@xplortech/apollo-core 3.2.0 → 3.3.0

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

@@ -234,16 +234,16 @@ export class Popover {
         });
     }
     render() {
-        return (h(Host, { key: 'a14924382ef3c963fa0d8c6dc4575c1fcb3a8c3a' }, h("div", { key: 'a9bb868211d6866a8f3d097841c41236c37b0ae5', class: {
+        return (h(Host, { key: 'cac4278a866b566f1e47a69657614c2046cc3532' }, h("div", { key: '2a6d8eea3139aa491211308c972d00332bcda855', class: {
                 'xpl-popover': true,
                 [`xpl-popover--${this.actualPosition}`]: true,
                 'xpl-popover--is-open': this.isOpenState,
-            } }, h("span", { key: '1502c64a98fbf22af9516e5e9aa905e79ea13ab3', role: "button", tabindex: "0", "aria-haspopup": "dialog", "aria-expanded": this.isOpenState ? 'true' : 'false', onClick: this.togglePopover, ref: (el) => {
+            } }, h("span", { key: '4d0b8c711e6d276adada5b6c288b77db9c66153b', role: "button", tabindex: "0", "aria-haspopup": "dialog", "aria-expanded": this.isOpenState ? 'true' : 'false', onClick: this.togglePopover, ref: (el) => {
                 this.triggerRef = el;
-            } }, h("slot", { key: '56a3bdc8d33b010095645b5bfd4b82890351777b', name: "trigger" })), this.display === 'arrow' && (h("div", { key: 'f69e9e12ab93f55267b8c23707eb48321f79a9c6', class: "xpl-popover__arrow" }, h("svg", { key: '1064f5962035b2cbf6dc2d721b537cddb815323e', width: "17", height: "14", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '7490e8887c93cd357bc21e93c96ab8de3873892b', d: "M0 5h15l-7.5 7.5L0 5Z", fill: "white", stroke: "none", class: "arrow-fill" }), h("path", { key: '6ab893d176866029ac33622a11e097541d5fdb74', d: "M0 5 L7.5 12.5 L15 5", fill: "none", stroke: "black", "stroke-width": "1", class: "arrow-stroke" })))), h("div", { key: '798414192900fab40f67986489753c8a63ec1d92', class: {
+            } }, h("slot", { key: '12f54f037f22c2e2084be6b272e96ab360097dc8', name: "trigger" })), this.display === 'arrow' && (h("div", { key: '26b415512019f9a6267c49f81d214f2b80731e3f', class: "xpl-popover__arrow" }, h("svg", { key: '6ee61c6a73a06e0ad26e366152065eccc1542abe', width: "17", height: "14", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '45d76b9ab0123b362c7d7c0fe5d28cec5d17540f', d: "M0 5h15l-7.5 7.5L0 5Z", fill: "white", stroke: "none", class: "arrow-fill" }), h("path", { key: '08a78e26854380aab4c87d9386c01cfda33bc57c', d: "M0 5 L7.5 12.5 L15 5", fill: "none", stroke: "black", "stroke-width": "1", class: "arrow-stroke" })))), h("div", { key: '68d3143c6458bfbbd5080e4c5de3718fa04f9faf', class: {
                 'xpl-popover__content': true,
                 [`xpl-popover__content--display-${this.display}`]: true,
-            }, ref: (el) => (this.contentRef = el) }, h("slot", { key: '5c1f963e4009f5a8d30aaad7f0169164abf5bd43' })))));
+            }, ref: (el) => (this.contentRef = el) }, h("slot", { key: 'bd1b017359d09bce4316ac55771f7c886b617198' })))));
     }
     static get is() { return "xpl-popover"; }
     static get properties() {

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

@@ -20,14 +20,14 @@ export class Radio {
         return Boolean(this.checked);
     }
     render() {
-        return (h(Host, { key: '45436282d29873a5c640519eb4ad9aa3afb25b73', class: {
+        return (h(Host, { key: 'dec063c59a7fe6bd9680d0bfcec55eabfa782ee0', class: {
                 'xpl-checkbox-radio-container': true,
                 styled: !!this.styled,
                 disabled: !!this.disabled,
-            } }, h("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 }), h("label", { key: '05d3589852ebcf9ce5c3301cbc685547a45b61d4', class: {
+            } }, h("input", { key: 'ff51ff9e164c663b1583409f37a075a3bb0c03e3', 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 }), h("label", { key: '3d82a7ee345008e237ea52064774b6d751031450', class: {
                 'xpl-label': true,
                 'xpl-label--disabled': !!this.disabled,
-            }, htmlFor: this.id }, h("slot", { key: '8790f97ad02c180680de269f2f4a0986736c5d4e' }), this.description && (h("small", { key: '94a8e1eea919b8cfe7b4074702dce50e7399c6ab', class: {
+            }, htmlFor: this.id }, h("slot", { key: 'a04ec7ab9149a61f88391bb37556f81e9e172b6e' }), this.description && (h("small", { key: 'b03619c554d2438cc152ff37fcaa02be3ba7e0bd', class: {
                 'xpl-description': true,
                 'xpl-description--disabled': !!this.disabled,
             } }, this.description)))));

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

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class SecondaryNav {
     render() {
-        return (h(Host, { key: 'dc00b09e91c4baa484084256b7b583363a518905', class: "xpl-secondary-nav" }, h("nav", { key: 'daf32568baecfa600a6d51747446e82c0df44d1a', "aria-label": "Secondary Nav" }, h("slot", { key: '6d6a2fa94e8779b7a4b9414fe29829eb1ee20125' }))));
+        return (h(Host, { key: '60cb6c9909d943691552665d71cb9fcf2e5fc190', class: "xpl-secondary-nav" }, h("nav", { key: '0890f096dc8621b6890835594385c392e0ef9905', "aria-label": "Secondary Nav" }, h("slot", { key: 'a9506445f06cc508969c1d6cff962b0553a01a5f' }))));
     }
     static get is() { return "xpl-secondary-nav"; }
 }

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

@@ -21,7 +21,7 @@ function tagWidth(text) {
     if (!context) {
         return 0;
     }
-    return context.measureText(text).width + 44;
+    return context.measureText(text).width + 50;
 }
 function getDisplayValue(choice) {
     return choice.label || choice.value || '';
@@ -190,7 +190,7 @@ export class Select {
             if (visibleChoices >= this.visibleChoices)
                 return null;
             visibleChoices += 1;
-            return (h("xpl-tag", { onClose: () => this.handleTagRemove(selectedChoices[i]) }, getDisplayValue(selectedChoices[i])));
+            return (h("xpl-tag", { disabled: this.disabled, onClose: () => this.handleTagRemove(selectedChoices[i]) }, getDisplayValue(selectedChoices[i])));
         });
         return tags;
     }
@@ -270,21 +270,21 @@ export class Select {
             this.truncate &&
             !this.customDisplayValue;
         const truncatedText = `+ ${Math.abs(this.choicesState.filter((a) => a.isSelected).length - this.visibleChoices)} more`;
-        return (h(Host, { key: '62414ef316ff722af90623136e62c5f875e0bfc4', class: {
+        return (h(Host, { key: 'b28e9dbd835634f20311d80b0793c722bb516d10', class: {
                 'xpl-select': true,
                 'xpl-select--disabled': !!this.disabled,
                 'xpl-select--no-truncate': !this.truncate,
                 [this.classNames ?? '']: !!this.classNames,
             }, onKeyDown: this.handleTabKeyDown, ref: (el) => {
                 this.container = el;
-            } }, this.renderLabel(), h("div", { key: '482e2b4e6df0db28031f12f8eeca802f31c36b9b', class: {
+            } }, this.renderLabel(), h("div", { key: '9becbbb7cc7ad5f36912adb9b2bafbfbd200729c', class: {
                 'xpl-input': true,
                 'xpl-input--disabled': !!this.disabled,
                 'xpl-input--error': this.error !== undefined,
-            } }, h("div", { key: 'dba46fe22c91e80c4ef7cc279deffb5d054f6d82', class: "xpl-input-wrapper" }, h("button", { key: '9c0ff42202efcfe30a21b599b30271412dd7bba5', class: "xpl-select__trigger", disabled: this.disabled, id: this.id, onKeyDown: this.handleTabKeyDown, onClick: (e) => {
+            } }, h("div", { key: '725575d6e2ebde606deb2efa6d135cd93a358c6f', class: "xpl-input-wrapper" }, h("button", { key: 'e7c3d24ce1366bbb42817eb1627b89dfc9b7f669', class: "xpl-select__trigger", disabled: this.disabled, id: this.id, onKeyDown: this.handleTabKeyDown, onClick: (e) => {
                 e.preventDefault();
                 this.handleDropdownTrigger();
-            }, type: "button" }, h("div", { key: '81a43dce597ffd11cb06595361cfd30cc33d24b1', class: {
+            }, type: "button" }, h("div", { key: 'b32057bdf81dfb44a89a15a596e35efe9b1c56fb', class: {
                 'xpl-select-value': true,
                 'xpl-select-value--active': this.mode === 'multi' && this.value.length > 0,
                 'has-value': this.value.length > 0,
@@ -304,7 +304,7 @@ export class Select {
                 return this.renderSelectedTags();
             }
             return this.placeholder;
-        })(), isTextTruncated && truncatedText), h("xpl-icon", { key: '6edc9dcc1ff869d5c715ca143d05e4caac8664f9', class: "xpl-select__chevron-down", icon: this.selectIcon ?? 'chevron-down' }))), !this.disabled && (h("xpl-dropdown", { key: '999afef231d38e5ab4271359ccbd71d85ffb65b9', ref: (el) => {
+        })(), isTextTruncated && truncatedText), h("xpl-icon", { key: 'f552cedcb15ff028a763ef6e8b5ee30f7a4e6720', class: "xpl-select__chevron-down", icon: this.selectIcon ?? 'chevron-down' }))), !this.disabled && (h("xpl-dropdown", { key: 'ef09a2f9fabb75050e0e69c1bc375b64d6584429', ref: (el) => {
                 this.dropdown = el ?? null;
             }, isOpen: this.dropdownOpenState, options: this.choicesState, selectedValues: this.selectedValues, mode: this.mode, triggerId: this.id, update: (_e, { component }) => {
                 const { options } = component;
@@ -313,7 +313,7 @@ export class Select {
                 }
             }, onIsOpenChange: (e) => {
                 this.dropdownOpenState = e.detail;
-            }, onWheel: this.handleDropdownScroll, anchorToTrigger: true, flipFallbackPlacements: this.dropdownFlipFallbackPlacements, placement: this.dropdownPlacement })), this.renderError()), h("input", { key: 'f3c1f01d5077af5ac0d2612ce4538ac861a33ac5', type: "hidden", name: this.name, value: this.value })));
+            }, onWheel: this.handleDropdownScroll, anchorToTrigger: true, flipFallbackPlacements: this.dropdownFlipFallbackPlacements, placement: this.dropdownPlacement })), this.renderError()), h("input", { key: '3963614dbc087fe3a10d44ab4554046755a581d2', type: "hidden", name: this.name, value: this.value })));
     }
     static get is() { return "xpl-select"; }
     static get properties() {

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

@@ -101,14 +101,14 @@ export class SideNavItem {
             expanded: this.expanded,
             selected: this.selected,
         };
-        return (h(Host, { key: '059210d35fdf3561fa2bc4f541f80fbb1e570506', class: {
+        return (h(Host, { key: 'fe0796a361383d97010699b710fe61a0cf17289a', class: {
                 'xpl-side-nav-item': true,
                 'xpl-side-nav-item--link-disabled': this.link && this.disabled,
             } }, this.link ? (h("slot", null)) : (h("button", { type: "button", class: buttonClass, "aria-current": this.selected ? 'page' : undefined, "aria-expanded": this.hasChildren ? (this.expanded ? 'true' : 'false') : undefined, onClick: this.handleClick, disabled: this.disabled }, h("span", { class: "xpl-side-nav-item__leading" }, h("slot", { name: "leading" }, this.icon ? (h("xpl-icon", { icon: this.icon, size: 16 })) : null)), h("span", { class: "xpl-side-nav-item__label" }, this.label ?? ''), (this.hasTrailingSlot || this.hasChildren) && (h("span", { class: {
                 'xpl-side-nav-item__trailing': true,
                 'xpl-side-nav-item__trailing--chevron': showAutoChevron,
                 expanded: showAutoChevron && this.expanded,
-            }, "aria-hidden": showAutoChevron ? 'true' : undefined }, h("slot", { name: "trailing" }, showAutoChevron ? (h("xpl-icon", { icon: this.expanded ? 'chevron-up' : 'chevron-down', size: 16 })) : null))))), this.hasChildren && !this.link && (h("div", { key: '47b1eba18028549e03394678bca58beee9b2f157', class: `xpl-side-nav-item__children ${this.expanded ? 'expanded' : ''}`, inert: !this.expanded ? true : undefined }, h("div", { key: '7b6137a009106e3adfb99928bff429bea92b63e2', class: "xpl-side-nav-item__children-inner" }, h("slot", { key: '3cf83a5e3e8367ef4d5bfbedb8c22bc6bf1efaa7' }))))));
+            }, "aria-hidden": showAutoChevron ? 'true' : undefined }, h("slot", { name: "trailing" }, showAutoChevron ? (h("xpl-icon", { icon: this.expanded ? 'chevron-up' : 'chevron-down', size: 16 })) : null))))), this.hasChildren && !this.link && (h("div", { key: 'c3f38b679aef2d66ad477bf9fb04ff8228740ebd', class: `xpl-side-nav-item__children ${this.expanded ? 'expanded' : ''}`, inert: !this.expanded ? true : undefined }, h("div", { key: '7b51bf6ca02febd7e3b63a1bccbbb79b3554db03', class: "xpl-side-nav-item__children-inner" }, h("slot", { key: '7d9d16628cb60480199b6eda497fccb931eb72e9' }))))));
     }
     static get is() { return "xpl-side-nav-item"; }
     static get properties() {

package/dist/collection/components/xpl-side-nav/xpl-side-nav-section/xpl-side-nav-section.js

@@ -82,17 +82,17 @@ export class SideNavSection {
         const hasHeading = !!this.heading?.trim();
         const childrenId = this.childrenId ?? ensureSideNavSectionChildrenId(this.el, this.childrenId);
         const titleRow = [
-            h("span", { key: '41b4dd48eaf9fabca8f4c1e4e506200055d46f77', class: "xpl-side-nav-section__title" }, this.heading ?? ''),
-            h("span", { key: 'af345692b55b47dada80dfad85312e45d7cf5f43', class: "xpl-side-nav-section__badge", hidden: !this.hasBadgeSlot }, h("slot", { key: '381c23d89de7de9b1663cd746ce9561688a27463', name: "badge" })),
+            h("span", { key: '12b61d9bed3a5aac2fa664fb6ac13893ae267c36', class: "xpl-side-nav-section__title" }, this.heading ?? ''),
+            h("span", { key: 'bfea669929c9f003a38cbef3d4e6254f14cea581', class: "xpl-side-nav-section__badge", hidden: !this.hasBadgeSlot }, h("slot", { key: '7e401f516a7420f9a9c571e3c13d609fad6dcfc8', name: "badge" })),
             this.collapsible ? (h("span", { class: "xpl-side-nav-section__chevron", "aria-hidden": "true" }, h("xpl-icon", { icon: this.expanded ? 'chevron-down' : 'chevron-right', size: 16 }))) : null,
         ];
-        return (h(Host, { key: 'b3d7e988d1b64afce020137c0d8f8ef89481ef43', class: {
+        return (h(Host, { key: 'ba9810b6d5d95cac88e6517d7bc24a040f51e5cc', class: {
                 'xpl-side-nav-section': true,
                 'xpl-side-nav-section--static': !this.collapsible,
-            } }, this.collapsible ? (h("button", { type: "button", class: "xpl-side-nav-section__header", "aria-expanded": this.expanded ? 'true' : 'false', "aria-controls": childrenId, "aria-label": hasHeading || this.hasNamedBadgeSlot ? undefined : 'Toggle section', onClick: this.handleHeaderClick }, titleRow)) : (h("div", { class: "xpl-side-nav-section__header" }, titleRow)), h("div", { key: '0e442a9a70a8eacb4b9454f941a3ee0c466c3496', id: childrenId, class: {
+            } }, this.collapsible ? (h("button", { type: "button", class: "xpl-side-nav-section__header", "aria-expanded": this.expanded ? 'true' : 'false', "aria-controls": childrenId, "aria-label": hasHeading || this.hasNamedBadgeSlot ? undefined : 'Toggle section', onClick: this.handleHeaderClick }, titleRow)) : (h("div", { class: "xpl-side-nav-section__header" }, titleRow)), h("div", { key: '9f5081f3d8de0f5e0ae83d2f7f96cd49b9cdf456', id: childrenId, class: {
                 'xpl-side-nav-section__children': true,
                 expanded: showChildren,
-            }, inert: !showChildren ? true : undefined }, h("div", { key: 'f1bc884e69c5a8902f7e12829901e289f73a530e', class: "xpl-side-nav-section__children-inner" }, h("slot", { key: 'bd9f9db68b6f6e1d3a28527d87f4bf797ae49022' })))));
+            }, inert: !showChildren ? true : undefined }, h("div", { key: '2593fe0517156c91b504d9ec3717321895a804c4', class: "xpl-side-nav-section__children-inner" }, h("slot", { key: '5e2c9c978a128355e014c19612ed89886fe781ce' })))));
     }
     static get is() { return "xpl-side-nav-section"; }
     static get properties() {

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

@@ -29,7 +29,7 @@ export class Slideout {
         this.handleScroll();
     }
     render() {
-        return (h(Host, { key: '6a677f3ef03392e8c17e96eb1a35244cc65249cc', class: "xpl-slideout" }, this.backdrop && this.isOpen && (h("xpl-backdrop", { key: '8e93a0fe45fdbf00f9b9d72a3b703f4ed91724b7', onClick: this.handleClose })), h("aside", { key: '451a572b79f74f614756c77b7aae9ece7e53a615', class: `slideout slideout--${!this.isOpen && 'closed'}` }, h("header", { key: '4e6f0d5c525ffe16f20a2d85d21e6c85d6213f1e', class: "header" }, h("div", { key: 'bf69e4a7e0be7b1ea763b5d17da90b31f122e7fe', class: "title" }, h("slot", { key: 'b5b3298d2f05a5e99dc2ba934c306c7167eeb861', name: "title" }), h("xpl-button", { key: 'da76c0538824d6d7cdce7385daf77c74fd3e6432', class: "close-button", "icon-only": true, variant: "tertiary", onClick: this.handleClose }, h("xpl-icon", { key: '02d4e1b6d191683f95c5fe9d93db6a8eb6260e32', icon: "xmark" }))), h("div", { key: 'daf09af3d4ec41943ca063fb0b0afddc6075e549', class: "subtitle" }, h("slot", { key: '755b4e4f6bfdcc7f94f0b2ed67526d7f97c77842', name: "subtitle" })), h("div", { key: '294b6650cdc4b15a8f5b9005a24304cccda91ddb', class: "search" }, h("slot", { key: '4b85802d14eb9ab528749727846637a0702ff2d1', name: "search" }))), h("xpl-divider", { key: '335792083b7072b6973e4b684062d6498d1cfc57', tier: 0, class: "divider top" }), h("article", { key: '3a0920577f4599b0ea9a3762ea066b0e8b9d932a', class: "content", tabIndex: 0 }, h("slot", { key: 'b085ef369c4d685ae0e6e518c28e95cd883d1e03', name: "content" })), this.showFooter && (h("footer", { key: '663e2392d8484bb4875dcb4b9411b8ae6b805087' }, h("xpl-divider", { key: '6d0d50a6cc038a19ed5465a9fe79854b2519e70b', tier: 0, class: "divider bottom" }), h("div", { key: '29e9eaea051247ff8e9be18af54f0d3959590759', class: "footer" }, h("slot", { key: '4e9d8e3a054a72fba8392afdefcdca63e8ce8068', name: "tertiary" }), h("slot", { key: '44b764a99064de792309995cdc53b4ca8a82f8da', name: "secondary" }), h("slot", { key: 'c96cedf9662bab571a8cab244c8fce6172691628', name: "primary" })))))));
+        return (h(Host, { key: '057b30a3213ae419e0a9bc94cae621cdf303d293', class: "xpl-slideout" }, this.backdrop && this.isOpen && (h("xpl-backdrop", { key: '940911dc6c07731fe40c0a4399cd81a3af7933ee', onClick: this.handleClose })), h("aside", { key: 'b3432b92753b96999c528783cebfabd1488141be', class: `slideout slideout--${!this.isOpen && 'closed'}` }, h("header", { key: 'd87ec6cd3b3085131dd4bb6f2524e0ae39d36201', class: "header" }, h("div", { key: 'e2e3387ad686479d91810c022d657f44f97b1aeb', class: "title" }, h("slot", { key: 'c3accb74528dbd73140aa2b9b7c2e4e7f8013a6a', name: "title" }), h("xpl-button", { key: 'ee486da9662bddb85e336edc01d878c2b4ade2cc', class: "close-button", "icon-only": true, variant: "tertiary", onClick: this.handleClose }, h("xpl-icon", { key: '5e8b248e39e238e6ba2138641029bdde3160512e', icon: "xmark" }))), h("div", { key: '0bd2f149ba999ac0c8501d538298c2f5d4bfa687', class: "subtitle" }, h("slot", { key: '0523c0ea9575ff905e78893723e7d6329befc9d9', name: "subtitle" })), h("div", { key: 'd2de0a7b462fadfc9d80479db1153300abe0180f', class: "search" }, h("slot", { key: 'd0463af8f532856bdc273e306f06f7d837f41ffd', name: "search" }))), h("xpl-divider", { key: '9e3de6ccca99ab37bfeda29adbe343663f38ebef', tier: 0, class: "divider top" }), h("article", { key: '0cf827d89aca95c2a0b0e5f037d12a00de651866', class: "content", tabIndex: 0 }, h("slot", { key: '6738c288b5ccaa437efed62b8fd786cd58073b27', name: "content" })), this.showFooter && (h("footer", { key: 'cf02d04cd0b1ce89e4783c5b4741e8b5fad739e8' }, h("xpl-divider", { key: '9d79e51a52e5daed07bcb2ed7229f41926958594', tier: 0, class: "divider bottom" }), h("div", { key: 'fdbd1f126350e6b5b9bbad8a15bcc70cb9e562a3', class: "footer" }, h("slot", { key: '994b27f63fab2d9ad45c50862c07239492a8404c', name: "tertiary" }), h("slot", { key: 'ccd6bfc3f66e98dbb07a54a5e523b4365e8c1633', name: "secondary" }), h("slot", { key: '40dfa4f9fffecfd8a3c01be593de504b0d7e7f7e', name: "primary" })))))));
     }
     static get is() { return "xpl-slideout"; }
     static get properties() {

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

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class XplTableBody {
     render() {
-        return (h(Host, { key: 'e5934161758f0934269a09e4a1058f3fda919e9d', class: "xpl-table-body", role: "rowgroup" }, h("slot", { key: 'e042714dc35cbe4ecc83cff740f7a24de48feec1' })));
+        return (h(Host, { key: '0a5e05dbbc4f089b7907464693943ce76e76cbc3', class: "xpl-table-body", role: "rowgroup" }, h("slot", { key: 'f8781515706b3843fd288f5be832cb9e9b78a971' })));
     }
     static get is() { return "xpl-table-body"; }
 }

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

@@ -64,13 +64,13 @@ export class XplTableCell {
         walk(this.el);
     }
     render() {
-        return (h(Host, { key: 'f4e7639b0cb35eda08fdbb13cf1e0ddcb380cb7a', role: "gridcell", class: {
+        return (h(Host, { key: 'f2b486b9dbab0c982fc3362e1775a99eebc1ac05', role: "gridcell", class: {
                 'xpl-table-cell': true,
                 [`xpl-table-cell--align-${this.align}`]: true,
                 'xpl-table-cell--bold': this.bold,
                 'xpl-table-cell--underline': this.underline,
                 'xpl-table-cell--disabled': this.disabled,
-            } }, h("slot", { key: '16d9a63cb992b9bbeb56500b5d6537b824336b40' })));
+            } }, h("slot", { key: '19c3a0f67b3eccdb3e6441ba74b8e9d5bb8d0ae6' })));
     }
     static get is() { return "xpl-table-cell"; }
     static get properties() {

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

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class XplTableFooter {
     render() {
-        return (h(Host, { key: '57872baa33166a8146bd0c9b3d7af1597e1fb41e', class: "xpl-table-footer", role: "rowgroup" }, h("slot", { key: '65def2bdfee1be95fa966f7f746dedc7176b91e6' })));
+        return (h(Host, { key: '1f6a7cae4df63c42c2c3c87bd3a531033d0e04b1', class: "xpl-table-footer", role: "rowgroup" }, h("slot", { key: '2b2447283d8fcc7ebf9d48d44e30b98b2af58d9c' })));
     }
     static get is() { return "xpl-table-footer"; }
 }

package/dist/collection/components/xpl-table/xpl-table-footer-cell/xpl-table-footer-cell.js

@@ -4,10 +4,10 @@ export class XplTableFooterCell {
         this.align = 'left';
     }
     render() {
-        return (h(Host, { key: '1434aa38de9894875e70b2a7b3c55479726727d5', class: {
+        return (h(Host, { key: '468d80c698b82031537d12584494bb8e42cc4a83', class: {
                 'xpl-table-footer-cell': true,
                 [`xpl-table-footer-cell--align-${this.align}`]: true,
-            }, role: "gridcell" }, h("slot", { key: 'e3bac594dbd5265f44c7bd620e1fccfc9248abf0' })));
+            }, role: "gridcell" }, h("slot", { key: '91674140e7e618b7ff40c58ebbdae79145318de9' })));
     }
     static get is() { return "xpl-table-footer-cell"; }
     static get properties() {

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

@@ -40,11 +40,11 @@ export class XplTableRow {
         });
     }
     render() {
-        return (h(Host, { key: '8c49ba27b39d934cb774140b43e811e5ee2bb904', class: {
+        return (h(Host, { key: 'a743e3cf9f4761d990d4437390f5f3f4949c68b7', class: {
                 'xpl-table-row': true,
                 'xpl-table-row--disabled': this.disabled,
                 'xpl-table-row--selected': this.selected,
-            }, role: "row" }, h("slot", { key: '30788ce629c65d7eab04d268da978d46f0145e99' })));
+            }, role: "row" }, h("slot", { key: 'fc13f425ec75c16e0079733b789e7b68e1371f33' })));
     }
     static get is() { return "xpl-table-row"; }
     static get properties() {

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: 'fb6c6d0ab301f41a22428583ffa0fea60a30719b', role: "row", class: "xpl-table-header" }, h("slot", { key: '54b058d43266fa281e30d26a644ad93d6559408b' })));
+        return (h(Host, { key: '79ac33f5bf3c86664a181dddba8dbb4f087b0b05', role: "row", class: "xpl-table-header" }, h("slot", { key: '5fe1c6b9e117712b3af6b81dd37dc6775c67ed9d' })));
     }
     static get is() { return "xpl-table-header"; }
 }

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: '9a05e10e7fbc047112f740884e6ba40c773b472c', class: {
+        return (h(Host, { key: 'bc92bc270f366844ffba7cce7d126a033c80d751', 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: '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 })))));
+            }, 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: '8826de6d590d5eea611c4cc406293c94d61593b2', 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: 'b8e6763f53f23444b993c9331616e4cbb1440526', 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: '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) => {
+        return (h(Host, { key: '75b3b05b745ac16a614f752cf83380428b1a4f9a', class: `xpl-toast xpl-toast--${this.variant}`, onAnimationEnd: this.handleAnimationEnd }, h("div", { key: '997a55f5deb3016410ea517e89b369368a6c44d7', class: "xpl-toast__left" }, this.showIcon && (h("div", { key: '6d60772a0b8f7f9839c59150a3f5f388553e7572', class: `xpl-toast__icon xpl-toast__icon--${this.variant}` }, this.getIcon())), h("div", { key: 'f813c6fc2abb9f3ab1ca730be25537292f414963', class: "xpl-toast__notification" }, h("p", { key: '067e06ef8702892d3c1c513c47c0e03d1e025843', class: "xpl-toast__title" }, h("slot", { key: '24c8844bb360cc53f189c816789d4c112dee4bb2', name: "title" })), this.caption !== '' && (h("p", { key: '8b1e9e9342187c2b5c6158679f42c98073b9f369', class: "xpl-toast__caption" }, this.caption?.substring(0, 85))))), h("div", { key: '016cc84afb7161149c321cd73bc40272e59f0e01', class: "xpl-toast__action", ref: (el) => {
                 if (el) {
                     this.actionSlot = el;
                 }
-            } }, 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 })))));
+            } }, h("slot", { key: 'e3491fe293e3ee7b3b30483a8e7b19d7c584794e', name: "action" })), this.isDismissible && (h("div", { key: 'dd7e8aa57d116045287f13b164ae63e603a81f01', class: "xpl-toast__close" }, h("xpl-button", { key: 'e1af234f5991651a039eba58f21c58e76d3d75eb', 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-toolbar/xpl-toolbar.js

@@ -12,11 +12,11 @@ export class Toolbar {
         this.selectedItemCount = event.detail.length;
     }
     render() {
-        return (h(Host, { key: '688ada0542f0634df6b447331833205149e88a94', class: {
+        return (h(Host, { key: '627eed07ad6f3c06145126cad4b9780a3bec7258', class: {
                 'xpl-toolbar': true,
                 dark: true,
                 hidden: this.selectedItemCount === 0,
-            } }, 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" })))));
+            } }, h("div", { key: 'ccae2ca6612e91c87bae43479bc7aa4bf8731ad3', class: "toolbar" }, h("p", { key: '360658d3ed621e4d6d5920baf41c63f8649a7a9f', class: "selected-item-count" }, this.selectedItemCount, " Selected"), h("div", { key: '386e61abd7294286aca11f0e365f24b466193088', class: "actions" }, h("slot", { key: '4999110aaf0762dd60fdb4fbc3540040dadac003', name: "actions-left" }), h("slot", { key: '621b28dcb128f6a89d8ca3f7ec54503c3660a5bc', 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: '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' })))))));
+        return (h(Host, { key: 'e2092a0ca048c0c06346b28c5f7a38fb343b0989' }, h("div", { key: '9f9b41b01e4b4a3721a9744bf4a9dc798bd5e313', class: "xpl-tooltip-container" }, h("slot", { key: 'a4e23c5c38d792a08755aacd1a1b3250f3cfd29e' }), h("div", { key: 'c6227fd82a95bd19de20c68d97c4c9b72a749d28', class: `xpl-tooltip xpl-tooltip--${this.position}` }, this.text, !this.hideArrow && (h("div", { key: '551d991247f6f3016559fa10180ba96101a47169', class: "xpl-tooltip-arrow" }, h(TooltipArrow, { key: 'fc323dececf4a90528ed47e06290188722a17eb0' })))))));
     }
     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: 'b79342bf524458e0119a92ba754a700c70c8652f', class: {
+        return (h(Host, { key: '4f03d42e8b1fb74ed6311b05cf8271347b6d6f54', class: {
                 'xpl-nav-header-menu': true,
                 'xpl-nav-header-menu--has-right-aside-mobile': this.rightAsideMobilePresent,
                 dark: true,
-            } }, 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' }))));
+            } }, hasProfile && (h("div", { key: '0efea5710b8f5e96b9a31f41ccb17a3463295739', class: "xpl-nav-header-menu__profile" }, h("div", { key: 'a23b89cdc2f00e3611303083a062823ece388df3', class: "xpl-nav-header-menu__info" }, this.username && (h("div", { key: '755cbf613b70da2238521d26a8221b5cc60f16cb', class: "xpl-nav-header-menu__username", title: this.username }, this.username)), this.email && (h("div", { key: '34214d815c2558606ed1d8cf1fcd4cd5fd29eb24', class: "xpl-nav-header-menu__email", title: this.email }, this.email))))), h("div", { key: '59bf60e44aa73fbd785423a387c0e5778c14635e', class: "xpl-nav-header-menu__right-aside-mobile" }, h("slot", { key: '48c61e23313d0bbbd6949d98fabe1ba79399e4e9', name: "right-aside-mobile" })), h("div", { key: '12f7bb51b54f217a1fe21cdc7c0af50a5dbc1a6d', class: "xpl-nav-header-menu__slot", role: "list" }, h("slot", { key: '3ab8954d96137ab0fcc12eba87e4b381173976f0' }))));
     }
     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: 'fe53cfd84cba8502089c4a3fae62dfed10c0cdf0', class: {
+        return (h(Host, { key: '59b96ce313362796a55a0e109a3cd3918b88a6b3', 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: '954f83c94bd56d9bd328212f2ecc070861b1fd54', id: this.dropdownPanelId, class: "xpl-top-nav-item__dropdown" }, h("slot", { key: '4d830a9386f12026cd1a2ecb454bcb9df2202431', name: "dropdown" })))));
+            }, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, ...(this.hostListitemRole ? { role: 'listitem' } : {}) }, this.renderInner(), this.hasDropdown && (h("div", { key: '8daced29efc97c4a36934dfd70764768440acbef', id: this.dropdownPanelId, class: "xpl-top-nav-item__dropdown" }, h("slot", { key: 'aa1f47af8c810d24e21b18ded427c8a80f20ead2', name: "dropdown" })))));
     }
     static get is() { return "xpl-top-nav-item"; }
     static get properties() {

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: '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" }))));
+        return (h(Host, { key: '68d645d450da9bb09ab698b865cdb90643276b04' }, h("nav", { key: '7c8e37a3c7029af28eea94f8c4db4a681f903fb7', "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: '36fd1261aeafbdcb52cee2b19b3f29ce7c3f7539', name: "main" }))));
     }
     static get is() { return "xpl-utility-bar"; }
     static get properties() {

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{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";
+export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-BqhTjJWq.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-2XxO7M15.js

@@ -0,0 +1 @@
+import{p as o,H as p,h as e,c as d,t as s}from"./p-BqhTjJWq.js";import{d as a}from"./p-BWAytJnz.js";import{d as r}from"./p-DHxDWgLP.js";import{d as n}from"./p-Bh-U2qmp.js";const t=o(class extends p{constructor(o){super(),!1!==o&&this.__registerHost()}render(){const{groupName:o,options:p}=this,s=p&&p.length&&p.map((({groupName:o,...p})=>o?e("xpl-dropdown-group",{label:o,...p}):e("xpl-dropdown-option",{...p})));return e(d,{key:"c9a5ff35e59c6d64fb3b2bdf8d8e9381f53f843b",role:"group","aria-label":o},e("li",{key:"610646a5285bbda17ad9ef1a77abd8ccff657676",class:"xpl-dropdown-list-item"},e("xpl-dropdown-heading",{key:"6daa3fa23425eae46c2d85370523af456c2dced3",label:o}),e("ul",{key:"0409673dbab16cd5fc72c5f7a50d23c531d91d66",class:"xpl-dropdown-list"},s||e("slot",{key:"19d7a3d59640af4759076e90c055556fa4a90f5f",name:"options"}))))}},[260,"xpl-dropdown-group",{groupName:[1,"label"],options:[16]}]);function l(){"undefined"!=typeof customElements&&["xpl-dropdown-group","xpl-dropdown-group","xpl-dropdown-heading","xpl-dropdown-option","xpl-icon"].forEach((o=>{switch(o){case"xpl-dropdown-group":customElements.get(s(o))||customElements.define(s(o),t);break;case"xpl-dropdown-group":customElements.get(s(o))||l();break;case"xpl-dropdown-heading":customElements.get(s(o))||a();break;case"xpl-dropdown-option":customElements.get(s(o))||r();break;case"xpl-icon":customElements.get(s(o))||n()}}))}export{t as D,l as d}

package/dist/components/{p-D09sGbzs.js → p-3R1VKKds.js}

@@ -1 +1 @@
-import{p as e,H as i,d as t,h as s,c as l,t as c}from"./p-BSHdGbmH.js";import{d as n}from"./p-CQjJIHK6.js";const a=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.inputChange=t(this,"inputChange",7),this.accept="",this.multiple=!1,this.hideTriggerOnSelect=!1,this.hideFileNames=!1,this.hideAcceptText=!1,this.files=null,this.openFileDialog=()=>{this.disabled||this.fileInput?.click()},this.handleFileChange=e=>{const i=e.target;this.files=i.files?Array.from(i.files):null},this.onRemoveFileByIndex=e=>{this.files=(this.files??[]).filter(((i,t)=>t!==e))}}onFilesChange(e){this.inputChange.emit({type:"file",value:e})}async removeFileByIndex(e){this.onRemoveFileByIndex(e)}render(){return s(l,{key:"87eead553435ce984945ccb72ca262bfd6123562",class:{"xpl-input-file":!0,"xpl-input-file--hide-trigger-on-select":!!this.hideTriggerOnSelect,"xpl-input-file--disabled":!!this.disabled}},s("span",{key:"f345204405d1bb784fc662fa3c29e9edaeca9c67",class:{"xpl-input-file__trigger-wrapper":!0,"xpl-input-file__trigger-wrapper--hidden":!!this.hideTriggerOnSelect&&(this.files?.length??0)>0},role:"button",tabIndex:0,onClick:this.openFileDialog},s("slot",{key:"46c4e817cb8f8b050b4de5c571757c7ed84698a7",name:"trigger"})),(this.files?.length??0)>0&&!this.hideFileNames&&s("ul",{key:"455af4a3cad84232464927efb880ce0a26cebf71",class:"xpl-input-file__file-list"},(this.files??[]).map(((e,i)=>s("li",{class:"xpl-input-file__file-item"},s("span",{class:"xpl-input-file__file-name"},e.name),s("xpl-icon",{icon:"x-circle",size:24,onClick:e=>{e.preventDefault(),e.stopPropagation(),this.onRemoveFileByIndex(i)},class:"xpl-input-file__remove-icon"}))))),this.accept&&!this.hideAcceptText&&s("span",{key:"77abc822d8d44b33f251d4ba9ef21cfc7dd6c287",class:"xpl-input-file__accept"},"Accepted file types: ",this.accept),s("input",{key:"d75ec23921943259d789b0f32828dca57864520e",onChange:this.handleFileChange,type:"file",ref:e=>{this.fileInput=e??void 0},hidden:!0,accept:this.accept,multiple:this.multiple,name:this.name}))}get el(){return this}static get watchers(){return{files:[{onFilesChange:0}]}}},[260,"xpl-input-file",{disabled:[4],name:[1],_id:[1],accept:[1],multiple:[4],hideTriggerOnSelect:[4,"hide-trigger-on-select"],hideFileNames:[4,"hide-file-names"],hideAcceptText:[4,"hide-accept-text"],files:[32],removeFileByIndex:[64]},void 0,{files:[{onFilesChange:0}]}]);function p(){"undefined"!=typeof customElements&&["xpl-input-file","xpl-icon"].forEach((e=>{switch(e){case"xpl-input-file":customElements.get(c(e))||customElements.define(c(e),a);break;case"xpl-icon":customElements.get(c(e))||n()}}))}export{a as I,p as d}
+import{p as e,H as i,d as t,h as s,c as l,t as c}from"./p-BqhTjJWq.js";import{d as n}from"./p-Bh-U2qmp.js";const a=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.inputChange=t(this,"inputChange",7),this.accept="",this.multiple=!1,this.hideTriggerOnSelect=!1,this.hideFileNames=!1,this.hideAcceptText=!1,this.files=null,this.openFileDialog=()=>{this.disabled||this.fileInput?.click()},this.handleFileChange=e=>{const i=e.target;this.files=i.files?Array.from(i.files):null},this.onRemoveFileByIndex=e=>{this.files=(this.files??[]).filter(((i,t)=>t!==e))}}onFilesChange(e){this.inputChange.emit({type:"file",value:e})}async removeFileByIndex(e){this.onRemoveFileByIndex(e)}render(){return s(l,{key:"87eead553435ce984945ccb72ca262bfd6123562",class:{"xpl-input-file":!0,"xpl-input-file--hide-trigger-on-select":!!this.hideTriggerOnSelect,"xpl-input-file--disabled":!!this.disabled}},s("span",{key:"f345204405d1bb784fc662fa3c29e9edaeca9c67",class:{"xpl-input-file__trigger-wrapper":!0,"xpl-input-file__trigger-wrapper--hidden":!!this.hideTriggerOnSelect&&(this.files?.length??0)>0},role:"button",tabIndex:0,onClick:this.openFileDialog},s("slot",{key:"46c4e817cb8f8b050b4de5c571757c7ed84698a7",name:"trigger"})),(this.files?.length??0)>0&&!this.hideFileNames&&s("ul",{key:"455af4a3cad84232464927efb880ce0a26cebf71",class:"xpl-input-file__file-list"},(this.files??[]).map(((e,i)=>s("li",{class:"xpl-input-file__file-item"},s("span",{class:"xpl-input-file__file-name"},e.name),s("xpl-icon",{icon:"x-circle",size:24,onClick:e=>{e.preventDefault(),e.stopPropagation(),this.onRemoveFileByIndex(i)},class:"xpl-input-file__remove-icon"}))))),this.accept&&!this.hideAcceptText&&s("span",{key:"77abc822d8d44b33f251d4ba9ef21cfc7dd6c287",class:"xpl-input-file__accept"},"Accepted file types: ",this.accept),s("input",{key:"d75ec23921943259d789b0f32828dca57864520e",onChange:this.handleFileChange,type:"file",ref:e=>{this.fileInput=e??void 0},hidden:!0,accept:this.accept,multiple:this.multiple,name:this.name}))}get el(){return this}static get watchers(){return{files:[{onFilesChange:0}]}}},[260,"xpl-input-file",{disabled:[4],name:[1],_id:[1],accept:[1],multiple:[4],hideTriggerOnSelect:[4,"hide-trigger-on-select"],hideFileNames:[4,"hide-file-names"],hideAcceptText:[4,"hide-accept-text"],files:[32],removeFileByIndex:[64]},void 0,{files:[{onFilesChange:0}]}]);function p(){"undefined"!=typeof customElements&&["xpl-input-file","xpl-icon"].forEach((e=>{switch(e){case"xpl-input-file":customElements.get(c(e))||customElements.define(c(e),a);break;case"xpl-icon":customElements.get(c(e))||n()}}))}export{a as I,p as d}

package/dist/components/p-BNOkHymY.js

@@ -0,0 +1 @@
+import{p as e,H as s,h as t,t as a,c as r}from"./p-BqhTjJWq.js";const p=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.relative=!1}render(){return t(r,{key:"85f3504a4f62941f97a81da862a210822b13376c",class:{"xpl-backdrop":!0,"xpl-backdrop--fixed":!this.relative,"xpl-backdrop--relative":this.relative},"aria-hidden":"true"})}},[0,"xpl-backdrop",{relative:[4]}]);function c(){"undefined"!=typeof customElements&&["xpl-backdrop"].forEach((e=>{"xpl-backdrop"===e&&(customElements.get(a(e))||customElements.define(a(e),p))}))}export{p as B,c as d}

package/dist/components/p-BWAytJnz.js

@@ -0,0 +1 @@
+import{p as e,H as n,h as s,c,t as d}from"./p-BqhTjJWq.js";const o=e(class extends n{constructor(e){super(),!1!==e&&this.__registerHost()}render(){return s(c,{key:"06a117cb42389f17449401733d384b6669c39859",class:{"xpl-dropdown-heading":!0},role:"presentation"},s("span",{key:"58262cf943e31880cf1d942af06dfefaa380cf8b"},this.label||s("slot",{key:"3e0081cc6c9fc738f4d14c9f9838a8cff2c01b21",name:"heading"})))}},[260,"xpl-dropdown-heading",{label:[1]}]);function a(){"undefined"!=typeof customElements&&["xpl-dropdown-heading"].forEach((e=>{"xpl-dropdown-heading"===e&&(customElements.get(d(e))||customElements.define(d(e),o))}))}export{o as D,a as d}

package/dist/components/{p-B7aaJikj.js → p-BZrSTAV1.js}

@@ -1 +1 @@
-import{p as t,H as s,d as i,h as a,c as e,t as h}from"./p-BSHdGbmH.js";import{d as n}from"./p-CQjJIHK6.js";const g=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.close=i(this,"close",7),this.tagDragEnd=i(this,"tagDragEnd",7),this.tagDragStart=i(this,"tagDragStart",7),this.tagRemove=i(this,"tagRemove",7),this.dismissAriaLabelSuffix="tag",this.isDragging=!1,this.disabled=!1,this.dismissible=!0,this.isDraggable=!1,this.size="default",this.handleTagClick=()=>{this.disabled||this.isDraggable||this.close.emit()},this.setDragPreviewToHost=t=>{if(t.dataTransfer)try{const s=this.el.getBoundingClientRect(),i=Math.max(0,t.clientX-s.left),a=Math.max(0,t.clientY-s.top);t.dataTransfer.setDragImage(this.el,i,a)}catch{}},this.handleContentKeyDown=t=>{this.disabled||"Enter"!==t.key&&" "!==t.key||t.preventDefault()},this.handleDismissClick=t=>{t.stopPropagation(),this.disabled||(this.close.emit(),this.tagRemove.emit())},this.handleDragStart=t=>{this.isDragging=!0,t.dataTransfer&&(t.dataTransfer.effectAllowed="move",this.setDragPreviewToHost(t),this.tagId&&t.dataTransfer.setData("application/x-tag-id",this.tagId),t.dataTransfer.setData("text/plain",this.getContentLabelText())),this.tagDragStart.emit({tagId:this.tagId,content:this.getContentLabelText(),originalEvent:t})},this.handleDragEnd=t=>{this.isDragging=!1,this.tagDragEnd.emit({tagId:this.tagId,dropped:"move"===t.dataTransfer?.dropEffect,originalEvent:t})},this.handleDragOver=t=>{!this.disabled&&this.isDraggable&&(t.preventDefault(),t.dataTransfer&&(t.dataTransfer.dropEffect="move"))},this.handleDragEnter=t=>{!this.disabled&&this.isDraggable&&t.preventDefault()},this.handleHostDragStart=t=>{t.target===this.el&&this.isDraggable&&t.preventDefault()}}onDisabledChange(t){t&&this.isDragging&&(this.isDragging=!1)}onIsDraggableChange(t){!t&&this.isDragging&&(this.isDragging=!1)}componentDidRender(){queueMicrotask((()=>this.syncDismissAriaLabelSuffix()))}getContentLabelText(){return(this.el.querySelector(".xpl-tag__content")?.textContent??"").trim()}syncDismissAriaLabelSuffix(){if(!this.el.isConnected)return;const t=this.getContentLabelText(),s=""===t?"tag":t;s!==this.dismissAriaLabelSuffix&&(this.dismissAriaLabelSuffix=s)}render(){const t=this.isDraggable&&!this.disabled;return a(e,{key:"9a05e10e7fbc047112f740884e6ba40c773b472c",class:{"xpl-tag":!0,"xpl-tag-container":!0,"xpl-tag--disabled":this.disabled,"xpl-tag--dismissible":this.dismissible,"xpl-tag--dragging":this.isDragging,"xpl-tag--draggable":t,"xpl-tag--sm":"sm"===this.size},onDragOver:t?this.handleDragOver:void 0,onDragEnter:t?this.handleDragEnter:void 0,onDragStart:this.isDraggable?this.handleHostDragStart:void 0},t?a("div",{class:"xpl-tag__content xpl-tag",role:"button",tabIndex:0,draggable:!0,"aria-grabbed":String(this.isDragging),onClick:this.handleTagClick,onKeyDown:this.handleContentKeyDown,onDragStart:this.handleDragStart,onDragEnd:this.handleDragEnd},a("slot",null)):a("button",{class:"xpl-tag__content xpl-tag",type:"button",disabled:this.disabled,onClick:this.handleTagClick},a("slot",null)),this.dismissible&&a("button",{key:"37f7687aa9675c52cbd4390d66d63ced630904d0",class:"xpl-tag__dismiss xpl-tag__close",type:"button",draggable:!1,disabled:this.disabled,"aria-label":`Dismiss ${this.dismissAriaLabelSuffix}`,onClick:this.handleDismissClick},a("xpl-icon",{key:"104eac0362541d99c59e0fd6b18a5e1b2171030b",icon:"xmark",size:10})))}get el(){return this}static get watchers(){return{disabled:[{onDisabledChange:0}],isDraggable:[{onIsDraggableChange:0}]}}},[260,"xpl-tag",{disabled:[4],dismissible:[4],isDraggable:[4,"is-draggable"],size:[1],tagId:[1,"tag-id"],dismissAriaLabelSuffix:[32],isDragging:[32]},void 0,{disabled:[{onDisabledChange:0}],isDraggable:[{onIsDraggableChange:0}]}]);function l(){"undefined"!=typeof customElements&&["xpl-tag","xpl-icon"].forEach((t=>{switch(t){case"xpl-tag":customElements.get(h(t))||customElements.define(h(t),g);break;case"xpl-icon":customElements.get(h(t))||n()}}))}export{g as T,l as d}
+import{p as t,H as s,d as i,h as a,c as e,t as h}from"./p-BqhTjJWq.js";import{d as n}from"./p-Bh-U2qmp.js";const g=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.close=i(this,"close",7),this.tagDragEnd=i(this,"tagDragEnd",7),this.tagDragStart=i(this,"tagDragStart",7),this.tagRemove=i(this,"tagRemove",7),this.dismissAriaLabelSuffix="tag",this.isDragging=!1,this.disabled=!1,this.dismissible=!0,this.isDraggable=!1,this.size="default",this.handleTagClick=()=>{this.disabled||this.isDraggable||this.close.emit()},this.setDragPreviewToHost=t=>{if(t.dataTransfer)try{const s=this.el.getBoundingClientRect(),i=Math.max(0,t.clientX-s.left),a=Math.max(0,t.clientY-s.top);t.dataTransfer.setDragImage(this.el,i,a)}catch{}},this.handleContentKeyDown=t=>{this.disabled||"Enter"!==t.key&&" "!==t.key||t.preventDefault()},this.handleDismissClick=t=>{t.stopPropagation(),this.disabled||(this.close.emit(),this.tagRemove.emit())},this.handleDragStart=t=>{this.isDragging=!0,t.dataTransfer&&(t.dataTransfer.effectAllowed="move",this.setDragPreviewToHost(t),this.tagId&&t.dataTransfer.setData("application/x-tag-id",this.tagId),t.dataTransfer.setData("text/plain",this.getContentLabelText())),this.tagDragStart.emit({tagId:this.tagId,content:this.getContentLabelText(),originalEvent:t})},this.handleDragEnd=t=>{this.isDragging=!1,this.tagDragEnd.emit({tagId:this.tagId,dropped:"move"===t.dataTransfer?.dropEffect,originalEvent:t})},this.handleDragOver=t=>{!this.disabled&&this.isDraggable&&(t.preventDefault(),t.dataTransfer&&(t.dataTransfer.dropEffect="move"))},this.handleDragEnter=t=>{!this.disabled&&this.isDraggable&&t.preventDefault()},this.handleHostDragStart=t=>{t.target===this.el&&this.isDraggable&&t.preventDefault()}}onDisabledChange(t){t&&this.isDragging&&(this.isDragging=!1)}onIsDraggableChange(t){!t&&this.isDragging&&(this.isDragging=!1)}componentDidRender(){queueMicrotask((()=>this.syncDismissAriaLabelSuffix()))}getContentLabelText(){return(this.el.querySelector(".xpl-tag__content")?.textContent??"").trim()}syncDismissAriaLabelSuffix(){if(!this.el.isConnected)return;const t=this.getContentLabelText(),s=""===t?"tag":t;s!==this.dismissAriaLabelSuffix&&(this.dismissAriaLabelSuffix=s)}render(){const t=this.isDraggable&&!this.disabled;return a(e,{key:"bc92bc270f366844ffba7cce7d126a033c80d751",class:{"xpl-tag":!0,"xpl-tag-container":!0,"xpl-tag--disabled":this.disabled,"xpl-tag--dismissible":this.dismissible,"xpl-tag--dragging":this.isDragging,"xpl-tag--draggable":t,"xpl-tag--sm":"sm"===this.size},onDragOver:t?this.handleDragOver:void 0,onDragEnter:t?this.handleDragEnter:void 0,onDragStart:this.isDraggable?this.handleHostDragStart:void 0},t?a("div",{class:"xpl-tag__content xpl-tag",role:"button",tabIndex:0,draggable:!0,"aria-grabbed":String(this.isDragging),onClick:this.handleTagClick,onKeyDown:this.handleContentKeyDown,onDragStart:this.handleDragStart,onDragEnd:this.handleDragEnd},a("slot",null)):a("button",{class:"xpl-tag__content xpl-tag",type:"button",disabled:this.disabled,onClick:this.handleTagClick},a("slot",null)),this.dismissible&&a("button",{key:"8826de6d590d5eea611c4cc406293c94d61593b2",class:"xpl-tag__dismiss xpl-tag__close",type:"button",draggable:!1,disabled:this.disabled,"aria-label":`Dismiss ${this.dismissAriaLabelSuffix}`,onClick:this.handleDismissClick},a("xpl-icon",{key:"b8e6763f53f23444b993c9331616e4cbb1440526",icon:"xmark",size:10})))}get el(){return this}static get watchers(){return{disabled:[{onDisabledChange:0}],isDraggable:[{onIsDraggableChange:0}]}}},[260,"xpl-tag",{disabled:[4],dismissible:[4],isDraggable:[4,"is-draggable"],size:[1],tagId:[1,"tag-id"],dismissAriaLabelSuffix:[32],isDragging:[32]},void 0,{disabled:[{onDisabledChange:0}],isDraggable:[{onIsDraggableChange:0}]}]);function l(){"undefined"!=typeof customElements&&["xpl-tag","xpl-icon"].forEach((t=>{switch(t){case"xpl-tag":customElements.get(h(t))||customElements.define(h(t),g);break;case"xpl-icon":customElements.get(h(t))||n()}}))}export{g as T,l as d}