@xplortech/apollo-core 3.1.0 → 3.2.0

package/dist/collection/components/xpl-table-header/xpl-table-header.js

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class TableHeader {
     render() {
-        return (h(Host, { key: '94e6c6f38fa4672ef3c728bf196946801da855d4', role: "row", class: "xpl-table-header" }, h("slot", { key: 'fa41686f082c65d27555273945f734a36c670869' })));
+        return (h(Host, { key: 'fb6c6d0ab301f41a22428583ffa0fea60a30719b', role: "row", class: "xpl-table-header" }, h("slot", { key: '54b058d43266fa281e30d26a644ad93d6559408b' })));
     }
     static get is() { return "xpl-table-header"; }
 }

package/dist/collection/components/xpl-tabs/xpl-tabs.js

@@ -321,11 +321,11 @@ export class Tabs {
     }
     render() {
         const isSegment = this.type === 'segment';
-        return (h(Host, { key: '74e82ed3665bf7d8337d16f6253c2ae79d421473', class: {
+        return (h(Host, { key: '0bb77237fce464cc536ce4efabb29249fa14ef4a', class: {
                 'xpl-tabs': true,
                 'xpl-tabs--full-width': this.fullWidth,
                 'xpl-tabs--segment': isSegment,
-            }, "data-choices-tick": this.choicesTick }, h("xpl-select", { key: '8b706667897c20145cdd528b692affb0db7f7ebc', classNames: this.mobileSelectClassNames(), choices: this.renderChoices(), disabled: this.disabled, selectedValues: this.selectedValue, onDropdownStateChange: (event) => {
+            }, "data-choices-tick": this.choicesTick }, h("xpl-select", { key: 'fbcc113cc9a308df73bf99f6c941612725e49ddb', classNames: this.mobileSelectClassNames(), choices: this.renderChoices(), disabled: this.disabled, selectedValues: this.selectedValue, onDropdownStateChange: (event) => {
                 if (event.detail) {
                     this.isMobileSelectChange = true;
                 }
@@ -336,17 +336,17 @@ export class Tabs {
                     this.tabChange.emit(selectedValue);
                     this.isMobileSelectChange = false;
                 }
-            } }), h("nav", { key: 'd23f6edc5da0525e4c8fc10aa30af64986fdda36', "aria-orientation": "horizontal", class: "xpl-tabs__headings", role: "tablist", ref: (el) => {
+            } }), h("nav", { key: '1b93068116c5ff0ac94d5139e147daffc1157c73', "aria-orientation": "horizontal", class: "xpl-tabs__headings", role: "tablist", ref: (el) => {
                 this.headingsContainerRef = el;
             }, onTabChange: (event) => {
                 event.stopPropagation();
                 this.isMobileSelectChange = false;
                 this.handleTabChange(event.detail);
                 this.tabChange.emit(event.detail);
-            } }, !isSegment && (h("div", { key: 'd2d080ffc049a408f2d93f3ce3bc694c0954ece3', class: "xpl-tabs__active-bar", style: {
+            } }, !isSegment && (h("div", { key: '38a88df2520d308e3a22b4cd70ff274af7403616', class: "xpl-tabs__active-bar", style: {
                 transform: `translateX(${this.activeBarPosition.left}px)`,
                 width: `${this.activeBarPosition.width}px`,
-            } })), h("slot", { key: '8c4b1403048b0eba5125abfc22494641aaf955cf', name: "heading" })), h("div", { key: '54a04bd883f364457cdf5922cad8ac2b42eceb61', class: "xpl-tabs__panels" }, h("slot", { key: '2b51ebd00605dfbd76c6018d74f63f954016a025', name: "panel" }))));
+            } })), h("slot", { key: 'dc30ab2123d7c1c8b6591ac0129af44da3795977', name: "heading" })), h("div", { key: '36c1fc45216499d4af87b8fc536df3ea6af666ab', class: "xpl-tabs__panels" }, h("slot", { key: 'a660913c7d2fce500da666490b600b4c7fc93746', name: "panel" }))));
     }
     static get is() { return "xpl-tabs"; }
     static get properties() {

package/dist/collection/components/xpl-tag/xpl-tag.js

@@ -119,7 +119,7 @@ export class Tag {
     }
     render() {
         const dragEnabled = this.isDraggable && !this.disabled;
-        return (h(Host, { key: '4129a867a9581efc82985d11549810860a2c6f87', class: {
+        return (h(Host, { key: '9a05e10e7fbc047112f740884e6ba40c773b472c', class: {
                 'xpl-tag': true,
                 'xpl-tag-container': true,
                 'xpl-tag--disabled': this.disabled,
@@ -127,7 +127,7 @@ export class Tag {
                 'xpl-tag--dragging': this.isDragging,
                 'xpl-tag--draggable': dragEnabled,
                 'xpl-tag--sm': this.size === 'sm',
-            }, onDragOver: dragEnabled ? this.handleDragOver : undefined, onDragEnter: dragEnabled ? this.handleDragEnter : undefined, onDragStart: this.isDraggable ? this.handleHostDragStart : undefined }, dragEnabled ? (h("div", { class: "xpl-tag__content xpl-tag", role: "button", tabIndex: 0, draggable: true, "aria-grabbed": String(this.isDragging), onClick: this.handleTagClick, onKeyDown: this.handleContentKeyDown, onDragStart: this.handleDragStart, onDragEnd: this.handleDragEnd }, h("slot", null))) : (h("button", { class: "xpl-tag__content xpl-tag", type: "button", disabled: this.disabled, onClick: this.handleTagClick }, h("slot", null))), this.dismissible && (h("button", { key: 'fb10e5fe87053ff4c00f584d887e1f5c29b2dc74', class: "xpl-tag__dismiss xpl-tag__close", type: "button", draggable: false, disabled: this.disabled, "aria-label": `Dismiss ${this.dismissAriaLabelSuffix}`, onClick: this.handleDismissClick }, h("xpl-icon", { key: 'e8afb0b6fbf1a942cce78cf6a26b420445094f30', icon: "xmark", size: 10 })))));
+            }, onDragOver: dragEnabled ? this.handleDragOver : undefined, onDragEnter: dragEnabled ? this.handleDragEnter : undefined, onDragStart: this.isDraggable ? this.handleHostDragStart : undefined }, dragEnabled ? (h("div", { class: "xpl-tag__content xpl-tag", role: "button", tabIndex: 0, draggable: true, "aria-grabbed": String(this.isDragging), onClick: this.handleTagClick, onKeyDown: this.handleContentKeyDown, onDragStart: this.handleDragStart, onDragEnd: this.handleDragEnd }, h("slot", null))) : (h("button", { class: "xpl-tag__content xpl-tag", type: "button", disabled: this.disabled, onClick: this.handleTagClick }, h("slot", null))), this.dismissible && (h("button", { key: '37f7687aa9675c52cbd4390d66d63ced630904d0', class: "xpl-tag__dismiss xpl-tag__close", type: "button", draggable: false, disabled: this.disabled, "aria-label": `Dismiss ${this.dismissAriaLabelSuffix}`, onClick: this.handleDismissClick }, h("xpl-icon", { key: '104eac0362541d99c59e0fd6b18a5e1b2171030b', icon: "xmark", size: 10 })))));
     }
     static get is() { return "xpl-tag"; }
     static get properties() {

package/dist/collection/components/xpl-toast/xpl-toast.js

@@ -67,11 +67,11 @@ export class Toast {
         }
     }
     render() {
-        return (h(Host, { key: '8628e33a84d0ca36d5b99c791cf7860cadae6fb8', class: `xpl-toast xpl-toast--${this.variant}`, onAnimationEnd: this.handleAnimationEnd }, h("div", { key: 'd1ea50362731f7cef97152eac2962f4d4084c514', class: "xpl-toast__left" }, this.showIcon && (h("div", { key: '7eab4f78d0f8a2f5af12eeb1d74b14c300914841', class: `xpl-toast__icon xpl-toast__icon--${this.variant}` }, this.getIcon())), h("div", { key: '335be6f702b7300498d2960cb7184fe1fec059b4', class: "xpl-toast__notification" }, h("p", { key: '1178d039190352d0482ae7486711ab2adfd2cc8f', class: "xpl-toast__title" }, h("slot", { key: '75a98536db36c7a140b3d908cbd8f3d2e201ca81', name: "title" })), this.caption !== '' && (h("p", { key: '009bba836fe9abbf34edf4618dd172961e9440fa', class: "xpl-toast__caption" }, this.caption?.substring(0, 85))))), h("div", { key: '4f47e498ea0c7627d9041a7a2e898fcecff9f59c', class: "xpl-toast__action", ref: (el) => {
+        return (h(Host, { key: 'd51d901c62de43e0ad248a626e0447a7849e50f3', class: `xpl-toast xpl-toast--${this.variant}`, onAnimationEnd: this.handleAnimationEnd }, h("div", { key: 'e2e3585a43272f51f6ace1ce62544ae41464a3e5', class: "xpl-toast__left" }, this.showIcon && (h("div", { key: 'e3fd60595f205d8e15ed3ca1826e5e6d356e1a63', class: `xpl-toast__icon xpl-toast__icon--${this.variant}` }, this.getIcon())), h("div", { key: '49642e6ee5502c09deb32188b62a160f748bb564', class: "xpl-toast__notification" }, h("p", { key: 'f7176eea6e6e125bec0c4397b0399bb76e8554b7', class: "xpl-toast__title" }, h("slot", { key: 'd5dd0d0413ec4f8198d16f8689791614fea877bc', name: "title" })), this.caption !== '' && (h("p", { key: '966112d3fe6dc1348341034685c606ca98e95d84', class: "xpl-toast__caption" }, this.caption?.substring(0, 85))))), h("div", { key: 'c9ba66aaf64f191d5bab1c3290e0981a86a3ef91', class: "xpl-toast__action", ref: (el) => {
                 if (el) {
                     this.actionSlot = el;
                 }
-            } }, h("slot", { key: '6ad3199d265b1298ea8200ba53690dcc92bdbf92', name: "action" })), this.isDismissible && (h("div", { key: 'b1a1a790a592f5e4c7573c819b0c997a210bd68a', class: "xpl-toast__close" }, h("xpl-button", { key: '2d9ad71fc8f8233f2fc12453ca8268fd5f1d8f74', variant: "tertiary", size: "sm", iconOnly: true, icon: "xmark", type: "button", "aria-label": "Dismiss notification", onClick: this.dismiss })))));
+            } }, h("slot", { key: 'faad90759fd343be3caa4540422c09d04642a217', name: "action" })), this.isDismissible && (h("div", { key: '25f1140170ec9a242e62c6665ebf0eb8aa1bae64', class: "xpl-toast__close" }, h("xpl-button", { key: '635900d579bda4fb905c7280de700de1143d474b', variant: "tertiary", size: "sm", iconOnly: true, icon: "xmark", type: "button", "aria-label": "Dismiss notification", onClick: this.dismiss })))));
     }
     static get is() { return "xpl-toast"; }
     static get properties() {

package/dist/collection/components/xpl-toggle/xpl-toggle.js

@@ -16,13 +16,13 @@ export class Toggle {
         let className = 'xpl-toggle';
         if (this.variant === 'small')
             className += ' xpl-toggle--small';
-        return (h(Host, { key: '20b5e00613ac0f2567224d3ff2bcd7b7f761a8fc', class: containerClassName }, (this.heading || this.description) && (h("label", { key: 'a41dfe6403c629ef05792ba8dc7f0632fca9ca37', class: {
+        return (h(Host, { key: '79915f2091093b5440ca3a8e63584e448137f479', class: containerClassName }, (this.heading || this.description) && (h("label", { key: '6660a95ec66eec9ed33016efcf58aaf0940f6f47', class: {
                 'xpl-label': true,
                 'xpl-label--disabled': !!this.disabled,
-            }, htmlFor: this.id }, this.heading, this.description && (h("small", { key: 'b0e1d30a0f5b358a7f588d3f8f0bc32f440b69df', class: {
+            }, htmlFor: this.id }, this.heading, this.description && (h("small", { key: '160f0a90739142bc37779af28725183979de5a4c', class: {
                 'xpl-description': true,
                 'xpl-description--disabled': !!this.disabled,
-            } }, this.description)))), h("input", { key: 'a59406c7cccf8a43349841bb060496ce0832823f', class: className, type: "checkbox", checked: this.checked, disabled: this.disabled, id: this.id, name: this.name, onChange: this.onChange }), this.label && h("label", { key: '276ce3ec937627fd9d21f2b3771d9c779c5f91f1', htmlFor: this.id }, this.label)));
+            } }, this.description)))), h("input", { key: 'b136188b1de98d1ede875bf9f80b97c9ee66321d', class: className, type: "checkbox", checked: this.checked, disabled: this.disabled, id: this.id, name: this.name, onChange: this.onChange }), this.label && h("label", { key: '0329f2badfa3b3e8c1153c2e5baa4ee76e40ac5d', htmlFor: this.id }, this.label)));
     }
     static get is() { return "xpl-toggle"; }
     static get properties() {

package/dist/collection/components/xpl-toolbar/xpl-toolbar.js

@@ -12,11 +12,11 @@ export class Toolbar {
         this.selectedItemCount = event.detail.length;
     }
     render() {
-        return (h(Host, { key: 'd834b3f68a399f33c02e2a7d85623d9fbe2a21e2', class: {
+        return (h(Host, { key: '688ada0542f0634df6b447331833205149e88a94', class: {
                 'xpl-toolbar': true,
                 dark: true,
                 hidden: this.selectedItemCount === 0,
-            } }, h("div", { key: '54c4638e003685ade49f243f688e3ff5997f8759', class: "toolbar" }, h("p", { key: '92815a7d1b10582742906aefa0ee9ef81311c459', class: "selected-item-count" }, this.selectedItemCount, " Selected"), h("div", { key: 'dc1b9ee686a57bd7bca45785f90586751770f556', class: "actions" }, h("slot", { key: '2cc26af5467e9ad44962bd1ac65f0b1087f86f7f', name: "actions-left" }), h("slot", { key: 'f5f46662191f52c79f81ffd1ce47a492041c10ad', name: "actions-right" })))));
+            } }, h("div", { key: '6b8c2990c354d2b9ee93225ad98fb8fbaf3dbaf7', class: "toolbar" }, h("p", { key: '60923603e318d109fd794259863a684d749ed52b', class: "selected-item-count" }, this.selectedItemCount, " Selected"), h("div", { key: '77df55c910d8ce89a4ff2a0356bc7cf78120e49a', class: "actions" }, h("slot", { key: '5de2e6bd168c31be133c55758acd2f95c56b715c', name: "actions-left" }), h("slot", { key: '3f8b3540adbd441c28771410f4d33e29d87d3be9', name: "actions-right" })))));
     }
     static get is() { return "xpl-toolbar"; }
     static get properties() {

package/dist/collection/components/xpl-tooltip/xpl-tooltip.js

@@ -6,7 +6,7 @@ export class Tooltip {
         this.hideArrow = false;
     }
     render() {
-        return (h(Host, { key: '834ba80f410bd7ed079b674b6f1d110235aaf826' }, h("div", { key: 'e45a7048339ce835ecabf5ef832a5ef2df6ded70', class: "xpl-tooltip-container" }, h("slot", { key: 'f56272df982aa6dc72ba2bf9776017235223de95' }), h("div", { key: 'c5b1054301d08e1b83da61b565f0116f83f395c7', class: `xpl-tooltip xpl-tooltip--${this.position}` }, this.text, !this.hideArrow && (h("div", { key: 'e6a833629cf409644969d9c4da461a2016f2986b', class: "xpl-tooltip-arrow" }, h(TooltipArrow, { key: '7a5893a25978635864ada200aea48660ca90d33c' })))))));
+        return (h(Host, { key: '916a12e608a6e40c40ddfdbe40f12e115215758e' }, h("div", { key: '2f6c39a146fb2ba830306933309ffad9e8919eab', class: "xpl-tooltip-container" }, h("slot", { key: '39b1b2cf370620b96fd00b6343dc0896791ad510' }), h("div", { key: '34198d0f1184a3e05236a508e94531f503309691', class: `xpl-tooltip xpl-tooltip--${this.position}` }, this.text, !this.hideArrow && (h("div", { key: '42f42b07b4f0ae6bd7cbd31837e4846a28ed4e72', class: "xpl-tooltip-arrow" }, h(TooltipArrow, { key: 'af8672da89cda34507e53906937e600400b26953' })))))));
     }
     static get is() { return "xpl-tooltip"; }
     static get properties() {

package/dist/collection/components/xpl-top-nav/xpl-nav-header-menu/xpl-nav-header-menu.js

@@ -70,11 +70,11 @@ export class NavHeaderMenu {
     }
     render() {
         const hasProfile = !!this.username || !!this.email;
-        return (h(Host, { key: '36df50ceb427be007b8da6c4e6154ab0267e7e6b', class: {
+        return (h(Host, { key: 'b79342bf524458e0119a92ba754a700c70c8652f', class: {
                 'xpl-nav-header-menu': true,
                 'xpl-nav-header-menu--has-right-aside-mobile': this.rightAsideMobilePresent,
                 dark: true,
-            } }, hasProfile && (h("div", { key: '5906352d9c6580f96cb3e1ba3ae841b04c136a27', class: "xpl-nav-header-menu__profile" }, h("div", { key: '38ad80fe95f2ea56e12f3dfeea32af734f31aafd', class: "xpl-nav-header-menu__info" }, this.username && (h("div", { key: 'a58f2ab162da92c5afbfaf01234748a6478a61db', class: "xpl-nav-header-menu__username", title: this.username }, this.username)), this.email && (h("div", { key: 'd91f764a3b4278937d1bac6ed670f1e2abf899b0', class: "xpl-nav-header-menu__email", title: this.email }, this.email))))), h("div", { key: '78fade2c6cc2ec049b40ca3093f77855b46ee7db', class: "xpl-nav-header-menu__right-aside-mobile" }, h("slot", { key: '9715e86a06f642f1b0455e43f12fc83c1fdc20f8', name: "right-aside-mobile" })), h("div", { key: 'c1893f276e93629ff8dd96f807579b2b991ea884', class: "xpl-nav-header-menu__slot", role: "list" }, h("slot", { key: '23218885442af87a956216af71b598c2eb478eff' }))));
+            } }, hasProfile && (h("div", { key: 'db3789fefeb61c27d081e2f18be1f4f42d4d1696', class: "xpl-nav-header-menu__profile" }, h("div", { key: '00415b3ea671d119ae7b196eb10b0f3fd423d302', class: "xpl-nav-header-menu__info" }, this.username && (h("div", { key: 'e3eb1b9425f3902bffc493fd1f26065cea2e9eb0', class: "xpl-nav-header-menu__username", title: this.username }, this.username)), this.email && (h("div", { key: 'efeaeddcf8598169c014ff84a0dc2bd8c445ec44', class: "xpl-nav-header-menu__email", title: this.email }, this.email))))), h("div", { key: '2fc3f202f45c4fb9e330f16f71ad68d6c03d6dc8', class: "xpl-nav-header-menu__right-aside-mobile" }, h("slot", { key: 'd375a64cc228d4514ab5c6a59d6781799eba174f', name: "right-aside-mobile" })), h("div", { key: '113008a606e34af2e8e23eb7d261858d2d631d28', class: "xpl-nav-header-menu__slot", role: "list" }, h("slot", { key: '214afe30add1001da07ff4870f29bcd932d8c199' }))));
     }
     static get is() { return "xpl-nav-header-menu"; }
     static get properties() {

package/dist/collection/components/xpl-top-nav/xpl-top-nav-item/xpl-top-nav-item.js

@@ -403,7 +403,7 @@ export class TopNavItem {
         return (h("button", { ...shared, type: "button" }, this.renderLeading(), this.renderLabelContent(), this.renderTrailing()));
     }
     render() {
-        return (h(Host, { key: 'f895d73fc0f4c07150e9cd1c34d7b78a338a2032', class: {
+        return (h(Host, { key: 'fe53cfd84cba8502089c4a3fae62dfed10c0cdf0', class: {
                 'xpl-top-nav-item': true,
                 'xpl-top-nav-item--active': this.active,
                 'xpl-top-nav-item--dropdown-open': this.hasDropdown && this.open,
@@ -411,7 +411,7 @@ export class TopNavItem {
                 'xpl-top-nav-item--has-dropdown': this.hasDropdown,
                 'xpl-top-nav-item--selected': this.selected,
                 dark: true,
-            }, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, ...(this.hostListitemRole ? { role: 'listitem' } : {}) }, this.renderInner(), this.hasDropdown && (h("div", { key: '3ec121421a45b3e5ef00f3fe76be80c910759f02', id: this.dropdownPanelId, class: "xpl-top-nav-item__dropdown" }, h("slot", { key: '715393a7ba3474c1afc9e0aa29276335537021e5', name: "dropdown" })))));
+            }, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, ...(this.hostListitemRole ? { role: 'listitem' } : {}) }, this.renderInner(), this.hasDropdown && (h("div", { key: '954f83c94bd56d9bd328212f2ecc070861b1fd54', id: this.dropdownPanelId, class: "xpl-top-nav-item__dropdown" }, h("slot", { key: '4d830a9386f12026cd1a2ecb454bcb9df2202431', name: "dropdown" })))));
     }
     static get is() { return "xpl-top-nav-item"; }
     static get properties() {

package/dist/collection/components/xpl-top-nav/xpl-top-nav-menu/xpl-top-nav-menu.js

@@ -76,10 +76,10 @@ export class TopNavMenu {
         return (h("xpl-top-nav-item", { class: "xpl-top-nav-menu__back", label: this.label, onNavItemClick: this.handleBackClick }, h("xpl-icon", { slot: "leading-icon", icon: "chevron-left", size: 24 })));
     }
     render() {
-        return (h(Host, { key: '4b28448ecb93e59d9bdc731a8b56dd42ebda2c66', class: {
+        return (h(Host, { key: '10a844d721713b72f636a8a3a3e266139b9c0193', class: {
                 'xpl-top-nav-menu': true,
                 dark: true,
-            }, role: "list", "aria-label": this.label || undefined }, this.renderBackRow(), h("slot", { key: 'aa51dc10509298e469ca41a99ae7108283ee8f89' })));
+            }, role: "list", "aria-label": this.label || undefined }, this.renderBackRow(), h("slot", { key: 'e7db1c580f34bf388658f6baacfc325322e2670e' })));
     }
     static get is() { return "xpl-top-nav-menu"; }
     static get properties() {

package/dist/collection/components/xpl-top-nav/xpl-top-nav.js

@@ -303,7 +303,7 @@ export class TopNav {
         }
     }
     render() {
-        return (h(Host, { key: '00d598070bc4cee97d311206f48bf5cd873dcc8e', class: {
+        return (h(Host, { key: 'f51ed285523198b4ef39de7ea1e5dc025d5a308a', class: {
                 'xpl-top-nav': true,
                 'xpl-top-nav--nav-control': Boolean(this.navControl),
                 'xpl-top-nav--open': this.open,
@@ -311,15 +311,15 @@ export class TopNav {
                 'xpl-top-nav--has-brand': this.hasBrand,
                 'xpl-top-nav--has-user-menu': this.hasUserMenu,
                 dark: true,
-            } }, h("nav", { key: '0b42d835c3aa211fa1686d3611ace212d69f1921', "aria-label": this.label ?? 'top-navigation-bar', class: "xpl-top-nav__bar" }, h("div", { key: 'b55f526eca470d1d50b19bf1694f66991d369ad7', class: "xpl-top-nav__inner-left" }, this.navControl && (h("button", { key: '37589314adb7f9cc4a33dd4bc421b2473ece5b54', type: "button", class: "xpl-top-nav__nav-control", "aria-expanded": this.open ? 'true' : 'false', "aria-label": this.open ? 'Close navigation menu' : 'Open navigation menu', onClick: this.onNavToggle }, h("xpl-icon", { key: 'acbdd20739df23cf49ff6542605513159cffe1da', class: "xpl-top-nav__control-icon", icon: "menu", size: 32 }))), this.hasBrand && (h("div", { key: '148ba3e7114ce3f1edbf0618a231d94c4cc3c04f', class: "xpl-top-nav__brand-bar" }, h("xpl-top-nav-item", { key: 'cda2c5f5dca554b7b61d95b941bd0b969f871dd0', class: "xpl-top-nav__brand", href: this.brandHref, onNavItemClick: this.onBrandNavItemClick }, this.brandLogo?.trim() ? (h("img", { class: "xpl-top-nav__brand-logo", src: this.brandLogo, alt: this.brandName?.trim()
+            } }, h("nav", { key: 'c2c14ed2ba975299efd76a391dfd6371b9214449', "aria-label": this.label ?? 'top-navigation-bar', class: "xpl-top-nav__bar" }, h("div", { key: 'c223b947ffbcb55c6c6a06fa3adaeaee7661b61e', class: "xpl-top-nav__inner-left" }, this.navControl && (h("button", { key: 'd364b6dd709d59730d40e7a0d41f9dd8fd55d40b', type: "button", class: "xpl-top-nav__nav-control", "aria-expanded": this.open ? 'true' : 'false', "aria-label": this.open ? 'Close navigation menu' : 'Open navigation menu', onClick: this.onNavToggle }, h("xpl-icon", { key: 'b84614dc20189f641b2f5a08eef1c76610135598', class: "xpl-top-nav__control-icon", icon: "menu", size: 32 }))), this.hasBrand && (h("div", { key: '90b104133cbdea89643923fd06f54179978862a5', class: "xpl-top-nav__brand-bar" }, h("xpl-top-nav-item", { key: '2b40b31ba1312a76231f7a89b1e95508a5a146a1', class: "xpl-top-nav__brand", href: this.brandHref, onNavItemClick: this.onBrandNavItemClick }, this.brandLogo?.trim() ? (h("img", { class: "xpl-top-nav__brand-logo", src: this.brandLogo, alt: this.brandName?.trim()
                 ? this.brandName.trim()
-                : 'Brand' })) : this.brandLogoSlotPresent ? (h("span", { class: "xpl-top-nav__brand-logo-slot" }, h("slot", { name: "brand-logo" }))) : null, this.brandName?.trim() ? (h("span", { class: "xpl-top-nav__brand-name" }, this.brandName.trim())) : null))), h("div", { key: 'abca8522fe239fe207a291d7bd8bdfd1cab0ffc3', class: {
+                : 'Brand' })) : this.brandLogoSlotPresent ? (h("span", { class: "xpl-top-nav__brand-logo-slot" }, h("slot", { name: "brand-logo" }))) : null, this.brandName?.trim() ? (h("span", { class: "xpl-top-nav__brand-name" }, this.brandName.trim())) : null))), h("div", { key: 'ca3e9b4501ab3756301b2079bcb9632734e56922', class: {
                 'xpl-top-nav__aside': true,
                 'xpl-nav-left': true,
-            } }, h("div", { key: 'f2fde6503e8bc319fbd60a4d5000d93644999d9a', class: "xpl-top-nav__left-primary", role: "list" }, h("slot", { key: 'ebbb61cf32cf5b0246cecc3d967f93f1834b9e11', name: "left-aside" })))), h("div", { key: '18c8d5990551ee655190aabb8ee85ad8d772b54e', class: {
+            } }, h("div", { key: 'f2674faf140853536150058d13a5d40c7399979e', class: "xpl-top-nav__left-primary", role: "list" }, h("slot", { key: '29363ac15d3f3bf7a43b237a7f7e0622c5bd54c4', name: "left-aside" })))), h("div", { key: '7c83bd0a80649b9cbe9ed757ead1136b6fabd09c', class: {
                 'xpl-top-nav__aside': true,
                 'xpl-nav-right': true,
-            } }, h("div", { key: '3120cb36425177943c3a52345396b5b2de9cc028', class: "xpl-nav-right__list" }, h("div", { key: '6fde79b8b6d87bfdb617c591530307382bdff243', class: "xpl-top-nav__right-rail" }, h("div", { key: '7e69e3e660887b7b39db058fb7e8cf42679a730e', class: "xpl-top-nav__right-lead" }, h("slot", { key: 'c198ab94307d3d126b5902890de73b434cb583b1', name: "right-aside" })), this.hasUserMenu ? (h("div", { class: "xpl-top-nav__right-user" }, h("xpl-popover", { class: "xpl-top-nav__user-popover dark", position: "bottom-end", display: "menu" }, this.userMenuTriggerSlotPresent ? (h("slot", { name: "user-menu-trigger", slot: "trigger" })) : this.usesBuiltInChildAccountTrigger ? (h("xpl-button", { slot: "trigger", class: "xpl-top-nav__child-account-trigger", type: "button", variant: "tertiary", icon: "chevron-down", iconPosition: "end", iconOnly: this.childAccountLabelText.length === 0, "aria-haspopup": "dialog", "aria-label": this.childAccountLabelText.length > 0
+            } }, h("div", { key: 'c67e6d3365d90cd7f7c55b08dcc4fa56dcb3e291', class: "xpl-nav-right__list" }, h("div", { key: '46b9c3b0b010bf52a5632bc81b279310c0a54438', class: "xpl-top-nav__right-rail" }, h("div", { key: '72279d15a5464dfabd9f92c04bc231e270ea04b9', class: "xpl-top-nav__right-lead" }, h("slot", { key: 'd8b44d01141f9cfbeb7d6b019345ffc8c94fd0c3', name: "right-aside" })), this.hasUserMenu ? (h("div", { class: "xpl-top-nav__right-user" }, h("xpl-popover", { class: "xpl-top-nav__user-popover dark", position: "bottom-end", display: "menu" }, this.userMenuTriggerSlotPresent ? (h("slot", { name: "user-menu-trigger", slot: "trigger" })) : this.usesBuiltInChildAccountTrigger ? (h("xpl-button", { slot: "trigger", class: "xpl-top-nav__child-account-trigger", type: "button", variant: "tertiary", icon: "chevron-down", iconPosition: "end", iconOnly: this.childAccountLabelText.length === 0, "aria-haspopup": "dialog", "aria-label": this.childAccountLabelText.length > 0
                 ? undefined
                 : 'Open account menu' }, this.childAccountLabelText.length > 0
             ? this.childAccountLabelText

package/dist/collection/components/xpl-utility-bar/xpl-utility-bar.js

@@ -11,7 +11,7 @@ export class UtilityBar {
         this.open = this.isNavOpenAtStartup !== undefined ? this.isNavOpenAtStartup : this.open;
     }
     render() {
-        return (h(Host, { key: '3ed4e8e9214075b9062b221a05f1b27aa0b0bfbf' }, h("nav", { key: 'c809f6f649965d0b60d35c2bda31f721d67ccca1', "aria-label": "utility navigation bar", class: "xpl-utility-bar" }, this.navControl ? (h("div", null, h("button", { class: "xpl-utility-bar__nav-control", onClick: () => this.onNavToggle() }, h("xpl-icon", { class: "xpl-utility-nav__bars", icon: "three-bars" })), h("slot", { name: "aside" }))) : (h("slot", { name: "aside" })), h("slot", { key: '99e22823c94e66c5dce24815485c7513b11e9267', name: "main" }))));
+        return (h(Host, { key: '9bb4778368fca3035fc19b74ec3881b9c21ce856' }, h("nav", { key: '909606f5baaef1a9c7402ac18107a607aa1df742', "aria-label": "utility navigation bar", class: "xpl-utility-bar" }, this.navControl ? (h("div", null, h("button", { class: "xpl-utility-bar__nav-control", onClick: () => this.onNavToggle() }, h("xpl-icon", { class: "xpl-utility-nav__bars", icon: "three-bars" })), h("slot", { name: "aside" }))) : (h("slot", { name: "aside" })), h("slot", { key: 'd6bce27702906a01823de67d63173406ceb06290', name: "main" }))));
     }
     static get is() { return "xpl-utility-bar"; }
     static get properties() {

package/dist/components/index.d.ts

@@ -121,13 +121,15 @@ export { Table as XplTable } from '../types/components/xpl-table/xpl-table';
 export { defineCustomElement as defineCustomElementXplTable } from './xpl-table';
 export { XplTableBody as XplTableBody } from '../types/components/xpl-table/xpl-table-body/xpl-table-body';
 export { defineCustomElement as defineCustomElementXplTableBody } from './xpl-table-body';
+export { XplTableCell as XplTableCell } from '../types/components/xpl-table/xpl-table-cell/xpl-table-cell';
+export { defineCustomElement as defineCustomElementXplTableCell } from './xpl-table-cell';
 export { XplTableFooter as XplTableFooter } from '../types/components/xpl-table/xpl-table-footer/xpl-table-footer';
 export { defineCustomElement as defineCustomElementXplTableFooter } from './xpl-table-footer';
 export { XplTableFooterCell as XplTableFooterCell } from '../types/components/xpl-table/xpl-table-footer-cell/xpl-table-footer-cell';
 export { defineCustomElement as defineCustomElementXplTableFooterCell } from './xpl-table-footer-cell';
 export { TableHeader as XplTableHeader } from '../types/components/xpl-table-header/xpl-table-header';
 export { defineCustomElement as defineCustomElementXplTableHeader } from './xpl-table-header';
-export { TableHeaderCell as XplTableHeaderCell } from '../types/components/xpl-table-header-cell/xpl-table-header-cell';
+export { TableHeaderCell as XplTableHeaderCell } from '../types/components/xpl-table/xpl-table-header-cell/xpl-table-header-cell';
 export { defineCustomElement as defineCustomElementXplTableHeaderCell } from './xpl-table-header-cell';
 export { XplTableRow as XplTableRow } from '../types/components/xpl-table/xpl-table-row/xpl-table-row';
 export { defineCustomElement as defineCustomElementXplTableRow } from './xpl-table-row';

package/dist/components/index.js

@@ -1 +1 @@
-export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-BSHdGbmH.js";export{XplAccordion,defineCustomElement as defineCustomElementXplAccordion}from"./xpl-accordion.js";export{XplApplicationShell,defineCustomElement as defineCustomElementXplApplicationShell}from"./xpl-application-shell.js";export{XplAvatar,defineCustomElement as defineCustomElementXplAvatar}from"./xpl-avatar.js";export{XplBackdrop,defineCustomElement as defineCustomElementXplBackdrop}from"./xpl-backdrop.js";export{XplBadge,defineCustomElement as defineCustomElementXplBadge}from"./xpl-badge.js";export{XplBanner,defineCustomElement as defineCustomElementXplBanner}from"./xpl-banner.js";export{XplBreadcrumbItem,defineCustomElement as defineCustomElementXplBreadcrumbItem}from"./xpl-breadcrumb-item.js";export{XplBreadcrumbs,defineCustomElement as defineCustomElementXplBreadcrumbs}from"./xpl-breadcrumbs.js";export{XplButton,defineCustomElement as defineCustomElementXplButton}from"./xpl-button.js";export{XplButtonRow,defineCustomElement as defineCustomElementXplButtonRow}from"./xpl-button-row.js";export{XplCalendar,defineCustomElement as defineCustomElementXplCalendar}from"./xpl-calendar.js";export{XplCheckbox,defineCustomElement as defineCustomElementXplCheckbox}from"./xpl-checkbox.js";export{XplChoicelist,defineCustomElement as defineCustomElementXplChoicelist}from"./xpl-choicelist.js";export{XplContentArea,defineCustomElement as defineCustomElementXplContentArea}from"./xpl-content-area.js";export{XplDashboard,defineCustomElement as defineCustomElementXplDashboard}from"./xpl-dashboard.js";export{XplDataCard,defineCustomElement as defineCustomElementXplDataCard}from"./xpl-data-card.js";export{XplDivider,defineCustomElement as defineCustomElementXplDivider}from"./xpl-divider.js";export{XplDropdown,defineCustomElement as defineCustomElementXplDropdown}from"./xpl-dropdown.js";export{XplDropdownGroup,defineCustomElement as defineCustomElementXplDropdownGroup}from"./xpl-dropdown-group.js";export{XplDropdownHeading,defineCustomElement as defineCustomElementXplDropdownHeading}from"./xpl-dropdown-heading.js";export{XplDropdownOption,defineCustomElement as defineCustomElementXplDropdownOption}from"./xpl-dropdown-option.js";export{XplDynamicTable,defineCustomElement as defineCustomElementXplDynamicTable}from"./xpl-dynamic-table.js";export{XplDynamicTableCell,defineCustomElement as defineCustomElementXplDynamicTableCell}from"./xpl-dynamic-table-cell.js";export{XplDynamicTableRow,defineCustomElement as defineCustomElementXplDynamicTableRow}from"./xpl-dynamic-table-row.js";export{XplGrid,defineCustomElement as defineCustomElementXplGrid}from"./xpl-grid.js";export{XplGridItem,defineCustomElement as defineCustomElementXplGridItem}from"./xpl-grid-item.js";export{XplHeaderAccordion,defineCustomElement as defineCustomElementXplHeaderAccordion}from"./xpl-header-accordion.js";export{XplIcon,defineCustomElement as defineCustomElementXplIcon}from"./xpl-icon.js";export{XplInput,defineCustomElement as defineCustomElementXplInput}from"./xpl-input.js";export{XplInputColor,defineCustomElement as defineCustomElementXplInputColor}from"./xpl-input-color.js";export{XplInputDate,defineCustomElement as defineCustomElementXplInputDate}from"./xpl-input-date.js";export{XplInputFile,defineCustomElement as defineCustomElementXplInputFile}from"./xpl-input-file.js";export{XplInputPhone,defineCustomElement as defineCustomElementXplInputPhone}from"./xpl-input-phone.js";export{XplInputSearch,defineCustomElement as defineCustomElementXplInputSearch}from"./xpl-input-search.js";export{XplInputTime,defineCustomElement as defineCustomElementXplInputTime}from"./xpl-input-time.js";export{XplLargeCard,defineCustomElement as defineCustomElementXplLargeCard}from"./xpl-large-card.js";export{XplList,defineCustomElement as defineCustomElementXplList}from"./xpl-list.js";export{XplListItem,defineCustomElement as defineCustomElementXplListItem}from"./xpl-list-item.js";export{XplMainNav,defineCustomElement as defineCustomElementXplMainNav}from"./xpl-main-nav.js";export{XplModal,defineCustomElement as defineCustomElementXplModal}from"./xpl-modal.js";export{XplNavHeaderMenu,defineCustomElement as defineCustomElementXplNavHeaderMenu}from"./xpl-nav-header-menu.js";export{XplNavItem,defineCustomElement as defineCustomElementXplNavItem}from"./xpl-nav-item.js";export{XplPagination,defineCustomElement as defineCustomElementXplPagination}from"./xpl-pagination.js";export{XplPanel,defineCustomElement as defineCustomElementXplPanel}from"./xpl-panel.js";export{XplPopover,defineCustomElement as defineCustomElementXplPopover}from"./xpl-popover.js";export{XplProgressBar,defineCustomElement as defineCustomElementXplProgressBar}from"./xpl-progress-bar.js";export{XplProgressIndicator,defineCustomElement as defineCustomElementXplProgressIndicator}from"./xpl-progress-indicator.js";export{XplRadio,defineCustomElement as defineCustomElementXplRadio}from"./xpl-radio.js";export{XplSecondaryNav,defineCustomElement as defineCustomElementXplSecondaryNav}from"./xpl-secondary-nav.js";export{XplSelect,defineCustomElement as defineCustomElementXplSelect}from"./xpl-select.js";export{XplSideNav,defineCustomElement as defineCustomElementXplSideNav}from"./xpl-side-nav.js";export{XplSideNavHeaderItem,defineCustomElement as defineCustomElementXplSideNavHeaderItem}from"./xpl-side-nav-header-item.js";export{XplSideNavItem,defineCustomElement as defineCustomElementXplSideNavItem}from"./xpl-side-nav-item.js";export{XplSideNavSection,defineCustomElement as defineCustomElementXplSideNavSection}from"./xpl-side-nav-section.js";export{XplSkeleton,defineCustomElement as defineCustomElementXplSkeleton}from"./xpl-skeleton.js";export{XplSlideout,defineCustomElement as defineCustomElementXplSlideout}from"./xpl-slideout.js";export{XplSpotlight,defineCustomElement as defineCustomElementXplSpotlight}from"./xpl-spotlight.js";export{XplTab,defineCustomElement as defineCustomElementXplTab}from"./xpl-tab.js";export{XplTabPanel,defineCustomElement as defineCustomElementXplTabPanel}from"./xpl-tab-panel.js";export{XplTable,defineCustomElement as defineCustomElementXplTable}from"./xpl-table.js";export{XplTableBody,defineCustomElement as defineCustomElementXplTableBody}from"./xpl-table-body.js";export{XplTableFooter,defineCustomElement as defineCustomElementXplTableFooter}from"./xpl-table-footer.js";export{XplTableFooterCell,defineCustomElement as defineCustomElementXplTableFooterCell}from"./xpl-table-footer-cell.js";export{XplTableHeader,defineCustomElement as defineCustomElementXplTableHeader}from"./xpl-table-header.js";export{XplTableHeaderCell,defineCustomElement as defineCustomElementXplTableHeaderCell}from"./xpl-table-header-cell.js";export{XplTableRow,defineCustomElement as defineCustomElementXplTableRow}from"./xpl-table-row.js";export{XplTabs,defineCustomElement as defineCustomElementXplTabs}from"./xpl-tabs.js";export{XplTag,defineCustomElement as defineCustomElementXplTag}from"./xpl-tag.js";export{XplToast,defineCustomElement as defineCustomElementXplToast}from"./xpl-toast.js";export{XplToggle,defineCustomElement as defineCustomElementXplToggle}from"./xpl-toggle.js";export{XplToolbar,defineCustomElement as defineCustomElementXplToolbar}from"./xpl-toolbar.js";export{XplTooltip,defineCustomElement as defineCustomElementXplTooltip}from"./xpl-tooltip.js";export{XplTopNav,defineCustomElement as defineCustomElementXplTopNav}from"./xpl-top-nav.js";export{XplTopNavItem,defineCustomElement as defineCustomElementXplTopNavItem}from"./xpl-top-nav-item.js";export{XplTopNavMenu,defineCustomElement as defineCustomElementXplTopNavMenu}from"./xpl-top-nav-menu.js";export{XplUtilityBar,defineCustomElement as defineCustomElementXplUtilityBar}from"./xpl-utility-bar.js";
+export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-BSHdGbmH.js";export{XplAccordion,defineCustomElement as defineCustomElementXplAccordion}from"./xpl-accordion.js";export{XplApplicationShell,defineCustomElement as defineCustomElementXplApplicationShell}from"./xpl-application-shell.js";export{XplAvatar,defineCustomElement as defineCustomElementXplAvatar}from"./xpl-avatar.js";export{XplBackdrop,defineCustomElement as defineCustomElementXplBackdrop}from"./xpl-backdrop.js";export{XplBadge,defineCustomElement as defineCustomElementXplBadge}from"./xpl-badge.js";export{XplBanner,defineCustomElement as defineCustomElementXplBanner}from"./xpl-banner.js";export{XplBreadcrumbItem,defineCustomElement as defineCustomElementXplBreadcrumbItem}from"./xpl-breadcrumb-item.js";export{XplBreadcrumbs,defineCustomElement as defineCustomElementXplBreadcrumbs}from"./xpl-breadcrumbs.js";export{XplButton,defineCustomElement as defineCustomElementXplButton}from"./xpl-button.js";export{XplButtonRow,defineCustomElement as defineCustomElementXplButtonRow}from"./xpl-button-row.js";export{XplCalendar,defineCustomElement as defineCustomElementXplCalendar}from"./xpl-calendar.js";export{XplCheckbox,defineCustomElement as defineCustomElementXplCheckbox}from"./xpl-checkbox.js";export{XplChoicelist,defineCustomElement as defineCustomElementXplChoicelist}from"./xpl-choicelist.js";export{XplContentArea,defineCustomElement as defineCustomElementXplContentArea}from"./xpl-content-area.js";export{XplDashboard,defineCustomElement as defineCustomElementXplDashboard}from"./xpl-dashboard.js";export{XplDataCard,defineCustomElement as defineCustomElementXplDataCard}from"./xpl-data-card.js";export{XplDivider,defineCustomElement as defineCustomElementXplDivider}from"./xpl-divider.js";export{XplDropdown,defineCustomElement as defineCustomElementXplDropdown}from"./xpl-dropdown.js";export{XplDropdownGroup,defineCustomElement as defineCustomElementXplDropdownGroup}from"./xpl-dropdown-group.js";export{XplDropdownHeading,defineCustomElement as defineCustomElementXplDropdownHeading}from"./xpl-dropdown-heading.js";export{XplDropdownOption,defineCustomElement as defineCustomElementXplDropdownOption}from"./xpl-dropdown-option.js";export{XplDynamicTable,defineCustomElement as defineCustomElementXplDynamicTable}from"./xpl-dynamic-table.js";export{XplDynamicTableCell,defineCustomElement as defineCustomElementXplDynamicTableCell}from"./xpl-dynamic-table-cell.js";export{XplDynamicTableRow,defineCustomElement as defineCustomElementXplDynamicTableRow}from"./xpl-dynamic-table-row.js";export{XplGrid,defineCustomElement as defineCustomElementXplGrid}from"./xpl-grid.js";export{XplGridItem,defineCustomElement as defineCustomElementXplGridItem}from"./xpl-grid-item.js";export{XplHeaderAccordion,defineCustomElement as defineCustomElementXplHeaderAccordion}from"./xpl-header-accordion.js";export{XplIcon,defineCustomElement as defineCustomElementXplIcon}from"./xpl-icon.js";export{XplInput,defineCustomElement as defineCustomElementXplInput}from"./xpl-input.js";export{XplInputColor,defineCustomElement as defineCustomElementXplInputColor}from"./xpl-input-color.js";export{XplInputDate,defineCustomElement as defineCustomElementXplInputDate}from"./xpl-input-date.js";export{XplInputFile,defineCustomElement as defineCustomElementXplInputFile}from"./xpl-input-file.js";export{XplInputPhone,defineCustomElement as defineCustomElementXplInputPhone}from"./xpl-input-phone.js";export{XplInputSearch,defineCustomElement as defineCustomElementXplInputSearch}from"./xpl-input-search.js";export{XplInputTime,defineCustomElement as defineCustomElementXplInputTime}from"./xpl-input-time.js";export{XplLargeCard,defineCustomElement as defineCustomElementXplLargeCard}from"./xpl-large-card.js";export{XplList,defineCustomElement as defineCustomElementXplList}from"./xpl-list.js";export{XplListItem,defineCustomElement as defineCustomElementXplListItem}from"./xpl-list-item.js";export{XplMainNav,defineCustomElement as defineCustomElementXplMainNav}from"./xpl-main-nav.js";export{XplModal,defineCustomElement as defineCustomElementXplModal}from"./xpl-modal.js";export{XplNavHeaderMenu,defineCustomElement as defineCustomElementXplNavHeaderMenu}from"./xpl-nav-header-menu.js";export{XplNavItem,defineCustomElement as defineCustomElementXplNavItem}from"./xpl-nav-item.js";export{XplPagination,defineCustomElement as defineCustomElementXplPagination}from"./xpl-pagination.js";export{XplPanel,defineCustomElement as defineCustomElementXplPanel}from"./xpl-panel.js";export{XplPopover,defineCustomElement as defineCustomElementXplPopover}from"./xpl-popover.js";export{XplProgressBar,defineCustomElement as defineCustomElementXplProgressBar}from"./xpl-progress-bar.js";export{XplProgressIndicator,defineCustomElement as defineCustomElementXplProgressIndicator}from"./xpl-progress-indicator.js";export{XplRadio,defineCustomElement as defineCustomElementXplRadio}from"./xpl-radio.js";export{XplSecondaryNav,defineCustomElement as defineCustomElementXplSecondaryNav}from"./xpl-secondary-nav.js";export{XplSelect,defineCustomElement as defineCustomElementXplSelect}from"./xpl-select.js";export{XplSideNav,defineCustomElement as defineCustomElementXplSideNav}from"./xpl-side-nav.js";export{XplSideNavHeaderItem,defineCustomElement as defineCustomElementXplSideNavHeaderItem}from"./xpl-side-nav-header-item.js";export{XplSideNavItem,defineCustomElement as defineCustomElementXplSideNavItem}from"./xpl-side-nav-item.js";export{XplSideNavSection,defineCustomElement as defineCustomElementXplSideNavSection}from"./xpl-side-nav-section.js";export{XplSkeleton,defineCustomElement as defineCustomElementXplSkeleton}from"./xpl-skeleton.js";export{XplSlideout,defineCustomElement as defineCustomElementXplSlideout}from"./xpl-slideout.js";export{XplSpotlight,defineCustomElement as defineCustomElementXplSpotlight}from"./xpl-spotlight.js";export{XplTab,defineCustomElement as defineCustomElementXplTab}from"./xpl-tab.js";export{XplTabPanel,defineCustomElement as defineCustomElementXplTabPanel}from"./xpl-tab-panel.js";export{XplTable,defineCustomElement as defineCustomElementXplTable}from"./xpl-table.js";export{XplTableBody,defineCustomElement as defineCustomElementXplTableBody}from"./xpl-table-body.js";export{XplTableCell,defineCustomElement as defineCustomElementXplTableCell}from"./xpl-table-cell.js";export{XplTableFooter,defineCustomElement as defineCustomElementXplTableFooter}from"./xpl-table-footer.js";export{XplTableFooterCell,defineCustomElement as defineCustomElementXplTableFooterCell}from"./xpl-table-footer-cell.js";export{XplTableHeader,defineCustomElement as defineCustomElementXplTableHeader}from"./xpl-table-header.js";export{XplTableHeaderCell,defineCustomElement as defineCustomElementXplTableHeaderCell}from"./xpl-table-header-cell.js";export{XplTableRow,defineCustomElement as defineCustomElementXplTableRow}from"./xpl-table-row.js";export{XplTabs,defineCustomElement as defineCustomElementXplTabs}from"./xpl-tabs.js";export{XplTag,defineCustomElement as defineCustomElementXplTag}from"./xpl-tag.js";export{XplToast,defineCustomElement as defineCustomElementXplToast}from"./xpl-toast.js";export{XplToggle,defineCustomElement as defineCustomElementXplToggle}from"./xpl-toggle.js";export{XplToolbar,defineCustomElement as defineCustomElementXplToolbar}from"./xpl-toolbar.js";export{XplTooltip,defineCustomElement as defineCustomElementXplTooltip}from"./xpl-tooltip.js";export{XplTopNav,defineCustomElement as defineCustomElementXplTopNav}from"./xpl-top-nav.js";export{XplTopNavItem,defineCustomElement as defineCustomElementXplTopNavItem}from"./xpl-top-nav-item.js";export{XplTopNavMenu,defineCustomElement as defineCustomElementXplTopNavMenu}from"./xpl-top-nav-menu.js";export{XplUtilityBar,defineCustomElement as defineCustomElementXplUtilityBar}from"./xpl-utility-bar.js";

package/dist/components/{p-oIn1krdu.js → p-1D7CWIJ-.js}

@@ -1 +1 @@
-import{p as e,H as s,d as i,h as t,c as d,t as a}from"./p-BSHdGbmH.js";import{v as l}from"./p-CK3_k8jD.js";const c=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.radioChange=i(this,"radioChange",7),this.id=l(),this.onChange=e=>{this.radioChange.emit(this.value?this.value:e.target.checked)}}get isChecked(){return void 0!==this.selectedValue&&void 0!==this.value?this.selectedValue===this.value:Boolean(this.checked)}render(){return t(d,{key:"e3626967beb86dee46de974dd2a3c8993314d2d0",class:{"xpl-checkbox-radio-container":!0,styled:!!this.styled,disabled:!!this.disabled}},t("input",{key:"cdc8d7968dd78031f33b4f72024698f7afec27cf",class:"xpl-radio",type:"radio",checked:this.isChecked,disabled:this.disabled,id:this.id,name:this.name,required:this.required,onChange:this.onChange,value:this.value}),t("label",{key:"5bb2243b7fe42b219d3fa3696c92321b116f8c72",class:{"xpl-label":!0,"xpl-label--disabled":!!this.disabled},htmlFor:this.id},t("slot",{key:"85f1bf2c73111b8f5c0b0ae26343f590c8a50faf"}),this.description&&t("small",{key:"6452b050fe0df584373a45d105434fe31a8a82ba",class:{"xpl-description":!0,"xpl-description--disabled":!!this.disabled}},this.description)))}},[260,"xpl-radio",{checked:[4],description:[1],disabled:[4],name:[1],value:[1],required:[4],selectedValue:[1,"selected-value"],styled:[4],id:[32]}]);function h(){"undefined"!=typeof customElements&&["xpl-radio"].forEach((e=>{"xpl-radio"===e&&(customElements.get(a(e))||customElements.define(a(e),c))}))}export{c as R,h as d}
+import{p as e,H as s,d as i,h as t,c as d,t as a}from"./p-BSHdGbmH.js";import{v as l}from"./p-CK3_k8jD.js";const c=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.radioChange=i(this,"radioChange",7),this.id=l(),this.onChange=e=>{this.radioChange.emit(this.value?this.value:e.target.checked)}}get isChecked(){return void 0!==this.selectedValue&&void 0!==this.value?this.selectedValue===this.value:Boolean(this.checked)}render(){return t(d,{key:"45436282d29873a5c640519eb4ad9aa3afb25b73",class:{"xpl-checkbox-radio-container":!0,styled:!!this.styled,disabled:!!this.disabled}},t("input",{key:"b0f7604cb5751f7fb2dc62960d5e7130d4fc0871",class:"xpl-radio",type:"radio",checked:this.isChecked,disabled:this.disabled,id:this.id,name:this.name,required:this.required,onChange:this.onChange,value:this.value}),t("label",{key:"05d3589852ebcf9ce5c3301cbc685547a45b61d4",class:{"xpl-label":!0,"xpl-label--disabled":!!this.disabled},htmlFor:this.id},t("slot",{key:"8790f97ad02c180680de269f2f4a0986736c5d4e"}),this.description&&t("small",{key:"94a8e1eea919b8cfe7b4074702dce50e7399c6ab",class:{"xpl-description":!0,"xpl-description--disabled":!!this.disabled}},this.description)))}},[260,"xpl-radio",{checked:[4],description:[1],disabled:[4],name:[1],value:[1],required:[4],selectedValue:[1,"selected-value"],styled:[4],id:[32]}]);function h(){"undefined"!=typeof customElements&&["xpl-radio"].forEach((e=>{"xpl-radio"===e&&(customElements.get(a(e))||customElements.define(a(e),c))}))}export{c as R,h as d}

package/dist/components/{p-xtOHikY0.js → p-2cJsJK3-.js}

@@ -1 +1 @@
-import{p as t,H as s,d as e,h as i,c as n,t as o}from"./p-BSHdGbmH.js";import{a,c as l,o as h,f as r,b as d,h as c}from"./p-1M1pu0C2.js";import{i as p}from"./p-Dqb1pIRo.js";import{d as u}from"./p-CnVGKN63.js";import{d as m}from"./p-YG9Jza0y.js";import{d as g}from"./p-DAb-txW3.js";import{d as f}from"./p-l3EZ-agL.js";const b=4;function w(t){const{offsetPx:s=b,flipFallbackPlacements:e,sizeApply:i}=t;return[h(s),r(e&&e.length>0?{fallbackPlacements:e}:{}),d({apply:i}),c()]}const x={rowHeight:45,overscan:20,virtualizeFrom:200};function y(t,s){const{groupName:e,options:n,subtitle:o,...a}=t;if(e)return i("xpl-dropdown-group",{groupName:e,options:n,...a});const l=void 0!==s;return i("xpl-dropdown-option",{class:l?"xpl-dropdown-option--virtual":void 0,style:l?{transform:`translateY(${s*x.rowHeight}px)`}:void 0,subtitle:o,...a})}const C=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.isOpenChange=e(this,"isOpenChange",7),this.virtualEnd=0,this.virtualStart=0,this.isOpen=!1,this.closeOnSelect=!0,this.mode="single",this.anchorToTrigger=!1,this.placement="bottom-start",this.selectOnFocus=!1,this.floating=null,this.virtualScrollRaf=null,this.openAlignmentRaf=null,this.previousOptionCount=0,this.handleClickOutside=({target:t})=>{const{triggerId:s}=this,e=t,i=s?document.getElementById(s):null,n=i?.contains(e),o=this.hostElement.contains(e),a=e?.closest("label"),l=!!a&&!!s&&a.getAttribute("for")===s;o||n||l||!this.isOpen||(this.isOpen=!1)},this.handleKeyDown=t=>{"Escape"===t.key&&this.isOpen&&(this.isOpen=!1)},this.handleVirtualScroll=()=>{null===this.virtualScrollRaf&&(this.virtualScrollRaf=requestAnimationFrame((()=>{this.virtualScrollRaf=null,this.updateVirtualRange()})))},this.setListEl=t=>{t!==this.listEl&&(this.listEl=t,this.listResizeObserver?.disconnect(),t&&"undefined"!=typeof ResizeObserver&&(this.listResizeObserver??(this.listResizeObserver=new ResizeObserver((()=>{this.isVirtualized&&this.handleVirtualScroll()}))),this.listResizeObserver.observe(t)))},this.scheduleOpenAlignment=()=>{null===this.openAlignmentRaf&&(this.openAlignmentRaf=requestAnimationFrame((()=>{this.openAlignmentRaf=null,this.scrollSelectedIntoView(),this.updateVirtualRange()})))}}onOptionsChanged(){const t=this.options?.length??0,s=t!==this.previousOptionCount;if(this.previousOptionCount=t,!this.isVirtualized)return this.virtualStart=0,void(this.virtualEnd=0);const e=this.listEl;if(e){const i=Math.max(0,t*x.rowHeight-e.clientHeight);if(e.scrollTop>i&&(e.scrollTop=i),this.isOpen&&s){const t=this.options?.findIndex((t=>t.isSelected))??-1;t>=0&&(t<this.virtualStart||t>=this.virtualEnd)&&this.scrollSelectedIntoView()}}this.updateVirtualRange()}onAnchorToTriggerChanged(){this.isOpen&&this.startPositioning()}onFlipFallbackPlacementsChanged(){this.isOpen&&this.anchorToTrigger&&this.startPositioning()}onPlacementChanged(){this.isOpen&&this.anchorToTrigger&&this.startPositioning()}onTriggerIdChanged(){this.isOpen&&this.startPositioning()}onSelectedValuesChanged(t,s=!1){if(this.options&&this.options.length>0){this.options.flatMap((t=>t.groupName&&t.options?t.options:[t])).forEach((s=>{const e=s.value||s.label||"";if("single"===this.mode)s.isSelected=e===t;else{const i=Array.isArray(t)?t:[];s.isSelected=i.includes(e)}}));const e=t=>(t.options=t.groupName?t.options?.map(e):void 0,t);this.options=this.options.map(e),this.update&&!s&&this.update(null,{component:this})}}onIsOpenStateChange(t){this.isOpenChange.emit(t),t?(this.startPositioning(),this.alignOnOpen()):(this.stopPositioning(),this.cancelVirtualScroll(),this.virtualStart=0,this.virtualEnd=0)}connectedCallback(){p()&&(document.addEventListener("mousedown",this.handleClickOutside),document.addEventListener("keydown",this.handleKeyDown))}disconnectedCallback(){document.removeEventListener("mousedown",this.handleClickOutside),document.removeEventListener("keydown",this.handleKeyDown),this.stopPositioning(),this.cancelVirtualScroll(),this.listResizeObserver?.disconnect()}componentWillLoad(){this.handleSelect=this.handleSelect.bind(this),this.selectedValues&&this.onSelectedValuesChanged(this.selectedValues,!0),this.previousOptionCount=this.options?.length??0}componentDidLoad(){this.isOpen&&(this.startPositioning(),this.alignOnOpen())}async handleSelect(t,{component:s}){const{hostElement:e,mode:i,options:n,update:o}=this,a="single"===i,l="multi"===i;if(n){const t=s.hostElement.value||s.hostElement.label;if(n.some((t=>t.groupName))){n.flatMap((t=>t.groupName&&t.options?t.options:[t])).forEach((e=>{const i=(e.value||e.label)===t;a?(e.isSelected=i,s.hostElement.isSelected=!0):l&&i&&(e.isSelected=!e.isSelected,s.hostElement.isSelected=e.isSelected)}));const e=t=>(t.options=t.groupName?t.options?.map(e):void 0,t);this.options=n.map(e)}else n.forEach((e=>{const i=(e.value||e.label)===t;a?(e.isSelected=i,i&&(s.hostElement.isSelected=!0)):l&&i&&(e.isSelected=!e.isSelected,s.hostElement.isSelected=e.isSelected)})),this.options=[...n]}else a?Array.from(e.querySelectorAll("xpl-dropdown-option")).forEach((t=>{t.isSelected=t===s.hostElement})):l&&(s.isSelected=!s.isSelected);o&&o(t,{component:this})}startPositioning(){if(!this.anchorToTrigger||!this.triggerId)return;const t=document.getElementById(this.triggerId);t&&(this.stopPositioning(),this.floating=function(t,s,e){if(!p())return{update:async()=>{},stop:()=>{}};const{placement:i,strategy:n,middleware:o,onPosition:h,onReferenceHidden:r,onError:d}=e;let c=0,u=null,m=!0;const g=async()=>{if(!m)return;const e=c;try{const a=await l(t,s,{placement:i,strategy:n,middleware:o});if(!m||e!==c)return;if(a.middlewareData.hide?.referenceHidden&&!0===r?.())return;h(a)}catch(t){if(!m||e!==c)return;d?.(t)}};return u=a(t,s,g),{update:g,stop:()=>{m=!1,c+=1,u&&(u(),u=null)}}}(t,this.hostElement,{placement:this.placement,strategy:"fixed",middleware:w({flipFallbackPlacements:this.flipFallbackPlacements,sizeApply:({availableHeight:t,rects:e})=>{const i=this.hostElement.querySelector(".xpl-dropdown-list");let n=0;if(i){const t=Array.from(this.hostElement.children),e=t.indexOf(i);t.slice(0,e).forEach((t=>{t instanceof s&&(n+=t.offsetHeight)}))}const o=getComputedStyle(this.hostElement),a=parseFloat(o.paddingTop)+parseFloat(o.paddingBottom)+parseFloat(o.borderTopWidth)+parseFloat(o.borderBottomWidth),l=i?parseFloat(getComputedStyle(i).getPropertyValue("--xpl-dropdown-list-max-height")):1/0,h=Math.min(l,Math.max(0,t-n-a));Object.assign(this.hostElement.style,{width:`${e.reference.width}px`}),i&&(i.style.maxHeight=`${h}px`)}}),onPosition:({x:t,y:s,placement:e})=>{if(!this.floating)return;const i="top"===e.split("-")[0];Object.assign(this.hostElement.style,{left:`${t}px`,top:`${s}px`}),this.hostElement.classList.toggle("xpl-dropdown--above",i),this.hostElement.classList.toggle("xpl-dropdown--below",!i)},onReferenceHidden:()=>(this.isOpen=!1,!0)}))}stopPositioning(){this.floating?.stop(),this.floating=null,this.hostElement.style.left="",this.hostElement.style.top="",this.hostElement.style.width="",this.hostElement.querySelector(".xpl-dropdown-list")?.style.removeProperty("max-height"),this.hostElement.classList.remove("xpl-dropdown--above","xpl-dropdown--below")}cancelVirtualScroll(){null!==this.virtualScrollRaf&&(cancelAnimationFrame(this.virtualScrollRaf),this.virtualScrollRaf=null),null!==this.openAlignmentRaf&&(cancelAnimationFrame(this.openAlignmentRaf),this.openAlignmentRaf=null)}alignOnOpen(){this.scrollSelectedIntoView(),this.updateVirtualRange(),this.scheduleOpenAlignment()}scrollSelectedIntoView(){const{listEl:t,options:s}=this;if(!t||!s?.length||!this.isVirtualized)return;const e=s.findIndex((t=>t.isSelected));if(e<0)return;const{rowHeight:i}=x,n=e*i-(t.clientHeight-i)/2,o=Math.max(0,s.length*i-t.clientHeight);t.scrollTop=Math.max(0,Math.min(n,o))}updateVirtualRange(){const t=this.listEl,s=this.options?.length??0;if(!t||!s)return;const{rowHeight:e,overscan:i}=x,n=Math.floor(t.scrollTop/e),o=Math.ceil(t.clientHeight/e)||1,a=Math.max(0,n-i),l=Math.min(s,n+o+i);a===this.virtualStart&&l===this.virtualEnd||(this.virtualStart=a,this.virtualEnd=l)}get isVirtualized(){const{options:t}=this;return!!t&&t.length>x.virtualizeFrom&&t.every((t=>!t.groupName&&!t.subtitle))}render(){const{isOpen:t,mode:s,options:e}=this,o=this.isVirtualized;let a;if(e&&e.length)if(o){const{rowHeight:t,overscan:s}=x,n=e.length,o=Math.min(this.virtualStart,n),l=Math.min(n,Math.ceil(300/t)+2*s);a=i("li",{key:"94094d9464c2f4ded9714f7ed16ca2b426c19794",class:"xpl-dropdown__virtual-sizer",style:{height:n*t+"px"}},e.slice(o,this.virtualEnd>o?this.virtualEnd:l).map(((t,s)=>y(t,o+s))))}else a=e.map((t=>y(t)));else a=i("slot",{key:"1673c7d33d7dc1d16bf56081df85976ed389a38f",name:"options"});return i(n,{key:"6e2fe2b904530c7966a23b3715485ea9ed415880","aria-expanded":t?"true":"false",class:{"xpl-dropdown":!0,"xpl-dropdown--multi":"multi"===s,"xpl-dropdown--open":t,"xpl-dropdown--anchor-to-trigger":this.anchorToTrigger,"xpl-dropdown--virtualized":o},role:"listbox"},i("slot",{key:"b9c87382e07b23b326fab22b8423021f8c4a83f8",name:"header"}),i("ul",{key:"3824b650e2bbcb09fdea7f25ab19afa9a7dd8abe",class:"xpl-dropdown-list",ref:t=>{this.setListEl(t)},onScroll:o?this.handleVirtualScroll:void 0},a))}get hostElement(){return this}static get watchers(){return{options:[{onOptionsChanged:0}],anchorToTrigger:[{onAnchorToTriggerChanged:0}],flipFallbackPlacements:[{onFlipFallbackPlacementsChanged:0}],placement:[{onPlacementChanged:0}],triggerId:[{onTriggerIdChanged:0}],selectedValues:[{onSelectedValuesChanged:0}],isOpen:[{onIsOpenStateChange:0}]}}},[260,"xpl-dropdown",{isOpen:[1540,"open"],closeOnSelect:[4,"close-on-select"],mode:[1],options:[1040],anchorToTrigger:[4,"anchor-to-trigger"],flipFallbackPlacements:[16],placement:[1],selectedValues:[1,"selected-values"],selectOnFocus:[4,"select-on-focus"],triggerId:[1,"trigger-id"],update:[16],virtualEnd:[32],virtualStart:[32],handleSelect:[64]},void 0,{options:[{onOptionsChanged:0}],anchorToTrigger:[{onAnchorToTriggerChanged:0}],flipFallbackPlacements:[{onFlipFallbackPlacementsChanged:0}],placement:[{onPlacementChanged:0}],triggerId:[{onTriggerIdChanged:0}],selectedValues:[{onSelectedValuesChanged:0}],isOpen:[{onIsOpenStateChange:0}]}]);function v(){"undefined"!=typeof customElements&&["xpl-dropdown","xpl-dropdown-group","xpl-dropdown-heading","xpl-dropdown-option","xpl-icon"].forEach((t=>{switch(t){case"xpl-dropdown":customElements.get(o(t))||customElements.define(o(t),C);break;case"xpl-dropdown-group":customElements.get(o(t))||u();break;case"xpl-dropdown-heading":customElements.get(o(t))||m();break;case"xpl-dropdown-option":customElements.get(o(t))||g();break;case"xpl-icon":customElements.get(o(t))||f()}}))}export{C as D,v as d}
+import{p as t,H as e,d as s,h as i,c as n,t as o}from"./p-BSHdGbmH.js";import{a,c as l,o as h,f as r,b as c,h as d}from"./p-1M1pu0C2.js";import{i as p}from"./p-Dqb1pIRo.js";import{d as u}from"./p-BZIZSovL.js";import{d as m}from"./p-Dp62sBqX.js";import{d as g}from"./p-C0AbGd4t.js";import{d as f}from"./p-CQjJIHK6.js";const w=4;function b(t){const{offsetPx:e=w,flipFallbackPlacements:s,sizeApply:i}=t;return[h(e),r(s&&s.length>0?{fallbackPlacements:s}:{}),c({apply:i}),d()]}const x={rowHeight:45,overscan:20,virtualizeFrom:200};function C(t,e){const{groupName:s,options:n,subtitle:o,...a}=t;if(s)return i("xpl-dropdown-group",{groupName:s,options:n,...a});const l=void 0!==e;return i("xpl-dropdown-option",{class:l?"xpl-dropdown-option--virtual":void 0,style:l?{transform:`translateY(${e*x.rowHeight}px)`}:void 0,subtitle:o,...a})}const y=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.isOpenChange=s(this,"isOpenChange",7),this.virtualEnd=0,this.virtualStart=0,this.isOpen=!1,this.closeOnSelect=!0,this.mode="single",this.anchorToTrigger=!1,this.placement="bottom-start",this.selectOnFocus=!1,this.floating=null,this.virtualScrollRaf=null,this.openAlignmentRaf=null,this.previousOptionCount=0,this.handleClickOutside=({target:t})=>{const{triggerId:e}=this,s=t,i=e?document.getElementById(e):null,n=i?.contains(s),o=this.hostElement.contains(s),a=s?.closest("label"),l=!!a&&!!e&&a.getAttribute("for")===e;o||n||l||!this.isOpen||(this.isOpen=!1)},this.handleKeyDown=t=>{"Escape"===t.key&&this.isOpen&&(this.isOpen=!1)},this.handleVirtualScroll=()=>{null===this.virtualScrollRaf&&(this.virtualScrollRaf=requestAnimationFrame((()=>{this.virtualScrollRaf=null,this.updateVirtualRange()})))},this.setListEl=t=>{t!==this.listEl&&(this.listEl=t,this.listResizeObserver?.disconnect(),t&&"undefined"!=typeof ResizeObserver&&(this.listResizeObserver??(this.listResizeObserver=new ResizeObserver((()=>{this.isVirtualized&&this.handleVirtualScroll()}))),this.listResizeObserver.observe(t)))},this.scheduleOpenAlignment=()=>{null===this.openAlignmentRaf&&(this.openAlignmentRaf=requestAnimationFrame((()=>{this.openAlignmentRaf=null,this.scrollSelectedIntoView(),this.updateVirtualRange()})))}}onOptionsChanged(){const t=this.options?.length??0,e=t!==this.previousOptionCount;if(this.previousOptionCount=t,!this.isVirtualized)return this.virtualStart=0,void(this.virtualEnd=0);const s=this.listEl;if(s){const i=Math.max(0,t*x.rowHeight-s.clientHeight);if(s.scrollTop>i&&(s.scrollTop=i),this.isOpen&&e){const t=this.options?.findIndex((t=>t.isSelected))??-1;t>=0&&(t<this.virtualStart||t>=this.virtualEnd)&&this.scrollSelectedIntoView()}}this.updateVirtualRange()}onAnchorToTriggerChanged(){this.isOpen&&this.startPositioning()}onFlipFallbackPlacementsChanged(){this.isOpen&&this.anchorToTrigger&&this.startPositioning()}onPlacementChanged(){this.isOpen&&this.anchorToTrigger&&this.startPositioning()}onTriggerIdChanged(){this.isOpen&&this.startPositioning()}onSelectedValuesChanged(t,e=!1){if(this.options&&this.options.length>0){this.options.flatMap((t=>t.groupName&&t.options?t.options:[t])).forEach((e=>{const s=e.value||e.label||"";if("single"===this.mode)e.isSelected=s===t;else{const i=Array.isArray(t)?t:[];e.isSelected=i.includes(s)}}));const s=t=>(t.options=t.groupName?t.options?.map(s):void 0,t);this.options=this.options.map(s),this.update&&!e&&this.update(null,{component:this})}}onIsOpenStateChange(t){this.isOpenChange.emit(t),t?(this.startPositioning(),this.alignOnOpen()):(this.stopPositioning(),this.cancelVirtualScroll(),this.virtualStart=0,this.virtualEnd=0)}connectedCallback(){p()&&(document.addEventListener("mousedown",this.handleClickOutside),document.addEventListener("keydown",this.handleKeyDown))}disconnectedCallback(){document.removeEventListener("mousedown",this.handleClickOutside),document.removeEventListener("keydown",this.handleKeyDown),this.stopPositioning(),this.cancelVirtualScroll(),this.listResizeObserver?.disconnect()}componentWillLoad(){this.handleSelect=this.handleSelect.bind(this),this.selectedValues&&this.onSelectedValuesChanged(this.selectedValues,!0),this.previousOptionCount=this.options?.length??0}componentDidLoad(){this.isOpen&&(this.startPositioning(),this.alignOnOpen())}async handleSelect(t,{component:e}){const{hostElement:s,mode:i,options:n,update:o}=this,a="single"===i,l="multi"===i;if(n){const t=e.hostElement.value||e.hostElement.label;if(n.some((t=>t.groupName))){n.flatMap((t=>t.groupName&&t.options?t.options:[t])).forEach((s=>{const i=(s.value||s.label)===t;a?(s.isSelected=i,e.hostElement.isSelected=!0):l&&i&&(s.isSelected=!s.isSelected,e.hostElement.isSelected=s.isSelected)}));const s=t=>(t.options=t.groupName?t.options?.map(s):void 0,t);this.options=n.map(s)}else n.forEach((s=>{const i=(s.value||s.label)===t;a?(s.isSelected=i,i&&(e.hostElement.isSelected=!0)):l&&i&&(s.isSelected=!s.isSelected,e.hostElement.isSelected=s.isSelected)})),this.options=[...n]}else a?Array.from(s.querySelectorAll("xpl-dropdown-option")).forEach((t=>{t.isSelected=t===e.hostElement})):l&&(e.isSelected=!e.isSelected);o&&o(t,{component:this})}startPositioning(){if(!this.anchorToTrigger||!this.triggerId)return;const t=document.getElementById(this.triggerId);t&&(this.stopPositioning(),this.floating=function(t,e,s){if(!p())return{update:async()=>{},stop:()=>{}};const{placement:i,strategy:n,middleware:o,onPosition:h,onReferenceHidden:r,onError:c}=s;let d=0,u=null,m=!0;const g=async()=>{if(!m)return;const s=d;try{const a=await l(t,e,{placement:i,strategy:n,middleware:o});if(!m||s!==d)return;if(a.middlewareData.hide?.referenceHidden&&!0===r?.())return;h(a)}catch(t){if(!m||s!==d)return;c?.(t)}};return u=a(t,e,g),{update:g,stop:()=>{m=!1,d+=1,u&&(u(),u=null)}}}(t,this.hostElement,{placement:this.placement,strategy:"fixed",middleware:b({flipFallbackPlacements:this.flipFallbackPlacements,sizeApply:({availableHeight:t,rects:s})=>{const i=this.hostElement.querySelector(".xpl-dropdown-list");let n=0;if(i){const t=Array.from(this.hostElement.children),s=t.indexOf(i);t.slice(0,s).forEach((t=>{t instanceof e&&(n+=t.offsetHeight)}))}const o=getComputedStyle(this.hostElement),a=parseFloat(o.paddingTop)+parseFloat(o.paddingBottom)+parseFloat(o.borderTopWidth)+parseFloat(o.borderBottomWidth),l=i?parseFloat(getComputedStyle(i).getPropertyValue("--xpl-dropdown-list-max-height")):1/0,h=Math.min(l,Math.max(0,t-n-a));Object.assign(this.hostElement.style,{width:`${s.reference.width}px`}),i&&(i.style.maxHeight=`${h}px`)}}),onPosition:({x:t,y:e,placement:s})=>{if(!this.floating)return;const i="top"===s.split("-")[0];Object.assign(this.hostElement.style,{left:`${t}px`,top:`${e}px`}),this.hostElement.classList.toggle("xpl-dropdown--above",i),this.hostElement.classList.toggle("xpl-dropdown--below",!i)},onReferenceHidden:()=>(this.isOpen=!1,!0)}))}stopPositioning(){this.floating?.stop(),this.floating=null,this.hostElement.style.left="",this.hostElement.style.top="",this.hostElement.style.width="",this.hostElement.querySelector(".xpl-dropdown-list")?.style.removeProperty("max-height"),this.hostElement.classList.remove("xpl-dropdown--above","xpl-dropdown--below")}cancelVirtualScroll(){null!==this.virtualScrollRaf&&(cancelAnimationFrame(this.virtualScrollRaf),this.virtualScrollRaf=null),null!==this.openAlignmentRaf&&(cancelAnimationFrame(this.openAlignmentRaf),this.openAlignmentRaf=null)}alignOnOpen(){this.scrollSelectedIntoView(),this.updateVirtualRange(),this.scheduleOpenAlignment()}scrollSelectedIntoView(){const{listEl:t,options:e}=this;if(!t||!e?.length||!this.isVirtualized)return;const s=e.findIndex((t=>t.isSelected));if(s<0)return;const{rowHeight:i}=x,n=s*i-(t.clientHeight-i)/2,o=Math.max(0,e.length*i-t.clientHeight);t.scrollTop=Math.max(0,Math.min(n,o))}updateVirtualRange(){const t=this.listEl,e=this.options?.length??0;if(!t||!e)return;const{rowHeight:s,overscan:i}=x,n=Math.floor(t.scrollTop/s),o=Math.ceil(t.clientHeight/s)||1,a=Math.max(0,n-i),l=Math.min(e,n+o+i);a===this.virtualStart&&l===this.virtualEnd||(this.virtualStart=a,this.virtualEnd=l)}get isVirtualized(){const{options:t}=this;return!!t&&t.length>x.virtualizeFrom&&t.every((t=>!t.groupName&&!t.subtitle))}render(){const{isOpen:t,mode:e,options:s}=this,o=this.isVirtualized;let a;if(s&&s.length)if(o){const{rowHeight:t,overscan:e}=x,n=s.length,o=Math.min(this.virtualStart,n),l=Math.min(n,Math.ceil(300/t)+2*e);a=i("li",{key:"356b1871de0539aee6ac085e59d4861cdb7db135",class:"xpl-dropdown__virtual-sizer",style:{height:n*t+"px"}},s.slice(o,this.virtualEnd>o?this.virtualEnd:l).map(((t,e)=>C(t,o+e))))}else a=s.map((t=>C(t)));else a=i("slot",{key:"da24352c25525fb0f20a86804889ceef4eed67f0",name:"options"});return i(n,{key:"f34a4f503feb2050100db75a40f21959aca8e74e","aria-expanded":t?"true":"false",class:{"xpl-dropdown":!0,"xpl-dropdown--multi":"multi"===e,"xpl-dropdown--open":t,"xpl-dropdown--anchor-to-trigger":this.anchorToTrigger,"xpl-dropdown--virtualized":o},role:"listbox"},i("slot",{key:"dee58bc149835d2c4e1328fd92c780f75bea0499",name:"header"}),i("ul",{key:"32bec73cc8b67bd38df5231b3049c897a9d36c4e",class:"xpl-dropdown-list",ref:t=>{this.setListEl(t)},onScroll:o?this.handleVirtualScroll:void 0},a))}get hostElement(){return this}static get watchers(){return{options:[{onOptionsChanged:0}],anchorToTrigger:[{onAnchorToTriggerChanged:0}],flipFallbackPlacements:[{onFlipFallbackPlacementsChanged:0}],placement:[{onPlacementChanged:0}],triggerId:[{onTriggerIdChanged:0}],selectedValues:[{onSelectedValuesChanged:0}],isOpen:[{onIsOpenStateChange:0}]}}},[260,"xpl-dropdown",{isOpen:[1540,"open"],closeOnSelect:[4,"close-on-select"],mode:[1],options:[1040],anchorToTrigger:[4,"anchor-to-trigger"],flipFallbackPlacements:[16],placement:[1],selectedValues:[1,"selected-values"],selectOnFocus:[4,"select-on-focus"],triggerId:[1,"trigger-id"],update:[16],virtualEnd:[32],virtualStart:[32],handleSelect:[64]},void 0,{options:[{onOptionsChanged:0}],anchorToTrigger:[{onAnchorToTriggerChanged:0}],flipFallbackPlacements:[{onFlipFallbackPlacementsChanged:0}],placement:[{onPlacementChanged:0}],triggerId:[{onTriggerIdChanged:0}],selectedValues:[{onSelectedValuesChanged:0}],isOpen:[{onIsOpenStateChange:0}]}]);function v(){"undefined"!=typeof customElements&&["xpl-dropdown","xpl-dropdown-group","xpl-dropdown-heading","xpl-dropdown-option","xpl-icon"].forEach((t=>{switch(t){case"xpl-dropdown":customElements.get(o(t))||customElements.define(o(t),y);break;case"xpl-dropdown-group":customElements.get(o(t))||u();break;case"xpl-dropdown-heading":customElements.get(o(t))||m();break;case"xpl-dropdown-option":customElements.get(o(t))||g();break;case"xpl-icon":customElements.get(o(t))||f()}}))}export{y as D,v as d}