@xplortech/apollo-core 2.12.0 → 3.1.0

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

@@ -1,94 +0,0 @@
-import { setAutoSnapshotOptions } from "vitest-plugin-vis";
-export default {
-    title: 'Components/Navigation/Utility Bar',
-    tags: ['vrt'],
-    beforeEach() {
-        setAutoSnapshotOptions({ enable: true });
-    },
-    argTypes: {
-        mainSlot: {
-            type: { name: 'string', required: false },
-        },
-        asideSlot: {
-            type: { name: 'string', required: false },
-        },
-    },
-};
-const renderUtilityBar = ({ mainSlot, asideSlot }) => `
-    <div style="width: 85vw;">
-        <xpl-utility-bar>
-            <ul slot="main">
-                ${mainSlot}
-            </ul>
-            <ul slot="aside">
-                ${asideSlot}
-            </ul>
-        </xpl-utility-bar>
-    </div>
-`;
-const setMainSlot = () => `
-    <li><xpl-icon icon="three-bars" size="30"></xpl-icon></li>
-`;
-const setAsideSlot = (isMobile) => `
-    <li>
-        <xpl-button
-            type="submit"
-            ${isMobile ? 'icon-only' : 'icon-leading'}
-            icon="user"
-            >${isMobile ? '' : 'Find Customer'}</xpl-button
-        >
-    </li>
-    <li>
-        <xpl-avatar
-            name="Jeremy"
-            src="https://placebear.com/128/128"
-            status="inactive"
-        ></xpl-avatar>
-    </li>
-`;
-const globalParams = (args) => ({
-    layout: 'centered',
-    'web-component': {
-        render: (({ mainSlot, asideSlot }) => `
-            <xpl-utility-bar>
-                <ul slot="main">
-                    ${mainSlot}
-                </ul>
-                <ul slot="main">
-                    ${asideSlot}
-                </ul>
-            </xpl-utility-bar>
-        `)(args),
-    },
-    html: {
-        render: (({ mainSlot, asideSlot }) => `
-            <nav class="xpl-utility-bar">
-                <ul slot="main">
-                    ${mainSlot}
-                </ul>
-                <ul slot="main">
-                    ${asideSlot}
-                </ul>
-            </nav>
-        `)(args),
-    },
-});
-export const UtilityBarMobile = (args) => renderUtilityBar(args);
-UtilityBarMobile.args = {
-    mainSlot: setMainSlot(),
-    asideSlot: setAsideSlot(true),
-};
-UtilityBarMobile.parameters = {
-    ...globalParams(UtilityBarMobile.args),
-    viewport: {
-        defaultViewport: 'iphone12',
-    },
-};
-UtilityBarMobile.storyName = 'Mobile';
-export const UtilityBarDesktop = (args) => renderUtilityBar(args);
-UtilityBarDesktop.args = {
-    mainSlot: setMainSlot(),
-    asideSlot: setAsideSlot(false),
-};
-UtilityBarDesktop.parameters = { ...globalParams(UtilityBarDesktop.args) };
-UtilityBarDesktop.storyName = 'Desktop';

package/dist/components/p-Bseq_BgD.js

@@ -1 +0,0 @@
-import{h as t,p as o,H as e,c as s,t as l}from"./p-BSHdGbmH.js";const a=()=>t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"13"},t("path",{d:"M0.5 5h15l-7.5 7.5L0.5 5Z",fill:"white",stroke:"none",class:"xpl-tooltip-arrow__fill"}),t("path",{d:"M0.5 5 L8 12.5 L15.5 5",fill:"none",stroke:"black","stroke-width":"1",class:"xpl-tooltip-arrow__stroke"})),c=o(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.position="top-middle",this.hideArrow=!1}render(){return t(s,{key:"1c9ac51c0d216a2822ec5637a02fa133c4055fe6"},t("div",{key:"391476229ce86ce8502c7516d79a755d162c4bbb",class:"xpl-tooltip-container"},t("slot",{key:"66e1f7420b538f6134170cb2ddfaaadb4f788783"}),t("div",{key:"017b59ec94760da135f7f4a00b042be023d7849f",class:`xpl-tooltip xpl-tooltip--${this.position}`},this.text,!this.hideArrow&&t("div",{key:"248aa16bbc3a7945ce6cf57bc5ce832f3676cc91",class:"xpl-tooltip-arrow"},t(a,{key:"ca8a4d517630feb5833509644a335f08fa775b8b"})))))}},[260,"xpl-tooltip",{text:[1],position:[1],hideArrow:[4,"hide-arrow"]}]);function i(){"undefined"!=typeof customElements&&["xpl-tooltip"].forEach((t=>{"xpl-tooltip"===t&&(customElements.get(l(t))||customElements.define(l(t),c))}))}export{c as T,i as d}

package/dist/components/p-CCgZCY_A.js

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

package/dist/components/p-CJzsLWeV.js

@@ -1 +0,0 @@
-import{p as e,H as d,h as s,c as t,t as c}from"./p-BSHdGbmH.js";const a=e(class extends d{constructor(e){super(),!1!==e&&this.__registerHost()}render(){let e="xpl-divider";return e+=` xpl-divider--${this.tier}`,s(t,{key:"61b81934fc56dabb47246db40cd83b9f1dde150a",class:e},s("span",{key:"b81ec769098b9b39fbd4e954e4931bcd580aa7dc"},s("slot",{key:"8410f6c17964a091e9d62ca4db9eda673ab02c46"})))}},[260,"xpl-divider",{tier:[2]}]);function i(){"undefined"!=typeof customElements&&["xpl-divider"].forEach((e=>{"xpl-divider"===e&&(customElements.get(c(e))||customElements.define(c(e),a))}))}export{a as D,i as d}

package/dist/components/p-CRKY79vL.js

@@ -1 +0,0 @@
-import{p as e,H as s,h as t,c as d,t as a}from"./p-BSHdGbmH.js";const i={success:"green",warning:"yellow",inactive:"gray",error:"red"},l=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.bordered=!1,this.dotOnly=!1,this.shape="rounded",this.size="default",this.variant="purple"}get resolvedVariant(){return i[this.variant]??this.variant}render(){return t(d,{key:"2d4179362c0cbb0b6f811311dd22388999e10862"},t("div",{key:"060964cfc2e6df5b51edc0af9a79e050fddcb4ae",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}},t("span",{key:"54f018c6ece279aa17c655b1e5502a6526173433",class:"xpl-badge__label"},t("slot",{key:"4199e21fb1d83f81cf5001c0c51902f1bc8764f6"}))))}},[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/p-Cjxw-qOg.js

@@ -1 +0,0 @@
-import{p as e,H as s,d as a,h as d,c as i,t}from"./p-BSHdGbmH.js";import{v as l}from"./p-CK3_k8jD.js";const c=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.radioChange=a(this,"radioChange",7),this.id=l(),this.onChange=e=>{this.radioChange.emit(this.value?this.value:e.target.checked)}}get isChecked(){return void 0!==this.selectedValue&&void 0!==this.value?this.selectedValue===this.value:Boolean(this.checked)}render(){return d(i,{key:"3b69e40977913d82102f8ddad0daaf04c1fdae91",class:{"xpl-checkbox-radio-container":!0,styled:!!this.styled,disabled:!!this.disabled}},d("input",{key:"480a7b9ed8a94630a9e1d31ae39dfa5ca4977869",class:"xpl-radio",type:"radio",checked:this.isChecked,disabled:this.disabled,id:this.id,name:this.name,required:this.required,onChange:this.onChange,value:this.value}),d("label",{key:"aa582808dda2a90ad877ac1267df68df3bce6f38",class:{"xpl-label":!0,"xpl-label--disabled":!!this.disabled},htmlFor:this.id},d("slot",{key:"a75c287415b7d989ba2bfd1a3c4ec122afe345e6"}),this.description&&d("small",{key:"774a273dafdf7e5e82ddd2a99c439cae7f6f9bd1",class:{"xpl-description":!0,"xpl-description--disabled":!!this.disabled}},this.description)))}},[260,"xpl-radio",{checked:[4],description:[1],disabled:[4],name:[1],value:[1],required:[4],selectedValue:[1,"selected-value"],styled:[4],id:[32]}]);function h(){"undefined"!=typeof customElements&&["xpl-radio"].forEach((e=>{"xpl-radio"===e&&(customElements.get(t(e))||customElements.define(t(e),c))}))}export{c as R,h as d}

package/dist/components/p-D6JUVA1x.js

@@ -1 +0,0 @@
-import{p as t,H as a,h as r,c as s,t as e}from"./p-BSHdGbmH.js";import{d as i}from"./p-CRKY79vL.js";const l={active:"green",inactive:"gray",warning:"red"};function n(t){if(!t||!t.trim())return"";const a=t.trim().split(/\s+/).filter(Boolean);return 0===a.length?"":1===a.length?a[0].slice(0,3).toUpperCase():((a[0][0]??"")+(a.length>2?a[1][0]??"":"")+(a[a.length-1][0]??"")).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(){this.cachedSlotContent=this.el?.textContent?.trim().slice(0,3)??"",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{return[]}return Array.isArray(t)?t:[]}get groupItems(){return this.cachedGroupItems}get statusBadgeVariant(){const t=this.status;if(void 0!==t)return l[t]??t}getPlaceholderText(){return this.cachedSlotContent.length>0?this.cachedSlotContent:n(this.name)}static getSingleAvatarClasses(t,a,r,s){return{"xpl-avatar":!0,[`xpl-avatar--${t}`]:!!t,[`xpl-avatar--${a}`]:!!a,"xpl-avatar--profile":!!r,"xpl-avatar--disabled":!!s}}getAnchorProps(t){return{href:this.href,target:this.target,rel:"_blank"===this.target?"noopener noreferrer":void 0,"aria-label":this.name??"Profile",class:t}}static renderAvatarMedia(t,a,s,e,i=!0){return t?r("img",{alt:a??"",src:t}):r("div",{class:"xpl-avatar__placeholder",role:"img","aria-label":a??e},s||(i?r("slot",null):null))}renderAvatarMediaWithStatusBadge(a){const s=this.getPlaceholderText();return r("div",{...a?{class:a}:{}},t.renderAvatarMedia(this.src,this.name,s,"Profile",!0),this.statusBadgeVariant&&r("xpl-badge",{dotOnly:!0,bordered:!0,variant:this.statusBadgeVariant,"aria-hidden":"true"}))}renderGroupItem(a,s){const e=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,e,`Member ${s+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),e=t.length-4,i=e>0,l=i?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`)}(e):"";return r(s,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)))),i&&r("div",{class:{"xpl-avatar-group__count":!0,[`xpl-avatar-group__count--${this.size}`]:!!this.size},"aria-label":`${e} 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(s,null,this.href&&!this.disabled?r("a",{...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 e="profile"===a,i=t.getSingleAvatarClasses(e&&"md"===this.size?void 0:this.size,this.color,e,this.disabled),l=this.renderAvatarMediaWithStatusBadge();return r(s,null,this.href&&!this.disabled?r("a",{...this.getAnchorProps(i)},l):r("div",{class:i,"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 h(){"undefined"!=typeof customElements&&["xpl-avatar","xpl-badge"].forEach((t=>{switch(t){case"xpl-avatar":customElements.get(e(t))||customElements.define(e(t),o);break;case"xpl-badge":customElements.get(e(t))||i()}}))}export{o as A,h as d}

package/dist/components/p-DFGw0APN.js

@@ -1 +0,0 @@
-import{p as e,H as s,d as a,h as t,c as i,t as d}from"./p-BSHdGbmH.js";import{v as c}from"./p-CK3_k8jD.js";const l=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.checkboxChange=a(this,"checkboxChange",7),this.id=c(),this.ariaLabel="",this.onChange=e=>{this.checkboxChange.emit(e.target.checked)}}render(){return t(i,{key:"fba24f4540febb1d52a143ae8249978820731422",class:{"xpl-checkbox-radio-container":!0,styled:!!this.styled,disabled:!!this.disabled}},t("input",{key:"1663fd03d0f76952ddbe1a8ce87ea7c76c31631c",class:"xpl-checkbox",type:"checkbox","aria-label":(this.ariaLabel??"").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:"84548eea585da460e834d1e34b24e0b3724a38ea",class:{"xpl-label":!0,"xpl-label--disabled":!!this.disabled},htmlFor:this.id},t("slot",{key:"f9451918bee8abc6dea4fd65acef75bb13b69e4d"}),this.description&&t("small",{key:"02db357e5080d87595bdfd5baac1be2a2bb771d7",class:{"xpl-description":!0,"xpl-description--disabled":!!this.disabled}},this.description)))}},[260,"xpl-checkbox",{ariaLabel:[1,"aria-label"],checked:[4],description:[1],disabled:[4],indeterminate:[4],name:[1],value:[1],required:[4],styled:[4],dataId:[1,"data-id"],id:[32]}]);function b(){"undefined"!=typeof customElements&&["xpl-checkbox"].forEach((e=>{"xpl-checkbox"===e&&(customElements.get(d(e))||customElements.define(d(e),l))}))}export{l as C,b as d}

package/dist/components/p-DLLQBDCb.js

@@ -1 +0,0 @@
-import{p as t,H as e,d as i,h as s,c as n,t as a}from"./p-BSHdGbmH.js";import{d as o}from"./p-Di1NDy0w.js";import{d as r}from"./p-Mehog36m.js";import{d as h}from"./p-RYnBuuDE.js";import{d as l}from"./p-Dzp5p-eh.js";import{d as c}from"./p-imCMp2Nl.js";import{i as p}from"./p-Dqb1pIRo.js";import{d}from"./p-DkM7jyQB.js";import{d as u}from"./p-DWUJ_jsx.js";import{d as m}from"./p-DS2Kv5fl.js";import{v as f}from"./p-CK3_k8jD.js";import{d as b}from"./p-BGqQbjLl.js";const x=(t,e,i)=>{const s=(i/=100)*(e/=100),n=s*(1-Math.abs(t/60%2-1)),a=i-s;let o=0,r=0,h=0;return t<60?(o=s,r=n,h=0):t<120?(o=n,r=s,h=0):t<180?(o=0,r=s,h=n):t<240?(o=0,r=n,h=s):t<300?(o=n,r=0,h=s):(o=s,r=0,h=n),{r:Math.round(255*(o+a)),g:Math.round(255*(r+a)),b:Math.round(255*(h+a))}},g=(t,e,i)=>[t,e,i].map((t=>t.toString(16).padStart(2,"0"))).join(""),C=t=>{if(t.startsWith("#")){if(!/^#([a-fA-F\d]{6})$/.test(t))throw new Error("Only 6-digit hex format supported (e.g. #aabbcc)");const e=t.toLowerCase().slice(1),i=parseInt(e.slice(0,2),16),s=parseInt(e.slice(2,4),16),n=parseInt(e.slice(4,6),16);return{hex:e,r:i,g:s,b:n,a:1}}if(t.startsWith("rgba")||t.startsWith("rgb")){const e=t.match(/[\d.]+/g)?.map(Number);if(!e||e.length<3)throw new Error("Invalid rgba/rgb format");const[i,s,n,a=1]=e,o=t=>t.toString(16).padStart(2,"0");return{hex:`${o(i)}${o(s)}${o(n)}`.toLowerCase(),r:i,g:s,b:n,a}}if(t.startsWith("hsla")||t.startsWith("hsl")){const e=t.match(/[\d.]+/g)?.map(Number);if(!e||e.length<3)throw new Error("Invalid hsla/hsl format");const[i,s,n,a=1]=e,o=((t,e,i,s)=>{i/=100;const n=e=>(e+t/30)%12,a=(e/=100)*Math.min(i,1-i),o=t=>i-a*Math.max(-1,Math.min(n(t)-3,Math.min(9-n(t),1)));return`rgba(${Math.round(255*o(0))}, ${Math.round(255*o(8))}, ${Math.round(255*o(4))}, ${s})`})(i,s,n,a),r=o.match(/[\d.]+/g)?.map(Number);if(!r||r.length<3)throw new Error("Invalid hsla/hsl format");const[h,l,c]=r;return{hex:g(h,l,c).toLowerCase(),r:h,g:l,b:c,a}}throw new Error("Unsupported color format")},y=t=>t.a&&1!==t.a?`rgba(${t.r}, ${t.g}, ${t.b}, ${t.a})`:`#${t.hex}`,v=[{countryCode:"US",dialCode:"+1",name:"United States"},{countryCode:"CA",dialCode:"+1",name:"Canada"},{countryCode:"GB",dialCode:"+44",name:"United Kingdom"},{countryCode:"AU",dialCode:"+61",name:"Australia"},{countryCode:"DE",dialCode:"+49",name:"Germany"},{countryCode:"FR",dialCode:"+33",name:"France"},{countryCode:"ES",dialCode:"+34",name:"Spain"},{countryCode:"IT",dialCode:"+39",name:"Italy"},{countryCode:"NL",dialCode:"+31",name:"Netherlands"},{countryCode:"BE",dialCode:"+32",name:"Belgium"},{countryCode:"AT",dialCode:"+43",name:"Austria"},{countryCode:"CH",dialCode:"+41",name:"Switzerland"},{countryCode:"PL",dialCode:"+48",name:"Poland"},{countryCode:"IE",dialCode:"+353",name:"Ireland"},{countryCode:"PT",dialCode:"+351",name:"Portugal"},{countryCode:"SE",dialCode:"+46",name:"Sweden"},{countryCode:"NO",dialCode:"+47",name:"Norway"},{countryCode:"DK",dialCode:"+45",name:"Denmark"},{countryCode:"FI",dialCode:"+358",name:"Finland"},{countryCode:"NZ",dialCode:"+64",name:"New Zealand"},{countryCode:"JP",dialCode:"+81",name:"Japan"},{countryCode:"CN",dialCode:"+86",name:"China"},{countryCode:"IN",dialCode:"+91",name:"India"},{countryCode:"BR",dialCode:"+55",name:"Brazil"},{countryCode:"MX",dialCode:"+52",name:"Mexico"},{countryCode:"ZA",dialCode:"+27",name:"South Africa"},{countryCode:"SG",dialCode:"+65",name:"Singapore"},{countryCode:"HK",dialCode:"+852",name:"Hong Kong"},{countryCode:"KR",dialCode:"+82",name:"South Korea"}];function $(t){return v.find((e=>e.countryCode===t))}function k(t){return(t||"").replace(/\D/g,"")}function E(t){switch(t){case"US":case"CA":case"MX":case"JP":case"IN":case"KR":return 10;case"GB":case"DE":case"AT":case"CH":case"BR":case"CN":return 11;case"AU":case"FR":return 9;default:return 15}}function w(t,e){if(!t)return"";const i=t.replace(/\D/g,"");switch(e){case"US":case"CA":return function(t){const e=Math.min(t.length,10);return e<=3?t.slice(0,e):e<=6?`${t.slice(0,3)} ${t.slice(3,e)}`:`${t.slice(0,3)} ${t.slice(3,6)} ${t.slice(6,e)}`}(i);case"GB":return function(t){const e=Math.min(t.length,11);return e<=4?t.slice(0,e):e<=7?`${t.slice(0,4)} ${t.slice(4,e)}`:`${t.slice(0,4)} ${t.slice(4,7)} ${t.slice(7,e)}`}(i);case"AU":return function(t){const e=Math.min(t.length,9);return e<=1?t.slice(0,e):e<=4?`${t.slice(0,1)} ${t.slice(1,e)}`:e<=7?`${t.slice(0,1)} ${t.slice(1,4)} ${t.slice(4,e)}`:`${t.slice(0,1)} ${t.slice(1,4)} ${t.slice(4,7)} ${t.slice(7,e)}`}(i);case"DE":case"AT":case"CH":return function(t){const e=Math.min(t.length,11);return e<=3?t.slice(0,e):`${t.slice(0,3)} ${t.slice(3,e)}`}(i);case"FR":return function(t){const e=Math.min(t.length,9),i=[];let s=0;for(e>0&&(i.push(t.slice(0,1)),s=1);s<e&&s+2<=e;)i.push(t.slice(s,s+2)),s+=2;return s<e&&i.push(t.slice(s)),i.join(" ")}(i);case"BR":return function(t){const e=Math.min(t.length,11);return e<=2?e?`(${t}`:"":e<=6||7===e?`(${t.slice(0,2)}) ${t.slice(2,e)}`:`(${t.slice(0,2)}) ${t.slice(2,7)}-${t.slice(7,e)}`}(i);case"MX":return function(t){const e=Math.min(t.length,10);return e<=3?t.slice(0,e):e<=6?`${t.slice(0,3)} ${t.slice(3,e)}`:`${t.slice(0,3)} ${t.slice(3,6)} ${t.slice(6,e)}`}(i);case"JP":return function(t){const e=Math.min(t.length,10);return e<=3?t.slice(0,e):e<=7?`${t.slice(0,3)}-${t.slice(3,e)}`:`${t.slice(0,3)}-${t.slice(3,7)}-${t.slice(7,e)}`}(i);case"CN":return function(t){const e=Math.min(t.length,11);return e<=3?t.slice(0,e):e<=7?`${t.slice(0,3)} ${t.slice(3,e)}`:`${t.slice(0,3)} ${t.slice(3,7)} ${t.slice(7,e)}`}(i);case"IN":return function(t){const e=Math.min(t.length,10);return e<=5?t.slice(0,e):`${t.slice(0,5)} ${t.slice(5,e)}`}(i);case"KR":return function(t){const e=Math.min(t.length,10);return e<=3?t.slice(0,e):e<=7?`${t.slice(0,3)} ${t.slice(3,e)}`:`${t.slice(0,3)} ${t.slice(3,7)} ${t.slice(7,e)}`}(i);default:return function(t){const e=t.length;if(e<=3)return t;const i=[];let s=0;for(;s<e;){const n=e-s>=4?4:3;i.push(t.slice(s,s+n)),s+=n}return i.join(" ")}(i)}}function S(t){const[e,i]=t.split(":"),s=Number(e)>=12?"PM":"AM";return[(Number(e)%12||12).toString(),i,s]}const M=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.valueChange=i(this,"valueChange",7),this.hasErrorStateChanged=i(this,"hasErrorStateChanged",7),this.max="23:59",this.min="00:00",this.step=30,this.mode="single",this.timeFormat="24h",this.allowCustomOption=!1,this.showOptions=!1,this.options=[],this.handleInput=t=>{const e=t.target,i=e.value?.replace(/[^0-9:apmAPM]/g,"");this.value=i},this.handleFocus=()=>{this.showOptions=!0},this.handleBlur=()=>{const t=function(t){if(!t||""===t.trim()||0===t.replace(/[^0-9]/g,"").length)return null;let e=t.trim().toLowerCase();e=e.replace(/(\d)\s+(am|pm)/g,"$1$2"),/^\d{1,2}(am|pm)?$/.test(e)&&(e=e.replace(/(am|pm)?$/,":00$1")),/^\d{1,2}$/.test(e)&&(e=`${e}:00`),/^\d{1,2}:\d{1}$/.test(e)&&(e=`${e}0`);const[i,s]=e.split(":"),n=s.replace(/[^0-9]/g,""),a=e.includes("am");return e.includes("pm")||a?a?`${(Number(i)%12).toString().padStart(2,"0")}:${n}`:`${Number(i)%12+12}:${n}`:`${i.padStart(2,"0")}:${n}`}(this.value??"");this.value=t??void 0},this.handleClick=()=>{this.showOptions=!0}}onValueChange(t){this.valueChange.emit(t),this.updateState(t)}updateState(t){this.formattedValue=this.formatDisplayedTime(t),this.amPm=this.formatDisplayedAmPm(t),this.validateValue()}formatDisplayedTime(t){if(!t)return"";if("12h"===this.timeFormat&&t.includes(":")){const[e,i]=S(t);return`${e}:${i}`}return t}formatDisplayedAmPm(t){if(!t||"12h"!==this.timeFormat)return"";const[,,e]=S(t);return e}validateValue(){if(!this.value)return void(this.hasErrorState=this.required?"required":null);if(!this.value.includes(":")||this.value.trim().length<4||this.value.trim().length>5)return void(this.hasErrorState="Invalid time format, must be HH:MM");const t=String(this.min??"00:00"),e=String(this.max??"23:59");this.hasErrorState=this.value<t||this.value>e?"Out of range":this.allowCustomOption||this.options.some((t=>t.value===this.value))?null:"Invalid option"}onHasErrorStateChanged(t){this.hasErrorStateChanged.emit(t)}componentDidLoad(){"range"===this.mode&&console.warn("Range mode is not supported for time inputs at this time."),this.dropdown?.addEventListener("isOpenChange",(t=>{this.showOptions=t.detail}))}componentWillLoad(){this.options=this.getOptions(),this.value&&this.updateState(this.value)}getOptions(){return function(t,e,i,s){const n=t=>{const[e,i]=t.split(":").map(Number);return 60*e+i},a=n(e.toString()),o=n(i.toString()),r=[];for(let e=a;e<=o;e+=t)r.push((h=e,`${Math.floor(h/60).toString().padStart(2,"0")}:${(h%60).toString().padStart(2,"0")}`));var h;return r.map((t=>({label:"12h"===s?function(t){const[e,i,s]=S(t);return`${e}:${i} ${s}`}(t):t,value:t})))}(this.step,String(this.min??"00:00"),String(this.max??"23:59"),this.timeFormat??"24h").map((({label:t,value:e})=>({label:t,value:e,onClick:()=>{this.value=e,this.showOptions=!1}})))}render(){return s(n,{key:"61190dc5c00042aa095367bcce600a4d759bdbca",class:{"xpl-input-time":!0,[`xpl-input-time--mode-${this.mode}`]:!0,"xpl-input-time--error":!!this.hasErrorState}},s("xpl-input",{key:"8793e06e961f53794df33d0015280930a43d1a90",pre:s("xpl-icon",{class:"xpl-input-time__clock-icon",icon:"clock",size:24}),post:"12h"===this.timeFormat?this.amPm||"AM":void 0,type:"text",_id:this.inputId,disabled:this.disabled,name:this.name,required:this.required,readonly:this.readonly,placeholder:this.placeholder,max:this.max,min:this.min,onInput:this.handleInput,value:this.formattedValue,onFocusEvent:this.handleFocus,onBlurEvent:this.handleBlur,onClick:this.handleClick}),!this.readonly&&!this.disabled&&s("xpl-dropdown",{key:"7c88be365f26e1eecb6c731acb9d1c87d96973dd",options:this.options,isOpen:this.showOptions,ref:t=>{this.dropdown=t??void 0},class:"xpl-input-time__dropdown"}))}static get watchers(){return{value:[{onValueChange:0}],hasErrorState:[{onHasErrorStateChanged:0}]}}},[0,"xpl-input-time",{inputId:[1,"input-id"],disabled:[4],name:[1],required:[4],readonly:[4],value:[1537],placeholder:[1],max:[8],min:[8],step:[2],mode:[1],timeFormat:[1,"time-format"],allowCustomOption:[4,"allow-custom-option"],formattedValue:[32],hasErrorState:[32],showOptions:[32],options:[32],amPm:[32]},void 0,{value:[{onValueChange:0}],hasErrorState:[{onHasErrorStateChanged:0}]}]);function _(){"undefined"!=typeof customElements&&["xpl-input-time","xpl-dropdown","xpl-dropdown-group","xpl-dropdown-heading","xpl-dropdown-option","xpl-icon","xpl-input","xpl-input-color","xpl-input-date","xpl-input-file","xpl-input-phone","xpl-input-search","xpl-input-time"].forEach((t=>{switch(t){case"xpl-input-time":customElements.get(a(t))||customElements.define(a(t),M);break;case"xpl-dropdown":customElements.get(a(t))||o();break;case"xpl-dropdown-group":customElements.get(a(t))||r();break;case"xpl-dropdown-heading":customElements.get(a(t))||h();break;case"xpl-dropdown-option":customElements.get(a(t))||l();break;case"xpl-icon":customElements.get(a(t))||c();break;case"xpl-input":customElements.get(a(t))||P();break;case"xpl-input-color":customElements.get(a(t))||A();break;case"xpl-input-date":customElements.get(a(t))||d();break;case"xpl-input-file":customElements.get(a(t))||u();break;case"xpl-input-phone":customElements.get(a(t))||F();break;case"xpl-input-search":customElements.get(a(t))||m();break;case"xpl-input-time":customElements.get(a(t))||_()}}))}function I(t){return t.toLowerCase().replace(/ /g,"-")}const D=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.hasErrorStateChanged=i(this,"hasErrorStateChanged",7),this.valueChange=i(this,"valueChange",7),this.lastCursorRef=0,this.lastFormattedRef="",this.dropdownOpen=!1,this.hasErrorState=null,this.nationalNumber="",this.searchQuery="",this.triggerId=`xpl-input-phone-trigger-${f()}`,this.defaultCountry="US",this.isInternational=!0,this.handleTriggerClick=()=>{this.isEditable&&(this.dropdownOpen=!this.dropdownOpen)},this.handleNumberInput=t=>{const e=t.target,i=e.value||"";let s;if(this.lastCursorRef=e.selectionStart??0,this.lastFormattedRef=i,this.isInternational&&i.startsWith("+")){const t=k(i),e=this.effectiveDialCode.slice(1).replace(/\D/g,"");s=e&&t.startsWith(e)?t.slice(e.length):t}else s=k(i);const n=E(this.effectiveCountryCode);s.length>n&&(s=s.slice(0,n)),this.nationalNumber=s,this.emitValue(),e.value=this.displayValue},this.handleClear=()=>{this.nationalNumber="",this.emitValue(),this.inputEl?.focus()},this.handleDropdownUpdate=(t,{component:e})=>{const i=e??this.dropdownRef;if(!i)return;const{options:s}=i;if(s?.length){const t=s.reduce(((t,e)=>[...t,...e.groupName?e.options??[]:[e]]),[]).find((t=>t.isSelected));if(t?.value){const e=$(t.value);e&&(this.selectedCountry=e,this.emitValue(),this.inputEl?.focus())}}}}onDropdownOpenChange(t){t&&(this.searchQuery="")}onHasErrorStateChanged(t){this.hasErrorStateChanged.emit(t)}onValueChange(t){if(null==t||""===t){const t=$(this.defaultCountry??"US")||v[0];return this.selectedCountry=t,void(this.nationalNumber="")}const e=function(t){if(!t||!t.startsWith("+"))return null;const e=t.slice(1).replace(/\D/g,"");if(!e.length)return null;const i=[...v].sort(((t,e)=>e.dialCode.replace(/\D/g,"").length-t.dialCode.replace(/\D/g,"").length)).find((t=>{const i=t.dialCode.slice(1).replace(/\D/g,"");return e.startsWith(i)}));if(!i)return null;const s=i.dialCode.slice(1).replace(/\D/g,""),n=e.slice(s.length);return{dialCode:i.dialCode,nationalNumber:n}}(t);if(e)if(this.selectedCountry?.dialCode===e.dialCode)this.nationalNumber=e.nationalNumber;else{const t=$(this.defaultCountry??"US"),s=(t?.dialCode===e.dialCode?t:void 0)??(i=e.dialCode,v.find((t=>t.dialCode===i)));s&&(this.selectedCountry=s,this.nationalNumber=e.nationalNumber)}else this.selectedCountry||(this.selectedCountry=$(this.defaultCountry??"US")||v[0]);var i}componentWillLoad(){this.value?this.onValueChange(this.value):this.selectedCountry=$(this.defaultCountry??"US")||v[0]}componentDidUpdate(){if(this.inputEl&&this.lastFormattedRef&&"function"==typeof this.inputEl.setSelectionRange){const t=function(t,e,i){if(i>=t.length)return e.length;const s=k(t.slice(0,i)).length;let n=0,a=0;for(let t=0;t<e.length;t+=1){if(/\d/.test(e[t])&&(a+=1,a>=s)){n=t+(a===s?1:0);break}n=t+1}return Math.min(n,e.length)}(this.lastFormattedRef,this.displayValue,this.lastCursorRef);this.inputEl.setSelectionRange(t,t),this.lastFormattedRef=""}else this.inputEl&&this.lastFormattedRef&&(this.lastFormattedRef="")}get effectiveCountryCode(){return this.selectedCountry?.countryCode??this.defaultCountry??"US"}get effectiveDialCode(){return this.selectedCountry?.dialCode??"+1"}get isEditable(){return!this.disabled&&!this.readonly}get orderedCountries(){const t=this.preferredCountries||[],e=v.filter((e=>!t.includes(e.countryCode)));return[...t.map((t=>$(t))).filter((t=>void 0!==t)),...e]}get filteredCountries(){const t=this.searchQuery.trim().toLowerCase();return t?this.orderedCountries.filter((e=>e.name.toLowerCase().includes(t)||e.dialCode.includes(t)||e.countryCode.toLowerCase().includes(t))):this.orderedCountries}get displayValue(){return this.nationalNumber?w(this.nationalNumber,this.effectiveCountryCode):""}get effectivePlaceholder(){if(this.placeholder)return this.placeholder;const t=this.selectedCountry;return t?function(t){switch(t){case"US":case"CA":case"MX":default:return"000 000 0000";case"GB":return"0000 000 0000";case"AU":return"0 000 000 000";case"DE":case"AT":case"CH":return"000 0000000";case"FR":return"0 00 00 00 00";case"BR":return"00 00000 0000";case"JP":case"CN":case"KR":return"000 0000 0000";case"IN":return"00000 00000"}}(t.countryCode):""}get dropdownOptions(){return this.filteredCountries.map((t=>({icon:I(t.name),label:`${t.name} (${t.dialCode})`,value:t.countryCode,isSelected:this.selectedCountry?.countryCode===t.countryCode})))}get maxInputLength(){const t=E(this.effectiveCountryCode);return w("9".repeat(t),this.effectiveCountryCode).length}emitValue(){const t=this.nationalNumber?function(t,e){const i=(t.slice(1)+e).replace(/\D/g,"");return i.length?`+${i}`:""}(this.effectiveDialCode,this.nationalNumber):"";this.value=t||void 0,this.valueChange.emit(t||""),this.validate()}validate(){this.hasErrorState=!this.required||this.nationalNumber.trim()?null:"required"}render(){return s(n,{key:"c180c62687c5d1b9c9f31400df8b76475ffe821e",class:{"xpl-input-phone":!0,"xpl-input-phone--error":!!this.hasErrorState||!!this.error,"xpl-input-phone--open":this.dropdownOpen,"xpl-input-phone--domestic":!this.isInternational}},s("div",{key:"ea5b833f60f7bac459ef6362091a15beac015dec",class:"xpl-input-wrapper"},this.isInternational&&s("button",{key:"6e0d7b18dc7784ffcadcc13500c02bbec1977b90",type:"button",id:this.triggerId,class:"xpl-input-phone__trigger",disabled:this.disabled,"aria-haspopup":"listbox","aria-expanded":this.dropdownOpen?"true":"false","aria-label":"Select country",onClick:this.handleTriggerClick},this.selectedCountry?.name&&s("xpl-icon",{key:"038a87158d9417ad9889e3b0a94cd63bc16f5538",class:"xpl-input-phone__flag",icon:I(this.selectedCountry.name),size:24,"aria-hidden":"true"}),s("xpl-icon",{key:"5434d2645e31bd30207c26f8e0a5004c00c699c6",class:"xpl-input-phone__trigger-icon",icon:"chevron-down",size:20,"aria-hidden":"true"})),s("div",{key:"623f1b49c156614a40cee574e1a41c2d09014e2b",class:"xpl-input-phone__input-wrap"},this.isInternational&&s("span",{key:"535313ab4c84a989b0bedfe07bbd080ffaa4b76b",class:"xpl-input-phone__dial-code"},this.effectiveDialCode),s("input",{key:"e9f03ca04b18fab0f9e6407f3686e43a072a3d81",ref:t=>{this.inputEl=t??void 0},type:"tel",id:this.inputId,class:"xpl-input-phone__input",name:this.name,disabled:this.disabled,readonly:this.readonly,required:this.required,"aria-invalid":this.hasErrorState||this.error?"true":"false",placeholder:this.effectivePlaceholder,autocomplete:this.isInternational?"tel-national":"tel",inputmode:"numeric",maxlength:this.maxInputLength,value:this.displayValue,onInput:this.handleNumberInput}),this.nationalNumber&&this.isEditable&&s("button",{key:"9e52b938631e3414225506cf13a50129e4046bd1",type:"button",class:"xpl-input-phone__clear","aria-label":"Clear phone number",onClick:this.handleClear},s("xpl-icon",{key:"d7fa5c395ac0677db31405b2406ec33c1aef8d7d",icon:"x-circle",size:16})))),this.isInternational&&this.isEditable&&s("xpl-dropdown",{key:"1df1f72efa719f230e582e57c62f62eff98abfc8",ref:t=>{this.dropdownRef=t??void 0},isOpen:this.dropdownOpen,triggerId:this.triggerId,anchorToTrigger:!0,closeOnSelect:!0,mode:"single",options:this.dropdownOptions,update:this.handleDropdownUpdate,onIsOpenChange:t=>{this.dropdownOpen=t.detail},"aria-label":"Country"},s("div",{key:"ce221f1de83d5cce87162c316aa3e64fbb0396a5",slot:"header",class:"xpl-input-phone__search-wrap"},s("xpl-input",{key:"884815148c6827573b8a7584bb06eb8cfeaa9976",class:"xpl-input-phone__search",type:"text",label:"",placeholder:"Search",value:this.searchQuery,autocomplete:"off",onInputEvent:t=>{this.searchQuery=t.detail??""}},s("xpl-icon",{key:"9edff232287061494d5b8af93885c2a12fbe969b",slot:"pre",class:"xpl-input-phone__search-icon",icon:"magnifier",size:20})))))}get el(){return this}static get watchers(){return{dropdownOpen:[{onDropdownOpenChange:0}],hasErrorState:[{onHasErrorStateChanged:0}],value:[{onValueChange:0}]}}},[0,"xpl-input-phone",{defaultCountry:[1,"default-country"],disabled:[4],error:[4],inputId:[1,"input-id"],isInternational:[4,"is-international"],name:[1],placeholder:[1],preferredCountries:[16],readonly:[4],required:[4],value:[1537],dropdownOpen:[32],hasErrorState:[32],nationalNumber:[32],searchQuery:[32],selectedCountry:[32],triggerId:[32]},void 0,{dropdownOpen:[{onDropdownOpenChange:0}],hasErrorState:[{onHasErrorStateChanged:0}],value:[{onValueChange:0}]}]);function F(){"undefined"!=typeof customElements&&["xpl-input-phone","xpl-dropdown","xpl-dropdown-group","xpl-dropdown-heading","xpl-dropdown-option","xpl-icon","xpl-input","xpl-input-color","xpl-input-date","xpl-input-file","xpl-input-phone","xpl-input-search","xpl-input-time"].forEach((t=>{switch(t){case"xpl-input-phone":customElements.get(a(t))||customElements.define(a(t),D);break;case"xpl-dropdown":customElements.get(a(t))||o();break;case"xpl-dropdown-group":customElements.get(a(t))||r();break;case"xpl-dropdown-heading":customElements.get(a(t))||h();break;case"xpl-dropdown-option":customElements.get(a(t))||l();break;case"xpl-icon":customElements.get(a(t))||c();break;case"xpl-input":customElements.get(a(t))||P();break;case"xpl-input-color":customElements.get(a(t))||A();break;case"xpl-input-date":customElements.get(a(t))||d();break;case"xpl-input-file":customElements.get(a(t))||u();break;case"xpl-input-phone":customElements.get(a(t))||F();break;case"xpl-input-search":customElements.get(a(t))||m();break;case"xpl-input-time":customElements.get(a(t))||_()}}))}const N={hex:"",r:0,g:0,b:0,a:1},O=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.inputChange=i(this,"inputChange",7),this.hasErrorStateChanged=i(this,"hasErrorStateChanged",7),this.placeholder="Select color",this.eyeDropperSupported=!1,this.colorInputElements={},this.handleMove=t=>{const{slGrid:e}=this.colorInputElements;if(!e)return;const i=e.getBoundingClientRect(),s="touches"in t?t.touches[0].clientY:t.clientY,n=Math.max(0,Math.min(("touches"in t?t.touches[0].clientX:t.clientX)-i.left,i.width)),a=Math.max(0,Math.min(s-i.top,i.height)),o=n/i.width,r=a/i.height,h=x(this.hue,100,100),l=(255*(1-o)+o*h.r)*(1-r),c=(255*(1-o)+o*h.g)*(1-r),p=(255*(1-o)+o*h.b)*(1-r),d={r:Math.round(l),g:Math.round(c),b:Math.round(p),hex:g(Math.round(l),Math.round(c),Math.round(p)),a:this.colorValues.a};this.colorValues=d},this.startDrag=t=>{t.preventDefault(),this.handleMove(t),window.addEventListener("mousemove",this.handleMove),window.addEventListener("mouseup",this.stopDrag),window.addEventListener("touchmove",this.handleMove),window.addEventListener("touchend",this.stopDrag)},this.stopDrag=()=>{window.removeEventListener("mousemove",this.handleMove),window.removeEventListener("mouseup",this.stopDrag),window.removeEventListener("touchmove",this.handleMove),window.removeEventListener("touchend",this.stopDrag)},this.onHexInputChange=t=>{const e=t.detail?t.detail.trim().replace(/#/g,""):"";if(e){const[t,i,s]=(t=>{const e=t?.match(/\w\w/g);return e?e.map((t=>parseInt(t,16))):[0,0,0]})(e);this.colorValues={hex:e,r:t,g:i,b:s,a:this.colorValues.a??1}}else this.colorValues={...N}},this.onRgbaInputChange=(t,e)=>{const i=parseFloat(e.detail);if(Number.isNaN(i))return void(this.hasErrorState=`invalid value from ${t.name}: ${i}`);const s={...this.colorValues};switch(t.name){case"color-r-input":s.r=i;break;case"color-g-input":s.g=i;break;case"color-b-input":s.b=i;break;case"color-a-input":s.a=i;break;default:this.hasErrorState=`unhandled input: ${t.name}`}s.hex=g(s.r,s.g,s.b),this.colorValues=s},this.onSliderInputChange=t=>{const e=parseFloat(t.value);if(Number.isNaN(e))this.hasErrorState=`invalid value from ${t.name}: ${e}`;else switch(t.name){case"color-hue-slider":this.colorValues=C(`hsla(${e}, 100%, 50%, 1)`),this.hue=e;break;case"color-alpha-slider":this.colorValues={...this.colorValues,a:e};break;default:this.hasErrorState=`unhandled input: ${t.name}`}}}valueChanged(t){this.hasErrorState=this.required&&!t.hex?"required":null,this.inputChange.emit(t.hex?y(t):"")}onHasErrorStateChanged(t){this.hasErrorStateChanged.emit(t)}onValuePropChange(t){this.syncColorFromValue(t)}syncColorFromValue(t){if(t)try{this.colorValues=C(t),this.hue=(()=>{const t=this.colorValues.r/255,e=this.colorValues.g/255,i=this.colorValues.b/255,s=Math.max(t,e,i),n=Math.min(t,e,i),a=s-n;let o=0,r=0;const h=(s+n)/2;if(0!==a){switch(r=a/(1-Math.abs(2*h-1)),s){case t:o=(e-i)/a%6;break;case e:o=(i-t)/a+2;break;case i:o=(t-e)/a+4}o*=60,o<0&&(o+=360)}return{hue:Math.round(o),saturation:Math.round(100*r),lightness:Math.round(100*h)}})().hue}catch{this.hasErrorState="invalid color format",this.hue=0}else this.colorValues={...N},this.hasErrorState=null,this.hue=0}componentWillLoad(){this.syncColorFromValue(this.value)}componentDidLoad(){p()&&(this.eyeDropperSupported="EyeDropper"in window);const{r:t,g:e,b:i,a:s,hue:n,alpha:a,hex:o}=this.colorInputElements;o?.addEventListener("valueChange",(t=>{this.onHexInputChange(t),t.stopPropagation()})),[t,e,i,s].forEach((t=>{t?.addEventListener("valueChange",(e=>{this.onRgbaInputChange(t,e),e.stopPropagation()}))})),[n,a].forEach((t=>{t?.addEventListener("input",(()=>{this.onSliderInputChange(t)}))}))}async openEyeDropper(){try{const t=window.EyeDropper;if(!t)throw new Error("EyeDropper API is not available");const e=new t,i=await e.open();this.colorValues=C(i.sRGBHex)}catch(t){this.hasErrorState=`eyedropper cancelled or failed: ${t}`}}render(){const{r:t,g:e,b:i,a}=this.colorValues,o=x(this.hue,100,100),{x:r,y:h}=((t,e,i,s)=>{const{s:n,v:a}=((t,e,i,s)=>{t/=255,e/=255,i/=255;const n=Math.max(t,e,i),a=n-Math.min(t,e,i);let o=0;return o=0===a?0:n===t?(e-i)/a%6:n===e?(i-t)/a+2:(t-e)/a+4,o=Math.round(60*o),o<0&&(o+=360),{h:s??o,s:0===n?0:a/n,v:n}})(e.r,e.g,e.b,t);return{x:Math.round(n*i),y:Math.round((1-a)*s)}})(this.hue,{r:t,g:e,b:i},288,160),l={left:`${r}px`,top:`${h}px`,background:`rgb(${t}, ${e}, ${i})`};return s(n,{key:"02aa7baed3d45ad3a2e995f588c0915e3e348bfc",class:"xpl-input-color"},s("xpl-popover",{key:"4739858b3b027f3d436c8fe84d62aa917d06ec5e",disabled:this.disabled,display:"menu"},s("div",{key:"470b4bd07706693748829a25fc8499965581d48b",slot:"trigger"},s("div",{key:"03a100cb1041eaa939c9db7c0574ac53bc639ef7",class:{"xpl-input-color__display":!0,"xpl-input-color__display--disabled":!!this.disabled,"xpl-input-color__display--error":!!this.hasErrorState}},s("span",{key:"61594874f76b2f6da3befd6b7b6ff0136992c5d7",class:"xpl-input-color__color",style:{background:y(this.colorValues)}}),this.colorValues.hex?s("span",{class:"xpl-input-color__value"},y(this.colorValues)):s("span",{class:"xpl-input-color__placeholder"},this.placeholder),this.eyeDropperSupported&&!this.hideEyeDropper&&s("xpl-icon",{key:"e6997616cc18e0cec266b6029cfbee068744967c",size:20,icon:"eye-dropper",class:"xpl-input-color__icon",onClick:t=>{t.stopPropagation(),this.openEyeDropper()}}))),s("div",{key:"7253fbb77364e884b4eca04c705fda8875f16250",class:"xpl-input-color__menu"},s("div",{key:"75a2f6545771354c1d5a6b01ada16a090ceb47e7",class:"xpl-input-color__sl-grid",ref:t=>{this.colorInputElements.slGrid=t??void 0},style:{background:["linear-gradient(to top, #000, #0000)","linear-gradient(to right, #fff, #fff0)",`rgb(${o.r} ${o.g} ${o.b})`].join(", ")},onMouseDown:this.startDrag,onTouchStart:this.startDrag},s("div",{key:"363f0f591d7a9214e808e3374449492d1bb35096",class:"xpl-input-color__sl-thumb",style:l})),s("div",{key:"6c227329fac4c27e60e05fc4635adc9e11149289",class:"xpl-input-color__grid"},s("input",{key:"ae66886dcd2384b01146238ca90144b2aaa7d315",type:"range",min:"0",max:"360",value:this.hue,class:"xpl-input-color__slider xpl-input-color__hue",name:"color-hue-slider",ref:t=>{this.colorInputElements.hue=t??void 0}}),s("input",{key:"fae631f4530dcabcef0e4ba748d7104d7539a573",type:"range",min:"0",max:"1",step:"0.01",value:a,class:"xpl-input-color__slider xpl-input-color__alpha",name:"color-alpha-slider",ref:t=>{this.colorInputElements.alpha=t??void 0},style:{backgroundImage:[`linear-gradient(to right, rgb(${t} ${e} ${i} / 0) 0%, rgb(${t} ${e} ${i} / 1) 100%)`,"linear-gradient(45deg, #ccc 25%, transparent 25%)","linear-gradient(-45deg, #ccc 25%, transparent 25%)","linear-gradient(45deg, transparent 75%, #ccc 75%)","linear-gradient(-45deg, transparent 75%, #ccc 75%)"].join(", ")}}),s("div",{key:"01dcd22dc144e4b8a8288b7e4cde2fc781c4f8f0",class:"xpl-input-color__preview",style:{background:`rgba(${t}, ${e}, ${i}, ${a})`}})),s("div",{key:"64e69fd55e9f7030ca1ee354e4c322d837d41993",class:"xpl-input-color__inputs"},["hex","r","g","b","a"].map((t=>s("xpl-input",{key:t,label:t.toLocaleUpperCase(),name:`color-${t}-input`,placeholder:"hex"===t?"793EF7":"0",value:String(this.colorValues[t]),ref:e=>{this.colorInputElements[t]=e??void 0}})))))))}static get watchers(){return{colorValues:[{valueChanged:0}],hasErrorState:[{onHasErrorStateChanged:0}],value:[{onValuePropChange:0}]}}},[0,"xpl-input-color",{value:[1],placeholder:[1],disabled:[4],required:[4],hideEyeDropper:[4,"hide-eye-dropper"],hasErrorState:[32],colorValues:[32],eyeDropperSupported:[32],hue:[32]},void 0,{colorValues:[{valueChanged:0}],hasErrorState:[{onHasErrorStateChanged:0}],value:[{onValuePropChange:0}]}]);function A(){"undefined"!=typeof customElements&&["xpl-input-color","xpl-icon","xpl-input","xpl-input-color","xpl-input-date","xpl-input-file","xpl-input-phone","xpl-input-search","xpl-input-time","xpl-popover"].forEach((t=>{switch(t){case"xpl-input-color":customElements.get(a(t))||customElements.define(a(t),O);break;case"xpl-icon":customElements.get(a(t))||c();break;case"xpl-input":customElements.get(a(t))||P();break;case"xpl-input-color":customElements.get(a(t))||A();break;case"xpl-input-date":customElements.get(a(t))||d();break;case"xpl-input-file":customElements.get(a(t))||u();break;case"xpl-input-phone":customElements.get(a(t))||F();break;case"xpl-input-search":customElements.get(a(t))||m();break;case"xpl-input-time":customElements.get(a(t))||_();break;case"xpl-popover":customElements.get(a(t))||b()}}))}const V=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.blurEvent=i(this,"blurEvent",7),this.focusEvent=i(this,"focusEvent",7),this.inputEvent=i(this,"inputEvent",7),this.search=i(this,"search",7),this.valueChange=i(this,"valueChange",7),this.multiline=!1,this.dateFormat="Y-m-d",this.timeFormat="24h",this.allowCustomOption=!1,this.mode="single",this.accept="",this.multiple=!1,this.hideTriggerOnSelect=!1,this.hideFileNames=!1,this.hideAcceptText=!1,this.defaultCountry="US",this.isInternational=!0,this.ariaLabel="",this.type="text",this.handleChildValueChange=t=>{t.stopPropagation(),this.valueChange.emit(t.detail)},this.valueChanged=t=>{this.valueChange.emit(t.target.value)},this.characterCount=0,this.passwordVisible=!1,this.hasPreSlotContent=!1,this.handleBlur=t=>{this.blurEvent.emit(t)},this.handleFocus=t=>{this.focusEvent.emit(t)},this.handleInput=t=>{this.multiline&&this.updateCharacterCount();const{value:e}=t.target;this.inputEvent.emit(e)},this.handleSearchBlurForward=t=>{const{detail:e}=t;e&&(t.stopPropagation(),this.blurEvent.emit(e))},this.handleSearchCommit=t=>{t.stopPropagation(),this.search.emit(t.detail)},this.handleSearchFocusForward=t=>{const{detail:e}=t;e&&(t.stopPropagation(),this.focusEvent.emit(e))}}connectedCallback(){this.syncPreSlotContent(),this.connectPreSlotObserver()}disconnectedCallback(){void 0!==this.preSlotSyncTimeoutId&&(clearTimeout(this.preSlotSyncTimeoutId),this.preSlotSyncTimeoutId=void 0),this.disconnectPreSlotObserver()}componentWillLoad(){null!=this._id&&""!==this._id||(this._id=f()),this.multiline&&void 0!==this.maxCharacterCount&&(this.characterCount=void 0!==this.value?this.value.length:0),this.syncPreSlotContent()}componentWillRender(){this.disconnectPreSlotObserver()}componentDidRender(){this.schedulePreSlotSync()}async setFocus(){"search"!==this.type?this.input?.focus():await(this.searchInputRef?.setFocus())}connectPreSlotObserver(){this.disconnectPreSlotObserver(),this.multiline||"search"===this.type||"undefined"==typeof MutationObserver||(this.preSlotObserver=new MutationObserver((()=>{this.schedulePreSlotSync()})),this.preSlotObserver.observe(this.el,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["slot"]}))}disconnectPreSlotObserver(){this.preSlotObserver?.disconnect(),this.preSlotObserver=void 0}schedulePreSlotSync(){void 0!==this.preSlotSyncTimeoutId&&clearTimeout(this.preSlotSyncTimeoutId),this.preSlotSyncTimeoutId=setTimeout((()=>{this.preSlotSyncTimeoutId=void 0,this.el.isConnected&&(this.syncPreSlotContent(),this.connectPreSlotObserver())}),0)}syncPreSlotContent(){if(this.multiline||"search"===this.type)return;const t=Array.from(this.el.querySelectorAll('[slot="pre"]')).some((t=>t.closest("xpl-input")===this.el));t!==this.hasPreSlotContent&&(this.hasPreSlotContent=t)}updateCharacterCount(){this.characterCount=this.input?.value.length??0}renderInput(){switch(this.type){case"file":return s("xpl-input-file",{accept:this.accept,disabled:this.disabled,hideAcceptText:this.hideAcceptText,hideFileNames:this.hideFileNames,hideTriggerOnSelect:this.hideTriggerOnSelect,multiple:this.multiple,name:this.name,onInputChange:this.handleChildValueChange,_id:this._id},s("slot",{name:"trigger"}));case"color":return s("xpl-input-color",{disabled:this.disabled,value:this.value,placeholder:this.placeholder,required:this.required,hideEyeDropper:this.hideEyeDropper,onInputChange:this.handleChildValueChange});case"date":return s("xpl-input-date",{inputId:this._id,disabled:this.disabled,name:this.name,required:this.required,readonly:this.readonly,value:this.value,placeholder:this.placeholder,post:this.post,pre:this.pre,max:this.max,min:this.min,dateFormat:this.dateFormat,mode:this.mode,onValueChange:this.handleChildValueChange});case"time":return s("xpl-input-time",{inputId:this._id,disabled:this.disabled,name:this.name,required:this.required,readonly:this.readonly,value:this.value,placeholder:this.placeholder,max:this.max,min:this.min,step:this.step,mode:this.mode,timeFormat:this.timeFormat,allowCustomOption:this.allowCustomOption,onValueChange:this.handleChildValueChange});case"phone":return s("xpl-input-phone",{inputId:this._id,disabled:this.disabled,error:!!this.error,name:this.name,required:this.required,readonly:this.readonly,value:this.value,placeholder:this.placeholder,defaultCountry:this.defaultCountry,preferredCountries:this.preferredCountries,isInternational:this.isInternational,onValueChange:this.handleChildValueChange});case"search":{const t=Boolean((this.label??"").trim()),e=Boolean(this.error&&this.error.length>0);return s("xpl-input-search",{ariaLabel:(this.ariaLabel??"").trim()||"Search",autocomplete:this.autocomplete??"off",disabled:this.disabled,errorMessageId:e?`${this._id}-error`:void 0,hasError:e,hasVisibleLabel:t,inputId:this._id??"",name:this.name,onBlurEvent:this.handleSearchBlurForward,onFocusEvent:this.handleSearchFocusForward,onSearch:this.handleSearchCommit,onValueChange:this.handleChildValueChange,placeholder:this.placeholder??"Search",readonly:this.readonly,ref:t=>{this.searchInputRef=t??void 0},required:this.required,shape:this.shape??"rounded",value:this.value??""})}default:return s("div",{class:"xpl-input-wrapper"},!this.multiline&&s("label",{class:{"xpl-input-pre":!0,"xpl-input-pre--hidden":!this.pre&&!this.hasPreSlotContent},htmlFor:this._id},s("slot",{name:"pre"},this.pre)),this.multiline?s("textarea",{disabled:this.disabled,id:this._id,name:this.name,placeholder:this.placeholder,readonly:this.readonly,ref:t=>{this.input=t??void 0},required:this.required,onChange:this.valueChanged,onFocus:this.handleFocus,onBlur:this.handleBlur,onInput:this.handleInput},this.value):s("input",{autocomplete:this.autocomplete,disabled:this.disabled,id:this._id,max:this.max,min:this.min,name:this.name,placeholder:this.placeholder,readonly:this.readonly,ref:t=>{this.input=t??void 0},required:this.required,step:this.step,type:this.type,value:this.value,onChange:this.valueChanged,onFocus:this.handleFocus,onBlur:this.handleBlur,onInput:this.handleInput}),"password"===this.type&&s("button",{"aria-label":"Toggle password visibility",class:"xpl-input-password",onClick:()=>{this.passwordVisible=!this.passwordVisible},role:"presentation"},s("xpl-icon",{icon:this.passwordVisible?"eye-closed":"eye",size:24})),this.post&&!this.multiline&&s("label",{class:"xpl-input-post",htmlFor:this._id},this.post),this.multiline&&void 0!==this.maxCharacterCount&&s("span",{class:"xpl-input-characters"},this.characterCount,"/",this.maxCharacterCount))}}render(){let t=!1;return(this.error||this.multiline&&void 0!==this.maxCharacterCount&&this.characterCount>this.maxCharacterCount)&&(t=!0),s(n,{key:"008387a60d49c0a4d303f7b6254c18ba109138c8",class:{"xpl-input":!0,"xpl-input--disabled":!!this.disabled,"xpl-input--error":t,"xpl-input--readonly":!!this.readonly,[`xpl-input--${this.type}`]:!0}},this.label&&s("label",{key:"73e44138ac4bcd5ab6f96de33d818ae0d0bdb8fb",class:"xpl-input-label",htmlFor:this._id},this.label,this.description&&s("small",{key:"85b33374df5ba7f1c002d1a5555a23013fd5f8f9"},this.description)),this.renderInput(),(this.error?.length??0)>0&&s("label",{key:"802f79003fe348f0d6927701b4becdf086dc207e",class:"xpl-input-error",htmlFor:this._id,id:`${this._id}-error`},s("xpl-icon",{key:"3b43c9816359cfbfc0c11a8874a4b561d04986d1",icon:"circle-warning",size:16}),s("span",{key:"76fe2a5cb424eb17e5d7c9358f81d2ad36775903"},this.error)))}get el(){return this}},[260,"xpl-input",{_id:[1],description:[1],disabled:[4],error:[1],label:[1],name:[1],required:[4],readonly:[4],value:[1],autocomplete:[1],placeholder:[1],post:[1],pre:[1],max:[8],min:[8],step:[2],multiline:[4],maxCharacterCount:[2,"max-character-count"],dateFormat:[1,"date-format"],timeFormat:[1,"time-format"],allowCustomOption:[4,"allow-custom-option"],mode:[1],accept:[1],multiple:[4],hideTriggerOnSelect:[4,"hide-trigger-on-select"],hideFileNames:[4,"hide-file-names"],hideAcceptText:[4,"hide-accept-text"],hideEyeDropper:[4,"hide-eye-dropper"],defaultCountry:[1,"default-country"],preferredCountries:[16],isInternational:[4,"is-international"],ariaLabel:[1,"aria-label"],shape:[1],type:[1],characterCount:[32],passwordVisible:[32],hasPreSlotContent:[32],setFocus:[64]}]);function P(){"undefined"!=typeof customElements&&["xpl-input","xpl-dropdown","xpl-dropdown-group","xpl-dropdown-heading","xpl-dropdown-option","xpl-icon","xpl-input","xpl-input-color","xpl-input-date","xpl-input-file","xpl-input-phone","xpl-input-search","xpl-input-time","xpl-popover"].forEach((t=>{switch(t){case"xpl-input":customElements.get(a(t))||customElements.define(a(t),V);break;case"xpl-dropdown":customElements.get(a(t))||o();break;case"xpl-dropdown-group":customElements.get(a(t))||r();break;case"xpl-dropdown-heading":customElements.get(a(t))||h();break;case"xpl-dropdown-option":customElements.get(a(t))||l();break;case"xpl-icon":customElements.get(a(t))||c();break;case"xpl-input":customElements.get(a(t))||P();break;case"xpl-input-color":customElements.get(a(t))||A();break;case"xpl-input-date":customElements.get(a(t))||d();break;case"xpl-input-file":customElements.get(a(t))||u();break;case"xpl-input-phone":customElements.get(a(t))||F();break;case"xpl-input-search":customElements.get(a(t))||m();break;case"xpl-input-time":customElements.get(a(t))||_();break;case"xpl-popover":customElements.get(a(t))||b()}}))}export{V as I,O as a,A as b,D as c,P as d,F as e,M as f,_ as g}

package/dist/components/p-Di1NDy0w.js

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

package/dist/components/p-DkM7jyQB.js

@@ -1 +0,0 @@
-import{p as t,H as e,d as i,h as s,c as a,t as r}from"./p-BSHdGbmH.js";import{f as n}from"./p-CH4yJ6Qx.js";import{i as o}from"./p-Dqb1pIRo.js";import{d as h}from"./p-imCMp2Nl.js";function d(t){if(!o())return;let e=t.parentElement;for(;e&&e!==document.body&&e!==document.documentElement;){const t=getComputedStyle(e);if(/auto|scroll/.test(t.overflow+t.overflowX+t.overflowY))return e;e=e.parentElement}}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>`,c=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.valueChange=i(this,"valueChange",7),this.hasErrorStateChanged=i(this,"hasErrorStateChanged",7),this.rangeSelected=i(this,"rangeSelected",7),this.dateFormat="Y-m-d",this.mode="single",this.flatpickrStaticLayout=!1,this.valueChanged=t=>{this.valueChange.emit(t.target.value)}}onHasErrorStateChanged(t){this.hasErrorStateChanged.emit(t)}onValueChanged(t){this.flatpickrInstance?.setDate(t)}connectedCallback(){queueMicrotask((()=>this.ensureFlatpickr()))}disconnectedCallback(){this.flatpickrInstance?.destroy(),this.flatpickrInstance=void 0,this.flatpickrStaticLayout=!1,this.unwrapStaleFlatpickrWrapper()}componentDidRender(){this.ensureFlatpickr()}ensureFlatpickr(){o()&&!this.flatpickrInstance&&this.input&&this.el.isConnected&&(this.unwrapStaleFlatpickrWrapper(),this.initFlatpickr())}initFlatpickr(){const{input:t}=this;if(!t)return;const e=function(t){if(!o())return!1;let e=t.parentElement;for(;e&&e!==document.body&&e!==document.documentElement;){if("fixed"===getComputedStyle(e).position)return!0;e=e.parentElement}return!1}(this.el);this.flatpickrInstance=n(t,{allowInput:!0,...e?{static:!0}:{appendTo:d(this.el)},dateFormat:this.dateFormat,defaultDate:this.value,maxDate:this.max,minDate:this.min,mode:this.mode,nextArrow:l(),prevArrow:l(!0),onClose:t=>{if(this.hasErrorState=t.length<(this.required?"single"===this.mode?1:2:0)?"required":null,2===t.length){const[e,i]=t;this.rangeSelected.emit({start:e,end:i})}}}),queueMicrotask((()=>{this.flatpickrStaticLayout!==e&&(this.flatpickrStaticLayout=e)}))}unwrapStaleFlatpickrWrapper(){const{input:t}=this,e=t?.parentElement;if(!e?.classList.contains("flatpickr-wrapper"))return;const i=e.parentElement;if(i){for(;e.firstChild;)i.insertBefore(e.firstChild,e);i.removeChild(e)}}render(){return s(a,{key:"ed469d24ccc404df6d361338c6f34b9a902c2a67",class:{"xpl-input-date":!0,[`xpl-input-date--mode-${this.mode}`]:!0,"xpl-input-date--error":!!this.hasErrorState,"xpl-input-date--flatpickr-static":this.flatpickrStaticLayout}},s("div",{key:"ab4798bd6bb4be6495050504eb8a606d80fe84dc",class:"xpl-input-wrapper"},this.pre&&s("label",{key:"4bf483491d4a688564f745ef75b770e741177599",class:"xpl-input-pre",htmlFor:this.inputId},this.pre),s("input",{key:"99030b75c8fe9bb681d9d3c4ea44b16346316c7c",type:"date",id:this.inputId,disabled:this.disabled,name:this.name,required:this.required,readonly:this.readonly,placeholder:this.placeholder,max:this.max,min:this.min,ref:t=>{this.input=t??void 0},onChange:t=>{this.valueChanged(t)}}),s("xpl-icon",{key:"fb4de593bb36664cd8f95518b5da622df545e437",class:"xpl-input-calendar",icon:"calendar",size:24}),this.post&&s("label",{key:"6835c6b4832918efa513e57c62ec5326f63d8c36",class:"xpl-input-post",htmlFor:this.inputId},this.post)))}get el(){return this}static get watchers(){return{hasErrorState:[{onHasErrorStateChanged:0}],value:[{onValueChanged:0}]}}},[0,"xpl-input-date",{inputId:[1,"input-id"],disabled:[4],name:[1],required:[4],readonly:[4],value:[1],placeholder:[1],post:[1],pre:[1],max:[8],min:[8],dateFormat:[1,"date-format"],mode:[1],flatpickrStaticLayout:[32],hasErrorState:[32]},void 0,{hasErrorState:[{onHasErrorStateChanged:0}],value:[{onValueChanged:0}]}]);function p(){"undefined"!=typeof customElements&&["xpl-input-date","xpl-icon"].forEach((t=>{switch(t){case"xpl-input-date":customElements.get(r(t))||customElements.define(r(t),c);break;case"xpl-icon":customElements.get(r(t))||h()}}))}export{c as I,p as d}

package/dist/components/p-Mehog36m.js

@@ -1 +0,0 @@
-import{p as o,H as e,h as p,c as d,t as s}from"./p-BSHdGbmH.js";import{d as a}from"./p-RYnBuuDE.js";import{d as r}from"./p-Dzp5p-eh.js";import{d as n}from"./p-imCMp2Nl.js";const l=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost()}render(){const{groupName:o,options:e}=this,s=e&&e.length&&e.map((({groupName:o,...e})=>o?p("xpl-dropdown-group",{label:o,...e}):p("xpl-dropdown-option",{...e})));return p(d,{key:"6834fa4acc5c15d3256a0289013deb4821d22d57",role:"group","aria-label":o},p("li",{key:"bed8042f619a729e9eb8c4e365e1b87dd1ea93cb",class:"xpl-dropdown-list-item"},p("xpl-dropdown-heading",{key:"7171c8e2dcc007ece292dde758abf27b17cf2a7c",label:o}),p("ul",{key:"a1e2a330759007328ad5b9d7f0ac6f920e5f6eec",class:"xpl-dropdown-list"},s||p("slot",{key:"ea8ea2987afe4decda1e78607d843c68e9285029",name:"options"}))))}},[260,"xpl-dropdown-group",{groupName:[1,"label"],options:[16]}]);function t(){"undefined"!=typeof customElements&&["xpl-dropdown-group","xpl-dropdown-group","xpl-dropdown-heading","xpl-dropdown-option","xpl-icon"].forEach((o=>{switch(o){case"xpl-dropdown-group":customElements.get(s(o))||customElements.define(s(o),l);break;case"xpl-dropdown-group":customElements.get(s(o))||t();break;case"xpl-dropdown-heading":customElements.get(s(o))||a();break;case"xpl-dropdown-option":customElements.get(s(o))||r();break;case"xpl-icon":customElements.get(s(o))||n()}}))}export{l as D,t as d}

package/dist/components/p-RYnBuuDE.js

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

package/dist/css/typography.stories.js

@@ -1,153 +0,0 @@
-import { setAutoSnapshotOptions } from "vitest-plugin-vis";
-import { waitForHydration } from "../../.storybook/utils/wait-for-hydration";
-export default {
-    tags: ['vrt'],
-    beforeEach() {
-        setAutoSnapshotOptions({ enable: true });
-    },
-    async play({ canvasElement }) {
-        await waitForHydration(canvasElement);
-    },
-    title: 'Base Styles/Typography',
-    argTypes: {
-        headingOne: {
-            type: { name: 'string', required: false },
-        },
-        headingTwo: {
-            type: { name: 'string', required: false },
-        },
-        headingThree: {
-            type: { name: 'string', required: false },
-        },
-        headingFour: {
-            type: { name: 'string', required: false },
-        },
-        headingFive: {
-            type: { name: 'string', required: false },
-        },
-        textBody: {
-            type: { name: 'string', required: false },
-        },
-        textCalloutBold: {
-            type: { name: 'string', required: false },
-        },
-        textCallout: {
-            type: { name: 'string', required: false },
-        },
-        textCaption: {
-            type: { name: 'string', required: false },
-        },
-    },
-};
-export const Typography = ({ headingOne, headingTwo, headingThree, headingFour, headingFive, textBody, textCalloutBold, textCallout, textCaption, }) => `
-    <xpl-content-area>
-        <section class="typography">
-            <header>
-                <h1 class="xpl-text-title-1">Typography</h1>
-            </header>
-            <h1 class="xpl-text-title-1">${headingOne}</h1>
-            <h2 class="xpl-text-title-2">${headingTwo}</h2>
-            <h3 class="xpl-text-title-3">${headingThree}</h3>
-            <h4 class="xpl-text-title-4">${headingFour}</h4>
-            <h5 class="xpl-text-title-5">${headingFive}</h5>
-            <section>
-                <p class="xpl-text-body">Body</p>
-                <p class="xpl-text-body">${textBody}</p>
-            </section>
-            <section>
-                <p class="xpl-text-callout-bold">Callout Bold</p>
-                <p class="xpl-text-callout-bold">${textCalloutBold}</p>
-            </section>
-            <section>
-                <p class="xpl-text-callout">Callout</p>
-                <p class="xpl-text-callout">${textCallout}</p>
-            </section>
-            <section>
-                <p class="xpl-text-caption">Caption</p>
-                <p class="xpl-text-caption">${textCaption}</p>
-            </section>
-        </section>
-    </xpl-content-area>
-`;
-Typography.args = {
-    headingOne: 'Title 1',
-    headingTwo: 'Title 2',
-    headingThree: 'Title 3',
-    headingFour: 'Title 4',
-    headingFive: 'Title 5',
-    textBody: `Lorem ipsum dolor sit.
-        <a href="javascript:;">Body link</a>, amet consectetur
-        adipisicing elit. Ducimus quisquam officia tempore
-        dolores quae dolore doloremque soluta, eaque accusamus
-        magnam distinctio eius cupiditate dolorem qui corrupti
-        pariatur repudiandae perferendis? Voluptatibus amet
-        obcaecati numquam alias soluta beatae temporibus dicta
-        minus eos debitis neque eveniet, reiciendis culpa nobis
-        provident expedita deserunt adipisci.
-    `,
-    textCalloutBold: `
-        Lorem ipsum dolor sit amet.
-        <a href="javascript:;">Callout link</a>, consectetur
-        adipisicing elit. Odio quisquam vero id quaerat facere
-        consequuntur accusantium quia nemo laborum, quod
-        tenetur, esse eius veritatis molestiae eligendi fugiat
-        eaque. Accusamus expedita ipsam vero commodi, nesciunt
-        nemo exercitationem tempora dicta, placeat, vitae
-        deserunt recusandae. Non odit excepturi dolorum facilis
-        at aliquam nam!
-    `,
-    textCallout: `Lorem ipsum dolor sit amet.
-        <a href="javascript:;">Callout link</a>, consectetur
-        adipisicing elit. Odio quisquam vero id quaerat facere
-        consequuntur accusantium quia nemo laborum, quod
-        tenetur, esse eius veritatis molestiae eligendi fugiat
-        eaque. Accusamus expedita ipsam vero commodi, nesciunt
-        nemo exercitationem tempora dicta, placeat, vitae
-        deserunt recusandae. Non odit excepturi dolorum facilis
-        at aliquam nam!
-    `,
-    textCaption: `
-        Lorem ipsum dolor sit amet.
-        <a href="javascript:;">Caption link</a>, consectetur
-        adipisicing elit. Odio quisquam vero id quaerat facere
-        consequuntur accusantium quia nemo laborum, quod
-        tenetur, esse eius veritatis molestiae eligendi fugiat
-        eaque. Accusamus expedita ipsam vero commodi, nesciunt
-        nemo exercitationem tempora dicta, placeat, vitae
-        deserunt recusandae. Non odit excepturi dolorum facilis
-        at aliquam nam!
-    `,
-};
-Typography.parameters = {
-    layout: 'centered',
-    html: {
-        render: (({ headingOne, headingTwo, headingThree, headingFour, headingFive, textBody, textCalloutBold, textCallout, textCaption, }) => `
-            <section class="typography">
-                <header>
-                    <h1 class="xpl-text-title-1">Typography</h1>
-                </header>
-                <h1 class="xpl-text-title-1">${headingOne}</h1>
-                <h2 class="xpl-text-title-2">${headingTwo}</h2>
-                <h3 class="xpl-text-title-3">${headingThree}</h3>
-                <h4 class="xpl-text-title-4">${headingFour}</h4>
-                <h5 class="xpl-text-title-5">${headingFive}</h5>
-                <section>
-                    <p class="xpl-text-body">Body</p>
-                    <p class="xpl-text-body">${textBody}</p>
-                </section>
-                <section>
-                    <p class="xpl-text-callout-bold">Callout Bold</p>
-                    <p class="xpl-text-callout-bold">${textCalloutBold}</p>
-                </section>
-                <section>
-                    <p class="xpl-text-callout">Callout</p>
-                    <p class="xpl-text-callout">${textCallout}</p>
-                </section>
-                <section>
-                    <p class="xpl-text-caption">Caption</p>
-                    <p class="xpl-text-caption">${textCaption}</p>
-                </section>
-            </section>
-        `)(Typography.args),
-    },
-};

package/dist/types/components/xpl-accordion/accordion.stories.d.ts

@@ -1,46 +0,0 @@
-import type { StoryFunction } from "../../../../.storybook/utils/story-function";
-interface AccordionArgs {
-    header: string;
-    description: string;
-    borderType: 'none' | 'bottom' | 'bordered';
-    size: '1' | '2' | '3';
-    initialExpanded: boolean;
-}
-declare const _default: {
-    title: string;
-    component: string;
-    tags: string[];
-    beforeEach(): void;
-    argTypes: {
-        header: {
-            type: {
-                name: "string";
-                required: true;
-            };
-        };
-        description: {
-            type: {
-                name: "string";
-            };
-        };
-        borderType: {
-            options: string[];
-            control: {
-                type: "select";
-            };
-        };
-        size: {
-            options: string[];
-            control: {
-                type: "select";
-            };
-        };
-        initialExpanded: {
-            type: {
-                name: "boolean";
-            };
-        };
-    };
-};
-export default _default;
-export declare const Accordion: StoryFunction<AccordionArgs>;

package/dist/types/components/xpl-application-shell/application-shell.stories.d.ts

@@ -1,46 +0,0 @@
-import type { StoryFunction } from "../../../../.storybook/utils/story-function";
-declare const _default: {
-    title: string;
-    tags: string[];
-    beforeEach(): void;
-    play({ canvasElement, args }: import("storybook/internal/csf").PlayFunctionContext<import("@storybook/web-components").WebComponentsRenderer, ApplicationShellProps>): Promise<void>;
-    argTypes: {
-        navWidth: {
-            options: string[];
-            control: {
-                type: "select";
-            };
-        };
-        showSecondaryNav: {
-            control: {
-                type: "boolean";
-            };
-        };
-        showUtilityBar: {
-            control: {
-                type: "boolean";
-            };
-        };
-        contentSize: {
-            options: string[];
-            control: {
-                type: "select";
-            };
-        };
-        isNavOpenAtStartup: {
-            options: boolean[];
-            control: {
-                type: "boolean";
-            };
-        };
-    };
-};
-export default _default;
-interface ApplicationShellProps {
-    contentSize: string;
-    isNavOpenAtStartup: boolean;
-    navWidth: string;
-    showSecondaryNav: boolean;
-    showUtilityBar: boolean;
-}
-export declare const ApplicationShell: StoryFunction<ApplicationShellProps>;

package/dist/types/components/xpl-avatar/avatar.stories.d.ts

@@ -1,39 +0,0 @@
-import type { StoryFunction } from "../../../../.storybook/utils/story-function";
-interface AvatarArgs {
-    variant: 'default' | 'profile' | 'group' | 'with-text';
-    src: string;
-    name: string;
-    subText: string;
-    size?: 'md' | 'sm';
-    color?: 'green' | 'yellow' | 'pink' | 'primary' | 'secondary';
-    status?: AvatarStatusStory;
-    href: boolean;
-    disabled: boolean;
-    groupData: typeof defaultGroupData;
-}
-declare const _default: {
-    tags: string[];
-    beforeEach(): void;
-    play({ canvasElement }: import("storybook/internal/csf").PlayFunctionContext<import("@storybook/web-components").WebComponentsRenderer, AvatarArgs>): Promise<void>;
-    title: string;
-};
-export default _default;
-declare const defaultGroupData: ({
-    name: string;
-    color: "green";
-    src?: undefined;
-} | {
-    name: string;
-    color: "yellow";
-    src?: undefined;
-} | {
-    name: string;
-    color: "pink";
-    src?: undefined;
-} | {
-    src: string;
-    name: string;
-    color?: undefined;
-})[];
-type AvatarStatusStory = 'active' | 'blue' | 'gray' | 'green' | 'inactive' | 'orange' | 'purple' | 'red' | 'warning' | 'yellow';
-export declare const Avatar: StoryFunction<AvatarArgs>;

package/dist/types/components/xpl-backdrop/backdrop.stories.d.ts

@@ -1,23 +0,0 @@
-declare const _default: {
-    title: string;
-    tags: string[];
-    beforeEach(): void;
-};
-export default _default;
-export declare const Backdrop: {
-    (): string;
-    args: {};
-    parameters: {
-        layout: string;
-        'web-component': {
-            render: string;
-        };
-        html: {
-            render: string;
-        };
-        design: {
-            type: string;
-            url: string;
-        };
-    };
-};