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

package/dist/native/native.esm.js

@@ -1,2 +1,2 @@
-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 i=()=>{{d(a.prototype)}const l=import.meta.url;const n={};if(l!==""){n.resourcesUrl=new URL(".",l).href}return e(n)};var d=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}};i().then((async e=>{await n();return l([["p-d5c24d8f",[[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-89468485",[[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-ed893068",[[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-a59ec107",[[68,"nv-button",{size:[513],emphasis:[513],danger:[516],loading:[1540],disabled:[1540],fluid:[516],type:[513]},null,{loading:["handleLoadingChange"],disabled:["handleDisabledChange"]}]]],["p-396b65bb",[[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-000749ae",[[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-d4e0b6e1",[[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-5172aa15",[[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-c16a4fbe",[[4,"nv-menuitem",{icon:[513],disabled:[516],shortcut:[513],hasSubmenu:[516,"has-submenu"]}]]],["p-8de6396f",[[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-0d335326",[[4,"nv-tooltip",{message:[1],placement:[1],enterDelay:[2,"enter-delay"]}]]],["p-330c929d",[[4,"nv-base"]]],["p-2fca31c0",[[4,"nv-col",{size:[514]}]]],["p-4a43953f",[[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-23b20b80",[[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-4fae1b2c",[[68,"nv-fieldtextarea",{message:[1],validation:[1],inputId:[513,"input-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-a016e4b6",[[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-4b550f95",[[4,"nv-row"]]],["p-25e1bc94",[[4,"nv-stack",{gutter:[514],fill:[516],flex:[516],full:[516],vertical:[516]}]]],["p-aeaa326f",[[0,"nv-icon",{xsmall:[4],small:[4],medium:[4],large:[4],xlarge:[4],color:[1],name:[513],size:[1537],spriteUrl:[32]}]]],["p-bb243eaf",[[4,"nv-fielddropdownitem",{disabled:[516],selected:[1540],value:[513],label:[513]}]]],["p-71fbdb92",[[0,"nv-loader",{size:[513],color:[513]}]]],["p-20ea1b61",[[68,"nv-iconbutton",{size:[513],emphasis:[513],loading:[1540],disabled:[1540],active:[516],name:[513],type:[513],shape:[513]},null,{loading:["handleLoadingChange"],disabled:["handleDisabledChange"]}]]]],e)}));
+import{p as e,H as a,b as n}from"./p-b4aea326.js";export{s as setNonce}from"./p-b4aea326.js";import{g as l}from"./p-eeb6a3dc.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-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-c4f7e36d",[[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-ed893068",[[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-a59ec107",[[68,"nv-button",{size:[513],emphasis:[513],danger:[516],loading:[1540],disabled:[1540],fluid:[516],type:[513]},null,{loading:["handleLoadingChange"],disabled:["handleDisabledChange"]}]]],["p-38817aa3",[[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-1edb76e1",[[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-bdab3562",[[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-808cf007",[[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-dbae3920",[[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-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-81256924",[[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-c1c661a0",[[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-ea4092a7",[[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-28cf537b",[[4,"nv-row"]]],["p-75b5fdce",[[4,"nv-stack",{gutter:[514],fill:[516],flex:[516],full:[516],vertical:[516]}]]],["p-de6e0e1f",[[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-9221f72a",[[4,"nv-tablebody"]]],["p-99850272",[[4,"nv-tablecolumn",{abbr:[1],colspan:[2],rowspan:[2],headers:[1],scope:[1]}]]],["p-4b926563",[[4,"nv-tabledatacell",{colspan:[2],rowspan:[2],headers:[1]}]]],["p-861f91d3",[[4,"nv-tablehead"]]],["p-01be802d",[[4,"nv-tablerow"]]],["p-e2df46e2",[[0,"nv-icon",{xsmall:[4],small:[4],medium:[4],large:[4],xlarge:[4],color:[1],name:[513],size:[1537],spriteUrl:[32]}]]],["p-39dbb15b",[[4,"nv-fielddropdownitem",{disabled:[516],selected:[1540],value:[513],label:[513]}]]],["p-0cfe2048",[[0,"nv-loader",{size:[513],color:[513]}]]],["p-dba9c57c",[[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-844f4878",[[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)}));
 //# 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","triggerElement","triggerMode","groupName","offset","hasArrow","disableFlip","shiftPadding","enterDelay","hide","toggle","labelBefore","labelPlacement","hideLabel","checked","indeterminate","rows","resize","autosize","gutter","fill","flex","full","vertical","spriteUrl","selected","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":[]}
+{"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.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-01be802d.entry.js

@@ -0,0 +1,2 @@
+import{r as a,h as e,a as b}from"./p-b4aea326.js";const c="";const r=c;const s=class{constructor(e){a(this,e)}render(){return e(b,{key:"2b24e970bb04d2ce5e9a95a136127fbdaa84a677"},e("tr",{key:"d6c6a5ca230a5282a152db23885f200c04c43be4"},e("slot",{key:"84d7b5452772f4ff37e481fa14bd28b25cb0fd77"})))}};s.style=r;export{s as nv_tablerow};
+//# sourceMappingURL=p-01be802d.entry.js.map

package/dist/native/p-01be802d.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["nvTablerowCss","NvTablerowStyle0","NvTablerow","render","h","Host","key"],"sources":["src/components/nv-tablerow/nv-tablerow.scss?tag=nv-tablerow","src/components/nv-tablerow/nv-tablerow.tsx"],"sourcesContent":["// No need for the moment\n","import { Component, Host, h } from '@stencil/core';\n\n/**\n * @slot default - Use this slot to insert HTML into the table row.\n */\n@Component({\n  tag: 'nv-tablerow',\n  styleUrl: 'nv-tablerow.scss',\n  shadow: false,\n})\nexport class NvTablerow {\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host>\n        <tr>\n          <slot></slot>\n        </tr>\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n  /****************************************************************************/\n}\n"],"mappings":"kDAAA,MAAMA,EAAgB,GACtB,MAAAC,EAAeD,E,MCSFE,EAAU,M,yBAIrB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,MAAAE,IAAA,4CACEF,EAAA,QAAAE,IAAA,8C","ignoreList":[]}

package/dist/native/{p-71fbdb92.entry.js → p-0cfe2048.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as r,a as o}from"./p-b4aea326.js";import{c as a}from"./p-8a1a6e56.js";const t='@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}nv-loader{display:inline-block;position:relative;aspect-ratio:1/1;border-radius:9999px;color:inherit}nv-loader.size-xs{width:var(--loader-size-xs);height:var(--loader-size-xs)}nv-loader.size-xs::before,nv-loader.size-xs::after{content:" ";position:absolute;top:0;left:0;border-radius:inherit;width:100%;height:100%}nv-loader.size-xs::before{content:" ";border:calc(var(--loader-size-xs) / 10) solid;opacity:0.3}nv-loader.size-xs::after{content:" ";border-top:calc(var(--loader-size-xs) / 10) solid transparent;border-left:calc(var(--loader-size-xs) / 10) solid transparent;border-right:calc(var(--loader-size-xs) / 10) solid transparent;border-bottom:calc(var(--loader-size-xs) / 10) solid;animation:rotation 1s linear infinite}nv-loader.size-sm{width:var(--loader-size-sm);height:var(--loader-size-sm)}nv-loader.size-sm::before,nv-loader.size-sm::after{content:" ";position:absolute;top:0;left:0;border-radius:inherit;width:100%;height:100%}nv-loader.size-sm::before{content:" ";border:calc(var(--loader-size-sm) / 10) solid;opacity:0.3}nv-loader.size-sm::after{content:" ";border-top:calc(var(--loader-size-sm) / 10) solid transparent;border-left:calc(var(--loader-size-sm) / 10) solid transparent;border-right:calc(var(--loader-size-sm) / 10) solid transparent;border-bottom:calc(var(--loader-size-sm) / 10) solid;animation:rotation 1s linear infinite}nv-loader.size-md{width:var(--loader-size-md);height:var(--loader-size-md)}nv-loader.size-md::before,nv-loader.size-md::after{content:" ";position:absolute;top:0;left:0;border-radius:inherit;width:100%;height:100%}nv-loader.size-md::before{content:" ";border:calc(var(--loader-size-md) / 10) solid;opacity:0.3}nv-loader.size-md::after{content:" ";border-top:calc(var(--loader-size-md) / 10) solid transparent;border-left:calc(var(--loader-size-md) / 10) solid transparent;border-right:calc(var(--loader-size-md) / 10) solid transparent;border-bottom:calc(var(--loader-size-md) / 10) solid;animation:rotation 1s linear infinite}nv-loader.size-lg{width:var(--loader-size-lg);height:var(--loader-size-lg)}nv-loader.size-lg::before,nv-loader.size-lg::after{content:" ";position:absolute;top:0;left:0;border-radius:inherit;width:100%;height:100%}nv-loader.size-lg::before{content:" ";border:calc(var(--loader-size-lg) / 10) solid;opacity:0.3}nv-loader.size-lg::after{content:" ";border-top:calc(var(--loader-size-lg) / 10) solid transparent;border-left:calc(var(--loader-size-lg) / 10) solid transparent;border-right:calc(var(--loader-size-lg) / 10) solid transparent;border-bottom:calc(var(--loader-size-lg) / 10) solid;animation:rotation 1s linear infinite}nv-loader.size-xl{width:var(--loader-size-xl);height:var(--loader-size-xl)}nv-loader.size-xl::before,nv-loader.size-xl::after{content:" ";position:absolute;top:0;left:0;border-radius:inherit;width:100%;height:100%}nv-loader.size-xl::before{content:" ";border:calc(var(--loader-size-xl) / 10) solid;opacity:0.3}nv-loader.size-xl::after{content:" ";border-top:calc(var(--loader-size-xl) / 10) solid transparent;border-left:calc(var(--loader-size-xl) / 10) solid transparent;border-right:calc(var(--loader-size-xl) / 10) solid transparent;border-bottom:calc(var(--loader-size-xl) / 10) solid;animation:rotation 1s linear infinite}nv-loader.color-brand::before{border-color:var(--components-loader-brand-background);opacity:1}nv-loader.color-brand::after{border-bottom-color:var(--components-loader-brand-foreground)}nv-loader.color-white::before{border-color:var(--components-loader-white-background);opacity:1}nv-loader.color-white::after{border-bottom-color:var(--components-loader-white-foreground)}';const i=t;const l=class{constructor(r){e(this,r);this.size="md";this.color=undefined}render(){return r(o,{key:"1b1c99d9d22aabedb2037b67fe277c679b0c9cb9",class:a(this.size&&`size-${this.size}`,this.color&&`color-${this.color}`)})}};l.style=i;export{l as nv_loader};
-//# sourceMappingURL=p-71fbdb92.entry.js.map
+import{r as e,h as r,a as o}from"./p-b4aea326.js";import{c as a}from"./p-8a1a6e56.js";const t='@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}nv-loader{display:inline-block;position:relative;aspect-ratio:1/1;border-radius:9999px;color:inherit}nv-loader.size-xs{width:var(--loader-size-xs);height:var(--loader-size-xs)}nv-loader.size-xs::before,nv-loader.size-xs::after{content:" ";position:absolute;top:0;left:0;border-radius:inherit;width:100%;height:100%}nv-loader.size-xs::before{content:" ";border:calc(var(--loader-size-xs) / 10) solid;opacity:0.3}nv-loader.size-xs::after{content:" ";border-top:calc(var(--loader-size-xs) / 10) solid transparent;border-left:calc(var(--loader-size-xs) / 10) solid transparent;border-right:calc(var(--loader-size-xs) / 10) solid transparent;border-bottom:calc(var(--loader-size-xs) / 10) solid;animation:rotation 1s linear infinite}nv-loader.size-sm{width:var(--loader-size-sm);height:var(--loader-size-sm)}nv-loader.size-sm::before,nv-loader.size-sm::after{content:" ";position:absolute;top:0;left:0;border-radius:inherit;width:100%;height:100%}nv-loader.size-sm::before{content:" ";border:calc(var(--loader-size-sm) / 10) solid;opacity:0.3}nv-loader.size-sm::after{content:" ";border-top:calc(var(--loader-size-sm) / 10) solid transparent;border-left:calc(var(--loader-size-sm) / 10) solid transparent;border-right:calc(var(--loader-size-sm) / 10) solid transparent;border-bottom:calc(var(--loader-size-sm) / 10) solid;animation:rotation 1s linear infinite}nv-loader.size-md{width:var(--loader-size-md);height:var(--loader-size-md)}nv-loader.size-md::before,nv-loader.size-md::after{content:" ";position:absolute;top:0;left:0;border-radius:inherit;width:100%;height:100%}nv-loader.size-md::before{content:" ";border:calc(var(--loader-size-md) / 10) solid;opacity:0.3}nv-loader.size-md::after{content:" ";border-top:calc(var(--loader-size-md) / 10) solid transparent;border-left:calc(var(--loader-size-md) / 10) solid transparent;border-right:calc(var(--loader-size-md) / 10) solid transparent;border-bottom:calc(var(--loader-size-md) / 10) solid;animation:rotation 1s linear infinite}nv-loader.size-lg{width:var(--loader-size-lg);height:var(--loader-size-lg)}nv-loader.size-lg::before,nv-loader.size-lg::after{content:" ";position:absolute;top:0;left:0;border-radius:inherit;width:100%;height:100%}nv-loader.size-lg::before{content:" ";border:calc(var(--loader-size-lg) / 10) solid;opacity:0.3}nv-loader.size-lg::after{content:" ";border-top:calc(var(--loader-size-lg) / 10) solid transparent;border-left:calc(var(--loader-size-lg) / 10) solid transparent;border-right:calc(var(--loader-size-lg) / 10) solid transparent;border-bottom:calc(var(--loader-size-lg) / 10) solid;animation:rotation 1s linear infinite}nv-loader.size-xl{width:var(--loader-size-xl);height:var(--loader-size-xl)}nv-loader.size-xl::before,nv-loader.size-xl::after{content:" ";position:absolute;top:0;left:0;border-radius:inherit;width:100%;height:100%}nv-loader.size-xl::before{content:" ";border:calc(var(--loader-size-xl) / 10) solid;opacity:0.3}nv-loader.size-xl::after{content:" ";border-top:calc(var(--loader-size-xl) / 10) solid transparent;border-left:calc(var(--loader-size-xl) / 10) solid transparent;border-right:calc(var(--loader-size-xl) / 10) solid transparent;border-bottom:calc(var(--loader-size-xl) / 10) solid;animation:rotation 1s linear infinite}nv-loader.color-brand::before{border-color:var(--components-loader-brand-background);opacity:1}nv-loader.color-brand::after{border-bottom-color:var(--components-loader-brand-foreground)}nv-loader.color-white::before{border-color:var(--components-loader-white-background);opacity:1}nv-loader.color-white::after{border-bottom-color:var(--components-loader-white-foreground)}';const i=t;const l=class{constructor(r){e(this,r);this.size="md";this.color=undefined}render(){return r(o,{key:"9d70fed6bfe41c8e1a87bd7eb2d83a1bb6af69ab",class:a(this.size&&`size-${this.size}`,this.color&&`color-${this.color}`)})}};l.style=i;export{l as nv_loader};
+//# sourceMappingURL=p-0cfe2048.entry.js.map

package/dist/native/{p-71fbdb92.entry.js.map → p-0cfe2048.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["nvLoaderCss","NvLoaderStyle0","NvLoader","render","h","Host","key","class","clsx","this","size","color"],"sources":["src/components/nv-loader/nv-loader.scss?tag=nv-loader","src/components/nv-loader/nv-loader.tsx"],"sourcesContent":["@use \"sass:map\";\n\n/* Variants */\n$loader-sizes: (\"xs\", \"sm\", \"md\", \"lg\", \"xl\");\n$loader-color: (\"brand\", \"white\");\n\n/* Define maps for color-related variables */\n$components-loader-background: (\n  \"brand\": var(--components-loader-brand-background),\n  \"white\": var(--components-loader-white-background)\n);\n\n$components-loader-foreground: (\n  \"brand\": var(--components-loader-brand-foreground),\n  \"white\": var(--components-loader-white-foreground)\n);\n\n/* Define maps for size-related variables */\n$components-loader-size: (\n  \"xs\": var(--loader-size-xs),\n  \"sm\": var(--loader-size-sm),\n  \"md\": var(--loader-size-md),\n  \"lg\": var(--loader-size-lg),\n  \"xl\": var(--loader-size-xl)\n);\n\n@mixin root-styles() {\n  display: inline-block;\n  position: relative;\n  aspect-ratio: 1 / 1;\n  border-radius: 9999px;\n  color: inherit;\n}\n\n@mixin size-styles($size) {\n  $loader-size: map.get($components-loader-size, $size);\n  $border-size: calc($loader-size / 10);\n\n  width: $loader-size;\n  height: $loader-size;\n\n  &::before,\n  &::after {\n    content: \" \";\n    position: absolute;\n    top: 0;\n    left: 0;\n    border-radius: inherit;\n    width: 100%;\n    height: 100%;\n  }\n\n  &::before {\n    content: \" \";\n    border: $border-size solid;\n    opacity: 0.3;\n  }\n\n  &::after {\n    content: \" \";\n    border-top: $border-size solid transparent;\n    border-left: $border-size solid transparent;\n    border-right: $border-size solid transparent;\n    border-bottom: $border-size solid;\n    animation: rotation 1s linear infinite;\n  }\n}\n\n@mixin color-styles($color) {\n  &::before {\n    border-color: map.get($components-loader-background, $color);\n    opacity: 1;\n  }\n\n  &::after {\n    border-bottom-color: map.get($components-loader-foreground, $color);\n  }\n}\n\n@keyframes rotation {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\nnv-loader {\n  @include root-styles();\n\n  @each $size in $loader-sizes {\n    &.size-#{$size} {\n      @include size-styles($size);\n    }\n  }\n\n  @each $color in $loader-color {\n    &.color-#{$color} {\n      @include color-styles($color);\n    }\n  }\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\nimport { SemanticSizes, LoaderColors } from '../../utils/constants';\n\n@Component({\n  tag: 'nv-loader',\n  styleUrl: 'nv-loader.scss',\n  shadow: false,\n})\nexport class NvLoader {\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Choose the size of the loader to best fit your application’s needs, whether\n   * it’s a small spinner for subtle loading indicators or a large one for more\n   * prominent displays.\n   */\n  @Prop({ reflect: true })\n  readonly size: `${SemanticSizes}` = 'md';\n\n  /**\n   * Choose the color of the loader. Options are primary and white to keep the\n   * design consistent and ensure the loader stands out or blends in\n   * appropriately with your application’s interface.\n   */\n  @Prop({ reflect: true })\n  readonly color: `${LoaderColors}`;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region RENDER\n\n  /* <slot> empty to force rendering change */\n  render() {\n    return (\n      <Host\n        class={clsx(\n          this.size && `size-${this.size}`,\n          this.color && `color-${this.color}`,\n        )}\n      ></Host>\n    );\n  }\n}\n"],"mappings":"sFAAA,MAAMA,EAAc,wmHACpB,MAAAC,EAAeD,E,MCSFE,EAAQ,M,mCAUiB,K,qBAepC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAOC,EACLC,KAAKC,MAAQ,QAAQD,KAAKC,OAC1BD,KAAKE,OAAS,SAASF,KAAKE,U","ignoreList":[]}
+{"version":3,"names":["nvLoaderCss","NvLoaderStyle0","NvLoader","render","h","Host","key","class","clsx","this","size","color"],"sources":["src/components/nv-loader/nv-loader.scss?tag=nv-loader","src/components/nv-loader/nv-loader.tsx"],"sourcesContent":["@use \"sass:map\";\n\n/* Variants */\n$loader-sizes: (\"xs\", \"sm\", \"md\", \"lg\", \"xl\");\n$loader-color: (\"brand\", \"white\");\n\n/* Define maps for color-related variables */\n$components-loader-background: (\n  \"brand\": var(--components-loader-brand-background),\n  \"white\": var(--components-loader-white-background)\n);\n\n$components-loader-foreground: (\n  \"brand\": var(--components-loader-brand-foreground),\n  \"white\": var(--components-loader-white-foreground)\n);\n\n/* Define maps for size-related variables */\n$components-loader-size: (\n  \"xs\": var(--loader-size-xs),\n  \"sm\": var(--loader-size-sm),\n  \"md\": var(--loader-size-md),\n  \"lg\": var(--loader-size-lg),\n  \"xl\": var(--loader-size-xl)\n);\n\n@mixin root-styles() {\n  display: inline-block;\n  position: relative;\n  aspect-ratio: 1 / 1;\n  border-radius: 9999px;\n  color: inherit;\n}\n\n@mixin size-styles($size) {\n  $loader-size: map.get($components-loader-size, $size);\n  $border-size: calc($loader-size / 10);\n\n  width: $loader-size;\n  height: $loader-size;\n\n  &::before,\n  &::after {\n    content: \" \";\n    position: absolute;\n    top: 0;\n    left: 0;\n    border-radius: inherit;\n    width: 100%;\n    height: 100%;\n  }\n\n  &::before {\n    content: \" \";\n    border: $border-size solid;\n    opacity: 0.3;\n  }\n\n  &::after {\n    content: \" \";\n    border-top: $border-size solid transparent;\n    border-left: $border-size solid transparent;\n    border-right: $border-size solid transparent;\n    border-bottom: $border-size solid;\n    animation: rotation 1s linear infinite;\n  }\n}\n\n@mixin color-styles($color) {\n  &::before {\n    border-color: map.get($components-loader-background, $color);\n    opacity: 1;\n  }\n\n  &::after {\n    border-bottom-color: map.get($components-loader-foreground, $color);\n  }\n}\n\n@keyframes rotation {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\nnv-loader {\n  @include root-styles();\n\n  @each $size in $loader-sizes {\n    &.size-#{$size} {\n      @include size-styles($size);\n    }\n  }\n\n  @each $color in $loader-color {\n    &.color-#{$color} {\n      @include color-styles($color);\n    }\n  }\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\nimport { SemanticSizes, LoaderColors } from '../../utils/constants';\n\n@Component({\n  tag: 'nv-loader',\n  styleUrl: 'nv-loader.scss',\n  shadow: false,\n})\nexport class NvLoader {\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Choose the size of the loader to best fit your application’s needs, whether\n   * it’s a small spinner for subtle loading indicators or a large one for more\n   * prominent displays.\n   */\n  @Prop({ reflect: true })\n  readonly size: `${SemanticSizes}` = 'md';\n\n  /**\n   * Choose the color of the loader. Options are primary and white to keep the\n   * design consistent and ensure the loader stands out or blends in\n   * appropriately with your application’s interface.\n   */\n  @Prop({ reflect: true })\n  readonly color: `${LoaderColors}`;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region RENDER\n\n  /* <slot> empty to force rendering change */\n  render() {\n    return (\n      <Host\n        class={clsx(\n          this.size && `size-${this.size}`,\n          this.color && `color-${this.color}`,\n        )}\n      ></Host>\n    );\n  }\n\n  //#endregion RENDER\n}\n"],"mappings":"sFAAA,MAAMA,EAAc,wmHACpB,MAAAC,EAAeD,E,MCSFE,EAAQ,M,mCAUiB,K,qBAepC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAOC,EACLC,KAAKC,MAAQ,QAAQD,KAAKC,OAC1BD,KAAKE,OAAS,SAASF,KAAKE,U","ignoreList":[]}

package/dist/native/{p-4a43953f.entry.js → p-13070761.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as o,h as i,a as c,g as n}from"./p-b4aea326.js";import{c as r}from"./p-8a1a6e56.js";import{v as t}from"./p-f5ff676c.js";const a='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 d=a;const s=class{constructor(i){e(this,i);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 i(c,{key:"b927465541957ac5e40c6af190757ac44cf4a104",class:r(this.labelPlacement==="before"&&"label-placement-before",this.error&&"error")},i("div",{key:"a8a14a21f274f0ad1ebaecb4af0b6eeee73ad0bd",class:"input-container"},i("input",{key:"1ca6af28c329360b9b919a65516b1f1573669881",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}}}),i("span",{key:"ebdf5ba1086be1fed6c4364557c8c78c1b226333",class:"icon"},this.checked&&!this.indeterminate&&i("slot",{key:"5722e106a2945a670ff93a49203f41dafafc230b",name:"checked-icon"},i("svg",{key:"ba9707c495766d7909f2f234f122a5eb1dd975a5",xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 14 14",fill:"none"},i("path",{key:"dea34c4e8dd9857321c1f5625fbb3d5b02aa42ca",d:"M11.6667 3.5L5.25004 9.91667L2.33337 7","stroke-linecap":"round","stroke-linejoin":"round"}))),this.indeterminate&&i("slot",{key:"d833f4c34381f2579a09049239b467e77f90ac45",name:"indeterminate-icon"},i("svg",{key:"c0555c3edaa8eaa841b36d90f2bbd7cee458007d",class:"indeterminate-svg",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 14 14",fill:"none"},i("path",{key:"c5f4f39e6a4ae2bead864a3945a5f7b6b737f724",d:"M2.9165 7H11.0832","stroke-linecap":"round","stroke-linejoin":"round"}))))),i("div",{key:"986f1a08c34f548675cf6d9872514445a36a07af",class:"text-container"},(this.label||this.el.querySelector('[slot="label"]'))&&i("label",{key:"8a4925c138bc779af8df218c7a4bfaa290e71142",htmlFor:this.inputId,class:r(this.hideLabel&&"visually-hidden")},i("slot",{key:"514f59b77e90d090b2459aaa65ffdab6e56158fc",name:"label"},this.label)),(this.description||this.el.querySelector('[slot="description"]'))&&i("div",{key:"569e7989c59ffed32610f88a01e75074520884c0",class:"description"},i("slot",{key:"53eb9d3836b74e99e27a7b0ae6b4e91e6d4b16c6",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&i("div",{key:"ab1b17a3b93ec09021d16ece7d37bce578d20dcb",hidden:!this.error,class:"error-description"},i("slot",{key:"7c183b11c038a45b8f5e4a78f268fefe1512b1eb",name:"error-description"},this.errorDescription))))}get el(){return n(this)}static get watchers(){return{checked:["onCheckedChanged"]}}};s.style=d;export{s as nv_fieldcheckbox};
-//# sourceMappingURL=p-4a43953f.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-000749ae.entry.js → p-1edb76e1.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as r,h as t,a as i,g as o}from"./p-b4aea326.js";import{v as l}from"./p-f5ff676c.js";const s='nv-fieldselect{--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-fieldselect[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-fieldselect[display-value]:not([display-value=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-fieldselect[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-fieldselect[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-fieldselect[required]:not([required=false]) label::after{content:"*";color:var(--components-form-text-required);font-weight:700}nv-fieldselect 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-fieldselect .select-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch}nv-fieldselect .select-wrapper .select-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-fieldselect .select-wrapper .select-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldselect .select-wrapper .select-container:focus-within{border-color:var(--nv-field-border-focus);box-shadow:0 0 0 var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldselect .select-wrapper .select-container:has(select:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldselect .select-wrapper .select-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-fieldselect .select-wrapper .select-container input:focus{outline:none}nv-fieldselect .select-wrapper .select-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-fieldselect .select-wrapper .select-container input:read-only{opacity:0.5;background-color:var(--components-form-field-background-readonly, rgba(0, 0, 0, 0.1));border-color:var(--nv-field-border-readonly)}nv-fieldselect .select-wrapper .select-container select{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-fieldselect .select-wrapper .select-container select:focus{outline:none}nv-fieldselect .select-wrapper .select-container select::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-fieldselect .select-wrapper .select-container select option{background-color:var(--nv-field-background);color:var(--components-form-field-content-text, #1d1d1d);font-size:var(--form-field-font-size, 16px);font-style:normal;font-weight:500;line-height:var(--form-field-line-height, 24px)}nv-fieldselect .select-wrapper .select-container select option:checked{background-color:var(--color-orange-500);color:var(--color-base-content-high-emphasis);font-size:var(--form-field-font-size, 16px);font-style:normal;font-weight:500;line-height:var(--form-field-line-height, 24px)}nv-fieldselect .select-wrapper .select-container select.hidden{display:none}nv-fieldselect .select-wrapper .select-container nv-icon.readonly-icon{color:var(--nv-field-border-default)}nv-fieldselect .select-wrapper .select-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldselect .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-fieldselect .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 n=s;const a=class{constructor(t){e(this,t);this.valueChanged=r(this,"valueChanged",7);this.handleSelectChange=e=>{const r=e.target;let t=Array.from(r.selectedOptions).map((e=>e.value));if(!this.multiple){t=t.slice(0,1)}this.value=this.multiple?t.join(", "):t[0]||"";this.valueChanged.emit(this.value);this.setFormValue()};this.handleSelectContainerClick=()=>{if(!this.internalReadonly&&this.selectElement){this.selectElement.focus()}};this.computedDisplayValue="";this.internalReadonly=false;this.message=undefined;this.validation=undefined;this.selectId=l();this.label=undefined;this.description=undefined;this.name=undefined;this.disabled=false;this.readonly=false;this.required=false;this.error=false;this.errorDescription=undefined;this.success=false;this.multiple=false;this.value="";this.displayValue=false}componentWillRender(){this.updateDisplayValue();if(this.message){this.description=this.message}if(this.validation){this.errorDescription=this.validation;this.error=true}}updateDisplayValueWatcher(e){this.updateDisplayValue();if(this.selectElement){const r=e.split(",").map((e=>e.trim()));const t=this.selectElement.options;if(t){Array.from(t).forEach((e=>{e.selected=this.multiple?r.includes(e.value):e.value===r[0]}));if(!this.multiple){this.selectElement.value=e}}else{this.selectElement.value=r[0]||""}}this.setFormValue()}handleDisplayValueChange(e){this.internalReadonly=e;if(this.readonly){this.internalReadonly=true}}handleReadonlyChange(e){this.internalReadonly=e;if(this.displayValue){this.internalReadonly=true}}updateDisplayValue(){if(this.internalReadonly&&!this.displayValue){if(this.multiple){const e=this.value.split(",").map((e=>e.trim())).map((e=>this.getLabelFromId(e)||"")).filter((e=>e!==""));this.computedDisplayValue=e.join(", ")||""}else{this.computedDisplayValue=this.getLabelFromId(this.value)||""}}else if(this.internalReadonly&&this.displayValue){this.computedDisplayValue=this.value||""}}getLabelFromId(e){this.ensureSelectElement();if(!this.selectElement){return""}const r=this.selectElement.options;if(r){const t=Array.from(r).find((r=>r.value===e));return t?t.textContent.trim()||"":""}else{return""}}setFormValue(){this.internals.setFormValue(this.value)}ensureSelectElement(){if(!this.selectElement){this.selectElement=this.el.querySelector("select")}}componentWillLoad(){this.internalReadonly=this.readonly;if(this.displayValue){this.internalReadonly=true}if("attachInternals"in this.el){this.internals=this.el.attachInternals()}else{this.internals={setFormValue:e=>{const r=this.el.closest("form");if(r){const t=document.createElement("input");t.type="hidden";t.name=this.name;t.value=e;r.appendChild(t)}}}}if(this.multiple&&typeof this.value!=="string"){this.value=""}}componentDidLoad(){this.updateDisplayValue();if(this.selectElement){if(!this.multiple){this.selectElement.value=this.value}const e=this.multiple?this.value.split(",").map((e=>e.trim())):[this.value];const r=this.selectElement.options;if(r){Array.from(r).forEach((r=>{r.selected=this.multiple?e.includes(r.value):r.value===e[0]}))}else{this.selectElement.value=e[0]||""}}this.setFormValue()}render(){return t(i,{key:"084b481cd9fb4a5de72475c55b160e6b52791b19"},(this.label||this.el.querySelector('[slot="label"]'))&&t("label",{key:"8af61112f500899f876163354f0b75b1e68f0874",htmlFor:this.selectId},t("slot",{key:"e49a64d55614534aafc53b1aae1f93ab1e164ff2",name:"label"},this.label)),t("div",{key:"3b91159475d481c9c2cfcebfdefee9e9ada81e09",class:"select-wrapper"},t("slot",{key:"8a1e0736dcf48b2bf6d63936011115b903cc732a",name:"before-input"}),t("div",{key:"c5d874489e528f67c60ee2262ed053cc29ed53fa",class:"select-container",onClick:this.handleSelectContainerClick},t("slot",{key:"22e1ef11fb7924b71dc968ddc0cab92ce7ad0ad9",name:"leading-input"}),this.internalReadonly&&t("input",{key:"d117241f08b1bc4e1c81cd07ff71ef4335a07768",id:this.selectId+"-readonly",type:"text",value:this.computedDisplayValue,readOnly:true,class:"readonly-input","aria-readonly":"true","aria-label":this.label,"aria-describedby":this.error?`${this.selectId}-error`:`${this.selectId}-description`}),t("select",{key:"62715b40d36a97243f3126238bb89cf99bfa697a",id:this.selectId,ref:e=>this.selectElement=e,name:this.name,disabled:this.disabled,required:this.required,multiple:this.multiple,onChange:this.handleSelectChange,class:this.internalReadonly?"hidden":"","aria-label":this.label,"aria-describedby":this.error?`${this.selectId}-error`:`${this.selectId}-description`},t("slot",{key:"48005aa82e831392898795ce1bf84f6ae62ebbae"})),this.internalReadonly&&t("nv-icon",{key:"b708946069c6ae49bd56910efaa246757d5c9aa6",name:"chevron-down",class:"readonly-icon",size:"sm"}),this.error&&t("nv-icon",{key:"43b4b0a27420de9fa357783cea4dfc3755dad51a",name:"alert-circle",class:"validation",size:"sm"}),this.success&&t("nv-icon",{key:"d0607401dffd4bf618acb7af51ff9a21576fb6ec",name:"circle-check",class:"validation",size:"sm"})),t("slot",{key:"e90a2d6a6b75e3a85c300c4913cfe68356e09cc5",name:"after-input"})),(this.description||this.el.querySelector('[slot="description"]'))&&t("div",{key:"ea723eab08cd1c2501719d327b441c4ee5f017c0",class:"description",id:`${this.selectId}-description`},t("slot",{key:"eb4ee8a77bef595b8f654ff38debea299f702adc",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&t("div",{key:"3177ab730cb80127e12e807db80574dd777a2a99",class:"error-description",id:`${this.selectId}-error`},t("slot",{key:"5e3c77cb967bfe314c8a492db0c735f40a540a66",name:"error-description"},this.errorDescription)))}static get formAssociated(){return true}get el(){return o(this)}static get watchers(){return{value:["updateDisplayValueWatcher"],displayValue:["handleDisplayValueChange"],readonly:["handleReadonlyChange"]}}};a.style=n;export{a as nv_fieldselect};
-//# sourceMappingURL=p-000749ae.entry.js.map
+import{r as e,c as r,h as t,a as i,g as o}from"./p-b4aea326.js";import{v as l}from"./p-f5ff676c.js";const s='nv-fieldselect{--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-fieldselect[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-fieldselect[display-value]:not([display-value=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-fieldselect[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-fieldselect[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-fieldselect[required]:not([required=false]) label::after{content:"*";color:var(--components-form-text-required);font-weight:700}nv-fieldselect 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-fieldselect .select-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch}nv-fieldselect .select-wrapper .select-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-fieldselect .select-wrapper .select-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldselect .select-wrapper .select-container:focus-within{border-color:var(--nv-field-border-focus);box-shadow:0 0 0 var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldselect .select-wrapper .select-container:has(select:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldselect .select-wrapper .select-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-fieldselect .select-wrapper .select-container input:focus{outline:none}nv-fieldselect .select-wrapper .select-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-fieldselect .select-wrapper .select-container input:read-only{opacity:0.5;background-color:var(--components-form-field-background-readonly, rgba(0, 0, 0, 0.1));border-color:var(--nv-field-border-readonly)}nv-fieldselect .select-wrapper .select-container select{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-fieldselect .select-wrapper .select-container select:focus{outline:none}nv-fieldselect .select-wrapper .select-container select::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-fieldselect .select-wrapper .select-container select option{background-color:var(--nv-field-background);color:var(--components-form-field-content-text, #1d1d1d);font-size:var(--form-field-font-size, 16px);font-style:normal;font-weight:500;line-height:var(--form-field-line-height, 24px)}nv-fieldselect .select-wrapper .select-container select option:checked{background-color:var(--color-orange-500);color:var(--color-base-content-high-emphasis);font-size:var(--form-field-font-size, 16px);font-style:normal;font-weight:500;line-height:var(--form-field-line-height, 24px)}nv-fieldselect .select-wrapper .select-container select.hidden{display:none}nv-fieldselect .select-wrapper .select-container nv-icon.readonly-icon{color:var(--nv-field-border-default)}nv-fieldselect .select-wrapper .select-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldselect .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-fieldselect .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 n=s;const a=class{constructor(t){e(this,t);this.valueChanged=r(this,"valueChanged",7);this.handleSelectChange=e=>{const r=e.target;let t=Array.from(r.selectedOptions).map((e=>e.value));if(!this.multiple){t=t.slice(0,1)}this.value=this.multiple?t.join(", "):t[0]||"";this.valueChanged.emit(this.value);this.setFormValue()};this.handleSelectContainerClick=()=>{if(!this.internalReadonly&&this.selectElement){this.selectElement.focus()}};this.computedDisplayValue="";this.internalReadonly=false;this.message=undefined;this.validation=undefined;this.selectId=l();this.label=undefined;this.description=undefined;this.name=undefined;this.disabled=false;this.readonly=false;this.required=false;this.error=false;this.errorDescription=undefined;this.success=false;this.multiple=false;this.value="";this.displayValue=false}componentWillRender(){this.updateDisplayValue();if(this.message){this.description=this.message}if(this.validation){this.errorDescription=this.validation;this.error=true}}updateDisplayValueWatcher(e){this.updateDisplayValue();if(this.selectElement){const r=e.split(",").map((e=>e.trim()));const t=this.selectElement.options;if(t){Array.from(t).forEach((e=>{e.selected=this.multiple?r.includes(e.value):e.value===r[0]}));if(!this.multiple){this.selectElement.value=e}}else{this.selectElement.value=r[0]||""}}this.setFormValue()}handleDisplayValueChange(e){this.internalReadonly=e;if(this.readonly){this.internalReadonly=true}}handleReadonlyChange(e){this.internalReadonly=e;if(this.displayValue){this.internalReadonly=true}}updateDisplayValue(){if(this.internalReadonly&&!this.displayValue){if(this.multiple){const e=this.value.split(",").map((e=>e.trim())).map((e=>this.getLabelFromId(e)||"")).filter((e=>e!==""));this.computedDisplayValue=e.join(", ")||""}else{this.computedDisplayValue=this.getLabelFromId(this.value)||""}}else if(this.internalReadonly&&this.displayValue){this.computedDisplayValue=this.value||""}}getLabelFromId(e){this.ensureSelectElement();if(!this.selectElement){return""}const r=this.selectElement.options;if(r){const t=Array.from(r).find((r=>r.value===e));return t?t.textContent.trim()||"":""}else{return""}}setFormValue(){this.internals.setFormValue(this.value)}ensureSelectElement(){if(!this.selectElement){this.selectElement=this.el.querySelector("select")}}componentWillLoad(){this.internalReadonly=this.readonly;if(this.displayValue){this.internalReadonly=true}if("attachInternals"in this.el){this.internals=this.el.attachInternals()}else{this.internals={setFormValue:e=>{const r=this.el.closest("form");if(r){const t=document.createElement("input");t.type="hidden";t.name=this.name;t.value=e;r.appendChild(t)}}}}if(this.multiple&&typeof this.value!=="string"){this.value=""}}componentDidLoad(){this.updateDisplayValue();if(this.selectElement){if(!this.multiple){this.selectElement.value=this.value}const e=this.multiple?this.value.split(",").map((e=>e.trim())):[this.value];const r=this.selectElement.options;if(r){Array.from(r).forEach((r=>{r.selected=this.multiple?e.includes(r.value):r.value===e[0]}))}else{this.selectElement.value=e[0]||""}}this.setFormValue()}render(){return t(i,{key:"e1333260c8fa6eebf9078f7497d2d0b30f555068"},(this.label||this.el.querySelector('[slot="label"]'))&&t("label",{key:"42d18737d174df03ac92c2cd178e372fed4bde1a",htmlFor:this.selectId},t("slot",{key:"675f7d4d5089bebb8104d848f1953445c79b584f",name:"label"},this.label)),t("div",{key:"59f13a05173ee15cffa6afca296da0333568cea4",class:"select-wrapper"},t("slot",{key:"1c2fe2ec6e84b95a47dc4c2668afd5d0ea899aee",name:"before-input"}),t("div",{key:"f6bd0c186ac6fa781e52329fc8a4622b740066f2",class:"select-container",onClick:this.handleSelectContainerClick},t("slot",{key:"fbf25811a89197b11a4d4ea6dd1020b44fd14f73",name:"leading-input"}),this.internalReadonly&&t("input",{key:"c05413ddedb713944ad7f128a866d761e38080c6",id:this.selectId+"-readonly",type:"text",value:this.computedDisplayValue,readOnly:true,class:"readonly-input","aria-readonly":"true","aria-label":this.label,"aria-describedby":this.error?`${this.selectId}-error`:`${this.selectId}-description`}),t("select",{key:"6bd95875e397c69c0297fe0c3bc9703c7872f477",id:this.selectId,ref:e=>this.selectElement=e,name:this.name,disabled:this.disabled,required:this.required,multiple:this.multiple,onChange:this.handleSelectChange,class:this.internalReadonly?"hidden":"","aria-label":this.label,"aria-describedby":this.error?`${this.selectId}-error`:`${this.selectId}-description`},t("slot",{key:"22798124b2b743ee1b8ffc22f4e8fffc6704be66"})),this.internalReadonly&&t("nv-icon",{key:"6fb4193bf131fce928d0e5d0346eb7fe62fcf77e",name:"chevron-down",class:"readonly-icon",size:"sm"}),this.error&&t("nv-icon",{key:"4a84c2b8eece45c6247c7c58f74696fbc5b8ff4c",name:"alert-circle",class:"validation",size:"sm"}),this.success&&t("nv-icon",{key:"84af6db55127c516538f0df4d19f09f4570800f4",name:"circle-check",class:"validation",size:"sm"})),t("slot",{key:"11dd18fc96e0360ac62b80d3d295895051a914d1",name:"after-input"})),(this.description||this.el.querySelector('[slot="description"]'))&&t("div",{key:"142d57ab7ba7aaef8ae0929b94716d37dd151e1c",class:"description",id:`${this.selectId}-description`},t("slot",{key:"0ce2c8c5bfa0966b1017cfea79461df6630773b4",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&t("div",{key:"a06402c222f5f377ef314c66317c98df4b72e4b0",class:"error-description",id:`${this.selectId}-error`},t("slot",{key:"0d9e63fd9b8fa53a4ea037e5cb720a42206ee49d",name:"error-description"},this.errorDescription)))}static get formAssociated(){return true}get el(){return o(this)}static get watchers(){return{value:["updateDisplayValueWatcher"],displayValue:["handleDisplayValueChange"],readonly:["handleReadonlyChange"]}}};a.style=n;export{a as nv_fieldselect};
+//# sourceMappingURL=p-1edb76e1.entry.js.map

package/dist/native/{p-000749ae.entry.js.map → p-1edb76e1.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["nvFieldselectCss","NvFieldselectStyle0","NvFieldselect","this","handleSelectChange","event","select","target","selectedValues","Array","from","selectedOptions","map","option","value","multiple","slice","join","valueChanged","emit","setFormValue","handleSelectContainerClick","internalReadonly","selectElement","focus","uuidv4","componentWillRender","updateDisplayValue","message","description","validation","errorDescription","error","updateDisplayValueWatcher","newValue","split","val","trim","options","forEach","selected","includes","handleDisplayValueChange","readonly","handleReadonlyChange","displayValue","selectedLabels","key","getLabelFromId","filter","label","computedDisplayValue","ensureSelectElement","find","textContent","internals","el","querySelector","componentWillLoad","attachInternals","formElement","closest","input","document","createElement","type","name","appendChild","componentDidLoad","v","render","h","Host","htmlFor","selectId","class","onClick","id","readOnly","ref","disabled","required","onChange","size","success"],"sources":["src/components/nv-fieldselect/nv-fieldselect.scss?tag=nv-fieldselect","src/components/nv-fieldselect/nv-fieldselect.tsx"],"sourcesContent":["@import \"../../styles/form-field\";\n\n@mixin form-field-select-wrapper() {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--form-gap-x);\n  align-items: stretch;\n  align-self: stretch;\n}\n\n@mixin form-field-select-container() {\n  display: flex;\n  flex-grow: 1;\n  padding: calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);\n  justify-content: center;\n  align-items: center;\n  gap: var(--form-field-gap);\n  align-self: stretch;\n  border-radius: var(--form-field-radius);\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--nv-field-border-default);\n  opacity: var(--components-form-opacity-default);\n  background: var(--nv-field-background);\n  transition: all 150ms ease-out;\n\n  &:hover {\n    border-color: var(--nv-field-border-hover);\n  }\n\n  &:focus-within {\n    border-color: var(--nv-field-border-focus);\n    box-shadow: 0 0 0 var(--focus-field-stroke) var(--nv-field-focus-box-shadow);\n  }\n\n  &:has(select:disabled) {\n    // opacity: var(--components-form-opacity-disabled, 0.5); broken token generation, is 50px instead of 0.5\n    opacity: 0.5;\n    background-color: var(--components-form-field-background-disabled);\n    border-color: var(--nv-field-border-disabled);\n  }\n}\n\n@mixin form-field-select() {\n  display: flex;\n  align-items: center;\n  flex: 1 0 0;\n  overflow: hidden;\n  background-color: transparent;\n  color: var(--components-form-field-content-text);\n  text-overflow: ellipsis;\n  font-size: var(--form-field-font-size);\n  font-style: normal;\n  font-weight: 500;\n  line-height: var(--form-field-line-height);\n\n  &:focus {\n    outline: none;\n  }\n\n  &::placeholder {\n    overflow: hidden;\n    color: var(--components-form-field-content-placeholder);\n    text-overflow: ellipsis;\n    font-family: \"TT Norms Pro\", sans-serif;\n    font-size: var(--form-field-font-size);\n    font-style: normal;\n    font-weight: 400;\n    line-height: var(--form-field-line-height);\n  }\n}\n\nnv-fieldselect {\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  &[display-value]:not([display-value=\"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  .select-wrapper {\n    @include form-field-select-wrapper();\n\n    .select-container {\n      @include form-field-select-container();\n\n      input {\n        @include form-field-input();\n\n        &:read-only {\n          // opacity: var(--components-form-opacity-disabled, 0.5); broken token generation, is 50px instead of 0.5\n          opacity: 0.5;\n          background-color: var(--components-form-field-background-readonly, rgb(0 0 0 / 10%));\n          border-color: var(--nv-field-border-readonly);\n        }\n      }\n\n      select {\n        @include form-field-select();\n\n        & option {\n          background-color: var(--nv-field-background);\n          color: var(--components-form-field-content-text, #1d1d1d);\n          font-size: var(--form-field-font-size, 16px);\n          font-style: normal;\n          font-weight: 500;\n          line-height: var(--form-field-line-height, 24px);\n\n          &:checked {\n            background-color: var(--color-orange-500);\n            color: var(--color-base-content-high-emphasis);\n            font-size: var(--form-field-font-size, 16px);\n            font-style: normal;\n            font-weight: 500;\n            line-height: var(--form-field-line-height, 24px);\n          }\n        }\n\n        &.hidden {\n          display: none;\n        }\n      }\n\n      nv-icon.readonly-icon {\n        @include form-field-icon();\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  Watch,\n  Element,\n  State,\n} from '@stencil/core';\nimport { v4 as uuidv4 } from 'uuid';\n\n/**\n * @slot default - Content to be placed inside the select element.\n * @slot leading-input - Content to be placed before the select input, within the select container.\n * @slot before-input - Content to be placed before the select input, outside the select container.\n * @slot after-input - Content to be placed after the select input, outside the select 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-fieldselect',\n  shadow: false,\n  formAssociated: true,\n  styleUrl: 'nv-fieldselect.scss',\n})\nexport class NvFieldselect {\n  @Element() el: HTMLNvFieldselectElement;\n  private selectElement!: HTMLSelectElement;\n  private internals: ElementInternals;\n\n  /****************************************************************************/\n  //#region STATES\n\n  @State()\n  private computedDisplayValue: string = '';\n\n  @State()\n  private internalReadonly: boolean = false;\n\n  //#endregion STATES\n  /****************************************************************************/\n  //#region DEPRECATED\n\n  /**\n   * Message defines a 'hint ' message for the Select 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  componentWillRender() {\n    this.updateDisplayValue(); // Ensure display value is updated before render\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 select 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 selectId: string = uuidv4();\n\n  /**\n   * Lets you define the text that explains what users should choose in the\n   * select 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 select field. This is\n   * where you can clarify what users should choose 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   * Defines the name attribute of the select 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 selected data in form submissions. It should be\n   * unique within the form to avoid conflicts\n   */\n  @Prop({ reflect: true })\n  readonly name: string;\n\n  /**\n   * The disabled prop lets you turn off the select field so that users can’t\n   * choose something. 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 select 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 change or delete anything.\n   */\n  @Prop({ reflect: true })\n  readonly readonly: boolean = false;\n\n  /**\n   * Marks the select 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 select field’s appearance to indicate an error, helping users\n   * identify fields that need correction.\n   * @validator error\n   */\n  @Prop({ reflect: true, mutable: true })\n  error: boolean = false;\n\n  /**\n   * Show a helpful message under the select field when there’s a problem. It\n   * explains what’s wrong and how users can fix it, making the error easier to\n   * understand and resolve.\n   * @validator message\n   */\n  @Prop({ reflect: true, mutable: true })\n  errorDescription: string;\n\n  /**\n   * Changes the select field’s appearance to indicate successful input or\n   * validation.\n   */\n  @Prop({ reflect: true })\n  readonly success: boolean = false;\n\n  /**\n   * When enabled, allows the select to handle multiple selections.\n   */\n  @Prop({ reflect: true })\n  readonly multiple: boolean = false;\n\n  /**\n   * The value of the select field.\n   * - If `multiple` is `false`, it's a single string.\n   * - If `multiple` is `true`, it's a comma-separated string of selected values.\n   */\n  @Prop({ reflect: true, mutable: true })\n  value: string = '';\n\n  /**\n   * When enabled, displays the value element instead of the label when readonly.\n   * By default, the label is displayed in readonly mode. Also it automatically\n   * sets the component to readonly.\n   */\n  @Prop({ reflect: true })\n  readonly displayValue: boolean = false;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emitted when the selected value changes.\n   * @bind value\n   */\n  @Event()\n  valueChanged: EventEmitter<string>; // Emit as a string\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region WATCHERS\n\n  /**\n   * Updates the display value when the value property changes. This watcher is\n   * used to update the display value when the selected value changes. This is\n   * necessary for readonly select fields to display the selected value.\n   * @internal This watcher is not intended to be called outside of the component.\n   * @param {string} newValue - The new value of the select field.\n   */\n  @Watch('value')\n  updateDisplayValueWatcher(newValue: string) {\n    this.updateDisplayValue();\n\n    if (this.selectElement) {\n      const selectedValues = newValue.split(',').map(val => val.trim());\n      const options = this.selectElement.options;\n\n      if (options) {\n        Array.from(options).forEach(option => {\n          option.selected = this.multiple\n            ? selectedValues.includes(option.value)\n            : option.value === selectedValues[0];\n        });\n\n        if (!this.multiple) {\n          this.selectElement.value = newValue; // Only set when not multiple\n        }\n      } else {\n        this.selectElement.value = selectedValues[0] || '';\n      }\n    }\n\n    // Update form value\n    this.setFormValue();\n  }\n\n  /**\n   * Watcher for the displayValue prop to ensure internalReadonly is true when displayValue is true.\n   * @param {boolean} newValue - The new value of displayValue.\n   */\n  @Watch('displayValue')\n  handleDisplayValueChange(newValue: boolean) {\n    this.internalReadonly = newValue; // Set internalReadonly to true if displayValue is true\n\n    if (this.readonly) {\n      this.internalReadonly = true;\n    }\n  }\n\n  /**\n   * Watcher for the readonly prop to ensure internalReadonly is true when readonly is true.\n   * @param {boolean} newValue - The new value of readonly.\n   */\n  @Watch('readonly')\n  handleReadonlyChange(newValue: boolean) {\n    this.internalReadonly = newValue; // Set internalReadonly to true if displayValue is true\n\n    if (this.displayValue) {\n      this.internalReadonly = true;\n    }\n  }\n\n  //#endregion WATCHERS\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Handles the change event on the select element. This method is used to\n   * update the value property when the selected options change. It is also\n   * used to emit the selectChanged event when the selected value changes.\n   * @param {Event} event - The change event on the select element.\n   * @emits selectChanged\n   */\n  private readonly handleSelectChange = (event: Event) => {\n    const select = event.target as HTMLSelectElement;\n    let selectedValues: string[] = Array.from(select.selectedOptions).map(\n      option => option.value,\n    );\n\n    if (!this.multiple) {\n      selectedValues = selectedValues.slice(0, 1);\n    }\n\n    this.value = this.multiple\n      ? selectedValues.join(', ')\n      : selectedValues[0] || '';\n    this.valueChanged.emit(this.value);\n\n    // Update form value\n    this.setFormValue();\n  };\n\n  /**\n   * Handles focus when the select container is clicked.\n   */\n  private readonly handleSelectContainerClick = () => {\n    if (!this.internalReadonly && this.selectElement) {\n      this.selectElement.focus();\n    }\n  };\n\n  /**\n   * Updates the display value of the select field. This method is used to\n   * update the display value when the selected value changes. This is necessary\n   * for readonly select fields to display the selected value. This method is\n   * called in the componentDidLoad lifecycle hook and the updateDisplayValueWatcher\n   * watcher.\n   * @internal This method is not intended to be called outside of the component.\n   */\n  private updateDisplayValue(): void {\n    if (this.internalReadonly && !this.displayValue) {\n      if (this.multiple) {\n        const selectedLabels = this.value\n          .split(',')\n          .map(key => key.trim())\n          .map(key => this.getLabelFromId(key) || '')\n          .filter(label => label !== '');\n        this.computedDisplayValue = selectedLabels.join(', ') || '';\n      } else {\n        this.computedDisplayValue = this.getLabelFromId(this.value) || '';\n      }\n    } else if (this.internalReadonly && this.displayValue) {\n      this.computedDisplayValue = this.value || '';\n    }\n  }\n\n  /**\n   * Retrieves the label from the <option> elements based on the provided key (value).\n   * This method uses the id or value attribute directly from the <select> options.\n   * @param {string} key - The key (value) for which to find the corresponding label.\n   * @returns {string} The label if found; otherwise, an empty string.\n   */\n  private getLabelFromId(key: string): string {\n    this.ensureSelectElement();\n    if (!this.selectElement) {\n      return '';\n    }\n\n    // Cache the option list\n    const options = this.selectElement.options;\n\n    if (options) {\n      const option = Array.from(options).find(option => option.value === key);\n      return option ? option.textContent.trim() || '' : '';\n    } else {\n      return '';\n    }\n  }\n\n  /**\n   * Sets the value of the form element for form submission. This method is\n   * called when the selected value changes or when the value property is set.\n   * @internal This method is not intended to be called outside of the component.\n   */\n  private setFormValue(): void {\n    this.internals.setFormValue(this.value);\n  }\n\n  /**\n   * Ensures the select element is available. This method is used to ensure\n   * the select element is available before attempting to access it.\n   * @internal This method is not intended to be called outside of the component.\n   */\n  private ensureSelectElement(): void {\n    if (!this.selectElement) {\n      this.selectElement = this.el.querySelector('select') as HTMLSelectElement;\n    }\n  }\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  /**\n   * Lifecycle method that is called before the component is rendered. This is\n   * where the internal state is set up before rendering occurs.\n   */\n  componentWillLoad() {\n    // Set internalReadonly based on the readonly prop\n    this.internalReadonly = this.readonly;\n\n    // Ensure internalReadonly is true if displayValue is true during loading\n    if (this.displayValue) {\n      this.internalReadonly = true;\n    }\n\n    if ('attachInternals' in this.el) {\n      this.internals = (\n        this.el as HTMLElement & { attachInternals: () => ElementInternals }\n      ).attachInternals();\n    } else {\n      // Fallback logic for browsers without attachInternals support\n      this.internals = {\n        setFormValue: (value: string) => {\n          const formElement = this.el.closest('form');\n          if (formElement) {\n            const input = document.createElement('input');\n            input.type = 'hidden';\n            input.name = this.name;\n            input.value = value;\n            formElement.appendChild(input);\n          }\n        },\n      } as ElementInternals;\n    }\n\n    // Initialize value as an empty string if multiple is true\n    if (this.multiple && typeof this.value !== 'string') {\n      this.value = '';\n    }\n  }\n\n  /**\n   * Lifecycle method that is called after the component has been rendered.\n   * This is where the display value is updated and the initial select element's\n   * state is set.\n   */\n  componentDidLoad() {\n    this.updateDisplayValue();\n\n    if (this.selectElement) {\n      // Only set the value for single selection, skip for multiple\n      if (!this.multiple) {\n        this.selectElement.value = this.value;\n      }\n\n      const selectedValues = this.multiple\n        ? this.value.split(',').map(v => v.trim())\n        : [this.value];\n\n      const options = this.selectElement.options;\n\n      if (options) {\n        Array.from(options).forEach(option => {\n          option.selected = this.multiple\n            ? selectedValues.includes(option.value)\n            : option.value === selectedValues[0];\n        });\n      } else {\n        // Handle case where there are no options\n        this.selectElement.value = selectedValues[0] || '';\n      }\n    }\n\n    // Set the initial form value\n    this.setFormValue();\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region RENDERING\n\n  /**\n   * The render method creates the HTML structure for the component, including\n   * the label, select element, and any error or description messages. It also\n   * applies the appropriate CSS classes based on the readonly state and\n   * displayValue prop. This method is called when the component is rendered.\n   * @returns {HTMLStencilElement} The HTML element to render.\n   */\n  render() {\n    return (\n      <Host>\n        {(this.label || this.el.querySelector('[slot=\"label\"]')) && (\n          <label htmlFor={this.selectId}>\n            <slot name=\"label\">{this.label}</slot>\n          </label>\n        )}\n\n        <div class=\"select-wrapper\">\n          <slot name=\"before-input\"></slot>\n\n          <div\n            class=\"select-container\"\n            onClick={this.handleSelectContainerClick}\n          >\n            <slot name=\"leading-input\"></slot>\n\n            {this.internalReadonly && (\n              <input\n                id={this.selectId + '-readonly'}\n                type=\"text\"\n                value={this.computedDisplayValue}\n                readOnly\n                class=\"readonly-input\"\n                aria-readonly=\"true\"\n                aria-label={this.label}\n                aria-describedby={\n                  this.error\n                    ? `${this.selectId}-error`\n                    : `${this.selectId}-description`\n                }\n              />\n            )}\n\n            <select\n              id={this.selectId}\n              ref={el => (this.selectElement = el)}\n              name={this.name}\n              disabled={this.disabled}\n              required={this.required}\n              multiple={this.multiple}\n              onChange={this.handleSelectChange}\n              class={this.internalReadonly ? 'hidden' : ''}\n              aria-label={this.label}\n              aria-describedby={\n                this.error\n                  ? `${this.selectId}-error`\n                  : `${this.selectId}-description`\n              }\n            >\n              <slot></slot>\n            </select>\n\n            {this.internalReadonly && (\n              <nv-icon name=\"chevron-down\" class=\"readonly-icon\" size=\"sm\" />\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\" id={`${this.selectId}-description`}>\n            <slot name=\"description\">{this.description}</slot>\n          </div>\n        )}\n\n        {(this.errorDescription ||\n          this.el.querySelector('[slot=\"error-description\"]')) && (\n          <div class=\"error-description\" id={`${this.selectId}-error`}>\n            <slot name=\"error-description\">{this.errorDescription}</slot>\n          </div>\n        )}\n      </Host>\n    );\n  }\n\n  //#endregion RENDERING\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["nvFieldselectCss","NvFieldselectStyle0","NvFieldselect","this","handleSelectChange","event","select","target","selectedValues","Array","from","selectedOptions","map","option","value","multiple","slice","join","valueChanged","emit","setFormValue","handleSelectContainerClick","internalReadonly","selectElement","focus","uuidv4","componentWillRender","updateDisplayValue","message","description","validation","errorDescription","error","updateDisplayValueWatcher","newValue","split","val","trim","options","forEach","selected","includes","handleDisplayValueChange","readonly","handleReadonlyChange","displayValue","selectedLabels","key","getLabelFromId","filter","label","computedDisplayValue","ensureSelectElement","find","textContent","internals","el","querySelector","componentWillLoad","attachInternals","formElement","closest","input","document","createElement","type","name","appendChild","componentDidLoad","v","render","h","Host","htmlFor","selectId","class","onClick","id","readOnly","ref","disabled","required","onChange","size","success"],"sources":["src/components/nv-fieldselect/nv-fieldselect.scss?tag=nv-fieldselect","src/components/nv-fieldselect/nv-fieldselect.tsx"],"sourcesContent":["@import \"../../styles/form-field\";\n\n@mixin form-field-select-wrapper() {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--form-gap-x);\n  align-items: stretch;\n  align-self: stretch;\n}\n\n@mixin form-field-select-container() {\n  display: flex;\n  flex-grow: 1;\n  padding: calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);\n  justify-content: center;\n  align-items: center;\n  gap: var(--form-field-gap);\n  align-self: stretch;\n  border-radius: var(--form-field-radius);\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--nv-field-border-default);\n  opacity: var(--components-form-opacity-default);\n  background: var(--nv-field-background);\n  transition: all 150ms ease-out;\n\n  &:hover {\n    border-color: var(--nv-field-border-hover);\n  }\n\n  &:focus-within {\n    border-color: var(--nv-field-border-focus);\n    box-shadow: 0 0 0 var(--focus-field-stroke) var(--nv-field-focus-box-shadow);\n  }\n\n  &:has(select:disabled) {\n    // opacity: var(--components-form-opacity-disabled, 0.5); broken token generation, is 50px instead of 0.5\n    opacity: 0.5;\n    background-color: var(--components-form-field-background-disabled);\n    border-color: var(--nv-field-border-disabled);\n  }\n}\n\n@mixin form-field-select() {\n  display: flex;\n  align-items: center;\n  flex: 1 0 0;\n  overflow: hidden;\n  background-color: transparent;\n  color: var(--components-form-field-content-text);\n  text-overflow: ellipsis;\n  font-size: var(--form-field-font-size);\n  font-style: normal;\n  font-weight: 500;\n  line-height: var(--form-field-line-height);\n\n  &:focus {\n    outline: none;\n  }\n\n  &::placeholder {\n    overflow: hidden;\n    color: var(--components-form-field-content-placeholder);\n    text-overflow: ellipsis;\n    font-family: \"TT Norms Pro\", sans-serif;\n    font-size: var(--form-field-font-size);\n    font-style: normal;\n    font-weight: 400;\n    line-height: var(--form-field-line-height);\n  }\n}\n\nnv-fieldselect {\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  &[display-value]:not([display-value=\"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  .select-wrapper {\n    @include form-field-select-wrapper();\n\n    .select-container {\n      @include form-field-select-container();\n\n      input {\n        @include form-field-input();\n\n        &:read-only {\n          // opacity: var(--components-form-opacity-disabled, 0.5); broken token generation, is 50px instead of 0.5\n          opacity: 0.5;\n          background-color: var(--components-form-field-background-readonly, rgb(0 0 0 / 10%));\n          border-color: var(--nv-field-border-readonly);\n        }\n      }\n\n      select {\n        @include form-field-select();\n\n        & option {\n          background-color: var(--nv-field-background);\n          color: var(--components-form-field-content-text, #1d1d1d);\n          font-size: var(--form-field-font-size, 16px);\n          font-style: normal;\n          font-weight: 500;\n          line-height: var(--form-field-line-height, 24px);\n\n          &:checked {\n            background-color: var(--color-orange-500);\n            color: var(--color-base-content-high-emphasis);\n            font-size: var(--form-field-font-size, 16px);\n            font-style: normal;\n            font-weight: 500;\n            line-height: var(--form-field-line-height, 24px);\n          }\n        }\n\n        &.hidden {\n          display: none;\n        }\n      }\n\n      nv-icon.readonly-icon {\n        @include form-field-icon();\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  Watch,\n  Element,\n  State,\n} from '@stencil/core';\nimport { v4 as uuidv4 } from 'uuid';\n\n/**\n * @slot default - Content to be placed inside the select element.\n * @slot leading-input - Content to be placed before the select input, within the select container.\n * @slot before-input - Content to be placed before the select input, outside the select container.\n * @slot after-input - Content to be placed after the select input, outside the select 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-fieldselect',\n  shadow: false,\n  formAssociated: true,\n  styleUrl: 'nv-fieldselect.scss',\n})\nexport class NvFieldselect {\n  @Element() el: HTMLNvFieldselectElement;\n  private selectElement!: HTMLSelectElement;\n  private internals: ElementInternals;\n\n  /****************************************************************************/\n  //#region STATES\n\n  @State()\n  private computedDisplayValue: string = '';\n\n  @State()\n  private internalReadonly: boolean = false;\n\n  //#endregion STATES\n  /****************************************************************************/\n  //#region DEPRECATED\n\n  /**\n   * Message defines a 'hint ' message for the Select 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  componentWillRender() {\n    this.updateDisplayValue(); // Ensure display value is updated before render\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 select 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 selectId: string = uuidv4();\n\n  /**\n   * Lets you define the text that explains what users should choose in the\n   * select 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 select field. This is\n   * where you can clarify what users should choose 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   * Defines the name attribute of the select 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 selected data in form submissions. It should be\n   * unique within the form to avoid conflicts\n   */\n  @Prop({ reflect: true })\n  readonly name: string;\n\n  /**\n   * The disabled prop lets you turn off the select field so that users can’t\n   * choose something. 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 select 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 change or delete anything.\n   */\n  @Prop({ reflect: true })\n  readonly readonly: boolean = false;\n\n  /**\n   * Marks the select 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 select field’s appearance to indicate an error, helping users\n   * identify fields that need correction.\n   * @validator error\n   */\n  @Prop({ reflect: true, mutable: true })\n  error: boolean = false;\n\n  /**\n   * Show a helpful message under the select field when there’s a problem. It\n   * explains what’s wrong and how users can fix it, making the error easier to\n   * understand and resolve.\n   * @validator message\n   */\n  @Prop({ reflect: true, mutable: true })\n  errorDescription: string;\n\n  /**\n   * Changes the select field’s appearance to indicate successful input or\n   * validation.\n   */\n  @Prop({ reflect: true })\n  readonly success: boolean = false;\n\n  /**\n   * When enabled, allows the select to handle multiple selections.\n   */\n  @Prop({ reflect: true })\n  readonly multiple: boolean = false;\n\n  /**\n   * The value of the select field.\n   * - If `multiple` is `false`, it's a single string.\n   * - If `multiple` is `true`, it's a comma-separated string of selected values.\n   */\n  @Prop({ reflect: true, mutable: true })\n  value: string = '';\n\n  /**\n   * When enabled, displays the value element instead of the label when readonly.\n   * By default, the label is displayed in readonly mode. Also it automatically\n   * sets the component to readonly.\n   */\n  @Prop({ reflect: true })\n  readonly displayValue: boolean = false;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emitted when the selected value changes.\n   * @bind value\n   */\n  @Event()\n  valueChanged: EventEmitter<string>; // Emit as a string\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region WATCHERS\n\n  /**\n   * Updates the display value when the value property changes. This watcher is\n   * used to update the display value when the selected value changes. This is\n   * necessary for readonly select fields to display the selected value.\n   * @internal This watcher is not intended to be called outside of the component.\n   * @param {string} newValue - The new value of the select field.\n   */\n  @Watch('value')\n  updateDisplayValueWatcher(newValue: string) {\n    this.updateDisplayValue();\n\n    if (this.selectElement) {\n      const selectedValues = newValue.split(',').map(val => val.trim());\n      const options = this.selectElement.options;\n\n      if (options) {\n        Array.from(options).forEach(option => {\n          option.selected = this.multiple\n            ? selectedValues.includes(option.value)\n            : option.value === selectedValues[0];\n        });\n\n        if (!this.multiple) {\n          this.selectElement.value = newValue; // Only set when not multiple\n        }\n      } else {\n        this.selectElement.value = selectedValues[0] || '';\n      }\n    }\n\n    // Update form value\n    this.setFormValue();\n  }\n\n  /**\n   * Watcher for the displayValue prop to ensure internalReadonly is true when displayValue is true.\n   * @param {boolean} newValue - The new value of displayValue.\n   */\n  @Watch('displayValue')\n  handleDisplayValueChange(newValue: boolean) {\n    this.internalReadonly = newValue; // Set internalReadonly to true if displayValue is true\n\n    if (this.readonly) {\n      this.internalReadonly = true;\n    }\n  }\n\n  /**\n   * Watcher for the readonly prop to ensure internalReadonly is true when readonly is true.\n   * @param {boolean} newValue - The new value of readonly.\n   */\n  @Watch('readonly')\n  handleReadonlyChange(newValue: boolean) {\n    this.internalReadonly = newValue; // Set internalReadonly to true if displayValue is true\n\n    if (this.displayValue) {\n      this.internalReadonly = true;\n    }\n  }\n\n  //#endregion WATCHERS\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Handles the change event on the select element. This method is used to\n   * update the value property when the selected options change. It is also\n   * used to emit the selectChanged event when the selected value changes.\n   * @param {Event} event - The change event on the select element.\n   * @emits selectChanged\n   */\n  private readonly handleSelectChange = (event: Event) => {\n    const select = event.target as HTMLSelectElement;\n    let selectedValues: string[] = Array.from(select.selectedOptions).map(\n      option => option.value,\n    );\n\n    if (!this.multiple) {\n      selectedValues = selectedValues.slice(0, 1);\n    }\n\n    this.value = this.multiple\n      ? selectedValues.join(', ')\n      : selectedValues[0] || '';\n    this.valueChanged.emit(this.value);\n\n    // Update form value\n    this.setFormValue();\n  };\n\n  /**\n   * Handles focus when the select container is clicked.\n   */\n  private readonly handleSelectContainerClick = () => {\n    if (!this.internalReadonly && this.selectElement) {\n      this.selectElement.focus();\n    }\n  };\n\n  /**\n   * Updates the display value of the select field. This method is used to\n   * update the display value when the selected value changes. This is necessary\n   * for readonly select fields to display the selected value. This method is\n   * called in the componentDidLoad lifecycle hook and the updateDisplayValueWatcher\n   * watcher.\n   * @internal This method is not intended to be called outside of the component.\n   */\n  private updateDisplayValue(): void {\n    if (this.internalReadonly && !this.displayValue) {\n      if (this.multiple) {\n        const selectedLabels = this.value\n          .split(',')\n          .map(key => key.trim())\n          .map(key => this.getLabelFromId(key) || '')\n          .filter(label => label !== '');\n        this.computedDisplayValue = selectedLabels.join(', ') || '';\n      } else {\n        this.computedDisplayValue = this.getLabelFromId(this.value) || '';\n      }\n    } else if (this.internalReadonly && this.displayValue) {\n      this.computedDisplayValue = this.value || '';\n    }\n  }\n\n  /**\n   * Retrieves the label from the <option> elements based on the provided key (value).\n   * This method uses the id or value attribute directly from the <select> options.\n   * @param {string} key - The key (value) for which to find the corresponding label.\n   * @returns {string} The label if found; otherwise, an empty string.\n   */\n  private getLabelFromId(key: string): string {\n    this.ensureSelectElement();\n    if (!this.selectElement) {\n      return '';\n    }\n\n    // Cache the option list\n    const options = this.selectElement.options;\n\n    if (options) {\n      const option = Array.from(options).find(option => option.value === key);\n      return option ? option.textContent.trim() || '' : '';\n    } else {\n      return '';\n    }\n  }\n\n  /**\n   * Sets the value of the form element for form submission. This method is\n   * called when the selected value changes or when the value property is set.\n   * @internal This method is not intended to be called outside of the component.\n   */\n  private setFormValue(): void {\n    this.internals.setFormValue(this.value);\n  }\n\n  /**\n   * Ensures the select element is available. This method is used to ensure\n   * the select element is available before attempting to access it.\n   * @internal This method is not intended to be called outside of the component.\n   */\n  private ensureSelectElement(): void {\n    if (!this.selectElement) {\n      this.selectElement = this.el.querySelector('select') as HTMLSelectElement;\n    }\n  }\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  /**\n   * Lifecycle method that is called before the component is rendered. This is\n   * where the internal state is set up before rendering occurs.\n   */\n  componentWillLoad() {\n    // Set internalReadonly based on the readonly prop\n    this.internalReadonly = this.readonly;\n\n    // Ensure internalReadonly is true if displayValue is true during loading\n    if (this.displayValue) {\n      this.internalReadonly = true;\n    }\n\n    if ('attachInternals' in this.el) {\n      this.internals = (\n        this.el as HTMLElement & {\n          /**\n           * Attach the element to the form internals.\n           * @returns {ElementInternals} - The element internals object.\n           */\n          attachInternals: () => ElementInternals;\n        }\n      ).attachInternals();\n    } else {\n      // Fallback logic for browsers without attachInternals support\n      this.internals = {\n        setFormValue: (value: string) => {\n          const formElement = this.el.closest('form');\n          if (formElement) {\n            const input = document.createElement('input');\n            input.type = 'hidden';\n            input.name = this.name;\n            input.value = value;\n            formElement.appendChild(input);\n          }\n        },\n      } as ElementInternals;\n    }\n\n    // Initialize value as an empty string if multiple is true\n    if (this.multiple && typeof this.value !== 'string') {\n      this.value = '';\n    }\n  }\n\n  /**\n   * Lifecycle method that is called after the component has been rendered.\n   * This is where the display value is updated and the initial select element's\n   * state is set.\n   */\n  componentDidLoad() {\n    this.updateDisplayValue();\n\n    if (this.selectElement) {\n      // Only set the value for single selection, skip for multiple\n      if (!this.multiple) {\n        this.selectElement.value = this.value;\n      }\n\n      const selectedValues = this.multiple\n        ? this.value.split(',').map(v => v.trim())\n        : [this.value];\n\n      const options = this.selectElement.options;\n\n      if (options) {\n        Array.from(options).forEach(option => {\n          option.selected = this.multiple\n            ? selectedValues.includes(option.value)\n            : option.value === selectedValues[0];\n        });\n      } else {\n        // Handle case where there are no options\n        this.selectElement.value = selectedValues[0] || '';\n      }\n    }\n\n    // Set the initial form value\n    this.setFormValue();\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region RENDERING\n\n  /**\n   * The render method creates the HTML structure for the component, including\n   * the label, select element, and any error or description messages. It also\n   * applies the appropriate CSS classes based on the readonly state and\n   * displayValue prop. This method is called when the component is rendered.\n   * @returns {HTMLStencilElement} The HTML element to render.\n   */\n  render() {\n    return (\n      <Host>\n        {(this.label || this.el.querySelector('[slot=\"label\"]')) && (\n          <label htmlFor={this.selectId}>\n            <slot name=\"label\">{this.label}</slot>\n          </label>\n        )}\n\n        <div class=\"select-wrapper\">\n          <slot name=\"before-input\"></slot>\n\n          <div\n            class=\"select-container\"\n            onClick={this.handleSelectContainerClick}\n          >\n            <slot name=\"leading-input\"></slot>\n\n            {this.internalReadonly && (\n              <input\n                id={this.selectId + '-readonly'}\n                type=\"text\"\n                value={this.computedDisplayValue}\n                readOnly\n                class=\"readonly-input\"\n                aria-readonly=\"true\"\n                aria-label={this.label}\n                aria-describedby={\n                  this.error\n                    ? `${this.selectId}-error`\n                    : `${this.selectId}-description`\n                }\n              />\n            )}\n\n            <select\n              id={this.selectId}\n              ref={el => (this.selectElement = el)}\n              name={this.name}\n              disabled={this.disabled}\n              required={this.required}\n              multiple={this.multiple}\n              onChange={this.handleSelectChange}\n              class={this.internalReadonly ? 'hidden' : ''}\n              aria-label={this.label}\n              aria-describedby={\n                this.error\n                  ? `${this.selectId}-error`\n                  : `${this.selectId}-description`\n              }\n            >\n              <slot></slot>\n            </select>\n\n            {this.internalReadonly && (\n              <nv-icon name=\"chevron-down\" class=\"readonly-icon\" size=\"sm\" />\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\" id={`${this.selectId}-description`}>\n            <slot name=\"description\">{this.description}</slot>\n          </div>\n        )}\n\n        {(this.errorDescription ||\n          this.el.querySelector('[slot=\"error-description\"]')) && (\n          <div class=\"error-description\" id={`${this.selectId}-error`}>\n            <slot name=\"error-description\">{this.errorDescription}</slot>\n          </div>\n        )}\n      </Host>\n    );\n  }\n\n  //#endregion RENDERING\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/native/{p-c16a4fbe.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-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:"45f0235ad70e94c32498584b38da8528b76e7986",role:"menuitem",tabindex:this.disabled?"-1":"0"},this.icon&&t("nv-icon",{key:"fb70b1d5249b850dc69fd777f75f17dec6d65a43",name:this.icon}),t("span",{key:"7d66467d43ee486a187b6da0559d28fe4db1aa8b","data-scope":"text"},t("slot",{key:"1525c465235670b1396a74d53244f54b6e8b400d"})),this.shortcut&&!this.hasSubmenu&&t("kbd",{key:"cfc92cdc9ea84dec4494a4aab43f98fa1f92f2e7"},this.shortcut),this.hasSubmenu&&t("nv-icon",{key:"1002e887cc7a41858e36c1499aebe85cd320af2d",name:"chevron-right"}))}get el(){return a(this)}};c.style=i;export{c as nv_menuitem};
-//# sourceMappingURL=p-c16a4fbe.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-28cf537b.entry.js

@@ -0,0 +1,2 @@
+import{r as a,h as r,a as e}from"./p-b4aea326.js";const c="nv-row{display:flex;flex-wrap:wrap;margin-right:calc(var(--spacing-4) * -1);margin-left:calc(var(--spacing-4) * -1);row-gap:var(--spacing-4)}";const s=c;const f=class{constructor(r){a(this,r)}render(){return r(e,{key:"559c93b3961fdee5d278df42693dd4faae1f1eaf"},r("slot",{key:"3cbf2c0ed7a07e23537ae6fb3cc999fef27561ea"}))}};f.style=s;export{f as nv_row};
+//# sourceMappingURL=p-28cf537b.entry.js.map

package/dist/native/{p-4b550f95.entry.js.map → p-28cf537b.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["nvRowCss","NvRowStyle0","NvRow","render","h","Host","key"],"sources":["src/components/nv-row/nv-row.scss?tag=nv-row","src/components/nv-row/nv-row.tsx"],"sourcesContent":["nv-row {\n  display: flex;\n  flex-wrap: wrap;\n  margin-right: calc(var(--spacing-4) * -1);\n  margin-left: calc(var(--spacing-4) * -1);\n  row-gap: var(--spacing-4);\n}\n","import { Component, Host, h } from '@stencil/core';\n\n/**\n * @slot default - The row content.\n */\n@Component({\n  tag: 'nv-row',\n  styleUrl: './nv-row.scss',\n  shadow: false,\n})\nexport class NvRow {\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAW,gJACjB,MAAAC,EAAeD,E,MCSFE,EAAK,M,yBAIhB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,QAAAE,IAAA,6C","ignoreList":[]}
+{"version":3,"names":["nvRowCss","NvRowStyle0","NvRow","render","h","Host","key"],"sources":["src/components/nv-row/nv-row.scss?tag=nv-row","src/components/nv-row/nv-row.tsx"],"sourcesContent":["nv-row {\n  display: flex;\n  flex-wrap: wrap;\n  margin-right: calc(var(--spacing-4) * -1);\n  margin-left: calc(var(--spacing-4) * -1);\n  row-gap: var(--spacing-4);\n}\n","import { Component, Host, h } from '@stencil/core';\n\n/**\n * @slot default - The row content.\n */\n@Component({\n  tag: 'nv-row',\n  styleUrl: './nv-row.scss',\n  shadow: false,\n})\nexport class NvRow {\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host>\n        <slot></slot>\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n}\n"],"mappings":"kDAAA,MAAMA,EAAW,gJACjB,MAAAC,EAAeD,E,MCSFE,EAAK,M,yBAIhB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,QAAAE,IAAA,6C","ignoreList":[]}