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

package/dist/native/{p-396b65bb.entry.js → p-38817aa3.entry.js}

@@ -1,2 +1,2 @@
-import{r as n,c as e,h as r,a as i,g as o}from"./p-b4aea326.js";import{c as t}from"./p-8a1a6e56.js";import{v as d}from"./p-f5ff676c.js";const a='nv-fieldnumber {\n  --nv-field-border-default: var(--components-form-field-border-default);\n  --nv-field-border-hover: var(--components-form-field-border-hover);\n  --nv-field-border-focus: var(--components-form-field-border-focus);\n  --nv-field-border-disabled: var(--components-form-field-border-default);\n  --nv-field-border-readonly: var(--components-form-field-border-default);\n  --nv-field-focus-box-shadow: var(--color-focus-brand);\n  --nv-field-background: var(--components-form-field-background-default);\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: var(--form-gap-y);\n  box-sizing: border-box;\n}\nnv-fieldnumber[readonly]:not([readonly=false]) {\n  --nv-field-border-default: var(--components-form-field-border-readonly);\n  --nv-field-border-hover: var(--nv-field-border-default);\n  --nv-field-border-focus: var(--components-form-field-border-focus);\n  --nv-field-border-disabled: var(--nv-field-border-default);\n  --nv-field-border-readonly: var(--nv-field-border-default);\n  --nv-field-background: var(--components-form-field-background-readonly);\n}\nnv-fieldnumber[error]:not([error=false]) {\n  --nv-field-border-default: var(--components-form-field-border-error);\n  --nv-field-border-hover: var(--nv-field-border-default);\n  --nv-field-border-focus: var(--nv-field-border-default);\n  --nv-field-border-disabled: var(--nv-field-border-default);\n  --nv-field-border-readonly: var(--nv-field-border-default);\n  --nv-field-focus-box-shadow: var(--color-focus-destructive);\n}\nnv-fieldnumber[success]:not([success=false]) {\n  --nv-field-border-default: var(--components-form-field-border-success);\n  --nv-field-border-hover: var(--nv-field-border-default);\n  --nv-field-border-focus: var(--nv-field-border-default);\n  --nv-field-border-disabled: var(--nv-field-border-default);\n  --nv-field-border-readonly: var(--nv-field-border-default);\n  --nv-field-focus-box-shadow: var(--color-focus-success);\n}\nnv-fieldnumber[required]:not([required=false]) label::after {\n  content: "*";\n  color: var(--components-form-text-required);\n  font-weight: 700;\n}\nnv-fieldnumber label {\n  display: flex;\n  align-items: center;\n  gap: var(--form-label-gap);\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: 500;\n  line-height: var(--form-label-line-height);\n}\nnv-fieldnumber .input-wrapper {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--form-gap-x);\n  align-items: stretch;\n  align-self: stretch;\n}\nnv-fieldnumber .input-wrapper .input-container {\n  display: flex;\n  flex-grow: 1;\n  padding: calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);\n  justify-content: center;\n  align-items: center;\n  gap: var(--form-field-gap);\n  align-self: stretch;\n  border-radius: var(--form-field-radius);\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--nv-field-border-default);\n  opacity: var(--components-form-opacity-default);\n  background: var(--nv-field-background);\n  transition: all 150ms ease-out;\n  container-type: inline-size;\n  container-name: field-number-input-container;\n  overflow: hidden;\n  position: relative;\n}\nnv-fieldnumber .input-wrapper .input-container:hover {\n  border-color: var(--nv-field-border-hover);\n}\nnv-fieldnumber .input-wrapper .input-container:focus-within {\n  border-color: var(--nv-field-border-focus);\n  box-shadow: 0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow);\n}\nnv-fieldnumber .input-wrapper .input-container:has(input:read-only) {\n  opacity: 0.5;\n  background-color: var(--components-form-field-background-readonly);\n  border-color: var(--nv-field-border-readonly);\n}\nnv-fieldnumber .input-wrapper .input-container:has(input:disabled) {\n  opacity: 0.5;\n  background-color: var(--components-form-field-background-disabled);\n  border-color: var(--nv-field-border-disabled);\n}\nnv-fieldnumber .input-wrapper .input-container input {\n  display: flex;\n  align-items: center;\n  flex: 1 0 0;\n  overflow: hidden;\n  background-color: transparent;\n  color: var(--components-form-field-content-text);\n  text-overflow: ellipsis;\n  font-size: var(--form-field-font-size);\n  font-style: normal;\n  font-weight: 500;\n  line-height: var(--form-field-line-height);\n  width: 100%;\n  appearance: textfield;\n}\nnv-fieldnumber .input-wrapper .input-container input:focus {\n  outline: none;\n}\nnv-fieldnumber .input-wrapper .input-container input::placeholder {\n  overflow: hidden;\n  color: var(--components-form-field-content-placeholder);\n  text-overflow: ellipsis;\n  font-family: "TT Norms Pro", sans-serif;\n  font-size: var(--form-field-font-size);\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--form-field-line-height);\n}\nnv-fieldnumber .input-wrapper .input-container input::-webkit-inner-spin-button, nv-fieldnumber .input-wrapper .input-container input::-webkit-outer-spin-button {\n  appearance: none;\n  margin: 0;\n}\nnv-fieldnumber .input-wrapper .input-container nv-icon.validation {\n  color: var(--nv-field-border-default);\n}\nnv-fieldnumber .input-wrapper .input-container .stepper {\n  position: absolute;\n  right: 0;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  border-left: var(--notification-border-width-low-emphasis) solid var(--components-form-field-border-readonly);\n}\nnv-fieldnumber .input-wrapper .input-container .stepper nv-icon {\n  color: var(--components-form-field-icon-default);\n  height: 100%;\n}\nnv-fieldnumber .input-wrapper .input-container .stepper nv-icon:first-child {\n  padding: var(--form-field-inner-button-padding-y) var(--form-field-inner-button-padding-x-int) var(--form-field-inner-button-padding-y) var(--form-field-inner-button-padding-x-ext);\n}\nnv-fieldnumber .input-wrapper .input-container .stepper nv-icon:last-child {\n  padding: var(--form-field-inner-button-padding-y) var(--form-field-inner-button-padding-x-ext) var(--form-field-inner-button-padding-y) var(--form-field-inner-button-padding-x-int);\n}\nnv-fieldnumber .input-wrapper .input-container .stepper nv-icon:hover {\n  background: var(--color-interaction-neutral-background-hover);\n}\nnv-fieldnumber .input-wrapper .input-container .stepper-spacer {\n  width: calc(2 * (var(--form-field-icon-size) + var(--form-field-inner-button-padding-x-ext) + var(--form-field-inner-button-padding-x-int)) + var(--form-field-padding-x) + var(--notification-border-width-low-emphasis));\n}\n@container field-number-input-container (width < 150px) {\n  nv-fieldnumber .input-wrapper .input-container .stepper-spacer {\n    display: none;\n  }\n  nv-fieldnumber .input-wrapper .input-container .stepper {\n    display: none;\n  }\n}\nnv-fieldnumber .description {\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  line-height: var(--form-description-line-height);\n}\nnv-fieldnumber .error-description {\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  line-height: var(--form-description-line-height);\n  color: var(--components-form-text-description-error);\n}';const f=a;const l=class{constructor(r){n(this,r);this.valueChanged=e(this,"valueChanged",7);this.handleInput=n=>{const e=n.target;this.value=Number(e.value)};this.handleInputContainerClick=()=>{this.inputElement.focus()};this.handlePlus=()=>{this.inputElement.stepUp();this.value=Number(this.inputElement.value)};this.handleMinus=()=>{this.inputElement.stepDown();this.value=Number(this.inputElement.value)};this.isMinValueReached=()=>this.min!==undefined&&this.value<=this.min;this.isMaxValueReached=()=>this.max!==undefined&&this.value>=this.max;this.message=undefined;this.validation=undefined;this.inputId=d();this.label=undefined;this.description=undefined;this.placeholder=undefined;this.name=undefined;this.disabled=false;this.readonly=false;this.required=false;this.error=false;this.errorDescription=undefined;this.success=false;this.max=undefined;this.min=undefined;this.step=1;this.value=undefined}componentWillRender(){if(this.message){this.description=this.message}if(this.validation){this.errorDescription=this.validation;this.error=true}}watchValueHandler(n){this.valueChanged.emit(n)}render(){return r(i,{key:"3a9223b9ec5b98988453bb2e4c3d321c753dbcd7"},(this.label||this.el.querySelector('[slot="label"]'))&&r("label",{key:"be1746ca557a151ff837a1477b37291297aebbb8",htmlFor:this.inputId},r("slot",{key:"982e9f0d6aeed6fe243e7f3ad44de0efba796df1",name:"label"},this.label)),r("div",{key:"931b96aeac31f348be4ee0650e9db607d1b67376",class:"input-wrapper"},r("slot",{key:"dfc3887c891cdf34591254294cd510a1850b22eb",name:"before-input"}),r("div",{key:"59724e6aa3c46b55f88ec02bfe4fefa271e988d1",class:"input-container",onClick:this.handleInputContainerClick},r("slot",{key:"db0ad5990287b5e5d731346ea9088d18aea437f9",name:"leading-input"}),r("input",{key:"c524743652559eb6d039a71c9507cfbb08e2a115",id:this.inputId,ref:n=>this.inputElement=n,placeholder:this.placeholder,name:this.name,type:"number",required:this.required,max:this.max,min:this.min,step:this.step,value:this.value,disabled:this.disabled,readOnly:this.readonly,onInput:this.handleInput}),this.error&&r("nv-icon",{key:"eeba7946b7576c8eb37954479864d0fe5616609e",name:"alert-circle",class:"validation",size:"md"}),this.success&&r("nv-icon",{key:"50ca73fb3cb891f2267da51bf4e2fe6c08e8384e",name:"circle-check",class:"validation",size:"md"}),r("div",{key:"399d9a01d07c98dbfd75cbe1f17720a3e2e7d892",class:"stepper-spacer"}),r("div",{key:"5d006aba51286bdbf6727e7970ffa6b7a1d089e6",class:"stepper"},r("nv-icon",{key:"bc7b73f787d0749fc617d689944eea3df06eb78d",name:"minus",size:"md",onClick:this.handleMinus,class:t({disabled:this.isMinValueReached()})}),r("nv-icon",{key:"5e4389fa084cb76c82f086d1937b6967c8292d53",name:"plus",size:"md",onClick:this.handlePlus,class:t({disabled:this.isMaxValueReached()})}))),r("slot",{key:"462809599f077fd76f8fac8bab40870885ec1369",name:"after-input"})),(this.description||this.el.querySelector('[slot="description"]'))&&r("div",{key:"0cfe8a2d53663147451a173fc524fd20af5391ba",class:"description"},r("slot",{key:"99ddab81b68af0835b80a2d7bd5745ccb698da12",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&r("div",{key:"c9199d6a3cf00ae2b63f93a11a15ff247fea2eda",hidden:!this.error,class:"error-description"},r("slot",{key:"0bb584f886a73deaa18dfbbc5e93b25c96f22b1a",name:"error-description"},this.errorDescription)))}static get formAssociated(){return true}get el(){return o(this)}static get watchers(){return{value:["watchValueHandler"]}}};l.style=f;export{l as nv_fieldnumber};
-//# sourceMappingURL=p-396b65bb.entry.js.map
+import{r as e,c as n,h as r,a as i,g as o}from"./p-b4aea326.js";import{c as t}from"./p-8a1a6e56.js";import{v as d}from"./p-f5ff676c.js";const a='nv-fieldnumber {\n  --nv-field-border-default: var(--components-form-field-border-default);\n  --nv-field-border-hover: var(--components-form-field-border-hover);\n  --nv-field-border-focus: var(--components-form-field-border-focus);\n  --nv-field-border-disabled: var(--components-form-field-border-default);\n  --nv-field-border-readonly: var(--components-form-field-border-default);\n  --nv-field-focus-box-shadow: var(--color-focus-brand);\n  --nv-field-background: var(--components-form-field-background-default);\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: var(--form-gap-y);\n  box-sizing: border-box;\n}\nnv-fieldnumber[readonly]:not([readonly=false]) {\n  --nv-field-border-default: var(--components-form-field-border-readonly);\n  --nv-field-border-hover: var(--nv-field-border-default);\n  --nv-field-border-focus: var(--components-form-field-border-focus);\n  --nv-field-border-disabled: var(--nv-field-border-default);\n  --nv-field-border-readonly: var(--nv-field-border-default);\n  --nv-field-background: var(--components-form-field-background-readonly);\n}\nnv-fieldnumber[error]:not([error=false]) {\n  --nv-field-border-default: var(--components-form-field-border-error);\n  --nv-field-border-hover: var(--nv-field-border-default);\n  --nv-field-border-focus: var(--nv-field-border-default);\n  --nv-field-border-disabled: var(--nv-field-border-default);\n  --nv-field-border-readonly: var(--nv-field-border-default);\n  --nv-field-focus-box-shadow: var(--color-focus-destructive);\n}\nnv-fieldnumber[success]:not([success=false]) {\n  --nv-field-border-default: var(--components-form-field-border-success);\n  --nv-field-border-hover: var(--nv-field-border-default);\n  --nv-field-border-focus: var(--nv-field-border-default);\n  --nv-field-border-disabled: var(--nv-field-border-default);\n  --nv-field-border-readonly: var(--nv-field-border-default);\n  --nv-field-focus-box-shadow: var(--color-focus-success);\n}\nnv-fieldnumber[required]:not([required=false]) label::after {\n  content: "*";\n  color: var(--components-form-text-required);\n  font-weight: 700;\n}\nnv-fieldnumber label {\n  display: flex;\n  align-items: center;\n  gap: var(--form-label-gap);\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: 500;\n  line-height: var(--form-label-line-height);\n}\nnv-fieldnumber .input-wrapper {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--form-gap-x);\n  align-items: stretch;\n  align-self: stretch;\n}\nnv-fieldnumber .input-wrapper .input-container {\n  display: flex;\n  flex-grow: 1;\n  padding: calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);\n  justify-content: center;\n  align-items: center;\n  gap: var(--form-field-gap);\n  align-self: stretch;\n  border-radius: var(--form-field-radius);\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--nv-field-border-default);\n  opacity: var(--components-form-opacity-default);\n  background: var(--nv-field-background);\n  transition: all 150ms ease-out;\n  container-type: inline-size;\n  container-name: field-number-input-container;\n  overflow: hidden;\n  position: relative;\n}\nnv-fieldnumber .input-wrapper .input-container:hover {\n  border-color: var(--nv-field-border-hover);\n}\nnv-fieldnumber .input-wrapper .input-container:focus-within {\n  border-color: var(--nv-field-border-focus);\n  box-shadow: 0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow);\n}\nnv-fieldnumber .input-wrapper .input-container:has(input:read-only) {\n  opacity: 0.5;\n  background-color: var(--components-form-field-background-readonly);\n  border-color: var(--nv-field-border-readonly);\n}\nnv-fieldnumber .input-wrapper .input-container:has(input:disabled) {\n  opacity: 0.5;\n  background-color: var(--components-form-field-background-disabled);\n  border-color: var(--nv-field-border-disabled);\n}\nnv-fieldnumber .input-wrapper .input-container input {\n  display: flex;\n  align-items: center;\n  flex: 1 0 0;\n  overflow: hidden;\n  background-color: transparent;\n  color: var(--components-form-field-content-text);\n  text-overflow: ellipsis;\n  font-size: var(--form-field-font-size);\n  font-style: normal;\n  font-weight: 500;\n  line-height: var(--form-field-line-height);\n  width: 100%;\n  appearance: textfield;\n}\nnv-fieldnumber .input-wrapper .input-container input:focus {\n  outline: none;\n}\nnv-fieldnumber .input-wrapper .input-container input::placeholder {\n  overflow: hidden;\n  color: var(--components-form-field-content-placeholder);\n  text-overflow: ellipsis;\n  font-family: "TT Norms Pro", sans-serif;\n  font-size: var(--form-field-font-size);\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--form-field-line-height);\n}\nnv-fieldnumber .input-wrapper .input-container input::-webkit-inner-spin-button, nv-fieldnumber .input-wrapper .input-container input::-webkit-outer-spin-button {\n  appearance: none;\n  margin: 0;\n}\nnv-fieldnumber .input-wrapper .input-container nv-icon.validation {\n  color: var(--nv-field-border-default);\n}\nnv-fieldnumber .input-wrapper .input-container .stepper {\n  position: absolute;\n  right: 0;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  border-left: var(--notification-border-width-low-emphasis) solid var(--components-form-field-border-readonly);\n}\nnv-fieldnumber .input-wrapper .input-container .stepper nv-icon {\n  color: var(--components-form-field-icon-default);\n  height: 100%;\n}\nnv-fieldnumber .input-wrapper .input-container .stepper nv-icon:first-child {\n  padding: var(--form-field-inner-button-padding-y) var(--form-field-inner-button-padding-x-int) var(--form-field-inner-button-padding-y) var(--form-field-inner-button-padding-x-ext);\n}\nnv-fieldnumber .input-wrapper .input-container .stepper nv-icon:last-child {\n  padding: var(--form-field-inner-button-padding-y) var(--form-field-inner-button-padding-x-ext) var(--form-field-inner-button-padding-y) var(--form-field-inner-button-padding-x-int);\n}\nnv-fieldnumber .input-wrapper .input-container .stepper nv-icon:hover {\n  background: var(--color-interaction-neutral-background-hover);\n}\nnv-fieldnumber .input-wrapper .input-container .stepper-spacer {\n  width: calc(2 * (var(--form-field-icon-size) + var(--form-field-inner-button-padding-x-ext) + var(--form-field-inner-button-padding-x-int)) + var(--form-field-padding-x) + var(--notification-border-width-low-emphasis));\n}\n@container field-number-input-container (width < 150px) {\n  nv-fieldnumber .input-wrapper .input-container .stepper-spacer {\n    display: none;\n  }\n  nv-fieldnumber .input-wrapper .input-container .stepper {\n    display: none;\n  }\n}\nnv-fieldnumber .description {\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  line-height: var(--form-description-line-height);\n}\nnv-fieldnumber .error-description {\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  line-height: var(--form-description-line-height);\n  color: var(--components-form-text-description-error);\n}';const l=a;const f=class{constructor(r){e(this,r);this.valueChanged=n(this,"valueChanged",7);this.handleInput=e=>{const n=e.target;this.value=Number(n.value)};this.handleInputContainerClick=()=>{this.inputElement.focus()};this.handlePlus=()=>{this.inputElement.stepUp();this.value=Number(this.inputElement.value)};this.handleMinus=()=>{this.inputElement.stepDown();this.value=Number(this.inputElement.value)};this.isMinValueReached=()=>this.min!==undefined&&this.value<=this.min;this.isMaxValueReached=()=>this.max!==undefined&&this.value>=this.max;this.message=undefined;this.validation=undefined;this.inputId=d();this.label=undefined;this.description=undefined;this.placeholder=undefined;this.name=undefined;this.disabled=false;this.readonly=false;this.required=false;this.error=false;this.errorDescription=undefined;this.success=false;this.max=undefined;this.min=undefined;this.step=1;this.value=undefined}componentWillRender(){if(this.message){this.description=this.message}if(this.validation){this.errorDescription=this.validation;this.error=true}}watchValueHandler(e){this.valueChanged.emit(e)}render(){return r(i,{key:"5d63f2dca1678d7ea971b52a40f55481eae421d6"},(this.label||this.el.querySelector('[slot="label"]'))&&r("label",{key:"145560063839b6fe34e3c8431003d5f5fb5eb65d",htmlFor:this.inputId},r("slot",{key:"d36ca2394cf3ce62c7d5f6177480a41979d7d1cb",name:"label"},this.label)),r("div",{key:"c53243b5f2019033a24b22120e1bd5209c415075",class:"input-wrapper"},r("slot",{key:"e32e0fdd6b0e27cbb719b3d962fb6417eb2f3e1b",name:"before-input"}),r("div",{key:"b9de75924bde8a2cd1108e34173d0f867f0bdcea",class:"input-container",onClick:this.handleInputContainerClick},r("slot",{key:"4d0bbdce8201370f1f62d06eabb5a2bd3b248c1f",name:"leading-input"}),r("input",{key:"0c85ade03f9ca7e6c3aca788b3a107d0807d7b70",id:this.inputId,ref:e=>this.inputElement=e,placeholder:this.placeholder,name:this.name,type:"number",required:this.required,max:this.max,min:this.min,step:this.step,value:this.value,disabled:this.disabled,readOnly:this.readonly,onInput:this.handleInput}),this.error&&r("nv-icon",{key:"5da0668775a6841bf01c662009ec7bf9048b1622",name:"alert-circle",class:"validation",size:"md"}),this.success&&r("nv-icon",{key:"be8e6e9e3c5428885aed216f49f1510b0fb29201",name:"circle-check",class:"validation",size:"md"}),r("div",{key:"84ddbc5eb7e35ea216e0c9650dcbcb865e3bd726",class:"stepper-spacer"}),r("div",{key:"9ba5a8087ef4fa46614d1c7492c80781af5c4a40",class:"stepper"},r("nv-icon",{key:"a3b5adffd9b7a5a266711f02ed2862e84f2a5839",name:"minus",size:"md",onClick:this.handleMinus,class:t({disabled:this.isMinValueReached()})}),r("nv-icon",{key:"1a37933cfeab32a057807173a3b411e23a3c93b0",name:"plus",size:"md",onClick:this.handlePlus,class:t({disabled:this.isMaxValueReached()})}))),r("slot",{key:"99c9105e0f46dfb5e56fa3949dd99264f61e7be5",name:"after-input"})),(this.description||this.el.querySelector('[slot="description"]'))&&r("div",{key:"3b9df6f1e03117123b376c637840e4219ee4e45d",class:"description"},r("slot",{key:"deb7681e9d6fe583e418f6d25248b667c4b2fcf0",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&r("div",{key:"6848cf6e73924df0552ed71078d19cc1423b6d72",hidden:!this.error,class:"error-description"},r("slot",{key:"cf5526311207e2fca942ba84a5480cae6917060d",name:"error-description"},this.errorDescription)))}static get formAssociated(){return true}get el(){return o(this)}static get watchers(){return{value:["watchValueHandler"]}}};f.style=l;export{f as nv_fieldnumber};
+//# sourceMappingURL=p-38817aa3.entry.js.map

package/dist/native/{p-396b65bb.entry.js.map → p-38817aa3.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["nvFieldnumberCss","NvFieldnumberStyle0","NvFieldnumber","this","handleInput","event","input","target","value","Number","handleInputContainerClick","inputElement","focus","handlePlus","stepUp","handleMinus","stepDown","isMinValueReached","min","undefined","isMaxValueReached","max","uuidv4","componentWillRender","message","description","validation","errorDescription","error","watchValueHandler","newValue","valueChanged","emit","render","h","Host","key","label","el","querySelector","htmlFor","inputId","name","class","onClick","id","ref","e","placeholder","type","required","step","disabled","readOnly","readonly","onInput","size","success","clsx","hidden"],"sources":["src/components/nv-fieldnumber/nv-fieldnumber.scss?tag=nv-fieldnumber","src/components/nv-fieldnumber/nv-fieldnumber.tsx"],"sourcesContent":["@import '../../styles/form-field';\n\nnv-fieldnumber {\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      container-type: inline-size;\n      container-name: field-number-input-container;\n      overflow: hidden;\n      position: relative;\n\n      input {\n        @include form-field-input();\n\n        width: 100%;\n        appearance: textfield;\n\n        &::-webkit-inner-spin-button,\n        &::-webkit-outer-spin-button {\n          appearance: none;\n          margin: 0;\n        }\n      }\n\n      nv-icon.validation {\n        @include form-field-icon();\n      }\n\n      .stepper {\n        position: absolute;\n        right: 0;\n        height: 100%;\n        display: flex;\n        align-items: center;\n        border-left: var(--notification-border-width-low-emphasis) solid var(--components-form-field-border-readonly);\n\n        nv-icon {\n          color: var(--components-form-field-icon-default);\n          height: 100%;\n\n          &:first-child {\n            padding: var(--form-field-inner-button-padding-y) var(--form-field-inner-button-padding-x-int) var(--form-field-inner-button-padding-y) var(--form-field-inner-button-padding-x-ext);\n          }\n\n          &:last-child {\n            padding: var(--form-field-inner-button-padding-y) var(--form-field-inner-button-padding-x-ext) var(--form-field-inner-button-padding-y) var(--form-field-inner-button-padding-x-int);\n          }\n\n          &:hover {\n            background: var(--color-interaction-neutral-background-hover);\n          }\n        }\n      }\n\n      .stepper-spacer {\n        //2 icons both with interior and exterior padding, the default padding from the input-container and the thickness of the separator\n        width: calc(2 * (var(--form-field-icon-size) + var(--form-field-inner-button-padding-x-ext) + var(--form-field-inner-button-padding-x-int)) + var(--form-field-padding-x) + var(--notification-border-width-low-emphasis));\n      }\n\n      // container query to remove .stepper and and the spacer when the container is less than 150px\n      // .. this needs to be an absolute value because container queries do not accept variables\n      // .. using relative width (cqw) compared to a parent container would not work\n      // .. because the parent container follows the child's width\n      @container field-number-input-container (width < 150px) {\n        .stepper-spacer {\n          display: none;\n        }\n\n        .stepper {\n          display: none;\n        }\n      }\n    }\n  }\n\n  .description {\n    @include form-field-description();\n  }\n\n  .error-description {\n    @include form-field-error-description();\n  }\n}","import {\n  Component,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Watch,\n} from '@stencil/core';\nimport clsx from 'clsx';\nimport { v4 as uuidv4 } from 'uuid';\n\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-fieldnumber',\n  styleUrl: 'nv-fieldnumber.scss',\n  shadow: false,\n  formAssociated: true,\n})\nexport class NvFieldnumber {\n  @Element() el: HTMLNvFieldnumberElement;\n  private inputElement!: HTMLInputElement;\n  /****************************************************************************/\n  //#region DEPRECATED\n\n  /**\n   * Message defines a 'hint ' message for the number field.\n   * @deprecated use description instead.\n   */\n  @Prop()\n  readonly message: string;\n\n  /**\n   * Add the message to the validation state.\n   * @deprecated use errorDescription and set the error prop instead.\n   */\n  @Prop()\n  readonly validation: string;\n\n  //#endregion DEPRECATED\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   * 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, mutable: true })\n  error: boolean = false;\n\n  /**\n   * Show a helpful message under the input field when there’s a problem. It\n   * explains what’s wrong and how users can fix it, making the error easier to\n   * understand and resolve.\n   * @validator message\n   */\n  @Prop({ reflect: true, mutable: true })\n  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   * The maximum value that the input field can accept. Use this in combination\n   * with min to create a range of valid values.\n   */\n  @Prop({ reflect: true })\n  readonly max: number;\n\n  /**\n   * The minimum value that the input field can accept. Use this in combination\n   * with max to create a range of valid values.\n   */\n  @Prop({ reflect: true })\n  readonly min: number;\n\n  /**\n   * Define the increment value for the input field. It determines how much the\n   * value will increase or decrease when the user clicks the stepper buttons.\n   */\n  @Prop({ reflect: true })\n  readonly step: number = 1;\n\n  /**\n   * The value of the input field. It’s the text that users type in or the value\n   * that you set programmatically. This is the main way to interact with the\n   * input field, and it’s essential for creating forms that users can fill out.\n   */\n  @Prop({ reflect: true, mutable: true })\n  value: number;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  componentWillRender() {\n    if (this.message) {\n      this.description = this.message;\n    }\n    if (this.validation) {\n      this.errorDescription = this.validation;\n      this.error = true;\n    }\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emitted when the input value changes.\n   * @bind value\n   */\n  @Event()\n  valueChanged: EventEmitter<number>;\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region WATCHERS\n\n  @Watch('value')\n  watchValueHandler(newValue: number) {\n    this.valueChanged.emit(newValue);\n  }\n\n  //#endregion WATCHERS\n  /****************************************************************************/\n  //#region METHODS\n\n  private handleInput = (event: Event) => {\n    const input = event.target as HTMLInputElement;\n    this.value = Number(input.value);\n  };\n\n  private handleInputContainerClick = () => {\n    this.inputElement.focus();\n  };\n\n  private handlePlus = () => {\n    this.inputElement.stepUp();\n    this.value = Number(this.inputElement.value);\n  };\n\n  private handleMinus = () => {\n    this.inputElement.stepDown();\n    this.value = Number(this.inputElement.value);\n  };\n\n  private isMinValueReached = (): boolean => {\n    return this.min !== undefined && this.value <= this.min;\n  };\n\n  private isMaxValueReached = (): boolean => {\n    return this.max !== undefined && this.value >= this.max;\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            <input\n              id={this.inputId}\n              ref={e => (this.inputElement = e)}\n              placeholder={this.placeholder}\n              name={this.name}\n              type=\"number\"\n              required={this.required}\n              max={this.max}\n              min={this.min}\n              step={this.step}\n              value={this.value}\n              disabled={this.disabled}\n              readOnly={this.readonly}\n              onInput={this.handleInput}\n            />\n            {this.error && (\n              <nv-icon name=\"alert-circle\" class=\"validation\" size=\"md\" />\n            )}\n            {this.success && (\n              <nv-icon name=\"circle-check\" class=\"validation\" size=\"md\" />\n            )}\n            <div class=\"stepper-spacer\"></div>\n            <div class=\"stepper\">\n              <nv-icon\n                name=\"minus\"\n                size=\"md\"\n                onClick={this.handleMinus}\n                class={clsx({ disabled: this.isMinValueReached() })}\n              />\n              <nv-icon\n                name=\"plus\"\n                size=\"md\"\n                onClick={this.handlePlus}\n                class={clsx({ disabled: this.isMaxValueReached() })}\n              />\n            </div>\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"],"mappings":"wIAAA,MAAMA,EAAmB,gzOACzB,MAAAC,EAAeD,E,MC2BFE,EAAa,M,oEAqLhBC,KAAAC,YAAeC,IACrB,MAAMC,EAAQD,EAAME,OACpBJ,KAAKK,MAAQC,OAAOH,EAAME,MAAM,EAG1BL,KAAAO,0BAA4B,KAClCP,KAAKQ,aAAaC,OAAO,EAGnBT,KAAAU,WAAa,KACnBV,KAAKQ,aAAaG,SAClBX,KAAKK,MAAQC,OAAON,KAAKQ,aAAaH,MAAM,EAGtCL,KAAAY,YAAc,KACpBZ,KAAKQ,aAAaK,WAClBb,KAAKK,MAAQC,OAAON,KAAKQ,aAAaH,MAAM,EAGtCL,KAAAc,kBAAoB,IACnBd,KAAKe,MAAQC,WAAahB,KAAKK,OAASL,KAAKe,IAG9Cf,KAAAiB,kBAAoB,IACnBjB,KAAKkB,MAAQF,WAAahB,KAAKK,OAASL,KAAKkB,I,8DA9K3BC,I,6GA0CE,M,cAQA,M,cAOA,M,WAQZ,M,6CAgBW,M,gDAqBJ,E,qBAcxB,mBAAAC,GACE,GAAIpB,KAAKqB,QAAS,CAChBrB,KAAKsB,YAActB,KAAKqB,O,CAE1B,GAAIrB,KAAKuB,WAAY,CACnBvB,KAAKwB,iBAAmBxB,KAAKuB,WAC7BvB,KAAKyB,MAAQ,I,EAoBjB,iBAAAC,CAAkBC,GAChB3B,KAAK4B,aAAaC,KAAKF,E,CAsCzB,MAAAG,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,6CACDjC,KAAKkC,OAASlC,KAAKmC,GAAGC,cAAc,oBACpCL,EAAA,SAAAE,IAAA,2CAAOI,QAASrC,KAAKsC,SACnBP,EAAA,QAAAE,IAAA,2CAAMM,KAAK,SAASvC,KAAKkC,QAI7BH,EAAA,OAAAE,IAAA,2CAAKO,MAAM,iBACTT,EAAA,QAAAE,IAAA,2CAAMM,KAAK,iBAEXR,EAAA,OAAAE,IAAA,2CAAKO,MAAM,kBAAkBC,QAASzC,KAAKO,2BACzCwB,EAAA,QAAAE,IAAA,2CAAMM,KAAK,kBACXR,EAAA,SAAAE,IAAA,2CACES,GAAI1C,KAAKsC,QACTK,IAAKC,GAAM5C,KAAKQ,aAAeoC,EAC/BC,YAAa7C,KAAK6C,YAClBN,KAAMvC,KAAKuC,KACXO,KAAK,SACLC,SAAU/C,KAAK+C,SACf7B,IAAKlB,KAAKkB,IACVH,IAAKf,KAAKe,IACViC,KAAMhD,KAAKgD,KACX3C,MAAOL,KAAKK,MACZ4C,SAAUjD,KAAKiD,SACfC,SAAUlD,KAAKmD,SACfC,QAASpD,KAAKC,cAEfD,KAAKyB,OACJM,EAAA,WAAAE,IAAA,2CAASM,KAAK,eAAeC,MAAM,aAAaa,KAAK,OAEtDrD,KAAKsD,SACJvB,EAAA,WAAAE,IAAA,2CAASM,KAAK,eAAeC,MAAM,aAAaa,KAAK,OAEvDtB,EAAA,OAAAE,IAAA,2CAAKO,MAAM,mBACXT,EAAA,OAAAE,IAAA,2CAAKO,MAAM,WACTT,EAAA,WAAAE,IAAA,2CACEM,KAAK,QACLc,KAAK,KACLZ,QAASzC,KAAKY,YACd4B,MAAOe,EAAK,CAAEN,SAAUjD,KAAKc,wBAE/BiB,EAAA,WAAAE,IAAA,2CACEM,KAAK,OACLc,KAAK,KACLZ,QAASzC,KAAKU,WACd8B,MAAOe,EAAK,CAAEN,SAAUjD,KAAKiB,0BAKnCc,EAAA,QAAAE,IAAA,2CAAMM,KAAK,kBAGXvC,KAAKsB,aACLtB,KAAKmC,GAAGC,cAAc,0BACtBL,EAAA,OAAAE,IAAA,2CAAKO,MAAM,eACTT,EAAA,QAAAE,IAAA,2CAAMM,KAAK,eAAevC,KAAKsB,eAIjCtB,KAAKwB,kBACLxB,KAAKmC,GAAGC,cAAc,gCACtBL,EAAA,OAAAE,IAAA,2CAAKuB,QAASxD,KAAKyB,MAAOe,MAAM,qBAC9BT,EAAA,QAAAE,IAAA,2CAAMM,KAAK,qBAAqBvC,KAAKwB,mB","ignoreList":[]}
+{"version":3,"names":["nvFieldnumberCss","NvFieldnumberStyle0","NvFieldnumber","this","handleInput","event","input","target","value","Number","handleInputContainerClick","inputElement","focus","handlePlus","stepUp","handleMinus","stepDown","isMinValueReached","min","undefined","isMaxValueReached","max","uuidv4","componentWillRender","message","description","validation","errorDescription","error","watchValueHandler","newValue","valueChanged","emit","render","h","Host","key","label","el","querySelector","htmlFor","inputId","name","class","onClick","id","ref","e","placeholder","type","required","step","disabled","readOnly","readonly","onInput","size","success","clsx","hidden"],"sources":["src/components/nv-fieldnumber/nv-fieldnumber.scss?tag=nv-fieldnumber","src/components/nv-fieldnumber/nv-fieldnumber.tsx"],"sourcesContent":["@import '../../styles/form-field';\n\nnv-fieldnumber {\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      container-type: inline-size;\n      container-name: field-number-input-container;\n      overflow: hidden;\n      position: relative;\n\n      input {\n        @include form-field-input();\n\n        width: 100%;\n        appearance: textfield;\n\n        &::-webkit-inner-spin-button,\n        &::-webkit-outer-spin-button {\n          appearance: none;\n          margin: 0;\n        }\n      }\n\n      nv-icon.validation {\n        @include form-field-icon();\n      }\n\n      .stepper {\n        position: absolute;\n        right: 0;\n        height: 100%;\n        display: flex;\n        align-items: center;\n        border-left: var(--notification-border-width-low-emphasis) solid var(--components-form-field-border-readonly);\n\n        nv-icon {\n          color: var(--components-form-field-icon-default);\n          height: 100%;\n\n          &:first-child {\n            padding: var(--form-field-inner-button-padding-y) var(--form-field-inner-button-padding-x-int) var(--form-field-inner-button-padding-y) var(--form-field-inner-button-padding-x-ext);\n          }\n\n          &:last-child {\n            padding: var(--form-field-inner-button-padding-y) var(--form-field-inner-button-padding-x-ext) var(--form-field-inner-button-padding-y) var(--form-field-inner-button-padding-x-int);\n          }\n\n          &:hover {\n            background: var(--color-interaction-neutral-background-hover);\n          }\n        }\n      }\n\n      .stepper-spacer {\n        //2 icons both with interior and exterior padding, the default padding from the input-container and the thickness of the separator\n        width: calc(2 * (var(--form-field-icon-size) + var(--form-field-inner-button-padding-x-ext) + var(--form-field-inner-button-padding-x-int)) + var(--form-field-padding-x) + var(--notification-border-width-low-emphasis));\n      }\n\n      // container query to remove .stepper and and the spacer when the container is less than 150px\n      // .. this needs to be an absolute value because container queries do not accept variables\n      // .. using relative width (cqw) compared to a parent container would not work\n      // .. because the parent container follows the child's width\n      @container field-number-input-container (width < 150px) {\n        .stepper-spacer {\n          display: none;\n        }\n\n        .stepper {\n          display: none;\n        }\n      }\n    }\n  }\n\n  .description {\n    @include form-field-description();\n  }\n\n  .error-description {\n    @include form-field-error-description();\n  }\n}","import {\n  Component,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Watch,\n} from '@stencil/core';\nimport clsx from 'clsx';\nimport { v4 as uuidv4 } from 'uuid';\n\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-fieldnumber',\n  styleUrl: 'nv-fieldnumber.scss',\n  shadow: false,\n  formAssociated: true,\n})\nexport class NvFieldnumber {\n  @Element() el: HTMLNvFieldnumberElement;\n  private inputElement!: HTMLInputElement;\n  /****************************************************************************/\n  //#region DEPRECATED\n\n  /**\n   * Message defines a 'hint ' message for the number field.\n   * @deprecated use description instead.\n   */\n  @Prop()\n  readonly message: string;\n\n  /**\n   * Add the message to the validation state.\n   * @deprecated use errorDescription and set the error prop instead.\n   */\n  @Prop()\n  readonly validation: string;\n\n  //#endregion DEPRECATED\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   * 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, mutable: true })\n  error: boolean = false;\n\n  /**\n   * Show a helpful message under the input field when there’s a problem. It\n   * explains what’s wrong and how users can fix it, making the error easier to\n   * understand and resolve.\n   * @validator message\n   */\n  @Prop({ reflect: true, mutable: true })\n  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   * The maximum value that the input field can accept. Use this in combination\n   * with min to create a range of valid values.\n   */\n  @Prop({ reflect: true })\n  readonly max: number;\n\n  /**\n   * The minimum value that the input field can accept. Use this in combination\n   * with max to create a range of valid values.\n   */\n  @Prop({ reflect: true })\n  readonly min: number;\n\n  /**\n   * Define the increment value for the input field. It determines how much the\n   * value will increase or decrease when the user clicks the stepper buttons.\n   */\n  @Prop({ reflect: true })\n  readonly step: number = 1;\n\n  /**\n   * The value of the input field. It’s the text that users type in or the value\n   * that you set programmatically. This is the main way to interact with the\n   * input field, and it’s essential for creating forms that users can fill out.\n   */\n  @Prop({ reflect: true, mutable: true })\n  value: number;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  componentWillRender() {\n    if (this.message) {\n      this.description = this.message;\n    }\n    if (this.validation) {\n      this.errorDescription = this.validation;\n      this.error = true;\n    }\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emitted when the input value changes.\n   * @bind value\n   */\n  @Event()\n  valueChanged: EventEmitter<number>;\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region WATCHERS\n\n  @Watch('value')\n  watchValueHandler(newValue: number) {\n    this.valueChanged.emit(newValue);\n  }\n\n  //#endregion WATCHERS\n  /****************************************************************************/\n  //#region METHODS\n\n  private handleInput = (event: Event) => {\n    const input = event.target as HTMLInputElement;\n    this.value = Number(input.value);\n  };\n\n  private handleInputContainerClick = () => {\n    this.inputElement.focus();\n  };\n\n  private handlePlus = () => {\n    this.inputElement.stepUp();\n    this.value = Number(this.inputElement.value);\n  };\n\n  private handleMinus = () => {\n    this.inputElement.stepDown();\n    this.value = Number(this.inputElement.value);\n  };\n\n  private isMinValueReached = (): boolean => {\n    return this.min !== undefined && this.value <= this.min;\n  };\n\n  private isMaxValueReached = (): boolean => {\n    return this.max !== undefined && this.value >= this.max;\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            <input\n              id={this.inputId}\n              ref={e => (this.inputElement = e)}\n              placeholder={this.placeholder}\n              name={this.name}\n              type=\"number\"\n              required={this.required}\n              max={this.max}\n              min={this.min}\n              step={this.step}\n              value={this.value}\n              disabled={this.disabled}\n              readOnly={this.readonly}\n              onInput={this.handleInput}\n            />\n            {this.error && (\n              <nv-icon name=\"alert-circle\" class=\"validation\" size=\"md\" />\n            )}\n            {this.success && (\n              <nv-icon name=\"circle-check\" class=\"validation\" size=\"md\" />\n            )}\n            <div class=\"stepper-spacer\"></div>\n            <div class=\"stepper\">\n              <nv-icon\n                name=\"minus\"\n                size=\"md\"\n                onClick={this.handleMinus}\n                class={clsx({ disabled: this.isMinValueReached() })}\n              />\n              <nv-icon\n                name=\"plus\"\n                size=\"md\"\n                onClick={this.handlePlus}\n                class={clsx({ disabled: this.isMaxValueReached() })}\n              />\n            </div>\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":"wIAAA,MAAMA,EAAmB,gzOACzB,MAAAC,EAAeD,E,MC2BFE,EAAa,M,oEAqLhBC,KAAAC,YAAeC,IACrB,MAAMC,EAAQD,EAAME,OACpBJ,KAAKK,MAAQC,OAAOH,EAAME,MAAM,EAG1BL,KAAAO,0BAA4B,KAClCP,KAAKQ,aAAaC,OAAO,EAGnBT,KAAAU,WAAa,KACnBV,KAAKQ,aAAaG,SAClBX,KAAKK,MAAQC,OAAON,KAAKQ,aAAaH,MAAM,EAGtCL,KAAAY,YAAc,KACpBZ,KAAKQ,aAAaK,WAClBb,KAAKK,MAAQC,OAAON,KAAKQ,aAAaH,MAAM,EAGtCL,KAAAc,kBAAoB,IACnBd,KAAKe,MAAQC,WAAahB,KAAKK,OAASL,KAAKe,IAG9Cf,KAAAiB,kBAAoB,IACnBjB,KAAKkB,MAAQF,WAAahB,KAAKK,OAASL,KAAKkB,I,8DA9K3BC,I,6GA0CE,M,cAQA,M,cAOA,M,WAQZ,M,6CAgBW,M,gDAqBJ,E,qBAcxB,mBAAAC,GACE,GAAIpB,KAAKqB,QAAS,CAChBrB,KAAKsB,YAActB,KAAKqB,O,CAE1B,GAAIrB,KAAKuB,WAAY,CACnBvB,KAAKwB,iBAAmBxB,KAAKuB,WAC7BvB,KAAKyB,MAAQ,I,EAoBjB,iBAAAC,CAAkBC,GAChB3B,KAAK4B,aAAaC,KAAKF,E,CAsCzB,MAAAG,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,6CACDjC,KAAKkC,OAASlC,KAAKmC,GAAGC,cAAc,oBACpCL,EAAA,SAAAE,IAAA,2CAAOI,QAASrC,KAAKsC,SACnBP,EAAA,QAAAE,IAAA,2CAAMM,KAAK,SAASvC,KAAKkC,QAI7BH,EAAA,OAAAE,IAAA,2CAAKO,MAAM,iBACTT,EAAA,QAAAE,IAAA,2CAAMM,KAAK,iBAEXR,EAAA,OAAAE,IAAA,2CAAKO,MAAM,kBAAkBC,QAASzC,KAAKO,2BACzCwB,EAAA,QAAAE,IAAA,2CAAMM,KAAK,kBACXR,EAAA,SAAAE,IAAA,2CACES,GAAI1C,KAAKsC,QACTK,IAAKC,GAAM5C,KAAKQ,aAAeoC,EAC/BC,YAAa7C,KAAK6C,YAClBN,KAAMvC,KAAKuC,KACXO,KAAK,SACLC,SAAU/C,KAAK+C,SACf7B,IAAKlB,KAAKkB,IACVH,IAAKf,KAAKe,IACViC,KAAMhD,KAAKgD,KACX3C,MAAOL,KAAKK,MACZ4C,SAAUjD,KAAKiD,SACfC,SAAUlD,KAAKmD,SACfC,QAASpD,KAAKC,cAEfD,KAAKyB,OACJM,EAAA,WAAAE,IAAA,2CAASM,KAAK,eAAeC,MAAM,aAAaa,KAAK,OAEtDrD,KAAKsD,SACJvB,EAAA,WAAAE,IAAA,2CAASM,KAAK,eAAeC,MAAM,aAAaa,KAAK,OAEvDtB,EAAA,OAAAE,IAAA,2CAAKO,MAAM,mBACXT,EAAA,OAAAE,IAAA,2CAAKO,MAAM,WACTT,EAAA,WAAAE,IAAA,2CACEM,KAAK,QACLc,KAAK,KACLZ,QAASzC,KAAKY,YACd4B,MAAOe,EAAK,CAAEN,SAAUjD,KAAKc,wBAE/BiB,EAAA,WAAAE,IAAA,2CACEM,KAAK,OACLc,KAAK,KACLZ,QAASzC,KAAKU,WACd8B,MAAOe,EAAK,CAAEN,SAAUjD,KAAKiB,0BAKnCc,EAAA,QAAAE,IAAA,2CAAMM,KAAK,kBAGXvC,KAAKsB,aACLtB,KAAKmC,GAAGC,cAAc,0BACtBL,EAAA,OAAAE,IAAA,2CAAKO,MAAM,eACTT,EAAA,QAAAE,IAAA,2CAAMM,KAAK,eAAevC,KAAKsB,eAIjCtB,KAAKwB,kBACLxB,KAAKmC,GAAGC,cAAc,gCACtBL,EAAA,OAAAE,IAAA,2CAAKuB,QAASxD,KAAKyB,MAAOe,MAAM,qBAC9BT,EAAA,QAAAE,IAAA,2CAAMM,KAAK,qBAAqBvC,KAAKwB,mB","ignoreList":[]}

package/dist/native/{p-bb243eaf.entry.js → p-39dbb15b.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as n,a as o,g as i}from"./p-b4aea326.js";const s="nv-fielddropdownitem{display:flex;align-items:center;justify-content:space-between;max-width:300px;width:100%;padding:var(--menu-contextual-item-padding-y) var(--menu-contextual-item-padding-x);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);transition:background-color 150ms ease-out, color 150ms ease-out;cursor:pointer}nv-fielddropdownitem:hover,nv-fielddropdownitem:focus,nv-fielddropdownitem:focus-within{background-color:var(--components-menu-contextual-item-background-hover);color:var(--components-menu-contextual-item-content-hover)}nv-fielddropdownitem.selected{background-color:var(--components-menu-contextual-item-background-selected);color:var(--components-menu-contextual-item-content-selected)}nv-fielddropdownitem[disabled]:not([disabled=false]){cursor:not-allowed;background-color:unset;color:var(--components-menu-contextual-item-content-disabled)}nv-fielddropdownitem [data-scope=text]{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}nv-fielddropdownitem .selection-icon{padding-left:10px;color:var(--components-menu-contextual-item-icon-selected);align-self:center}:root{--components-menu-contextual-item-background-selected:#f5f6f7;--components-menu-contextual-item-content-selected:#171f22;--components-menu-contextual-item-icon-selected:#007f00;--components-menu-contextual-item-background-hover:#f5f6f7;--components-menu-contextual-item-content-hover:#171f22}";const c=s;const a=class{constructor(n){e(this,n);this.itemSelected=t(this,"itemSelected",7);this.handleClick=()=>{if(!this.disabled){let e=this.value||"";if(!e){e=Array.from(this.el.childNodes).map((e=>{var t;return(t=e.textContent)===null||t===void 0?void 0:t.trim()})).filter((e=>e&&e.length>0)).join(" ")||""}this.selected=!this.selected;this.itemSelected.emit({label:this.label,value:e,selected:this.selected,disabled:this.disabled})}};this.disabled=false;this.selected=false;this.value=undefined;this.label=undefined}isNullOrEmptyOrWhitespace(e){return!e||e.trim().length===0}render(){const e=this.isNullOrEmptyOrWhitespace(this.label);return n(o,{key:"7883f469059e808bca1d6fa7f4a0bbef75681d81",role:"menuitem",tabindex:this.disabled?"-1":"0",onClick:this.handleClick,class:{selected:this.selected}},e?n("slot",null):n("div",{class:"flex gap-2"},n("span",{"data-scope":"text"},this.label),this.selected&&n("nv-icon",{name:"check","aria-hidden":"true",class:"selection-icon"})))}get el(){return i(this)}};a.style=c;export{a as nv_fielddropdownitem};
-//# sourceMappingURL=p-bb243eaf.entry.js.map
+import{r as e,c as t,h as n,a as o,g as i}from"./p-b4aea326.js";const s="nv-fielddropdownitem{display:flex;align-items:center;justify-content:space-between;max-width:300px;width:100%;padding:var(--menu-contextual-item-padding-y) var(--menu-contextual-item-padding-x);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);transition:background-color 150ms ease-out, color 150ms ease-out;cursor:pointer}nv-fielddropdownitem:hover,nv-fielddropdownitem:focus,nv-fielddropdownitem:focus-within{background-color:var(--components-menu-contextual-item-background-hover);color:var(--components-menu-contextual-item-content-hover)}nv-fielddropdownitem.selected{background-color:var(--components-menu-contextual-item-background-selected);color:var(--components-menu-contextual-item-content-selected)}nv-fielddropdownitem[disabled]:not([disabled=false]){cursor:not-allowed;background-color:unset;color:var(--components-menu-contextual-item-content-disabled)}nv-fielddropdownitem [data-scope=text]{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}nv-fielddropdownitem .selection-icon{padding-left:10px;color:var(--components-menu-contextual-item-icon-selected);align-self:center}:root{--components-menu-contextual-item-background-selected:#f5f6f7;--components-menu-contextual-item-content-selected:#171f22;--components-menu-contextual-item-icon-selected:#007f00;--components-menu-contextual-item-background-hover:#f5f6f7;--components-menu-contextual-item-content-hover:#171f22}";const c=s;const a=class{constructor(n){e(this,n);this.itemSelected=t(this,"itemSelected",7);this.handleClick=()=>{if(!this.disabled){let e=this.value||"";if(!e){e=Array.from(this.el.childNodes).map((e=>{var t;return(t=e.textContent)===null||t===void 0?void 0:t.trim()})).filter((e=>e&&e.length>0)).join(" ")||""}this.selected=!this.selected;this.itemSelected.emit({label:this.label,value:e,selected:this.selected,disabled:this.disabled})}};this.disabled=false;this.selected=false;this.value=undefined;this.label=undefined}isNullOrEmptyOrWhitespace(e){return!e||e.trim().length===0}render(){const e=this.isNullOrEmptyOrWhitespace(this.label);return n(o,{key:"0b0070ad824841f49bf5c24423131c46c41ef4ef",role:"menuitem",tabindex:this.disabled?"-1":"0",onClick:this.handleClick,class:{selected:this.selected}},e?n("slot",null):n("div",{class:"flex gap-2"},n("span",{"data-scope":"text"},this.label),this.selected&&n("nv-icon",{name:"check","aria-hidden":"true",class:"selection-icon"})))}get el(){return i(this)}};a.style=c;export{a as nv_fielddropdownitem};
+//# sourceMappingURL=p-39dbb15b.entry.js.map

package/dist/native/p-4b926563.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as a,a as s}from"./p-b4aea326.js";const t="";const c=t;const d=class{constructor(a){e(this,a);this.colspan=1;this.rowspan=1;this.headers=undefined}render(){return a(s,{key:"2b8dd0b288e8771055c061f42bae406e35618394"},a("td",{key:"4c77b5ddb3e992816a9f74097b184cf0a4299a1d",colSpan:this.colspan,rowSpan:this.rowspan,headers:this.headers},a("slot",{key:"9698292b649e85f9d1a6578ae6b6166c33594eab"})))}};d.style=c;export{d as nv_tabledatacell};
+//# sourceMappingURL=p-4b926563.entry.js.map

package/dist/native/p-4b926563.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["nvTabledatacellCss","NvTabledatacellStyle0","NvTabledatacell","render","h","Host","key","colSpan","this","colspan","rowSpan","rowspan","headers"],"sources":["src/components/nv-tabledatacell/nv-tabledatacell.scss?tag=nv-tabledatacell","src/components/nv-tabledatacell/nv-tabledatacell.tsx"],"sourcesContent":["// No need for the moment\n","import { Component, Host, Prop, h } from '@stencil/core';\n\n/**\n * @slot default - Use this slot to insert HTML into the table data cell.\n */\n@Component({\n  tag: 'nv-tabledatacell',\n  styleUrl: 'nv-tabledatacell.scss',\n  shadow: false,\n})\nexport class NvTabledatacell {\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Contains a non-negative integer value that indicates how many columns the data\n   * cell spans or extends. The default value is 1. User agents dismiss values higher\n   * than 1000 as incorrect, setting to the default value (1).\n   * @default 1\n   */\n  @Prop()\n  readonly colspan: number = 1;\n\n  /**\n   * Contains a non-negative integer value that indicates for how many rows the data\n   * cell spans or extends. The default value is 1; if its value is set to 0, it\n   * extends until the end of the table grouping section (`<thead>`, `<tbody>`,\n   * `<tfoot>`, even if implicitly defined), that the cell belongs to. Values higher\n   * than 65534 are clipped to 65534.\n   * @default 1\n   */\n  @Prop()\n  readonly rowspan: number = 1;\n\n  /**\n   * Contains a list of space-separated strings, each corresponding to the id\n   * attribute of the `<th>` elements that provide headings for this table cell.\n   * @example 'col1 col2'\n   */\n  @Prop()\n  readonly headers: string;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host>\n        <td\n          colSpan={this.colspan}\n          rowSpan={this.rowspan}\n          headers={this.headers}\n        >\n          <slot></slot>\n        </td>\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n}\n"],"mappings":"kDAAA,MAAMA,EAAqB,GAC3B,MAAAC,EAAeD,E,MCSFE,EAAe,M,sCAWC,E,aAWA,E,uBAc3B,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,MAAAE,IAAA,2CACEC,QAASC,KAAKC,QACdC,QAASF,KAAKG,QACdC,QAASJ,KAAKI,SAEdR,EAAA,QAAAE,IAAA,8C","ignoreList":[]}

package/dist/native/{p-d5c24d8f.entry.js → p-4e351d8e.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as i,h as o,a as t,g as r}from"./p-b4aea326.js";import{v as n}from"./p-f5ff676c.js";const d='nv-fielddropdown{--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-fielddropdown[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-fielddropdown[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-fielddropdown[required]:not([required=false]) label::after{content:"*";color:var(--components-form-text-required);font-weight:700}nv-fielddropdown 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-fielddropdown nv-popover{width:100%;display:block}nv-fielddropdown .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;width:100%}nv-fielddropdown .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;display:flex;align-items:center;position:relative;width:100%;min-height:40px}nv-fielddropdown .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fielddropdown .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-fielddropdown .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-fielddropdown .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fielddropdown .input-container input,nv-fielddropdown .input-container p.non-filterable-text{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);width:100%;padding-right:2rem;flex-grow:1;margin:0;min-height:100%;box-sizing:border-box}nv-fielddropdown .input-container input:focus,nv-fielddropdown .input-container p.non-filterable-text:focus{outline:none}nv-fielddropdown .input-container input::placeholder,nv-fielddropdown .input-container p.non-filterable-text::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-fielddropdown .input-container .toggle-dropdown-icon{position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:2}nv-fielddropdown .input-container nv-icon.validation{color:var(--nv-field-border-default);position:absolute;right:50px}nv-fielddropdown .input-container.focus-within,nv-fielddropdown .input-container:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fielddropdown .non-filterable-text{display:block;border-radius:var(--form-field-radius);background-color:var(--nv-field-background);color:var(--components-form-field-content-text);font-size:var(--form-field-font-size);font-weight:500;line-height:var(--form-field-line-height);box-sizing:border-box;cursor:pointer;height:100%;min-height:40px}nv-fielddropdown .non-filterable-text span{display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis}nv-fielddropdown .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-fielddropdown .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-fielddropdown hr{border:none;border-top:1px solid var(--dropdown-divider-color, #ccc);margin:0.5rem 0}.input-container.focus-within,.input-container:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}';const s=d;const l=class{constructor(o){e(this,o);this.dropdownItemSelected=i(this,"dropdownItemSelected",7);this.valueChanged=i(this,"valueChanged",7);this.handleInputContainerClick=e=>{if(this.disabled||this.readonly){return}const i=e.target;if(i.tagName==="P"||i.tagName==="SPAN"){this.open=true;this.popoverElement.show();const e=this.el.querySelector(".input-container");if(e){e.classList.add("focus-within");const i=()=>{e.classList.remove("focus-within")};this.popoverElement.addEventListener("hide",i)}}};this.handleInput=e=>{if(!this.filterable)return;if(this.disabled||this.readonly){return}const i=e.target;this.filterText=i.value.toLowerCase();this.value=i.value;this.valueChanged.emit(i.value);this.filterItems()};this.handleInputFocus=()=>{if(this.disabled||this.readonly){return}this.open=true};this.handleInputBlur=()=>{setTimeout((()=>{if(!this.el.contains(document.activeElement)){this.open=false;this.popoverElement.hide()}}),150)};this.togglePopover=()=>{if(this.disabled||this.readonly){return}this.open=!this.open;if(this.open){this.popoverElement.show();if(!this.filterable){this.focusFirstItem()}}else{this.popoverElement.hide()}};this.inputId=n();this.label=undefined;this.description=undefined;this.placeholder=undefined;this.name=undefined;this.open=false;this.autocomplete="off";this.value=undefined;this.required=false;this.error=false;this.errorDescription=undefined;this.readonly=false;this.disabled=false;this.emptyresult="No results found";this.filterText="";this.filterable=false;this.isFilterable=this.filterable;this.selectedValues=new Set}handleItemSelected(e){if(this.disabled||this.readonly)return;const i=Array.from(this.el.querySelectorAll("nv-fielddropdownitem"));i.forEach((i=>{if(i!==e.target){i.removeAttribute("selected");i.classList.remove("selected")}}));this.value=e.detail.value;e.target.setAttribute("selected","true");e.target.classList.add("selected");this.dropdownItemSelected.emit(e.detail);if(this.popoverElement){this.popoverElement.hide()}}handleOpenChanged(e){this.open=e.detail}watchFilterableHandler(e){this.isFilterable=e;this.filterable=e}watchValueHandler(){this.setInitialSelection()}connectedCallback(){document.addEventListener("click",this.handleClickOutside.bind(this));this.setInitialSelection();if(this.filterable&&this.value){this.filterText=this.value.toLowerCase();this.filterItems()}else{this.resetFilter()}}setInitialSelection(){var e;const i=Array.from(this.el.querySelectorAll("nv-fielddropdownitem"));const o=i.find((e=>{var i;return e.getAttribute("label")===this.value||e.getAttribute("value")===this.value||((i=e.textContent)===null||i===void 0?void 0:i.trim())===this.value}));i.forEach((e=>{e.removeAttribute("selected");e.classList.remove("selected")}));if(o){o.setAttribute("selected","true");o.classList.add("selected");this.value=o.getAttribute("label")||o.getAttribute("value")||((e=o.textContent)===null||e===void 0?void 0:e.trim())||"";if(this.inputElement){this.inputElement.value=this.value}}}disconnectedCallback(){document.removeEventListener("click",this.handleClickOutside.bind(this))}filterItems(){var e;const i=Array.from(this.el.querySelectorAll("nv-fielddropdownitem"));const o=this.el.querySelector("nv-fielddropdownitem[data-empty]");if(o){o.remove()}let t=false;i.forEach((e=>{var i,o;const r=((i=e.textContent)===null||i===void 0?void 0:i.toLowerCase())||"";const n=((o=e.value)===null||o===void 0?void 0:o.toLowerCase())||"";const d=n.includes(this.filterText)||r.includes(this.filterText);e.style.display=d?"":"none";if(d){t=true}}));if(!t){const i=document.createElement("nv-fielddropdownitem");i.setAttribute("data-empty","true");i.setAttribute("disabled","true");i.textContent=this.emptyresult;(e=this.el.querySelector('ul[slot="content"]'))===null||e===void 0?void 0:e.appendChild(i)}}resetFilter(){const e=Array.from(this.el.querySelectorAll("nv-fielddropdownitem"));e.forEach((e=>{e.style.display=""}))}async getFilterText(){return this.filterText}handleClickOutside(e){if(this.el.contains(e.target)||this.inputElement&&this.inputElement.contains(e.target)){return}this.popoverElement.hide()}handleKeyDown(e){if(!this.open){if(e.key==="ArrowDown"){this.open=true;this.popoverElement.show();if(!this.filterable){this.focusFirstItem()}e.preventDefault();return}return}if(!this.popoverElement){console.warn("Popover element is not defined");return}const i=Array.from(this.el.querySelectorAll("nv-fielddropdownitem:not([data-empty])"));if(i.length===0){console.warn("No dropdown items found to navigate");return}let o=i.findIndex((e=>e.classList.contains("highlighted")));if(e.key==="ArrowDown"){e.preventDefault();o=(o+1)%i.length;this.updateHighlightedItem(i,o)}else if(e.key==="ArrowUp"){e.preventDefault();o=(o-1+i.length)%i.length;this.updateHighlightedItem(i,o)}else if(e.key==="Enter"&&o>=0){e.preventDefault();i[o].click()}else if(e.key==="Escape"){e.preventDefault();this.open=false;this.popoverElement.hide();if(this.inputElement){this.inputElement.blur()}}}updateHighlightedItem(e,i){e.forEach(((e,o)=>{if(o===i){e.classList.add("highlighted");e.setAttribute("tabindex","0");if(!e.checkVisibility()){console.log("Item not focused")}e.focus();e.scrollIntoView({block:"nearest"})}else{e.classList.remove("highlighted");e.setAttribute("tabindex","-1")}}))}focusFirstItem(){const e=this.el.querySelector("nv-fielddropdownitem");if(e){e.focus();this.updateHighlightedItem(Array.from(this.el.querySelectorAll("nv-fielddropdownitem")),0)}else{console.warn("No first item found to focus")}}render(){return o(t,{key:"250c1480057430dc7ed9b9f9e754f141f72ae8df"},(this.label||this.el.querySelector('[slot="label"]'))&&o("label",{key:"381c4c83a2a868e3714770c942e02f7553c02593",htmlFor:this.inputId},o("slot",{key:"213591b66daee583e63f8f13097ce5d7e00176b5",name:"label"},this.label)),o("nv-popover",{key:"935e926058a328f1279002853a6125fb14183b3d",ref:e=>this.popoverElement=e,triggerMode:"controlled",placement:"bottom-start",open:this.open},o("div",{key:"e0b285ab5bb4af2bf84afd20457fccbad87c7ab6",class:"input-wrapper",slot:"trigger"},o("slot",{key:"78a732873c07adb228c2e1c930bcadc3f77a25c6",name:"before-input"}),o("div",{key:"7413239369a4d03acd13875f63d8f4973bf3147e",class:"input-container",onClick:this.handleInputContainerClick},o("slot",{key:"228cf0a81fdc68fd8ed9c25ce15da5ad88b4e1fb",name:"leading-input"}),this.isFilterable||this.disabled||this.readonly?o("input",{id:this.inputId,type:"search",ref:e=>this.inputElement=e,autocomplete:this.autocomplete,placeholder:this.placeholder,name:this.name,value:this.value,required:this.required,disabled:this.disabled,readOnly:this.readonly,onInput:this.handleInput,onFocus:this.handleInputFocus,onBlur:this.handleInputBlur,onKeyDown:this.handleKeyDown}):o("p",{id:this.inputId,class:"non-filterable-text",onClick:this.handleInputContainerClick,tabIndex:0,onKeyDown:this.handleKeyDown,onFocus:this.handleInputFocus},o("span",null,this.value||this.placeholder)),o("nv-iconbutton",{key:"b6be1247858609d11db9401f08625445961c0c5c",class:"toggle-dropdown-icon",name:this.open?"chevron-top":"chevron-down",size:"md",emphasis:"lower","aria-label":this.open?"Hide dropdown":"Show dropdown","aria-pressed":this.open.toString(),onClick:this.togglePopover})),o("slot",{key:"c0ad34bdf23bdfdb1adbdab04b4629b2b1c6bc9d",name:"after-input"})),o("slot",{key:"e8d4a526b62a84caca5f28aa0a9d448683d3ad51",name:"content"})),(this.description||this.el.querySelector('[slot="description"]'))&&o("div",{key:"22273a23815f4048dce904b491c7972fce7051fd",class:"description"},o("slot",{key:"8f8364a20416b5cf20c75e9ead5a2856d1ad307f",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&o("div",{key:"e13aa744e80484699a0abf26f93a1ed2490d13cb",hidden:!this.error,class:"error-description"},o("slot",{key:"faf36f46aede8b40e9f7c01c36119cee11ad5dd2",name:"error-description"},this.errorDescription)))}static get formAssociated(){return true}get el(){return r(this)}static get watchers(){return{filterable:["watchFilterableHandler"],value:["watchValueHandler"]}}};l.style=s;export{l as nv_fielddropdown};
-//# sourceMappingURL=p-d5c24d8f.entry.js.map
+import{r as e,c as i,h as o,a as t,g as r}from"./p-b4aea326.js";import{v as n}from"./p-f5ff676c.js";const d='nv-fielddropdown{--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-fielddropdown[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-fielddropdown[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-fielddropdown[required]:not([required=false]) label::after{content:"*";color:var(--components-form-text-required);font-weight:700}nv-fielddropdown 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-fielddropdown nv-popover{width:100%;display:block}nv-fielddropdown .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;width:100%}nv-fielddropdown .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;display:flex;align-items:center;position:relative;width:100%;min-height:40px}nv-fielddropdown .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fielddropdown .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-fielddropdown .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-fielddropdown .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fielddropdown .input-container input,nv-fielddropdown .input-container p.non-filterable-text{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);width:100%;padding-right:2rem;flex-grow:1;margin:0;min-height:100%;box-sizing:border-box}nv-fielddropdown .input-container input:focus,nv-fielddropdown .input-container p.non-filterable-text:focus{outline:none}nv-fielddropdown .input-container input::placeholder,nv-fielddropdown .input-container p.non-filterable-text::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-fielddropdown .input-container .toggle-dropdown-icon{position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:2}nv-fielddropdown .input-container nv-icon.validation{color:var(--nv-field-border-default);position:absolute;right:50px}nv-fielddropdown .input-container.focus-within,nv-fielddropdown .input-container:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fielddropdown .non-filterable-text{display:block;border-radius:var(--form-field-radius);background-color:var(--nv-field-background);color:var(--components-form-field-content-text);font-size:var(--form-field-font-size);font-weight:500;line-height:var(--form-field-line-height);box-sizing:border-box;cursor:pointer;height:100%;min-height:40px}nv-fielddropdown .non-filterable-text span{display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis}nv-fielddropdown .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-fielddropdown .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-fielddropdown hr{border:none;border-top:1px solid var(--dropdown-divider-color, #ccc);margin:0.5rem 0}.input-container.focus-within,.input-container:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}';const s=d;const l=class{constructor(o){e(this,o);this.dropdownItemSelected=i(this,"dropdownItemSelected",7);this.valueChanged=i(this,"valueChanged",7);this.handleInputContainerClick=e=>{if(this.disabled||this.readonly){return}const i=e.target;if(i.tagName==="P"||i.tagName==="SPAN"){this.open=true;this.popoverElement.show();const e=this.el.querySelector(".input-container");if(e){e.classList.add("focus-within");const i=()=>{e.classList.remove("focus-within")};this.popoverElement.addEventListener("hide",i)}}};this.handleInput=e=>{if(!this.filterable)return;if(this.disabled||this.readonly){return}const i=e.target;this.filterText=i.value.toLowerCase();this.value=i.value;this.valueChanged.emit(i.value);this.filterItems()};this.handleInputFocus=()=>{if(this.disabled||this.readonly){return}this.open=true};this.handleInputBlur=()=>{setTimeout((()=>{if(!this.el.contains(document.activeElement)){this.open=false;this.popoverElement.hide()}}),150)};this.togglePopover=()=>{if(this.disabled||this.readonly){return}this.open=!this.open;if(this.open){this.popoverElement.show();if(!this.filterable){this.focusFirstItem()}}else{this.popoverElement.hide()}};this.inputId=n();this.label=undefined;this.description=undefined;this.placeholder=undefined;this.name=undefined;this.open=false;this.autocomplete="off";this.value=undefined;this.required=false;this.error=false;this.errorDescription=undefined;this.readonly=false;this.disabled=false;this.emptyresult="No results found";this.filterText="";this.filterable=false;this.isFilterable=this.filterable;this.selectedValues=new Set}handleItemSelected(e){if(this.disabled||this.readonly)return;const i=Array.from(this.el.querySelectorAll("nv-fielddropdownitem"));i.forEach((i=>{if(i!==e.target){i.removeAttribute("selected");i.classList.remove("selected")}}));this.value=e.detail.value;e.target.setAttribute("selected","true");e.target.classList.add("selected");this.dropdownItemSelected.emit(e.detail);if(this.popoverElement){this.popoverElement.hide()}}handleOpenChanged(e){this.open=e.detail}watchFilterableHandler(e){this.isFilterable=e;this.filterable=e}watchValueHandler(){this.setInitialSelection()}connectedCallback(){document.addEventListener("click",this.handleClickOutside.bind(this));this.setInitialSelection();if(this.filterable&&this.value){this.filterText=this.value.toLowerCase();this.filterItems()}else{this.resetFilter()}}setInitialSelection(){var e;const i=Array.from(this.el.querySelectorAll("nv-fielddropdownitem"));const o=i.find((e=>{var i;return e.getAttribute("label")===this.value||e.getAttribute("value")===this.value||((i=e.textContent)===null||i===void 0?void 0:i.trim())===this.value}));i.forEach((e=>{e.removeAttribute("selected");e.classList.remove("selected")}));if(o){o.setAttribute("selected","true");o.classList.add("selected");this.value=o.getAttribute("label")||o.getAttribute("value")||((e=o.textContent)===null||e===void 0?void 0:e.trim())||"";if(this.inputElement){this.inputElement.value=this.value}}}disconnectedCallback(){document.removeEventListener("click",this.handleClickOutside.bind(this))}filterItems(){var e;const i=Array.from(this.el.querySelectorAll("nv-fielddropdownitem"));const o=this.el.querySelector("nv-fielddropdownitem[data-empty]");if(o){o.remove()}let t=false;i.forEach((e=>{var i,o;const r=((i=e.textContent)===null||i===void 0?void 0:i.toLowerCase())||"";const n=((o=e.value)===null||o===void 0?void 0:o.toLowerCase())||"";const d=n.includes(this.filterText)||r.includes(this.filterText);e.style.display=d?"":"none";if(d){t=true}}));if(!t){const i=document.createElement("nv-fielddropdownitem");i.setAttribute("data-empty","true");i.setAttribute("disabled","true");i.textContent=this.emptyresult;(e=this.el.querySelector('ul[slot="content"]'))===null||e===void 0?void 0:e.appendChild(i)}}resetFilter(){const e=Array.from(this.el.querySelectorAll("nv-fielddropdownitem"));e.forEach((e=>{e.style.display=""}))}async getFilterText(){return this.filterText}handleClickOutside(e){if(this.el.contains(e.target)||this.inputElement&&this.inputElement.contains(e.target)){return}this.popoverElement.hide()}handleKeyDown(e){if(!this.open){if(e.key==="ArrowDown"){this.open=true;this.popoverElement.show();if(!this.filterable){this.focusFirstItem()}e.preventDefault();return}return}if(!this.popoverElement){console.warn("Popover element is not defined");return}const i=Array.from(this.el.querySelectorAll("nv-fielddropdownitem:not([data-empty])"));if(i.length===0){console.warn("No dropdown items found to navigate");return}let o=i.findIndex((e=>e.classList.contains("highlighted")));if(e.key==="ArrowDown"){e.preventDefault();o=(o+1)%i.length;this.updateHighlightedItem(i,o)}else if(e.key==="ArrowUp"){e.preventDefault();o=(o-1+i.length)%i.length;this.updateHighlightedItem(i,o)}else if(e.key==="Enter"&&o>=0){e.preventDefault();i[o].click()}else if(e.key==="Escape"){e.preventDefault();this.open=false;this.popoverElement.hide();if(this.inputElement){this.inputElement.blur()}}}updateHighlightedItem(e,i){e.forEach(((e,o)=>{if(o===i){e.classList.add("highlighted");e.setAttribute("tabindex","0");if(!e.checkVisibility()){console.log("Item not focused")}e.focus();e.scrollIntoView({block:"nearest"})}else{e.classList.remove("highlighted");e.setAttribute("tabindex","-1")}}))}focusFirstItem(){const e=this.el.querySelector("nv-fielddropdownitem");if(e){e.focus();this.updateHighlightedItem(Array.from(this.el.querySelectorAll("nv-fielddropdownitem")),0)}else{console.warn("No first item found to focus")}}render(){return o(t,{key:"ee220f04cb94b18afa0504938ee269c0edb1d1b5"},(this.label||this.el.querySelector('[slot="label"]'))&&o("label",{key:"9cf2035bcef627718cb0e9cda9f10d1deb829201",htmlFor:this.inputId},o("slot",{key:"6fe8d6dadee22c489696fbd94067398f5b22f8a7",name:"label"},this.label)),o("nv-popover",{key:"c96697a489ceb13a600f63e1496dcc2cedf6baa7",ref:e=>this.popoverElement=e,triggerMode:"controlled",placement:"bottom-start",open:this.open},o("div",{key:"0a996e770694e7521e57007f5b3a9272ef9ad485",class:"input-wrapper",slot:"trigger"},o("slot",{key:"41b6e77ce228cd4aedbffbb440bf375c82e05c30",name:"before-input"}),o("div",{key:"ffdeba473c57672b13577a225c0b2cc436df2c12",class:"input-container",onClick:this.handleInputContainerClick},o("slot",{key:"14af93b626704024c44371934cc1b4b49b068ac7",name:"leading-input"}),this.isFilterable||this.disabled||this.readonly?o("input",{id:this.inputId,type:"search",ref:e=>this.inputElement=e,autocomplete:this.autocomplete,placeholder:this.placeholder,name:this.name,value:this.value,required:this.required,disabled:this.disabled,readOnly:this.readonly,onInput:this.handleInput,onFocus:this.handleInputFocus,onBlur:this.handleInputBlur,onKeyDown:this.handleKeyDown}):o("p",{id:this.inputId,class:"non-filterable-text",onClick:this.handleInputContainerClick,tabIndex:0,onKeyDown:this.handleKeyDown,onFocus:this.handleInputFocus},o("span",null,this.value||this.placeholder)),o("nv-iconbutton",{key:"961e3b20bb234ba3c24e8e5389154245ae35fdb9",class:"toggle-dropdown-icon",name:this.open?"chevron-top":"chevron-down",size:"md",emphasis:"lower","aria-label":this.open?"Hide dropdown":"Show dropdown","aria-pressed":this.open.toString(),onClick:this.togglePopover})),o("slot",{key:"37f6b2288683f0b2e16e553b66e5a534a0d372f6",name:"after-input"})),o("slot",{key:"d7c7ad38d9f486408858a68c1cba7e9c6ae8788f",name:"content"})),(this.description||this.el.querySelector('[slot="description"]'))&&o("div",{key:"6a4d137ba434bb2d36bc74b6f4cb442274857716",class:"description"},o("slot",{key:"d2e85ddebab03a8a752c0f7558b57f35d2e30b85",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&o("div",{key:"b05d210c0e0a43ce8bd96849f7556f1accd691fb",hidden:!this.error,class:"error-description"},o("slot",{key:"7d455d5027589ccad7cdccf5ce0e0cc25a7ac7bd",name:"error-description"},this.errorDescription)))}static get formAssociated(){return true}get el(){return r(this)}static get watchers(){return{filterable:["watchFilterableHandler"],value:["watchValueHandler"]}}};l.style=s;export{l as nv_fielddropdown};
+//# sourceMappingURL=p-4e351d8e.entry.js.map

package/dist/native/p-671699bf.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as d,a}from"./p-b4aea326.js";const c="";const s=c;const t=class{constructor(d){e(this,d)}render(){return d(a,{key:"272ab6e598f1edfc53fd99372acd64c3834c0fd0"},d("thead",{key:"66d5e24d5d0757be7b0190bc4c156e476e0f748e"},d("slot",{key:"b41ac2580003d1df53595d66837ed51d597bee8c"})))}};t.style=s;export{t as nv_datagridhead};
+//# sourceMappingURL=p-671699bf.entry.js.map

package/dist/native/p-671699bf.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["nvDatagridheadCss","NvDatagridheadStyle0","NvDatagridhead","render","h","Host","key"],"sources":["src/components/nv-datagridhead/nv-datagridhead.scss?tag=nv-datagridhead","src/components/nv-datagridhead/nv-datagridhead.tsx"],"sourcesContent":["// No need for the moment\n","import { Component, Host, h } from '@stencil/core';\n\n/**\n * @slot default - Use this slot to insert HTML into the table head.\n */\n@Component({\n  tag: 'nv-datagridhead',\n  styleUrl: 'nv-datagridhead.scss',\n  shadow: false,\n})\nexport class NvDatagridhead {\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host>\n        <thead>\n          <slot></slot>\n        </thead>\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n  /****************************************************************************/\n}\n"],"mappings":"6CAAA,MAAMA,EAAoB,GAC1B,MAAAC,EAAeD,E,MCSFE,EAAc,M,yBAIzB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,SAAAE,IAAA,4CACEF,EAAA,QAAAE,IAAA,8C","ignoreList":[]}

package/dist/native/{p-25e1bc94.entry.js → p-75b5fdce.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as a,a as n}from"./p-b4aea326.js";import{c as s}from"./p-8a1a6e56.js";const e="nv-stack{display:flex;align-items:center;justify-content:flex-start;flex-direction:row}nv-stack nv-col{display:flex}nv-stack:not(nv-row){flex-wrap:nowrap}nv-stack>.nv-stack-item-flex{flex-shrink:1;flex-grow:1}nv-stack>.nv-stack-item-lead{margin-right:auto}nv-stack>.nv-stack-item-lead+*{margin-left:0}nv-stack>.nv-stack-item-center{margin-right:auto;margin-left:auto}nv-stack>.nv-stack-item-tail{margin-left:auto}nv-stack>.nv-stack-nowrap{white-space:nowrap}nv-stack.nv-stack-vertical{align-items:stretch;flex-direction:column}nv-stack.nv-stack-vertical>.nv-stack-item-lead{margin-right:0;margin-bottom:auto}nv-stack.nv-stack-vertical>.nv-stack-item-lead+*{margin-top:0}nv-stack.nv-stack-vertical>.nv-stack-item-tail{margin-left:0;margin-top:auto}nv-stack.nv-stack-vertical>.nv-stack-item-center{margin:auto 0}nv-stack.nv-stack-flex>*{flex-shrink:1;flex-grow:1}nv-stack.nv-stack-fill>*{height:100%}nv-stack.nv-stack-fill.nv-stack-vertical>*{height:auto;width:100%}";const c=e;const i=class{constructor(a){t(this,a);this.gutter=2;this.fill=undefined;this.flex=undefined;this.full=undefined;this.vertical=undefined}render(){return a(n,{key:"c644c9312f247c75b8eecc0903fb16d36e9ed4e5",class:s(this.fill&&"nv-stack-fill",this.flex&&"nv-stack-flex",this.full&&"w-full",this.gutter&&!this.vertical&&`gutter-x-${this.gutter}`,this.gutter&&this.vertical&&`gutter-y-${this.gutter}`,this.vertical&&"nv-stack-vertical")},a("slot",{key:"654459698308057e20afc68fc046364cd32c2512"}))}};i.style=c;export{i as nv_stack};
-//# sourceMappingURL=p-25e1bc94.entry.js.map
+import{r as t,h as a,a as n}from"./p-b4aea326.js";import{c as s}from"./p-8a1a6e56.js";const e="nv-stack{display:flex;align-items:center;justify-content:flex-start;flex-direction:row}nv-stack nv-col{display:flex}nv-stack:not(nv-row){flex-wrap:nowrap}nv-stack>.nv-stack-item-flex{flex-shrink:1;flex-grow:1}nv-stack>.nv-stack-item-lead{margin-right:auto}nv-stack>.nv-stack-item-lead+*{margin-left:0}nv-stack>.nv-stack-item-center{margin-right:auto;margin-left:auto}nv-stack>.nv-stack-item-tail{margin-left:auto}nv-stack>.nv-stack-nowrap{white-space:nowrap}nv-stack.nv-stack-vertical{align-items:stretch;flex-direction:column}nv-stack.nv-stack-vertical>.nv-stack-item-lead{margin-right:0;margin-bottom:auto}nv-stack.nv-stack-vertical>.nv-stack-item-lead+*{margin-top:0}nv-stack.nv-stack-vertical>.nv-stack-item-tail{margin-left:0;margin-top:auto}nv-stack.nv-stack-vertical>.nv-stack-item-center{margin:auto 0}nv-stack.nv-stack-flex>*{flex-shrink:1;flex-grow:1}nv-stack.nv-stack-fill>*{height:100%}nv-stack.nv-stack-fill.nv-stack-vertical>*{height:auto;width:100%}";const i=e;const c=class{constructor(a){t(this,a);this.gutter=2;this.fill=undefined;this.flex=undefined;this.full=undefined;this.vertical=undefined}render(){return a(n,{key:"900b3afd3b0394433a719769797b4275998be59d",class:s(this.fill&&"nv-stack-fill",this.flex&&"nv-stack-flex",this.full&&"w-full",this.gutter&&!this.vertical&&`gutter-x-${this.gutter}`,this.gutter&&this.vertical&&`gutter-y-${this.gutter}`,this.vertical&&"nv-stack-vertical")},a("slot",{key:"de28519746e3c18f04bdaea3f13258bc3d3d49a9"}))}};c.style=i;export{c as nv_stack};
+//# sourceMappingURL=p-75b5fdce.entry.js.map

package/dist/native/{p-25e1bc94.entry.js.map → p-75b5fdce.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["nvStackCss","NvStackStyle0","NvStack","render","h","Host","key","class","clsx","this","fill","flex","full","gutter","vertical"],"sources":["src/components/nv-stack/nv-stack.scss?tag=nv-stack","src/components/nv-stack/nv-stack.tsx"],"sourcesContent":["nv-stack {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  flex-direction: row;\n\n  nv-col {\n    display: flex;\n  }\n\n  &:not(nv-row) {\n    flex-wrap: nowrap;\n  }\n\n  > .nv-stack-item-flex {\n    flex-shrink: 1;\n    flex-grow: 1;\n  }\n\n  > .nv-stack-item-lead {\n    margin-right: auto;\n  }\n\n  > .nv-stack-item-lead + * {\n    margin-left: 0;\n  }\n\n  > .nv-stack-item-center {\n    margin-right: auto;\n    margin-left: auto;\n  }\n\n  > .nv-stack-item-tail {\n    margin-left: auto;\n  }\n\n  > .nv-stack-nowrap {\n    white-space: nowrap;\n  }\n\n  // Vertical\n  &.nv-stack-vertical {\n    align-items: stretch;\n    flex-direction: column;\n\n    > .nv-stack-item-lead {\n      margin-right: 0;\n      margin-bottom: auto;\n    }\n\n    > .nv-stack-item-lead + * {\n      margin-top: 0;\n    }\n\n    > .nv-stack-item-tail {\n      margin-left: 0;\n      margin-top: auto;\n    }\n\n    > .nv-stack-item-center {\n      margin: auto 0;\n    }\n  }\n\n  &.nv-stack-flex {\n    > * {\n      flex-shrink: 1;\n      flex-grow: 1;\n    }\n  }\n\n  &.nv-stack-fill {\n    > * {\n      height: 100%;\n    }\n\n    &.nv-stack-vertical {\n      > * {\n        height: auto;\n        width: 100%;\n      }\n    }\n  }\n}","import { Component, Host, Prop, h } from '@stencil/core';\nimport clsx from 'clsx';\n\n/**\n * @deprecated Please use tailwind classes instead\n * @slot default - Content of the stack\n */\n@Component({\n  tag: 'nv-stack',\n  styleUrl: './nv-stack.scss',\n  shadow: false,\n})\nexport class NvStack {\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Gutter refers to the space that exists between children components inside\n   * the stack container.\n   */\n  @Prop({ reflect: true })\n  readonly gutter: number = 2;\n\n  /**\n   * Fill will force the children to fill the stack depending of the direction\n   * of the stack. In horizontal position, the children take the height of the\n   * stack. In vertical position, the children take the width of the stack.\n   */\n  @Prop({ reflect: true })\n  readonly fill: boolean;\n\n  /**\n   * Flex will force the children to share the stack between the children\n   * depending of the direction of the stack. In horizontal position, the\n   * children width will share the width of the stack. In vertical position,\n   * the children height will share the height of the stack.\n   */\n  @Prop({ reflect: true })\n  readonly flex: boolean;\n\n  /**\n   * Full set the width of the stack to 100%.\n   * (same effect as WFull props)\n   */\n  @Prop({ reflect: true })\n  readonly full: boolean;\n\n  /**\n   * Display the element of the stack vertically.\n   */\n  @Prop({ reflect: true })\n  readonly vertical: boolean;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host\n        class={clsx(\n          this.fill && 'nv-stack-fill',\n          this.flex && 'nv-stack-flex',\n          this.full && 'w-full',\n          this.gutter && !this.vertical && `gutter-x-${this.gutter}`,\n          this.gutter && this.vertical && `gutter-y-${this.gutter}`,\n          this.vertical && 'nv-stack-vertical',\n        )}\n      >\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"sFAAA,MAAMA,EAAa,u8BACnB,MAAAC,EAAeD,E,MCWFE,EAAO,M,qCASQ,E,oFAoC1B,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAOC,EACLC,KAAKC,MAAQ,gBACbD,KAAKE,MAAQ,gBACbF,KAAKG,MAAQ,SACbH,KAAKI,SAAWJ,KAAKK,UAAY,YAAYL,KAAKI,SAClDJ,KAAKI,QAAUJ,KAAKK,UAAY,YAAYL,KAAKI,SACjDJ,KAAKK,UAAY,sBAGnBV,EAAA,QAAAE,IAAA,6C","ignoreList":[]}
+{"version":3,"names":["nvStackCss","NvStackStyle0","NvStack","render","h","Host","key","class","clsx","this","fill","flex","full","gutter","vertical"],"sources":["src/components/nv-stack/nv-stack.scss?tag=nv-stack","src/components/nv-stack/nv-stack.tsx"],"sourcesContent":["nv-stack {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  flex-direction: row;\n\n  nv-col {\n    display: flex;\n  }\n\n  &:not(nv-row) {\n    flex-wrap: nowrap;\n  }\n\n  > .nv-stack-item-flex {\n    flex-shrink: 1;\n    flex-grow: 1;\n  }\n\n  > .nv-stack-item-lead {\n    margin-right: auto;\n  }\n\n  > .nv-stack-item-lead + * {\n    margin-left: 0;\n  }\n\n  > .nv-stack-item-center {\n    margin-right: auto;\n    margin-left: auto;\n  }\n\n  > .nv-stack-item-tail {\n    margin-left: auto;\n  }\n\n  > .nv-stack-nowrap {\n    white-space: nowrap;\n  }\n\n  // Vertical\n  &.nv-stack-vertical {\n    align-items: stretch;\n    flex-direction: column;\n\n    > .nv-stack-item-lead {\n      margin-right: 0;\n      margin-bottom: auto;\n    }\n\n    > .nv-stack-item-lead + * {\n      margin-top: 0;\n    }\n\n    > .nv-stack-item-tail {\n      margin-left: 0;\n      margin-top: auto;\n    }\n\n    > .nv-stack-item-center {\n      margin: auto 0;\n    }\n  }\n\n  &.nv-stack-flex {\n    > * {\n      flex-shrink: 1;\n      flex-grow: 1;\n    }\n  }\n\n  &.nv-stack-fill {\n    > * {\n      height: 100%;\n    }\n\n    &.nv-stack-vertical {\n      > * {\n        height: auto;\n        width: 100%;\n      }\n    }\n  }\n}","import { Component, Host, Prop, h } from '@stencil/core';\nimport clsx from 'clsx';\n\n/**\n * @deprecated Please use tailwind classes instead\n * @slot default - Content of the stack\n */\n@Component({\n  tag: 'nv-stack',\n  styleUrl: './nv-stack.scss',\n  shadow: false,\n})\nexport class NvStack {\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Gutter refers to the space that exists between children components inside\n   * the stack container.\n   */\n  @Prop({ reflect: true })\n  readonly gutter: number = 2;\n\n  /**\n   * Fill will force the children to fill the stack depending of the direction\n   * of the stack. In horizontal position, the children take the height of the\n   * stack. In vertical position, the children take the width of the stack.\n   */\n  @Prop({ reflect: true })\n  readonly fill: boolean;\n\n  /**\n   * Flex will force the children to share the stack between the children\n   * depending of the direction of the stack. In horizontal position, the\n   * children width will share the width of the stack. In vertical position,\n   * the children height will share the height of the stack.\n   */\n  @Prop({ reflect: true })\n  readonly flex: boolean;\n\n  /**\n   * Full set the width of the stack to 100%.\n   * (same effect as WFull props)\n   */\n  @Prop({ reflect: true })\n  readonly full: boolean;\n\n  /**\n   * Display the element of the stack vertically.\n   */\n  @Prop({ reflect: true })\n  readonly vertical: boolean;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host\n        class={clsx(\n          this.fill && 'nv-stack-fill',\n          this.flex && 'nv-stack-flex',\n          this.full && 'w-full',\n          this.gutter && !this.vertical && `gutter-x-${this.gutter}`,\n          this.gutter && this.vertical && `gutter-y-${this.gutter}`,\n          this.vertical && 'nv-stack-vertical',\n        )}\n      >\n        <slot></slot>\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n}\n"],"mappings":"sFAAA,MAAMA,EAAa,u8BACnB,MAAAC,EAAeD,E,MCWFE,EAAO,M,qCASQ,E,oFAoC1B,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAOC,EACLC,KAAKC,MAAQ,gBACbD,KAAKE,MAAQ,gBACbF,KAAKG,MAAQ,SACbH,KAAKI,SAAWJ,KAAKK,UAAY,YAAYL,KAAKI,SAClDJ,KAAKI,QAAUJ,KAAKK,UAAY,YAAYL,KAAKI,SACjDJ,KAAKK,UAAY,sBAGnBV,EAAA,QAAAE,IAAA,6C","ignoreList":[]}

package/dist/native/p-7a7b9b95.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as a,a as d}from"./p-b4aea326.js";const b="";const s=b;const t=class{constructor(a){e(this,a)}render(){return a(d,{key:"c24bf0e6d18d00b39b6e0382b0268ee24e6e7567"},a("tbody",{key:"1fae4b6126134317bd2dc7d4819ed861e8915761"},a("slot",{key:"a6a537e6ed6c8b831da5294c1bce7010038b6291"})))}};t.style=s;export{t as nv_datagridbody};
+//# sourceMappingURL=p-7a7b9b95.entry.js.map

package/dist/native/p-7a7b9b95.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["nvDatagridbodyCss","NvDatagridbodyStyle0","NvDatagridbody","render","h","Host","key"],"sources":["src/components/nv-datagridbody/nv-datagridbody.scss?tag=nv-datagridbody","src/components/nv-datagridbody/nv-datagridbody.tsx"],"sourcesContent":["// No need for the moment\n","import { Component, Host, h } from '@stencil/core';\n\n/**\n * @slot default - Use this slot to insert HTML into the data grid body.\n */\n@Component({\n  tag: 'nv-datagridbody',\n  styleUrl: 'nv-datagridbody.scss',\n  shadow: false,\n})\nexport class NvDatagridbody {\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host>\n        <tbody>\n          <slot></slot>\n        </tbody>\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n  /****************************************************************************/\n}\n"],"mappings":"kDAAA,MAAMA,EAAoB,GAC1B,MAAAC,EAAeD,E,MCSFE,EAAc,M,yBAIzB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,SAAAE,IAAA,4CACEF,EAAA,QAAAE,IAAA,8C","ignoreList":[]}

package/dist/native/{p-5172aa15.entry.js → p-808cf007.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as n,a as i,g as o}from"./p-b4aea326.js";const r="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)}nv-menu{display:inline-block;position:relative}nv-menu:has([fluid]:not([fluid=false])){display:block}nv-menu nv-popover{display:unset}nv-menu nv-popover [data-scope=popover]{background-color:transparent !important;padding:0 !important}nv-menu [slot=content]{padding:var(--menu-contextual-padding-y) var(--menu-contextual-padding-x);border-radius:var(--menu-contextual-radius);gap:var(--menu-contextual-gap-y);background-color:var(--components-menu-contextual-background);border-color:var(--components-menu-contextual-border);display:flex;flex-direction:column}nv-menu nv-menu[open]:not([open=false])>nv-menuitem{background-color:var(--components-menu-contextual-item-background-hover);color:var(--components-menu-contextual-item-content-hover)}nv-menu hr{display:block;margin:var(--menu-contextual-divider-padding-top) var(--menu-contextual-divider-padding-x) var(--menu-contextual-divider-padding-bottom) var(--menu-contextual-divider-padding-x)}";const a=r;const s=class{constructor(n){e(this,n);this.menuitemSelected=t(this,"menuitemSelected",7);this.isHandlingKeyDown=false;this.isHandlingClick=false;this.open=false;this.nested=false;this.disableCloseOnSelect=false;this.placement=this.nested?"right-start":"bottom-end"}async show(){this.open=true}async close(){this.open=false}handleMenuItemSelect(e,t){if(e.hasAttribute("disabled")){t.stopPropagation();return}const n=e.id;if(n){this.menuitemSelected.emit({itemId:n})}t.stopPropagation();if(!this.disableCloseOnSelect){this.open=false}}handleMenuClick(e){if(this.isHandlingClick){return}this.isHandlingClick=true;const t=e.target;const n=t.closest("nv-menuitem");if(n&&n.tagName==="NV-MENUITEM"&&!n.hasAttribute("has-submenu")){this.handleMenuItemSelect(n,e)}this.isHandlingClick=false}handleKeydown(e){if(!this.open)return;if(this.isHandlingKeyDown){return}this.isHandlingKeyDown=true;if(e.key==="ArrowDown"||e.key==="ArrowUp"||e.key==="ArrowLeft"||e.key==="ArrowRight"||e.key==="Escape"){e.preventDefault()}if(e.key==="Escape"&&!this.nested){this.close();this.triggerElement.focus();this.isHandlingKeyDown=false;return}if(e.key==="Enter"){const t=document.activeElement;if(t&&t.tagName==="NV-MENUITEM"&&!t.hasAttribute("has-submenu")){e.preventDefault();this.handleMenuItemSelect(t,e)}this.isHandlingKeyDown=false;return}const t=this.el.querySelector('[slot="content"]');const n=Array.from(t.childNodes).filter((e=>{var t;return(t=e.matches)===null||t===void 0?void 0:t.call(e,"nv-menuitem, nv-menu")}));let i=n.indexOf(document.activeElement);if(i===-1)i=n.indexOf(document.activeElement.parentElement);if(i===-1&&n.find((e=>e.matches("nv-menu[open]")))){this.isHandlingKeyDown=false;return}if(e.key==="ArrowDown"||e.key==="ArrowUp"){n.forEach((e=>{if(e.matches("nv-menu"))e.close()}))}if(e.key==="ArrowDown"){let e=(i+1)%n.length;while(n[e].matches("nv-menuitem[disabled]")){e=(e+1)%n.length}const t=n[e];if(t.matches("nv-menuitem"))t.focus();else if(t.matches("nv-menu"))t.querySelector("nv-menuitem").focus()}if(e.key==="ArrowUp"){let e=(i-1+n.length)%n.length;while(n[e].matches("nv-menuitem[disabled]")){e=(e-1+n.length)%n.length}const t=n[e];if(t.matches("nv-menuitem"))t.focus();else if(t.matches("nv-menu"))t.querySelector("nv-menuitem").focus()}if(e.key==="ArrowRight"){const e=n[i];if(!e.matches("nv-menu")){this.isHandlingKeyDown=false;return}e.show()}if(e.key==="ArrowLeft"&&this.nested){if(n.find((e=>e.matches("nv-menu[open]")))){this.isHandlingKeyDown=false;return}this.close();this.triggerElement.focus()}this.isHandlingKeyDown=false}handleOpenChanged(e){if(e.target===this.el.querySelector("nv-popover")){this.open=e.detail}const t=this.triggerElement===document.activeElement;const n=this.triggerElement.matches(":focus-visible");if(t&&n)this.focusFirstItem()}focusFirstItem(){const e=this.popoverElement.querySelector("nv-menuitem");if(e){requestAnimationFrame((()=>e.focus()))}}componentWillLoad(){this.triggerElement=Array.from(this.el.children).find((e=>e.getAttribute("slot")==="trigger"))}render(){return n(i,{key:"7a68c75f464a73f44ca5e9b586f14074f8997ef7"},n("slot",{key:"844e291a25b0761e00b3d491fca937b652d9289b",name:"trigger"}),n("nv-popover",{key:"cb231870f62e952483ee32fe07e92c03dfa18acf",ref:e=>this.popoverElement=e,triggerMode:"click",triggerElement:this.triggerElement,placement:this.placement,nested:this.nested,open:this.open},n("slot",{key:"b59e6458addf054a4ef370a50498bb6620676166",name:"content"})))}get el(){return o(this)}};s.style=a;export{s as nv_menu};
-//# sourceMappingURL=p-5172aa15.entry.js.map
+import{r as e,c as t,h as n,a as i,g as o}from"./p-b4aea326.js";const r="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)}nv-menu{display:inline-block;position:relative}nv-menu:has([fluid]:not([fluid=false])){display:block}nv-menu nv-popover{display:unset}nv-menu nv-popover [data-scope=popover]{background-color:transparent !important;padding:0 !important}nv-menu [slot=content]{padding:var(--menu-contextual-padding-y) var(--menu-contextual-padding-x);border-radius:var(--menu-contextual-radius);gap:var(--menu-contextual-gap-y);background-color:var(--components-menu-contextual-background);border-color:var(--components-menu-contextual-border);display:flex;flex-direction:column}nv-menu nv-menu[open]:not([open=false])>nv-menuitem{background-color:var(--components-menu-contextual-item-background-hover);color:var(--components-menu-contextual-item-content-hover)}nv-menu hr{display:block;margin:var(--menu-contextual-divider-padding-top) var(--menu-contextual-divider-padding-x) var(--menu-contextual-divider-padding-bottom) var(--menu-contextual-divider-padding-x)}";const a=r;const s=class{constructor(n){e(this,n);this.menuitemSelected=t(this,"menuitemSelected",7);this.isHandlingKeyDown=false;this.isHandlingClick=false;this.open=false;this.nested=false;this.disableCloseOnSelect=false;this.placement=this.nested?"right-start":"bottom-end"}async show(){this.open=true}async close(){this.open=false}handleMenuItemSelect(e,t){if(e.hasAttribute("disabled")){t.stopPropagation();return}const n=e.id;if(n){this.menuitemSelected.emit({itemId:n})}t.stopPropagation();if(!this.disableCloseOnSelect){this.open=false}}handleMenuClick(e){if(this.isHandlingClick){return}this.isHandlingClick=true;const t=e.target;const n=t.closest("nv-menuitem");if(n&&n.tagName==="NV-MENUITEM"&&!n.hasAttribute("has-submenu")){this.handleMenuItemSelect(n,e)}this.isHandlingClick=false}handleKeydown(e){if(!this.open)return;if(this.isHandlingKeyDown){return}this.isHandlingKeyDown=true;if(e.key==="ArrowDown"||e.key==="ArrowUp"||e.key==="ArrowLeft"||e.key==="ArrowRight"||e.key==="Escape"){e.preventDefault()}if(e.key==="Escape"&&!this.nested){this.close();this.triggerElement.focus();this.isHandlingKeyDown=false;return}if(e.key==="Enter"){const t=document.activeElement;if(t&&t.tagName==="NV-MENUITEM"&&!t.hasAttribute("has-submenu")){e.preventDefault();this.handleMenuItemSelect(t,e)}this.isHandlingKeyDown=false;return}const t=this.el.querySelector('[slot="content"]');const n=Array.from(t.childNodes).filter((e=>{var t;return(t=e.matches)===null||t===void 0?void 0:t.call(e,"nv-menuitem, nv-menu")}));let i=n.indexOf(document.activeElement);if(i===-1)i=n.indexOf(document.activeElement.parentElement);if(i===-1&&n.find((e=>e.matches("nv-menu[open]")))){this.isHandlingKeyDown=false;return}if(e.key==="ArrowDown"||e.key==="ArrowUp"){n.forEach((e=>{if(e.matches("nv-menu"))e.close()}))}if(e.key==="ArrowDown"){let e=(i+1)%n.length;while(n[e].matches("nv-menuitem[disabled]")){e=(e+1)%n.length}const t=n[e];if(t.matches("nv-menuitem"))t.focus();else if(t.matches("nv-menu"))t.querySelector("nv-menuitem").focus()}if(e.key==="ArrowUp"){let e=(i-1+n.length)%n.length;while(n[e].matches("nv-menuitem[disabled]")){e=(e-1+n.length)%n.length}const t=n[e];if(t.matches("nv-menuitem"))t.focus();else if(t.matches("nv-menu"))t.querySelector("nv-menuitem").focus()}if(e.key==="ArrowRight"){const e=n[i];if(!e.matches("nv-menu")){this.isHandlingKeyDown=false;return}e.show()}if(e.key==="ArrowLeft"&&this.nested){if(n.find((e=>e.matches("nv-menu[open]")))){this.isHandlingKeyDown=false;return}this.close();this.triggerElement.focus()}this.isHandlingKeyDown=false}handleOpenChanged(e){if(e.target===this.el.querySelector("nv-popover")){this.open=e.detail}const t=this.triggerElement===document.activeElement;const n=this.triggerElement.matches(":focus-visible");if(t&&n)this.focusFirstItem()}focusFirstItem(){const e=this.popoverElement.querySelector("nv-menuitem");if(e){requestAnimationFrame((()=>e.focus()))}}componentWillLoad(){this.triggerElement=Array.from(this.el.children).find((e=>e.getAttribute("slot")==="trigger"))}render(){return n(i,{key:"23fdff061d4aa8364590e2486c60b26684400a34"},n("slot",{key:"50ff6d6a5b84ad83a9b9deefed42335e663c989d",name:"trigger"}),n("nv-popover",{key:"ee15458289098254b7074452b2c25a32a7e82b3e",ref:e=>this.popoverElement=e,triggerMode:"click",triggerElement:this.triggerElement,placement:this.placement,nested:this.nested,open:this.open},n("slot",{key:"bccea8f6469c29bad2e764c6628b6a783890d10d",name:"content"})))}get el(){return o(this)}};s.style=a;export{s as nv_menu};
+//# sourceMappingURL=p-808cf007.entry.js.map

package/dist/native/{p-23b20b80.entry.js → p-81256924.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as r,h as o,a as d,g as i}from"./p-b4aea326.js";import{c as a}from"./p-8a1a6e56.js";import{v as n}from"./p-f5ff676c.js";const t='nv-fieldradio{--nv-fieldradio-border-default:var(--components-form-field-border-default);--nv-fieldradio-border-hover:var(--components-form-field-border-hover);--nv-fieldradio-border-focus:var(--components-form-field-border-default);--nv-fieldradio-background-default:var(--components-form-field-background-default);--nv-fieldradio-background-checked:var(--components-form-field-background-checked);--nv-fieldradio-background-disabled:var(--components-form-field-background-disabled);--nv-fieldradio-focus-box-shadow:var(--color-focus-brand);--nv-fieldradio-dot-color-checked:var(--components-form-shape-foreground-default);--nv-fieldradio-dot-color-disabled:var(--components-form-shape-foreground-disabled);--nv-fieldradio-outline-color:var(--color-focus-brand);display:inline-flex;align-items:flex-start;gap:var(--form-gap-x)}nv-fieldradio:not([disabled]) input,nv-fieldradio:not([disabled]) label,nv-fieldradio[disabled=false] input,nv-fieldradio[disabled=false] label{cursor:pointer}nv-fieldradio.error{--nv-fieldradio-border-default:var(--components-form-field-border-error);--nv-fieldradio-border-hover:var(--nv-fieldradio-border-default);--nv-fieldradio-border-focus:var(--components-form-field-border-error);--nv-fieldradio-background-checked:var(--components-form-field-background-error);--nv-fieldradio-focus-box-shadow:var(--color-focus-destructive);--nv-fieldradio-dot-color-checked:var(--components-form-shape-foreground-default);--nv-fieldradio-dot-color-disabled:var(--components-form-field-border-error);--nv-fieldradio-outline-color:var(--color-focus-destructive)}nv-fieldradio.label-placement-before{flex-direction:row-reverse}nv-fieldradio[disabled]{opacity:0.5}nv-fieldradio 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-fieldradio input[type=radio]{appearance:none;position:relative;display:flex;width:var(--form-radio-size);height:var(--form-radio-size);padding:var(--form-radio-inner-circle-padding);flex-direction:column;align-items:flex-start;border-radius:var(--radius-rounded-full);border-width:var(--form-radio-border-width);border-style:solid;border-color:var(--nv-fieldradio-border-default);background:var(--nv-fieldradio-background-default)}nv-fieldradio input[type=radio]:hover{border-color:var(--nv-fieldradio-border-hover)}nv-fieldradio input[type=radio]:focus{border-color:var(--nv-fieldradio-border-focus)}nv-fieldradio input[type=radio]:focus,nv-fieldradio input[type=radio]:focus-within{outline:none}nv-fieldradio input[type=radio]:focus-visible,nv-fieldradio input[type=radio]:has(:focus-visible){outline:var(--focus-outline-stroke) solid var(--nv-fieldradio-outline-color);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-fieldradio input[type=radio]:checked{background:var(--nv-fieldradio-background-checked);border-color:var(--nv-fieldradio-background-checked)}nv-fieldradio input[type=radio]:checked:hover,nv-fieldradio input[type=radio]:checked:focus{border-color:var(--nv-fieldradio-background-checked);background:var(--nv-fieldradio-background-checked)}nv-fieldradio input[type=radio]:checked::before{content:"";position:absolute;top:50%;right:50%;transform:translate(50%, -50%);left:0;width:var(--form-radio-inner-circle-size);height:var(--form-radio-inner-circle-size);flex-shrink:0;border-radius:var(--radius-rounded-full);background:var(--nv-fieldradio-dot-color-checked)}nv-fieldradio input[type=radio]:disabled{border-radius:var(--radius-rounded-full);border-width:var(--form-radio-border-width);border-style:solid;border-color:var(--nv-fieldradio-border-default);background:var(--nv-fieldradio-background-disabled)}nv-fieldradio input[type=radio]:disabled:checked::before{background:var(--nv-fieldradio-dot-color-disabled)}nv-fieldradio input[type=radio]:disabled:hover{border-color:var(--nv-fieldradio-border-default);background:var(--nv-fieldradio-background-disabled)}nv-fieldradio .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-fieldradio .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-fieldradio .text-container{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}';const l=t;const f=class{constructor(o){e(this,o);this.checkedChanged=r(this,"checkedChanged",7);this.message=undefined;this.labelBefore=false;this.inputId=n();this.name=undefined;this.value=undefined;this.label=undefined;this.labelPlacement=undefined;this.description=undefined;this.error=false;this.errorDescription=undefined;this.checked=false;this.disabled=false}componentWillRender(){if(this.message){this.description=this.message}if(this.labelBefore){this.labelPlacement="before"}}handleCheckedChange(e){this.checkedChanged.emit(e)}handleChange(e){const r=e.target;if((r===null||r===void 0?void 0:r.type)==="radio"){Array.from(document.getElementsByTagName("nv-fieldradio")).forEach((e=>{if(e.name===this.name){e.checked=false}}));this.checked=r.checked}}render(){return o(d,{key:"3b583693083de14efaeb3fec362b7841d792fd64",class:a(this.labelPlacement==="before"&&"label-placement-before",this.error&&"error")},o("input",{key:"afbb24afc56563ba72f598f6bd5e195d5bcefcbf",type:"radio",id:this.inputId,name:this.name,autocomplete:"off",value:this.value,checked:this.checked,disabled:this.disabled}),o("div",{key:"f7506c57b0d409e0834fff77ed6f3f20937a7684",class:"text-container"},(this.label||this.el.querySelector('[slot="label"]'))&&o("label",{key:"094290188857979a7c54878cfbba40333ea21044",htmlFor:this.inputId},o("slot",{key:"dd1dd4cda3cde671224d2a96b75a0db2d68484f9",name:"label"},this.label)),(this.description||this.el.querySelector('[slot="description"]'))&&o("div",{key:"de70a59d9849648140de4df091d0a6431bbeba66",class:"description"},o("slot",{key:"297df2dc5e58ede572cb3ebee160d9f13cd3a2d0",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&o("div",{key:"e514dad229d2bedb194ac1e9586ce15cf9fca9ce",hidden:!this.error,class:"error-description"},o("slot",{key:"68e52668dc96da4c354f1bc81927b7de3b81c8f6",name:"error-description"},this.errorDescription))))}static get formAssociated(){return true}get el(){return i(this)}static get watchers(){return{checked:["handleCheckedChange"]}}};f.style=l;export{f as nv_fieldradio};
-//# sourceMappingURL=p-23b20b80.entry.js.map
+import{r as e,c as r,h as o,a as d,g as i}from"./p-b4aea326.js";import{c as a}from"./p-8a1a6e56.js";import{v as n}from"./p-f5ff676c.js";const t='nv-fieldradio{--nv-fieldradio-border-default:var(--components-form-field-border-default);--nv-fieldradio-border-hover:var(--components-form-field-border-hover);--nv-fieldradio-border-focus:var(--components-form-field-border-default);--nv-fieldradio-background-default:var(--components-form-field-background-default);--nv-fieldradio-background-checked:var(--components-form-field-background-checked);--nv-fieldradio-background-disabled:var(--components-form-field-background-disabled);--nv-fieldradio-focus-box-shadow:var(--color-focus-brand);--nv-fieldradio-dot-color-checked:var(--components-form-shape-foreground-default);--nv-fieldradio-dot-color-disabled:var(--components-form-shape-foreground-disabled);--nv-fieldradio-outline-color:var(--color-focus-brand);display:inline-flex;align-items:flex-start;gap:var(--form-gap-x)}nv-fieldradio:not([disabled]) input,nv-fieldradio:not([disabled]) label,nv-fieldradio[disabled=false] input,nv-fieldradio[disabled=false] label{cursor:pointer}nv-fieldradio.error{--nv-fieldradio-border-default:var(--components-form-field-border-error);--nv-fieldradio-border-hover:var(--nv-fieldradio-border-default);--nv-fieldradio-border-focus:var(--components-form-field-border-error);--nv-fieldradio-background-checked:var(--components-form-field-background-error);--nv-fieldradio-focus-box-shadow:var(--color-focus-destructive);--nv-fieldradio-dot-color-checked:var(--components-form-shape-foreground-default);--nv-fieldradio-dot-color-disabled:var(--components-form-field-border-error);--nv-fieldradio-outline-color:var(--color-focus-destructive)}nv-fieldradio.label-placement-before{flex-direction:row-reverse}nv-fieldradio[disabled]{opacity:0.5}nv-fieldradio 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-fieldradio input[type=radio]{appearance:none;position:relative;display:flex;width:var(--form-radio-size);height:var(--form-radio-size);padding:var(--form-radio-inner-circle-padding);flex-direction:column;align-items:flex-start;border-radius:var(--radius-rounded-full);border-width:var(--form-radio-border-width);border-style:solid;border-color:var(--nv-fieldradio-border-default);background:var(--nv-fieldradio-background-default)}nv-fieldradio input[type=radio]:hover{border-color:var(--nv-fieldradio-border-hover)}nv-fieldradio input[type=radio]:focus{border-color:var(--nv-fieldradio-border-focus)}nv-fieldradio input[type=radio]:focus,nv-fieldradio input[type=radio]:focus-within{outline:none}nv-fieldradio input[type=radio]:focus-visible,nv-fieldradio input[type=radio]:has(:focus-visible){outline:var(--focus-outline-stroke) solid var(--nv-fieldradio-outline-color);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-fieldradio input[type=radio]:checked{background:var(--nv-fieldradio-background-checked);border-color:var(--nv-fieldradio-background-checked)}nv-fieldradio input[type=radio]:checked:hover,nv-fieldradio input[type=radio]:checked:focus{border-color:var(--nv-fieldradio-background-checked);background:var(--nv-fieldradio-background-checked)}nv-fieldradio input[type=radio]:checked::before{content:"";position:absolute;top:50%;right:50%;transform:translate(50%, -50%);left:0;width:var(--form-radio-inner-circle-size);height:var(--form-radio-inner-circle-size);flex-shrink:0;border-radius:var(--radius-rounded-full);background:var(--nv-fieldradio-dot-color-checked)}nv-fieldradio input[type=radio]:disabled{border-radius:var(--radius-rounded-full);border-width:var(--form-radio-border-width);border-style:solid;border-color:var(--nv-fieldradio-border-default);background:var(--nv-fieldradio-background-disabled)}nv-fieldradio input[type=radio]:disabled:checked::before{background:var(--nv-fieldradio-dot-color-disabled)}nv-fieldradio input[type=radio]:disabled:hover{border-color:var(--nv-fieldradio-border-default);background:var(--nv-fieldradio-background-disabled)}nv-fieldradio .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-fieldradio .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-fieldradio .text-container{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}';const l=t;const f=class{constructor(o){e(this,o);this.checkedChanged=r(this,"checkedChanged",7);this.message=undefined;this.labelBefore=false;this.inputId=n();this.name=undefined;this.value=undefined;this.label=undefined;this.labelPlacement=undefined;this.description=undefined;this.error=false;this.errorDescription=undefined;this.checked=false;this.disabled=false}componentWillRender(){if(this.message){this.description=this.message}if(this.labelBefore){this.labelPlacement="before"}}handleCheckedChange(e){this.checkedChanged.emit(e)}handleChange(e){const r=e.target;if((r===null||r===void 0?void 0:r.type)==="radio"){Array.from(document.getElementsByTagName("nv-fieldradio")).forEach((e=>{if(e.name===this.name){e.checked=false}}));this.checked=r.checked}}render(){return o(d,{key:"5c03f0c1423eb932aa9d2022e9d6a30bdbbb08ca",class:a(this.labelPlacement==="before"&&"label-placement-before",this.error&&"error")},o("input",{key:"3ffb0990423348725ded997c26b12b41f10a8f0d",type:"radio",id:this.inputId,name:this.name,autocomplete:"off",value:this.value,checked:this.checked,disabled:this.disabled}),o("div",{key:"f862a9040abe14402fa352006c1cdedaba81a1af",class:"text-container"},(this.label||this.el.querySelector('[slot="label"]'))&&o("label",{key:"07269171f02fc8a9621d958b0997728162fda439",htmlFor:this.inputId},o("slot",{key:"5e66a1ac747ed1462e948c35b96cbca4e4c037b3",name:"label"},this.label)),(this.description||this.el.querySelector('[slot="description"]'))&&o("div",{key:"cfa36a9cd3958511abf407027ec9432addd7cc1a",class:"description"},o("slot",{key:"1e86daa3580d6f99091950acb1fda3eeeb742ad5",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&o("div",{key:"c1c1e7ecae6edc43b5a7793c180c0dd28fc09a67",hidden:!this.error,class:"error-description"},o("slot",{key:"51f217f3465720fd73371dcd420492b2cdf00802",name:"error-description"},this.errorDescription))))}static get formAssociated(){return true}get el(){return i(this)}static get watchers(){return{checked:["handleCheckedChange"]}}};f.style=l;export{f as nv_fieldradio};
+//# sourceMappingURL=p-81256924.entry.js.map

package/dist/native/{p-23b20b80.entry.js.map → p-81256924.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["nvFieldradioCss","NvFieldradioStyle0","NvFieldradio","uuidv4","componentWillRender","this","message","description","labelBefore","labelPlacement","handleCheckedChange","checked","checkedChanged","emit","handleChange","event","target","type","Array","from","document","getElementsByTagName","forEach","element","name","render","h","Host","key","class","clsx","error","id","inputId","autocomplete","value","disabled","label","el","querySelector","htmlFor","errorDescription","hidden"],"sources":["src/components/nv-fieldradio/nv-fieldradio.scss?tag=nv-fieldradio","src/components/nv-fieldradio/nv-fieldradio.tsx"],"sourcesContent":["@import \"../../styles/focus-ring\";\n\n@mixin fieldradio-variables() {\n  --nv-fieldradio-border-default: var(--components-form-field-border-default);\n  --nv-fieldradio-border-hover: var(--components-form-field-border-hover);\n  --nv-fieldradio-border-focus: var(--components-form-field-border-default);\n  --nv-fieldradio-background-default: var(--components-form-field-background-default);\n  --nv-fieldradio-background-checked: var(--components-form-field-background-checked);\n  --nv-fieldradio-background-disabled: var(--components-form-field-background-disabled);\n  --nv-fieldradio-focus-box-shadow: var(--color-focus-brand);\n  --nv-fieldradio-dot-color-checked: var(--components-form-shape-foreground-default);\n  --nv-fieldradio-dot-color-disabled: var(--components-form-shape-foreground-disabled);\n  --nv-fieldradio-outline-color: var(--color-focus-brand);\n}\n\n@mixin fieldradio-error-variables() {\n  --nv-fieldradio-border-default: var(--components-form-field-border-error);\n  --nv-fieldradio-border-hover: var(--nv-fieldradio-border-default);\n  --nv-fieldradio-border-focus: var(--components-form-field-border-error);\n  --nv-fieldradio-background-checked: var(--components-form-field-background-error);\n  --nv-fieldradio-focus-box-shadow: var(--color-focus-destructive);\n  --nv-fieldradio-dot-color-checked: var(--components-form-shape-foreground-default);\n  --nv-fieldradio-dot-color-disabled: var(--components-form-field-border-error);\n  --nv-fieldradio-outline-color: var(--color-focus-destructive);\n\n}\n\n@mixin root-styles() {\n  display: inline-flex;\n  align-items: flex-start;\n  gap: var(--form-gap-x);\n\n  &:not([disabled]),\n  &[disabled=\"false\"] {\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-styles() {\n  appearance: none;\n  position: relative;\n  display: flex;\n  width: var(--form-radio-size);\n  height: var(--form-radio-size);\n  padding: var(--form-radio-inner-circle-padding);\n  flex-direction: column;\n  align-items: flex-start;\n  //gap: 10px;\n  border-radius: var(--radius-rounded-full);\n  border-width: var(--form-radio-border-width);\n  border-style: solid;\n  border-color: var(--nv-fieldradio-border-default);\n  background: var(--nv-fieldradio-background-default);\n\n  &:hover {\n    border-color: var(--nv-fieldradio-border-hover);\n  }\n\n  &:focus {\n    border-color: var(--nv-fieldradio-border-focus);\n  }\n\n  @include focus-ring(var(--nv-fieldradio-outline-color));\n\n  &:checked {\n    background: var(--nv-fieldradio-background-checked);\n    border-color: var(--nv-fieldradio-background-checked);\n\n    &:hover,\n    &:focus {\n      border-color: var(--nv-fieldradio-background-checked);\n      background: var(--nv-fieldradio-background-checked);\n    }\n\n    &::before {\n      content: \"\";\n      position: absolute;\n      top: 50%;\n      right: 50%;\n      transform: translate(50%, -50%);\n      left: 0;\n      width: var(--form-radio-inner-circle-size);\n      height: var(--form-radio-inner-circle-size);\n      flex-shrink: 0;\n      border-radius: var(--radius-rounded-full);\n      background: var(--nv-fieldradio-dot-color-checked);\n    }\n  }\n\n  &:disabled {\n    border-radius: var(--radius-rounded-full);\n    border-width: var(--form-radio-border-width);\n    border-style: solid;\n    border-color: var(--nv-fieldradio-border-default);\n    background: var(--nv-fieldradio-background-disabled);\n\n    &:checked {\n      &::before {\n        background: var(--nv-fieldradio-dot-color-disabled);\n      }\n    }\n\n    &:hover {\n      border-color: var(--nv-fieldradio-border-default);\n      background: var(--nv-fieldradio-background-disabled);\n    }\n  }\n}\n\nnv-fieldradio {\n  @include fieldradio-variables();\n  @include root-styles();\n\n  &.error {\n    @include fieldradio-error-variables();\n  }\n\n  &.label-placement-before {\n    @include label-before-styles();\n  }\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: var(--components-form-opacity-disabled); Error: Invalid value for --components-form-opacity-disabled (expected a <number> but got \"50px\")\n    opacity: 0.5;\n  }\n\n  label {\n    @include label-styles();\n  }\n\n  input[type=\"radio\"] {\n    @include input-styles();\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  Event,\n  EventEmitter,\n  Listen,\n  Watch,\n  Element,\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 */\n@Component({\n  tag: 'nv-fieldradio',\n  shadow: false,\n  styleUrl: 'nv-fieldradio.scss',\n  formAssociated: true,\n})\nexport class NvFieldradio {\n  @Element() el: HTMLNvFieldradioElement;\n\n  /****************************************************************************/\n  //#region DEPRECATED\n\n  /**\n   * Adds a helpful hint message below the label\n   * @deprecated use description instead.\n   */\n  @Prop()\n  readonly message: string;\n\n  /**\n   * Set the label placement to before the input\n   * @deprecated use labelPlacement 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\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   * Use this to assign a group name to your radio buttons. When you have\n   * multiple radio buttons with the same name, users will be able to select\n   * only one option within that group, making your forms more organized and\n   * user-friendly.\n   */\n  @Prop({ reflect: true })\n  readonly name: string;\n\n  /**\n   * Defines what data will be sent when the radio button is selected.\n   * This helps you identify which option the user has chosen in your form,\n   * ensuring accurate data collection. When the form is submitted, the data\n   * will consist of a name=value pair.\n   */\n  @Prop({ reflect: true })\n  readonly value: string;\n\n  /**\n   * Sets the text content that is rendered next to the input element of type\n   * radio. This label is essential for accessibility and user clarity, as it\n   * describes the purpose or option of the radio button.\n   */\n  @Prop({ reflect: true })\n  readonly label: string;\n\n  /**\n   * Defines the position of the label relative to the radio button.\n   */\n  @Prop({ mutable: true, reflect: true })\n  labelPlacement: `${FieldLabelPlacement}`;\n\n  /**\n   * Adds a helpful hint message below the label. This description provides\n   * extra information or context about the radio button option, assisting users\n   * in making more informed choices.\n   */\n  @Prop({ mutable: true, reflect: true })\n  description: string;\n\n  /**\n   * Highlight the radio button with error styling. It helps users quickly\n   * identify which option needs attention, improving their form-filling\n   * experience by making issues more visible.\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 radio\n   * button.\n   * @validator message\n   */\n  @Prop({ reflect: true })\n  readonly errorDescription: string;\n\n  /**\n   * Controls whether the radio button is selected.\n   */\n  @Prop({ mutable: true, reflect: true })\n  checked: boolean = false;\n\n  /**\n   * Disables the radio button, making it un-selectable.\n   */\n  @Prop({ reflect: true })\n  readonly disabled: 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  handleCheckedChange(checked: boolean) {\n    this.checkedChanged.emit(checked);\n  }\n\n  /**\n   * Listens for the change event on the radio button input element and controls\n   * the checked state of the host elements.\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 === 'radio') {\n      Array.from(document.getElementsByTagName('nv-fieldradio')).forEach(\n        element => {\n          if (element.name === this.name) {\n            element.checked = false;\n          }\n        },\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        <input\n          type=\"radio\"\n          id={this.inputId}\n          name={this.name}\n          autocomplete=\"off\"\n          value={this.value}\n          checked={this.checked}\n          disabled={this.disabled}\n        />\n\n        <div class=\"text-container\">\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          {(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"],"mappings":"wIAAA,MAAMA,EAAkB,0rJACxB,MAAAC,EAAeD,E,MC0BFE,EAAY,M,gHAkBS,M,aAuBLC,I,kIAiDD,M,6CAcP,M,cAMU,K,CA1F7B,mBAAAC,GACE,GAAIC,KAAKC,QAAS,CAChBD,KAAKE,YAAcF,KAAKC,O,CAG1B,GAAID,KAAKG,YAAa,CACpBH,KAAKI,eAAiB,Q,EA0G1B,mBAAAC,CAAoBC,GAClBN,KAAKO,eAAeC,KAAKF,E,CAS3B,YAAAG,CAAaC,GACX,MAAMC,EAASD,EAAMC,OAErB,IAAIA,IAAM,MAANA,SAAM,SAANA,EAAQC,QAAS,QAAS,CAC5BC,MAAMC,KAAKC,SAASC,qBAAqB,kBAAkBC,SACzDC,IACE,GAAIA,EAAQC,OAASnB,KAAKmB,KAAM,CAC9BD,EAAQZ,QAAU,K,KAKxBN,KAAKM,QAAUK,EAAOL,O,EAQ1B,MAAAc,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAOC,EACLzB,KAAKI,iBAAmB,UAAY,yBACpCJ,KAAK0B,OAAS,UAGhBL,EAAA,SAAAE,IAAA,2CACEX,KAAK,QACLe,GAAI3B,KAAK4B,QACTT,KAAMnB,KAAKmB,KACXU,aAAa,MACbC,MAAO9B,KAAK8B,MACZxB,QAASN,KAAKM,QACdyB,SAAU/B,KAAK+B,WAGjBV,EAAA,OAAAE,IAAA,2CAAKC,MAAM,mBACPxB,KAAKgC,OAAShC,KAAKiC,GAAGC,cAAc,oBACpCb,EAAA,SAAAE,IAAA,2CAAOY,QAASnC,KAAK4B,SACnBP,EAAA,QAAAE,IAAA,2CAAMJ,KAAK,SAASnB,KAAKgC,SAI3BhC,KAAKE,aACLF,KAAKiC,GAAGC,cAAc,0BACtBb,EAAA,OAAAE,IAAA,2CAAKC,MAAM,eACTH,EAAA,QAAAE,IAAA,2CAAMJ,KAAK,eAAenB,KAAKE,eAIjCF,KAAKoC,kBACLpC,KAAKiC,GAAGC,cAAc,gCACtBb,EAAA,OAAAE,IAAA,2CAAKc,QAASrC,KAAK0B,MAAOF,MAAM,qBAC9BH,EAAA,QAAAE,IAAA,2CAAMJ,KAAK,qBAAqBnB,KAAKoC,oB","ignoreList":[]}
+{"version":3,"names":["nvFieldradioCss","NvFieldradioStyle0","NvFieldradio","uuidv4","componentWillRender","this","message","description","labelBefore","labelPlacement","handleCheckedChange","checked","checkedChanged","emit","handleChange","event","target","type","Array","from","document","getElementsByTagName","forEach","element","name","render","h","Host","key","class","clsx","error","id","inputId","autocomplete","value","disabled","label","el","querySelector","htmlFor","errorDescription","hidden"],"sources":["src/components/nv-fieldradio/nv-fieldradio.scss?tag=nv-fieldradio","src/components/nv-fieldradio/nv-fieldradio.tsx"],"sourcesContent":["@import \"../../styles/focus-ring\";\n\n@mixin fieldradio-variables() {\n  --nv-fieldradio-border-default: var(--components-form-field-border-default);\n  --nv-fieldradio-border-hover: var(--components-form-field-border-hover);\n  --nv-fieldradio-border-focus: var(--components-form-field-border-default);\n  --nv-fieldradio-background-default: var(--components-form-field-background-default);\n  --nv-fieldradio-background-checked: var(--components-form-field-background-checked);\n  --nv-fieldradio-background-disabled: var(--components-form-field-background-disabled);\n  --nv-fieldradio-focus-box-shadow: var(--color-focus-brand);\n  --nv-fieldradio-dot-color-checked: var(--components-form-shape-foreground-default);\n  --nv-fieldradio-dot-color-disabled: var(--components-form-shape-foreground-disabled);\n  --nv-fieldradio-outline-color: var(--color-focus-brand);\n}\n\n@mixin fieldradio-error-variables() {\n  --nv-fieldradio-border-default: var(--components-form-field-border-error);\n  --nv-fieldradio-border-hover: var(--nv-fieldradio-border-default);\n  --nv-fieldradio-border-focus: var(--components-form-field-border-error);\n  --nv-fieldradio-background-checked: var(--components-form-field-background-error);\n  --nv-fieldradio-focus-box-shadow: var(--color-focus-destructive);\n  --nv-fieldradio-dot-color-checked: var(--components-form-shape-foreground-default);\n  --nv-fieldradio-dot-color-disabled: var(--components-form-field-border-error);\n  --nv-fieldradio-outline-color: var(--color-focus-destructive);\n\n}\n\n@mixin root-styles() {\n  display: inline-flex;\n  align-items: flex-start;\n  gap: var(--form-gap-x);\n\n  &:not([disabled]),\n  &[disabled=\"false\"] {\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-styles() {\n  appearance: none;\n  position: relative;\n  display: flex;\n  width: var(--form-radio-size);\n  height: var(--form-radio-size);\n  padding: var(--form-radio-inner-circle-padding);\n  flex-direction: column;\n  align-items: flex-start;\n  //gap: 10px;\n  border-radius: var(--radius-rounded-full);\n  border-width: var(--form-radio-border-width);\n  border-style: solid;\n  border-color: var(--nv-fieldradio-border-default);\n  background: var(--nv-fieldradio-background-default);\n\n  &:hover {\n    border-color: var(--nv-fieldradio-border-hover);\n  }\n\n  &:focus {\n    border-color: var(--nv-fieldradio-border-focus);\n  }\n\n  @include focus-ring(var(--nv-fieldradio-outline-color));\n\n  &:checked {\n    background: var(--nv-fieldradio-background-checked);\n    border-color: var(--nv-fieldradio-background-checked);\n\n    &:hover,\n    &:focus {\n      border-color: var(--nv-fieldradio-background-checked);\n      background: var(--nv-fieldradio-background-checked);\n    }\n\n    &::before {\n      content: \"\";\n      position: absolute;\n      top: 50%;\n      right: 50%;\n      transform: translate(50%, -50%);\n      left: 0;\n      width: var(--form-radio-inner-circle-size);\n      height: var(--form-radio-inner-circle-size);\n      flex-shrink: 0;\n      border-radius: var(--radius-rounded-full);\n      background: var(--nv-fieldradio-dot-color-checked);\n    }\n  }\n\n  &:disabled {\n    border-radius: var(--radius-rounded-full);\n    border-width: var(--form-radio-border-width);\n    border-style: solid;\n    border-color: var(--nv-fieldradio-border-default);\n    background: var(--nv-fieldradio-background-disabled);\n\n    &:checked {\n      &::before {\n        background: var(--nv-fieldradio-dot-color-disabled);\n      }\n    }\n\n    &:hover {\n      border-color: var(--nv-fieldradio-border-default);\n      background: var(--nv-fieldradio-background-disabled);\n    }\n  }\n}\n\nnv-fieldradio {\n  @include fieldradio-variables();\n  @include root-styles();\n\n  &.error {\n    @include fieldradio-error-variables();\n  }\n\n  &.label-placement-before {\n    @include label-before-styles();\n  }\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: var(--components-form-opacity-disabled); Error: Invalid value for --components-form-opacity-disabled (expected a <number> but got \"50px\")\n    opacity: 0.5;\n  }\n\n  label {\n    @include label-styles();\n  }\n\n  input[type=\"radio\"] {\n    @include input-styles();\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  Event,\n  EventEmitter,\n  Listen,\n  Watch,\n  Element,\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 */\n@Component({\n  tag: 'nv-fieldradio',\n  shadow: false,\n  styleUrl: 'nv-fieldradio.scss',\n  formAssociated: true,\n})\nexport class NvFieldradio {\n  @Element() el: HTMLNvFieldradioElement;\n\n  /****************************************************************************/\n  //#region DEPRECATED\n\n  /**\n   * Adds a helpful hint message below the label\n   * @deprecated use description instead.\n   */\n  @Prop()\n  readonly message: string;\n\n  /**\n   * Set the label placement to before the input\n   * @deprecated use labelPlacement 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\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   * Use this to assign a group name to your radio buttons. When you have\n   * multiple radio buttons with the same name, users will be able to select\n   * only one option within that group, making your forms more organized and\n   * user-friendly.\n   */\n  @Prop({ reflect: true })\n  readonly name: string;\n\n  /**\n   * Defines what data will be sent when the radio button is selected.\n   * This helps you identify which option the user has chosen in your form,\n   * ensuring accurate data collection. When the form is submitted, the data\n   * will consist of a name=value pair.\n   */\n  @Prop({ reflect: true })\n  readonly value: string;\n\n  /**\n   * Sets the text content that is rendered next to the input element of type\n   * radio. This label is essential for accessibility and user clarity, as it\n   * describes the purpose or option of the radio button.\n   */\n  @Prop({ reflect: true })\n  readonly label: string;\n\n  /**\n   * Defines the position of the label relative to the radio button.\n   */\n  @Prop({ mutable: true, reflect: true })\n  labelPlacement: `${FieldLabelPlacement}`;\n\n  /**\n   * Adds a helpful hint message below the label. This description provides\n   * extra information or context about the radio button option, assisting users\n   * in making more informed choices.\n   */\n  @Prop({ mutable: true, reflect: true })\n  description: string;\n\n  /**\n   * Highlight the radio button with error styling. It helps users quickly\n   * identify which option needs attention, improving their form-filling\n   * experience by making issues more visible.\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 radio\n   * button.\n   * @validator message\n   */\n  @Prop({ reflect: true })\n  readonly errorDescription: string;\n\n  /**\n   * Controls whether the radio button is selected.\n   */\n  @Prop({ mutable: true, reflect: true })\n  checked: boolean = false;\n\n  /**\n   * Disables the radio button, making it un-selectable.\n   */\n  @Prop({ reflect: true })\n  readonly disabled: 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  handleCheckedChange(checked: boolean) {\n    this.checkedChanged.emit(checked);\n  }\n\n  /**\n   * Listens for the change event on the radio button input element and controls\n   * the checked state of the host elements.\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 === 'radio') {\n      Array.from(document.getElementsByTagName('nv-fieldradio')).forEach(\n        element => {\n          if (element.name === this.name) {\n            element.checked = false;\n          }\n        },\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        <input\n          type=\"radio\"\n          id={this.inputId}\n          name={this.name}\n          autocomplete=\"off\"\n          value={this.value}\n          checked={this.checked}\n          disabled={this.disabled}\n        />\n\n        <div class=\"text-container\">\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          {(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,EAAkB,0rJACxB,MAAAC,EAAeD,E,MC0BFE,EAAY,M,gHAkBS,M,aAuBLC,I,kIAiDD,M,6CAcP,M,cAMU,K,CA1F7B,mBAAAC,GACE,GAAIC,KAAKC,QAAS,CAChBD,KAAKE,YAAcF,KAAKC,O,CAG1B,GAAID,KAAKG,YAAa,CACpBH,KAAKI,eAAiB,Q,EA0G1B,mBAAAC,CAAoBC,GAClBN,KAAKO,eAAeC,KAAKF,E,CAS3B,YAAAG,CAAaC,GACX,MAAMC,EAASD,EAAMC,OAErB,IAAIA,IAAM,MAANA,SAAM,SAANA,EAAQC,QAAS,QAAS,CAC5BC,MAAMC,KAAKC,SAASC,qBAAqB,kBAAkBC,SACzDC,IACE,GAAIA,EAAQC,OAASnB,KAAKmB,KAAM,CAC9BD,EAAQZ,QAAU,K,KAKxBN,KAAKM,QAAUK,EAAOL,O,EAQ1B,MAAAc,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAOC,EACLzB,KAAKI,iBAAmB,UAAY,yBACpCJ,KAAK0B,OAAS,UAGhBL,EAAA,SAAAE,IAAA,2CACEX,KAAK,QACLe,GAAI3B,KAAK4B,QACTT,KAAMnB,KAAKmB,KACXU,aAAa,MACbC,MAAO9B,KAAK8B,MACZxB,QAASN,KAAKM,QACdyB,SAAU/B,KAAK+B,WAGjBV,EAAA,OAAAE,IAAA,2CAAKC,MAAM,mBACPxB,KAAKgC,OAAShC,KAAKiC,GAAGC,cAAc,oBACpCb,EAAA,SAAAE,IAAA,2CAAOY,QAASnC,KAAK4B,SACnBP,EAAA,QAAAE,IAAA,2CAAMJ,KAAK,SAASnB,KAAKgC,SAI3BhC,KAAKE,aACLF,KAAKiC,GAAGC,cAAc,0BACtBb,EAAA,OAAAE,IAAA,2CAAKC,MAAM,eACTH,EAAA,QAAAE,IAAA,2CAAMJ,KAAK,eAAenB,KAAKE,eAIjCF,KAAKoC,kBACLpC,KAAKiC,GAAGC,cAAc,gCACtBb,EAAA,OAAAE,IAAA,2CAAKc,QAASrC,KAAK0B,MAAOF,MAAM,qBAC9BH,EAAA,QAAAE,IAAA,2CAAMJ,KAAK,qBAAqBnB,KAAKoC,oB","ignoreList":[]}