@siemens/ix 5.0.0 → 5.1.1

package/dist/collection/components/range-field/range-field.js

@@ -12,6 +12,9 @@ import { isIxInputFieldComponent, isIxInputFieldWithPickerComponent, } from "../
 import { DefaultMixins } from "../utils/internal/component";
 import { hasKeyboardMode } from "../utils/internal/mixins/setup.mixin";
 import { requestAnimationFrameNoNgZone } from "../utils/requestAnimationFrame";
+/**
+ * @slot default - Range field controls.
+ */
 export class RangeField extends Mixin(...DefaultMixins) {
     constructor() {
         super();
@@ -115,10 +118,10 @@ export class RangeField extends Mixin(...DefaultMixins) {
         requestAnimationFrameNoNgZone(() => secondElement.openPicker());
     }
     render() {
-        return (h(Host, { key: '9a7a7fe48f24b453a0ec97441a295ecdedce01bc', class: { 'hide-arrow': this.hideArrow }, role: "group" }, !this.hideArrow && (h("ix-icon", { key: '6e70058b9ed46a3d0d8a9d81db96a1449a94eb00', "aria-hidden": "true", class: {
+        return (h(Host, { key: 'b0f8679efb64c79cb0896f4f6da02360cb712fd0', class: { 'hide-arrow': this.hideArrow }, role: "group" }, !this.hideArrow && (h("ix-icon", { key: 'ca058c6a86cc66f47a558e96cc0119041b02e603', "aria-hidden": "true", class: {
                 'range-delimiter': true,
                 'has-label': this.hasLabel,
-            }, name: iconArrowRight })), h("slot", { key: 'f700e47951e5a58c9232adb5a79fa01f42d369fa' })));
+            }, name: iconArrowRight })), h("slot", { key: '18e92d8e65c9fd215734fe0702b4728070d9e3d9' })));
     }
     static get is() { return "ix-range-field"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/row/row.js

@@ -7,9 +7,12 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { h, Host } from "@stencil/core";
+/**
+ * @slot default - Row content.
+ */
 export class Row {
     render() {
-        return (h(Host, { key: '88036865546dd8f57cac8099b7bef38d6420c722' }, h("slot", { key: '948ec4b33c9f03caa4feec78d76f397bd320d045' })));
+        return (h(Host, { key: '7c76876500cb51c2e200bc8e7fa70d74e4c33853' }, h("slot", { key: '40e1b394378241b5731916a4f0e858ad99d75074' })));
     }
     static get is() { return "ix-row"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/select/select.css

@@ -209,14 +209,27 @@
   position: relative;
   display: flex;
   align-items: center;
-  flex-wrap: wrap;
+  flex-wrap: nowrap;
   height: 100%;
-  max-height: 3.5rem;
   flex-grow: 1;
-  overflow-y: auto;
+  overflow: hidden;
 }
 :host .input-container .chips > ix-filter-chip {
   margin: 0.1rem;
+  flex-shrink: 0;
+  max-width: min(40%, 14rem);
+}
+:host .input-container .chips > ix-filter-chip.chip-measuring {
+  position: absolute;
+  visibility: hidden;
+  pointer-events: none;
+}
+:host .input-container .chips > ix-filter-chip.chip-overflow {
+  cursor: pointer;
+}
+:host .input-container .chips > ix-filter-chip.chip-overflow:focus-visible {
+  outline: 1px solid var(--theme-color-focus-bdr);
+  outline-offset: var(--theme-btn--focus--outline-offset);
 }
 :host .input-container ix-icon-button {
   height: 1.875rem;
@@ -260,6 +273,15 @@
   flex-direction: column;
   max-width: 100%;
 }
+:host .overflow-dropdown-content {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 0.25rem;
+  max-height: 16rem;
+  overflow-y: auto;
+  padding: 0.5rem;
+}
 :host .dropdown-visible {
   --ix-icon-button-color: var(--theme-color-std-text--hover);
 }