@nova-design-system/nova-webcomponents 3.0.0-beta.28 → 3.0.0-beta.29

package/dist/native/{p-13070761.entry.js → p-50c31094.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as o,h as c,a as i,g as n}from"./p-b4aea326.js";import{c as r}from"./p-8a1a6e56.js";import{v as t}from"./p-f5ff676c.js";const d='nv-fieldcheckbox{--nv-fieldcheckbox-border-default:var(--components-form-field-border-default);--nv-fieldcheckbox-border-hover:var(--components-form-field-border-hover);--nv-fieldcheckbox-border-focus:var(--components-form-field-border-default);--nv-fieldcheckbox-background-default:var(--components-form-field-background-default);--nv-fieldcheckbox-background-checked:var(--components-form-field-background-checked);--nv-fieldcheckbox-background-disabled:var(--components-form-field-background-disabled);--nv-fieldcheckbox-focus-box-shadow:var(--color-focus-brand);--nv-fieldcheckbox-color-checked:var(--components-form-shape-foreground-default);--nv-fieldcheckbox-color-disabled:var(--components-form-shape-foreground-disabled);--nv-fieldcheckbox-outline-color:var(--color-focus-brand);display:inline-flex;align-items:flex-start;gap:var(--form-gap-x);position:relative}nv-fieldcheckbox:not([disabled],[readonly]) input,nv-fieldcheckbox:not([disabled],[readonly]) label{cursor:pointer}nv-fieldcheckbox.error .input-container{--nv-fieldcheckbox-border-default:var(--components-form-field-border-error);--nv-fieldcheckbox-border-hover:var(--nv-fieldcheckbox-border-default);--nv-fieldcheckbox-border-focus:var(--components-form-field-border-error);--nv-fieldcheckbox-focus-box-shadow:var(--color-focus-destructive);--nv-fieldcheckbox-color-disabled:var(--components-form-shape-foreground-disabled-error);--nv-fieldcheckbox-background-checked:var(--components-form-field-background-error);--nv-fieldcheckbox-outline-color:var(--color-focus-destructive)}nv-fieldcheckbox.label-placement-before{flex-direction:row-reverse}nv-fieldcheckbox[disabled]{opacity:0.5}nv-fieldcheckbox label{align-self:stretch;color:var(--components-form-text-label-default);font-family:"TT Norms Pro", sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--form-label-font-weight);line-height:var(--form-label-line-height)}nv-fieldcheckbox .input-container{position:relative;color:var(--nv-fieldcheckbox-color-checked)}nv-fieldcheckbox .input-container input[type=checkbox][readonly]{opacity:0.5}nv-fieldcheckbox .input-container:has(input[type=checkbox]:disabled:not([readonly])){color:var(--nv-fieldcheckbox-color-disabled)}nv-fieldcheckbox .input-container input[type=checkbox]{appearance:none;position:relative;display:flex;width:var(--form-checkbox-size);height:var(--form-checkbox-size);flex-direction:column;align-items:flex-start;border-radius:var(--form-checkbox-radius);border-width:var(--form-checkbox-border-width);border-style:solid;border-color:var(--nv-fieldcheckbox-border-default);background:var(--nv-fieldcheckbox-background-default)}nv-fieldcheckbox .input-container input[type=checkbox]:hover{border-color:var(--nv-fieldcheckbox-border-hover)}nv-fieldcheckbox .input-container input[type=checkbox]:focus{border-color:var(--nv-fieldcheckbox-border-focus)}nv-fieldcheckbox .input-container input[type=checkbox]:focus,nv-fieldcheckbox .input-container input[type=checkbox]:focus-within{outline:none}nv-fieldcheckbox .input-container input[type=checkbox]:focus-visible,nv-fieldcheckbox .input-container input[type=checkbox]:has(:focus-visible){outline:var(--focus-outline-stroke) solid var(--nv-fieldcheckbox-outline-color);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-fieldcheckbox .input-container input[type=checkbox]:checked,nv-fieldcheckbox .input-container input[type=checkbox]:indeterminate{background:var(--nv-fieldcheckbox-background-checked);border-color:var(--nv-fieldcheckbox-background-checked)}nv-fieldcheckbox .input-container input[type=checkbox]:disabled:not([readonly]){background:var(--nv-fieldcheckbox-background-disabled);border-color:var(--nv-fieldcheckbox-border-default)}nv-fieldcheckbox .input-container input[type=checkbox][readonly]{opacity:0.5}nv-fieldcheckbox .input-container .icon{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}nv-fieldcheckbox .input-container .icon svg{width:var(--form-checkbox-icon-size);height:var(--form-checkbox-icon-size);fill:none;stroke:currentcolor;stroke-width:var(--form-checkbox-icon-stroke);flex-shrink:0}nv-fieldcheckbox .description{align-self:stretch;color:var(--components-form-text-description-default);font-family:"TT Norms Pro", sans-serif;font-size:var(--form-description-font-size);font-style:normal;font-weight:var(--form-description-font-weight);line-height:var(--form-description-line-height)}nv-fieldcheckbox .error-description{align-self:stretch;color:var(--components-form-text-description-default);font-family:"TT Norms Pro", sans-serif;font-size:var(--form-description-font-size);font-style:normal;font-weight:var(--form-description-font-weight);line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fieldcheckbox .text-container{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}';const a=d;const s=class{constructor(c){e(this,c);this.checkedChanged=o(this,"checkedChanged",7);this.message=undefined;this.validation=undefined;this.labelBefore=false;this.inputId=t();this.name=undefined;this.value=undefined;this.label=undefined;this.labelPlacement=undefined;this.hideLabel=false;this.description=undefined;this.error=false;this.errorDescription=undefined;this.checked=false;this.indeterminate=false;this.disabled=false;this.readonly=false;this.required=false}componentWillRender(){if(this.message){this.description=this.message}if(this.labelBefore){this.labelPlacement="before"}if(this.validation){this.errorDescription=this.validation}}onCheckedChanged(e){this.checkedChanged.emit(e)}handleChange(e){const o=e.target;if(o.type==="checkbox"&&o.id===this.inputId){if(this.readonly||this.disabled){e.preventDefault();return}if(this.indeterminate){this.indeterminate=false}this.checked=o.checked}}render(){return c(i,{key:"c87c2b3e3a4b81c9d6eb6c3784919a5fcb78e38b",class:r(this.labelPlacement==="before"&&"label-placement-before",this.error&&"error")},c("div",{key:"8e43a91fec01b02dfa6b27408e1c1fd252558014",class:"input-container"},c("input",{key:"bffbfc1ac879fb70e1c7b436c3a9845150b78bca",type:"checkbox",id:this.inputId,name:this.name,autocomplete:"off",value:this.value,checked:Boolean(this.checked),disabled:this.disabled||this.readonly,readonly:this.readonly&&!this.required,required:this.required,indeterminate:this.indeterminate,ref:e=>{if(e){e.indeterminate=this.indeterminate}}}),c("span",{key:"b100feee33694f72c59496f09f5ecbbf9358d7c6",class:"icon"},this.checked&&!this.indeterminate&&c("slot",{key:"a5f5159aff04c111e4b944123686f00f817ecb1e",name:"checked-icon"},c("svg",{key:"26a750b600fa0857ec9adf17f9d4dcd9ce0e2aad",xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 14 14",fill:"none"},c("path",{key:"ddf0155de05297d7ec966bdaf9633ceb1ee413d7",d:"M11.6667 3.5L5.25004 9.91667L2.33337 7","stroke-linecap":"round","stroke-linejoin":"round"}))),this.indeterminate&&c("slot",{key:"e64681ce70326348083402f7996eaf6134aaca3e",name:"indeterminate-icon"},c("svg",{key:"9cfcd8118bb6f208278614711fd726fe29c9070a",class:"indeterminate-svg",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 14 14",fill:"none"},c("path",{key:"8d88be8c4bd195982bf0024e4f67f30601ddfb80",d:"M2.9165 7H11.0832","stroke-linecap":"round","stroke-linejoin":"round"}))))),c("div",{key:"061d18d589ef2a8efd0fb73f70d5c0a6013c497d",class:"text-container"},(this.label||this.el.querySelector('[slot="label"]'))&&c("label",{key:"129013f8e60d1aaae82b97321c4cc26ab6229bbb",htmlFor:this.inputId,class:r(this.hideLabel&&"visually-hidden")},c("slot",{key:"e134c0683e4c4c410c78d45f3537d8ed1491c67e",name:"label"},this.label)),(this.description||this.el.querySelector('[slot="description"]'))&&c("div",{key:"78166f4fb7d1e5dc20f13ce5b4ca567a90862493",class:"description"},c("slot",{key:"6bced15913e4a22371520818343de5598c5a5e6d",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&c("div",{key:"88f4ceaef2412ce5f4bb08b19485fc27d9842792",hidden:!this.error,class:"error-description"},c("slot",{key:"96a581ce5d0e66416d24bf52219a87d3c39457d8",name:"error-description"},this.errorDescription))))}get el(){return n(this)}static get watchers(){return{checked:["onCheckedChanged"]}}};s.style=a;export{s as nv_fieldcheckbox};
-//# sourceMappingURL=p-13070761.entry.js.map
+import{r as e,c as o,h as c,a as i,g as r}from"./p-6ef216c4.js";import{c as n}from"./p-8a1a6e56.js";import{v as t}from"./p-f5ff676c.js";const d='nv-fieldcheckbox{--nv-fieldcheckbox-border-default:var(--components-form-field-border-default);--nv-fieldcheckbox-border-hover:var(--components-form-field-border-hover);--nv-fieldcheckbox-border-focus:var(--components-form-field-border-default);--nv-fieldcheckbox-background-default:var(--components-form-field-background-default);--nv-fieldcheckbox-background-checked:var(--components-form-field-background-checked);--nv-fieldcheckbox-background-disabled:var(--components-form-field-background-disabled);--nv-fieldcheckbox-focus-box-shadow:var(--color-focus-brand);--nv-fieldcheckbox-color-checked:var(--components-form-shape-foreground-default);--nv-fieldcheckbox-color-disabled:var(--components-form-shape-foreground-disabled);--nv-fieldcheckbox-outline-color:var(--color-focus-brand);display:inline-flex;align-items:flex-start;gap:var(--form-gap-x);position:relative}nv-fieldcheckbox:not([disabled],[readonly]) input,nv-fieldcheckbox:not([disabled],[readonly]) label{cursor:pointer}nv-fieldcheckbox.error .input-container{--nv-fieldcheckbox-border-default:var(--components-form-field-border-error);--nv-fieldcheckbox-border-hover:var(--nv-fieldcheckbox-border-default);--nv-fieldcheckbox-border-focus:var(--components-form-field-border-error);--nv-fieldcheckbox-focus-box-shadow:var(--color-focus-destructive);--nv-fieldcheckbox-color-disabled:var(--components-form-shape-foreground-disabled-error);--nv-fieldcheckbox-background-checked:var(--components-form-field-background-error);--nv-fieldcheckbox-outline-color:var(--color-focus-destructive)}nv-fieldcheckbox.label-placement-before{flex-direction:row-reverse}nv-fieldcheckbox[disabled]{opacity:0.5}nv-fieldcheckbox label{align-self:stretch;color:var(--components-form-text-label-default);font-family:"TT Norms Pro", sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--form-label-font-weight);line-height:var(--form-label-line-height)}nv-fieldcheckbox .input-container{position:relative;color:var(--nv-fieldcheckbox-color-checked)}nv-fieldcheckbox .input-container input[type=checkbox][readonly]{opacity:0.5}nv-fieldcheckbox .input-container:has(input[type=checkbox]:disabled:not([readonly])){color:var(--nv-fieldcheckbox-color-disabled)}nv-fieldcheckbox .input-container input[type=checkbox]{appearance:none;position:relative;display:flex;width:var(--form-checkbox-size);height:var(--form-checkbox-size);flex-direction:column;align-items:flex-start;border-radius:var(--form-checkbox-radius);border-width:var(--form-checkbox-border-width);border-style:solid;border-color:var(--nv-fieldcheckbox-border-default);background:var(--nv-fieldcheckbox-background-default)}nv-fieldcheckbox .input-container input[type=checkbox]:hover{border-color:var(--nv-fieldcheckbox-border-hover)}nv-fieldcheckbox .input-container input[type=checkbox]:focus{border-color:var(--nv-fieldcheckbox-border-focus)}nv-fieldcheckbox .input-container input[type=checkbox]:focus,nv-fieldcheckbox .input-container input[type=checkbox]:focus-within{outline:none}nv-fieldcheckbox .input-container input[type=checkbox]:focus-visible,nv-fieldcheckbox .input-container input[type=checkbox]:has(:focus-visible){outline:var(--focus-outline-stroke) solid var(--nv-fieldcheckbox-outline-color);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-fieldcheckbox .input-container input[type=checkbox]:checked,nv-fieldcheckbox .input-container input[type=checkbox]:indeterminate{background:var(--nv-fieldcheckbox-background-checked);border-color:var(--nv-fieldcheckbox-background-checked)}nv-fieldcheckbox .input-container input[type=checkbox]:disabled:not([readonly]){background:var(--nv-fieldcheckbox-background-disabled);border-color:var(--nv-fieldcheckbox-border-default)}nv-fieldcheckbox .input-container input[type=checkbox][readonly]{opacity:0.5}nv-fieldcheckbox .input-container .icon{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}nv-fieldcheckbox .input-container .icon svg{width:var(--form-checkbox-icon-size);height:var(--form-checkbox-icon-size);fill:none;stroke:currentcolor;stroke-width:var(--form-checkbox-icon-stroke);flex-shrink:0}nv-fieldcheckbox .description{align-self:stretch;color:var(--components-form-text-description-default);font-family:"TT Norms Pro", sans-serif;font-size:var(--form-description-font-size);font-style:normal;font-weight:var(--form-description-font-weight);line-height:var(--form-description-line-height)}nv-fieldcheckbox .error-description{align-self:stretch;color:var(--components-form-text-description-default);font-family:"TT Norms Pro", sans-serif;font-size:var(--form-description-font-size);font-style:normal;font-weight:var(--form-description-font-weight);line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fieldcheckbox .text-container{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}';const a=d;const l=class{constructor(c){e(this,c);this.checkedChanged=o(this,"checkedChanged",7);this.labelBefore=false;this.inputId=t();this.hideLabel=false;this.error=false;this.checked=false;this.indeterminate=false;this.disabled=false;this.readonly=false;this.required=false}componentWillRender(){if(this.message){this.description=this.message}if(this.labelBefore){this.labelPlacement="before"}if(this.validation){this.errorDescription=this.validation}}onCheckedChanged(e){this.checkedChanged.emit(e)}handleChange(e){const o=e.target;if(o.type==="checkbox"&&o.id===this.inputId){if(this.readonly||this.disabled){e.preventDefault();return}if(this.indeterminate){this.indeterminate=false}this.checked=o.checked}}render(){return c(i,{key:"c87c2b3e3a4b81c9d6eb6c3784919a5fcb78e38b",class:n(this.labelPlacement==="before"&&"label-placement-before",this.error&&"error")},c("div",{key:"8e43a91fec01b02dfa6b27408e1c1fd252558014",class:"input-container"},c("input",{key:"bffbfc1ac879fb70e1c7b436c3a9845150b78bca",type:"checkbox",id:this.inputId,name:this.name,autocomplete:"off",value:this.value,checked:Boolean(this.checked),disabled:this.disabled||this.readonly,readonly:this.readonly&&!this.required,required:this.required,indeterminate:this.indeterminate,ref:e=>{if(e){e.indeterminate=this.indeterminate}}}),c("span",{key:"b100feee33694f72c59496f09f5ecbbf9358d7c6",class:"icon"},this.checked&&!this.indeterminate&&c("slot",{key:"a5f5159aff04c111e4b944123686f00f817ecb1e",name:"checked-icon"},c("svg",{key:"26a750b600fa0857ec9adf17f9d4dcd9ce0e2aad",xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 14 14",fill:"none"},c("path",{key:"ddf0155de05297d7ec966bdaf9633ceb1ee413d7",d:"M11.6667 3.5L5.25004 9.91667L2.33337 7","stroke-linecap":"round","stroke-linejoin":"round"}))),this.indeterminate&&c("slot",{key:"e64681ce70326348083402f7996eaf6134aaca3e",name:"indeterminate-icon"},c("svg",{key:"9cfcd8118bb6f208278614711fd726fe29c9070a",class:"indeterminate-svg",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 14 14",fill:"none"},c("path",{key:"8d88be8c4bd195982bf0024e4f67f30601ddfb80",d:"M2.9165 7H11.0832","stroke-linecap":"round","stroke-linejoin":"round"}))))),c("div",{key:"061d18d589ef2a8efd0fb73f70d5c0a6013c497d",class:"text-container"},(this.label||this.el.querySelector('[slot="label"]'))&&c("label",{key:"129013f8e60d1aaae82b97321c4cc26ab6229bbb",htmlFor:this.inputId,class:n(this.hideLabel&&"visually-hidden")},c("slot",{key:"e134c0683e4c4c410c78d45f3537d8ed1491c67e",name:"label"},this.label)),(this.description||this.el.querySelector('[slot="description"]'))&&c("div",{key:"78166f4fb7d1e5dc20f13ce5b4ca567a90862493",class:"description"},c("slot",{key:"6bced15913e4a22371520818343de5598c5a5e6d",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&c("div",{key:"88f4ceaef2412ce5f4bb08b19485fc27d9842792",hidden:!this.error,class:"error-description"},c("slot",{key:"96a581ce5d0e66416d24bf52219a87d3c39457d8",name:"error-description"},this.errorDescription))))}get el(){return r(this)}static get watchers(){return{checked:["onCheckedChanged"]}}};l.style=a;export{l as nv_fieldcheckbox};
+//# sourceMappingURL=p-50c31094.entry.js.map

package/dist/native/p-50c31094.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["nvFieldcheckboxCss","NvFieldcheckboxStyle0","NvFieldcheckbox","constructor","hostRef","this","labelBefore","inputId","uuidv4","hideLabel","error","checked","indeterminate","disabled","readonly","required","componentWillRender","message","description","labelPlacement","validation","errorDescription","onCheckedChanged","checkedChanged","emit","handleChange","event","target","type","id","preventDefault","render","h","Host","key","class","clsx","name","autocomplete","value","Boolean","ref","el","xmlns","width","height","viewBox","fill","d","label","querySelector","htmlFor","hidden"],"sources":["src/components/nv-fieldcheckbox/nv-fieldcheckbox.scss?tag=nv-fieldcheckbox","src/components/nv-fieldcheckbox/nv-fieldcheckbox.tsx"],"sourcesContent":["@import \"../../styles/focus-ring\";\n\n@mixin fieldcheckbox-variables() {\n  --nv-fieldcheckbox-border-default: var(--components-form-field-border-default);\n  --nv-fieldcheckbox-border-hover: var(--components-form-field-border-hover);\n  --nv-fieldcheckbox-border-focus: var(--components-form-field-border-default);\n  --nv-fieldcheckbox-background-default: var(--components-form-field-background-default);\n  --nv-fieldcheckbox-background-checked: var(--components-form-field-background-checked);\n  --nv-fieldcheckbox-background-disabled: var(--components-form-field-background-disabled);\n  --nv-fieldcheckbox-focus-box-shadow: var(--color-focus-brand);\n  --nv-fieldcheckbox-color-checked: var(--components-form-shape-foreground-default);\n  --nv-fieldcheckbox-color-disabled: var(--components-form-shape-foreground-disabled);\n  --nv-fieldcheckbox-outline-color: var(--color-focus-brand);\n}\n\n@mixin fieldcheckbox-error-variables() {\n  --nv-fieldcheckbox-border-default: var(--components-form-field-border-error);\n  --nv-fieldcheckbox-border-hover: var(--nv-fieldcheckbox-border-default);\n  --nv-fieldcheckbox-border-focus: var(--components-form-field-border-error);\n  --nv-fieldcheckbox-focus-box-shadow: var(--color-focus-destructive);\n  --nv-fieldcheckbox-color-disabled: var(--components-form-shape-foreground-disabled-error);\n  --nv-fieldcheckbox-background-checked: var(--components-form-field-background-error);\n  --nv-fieldcheckbox-outline-color: var(--color-focus-destructive);\n}\n\n@mixin root-styles() {\n  display: inline-flex;\n  align-items: flex-start;\n  gap: var(--form-gap-x);\n  position: relative;\n\n  &:not([disabled], [readonly]) {\n    input,\n    label {\n      cursor: pointer;\n    }\n  }\n}\n\n@mixin label-before-styles() {\n  flex-direction: row-reverse;\n}\n\n@mixin label-styles() {\n  align-self: stretch;\n  color: var(--components-form-text-label-default);\n  font-family: \"TT Norms Pro\", sans-serif;\n  font-size: var(--form-label-font-size);\n  font-style: normal;\n  font-weight: var(--form-label-font-weight);\n  line-height: var(--form-label-line-height);\n}\n\n@mixin description-styles() {\n  align-self: stretch;\n  color: var(--components-form-text-description-default);\n  font-family: \"TT Norms Pro\", sans-serif;\n  font-size: var(--form-description-font-size);\n  font-style: normal;\n  font-weight: var(--form-description-font-weight);\n  line-height: var(--form-description-line-height);\n}\n\n@mixin error-description-styles() {\n  @include description-styles();\n\n  color: var(--components-form-text-description-error);\n}\n\n@mixin text-container-styles() {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  flex: 1 0 0;\n}\n\n@mixin input-container-styles() {\n  position: relative;\n  color: var(--nv-fieldcheckbox-color-checked);\n\n  input[type=checkbox][readonly] {\n    // TODO: Find a way to use the --components-form-opacity-disabled variable properly, right now it outputs a value of 50px instead of 0.5.\n    opacity: 0.5;\n  }\n\n  &:has(input[type=\"checkbox\"]:disabled:not([readonly])) {\n    color: var(--nv-fieldcheckbox-color-disabled);\n  }\n}\n\n@mixin input-styles() {\n  appearance: none;\n  position: relative;\n  display: flex;\n  width: var(--form-checkbox-size);\n  height: var(--form-checkbox-size);\n  flex-direction: column;\n  align-items: flex-start;\n  border-radius: var(--form-checkbox-radius);\n  border-width: var(--form-checkbox-border-width);\n  border-style: solid;\n  border-color: var(--nv-fieldcheckbox-border-default);\n  background: var(--nv-fieldcheckbox-background-default);\n\n  &:hover {\n    border-color: var(--nv-fieldcheckbox-border-hover);\n  }\n\n  &:focus {\n    border-color: var(--nv-fieldcheckbox-border-focus);\n  }\n\n  @include focus-ring(var(--nv-fieldcheckbox-outline-color));\n\n  &:checked,\n  &:indeterminate {\n    background: var(--nv-fieldcheckbox-background-checked);\n    border-color: var(--nv-fieldcheckbox-background-checked);\n  }\n\n  &:disabled:not([readonly]) {\n    background: var(--nv-fieldcheckbox-background-disabled);\n    border-color: var(--nv-fieldcheckbox-border-default);\n  }\n\n  &[readonly] {\n    // TODO: Find a way to use the --components-form-opacity-disabled variable properly, right now it outputs a value of 50px instead of 0.5.\n    opacity: 0.5;\n  }\n}\n\n@mixin icon-styles() {\n  pointer-events: none;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  svg {\n    width: var(--form-checkbox-icon-size);\n    height: var(--form-checkbox-icon-size);\n    fill: none;\n    stroke: currentcolor;\n    stroke-width: var(--form-checkbox-icon-stroke);\n    flex-shrink: 0;\n  }\n}\n\nnv-fieldcheckbox {\n  @include fieldcheckbox-variables();\n  @include root-styles();\n\n  &.error .input-container {\n    @include fieldcheckbox-error-variables();\n  }\n\n  &.label-placement-before {\n    @include label-before-styles();\n  }\n  &[disabled] {\n    // TODO: Find a way to use the --components-form-opacity-disabled variable properly, right now it outputs a value of 50px instead of 0.5.\n    opacity: 0.5;\n  }\n  label {\n    @include label-styles();\n  }\n\n  .input-container {\n    @include input-container-styles();\n\n    input[type=\"checkbox\"] {\n      @include input-styles();\n    }\n\n    .icon {\n      @include icon-styles();\n    }\n  }\n\n  .description {\n    @include description-styles();\n  }\n\n  .error-description {\n    @include error-description-styles();\n  }\n\n  .text-container {\n    @include text-container-styles();\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Watch,\n  Event,\n  EventEmitter,\n  Listen,\n} from '@stencil/core';\nimport clsx from 'clsx';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport { type FieldLabelPlacement } from '../../utils/constants';\n\n/**\n * @slot label - Content to be placed as the label, will override the label prop.\n * @slot description - Content to be placed as the description, will override the description prop.\n * @slot error-description - Content to be placed as the error description, will override the errorDescription prop.\n * @slot checked-icon - Content to be placed as the checked icon, will override the checkedIcon prop.\n * @slot indeterminate-icon - Content to be placed as the indeterminate icon, will override the indeterminateIcon prop.\n */\n@Component({\n  tag: 'nv-fieldcheckbox',\n  styleUrl: 'nv-fieldcheckbox.scss',\n  shadow: false,\n})\nexport class NvFieldcheckbox {\n  @Element() el!: HTMLNvFieldcheckboxElement;\n\n  /****************************************************************************/\n  //#region DEPRECATED\n\n  /**\n   * Message define a 'hint ' message for the Field.\n   * @deprecated Use `description` instead.\n   * */\n  @Prop()\n  readonly message?: string;\n\n  /**\n   * The text for the validation message.\n   * @deprecated Use `errorDescription` instead.\n   * */\n  @Prop()\n  readonly validation?: string;\n\n  /**\n   * When true, the label will be placed before the checkbox.\n   * @deprecated Use `labelPlacement = end` instead.\n   * */\n  @Prop()\n  readonly labelBefore?: boolean = false;\n\n  componentWillRender() {\n    if (this.message) {\n      this.description = this.message;\n    }\n\n    if (this.labelBefore) {\n      this.labelPlacement = 'before';\n    }\n\n    if (this.validation) {\n      this.errorDescription = this.validation;\n    }\n  }\n\n  //#endregion DEPRECATED\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Sets the ID for the radio button’s input element and the for attribute of\n   * the associated label. If no ID is provided, a random one will be\n   * automatically generated to ensure unique identification, facilitating\n   * proper label association and accessibility.\n   */\n  @Prop({ reflect: true })\n  readonly inputId: string = uuidv4();\n\n  /**\n   * The name attribute for the checkbox input, used to reference the form data\n   * after submission.\n   */\n  @Prop({ reflect: true })\n  readonly name?: string;\n\n  /**\n   * The value attribute of the checkbox input, representing the value sent on\n   * form submission when the checkbox is checked. When the form is submitted,\n   * the data will consist of a name=value pair.\n   */\n  @Prop({ reflect: true })\n  readonly value?: string;\n\n  /**\n   * The label displayed next to the checkbox.\n   */\n  @Prop({ reflect: true })\n  readonly label?: string;\n\n  /**\n   * Determines the position of the label relative to the checkbox, either\n   * 'start' (before) or 'end' (after).\n   */\n  @Prop({ reflect: true, mutable: true })\n  labelPlacement: `${FieldLabelPlacement}`;\n\n  /**\n   * Hides the label visually while still keeping it available for screen\n   * readers.\n   */\n  @Prop({ reflect: true })\n  readonly hideLabel: boolean = false;\n\n  /**\n   * A description providing additional context or information about the\n   * checkbox.\n   */\n  @Prop({ reflect: true, mutable: true })\n  description?: string;\n\n  /**\n   * Signals that there is an error associated with the checkbox, which can\n   * trigger visual cues.\n   */\n  @Prop({ reflect: true })\n  readonly error: boolean = false;\n\n  /**\n   * A description that appears when there is an error related to the checkbox.\n   */\n  @Prop({ reflect: true, mutable: true })\n  errorDescription?: string;\n\n  /**\n   * Indicates whether the checkbox is checked or not.\n   */\n  @Prop({ reflect: true, mutable: true })\n  checked: boolean = false;\n\n  /**\n   * Indicates whether the checkbox is in an indeterminate state, typically used\n   * for hierarchical checkboxes.\n   */\n  @Prop({ reflect: true, mutable: true })\n  indeterminate: boolean = false;\n\n  /**\n   * Disables the checkbox, preventing user interaction.\n   */\n  @Prop({ reflect: true })\n  readonly disabled: boolean = false;\n\n  /**\n   * Sets the checkbox to read-only, preventing user changes but still allowing\n   * focus and selection of text.\n   */\n  @Prop({ reflect: true })\n  readonly readonly: boolean = false;\n\n  /**\n   * Marks the checkbox as required, indicating that it must be checked for\n   * form submission.\n   */\n  @Prop({ reflect: true })\n  readonly required: boolean = false;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emits when the checked state changes.\n   * @bind checked\n   */\n  @Event()\n  checkedChanged: EventEmitter<boolean>;\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region WATCHERS\n\n  /**\n   * Watches for changes to the checked state and emits the new value.\n   * @param {boolean} checked - The new value of the checked state.\n   */\n  @Watch('checked')\n  onCheckedChanged(checked: boolean) {\n    this.checkedChanged.emit(checked);\n  }\n\n  /**\n   * Listens for the change event on the checkbox input element and updates the\n   * checked state.\n   * @param {Event} event - The change event.\n   */\n  @Listen('change')\n  handleChange(event: Event) {\n    const target = event.target as HTMLInputElement;\n\n    if (target.type === 'checkbox' && target.id === this.inputId) {\n      if (this.readonly || this.disabled) {\n        event.preventDefault();\n        return;\n      }\n\n      if (this.indeterminate) {\n        this.indeterminate = false;\n      }\n\n      this.checked = target.checked;\n    }\n  }\n\n  //#endregion WATCHERS\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host\n        class={clsx(\n          this.labelPlacement === 'before' && 'label-placement-before',\n          this.error && 'error',\n        )}\n      >\n        <div class=\"input-container\">\n          <input\n            type=\"checkbox\"\n            id={this.inputId}\n            name={this.name}\n            autocomplete=\"off\"\n            value={this.value}\n            checked={Boolean(this.checked)}\n            disabled={this.disabled || this.readonly}\n            readonly={this.readonly && !this.required}\n            required={this.required}\n            indeterminate={this.indeterminate}\n            ref={el => {\n              if (el) {\n                el.indeterminate = this.indeterminate;\n              }\n            }}\n          />\n          <span class=\"icon\">\n            {this.checked && !this.indeterminate && (\n              <slot name=\"checked-icon\">\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  width=\"14\"\n                  height=\"14\"\n                  viewBox=\"0 0 14 14\"\n                  fill=\"none\"\n                >\n                  <path\n                    d=\"M11.6667 3.5L5.25004 9.91667L2.33337 7\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                  />\n                </svg>\n              </slot>\n            )}\n            {this.indeterminate && (\n              <slot name=\"indeterminate-icon\">\n                <svg\n                  class=\"indeterminate-svg\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  viewBox=\"0 0 14 14\"\n                  fill=\"none\"\n                >\n                  <path\n                    d=\"M2.9165 7H11.0832\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                  />\n                </svg>\n              </slot>\n            )}\n          </span>\n        </div>\n\n        <div class=\"text-container\">\n          {(this.label || this.el.querySelector('[slot=\"label\"]')) && (\n            <label\n              htmlFor={this.inputId}\n              class={clsx(this.hideLabel && 'visually-hidden')}\n            >\n              <slot name=\"label\">{this.label}</slot>\n            </label>\n          )}\n\n          {(this.description ||\n            this.el.querySelector('[slot=\"description\"]')) && (\n            <div class=\"description\">\n              <slot name=\"description\">{this.description}</slot>\n            </div>\n          )}\n\n          {(this.errorDescription ||\n            this.el.querySelector('[slot=\"error-description\"]')) && (\n            <div hidden={!this.error} class=\"error-description\">\n              <slot name=\"error-description\">{this.errorDescription}</slot>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n}\n"],"mappings":"wIAAA,MAAMA,EAAqB,+0JAC3B,MAAAC,EAAeD,E,MC2BFE,EAAe,MAL5B,WAAAC,CAAAC,G,yDA8BWC,KAAAC,YAAwB,MA2BxBD,KAAAE,QAAkBC,IAmClBH,KAAAI,UAAqB,MAcrBJ,KAAAK,MAAiB,MAY1BL,KAAAM,QAAmB,MAOnBN,KAAAO,cAAyB,MAMhBP,KAAAQ,SAAoB,MAOpBR,KAAAS,SAAoB,MAOpBT,KAAAU,SAAoB,K,CAjH7B,mBAAAC,GACE,GAAIX,KAAKY,QAAS,CAChBZ,KAAKa,YAAcb,KAAKY,O,CAG1B,GAAIZ,KAAKC,YAAa,CACpBD,KAAKc,eAAiB,Q,CAGxB,GAAId,KAAKe,WAAY,CACnBf,KAAKgB,iBAAmBhB,KAAKe,U,EA6HjC,gBAAAE,CAAiBX,GACfN,KAAKkB,eAAeC,KAAKb,E,CAS3B,YAAAc,CAAaC,GACX,MAAMC,EAASD,EAAMC,OAErB,GAAIA,EAAOC,OAAS,YAAcD,EAAOE,KAAOxB,KAAKE,QAAS,CAC5D,GAAIF,KAAKS,UAAYT,KAAKQ,SAAU,CAClCa,EAAMI,iBACN,M,CAGF,GAAIzB,KAAKO,cAAe,CACtBP,KAAKO,cAAgB,K,CAGvBP,KAAKM,QAAUgB,EAAOhB,O,EAQ1B,MAAAoB,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAOC,EACL/B,KAAKc,iBAAmB,UAAY,yBACpCd,KAAKK,OAAS,UAGhBsB,EAAA,OAAAE,IAAA,2CAAKC,MAAM,mBACTH,EAAA,SAAAE,IAAA,2CACEN,KAAK,WACLC,GAAIxB,KAAKE,QACT8B,KAAMhC,KAAKgC,KACXC,aAAa,MACbC,MAAOlC,KAAKkC,MACZ5B,QAAS6B,QAAQnC,KAAKM,SACtBE,SAAUR,KAAKQ,UAAYR,KAAKS,SAChCA,SAAUT,KAAKS,WAAaT,KAAKU,SACjCA,SAAUV,KAAKU,SACfH,cAAeP,KAAKO,cACpB6B,IAAKC,IACH,GAAIA,EAAI,CACNA,EAAG9B,cAAgBP,KAAKO,a,KAI9BoB,EAAA,QAAAE,IAAA,2CAAMC,MAAM,QACT9B,KAAKM,UAAYN,KAAKO,eACrBoB,EAAA,QAAAE,IAAA,2CAAMG,KAAK,gBACTL,EAAA,OAAAE,IAAA,2CACES,MAAM,6BACNC,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,QAELf,EAAA,QAAAE,IAAA,2CACEc,EAAE,yCAAwC,iBAC3B,QAAO,kBACN,YAKvB3C,KAAKO,eACJoB,EAAA,QAAAE,IAAA,2CAAMG,KAAK,sBACTL,EAAA,OAAAE,IAAA,2CACEC,MAAM,oBACNQ,MAAM,6BACNG,QAAQ,YACRC,KAAK,QAELf,EAAA,QAAAE,IAAA,2CACEc,EAAE,oBAAmB,iBACN,QAAO,kBACN,cAQ5BhB,EAAA,OAAAE,IAAA,2CAAKC,MAAM,mBACP9B,KAAK4C,OAAS5C,KAAKqC,GAAGQ,cAAc,oBACpClB,EAAA,SAAAE,IAAA,2CACEiB,QAAS9C,KAAKE,QACd4B,MAAOC,EAAK/B,KAAKI,WAAa,oBAE9BuB,EAAA,QAAAE,IAAA,2CAAMG,KAAK,SAAShC,KAAK4C,SAI3B5C,KAAKa,aACLb,KAAKqC,GAAGQ,cAAc,0BACtBlB,EAAA,OAAAE,IAAA,2CAAKC,MAAM,eACTH,EAAA,QAAAE,IAAA,2CAAMG,KAAK,eAAehC,KAAKa,eAIjCb,KAAKgB,kBACLhB,KAAKqC,GAAGQ,cAAc,gCACtBlB,EAAA,OAAAE,IAAA,2CAAKkB,QAAS/C,KAAKK,MAAOyB,MAAM,qBAC9BH,EAAA,QAAAE,IAAA,2CAAMG,KAAK,qBAAqBhC,KAAKgB,oB","ignoreList":[]}

package/dist/native/{p-a59ec107.entry.js → p-605f8b3d.entry.js}

@@ -1,2 +1,2 @@
-import{r as o,h as n,a as t,g as e}from"./p-b4aea326.js";import{B as s}from"./p-a15ddd42.js";const i='nv-icon{display:inline-block;width:fit-content;height:fit-content;color:inherit}nv-icon>.nv-icon-xs{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-icon>.nv-icon-sm{width:var(--spacing-4);height:var(--spacing-4);stroke-width:1.5px}nv-icon>.nv-icon-md{width:var(--spacing-5);height:var(--spacing-5);stroke-width:1.6px}nv-icon>.nv-icon-lg{width:var(--spacing-6);height:var(--spacing-6);stroke-width:1.8px}nv-icon>.nv-icon-xl{width:var(--spacing-7);height:var(--spacing-7);stroke-width:1.9px}nv-button{display:inline-flex;justify-content:center;align-items:center;font-style:normal;font-weight:var(--font-weight-medium-emphasis);font-family:"TT Norms Pro", sans-serif;transition:background-color 150ms ease-out;user-select:none;cursor:pointer;height:fit-content;width:fit-content}nv-button[size=xs]{padding:var(--button-xs-padding-y) var(--button-xs-padding-x);gap:var(--button-xs-gap);border-radius:var(--button-xs-border-radius);line-height:var(--button-xs-line-height);font-size:var(--button-xs-font-size)}nv-button[size=xs] nv-icon>svg{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-button[size=sm]{padding:var(--button-sm-padding-y) var(--button-sm-padding-x);gap:var(--button-sm-gap);border-radius:var(--button-sm-border-radius);line-height:var(--button-sm-line-height);font-size:var(--button-sm-font-size)}nv-button[size=sm] nv-icon>svg{width:var(--spacing-4);height:var(--spacing-4);stroke-width:1.5px}nv-button[size=md]{padding:var(--button-md-padding-y) var(--button-md-padding-x);gap:var(--button-md-gap);border-radius:var(--button-md-border-radius);line-height:var(--button-md-line-height);font-size:var(--button-md-font-size)}nv-button[size=md] nv-icon>svg{width:var(--spacing-5);height:var(--spacing-5);stroke-width:1.6px}nv-button[size=lg]{padding:var(--button-lg-padding-y) var(--button-lg-padding-x);gap:var(--button-lg-gap);border-radius:var(--button-lg-border-radius);line-height:var(--button-lg-line-height);font-size:var(--button-lg-font-size)}nv-button[size=lg] nv-icon>svg{width:var(--spacing-6);height:var(--spacing-6);stroke-width:1.8px}nv-button[emphasis=high]{background:var(--components-button-high-background);border:1px solid var(--components-button-high-border);color:var(--components-button-high-text)}nv-button[emphasis=high]:hover{background:var(--components-button-high-background-hover);border:1px solid var(--components-button-high-border);color:var(--components-button-high-text-hover)}nv-button[emphasis=high]:focus,nv-button[emphasis=high]:focus-within{outline:none}nv-button[emphasis=high]:focus-visible,nv-button[emphasis=high]:has(:focus-visible){outline:var(--focus-outline-stroke) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-button[emphasis=high]:disabled:not([disabled=false]){opacity:0.5;cursor:not-allowed;box-shadow:none}nv-button[emphasis=high][danger]:not([danger=false]){background:var(--components-button-high-background);border:1px solid var(--components-button-high-border);color:var(--components-button-high-text)}nv-button[emphasis=high][danger]:not([danger=false]):hover{background:var(--components-button-high-background-hover);border:1px solid var(--components-button-high-border);color:var(--components-button-high-text-hover)}nv-button[emphasis=high][danger]:not([danger=false]):focus,nv-button[emphasis=high][danger]:not([danger=false]):focus-within{outline:none}nv-button[emphasis=high][danger]:not([danger=false]):focus-visible,nv-button[emphasis=high][danger]:not([danger=false]):has(:focus-visible){outline:var(--focus-outline-stroke) solid var(--color-focus-destructive);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-button[emphasis=medium]{background:var(--components-button-medium-background);border:1px solid var(--components-button-medium-border);color:var(--components-button-medium-text)}nv-button[emphasis=medium]:hover{background:var(--components-button-medium-background-hover);border:1px solid var(--components-button-medium-border);color:var(--components-button-medium-text-hover)}nv-button[emphasis=medium]:focus,nv-button[emphasis=medium]:focus-within{outline:none}nv-button[emphasis=medium]:focus-visible,nv-button[emphasis=medium]:has(:focus-visible){outline:var(--focus-outline-stroke) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-button[emphasis=medium]:disabled:not([disabled=false]){opacity:0.5;cursor:not-allowed;box-shadow:none}nv-button[emphasis=medium][danger]:not([danger=false]){background:var(--components-button-medium-background);border:1px solid var(--components-button-medium-border);color:var(--components-button-medium-text)}nv-button[emphasis=medium][danger]:not([danger=false]):hover{background:var(--components-button-medium-background-hover);border:1px solid var(--components-button-medium-border);color:var(--components-button-medium-text-hover)}nv-button[emphasis=medium][danger]:not([danger=false]):focus,nv-button[emphasis=medium][danger]:not([danger=false]):focus-within{outline:none}nv-button[emphasis=medium][danger]:not([danger=false]):focus-visible,nv-button[emphasis=medium][danger]:not([danger=false]):has(:focus-visible){outline:var(--focus-outline-stroke) solid var(--color-focus-destructive);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-button[emphasis=low]{background:var(--components-button-low-background);border:1px solid var(--components-button-low-border);color:var(--components-button-low-text)}nv-button[emphasis=low]:hover{background:var(--components-button-low-background-hover);border:1px solid var(--components-button-low-border);color:var(--components-button-low-text-hover)}nv-button[emphasis=low]:focus,nv-button[emphasis=low]:focus-within{outline:none}nv-button[emphasis=low]:focus-visible,nv-button[emphasis=low]:has(:focus-visible){outline:var(--focus-outline-stroke) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-button[emphasis=low]:disabled:not([disabled=false]){opacity:0.5;cursor:not-allowed;box-shadow:none}nv-button[emphasis=low][danger]:not([danger=false]){background:var(--components-button-low-background);border:1px solid var(--components-button-low-border);color:var(--components-button-low-text)}nv-button[emphasis=low][danger]:not([danger=false]):hover{background:var(--components-button-low-background-hover);border:1px solid var(--components-button-low-border);color:var(--components-button-low-text-hover)}nv-button[emphasis=low][danger]:not([danger=false]):focus,nv-button[emphasis=low][danger]:not([danger=false]):focus-within{outline:none}nv-button[emphasis=low][danger]:not([danger=false]):focus-visible,nv-button[emphasis=low][danger]:not([danger=false]):has(:focus-visible){outline:var(--focus-outline-stroke) solid var(--color-focus-destructive);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-button[emphasis=lower]{background:var(--components-button-lower-background);border:1px solid var(--components-button-lower-border);color:var(--components-button-lower-text)}nv-button[emphasis=lower]:hover{background:var(--components-button-lower-background-hover);border:1px solid var(--components-button-lower-border);color:var(--components-button-lower-text-hover)}nv-button[emphasis=lower]:focus,nv-button[emphasis=lower]:focus-within{outline:none}nv-button[emphasis=lower]:focus-visible,nv-button[emphasis=lower]:has(:focus-visible){outline:var(--focus-outline-stroke) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-button[emphasis=lower]:disabled:not([disabled=false]){opacity:0.5;cursor:not-allowed;box-shadow:none}nv-button[emphasis=lower][danger]:not([danger=false]){background:var(--components-button-lower-background);border:1px solid var(--components-button-lower-border);color:var(--components-button-lower-text)}nv-button[emphasis=lower][danger]:not([danger=false]):hover{background:var(--components-button-lower-background-hover);border:1px solid var(--components-button-lower-border);color:var(--components-button-lower-text-hover)}nv-button[emphasis=lower][danger]:not([danger=false]):focus,nv-button[emphasis=lower][danger]:not([danger=false]):focus-within{outline:none}nv-button[emphasis=lower][danger]:not([danger=false]):focus-visible,nv-button[emphasis=lower][danger]:not([danger=false]):has(:focus-visible){outline:var(--focus-outline-stroke) solid var(--color-focus-destructive);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-button[fluid]:not([fluid=false]){width:100%}nv-button[loading]:not([loading=false]) [slot=leading-icon]{display:none}';const r=i;const a=class{constructor(n){o(this,n);if(n.$hostElement$["s-ei"]){this.internals=n.$hostElement$["s-ei"]}else{this.internals=n.$hostElement$.attachInternals();n.$hostElement$["s-ei"]=this.internals}this.handleClick=o=>{var n,t,e,s;if(this.loading||this.disabled){o.preventDefault();return}if(this.type==="submit"){(t=(n=this.internals)===null||n===void 0?void 0:n.form)===null||t===void 0?void 0:t.requestSubmit()}if(this.type==="reset"){(s=(e=this.internals)===null||e===void 0?void 0:e.form)===null||s===void 0?void 0:s.reset()}};this.size="md";this.emphasis="high";this.danger=false;this.loading=false;this.disabled=false;this.fluid=false;this.type="button"}handleLoadingChange(o){this.loading=o;this.disabled=o}handleDisabledChange(o){if(this.loading){this.disabled=this.loading}else{this.disabled=o}}componentWillLoad(){if(this.loading){this.disabled=this.loading}}render(){return n(t,{key:"f3349cdf1da05ae9a11a1b213db9f4cf062f6d9d",role:"button",tabindex:"0",onClick:this.handleClick},this.loading&&n("nv-loader",{key:"e776853069e4a34e72a1f07065cb969a08998f19",size:this.size===s.Large?"sm":"xs"}),n("slot",{key:"4533e74ed576e23a75ca68a58711013c4c3482cd",name:"leading-icon"}),n("slot",{key:"ecd5b1c5e970e47144ee522d17891af2a9c8eef7"}),n("slot",{key:"275517fb22c5cbfda415d0c5b5e45f44e1d99b21",name:"trailing-icon"}))}static get formAssociated(){return true}get el(){return e(this)}static get watchers(){return{loading:["handleLoadingChange"],disabled:["handleDisabledChange"]}}};a.style=r;export{a as nv_button};
-//# sourceMappingURL=p-a59ec107.entry.js.map
+import{r as o,h as n,a as t,g as e}from"./p-6ef216c4.js";import{B as s}from"./p-a15ddd42.js";const i='nv-icon{display:inline-block;width:fit-content;height:fit-content;color:inherit}nv-icon>.nv-icon-xs{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-icon>.nv-icon-sm{width:var(--spacing-4);height:var(--spacing-4);stroke-width:1.5px}nv-icon>.nv-icon-md{width:var(--spacing-5);height:var(--spacing-5);stroke-width:1.6px}nv-icon>.nv-icon-lg{width:var(--spacing-6);height:var(--spacing-6);stroke-width:1.8px}nv-icon>.nv-icon-xl{width:var(--spacing-7);height:var(--spacing-7);stroke-width:1.9px}nv-button{display:inline-flex;justify-content:center;align-items:center;font-style:normal;font-weight:var(--font-weight-medium-emphasis);font-family:"TT Norms Pro", sans-serif;transition:background-color 150ms ease-out;user-select:none;cursor:pointer;height:fit-content;width:fit-content}nv-button[size=xs]{padding:var(--button-xs-padding-y) var(--button-xs-padding-x);gap:var(--button-xs-gap);border-radius:var(--button-xs-border-radius);line-height:var(--button-xs-line-height);font-size:var(--button-xs-font-size)}nv-button[size=xs] nv-icon>svg{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-button[size=sm]{padding:var(--button-sm-padding-y) var(--button-sm-padding-x);gap:var(--button-sm-gap);border-radius:var(--button-sm-border-radius);line-height:var(--button-sm-line-height);font-size:var(--button-sm-font-size)}nv-button[size=sm] nv-icon>svg{width:var(--spacing-4);height:var(--spacing-4);stroke-width:1.5px}nv-button[size=md]{padding:var(--button-md-padding-y) var(--button-md-padding-x);gap:var(--button-md-gap);border-radius:var(--button-md-border-radius);line-height:var(--button-md-line-height);font-size:var(--button-md-font-size)}nv-button[size=md] nv-icon>svg{width:var(--spacing-5);height:var(--spacing-5);stroke-width:1.6px}nv-button[size=lg]{padding:var(--button-lg-padding-y) var(--button-lg-padding-x);gap:var(--button-lg-gap);border-radius:var(--button-lg-border-radius);line-height:var(--button-lg-line-height);font-size:var(--button-lg-font-size)}nv-button[size=lg] nv-icon>svg{width:var(--spacing-6);height:var(--spacing-6);stroke-width:1.8px}nv-button[emphasis=high]{background:var(--components-button-high-background);border:1px solid var(--components-button-high-border);color:var(--components-button-high-text)}nv-button[emphasis=high]:hover{background:var(--components-button-high-background-hover);border:1px solid var(--components-button-high-border);color:var(--components-button-high-text-hover)}nv-button[emphasis=high]:focus,nv-button[emphasis=high]:focus-within{outline:none}nv-button[emphasis=high]:focus-visible,nv-button[emphasis=high]:has(:focus-visible){outline:var(--focus-outline-stroke) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-button[emphasis=high]:disabled:not([disabled=false]){opacity:0.5;cursor:not-allowed;box-shadow:none}nv-button[emphasis=high][danger]:not([danger=false]){background:var(--components-button-high-background);border:1px solid var(--components-button-high-border);color:var(--components-button-high-text)}nv-button[emphasis=high][danger]:not([danger=false]):hover{background:var(--components-button-high-background-hover);border:1px solid var(--components-button-high-border);color:var(--components-button-high-text-hover)}nv-button[emphasis=high][danger]:not([danger=false]):focus,nv-button[emphasis=high][danger]:not([danger=false]):focus-within{outline:none}nv-button[emphasis=high][danger]:not([danger=false]):focus-visible,nv-button[emphasis=high][danger]:not([danger=false]):has(:focus-visible){outline:var(--focus-outline-stroke) solid var(--color-focus-destructive);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-button[emphasis=medium]{background:var(--components-button-medium-background);border:1px solid var(--components-button-medium-border);color:var(--components-button-medium-text)}nv-button[emphasis=medium]:hover{background:var(--components-button-medium-background-hover);border:1px solid var(--components-button-medium-border);color:var(--components-button-medium-text-hover)}nv-button[emphasis=medium]:focus,nv-button[emphasis=medium]:focus-within{outline:none}nv-button[emphasis=medium]:focus-visible,nv-button[emphasis=medium]:has(:focus-visible){outline:var(--focus-outline-stroke) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-button[emphasis=medium]:disabled:not([disabled=false]){opacity:0.5;cursor:not-allowed;box-shadow:none}nv-button[emphasis=medium][danger]:not([danger=false]){background:var(--components-button-medium-background);border:1px solid var(--components-button-medium-border);color:var(--components-button-medium-text)}nv-button[emphasis=medium][danger]:not([danger=false]):hover{background:var(--components-button-medium-background-hover);border:1px solid var(--components-button-medium-border);color:var(--components-button-medium-text-hover)}nv-button[emphasis=medium][danger]:not([danger=false]):focus,nv-button[emphasis=medium][danger]:not([danger=false]):focus-within{outline:none}nv-button[emphasis=medium][danger]:not([danger=false]):focus-visible,nv-button[emphasis=medium][danger]:not([danger=false]):has(:focus-visible){outline:var(--focus-outline-stroke) solid var(--color-focus-destructive);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-button[emphasis=low]{background:var(--components-button-low-background);border:1px solid var(--components-button-low-border);color:var(--components-button-low-text)}nv-button[emphasis=low]:hover{background:var(--components-button-low-background-hover);border:1px solid var(--components-button-low-border);color:var(--components-button-low-text-hover)}nv-button[emphasis=low]:focus,nv-button[emphasis=low]:focus-within{outline:none}nv-button[emphasis=low]:focus-visible,nv-button[emphasis=low]:has(:focus-visible){outline:var(--focus-outline-stroke) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-button[emphasis=low]:disabled:not([disabled=false]){opacity:0.5;cursor:not-allowed;box-shadow:none}nv-button[emphasis=low][danger]:not([danger=false]){background:var(--components-button-low-background);border:1px solid var(--components-button-low-border);color:var(--components-button-low-text)}nv-button[emphasis=low][danger]:not([danger=false]):hover{background:var(--components-button-low-background-hover);border:1px solid var(--components-button-low-border);color:var(--components-button-low-text-hover)}nv-button[emphasis=low][danger]:not([danger=false]):focus,nv-button[emphasis=low][danger]:not([danger=false]):focus-within{outline:none}nv-button[emphasis=low][danger]:not([danger=false]):focus-visible,nv-button[emphasis=low][danger]:not([danger=false]):has(:focus-visible){outline:var(--focus-outline-stroke) solid var(--color-focus-destructive);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-button[emphasis=lower]{background:var(--components-button-lower-background);border:1px solid var(--components-button-lower-border);color:var(--components-button-lower-text)}nv-button[emphasis=lower]:hover{background:var(--components-button-lower-background-hover);border:1px solid var(--components-button-lower-border);color:var(--components-button-lower-text-hover)}nv-button[emphasis=lower]:focus,nv-button[emphasis=lower]:focus-within{outline:none}nv-button[emphasis=lower]:focus-visible,nv-button[emphasis=lower]:has(:focus-visible){outline:var(--focus-outline-stroke) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-button[emphasis=lower]:disabled:not([disabled=false]){opacity:0.5;cursor:not-allowed;box-shadow:none}nv-button[emphasis=lower][danger]:not([danger=false]){background:var(--components-button-lower-background);border:1px solid var(--components-button-lower-border);color:var(--components-button-lower-text)}nv-button[emphasis=lower][danger]:not([danger=false]):hover{background:var(--components-button-lower-background-hover);border:1px solid var(--components-button-lower-border);color:var(--components-button-lower-text-hover)}nv-button[emphasis=lower][danger]:not([danger=false]):focus,nv-button[emphasis=lower][danger]:not([danger=false]):focus-within{outline:none}nv-button[emphasis=lower][danger]:not([danger=false]):focus-visible,nv-button[emphasis=lower][danger]:not([danger=false]):has(:focus-visible){outline:var(--focus-outline-stroke) solid var(--color-focus-destructive);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-button[fluid]:not([fluid=false]){width:100%}nv-button[loading]:not([loading=false]) [slot=leading-icon]{display:none}';const r=i;const a=class{constructor(n){o(this,n);if(n.$hostElement$["s-ei"]){this.internals=n.$hostElement$["s-ei"]}else{this.internals=n.$hostElement$.attachInternals();n.$hostElement$["s-ei"]=this.internals}this.size="md";this.emphasis="high";this.danger=false;this.loading=false;this.disabled=false;this.fluid=false;this.type="button";this.handleClick=o=>{var n,t,e,s;if(this.loading||this.disabled){o.preventDefault();return}if(this.type==="submit"){(t=(n=this.internals)===null||n===void 0?void 0:n.form)===null||t===void 0?void 0:t.requestSubmit()}if(this.type==="reset"){(s=(e=this.internals)===null||e===void 0?void 0:e.form)===null||s===void 0?void 0:s.reset()}}}handleLoadingChange(o){this.loading=o;this.disabled=o}handleDisabledChange(o){if(this.loading){this.disabled=this.loading}else{this.disabled=o}}componentWillLoad(){if(this.loading){this.disabled=this.loading}}render(){return n(t,{key:"f3349cdf1da05ae9a11a1b213db9f4cf062f6d9d",role:"button",tabindex:"0",onClick:this.handleClick},this.loading&&n("nv-loader",{key:"e776853069e4a34e72a1f07065cb969a08998f19",size:this.size===s.Large?"sm":"xs"}),n("slot",{key:"4533e74ed576e23a75ca68a58711013c4c3482cd",name:"leading-icon"}),n("slot",{key:"ecd5b1c5e970e47144ee522d17891af2a9c8eef7"}),n("slot",{key:"275517fb22c5cbfda415d0c5b5e45f44e1d99b21",name:"trailing-icon"}))}static get formAssociated(){return true}get el(){return e(this)}static get watchers(){return{loading:["handleLoadingChange"],disabled:["handleDisabledChange"]}}};a.style=r;export{a as nv_button};
+//# sourceMappingURL=p-605f8b3d.entry.js.map

package/dist/native/p-605f8b3d.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["nvButtonCss","NvButtonStyle0","NvButton","constructor","hostRef","this","size","emphasis","danger","loading","disabled","fluid","type","handleClick","event","preventDefault","_b","_a","internals","form","requestSubmit","_d","_c","reset","handleLoadingChange","handleDisabledChange","componentWillLoad","render","h","Host","key","role","tabindex","onClick","ButtonSize","Large","name"],"sources":["src/components/nv-button/nv-button.scss?tag=nv-button","src/components/nv-button/nv-button.tsx"],"sourcesContent":["@use \"sass:map\";\n@use \"../nv-icon/nv-icon.scss\" as icon;\n@import \"../../styles/focus-ring\";\n\n/* Variants */\n$button-sizes: (\"xs\", \"sm\", \"md\", \"lg\");\n$button-emphasis: (\"high\", \"medium\", \"low\", \"lower\");\n\n/* Define maps for size-related variables */\n$button-padding-y: (\n  \"xs\": var(--button-xs-padding-y),\n  \"sm\": var(--button-sm-padding-y),\n  \"md\": var(--button-md-padding-y),\n  \"lg\": var(--button-lg-padding-y)\n);\n\n$button-padding-x: (\n  \"xs\": var(--button-xs-padding-x),\n  \"sm\": var(--button-sm-padding-x),\n  \"md\": var(--button-md-padding-x),\n  \"lg\": var(--button-lg-padding-x)\n);\n\n$button-gap: (\n  \"xs\": var(--button-xs-gap),\n  \"sm\": var(--button-sm-gap),\n  \"md\": var(--button-md-gap),\n  \"lg\": var(--button-lg-gap)\n);\n\n$button-border-radius: (\n  \"xs\": var(--button-xs-border-radius),\n  \"sm\": var(--button-sm-border-radius),\n  \"md\": var(--button-md-border-radius),\n  \"lg\": var(--button-lg-border-radius)\n);\n\n$button-line-height: (\n  \"xs\": var(--button-xs-line-height),\n  \"sm\": var(--button-sm-line-height),\n  \"md\": var(--button-md-line-height),\n  \"lg\": var(--button-lg-line-height)\n);\n\n$button-font-size: (\n  \"xs\": var(--button-xs-font-size),\n  \"sm\": var(--button-sm-font-size),\n  \"md\": var(--button-md-font-size),\n  \"lg\": var(--button-lg-font-size)\n);\n\n/* Define maps for emphasis-related variables */\n$components-button-background: (\n  \"high\": var(--components-button-high-background),\n  \"medium\": var(--components-button-medium-background),\n  \"low\": var(--components-button-low-background),\n  \"lower\": var(--components-button-lower-background)\n);\n\n$components-button-border: (\n  \"high\": var(--components-button-high-border),\n  \"medium\": var(--components-button-medium-border),\n  \"low\": var(--components-button-low-border),\n  \"lower\": var(--components-button-lower-border)\n);\n\n$components-button-text: (\n  \"high\": var(--components-button-high-text),\n  \"medium\": var(--components-button-medium-text),\n  \"low\": var(--components-button-low-text),\n  \"lower\": var(--components-button-lower-text)\n);\n\n$components-button-background-hover: (\n  \"high\": var(--components-button-high-background-hover),\n  \"medium\": var(--components-button-medium-background-hover),\n  \"low\": var(--components-button-low-background-hover),\n  \"lower\": var(--components-button-lower-background-hover)\n);\n\n$components-button-text-hover: (\n  \"high\": var(--components-button-high-text-hover),\n  \"medium\": var(--components-button-medium-text-hover),\n  \"low\": var(--components-button-low-text-hover),\n  \"lower\": var(--components-button-lower-text-hover)\n);\n\n@mixin root-styles() {\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  font-style: normal;\n  font-weight: var(--font-weight-medium-emphasis);\n  font-family: \"TT Norms Pro\", sans-serif;\n  transition: background-color 150ms ease-out;\n  user-select: none;\n  cursor: pointer;\n  height: fit-content;\n  width: fit-content;\n}\n\n@mixin size-styles($size) {\n  padding: map.get($button-padding-y, $size) map.get($button-padding-x, $size);\n  gap: map.get($button-gap, $size);\n  border-radius: map.get($button-border-radius, $size);\n  line-height: map.get($button-line-height, $size);\n  font-size: map.get($button-font-size, $size);\n\n  & nv-icon > svg {\n    @include icon.icon-size-and-stroke(\n      map.get(map.get(icon.$icon-config, $size), size),\n      map.get(map.get(icon.$icon-config, $size), stroke)\n    );\n  }\n}\n\n@mixin emphasis-styles($emphasis) {\n  background: map.get($components-button-background, $emphasis);\n  border: 1px solid map.get($components-button-border, $emphasis);\n  color: map.get($components-button-text, $emphasis);\n\n  &:hover {\n    background: map.get($components-button-background-hover, $emphasis);\n    border: 1px solid map.get($components-button-border, $emphasis);\n    color: map.get($components-button-text-hover, $emphasis);\n  }\n\n  @include focus-ring();\n\n  &:disabled:not([disabled=\"false\"]) {\n    opacity: 0.5;\n    cursor: not-allowed;\n    box-shadow: none;\n  }\n}\n\n@mixin danger-styles($emphasis) {\n  background: map.get($components-button-background, $emphasis);\n  border: 1px solid map.get($components-button-border, $emphasis);\n  color: map.get($components-button-text, $emphasis);\n\n  &:hover {\n    background: map.get($components-button-background-hover, $emphasis);\n    border: 1px solid map.get($components-button-border, $emphasis);\n    color: map.get($components-button-text-hover, $emphasis);\n  }\n\n  @include focus-ring(var(--color-focus-destructive));\n}\n\n@mixin fluid-styles() {\n  width: 100%;\n}\n\nnv-button {\n  @include root-styles();\n\n  @each $size in $button-sizes {\n    &[size=\"#{$size}\"] {\n      @include size-styles($size);\n    }\n  }\n\n  @each $emphasis in $button-emphasis {\n    &[emphasis=\"#{$emphasis}\"] {\n      @include emphasis-styles($emphasis);\n\n      &[danger]:not([danger=\"false\"]) {\n        @include danger-styles($emphasis);\n      }\n    }\n  }\n\n  &[fluid]:not([fluid=\"false\"]) {\n    @include fluid-styles();\n  }\n\n  &[loading]:not([loading=\"false\"]) {\n    [slot=\"leading-icon\"] {\n      display: none;\n    }\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  AttachInternals,\n  Element,\n  Watch,\n} from '@stencil/core';\n\nimport { ButtonSize, ButtonEmphasis, ButtonType } from '../../utils/constants';\n\n/**\n * @slot default - Content of the button.\n * @slot leading-icon - Icon before the label.\n * @slot trailing-icon - Icon after the label.\n */\n@Component({\n  tag: 'nv-button',\n  shadow: false,\n  formAssociated: true,\n  styleUrl: 'nv-button.scss',\n})\nexport class NvButton {\n  @AttachInternals() internals: ElementInternals;\n  @Element() el: HTMLNvButtonElement;\n\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Determines how large or small the button appears, allowing for\n   * customization of the button's dimensions to fit different design\n   * specifications and user needs.\n   */\n  @Prop({ reflect: true })\n  readonly size: `${ButtonSize}` = 'md';\n\n  /**\n   * Adjusts the button's emphasis to make it more or less visually prominent\n   * to users. Use this to draw attention to important actions or reduce focus\n   * on less critical ones\n   */\n  @Prop({ reflect: true })\n  readonly emphasis: `${ButtonEmphasis}` = 'high';\n\n  /**\n   * Applies styling that visually indicates the button represents a dangerous\n   * action.\n   */\n  @Prop({ reflect: true })\n  readonly danger: boolean = false;\n\n  /**\n   * Set this to true to show a spinner on the button, letting users know that\n   * their action is being processed. It helps improve user experience by\n   * indicating ongoing activities.\n   */\n  @Prop({ reflect: true, mutable: true })\n  loading: boolean = false;\n\n  /**\n   * Disables the button, preventing user interaction.\n   */\n  @Prop({ reflect: true, mutable: true })\n  disabled: boolean = false;\n\n  /**\n   * Allows the button to stretch and fill the entire width of its container.\n   */\n  @Prop({ reflect: true })\n  readonly fluid: boolean = false;\n\n  /**\n   * Sets the button type to control its function in forms. Use 'submit' to send\n   * form data, 'reset' to clear the form, or 'button' for a standard button\n   * that doesn’t interact with form submission by default.\n   */\n  @Prop({ reflect: true })\n  readonly type: `${ButtonType}` = 'button';\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Handles form-related actions when the button is clicked.\n   * - Submits the form if the button type is 'submit'.\n   * - Resets the form if the button type is 'reset'.\n   * @param {Event} event - The click event.\n   */\n  private handleClick = (event: Event) => {\n    if (this.loading || this.disabled) {\n      event.preventDefault();\n      return;\n    }\n\n    if (this.type === 'submit') {\n      this.internals?.form?.requestSubmit();\n    }\n    if (this.type === 'reset') {\n      this.internals?.form?.reset();\n    }\n  };\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region WATCHERS\n\n  @Watch('loading')\n  handleLoadingChange(loading: boolean) {\n    this.loading = loading;\n    this.disabled = loading;\n  }\n\n  @Watch('disabled')\n  handleDisabledChange(disabled: boolean) {\n    if (this.loading) {\n      this.disabled = this.loading;\n    } else {\n      this.disabled = disabled;\n    }\n  }\n\n  //#endregion WATCHERS\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  componentWillLoad() {\n    if (this.loading) {\n      this.disabled = this.loading;\n    }\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host role=\"button\" tabindex=\"0\" onClick={this.handleClick}>\n        {this.loading && (\n          <nv-loader\n            size={this.size === ButtonSize.Large ? 'sm' : 'xs'}\n          ></nv-loader>\n        )}\n\n        <slot name=\"leading-icon\"></slot>\n        <slot></slot>\n        <slot name=\"trailing-icon\"></slot>\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n}\n"],"mappings":"6FAAA,MAAMA,EAAc,u3QACpB,MAAAC,EAAeD,E,MCsBFE,EAAQ,MANrB,WAAAC,CAAAC,G,0KAmBWC,KAAAC,KAAwB,KAQxBD,KAAAE,SAAgC,OAOhCF,KAAAG,OAAkB,MAQ3BH,KAAAI,QAAmB,MAMnBJ,KAAAK,SAAoB,MAMXL,KAAAM,MAAiB,MAQjBN,KAAAO,KAAwB,SAYzBP,KAAAQ,YAAeC,I,YACrB,GAAIT,KAAKI,SAAWJ,KAAKK,SAAU,CACjCI,EAAMC,iBACN,M,CAGF,GAAIV,KAAKO,OAAS,SAAU,EAC1BI,GAAAC,EAAAZ,KAAKa,aAAS,MAAAD,SAAA,SAAAA,EAAEE,QAAI,MAAAH,SAAA,SAAAA,EAAEI,e,CAExB,GAAIf,KAAKO,OAAS,QAAS,EACzBS,GAAAC,EAAAjB,KAAKa,aAAS,MAAAI,SAAA,SAAAA,EAAEH,QAAI,MAAAE,SAAA,SAAAA,EAAEE,O,GAS1B,mBAAAC,CAAoBf,GAClBJ,KAAKI,QAAUA,EACfJ,KAAKK,SAAWD,C,CAIlB,oBAAAgB,CAAqBf,GACnB,GAAIL,KAAKI,QAAS,CAChBJ,KAAKK,SAAWL,KAAKI,O,KAChB,CACLJ,KAAKK,SAAWA,C,EAQpB,iBAAAgB,GACE,GAAIrB,KAAKI,QAAS,CAChBJ,KAAKK,SAAWL,KAAKI,O,EAQzB,MAAAkB,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,SAASC,SAAS,IAAIC,QAAS5B,KAAKQ,aAC5CR,KAAKI,SACJmB,EAAA,aAAAE,IAAA,2CACExB,KAAMD,KAAKC,OAAS4B,EAAWC,MAAQ,KAAO,OAIlDP,EAAA,QAAAE,IAAA,2CAAMM,KAAK,iBACXR,EAAA,QAAAE,IAAA,6CACAF,EAAA,QAAAE,IAAA,2CAAMM,KAAK,kB","ignoreList":[]}

package/dist/native/p-64ae9a21.entry.js

@@ -0,0 +1,2 @@
+import{r as o,h as a,a as t,g as r}from"./p-6ef216c4.js";const e="nv-tooltip{display:inline-block;position:relative}nv-tooltip:has([fluid]:not([fluid=false])){display:block}nv-tooltip [data-scope=popover]{background:var(--components-tooltip-background);color:var(--components-tooltip-text);font-weight:var(--font-weight-medium-emphasis);padding:var(--tooltip-padding-y) var(--tooltip-padding-x);font-size:var(--tooltip-font-size);border-radius:var(--tooltip-radius);border:none;box-shadow:0px var(--shadow-y-axis-lg-1) var(--shadow-blur-lg-1) var(--shadow-spread-lg-1) var(--shadow-color-opacity-1), 0px var(--shadow-y-axis-lg-2) var(--shadow-blur-lg-2) var(--shadow-spread-lg-2) var(--shadow-color-opacity-2)}nv-tooltip [data-scope=arrow]{background:var(--components-tooltip-background);box-shadow:none;border:none}";const s=e;const i=class{constructor(a){o(this,a);this.placement="bottom";this.enterDelay=0}componentWillLoad(){this.triggerElement=Array.from(this.el.children).find((o=>o.getAttribute("slot")===null))}render(){return a(t,{key:"590d897c7012f9020f6ac6e9f49acb840b4067ca"},a("slot",{key:"9479477482e361a042d464311a90dc3b0babb9e5"}),a("nv-popover",{key:"89a2903946a89074201b5eb61a64b0595d831512",triggerMode:"hover",hasArrow:true,placement:this.placement,triggerElement:this.triggerElement,groupName:"tooltip",enterDelay:this.enterDelay},a("p",{key:"5a6097b56440b06c33b20d5c06054f6aad9c9a42",slot:"content"},this.message),a("slot",{key:"595f1185183da50e916b243276c38a10a84e5712",name:"content"})))}get el(){return r(this)}};i.style=s;export{i as nv_tooltip};
+//# sourceMappingURL=p-64ae9a21.entry.js.map

package/dist/native/p-64ae9a21.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["nvTooltipCss","NvTooltipStyle0","NvTooltip","constructor","hostRef","this","placement","enterDelay","componentWillLoad","triggerElement","Array","from","el","children","find","child","getAttribute","render","h","Host","key","triggerMode","hasArrow","groupName","slot","message","name"],"sources":["src/components/nv-tooltip/nv-tooltip.scss?tag=nv-tooltip","src/components/nv-tooltip/nv-tooltip.tsx"],"sourcesContent":["@mixin root-styles() {\n  display: inline-block;\n  position: relative;\n  &:has([fluid]:not([fluid=\"false\"])) {\n    display: block;\n  }\n}\n\n@mixin tooltip-styles() {\n  background: var(--components-tooltip-background);\n  color: var(--components-tooltip-text);\n  font-weight: var(--font-weight-medium-emphasis);\n  padding: var(--tooltip-padding-y) var(--tooltip-padding-x);\n  font-size: var(--tooltip-font-size);\n  border-radius: var(--tooltip-radius);\n  border: none;\n  box-shadow: 0px var(--shadow-y-axis-lg-1) var(--shadow-blur-lg-1) var(--shadow-spread-lg-1) var(--shadow-color-opacity-1), 0px var(--shadow-y-axis-lg-2) var(--shadow-blur-lg-2) var(--shadow-spread-lg-2) var(--shadow-color-opacity-2);\n}\n\n@mixin arrow-styles() {\n  background: var(--components-tooltip-background);\n  box-shadow: none;\n  border: none;\n}\n\nnv-tooltip {\n  @include root-styles();\n\n  [data-scope=\"popover\"] {\n    @include tooltip-styles();\n  }\n\n  [data-scope=\"arrow\"] {\n    @include arrow-styles();\n  }\n}\n","import { Component, Host, h, Element, Prop } from '@stencil/core';\nimport type { Placement } from '@floating-ui/dom';\n\n/**\n * @slot default - Content to be placed as the trigger.\n * @slot content - Content to be placed within the popover. Use for custom html, will render under the message.\n */\n@Component({\n  tag: 'nv-tooltip',\n  styleUrl: 'nv-tooltip.scss',\n  shadow: false,\n})\nexport class NvTooltip {\n  @Element() el: HTMLNvTooltipElement;\n  private triggerElement!: Element;\n\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * A string representing the text to be displayed inside the tooltip. This\n   * content is shown when the tooltip is activated by the user, such as on\n   * hover or focus events.\n   */\n  @Prop()\n  readonly message: string;\n\n  /**\n   * Decides where the tooltip shows up next to the element it’s linked to\n   * (above, below, to the sides). If there isn’t enough room, it will adjust\n   * it's position on the axis to fit on the screen, so users can always see it.\n   */\n  @Prop()\n  readonly placement: Placement = 'bottom';\n\n  /**\n   * Controls how long (in milliseconds) the tooltip waits to show after you\n   * hover over or focus on an element. If you move away before the delay is up,\n   * the tooltip won’t appear.\n   */\n  @Prop()\n  readonly enterDelay: number = 0;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  componentWillLoad() {\n    this.triggerElement = Array.from(this.el.children).find(child => {\n      return child.getAttribute('slot') === null;\n    });\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host>\n        <slot></slot>\n\n        <nv-popover\n          triggerMode=\"hover\"\n          hasArrow\n          placement={this.placement}\n          triggerElement={this.triggerElement}\n          groupName={'tooltip'}\n          enterDelay={this.enterDelay}\n        >\n          <p slot=\"content\">{this.message}</p>\n          <slot name=\"content\"></slot>\n        </nv-popover>\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n}\n"],"mappings":"yDAAA,MAAMA,EAAe,ivBACrB,MAAAC,EAAeD,E,MCWFE,EAAS,MALtB,WAAAC,CAAAC,G,UA0BWC,KAAAC,UAAuB,SAQvBD,KAAAE,WAAqB,C,CAM9B,iBAAAC,GACEH,KAAKI,eAAiBC,MAAMC,KAAKN,KAAKO,GAAGC,UAAUC,MAAKC,GAC/CA,EAAMC,aAAa,UAAY,M,CAQ1C,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,QAAAE,IAAA,6CAEAF,EAAA,cAAAE,IAAA,2CACEC,YAAY,QACZC,SAAQ,KACRhB,UAAWD,KAAKC,UAChBG,eAAgBJ,KAAKI,eACrBc,UAAW,UACXhB,WAAYF,KAAKE,YAEjBW,EAAA,KAAAE,IAAA,2CAAGI,KAAK,WAAWnB,KAAKoB,SACxBP,EAAA,QAAAE,IAAA,2CAAMM,KAAK,a","ignoreList":[]}

package/dist/native/{p-20c7fc4d.entry.js → p-6e8bcd5b.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,a as n,g as a}from"./p-b4aea326.js";const o="nv-menuitem{display:flex;align-items:center;max-width:300px;width:100vw;font-size:var(--menu-contextual-item-font-size);font-weight:var(--menu-contextual-item-font-weight);color:var(--components-menu-contextual-item-content);border-radius:var(--menu-contextual-item-radius);gap:var(--menu-contextual-item-gap-x);padding:var(--menu-contextual-item-padding-y) var(--menu-contextual-item-padding-x);transition:background-color 150ms ease-out;cursor:pointer}nv-menuitem:hover,nv-menuitem:focus,nv-menuitem:focus-within{background-color:var(--components-menu-contextual-item-background-hover);color:var(--components-menu-contextual-item-content-hover)}nv-menuitem kbd{color:var(--components-menu-contextual-item-shortcut)}nv-menuitem [data-scope=text]{margin-right:auto}nv-menuitem[disabled]:not([disabled=false]){cursor:unset;background-color:unset;color:var(--components-menu-contextual-item-content-disabled)}";const i=o;const c=class{constructor(t){e(this,t);this.icon=undefined;this.disabled=false;this.shortcut=undefined;this.hasSubmenu=false}render(){return t(n,{key:"c2d22d3d9da87cf9397d53bc1d04664f2b2fdaf6",role:"menuitem",tabindex:this.disabled?"-1":"0"},this.icon&&t("nv-icon",{key:"1e058e4ab0d0d8a38e832bbfecc89b68f308c5b3",name:this.icon}),t("span",{key:"c2320e9145f09aa561103e594b8921aa067f50ac","data-scope":"text"},t("slot",{key:"4783773cfc252c76ff5e23a776cc81b3ddefaa08"})),this.shortcut&&!this.hasSubmenu&&t("kbd",{key:"5ae203ed4236966e3f72e587d047f5d6e3a1ebbd"},this.shortcut),this.hasSubmenu&&t("nv-icon",{key:"a92df958241abeb73584d780777afb5967a45753",name:"chevron-right"}))}get el(){return a(this)}};c.style=i;export{c as nv_menuitem};
-//# sourceMappingURL=p-20c7fc4d.entry.js.map
+import{r as e,h as t,a as n,g as a}from"./p-6ef216c4.js";const o="nv-menuitem{display:flex;align-items:center;max-width:300px;width:100vw;font-size:var(--menu-contextual-item-font-size);font-weight:var(--menu-contextual-item-font-weight);color:var(--components-menu-contextual-item-content);border-radius:var(--menu-contextual-item-radius);gap:var(--menu-contextual-item-gap-x);padding:var(--menu-contextual-item-padding-y) var(--menu-contextual-item-padding-x);transition:background-color 150ms ease-out;cursor:pointer}nv-menuitem:hover,nv-menuitem:focus,nv-menuitem:focus-within{background-color:var(--components-menu-contextual-item-background-hover);color:var(--components-menu-contextual-item-content-hover)}nv-menuitem kbd{color:var(--components-menu-contextual-item-shortcut)}nv-menuitem [data-scope=text]{margin-right:auto}nv-menuitem[disabled]:not([disabled=false]){cursor:unset;background-color:unset;color:var(--components-menu-contextual-item-content-disabled)}";const c=o;const i=class{constructor(t){e(this,t);this.disabled=false;this.hasSubmenu=false}render(){return t(n,{key:"c2d22d3d9da87cf9397d53bc1d04664f2b2fdaf6",role:"menuitem",tabindex:this.disabled?"-1":"0"},this.icon&&t("nv-icon",{key:"1e058e4ab0d0d8a38e832bbfecc89b68f308c5b3",name:this.icon}),t("span",{key:"c2320e9145f09aa561103e594b8921aa067f50ac","data-scope":"text"},t("slot",{key:"4783773cfc252c76ff5e23a776cc81b3ddefaa08"})),this.shortcut&&!this.hasSubmenu&&t("kbd",{key:"5ae203ed4236966e3f72e587d047f5d6e3a1ebbd"},this.shortcut),this.hasSubmenu&&t("nv-icon",{key:"a92df958241abeb73584d780777afb5967a45753",name:"chevron-right"}))}get el(){return a(this)}};i.style=c;export{i as nv_menuitem};
+//# sourceMappingURL=p-6e8bcd5b.entry.js.map

package/dist/native/p-6e8bcd5b.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["nvMenuitemCss","NvMenuitemStyle0","NvMenuitem","constructor","hostRef","this","disabled","hasSubmenu","render","h","Host","key","role","tabindex","icon","name","shortcut"],"sources":["src/components/nv-menuitem/nv-menuitem.scss?tag=nv-menuitem","src/components/nv-menuitem/nv-menuitem.tsx"],"sourcesContent":["@mixin root-styles() {\n  display: flex;\n  align-items: center;\n  max-width: 300px;\n  width: 100vw;\n  font-size: var(--menu-contextual-item-font-size);\n  font-weight: var(--menu-contextual-item-font-weight);\n  color: var(--components-menu-contextual-item-content);\n  border-radius: var(--menu-contextual-item-radius);\n  gap: var(--menu-contextual-item-gap-x);\n  padding: var(--menu-contextual-item-padding-y) var(--menu-contextual-item-padding-x);\n  transition: background-color 150ms ease-out;\n  cursor: pointer;\n  &:hover, &:focus, &:focus-within {\n    @include focused-styles();\n  }\n}\n\n@mixin focused-styles() {\n  background-color: var(--components-menu-contextual-item-background-hover);\n  color: var(--components-menu-contextual-item-content-hover);\n}\n\n@mixin disabled-styles() {\n  cursor: unset;\n  background-color: unset;\n  color: var(--components-menu-contextual-item-content-disabled);\n}\n\n@mixin text-styles() {\n  margin-right: auto;\n}\n\n@mixin shortcut-styles() {\n  color: var(--components-menu-contextual-item-shortcut);\n}\n\nnv-menuitem {\n  @include root-styles();\n\n  kbd {\n    @include shortcut-styles();\n  }\n\n  [data-scope=\"text\"] {\n    @include text-styles();\n  }\n\n  &[disabled]:not([disabled=\"false\"]) {\n    @include disabled-styles();\n  }\n}\n","import { Component, Host, h, Prop, Element } from '@stencil/core';\n\nimport { IconName } from '../nv-icon/nv-icons';\n\nexport type MenuitemSelectedEventDetail = {\n  /**\n   * The id of the menu item that was selected.\n   */\n  itemId?: HTMLElement['id'];\n};\n\n/**\n * @slot default - The content to render, usually just text\n */\n@Component({\n  tag: 'nv-menuitem',\n  styleUrl: 'nv-menuitem.scss',\n  shadow: false,\n})\nexport class NvMenuitem {\n  @Element() el: HTMLNvMenuitemElement;\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Choose the icon you want to display. This also sets the aria-label for\n   * improved accessibility, helping users who rely on screen readers.\n   * The icon is not displayed when the button is loading.\n   */\n  @Prop({ reflect: true })\n  readonly icon: `${IconName}`;\n\n  /**\n   * Disables the item, preventing user interaction.\n   */\n  @Prop({ reflect: true })\n  readonly disabled: boolean = false;\n\n  /**\n   * Show a shortcut key for the action represented in the menu item.\n   */\n  @Prop({ reflect: true })\n  readonly shortcut: string;\n\n  /**\n   * If the menu item has a submenu, the a caret icon will be displayed.\n   */\n  @Prop({ reflect: true })\n  readonly hasSubmenu: boolean = false;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host role=\"menuitem\" tabindex={this.disabled ? '-1' : '0'}>\n        {this.icon && <nv-icon name={this.icon}></nv-icon>}\n        <span data-scope=\"text\">\n          <slot></slot>\n        </span>\n        {this.shortcut && !this.hasSubmenu && <kbd>{this.shortcut}</kbd>}\n        {this.hasSubmenu && <nv-icon name=\"chevron-right\"></nv-icon>}\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n}\n"],"mappings":"yDAAA,MAAMA,EAAgB,84BACtB,MAAAC,EAAeD,E,MCkBFE,EAAU,MALvB,WAAAC,CAAAC,G,UAsBWC,KAAAC,SAAoB,MAYpBD,KAAAE,WAAsB,K,CAM/B,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,WAAWC,SAAUR,KAAKC,SAAW,KAAO,KACpDD,KAAKS,MAAQL,EAAA,WAAAE,IAAA,2CAASI,KAAMV,KAAKS,OAClCL,EAAA,QAAAE,IAAA,wDAAiB,QACfF,EAAA,QAAAE,IAAA,8CAEDN,KAAKW,WAAaX,KAAKE,YAAcE,EAAA,OAAAE,IAAA,4CAAMN,KAAKW,UAChDX,KAAKE,YAAcE,EAAA,WAAAE,IAAA,2CAASI,KAAK,kB","ignoreList":[]}

package/dist/native/{p-c4f7e36d.entry.js → p-6eb50254.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as r,h as o,a as i,g as d}from"./p-b4aea326.js";import{v as t}from"./p-f5ff676c.js";const n='nv-fieldpassword{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box}nv-fieldpassword[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldpassword[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive)}nv-fieldpassword[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldpassword[required]:not([required=false]) label::after{content:"*";color:var(--components-form-text-required);font-weight:700}nv-fieldpassword label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:"TT Norms Pro", sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:500;line-height:var(--form-label-line-height)}nv-fieldpassword .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch}nv-fieldpassword .input-wrapper .input-container{display:flex;flex-grow:1;padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);justify-content:center;align-items:center;gap:var(--form-field-gap);align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default);background:var(--nv-field-background);transition:all 150ms ease-out;position:relative}nv-fieldpassword .input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldpassword .input-wrapper .input-container:focus-within{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldpassword .input-wrapper .input-container:has(input:read-only){opacity:0.5;background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldpassword .input-wrapper .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldpassword .input-wrapper .input-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);text-overflow:ellipsis;font-size:var(--form-field-font-size);font-style:normal;font-weight:500;line-height:var(--form-field-line-height)}nv-fieldpassword .input-wrapper .input-container input:focus{outline:none}nv-fieldpassword .input-wrapper .input-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:"TT Norms Pro", sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:400;line-height:var(--form-field-line-height)}nv-fieldpassword .input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default);position:absolute;right:50px}nv-fieldpassword .description{align-self:stretch;color:var(--components-form-text-description-default);font-family:"TT Norms Pro", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldpassword .error-description{align-self:stretch;color:var(--components-form-text-description-default);font-family:"TT Norms Pro", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fieldpassword .toggle-password-icon{position:absolute;right:-1px;border:0 solid transparent !important}';const s=n;const a=class{constructor(o){e(this,o);this.valueChanged=r(this,"valueChanged",7);this.handleInputContainerClick=()=>{this.inputElement.focus()};this.togglePasswordVisibility=()=>{this.showPasswordState=!this.showPasswordState};this.handleKeyDown=e=>{if(e.key===" "){e.preventDefault();setTimeout((()=>{this.togglePasswordVisibility()}),0)}};this.handleInput=e=>{const r=e.target;this.value=r.value;this.valueChanged.emit(r.value)};this.inputId=t();this.label=undefined;this.description=undefined;this.placeholder=undefined;this.name=undefined;this.value=undefined;this.disabled=false;this.readonly=false;this.required=false;this.error=false;this.errorDescription=undefined;this.success=false;this.maxlength=undefined;this.minlength=undefined;this.pattern=undefined;this.mode="text";this.autocomplete="off";this.hidePasswordIcon=false;this.showPassword=false;this.showPasswordState=this.showPassword}handleShowPasswordChange(e){this.showPasswordState=e}render(){return o(i,{key:"40f6d172ebe46636a4240e010cc1dd9eb9e90e79"},(this.label||this.el.querySelector('[slot="label"]'))&&o("label",{key:"dc7b47c5796cfc862e1dafbe6720fe725662dd2c",htmlFor:this.inputId},o("slot",{key:"a5696e12f593408bb20b92e49c0c5a6b21fef9b1",name:"label"},this.label)),o("div",{key:"a1856e68415b5685982e936588791d36c9188d29",class:"input-wrapper"},o("slot",{key:"ee701f5efbc0f7dcdbfd8d8494eb660ed9081f80",name:"before-input"}),o("div",{key:"3a2b900d7fadac36538d936cc6853fe855713f26",class:"input-container",onClick:this.handleInputContainerClick},o("slot",{key:"b59c93d7457f00ff7b7cb4fcd7caca927a197dc4",name:"leading-input"}),o("input",{key:"67755bdf835476b8511083ba6e35ed5eca8868e5",id:this.inputId,ref:e=>this.inputElement=e,autocomplete:this.autocomplete,placeholder:this.placeholder,name:this.name,type:this.showPasswordState?"text":"password",inputMode:this.mode,value:this.value,required:this.required,maxlength:this.maxlength,minlength:this.minlength,pattern:this.pattern,disabled:this.disabled,readOnly:this.readonly,onInput:this.handleInput}),!this.hidePasswordIcon&&o("nv-iconbutton",{key:"d9ffdbb9a4bd76d30c6adbb5ada4a989c6bdc092",class:"toggle-password-icon",name:this.showPasswordState?"eye":"eye-off",size:"md",emphasis:"lower",onClick:this.togglePasswordVisibility,onKeyDown:this.handleKeyDown,"aria-label":this.showPasswordState?"Hide password":"Show password","aria-pressed":this.showPasswordState.toString()}),(this.success||this.error)&&o("nv-icon",{key:"40b2376b0cf815998eede9c8917f1126cda51d28",name:this.success?"circle-check":"alert-circle",class:"validation",size:"md"})),o("slot",{key:"6ae6f802256ac343a232bb24f7b7ec7e21ee5dd0",name:"after-input"})),(this.description||this.el.querySelector('[slot="description"]'))&&o("div",{key:"e08e5965bebe38262e5efd30f0ab3d3a905083ff",class:"description"},o("slot",{key:"8554c3620920efc3dd108b5e4f0e79dddc55c845",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&o("div",{key:"cf40170d0e1c8de40601b1ef2d3a8260a07cf7e9",hidden:!this.error,class:"error-description"},o("slot",{key:"e3b0ff01a8ffd569d2eb2c2e3a188cb6e53f0f6f",name:"error-description"},this.errorDescription)))}static get formAssociated(){return true}get el(){return d(this)}static get watchers(){return{showPassword:["handleShowPasswordChange"]}}};a.style=s;export{a as nv_fieldpassword};
-//# sourceMappingURL=p-c4f7e36d.entry.js.map
+import{r as e,c as r,h as o,a as i,g as d}from"./p-6ef216c4.js";import{v as t}from"./p-f5ff676c.js";const a='nv-fieldpassword{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box}nv-fieldpassword[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldpassword[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive)}nv-fieldpassword[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldpassword[required]:not([required=false]) label::after{content:"*";color:var(--components-form-text-required);font-weight:700}nv-fieldpassword label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:"TT Norms Pro", sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:500;line-height:var(--form-label-line-height)}nv-fieldpassword .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch}nv-fieldpassword .input-wrapper .input-container{display:flex;flex-grow:1;padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);justify-content:center;align-items:center;gap:var(--form-field-gap);align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default);background:var(--nv-field-background);transition:all 150ms ease-out;position:relative}nv-fieldpassword .input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldpassword .input-wrapper .input-container:focus-within{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldpassword .input-wrapper .input-container:has(input:read-only){opacity:0.5;background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldpassword .input-wrapper .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldpassword .input-wrapper .input-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);text-overflow:ellipsis;font-size:var(--form-field-font-size);font-style:normal;font-weight:500;line-height:var(--form-field-line-height)}nv-fieldpassword .input-wrapper .input-container input:focus{outline:none}nv-fieldpassword .input-wrapper .input-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:"TT Norms Pro", sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:400;line-height:var(--form-field-line-height)}nv-fieldpassword .input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default);position:absolute;right:50px}nv-fieldpassword .description{align-self:stretch;color:var(--components-form-text-description-default);font-family:"TT Norms Pro", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldpassword .error-description{align-self:stretch;color:var(--components-form-text-description-default);font-family:"TT Norms Pro", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fieldpassword .toggle-password-icon{position:absolute;right:-1px;border:0 solid transparent !important}';const s=a;const n=class{constructor(o){e(this,o);this.valueChanged=r(this,"valueChanged",7);this.inputId=t();this.disabled=false;this.readonly=false;this.required=false;this.error=false;this.success=false;this.mode="text";this.autocomplete="off";this.hidePasswordIcon=false;this.showPassword=false;this.showPasswordState=this.showPassword;this.handleInputContainerClick=()=>{this.inputElement.focus()};this.togglePasswordVisibility=()=>{this.showPasswordState=!this.showPasswordState};this.handleKeyDown=e=>{if(e.key===" "){e.preventDefault();setTimeout((()=>{this.togglePasswordVisibility()}),0)}};this.handleInput=e=>{const r=e.target;this.value=r.value;this.valueChanged.emit(r.value)}}handleShowPasswordChange(e){this.showPasswordState=e}render(){return o(i,{key:"40f6d172ebe46636a4240e010cc1dd9eb9e90e79"},(this.label||this.el.querySelector('[slot="label"]'))&&o("label",{key:"dc7b47c5796cfc862e1dafbe6720fe725662dd2c",htmlFor:this.inputId},o("slot",{key:"a5696e12f593408bb20b92e49c0c5a6b21fef9b1",name:"label"},this.label)),o("div",{key:"a1856e68415b5685982e936588791d36c9188d29",class:"input-wrapper"},o("slot",{key:"ee701f5efbc0f7dcdbfd8d8494eb660ed9081f80",name:"before-input"}),o("div",{key:"3a2b900d7fadac36538d936cc6853fe855713f26",class:"input-container",onClick:this.handleInputContainerClick},o("slot",{key:"b59c93d7457f00ff7b7cb4fcd7caca927a197dc4",name:"leading-input"}),o("input",{key:"67755bdf835476b8511083ba6e35ed5eca8868e5",id:this.inputId,ref:e=>this.inputElement=e,autocomplete:this.autocomplete,placeholder:this.placeholder,name:this.name,type:this.showPasswordState?"text":"password",inputMode:this.mode,value:this.value,required:this.required,maxlength:this.maxlength,minlength:this.minlength,pattern:this.pattern,disabled:this.disabled,readOnly:this.readonly,onInput:this.handleInput}),!this.hidePasswordIcon&&o("nv-iconbutton",{key:"d9ffdbb9a4bd76d30c6adbb5ada4a989c6bdc092",class:"toggle-password-icon",name:this.showPasswordState?"eye":"eye-off",size:"md",emphasis:"lower",onClick:this.togglePasswordVisibility,onKeyDown:this.handleKeyDown,"aria-label":this.showPasswordState?"Hide password":"Show password","aria-pressed":this.showPasswordState.toString()}),(this.success||this.error)&&o("nv-icon",{key:"40b2376b0cf815998eede9c8917f1126cda51d28",name:this.success?"circle-check":"alert-circle",class:"validation",size:"md"})),o("slot",{key:"6ae6f802256ac343a232bb24f7b7ec7e21ee5dd0",name:"after-input"})),(this.description||this.el.querySelector('[slot="description"]'))&&o("div",{key:"e08e5965bebe38262e5efd30f0ab3d3a905083ff",class:"description"},o("slot",{key:"8554c3620920efc3dd108b5e4f0e79dddc55c845",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&o("div",{key:"cf40170d0e1c8de40601b1ef2d3a8260a07cf7e9",hidden:!this.error,class:"error-description"},o("slot",{key:"e3b0ff01a8ffd569d2eb2c2e3a188cb6e53f0f6f",name:"error-description"},this.errorDescription)))}static get formAssociated(){return true}get el(){return d(this)}static get watchers(){return{showPassword:["handleShowPasswordChange"]}}};n.style=s;export{n as nv_fieldpassword};
+//# sourceMappingURL=p-6eb50254.entry.js.map

package/dist/native/p-6eb50254.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["nvFieldpasswordCss","NvFieldpasswordStyle0","NvFieldpassword","constructor","hostRef","this","inputId","uuidv4","disabled","readonly","required","error","success","mode","autocomplete","hidePasswordIcon","showPassword","showPasswordState","handleInputContainerClick","inputElement","focus","togglePasswordVisibility","handleKeyDown","event","key","preventDefault","setTimeout","handleInput","input","target","value","valueChanged","emit","handleShowPasswordChange","newValue","render","h","Host","label","el","querySelector","htmlFor","name","class","onClick","id","ref","e","placeholder","type","inputMode","maxlength","minlength","pattern","readOnly","onInput","size","emphasis","onKeyDown","toString","description","errorDescription","hidden"],"sources":["src/components/nv-fieldpassword/nv-fieldpassword.scss?tag=nv-fieldpassword","src/components/nv-fieldpassword/nv-fieldpassword.tsx"],"sourcesContent":["@import '../../styles/form-field';\n\nnv-fieldpassword {\n  @include form-field-variables();\n  @include form-field-root();\n\n  &[readonly]:not([readonly='false']) {\n    @include form-field-readonly-variables();\n  }\n\n  &[error]:not([error='false']) {\n    @include form-field-error-variables();\n  }\n\n  &[success]:not([success='false']) {\n    @include form-field-success-variables();\n  }\n\n  &[required]:not([required='false']) label {\n    @include form-field-label-required();\n  }\n\n  label {\n    @include form-field-label();\n  }\n\n  .input-wrapper {\n    @include form-field-input-wrapper();\n\n    .input-container {\n      @include form-field-input-container();\n\n      position: relative;\n\n      input {\n        @include form-field-input();\n      }\n\n      nv-icon.validation {\n        @include form-field-icon();\n\n        position: absolute;\n        right: 50px;\n      }\n    }\n  }\n\n  .description {\n    @include form-field-description();\n  }\n\n  .error-description {\n    @include form-field-error-description();\n  }\n\n  .toggle-password-icon {\n    position: absolute;\n    right: -1px;\n    border: 0 solid transparent !important;\n  }\n}\n","import {\n  Component,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  State,\n  Watch,\n} from '@stencil/core';\n\nimport { v4 as uuidv4 } from 'uuid';\nimport { TextInputAutocomplete } from '../../utils/constants';\n/**\n * @slot leading-input - Content to be placed before the input text, within the input container.\n * @slot before-input - Content to be placed before the input text, outside the input container.\n * @slot after-input - Content to be placed after the input text, outside the input container.\n * @slot label - Content to be placed as the label, will override the label prop.\n * @slot description - Content to be placed as the description, will override the description prop.\n * @slot error-description - Content to be placed as the error description, will override the errorDescription prop.\n */\n\n@Component({\n  tag: 'nv-fieldpassword',\n  styleUrl: 'nv-fieldpassword.scss',\n  shadow: false,\n  formAssociated: true,\n})\nexport class NvFieldpassword {\n  @Element() el: HTMLNvFieldpasswordElement;\n  private inputElement!: HTMLInputElement;\n\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Sets the ID for the input element and the for attribute of the associated\n   * label. If no ID is provided, a random one will be automatically generated\n   * to ensure unique identification, facilitating proper label association and\n   * accessibility.\n   */\n  @Prop({ reflect: true })\n  readonly inputId: string = uuidv4();\n\n  /**\n   * Lets you define the text that explains what users should enter in the text\n   * input field. It’s a crucial element for making forms clear and\n   * user-friendly.\n   */\n  @Prop({ reflect: true })\n  readonly label: string;\n\n  /**\n   * Add helpful hints or extra information under the text input field. This is\n   * where you can clarify what users should enter or provide additional\n   * instructions, making the form easier to fill out correctly.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable\n  @Prop({ reflect: true, mutable: true })\n  description: string;\n\n  /**\n   * Display temporary text inside the input field to give users a hint about\n   * what to type. It’s a great way to provide examples or suggestions directly\n   * in the field before they start typing.\n   */\n  @Prop({ reflect: true })\n  readonly placeholder: string;\n\n  /**\n   * Defines the name attribute of the input field, which is crucial for form\n   * submission. This value is used as the key in the key-value pair sent to\n   * the server, representing the input’s data in form submissions. It should be\n   * unique within the form to avoid conflicts\n   */\n  @Prop({ reflect: true })\n  readonly name: string;\n\n  /**\n   * Specifies the value of the input field, which determines the text displayed\n   * within the field. This prop is typically used in controlled components\n   * where the input’s value is managed by the component’s state.\n   */\n  @Prop({ reflect: true, mutable: true })\n  value: string;\n\n  /**\n   * The disabled prop lets you turn off the input field so that users can’t\n   * type in it. When disabled, the field is grayed out and won’t respond to#\n   * clicks or touches.\n   */\n  @Prop({ reflect: true })\n  readonly disabled: boolean = false;\n\n  /**\n   * Display the input field’s content without allowing users to change it.\n   * Users can still click on it, select, and copy the text, but they won’t be\n   * able to type or delete anything.\n   */\n  @Prop({ reflect: true })\n  readonly readonly: boolean = false;\n\n  /**\n   * Marks the input field as required, ensuring that the user must fill it out\n   * before submitting the form.\n   */\n  @Prop({ reflect: true })\n  readonly required: boolean = false;\n\n  /**\n   * Alters the input field’s appearance to indicate an error, helping users\n   * identify fields that need correction.\n   * @validator error\n   */\n  @Prop({ reflect: true })\n  readonly error: boolean = false;\n\n  /**\n   * A description that appears when there is an error related to the password\n   * field.\n   * @validator message\n   */\n  @Prop({ reflect: true })\n  readonly errorDescription: string;\n\n  /**\n   * Changes the input field’s appearance to indicate successful input or\n   * validation.\n   */\n  @Prop({ reflect: true })\n  readonly success: boolean = false;\n\n  /**\n   * Limits how many characters users can type into the input field. It’s\n   * helpful for making sure users don’t enter too much information, keeping\n   * their input within the allowed limit.\n   */\n  @Prop({ reflect: true })\n  readonly maxlength: number;\n\n  /**\n   * Ensures that users type at least a certain number of characters into the\n   * input field. It’s a way to make sure users provide enough information\n   * before moving on.\n   */\n  @Prop({ reflect: true })\n  readonly minlength: number;\n\n  /**\n   * Set rules for how the input should be formatted. For example, you can\n   * require that a phone number includes only digits or that an email address\n   * has the correct format. If users don’t follow these rules, they’ll get a\n   * prompt to correct their input.\n   * the rules are applied to the input value via regexes.\n   */\n  @Prop({ reflect: true })\n  readonly pattern: string;\n\n  /**\n   * Defines the type of the input.\n   * @default 'text'\n   */\n  @Prop({ reflect: true })\n  readonly mode: 'text' | 'number' = 'text';\n\n  /**\n   * The autocomplete prop helps users fill out the input field faster by\n   * suggesting entries they’ve used before, like their email or address.\n   * You can turn it on to make forms more convenient or off to ensure users\n   * always type in fresh data.\n   */\n  @Prop({ reflect: true })\n  readonly autocomplete: `${TextInputAutocomplete}` = 'off';\n\n  /**\n   * Hide the button to show/hide the password.\n   */\n  @Prop({ reflect: true })\n  readonly hidePasswordIcon: boolean = false;\n\n  /**\n   * Show/hide the password programmatically.\n   */\n  @Prop({ reflect: true })\n  readonly showPassword: boolean = false;\n\n  /**\n   * Defines whether the password is visible or not.\n   */\n  @State()\n  showPasswordState: boolean = this.showPassword;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emitted when the input value changes.\n   * @bind value\n   */\n  @Event()\n  valueChanged: EventEmitter<string>;\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region METHODS\n\n  private handleInputContainerClick = () => {\n    this.inputElement.focus();\n  };\n\n  @Watch('showPassword')\n  handleShowPasswordChange(newValue: boolean) {\n    this.showPasswordState = newValue;\n  }\n\n  private togglePasswordVisibility = () => {\n    this.showPasswordState = !this.showPasswordState;\n  };\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    if (event.key === ' ') {\n      event.preventDefault(); // Prevent the space character from being added\n      setTimeout(() => {\n        this.togglePasswordVisibility();\n      }, 0);\n    }\n  };\n\n  private handleInput = (event: Event) => {\n    const input = event.target as HTMLInputElement;\n    this.value = input.value; // Update the input value without worrying about the space\n    this.valueChanged.emit(input.value);\n  };\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host>\n        {(this.label || this.el.querySelector('[slot=\"label\"]')) && (\n          <label htmlFor={this.inputId}>\n            <slot name=\"label\">{this.label}</slot>\n          </label>\n        )}\n\n        <div class=\"input-wrapper\">\n          <slot name=\"before-input\"></slot>\n\n          <div class=\"input-container\" onClick={this.handleInputContainerClick}>\n            <slot name=\"leading-input\"></slot>\n\n            <input\n              id={this.inputId}\n              ref={e => (this.inputElement = e)}\n              autocomplete={this.autocomplete}\n              placeholder={this.placeholder}\n              name={this.name}\n              type={this.showPasswordState ? 'text' : 'password'}\n              inputMode={this.mode}\n              value={this.value}\n              required={this.required}\n              maxlength={this.maxlength}\n              minlength={this.minlength}\n              pattern={this.pattern}\n              disabled={this.disabled}\n              readOnly={this.readonly}\n              onInput={this.handleInput}\n            />\n\n            {!this.hidePasswordIcon && (\n              <nv-iconbutton\n                class=\"toggle-password-icon\"\n                name={this.showPasswordState ? 'eye' : 'eye-off'}\n                size=\"md\"\n                emphasis=\"lower\"\n                onClick={this.togglePasswordVisibility}\n                onKeyDown={this.handleKeyDown}\n                aria-label={\n                  this.showPasswordState ? 'Hide password' : 'Show password'\n                }\n                aria-pressed={this.showPasswordState.toString()}\n              />\n            )}\n\n            {(this.success || this.error) && (\n              <nv-icon\n                name={this.success ? 'circle-check' : 'alert-circle'}\n                class=\"validation\"\n                size=\"md\"\n              />\n            )}\n          </div>\n\n          <slot name=\"after-input\"></slot>\n        </div>\n\n        {(this.description ||\n          this.el.querySelector('[slot=\"description\"]')) && (\n          <div class=\"description\">\n            <slot name=\"description\">{this.description}</slot>\n          </div>\n        )}\n\n        {(this.errorDescription ||\n          this.el.querySelector('[slot=\"error-description\"]')) && (\n          <div hidden={!this.error} class=\"error-description\">\n            <slot name=\"error-description\">{this.errorDescription}</slot>\n          </div>\n        )}\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n}\n"],"mappings":"oGAAA,MAAMA,EAAqB,k7JAC3B,MAAAC,EAAeD,E,MC4BFE,EAAe,MAN5B,WAAAC,CAAAC,G,qDAoBWC,KAAAC,QAAkBC,IAkDlBF,KAAAG,SAAoB,MAQpBH,KAAAI,SAAoB,MAOpBJ,KAAAK,SAAoB,MAQpBL,KAAAM,MAAiB,MAejBN,KAAAO,QAAmB,MAiCnBP,KAAAQ,KAA0B,OAS1BR,KAAAS,aAA2C,MAM3CT,KAAAU,iBAA4B,MAM5BV,KAAAW,aAAwB,MAMjCX,KAAAY,kBAA6BZ,KAAKW,aAiB1BX,KAAAa,0BAA4B,KAClCb,KAAKc,aAAaC,OAAO,EAQnBf,KAAAgB,yBAA2B,KACjChB,KAAKY,mBAAqBZ,KAAKY,iBAAiB,EAG1CZ,KAAAiB,cAAiBC,IACvB,GAAIA,EAAMC,MAAQ,IAAK,CACrBD,EAAME,iBACNC,YAAW,KACTrB,KAAKgB,0BAA0B,GAC9B,E,GAIChB,KAAAsB,YAAeJ,IACrB,MAAMK,EAAQL,EAAMM,OACpBxB,KAAKyB,MAAQF,EAAME,MACnBzB,KAAK0B,aAAaC,KAAKJ,EAAME,MAAM,C,CApBrC,wBAAAG,CAAyBC,GACvB7B,KAAKY,kBAAoBiB,C,CA0B3B,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAb,IAAA,6CACDnB,KAAKiC,OAASjC,KAAKkC,GAAGC,cAAc,oBACpCJ,EAAA,SAAAZ,IAAA,2CAAOiB,QAASpC,KAAKC,SACnB8B,EAAA,QAAAZ,IAAA,2CAAMkB,KAAK,SAASrC,KAAKiC,QAI7BF,EAAA,OAAAZ,IAAA,2CAAKmB,MAAM,iBACTP,EAAA,QAAAZ,IAAA,2CAAMkB,KAAK,iBAEXN,EAAA,OAAAZ,IAAA,2CAAKmB,MAAM,kBAAkBC,QAASvC,KAAKa,2BACzCkB,EAAA,QAAAZ,IAAA,2CAAMkB,KAAK,kBAEXN,EAAA,SAAAZ,IAAA,2CACEqB,GAAIxC,KAAKC,QACTwC,IAAKC,GAAM1C,KAAKc,aAAe4B,EAC/BjC,aAAcT,KAAKS,aACnBkC,YAAa3C,KAAK2C,YAClBN,KAAMrC,KAAKqC,KACXO,KAAM5C,KAAKY,kBAAoB,OAAS,WACxCiC,UAAW7C,KAAKQ,KAChBiB,MAAOzB,KAAKyB,MACZpB,SAAUL,KAAKK,SACfyC,UAAW9C,KAAK8C,UAChBC,UAAW/C,KAAK+C,UAChBC,QAAShD,KAAKgD,QACd7C,SAAUH,KAAKG,SACf8C,SAAUjD,KAAKI,SACf8C,QAASlD,KAAKsB,eAGdtB,KAAKU,kBACLqB,EAAA,iBAAAZ,IAAA,2CACEmB,MAAM,uBACND,KAAMrC,KAAKY,kBAAoB,MAAQ,UACvCuC,KAAK,KACLC,SAAS,QACTb,QAASvC,KAAKgB,yBACdqC,UAAWrD,KAAKiB,cAAa,aAE3BjB,KAAKY,kBAAoB,gBAAkB,gBAAe,eAE9CZ,KAAKY,kBAAkB0C,cAIvCtD,KAAKO,SAAWP,KAAKM,QACrByB,EAAA,WAAAZ,IAAA,2CACEkB,KAAMrC,KAAKO,QAAU,eAAiB,eACtC+B,MAAM,aACNa,KAAK,QAKXpB,EAAA,QAAAZ,IAAA,2CAAMkB,KAAK,kBAGXrC,KAAKuD,aACLvD,KAAKkC,GAAGC,cAAc,0BACtBJ,EAAA,OAAAZ,IAAA,2CAAKmB,MAAM,eACTP,EAAA,QAAAZ,IAAA,2CAAMkB,KAAK,eAAerC,KAAKuD,eAIjCvD,KAAKwD,kBACLxD,KAAKkC,GAAGC,cAAc,gCACtBJ,EAAA,OAAAZ,IAAA,2CAAKsC,QAASzD,KAAKM,MAAOgC,MAAM,qBAC9BP,EAAA,QAAAZ,IAAA,2CAAMkB,KAAK,qBAAqBrC,KAAKwD,mB","ignoreList":[]}

package/dist/native/p-6ef216c4.js

@@ -0,0 +1,3 @@
+const e="native";const t={allRenderFn:true,appendChildSlotFix:true,asyncLoading:true,asyncQueue:false,attachStyles:true,cloneNodeFix:true,cmpDidLoad:true,cmpDidRender:false,cmpDidUnload:false,cmpDidUpdate:false,cmpShouldUpdate:false,cmpWillLoad:true,cmpWillRender:true,cmpWillUpdate:false,connectedCallback:true,constructableCSS:true,cssAnnotations:true,devTools:false,disconnectedCallback:true,element:false,event:true,experimentalScopedSlotChanges:true,experimentalSlotFixes:true,formAssociated:true,hasRenderFn:true,hostListener:true,hostListenerTarget:true,hostListenerTargetBody:false,hostListenerTargetDocument:true,hostListenerTargetParent:false,hostListenerTargetWindow:false,hotModuleReplacement:false,hydrateClientSide:true,hydrateServerSide:false,hydratedAttribute:false,hydratedClass:true,hydratedSelectorName:"hydrated",initializeNextTick:false,invisiblePrehydration:true,isDebug:false,isDev:false,isTesting:false,lazyLoad:true,lifecycle:true,lifecycleDOMEvents:false,member:true,method:true,mode:false,modernPropertyDecls:false,observeAttribute:true,profile:false,prop:true,propBoolean:true,propMutable:true,propNumber:true,propString:true,reflect:true,scoped:false,scopedSlotTextContentFix:true,scriptDataOpts:false,shadowDelegatesFocus:false,shadowDom:false,slot:true,slotChildNodesFix:true,slotRelocation:true,state:true,style:true,svg:true,taskQueue:true,transformTagName:false,updatable:true,vdomAttribute:true,vdomClass:true,vdomFunctional:false,vdomKey:true,vdomListener:true,vdomPropOrAttr:true,vdomRef:true,vdomRender:true,vdomStyle:true,vdomText:true,vdomXlink:false,watchCallback:true};var n=Object.defineProperty;var l=(e,t)=>{for(var l in t)n(e,l,{get:t[l],enumerable:true})};var r={};var i="http://www.w3.org/2000/svg";var s="http://www.w3.org/1999/xhtml";var o=new WeakMap;var f=e=>o.get(e);var a=(e,t)=>{o.set(t.t=e,t)};var c=(e,t)=>{const n={l:0,$hostElement$:e,i:t,o:new Map};{n.u=new Promise((e=>n.v=e))}{n.h=new Promise((e=>n.p=e));e["s-p"]=[];e["s-rc"]=[]}const l=o.set(e,n);return l};var u=(e,t)=>t in e;var v=(e,t)=>(0,console.error)(e,t);var d=new Map;var h=(e,t,n)=>{const l=e.m.replace(/-/g,"_");const r=e.$;if(!r){return void 0}const i=d.get(r);if(i){return i[l]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${r}.entry.js${""}`).then((e=>{{d.set(r,e)}return e[l]}),v)};var p=new Map;var m="r";var $="o";var b="s";var y="t";var g="c";var w="s-id";var S="sty-id";var O="c-id";var j="{visibility:hidden}.hydrated{visibility:inherit}";var C="slot-fb{display:contents}slot-fb[hidden]{display:none}";var k=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"];var x=typeof window!=="undefined"?window:{};var E=x.document||{head:{}};var T=x.HTMLElement||class{};var L={l:0,S:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)};var R=t.shadowDom;var D=(()=>{let e=false;try{E.addEventListener("e",null,Object.defineProperty({},"passive",{get(){e=true}}))}catch(e){}return e})();var A=e=>Promise.resolve(e);var F=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var M=false;var N=[];var P=[];var I=(e,t)=>n=>{e.push(n);if(!M){M=true;if(t&&L.l&4){B(W)}else{L.raf(W)}}};var U=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){v(e)}}e.length=0};var W=()=>{U(N);{U(P);if(M=N.length>0){L.raf(W)}}};var B=e=>A().then(e);var H=I(P,true);var _=e=>{e=typeof e;return e==="object"||e==="function"};function z(e){var t,n,l;return(l=(n=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:n.getAttribute("content"))!=null?l:void 0}var Q={};l(Q,{err:()=>q,map:()=>G,ok:()=>V,unwrap:()=>K,unwrapErr:()=>X});var V=e=>({isOk:true,isErr:false,value:e});var q=e=>({isOk:false,isErr:true,value:e});function G(e,t){if(e.isOk){const n=t(e.value);if(n instanceof Promise){return n.then((e=>V(e)))}else{return V(n)}}if(e.isErr){const t=e.value;return q(t)}throw"should never get here"}var K=e=>{if(e.isOk){return e.value}else{throw e.value}};var X=e=>{if(e.isErr){return e.value}else{throw e.value}};var J=e=>{const t=e.__childNodes||e.childNodes;if(e.tagName&&e.tagName.includes("-")&&e["s-cr"]&&e.tagName!=="SLOT-FB"){Y(t,e.tagName).forEach((e=>{var t;if(e.nodeType===1&&e.tagName==="SLOT-FB"){if((t=Z(e,e["s-sn"],false))==null?void 0:t.length){e.hidden=true}else{e.hidden=false}}}))}for(const e of t){if(e.nodeType===1&&(e.__childNodes||e.childNodes).length){J(e)}}};var Y=(e,t,n)=>{let l=0;let r=[];let i;for(;l<e.length;l++){i=e[l];if(i["s-sr"]&&i["s-hn"]===t&&(!n||i["s-sn"]===n)){r.push(i);if(typeof n!=="undefined")return r}r=[...r,...Y(i.childNodes,t,n)]}return r};var Z=(e,t,n=true)=>{const l=[];if(n&&e["s-sr"]||!e["s-sr"])l.push(e);while((e=e.nextSibling)&&e["s-sn"]===t){l.push(e)}return l};var ee=(e,t)=>{if(e.nodeType===1){if(e.getAttribute("slot")===null&&t===""){return true}if(e.getAttribute("slot")===t){return true}return false}if(e["s-sn"]===t){return true}return t===""};var te=(e,t,n,l)=>{let r;if(e["s-ol"]&&e["s-ol"].isConnected){r=e["s-ol"]}else{r=document.createTextNode("");r["s-nr"]=e}if(!t["s-cr"]||!t["s-cr"].parentNode)return;const i=t["s-cr"].parentNode;const s=n?i.__prepend||i.prepend:i.__appendChild||i.appendChild;if(typeof l!=="undefined"){{r["s-oo"]=l;const e=i.__childNodes||i.childNodes;const t=[r];e.forEach((e=>{if(e["s-nr"])t.push(e)}));t.sort(((e,t)=>{if(!e["s-oo"]||e["s-oo"]<t["s-oo"])return-1;else if(!t["s-oo"]||t["s-oo"]<e["s-oo"])return 1;return 0}));t.forEach((e=>s.call(i,e)))}}else{s.call(i,r)}e["s-ol"]=r;e["s-sh"]=t["s-hn"]};var ne=(e,t,...n)=>{let l=null;let r=null;let i=null;let s=false;let o=false;const f=[];const a=t=>{for(let n=0;n<t.length;n++){l=t[n];if(Array.isArray(l)){a(l)}else if(l!=null&&typeof l!=="boolean"){if(s=typeof e!=="function"&&!_(l)){l=String(l)}if(s&&o){f[f.length-1].O+=l}else{f.push(s?le(null,l):l)}o=s}}};a(n);if(t){if(t.key){r=t.key}if(t.name){i=t.name}{const e=t.className||t.class;if(e){t.class=typeof e!=="object"?e:Object.keys(e).filter((t=>e[t])).join(" ")}}}const c=le(e,null);c.j=t;if(f.length>0){c.C=f}{c.k=r}{c.T=i}return c};var le=(e,t)=>{const n={l:0,L:e,O:t,R:null,C:null};{n.j=null}{n.k=null}{n.T=null}return n};var re={};var ie=e=>e&&e.L===re;var se=(e,t,n,l,r,i)=>{if(n!==l){let s=u(e,t);let o=t.toLowerCase();if(t==="class"){const t=e.classList;const r=fe(n);let i=fe(l);if(e["s-si"]){i.push(e["s-si"]);r.forEach((t=>{if(t.startsWith(e["s-si"]))i.push(t)}));i=[...new Set(i)];t.add(...i);delete e["s-si"]}else{t.remove(...r.filter((e=>e&&!i.includes(e))));t.add(...i.filter((e=>e&&!r.includes(e))))}}else if(t==="style"){{for(const t in n){if(!l||l[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in l){if(!n||l[t]!==n[t]){if(t.includes("-")){e.style.setProperty(t,l[t])}else{e.style[t]=l[t]}}}}else if(t==="key");else if(t==="ref"){if(l){l(e)}}else if(!s&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(u(x,o)){t=o.slice(2)}else{t=o[2]+t.slice(3)}if(n||l){const r=t.endsWith(ae);t=t.replace(ce,"");if(n){L.rel(e,t,n,r)}if(l){L.ael(e,t,l,r)}}}else{const o=_(l);if((s||o&&l!==null)&&!r){try{if(!e.tagName.includes("-")){const r=l==null?"":l;if(t==="list"){s=false}else if(n==null||e[t]!=r){if(typeof e.__lookupSetter__(t)==="function"){e[t]=r}else{e.setAttribute(t,r)}}}else{e[t]=l}}catch(e){}}if(l==null||l===false){if(l!==false||e.getAttribute(t)===""){{e.removeAttribute(t)}}}else if((!s||i&4||r)&&!o){l=l===true?"":l;{e.setAttribute(t,l)}}}}};var oe=/\s/;var fe=e=>{if(typeof e==="object"&&"baseVal"in e){e=e.baseVal}if(!e){return[]}return e.split(oe)};var ae="Capture";var ce=new RegExp(ae+"$");var ue=(e,t,n)=>{const l=t.R.nodeType===11&&t.R.host?t.R.host:t.R;const i=e&&e.j||r;const s=t.j||r;{for(const e of ve(Object.keys(i))){if(!(e in s)){se(l,e,i[e],void 0,n,t.l)}}}for(const e of ve(Object.keys(s))){se(l,e,i[e],s[e],n,t.l)}};function ve(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var de;var he;var pe=false;var me=false;var $e=false;var be=false;var ye=(e,n,l)=>{var r;const o=n.C[l];let f=0;let a;let c;let u;if(!pe){$e=true;if(o.L==="slot"){o.l|=o.C?2:1}}if(o.O!==null){a=o.R=E.createTextNode(o.O)}else if(o.l&1){a=o.R=E.createTextNode("")}else{if(!be){be=o.L==="svg"}a=o.R=E.createElementNS(be?i:s,!pe&&t.slotRelocation&&o.l&2?"slot-fb":o.L);if(be&&o.L==="foreignObject"){be=false}{ue(null,o,be)}if(o.C){for(f=0;f<o.C.length;++f){c=ye(e,o,f);if(c){a.appendChild(c)}}}{if(o.L==="svg"){be=false}else if(a.tagName==="foreignObject"){be=true}}}a["s-hn"]=he;{if(o.l&(2|1)){a["s-sr"]=true;a["s-cr"]=de;a["s-sn"]=o.T||"";a["s-rf"]=(r=o.j)==null?void 0:r.ref;u=e&&e.C&&e.C[l];if(u&&u.L===o.L&&e.R){{ge(e.R)}}}}return a};var ge=e=>{L.l|=1;const t=e.closest(he.toLowerCase());if(t!=null){const n=Array.from(t.__childNodes||t.childNodes).find((e=>e["s-cr"]));const l=Array.from(e.__childNodes||e.childNodes);for(const e of n?l.reverse():l){if(e["s-sh"]!=null){Re(t,e,n!=null?n:null);e["s-sh"]=void 0;$e=true}}}L.l&=~1};var we=(e,n)=>{L.l|=1;const l=Array.from(e.__childNodes||e.childNodes);if(e["s-sr"]&&t.experimentalSlotFixes){let t=e;while(t=t.nextSibling){if(t&&t["s-sn"]===e["s-sn"]&&t["s-sh"]===he){l.push(t)}}}for(let e=l.length-1;e>=0;e--){const t=l[e];if(t["s-hn"]!==he&&t["s-ol"]){Re(ke(t).parentNode,t,ke(t));t["s-ol"].remove();t["s-ol"]=void 0;t["s-sh"]=void 0;$e=true}if(n){we(t,n)}}L.l&=~1};var Se=(e,t,n,l,r,i)=>{let s=e["s-cr"]&&e["s-cr"].parentNode||e;let o;for(;r<=i;++r){if(l[r]){o=ye(null,n,r);if(o){l[r].R=o;Re(s,o,ke(t))}}}};var Oe=(e,t,n)=>{for(let l=t;l<=n;++l){const t=e[l];if(t){const e=t.R;Le(t);if(e){{me=true;if(e["s-ol"]){e["s-ol"].remove()}else{we(e,true)}}e.remove()}}}};var je=(e,t,n,l,r=false)=>{let i=0;let s=0;let o=0;let f=0;let a=t.length-1;let c=t[0];let u=t[a];let v=l.length-1;let d=l[0];let h=l[v];let p;let m;while(i<=a&&s<=v){if(c==null){c=t[++i]}else if(u==null){u=t[--a]}else if(d==null){d=l[++s]}else if(h==null){h=l[--v]}else if(Ce(c,d,r)){xe(c,d,r);c=t[++i];d=l[++s]}else if(Ce(u,h,r)){xe(u,h,r);u=t[--a];h=l[--v]}else if(Ce(c,h,r)){if(c.L==="slot"||h.L==="slot"){we(c.R.parentNode,false)}xe(c,h,r);Re(e,c.R,u.R.nextSibling);c=t[++i];h=l[--v]}else if(Ce(u,d,r)){if(c.L==="slot"||h.L==="slot"){we(u.R.parentNode,false)}xe(u,d,r);Re(e,u.R,c.R);u=t[--a];d=l[++s]}else{o=-1;{for(f=i;f<=a;++f){if(t[f]&&t[f].k!==null&&t[f].k===d.k){o=f;break}}}if(o>=0){m=t[o];if(m.L!==d.L){p=ye(t&&t[s],n,o)}else{xe(m,d,r);t[o]=void 0;p=m.R}d=l[++s]}else{p=ye(t&&t[s],n,s);d=l[++s]}if(p){{Re(ke(c.R).parentNode,p,ke(c.R))}}}}if(i>a){Se(e,l[v+1]==null?null:l[v+1].R,n,l,s,v)}else if(s>v){Oe(t,i,a)}};var Ce=(e,t,n=false)=>{if(e.L===t.L){if(e.L==="slot"){return e.T===t.T}if(!n){return e.k===t.k}if(n&&!e.k&&t.k){e.k=t.k}return true}return false};var ke=e=>e&&e["s-ol"]||e;var xe=(e,n,l=false)=>{const r=n.R=e.R;const i=e.C;const s=n.C;const o=n.L;const f=n.O;let a;if(f===null){{be=o==="svg"?true:o==="foreignObject"?false:be}{if(o==="slot"&&!pe){if(e.T!==n.T){n.R["s-sn"]=n.T||"";ge(n.R.parentElement)}}else{ue(e,n,be)}}if(i!==null&&s!==null){je(r,i,n,s,l)}else if(s!==null){if(e.O!==null){r.textContent=""}Se(r,null,n,s,0,s.length-1)}else if(!l&&t.updatable&&i!==null){Oe(i,0,i.length-1)}if(be&&o==="svg"){be=false}}else if(a=r["s-cr"]){a.parentNode.textContent=f}else if(e.O!==f){r.data=f}};var Ee=[];var Te=e=>{let t;let n;let l;const r=e.__childNodes||e.childNodes;for(const e of r){if(e["s-sr"]&&(t=e["s-cr"])&&t.parentNode){n=t.parentNode.__childNodes||t.parentNode.childNodes;const r=e["s-sn"];for(l=n.length-1;l>=0;l--){t=n[l];if(!t["s-cn"]&&!t["s-nr"]&&t["s-hn"]!==e["s-hn"]&&(!t["s-sh"]||t["s-sh"]!==e["s-hn"])){if(ee(t,r)){let n=Ee.find((e=>e.D===t));me=true;t["s-sn"]=t["s-sn"]||r;if(n){n.D["s-sh"]=e["s-hn"];n.A=e}else{t["s-sh"]=e["s-hn"];Ee.push({A:e,D:t})}if(t["s-sr"]){Ee.map((e=>{if(ee(e.D,t["s-sn"])){n=Ee.find((e=>e.D===t));if(n&&!e.A){e.A=n.A}}}))}}else if(!Ee.some((e=>e.D===t))){Ee.push({D:t})}}}}if(e.nodeType===1){Te(e)}}};var Le=e=>{{e.j&&e.j.ref&&e.j.ref(null);e.C&&e.C.map(Le)}};var Re=(e,t,n)=>{const l=e==null?void 0:e.insertBefore(t,n);return l};var De=(e,t,n=false)=>{var l,r,i,s,o;const f=e.$hostElement$;const a=e.i;const c=e.F||le(null,null);const u=ie(t)?t:ne(null,null,t);he=f.tagName;if(a.M){u.j=u.j||{};a.M.map((([e,t])=>u.j[t]=f[e]))}if(n&&u.j){for(const e of Object.keys(u.j)){if(f.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){u.j[e]=f[e]}}}u.L=null;u.l|=4;e.F=u;u.R=c.R=f;pe=R;{de=f["s-cr"];me=false}xe(c,u,n);{L.l|=1;if($e){Te(u.R);for(const e of Ee){const t=e.D;if(!t["s-ol"]){const e=E.createTextNode("");e["s-nr"]=t;Re(t.parentNode,t["s-ol"]=e,t)}}for(const e of Ee){const t=e.D;const o=e.A;if(o){const e=o.parentNode;let n=o.nextSibling;if(n&&n.nodeType===1){let i=(l=t["s-ol"])==null?void 0:l.previousSibling;while(i){let l=(r=i["s-nr"])!=null?r:null;if(l&&l["s-sn"]===t["s-sn"]&&e===l.parentNode){l=l.nextSibling;while(l===t||(l==null?void 0:l["s-sr"])){l=l==null?void 0:l.nextSibling}if(!l||!l["s-nr"]){n=l;break}}i=i.previousSibling}}if(!n&&e!==t.parentNode||t.nextSibling!==n){if(t!==n){Re(e,t,n);if(t.nodeType===1&&t.tagName!=="SLOT-FB"){t.hidden=(i=t["s-ih"])!=null?i:false}}}t&&typeof o["s-rf"]==="function"&&o["s-rf"](t)}else{if(t.nodeType===1){if(n){t["s-ih"]=(s=t.hidden)!=null?s:false}t.hidden=true}}}}if(me){J(u.R)}L.l&=~1;Ee.length=0}if(a.l&2){const e=u.R.__childNodes||u.R.childNodes;for(const t of e){if(t["s-hn"]!==he&&!t["s-sh"]){if(n&&t["s-ih"]==null){t["s-ih"]=(o=t.hidden)!=null?o:false}t.hidden=true}}}de=void 0};var Ae=e=>{if(!e||e.__nextSibling||!globalThis.Node)return;Fe(e);Ne(e);if(e.nodeType===Node.ELEMENT_NODE){Me(e);Pe(e)}};var Fe=e=>{if(!e||e.__nextSibling)return;We("nextSibling",e);Object.defineProperty(e,"nextSibling",{get:function(){var e;const t=(e=this["s-ol"])==null?void 0:e.parentNode.childNodes;const n=t==null?void 0:t.indexOf(this);if(t&&n>-1){return t[n+1]}return this.__nextSibling}})};var Me=e=>{if(!e||e.__nextElementSibling)return;We("nextElementSibling",e);Object.defineProperty(e,"nextElementSibling",{get:function(){var e;const t=(e=this["s-ol"])==null?void 0:e.parentNode.children;const n=t==null?void 0:t.indexOf(this);if(t&&n>-1){return t[n+1]}return this.__nextElementSibling}})};var Ne=e=>{if(!e||e.__previousSibling)return;We("previousSibling",e);Object.defineProperty(e,"previousSibling",{get:function(){var e;const t=(e=this["s-ol"])==null?void 0:e.parentNode.childNodes;const n=t==null?void 0:t.indexOf(this);if(t&&n>-1){return t[n-1]}return this.__previousSibling}})};var Pe=e=>{if(!e||e.__previousElementSibling)return;We("previousElementSibling",e);Object.defineProperty(e,"previousElementSibling",{get:function(){var e;const t=(e=this["s-ol"])==null?void 0:e.parentNode.children;const n=t==null?void 0:t.indexOf(this);if(t&&n>-1){return t[n-1]}return this.__previousElementSibling}})};var Ie=["children","nextElementSibling","previousElementSibling"];var Ue=["childNodes","firstChild","lastChild","nextSibling","previousSibling","textContent"];function We(e,t){let n;if(Ie.includes(e)){n=Object.getOwnPropertyDescriptor(Element.prototype,e)}else if(Ue.includes(e)){n=Object.getOwnPropertyDescriptor(Node.prototype,e)}if(!n){n=Object.getOwnPropertyDescriptor(t,e)}if(n)Object.defineProperty(t,"__"+e,n)}var Be=(e,t="")=>{{return()=>{}}};var He=(e,t)=>{{return()=>{}}};var _e=(e,t,n,l)=>{const r=Be("hydrateClient",t);const i=e.shadowRoot;const s=[];const o=[];const f=[];const a=null;const c=le(t,null);c.R=e;if(!L.N){Qe(E.body,L.N=new Map)}e[w]=n;e.removeAttribute(w);l.F=ze(c,s,o,a,e,e,n,f);let u=0;const v=s.length;let d;for(u;u<v;u++){d=s[u];const n=d.P+"."+d.I;const l=L.N.get(n);const r=d.R;if(!i){r["s-hn"]=t.toUpperCase();if(d.L==="slot"){r["s-cr"]=e["s-cr"]}}if(d.L==="slot"){if(d.C){d.l|=2;if(!d.R.childNodes.length){d.C.forEach((e=>{d.R.appendChild(e.R)}))}}else{d.l|=1}}if(l&&l.isConnected){if(i&&l["s-en"]===""){l.parentNode.insertBefore(r,l.nextSibling)}l.parentNode.removeChild(l);if(!i){r["s-oo"]=parseInt(d.I)}}L.N.delete(n)}const h=[];const p=f.length;let m=0;let $;let b;let y;let g;for(m;m<p;m++){$=f[m];if(!$||!$.length)continue;y=$.length;b=0;for(b;b<y;b++){g=$[b];if(!h[g.hostId]){h[g.hostId]=L.N.get(g.hostId)}if(!h[g.hostId])continue;const e=h[g.hostId];if(!e.shadowRoot||!i){g.slot["s-cr"]=e["s-cr"];if(!g.slot["s-cr"]&&e.shadowRoot){g.slot["s-cr"]=e}else{g.slot["s-cr"]=(e.__childNodes||e.childNodes)[0]}te(g.node,g.slot,false,g.node["s-oo"]);{Ae(g.node)}}if(e.shadowRoot&&g.node.parentElement!==e){e.appendChild(g.node)}}}l.$hostElement$=e;r()};var ze=(e,t,n,l,r,i,s,o=[])=>{let f;let a;let c;let u;if(i.nodeType===1){f=i.getAttribute(O);if(f){a=f.split(".");if(a[0]===s||a[0]==="0"){c=Ve({l:0,P:a[0],I:a[1],U:a[2],W:a[3],L:i.tagName.toLowerCase(),R:i,j:{class:i.className||""}});t.push(c);i.removeAttribute(O);if(!e.C){e.C=[]}const r=c.R.getAttribute("s-sn");if(typeof r==="string"){if(c.L==="slot-fb"){qe(r,a[2],c,i,e,t,n,l,o)}c.R["s-sn"]=r;c.R.removeAttribute("s-sn")}if(c.W!==void 0){e.C[c.W]=c}e=c;if(l&&c.U==="0"){l[c.W]=c.R}}}if(i.shadowRoot){for(u=i.shadowRoot.childNodes.length-1;u>=0;u--){ze(e,t,n,l,r,i.shadowRoot.childNodes[u],s,o)}}const v=i.__childNodes||i.childNodes;for(u=v.length-1;u>=0;u--){ze(e,t,n,l,r,v[u],s,o)}}else if(i.nodeType===8){a=i.nodeValue.split(".");if(a[1]===s||a[1]==="0"){f=a[0];c=Ve({P:a[1],I:a[2],U:a[3],W:a[4]||"0",R:i,j:null,C:null,k:null,T:null,L:null,O:null});if(f===y){c.R=i.nextSibling;if(c.R&&c.R.nodeType===3){c.O=c.R.textContent;t.push(c);i.remove();if(s===c.P){if(!e.C){e.C=[]}e.C[c.W]=c}if(l&&c.U==="0"){l[c.W]=c.R}}}else if(f===g){c.R=i.nextSibling;if(c.R&&c.R.nodeType===8){t.push(c);i.remove()}}else if(c.P===s){if(f===b){const r=i["s-sn"]=a[5]||"";qe(r,a[2],c,i,e,t,n,l,o)}else if(f===m){{r["s-cr"]=i;i["s-cn"]=true}}}}}else if(e&&e.L==="style"){const t=le(null,i.textContent);t.R=i;t.W="0";e.C=[t]}return e};var Qe=(e,t)=>{if(e.nodeType===1){const n=e[w]||e.getAttribute(w);if(n){t.set(n,e)}let l=0;if(e.shadowRoot){for(;l<e.shadowRoot.childNodes.length;l++){Qe(e.shadowRoot.childNodes[l],t)}}const r=e.__childNodes||e.childNodes;for(l=0;l<r.length;l++){Qe(r[l],t)}}else if(e.nodeType===8){const n=e.nodeValue.split(".");if(n[0]===$){t.set(n[1]+"."+n[2],e);e.nodeValue="";e["s-en"]=n[3]}}};var Ve=e=>{const t={l:0,P:null,I:null,U:null,W:"0",R:null,j:null,C:null,k:null,T:null,L:null,O:null};return{...t,...e}};function qe(e,t,n,l,r,i,s,o,f){l["s-sr"]=true;n.T=e||null;n.L="slot";const a=(r==null?void 0:r.R)?r.R["s-id"]||r.R.getAttribute("s-id"):"";{const s=n.R;const o=a&&a!==n.P&&r.R.shadowRoot;Ge(f,t,e,l,o?a:n.P);if(o){r.R.insertBefore(s,r.R.children[0])}i.push(n)}s.push(n);if(!r.C){r.C=[]}r.C[n.W]=n}var Ge=(e,t,n,l,r)=>{let i=l.nextSibling;e[t]=e[t]||[];while(i&&((i["getAttribute"]&&i.getAttribute("slot")||i["s-sn"])===n||n===""&&!i["s-sn"]&&(i.nodeType===8&&i.nodeValue.indexOf(".")!==1||i.nodeType===3))){i["s-sn"]=n;e[t].push({slot:l,node:i,hostId:r});i=i.nextSibling}};var Ke=(e,t)=>{if(e!=null&&!_(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&2){return parseFloat(e)}if(t&1){return String(e)}return e}return e};var Xe=e=>f(e).$hostElement$;var Je=(e,t,n)=>{const l=Xe(e);return{emit:e=>Ye(l,t,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:e})}};var Ye=(e,t,n)=>{const l=L.ce(t,n);e.dispatchEvent(l);return l};var Ze=new WeakMap;var et=(e,t,n)=>{let l=p.get(e);if(F&&n){l=l||new CSSStyleSheet;if(typeof l==="string"){l=t}else{l.replaceSync(t)}}else{l=t}p.set(e,l)};var tt=(e,t,n)=>{var l;const r=lt(t);const i=p.get(r);e=e.nodeType===11?e:E;if(i){if(typeof i==="string"){e=e.head||e;let n=Ze.get(e);let s;if(!n){Ze.set(e,n=new Set)}if(!n.has(r)){if(e.host&&(s=e.querySelector(`[${S}="${r}"]`))){s.innerHTML=i}else{s=document.querySelector(`[${S}="${r}"]`)||E.createElement("style");s.innerHTML=i;const n=(l=L.B)!=null?l:z(E);if(n!=null){s.setAttribute("nonce",n)}if(!(t.l&1)){if(e.nodeName==="HEAD"){const t=e.querySelectorAll("link[rel=preconnect]");const n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(s,n)}else if("host"in e){if(F){const t=new CSSStyleSheet;t.replaceSync(i);e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");if(t){t.innerHTML=i+t.innerHTML}else{e.prepend(s)}}}else{e.append(s)}}if(t.l&1&&e.nodeName!=="HEAD"){e.insertBefore(s,null)}}if(t.l&4){s.innerHTML+=C}if(n){n.add(r)}}}else if(!e.adoptedStyleSheets.includes(i)){e.adoptedStyleSheets=[...e.adoptedStyleSheets,i]}}return r};var nt=e=>{const t=e.i;const n=e.$hostElement$;const l=Be("attachStyles",t.m);tt(n.getRootNode(),t);l()};var lt=(e,t)=>"sc-"+e.m;var rt=(e,t)=>{if(t&&!e.H&&t["s-p"]){t["s-p"].push(new Promise((t=>e.H=t)))}};var it=(e,t)=>{{e.l|=16}if(e.l&4){e.l|=512;return}rt(e,e._);const n=()=>st(e,t);return H(n)};var st=(e,t)=>{const n=e.$hostElement$;const l=Be("scheduleUpdate",e.i.m);const r=e.t;if(!r){throw new Error(`Can't render component <${n.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 i;if(t){{e.l|=256;if(e.V){e.V.map((([e,t])=>mt(r,e,t)));e.V=void 0}}{i=mt(r,"componentWillLoad")}}{i=ot(i,(()=>mt(r,"componentWillRender")))}l();return ot(i,(()=>at(e,r,t)))};var ot=(e,t)=>ft(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var ft=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var at=async(e,t,n)=>{var l;const r=e.$hostElement$;const i=Be("update",e.i.m);const s=r["s-rc"];if(n){nt(e)}const o=Be("render",e.i.m);{ut(e,t,r,n)}if(s){s.map((e=>e()));r["s-rc"]=void 0}o();i();{const t=(l=r["s-p"])!=null?l:[];const n=()=>dt(e);if(t.length===0){n()}else{Promise.all(t).then(n);e.l|=4;t.length=0}}};var ct=null;var ut=(e,t,n,l)=>{try{ct=t;t=t.render();{e.l&=~16}{e.l|=2}{{{De(e,t,l)}}}}catch(t){v(t,e.$hostElement$)}ct=null;return null};var vt=()=>ct;var dt=e=>{const t=e.i.m;const n=e.$hostElement$;const l=Be("postUpdate",t);const r=e.t;const i=e._;if(!(e.l&64)){e.l|=64;{$t(n)}{mt(r,"componentDidLoad")}l();{e.p(n);if(!i){pt()}}}else{l()}{e.v(n)}{if(e.H){e.H();e.H=void 0}if(e.l&512){B((()=>it(e,false)))}e.l&=~(4|512)}};var ht=e=>{{const t=f(e);const n=t.$hostElement$.isConnected;if(n&&(t.l&(2|16))===2){it(t,false)}return n}};var pt=t=>{{$t(E.documentElement)}B((()=>Ye(x,"appload",{detail:{namespace:e}})))};var mt=(e,t,n)=>{if(e&&e[t]){try{return e[t](n)}catch(e){v(e)}}return void 0};var $t=e=>{var n;return e.classList.add((n=t.hydratedSelectorName)!=null?n:"hydrated")};var bt=(e,t)=>f(e).o.get(t);var yt=(e,t,n,l)=>{const r=f(e);if(!r){throw new Error(`Couldn't find host element for "${l.m}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`)}const i=r.$hostElement$;const s=r.o.get(t);const o=r.l;const a=r.t;n=Ke(n,l.q[t][0]);const c=Number.isNaN(s)&&Number.isNaN(n);const u=n!==s&&!c;if((!(o&8)||s===void 0)&&u){r.o.set(t,n);if(a){if(l.G&&o&128){const e=l.G[t];if(e){e.map((e=>{try{a[e](n,s,t)}catch(e){v(e,i)}}))}}if((o&(2|16))===2){it(r,false)}}}};var gt=(e,n,l)=>{var r,i;const s=e.prototype;if(n.l&64&&l&1){k.forEach((e=>{Object.defineProperty(s,e,{value(...t){const n=f(this);const l=n.t;if(!l){n.h.then((n=>{const l=n[e];typeof l==="function"&&l.call(n,...t)}))}else{const n=l[e];typeof n==="function"&&n.call(l,...t)}}})}))}if(n.q||(n.G||e.watchers)){if(e.watchers&&!n.G){n.G=e.watchers}const o=Object.entries((r=n.q)!=null?r:{});o.map((([e,[t]])=>{if(t&31||l&2&&t&32){if((t&2048)===0){Object.defineProperty(s,e,{get(){return bt(this,e)},set(t){yt(this,e,t,n)},configurable:true,enumerable:true})}else if(l&1&&t&2048){{Object.defineProperty(s,e,{get(){const t=f(this);const n=t?t.t:s;if(!n)return;return n[e]},configurable:true,enumerable:true})}if(t&4096){const t=Object.getOwnPropertyDescriptor(s,e).set;Object.defineProperty(s,e,{set(l){const r=f(this);if(t){const i=r.$hostElement$[e];if(!r.o.get(e)&&i){r.o.set(e,i)}t.apply(this,[Ke(l,n.q[e][0])]);yt(this,e,r.$hostElement$[e],n);return}if(!r)return;const i=()=>{const t=r.t[e];if(!r.o.get(e)&&t){r.o.set(e,t)}r.t[e]=Ke(l,n.q[e][0]);yt(this,e,r.t[e],n)};if(r.t){i()}else{r.h.then((()=>i()))}}})}}}else if(l&1&&t&64){Object.defineProperty(s,e,{value(...t){var n;const l=f(this);return(n=l==null?void 0:l.u)==null?void 0:n.then((()=>{var n;return(n=l.t)==null?void 0:n[e](...t)}))}})}}));if(l&1){const l=new Map;s.attributeChangedCallback=function(e,r,i){L.jmp((()=>{var o;const a=l.get(e);if(this.hasOwnProperty(a)&&t.lazyLoad){i=this[a];delete this[a]}else if(s.hasOwnProperty(a)&&typeof this[a]==="number"&&this[a]==i){return}else if(a==null){const t=f(this);const l=t==null?void 0:t.l;if(l&&!(l&8)&&l&128&&i!==r){const l=t.t;const s=(o=n.G)==null?void 0:o[e];s==null?void 0:s.forEach((t=>{if(l[t]!=null){l[t].call(l,i,r,e)}}))}return}const c=Object.getOwnPropertyDescriptor(s,a);if(!c.get||!!c.set){this[a]=i===null&&typeof this[a]==="boolean"?false:i}}))};e.observedAttributes=Array.from(new Set([...Object.keys((i=n.G)!=null?i:{}),...o.filter((([e,t])=>t[0]&15)).map((([e,t])=>{var r;const i=t[1]||e;l.set(i,e);if(t[0]&512){(r=n.M)==null?void 0:r.push([e,i])}return i}))]))}}return e};var wt=async(e,t,n,l)=>{let r;if((t.l&32)===0){t.l|=32;const l=n.$;if(l){const e=h(n);if(e&&"then"in e){const t=He();r=await e;t()}else{r=e}if(!r){throw new Error(`Constructor for "${n.m}#${t.K}" was not found`)}if(!r.isProxied){{n.G=r.watchers}gt(r,n,2);r.isProxied=true}const l=Be("createInstance",n.m);{t.l|=8}try{new r(t)}catch(e){v(e)}{t.l&=~8}{t.l|=128}l();St(t.t)}else{r=e.constructor;const n=e.localName;customElements.whenDefined(n).then((()=>t.l|=128))}if(r&&r.style){let e;if(typeof r.style==="string"){e=r.style}const t=lt(n);if(!p.has(t)){const l=Be("registerStyles",n.m);et(t,e,!!(n.l&1));l()}}}const i=t._;const s=()=>it(t,true);if(i&&i["s-rc"]){i["s-rc"].push(s)}else{s()}};var St=e=>{{mt(e,"connectedCallback")}};var Ot=e=>{if((L.l&1)===0){const t=f(e);const n=t.i;const l=Be("connectedCallback",n.m);if(!(t.l&1)){t.l|=1;let l;{l=e.getAttribute(w);if(l){_e(e,n.m,l,t)}}if(!l){if(n.l&(4|8)){jt(e)}}{let n=e;while(n=n.parentNode||n.host){if(n.nodeType===1&&n.hasAttribute("s-id")&&n["s-p"]||n["s-p"]){rt(t,t._=n);break}}}if(n.q){Object.entries(n.q).map((([t,[n]])=>{if(n&31&&e.hasOwnProperty(t)){const n=e[t];delete e[t];e[t]=n}}))}{wt(e,t,n)}}else{Et(e,t,n.X);if(t==null?void 0:t.t){St(t.t)}else if(t==null?void 0:t.h){t.h.then((()=>St(t.t)))}}l()}};var jt=e=>{const t=e["s-cr"]=E.createComment("");t["s-cn"]=true;Re(e,t,e.firstChild)};var Ct=e=>{{mt(e,"disconnectedCallback")}};var kt=async e=>{if((L.l&1)===0){const t=f(e);{if(t.J){t.J.map((e=>e()));t.J=void 0}}if(t==null?void 0:t.t){Ct(t.t)}else if(t==null?void 0:t.h){t.h.then((()=>Ct(t.t)))}}};var xt=(e,t={})=>{var n;const l=Be();const r=[];const i=t.exclude||[];const s=x.customElements;const o=E.head;const a=o.querySelector("meta[charset]");const u=E.createElement("style");const v=[];let d;let h=true;Object.assign(L,t);L.S=new URL(t.resourcesUrl||"./",E.baseURI).href;{L.l|=2}let p=false;e.map((e=>{e[1].map((t=>{var n;const l={l:t[0],m:t[1],q:t[2],X:t[3]};if(l.l&4){p=true}{l.q=t[2]}{l.X=t[3]}{l.M=[]}{l.G=(n=t[4])!=null?n:{}}const o=l.m;const a=class extends HTMLElement{constructor(e){super(e);this.hasRegisteredEventListeners=false;e=this;c(e,l)}connectedCallback(){const e=f(this);if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true;Et(this,e,l.X)}if(d){clearTimeout(d);d=null}if(h){v.push(this)}else{L.jmp((()=>Ot(this)))}}disconnectedCallback(){L.jmp((()=>kt(this)))}componentOnReady(){return f(this).h}};if(l.l&64){a.formAssociated=true}l.$=e[0];if(!i.includes(o)&&!s.get(o)){r.push(o);s.define(o,gt(a,l,1))}}))}));if(r.length>0){if(p){u.textContent+=C}{u.textContent+=r.sort()+j}if(u.innerHTML.length){u.setAttribute("data-styles","");const e=(n=L.B)!=null?n:z(E);if(e!=null){u.setAttribute("nonce",e)}o.insertBefore(u,a?a.nextSibling:o.firstChild)}}h=false;if(v.length){v.map((e=>e.connectedCallback()))}else{{L.jmp((()=>d=setTimeout(pt,30)))}}l()};var Et=(e,t,n,l)=>{if(n){n.map((([n,l,r])=>{const i=Lt(e,n);const s=Tt(t,r);const o=Rt(n);L.ael(i,l,s,o);(t.J=t.J||[]).push((()=>L.rel(i,l,s,o)))}))}};var Tt=(e,t)=>n=>{var l;try{{if(e.l&256){(l=e.t)==null?void 0:l[t](n)}else{(e.V=e.V||[]).push([t,n])}}}catch(e){v(e)}};var Lt=(e,t)=>{if(t&4)return E;return e};var Rt=e=>D?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0;var Dt=e=>L.B=e;export{T as H,re as a,xt as b,Je as c,vt as d,ht as f,Xe as g,ne as h,A as p,a as r,Dt as s};
+//# sourceMappingURL=p-6ef216c4.js.map