@xplortech/apollo-core 2.6.0 → 2.7.0

package/dist/components/xpl-application-shell.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as a,h as t,Host as l,transformTag as i}from"@stencil/core/internal/client";import{d as s}from"./xpl-backdrop2.js";const n=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.withSubnav=!1,this.withUtility=!0,this.navWidth="default",this.navOpen=!0}closeNavOnMobile(){window.innerWidth<=640&&(this.navOpen=!1)}navToggleHandler(){this.navOpen=!this.navOpen}navWithHandler(e){this.navWidth=e.detail}onWindowResize(){this.closeNavOnMobile()}connectedCallback(){this.closeNavOnMobile()}componentWillLoad(){this.navOpen=void 0!==this.isNavOpenAtStartup?this.isNavOpenAtStartup:this.navOpen}render(){let e="xpl-application-shell";this.withUtility&&(e+=" xpl-application-shell--with_utility");let a="xpl-application-shell__nav";return a+=this.navOpen?` xpl-application-shell__nav--${this.navWidth}--open`:" xpl-application-shell__nav--"+this.navWidth,t(l,{key:"7a06051142cc71f5a900e65562e464f5580f369e",class:e},t("div",{key:"00cb4f2294999e77bc88aa32917287a93989ceb3",class:a},t("slot",{key:"de0a3f5415273c4d36390b6e345e9c046ebeda05",name:"nav"})),t("div",{key:"605faac64e0b770b2d3e52d0b6f169898de827bc",class:"xpl-application-shell__subnav"},t("slot",{key:"040b8b6f5aa7642636b33f65f2eff6f1070b1b2f",name:"subnav"})),t("div",{key:"ee1e3e5c51d4e048fd4fda7bf6e438d29c8c2ade",class:"xpl-application-shell__utility"},t("slot",{key:"6118de3716d41e9f8cc03abb5efd4c2e8541adf7",name:"utility"})),t("div",{key:"3aa64a066e680e74bac8b988f579d51593bc3ace",class:"xpl-application-shell__content"},t("slot",{key:"aba788b0aa8f8ab92bb5c577b5951c98d21c9f36",name:"content"})),t("xpl-backdrop",{key:"f72d69bbfe9171193293148810700e9ff00e372d",onClick:()=>this.navToggleHandler(),class:{"xpl-application-shell__backdrop--open":this.navOpen},relative:!0}))}},[260,"xpl-application-shell",{withSubnav:[4,"with-subnav"],withUtility:[4,"with-utility"],navWidth:[1,"nav-width"],isNavOpenAtStartup:[4,"is-nav-open-at-startup"],navOpen:[32]},[[0,"navOpen","navToggleHandler"],[0,"navWidth","navWithHandler"],[9,"resize","onWindowResize"]]]),c=n,p=function(){"undefined"!=typeof customElements&&["xpl-application-shell","xpl-backdrop"].forEach((e=>{switch(e){case"xpl-application-shell":customElements.get(i(e))||customElements.define(i(e),n);break;case"xpl-backdrop":customElements.get(i(e))||s()}}))};export{c as XplApplicationShell,p as defineCustomElement}
+import{proxyCustomElement as a,HTMLElement as e,h as t,Host as l,transformTag as i}from"@stencil/core/internal/client";import{d as s}from"./xpl-backdrop2.js";const n=a(class extends e{constructor(a){super(),!1!==a&&this.__registerHost(),this.withSubnav=!1,this.withUtility=!0,this.navWidth="default",this.navOpen=!0}closeNavOnMobile(){window.innerWidth<=640&&(this.navOpen=!1)}navToggleHandler(){this.navOpen=!this.navOpen}navWithHandler(a){this.navWidth=a.detail}onWindowResize(){this.closeNavOnMobile()}connectedCallback(){this.closeNavOnMobile()}componentWillLoad(){this.navOpen=void 0!==this.isNavOpenAtStartup?this.isNavOpenAtStartup:this.navOpen}render(){let a="xpl-application-shell";this.withUtility&&(a+=" xpl-application-shell--with_utility");let e="xpl-application-shell__nav";return e+=this.navOpen?` xpl-application-shell__nav--${this.navWidth}--open`:" xpl-application-shell__nav--"+this.navWidth,t(l,{key:"9e5d0140f03e53b4f9cceead9efa401e2843cd04",class:a},t("div",{key:"003a9884e84a657c84a1b4501fc864f028e07a45",class:e},t("slot",{key:"ac4e14ff20780165f3c00339fa74f0c182301729",name:"nav"})),t("div",{key:"78569b66d89482e423981aa177f1a41ec8516274",class:"xpl-application-shell__subnav"},t("slot",{key:"70b8b077b725a892d4c4f2a7835c05c6f1900ea9",name:"subnav"})),t("div",{key:"1157ac9ea1f748664322656db45ff74faecd858a",class:"xpl-application-shell__utility"},t("slot",{key:"9548015f35a610a1fab49911947f398d039701b2",name:"utility"})),t("div",{key:"624e64ab6dfa4b96389077351968d511acf93c4e",class:"xpl-application-shell__content"},t("slot",{key:"bf8acb059d5c8dab0cb727c124aea66d9dcd767a",name:"content"})),t("xpl-backdrop",{key:"7db9ac4e5429726e8aedd0e96bd1df57e0e54d9c",onClick:()=>this.navToggleHandler(),class:{"xpl-application-shell__backdrop--open":this.navOpen},relative:!0}))}},[260,"xpl-application-shell",{withSubnav:[4,"with-subnav"],withUtility:[4,"with-utility"],navWidth:[1,"nav-width"],isNavOpenAtStartup:[4,"is-nav-open-at-startup"],navOpen:[32]},[[0,"navOpen","navToggleHandler"],[0,"navWidth","navWithHandler"],[9,"resize","onWindowResize"]]]),c=n,p=function(){"undefined"!=typeof customElements&&["xpl-application-shell","xpl-backdrop"].forEach((a=>{switch(a){case"xpl-application-shell":customElements.get(i(a))||customElements.define(i(a),n);break;case"xpl-backdrop":customElements.get(i(a))||s()}}))};export{c as XplApplicationShell,p as defineCustomElement}

package/dist/components/xpl-avatar2.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as a,h as s,Host as e,transformTag as i}from"@stencil/core/internal/client";const l=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.disabled=!1}render(){let t="xpl-avatar";this.size&&(t+=` xpl-avatar--${this.size}`),this.color&&(t+=` xpl-avatar--${this.color}`);const a=s("div",{key:"89234f18fd782f17c7e5cfac2235ba0d69b57014"},this.src?s("img",{alt:this.name,src:this.src}):s("div",{class:"xpl-avatar__placeholder"},s("slot",null)),this.status&&s("div",{key:"908dbd9216d3addb0104517a67f2dd690201958d",class:`xpl-avatar__dot--${this.status}`}));return s(e,{key:"94cb5838d77411b9690759634f4a1a71c79054b7"},this.href&&!this.disabled?s("a",{href:this.href,class:t,target:this.target},a):s("div",this.href&&this.disabled?{class:`${t} xpl-avatar--disabled`}:{class:t},a))}},[260,"xpl-avatar",{color:[1],disabled:[4],href:[1],name:[1],size:[1],src:[1],status:[1],target:[1]}]);function r(){"undefined"!=typeof customElements&&["xpl-avatar"].forEach((t=>{"xpl-avatar"===t&&(customElements.get(i(t))||customElements.define(i(t),l))}))}export{l as A,r as d}
+import{proxyCustomElement as t,HTMLElement as a,h as r,Host as e,transformTag as i}from"@stencil/core/internal/client";import{d as s}from"./xpl-badge2.js";const l={active:"green",inactive:"gray",warning:"red"};function n(t){var a,r,e;if(!t||!t.trim())return"";const i=t.trim().split(/\s+/).filter(Boolean);if(0===i.length)return"";if(1===i.length)return i[0].slice(0,3).toUpperCase();const s=null!==(a=i[0][0])&&void 0!==a?a:"",l=null!==(r=i[i.length-1][0])&&void 0!==r?r:"";return(s+(i.length>2&&null!==(e=i[1][0])&&void 0!==e?e:"")+l).slice(0,3).toUpperCase()}const o=t(class t extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.cachedGroupItems=[],this.cachedSlotContent="",this.disabled=!1}onGroupDataChange(a){this.cachedGroupItems=t.parseGroupData(a)}componentWillLoad(){var t,a,r;this.cachedSlotContent=null!==(r=null===(a=null===(t=this.el)||void 0===t?void 0:t.textContent)||void 0===a?void 0:a.trim().slice(0,3))&&void 0!==r?r:"",this.onGroupDataChange(this.groupData)}static parseGroupData(t){if(null==t)return[];if("string"==typeof t)try{const a=JSON.parse(t);return Array.isArray(a)?a:[]}catch(t){return[]}return Array.isArray(t)?t:[]}get groupItems(){return this.cachedGroupItems}get statusBadgeVariant(){var t;const a=this.status;if(void 0!==a)return null!==(t=l[a])&&void 0!==t?t:a}getPlaceholderText(){return this.cachedSlotContent.length>0?this.cachedSlotContent:n(this.name)}static getSingleAvatarClasses(t,a,r,e){return{"xpl-avatar":!0,[`xpl-avatar--${t}`]:!!t,[`xpl-avatar--${a}`]:!!a,"xpl-avatar--profile":!!r,"xpl-avatar--disabled":!!e}}getAnchorProps(t){var a;return{href:this.href,target:this.target,rel:"_blank"===this.target?"noopener noreferrer":void 0,"aria-label":null!==(a=this.name)&&void 0!==a?a:"Profile",class:t}}static renderAvatarMedia(t,a,e,i,s=!0){return t?r("img",{alt:null!=a?a:"",src:t}):r("div",{class:"xpl-avatar__placeholder",role:"img","aria-label":null!=a?a:i},e||(s?r("slot",null):null))}renderAvatarMediaWithStatusBadge(a){const e=this.getPlaceholderText();return r("div",Object.assign({},a?{class:a}:{}),t.renderAvatarMedia(this.src,this.name,e,"Profile",!0),this.statusBadgeVariant&&r("xpl-badge",{dotOnly:!0,bordered:!0,variant:this.statusBadgeVariant,"aria-hidden":"true"}))}renderGroupItem(a,e){const i=a.name?n(a.name):"";return r("div",{class:{"xpl-avatar-group__item":!0,"xpl-avatar":!0,[`xpl-avatar--${this.size}`]:!!this.size,[`xpl-avatar--${a.color}`]:!!a.color}},r("div",null,t.renderAvatarMedia(a.src,a.name,i,`Member ${e+1}`,!1)))}renderWithTextContent(){return r("div",{class:"xpl-avatar__with-text-content"},r("div",{class:"xpl-avatar__with-text-name"},this.name),this.subText&&r("div",{class:"xpl-avatar__with-text-sub"},this.subText))}render(){const a=this.variant;if("group"===a){const t=this.groupItems,a=t.slice(0,4),i=t.length-4,s=i>0,l=s?function(t){if(t<=0)return"";if(t<=999)return`+${t}`;const a=500*Math.round(t/500)/1e3;return"+"+(a%1==0?`${a}k`:`${a.toFixed(1)}k`)}(i):"";return r(e,null,r("div",{class:{"xpl-avatar-group":!0,[`xpl-avatar-group--${this.size}`]:!!this.size},role:"group","aria-label":`${t.length} members`},a.map(((t,a)=>r("div",{key:a,class:"xpl-avatar-group__wrap"},this.renderGroupItem(t,a)))),s&&r("div",{class:{"xpl-avatar-group__count":!0,[`xpl-avatar-group__count--${this.size}`]:!!this.size},"aria-label":`${i} more`},l)))}if("with-text"===a){const t=this.renderAvatarMediaWithStatusBadge("xpl-avatar__with-text-avatar"),a={"xpl-avatar":!0,"xpl-avatar--with-text":!0,[`xpl-avatar--${this.color}`]:!!this.color,"xpl-avatar--disabled":!!this.disabled};return r(e,null,this.href&&!this.disabled?r("a",Object.assign({},this.getAnchorProps("xpl-avatar__with-text-link")),r("div",{class:a},t,this.renderWithTextContent())):r("div",{class:a,"aria-disabled":this.disabled?"true":void 0},t,this.renderWithTextContent()))}const i="profile"===a,s=t.getSingleAvatarClasses(i&&"md"===this.size?void 0:this.size,this.color,i,this.disabled),l=this.renderAvatarMediaWithStatusBadge();return r(e,null,this.href&&!this.disabled?r("a",Object.assign({},this.getAnchorProps(s)),l):r("div",{class:s,"aria-disabled":this.disabled?"true":void 0},l))}get el(){return this}static get watchers(){return{groupData:[{onGroupDataChange:0}]}}},[260,"xpl-avatar",{color:[1],disabled:[4],groupData:[1,"group-data"],href:[1],name:[1],size:[1],src:[1],status:[1],subText:[1,"sub-text"],target:[1],variant:[1],cachedGroupItems:[32],cachedSlotContent:[32]},void 0,{groupData:[{onGroupDataChange:0}]}]);function u(){"undefined"!=typeof customElements&&["xpl-avatar","xpl-badge"].forEach((t=>{switch(t){case"xpl-avatar":customElements.get(i(t))||customElements.define(i(t),o);break;case"xpl-badge":customElements.get(i(t))||s()}}))}export{o as A,u as d}

package/dist/components/xpl-backdrop2.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as r,Host as s,transformTag as c}from"@stencil/core/internal/client";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.relative=!1}render(){return r(s,{key:"43941007f4e0ba73037eaff96cf8d000cee48b72",class:{"xpl-backdrop":!0,"xpl-backdrop--fixed":!this.relative,"xpl-backdrop--relative":this.relative},"aria-hidden":"true"})}},[0,"xpl-backdrop",{relative:[4]}]);function a(){"undefined"!=typeof customElements&&["xpl-backdrop"].forEach((e=>{"xpl-backdrop"===e&&(customElements.get(c(e))||customElements.define(c(e),o))}))}export{o as B,a as d}
+import{proxyCustomElement as e,HTMLElement as t,h as r,Host as c,transformTag as s}from"@stencil/core/internal/client";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.relative=!1}render(){return r(c,{key:"ce11926c0ef08f0ae9d77fecfa813f20b6eee229",class:{"xpl-backdrop":!0,"xpl-backdrop--fixed":!this.relative,"xpl-backdrop--relative":this.relative},"aria-hidden":"true"})}},[0,"xpl-backdrop",{relative:[4]}]);function a(){"undefined"!=typeof customElements&&["xpl-backdrop"].forEach((e=>{"xpl-backdrop"===e&&(customElements.get(s(e))||customElements.define(s(e),o))}))}export{o as B,a as d}

package/dist/components/xpl-badge2.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as s,Host as d,transformTag as i}from"@stencil/core/internal/client";const a={success:"green",warning:"yellow",inactive:"gray",error:"red"},r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.bordered=!1,this.dotOnly=!1,this.shape="rounded",this.size="default",this.variant="purple"}get resolvedVariant(){var e;return null!==(e=a[this.variant])&&void 0!==e?e:this.variant}render(){return s(d,{key:"9580be5811ecfd027b81edb1ca8f5f08c325d3b6"},s("div",{key:"0223458a5e1210f28b8b77a2d5fbd16d0b302998",class:{"xpl-badge--dot-only":this.dotOnly,"xpl-badge--dot-only-bordered":this.dotOnly&&this.bordered,"xpl-badge":!this.dotOnly,"xpl-badge--dot":!this.dotOnly&&!!this.dot,[`xpl-badge--${this.resolvedVariant}`]:!0,[`xpl-badge--size-${this.size}`]:!!this.size,[`xpl-badge--shape-${this.shape}`]:!this.dotOnly&&!!this.shape}},s("slot",{key:"ef0e6db8a9f33dfcea4739be2300b481e35c7f10"})))}},[260,"xpl-badge",{bordered:[4],dot:[4],dotOnly:[4,"dot-only"],shape:[1],size:[1],variant:[1]}]);function l(){"undefined"!=typeof customElements&&["xpl-badge"].forEach((e=>{"xpl-badge"===e&&(customElements.get(i(e))||customElements.define(i(e),r))}))}export{r as B,l as d}
+import{proxyCustomElement as e,HTMLElement as t,h as s,Host as d,transformTag as a}from"@stencil/core/internal/client";const i={success:"green",warning:"yellow",inactive:"gray",error:"red"},l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.bordered=!1,this.dotOnly=!1,this.shape="rounded",this.size="default",this.variant="purple"}get resolvedVariant(){var e;return null!==(e=i[this.variant])&&void 0!==e?e:this.variant}render(){return s(d,{key:"6d8b154300f5a676c58d8633c2b5f7514967f764"},s("div",{key:"bef0970eb3185b1afb08ece888b63509e69ff15d",class:{"xpl-badge--dot-only":this.dotOnly,"xpl-badge--dot-only-bordered":this.dotOnly&&this.bordered,"xpl-badge":!this.dotOnly,"xpl-badge--dot":!this.dotOnly&&!!this.dot,[`xpl-badge--${this.resolvedVariant}`]:!0,[`xpl-badge--size-${this.size}`]:!!this.size,[`xpl-badge--shape-${this.shape}`]:!this.dotOnly&&!!this.shape}},s("span",{key:"90e51d0f3d74a99268b9a4944a94b6c0096f1ea9",class:"xpl-badge__label"},s("slot",{key:"5f13f42adbbcfc0698f25687ba27f4bb0c63d5a8"}))))}},[260,"xpl-badge",{bordered:[4],dot:[4],dotOnly:[4,"dot-only"],shape:[1],size:[1],variant:[1]}]);function r(){"undefined"!=typeof customElements&&["xpl-badge"].forEach((e=>{"xpl-badge"===e&&(customElements.get(a(e))||customElements.define(a(e),l))}))}export{l as B,r as d}

package/dist/components/xpl-banner.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as i,createEvent as t,h as n,Host as s,transformTag as a}from"@stencil/core/internal/client";import{d as c}from"./xpl-button2.js";import{d as r}from"./xpl-icon2.js";const o=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.action=t(this,"action",7),this.dismiss=t(this,"dismiss",7),this.secondaryAction=t(this,"secondaryAction",7),this.appearance="information",this.hasIcon=!0,this.isDismissible=!0,this.isSection=!1,this.truncateDesc=!1}getIcon(){switch(this.appearance){case"positive":return"circle-check";case"warning":return"triangle-warning";case"error":return"octagon-warning";default:return"circle-info"}}getActionButtonState(){return this.isSection&&"positive"===this.appearance?"success":"error"===this.appearance?"warning":void 0}getActionButtonVariant(){return this.isSection?"subtle":"error"===this.appearance?"primary":"subtle"}getAriaLabel(){var e;return this.isSection?(null===(e=this.heading)||void 0===e?void 0:e.trim())||"Section banner":{information:"Information banner",positive:"Positive banner",warning:"Warning banner",error:"Error banner"}[this.appearance]}render(){var e,i,t,a;const c=!!(null===(e=this.actionText)||void 0===e?void 0:e.trim()),r=!!(null===(i=this.secondaryActionText)||void 0===i?void 0:i.trim()),o=this.getActionButtonVariant(),d=this.getActionButtonState(),l=!!(null===(t=this.heading)||void 0===t?void 0:t.trim()),b=!!(null===(a=this.description)||void 0===a?void 0:a.trim());return n(s,{key:"746ce028bdc07d1a645251aecf524f427d1d695b",class:{"xpl-banner":!0,"xpl-banner--section":this.isSection,["xpl-banner--"+this.appearance]:!0,"xpl-banner--truncate-desc":this.truncateDesc,"xpl-banner--no-icon":this.isSection&&!this.hasIcon},role:"region","aria-label":this.getAriaLabel()},(!this.isSection||this.hasIcon)&&n("div",{key:"fec752fe9822b480c2140c9b4520c2fcf71e4077",class:"xpl-banner__icon","aria-hidden":"true"},n("xpl-icon",{key:"1ce49bf4735edf985eaf055312cbd0bec8c76e96",icon:this.getIcon(),size:24})),n("div",{key:"9f1b38f386c4151d25ed7ddb4770d39ae915760d",class:"xpl-banner__body"},l&&n("p",{key:"d1e2301d3174bf9bddec53aec75760c2f18899b8",class:"xpl-banner__heading"},this.heading),b&&n("p",{key:"4d7104cb455bc6f000244c6a66d87fe642488a22",class:"xpl-banner__description",title:this.truncateDesc?this.description:void 0},this.description)),(c||r)&&n("div",{key:"e3d3dd32d98399be0c1ed702ccc67e65c9d12236",class:"xpl-banner__actions"},c&&n("xpl-button",{key:"2410dbb9ea6c910e4cb8ace3a40378e10971060d",size:"xs",variant:o,state:d,onClick:()=>this.action.emit()},this.actionText),r&&n("xpl-button",{key:"db600c5b7e955b466f5928c05dbd9da467317aaa",size:"xs",variant:o,state:d,onClick:()=>this.secondaryAction.emit()},this.secondaryActionText)),this.isDismissible&&n("button",{key:"fe896518f7f3544a60dd1a125d4139985817c0d2",class:"xpl-banner__dismiss",type:"button","aria-label":`Dismiss ${this.isSection?"section ":""}banner`,onClick:()=>this.dismiss.emit()},n("xpl-icon",{key:"98453bbd9485027c030f4fdc7af349c0e23aa405",icon:"xmark",size:24,"aria-hidden":"true"})))}},[0,"xpl-banner",{actionText:[1,"action-text"],appearance:[1],description:[1],hasIcon:[4,"has-icon"],heading:[1],isDismissible:[4,"is-dismissible"],isSection:[4,"is-section"],secondaryActionText:[1,"secondary-action-text"],truncateDesc:[4,"truncate-desc"]}]),d=o,l=function(){"undefined"!=typeof customElements&&["xpl-banner","xpl-button","xpl-icon"].forEach((e=>{switch(e){case"xpl-banner":customElements.get(a(e))||customElements.define(a(e),o);break;case"xpl-button":customElements.get(a(e))||c();break;case"xpl-icon":customElements.get(a(e))||r()}}))};export{d as XplBanner,l as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as i,createEvent as t,h as n,Host as s,transformTag as a}from"@stencil/core/internal/client";import{d as r}from"./xpl-button2.js";import{d as c}from"./xpl-icon2.js";const o=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.action=t(this,"action",7),this.dismiss=t(this,"dismiss",7),this.secondaryAction=t(this,"secondaryAction",7),this.appearance="information",this.hasIcon=!0,this.isDismissible=!0,this.isSection=!1,this.truncateDesc=!1}getIcon(){switch(this.appearance){case"positive":return"circle-check";case"warning":return"triangle-warning";case"error":return"octagon-warning";default:return"circle-info"}}getActionButtonState(){return this.isSection&&"positive"===this.appearance?"success":"error"===this.appearance?"warning":void 0}getActionButtonVariant(){return this.isSection?"subtle":"error"===this.appearance?"primary":"subtle"}getAriaLabel(){var e;return this.isSection?(null===(e=this.heading)||void 0===e?void 0:e.trim())||"Section banner":{information:"Information banner",positive:"Positive banner",warning:"Warning banner",error:"Error banner"}[this.appearance]}render(){var e,i,t,a;const r=!!(null===(e=this.actionText)||void 0===e?void 0:e.trim()),c=!!(null===(i=this.secondaryActionText)||void 0===i?void 0:i.trim()),o=this.getActionButtonVariant(),l=this.getActionButtonState(),d=!!(null===(t=this.heading)||void 0===t?void 0:t.trim()),b=!!(null===(a=this.description)||void 0===a?void 0:a.trim());return n(s,{key:"01e821a96ff2f4f41050a524ed6ec76e8f8ae71c",class:{"xpl-banner":!0,"xpl-banner--section":this.isSection,["xpl-banner--"+this.appearance]:!0,"xpl-banner--truncate-desc":this.truncateDesc,"xpl-banner--no-icon":this.isSection&&!this.hasIcon},role:"region","aria-label":this.getAriaLabel()},(!this.isSection||this.hasIcon)&&n("div",{key:"e0b8fc78558cb0feff957deda21e9a6009a41ebc",class:"xpl-banner__icon","aria-hidden":"true"},n("xpl-icon",{key:"b1ad22088243b609c67275091a6b7ec0f5bfcd2b",icon:this.getIcon(),size:24})),n("div",{key:"9ae85de66f2092d2f689e881ebf5cb28b442a804",class:"xpl-banner__body"},d&&n("p",{key:"5a4a146c870f4c12abe4a5ef1e5d7aa51d8e7507",class:"xpl-banner__heading"},this.heading),b&&n("p",{key:"115e1349f08a077a898556174c7f14c22e43eb8c",class:"xpl-banner__description",title:this.truncateDesc?this.description:void 0},this.description)),(r||c)&&n("div",{key:"d2ebd4a9f6bf5902958c071a476da8b5b2888c5c",class:"xpl-banner__actions"},r&&n("xpl-button",{key:"763ce0af40d4a9a5d62f18ee08085a8455819779",size:"xs",variant:o,state:l,onClick:()=>this.action.emit()},this.actionText),c&&n("xpl-button",{key:"d59e222b9eb5d766953d26609a48366a32499814",size:"xs",variant:o,state:l,onClick:()=>this.secondaryAction.emit()},this.secondaryActionText)),this.isDismissible&&n("button",{key:"ec7d24375a62f20c7309d7b49d88f6db1eb2a891",class:"xpl-banner__dismiss",type:"button","aria-label":`Dismiss ${this.isSection?"section ":""}banner`,onClick:()=>this.dismiss.emit()},n("xpl-icon",{key:"f45280a420a3556100cd0ed48c39124d400becd9",icon:"xmark",size:24,"aria-hidden":"true"})))}},[0,"xpl-banner",{actionText:[1,"action-text"],appearance:[1],description:[1],hasIcon:[4,"has-icon"],heading:[1],isDismissible:[4,"is-dismissible"],isSection:[4,"is-section"],secondaryActionText:[1,"secondary-action-text"],truncateDesc:[4,"truncate-desc"]}]),l=o,d=function(){"undefined"!=typeof customElements&&["xpl-banner","xpl-button","xpl-icon"].forEach((e=>{switch(e){case"xpl-banner":customElements.get(a(e))||customElements.define(a(e),o);break;case"xpl-button":customElements.get(a(e))||r();break;case"xpl-icon":customElements.get(a(e))||c()}}))};export{l as XplBanner,d as defineCustomElement}

package/dist/components/xpl-breadcrumb-item.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as c,h as t,Host as r,transformTag as n}from"@stencil/core/internal/client";const s=e(class extends c{constructor(e){super(),!1!==e&&this.__registerHost(),this.chevron='<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-right" class="svg-inline--fa fa-chevron-right fa-w-10" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">\n        <path fill="currentColor" d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"></path>\n    </svg>\n    '}render(){return t(r,{key:"ea9a888676dc9f7ef3a8ebdb194905d1e4350e2a",class:"xpl-breadcrumb-item",role:"listitem"},t("li",{key:"3de2d04b006232bcdeca19c8cd300939bdfd160d",role:"none"},t("slot",{key:"ce28e3cce466682d576e026978f2f715cc8f2c84"})),t("span",{key:"862d5979885f27e002852d0e933b0003a6a8c9f3",innerHTML:this.chevron}))}},[260,"xpl-breadcrumb-item"]),a=s,i=function(){"undefined"!=typeof customElements&&["xpl-breadcrumb-item"].forEach((e=>{"xpl-breadcrumb-item"===e&&(customElements.get(n(e))||customElements.define(n(e),s))}))};export{a as XplBreadcrumbItem,i as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,h as c,Host as a,transformTag as r}from"@stencil/core/internal/client";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.chevron='<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-right" class="svg-inline--fa fa-chevron-right fa-w-10" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">\n        <path fill="currentColor" d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"></path>\n    </svg>\n    '}render(){return c(a,{key:"dd246c29fcb1afca4007299380a59b47c0a10c9d",class:"xpl-breadcrumb-item",role:"listitem"},c("li",{key:"b6df20888b3891241e52f0f2be14f1eedee2cac6",role:"none"},c("slot",{key:"f2f64effe0f58bb33bc983abfaa8b2996714e3b4"})),c("span",{key:"31c15dd296e6dab1d207a84179a4803b7366c1a2",innerHTML:this.chevron}))}},[260,"xpl-breadcrumb-item"]),s=n,i=function(){"undefined"!=typeof customElements&&["xpl-breadcrumb-item"].forEach((e=>{"xpl-breadcrumb-item"===e&&(customElements.get(r(e))||customElements.define(r(e),n))}))};export{s as XplBreadcrumbItem,i as defineCustomElement}

package/dist/components/xpl-breadcrumbs.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as c,h as r,Host as a,transformTag as s}from"@stencil/core/internal/client";const t=e(class extends c{constructor(e){super(),!1!==e&&this.__registerHost()}render(){return r(a,{key:"b2d3bc77d1cc55f20c15af6b3526c10ee5737d23"},r("nav",{key:"576a7d126a4df07c275fef5a412b549f5fc7bf45",class:"xpl-breadcrumbs","aria-label":"Breadcrumb"},r("ol",{key:"000ab463d675d42a67f3f484fe3d38ac7be1d60e",role:"list"},r("slot",{key:"5f5895a835a4d572bd5566c1e8a4b9b83373f372"}))))}},[260,"xpl-breadcrumbs"]),b=t,d=function(){"undefined"!=typeof customElements&&["xpl-breadcrumbs"].forEach((e=>{"xpl-breadcrumbs"===e&&(customElements.get(s(e))||customElements.define(s(e),t))}))};export{b as XplBreadcrumbs,d as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as c,h as a,Host as r,transformTag as s}from"@stencil/core/internal/client";const d=e(class extends c{constructor(e){super(),!1!==e&&this.__registerHost()}render(){return a(r,{key:"d4a4ae7bbf7f8eafc8a44b56c66983303e039d7e"},a("nav",{key:"8e5decbdce778c1768e3412a59663cd37938f361",class:"xpl-breadcrumbs","aria-label":"Breadcrumb"},a("ol",{key:"612620c37a84ad022b9da5cdb884410a4df4dd29",role:"list"},a("slot",{key:"ae6cfc4f4e65ba7ca755fa7d9eb3751aae8905ff"}))))}},[260,"xpl-breadcrumbs"]),t=d,b=function(){"undefined"!=typeof customElements&&["xpl-breadcrumbs"].forEach((e=>{"xpl-breadcrumbs"===e&&(customElements.get(s(e))||customElements.define(s(e),d))}))};export{t as XplBreadcrumbs,b as defineCustomElement}

package/dist/components/xpl-button-row.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,createEvent as c,h as s,Host as i,transformTag as a}from"@stencil/core/internal/client";import{d as o}from"./xpl-button2.js";import{d as n}from"./xpl-icon2.js";const r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.clickPrimary=c(this,"clickPrimary",7),this.clickSecondary=c(this,"clickSecondary",7),this.clickTertiary=c(this,"clickTertiary",7),this.onPrimary=()=>this.clickPrimary.emit(),this.onSecondary=()=>this.clickSecondary.emit(),this.onTertiary=()=>this.clickTertiary.emit()}render(){return s(i,{key:"0f5bf4d086cbafb8b03f854ea11b495ee5009cdf",class:"xpl-button-row"},s("div",{key:"64ab05ca8cba9cf4c2a8feca5a6233a6a4b6a7e4",class:"xpl-button-row-inner"},s("div",{key:"2e8d97b9fb7f7a31e0014b255342c0f2fb3ce7ac",class:"xpl-button-row__left"},this.secondary&&s("xpl-button",{key:"d368c7228a9f12143cff4978ced0a5eac35ff8a3",variant:"secondary",type:"button",onClick:this.onSecondary},this.secondary)),s("div",{key:"a2a1860115ab9ac09d6ddd01ffd1e6e49d1ac874",class:"xpl-button-row__right"},this.tertiary&&s("xpl-button",{key:"98f77b4745b72e8321e37d307c0a298f1e52045f",variant:"subtle",type:"button",onClick:this.onTertiary},this.tertiary),this.secondary&&s("xpl-button",{key:"7f605c1221e856825e044dc908834f52c9e0374a",variant:"secondary",type:"button",onClick:this.onSecondary},this.secondary),this.primary&&s("xpl-button",{key:"f83653973db8aec83cc3ec0da3cdf25431c18304",class:"xpl-button-row__primary",onClick:this.onPrimary},this.primary))))}},[0,"xpl-button-row",{primary:[1],secondary:[1],tertiary:[1]}]),l=r,b=function(){"undefined"!=typeof customElements&&["xpl-button-row","xpl-button","xpl-icon"].forEach((t=>{switch(t){case"xpl-button-row":customElements.get(a(t))||customElements.define(a(t),r);break;case"xpl-button":customElements.get(a(t))||o();break;case"xpl-icon":customElements.get(a(t))||n()}}))};export{l as XplButtonRow,b as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as e,createEvent as s,h as c,Host as i,transformTag as o}from"@stencil/core/internal/client";import{d as n}from"./xpl-button2.js";import{d as r}from"./xpl-icon2.js";const a=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.clickPrimary=s(this,"clickPrimary",7),this.clickSecondary=s(this,"clickSecondary",7),this.clickTertiary=s(this,"clickTertiary",7),this.onPrimary=()=>this.clickPrimary.emit(),this.onSecondary=()=>this.clickSecondary.emit(),this.onTertiary=()=>this.clickTertiary.emit()}render(){return c(i,{key:"e27ee4f9278fe24ab710504fc5a83b4b92b74607",class:"xpl-button-row"},c("div",{key:"e7ea1f3ef4dd52fd3026e47679f1e2663f315a98",class:"xpl-button-row-inner"},c("div",{key:"da4ccf63f6f00d83f829fb7cf1e2d20c76cffa33",class:"xpl-button-row__left"},this.secondary&&c("xpl-button",{key:"cb3d7caeba1d66f0f752e19b33a31d627bc26911",variant:"secondary",type:"button",onClick:this.onSecondary},this.secondary)),c("div",{key:"c7342cf52d016482c2ab8e33ecd8c3616061c107",class:"xpl-button-row__right"},this.tertiary&&c("xpl-button",{key:"1ed372cc087ef1a0c650282f90aa0117b35745bc",variant:"subtle",type:"button",onClick:this.onTertiary},this.tertiary),this.secondary&&c("xpl-button",{key:"56d88d07742c5e2900831f3a1ecf026d05299632",variant:"secondary",type:"button",onClick:this.onSecondary},this.secondary),this.primary&&c("xpl-button",{key:"5bd13162e70b4fc59996b62f507cfc2d4e7418d7",class:"xpl-button-row__primary",onClick:this.onPrimary},this.primary))))}},[0,"xpl-button-row",{primary:[1],secondary:[1],tertiary:[1]}]),l=a,b=function(){"undefined"!=typeof customElements&&["xpl-button-row","xpl-button","xpl-icon"].forEach((t=>{switch(t){case"xpl-button-row":customElements.get(o(t))||customElements.define(o(t),a);break;case"xpl-button":customElements.get(o(t))||n();break;case"xpl-icon":customElements.get(o(t))||r()}}))};export{l as XplButtonRow,b as defineCustomElement}

package/dist/components/xpl-button2.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as i,h as s,Host as n,transformTag as o}from"@stencil/core/internal/client";import{d as e}from"./xpl-icon2.js";const l=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.disabled=!1,this.fullWidth=!1,this.icon="",this.iconOnly=!1,this.iconPosition="start",this.isLoading=!1,this.sentiment="neutral",this.size="default",this.variant="primary"}componentDidRender(){const t=this.el.attributes,i=Object.keys(t).filter((i=>{const s=t[i].name;return!!s&&(s.includes("data-test")||s.includes("aria-"))})).reduce(((i,s)=>Object.assign(Object.assign({},i),{[t[s].name]:t[s].value})),{}),s=this.el.querySelector("button");s&&Object.keys(i).forEach((t=>{s.setAttribute(t,i[t]),this.el.removeAttribute(t)}))}renderIcon(){return this.icon?s("xpl-icon",{icon:this.icon}):null}handleLoadingState(t){this.isLoading&&(t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation())}render(){return s(n,{key:"b4658d7608d4ec84a4bbb36e8989bf66cd0358a2",class:{"xpl-button":!0,[`xpl-button--${this.size}`]:!0,[`xpl-button--${this.variant}`]:!0,[`xpl-button--${this.state?this.state:this.sentiment}`]:!0,[this.icon?`xpl-button__icon-position--${this.iconPosition}`:""]:!!this.icon,"xpl-button--full-width":this.fullWidth,"xpl-button--icon-only":this.iconOnly,"xpl-button--disabled":this.disabled,"xpl-button--loading":this.isLoading&&!this.link}},this.link?s("slot",null):s("button",{disabled:this.disabled,onClick:t=>this.handleLoadingState(t),type:!this.isLoading||"submit"!==this.type&&"reset"!==this.type&&void 0!==this.type?this.type:"button",name:this.name,value:this.value,form:this.form,"aria-busy":this.isLoading?"true":void 0},this.icon&&s("span",{class:"xpl-button__icon"},this.renderIcon()),s("slot",null),this.isLoading&&s("span",{class:"xpl-button__loading-overlay","aria-hidden":"true"},s("span",{class:"xpl-button__loading-spinner"},s("xpl-icon",{icon:"loader-4"})))))}get el(){return this}},[260,"xpl-button",{disabled:[4],form:[1],fullWidth:[4,"full-width"],icon:[1],iconOnly:[4,"icon-only"],iconPosition:[1,"icon-position"],isLoading:[4,"is-loading"],link:[4],name:[1],sentiment:[1],size:[1],state:[1],type:[1],value:[1],variant:[1]}]);function h(){"undefined"!=typeof customElements&&["xpl-button","xpl-icon"].forEach((t=>{switch(t){case"xpl-button":customElements.get(o(t))||customElements.define(o(t),l);break;case"xpl-icon":customElements.get(o(t))||e()}}))}export{l as B,h as d}
+import{proxyCustomElement as t,HTMLElement as i,h as s,Host as n,transformTag as o}from"@stencil/core/internal/client";import{d as e}from"./xpl-icon2.js";const l=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.disabled=!1,this.fullWidth=!1,this.icon="",this.iconOnly=!1,this.iconPosition="start",this.isLoading=!1,this.sentiment="neutral",this.size="default",this.variant="primary"}componentDidRender(){const t=this.el.attributes,i=Object.keys(t).filter((i=>{const s=t[i].name;return!!s&&(s.includes("data-test")||s.includes("aria-"))})).reduce(((i,s)=>Object.assign(Object.assign({},i),{[t[s].name]:t[s].value})),{}),s=this.el.querySelector("button");s&&Object.keys(i).forEach((t=>{s.setAttribute(t,i[t]),this.el.removeAttribute(t)}))}renderIcon(){return this.icon?s("xpl-icon",{icon:this.icon}):null}handleLoadingState(t){this.isLoading&&(t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation())}render(){var t;return s(n,{key:"dc9baff2fca5d300d4f10d854669fe44ce9dcf2b",class:{"xpl-button":!0,[`xpl-button--${this.size}`]:!0,[`xpl-button--${this.variant}`]:!0,[`xpl-button--${this.state?this.state:this.sentiment}`]:!0,[this.icon?`xpl-button__icon-position--${this.iconPosition}`:""]:!!this.icon,"xpl-button--full-width":this.fullWidth,"xpl-button--icon-only":this.iconOnly,"xpl-button--disabled":this.disabled,"xpl-button--loading":this.isLoading&&!this.link}},this.link?s("slot",null):s("button",Object.assign({},null!==(t=this.controlAttrs)&&void 0!==t?t:{},{disabled:this.disabled,onClick:t=>this.handleLoadingState(t),type:!this.isLoading||"submit"!==this.type&&"reset"!==this.type&&void 0!==this.type?this.type:"button",name:this.name,value:this.value,form:this.form,"aria-busy":this.isLoading?"true":void 0}),this.icon&&s("span",{class:"xpl-button__icon"},this.renderIcon()),s("slot",null),this.isLoading&&s("span",{class:"xpl-button__loading-overlay","aria-hidden":"true"},s("span",{class:"xpl-button__loading-spinner"},s("xpl-icon",{icon:"loader-4"})))))}get el(){return this}},[260,"xpl-button",{controlAttrs:[16],disabled:[4],form:[1],fullWidth:[4,"full-width"],icon:[1],iconOnly:[4,"icon-only"],iconPosition:[1,"icon-position"],isLoading:[4,"is-loading"],link:[4],name:[1],sentiment:[1],size:[1],state:[1],type:[1],value:[1],variant:[1]}]);function h(){"undefined"!=typeof customElements&&["xpl-button","xpl-icon"].forEach((t=>{switch(t){case"xpl-button":customElements.get(o(t))||customElements.define(o(t),l);break;case"xpl-icon":customElements.get(o(t))||e()}}))}export{l as B,h as d}

package/dist/components/xpl-calendar.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as s,Host as a,transformTag as n}from"@stencil/core/internal/client";import{f as d}from"./index2.js";import{v as o}from"./v4.js";const l=(t=!1)=>`<svg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="${t?"M0.557948 5.6813L6.06209 0.132167C6.23831 -0.0440556 6.52327 -0.0440556 6.69949 0.132167L7.44187 0.874551C7.61809 1.05077 7.61809 1.33573 7.44187 1.51195L2.99882 6L7.44187 10.488C7.61809 10.6643 7.61809 10.9492 7.44187 11.1254L6.69949 11.8678C6.52327 12.0441 6.23831 12.0441 6.06209 11.8678L0.557948 6.3187C0.381726 6.14248 0.381726 5.85752 0.557948 5.6813Z":"M7.44187 6.3187L1.93773 11.8678C1.76151 12.0441 1.47655 12.0441 1.30033 11.8678L0.557948 11.1254C0.381726 10.9492 0.381726 10.6643 0.557948 10.488L5.001 6L0.557948 1.51195C0.381726 1.33573 0.381726 1.05077 0.557948 0.874551L1.30033 0.132167C1.47655 -0.0440556 1.76151 -0.0440556 1.93773 0.132167L7.44187 5.6813C7.6181 5.85752 7.6181 6.14248 7.44187 6.3187Z"}" /></svg>`,r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.dateSelected=i(this,"dateSelected",7),this.inputId=o(),this.dateFormat="Y-m-d",this.mode="single"}async setDate(t){void 0!==this.flatpickrInstance&&("single"===this.mode&&"string"==typeof t||"range"===this.mode&&Array.isArray(t))&&this.flatpickrInstance.setDate(t)}componentWillLoad(){this.calendarInputId=this.inputId}componentDidLoad(){this.flatpickrInstance=d(this.inputElement,{allowInput:!0,dateFormat:this.dateFormat,defaultDate:this.defaultDate,maxDate:this.max,minDate:this.min,mode:this.mode,nextArrow:l(),prevArrow:l(!0),inline:!0,monthSelectorType:"dropdown",onChange:t=>{var e;this.dateSelected.emit("single"===this.mode?null===(e=t[0])||void 0===e?void 0:e.toISOString():t.map((t=>t.toISOString())))}})}disconnectedCallback(){void 0!==this.flatpickrInstance&&this.flatpickrInstance.destroy()}render(){return s(a,{key:"5a9d327e7f4d7861d337123299829b833b2cce84",class:"xpl-calendar"},s("input",{key:"f592794da7e97bca218ea47ab5d64a13182d71d0",class:"xpl-calendar-input",type:"text",id:this.calendarInputId,ref:t=>{this.inputElement=t}}))}},[0,"xpl-calendar",{inputId:[1,"input-id"],dateFormat:[1,"date-format"],max:[8],min:[8],mode:[1],defaultDate:[1,"default-date"],setDate:[64]}]),h=r,c=function(){"undefined"!=typeof customElements&&["xpl-calendar"].forEach((t=>{"xpl-calendar"===t&&(customElements.get(n(t))||customElements.define(n(t),r))}))};export{h as XplCalendar,c as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as s,Host as a,transformTag as n}from"@stencil/core/internal/client";import{f as d}from"./index2.js";import{v as o}from"./v4.js";const l=(t=!1)=>`<svg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="${t?"M0.557948 5.6813L6.06209 0.132167C6.23831 -0.0440556 6.52327 -0.0440556 6.69949 0.132167L7.44187 0.874551C7.61809 1.05077 7.61809 1.33573 7.44187 1.51195L2.99882 6L7.44187 10.488C7.61809 10.6643 7.61809 10.9492 7.44187 11.1254L6.69949 11.8678C6.52327 12.0441 6.23831 12.0441 6.06209 11.8678L0.557948 6.3187C0.381726 6.14248 0.381726 5.85752 0.557948 5.6813Z":"M7.44187 6.3187L1.93773 11.8678C1.76151 12.0441 1.47655 12.0441 1.30033 11.8678L0.557948 11.1254C0.381726 10.9492 0.381726 10.6643 0.557948 10.488L5.001 6L0.557948 1.51195C0.381726 1.33573 0.381726 1.05077 0.557948 0.874551L1.30033 0.132167C1.47655 -0.0440556 1.76151 -0.0440556 1.93773 0.132167L7.44187 5.6813C7.6181 5.85752 7.6181 6.14248 7.44187 6.3187Z"}" /></svg>`,r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.dateSelected=i(this,"dateSelected",7),this.inputId=o(),this.dateFormat="Y-m-d",this.mode="single"}async setDate(t){void 0!==this.flatpickrInstance&&("single"===this.mode&&"string"==typeof t||"range"===this.mode&&Array.isArray(t))&&this.flatpickrInstance.setDate(t)}componentWillLoad(){this.calendarInputId=this.inputId}componentDidLoad(){this.flatpickrInstance=d(this.inputElement,{allowInput:!0,dateFormat:this.dateFormat,defaultDate:this.defaultDate,maxDate:this.max,minDate:this.min,mode:this.mode,nextArrow:l(),prevArrow:l(!0),inline:!0,monthSelectorType:"dropdown",onChange:t=>{var e;this.dateSelected.emit("single"===this.mode?null===(e=t[0])||void 0===e?void 0:e.toISOString():t.map((t=>t.toISOString())))}})}disconnectedCallback(){void 0!==this.flatpickrInstance&&this.flatpickrInstance.destroy()}render(){return s(a,{key:"6f3d6abc79ea25a9f80d8fa15279fda6b4ba5d81",class:"xpl-calendar"},s("input",{key:"57f4be2ffc9d40943d20f7325cad1f81b0addedb",class:"xpl-calendar-input",type:"text",id:this.calendarInputId,ref:t=>{this.inputElement=t}}))}},[0,"xpl-calendar",{inputId:[1,"input-id"],dateFormat:[1,"date-format"],max:[8],min:[8],mode:[1],defaultDate:[1,"default-date"],setDate:[64]}]),h=r,c=function(){"undefined"!=typeof customElements&&["xpl-calendar"].forEach((t=>{"xpl-calendar"===t&&(customElements.get(n(t))||customElements.define(n(t),r))}))};export{h as XplCalendar,c as defineCustomElement}

package/dist/components/xpl-checkbox2.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as s,createEvent as t,h as i,Host as a,transformTag as d}from"@stencil/core/internal/client";import{v as c}from"./v4.js";const l=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.checkboxChange=t(this,"checkboxChange",7),this.id=c(),this.onChange=e=>{this.checkboxChange.emit(this.value?this.value:e.target.checked)}}render(){return i(a,{key:"8d2ec8544cf2baad3e82b489c678fda63e22da06",class:{"xpl-checkbox-radio-container":!0,styled:this.styled,disabled:this.disabled}},i("input",{key:"632db707a6611ef8f89edaa36af95746a9e5d8fd",class:"xpl-checkbox",type:"checkbox",checked:this.checked,"data-id":this.dataId,disabled:this.disabled,id:this.id,indeterminate:this.indeterminate,onChange:this.onChange,name:this.name,required:this.required,value:this.value}),i("label",{key:"80949092498866a3eba442760c28ba57540f69ba",class:{"xpl-label":!0,"xpl-label--disabled":this.disabled},htmlFor:this.id},i("slot",{key:"343779750455548397d8c887101ac8cf8eb25fcc"}),this.description&&i("small",{key:"12d5e2d154f1a99d7afe5a9bafdf5ebdcb40f1dd",class:{"xpl-description":!0,"xpl-description--disabled":this.disabled}},this.description)))}},[260,"xpl-checkbox",{checked:[4],description:[1],disabled:[4],indeterminate:[4],name:[1],value:[1],required:[4],styled:[4],dataId:[1,"data-id"],id:[32]}]);function h(){"undefined"!=typeof customElements&&["xpl-checkbox"].forEach((e=>{"xpl-checkbox"===e&&(customElements.get(d(e))||customElements.define(d(e),l))}))}export{l as C,h as d}
+import{proxyCustomElement as e,HTMLElement as s,createEvent as i,h as t,Host as a,transformTag as d}from"@stencil/core/internal/client";import{v as c}from"./v4.js";const l=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.checkboxChange=i(this,"checkboxChange",7),this.id=c(),this.ariaLabel="",this.onChange=e=>{this.checkboxChange.emit(this.value?this.value:e.target.checked)}}render(){var e;return t(a,{key:"278efc899d85f3c69d78eae9c893dd95a5c1a0fe",class:{"xpl-checkbox-radio-container":!0,styled:this.styled,disabled:this.disabled}},t("input",{key:"40ff6da70e68b75c0fda7df23eccfd04c152a4e1",class:"xpl-checkbox",type:"checkbox","aria-label":(null!==(e=this.ariaLabel)&&void 0!==e?e:"").trim()||void 0,checked:this.checked,"data-id":this.dataId,disabled:this.disabled,id:this.id,indeterminate:this.indeterminate,onChange:this.onChange,name:this.name,required:this.required,value:this.value}),t("label",{key:"19ebb91dfdb4514b563bb20b7fa2ca06294d2d45",class:{"xpl-label":!0,"xpl-label--disabled":this.disabled},htmlFor:this.id},t("slot",{key:"ceb7f27e19f4256b3c5317e17f4bb8512c6962a6"}),this.description&&t("small",{key:"78a5d2ac044006361a8ce075a2ad8d872f384203",class:{"xpl-description":!0,"xpl-description--disabled":this.disabled}},this.description)))}},[260,"xpl-checkbox",{ariaLabel:[1,"aria-label"],checked:[4],dataId:[1,"data-id"],description:[1],disabled:[4],indeterminate:[4],name:[1],required:[4],styled:[4],value:[1],id:[32]}]);function h(){"undefined"!=typeof customElements&&["xpl-checkbox"].forEach((e=>{"xpl-checkbox"===e&&(customElements.get(d(e))||customElements.define(d(e),l))}))}export{l as C,h as d}

package/dist/components/xpl-choicelist.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as s,createEvent as t,h as i,Host as c,transformTag as h}from"@stencil/core/internal/client";import{d as l}from"./xpl-checkbox2.js";import{d as o}from"./xpl-radio2.js";import{v as n}from"./v4.js";const a=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.choicelistChange=t(this,"choicelistChange",7),this.choicelistValueChange=t(this,"choicelistValueChange",7),this.name=n(),this.onChoiceChange=(e,s)=>{if(this.multi){if(this.selected=this.selected.map(((e,t)=>t===s?!e:e)),"string"==typeof e){const e=this.choices.filter(((e,s)=>this.selected[s])).map(((e,s)=>{var t;return null!==(t=e.value)&&void 0!==t?t:this.selected[s]}));this.choicelistValueChange.emit(e)}}else this.selected=this.selected.map(((e,t)=>t===s)),"string"==typeof e&&this.choicelistValueChange.emit(e)},this.renderChoice=({description:e,label:s,value:t,checked:c},h)=>this.multi?i("xpl-checkbox",{value:t,description:e,name:this.name,checked:c,onCheckboxChange:e=>this.onChoiceChange(e.detail,h)},s):i("xpl-radio",{value:t,description:e,name:this.name,checked:c,onRadioChange:e=>this.onChoiceChange(e.detail,h)},s)}onChoicesPropChange(e){this.selected=null!=e&&e.length>0?e.map((e=>e.checked||!1)):[]}onSelectedChange(e){this.choicelistChange.emit(e)}componentWillLoad(){this.onChoicesPropChange(this.choices)}render(){return i(c,{key:"c6a7762863d6d19c1a9d72cfcc14e1d6e0f02850",class:"xpl-choicelist-container"},void 0!==this.heading||void 0!==this.description?i("div",{class:"xpl-choicelist-heading"},this.heading&&i("h3",null,this.heading),this.description&&i("p",null,this.description)):null,this.choices&&i("ul",{key:"a7f81d04dea87b90b86548e9eceeb802e0f4f57f",class:{"xpl-choicelist":!0,"xpl-choicelist--styled":this.styled}},this.choices.map(((e,s)=>{const t=this.renderChoice(e,s);return i("li",{class:{selected:this.styled&&this.selected[s]}},t,e.children&&i("ul",null,e.children.map(((e,s)=>{const t=this.renderChoice(e,s);return i("li",null,t)}))))}))))}static get watchers(){return{choices:[{onChoicesPropChange:0}],selected:[{onSelectedChange:0}]}}},[0,"xpl-choicelist",{choices:[16],description:[1],heading:[1],multi:[4],name:[1],styled:[4],selected:[32]},void 0,{choices:[{onChoicesPropChange:0}],selected:[{onSelectedChange:0}]}]),r=a,d=function(){"undefined"!=typeof customElements&&["xpl-choicelist","xpl-checkbox","xpl-radio"].forEach((e=>{switch(e){case"xpl-choicelist":customElements.get(h(e))||customElements.define(h(e),a);break;case"xpl-checkbox":customElements.get(h(e))||l();break;case"xpl-radio":customElements.get(h(e))||o()}}))};export{r as XplChoicelist,d as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as s,createEvent as t,h as i,Host as c,transformTag as h}from"@stencil/core/internal/client";import{d as l}from"./xpl-checkbox2.js";import{d as o}from"./xpl-radio2.js";import{v as n}from"./v4.js";const a=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.choicelistChange=t(this,"choicelistChange",7),this.choicelistValueChange=t(this,"choicelistValueChange",7),this.name=n(),this.onChoiceChange=(e,s)=>{if(this.multi){if(this.selected=this.selected.map(((e,t)=>t===s?!e:e)),"string"==typeof e){const e=this.choices.filter(((e,s)=>this.selected[s])).map(((e,s)=>{var t;return null!==(t=e.value)&&void 0!==t?t:this.selected[s]}));this.choicelistValueChange.emit(e)}}else this.selected=this.selected.map(((e,t)=>t===s)),"string"==typeof e&&this.choicelistValueChange.emit(e)},this.renderChoice=({description:e,label:s,value:t,checked:c},h)=>this.multi?i("xpl-checkbox",{value:t,description:e,name:this.name,checked:c,onCheckboxChange:e=>this.onChoiceChange(e.detail,h)},s):i("xpl-radio",{value:t,description:e,name:this.name,checked:c,onRadioChange:e=>this.onChoiceChange(e.detail,h)},s)}onChoicesPropChange(e){this.selected=null!=e&&e.length>0?e.map((e=>e.checked||!1)):[]}onSelectedChange(e){this.choicelistChange.emit(e)}componentWillLoad(){this.onChoicesPropChange(this.choices)}render(){return i(c,{key:"3e1881fd40ea2aecefbb24951920b92ac08ef029",class:"xpl-choicelist-container"},void 0!==this.heading||void 0!==this.description?i("div",{class:"xpl-choicelist-heading"},this.heading&&i("h3",null,this.heading),this.description&&i("p",null,this.description)):null,this.choices&&i("ul",{key:"052b5c72e4bc37b84939b639e070b8e692064ffe",class:{"xpl-choicelist":!0,"xpl-choicelist--styled":this.styled}},this.choices.map(((e,s)=>{const t=this.renderChoice(e,s);return i("li",{class:{selected:this.styled&&this.selected[s]}},t,e.children&&i("ul",null,e.children.map(((e,s)=>{const t=this.renderChoice(e,s);return i("li",null,t)}))))}))))}static get watchers(){return{choices:[{onChoicesPropChange:0}],selected:[{onSelectedChange:0}]}}},[0,"xpl-choicelist",{choices:[16],description:[1],heading:[1],multi:[4],name:[1],styled:[4],selected:[32]},void 0,{choices:[{onChoicesPropChange:0}],selected:[{onSelectedChange:0}]}]),r=a,d=function(){"undefined"!=typeof customElements&&["xpl-choicelist","xpl-checkbox","xpl-radio"].forEach((e=>{switch(e){case"xpl-choicelist":customElements.get(h(e))||customElements.define(h(e),a);break;case"xpl-checkbox":customElements.get(h(e))||l();break;case"xpl-radio":customElements.get(h(e))||o()}}))};export{r as XplChoicelist,d as defineCustomElement}

package/dist/components/xpl-content-area.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as c,Host as n,transformTag as a}from"@stencil/core/internal/client";const r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.size="wide"}render(){return c(n,{key:"5ce34f544fa975f9cbd46defced08033bb1eef9b"},c("main",{key:"3e4b262bc54788d50b6b329936f7aee1c1f6be69",class:"xpl-content-area-wrapper xpl-content-area-wrapper__"+this.size},c("div",{key:"5e4f9fa89830360f151c89ebb787d525c3c0940e",class:"xpl-content-area"},c("slot",{key:"e22c2759aa45d4a99c92541073abf011d34474f9"}))))}},[260,"xpl-content-area",{size:[1]}]),s=r,o=function(){"undefined"!=typeof customElements&&["xpl-content-area"].forEach((e=>{"xpl-content-area"===e&&(customElements.get(a(e))||customElements.define(a(e),r))}))};export{s as XplContentArea,o as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,h as c,Host as n,transformTag as a}from"@stencil/core/internal/client";const r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.size="wide"}render(){return c(n,{key:"cef99f9f6ab92587151d12cf86b67fedba498b66"},c("main",{key:"17b27ecd7223283294ea7536a7cfe9c6580c4ec4",class:"xpl-content-area-wrapper xpl-content-area-wrapper__"+this.size},c("div",{key:"566d17a37f8389b10d95d2db96c4df1e3e0a01ec",class:"xpl-content-area"},c("slot",{key:"f084437566dc11ac51cd57e514ebb3bade2826e6"}))))}},[260,"xpl-content-area",{size:[1]}]),s=r,o=function(){"undefined"!=typeof customElements&&["xpl-content-area"].forEach((e=>{"xpl-content-area"===e&&(customElements.get(a(e))||customElements.define(a(e),r))}))};export{s as XplContentArea,o as defineCustomElement}

package/dist/components/xpl-dashboard.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as a,h as s,Host as c,transformTag as t}from"@stencil/core/internal/client";const d=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost()}render(){return s(c,{key:"aa4f209d95236a7e2c3e6f6915c989a110202c80"},s("dl",{key:"890e6fb69af3154ee47c1b40498ed37c5d8a6a1a",class:"xpl-dashboard"},s("slot",{key:"e4a47f80f873cf53844283e47c59f174fc79fda0"})))}},[260,"xpl-dashboard"]),o=d,n=function(){"undefined"!=typeof customElements&&["xpl-dashboard"].forEach((e=>{"xpl-dashboard"===e&&(customElements.get(t(e))||customElements.define(t(e),d))}))};export{o as XplDashboard,n as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as d,h as s,Host as t,transformTag as c}from"@stencil/core/internal/client";const a=e(class extends d{constructor(e){super(),!1!==e&&this.__registerHost()}render(){return s(t,{key:"7894283eaf23b979cd2f30bdd3dafee98d2a82e0"},s("dl",{key:"0e67c4909212d1ce954d2eef615443179925c1bf",class:"xpl-dashboard"},s("slot",{key:"420cf5e409a1699e3b92b4deb38d49fca67caa50"})))}},[260,"xpl-dashboard"]),o=a,n=function(){"undefined"!=typeof customElements&&["xpl-dashboard"].forEach((e=>{"xpl-dashboard"===e&&(customElements.get(c(e))||customElements.define(c(e),a))}))};export{o as XplDashboard,n as defineCustomElement}

package/dist/components/xpl-data-card.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as a,h as s,Host as e,transformTag as d}from"@stencil/core/internal/client";import{d as c}from"./xpl-icon2.js";import{d as i}from"./xpl-tooltip2.js";const l=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.leadingIcon=!0,this.tooltipTextSmallStat="",this.tooltipTextStat=""}watchStat(t){this.stat=t}watchShortStat(t){this.shortStat=t}componentDidLoad(){if(this.link){const t=this.el.getElementsByTagName("a")[0]||this.el.getElementsByTagName("button")[0],a=document.createTextNode(this.name),s=document.createElement("span");s.appendChild(a),t.setAttribute("class","xpl-data-card__anchor"),t.appendChild(s)}}render(){const t="graph-content",a=this.el.querySelector(`[slot="${t}"]`),d="positive"===this.smallStatVariant?"arrow-up-right":"negative"===this.smallStatVariant?"arrow-down-right":"dash";return s(e,{key:"c9a108ce28ed8904ef2f39f8d28e3becdd3da427",role:"group",class:"xpl-data-card "+(this.link?"xpl-data-card__link":""),tabindex:"0"},s("dt",{key:"376323f4f00a84b903b31d3b72b21d83f86cb8d7",class:"xpl-data-card__header xpl-data-card__header--"+("secondary"===this.variant?"secondary":"primary")},s("header",{key:"7385e8fac7f9eb6f8f9c9235f7de8395de376510"},!!this.leadingIcon&&this.icon&&s("span",{key:"bd43a5ad7f0d4c3afacd83b0d77b00fbfbbc9bfe",class:"xpl-data-card__icon--"+this.variant},s("xpl-icon",{key:"914e9897881a07fd0a76eaa24f7b862e0d2237d8",icon:this.icon,"background-color":"secondary"===this.variant?"purple":"orange",size:20})),s("slot",{key:"dc317fbb7055845149737d3699d39759b42be5a4",name:"title"},this.name)),this.link&&s("span",{key:"ea569e40ee3e746073c1dee3e1be98af63cda682",class:"xpl-data-card__header-arrow"},s("xpl-icon",{key:"4da084735e560701a8407ec044b9e6d8ea9d5a1f",icon:"chevron-right",size:16}))),s("dd",{key:"218fd7271e49509d9b29484ba7becb3237fae283",class:"xpl-data-card__body"},s("div",{key:"e8a723a5d2742c42b681cbde6ca880a9833301ba",class:"xpl-data-card__left"},s("span",{key:"9b9cfbc7ff6d1cb81d867e044766559e07f0bee9",class:"xpl-data-card-stat xpl-data-card-stat--long"},this.stat),this.tooltipTextStat?s("xpl-tooltip",{text:this.tooltipTextStat},s("div",{class:"xpl-data-card-stat xpl-data-card-stat--short"},this.shortStat?this.shortStat:this.stat)):s("div",{class:"xpl-data-card-stat xpl-data-card-stat--short"},s("abbr",{title:this.stat},this.shortStat?this.shortStat:this.stat)),this.smallStatVariant?this.tooltipTextSmallStat?s("xpl-tooltip",{text:this.tooltipTextSmallStat},s("div",{class:"xpl-data-card-stat xpl-data-card-stat--small "+this.smallStatVariant},s("xpl-icon",{icon:d,size:16}),this.smallStat)):s("div",{class:"xpl-data-card-stat xpl-data-card-stat--small "+this.smallStatVariant},s("xpl-icon",{icon:d,size:16}),this.smallStat):this.smallStatIcon&&(this.tooltipTextSmallStat?s("xpl-tooltip",{text:this.tooltipTextSmallStat},s("div",{class:"xpl-data-card-stat xpl-data-card-stat--small"},s("xpl-icon",{icon:this.smallStatIcon,size:16}),this.smallStat)):s("div",{class:"xpl-data-card-stat xpl-data-card-stat--small"},s("xpl-icon",{icon:this.smallStatIcon,size:16}),this.smallStat)),!!this.detail&&s("span",{key:"f6236b30f5fababdb27dfb0767b0b9f230019e87",class:"xpl-data-card__detail"},this.detail)),a&&s("div",{key:"614af9eb3f33fde8d489fe547a2f0e833f6e9655",class:"xpl-data-card__right"},s("slot",{key:"d71b6775e27537744ca4bee20c530b5aa1e6e830",name:t}))))}get el(){return this}static get watchers(){return{stat:[{watchStat:0}],shortStat:[{watchShortStat:0}]}}},[260,"xpl-data-card",{link:[4],name:[1],stat:[1],shortStat:[1,"short-stat"],variant:[1],leadingIcon:[4,"leading-icon"],icon:[1],smallStat:[1,"small-stat"],smallStatIcon:[1,"small-stat-icon"],detail:[1],smallStatVariant:[1,"small-stat-variant"],tooltipTextSmallStat:[1,"tooltip-text-small-stat"],tooltipTextStat:[1,"tooltip-text-stat"]},void 0,{stat:[{watchStat:0}],shortStat:[{watchShortStat:0}]}]),o=l,r=function(){"undefined"!=typeof customElements&&["xpl-data-card","xpl-icon","xpl-tooltip"].forEach((t=>{switch(t){case"xpl-data-card":customElements.get(d(t))||customElements.define(d(t),l);break;case"xpl-icon":customElements.get(d(t))||c();break;case"xpl-tooltip":customElements.get(d(t))||i()}}))};export{o as XplDataCard,r as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as a,h as s,Host as c,transformTag as e}from"@stencil/core/internal/client";import{d as i}from"./xpl-icon2.js";import{d}from"./xpl-tooltip2.js";const l=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.leadingIcon=!0,this.tooltipTextSmallStat="",this.tooltipTextStat=""}watchStat(t){this.stat=t}watchShortStat(t){this.shortStat=t}componentDidLoad(){if(this.link){const t=this.el.getElementsByTagName("a")[0]||this.el.getElementsByTagName("button")[0],a=document.createTextNode(this.name),s=document.createElement("span");s.appendChild(a),t.setAttribute("class","xpl-data-card__anchor"),t.appendChild(s)}}render(){const t="graph-content",a=this.el.querySelector(`[slot="${t}"]`),e="positive"===this.smallStatVariant?"arrow-up-right":"negative"===this.smallStatVariant?"arrow-down-right":"dash";return s(c,{key:"15499953647bf4b8c38c98b2beafbc30adececd3",role:"group",class:"xpl-data-card "+(this.link?"xpl-data-card__link":""),tabindex:"0"},s("dt",{key:"6b4ac5e8e9fdffa254618b70f8ca4abb5c244361",class:"xpl-data-card__header xpl-data-card__header--"+("secondary"===this.variant?"secondary":"primary")},s("header",{key:"398ae3fcc452fe3281b006497cd5bca10d5405f3"},!!this.leadingIcon&&this.icon&&s("span",{key:"872e3b75a6cb7f3b6ae28f16da84b7264aeeb1e7",class:"xpl-data-card__icon--"+this.variant},s("xpl-icon",{key:"23452cb159ee169040132182e0c7701d6f537c61",icon:this.icon,"background-color":"secondary"===this.variant?"purple":"orange",size:20})),s("slot",{key:"492cec94080ea654732e8a14214d78bcf844abf6",name:"title"},this.name)),this.link&&s("span",{key:"2c31f2d7e9c96b81465a855e156504ce825c9f97",class:"xpl-data-card__header-arrow"},s("xpl-icon",{key:"1b5f695dc1062c8934569924334aafeb0c4f50d5",icon:"chevron-right",size:16}))),s("dd",{key:"6b45e5c1e3bb58fb2a690a633ad601694917b2fb",class:"xpl-data-card__body"},s("div",{key:"a6d27211c38c758f7cfb59d5597ac4f0c991bd31",class:"xpl-data-card__left"},s("span",{key:"92f23b34ba9d72e934c6db3d120ab6e8d3ccfe97",class:"xpl-data-card-stat xpl-data-card-stat--long"},this.stat),this.tooltipTextStat?s("xpl-tooltip",{text:this.tooltipTextStat},s("div",{class:"xpl-data-card-stat xpl-data-card-stat--short"},this.shortStat?this.shortStat:this.stat)):s("div",{class:"xpl-data-card-stat xpl-data-card-stat--short"},s("abbr",{title:this.stat},this.shortStat?this.shortStat:this.stat)),this.smallStatVariant?this.tooltipTextSmallStat?s("xpl-tooltip",{text:this.tooltipTextSmallStat},s("div",{class:"xpl-data-card-stat xpl-data-card-stat--small "+this.smallStatVariant},s("xpl-icon",{icon:e,size:16}),this.smallStat)):s("div",{class:"xpl-data-card-stat xpl-data-card-stat--small "+this.smallStatVariant},s("xpl-icon",{icon:e,size:16}),this.smallStat):this.smallStatIcon&&(this.tooltipTextSmallStat?s("xpl-tooltip",{text:this.tooltipTextSmallStat},s("div",{class:"xpl-data-card-stat xpl-data-card-stat--small"},s("xpl-icon",{icon:this.smallStatIcon,size:16}),this.smallStat)):s("div",{class:"xpl-data-card-stat xpl-data-card-stat--small"},s("xpl-icon",{icon:this.smallStatIcon,size:16}),this.smallStat)),!!this.detail&&s("span",{key:"c776c1bb00bca03edbe6e5ed60f712b830ba40e5",class:"xpl-data-card__detail"},this.detail)),a&&s("div",{key:"5d0acee9071c6356830c6f55dd5066ac68bbc356",class:"xpl-data-card__right"},s("slot",{key:"c513a4cd650d309fdc06045e02315fdab9256eae",name:t}))))}get el(){return this}static get watchers(){return{stat:[{watchStat:0}],shortStat:[{watchShortStat:0}]}}},[260,"xpl-data-card",{link:[4],name:[1],stat:[1],shortStat:[1,"short-stat"],variant:[1],leadingIcon:[4,"leading-icon"],icon:[1],smallStat:[1,"small-stat"],smallStatIcon:[1,"small-stat-icon"],detail:[1],smallStatVariant:[1,"small-stat-variant"],tooltipTextSmallStat:[1,"tooltip-text-small-stat"],tooltipTextStat:[1,"tooltip-text-stat"]},void 0,{stat:[{watchStat:0}],shortStat:[{watchShortStat:0}]}]),o=l,r=function(){"undefined"!=typeof customElements&&["xpl-data-card","xpl-icon","xpl-tooltip"].forEach((t=>{switch(t){case"xpl-data-card":customElements.get(e(t))||customElements.define(e(t),l);break;case"xpl-icon":customElements.get(e(t))||i();break;case"xpl-tooltip":customElements.get(e(t))||d()}}))};export{o as XplDataCard,r as defineCustomElement}

package/dist/components/xpl-divider2.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as d,Host as s,transformTag as c}from"@stencil/core/internal/client";const i=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost()}render(){let e="xpl-divider";return e+=` xpl-divider--${this.tier}`,d(s,{key:"cdafb808588e7baf9271997503dea7b53597b15f",class:e},d("span",{key:"119067065dc21dd71b25ba81b5d83232f4953ebc"},d("slot",{key:"8cc9077442f20703efc50094056cb7d15782252a"})))}},[260,"xpl-divider",{tier:[2]}]);function r(){"undefined"!=typeof customElements&&["xpl-divider"].forEach((e=>{"xpl-divider"===e&&(customElements.get(c(e))||customElements.define(c(e),i))}))}export{i as D,r as d}
+import{proxyCustomElement as e,HTMLElement as t,h as d,Host as s,transformTag as i}from"@stencil/core/internal/client";const r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost()}render(){let e="xpl-divider";return e+=` xpl-divider--${this.tier}`,d(s,{key:"a0b934233c1afba99b2d3691a6ea14d3335e4119",class:e},d("span",{key:"8d701723f174d846e717cd030c4faf72ae938da8"},d("slot",{key:"5017353de8a9917358c9ba4194fe5a575720f8f5"})))}},[260,"xpl-divider",{tier:[2]}]);function a(){"undefined"!=typeof customElements&&["xpl-divider"].forEach((e=>{"xpl-divider"===e&&(customElements.get(i(e))||customElements.define(i(e),r))}))}export{r as D,a as d}

package/dist/components/xpl-dropdown-group2.js

@@ -1 +1 @@
-import{proxyCustomElement as o,HTMLElement as e,h as p,Host as r,transformTag as n}from"@stencil/core/internal/client";import{d as t}from"./xpl-dropdown-heading2.js";import{d}from"./xpl-dropdown-option2.js";import{d as a}from"./xpl-icon2.js";const c=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost()}render(){const{groupName:o,options:e}=this,n=e&&e.length&&e.map((o=>{var{groupName:e}=o,r=function(o,e){var p={};for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&e.indexOf(r)<0&&(p[r]=o[r]);if(null!=o&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(r=Object.getOwnPropertySymbols(o);n<r.length;n++)e.indexOf(r[n])<0&&Object.prototype.propertyIsEnumerable.call(o,r[n])&&(p[r[n]]=o[r[n]])}return p}(o,["groupName"]);return e?p("xpl-dropdown-group",Object.assign({label:e},r)):p("xpl-dropdown-option",Object.assign({},r))}));return p(r,{key:"fae7d1999fae7148c2d19e14676b8c7a6f9c7810",role:"group","aria-label":o},p("li",{key:"8696234c09cce33be47e6481d757c2209d1fe04e",class:"xpl-dropdown-list-item"},p("xpl-dropdown-heading",{key:"ce4fc6f2b00f58302075e180170f52e333aab08b",label:o}),p("ul",{key:"a9015c5ebaaa4ec3858769ad9aaf3f06d806bdbe",class:"xpl-dropdown-list"},n||p("slot",{key:"2f4bb9a76f1371c4dc0405b2652bc616fa4bb835",name:"options"}))))}},[260,"xpl-dropdown-group",{groupName:[1,"label"],options:[16]}]);function l(){"undefined"!=typeof customElements&&["xpl-dropdown-group","xpl-dropdown-group","xpl-dropdown-heading","xpl-dropdown-option","xpl-icon"].forEach((o=>{switch(o){case"xpl-dropdown-group":customElements.get(n(o))||customElements.define(n(o),c);break;case"xpl-dropdown-group":customElements.get(n(o))||l();break;case"xpl-dropdown-heading":customElements.get(n(o))||t();break;case"xpl-dropdown-option":customElements.get(n(o))||d();break;case"xpl-icon":customElements.get(n(o))||a()}}))}export{c as D,l as d}
+import{proxyCustomElement as o,HTMLElement as e,h as p,Host as r,transformTag as n}from"@stencil/core/internal/client";import{d as t}from"./xpl-dropdown-heading2.js";import{d}from"./xpl-dropdown-option2.js";import{d as a}from"./xpl-icon2.js";const l=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost()}render(){const{groupName:o,options:e}=this,n=e&&e.length&&e.map((o=>{var{groupName:e}=o,r=function(o,e){var p={};for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&e.indexOf(r)<0&&(p[r]=o[r]);if(null!=o&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(r=Object.getOwnPropertySymbols(o);n<r.length;n++)e.indexOf(r[n])<0&&Object.prototype.propertyIsEnumerable.call(o,r[n])&&(p[r[n]]=o[r[n]])}return p}(o,["groupName"]);return e?p("xpl-dropdown-group",Object.assign({label:e},r)):p("xpl-dropdown-option",Object.assign({},r))}));return p(r,{key:"a33169d78e635bb53987322f02869ffc1f1a9908",role:"group","aria-label":o},p("li",{key:"58a1ff78bb923fec60eb51ef05a2026e03e3058b",class:"xpl-dropdown-list-item"},p("xpl-dropdown-heading",{key:"6d8556e1d96cbfccd61038e5089e9669917b919e",label:o}),p("ul",{key:"dd485e18b79920d9992e506fe83b36fcadb9e020",class:"xpl-dropdown-list"},n||p("slot",{key:"2eca2f6aa7c44aacdb67c3658029822b4ba1c0aa",name:"options"}))))}},[260,"xpl-dropdown-group",{groupName:[1,"label"],options:[16]}]);function s(){"undefined"!=typeof customElements&&["xpl-dropdown-group","xpl-dropdown-group","xpl-dropdown-heading","xpl-dropdown-option","xpl-icon"].forEach((o=>{switch(o){case"xpl-dropdown-group":customElements.get(n(o))||customElements.define(n(o),l);break;case"xpl-dropdown-group":customElements.get(n(o))||s();break;case"xpl-dropdown-heading":customElements.get(n(o))||t();break;case"xpl-dropdown-option":customElements.get(n(o))||d();break;case"xpl-icon":customElements.get(n(o))||a()}}))}export{l as D,s as d}

package/dist/components/xpl-dropdown-heading2.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as n,h as o,Host as t,transformTag as s}from"@stencil/core/internal/client";const a=e(class extends n{constructor(e){super(),!1!==e&&this.__registerHost()}render(){return o(t,{key:"8f7d858ca1ee011e03b069948b1c948c7693725f",class:{"xpl-dropdown-heading":!0},role:"presentation"},o("span",{key:"56679ee9d35a995a72249f4494983652bacf0832"},this.label||o("slot",{key:"3e657744c62647b42d249379927fab9ca9a258f6",name:"heading"})))}},[260,"xpl-dropdown-heading",{label:[1]}]);function d(){"undefined"!=typeof customElements&&["xpl-dropdown-heading"].forEach((e=>{"xpl-dropdown-heading"===e&&(customElements.get(s(e))||customElements.define(s(e),a))}))}export{a as D,d}
+import{proxyCustomElement as e,HTMLElement as n,h as d,Host as o,transformTag as t}from"@stencil/core/internal/client";const c=e(class extends n{constructor(e){super(),!1!==e&&this.__registerHost()}render(){return d(o,{key:"9b05e54ae226524434ac8485c51e7fccd4e5fe9e",class:{"xpl-dropdown-heading":!0},role:"presentation"},d("span",{key:"c5ada81fbed76834515cff75f1fd1ce87b2ccbe3"},this.label||d("slot",{key:"dfe135bf2499e858e75ab1e87793ae75eb0982c6",name:"heading"})))}},[260,"xpl-dropdown-heading",{label:[1]}]);function s(){"undefined"!=typeof customElements&&["xpl-dropdown-heading"].forEach((e=>{"xpl-dropdown-heading"===e&&(customElements.get(t(e))||customElements.define(t(e),c))}))}export{c as D,s as d}

package/dist/components/xpl-dropdown-option2.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as o,Host as s,transformTag as i}from"@stencil/core/internal/client";import{d as n}from"./xpl-icon2.js";const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost()}componentWillLoad(){this.dropdown=this.hostElement.closest("xpl-dropdown")}handleClick(e){if(!this.dropdown)return;const{closeOnSelect:t,mode:o}=this.dropdown;e.x&&e.y&&(this.dropdown.handleSelect(e,{component:this}),"single"===o&&t&&(this.dropdown.isOpen=!1))}handleKeyup(e){if(!this.dropdown)return;const{dropdown:t}=this,{closeOnSelect:o,mode:s,selectOnFocus:i}=this.dropdown;if(i&&["ArrowDown","ArrowLeft","ArrowRight","ArrowUp","Tab"].includes(e.key)){const i=document.activeElement.closest("xpl-dropdown-option");return t.handleSelect(e,{component:{hostElement:i}}),void("single"===s&&o&&(this.dropdown.isOpen=!1))}["Escape","Enter"].includes(e.key)&&(t.handleSelect(e,{component:this}),("Escape"===e.key||this.dropdown.closeOnSelect&&"Enter"===e.key)&&(this.dropdown.isOpen=!1))}connectedCallback(){this.hostElement.addEventListener("click",this.handleClick.bind(this)),this.hostElement.addEventListener("keyup",this.handleKeyup.bind(this))}disconnectedCallback(){this.hostElement.removeEventListener("click",this.handleClick),this.hostElement.removeEventListener("keyup",this.handleKeyup)}render(){const{label:e,isSelected:t,isDisabled:i,value:n,subtitle:l,icon:c}=this;return o(s,{key:"207cafd793f52598fdbbe3104ff0207261e086c4",class:{"xpl-dropdown-option":!0,"xpl-dropdown-option--disabled":i,"xpl-dropdown-option--selected":t},role:"option","aria-checked":t,"aria-disabled":i,"aria-selected":t,value:n},o("li",{key:"7e836b82c325050338eff79f23855f55c696f38c",class:"xpl-dropdown-list-item"},c&&o("xpl-icon",{key:"7b59e353bf038e1db478fab923c07e60d0e1a828",class:"xpl-dropdown-list-item__icon",icon:c,size:20}),e||o("slot",{key:"aad23fec3435e7cd7e36a57d49e178177d7da7fa",name:"option"}),l&&o("span",{key:"96fee61dbd072dacf783e164a93fd8dd626e3e53",class:"xpl-dropdown-list-item__subtitle"},l)))}get hostElement(){return this}},[260,"xpl-dropdown-option",{isDisabled:[516,"disabled"],label:[1],value:[1],subtitle:[1],icon:[1],isSelected:[4,"selected"]}]);function c(){"undefined"!=typeof customElements&&["xpl-dropdown-option","xpl-icon"].forEach((e=>{switch(e){case"xpl-dropdown-option":customElements.get(i(e))||customElements.define(i(e),l);break;case"xpl-icon":customElements.get(i(e))||n()}}))}export{l as D,c as d}
+import{proxyCustomElement as e,HTMLElement as t,h as o,Host as s,transformTag as i}from"@stencil/core/internal/client";import{d as n}from"./xpl-icon2.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost()}componentWillLoad(){this.dropdown=this.hostElement.closest("xpl-dropdown")}handleClick(e){if(!this.dropdown)return;const{closeOnSelect:t,mode:o}=this.dropdown;e.x&&e.y&&(this.dropdown.handleSelect(e,{component:this}),"single"===o&&t&&(this.dropdown.isOpen=!1))}handleKeyup(e){if(!this.dropdown)return;const{dropdown:t}=this,{closeOnSelect:o,mode:s,selectOnFocus:i}=this.dropdown;if(i&&["ArrowDown","ArrowLeft","ArrowRight","ArrowUp","Tab"].includes(e.key)){const i=document.activeElement.closest("xpl-dropdown-option");return t.handleSelect(e,{component:{hostElement:i}}),void("single"===s&&o&&(this.dropdown.isOpen=!1))}["Escape","Enter"].includes(e.key)&&(t.handleSelect(e,{component:this}),("Escape"===e.key||this.dropdown.closeOnSelect&&"Enter"===e.key)&&(this.dropdown.isOpen=!1))}connectedCallback(){this.hostElement.addEventListener("click",this.handleClick.bind(this)),this.hostElement.addEventListener("keyup",this.handleKeyup.bind(this))}disconnectedCallback(){this.hostElement.removeEventListener("click",this.handleClick),this.hostElement.removeEventListener("keyup",this.handleKeyup)}render(){const{label:e,isSelected:t,isDisabled:i,value:n,subtitle:c,icon:l}=this;return o(s,{key:"4ff7cc350e34059ad4df757b88112756c7f5b83e",class:{"xpl-dropdown-option":!0,"xpl-dropdown-option--disabled":i,"xpl-dropdown-option--selected":t},role:"option","aria-checked":t,"aria-disabled":i,"aria-selected":t,value:n},o("li",{key:"a014d09116703f5477a48cace194ba1beef602d5",class:"xpl-dropdown-list-item"},l&&o("xpl-icon",{key:"af16591b7f1195351facaafa67c07368ce42d072",class:"xpl-dropdown-list-item__icon",icon:l,size:20}),e||o("slot",{key:"72c0dbd67ab7930924cb1ef3ee9f0b4b53cf28a6",name:"option"}),c&&o("span",{key:"0893e031740ebdd8fc8ca7de2cb10d0b4d7c95ae",class:"xpl-dropdown-list-item__subtitle"},c)))}get hostElement(){return this}},[260,"xpl-dropdown-option",{isDisabled:[516,"disabled"],label:[1],value:[1],subtitle:[1],icon:[1],isSelected:[4,"selected"]}]);function l(){"undefined"!=typeof customElements&&["xpl-dropdown-option","xpl-icon"].forEach((e=>{switch(e){case"xpl-dropdown-option":customElements.get(i(e))||customElements.define(i(e),c);break;case"xpl-icon":customElements.get(i(e))||n()}}))}export{c as D,l as d}

package/dist/components/xpl-dropdown2.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,createEvent as n,h as o,Host as r,transformTag as i}from"@stencil/core/internal/client";import{d as s}from"./xpl-dropdown-group2.js";import{d as l}from"./xpl-dropdown-heading2.js";import{d as c}from"./xpl-dropdown-option2.js";import{d as a}from"./xpl-icon2.js";const u=["top","right","bottom","left"],d=Math.min,f=Math.max,h=Math.round,p=Math.floor,m=t=>({x:t,y:t}),g={left:"right",right:"left",bottom:"top",top:"bottom"};function w(t,e){return"function"==typeof t?t(e):t}function y(t){return t.split("-")[0]}function x(t){return t.split("-")[1]}function b(t){return"y"===t?"height":"width"}function v(t){const e=t[0];return"t"===e||"b"===e?"y":"x"}function O(t){return"x"===v(t)?"y":"x"}function S(t){return t.includes("start")?t.replace("start","end"):t.replace("end","start")}const C=["left","right"],A=["right","left"],T=["top","bottom"],k=["bottom","top"];function F(t){const e=y(t);return g[e]+t.slice(e.length)}function E(t){const{x:e,y:n,width:o,height:r}=t;return{width:o,height:r,top:n,left:e,right:e+o,bottom:n+r,x:e,y:n}}function j(t,e,n){let{reference:o,floating:r}=t;const i=v(e),s=O(e),l=b(s),c=y(e),a="y"===i,u=o.x+o.width/2-r.width/2,d=o.y+o.height/2-r.height/2,f=o[l]/2-r[l]/2;let h;switch(c){case"top":h={x:u,y:o.y-r.height};break;case"bottom":h={x:u,y:o.y+o.height};break;case"right":h={x:o.x+o.width,y:d};break;case"left":h={x:o.x-r.width,y:d};break;default:h={x:o.x,y:o.y}}switch(x(e)){case"start":h[s]-=f*(n&&a?-1:1);break;case"end":h[s]+=f*(n&&a?-1:1)}return h}async function R(t,e){var n;void 0===e&&(e={});const{x:o,y:r,platform:i,rects:s,elements:l,strategy:c}=t,{boundary:a="clippingAncestors",rootBoundary:u="viewport",elementContext:d="floating",altBoundary:f=!1,padding:h=0}=w(e,t),p=function(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}(h),m=l[f?"floating"===d?"reference":"floating":d],g=E(await i.getClippingRect({element:null==(n=await(null==i.isElement?void 0:i.isElement(m)))||n?m:m.contextElement||await(null==i.getDocumentElement?void 0:i.getDocumentElement(l.floating)),boundary:a,rootBoundary:u,strategy:c})),y="floating"===d?{x:o,y:r,width:s.floating.width,height:s.floating.height}:s.reference,x=await(null==i.getOffsetParent?void 0:i.getOffsetParent(l.floating)),b=await(null==i.isElement?void 0:i.isElement(x))&&await(null==i.getScale?void 0:i.getScale(x))||{x:1,y:1},v=E(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({elements:l,rect:y,offsetParent:x,strategy:c}):y);return{top:(g.top-v.top+p.top)/b.y,bottom:(v.bottom-g.bottom+p.bottom)/b.y,left:(g.left-v.left+p.left)/b.x,right:(v.right-g.right+p.right)/b.x}}function I(t,e){return{top:t.top-e.height,right:t.right-e.width,bottom:t.bottom-e.height,left:t.left-e.width}}function M(t){return u.some((e=>t[e]>=0))}const D=new Set(["left","top"]);function P(){return"undefined"!=typeof window}function L(t){return z(t)?(t.nodeName||"").toLowerCase():"#document"}function H(t){var e;return(null==t||null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function $(t){var e;return null==(e=(z(t)?t.ownerDocument:t.document)||window.document)?void 0:e.documentElement}function z(t){return!!P()&&(t instanceof Node||t instanceof H(t).Node)}function V(t){return!!P()&&(t instanceof Element||t instanceof H(t).Element)}function N(t){return!!P()&&(t instanceof HTMLElement||t instanceof H(t).HTMLElement)}function B(t){return!(!P()||"undefined"==typeof ShadowRoot)&&(t instanceof ShadowRoot||t instanceof H(t).ShadowRoot)}function q(t){const{overflow:e,overflowX:n,overflowY:o,display:r}=Z(t);return/auto|scroll|overlay|hidden|clip/.test(e+o+n)&&"inline"!==r&&"contents"!==r}function W(t){return/^(table|td|th)$/.test(L(t))}function X(t){try{if(t.matches(":popover-open"))return!0}catch(t){}try{return t.matches(":modal")}catch(t){return!1}}const Y=/transform|translate|scale|rotate|perspective|filter/,_=/paint|layout|strict|content/,G=t=>!!t&&"none"!==t;let J;function K(t){const e=V(t)?Z(t):t;return G(e.transform)||G(e.translate)||G(e.scale)||G(e.rotate)||G(e.perspective)||!Q()&&(G(e.backdropFilter)||G(e.filter))||Y.test(e.willChange||"")||_.test(e.contain||"")}function Q(){return null==J&&(J="undefined"!=typeof CSS&&CSS.supports&&CSS.supports("-webkit-backdrop-filter","none")),J}function U(t){return/^(html|body|#document)$/.test(L(t))}function Z(t){return H(t).getComputedStyle(t)}function tt(t){return V(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function et(t){if("html"===L(t))return t;const e=t.assignedSlot||t.parentNode||B(t)&&t.host||$(t);return B(e)?e.host:e}function nt(t){const e=et(t);return U(e)?t.ownerDocument?t.ownerDocument.body:t.body:N(e)&&q(e)?e:nt(e)}function ot(t,e,n){var o;void 0===e&&(e=[]),void 0===n&&(n=!0);const r=nt(t),i=r===(null==(o=t.ownerDocument)?void 0:o.body),s=H(r);if(i){const t=rt(s);return e.concat(s,s.visualViewport||[],q(r)?r:[],t&&n?ot(t):[])}return e.concat(r,ot(r,[],n))}function rt(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function it(t){const e=Z(t);let n=parseFloat(e.width)||0,o=parseFloat(e.height)||0;const r=N(t),i=r?t.offsetWidth:n,s=r?t.offsetHeight:o,l=h(n)!==i||h(o)!==s;return l&&(n=i,o=s),{width:n,height:o,$:l}}function st(t){return V(t)?t:t.contextElement}function lt(t){const e=st(t);if(!N(e))return m(1);const n=e.getBoundingClientRect(),{width:o,height:r,$:i}=it(e);let s=(i?h(n.width):n.width)/o,l=(i?h(n.height):n.height)/r;return s&&Number.isFinite(s)||(s=1),l&&Number.isFinite(l)||(l=1),{x:s,y:l}}const ct=m(0);function at(t){const e=H(t);return Q()&&e.visualViewport?{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}:ct}function ut(t,e,n,o){void 0===e&&(e=!1),void 0===n&&(n=!1);const r=t.getBoundingClientRect(),i=st(t);let s=m(1);e&&(o?V(o)&&(s=lt(o)):s=lt(t));const l=function(t,e,n){return void 0===e&&(e=!1),!(!n||e&&n!==H(t))&&e}(i,n,o)?at(i):m(0);let c=(r.left+l.x)/s.x,a=(r.top+l.y)/s.y,u=r.width/s.x,d=r.height/s.y;if(i){const t=H(i),e=o&&V(o)?H(o):o;let n=t,r=rt(n);for(;r&&o&&e!==n;){const t=lt(r),e=r.getBoundingClientRect(),o=Z(r),i=e.left+(r.clientLeft+parseFloat(o.paddingLeft))*t.x,s=e.top+(r.clientTop+parseFloat(o.paddingTop))*t.y;c*=t.x,a*=t.y,u*=t.x,d*=t.y,c+=i,a+=s,n=H(r),r=rt(n)}}return E({width:u,height:d,x:c,y:a})}function dt(t,e){const n=tt(t).scrollLeft;return e?e.left+n:ut($(t)).left+n}function ft(t,e){const n=t.getBoundingClientRect();return{x:n.left+e.scrollLeft-dt(t,n),y:n.top+e.scrollTop}}function ht(t,e,n){let o;if("viewport"===e)o=function(t,e){const n=H(t),o=$(t),r=n.visualViewport;let i=o.clientWidth,s=o.clientHeight,l=0,c=0;if(r){i=r.width,s=r.height;const t=Q();(!t||t&&"fixed"===e)&&(l=r.offsetLeft,c=r.offsetTop)}const a=dt(o);if(a<=0){const t=o.ownerDocument,e=t.body,n=getComputedStyle(e),r="CSS1Compat"===t.compatMode&&parseFloat(n.marginLeft)+parseFloat(n.marginRight)||0,s=Math.abs(o.clientWidth-e.clientWidth-r);s<=25&&(i-=s)}else a<=25&&(i+=a);return{width:i,height:s,x:l,y:c}}(t,n);else if("document"===e)o=function(t){const e=$(t),n=tt(t),o=t.ownerDocument.body,r=f(e.scrollWidth,e.clientWidth,o.scrollWidth,o.clientWidth),i=f(e.scrollHeight,e.clientHeight,o.scrollHeight,o.clientHeight);let s=-n.scrollLeft+dt(t);const l=-n.scrollTop;return"rtl"===Z(o).direction&&(s+=f(e.clientWidth,o.clientWidth)-r),{width:r,height:i,x:s,y:l}}($(t));else if(V(e))o=function(t,e){const n=ut(t,!0,"fixed"===e),o=n.top+t.clientTop,r=n.left+t.clientLeft,i=N(t)?lt(t):m(1);return{width:t.clientWidth*i.x,height:t.clientHeight*i.y,x:r*i.x,y:o*i.y}}(e,n);else{const n=at(t);o={x:e.x-n.x,y:e.y-n.y,width:e.width,height:e.height}}return E(o)}function pt(t,e){const n=et(t);return!(n===e||!V(n)||U(n))&&("fixed"===Z(n).position||pt(n,e))}function mt(t,e,n){const o=N(e),r=$(e),i="fixed"===n,s=ut(t,!0,i,e);let l={scrollLeft:0,scrollTop:0};const c=m(0);function a(){c.x=dt(r)}if(o||!o&&!i)if(("body"!==L(e)||q(r))&&(l=tt(e)),o){const t=ut(e,!0,i,e);c.x=t.x+e.clientLeft,c.y=t.y+e.clientTop}else r&&a();i&&!o&&r&&a();const u=!r||o||i?m(0):ft(r,l);return{x:s.left+l.scrollLeft-c.x-u.x,y:s.top+l.scrollTop-c.y-u.y,width:s.width,height:s.height}}function gt(t){return"static"===Z(t).position}function wt(t,e){if(!N(t)||"fixed"===Z(t).position)return null;if(e)return e(t);let n=t.offsetParent;return $(t)===n&&(n=n.ownerDocument.body),n}function yt(t,e){const n=H(t);if(X(t))return n;if(!N(t)){let e=et(t);for(;e&&!U(e);){if(V(e)&&!gt(e))return e;e=et(e)}return n}let o=wt(t,e);for(;o&&W(o)&&gt(o);)o=wt(o,e);return o&&U(o)&&gt(o)&&!K(o)?n:o||function(t){let e=et(t);for(;N(e)&&!U(e);){if(K(e))return e;if(X(e))return null;e=et(e)}return null}(t)||n}const xt={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{elements:e,rect:n,offsetParent:o,strategy:r}=t;const i="fixed"===r,s=$(o),l=!!e&&X(e.floating);if(o===s||l&&i)return n;let c={scrollLeft:0,scrollTop:0},a=m(1);const u=m(0),d=N(o);if((d||!d&&!i)&&(("body"!==L(o)||q(s))&&(c=tt(o)),d)){const t=ut(o);a=lt(o),u.x=t.x+o.clientLeft,u.y=t.y+o.clientTop}const f=!s||d||i?m(0):ft(s,c);return{width:n.width*a.x,height:n.height*a.y,x:n.x*a.x-c.scrollLeft*a.x+u.x+f.x,y:n.y*a.y-c.scrollTop*a.y+u.y+f.y}},getDocumentElement:$,getClippingRect:function(t){let{element:e,boundary:n,rootBoundary:o,strategy:r}=t;const i=[..."clippingAncestors"===n?X(e)?[]:function(t,e){const n=e.get(t);if(n)return n;let o=ot(t,[],!1).filter((t=>V(t)&&"body"!==L(t))),r=null;const i="fixed"===Z(t).position;let s=i?et(t):t;for(;V(s)&&!U(s);){const e=Z(s),n=K(s);n||"fixed"!==e.position||(r=null),(i?!n&&!r:!n&&"static"===e.position&&r&&("absolute"===r.position||"fixed"===r.position)||q(s)&&!n&&pt(t,s))?o=o.filter((t=>t!==s)):r=e,s=et(s)}return e.set(t,o),o}(e,this._c):[].concat(n),o],s=ht(e,i[0],r);let l=s.top,c=s.right,a=s.bottom,u=s.left;for(let t=1;t<i.length;t++){const n=ht(e,i[t],r);l=f(n.top,l),c=d(n.right,c),a=d(n.bottom,a),u=f(n.left,u)}return{width:c-u,height:a-l,x:u,y:l}},getOffsetParent:yt,getElementRects:async function(t){const e=this.getOffsetParent||yt,n=this.getDimensions,o=await n(t.floating);return{reference:mt(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}},getClientRects:function(t){return Array.from(t.getClientRects())},getDimensions:function(t){const{width:e,height:n}=it(t);return{width:e,height:n}},getScale:lt,isElement:V,isRTL:function(t){return"rtl"===Z(t).direction}};function bt(t,e){return t.x===e.x&&t.y===e.y&&t.width===e.width&&t.height===e.height}const vt=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(e){var n,o;const{placement:r,middlewareData:i,rects:s,initialPlacement:l,platform:c,elements:a}=e,{mainAxis:u=!0,crossAxis:d=!0,fallbackPlacements:f,fallbackStrategy:h="bestFit",fallbackAxisSideDirection:p="none",flipAlignment:m=!0,...g}=w(t,e);if(null!=(n=i.arrow)&&n.alignmentOffset)return{};const E=y(r),j=v(l),R=y(l)===l,I=await(null==c.isRTL?void 0:c.isRTL(a.floating)),M=f||(R||!m?[F(l)]:function(t){const e=F(t);return[S(t),e,S(e)]}(l)),D="none"!==p;!f&&D&&M.push(...function(t,e,n,o){const r=x(t);let i=function(t,e,n){switch(t){case"top":case"bottom":return n?e?A:C:e?C:A;case"left":case"right":return e?T:k;default:return[]}}(y(t),"start"===n,o);return r&&(i=i.map((t=>t+"-"+r)),e&&(i=i.concat(i.map(S)))),i}(l,m,p,I));const P=[l,...M],L=await c.detectOverflow(e,g),H=[];let $=(null==(o=i.flip)?void 0:o.overflows)||[];if(u&&H.push(L[E]),d){const t=function(t,e,n){void 0===n&&(n=!1);const o=x(t),r=O(t),i=b(r);let s="x"===r?o===(n?"end":"start")?"right":"left":"start"===o?"bottom":"top";return e.reference[i]>e.floating[i]&&(s=F(s)),[s,F(s)]}(r,s,I);H.push(L[t[0]],L[t[1]])}if($=[...$,{placement:r,overflows:H}],!H.every((t=>t<=0))){var z,V;const t=((null==(z=i.flip)?void 0:z.index)||0)+1,e=P[t];if(e&&("alignment"!==d||j===v(e)||$.every((t=>v(t.placement)!==j||t.overflows[0]>0))))return{data:{index:t,overflows:$},reset:{placement:e}};let n=null==(V=$.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])?void 0:V.placement;if(!n)switch(h){case"bestFit":{var N;const t=null==(N=$.filter((t=>{if(D){const e=v(t.placement);return e===j||"y"===e}return!0})).map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)])).sort(((t,e)=>t[1]-e[1]))[0])?void 0:N[0];t&&(n=t);break}case"initialPlacement":n=l}if(r!==n)return{reset:{placement:n}}}return{}}}},Ot=function(t){return void 0===t&&(t={}),{name:"size",options:t,async fn(e){var n,o;const{placement:r,rects:i,platform:s,elements:l}=e,{apply:c=()=>{},...a}=w(t,e),u=await s.detectOverflow(e,a),h=y(r),p=x(r),m="y"===v(r),{width:g,height:b}=i.floating;let O,S;"top"===h||"bottom"===h?(O=h,S=p===(await(null==s.isRTL?void 0:s.isRTL(l.floating))?"start":"end")?"left":"right"):(S=h,O="end"===p?"top":"bottom");const C=b-u.top-u.bottom,A=g-u.left-u.right;let T=d(b-u[O],C),k=d(g-u[S],A);if(null!=(n=e.middlewareData.shift)&&n.enabled.x&&(k=A),null!=(o=e.middlewareData.shift)&&o.enabled.y&&(T=C),!e.middlewareData.shift&&!p){const t=f(u.left,0),e=f(u.right,0),n=f(u.top,0),o=f(u.bottom,0);m?k=g-2*(0!==t||0!==e?t+e:f(u.left,u.right)):T=b-2*(0!==n||0!==o?n+o:f(u.top,u.bottom))}await c({...e,availableWidth:k,availableHeight:T});const F=await s.getDimensions(l.floating);return g!==F.width||b!==F.height?{reset:{rects:!0}}:{}}}},St=function(t){return void 0===t&&(t={}),{name:"hide",options:t,async fn(e){const{rects:n,platform:o}=e,{strategy:r="referenceHidden",...i}=w(t,e);switch(r){case"referenceHidden":{const t=I(await o.detectOverflow(e,{...i,elementContext:"reference"}),n.reference);return{data:{referenceHiddenOffsets:t,referenceHidden:M(t)}}}case"escaped":{const t=I(await o.detectOverflow(e,{...i,altBoundary:!0}),n.floating);return{data:{escapedOffsets:t,escaped:M(t)}}}default:return{}}}}};const Ct=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.isOpenChange=n(this,"isOpenChange",7),this.isOpen=!1,this.closeOnSelect=!0,this.mode="single",this.anchorToTrigger=!1,this.selectOnFocus=!1,this.cleanupAutoUpdate=null,this.updateDropdownPosition=async t=>{var n;const{x:o,y:r,placement:i,middlewareData:s}=await((t,e,n)=>{const o=new Map,r={platform:xt,...n},i={...r.platform,_c:o};return(async(t,e,n)=>{const{placement:o="bottom",strategy:r="absolute",middleware:i=[],platform:s}=n,l=s.detectOverflow?s:{...s,detectOverflow:R},c=await(null==s.isRTL?void 0:s.isRTL(e));let a=await s.getElementRects({reference:t,floating:e,strategy:r}),{x:u,y:d}=j(a,o,c),f=o,h=0;const p={};for(let n=0;n<i.length;n++){const m=i[n];if(!m)continue;const{name:g,fn:w}=m,{x:y,y:x,data:b,reset:v}=await w({x:u,y:d,initialPlacement:o,placement:f,strategy:r,middlewareData:p,rects:a,platform:l,elements:{reference:t,floating:e}});u=null!=y?y:u,d=null!=x?x:d,p[g]={...p[g],...b},v&&h<50&&(h++,"object"==typeof v&&(v.placement&&(f=v.placement),v.rects&&(a=!0===v.rects?await s.getElementRects({reference:t,floating:e,strategy:r}):v.rects),({x:u,y:d}=j(a,f,c))),n=-1)}return{x:u,y:d,placement:f,strategy:r,middlewareData:p}})(t,e,{...r,platform:i})})(t,this.hostElement,{strategy:"fixed",placement:"bottom-start",middleware:[(l=4,void 0===l&&(l=0),{name:"offset",options:l,async fn(t){var e,n;const{x:o,y:r,placement:i,middlewareData:s}=t,c=await async function(t,e){const{placement:n,platform:o,elements:r}=t,i=await(null==o.isRTL?void 0:o.isRTL(r.floating)),s=y(n),l=x(n),c="y"===v(n),a=D.has(s)?-1:1,u=i&&c?-1:1,d=w(e,t);let{mainAxis:f,crossAxis:h,alignmentAxis:p}="number"==typeof d?{mainAxis:d,crossAxis:0,alignmentAxis:null}:{mainAxis:d.mainAxis||0,crossAxis:d.crossAxis||0,alignmentAxis:d.alignmentAxis};return l&&"number"==typeof p&&(h="end"===l?-1*p:p),c?{x:h*u,y:f*a}:{x:f*a,y:h*u}}(t,l);return i===(null==(e=s.offset)?void 0:e.placement)&&null!=(n=s.arrow)&&n.alignmentOffset?{}:{x:o+c.x,y:r+c.y,data:{...c,placement:i}}}}),vt(),Ot({apply:({availableHeight:t,rects:n})=>{const o=this.hostElement.querySelector(".xpl-dropdown-list");let r=0;if(o){const t=Array.from(this.hostElement.children),n=t.indexOf(o);t.slice(0,n).forEach((t=>{t instanceof e&&(r+=t.offsetHeight)}))}const i=getComputedStyle(this.hostElement),s=parseFloat(i.paddingTop)+parseFloat(i.paddingBottom)+parseFloat(i.borderTopWidth)+parseFloat(i.borderBottomWidth),l=o?parseFloat(getComputedStyle(o).getPropertyValue("--xpl-dropdown-list-max-height")):1/0,c=Math.min(l,Math.max(0,t-r-s));Object.assign(this.hostElement.style,{width:`${n.reference.width}px`}),o&&(o.style.maxHeight=`${c}px`)}}),St()]});var l;if(!this.cleanupAutoUpdate)return;if(null===(n=s.hide)||void 0===n?void 0:n.referenceHidden)return void(this.isOpen=!1);const c=i.startsWith("top");Object.assign(this.hostElement.style,{left:`${o}px`,top:`${r}px`}),this.hostElement.classList.toggle("xpl-dropdown--above",c),this.hostElement.classList.toggle("xpl-dropdown--below",!c)},this.handleClickOutside=({target:t})=>{const{triggerId:e}=this,n=e?document.getElementById(e):null,o=null==n?void 0:n.contains(t);this.hostElement.contains(t)||o||!this.isOpen||(this.isOpen=!1)},this.handleKeyDown=t=>{"Escape"===t.key&&this.isOpen&&(this.isOpen=!1)}}onAnchorToTriggerChanged(){this.isOpen&&this.startPositioning()}onTriggerIdChanged(){this.isOpen&&this.startPositioning()}onSelectedValuesChanged(t,e=!1){if(this.options&&this.options.length>0){this.options.reduce(((t,e)=>[...t,...e.groupName?e.options:[e]]),[]).forEach((e=>{const n=e.value||e.label;if("single"===this.mode)e.isSelected=n===t;else{const o=Array.isArray(t)?t:[];e.isSelected=o.includes(n)}}));const n=t=>(t.options=t.groupName?t.options.map(n):void 0,t);this.options=this.options.map(n),this.update&&!e&&this.update(null,{component:this})}}onIsOpenStateChange(t){this.isOpenChange.emit(t),t?this.startPositioning():this.stopPositioning()}connectedCallback(){document.addEventListener("mousedown",this.handleClickOutside),document.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){document.removeEventListener("mousedown",this.handleClickOutside),document.removeEventListener("keydown",this.handleKeyDown),this.stopPositioning()}componentWillLoad(){this.handleSelect=this.handleSelect.bind(this),this.selectedValues&&this.onSelectedValuesChanged(this.selectedValues,!0)}componentDidLoad(){this.isOpen&&this.startPositioning()}async handleSelect(t,{component:e}){const{hostElement:n,mode:o,options:r,update:i}=this,s="single"===o,l="multi"===o;if(r){r.reduce(((t,e)=>[...t,...e.groupName?e.options:[e]]),[]).forEach((t=>{const n=(t.value||t.label)===(e.hostElement.value||e.hostElement.label);s?(t.isSelected=n,e.hostElement.isSelected=!0):l&&n&&(t.isSelected=!t.isSelected,e.hostElement.isSelected=t.isSelected)}));const t=e=>(e.options=e.groupName?e.options.map(t):void 0,e);this.options=r.map(t)}else s?Array.from(n.querySelectorAll("xpl-dropdown-option")).forEach((t=>{t.isSelected=t===e.hostElement})):l&&(e.isSelected=!e.isSelected);i&&i(t,{component:this})}startPositioning(){if(!this.anchorToTrigger||!this.triggerId)return;const t=document.getElementById(this.triggerId);t&&(this.stopPositioning(),this.cleanupAutoUpdate=function(t,e,n,o){void 0===o&&(o={});const{ancestorScroll:r=!0,ancestorResize:i=!0,elementResize:s="function"==typeof ResizeObserver,layoutShift:l="function"==typeof IntersectionObserver,animationFrame:c=!1}=o,a=st(t),u=r||i?[...a?ot(a):[],...e?ot(e):[]]:[];u.forEach((t=>{r&&t.addEventListener("scroll",n,{passive:!0}),i&&t.addEventListener("resize",n)}));const h=a&&l?function(t,e){let n,o=null;const r=$(t);function i(){var t;clearTimeout(n),null==(t=o)||t.disconnect(),o=null}return function s(l,c){void 0===l&&(l=!1),void 0===c&&(c=1),i();const a=t.getBoundingClientRect(),{left:u,top:h,width:m,height:g}=a;if(l||e(),!m||!g)return;const w={rootMargin:-p(h)+"px "+-p(r.clientWidth-(u+m))+"px "+-p(r.clientHeight-(h+g))+"px "+-p(u)+"px",threshold:f(0,d(1,c))||1};let y=!0;function x(e){const o=e[0].intersectionRatio;if(o!==c){if(!y)return s();o?s(!1,o):n=setTimeout((()=>{s(!1,1e-7)}),1e3)}1!==o||bt(a,t.getBoundingClientRect())||s(),y=!1}try{o=new IntersectionObserver(x,{...w,root:r.ownerDocument})}catch(t){o=new IntersectionObserver(x,w)}o.observe(t)}(!0),i}(a,n):null;let m,g=-1,w=null;s&&(w=new ResizeObserver((t=>{let[o]=t;o&&o.target===a&&w&&e&&(w.unobserve(e),cancelAnimationFrame(g),g=requestAnimationFrame((()=>{var t;null==(t=w)||t.observe(e)}))),n()})),a&&!c&&w.observe(a),e&&w.observe(e));let y=c?ut(t):null;return c&&function e(){const o=ut(t);y&&!bt(y,o)&&n(),y=o,m=requestAnimationFrame(e)}(),n(),()=>{var t;u.forEach((t=>{r&&t.removeEventListener("scroll",n),i&&t.removeEventListener("resize",n)})),null==h||h(),null==(t=w)||t.disconnect(),w=null,c&&cancelAnimationFrame(m)}}(t,this.hostElement,(()=>{this.updateDropdownPosition(t)})))}stopPositioning(){var t;this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null),this.hostElement.style.left="",this.hostElement.style.top="",this.hostElement.style.width="",null===(t=this.hostElement.querySelector(".xpl-dropdown-list"))||void 0===t||t.style.removeProperty("max-height"),this.hostElement.classList.remove("xpl-dropdown--above","xpl-dropdown--below")}render(){const{isOpen:t}=this,{mode:e,options:n}=this,i=n&&n.length&&n.map((t=>{var{groupName:e,options:n,subtitle:r}=t,i=function(t,e){var n={};for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&e.indexOf(o)<0&&(n[o]=t[o]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(t);r<o.length;r++)e.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(t,o[r])&&(n[o[r]]=t[o[r]])}return n}(t,["groupName","options","subtitle"]);return e?o("xpl-dropdown-group",Object.assign({groupName:e,options:n},i)):o("xpl-dropdown-option",Object.assign({subtitle:r},i))}));return o(r,{key:"9951124106d4123d98db2b9bdc906f51d145c5e6","aria-expanded":t?"true":"false",class:{"xpl-dropdown":!0,"xpl-dropdown--multi":"multi"===e,"xpl-dropdown--open":t,"xpl-dropdown--anchor-to-trigger":this.anchorToTrigger},role:"listbox"},o("slot",{key:"61b8daf20ef87a8ae7bad8fa494c104d58cc61f8",name:"header"}),o("ul",{key:"ac14c8acf2927b931d4c74673af5f12f5d9514c1",class:"xpl-dropdown-list"},i||o("slot",{key:"c820c142bdb64ec4189dd5869d71d4339dc97814",name:"options"})))}get hostElement(){return this}static get watchers(){return{anchorToTrigger:[{onAnchorToTriggerChanged:0}],triggerId:[{onTriggerIdChanged:0}],selectedValues:[{onSelectedValuesChanged:0}],isOpen:[{onIsOpenStateChange:0}]}}},[260,"xpl-dropdown",{isOpen:[1540,"open"],closeOnSelect:[4,"close-on-select"],mode:[1],options:[1040],anchorToTrigger:[4,"anchor-to-trigger"],selectedValues:[1,"selected-values"],selectOnFocus:[4,"select-on-focus"],triggerId:[1,"trigger-id"],update:[16],handleSelect:[64]},void 0,{anchorToTrigger:[{onAnchorToTriggerChanged:0}],triggerId:[{onTriggerIdChanged:0}],selectedValues:[{onSelectedValuesChanged:0}],isOpen:[{onIsOpenStateChange:0}]}]);function At(){"undefined"!=typeof customElements&&["xpl-dropdown","xpl-dropdown-group","xpl-dropdown-heading","xpl-dropdown-option","xpl-icon"].forEach((t=>{switch(t){case"xpl-dropdown":customElements.get(i(t))||customElements.define(i(t),Ct);break;case"xpl-dropdown-group":customElements.get(i(t))||s();break;case"xpl-dropdown-heading":customElements.get(i(t))||l();break;case"xpl-dropdown-option":customElements.get(i(t))||c();break;case"xpl-icon":customElements.get(i(t))||a()}}))}export{Ct as D,At as d}
+import{proxyCustomElement as t,HTMLElement as e,createEvent as o,h as s,Host as n,transformTag as i}from"@stencil/core/internal/client";import{c as r,a as d,o as a,f as l,b as p,h}from"./floating-ui.dom.js";import{d as c}from"./xpl-dropdown-group2.js";import{d as g}from"./xpl-dropdown-heading2.js";import{d as u}from"./xpl-dropdown-option2.js";import{d as m}from"./xpl-icon2.js";const x=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.isOpenChange=o(this,"isOpenChange",7),this.isOpen=!1,this.closeOnSelect=!0,this.mode="single",this.anchorToTrigger=!1,this.selectOnFocus=!1,this.cleanupAutoUpdate=null,this.updateDropdownPosition=async t=>{var o;const{x:s,y:n,placement:i,middlewareData:d}=await r(t,this.hostElement,{strategy:"fixed",placement:"bottom-start",middleware:[a(4),l(),p({apply:({availableHeight:t,rects:o})=>{const s=this.hostElement.querySelector(".xpl-dropdown-list");let n=0;if(s){const t=Array.from(this.hostElement.children),o=t.indexOf(s);t.slice(0,o).forEach((t=>{t instanceof e&&(n+=t.offsetHeight)}))}const i=getComputedStyle(this.hostElement),r=parseFloat(i.paddingTop)+parseFloat(i.paddingBottom)+parseFloat(i.borderTopWidth)+parseFloat(i.borderBottomWidth),d=s?parseFloat(getComputedStyle(s).getPropertyValue("--xpl-dropdown-list-max-height")):1/0,a=Math.min(d,Math.max(0,t-n-r));Object.assign(this.hostElement.style,{width:`${o.reference.width}px`}),s&&(s.style.maxHeight=`${a}px`)}}),h()]});if(!this.cleanupAutoUpdate)return;if(null===(o=d.hide)||void 0===o?void 0:o.referenceHidden)return void(this.isOpen=!1);const c=i.startsWith("top");Object.assign(this.hostElement.style,{left:`${s}px`,top:`${n}px`}),this.hostElement.classList.toggle("xpl-dropdown--above",c),this.hostElement.classList.toggle("xpl-dropdown--below",!c)},this.handleClickOutside=({target:t})=>{const{triggerId:e}=this,o=e?document.getElementById(e):null,s=null==o?void 0:o.contains(t);this.hostElement.contains(t)||s||!this.isOpen||(this.isOpen=!1)},this.handleKeyDown=t=>{"Escape"===t.key&&this.isOpen&&(this.isOpen=!1)}}onAnchorToTriggerChanged(){this.isOpen&&this.startPositioning()}onTriggerIdChanged(){this.isOpen&&this.startPositioning()}onSelectedValuesChanged(t,e=!1){if(this.options&&this.options.length>0){this.options.reduce(((t,e)=>[...t,...e.groupName?e.options:[e]]),[]).forEach((e=>{const o=e.value||e.label;if("single"===this.mode)e.isSelected=o===t;else{const s=Array.isArray(t)?t:[];e.isSelected=s.includes(o)}}));const o=t=>(t.options=t.groupName?t.options.map(o):void 0,t);this.options=this.options.map(o),this.update&&!e&&this.update(null,{component:this})}}onIsOpenStateChange(t){this.isOpenChange.emit(t),t?this.startPositioning():this.stopPositioning()}connectedCallback(){document.addEventListener("mousedown",this.handleClickOutside),document.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){document.removeEventListener("mousedown",this.handleClickOutside),document.removeEventListener("keydown",this.handleKeyDown),this.stopPositioning()}componentWillLoad(){this.handleSelect=this.handleSelect.bind(this),this.selectedValues&&this.onSelectedValuesChanged(this.selectedValues,!0)}componentDidLoad(){this.isOpen&&this.startPositioning()}async handleSelect(t,{component:e}){const{hostElement:o,mode:s,options:n,update:i}=this,r="single"===s,d="multi"===s;if(n){n.reduce(((t,e)=>[...t,...e.groupName?e.options:[e]]),[]).forEach((t=>{const o=(t.value||t.label)===(e.hostElement.value||e.hostElement.label);r?(t.isSelected=o,e.hostElement.isSelected=!0):d&&o&&(t.isSelected=!t.isSelected,e.hostElement.isSelected=t.isSelected)}));const t=e=>(e.options=e.groupName?e.options.map(t):void 0,e);this.options=n.map(t)}else r?Array.from(o.querySelectorAll("xpl-dropdown-option")).forEach((t=>{t.isSelected=t===e.hostElement})):d&&(e.isSelected=!e.isSelected);i&&i(t,{component:this})}startPositioning(){if(!this.anchorToTrigger||!this.triggerId)return;const t=document.getElementById(this.triggerId);t&&(this.stopPositioning(),this.cleanupAutoUpdate=d(t,this.hostElement,(()=>{this.updateDropdownPosition(t)})))}stopPositioning(){var t;this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null),this.hostElement.style.left="",this.hostElement.style.top="",this.hostElement.style.width="",null===(t=this.hostElement.querySelector(".xpl-dropdown-list"))||void 0===t||t.style.removeProperty("max-height"),this.hostElement.classList.remove("xpl-dropdown--above","xpl-dropdown--below")}render(){const{isOpen:t}=this,{mode:e,options:o}=this,i=o&&o.length&&o.map((t=>{var{groupName:e,options:o,subtitle:n}=t,i=function(t,e){var o={};for(var s in t)Object.prototype.hasOwnProperty.call(t,s)&&e.indexOf(s)<0&&(o[s]=t[s]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(s=Object.getOwnPropertySymbols(t);n<s.length;n++)e.indexOf(s[n])<0&&Object.prototype.propertyIsEnumerable.call(t,s[n])&&(o[s[n]]=t[s[n]])}return o}(t,["groupName","options","subtitle"]);return e?s("xpl-dropdown-group",Object.assign({groupName:e,options:o},i)):s("xpl-dropdown-option",Object.assign({subtitle:n},i))}));return s(n,{key:"ef1637b50d96200219f93a992cecd838bdc37ae7","aria-expanded":t?"true":"false",class:{"xpl-dropdown":!0,"xpl-dropdown--multi":"multi"===e,"xpl-dropdown--open":t,"xpl-dropdown--anchor-to-trigger":this.anchorToTrigger},role:"listbox"},s("slot",{key:"69889998dda0b69e3e582b089baf295c8cfca39d",name:"header"}),s("ul",{key:"dcb7e840e724ebae950f8c85fca142bcf767cc5d",class:"xpl-dropdown-list"},i||s("slot",{key:"b33fd8bb6a1871db5e04173f0ad55a6485ee474a",name:"options"})))}get hostElement(){return this}static get watchers(){return{anchorToTrigger:[{onAnchorToTriggerChanged:0}],triggerId:[{onTriggerIdChanged:0}],selectedValues:[{onSelectedValuesChanged:0}],isOpen:[{onIsOpenStateChange:0}]}}},[260,"xpl-dropdown",{isOpen:[1540,"open"],closeOnSelect:[4,"close-on-select"],mode:[1],options:[1040],anchorToTrigger:[4,"anchor-to-trigger"],selectedValues:[1,"selected-values"],selectOnFocus:[4,"select-on-focus"],triggerId:[1,"trigger-id"],update:[16],handleSelect:[64]},void 0,{anchorToTrigger:[{onAnchorToTriggerChanged:0}],triggerId:[{onTriggerIdChanged:0}],selectedValues:[{onSelectedValuesChanged:0}],isOpen:[{onIsOpenStateChange:0}]}]);function w(){"undefined"!=typeof customElements&&["xpl-dropdown","xpl-dropdown-group","xpl-dropdown-heading","xpl-dropdown-option","xpl-icon"].forEach((t=>{switch(t){case"xpl-dropdown":customElements.get(i(t))||customElements.define(i(t),x);break;case"xpl-dropdown-group":customElements.get(i(t))||c();break;case"xpl-dropdown-heading":customElements.get(i(t))||g();break;case"xpl-dropdown-option":customElements.get(i(t))||u();break;case"xpl-icon":customElements.get(i(t))||m()}}))}export{x as D,w as d}

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

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as l,Host as n,transformTag as s}from"@stencil/core/internal/client";const i=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.disabled=!1}componentDidLoad(){this.updateSlottedComponentsWhenDisabled()}componentDidUpdate(){this.updateSlottedComponentsWhenDisabled()}updateSlottedComponentsWhenDisabled(){this.hostElement.querySelectorAll("*").forEach((e=>{"disabled"in e&&(e.disabled=this.disabled)}))}render(){const e=Array.from(this.el.parentElement.children).indexOf(this.el)+1;return l(n,{key:"d4b284973e5c1f76a9355f77749c6b6432e4f469",role:"gridcell","aria-colindex":e,class:"xpl-dynamic-table-cell",ref:e=>{this.hostElement=e}},l("slot",{key:"d9365d26d5b4fb9e50cd3b08514eeae3bfdd6888"}))}get el(){return this}},[260,"xpl-dynamic-table-cell",{disabled:[4]}]),c=i,d=function(){"undefined"!=typeof customElements&&["xpl-dynamic-table-cell"].forEach((e=>{"xpl-dynamic-table-cell"===e&&(customElements.get(s(e))||customElements.define(s(e),i))}))};export{c as XplDynamicTableCell,d as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,h as l,Host as n,transformTag as s}from"@stencil/core/internal/client";const i=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.disabled=!1}componentDidLoad(){this.updateSlottedComponentsWhenDisabled()}componentDidUpdate(){this.updateSlottedComponentsWhenDisabled()}updateSlottedComponentsWhenDisabled(){this.hostElement.querySelectorAll("*").forEach((e=>{"disabled"in e&&(e.disabled=this.disabled)}))}render(){const e=Array.from(this.el.parentElement.children).indexOf(this.el)+1;return l(n,{key:"924f54186ae2eb07bb4fab65eed7815f60be3a95",role:"gridcell","aria-colindex":e,class:"xpl-dynamic-table-cell",ref:e=>{this.hostElement=e}},l("slot",{key:"a18ef630d9f7f4c8b4079f2d83afe6b28700fb90"}))}get el(){return this}},[260,"xpl-dynamic-table-cell",{disabled:[4]}]),c=i,a=function(){"undefined"!=typeof customElements&&["xpl-dynamic-table-cell"].forEach((e=>{"xpl-dynamic-table-cell"===e&&(customElements.get(s(e))||customElements.define(s(e),i))}))};export{c as XplDynamicTableCell,a as defineCustomElement}

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

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as s,Host as i,transformTag as l}from"@stencil/core/internal/client";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.disabled=!1,this.selected=!1,this.isDisabled=!1}componentWillLoad(){this.isDisabled=this.disabled}componentDidLoad(){this.updateRowCellsDisabledState()}componentDidUpdate(){this.updateRowCellsDisabledState()}updateRowCellsDisabledState(){this.hostElement.querySelectorAll("xpl-dynamic-table-cell").forEach((e=>{e.disabled=this.isDisabled}))}render(){return s(i,{key:"7ce6f2c780af4f7bd4053970bff3e620fef4913a",role:"row",class:`xpl-dynamic-table-row\n            ${this.isDisabled?"disabled":""}\n            ${this.selected?"selected":""}`,ref:e=>{this.hostElement=e}},s("slot",{key:"b77362a23d8d69844560e7389e5cd7f6b5568d88"}))}},[260,"xpl-dynamic-table-row",{disabled:[4],selected:[4],isDisabled:[32]}]),d=n,o=function(){"undefined"!=typeof customElements&&["xpl-dynamic-table-row"].forEach((e=>{"xpl-dynamic-table-row"===e&&(customElements.get(l(e))||customElements.define(l(e),n))}))};export{d as XplDynamicTableRow,o as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,h as s,Host as i,transformTag as l}from"@stencil/core/internal/client";const d=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.disabled=!1,this.selected=!1,this.isDisabled=!1}componentWillLoad(){this.isDisabled=this.disabled}componentDidLoad(){this.updateRowCellsDisabledState()}componentDidUpdate(){this.updateRowCellsDisabledState()}updateRowCellsDisabledState(){this.hostElement.querySelectorAll("xpl-dynamic-table-cell").forEach((e=>{e.disabled=this.isDisabled}))}render(){return s(i,{key:"b1a117c4961d5a2f618510159b292184c2c1aed3",role:"row",class:`xpl-dynamic-table-row\n            ${this.isDisabled?"disabled":""}\n            ${this.selected?"selected":""}`,ref:e=>{this.hostElement=e}},s("slot",{key:"be0ef005b0ed337272e92d29dda61dcbe966c4ed"}))}},[260,"xpl-dynamic-table-row",{disabled:[4],selected:[4],isDisabled:[32]}]),n=d,c=function(){"undefined"!=typeof customElements&&["xpl-dynamic-table-row"].forEach((e=>{"xpl-dynamic-table-row"===e&&(customElements.get(l(e))||customElements.define(l(e),d))}))};export{n as XplDynamicTableRow,c as defineCustomElement}

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

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,createEvent as n,h as l,transformTag as s}from"@stencil/core/internal/client";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.selectedItemCountChange=n(this,"selectedItemCountChange",7),this.selectedItemCount=0,this.colCount=0}updateColumnCount(){const e=this.el.querySelectorAll("xpl-table-header-cell");if(e.length===this.colCount)return;const t=Array.from(e).map((e=>null!==e.getAttribute("width")?e.getAttribute("width")+"px":"1fr"));this.el.style.setProperty("--column-widths",t.join(" ")),this.colCount=e.length}listenToDeselectEvent(){this.selectedItemCount=0,this.selectedItemCountChange.emit([])}listenToChangeEvent(){const e=document.querySelectorAll('.xpl-dynamic-table xpl-checkbox:not([class^="xpl-header-accordion__parent-checkbox"]) input:not([disabled])'),t=Array.from(e).filter((e=>e.checked)).map((e=>e.getAttribute("data-id")));this.selectedItemCount=t.length,this.selectedItemCountChange.emit(t)}updateRowGap(){null!==this.el.querySelector("xpl-header-accordion")&&[".xpl-dynamic-table",'.xpl-dynamic-table > [slot="body"]'].forEach((e=>{const t=this.el.querySelector(e);null!==t&&(t.style.rowGap="0.5rem")}))}componentDidLoad(){this.updateColumnCount(),this.updateRowGap()}componentDidUpdate(){this.updateColumnCount()}render(){return l("div",{key:"aa9fdd991fca8dab538176a950636b52db539f7a",role:"grid",class:"xpl-dynamic-table","aria-colcount":this.colCount},l("slot",{key:"d05d799f1a0d944398f1ae9992dbcbb56a52f184",name:"header"}),l("slot",{key:"7f212255dbf15e8358cef6097d55b973f73bd086",name:"body"}))}get el(){return this}},[260,"xpl-dynamic-table",{selectedItemCount:[32],colCount:[32]},[[8,"deselectAll","listenToDeselectEvent"],[8,"checkboxChange","listenToChangeEvent"]]]),i=a,o=function(){"undefined"!=typeof customElements&&["xpl-dynamic-table"].forEach((e=>{"xpl-dynamic-table"===e&&(customElements.get(s(e))||customElements.define(s(e),a))}))};export{i as XplDynamicTable,o as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,createEvent as n,h as l,transformTag as c}from"@stencil/core/internal/client";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.selectedItemCountChange=n(this,"selectedItemCountChange",7),this.selectedItemCount=0,this.colCount=0}updateColumnCount(){const e=this.el.querySelectorAll("xpl-table-header-cell");if(e.length===this.colCount)return;const t=Array.from(e).map((e=>null!==e.getAttribute("width")?e.getAttribute("width")+"px":"1fr"));this.el.style.setProperty("--column-widths",t.join(" ")),this.colCount=e.length}listenToDeselectEvent(){this.selectedItemCount=0,this.selectedItemCountChange.emit([])}listenToChangeEvent(){const e=document.querySelectorAll('.xpl-dynamic-table xpl-checkbox:not([class^="xpl-header-accordion__parent-checkbox"]) input:not([disabled])'),t=Array.from(e).filter((e=>e.checked)).map((e=>e.getAttribute("data-id")));this.selectedItemCount=t.length,this.selectedItemCountChange.emit(t)}updateRowGap(){null!==this.el.querySelector("xpl-header-accordion")&&[".xpl-dynamic-table",'.xpl-dynamic-table > [slot="body"]'].forEach((e=>{const t=this.el.querySelector(e);null!==t&&(t.style.rowGap="0.5rem")}))}componentDidLoad(){this.updateColumnCount(),this.updateRowGap()}componentDidUpdate(){this.updateColumnCount()}render(){return l("div",{key:"9ae7568410463f24a85e39da8b14dc70e99730c3",role:"grid",class:"xpl-dynamic-table","aria-colcount":this.colCount},l("slot",{key:"c84c62c9eb47d1bf02c6e7d8a8c3d59542ef5f7b",name:"header"}),l("slot",{key:"26012976f5d8474f4a648816e9dc92355611177a",name:"body"}))}get el(){return this}},[260,"xpl-dynamic-table",{selectedItemCount:[32],colCount:[32]},[[8,"deselectAll","listenToDeselectEvent"],[8,"checkboxChange","listenToChangeEvent"]]]),i=s,o=function(){"undefined"!=typeof customElements&&["xpl-dynamic-table"].forEach((e=>{"xpl-dynamic-table"===e&&(customElements.get(c(e))||customElements.define(c(e),s))}))};export{i as XplDynamicTable,o as defineCustomElement}

package/dist/components/xpl-grid-item.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,h as i,Host as s,transformTag as d}from"@stencil/core/internal/client";const l=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.xs=6,this.sm=6,this.md=6,this.lg=6}render(){let t="xpl-grid-item";return t+=" xpl-grid-item-xs-"+this.xs,t+=" xpl-grid-item-sm-"+this.sm,t+=" xpl-grid-item-md-"+this.md,t+=" xpl-grid-item-lg-"+this.lg,i(s,{key:"d4e9ba6dc2049aa0a88d266934a9499daf66d0a9",class:t},i("slot",{key:"fef8f150e57fcc72147111fe10088d46adc324d8"}))}},[260,"xpl-grid-item",{xs:[2],sm:[2],md:[2],lg:[2]}]),m=l,r=function(){"undefined"!=typeof customElements&&["xpl-grid-item"].forEach((t=>{"xpl-grid-item"===t&&(customElements.get(d(t))||customElements.define(d(t),l))}))};export{m as XplGridItem,r as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as e,h as i,Host as s,transformTag as l}from"@stencil/core/internal/client";const m=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.xs=6,this.sm=6,this.md=6,this.lg=6}render(){let t="xpl-grid-item";return t+=" xpl-grid-item-xs-"+this.xs,t+=" xpl-grid-item-sm-"+this.sm,t+=" xpl-grid-item-md-"+this.md,t+=" xpl-grid-item-lg-"+this.lg,i(s,{key:"bb28d83b6fd6ee92390ffcb5a505f5084f5624b9",class:t},i("slot",{key:"db3cf487db67044879425c830a14a44e06d19414"}))}},[260,"xpl-grid-item",{xs:[2],sm:[2],md:[2],lg:[2]}]),r=m,d=function(){"undefined"!=typeof customElements&&["xpl-grid-item"].forEach((t=>{"xpl-grid-item"===t&&(customElements.get(l(t))||customElements.define(l(t),m))}))};export{r as XplGridItem,d as defineCustomElement}

package/dist/components/xpl-grid.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,h as s,Host as r,transformTag as i}from"@stencil/core/internal/client";const l=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost()}componentDidLoad(){const t=Array.from(this.container.querySelectorAll(".xpl-grid-item"));let e=0,s=0,r=0,i=0;t.forEach((t=>{e+=+t.getAttribute("lg")||6,s+=+t.getAttribute("md")||6,r+=+t.getAttribute("sm")||6,i+=+t.getAttribute("xs")||6,e%6==0&&t.classList.add("xpl-grid-item-lg-last"),s%6==0&&t.classList.add("xpl-grid-item-md-last"),r%6==0&&t.classList.add("xpl-grid-item-sm-last"),i%6==0&&t.classList.add("xpl-grid-item-xs-last")}))}render(){return s(r,{key:"89b723cb2e01669c5edd69a3fbbbdce834f05dd3",class:"xpl-grid"})}get container(){return this}},[0,"xpl-grid"]),d=l,n=function(){"undefined"!=typeof customElements&&["xpl-grid"].forEach((t=>{"xpl-grid"===t&&(customElements.get(i(t))||customElements.define(i(t),l))}))};export{d as XplGrid,n as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as e,h as s,Host as r,transformTag as i}from"@stencil/core/internal/client";const l=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost()}componentDidLoad(){const t=Array.from(this.container.querySelectorAll(".xpl-grid-item"));let e=0,s=0,r=0,i=0;t.forEach((t=>{e+=+t.getAttribute("lg")||6,s+=+t.getAttribute("md")||6,r+=+t.getAttribute("sm")||6,i+=+t.getAttribute("xs")||6,e%6==0&&t.classList.add("xpl-grid-item-lg-last"),s%6==0&&t.classList.add("xpl-grid-item-md-last"),r%6==0&&t.classList.add("xpl-grid-item-sm-last"),i%6==0&&t.classList.add("xpl-grid-item-xs-last")}))}render(){return s(r,{key:"0036b594c89e75a9b302e7a7d9c99d4703a8b729",class:"xpl-grid"})}get container(){return this}},[0,"xpl-grid"]),n=l,d=function(){"undefined"!=typeof customElements&&["xpl-grid"].forEach((t=>{"xpl-grid"===t&&(customElements.get(i(t))||customElements.define(i(t),l))}))};export{n as XplGrid,d as defineCustomElement}

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

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as c,Host as i,transformTag as o}from"@stencil/core/internal/client";import{d as s}from"./xpl-checkbox2.js";import{d as n}from"./xpl-icon2.js";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.initialExpanded=!1,this.disabled=!1,this.selectedCount=-1,this.hasCheckbox=!0,this.expanded=this.initialExpanded,this.parentChecked=!1,this.parentIndeterminate=!1,this.toggleAccordion=()=>{this.expanded=!this.expanded},this.handleParentCheckboxChange=e=>{var t;this.parentChecked=e,this.parentIndeterminate=!1,(null===(t=this.el)||void 0===t?void 0:t.querySelectorAll('[role="region"] xpl-checkbox input:not([disabled])')).forEach((t=>{t.checked=e}))}}applyBorderRadiusToLastRow(){var e;if(this.expanded){const t=null===(e=this.el)||void 0===e?void 0:e.querySelectorAll("xpl-dynamic-table-row"),c=t[t.length-1],i=null==c?void 0:c.querySelectorAll("xpl-dynamic-table-cell");i[0].style.borderBottomLeftRadius="0.5rem",i[i.length-1].style.borderBottomRightRadius="0.5rem"}}watchSelectedCount(e,t){e>-1&&this.updateParentCheckbox(e)}updateParentCheckbox(e){var t;const c=null===(t=this.el)||void 0===t?void 0:t.querySelectorAll('[role="region"] xpl-checkbox input:not([disabled])');0===e?(this.parentChecked=!1,this.parentIndeterminate=!1):e===c.length?(this.parentChecked=!0,this.parentIndeterminate=!1):(this.parentChecked=!1,this.parentIndeterminate=!0)}handleChildCheckboxChange(){var e;if(-1===this.selectedCount){const t=null===(e=this.el)||void 0===e?void 0:e.querySelectorAll('[role="region"] xpl-checkbox input:not([disabled])'),c=Array.from(t).filter((e=>e.checked)).length;this.updateParentCheckbox(c)}}componentDidLoad(){this.updateParentCheckbox(this.selectedCount>-1?this.selectedCount:0)}componentWillRender(){this.applyBorderRadiusToLastRow()}render(){return c(i,{key:"511ce0498294e0064e94ff14b847f75260c6c7cf",class:"xpl-header-accordion"},c("div",{key:"75550adfe2cff80c32e3fe73bfba5888a4bfc91d",class:"header-accordion header-accordion--"+(this.expanded?"expanded":"collapsed")},this.hasCheckbox&&c("xpl-checkbox",{key:"d46601b19497594f44b4633228a6f020f29c8914",class:"xpl-header-accordion__parent-checkbox",checked:this.parentChecked,disabled:this.disabled,indeterminate:this.parentIndeterminate,onCheckboxChange:e=>this.handleParentCheckboxChange(e.detail)}),c("button",{key:"b15087f6e34cd0d31e77d5c3b35640b7734ed556","aria-expanded":this.expanded,"aria-controls":this.contentId,class:"toggle-area",onClick:this.toggleAccordion,type:"button"},c("slot",{key:"8f655d108a016212852f0a7138fa82ea386ed26a",name:"title"}),c("xpl-icon",{key:"abe7fb2fe4a19db7bcd2cbed7fec903cbeeaee4d",size:16,icon:"chevron-down",class:this.expanded&&"rotate"}))),c("div",{key:"e86c0a67e94b24f4c39386e8f728de34242e7344",id:this.contentId,role:"region",class:this.expanded?"content--shown":"content--hidden"},c("slot",{key:"a86303b3cf41724f65e10db14d0f6464c68d49c2",name:"content"})))}get el(){return this}static get watchers(){return{selectedCount:[{watchSelectedCount:0}]}}},[260,"xpl-header-accordion",{contentId:[1,"content-id"],initialExpanded:[4,"initial-expanded"],disabled:[4],selectedCount:[2,"selected-count"],hasCheckbox:[4,"has-checkbox"],expanded:[32],parentChecked:[32],parentIndeterminate:[32]},[[0,"checkboxChange","handleChildCheckboxChange"]],{selectedCount:[{watchSelectedCount:0}]}]),d=a,h=function(){"undefined"!=typeof customElements&&["xpl-header-accordion","xpl-checkbox","xpl-icon"].forEach((e=>{switch(e){case"xpl-header-accordion":customElements.get(o(e))||customElements.define(o(e),a);break;case"xpl-checkbox":customElements.get(o(e))||s();break;case"xpl-icon":customElements.get(o(e))||n()}}))};export{d as XplHeaderAccordion,h as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,h as c,Host as i,transformTag as o}from"@stencil/core/internal/client";import{d as s}from"./xpl-checkbox2.js";import{d}from"./xpl-icon2.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.expanded=!1,this.parentChecked=!1,this.parentIndeterminate=!1,this.disabled=!1,this.hasCheckbox=!0,this.initialExpanded=!1,this.selectedCount=-1,this.toggleAccordion=()=>{this.expanded=!this.expanded},this.handleParentCheckboxChange=e=>{var t;this.parentChecked=e,this.parentIndeterminate=!1,(null===(t=this.el)||void 0===t?void 0:t.querySelectorAll('[role="region"] xpl-checkbox input:not([disabled])')).forEach((t=>{t.checked=e}))}}watchSelectedCount(e){e>-1&&this.updateParentCheckbox(e)}componentWillLoad(){this.expanded=this.initialExpanded}componentDidLoad(){this.updateParentCheckbox(this.selectedCount>-1?this.selectedCount:0)}handleChildCheckboxChange(){var e;if(-1===this.selectedCount){const t=null===(e=this.el)||void 0===e?void 0:e.querySelectorAll('[role="region"] xpl-checkbox input:not([disabled])'),c=Array.from(t).filter((e=>e.checked)).length;this.updateParentCheckbox(c)}}updateParentCheckbox(e){var t;const c=null===(t=this.el)||void 0===t?void 0:t.querySelectorAll('[role="region"] xpl-checkbox input:not([disabled])');0===e?(this.parentChecked=!1,this.parentIndeterminate=!1):e===c.length?(this.parentChecked=!0,this.parentIndeterminate=!1):(this.parentChecked=!1,this.parentIndeterminate=!0)}render(){return c(i,{key:"216b10c02e1248c374ec646d30f835163b9b7792",class:{"xpl-header-accordion":!0,"xpl-header-accordion--expanded":this.expanded}},c("div",{key:"41cbb9358a5d76f44f135d76c945fe801cafc474",class:"header-accordion header-accordion--"+(this.expanded?"expanded":"collapsed")},this.hasCheckbox&&c("xpl-checkbox",{key:"c939d100f687b14455424ee3f0b6bdfd7de785bb",class:"xpl-header-accordion__parent-checkbox",checked:this.parentChecked,disabled:this.disabled,indeterminate:this.parentIndeterminate,onCheckboxChange:e=>this.handleParentCheckboxChange(e.detail)}),c("button",{key:"4d98d8d75b4c7c7ba8e50ce6d43ed3b83919d624","aria-expanded":this.expanded,"aria-controls":this.contentId,class:"toggle-area",onClick:this.toggleAccordion,type:"button"},c("slot",{key:"d9c993b7e8e6cf0b46014d6c535a52c84386b8ed",name:"title"}),c("xpl-icon",{key:"58d114ae4dd93c9ec15e3d74cfb2d33c6c1b57cb",size:20,icon:"chevron-down",class:this.expanded&&"rotate"}))),c("div",{key:"46a98c094621ec02c9416bcfa7a2d33e6ce468d4",id:this.contentId,role:"region",class:this.expanded?"content--shown":"content--hidden"},c("slot",{key:"7966e352ec17125afa59a7590dbc8e9372a39f41",name:"content"})))}get el(){return this}static get watchers(){return{selectedCount:[{watchSelectedCount:0}]}}},[260,"xpl-header-accordion",{contentId:[1,"content-id"],disabled:[4],hasCheckbox:[4,"has-checkbox"],initialExpanded:[4,"initial-expanded"],selectedCount:[2,"selected-count"],expanded:[32],parentChecked:[32],parentIndeterminate:[32]},[[0,"checkboxChange","handleChildCheckboxChange"]],{selectedCount:[{watchSelectedCount:0}]}]),a=n,h=function(){"undefined"!=typeof customElements&&["xpl-header-accordion","xpl-checkbox","xpl-icon"].forEach((e=>{switch(e){case"xpl-header-accordion":customElements.get(o(e))||customElements.define(o(e),n);break;case"xpl-checkbox":customElements.get(o(e))||s();break;case"xpl-icon":customElements.get(o(e))||d()}}))};export{a as XplHeaderAccordion,h as defineCustomElement}