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

package/dist/native/native.esm.js

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

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

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

package/dist/native/{p-dba9c57c.entry.js → p-01262eaf.entry.js}

@@ -1,2 +1,2 @@
-import{r as o,h as n,a as t,g as i}from"./p-b4aea326.js";import{c as e}from"./p-8a1a6e56.js";const s='nv-iconbutton.root{display:inline-flex;justify-content:center;align-items:center;font-style:normal;font-weight:500;font-family:"TT Norms Pro", sans-serif;transition:background-color 150ms ease-out;height:fit-content;width:fit-content}nv-iconbutton.size-xs{padding:var(--button-xs-icon-button-padding);gap:var(--button-xs-gap);border-radius:var(--button-xs-border-radius);line-height:var(--button-xs-line-height);font-size:var(--button-xs-font-size)}nv-iconbutton.size-sm{padding:var(--button-sm-icon-button-padding);gap:var(--button-sm-gap);border-radius:var(--button-sm-border-radius);line-height:var(--button-sm-line-height);font-size:var(--button-sm-font-size)}nv-iconbutton.size-md{padding:var(--button-md-icon-button-padding);gap:var(--button-md-gap);border-radius:var(--button-md-border-radius);line-height:var(--button-md-line-height);font-size:var(--button-md-font-size)}nv-iconbutton.size-lg{padding:var(--button-lg-icon-button-padding);gap:var(--button-lg-gap);border-radius:var(--button-lg-border-radius);line-height:var(--button-lg-line-height);font-size:var(--button-lg-font-size)}nv-iconbutton.emphasis-high{background:var(--components-button-high-background);border:1px solid var(--components-button-high-border);color:var(--components-button-high-text)}nv-iconbutton.emphasis-high:hover{background:var(--components-button-high-background-hover);color:var(--components-button-high-text-hover)}nv-iconbutton.emphasis-high:focus,nv-iconbutton.emphasis-high:focus-within{outline:none}nv-iconbutton.emphasis-high:focus-visible,nv-iconbutton.emphasis-high:has(:focus-visible){outline:var(--focus-outline-stroke) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-iconbutton.emphasis-high:disabled{background:var(--components-button-high-background);color:var(--components-button-high-text);opacity:0.5;cursor:not-allowed;box-shadow:none}nv-iconbutton.emphasis-high nv-icon>svg{color:var(--components-button-high-icon)}nv-iconbutton.emphasis-medium{background:var(--components-button-medium-background);border:1px solid var(--components-button-medium-border);color:var(--components-button-medium-text)}nv-iconbutton.emphasis-medium:hover{background:var(--components-button-medium-background-hover);color:var(--components-button-medium-text-hover)}nv-iconbutton.emphasis-medium:focus,nv-iconbutton.emphasis-medium:focus-within{outline:none}nv-iconbutton.emphasis-medium:focus-visible,nv-iconbutton.emphasis-medium:has(:focus-visible){outline:var(--focus-outline-stroke) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-iconbutton.emphasis-medium:disabled{background:var(--components-button-medium-background);color:var(--components-button-medium-text);opacity:0.5;cursor:not-allowed;box-shadow:none}nv-iconbutton.emphasis-medium nv-icon>svg{color:var(--components-button-medium-icon)}nv-iconbutton.emphasis-low{background:var(--components-button-low-background);border:1px solid var(--components-button-low-border);color:var(--components-button-low-text)}nv-iconbutton.emphasis-low:hover{background:var(--components-button-low-background-hover);color:var(--components-button-low-text-hover)}nv-iconbutton.emphasis-low:focus,nv-iconbutton.emphasis-low:focus-within{outline:none}nv-iconbutton.emphasis-low:focus-visible,nv-iconbutton.emphasis-low:has(:focus-visible){outline:var(--focus-outline-stroke) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-iconbutton.emphasis-low:disabled{background:var(--components-button-low-background);color:var(--components-button-low-text);opacity:0.5;cursor:not-allowed;box-shadow:none}nv-iconbutton.emphasis-low nv-icon>svg{color:var(--components-button-low-icon)}nv-iconbutton.emphasis-lower{background:var(--components-button-lower-background);border:1px solid var(--components-button-lower-border);color:var(--components-button-lower-text)}nv-iconbutton.emphasis-lower:hover{background:var(--components-button-lower-background-hover);color:var(--components-button-lower-text-hover)}nv-iconbutton.emphasis-lower:focus,nv-iconbutton.emphasis-lower:focus-within{outline:none}nv-iconbutton.emphasis-lower:focus-visible,nv-iconbutton.emphasis-lower:has(:focus-visible){outline:var(--focus-outline-stroke) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-iconbutton.emphasis-lower:disabled{background:var(--components-button-lower-background);color:var(--components-button-lower-text);opacity:0.5;cursor:not-allowed;box-shadow:none}nv-iconbutton.emphasis-lower nv-icon>svg{color:var(--components-button-lower-icon)}nv-iconbutton.loading [slot=leading-icon]{display:none}nv-iconbutton.shape-rounded{border-radius:var(--radius-rounded-full)}';const r=s;const a=class{constructor(n){o(this,n);if(n.$hostElement$["s-ei"]){this.internals=n.$hostElement$["s-ei"]}else{this.internals=n.$hostElement$.attachInternals();n.$hostElement$["s-ei"]=this.internals}this.handleClick=o=>{var n,t,i,e;if(this.loading||this.disabled){o.preventDefault();return}if(this.type==="submit"){(t=(n=this.internals)===null||n===void 0?void 0:n.form)===null||t===void 0?void 0:t.requestSubmit()}if(this.type==="reset"){(e=(i=this.internals)===null||i===void 0?void 0:i.form)===null||e===void 0?void 0:e.reset()}};this.size="md";this.emphasis="high";this.loading=false;this.disabled=false;this.active=false;this.name=undefined;this.type="button";this.shape="square"}handleLoadingChange(o){this.loading=o;this.disabled=o}handleDisabledChange(o){if(this.loading){this.disabled=this.loading}else{this.disabled=o}}componentWillLoad(){if(this.loading){this.disabled=this.loading}}render(){return n(t,{key:"7d785e95270a8ebcf303a345a887005774295ee6",role:"button",type:this.type,tabindex:"0",disabled:this.disabled?true:undefined,class:e("root",`size-${this.size}`,`emphasis-${this.emphasis}`,this.loading&&"loading",`shape-${this.shape}`),onClick:this.handleClick},this.loading&&n("nv-loader",{key:"028836989901ce6f625f325d368c661b31477e62",size:this.size}),!this.loading&&n("nv-icon",{key:"5184638cc9dd4550c65eca5b2492806e5e77e43e",name:this.name,size:this.size}),n("slot",{key:"36ab315cb2ac6741c4debb5bfa84eb2e05e3abc8"}))}static get formAssociated(){return true}get el(){return i(this)}static get watchers(){return{loading:["handleLoadingChange"],disabled:["handleDisabledChange"]}}};a.style=r;export{a as nv_iconbutton};
-//# sourceMappingURL=p-dba9c57c.entry.js.map
+import{r as o,h as n,a as t,g as i}from"./p-6ef216c4.js";import{c as e}from"./p-8a1a6e56.js";const s='nv-iconbutton.root{display:inline-flex;justify-content:center;align-items:center;font-style:normal;font-weight:500;font-family:"TT Norms Pro", sans-serif;transition:background-color 150ms ease-out;height:fit-content;width:fit-content}nv-iconbutton.size-xs{padding:var(--button-xs-icon-button-padding);gap:var(--button-xs-gap);border-radius:var(--button-xs-border-radius);line-height:var(--button-xs-line-height);font-size:var(--button-xs-font-size)}nv-iconbutton.size-sm{padding:var(--button-sm-icon-button-padding);gap:var(--button-sm-gap);border-radius:var(--button-sm-border-radius);line-height:var(--button-sm-line-height);font-size:var(--button-sm-font-size)}nv-iconbutton.size-md{padding:var(--button-md-icon-button-padding);gap:var(--button-md-gap);border-radius:var(--button-md-border-radius);line-height:var(--button-md-line-height);font-size:var(--button-md-font-size)}nv-iconbutton.size-lg{padding:var(--button-lg-icon-button-padding);gap:var(--button-lg-gap);border-radius:var(--button-lg-border-radius);line-height:var(--button-lg-line-height);font-size:var(--button-lg-font-size)}nv-iconbutton.emphasis-high{background:var(--components-button-high-background);border:1px solid var(--components-button-high-border);color:var(--components-button-high-text)}nv-iconbutton.emphasis-high:hover{background:var(--components-button-high-background-hover);color:var(--components-button-high-text-hover)}nv-iconbutton.emphasis-high:focus,nv-iconbutton.emphasis-high:focus-within{outline:none}nv-iconbutton.emphasis-high:focus-visible,nv-iconbutton.emphasis-high:has(:focus-visible){outline:var(--focus-outline-stroke) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-iconbutton.emphasis-high:disabled{background:var(--components-button-high-background);color:var(--components-button-high-text);opacity:0.5;cursor:not-allowed;box-shadow:none}nv-iconbutton.emphasis-high nv-icon>svg{color:var(--components-button-high-icon)}nv-iconbutton.emphasis-medium{background:var(--components-button-medium-background);border:1px solid var(--components-button-medium-border);color:var(--components-button-medium-text)}nv-iconbutton.emphasis-medium:hover{background:var(--components-button-medium-background-hover);color:var(--components-button-medium-text-hover)}nv-iconbutton.emphasis-medium:focus,nv-iconbutton.emphasis-medium:focus-within{outline:none}nv-iconbutton.emphasis-medium:focus-visible,nv-iconbutton.emphasis-medium:has(:focus-visible){outline:var(--focus-outline-stroke) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-iconbutton.emphasis-medium:disabled{background:var(--components-button-medium-background);color:var(--components-button-medium-text);opacity:0.5;cursor:not-allowed;box-shadow:none}nv-iconbutton.emphasis-medium nv-icon>svg{color:var(--components-button-medium-icon)}nv-iconbutton.emphasis-low{background:var(--components-button-low-background);border:1px solid var(--components-button-low-border);color:var(--components-button-low-text)}nv-iconbutton.emphasis-low:hover{background:var(--components-button-low-background-hover);color:var(--components-button-low-text-hover)}nv-iconbutton.emphasis-low:focus,nv-iconbutton.emphasis-low:focus-within{outline:none}nv-iconbutton.emphasis-low:focus-visible,nv-iconbutton.emphasis-low:has(:focus-visible){outline:var(--focus-outline-stroke) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-iconbutton.emphasis-low:disabled{background:var(--components-button-low-background);color:var(--components-button-low-text);opacity:0.5;cursor:not-allowed;box-shadow:none}nv-iconbutton.emphasis-low nv-icon>svg{color:var(--components-button-low-icon)}nv-iconbutton.emphasis-lower{background:var(--components-button-lower-background);border:1px solid var(--components-button-lower-border);color:var(--components-button-lower-text)}nv-iconbutton.emphasis-lower:hover{background:var(--components-button-lower-background-hover);color:var(--components-button-lower-text-hover)}nv-iconbutton.emphasis-lower:focus,nv-iconbutton.emphasis-lower:focus-within{outline:none}nv-iconbutton.emphasis-lower:focus-visible,nv-iconbutton.emphasis-lower:has(:focus-visible){outline:var(--focus-outline-stroke) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-iconbutton.emphasis-lower:disabled{background:var(--components-button-lower-background);color:var(--components-button-lower-text);opacity:0.5;cursor:not-allowed;box-shadow:none}nv-iconbutton.emphasis-lower nv-icon>svg{color:var(--components-button-lower-icon)}nv-iconbutton.loading [slot=leading-icon]{display:none}nv-iconbutton.shape-rounded{border-radius:var(--radius-rounded-full)}';const r=s;const a=class{constructor(n){o(this,n);if(n.$hostElement$["s-ei"]){this.internals=n.$hostElement$["s-ei"]}else{this.internals=n.$hostElement$.attachInternals();n.$hostElement$["s-ei"]=this.internals}this.size="md";this.emphasis="high";this.loading=false;this.disabled=false;this.active=false;this.type="button";this.shape="square";this.handleClick=o=>{var n,t,i,e;if(this.loading||this.disabled){o.preventDefault();return}if(this.type==="submit"){(t=(n=this.internals)===null||n===void 0?void 0:n.form)===null||t===void 0?void 0:t.requestSubmit()}if(this.type==="reset"){(e=(i=this.internals)===null||i===void 0?void 0:i.form)===null||e===void 0?void 0:e.reset()}}}handleLoadingChange(o){this.loading=o;this.disabled=o}handleDisabledChange(o){if(this.loading){this.disabled=this.loading}else{this.disabled=o}}componentWillLoad(){if(this.loading){this.disabled=this.loading}}render(){return n(t,{key:"7d785e95270a8ebcf303a345a887005774295ee6",role:"button",type:this.type,tabindex:"0",disabled:this.disabled?true:undefined,class:e("root",`size-${this.size}`,`emphasis-${this.emphasis}`,this.loading&&"loading",`shape-${this.shape}`),onClick:this.handleClick},this.loading&&n("nv-loader",{key:"028836989901ce6f625f325d368c661b31477e62",size:this.size}),!this.loading&&n("nv-icon",{key:"5184638cc9dd4550c65eca5b2492806e5e77e43e",name:this.name,size:this.size}),n("slot",{key:"36ab315cb2ac6741c4debb5bfa84eb2e05e3abc8"}))}static get formAssociated(){return true}get el(){return i(this)}static get watchers(){return{loading:["handleLoadingChange"],disabled:["handleDisabledChange"]}}};a.style=r;export{a as nv_iconbutton};
+//# sourceMappingURL=p-01262eaf.entry.js.map

package/dist/native/p-01262eaf.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["nvIconbuttonCss","NvIconbuttonStyle0","NvIconbutton","constructor","hostRef","this","size","emphasis","loading","disabled","active","type","shape","handleClick","event","preventDefault","_b","_a","internals","form","requestSubmit","_d","_c","reset","handleLoadingChange","handleDisabledChange","componentWillLoad","render","h","Host","key","role","tabindex","undefined","class","clsx","onClick","name"],"sources":["src/components/nv-iconbutton/nv-iconbutton.scss?tag=nv-iconbutton","src/components/nv-iconbutton/nv-iconbutton.tsx"],"sourcesContent":["@use \"sass:map\";\n@import \"../../styles/focus-ring\";\n\n/* Variants */\n$button-sizes: (\"xs\", \"sm\", \"md\", \"lg\");\n$button-emphasis: (\"high\", \"medium\", \"low\", \"lower\");\n\n/* Define maps for size-related variables */\n$button-icon-button-padding: (\n  \"xs\": var(--button-xs-icon-button-padding),\n  \"sm\": var(--button-sm-icon-button-padding),\n  \"md\": var(--button-md-icon-button-padding),\n  \"lg\": var(--button-lg-icon-button-padding)\n);\n\n$button-gap: (\n  \"xs\": var(--button-xs-gap),\n  \"sm\": var(--button-sm-gap),\n  \"md\": var(--button-md-gap),\n  \"lg\": var(--button-lg-gap)\n);\n\n$button-border-radius: (\n  \"xs\": var(--button-xs-border-radius),\n  \"sm\": var(--button-sm-border-radius),\n  \"md\": var(--button-md-border-radius),\n  \"lg\": var(--button-lg-border-radius)\n);\n\n$button-line-height: (\n  \"xs\": var(--button-xs-line-height),\n  \"sm\": var(--button-sm-line-height),\n  \"md\": var(--button-md-line-height),\n  \"lg\": var(--button-lg-line-height)\n);\n\n$button-font-size: (\n  \"xs\": var(--button-xs-font-size),\n  \"sm\": var(--button-sm-font-size),\n  \"md\": var(--button-md-font-size),\n  \"lg\": var(--button-lg-font-size)\n);\n\n/* Define maps for emphasis-related variables */\n$components-button-background: (\n  \"high\": var(--components-button-high-background),\n  \"medium\": var(--components-button-medium-background),\n  \"low\": var(--components-button-low-background),\n  \"lower\": var(--components-button-lower-background)\n);\n\n$components-button-border: (\n  \"high\": var(--components-button-high-border),\n  \"medium\": var(--components-button-medium-border),\n  \"low\": var(--components-button-low-border),\n  \"lower\": var(--components-button-lower-border)\n);\n\n$components-button-text: (\n  \"high\": var(--components-button-high-text),\n  \"medium\": var(--components-button-medium-text),\n  \"low\": var(--components-button-low-text),\n  \"lower\": var(--components-button-lower-text)\n);\n\n$components-button-background-hover: (\n  \"high\": var(--components-button-high-background-hover),\n  \"medium\": var(--components-button-medium-background-hover),\n  \"low\": var(--components-button-low-background-hover),\n  \"lower\": var(--components-button-lower-background-hover)\n);\n\n$components-button-text-hover: (\n  \"high\": var(--components-button-high-text-hover),\n  \"medium\": var(--components-button-medium-text-hover),\n  \"low\": var(--components-button-low-text-hover),\n  \"lower\": var(--components-button-lower-text-hover)\n);\n\n$components-button-icon: (\n  \"high\": var(--components-button-high-icon),\n  \"medium\": var(--components-button-medium-icon),\n  \"low\": var(--components-button-low-icon),\n  \"lower\": var(--components-button-lower-icon)\n);\n\n@mixin root-styles() {\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  font-style: normal;\n  font-weight: 500;\n  font-family: \"TT Norms Pro\", sans-serif;\n  transition: background-color 150ms ease-out;\n  height: fit-content;\n  width: fit-content;\n}\n\n@mixin size-styles($size) {\n  padding: map.get($button-icon-button-padding, $size);\n  gap: map.get($button-gap, $size);\n  border-radius: map.get($button-border-radius, $size);\n  line-height: map.get($button-line-height, $size);\n  font-size: map.get($button-font-size, $size);\n}\n\n@mixin emphasis-styles($emphasis) {\n  background: map.get($components-button-background, $emphasis);\n  border: 1px solid map.get($components-button-border, $emphasis);\n  color: map.get($components-button-text, $emphasis);\n\n  &:hover {\n    background: map.get($components-button-background-hover, $emphasis);\n    color: map.get($components-button-text-hover, $emphasis);\n  }\n\n  @include focus-ring();\n\n  &:disabled {\n    background: map.get($components-button-background, $emphasis);\n    color: map.get($components-button-text, $emphasis);\n    opacity: 0.5;\n    cursor: not-allowed;\n    box-shadow: none;\n  }\n\n  & nv-icon > svg {\n    color: map.get($components-button-icon, $emphasis);\n  }\n}\n\nnv-iconbutton {\n  &.root {\n    @include root-styles();\n  }\n\n  @each $size in $button-sizes {\n    &.size-#{$size} {\n      @include size-styles($size);\n    }\n  }\n\n  @each $emphasis in $button-emphasis {\n    &.emphasis-#{$emphasis} {\n      @include emphasis-styles($emphasis);\n    }\n  }\n\n  &.loading {\n    [slot=\"leading-icon\"] {\n      display: none;\n    }\n  }\n\n  &.shape-rounded {\n    border-radius: var(--radius-rounded-full);\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  AttachInternals,\n  Element,\n  Watch,\n} from '@stencil/core';\nimport clsx from 'clsx';\n\nimport { ButtonSize, ButtonEmphasis, ButtonType } from '../../utils/constants';\nimport { IconName } from '../nv-icon/nv-icons';\n\n/**\n * @slot default - Content of the button.\n */\n@Component({\n  tag: 'nv-iconbutton',\n  shadow: false,\n  formAssociated: true,\n  styleUrl: 'nv-iconbutton.scss',\n  scoped: false,\n})\nexport class NvIconbutton {\n  @AttachInternals() internals: ElementInternals;\n  @Element() el: HTMLNvIconbuttonElement;\n\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Determines how large or small the button appears, allowing for\n   * customization of the button's dimensions to fit different design\n   * specifications and user needs.\n   */\n  @Prop({ reflect: true })\n  readonly size: `${ButtonSize}` = 'md';\n\n  /**\n   * Adjusts the button’s emphasis to make it more or less visually prominent\n   * to users. Use this to draw attention to important actions or reduce focus\n   * on less critical ones.\n   */\n  @Prop({ reflect: true })\n  readonly emphasis: `${ButtonEmphasis}` = 'high';\n\n  /**\n   * Set this to true to show a spinner on the button, letting users know that\n   * their action is being processed. It helps improve user experience by\n   * indicating ongoing activities. The icon is not displayed when the button\n   * is loading. Also, the button is disabled. If you want to disable the\n   * button, it is not possible. It is automatically disabled when loading.\n   */\n  @Prop({ reflect: true, mutable: true })\n  loading: boolean = false;\n\n  /**\n   * Disables the button, preventing user interaction.\n   */\n  @Prop({ mutable: true, reflect: true })\n  disabled: boolean = false;\n\n  /**\n   * Makes the button look active when it’s within a compatible component\n   * like a button group.\n   */\n  @Prop({ reflect: true })\n  readonly active: boolean = false;\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 name: `${IconName}` | string;\n\n  /**\n   * Sets the button type to control its function in forms. Use 'submit' to send\n   * form data, 'reset' to clear the form, or 'button' for a standard button\n   * that doesn’t interact with form submission by default.\n   */\n  @Prop({ reflect: true })\n  readonly type: `${ButtonType}` = 'button';\n\n  /**\n   * Sets the shape of the button. Choose between square and rounded.\n   */\n  @Prop({ reflect: true })\n  readonly shape: 'square' | 'rounded' = 'square';\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Handles form-related actions when the button is clicked.\n   * - Submits the form if the button type is 'submit'.\n   * - Resets the form if the button type is 'reset'.\n   * @param {Event} event - The click event.\n   */\n  private handleClick = (event: Event) => {\n    if (this.loading || this.disabled) {\n      event.preventDefault();\n      return;\n    }\n\n    if (this.type === 'submit') {\n      this.internals?.form?.requestSubmit();\n    }\n    if (this.type === 'reset') {\n      this.internals?.form?.reset();\n    }\n  };\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region WATCHERS\n\n  @Watch('loading')\n  handleLoadingChange(loading: boolean) {\n    this.loading = loading;\n    this.disabled = loading;\n  }\n\n  @Watch('disabled')\n  handleDisabledChange(disabled: boolean) {\n    if (this.loading) {\n      this.disabled = this.loading;\n    } else {\n      this.disabled = disabled;\n    }\n  }\n\n  //#endregion WATCHERS\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  componentWillLoad() {\n    if (this.loading) {\n      this.disabled = this.loading;\n    }\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host\n        role=\"button\"\n        type={this.type}\n        tabindex=\"0\"\n        disabled={this.disabled ? true : undefined}\n        class={clsx(\n          'root',\n          `size-${this.size}`,\n          `emphasis-${this.emphasis}`,\n          this.loading && 'loading',\n          `shape-${this.shape}`,\n        )}\n        onClick={this.handleClick}\n      >\n        {this.loading && <nv-loader size={this.size}></nv-loader>}\n\n        {!this.loading && <nv-icon name={this.name} size={this.size} />}\n\n        <slot></slot>\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n}\n"],"mappings":"6FAAA,MAAMA,EAAkB,6nJACxB,MAAAC,EAAeD,E,MCuBFE,EAAY,MAPzB,WAAAC,CAAAC,G,0KAoBWC,KAAAC,KAAwB,KAQxBD,KAAAE,SAAgC,OAUzCF,KAAAG,QAAmB,MAMnBH,KAAAI,SAAoB,MAOXJ,KAAAK,OAAkB,MAgBlBL,KAAAM,KAAwB,SAMxBN,KAAAO,MAA8B,SAY/BP,KAAAQ,YAAeC,I,YACrB,GAAIT,KAAKG,SAAWH,KAAKI,SAAU,CACjCK,EAAMC,iBACN,M,CAGF,GAAIV,KAAKM,OAAS,SAAU,EAC1BK,GAAAC,EAAAZ,KAAKa,aAAS,MAAAD,SAAA,SAAAA,EAAEE,QAAI,MAAAH,SAAA,SAAAA,EAAEI,e,CAExB,GAAIf,KAAKM,OAAS,QAAS,EACzBU,GAAAC,EAAAjB,KAAKa,aAAS,MAAAI,SAAA,SAAAA,EAAEH,QAAI,MAAAE,SAAA,SAAAA,EAAEE,O,GAS1B,mBAAAC,CAAoBhB,GAClBH,KAAKG,QAAUA,EACfH,KAAKI,SAAWD,C,CAIlB,oBAAAiB,CAAqBhB,GACnB,GAAIJ,KAAKG,QAAS,CAChBH,KAAKI,SAAWJ,KAAKG,O,KAChB,CACLH,KAAKI,SAAWA,C,EAQpB,iBAAAiB,GACE,GAAIrB,KAAKG,QAAS,CAChBH,KAAKI,SAAWJ,KAAKG,O,EAQzB,MAAAmB,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,KAAK,SACLpB,KAAMN,KAAKM,KACXqB,SAAS,IACTvB,SAAUJ,KAAKI,SAAW,KAAOwB,UACjCC,MAAOC,EACL,OACA,QAAQ9B,KAAKC,OACb,YAAYD,KAAKE,WACjBF,KAAKG,SAAW,UAChB,SAASH,KAAKO,SAEhBwB,QAAS/B,KAAKQ,aAEbR,KAAKG,SAAWoB,EAAA,aAAAE,IAAA,2CAAWxB,KAAMD,KAAKC,QAErCD,KAAKG,SAAWoB,EAAA,WAAAE,IAAA,2CAASO,KAAMhC,KAAKgC,KAAM/B,KAAMD,KAAKC,OAEvDsB,EAAA,QAAAE,IAAA,6C","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as t,h as s,a,g as e}from"./p-6ef216c4.js";const l="nv-table table{border-collapse:collapse;border-color:inherit;text-indent:0}";const n=l;const r=class{constructor(s){t(this,s);this.parsedColumns=[];this.parsedData=[];this.hasSlotHead=false;this.hasSlotBody=false;this.columns=[];this.data=[];this.noDataMessage="No data available";this.noColumnsNoDataMessage="No data or columns available to display."}parseColumns(t,s){this.parseColumnsArray(t,s)}parseJsonColumns(t){try{const s=t?JSON.parse(t):[];this.parseColumnsArray(s,this.parsedColumns)}catch(t){console.error("Invalid JSON format for columnsJson:",t.message);this.parsedColumns=[]}}parseData(t,s){this.parseDataArray(t,s)}parseJsonData(t){try{const s=t?JSON.parse(t):[];this.parseDataArray(s,this.parsedData)}catch(t){console.error("Invalid JSON format for dataJson:",t.message);this.parsedData=[]}}parseColumnsArray(t,s){if(JSON.stringify(t)===JSON.stringify(s))return;this.parsedColumns=Array.isArray(t)?t:[]}parseDataArray(t,s){if(JSON.stringify(t)===JSON.stringify(s))return;this.parsedData=Array.isArray(t)?t:[]}componentWillLoad(){this.hasSlotHead=!!this.el.querySelector('[slot="head"]');this.hasSlotBody=!!this.el.querySelector('[slot="body"]');if(this.columnsJson){this.parseJsonColumns(this.columnsJson)}else{this.parseColumns(this.columns,this.parsedColumns)}if(this.dataJson){this.parseJsonData(this.dataJson)}else{this.parseData(this.data,this.parsedData)}}render(){const t=this.hasSlotHead?Array.from(this.el.querySelector('[slot="head"]').querySelectorAll("nv-tablerow")):[];const e=this.hasSlotBody?Array.from(this.el.querySelector('[slot="body"]').querySelectorAll("nv-tablerow")):[];return s(a,{key:"ab2f459ea80c9f134a537b62298ffd55ad7b719f"},s("div",{key:"081211573d87749e8b133b89e9da2a201b9e8bf3",class:"hidden"},s("slot",{key:"7dd2c168d379818e1456eb2117e14cf79e44f33e"}),s("slot",{key:"7c8e1b4cf0b223257148459d753c2eb325a7cd17",name:"head"}),s("slot",{key:"d107814f31a82e3fd6e22dbccff319c5baf2b3db",name:"body"})),s("slot",{key:"d704c43a322b073ed459947f23950bc719402656",name:"before"}),this.parsedColumns.length===0&&this.parsedData.length===0&&t.length===0&&e.length===0?s("p",null,this.noColumnsNoDataMessage):s("table",null,this.parsedColumns.length>0?s("thead",null,s("tr",null,this.parsedColumns.map((t=>s("th",null,t))))):t.length>0?s("thead",null,t.map((t=>{const a=Array.from(t.querySelectorAll("nv-tablecolumn"));return s("tr",null,a.map((t=>s("th",{colSpan:t.colspan,rowSpan:t.rowspan,headers:t.headers,scope:t.scope,innerHTML:t.innerHTML}))))}))):null,s("tbody",null,this.parsedData.length===0&&e.length===0?s("tr",null,s("td",{colSpan:this.parsedColumns.length||12},this.noDataMessage)):this.parsedData.length>0?this.parsedData.map((t=>s("tr",null,this.parsedColumns.length>0?this.parsedColumns.map((a=>s("td",null,t[a.toLowerCase()]||""))):Object.values(t).map((t=>s("td",null,t)))))):e.length>0?e.map((t=>{const a=Array.from(t.querySelectorAll("nv-tabledatacell"));return s("tr",null,a.map((t=>s("td",{colSpan:t.colspan,rowSpan:t.rowspan,headers:t.headers,innerHTML:t.innerHTML}))))})):null)),s("slot",{key:"727d2040bec14d6632d062637b86b3a79e30b88d",name:"after"}))}get el(){return e(this)}static get watchers(){return{columns:["parseColumns"],columnsJson:["parseJsonColumns"],data:["parseData"],dataJson:["parseJsonData"]}}};r.style=n;export{r as nv_table};
+//# sourceMappingURL=p-0bf2007c.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["nvTableCss","NvTableStyle0","NvTable","constructor","hostRef","this","parsedColumns","parsedData","hasSlotHead","hasSlotBody","columns","data","noDataMessage","noColumnsNoDataMessage","parseColumns","newValue","oldValue","parseColumnsArray","parseJsonColumns","newItems","JSON","parse","e","console","error","message","parseData","parseDataArray","parseJsonData","stringify","Array","isArray","componentWillLoad","el","querySelector","columnsJson","dataJson","render","headerRows","from","querySelectorAll","bodyRows","h","Host","key","class","name","length","map","column","row","cells","cell","colSpan","colspan","rowSpan","rowspan","headers","scope","innerHTML","toLowerCase","Object","values","value"],"sources":["src/components/nv-table/nv-table.scss?tag=nv-table","src/components/nv-table/nv-table.tsx"],"sourcesContent":["nv-table {\n  table {\n    border-collapse: collapse;\n    border-color: inherit;\n    text-indent: 0;\n  }\n}\n\n// https://tailwindcss.com/docs/table-layout\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { Component, Host, Prop, State, Watch, h, Element } from '@stencil/core';\n\n/**\n * @slot default - Use this slot to insert HTML into the table content.\n * @slot head - Use this slot to insert HTML into the table header.\n * @slot before - Use this slot to insert HTML before the table.\n * @slot after - Use this slot to insert HTML after the table.\n * @slot body - Use this slot to insert HTML into the table body.\n */\n@Component({\n  tag: 'nv-table',\n  styleUrl: './nv-table.scss',\n  shadow: false,\n})\nexport class NvTable {\n  @Element() el: HTMLNvTableElement;\n\n  /****************************************************************************/\n  //#region STATES\n\n  @State()\n  parsedColumns: string[] = []; // Parsed array of column headers\n\n  @State()\n  parsedData: any[] = []; // Parsed array of data rows\n\n  @State()\n  hasSlotHead: boolean = false;\n\n  @State()\n  hasSlotBody: boolean = false;\n\n  //#endregion STATES\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Defines the table columns.\n   * @example ['Name', 'Age', 'Email']\n   * @default []\n   */\n  @Prop()\n  readonly columns: string[] = [];\n\n  /**\n   * Defines the table columns.\n   * It can be passed directly as an array of strings or as a JSON string.\n   * @example '[\"Name\", \"Age\", \"Email\"]'\n   */\n  @Prop({ reflect: true })\n  readonly columnsJson?: string;\n\n  /**\n   * Defines the table data.\n   * @example [{ name: 'Alice', age: 25, email: 'alice@mail.com' }, { name: 'Bob', age: 30, email: 'bob@mail.com' }]\n   * @default []\n   */\n  @Prop()\n  readonly data: any[] = [];\n\n  /**\n   * Defines the table data.\n   * It can be passed directly as an array of objects or as a JSON string.\n   * @example '[{ \"name\": \"Alice\", \"age\": \"25\", \"email\": \"alice@mail.com\" },{ \"name\": \"Bob\", \"age\": \"30\", \"email\": \"bob@mail.com\" }]'\n   */\n  @Prop({ reflect: true })\n  readonly dataJson?: string;\n\n  /**\n   * The message to display when there is no data available.\n   * @default 'No data available'\n   */\n  @Prop()\n  readonly noDataMessage: string = 'No data available';\n\n  /**\n   * The message to display when there are no columns or data available.\n   * @default 'No data or columns available to display.'\n   */\n  @Prop()\n  readonly noColumnsNoDataMessage: string =\n    'No data or columns available to display.';\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region WATCHERS\n\n  @Watch('columns')\n  parseColumns(newValue: string[], oldValue: string[]) {\n    this.parseColumnsArray(newValue, oldValue);\n  }\n\n  @Watch('columnsJson')\n  parseJsonColumns(newValue: string | undefined) {\n    try {\n      const newItems = newValue ? JSON.parse(newValue) : [];\n\n      this.parseColumnsArray(newItems, this.parsedColumns);\n    } catch (e) {\n      console.error('Invalid JSON format for columnsJson:', e.message);\n      this.parsedColumns = [];\n    }\n  }\n\n  @Watch('data')\n  parseData(newValue: any[], oldValue: any[]) {\n    this.parseDataArray(newValue, oldValue);\n  }\n\n  @Watch('dataJson')\n  parseJsonData(newValue: string | undefined) {\n    try {\n      const newItems = newValue ? JSON.parse(newValue) : [];\n\n      this.parseDataArray(newItems, this.parsedData);\n    } catch (e) {\n      console.error('Invalid JSON format for dataJson:', e.message);\n      this.parsedData = [];\n    }\n  }\n\n  //#endregion WATCHERS\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Parses the columns array.\n   * @param {string[]} newValue - The new value of the columns array.\n   * @param {string[]} oldValue - The old value of the columns array.\n   */\n  private parseColumnsArray(newValue: string[], oldValue: string[]) {\n    if (JSON.stringify(newValue) === JSON.stringify(oldValue)) return; // Deep comparison\n    this.parsedColumns = Array.isArray(newValue) ? newValue : [];\n  }\n\n  /**\n   * Parses the data array.\n   * @param {any[]} newValue - The new value of the data array.\n   * @param {any[]} oldValue - The old value of the data array.\n   */\n  private parseDataArray(newValue: any[], oldValue: any[]) {\n    if (JSON.stringify(newValue) === JSON.stringify(oldValue)) return; // Deep comparison\n    this.parsedData = Array.isArray(newValue) ? newValue : [];\n  }\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  componentWillLoad() {\n    this.hasSlotHead = !!this.el.querySelector('[slot=\"head\"]');\n    this.hasSlotBody = !!this.el.querySelector('[slot=\"body\"]');\n\n    if (this.columnsJson) {\n      this.parseJsonColumns(this.columnsJson);\n    } else {\n      this.parseColumns(this.columns, this.parsedColumns);\n    }\n\n    if (this.dataJson) {\n      this.parseJsonData(this.dataJson);\n    } else {\n      this.parseData(this.data, this.parsedData);\n    }\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    const headerRows = this.hasSlotHead\n      ? Array.from(\n          this.el\n            .querySelector('[slot=\"head\"]')\n            .querySelectorAll('nv-tablerow'),\n        )\n      : [];\n    const bodyRows = this.hasSlotBody\n      ? Array.from(\n          this.el\n            .querySelector('[slot=\"body\"]')\n            .querySelectorAll('nv-tablerow'),\n        )\n      : [];\n\n    return (\n      <Host>\n        <div class=\"hidden\">\n          <slot></slot>\n          <slot name=\"head\"></slot>\n          <slot name=\"body\"></slot>\n        </div>\n\n        <slot name=\"before\"></slot>\n\n        {this.parsedColumns.length === 0 &&\n        this.parsedData.length === 0 &&\n        headerRows.length === 0 &&\n        bodyRows.length === 0 ? (\n          <p>{this.noColumnsNoDataMessage}</p>\n        ) : (\n          <table>\n            {this.parsedColumns.length > 0 ? (\n              <thead>\n                <tr>\n                  {this.parsedColumns.map(column => (\n                    <th>{column}</th>\n                  ))}\n                </tr>\n              </thead>\n            ) : headerRows.length > 0 ? (\n              <thead>\n                {headerRows.map(row => {\n                  const cells = Array.from(\n                    row.querySelectorAll('nv-tablecolumn'),\n                  );\n                  return (\n                    <tr>\n                      {cells.map(cell => (\n                        <th\n                          colSpan={cell.colspan}\n                          rowSpan={cell.rowspan}\n                          headers={cell.headers}\n                          scope={cell.scope}\n                          innerHTML={cell.innerHTML}\n                        ></th>\n                      ))}\n                    </tr>\n                  );\n                })}\n              </thead>\n            ) : null}\n\n            <tbody>\n              {this.parsedData.length === 0 && bodyRows.length === 0 ? (\n                <tr>\n                  <td colSpan={this.parsedColumns.length || 12}>\n                    {this.noDataMessage}\n                  </td>\n                </tr>\n              ) : this.parsedData.length > 0 ? (\n                this.parsedData.map(row => (\n                  <tr>\n                    {this.parsedColumns.length > 0\n                      ? this.parsedColumns.map(column => (\n                          <td>{row[column.toLowerCase()] || ''}</td>\n                        ))\n                      : Object.values(row).map(value => <td>{value}</td>)}\n                  </tr>\n                ))\n              ) : bodyRows.length > 0 ? (\n                bodyRows.map(row => {\n                  const cells = Array.from(\n                    row.querySelectorAll('nv-tabledatacell'),\n                  );\n                  return (\n                    <tr>\n                      {cells.map(cell => (\n                        <td\n                          colSpan={cell.colspan}\n                          rowSpan={cell.rowspan}\n                          headers={cell.headers}\n                          innerHTML={cell.innerHTML}\n                        ></td>\n                      ))}\n                    </tr>\n                  );\n                })\n              ) : null}\n            </tbody>\n          </table>\n        )}\n\n        <slot name=\"after\"></slot>\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n  /****************************************************************************/\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/native/{p-69ca8c88.entry.js → p-11faaf31.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as o,h as a,a as n,g as r}from"./p-b4aea326.js";import{c as t}from"./p-8a1a6e56.js";import{F as s}from"./p-a15ddd42.js";import{u as i,t as c}from"./p-42301d8f.js";import{u as l}from"./p-1daca48a.js";const f='nv-alert{display:flex !important;align-items:flex-start;position:relative;gap:var(--alert-gap-x);border-radius:var(--alert-radius);font-family:"TT Norms Pro", "Montserrat", sans-serif}nv-alert>nv-icon{margin-left:var(--alert-icon-position-x);margin-top:var(--alert-icon-position-y)}nv-alert.feedback-information{background-color:var(--components-alert-information-background);border:1px solid var(--components-alert-information-border) !important}nv-alert.feedback-information>.close:focus,nv-alert.feedback-information>.close:focus-within{outline:none}nv-alert.feedback-information>.close:focus-visible,nv-alert.feedback-information>.close:has(:focus-visible){outline:var(--focus-outline-stroke) solid var(--components-alert-information-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-alert.feedback-warning{background-color:var(--components-alert-warning-background);border:1px solid var(--components-alert-warning-border) !important}nv-alert.feedback-warning>.close:focus,nv-alert.feedback-warning>.close:focus-within{outline:none}nv-alert.feedback-warning>.close:focus-visible,nv-alert.feedback-warning>.close:has(:focus-visible){outline:var(--focus-outline-stroke) solid var(--components-alert-warning-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-alert.feedback-error{background-color:var(--components-alert-error-background);border:1px solid var(--components-alert-error-border) !important}nv-alert.feedback-error>.close:focus,nv-alert.feedback-error>.close:focus-within{outline:none}nv-alert.feedback-error>.close:focus-visible,nv-alert.feedback-error>.close:has(:focus-visible){outline:var(--focus-outline-stroke) solid var(--components-alert-error-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-alert.feedback-success{background-color:var(--components-alert-success-background);border:1px solid var(--components-alert-success-border) !important}nv-alert.feedback-success>.close:focus,nv-alert.feedback-success>.close:focus-within{outline:none}nv-alert.feedback-success>.close:focus-visible,nv-alert.feedback-success>.close:has(:focus-visible){outline:var(--focus-outline-stroke) solid var(--components-alert-success-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-alert.feedback-neutral{background-color:var(--components-alert-neutral-background);border:1px solid var(--components-alert-neutral-border) !important}nv-alert.feedback-neutral>.close:focus,nv-alert.feedback-neutral>.close:focus-within{outline:none}nv-alert.feedback-neutral>.close:focus-visible,nv-alert.feedback-neutral>.close:has(:focus-visible){outline:var(--focus-outline-stroke) solid var(--components-alert-neutral-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-alert>nv-icon.icon-information{color:var(--components-alert-information-icon)}nv-alert>nv-icon.icon-warning{color:var(--components-alert-warning-icon)}nv-alert>nv-icon.icon-error{color:var(--components-alert-error-icon)}nv-alert>nv-icon.icon-success{color:var(--components-alert-success-icon)}nv-alert>nv-icon.icon-neutral{color:var(--components-alert-neutral-icon)}nv-alert>.content{display:flex;padding:var(--alert-padding);padding-left:0;flex-direction:column;gap:var(--alert-gap-y)}nv-alert>.content>.heading{color:var(--components-alert-content-title);font-size:var(--alert-heading-font-size);line-height:var(--alert-heading-line-height);font-weight:var(--alert-heading-font-weight)}nv-alert>.content>.message{color:var(--components-alert-content-description);font-size:var(--alert-message-font-size);line-height:var(--alert-message-line-height)}nv-alert>.close{border-radius:var(--alert-radius);position:absolute;display:flex;top:var(--alert-icon-position-y);right:var(--alert-icon-position-x);padding:0;border:none;background:none;cursor:pointer}';const d=f;const u=class{constructor(a){e(this,a);this.hiddenChanged=o(this,"hiddenChanged",7);this.hiddenChangedComplete=o(this,"hiddenChangedComplete",7);this.closeClicked=o(this,"closeClicked",7);this.handleDismiss=e=>{if(!this.preventAutoClose){this.hidden=true}this.closeClicked.emit(e)};this.getDefaultIcon=()=>{switch(this.feedback){case s.Warning:return"alert-circle";case s.Information:return"info-circle";case s.Success:return"circle-check";case s.Error:return"alert-circle";case s.Neutral:return"help";default:return"info-circle"}};this.color=undefined;this.feedback="information";this.message=undefined;this.heading=undefined;this.icon=undefined;this.dismissible=false;this.preventAutoClose=false;this.hidden=false}componentWillRender(){if(this.color){switch(this.color){case"primary":this.feedback="warning";break;case"secondary":this.feedback="information";break;case"neutral":this.feedback="information";break;default:this.feedback=this.color}}}async handleHiddenChange(e){this.hiddenChanged.emit(e);const{fadeIn:o,fadeOut:a}=l(this.ref,{duration:150});const{collapse:n,expand:r}=i(this.ref,{duration:150});if(e===true)await c(a,n).start();if(e===false)await c(r,o).start();this.hiddenChangedComplete.emit(e)}componentWillLoad(){if(this.color){switch(this.color){case"primary":this.feedback="warning";break;case"secondary":this.feedback="information";break;case"neutral":this.feedback="information";break;default:this.feedback=this.color}}if(this.hidden){const{setCollapsed:e}=i(this.ref);const{setFadeOut:o}=l(this.ref);e();o()}}render(){var e;return a(n,{key:"6df6a1c8f72ca1291f3ba03242225fb63b43e6dd",role:"alert",class:t("root",`feedback-${this.feedback}`)},a("nv-icon",{key:"51b6e7d130b4c81e1de48c511dfe2edc52de5bfb",name:(e=this.icon)!==null&&e!==void 0?e:this.getDefaultIcon(),class:`icon-${this.feedback}`,size:"md"}),a("div",{key:"dac06159b49e2a6caf48245a8131dcd6d530c346",class:"content"},this.heading&&a("p",{key:"8fb6805d964174a0c5808e49152f4c047cba1f82",class:"heading"},this.heading),this.message&&a("p",{key:"ff5a70d54c760651e3cfa7dfff40095d9599e448",class:"message"},this.message),a("slot",{key:"546aff25cadda8a402e2b45b2f4f039a7e3a7ecc"})),this.dismissible&&a("button",{key:"a43b47df76ede8cf646b9c8430532848b73008f4",class:"close",type:"button",onClick:this.handleDismiss},a("nv-icon",{key:"cef62db2b2234101c49a44c80ebfa9224220ec0b",name:"x",size:"sm"})))}get ref(){return r(this)}static get watchers(){return{hidden:["handleHiddenChange"]}}};u.style=d;export{u as nv_alert};
-//# sourceMappingURL=p-69ca8c88.entry.js.map
+import{r as e,c as o,h as a,a as r,g as n}from"./p-6ef216c4.js";import{c as t}from"./p-8a1a6e56.js";import{F as s}from"./p-a15ddd42.js";import{u as i,t as c}from"./p-42301d8f.js";import{u as l}from"./p-1daca48a.js";const f='nv-alert{display:flex !important;align-items:flex-start;position:relative;gap:var(--alert-gap-x);border-radius:var(--alert-radius);font-family:"TT Norms Pro", "Montserrat", sans-serif}nv-alert>nv-icon{margin-left:var(--alert-icon-position-x);margin-top:var(--alert-icon-position-y)}nv-alert.feedback-information{background-color:var(--components-alert-information-background);border:1px solid var(--components-alert-information-border) !important}nv-alert.feedback-information>.close:focus,nv-alert.feedback-information>.close:focus-within{outline:none}nv-alert.feedback-information>.close:focus-visible,nv-alert.feedback-information>.close:has(:focus-visible){outline:var(--focus-outline-stroke) solid var(--components-alert-information-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-alert.feedback-warning{background-color:var(--components-alert-warning-background);border:1px solid var(--components-alert-warning-border) !important}nv-alert.feedback-warning>.close:focus,nv-alert.feedback-warning>.close:focus-within{outline:none}nv-alert.feedback-warning>.close:focus-visible,nv-alert.feedback-warning>.close:has(:focus-visible){outline:var(--focus-outline-stroke) solid var(--components-alert-warning-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-alert.feedback-error{background-color:var(--components-alert-error-background);border:1px solid var(--components-alert-error-border) !important}nv-alert.feedback-error>.close:focus,nv-alert.feedback-error>.close:focus-within{outline:none}nv-alert.feedback-error>.close:focus-visible,nv-alert.feedback-error>.close:has(:focus-visible){outline:var(--focus-outline-stroke) solid var(--components-alert-error-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-alert.feedback-success{background-color:var(--components-alert-success-background);border:1px solid var(--components-alert-success-border) !important}nv-alert.feedback-success>.close:focus,nv-alert.feedback-success>.close:focus-within{outline:none}nv-alert.feedback-success>.close:focus-visible,nv-alert.feedback-success>.close:has(:focus-visible){outline:var(--focus-outline-stroke) solid var(--components-alert-success-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-alert.feedback-neutral{background-color:var(--components-alert-neutral-background);border:1px solid var(--components-alert-neutral-border) !important}nv-alert.feedback-neutral>.close:focus,nv-alert.feedback-neutral>.close:focus-within{outline:none}nv-alert.feedback-neutral>.close:focus-visible,nv-alert.feedback-neutral>.close:has(:focus-visible){outline:var(--focus-outline-stroke) solid var(--components-alert-neutral-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-alert>nv-icon.icon-information{color:var(--components-alert-information-icon)}nv-alert>nv-icon.icon-warning{color:var(--components-alert-warning-icon)}nv-alert>nv-icon.icon-error{color:var(--components-alert-error-icon)}nv-alert>nv-icon.icon-success{color:var(--components-alert-success-icon)}nv-alert>nv-icon.icon-neutral{color:var(--components-alert-neutral-icon)}nv-alert>.content{display:flex;padding:var(--alert-padding);padding-left:0;flex-direction:column;gap:var(--alert-gap-y)}nv-alert>.content>.heading{color:var(--components-alert-content-title);font-size:var(--alert-heading-font-size);line-height:var(--alert-heading-line-height);font-weight:var(--alert-heading-font-weight)}nv-alert>.content>.message{color:var(--components-alert-content-description);font-size:var(--alert-message-font-size);line-height:var(--alert-message-line-height)}nv-alert>.close{border-radius:var(--alert-radius);position:absolute;display:flex;top:var(--alert-icon-position-y);right:var(--alert-icon-position-x);padding:0;border:none;background:none;cursor:pointer}';const d=f;const u=class{constructor(a){e(this,a);this.hiddenChanged=o(this,"hiddenChanged",7);this.hiddenChangedComplete=o(this,"hiddenChangedComplete",7);this.closeClicked=o(this,"closeClicked",7);this.feedback="information";this.dismissible=false;this.preventAutoClose=false;this.hidden=false;this.handleDismiss=e=>{if(!this.preventAutoClose){this.hidden=true}this.closeClicked.emit(e)};this.getDefaultIcon=()=>{switch(this.feedback){case s.Warning:return"alert-circle";case s.Information:return"info-circle";case s.Success:return"circle-check";case s.Error:return"alert-circle";case s.Neutral:return"help";default:return"info-circle"}}}componentWillRender(){if(this.color){switch(this.color){case"primary":this.feedback="warning";break;case"secondary":this.feedback="information";break;case"neutral":this.feedback="information";break;default:this.feedback=this.color}}}async handleHiddenChange(e){this.hiddenChanged.emit(e);const{fadeIn:o,fadeOut:a}=l(this.ref,{duration:150});const{collapse:r,expand:n}=i(this.ref,{duration:150});if(e===true)await c(a,r).start();if(e===false)await c(n,o).start();this.hiddenChangedComplete.emit(e)}componentWillLoad(){if(this.color){switch(this.color){case"primary":this.feedback="warning";break;case"secondary":this.feedback="information";break;case"neutral":this.feedback="information";break;default:this.feedback=this.color}}if(this.hidden){const{setCollapsed:e}=i(this.ref);const{setFadeOut:o}=l(this.ref);e();o()}}render(){var e;return a(r,{key:"6df6a1c8f72ca1291f3ba03242225fb63b43e6dd",role:"alert",class:t("root",`feedback-${this.feedback}`)},a("nv-icon",{key:"51b6e7d130b4c81e1de48c511dfe2edc52de5bfb",name:(e=this.icon)!==null&&e!==void 0?e:this.getDefaultIcon(),class:`icon-${this.feedback}`,size:"md"}),a("div",{key:"dac06159b49e2a6caf48245a8131dcd6d530c346",class:"content"},this.heading&&a("p",{key:"8fb6805d964174a0c5808e49152f4c047cba1f82",class:"heading"},this.heading),this.message&&a("p",{key:"ff5a70d54c760651e3cfa7dfff40095d9599e448",class:"message"},this.message),a("slot",{key:"546aff25cadda8a402e2b45b2f4f039a7e3a7ecc"})),this.dismissible&&a("button",{key:"a43b47df76ede8cf646b9c8430532848b73008f4",class:"close",type:"button",onClick:this.handleDismiss},a("nv-icon",{key:"cef62db2b2234101c49a44c80ebfa9224220ec0b",name:"x",size:"sm"})))}get ref(){return n(this)}static get watchers(){return{hidden:["handleHiddenChange"]}}};u.style=d;export{u as nv_alert};
+//# sourceMappingURL=p-11faaf31.entry.js.map

package/dist/native/p-11faaf31.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["nvAlertCss","NvAlertStyle0","NvAlert","constructor","hostRef","this","feedback","dismissible","preventAutoClose","hidden","handleDismiss","originalEvent","closeClicked","emit","getDefaultIcon","FeedbackColors","Warning","Information","Success","Error","Neutral","componentWillRender","color","handleHiddenChange","hiddenChanged","fadeIn","fadeOut","useFade","ref","duration","collapse","expand","useCollapse","timeline","start","hiddenChangedComplete","componentWillLoad","setCollapsed","setFadeOut","render","h","Host","key","role","class","clsx","name","_a","icon","size","heading","message","type","onClick"],"sources":["src/components/nv-alert/nv-alert.scss?tag=nv-alert","src/components/nv-alert/nv-alert.tsx"],"sourcesContent":["@use \"sass:map\";\n@import \"../../styles/focus-ring\";\n\n/* Variants */\n$alert-feedback: (\"information\", \"warning\", \"error\", \"success\", \"neutral\");\n\n/* Define maps for feedback-related variables */\n$components-alert-background: (\n  \"information\": var(--components-alert-information-background),\n  \"warning\": var(--components-alert-warning-background),\n  \"error\": var(--components-alert-error-background),\n  \"success\": var(--components-alert-success-background),\n  \"neutral\": var(--components-alert-neutral-background)\n);\n\n$components-alert-border: (\n  \"information\": var(--components-alert-information-border),\n  \"warning\": var(--components-alert-warning-border),\n  \"error\": var(--components-alert-error-border),\n  \"success\": var(--components-alert-success-border),\n  \"neutral\": var(--components-alert-neutral-border)\n);\n\n$components-alert-icon: (\n  \"information\": var(--components-alert-information-icon),\n  \"warning\": var(--components-alert-warning-icon),\n  \"error\": var(--components-alert-error-icon),\n  \"success\": var(--components-alert-success-icon),\n  \"neutral\": var(--components-alert-neutral-icon)\n);\n\n@mixin root-styles() {\n  display: flex !important; // override the display: none in [hidden] css\n  align-items: flex-start;\n  position: relative;\n  gap: var(--alert-gap-x);\n  border-radius: var(--alert-radius);\n  font-family: \"TT Norms Pro\", \"Montserrat\", sans-serif;\n}\n\n@mixin content-styles() {\n  display: flex;\n  padding: var(--alert-padding);\n  padding-left: 0;\n  flex-direction: column;\n  gap: var(--alert-gap-y);\n}\n\n@mixin feedback-color($feedback-type) {\n  background-color: map.get($components-alert-background, $feedback-type);\n  border: 1px solid map.get($components-alert-border, $feedback-type) !important;\n}\n\n@mixin icon-color($feedback-type) {\n  color: map.get($components-alert-icon, $feedback-type);\n}\n\n@mixin icon-position {\n  margin-left: var(--alert-icon-position-x);\n  margin-top: var(--alert-icon-position-y);\n}\n\nnv-alert {\n  @include root-styles();\n\n  & > nv-icon {\n    @include icon-position();\n  }\n\n  @each $feedback in $alert-feedback {\n    &.feedback-#{$feedback} {\n      @include feedback-color($feedback);\n      & > .close {\n        @include focus-ring(map.get($components-alert-border, $feedback));\n      }\n    }\n  }\n\n  @each $feedback in $alert-feedback {\n    & > nv-icon.icon-#{$feedback} {\n      @include icon-color($feedback);\n    }\n  }\n\n  & > .content {\n    @include content-styles();\n\n    & > .heading {\n      color: var(--components-alert-content-title);\n      font-size: var(--alert-heading-font-size);\n      line-height: var(--alert-heading-line-height);\n      font-weight: var(--alert-heading-font-weight);\n    }\n    & > .message {\n      color: var(--components-alert-content-description);\n      font-size: var(--alert-message-font-size);\n      line-height: var(--alert-message-line-height);\n    }\n  }\n  & > .close {\n    border-radius: var(--alert-radius);\n    position: absolute;\n    display: flex;\n    top: var(--alert-icon-position-y);\n    right: var(--alert-icon-position-x);\n    padding: 0;\n    border: none;\n    background: none;\n    cursor: pointer;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Event,\n  EventEmitter,\n  Watch,\n  Element,\n} from '@stencil/core';\nimport clsx from 'clsx';\n\nimport {\n  DeprecatedSemanticColors,\n  FeedbackColors,\n} from '../../utils/constants';\nimport { useCollapse, useFade, timeline } from '../../animations';\n\n/**\n * @slot default - Use this slot to insert HTML into the alert content.\n */\n@Component({\n  tag: 'nv-alert',\n  styleUrl: 'nv-alert.scss',\n  shadow: false,\n})\nexport class NvAlert {\n  @Element() ref: HTMLNvAlertElement;\n\n  /****************************************************************************/\n  //#region DEPRECATED\n\n  /**\n   * Defines color of the alert.\n   * @deprecated use feedback instead.\n   */\n  @Prop()\n  readonly color: `${DeprecatedSemanticColors}`;\n\n  componentWillRender() {\n    if (this.color) {\n      switch (this.color) {\n        case 'primary' as DeprecatedSemanticColors:\n          this.feedback = 'warning' as FeedbackColors;\n          break;\n        case 'secondary' as DeprecatedSemanticColors:\n          this.feedback = 'information' as FeedbackColors;\n          break;\n        case 'neutral' as DeprecatedSemanticColors:\n          this.feedback = 'information' as FeedbackColors;\n          break;\n        default:\n          this.feedback = this.color as FeedbackColors;\n      }\n    }\n  }\n\n  //#endregion DEPRECATED\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Specifies the alert type which determines the color and default icon.\n   */\n  @Prop({ reflect: true, mutable: true })\n  feedback: `${FeedbackColors}` = 'information';\n\n  /**\n   * Main content of the alert. For more complex content, use the default slot\n   * instead.\n   */\n  @Prop({ reflect: true })\n  readonly message: string;\n\n  /**\n   * Short and concise text for the alert title.\n   */\n  @Prop({ reflect: true })\n  readonly heading: string;\n\n  /**\n   * Icon associated with the alert, defaults vary based on the feedback type.\n   */\n  @Prop({ reflect: true })\n  readonly icon: string;\n\n  /**\n   * Allows the alert to be dismissed via a close button (x). The alert is not\n   * dismissible unless explicitly enabled.\n   */\n  @Prop({ reflect: true })\n  readonly dismissible: boolean = false;\n\n  /**\n   * When true, the alert does not automatically close upon dismissing.\n   * Useful for externally controlled component behavior.\n   */\n  @Prop({ reflect: true })\n  readonly preventAutoClose: boolean = false;\n\n  /**\n   * Controls the visibility of the alert. Will animate with fade and collapse.\n   */\n  @Prop({ reflect: true, mutable: true })\n  hidden: boolean = false; // eslint-disable-line @stencil-community/reserved-member-names\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emits when the 'hidden' prop changes, reflecting a change in visibility.\n   * Passes hidden value to the detail.\n   * @bind hidden\n   */\n  @Event()\n  hiddenChanged: EventEmitter<boolean>;\n\n  /**\n   * Emitted when the animations complete, detail includes the hidden value.\n   */\n  @Event()\n  hiddenChangedComplete: EventEmitter<boolean>;\n\n  /**\n   * Emitted when the close button is clicked.\n   */\n  @Event()\n  closeClicked: EventEmitter<MouseEvent>;\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region WATCHERS\n\n  /**\n   * Used for 2 way binding with the hidden property.\n   * Triggers open and close animations.\n   * @param {boolean} hidden - The visibility state of the alert.\n   */\n  @Watch('hidden')\n  async handleHiddenChange(hidden: boolean) {\n    this.hiddenChanged.emit(hidden);\n\n    const { fadeIn, fadeOut } = useFade(this.ref, { duration: 150 });\n    const { collapse, expand } = useCollapse(this.ref, { duration: 150 });\n\n    if (hidden === true) await timeline(fadeOut, collapse).start();\n    if (hidden === false) await timeline(expand, fadeIn).start();\n\n    this.hiddenChangedComplete.emit(hidden);\n  }\n\n  //#endregion WATCHERS\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Handles the dismissal of the alert, considering the preventAutoClose prop.\n   * Passes the original event from the close button to the close event detail.\n   * @param {MouseEvent} originalEvent - The original event from the close button.\n   */\n  private handleDismiss = (originalEvent?: MouseEvent) => {\n    if (!this.preventAutoClose) {\n      this.hidden = true;\n    }\n\n    this.closeClicked.emit(originalEvent);\n  };\n\n  /**\n   * By default an icon is linked to the feedback type\n   * @returns {string} - The default icon name.\n   */\n  private getDefaultIcon = () => {\n    switch (this.feedback) {\n      case FeedbackColors.Warning:\n        return 'alert-circle';\n      case FeedbackColors.Information:\n        return 'info-circle';\n      case FeedbackColors.Success:\n        return 'circle-check';\n      case FeedbackColors.Error:\n        return 'alert-circle';\n      case FeedbackColors.Neutral:\n        return 'help';\n      default:\n        return 'info-circle';\n    }\n  };\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  componentWillLoad() {\n    if (this.color) {\n      switch (this.color) {\n        case 'primary' as DeprecatedSemanticColors:\n          this.feedback = 'warning' as FeedbackColors;\n          break;\n        case 'secondary' as DeprecatedSemanticColors:\n          this.feedback = 'information' as FeedbackColors;\n          break;\n        case 'neutral' as DeprecatedSemanticColors:\n          this.feedback = 'information' as FeedbackColors;\n          break;\n        default:\n          this.feedback = this.color as FeedbackColors;\n      }\n    }\n\n    if (this.hidden) {\n      const { setCollapsed } = useCollapse(this.ref);\n      const { setFadeOut } = useFade(this.ref);\n\n      setCollapsed();\n      setFadeOut();\n    }\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host role=\"alert\" class={clsx('root', `feedback-${this.feedback}`)}>\n        <nv-icon\n          name={this.icon ?? this.getDefaultIcon()}\n          class={`icon-${this.feedback}`}\n          size=\"md\"\n        ></nv-icon>\n\n        <div class=\"content\">\n          {this.heading && <p class=\"heading\">{this.heading}</p>}\n\n          {this.message && <p class=\"message\">{this.message}</p>}\n\n          <slot></slot>\n        </div>\n\n        {this.dismissible && (\n          <button class=\"close\" type=\"button\" onClick={this.handleDismiss}>\n            <nv-icon name=\"x\" size=\"sm\" />\n          </button>\n        )}\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n}\n"],"mappings":"uNAAA,MAAMA,EAAa,ssHACnB,MAAAC,EAAeD,E,MCyBFE,EAAO,MALpB,WAAAC,CAAAC,G,+JA4CEC,KAAAC,SAAgC,cA0BvBD,KAAAE,YAAuB,MAOvBF,KAAAG,iBAA4B,MAMrCH,KAAAI,OAAkB,MAyDVJ,KAAAK,cAAiBC,IACvB,IAAKN,KAAKG,iBAAkB,CAC1BH,KAAKI,OAAS,I,CAGhBJ,KAAKO,aAAaC,KAAKF,EAAc,EAO/BN,KAAAS,eAAiB,KACvB,OAAQT,KAAKC,UACX,KAAKS,EAAeC,QAClB,MAAO,eACT,KAAKD,EAAeE,YAClB,MAAO,cACT,KAAKF,EAAeG,QAClB,MAAO,eACT,KAAKH,EAAeI,MAClB,MAAO,eACT,KAAKJ,EAAeK,QAClB,MAAO,OACT,QACE,MAAO,c,EAnJb,mBAAAC,GACE,GAAIhB,KAAKiB,MAAO,CACd,OAAQjB,KAAKiB,OACX,IAAK,UACHjB,KAAKC,SAAW,UAChB,MACF,IAAK,YACHD,KAAKC,SAAW,cAChB,MACF,IAAK,UACHD,KAAKC,SAAW,cAChB,MACF,QACED,KAAKC,SAAWD,KAAKiB,M,EAwF7B,wBAAMC,CAAmBd,GACvBJ,KAAKmB,cAAcX,KAAKJ,GAExB,MAAMgB,OAAEA,EAAMC,QAAEA,GAAYC,EAAQtB,KAAKuB,IAAK,CAAEC,SAAU,MAC1D,MAAMC,SAAEA,EAAQC,OAAEA,GAAWC,EAAY3B,KAAKuB,IAAK,CAAEC,SAAU,MAE/D,GAAIpB,IAAW,WAAYwB,EAASP,EAASI,GAAUI,QACvD,GAAIzB,IAAW,YAAawB,EAASF,EAAQN,GAAQS,QAErD7B,KAAK8B,sBAAsBtB,KAAKJ,E,CA6ClC,iBAAA2B,GACE,GAAI/B,KAAKiB,MAAO,CACd,OAAQjB,KAAKiB,OACX,IAAK,UACHjB,KAAKC,SAAW,UAChB,MACF,IAAK,YACHD,KAAKC,SAAW,cAChB,MACF,IAAK,UACHD,KAAKC,SAAW,cAChB,MACF,QACED,KAAKC,SAAWD,KAAKiB,M,CAI3B,GAAIjB,KAAKI,OAAQ,CACf,MAAM4B,aAAEA,GAAiBL,EAAY3B,KAAKuB,KAC1C,MAAMU,WAAEA,GAAeX,EAAQtB,KAAKuB,KAEpCS,IACAC,G,EAQJ,MAAAC,G,MACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,QAAQC,MAAOC,EAAK,OAAQ,YAAYxC,KAAKC,aACtDkC,EAAA,WAAAE,IAAA,2CACEI,MAAMC,EAAA1C,KAAK2C,QAAI,MAAAD,SAAA,EAAAA,EAAI1C,KAAKS,iBACxB8B,MAAO,QAAQvC,KAAKC,WACpB2C,KAAK,OAGPT,EAAA,OAAAE,IAAA,2CAAKE,MAAM,WACRvC,KAAK6C,SAAWV,EAAA,KAAAE,IAAA,2CAAGE,MAAM,WAAWvC,KAAK6C,SAEzC7C,KAAK8C,SAAWX,EAAA,KAAAE,IAAA,2CAAGE,MAAM,WAAWvC,KAAK8C,SAE1CX,EAAA,QAAAE,IAAA,8CAGDrC,KAAKE,aACJiC,EAAA,UAAAE,IAAA,2CAAQE,MAAM,QAAQQ,KAAK,SAASC,QAAShD,KAAKK,eAChD8B,EAAA,WAAAE,IAAA,2CAASI,KAAK,IAAIG,KAAK,Q","ignoreList":[]}

package/dist/native/p-17dba26d.entry.js

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

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

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

package/dist/native/p-25e410c1.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["nvFielddropdownitemCss","NvFielddropdownitemStyle0","NvFielddropdownitem","constructor","hostRef","this","disabled","selected","handleClick","itemValue","value","Array","from","el","childNodes","map","node","_a","textContent","trim","filter","text","length","join","itemSelected","emit","label","isNullOrEmptyOrWhitespace","input","render","showDefaultLayout","h","Host","key","role","tabindex","onClick","class","name"],"sources":["src/components/nv-fielddropdownitem/nv-fielddropdownitem.scss?tag=nv-fielddropdownitem","src/components/nv-fielddropdownitem/nv-fielddropdownitem.tsx"],"sourcesContent":["@import '../../styles/form-field';\n\nnv-fielddropdownitem {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  max-width: 300px;\n  width: 100%;\n  padding: var(--menu-contextual-item-padding-y)\n    var(--menu-contextual-item-padding-x); //var(--components-list-custom-padding-y) var(--components-list-custom-padding-x);\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  transition: background-color 150ms ease-out, color 150ms ease-out;\n  cursor: pointer;\n\n  &:hover,\n  &:focus,\n  &:focus-within {\n    background-color: var(--components-menu-contextual-item-background-hover);\n    color: var(--components-menu-contextual-item-content-hover);\n  }\n\n  &.selected {\n    background-color: var(\n      --components-menu-contextual-item-background-selected\n    );\n    color: var(--components-menu-contextual-item-content-selected);\n  }\n\n  &[disabled]:not([disabled='false']) {\n    cursor: not-allowed;\n    background-color: unset;\n    color: var(--components-menu-contextual-item-content-disabled);\n  }\n\n  [data-scope='text'] {\n    flex-grow: 1;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .selection-icon {\n    padding-left: 10px;\n    color: var(--components-menu-contextual-item-icon-selected);\n    align-self: center;\n  }\n}\n\n:root {\n  --components-menu-contextual-item-background-selected: #f5f6f7; // Couleur de fond pour l'élément sélectionné\n  --components-menu-contextual-item-content-selected: #171f22; // Couleur du texte pour l'élément sélectionné\n  --components-menu-contextual-item-icon-selected: #007f00; // Couleur de l'icône (coche) pour l'élément sélectionné\n  --components-menu-contextual-item-background-hover: #f5f6f7; // Couleur de fond lors du hover\n  --components-menu-contextual-item-content-hover: #171f22; // Couleur du texte lors du hover\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Event,\n  EventEmitter,\n  Element,\n} from '@stencil/core';\nimport { DropdownItemSelectedEventDetail } from './DropdownItemSelectedEventDetail';\n\n/**\n * @slot default - The content to be displayed inside the dropdown item.\n */\n\n@Component({\n  tag: 'nv-fielddropdownitem',\n  styleUrl: 'nv-fielddropdownitem.scss',\n  shadow: false,\n})\nexport class NvFielddropdownitem {\n  @Element() el: HTMLNvFielddropdownitemElement;\n\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Disables the item, preventing any user interaction.\n   */\n  @Prop({ reflect: true })\n  readonly disabled: boolean = false;\n\n  /**\n   * Indicates if the item is selected.\n   */\n  @Prop({ reflect: true, mutable: true })\n  selected: boolean = false;\n\n  /**\n   * Value associated with the item.\n   */\n  @Prop({ reflect: true })\n  readonly value?: string;\n\n  /**\n   * Label used as the value for the default layout.\n   */\n  @Prop({ reflect: true })\n  readonly label?: string;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Event emitted when an item is clicked.\n   */\n  @Event()\n  itemSelected: EventEmitter<DropdownItemSelectedEventDetail>;\n\n  private handleClick = () => {\n    if (!this.disabled) {\n      let itemValue = this.value || '';\n      if (!itemValue) {\n        itemValue =\n          Array.from(this.el.childNodes)\n            .map(node => node.textContent?.trim())\n            .filter(text => text && text.length > 0)\n            .join(' ') || '';\n      }\n\n      this.selected = !this.selected; // Toggle the selected state\n\n      this.itemSelected.emit({\n        label: this.label,\n        value: itemValue,\n        selected: this.selected,\n        disabled: this.disabled,\n      });\n    }\n  };\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Utility function to check if a string is null, empty, or contains only whitespace.\n   * @param {string | null | undefined} input - The string to check.\n   * @returns {boolean} - Returns true if the string is null, empty, or contains only whitespace; otherwise, false.\n   */\n  private isNullOrEmptyOrWhitespace(input: string | null | undefined): boolean {\n    return !input || input.trim().length === 0;\n  }\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    const showDefaultLayout = this.isNullOrEmptyOrWhitespace(this.label);\n\n    return (\n      <Host\n        role=\"menuitem\"\n        tabindex={this.disabled ? '-1' : '0'}\n        onClick={this.handleClick}\n        class={{ selected: this.selected }}\n      >\n        {showDefaultLayout ? (\n          <slot></slot>\n        ) : (\n          <div class=\"flex gap-2\">\n            <span data-scope=\"text\">{this.label}</span>\n            {this.selected && (\n              <nv-icon\n                name=\"check\"\n                aria-hidden=\"true\"\n                class=\"selection-icon\"\n              ></nv-icon>\n            )}\n          </div>\n        )}\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n}\n"],"mappings":"gEAAA,MAAMA,EAAyB,2hDAC/B,MAAAC,EAAeD,E,MCmBFE,EAAmB,MALhC,WAAAC,CAAAC,G,qDAeWC,KAAAC,SAAoB,MAM7BD,KAAAE,SAAoB,MAwBZF,KAAAG,YAAc,KACpB,IAAKH,KAAKC,SAAU,CAClB,IAAIG,EAAYJ,KAAKK,OAAS,GAC9B,IAAKD,EAAW,CACdA,EACEE,MAAMC,KAAKP,KAAKQ,GAAGC,YAChBC,KAAIC,IAAI,IAAAC,EAAI,OAAAA,EAAAD,EAAKE,eAAW,MAAAD,SAAA,SAAAA,EAAEE,MAAM,IACpCC,QAAOC,GAAQA,GAAQA,EAAKC,OAAS,IACrCC,KAAK,MAAQ,E,CAGpBlB,KAAKE,UAAYF,KAAKE,SAEtBF,KAAKmB,aAAaC,KAAK,CACrBC,MAAOrB,KAAKqB,MACZhB,MAAOD,EACPF,SAAUF,KAAKE,SACfD,SAAUD,KAAKC,U,GAcb,yBAAAqB,CAA0BC,GAChC,OAAQA,GAASA,EAAMT,OAAOG,SAAW,C,CAO3C,MAAAO,GACE,MAAMC,EAAoBzB,KAAKsB,0BAA0BtB,KAAKqB,OAE9D,OACEK,EAACC,EAAI,CAAAC,IAAA,2CACHC,KAAK,WACLC,SAAU9B,KAAKC,SAAW,KAAO,IACjC8B,QAAS/B,KAAKG,YACd6B,MAAO,CAAE9B,SAAUF,KAAKE,WAEvBuB,EACCC,EAAA,aAEAA,EAAA,OAAKM,MAAM,cACTN,EAAA,qBAAiB,QAAQ1B,KAAKqB,OAC7BrB,KAAKE,UACJwB,EAAA,WACEO,KAAK,QAAO,cACA,OACZD,MAAM,oB","ignoreList":[]}

package/dist/native/{p-808cf007.entry.js → p-2a6ca749.entry.js}

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

package/dist/native/p-2a6ca749.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["nvMenuCss","NvMenuStyle0","NvMenu","constructor","hostRef","this","isHandlingKeyDown","isHandlingClick","open","nested","disableCloseOnSelect","placement","show","close","handleMenuItemSelect","menuItem","event","hasAttribute","stopPropagation","itemId","id","menuitemSelected","emit","handleMenuClick","target","closest","tagName","handleKeydown","key","preventDefault","triggerElement","focus","activeElement","document","menuContent","el","querySelector","menuItems","Array","from","childNodes","filter","item","_a","matches","call","currentIndex","indexOf","parentElement","find","forEach","nextIndex","length","nextFocusable","prevIndex","prevFocusable","submenu","handleOpenChanged","detail","triggerHasFocus","triggerHasFocusVisible","focusFirstItem","firstButton","popoverElement","requestAnimationFrame","componentWillLoad","children","child","getAttribute","render","h","Host","name","ref","triggerMode"],"sources":["src/components/nv-menu/nv-menu.scss?tag=nv-menu","src/components/nv-menu/nv-menu.tsx"],"sourcesContent":["@use \"../nv-menuitem/nv-menuitem\" as nv-menuitem;\n\n@mixin root-styles() {\n  display: inline-block;\n  position: relative;\n\n  &:has([fluid]:not([fluid=\"false\"])) {\n    display: block;\n  }\n}\n\n@mixin content-styles() {\n  padding: var(--menu-contextual-padding-y)  \n          var(--menu-contextual-padding-x);\n  border-radius: var(--menu-contextual-radius);\n  gap: var(--menu-contextual-gap-y);\n  background-color: var(--components-menu-contextual-background);\n  border-color: var(--components-menu-contextual-border);\n  display: flex;\n  flex-direction: column;\n}\n\n@mixin separator-styles() {\n  display: block;\n  margin: var(--menu-contextual-divider-padding-top)  \n          var(--menu-contextual-divider-padding-x)  \n          var(--menu-contextual-divider-padding-bottom)  \n          var(--menu-contextual-divider-padding-x) ;\n}\n\nnv-menu {\n  @include root-styles();\n\n  nv-popover {\n    display: unset;\n    \n    [data-scope=popover]{\n      background-color: transparent !important;\n      padding: 0 !important;\n    }\n  }\n\n  [slot=\"content\"] {\n    @include content-styles();\n  }\n\n  nv-menu[open]:not([open=\"false\"]) {\n    > nv-menuitem {\n      @include nv-menuitem.focused-styles();\n    }\n  }\n\n  hr {\n    @include separator-styles();\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n  Listen,\n  Event,\n  EventEmitter,\n  Method,\n} from '@stencil/core';\nimport type { Placement } from '@floating-ui/dom';\nimport type { MenuitemSelectedEventDetail } from '../nv-menuitem/nv-menuitem';\n\n/**\n * @slot trigger - Button to toggle the menu popover.\n * @slot content - Use an &lt;ul&gt;&lt;/ul&gt; tag for the slot, and place &lt;nv-menuitem&gt; elements inside.\n */\n@Component({\n  tag: 'nv-menu',\n  styleUrl: 'nv-menu.scss',\n  shadow: false,\n})\nexport class NvMenu {\n  @Element() el: HTMLNvMenuElement;\n  private triggerElement!: HTMLElement;\n  private popoverElement!: HTMLNvPopoverElement;\n  private isHandlingKeyDown: boolean = false;\n  private isHandlingClick: boolean = false;\n\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Use this to toggle the initial visibility of the menu, by default the menu\n   * is hidden.\n   */\n  @Prop({ reflect: true, mutable: true })\n  open: boolean = false;\n\n  /**\n   * Use this if the menu is nested inside another menu. This will prevent the\n   * parent menu from closing when the child menu is opened.\n   */\n  @Prop()\n  readonly nested: boolean = false;\n\n  /**\n   * Use this to disable the menu from closing automatically when a menu item is\n   * selected.\n   */\n  @Prop()\n  readonly disableCloseOnSelect: boolean = false;\n\n  /**\n   * Decides where the menu shows up next to the button it’s linked to (above,\n   * below, to the sides). If there isn’t enough room, it will adjust its\n   * position on the axis to fit on the screen, so users can always see it.\n   */\n  @Prop()\n  readonly placement: Placement = this.nested ? 'right-start' : 'bottom-end';\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Opens the menu.\n   */\n  @Method()\n  async show() {\n    this.open = true;\n  }\n\n  /**\n   * Closes the menu.\n   */\n  @Method()\n  async close() {\n    this.open = false;\n  }\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emitted from nv-menuitem elements with the corresponding id when the menu\n   * item is selected.\n   */\n  @Event()\n  menuitemSelected: EventEmitter<MenuitemSelectedEventDetail>;\n\n  private handleMenuItemSelect(menuItem: HTMLElement, event: Event) {\n    // If the element is disabled, stop propagation\n    if (menuItem.hasAttribute('disabled')) {\n      event.stopPropagation();\n      return;\n    }\n\n    // Emit the menuitemSelected event for the selected item\n    const itemId = menuItem.id;\n    if (itemId) {\n      this.menuitemSelected.emit({ itemId });\n    }\n\n    // Prevent event propagation to avoid multiple triggers\n    event.stopPropagation();\n\n    if (!this.disableCloseOnSelect) {\n      this.open = false;\n    }\n  }\n\n  @Listen('click', { capture: true })\n  handleMenuClick(event: MouseEvent) {\n    if (this.isHandlingClick) {\n      return;\n    }\n    this.isHandlingClick = true;\n\n    const target = event.target as HTMLElement;\n    const menuItem = target.closest('nv-menuitem');\n    if (\n      menuItem &&\n      menuItem.tagName === 'NV-MENUITEM' &&\n      !menuItem.hasAttribute('has-submenu')\n    ) {\n      this.handleMenuItemSelect(menuItem, event);\n    }\n\n    this.isHandlingClick = false;\n  }\n\n  @Listen('keydown', { passive: false })\n  handleKeydown(event: KeyboardEvent) {\n    if (!this.open) return;\n\n    if (this.isHandlingKeyDown) {\n      return;\n    }\n    this.isHandlingKeyDown = true;\n\n    if (\n      event.key === 'ArrowDown' ||\n      event.key === 'ArrowUp' ||\n      event.key === 'ArrowLeft' ||\n      event.key === 'ArrowRight' ||\n      event.key === 'Escape'\n    ) {\n      event.preventDefault();\n    }\n\n    if (event.key === 'Escape' && !this.nested) {\n      this.close();\n      this.triggerElement.focus();\n      this.isHandlingKeyDown = false;\n      return;\n    }\n\n    if (event.key === 'Enter') {\n      const activeElement = document.activeElement as HTMLNvMenuitemElement;\n      if (\n        activeElement &&\n        activeElement.tagName === 'NV-MENUITEM' &&\n        !activeElement.hasAttribute('has-submenu')\n      ) {\n        event.preventDefault();\n        this.handleMenuItemSelect(activeElement, event);\n      }\n      this.isHandlingKeyDown = false;\n      return;\n    }\n\n    const menuContent = this.el.querySelector('[slot=\"content\"]');\n    const menuItems = (\n      Array.from(menuContent.childNodes) as Array<\n        HTMLNvMenuitemElement | HTMLNvMenuElement\n      >\n    ).filter(item => item.matches?.('nv-menuitem, nv-menu'));\n\n    let currentIndex = menuItems.indexOf(\n      document.activeElement as HTMLNvMenuitemElement,\n    );\n    if (currentIndex === -1)\n      currentIndex = menuItems.indexOf(\n        document.activeElement.parentElement as HTMLNvMenuitemElement,\n      );\n    if (\n      currentIndex === -1 &&\n      menuItems.find(item => item.matches('nv-menu[open]'))\n    ) {\n      this.isHandlingKeyDown = false;\n      return;\n    }\n\n    if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n      menuItems.forEach(item => {\n        if (item.matches('nv-menu')) (item as HTMLNvMenuElement).close();\n      });\n    }\n\n    if (event.key === 'ArrowDown') {\n      let nextIndex = (currentIndex + 1) % menuItems.length;\n      while (menuItems[nextIndex].matches('nv-menuitem[disabled]')) {\n        nextIndex = (nextIndex + 1) % menuItems.length;\n      }\n      const nextFocusable = menuItems[nextIndex];\n      if (nextFocusable.matches('nv-menuitem')) nextFocusable.focus();\n      else if (nextFocusable.matches('nv-menu'))\n        nextFocusable.querySelector('nv-menuitem').focus();\n    }\n\n    if (event.key === 'ArrowUp') {\n      let prevIndex = (currentIndex - 1 + menuItems.length) % menuItems.length;\n      while (menuItems[prevIndex].matches('nv-menuitem[disabled]')) {\n        prevIndex = (prevIndex - 1 + menuItems.length) % menuItems.length;\n      }\n      const prevFocusable = menuItems[prevIndex];\n      if (prevFocusable.matches('nv-menuitem')) prevFocusable.focus();\n      else if (prevFocusable.matches('nv-menu'))\n        prevFocusable.querySelector('nv-menuitem').focus();\n    }\n\n    if (event.key === 'ArrowRight') {\n      const submenu = menuItems[currentIndex];\n      if (!submenu.matches('nv-menu')) {\n        this.isHandlingKeyDown = false;\n        return;\n      }\n\n      (submenu as HTMLNvMenuElement).show();\n    }\n\n    if (event.key === 'ArrowLeft' && this.nested) {\n      if (menuItems.find(item => item.matches('nv-menu[open]'))) {\n        this.isHandlingKeyDown = false;\n        return;\n      }\n      this.close();\n      this.triggerElement.focus();\n    }\n\n    this.isHandlingKeyDown = false;\n  }\n\n  @Listen('openChanged')\n  handleOpenChanged(event: CustomEvent<boolean>) {\n    if (event.target === this.el.querySelector('nv-popover')) {\n      this.open = event.detail;\n    }\n\n    const triggerHasFocus = this.triggerElement === document.activeElement;\n    const triggerHasFocusVisible =\n      this.triggerElement.matches(':focus-visible');\n\n    if (triggerHasFocus && triggerHasFocusVisible) this.focusFirstItem();\n  }\n\n  private focusFirstItem() {\n    const firstButton = this.popoverElement.querySelector('nv-menuitem');\n    if (firstButton) {\n      requestAnimationFrame(() => firstButton.focus());\n    }\n  }\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  componentWillLoad() {\n    this.triggerElement = Array.from(this.el.children).find(child => {\n      return child.getAttribute('slot') === 'trigger';\n    }) as HTMLElement;\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host>\n        <slot name=\"trigger\"></slot>\n\n        <nv-popover\n          ref={el => (this.popoverElement = el)}\n          triggerMode=\"click\"\n          triggerElement={this.triggerElement}\n          placement={this.placement}\n          nested={this.nested}\n          open={this.open}\n        >\n          <slot name=\"content\"></slot>\n        </nv-popover>\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/native/p-327fa1a0.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as b,a as c}from"./p-6ef216c4.js";const s="";const t=s;const a=class{constructor(b){e(this,b)}render(){return b(c,{key:"664bc779e57e372c4939f34e79be34672c701b9b"},b("thead",{key:"772dfe48aea949fa05229f036589947dcf097992"},b("slot",{key:"bc76551105f0f0dfb4d6639bbe5b304b5b824328"})))}};a.style=t;export{a as nv_tablehead};
+//# sourceMappingURL=p-327fa1a0.entry.js.map

package/dist/native/p-3bc5875e.entry.js

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

package/dist/native/p-3bc5875e.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["nvBadgeCss","NvBadgeStyle0","NvBadge","constructor","hostRef","this","dismissal","color","label","leadIcon","dismissible","hidden","_isHidden","preventAutoClose","handleClose","originalEvent","closeClicked","emit","handleDismissalChange","handleIconChange","icon","handleHiddenChange","hiddenChanged","fadeIn","fadeOut","useFade","ref","duration","collapse","expand","useCollapse","timeline","start","hiddenChangedComplete","componentWillLoad","setCollapsed","setFadeOut","render","h","Host","key","class","clsx","name","slot","size","onClick","type"],"sources":["src/components/nv-badge/nv-badge.scss?tag=nv-badge","src/components/nv-badge/nv-badge.tsx"],"sourcesContent":["@use \"sass:map\";\n@use \"../nv-icon/nv-icon.scss\" as icon;\n@import \"../../styles/focus-ring\";\n\n/* Variants */\n$badge-colors: (\"1\", \"2\", \"3\", \"4\", \"5\", \"6\", \"7\", \"8\", \"9\", \"10\");\n\n/* Define maps for color-related variables */\n$color-rainbow-content: (\n  \"1\": var(--color-rainbow-1-content),\n  \"2\": var(--color-rainbow-2-content),\n  \"3\": var(--color-rainbow-3-content),\n  \"4\": var(--color-rainbow-4-content),\n  \"5\": var(--color-rainbow-5-content),\n  \"6\": var(--color-rainbow-6-content),\n  \"7\": var(--color-rainbow-7-content),\n  \"8\": var(--color-rainbow-8-content),\n  \"9\": var(--color-rainbow-9-content),\n  \"10\": var(--color-rainbow-10-content)\n);\n\n$color-rainbow-background: (\n  \"1\": var(--color-rainbow-1-background),\n  \"2\": var(--color-rainbow-2-background),\n  \"3\": var(--color-rainbow-3-background),\n  \"4\": var(--color-rainbow-4-background),\n  \"5\": var(--color-rainbow-5-background),\n  \"6\": var(--color-rainbow-6-background),\n  \"7\": var(--color-rainbow-7-background),\n  \"8\": var(--color-rainbow-8-background),\n  \"9\": var(--color-rainbow-9-background),\n  \"10\": var(--color-rainbow-10-background)\n);\n\n@mixin root-styles() {\n  padding: var(--badge-padding-y) var(--badge-padding-x);\n  display: inline-flex !important; // override the display: none in [hidden] css\n  vertical-align: middle;\n  align-items: center;\n  border-radius: var(--radius-rounded-full);\n  height: fit-content;\n  width: fit-content;\n}\n\n@mixin root-styles-with-gap() {\n  @include root-styles();\n  gap: var(--badge-gap-x);\n}\n\n@mixin badge-color($badge-number) {\n  color: map.get($color-rainbow-content, $badge-number);\n  background-color: map.get($color-rainbow-background, $badge-number);\n  .close {\n    @include focus-ring(var(--color-rainbow-#{$badge-number}-content), 0.2);\n  }\n}\n\n@mixin icon-color($badge-number) {\n  color: map.get($color-rainbow-content, $badge-number);\n}\n\n@mixin type-settings($font-size, $line-height) {\n  font-size: var(--font-size-xs);\n  line-height: var(--line-height-xs) !important;\n}\n\nnv-badge {\n  @include root-styles();\n\n  //gap styles\n  &.with-gap {\n    @include root-styles-with-gap();\n  }\n\n  &:not(.with-gap) {\n    @include root-styles();\n  }\n\n  // color styles\n  @each $i in $badge-colors {\n    &.badge-#{$i} {\n      @include badge-color($i);\n      nv-icon {\n        @include icon-color($i);\n      }\n    }\n  }\n\n  //label styles\n  & span {\n    @include type-settings(xs, xs);\n  }\n\n  // nv-icon styles\n  & nv-icon > svg {\n    @each $size, $config in icon.$icon-config {\n      &.icon-#{$size} {\n        @include icon.icon-size-and-stroke(\n          map.get(map.get(icon.$icon-config, \"xs\"), size),\n          map.get(map.get(icon.$icon-config, \"xs\"), stroke)\n        );\n      }\n    }\n  }\n\n  .close {\n    padding: 0;\n    line-height: 0;\n    border: none;\n    background: none;\n    cursor: pointer;\n    color: inherit;\n    display: inline-flex;\n    align-items: center;\n    aspect-ratio: 1/1;\n    border-radius: var(--radius-rounded-full);\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 clsx from 'clsx';\nimport { useFade, useCollapse, timeline } from '../../animations';\n\n/**\n * @slot leading-icon - Icon before the label.\n */\n@Component({\n  tag: 'nv-badge',\n  styleUrl: 'nv-badge.scss',\n  shadow: false,\n})\nexport class NvBadge {\n  @Element() ref: HTMLNvBadgeElement;\n\n  /****************************************************************************/\n  //#region DEPRECATED\n\n  /**\n   * Whether the badge is dismissible.\n   * @deprecated use dismissible instead.\n   */\n  @Prop()\n  readonly dismissal: boolean = false;\n\n  /**\n   * The icon to display in the badge.\n   * @deprecated use leadIcon or slot=\"leading-icon\" instead.\n   */\n  @Prop()\n  readonly icon: string;\n\n  /**\n   * The location of the icon in the badge.\n   * @deprecated only leadIcon now.\n   */\n  @Prop({ reflect: true })\n  readonly iconLocation: 'left' | 'right';\n\n  //#endregion DEPRECATED\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * The color of the badge. Use a string between 1 to 10\n   */\n  @Prop({ reflect: true })\n  readonly color?: string = '1';\n\n  /**\n   * Main content of the badge.\n   */\n  @Prop({ reflect: true })\n  readonly label?: string | null = null;\n\n  /**\n   * The lead icon of the badge.\n   */\n  @Prop({ reflect: true, mutable: true })\n  leadIcon?: string | null = null;\n\n  /**\n   * Whether the badge is dismissible.\n   */\n  @Prop({ reflect: true, mutable: true })\n  dismissible: boolean = false;\n\n  /**\n   * Controls the visibility of the badge. Will animate with fade and collapse.\n   */\n  @Prop({ reflect: true, mutable: true })\n  hidden: boolean = false; // eslint-disable-line @stencil-community/reserved-member-names\n  @State()\n  private _isHidden: boolean = this.hidden;\n\n  /**\n   * When true, the alert does not automatically close upon dismissing.\n   * Useful for externally controlled component behavior.\n   */\n  @Prop({ reflect: true })\n  readonly preventAutoClose: boolean = false;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emitted when the badge is dismissed.\n   */\n  @Event()\n  closeClicked: EventEmitter<MouseEvent>;\n\n  /**\n   * Emits when the 'hidden' prop changes, reflecting a change in visibility.\n   * Passes hidden value to the detail.\n   */\n  @Event()\n  hiddenChanged: EventEmitter<boolean>;\n\n  /**\n   * Emitted when the animations complete, detail includes the hidden value.\n   */\n  @Event()\n  hiddenChangedComplete: EventEmitter<boolean>;\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region WATCHERS\n\n  /**\n   * Handles the dismissal prop change.\n   * @param {boolean} dismissal - The new dismissal value.\n   */\n  @Watch('dismissal')\n  handleDismissalChange(dismissal: boolean) {\n    this.dismissible = dismissal;\n  }\n\n  /**\n   * Handles the icon prop change.\n   * @param {string} icon - The new icon value.\n   */\n  @Watch('icon')\n  handleIconChange(icon: string) {\n    this.leadIcon = icon;\n  }\n\n  /**\n   * Handles the hidden prop change.\n   * @param {boolean} hidden - The new hidden value.\n   */\n  @Watch('hidden')\n  async handleHiddenChange(hidden: boolean) {\n    this.hiddenChanged.emit(hidden);\n    if (this._isHidden === true) this._isHidden = hidden;\n\n    const { fadeIn, fadeOut } = useFade(this.ref, { duration: 150 });\n    const { collapse, expand } = useCollapse(this.ref, { duration: 150 });\n\n    if (hidden === true) await timeline(fadeOut, collapse).start();\n    if (hidden === false) await timeline(expand, fadeIn).start();\n\n    this.hiddenChangedComplete.emit(hidden);\n\n    if (this._isHidden === false) this._isHidden = hidden;\n  }\n\n  //#endregion WATCHERS\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  /**\n   * Component will load.\n   */\n  componentWillLoad() {\n    if (this.dismissal) {\n      this.dismissible = this.dismissal;\n    }\n\n    if (this.icon != null && this.icon != '') {\n      this.leadIcon = this.icon;\n    }\n\n    if (this.hidden) {\n      const { setCollapsed } = useCollapse(this.ref);\n      const { setFadeOut } = useFade(this.ref);\n\n      setCollapsed();\n      setFadeOut();\n    }\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Handles the close button click.\n   * @param {MouseEvent} originalEvent - The original event.\n   */\n  private readonly handleClose = (originalEvent?: MouseEvent) => {\n    if (!this.preventAutoClose) {\n      this.hidden = true;\n    }\n\n    this.closeClicked.emit(originalEvent);\n  };\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host\n        class={clsx(`badge-${this.color}`, {\n          'has-close': this.dismissible,\n          'with-gap': this.dismissible || this.label,\n          'visually-hidden': this._isHidden,\n        })}\n      >\n        <slot name=\"leading-icon\">\n          {this.leadIcon && (\n            <nv-icon\n              slot=\"leading-icon\"\n              name={this.leadIcon}\n              size=\"sm\"\n            ></nv-icon>\n          )}\n        </slot>\n        {this.label && <span>{this.label}</span>}\n        {this.dismissible && (\n          <button onClick={this.handleClose} class=\"close\" type=\"button\">\n            <nv-icon name=\"x\" size=\"sm\" />\n          </button>\n        )}\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n}\n"],"mappings":"yKAAA,MAAMA,EAAa,y4MACnB,MAAAC,EAAeD,E,MCqBFE,EAAO,MALpB,WAAAC,CAAAC,G,+JAgBWC,KAAAC,UAAqB,MAwBrBD,KAAAE,MAAiB,IAMjBF,KAAAG,MAAwB,KAMjCH,KAAAI,SAA2B,KAM3BJ,KAAAK,YAAuB,MAMvBL,KAAAM,OAAkB,MAEVN,KAAAO,UAAqBP,KAAKM,OAOzBN,KAAAQ,iBAA4B,MAoGpBR,KAAAS,YAAeC,IAC9B,IAAKV,KAAKQ,iBAAkB,CAC1BR,KAAKM,OAAS,I,CAGhBN,KAAKW,aAAaC,KAAKF,EAAc,C,CAvEvC,qBAAAG,CAAsBZ,GACpBD,KAAKK,YAAcJ,C,CAQrB,gBAAAa,CAAiBC,GACff,KAAKI,SAAWW,C,CAQlB,wBAAMC,CAAmBV,GACvBN,KAAKiB,cAAcL,KAAKN,GACxB,GAAIN,KAAKO,YAAc,KAAMP,KAAKO,UAAYD,EAE9C,MAAMY,OAAEA,EAAMC,QAAEA,GAAYC,EAAQpB,KAAKqB,IAAK,CAAEC,SAAU,MAC1D,MAAMC,SAAEA,EAAQC,OAAEA,GAAWC,EAAYzB,KAAKqB,IAAK,CAAEC,SAAU,MAE/D,GAAIhB,IAAW,WAAYoB,EAASP,EAASI,GAAUI,QACvD,GAAIrB,IAAW,YAAaoB,EAASF,EAAQN,GAAQS,QAErD3B,KAAK4B,sBAAsBhB,KAAKN,GAEhC,GAAIN,KAAKO,YAAc,MAAOP,KAAKO,UAAYD,C,CAUjD,iBAAAuB,GACE,GAAI7B,KAAKC,UAAW,CAClBD,KAAKK,YAAcL,KAAKC,S,CAG1B,GAAID,KAAKe,MAAQ,MAAQf,KAAKe,MAAQ,GAAI,CACxCf,KAAKI,SAAWJ,KAAKe,I,CAGvB,GAAIf,KAAKM,OAAQ,CACf,MAAMwB,aAAEA,GAAiBL,EAAYzB,KAAKqB,KAC1C,MAAMU,WAAEA,GAAeX,EAAQpB,KAAKqB,KAEpCS,IACAC,G,EAwBJ,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAOC,EAAK,SAASrC,KAAKE,QAAS,CACjC,YAAaF,KAAKK,YAClB,WAAYL,KAAKK,aAAeL,KAAKG,MACrC,kBAAmBH,KAAKO,aAG1B0B,EAAA,QAAAE,IAAA,2CAAMG,KAAK,gBACRtC,KAAKI,UACJ6B,EAAA,WAAAE,IAAA,2CACEI,KAAK,eACLD,KAAMtC,KAAKI,SACXoC,KAAK,QAIVxC,KAAKG,OAAS8B,EAAA,QAAAE,IAAA,4CAAOnC,KAAKG,OAC1BH,KAAKK,aACJ4B,EAAA,UAAAE,IAAA,2CAAQM,QAASzC,KAAKS,YAAa2B,MAAM,QAAQM,KAAK,UACpDT,EAAA,WAAAE,IAAA,2CAASG,KAAK,IAAIE,KAAK,Q","ignoreList":[]}

package/dist/native/p-47c78fe4.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as s,a}from"./p-6ef216c4.js";const t="";const o=t;const r=class{constructor(s){e(this,s);this.colspan=1;this.rowspan=1}render(){return s(a,{key:"9e3e12375467e02e9e964b3f008aaee842704132"},s("th",{key:"9e4ee5f486d53a6200bd73652d35783da9d56eae",abbr:this.abbr,colSpan:this.colspan,headers:this.headers,rowSpan:this.rowspan,scope:this.scope},s("slot",{key:"b59a867f3fad0e30e475f730aaaf482564969807"})))}};r.style=o;export{r as nv_tablecolumn};
+//# sourceMappingURL=p-47c78fe4.entry.js.map

package/dist/native/p-47c78fe4.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["nvTablecolumnCss","NvTablecolumnStyle0","NvTablecolumn","constructor","hostRef","this","colspan","rowspan","render","h","Host","key","abbr","colSpan","headers","rowSpan","scope"],"sources":["src/components/nv-tablecolumn/nv-tablecolumn.scss?tag=nv-tablecolumn","src/components/nv-tablecolumn/nv-tablecolumn.tsx"],"sourcesContent":["// No need for the moment\n","import { Component, Host, Prop, h } from '@stencil/core';\n\n/**\n * @slot default - Use this slot to insert HTML into the table column.\n */\n@Component({\n  tag: 'nv-tablecolumn',\n  styleUrl: 'nv-tablecolumn.scss',\n  shadow: false,\n})\nexport class NvTablecolumn {\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * A short, abbreviated description of the header cell's content provided as an\n   * alternative label to use for the header cell when referencing the cell in other\n   * contexts. Some user-agents, such as speech readers, may present this description\n   * before the content itself.\n   */\n  @Prop()\n  readonly abbr: string;\n\n  /**\n   * A non-negative integer value indicating how many columns the header cell spans\n   * or extends. The default value is 1. User agents dismiss values higher than 1000\n   * as incorrect, defaulting such values to 1.\n   * @default 1\n   */\n  @Prop()\n  readonly colspan: number = 1;\n\n  /**\n   * A non-negative integer value indicating how many rows the header cell spans or\n   * extends. The default value is 1; if its value is set to 0, the header cell will\n   * extends to the end of the table grouping section (`<thead>`, `<tbody>`, `<tfoot>`,\n   * even if implicitly defined), that the `<th>` belongs to. Values higher than 65534\n   * are clipped at 65534.\n   * @default 1\n   */\n  @Prop()\n  readonly rowspan: number = 1;\n\n  /**\n   * A list of space-separated strings corresponding to the id attributes of the `<th>`\n   * elements that provide the headers for this header cell.\n   * @example 'col1 col2'\n   */\n  @Prop()\n  readonly headers: string;\n\n  /**\n   * Defines the cells that the header (defined in the `<th>`) element relates to.\n   * Possible enumerated values are:\n   *\n   * - `col`: The header relates to all cells of the column it belongs to.\n   * - `row`: The header relates to all cells of the row it belongs to.\n   * - `colgroup`: The header relates to all cells of the column group it belongs to.\n   * - `rowgroup`: The header relates to all cells of the row group it belongs to.\n   *\n   * If the `scope` attribute is not specified, or its value is not `row`, `col`,\n   * `rowgroup`, or `colgroup`, then browsers automatically select the set of cells to\n   * which the header cell applies.\n   */\n  @Prop()\n  readonly scope: 'col' | 'row' | 'colgroup' | 'rowgroup';\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host>\n        <th\n          abbr={this.abbr}\n          colSpan={this.colspan}\n          headers={this.headers}\n          rowSpan={this.rowspan}\n          scope={this.scope}\n        >\n          <slot></slot>\n        </th>\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n  /****************************************************************************/\n}\n"],"mappings":"6CAAA,MAAMA,EAAmB,GACzB,MAAAC,EAAeD,E,MCSFE,EAAa,MAL1B,WAAAC,CAAAC,G,UAyBWC,KAAAC,QAAkB,EAWlBD,KAAAE,QAAkB,C,CA8B3B,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,MAAAE,IAAA,2CACEC,KAAMP,KAAKO,KACXC,QAASR,KAAKC,QACdQ,QAAST,KAAKS,QACdC,QAASV,KAAKE,QACdS,MAAOX,KAAKW,OAEZP,EAAA,QAAAE,IAAA,8C","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["nvFieldtextCss","NvFieldtextStyle0","NvFieldtext","constructor","hostRef","this","inputId","uuidv4","type","disabled","readonly","required","error","success","multiple","handleInput","event","input","target","value","valueChanged","emit","handleInputContainerClick","inputElement","focus","componentWillRender","textInputType","message","description","validation","errorDescription","render","h","Host","key","label","el","querySelector","htmlFor","name","class","onClick","id","ref","e","placeholder","readOnly","maxlength","minlength","pattern","autocomplete","onInput","size","hidden"],"sources":["src/components/nv-fieldtext/nv-fieldtext.scss?tag=nv-fieldtext","src/components/nv-fieldtext/nv-fieldtext.tsx"],"sourcesContent":["@import \"../../styles/form-field\";\n\nnv-fieldtext {\n  @include form-field-variables();\n  @include form-field-root();\n\n  &[readonly]:not([readonly=\"false\"]) {\n    @include form-field-readonly-variables();\n  }\n\n  &[error]:not([error=\"false\"]) {\n    @include form-field-error-variables();\n  }\n\n  &[success]:not([success=\"false\"]) {\n    @include form-field-success-variables();\n  }\n\n  &[required]:not([required=\"false\"]) label {\n    @include form-field-label-required();\n  }\n\n  label {\n    @include form-field-label();\n  }\n\n  .input-wrapper {\n    @include form-field-input-wrapper();\n\n    .input-container {\n      @include form-field-input-container();\n\n      input {\n        @include form-field-input();\n      }\n\n      nv-icon.validation {\n        @include form-field-icon();\n      }\n    }\n  }\n\n  .description {\n    @include form-field-description();\n  }\n\n  .error-description {\n    @include form-field-error-description();\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Event,\n  EventEmitter,\n  Element,\n} from '@stencil/core';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport { TextInputAutocomplete } from '../../utils/constants';\n\n/**\n * @slot leading-input - Content to be placed before the input text, within the input container.\n * @slot before-input - Content to be placed before the input text, outside the input container.\n * @slot after-input - Content to be placed after the input text, outside the input container.\n * @slot label - Content to be placed as the label, will override the label prop.\n * @slot description - Content to be placed as the description, will override the description prop.\n * @slot error-description - Content to be placed as the error description, will override the errorDescription prop.\n */\n@Component({\n  tag: 'nv-fieldtext',\n  shadow: false,\n  formAssociated: true,\n  styleUrl: 'nv-fieldtext.scss',\n})\nexport class NvFieldtext {\n  @Element() el: HTMLNvFieldtextElement;\n  private inputElement!: HTMLInputElement;\n\n  /****************************************************************************/\n  //#region DEPRECATED\n\n  /**\n   * Message defines a 'hint ' message for the Text Field.\n   * @deprecated use description instead.\n   */\n  @Prop()\n  readonly message: string;\n\n  /**\n   * Add the message to the validation state.\n   * @deprecated use errorDescription and set the error prop instead.\n   */\n  @Prop()\n  readonly validation: string;\n\n  /**\n   * Type of the input.\n   * @deprecated use type instead.\n   */\n  @Prop()\n  readonly textInputType: 'text' | 'tel' | 'email';\n\n  componentWillRender() {\n    if (this.textInputType) {\n      this.type = this.textInputType;\n    }\n\n    if (this.message) {\n      this.description = this.message;\n    }\n\n    if (this.validation) {\n      this.errorDescription = this.validation;\n      this.error = true;\n    }\n  }\n\n  //#endregion DEPRECATED\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Sets the ID for the input element and the for attribute of the associated\n   * label. If no ID is provided, a random one will be automatically generated\n   * to ensure unique identification, facilitating proper label association and\n   * accessibility.\n   */\n  @Prop({ reflect: true })\n  readonly inputId: string = uuidv4();\n\n  /**\n   * Lets you define the text that explains what users should enter in the text\n   * input field. It’s a crucial element for making forms clear and\n   * user-friendly.\n   */\n  @Prop({ reflect: true })\n  readonly label: string;\n\n  /**\n   * Add helpful hints or extra information under the text input field. This is\n   * where you can clarify what users should enter or provide additional\n   * instructions, making the form easier to fill out correctly.\n   */\n  @Prop({ reflect: true, mutable: true })\n  description: string;\n\n  /**\n   * Display temporary text inside the input field to give users a hint about\n   * what to type. It’s a great way to provide examples or suggestions directly\n   * in the field before they start typing.\n   */\n  @Prop({ reflect: true })\n  readonly placeholder: string;\n\n  /**\n   * Defines the name attribute of the input field, which is crucial for form\n   * submission. This value is used as the key in the key-value pair sent to\n   * the server, representing the input’s data in form submissions. It should be\n   * unique within the form to avoid conflicts\n   */\n  @Prop({ reflect: true })\n  readonly name: string;\n\n  /**\n   * Specifies the value of the input field, which determines the text displayed\n   * within the field. This prop is typically used in controlled components\n   * where the input’s value is managed by the component’s state.\n   */\n  @Prop({ reflect: true, mutable: true })\n  value: string;\n\n  /**\n   * The type prop lets you specify what kind of information the input field\n   * should accept. Choose 'text' for general words or sentences, 'tel' for\n   * phone numbers, or 'email' for email addresses. This makes sure users get\n   * the right keyboard and validation for what they need to enter.\n   */\n  @Prop({ reflect: true, mutable: true })\n  type: 'text' | 'tel' | 'email' = 'text';\n\n  /**\n   * The disabled prop lets you turn off the input field so that users can’t\n   * type in it. When disabled, the field is grayed out and won’t respond to\n   * clicks or touches.\n   */\n  @Prop({ reflect: true })\n  readonly disabled: boolean = false;\n\n  /**\n   * Display the input field’s content without allowing users to change it.\n   * Users can still click on it, select, and copy the text, but they won’t be\n   * able to type or delete anything.\n   */\n  @Prop({ reflect: true })\n  readonly readonly: boolean = false;\n\n  /**\n   * Marks the input field as required, ensuring that the user must fill it out\n   * before submitting the form.\n   */\n  @Prop({ reflect: true })\n  readonly required: boolean = false;\n\n  /**\n   * Alters the input field’s appearance to indicate an error, helping users\n   * identify fields that need correction.\n   * @validator error\n   */\n  @Prop({ reflect: true, mutable: true })\n  error: boolean = false;\n\n  /**\n   * A description that appears when there is an error related to the textfield\n   * field.\n   * @validator message\n   */\n  @Prop({ reflect: true, mutable: true })\n  errorDescription: string;\n\n  /**\n   * Changes the input field’s appearance to indicate successful input or\n   * validation.\n   */\n  @Prop({ reflect: true })\n  readonly success: boolean = false;\n\n  /**\n   * Limits how many characters users can type into the input field. It’s\n   * helpful for making sure users don’t enter too much information, keeping\n   * their input within the allowed limit.\n   */\n  @Prop({ reflect: true })\n  readonly maxlength: number;\n\n  /**\n   * Ensures that users type at least a certain number of characters into the\n   * input field. It’s a way to make sure users provide enough information\n   * before moving on.\n   */\n  @Prop({ reflect: true })\n  readonly minlength: number;\n\n  /**\n   * Set rules for how the input should be formatted. For example, you can\n   * require that a phone number includes only digits or that an email address\n   * has the correct format. If users don’t follow these rules, they’ll get a\n   * prompt to correct their input.\n   */\n  @Prop({ reflect: true })\n  readonly pattern: string;\n\n  /**\n   * The autocomplete prop helps users fill out the input field faster by\n   * suggesting entries they’ve used before, like their email or address.\n   * You can turn it on to make forms more convenient or off to ensure users\n   * always type in fresh data.\n   */\n  @Prop({ reflect: true })\n  readonly autocomplete: `${TextInputAutocomplete}`;\n\n  /**\n   * When used with the email input type, this prop enables the field to accept\n   * multiple email addresses. Users can enter several addresses, separating\n   * each one with a comma, allowing the form to handle multiple recipients.\n   */\n  @Prop({ reflect: true })\n  readonly multiple: boolean = false;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emitted when the input value changes.\n   * @bind value\n   */\n  @Event()\n  valueChanged: EventEmitter<string>;\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Handles the input event on the input element.\n   * Emits the inputChanged event with the new value.\n   * @param {Event} event - Event object of the input event.\n   */\n  private handleInput = (event: Event) => {\n    const input = event.target as HTMLInputElement;\n    this.value = input.value;\n    this.valueChanged.emit(input.value);\n  };\n\n  /**\n   * Handles focus when the input container is clicked.\n   */\n  private handleInputContainerClick = () => {\n    this.inputElement.focus();\n  };\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host>\n        {(this.label || this.el.querySelector('[slot=\"label\"]')) && (\n          <label htmlFor={this.inputId}>\n            <slot name=\"label\">{this.label}</slot>\n          </label>\n        )}\n\n        <div class=\"input-wrapper\">\n          <slot name=\"before-input\"></slot>\n\n          <div class=\"input-container\" onClick={this.handleInputContainerClick}>\n            <slot name=\"leading-input\"></slot>\n\n            <input\n              id={this.inputId}\n              ref={e => (this.inputElement = e)}\n              placeholder={this.placeholder}\n              name={this.name}\n              type={this.type}\n              disabled={this.disabled}\n              readOnly={this.readonly}\n              required={this.required}\n              maxlength={this.maxlength}\n              minlength={this.minlength}\n              pattern={this.pattern}\n              autocomplete={this.autocomplete}\n              multiple={this.multiple}\n              value={this.value}\n              onInput={this.handleInput}\n            />\n\n            {this.error && (\n              <nv-icon name=\"alert-circle\" class=\"validation\" size=\"sm\" />\n            )}\n            {this.success && (\n              <nv-icon name=\"circle-check\" class=\"validation\" size=\"sm\" />\n            )}\n          </div>\n\n          <slot name=\"after-input\"></slot>\n        </div>\n\n        {(this.description ||\n          this.el.querySelector('[slot=\"description\"]')) && (\n          <div class=\"description\">\n            <slot name=\"description\">{this.description}</slot>\n          </div>\n        )}\n\n        {(this.errorDescription ||\n          this.el.querySelector('[slot=\"error-description\"]')) && (\n          <div hidden={!this.error} class=\"error-description\">\n            <slot name=\"error-description\">{this.errorDescription}</slot>\n          </div>\n        )}\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n}\n"],"mappings":"oGAAA,MAAMA,EAAiB,itJACvB,MAAAC,EAAeD,E,MC0BFE,EAAW,MANxB,WAAAC,CAAAC,G,qDA4DWC,KAAAC,QAAkBC,IAkD3BF,KAAAG,KAAiC,OAQxBH,KAAAI,SAAoB,MAQpBJ,KAAAK,SAAoB,MAOpBL,KAAAM,SAAoB,MAQ7BN,KAAAO,MAAiB,MAeRP,KAAAQ,QAAmB,MA0CnBR,KAAAS,SAAoB,MAsBrBT,KAAAU,YAAeC,IACrB,MAAMC,EAAQD,EAAME,OACpBb,KAAKc,MAAQF,EAAME,MACnBd,KAAKe,aAAaC,KAAKJ,EAAME,MAAM,EAM7Bd,KAAAiB,0BAA4B,KAClCjB,KAAKkB,aAAaC,OAAO,C,CApM3B,mBAAAC,GACE,GAAIpB,KAAKqB,cAAe,CACtBrB,KAAKG,KAAOH,KAAKqB,a,CAGnB,GAAIrB,KAAKsB,QAAS,CAChBtB,KAAKuB,YAAcvB,KAAKsB,O,CAG1B,GAAItB,KAAKwB,WAAY,CACnBxB,KAAKyB,iBAAmBzB,KAAKwB,WAC7BxB,KAAKO,MAAQ,I,EAgMjB,MAAAmB,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,6CACD7B,KAAK8B,OAAS9B,KAAK+B,GAAGC,cAAc,oBACpCL,EAAA,SAAAE,IAAA,2CAAOI,QAASjC,KAAKC,SACnB0B,EAAA,QAAAE,IAAA,2CAAMK,KAAK,SAASlC,KAAK8B,QAI7BH,EAAA,OAAAE,IAAA,2CAAKM,MAAM,iBACTR,EAAA,QAAAE,IAAA,2CAAMK,KAAK,iBAEXP,EAAA,OAAAE,IAAA,2CAAKM,MAAM,kBAAkBC,QAASpC,KAAKiB,2BACzCU,EAAA,QAAAE,IAAA,2CAAMK,KAAK,kBAEXP,EAAA,SAAAE,IAAA,2CACEQ,GAAIrC,KAAKC,QACTqC,IAAKC,GAAMvC,KAAKkB,aAAeqB,EAC/BC,YAAaxC,KAAKwC,YAClBN,KAAMlC,KAAKkC,KACX/B,KAAMH,KAAKG,KACXC,SAAUJ,KAAKI,SACfqC,SAAUzC,KAAKK,SACfC,SAAUN,KAAKM,SACfoC,UAAW1C,KAAK0C,UAChBC,UAAW3C,KAAK2C,UAChBC,QAAS5C,KAAK4C,QACdC,aAAc7C,KAAK6C,aACnBpC,SAAUT,KAAKS,SACfK,MAAOd,KAAKc,MACZgC,QAAS9C,KAAKU,cAGfV,KAAKO,OACJoB,EAAA,WAAAE,IAAA,2CAASK,KAAK,eAAeC,MAAM,aAAaY,KAAK,OAEtD/C,KAAKQ,SACJmB,EAAA,WAAAE,IAAA,2CAASK,KAAK,eAAeC,MAAM,aAAaY,KAAK,QAIzDpB,EAAA,QAAAE,IAAA,2CAAMK,KAAK,kBAGXlC,KAAKuB,aACLvB,KAAK+B,GAAGC,cAAc,0BACtBL,EAAA,OAAAE,IAAA,2CAAKM,MAAM,eACTR,EAAA,QAAAE,IAAA,2CAAMK,KAAK,eAAelC,KAAKuB,eAIjCvB,KAAKyB,kBACLzB,KAAK+B,GAAGC,cAAc,gCACtBL,EAAA,OAAAE,IAAA,2CAAKmB,QAAShD,KAAKO,MAAO4B,MAAM,qBAC9BR,EAAA,QAAAE,IAAA,2CAAMK,KAAK,qBAAqBlC,KAAKyB,mB","ignoreList":[]}