@lmvz-ds/components 0.37.0 → 0.39.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +21 -0
- package/README.md +12 -20
- package/cjs/{aria-validation-controller-Do0uEK4t.js → aria-validation-controller-DKNXjnQr.js} +1 -1
- package/cjs/checkmark-CuKDPAcx.js +5 -0
- package/cjs/{directional-focus-controller-8Xd_7MHT.js → directional-focus-controller-DDnhfX5w.js} +15 -5
- package/cjs/{index-BgvZ4y-3.js → index-DWy4nuyZ.js} +41 -0
- package/cjs/index.cjs.js +3 -195
- package/cjs/lmvz-action-list.cjs.entry.js +4 -4
- package/cjs/lmvz-action.cjs.entry.js +1 -1
- package/cjs/lmvz-button-group.cjs.entry.js +5 -1
- package/cjs/lmvz-button_2.cjs.entry.js +3 -3
- package/cjs/lmvz-card.cjs.entry.js +2 -2
- package/cjs/lmvz-checkbox.cjs.entry.js +4 -5
- package/cjs/lmvz-chip.cjs.entry.js +5 -5
- package/cjs/lmvz-components.cjs.js +2 -2
- package/cjs/lmvz-datepicker.cjs.entry.js +1 -1
- package/cjs/lmvz-header_2.cjs.entry.js +5 -5
- package/cjs/lmvz-input.cjs.entry.js +4 -7
- package/cjs/lmvz-link.cjs.entry.js +1 -1
- package/cjs/lmvz-menuitem.cjs.entry.js +2 -2
- package/cjs/lmvz-message.cjs.entry.js +4 -2
- package/cjs/lmvz-modal.cjs.entry.js +2 -2
- package/cjs/lmvz-popover.cjs.entry.js +5 -14
- package/cjs/lmvz-radio.cjs.entry.js +2 -2
- package/cjs/lmvz-select.cjs.entry.js +110 -16
- package/cjs/lmvz-snackbar.cjs.entry.js +1 -1
- package/cjs/lmvz-spinner.cjs.entry.js +1 -1
- package/cjs/lmvz-tab.cjs.entry.js +1 -1
- package/cjs/lmvz-tabs.cjs.entry.js +9 -3
- package/cjs/lmvz-toggle.cjs.entry.js +2 -2
- package/cjs/loader.cjs.js +2 -2
- package/cjs/public-DTgpEs1_.js +206 -0
- package/collection/components/lmvz-action-list/lmvz-action-list.css +119 -116
- package/collection/components/lmvz-button/lmvz-button.css +109 -106
- package/collection/components/lmvz-card/lmvz-card.css +106 -103
- package/collection/components/lmvz-chip/lmvz-chip.css +1 -1
- package/collection/components/lmvz-chip/lmvz-chip.js +2 -2
- package/collection/components/lmvz-header/lmvz-header.js +2 -2
- package/collection/components/lmvz-input/lmvz-input.js +2 -5
- package/collection/components/lmvz-message/lmvz-message.css +1 -1
- package/collection/components/lmvz-popover/lmvz-popover.css +1 -1
- package/collection/components/lmvz-popover/lmvz-popover.js +2 -11
- package/collection/components/lmvz-select/lmvz-select.css +102 -53
- package/collection/components/lmvz-select/lmvz-select.js +151 -41
- package/collection/components/lmvz-snackbar/public.js +3 -0
- package/collection/components/lmvz-tabs/lmvz-tabs.js +7 -1
- package/collection/utils/aria/directional-focus-controller.js +16 -7
- package/collection/utils/icons/public.js +3 -0
- package/components/index.js +1 -1
- package/components/lmvz-action-list.js +1 -1
- package/components/lmvz-action.js +1 -1
- package/components/lmvz-button-group.js +1 -1
- package/components/lmvz-button.js +1 -1
- package/components/lmvz-card.js +1 -1
- package/components/lmvz-checkbox.js +1 -1
- package/components/lmvz-chip.js +1 -1
- package/components/lmvz-datepicker.js +1 -1
- package/components/lmvz-header.js +1 -1
- package/components/lmvz-icon.js +1 -1
- package/components/lmvz-input.js +1 -1
- package/components/lmvz-link.js +1 -1
- package/components/lmvz-menuitem.js +1 -1
- package/components/lmvz-message.js +1 -1
- package/components/lmvz-modal.js +1 -1
- package/components/lmvz-popover.js +1 -1
- package/components/lmvz-radio.js +1 -1
- package/components/lmvz-select.js +1 -1
- package/components/lmvz-snackbar.js +1 -1
- package/components/lmvz-spinner.js +1 -1
- package/components/lmvz-tab.js +1 -1
- package/components/lmvz-tabs.js +1 -1
- package/components/lmvz-toggle.js +1 -1
- package/components/{p-BLMXiDE0.js → p--mU29mrX.js} +1 -1
- package/components/p-BPa0FHVO.js +1 -0
- package/components/p-Bc5MM0zh.js +1 -0
- package/components/p-CyDgnpOB.js +1 -0
- package/components/p-DAikapVO.js +1 -0
- package/components/{p-C-pRMuMh.js → p-DIyiticz.js} +1 -1
- package/components/{p-BhALzK62.js → p-DJLdOjL4.js} +1 -1
- package/components/p-DSDBThqb.js +1 -0
- package/components/{p-diOze8wI.js → p-DXFoXTse.js} +1 -1
- package/components/p-DXhP6UeF.js +1 -0
- package/components/p-D_mff3n7.js +1 -0
- package/components/p-DbBJxuBm.js +1 -0
- package/components/p-DsTgD0_a.js +1 -0
- package/components/p-DyQ1GbaN.js +1 -0
- package/components/p-niXjuPxe.js +1 -0
- package/components/{p-BAj4FkUt.js → p-sACbyedu.js} +1 -1
- package/esm/{aria-validation-controller-Cp6pofER.js → aria-validation-controller-Dwv7n0rk.js} +1 -1
- package/esm/checkmark-DAikapVO.js +3 -0
- package/esm/{directional-focus-controller-QukTTWBE.js → directional-focus-controller-CJ0yNC00.js} +15 -5
- package/esm/{index-BOXP1Vx0.js → index-DVab4vzV.js} +41 -1
- package/esm/index.js +1 -197
- package/esm/lmvz-action-list.entry.js +4 -4
- package/esm/lmvz-action.entry.js +1 -1
- package/esm/lmvz-button-group.entry.js +5 -1
- package/esm/lmvz-button_2.entry.js +3 -3
- package/esm/lmvz-card.entry.js +2 -2
- package/esm/lmvz-checkbox.entry.js +3 -4
- package/esm/lmvz-chip.entry.js +5 -5
- package/esm/lmvz-components.js +3 -3
- package/esm/lmvz-datepicker.entry.js +1 -1
- package/esm/lmvz-header_2.entry.js +5 -5
- package/esm/lmvz-input.entry.js +4 -7
- package/esm/lmvz-link.entry.js +1 -1
- package/esm/lmvz-menuitem.entry.js +2 -2
- package/esm/lmvz-message.entry.js +4 -2
- package/esm/lmvz-modal.entry.js +2 -2
- package/esm/lmvz-popover.entry.js +5 -14
- package/esm/lmvz-radio.entry.js +2 -2
- package/esm/lmvz-select.entry.js +110 -16
- package/esm/lmvz-snackbar.entry.js +1 -1
- package/esm/lmvz-spinner.entry.js +1 -1
- package/esm/lmvz-tab.entry.js +1 -1
- package/esm/lmvz-tabs.entry.js +9 -3
- package/esm/lmvz-toggle.entry.js +2 -2
- package/esm/loader.js +3 -3
- package/esm/public-m6pRVUeP.js +204 -0
- package/hydrate/index.js +394 -50
- package/hydrate/index.mjs +394 -50
- package/lmvz-components/index.esm.js +1 -1
- package/lmvz-components/lmvz-components.esm.js +1 -1
- package/lmvz-components/p-1ba1af8d.entry.js +1 -0
- package/lmvz-components/{p-0f65d001.entry.js → p-27e8b4fa.entry.js} +1 -1
- package/lmvz-components/p-304c7554.entry.js +1 -0
- package/lmvz-components/p-316dd61a.entry.js +1 -0
- package/lmvz-components/{p-3d5867df.entry.js → p-335b3867.entry.js} +1 -1
- package/lmvz-components/{p-7872a6b4.entry.js → p-3b7203a3.entry.js} +1 -1
- package/lmvz-components/p-41286514.entry.js +1 -0
- package/lmvz-components/p-6aae1df9.entry.js +1 -0
- package/lmvz-components/p-743616c0.entry.js +1 -0
- package/lmvz-components/{p-26dd9684.entry.js → p-773e9d95.entry.js} +1 -1
- package/lmvz-components/{p-a6fe9b61.entry.js → p-7cbfbc88.entry.js} +1 -1
- package/lmvz-components/p-87f21ac9.entry.js +1 -0
- package/lmvz-components/{p-a680a7b2.entry.js → p-8ba6ec19.entry.js} +1 -1
- package/lmvz-components/p-93b781ca.entry.js +1 -0
- package/lmvz-components/p-BPa0FHVO.js +1 -0
- package/lmvz-components/p-BlkpdeQI.js +1 -0
- package/lmvz-components/p-DAikapVO.js +1 -0
- package/lmvz-components/p-DVab4vzV.js +2 -0
- package/lmvz-components/{p-BeY96W7m.js → p-Wi9d2-w9.js} +1 -1
- package/lmvz-components/p-c884c76e.entry.js +1 -0
- package/lmvz-components/{p-eabbf901.entry.js → p-d73bb7fd.entry.js} +1 -1
- package/lmvz-components/{p-137b1fe1.entry.js → p-e35f49a1.entry.js} +1 -1
- package/lmvz-components/p-ebad823c.entry.js +1 -0
- package/lmvz-components/p-edec4d09.entry.js +1 -0
- package/lmvz-components/{p-88661c50.entry.js → p-efd9d50e.entry.js} +1 -1
- package/lmvz-components/p-f24f5207.entry.js +1 -0
- package/lmvz-components/p-f911691c.entry.js +1 -0
- package/manifest.json +72 -39
- package/package.json +2 -1
- package/types/components/lmvz-input/lmvz-input.d.ts +0 -2
- package/types/components/lmvz-popover/lmvz-popover.d.ts +0 -1
- package/types/components/lmvz-select/lmvz-select.d.ts +12 -3
- package/types/components/lmvz-snackbar/public.d.ts +6 -0
- package/types/components/lmvz-tabs/lmvz-tabs.d.ts +1 -0
- package/types/components.d.ts +39 -19
- package/types/index.d.ts +5 -0
- package/types/utils/aria/directional-focus-controller.d.ts +9 -7
- package/types/utils/icons/public.d.ts +6 -0
- package/components/p--FDdvoIg.js +0 -1
- package/components/p-BApwCp0R.js +0 -1
- package/components/p-BPYBmylI.js +0 -1
- package/components/p-C5gRiLRR.js +0 -1
- package/components/p-CrQCHVKL.js +0 -1
- package/components/p-DiRcp9V6.js +0 -1
- package/components/p-DqdrUt_G.js +0 -1
- package/lmvz-components/p-00489151.entry.js +0 -1
- package/lmvz-components/p-0af0211a.entry.js +0 -1
- package/lmvz-components/p-398b5cf4.entry.js +0 -1
- package/lmvz-components/p-40716828.entry.js +0 -1
- package/lmvz-components/p-492adf21.entry.js +0 -1
- package/lmvz-components/p-4deaa010.entry.js +0 -1
- package/lmvz-components/p-4fa6e72f.entry.js +0 -1
- package/lmvz-components/p-57a366e6.entry.js +0 -1
- package/lmvz-components/p-70f1e31a.entry.js +0 -1
- package/lmvz-components/p-91eb71bb.entry.js +0 -1
- package/lmvz-components/p-BOXP1Vx0.js +0 -2
- package/lmvz-components/p-CHxiS3ja.js +0 -1
- package/lmvz-components/p-e14058e1.entry.js +0 -1
- package/lmvz-components/p-f3f0ed49.entry.js +0 -1
- package/lmvz-components/p-f516a949.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
const a=["role","aria-activedescendant","aria-atomic","aria-autocomplete","aria-braillelabel","aria-brailleroledescription","aria-busy","aria-checked","aria-colcount","aria-colindex","aria-colindextext","aria-colspan","aria-controls","aria-current","aria-describedby","aria-description","aria-details","aria-disabled","aria-errormessage","aria-expanded","aria-flowto","aria-haspopup","aria-hidden","aria-invalid","aria-keyshortcuts","aria-label","aria-labelledby","aria-level","aria-live","aria-multiline","aria-multiselectable","aria-orientation","aria-owns","aria-placeholder","aria-posinset","aria-pressed","aria-readonly","aria-relevant","aria-required","aria-roledescription","aria-rowcount","aria-rowindex","aria-rowindextext","aria-rowspan","aria-selected","aria-setsize","aria-sort","aria-valuemax","aria-valuemin","aria-valuenow","aria-valuetext"],i=["aria-haspopup","aria-controls","aria-expanded","aria-activedescendant","aria-autocomplete"];export{
|
|
1
|
+
const a=["role","aria-activedescendant","aria-atomic","aria-autocomplete","aria-braillelabel","aria-brailleroledescription","aria-busy","aria-checked","aria-colcount","aria-colindex","aria-colindextext","aria-colspan","aria-controls","aria-current","aria-describedby","aria-description","aria-details","aria-disabled","aria-errormessage","aria-expanded","aria-flowto","aria-haspopup","aria-hidden","aria-invalid","aria-keyshortcuts","aria-label","aria-labelledby","aria-level","aria-live","aria-multiline","aria-multiselectable","aria-orientation","aria-owns","aria-placeholder","aria-posinset","aria-pressed","aria-readonly","aria-relevant","aria-required","aria-roledescription","aria-rowcount","aria-rowindex","aria-rowindextext","aria-rowspan","aria-selected","aria-setsize","aria-sort","aria-valuemax","aria-valuemin","aria-valuenow","aria-valuetext"],i=["aria-haspopup","aria-controls","aria-expanded","aria-activedescendant","aria-autocomplete"];export{a,i as b}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{a as n}from"./p-DIyiticz.js";function t(n){return!!n&&["INPUT","TEXTAREA","SELECT","LMVZ-INPUT","LMVZ-SELECT","LMVZ-DATEPICKER"].includes(n.tagName?.toUpperCase())}function e(n){return["LMVZ-BUTTON","BUTTON"].includes(n.tagName.toUpperCase())}function r(n){return"LMVZ-BUTTON"===n?.tagName.toUpperCase()}function o(n){return n.hasAttribute("disabled")||!0===n.disabled}function i(n){return!n.hasAttribute("hidden")}function a(n){const t=n.getAttribute("variant")??n.variant;return"primary"===t||"secondary"===t||"tertiary"===t?t:"secondary"}function s(n){return"primary"===a(n)}function u(n){return"secondary"===a(n)}const c=(t,e)=>{let r=n;return e&&e.length>0&&(r=r.filter((n=>!e.includes(n)))),((n,t=[])=>{const e={};return t.forEach((t=>{n.hasAttribute(t)&&(null!==n.getAttribute(t)&&(e[t]=n.getAttribute(t)),n.removeAttribute(t))})),e})(t,r)};function l(n=document){let t=n.activeElement;if(!t)return null;for(;t?.shadowRoot;){const n=t.shadowRoot.activeElement;if(!n)break;t=n}return t}function f(n,t){if(!n)return;if(t(n))return n;const e=Array.from(n.shadowRoot?n.shadowRoot.children:n.children);for(const n of e){const e=f(n,t);if(e)return e}}function d(n){return!!n&&n instanceof HTMLElement&&n.tabIndex>=0&&!n.hasAttribute("disabled")&&"true"!==n.getAttribute("aria-hidden")&&n.checkVisibility()&&null!==n.offsetParent}function m(n,t){if(n instanceof HTMLFormElement)return n;if("string"==typeof n){const t=document.getElementById(n);return t?t instanceof HTMLFormElement?t:(console.warn(`No Form found with selector: "#${n}". Verify that the element with id exists and is actually a <form> element.`,t),null):(console.warn(`No Form found with selector: "#${n}". Verify that the id is correct and the form is rendered in the DOM.`,t),null)}return void 0!==n?(console.warn('The provided "form" element is invalid. Verify that the form is a HTMLFormElement and rendered in the DOM.',t),null):t.closest("form")}function h(n){const t=n.tagName.toLowerCase();if(["button","lmvz-button","input","lmvz-input","select","lmvz-select","textarea"].includes(t))return!0;if(["a","lmvz-link"].includes(t)&&n.hasAttribute("href"))return!0;if(n.hasAttribute("tabindex")){const t=parseInt(n.getAttribute("tabindex")??"-1");return(isNaN(t)||t<0)&&console.warn("Interactive element is not keyboard accessible due to negative tabindex!",n),!0}const e=n.getAttribute("role");return!(!e||!["button","link","menuitem","option","combobox","listbox","checkbox","radio","switch","tab"].includes(e))}function T(n){return n instanceof HTMLElement}export{c as a,h as b,r as c,s as d,i as e,m as f,l as g,e as h,t as i,o as j,u as k,d as l,T as m,f as w}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as e,c as t,h as i,t as r}from"./p-DbBJxuBm.js";import{c as a}from"./p-BfTCfPZ1.js";import{A as o}from"./p-sACbyedu.js";import{b as n}from"./p-DIyiticz.js";import{R as s}from"./p-DXFoXTse.js";import{c as l}from"./p-bh9cItsP.js";let p=0;const m=e(class extends s{get el(){return this}get validationEl(){return this.el}lmvzInput;internals;inputValidityActive=!1;nativeInputElement;inputId="lmvz-input-"+p++;initialValue="";ariaHostMirrorObserver;nativeError=!1;errorFromProp=!1;get helperId(){return this.helperText?`${this.inputId}-helper`:void 0}get showErrorMessage(){return this.error&&Boolean(this.errorMessage)}get errorId(){return`${this.inputId}-error`}get describedBy(){const e=[];return this.helperId&&e.push(this.helperId),this.showErrorMessage&&e.push(this.errorId),e.length>0?e.join(" "):void 0}value;label;helperText;placeholder;disabled=!1;readonly=!1;required=!1;name;type="text";errorMessage;autocomplete;inputmode;autocorrect;autocapitalize;spellcheck;autofocus=!1;minlength;maxlength;pattern;min;max;step;form;size="md";get error(){return this.errorFromProp||this.nativeError}set error(e){this.errorFromProp=e}async setValue(e){const t=this.nativeInputElement,i=e??"";t&&t.value!==i&&(t.value=i),this.value=i,this.internals.setFormValue?.(i),this.lmvzInput.emit(i)}async focusInput(){this.nativeInputElement?.focus()}async blurInput(){this.nativeInputElement?.blur()}async select(){this.nativeInputElement?.select()}async checkValidity(){return this.nativeInputElement?.checkValidity?.()??!1}async reportValidity(){return this.nativeInputElement?.reportValidity?.()??!1}async getValidationMessage(){return this.nativeInputElement?.validationMessage??""}async getInputElement(){return this.nativeInputElement||await new Promise((e=>l(this.el,e))),Promise.resolve(this.nativeInputElement)}constructor(e){super(!1),!1!==e&&this.__registerHost(),this.lmvzInput=t(this,"lmvzInput",7),this.internals=this.attachInternals(),this.addController(new o(this,{reValidateOnPropChanges:!0}))}componentWillLoad(){this.initialValue=this.value??"",super.componentWillLoad()}connectedCallback(){super.connectedCallback(),this.ariaHostMirrorObserver=new MutationObserver((e=>{for(const t of e)this.mirrorHostAriaAttribute(t.attributeName)})),this.ariaHostMirrorObserver.observe(this.el,{attributes:!0,attributeFilter:[...n]})}disconnectedCallback(){super.disconnectedCallback(),this.ariaHostMirrorObserver?.disconnect(),this.ariaHostMirrorObserver=void 0}componentDidLoad(){super.componentDidLoad();for(const e of n)this.mirrorHostAriaAttribute(e)}mirrorHostAriaAttribute(e){if(e&&this.nativeInputElement)if(this.el.hasAttribute(e)){const t=this.el.getAttribute(e);null!==t&&this.nativeInputElement.setAttribute(e,t)}else this.nativeInputElement.removeAttribute(e)}formAssociatedCallback(e){e&&this.internals.setFormValue?.(this.value??"")}formResetCallback(){this.inputValidityActive=!1,this.internals.setValidity({}),this.setValue(this.initialValue),this.nativeInputElement?.checkValidity?.()&&(this.nativeError=!1)}formStateRestoreCallback(e){this.setValue(e)}handleValueChange(e){this.nativeInputElement&&(this.nativeInputElement.value===e||this.setValue(e))}handleDisabledChange(e){this.nativeInputElement&&(e?this.nativeInputElement.blur():this.inputValidityActive=!1)}handleInput=e=>{this.setValue(e.target.value),this.inputValidityActive&&this.updateNativeError("input")};handleInvalid=()=>this.updateNativeError("invalid");handleBlur=()=>{this.inputValidityActive=!0,this.updateNativeError("blur")};updateNativeError(e){const t=this.nativeInputElement;if(!t)return;const i="invalid"===e||!(t.checkValidity?.()??1);this.nativeError!==i&&(this.nativeError=i)}render(){const e=Boolean(this.value),t=e||Boolean(this.placeholder);return i("div",{key:"85f498773efdad53d309e8b1eb5b85ea0601277e",class:a("input-container",{"interaction-filled":e})},i("div",{key:"eb74bdd8170014c2a17c6046878b0f4d61fece25",class:"input-wrapper"},i("slot",{key:"ceb3acb5dcb641900caf9a22f43295d1c407ad2e",name:"before-input"}),i("div",{key:"a7f626addd83cbf79b435989bec94f777818794e",class:"label-input-group"},i("label",{key:"391e2d1f873f9aef9bd9e7f14b006d898a699abe",htmlFor:this.inputId,class:a({floating:t})},this.label,this.required&&i("span",{key:"691251a0efb1a60fd5e53447a6204c13008545a1",class:"required-indicator","aria-hidden":"true"}," ","*")),i("input",{key:"f37d3d7d5076636638b2da59cca91c1cedc7504a",id:this.inputId,ref:e=>this.nativeInputElement=e,type:this.type,min:this.min,max:this.max,step:this.step,value:this.value,name:this.name,placeholder:this.placeholder,disabled:this.disabled,readonly:this.readonly,required:this.required,form:this.form,autocomplete:this.autocomplete,inputmode:this.inputmode,autocorrect:this.autocorrect,autocapitalize:this.autocapitalize,spellcheck:this.spellcheck,autofocus:this.autofocus,minlength:this.minlength,maxlength:this.maxlength,pattern:this.pattern,"aria-invalid":this.error?"true":"false","aria-required":this.required?"true":"false","aria-describedby":this.describedBy,"aria-errormessage":this.errorId,onInput:this.handleInput,onBlur:this.handleBlur,onInvalid:this.handleInvalid})),i("slot",{key:"22b2be3072fc274bbeff4d92f25dccc5ea50c4d0",name:"after-input"})),i("div",{key:"95f28aad61a5d7ea45fb4479801097036652b08f",id:this.helperId,role:"status"},this.helperText||null),i("div",{key:"9ea8420b336b33a0fd3b7e53cc4efa44983cbdc3",id:this.errorId,role:"alert"},this.showErrorMessage&&this.errorMessage||null))}static get formAssociated(){return!0}static get watchers(){return{value:[{handleValueChange:0}],disabled:[{handleDisabledChange:0}]}}static get style(){return"@layer lmvz-ds.reset, lmvz-ds.theme, lmvz-ds.components, lmvz-ds.overrides; @layer lmvz-ds.theme { @font-face { font-family: Router; src: local('RouterBook-Regular'), local('Router-Book'), url('/assets/fonts/Router-Book.woff') format('woff'); font-weight: 400; } @font-face { font-family: Router; src: local('RouterMedium-Regular'), local('Router-Medium'), url('/assets/fonts/Router-Medium.woff') format('woff'); font-weight: 500; } @font-face { font-family: Router; src: local('RouterBold-Regular'), local('Router-Bold'), url('/assets/fonts/Router-Bold.woff') format('woff'); font-weight: 700; } } .sc-lmvz-input-h { display: block; font-family: var(--lmvz-global-font-family-default, Router); --input-radius: var(--lmvz-component-input-radius-default, 999px); --input-bg: var(--lmvz-semantic-color-surface-input-primary, #ffffff); --input-border-color: var(--lmvz-semantic-color-border-default, #e0e0e0); --input-border-color-hover: var(--lmvz-semantic-color-border-hover, #a1a1a1); --input-border-color-focus: var(--lmvz-semantic-color-border-active, #0f8acc); --input-border-width: var(--lmvz-semantic-border-width-default, 1px); --input-height: var(--lmvz-component-input-size-md, clamp(2.5rem, 2.44rem + 0.26vw, 2.75rem)); --input-padding-x: var(--lmvz-component-input-padding-md, clamp(0.88rem, 0.84rem + 0.13vw, 1rem)); --input-gap: var(--lmvz-component-input-gap-md, clamp(0.5rem, 0.44rem + 0.26vw, 0.75rem)); --input-font-size: var(--lmvz-component-body-md-font-size, clamp(0.88rem, 0.84rem + 0.13vw, 1rem)); --label-color: var(--lmvz-semantic-color-on-surface-input-secondary, #545454); --input-text-color: var(--lmvz-semantic-color-on-surface-input-primary, #000000); --helper-text-color: var(--lmvz-semantic-color-on-surface-input-secondary, #545454); --error-text-color: var(--lmvz-semantic-color-status-on-danger, #a31419); --label-minimized-bg: var(--input-bg); --label-minimized-padding-x: 4px; --input-disabled-opacity: var(--lmvz-component-input-disabled-opacity, 40%); } [size='sm'].sc-lmvz-input-h { --input-height: var(--lmvz-component-input-size-sm, clamp(2rem, 1.94rem + 0.26vw, 2.25rem)); --input-padding-x: var(--lmvz-component-input-padding-sm, clamp(0.75rem, 0.72rem + 0.13vw, 0.88rem)); --input-gap: var(--lmvz-component-input-gap-sm, clamp(0.38rem, 0.31rem + 0.26vw, 0.63rem)); --input-font-size: var(--lmvz-component-body-sm-font-size, clamp(0.75rem, 0.72rem + 0.13vw, 0.88rem)); } [size='md'].sc-lmvz-input-h { --input-height: var(--lmvz-component-input-size-md, clamp(2.5rem, 2.44rem + 0.26vw, 2.75rem)); --input-padding-x: var(--lmvz-component-input-padding-md, clamp(0.88rem, 0.84rem + 0.13vw, 1rem)); --input-gap: var(--lmvz-component-input-gap-md, clamp(0.5rem, 0.44rem + 0.26vw, 0.75rem)); --input-font-size: var(--lmvz-component-body-md-font-size, clamp(0.88rem, 0.84rem + 0.13vw, 1rem)); } [size='lg'].sc-lmvz-input-h { --input-height: var(--lmvz-component-input-size-lg, clamp(2.75rem, 2.69rem + 0.26vw, 3rem)); --input-padding-x: var(--lmvz-component-input-padding-lg, clamp(1rem, 0.94rem + 0.26vw, 1.25rem)); --input-gap: var(--lmvz-component-input-gap-lg, clamp(0.75rem, 0.69rem + 0.26vw, 1rem)); --input-font-size: var(--lmvz-component-body-lg-font-size, clamp(1rem, 0.97rem + 0.13vw, 1.13rem)); } .input-container.sc-lmvz-input { display: flex; flex-direction: column; position: relative; width: 100%; } .input-wrapper.sc-lmvz-input { background-color: var(--input-bg); border: var(--input-border-width) solid var(--input-border-color); border-radius: var(--input-radius); display: flex; align-items: center; height: var(--input-height); padding: 0 var(--input-padding-x); position: relative; transition: border-color 0.2s ease; gap: var(--input-gap); } [disabled].sc-lmvz-input-h .input-wrapper.sc-lmvz-input { opacity: var(--input-disabled-opacity); cursor: not-allowed; pointer-events: none; } .sc-lmvz-input-h:has(:focus-visible) .input-wrapper.sc-lmvz-input { border-color: var(--input-border-color-focus); outline: var(--lmvz-ds-outline, 1px solid #0e7ab4); outline-offset: var(--lmvz-ds-outline-offset, clamp(0.25rem, 0.19rem + 0.26vw, 0.5rem)); } [error].sc-lmvz-input-h .input-wrapper.sc-lmvz-input { border-color: var(--error-text-color); } .sc-lmvz-input-h:not([disabled]) .input-wrapper.sc-lmvz-input:hover { border-color: var(--input-border-color-hover); } .label-input-group.sc-lmvz-input { position: relative; flex-grow: 1; display: flex; align-items: center; height: 100%; } label.sc-lmvz-input { position: absolute; left: 0; top: 50%; transform: translateY(-50%); color: var(--label-color); font-size: var(--input-font-size); font-weight: 400; pointer-events: none; transition: all 0.2s ease-out; background-color: transparent; padding: 0; margin: 0; line-height: 1.5; white-space: nowrap; } label.floating.sc-lmvz-input { top: 0.5em; transform: translateY(-100%); transform-origin: left top; font-size: var(--lmvz-component-body-2xs-font-size, clamp(0.5rem, 0.47rem + 0.13vw, 0.63rem)); background-color: var(--label-minimized-bg); padding: 0 var(--label-minimized-padding-x); left: -2px; color: var(--input-text-color); font-weight: 400; } .required-indicator.sc-lmvz-input { color: var(--error-text-color); margin-left: 2px; } input.sc-lmvz-input { border: none; background: transparent; width: 100%; height: 100%; color: var(--input-text-color); font-family: inherit; font-size: var(--input-font-size); outline: none; padding: 0; margin: 0; font-weight: 400; } input.sc-lmvz-input::placeholder { color: var(--label-color); } div.sc-lmvz-input:empty { display: none; } [role='status'].sc-lmvz-input { padding-top: 8px; padding-left: var(--input-padding-x); font-size: 12px; color: var(--helper-text-color); font-weight: 400; } [role='alert'].sc-lmvz-input { padding-top: 8px; padding-left: var(--input-padding-x); font-size: 12px; color: var(--error-text-color); font-weight: 400; } .sc-lmvz-input-s > lmvz-button { --lmvz-button-padding: var(--lmvz-dimension-6-4, clamp(0.25rem, 0.22rem + 0.13vw, 0.38rem)); --lmvz-button-min-height-override: var(--lmvz-component-input-size-sm, clamp(2rem, 1.94rem + 0.26vw, 2.25rem)); }"}},[838,"lmvz-input",{value:[1025],label:[1],helperText:[1,"helper-text"],placeholder:[1],disabled:[516],readonly:[516],required:[516],name:[1],type:[1],errorMessage:[1,"error-message"],autocomplete:[1],inputmode:[1],autocorrect:[1],autocapitalize:[1],spellcheck:[4],autofocus:[4],minlength:[2],maxlength:[2],pattern:[1],min:[8],max:[8],step:[8],form:[1],size:[513],error:[6660],nativeError:[32],setValue:[64],focusInput:[64],blurInput:[64],select:[64],checkValidity:[64],reportValidity:[64],getValidationMessage:[64],getInputElement:[64]},void 0,{value:[{handleValueChange:0}],disabled:[{handleDisabledChange:0}]}]);function c(){"undefined"!=typeof customElements&&["lmvz-input"].forEach((e=>{"lmvz-input"===e&&(customElements.get(r(e))||customElements.define(r(e),m))}))}export{m as L,c as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{H as t}from"./p-
|
|
1
|
+
import{H as t}from"./p-DbBJxuBm.js";const o="__LMVZ__",e=class extends t{constructor(){super(!1)}controllers=new Set;addController(t){this.controllers.add(t)}removeController(t){this.controllers.delete(t)}get activeControllers(){return Array.from(this.controllers).filter((t=>!t.disabled))}connectedCallback(){this.controllers.size||console.warn("ReactiveControllerHost connected with no controllers registered.",this),this.activeControllers.forEach((t=>t.hostConnected?.()))}disconnectedCallback(){this.activeControllers.forEach((t=>t.hostDisconnected?.()))}componentWillLoad(){this.activeControllers.forEach((t=>t.hostWillLoad?.()))}componentDidLoad(){this.activeControllers.forEach((t=>t.hostDidLoad?.()))}componentWillRender(){this.activeControllers.forEach((t=>t.hostWillRender?.()))}componentDidRender(){this.activeControllers.forEach((t=>t.hostDidRender?.()))}componentWillUpdate(){this.activeControllers.forEach((t=>t.hostWillUpdate?.()))}componentDidUpdate(){this.activeControllers.forEach((t=>t.hostDidUpdate?.()))}};function n(t,e,n){if(!t)return void console.warn("component is undefined");const s=t;s[o]||(s[o]={}),s[o][e]=n}function s(t,e){return t?.[o]?.[e]}export{e as R,s as g,n as r}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as i,h as e,d as t,t as s}from"./p-DbBJxuBm.js";import{p as o}from"./p-DjvtQE7c.js";import{A as n}from"./p-sACbyedu.js";import{a as c}from"./p-CyDgnpOB.js";import{R as a}from"./p-DXFoXTse.js";const r=i(class extends a{intersectionObserver;ariaValidationController=new n(this);get el(){return this}validationEl;icon;weight="medium";size="md";iconset;iconData;visible=!1;ariaLabel;get ariaHidden(){return!this.ariaLabel}constructor(i){super(!1),!1!==i&&this.__registerHost(),this.addController(this.ariaValidationController)}connectedCallback(){this.waitUntilVisible((()=>{this.visible=!0,this.loadIconPathData()})),super.connectedCallback()}disconnectedCallback(){this.intersectionObserver&&"function"==typeof this.intersectionObserver.disconnect&&this.intersectionObserver.disconnect(),this.intersectionObserver=void 0,super.disconnectedCallback()}async loadIconPathData(){const{icon:i,iconset:e,visible:t}=this;if(!i||!t)return;const s=o(i);this.iconData=s||await c({icon:i,iconset:e})}componentDidRender(){this.validationEl=this.el.querySelector("svg"),this.ariaValidationController.revalidateAria(),super.componentDidRender()}render(){return e(t,{key:"be6032d11399289c3baddd63ebc7d9e1fb98b773",role:"img","aria-hidden":`${this.ariaHidden}`,innerHTML:this.iconData})}waitUntilVisible(i,e=50){"undefined"!=typeof window&&window.IntersectionObserver?(this.intersectionObserver=new IntersectionObserver((e=>{e.some((e=>!!e.isIntersecting&&(this.intersectionObserver&&"function"==typeof this.intersectionObserver.disconnect&&this.intersectionObserver.disconnect(),this.intersectionObserver=void 0,i(),!0)))}),{rootMargin:`${e}px`}),this.intersectionObserver.observe(this.el)):i()}static get watchers(){return{icon:[{loadIconPathData:0}],iconset:[{loadIconPathData:0}]}}static get style(){return".sc-lmvz-icon-h{--lmvz-icon-color:var(--lmvz-component-color, var(--lmvz-semantic-color-on-surface-input-primary, #000000));--lmvz-icon-size:var(--lmvz-component-size, var(--lmvz-component-icon-size-md, clamp(1rem, 0.94rem + 0.26vw, 1.25rem)));display:inline-block;line-height:0;svg{display:block;height:var(--lmvz-icon-size);width:auto}svg path{stroke:var(--lmvz-icon-color);fill:none}}[size='xs'].sc-lmvz-icon-h{svg{--lmvz-icon-size:var(--lmvz-component-icon-size-xs, clamp(0.75rem, 0.72rem + 0.13vw, 0.88rem))}}[size='sm'].sc-lmvz-icon-h{svg{--lmvz-icon-size:var(--lmvz-component-icon-size-sm, clamp(0.88rem, 0.84rem + 0.13vw, 1rem))}}[size='md'].sc-lmvz-icon-h{svg{--lmvz-icon-size:var(--lmvz-component-icon-size-md, clamp(1rem, 0.94rem + 0.26vw, 1.25rem))}}[size='lg'].sc-lmvz-icon-h{svg{--lmvz-icon-size:var(--lmvz-component-icon-size-lg, clamp(1.25rem, 1.19rem + 0.26vw, 1.5rem))}}[size='inherit'].sc-lmvz-icon-h{svg{height:var(--lmvz-component-size, inherit)}}[weight='light'].sc-lmvz-icon-h{svg path{stroke-width:1}}[weight='medium'].sc-lmvz-icon-h{svg path{stroke-width:1.5}}[weight='bold'].sc-lmvz-icon-h{svg path{stroke-width:2}}[weight='filled'].sc-lmvz-icon-h{svg path{stroke-width:2;fill:var(--lmvz-icon-color)}}"}},[514,"lmvz-icon",{icon:[513],weight:[513],size:[513],iconset:[513],ariaLabel:[513,"aria-label"],iconData:[32],visible:[32]},void 0,{icon:[{loadIconPathData:0}],iconset:[{loadIconPathData:0}]}]);function m(){"undefined"!=typeof customElements&&["lmvz-icon"].forEach((i=>{"lmvz-icon"===i&&(customElements.get(s(i))||customElements.define(s(i),r))}))}export{r as L,m as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as e,h as o,d as r,t}from"./p-DbBJxuBm.js";import{f as s,g as a}from"./p-0ctLESas.js";import{A as l}from"./p-sACbyedu.js";import{R as c}from"./p-DXFoXTse.js";import{i as n}from"./p-BDonpCG8.js";const i=e(class extends c{ariaValidationController=new l(this);beforeSlot;defaultSlot;afterSlot;get el(){return this}get validationEl(){return this.el}type="active";size="default";constructor(e){super(!1),!1!==e&&this.__registerHost(),this.__attachShadow(),this.addController(this.ariaValidationController)}normalizeType(e){const o=s.includes(e)?e:"active";o!==this.type&&(this.type=o)}normalizeSize(e){const o=a.includes(e)?e:"default";o!==this.size&&(this.size=o)}componentWillLoad(){this.normalizeType(this.type),this.normalizeSize(this.size),super.componentWillLoad()}connectedCallback(){super.connectedCallback(),this.checkContent()}checkContent=function(e){let o;return()=>{void 0!==o&&window.clearTimeout(o),o=window.setTimeout((()=>{e(),o=void 0}),500)}}((()=>{n()&&([...this.beforeSlot?.assignedElements()??[],...this.defaultSlot?.assignedNodes()??[],...this.afterSlot?.assignedElements()??[]].length||console.warn("LmvzChip has no assigned content. Please add content to the default slot or the before-text/after-text slots."))}));render(){return o(r,{key:"63581b0c567d208b200464e9985ac32d97c1ad43",type:this.type,size:this.size},o("slot",{key:"7aa740cc80b400893dcbe7021d5513d3f1ca476b",name:"before-text",ref:e=>this.beforeSlot=e,onSlotchange:()=>this.checkContent()}),o("span",{key:"da5b9e272becef812b4914bf25b451da16bb9012",class:"content-overflow-wrapper"},o("slot",{key:"a925dcd383c86dbea63790b5623d159472b6684c",ref:e=>this.defaultSlot=e,onSlotchange:()=>this.checkContent()})),o("slot",{key:"e018eafb75b85068c992e9f91c4fac89a4c95153",name:"after-text",ref:e=>this.afterSlot=e,onSlotchange:()=>this.checkContent()}))}static get watchers(){return{type:[{normalizeType:0}],size:[{normalizeSize:0}]}}static get style(){return":host { --lmvz-chip-border-color: var(--lmvz-semantic-color-status-on-neutral-subtle, #d4d4d4); --lmvz-chip-background-color: var(--lmvz-semantic-color-status-neutral, #fcfcfc); --lmvz-chip-foreground-color: var(--lmvz-semantic-color-status-on-neutral, #000000); padding-block: var(--lmvz-dimension-6-4, clamp(0.25rem, 0.22rem + 0.13vw, 0.38rem)); padding-inline: var(--lmvz-dimension-10-8, clamp(0.5rem, 0.47rem + 0.13vw, 0.63rem)); border: 1px solid var(--lmvz-chip-border-color); border-radius: var(--lmvz-semantic-border-radius-round, 999px); font: var(--lmvz-typography-body-xs-strong, 500 clamp(0.63rem, 0.59rem + 0.13vw, 0.75rem) / 1.5 Router); background-color: var(--lmvz-chip-background-color); color: var(--lmvz-chip-foreground-color); display: inline-flex; align-items: center; justify-content: center; gap: var(--lmvz-dimension-6-4, clamp(0.25rem, 0.22rem + 0.13vw, 0.38rem)); box-sizing: border-box; max-width: 100%; overflow: hidden; white-space: nowrap; > .content-overflow-wrapper { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } :host([size='small']) { padding-block: var(--lmvz-dimension-4-2, clamp(0.13rem, 0.09rem + 0.13vw, 0.25rem)); padding-inline: var(--lmvz-dimension-8-6, clamp(0.38rem, 0.34rem + 0.13vw, 0.5rem)); font: var(--lmvz-typography-body-2xs-strong, 500 clamp(0.5rem, 0.47rem + 0.13vw, 0.63rem) / 1.5 Router); gap: var(--lmvz-dimension-4-2, clamp(0.13rem, 0.09rem + 0.13vw, 0.25rem)); } ::slotted(*) { display: inline; white-space: inherit; } ::slotted(lmvz-icon) { --lmvz-component-color: var(--lmvz-chip-foreground-color); --lmvz-component-size: var(--lmvz-dimension-14-12, clamp(0.75rem, 0.72rem + 0.13vw, 0.88rem)); } :host([size='small']) ::slotted(lmvz-icon) { --lmvz-component-size: var(--lmvz-dimension-12-10, clamp(0.63rem, 0.59rem + 0.13vw, 0.75rem)); } :host([type='active']) { --lmvz-chip-border-color: var(--lmvz-semantic-color-status-on-active-subtle, #7fccf5); --lmvz-chip-background-color: var(--lmvz-semantic-color-status-active, #f6fbfe); --lmvz-chip-foreground-color: var(--lmvz-semantic-color-status-on-active, #0e7ab4); } :host([type='warning']) { --lmvz-chip-border-color: var(--lmvz-semantic-color-status-on-warning-subtle, #e6b000); --lmvz-chip-background-color: var(--lmvz-semantic-color-status-warning, #ffeeb8); --lmvz-chip-foreground-color: var(--lmvz-semantic-color-status-on-warning, #614a00); } :host([type='success']) { --lmvz-chip-border-color: var(--lmvz-semantic-color-status-on-success-subtle, #4eb6a9); --lmvz-chip-background-color: var(--lmvz-semantic-color-status-success, #c2e6e1); --lmvz-chip-foreground-color: var(--lmvz-semantic-color-status-on-success, #28625b); } :host([type='error']) { --lmvz-chip-border-color: var(--lmvz-semantic-color-status-on-danger-subtle, #e8454b); --lmvz-chip-background-color: var(--lmvz-semantic-color-status-danger, #fbdfe0); --lmvz-chip-foreground-color: var(--lmvz-semantic-color-status-on-danger, #a31419); } :host([type='neutral']) { --lmvz-chip-border-color: var(--lmvz-semantic-color-status-on-neutral-subtle, #d4d4d4); --lmvz-chip-background-color: var(--lmvz-semantic-color-status-neutral, #fcfcfc); --lmvz-chip-foreground-color: var(--lmvz-semantic-color-status-on-neutral, #000000); } "}},[769,"lmvz-chip",{type:[1537],size:[1537]},void 0,{type:[{normalizeType:0}],size:[{normalizeSize:0}]}]);function m(){"undefined"!=typeof customElements&&["lmvz-chip"].forEach((e=>{"lmvz-chip"===e&&(customElements.get(t(e))||customElements.define(t(e),i))}))}export{i as L,m as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var t={isDev:!1},n=(t=>(t.Undefined="undefined",t.Null="null",t.String="string",t.Number="number",t.SpecialNumber="number",t.Boolean="boolean",t.BigInt="bigint",t))(n||{}),e=(t=>(t.Array="array",t.Date="date",t.Map="map",t.Object="object",t.RegularExpression="regexp",t.Set="set",t.Channel="channel",t.Symbol="symbol",t))(e||{}),o="type",l="value",s="serialized:";function r(t,n,e){const o="undefined"!=typeof HTMLElement?HTMLElement.prototype:null;for(;t&&t!==o;){const o=Object.getOwnPropertyDescriptor(t,n);if(o&&(!e||o.get))return o;t=Object.getPrototypeOf(t)}}var i,c=(t,n)=>{var e;Object.entries(null!=(e=n.o.t)?e:{}).map((([e,[o]])=>{if(31&o||32&o){const o=t[e],l=r(Object.getPrototypeOf(t),e,!0)||Object.getOwnPropertyDescriptor(t,e);l&&Object.defineProperty(t,e,{get(){return l.get.call(this)},set(t){l.set.call(this,t)},configurable:!0,enumerable:!0}),n.l.has(e)?t[e]=n.l.get(e):void 0!==o&&(t[e]=o)}}))},f=t=>{if(t.__stencil__getHostRef)return t.__stencil__getHostRef()},u=(t,n)=>n in t,a=(t,n)=>(0,console.error)(t,n),d=new Map,$="s-id",p="sty-id",v="c-id",h="http://www.w3.org/1999/xlink",y=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"],b="undefined"!=typeof window?window:{},m=b.HTMLElement||class{},g={i:0,u:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,n,e,o)=>t.addEventListener(n,e,o),rel:(t,n,e,o)=>t.removeEventListener(n,e,o),ce:(t,n)=>new CustomEvent(t,n)},w=(()=>{var t;let n=!1;try{null==(t=b.document)||t.addEventListener("e",null,Object.defineProperty({},"passive",{get(){n=!0}}))}catch(t){}return n})(),j=(()=>{try{return!!b.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(t){}return!1})(),O=!!j&&(()=>!!b.document&&Object.getOwnPropertyDescriptor(b.document.adoptedStyleSheets,"length").writable)(),S=!1,k=[],N=[],x=(t,n)=>e=>{t.push(e),S||(S=!0,n&&4&g.i?C(E):g.raf(E))},M=t=>{for(let n=0;n<t.length;n++)try{t[n](performance.now())}catch(t){a(t)}t.length=0},E=()=>{M(k),M(N),(S=k.length>0)&&g.raf(E)},C=t=>Promise.resolve(undefined).then(t),A=x(N,!0),I=t=>{const n=new URL(t,g.u);return n.origin!==b.location.origin?n.href:n.pathname},L=t=>g.u=t;function R(t){const n={mode:"open"};n.delegatesFocus=!!(16&t.i);const e=this.attachShadow(n);void 0===i&&(i=null),i&&(O?e.adoptedStyleSheets.push(i):e.adoptedStyleSheets=[...e.adoptedStyleSheets,i])}var _=t=>{const n=H(t,"childNodes");t.tagName&&t.tagName.includes("-")&&t["s-cr"]&&"SLOT-FB"!==t.tagName&&D(n,t.tagName).forEach((t=>{1===t.nodeType&&"SLOT-FB"===t.tagName&&(t.hidden=!!F(t,U(t),!1).length)}));let e=0;for(e=0;e<n.length;e++){const t=n[e];1===t.nodeType&&H(t,"childNodes").length&&_(t)}};function D(t,n,e){let o,l=0,s=[];for(;l<t.length;l++){if(o=t[l],o["s-sr"]&&(!n||o["s-hn"]===n)&&(void 0===e||U(o)===e)&&(s.push(o),void 0!==e))return s;s=[...s,...D(o.childNodes,n,e)]}return s}var F=(t,n,e=!0)=>{const o=[];(e&&t["s-sr"]||!t["s-sr"])&&o.push(t);let l=t;for(;l=l.nextSibling;)U(l)!==n||!e&&l["s-sr"]||o.push(l);return o},T=(t,n)=>1===t.nodeType?null===t.getAttribute("slot")&&""===n||t.getAttribute("slot")===n:t["s-sn"]===n||""===n,B=(t,n,e,o)=>{if(t["s-ol"]&&t["s-ol"].isConnected)return;const l=document.createTextNode("");if(l["s-nr"]=t,!n["s-cr"]||!n["s-cr"].parentNode)return;const s=n["s-cr"].parentNode,r=H(s,"appendChild");if(void 0!==o){l["s-oo"]=o;const t=H(s,"childNodes"),n=[l];t.forEach((t=>{t["s-nr"]&&n.push(t)})),n.sort(((t,n)=>!t["s-oo"]||t["s-oo"]<(n["s-oo"]||0)?-1:!n["s-oo"]||n["s-oo"]<t["s-oo"]?1:0)),n.forEach((t=>r.call(s,t)))}else r.call(s,l);t["s-ol"]=l,t["s-sh"]=n["s-hn"]},U=t=>"string"==typeof t["s-sn"]?t["s-sn"]:1===t.nodeType&&t.getAttribute("slot")||void 0;function V(t){if(t.assignedElements||t.assignedNodes||!t["s-sr"])return;const n=n=>function(t){const e=[],o=this["s-sn"];(null==t?void 0:t.flatten)&&console.error("\n Flattening is not supported for Stencil non-shadow slots.\n You can use `.childNodes` to nested slot fallback content.\n If you have a particular use case, please open an issue on the Stencil repo.\n ");const l=this["s-cr"].parentElement;return(l.__childNodes?l.childNodes:(t=>{const n=[];for(let e=0;e<t.length;e++){const o=t[e]["s-nr"]||void 0;o&&o.isConnected&&n.push(o)}return n})(l.childNodes)).forEach((t=>{o===U(t)&&e.push(t)})),n?e.filter((t=>1===t.nodeType)):e}.bind(t);t.assignedElements=n(!0),t.assignedNodes=n(!1)}function H(t,n){if("__"+n in t){const e=t["__"+n];return"function"!=typeof e?e:e.bind(t)}return"function"!=typeof t[n]?t[n]:t[n].bind(t)}var P=new WeakMap,W=(t,n,e)=>{let o=d.get(t);j&&e?(o=o||new CSSStyleSheet,"string"==typeof o?o=n:o.replaceSync(n)):o=n,d.set(t,o)},z=(t,n)=>{var e,o,l;const s=q(n),r=d.get(s);if(!b.document)return s;if(t=11===t.nodeType?t:b.document,r)if("string"==typeof r){let l,i=P.get(t=t.head||t);i||P.set(t,i=new Set);const c=t.querySelector(`[${p}="${s}"]`);if(c)c.textContent=r;else if(!i.has(s)){l=b.document.createElement("style"),l.textContent=r;const c=null!=(e=g.$)?e:function(){var t,n,e;return null!=(e=null==(n=null==(t=b.document.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?e:void 0}();if(null!=c&&l.setAttribute("nonce",c),!(1&n.i))if("HEAD"===t.nodeName){const n=t.querySelectorAll("link[rel=preconnect]"),e=n.length>0?n[n.length-1].nextSibling:t.querySelector("style");t.insertBefore(l,(null==e?void 0:e.parentNode)===t?e:null)}else if("host"in t)if(j){const n=new(null!=(o=t.defaultView)?o:t.ownerDocument.defaultView).CSSStyleSheet;n.replaceSync(r),O?t.adoptedStyleSheets.unshift(n):t.adoptedStyleSheets=[n,...t.adoptedStyleSheets]}else{const n=t.querySelector("style");n?n.textContent=r+n.textContent:t.prepend(l)}else t.append(l);1&n.i&&t.insertBefore(l,null),4&n.i&&(l.textContent+="slot-fb{display:contents}slot-fb[hidden]{display:none}"),i&&i.add(s)}}else{let n=P.get(t);if(n||P.set(t,n=new Set),!n.has(s)){const e=null!=(l=t.defaultView)?l:t.ownerDocument.defaultView;let o;if(r.constructor===e.CSSStyleSheet)o=r;else{o=new e.CSSStyleSheet;for(let t=0;t<r.cssRules.length;t++)o.insertRule(r.cssRules[t].cssText,t)}if(O?t.adoptedStyleSheets.push(o):t.adoptedStyleSheets=[...t.adoptedStyleSheets,o],n.add(s),"host"in t){const n=t.querySelector(`[${p}="${s}"]`);n&&A((()=>n.remove()))}}}return s},q=t=>"sc-"+t.p,Y=t=>"object"==(t=typeof t)||"function"===t,J=(t,n,...e)=>{let o=null,l=null,s=null,r=!1,i=!1;const c=[],f=n=>{for(let e=0;e<n.length;e++)o=n[e],Array.isArray(o)?f(o):null!=o&&"boolean"!=typeof o&&((r="function"!=typeof t&&!Y(o))&&(o=String(o)),r&&i?c[c.length-1].v+=o:c.push(r?Z(null,o):o),i=r)};if(f(e),n){n.key&&(l=n.key),n.name&&(s=n.name);{const t=n.className||n.class;t&&(n.class="object"!=typeof t?t:Object.keys(t).filter((n=>t[n])).join(" "))}}if("function"==typeof t)return t(null===n?{}:n,c,K);const u=Z(t,null);return u.h=n,c.length>0&&(u.m=c),u.j=l,u.O=s,u},Z=(t,n)=>({i:0,S:t,v:null!=n?n:null,k:null,m:null,h:null,j:null,O:null}),G={},K={forEach:(t,n)=>t.map(Q).forEach(n),map:(t,n)=>t.map(Q).map(n).map(X)},Q=t=>({vattrs:t.h,vchildren:t.m,vkey:t.j,vname:t.O,vtag:t.S,vtext:t.v}),X=t=>{if("function"==typeof t.vtag){const n={...t.vattrs};return t.vkey&&(n.key=t.vkey),t.vname&&(n.name=t.vname),J(t.vtag,n,...t.vchildren||[])}const n=Z(t.vtag,t.vtext);return n.h=t.vattrs,n.m=t.vchildren,n.j=t.vkey,n.O=t.vname,n},tt=(t,n,e,o,l,s,r,i=[])=>{let c,f,u,a;const d=l["s-sc"];if(1===s.nodeType){if(c=s.getAttribute(v),c&&(f=c.split("."),f[0]===r||"0"===f[0])){u=et({i:0,N:f[0],M:f[1],C:f[2],A:f[3],S:s.tagName.toLowerCase(),k:s,h:{class:s.className||""}}),n.push(u),s.removeAttribute(v),t.m||(t.m=[]),d&&f[0]===r&&(s["s-si"]=d,u.h.class+=" "+d);const l=u.k.getAttribute("s-sn");"string"==typeof l&&("slot-fb"===u.S&&(ot(l,f[2],u,s,t,n,e,o,i),d&&s.classList.add(d)),u.k["s-sn"]=l,u.k.removeAttribute("s-sn")),void 0!==u.A&&(t.m[u.A]=u),t=u,o&&"0"===u.C&&(o[u.A]=u.k)}if(s.shadowRoot)for(a=s.shadowRoot.childNodes.length-1;a>=0;a--)tt(t,n,e,o,l,s.shadowRoot.childNodes[a],r,i);const $=s.__childNodes||s.childNodes;for(a=$.length-1;a>=0;a--)tt(t,n,e,o,l,$[a],r,i)}else if(8===s.nodeType)f=s.nodeValue.split("."),(f[1]===r||"0"===f[1])&&(c=f[0],u=et({N:f[1],M:f[2],C:f[3],A:f[4]||"0",k:s,h:null,m:null,j:null,O:null,S:null,v:null}),"t"===c?(u.k=st(s,3),u.k&&3===u.k.nodeType&&(u.v=u.k.textContent,n.push(u),s.remove(),r===u.N&&(t.m||(t.m=[]),t.m[u.A]=u),o&&"0"===u.C&&(o[u.A]=u.k))):"c"===c?(u.k=st(s,8),u.k&&8===u.k.nodeType&&(n.push(u),s.remove())):u.N===r&&("s"===c?ot(s["s-sn"]=f[5]||"",f[2],u,s,t,n,e,o,i):"r"===c&&(o?s.remove():(l["s-cr"]=s,s["s-cn"]=!0))));else if(t&&"style"===t.S){const n=Z(null,s.textContent);n.k=s,n.A="0",t.m=[n]}return t},nt=(t,n)=>{if(1===t.nodeType){const e=t[$]||t.getAttribute($);e&&n.set(e,t);let o=0;if(t.shadowRoot)for(;o<t.shadowRoot.childNodes.length;o++)nt(t.shadowRoot.childNodes[o],n);const l=t.__childNodes||t.childNodes;for(o=0;o<l.length;o++)nt(l[o],n)}else if(8===t.nodeType){const e=t.nodeValue.split(".");"o"===e[0]&&(n.set(e[1]+"."+e[2],t),t.nodeValue="",t["s-en"]=e[3])}},et=t=>({i:0,N:null,M:null,C:null,A:"0",k:null,h:null,m:null,j:null,O:null,S:null,v:null,...t});function ot(t,n,e,o,l,s,r,i,c){o["s-sr"]=!0,e.O=t||null,e.S="slot";const f=(null==l?void 0:l.k)?l.k["s-id"]||l.k.getAttribute("s-id"):"";if(i&&b.document){const s=e.k=b.document.createElement(e.S);e.O&&e.k.setAttribute("name",t),l.k.shadowRoot&&f&&f!==e.N?H(l.k,"insertBefore")(s,H(l.k,"children")[0]):H(H(o,"parentNode"),"insertBefore")(s,o),lt(c,n,t,o,e.N),o.remove(),"0"===e.C&&(i[e.A]=e.k)}else{const s=e.k,r=f&&f!==e.N&&l.k.shadowRoot;lt(c,n,t,o,r?f:e.N),V(o),r&&l.k.insertBefore(s,l.k.children[0])}s.push(e),r.push(e),l.m||(l.m=[]),l.m[e.A]=e}var lt=(t,n,e,o,l)=>{var s,r;let i=o.nextSibling;if(t[n]=t[n]||[],i&&!(null==(s=i.nodeValue)?void 0:s.startsWith("s.")))do{!i||(i.getAttribute&&i.getAttribute("slot")||i["s-sn"])!==e&&(""!==e||i["s-sn"]||i.getAttribute&&i.getAttribute("slot")||8!==i.nodeType&&3!==i.nodeType)||(i["s-sn"]=e,t[n].push({slot:o,node:i,hostId:l})),i=null==i?void 0:i.nextSibling}while(i&&!(null==(r=i.nodeValue)?void 0:r.startsWith("s.")))},st=(t,n)=>{let e=t;do{e=e.nextSibling}while(e&&(e.nodeType!==n||!e.nodeValue));return e},rt=t=>{if(!t)return;const n=Object.keys(t);if(0===n.length)return;let e=!1;for(const o of n){if(e)break;for(const n of t[o])if("string"==typeof n){e=!0;break}}if(!e)return t;const o={};for(const e of n)o[e]=t[e].map((t=>"string"==typeof t?{[t]:0}:t));return o},it=class t{static fromLocalValue(n){const e=n[o],s=l in n?n[l]:void 0;switch(e){case"string":case"boolean":return s;case"bigint":return BigInt(s);case"undefined":return;case"null":return null;case"number":return"NaN"===s?NaN:"-0"===s?-0:"Infinity"===s?1/0:"-Infinity"===s?-1/0:s;case"array":return s.map((n=>t.fromLocalValue(n)));case"date":return new Date(s);case"map":const n=new Map;for(const[e,o]of s){const l="object"==typeof e&&null!==e?t.fromLocalValue(e):e,s=t.fromLocalValue(o);n.set(l,s)}return n;case"object":const o={};for(const[n,e]of s)o[n]=t.fromLocalValue(e);return o;case"regexp":const{pattern:l,flags:r}=s;return new RegExp(l,r);case"set":const i=new Set;for(const n of s)i.add(t.fromLocalValue(n));return i;case"symbol":return Symbol(s);default:throw new Error(`Unsupported type: ${e}`)}}static fromLocalValueArray(n){return n.map((n=>t.fromLocalValue(n)))}static isLocalValueObject(t){if("object"!=typeof t||null===t)return!1;if(!t.hasOwnProperty(o))return!1;const s=t[o];return!!Object.values({...n,...e}).includes(s)&&("null"===s||"undefined"===s||t.hasOwnProperty(l))}};var ct,ft,ut,at=(t,n,e)=>{return"string"==typeof t&&t.startsWith(s)?t="string"==typeof(o=t)&&o.startsWith(s)?it.fromLocalValue(JSON.parse(function(t){const n=atob(t),e=new Uint8Array(n.length);for(let t=0;t<n.length;t++)e[t]=n.charCodeAt(t);return(new TextDecoder).decode(e)}(o.slice(11)))):o:null==t||Y(t)?t:4&n?(e&&"string"==typeof t||"false"!==t)&&(""===t||!!t):2&n?"string"==typeof t?parseFloat(t):"number"==typeof t?t:NaN:1&n?String(t):t;var o},dt=(t,n,e)=>{const o=t;return{emit:t=>$t(o,n,{bubbles:!!(4&e),composed:!!(2&e),cancelable:!!(1&e),detail:t})}},$t=(t,n,e)=>{const o=g.ce(n,e);return t.dispatchEvent(o),o},pt=(t,n,e,o,l,s,r)=>{if(e===o)return;let i=u(t,n),c=n.toLowerCase();if("class"===n){const n=t.classList,l=ht(e);let s=ht(o);if((t["s-si"]||t["s-sc"])&&r){const e=t["s-sc"]||t["s-si"];s.push(e),l.forEach((t=>{t.startsWith(e)&&s.push(t)})),s=[...new Set(s)].filter((t=>t)),n.add(...s)}else n.remove(...l.filter((t=>t&&!s.includes(t)))),n.add(...s.filter((t=>t&&!l.includes(t))))}else if("style"===n){for(const n in e)o&&null!=o[n]||(n.includes("-")?t.style.removeProperty(n):t.style[n]="");for(const n in o)e&&o[n]===e[n]||(n.includes("-")?t.style.setProperty(n,o[n]):t.style[n]=o[n])}else if("key"===n);else if("ref"===n)o&&Tt(o,t);else if(t.__lookupSetter__(n)||"o"!==n[0]||"n"!==n[1]){if("a"===n[0]&&n.startsWith("attr:")){const e=n.slice(5);let l;{const n=f(t);if(n&&n.o&&n.o.t){const t=n.o.t[e];t&&t[1]&&(l=t[1])}}return l||(l=e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),void(null==o||!1===o?!1===o&&""!==t.getAttribute(l)||t.removeAttribute(l):t.setAttribute(l,!0===o?"":o))}if("p"===n[0]&&n.startsWith("prop:")){const e=n.slice(5);try{t[e]=o}catch(t){}return}{const r=Y(o);if((i||r&&null!==o)&&!l)try{if(t.tagName.includes("-"))t[n]!==o&&(t[n]=o);else{const l=null==o?"":o;"list"===n?i=!1:null!=e&&t[n]===l||("function"==typeof t.__lookupSetter__(n)?t[n]=l:t.setAttribute(n,l))}}catch(t){}let f=!1;c!==(c=c.replace(/^xlink\:?/,""))&&(n=c,f=!0),null==o||!1===o?!1===o&&""!==t.getAttribute(n)||(f?t.removeAttributeNS(h,n):t.removeAttribute(n)):(!i||4&s||l)&&!r&&1===t.nodeType&&(o=!0===o?"":o,f?t.setAttributeNS(h,n,o):t.setAttribute(n,o))}}else if(n="-"===n[2]?n.slice(3):u(b,c)?c.slice(2):c[2]+n.slice(3),e||o){const l=n.endsWith(yt);n=n.replace(bt,""),e&&g.rel(t,n,e,l),o&&g.ael(t,n,o,l)}},vt=/\s/,ht=t=>("object"==typeof t&&t&&"baseVal"in t&&(t=t.baseVal),t&&"string"==typeof t?t.split(vt):[]),yt="Capture",bt=new RegExp(yt+"$"),mt=(t,n,e,o)=>{const l=11===n.k.nodeType&&n.k.host?n.k.host:n.k,s=t&&t.h||{},r=n.h||{};for(const t of gt(Object.keys(s)))t in r||pt(l,t,s[t],void 0,e,n.i,o);for(const t of gt(Object.keys(r)))pt(l,t,s[t],r[t],e,n.i,o)};function gt(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var wt=!1,jt=!1,Ot=!1,St=!1,kt=[],Nt=[],xt=(t,n,e)=>{var o;const l=n.m[e];let s,r,i,c=0;if(wt||(Ot=!0,"slot"===l.S&&(l.i|=l.m?2:1)),null!=l.v)s=l.k=b.document.createTextNode(l.v);else if(1&l.i)s=l.k=b.document.createTextNode(""),mt(null,l,St);else{if(St||(St="svg"===l.S),!b.document)throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(s=l.k=b.document.createElementNS(St?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",!wt&&2&l.i?"slot-fb":l.S),St&&"foreignObject"===l.S&&(St=!1),mt(null,l,St),null!=(f=ct)&&void 0!==f&&s["s-si"]!==ct&&s.classList.add(s["s-si"]=ct),l.m){const n="template"===l.S?s.content:s;for(c=0;c<l.m.length;++c)r=xt(t,l,c),r&&n.appendChild(r)}"svg"===l.S?St=!1:"foreignObject"===s.tagName&&(St=!0)}var f;return s["s-hn"]=ut,3&l.i&&(s["s-sr"]=!0,s["s-cr"]=ft,s["s-sn"]=l.O||"",s["s-rf"]=null==(o=l.h)?void 0:o.ref,V(s),i=t&&t.m&&t.m[e],i&&i.S===l.S&&t.k&&Mt(t.k),Ut(ft,s,n.k,null==t?void 0:t.k)),s},Mt=t=>{g.i|=1;const n=t.closest(ut.toLowerCase());if(null!=n){const e=Array.from(n.__childNodes||n.childNodes).find((t=>t["s-cr"])),o=Array.from(t.__childNodes||t.childNodes);for(const t of e?o.reverse():o)null!=t["s-sh"]&&(Bt(n,t,null!=e?e:null),t["s-sh"]=void 0,Ot=!0)}g.i&=-2},Et=(t,n)=>{g.i|=1;const e=Array.from(t.__childNodes||t.childNodes);if(t["s-sr"]){let n=t;for(;n=n.nextSibling;)n&&n["s-sn"]===t["s-sn"]&&n["s-sh"]===ut&&e.push(n)}for(let t=e.length-1;t>=0;t--){const o=e[t];o["s-hn"]!==ut&&o["s-ol"]&&(Bt(Lt(o).parentNode,o,Lt(o)),o["s-ol"].remove(),o["s-ol"]=void 0,o["s-sh"]=void 0,Ot=!0),n&&Et(o,n)}g.i&=-2},Ct=(t,n,e,o,l,s)=>{let r,i=t["s-cr"]&&t["s-cr"].parentNode||t;for(i.shadowRoot&&i.tagName===ut&&(i=i.shadowRoot),"template"===e.S&&(i=i.content);l<=s;++l)o[l]&&(r=xt(null,e,l),r&&(o[l].k=r,Bt(i,r,Lt(n))))},At=(t,n,e)=>{for(let o=n;o<=e;++o){const n=t[o];if(n){const t=n.k;Ft(n),t&&(jt=!0,t["s-ol"]?t["s-ol"].remove():Et(t,!0),t.remove())}}},It=(t,n,e=!1)=>t.S===n.S&&("slot"===t.S?t.O===n.O:e?(e&&!t.j&&n.j&&(t.j=n.j),!0):t.j===n.j),Lt=t=>t&&t["s-ol"]||t,Rt=(t,n,e=!1)=>{const o=n.k=t.k,l=t.m,s=n.m,r=n.S,i=n.v;let c;null==i?(St="svg"===r||"foreignObject"!==r&&St,"slot"!==r||wt||t.O!==n.O&&(n.k["s-sn"]=n.O||"",Mt(n.k.parentElement)),mt(t,n,St,e),null!==l&&null!==s?((t,n,e,o,l=!1)=>{let s,r,i=0,c=0,f=0,u=0,a=n.length-1,d=n[0],$=n[a],p=o.length-1,v=o[0],h=o[p];const y="template"===e.S?t.content:t;for(;i<=a&&c<=p;)if(null==d)d=n[++i];else if(null==$)$=n[--a];else if(null==v)v=o[++c];else if(null==h)h=o[--p];else if(It(d,v,l))Rt(d,v,l),d=n[++i],v=o[++c];else if(It($,h,l))Rt($,h,l),$=n[--a],h=o[--p];else if(It(d,h,l))"slot"!==d.S&&"slot"!==h.S||Et(d.k.parentNode,!1),Rt(d,h,l),Bt(y,d.k,$.k.nextSibling),d=n[++i],h=o[--p];else if(It($,v,l))"slot"!==d.S&&"slot"!==h.S||Et($.k.parentNode,!1),Rt($,v,l),Bt(y,$.k,d.k),$=n[--a],v=o[++c];else{for(f=-1,u=i;u<=a;++u)if(n[u]&&null!==n[u].j&&n[u].j===v.j){f=u;break}f>=0?(r=n[f],r.S!==v.S?s=xt(n&&n[c],e,f):(Rt(r,v,l),n[f]=void 0,s=r.k),v=o[++c]):(s=xt(n&&n[c],e,c),v=o[++c]),s&&Bt(Lt(d.k).parentNode,s,Lt(d.k))}i>a?Ct(t,null==o[p+1]?null:o[p+1].k,e,o,c,p):c>p&&At(n,i,a)})(o,l,n,s,e):null!==s?(null!==t.v&&(o.textContent=""),Ct(o,null,n,s,0,s.length-1)):e||null===l?e&&null!==l&&null===s&&(n.m=l):At(l,0,l.length-1),St&&"svg"===r&&(St=!1)):(c=o["s-cr"])?c.parentNode.textContent=i:t.v!==i&&(o.data=i)},_t=[],Dt=t=>{let n,e,o;const l=t.__childNodes||t.childNodes;for(const t of l){if(t["s-sr"]&&(n=t["s-cr"])&&n.parentNode){e=n.parentNode.__childNodes||n.parentNode.childNodes;const l=t["s-sn"];for(o=e.length-1;o>=0;o--)if(n=e[o],!(n["s-cn"]||n["s-nr"]||n["s-hn"]===t["s-hn"]||n["s-sh"]&&n["s-sh"]===t["s-hn"]))if(T(n,l)){let e=_t.find((t=>t.I===n));jt=!0,n["s-sn"]=n["s-sn"]||l,e?(e.I["s-sh"]=t["s-hn"],e.L=t):(n["s-sh"]=t["s-hn"],_t.push({L:t,I:n})),n["s-sr"]&&_t.map((t=>{T(t.I,n["s-sn"])&&(e=_t.find((t=>t.I===n)),e&&!t.L&&(t.L=e.L))}))}else _t.some((t=>t.I===n))||_t.push({I:n})}1===t.nodeType&&Dt(t)}},Ft=t=>{t.h&&t.h.ref&&kt.push((()=>t.h.ref(null))),t.m&&t.m.map(Ft)},Tt=(t,n)=>{Nt.push((()=>t(n)))},Bt=(t,n,e,o)=>{if("string"==typeof n["s-sn"]&&n["s-sr"]&&n["s-cr"])Ut(n["s-cr"],n,t,n.parentElement);else if("string"==typeof n["s-sn"]){t.insertBefore(n,e);const{slotNode:l}=function(t,n){var e;if(!(n=n||(null==(e=t["s-ol"])?void 0:e.parentElement)))return{slotNode:null,slotName:""};const o=t["s-sn"]=U(t)||"";return{slotNode:D(H(n,"childNodes"),n.tagName,o)[0],slotName:o}}(n);return l&&!o&&l.dispatchEvent(new CustomEvent("slotchange",{bubbles:!1,cancelable:!1,composed:!1})),n}return t.__insertBefore?t.__insertBefore(n,e):null==t?void 0:t.insertBefore(n,e)};function Ut(t,n,e,o){var l,s;let r;if(t&&"string"==typeof n["s-sn"]&&n["s-sr"]&&t.parentNode&&t.parentNode["s-sc"]&&(r=n["s-si"]||t.parentNode["s-sc"])){const t=n["s-sn"],i=n["s-hn"];if(null==(l=e.classList)||l.add(r+"-s"),o&&(null==(s=o.classList)?void 0:s.contains(r+"-s"))){let n=(o.__childNodes||o.childNodes)[0],e=!1;for(;n;){if(n["s-sn"]!==t&&n["s-hn"]===i&&n["s-sr"]){e=!0;break}n=n.nextSibling}e||o.classList.remove(r+"-s")}}}var Vt=(t,n,e=!1)=>{var o,l,s,r,i;const c=t.$hostElement$,f=t.o,u=t.R||Z(null,null);var a;const d=(a=n)&&a.S===G?n:J(null,null,n);if(ut=c.tagName,f._&&(d.h=d.h||{},f._.forEach((([t,n])=>{d.h[n]=c[t]}))),e&&d.h)for(const t of Object.keys(d.h))c.hasAttribute(t)&&!["key","ref","style","class"].includes(t)&&(d.h[t]=c[t]);if(d.S=null,d.i|=4,t.R=d,d.k=u.k=c.shadowRoot||c,ct=c["s-sc"],wt=!(!(1&f.i)||128&f.i),ft=c["s-cr"],jt=!1,Rt(u,d,e),g.i|=1,Ot){Dt(d.k);for(const t of _t){const n=t.I;if(!n["s-ol"]&&b.document){const t=b.document.createTextNode("");t["s-nr"]=n,Bt(n.parentNode,n["s-ol"]=t,n,e)}}for(const t of _t){const n=t.I,i=t.L;if(1===n.nodeType&&e&&(n["s-ih"]=null!=(o=n.hidden)&&o),i){const t=i.parentNode;let o=i.nextSibling;if(o&&1===o.nodeType){let e=null==(l=n["s-ol"])?void 0:l.previousSibling;for(;e;){let l=null!=(s=e["s-nr"])?s:null;if(l&&l["s-sn"]===n["s-sn"]&&t===(l.__parentNode||l.parentNode)){for(l=l.nextSibling;l===n||(null==l?void 0:l["s-sr"]);)l=null==l?void 0:l.nextSibling;if(!l||!l["s-nr"]){o=l;break}}e=e.previousSibling}}if((!o&&t!==(n.__parentNode||n.parentNode)||(n.__nextSibling||n.nextSibling)!==o)&&n!==o){if(Bt(t,n,o,e),8===n.nodeType&&n.nodeValue.startsWith("s-nt-")){const t=b.document.createTextNode(n.nodeValue.replace(/^s-nt-/,""));t["s-hn"]=n["s-hn"],t["s-sn"]=n["s-sn"],t["s-sh"]=n["s-sh"],t["s-sr"]=n["s-sr"],t["s-ol"]=n["s-ol"],t["s-ol"]["s-nr"]=t,Bt(n.parentNode,t,n,e),n.parentNode.removeChild(n)}1===n.nodeType&&"SLOT-FB"!==n.tagName&&(n.hidden=null!=(r=n["s-ih"])&&r)}n&&"function"==typeof i["s-rf"]&&i["s-rf"](i)}else 1===n.nodeType&&(n.hidden=!0)}}if(jt&&_(d.k),g.i&=-2,_t.length=0,!wt&&!(1&f.i)&&c["s-cr"]){const t=d.k.__childNodes||d.k.childNodes;for(const n of t)if(n["s-hn"]!==ut&&!n["s-sh"])if(e&&null==n["s-ih"]&&(n["s-ih"]=null!=(i=n.hidden)&&i),1===n.nodeType)n.hidden=!0;else if(3===n.nodeType&&n.nodeValue.trim()){const t=b.document.createComment("s-nt-"+n.nodeValue);t["s-sn"]=n["s-sn"],Bt(n.parentNode,t,n,e),n.parentNode.removeChild(n)}}ft=void 0,kt.forEach((t=>t())),kt.length=0,Nt.forEach((t=>t())),Nt.length=0},Ht=(t,n)=>{if(n&&!t.D&&n["s-p"]){const e=n["s-p"].push(new Promise((o=>t.D=()=>{n["s-p"].splice(e-1,1),o()})))}},Pt=(t,n)=>{if(t.i|=16,4&t.i)return void(t.i|=512);Ht(t,t.F);const e=()=>Wt(t,n);if(!n)return A(e);queueMicrotask((()=>{e()}))},Wt=(t,n)=>{const e=t.$hostElement$,o=e;if(!o)throw new Error(`Can't render component <${e.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let l;return l=Qt(o,n?"componentWillLoad":"componentWillUpdate",void 0,e),l=zt(l,(()=>Qt(o,"componentWillRender",void 0,e))),zt(l,(()=>Yt(t,o,n)))},zt=(t,n)=>qt(t)?t.then(n).catch((t=>{console.error(t),n()})):n(),qt=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,Yt=async(t,n,e)=>{var o;const l=t.$hostElement$,s=l["s-rc"];e&&(t=>{const n=t.o,e=t.$hostElement$,o=n.i,l=z(e.shadowRoot?e.shadowRoot:e.getRootNode(),n);10&o&&(e["s-sc"]=l,e.classList.add(l+"-h"))})(t);Jt(t,n,l,e),s&&(s.map((t=>t())),l["s-rc"]=void 0);{const n=null!=(o=l["s-p"])?o:[],e=()=>Zt(t);0===n.length?e():(Promise.all(n).then(e).catch(e),t.i|=4,n.length=0)}},Jt=(t,n,e,o)=>{try{n=n.render(),t.i&=-17,t.i|=2,Vt(t,n,o)}catch(n){a(n,t.$hostElement$)}return null},Zt=t=>{const n=t.$hostElement$,e=n,o=t.F;Qt(e,"componentDidRender",void 0,n),64&t.i?Qt(e,"componentDidUpdate",void 0,n):(t.i|=64,Xt(n),Qt(e,"componentDidLoad",void 0,n),t.T(n),o||Kt()),t.D&&(t.D(),t.D=void 0),512&t.i&&C((()=>Pt(t,!1))),t.i&=-517},Gt=t=>{var n;{const e=f(t),o=null==(n=null==e?void 0:e.$hostElement$)?void 0:n.isConnected;return o&&2==(18&e.i)&&Pt(e,!1),o}},Kt=()=>{var t;C((()=>$t(b,"appload",{detail:{namespace:"lmvz-components"}}))),(null==(t=g.B)?void 0:t.size)&&g.B.clear()},Qt=(t,n,e,o)=>{if(t&&t[n])try{return t[n](e)}catch(t){a(t,o)}},Xt=t=>t.classList.add("hydrated"),tn=(t,n,e,o)=>{const l=f(t);if(!l)return;const s=t,r=l.l.get(n),i=l.i,c=s;e=at(e,o.t[n][0],!!(64&o.i));const u=Number.isNaN(r)&&Number.isNaN(e);if(e!==r&&!u){if(l.l.set(n,e),o.U){const t=o.U[n];t&&t.map((t=>{try{const[[o,s]]=Object.entries(t);(128&i||1&s)&&(c?c[o](e,r,n):l.V.push((()=>{l.H[o](e,r,n)})))}catch(t){a(t,s)}}))}if(2&i){if(c.componentShouldUpdate&&!1===c.componentShouldUpdate(e,r,n)&&!(16&i))return;16&i||Pt(l,!1)}}},nn=(t,n,e)=>{var o,l;const s=t.prototype;64&n.i&&1&e&&y.forEach((t=>{const n=s[t];Object.defineProperty(s,t,{value(...e){var o;const l=f(this),s=this;s?"function"==typeof n&&n.call(s,...e):null==(o=null==l?void 0:l.P)||o.then((n=>{const o=n[t];"function"==typeof o&&o.call(n,...e)}))}})}));{t.watchers&&!n.U&&(n.U=rt(t.watchers)),t.deserializers&&!n.W&&(n.W=t.deserializers),t.serializers&&!n.q&&(n.q=t.serializers);const e=Object.entries(null!=(o=n.t)?o:{});e.map((([t,[e]])=>{if(31&e||32&e){const{get:o,set:l}=r(s,t)||{};o&&(n.t[t][0]|=2048),l&&(n.t[t][0]|=4096),Object.defineProperty(s,t,{get(){return o?o.apply(this):(n=t,f(this).l.get(n));var n},configurable:!0,enumerable:!0}),Object.defineProperty(s,t,{set(o){const s=f(this);if(s){if(l)return void 0===(32&e?this[t]:s.$hostElement$[t])&&s.l.get(t)&&(o=s.l.get(t)),l.apply(this,[at(o,e,!!(64&n.i))]),void tn(this,t,o=32&e?this[t]:s.$hostElement$[t],n);tn(this,t,o,n)}}})}}));{const o=new Map;s.attributeChangedCallback=function(t,l,r){g.jmp((()=>{var i;const c=o.get(t),u=f(this);if(this.hasOwnProperty(c),s.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==r)return;if(null==c){const e=null==u?void 0:u.i;if(u&&e&&!(8&e)&&r!==l){const o=this,s=null==(i=n.U)?void 0:i[t];null==s||s.forEach((n=>{const[[s,i]]=Object.entries(n);null!=o[s]&&(128&e||1&i)&&o[s].call(o,r,l,t)}))}return}const a=e.find((([t])=>t===c)),d=a&&4&a[1][0],$=d&&null===r&&void 0===this[c];d&&(r=null!==r&&"false"!==r);const p=Object.getOwnPropertyDescriptor(s,c);$||r==this[c]||p.get&&!p.set||(this[c]=r)}))},t.observedAttributes=Array.from(new Set([...Object.keys(null!=(l=n.U)?l:{}),...e.filter((([t,n])=>31&n[0])).map((([t,e])=>{var l;const s=e[1]||t;return o.set(s,t),512&e[0]&&(null==(l=n._)||l.push([t,s])),s}))]))}}return t},en=t=>{if(!b.document)return;const n=t["s-cr"]=b.document.createComment("");n["s-cn"]=!0,Bt(t,n,t.firstChild)},on=(t,n)=>{const e={i:n[0],p:n[1]};try{e.t=n[2],e.Y=n[3],e.U=rt(t.U),e.W=t.W,e.q=t.q,e._=[],(()=>{if(!b.document)return;const t=b.document.querySelectorAll(`[${p}]`);let n=0;for(;n<t.length;n++)W(t[n].getAttribute(p),t[n].innerHTML.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{"),!0)})();const o=t.prototype.connectedCallback,l=t.prototype.disconnectedCallback;return Object.assign(t.prototype,{__hasHostListenerAttached:!1,__registerHost(){((t,n)=>{const e={i:0,$hostElement$:t,o:n,l:new Map,J:new Map};e.P=new Promise((t=>e.T=t)),t["s-p"]=[],t["s-rc"]=[];const o=e;t.__stencil__getHostRef=()=>o,512&n.i&&c(t,e)})(this,e)},connectedCallback(){if(!this.__hasHostListenerAttached){const t=f(this);if(!t)return;sn(this,t,e.Y),this.__hasHostListenerAttached=!0}(t=>{if(!(1&g.i)){const n=f(t);if(!n)return;const e=n.o,o=()=>{};if(1&n.i)sn(t,n,e.Y),(null==n?void 0:n.H)||(null==n?void 0:n.P)&&n.P.then((()=>{}));else{let o;if(n.i|=1,o=t.getAttribute($),o){if(1&e.i){const n=z(t.shadowRoot,e);t.classList.remove(n+"-h",n+"-s")}else if(2&e.i){const n=q(e);t["s-sc"]=n}((t,n,e,o)=>{var l,s,r,i;const c=t.shadowRoot,u=[],a=[],d=[],p=c?[]:null,v=Z(n,null);let h;v.k=t;{const n=o.o;n&&10&n.i&&t["s-sc"]?(h=t["s-sc"],t.classList.add(h+"-h")):t["s-sc"]&&delete t["s-sc"]}!b.document||g.B&&g.B.size||nt(b.document.body,g.B=new Map),t[$]=e,t.removeAttribute($),o.R=tt(v,u,a,p,t,t,e,d);let y=0;const m=u.length;let w;for(;y<m;y++){w=u[y];const e=w.N+"."+w.M,o=g.B.get(e),s=w.k;if(c){if((null==(l=w.S)?void 0:l.toString().includes("-"))&&"slot-fb"!==w.S&&!w.k.shadowRoot){const t=f(w.k);if(t){const n=q(t.o),e=b.document.querySelector(`style[sty-id="${n}"]`);e&&p.unshift(e.cloneNode(!0))}}}else s["s-hn"]=n.toUpperCase(),"slot"===w.S&&(s["s-cr"]=t["s-cr"]);"slot"===w.S&&(w.O=w.k["s-sn"]||w.k.name||null,w.m?(w.i|=2,w.k.childNodes.length||w.m.forEach((t=>{w.k.appendChild(t.k)}))):w.i|=1),o&&o.isConnected&&(o.parentElement.shadowRoot&&""===o["s-en"]&&o.parentNode.insertBefore(s,o.nextSibling),o.parentNode.removeChild(o),c||(s["s-oo"]=parseInt(w.M))),o&&!o["s-id"]&&g.B.delete(e)}const j=[],O=d.length;let S,k,N,x,M=0,E=0;for(;M<O;M++)if(S=d[M],S&&S.length)for(N=S.length,k=0;k<N;k++){if(x=S[k],j[x.hostId]||(j[x.hostId]=g.B.get(x.hostId)),!j[x.hostId])continue;const t=j[x.hostId];t.shadowRoot&&x.node.parentElement!==t&&t.insertBefore(x.node,null==(r=null==(s=S[k-1])?void 0:s.node)?void 0:r.nextSibling),t.shadowRoot&&c||(x.slot["s-cr"]||(x.slot["s-cr"]=t["s-cr"],x.slot["s-cr"]=!x.slot["s-cr"]&&t.shadowRoot?t:(t.__childNodes||t.childNodes)[0]),B(x.node,x.slot,0,x.node["s-oo"]||E),(null==(i=x.node.parentElement)?void 0:i.shadowRoot)&&x.node.getAttribute&&x.node.getAttribute("slot")&&x.node.removeAttribute("slot")),E=(x.node["s-oo"]||E)+1}if(h&&a.length&&a.forEach((t=>{t.k.parentElement.classList.add(h+"-s")})),c&&!c.childNodes.length){let n=0;const e=p.length;if(e){for(;n<e;n++){const t=p[n];t&&c.appendChild(t)}Array.from(t.childNodes).forEach((t=>{"string"!=typeof t["s-en"]&&"string"!=typeof t["s-sn"]&&(1===t.nodeType&&t.slot&&t.hidden?t.removeAttribute("hidden"):8!==t.nodeType||t.nodeValue||t.parentNode.removeChild(t))}))}}o.$hostElement$=t})(t,e.p,o,n)}o||12&e.i&&en(t);{let e=t;for(;e=e.parentNode||e.host;)if(1===e.nodeType&&e.hasAttribute("s-id")&&e["s-p"]||e["s-p"]){Ht(n,n.F=e);break}}e.t&&Object.entries(e.t).map((([n,[e]])=>{if(31&e&&Object.prototype.hasOwnProperty.call(t,n)){const e=t[n];delete t[n],t[n]=e}})),(async(t,n,e)=>{let o;try{if(!(32&n.i)&&(n.i|=32,o=t.constructor,customElements.whenDefined(t.localName).then((()=>n.i|=128)),o&&o.style)){let t;"string"==typeof o.style&&(t=o.style);const n=q(e);if(!d.has(n)){const o=()=>{};W(n,t,!!(1&e.i)),o()}}const l=n.F,s=()=>Pt(n,!0);l&&l["s-rc"]?l["s-rc"].push(s):s()}catch(e){a(e,t),n.D&&(n.D(),n.D=void 0),n.T&&n.T(t)}})(t,n,e)}o()}})(this),o&&o.call(this)},disconnectedCallback(){(async t=>{if(!(1&g.i)){const n=f(t);(null==n?void 0:n.Z)&&(n.Z.map((t=>t())),n.Z=void 0)}P.has(t)&&P.delete(t),t.shadowRoot&&P.has(t.shadowRoot)&&P.delete(t.shadowRoot)})(this),l&&l.call(this)},__attachShadow(){if(this.shadowRoot){if("open"!==this.shadowRoot.mode)throw new Error(`Unable to re-use existing shadow root for ${e.p}! Mode is set to ${this.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else R.call(this,e)}}),Object.defineProperty(t,"is",{value:e.p,configurable:!0}),nn(t,e,3)}catch(n){return a(n),t}},ln=(t,n)=>n,sn=(t,n,e)=>{e&&b.document&&e.map((([e,o,l])=>{const s=t,r=rn(n,l),i=cn(e);g.ael(s,o,r,i),(n.Z=n.Z||[]).push((()=>g.rel(s,o,r,i)))}))},rn=(t,n)=>e=>{try{t.$hostElement$[n](e)}catch(n){a(n,t.$hostElement$)}},cn=t=>w?{passive:!!(1&t),capture:!!(2&t)}:!!(2&t),fn=t=>g.$=t,un=t=>Object.assign(g,t),an=new WeakMap;function dn(t,n){let e=an.get(n);e||(e={i:0,o:{i:0,p:n.tagName},$hostElement$:n},an.set(n,e)),Vt(e,t)}function $n(t){return t}export{t as B,ln as F,m as H,fn as a,un as b,dt as c,G as d,Gt as f,I as g,J as h,on as p,dn as r,L as s,$n as t}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as t,c as r,h as o,d as e,t as n}from"./p-DbBJxuBm.js";import{c as a}from"./p-BfTCfPZ1.js";import{A as l}from"./p-sACbyedu.js";import{E as m}from"./p--mU29mrX.js";import{a as i,f as v}from"./p-DJLdOjL4.js";import{R as d}from"./p-DXFoXTse.js";const s=t(class extends d{get el(){return this}validationEl;inheritedAttributes={};formEl=null;formButtonEl=null;lmvzActivation;ti=0;resolveFocusableElement(){return this.validationEl}scale="default";variant;disabled=!1;type="button";form;formMethod;name;value;buttonRole;constructor(t){super(!1),!1!==t&&this.__registerHost(),this.__attachShadow(),this.lmvzActivation=r(this,"lmvzActivation",7),this.addController(new l(this)),this.addController(new m(this,{localHandler:this.handleClick.bind(this)}))}connectedCallback(){this.inheritedAttributes=i(this.el,["role"]),super.connectedCallback()}disconnectedCallback(){this.formButtonEl?.remove(),this.formButtonEl=null,this.formEl=null,super.disconnectedCallback()}renderHiddenButton(){if("submit"!==this.type)return this.formButtonEl?.remove(),this.formButtonEl=null,void(this.formEl=null);const t=v(this.form,this.el);if(!t)return this.formButtonEl?.remove(),this.formButtonEl=null,void(this.formEl=null);this.formEl=t;const r=this.formButtonEl??document.createElement("button");r.type="submit",r.style.display="none",r.disabled=this.disabled,r.name=this.name??"",r.value=this.value??"",this.formMethod?r.setAttribute("formmethod",this.formMethod):r.removeAttribute("formmethod"),this.formButtonEl!==r&&(this.formButtonEl=r),r.parentElement!==t&&(r.remove(),t.appendChild(r))}submitForm(t){this.formEl&&this.formButtonEl&&(t.preventDefault(),this.formButtonEl.click())}handleClick=t=>{"submit"===this.type&&this.submitForm(t)};render(){return this.renderHiddenButton(),o(e,{key:"eb0ee982f50f1e41b2aa72a0598d739b972cbcdf",role:"presentation"},o("button",{key:"aed6f44f51222e31d5f1deec952c0d81b8f1200a",ref:t=>this.validationEl=t,part:"button",role:this.buttonRole,disabled:this.disabled,type:this.type,class:a(this.variant??"secondary",{[this.scale??""]:!!this.scale,disabled:this.disabled}),...this.inheritedAttributes},o("slot",{key:"2aaedfde3c0d6ebf426f20a8489b22c2a356767e"})))}static get delegatesFocus(){return!0}static get style(){return" @layer lmvz-ds.reset, lmvz-ds.theme, lmvz-ds.components, lmvz-ds.overrides; @layer lmvz-ds.theme { @font-face { font-family: Router; src: local('RouterBook-Regular'), local('Router-Book'), url('/assets/fonts/Router-Book.woff') format('woff'); font-weight: 400; } @font-face { font-family: Router; src: local('RouterMedium-Regular'), local('Router-Medium'), url('/assets/fonts/Router-Medium.woff') format('woff'); font-weight: 500; } @font-face { font-family: Router; src: local('RouterBold-Regular'), local('Router-Bold'), url('/assets/fonts/Router-Bold.woff') format('woff'); font-weight: 700; } } @layer lmvz-ds.reset { body { margin: 0; } h1, h2, h3, h4, h5, h6 { margin: 0; } *[hidden] { display: none !important; } hr { height: 0; border: none; margin: var(--lmvz-dimension-8-4, clamp(0.25rem, 0.19rem + 0.26vw, 0.5rem)) 0; border-top: var(--lmvz-semantic-border-width-default, 1px) solid var(--lmvz-semantic-color-border-subtle, #f0f0f0); } fieldset { border: none; margin: 0; padding: 0; } legend { padding: 0; display: block; } } :host { display: inline-block; button { & { & { --lmvz-button-background: var(--lmvz-button-background-override, var(--lmvz-semantic-color-int-secondary, #f0f0f0)); --lmvz-button-color: var(--lmvz-button-color-override, var(--lmvz-semantic-color-int-on-secondary, #000000)); --lmvz-button-radius: var(--lmvz-button-radius-override, var(--lmvz-component-input-radius-default, 999px)); --lmvz-button-padding-inline: var(--lmvz-button-padding-inline-override, var(--lmvz-button-padding, var(--lmvz-component-input-padding-md, clamp(0.88rem, 0.84rem + 0.13vw, 1rem)))); --lmvz-button-padding-block: var(--lmvz-button-padding-block-override, var(--lmvz-button-padding, var(--lmvz-component-input-padding-md, clamp(0.88rem, 0.84rem + 0.13vw, 1rem)))); --lmvz-button-gap: var(--lmvz-button-gap-override, var(--lmvz-component-input-gap-md, clamp(0.5rem, 0.44rem + 0.26vw, 0.75rem))); --lmvz-button-min-height: var(--lmvz-button-min-height-override, var(--lmvz-component-input-size-md, clamp(2.5rem, 2.44rem + 0.26vw, 2.75rem))); --lmvz-button-font: var(--lmvz-button-font-override, var(--lmvz-typography-label-md-strong, normal 700 clamp(0.88rem, 0.84rem + 0.13vw, 1rem) / 1.5 Router)); --lmvz-button-border-width: var(--lmvz-button-border-width-override, 0); --lmvz-button-border-color: var(--lmvz-button-border-color-override, transparent); display: inline-flex; align-items: center; justify-content: var(--lmvz-button-content-justification, center); gap: var(--lmvz-button-gap, var(--lmvz-component-input-gap-md, clamp(0.5rem, 0.44rem + 0.26vw, 0.75rem))); box-sizing: border-box; padding-block: var(--lmvz-button-padding-block, var(--lmvz-component-input-padding-md, clamp(0.88rem, 0.84rem + 0.13vw, 1rem))); padding-inline: var(--lmvz-button-padding-inline, var(--lmvz-component-input-padding-md, clamp(0.88rem, 0.84rem + 0.13vw, 1rem))); min-height: var(--lmvz-button-min-height, var(--lmvz-component-input-size-md, clamp(2.5rem, 2.44rem + 0.26vw, 2.75rem))); border: var(--lmvz-button-border-width, 0) solid var(--lmvz-button-border-color, transparent); border-radius: var(--lmvz-button-radius, var(--lmvz-component-input-radius-default, 999px)); background-color: var(--lmvz-button-background); color: var(--lmvz-button-color); cursor: pointer; font: var(--lmvz-button-font); text-decoration: none; white-space: nowrap; transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease; } & > * { font: inherit; color: inherit; } &:focus-visible { outline: var(--lmvz-ds-outline, 1px solid #0e7ab4); outline-offset: var(--lmvz-ds-outline-offset, clamp(0.25rem, 0.19rem + 0.26vw, 0.5rem)); position: relative; z-index: 1; } &:is([disabled], .disabled) { cursor: not-allowed; pointer-events: none; opacity: var(--lmvz-component-input-disabled-opacity, 40%); } &:not([disabled]):hover { --lmvz-button-background: var(--lmvz-button-background-override, var(--lmvz-semantic-color-int-secondary-hover, #e0e0e0)); } &:not([disabled]):active { --lmvz-button-background: var(--lmvz-button-background-override, var(--lmvz-semantic-color-int-secondary-active, #d4d4d4)); } &.primary { --lmvz-button-background: var(--lmvz-button-background-override, var(--lmvz-semantic-color-int-primary, #000000)); --lmvz-button-color: var(--lmvz-button-color-override, var(--lmvz-semantic-color-int-on-primary, #ffffff)); --lmvz-button-border-width: var(--lmvz-button-border-width-override, 0); --lmvz-button-border-color: var(--lmvz-button-border-color-override, transparent); } &.primary:not([disabled], .disabled):hover { --lmvz-button-background: var(--lmvz-button-background-override, var(--lmvz-semantic-color-int-primary-hover, #2e2e2e)); } &.primary:not([disabled], .disabled):active { --lmvz-button-background: var(--lmvz-button-background-override, var(--lmvz-semantic-color-int-primary-active, #545454)); } &.danger { --lmvz-button-background: var(--lmvz-button-background-override, var(--lmvz-semantic-color-int-tertiary, #ffffff)); --lmvz-button-border-color: var(--lmvz-button-border-color-override, transparent); --lmvz-button-color: var(--lmvz-button-color-override, var(--lmvz-semantic-color-status-on-danger, #a31419)); } &.danger:not([disabled], .disabled):hover { --lmvz-button-background: var(--lmvz-button-background-override, var(--lmvz-semantic-color-status-danger, #fbdfe0)); --lmvz-button-color: var(--lmvz-button-color-override, var(--lmvz-semantic-color-status-on-danger, #a31419)); } &.danger:not([disabled], .disabled):active { --lmvz-button-background: var(--lmvz-button-background-override, var(--lmvz-semantic-color-status-on-danger-subtle, #e8454b)); --lmvz-button-color: var(--lmvz-button-color-override, var(--lmvz-semantic-color-status-on-danger, #a31419)); } &.tertiary { --lmvz-button-background: var(--lmvz-button-background-override, var(--lmvz-semantic-color-int-tertiary, #ffffff)); --lmvz-button-color: var(--lmvz-button-color-override, var(--lmvz-semantic-color-int-on-tertiary, #000000)); } &.tertiary:not([disabled], .disabled):hover { --lmvz-button-background: var(--lmvz-button-background-override, var(--lmvz-semantic-color-int-tertiary-hover, #f0f0f0)); --lmvz-button-color: var(--lmvz-button-color-override, var(--lmvz-semantic-color-int-on-tertiary-hover, #000000)); } &.tertiary:not([disabled], .disabled):active { --lmvz-button-background: var(--lmvz-button-background-override, var(--lmvz-semantic-color-int-tertiary-active, #e0e0e0)); --lmvz-button-color: var(--lmvz-button-color-override, var(--lmvz-semantic-color-int-on-tertiary-active, #000000)); } &.small { --lmvz-button-padding-inline: var(--lmvz-button-padding-inline-override, var(--lmvz-component-input-padding-sm, clamp(0.75rem, 0.72rem + 0.13vw, 0.88rem))); --lmvz-button-padding-block: var(--lmvz-button-padding-block-override, var(--lmvz-component-input-padding-sm, clamp(0.75rem, 0.72rem + 0.13vw, 0.88rem))); --lmvz-button-gap: var(--lmvz-button-gap-override, var(--lmvz-component-input-gap-sm, clamp(0.38rem, 0.31rem + 0.26vw, 0.63rem))); --lmvz-button-min-height: var(--lmvz-button-min-height-override, var(--lmvz-component-input-size-sm, clamp(2rem, 1.94rem + 0.26vw, 2.25rem))); --lmvz-button-font: var(--lmvz-button-font-override, var(--lmvz-typography-label-sm-strong, normal 700 clamp(0.75rem, 0.72rem + 0.13vw, 0.88rem) / 1.5 Router)); } &.large { --lmvz-button-padding-inline: var(--lmvz-button-padding-inline-override, var(--lmvz-component-input-padding-lg, clamp(1rem, 0.94rem + 0.26vw, 1.25rem))); --lmvz-button-padding-block: var(--lmvz-button-padding-block-override, var(--lmvz-component-input-padding-lg, clamp(1rem, 0.94rem + 0.26vw, 1.25rem))); --lmvz-button-gap: var(--lmvz-button-gap-override, var(--lmvz-component-input-gap-lg, clamp(0.75rem, 0.69rem + 0.26vw, 1rem))); --lmvz-button-min-height: var(--lmvz-button-min-height-override, var(--lmvz-component-input-size-lg, clamp(2.75rem, 2.69rem + 0.26vw, 3rem))); --lmvz-button-font: var(--lmvz-button-font-override, var(--lmvz-typography-label-lg-strong, normal 700 clamp(1rem, 0.97rem + 0.13vw, 1.13rem) / 1.5 Router)); } } width: 100%; } } ::slotted(*) { --lmvz-component-color: var(--lmvz-button-color); } "}},[785,"lmvz-button",{ti:[514,"tabindex"],scale:[513],variant:[513],disabled:[516],type:[1],form:[1],formMethod:[1,"form-method"],name:[1],value:[1],buttonRole:[1,"button-role"]}]);function u(){"undefined"!=typeof customElements&&["lmvz-button"].forEach((t=>{"lmvz-button"===t&&(customElements.get(n(t))||customElements.define(n(t),s))}))}export{s as L,u as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{i as t,g as s}from"./p-DJLdOjL4.js";import{r as i,g as e}from"./p-DXFoXTse.js";const n={orientation:"both",enableHomeAndEnd:!1,manageTabIndex:!1};class h{host;elements=[];currentElement;config;constructor(t,s={}){this.host=t,this.config={...n,...s}}hostConnected(){i(this.host.el,"isFocusControllerHost",!0),this.getListenerTarget().addEventListener("keydown",this.handleKeydown),this.syncManagedFocusTarget()}hostDisconnected(){this.getListenerTarget().removeEventListener("keydown",this.handleKeydown)}updateListenerTarget(t){t!==this.config.listenerTarget&&(this.getListenerTarget().removeEventListener("keydown",this.handleKeydown),this.config.listenerTarget=t,this.getListenerTarget().addEventListener("keydown",this.handleKeydown))}getListenerTarget(){return this.config.listenerTarget??this.host.el}updateElements(t){const s=this.currentElement??this.getManagedActiveElement()??void 0;this.elements=t.filter((t=>"focus"in t&&1===t.nodeType)),this.syncManagedFocusTarget(s)}setCurrentElement(t){const s=this.currentElement;this.currentElement=null!=t&&"focus"in t&&1===t.nodeType?t:void 0,this.syncManagedFocusTarget(s)}async initFocus(){const t=this.selectManagedElement();t&&this.applyFocusTarget(t,!0)}handleKeydown=s=>{if(t(s.target))return;const i=this.getFocusIntent(s.key);if(!i)return;const e=this.getManagedActiveElement(),n=this.getTargetElement(e,i);n&&(s.preventDefault(),this.applyFocusTarget(n,!0))};getFocusIntent(t){return this.config.enableHomeAndEnd&&"Home"===t?"first":this.config.enableHomeAndEnd&&"End"===t?"last":"horizontal"===this.config.orientation?"ArrowRight"===t?"next":"ArrowLeft"===t?"previous":void 0:"vertical"===this.config.orientation?"ArrowDown"===t?"next":"ArrowUp"===t?"previous":void 0:"ArrowDown"===t||"ArrowRight"===t?"next":"ArrowUp"===t||"ArrowLeft"===t?"previous":void 0}getManagedActiveElement(){const t=s(this.host.el.ownerDocument??document);if(t instanceof HTMLElement){const s=this.elements.find((s=>function(t){return function(t){return"function"==typeof t.resolveFocusableElement}(t)?t.resolveFocusableElement()??t:t}(s)===t));if(s&&this.canMoveFocusTo(s))return s}if(this.currentElement&&this.elements.includes(this.currentElement)&&this.canMoveFocusTo(this.currentElement))return this.currentElement}getTargetElement(t,s){if(!this.elements.length)return;if("first"===s)return this.findFocusableFromIndex(-1,"next");if("last"===s)return this.findFocusableFromIndex(this.elements.length,"previous");const i=t?this.elements.indexOf(t):-1;return-1===i?"next"===s?this.findFocusableFromIndex(-1,"next"):this.findFocusableFromIndex(this.elements.length,"previous"):this.findFocusableFromIndex(i,s)}findFocusableFromIndex(t,s){if(!this.elements.length)return;const i="next"===s?1:-1;for(let s=1;s<=this.elements.length;s++){const e=this.elements[(t+i*s+this.elements.length)%this.elements.length];if(this.canMoveFocusTo(e))return e}}syncManagedFocusTarget(t){const s=this.selectManagedElement(t),i=s!==this.currentElement;this.currentElement=s,this.config.manageTabIndex&&this.updateTabIndexes(s),i&&s&&this.config.onFocusTargetChange?.(s)}selectManagedElement(t){const s=this.getManagedActiveElement();if(s)return s;if(this.currentElement&&this.elements.includes(this.currentElement)&&this.canMoveFocusTo(this.currentElement))return this.currentElement;if(t&&this.elements.includes(t))return this.findFocusableFromIndex(this.elements.indexOf(t),"next")??this.findFocusableFromIndex(-1,"next");return this.elements.find((t=>0===t.tabIndex&&this.canMoveFocusTo(t)))||this.findFocusableFromIndex(-1,"next")}updateTabIndexes(t){this.elements.forEach((s=>{s.tabIndex=t&&s===t?0:-1}))}applyFocusTarget(t,s){const i=t!==this.currentElement;this.currentElement=t,this.config.manageTabIndex&&this.updateTabIndexes(t),s&&t.focus(),i&&this.config.onFocusTargetChange?.(t)}canMoveFocusTo(t){return!!t&&(!t.hasAttribute("disabled")&&((!("disabled"in t)||!Boolean(t.disabled))&&("true"!==t.getAttribute("aria-disabled")&&(this.config.isFocusableElement?this.config.isFocusableElement(t):(this.config.manageTabIndex||t.tabIndex>=0)&&"true"!==t.getAttribute("aria-hidden")&&(t.checkVisibility?.()??!0)&&null!==t.offsetParent))))}}function r(t){return Boolean(e(t,"isFocusControllerHost"))}export{h as D,r as i}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as t,H as e,h as s,d as i,t as n}from"./p-DbBJxuBm.js";import{a,i as o}from"./p-BDonpCG8.js";import{v as r}from"./p-0ctLESas.js";import"./p-BPa0FHVO.js";import{d as c,e as d,h,j as l,k as u,c as m,l as f}from"./p-DJLdOjL4.js";const p=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get el(){return this}actionsSlot;validationMessageCache=[];actionsStateObserver;stacked=!1;get primaryEnabledAction(){return this.enabledButtons.find(c)??this.enabledButtons[0]}get hasActions(){return this.assignedButtons.some((t=>d(t)&&h(t)&&!l(t)))}componentDidLoad(){this.handleActionsSlotChange()}disconnectedCallback(){this.actionsStateObserver?.disconnect()}get assignedElements(){return this.actionsSlot?.assignedElements({flatten:!0})??[]}get assignedButtons(){return this.assignedElements.filter(h)}get visibleButtons(){return this.assignedButtons.filter(d)}get enabledButtons(){return this.visibleButtons.filter((t=l,(...e)=>{const s=t(...e);return a(s)?s.then((t=>!t)):!s}));var t}getActionValidationResult(){if(!this.visibleButtons.length)return[];const t=this.visibleButtons.filter(c),e=this.visibleButtons.filter(u),s=[],i=this.visibleButtons;if(1!==t.length&&s.push("LmvzButtonGroup actions slot should contain exactly one primary action."),e.length>1&&s.push(`LmvzButtonGroup actions slot should contain at most one secondary action (received ${e.length})`),t.length){const n=e[0];0!==i.indexOf(t[0])&&s.push("Primary action should be the first focusable element in the actions slot (i.e. first child of the actions slot)."),n&&1!==i.indexOf(n)&&s.push("Secondary action should be the second focusable element in the actions slot (i.e. immediately after the primary button).")}else e.length&&0!==i.indexOf(e[0])&&s.push("Secondary action should be the first focusable element in the actions slot when no primary action is present (i.e. first child of the actions slot).");return s}handleActionsSlotChange=()=>{this.observeActionState(),this.syncActionsState()};observeActionState(){"undefined"!=typeof MutationObserver&&(this.actionsStateObserver?.disconnect(),this.assignedButtons.length&&(this.actionsStateObserver=new MutationObserver((()=>{this.syncActionsState()})),this.assignedButtons.forEach((t=>{this.actionsStateObserver?.observe(t,{attributes:!0,attributeFilter:["disabled","hidden","variant"]})}))))}syncActionsState(){this.assignedElements.forEach((t=>{["LMVZ-BUTTON","BUTTON"].includes(t.tagName.toUpperCase())||(t.hasAttribute("hidden")||t.setAttribute("hidden",""),"true"!==t.getAttribute("aria-hidden")&&t.setAttribute("aria-hidden","true"))})),this.checkActions();const t=this.visibleButtons,e=t.length>0&&t.some((t=>c(t)||u(t)));t.length>0&&!e?this.el.setAttribute("data-only-tertiary",""):this.el.removeAttribute("data-only-tertiary"),this.visibleButtons.forEach(((t,e)=>{const s=r[e]??"tertiary";t&&(m(t)?t.getAttribute("variant")||t.variant||t.setAttribute("variant",s):t.classList.add(s))}));const s=this.visibleButtons.find((t=>"tertiary"===t.getAttribute("variant")));this.visibleButtons.forEach((t=>{t===s?t.setAttribute("data-first-tertiary",""):t.removeAttribute("data-first-tertiary")})),this.focusPrimaryAction()}focusPrimaryAction(){const t=this.primaryEnabledAction;t&&"undefined"!=typeof window&&window.requestAnimationFrame((()=>{f(t)&&t.focus()}))}checkActions(){if(!o())return;const t=this.getActionValidationResult();t.length&&t.forEach((t=>{this.validationMessageCache.includes(t)||(console.warn(t),this.validationMessageCache.push(t))}))}render(){return s(i,{key:"3e8ce38f7e83e201e47d31579f22161ff36247b1"},s("slot",{key:"bc953d19b333f51c5f5c5ba86be3a85d155a29d1",ref:t=>this.actionsSlot=t,onSlotchange:this.handleActionsSlotChange}))}static get style(){return":host{display:flex;flex-flow:row-reverse wrap;gap:var(--lmvz-component-input-gap-md, clamp(0.5rem, 0.44rem + 0.26vw, 0.75rem));font:var(--lmvz-typography-body-md, 400 clamp(0.88rem, 0.84rem + 0.13vw, 1rem) / 1.5 Router);}:host([stacked]){flex-flow:column nowrap;align-items:stretch;padding:0}:host([stacked]) ::slotted(*){display:block;width:100%}::slotted([hidden]){display:none !important}:host(:not([data-only-tertiary],[stacked])) ::slotted([data-first-tertiary]){margin-inline-end:auto}:host([data-only-tertiary]:not([stacked])){justify-content:flex-end}"}},[769,"lmvz-button-group",{stacked:[516],primaryEnabledAction:[2064],hasActions:[2052,"has-actions"]}]);function y(){"undefined"!=typeof customElements&&["lmvz-button-group"].forEach((t=>{"lmvz-button-group"===t&&(customElements.get(n(t))||customElements.define(n(t),p))}))}export{p as L,y as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{i,u as t,A as s,q as o}from"./p-BDonpCG8.js";import{B as e}from"./p-
|
|
1
|
+
import{i,u as t,A as s,q as o}from"./p-BDonpCG8.js";import{B as e}from"./p-DbBJxuBm.js";class n{host;config;visibilityObserver;elementQueued=!1;elementValidated=!1;elementLoaded=!1;static knownValidationErrors=[];get disabled(){return!i()}get useVerboseLogging(){return this.config?.verboseLogging||e.isDev||t()}constructor(i,t){this.host=i,this.config=t}onRuntimeConfigChange=()=>{i()&&this.checkLazyValidation()};hostDidLoad(){this.elementLoaded=!0,"undefined"!=typeof window&&window.addEventListener(s,this.onRuntimeConfigChange),this.elementQueued||this.elementValidated||("slot"!==this.config?.validationTiming?this.host.validationEl?.checkVisibility?.()&&"load"===this.config?.validationTiming?this.enqueueValidation():this.observeVisibilityOnce():this.observeSlot())}hostDidUpdate(){this.checkLazyValidation()}hostDisconnected(){this.discardVisibilityObserver(),"undefined"!=typeof window&&window.removeEventListener(s,this.onRuntimeConfigChange)}revalidateAria(){this.enqueueValidation()}observeSlot(){this.host.validationSlot?.addEventListener("slotchange",this.enqueueValidation.bind(this))}observeVisibilityOnce(){window.setTimeout((()=>{this.host.validationEl&&(this.visibilityObserver=new IntersectionObserver((i=>{for(const t of i)t.target===this.host.validationEl&&t.isIntersecting&&(this.checkLazyValidation(),this.discardVisibilityObserver())}),{root:this.host.validationEl?.parentElement,rootMargin:"0px",threshold:.01}),this.visibilityObserver.observe(this.host.validationEl))}))}checkLazyValidation(){this.elementLoaded&&(this.config?.reValidateOnPropChanges||!this.elementQueued&&!this.elementValidated)&&this.host.validationEl?.checkVisibility?.()&&this.enqueueValidation()}enqueueValidation(){i()&&(this.elementQueued=!0,o({context:{include:this.host.validationEl,exclude:n.knownValidationErrors},onComplete:(i,t)=>{this.elementValidated=!0;const s=this.host.tagName||this.host.validationEl?.tagName||"Element";if(i)return console.error("Error running ARIA validation:",i,s),void(this.host.validationEl?.tagName||console.dir(this.host));const o=[s];if(!t?.violations.length)return void(this.useVerboseLogging&&(console.log(...o,"has no ARIA violations"),this.host.validationEl?.tagName||console.dir(this.host)));const e=t.violations.length,h=[...o,t.violations.at(0).id,e>1?`(+${e-1} more)`:""].filter(Boolean).join(" ");this.useVerboseLogging?console.group(h):console.groupCollapsed(h);const r=t.violations.flatMap((i=>(console.dir(i,{showHidden:!0,compact:!1}),i.nodes.map((i=>i.target)))));this.host.validationEl?console.log("element:",this.host.validationEl):console.dir(this.host),console.groupEnd(),n.knownValidationErrors.push(...r)}}))}discardVisibilityObserver(){this.visibilityObserver&&(this.visibilityObserver.disconnect(),this.visibilityObserver=void 0)}}export{n as A}
|
package/esm/{aria-validation-controller-Cp6pofER.js → aria-validation-controller-Dwv7n0rk.js}
RENAMED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { i as isAriaValidationEnabled, u as useVerboseLogging, A as ARIA_VALIDATION_RUNTIME_CHANGED_EVENT, q as queueValidation } from './aria-loader-BfH06m7H.js';
|
|
2
|
-
import { B as Build } from './index-
|
|
2
|
+
import { B as Build } from './index-DVab4vzV.js';
|
|
3
3
|
|
|
4
4
|
class AriaValidationController {
|
|
5
5
|
host;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
const checkmarkSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNzUgMTIuNTYyNUw4LjgzMDc5IDE3LjYyNUwyMC40Mzc1IDYuMzc1IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEuNzUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K';
|
|
2
|
+
|
|
3
|
+
export { checkmarkSvg as c };
|
package/esm/{directional-focus-controller-QukTTWBE.js → directional-focus-controller-CJ0yNC00.js}
RENAMED
|
@@ -1,9 +1,6 @@
|
|
|
1
1
|
import { i as isInputElement, g as getDeepActiveElement } from './element.util-3ydVsxUW.js';
|
|
2
2
|
import { r as registerLmvzComponentMetaInfo, g as getLmvzComponentMetaInfo } from './reactive-controller-host-CICeIanv.js';
|
|
3
3
|
|
|
4
|
-
function isFocusControllerHost(el) {
|
|
5
|
-
return Boolean(getLmvzComponentMetaInfo(el, 'isFocusControllerHost'));
|
|
6
|
-
}
|
|
7
4
|
const defaultConfig = {
|
|
8
5
|
orientation: 'both',
|
|
9
6
|
enableHomeAndEnd: false,
|
|
@@ -23,11 +20,21 @@ class DirectionalFocusController {
|
|
|
23
20
|
}
|
|
24
21
|
hostConnected() {
|
|
25
22
|
registerLmvzComponentMetaInfo(this.host.el, 'isFocusControllerHost', true);
|
|
26
|
-
this.
|
|
23
|
+
this.getListenerTarget().addEventListener('keydown', this.handleKeydown);
|
|
27
24
|
this.syncManagedFocusTarget();
|
|
28
25
|
}
|
|
29
26
|
hostDisconnected() {
|
|
30
|
-
this.
|
|
27
|
+
this.getListenerTarget().removeEventListener('keydown', this.handleKeydown);
|
|
28
|
+
}
|
|
29
|
+
updateListenerTarget(listenerTarget) {
|
|
30
|
+
if (listenerTarget === this.config.listenerTarget)
|
|
31
|
+
return;
|
|
32
|
+
this.getListenerTarget().removeEventListener('keydown', this.handleKeydown);
|
|
33
|
+
this.config.listenerTarget = listenerTarget;
|
|
34
|
+
this.getListenerTarget().addEventListener('keydown', this.handleKeydown);
|
|
35
|
+
}
|
|
36
|
+
getListenerTarget() {
|
|
37
|
+
return this.config.listenerTarget ?? this.host.el;
|
|
31
38
|
}
|
|
32
39
|
updateElements(elements) {
|
|
33
40
|
const previousElement = this.currentElement ?? this.getManagedActiveElement() ?? undefined;
|
|
@@ -179,6 +186,9 @@ class DirectionalFocusController {
|
|
|
179
186
|
return isTabOrderable && element.getAttribute('aria-hidden') !== 'true' && (element.checkVisibility?.() ?? true) && element.offsetParent !== null;
|
|
180
187
|
}
|
|
181
188
|
}
|
|
189
|
+
function isFocusControllerHost(el) {
|
|
190
|
+
return Boolean(getLmvzComponentMetaInfo(el, 'isFocusControllerHost'));
|
|
191
|
+
}
|
|
182
192
|
function isDirectionalFocusReceiver(el) {
|
|
183
193
|
return typeof el.resolveFocusableElement === 'function';
|
|
184
194
|
}
|
|
@@ -637,6 +637,13 @@ var h = (nodeName, vnodeData, ...children) => {
|
|
|
637
637
|
}
|
|
638
638
|
}
|
|
639
639
|
}
|
|
640
|
+
if (typeof nodeName === "function") {
|
|
641
|
+
return nodeName(
|
|
642
|
+
vnodeData === null ? {} : vnodeData,
|
|
643
|
+
vNodeChildren,
|
|
644
|
+
vdomFnUtils
|
|
645
|
+
);
|
|
646
|
+
}
|
|
640
647
|
const vnode = newVNode(nodeName, null);
|
|
641
648
|
vnode.$attrs$ = vnodeData;
|
|
642
649
|
if (vNodeChildren.length > 0) {
|
|
@@ -672,6 +679,36 @@ var newVNode = (tag, text) => {
|
|
|
672
679
|
};
|
|
673
680
|
var Host = {};
|
|
674
681
|
var isHost = (node) => node && node.$tag$ === Host;
|
|
682
|
+
var vdomFnUtils = {
|
|
683
|
+
forEach: (children, cb) => children.map(convertToPublic).forEach(cb),
|
|
684
|
+
map: (children, cb) => children.map(convertToPublic).map(cb).map(convertToPrivate)
|
|
685
|
+
};
|
|
686
|
+
var convertToPublic = (node) => ({
|
|
687
|
+
vattrs: node.$attrs$,
|
|
688
|
+
vchildren: node.$children$,
|
|
689
|
+
vkey: node.$key$,
|
|
690
|
+
vname: node.$name$,
|
|
691
|
+
vtag: node.$tag$,
|
|
692
|
+
vtext: node.$text$
|
|
693
|
+
});
|
|
694
|
+
var convertToPrivate = (node) => {
|
|
695
|
+
if (typeof node.vtag === "function") {
|
|
696
|
+
const vnodeData = { ...node.vattrs };
|
|
697
|
+
if (node.vkey) {
|
|
698
|
+
vnodeData.key = node.vkey;
|
|
699
|
+
}
|
|
700
|
+
if (node.vname) {
|
|
701
|
+
vnodeData.name = node.vname;
|
|
702
|
+
}
|
|
703
|
+
return h(node.vtag, vnodeData, ...node.vchildren || []);
|
|
704
|
+
}
|
|
705
|
+
const vnode = newVNode(node.vtag, node.vtext);
|
|
706
|
+
vnode.$attrs$ = node.vattrs;
|
|
707
|
+
vnode.$children$ = node.vchildren;
|
|
708
|
+
vnode.$key$ = node.vkey;
|
|
709
|
+
vnode.$name$ = node.vname;
|
|
710
|
+
return vnode;
|
|
711
|
+
};
|
|
675
712
|
|
|
676
713
|
// src/runtime/client-hydrate.ts
|
|
677
714
|
var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
|
|
@@ -2836,6 +2873,9 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
|
|
|
2836
2873
|
}
|
|
2837
2874
|
endBootstrap();
|
|
2838
2875
|
};
|
|
2876
|
+
|
|
2877
|
+
// src/runtime/fragment.ts
|
|
2878
|
+
var Fragment = (_, children) => children;
|
|
2839
2879
|
var addHostEventListeners = (elm, hostRef, listeners, attachParentListeners) => {
|
|
2840
2880
|
if (listeners && win.document) {
|
|
2841
2881
|
listeners.map(([flags, name, method]) => {
|
|
@@ -2872,4 +2912,4 @@ function transformTag(tag) {
|
|
|
2872
2912
|
return tag;
|
|
2873
2913
|
}
|
|
2874
2914
|
|
|
2875
|
-
export { Build as B, Host as H, getAssetPath as a, bootstrapLazy as b, createEvent as c, forceUpdate as f, getElement as g, h, promiseResolve as p, registerInstance as r, setNonce as s };
|
|
2915
|
+
export { Build as B, Fragment as F, Host as H, getAssetPath as a, bootstrapLazy as b, createEvent as c, forceUpdate as f, getElement as g, h, promiseResolve as p, registerInstance as r, setNonce as s };
|
package/esm/index.js
CHANGED
|
@@ -1,202 +1,6 @@
|
|
|
1
1
|
export { A as ARIA_VALIDATION_RUNTIME_CHANGED_EVENT, d as disableAriaValidation, e as enableAriaValidation, i as isAriaValidationEnabled, q as queueValidation, u as useVerboseLogging } from './aria-loader-BfH06m7H.js';
|
|
2
2
|
export { g as chipSizes, f as chipTypes, d as iconSizes, e as iconWeights, b as inputSizes, i as inputTypes, l as linkTypes, m as messageTypes, p as popoverPlacements, n as popoverSizes, s as scaleValues, c as selectSizes, a as sizes, k as snackbarDismissReasons, j as snackbarPriorities, h as snackbarStatuses, t as textSizes, v as variants } from './ds.constants-0ctLESas.js';
|
|
3
|
+
export { S as SnackbarController } from './public-m6pRVUeP.js';
|
|
3
4
|
export { g as getRegisteredIconProvider, r as registerIconProvider, t as typedIconFromSet } from './icons-DQOFaux5.js';
|
|
4
5
|
import './svg-Dz3GD0LB.js';
|
|
5
6
|
import './logger-D06Ds9Dh.js';
|
|
6
|
-
|
|
7
|
-
const PRIORITY_MAP = {
|
|
8
|
-
low: 0,
|
|
9
|
-
normal: 1,
|
|
10
|
-
high: 2,
|
|
11
|
-
};
|
|
12
|
-
const STATUS_DURATION = {
|
|
13
|
-
success: 5000,
|
|
14
|
-
warning: 5000,
|
|
15
|
-
error: 8000,
|
|
16
|
-
};
|
|
17
|
-
let idCounter = 0;
|
|
18
|
-
function nextId() {
|
|
19
|
-
idCounter += 1;
|
|
20
|
-
return `snackbar-${idCounter}`;
|
|
21
|
-
}
|
|
22
|
-
function resolveHostElement() {
|
|
23
|
-
if (typeof document === 'undefined') {
|
|
24
|
-
return undefined;
|
|
25
|
-
}
|
|
26
|
-
const existing = document.querySelector('[data-snackbar-host]');
|
|
27
|
-
if (existing) {
|
|
28
|
-
return existing;
|
|
29
|
-
}
|
|
30
|
-
const el = document.createElement('lmvz-snackbar');
|
|
31
|
-
el.setAttribute('data-snackbar-host', '');
|
|
32
|
-
document.body.appendChild(el);
|
|
33
|
-
return el;
|
|
34
|
-
}
|
|
35
|
-
class SnackbarController {
|
|
36
|
-
hostEl = undefined;
|
|
37
|
-
active = undefined;
|
|
38
|
-
getHost() {
|
|
39
|
-
if (this.hostEl !== undefined && !this.hostEl.isConnected) {
|
|
40
|
-
this.hostEl = undefined;
|
|
41
|
-
}
|
|
42
|
-
if (this.hostEl === undefined) {
|
|
43
|
-
this.hostEl = resolveHostElement();
|
|
44
|
-
}
|
|
45
|
-
return this.hostEl;
|
|
46
|
-
}
|
|
47
|
-
clearTimer(entry) {
|
|
48
|
-
if (entry.timerId !== undefined) {
|
|
49
|
-
clearTimeout(entry.timerId);
|
|
50
|
-
entry.timerId = undefined;
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
scheduleTimer(entry, delayMs) {
|
|
54
|
-
if (delayMs <= 0) {
|
|
55
|
-
return;
|
|
56
|
-
}
|
|
57
|
-
entry.timerStartedAt = Date.now();
|
|
58
|
-
entry.timerId = setTimeout(() => {
|
|
59
|
-
if (this.active !== undefined && this.active.id === entry.id) {
|
|
60
|
-
this.dismissActive(entry, 'timeout');
|
|
61
|
-
}
|
|
62
|
-
}, delayMs);
|
|
63
|
-
}
|
|
64
|
-
dismissActive(entry, reason) {
|
|
65
|
-
this.clearTimer(entry);
|
|
66
|
-
const host = entry.hostEl;
|
|
67
|
-
host.removeEventListener('pointerenter', entry.onPointerEnter);
|
|
68
|
-
host.removeEventListener('pointerleave', entry.onPointerLeave);
|
|
69
|
-
host.removeEventListener('focusin', entry.onFocusIn);
|
|
70
|
-
host.removeEventListener('focusout', entry.onFocusOut);
|
|
71
|
-
if (entry.onActionListener) {
|
|
72
|
-
host.removeEventListener('lmvzAction', entry.onActionListener);
|
|
73
|
-
}
|
|
74
|
-
host.hide?.();
|
|
75
|
-
if (this.active?.id === entry.id) {
|
|
76
|
-
this.active = undefined;
|
|
77
|
-
}
|
|
78
|
-
if (reason !== 'action') {
|
|
79
|
-
host.dispatchEvent(new CustomEvent('lmvzClose', { detail: { reason }, bubbles: true, composed: true }));
|
|
80
|
-
}
|
|
81
|
-
entry.resolve({ reason });
|
|
82
|
-
}
|
|
83
|
-
pauseTimer(entry) {
|
|
84
|
-
entry.pauseCount += 1;
|
|
85
|
-
if (entry.pauseCount > 1 || entry.timerId === undefined) {
|
|
86
|
-
return;
|
|
87
|
-
}
|
|
88
|
-
const elapsed = entry.timerStartedAt !== undefined ? Date.now() - entry.timerStartedAt : 0;
|
|
89
|
-
entry.remaining = Math.max(0, entry.remaining - elapsed);
|
|
90
|
-
entry.timerStartedAt = undefined;
|
|
91
|
-
this.clearTimer(entry);
|
|
92
|
-
}
|
|
93
|
-
resumeTimer(entry) {
|
|
94
|
-
if (entry.pauseCount > 0) {
|
|
95
|
-
entry.pauseCount -= 1;
|
|
96
|
-
}
|
|
97
|
-
if (entry.pauseCount > 0) {
|
|
98
|
-
return;
|
|
99
|
-
}
|
|
100
|
-
if (entry.remaining > 0) {
|
|
101
|
-
this.scheduleTimer(entry, entry.remaining);
|
|
102
|
-
}
|
|
103
|
-
}
|
|
104
|
-
applyToHost(host, options) {
|
|
105
|
-
host.setAttribute('status', options.status ?? 'success');
|
|
106
|
-
if (options.actionLabel !== undefined) {
|
|
107
|
-
host.setAttribute('action-label', options.actionLabel);
|
|
108
|
-
}
|
|
109
|
-
else {
|
|
110
|
-
host.removeAttribute('action-label');
|
|
111
|
-
}
|
|
112
|
-
}
|
|
113
|
-
open(options) {
|
|
114
|
-
const incomingPriority = PRIORITY_MAP[options.priority ?? 'normal'];
|
|
115
|
-
if (this.active !== undefined && incomingPriority < this.active.priority) {
|
|
116
|
-
let swallowResolve;
|
|
117
|
-
const closed = new Promise((resolve) => {
|
|
118
|
-
swallowResolve = resolve;
|
|
119
|
-
});
|
|
120
|
-
swallowResolve({ reason: 'swallowed' });
|
|
121
|
-
const id = nextId();
|
|
122
|
-
return {
|
|
123
|
-
id,
|
|
124
|
-
closed,
|
|
125
|
-
dismiss() {
|
|
126
|
-
},
|
|
127
|
-
};
|
|
128
|
-
}
|
|
129
|
-
if (this.active !== undefined) {
|
|
130
|
-
this.dismissActive(this.active, 'overridden');
|
|
131
|
-
}
|
|
132
|
-
const host = this.getHost();
|
|
133
|
-
if (host === undefined) {
|
|
134
|
-
const id = nextId();
|
|
135
|
-
let ssrResolve;
|
|
136
|
-
const closed = new Promise((resolve) => {
|
|
137
|
-
ssrResolve = resolve;
|
|
138
|
-
});
|
|
139
|
-
ssrResolve({ reason: 'swallowed' });
|
|
140
|
-
return { id, closed, dismiss() { } };
|
|
141
|
-
}
|
|
142
|
-
const id = nextId();
|
|
143
|
-
const status = options.status ?? 'success';
|
|
144
|
-
const durationMs = options.duration === 0 ? 0 : (options.duration ?? STATUS_DURATION[status]);
|
|
145
|
-
let entryResolve;
|
|
146
|
-
const closed = new Promise((resolve) => {
|
|
147
|
-
entryResolve = resolve;
|
|
148
|
-
});
|
|
149
|
-
const entry = {
|
|
150
|
-
id,
|
|
151
|
-
priority: incomingPriority,
|
|
152
|
-
resolve: entryResolve,
|
|
153
|
-
timerId: undefined,
|
|
154
|
-
remaining: durationMs,
|
|
155
|
-
timerStartedAt: undefined,
|
|
156
|
-
pauseCount: 0,
|
|
157
|
-
hostEl: host,
|
|
158
|
-
onPointerEnter: () => this.pauseTimer(entry),
|
|
159
|
-
onPointerLeave: () => this.resumeTimer(entry),
|
|
160
|
-
onFocusIn: () => this.pauseTimer(entry),
|
|
161
|
-
onFocusOut: () => this.resumeTimer(entry),
|
|
162
|
-
};
|
|
163
|
-
this.active = entry;
|
|
164
|
-
host.addEventListener('pointerenter', entry.onPointerEnter);
|
|
165
|
-
host.addEventListener('pointerleave', entry.onPointerLeave);
|
|
166
|
-
host.addEventListener('focusin', entry.onFocusIn);
|
|
167
|
-
host.addEventListener('focusout', entry.onFocusOut);
|
|
168
|
-
this.applyToHost(host, options);
|
|
169
|
-
const onAction = () => {
|
|
170
|
-
if (this.active !== undefined && this.active.id === id) {
|
|
171
|
-
options.onAction?.();
|
|
172
|
-
this.dismissActive(entry, 'action');
|
|
173
|
-
}
|
|
174
|
-
};
|
|
175
|
-
entry.onActionListener = onAction;
|
|
176
|
-
host.addEventListener('lmvzAction', onAction, { once: true });
|
|
177
|
-
host.show?.();
|
|
178
|
-
queueMicrotask(() => host.setAttribute('message', options.message));
|
|
179
|
-
if (durationMs > 0) {
|
|
180
|
-
this.scheduleTimer(entry, durationMs);
|
|
181
|
-
}
|
|
182
|
-
return {
|
|
183
|
-
id,
|
|
184
|
-
closed,
|
|
185
|
-
dismiss: () => {
|
|
186
|
-
if (this.active?.id === id) {
|
|
187
|
-
this.dismissActive(entry, 'manual');
|
|
188
|
-
}
|
|
189
|
-
},
|
|
190
|
-
};
|
|
191
|
-
}
|
|
192
|
-
dismiss(id) {
|
|
193
|
-
if (!this.active) {
|
|
194
|
-
return;
|
|
195
|
-
}
|
|
196
|
-
if (!id || this.active.id === id) {
|
|
197
|
-
this.dismissActive(this.active, 'manual');
|
|
198
|
-
}
|
|
199
|
-
}
|
|
200
|
-
}
|
|
201
|
-
|
|
202
|
-
export { SnackbarController };
|