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

package/dist/native/native.esm.js

@@ -1,2 +1,2 @@
-import{p as e,H as a,b as n}from"./p-6ef216c4.js";export{s as setNonce}from"./p-6ef216c4.js";import{g as l}from"./p-95714583.js";var d=()=>{{o(a.prototype)}const n=import.meta.url;const l={};if(n!==""){l.resourcesUrl=new URL(".",n).href}return e(l)};var o=e=>{const a=e.cloneNode;e.cloneNode=function(e){if(this.nodeName==="TEMPLATE"){return a.call(this,e)}const n=a.call(this,false);const l=this.childNodes;if(e){for(let e=0;e<l.length;e++){if(l[e].nodeType!==2){n.appendChild(l[e].cloneNode(true))}}}return n}};d().then((async e=>{await l();return n([["p-8bfdda07",[[68,"nv-fielddropdown",{inputId:[513,"input-id"],label:[513],description:[513],placeholder:[513],name:[513],open:[1540],autocomplete:[513],value:[1537],required:[516],error:[516],errorDescription:[513,"error-description"],readonly:[516],disabled:[516],emptyresult:[513],filterable:[1540],filterText:[32],isFilterable:[32],selectedValues:[32],getFilterText:[64]},[[0,"itemSelected","handleItemSelected"],[0,"openChanged","handleOpenChanged"],[0,"keydown","handleKeyDown"]],{filterable:["watchFilterableHandler"],value:["watchValueHandler"]}]]],["p-6eb50254",[[68,"nv-fieldpassword",{inputId:[513,"input-id"],label:[513],description:[1537],placeholder:[513],name:[513],value:[1537],disabled:[516],readonly:[516],required:[516],error:[516],errorDescription:[513,"error-description"],success:[516],maxlength:[514],minlength:[514],pattern:[513],mode:[513],autocomplete:[513],hidePasswordIcon:[516,"hide-password-icon"],showPassword:[516,"show-password"],showPasswordState:[32]},null,{showPassword:["handleShowPasswordChange"]}]]],["p-11faaf31",[[4,"nv-alert",{color:[1],feedback:[1537],message:[513],heading:[513],icon:[513],dismissible:[516],preventAutoClose:[516,"prevent-auto-close"],hidden:[1540]},null,{hidden:["handleHiddenChange"]}]]],["p-7701e4cc",[[4,"nv-avatar",{xsmall:[4],small:[4],medium:[4],large:[4],xlarge:[4],text:[1],url:[1],alt:[513],src:[1537],initials:[1537],size:[1537],color:[513]}]]],["p-3bc5875e",[[4,"nv-badge",{dismissal:[4],icon:[1],iconLocation:[513,"icon-location"],color:[513],label:[513],leadIcon:[1537,"lead-icon"],dismissible:[1540],hidden:[1540],preventAutoClose:[516,"prevent-auto-close"],_isHidden:[32]},null,{dismissal:["handleDismissalChange"],icon:["handleIconChange"],hidden:["handleHiddenChange"]}]]],["p-605f8b3d",[[68,"nv-button",{size:[513],emphasis:[513],danger:[516],loading:[1540],disabled:[1540],fluid:[516],type:[513]},null,{loading:["handleLoadingChange"],disabled:["handleDisabledChange"]}]]],["p-cd75ee63",[[68,"nv-fieldnumber",{message:[1],validation:[1],inputId:[513,"input-id"],label:[513],description:[1537],placeholder:[513],name:[513],disabled:[516],readonly:[516],required:[516],error:[1540],errorDescription:[1537,"error-description"],success:[516],max:[514],min:[514],step:[514],value:[1538]},null,{value:["watchValueHandler"]}]]],["p-fa8a8b21",[[68,"nv-fieldselect",{message:[1],validation:[1],selectId:[513,"select-id"],label:[513],description:[1537],name:[513],disabled:[516],readonly:[516],required:[516],error:[1540],errorDescription:[1537,"error-description"],success:[516],multiple:[516],value:[1537],displayValue:[516,"display-value"],computedDisplayValue:[32],internalReadonly:[32]},null,{value:["updateDisplayValueWatcher"],displayValue:["handleDisplayValueChange"],readonly:["handleReadonlyChange"]}]]],["p-4a64f5b0",[[68,"nv-fieldtext",{message:[1],validation:[1],textInputType:[1,"text-input-type"],inputId:[513,"input-id"],label:[513],description:[1537],placeholder:[513],name:[513],value:[1537],type:[1537],disabled:[516],readonly:[516],required:[516],error:[1540],errorDescription:[1537,"error-description"],success:[516],maxlength:[514],minlength:[514],pattern:[513],autocomplete:[513],multiple:[516]}]]],["p-2a6ca749",[[4,"nv-menu",{open:[1540],nested:[4],disableCloseOnSelect:[4,"disable-close-on-select"],placement:[1],show:[64],close:[64]},[[2,"click","handleMenuClick"],[0,"keydown","handleKeydown"],[0,"openChanged","handleOpenChanged"]]]]],["p-6e8bcd5b",[[4,"nv-menuitem",{icon:[513],disabled:[516],shortcut:[513],hasSubmenu:[516,"has-submenu"]}]]],["p-64ae9a21",[[4,"nv-tooltip",{message:[1],placement:[1],enterDelay:[2,"enter-delay"]}]]],["p-e71fc762",[[4,"nv-base"]]],["p-9f89229b",[[4,"nv-col",{size:[514]}]]],["p-c85d031d",[[4,"nv-datagrid",{columns:[16],columnsJson:[513,"columns-json"],data:[16],dataJson:[513,"data-json"],noDataMessage:[1,"no-data-message"],noColumnsNoDataMessage:[1,"no-columns-no-data-message"],table:[32],parsedColumns:[32],parsedData:[32],hasSlotHead:[32],hasSlotBody:[32]},null,{columns:["parseColumns"],columnsJson:["parseJsonColumns"],data:["parseData"],dataJson:["parseJsonData"],parsedColumns:["handleParsedChange"],parsedData:["handleParsedChange"]}]]],["p-bbe9a373",[[4,"nv-datagridbody"]]],["p-93eea6e1",[[4,"nv-datagridcolumn",{header:[1],accessor:[1]}]]],["p-86947929",[[4,"nv-datagriddatacell",{accessor:[1]}]]],["p-f2e31579",[[4,"nv-datagridhead"]]],["p-ef7f605a",[[4,"nv-datagridrow"]]],["p-50c31094",[[4,"nv-fieldcheckbox",{message:[1],validation:[1],labelBefore:[4,"label-before"],inputId:[513,"input-id"],name:[513],value:[513],label:[513],labelPlacement:[1537,"label-placement"],hideLabel:[516,"hide-label"],description:[1537],error:[516],errorDescription:[1537,"error-description"],checked:[1540],indeterminate:[1540],disabled:[516],readonly:[516],required:[516]},[[0,"change","handleChange"]],{checked:["onCheckedChanged"]}]]],["p-919cf3ec",[[68,"nv-fieldradio",{message:[1],labelBefore:[4,"label-before"],inputId:[513,"input-id"],name:[513],value:[513],label:[513],labelPlacement:[1537,"label-placement"],description:[1537],error:[516],errorDescription:[513,"error-description"],checked:[1540],disabled:[516]},[[0,"change","handleChange"]],{checked:["handleCheckedChange"]}]]],["p-c5e7ecc8",[[68,"nv-fieldtextarea",{message:[1],validation:[1],textareaId:[513,"textarea-id"],label:[513],description:[1537],placeholder:[513],name:[513],value:[1537],disabled:[516],readonly:[516],required:[516],error:[1540],errorDescription:[1537,"error-description"],success:[516],maxlength:[514],minlength:[514],rows:[514],resize:[513],autosize:[516]},null,{rows:["rowsChanged"],autosize:["autosizeChanged"]}]]],["p-a89f5542",[[4,"nv-fieldtoggle",{inputId:[1,"input-id"],name:[1],value:[1],label:[1],labelPlacement:[513,"label-placement"],hideLabel:[4,"hide-label"],description:[513],checked:[1540],disabled:[4],readonly:[4]},[[0,"change","handleChange"]],{checked:["onCheckedChanged"]}]]],["p-c2dfee1a",[[4,"nv-row"]]],["p-df6c9137",[[4,"nv-stack",{gutter:[514],fill:[516],flex:[516],full:[516],vertical:[516]}]]],["p-0bf2007c",[[4,"nv-table",{columns:[16],columnsJson:[513,"columns-json"],data:[16],dataJson:[513,"data-json"],noDataMessage:[1,"no-data-message"],noColumnsNoDataMessage:[1,"no-columns-no-data-message"],parsedColumns:[32],parsedData:[32],hasSlotHead:[32],hasSlotBody:[32]},null,{columns:["parseColumns"],columnsJson:["parseJsonColumns"],data:["parseData"],dataJson:["parseJsonData"]}]]],["p-b3ec71c9",[[4,"nv-tablebody"]]],["p-47c78fe4",[[4,"nv-tablecolumn",{abbr:[1],colspan:[2],rowspan:[2],headers:[1],scope:[1]}]]],["p-8f95f4fa",[[4,"nv-tabledatacell",{colspan:[2],rowspan:[2],headers:[1]}]]],["p-327fa1a0",[[4,"nv-tablehead"]]],["p-17dba26d",[[4,"nv-tablerow"]]],["p-d4277c50",[[0,"nv-icon",{xsmall:[4],small:[4],medium:[4],large:[4],xlarge:[4],color:[1],name:[513],size:[1537],spriteUrl:[32]}]]],["p-25e410c1",[[4,"nv-fielddropdownitem",{disabled:[516],selected:[1540],value:[513],label:[513]}]]],["p-c5e3e234",[[0,"nv-loader",{size:[513],color:[513]}]]],["p-01262eaf",[[68,"nv-iconbutton",{size:[513],emphasis:[513],loading:[1540],disabled:[1540],active:[516],name:[513],type:[513],shape:[513]},null,{loading:["handleLoadingChange"],disabled:["handleDisabledChange"]}]]],["p-a64baca2",[[4,"nv-popover",{triggerElement:[1040],open:[1540],triggerMode:[1,"trigger-mode"],placement:[1],groupName:[1,"group-name"],offset:[2],hasArrow:[4,"has-arrow"],disableFlip:[4,"disable-flip"],shiftPadding:[2,"shift-padding"],enterDelay:[2,"enter-delay"],nested:[516],show:[64],hide:[64],toggle:[64]},[[4,"openChanged","handleOpenChanged"],[4,"click","handleDocumentClick"],[5,"touchstart","handleDocumentTouch"]],{open:["handleOpenChange"]}]]]],e)}));
+import{p as e,H as a,b as l}from"./p-b4aea326.js";export{s as setNonce}from"./p-b4aea326.js";import{g as n}from"./p-eeb6a3dc.js";var d=()=>{{o(a.prototype)}const l=import.meta.url;const n={};if(l!==""){n.resourcesUrl=new URL(".",l).href}return e(n)};var o=e=>{const a=e.cloneNode;e.cloneNode=function(e){if(this.nodeName==="TEMPLATE"){return a.call(this,e)}const l=a.call(this,false);const n=this.childNodes;if(e){for(let e=0;e<n.length;e++){if(n[e].nodeType!==2){l.appendChild(n[e].cloneNode(true))}}}return l}};d().then((async e=>{await n();return l([["p-a7be7540",[[4,"nv-fieldmultiselect",{inputId:[513,"input-id"],name:[513],label:[513],description:[513],placeholder:[513],maxHeight:[513,"max-height"],badgeLabel:[513,"badge-label"],emptyresult:[513],required:[516],error:[516],errorDescription:[513,"error-description"],readonly:[516],disabled:[516],autocomplete:[513],filterable:[1540],value:[1537],open:[1540],mode:[513],options:[513],debounceDelay:[514,"debounce-delay"],parsedOptions:[32],selectedValues:[32],sortedOptions:[32],filterText:[32],isFilterable:[32],modeState:[32],getFilterText:[64],resetFilter:[64],getSelectedValues:[64]},[[0,"openChanged","handleOpenChanged"],[0,"itemChecked","handleItemChecked"],[0,"slotchange","handleSlotChange"],[0,"keydown","handleKeyDown"]],{options:["handleOptionsChange"],value:["watchValueHandler"],filterable:["watchFilterableHandler"],mode:["handleModeChange"]}]]],["p-4e351d8e",[[68,"nv-fielddropdown",{inputId:[513,"input-id"],label:[513],description:[513],placeholder:[513],name:[513],open:[1540],autocomplete:[513],value:[1537],required:[516],error:[516],errorDescription:[513,"error-description"],readonly:[516],disabled:[516],emptyresult:[513],filterable:[1540],filterText:[32],isFilterable:[32],selectedValues:[32],getFilterText:[64]},[[0,"itemSelected","handleItemSelected"],[0,"openChanged","handleOpenChanged"],[0,"keydown","handleKeyDown"]],{filterable:["watchFilterableHandler"],value:["watchValueHandler"]}]]],["p-92e3e334",[[68,"nv-fieldpassword",{inputId:[513,"input-id"],label:[513],description:[1537],placeholder:[513],name:[513],value:[1537],disabled:[516],readonly:[516],required:[516],error:[516],errorDescription:[513,"error-description"],success:[516],maxlength:[514],minlength:[514],pattern:[513],mode:[513],autocomplete:[513],hidePasswordIcon:[516,"hide-password-icon"],showPassword:[516,"show-password"],showPasswordState:[32]},null,{showPassword:["handleShowPasswordChange"]}]]],["p-69ca8c88",[[4,"nv-alert",{color:[1],feedback:[1537],message:[513],heading:[513],icon:[513],dismissible:[516],preventAutoClose:[516,"prevent-auto-close"],hidden:[1540]},null,{hidden:["handleHiddenChange"]}]]],["p-1aaee302",[[4,"nv-avatar",{xsmall:[4],small:[4],medium:[4],large:[4],xlarge:[4],text:[1],url:[1],alt:[513],src:[1537],initials:[1537],size:[1537],color:[513]}]]],["p-a59ec107",[[68,"nv-button",{size:[513],emphasis:[513],danger:[516],loading:[1540],disabled:[1540],fluid:[516],type:[513]},null,{loading:["handleLoadingChange"],disabled:["handleDisabledChange"]}]]],["p-91d30cd7",[[68,"nv-fieldnumber",{message:[1],validation:[1],inputId:[513,"input-id"],label:[513],description:[1537],placeholder:[513],name:[513],disabled:[516],readonly:[516],required:[516],error:[1540],errorDescription:[1537,"error-description"],success:[516],max:[514],min:[514],step:[514],value:[1538]},null,{value:["watchValueHandler"]}]]],["p-a03df637",[[68,"nv-fieldselect",{message:[1],validation:[1],selectId:[513,"select-id"],label:[513],description:[1537],name:[513],disabled:[516],readonly:[516],required:[516],error:[1540],errorDescription:[1537,"error-description"],success:[516],multiple:[516],value:[1537],displayValue:[516,"display-value"],computedDisplayValue:[32],internalReadonly:[32]},null,{value:["updateDisplayValueWatcher"],displayValue:["handleDisplayValueChange"],readonly:["handleReadonlyChange"]}]]],["p-305951e4",[[68,"nv-fieldtext",{message:[1],validation:[1],textInputType:[1,"text-input-type"],inputId:[513,"input-id"],label:[513],description:[1537],placeholder:[513],name:[513],value:[1537],type:[1537],disabled:[516],readonly:[516],required:[516],error:[1540],errorDescription:[1537,"error-description"],success:[516],maxlength:[514],minlength:[514],pattern:[513],autocomplete:[513],multiple:[516]}]]],["p-c8f36510",[[4,"nv-menu",{open:[1540],nested:[4],disableCloseOnSelect:[4,"disable-close-on-select"],placement:[1],show:[64],close:[64]},[[2,"click","handleMenuClick"],[0,"keydown","handleKeydown"],[0,"openChanged","handleOpenChanged"]]]]],["p-20c7fc4d",[[4,"nv-menuitem",{icon:[513],disabled:[516],shortcut:[513],hasSubmenu:[516,"has-submenu"]}]]],["p-0fbb962b",[[4,"nv-tooltip",{message:[1],placement:[1],enterDelay:[2,"enter-delay"]}]]],["p-330c929d",[[4,"nv-base"]]],["p-2fca31c0",[[4,"nv-col",{size:[514]}]]],["p-36d5158c",[[4,"nv-datagrid",{columns:[16],columnsJson:[513,"columns-json"],data:[16],dataJson:[513,"data-json"],noDataMessage:[1,"no-data-message"],noColumnsNoDataMessage:[1,"no-columns-no-data-message"],table:[32],parsedColumns:[32],parsedData:[32],hasSlotHead:[32],hasSlotBody:[32]},null,{columns:["parseColumns"],columnsJson:["parseJsonColumns"],data:["parseData"],dataJson:["parseJsonData"],parsedColumns:["handleParsedChange"],parsedData:["handleParsedChange"]}]]],["p-7a7b9b95",[[4,"nv-datagridbody"]]],["p-e842220b",[[4,"nv-datagridcolumn",{header:[1],accessor:[1]}]]],["p-982e474f",[[4,"nv-datagriddatacell",{accessor:[1]}]]],["p-671699bf",[[4,"nv-datagridhead"]]],["p-f7b96c42",[[4,"nv-datagridrow"]]],["p-12eaebd6",[[68,"nv-fieldradio",{message:[1],labelBefore:[4,"label-before"],inputId:[513,"input-id"],name:[513],value:[513],label:[513],labelPlacement:[1537,"label-placement"],description:[1537],error:[516],errorDescription:[513,"error-description"],checked:[1540],disabled:[516]},[[0,"change","handleChange"]],{checked:["handleCheckedChange"]}]]],["p-7b3a4cbf",[[68,"nv-fieldtextarea",{message:[1],validation:[1],textareaId:[513,"textarea-id"],label:[513],description:[1537],placeholder:[513],name:[513],value:[1537],disabled:[516],readonly:[516],required:[516],error:[1540],errorDescription:[1537,"error-description"],success:[516],maxlength:[514],minlength:[514],rows:[514],resize:[513],autosize:[516]},null,{rows:["rowsChanged"],autosize:["autosizeChanged"]}]]],["p-7b2d8b8c",[[4,"nv-fieldtoggle",{inputId:[1,"input-id"],name:[1],value:[1],label:[1],labelPlacement:[513,"label-placement"],hideLabel:[4,"hide-label"],description:[513],checked:[1540],disabled:[4],readonly:[4]},[[0,"change","handleChange"]],{checked:["onCheckedChanged"]}]]],["p-d3d682a7",[[4,"nv-row"]]],["p-65ad60eb",[[4,"nv-stack",{gutter:[514],fill:[516],flex:[516],full:[516],vertical:[516]}]]],["p-3f912745",[[4,"nv-table",{columns:[16],columnsJson:[513,"columns-json"],data:[16],dataJson:[513,"data-json"],noDataMessage:[1,"no-data-message"],noColumnsNoDataMessage:[1,"no-columns-no-data-message"],parsedColumns:[32],parsedData:[32],hasSlotHead:[32],hasSlotBody:[32]},null,{columns:["parseColumns"],columnsJson:["parseJsonColumns"],data:["parseData"],dataJson:["parseJsonData"]}]]],["p-589eb477",[[4,"nv-tablebody"]]],["p-a8c0fefa",[[4,"nv-tablecolumn",{abbr:[1],colspan:[2],rowspan:[2],headers:[1],scope:[1]}]]],["p-1c689ec7",[[4,"nv-tabledatacell",{colspan:[2],rowspan:[2],headers:[1]}]]],["p-d4c0a1e0",[[4,"nv-tablehead"]]],["p-a7a3c45f",[[4,"nv-tablerow"]]],["p-39dbb15b",[[4,"nv-fielddropdownitem",{disabled:[516],selected:[1540],value:[513],label:[513]}]]],["p-13070761",[[4,"nv-fieldcheckbox",{message:[1],validation:[1],labelBefore:[4,"label-before"],inputId:[513,"input-id"],name:[513],value:[513],label:[513],labelPlacement:[1537,"label-placement"],hideLabel:[516,"hide-label"],description:[1537],error:[516],errorDescription:[1537,"error-description"],checked:[1540],indeterminate:[1540],disabled:[516],readonly:[516],required:[516]},[[0,"change","handleChange"]],{checked:["onCheckedChanged"]}]]],["p-306d1f04",[[4,"nv-badge",{dismissal:[4],icon:[1],iconLocation:[513,"icon-location"],color:[513],label:[513],leadIcon:[1537,"lead-icon"],dismissible:[1540],hidden:[1540],preventAutoClose:[516,"prevent-auto-close"],_isHidden:[32]},null,{dismissal:["handleDismissalChange"],icon:["handleIconChange"],hidden:["handleHiddenChange"]}],[0,"nv-fielddropdownitemcheck",{checked:[1540],value:[513],label:[513],description:[513],group:[513],disabled:[516]}]]],["p-dbade286",[[4,"nv-popover",{triggerElement:[1040],open:[1540],triggerMode:[1,"trigger-mode"],placement:[1],groupName:[1,"group-name"],offset:[2],hasArrow:[4,"has-arrow"],disableFlip:[4,"disable-flip"],shiftPadding:[2,"shift-padding"],enterDelay:[2,"enter-delay"],nested:[516],show:[64],hide:[64],toggle:[64]},[[4,"openChanged","handleOpenChanged"],[4,"click","handleDocumentClick"],[5,"touchstart","handleDocumentTouch"]],{open:["handleOpenChange"]}]]],["p-5b4bdbe2",[[0,"nv-icon",{xsmall:[4],small:[4],medium:[4],large:[4],xlarge:[4],color:[1],name:[513],size:[1537],spriteUrl:[32]}]]],["p-a5582014",[[68,"nv-iconbutton",{size:[513],emphasis:[513],loading:[1540],disabled:[1540],active:[516],name:[513],type:[513],shape:[513]},null,{loading:["handleLoadingChange"],disabled:["handleDisabledChange"]}],[0,"nv-loader",{size:[513],color:[513]}]]]],e)}));
 //# sourceMappingURL=native.esm.js.map

package/dist/native/native.esm.js.map

@@ -1 +1 @@
-{"version":3,"names":["patchBrowser","patchCloneNodeFix","H","prototype","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","HTMLElementPrototype","nativeCloneNodeFn","cloneNode","deep","this","nodeName","call","clonedNode","srcChildNodes","childNodes","i","length","nodeType","appendChild","then","async","options","globalScripts","bootstrapLazy","inputId","label","description","placeholder","name","open","autocomplete","value","required","error","errorDescription","readonly","disabled","emptyresult","filterable","filterText","isFilterable","selectedValues","getFilterText","success","maxlength","minlength","pattern","mode","hidePasswordIcon","showPassword","showPasswordState","color","feedback","message","heading","icon","dismissible","preventAutoClose","hidden","xsmall","small","medium","large","xlarge","text","alt","src","initials","size","dismissal","iconLocation","leadIcon","_isHidden","emphasis","danger","loading","fluid","type","validation","max","min","step","selectId","multiple","displayValue","computedDisplayValue","internalReadonly","textInputType","nested","disableCloseOnSelect","placement","show","close","shortcut","hasSubmenu","enterDelay","columns","columnsJson","data","dataJson","noDataMessage","noColumnsNoDataMessage","table","parsedColumns","parsedData","hasSlotHead","hasSlotBody","header","accessor","labelBefore","labelPlacement","hideLabel","checked","indeterminate","textareaId","rows","resize","autosize","gutter","fill","flex","full","vertical","abbr","colspan","rowspan","headers","scope","spriteUrl","selected","active","shape","triggerElement","triggerMode","groupName","offset","hasArrow","disableFlip","shiftPadding","hide","toggle"],"sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.23.1 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["patchBrowser","patchCloneNodeFix","H","prototype","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","HTMLElementPrototype","nativeCloneNodeFn","cloneNode","deep","this","nodeName","call","clonedNode","srcChildNodes","childNodes","i","length","nodeType","appendChild","then","async","options","globalScripts","bootstrapLazy","inputId","name","label","description","placeholder","maxHeight","badgeLabel","emptyresult","required","error","errorDescription","readonly","disabled","autocomplete","filterable","value","open","mode","debounceDelay","parsedOptions","selectedValues","sortedOptions","filterText","isFilterable","modeState","getFilterText","resetFilter","getSelectedValues","success","maxlength","minlength","pattern","hidePasswordIcon","showPassword","showPasswordState","color","feedback","message","heading","icon","dismissible","preventAutoClose","hidden","xsmall","small","medium","large","xlarge","text","alt","src","initials","size","emphasis","danger","loading","fluid","type","validation","max","min","step","selectId","multiple","displayValue","computedDisplayValue","internalReadonly","textInputType","nested","disableCloseOnSelect","placement","show","close","shortcut","hasSubmenu","enterDelay","columns","columnsJson","data","dataJson","noDataMessage","noColumnsNoDataMessage","table","parsedColumns","parsedData","hasSlotHead","hasSlotBody","header","accessor","labelBefore","labelPlacement","checked","textareaId","rows","resize","autosize","hideLabel","gutter","fill","flex","full","vertical","abbr","colspan","rowspan","headers","scope","selected","indeterminate","dismissal","iconLocation","leadIcon","_isHidden","group","triggerElement","triggerMode","groupName","offset","hasArrow","disableFlip","shiftPadding","hide","toggle","spriteUrl","active","shape"],"sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.22.3 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"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","ignoreList":[]}

package/dist/native/p-0fbb962b.entry.js

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

package/dist/native/p-0fbb962b.entry.js.map

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

package/dist/native/{p-919cf3ec.entry.js → p-12eaebd6.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as r,h as o,a as d,g as i}from"./p-6ef216c4.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.labelBefore=false;this.inputId=n();this.error=false;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-919cf3ec.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:"45884696429c5f9232102f1aee32bd1930085faf",class:a(this.labelPlacement==="before"&&"label-placement-before",this.error&&"error")},o("input",{key:"ef66e9c39bf0c9f1740b055e77a9bfefb3d6135c",type:"radio",id:this.inputId,name:this.name,autocomplete:"off",value:this.value,checked:this.checked,disabled:this.disabled}),o("div",{key:"972f6f0a53bcfd1ee468195227397011b34f4ca8",class:"text-container"},(this.label||this.el.querySelector('[slot="label"]'))&&o("label",{key:"8713b8a6433da65c8b84a323baebdc643ddd605a",htmlFor:this.inputId},o("slot",{key:"bc1b2f7e682242d0da1be9e1c9d385e844568d62",name:"label"},this.label)),(this.description||this.el.querySelector('[slot="description"]'))&&o("div",{key:"c67519cdb09a9a5414a8d37b7013730e32efc700",class:"description"},o("slot",{key:"5058c3dea12bcb2d00cd55219f4a823d50e55c93",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&o("div",{key:"cb264c373040e87183e613bd3d434d3c661f47e7",hidden:!this.error,class:"error-description"},o("slot",{key:"91d8c2e24647ffbce8d6282a2fe1f2f366ef8712",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-12eaebd6.entry.js.map

package/dist/native/p-12eaebd6.entry.js.map

@@ -0,0 +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  //#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":[]}

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

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

package/dist/native/p-13070761.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["nvFieldcheckboxCss","NvFieldcheckboxStyle0","NvFieldcheckbox","uuidv4","componentWillRender","this","message","description","labelBefore","labelPlacement","validation","errorDescription","onCheckedChanged","checked","checkedChanged","emit","handleChange","event","target","type","id","inputId","readonly","disabled","preventDefault","indeterminate","render","h","Host","key","class","clsx","error","name","autocomplete","value","Boolean","required","ref","el","xmlns","width","height","viewBox","fill","d","label","querySelector","htmlFor","hideLabel","hidden"],"sources":["src/components/nv-fieldcheckbox/nv-fieldcheckbox.scss?tag=nv-fieldcheckbox","src/components/nv-fieldcheckbox/nv-fieldcheckbox.tsx"],"sourcesContent":["@import \"../../styles/focus-ring\";\n\n@mixin fieldcheckbox-variables() {\n  --nv-fieldcheckbox-border-default: var(--components-form-field-border-default);\n  --nv-fieldcheckbox-border-hover: var(--components-form-field-border-hover);\n  --nv-fieldcheckbox-border-focus: var(--components-form-field-border-default);\n  --nv-fieldcheckbox-background-default: var(--components-form-field-background-default);\n  --nv-fieldcheckbox-background-checked: var(--components-form-field-background-checked);\n  --nv-fieldcheckbox-background-disabled: var(--components-form-field-background-disabled);\n  --nv-fieldcheckbox-focus-box-shadow: var(--color-focus-brand);\n  --nv-fieldcheckbox-color-checked: var(--components-form-shape-foreground-default);\n  --nv-fieldcheckbox-color-disabled: var(--components-form-shape-foreground-disabled);\n  --nv-fieldcheckbox-outline-color: var(--color-focus-brand);\n}\n\n@mixin fieldcheckbox-error-variables() {\n  --nv-fieldcheckbox-border-default: var(--components-form-field-border-error);\n  --nv-fieldcheckbox-border-hover: var(--nv-fieldcheckbox-border-default);\n  --nv-fieldcheckbox-border-focus: var(--components-form-field-border-error);\n  --nv-fieldcheckbox-focus-box-shadow: var(--color-focus-destructive);\n  --nv-fieldcheckbox-color-disabled: var(--components-form-shape-foreground-disabled-error);\n  --nv-fieldcheckbox-background-checked: var(--components-form-field-background-error);\n  --nv-fieldcheckbox-outline-color: var(--color-focus-destructive);\n}\n\n@mixin root-styles() {\n  display: inline-flex;\n  align-items: flex-start;\n  gap: var(--form-gap-x);\n  position: relative;\n\n  &:not([disabled], [readonly]) {\n    input,\n    label {\n      cursor: pointer;\n    }\n  }\n}\n\n@mixin label-before-styles() {\n  flex-direction: row-reverse;\n}\n\n@mixin label-styles() {\n  align-self: stretch;\n  color: var(--components-form-text-label-default);\n  font-family: \"TT Norms Pro\", sans-serif;\n  font-size: var(--form-label-font-size);\n  font-style: normal;\n  font-weight: var(--form-label-font-weight);\n  line-height: var(--form-label-line-height);\n}\n\n@mixin description-styles() {\n  align-self: stretch;\n  color: var(--components-form-text-description-default);\n  font-family: \"TT Norms Pro\", sans-serif;\n  font-size: var(--form-description-font-size);\n  font-style: normal;\n  font-weight: var(--form-description-font-weight);\n  line-height: var(--form-description-line-height);\n}\n\n@mixin error-description-styles() {\n  @include description-styles();\n\n  color: var(--components-form-text-description-error);\n}\n\n@mixin text-container-styles() {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  flex: 1 0 0;\n}\n\n@mixin input-container-styles() {\n  position: relative;\n  color: var(--nv-fieldcheckbox-color-checked);\n\n  input[type=checkbox][readonly] {\n    // TODO: Find a way to use the --components-form-opacity-disabled variable properly, right now it outputs a value of 50px instead of 0.5.\n    opacity: 0.5;\n  }\n\n  &:has(input[type=\"checkbox\"]:disabled:not([readonly])) {\n    color: var(--nv-fieldcheckbox-color-disabled);\n  }\n}\n\n@mixin input-styles() {\n  appearance: none;\n  position: relative;\n  display: flex;\n  width: var(--form-checkbox-size);\n  height: var(--form-checkbox-size);\n  flex-direction: column;\n  align-items: flex-start;\n  border-radius: var(--form-checkbox-radius);\n  border-width: var(--form-checkbox-border-width);\n  border-style: solid;\n  border-color: var(--nv-fieldcheckbox-border-default);\n  background: var(--nv-fieldcheckbox-background-default);\n\n  &:hover {\n    border-color: var(--nv-fieldcheckbox-border-hover);\n  }\n\n  &:focus {\n    border-color: var(--nv-fieldcheckbox-border-focus);\n  }\n\n  @include focus-ring(var(--nv-fieldcheckbox-outline-color));\n\n  &:checked,\n  &:indeterminate {\n    background: var(--nv-fieldcheckbox-background-checked);\n    border-color: var(--nv-fieldcheckbox-background-checked);\n  }\n\n  &:disabled:not([readonly]) {\n    background: var(--nv-fieldcheckbox-background-disabled);\n    border-color: var(--nv-fieldcheckbox-border-default);\n  }\n\n  &[readonly] {\n    // TODO: Find a way to use the --components-form-opacity-disabled variable properly, right now it outputs a value of 50px instead of 0.5.\n    opacity: 0.5;\n  }\n}\n\n@mixin icon-styles() {\n  pointer-events: none;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  svg {\n    width: var(--form-checkbox-icon-size);\n    height: var(--form-checkbox-icon-size);\n    fill: none;\n    stroke: currentcolor;\n    stroke-width: var(--form-checkbox-icon-stroke);\n    flex-shrink: 0;\n  }\n}\n\nnv-fieldcheckbox {\n  @include fieldcheckbox-variables();\n  @include root-styles();\n\n  &.error .input-container {\n    @include fieldcheckbox-error-variables();\n  }\n\n  &.label-placement-before {\n    @include label-before-styles();\n  }\n  &[disabled] {\n    // TODO: Find a way to use the --components-form-opacity-disabled variable properly, right now it outputs a value of 50px instead of 0.5.\n    opacity: 0.5;\n  }\n  label {\n    @include label-styles();\n  }\n\n  .input-container {\n    @include input-container-styles();\n\n    input[type=\"checkbox\"] {\n      @include input-styles();\n    }\n\n    .icon {\n      @include icon-styles();\n    }\n  }\n\n  .description {\n    @include description-styles();\n  }\n\n  .error-description {\n    @include error-description-styles();\n  }\n\n  .text-container {\n    @include text-container-styles();\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Watch,\n  Event,\n  EventEmitter,\n  Listen,\n} from '@stencil/core';\nimport clsx from 'clsx';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport { type FieldLabelPlacement } from '../../utils/constants';\n\n/**\n * @slot label - Content to be placed as the label, will override the label prop.\n * @slot description - Content to be placed as the description, will override the description prop.\n * @slot error-description - Content to be placed as the error description, will override the errorDescription prop.\n * @slot checked-icon - Content to be placed as the checked icon, will override the checkedIcon prop.\n * @slot indeterminate-icon - Content to be placed as the indeterminate icon, will override the indeterminateIcon prop.\n */\n@Component({\n  tag: 'nv-fieldcheckbox',\n  styleUrl: 'nv-fieldcheckbox.scss',\n  shadow: false,\n})\nexport class NvFieldcheckbox {\n  @Element() el!: HTMLNvFieldcheckboxElement;\n\n  /****************************************************************************/\n  //#region DEPRECATED\n\n  /**\n   * Message define a 'hint ' message for the Field.\n   * @deprecated Use `description` instead.\n   * */\n  @Prop()\n  readonly message?: string;\n\n  /**\n   * The text for the validation message.\n   * @deprecated Use `errorDescription` instead.\n   * */\n  @Prop()\n  readonly validation?: string;\n\n  /**\n   * When true, the label will be placed before the checkbox.\n   * @deprecated Use `labelPlacement = end` instead.\n   * */\n  @Prop()\n  readonly labelBefore?: boolean = false;\n\n  componentWillRender() {\n    if (this.message) {\n      this.description = this.message;\n    }\n\n    if (this.labelBefore) {\n      this.labelPlacement = 'before';\n    }\n\n    if (this.validation) {\n      this.errorDescription = this.validation;\n    }\n  }\n\n  //#endregion DEPRECATED\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Sets the ID for the radio button’s input element and the for attribute of\n   * the associated label. If no ID is provided, a random one will be\n   * automatically generated to ensure unique identification, facilitating\n   * proper label association and accessibility.\n   */\n  @Prop({ reflect: true })\n  readonly inputId: string = uuidv4();\n\n  /**\n   * The name attribute for the checkbox input, used to reference the form data\n   * after submission.\n   */\n  @Prop({ reflect: true })\n  readonly name?: string;\n\n  /**\n   * The value attribute of the checkbox input, representing the value sent on\n   * form submission when the checkbox is checked. When the form is submitted,\n   * the data will consist of a name=value pair.\n   */\n  @Prop({ reflect: true })\n  readonly value?: string;\n\n  /**\n   * The label displayed next to the checkbox.\n   */\n  @Prop({ reflect: true })\n  readonly label?: string;\n\n  /**\n   * Determines the position of the label relative to the checkbox, either\n   * 'start' (before) or 'end' (after).\n   */\n  @Prop({ reflect: true, mutable: true })\n  labelPlacement: `${FieldLabelPlacement}`;\n\n  /**\n   * Hides the label visually while still keeping it available for screen\n   * readers.\n   */\n  @Prop({ reflect: true })\n  readonly hideLabel: boolean = false;\n\n  /**\n   * A description providing additional context or information about the\n   * checkbox.\n   */\n  @Prop({ reflect: true, mutable: true })\n  description?: string;\n\n  /**\n   * Signals that there is an error associated with the checkbox, which can\n   * trigger visual cues.\n   */\n  @Prop({ reflect: true })\n  readonly error: boolean = false;\n\n  /**\n   * A description that appears when there is an error related to the checkbox.\n   */\n  @Prop({ reflect: true, mutable: true })\n  errorDescription?: string;\n\n  /**\n   * Indicates whether the checkbox is checked or not.\n   */\n  @Prop({ reflect: true, mutable: true })\n  checked: boolean = false;\n\n  /**\n   * Indicates whether the checkbox is in an indeterminate state, typically used\n   * for hierarchical checkboxes.\n   */\n  @Prop({ reflect: true, mutable: true })\n  indeterminate: boolean = false;\n\n  /**\n   * Disables the checkbox, preventing user interaction.\n   */\n  @Prop({ reflect: true })\n  readonly disabled: boolean = false;\n\n  /**\n   * Sets the checkbox to read-only, preventing user changes but still allowing\n   * focus and selection of text.\n   */\n  @Prop({ reflect: true })\n  readonly readonly: boolean = false;\n\n  /**\n   * Marks the checkbox as required, indicating that it must be checked for\n   * form submission.\n   */\n  @Prop({ reflect: true })\n  readonly required: boolean = false;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emits when the checked state changes.\n   * @bind checked\n   */\n  @Event()\n  checkedChanged: EventEmitter<boolean>;\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region WATCHERS\n\n  /**\n   * Watches for changes to the checked state and emits the new value.\n   * @param {boolean} checked - The new value of the checked state.\n   */\n  @Watch('checked')\n  onCheckedChanged(checked: boolean) {\n    this.checkedChanged.emit(checked);\n  }\n\n  /**\n   * Listens for the change event on the checkbox input element and updates the\n   * checked state.\n   * @param {Event} event - The change event.\n   */\n  @Listen('change')\n  handleChange(event: Event) {\n    const target = event.target as HTMLInputElement;\n\n    if (target.type === 'checkbox' && target.id === this.inputId) {\n      if (this.readonly || this.disabled) {\n        event.preventDefault();\n        return;\n      }\n\n      if (this.indeterminate) {\n        this.indeterminate = false;\n      }\n\n      this.checked = target.checked;\n    }\n  }\n\n  //#endregion WATCHERS\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host\n        class={clsx(\n          this.labelPlacement === 'before' && 'label-placement-before',\n          this.error && 'error',\n        )}\n      >\n        <div class=\"input-container\">\n          <input\n            type=\"checkbox\"\n            id={this.inputId}\n            name={this.name}\n            autocomplete=\"off\"\n            value={this.value}\n            checked={Boolean(this.checked)}\n            disabled={this.disabled || this.readonly}\n            readonly={this.readonly && !this.required}\n            required={this.required}\n            indeterminate={this.indeterminate}\n            ref={el => {\n              if (el) {\n                el.indeterminate = this.indeterminate;\n              }\n            }}\n          />\n          <span class=\"icon\">\n            {this.checked && !this.indeterminate && (\n              <slot name=\"checked-icon\">\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  width=\"14\"\n                  height=\"14\"\n                  viewBox=\"0 0 14 14\"\n                  fill=\"none\"\n                >\n                  <path\n                    d=\"M11.6667 3.5L5.25004 9.91667L2.33337 7\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                  />\n                </svg>\n              </slot>\n            )}\n            {this.indeterminate && (\n              <slot name=\"indeterminate-icon\">\n                <svg\n                  class=\"indeterminate-svg\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  viewBox=\"0 0 14 14\"\n                  fill=\"none\"\n                >\n                  <path\n                    d=\"M2.9165 7H11.0832\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                  />\n                </svg>\n              </slot>\n            )}\n          </span>\n        </div>\n\n        <div class=\"text-container\">\n          {(this.label || this.el.querySelector('[slot=\"label\"]')) && (\n            <label\n              htmlFor={this.inputId}\n              class={clsx(this.hideLabel && 'visually-hidden')}\n            >\n              <slot name=\"label\">{this.label}</slot>\n            </label>\n          )}\n\n          {(this.description ||\n            this.el.querySelector('[slot=\"description\"]')) && (\n            <div class=\"description\">\n              <slot name=\"description\">{this.description}</slot>\n            </div>\n          )}\n\n          {(this.errorDescription ||\n            this.el.querySelector('[slot=\"error-description\"]')) && (\n            <div hidden={!this.error} class=\"error-description\">\n              <slot name=\"error-description\">{this.errorDescription}</slot>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n}\n"],"mappings":"wIAAA,MAAMA,EAAqB,+0JAC3B,MAAAC,EAAeD,E,MC2BFE,EAAe,M,0IAyBO,M,aA2BNC,I,2GAmCG,M,sCAcJ,M,6CAYP,M,mBAOM,M,cAMI,M,cAOA,M,cAOA,K,CAjH7B,mBAAAC,GACE,GAAIC,KAAKC,QAAS,CAChBD,KAAKE,YAAcF,KAAKC,O,CAG1B,GAAID,KAAKG,YAAa,CACpBH,KAAKI,eAAiB,Q,CAGxB,GAAIJ,KAAKK,WAAY,CACnBL,KAAKM,iBAAmBN,KAAKK,U,EA6HjC,gBAAAE,CAAiBC,GACfR,KAAKS,eAAeC,KAAKF,E,CAS3B,YAAAG,CAAaC,GACX,MAAMC,EAASD,EAAMC,OAErB,GAAIA,EAAOC,OAAS,YAAcD,EAAOE,KAAOf,KAAKgB,QAAS,CAC5D,GAAIhB,KAAKiB,UAAYjB,KAAKkB,SAAU,CAClCN,EAAMO,iBACN,M,CAGF,GAAInB,KAAKoB,cAAe,CACtBpB,KAAKoB,cAAgB,K,CAGvBpB,KAAKQ,QAAUK,EAAOL,O,EAQ1B,MAAAa,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAOC,EACL1B,KAAKI,iBAAmB,UAAY,yBACpCJ,KAAK2B,OAAS,UAGhBL,EAAA,OAAAE,IAAA,2CAAKC,MAAM,mBACTH,EAAA,SAAAE,IAAA,2CACEV,KAAK,WACLC,GAAIf,KAAKgB,QACTY,KAAM5B,KAAK4B,KACXC,aAAa,MACbC,MAAO9B,KAAK8B,MACZtB,QAASuB,QAAQ/B,KAAKQ,SACtBU,SAAUlB,KAAKkB,UAAYlB,KAAKiB,SAChCA,SAAUjB,KAAKiB,WAAajB,KAAKgC,SACjCA,SAAUhC,KAAKgC,SACfZ,cAAepB,KAAKoB,cACpBa,IAAKC,IACH,GAAIA,EAAI,CACNA,EAAGd,cAAgBpB,KAAKoB,a,KAI9BE,EAAA,QAAAE,IAAA,2CAAMC,MAAM,QACTzB,KAAKQ,UAAYR,KAAKoB,eACrBE,EAAA,QAAAE,IAAA,2CAAMI,KAAK,gBACTN,EAAA,OAAAE,IAAA,2CACEW,MAAM,6BACNC,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,QAELjB,EAAA,QAAAE,IAAA,2CACEgB,EAAE,yCAAwC,iBAC3B,QAAO,kBACN,YAKvBxC,KAAKoB,eACJE,EAAA,QAAAE,IAAA,2CAAMI,KAAK,sBACTN,EAAA,OAAAE,IAAA,2CACEC,MAAM,oBACNU,MAAM,6BACNG,QAAQ,YACRC,KAAK,QAELjB,EAAA,QAAAE,IAAA,2CACEgB,EAAE,oBAAmB,iBACN,QAAO,kBACN,cAQ5BlB,EAAA,OAAAE,IAAA,2CAAKC,MAAM,mBACPzB,KAAKyC,OAASzC,KAAKkC,GAAGQ,cAAc,oBACpCpB,EAAA,SAAAE,IAAA,2CACEmB,QAAS3C,KAAKgB,QACdS,MAAOC,EAAK1B,KAAK4C,WAAa,oBAE9BtB,EAAA,QAAAE,IAAA,2CAAMI,KAAK,SAAS5B,KAAKyC,SAI3BzC,KAAKE,aACLF,KAAKkC,GAAGQ,cAAc,0BACtBpB,EAAA,OAAAE,IAAA,2CAAKC,MAAM,eACTH,EAAA,QAAAE,IAAA,2CAAMI,KAAK,eAAe5B,KAAKE,eAIjCF,KAAKM,kBACLN,KAAKkC,GAAGQ,cAAc,gCACtBpB,EAAA,OAAAE,IAAA,2CAAKqB,QAAS7C,KAAK2B,MAAOF,MAAM,qBAC9BH,EAAA,QAAAE,IAAA,2CAAMI,KAAK,qBAAqB5B,KAAKM,oB","ignoreList":[]}

package/dist/native/{p-7701e4cc.entry.js → p-1aaee302.entry.js}

@@ -1,2 +1,2 @@
-import{r as a,h as t,a as r}from"./p-6ef216c4.js";import{c as n}from"./p-8a1a6e56.js";import{S as o}from"./p-a15ddd42.js";const i='nv-icon{display:inline-block;width:fit-content;height:fit-content;color:inherit}nv-icon>.nv-icon-xs{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-icon>.nv-icon-sm{width:var(--spacing-4);height:var(--spacing-4);stroke-width:1.5px}nv-icon>.nv-icon-md{width:var(--spacing-5);height:var(--spacing-5);stroke-width:1.6px}nv-icon>.nv-icon-lg{width:var(--spacing-6);height:var(--spacing-6);stroke-width:1.8px}nv-icon>.nv-icon-xl{width:var(--spacing-7);height:var(--spacing-7);stroke-width:1.9px}nv-avatar{align-items:center !important;background-color:var(--components-avatar-background-1);border-radius:var(--radius-rounded-full) !important;display:flex !important;flex-shrink:0 !important;font-family:"TT Norms Pro", sans-serif;font-style:normal;font-weight:var(--font-weight-medium-emphasis);justify-content:center !important;leading-trim:both;line-height:1 !important;text-align:center;text-edge:cap;text-transform:uppercase}nv-avatar.avatar-color-1{background-color:var(--components-avatar-background-1);color:var(--components-avatar-content-1)}nv-avatar.avatar-color-2{background-color:var(--components-avatar-background-2);color:var(--components-avatar-content-2)}nv-avatar.avatar-color-3{background-color:var(--components-avatar-background-3);color:var(--components-avatar-content-3)}nv-avatar.avatar-color-4{background-color:var(--components-avatar-background-4);color:var(--components-avatar-content-4)}nv-avatar.avatar-color-5{background-color:var(--components-avatar-background-5);color:var(--components-avatar-content-5)}nv-avatar.avatar-color-6{background-color:var(--components-avatar-background-6);color:var(--components-avatar-content-6)}nv-avatar.avatar-color-7{background-color:var(--components-avatar-background-7);color:var(--components-avatar-content-7)}nv-avatar.avatar-color-8{background-color:var(--components-avatar-background-8);color:var(--components-avatar-content-8)}nv-avatar.avatar-color-9{background-color:var(--components-avatar-background-9);color:var(--components-avatar-content-9)}nv-avatar.avatar-color-10{background-color:var(--components-avatar-background-10);color:var(--components-avatar-content-10)}nv-avatar img{height:100%;width:100%;object-fit:cover;object-position:center;border-radius:50%}nv-avatar.avatar-xs{width:var(--avatar-xs-size);height:var(--avatar-xs-size);font-size:var(--avatar-xs-font-size);line-height:var(--avatar-xs-font-size)}nv-avatar.avatar-xs nv-icon>svg{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-avatar.avatar-sm{width:var(--avatar-sm-size);height:var(--avatar-sm-size);font-size:var(--avatar-sm-font-size);line-height:var(--avatar-sm-font-size)}nv-avatar.avatar-sm nv-icon>svg{width:var(--spacing-4);height:var(--spacing-4);stroke-width:1.5px}nv-avatar.avatar-md{width:var(--avatar-md-size);height:var(--avatar-md-size);font-size:var(--avatar-md-font-size);line-height:var(--avatar-md-font-size)}nv-avatar.avatar-md nv-icon>svg{width:var(--spacing-5);height:var(--spacing-5);stroke-width:1.6px}nv-avatar.avatar-lg{width:var(--avatar-lg-size);height:var(--avatar-lg-size);font-size:var(--avatar-lg-font-size);line-height:var(--avatar-lg-font-size)}nv-avatar.avatar-lg nv-icon>svg{width:var(--spacing-6);height:var(--spacing-6);stroke-width:1.8px}nv-avatar.avatar-xl{width:var(--avatar-xl-size);height:var(--avatar-xl-size);font-size:var(--avatar-xl-font-size);line-height:var(--avatar-xl-font-size)}nv-avatar.avatar-xl nv-icon>svg{width:var(--spacing-7);height:var(--spacing-7);stroke-width:1.9px}';const v=i;const s=class{constructor(t){a(this,t);this.size="md";this.color="1"}componentWillRender(){if(this.xsmall){this.size=o.ExtraSmall}if(this.small){this.size=o.Small}if(this.medium){this.size=o.Medium}if(this.large){this.size=o.Large}if(this.xlarge){this.size=o.ExtraLarge}if(this.text){this.initials=this.text}if(this.url){this.src=this.url}}trimInitials(a){return a.trim().substring(0,2)}render(){return t(r,{key:"8cd1fe9e804aa11e821c0983c28eefdbe2275235",class:n(`avatar-${this.size}`,`avatar-color-${this.color}`),"aria-label":this.alt},this.src?t("img",{src:this.src,alt:this.alt}):this.initials?this.trimInitials(this.initials):t("slot",{name:"icon"},t("nv-icon",{name:"user"})))}};s.style=v;export{s as nv_avatar};
-//# sourceMappingURL=p-7701e4cc.entry.js.map
+import{r as a,h as t,a as r}from"./p-b4aea326.js";import{c as n}from"./p-8a1a6e56.js";import{S as o}from"./p-a15ddd42.js";const i='nv-icon{display:inline-block;width:fit-content;height:fit-content;color:inherit}nv-icon>.nv-icon-xs{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-icon>.nv-icon-sm{width:var(--spacing-4);height:var(--spacing-4);stroke-width:1.5px}nv-icon>.nv-icon-md{width:var(--spacing-5);height:var(--spacing-5);stroke-width:1.6px}nv-icon>.nv-icon-lg{width:var(--spacing-6);height:var(--spacing-6);stroke-width:1.8px}nv-icon>.nv-icon-xl{width:var(--spacing-7);height:var(--spacing-7);stroke-width:1.9px}nv-avatar{align-items:center !important;background-color:var(--components-avatar-background-1);border-radius:var(--radius-rounded-full) !important;display:flex !important;flex-shrink:0 !important;font-family:"TT Norms Pro", sans-serif;font-style:normal;font-weight:var(--font-weight-medium-emphasis);justify-content:center !important;leading-trim:both;line-height:1 !important;text-align:center;text-edge:cap;text-transform:uppercase}nv-avatar.avatar-color-1{background-color:var(--components-avatar-background-1);color:var(--components-avatar-content-1)}nv-avatar.avatar-color-2{background-color:var(--components-avatar-background-2);color:var(--components-avatar-content-2)}nv-avatar.avatar-color-3{background-color:var(--components-avatar-background-3);color:var(--components-avatar-content-3)}nv-avatar.avatar-color-4{background-color:var(--components-avatar-background-4);color:var(--components-avatar-content-4)}nv-avatar.avatar-color-5{background-color:var(--components-avatar-background-5);color:var(--components-avatar-content-5)}nv-avatar.avatar-color-6{background-color:var(--components-avatar-background-6);color:var(--components-avatar-content-6)}nv-avatar.avatar-color-7{background-color:var(--components-avatar-background-7);color:var(--components-avatar-content-7)}nv-avatar.avatar-color-8{background-color:var(--components-avatar-background-8);color:var(--components-avatar-content-8)}nv-avatar.avatar-color-9{background-color:var(--components-avatar-background-9);color:var(--components-avatar-content-9)}nv-avatar.avatar-color-10{background-color:var(--components-avatar-background-10);color:var(--components-avatar-content-10)}nv-avatar img{height:100%;width:100%;object-fit:cover;object-position:center;border-radius:50%}nv-avatar.avatar-xs{width:var(--avatar-xs-size);height:var(--avatar-xs-size);font-size:var(--avatar-xs-font-size);line-height:var(--avatar-xs-font-size)}nv-avatar.avatar-xs nv-icon>svg{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-avatar.avatar-sm{width:var(--avatar-sm-size);height:var(--avatar-sm-size);font-size:var(--avatar-sm-font-size);line-height:var(--avatar-sm-font-size)}nv-avatar.avatar-sm nv-icon>svg{width:var(--spacing-4);height:var(--spacing-4);stroke-width:1.5px}nv-avatar.avatar-md{width:var(--avatar-md-size);height:var(--avatar-md-size);font-size:var(--avatar-md-font-size);line-height:var(--avatar-md-font-size)}nv-avatar.avatar-md nv-icon>svg{width:var(--spacing-5);height:var(--spacing-5);stroke-width:1.6px}nv-avatar.avatar-lg{width:var(--avatar-lg-size);height:var(--avatar-lg-size);font-size:var(--avatar-lg-font-size);line-height:var(--avatar-lg-font-size)}nv-avatar.avatar-lg nv-icon>svg{width:var(--spacing-6);height:var(--spacing-6);stroke-width:1.8px}nv-avatar.avatar-xl{width:var(--avatar-xl-size);height:var(--avatar-xl-size);font-size:var(--avatar-xl-font-size);line-height:var(--avatar-xl-font-size)}nv-avatar.avatar-xl nv-icon>svg{width:var(--spacing-7);height:var(--spacing-7);stroke-width:1.9px}';const v=i;const e=class{constructor(t){a(this,t);this.xsmall=undefined;this.small=undefined;this.medium=undefined;this.large=undefined;this.xlarge=undefined;this.text=undefined;this.url=undefined;this.alt=undefined;this.src=undefined;this.initials=undefined;this.size="md";this.color="1"}componentWillRender(){if(this.xsmall){this.size=o.ExtraSmall}if(this.small){this.size=o.Small}if(this.medium){this.size=o.Medium}if(this.large){this.size=o.Large}if(this.xlarge){this.size=o.ExtraLarge}if(this.text){this.initials=this.text}if(this.url){this.src=this.url}}trimInitials(a){return a.trim().substring(0,2)}render(){return t(r,{key:"8cd1fe9e804aa11e821c0983c28eefdbe2275235",class:n(`avatar-${this.size}`,`avatar-color-${this.color}`),"aria-label":this.alt},this.src?t("img",{src:this.src,alt:this.alt}):this.initials?this.trimInitials(this.initials):t("slot",{name:"icon"},t("nv-icon",{name:"user"})))}};e.style=v;export{e as nv_avatar};
+//# sourceMappingURL=p-1aaee302.entry.js.map

package/dist/native/p-1aaee302.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["nvAvatarCss","NvAvatarStyle0","NvAvatar","componentWillRender","this","xsmall","size","SemanticSizes","ExtraSmall","small","Small","medium","Medium","large","Large","xlarge","ExtraLarge","text","initials","url","src","trimInitials","trim","substring","render","h","Host","key","class","clsx","color","alt","name"],"sources":["src/components/nv-avatar/nv-avatar.scss?tag=nv-avatar","src/components/nv-avatar/nv-avatar.tsx"],"sourcesContent":["@use \"sass:map\";\n@use \"../nv-icon/nv-icon.scss\" as icon;\n\n/* Variants */\n$avatar-sizes: (\"xs\", \"sm\", \"md\", \"lg\", \"xl\");\n$avatar-colors: (\"1\", \"2\", \"3\", \"4\", \"5\", \"6\", \"7\", \"8\", \"9\", \"10\");\n\n/* Define maps for size-related variables */\n$avatar-size: (\n  \"xs\": var(--avatar-xs-size),\n  \"sm\": var(--avatar-sm-size),\n  \"md\": var(--avatar-md-size),\n  \"lg\": var(--avatar-lg-size),\n  \"xl\": var(--avatar-xl-size)\n);\n\n$avatar-font-size: (\n  \"xs\": var(--avatar-xs-font-size),\n  \"sm\": var(--avatar-sm-font-size),\n  \"md\": var(--avatar-md-font-size),\n  \"lg\": var(--avatar-lg-font-size),\n  \"xl\": var(--avatar-xl-font-size)\n);\n\n/* Define maps for color-related variables */\n$avatar-color-background: (\n  \"1\": var(--components-avatar-background-1),\n  \"2\": var(--components-avatar-background-2),\n  \"3\": var(--components-avatar-background-3),\n  \"4\": var(--components-avatar-background-4),\n  \"5\": var(--components-avatar-background-5),\n  \"6\": var(--components-avatar-background-6),\n  \"7\": var(--components-avatar-background-7),\n  \"8\": var(--components-avatar-background-8),\n  \"9\": var(--components-avatar-background-9),\n  \"10\": var(--components-avatar-background-10)\n);\n\n$avatar-color-content: (\n  \"1\": var(--components-avatar-content-1),\n  \"2\": var(--components-avatar-content-2),\n  \"3\": var(--components-avatar-content-3),\n  \"4\": var(--components-avatar-content-4),\n  \"5\": var(--components-avatar-content-5),\n  \"6\": var(--components-avatar-content-6),\n  \"7\": var(--components-avatar-content-7),\n  \"8\": var(--components-avatar-content-8),\n  \"9\": var(--components-avatar-content-9),\n  \"10\": var(--components-avatar-content-10)\n);\n\n@mixin avatar-base-styles() {\n  align-items: center !important;\n  background-color: var(--components-avatar-background-1);\n  border-radius: var(--radius-rounded-full) !important;\n  display: flex !important;\n  flex-shrink: 0 !important;\n  font-family: \"TT Norms Pro\", sans-serif;\n  font-style: normal;\n  font-weight: var(--font-weight-medium-emphasis);\n  justify-content: center !important;\n  leading-trim: both;\n  line-height: 1 !important;\n  text-align: center;\n  text-edge: cap;\n  text-transform: uppercase;\n}\n\n@mixin avatar-color($avatar-number) {\n  background-color: map.get($avatar-color-background, $avatar-number);\n  color: map.get($avatar-color-content, $avatar-number);\n}\n\n@mixin avatar-image-styles() {\n  height: 100%;\n  width: 100%;\n  object-fit: cover;\n  object-position: center;\n  border-radius: 50%;\n}\n\n@mixin avatar-size-styles($size) {\n  width: map.get($avatar-size, $size);\n  height: map.get($avatar-size, $size);\n  font-size: map.get($avatar-font-size, $size);\n  line-height: map.get($avatar-font-size, $size);\n\n  nv-icon > svg {\n    @include icon.icon-size-and-stroke(\n      map.get(map.get(icon.$icon-config, $size), size),\n      map.get(map.get(icon.$icon-config, $size), stroke)\n    );\n  }\n}\n\nnv-avatar {\n  @include avatar-base-styles();\n\n  @each $color in $avatar-colors {\n    &.avatar-color-#{$color} {\n      @include avatar-color($color);\n    }\n  }\n\n  img {\n    @include avatar-image-styles();\n  }\n\n  @each $size in $avatar-sizes {\n    &.avatar-#{$size} {\n      @include avatar-size-styles($size);\n    }\n  }\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\nimport { SemanticSizes } from '../../utils/constants';\n\n/**\n * @slot icon - if you want to add an icon to the avatar, use this slot with an svg or nv-icon\n */\n@Component({\n  tag: 'nv-avatar',\n  styleUrl: 'nv-avatar.scss',\n  shadow: false,\n})\nexport class NvAvatar {\n  /****************************************************************************/\n  //#region DEPRECATED\n\n  /**\n   * Set size to ExtraSmall to the avatar.\n   * @deprecated use size instead.\n   */\n  @Prop()\n  readonly xsmall: boolean;\n\n  /**\n   * Set size to Small to the avatar.\n   * @deprecated use size instead.\n   */\n  @Prop()\n  readonly small: boolean;\n\n  /**\n   * Set size to Medium to the avatar.\n   * @deprecated use size instead.\n   */\n  @Prop()\n  readonly medium: boolean;\n\n  /**\n   * Set size to Large to the avatar.\n   * @deprecated use size instead.\n   */\n  @Prop()\n  readonly large: boolean;\n\n  /**\n   * Set size to ExtraLarge to the avatar.\n   * @deprecated use size instead.\n   */\n  @Prop()\n  readonly xlarge: boolean;\n\n  /**\n   * Set initials to the avatar.\n   * @deprecated use initials instead.\n   */\n\n  @Prop()\n  readonly text: string;\n\n  /**\n   * Set src to the avatar.\n   * @deprecated use src instead.\n   */\n  @Prop()\n  readonly url: string;\n\n  componentWillRender() {\n    if (this.xsmall) {\n      this.size = SemanticSizes.ExtraSmall;\n    }\n    if (this.small) {\n      this.size = SemanticSizes.Small;\n    }\n    if (this.medium) {\n      this.size = SemanticSizes.Medium;\n    }\n    if (this.large) {\n      this.size = SemanticSizes.Large;\n    }\n    if (this.xlarge) {\n      this.size = SemanticSizes.ExtraLarge;\n    }\n    if (this.text) {\n      this.initials = this.text;\n    }\n    if (this.url) {\n      this.src = this.url;\n    }\n  }\n\n  //#endregion DEPRECATED\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * If and image is provided, add an alt tag to describe it.\n   */\n  @Prop({ reflect: true })\n  readonly alt: string;\n\n  /**\n   * Will insert an image into the avatar.\n   */\n  @Prop({ reflect: true, mutable: true })\n  src: string;\n\n  /**\n   * Initials of the avatar. Usually use two letters\n   * When filled with the src parameter, the text will not be rendered.\n   */\n  @Prop({ reflect: true, mutable: true })\n  initials: string;\n\n  /**\n   * Define the size of the avatar. You can use t-shirt sizes.\n   */\n  @Prop({ reflect: true, mutable: true })\n  size: `${SemanticSizes}` = 'md';\n\n  /**\n   * You can apply different colors on the Avatar.\n   * Use a string number between 1 and 10.\n   */\n  @Prop({ reflect: true })\n  readonly color: string = '1';\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Makes sure the initials are trimmed to 2 letters.\n   * @param {string} initials - The initials to be trimmed.\n   * @returns {string} The trimmed initials.\n   */\n  private trimInitials(initials: string): string {\n    return initials.trim().substring(0, 2);\n  }\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host\n        class={clsx(`avatar-${this.size}`, `avatar-color-${this.color}`)}\n        aria-label={this.alt}\n      >\n        {this.src ? (\n          <img src={this.src} alt={this.alt} />\n        ) : this.initials ? (\n          this.trimInitials(this.initials)\n        ) : (\n          <slot name=\"icon\">\n            <nv-icon name=\"user\" />\n          </slot>\n        )}\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n}\n"],"mappings":"0HAAA,MAAMA,EAAc,s7GACpB,MAAAC,EAAeD,E,MCYFE,EAAQ,M,oPAyGQ,K,WAOF,G,CA1DzB,mBAAAC,GACE,GAAIC,KAAKC,OAAQ,CACfD,KAAKE,KAAOC,EAAcC,U,CAE5B,GAAIJ,KAAKK,MAAO,CACdL,KAAKE,KAAOC,EAAcG,K,CAE5B,GAAIN,KAAKO,OAAQ,CACfP,KAAKE,KAAOC,EAAcK,M,CAE5B,GAAIR,KAAKS,MAAO,CACdT,KAAKE,KAAOC,EAAcO,K,CAE5B,GAAIV,KAAKW,OAAQ,CACfX,KAAKE,KAAOC,EAAcS,U,CAE5B,GAAIZ,KAAKa,KAAM,CACbb,KAAKc,SAAWd,KAAKa,I,CAEvB,GAAIb,KAAKe,IAAK,CACZf,KAAKgB,IAAMhB,KAAKe,G,EAiDZ,YAAAE,CAAaH,GACnB,OAAOA,EAASI,OAAOC,UAAU,EAAG,E,CAOtC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAOC,EAAK,UAAUzB,KAAKE,OAAQ,gBAAgBF,KAAK0B,SAAQ,aACpD1B,KAAK2B,KAEhB3B,KAAKgB,IACJK,EAAA,OAAKL,IAAKhB,KAAKgB,IAAKW,IAAK3B,KAAK2B,MAC5B3B,KAAKc,SACPd,KAAKiB,aAAajB,KAAKc,UAEvBO,EAAA,QAAMO,KAAK,QACTP,EAAA,WAASO,KAAK,U","ignoreList":[]}

package/dist/native/p-1c689ec7.entry.js

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

package/dist/native/p-1c689ec7.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-6e8bcd5b.entry.js → p-20c7fc4d.entry.js}

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

package/dist/native/p-20c7fc4d.entry.js.map

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

package/dist/native/p-2fca31c0.entry.js

@@ -0,0 +1,2 @@
+import{r as c,h as a,a as l}from"./p-b4aea326.js";import{c as t}from"./p-8a1a6e56.js";const i="nv-col{display:block;flex:1 1 0%;padding-left:calc(var(--spacing-4) / 2);padding-right:calc(var(--spacing-4) / 2)}nv-col[class*=w-]{flex:none}nv-col.w-1\\/12{width:calc(100% * 1 / 12)}nv-col.w-2\\/12{width:calc(100% * 2 / 12)}nv-col.w-3\\/12{width:calc(100% * 3 / 12)}nv-col.w-4\\/12{width:calc(100% * 4 / 12)}nv-col.w-5\\/12{width:calc(100% * 5 / 12)}nv-col.w-6\\/12{width:calc(100% * 6 / 12)}nv-col.w-7\\/12{width:calc(100% * 7 / 12)}nv-col.w-8\\/12{width:calc(100% * 8 / 12)}nv-col.w-9\\/12{width:calc(100% * 9 / 12)}nv-col.w-10\\/12{width:calc(100% * 10 / 12)}nv-col.w-11\\/12{width:calc(100% * 11 / 12)}nv-col.w-12\\/12{width:calc(100% * 12 / 12)}";const n=i;const o=class{constructor(a){c(this,a);this.size=undefined}getColSize(){if(this.size){if(this.size<1||this.size>12)return;return`w-${this.size}/12`}}render(){return a(l,{key:"e0caccedd19c02c1854eb48f89302405e2cb0f46",class:t(this.getColSize())},a("slot",{key:"a8d672a55a70d6ee551e9ac9e7366455f76aa1e5"}))}};o.style=n;export{o as nv_col};
+//# sourceMappingURL=p-2fca31c0.entry.js.map

package/dist/native/{p-9f89229b.entry.js.map → p-2fca31c0.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["nvColCss","NvColStyle0","NvCol","getColSize","this","size","render","h","Host","key","class","clsx"],"sources":["src/components/nv-col/nv-col.scss?tag=nv-col","src/components/nv-col/nv-col.tsx"],"sourcesContent":["@function calculate-width($columns) {\n  $total-columns: 12;\n  @return calc(100% * #{$columns} / #{$total-columns});\n}\n\nnv-col {\n  display: block;\n  flex: 1 1 0%;\n  padding-left: calc(var(--spacing-4) / 2);\n  padding-right: calc(var(--spacing-4) / 2);\n\n  &[class*=\"w-\"] {\n    flex: none;\n  }\n\n  @for $i from 1 through 12 {\n    &.w-#{$i}\\/12 {\n      width: calculate-width($i);\n    }\n  }\n}","import { Component, Host, Prop, h } from '@stencil/core';\nimport clsx from 'clsx';\n\n/**\n * @slot default - The column content.\n */\n@Component({\n  tag: 'nv-col',\n  styleUrl: './nv-col.scss',\n  shadow: false,\n})\nexport class NvCol {\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Defines the column size based on a 12 column grid system.\n   */\n  @Prop({ reflect: true })\n  readonly size: number;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Get the column size class.\n   * @returns {string | undefined} The column size class.\n   */\n  private getColSize() {\n    if (this.size) {\n      if (this.size < 1 || this.size > 12) return;\n      return `w-${this.size}/12`;\n    }\n  }\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host class={clsx(this.getColSize())}>\n        <slot></slot>\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n}\n"],"mappings":"iFAAA,MAAMA,EAAW,+oBACjB,MAAAC,EAAeD,E,MCUFE,EAAK,M,yBAkBR,UAAAC,GACN,GAAIC,KAAKC,KAAM,CACb,GAAID,KAAKC,KAAO,GAAKD,KAAKC,KAAO,GAAI,OACrC,MAAO,KAAKD,KAAKC,S,EAQrB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAOC,EAAKP,KAAKD,eACrBI,EAAA,QAAAE,IAAA,6C","ignoreList":[]}
+{"version":3,"names":["nvColCss","NvColStyle0","NvCol","getColSize","this","size","render","h","Host","key","class","clsx"],"sources":["src/components/nv-col/nv-col.scss?tag=nv-col","src/components/nv-col/nv-col.tsx"],"sourcesContent":["@function calculate-width($columns) {\n  $total-columns: 12;\n  @return calc(100% * #{$columns} / #{$total-columns});\n}\n\nnv-col {\n  display: block;\n  flex: 1 1 0%;\n  padding-left: calc(var(--spacing-4) / 2);\n  padding-right: calc(var(--spacing-4) / 2);\n\n  &[class*=\"w-\"] {\n    flex: none;\n  }\n\n  @for $i from 1 through 12 {\n    &.w-#{$i}\\/12 {\n      width: calculate-width($i);\n    }\n  }\n}","import { Component, Host, Prop, h } from '@stencil/core';\nimport clsx from 'clsx';\n\n/**\n * @slot default - The column content.\n */\n@Component({\n  tag: 'nv-col',\n  styleUrl: './nv-col.scss',\n  shadow: false,\n})\nexport class NvCol {\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Defines the column size based on a 12 column grid system.\n   */\n  @Prop({ reflect: true })\n  readonly size: number;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Get the column size class.\n   * @returns {string | undefined} The column size class.\n   */\n  private getColSize() {\n    if (this.size) {\n      if (this.size < 1 || this.size > 12) return;\n      return `w-${this.size}/12`;\n    }\n  }\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host class={clsx(this.getColSize())}>\n        <slot></slot>\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n}\n"],"mappings":"sFAAA,MAAMA,EAAW,+oBACjB,MAAAC,EAAeD,E,MCUFE,EAAK,M,6CAkBR,UAAAC,GACN,GAAIC,KAAKC,KAAM,CACb,GAAID,KAAKC,KAAO,GAAKD,KAAKC,KAAO,GAAI,OACrC,MAAO,KAAKD,KAAKC,S,EAQrB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAOC,EAAKP,KAAKD,eACrBI,EAAA,QAAAE,IAAA,6C","ignoreList":[]}

package/dist/native/{p-4a64f5b0.entry.js → p-305951e4.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as r,h as o,a as t,g as i}from"./p-6ef216c4.js";import{v as n}from"./p-f5ff676c.js";const d='nv-fieldtext{--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-fieldtext[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-fieldtext[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-fieldtext[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldtext[required]:not([required=false]) label::after{content:"*";color:var(--components-form-text-required);font-weight:700}nv-fieldtext 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-fieldtext .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch}nv-fieldtext .input-wrapper .input-container{display:flex;flex-grow:1;padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);justify-content:center;align-items:center;gap:var(--form-field-gap);align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fieldtext .input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldtext .input-wrapper .input-container:focus-within{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldtext .input-wrapper .input-container:has(input:read-only){opacity:0.5;background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldtext .input-wrapper .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldtext .input-wrapper .input-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);text-overflow:ellipsis;font-size:var(--form-field-font-size);font-style:normal;font-weight:500;line-height:var(--form-field-line-height)}nv-fieldtext .input-wrapper .input-container input:focus{outline:none}nv-fieldtext .input-wrapper .input-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:"TT Norms Pro", sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:400;line-height:var(--form-field-line-height)}nv-fieldtext .input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldtext .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-fieldtext .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)}';const l=d;const a=class{constructor(o){e(this,o);this.valueChanged=r(this,"valueChanged",7);this.inputId=n();this.type="text";this.disabled=false;this.readonly=false;this.required=false;this.error=false;this.success=false;this.multiple=false;this.handleInput=e=>{const r=e.target;this.value=r.value;this.valueChanged.emit(r.value)};this.handleInputContainerClick=()=>{this.inputElement.focus()}}componentWillRender(){if(this.textInputType){this.type=this.textInputType}if(this.message){this.description=this.message}if(this.validation){this.errorDescription=this.validation;this.error=true}}render(){return o(t,{key:"8c9c791ef7164a3d1dc248242ced345652fae05d"},(this.label||this.el.querySelector('[slot="label"]'))&&o("label",{key:"8e768c2299d48e0ec4f2f4052503b38ec07367e9",htmlFor:this.inputId},o("slot",{key:"316e1beffe5534bd1386c9a85818a4fc134de595",name:"label"},this.label)),o("div",{key:"9a52ffcbcf9ef514c108c0f64ab09b0f1c70f80b",class:"input-wrapper"},o("slot",{key:"bcb5d42ea25518e7d4408f6044ec70343476bd80",name:"before-input"}),o("div",{key:"478c7770b2d00c7a0a4182cc4e23b426d74924b9",class:"input-container",onClick:this.handleInputContainerClick},o("slot",{key:"0b9538c630b6d1e27b439c54e47c31c39cce6001",name:"leading-input"}),o("input",{key:"3a3ccf0c9fb16ef47f1c143c4d54a73e400e2b29",id:this.inputId,ref:e=>this.inputElement=e,placeholder:this.placeholder,name:this.name,type:this.type,disabled:this.disabled,readOnly:this.readonly,required:this.required,maxlength:this.maxlength,minlength:this.minlength,pattern:this.pattern,autocomplete:this.autocomplete,multiple:this.multiple,value:this.value,onInput:this.handleInput}),this.error&&o("nv-icon",{key:"cd45c694b5480e3ee92d58ac05e51c97a1dd12f6",name:"alert-circle",class:"validation",size:"sm"}),this.success&&o("nv-icon",{key:"6fca533bbceb8c4f4f9ed7dbcd9373df54d8496d",name:"circle-check",class:"validation",size:"sm"})),o("slot",{key:"0ee33ded353265eeed3253b5c9f039b739508a82",name:"after-input"})),(this.description||this.el.querySelector('[slot="description"]'))&&o("div",{key:"12bd5f917245feb4562dd8903c157429ef72dae9",class:"description"},o("slot",{key:"37894343aa3ad21d37dc93f47a27723fdc7cc89a",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&o("div",{key:"04253d575a1c987f48a95e32c41a38e0fe10c3a4",hidden:!this.error,class:"error-description"},o("slot",{key:"2db01455b977c68638271427283d95b811f41d54",name:"error-description"},this.errorDescription)))}static get formAssociated(){return true}get el(){return i(this)}};a.style=l;export{a as nv_fieldtext};
-//# sourceMappingURL=p-4a64f5b0.entry.js.map
+import{r as e,c as r,h as i,a as o,g as t}from"./p-b4aea326.js";import{v as n}from"./p-f5ff676c.js";const d='nv-fieldtext{--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-fieldtext[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-fieldtext[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-fieldtext[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldtext[required]:not([required=false]) label::after{content:"*";color:var(--components-form-text-required);font-weight:700}nv-fieldtext 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-fieldtext .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch}nv-fieldtext .input-wrapper .input-container{display:flex;flex-grow:1;padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);justify-content:center;align-items:center;gap:var(--form-field-gap);align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fieldtext .input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldtext .input-wrapper .input-container:focus-within{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldtext .input-wrapper .input-container:has(input:read-only){opacity:0.5;background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldtext .input-wrapper .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldtext .input-wrapper .input-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);text-overflow:ellipsis;font-size:var(--form-field-font-size);font-style:normal;font-weight:500;line-height:var(--form-field-line-height)}nv-fieldtext .input-wrapper .input-container input:focus{outline:none}nv-fieldtext .input-wrapper .input-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:"TT Norms Pro", sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:400;line-height:var(--form-field-line-height)}nv-fieldtext .input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldtext .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-fieldtext .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)}';const a=d;const l=class{constructor(i){e(this,i);this.valueChanged=r(this,"valueChanged",7);this.handleInput=e=>{const r=e.target;this.value=r.value;this.valueChanged.emit(r.value)};this.handleInputContainerClick=()=>{this.inputElement.focus()};this.message=undefined;this.validation=undefined;this.textInputType=undefined;this.inputId=n();this.label=undefined;this.description=undefined;this.placeholder=undefined;this.name=undefined;this.value=undefined;this.type="text";this.disabled=false;this.readonly=false;this.required=false;this.error=false;this.errorDescription=undefined;this.success=false;this.maxlength=undefined;this.minlength=undefined;this.pattern=undefined;this.autocomplete=undefined;this.multiple=false}componentWillRender(){if(this.textInputType){this.type=this.textInputType}if(this.message){this.description=this.message}if(this.validation){this.errorDescription=this.validation;this.error=true}}render(){return i(o,{key:"fea5a10f2f7a5144441333352a31d9f8b33e587a"},(this.label||this.el.querySelector('[slot="label"]'))&&i("label",{key:"96693bf825c79d480d7cc282aed3f71ae6e02018",htmlFor:this.inputId},i("slot",{key:"0948a3ee30db864bc7aa791c98d5288d0d83dbf8",name:"label"},this.label)),i("div",{key:"a4b3a6ebce307ae33141f9af58d5673da51ceb0a",class:"input-wrapper"},i("slot",{key:"2c37613f69908cbbd5904cd036a32a60cd208ea7",name:"before-input"}),i("div",{key:"2c0d2bb111c24642d2a4187a40ce33bf0cf9ae6f",class:"input-container",onClick:this.handleInputContainerClick},i("slot",{key:"eac9c83a80d5634220578c843c314d45fc76e387",name:"leading-input"}),i("input",{key:"f5d6f6727ce6e930870ec453c029290d99c648e5",id:this.inputId,ref:e=>this.inputElement=e,placeholder:this.placeholder,name:this.name,type:this.type,disabled:this.disabled,readOnly:this.readonly,required:this.required,maxlength:this.maxlength,minlength:this.minlength,pattern:this.pattern,autocomplete:this.autocomplete,multiple:this.multiple,value:this.value,onInput:this.handleInput}),this.error&&i("nv-icon",{key:"6cb3f531c998563acfaed207804c8eb76b2636ab",name:"alert-circle",class:"validation",size:"sm"}),this.success&&i("nv-icon",{key:"4e8605db4947208eeb6264206980d876824e81f2",name:"circle-check",class:"validation",size:"sm"})),i("slot",{key:"568578fbdd6c1c4d1682dea2bf2e8b28698b8fe5",name:"after-input"})),(this.description||this.el.querySelector('[slot="description"]'))&&i("div",{key:"2e742e69c44d5f7d2d03db6511c25386bc3bb4c7",class:"description"},i("slot",{key:"196020366f8b06a3b74508b633cc076e5252e754",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&i("div",{key:"55d162f9ac2a4767c9e65031a638db6fd9387cea",hidden:!this.error,class:"error-description"},i("slot",{key:"724b2782e068b0acca707671452da63f2bb525a0",name:"error-description"},this.errorDescription)))}static get formAssociated(){return true}get el(){return t(this)}};l.style=a;export{l as nv_fieldtext};
+//# sourceMappingURL=p-305951e4.entry.js.map

package/dist/native/p-305951e4.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["nvFieldtextCss","NvFieldtextStyle0","NvFieldtext","this","handleInput","event","input","target","value","valueChanged","emit","handleInputContainerClick","inputElement","focus","uuidv4","componentWillRender","textInputType","type","message","description","validation","errorDescription","error","render","h","Host","key","label","el","querySelector","htmlFor","inputId","name","class","onClick","id","ref","e","placeholder","disabled","readOnly","readonly","required","maxlength","minlength","pattern","autocomplete","multiple","onInput","size","success","hidden"],"sources":["src/components/nv-fieldtext/nv-fieldtext.scss?tag=nv-fieldtext","src/components/nv-fieldtext/nv-fieldtext.tsx"],"sourcesContent":["@import \"../../styles/form-field\";\n\nnv-fieldtext {\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      input {\n        @include form-field-input();\n      }\n\n      nv-icon.validation {\n        @include form-field-icon();\n      }\n    }\n  }\n\n  .description {\n    @include form-field-description();\n  }\n\n  .error-description {\n    @include form-field-error-description();\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Event,\n  EventEmitter,\n  Element,\n} from '@stencil/core';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport { TextInputAutocomplete } from '../../utils/constants';\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@Component({\n  tag: 'nv-fieldtext',\n  shadow: false,\n  formAssociated: true,\n  styleUrl: 'nv-fieldtext.scss',\n})\nexport class NvFieldtext {\n  @Element() el: HTMLNvFieldtextElement;\n  private inputElement!: HTMLInputElement;\n\n  /****************************************************************************/\n  //#region DEPRECATED\n\n  /**\n   * Message defines a 'hint ' message for the Text 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  /**\n   * Type of the input.\n   * @deprecated use type instead.\n   */\n  @Prop()\n  readonly textInputType: 'text' | 'tel' | 'email';\n\n  componentWillRender() {\n    if (this.textInputType) {\n      this.type = this.textInputType;\n    }\n\n    if (this.message) {\n      this.description = this.message;\n    }\n\n    if (this.validation) {\n      this.errorDescription = this.validation;\n      this.error = true;\n    }\n  }\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  @Prop({ reflect: true, mutable: true })\n  description: string;\n\n  /**\n   * Display temporary text inside the input field to give users a hint about\n   * what to type. It’s a great way to provide examples or suggestions directly\n   * in the field before they start typing.\n   */\n  @Prop({ reflect: true })\n  readonly placeholder: string;\n\n  /**\n   * Defines the name attribute of the input field, which is crucial for form\n   * submission. This value is used as the key in the key-value pair sent to\n   * the server, representing the input’s data in form submissions. It should be\n   * unique within the form to avoid conflicts\n   */\n  @Prop({ reflect: true })\n  readonly name: string;\n\n  /**\n   * Specifies the value of the input field, which determines the text displayed\n   * within the field. This prop is typically used in controlled components\n   * where the input’s value is managed by the component’s state.\n   */\n  @Prop({ reflect: true, mutable: true })\n  value: string;\n\n  /**\n   * The type prop lets you specify what kind of information the input field\n   * should accept. Choose 'text' for general words or sentences, 'tel' for\n   * phone numbers, or 'email' for email addresses. This makes sure users get\n   * the right keyboard and validation for what they need to enter.\n   */\n  @Prop({ reflect: true, mutable: true })\n  type: 'text' | 'tel' | 'email' = 'text';\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   * A description that appears when there is an error related to the textfield\n   * field.\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   * Limits how many characters users can type into the input field. It’s\n   * helpful for making sure users don’t enter too much information, keeping\n   * their input within the allowed limit.\n   */\n  @Prop({ reflect: true })\n  readonly maxlength: number;\n\n  /**\n   * Ensures that users type at least a certain number of characters into the\n   * input field. It’s a way to make sure users provide enough information\n   * before moving on.\n   */\n  @Prop({ reflect: true })\n  readonly minlength: number;\n\n  /**\n   * Set rules for how the input should be formatted. For example, you can\n   * require that a phone number includes only digits or that an email address\n   * has the correct format. If users don’t follow these rules, they’ll get a\n   * prompt to correct their input.\n   */\n  @Prop({ reflect: true })\n  readonly pattern: string;\n\n  /**\n   * The autocomplete prop helps users fill out the input field faster by\n   * suggesting entries they’ve used before, like their email or address.\n   * You can turn it on to make forms more convenient or off to ensure users\n   * always type in fresh data.\n   */\n  @Prop({ reflect: true })\n  readonly autocomplete: `${TextInputAutocomplete}`;\n\n  /**\n   * When used with the email input type, this prop enables the field to accept\n   * multiple email addresses. Users can enter several addresses, separating\n   * each one with a comma, allowing the form to handle multiple recipients.\n   */\n  @Prop({ reflect: true })\n  readonly multiple: boolean = false;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emitted when the input value changes.\n   * @bind value\n   */\n  @Event()\n  valueChanged: EventEmitter<string>;\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Handles the input event on the input element.\n   * Emits the inputChanged event with the new value.\n   * @param {Event} event - Event object of the input event.\n   */\n  private handleInput = (event: Event) => {\n    const input = event.target as HTMLInputElement;\n    this.value = input.value;\n    this.valueChanged.emit(input.value);\n  };\n\n  /**\n   * Handles focus when the input container is clicked.\n   */\n  private handleInputContainerClick = () => {\n    this.inputElement.focus();\n  };\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host>\n        {(this.label || this.el.querySelector('[slot=\"label\"]')) && (\n          <label htmlFor={this.inputId}>\n            <slot name=\"label\">{this.label}</slot>\n          </label>\n        )}\n\n        <div class=\"input-wrapper\">\n          <slot name=\"before-input\"></slot>\n\n          <div class=\"input-container\" onClick={this.handleInputContainerClick}>\n            <slot name=\"leading-input\"></slot>\n\n            <input\n              id={this.inputId}\n              ref={e => (this.inputElement = e)}\n              placeholder={this.placeholder}\n              name={this.name}\n              type={this.type}\n              disabled={this.disabled}\n              readOnly={this.readonly}\n              required={this.required}\n              maxlength={this.maxlength}\n              minlength={this.minlength}\n              pattern={this.pattern}\n              autocomplete={this.autocomplete}\n              multiple={this.multiple}\n              value={this.value}\n              onInput={this.handleInput}\n            />\n\n            {this.error && (\n              <nv-icon name=\"alert-circle\" class=\"validation\" size=\"sm\" />\n            )}\n            {this.success && (\n              <nv-icon name=\"circle-check\" class=\"validation\" size=\"sm\" />\n            )}\n          </div>\n\n          <slot name=\"after-input\"></slot>\n        </div>\n\n        {(this.description ||\n          this.el.querySelector('[slot=\"description\"]')) && (\n          <div class=\"description\">\n            <slot name=\"description\">{this.description}</slot>\n          </div>\n        )}\n\n        {(this.errorDescription ||\n          this.el.querySelector('[slot=\"error-description\"]')) && (\n          <div hidden={!this.error} class=\"error-description\">\n            <slot name=\"error-description\">{this.errorDescription}</slot>\n          </div>\n        )}\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n}\n"],"mappings":"oGAAA,MAAMA,EAAiB,itJACvB,MAAAC,EAAeD,E,MC0BFE,EAAW,M,oEAsNdC,KAAAC,YAAeC,IACrB,MAAMC,EAAQD,EAAME,OACpBJ,KAAKK,MAAQF,EAAME,MACnBL,KAAKM,aAAaC,KAAKJ,EAAME,MAAM,EAM7BL,KAAAQ,0BAA4B,KAClCR,KAAKS,aAAaC,OAAO,E,2FA1KAC,I,8HAkDM,O,cAQJ,M,cAQA,M,cAOA,M,WAQZ,M,6CAeW,M,mHA0CC,K,CApK7B,mBAAAC,GACE,GAAIZ,KAAKa,cAAe,CACtBb,KAAKc,KAAOd,KAAKa,a,CAGnB,GAAIb,KAAKe,QAAS,CAChBf,KAAKgB,YAAchB,KAAKe,O,CAG1B,GAAIf,KAAKiB,WAAY,CACnBjB,KAAKkB,iBAAmBlB,KAAKiB,WAC7BjB,KAAKmB,MAAQ,I,EAgMjB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,6CACDvB,KAAKwB,OAASxB,KAAKyB,GAAGC,cAAc,oBACpCL,EAAA,SAAAE,IAAA,2CAAOI,QAAS3B,KAAK4B,SACnBP,EAAA,QAAAE,IAAA,2CAAMM,KAAK,SAAS7B,KAAKwB,QAI7BH,EAAA,OAAAE,IAAA,2CAAKO,MAAM,iBACTT,EAAA,QAAAE,IAAA,2CAAMM,KAAK,iBAEXR,EAAA,OAAAE,IAAA,2CAAKO,MAAM,kBAAkBC,QAAS/B,KAAKQ,2BACzCa,EAAA,QAAAE,IAAA,2CAAMM,KAAK,kBAEXR,EAAA,SAAAE,IAAA,2CACES,GAAIhC,KAAK4B,QACTK,IAAKC,GAAMlC,KAAKS,aAAeyB,EAC/BC,YAAanC,KAAKmC,YAClBN,KAAM7B,KAAK6B,KACXf,KAAMd,KAAKc,KACXsB,SAAUpC,KAAKoC,SACfC,SAAUrC,KAAKsC,SACfC,SAAUvC,KAAKuC,SACfC,UAAWxC,KAAKwC,UAChBC,UAAWzC,KAAKyC,UAChBC,QAAS1C,KAAK0C,QACdC,aAAc3C,KAAK2C,aACnBC,SAAU5C,KAAK4C,SACfvC,MAAOL,KAAKK,MACZwC,QAAS7C,KAAKC,cAGfD,KAAKmB,OACJE,EAAA,WAAAE,IAAA,2CAASM,KAAK,eAAeC,MAAM,aAAagB,KAAK,OAEtD9C,KAAK+C,SACJ1B,EAAA,WAAAE,IAAA,2CAASM,KAAK,eAAeC,MAAM,aAAagB,KAAK,QAIzDzB,EAAA,QAAAE,IAAA,2CAAMM,KAAK,kBAGX7B,KAAKgB,aACLhB,KAAKyB,GAAGC,cAAc,0BACtBL,EAAA,OAAAE,IAAA,2CAAKO,MAAM,eACTT,EAAA,QAAAE,IAAA,2CAAMM,KAAK,eAAe7B,KAAKgB,eAIjChB,KAAKkB,kBACLlB,KAAKyB,GAAGC,cAAc,gCACtBL,EAAA,OAAAE,IAAA,2CAAKyB,QAAShD,KAAKmB,MAAOW,MAAM,qBAC9BT,EAAA,QAAAE,IAAA,2CAAMM,KAAK,qBAAqB7B,KAAKkB,mB","ignoreList":[]}

package/dist/native/p-306d1f04.entry.js

@@ -0,0 +1,2 @@
+import{r as o,c as e,h as n,a,g as i}from"./p-b4aea326.js";import{c as t}from"./p-8a1a6e56.js";import{u as c,t as s}from"./p-42301d8f.js";import{u as d}from"./p-1daca48a.js";const r="nv-icon{display:inline-block;width:fit-content;height:fit-content;color:inherit}nv-icon>.nv-icon-xs{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-icon>.nv-icon-sm{width:var(--spacing-4);height:var(--spacing-4);stroke-width:1.5px}nv-icon>.nv-icon-md{width:var(--spacing-5);height:var(--spacing-5);stroke-width:1.6px}nv-icon>.nv-icon-lg{width:var(--spacing-6);height:var(--spacing-6);stroke-width:1.8px}nv-icon>.nv-icon-xl{width:var(--spacing-7);height:var(--spacing-7);stroke-width:1.9px}nv-badge{padding:var(--badge-padding-y) var(--badge-padding-x);display:inline-flex !important;vertical-align:middle;align-items:center;border-radius:var(--radius-rounded-full);height:fit-content;width:fit-content}nv-badge.with-gap{padding:var(--badge-padding-y) var(--badge-padding-x);display:inline-flex !important;vertical-align:middle;align-items:center;border-radius:var(--radius-rounded-full);height:fit-content;width:fit-content;gap:var(--badge-gap-x)}nv-badge:not(.with-gap){padding:var(--badge-padding-y) var(--badge-padding-x);display:inline-flex !important;vertical-align:middle;align-items:center;border-radius:var(--radius-rounded-full);height:fit-content;width:fit-content}nv-badge.badge-1{color:var(--color-rainbow-1-content);background-color:var(--color-rainbow-1-background)}nv-badge.badge-1 .close:focus,nv-badge.badge-1 .close:focus-within{outline:none}nv-badge.badge-1 .close:focus-visible,nv-badge.badge-1 .close:has(:focus-visible){outline:var(--focus-outline-stroke) solid var(--color-rainbow-1-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-1 nv-icon{color:var(--color-rainbow-1-content)}nv-badge.badge-2{color:var(--color-rainbow-2-content);background-color:var(--color-rainbow-2-background)}nv-badge.badge-2 .close:focus,nv-badge.badge-2 .close:focus-within{outline:none}nv-badge.badge-2 .close:focus-visible,nv-badge.badge-2 .close:has(:focus-visible){outline:var(--focus-outline-stroke) solid var(--color-rainbow-2-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-2 nv-icon{color:var(--color-rainbow-2-content)}nv-badge.badge-3{color:var(--color-rainbow-3-content);background-color:var(--color-rainbow-3-background)}nv-badge.badge-3 .close:focus,nv-badge.badge-3 .close:focus-within{outline:none}nv-badge.badge-3 .close:focus-visible,nv-badge.badge-3 .close:has(:focus-visible){outline:var(--focus-outline-stroke) solid var(--color-rainbow-3-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-3 nv-icon{color:var(--color-rainbow-3-content)}nv-badge.badge-4{color:var(--color-rainbow-4-content);background-color:var(--color-rainbow-4-background)}nv-badge.badge-4 .close:focus,nv-badge.badge-4 .close:focus-within{outline:none}nv-badge.badge-4 .close:focus-visible,nv-badge.badge-4 .close:has(:focus-visible){outline:var(--focus-outline-stroke) solid var(--color-rainbow-4-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-4 nv-icon{color:var(--color-rainbow-4-content)}nv-badge.badge-5{color:var(--color-rainbow-5-content);background-color:var(--color-rainbow-5-background)}nv-badge.badge-5 .close:focus,nv-badge.badge-5 .close:focus-within{outline:none}nv-badge.badge-5 .close:focus-visible,nv-badge.badge-5 .close:has(:focus-visible){outline:var(--focus-outline-stroke) solid var(--color-rainbow-5-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-5 nv-icon{color:var(--color-rainbow-5-content)}nv-badge.badge-6{color:var(--color-rainbow-6-content);background-color:var(--color-rainbow-6-background)}nv-badge.badge-6 .close:focus,nv-badge.badge-6 .close:focus-within{outline:none}nv-badge.badge-6 .close:focus-visible,nv-badge.badge-6 .close:has(:focus-visible){outline:var(--focus-outline-stroke) solid var(--color-rainbow-6-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-6 nv-icon{color:var(--color-rainbow-6-content)}nv-badge.badge-7{color:var(--color-rainbow-7-content);background-color:var(--color-rainbow-7-background)}nv-badge.badge-7 .close:focus,nv-badge.badge-7 .close:focus-within{outline:none}nv-badge.badge-7 .close:focus-visible,nv-badge.badge-7 .close:has(:focus-visible){outline:var(--focus-outline-stroke) solid var(--color-rainbow-7-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-7 nv-icon{color:var(--color-rainbow-7-content)}nv-badge.badge-8{color:var(--color-rainbow-8-content);background-color:var(--color-rainbow-8-background)}nv-badge.badge-8 .close:focus,nv-badge.badge-8 .close:focus-within{outline:none}nv-badge.badge-8 .close:focus-visible,nv-badge.badge-8 .close:has(:focus-visible){outline:var(--focus-outline-stroke) solid var(--color-rainbow-8-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-8 nv-icon{color:var(--color-rainbow-8-content)}nv-badge.badge-9{color:var(--color-rainbow-9-content);background-color:var(--color-rainbow-9-background)}nv-badge.badge-9 .close:focus,nv-badge.badge-9 .close:focus-within{outline:none}nv-badge.badge-9 .close:focus-visible,nv-badge.badge-9 .close:has(:focus-visible){outline:var(--focus-outline-stroke) solid var(--color-rainbow-9-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-9 nv-icon{color:var(--color-rainbow-9-content)}nv-badge.badge-10{color:var(--color-rainbow-10-content);background-color:var(--color-rainbow-10-background)}nv-badge.badge-10 .close:focus,nv-badge.badge-10 .close:focus-within{outline:none}nv-badge.badge-10 .close:focus-visible,nv-badge.badge-10 .close:has(:focus-visible){outline:var(--focus-outline-stroke) solid var(--color-rainbow-10-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-10 nv-icon{color:var(--color-rainbow-10-content)}nv-badge span{font-size:var(--font-size-xs);line-height:var(--line-height-xs) !important}nv-badge nv-icon>svg.icon-xs{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge nv-icon>svg.icon-sm{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge nv-icon>svg.icon-md{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge nv-icon>svg.icon-lg{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge nv-icon>svg.icon-xl{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge .close{padding:0;line-height:0;border:none;background:none;cursor:pointer;color:inherit;display:inline-flex;align-items:center;aspect-ratio:1/1;border-radius:var(--radius-rounded-full)}";const l=r;const b=class{constructor(n){o(this,n);this.closeClicked=e(this,"closeClicked",7);this.hiddenChanged=e(this,"hiddenChanged",7);this.hiddenChangedComplete=e(this,"hiddenChangedComplete",7);this.handleClose=o=>{if(!this.preventAutoClose){this.hidden=true}this.closeClicked.emit(o)};this.dismissal=false;this.icon=undefined;this.iconLocation=undefined;this.color="1";this.label=null;this.leadIcon=null;this.dismissible=false;this.hidden=false;this._isHidden=this.hidden;this.preventAutoClose=false}handleDismissalChange(o){this.dismissible=o}handleIconChange(o){this.leadIcon=o}async handleHiddenChange(o){this.hiddenChanged.emit(o);if(this._isHidden===true)this._isHidden=o;const{fadeIn:e,fadeOut:n}=d(this.ref,{duration:150});const{collapse:a,expand:i}=c(this.ref,{duration:150});if(o===true)await s(n,a).start();if(o===false)await s(i,e).start();this.hiddenChangedComplete.emit(o);if(this._isHidden===false)this._isHidden=o}componentWillLoad(){if(this.dismissal){this.dismissible=this.dismissal}if(this.icon!=null&&this.icon!=""){this.leadIcon=this.icon}if(this.hidden){const{setCollapsed:o}=c(this.ref);const{setFadeOut:e}=d(this.ref);o();e()}}render(){return n(a,{key:"18d3a28777aa74117ccc68aa0c889ea716b90d56",class:t(`badge-${this.color}`,{"has-close":this.dismissible,"with-gap":this.dismissible||this.label,"visually-hidden":this._isHidden})},n("slot",{key:"87ac2dd4ae3ba521d1a6b15394d79c85c1899102",name:"leading-icon"},this.leadIcon&&n("nv-icon",{key:"22fbc091fe0c861e9a6ce12e5ba1b8d0e83ca7da",slot:"leading-icon",name:this.leadIcon,size:"sm"})),this.label&&n("span",{key:"040559657d6a337b2cd3ce265d2e99cdd0245324"},this.label),this.dismissible&&n("button",{key:"d0f992bdf748be5bf63d7a3e9864f96cad4dfae7",onClick:this.handleClose,class:"close",type:"button"},n("nv-icon",{key:"60915e33efb355a5e2820507fe2365ba4e602c26",name:"x",size:"sm"})))}get ref(){return i(this)}static get watchers(){return{dismissal:["handleDismissalChange"],icon:["handleIconChange"],hidden:["handleHiddenChange"]}}};b.style=l;const g="nv-fielddropdownitemcheck slot-fb,nv-fielddropdownitemcheck span{all:unset}nv-fielddropdownitemcheck nv-fieldcheckbox input[type=checkbox]{all:unset;display:inline-block;margin:0;padding:0;width:20px;height:20px}";const v=g;const h=class{constructor(n){o(this,n);this.itemChecked=e(this,"itemChecked",7);this.handleCheckboxToggle=()=>{if(this.disabled)return;this.checked=!this.checked;this.itemChecked.emit({value:this.value,checked:this.checked,group:this.group});console.log("itemChecked emitted:",{value:this.value,checked:this.checked,group:this.group})};this.checked=false;this.value=undefined;this.label=undefined;this.description=undefined;this.group=undefined;this.disabled=false}render(){return n(a,{key:"571a1f2a81e3ba72969f1d6e84e27bd490b99044",onClick:this.handleCheckboxToggle},n("div",{key:"08590c63ca67b7414c06db1d6c05fd9c2ad41c16"},n("nv-fieldcheckbox",{key:"68108d6fb714b9fa9bcdc2c9be1ed8e1e2d3b174",checked:this.checked,name:this.label||this.value,label:this.label||this.value,"label-placement":"after",description:this.description,disabled:this.disabled,tabindex:"-1",role:"option"})))}get el(){return i(this)}};h.style=v;export{b as nv_badge,h as nv_fielddropdownitemcheck};
+//# sourceMappingURL=p-306d1f04.entry.js.map