Merge remote-tracking branch 'origin/main' into release-3.0.0

siemens · Sep 16, 2024 · 5c446f5 · 5c446f5
2 parents bcab451 + 79b01a7
commit 5c446f5
Show file tree

Hide file tree

Showing 57 changed files with 854 additions and 555 deletions.
diff --git a/.changeset/brown-forks-repeat.md b/.changeset/brown-forks-repeat.md
@@ -0,0 +1,5 @@
+---
+'@siemens/ix': patch
+---
+
+fix(core/category-filter): does not clear category preview
diff --git a/.changeset/fast-tips-jam.md b/.changeset/fast-tips-jam.md
@@ -0,0 +1,5 @@
+---
+'@siemens/ix': patch
+---
+
+fix(core/tooltip): cutoff near viewport edges
diff --git a/.changeset/spicy-ravens-care.md b/.changeset/spicy-ravens-care.md
@@ -0,0 +1,5 @@
+---
+"@siemens/ix": patch
+---
+
+fix(core/tree): prevent hyperlist from disposing dropdowns linked to tree items
diff --git a/.changeset/violet-ducks-refuse.md b/.changeset/violet-ducks-refuse.md
@@ -0,0 +1,5 @@
+---
+'@siemens/ix': patch
+---
+
+fix(core/group): remove max-width restriction
diff --git a/.changeset/wicked-avocados-glow.md b/.changeset/wicked-avocados-glow.md
@@ -0,0 +1,5 @@
+---
+'@siemens/ix': minor
+---
+
+feat(core/group): handle preventDefault for events
diff --git a/.github/workflows/strict-check.yml b/.github/workflows/strict-check.yml
diff --git a/README.md b/README.md
@@ -25,8 +25,8 @@
   </p>
 </div>
 
-
 <!-- ABOUT THE PROJECT -->
+
 ## About The Project
 
 Siemens Industrial Experience is an open-source design system for designers and developers, to consistently create the perfect digital experience for industrial software products.
@@ -41,13 +41,14 @@ Adopt major frameworks for seamless integration into your project.
 [![Vue][Vue.js]][Vue-url]
 [![Angular][Angular.io]][Angular-url]
 
-
 <!-- GETTING STARTED -->
+
 ## 🚀 Getting Started
 
 You can find a getting started guide [here](https://ix.siemens.io/docs/installation/)
 
 <!-- CONTRIBUTING -->
+
 ## 🤝 Contributing
 
 Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.
@@ -65,11 +66,13 @@ Copyright © 2022 [Siemens AG](https://www.siemens.com/).
 
 This project is MIT licensed.
 
-<p align="right">(<a href="#readme-top">back to top</a>)</p>
+This project is tested with BrowserStack.
 
+<p align="right">(<a href="#readme-top">back to top</a>)</p>
 
 <!-- MARKDOWN LINKS & IMAGES -->
 <!-- https://www.markdownguide.org/basic-syntax/#reference-style-links -->
+
 [contributors-shield]: https://img.shields.io/github/contributors/siemens/ix.svg?style=for-the-badge
 [contributors-url]: https://github.com/siemens/ix/graphs/contributors
 [forks-shield]: https://img.shields.io/github/forks/siemens/ix.svg?style=for-the-badge

diff --git a/packages/angular-test-app/src/preview-examples/modal-sizes.html b/packages/angular-test-app/src/preview-examples/modal-sizes.html
@@ -20,7 +20,24 @@
 </div>
 
 <ng-template #customModal let-modal>
-  <ix-button (click)="modal.dismiss('dismiss')"
-    >Modal with size {{ modal.data }}</ix-button
-  >
+  <div style="display: flex; margin-top: 60px; margin-bottom: 60px">
+    <input checked id="checkbox_1_1" name="group_1" type="checkbox" />
+    <label for="checkbox_1_1">
+      Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
+      eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
+      voluptuad. At vero eos et accusam et justo duo dolores et ea rebum. Stet
+      clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit
+      amet.</label
+    >
+    <div id="test">
+      <ix-icon size="24" name="name" name="info"></ix-icon>
+    </div>
+    <ix-tooltip style="align-self: flex-start" for="#test"
+    >Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
+      eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
+      voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
+      clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit
+      amet.
+    </ix-tooltip>
+  </div>
 </ng-template>
diff --git a/packages/angular/src/components.ts b/packages/angular/src/components.ts
@@ -2348,7 +2348,7 @@ export declare interface IxTreeItem extends Components.IxTreeItem {
    */
   toggle: EventEmitter<CustomEvent<void>>;
   /**
-   * Clicked
+   * Click on item not on the expand/collapse icon
    */
   itemClick: EventEmitter<CustomEvent<void>>;
 }

diff --git a/packages/angular/standalone/src/directives/proxies.ts b/packages/angular/standalone/src/directives/proxies.ts
@@ -2616,7 +2616,7 @@ export declare interface IxTreeItem extends Components.IxTreeItem {
    */
   toggle: EventEmitter<CustomEvent<void>>;
   /**
-   * Clicked
+   * Click on item not on the expand/collapse icon
    */
   itemClick: EventEmitter<CustomEvent<void>>;
 }

diff --git a/packages/core/component-doc.json b/packages/core/component-doc.json
@@ -734,8 +734,13 @@
           },
           "mutable": false,
           "reflectToAttr": false,
-          "docs": "Supported layouts e.g ['sm', 'md']",
-          "docsTags": [],
+          "docs": "Supported layouts",
+          "docsTags": [
+            {
+              "name": "example",
+              "text": "['sm', 'md']"
+            }
+          ],
           "default": "['sm', 'md', 'lg']",
           "values": [
             {
@@ -2165,7 +2170,7 @@
               "type": "{ [id: string]: { label: string; options: string[]; }; }"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -2213,7 +2218,7 @@
               "type": "FilterState"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -2229,6 +2234,7 @@
           "reflectToAttr": false,
           "docs": "Allows to hide the icon inside the text input.\nDefaults to false",
           "docsTags": [],
+          "default": "false",
           "values": [
             {
               "type": "boolean"
@@ -2341,7 +2347,7 @@
               "type": "string"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -2440,7 +2446,7 @@
               "type": "string[]"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         }
       ],
@@ -7182,7 +7188,13 @@
       "styles": [],
       "slots": [],
       "parts": [],
-      "listeners": []
+      "listeners": [
+        {
+          "event": "selectedChanged",
+          "capture": false,
+          "passive": false
+        }
+      ]
     },
     {
       "dirPath": "src/components/group",
@@ -16454,7 +16466,7 @@
           },
           "cancelable": true,
           "composed": true,
-          "docs": "Clicked",
+          "docs": "Click on item not on the expand/collapse icon",
           "docsTags": []
         },
         {

diff --git a/packages/core/package.json b/packages/core/package.json
@@ -45,7 +45,7 @@
     "generate": "stencil generate"
   },
   "dependencies": {
-    "@floating-ui/dom": "^1.6.8",
+    "@floating-ui/dom": "^1.6.10",
     "@stencil/core": "^4.19.2",
     "@types/luxon": "^3.4.2",
     "animejs": "~3.2.2",

diff --git a/packages/core/src/components.d.ts b/packages/core/src/components.d.ts
@@ -184,7 +184,8 @@ export namespace Components {
          */
         "applicationName": string;
         /**
-          * Supported layouts e.g ['sm', 'md']
+          * Supported layouts
+          * @example ['sm', 'md']
          */
         "breakpoints": Breakpoint[];
         /**
@@ -368,7 +369,7 @@ export namespace Components {
         /**
           * Configuration object hash used to populate the dropdown menu for type-ahead and quick selection functionality. Each ID maps to an object with a label and an array of options to select from.
          */
-        "categories": {
+        "categories"?: {
     [id: string]: {
       label: string;
       options: string[];
@@ -381,7 +382,7 @@ export namespace Components {
         /**
           * A set of search criteria to populate the component with.
          */
-        "filterState": FilterState;
+        "filterState"?: FilterState;
         /**
           * Allows to hide the icon inside the text input. Defaults to false
          */
@@ -407,7 +408,7 @@ export namespace Components {
         /**
           * Placeholder text to be displayed in an empty input field.
          */
-        "placeholder": string;
+        "placeholder"?: string;
         /**
           * If true the filter will be in readonly mode
          */
@@ -424,7 +425,7 @@ export namespace Components {
         /**
           * A list of strings that will be supplied as type-ahead suggestions not tied to any categories.
          */
-        "suggestions": string[];
+        "suggestions"?: string[];
         "tmpDisableScrollIntoView": boolean;
     }
     interface IxChip {
@@ -4219,7 +4220,8 @@ declare namespace LocalJSX {
          */
         "applicationName"?: string;
         /**
-          * Supported layouts e.g ['sm', 'md']
+          * Supported layouts
+          * @example ['sm', 'md']
          */
         "breakpoints"?: Breakpoint[];
         /**
@@ -6571,7 +6573,7 @@ declare namespace LocalJSX {
          */
         "hasChildren"?: boolean;
         /**
-          * Clicked
+          * Click on item not on the expand/collapse icon
          */
         "onItemClick"?: (event: IxTreeItemCustomEvent<void>) => void;
         /**