@xplortech/apollo-core 2.10.0 → 2.12.0

package/dist/components/xpl-progress-indicator.js

@@ -1 +1 @@
-import{p as s,H as t,h as e,c as r,t as i}from"./p-BT_Lq3Vd.js";import{d as o}from"./p-B1PBAEzg.js";const p=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.currentStep=0,this.layout="horizontal",this.showLabels=!0,this.showNumbers=!0}validateCurrentStep(){if(!this.steps||0===this.steps.length)return;const s=this.steps.length;this.currentStep<0?this.currentStep=0:this.currentStep>s&&(this.currentStep=s)}renderStepContent(s,t){return t?e("xpl-icon",{icon:"check-2",size:20,class:"xpl-progress-indicator-step-checkmark"}):this.showNumbers?e("span",{class:"xpl-progress-indicator-step-number"},s+1):e("span",{class:"xpl-progress-indicator-step-dot"})}renderStep(s,t){const r=this.currentStep>t,i=this.currentStep===t,o="horizontal"===this.layout,p=e("div",{class:"xpl-progress-indicator-step-circle"},this.renderStepContent(t,r)),c=this.showLabels&&e("div",{class:"xpl-progress-indicator-step-text"},s),a=o?e("div",{class:"xpl-progress-indicator-step-content"},p,c):[p,c];return e("div",{class:{"xpl-progress-indicator-step":!0,"xpl-progress-indicator-step-active":i,"xpl-progress-indicator-step-finished":r},role:"listitem","aria-label":`${s}, ${r?"completed":i?"current":"upcoming"}`,"aria-current":i?"step":void 0},a)}render(){const s=this.steps||[],t=s.length;return e(r,{key:"1c545195c093b97f72d81801efc686eb98fec787",class:{"xpl-progress-indicator":!0,"xpl-progress-indicator-horizontal":"horizontal"===this.layout,"xpl-progress-indicator-vertical":"vertical"===this.layout,"xpl-progress-indicator-no-labels":!this.showLabels},role:"group","aria-label":t>0?this.currentStep>=t?`Progress: all ${t} ${1===t?"step":"steps"} complete`:`Progress: step ${Math.min(this.currentStep+1,t)} of ${t}`:"Progress"},e("div",{key:"754af5ed292fb0d34c61aec88ccb87f52e2076bf",class:"xpl-progress-indicator-container",role:"list"},s.map(((s,t)=>this.renderStep(s,t)))))}static get watchers(){return{steps:[{validateCurrentStep:0}],currentStep:[{validateCurrentStep:0}]}}},[0,"xpl-progress-indicator",{currentStep:[1026,"current-step"],layout:[1],showLabels:[4,"show-labels"],showNumbers:[4,"show-numbers"],steps:[16]},void 0,{steps:[{validateCurrentStep:0}],currentStep:[{validateCurrentStep:0}]}]),c=p,a=function(){"undefined"!=typeof customElements&&["xpl-progress-indicator","xpl-icon"].forEach((s=>{switch(s){case"xpl-progress-indicator":customElements.get(i(s))||customElements.define(i(s),p);break;case"xpl-icon":customElements.get(i(s))||o()}}))};export{c as XplProgressIndicator,a as defineCustomElement}
+import{p as s,H as t,h as e,c as r,t as i}from"./p-BSHdGbmH.js";import{d as o}from"./p-imCMp2Nl.js";const p=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.currentStep=0,this.layout="horizontal",this.showLabels=!0,this.showNumbers=!0}validateCurrentStep(){if(!this.steps||0===this.steps.length)return;const s=this.steps.length;this.currentStep<0?this.currentStep=0:this.currentStep>s&&(this.currentStep=s)}renderStepContent(s,t){return t?e("xpl-icon",{icon:"check-2",size:20,class:"xpl-progress-indicator-step-checkmark"}):this.showNumbers?e("span",{class:"xpl-progress-indicator-step-number"},s+1):e("span",{class:"xpl-progress-indicator-step-dot"})}renderStep(s,t){const r=this.currentStep>t,i=this.currentStep===t,o="horizontal"===this.layout,p=e("div",{class:"xpl-progress-indicator-step-circle"},this.renderStepContent(t,r)),a=this.showLabels&&e("div",{class:"xpl-progress-indicator-step-text"},s),c=o?e("div",{class:"xpl-progress-indicator-step-content"},p,a):[p,a];return e("div",{class:{"xpl-progress-indicator-step":!0,"xpl-progress-indicator-step-active":i,"xpl-progress-indicator-step-finished":r},role:"listitem","aria-label":`${s}, ${r?"completed":i?"current":"upcoming"}`,"aria-current":i?"step":void 0},c)}render(){const s=this.steps||[],t=s.length;return e(r,{key:"bba19d0d09e3bf9ae1fa1e04824f84f4a74b3431",class:{"xpl-progress-indicator":!0,"xpl-progress-indicator-horizontal":"horizontal"===this.layout,"xpl-progress-indicator-vertical":"vertical"===this.layout,"xpl-progress-indicator-no-labels":!this.showLabels},role:"group","aria-label":t>0?this.currentStep>=t?`Progress: all ${t} ${1===t?"step":"steps"} complete`:`Progress: step ${Math.min(this.currentStep+1,t)} of ${t}`:"Progress"},e("div",{key:"529becbce8bfcc02ddf0f4de3c550bfef94ec7ba",class:"xpl-progress-indicator-container",role:"list"},s.map(((s,t)=>this.renderStep(s,t)))))}static get watchers(){return{steps:[{validateCurrentStep:0}],currentStep:[{validateCurrentStep:0}]}}},[0,"xpl-progress-indicator",{currentStep:[1026,"current-step"],layout:[1],showLabels:[4,"show-labels"],showNumbers:[4,"show-numbers"],steps:[16]},void 0,{steps:[{validateCurrentStep:0}],currentStep:[{validateCurrentStep:0}]}]),a=p,c=function(){"undefined"!=typeof customElements&&["xpl-progress-indicator","xpl-icon"].forEach((s=>{switch(s){case"xpl-progress-indicator":customElements.get(i(s))||customElements.define(i(s),p);break;case"xpl-icon":customElements.get(i(s))||o()}}))};export{a as XplProgressIndicator,c as defineCustomElement}

package/dist/components/xpl-radio.js

@@ -1 +1 @@
-import{R as o,d as s}from"./p-Bd6JweBt.js";const t=o,p=s;export{t as XplRadio,p as defineCustomElement}
+import{R as o,d as s}from"./p-Cjxw-qOg.js";const p=o,r=s;export{p as XplRadio,r as defineCustomElement}

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

@@ -1 +1 @@
-import{p as e,H as s,h as a,c as n,t as d}from"./p-BT_Lq3Vd.js";const c=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost()}render(){return a(n,{key:"bf9cbd4351297a28d6d98d3bf1e0612fac1f5136",class:"xpl-secondary-nav"},a("nav",{key:"764de50287c88f53f19005d50b177e85f71f7f43","aria-label":"Secondary Nav"},a("slot",{key:"d7fe629382a06f62dde9f08db082854e986ba406"})))}},[260,"xpl-secondary-nav"]),t=c,o=function(){"undefined"!=typeof customElements&&["xpl-secondary-nav"].forEach((e=>{"xpl-secondary-nav"===e&&(customElements.get(d(e))||customElements.define(d(e),c))}))};export{t as XplSecondaryNav,o as defineCustomElement}
+import{p as e,H as a,h as c,c as s,t as n}from"./p-BSHdGbmH.js";const t=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost()}render(){return c(s,{key:"9d5cdbf77eba7913892f083ccaab8f878455c11e",class:"xpl-secondary-nav"},c("nav",{key:"4b56938320beada9e879c71866c3c48d37020f47","aria-label":"Secondary Nav"},c("slot",{key:"613ff6145ce13a4eee2b2dcae31b63eb89a860d0"})))}},[260,"xpl-secondary-nav"]),o=t,d=function(){"undefined"!=typeof customElements&&["xpl-secondary-nav"].forEach((e=>{"xpl-secondary-nav"===e&&(customElements.get(n(e))||customElements.define(n(e),t))}))};export{o as XplSecondaryNav,d as defineCustomElement}

package/dist/components/xpl-select.js

@@ -1 +1 @@
-import{S as o,d as s}from"./p-CFW_w5Wj.js";const p=o,r=s;export{p as XplSelect,r as defineCustomElement}
+import{S as s,d as o}from"./p-DsRsm61K.js";const m=s,p=o;export{m as XplSelect,p as defineCustomElement}

package/dist/components/xpl-side-nav-header-item.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface XplSideNavHeaderItem extends Components.XplSideNavHeaderItem, HTMLElement {}
+export const XplSideNavHeaderItem: {
+    prototype: XplSideNavHeaderItem;
+    new (): XplSideNavHeaderItem;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1 @@
+import{p as e,H as t,d as i,h as s,c as a,t as n}from"./p-BSHdGbmH.js";import{d as l}from"./p-imCMp2Nl.js";const d=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.navigate=i(this,"navigate",7),this.hasLeadingSlot=!1,this.hasTrailingSlot=!1,this.selected=!1,this.type="product-label",this.handleClick=()=>{"sub-account"===this.type&&this.navigate.emit()}}connectedCallback(){this.syncSlots(),this.connectSlotObserver()}disconnectedCallback(){void 0!==this.slotSyncTimeoutId&&(clearTimeout(this.slotSyncTimeoutId),this.slotSyncTimeoutId=void 0),this.disconnectSlotObserver()}componentWillLoad(){this.syncSlots()}componentWillRender(){this.disconnectSlotObserver()}componentDidRender(){this.scheduleSlotSync()}connectSlotObserver(){this.disconnectSlotObserver(),"undefined"!=typeof MutationObserver&&(this.slotObserver=new MutationObserver((()=>{this.scheduleSlotSync()})),this.slotObserver.observe(this.el,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["slot"]}))}disconnectSlotObserver(){this.slotObserver?.disconnect(),this.slotObserver=void 0}scheduleSlotSync(){void 0!==this.slotSyncTimeoutId&&clearTimeout(this.slotSyncTimeoutId),this.slotSyncTimeoutId=setTimeout((()=>{this.slotSyncTimeoutId=void 0,this.el.isConnected&&(this.syncSlots(),this.connectSlotObserver())}),0)}syncSlots(){const e=e=>e.closest("xpl-side-nav-header-item")===this.el,t=Array.from(this.el.querySelectorAll('[slot="leading"]')).some(e),i=Array.from(this.el.querySelectorAll('[slot="trailing"]')).some(e);t!==this.hasLeadingSlot&&(this.hasLeadingSlot=t),i!==this.hasTrailingSlot&&(this.hasTrailingSlot=i)}render(){const e="sub-account"===this.type,t=!!this.icon||this.hasLeadingSlot,i=e&&!this.label?.trim()?"Sub-account":void 0,n=e&&!this.hasTrailingSlot,l=this.hasTrailingSlot||n,d=t?s("span",{class:"xpl-side-nav-header-item__leading"},s("slot",{name:"leading"},this.icon?s("xpl-icon",{icon:this.icon,size:16}):null)):null,h=l?s("span",{class:"xpl-side-nav-header-item__trailing","aria-hidden":n?"true":void 0},s("slot",{name:"trailing"},n?s("xpl-icon",{icon:"chevron-expand-y",size:16}):null)):null,c=s("span",{key:"0e94b81665c43c6dad594f6d78f153863cb0a5dd",class:"xpl-side-nav-header-item__content"},d,s("span",{key:"556354c3df994e36b803326e88bada417f20f2a4",class:"xpl-side-nav-header-item__label"},this.label??""),h);return s(a,{key:"f596403c230bcdf1aa35283f5943204d8a16debb",class:{"xpl-side-nav-header-item":!0,"xpl-side-nav-header-item--product-label":!e,"xpl-side-nav-header-item--sub-account":e,"xpl-side-nav-header-item--selected":e&&this.selected}},e?s("button",{type:"button",class:"xpl-side-nav-header-item__header","aria-current":this.selected?"true":void 0,"aria-label":i,onClick:this.handleClick},c):s("div",{class:"xpl-side-nav-header-item__header"},c))}get el(){return this}},[260,"xpl-side-nav-header-item",{icon:[1],label:[1],selected:[516],type:[513],hasLeadingSlot:[32],hasTrailingSlot:[32]}]),h=d,c=function(){"undefined"!=typeof customElements&&["xpl-side-nav-header-item","xpl-icon"].forEach((e=>{switch(e){case"xpl-side-nav-header-item":customElements.get(n(e))||customElements.define(n(e),d);break;case"xpl-icon":customElements.get(n(e))||l()}}))};export{h as XplSideNavHeaderItem,c as defineCustomElement}

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

@@ -1 +1 @@
-import{p as i,H as s,d as t,h as e,c as n,t as a}from"./p-BT_Lq3Vd.js";import{d as l}from"./p-B1PBAEzg.js";const h=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.expandedChange=t(this,"expandedChange",7),this.navClick=t(this,"navClick",7),this.hasTrailingSlot=!1,this.disabled=!1,this.expanded=!1,this.hasChildren=!1,this.hidden=!1,this.link=!1,this.selected=!1,this.handleClick=()=>{this.disabled||(this.hasChildren?(this.expanded=!this.expanded,this.expandedChange.emit(this.expanded)):this.navClick.emit())}}syncLinkHasChildrenExclusivity(){this.enforceLinkExcludesHasChildren()}connectedCallback(){this.syncTrailingSlot(),this.connectTrailingSlotObserver()}disconnectedCallback(){void 0!==this.trailingSlotSyncTimeoutId&&(clearTimeout(this.trailingSlotSyncTimeoutId),this.trailingSlotSyncTimeoutId=void 0),this.disconnectTrailingSlotObserver()}componentWillLoad(){this.syncLinkHasChildrenExclusivity(),this.syncTrailingSlot()}componentWillRender(){this.syncLinkHasChildrenExclusivity(),this.disconnectTrailingSlotObserver()}componentDidRender(){this.scheduleTrailingSlotSync()}connectTrailingSlotObserver(){this.disconnectTrailingSlotObserver(),"undefined"!=typeof MutationObserver&&(this.trailingSlotObserver=new MutationObserver((()=>{this.scheduleTrailingSlotSync()})),this.trailingSlotObserver.observe(this.el,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["slot"]}))}disconnectTrailingSlotObserver(){var i;null===(i=this.trailingSlotObserver)||void 0===i||i.disconnect(),this.trailingSlotObserver=void 0}scheduleTrailingSlotSync(){void 0!==this.trailingSlotSyncTimeoutId&&clearTimeout(this.trailingSlotSyncTimeoutId),this.trailingSlotSyncTimeoutId=setTimeout((()=>{this.trailingSlotSyncTimeoutId=void 0,this.el.isConnected&&(this.syncTrailingSlot(),this.connectTrailingSlotObserver())}),0)}syncTrailingSlot(){const i=Array.from(this.el.querySelectorAll('[slot="trailing"]')).some((i=>i.closest("xpl-side-nav-item")===this.el));i!==this.hasTrailingSlot&&(this.hasTrailingSlot=i)}enforceLinkExcludesHasChildren(){this.link&&(this.hasChildren&&(this.hasChildren=!1),this.el.hasAttribute("has-children")&&this.el.removeAttribute("has-children"))}render(){var i;const s=this.hasChildren&&!this.hasTrailingSlot,t={"xpl-side-nav-item__link":!0,expanded:this.expanded,selected:this.selected};return e(n,{key:"d20950311a1dd97fff43eac3908a64a43aa2a332",class:{"xpl-side-nav-item":!0,"xpl-side-nav-item--link-disabled":this.link&&this.disabled}},this.link?e("slot",null):e("button",{type:"button",class:t,"aria-current":this.selected?"page":void 0,"aria-expanded":this.hasChildren?this.expanded?"true":"false":void 0,onClick:this.handleClick,disabled:this.disabled},e("span",{class:"xpl-side-nav-item__leading"},e("slot",{name:"leading"},this.icon?e("xpl-icon",{icon:this.icon,size:16}):null)),e("span",{class:"xpl-side-nav-item__label"},null!==(i=this.label)&&void 0!==i?i:""),(this.hasTrailingSlot||this.hasChildren)&&e("span",{class:{"xpl-side-nav-item__trailing":!0,"xpl-side-nav-item__trailing--chevron":s,expanded:s&&this.expanded},"aria-hidden":s?"true":void 0},e("slot",{name:"trailing"},s?e("xpl-icon",{icon:this.expanded?"chevron-up":"chevron-down",size:16}):null))),this.hasChildren&&!this.link&&e("div",{key:"b3aa86bdacae535dae31b93fa6f5013614f682bc",class:"xpl-side-nav-item__children "+(this.expanded?"expanded":""),inert:!this.expanded||void 0},e("div",{key:"91be28afd11a250696e003d0a8abf70f6e8b35c6",class:"xpl-side-nav-item__children-inner"},e("slot",{key:"1536a898b39fd1f30c26d9d71f79726e377ee8f2"}))))}get el(){return this}static get watchers(){return{hasChildren:[{syncLinkHasChildrenExclusivity:0}],link:[{syncLinkHasChildrenExclusivity:0}]}}},[260,"xpl-side-nav-item",{disabled:[516],expanded:[1540],hasChildren:[1540,"has-children"],hidden:[516],icon:[1],label:[1],link:[516],selected:[516],hasTrailingSlot:[32]},void 0,{hasChildren:[{syncLinkHasChildrenExclusivity:0}],link:[{syncLinkHasChildrenExclusivity:0}]}]),d=h,c=function(){"undefined"!=typeof customElements&&["xpl-side-nav-item","xpl-icon"].forEach((i=>{switch(i){case"xpl-side-nav-item":customElements.get(a(i))||customElements.define(a(i),h);break;case"xpl-icon":customElements.get(a(i))||l()}}))};export{d as XplSideNavItem,c as defineCustomElement}
+import{p as i,H as s,d as t,h as e,c as n,t as h}from"./p-BSHdGbmH.js";import{h as l}from"./p-C_PEOQWj.js";import{d as a}from"./p-imCMp2Nl.js";const d=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.expandedChange=t(this,"expandedChange",7),this.navigate=t(this,"navigate",7),this.hasTrailingSlot=!1,this.disabled=!1,this.expanded=!1,this.hasChildren=!1,this.hidden=!1,this.link=!1,this.selected=!1,this.handleClick=()=>{this.disabled||(this.hasChildren?(this.expanded=!this.expanded,this.expandedChange.emit(this.expanded)):this.navigate.emit())}}syncLinkHasChildrenExclusivity(){this.enforceLinkExcludesHasChildren()}connectedCallback(){this.syncTrailingSlot(),this.connectTrailingSlotObserver()}disconnectedCallback(){void 0!==this.trailingSlotSyncTimeoutId&&(clearTimeout(this.trailingSlotSyncTimeoutId),this.trailingSlotSyncTimeoutId=void 0),this.disconnectTrailingSlotObserver()}componentWillLoad(){this.syncLinkHasChildrenExclusivity(),this.syncTrailingSlot()}componentWillRender(){this.syncLinkHasChildrenExclusivity(),this.disconnectTrailingSlotObserver()}componentDidRender(){this.scheduleTrailingSlotSync()}connectTrailingSlotObserver(){this.disconnectTrailingSlotObserver(),"undefined"!=typeof MutationObserver&&(this.trailingSlotObserver=new MutationObserver((()=>{this.scheduleTrailingSlotSync()})),this.trailingSlotObserver.observe(this.el,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["slot"]}))}disconnectTrailingSlotObserver(){this.trailingSlotObserver?.disconnect(),this.trailingSlotObserver=void 0}scheduleTrailingSlotSync(){void 0!==this.trailingSlotSyncTimeoutId&&clearTimeout(this.trailingSlotSyncTimeoutId),this.trailingSlotSyncTimeoutId=setTimeout((()=>{this.trailingSlotSyncTimeoutId=void 0,this.el.isConnected&&(this.syncTrailingSlot(),this.connectTrailingSlotObserver())}),0)}syncTrailingSlot(){const i=l(this.el,"trailing","xpl-side-nav-item");i!==this.hasTrailingSlot&&(this.hasTrailingSlot=i)}enforceLinkExcludesHasChildren(){this.link&&(this.hasChildren&&(this.hasChildren=!1),this.el.hasAttribute("has-children")&&this.el.removeAttribute("has-children"))}render(){const i=this.hasChildren&&!this.hasTrailingSlot,s={"xpl-side-nav-item__link":!0,expanded:this.expanded,selected:this.selected};return e(n,{key:"173aa913d77c88522069cb4beef76d5b04b9beb1",class:{"xpl-side-nav-item":!0,"xpl-side-nav-item--link-disabled":this.link&&this.disabled}},this.link?e("slot",null):e("button",{type:"button",class:s,"aria-current":this.selected?"page":void 0,"aria-expanded":this.hasChildren?this.expanded?"true":"false":void 0,onClick:this.handleClick,disabled:this.disabled},e("span",{class:"xpl-side-nav-item__leading"},e("slot",{name:"leading"},this.icon?e("xpl-icon",{icon:this.icon,size:16}):null)),e("span",{class:"xpl-side-nav-item__label"},this.label??""),(this.hasTrailingSlot||this.hasChildren)&&e("span",{class:{"xpl-side-nav-item__trailing":!0,"xpl-side-nav-item__trailing--chevron":i,expanded:i&&this.expanded},"aria-hidden":i?"true":void 0},e("slot",{name:"trailing"},i?e("xpl-icon",{icon:this.expanded?"chevron-up":"chevron-down",size:16}):null))),this.hasChildren&&!this.link&&e("div",{key:"7611d4a00248e27f0e5d38fb4890950854e5023e",class:"xpl-side-nav-item__children "+(this.expanded?"expanded":""),inert:!this.expanded||void 0},e("div",{key:"79676aa8d5f3d9396629cf7b9d9f5ebc142fc2ad",class:"xpl-side-nav-item__children-inner"},e("slot",{key:"42bcc845f6b7f9085f0095f1337c2cf3f4be6698"}))))}get el(){return this}static get watchers(){return{hasChildren:[{syncLinkHasChildrenExclusivity:0}],link:[{syncLinkHasChildrenExclusivity:0}]}}},[260,"xpl-side-nav-item",{disabled:[516],expanded:[1540],hasChildren:[1540,"has-children"],hidden:[516],icon:[1],label:[1],link:[516],selected:[516],hasTrailingSlot:[32]},void 0,{hasChildren:[{syncLinkHasChildrenExclusivity:0}],link:[{syncLinkHasChildrenExclusivity:0}]}]),c=d,r=function(){"undefined"!=typeof customElements&&["xpl-side-nav-item","xpl-icon"].forEach((i=>{switch(i){case"xpl-side-nav-item":customElements.get(h(i))||customElements.define(h(i),d);break;case"xpl-icon":customElements.get(h(i))||a()}}))};export{c as XplSideNavItem,r as defineCustomElement}

package/dist/components/xpl-side-nav-section.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface XplSideNavSection extends Components.XplSideNavSection, HTMLElement {}
+export const XplSideNavSection: {
+    prototype: XplSideNavSection;
+    new (): XplSideNavSection;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1 @@
+import{p as e,H as s,d as t,h as i,c as a,t as n}from"./p-BSHdGbmH.js";import{e as d,g as c,h as o}from"./p-C_PEOQWj.js";import{d as h}from"./p-imCMp2Nl.js";const l=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.expandedChange=t(this,"expandedChange",7),this.hasBadgeSlot=!1,this.hasNamedBadgeSlot=!1,this.collapsible=!0,this.expanded=!1,this.handleHeaderClick=()=>{this.collapsible&&(this.expanded=!this.expanded,this.expandedChange.emit(this.expanded))}}connectedCallback(){this.syncBadgeSlot(),this.connectBadgeSlotObserver()}disconnectedCallback(){void 0!==this.badgeSlotSyncTimeoutId&&(clearTimeout(this.badgeSlotSyncTimeoutId),this.badgeSlotSyncTimeoutId=void 0),this.disconnectBadgeSlotObserver()}componentWillLoad(){this.childrenId=d(this.el,this.childrenId),this.syncBadgeSlot()}componentWillRender(){this.disconnectBadgeSlotObserver()}componentDidRender(){this.scheduleBadgeSlotSync()}connectBadgeSlotObserver(){this.disconnectBadgeSlotObserver(),"undefined"!=typeof MutationObserver&&(this.badgeSlotObserver=new MutationObserver((()=>{this.scheduleBadgeSlotSync()})),this.badgeSlotObserver.observe(this.el,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["slot"]}))}disconnectBadgeSlotObserver(){this.badgeSlotObserver?.disconnect(),this.badgeSlotObserver=void 0}scheduleBadgeSlotSync(){void 0!==this.badgeSlotSyncTimeoutId&&clearTimeout(this.badgeSlotSyncTimeoutId),this.badgeSlotSyncTimeoutId=setTimeout((()=>{this.badgeSlotSyncTimeoutId=void 0,this.el.isConnected&&(this.syncBadgeSlot(),this.connectBadgeSlotObserver())}),0)}syncBadgeSlot(){const e=c(this.el,"badge","xpl-side-nav-section"),s=o(this.el,"badge","xpl-side-nav-section"),t=e.some((e=>e.textContent?.trim()||e.getAttribute("aria-label")?.trim()));s!==this.hasBadgeSlot&&(this.hasBadgeSlot=s),t!==this.hasNamedBadgeSlot&&(this.hasNamedBadgeSlot=t)}render(){const e=!this.collapsible||this.expanded,s=!!this.heading?.trim(),t=this.childrenId??d(this.el,this.childrenId),n=[i("span",{key:"c39c7044ae5ae1238df9aaf644a73b192dfd7f2b",class:"xpl-side-nav-section__title"},this.heading??""),i("span",{key:"a47fcc5b501f01d735cd2b9035063a2fa2c97a91",class:"xpl-side-nav-section__badge",hidden:!this.hasBadgeSlot},i("slot",{key:"06785bbb8eeb928b9ee7e04198df20fcf5bd739e",name:"badge"})),this.collapsible?i("span",{class:"xpl-side-nav-section__chevron","aria-hidden":"true"},i("xpl-icon",{icon:this.expanded?"chevron-down":"chevron-right",size:16})):null];return i(a,{key:"4ce2adbf830659bb0803d477386a004d47aa4335",class:{"xpl-side-nav-section":!0,"xpl-side-nav-section--static":!this.collapsible}},this.collapsible?i("button",{type:"button",class:"xpl-side-nav-section__header","aria-expanded":this.expanded?"true":"false","aria-controls":t,"aria-label":s||this.hasNamedBadgeSlot?void 0:"Toggle section",onClick:this.handleHeaderClick},n):i("div",{class:"xpl-side-nav-section__header"},n),i("div",{key:"2ccafafd7d73fc8eaf367e718e9c2681ece0e936",id:t,class:{"xpl-side-nav-section__children":!0,expanded:e},inert:!e||void 0},i("div",{key:"eaac1a443982eeca891d676511fe5bdb3f78db19",class:"xpl-side-nav-section__children-inner"},i("slot",{key:"67143e298920cff3b28a6db4fd2a2ac18935b991"}))))}get el(){return this}},[260,"xpl-side-nav-section",{collapsible:[516],expanded:[1540],heading:[1],hasBadgeSlot:[32],hasNamedBadgeSlot:[32]}]),r=l,p=function(){"undefined"!=typeof customElements&&["xpl-side-nav-section","xpl-icon"].forEach((e=>{switch(e){case"xpl-side-nav-section":customElements.get(n(e))||customElements.define(n(e),l);break;case"xpl-icon":customElements.get(n(e))||h()}}))};export{r as XplSideNavSection,p as defineCustomElement}

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

@@ -1 +1 @@
-import{p as t,H as s,d as e,h as i,c as n,t as o}from"./p-BT_Lq3Vd.js";import{d as a}from"./p-CtIUusUL.js";import{d as h}from"./p-D97c0GjM.js";import{d}from"./p-B1PBAEzg.js";const c=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.openChange=e(this,"openChange",7),this.drawerClosing=!1,this.open=!1,this.onViewportChange=()=>{this.clearCloseTransition(),this.syncDocKeyDownListener()},this.focusToggleAfterClose=()=>{this.isBelowMdBreakpoint()&&(void 0!==this.toggleFocusTimeoutId&&clearTimeout(this.toggleFocusTimeoutId),this.toggleFocusTimeoutId=setTimeout((()=>{var t;this.toggleFocusTimeoutId=void 0,null===(t=this.el.querySelector(".xpl-side-nav__toggle button"))||void 0===t||t.focus()}),0))},this.focusDrawerOnOpen=()=>{this.isBelowMdBreakpoint()&&(void 0!==this.drawerFocusTimeoutId&&clearTimeout(this.drawerFocusTimeoutId),this.drawerFocusTimeoutId=setTimeout((()=>{var t;this.drawerFocusTimeoutId=void 0;const s=this.el.querySelector(".xpl-side-nav__wrapper"),e=s?this.getFocusableElements().find((t=>s.contains(t))):void 0,i=this.el.querySelector(".xpl-side-nav__toggle button");null===(t=null!=e?e:i)||void 0===t||t.focus()}),0))},this.onBackdropClick=()=>this.setOpenState(!1),this.onDocKeyDown=t=>{if(this.isMobileDrawerActive()&&!this.shouldYieldFocusToExternalModal())switch(t.key.toLowerCase()){case"escape":if(!this.open)return;if(this.anyDescendantPopoverIsOpen())return;return t.preventDefault(),t.stopPropagation(),void this.setOpenState(!1);case"tab":this.trapTabKey(t)}},this.onToggleClick=()=>this.setOpenState(!this.open)}onOpenChanged(t,s){s&&!t&&this.isBelowMdBreakpoint()?(this.drawerClosing=!0,void 0!==this.closeTransitionTimeoutId&&clearTimeout(this.closeTransitionTimeoutId),this.closeTransitionTimeoutId=setTimeout((()=>{this.closeTransitionTimeoutId=void 0,this.drawerClosing=!1,this.syncDocKeyDownListener()}),600)):this.clearCloseTransition(),this.syncDocKeyDownListener(),s&&!t&&this.focusToggleAfterClose(),!s&&t&&this.focusDrawerOnOpen()}connectedCallback(){"undefined"!=typeof window&&(this.mobileMq=window.matchMedia("(max-width: 767px)"),this.mobileMq.addEventListener("change",this.onViewportChange)),this.syncDocKeyDownListener()}componentDidLoad(){this.open&&(this.syncDocKeyDownListener(),this.focusDrawerOnOpen())}disconnectedCallback(){var t;void 0!==this.toggleFocusTimeoutId&&(clearTimeout(this.toggleFocusTimeoutId),this.toggleFocusTimeoutId=void 0),void 0!==this.drawerFocusTimeoutId&&(clearTimeout(this.drawerFocusTimeoutId),this.drawerFocusTimeoutId=void 0),this.clearCloseTransition(),null===(t=this.mobileMq)||void 0===t||t.removeEventListener("change",this.onViewportChange),this.mobileMq=void 0,this.removeDocKeyDownListener()}async toggle(){this.setOpenState(!this.open)}async setOpen(t){this.setOpenState(t)}removeDocKeyDownListener(){this.el.ownerDocument.removeEventListener("keydown",this.onDocKeyDown,!1)}syncDocKeyDownListener(){this.removeDocKeyDownListener(),this.isMobileDrawerActive()&&this.el.ownerDocument.addEventListener("keydown",this.onDocKeyDown,!1)}isBelowMdBreakpoint(){var t,s;return null!==(s=null===(t=this.mobileMq)||void 0===t?void 0:t.matches)&&void 0!==s&&s}isMobileDrawerActive(){return(this.open||this.drawerClosing)&&this.isBelowMdBreakpoint()}clearCloseTransition(){void 0!==this.closeTransitionTimeoutId&&(clearTimeout(this.closeTransitionTimeoutId),this.closeTransitionTimeoutId=void 0),this.drawerClosing=!1}shouldYieldFocusToExternalModal(){const t=this.el.ownerDocument.activeElement;return!(!t||this.el.contains(t))&&null!==t.closest('[aria-modal="true"]')}anyDescendantPopoverIsOpen(){const t=this.el.querySelectorAll("xpl-popover");for(let s=0;s<t.length;s+=1){const e=t[s].querySelector(".xpl-popover");if(null==e?void 0:e.classList.contains("xpl-popover--is-open"))return!0}return!1}setOpenState(t){const s=this.open;t!==s&&(this.open=t,this.openChange.emit(t),s&&!t&&this.focusToggleAfterClose())}getFocusableElements(){const t=this.el.ownerDocument.activeElement;return Array.from(this.el.querySelectorAll('button:not([disabled]), a[href]:not([tabindex="-1"]), input:not([disabled]), [tabindex]:not([tabindex="-1"])')).filter((s=>!s.closest("[inert]")&&(null!==s.offsetParent||s===t)))}trapTabKey(t){if(this.shouldYieldFocusToExternalModal())return;const s=this.getFocusableElements();if(0===s.length)return;const e=s[0],i=s[s.length-1],n=this.el.ownerDocument.activeElement;t.shiftKey?n!==e&&this.el.contains(n)||(t.preventDefault(),i.focus()):n!==i&&this.el.contains(n)||(t.preventDefault(),e.focus())}render(){return i(n,{key:"fe3b0b9e5f9facf3f7fa469a8928d7ed8971e6f5",class:{"xpl-side-nav":!0,"xpl-side-nav--open":this.open}},i("xpl-button",{key:"09d0de65b9a40446a4801087e91c1bf3e1d3989a",class:"xpl-side-nav__toggle",variant:"tertiary",iconOnly:!0,icon:this.open?"sidebar-left-hide":"sidebar-left-show","aria-expanded":this.open?"true":"false","aria-label":this.open?"Close navigation menu":"Open navigation menu",onClick:this.onToggleClick}),i("div",{key:"3274980b1cb4867d163e83c80520e44bcc8d0121",class:"xpl-side-nav__wrapper"},i("nav",{key:"06ce207917af66ff8f238c6cc85e8a8d5f47efbc",class:"xpl-side-nav__content","aria-label":this.label},i("div",{key:"ce08165951c7b40fc21e846f6dfe7ca44b57326d",class:"xpl-side-nav__section"},i("slot",{key:"da65836d8006756b3a0d408d343b445a3bccb271",name:"section"})),i("div",{key:"93b522d531086a914d2cd53fe859da2436df9552",class:"xpl-side-nav__footer"},i("slot",{key:"a2cce3bec1d5269316388ede23934d2cfb835cf9",name:"nav-footer"})))),i("xpl-backdrop",{key:"e98662f2e022d9d9edfa16b2c62d3ca40755b829",class:"xpl-side-nav__backdrop",onClick:this.onBackdropClick}))}get el(){return this}static get watchers(){return{open:[{onOpenChanged:0}]}}},[260,"xpl-side-nav",{label:[1],open:[1540],toggle:[64],setOpen:[64]},void 0,{open:[{onOpenChanged:0}]}]),l=c,r=function(){"undefined"!=typeof customElements&&["xpl-side-nav","xpl-backdrop","xpl-button","xpl-icon"].forEach((t=>{switch(t){case"xpl-side-nav":customElements.get(o(t))||customElements.define(o(t),c);break;case"xpl-backdrop":customElements.get(o(t))||a();break;case"xpl-button":customElements.get(o(t))||h();break;case"xpl-icon":customElements.get(o(t))||d()}}))};export{l as XplSideNav,r as defineCustomElement}
+import{p as t,H as e,d as s,h as i,c as a,t as o}from"./p-BSHdGbmH.js";import{i as n}from"./p-Dqb1pIRo.js";import{d as h}from"./p-CCgZCY_A.js";import{d}from"./p-DywQ3S73.js";import{d as r}from"./p-imCMp2Nl.js";const c=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.openChange=s(this,"openChange",7),this.drawerClosing=!1,this.hasHeaderSlot=!1,this.open=!1,this.onViewportChange=()=>{this.clearCloseTransition(),this.syncDocKeyDownListener()},this.focusToggleAfterClose=()=>{this.isBelowMdBreakpoint()&&(void 0!==this.toggleFocusTimeoutId&&clearTimeout(this.toggleFocusTimeoutId),this.toggleFocusTimeoutId=setTimeout((()=>{this.toggleFocusTimeoutId=void 0,this.el.querySelector(".xpl-side-nav__toggle button")?.focus()}),0))},this.focusDrawerOnOpen=()=>{this.isBelowMdBreakpoint()&&(void 0!==this.drawerFocusTimeoutId&&clearTimeout(this.drawerFocusTimeoutId),this.drawerFocusTimeoutId=setTimeout((()=>{this.drawerFocusTimeoutId=void 0;const t=this.el.querySelector(".xpl-side-nav__wrapper"),e=t?this.getFocusableElements().find((e=>t.contains(e))):void 0,s=this.el.querySelector(".xpl-side-nav__toggle button");(e??s)?.focus()}),0))},this.onBackdropClick=()=>this.setOpenState(!1),this.onDocKeyDown=t=>{if(this.isMobileDrawerActive()&&!this.shouldYieldFocusToExternalModal())switch(t.key.toLowerCase()){case"escape":if(!this.open)return;if(this.anyDescendantPopoverIsOpen())return;return t.preventDefault(),t.stopPropagation(),void this.setOpenState(!1);case"tab":this.trapTabKey(t)}},this.onToggleClick=()=>this.setOpenState(!this.open)}onOpenChanged(t,e){e&&!t&&this.isBelowMdBreakpoint()?(this.drawerClosing=!0,void 0!==this.closeTransitionTimeoutId&&clearTimeout(this.closeTransitionTimeoutId),this.closeTransitionTimeoutId=setTimeout((()=>{this.closeTransitionTimeoutId=void 0,this.drawerClosing=!1,this.syncDocKeyDownListener()}),600)):this.clearCloseTransition(),this.syncDocKeyDownListener(),e&&!t&&this.focusToggleAfterClose(),!e&&t&&this.focusDrawerOnOpen()}connectedCallback(){n()&&"function"==typeof window.matchMedia&&(this.mobileMq=window.matchMedia("(max-width: 767px)"),this.mobileMq.addEventListener("change",this.onViewportChange)),this.syncDocKeyDownListener(),this.syncHeaderSlot(),this.connectHeaderSlotObserver()}componentWillLoad(){this.syncHeaderSlot()}componentWillRender(){this.disconnectHeaderSlotObserver()}componentDidRender(){this.scheduleHeaderSlotSync()}componentDidLoad(){this.open&&(this.syncDocKeyDownListener(),this.focusDrawerOnOpen())}disconnectedCallback(){void 0!==this.toggleFocusTimeoutId&&(clearTimeout(this.toggleFocusTimeoutId),this.toggleFocusTimeoutId=void 0),void 0!==this.drawerFocusTimeoutId&&(clearTimeout(this.drawerFocusTimeoutId),this.drawerFocusTimeoutId=void 0),this.clearCloseTransition(),this.mobileMq?.removeEventListener("change",this.onViewportChange),this.mobileMq=void 0,this.removeDocKeyDownListener(),void 0!==this.headerSlotSyncTimeoutId&&(clearTimeout(this.headerSlotSyncTimeoutId),this.headerSlotSyncTimeoutId=void 0),this.disconnectHeaderSlotObserver()}async toggle(){this.setOpenState(!this.open)}async setOpen(t){this.setOpenState(t)}removeDocKeyDownListener(){this.el.ownerDocument.removeEventListener("keydown",this.onDocKeyDown,!1)}syncDocKeyDownListener(){this.removeDocKeyDownListener(),this.isMobileDrawerActive()&&this.el.ownerDocument.addEventListener("keydown",this.onDocKeyDown,!1)}isBelowMdBreakpoint(){return this.mobileMq?.matches??!1}isMobileDrawerActive(){return(this.open||this.drawerClosing)&&this.isBelowMdBreakpoint()}clearCloseTransition(){void 0!==this.closeTransitionTimeoutId&&(clearTimeout(this.closeTransitionTimeoutId),this.closeTransitionTimeoutId=void 0),this.drawerClosing=!1}shouldYieldFocusToExternalModal(){const t=this.el.ownerDocument.activeElement;return!(!t||this.el.contains(t))&&null!==t.closest('[aria-modal="true"]')}anyDescendantPopoverIsOpen(){const t=this.el.querySelectorAll("xpl-popover");for(let e=0;e<t.length;e+=1){const s=t[e].querySelector(".xpl-popover");if(s?.classList.contains("xpl-popover--is-open"))return!0}return!1}setOpenState(t){const e=this.open;t!==e&&(this.open=t,this.openChange.emit(t),e&&!t&&this.focusToggleAfterClose())}getFocusableElements(){const t=this.el.ownerDocument.activeElement;return Array.from(this.el.querySelectorAll('button:not([disabled]), a[href]:not([tabindex="-1"]), input:not([disabled]), [tabindex]:not([tabindex="-1"])')).filter((e=>!e.closest("[inert]")&&(null!==e.offsetParent||e===t)))}trapTabKey(t){if(this.shouldYieldFocusToExternalModal())return;const e=this.getFocusableElements();if(0===e.length)return;const s=e[0],i=e[e.length-1],a=this.el.ownerDocument.activeElement;t.shiftKey?a!==s&&this.el.contains(a)||(t.preventDefault(),i.focus()):a!==i&&this.el.contains(a)||(t.preventDefault(),s.focus())}connectHeaderSlotObserver(){this.disconnectHeaderSlotObserver(),"undefined"!=typeof MutationObserver&&(this.headerSlotObserver=new MutationObserver((()=>{this.scheduleHeaderSlotSync()})),this.headerSlotObserver.observe(this.el,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["slot"]}))}disconnectHeaderSlotObserver(){this.headerSlotObserver?.disconnect(),this.headerSlotObserver=void 0}scheduleHeaderSlotSync(){void 0!==this.headerSlotSyncTimeoutId&&clearTimeout(this.headerSlotSyncTimeoutId),this.headerSlotSyncTimeoutId=setTimeout((()=>{this.headerSlotSyncTimeoutId=void 0,this.el.isConnected&&(this.syncHeaderSlot(),this.connectHeaderSlotObserver())}),0)}syncHeaderSlot(){const t=Array.from(this.el.querySelectorAll('[slot="nav-header"]')).some((t=>t.closest("xpl-side-nav")===this.el&&(t.parentElement===this.el||null!==t.closest(".xpl-side-nav__header"))));t!==this.hasHeaderSlot&&(this.hasHeaderSlot=t)}render(){return i(a,{key:"3cb4a93f442dcbdea0acf45159022b06f35af657",class:{"xpl-side-nav":!0,"xpl-side-nav--open":this.open}},i("xpl-button",{key:"e79ef7af139c6ba1321e060713fdf18ab3ea3cd9",class:"xpl-side-nav__toggle",variant:"tertiary",iconOnly:!0,icon:this.open?"sidebar-left-hide":"sidebar-left-show","aria-expanded":this.open?"true":"false","aria-label":this.open?"Close navigation menu":"Open navigation menu",onClick:this.onToggleClick}),i("div",{key:"99858cfceab9a2ac92b4f8a81a987b2a3e80713c",class:"xpl-side-nav__wrapper"},i("nav",{key:"f47e3f61c810d2186d5ba29691b34106a7ca8f3f",class:"xpl-side-nav__content","aria-label":this.label},i("div",{key:"57a14d8b5dd3771134f2f624ae2c781efc2e06e1",class:"xpl-side-nav__scroll-area"},this.hasHeaderSlot&&i("div",{key:"9ab9401928d3dee69d6fb62662ee6b02fc43b149",class:"xpl-side-nav__header"},i("slot",{key:"f1c0014d095bb70b0008d4ded191fae0f31f4395",name:"nav-header"})),i("div",{key:"a68ffd32329d32c19414f0853a6c6b9a011e7d94",class:"xpl-side-nav__section"},i("slot",{key:"897aadd37f865fbea5a2f69b87c6d491b21ca8fd",name:"section"}))),i("div",{key:"a6ef338238ed7b8d083d0553aa7e7b35c842100b",class:"xpl-side-nav__footer"},i("slot",{key:"332d1e28d9567a2293586ad6ab7d1955e533a7c8",name:"nav-footer"})))),i("xpl-backdrop",{key:"d593316822b8d8974a0a94ebf6c9eda84c1d6836",class:"xpl-side-nav__backdrop",onClick:this.onBackdropClick}))}get el(){return this}static get watchers(){return{open:[{onOpenChanged:0}]}}},[260,"xpl-side-nav",{label:[1],open:[1540],hasHeaderSlot:[32],toggle:[64],setOpen:[64]},void 0,{open:[{onOpenChanged:0}]}]),l=c,p=function(){"undefined"!=typeof customElements&&["xpl-side-nav","xpl-backdrop","xpl-button","xpl-icon"].forEach((t=>{switch(t){case"xpl-side-nav":customElements.get(o(t))||customElements.define(o(t),c);break;case"xpl-backdrop":customElements.get(o(t))||h();break;case"xpl-button":customElements.get(o(t))||d();break;case"xpl-icon":customElements.get(o(t))||r()}}))};export{l as XplSideNav,p as defineCustomElement}

package/dist/components/xpl-skeleton.js

@@ -1 +1 @@
-import{p as s,H as t,h as e,t as l,c as i}from"./p-BT_Lq3Vd.js";const n=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.shape="rectangle",this.size="custom"}render(){return e(i,{key:"2cb86d68bd14f87ab1a6467716ec456cc1bfd6a2",class:{"xpl-skeleton":!0,["xpl-skeleton--shape-"+this.shape]:!0,["xpl-skeleton--size-"+this.size]:!0,[this.classNames]:!!this.classNames,"xpl-skeleton--full-width":this.fullWidth},style:{width:this.width||void 0,height:this.height||void 0,margin:this.margin||void 0}})}},[0,"xpl-skeleton",{classNames:[1,"class-names"],fullWidth:[4,"full-width"],height:[1],width:[1],margin:[1],shape:[1],size:[1]}]),h=n,o=function(){"undefined"!=typeof customElements&&["xpl-skeleton"].forEach((s=>{"xpl-skeleton"===s&&(customElements.get(l(s))||customElements.define(l(s),n))}))};export{h as XplSkeleton,o as defineCustomElement}
+import{p as s,H as e,h as t,t as l,c as i}from"./p-BSHdGbmH.js";const n=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.shape="rectangle",this.size="custom"}render(){return t(i,{key:"d5f7861a88adeaa570b9101e0b0ffc89d22c6fe1",class:{"xpl-skeleton":!0,["xpl-skeleton--shape-"+this.shape]:!0,["xpl-skeleton--size-"+this.size]:!0,[this.classNames??""]:!!this.classNames,"xpl-skeleton--full-width":!!this.fullWidth},style:{width:this.width||void 0,height:this.height||void 0,margin:this.margin||void 0}})}},[0,"xpl-skeleton",{classNames:[1,"class-names"],fullWidth:[4,"full-width"],height:[1],width:[1],margin:[1],shape:[1],size:[1]}]),h=n,o=function(){"undefined"!=typeof customElements&&["xpl-skeleton"].forEach((s=>{"xpl-skeleton"===s&&(customElements.get(l(s))||customElements.define(l(s),n))}))};export{h as XplSkeleton,o as defineCustomElement}

package/dist/components/xpl-slideout.js

@@ -1 +1 @@
-import{p as e,H as a,d as s,h as t,c as d,t as c}from"./p-BT_Lq3Vd.js";import{d as o}from"./p-CtIUusUL.js";import{d as i}from"./p-D97c0GjM.js";import{d as l}from"./p-DBWV65V-.js";import{d as b}from"./p-B1PBAEzg.js";const r=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.isOpenChange=s(this,"isOpenChange",7),this.isOpen=!1,this.backdrop=!1,this.variant="default",this.showFooter=!0,this.handleClose=()=>{this.isOpen=!1}}watchPropHandler(e){this.isOpen=e,this.isOpenChange.emit(e)}handleScroll(){const e=this.el.querySelector(".content");e.scrollHeight>e.clientHeight?e.classList.add("has-shadow"):e.classList.remove("has-shadow")}componentDidLoad(){this.handleScroll()}render(){return t(d,{key:"f42f8f576d4e8387511d0cd5e5a24913606dce5e",class:"xpl-slideout"},this.backdrop&&this.isOpen&&t("xpl-backdrop",{key:"5e80a7f340487ee653d266edc8d7cbd7a1ae5a52",onClick:this.handleClose}),t("aside",{key:"beb647a98119f53d01a911af9df5ea97babad7c1",class:"slideout slideout--"+(!this.isOpen&&"closed")},t("header",{key:"ef3ba3c61fd5542696c271d0d3d3d40214a2605e",class:"header"},t("div",{key:"ed343a1553fb5da4d5db9f6a746f89eadf258f68",class:"title"},t("slot",{key:"0793234025cb9ed92e45805f74ad85928c71f585",name:"title"}),t("xpl-button",{key:"b9049478a5ac330b6439fc5a71440db634d51b5e",class:"close-button","icon-only":!0,size:"sm",variant:"tertiary",onClick:this.handleClose},t("xpl-icon",{key:"1dad5a0fc6d0b1888a450639b9f40d694b9942db",icon:"x"}))),t("div",{key:"c5f3f124e81ce4b916af4dd114c8ce9b45d567c7",class:"subtitle"},t("slot",{key:"41d10f0742562a8dc824b45b2987d45dda76abb4",name:"subtitle"})),t("div",{key:"5a60f3f9e9c5fd86d8262f47eea7b83f64e149a2",class:"search"},t("slot",{key:"80f950ece315afe975aed51ac8a10804670eb8fe",name:"search"}))),t("xpl-divider",{key:"02e53e01c2f148c8bbd54b086bac669ee65014ba",tier:0,class:"divider top"}),t("article",{key:"5425462fe1ef6104c5d8c7d5c4c892cf77349d38",class:"content",tabIndex:0},t("slot",{key:"370dd088e84a33112f7f3e1c46341f521430485a",name:"content"})),this.showFooter&&t("footer",{key:"becd0aea10f8a35af12cedae53814b1c9db92669"},t("xpl-divider",{key:"5f53e23fbd9330d1b28ba705a7b9438ba098a6a7",tier:0,class:"divider bottom"}),t("div",{key:"00c0c39b04999a12b47d5fe35bceae2ac8dc1def",class:"footer"},t("slot",{key:"024d1c72ac7ab44b93608020ef20619b504d6725",name:"tertiary"}),t("slot",{key:"199910e96905946e393fcd600ddc7878701be5fb",name:"secondary"}),t("slot",{key:"55f351a5bb4c18833c5db4408ce01b01c1853fe3",name:"primary"})))))}get el(){return this}static get watchers(){return{isOpen:[{watchPropHandler:0}]}}},[260,"xpl-slideout",{isOpen:[1540,"is-open"],backdrop:[4],variant:[1],showFooter:[4,"show-footer"]},[[9,"scroll","handleScroll"]],{isOpen:[{watchPropHandler:0}]}]),f=r,n=function(){"undefined"!=typeof customElements&&["xpl-slideout","xpl-backdrop","xpl-button","xpl-divider","xpl-icon"].forEach((e=>{switch(e){case"xpl-slideout":customElements.get(c(e))||customElements.define(c(e),r);break;case"xpl-backdrop":customElements.get(c(e))||o();break;case"xpl-button":customElements.get(c(e))||i();break;case"xpl-divider":customElements.get(c(e))||l();break;case"xpl-icon":customElements.get(c(e))||b()}}))};export{f as XplSlideout,n as defineCustomElement}
+import{p as e,H as a,d as s,h as t,c,t as d}from"./p-BSHdGbmH.js";import{d as o}from"./p-CCgZCY_A.js";import{d as i}from"./p-DywQ3S73.js";import{d as l}from"./p-CJzsLWeV.js";import{d as f}from"./p-imCMp2Nl.js";const b=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.isOpenChange=s(this,"isOpenChange",7),this.isOpen=!1,this.backdrop=!1,this.variant="default",this.showFooter=!0,this.handleClose=()=>{this.isOpen=!1}}watchPropHandler(e){this.isOpen=e,this.isOpenChange.emit(e)}handleScroll(){const e=this.el.querySelector(".content");e&&(e.scrollHeight>e.clientHeight?e.classList.add("has-shadow"):e.classList.remove("has-shadow"))}componentDidLoad(){this.handleScroll()}render(){return t(c,{key:"9f0e122ce05688523e4bc55fbeafb584b0bacaf9",class:"xpl-slideout"},this.backdrop&&this.isOpen&&t("xpl-backdrop",{key:"62f708a14d6e45b9bed40b0d2587186543463a25",onClick:this.handleClose}),t("aside",{key:"cb9499d3295d6cc29f2e007d12fcd80eee2bc794",class:"slideout slideout--"+(!this.isOpen&&"closed")},t("header",{key:"ca191a1c3387e69d4cff95d112d1bf834693316f",class:"header"},t("div",{key:"252035d87faac31b3706a2abd4cae0fbddaaa3e8",class:"title"},t("slot",{key:"a5961cfd192bb02aec2ab6a522bf656487f4083e",name:"title"}),t("xpl-button",{key:"d58b03a81b394dc6b91f86f9db5c756929796df7",class:"close-button","icon-only":!0,size:"sm",variant:"tertiary",onClick:this.handleClose},t("xpl-icon",{key:"4ebb45aa90f5017f0651c190909eb4759a02dfaa",icon:"xmark"}))),t("div",{key:"f67edca86dfc31bb2d69ce00f409610f5010d9a8",class:"subtitle"},t("slot",{key:"390190ad442a301937d9733632fd9fd15416fe6a",name:"subtitle"})),t("div",{key:"8a50eae2c57ac9c1f15643758e75f821feb9c9e5",class:"search"},t("slot",{key:"96ae8ec7a5a630d0e51510cf64c7888241bcfd9a",name:"search"}))),t("xpl-divider",{key:"467308913b114d26438b0eea2ed64642d26286c5",tier:0,class:"divider top"}),t("article",{key:"b0377d229795fc7371665df458765037da1178ad",class:"content",tabIndex:0},t("slot",{key:"bf4c5ee2de34e50b605465ad9f253e54be803d6d",name:"content"})),this.showFooter&&t("footer",{key:"edf941b295e97010fd22b7077ed15f5ca409fe5d"},t("xpl-divider",{key:"57d7514ae797fc4e309fcc3966abfea992f6aecb",tier:0,class:"divider bottom"}),t("div",{key:"df72450ab64fcc163edbbf5514c88b4e17496e51",class:"footer"},t("slot",{key:"2cbb005039f013fdcf76304c470a5dbdfca58d19",name:"tertiary"}),t("slot",{key:"97270ca76edd0d27970f6358b78e834b8140a715",name:"secondary"}),t("slot",{key:"c742e527e1ff5878f6d0fcfeb23b2c32c409e260",name:"primary"})))))}get el(){return this}static get watchers(){return{isOpen:[{watchPropHandler:0}]}}},[260,"xpl-slideout",{isOpen:[1540,"is-open"],backdrop:[4],variant:[1],showFooter:[4,"show-footer"]},[[9,"scroll","handleScroll"]],{isOpen:[{watchPropHandler:0}]}]),r=b,n=function(){"undefined"!=typeof customElements&&["xpl-slideout","xpl-backdrop","xpl-button","xpl-divider","xpl-icon"].forEach((e=>{switch(e){case"xpl-slideout":customElements.get(d(e))||customElements.define(d(e),b);break;case"xpl-backdrop":customElements.get(d(e))||o();break;case"xpl-button":customElements.get(d(e))||i();break;case"xpl-divider":customElements.get(d(e))||l();break;case"xpl-icon":customElements.get(d(e))||f()}}))};export{r as XplSlideout,n as defineCustomElement}

package/dist/components/xpl-spotlight.js

@@ -1 +1 @@
-import{p as t,H as i,d as s,f as o,h,c as e,t as n}from"./p-BT_Lq3Vd.js";import{c as l,a,o as r,f as c,b as p}from"./p-CFpsSZyr.js";import{d}from"./p-D97c0GjM.js";import{d as u}from"./p-B1PBAEzg.js";const g=".xpl-spotlight__dismiss button, .xpl-spotlight__actions button";let m=0;const v={"top-left":"top-start","top-right":"top-end","bottom-left":"bottom-start","bottom-right":"bottom-end"},x={top:"bottom-left","top-start":"bottom-left","top-end":"bottom-right",bottom:"top-left","bottom-start":"top-left","bottom-end":"top-right",left:"top-right","left-start":"top-right","left-end":"bottom-right",right:"top-left","right-start":"top-left","right-end":"bottom-left"},b=t(class t extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.dismiss=s(this,"dismiss",7),this.primaryAction=s(this,"primaryAction",7),this.secondaryAction=s(this,"secondaryAction",7),this.targetClick=s(this,"targetClick",7),this.cleanupAutoUpdate=null,this.enterVisibleFrameId=null,this.focusFrameId=null,this.hasCompletedInitialLoad=!1,this.headingId=(m+=1,"xpl-spotlight-heading-"+m),this.pendingEnterTransitionAfterAnchor=!1,this.pendingEnterVisible=!1,this.positioningGeneration=0,this.previousFocus=null,this.referenceEl=null,this.shouldMoveFocusOnRender=!1,this.shouldReinitializeAfterReconnect=!1,this.slotContentObserver=null,this.hasBodySlotContent=!1,this.hasFloatingPosition=!1,this.hasImageSlotContent=!1,this.hasTitleSlotContent=!1,this.dialogLabelId=void 0,this.isVisible=!1,this.resolvedAnchorPosition="top-left",this.actionLayout="default",this.anchorPosition="top-left",this.currentStep=1,this.isDismissible=!0,this.isOpen=!0,this.primaryActionLabel="Next",this.secondaryActionLabel="Back",this.showActions=!0,this.showImage=!0,this.showSteps=!0,this.totalSteps=1,this.emitDismiss=()=>{this.dismiss.emit()},this.handleDismissClick=()=>{this.emitDismiss()},this.handlePrimaryClick=()=>{this.primaryAction.emit()},this.handleSecondaryClick=()=>{this.secondaryAction.emit()},this.handleTargetClick=()=>{this.targetClick.emit()},this.syncTitleSlotIds=()=>{const t=this.getFirstTitleSlottedElement();t&&!t.id&&(t.id=this.headingId)},this.handleBodySlotChange=()=>{this.refreshBodySlotState()},this.handleTitleSlotChange=()=>{this.refreshTitleSlotState(),this.syncTitleSlotIds()},this.handleImageSlotChange=()=>{this.refreshImageSlotState()},this.handleSlotContentMutation=()=>{this.refreshBodySlotState(),this.refreshImageSlotState(),this.refreshTitleSlotState(),this.syncTitleSlotIds()},this.updatePosition=async t=>{var i,s,h,e,n,a;const d=this.positioningGeneration;try{const o=v[this.anchorPosition],{x:u,y:g,placement:m,middlewareData:b}=await l(t,this.el,{strategy:"fixed",placement:o,middleware:[r(12),c({crossAxis:!1}),p({padding:8})]});if(d!==this.positioningGeneration)return;this.el.style.left=u+"px",this.el.style.top=g+"px";const f=null!==(s=null===(i=b.shift)||void 0===i?void 0:i.x)&&void 0!==s?s:0,y=null!==(e=null===(h=b.shift)||void 0===h?void 0:h.y)&&void 0!==e?e:0;this.el.style.setProperty("--xpl-spotlight-shift-x",-f+"px"),this.el.style.setProperty("--xpl-spotlight-shift-y",-y+"px"),this.hasFloatingPosition=!0;const _=null!==(n=x[m])&&void 0!==n?n:x[null!==(a=m.split("-")[0])&&void 0!==a?a:""];this.resolvedAnchorPosition=null!=_?_:this.anchorPosition,this.pendingEnterTransitionAfterAnchor&&this.scheduleEnterTransition()}catch(t){if(d!==this.positioningGeneration)return;this.clearFloatingHostCoordinates(),this.isOpenEnabled&&(this.scheduleEnterTransition({skipAnchorWait:!0}),await o(this))}}}onAnchorPositionChange(){this.target&&this.referenceEl?this.updatePosition(this.referenceEl).catch((()=>{})):this.resolvedAnchorPosition=this.anchorPosition}onIsOpenChange(s){if(t.coerceBoolean(s))return this.previousFocus=document.activeElement instanceof i?document.activeElement:null,this.shouldMoveFocusOnRender=!0,this.isVisible=!1,this.refreshBodySlotState(),this.refreshTitleSlotState(),this.refreshImageSlotState(),this.target&&(this.cleanupAutoUpdate&&this.referenceEl&&this.el.ownerDocument.contains(this.referenceEl)?this.hasFloatingPosition=!1:this.startPositioning()),void this.scheduleEnterTransition();this.cancelEnterTransition(),this.cancelPendingFocusWait(),this.isVisible=!1,this.target||this.stopPositioning(),this.restoreFocus()}onTargetChange(){if(!this.target)return this.stopPositioning(),void(this.resolvedAnchorPosition=this.anchorPosition);this.startPositioning()}connectedCallback(){this.shouldReinitializeAfterReconnect&&(this.shouldReinitializeAfterReconnect=!1,this.startSlotContentObserver(),this.target&&this.startPositioning(),this.isOpenEnabled?(this.previousFocus=document.activeElement instanceof i?document.activeElement:null,this.shouldMoveFocusOnRender=!0,this.scheduleEnterTransition(),this.pendingEnterVisible&&Promise.resolve(o(this)).catch((()=>{}))):this.isVisible=!1)}disconnectedCallback(){this.cancelEnterTransition(),this.cancelPendingFocusWait(),this.stopSlotContentObserver(),this.stopPositioning(),this.hasCompletedInitialLoad&&(this.shouldReinitializeAfterReconnect=!0)}componentWillLoad(){this.resolvedAnchorPosition=this.anchorPosition,this.hasBodySlotContent=this.hasSlottedContent("body"),this.hasImageSlotContent=this.hasSlottedContent("image"),this.hasTitleSlotContent=this.hasSlottedContent("title"),this.dialogLabelId=this.getDialogLabelId(),this.isOpenEnabled&&(this.previousFocus=document.activeElement instanceof i?document.activeElement:null,this.target||(this.pendingEnterVisible=!0)),this.shouldMoveFocusOnRender=this.isOpenEnabled}componentDidLoad(){this.hasCompletedInitialLoad=!0,this.startSlotContentObserver(),this.target&&this.startPositioning(),this.isOpenEnabled?this.target&&(this.scheduleEnterTransition(),this.pendingEnterVisible&&Promise.resolve(o(this)).catch((()=>{}))):this.isVisible=!1}componentDidRender(){this.isOpenEnabled&&this.syncTitleSlotIds();const t=this.getDialogLabelId();this.dialogLabelId!==t&&(this.dialogLabelId=t),this.pendingEnterVisible&&this.isOpenEnabled&&(this.pendingEnterVisible=!1,this.enterVisibleFrameId=requestAnimationFrame((()=>{this.enterVisibleFrameId=null,this.isOpenEnabled&&(this.isVisible=!0)}))),this.shouldMoveFocusOnRender&&this.isOpenEnabled&&(this.shouldMoveFocusOnRender=!1,this.focusInitial())}handleKeyDown(t){"Escape"===t.key&&this.shouldHandleDismissKeyboardEvent()&&(t.preventDefault(),this.emitDismiss())}get effectiveTotalSteps(){return Math.max(1,this.totalSteps)}get effectiveCurrentStep(){return Math.min(this.effectiveTotalSteps,Math.max(1,this.currentStep))}get isDismissibleEnabled(){return t.coerceBoolean(this.isDismissible)}get isOpenEnabled(){return t.coerceBoolean(this.isOpen)}get isSingleActionLayout(){return"single"===this.actionLayout}get usesHiddenEdgeActions(){return"dual"===this.actionLayout}get isPrimaryStepActionDisabled(){return!this.usesHiddenEdgeActions&&this.showStepsEnabled&&this.effectiveCurrentStep>=this.effectiveTotalSteps}get isSecondaryStepActionDisabled(){return!this.usesHiddenEdgeActions&&this.showStepsEnabled&&this.effectiveCurrentStep<=1}get shouldShowPrimaryAction(){return!!this.isSingleActionLayout||!this.usesHiddenEdgeActions||!this.showStepsEnabled||this.effectiveCurrentStep<this.effectiveTotalSteps}get shouldShowSecondaryAction(){return!this.isSingleActionLayout&&(!this.usesHiddenEdgeActions||!this.showStepsEnabled||this.effectiveCurrentStep>1)}get hasRenderableFocusChrome(){return!!this.isDismissibleEnabled||!!this.showActionsEnabled&&(this.shouldShowPrimaryAction||this.shouldShowSecondaryAction)}get showActionsEnabled(){return t.coerceBoolean(this.showActions)}get showImageEnabled(){return t.coerceBoolean(this.showImage)}get showStepsEnabled(){return t.coerceBoolean(this.showSteps)}get headingPropHasText(){var t;return!!(null===(t=this.heading)||void 0===t?void 0:t.trim())}get bodyPropHasText(){var t;return!!(null===(t=this.body)||void 0===t?void 0:t.trim())}async focusInitial(){var t;if(null===(t=this.focusAbort)||void 0===t||t.abort(),this.focusAbort=new AbortController,!this.hasRenderableFocusChrome&&this.isOpenEnabled)return void(this.focusFrameId=requestAnimationFrame((()=>{this.focusFrameId=null,this.isOpenEnabled&&this.el.focus()})));const i=await function(t,i){var s;const o=t.querySelector(g);return o?Promise.resolve(o):(null===(s=null==i?void 0:i.signal)||void 0===s?void 0:s.aborted)?Promise.resolve(null):"undefined"==typeof MutationObserver?function(t,i){return new Promise((s=>{var o,h;if(null===(o=null==i?void 0:i.signal)||void 0===o?void 0:o.aborted)return void s(null);let e,n,l=0;const a=t=>{void 0!==e&&"undefined"!=typeof cancelAnimationFrame&&cancelAnimationFrame(e),void 0!==n&&clearTimeout(n),s(t)},r=()=>a(null);null===(h=null==i?void 0:i.signal)||void 0===h||h.addEventListener("abort",r,{once:!0});const c=t=>{"undefined"!=typeof requestAnimationFrame?e=requestAnimationFrame((()=>{e=void 0,t()})):n=setTimeout((()=>{n=void 0,t()}),0)},p=()=>{var s,o,h;if(null===(s=null==i?void 0:i.signal)||void 0===s?void 0:s.aborted)return void a(null);const e=t.querySelector(g);return e?(null===(o=null==i?void 0:i.signal)||void 0===o||o.removeEventListener("abort",r),void a(e)):(l+=1,l>=120?(null===(h=null==i?void 0:i.signal)||void 0===h||h.removeEventListener("abort",r),void a(null)):void c(p))};c(p)}))}(t,i):new Promise((s=>{var o;let h,e,n=!1;function l(t){n||(n=!0,e.disconnect(),void 0!==h&&clearTimeout(h),s(t))}e=new MutationObserver((()=>{const i=t.querySelector(g);i&&l(i)})),e.observe(t instanceof Node?t:document,{childList:!0,subtree:!0}),h=setTimeout((()=>l(null)),2500),null===(o=null==i?void 0:i.signal)||void 0===o||o.addEventListener("abort",(()=>{l(null)}),{once:!0})}))}(this.el,{signal:this.focusAbort.signal});i?i.focus():this.isOpenEnabled&&this.el.focus()}shouldHandleDismissKeyboardEvent(){if(!this.isDismissibleEnabled||!this.isOpenEnabled||!this.isVisible)return!1;const{activeElement:t}=document;return!!t&&(t===this.el||this.el.contains(t))}restoreFocus(){var t;(null===(t=this.previousFocus)||void 0===t?void 0:t.isConnected)&&this.previousFocus.focus()}cancelPendingFocusWait(){var t;null===(t=this.focusAbort)||void 0===t||t.abort(),null!=this.focusFrameId&&(cancelAnimationFrame(this.focusFrameId),this.focusFrameId=null)}cancelEnterTransition(){null!==this.enterVisibleFrameId&&(cancelAnimationFrame(this.enterVisibleFrameId),this.enterVisibleFrameId=null),this.pendingEnterVisible=!1}scheduleEnterTransition(t){this.cancelEnterTransition(),(null==t?void 0:t.skipAnchorWait)||!this.target||!this.referenceEl||this.hasFloatingPosition?(this.pendingEnterTransitionAfterAnchor=!1,this.pendingEnterVisible=!0):this.pendingEnterTransitionAfterAnchor=!0}getFirstTitleSlottedElement(){var t;const i=Array.from(this.el.children).find((t=>t.nodeType===Node.ELEMENT_NODE&&"title"===t.getAttribute("slot")));if(i)return i;const s=this.el.querySelector('slot[name="title"]');if(s&&"function"==typeof s.assignedNodes){const t=Array.from(s.assignedNodes({flatten:!0})).find((t=>t.nodeType===Node.ELEMENT_NODE));if(t)return t}return null!==(t=this.el.querySelector('[slot="title"]'))&&void 0!==t?t:null}getDialogLabelId(){if(this.hasTitleSlotContent){const t=this.getFirstTitleSlottedElement();return(null==t?void 0:t.id)?t.id:this.headingId}if(this.headingPropHasText)return this.headingId}refreshBodySlotState(){const t=this.hasSlottedContent("body");this.hasBodySlotContent!==t&&(this.hasBodySlotContent=t)}refreshTitleSlotState(){const t=this.hasSlottedContent("title");this.hasTitleSlotContent!==t&&(this.hasTitleSlotContent=t)}static coerceBoolean(t){return"string"==typeof t?"false"!==t.trim().toLowerCase():!!t}refreshImageSlotState(){const t=this.hasSlottedContent("image");this.hasImageSlotContent!==t&&(this.hasImageSlotContent=t)}startSlotContentObserver(){"undefined"==typeof MutationObserver||this.slotContentObserver||(this.slotContentObserver=new MutationObserver(this.handleSlotContentMutation),this.slotContentObserver.observe(this.el,{attributes:!0,attributeFilter:["slot"],childList:!0,subtree:!0}))}stopSlotContentObserver(){var t;null===(t=this.slotContentObserver)||void 0===t||t.disconnect(),this.slotContentObserver=null}hasSlottedContent(t){const i=this.el.querySelector(`slot[name="${t}"]`),s=this.el.querySelector(`[slot="${t}"]`),o=Array.from(this.el.children).some((i=>i.getAttribute("slot")===t)),h=!!i&&i.assignedNodes({flatten:!0}).some((t=>{var i;return t.nodeType===Node.ELEMENT_NODE||t.nodeType===Node.TEXT_NODE&&(null===(i=t.textContent)||void 0===i?void 0:i.trim())}));return!(!s&&!o)||h}startPositioning(){if(!this.target)return;let t=null;try{t=this.el.ownerDocument.querySelector(this.target)}catch(t){return this.stopPositioning(),void(this.resolvedAnchorPosition=this.anchorPosition)}if(!t)return this.stopPositioning(),void(this.resolvedAnchorPosition=this.anchorPosition);this.detachFloatingUiListeners(),this.referenceEl=t,this.cleanupAutoUpdate=a(t,this.el,(()=>{this.updatePosition(t).catch((()=>{}))}))}detachFloatingUiListeners(){this.positioningGeneration+=1,this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null)}resetFloatingHostPosition(){this.el.style.left="",this.el.style.top="",this.el.style.removeProperty("--xpl-spotlight-shift-x"),this.el.style.removeProperty("--xpl-spotlight-shift-y"),this.hasFloatingPosition=!1,this.pendingEnterTransitionAfterAnchor=!1,this.referenceEl=null}clearFloatingHostCoordinates(){this.el.style.left="",this.el.style.top="",this.el.style.removeProperty("--xpl-spotlight-shift-x"),this.el.style.removeProperty("--xpl-spotlight-shift-y"),this.hasFloatingPosition=!1,this.pendingEnterTransitionAfterAnchor=!1,this.resolvedAnchorPosition=this.anchorPosition}stopPositioning(){this.detachFloatingUiListeners(),this.resetFloatingHostPosition()}render(){if(!this.isOpenEnabled)return this.target?h(e,{class:{"xpl-spotlight":!0,"xpl-spotlight--target-only":!0,["xpl-spotlight--"+this.resolvedAnchorPosition]:!0,"xpl-spotlight--anchored":this.hasFloatingPosition}},h("button",{type:"button",class:"xpl-spotlight__target","aria-label":"Spotlight indicator",onClick:this.handleTargetClick},h("div",{class:"xpl-spotlight__target-outer"}),h("div",{class:"xpl-spotlight__target-inner"}))):h(e,{"aria-hidden":"true",class:{"xpl-spotlight":!0,"xpl-spotlight--closed":!0}});const{isSingleActionLayout:t,shouldShowPrimaryAction:i,shouldShowSecondaryAction:s,showActionsEnabled:o,showImageEnabled:n,showStepsEnabled:l}=this;return h(e,{class:{["xpl-spotlight--action-layout-"+this.actionLayout]:o,"xpl-spotlight":!0,["xpl-spotlight--"+this.resolvedAnchorPosition]:!0,"xpl-spotlight--anchored":this.hasFloatingPosition,"xpl-spotlight--no-image":!n,"xpl-spotlight--only-primary-action":o&&i&&!s,"xpl-spotlight--only-secondary-action":o&&s&&!i,"xpl-spotlight--visible":this.isVisible},role:"dialog","aria-modal":"false","aria-label":this.dialogLabelId?void 0:"Tour step","aria-labelledby":this.dialogLabelId,tabindex:-1},h("button",{type:"button",class:"xpl-spotlight__target","aria-label":"Spotlight indicator",onClick:this.handleTargetClick},h("div",{class:"xpl-spotlight__target-outer"}),h("div",{class:"xpl-spotlight__target-inner"})),this.isDismissibleEnabled&&h("div",{class:"xpl-spotlight__dismiss"},h("xpl-button",{variant:"secondary",size:"sm",iconOnly:!0,"aria-label":"Dismiss tour step",onClick:this.handleDismissClick},h("xpl-icon",{icon:"xmark",size:16}))),h("div",{class:"xpl-spotlight__frame"},h("div",{class:{"xpl-spotlight__image-container":!0,"xpl-spotlight__image-container--empty":!this.hasImageSlotContent,"xpl-spotlight__image-container--hidden":!n}},!this.hasImageSlotContent&&n&&h("div",{class:"xpl-spotlight__image-placeholder","aria-hidden":"true"},h("xpl-icon",{icon:"photo",size:24}),h("xpl-icon",{icon:"video",size:24})),h("slot",{name:"image",onSlotchange:this.handleImageSlotChange})),h("div",{class:"xpl-spotlight__content"},h("div",{class:"xpl-spotlight__header"},h("slot",{name:"title",onSlotchange:this.handleTitleSlotChange},!this.hasTitleSlotContent&&this.headingPropHasText&&h("span",{class:"xpl-spotlight__title",id:this.headingId},this.heading)),h("slot",{name:"body",onSlotchange:this.handleBodySlotChange},!this.hasBodySlotContent&&this.bodyPropHasText&&h("p",{class:"xpl-spotlight__body"},this.body))),o&&h("div",{class:{"xpl-spotlight__actions":!0,"xpl-spotlight__actions--dual":!t,"xpl-spotlight__actions--single":t,"xpl-spotlight__actions--with-steps":l,"xpl-spotlight__actions--only-primary":i&&!s,"xpl-spotlight__actions--only-secondary":s&&!i}},h("div",{class:"xpl-spotlight__action-slot xpl-spotlight__action-slot--secondary"},s&&h("xpl-button",{class:"xpl-spotlight__secondary-action",variant:"secondary",size:"default",disabled:this.isSecondaryStepActionDisabled,onClick:this.handleSecondaryClick},this.secondaryActionLabel)),l&&h("span",{class:"xpl-spotlight__step-text"},this.effectiveCurrentStep," of ",this.effectiveTotalSteps),h("div",{class:"xpl-spotlight__action-slot xpl-spotlight__action-slot--primary"},i&&h("xpl-button",{class:"xpl-spotlight__primary-action",variant:"primary",size:"default",disabled:this.isPrimaryStepActionDisabled,onClick:this.handlePrimaryClick},this.primaryActionLabel))))))}get el(){return this}static get watchers(){return{anchorPosition:[{onAnchorPositionChange:0}],isOpen:[{onIsOpenChange:0}],target:[{onTargetChange:0}]}}},[260,"xpl-spotlight",{actionLayout:[1,"action-layout"],anchorPosition:[1,"anchor-position"],body:[1],currentStep:[2,"current-step"],heading:[1],isDismissible:[4,"is-dismissible"],isOpen:[4,"is-open"],primaryActionLabel:[1,"primary-action-label"],secondaryActionLabel:[1,"secondary-action-label"],showActions:[4,"show-actions"],showImage:[4,"show-image"],showSteps:[4,"show-steps"],target:[1],totalSteps:[2,"total-steps"],hasBodySlotContent:[32],hasFloatingPosition:[32],hasImageSlotContent:[32],hasTitleSlotContent:[32],dialogLabelId:[32],isVisible:[32],resolvedAnchorPosition:[32]},[[4,"keydown","handleKeyDown"]],{anchorPosition:[{onAnchorPositionChange:0}],isOpen:[{onIsOpenChange:0}],target:[{onTargetChange:0}]}]),f=b,y=function(){"undefined"!=typeof customElements&&["xpl-spotlight","xpl-button","xpl-icon"].forEach((t=>{switch(t){case"xpl-spotlight":customElements.get(n(t))||customElements.define(n(t),b);break;case"xpl-button":customElements.get(n(t))||d();break;case"xpl-icon":customElements.get(n(t))||u()}}))};export{f as XplSpotlight,y as defineCustomElement}
+import{p as t,H as i,d as s,f as h,h as o,c as e,t as n}from"./p-BSHdGbmH.js";import{i as l}from"./p-Dqb1pIRo.js";import{c as a,a as r,o as p,f as c,s as d}from"./p-1M1pu0C2.js";import{d as u}from"./p-DywQ3S73.js";import{d as g}from"./p-imCMp2Nl.js";const m=".xpl-spotlight__dismiss button, .xpl-spotlight__actions button";let x=0;const b={"top-left":"top-start","top-right":"top-end","bottom-left":"bottom-start","bottom-right":"bottom-end"},f={top:"bottom-left","top-start":"bottom-left","top-end":"bottom-right",bottom:"top-left","bottom-start":"top-left","bottom-end":"top-right",left:"top-right","left-start":"top-right","left-end":"bottom-right",right:"top-left","right-start":"top-left","right-end":"bottom-left"},y=t(class t extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.dismiss=s(this,"dismiss",7),this.primaryAction=s(this,"primaryAction",7),this.secondaryAction=s(this,"secondaryAction",7),this.targetClick=s(this,"targetClick",7),this.cleanupAutoUpdate=null,this.enterVisibleFrameId=null,this.focusFrameId=null,this.hasCompletedInitialLoad=!1,this.headingId=(x+=1,"xpl-spotlight-heading-"+x),this.pendingEnterTransitionAfterAnchor=!1,this.pendingEnterVisible=!1,this.positioningGeneration=0,this.previousFocus=null,this.referenceEl=null,this.shouldMoveFocusOnRender=!1,this.shouldReinitializeAfterReconnect=!1,this.slotContentObserver=null,this.hasBodySlotContent=!1,this.hasFloatingPosition=!1,this.hasImageSlotContent=!1,this.hasTitleSlotContent=!1,this.dialogLabelId=void 0,this.isVisible=!1,this.resolvedAnchorPosition="top-left",this.actionLayout="default",this.anchorPosition="top-left",this.currentStep=1,this.isDismissible=!0,this.isOpen=!0,this.primaryActionLabel="Next",this.secondaryActionLabel="Back",this.showActions=!0,this.showImage=!0,this.showSteps=!0,this.totalSteps=1,this.emitDismiss=()=>{this.dismiss.emit()},this.handleDismissClick=()=>{this.emitDismiss()},this.handlePrimaryClick=()=>{this.primaryAction.emit()},this.handleSecondaryClick=()=>{this.secondaryAction.emit()},this.handleTargetClick=()=>{this.targetClick.emit()},this.syncTitleSlotIds=()=>{const t=this.getFirstTitleSlottedElement();t&&!t.id&&(t.id=this.headingId)},this.handleBodySlotChange=()=>{this.refreshBodySlotState()},this.handleTitleSlotChange=()=>{this.refreshTitleSlotState(),this.syncTitleSlotIds()},this.handleImageSlotChange=()=>{this.refreshImageSlotState()},this.handleSlotContentMutation=()=>{this.refreshBodySlotState(),this.refreshImageSlotState(),this.refreshTitleSlotState(),this.syncTitleSlotIds()},this.updatePosition=async t=>{if(!l())return;const i=this.positioningGeneration;try{const s=b[this.anchorPosition],{x:h,y:o,placement:e,middlewareData:n}=await a(t,this.el,{strategy:"fixed",placement:s,middleware:[p(12),c({crossAxis:!1}),d({padding:8})]});if(i!==this.positioningGeneration)return;this.el.style.left=h+"px",this.el.style.top=o+"px";const l=n.shift?.x??0,r=n.shift?.y??0;this.el.style.setProperty("--xpl-spotlight-shift-x",-l+"px"),this.el.style.setProperty("--xpl-spotlight-shift-y",-r+"px"),this.hasFloatingPosition=!0;const u=f[e]??f[e.split("-")[0]??""];this.resolvedAnchorPosition=u??this.anchorPosition,this.pendingEnterTransitionAfterAnchor&&this.scheduleEnterTransition()}catch{if(i!==this.positioningGeneration)return;this.clearFloatingHostCoordinates(),this.isOpenEnabled&&(this.scheduleEnterTransition({skipAnchorWait:!0}),await h(this))}}}onAnchorPositionChange(){this.target&&this.referenceEl?this.updatePosition(this.referenceEl).catch((()=>{})):this.resolvedAnchorPosition=this.anchorPosition}onIsOpenChange(i){if(t.coerceBoolean(i))return this.capturePreviousFocus(),this.shouldMoveFocusOnRender=!0,this.isVisible=!1,this.refreshBodySlotState(),this.refreshTitleSlotState(),this.refreshImageSlotState(),this.target&&(this.cleanupAutoUpdate&&this.referenceEl&&this.el.ownerDocument.contains(this.referenceEl)?this.hasFloatingPosition=!1:this.startPositioning()),void this.scheduleEnterTransition();this.cancelEnterTransition(),this.cancelPendingFocusWait(),this.isVisible=!1,this.target||this.stopPositioning(),this.restoreFocus()}onTargetChange(){if(!this.target)return this.stopPositioning(),void(this.resolvedAnchorPosition=this.anchorPosition);this.startPositioning()}connectedCallback(){this.shouldReinitializeAfterReconnect&&(this.shouldReinitializeAfterReconnect=!1,this.startSlotContentObserver(),this.target&&this.startPositioning(),this.isOpenEnabled?(this.capturePreviousFocus(),this.shouldMoveFocusOnRender=!0,this.scheduleEnterTransition(),this.pendingEnterVisible&&Promise.resolve(h(this)).catch((()=>{}))):this.isVisible=!1)}disconnectedCallback(){this.cancelEnterTransition(),this.cancelPendingFocusWait(),this.stopSlotContentObserver(),this.stopPositioning(),this.hasCompletedInitialLoad&&(this.shouldReinitializeAfterReconnect=!0)}componentWillLoad(){this.resolvedAnchorPosition=this.anchorPosition,this.hasBodySlotContent=this.hasSlottedContent("body"),this.hasImageSlotContent=this.hasSlottedContent("image"),this.hasTitleSlotContent=this.hasSlottedContent("title"),this.dialogLabelId=this.getDialogLabelId(),this.isOpenEnabled&&!this.target&&(this.pendingEnterVisible=!0),this.shouldMoveFocusOnRender=this.isOpenEnabled}componentDidLoad(){this.hasCompletedInitialLoad=!0,this.startSlotContentObserver(),this.target&&this.startPositioning(),this.isOpenEnabled?this.target&&(this.scheduleEnterTransition(),this.pendingEnterVisible&&Promise.resolve(h(this)).catch((()=>{}))):this.isVisible=!1}componentDidRender(){this.isOpenEnabled&&this.syncTitleSlotIds();const t=this.getDialogLabelId();this.dialogLabelId!==t&&(this.dialogLabelId=t),this.pendingEnterVisible&&this.isOpenEnabled&&(this.pendingEnterVisible=!1,this.enterVisibleFrameId=requestAnimationFrame((()=>{this.enterVisibleFrameId=null,this.isOpenEnabled&&(this.isVisible=!0)}))),this.shouldMoveFocusOnRender&&this.isOpenEnabled&&(this.shouldMoveFocusOnRender=!1,this.capturePreviousFocus(),this.focusInitial())}handleKeyDown(t){"Escape"===t.key&&this.shouldHandleDismissKeyboardEvent()&&(t.preventDefault(),this.emitDismiss())}get effectiveTotalSteps(){return Math.max(1,this.totalSteps)}get effectiveCurrentStep(){return Math.min(this.effectiveTotalSteps,Math.max(1,this.currentStep))}get isDismissibleEnabled(){return t.coerceBoolean(this.isDismissible)}get isOpenEnabled(){return t.coerceBoolean(this.isOpen)}get isSingleActionLayout(){return"single"===this.actionLayout}get usesHiddenEdgeActions(){return"dual"===this.actionLayout}get isPrimaryStepActionDisabled(){return!this.usesHiddenEdgeActions&&this.showStepsEnabled&&this.effectiveCurrentStep>=this.effectiveTotalSteps}get isSecondaryStepActionDisabled(){return!this.usesHiddenEdgeActions&&this.showStepsEnabled&&this.effectiveCurrentStep<=1}get shouldShowPrimaryAction(){return!!this.isSingleActionLayout||!this.usesHiddenEdgeActions||!this.showStepsEnabled||this.effectiveCurrentStep<this.effectiveTotalSteps}get shouldShowSecondaryAction(){return!this.isSingleActionLayout&&(!this.usesHiddenEdgeActions||!this.showStepsEnabled||this.effectiveCurrentStep>1)}get hasRenderableFocusChrome(){return!!this.isDismissibleEnabled||!!this.showActionsEnabled&&(this.shouldShowPrimaryAction||this.shouldShowSecondaryAction)}get showActionsEnabled(){return t.coerceBoolean(this.showActions)}get showImageEnabled(){return t.coerceBoolean(this.showImage)}get showStepsEnabled(){return t.coerceBoolean(this.showSteps)}get headingPropHasText(){return!!this.heading?.trim()}get bodyPropHasText(){return!!this.body?.trim()}async focusInitial(){if(this.focusAbort?.abort(),this.focusAbort=new AbortController,!this.hasRenderableFocusChrome&&this.isOpenEnabled)return void(this.focusFrameId=requestAnimationFrame((()=>{this.focusFrameId=null,this.isOpenEnabled&&this.el.focus()})));const t=await function(t,i){const s=t.querySelector(m);return s?Promise.resolve(s):i?.signal?.aborted?Promise.resolve(null):"undefined"==typeof MutationObserver?function(t,i){return new Promise((s=>{if(i?.signal?.aborted)return void s(null);let h,o,e=0;const n=t=>{void 0!==h&&"undefined"!=typeof cancelAnimationFrame&&cancelAnimationFrame(h),void 0!==o&&clearTimeout(o),s(t)},l=()=>n(null);i?.signal?.addEventListener("abort",l,{once:!0});const a=t=>{"undefined"!=typeof requestAnimationFrame?h=requestAnimationFrame((()=>{h=void 0,t()})):o=setTimeout((()=>{o=void 0,t()}),0)},r=()=>{if(i?.signal?.aborted)return void n(null);const s=t.querySelector(m);return s?(i?.signal?.removeEventListener("abort",l),void n(s)):(e+=1,e>=120?(i?.signal?.removeEventListener("abort",l),void n(null)):void a(r))};a(r)}))}(t,i):new Promise((s=>{let h,o,e=!1;function n(t){e||(e=!0,o.disconnect(),void 0!==h&&clearTimeout(h),s(t))}o=new MutationObserver((()=>{const i=t.querySelector(m);i&&n(i)})),o.observe(t instanceof Node?t:document,{childList:!0,subtree:!0}),h=setTimeout((()=>n(null)),2500),i?.signal?.addEventListener("abort",(()=>{n(null)}),{once:!0})}))}(this.el,{signal:this.focusAbort.signal});t?t.focus():this.isOpenEnabled&&this.el.focus()}shouldHandleDismissKeyboardEvent(){if(!this.isDismissibleEnabled||!this.isOpenEnabled||!this.isVisible)return!1;const{activeElement:t}=document;return!!t&&(t===this.el||this.el.contains(t))}capturePreviousFocus(){l()&&(this.previousFocus=document.activeElement instanceof i?document.activeElement:null)}restoreFocus(){this.previousFocus?.isConnected&&this.previousFocus.focus()}cancelPendingFocusWait(){this.focusAbort?.abort(),null!=this.focusFrameId&&(cancelAnimationFrame(this.focusFrameId),this.focusFrameId=null)}cancelEnterTransition(){null!==this.enterVisibleFrameId&&(cancelAnimationFrame(this.enterVisibleFrameId),this.enterVisibleFrameId=null),this.pendingEnterVisible=!1}scheduleEnterTransition(t){this.cancelEnterTransition(),t?.skipAnchorWait||!this.target||!this.referenceEl||this.hasFloatingPosition?(this.pendingEnterTransitionAfterAnchor=!1,this.pendingEnterVisible=!0):this.pendingEnterTransitionAfterAnchor=!0}getFirstTitleSlottedElement(){const t=Array.from(this.el.children).find((t=>t.nodeType===Node.ELEMENT_NODE&&"title"===t.getAttribute("slot")));if(t)return t;const i=this.el.querySelector('slot[name="title"]');if(i&&"function"==typeof i.assignedNodes){const t=Array.from(i.assignedNodes({flatten:!0})).find((t=>t.nodeType===Node.ELEMENT_NODE));if(t)return t}return this.el.querySelector('[slot="title"]')??null}getDialogLabelId(){if(this.hasTitleSlotContent){const t=this.getFirstTitleSlottedElement();return t?.id?t.id:this.headingId}if(this.headingPropHasText)return this.headingId}refreshBodySlotState(){const t=this.hasSlottedContent("body");this.hasBodySlotContent!==t&&(this.hasBodySlotContent=t)}refreshTitleSlotState(){const t=this.hasSlottedContent("title");this.hasTitleSlotContent!==t&&(this.hasTitleSlotContent=t)}static coerceBoolean(t){return"string"==typeof t?"false"!==t.trim().toLowerCase():!!t}refreshImageSlotState(){const t=this.hasSlottedContent("image");this.hasImageSlotContent!==t&&(this.hasImageSlotContent=t)}startSlotContentObserver(){"undefined"==typeof MutationObserver||this.slotContentObserver||(this.slotContentObserver=new MutationObserver(this.handleSlotContentMutation),this.slotContentObserver.observe(this.el,{attributes:!0,attributeFilter:["slot"],childList:!0,subtree:!0}))}stopSlotContentObserver(){this.slotContentObserver?.disconnect(),this.slotContentObserver=null}hasSlottedContent(t){const i=this.el.querySelector(`slot[name="${t}"]`),s=this.el.querySelector(`[slot="${t}"]`),h=Array.from(this.el.children).some((i=>i.getAttribute("slot")===t)),o=!!i&&i.assignedNodes({flatten:!0}).some((t=>t.nodeType===Node.ELEMENT_NODE||t.nodeType===Node.TEXT_NODE&&t.textContent?.trim()));return!(!s&&!h)||o}startPositioning(){if(!l())return;if(!this.target)return;let t=null;try{t=this.el.ownerDocument.querySelector(this.target)}catch{return this.stopPositioning(),void(this.resolvedAnchorPosition=this.anchorPosition)}if(!t)return this.stopPositioning(),void(this.resolvedAnchorPosition=this.anchorPosition);this.detachFloatingUiListeners(),this.referenceEl=t,this.cleanupAutoUpdate=r(t,this.el,(()=>{this.updatePosition(t).catch((()=>{}))}))}detachFloatingUiListeners(){this.positioningGeneration+=1,this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null)}resetFloatingHostPosition(){this.el.style.left="",this.el.style.top="",this.el.style.removeProperty("--xpl-spotlight-shift-x"),this.el.style.removeProperty("--xpl-spotlight-shift-y"),this.hasFloatingPosition=!1,this.pendingEnterTransitionAfterAnchor=!1,this.referenceEl=null}clearFloatingHostCoordinates(){this.el.style.left="",this.el.style.top="",this.el.style.removeProperty("--xpl-spotlight-shift-x"),this.el.style.removeProperty("--xpl-spotlight-shift-y"),this.hasFloatingPosition=!1,this.pendingEnterTransitionAfterAnchor=!1,this.resolvedAnchorPosition=this.anchorPosition}stopPositioning(){this.detachFloatingUiListeners(),this.resetFloatingHostPosition()}render(){if(!this.isOpenEnabled)return this.target?o(e,{class:{"xpl-spotlight":!0,"xpl-spotlight--target-only":!0,["xpl-spotlight--"+this.resolvedAnchorPosition]:!0,"xpl-spotlight--anchored":this.hasFloatingPosition}},o("button",{type:"button",class:"xpl-spotlight__target","aria-label":"Spotlight indicator",onClick:this.handleTargetClick},o("div",{class:"xpl-spotlight__target-outer"}),o("div",{class:"xpl-spotlight__target-inner"}))):o(e,{"aria-hidden":"true",class:{"xpl-spotlight":!0,"xpl-spotlight--closed":!0}});const{isSingleActionLayout:t,shouldShowPrimaryAction:i,shouldShowSecondaryAction:s,showActionsEnabled:h,showImageEnabled:n,showStepsEnabled:l}=this;return o(e,{class:{["xpl-spotlight--action-layout-"+this.actionLayout]:h,"xpl-spotlight":!0,["xpl-spotlight--"+this.resolvedAnchorPosition]:!0,"xpl-spotlight--anchored":this.hasFloatingPosition,"xpl-spotlight--no-image":!n,"xpl-spotlight--only-primary-action":h&&i&&!s,"xpl-spotlight--only-secondary-action":h&&s&&!i,"xpl-spotlight--visible":this.isVisible},role:"dialog","aria-modal":"false","aria-label":this.dialogLabelId?void 0:"Tour step","aria-labelledby":this.dialogLabelId,tabindex:-1},o("button",{type:"button",class:"xpl-spotlight__target","aria-label":"Spotlight indicator",onClick:this.handleTargetClick},o("div",{class:"xpl-spotlight__target-outer"}),o("div",{class:"xpl-spotlight__target-inner"})),this.isDismissibleEnabled&&o("div",{class:"xpl-spotlight__dismiss"},o("xpl-button",{variant:"secondary",size:"sm",iconOnly:!0,"aria-label":"Dismiss tour step",onClick:this.handleDismissClick},o("xpl-icon",{icon:"xmark",size:16}))),o("div",{class:"xpl-spotlight__frame"},o("div",{class:{"xpl-spotlight__image-container":!0,"xpl-spotlight__image-container--empty":!this.hasImageSlotContent,"xpl-spotlight__image-container--hidden":!n}},!this.hasImageSlotContent&&n&&o("div",{class:"xpl-spotlight__image-placeholder","aria-hidden":"true"},o("xpl-icon",{icon:"photo",size:24}),o("xpl-icon",{icon:"video",size:24})),o("slot",{name:"image",onSlotchange:this.handleImageSlotChange})),o("div",{class:"xpl-spotlight__content"},o("div",{class:"xpl-spotlight__header"},o("slot",{name:"title",onSlotchange:this.handleTitleSlotChange},!this.hasTitleSlotContent&&this.headingPropHasText&&o("span",{class:"xpl-spotlight__title",id:this.headingId},this.heading)),o("slot",{name:"body",onSlotchange:this.handleBodySlotChange},!this.hasBodySlotContent&&this.bodyPropHasText&&o("p",{class:"xpl-spotlight__body"},this.body))),h&&o("div",{class:{"xpl-spotlight__actions":!0,"xpl-spotlight__actions--dual":!t,"xpl-spotlight__actions--single":t,"xpl-spotlight__actions--with-steps":l,"xpl-spotlight__actions--only-primary":i&&!s,"xpl-spotlight__actions--only-secondary":s&&!i}},o("div",{class:"xpl-spotlight__action-slot xpl-spotlight__action-slot--secondary"},s&&o("xpl-button",{class:"xpl-spotlight__secondary-action",variant:"secondary",size:"default",disabled:this.isSecondaryStepActionDisabled,onClick:this.handleSecondaryClick},this.secondaryActionLabel)),l&&o("span",{class:"xpl-spotlight__step-text"},this.effectiveCurrentStep," of ",this.effectiveTotalSteps),o("div",{class:"xpl-spotlight__action-slot xpl-spotlight__action-slot--primary"},i&&o("xpl-button",{class:"xpl-spotlight__primary-action",variant:"primary",size:"default",disabled:this.isPrimaryStepActionDisabled,onClick:this.handlePrimaryClick},this.primaryActionLabel))))))}get el(){return this}static get watchers(){return{anchorPosition:[{onAnchorPositionChange:0}],isOpen:[{onIsOpenChange:0}],target:[{onTargetChange:0}]}}},[260,"xpl-spotlight",{actionLayout:[1,"action-layout"],anchorPosition:[1,"anchor-position"],body:[1],currentStep:[2,"current-step"],heading:[1],isDismissible:[4,"is-dismissible"],isOpen:[4,"is-open"],primaryActionLabel:[1,"primary-action-label"],secondaryActionLabel:[1,"secondary-action-label"],showActions:[4,"show-actions"],showImage:[4,"show-image"],showSteps:[4,"show-steps"],target:[1],totalSteps:[2,"total-steps"],hasBodySlotContent:[32],hasFloatingPosition:[32],hasImageSlotContent:[32],hasTitleSlotContent:[32],dialogLabelId:[32],isVisible:[32],resolvedAnchorPosition:[32]},[[4,"keydown","handleKeyDown"]],{anchorPosition:[{onAnchorPositionChange:0}],isOpen:[{onIsOpenChange:0}],target:[{onTargetChange:0}]}]),_=y,v=function(){"undefined"!=typeof customElements&&["xpl-spotlight","xpl-button","xpl-icon"].forEach((t=>{switch(t){case"xpl-spotlight":customElements.get(n(t))||customElements.define(n(t),y);break;case"xpl-button":customElements.get(n(t))||u();break;case"xpl-icon":customElements.get(n(t))||g()}}))};export{_ as XplSpotlight,v as defineCustomElement}

package/dist/components/xpl-tab-panel.js

@@ -1 +1 @@
-import{p as e,H as t,h as s,c as a,t as l}from"./p-BT_Lq3Vd.js";import{g as n,a as b,t as p}from"./p-Yj_QFaRn.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.selected=!1}render(){var e;const t=n(this.el),l=null!==(e=this.target)&&void 0!==e?e:"",c=b(t,l),d=p(t,l);return s(a,{key:"90f81b56f9d1d482ebe9bfb3e11a9b796bdbc5d2","aria-labelledby":d,class:{"xpl-tab-panel":!0,"xpl-tab-panel--selected":this.selected},id:c,role:"tabpanel"},s("slot",{key:"b2de2e79c06bde4bde5c99cc3d91045b1e73b72e"}))}get el(){return this}},[260,"xpl-tab-panel",{selected:[4],target:[1]}]),d=c,r=function(){"undefined"!=typeof customElements&&["xpl-tab-panel"].forEach((e=>{"xpl-tab-panel"===e&&(customElements.get(l(e))||customElements.define(l(e),c))}))};export{d as XplTabPanel,r as defineCustomElement}
+import{p as e,H as t,h as s,c as a,t as l}from"./p-BSHdGbmH.js";import{g as c,a as n,t as p}from"./p-BQtbf88X.js";const r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.selected=!1}render(){const e=c(this.el),t=this.target??"",l=n(e,t),r=p(e,t);return s(a,{key:"89c4bb26274f9cd2f317e308d58b03ee48d80ac8","aria-labelledby":r,class:{"xpl-tab-panel":!0,"xpl-tab-panel--selected":this.selected},id:l,role:"tabpanel"},s("slot",{key:"2d8ccc1f14e7415528bbb09fa9ed174e5cea8e00"}))}get el(){return this}},[260,"xpl-tab-panel",{selected:[4],target:[1]}]),b=r,o=function(){"undefined"!=typeof customElements&&["xpl-tab-panel"].forEach((e=>{"xpl-tab-panel"===e&&(customElements.get(l(e))||customElements.define(l(e),r))}))};export{b as XplTabPanel,o as defineCustomElement}

package/dist/components/xpl-tab.js

@@ -1 +1 @@
-import{p as t,H as s,d as e,h as i,c as a,t as n}from"./p-BT_Lq3Vd.js";import{g as l,t as o,a as r}from"./p-Yj_QFaRn.js";import{d as c}from"./p-D97c0GjM.js";import{d as h}from"./p-B1PBAEzg.js";const u=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.tabChange=e(this,"tabChange",7),this.disabled=!1,this.fullWidth=!1,this.groupDisabled=!1,this.iconPosition="start",this.selected=!1,this.variant="tabs",this.handleTabClick=()=>{this.effectivelyDisabled||this.tabChange.emit(this.target)}}async getFocusableElement(){return this.el.querySelector(this.isSegment?"xpl-button button":".xpl-tab__button")}async setTabIndex(t){const s=await this.getFocusableElement();s&&(s.tabIndex=t)}async focusTrigger(){const t=await this.getFocusableElement();null==t||t.focus()}get a11yIds(){var t;const s=l(this.el),e=null!==(t=this.target)&&void 0!==t?t:"";return{panelId:r(s,e),triggerId:o(s,e)}}get effectivelyDisabled(){return this.disabled||this.groupDisabled}get isSegment(){return"segment"===this.variant}render(){var t;const s=this.isSegment,{panelId:e,triggerId:n}=this.a11yIds,l=this.selected?"true":"false";return i(a,{class:{"xpl-tab":!0,"xpl-tab--selected":this.selected,"xpl-tab--segment":s,"xpl-tab--disabled":this.effectivelyDisabled}},s?i("xpl-button",{controlAttrs:{id:n,role:"tab","aria-controls":e,"aria-selected":l},disabled:this.effectivelyDisabled,fullWidth:this.fullWidth,icon:null!==(t=this.icon)&&void 0!==t?t:"",iconPosition:this.iconPosition,onClick:this.handleTabClick,size:"sm",type:"button",variant:this.selected?"primary":"tertiary"},i("slot",null)):i("button",{"aria-controls":e,"aria-selected":l,class:"xpl-tab__button",disabled:this.effectivelyDisabled,id:n,onClick:this.handleTabClick,role:"tab",type:"button"},i("slot",null)))}get el(){return this}},[260,"xpl-tab",{disabled:[516],fullWidth:[4,"full-width"],groupDisabled:[1540,"data-group-disabled"],icon:[513],iconPosition:[1,"icon-position"],selected:[4],target:[1],variant:[1],getFocusableElement:[64],setTabIndex:[64],focusTrigger:[64]}]),d=u,b=function(){"undefined"!=typeof customElements&&["xpl-tab","xpl-button","xpl-icon"].forEach((t=>{switch(t){case"xpl-tab":customElements.get(n(t))||customElements.define(n(t),u);break;case"xpl-button":customElements.get(n(t))||c();break;case"xpl-icon":customElements.get(n(t))||h()}}))};export{d as XplTab,b as defineCustomElement}
+import{p as t,H as s,d as e,h as i,c as a,t as l}from"./p-BSHdGbmH.js";import{g as n,t as r,a as o}from"./p-BQtbf88X.js";import{d as c}from"./p-CRKY79vL.js";import{d as h}from"./p-DywQ3S73.js";import{d}from"./p-imCMp2Nl.js";const b=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.tabChange=e(this,"tabChange",7),this.badgeVariant="purple",this.disabled=!1,this.fullWidth=!1,this.groupDisabled=!1,this.iconPosition="start",this.selected=!1,this.variant="tabs",this.handleTabClick=()=>{this.effectivelyDisabled||this.tabChange.emit(this.target)}}async getFocusableElement(){return this.el.querySelector(this.isSegment?"xpl-button button":".xpl-tab__button")}async setTabIndex(t){const s=await this.getFocusableElement();s&&(s.tabIndex=t)}async focusTrigger(){const t=await this.getFocusableElement();t?.focus()}get a11yIds(){const t=n(this.el),s=this.target??"";return{panelId:o(t,s),triggerId:r(t,s)}}get effectivelyDisabled(){return this.disabled||this.groupDisabled}get isSegment(){return"segment"===this.variant}get hasBadge(){return null!=this.badge&&this.badge.length>0}renderBadge(){return this.hasBadge?i("xpl-badge",{class:"xpl-tab__badge",dotOnly:!0,variant:this.badgeVariant},this.badge):null}render(){const t=this.isSegment,{panelId:s,triggerId:e}=this.a11yIds,l=this.selected?"true":"false",n={"xpl-tab":!0,"xpl-tab--selected":this.selected,"xpl-tab--segment":t,"xpl-tab--disabled":this.effectivelyDisabled};if(t)return i(a,{class:n},i("xpl-button",{controlAttrs:{id:e,role:"tab","aria-controls":s,"aria-selected":l},disabled:this.effectivelyDisabled,fullWidth:this.fullWidth,icon:this.icon??"",iconPosition:this.iconPosition,onClick:this.handleTabClick,size:"sm",type:"button",variant:this.selected?"primary":"tertiary"},i("slot",null),this.renderBadge()));const r=this.icon?i("xpl-icon",{class:"xpl-tab__icon",icon:this.icon,size:16}):null;return i(a,{class:n},i("button",{"aria-controls":s,"aria-selected":l,class:"xpl-tab__button",disabled:this.effectivelyDisabled,id:e,onClick:this.handleTabClick,role:"tab",type:"button"},"start"===this.iconPosition?r:null,i("slot",null),"end"===this.iconPosition?r:null,this.renderBadge()))}get el(){return this}},[260,"xpl-tab",{badge:[513],badgeVariant:[1,"badge-variant"],disabled:[516],fullWidth:[4,"full-width"],groupDisabled:[1540,"data-group-disabled"],icon:[513],iconPosition:[1,"icon-position"],selected:[4],target:[1],variant:[1],getFocusableElement:[64],setTabIndex:[64],focusTrigger:[64]}]),u=b,p=function(){"undefined"!=typeof customElements&&["xpl-tab","xpl-badge","xpl-button","xpl-icon"].forEach((t=>{switch(t){case"xpl-tab":customElements.get(l(t))||customElements.define(l(t),b);break;case"xpl-badge":customElements.get(l(t))||c();break;case"xpl-button":customElements.get(l(t))||h();break;case"xpl-icon":customElements.get(l(t))||d()}}))};export{u as XplTab,p as defineCustomElement}

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

@@ -1 +1 @@
-import{p as s,H as e,d as t,h as o,c,t as r}from"./p-BT_Lq3Vd.js";import{d as n}from"./p-BWyAzrwu.js";import{d as i}from"./p-B1PBAEzg.js";const l=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.sortChanged=t(this,"sortChanged",7),this.sortable=!1,this.label="",this.type="label",this.sortDirection="none"}toggleSort(){this.sortDirection="asc"===this.sortDirection?"desc":"desc"===this.sortDirection?"none":"asc",this.sortChanged.emit(this.sortDirection)}render(){const s=Array.from(this.el.parentElement.children).indexOf(this.el)+1,e=()=>{switch(this.type){case"label":return o("span",null,this.label);case"checkbox":return o("xpl-checkbox",null);case"icon":return o("xpl-icon",{icon:this.icon,size:20});default:return""}};return o(c,{role:"columnheader","aria-colindex":s,class:"xpl-table-header-cell "+(this.sortable?"sortable":"non-sortable"),style:{width:this.width+"px"}},this.sortable?o("button",{onClick:()=>this.toggleSort()},e(),(()=>{switch(this.sortDirection){case"none":return o("xpl-icon",{class:"sort-icon",icon:"arrow-down",size:16});case"asc":return o("xpl-icon",{class:"sort-icon sort-icon--sorted",icon:"arrow-up",size:16});case"desc":return o("xpl-icon",{class:"sort-icon sort-icon--sorted",icon:"arrow-down",size:16});default:return""}})()):e())}get el(){return this}},[0,"xpl-table-header-cell",{icon:[1],sortable:[4],label:[1],type:[1],width:[2],sortDirection:[32]}]),a=l,h=function(){"undefined"!=typeof customElements&&["xpl-table-header-cell","xpl-checkbox","xpl-icon"].forEach((s=>{switch(s){case"xpl-table-header-cell":customElements.get(r(s))||customElements.define(r(s),l);break;case"xpl-checkbox":customElements.get(r(s))||n();break;case"xpl-icon":customElements.get(r(s))||i()}}))};export{a as XplTableHeaderCell,h as defineCustomElement}
+import{p as s,H as e,d as t,h as o,c,t as r}from"./p-BSHdGbmH.js";import{d as i}from"./p-DFGw0APN.js";import{d as n}from"./p-imCMp2Nl.js";const l=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.sortChanged=t(this,"sortChanged",7),this.sortable=!1,this.label="",this.type="label",this.sortDirection="none"}toggleSort(){this.sortDirection="asc"===this.sortDirection?"desc":"desc"===this.sortDirection?"none":"asc",this.sortChanged.emit(this.sortDirection)}render(){const s=this.el.parentElement?Array.from(this.el.parentElement.children).indexOf(this.el)+1:0,e=()=>{switch(this.type){case"label":return o("span",null,this.label);case"checkbox":return o("xpl-checkbox",null);case"icon":return this.icon?o("xpl-icon",{icon:this.icon,size:20}):null;default:return""}};return o(c,{role:"columnheader","aria-colindex":s,class:"xpl-table-header-cell "+(this.sortable?"sortable":"non-sortable"),style:{width:this.width+"px"}},this.sortable?o("button",{onClick:()=>this.toggleSort()},e(),(()=>{switch(this.sortDirection){case"none":return o("xpl-icon",{class:"sort-icon",icon:"arrow-down",size:16});case"asc":return o("xpl-icon",{class:"sort-icon sort-icon--sorted",icon:"arrow-up",size:16});case"desc":return o("xpl-icon",{class:"sort-icon sort-icon--sorted",icon:"arrow-down",size:16});default:return""}})()):e())}get el(){return this}},[0,"xpl-table-header-cell",{icon:[1],sortable:[4],label:[1],type:[1],width:[2],sortDirection:[32]}]),a=l,h=function(){"undefined"!=typeof customElements&&["xpl-table-header-cell","xpl-checkbox","xpl-icon"].forEach((s=>{switch(s){case"xpl-table-header-cell":customElements.get(r(s))||customElements.define(r(s),l);break;case"xpl-checkbox":customElements.get(r(s))||i();break;case"xpl-icon":customElements.get(r(s))||n()}}))};export{a as XplTableHeaderCell,h as defineCustomElement}

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

@@ -1 +1 @@
-import{p as e,H as a,h as t,c as s,t as c}from"./p-BT_Lq3Vd.js";const r=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost()}render(){return t(s,{key:"f50c2c0ca2743e47ad44a368a9ea684c57a72261",role:"row",class:"xpl-table-header"},t("slot",{key:"7a61b45818de8675015ca3defb9ee8c3280e961a"}))}},[260,"xpl-table-header"]),l=r,o=function(){"undefined"!=typeof customElements&&["xpl-table-header"].forEach((e=>{"xpl-table-header"===e&&(customElements.get(c(e))||customElements.define(c(e),r))}))};export{l as XplTableHeader,o as defineCustomElement}
+import{p as e,H as t,h as a,c as s,t as c}from"./p-BSHdGbmH.js";const r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost()}render(){return a(s,{key:"6a9997040f64ebc1ede766230c0310a11fd23fd5",role:"row",class:"xpl-table-header"},a("slot",{key:"b9359ac81366cc2a0790b2268a0a5443867bbadc"}))}},[260,"xpl-table-header"]),l=r,o=function(){"undefined"!=typeof customElements&&["xpl-table-header"].forEach((e=>{"xpl-table-header"===e&&(customElements.get(c(e))||customElements.define(c(e),r))}))};export{l as XplTableHeader,o as defineCustomElement}

package/dist/components/xpl-table.js

@@ -1 +1 @@
-import{p as t,H as s,d as e,h as i,c as h,t as a}from"./p-BT_Lq3Vd.js";import{d as l}from"./p-BWyAzrwu.js";import{d as c}from"./p-B1PBAEzg.js";const r=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.tableSelect=e(this,"tableSelect",7),this.sortChanged=e(this,"sortChanged",3),this.selectedValues=[],this.isSortable=!1,this.sortableColumns=[],this.areAllSelected=!1,this.hasScrolled=!1,this.sortTypeArray=[],this.selectAllValue=Math.random().toString(36).slice(2),this.selectAll=t=>{const s=t.detail;this.areAllSelected=s,this.selected=this.selectedValues.length>0?Array.from(this.el.querySelectorAll("tbody td:first-child xpl-checkbox")).map((t=>s?t.value:s)):this.selected.map((()=>s)),this.onChange()},this.selectOne=(t,s)=>{const e=t.detail,{value:i}=t.target;this.selected=this.selected.map(((t,h)=>h!==s?t:this.selectedValues.length>0&&e?i:e)),this.areAllSelected=this.selected.every((t=>!!t)),this.onChange()},this.onChange=()=>{this.tableSelect.emit({selected:this.selected,areAllSelected:this.areAllSelected})},this.onScroll=()=>{this.hasScrolled=this.container.scrollLeft>0},this.sortBy=(t,s)=>{const e=(s,e)=>s[t].toLocaleLowerCase()<e[t].toLocaleLowerCase()?-1:s[t].toLocaleLowerCase()>e[t].toLocaleLowerCase()?1:0;switch(s[t]){case"asc":this.rowData.sort(((t,s)=>e(t,s)));break;case"desc":this.rowData.sort(((t,s)=>e(s,t)));break;default:this.rowData=this.data,this.sortTypeArray[t]=null}this.rowData=Array.from(this.rowData),this.render()},this.setData=()=>{this.rowData=void 0!==this.data?Array.from(this.data):[]},this.setFooterData=()=>{this.rowFooterData=void 0!==this.footer?Array.from(this.footer):[]}}handleSort(t,s,e,i){t.preventDefault(),t.stopPropagation(),s&&(this.sortTypeArray=this.sortTypeArray.map(((t,s)=>{if(s!==e)return null;switch(t){case"asc":return"desc";case"desc":return null;default:return"asc"}})),this.sortChanged.emit({colNum:e,colName:i,sortTypeArr:this.sortTypeArray}).defaultPrevented||this.sortBy(e,this.sortTypeArray))}watchData(){this.setData()}watchFooterData(){this.setFooterData()}watchColumns(){this.sortTypeArray=this.columns?this.columns.map((()=>null)):[]}componentWillLoad(){this.areAllSelected=!1,this.setData(),this.setFooterData(),this.selected=Array(this.rowData.length).fill(!1),this.sortTypeArray=this.columns?this.columns.map((()=>null)):[]}render(){var t;return!this.columns||this.sortTypeArray&&this.sortTypeArray.length===this.columns.length||(this.sortTypeArray=this.columns.map((()=>null))),i(h,{key:"b2ed918c3c434b6403fe6d18619d0a1a5bf864bf"},i("div",{key:"d55accaecba09869f07dcc7030eca5cc1175dd95",class:"xpl-table-container",onScroll:this.onScroll,ref:t=>{this.container=t}},i("table",{key:"6406b92ee6717c80f5f363110fda38fa5bbe61ff",class:{"xpl-table":!0,"xpl-table--striped":this.striped,"xpl-table--freeze":this.freeze,"xpl-table--has-scrolled":this.hasScrolled}},this.columns&&i("thead",{key:"2f89526153301be4ad9ba2f2ec2dac791b4702ae"},this.columns.map(((t,s)=>{var e;const h=(t=>{switch(t){case"asc":return"arrow-up";case"desc":return"arrow-down";default:return"dash"}})(null===(e=this.sortTypeArray)||void 0===e?void 0:e[s]),a=!(!this.isSortable||!this.sortableColumns[s]);return i("th",null,i("label",{onClick:e=>this.handleSort(e,a,s,t.replace(/ /g,"-").toLowerCase()),class:a?"cursor-pointer":""},this.multiselect&&0===s&&i("xpl-checkbox",{checked:this.areAllSelected,indeterminate:!this.areAllSelected&&this.selected.some((t=>t)),onClick:t=>t.stopPropagation(),onCheckboxChange:t=>this.selectAll(t),value:"select-all-"+this.selectAllValue,"aria-label":"Select all rows"}),t,a&&!!this.sortTypeArray[s]&&i("xpl-icon",{icon:h,size:16})))}))),i("tbody",{key:"d1c762bc09191ac0b5b84ade9409d87a726f15f4"},this.rowData.map(((t,s)=>i("tr",{class:this.selected&&this.selected[s]?"xpl-table-row-selected":""},t.map(((t,e)=>i("td",null,this.multiselect&&0===e?i("label",null,i("xpl-checkbox",{checked:!!this.selected[s],onCheckboxChange:t=>this.selectOne(t,s),value:this.selectedValues.length>0?this.selectedValues[s]:"xpl-table-checkbox-"+s,"aria-label":"Select row "+(s+1)}),i("div",{innerHTML:t})):i("div",{innerHTML:t})))))))),(null===(t=this.rowFooterData)||void 0===t?void 0:t.length)>0&&i("tfoot",{key:"99e0e8cbe768f3c565d5fd6328c6e305483bf3f1"},this.rowFooterData.map((t=>i("tr",null,t.map((t=>i("td",null,i("div",{innerHTML:t})))))))))))}get el(){return this}static get watchers(){return{data:[{watchData:0}],footer:[{watchFooterData:0}],columns:[{watchColumns:0}]}}},[0,"xpl-table",{columns:[16],data:[16],footer:[16],freeze:[4],multiselect:[4],striped:[4],selectedValues:[16],isSortable:[4,"is-sortable"],sortableColumns:[16],areAllSelected:[32],rowData:[32],rowFooterData:[32],hasScrolled:[32],selected:[32],sortTypeArray:[32]},void 0,{data:[{watchData:0}],footer:[{watchFooterData:0}],columns:[{watchColumns:0}]}]),o=r,n=function(){"undefined"!=typeof customElements&&["xpl-table","xpl-checkbox","xpl-icon"].forEach((t=>{switch(t){case"xpl-table":customElements.get(a(t))||customElements.define(a(t),r);break;case"xpl-checkbox":customElements.get(a(t))||l();break;case"xpl-icon":customElements.get(a(t))||c()}}))};export{o as XplTable,n as defineCustomElement}
+import{p as t,H as s,d as e,h as i,c as h,t as l}from"./p-BSHdGbmH.js";import{d as a}from"./p-DFGw0APN.js";import{d as c}from"./p-imCMp2Nl.js";const r=t(class t extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.tableSelect=e(this,"tableSelect",7),this.sortChanged=e(this,"sortChanged",3),this.selectedValues=[],this.isSortable=!1,this.sortableColumns=[],this.areAllSelected=!1,this.hasScrolled=!1,this.sortTypeArray=[],this.selectAll=t=>{const s=t.detail;this.areAllSelected=s,this.selected=this.selectedValues.length>0?Array.from(this.el.querySelectorAll("tbody td:first-child xpl-checkbox")).map((t=>s?t.value??s:s)):this.selected.map((()=>s)),this.onChange()},this.selectOne=(t,s)=>{const e=t.detail,{value:i}=t.target;this.selected=this.selected.map(((t,h)=>h!==s?t:this.selectedValues.length>0&&e?i??e:e)),this.areAllSelected=this.selected.every((t=>!!t)),this.onChange()},this.onChange=()=>{this.tableSelect.emit({selected:this.selected,areAllSelected:this.areAllSelected})},this.onScroll=()=>{this.hasScrolled=this.container.scrollLeft>0},this.sortBy=(t,s)=>{const e=(s,e)=>s[t].toLocaleLowerCase()<e[t].toLocaleLowerCase()?-1:s[t].toLocaleLowerCase()>e[t].toLocaleLowerCase()?1:0;switch(s[t]){case"asc":this.rowData.sort(((t,s)=>e(t,s)));break;case"desc":this.rowData.sort(((t,s)=>e(s,t)));break;default:this.rowData=this.data?Array.from(this.data):[],this.sortTypeArray[t]=null}this.rowData=Array.from(this.rowData)},this.setData=()=>{this.rowData=void 0!==this.data?Array.from(this.data):[]}}handleSort(t,s,e,i){t.preventDefault(),t.stopPropagation(),s&&(this.sortTypeArray=this.sortTypeArray.map(((t,s)=>{if(s!==e)return null;switch(t){case"asc":return"desc";case"desc":return null;default:return"asc"}})),this.sortChanged.emit({colNum:e,colName:i,sortTypeArr:this.sortTypeArray}).defaultPrevented||this.sortBy(e,this.sortTypeArray))}watchData(){this.setData()}watchColumns(){this.sortTypeArray=this.columns?this.columns.map((()=>null)):[]}componentWillLoad(){this.ensureSelectAllValue(),this.areAllSelected=!1,this.setData(),this.selected=Array(this.rowData.length).fill(!1),this.ensureSortTypeArray()}ensureSelectAllValue(){if(void 0!==this.selectAllValue)return;const s=this.el.id?.trim();if(s)return void(this.selectAllValue=s+"-select-all");const e=this.el.getAttribute("data-select-all-value");e?this.selectAllValue=e:(t.selectAllSeq+=1,this.selectAllValue="select-all-"+t.selectAllSeq,this.el.setAttribute("data-select-all-value",this.selectAllValue))}ensureSortTypeArray(){!this.columns||this.sortTypeArray&&this.sortTypeArray.length===this.columns.length?this.columns||(this.sortTypeArray=[]):this.sortTypeArray=this.columns.map((()=>null))}render(){const t=void 0!==this.footer?Array.from(this.footer):[];return i(h,{key:"c1de0e2cfd09c45e3c3f3fb9d8ad47615031a42f"},i("div",{key:"ae6f19f8fd43c1b9f647ec901d2f01933625860d",class:"xpl-table-container",onScroll:this.onScroll,ref:t=>{t&&(this.container=t)}},i("table",{key:"0a4b2c06785a26046d95b24a22c1d5bc4abea306",class:{"xpl-table":!0,"xpl-table--striped":!!this.striped,"xpl-table--freeze":!!this.freeze,"xpl-table--has-scrolled":this.hasScrolled}},this.columns&&i("thead",{key:"9298a70476ea69fa530fb50992643f70b4266c26"},this.columns.map(((t,s)=>{const e=(t=>{switch(t){case"asc":return"arrow-up";case"desc":return"arrow-down";default:return"dash"}})(this.sortTypeArray?.[s]),h=!(!this.isSortable||!this.sortableColumns[s]);return i("th",null,i("label",{onClick:e=>this.handleSort(e,h,s,t.replace(/ /g,"-").toLowerCase()),class:h?"cursor-pointer":""},this.multiselect&&0===s&&i("xpl-checkbox",{checked:this.areAllSelected,indeterminate:!this.areAllSelected&&this.selected.some((t=>t)),onClick:t=>t.stopPropagation(),onCheckboxChange:t=>this.selectAll(t),value:this.selectAllValue,"aria-label":"Select all rows"}),t,h&&!!this.sortTypeArray[s]&&i("xpl-icon",{icon:e,size:16})))}))),i("tbody",{key:"b4bb753f41278360c8f34015a982b04771b59064"},this.rowData.map(((t,s)=>i("tr",{class:this.selected&&this.selected[s]?"xpl-table-row-selected":""},t.map(((t,e)=>i("td",null,this.multiselect&&0===e?i("label",null,i("xpl-checkbox",{checked:!!this.selected[s],onCheckboxChange:t=>this.selectOne(t,s),value:this.selectedValues.length>0?this.selectedValues[s]:"xpl-table-checkbox-"+s,"aria-label":"Select row "+(s+1)}),i("div",{innerHTML:t})):i("div",{innerHTML:t})))))))),t.length>0&&i("tfoot",{key:"571bb59b2a69b0b22bf45297484c2c9e01ae3a78"},t.map((t=>i("tr",null,t.map((t=>i("td",null,i("div",{innerHTML:t})))))))))))}get el(){return this}static get watchers(){return{data:[{watchData:0}],columns:[{watchColumns:0}]}}},[0,"xpl-table",{columns:[16],data:[16],footer:[16],freeze:[4],multiselect:[4],striped:[4],selectedValues:[16],isSortable:[4,"is-sortable"],sortableColumns:[16],areAllSelected:[32],rowData:[32],hasScrolled:[32],selected:[32],sortTypeArray:[32]},void 0,{data:[{watchData:0}],columns:[{watchColumns:0}]}]);r.selectAllSeq=0;const o=r,n=function(){"undefined"!=typeof customElements&&["xpl-table","xpl-checkbox","xpl-icon"].forEach((t=>{switch(t){case"xpl-table":customElements.get(l(t))||customElements.define(l(t),r);break;case"xpl-checkbox":customElements.get(l(t))||a();break;case"xpl-icon":customElements.get(l(t))||c()}}))};export{o as XplTable,n as defineCustomElement}

package/dist/components/xpl-tabs.js

@@ -1 +1 @@
-import{p as t,H as s,d as e,h as i,c as a,t as n}from"./p-BT_Lq3Vd.js";import{d as o}from"./p-3qMYyqTe.js";import{d as l}from"./p-U5dPMCXE.js";import{d as h}from"./p-Ds28UyUR.js";import{d}from"./p-BG0-6Xek.js";import{d as r}from"./p-B1PBAEzg.js";import{d as c}from"./p-CFW_w5Wj.js";import{d as p}from"./p-DEl4Rvzs.js";let b=0;function u(t){var e,i;const a=t.querySelector("xpl-button button");if(a){const t=a.cloneNode(!0);if(t instanceof s){t.querySelectorAll(".xpl-button__icon, xpl-icon").forEach((t=>t.remove()));const s=null===(e=t.textContent)||void 0===e?void 0:e.replace(/\s+/g," ").trim();if(s)return s}}const n=t.querySelector(".xpl-tab__button");return n?Array.from(n.childNodes).filter((t=>t.nodeType===Node.TEXT_NODE)).map((t=>{var s;return(null!==(s=t.textContent)&&void 0!==s?s:"").trim()})).join(" "):null!==(i=t.getAttribute("target"))&&void 0!==i?i:""}const m=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.tabChange=e(this,"tabChange",7),this.tabHeadings=[],this.tabPanels=[],this.tablistKeydownBound=!1,this.activeBarPosition={left:0,width:0},this.choicesTick=1,this.isMobileSelectChange=!1,this.selectedValue="",this.disabled=!1,this.fullWidth=!1,this.type="tabs",this.handleTabChange=t=>{this.applySelection(t)},this.onTablistKeydown=async t=>{var s,e;if(this.disabled)return;const i=null===(e=null===(s=t.target)||void 0===s?void 0:s.closest)||void 0===e?void 0:e.call(s,"xpl-tab");if(!i||!this.tabHeadings.includes(i))return;const{key:a}=t;let n=!1,o=!1;this.isTablistRtl()?"ArrowLeft"===a||"ArrowDown"===a?n=!0:"ArrowRight"!==a&&"ArrowUp"!==a||(o=!0):"ArrowRight"===a||"ArrowDown"===a?n=!0:"ArrowLeft"!==a&&"ArrowUp"!==a||(o=!0);const l=n||o,h="Home"===a;if(!l&&!h&&"End"!==a)return;const d=this.getEnabledTabHeadingsSync();if(0===d.length)return;const r=d.indexOf(i);if(-1===r)return;let c;c=l?n?(r+1)%d.length:(r-1+d.length)%d.length:h?0:d.length-1;const p=d[c],b=null==p?void 0:p.getAttribute("target");if(!b)return;const u=i.getAttribute("target");t.preventDefault(),b!==u&&(this.applySelection(b),await p.focusTrigger(),this.tabChange.emit(b))}}onDisabledChanged(){this.syncGroupDisabledOnTabs(),this.disabled||this.syncRovingTabindex()}onFullWidthChanged(){this.syncFullWidthOnTabs()}onTypeChanged(){this.syncVariantOnTabs()}onValueChanged(t){this.applySelection(t)}connectedCallback(){this.el.hasAttribute("data-tabs-instance-id")||(b+=1,this.el.setAttribute("data-tabs-instance-id","xpl-tg-"+b)),"undefined"!=typeof MutationObserver&&(this.observer=new MutationObserver((()=>{this.collectTabs(!0)})),this.observer.observe(this.el,{childList:!0,subtree:!0}))}disconnectedCallback(){var t;null===(t=this.observer)||void 0===t||t.disconnect(),this.headingsContainerRef&&this.tablistKeydownBound&&(this.headingsContainerRef.removeEventListener("keydown",this.onTablistKeydown),this.tablistKeydownBound=!1),void 0!==this.rafId&&(cancelAnimationFrame(this.rafId),this.rafId=void 0)}componentWillLoad(){this.selectedValue=this.getDefaultValue()}componentDidLoad(){this.collectTabs(!1),this.attachTablistKeydown()}componentDidUpdate(){this.updateActiveBarPosition(),this.syncRovingTabindex()}componentDidRender(){!this.tablistKeydownBound&&this.headingsContainerRef&&this.attachTablistKeydown()}onWindowResize(){this.updateActiveBarPosition()}syncGroupDisabledOnTabs(){this.tabHeadings.forEach((t=>{this.disabled?t.setAttribute("data-group-disabled",""):t.removeAttribute("data-group-disabled")}))}applySelection(t){this.tabHeadings.forEach((s=>{t===s.getAttribute("target")?s.setAttribute("selected",""):s.removeAttribute("selected")})),this.tabPanels.forEach((s=>{t===s.getAttribute("target")?s.setAttribute("selected",""):s.removeAttribute("selected")})),this.syncGroupDisabledOnTabs(),void 0!==this.rafId&&cancelAnimationFrame(this.rafId),this.rafId=requestAnimationFrame((()=>{this.rafId=void 0,this.selectedValue=t,this.updateActiveBarPosition(),this.syncRovingTabindex()}))}isOwnedTabOrPanel(t){return t.closest("xpl-tabs")===this.el}collectTabs(t){this.tabHeadings=Array.from(this.el.querySelectorAll("xpl-tab")).filter((t=>this.isOwnedTabOrPanel(t))),this.tabPanels=Array.from(this.el.querySelectorAll("xpl-tab-panel")).filter((t=>this.isOwnedTabOrPanel(t))),this.syncVariantOnTabs(),this.syncFullWidthOnTabs(),this.applySelection(this.getDefaultValue()),t&&(this.choicesTick+=1)}syncVariantOnTabs(){this.tabHeadings.forEach((t=>{t.variant=this.type}))}syncFullWidthOnTabs(){this.tabHeadings.forEach((t=>{t.fullWidth=this.fullWidth}))}getDefaultValue(){var t,s;return this.value||(null===(s=null===(t=this.tabHeadings)||void 0===t?void 0:t[0])||void 0===s?void 0:s.getAttribute("target"))||""}async syncRovingTabindex(){this.disabled||await Promise.all(this.tabHeadings.map((async t=>{var s;const e=(null!==(s=t.getAttribute("target"))&&void 0!==s?s:"")===this.selectedValue;await t.setTabIndex(e?0:-1)})))}getEnabledTabHeadingsSync(){return this.tabHeadings.filter((t=>{if(this.disabled||t.hasAttribute("disabled"))return!1;const s=t.querySelector("segment"===t.variant?"xpl-button button":".xpl-tab__button");return!(!s||s.disabled)}))}attachTablistKeydown(){const t=this.headingsContainerRef;t&&!this.tablistKeydownBound&&(t.addEventListener("keydown",this.onTablistKeydown),this.tablistKeydownBound=!0)}isTablistRtl(){const t=this.headingsContainerRef;return!!t&&"rtl"===getComputedStyle(t).direction}renderChoices(){return this.tabHeadings.map((t=>{var s;const e=null!==(s=t.getAttribute("target"))&&void 0!==s?s:"",i=this.disabled||t.hasAttribute("disabled"),a="segment"===this.type&&t.getAttribute("icon")||void 0;return Object.assign({label:u(t),value:e,isDisabled:i},a?{icon:a}:{})}))}updateActiveBarPosition(){if("segment"===this.type)return;const t=this.tabHeadings.find((t=>t.getAttribute("target")===this.selectedValue));if(!this.headingsContainerRef||!t)return;const s=t.getBoundingClientRect(),e=this.headingsContainerRef.getBoundingClientRect(),i=s.left-e.left,a=s.width;this.activeBarPosition.left===i&&this.activeBarPosition.width===a||(this.activeBarPosition={left:i,width:a})}mobileSelectClassNames(){const t="xpl-tabs__mobile-select";return"segment"===this.type?t+" xpl-tabs__mobile-select--segment":t}render(){const t="segment"===this.type;return i(a,{key:"a030a35038572d70f3fb2b979adbaa56d77a1d49",class:{"xpl-tabs":!0,"xpl-tabs--full-width":this.fullWidth,"xpl-tabs--segment":t},"data-choices-tick":this.choicesTick},i("xpl-select",{key:"8260974c68020dea475f6e0780c766abfca94fda",classNames:this.mobileSelectClassNames(),choices:this.renderChoices(),disabled:this.disabled,selectedValues:this.selectedValue,onDropdownStateChange:t=>{t.detail&&(this.isMobileSelectChange=!0)},onChangeEvent:t=>{if(this.isMobileSelectChange){const s=""+t.detail;this.handleTabChange(s),this.tabChange.emit(s),this.isMobileSelectChange=!1}}}),i("nav",{key:"73a1e4ad4830b9b22b4eee00bad5793705cf3ac3","aria-orientation":"horizontal",class:"xpl-tabs__headings",role:"tablist",ref:t=>{this.headingsContainerRef=t},onTabChange:t=>{t.stopPropagation(),this.isMobileSelectChange=!1,this.handleTabChange(t.detail),this.tabChange.emit(t.detail)}},!t&&i("div",{key:"8008620a99470824fe61ea535fb46a3dea75afc3",class:"xpl-tabs__active-bar",style:{transform:`translateX(${this.activeBarPosition.left}px)`,width:this.activeBarPosition.width+"px"}}),i("slot",{key:"be53fe549e5b9c887ad90cbafcc8f95631361fee",name:"heading"})),i("div",{key:"d97b138b5fcb0207684698752ec72c1dcd9464a3",class:"xpl-tabs__panels"},i("slot",{key:"fe40edbf2c9f20d02d75ab62a142e7df04ef0afd",name:"panel"})))}get el(){return this}static get watchers(){return{disabled:[{onDisabledChanged:0}],fullWidth:[{onFullWidthChanged:0}],type:[{onTypeChanged:0}],value:[{onValueChanged:0}]}}},[260,"xpl-tabs",{disabled:[4],fullWidth:[4,"full-width"],type:[513],value:[1],activeBarPosition:[32],choicesTick:[32],isMobileSelectChange:[32],selectedValue:[32]},[[9,"resize","onWindowResize"]],{disabled:[{onDisabledChanged:0}],fullWidth:[{onFullWidthChanged:0}],type:[{onTypeChanged:0}],value:[{onValueChanged:0}]}]),f=m,g=function(){"undefined"!=typeof customElements&&["xpl-tabs","xpl-dropdown","xpl-dropdown-group","xpl-dropdown-heading","xpl-dropdown-option","xpl-icon","xpl-select","xpl-tag"].forEach((t=>{switch(t){case"xpl-tabs":customElements.get(n(t))||customElements.define(n(t),m);break;case"xpl-dropdown":customElements.get(n(t))||o();break;case"xpl-dropdown-group":customElements.get(n(t))||l();break;case"xpl-dropdown-heading":customElements.get(n(t))||h();break;case"xpl-dropdown-option":customElements.get(n(t))||d();break;case"xpl-icon":customElements.get(n(t))||r();break;case"xpl-select":customElements.get(n(t))||c();break;case"xpl-tag":customElements.get(n(t))||p()}}))};export{f as XplTabs,g as defineCustomElement}
+import{p as t,H as s,d as e,h as i,c as a,t as n}from"./p-BSHdGbmH.js";import{d as o}from"./p-Di1NDy0w.js";import{d as h}from"./p-Mehog36m.js";import{d as l}from"./p-RYnBuuDE.js";import{d as r}from"./p-Dzp5p-eh.js";import{d}from"./p-imCMp2Nl.js";import{d as c}from"./p-DsRsm61K.js";import{d as p}from"./p-CjbPCnPP.js";let b=0;function u(t){const e=t.querySelector("xpl-button button");if(e){const t=e.cloneNode(!0);if(t instanceof s){t.querySelectorAll(".xpl-button__icon, xpl-icon, xpl-badge").forEach((t=>t.remove()));const s=t.textContent?.replace(/\s+/g," ").trim();if(s)return s}}const i=t.querySelector(".xpl-tab__button");if(i){const t=Array.from(i.childNodes).filter((t=>t.nodeType===Node.TEXT_NODE)).map((t=>(t.textContent??"").trim())).join(" ").replace(/\s+/g," ").trim();if(t)return t}return t.getAttribute("target")??""}const m=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.tabChange=e(this,"tabChange",7),this.tabHeadings=[],this.tabPanels=[],this.tablistKeydownBound=!1,this.activeBarPosition={left:0,width:0},this.choicesTick=1,this.isMobileSelectChange=!1,this.selectedValue="",this.disabled=!1,this.fullWidth=!1,this.type="tabs",this.handleTabChange=t=>{this.applySelection(t)},this.onTablistKeydown=async t=>{if(this.disabled)return;const s=t.target?.closest?.("xpl-tab");if(!s||!this.tabHeadings.includes(s))return;const{key:e}=t;let i=!1,a=!1;this.isTablistRtl()?"ArrowLeft"===e||"ArrowDown"===e?i=!0:"ArrowRight"!==e&&"ArrowUp"!==e||(a=!0):"ArrowRight"===e||"ArrowDown"===e?i=!0:"ArrowLeft"!==e&&"ArrowUp"!==e||(a=!0);const n=i||a,o="Home"===e;if(!n&&!o&&"End"!==e)return;const h=this.getEnabledTabHeadingsSync();if(0===h.length)return;const l=h.indexOf(s);if(-1===l)return;let r;r=n?i?(l+1)%h.length:(l-1+h.length)%h.length:o?0:h.length-1;const d=h[r],c=d?.getAttribute("target");if(!c)return;const p=s.getAttribute("target");t.preventDefault(),c!==p&&(this.applySelection(c),await d.focusTrigger(),this.tabChange.emit(c))}}onDisabledChanged(){this.syncGroupDisabledOnTabs(),this.disabled||this.syncRovingTabindex()}onFullWidthChanged(){this.syncFullWidthOnTabs()}onTypeChanged(){this.syncVariantOnTabs()}onValueChanged(t){this.applySelection(t)}connectedCallback(){this.el.hasAttribute("data-tabs-instance-id")||(b+=1,this.el.setAttribute("data-tabs-instance-id","xpl-tg-"+b)),"undefined"!=typeof MutationObserver&&(this.observer=new MutationObserver((()=>{this.collectTabs(!0)})),this.observer.observe(this.el,{childList:!0,subtree:!0}))}disconnectedCallback(){this.observer?.disconnect(),this.headingsContainerRef&&this.tablistKeydownBound&&(this.headingsContainerRef.removeEventListener("keydown",this.onTablistKeydown),this.tablistKeydownBound=!1),void 0!==this.rafId&&(cancelAnimationFrame(this.rafId),this.rafId=void 0)}componentWillLoad(){this.selectedValue=this.getDefaultValue()}componentDidLoad(){this.collectTabs(!1),this.attachTablistKeydown()}componentDidUpdate(){this.updateActiveBarPosition(),this.syncRovingTabindex()}componentDidRender(){!this.tablistKeydownBound&&this.headingsContainerRef&&this.attachTablistKeydown()}onWindowResize(){this.updateActiveBarPosition()}syncGroupDisabledOnTabs(){this.tabHeadings.forEach((t=>{this.disabled?t.setAttribute("data-group-disabled",""):t.removeAttribute("data-group-disabled")}))}applySelection(t){this.tabHeadings.forEach((s=>{t===s.getAttribute("target")?s.setAttribute("selected",""):s.removeAttribute("selected")})),this.tabPanels.forEach((s=>{t===s.getAttribute("target")?s.setAttribute("selected",""):s.removeAttribute("selected")})),this.syncGroupDisabledOnTabs(),void 0!==this.rafId&&cancelAnimationFrame(this.rafId),this.rafId=requestAnimationFrame((()=>{this.rafId=void 0,this.selectedValue=t,this.updateActiveBarPosition(),this.syncRovingTabindex()}))}isOwnedTabOrPanel(t){return t.closest("xpl-tabs")===this.el}collectTabs(t){this.tabHeadings=Array.from(this.el.querySelectorAll("xpl-tab")).filter((t=>this.isOwnedTabOrPanel(t))),this.tabPanels=Array.from(this.el.querySelectorAll("xpl-tab-panel")).filter((t=>this.isOwnedTabOrPanel(t))),this.syncVariantOnTabs(),this.syncFullWidthOnTabs(),this.applySelection(this.getDefaultValue()),t&&(this.choicesTick+=1)}syncVariantOnTabs(){this.tabHeadings.forEach((t=>{t.variant=this.type}))}syncFullWidthOnTabs(){this.tabHeadings.forEach((t=>{t.fullWidth=this.fullWidth}))}getDefaultValue(){return this.value||this.tabHeadings?.[0]?.getAttribute("target")||""}async syncRovingTabindex(){this.disabled||await Promise.all(this.tabHeadings.map((async t=>{const s=(t.getAttribute("target")??"")===this.selectedValue;await t.setTabIndex(s?0:-1)})))}getEnabledTabHeadingsSync(){return this.tabHeadings.filter((t=>{if(this.disabled||t.hasAttribute("disabled"))return!1;const s=t.querySelector("segment"===t.variant?"xpl-button button":".xpl-tab__button");return!(!s||s.disabled)}))}attachTablistKeydown(){const t=this.headingsContainerRef;t&&!this.tablistKeydownBound&&(t.addEventListener("keydown",this.onTablistKeydown),this.tablistKeydownBound=!0)}isTablistRtl(){const t=this.headingsContainerRef;return!!t&&"rtl"===getComputedStyle(t).direction}renderChoices(){return this.tabHeadings.map((t=>{const s=t.getAttribute("target")??"",e=this.disabled||t.hasAttribute("disabled"),i=t.getAttribute("icon")||void 0;return{label:u(t),value:s,isDisabled:e,...i?{icon:i}:{}}}))}updateActiveBarPosition(){if("segment"===this.type)return;const t=this.tabHeadings.find((t=>t.getAttribute("target")===this.selectedValue));if(!this.headingsContainerRef||!t)return;const s=t.getBoundingClientRect(),e=this.headingsContainerRef.getBoundingClientRect(),i=s.left-e.left,a=s.width;this.activeBarPosition.left===i&&this.activeBarPosition.width===a||(this.activeBarPosition={left:i,width:a})}mobileSelectClassNames(){const t="xpl-tabs__mobile-select";return"segment"===this.type?t+" xpl-tabs__mobile-select--segment":t}render(){const t="segment"===this.type;return i(a,{key:"a863b42f5319f956e3cd698b52c93cec54279fa5",class:{"xpl-tabs":!0,"xpl-tabs--full-width":this.fullWidth,"xpl-tabs--segment":t},"data-choices-tick":this.choicesTick},i("xpl-select",{key:"4f8bf1edbb495e898576ca8024871d40a9df9073",classNames:this.mobileSelectClassNames(),choices:this.renderChoices(),disabled:this.disabled,selectedValues:this.selectedValue,onDropdownStateChange:t=>{t.detail&&(this.isMobileSelectChange=!0)},onChangeEvent:t=>{if(this.isMobileSelectChange){const s=""+t.detail;this.handleTabChange(s),this.tabChange.emit(s),this.isMobileSelectChange=!1}}}),i("nav",{key:"c1e9234eb57af90d6aeff31be11ee3c6d758477f","aria-orientation":"horizontal",class:"xpl-tabs__headings",role:"tablist",ref:t=>{this.headingsContainerRef=t},onTabChange:t=>{t.stopPropagation(),this.isMobileSelectChange=!1,this.handleTabChange(t.detail),this.tabChange.emit(t.detail)}},!t&&i("div",{key:"86543a7b4edc639e4cf617953fa8f3cd4446895b",class:"xpl-tabs__active-bar",style:{transform:`translateX(${this.activeBarPosition.left}px)`,width:this.activeBarPosition.width+"px"}}),i("slot",{key:"0e651ef5fb2413200e40fa95016b546926f012a3",name:"heading"})),i("div",{key:"d9bd0669b7618edf56f518fe797d86da51526018",class:"xpl-tabs__panels"},i("slot",{key:"7c9f18ab1d25351c57b7750c7dd1a528a14c26bb",name:"panel"})))}get el(){return this}static get watchers(){return{disabled:[{onDisabledChanged:0}],fullWidth:[{onFullWidthChanged:0}],type:[{onTypeChanged:0}],value:[{onValueChanged:0}]}}},[260,"xpl-tabs",{disabled:[4],fullWidth:[4,"full-width"],type:[513],value:[1],activeBarPosition:[32],choicesTick:[32],isMobileSelectChange:[32],selectedValue:[32]},[[9,"resize","onWindowResize"]],{disabled:[{onDisabledChanged:0}],fullWidth:[{onFullWidthChanged:0}],type:[{onTypeChanged:0}],value:[{onValueChanged:0}]}]),f=m,g=function(){"undefined"!=typeof customElements&&["xpl-tabs","xpl-dropdown","xpl-dropdown-group","xpl-dropdown-heading","xpl-dropdown-option","xpl-icon","xpl-select","xpl-tag"].forEach((t=>{switch(t){case"xpl-tabs":customElements.get(n(t))||customElements.define(n(t),m);break;case"xpl-dropdown":customElements.get(n(t))||o();break;case"xpl-dropdown-group":customElements.get(n(t))||h();break;case"xpl-dropdown-heading":customElements.get(n(t))||l();break;case"xpl-dropdown-option":customElements.get(n(t))||r();break;case"xpl-icon":customElements.get(n(t))||d();break;case"xpl-select":customElements.get(n(t))||c();break;case"xpl-tag":customElements.get(n(t))||p()}}))};export{f as XplTabs,g as defineCustomElement}

package/dist/components/xpl-tag.js

@@ -1 +1 @@
-import{T as s,d as o}from"./p-DEl4Rvzs.js";const p=s,r=o;export{p as XplTag,r as defineCustomElement}
+import{T as o,d as s}from"./p-CjbPCnPP.js";const p=o,r=s;export{p as XplTag,r as defineCustomElement}

package/dist/components/xpl-toast.js

@@ -1 +1 @@
-import{p as t,H as s,h as e,c as i,t as c}from"./p-BT_Lq3Vd.js";import{d as a}from"./p-B1PBAEzg.js";const o=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.variant="neutral",this.showIcon=!0,this.dismissable=!0,this.timeout=8e3,this.handleAnimationEnd=()=>{var t,s;(null===(t=this.el)||void 0===t?void 0:t.classList.contains("xpl-toast--dismissed"))&&(null===(s=this.el)||void 0===s||s.remove())},this.getIcon=()=>{switch(this.variant){case"warning":return e("xpl-icon",{size:24,icon:"alert-hex"});case"success":return e("xpl-icon",{size:24,icon:"check-circle"});default:return e("xpl-icon",{size:24,icon:"comment-alt"})}},this.dismiss=()=>{var t;null===(t=this.el)||void 0===t||t.classList.add("xpl-toast--dismissed")}}componentDidLoad(){this.actionSlot.children.length<1&&setTimeout((()=>{this.dismiss()}),this.timeout)}render(){var t;return e(i,{key:"8b53818d7882160ab13ba700520c2c54f3d0b630",class:"xpl-toast xpl-toast--"+this.variant,onAnimationEnd:this.handleAnimationEnd},e("div",{key:"6cc47a618684dacf1031bdacfc6cb9134db659e1",class:"xpl-toast__left"},this.showIcon&&e("div",{key:"2360e3bb5d173d97fb63e3ff2069ef6ac53f2a7d",class:"xpl-toast__icon xpl-toast__icon--"+this.variant},this.getIcon()),e("div",{key:"e4c318a21bf17d951deade92c9288791b6664a4f",class:"xpl-toast__notification"},e("p",{key:"6697407277294d71106c9429f5822966572c1f06",class:"xpl-toast__title"},e("slot",{key:"108769cc76b1ed7b42ad436885831d9e7fd4412f",name:"title"})),""!==this.caption&&e("p",{key:"7570a85eaebbd9c236841541557324b45c86dab6",class:"xpl-toast__caption"},null===(t=this.caption)||void 0===t?void 0:t.substring(0,85)))),e("div",{key:"b5f98b93c56f877d6c749c82550aad3b86bb3786",class:"xpl-toast__action",ref:t=>{this.actionSlot=t}},e("slot",{key:"c2007b4a30836c3a1b071539029c1290875bdd2c",name:"action"})),this.dismissable&&e("div",{key:"f0706d95d8091beb32dfbe1535ebbdfb1ce9a018",class:"xpl-toast__close"},e("button",{key:"b1415be4d68035d21857f688f16558470cca2f81",tabIndex:0,onClick:this.dismiss},e("xpl-icon",{key:"61ba3accb69a2637190b5ee3a4f7105fdf896af7",icon:"x"}))))}get el(){return this}},[260,"xpl-toast",{variant:[1],showIcon:[4,"show-icon"],caption:[1],dismissable:[4],timeout:[2]}]),n=o,d=function(){"undefined"!=typeof customElements&&["xpl-toast","xpl-icon"].forEach((t=>{switch(t){case"xpl-toast":customElements.get(c(t))||customElements.define(c(t),o);break;case"xpl-icon":customElements.get(c(t))||a()}}))};export{n as XplToast,d as defineCustomElement}
+import{p as s,H as t,h as e,c as i,t as a}from"./p-BSHdGbmH.js";import{d as c}from"./p-DywQ3S73.js";import{d as o}from"./p-imCMp2Nl.js";let n=!1;const l=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.caption="",this.dismissible=!0,this.showIcon=!0,this.timeout=8e3,this.variant="neutral",this.handleAnimationEnd=()=>{this.el?.classList.contains("xpl-toast--dismissed")&&this.el?.remove()},this.getIcon=()=>{switch(this.variant){case"warning":return e("xpl-icon",{size:24,icon:"octagon-warning"});case"success":return e("xpl-icon",{size:24,icon:"circle-check"});default:return e("xpl-icon",{size:24,icon:"message-writing"})}},this.dismiss=()=>{this.el?.classList.add("xpl-toast--dismissed")}}handleDismissableChange(){void 0!==this.dismissable&&(n||(n=!0,console.warn('[xpl-toast] The "dismissable" prop is deprecated (misspelled). Use "dismissible" instead.')))}handleTimeoutChange(){this.scheduleAutoDismiss()}disconnectedCallback(){this.clearAutoDismissTimer()}componentWillLoad(){this.handleDismissableChange()}componentDidLoad(){this.scheduleAutoDismiss()}get isDismissible(){return this.dismissable??this.dismissible}clearAutoDismissTimer(){void 0!==this.dismissTimerId&&(clearTimeout(this.dismissTimerId),this.dismissTimerId=void 0)}scheduleAutoDismiss(){this.clearAutoDismissTimer(),(this.actionSlot?.children?.length??0)<1&&this.timeout>0&&(this.dismissTimerId=setTimeout((()=>{this.dismiss()}),this.timeout))}render(){return e(i,{key:"cb45af3749d6db4042cf89a296fc5215d42249fd",class:"xpl-toast xpl-toast--"+this.variant,onAnimationEnd:this.handleAnimationEnd},e("div",{key:"0af19edba28e74246fe9eabbdf314c71cb2eefb9",class:"xpl-toast__left"},this.showIcon&&e("div",{key:"7684b67f9a507516799269b7c30e864ea2b854fc",class:"xpl-toast__icon xpl-toast__icon--"+this.variant},this.getIcon()),e("div",{key:"566ce59e4617b203bb4e9a02ffc07fc422257fda",class:"xpl-toast__notification"},e("p",{key:"f5a449e9dc150b12f5a364d8247a3a1247325cab",class:"xpl-toast__title"},e("slot",{key:"0062ab257b833cacde007e7ca4dfa0a38d38e88f",name:"title"})),""!==this.caption&&e("p",{key:"824755a3cdec234965fcedc5a9c156b173dc77ad",class:"xpl-toast__caption"},this.caption?.substring(0,85)))),e("div",{key:"241131c2221a67a5f9969d2701ab7ed8aeb2d8cf",class:"xpl-toast__action",ref:s=>{s&&(this.actionSlot=s)}},e("slot",{key:"2eda8f8f3f7e3e1a4c608d5b5433557b55d3cbf7",name:"action"})),this.isDismissible&&e("div",{key:"92440f49d0c6356f6221471381718b314a928ee2",class:"xpl-toast__close"},e("xpl-button",{key:"eb8e975cc5361d8a9b44f6ca8bc3f5a3163c041c",variant:"tertiary",size:"sm",iconOnly:!0,icon:"xmark",type:"button","aria-label":"Dismiss notification",onClick:this.dismiss})))}get el(){return this}static get watchers(){return{dismissable:[{handleDismissableChange:0}],timeout:[{handleTimeoutChange:0}]}}},[260,"xpl-toast",{caption:[1],dismissable:[4],dismissible:[4],showIcon:[4,"show-icon"],timeout:[2],variant:[1]},void 0,{dismissable:[{handleDismissableChange:0}],timeout:[{handleTimeoutChange:0}]}]),d=l,h=function(){"undefined"!=typeof customElements&&["xpl-toast","xpl-button","xpl-icon"].forEach((s=>{switch(s){case"xpl-toast":customElements.get(a(s))||customElements.define(a(s),l);break;case"xpl-button":customElements.get(a(s))||c();break;case"xpl-icon":customElements.get(a(s))||o()}}))};export{d as XplToast,h as defineCustomElement}

package/dist/components/xpl-toggle.js

@@ -1 +1 @@
-import{p as e,H as s,d as t,h as l,c as i,t as a}from"./p-BT_Lq3Vd.js";import{v as c}from"./p-CK3_k8jD.js";const d=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.toggleChange=t(this,"toggleChange",7),this.variant="default",this.id=c(),this.onChange=e=>{this.toggleChange.emit(e.target.checked)}}render(){let e="xpl-toggle-container";this.disabled&&(e+=" xpl-toggle-container--disabled");let s="xpl-toggle";return"small"===this.variant&&(s+=" xpl-toggle--small"),l(i,{key:"bc7363fd59d7cc10f0df644b5c54021ce860dbbc",class:e},(this.heading||this.description)&&l("label",{key:"06b031581d173694651e58265b287865daeaf22b",class:{"xpl-label":!0,"xpl-label--disabled":this.disabled},htmlFor:this.id},this.heading,this.description&&l("small",{key:"a633107a6dcc2c0c43cd626c3013876831535588",class:{"xpl-description":!0,"xpl-description--disabled":this.disabled}},this.description)),l("input",{key:"fc1d734118dafc0a5f64119eb91d19e8af1254a6",class:s,type:"checkbox",checked:this.checked,disabled:this.disabled,id:this.id,name:this.name,onChange:this.onChange}),this.label&&l("label",{key:"7f1a465da3ec136c11797746505c0629fe2d31a9",htmlFor:this.id},this.label))}},[0,"xpl-toggle",{checked:[4],description:[1],disabled:[4],heading:[1],label:[1],name:[1],variant:[1],id:[32]}]),h=d,o=function(){"undefined"!=typeof customElements&&["xpl-toggle"].forEach((e=>{"xpl-toggle"===e&&(customElements.get(a(e))||customElements.define(a(e),d))}))};export{h as XplToggle,o as defineCustomElement}
+import{p as e,H as s,d as t,h as l,c as a,t as i}from"./p-BSHdGbmH.js";import{v as c}from"./p-CK3_k8jD.js";const d=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.toggleChange=t(this,"toggleChange",7),this.variant="default",this.id=c(),this.onChange=e=>{this.toggleChange.emit(e.target.checked)}}render(){let e="xpl-toggle-container";this.disabled&&(e+=" xpl-toggle-container--disabled");let s="xpl-toggle";return"small"===this.variant&&(s+=" xpl-toggle--small"),l(a,{key:"8088d36a67f046fc7c094b3e1426c8d533c2930e",class:e},(this.heading||this.description)&&l("label",{key:"93f1f01ca1c709f77230bc4245a5a77f0f3b48df",class:{"xpl-label":!0,"xpl-label--disabled":!!this.disabled},htmlFor:this.id},this.heading,this.description&&l("small",{key:"6b39f78fc5991e00d87e792a15f16c60a176a73d",class:{"xpl-description":!0,"xpl-description--disabled":!!this.disabled}},this.description)),l("input",{key:"6d178f3d74d18172f2c25370269a7eb4399dc3aa",class:s,type:"checkbox",checked:this.checked,disabled:this.disabled,id:this.id,name:this.name,onChange:this.onChange}),this.label&&l("label",{key:"2c5310d15e41aedb505a8df32c65aaafc8ffbd70",htmlFor:this.id},this.label))}},[0,"xpl-toggle",{checked:[4],description:[1],disabled:[4],heading:[1],label:[1],name:[1],variant:[1],id:[32]}]),h=d,o=function(){"undefined"!=typeof customElements&&["xpl-toggle"].forEach((e=>{"xpl-toggle"===e&&(customElements.get(i(e))||customElements.define(i(e),d))}))};export{h as XplToggle,o as defineCustomElement}

package/dist/components/xpl-toolbar.js

@@ -1 +1 @@
-import{p as e,H as t,h as s,c as a,t as c}from"./p-BT_Lq3Vd.js";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.selectedItemCount=0}componentDidLoad(){const e=this.el.querySelector('[slot="actions-right"]');null!==e&&(e.style.marginLeft="auto")}listenToSelectedItemCountChange(e){this.selectedItemCount=e.detail.length}render(){return s(a,{key:"782235b9cb7a50f4ba1a38ce2add940a051167a9",class:{"xpl-toolbar":!0,dark:!0,hidden:0===this.selectedItemCount}},s("div",{key:"cb29423baac9e936ea02d4e177966161cb0f0486",class:"toolbar"},s("p",{key:"484e52174e0b11b158e4865cdc62fa05136eac2d",class:"selected-item-count"},this.selectedItemCount," Selected"),s("div",{key:"51ba928ccfae827b73f67348b64e34a14d36c235",class:"actions"},s("slot",{key:"f96d57f3e6101a277a0195e072f69b63d5b29671",name:"actions-left"}),s("slot",{key:"278f41ab191c18479f9c99a531ca7636be571478",name:"actions-right"}))))}get el(){return this}},[260,"xpl-toolbar",{selectedItemCount:[2,"selected-item-count"]},[[8,"selectedItemCountChange","listenToSelectedItemCountChange"]]]),n=o,l=function(){"undefined"!=typeof customElements&&["xpl-toolbar"].forEach((e=>{"xpl-toolbar"===e&&(customElements.get(c(e))||customElements.define(c(e),o))}))};export{n as XplToolbar,l as defineCustomElement}
+import{p as e,H as t,h as s,c,t as o}from"./p-BSHdGbmH.js";const d=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.selectedItemCount=0}componentDidLoad(){const e=this.el.querySelector('[slot="actions-right"]');null!==e&&(e.style.marginLeft="auto")}listenToSelectedItemCountChange(e){this.selectedItemCount=e.detail.length}render(){return s(c,{key:"6407dc110234806b694bd78e98920c96db62b678",class:{"xpl-toolbar":!0,dark:!0,hidden:0===this.selectedItemCount}},s("div",{key:"42c9e451f0f796bf8b3ed967699deb4824ae9d76",class:"toolbar"},s("p",{key:"bc5a48dfc2f431a4e88337fa792920413048e059",class:"selected-item-count"},this.selectedItemCount," Selected"),s("div",{key:"ff4caddf1a499b238df37b5ed62543168fe32f4e",class:"actions"},s("slot",{key:"dd8225846c76dd50c943a4adc0e373717dc9c5c2",name:"actions-left"}),s("slot",{key:"066999024eb8cc98be2cfec8077b2afab99e3feb",name:"actions-right"}))))}get el(){return this}},[260,"xpl-toolbar",{selectedItemCount:[2,"selected-item-count"]},[[8,"selectedItemCountChange","listenToSelectedItemCountChange"]]]),a=d,n=function(){"undefined"!=typeof customElements&&["xpl-toolbar"].forEach((e=>{"xpl-toolbar"===e&&(customElements.get(o(e))||customElements.define(o(e),d))}))};export{a as XplToolbar,n as defineCustomElement}

package/dist/components/xpl-tooltip.js

@@ -1 +1 @@
-import{T as o,d as s}from"./p-CGNq3DyC.js";const p=o,r=s;export{p as XplTooltip,r as defineCustomElement}
+import{T as s,d as o}from"./p-Bseq_BgD.js";const p=s,r=o;export{p as XplTooltip,r as defineCustomElement}

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

@@ -1 +1 @@
-import{T as s,d as o}from"./p-Bs6vq0C6.js";const p=s,r=o;export{p as XplTopNavItem,r as defineCustomElement}
+import{T as o,d as s}from"./p-BnTsRbko.js";const p=o,r=s;export{p as XplTopNavItem,r as defineCustomElement}

package/dist/components/xpl-top-nav-menu.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface XplTopNavMenu extends Components.XplTopNavMenu, HTMLElement {}
+export const XplTopNavMenu: {
+    prototype: XplTopNavMenu;
+    new (): XplTopNavMenu;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1 @@
+import{p as t,H as e,h as s,c as n,t as i}from"./p-BSHdGbmH.js";import{T as o,i as a}from"./p-Dqb1pIRo.js";import{a as c,d as p}from"./p-BnTsRbko.js";import{d as l}from"./p-imCMp2Nl.js";const r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.timers=new o,this.isMobileCascade=!1,this.onViewportChange=()=>{this.isMobileCascade=this.mobileMq?.matches??!1},this.handleBackClick=async()=>{const t=this.el.closest("xpl-top-nav-item");t&&(await t.closeMenu(),t.querySelector(".xpl-top-nav-item__inner")?.focus())}}connectedCallback(){a()&&"function"==typeof window.matchMedia&&(this.mobileMq=window.matchMedia(c),this.mobileMq.addEventListener("change",this.onViewportChange),this.isMobileCascade=this.mobileMq.matches),this.connectParentOpenObserver()}disconnectedCallback(){this.timers.dispose(),this.mobileMq?.removeEventListener("change",this.onViewportChange),this.mobileMq=void 0,this.disconnectParentOpenObserver()}connectParentOpenObserver(){this.disconnectParentOpenObserver();const t=this.el.parentElement;t&&"undefined"!=typeof MutationObserver&&(this.parentOpenObserver=new MutationObserver((()=>{this.scheduleParentOpenCheck()})),this.parentOpenObserver.observe(t,{attributes:!0,attributeFilter:["class"]}))}disconnectParentOpenObserver(){this.parentOpenObserver?.disconnect(),this.parentOpenObserver=void 0}scheduleParentOpenCheck(){this.timers.scheduleCoalesced("parentOpenCheck",(()=>{this.el.isConnected&&this.focusBackRowIfJustOpenedOnMobile()}))}focusBackRowIfJustOpenedOnMobile(){if(!this.isMobileCascade)return;const t=this.el.parentElement;t?.classList.contains("xpl-top-nav-item--dropdown-open")&&this.el.querySelector(".xpl-top-nav-menu__back .xpl-top-nav-item__inner")?.focus()}renderBackRow(){return this.isMobileCascade&&this.label?.trim()?s("xpl-top-nav-item",{class:"xpl-top-nav-menu__back",label:this.label,onNavItemClick:this.handleBackClick},s("xpl-icon",{slot:"leading-icon",icon:"chevron-left",size:24})):null}render(){return s(n,{key:"e71631c4d9d4b653247d13c7b182f722bf1e52cc",class:{"xpl-top-nav-menu":!0,dark:!0},role:"list","aria-label":this.label||void 0},this.renderBackRow(),s("slot",{key:"c6e38f4f78ab65dad030076aebf97c40dbce651b"}))}get el(){return this}},[260,"xpl-top-nav-menu",{label:[1],isMobileCascade:[32]}]),h=r,m=function(){"undefined"!=typeof customElements&&["xpl-top-nav-menu","xpl-icon","xpl-top-nav-item"].forEach((t=>{switch(t){case"xpl-top-nav-menu":customElements.get(i(t))||customElements.define(i(t),r);break;case"xpl-icon":customElements.get(i(t))||l();break;case"xpl-top-nav-item":customElements.get(i(t))||p()}}))};export{h as XplTopNavMenu,m as defineCustomElement}

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

@@ -1 +1 @@
-import{p as t,H as s,d as e,h as i,c as n,t as o}from"./p-BT_Lq3Vd.js";import{d as a}from"./p-D97c0GjM.js";import{d as l}from"./p-B1PBAEzg.js";import{d as r}from"./p-Bn-27-xj.js";import{d as h}from"./p-Bs6vq0C6.js";const p=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.brandClick=e(this,"brandClick",7),this.navOpen=e(this,"navOpen",7),this.userPopoverDrawerSyncHost=null,this.brandLogoSlotPresent=!1,this.open=!1,this.userMenuSlotPresent=!1,this.userMenuTriggerSlotPresent=!1,this.focusNavControlAfterClose=()=>{void 0!==this.navControlFocusTimeoutId&&clearTimeout(this.navControlFocusTimeoutId),this.navControlFocusTimeoutId=setTimeout((()=>{var t;this.navControlFocusTimeoutId=void 0,null===(t=this.el.querySelector(".xpl-top-nav__nav-control"))||void 0===t||t.focus()}),0)},this.handleUserPopoverIsOpenChange=t=>{const{detail:s}=t;!0===s&&this.closeMobileDrawerWhenAccountMenuOpens()},this.onBrandNavItemClick=t=>{null==this.brandHref&&this.brandClick.emit(t.detail)},this.onDocKeyDownEscape=t=>{this.navControl&&this.open&&"Escape"===t.key&&(this.anyDescendantPopoverIsOpen()||this.el.querySelector("xpl-top-nav-item.xpl-top-nav-item--dropdown-open")||(t.preventDefault(),t.stopPropagation(),this.open=!1,this.navOpen.emit(!1),this.focusNavControlAfterClose()))},this.onNavToggle=()=>{const t=this.open;this.open=!this.open,this.navOpen.emit(this.open),t&&!this.open&&this.focusNavControlAfterClose()},this.onUserPopoverInnerOpenClassChange=()=>{const t=this.userPopoverDrawerSyncHost;if(!t)return;const s=t.querySelector(".xpl-popover");(null==s?void 0:s.classList.contains("xpl-popover--is-open"))&&this.closeMobileDrawerWhenAccountMenuOpens()},this.syncBrandLogoSlot=()=>{const t=null!=this.el.querySelector('[slot="brand-logo"]');t!==this.brandLogoSlotPresent&&(this.brandLogoSlotPresent=t)},this.syncUserMenuSlots=()=>{const t=null!=this.el.querySelector('[slot="user-menu"]'),s=null!=this.el.querySelector('[slot="user-menu-trigger"]');t!==this.userMenuSlotPresent&&(this.userMenuSlotPresent=t),s!==this.userMenuTriggerSlotPresent&&(this.userMenuTriggerSlotPresent=s)}}onNavControlChanged(){this.syncOpenFromNavControl(),this.syncDocEscapeListener()}connectedCallback(){this.syncOpenFromNavControl(),this.syncDocEscapeListener(),this.syncBrandLogoSlot(),this.syncUserMenuSlots(),this.connectSlotContentObserver()}disconnectedCallback(){void 0!==this.navControlFocusTimeoutId&&(clearTimeout(this.navControlFocusTimeoutId),this.navControlFocusTimeoutId=void 0),void 0!==this.deferredSlotContentObserverSyncTimeoutId&&(clearTimeout(this.deferredSlotContentObserverSyncTimeoutId),this.deferredSlotContentObserverSyncTimeoutId=void 0),this.removeDocEscapeListener(),this.disconnectSlotContentObserver(),this.disconnectUserPopoverDrawerSync()}componentWillLoad(){this.syncOpenFromNavControl(),this.syncBrandLogoSlot(),this.syncUserMenuSlots()}componentWillRender(){this.disconnectSlotContentObserver()}componentDidRender(){this.connectSlotContentObserver(),this.connectUserPopoverDrawerSync()}get childAccountLabelText(){var t,s;return null!==(s=null===(t=this.childAccountLabel)||void 0===t?void 0:t.trim())&&void 0!==s?s:""}get hasBrand(){var t,s,e,i;const n=null!==(s=null===(t=this.brandName)||void 0===t?void 0:t.trim())&&void 0!==s?s:"",o=null!==(i=null===(e=this.brandLogo)||void 0===e?void 0:e.trim())&&void 0!==i?i:"";return n.length>0||o.length>0||this.brandLogoSlotPresent}get hasUserMenu(){return this.userMenuSlotPresent}get needsUserMenuSlotStash(){return!this.userMenuSlotPresent&&this.userMenuTriggerSlotPresent}get usesBuiltInChildAccountTrigger(){return this.hasUserMenu&&!this.userMenuTriggerSlotPresent}anyDescendantPopoverIsOpen(){const t=this.el.querySelectorAll("xpl-popover");for(let s=0;s<t.length;s+=1){const e=t[s].querySelector(".xpl-popover");if(null==e?void 0:e.classList.contains("xpl-popover--is-open"))return!0}return!1}closeMobileDrawerWhenAccountMenuOpens(){this.navControl&&this.open&&(this.open=!1,this.navOpen.emit(!1))}connectSlotContentObserver(){this.disconnectSlotContentObserver(),"undefined"!=typeof MutationObserver&&(this.slotContentObserver=new MutationObserver((()=>{this.scheduleSlotContentSyncFromObserver()})),this.slotContentObserver.observe(this.el,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["slot"]}))}connectUserPopoverDrawerSync(){const t=this.hasUserMenu?this.el.querySelector("xpl-popover.xpl-top-nav__user-popover"):null;if(t===this.userPopoverDrawerSyncHost)return;if(this.disconnectUserPopoverDrawerSync(),!t)return;this.userPopoverDrawerSyncHost=t,t.addEventListener("isOpenChange",this.handleUserPopoverIsOpenChange);const s=t.querySelector(".xpl-popover");s&&"undefined"!=typeof MutationObserver&&(this.userPopoverDrawerOpenObserver=new MutationObserver((()=>{this.onUserPopoverInnerOpenClassChange()})),this.userPopoverDrawerOpenObserver.observe(s,{attributes:!0,attributeFilter:["class"]}),this.onUserPopoverInnerOpenClassChange())}disconnectSlotContentObserver(){var t;null===(t=this.slotContentObserver)||void 0===t||t.disconnect(),this.slotContentObserver=void 0}disconnectUserPopoverDrawerSync(){var t;this.userPopoverDrawerSyncHost&&(this.userPopoverDrawerSyncHost.removeEventListener("isOpenChange",this.handleUserPopoverIsOpenChange),this.userPopoverDrawerSyncHost=null),null===(t=this.userPopoverDrawerOpenObserver)||void 0===t||t.disconnect(),this.userPopoverDrawerOpenObserver=void 0}removeDocEscapeListener(){this.el.ownerDocument.removeEventListener("keydown",this.onDocKeyDownEscape,!1)}scheduleSlotContentSyncFromObserver(){void 0!==this.deferredSlotContentObserverSyncTimeoutId&&clearTimeout(this.deferredSlotContentObserverSyncTimeoutId),this.deferredSlotContentObserverSyncTimeoutId=setTimeout((()=>{this.deferredSlotContentObserverSyncTimeoutId=void 0,this.el.isConnected&&(this.syncBrandLogoSlot(),this.syncUserMenuSlots())}),0)}syncDocEscapeListener(){this.removeDocEscapeListener(),this.navControl&&this.el.ownerDocument.addEventListener("keydown",this.onDocKeyDownEscape,!1)}syncOpenFromNavControl(){const t=this.open;this.open=!1,t&&!this.navControl&&this.navOpen.emit(!1)}render(){var t,s,e,o;return i(n,{key:"6b22351e62f90d5fec04c0dafa5208d9a495b67b",class:{"xpl-top-nav":!0,"xpl-top-nav--nav-control":!!this.navControl,"xpl-top-nav--open":this.open,"xpl-top-nav--has-child-account-label":this.childAccountLabelText.length>0,"xpl-top-nav--has-brand":this.hasBrand,"xpl-top-nav--has-user-menu":this.hasUserMenu,dark:!0}},i("nav",{key:"5f29a00b93b1affda6aaf900e42cc6ff33f1b90c","aria-label":null!==(t=this.label)&&void 0!==t?t:"top-navigation-bar",class:"xpl-top-nav__bar"},i("div",{key:"fbe9cb0b1bc7d9bf9be1f04e64cb93ff24866879",class:"xpl-top-nav__inner-left"},this.navControl&&i("button",{key:"b22532e39a57f9a250617aa09e6e0dde6dfeb9e5",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},i("xpl-icon",{key:"a9f7dbb6287d3e11ea5b839bedb8d808c67bcd8e",class:"xpl-top-nav__control-icon",icon:"menu",size:20})),this.hasBrand&&i("div",{key:"c702fc39d186f37901c8c6b4e5d378eaee2faa99",class:"xpl-top-nav__brand-bar"},i("xpl-top-nav-item",{key:"980b470563ee3d4e3e388cd089622041f307cd0b",class:"xpl-top-nav__brand",href:this.brandHref,onNavItemClick:this.onBrandNavItemClick},(null===(s=this.brandLogo)||void 0===s?void 0:s.trim())?i("img",{class:"xpl-top-nav__brand-logo",src:this.brandLogo,alt:(null===(e=this.brandName)||void 0===e?void 0:e.trim())?this.brandName.trim():"Brand"}):this.brandLogoSlotPresent?i("span",{class:"xpl-top-nav__brand-logo-slot"},i("slot",{name:"brand-logo"})):null,(null===(o=this.brandName)||void 0===o?void 0:o.trim())?i("span",{class:"xpl-top-nav__brand-name"},this.brandName.trim()):null)),i("div",{key:"0740be056833bd15c798a44c5c3dbe80ed5e15fd",class:{"xpl-top-nav__aside":!0,"xpl-nav-left":!0}},i("div",{key:"ff4f4534944dc54df40c289e65a4ab7d75bd572e",class:"xpl-top-nav__left-primary",role:"list"},i("slot",{key:"fdec30ffc838d7e73788932aa6fef46fac2fe0ab",name:"left-aside"})))),i("div",{key:"69d5b669744ff3aeb0c4316f4d5b27b9c461652f",class:{"xpl-top-nav__aside":!0,"xpl-nav-right":!0}},i("div",{key:"7ae70d39f31243b77f09af7b0e4327d0bb1b1dfd",class:"xpl-nav-right__list"},i("div",{key:"7bafc8eab226ba0ff77ae98281d4665eb6b75fbe",class:"xpl-top-nav__right-rail"},i("div",{key:"9914028435faebbd3d539d763b71500643017ebc",class:"xpl-top-nav__right-lead"},i("slot",{key:"974117684ec371dc87264bfbc0da5e456adeec9b",name:"right-aside"})),this.hasUserMenu?i("div",{class:"xpl-top-nav__right-user"},i("xpl-popover",{class:"xpl-top-nav__user-popover dark",position:"bottom-end",display:"menu"},this.userMenuTriggerSlotPresent?i("slot",{name:"user-menu-trigger",slot:"trigger"}):this.usesBuiltInChildAccountTrigger?i("xpl-button",{slot:"trigger",class:"xpl-top-nav__child-account-trigger",type:"button",variant:"tertiary",icon:"chevron-down",iconPosition:"end",iconOnly:0===this.childAccountLabelText.length,"aria-haspopup":"dialog","aria-label":this.childAccountLabelText.length>0?void 0:"Open account menu"},this.childAccountLabelText.length>0?this.childAccountLabelText:null):null,i("div",{class:"xpl-top-nav__user-menu-panel"},i("slot",{name:"user-menu"})))):null,this.needsUserMenuSlotStash?i("div",{class:"xpl-top-nav__user-menu-stash",hidden:!0,"aria-hidden":"true"},i("slot",{name:"user-menu-trigger"}),i("slot",{name:"user-menu"})):null)))))}get el(){return this}static get watchers(){return{navControl:[{onNavControlChanged:0}]}}},[260,"xpl-top-nav",{brandHref:[1,"brand-href"],brandLogo:[1,"brand-logo"],brandName:[1,"brand-name"],childAccountLabel:[1,"child-account-label"],label:[1],navControl:[516,"nav-control"],brandLogoSlotPresent:[32],open:[32],userMenuSlotPresent:[32],userMenuTriggerSlotPresent:[32]},void 0,{navControl:[{onNavControlChanged:0}]}]),c=p,d=function(){"undefined"!=typeof customElements&&["xpl-top-nav","xpl-button","xpl-icon","xpl-popover","xpl-top-nav-item"].forEach((t=>{switch(t){case"xpl-top-nav":customElements.get(o(t))||customElements.define(o(t),p);break;case"xpl-button":customElements.get(o(t))||a();break;case"xpl-icon":customElements.get(o(t))||l();break;case"xpl-popover":customElements.get(o(t))||r();break;case"xpl-top-nav-item":customElements.get(o(t))||h()}}))};export{c as XplTopNav,d as defineCustomElement}
+import{p as t,H as s,d as e,h as i,c as n,t as o}from"./p-BSHdGbmH.js";import{h as a}from"./p-DkqlawVY.js";import{i as l}from"./p-Dqb1pIRo.js";import{d as r}from"./p-DywQ3S73.js";import{d as h}from"./p-imCMp2Nl.js";import{d as p}from"./p-BGqQbjLl.js";import{d as c}from"./p-BnTsRbko.js";const d=[".xpl-top-nav__brand-logo-slot",".xpl-top-nav__brand-bar"],v=".xpl-top-nav__user-menu-panel",u=[v,".xpl-top-nav__user-menu-stash"],b=[".xpl-top-nav__user-popover",".xpl-top-nav__user-menu-stash",".xpl-top-nav__right-user"],m=[v],f=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.brandClick=e(this,"brandClick",7),this.navOpen=e(this,"navOpen",7),this.slotProjectionDirty=!1,this.userPopoverDrawerSyncHost=null,this.brandLogoSlotPresent=!1,this.open=!1,this.slotProjectionNonce=0,this.userMenuSlotPresent=!1,this.userMenuTriggerSlotPresent=!1,this.focusNavControlAfterClose=()=>{void 0!==this.navControlFocusTimeoutId&&clearTimeout(this.navControlFocusTimeoutId),this.navControlFocusTimeoutId=setTimeout((()=>{this.navControlFocusTimeoutId=void 0,this.el.querySelector(".xpl-top-nav__nav-control")?.focus()}),0)},this.handleUserPopoverIsOpenChange=t=>{const{detail:s}=t;!0===s&&this.closeMobileDrawerWhenAccountMenuOpens()},this.onBrandNavItemClick=t=>{null==this.brandHref&&this.brandClick.emit(t.detail)},this.onDocKeyDownEscape=t=>{this.navControl&&this.open&&"Escape"===t.key&&(this.anyDescendantPopoverIsOpen()||this.el.querySelector("xpl-top-nav-item.xpl-top-nav-item--dropdown-open")||(t.preventDefault(),t.stopPropagation(),this.open=!1,this.navOpen.emit(!1),this.focusNavControlAfterClose()))},this.onDocClickOutsideDismiss=t=>{if(!this.navControl||!this.open)return;const s=t.target;null==s||this.anyDescendantPopoverIsOpen()||this.el.querySelector(".xpl-top-nav__left-primary")?.contains(s)||this.el.querySelector(".xpl-top-nav__nav-control")?.contains(s)||(this.open=!1,this.resetMobileCascade(),this.navOpen.emit(!1))},this.onNavToggle=()=>{const t=this.open;this.open=!this.open,this.navOpen.emit(this.open),t&&!this.open&&(this.resetMobileCascade(),this.focusNavControlAfterClose())},this.onUserPopoverInnerOpenClassChange=()=>{const t=this.userPopoverDrawerSyncHost;if(!t)return;const s=t.querySelector(".xpl-popover");s?.classList.contains("xpl-popover--is-open")&&this.closeMobileDrawerWhenAccountMenuOpens()},this.syncBrandLogoSlot=()=>{const t=a(this.el,"brand-logo",{hostTag:"xpl-top-nav",projectionRegionSelectors:d});t!==this.brandLogoSlotPresent&&(this.brandLogoSlotPresent=t)},this.syncUserMenuSlots=()=>{const t=a(this.el,"user-menu",{hostTag:"xpl-top-nav",projectionRegionSelectors:u}),s=a(this.el,"user-menu-trigger",{hostTag:"xpl-top-nav",projectionRegionSelectors:b,excludedRegionSelectors:m});t!==this.userMenuSlotPresent&&(this.userMenuSlotPresent=t),s!==this.userMenuTriggerSlotPresent&&(this.userMenuTriggerSlotPresent=s)}}onNavControlChanged(){this.syncOpenFromNavControl(),this.syncDocDismissListeners()}connectedCallback(){this.syncOpenFromNavControl(),this.syncDocDismissListeners(),this.syncBrandLogoSlot(),this.syncUserMenuSlots(),this.connectSlotContentObserver(),this.flushPendingSlotProjection()}disconnectedCallback(){void 0!==this.navControlFocusTimeoutId&&(clearTimeout(this.navControlFocusTimeoutId),this.navControlFocusTimeoutId=void 0),void 0!==this.deferredSlotContentObserverSyncTimeoutId&&(clearTimeout(this.deferredSlotContentObserverSyncTimeoutId),this.deferredSlotContentObserverSyncTimeoutId=void 0),this.removeDocDismissListeners(),this.disconnectSlotContentObserver(),this.disconnectUserPopoverDrawerSync()}componentWillLoad(){this.syncOpenFromNavControl(),this.syncBrandLogoSlot(),this.syncUserMenuSlots()}componentWillRender(){this.disconnectSlotContentObserver()}componentDidRender(){this.connectSlotContentObserver(),this.connectUserPopoverDrawerSync()}get childAccountLabelText(){return this.childAccountLabel?.trim()??""}get hasBrand(){const t=this.brandName?.trim()??"",s=this.brandLogo?.trim()??"";return t.length>0||s.length>0||this.brandLogoSlotPresent}get hasUserMenu(){return this.userMenuSlotPresent}get needsUserMenuSlotStash(){return!this.userMenuSlotPresent&&this.userMenuTriggerSlotPresent}get usesBuiltInChildAccountTrigger(){return this.hasUserMenu&&!this.userMenuTriggerSlotPresent}anyDescendantPopoverIsOpen(){const t=this.el.querySelectorAll("xpl-popover");for(let s=0;s<t.length;s+=1){const e=t[s].querySelector(".xpl-popover");if(e?.classList.contains("xpl-popover--is-open"))return!0}return!1}closeMobileDrawerWhenAccountMenuOpens(){this.navControl&&this.open&&(this.open=!1,this.navOpen.emit(!1))}connectSlotContentObserver(){this.disconnectSlotContentObserver(),"undefined"!=typeof MutationObserver&&(this.slotContentObserver=new MutationObserver((t=>{this.scheduleSlotContentSyncFromObserver(t)})),this.slotContentObserver.observe(this.el,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["slot"]}))}connectUserPopoverDrawerSync(){const t=this.hasUserMenu?this.el.querySelector("xpl-popover.xpl-top-nav__user-popover"):null;if(t===this.userPopoverDrawerSyncHost)return;if(this.disconnectUserPopoverDrawerSync(),!t)return;this.userPopoverDrawerSyncHost=t,t.addEventListener("isOpenChange",this.handleUserPopoverIsOpenChange);const s=t.querySelector(".xpl-popover");s&&"undefined"!=typeof MutationObserver&&(this.userPopoverDrawerOpenObserver=new MutationObserver((()=>{this.onUserPopoverInnerOpenClassChange()})),this.userPopoverDrawerOpenObserver.observe(s,{attributes:!0,attributeFilter:["class"]}),this.onUserPopoverInnerOpenClassChange())}disconnectSlotContentObserver(){this.slotContentObserver?.disconnect(),this.slotContentObserver=void 0}disconnectUserPopoverDrawerSync(){this.userPopoverDrawerSyncHost&&(this.userPopoverDrawerSyncHost.removeEventListener("isOpenChange",this.handleUserPopoverIsOpenChange),this.userPopoverDrawerSyncHost=null),this.userPopoverDrawerOpenObserver?.disconnect(),this.userPopoverDrawerOpenObserver=void 0}removeDocDismissListeners(){const t=this.el.ownerDocument;t.removeEventListener("keydown",this.onDocKeyDownEscape,!1),t.removeEventListener("click",this.onDocClickOutsideDismiss,!0)}resetMobileCascade(){const t=this.el.querySelector(".xpl-top-nav__left-primary > xpl-top-nav-item.xpl-top-nav-item--dropdown-open");t?.closeMenu().catch((()=>{}))}scheduleSlotContentSyncFromObserver(t){this.mutationsAffectHostSlotting(t)&&(this.slotProjectionDirty=!0),void 0!==this.deferredSlotContentObserverSyncTimeoutId&&clearTimeout(this.deferredSlotContentObserverSyncTimeoutId),this.deferredSlotContentObserverSyncTimeoutId=setTimeout((()=>{this.deferredSlotContentObserverSyncTimeoutId=void 0,this.el.isConnected&&(this.syncBrandLogoSlot(),this.syncUserMenuSlots(),this.flushPendingSlotProjection())}),0)}flushPendingSlotProjection(){this.slotProjectionDirty&&(this.slotProjectionDirty=!1,this.slotProjectionNonce+=1)}mutationsAffectHostSlotting(t){return t.some((t=>"attributes"===t.type||"childList"===t.type&&t.target===this.el))}syncDocDismissListeners(){if(this.removeDocDismissListeners(),l()&&this.navControl){const t=this.el.ownerDocument;t.addEventListener("keydown",this.onDocKeyDownEscape,!1),t.addEventListener("click",this.onDocClickOutsideDismiss,!0)}}syncOpenFromNavControl(){const t=this.open;this.open=!1,t&&!this.navControl&&(this.resetMobileCascade(),this.navOpen.emit(!1))}render(){return i(n,{key:"8f9f8e171b2b04706360048965e8e8a40f3f7013",class:{"xpl-top-nav":!0,"xpl-top-nav--nav-control":!!this.navControl,"xpl-top-nav--open":this.open,"xpl-top-nav--has-child-account-label":this.childAccountLabelText.length>0,"xpl-top-nav--has-brand":this.hasBrand,"xpl-top-nav--has-user-menu":this.hasUserMenu,dark:!0}},i("nav",{key:"2c05b69b2918753c4f928e53d92c6ca737a92b59","aria-label":this.label??"top-navigation-bar",class:"xpl-top-nav__bar"},i("div",{key:"1dd5722748946d0adfad6cc40da03c21012d65b2",class:"xpl-top-nav__inner-left"},this.navControl&&i("button",{key:"810e68f589ec13b942a78c877fea816407c05287",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},i("xpl-icon",{key:"550653cbd1d61c7b80a31ab48dce59936a107128",class:"xpl-top-nav__control-icon",icon:"menu",size:32})),this.hasBrand&&i("div",{key:"6509a9a42b693b925204a9a42a34c0071d73f485",class:"xpl-top-nav__brand-bar"},i("xpl-top-nav-item",{key:"623cfb95bd0a6581a057ddf37aa3920ee58b5734",class:"xpl-top-nav__brand",href:this.brandHref,onNavItemClick:this.onBrandNavItemClick},this.brandLogo?.trim()?i("img",{class:"xpl-top-nav__brand-logo",src:this.brandLogo,alt:this.brandName?.trim()?this.brandName.trim():"Brand"}):this.brandLogoSlotPresent?i("span",{class:"xpl-top-nav__brand-logo-slot"},i("slot",{name:"brand-logo"})):null,this.brandName?.trim()?i("span",{class:"xpl-top-nav__brand-name"},this.brandName.trim()):null)),i("div",{key:"61d8a6d485380c39ffa74cd8cfbea37df32060dd",class:{"xpl-top-nav__aside":!0,"xpl-nav-left":!0}},i("div",{key:"3aab27091f543a9c6a813043883c218791cfaa4a",class:"xpl-top-nav__left-primary",role:"list"},i("slot",{key:"93ff48c9bb3e0fa00b23a707da84d222ad74224d",name:"left-aside"})))),i("div",{key:"d92afdae9ac68d49a370fb41b39aeef2b956af1f",class:{"xpl-top-nav__aside":!0,"xpl-nav-right":!0}},i("div",{key:"36fadad47ed2862f88c1f42e1b95530d2e06b046",class:"xpl-nav-right__list"},i("div",{key:"5b35413cbfcc5fd9af1e491f1a1f14d41ae35c0d",class:"xpl-top-nav__right-rail"},i("div",{key:"37d00bfe95cdf35345ed9ec273a159255efc31a2",class:"xpl-top-nav__right-lead"},i("slot",{key:"b64f92c5886ef929b51fde06d48ea1fbf3660d44",name:"right-aside"})),this.hasUserMenu?i("div",{class:"xpl-top-nav__right-user"},i("xpl-popover",{class:"xpl-top-nav__user-popover dark",position:"bottom-end",display:"menu"},this.userMenuTriggerSlotPresent?i("slot",{name:"user-menu-trigger",slot:"trigger"}):this.usesBuiltInChildAccountTrigger?i("xpl-button",{slot:"trigger",class:"xpl-top-nav__child-account-trigger",type:"button",variant:"tertiary",icon:"chevron-down",iconPosition:"end",iconOnly:0===this.childAccountLabelText.length,"aria-haspopup":"dialog","aria-label":this.childAccountLabelText.length>0?void 0:"Open account menu"},this.childAccountLabelText.length>0?this.childAccountLabelText:null):null,i("div",{class:"xpl-top-nav__user-menu-panel"},i("slot",{name:"user-menu"})))):null,this.needsUserMenuSlotStash?i("div",{class:"xpl-top-nav__user-menu-stash",hidden:!0,"aria-hidden":"true"},i("slot",{name:"user-menu-trigger"}),i("slot",{name:"user-menu"})):null)))))}get el(){return this}static get watchers(){return{navControl:[{onNavControlChanged:0}]}}},[260,"xpl-top-nav",{brandHref:[1,"brand-href"],brandLogo:[1,"brand-logo"],brandName:[1,"brand-name"],childAccountLabel:[1,"child-account-label"],label:[1],navControl:[516,"nav-control"],brandLogoSlotPresent:[32],open:[32],slotProjectionNonce:[32],userMenuSlotPresent:[32],userMenuTriggerSlotPresent:[32]},void 0,{navControl:[{onNavControlChanged:0}]}]),x=f,_=function(){"undefined"!=typeof customElements&&["xpl-top-nav","xpl-button","xpl-icon","xpl-popover","xpl-top-nav-item"].forEach((t=>{switch(t){case"xpl-top-nav":customElements.get(o(t))||customElements.define(o(t),f);break;case"xpl-button":customElements.get(o(t))||r();break;case"xpl-icon":customElements.get(o(t))||h();break;case"xpl-popover":customElements.get(o(t))||p();break;case"xpl-top-nav-item":customElements.get(o(t))||c()}}))};export{x as XplTopNav,_ as defineCustomElement}