@xplortech/apollo-core 2.6.0 → 2.7.0

package/dist/components/xpl-input-date2.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 r}from"./index2.js";import{d as o}from"./xpl-icon2.js";function l(t){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 d=(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>`,h=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){var e;null===(e=this.flatpickrInstance)||void 0===e||e.setDate(t)}connectedCallback(){queueMicrotask((()=>this.ensureFlatpickr()))}disconnectedCallback(){var t;null===(t=this.flatpickrInstance)||void 0===t||t.destroy(),this.flatpickrInstance=void 0,this.flatpickrStaticLayout=!1,this.unwrapStaleFlatpickrWrapper()}componentDidRender(){this.ensureFlatpickr()}ensureFlatpickr(){!this.flatpickrInstance&&this.input&&this.el.isConnected&&(this.unwrapStaleFlatpickrWrapper(),this.initFlatpickr())}initFlatpickr(){const t=function(t){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=r(this.input,Object.assign(Object.assign({allowInput:!0},t?{static:!0}:{appendTo:l(this.el)}),{dateFormat:this.dateFormat,defaultDate:this.value,maxDate:this.max,minDate:this.min,mode:this.mode,nextArrow:d(),prevArrow:d(!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!==t&&(this.flatpickrStaticLayout=t)}))}unwrapStaleFlatpickrWrapper(){const{input:t}=this,e=null==t?void 0:t.parentElement;if(!(null==e?void 0: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:"35f91387097b7fd5bdc59ff8608c3700470ff367",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:"7f561dba2b2aa7d308d0029a20ace5d918368afc",class:"xpl-input-wrapper"},this.pre&&s("label",{key:"2e87d6e22a2a69db7e91c69fb3d59f81d8358e52",class:"xpl-input-pre",htmlFor:this.inputId},this.pre),s("input",{key:"53d05e6b6b637e298f31cb1f2b9c56d9d597688f",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},onChange:t=>{this.valueChanged(t)}}),s("xpl-icon",{key:"45c1d48fe6a312855cf3bd90e139d060821c4ba4",class:"xpl-input-calendar",icon:"calendar-month",size:24}),this.post&&s("label",{key:"037657e9a3cecc054d95b6fd835b58885eef8042",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 c(){"undefined"!=typeof customElements&&["xpl-input-date","xpl-icon"].forEach((t=>{switch(t){case"xpl-input-date":customElements.get(n(t))||customElements.define(n(t),h);break;case"xpl-icon":customElements.get(n(t))||o()}}))}export{h as I,c as d}
+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 r}from"./index2.js";import{d as o}from"./xpl-icon2.js";function l(t){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 h=(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>`,d=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){var e;null===(e=this.flatpickrInstance)||void 0===e||e.setDate(t)}connectedCallback(){queueMicrotask((()=>this.ensureFlatpickr()))}disconnectedCallback(){var t;null===(t=this.flatpickrInstance)||void 0===t||t.destroy(),this.flatpickrInstance=void 0,this.flatpickrStaticLayout=!1,this.unwrapStaleFlatpickrWrapper()}componentDidRender(){this.ensureFlatpickr()}ensureFlatpickr(){!this.flatpickrInstance&&this.input&&this.el.isConnected&&(this.unwrapStaleFlatpickrWrapper(),this.initFlatpickr())}initFlatpickr(){const t=function(t){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=r(this.input,Object.assign(Object.assign({allowInput:!0},t?{static:!0}:{appendTo:l(this.el)}),{dateFormat:this.dateFormat,defaultDate:this.value,maxDate:this.max,minDate:this.min,mode:this.mode,nextArrow:h(),prevArrow:h(!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!==t&&(this.flatpickrStaticLayout=t)}))}unwrapStaleFlatpickrWrapper(){const{input:t}=this,e=null==t?void 0:t.parentElement;if(!(null==e?void 0: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:"c2707549e3285693ce4c7e0449e047be90640504",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:"e6ac05a6d58d92570331489b8a317d17c0726873",class:"xpl-input-wrapper"},this.pre&&s("label",{key:"ef746e91506c2bd2c2bc9986bfbb7f0b82a0f079",class:"xpl-input-pre",htmlFor:this.inputId},this.pre),s("input",{key:"125e566456a2de4d75fe38fee50a78de886b8009",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},onChange:t=>{this.valueChanged(t)}}),s("xpl-icon",{key:"399495edb8791cda73084dcef21663a3d207da2f",class:"xpl-input-calendar",icon:"calendar-month",size:24}),this.post&&s("label",{key:"6570bf947a23280b04389ed591f7ea401f14f1a5",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 c(){"undefined"!=typeof customElements&&["xpl-input-date","xpl-icon"].forEach((t=>{switch(t){case"xpl-input-date":customElements.get(n(t))||customElements.define(n(t),d);break;case"xpl-icon":customElements.get(n(t))||o()}}))}export{d as I,c as d}

package/dist/components/xpl-input-file2.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as i,createEvent as t,h as s,Host as l,transformTag as c}from"@stencil/core/internal/client";import{d as n}from"./xpl-icon2.js";const p=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.inputChange=t(this,"inputChange",7),this.accept="",this.multiple=!1,this.hideTriggerOnSelect=!1,this.hideFileNames=!1,this.hideAcceptText=!1,this.files=null,this.openFileDialog=()=>{var e;this.disabled||null===(e=this.fileInput)||void 0===e||e.click()},this.handleFileChange=e=>{this.files=Array.from(e.target.files)},this.onRemoveFileByIndex=e=>{this.files=this.files.filter(((i,t)=>t!==e))}}onFilesChange(e){this.inputChange.emit({type:"file",value:e})}async removeFileByIndex(e){this.onRemoveFileByIndex(e)}render(){var e,i;return s(l,{key:"87df3edce40c74988426ba9fcef4bc3f5740c56b",class:{"xpl-input-file":!0,"xpl-input-file--hide-trigger-on-select":this.hideTriggerOnSelect,"xpl-input-file--disabled":this.disabled}},s("span",{key:"11e4c220751ce3f06fd15a741a1f8b81d98c18bc",class:{"xpl-input-file__trigger-wrapper":!0,"xpl-input-file__trigger-wrapper--hidden":this.hideTriggerOnSelect&&(null===(e=this.files)||void 0===e?void 0:e.length)>0},role:"button",tabIndex:0,onClick:this.openFileDialog},s("slot",{key:"6daba4f9e520c12a791bfd18f2894e55f0da86f4",name:"trigger"})),(null===(i=this.files)||void 0===i?void 0:i.length)>0&&!this.hideFileNames&&s("ul",{key:"3459f9c3e8618962c02f1e25e6b80f63fe4d593d",class:"xpl-input-file__file-list"},this.files.map(((e,i)=>s("li",{class:"xpl-input-file__file-item"},s("span",{class:"xpl-text-callout"},e.name),s("xpl-icon",{icon:"x-circle",size:24,onClick:e=>{e.preventDefault(),e.stopPropagation(),this.onRemoveFileByIndex(i)},class:"xpl-input-file__remove-icon"}))))),this.accept&&!this.hideAcceptText&&s("span",{key:"2c8646cd5ef7e235e75c68bf4832ce1d9c578493",class:"xpl-input-file__accept xpl-text-caption"},"Accepted file types: ",this.accept),s("input",{key:"d303ac9e074e8031ed2d695cc85eef32ef40f058",onChange:this.handleFileChange,type:"file",ref:e=>{this.fileInput=e},hidden:!0,accept:this.accept,multiple:this.multiple,name:this.name}))}get el(){return this}static get watchers(){return{files:[{onFilesChange:0}]}}},[260,"xpl-input-file",{disabled:[4],name:[1],_id:[1],accept:[1],multiple:[4],hideTriggerOnSelect:[4,"hide-trigger-on-select"],hideFileNames:[4,"hide-file-names"],hideAcceptText:[4,"hide-accept-text"],files:[32],removeFileByIndex:[64]},void 0,{files:[{onFilesChange:0}]}]);function a(){"undefined"!=typeof customElements&&["xpl-input-file","xpl-icon"].forEach((e=>{switch(e){case"xpl-input-file":customElements.get(c(e))||customElements.define(c(e),p);break;case"xpl-icon":customElements.get(c(e))||n()}}))}export{p as I,a as d}
+import{proxyCustomElement as e,HTMLElement as i,createEvent as t,h as s,Host as l,transformTag as n}from"@stencil/core/internal/client";import{d as c}from"./xpl-icon2.js";const a=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.inputChange=t(this,"inputChange",7),this.accept="",this.multiple=!1,this.hideTriggerOnSelect=!1,this.hideFileNames=!1,this.hideAcceptText=!1,this.files=null,this.openFileDialog=()=>{var e;this.disabled||null===(e=this.fileInput)||void 0===e||e.click()},this.handleFileChange=e=>{this.files=Array.from(e.target.files)},this.onRemoveFileByIndex=e=>{this.files=this.files.filter(((i,t)=>t!==e))}}onFilesChange(e){this.inputChange.emit({type:"file",value:e})}async removeFileByIndex(e){this.onRemoveFileByIndex(e)}render(){var e,i;return s(l,{key:"579d1ec1094bc5b1aeec622996694728fb1facca",class:{"xpl-input-file":!0,"xpl-input-file--hide-trigger-on-select":this.hideTriggerOnSelect,"xpl-input-file--disabled":this.disabled}},s("span",{key:"66b3cc31f1e2bfa4ee1896e64a667e2a26166b50",class:{"xpl-input-file__trigger-wrapper":!0,"xpl-input-file__trigger-wrapper--hidden":this.hideTriggerOnSelect&&(null===(e=this.files)||void 0===e?void 0:e.length)>0},role:"button",tabIndex:0,onClick:this.openFileDialog},s("slot",{key:"53b23be4e2a5b0f920e650c14e591cb1de3b8bac",name:"trigger"})),(null===(i=this.files)||void 0===i?void 0:i.length)>0&&!this.hideFileNames&&s("ul",{key:"53a294c3765d5b6229f5ed79023095538a1c5edf",class:"xpl-input-file__file-list"},this.files.map(((e,i)=>s("li",{class:"xpl-input-file__file-item"},s("span",{class:"xpl-text-callout"},e.name),s("xpl-icon",{icon:"x-circle",size:24,onClick:e=>{e.preventDefault(),e.stopPropagation(),this.onRemoveFileByIndex(i)},class:"xpl-input-file__remove-icon"}))))),this.accept&&!this.hideAcceptText&&s("span",{key:"afcd0be79ed4ffa5696990eb76d8615f61c430f9",class:"xpl-input-file__accept xpl-text-caption"},"Accepted file types: ",this.accept),s("input",{key:"08ffdfed6e25b11363e664abe7bdb66ae6b96bb7",onChange:this.handleFileChange,type:"file",ref:e=>{this.fileInput=e},hidden:!0,accept:this.accept,multiple:this.multiple,name:this.name}))}get el(){return this}static get watchers(){return{files:[{onFilesChange:0}]}}},[260,"xpl-input-file",{disabled:[4],name:[1],_id:[1],accept:[1],multiple:[4],hideTriggerOnSelect:[4,"hide-trigger-on-select"],hideFileNames:[4,"hide-file-names"],hideAcceptText:[4,"hide-accept-text"],files:[32],removeFileByIndex:[64]},void 0,{files:[{onFilesChange:0}]}]);function p(){"undefined"!=typeof customElements&&["xpl-input-file","xpl-icon"].forEach((e=>{switch(e){case"xpl-input-file":customElements.get(n(e))||customElements.define(n(e),a);break;case"xpl-icon":customElements.get(n(e))||c()}}))}export{a as I,p as d}

package/dist/components/xpl-input-search.d.ts

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

package/dist/components/xpl-input-search.js

@@ -0,0 +1 @@
+import{I as s,d as o}from"./xpl-input-search2.js";const p=s,r=o;export{p as XplInputSearch,r as defineCustomElement}

package/dist/components/xpl-input-search2.js

@@ -0,0 +1 @@
+import{proxyCustomElement as s,HTMLElement as t,createEvent as i,h as e,Host as h,transformTag as r}from"@stencil/core/internal/client";import{d as a}from"./xpl-icon2.js";const n=s(class extends t{constructor(s){super(),!1!==s&&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.hasAncestorForm=!1,this.ariaLabel="Search",this.autocomplete="off",this.disabled=!1,this.hasError=!1,this.hasVisibleLabel=!1,this.placeholder="Search",this.readonly=!1,this.required=!1,this.shape="rounded",this.value="",this.handleInnerFormSubmit=s=>{s.preventDefault(),this.disabled||this.readonly||this.emitSearchCommit(this.value.trim())},this.handleClear=s=>{var t;s.preventDefault(),this.disabled||this.readonly||(this.value="",this.valueChange.emit(""),this.inputEvent.emit(""),null===(t=this.inputEl)||void 0===t||t.focus())},this.handleInput=s=>{const t=s.target;this.value=t.value,this.valueChange.emit(t.value),this.inputEvent.emit(t.value)},this.handleKeyDown=s=>{"Enter"===s.key&&(this.disabled||this.readonly||s.target.form||(s.preventDefault(),this.emitSearchCommit(this.value.trim())))},this.handleFocus=s=>{this.focusEvent.emit(s)},this.handleBlur=s=>{this.blurEvent.emit(s)}}connectedCallback(){this.syncAncestorFormFlag()}async setFocus(){var s;null===(s=this.inputEl)||void 0===s||s.focus()}syncAncestorFormFlag(){const s=this.el,t=Boolean(s&&"function"==typeof s.closest&&s.closest("form"));this.hasAncestorForm!==t&&(this.hasAncestorForm=t)}get hasValue(){return void 0!==this.value&&this.value.length>0}get resolvedInputAriaLabel(){var s;if(!this.hasVisibleLabel)return(null!==(s=this.ariaLabel)&&void 0!==s?s:"").trim()||"Search"}get rendersInnerSearchForm(){return!this.hasAncestorForm}emitSearchCommit(s){this.search.emit(s)}renderShell(){const s=e("div",{class:"xpl-input-search__shell"},e("span",{class:"xpl-input-search__icon","aria-hidden":"true"},e("xpl-icon",{icon:"magnifier",size:20})),e("input",{"aria-describedby":this.hasError?this.errorMessageId:void 0,"aria-invalid":this.hasError?"true":void 0,"aria-label":this.resolvedInputAriaLabel,autocomplete:this.autocomplete,class:"xpl-input-search__input",disabled:this.disabled,id:this.inputId,name:this.name,onBlur:this.handleBlur,onFocus:this.handleFocus,onInput:this.handleInput,onKeyDown:this.handleKeyDown,placeholder:this.placeholder,readonly:this.readonly,ref:s=>{this.inputEl=null!=s?s:void 0},required:this.required,role:"searchbox",type:"text",value:this.value}),e("button",{"aria-hidden":this.hasValue?void 0:"true","aria-label":"Clear search",class:"xpl-input-search__clear",disabled:this.disabled||this.readonly,onClick:this.handleClear,type:"button"},e("xpl-icon",{icon:"circle-xmark",size:16})));return this.rendersInnerSearchForm?e("form",{class:"xpl-input-search__form",onSubmit:this.handleInnerFormSubmit},s):s}render(){return e(h,{key:"ac235500df2d6958d9070535f922a018bce14906",class:{"xpl-input-search":!0,"xpl-input-search--disabled":this.disabled,"xpl-input-search--error":this.hasError,"xpl-input-search--has-value":this.hasValue,"xpl-input-search--readonly":this.readonly,"xpl-input-search--shape-box":"box"===this.shape}},this.renderShell())}get el(){return this}},[0,"xpl-input-search",{ariaLabel:[1,"aria-label"],autocomplete:[1],disabled:[4],errorMessageId:[1,"error-message-id"],hasError:[4,"has-error"],hasVisibleLabel:[4,"has-visible-label"],inputId:[1,"input-id"],name:[1],placeholder:[1],readonly:[4],required:[4],shape:[1],value:[1025],hasAncestorForm:[32],setFocus:[64]}]);function l(){"undefined"!=typeof customElements&&["xpl-input-search","xpl-icon"].forEach((s=>{switch(s){case"xpl-input-search":customElements.get(r(s))||customElements.define(r(s),n);break;case"xpl-icon":customElements.get(r(s))||a()}}))}export{n as I,l as d}

package/dist/components/xpl-input2.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as s,Host as n,transformTag as a}from"@stencil/core/internal/client";import{d as o}from"./xpl-dropdown2.js";import{d as r}from"./xpl-dropdown-group2.js";import{d as l}from"./xpl-dropdown-heading2.js";import{d as h}from"./xpl-dropdown-option2.js";import{d as c}from"./xpl-icon2.js";import{d}from"./xpl-input-date2.js";import{d as p}from"./xpl-input-file2.js";import{v as u}from"./v4.js";import{d as m}from"./xpl-popover2.js";const f=(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,l=0;return t<60?(o=s,r=n,l=0):t<120?(o=n,r=s,l=0):t<180?(o=0,r=s,l=n):t<240?(o=0,r=n,l=s):t<300?(o=n,r=0,l=s):(o=s,r=0,l=n),{r:Math.round(255*(o+a)),g:Math.round(255*(r+a)),b:Math.round(255*(l+a))}},b=(t,e,i)=>[t,e,i].map((t=>t.toString(16).padStart(2,"0"))).join(""),x=t=>{var e,i;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 i=null===(e=t.match(/[\d.]+/g))||void 0===e?void 0:e.map(Number);if(!i||i.length<3)throw new Error("Invalid rgba/rgb format");const[s,n,a,o=1]=i,r=t=>t.toString(16).padStart(2,"0");return{hex:`${r(s)}${r(n)}${r(a)}`.toLowerCase(),r:s,g:n,b:a,a:o}}if(t.startsWith("hsla")||t.startsWith("hsl")){const e=null===(i=t.match(/[\d.]+/g))||void 0===i?void 0:i.map(Number);if(!e||e.length<3)throw new Error("Invalid hsla/hsl format");const[s,n,a,o=1]=e,r=((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})`})(s,n,a,o),[l,h,c]=r.match(/[\d.]+/g).map(Number);return{hex:b(l,h,c).toLowerCase(),r:l,g:h,b:c,a:o}}throw new Error("Unsupported color format")},g=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 C(t){return v.find((e=>e.countryCode===t))}function y(t){return(t||"").replace(/\D/g,"")}function $(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 k(t){const[e,i]=t.split(":"),s=Number(e)>=12?"PM":"AM";return[(Number(e)%12||12).toString(),i,s]}const E=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=>{var e;const i=null===(e=t.target.value)||void 0===e?void 0:e.replace(/[^0-9:apmAPM]/g,"");this.value=i},this.handleFocus=()=>{this.showOptions=!0},this.handleBlur=()=>{this.value=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.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]=k(t);return`${e}:${i}`}return t}formatDisplayedAmPm(t){if(!t||"12h"!==this.timeFormat)return"";const[,,e]=k(t);return e}validateValue(){this.hasErrorState=this.value?!this.value.includes(":")||this.value.trim().length<4||this.value.trim().length>5?"Invalid time format, must be HH:MM":this.value<this.min||this.value>this.max?"Out of range":this.allowCustomOption||this.options.some((t=>t.value===this.value))?null:"Invalid option":this.required?"required":null}onHasErrorStateChanged(t){this.hasErrorStateChanged.emit(t)}componentDidLoad(){var t;"range"===this.mode&&console.warn("Range mode is not supported for time inputs at this time."),null===(t=this.dropdown)||void 0===t||t.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((l=e,`${Math.floor(l/60).toString().padStart(2,"0")}:${(l%60).toString().padStart(2,"0")}`));var l;return r.map((t=>({label:"12h"===s?function(t){const[e,i,s]=k(t);return`${e}:${i} ${s}`}(t):t,value:t})))}(this.step,this.min.toString(),this.max.toString(),this.timeFormat).map((({label:t,value:e})=>({label:t,value:e,onClick:()=>{this.value=e,this.showOptions=!1}})))}render(){return s(n,{key:"2dfd50560c047646807e49c2263454286b607a35",class:{"xpl-input-time":!0,[`xpl-input-time--mode-${this.mode}`]:!0,"xpl-input-time--error":!!this.hasErrorState}},s("xpl-input",{key:"5ebb2d5031efae40beae3ac0cf2a40bed5b96ae5",pre:s("xpl-icon",{class:"xpl-input-time__clock-icon",icon:"clock",size:24}),post:"12h"===this.timeFormat?this.amPm||"AM":null,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:"313ee3020ddf2710e82756f1bc0e260b8959ef9e",options:this.options,isOpen:this.showOptions,ref:t=>{this.dropdown=t},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-time"].forEach((t=>{switch(t){case"xpl-input-time":customElements.get(a(t))||customElements.define(a(t),E);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))||l();break;case"xpl-dropdown-option":customElements.get(a(t))||h();break;case"xpl-icon":customElements.get(a(t))||c();break;case"xpl-input":customElements.get(a(t))||A();break;case"xpl-input-color":customElements.get(a(t))||N();break;case"xpl-input-date":customElements.get(a(t))||d();break;case"xpl-input-file":customElements.get(a(t))||p();break;case"xpl-input-phone":customElements.get(a(t))||I();break;case"xpl-input-time":customElements.get(a(t))||_()}}))}function M(t){return t.toLowerCase().replace(/ /g,"-")}const S=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-${u()}`,this.defaultCountry="US",this.isInternational=!0,this.handleTriggerClick=()=>{this.isEditable&&(this.dropdownOpen=!this.dropdownOpen)},this.handleNumberInput=t=>{var e;const i=t.target,s=i.value||"";let n;if(this.lastCursorRef=null!==(e=i.selectionStart)&&void 0!==e?e:0,this.lastFormattedRef=s,this.isInternational&&s.startsWith("+")){const t=y(s),e=this.effectiveDialCode.slice(1).replace(/\D/g,"");n=e&&t.startsWith(e)?t.slice(e.length):t}else n=y(s);const a=$(this.effectiveCountryCode);n.length>a&&(n=n.slice(0,a)),this.nationalNumber=n,this.emitValue(),i.value=this.displayValue},this.handleClear=()=>{var t;this.nationalNumber="",this.emitValue(),null===(t=this.inputEl)||void 0===t||t.focus()},this.handleDropdownUpdate=(t,{component:e})=>{var i;const s=null!=e?e:this.dropdownRef;if(!s)return;const{options:n}=s;if(null==n?void 0:n.length){const t=n.reduce(((t,e)=>{var i;return[...t,...e.groupName?null!==(i=e.options)&&void 0!==i?i:[]:[e]]}),[]),e=t.find((t=>t.isSelected));if(null==e?void 0:e.value){const t=C(e.value);t&&(this.selectedCountry=t,this.emitValue(),null===(i=this.inputEl)||void 0===i||i.focus())}}}}onDropdownOpenChange(t){t&&(this.searchQuery="")}onHasErrorStateChanged(t){this.hasErrorStateChanged.emit(t)}onValueChange(t){var e,i;if(null==t||""===t){const t=C(this.defaultCountry)||v[0];return this.selectedCountry=t,void(this.nationalNumber="")}const s=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(s)if((null===(e=this.selectedCountry)||void 0===e?void 0:e.dialCode)===s.dialCode)this.nationalNumber=s.nationalNumber;else{const t=C(this.defaultCountry),e=null!==(i=(null==t?void 0:t.dialCode)===s.dialCode?t:void 0)&&void 0!==i?i:(n=s.dialCode,v.find((t=>t.dialCode===n)));e&&(this.selectedCountry=e,this.nationalNumber=s.nationalNumber)}else this.selectedCountry||(this.selectedCountry=C(this.defaultCountry)||v[0]);var n}componentWillLoad(){this.value?this.onValueChange(this.value):this.selectedCountry=C(this.defaultCountry)||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=y(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(){var t,e,i;return null!==(i=null!==(e=null===(t=this.selectedCountry)||void 0===t?void 0:t.countryCode)&&void 0!==e?e:this.defaultCountry)&&void 0!==i?i:"US"}get effectiveDialCode(){var t,e;return null!==(e=null===(t=this.selectedCountry)||void 0===t?void 0:t.dialCode)&&void 0!==e?e:"+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=>C(t))).filter(Boolean),...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=>{var e;return{icon:M(t.name),label:`${t.name} (${t.dialCode})`,value:t.countryCode,isSelected:(null===(e=this.selectedCountry)||void 0===e?void 0:e.countryCode)===t.countryCode}}))}get maxInputLength(){const t=$(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(){var t;return s(n,{key:"e966930ecc1ce026b03daf50902ee783d469af03",class:{"xpl-input-phone":!0,"xpl-input-phone--error":!!this.hasErrorState,"xpl-input-phone--open":this.dropdownOpen,"xpl-input-phone--domestic":!this.isInternational}},s("div",{key:"d594d5345f30bd1165662930abee8b4214b2640d",class:"xpl-input-wrapper"},this.isInternational&&s("button",{key:"64842282265b03cce24e5d80386ea3f56c36b5ad",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},(null===(t=this.selectedCountry)||void 0===t?void 0:t.name)&&s("xpl-icon",{key:"00b0b9e477d285cc3e1c61becfbc056511d99ea2",class:"xpl-input-phone__flag",icon:M(this.selectedCountry.name),size:24,"aria-hidden":"true"}),s("xpl-icon",{key:"9cc394beb1573e00e0eca641bfa8590a5837ff48",class:"xpl-input-phone__trigger-icon",icon:"chevron-down",size:20,"aria-hidden":"true"})),s("div",{key:"ade974ac878f7c7bc3aa07f613a3005283d86819",class:"xpl-input-phone__input-wrap"},this.isInternational&&s("span",{key:"f4907b6f5919184dad42bac3a1071b2bbfe71a06",class:"xpl-input-phone__dial-code"},this.effectiveDialCode),s("input",{key:"89dce440dba56953574a05eda46862b4f24f84f8",ref:t=>{this.inputEl=t},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?"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:"21e63c5dad2d73c8969e71c10cae9c507da8574a",type:"button",class:"xpl-input-phone__clear","aria-label":"Clear phone number",onClick:this.handleClear},s("xpl-icon",{key:"ef1044fd8cc939db7281a8e68e72c54effb55101",icon:"x-circle",size:16})))),this.isInternational&&this.isEditable&&s("xpl-dropdown",{key:"0de330a03e99bdc73af073ad5b20a7b817192307",ref:t=>{this.dropdownRef=t},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:"6055decf8f631611786fc8720b17cf84341ef316",slot:"header",class:"xpl-input-phone__search-wrap"},s("xpl-input",{key:"6c53dbde79069dc000214f22d29b17e568fde19f",class:"xpl-input-phone__search",type:"text",label:"",placeholder:"Search",value:this.searchQuery,autocomplete:"off",onInputEvent:t=>{var e;this.searchQuery=null!==(e=t.detail)&&void 0!==e?e:""}},s("xpl-icon",{key:"cb57543146d6f874849d518aea4c01f670e4afa4",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],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 I(){"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-time"].forEach((t=>{switch(t){case"xpl-input-phone":customElements.get(a(t))||customElements.define(a(t),S);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))||l();break;case"xpl-dropdown-option":customElements.get(a(t))||h();break;case"xpl-icon":customElements.get(a(t))||c();break;case"xpl-input":customElements.get(a(t))||A();break;case"xpl-input-color":customElements.get(a(t))||N();break;case"xpl-input-date":customElements.get(a(t))||d();break;case"xpl-input-file":customElements.get(a(t))||p();break;case"xpl-input-phone":customElements.get(a(t))||I();break;case"xpl-input-time":customElements.get(a(t))||_()}}))}const D={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="EyeDropper"in window,this.colorInputElements={hex:null,r:null,g:null,b:null,a:null,hue:null,slGrid:null,alpha:null},this.handleMove=t=>{const e=this.colorInputElements.slGrid.getBoundingClientRect(),i="touches"in t?t.touches[0].clientY:t.clientY,s=Math.max(0,Math.min(("touches"in t?t.touches[0].clientX:t.clientX)-e.left,e.width)),n=Math.max(0,Math.min(i-e.top,e.height)),a=s/e.width,o=n/e.height,r=f(this.hue,100,100),l=(255*(1-a)+a*r.r)*(1-o),h=(255*(1-a)+a*r.g)*(1-o),c=(255*(1-a)+a*r.b)*(1-o),d={r:Math.round(l),g:Math.round(h),b:Math.round(c),hex:b(Math.round(l),Math.round(h),Math.round(c)),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=>{var e;const i=t.detail;if(i){const[t,s,n]=(t=>t?t.match(/\w\w/g).map((t=>parseInt(t,16))):[0,0,0])(i);this.colorValues={hex:i,r:t,g:s,b:n,a:null!==(e=this.colorValues.a)&&void 0!==e?e:1}}else this.colorValues=Object.assign({},D)},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=Object.assign({},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=b(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=x(`hsla(${e}, 100%, 50%, 1)`),this.hue=e;break;case"color-alpha-slider":this.colorValues=Object.assign(Object.assign({},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?g(t):"")}onHasErrorStateChanged(t){this.hasErrorStateChanged.emit(t)}onValuePropChange(t){this.syncColorFromValue(t)}syncColorFromValue(t){if(t)try{this.colorValues=x(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 l=(s+n)/2;if(0!==a){switch(r=a/(1-Math.abs(2*l-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*l)}})().hue}catch(t){this.hasErrorState="invalid color format",this.hue=0}else this.colorValues=Object.assign({},D),this.hasErrorState=null,this.hue=0}componentWillLoad(){this.syncColorFromValue(this.value)}componentDidLoad(){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,e,i,s].forEach((t=>{t.addEventListener("valueChange",(e=>{this.onRgbaInputChange(t,e)}))})),[n,a].forEach((t=>{t.addEventListener("input",(()=>{this.onSliderInputChange(t)}))}))}async openEyeDropper(){try{const t=new window.EyeDropper,e=await t.open();this.colorValues=x(e.sRGBHex)}catch(t){this.hasErrorState=`eyedropper cancelled or failed: ${t}`}}render(){const{r:t,g:e,b:i,a}=this.colorValues,o=f(this.hue,100,100),{x:r,y:l}=((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:null!=s?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),h={left:`${r}px`,top:`${l}px`,background:`rgb(${t}, ${e}, ${i})`};return s(n,{key:"a8cdba9ff504fbeaf7b21167b778d8cf00216a1a",class:"xpl-input-color"},s("xpl-popover",{key:"535497f6aba0e7e9e65b894cd8c62cebe8ad3dd5",disabled:this.disabled,display:"menu"},s("div",{key:"436c51111938bbbef99698b94bd5c3123bc0b42d",slot:"trigger"},s("div",{key:"09e8f57c0d1a35d1b0a5785ebb141db62c3db4d2",class:{"xpl-input-color__display":!0,"xpl-input-color__display--disabled":this.disabled,"xpl-input-color__display--error":!!this.hasErrorState}},s("span",{key:"76da6216e95d48dd5cdbb890e7fe14cf1be85c6b",class:"xpl-input-color__color",style:{background:g(this.colorValues)}}),this.colorValues.hex?s("span",{class:"xpl-input-color__value"},g(this.colorValues)):s("span",{class:"xpl-input-color__placeholder"},this.placeholder),this.eyeDropperSupported&&!this.hideEyeDropper&&s("xpl-icon",{key:"c4a560be47d17c98f353c0e324c0f9025f535fae",size:20,icon:"eye-dropper",class:"xpl-input-color__icon",onClick:t=>{t.stopPropagation(),this.openEyeDropper()}}))),s("div",{key:"844a66fa0523b133ce3e2b6d83e395254e9b513f",class:"xpl-input-color__menu"},s("div",{key:"c687aaa94b122258e09cffabcc5029905ddccb27",class:"xpl-input-color__sl-grid",ref:t=>{this.colorInputElements.slGrid=t},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:"7e65660cef09fc5ae0c9dc0d49fe7769ad15b55a",class:"xpl-input-color__sl-thumb",style:h})),s("div",{key:"5e76247d0d59fca5500416ddeaca53784dc42209",class:"xpl-input-color__grid"},s("input",{key:"5b891dd55f6d4f5d1242d142c9af8a3af496e398",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}}),s("input",{key:"ae20b7cbfa6303c6615afee0fc35d0dda3bc1f70",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},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:"c4b884401f5324e37e09637785a2148ef5c99112",class:"xpl-input-color__preview",style:{background:`rgba(${t}, ${e}, ${i}, ${a})`}})),s("div",{key:"5d8eff1bf9e51bd44116c01e3bfd016414662d92",class:"xpl-input-color__inputs"},Object.entries(this.colorInputElements).filter((([t])=>["hex","r","g","b","a"].includes(t))).map((([t])=>s("xpl-input",{key:t,label:t.toLocaleUpperCase(),name:`color-${t}-input`,placeholder:"hex"===t?"793EF7":"0",value:this.colorValues[t],ref:e=>{this.colorInputElements[t]=e}})))))))}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 N(){"undefined"!=typeof customElements&&["xpl-input-color","xpl-icon","xpl-input","xpl-input-color","xpl-input-date","xpl-input-file","xpl-input-phone","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))||A();break;case"xpl-input-color":customElements.get(a(t))||N();break;case"xpl-input-date":customElements.get(a(t))||d();break;case"xpl-input-file":customElements.get(a(t))||p();break;case"xpl-input-phone":customElements.get(a(t))||I();break;case"xpl-input-time":customElements.get(a(t))||_();break;case"xpl-popover":customElements.get(a(t))||m()}}))}const F=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.focusEvent=i(this,"focusEvent",7),this.blurEvent=i(this,"blurEvent",7),this.valueChange=i(this,"valueChange",7),this.inputEvent=i(this,"inputEvent",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.type="text",this.valueChanged=t=>{this.valueChange.emit(t.target.value)},this.characterCount=0,this.passwordVisible=!1,this.hasPreSlotContent=!1,this.handleFocus=t=>{this.focusEvent.emit(t)},this.handleBlur=t=>{this.blurEvent.emit(t)},this.handleInput=t=>{this.multiline&&this.updateCharacterCount();const{value:e}=t.target;this.inputEvent.emit(e)},this.syncPreSlotContent=()=>{const t=this.hasDirectPreSlotChild();t!==this.hasPreSlotContent&&(this.hasPreSlotContent=t)}}updateCharacterCount(){this.characterCount=this.input.value.length}hasDirectPreSlotChild(){return Array.from(this.el.children).some((t=>"pre"===t.getAttribute("slot")))}componentWillLoad(){null!=this._id&&""!==this._id||(this._id=u()),this.multiline&&void 0!==this.maxCharacterCount&&(this.characterCount=void 0!==this.value?this.value.length:0),this.multiline||(this.hasPreSlotContent=this.hasDirectPreSlotChild())}componentDidLoad(){this.multiline||"undefined"!=typeof MutationObserver&&(this.preSlotObserver=new MutationObserver(this.syncPreSlotContent),this.preSlotObserver.observe(this.el,{childList:!0}))}disconnectedCallback(){var t;null===(t=this.preSlotObserver)||void 0===t||t.disconnect()}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,_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});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});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});case"phone":return s("xpl-input-phone",{inputId:this._id,disabled:this.disabled,name:this.name,required:this.required,readonly:this.readonly,value:this.value,placeholder:this.placeholder,defaultCountry:this.defaultCountry,preferredCountries:this.preferredCountries,isInternational:this.isInternational});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},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},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(){var t;let e=!1;return(this.error||this.multiline&&void 0!==this.maxCharacterCount&&this.characterCount>this.maxCharacterCount)&&(e=!0),s(n,{key:"c0d3b87b9dca0c4f75c15accb6542d270a43f3d3",class:{"xpl-input":!0,"xpl-input--disabled":this.disabled,"xpl-input--error":e,"xpl-input--readonly":this.readonly,[`xpl-input--${this.type}`]:!0}},this.label&&s("label",{key:"1842998b20424a952ff618ed15d611d59d2e9eba",class:"xpl-input-label",htmlFor:this._id},this.label,this.description&&s("small",{key:"ccfe57e608f789d643d2219091922cf259971b12"},this.description)),this.renderInput(),(null===(t=this.error)||void 0===t?void 0:t.length)>0&&s("label",{key:"3a3147f7e1be2d1f109a400baf005289bb37d60f",class:"xpl-input-error",htmlFor:this._id},s("xpl-icon",{key:"b4960e9243db0126ca5d6d3b3226c551927c2f39",icon:"alert-circle",size:16}),s("span",{key:"d8f524d135f664c876ae83594e113967bb933cca"},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"],type:[1],characterCount:[32],passwordVisible:[32],hasPreSlotContent:[32]}]);function A(){"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-time","xpl-popover"].forEach((t=>{switch(t){case"xpl-input":customElements.get(a(t))||customElements.define(a(t),F);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))||l();break;case"xpl-dropdown-option":customElements.get(a(t))||h();break;case"xpl-icon":customElements.get(a(t))||c();break;case"xpl-input":customElements.get(a(t))||A();break;case"xpl-input-color":customElements.get(a(t))||N();break;case"xpl-input-date":customElements.get(a(t))||d();break;case"xpl-input-file":customElements.get(a(t))||p();break;case"xpl-input-phone":customElements.get(a(t))||I();break;case"xpl-input-time":customElements.get(a(t))||_();break;case"xpl-popover":customElements.get(a(t))||m()}}))}export{F as I,O as a,N as b,S as c,A as d,I as e,E as f,_ as g}
+import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as s,Host as n,transformTag as a}from"@stencil/core/internal/client";import{d as o}from"./xpl-dropdown2.js";import{d as r}from"./xpl-dropdown-group2.js";import{d as l}from"./xpl-dropdown-heading2.js";import{d as h}from"./xpl-dropdown-option2.js";import{d as c}from"./xpl-icon2.js";import{d}from"./xpl-input-date2.js";import{d as u}from"./xpl-input-file2.js";import{d as p}from"./xpl-input-search2.js";import{v as m}from"./v4.js";import{d as f}from"./xpl-popover2.js";const b=(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,l=0;return t<60?(o=s,r=n,l=0):t<120?(o=n,r=s,l=0):t<180?(o=0,r=s,l=n):t<240?(o=0,r=n,l=s):t<300?(o=n,r=0,l=s):(o=s,r=0,l=n),{r:Math.round(255*(o+a)),g:Math.round(255*(r+a)),b:Math.round(255*(l+a))}},x=(t,e,i)=>[t,e,i].map((t=>t.toString(16).padStart(2,"0"))).join(""),g=t=>{var e,i;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 i=null===(e=t.match(/[\d.]+/g))||void 0===e?void 0:e.map(Number);if(!i||i.length<3)throw new Error("Invalid rgba/rgb format");const[s,n,a,o=1]=i,r=t=>t.toString(16).padStart(2,"0");return{hex:`${r(s)}${r(n)}${r(a)}`.toLowerCase(),r:s,g:n,b:a,a:o}}if(t.startsWith("hsla")||t.startsWith("hsl")){const e=null===(i=t.match(/[\d.]+/g))||void 0===i?void 0:i.map(Number);if(!e||e.length<3)throw new Error("Invalid hsla/hsl format");const[s,n,a,o=1]=e,r=((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})`})(s,n,a,o),[l,h,c]=r.match(/[\d.]+/g).map(Number);return{hex:x(l,h,c).toLowerCase(),r:l,g:h,b:c,a:o}}throw new Error("Unsupported color format")},v=t=>t.a&&1!==t.a?`rgba(${t.r}, ${t.g}, ${t.b}, ${t.a})`:`#${t.hex}`,C=[{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 y(t){return C.find((e=>e.countryCode===t))}function $(t){return(t||"").replace(/\D/g,"")}function k(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 E(t){const[e,i]=t.split(":"),s=Number(e)>=12?"PM":"AM";return[(Number(e)%12||12).toString(),i,s]}const _=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=>{var e;const i=null===(e=t.target.value)||void 0===e?void 0:e.replace(/[^0-9:apmAPM]/g,"");this.value=i},this.handleFocus=()=>{this.showOptions=!0},this.handleBlur=()=>{this.value=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.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]=E(t);return`${e}:${i}`}return t}formatDisplayedAmPm(t){if(!t||"12h"!==this.timeFormat)return"";const[,,e]=E(t);return e}validateValue(){this.hasErrorState=this.value?!this.value.includes(":")||this.value.trim().length<4||this.value.trim().length>5?"Invalid time format, must be HH:MM":this.value<this.min||this.value>this.max?"Out of range":this.allowCustomOption||this.options.some((t=>t.value===this.value))?null:"Invalid option":this.required?"required":null}onHasErrorStateChanged(t){this.hasErrorStateChanged.emit(t)}componentDidLoad(){var t;"range"===this.mode&&console.warn("Range mode is not supported for time inputs at this time."),null===(t=this.dropdown)||void 0===t||t.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((l=e,`${Math.floor(l/60).toString().padStart(2,"0")}:${(l%60).toString().padStart(2,"0")}`));var l;return r.map((t=>({label:"12h"===s?function(t){const[e,i,s]=E(t);return`${e}:${i} ${s}`}(t):t,value:t})))}(this.step,this.min.toString(),this.max.toString(),this.timeFormat).map((({label:t,value:e})=>({label:t,value:e,onClick:()=>{this.value=e,this.showOptions=!1}})))}render(){return s(n,{key:"6ed0e8da81a96e0e4e7078a7477c9a4ee92532ba",class:{"xpl-input-time":!0,[`xpl-input-time--mode-${this.mode}`]:!0,"xpl-input-time--error":!!this.hasErrorState}},s("xpl-input",{key:"bae0f7e9b9e3f14b5d780a0300ef672da9301596",pre:s("xpl-icon",{class:"xpl-input-time__clock-icon",icon:"clock",size:24}),post:"12h"===this.timeFormat?this.amPm||"AM":null,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:"cd8ae7e4c7d130bdbf44aeb2f806b3c9a490d8bb",options:this.options,isOpen:this.showOptions,ref:t=>{this.dropdown=t},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 M(){"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),_);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))||l();break;case"xpl-dropdown-option":customElements.get(a(t))||h();break;case"xpl-icon":customElements.get(a(t))||c();break;case"xpl-input":customElements.get(a(t))||V();break;case"xpl-input-color":customElements.get(a(t))||N();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))||D();break;case"xpl-input-search":customElements.get(a(t))||p();break;case"xpl-input-time":customElements.get(a(t))||M()}}))}function S(t){return t.toLowerCase().replace(/ /g,"-")}const I=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-${m()}`,this.defaultCountry="US",this.isInternational=!0,this.handleTriggerClick=()=>{this.isEditable&&(this.dropdownOpen=!this.dropdownOpen)},this.handleNumberInput=t=>{var e;const i=t.target,s=i.value||"";let n;if(this.lastCursorRef=null!==(e=i.selectionStart)&&void 0!==e?e:0,this.lastFormattedRef=s,this.isInternational&&s.startsWith("+")){const t=$(s),e=this.effectiveDialCode.slice(1).replace(/\D/g,"");n=e&&t.startsWith(e)?t.slice(e.length):t}else n=$(s);const a=k(this.effectiveCountryCode);n.length>a&&(n=n.slice(0,a)),this.nationalNumber=n,this.emitValue(),i.value=this.displayValue},this.handleClear=()=>{var t;this.nationalNumber="",this.emitValue(),null===(t=this.inputEl)||void 0===t||t.focus()},this.handleDropdownUpdate=(t,{component:e})=>{var i;const s=null!=e?e:this.dropdownRef;if(!s)return;const{options:n}=s;if(null==n?void 0:n.length){const t=n.reduce(((t,e)=>{var i;return[...t,...e.groupName?null!==(i=e.options)&&void 0!==i?i:[]:[e]]}),[]),e=t.find((t=>t.isSelected));if(null==e?void 0:e.value){const t=y(e.value);t&&(this.selectedCountry=t,this.emitValue(),null===(i=this.inputEl)||void 0===i||i.focus())}}}}onDropdownOpenChange(t){t&&(this.searchQuery="")}onHasErrorStateChanged(t){this.hasErrorStateChanged.emit(t)}onValueChange(t){var e,i;if(null==t||""===t){const t=y(this.defaultCountry)||C[0];return this.selectedCountry=t,void(this.nationalNumber="")}const s=function(t){if(!t||!t.startsWith("+"))return null;const e=t.slice(1).replace(/\D/g,"");if(!e.length)return null;const i=[...C].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(s)if((null===(e=this.selectedCountry)||void 0===e?void 0:e.dialCode)===s.dialCode)this.nationalNumber=s.nationalNumber;else{const t=y(this.defaultCountry),e=null!==(i=(null==t?void 0:t.dialCode)===s.dialCode?t:void 0)&&void 0!==i?i:(n=s.dialCode,C.find((t=>t.dialCode===n)));e&&(this.selectedCountry=e,this.nationalNumber=s.nationalNumber)}else this.selectedCountry||(this.selectedCountry=y(this.defaultCountry)||C[0]);var n}componentWillLoad(){this.value?this.onValueChange(this.value):this.selectedCountry=y(this.defaultCountry)||C[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=$(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(){var t,e,i;return null!==(i=null!==(e=null===(t=this.selectedCountry)||void 0===t?void 0:t.countryCode)&&void 0!==e?e:this.defaultCountry)&&void 0!==i?i:"US"}get effectiveDialCode(){var t,e;return null!==(e=null===(t=this.selectedCountry)||void 0===t?void 0:t.dialCode)&&void 0!==e?e:"+1"}get isEditable(){return!this.disabled&&!this.readonly}get orderedCountries(){const t=this.preferredCountries||[],e=C.filter((e=>!t.includes(e.countryCode)));return[...t.map((t=>y(t))).filter(Boolean),...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=>{var e;return{icon:S(t.name),label:`${t.name} (${t.dialCode})`,value:t.countryCode,isSelected:(null===(e=this.selectedCountry)||void 0===e?void 0:e.countryCode)===t.countryCode}}))}get maxInputLength(){const t=k(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(){var t;return s(n,{key:"79d8146efc51fb1fba4e595655274beff9e2f09a",class:{"xpl-input-phone":!0,"xpl-input-phone--error":!!this.hasErrorState,"xpl-input-phone--open":this.dropdownOpen,"xpl-input-phone--domestic":!this.isInternational}},s("div",{key:"f617abbc8656f0d9418e3bb87f0fdcd8b1646138",class:"xpl-input-wrapper"},this.isInternational&&s("button",{key:"133d07a3d70e8c9e3c3a6690ae2296f176a409f7",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},(null===(t=this.selectedCountry)||void 0===t?void 0:t.name)&&s("xpl-icon",{key:"20928aee771232962454e469210a31718922286c",class:"xpl-input-phone__flag",icon:S(this.selectedCountry.name),size:24,"aria-hidden":"true"}),s("xpl-icon",{key:"22078ac403d3965ba72ee9164520778f3f65cc56",class:"xpl-input-phone__trigger-icon",icon:"chevron-down",size:20,"aria-hidden":"true"})),s("div",{key:"29cab6a655c36fd5add277b6d3c0f06c498a742d",class:"xpl-input-phone__input-wrap"},this.isInternational&&s("span",{key:"e83457a14cd689f43082afb611c7641f1353da36",class:"xpl-input-phone__dial-code"},this.effectiveDialCode),s("input",{key:"ee747daab159986e319599ec6705c8f5edc78c3e",ref:t=>{this.inputEl=t},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?"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:"ddb1bb6cf9ab3fb4bc3295db64fc986fe5dbf69b",type:"button",class:"xpl-input-phone__clear","aria-label":"Clear phone number",onClick:this.handleClear},s("xpl-icon",{key:"c0f3201d0b34f9cbe5af9247540199db0c184514",icon:"x-circle",size:16})))),this.isInternational&&this.isEditable&&s("xpl-dropdown",{key:"8d4e50ee17d880272eaccf08cf8c84fc4400c36d",ref:t=>{this.dropdownRef=t},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:"5808ecb917ee94ba31c8ab106152d2d61feae74a",slot:"header",class:"xpl-input-phone__search-wrap"},s("xpl-input",{key:"76a2477f0e039e390dd26a0c34cdab758d3c10d6",class:"xpl-input-phone__search",type:"text",label:"",placeholder:"Search",value:this.searchQuery,autocomplete:"off",onInputEvent:t=>{var e;this.searchQuery=null!==(e=t.detail)&&void 0!==e?e:""}},s("xpl-icon",{key:"0a6b49b3a0df0769fb5dfa59f97c40adeaee8dd1",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],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 D(){"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),I);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))||l();break;case"xpl-dropdown-option":customElements.get(a(t))||h();break;case"xpl-icon":customElements.get(a(t))||c();break;case"xpl-input":customElements.get(a(t))||V();break;case"xpl-input-color":customElements.get(a(t))||N();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))||D();break;case"xpl-input-search":customElements.get(a(t))||p();break;case"xpl-input-time":customElements.get(a(t))||M()}}))}const O={hex:"",r:0,g:0,b:0,a:1},F=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="EyeDropper"in window,this.colorInputElements={hex:null,r:null,g:null,b:null,a:null,hue:null,slGrid:null,alpha:null},this.handleMove=t=>{const e=this.colorInputElements.slGrid.getBoundingClientRect(),i="touches"in t?t.touches[0].clientY:t.clientY,s=Math.max(0,Math.min(("touches"in t?t.touches[0].clientX:t.clientX)-e.left,e.width)),n=Math.max(0,Math.min(i-e.top,e.height)),a=s/e.width,o=n/e.height,r=b(this.hue,100,100),l=(255*(1-a)+a*r.r)*(1-o),h=(255*(1-a)+a*r.g)*(1-o),c=(255*(1-a)+a*r.b)*(1-o),d={r:Math.round(l),g:Math.round(h),b:Math.round(c),hex:x(Math.round(l),Math.round(h),Math.round(c)),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=>{var e;const i=t.detail;if(i){const[t,s,n]=(t=>t?t.match(/\w\w/g).map((t=>parseInt(t,16))):[0,0,0])(i);this.colorValues={hex:i,r:t,g:s,b:n,a:null!==(e=this.colorValues.a)&&void 0!==e?e:1}}else this.colorValues=Object.assign({},O)},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=Object.assign({},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=x(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=g(`hsla(${e}, 100%, 50%, 1)`),this.hue=e;break;case"color-alpha-slider":this.colorValues=Object.assign(Object.assign({},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?v(t):"")}onHasErrorStateChanged(t){this.hasErrorStateChanged.emit(t)}onValuePropChange(t){this.syncColorFromValue(t)}syncColorFromValue(t){if(t)try{this.colorValues=g(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 l=(s+n)/2;if(0!==a){switch(r=a/(1-Math.abs(2*l-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*l)}})().hue}catch(t){this.hasErrorState="invalid color format",this.hue=0}else this.colorValues=Object.assign({},O),this.hasErrorState=null,this.hue=0}componentWillLoad(){this.syncColorFromValue(this.value)}componentDidLoad(){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,e,i,s].forEach((t=>{t.addEventListener("valueChange",(e=>{this.onRgbaInputChange(t,e)}))})),[n,a].forEach((t=>{t.addEventListener("input",(()=>{this.onSliderInputChange(t)}))}))}async openEyeDropper(){try{const t=new window.EyeDropper,e=await t.open();this.colorValues=g(e.sRGBHex)}catch(t){this.hasErrorState=`eyedropper cancelled or failed: ${t}`}}render(){const{r:t,g:e,b:i,a}=this.colorValues,o=b(this.hue,100,100),{x:r,y:l}=((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:null!=s?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),h={left:`${r}px`,top:`${l}px`,background:`rgb(${t}, ${e}, ${i})`};return s(n,{key:"6f03535db1b5f451c74a0f1a1abc586605e5c9ca",class:"xpl-input-color"},s("xpl-popover",{key:"dae1f3a3b7afdd9231b6feba2d3711fbd1d6716e",disabled:this.disabled,display:"menu"},s("div",{key:"a8402cf534186d06f940c3e3436db17afb0152e8",slot:"trigger"},s("div",{key:"e9e775229df2a4f8afa252ef03c0a0cd15a93aa4",class:{"xpl-input-color__display":!0,"xpl-input-color__display--disabled":this.disabled,"xpl-input-color__display--error":!!this.hasErrorState}},s("span",{key:"9abe3e899192f4f08e682f8d7a9a9af9adf5982f",class:"xpl-input-color__color",style:{background:v(this.colorValues)}}),this.colorValues.hex?s("span",{class:"xpl-input-color__value"},v(this.colorValues)):s("span",{class:"xpl-input-color__placeholder"},this.placeholder),this.eyeDropperSupported&&!this.hideEyeDropper&&s("xpl-icon",{key:"9e6832ca2ca1b91c9bf91b1816c1f7c8169202f3",size:20,icon:"eye-dropper",class:"xpl-input-color__icon",onClick:t=>{t.stopPropagation(),this.openEyeDropper()}}))),s("div",{key:"86643ca93847cff19653ebb54160588f2764ae17",class:"xpl-input-color__menu"},s("div",{key:"40f43b769954163f0d22ff8dc80bcd2e0df4777e",class:"xpl-input-color__sl-grid",ref:t=>{this.colorInputElements.slGrid=t},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:"29f42021c1e55827f1fffcdd416608f01b6bda81",class:"xpl-input-color__sl-thumb",style:h})),s("div",{key:"e727c66cd44ff40c672f58ae9264485cda3698b7",class:"xpl-input-color__grid"},s("input",{key:"899cdc6cf61d1452809850dbc847c9df8265437b",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}}),s("input",{key:"3e72ef16b142fe44bebbcbbd2686fcfa3fb958bc",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},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:"c389627f5c0fa8878ead7d6765ecbe9b2f82debb",class:"xpl-input-color__preview",style:{background:`rgba(${t}, ${e}, ${i}, ${a})`}})),s("div",{key:"efd8daf09c022fdc19a6373f0bcd1d32b7548fd2",class:"xpl-input-color__inputs"},Object.entries(this.colorInputElements).filter((([t])=>["hex","r","g","b","a"].includes(t))).map((([t])=>s("xpl-input",{key:t,label:t.toLocaleUpperCase(),name:`color-${t}-input`,placeholder:"hex"===t?"793EF7":"0",value:this.colorValues[t],ref:e=>{this.colorInputElements[t]=e}})))))))}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 N(){"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),F);break;case"xpl-icon":customElements.get(a(t))||c();break;case"xpl-input":customElements.get(a(t))||V();break;case"xpl-input-color":customElements.get(a(t))||N();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))||D();break;case"xpl-input-search":customElements.get(a(t))||p();break;case"xpl-input-time":customElements.get(a(t))||M();break;case"xpl-popover":customElements.get(a(t))||f()}}))}const A=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.focusEvent=i(this,"focusEvent",7),this.blurEvent=i(this,"blurEvent",7),this.valueChange=i(this,"valueChange",7),this.inputEvent=i(this,"inputEvent",7),this.search=i(this,"search",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.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.syncPreSlotContent=()=>{const t=this.hasDirectPreSlotChild();t!==this.hasPreSlotContent&&(this.hasPreSlotContent=t)},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))}}hasDirectPreSlotChild(){return Array.from(this.el.children).some((t=>"pre"===t.getAttribute("slot")))}updateCharacterCount(){this.characterCount=this.input.value.length}componentWillLoad(){null!=this._id&&""!==this._id||(this._id=m()),this.multiline&&void 0!==this.maxCharacterCount&&(this.characterCount=void 0!==this.value?this.value.length:0),this.multiline||(this.hasPreSlotContent=this.hasDirectPreSlotChild())}componentDidLoad(){this.multiline||"search"===this.type||"undefined"!=typeof MutationObserver&&(this.preSlotObserver=new MutationObserver(this.syncPreSlotContent),this.preSlotObserver.observe(this.el,{childList:!0}))}disconnectedCallback(){var t;null===(t=this.preSlotObserver)||void 0===t||t.disconnect()}async setFocus(){var t,e;"search"!==this.type?null===(e=this.input)||void 0===e||e.focus():await(null===(t=this.searchInputRef)||void 0===t?void 0:t.setFocus())}renderInput(){var t,e,i,n,a,o;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,_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});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});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});case"phone":return s("xpl-input-phone",{inputId:this._id,disabled:this.disabled,name:this.name,required:this.required,readonly:this.readonly,value:this.value,placeholder:this.placeholder,defaultCountry:this.defaultCountry,preferredCountries:this.preferredCountries,isInternational:this.isInternational});case"search":{const r=Boolean((null!==(t=this.label)&&void 0!==t?t:"").trim()),l=Boolean(this.error&&this.error.length>0);return s("xpl-input-search",{ariaLabel:(null!==(e=this.ariaLabel)&&void 0!==e?e:"").trim()||"Search",autocomplete:null!==(i=this.autocomplete)&&void 0!==i?i:"off",disabled:this.disabled,errorMessageId:l?`${this._id}-error`:void 0,hasError:l,hasVisibleLabel:r,inputId:this._id,name:this.name,onBlurEvent:this.handleSearchBlurForward,onFocusEvent:this.handleSearchFocusForward,onSearch:this.handleSearchCommit,placeholder:null!==(n=this.placeholder)&&void 0!==n?n:"Search",readonly:this.readonly,ref:t=>{this.searchInputRef=null!=t?t:void 0},required:this.required,shape:null!==(a=this.shape)&&void 0!==a?a:"rounded",value:null!==(o=this.value)&&void 0!==o?o:""})}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},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},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(){var t;let e=!1;return(this.error||this.multiline&&void 0!==this.maxCharacterCount&&this.characterCount>this.maxCharacterCount)&&(e=!0),s(n,{key:"21535bfebdb899ef3bf28ae4ac252ffcc8b03388",class:{"xpl-input":!0,"xpl-input--disabled":this.disabled,"xpl-input--error":e,"xpl-input--readonly":this.readonly,[`xpl-input--${this.type}`]:!0}},this.label&&s("label",{key:"f72b35d866295451cf74832dd191853e77190590",class:"xpl-input-label",htmlFor:this._id},this.label,this.description&&s("small",{key:"712910cd0e7a1db84add0f1483fdc0da6c38a07d"},this.description)),this.renderInput(),(null===(t=this.error)||void 0===t?void 0:t.length)>0&&s("label",{key:"d8fcab92ea7f4989e9d2db1117e689ad9a26ced8",class:"xpl-input-error",htmlFor:this._id,id:`${this._id}-error`},s("xpl-icon",{key:"cbe4f7792ea586c78b7bc0f34d277bfa5977d50e",icon:"alert-circle",size:16}),s("span",{key:"91f88da21c48f0bf069e4c20205a81cfbb30fb1e"},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 V(){"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),A);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))||l();break;case"xpl-dropdown-option":customElements.get(a(t))||h();break;case"xpl-icon":customElements.get(a(t))||c();break;case"xpl-input":customElements.get(a(t))||V();break;case"xpl-input-color":customElements.get(a(t))||N();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))||D();break;case"xpl-input-search":customElements.get(a(t))||p();break;case"xpl-input-time":customElements.get(a(t))||M();break;case"xpl-popover":customElements.get(a(t))||f()}}))}export{A as I,F as a,N as b,I as c,V as d,D as e,_ as f,M as g}

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

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as a,h as c,Host as t,transformTag as s}from"@stencil/core/internal/client";import{d as r}from"./xpl-icon2.js";const d=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost()}componentDidLoad(){if(this.link){const e=this.el.getElementsByTagName("a")[0]||this.el.getElementsByTagName("button")[0],a=document.createTextNode(this.name),c=document.createElement("span");c.appendChild(a),e.setAttribute("class","xpl-large-card__anchor"),e.appendChild(c)}}render(){const e="graph-content",a=this.el.querySelector(`[slot="${e}"]`);return c(t,{key:"02b42037a8e13fb68df0f40a07804bad533f690b",role:"group",class:"xpl-large-card "+(this.link?"xpl-large-card__link":""),tabindex:"0"},c("dt",{key:"27a8aa72e6e97d3918aa8a066c2528dab7466946",class:"xpl-large-card__header"},c("header",{key:"9846eccca6988543cc671abe84f0a68e0dba06b0"},c("slot",{key:"002ebff29d02550decb87f66609e941e6128c284",name:"title"},this.name),this.link&&c("span",{key:"a5c4dfe1c7149d95c5f4e6c291f61f75e49ce088",class:"xpl-data-card__header-arrow"},c("xpl-icon",{key:"a12c2c98867a189cb6bcabfcbbc6a08f2691c763",icon:"chevron-right",size:16}))),this.description&&c("div",{key:"d7ca785313811f6fd962804964a90a161118d936",class:"xpl-large-card__description"},this.description)),c("dd",{key:"fe57a3a97ffd2d124e74e20c88077ffb68ea938a",class:"xpl-large-card__body"},a&&c("slot",{key:"2ebfb5e288ca2426d3085c97cc3a0bec81a72c46",name:e})))}get el(){return this}},[260,"xpl-large-card",{link:[4],name:[1],description:[1]}]),l=d,n=function(){"undefined"!=typeof customElements&&["xpl-large-card","xpl-icon"].forEach((e=>{switch(e){case"xpl-large-card":customElements.get(s(e))||customElements.define(s(e),d);break;case"xpl-icon":customElements.get(s(e))||r()}}))};export{l as XplLargeCard,n as defineCustomElement}
+import{proxyCustomElement as c,HTMLElement as e,h as a,Host as d,transformTag as t}from"@stencil/core/internal/client";import{d as s}from"./xpl-icon2.js";const r=c(class extends e{constructor(c){super(),!1!==c&&this.__registerHost()}componentDidLoad(){if(this.link){const c=this.el.getElementsByTagName("a")[0]||this.el.getElementsByTagName("button")[0],e=document.createTextNode(this.name),a=document.createElement("span");a.appendChild(e),c.setAttribute("class","xpl-large-card__anchor"),c.appendChild(a)}}render(){const c="graph-content",e=this.el.querySelector(`[slot="${c}"]`);return a(d,{key:"886078965cb1ca87fd9c4f45a8b06f089a4b2e04",role:"group",class:"xpl-large-card "+(this.link?"xpl-large-card__link":""),tabindex:"0"},a("dt",{key:"1c2006c9167b2d46262b222ace3c5e9135863783",class:"xpl-large-card__header"},a("header",{key:"21ba4629c7e3d0d9dff98f9dde2ac4bc9f1f494e"},a("slot",{key:"d50991dc4fcca6c56c04c7cc9a401f0894035aa2",name:"title"},this.name),this.link&&a("span",{key:"35b1b15786c1674f6d1797ec3b04da81b27d5d3a",class:"xpl-data-card__header-arrow"},a("xpl-icon",{key:"f52a7a39b3d044341296d88adb9d2bc07cdec9ab",icon:"chevron-right",size:16}))),this.description&&a("div",{key:"bac9d6cec27272d277c991c81e651714603066a2",class:"xpl-large-card__description"},this.description)),a("dd",{key:"9da3ca8ec575a6755f1f47065299ec3ab3e5169b",class:"xpl-large-card__body"},e&&a("slot",{key:"022da3c1e07c264441c58f7d42d6edca109a504d",name:c})))}get el(){return this}},[260,"xpl-large-card",{link:[4],name:[1],description:[1]}]),l=r,n=function(){"undefined"!=typeof customElements&&["xpl-large-card","xpl-icon"].forEach((c=>{switch(c){case"xpl-large-card":customElements.get(t(c))||customElements.define(t(c),r);break;case"xpl-icon":customElements.get(t(c))||s()}}))};export{l as XplLargeCard,n as defineCustomElement}

package/dist/components/{xpl-progress.d.ts → xpl-list-item.d.ts}

@@ -1,9 +1,9 @@
 import type { Components, JSX } from "../types/components";
 
-interface XplProgress extends Components.XplProgress, HTMLElement {}
-export const XplProgress: {
-    prototype: XplProgress;
-    new (): XplProgress;
+interface XplListItem extends Components.XplListItem, HTMLElement {}
+export const XplListItem: {
+    prototype: XplListItem;
+    new (): XplListItem;
 };
 /**
  * Used to define this component and all nested components recursively.

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

@@ -0,0 +1 @@
+import{X as s,d as t}from"./xpl-list-item2.js";const o=s,i=t;export{o as XplListItem,i as defineCustomElement}

package/dist/components/xpl-list-item2.js

@@ -0,0 +1 @@
+import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as s,Host as a,Fragment as l,transformTag as r}from"@stencil/core/internal/client";import{d as n}from"./xpl-avatar2.js";import{d}from"./xpl-badge2.js";import{d as h}from"./xpl-button2.js";import{d as o}from"./xpl-divider2.js";import{d as c}from"./xpl-icon2.js";import{d as m}from"./xpl-radio2.js";const p=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.itemDragEnd=i(this,"itemDragEnd",7),this.itemDragStart=i(this,"itemDragStart",7),this.itemDrop=i(this,"itemDrop",7),this.itemSelect=i(this,"itemSelect",7),this.dragFromHandle=!1,this.slotPresence={actions:!1,avatar:!1,badges:!1,details:!1,errorText:!1,metadata:!1,stackedExtra1:!1,stackedExtra2:!1,stackedExtra3:!1,titleBadge:!1,title:!1},this.isKeyboardMode=!1,this.disabled=!1,this.error=!1,this.hidden=!1,this.keyboardActive=!1,this.reorderable=!1,this.selectable=!1,this.selected=!1,this.showDivider=!1,this.handleDragStart=t=>{if(this.disabled)return void t.preventDefault();if(!this.dragFromHandle)return void t.preventDefault();this.detachDragHandlePointerReleaseListeners(),t.dataTransfer&&(t.dataTransfer.effectAllowed="move",t.dataTransfer.setData("text/plain",this.itemId||this.el.id||""));const e=this.el.querySelector(".xpl-list-item__wrapper");null==e||e.classList.add("dragging"),this.itemDragStart.emit({itemId:this.itemId,item:this.el})},this.handleDrop=t=>{this.disabled||(t.preventDefault(),this.detachDragHandlePointerReleaseListeners(),this.dragFromHandle=!1,this.itemDrop.emit({itemId:this.itemId,item:this.el}))},this.handleDragOver=t=>{this.disabled||(t.preventDefault(),t.dataTransfer&&this.reorderable&&(t.dataTransfer.dropEffect="move"))},this.handleDragEnter=t=>{if(this.disabled)return;t.preventDefault();const e=this.el.querySelector(".xpl-list-item__wrapper");null==e||e.classList.add("drag-over")},this.handleDragLeave=t=>{if(this.disabled)return;const e=this.el.querySelector(".xpl-list-item__wrapper");e&&!e.contains(t.relatedTarget)&&e.classList.remove("drag-over")},this.handleDragEnd=()=>{this.detachDragHandlePointerReleaseListeners(),this.dragFromHandle=!1;const t=this.el.querySelector(".xpl-list-item__wrapper");null==t||t.classList.remove("dragging","drag-over");const e=this.el.parentElement;e&&Array.from(e.children).forEach((t=>{if("xpl-list-item"!==t.tagName.toLowerCase())return;const e=t.querySelector(".xpl-list-item__wrapper");null==e||e.classList.remove("drag-over")})),this.itemDragEnd.emit({itemId:this.itemId,item:this.el})},this.handleDragHandleMouseDown=()=>{if(this.disabled)return;this.detachDragHandlePointerReleaseListeners(),this.dragFromHandle=!0;const t=()=>{this.detachDragHandlePointerReleaseListeners(),this.dragFromHandle=!1};document.addEventListener("pointerup",t,!0),document.addEventListener("pointercancel",t,!0),this.dragHandlePointerReleaseCleanup=()=>{document.removeEventListener("pointerup",t,!0),document.removeEventListener("pointercancel",t,!0)},this.el.dispatchEvent(new CustomEvent("xplListItemReorder",{bubbles:!0,composed:!0,detail:{exitKeyboardMode:!0}}))},this.preventRowLinkNavigation=t=>{this.href&&(t.preventDefault(),t.stopPropagation())},this.handleMouseDown=()=>{this.isKeyboardMode&&this.el.dispatchEvent(new CustomEvent("xplListItemReorder",{bubbles:!0,composed:!0,detail:{itemId:this.itemId,exitKeyboardMode:!0}}))},this.handleDragHandleKeyDown=t=>{this.disabled?"Escape"===t.key&&this.isKeyboardMode&&(t.preventDefault(),this.el.dispatchEvent(new CustomEvent("xplListItemReorder",{bubbles:!0,composed:!0,detail:{itemId:this.itemId,exitKeyboardMode:!0}}))):"Escape"!==t.key?this.isKeyboardMode?"ArrowUp"!==t.key&&"ArrowDown"!==t.key||(t.preventDefault(),this.el.dispatchEvent(new CustomEvent("xplListItemReorder",{bubbles:!0,composed:!0,detail:{direction:"ArrowUp"===t.key?"up":"down",item:this.el,itemId:this.itemId,keyboardMode:!0}}))):"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.el.dispatchEvent(new CustomEvent("xplListItemReorder",{bubbles:!0,composed:!0,detail:{item:this.el,itemId:this.itemId,keyboardMode:!0}}))):this.isKeyboardMode&&(t.preventDefault(),this.el.dispatchEvent(new CustomEvent("xplListItemReorder",{bubbles:!0,composed:!0,detail:{itemId:this.itemId,exitKeyboardMode:!0}})))},this.handleRadioChange=()=>{this.disabled||this.itemSelect.emit({itemId:this.itemId})},this.handleRadioClick=t=>{this.href&&t.stopPropagation()}}handleItemChange(){this.updateSlotPresence()}handleKeyboardActiveChange(t){this.isKeyboardMode=t}handleSelectedChange(t){const e=this.el.querySelector('.xpl-list-item__selectable input[type="radio"]');e instanceof HTMLInputElement&&e.checked!==t&&(e.checked=t)}handleTitleBadgeVariantChange(){this.updateSlotPresence()}connectedCallback(){this.el.addEventListener("mousedown",this.handleMouseDown,!0)}disconnectedCallback(){this.el.removeEventListener("mousedown",this.handleMouseDown,!0),this.detachDragHandlePointerReleaseListeners()}componentWillLoad(){this.updateSlotPresence(),this.isKeyboardMode=!!this.keyboardActive;const t=this.el.getAttribute("item-id");t&&!this.itemId&&(this.itemId=t),this.el.id&&!this.itemId&&(this.itemId=this.el.id)}componentDidRender(){this.syncReorderDragHandleA11y()}handleSlotChange(){this.updateSlotPresence()}updateSlotPresence(){const t=this.el.getAttribute("title-badge-variant")||this.el.getAttribute("titlebadgevariant");this.slotPresence={actions:this.hasSlot("actions"),avatar:this.hasSlot("avatar"),badges:this.hasSlot("badges"),details:this.hasSlot("details"),errorText:this.hasSlot("error-text"),metadata:this.hasSlot("metadata"),stackedExtra1:this.hasSlot("stacked-extra-1"),stackedExtra2:this.hasSlot("stacked-extra-2"),stackedExtra3:this.hasSlot("stacked-extra-3"),title:this.hasSlot("title"),titleBadge:!!(this.titleBadgeVariant&&String(this.titleBadgeVariant).length>0||t&&t.length>0)}}detachDragHandlePointerReleaseListeners(){this.dragHandlePointerReleaseCleanup&&(this.dragHandlePointerReleaseCleanup(),this.dragHandlePointerReleaseCleanup=void 0)}hasSlot(t){if(Array.from(this.el.children).some((e=>e.getAttribute("slot")===t)))return!0;const e=Array.from(this.el.querySelectorAll(`slot[name="${t}"]`)).find((t=>t.closest("xpl-list-item")===this.el));return!(!e||"function"!=typeof e.assignedNodes)&&e.assignedNodes({flatten:!0}).length>0}getTitleSlotAccessibleText(){var t;const e=Array.from(this.el.children).find((t=>"title"===t.getAttribute("slot")));if(e)return null!==(t=e.textContent)&&void 0!==t?t:void 0;const i=Array.from(this.el.querySelectorAll('slot[name="title"]')).find((t=>t.closest("xpl-list-item")===this.el));if(i&&"function"==typeof i.assignedNodes){const t=i.assignedNodes({flatten:!0}).map((t=>{var e,i;return t.nodeType===Node.TEXT_NODE?null!==(e=t.textContent)&&void 0!==e?e:"":t.nodeType===Node.ELEMENT_NODE&&null!==(i=t.textContent)&&void 0!==i?i:""})).join("").trim();return t||void 0}}getRowIdForAccessibleLabel(){var t,e,i;const s=null===(t=this.itemId)||void 0===t?void 0:t.trim();if(s)return s;const a=null===(e=this.el.getAttribute("item-id"))||void 0===e?void 0:e.trim();if(a)return a;return(null===(i=this.el.id)||void 0===i?void 0:i.trim())||""}getSelectableRadioLabel(){var t;const e=this.getRowIdForAccessibleLabel();if(this.slotPresence.title){return(null===(t=this.getTitleSlotAccessibleText())||void 0===t?void 0:t.trim())||(e?`Select ${e}`:"Select list item")}return e?`Select ${e}`:"Select list item"}renderLegacyAvatarCell(){return this.item.avatar&&"string"==typeof this.item.avatar?"/"===this.item.avatar.slice(0,1)||"http"===this.item.avatar.slice(0,4)?s("xpl-avatar",{src:this.item.avatar,name:this.item.title}):s("xpl-avatar",{name:this.item.title},this.item.avatar):null}renderPropBasedItem(){const{item:t}=this,e=t.avatars||t.badges||t.subtext,i=t.href?"a":"div",l=t.href?{href:t.href}:{};return s(a,{role:"listitem",class:{"xpl-list-item":!0,"xpl-list-item--error":this.error,"xpl-list-item--disabled":this.disabled},hidden:this.hidden},this.renderLegacyAvatarCell(),s(i,Object.assign({class:"xpl-list-item-content"},l),s("div",{class:"xpl-list-left"},s("div",null,s("h4",null,t.title),t.metadata&&s("ul",{class:"xpl-list-item-metadata"},t.metadata.map((t=>"string"==typeof t?s("li",null,t):s("li",null,s("xpl-icon",{icon:t.icon})," ",t.text)))))),e&&s("div",{class:"xpl-list-right"},t.subtext&&s("div",{class:"xpl-list-item-subtext"},t.subtext),t.avatars&&s("div",{class:"xpl-avatar-group xpl-avatar-group--s"},t.avatars.map((t=>s("img",{src:t,alt:""})))),t.badges&&t.badges.map((t=>"string"==typeof t?s("xpl-badge",null,t):s("xpl-badge",{dot:t.dot,variant:t.variant},t.text)))),t.href?s("span",{class:"xpl-list-item__link-chevron","aria-hidden":"true"},s("xpl-icon",{icon:"chevron-right",size:12})):null))}renderTitleBadge(){if(!this.slotPresence.titleBadge)return null;const t=this.titleBadgeVariant||this.el.getAttribute("title-badge-variant")||this.el.getAttribute("titlebadgevariant")||"purple";return s("div",{class:"xpl-list-item__title-badge"},s("xpl-badge",{dotOnly:!0,size:"small",variant:t}))}renderSlotBasedItem(){var t;const e=this.slotPresence.details||this.slotPresence.badges||this.slotPresence.actions,i=this.slotPresence.title||this.slotPresence.metadata||this.slotPresence.stackedExtra1||this.slotPresence.stackedExtra2||this.slotPresence.stackedExtra3,r=this.radioName||this.el.getAttribute("radio-name")||"",n=this.reorderable&&!this.disabled,d="xpl-list-item__wrapper",h={draggable:n,onDragStart:this.handleDragStart,onDragOver:this.handleDragOver,onDragEnter:this.handleDragEnter,onDragLeave:this.handleDragLeave,onDrop:this.handleDrop,onDragEnd:this.handleDragEnd},o=s(l,null,n&&s("div",{class:"xpl-list-item__reorderable"},s("xpl-button",{class:{"xpl-list-item__drag-handle":!0,"xpl-list-item__drag-handle--keyboard-mode":this.isKeyboardMode},type:"button",variant:"tertiary",sentiment:"neutral",iconOnly:!0,icon:this.isKeyboardMode?"caret-expand-y":"grip-dots-vertical",disabled:this.disabled,onClick:this.preventRowLinkNavigation,onMouseDown:this.handleDragHandleMouseDown,onKeyDown:this.handleDragHandleKeyDown})),this.selectable&&r?s("div",{class:"xpl-list-item__selectable",onClick:this.handleRadioClick},s("xpl-radio",{checked:this.selected,disabled:this.disabled,name:r,value:null!==(t=this.itemId)&&void 0!==t?t:"",onRadioChange:this.handleRadioChange},this.getSelectableRadioLabel())):null,this.slotPresence.avatar&&s("div",{class:"xpl-list-item__avatar",onClick:this.preventRowLinkNavigation},s("slot",{name:"avatar"})),i&&s("div",{class:"xpl-list-item__stacked"},(this.slotPresence.title||this.slotPresence.titleBadge)&&s("div",{class:"xpl-list-item__title-row"},s("div",{class:"xpl-list-item__title-wrapper"},this.renderTitleBadge(),s("slot",{name:"title"}))),this.showDivider&&s("xpl-divider",null),this.slotPresence.metadata&&s("div",{class:"xpl-list-item__metadata-row"},s("slot",{name:"metadata"})),this.slotPresence.stackedExtra1&&s("div",{class:"xpl-list-item__stacked-extra-1"},s("slot",{name:"stacked-extra-1"})),this.slotPresence.stackedExtra2&&s("div",{class:"xpl-list-item__stacked-extra-2"},s("slot",{name:"stacked-extra-2"})),this.slotPresence.stackedExtra3&&s("div",{class:"xpl-list-item__stacked-extra-3"},s("slot",{name:"stacked-extra-3"}))),e&&s("div",{class:"xpl-list-item__right"},this.slotPresence.details&&s("div",{class:"xpl-list-item__details"},s("slot",{name:"details"})),this.slotPresence.badges&&s("div",{class:"xpl-list-item__badges"},s("slot",{name:"badges"})),this.slotPresence.actions&&s("div",{class:"xpl-list-item__actions",onClick:this.preventRowLinkNavigation},s("slot",{name:"actions"}))),this.href?s("span",{class:"xpl-list-item__link-chevron","aria-hidden":"true"},s("xpl-icon",{icon:"chevron-right",size:12})):null);return s(a,{class:{"xpl-list-item":!0,"xpl-list-item--error":this.error||this.slotPresence.errorText,"xpl-list-item--disabled":this.disabled,"xpl-list-item--slot-based":!0,"xpl-list-item--selected":this.selected},hidden:this.hidden},this.href?s("div",{role:"listitem",class:"xpl-list-item__listitem-shell"},s("a",Object.assign({class:d,href:this.href},h),o)):s("div",Object.assign({role:"listitem",class:d},h),o),this.slotPresence.errorText&&s("div",{class:"xpl-list-item__error-text"},s("xpl-icon",{icon:"circle-warning",size:16}),s("slot",{name:"error-text"})))}syncReorderDragHandleA11y(){if(!this.reorderable||this.disabled)return;const t=this.el.querySelector("xpl-button.xpl-list-item__drag-handle"),e=null==t?void 0:t.querySelector("button");e&&(e.setAttribute("aria-label",this.isKeyboardMode?"Press arrow up or down to reorder, Escape to exit":"Press Enter or Space to activate keyboard reorder mode, or drag to reorder"),e.setAttribute("aria-pressed",this.isKeyboardMode?"true":"false"))}render(){return this.hidden?s(a,{hidden:!0}):this.item?this.renderPropBasedItem():this.renderSlotBasedItem()}get el(){return this}static get watchers(){return{item:[{handleItemChange:0}],keyboardActive:[{handleKeyboardActiveChange:0}],selected:[{handleSelectedChange:0}],titleBadgeVariant:[{handleTitleBadgeVariantChange:0}]}}},[260,"xpl-list-item",{disabled:[4],error:[4],hidden:[4],href:[1],item:[16],itemId:[1025,"item-id"],keyboardActive:[4,"keyboard-active"],radioName:[1,"radio-name"],reorderable:[4],selectable:[4],selected:[4],showDivider:[4,"show-divider"],titleBadgeVariant:[1,"title-badge-variant"],slotPresence:[32],isKeyboardMode:[32]},[[0,"slotchange","handleSlotChange"]],{item:[{handleItemChange:0}],keyboardActive:[{handleKeyboardActiveChange:0}],selected:[{handleSelectedChange:0}],titleBadgeVariant:[{handleTitleBadgeVariantChange:0}]}]);function x(){"undefined"!=typeof customElements&&["xpl-list-item","xpl-avatar","xpl-badge","xpl-button","xpl-divider","xpl-icon","xpl-radio"].forEach((t=>{switch(t){case"xpl-list-item":customElements.get(r(t))||customElements.define(r(t),p);break;case"xpl-avatar":customElements.get(r(t))||n();break;case"xpl-badge":customElements.get(r(t))||d();break;case"xpl-button":customElements.get(r(t))||h();break;case"xpl-divider":customElements.get(r(t))||o();break;case"xpl-icon":customElements.get(r(t))||c();break;case"xpl-radio":customElements.get(r(t))||m()}}))}export{p as X,x as d}

package/dist/components/xpl-list.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as l,h as s,Host as a,transformTag as e,Fragment as i}from"@stencil/core/internal/client";import{d as r}from"./xpl-avatar2.js";import{d as c}from"./xpl-badge2.js";import{d as n}from"./xpl-icon2.js";const p=({avatar:t,avatars:l,badges:a,href:e,title:r,subtext:c,metadata:n})=>{const p=l||a||c,o=s(i,null,t&&("/"===t.slice(0,1)||"http"===t.slice(0,4)?s("xpl-avatar",{src:t,name:r}):s("xpl-avatar",{name:r},t)),s("div",{class:"xpl-list-item-content"},s("div",{class:"xpl-list-left"},s("div",null,s("h4",null,r),n&&s("ul",{class:"xpl-list-item-metadata"},n.map((t=>"string"==typeof t?s("li",null,t):s("li",null,s("xpl-icon",{icon:t.icon})," ",t.text)))))),p&&s("div",{class:"xpl-list-right"},c&&s("div",{class:"xpl-list-item-subtext"},c),l&&s("div",{class:"xpl-avatar-group xpl-avatar-group--s"},l.map((t=>s("img",{src:t,alt:""})))),a&&a.map((t=>"string"==typeof t?s("xpl-badge",null,t):s("xpl-badge",{dot:t.dot,variant:t.variant},t.text))))));return e?s("a",{class:"xpl-list-item",href:e},o):s("div",{class:"xpl-list-item"},o)},o=t(class extends l{constructor(t){super(),!1!==t&&this.__registerHost(),this.items=[]}render(){return s(a,{key:"441b4eae6f2837f20b58221819ca3c10a2fb3491"},this.items.map((t=>s(p,Object.assign({},t)))))}},[0,"xpl-list",{items:[16]}]),m=o,x=function(){"undefined"!=typeof customElements&&["xpl-list","xpl-avatar","xpl-badge","xpl-icon"].forEach((t=>{switch(t){case"xpl-list":customElements.get(e(t))||customElements.define(e(t),o);break;case"xpl-avatar":customElements.get(e(t))||r();break;case"xpl-badge":customElements.get(e(t))||c();break;case"xpl-icon":customElements.get(e(t))||n()}}))};export{m as XplList,x as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,createEvent as i,h as s,Host as l,transformTag as n}from"@stencil/core/internal/client";import{T as r}from"./lifecycle.js";import{d as o}from"./xpl-avatar2.js";import{d as a}from"./xpl-badge2.js";import{d}from"./xpl-button2.js";import{d as h}from"./xpl-divider2.js";import{d as c}from"./xpl-icon2.js";import{d as m}from"./xpl-list-item2.js";import{d as u}from"./xpl-radio2.js";let p=!1;const b=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.itemSelect=i(this,"itemSelect",7),this.orderChange=i(this,"orderChange",7),this.draggedItem=null,this.listItems=[],this.nextAutoItemIdSeq=0,this.radioName="xpl-list-radio-"+Math.random().toString(36).slice(2,11),this.timers=new r,this.keyboardReorderItemId=null,this.reorderLiveMessage="",this.items=[],this.reorderable=!1,this.selectable=!1}handleKeyboardReorderItemIdChange(){this.collectListItems()}handleItemsChange(){this.collectListItems()}handleReorderableChange(){this.collectListItems()}handleSelectableChange(){this.collectListItems()}componentWillLoad(){this.collectListItems(),this.items.length>0&&!p&&(p=!0,console.warn('[xpl-list] The "items" prop is deprecated. Use slot-based xpl-list-item children instead.'))}componentDidLoad(){this.collectListItems()}disconnectedCallback(){this.timers.dispose()}handleKeyDown(e){if(!this.selectable||"Escape"!==e.key||e.defaultPrevented)return;const i=function(e){var i,s;const l=(null!==(s=null===(i=e.composedPath)||void 0===i?void 0:i.call(e))&&void 0!==s?s:[]).find((e=>e instanceof t&&"xpl-list-item"===e.tagName.toLowerCase()));return null!=l?l:null}(e);if(!i||i.parentElement!==this.el)return;const s=i.querySelector('.xpl-list-item__selectable input[type="radio"]');(s instanceof HTMLInputElement&&s.checked||i.selected)&&(e.preventDefault(),this.clearSelection())}handleChildItemSelect(e){if(!this.selectable)return;const t=e.target;"XPL-LIST-ITEM"===t.tagName&&t.parentElement===this.el&&this.syncSelectionFromChildDetail(e.detail)}handleSlotChange(){this.collectListItems()}handleItemDragStart(e){var t;const i=null===(t=e.detail)||void 0===t?void 0:t.item;if(!i||i.parentElement!==this.el)return;null!==this.keyboardReorderItemId&&(this.keyboardReorderItemId=null),this.draggedItem=i;const s=this.draggedItem.querySelector(".xpl-list-item__wrapper");null==s||s.classList.add("dragging")}handleItemDragEnd(e){var t;const i=null===(t=e.detail)||void 0===t?void 0:t.item;if(i&&i.parentElement===this.el){if(this.draggedItem){const e=this.draggedItem.querySelector(".xpl-list-item__wrapper");null==e||e.classList.remove("dragging")}this.draggedItem=null}}handleItemDrop(e){var t;const i=null===(t=e.detail)||void 0===t?void 0:t.item;if(i&&i.parentElement===this.el)if(this.draggedItem&&this.draggedItem.parentElement!==this.el)this.draggedItem=null;else{if(this.draggedItem){const e=this.draggedItem.querySelector(".xpl-list-item__wrapper");null==e||e.classList.remove("dragging")}if(this.draggedItem&&i&&this.draggedItem!==i){const e=this.getVisibleListItemElements(),t=e.indexOf(this.draggedItem),s=e.indexOf(i);if(-1!==t&&-1!==s){const e=t>s?"up":"down",l=this.getItemRowId(this.draggedItem);if("up"===e)this.el.insertBefore(this.draggedItem,i);else{const e=this.getNextVisibleListItemAfter(i);e?this.el.insertBefore(this.draggedItem,e):this.el.appendChild(this.draggedItem)}const n=this.getOrderedItemIds();this.orderChange.emit({itemId:l,direction:e,orderedItemIds:n}),this.announceReorder(l,n),this.el.dispatchEvent(new CustomEvent("xplListReorder",{bubbles:!0,composed:!0,detail:{itemId:l,direction:e,fromIndex:t,toIndex:s,orderedItemIds:n}}))}}this.draggedItem=null,e.preventDefault()}}handleItemReorder(e){e.stopPropagation();const{direction:t,itemId:i,keyboardMode:s,exitKeyboardMode:l}=e.detail;void 0!==s&&(this.keyboardReorderItemId=s?i:null),l&&(this.keyboardReorderItemId=null),t&&i&&this.performReorder(i,t)&&this.el.dispatchEvent(new CustomEvent("xplListReorder",{bubbles:!0,composed:!0,detail:Object.assign(Object.assign({},e.detail),{orderedItemIds:this.getOrderedItemIds()})}))}async clearSelection(){if(!this.selectable)return;this.collectListItems();const e=[];this.listItems.forEach((t=>{const i=t.querySelector('.xpl-list-item__selectable input[type="radio"]');if(i instanceof HTMLInputElement&&i.checked||t.selected){const i=this.getItemRowId(t);i&&e.push(i)}}));const t=[...new Set(e)];this.listItems.forEach((e=>{const t=e.querySelector('.xpl-list-item__selectable input[type="radio"]');t instanceof HTMLInputElement&&(t.checked=!1)})),this.listItems.forEach((e=>{e.selected&&(e.selected=!1)})),t.forEach((e=>{this.itemSelect.emit({itemId:e})}))}syncSelectionFromChildDetail(e){this.collectListItems();const t=e.itemId,i=null!=t&&""!==t;this.listItems.forEach((e=>{const s=this.getItemRowId(e);e.selected=i&&s===t}))}performReorder(e,i){this.listItems=this.getVisibleListItemElements();const s=this.listItems.findIndex((t=>this.getItemRowId(t)===e));if(-1===s)return!1;const l="up"===i?s-1:s+1;if(l<0||l>=this.listItems.length)return!1;const n=this.listItems[s],r=this.listItems[l];if("up"===i)this.el.insertBefore(n,r);else{const e=this.getNextVisibleListItemAfter(r);e?this.el.insertBefore(n,e):this.el.appendChild(n)}const o=this.getOrderedItemIds();return this.orderChange.emit({itemId:e,direction:i,orderedItemIds:o}),this.announceReorder(e,o),this.timers.requestAnimationFrame((()=>{var i;if(!this.el.isConnected)return;const s=this.getDirectChildListItems().find((t=>this.getItemRowId(t)===e)),l=null==s?void 0:s.querySelector(".xpl-list-item__drag-handle"),n=(null===(i=null==l?void 0:l.querySelector)||void 0===i?void 0:i.call(l,"button"))instanceof t?l.querySelector("button"):l;n instanceof t&&n.focus()})),!0}getOrderedItemIds(){return this.getVisibleListItemElements().map((e=>this.getItemRowId(e)))}announceReorder(e,t){if(!this.reorderable||!e)return;const i=t.indexOf(e);if(i<0)return;const s=i+1,l=t.length;this.reorderLiveMessage="",this.timers.requestAnimationFrame((()=>{this.el.isConnected&&(this.reorderLiveMessage=`Item ${e}, now position ${s} of ${l}`)}))}getDirectChildListItems(){return Array.from(this.el.children).filter((e=>"xpl-list-item"===e.tagName.toLowerCase()))}getVisibleListItemElements(){return this.getDirectChildListItems().filter((e=>!e.hasAttribute("hidden")))}isLegacyPropBasedRow(e){return null!=e.item}getNextVisibleListItemAfter(e){let i=e.nextElementSibling;for(;i;){if(i instanceof t&&"xpl-list-item"===i.tagName.toLowerCase()&&!i.hasAttribute("hidden"))return i;i=i.nextElementSibling}return null}collectListItems(){this.listItems=this.getDirectChildListItems();const e=new Set;this.listItems.forEach((t=>{const i=t.getAttribute("item-id")||t.id||(t.itemId?t.itemId+"":"");i&&e.add(i)})),this.listItems.forEach((t=>{if(!t.hasAttribute("item-id")&&!t.id)if(t.itemId)t.setAttribute("item-id",t.itemId),e.add(t.itemId);else{let i;do{i="item-"+this.nextAutoItemIdSeq,this.nextAutoItemIdSeq+=1}while(e.has(i));t.setAttribute("item-id",i),e.add(i)}this.isLegacyPropBasedRow(t)?(t.removeAttribute("selectable"),t.removeAttribute("radio-name"),t.removeAttribute("reorderable")):(this.selectable?(t.setAttribute("selectable","true"),t.setAttribute("radio-name",this.radioName)):(t.removeAttribute("selectable"),t.removeAttribute("radio-name")),this.reorderable?t.setAttribute("reorderable","true"):t.removeAttribute("reorderable"));const i=this.getItemRowId(t);this.isLegacyPropBasedRow(t)?t.removeAttribute("keyboard-active"):this.keyboardReorderItemId&&i===this.keyboardReorderItemId?t.setAttribute("keyboard-active","true"):t.removeAttribute("keyboard-active")}))}getItemRowId(e){return e.getAttribute("item-id")||e.id||e.itemId||""}render(){var e,t,i;const n=(null===(e=this.labelledBy)||void 0===e?void 0:e.trim())?this.labelledBy.trim():void 0,r=!n&&(null===(t=this.label)||void 0===t?void 0:t.trim())?this.label.trim():void 0;return s(l,{key:"4290084c30b164abb653943a81783c35531d6316",role:"list",class:{"xpl-list":!0},"aria-label":r,"aria-labelledby":n},null===(i=this.items)||void 0===i?void 0:i.map(((e,t)=>{var i;const l=null!==(i=e.id)&&void 0!==i?i:"item-"+t;return s("xpl-list-item",{key:"legacy-item-"+l,item:e,href:e.href,itemId:l})})),s("slot",{key:"55ce7202269eab851c0d753fd87ef2d5bf9f59a8"}),this.reorderable?s("div",{class:"xpl-list__reorder-live","aria-live":"assertive","aria-atomic":"true"},this.reorderLiveMessage):null)}get el(){return this}static get watchers(){return{keyboardReorderItemId:[{handleKeyboardReorderItemIdChange:0}],items:[{handleItemsChange:0}],reorderable:[{handleReorderableChange:0}],selectable:[{handleSelectableChange:0}]}}},[260,"xpl-list",{items:[16],label:[1],labelledBy:[1,"labelled-by"],reorderable:[4],selectable:[4],keyboardReorderItemId:[32],reorderLiveMessage:[32],clearSelection:[64]},[[0,"keydown","handleKeyDown"],[0,"itemSelect","handleChildItemSelect"],[0,"slotchange","handleSlotChange"],[0,"itemDragStart","handleItemDragStart"],[0,"itemDragEnd","handleItemDragEnd"],[0,"itemDrop","handleItemDrop"],[0,"xplListItemReorder","handleItemReorder"]],{keyboardReorderItemId:[{handleKeyboardReorderItemIdChange:0}],items:[{handleItemsChange:0}],reorderable:[{handleReorderableChange:0}],selectable:[{handleSelectableChange:0}]}]),I=b,f=function(){"undefined"!=typeof customElements&&["xpl-list","xpl-avatar","xpl-badge","xpl-button","xpl-divider","xpl-icon","xpl-list-item","xpl-radio"].forEach((e=>{switch(e){case"xpl-list":customElements.get(n(e))||customElements.define(n(e),b);break;case"xpl-avatar":customElements.get(n(e))||o();break;case"xpl-badge":customElements.get(n(e))||a();break;case"xpl-button":customElements.get(n(e))||d();break;case"xpl-divider":customElements.get(n(e))||h();break;case"xpl-icon":customElements.get(n(e))||c();break;case"xpl-list-item":customElements.get(n(e))||m();break;case"xpl-radio":customElements.get(n(e))||u()}}))};export{I as XplList,f as defineCustomElement}

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

@@ -1 +1 @@
-import{proxyCustomElement as a,HTMLElement as e,createEvent as n,h as t,Host as d,transformTag as i}from"@stencil/core/internal/client";const c=a(class extends e{constructor(a){super(),!1!==a&&this.__registerHost(),this.navWidth=n(this,"navWidth",7),this.width="default"}navWidthHandler(){this.navWidth.emit(this.width)}connectedCallback(){this.navWidthHandler()}componentDidUpdate(){this.navWidthHandler()}render(){return t(d,{key:"d8a79782b16a4e9f8ab3e6bf88c0314549aa501a",class:"xpl-main-nav xpl-main-nav--"+this.width,"aria-label":"Sidebar"},t("nav",{key:"64dcaed4426ad4f6590671425e7571df5a1cd1d9"},t("header",{key:"7e97eee88a0cfff836aa40c9a2cba2a6dbfa59aa","aria-label":"Sidebar Header"},t("slot",{key:"c281a9fbd5192cd0bda381ba52e55a9a1f6f063b",name:"logo"}),t("slot",{key:"988a49a475779b472cac084f20b7e73ed1528089",name:"brand-name"})),t("div",{key:"6fb1ff561b1136126e466ff86dfff9b124862eb2",class:"xpl-main-nav__main_section"},t("slot",{key:"bf5af4e8b47c8666f7014a8e63102601278c8038",name:"navigation"})),t("footer",{key:"a836bd8d08638490d14ddd812cdc76b1dbe70392",class:"xpl-main-nav__footer","aria-label":"Sidebar Footer"},t("slot",{key:"05143d5082b2f8d699e23611df2b584c90a423c5",name:"footer"}))))}},[260,"xpl-main-nav",{width:[1]}]),f=c,s=function(){"undefined"!=typeof customElements&&["xpl-main-nav"].forEach((a=>{"xpl-main-nav"===a&&(customElements.get(i(a))||customElements.define(i(a),c))}))};export{f as XplMainNav,s as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as a,createEvent as d,h as n,Host as c,transformTag as t}from"@stencil/core/internal/client";const i=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.navWidth=d(this,"navWidth",7),this.width="default"}navWidthHandler(){this.navWidth.emit(this.width)}connectedCallback(){this.navWidthHandler()}componentDidUpdate(){this.navWidthHandler()}render(){return n(c,{key:"12ad41e2631d3cbab84b0bf536ffaf4fc31e7f8b",class:"xpl-main-nav xpl-main-nav--"+this.width,"aria-label":"Sidebar"},n("nav",{key:"54c0fcc49ddda8846279b8efc4afe0244e054211"},n("header",{key:"a1803d0c15541eb7d8b84d17d6e8c5613472dd7e","aria-label":"Sidebar Header"},n("slot",{key:"cee7321f97dc59f7d7e844ecd8fab6ba656b92e9",name:"logo"}),n("slot",{key:"f33cd91b4ad2e7dad79f89401477c7c2cc7636aa",name:"brand-name"})),n("div",{key:"d7951aa7282d7be3107b15196679f2e55c76d847",class:"xpl-main-nav__main_section"},n("slot",{key:"716d5be941f65ce57c2a9f12e4eeaedef83c0dd0",name:"navigation"})),n("footer",{key:"880b9fb98c5d0d2b4133cacb73a7c339590bf8bb",class:"xpl-main-nav__footer","aria-label":"Sidebar Footer"},n("slot",{key:"005c2efc4a3490e50a2b692d0e9dc7e2ce76d938",name:"footer"}))))}},[260,"xpl-main-nav",{width:[1]}]),s=i,l=function(){"undefined"!=typeof customElements&&["xpl-main-nav"].forEach((e=>{"xpl-main-nav"===e&&(customElements.get(t(e))||customElements.define(t(e),i))}))};export{s as XplMainNav,l as defineCustomElement}

package/dist/components/xpl-modal.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,createEvent as a,h as s,Host as c,transformTag as l}from"@stencil/core/internal/client";import{d as i}from"./xpl-backdrop2.js";import{d}from"./xpl-button2.js";import{d as o}from"./xpl-icon2.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.modalClosed=a(this,"modalClosed",7),this.isOpen=!1,this.size="medium",this.variant="default",this.handleDialogClose=()=>{this.isOpen=!1,this.modalClosed.emit()},this.handleNativeBackdropClick=e=>{const t=this.dialogElement.getBoundingClientRect();(e.clientX<t.left||e.clientX>t.right||e.clientY<t.top||e.clientY>t.bottom)&&this.handleDialogClose()}}componentDidLoad(){this.dialogElement=this.element.querySelector("dialog"),this.updateModalState(),this.dialogElement.addEventListener("cancel",this.handleDialogClose),this.dialogElement.addEventListener("click",this.handleNativeBackdropClick)}disconnectedCallback(){this.dialogElement&&(this.dialogElement.removeEventListener("cancel",this.handleDialogClose),this.dialogElement.removeEventListener("click",this.handleNativeBackdropClick))}updateModalState(){var e,t;this.isOpen?null===(t=null===(e=this.dialogElement)||void 0===e?void 0:e.showModal)||void 0===t||t.call(e):this.dialogElement&&"function"==typeof this.dialogElement.close&&setTimeout((()=>{var e;null===(e=this.dialogElement)||void 0===e||e.close()}),250)}render(){return s(c,{key:"54638721a2e8f0928bf9a3c2c4b40b3d4ad54db2",class:"xpl-modal"},this.isOpen&&s("xpl-backdrop",{key:"910ca79829054343c67906d7514a0d34b37832d0"}),s("dialog",{key:"e284d70e8d190e64cb2b8df9a3ae327e7d2b0c00",class:`xpl-modal__dialog xpl-modal-size--${this.size} xpl-modal--${this.isOpen?"is-open":"is-closed"}`},s("div",{key:"42f86b8a9ef1cec791aa8b10458db11130d74839",class:"xpl-modal__header"},s("div",{key:"1884139c12c8d06d23454d4840a32fb8a464dd7b",class:"xpl-modal__title"},"warning"===this.variant&&s("xpl-icon",{key:"5211e56c773f787a7f0a78b45fcf64b2c6eeb44f",size:20,icon:"alert-triangle",class:"xpl-modal__alert-icon"}),s("slot",{key:"64287ebfac58f8f4c7e0133fb7f1d12781d12126",name:"title"}),s("xpl-button",{key:"d10c9ab2f4c9df1b7e830da76414849a1191beaf",type:"button",class:"xpl-modal__close-button","icon-only":!0,size:"sm",variant:"tertiary",onClick:this.handleDialogClose},s("xpl-icon",{key:"55fc8bce80a2a65d522fb3d91b0689ffdb245ed0",icon:"x"}))),s("div",{key:"17474a7e0561833a34b8c21319943ff8bde044f3",class:"xpl-modal__subtitle"},s("slot",{key:"5b482ed4b113f17906e4d1106426ae567c937a4e",name:"subtitle"}))),s("div",{key:"85e702a36d347ef2b941f5c590504433798020a0",class:"xpl-modal__body"},s("slot",{key:"a5b9cc60582a82126e000ec9b74aee9376e37253",name:"body"})),s("div",{key:"cff53f9aec109cff62835a9e13d168e434baec73",class:"xpl-modal__footer"},s("slot",{key:"cafc86918fca71f085c1e8d9c88f244bd5230f78",name:"tertiary"}),s("slot",{key:"a0fbe836ebe814c85571514bb53316429e1e65e1",name:"secondary"}),s("slot",{key:"cbf2a03c2d032fc32d1b0ecd319df7383085cfd3",name:"primary"}))))}get element(){return this}static get watchers(){return{isOpen:[{updateModalState:0}]}}},[260,"xpl-modal",{isOpen:[1540,"is-open"],size:[1],variant:[1]},void 0,{isOpen:[{updateModalState:0}]}]),b=n,f=function(){"undefined"!=typeof customElements&&["xpl-modal","xpl-backdrop","xpl-button","xpl-icon"].forEach((e=>{switch(e){case"xpl-modal":customElements.get(l(e))||customElements.define(l(e),n);break;case"xpl-backdrop":customElements.get(l(e))||i();break;case"xpl-button":customElements.get(l(e))||d();break;case"xpl-icon":customElements.get(l(e))||o()}}))};export{b as XplModal,f as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,createEvent as a,h as s,Host as c,transformTag as l}from"@stencil/core/internal/client";import{d as i}from"./xpl-backdrop2.js";import{d}from"./xpl-button2.js";import{d as o}from"./xpl-icon2.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.modalClosed=a(this,"modalClosed",7),this.isOpen=!1,this.size="medium",this.variant="default",this.handleDialogClose=()=>{this.isOpen=!1,this.modalClosed.emit()},this.handleNativeBackdropClick=e=>{const t=this.dialogElement.getBoundingClientRect();(e.clientX<t.left||e.clientX>t.right||e.clientY<t.top||e.clientY>t.bottom)&&this.handleDialogClose()}}componentDidLoad(){this.dialogElement=this.element.querySelector("dialog"),this.updateModalState(),this.dialogElement.addEventListener("cancel",this.handleDialogClose),this.dialogElement.addEventListener("click",this.handleNativeBackdropClick)}disconnectedCallback(){this.dialogElement&&(this.dialogElement.removeEventListener("cancel",this.handleDialogClose),this.dialogElement.removeEventListener("click",this.handleNativeBackdropClick))}updateModalState(){var e,t;this.isOpen?null===(t=null===(e=this.dialogElement)||void 0===e?void 0:e.showModal)||void 0===t||t.call(e):this.dialogElement&&"function"==typeof this.dialogElement.close&&setTimeout((()=>{var e;null===(e=this.dialogElement)||void 0===e||e.close()}),250)}render(){return s(c,{key:"1014ca8cb29f3cfeb7f2cf580127b8fe61e7bcbd",class:"xpl-modal"},this.isOpen&&s("xpl-backdrop",{key:"0085b008fb42a998c2b27690102b8ae7f0e49c67"}),s("dialog",{key:"9e2d23304e10872ed3dc9a7520537e36bf8b8f5b",class:`xpl-modal__dialog xpl-modal-size--${this.size} xpl-modal--${this.isOpen?"is-open":"is-closed"}`},s("div",{key:"f55a9d85fc271183e0a6b7e60fb4ad5ed623b010",class:"xpl-modal__header"},s("div",{key:"ac105d7ee88148e4b10b26522f93fea70b8d6c06",class:"xpl-modal__title"},"warning"===this.variant&&s("xpl-icon",{key:"89ff5fda063dc98628c409ee51c124f17f9e7553",size:20,icon:"alert-triangle",class:"xpl-modal__alert-icon"}),s("slot",{key:"03e05d28ca6449859ac58f0b0efaf3d8e24c1d62",name:"title"}),s("xpl-button",{key:"ff132fcbaf91ab6922b12f667255594673e21bd5",type:"button",class:"xpl-modal__close-button","icon-only":!0,size:"sm",variant:"tertiary",onClick:this.handleDialogClose},s("xpl-icon",{key:"6d712ffc1de66d43591ccf71b08ed5e823fc4c8f",icon:"x"}))),s("div",{key:"ff5f20b209f6d704d0d20561818ca3ea5b353fce",class:"xpl-modal__subtitle"},s("slot",{key:"de25d1ab35729ad5ee0e279311285eab20fb7669",name:"subtitle"}))),s("div",{key:"286f34b54309527c836cb7cc06018ffc577c500f",class:"xpl-modal__body"},s("slot",{key:"960036c7d3da774ad0f59ccf2c859d7ba3ec3a98",name:"body"})),s("div",{key:"24f7db0e4153d9f4105d787abdc1fe491ba6633c",class:"xpl-modal__footer"},s("slot",{key:"4f096e57455b20caec555a008a14d411f40b53d7",name:"tertiary"}),s("slot",{key:"1fee8182d892c3460fe30c20456e1b9139bafaec",name:"secondary"}),s("slot",{key:"e2b91a7af9f34c297d6c311823c91f9a0ab4059c",name:"primary"}))))}get element(){return this}static get watchers(){return{isOpen:[{updateModalState:0}]}}},[260,"xpl-modal",{isOpen:[1540,"is-open"],size:[1],variant:[1]},void 0,{isOpen:[{updateModalState:0}]}]),f=n,b=function(){"undefined"!=typeof customElements&&["xpl-modal","xpl-backdrop","xpl-button","xpl-icon"].forEach((e=>{switch(e){case"xpl-modal":customElements.get(l(e))||customElements.define(l(e),n);break;case"xpl-backdrop":customElements.get(l(e))||i();break;case"xpl-button":customElements.get(l(e))||d();break;case"xpl-icon":customElements.get(l(e))||o()}}))};export{f as XplModal,b as defineCustomElement}

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

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

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

@@ -0,0 +1 @@
+import{proxyCustomElement as e,HTMLElement as t,h as i,Host as s,transformTag as d}from"@stencil/core/internal/client";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.rightAsideMobilePresent=!1}connectedCallback(){this.syncRightAsideMobileSlotPresent(),this.connectRightAsideMobileSlotObserver()}disconnectedCallback(){void 0!==this.deferredRightAsideSlotWorkTimeoutId&&(clearTimeout(this.deferredRightAsideSlotWorkTimeoutId),this.deferredRightAsideSlotWorkTimeoutId=void 0),this.disconnectRightAsideMobileSlotObserver()}componentWillLoad(){this.syncRightAsideMobileSlotPresent()}componentWillRender(){this.disconnectRightAsideMobileSlotObserver()}componentDidRender(){this.scheduleDeferredRightAsideSlotWork()}scheduleDeferredRightAsideSlotWork(){void 0!==this.deferredRightAsideSlotWorkTimeoutId&&clearTimeout(this.deferredRightAsideSlotWorkTimeoutId),this.deferredRightAsideSlotWorkTimeoutId=setTimeout((()=>{this.deferredRightAsideSlotWorkTimeoutId=void 0,this.el.isConnected&&(this.syncRightAsideMobileSlotPresent(),this.connectRightAsideMobileSlotObserver())}),0)}connectRightAsideMobileSlotObserver(){this.disconnectRightAsideMobileSlotObserver(),"undefined"!=typeof MutationObserver&&(this.rightAsideMobileSlotObserver=new MutationObserver((()=>{this.scheduleDeferredRightAsideSlotWork()})),this.rightAsideMobileSlotObserver.observe(this.el,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["slot"]}))}disconnectRightAsideMobileSlotObserver(){var e;null===(e=this.rightAsideMobileSlotObserver)||void 0===e||e.disconnect(),this.rightAsideMobileSlotObserver=void 0}syncRightAsideMobileSlotPresent(){const e=null!=this.el.querySelector('[slot="right-aside-mobile"]');e!==this.rightAsideMobilePresent&&(this.rightAsideMobilePresent=e)}render(){return i(s,{key:"677e0ab10d9bb5578f472101c677222e038c2b4a",class:{"xpl-nav-header-menu":!0,"xpl-nav-header-menu--has-right-aside-mobile":this.rightAsideMobilePresent,dark:!0}},(!!this.username||!!this.email)&&i("div",{key:"fa3898bd0b2aa4726d44ad991a2c6272d4f323de",class:"xpl-nav-header-menu__profile"},i("div",{key:"354ff7d001e5b545cc7c4310ee10cae7d72c6159",class:"xpl-nav-header-menu__info"},this.username&&i("div",{key:"92b6486692879a602e87062820d7cbf175bf15d2",class:"xpl-nav-header-menu__username"},this.username),this.email&&i("div",{key:"a228df8215ffd68c36631e11184ba38c790bc560",class:"xpl-nav-header-menu__email"},this.email))),i("div",{key:"0ee2394e784f6efb43f04ec65765481203dda954",class:"xpl-nav-header-menu__right-aside-mobile"},i("slot",{key:"f551acc13c6e6f2611e78d04de72987048011318",name:"right-aside-mobile"})),i("div",{key:"b90709dea7e169df42acaf8125a9359321c979ff",class:"xpl-nav-header-menu__slot",role:"list"},i("slot",{key:"c35efb10d04d4d4b0bbf832d8541ba6d4b9782c0"})))}get el(){return this}},[260,"xpl-nav-header-menu",{email:[1],username:[1],rightAsideMobilePresent:[32]}]),n=a,l=function(){"undefined"!=typeof customElements&&["xpl-nav-header-menu"].forEach((e=>{"xpl-nav-header-menu"===e&&(customElements.get(d(e))||customElements.define(d(e),a))}))};export{n as XplNavHeaderMenu,l as defineCustomElement}

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

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,createEvent as n,h as s,Host as o,transformTag as c}from"@stencil/core/internal/client";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.navOpen=n(this,"navOpen",7),this.navControl=!1}onNavToggle(){window.innerWidth<=640&&this.navOpen.emit(!1)}render(){return s(o,{key:"7e852a7daf95bc3f9b4c87bad07504496b6a5863",class:"xpl-nav-item",role:"listitem",onClick:()=>{this.navControl&&this.onNavToggle()}},s("slot",{key:"a88118864c2bdc808b7de975a530b77916b3750f",name:"link"},s("slot",{key:"91d6a9c350e5de8c6221587795d43e1c315bb8cc",name:"icon"}),s("slot",{key:"e37e0ee23226eb03200b12092e11a7ae47800abf"})))}},[260,"xpl-nav-item",{navControl:[4,"nav-control"]}]),i=a,l=function(){"undefined"!=typeof customElements&&["xpl-nav-item"].forEach((e=>{"xpl-nav-item"===e&&(customElements.get(c(e))||customElements.define(c(e),a))}))};export{i as XplNavItem,l as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,createEvent as n,h as s,Host as o,transformTag as i}from"@stencil/core/internal/client";const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.navOpen=n(this,"navOpen",7),this.navControl=!1}onNavToggle(){window.innerWidth<=640&&this.navOpen.emit(!1)}render(){return s(o,{key:"5e0a171c719802e96d48f7d635c189563387fade",class:"xpl-nav-item",role:"listitem",onClick:()=>{this.navControl&&this.onNavToggle()}},s("slot",{key:"aff0155598a1b64d50168552ff251b824d00a86f",name:"link"},s("slot",{key:"28da4593d2302b2867b0792562dc5b7b3ddd6983",name:"icon"}),s("slot",{key:"93e12751d2320608ee7a10d73eef67a1c1bb5443"})))}},[260,"xpl-nav-item",{navControl:[4,"nav-control"]}]),a=l,c=function(){"undefined"!=typeof customElements&&["xpl-nav-item"].forEach((e=>{"xpl-nav-item"===e&&(customElements.get(i(e))||customElements.define(i(e),l))}))};export{a as XplNavItem,c as defineCustomElement}

package/dist/components/xpl-pagination.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,createEvent as a,h as s,Host as o,transformTag as i}from"@stencil/core/internal/client";import{d as n}from"./xpl-dropdown2.js";import{d as l}from"./xpl-dropdown-group2.js";import{d as p}from"./xpl-dropdown-heading2.js";import{d as r}from"./xpl-dropdown-option2.js";import{d as c}from"./xpl-icon2.js";import{d}from"./xpl-select2.js";import{d as h}from"./xpl-tag2.js";const g=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.pageChange=a(this,"pageChange",7),this.rowsPerPageChange=a(this,"rowsPerPageChange",7),this.totalPages=1,this.withPageControl=!1,this.currentPage=1,this.rowsPerPageOptions="10,25,50,100,150",this.selectedRowsPerPage=10,this.rowsPerPageSelectRef=null,this.pageSelectRef=null,this.handleNextPage=()=>{this.currentPage<this.totalPages&&(this.currentPage+=1)},this.handlePrevPage=()=>{this.currentPage>1&&(this.currentPage-=1)},this.handlePageChange=e=>{const t=parseInt(e.detail,10);Number.isNaN(t)||(this.currentPage=t)},this.handleRowsChange=e=>{const t=parseInt(e.detail,10);Number.isNaN(t)||(this.selectedRowsPerPage=t)}}get rowsPerPageOptionsArray(){return this.rowsPerPageOptions.split(",").map(Number)}onPageUpdate(e){e<1?this.currentPage=1:e>this.totalPages&&(this.currentPage=this.totalPages),this.pageChange.emit(this.currentPage)}onRowsPerPageUpdate(e){this.rowsPerPageChange.emit(e)}componentDidLoad(){var e,t;null===(e=this.rowsPerPageSelectRef)||void 0===e||e.addEventListener("changeEvent",this.handleRowsChange),null===(t=this.pageSelectRef)||void 0===t||t.addEventListener("changeEvent",this.handlePageChange)}disconnectedCallback(){var e,t;null===(e=this.rowsPerPageSelectRef)||void 0===e||e.removeEventListener("changeEvent",this.handleRowsChange),null===(t=this.pageSelectRef)||void 0===t||t.removeEventListener("changeEvent",this.handlePageChange)}render(){const e=this.currentPage<=1,t=this.currentPage>=this.totalPages;return s(o,{key:"a4b8f4ddd9b29563f64282e5728119e1552e5358",class:`xpl-pagination xpl-pagination__${this.withPageControl?"with":"no"}-page-control`},this.withPageControl&&s("div",{key:"00c0d20d2bc57eebd82105ebafe08a5696496b16",class:"xpl-pagination__rows-per-page"},s("label",{key:"1b28a926bbaa4b888217941bb0bf2d897d79dfbc",class:"xpl-pagination__rows-label"},"Rows per page:"),s("xpl-select",{key:"f8265a8d87986cfc0afbfcd9d783d767748a8957",class:"xpl-pagination__rows-per-page-select",choices:this.rowsPerPageOptionsArray.map((e=>({label:""+e,value:""+e,isSelected:e===this.selectedRowsPerPage}))),ref:e=>{this.rowsPerPageSelectRef=e}})),s("div",{key:"1444d9005878427c44a573d4f6dd1d674b677228",class:"xpl-pagination__pager"},s("button",{key:"08b98f8c1983543dad93c53d7c71d1aa71b4a45a",class:"xpl-pagination__pager-button xpl-pagination__pager-button-prev",disabled:e,onClick:this.handlePrevPage,"aria-label":"Previous Page",tabindex:"0"},s("xpl-icon",{key:"dcc26fcb7be5f525b4767d0860766f3a216a93e4",icon:"arrow-left",size:20})),s("xpl-select",{key:"7ba55fb451e26b31aba360876d8ee3b2bb423e19",class:"xpl-pagination__page-select",choices:Array.from({length:this.totalPages},((e,t)=>({label:"Page "+(t+1),value:""+(t+1),isSelected:t+1===this.currentPage}))),"custom-display-value":!0,ref:e=>{this.pageSelectRef=e}},s("div",{key:"9c8adc967a098d954477d9032f6d22a0192948e0",slot:"custom-display-value"},`${this.currentPage} of ${this.totalPages}`)),s("button",{key:"73b5bcbe7ce988c7f5f12ec4ea179bb879f39919",class:"xpl-pagination__pager-button xpl-pagination__pager-button-next",disabled:t,onClick:this.handleNextPage,"aria-label":"Next Page",tabindex:"0"},s("xpl-icon",{key:"fb95a3807dc37c419195b2c88c2d8dc39b183880",icon:"arrow-right",size:20}))))}static get watchers(){return{currentPage:[{onPageUpdate:0}],selectedRowsPerPage:[{onRowsPerPageUpdate:0}]}}},[0,"xpl-pagination",{totalPages:[2,"total-pages"],withPageControl:[4,"with-page-control"],currentPage:[1026,"current-page"],rowsPerPageOptions:[1,"rows-per-page-options"],selectedRowsPerPage:[1026,"selected-rows-per-page"]},void 0,{currentPage:[{onPageUpdate:0}],selectedRowsPerPage:[{onRowsPerPageUpdate:0}]}]),b=g,u=function(){"undefined"!=typeof customElements&&["xpl-pagination","xpl-dropdown","xpl-dropdown-group","xpl-dropdown-heading","xpl-dropdown-option","xpl-icon","xpl-select","xpl-tag"].forEach((e=>{switch(e){case"xpl-pagination":customElements.get(i(e))||customElements.define(i(e),g);break;case"xpl-dropdown":customElements.get(i(e))||n();break;case"xpl-dropdown-group":customElements.get(i(e))||l();break;case"xpl-dropdown-heading":customElements.get(i(e))||p();break;case"xpl-dropdown-option":customElements.get(i(e))||r();break;case"xpl-icon":customElements.get(i(e))||c();break;case"xpl-select":customElements.get(i(e))||d();break;case"xpl-tag":customElements.get(i(e))||h()}}))};export{b as XplPagination,u as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,createEvent as s,h as a,Host as o,transformTag as i}from"@stencil/core/internal/client";import{d as n}from"./xpl-dropdown2.js";import{d as c}from"./xpl-dropdown-group2.js";import{d as l}from"./xpl-dropdown-heading2.js";import{d as p}from"./xpl-dropdown-option2.js";import{d as r}from"./xpl-icon2.js";import{d}from"./xpl-select2.js";import{d as h}from"./xpl-tag2.js";const g=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.pageChange=s(this,"pageChange",7),this.rowsPerPageChange=s(this,"rowsPerPageChange",7),this.totalPages=1,this.withPageControl=!1,this.currentPage=1,this.rowsPerPageOptions="10,25,50,100,150",this.selectedRowsPerPage=10,this.rowsPerPageSelectRef=null,this.pageSelectRef=null,this.handleNextPage=()=>{this.currentPage<this.totalPages&&(this.currentPage+=1)},this.handlePrevPage=()=>{this.currentPage>1&&(this.currentPage-=1)},this.handlePageChange=e=>{const t=parseInt(e.detail,10);Number.isNaN(t)||(this.currentPage=t)},this.handleRowsChange=e=>{const t=parseInt(e.detail,10);Number.isNaN(t)||(this.selectedRowsPerPage=t)}}get rowsPerPageOptionsArray(){return this.rowsPerPageOptions.split(",").map(Number)}onPageUpdate(e){e<1?this.currentPage=1:e>this.totalPages&&(this.currentPage=this.totalPages),this.pageChange.emit(this.currentPage)}onRowsPerPageUpdate(e){this.rowsPerPageChange.emit(e)}componentDidLoad(){var e,t;null===(e=this.rowsPerPageSelectRef)||void 0===e||e.addEventListener("changeEvent",this.handleRowsChange),null===(t=this.pageSelectRef)||void 0===t||t.addEventListener("changeEvent",this.handlePageChange)}disconnectedCallback(){var e,t;null===(e=this.rowsPerPageSelectRef)||void 0===e||e.removeEventListener("changeEvent",this.handleRowsChange),null===(t=this.pageSelectRef)||void 0===t||t.removeEventListener("changeEvent",this.handlePageChange)}render(){const e=this.currentPage<=1,t=this.currentPage>=this.totalPages;return a(o,{key:"cb9e0db1008dfadcfb48ae308d8e595dc751a6ee",class:`xpl-pagination xpl-pagination__${this.withPageControl?"with":"no"}-page-control`},this.withPageControl&&a("div",{key:"30d272307c28e0b50d78b036ec63f4d2a120aaa0",class:"xpl-pagination__rows-per-page"},a("label",{key:"cc5969dbc2685aff198f03ef593dd714570225dd",class:"xpl-pagination__rows-label"},"Rows per page:"),a("xpl-select",{key:"447ee86d134c70f51c4a756c499bb6766d10ed7f",class:"xpl-pagination__rows-per-page-select",choices:this.rowsPerPageOptionsArray.map((e=>({label:""+e,value:""+e,isSelected:e===this.selectedRowsPerPage}))),ref:e=>{this.rowsPerPageSelectRef=e}})),a("div",{key:"ac10b2efa235b3a065c7089bfb8674d6e015ee0c",class:"xpl-pagination__pager"},a("button",{key:"83e9cc02336b94fe3cc8b16ba52d01ab70c50eb1",class:"xpl-pagination__pager-button xpl-pagination__pager-button-prev",disabled:e,onClick:this.handlePrevPage,"aria-label":"Previous Page",tabindex:"0"},a("xpl-icon",{key:"12a92187d96ad9c2973fd73c2b61c1c04cce589b",icon:"arrow-left",size:20})),a("xpl-select",{key:"79324205919048c207044ca7916a276675463d25",class:"xpl-pagination__page-select",choices:Array.from({length:this.totalPages},((e,t)=>({label:"Page "+(t+1),value:""+(t+1),isSelected:t+1===this.currentPage}))),"custom-display-value":!0,ref:e=>{this.pageSelectRef=e}},a("div",{key:"73674015b0e1f8c9175c2af2a409cf1beb57fb9d",slot:"custom-display-value"},`${this.currentPage} of ${this.totalPages}`)),a("button",{key:"6cecec44e8dfe62b9c6c94b33bad64473e0660a7",class:"xpl-pagination__pager-button xpl-pagination__pager-button-next",disabled:t,onClick:this.handleNextPage,"aria-label":"Next Page",tabindex:"0"},a("xpl-icon",{key:"9d21370837ee23434c94d790c7e300358d352e93",icon:"arrow-right",size:20}))))}static get watchers(){return{currentPage:[{onPageUpdate:0}],selectedRowsPerPage:[{onRowsPerPageUpdate:0}]}}},[0,"xpl-pagination",{totalPages:[2,"total-pages"],withPageControl:[4,"with-page-control"],currentPage:[1026,"current-page"],rowsPerPageOptions:[1,"rows-per-page-options"],selectedRowsPerPage:[1026,"selected-rows-per-page"]},void 0,{currentPage:[{onPageUpdate:0}],selectedRowsPerPage:[{onRowsPerPageUpdate:0}]}]),b=g,u=function(){"undefined"!=typeof customElements&&["xpl-pagination","xpl-dropdown","xpl-dropdown-group","xpl-dropdown-heading","xpl-dropdown-option","xpl-icon","xpl-select","xpl-tag"].forEach((e=>{switch(e){case"xpl-pagination":customElements.get(i(e))||customElements.define(i(e),g);break;case"xpl-dropdown":customElements.get(i(e))||n();break;case"xpl-dropdown-group":customElements.get(i(e))||c();break;case"xpl-dropdown-heading":customElements.get(i(e))||l();break;case"xpl-dropdown-option":customElements.get(i(e))||p();break;case"xpl-icon":customElements.get(i(e))||r();break;case"xpl-select":customElements.get(i(e))||d();break;case"xpl-tag":customElements.get(i(e))||h()}}))};export{b as XplPagination,u as defineCustomElement}

package/dist/components/xpl-panel.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as n,h as a,Host as t,transformTag as l}from"@stencil/core/internal/client";const s=e(class extends n{constructor(e){super(),!1!==e&&this.__registerHost(),this.accent="none",this.padding="default"}render(){const e="none"!==this.accent;return a(t,{key:"a247ab70a6b062022146b88d95b382f879cb8ee7",class:{"xpl-panel":!0,["xpl-panel--accent-"+this.accent]:e,["xpl-panel--padding-"+this.padding]:!0}},e&&a("div",{key:"100febab4991a83e7463198331253fe7c7425a1d",class:"xpl-panel__accent"}),a("div",{key:"c0758ab1d25675236ab15f052f45a29432021019",class:"xpl-panel__content"},a("slot",{key:"948ec6423935f7ae825f78a89b456f72a66819a8"})))}},[260,"xpl-panel",{accent:[1],padding:[1]}]),c=s,p=function(){"undefined"!=typeof customElements&&["xpl-panel"].forEach((e=>{"xpl-panel"===e&&(customElements.get(l(e))||customElements.define(l(e),s))}))};export{c as XplPanel,p as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as n,h as a,Host as t,transformTag as c}from"@stencil/core/internal/client";const l=e(class extends n{constructor(e){super(),!1!==e&&this.__registerHost(),this.accent="none",this.padding="default"}render(){const e="none"!==this.accent;return a(t,{key:"a9618f21b7aba5804881ec509d47909b87ad9aa5",class:{"xpl-panel":!0,["xpl-panel--accent-"+this.accent]:e,["xpl-panel--padding-"+this.padding]:!0}},e&&a("div",{key:"5b92aa4395658996de2736941d6c0d0262903013","aria-hidden":"true",class:"xpl-panel__accent"}),a("div",{key:"5b22eb3d1911ce2d68876c0bc0bc61f947c830f9",class:"xpl-panel__content"},a("slot",{key:"b2f331aa8ea4328b0e50736d97361a7bfcde60ed"})))}},[260,"xpl-panel",{accent:[1],padding:[1]}]),s=l,d=function(){"undefined"!=typeof customElements&&["xpl-panel"].forEach((e=>{"xpl-panel"===e&&(customElements.get(c(e))||customElements.define(c(e),l))}))};export{s as XplPanel,d as defineCustomElement}

package/dist/components/xpl-popover2.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,createEvent as o,h as i,Host as d,transformTag as s}from"@stencil/core/internal/client";import{t as r}from"./index3.js";const a=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.isOpenChange=o(this,"isOpenChange",7),this.isOpen=!1,this.disabled=!1,this.position="bottom-middle",this.display="arrow",this.isOpenState=this.isOpen,this.actualPosition=this.position,this.togglePopover=()=>{this.disabled||(this.isOpenState=!this.isOpenState)},this.handleKeyDown=t=>{"Escape"===t.key&&this.isOpenState&&(this.isOpenState=!1)},this.handleClickOutside=({target:t})=>{!this.el.contains(t)&&this.isOpenState&&(this.isOpenState=!1)}}onIsOpenPropChange(t){this.isOpenState=t}onIsOpenStateChange(t){this.updateActualPosition(t),this.isOpenChange.emit(t)}updateActualPosition(t){if(!this.triggerRef||!this.contentRef||!t)return;const e={"top-left":["top-left","bottom-left","top-right","bottom-right","top-middle","bottom-middle"],"bottom-left":["bottom-left","top-left","bottom-right","top-right","bottom-middle","top-middle"],"top-right":["top-right","bottom-right","top-left","bottom-left","top-middle","bottom-middle"],"bottom-right":["bottom-right","top-right","bottom-left","top-left","bottom-middle","top-middle"],"middle-left":["middle-left","middle-right","bottom-left","top-left","bottom-middle","top-middle"],"middle-right":["middle-right","middle-left","bottom-right","top-right","bottom-middle","top-middle"],"top-middle":["top-middle","top-start","top-end","bottom-middle","top-left","top-right"],"bottom-middle":["bottom-middle","bottom-start","bottom-end","top-middle","bottom-left","bottom-right"],"top-start":["top-start","bottom-start","top-end","bottom-end","top-middle","bottom-middle"],"top-end":["top-end","bottom-end","top-start","bottom-start","top-middle","bottom-middle"],"bottom-start":["bottom-start","top-start","bottom-end","top-end","bottom-middle","top-middle"],"bottom-end":["bottom-end","top-end","bottom-start","top-start","bottom-middle","top-middle"]}[this.position].find((t=>{const{top:e,left:o,bottom:i,right:d}=this.triggerRef.getBoundingClientRect(),{width:s,height:r}=this.contentRef.getBoundingClientRect(),{innerWidth:a,innerHeight:n}=window,p=i+r<n,l=e-r>=0,m=o-s>=0,h=d+s<a,c=(e+i)/2,b=t=>t&&c-r/2>=0&&c+r/2<=n,f=(o+d)/2,g=t=>t&&f-s/2>=0&&f+s/2<=a,u=o+s<a,w=d-s>=0;switch(t){case"top-left":return p&&m;case"middle-left":return b(m);case"bottom-left":return l&&m;case"top-right":return p&&h;case"middle-right":return b(h);case"bottom-right":return l&&h;case"top-middle":return g(l);case"bottom-middle":return g(p);case"top-start":return l&&u;case"top-end":return l&&w;case"bottom-start":return p&&u;case"bottom-end":return p&&w;default:return!1}}))||this.position;this.actualPosition=e}connectedCallback(){document.addEventListener("mousedown",this.handleClickOutside.bind(this)),document.addEventListener("keydown",this.handleKeyDown),this.updateListener=r((()=>{this.updateActualPosition(this.isOpenState)})),["resize","scroll"].forEach((t=>{window.addEventListener(t,this.updateListener,{passive:!0})}))}disconnectedCallback(){document.removeEventListener("mousedown",this.handleClickOutside),document.removeEventListener("keydown",this.handleKeyDown),["resize","scroll"].forEach((t=>{window.removeEventListener(t,this.updateListener)}))}render(){return i(d,{key:"5ed2eca6cac15c5009d0a5440f4a1f1e4dce8260"},i("div",{key:"f396004504407a1215e76187be06a27e56bd4a49",class:{"xpl-popover":!0,[`xpl-popover--${this.actualPosition}`]:!0,"xpl-popover--is-open":this.isOpenState}},i("span",{key:"23ac1ebf38617b2a9bd91a1ccfe37d212191f76c",role:"button",tabindex:"0","aria-haspopup":"dialog","aria-expanded":this.isOpenState?"true":"false",onClick:this.togglePopover,ref:t=>{this.triggerRef=t}},i("slot",{key:"ee427ff33db360b11719a886ad724a2bceb64eed",name:"trigger"})),"arrow"===this.display&&i("div",{key:"27fb57c24abdf3eecb6aae0a96f9b6256ee593a3",class:"xpl-popover__arrow"},i("svg",{key:"3456fa0239edafe272047446d3aed0ebd4490275",width:"17",height:"14",xmlns:"http://www.w3.org/2000/svg"},i("path",{key:"e5de57c7cbf5301548af4eb5f79d14acc459d0a8",d:"M0 5h15l-7.5 7.5L0 5Z",fill:"white",stroke:"none",class:"arrow-fill"}),i("path",{key:"784f569c0baf0f6fdfad6bda1a36e6ee43293dce",d:"M0 5 L7.5 12.5 L15 5",fill:"none",stroke:"black","stroke-width":"1",class:"arrow-stroke"}))),i("div",{key:"6ca95b76529ddfa681d4b11a30dceaaa4a3a10c4",class:{"xpl-popover__content":!0,[`xpl-popover__content--display-${this.display}`]:!0},ref:t=>this.contentRef=t},i("slot",{key:"75c6768b7e10ac698d54bdc30d052a6c0e98bd75"}))))}get el(){return this}static get watchers(){return{isOpen:[{onIsOpenPropChange:0}],isOpenState:[{onIsOpenStateChange:0}]}}},[260,"xpl-popover",{isOpen:[4,"is-open"],disabled:[4],position:[1],display:[1],isOpenState:[32],actualPosition:[32],updateListener:[32]},void 0,{isOpen:[{onIsOpenPropChange:0}],isOpenState:[{onIsOpenStateChange:0}]}]);function n(){"undefined"!=typeof customElements&&["xpl-popover"].forEach((t=>{"xpl-popover"===t&&(customElements.get(s(t))||customElements.define(s(t),a))}))}export{a as P,n as d}
+import{proxyCustomElement as t,HTMLElement as e,createEvent as o,h as i,Host as d,transformTag as s}from"@stencil/core/internal/client";import{t as r}from"./index3.js";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.isOpenChange=o(this,"isOpenChange",7),this.isOpen=!1,this.disabled=!1,this.position="bottom-middle",this.display="arrow",this.isOpenState=this.isOpen,this.actualPosition=this.position,this.togglePopover=()=>{this.disabled||(this.isOpenState=!this.isOpenState)},this.handleKeyDown=t=>{"Escape"===t.key&&this.isOpenState&&(this.isOpenState=!1)},this.handleClickOutside=({target:t})=>{!this.el.contains(t)&&this.isOpenState&&(this.isOpenState=!1)}}onIsOpenPropChange(t){this.isOpenState=t}onIsOpenStateChange(t){this.updateActualPosition(t),this.isOpenChange.emit(t)}updateActualPosition(t){if(!this.triggerRef||!this.contentRef||!t)return;const e={"top-left":["top-left","bottom-left","top-right","bottom-right","top-middle","bottom-middle"],"bottom-left":["bottom-left","top-left","bottom-right","top-right","bottom-middle","top-middle"],"top-right":["top-right","bottom-right","top-left","bottom-left","top-middle","bottom-middle"],"bottom-right":["bottom-right","top-right","bottom-left","top-left","bottom-middle","top-middle"],"middle-left":["middle-left","middle-right","bottom-left","top-left","bottom-middle","top-middle"],"middle-right":["middle-right","middle-left","bottom-right","top-right","bottom-middle","top-middle"],"top-middle":["top-middle","top-start","top-end","bottom-middle","top-left","top-right"],"bottom-middle":["bottom-middle","bottom-start","bottom-end","top-middle","bottom-left","bottom-right"],"top-start":["top-start","bottom-start","top-end","bottom-end","top-middle","bottom-middle"],"top-end":["top-end","bottom-end","top-start","bottom-start","top-middle","bottom-middle"],"bottom-start":["bottom-start","top-start","bottom-end","top-end","bottom-middle","top-middle"],"bottom-end":["bottom-end","top-end","bottom-start","top-start","bottom-middle","top-middle"]}[this.position].find((t=>{const{top:e,left:o,bottom:i,right:d}=this.triggerRef.getBoundingClientRect(),{width:s,height:r}=this.contentRef.getBoundingClientRect(),{innerWidth:n,innerHeight:a}=window,p=i+r<a,l=e-r>=0,m=o-s>=0,h=d+s<n,b=(e+i)/2,c=t=>t&&b-r/2>=0&&b+r/2<=a,f=(o+d)/2,g=t=>t&&f-s/2>=0&&f+s/2<=n,u=o+s<n,w=d-s>=0;switch(t){case"top-left":return p&&m;case"middle-left":return c(m);case"bottom-left":return l&&m;case"top-right":return p&&h;case"middle-right":return c(h);case"bottom-right":return l&&h;case"top-middle":return g(l);case"bottom-middle":return g(p);case"top-start":return l&&u;case"top-end":return l&&w;case"bottom-start":return p&&u;case"bottom-end":return p&&w;default:return!1}}))||this.position;this.actualPosition=e}connectedCallback(){document.addEventListener("mousedown",this.handleClickOutside.bind(this)),document.addEventListener("keydown",this.handleKeyDown),this.updateListener=r((()=>{this.updateActualPosition(this.isOpenState)})),["resize","scroll"].forEach((t=>{window.addEventListener(t,this.updateListener,{passive:!0})}))}disconnectedCallback(){document.removeEventListener("mousedown",this.handleClickOutside),document.removeEventListener("keydown",this.handleKeyDown),["resize","scroll"].forEach((t=>{window.removeEventListener(t,this.updateListener)}))}render(){return i(d,{key:"67ecd18580166f1582c29e33f1485bf67590b9f5"},i("div",{key:"bba42a3474432557bfc71705c2d5206493fed64b",class:{"xpl-popover":!0,[`xpl-popover--${this.actualPosition}`]:!0,"xpl-popover--is-open":this.isOpenState}},i("span",{key:"7960b727b609da6b0e949e4889e217b0f3efb6c9",role:"button",tabindex:"0","aria-haspopup":"dialog","aria-expanded":this.isOpenState?"true":"false",onClick:this.togglePopover,ref:t=>{this.triggerRef=t}},i("slot",{key:"08d2034f7559ce12f948252cf62bded94ab7666a",name:"trigger"})),"arrow"===this.display&&i("div",{key:"1c51e2f96884da9828cf5d94fc1639a63580a0c7",class:"xpl-popover__arrow"},i("svg",{key:"bbf85fdaa6385724f8ce55001a5d9d2e2471dfc5",width:"17",height:"14",xmlns:"http://www.w3.org/2000/svg"},i("path",{key:"4ba2c4805e65b776af7bd313f575866f134fb778",d:"M0 5h15l-7.5 7.5L0 5Z",fill:"white",stroke:"none",class:"arrow-fill"}),i("path",{key:"21fab6334d8106940a3e5c49acc70b80a7d61326",d:"M0 5 L7.5 12.5 L15 5",fill:"none",stroke:"black","stroke-width":"1",class:"arrow-stroke"}))),i("div",{key:"fb0eeedab71c9d10fcab8f9277af919efd94f202",class:{"xpl-popover__content":!0,[`xpl-popover__content--display-${this.display}`]:!0},ref:t=>this.contentRef=t},i("slot",{key:"4bd22aa19dedb6fb77355caafcd009413c8ad7d9"}))))}get el(){return this}static get watchers(){return{isOpen:[{onIsOpenPropChange:0}],isOpenState:[{onIsOpenStateChange:0}]}}},[260,"xpl-popover",{isOpen:[4,"is-open"],disabled:[4],position:[1],display:[1],isOpenState:[32],actualPosition:[32],updateListener:[32]},void 0,{isOpen:[{onIsOpenPropChange:0}],isOpenState:[{onIsOpenStateChange:0}]}]);function a(){"undefined"!=typeof customElements&&["xpl-popover"].forEach((t=>{"xpl-popover"===t&&(customElements.get(s(t))||customElements.define(s(t),n))}))}export{n as P,a as d}

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

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as s,h as r,Host as a,transformTag as t}from"@stencil/core/internal/client";import{d as i}from"./xpl-icon2.js";const c=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.max=100,this.size="lg",this.value=0,this.variant="default"}get clampedValue(){return Math.max(0,Math.min(this.max,this.value))}get isComplete(){return this.value>=this.max&&"default"===this.variant}get isError(){return"error"===this.variant}get isSuccess(){return"success"===this.variant||this.isComplete}get showStatusIcon(){return this.isSuccess||this.isError}get isIndeterminate(){return"indeterminate"===this.variant}render(){return r(a,{key:"e07eee1ea1614d68190290be2ad16df663337215",class:{"xpl-progress-bar":!0,["xpl-progress-bar--"+this.size]:!0,["xpl-progress-bar--"+this.variant]:!0,"xpl-progress-bar--complete":this.isComplete}},r("div",{key:"e46025a05d42e0c275444f1057c8ee9827ce4d15",class:"xpl-progress-bar__wrapper"},(this.label||this.showStatusIcon)&&r("div",{key:"afc59b2fb32d9ac60afda9a40544121da045b237",class:"xpl-progress-bar__header"},this.label&&r("div",{key:"39d7add736c856c43bdecb61d083cf537e4da454",class:"xpl-progress-bar__label"},this.label),this.showStatusIcon&&r("div",{key:"4e54b04a314136cdae066f7b48a8449b20a8daff",class:"xpl-progress-bar__icon"},r("xpl-icon",this.isError?{icon:"circle-xmark-1"}:{icon:"circle-check-1"}))),r("div",{key:"6950cefcd5e90be2362201ae830bae73293b275a",class:"xpl-progress-bar__row"},this.isIndeterminate?r("div",{class:"xpl-progress-bar__track xpl-progress-bar__track--indeterminate",role:"progressbar","aria-label":this.label||"Progress"},r("div",{class:"xpl-progress-bar__indeterminate"})):r("progress",{class:"xpl-progress-bar__progress",value:this.clampedValue,max:this.max,"aria-label":this.label||"Progress"})),this.helperText&&r("div",{key:"e56af1b27ff6201a1eaa5cca7160c963a0fca529",class:"xpl-progress-bar__helper"},this.helperText)))}},[0,"xpl-progress-bar",{helperText:[1,"helper-text"],label:[1],max:[2],size:[1],value:[2],variant:[1]}]),l=c,p=function(){"undefined"!=typeof customElements&&["xpl-progress-bar","xpl-icon"].forEach((e=>{switch(e){case"xpl-progress-bar":customElements.get(t(e))||customElements.define(t(e),c);break;case"xpl-icon":customElements.get(t(e))||i()}}))};export{l as XplProgressBar,p as defineCustomElement}
+import{proxyCustomElement as s,HTMLElement as e,h as r,Host as t,transformTag as a}from"@stencil/core/internal/client";import{d as c}from"./xpl-icon2.js";const i=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.max=100,this.size="lg",this.value=0,this.variant="default"}get clampedValue(){return Math.max(0,Math.min(this.max,this.value))}get isComplete(){return this.value>=this.max&&"default"===this.variant}get isError(){return"error"===this.variant}get isSuccess(){return"success"===this.variant||this.isComplete}get showStatusIcon(){return this.isSuccess||this.isError}get isIndeterminate(){return"indeterminate"===this.variant}render(){return r(t,{key:"4161cfe080a629f1c69c14a0e0a553df950d57a8",class:{"xpl-progress-bar":!0,["xpl-progress-bar--"+this.size]:!0,["xpl-progress-bar--"+this.variant]:!0,"xpl-progress-bar--complete":this.isComplete}},r("div",{key:"c3ec83eb50771a91c543da1c9ec204e03b402c98",class:"xpl-progress-bar__wrapper"},(this.label||this.showStatusIcon)&&r("div",{key:"9bb66a54388c8d24d9c737d8736536fc47285bc9",class:"xpl-progress-bar__header"},this.label&&r("div",{key:"fb8160645a4c2ad56a276d5b85c5384d85b75b7e",class:"xpl-progress-bar__label"},this.label),this.showStatusIcon&&r("div",{key:"fb3cf9019e4ad18b0016219d44f3aa916ee5b4b2",class:"xpl-progress-bar__icon"},r("xpl-icon",this.isError?{icon:"circle-xmark-1"}:{icon:"circle-check-1"}))),r("div",{key:"cef864deff983bae01b9871ec17d6f6edccc327d",class:"xpl-progress-bar__row"},this.isIndeterminate?r("div",{class:"xpl-progress-bar__track xpl-progress-bar__track--indeterminate",role:"progressbar","aria-label":this.label||"Progress"},r("div",{class:"xpl-progress-bar__indeterminate"})):r("progress",{class:"xpl-progress-bar__progress",value:this.clampedValue,max:this.max,"aria-label":this.label||"Progress"})),this.helperText&&r("div",{key:"9f7a52c0527b0fccc2189f0485596fa2cf80d417",class:"xpl-progress-bar__helper"},this.helperText)))}},[0,"xpl-progress-bar",{helperText:[1,"helper-text"],label:[1],max:[2],size:[1],value:[2],variant:[1]}]),l=i,p=function(){"undefined"!=typeof customElements&&["xpl-progress-bar","xpl-icon"].forEach((s=>{switch(s){case"xpl-progress-bar":customElements.get(a(s))||customElements.define(a(s),i);break;case"xpl-icon":customElements.get(a(s))||c()}}))};export{l as XplProgressBar,p as defineCustomElement}