@siemens/ix 5.1.1 → 5.2.0

package/dist/collection/components/pagination/pagination.css

@@ -306,6 +306,14 @@ input.ix-form-control:read-only, input.ix-form-control.readonly {
 * LICENSE file in the root directory of this source tree.
 */
 /*
+* SPDX-FileCopyrightText: 2026 Siemens AG
+*
+* SPDX-License-Identifier: MIT
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+/*
 * SPDX-FileCopyrightText: 2023 Siemens AG
 *
 * SPDX-License-Identifier: MIT
@@ -333,7 +341,7 @@ input.ix-form-control:read-only, input.ix-form-control.readonly {
 :host *::before {
   box-sizing: border-box;
 }
-:host ::-webkit-scrollbar-button {
+:host *::-webkit-scrollbar-button {
   display: none;
 }
 @-moz-document url-prefix() {
@@ -342,37 +350,37 @@ input.ix-form-control:read-only, input.ix-form-control.readonly {
     scrollbar-width: thin;
   }
 }
-:host {
+:host * {
   /* width */
 }
-:host ::-webkit-scrollbar {
+:host *::-webkit-scrollbar {
   width: 0.5rem;
   height: 0.5rem;
 }
-:host {
+:host * {
   /* Track */
 }
-:host ::-webkit-scrollbar-track {
+:host *::-webkit-scrollbar-track {
   border-radius: 5px;
   background: var(--theme-scrollbar-track--background);
 }
-:host ::-webkit-scrollbar-track:hover {
+:host *::-webkit-scrollbar-track:hover {
   background: var(--theme-scrollbar-track--background--hover);
 }
-:host {
+:host * {
   /* Handle */
 }
-:host ::-webkit-scrollbar-thumb {
+:host *::-webkit-scrollbar-thumb {
   border-radius: 5px;
   background: var(--theme-scrollbar-thumb--background);
 }
-:host {
+:host * {
   /* Handle on hover */
 }
-:host ::-webkit-scrollbar-thumb:hover {
+:host *::-webkit-scrollbar-thumb:hover {
   background: var(--theme-scrollbar-thumb--background--hover);
 }
-:host ::-webkit-scrollbar-corner {
+:host *::-webkit-scrollbar-corner {
   display: none;
 }
 :host button,
@@ -444,7 +452,7 @@ input.ix-form-control:read-only, input.ix-form-control.readonly {
 :host *::before {
   box-sizing: border-box;
 }
-:host ::-webkit-scrollbar-button {
+:host *::-webkit-scrollbar-button {
   display: none;
 }
 @-moz-document url-prefix() {
@@ -453,37 +461,37 @@ input.ix-form-control:read-only, input.ix-form-control.readonly {
     scrollbar-width: thin;
   }
 }
-:host {
+:host * {
   /* width */
 }
-:host ::-webkit-scrollbar {
+:host *::-webkit-scrollbar {
   width: 0.5rem;
   height: 0.5rem;
 }
-:host {
+:host * {
   /* Track */
 }
-:host ::-webkit-scrollbar-track {
+:host *::-webkit-scrollbar-track {
   border-radius: 5px;
   background: var(--theme-scrollbar-track--background);
 }
-:host ::-webkit-scrollbar-track:hover {
+:host *::-webkit-scrollbar-track:hover {
   background: var(--theme-scrollbar-track--background--hover);
 }
-:host {
+:host * {
   /* Handle */
 }
-:host ::-webkit-scrollbar-thumb {
+:host *::-webkit-scrollbar-thumb {
   border-radius: 5px;
   background: var(--theme-scrollbar-thumb--background);
 }
-:host {
+:host * {
   /* Handle on hover */
 }
-:host ::-webkit-scrollbar-thumb:hover {
+:host *::-webkit-scrollbar-thumb:hover {
   background: var(--theme-scrollbar-thumb--background--hover);
 }
-:host ::-webkit-scrollbar-corner {
+:host *::-webkit-scrollbar-corner {
   display: none;
 }
 :host button,
@@ -1099,44 +1107,46 @@ input.ix-form-control:read-only, input.ix-form-control.readonly {
   box-sizing: border-box;
 }
 
-::-webkit-scrollbar-button {
+*::-webkit-scrollbar-button {
   display: none;
 }
-
 @-moz-document url-prefix() {
   * {
     scrollbar-color: var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);
     scrollbar-width: thin;
   }
 }
-/* width */
-::-webkit-scrollbar {
+* {
+  /* width */
+}
+*::-webkit-scrollbar {
   width: 0.5rem;
   height: 0.5rem;
 }
-
-/* Track */
-::-webkit-scrollbar-track {
+* {
+  /* Track */
+}
+*::-webkit-scrollbar-track {
   border-radius: 5px;
   background: var(--theme-scrollbar-track--background);
 }
-
-::-webkit-scrollbar-track:hover {
+*::-webkit-scrollbar-track:hover {
   background: var(--theme-scrollbar-track--background--hover);
 }
-
-/* Handle */
-::-webkit-scrollbar-thumb {
+* {
+  /* Handle */
+}
+*::-webkit-scrollbar-thumb {
   border-radius: 5px;
   background: var(--theme-scrollbar-thumb--background);
 }
-
-/* Handle on hover */
-::-webkit-scrollbar-thumb:hover {
+* {
+  /* Handle on hover */
+}
+*::-webkit-scrollbar-thumb:hover {
   background: var(--theme-scrollbar-thumb--background--hover);
 }
-
-::-webkit-scrollbar-corner {
+*::-webkit-scrollbar-corner {
   display: none;
 }
 
@@ -1196,7 +1206,7 @@ input.ix-form-control:read-only, input.ix-form-control.readonly {
 :host *::before {
   box-sizing: border-box;
 }
-:host ::-webkit-scrollbar-button {
+:host *::-webkit-scrollbar-button {
   display: none;
 }
 @-moz-document url-prefix() {
@@ -1205,37 +1215,37 @@ input.ix-form-control:read-only, input.ix-form-control.readonly {
     scrollbar-width: thin;
   }
 }
-:host {
+:host * {
   /* width */
 }
-:host ::-webkit-scrollbar {
+:host *::-webkit-scrollbar {
   width: 0.5rem;
   height: 0.5rem;
 }
-:host {
+:host * {
   /* Track */
 }
-:host ::-webkit-scrollbar-track {
+:host *::-webkit-scrollbar-track {
   border-radius: 5px;
   background: var(--theme-scrollbar-track--background);
 }
-:host ::-webkit-scrollbar-track:hover {
+:host *::-webkit-scrollbar-track:hover {
   background: var(--theme-scrollbar-track--background--hover);
 }
-:host {
+:host * {
   /* Handle */
 }
-:host ::-webkit-scrollbar-thumb {
+:host *::-webkit-scrollbar-thumb {
   border-radius: 5px;
   background: var(--theme-scrollbar-thumb--background);
 }
-:host {
+:host * {
   /* Handle on hover */
 }
-:host ::-webkit-scrollbar-thumb:hover {
+:host *::-webkit-scrollbar-thumb:hover {
   background: var(--theme-scrollbar-thumb--background--hover);
 }
-:host ::-webkit-scrollbar-corner {
+:host *::-webkit-scrollbar-corner {
   display: none;
 }
 :host,

package/dist/collection/components/pagination/pagination.js

@@ -199,7 +199,7 @@ export class Pagination {
         }
     }
     render() {
-        return (h(Host, { key: 'f1a9fa92967db3108ec88ea95ebd27baeb11a801' }, h("ix-icon-button", { key: '6cd70b1d8cf6e8a65056ef4af191d31152bce887', disabled: !this.count || this.selectedPage === 0, variant: "subtle-tertiary", icon: iconChevronLeftSmall, onClick: () => this.decrease(), "aria-label": this.ariaLabelChevronLeftIconButton }), this.advanced ? (h("div", { class: "advanced-pagination" }, h("ix-typography", { format: "body" }, this.i18nPage), h("input", { "aria-label": this.ariaLabelPageSelection, class: "ix-form-control page-selection", type: "number", min: "1", max: this.count, value: this.selectedPage + 1, onChange: (event) => {
+        return (h(Host, { key: '4e2c8eafe7413cd12e9bf999bec9e757e2e71d74' }, h("ix-icon-button", { key: 'eb009bcba8709996a0f858def3a235546c057cc7', disabled: !this.count || this.selectedPage === 0, variant: "subtle-tertiary", icon: iconChevronLeftSmall, onClick: () => this.decrease(), "aria-label": this.ariaLabelChevronLeftIconButton }), this.advanced ? (h("div", { class: "advanced-pagination" }, h("ix-typography", { format: "body" }, this.i18nPage), h("input", { "aria-label": this.ariaLabelPageSelection, class: "ix-form-control page-selection", type: "number", min: "1", max: this.count, value: this.selectedPage + 1, onChange: (event) => {
                 const inputElement = event.target;
                 this.handlePageInput(inputElement.value);
             }, onKeyDown: (event) => {
@@ -213,7 +213,7 @@ export class Pagination {
             }, onBlur: (e) => {
                 const inputElement = e.target;
                 inputElement.value = (this.selectedPage + 1).toString();
-            } }), h("span", { class: "total-count" }, h("ix-typography", { format: "body" }, this.i18nOf, " ", this.count)))) : (h("span", { class: "basic-pagination" }, this.renderPageButtons(), " ")), h("ix-icon-button", { key: '85cefcfb2c0e1bdfcff3bb442bab8a7de5f61ecc', disabled: !this.count || this.selectedPage === this.count - 1, variant: "subtle-tertiary", icon: iconChevronRightSmall, onClick: () => this.increase(), "aria-label": this.ariaLabelChevronRightIconButton }), this.advanced && !this.hideItemCount && (h("span", { key: '4bb3f7a6c527a2c9ad29a2d9cffa3cff15c1df0e', class: "item-count" }, h("ix-typography", { key: '8df743fae7237037043cdbae1295a23c797e3a8e', format: "body" }, this.i18nItems), h("ix-select", { key: 'd4b5d9def930824bb7630849e9c7f61beb6e6924', hideListHeader: true, i18nPlaceholder: "", i18nSelectListHeader: "", value: `${this.itemCount}`, onValueChange: (e) => {
+            } }), h("span", { class: "total-count" }, h("ix-typography", { format: "body" }, this.i18nOf, " ", this.count)))) : (h("span", { class: "basic-pagination" }, this.renderPageButtons(), " ")), h("ix-icon-button", { key: '222ee56d962841a67f9e623958d891a1107d4713', disabled: !this.count || this.selectedPage === this.count - 1, variant: "subtle-tertiary", icon: iconChevronRightSmall, onClick: () => this.increase(), "aria-label": this.ariaLabelChevronRightIconButton }), this.advanced && !this.hideItemCount && (h("span", { key: '26262c1d60c090106360e9969aef66e71d350369', class: "item-count" }, h("ix-typography", { key: 'd4ceb347484c5f65f53b8cdcf180be26aa11584c', format: "body" }, this.i18nItems), h("ix-select", { key: '2fcb117e0c2ec130ca1dc449b5a2036737a0cec2', hideListHeader: true, i18nPlaceholder: "", i18nSelectListHeader: "", value: `${this.itemCount}`, onValueChange: (e) => {
                 const count = Number.parseInt(Array.isArray(e.detail) ? e.detail[0] : e.detail);
                 this.itemCountChanged.emit(count);
             } }, this.itemCountOptions.map((option) => (h("ix-select-item", { label: `${option}`, value: `${option}` }))))))));

package/dist/collection/components/pane/pane.css

@@ -57,7 +57,7 @@
 :host *::before {
   box-sizing: border-box;
 }
-:host ::-webkit-scrollbar-button {
+:host *::-webkit-scrollbar-button {
   display: none;
 }
 @-moz-document url-prefix() {
@@ -66,37 +66,37 @@
     scrollbar-width: thin;
   }
 }
-:host {
+:host * {
   /* width */
 }
-:host ::-webkit-scrollbar {
+:host *::-webkit-scrollbar {
   width: 0.5rem;
   height: 0.5rem;
 }
-:host {
+:host * {
   /* Track */
 }
-:host ::-webkit-scrollbar-track {
+:host *::-webkit-scrollbar-track {
   border-radius: 5px;
   background: var(--theme-scrollbar-track--background);
 }
-:host ::-webkit-scrollbar-track:hover {
+:host *::-webkit-scrollbar-track:hover {
   background: var(--theme-scrollbar-track--background--hover);
 }
-:host {
+:host * {
   /* Handle */
 }
-:host ::-webkit-scrollbar-thumb {
+:host *::-webkit-scrollbar-thumb {
   border-radius: 5px;
   background: var(--theme-scrollbar-thumb--background);
 }
-:host {
+:host * {
   /* Handle on hover */
 }
-:host ::-webkit-scrollbar-thumb:hover {
+:host *::-webkit-scrollbar-thumb:hover {
   background: var(--theme-scrollbar-thumb--background--hover);
 }
-:host ::-webkit-scrollbar-corner {
+:host *::-webkit-scrollbar-corner {
   display: none;
 }
 :host aside {

package/dist/collection/components/pane/pane.js

@@ -574,7 +574,7 @@ export class Pane {
         else {
             paneButtonAriaLabel = 'Expand pane';
         }
-        return (h(Host, { key: 'e543d6f177c9b347c72abb1d821ea08fa642b031', class: {
+        return (h(Host, { key: '2af275a401925a99c9a47cc5aa58a17c3eb5fcfb', class: {
                 'floating-pane': this.floating,
                 'inline-pane': !this.floating,
                 'mobile-overlay': this.expanded && this.isMobile,
@@ -598,31 +598,31 @@ export class Pane {
                     !this.expanded &&
                     !this.floating,
                 'not-visible': this.hideOnCollapse && !this.expanded,
-            }, "aria-expanded": a11yBoolean(this.expanded) }, h("aside", { key: '44156892e41a24920288669e3c096cea0eb0e244', id: `pane-${this.composition}`, class: {
+            }, "aria-expanded": a11yBoolean(this.expanded) }, h("aside", { key: '1f9feb7d0c080e5f5833f0a5b5154202490b9fa4', id: `pane-${this.composition}`, class: {
                 'top-bottom-pane': this.isBottomTopPane && !this.isMobile,
                 'left-right-pane': this.isLeftRightPane && !this.isMobile,
                 'mobile-pane': this.isMobile,
                 expanded: this.expanded,
-            } }, h("div", { key: '18c22984a1970f326e33467a0a3fd2e2f8fc7e15', id: "title-div", class: {
+            } }, h("div", { key: '2bfafc9e2922128eec41210485fec6534f525828', id: "title-div", class: {
                 title: !this.isMobile && !this.hideOnCollapse && !this.showContent,
                 'title-finished': !this.isMobile && !this.hideOnCollapse && this.showContent,
                 'title-expanded': !this.isMobile && !this.hideOnCollapse && this.expanded,
                 'title-hide-on-collapse': !this.isMobile && this.hideOnCollapse,
                 'title-mobile': this.isMobile,
                 'header-gap': !this.isMobile && !this.hideOnCollapse,
-            } }, h("ix-icon-button", { key: '9b92a577dd81c283415dd194448804a9f128fdc0', class: "title-icon", size: "24", icon: this.expanded
+            } }, h("ix-icon-button", { key: '8417658fd2c0a70f98bd51c8f0ba2ccc84616167', class: "title-icon", size: "24", icon: this.expanded
                 ? this.isMobile || this.hideOnCollapse
                     ? iconClose
                     : this.expandIcon
                 : this.minimizeIcon, iconColor: this.expanded && (this.isMobile || this.hideOnCollapse)
                 ? 'color-soft-text'
-                : undefined, variant: "subtle-tertiary", onClick: () => this.dispatchExpandedChangedEvent(), "aria-controls": `pane-${this.composition}`, "aria-label": paneButtonAriaLabel }), h("div", { key: 'fb67a0886d65c841bd22a5fa5cfd2a47bf376ff8', class: {
+                : undefined, variant: "subtle-tertiary", onClick: () => this.dispatchExpandedChangedEvent(), "aria-controls": `pane-${this.composition}`, "aria-label": paneButtonAriaLabel }), h("div", { key: '7685fa2b6726c80e861715db078f354ace32b044', class: {
                 'title-text': true,
                 rotate: rotate,
-            } }, this.icon && (h("ix-icon", { key: 'c9f7393d0f7b0712892355baa70fdc000708a352', class: "pane-icon", size: "24", name: this.icon, "aria-label": this.ariaLabelIcon })), h("div", { key: '268953ae5e48eff0ad3b9e7425798380ab6cad04', class: "title-text-overflow" }, h("ix-typography", { key: 'fcebf6929e62dd90bd040631041d9bb92150f238', format: "h4" }, this.heading)), this.expanded && (h("div", { key: 'db4bc449c3d174136cc4415c7fc15f82a8f33421', class: "slot-header" }, h("slot", { key: 'cbbdd70092367dd800b946b6d864cbfc5e9b5ac6', name: "header" }))))), h("div", { key: '61388536eb66883d710fe1adf662f3a7d1dd2abf', class: {
+            } }, this.icon && (h("ix-icon", { key: '35faca81de8fc22114b05cc980a22c475cdd87ad', class: "pane-icon", size: "24", name: this.icon, "aria-label": this.ariaLabelIcon })), h("div", { key: '27e27879098e31c758924cf3a0b0bd61ecaf3ba3', class: "title-text-overflow" }, h("ix-typography", { key: 'f8c15cc21515bb68e0f3ab17c392c716f77c842d', format: "h4" }, this.heading)), this.expanded && (h("div", { key: '5f9468a14dcba14a378332fb0f7cb47df06786ef', class: "slot-header" }, h("slot", { key: '563d760c062d11d076040f346343bd980ce53a3b', name: "header" }))))), h("div", { key: '4cf43dc7985849d58d7e9314c2c9a3eec2e3262e', class: {
                 'side-pane-content': true,
                 'no-padding': this.noPadding,
-            }, hidden: !this.showContent }, h("slot", { key: '1b1435619e3a22b84908eb2789ab3de0484264f9' })))));
+            }, hidden: !this.showContent }, h("slot", { key: '551be42a3c3c7ddd86a072da7fe98f8b9c0044ec' })))));
     }
     static get is() { return "ix-pane"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/pane-layout/pane-layout.css

@@ -41,7 +41,7 @@
 :host *::before {
   box-sizing: border-box;
 }
-:host ::-webkit-scrollbar-button {
+:host *::-webkit-scrollbar-button {
   display: none;
 }
 @-moz-document url-prefix() {
@@ -50,37 +50,37 @@
     scrollbar-width: thin;
   }
 }
-:host {
+:host * {
   /* width */
 }
-:host ::-webkit-scrollbar {
+:host *::-webkit-scrollbar {
   width: 0.5rem;
   height: 0.5rem;
 }
-:host {
+:host * {
   /* Track */
 }
-:host ::-webkit-scrollbar-track {
+:host *::-webkit-scrollbar-track {
   border-radius: 5px;
   background: var(--theme-scrollbar-track--background);
 }
-:host ::-webkit-scrollbar-track:hover {
+:host *::-webkit-scrollbar-track:hover {
   background: var(--theme-scrollbar-track--background--hover);
 }
-:host {
+:host * {
   /* Handle */
 }
-:host ::-webkit-scrollbar-thumb {
+:host *::-webkit-scrollbar-thumb {
   border-radius: 5px;
   background: var(--theme-scrollbar-thumb--background);
 }
-:host {
+:host * {
   /* Handle on hover */
 }
-:host ::-webkit-scrollbar-thumb:hover {
+:host *::-webkit-scrollbar-thumb:hover {
   background: var(--theme-scrollbar-thumb--background--hover);
 }
-:host ::-webkit-scrollbar-corner {
+:host *::-webkit-scrollbar-corner {
   display: none;
 }
 :host .side-panes-wrapper {

package/dist/collection/components/pane-layout/pane-layout.js

@@ -245,7 +245,7 @@ export class Panes {
         return pane ? pane.floating : false;
     }
     render() {
-        return (h(Host, { key: '59257c3e7c7b3b309f151706e51a1730c36ebec0' }, !this.isMobile ? (this.layout == 'full-vertical' ? (h("div", { class: "side-panes-wrapper" }, h("div", { class: {
+        return (h(Host, { key: 'a444c673030d9f134bea3842c2e2610715c45752' }, !this.isMobile ? (this.layout == 'full-vertical' ? (h("div", { class: "side-panes-wrapper" }, h("div", { class: {
                 row: true,
                 'padding-left': this.hasPadding('left'),
                 'padding-right': this.hasPadding('right'),

package/dist/collection/components/pill/pill.css

@@ -60,7 +60,7 @@
 :host *::before {
   box-sizing: border-box;
 }
-:host ::-webkit-scrollbar-button {
+:host *::-webkit-scrollbar-button {
   display: none;
 }
 @-moz-document url-prefix() {
@@ -69,37 +69,37 @@
     scrollbar-width: thin;
   }
 }
-:host {
+:host * {
   /* width */
 }
-:host ::-webkit-scrollbar {
+:host *::-webkit-scrollbar {
   width: 0.5rem;
   height: 0.5rem;
 }
-:host {
+:host * {
   /* Track */
 }
-:host ::-webkit-scrollbar-track {
+:host *::-webkit-scrollbar-track {
   border-radius: 5px;
   background: var(--theme-scrollbar-track--background);
 }
-:host ::-webkit-scrollbar-track:hover {
+:host *::-webkit-scrollbar-track:hover {
   background: var(--theme-scrollbar-track--background--hover);
 }
-:host {
+:host * {
   /* Handle */
 }
-:host ::-webkit-scrollbar-thumb {
+:host *::-webkit-scrollbar-thumb {
   border-radius: 5px;
   background: var(--theme-scrollbar-thumb--background);
 }
-:host {
+:host * {
   /* Handle on hover */
 }
-:host ::-webkit-scrollbar-thumb:hover {
+:host *::-webkit-scrollbar-thumb:hover {
   background: var(--theme-scrollbar-thumb--background--hover);
 }
-:host ::-webkit-scrollbar-corner {
+:host *::-webkit-scrollbar-corner {
   display: none;
 }
 

package/dist/collection/components/pill/pill.js

@@ -91,13 +91,13 @@ export class Pill extends Mixin(...DefaultMixins) {
             hostRole = 'group';
         }
         const iconIsDecorative = !this.ariaLabelIcon?.trim();
-        return (h(Host, { key: '827e58b1bdd980292651befee4ad756cbea0699f', style: this.variant === 'custom'
+        return (h(Host, { key: 'a68cdabb69942bd85c2d229ff0de5b0e4870fac8', style: this.variant === 'custom'
                 ? {
                     '--ix-icon-button-color': this.pillColor,
                 }
                 : {}, class: {
                 'align-left': this.alignLeft,
-            }, role: hostRole }, h("div", { key: 'f50b1d1f5a36ae985e55c66d97723640dcbd667f', ref: this.containerElementRef, style: { ...customStyle }, class: {
+            }, role: hostRole }, h("div", { key: '7fea53cccace32e07ca035dcf78382c237d60e4e', ref: this.containerElementRef, style: { ...customStyle }, class: {
                 container: true,
                 outline: this.outline,
                 inactive: false,
@@ -112,9 +112,9 @@ export class Pill extends Mixin(...DefaultMixins) {
                 closable: false,
                 icon: !!this.icon,
                 'with-gap': !this.iconOnly,
-            } }, this.icon && (h("ix-icon", { key: '8f24375cb42813b0a651997a672fda5c9c16b8d3', class: {
+            } }, this.icon && (h("ix-icon", { key: '7961f3198ebd6c876284f624f59f356968f56768', class: {
                 'with-icon': true,
-            }, name: this.icon, size: '16', "aria-label": this.ariaLabelIcon, "aria-hidden": a11yBoolean(iconIsDecorative) })), h("span", { key: '356a8805398e1978e5c7bfe61e3c383d0f4af640', class: "slot-container" }, h("slot", { key: 'ac249a29b4cbf9cba9d0fef7b2c5a8992d4f9c3d', onSlotchange: () => this.checkIfContentAvailable() }))), this.getTooltip()));
+            }, name: this.icon, size: '16', "aria-label": this.ariaLabelIcon, "aria-hidden": a11yBoolean(iconIsDecorative) })), h("span", { key: '51c432b9308c9196ba5dc1c0875a4e081c856589', class: "slot-container" }, h("slot", { key: '1aee2adfc52e1e1ed00d6947bb73fd0f5dcae6ff', onSlotchange: () => this.checkIfContentAvailable() }))), this.getTooltip()));
     }
     static get is() { return "ix-pill"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/popover/popover.js

@@ -670,7 +670,7 @@ export class Popover extends Mixin(...DefaultMixins, InheritAriaAttributesMixin,
         }
     }
     render() {
-        return (h(Host, { key: '95dbf143e674bcb0cd976c114a892201c42af6f4', class: { visible: this.show }, "data-ix-popover": this.popoverPanelId }, h("dialog", { key: 'd674675e90ef6288047117e5058c18dd8233378d', ref: this.dialogRef, id: this.popoverPanelId, class: "dialog", popover: "manual", inert: !this.show, ...this.inheritAriaAttributes, role: this.inheritAriaAttributes['role'] ?? 'dialog', onMouseEnter: () => this.onDialogMouseEnter(), onMouseLeave: () => this.onDialogMouseLeave() }, h("div", { key: 'b0a7901412a53cff56518a7776b58ba392ba7b21', class: "popover-container" }, h("div", { key: '1226cfeb2110a8d628e50404d72d4ecd0c4f3a8b', class: "popover-body" }, h("slot", { key: '6c5701b2a20896db8fccf4edd67d9c65c1a81d36' })), this.hasSpike ? h("div", { class: "spike" }) : null))));
+        return (h(Host, { key: 'd3950e6a33913834d9ac23937918ed2a119c339e', class: { visible: this.show }, "data-ix-popover": this.popoverPanelId }, h("dialog", { key: '5c2c659d9fbd6c8c6124e48ac23d0563a6a349dd', ref: this.dialogRef, id: this.popoverPanelId, class: "dialog", popover: "manual", inert: !this.show, ...this.inheritAriaAttributes, role: this.inheritAriaAttributes['role'] ?? 'dialog', onMouseEnter: () => this.onDialogMouseEnter(), onMouseLeave: () => this.onDialogMouseLeave() }, h("div", { key: '020ab467f0f869f890e99dfae2eb8882ec6b313c', class: "popover-container" }, h("div", { key: '6d765907691e15b9f37782c0b4c64e31bae5cf22', class: "popover-body" }, h("slot", { key: 'e1f14fa9be44cc63f15dbb3d3c8e75c0019646b0' })), this.hasSpike ? h("div", { class: "spike" }) : null))));
     }
     static get is() { return "ix-popover"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/popover-content/popover-content.css

@@ -33,7 +33,7 @@
 :host *::before {
   box-sizing: border-box;
 }
-:host ::-webkit-scrollbar-button {
+:host *::-webkit-scrollbar-button {
   display: none;
 }
 @-moz-document url-prefix() {
@@ -42,37 +42,37 @@
     scrollbar-width: thin;
   }
 }
-:host {
+:host * {
   /* width */
 }
-:host ::-webkit-scrollbar {
+:host *::-webkit-scrollbar {
   width: 0.5rem;
   height: 0.5rem;
 }
-:host {
+:host * {
   /* Track */
 }
-:host ::-webkit-scrollbar-track {
+:host *::-webkit-scrollbar-track {
   border-radius: 5px;
   background: var(--theme-scrollbar-track--background);
 }
-:host ::-webkit-scrollbar-track:hover {
+:host *::-webkit-scrollbar-track:hover {
   background: var(--theme-scrollbar-track--background--hover);
 }
-:host {
+:host * {
   /* Handle */
 }
-:host ::-webkit-scrollbar-thumb {
+:host *::-webkit-scrollbar-thumb {
   border-radius: 5px;
   background: var(--theme-scrollbar-thumb--background);
 }
-:host {
+:host * {
   /* Handle on hover */
 }
-:host ::-webkit-scrollbar-thumb:hover {
+:host *::-webkit-scrollbar-thumb:hover {
   background: var(--theme-scrollbar-thumb--background--hover);
 }
-:host ::-webkit-scrollbar-corner {
+:host *::-webkit-scrollbar-corner {
   display: none;
 }
 

package/dist/collection/components/popover-content/popover-content.js

@@ -23,7 +23,7 @@ export class PopoverContent {
      */
     noPadding = false;
     render() {
-        return (h(Host, { key: '4905ed4b5a260f7e700c05a4a5525a8fdc14c8e9', class: { 'no-padding': this.noPadding }, [TRAP_FOCUS_INCLUDE_ATTRIBUTE]: true }, h("slot", { key: '03f85fc0aaea7387b08019f8ed7c4e80378d0c3a' })));
+        return (h(Host, { key: '62863d14ea5e0bb9f56e6e1f179a377beb6b7395', class: { 'no-padding': this.noPadding }, [TRAP_FOCUS_INCLUDE_ATTRIBUTE]: true }, h("slot", { key: '389aef8f188d4770e11ffd7ac9e67b7f845b01c7' })));
     }
     static get is() { return "ix-popover-content"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/popover-footer/popover-footer.css

@@ -34,7 +34,7 @@
 :host *::before {
   box-sizing: border-box;
 }
-:host ::-webkit-scrollbar-button {
+:host *::-webkit-scrollbar-button {
   display: none;
 }
 @-moz-document url-prefix() {
@@ -43,37 +43,37 @@
     scrollbar-width: thin;
   }
 }
-:host {
+:host * {
   /* width */
 }
-:host ::-webkit-scrollbar {
+:host *::-webkit-scrollbar {
   width: 0.5rem;
   height: 0.5rem;
 }
-:host {
+:host * {
   /* Track */
 }
-:host ::-webkit-scrollbar-track {
+:host *::-webkit-scrollbar-track {
   border-radius: 5px;
   background: var(--theme-scrollbar-track--background);
 }
-:host ::-webkit-scrollbar-track:hover {
+:host *::-webkit-scrollbar-track:hover {
   background: var(--theme-scrollbar-track--background--hover);
 }
-:host {
+:host * {
   /* Handle */
 }
-:host ::-webkit-scrollbar-thumb {
+:host *::-webkit-scrollbar-thumb {
   border-radius: 5px;
   background: var(--theme-scrollbar-thumb--background);
 }
-:host {
+:host * {
   /* Handle on hover */
 }
-:host ::-webkit-scrollbar-thumb:hover {
+:host *::-webkit-scrollbar-thumb:hover {
   background: var(--theme-scrollbar-thumb--background--hover);
 }
-:host ::-webkit-scrollbar-corner {
+:host *::-webkit-scrollbar-corner {
   display: none;
 }
 :host .footer-start,