@nova-design-system/nova-webcomponents 3.0.0-beta.35 → 3.0.0-beta.37

package/dist/native/native.esm.js

@@ -1,2 +1,2 @@
-import{p as e,H as a,b as n}from"./p-9b093b92.js";export{s as setNonce}from"./p-9b093b92.js";import{g as l}from"./p-38d3eee3.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-826f1d28",[[4,"nv-fieldmultiselect",{inputId:[513,"input-id"],name:[513],label:[513],description:[513],placeholder:[513],maxHeight:[513,"max-height"],badgeLabel:[513,"badge-label"],emptyresult:[513],required:[516],error:[516],errorDescription:[513,"error-description"],readonly:[516],disabled:[516],autocomplete:[513],filterable:[1540],value:[1537],open:[1540],mode:[513],options:[513],debounceDelay:[514,"debounce-delay"],parsedOptions:[32],selectedValues:[32],sortedOptions:[32],filterText:[32],isFilterable:[32],modeState:[32],isHandlingEscape:[32],getFilterText:[64],resetFilter:[64],getSelectedValues:[64]},[[0,"openChanged","handleOpenChanged"],[0,"itemChecked","handleItemChecked"],[0,"slotchange","handleSlotChange"],[0,"keydown","handleKeyDown"]],{options:["handleOptionsChange"],value:["watchValueHandler"],filterable:["watchFilterableHandler"],mode:["handleModeChange"]}]]],["p-8f0984b0",[[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-44cc8b59",[[4,"nv-breadcrumb",{type:[513],tooltip:[513],current:[516]}]]],["p-3283505f",[[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-40f4828a",[[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-2063c768",[[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-4f30312d",[[68,"nv-button",{size:[513],emphasis:[513],danger:[516],loading:[1540],disabled:[1540],fluid:[516],type:[513]},null,{loading:["handleLoadingChange"],disabled:["handleDisabledChange"]}]]],["p-7dfb4a60",[[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-6bb2c88f",[[68,"nv-fieldselect",{message:[1],validation:[1],inputId:[513,"input-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-f79752ca",[[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-6ea62d17",[[4,"nv-menu",{open:[1540],nested:[4],disableCloseOnSelect:[4,"disable-close-on-select"],placement:[1],show:[64],close:[64]},[[0,"menuitemSelected","handleMenuItemSelect"],[0,"keydown","handleKeydown"],[0,"openChanged","handleOpenChanged"]]]]],["p-552e7ea4",[[4,"nv-menuitem",{icon:[513],disabled:[516],shortcut:[513],hasSubmenu:[516,"has-submenu"],name:[513]},[[2,"click","handleClick"],[0,"keydown","handleKeyDown"]]]]],["p-2ac838b8",[[4,"nv-base"]]],["p-eade52d4",[[4,"nv-breadcrumbs"]]],["p-9341cf9d",[[4,"nv-col",{size:[514]}]]],["p-f7db0785",[[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-0f9262ed",[[4,"nv-datagridbody"]]],["p-eda8cd9d",[[4,"nv-datagridcolumn",{header:[1],accessor:[1]}]]],["p-5e467b49",[[4,"nv-datagriddatacell",{accessor:[1]}]]],["p-52a7f936",[[4,"nv-datagridhead"]]],["p-87b93cc2",[[4,"nv-datagridrow"]]],["p-3adf0c45",[[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-ed825c80",[[68,"nv-fieldtextarea",{message:[1],validation:[1],inputId:[513,"input-id"],label:[513],description:[1537],placeholder:[513],name:[513],value:[1537],disabled:[516],readonly:[516],required:[516],error:[1540],errorDescription:[1537,"error-description"],success:[516],maxlength:[514],minlength:[514],rows:[514],resize:[513],autosize:[516]},null,{rows:["rowsChanged"],autosize:["autosizeChanged"],value:["handleValueChange"]}]]],["p-0a9a738c",[[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-e8d181e6",[[4,"nv-row"]]],["p-575ea40b",[[4,"nv-stack",{gutter:[514],fill:[516],flex:[516],full:[516],vertical:[516]}]]],["p-cd251f91",[[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-4ffd5c51",[[4,"nv-tablebody"]]],["p-5f160072",[[4,"nv-tablecolumn",{abbr:[1],colspan:[2],rowspan:[2],headers:[1],scope:[1]}]]],["p-fc8cad13",[[4,"nv-tabledatacell",{colspan:[2],rowspan:[2],headers:[1]}]]],["p-225962f2",[[4,"nv-tablehead"]]],["p-8ae9aaf1",[[4,"nv-tablerow"]]],["p-e5fbe545",[[4,"nv-fielddropdownitem",{disabled:[516],selected:[1540],value:[513],label:[513]}]]],["p-4e056cd8",[[4,"nv-popover",{triggerElement:[1040],open:[1540],triggerMode:[1,"trigger-mode"],placement:[1],groupName:[1,"group-name"],offset:[2],hasArrow:[4,"has-arrow"],disableFlip:[4,"disable-flip"],shiftPadding:[2,"shift-padding"],enterDelay:[2,"enter-delay"],nested:[516],show:[64],hide:[64],toggle:[64]},[[4,"openChanged","handleOpenChanged"],[4,"click","handleDocumentClick"],[5,"touchstart","handleDocumentTouch"]],{open:["handleOpenChange"]}]]],["p-788712dd",[[4,"nv-tooltip",{triggerElement:[1040],message:[1],placement:[1],enterDelay:[2,"enter-delay"]}]]],["p-5d0dc7c8",[[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-1e2bd4e3",[[0,"nv-icon",{xsmall:[4],small:[4],medium:[4],large:[4],xlarge:[4],color:[1],name:[513],size:[1537],spriteUrl:[32]}]]],["p-18b227b5",[[4,"nv-badge",{dismissal:[4],icon:[1],iconLocation:[513,"icon-location"],color:[513],label:[513],leadIcon:[1537,"lead-icon"],dismissible:[1540],hidden:[1540],preventAutoClose:[516,"prevent-auto-close"],_isHidden:[32]},null,{dismissal:["handleDismissalChange"],icon:["handleIconChange"],hidden:["handleHiddenChange"]}],[0,"nv-fielddropdownitemcheck",{checked:[1540],value:[513],label:[513],description:[513],group:[513],disabled:[516]}]]],["p-967f1aee",[[68,"nv-iconbutton",{size:[513],emphasis:[513],loading:[1540],disabled:[1540],active:[516],name:[513],type:[513],shape:[513]},null,{loading:["handleLoadingChange"],disabled:["handleDisabledChange"]}],[0,"nv-loader",{size:[513],color:[513]}]]]],e)}));
+import{p as e,H as a,b as n}from"./p-5439afb8.js";export{s as setNonce}from"./p-5439afb8.js";import{g as l}from"./p-f3fbdea6.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(JSON.parse('[["p-208accf0",[[68,"nv-fieldmultiselect",{"inputId":[513,"input-id"],"name":[513],"label":[513],"description":[513],"placeholder":[513],"maxHeight":[513,"max-height"],"badgeLabel":[513,"badge-label"],"emptyresult":[513],"required":[516],"error":[516],"errorDescription":[513,"error-description"],"readonly":[516],"disabled":[516],"autocomplete":[513],"filterable":[1540],"value":[1537],"open":[1540],"mode":[513],"options":[513],"debounceDelay":[514,"debounce-delay"],"parsedOptions":[32],"selectedValues":[32],"sortedOptions":[32],"filterText":[32],"isFilterable":[32],"modeState":[32],"isHandlingEscape":[32],"getFilterText":[64],"resetFilter":[64],"getSelectedValues":[64]},[[0,"openChanged","handleOpenChanged"],[0,"itemChecked","handleItemChecked"],[0,"slotchange","handleSlotChange"],[0,"keydown","handleKeyDown"]],{"options":["handleOptionsChange"],"value":["watchValueHandler"],"filterable":["watchFilterableHandler"],"mode":["handleModeChange"]}]]],["p-724ed8d7",[[4,"nv-dialog",{"triggerElement":[1040],"headerElement":[1040],"footerElement":[1040],"open":[1540],"undismissable":[516],"clickOutside":[516,"click-outside"],"manualFocus":[516,"manual-focus"],"controlled":[516],"full":[516],"show":[64],"hide":[64]},[[4,"keydown","handleKeyDown"],[4,"click","handleDocumentClick"],[5,"touchstart","handleDocumentTouch"]],{"open":["handleDialogOpenChange"]}]]],["p-bfeda21c",[[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],"options":[513],"filterText":[32],"isFilterable":[32],"selectedValues":[32],"parsedOptions":[32],"getFilterText":[64]},[[0,"itemSelected","handleItemSelected"],[0,"openChanged","handleOpenChanged"],[0,"keydown","handleKeyDown"]],{"filterable":["watchFilterableHandler"],"value":["watchValueHandler"],"options":["handleOptionsChange"]}]]],["p-3a8a9371",[[68,"nv-fieldtime",{"value":[1537],"label":[513],"inputId":[513,"input-id"],"readonly":[516],"disabled":[516],"required":[516],"name":[513],"success":[516],"error":[516],"errorDescription":[513,"error-description"],"format":[513],"description":[513],"open":[1540],"step":[514],"max":[513],"min":[513],"hours":[32],"minutes":[32],"seconds":[32]},[[0,"openChanged","handleOpenChanged"],[0,"keydown","handleKeyDown"]],{"value":["handleValueChange"]}]]],["p-9fb5db20",[[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-0bf35abc",[[4,"nv-breadcrumb",{"type":[513],"tooltip":[513],"current":[516]}]]],["p-4f11286d",[[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-d24586ed",[[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-c51ee6dc",[[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-3c004551",[[68,"nv-fieldselect",{"message":[1],"validation":[1],"options":[1],"inputId":[513,"input-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],"parsedOptions":[32]},null,{"value":["updateDisplayValueWatcher"],"displayValue":["handleDisplayValueChange"],"readonly":["handleReadonlyChange"],"options":["handleOptionsChange"]}]]],["p-fd2955dd",[[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-beab7cbd",[[4,"nv-base"]]],["p-5f1a7e6e",[[4,"nv-breadcrumbs"]]],["p-8ee30013",[[4,"nv-col",{"size":[514]}]]],["p-4d0caf4a",[[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-e5a7596b",[[4,"nv-datagridbody"]]],["p-f30ce086",[[4,"nv-datagridcolumn",{"header":[1],"accessor":[1]}]]],["p-dc9dd5a7",[[4,"nv-datagriddatacell",{"accessor":[1]}]]],["p-2aebf31b",[[4,"nv-datagridhead"]]],["p-e6f45df2",[[4,"nv-datagridrow"]]],["p-99e7a452",[[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-51ad8bcd",[[68,"nv-fieldtextarea",{"message":[1],"validation":[1],"inputId":[513,"input-id"],"label":[513],"description":[1537],"placeholder":[513],"name":[513],"value":[1537],"disabled":[516],"readonly":[516],"required":[516],"error":[1540],"errorDescription":[1537,"error-description"],"success":[516],"maxlength":[514],"minlength":[514],"rows":[514],"resize":[513],"autosize":[516]},null,{"rows":["rowsChanged"],"autosize":["autosizeChanged"],"value":["handleValueChange"]}]]],["p-02bb8184",[[4,"nv-row"]]],["p-61d2cb2e",[[4,"nv-stack",{"gutter":[514],"fill":[516],"flex":[516],"full":[516],"vertical":[516]}]]],["p-6d68f133",[[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-10ba289c",[[4,"nv-tablebody"]]],["p-aa2834e2",[[4,"nv-tablecolumn",{"abbr":[1],"colspan":[2],"rowspan":[2],"headers":[1],"scope":[1]}]]],["p-892052c2",[[4,"nv-tabledatacell",{"colspan":[2],"rowspan":[2],"headers":[1]}]]],["p-ab5a8ce5",[[4,"nv-tablehead"]]],["p-ed47a702",[[4,"nv-tablerow"]]],["p-d67b7502",[[68,"nv-toggle",{"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-d4e56727",[[0,"nv-icon",{"xsmall":[4],"small":[4],"medium":[4],"large":[4],"xlarge":[4],"color":[1],"name":[513],"size":[1537],"spriteUrl":[32]}]]],["p-a998f8df",[[4,"nv-menuitem",{"icon":[513],"disabled":[516],"shortcut":[513],"hasSubmenu":[516,"has-submenu"],"name":[513]},[[2,"click","handleClick"],[0,"keydown","handleKeyDown"]]]]],["p-46553ffd",[[4,"nv-menu",{"open":[1540],"nested":[4],"disableCloseOnSelect":[4,"disable-close-on-select"],"placement":[1],"items":[1],"parsedItems":[32],"show":[64],"close":[64]},[[0,"menuitemSelected","handleMenuItemSelect"],[0,"keydown","handleKeydown"],[0,"openChanged","handleOpenChanged"]],{"items":["handleItemsChange"]}]]],["p-75b1ea9f",[[4,"nv-fielddropdownitem",{"disabled":[516],"selected":[1540],"value":[513],"label":[513]}]]],["p-96902bb3",[[4,"nv-tooltip",{"triggerElement":[1040],"message":[1],"placement":[1],"enterDelay":[2,"enter-delay"]}]]],["p-211f7b19",[[0,"nv-loader",{"size":[513],"color":[513]}]]],["p-8c1a6aa6",[[68,"nv-button",{"size":[513],"emphasis":[513],"active":[516],"danger":[516],"loading":[1540],"disabled":[1540],"fluid":[516],"type":[513]},[[0,"keydown","handleKeyDown"],[0,"touchstart","handleTouchStart"]],{"loading":["handleLoadingChange"],"disabled":["handleDisabledChange"]}]]],["p-d776ed48",[[68,"nv-dialogfooter",{"disabled":[516],"undismissable":[516],"leadingIcon":[513,"leading-icon"],"trailingIcon":[513,"trailing-icon"],"danger":[516],"cancelLabel":[513,"cancel-label"],"submitLabel":[513,"submit-label"]}],[4,"nv-dialogheader",{"heading":[513],"subheading":[513]}]]],["p-e3827605",[[68,"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":[1540],"errorDescription":[1537,"error-description"],"checked":[1540],"indeterminate":[1540],"disabled":[516],"readonly":[516],"required":[516]},[[0,"change","handleChange"]],{"checked":["onCheckedChanged"]}]]],["p-9ac790b3",[[4,"nv-badge",{"dismissal":[4],"icon":[1],"iconLocation":[513,"icon-location"],"color":[513],"label":[513],"leadIcon":[1537,"lead-icon"],"dismissible":[1540],"hidden":[1540],"preventAutoClose":[516,"prevent-auto-close"],"_isHidden":[32]},null,{"dismissal":["handleDismissalChange"],"icon":["handleIconChange"],"hidden":["handleHiddenChange"]}],[0,"nv-fielddropdownitemcheck",{"checked":[1540],"value":[513],"label":[513],"description":[513],"group":[513],"disabled":[516]}]]],["p-e192c25c",[[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-87083363",[[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","name","label","description","placeholder","maxHeight","badgeLabel","emptyresult","required","error","errorDescription","readonly","disabled","autocomplete","filterable","value","open","mode","debounceDelay","parsedOptions","selectedValues","sortedOptions","filterText","isFilterable","modeState","isHandlingEscape","getFilterText","resetFilter","getSelectedValues","type","tooltip","current","success","maxlength","minlength","pattern","hidePasswordIcon","showPassword","showPasswordState","color","feedback","message","heading","icon","dismissible","preventAutoClose","hidden","xsmall","small","medium","large","xlarge","text","alt","src","initials","size","emphasis","danger","loading","fluid","validation","max","min","step","multiple","displayValue","computedDisplayValue","internalReadonly","textInputType","nested","disableCloseOnSelect","placement","show","close","shortcut","hasSubmenu","columns","columnsJson","data","dataJson","noDataMessage","noColumnsNoDataMessage","table","parsedColumns","parsedData","hasSlotHead","hasSlotBody","header","accessor","labelBefore","labelPlacement","checked","rows","resize","autosize","hideLabel","gutter","fill","flex","full","vertical","abbr","colspan","rowspan","headers","scope","selected","triggerElement","triggerMode","groupName","offset","hasArrow","disableFlip","shiftPadding","enterDelay","hide","toggle","indeterminate","spriteUrl","dismissal","iconLocation","leadIcon","_isHidden","group","active","shape"],"sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.23.1 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["patchBrowser","patchCloneNodeFix","H","prototype","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","HTMLElementPrototype","nativeCloneNodeFn","cloneNode","deep","this","nodeName","call","clonedNode","srcChildNodes","childNodes","i","length","nodeType","appendChild","then","async","options","globalScripts","bootstrapLazy","JSON","parse"],"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":"iIAOA,IAAIA,EAAe,KAIO,CACtBC,EAAkBC,EAAEC,UACxB,CAIE,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACrBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACjD,CACE,OAAOC,EAAeJ,EAAK,EAE7B,IAAIL,EAAqBU,IACvB,MAAMC,EAAoBD,EAAqBE,UAC/CF,EAAqBE,UAAY,SAASC,GACxC,GAAIC,KAAKC,WAAa,WAAY,CAChC,OAAOJ,EAAkBK,KAAKF,KAAMD,EAC1C,CACI,MAAMI,EAAaN,EAAkBK,KAAKF,KAAM,OAChD,MAAMI,EAAgBJ,KAAKK,WAC3B,GAAIN,EAAM,CACR,IAAK,IAAIO,EAAI,EAAGA,EAAIF,EAAcG,OAAQD,IAAK,CAC7C,GAAIF,EAAcE,GAAGE,WAAa,EAAG,CACnCL,EAAWM,YAAYL,EAAcE,GAAGR,UAAU,MAC5D,CACA,CACA,CACI,OAAOK,CACX,CAAG,ECpCHlB,IAAeyB,MAAKC,MAAOC,UACnBC,IACN,OAAOC,EAAcC,KAAAC,MAAA,s1VAAuCJ,EAAA","ignoreList":[]}

package/dist/native/p-02bb8184.entry.js

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

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

@@ -0,0 +1,2 @@
+import{r as e,f as t,h as r,a as n,g as o}from"./p-5439afb8.js";import{c as a}from"./p-8a1a6e56.js";const i="nv-breadcrumb{display:flex;align-items:center;color:var(--components-breadcrumb-text);font-size:var(--font-size-sm);font-style:normal;font-weight:500;line-height:var(--line-height-sm)}nv-breadcrumb ul{display:flex;flex-direction:column;gap:var(--spacing-1-5);padding:var(--spacing-1)}nv-breadcrumb ul a,nv-breadcrumb ul button{display:inline-flex;align-self:center;color:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;text-decoration:none}nv-breadcrumb ul a:focus,nv-breadcrumb ul a:focus-within,nv-breadcrumb ul button:focus,nv-breadcrumb ul button:focus-within{outline:none}nv-breadcrumb ul a:focus-visible,nv-breadcrumb ul a:has(:focus-visible),nv-breadcrumb ul button:focus-visible,nv-breadcrumb ul button:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 0.5) solid var(--components-breadcrumb-text-hover);outline-offset:calc(var(--focus-outline-offset) * 0.3)}nv-breadcrumb ul a:hover,nv-breadcrumb ul button:hover{text-decoration:underline;color:var(--components-breadcrumb-text-hover)}nv-breadcrumb>a,nv-breadcrumb>button{display:inline-flex;align-self:center;color:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;text-decoration:none}nv-breadcrumb>a:focus,nv-breadcrumb>a:focus-within,nv-breadcrumb>button:focus,nv-breadcrumb>button:focus-within{outline:none}nv-breadcrumb>a:focus-visible,nv-breadcrumb>a:has(:focus-visible),nv-breadcrumb>button:focus-visible,nv-breadcrumb>button:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 0.5) solid var(--components-breadcrumb-text-hover);outline-offset:calc(var(--focus-outline-offset) * 0.3)}nv-breadcrumb>a:hover,nv-breadcrumb>button:hover{text-decoration:underline;color:var(--components-breadcrumb-text-hover)}nv-breadcrumb span[data-scope=separator]{display:inline-flex;padding-left:var(--breadcrumb-padding-y)}";const c=i;const s=class{constructor(t){e(this,t);this.type="default"}componentDidLoad(){if(this.type==="collapsed")t(this)}componentWillLoad(){if(this.type==="default"&&this.tooltip){this.popoverTrigger=Array.from(this.el.children).find((e=>e.getAttribute("slot")===null))}}render(){return r(n,{key:"c985863a0ffdcd051abd712c357110cfa056c382",role:"listitem","aria-current":this.current?"location":undefined,class:a({"visually-hidden":this.current})},this.type==="collapsed"?r("button",{ref:e=>this.popoverTrigger=e},"..."):r("slot",null),this.tooltip&&r("nv-tooltip",{key:"4f7ad5175285ea442cd42581e292d2d430eb8770",message:this.tooltip,triggerElement:this.popoverTrigger,placement:"top"}),this.type==="collapsed"&&r("nv-popover",{key:"29aba9e64f0d1785852dc4b830959dcbbd7dfc8b",triggerMode:"click",groupName:"breadcrumbs",triggerElement:this.popoverTrigger},r("ul",{key:"0fde9dac023e6a77cb1524cbfcdf58d11e5a21f3",slot:"content"},r("slot",{key:"c263990647dc304a37971168669ced00bf46c588"}))),r("span",{key:"f9f96fb13c67e4d3844007342c931ccd690ca7f5","data-scope":"separator"},"/"))}get el(){return o(this)}};s.style=c;export{s as nv_breadcrumb};
+//# sourceMappingURL=p-0bf35abc.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["nvBreadcrumbCss","NvBreadcrumbStyle0","NvBreadcrumb","constructor","hostRef","this","type","componentDidLoad","forceUpdate","componentWillLoad","tooltip","popoverTrigger","Array","from","el","children","find","child","getAttribute","render","h","Host","key","role","current","undefined","class","clsx","ref","message","triggerElement","placement","triggerMode","groupName","slot"],"sources":["src/components/nv-breadcrumb/nv-breadcrumb.scss?tag=nv-breadcrumb","src/components/nv-breadcrumb/nv-breadcrumb.tsx"],"sourcesContent":["@use \"../../styles/focus-ring\" as utils;\n\n@mixin root-styles() {\n  display: flex;\n  align-items: center;\n  color: var(--components-breadcrumb-text);\n  font-size: var(--font-size-sm);\n  font-style: normal;\n  font-weight: 500;\n  line-height: var(--line-height-sm);\n}\n\n@mixin link-styles() {\n  display: inline-flex;\n  align-self: center;\n  color: inherit;\n  font-size: inherit;\n  font-style: inherit;\n  font-weight: inherit;\n  line-height: inherit;\n  text-decoration: none;\n  @include utils.focus-ring(var(--components-breadcrumb-text-hover), 0.3, 0.5);\n  &:hover {\n    text-decoration: underline;\n    color: var(--components-breadcrumb-text-hover);\n  }\n}\n\n@mixin button-styles() {\n  height: 20px;\n  @include utils.focus-ring(var(--components-breadcrumb-text-hover), 0.3, 0.5);\n  &:hover {\n    text-decoration: underline;\n    color: var(--components-breadcrumb-text-hover);\n  }\n}\n\n@mixin separator-styles() {\n  display: inline-flex;\n  padding-left: var(--breadcrumb-padding-y);\n}\n\n@mixin list-styles() {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-1-5);\n  padding: var(--spacing-1);\n\n  a,\n  button {\n    @include link-styles();\n  }\n}\n\nnv-breadcrumb {\n  @include root-styles();\n\n  ul {\n    @include list-styles();\n  }\n  & > a,\n  & > button {\n    @include link-styles();\n  }\n  span[data-scope=\"separator\"] {\n    @include separator-styles();\n  }\n}\n","import { Component, Prop, Host, h, Element, forceUpdate } from '@stencil/core';\nimport clsx from 'clsx';\n\n/**\n * @slot default - Pass an icon, a link, or text to render the breadcrumb content.\n */\n@Component({\n  tag: 'nv-breadcrumb',\n  styleUrl: 'nv-breadcrumb.scss',\n  shadow: false,\n})\nexport class NvBreadcrumb {\n  @Element() el: HTMLNvBreadcrumbElement;\n  private popoverTrigger!: Element;\n\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * The type of the breadcrumb. Use 'collapsed' to house multiple breadcrumbs\n   * in a dropdown. Use default for a single item. When passing multiple items\n   * as collapsed, make sure to wrap you links in list tags\n   */\n  @Prop({ reflect: true })\n  readonly type: 'collapsed' | 'default' = 'default';\n\n  /**\n   * Add an optional tooltip to provide extra information about the breadcrumb.\n   */\n  @Prop({ reflect: true })\n  readonly tooltip: string;\n\n  /**\n   * Use this to highlight the breadcrumb as the current page in your\n   * navigation. It also makes the page clearer to screen readers with\n   * aria-current=\"location\".\n   */\n  @Prop({ reflect: true })\n  readonly current: boolean;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  componentDidLoad() {\n    // Force a re-render to pass the popoverTrigger ref to the popovers\n    if (this.type === 'collapsed') forceUpdate(this);\n  }\n\n  componentWillLoad() {\n    if (this.type === 'default' && this.tooltip) {\n      this.popoverTrigger = Array.from(this.el.children).find(\n        child => child.getAttribute('slot') === null,\n      );\n    }\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host\n        role=\"listitem\"\n        aria-current={this.current ? 'location' : undefined}\n        class={clsx({ 'visually-hidden': this.current })}\n      >\n        {this.type === 'collapsed' ? (\n          <button ref={el => (this.popoverTrigger = el)}>...</button>\n        ) : (\n          <slot></slot>\n        )}\n        {this.tooltip && (\n          <nv-tooltip\n            message={this.tooltip}\n            triggerElement={this.popoverTrigger}\n            placement=\"top\"\n          ></nv-tooltip>\n        )}\n        {this.type === 'collapsed' && (\n          <nv-popover\n            triggerMode=\"click\"\n            groupName=\"breadcrumbs\"\n            triggerElement={this.popoverTrigger}\n          >\n            <ul slot=\"content\">\n              <slot></slot>\n            </ul>\n          </nv-popover>\n        )}\n        <span data-scope=\"separator\">/</span>\n      </Host>\n    );\n  }\n\n  // #endregion RENDER\n}\n"],"mappings":"oGAAA,MAAMA,EAAkB,i1DACxB,MAAAC,EAAeD,E,MCUFE,EAAY,MALzB,WAAAC,CAAAC,G,UAkBWC,KAAAC,KAAgC,S,CAoBzC,gBAAAC,GAEE,GAAIF,KAAKC,OAAS,YAAaE,EAAYH,K,CAG7C,iBAAAI,GACE,GAAIJ,KAAKC,OAAS,WAAaD,KAAKK,QAAS,CAC3CL,KAAKM,eAAiBC,MAAMC,KAAKR,KAAKS,GAAGC,UAAUC,MACjDC,GAASA,EAAMC,aAAa,UAAY,M,EAS9C,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,KAAK,WAAU,eACDlB,KAAKmB,QAAU,WAAaC,UAC1CC,MAAOC,EAAK,CAAE,kBAAmBtB,KAAKmB,WAErCnB,KAAKC,OAAS,YACbc,EAAA,UAAQQ,IAAKd,GAAOT,KAAKM,eAAiBG,GAAG,OAE7CM,EAAA,aAEDf,KAAKK,SACJU,EAAA,cAAAE,IAAA,2CACEO,QAASxB,KAAKK,QACdoB,eAAgBzB,KAAKM,eACrBoB,UAAU,QAGb1B,KAAKC,OAAS,aACbc,EAAA,cAAAE,IAAA,2CACEU,YAAY,QACZC,UAAU,cACVH,eAAgBzB,KAAKM,gBAErBS,EAAA,MAAAE,IAAA,2CAAIY,KAAK,WACPd,EAAA,QAAAE,IAAA,+CAINF,EAAA,QAAAE,IAAA,wDAAiB,aAAW,K","ignoreList":[]}

package/dist/native/p-10ba289c.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as a,a as c}from"./p-5439afb8.js";const f="";const s=f;const t=class{constructor(a){e(this,a)}render(){return a(c,{key:"3d720789ff593cefb4654979e2ba8da4f4b1cabe"},a("tbody",{key:"665a9d81666f8df896054f63c6a48f8b7c6890e4"},a("slot",{key:"5ee7f08d51cfc69998290a5c78f859716d7656d7"})))}};t.style=s;export{t as nv_tablebody};
+//# sourceMappingURL=p-10ba289c.entry.js.map

package/dist/native/{p-826f1d28.entry.js → p-208accf0.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as i,a as s,g as o}from"./p-9b093b92.js";import{v as n}from"./p-f5ff676c.js";const r='nv-fieldmultiselect{--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-fieldmultiselect[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-fieldmultiselect[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-fieldmultiselect[required]:not([required=false])>label::after{content:"*";color:var(--components-form-text-required);font-weight:700}nv-fieldmultiselect 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-fieldmultiselect nv-popover{width:100%;display:block}nv-fieldmultiselect .input-wrapper-multiselect{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;width:100%}nv-fieldmultiselect .input-container-multiselect{display:flex;flex-grow:1;padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);justify-content:center;align-items:center;gap:var(--form-field-gap);align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default);background:var(--nv-field-background);transition:all 150ms ease-out;display:flex;align-items:center;position:relative;width:100%;min-height:40px}nv-fieldmultiselect .input-container-multiselect:hover{border-color:var(--nv-field-border-hover)}nv-fieldmultiselect .input-container-multiselect: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-fieldmultiselect .input-container-multiselect:has(input:read-only){opacity:0.5;background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldmultiselect .input-container-multiselect:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldmultiselect .input-container-multiselect input,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);text-overflow:ellipsis;font-size:var(--form-field-font-size);font-style:normal;font-weight:500;line-height:var(--form-field-line-height);width:100%;padding-right:2rem;flex-grow:1;margin:0;min-height:100%;box-sizing:border-box}nv-fieldmultiselect .input-container-multiselect input:focus,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text:focus{outline:none}nv-fieldmultiselect .input-container-multiselect input::placeholder,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:"TT Norms Pro", sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:400;line-height:var(--form-field-line-height)}nv-fieldmultiselect .input-container-multiselect .toggle-dropdown-icon{position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:2}nv-fieldmultiselect .input-container-multiselect nv-icon.validation{color:var(--nv-field-border-default);position:absolute;right:50px}nv-fieldmultiselect .input-container-multiselect.focus-within,nv-fieldmultiselect .input-container-multiselect:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldmultiselect .non-filterable-text{display:block;border-radius:var(--form-field-radius);background-color:var(--nv-field-background);color:var(--components-form-field-content-text);font-size:var(--form-field-font-size);font-weight:500;line-height:var(--form-field-line-height);box-sizing:border-box;cursor:pointer;height:100%;min-height:40px}nv-fieldmultiselect .non-filterable-text span{display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis}nv-fieldmultiselect .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-fieldmultiselect .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)}.input-container-multiselect.focus-within,.input-container-multiselect:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}.no-results-message{text-align:center;padding:10px;color:var(--nv-field-error-text, #999)}.multiselect-divider{display:block;width:100%;height:1px;background-color:var(--multiselect-divider-color, #ccc);margin:8px 0}';const l=r;const h=class{constructor(i){t(this,i);this.dropdownItemSelected=e(this,"dropdownItemSelected",7);this.valueChanged=e(this,"valueChanged",7);this.multiselectChange=e(this,"multiselectChange",7);this.inputId=n();this.maxHeight="200px";this.badgeLabel="";this.emptyresult="No results found";this.required=false;this.error=false;this.readonly=false;this.disabled=false;this.autocomplete="off";this.filterable=false;this.open=false;this.parsedOptions=[];this.selectedValues=[];this.sortedOptions=[];this.filterText="";this.isFilterable=this.filterable;this.debounceDelay=300;this.modeState="options";this.isHandlingEscape=false;this.handleBadgeCloseOptions=()=>{this.selectedValues=[];this.multiselectChange.emit(this.selectedValues);const t=Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck"));t.forEach((t=>{t.checked=false;t.style.display=""}));this.parsedOptions=this.parsedOptions.filter((t=>!t.isDivider));this.reorderOptionsContent()};this.handleBadgeCloseSlots=()=>{this.selectedValues=[];this.multiselectChange.emit(this.selectedValues);const t=Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck"));t.forEach((t=>{t.checked=false;t.style.display=""}));this.reorderSlotContent()};this.handlePopoverClose=()=>{if(this.isHandlingEscape){return}this.open=false;this.filterText="";if(this.modeState==="options"){this.reorderOptionsContent()}else{this.reorderSlotContent()}if(this.filterable){this.resetFilter()}};this.handleInputBlurOptions=()=>{setTimeout((()=>{if(!this.el.contains(document.activeElement)){this.open=false;this.popoverElement.hide();if(this.filterable){this.filterText="";this.resetFilter()}}}),150)};this.handleInputContainerClickOptions=t=>{if(this.disabled||this.readonly){return}const e=t.target;if(e.tagName==="P"||e.tagName==="SPAN"){this.open=true;this.popoverElement.show();const t=this.el.querySelector(".input-container");if(t){t.classList.add("focus-within");const e=()=>{t.classList.remove("focus-within")};this.popoverElement.addEventListener("hide",e)}}};this.handleInputContainerClickSlots=t=>{if(this.disabled||this.readonly){return}const e=t.target;if(e.tagName==="P"||e.tagName==="SPAN"){this.open=true;this.popoverElement.show();const t=this.el.querySelector(".input-container");if(t){t.classList.add("focus-within");const e=()=>{t.classList.remove("focus-within")};this.popoverElement.addEventListener("hide",e)}}};this.handleInputOptions=t=>{if(!this.filterable)return;if(this.disabled||this.readonly){return}const e=t.target;this.value=e.value;this.valueChanged.emit(this.value);if(this.debounceTimer){window.clearTimeout(this.debounceTimer)}this.debounceTimer=window.setTimeout((()=>{this.filterText=e.value.toLowerCase();this.filterItemsOption()}),this.debounceDelay)};this.handleInputSlots=t=>{if(!this.filterable)return;if(this.disabled||this.readonly)return;const e=t.target;this.value=e.value;this.valueChanged.emit(this.value);if(this.debounceTimer){window.clearTimeout(this.debounceTimer)}this.debounceTimer=window.setTimeout((()=>{this.filterText=e.value.toLowerCase();this.filterSlotsItems()}),this.debounceDelay)};this.handleInputFocusOptions=()=>{if(this.disabled||this.readonly){return}this.open=true};this.handleInputFocusSlots=()=>{if(this.disabled||this.readonly){return}this.open=true};this.handleInputBlurSlots=()=>{setTimeout((()=>{if(!this.el.contains(document.activeElement)){this.open=false;this.popoverElement.hide();if(this.filterable){this.filterText="";this.resetFilter()}}}),150)};this.togglePopoverOptions=()=>{if(this.disabled||this.readonly){return}if(this.open){this.handlePopoverClose()}else{this.open=true;this.popoverElement.show();if(!this.filterable){this.focusFirstItem()}}};this.togglePopoverSlots=()=>{if(this.disabled||this.readonly){return}if(this.open){this.handlePopoverClose()}else{this.open=true;this.popoverElement.show();if(!this.filterable){this.focusFirstItem()}}}}connectedCallback(){document.addEventListener("click",this.handleClickOutside.bind(this))}componentWillLoad(){this.modeState=this.mode;if(this.modeState==="options"){this.handleOptionsChange(this.options)}requestAnimationFrame((()=>{if(this.popoverElement){this.popoverElement.addEventListener("hide",(()=>{this.handlePopoverClose()}))}}));if(this.modeState==="slots"){Promise.resolve().then((()=>{const t=Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck"));this.selectedValues=t.filter((t=>t.hasAttribute("checked"))).map((t=>t.getAttribute("value")||""));requestAnimationFrame((()=>{this.reorderSlotContent()}))}))}if(this.modeState==="options"){this.sortedOptions=[...this.parsedOptions]}if(this.filterable&&this.value){this.filterText=String(this.value).toLocaleLowerCase();this.filterItems()}else{this.resetFilter()}}componentDidLoad(){if(this.modeState==="options"){requestAnimationFrame((()=>{this.reorderOptionsContent()}))}}disconnectedCallback(){document.removeEventListener("click",this.handleClickOutside.bind(this));if(this.popoverElement){this.popoverElement.removeEventListener("hide",(()=>{this.handlePopoverClose()}))}}handleOpenChanged(t){this.open=t.detail;if(this.open){if(this.filterText){this.filterItems()}}else if(this.modeState==="options"){this.reorderOptionsContent()}else{this.reorderSlotContent()}}handleItemChecked(t){if(this.disabled||this.readonly){return}const{value:e,checked:i}=t.detail;if(e!==undefined&&e!==null){const t=[...this.selectedValues];const s=t.indexOf(e);if(i&&s===-1){t.push(e)}else if(!i&&s>-1){t.splice(s,1)}if(JSON.stringify(this.selectedValues)!==JSON.stringify(t)){this.selectedValues=t;requestAnimationFrame((()=>{this.multiselectChange.emit(this.selectedValues)}))}}else{console.warn("Received itemChecked event with undefined or null value")}}handleOptionsChange(t){if(typeof t==="string"){try{const e=JSON.parse(t);this.selectedValues=e.filter((t=>t.checked)).map((t=>t.value));this.parsedOptions=[...e]}catch(t){console.error("Error parsing options:",t);this.parsedOptions=[]}}else if(Array.isArray(t)){this.selectedValues=t.filter((t=>t.checked)).map((t=>t.value));this.parsedOptions=[...t]}else{this.parsedOptions=[]}Promise.resolve().then((()=>{requestAnimationFrame((()=>{if(this.modeState==="options"){this.reorderOptionsContent()}}))}))}watchValueHandler(){this.setInitialSelection()}watchFilterableHandler(t){this.isFilterable=t;this.filterable=t}handleSlotChange(t){const e=t.target;if(e&&e.name==="content"){requestAnimationFrame((()=>{this.reorderSlotContent()}))}}async getFilterText(){return this.filterText}setInitialSelection(){var t;const e=Array.from(this.el.querySelectorAll("nv-fielddropdownitem"));const i=e.find((t=>{var e;return t.getAttribute("label")===this.value||t.getAttribute("value")===this.value||((e=t.textContent)===null||e===void 0?void 0:e.trim())===this.value}));e.forEach((t=>{t.removeAttribute("selected");t.classList.remove("selected")}));if(i){i.setAttribute("selected","true");i.classList.add("selected");this.value=i.getAttribute("label")||i.getAttribute("value")||((t=i.textContent)===null||t===void 0?void 0:t.trim())||"";if(this.inputElement){this.inputElement.value=this.value}}}async resetFilter(){const t=Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck"));t.forEach((t=>{t.style.display=""}));const e=this.el.querySelector("ul");if(e){const i=e.querySelector("[data-empty]");if(i)i.remove();const s=t.filter((t=>this.selectedValues.includes(t.getAttribute("value")||"")));const o=t.filter((t=>!this.selectedValues.includes(t.getAttribute("value")||"")));if(s.length>0){this.manageDivider(e,s,o)}}}async getSelectedValues(){return this.selectedValues}reorderSlotContent(){if(this.modeState==="options")return;const t=this.el.querySelector("ul");if(!t)return;t.querySelectorAll("hr.multiselect-divider").forEach((t=>t.remove()));const e=Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck")).filter((t=>t.style.display!=="none"));const i=t.querySelector("[data-empty]");if(i){return}const s=e.filter((t=>this.selectedValues.includes(t.getAttribute("value")||"")));const o=e.filter((t=>!this.selectedValues.includes(t.getAttribute("value")||"")));s.forEach((e=>{t.appendChild(e)}));if(s.length>0&&o.length>0){const e=document.createElement("hr");e.className="multiselect-divider";t.appendChild(e)}o.forEach((e=>{t.appendChild(e)}))}reorderOptionsContent(){const t=this.el.querySelector('ul[role="content"]');if(!t)return;const e=Array.from(t.querySelectorAll("nv-fielddropdownitemcheck")).filter((t=>t.style.display!=="none"));const i=e.filter((t=>this.selectedValues.includes(t.getAttribute("value")||"")));const s=e.filter((t=>!this.selectedValues.includes(t.getAttribute("value")||"")));i.forEach((e=>t.appendChild(e)));s.forEach((e=>t.appendChild(e)));this.manageDivider(t,i,s)}filterItems(){const t=this.el.querySelector("ul");if(!t)return;const e=t.querySelector("[data-empty]");if(e){e.remove()}if(!this.filterText.trim()){if(this.parsedOptions&&this.parsedOptions.length>0){const e=Array.from(t.querySelectorAll("nv-fielddropdownitemcheck"));e.forEach((t=>{t.style.display=""}))}else{const t=Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck"));t.forEach((t=>{t.style.display=""}))}const e=Array.from(t.querySelectorAll("nv-fielddropdownitemcheck"));const i=e.filter((t=>this.selectedValues.includes(t.getAttribute("value")||"")));const s=e.filter((t=>!this.selectedValues.includes(t.getAttribute("value")||"")));this.manageDivider(t,i,s);return}const i=this.normalizeText(this.filterText);let s=false;if(this.parsedOptions&&this.parsedOptions.length>0){const e=Array.from(t.querySelectorAll("nv-fielddropdownitemcheck"));e.forEach((t=>{const e=this.parsedOptions.find((e=>e.value===t.getAttribute("value")));if(e&&!e.isDivider){const o=this.normalizeText(e.label).includes(i)||this.normalizeText(e.value).includes(i);t.style.display=o?"":"none";if(o)s=true}}));const o=e.filter((t=>t.style.display!=="none"));const n=o.filter((t=>this.selectedValues.includes(t.getAttribute("value")||"")));const r=o.filter((t=>!this.selectedValues.includes(t.getAttribute("value")||"")));this.manageDivider(t,n,r)}else{const t=Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck"));t.forEach((t=>{const e=t.getAttribute("label")||"";const o=t.getAttribute("value")||"";const n=t.textContent||"";const r=this.normalizeText(e).includes(i)||this.normalizeText(o).includes(i)||this.normalizeText(n).includes(i);t.style.display=r?"":"none";if(r)s=true}))}if(!s){const e=document.createElement("li");e.setAttribute("data-empty","true");e.textContent=this.emptyresult;e.classList.add("no-results-message");t.appendChild(e)}this.reorderSlotContent()}filterItemsOption(){const t=this.el.querySelector("ul");if(!t)return;const e=this.normalizeText(this.filterText);let i=false;const s=Array.from(t.querySelectorAll("nv-fielddropdownitemcheck"));if(!this.filterText.trim()){this.removeEmptyMessageOption(t);s.forEach((t=>t.style.display=""));this.reorderOptionsContent();return}s.forEach((t=>{const s=t.getAttribute("label")||"";const o=t.getAttribute("value")||"";const n=this.normalizeText(s).includes(e)||this.normalizeText(o).includes(e);t.style.display=n?"":"none";if(n)i=true}));const o=s.filter((t=>t.style.display!=="none"));const n=o.filter((t=>this.selectedValues.includes(t.getAttribute("value")||"")));const r=o.filter((t=>!this.selectedValues.includes(t.getAttribute("value")||"")));this.manageDivider(t,n,r);if(!i){this.addEmptyMessageOption(t)}else{this.removeEmptyMessageOption(t)}}filterSlotsItems(){if(this.modeState==="options")return;const t=this.el.querySelector("ul");if(!t)return;const e=t.querySelector("[data-empty]");if(e){e.remove()}if(!this.filterText.trim()){this.resetFilter();return}const i=this.normalizeText(this.filterText);let s=false;const o=Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck"));o.forEach((t=>{var e;const o=t.getAttribute("label")||"";const n=t.getAttribute("value")||"";const r=((e=t.textContent)===null||e===void 0?void 0:e.trim())||"";const l=this.normalizeText(o).includes(i)||this.normalizeText(n).includes(i)||this.normalizeText(r).includes(i);t.style.display=l?"":"none";if(l)s=true}));const n=o.filter((t=>t.style.display!=="none"));const r=n.filter((t=>this.selectedValues.includes(t.getAttribute("value")||"")));this.manageDivider(t,r,n.filter((t=>!this.selectedValues.includes(t.getAttribute("value")||""))));if(!s){const e=document.createElement("li");e.setAttribute("data-empty","true");e.textContent=this.emptyresult;e.classList.add("no-results-message");t.appendChild(e)}}normalizeText(t){return t.normalize("NFD").replace(/[\u0300-\u036f]/g,"").toLowerCase().trim()}handleClickOutside(t){if(this.el.contains(t.target)||this.inputElement&&this.inputElement.contains(t.target)){return}this.handlePopoverClose()}async handleKeyDown(t){if(!this.open){if(t.key==="ArrowDown"){this.open=true;this.popoverElement.show();if(!this.filterable){requestAnimationFrame((()=>{this.focusFirstItem()}))}t.preventDefault();return}return}const e=Array.from(this.el.querySelectorAll('nv-fielddropdownitemcheck:not([style*="display: none"])'));if(e.length===0){console.warn("No visible items found to navigate");return}let i=e.findIndex((t=>t.classList.contains("highlighted")));if(t.key==="ArrowDown"){t.preventDefault();i=i===-1?0:(i+1)%e.length;this.updateHighlightedItem(e,i)}else if(t.key==="ArrowUp"){t.preventDefault();i=i===-1?e.length-1:(i-1+e.length)%e.length;this.updateHighlightedItem(e,i)}else if(t.key==="Enter"&&i>=0){t.preventDefault();const s=e[i];const o=s.hasAttribute("checked");s.checked=!o;s.dispatchEvent(new MouseEvent("click",{view:window,bubbles:true,cancelable:true}))}else if(t.key==="Escape"){t.preventDefault();t.stopPropagation();const e=async()=>{this.isHandlingEscape=true;if(this.modeState==="options"){this.reorderOptionsContent()}else{this.reorderSlotContent()}await new Promise((t=>setTimeout(t,100)));setTimeout((()=>{this.isHandlingEscape=false;this.open=false;this.popoverElement.hide()}),150);if(this.inputElement){this.inputElement.blur()}};await e()}}updateHighlightedItem(t,e){t.forEach(((t,i)=>{if(i===e){t.classList.add("highlighted");t.setAttribute("tabindex","0");t.scrollIntoView({block:"nearest"});const e=t.querySelector("nv-fieldcheckbox");if(e){e.focus()}}else{t.classList.remove("highlighted");t.setAttribute("tabindex","-1")}}))}focusFirstItem(){const t=this.el.querySelector('nv-fielddropdownitemcheck:not([style*="display: none"])');if(t){t.setAttribute("tabindex","0");t.classList.add("highlighted");t.scrollIntoView({block:"nearest"});const e=t.querySelector("nv-fieldcheckbox");if(e){e.focus()}}else{console.warn("No visible first item found to focus")}}addEmptyMessageOption(t){const e=t.querySelector("[data-empty]");if(e)return;const i=document.createElement("li");i.setAttribute("data-empty","true");i.textContent=this.emptyresult;i.classList.add("no-results-message");t.appendChild(i)}removeEmptyMessageOption(t){const e=t.querySelector("[data-empty]");if(e)e.remove()}handleModeChange(t){this.modeState=t}manageDivider(t,e,i){let s=t.querySelector("hr.multiselect-divider");if(!s){s=document.createElement("hr");s.className="multiselect-divider";t.appendChild(s)}const o=e.length>0&&i.length>0;if(o){const t=e[e.length-1];t.after(s);s.style.display=""}else{s.style.display="none"}}renderOptionsMode(){return i(s,null,(this.label||this.el.querySelector('[slot="label"]'))&&i("label",{htmlFor:this.inputId},i("slot",{name:"label"},this.label)),i("nv-popover",{ref:t=>this.popoverElement=t,triggerMode:"controlled",placement:"bottom-start",open:this.open},i("div",{class:"input-wrapper-multiselect",slot:"trigger"},i("slot",{name:"before-input"}),i("div",{class:"input-container-multiselect"},i("slot",{name:"leading-input"}),i("nv-badge",{slot:"leading-input","prevent-auto-close":"true",color:"10",dismissible:this.selectedValues.length>0,hidden:this.selectedValues.length<=0,label:`${this.selectedValues.length} ${this.badgeLabel}`,"aria-label":`Clear all ${this.selectedValues.length} ${this.badgeLabel} items`,onCloseClicked:this.handleBadgeCloseOptions}),this.isFilterable||this.disabled||this.readonly?i("input",{id:this.inputId,ref:t=>this.inputElement=t,autocomplete:this.autocomplete,placeholder:this.placeholder,name:this.name,value:this.value,required:this.required,disabled:this.disabled,readOnly:this.readonly,onInput:this.handleInputOptions,onFocus:this.handleInputFocusOptions,onBlur:this.handleInputBlurOptions,onKeyDown:this.handleKeyDown}):i("p",{id:this.inputId,class:"non-filterable-text",onClick:this.handleInputContainerClickOptions,tabIndex:0,onKeyDown:this.handleKeyDown,onFocus:this.handleInputFocusOptions,role:"combobox","aria-expanded":this.open},i("span",null,this.value||this.placeholder)),i("nv-iconbutton",{class:"toggle-dropdown-icon",name:this.open?"chevron-top":"chevron-down",size:"md",emphasis:"lower","aria-label":this.open?"Hide dropdown":"Show dropdown","aria-pressed":this.open.toString(),onClick:this.togglePopoverOptions})),i("slot",{name:"after-input"})),i("div",{slot:"content",role:"listbox","aria-multiselectable":"true",style:{"max-height":this.maxHeight,"overflow-y":"auto"}},i("ul",{role:"content"},this.parsedOptions.map((t=>i("nv-fielddropdownitemcheck",{label:t.label,description:t.description,value:t.value,checked:this.selectedValues.includes(t.value),disabled:t.disabled}))),i("hr",{class:"multiselect-divider",style:{display:"none"}})))),this.renderDescriptions())}renderSlotsMode(){return i(s,null,(this.label||this.el.querySelector('[slot="label"]'))&&i("label",{htmlFor:this.inputId},i("slot",{name:"label"},this.label)),i("nv-popover",{ref:t=>this.popoverElement=t,triggerMode:"controlled",placement:"bottom-start",open:this.open},i("div",{class:"input-wrapper-multiselect",slot:"trigger"},i("slot",{name:"before-input"}),i("div",{class:"input-container-multiselect",onClick:this.handleInputContainerClickSlots},i("slot",{name:"leading-input"},i("p",null,"No leading input")),i("nv-badge",{slot:"leading-input","prevent-auto-close":"true",color:"10",dismissible:this.selectedValues.length>0,hidden:this.selectedValues.length<=0,label:`${this.selectedValues.length} ${this.badgeLabel}`,"aria-label":`Clear all ${this.selectedValues.length} ${this.badgeLabel} items`,onCloseClicked:this.handleBadgeCloseSlots}),this.isFilterable||this.disabled||this.readonly?i("input",{id:this.inputId,ref:t=>this.inputElement=t,autocomplete:this.autocomplete,placeholder:this.placeholder,name:this.name,value:this.value,required:this.required,disabled:this.disabled,readOnly:this.readonly,onInput:this.handleInputSlots,onFocus:this.handleInputFocusSlots,onBlur:this.handleInputBlurSlots,onKeyDown:this.handleKeyDown}):i("p",{id:this.inputId,class:"non-filterable-text",onClick:this.handleInputContainerClickSlots,tabIndex:0,onKeyDown:this.handleKeyDown,onFocus:this.handleInputFocusSlots,role:"combobox","aria-expanded":this.open},i("span",null,this.value||this.placeholder)),i("nv-iconbutton",{class:"toggle-dropdown-icon",name:this.open?"chevron-top":"chevron-down",size:"md",emphasis:"lower","aria-label":this.open?"Hide dropdown":"Show dropdown","aria-pressed":this.open.toString(),onClick:this.togglePopoverSlots})),i("slot",{name:"after-input"})),i("div",{slot:"content",role:"listbox","aria-multiselectable":"true",style:{"max-height":this.maxHeight,"overflow-y":"auto"}},i("slot",{name:"content"}))),this.renderDescriptions())}renderDescriptions(){return[(this.description||this.el.querySelector('[slot="description"]'))&&i("div",{class:"description"},i("slot",{name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&i("div",{hidden:!this.error,class:"error-description"},i("slot",{name:"error-description"},this.errorDescription))]}render(){return this.modeState==="options"?this.renderOptionsMode():this.renderSlotsMode()}get el(){return o(this)}static get watchers(){return{options:["handleOptionsChange"],value:["watchValueHandler"],filterable:["watchFilterableHandler"],mode:["handleModeChange"]}}};h.style=l;export{h as nv_fieldmultiselect};
-//# sourceMappingURL=p-826f1d28.entry.js.map
+import{r as t,c as e,h as i,a as s,g as o}from"./p-5439afb8.js";import{v as n}from"./p-f5ff676c.js";const r='nv-fieldmultiselect{--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-fieldmultiselect[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-fieldmultiselect[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-fieldmultiselect[required]:not([required=false])>label::after{content:"*";color:var(--components-form-text-required);font-weight:700}nv-fieldmultiselect 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-fieldmultiselect nv-popover{width:100%;display:block}nv-fieldmultiselect .input-wrapper-multiselect{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;width:100%}nv-fieldmultiselect .input-container-multiselect{display:flex;flex-grow:1;padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);justify-content:center;align-items:center;gap:var(--form-field-gap);align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default);background:var(--nv-field-background);transition:all 150ms ease-out;display:flex;align-items:center;position:relative;width:100%;min-height:40px}nv-fieldmultiselect .input-container-multiselect:hover{border-color:var(--nv-field-border-hover)}nv-fieldmultiselect .input-container-multiselect: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-fieldmultiselect .input-container-multiselect:has(input:read-only){opacity:0.5;background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldmultiselect .input-container-multiselect:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldmultiselect .input-container-multiselect input,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);text-overflow:ellipsis;font-size:var(--form-field-font-size);font-style:normal;font-weight:500;line-height:var(--form-field-line-height);width:100%;padding-right:2rem;flex-grow:1;margin:0;min-height:100%;box-sizing:border-box}nv-fieldmultiselect .input-container-multiselect input:focus,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text:focus{outline:none}nv-fieldmultiselect .input-container-multiselect input::placeholder,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:"TT Norms Pro", sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:400;line-height:var(--form-field-line-height)}nv-fieldmultiselect .input-container-multiselect .toggle-dropdown-icon{position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:2}nv-fieldmultiselect .input-container-multiselect nv-icon.validation{color:var(--nv-field-border-default);position:absolute;right:50px}nv-fieldmultiselect .input-container-multiselect.focus-within,nv-fieldmultiselect .input-container-multiselect:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldmultiselect .non-filterable-text{display:block;border-radius:var(--form-field-radius);background-color:var(--nv-field-background);color:var(--components-form-field-content-text);font-size:var(--form-field-font-size);font-weight:500;line-height:var(--form-field-line-height);box-sizing:border-box;cursor:pointer;height:100%;min-height:40px}nv-fieldmultiselect .non-filterable-text span{display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis}nv-fieldmultiselect .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-fieldmultiselect .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)}.input-container-multiselect.focus-within,.input-container-multiselect:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}.no-results-message{text-align:center;padding:10px;color:var(--nv-field-error-text, #999)}.multiselect-divider{display:block;width:100%;height:1px;background-color:var(--multiselect-divider-color, #ccc);margin:8px 0}';const l=r;const h=class{constructor(i){t(this,i);this.dropdownItemSelected=e(this,"dropdownItemSelected",7);this.valueChanged=e(this,"valueChanged",7);this.multiselectChange=e(this,"multiselectChange",7);this.inputId=n();this.maxHeight="200px";this.badgeLabel="";this.emptyresult="No results found";this.required=false;this.error=false;this.readonly=false;this.disabled=false;this.autocomplete="off";this.filterable=false;this.open=false;this.parsedOptions=[];this.selectedValues=[];this.sortedOptions=[];this.filterText="";this.isFilterable=this.filterable;this.debounceDelay=300;this.modeState="options";this.isHandlingEscape=false;this.handleBadgeCloseOptions=()=>{this.selectedValues=[];this.multiselectChange.emit(this.selectedValues);const t=Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck"));t.forEach((t=>{t.checked=false;t.style.display=""}));this.parsedOptions=this.parsedOptions.filter((t=>!t.isDivider));this.reorderOptionsContent()};this.handleBadgeCloseSlots=()=>{this.selectedValues=[];this.multiselectChange.emit(this.selectedValues);const t=Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck"));t.forEach((t=>{t.checked=false;t.style.display=""}));this.reorderSlotContent()};this.handlePopoverClose=()=>{if(this.isHandlingEscape){return}this.open=false;this.filterText="";if(this.modeState==="options"){this.reorderOptionsContent()}else{this.reorderSlotContent()}if(this.filterable){this.resetFilter()}};this.handleInputBlurOptions=()=>{setTimeout((()=>{if(!this.el.contains(document.activeElement)){this.open=false;this.popoverElement.hide();if(this.filterable){this.filterText="";this.resetFilter()}}}),150)};this.handleInputContainerClickOptions=t=>{if(this.disabled||this.readonly){return}const e=t.target;if(e.tagName==="P"||e.tagName==="SPAN"){this.open=true;this.popoverElement.show();const t=this.el.querySelector(".input-container");if(t){t.classList.add("focus-within");const e=()=>{t.classList.remove("focus-within")};this.popoverElement.addEventListener("hide",e)}}};this.handleInputContainerClickSlots=t=>{if(this.disabled||this.readonly){return}const e=t.target;if(e.tagName==="P"||e.tagName==="SPAN"){this.open=true;this.popoverElement.show();const t=this.el.querySelector(".input-container");if(t){t.classList.add("focus-within");const e=()=>{t.classList.remove("focus-within")};this.popoverElement.addEventListener("hide",e)}}};this.handleInputOptions=t=>{if(!this.filterable)return;if(this.disabled||this.readonly){return}const e=t.target;this.value=e.value;this.valueChanged.emit(this.value);if(this.debounceTimer){window.clearTimeout(this.debounceTimer)}this.debounceTimer=window.setTimeout((()=>{this.filterText=e.value.toLowerCase();this.filterItemsOption()}),this.debounceDelay)};this.handleInputSlots=t=>{if(!this.filterable)return;if(this.disabled||this.readonly)return;const e=t.target;this.value=e.value;this.valueChanged.emit(this.value);if(this.debounceTimer){window.clearTimeout(this.debounceTimer)}this.debounceTimer=window.setTimeout((()=>{this.filterText=e.value.toLowerCase();this.filterSlotsItems()}),this.debounceDelay)};this.handleInputFocusOptions=()=>{if(this.disabled||this.readonly){return}this.open=true};this.handleInputFocusSlots=()=>{if(this.disabled||this.readonly){return}this.open=true};this.handleInputBlurSlots=()=>{setTimeout((()=>{if(!this.el.contains(document.activeElement)){this.open=false;this.popoverElement.hide();if(this.filterable){this.filterText="";this.resetFilter()}}}),150)};this.togglePopoverOptions=()=>{if(this.disabled||this.readonly){return}if(this.open){this.handlePopoverClose()}else{this.open=true;this.popoverElement.show();if(!this.filterable){this.focusFirstItem()}}};this.togglePopoverSlots=()=>{if(this.disabled||this.readonly){return}if(this.open){this.handlePopoverClose()}else{this.open=true;this.popoverElement.show();if(!this.filterable){this.focusFirstItem()}}}}connectedCallback(){document.addEventListener("click",this.handleClickOutside.bind(this))}componentWillLoad(){this.modeState=this.mode;if(this.modeState==="options"){this.handleOptionsChange(this.options)}requestAnimationFrame((()=>{if(this.popoverElement){this.popoverElement.addEventListener("hide",(()=>{this.handlePopoverClose()}))}}));if(this.modeState==="slots"){Promise.resolve().then((()=>{const t=Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck"));this.selectedValues=t.filter((t=>t.hasAttribute("checked"))).map((t=>t.getAttribute("value")||""));requestAnimationFrame((()=>{this.reorderSlotContent()}))}))}if(this.modeState==="options"){this.sortedOptions=[...this.parsedOptions]}if(this.filterable&&this.value){this.filterText=String(this.value).toLocaleLowerCase();this.filterItems()}else{this.resetFilter()}}componentDidLoad(){if(this.modeState==="options"){requestAnimationFrame((()=>{this.reorderOptionsContent()}))}}disconnectedCallback(){document.removeEventListener("click",this.handleClickOutside.bind(this));if(this.popoverElement){this.popoverElement.removeEventListener("hide",(()=>{this.handlePopoverClose()}))}}handleOpenChanged(t){this.open=t.detail;if(this.open){if(this.filterText){this.filterItems()}}else if(this.modeState==="options"){this.reorderOptionsContent()}else{this.reorderSlotContent()}}handleItemChecked(t){if(this.disabled||this.readonly){return}const{value:e,checked:i}=t.detail;if(e!==undefined&&e!==null){const t=[...this.selectedValues];const s=t.indexOf(e);if(i&&s===-1){t.push(e)}else if(!i&&s>-1){t.splice(s,1)}if(JSON.stringify(this.selectedValues)!==JSON.stringify(t)){this.selectedValues=t;requestAnimationFrame((()=>{this.multiselectChange.emit(this.selectedValues)}))}}else{console.warn("Received itemChecked event with undefined or null value")}}handleOptionsChange(t){if(typeof t==="string"){try{const e=JSON.parse(t);this.selectedValues=e.filter((t=>t.checked)).map((t=>t.value));this.parsedOptions=[...e]}catch(t){console.error("Error parsing options:",t);this.parsedOptions=[]}}else if(Array.isArray(t)){this.selectedValues=t.filter((t=>t.checked)).map((t=>t.value));this.parsedOptions=[...t]}else{this.parsedOptions=[]}Promise.resolve().then((()=>{requestAnimationFrame((()=>{if(this.modeState==="options"){this.reorderOptionsContent()}}))}))}watchValueHandler(){this.setInitialSelection()}watchFilterableHandler(t){this.isFilterable=t;this.filterable=t}handleSlotChange(t){const e=t.target;if(e&&e.name==="content"){requestAnimationFrame((()=>{this.reorderSlotContent()}))}}async getFilterText(){return this.filterText}setInitialSelection(){var t;const e=Array.from(this.el.querySelectorAll("nv-fielddropdownitem"));const i=e.find((t=>{var e;return t.getAttribute("label")===this.value||t.getAttribute("value")===this.value||((e=t.textContent)===null||e===void 0?void 0:e.trim())===this.value}));e.forEach((t=>{t.removeAttribute("selected");t.classList.remove("selected")}));if(i){i.setAttribute("selected","true");i.classList.add("selected");this.value=i.getAttribute("label")||i.getAttribute("value")||((t=i.textContent)===null||t===void 0?void 0:t.trim())||"";if(this.inputElement){this.inputElement.value=this.value}}}async resetFilter(){const t=Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck"));t.forEach((t=>{t.style.display=""}));const e=this.el.querySelector("ul");if(e){const i=e.querySelector("[data-empty]");if(i)i.remove();const s=t.filter((t=>this.selectedValues.includes(t.getAttribute("value")||"")));const o=t.filter((t=>!this.selectedValues.includes(t.getAttribute("value")||"")));if(s.length>0){this.manageDivider(e,s,o)}}}async getSelectedValues(){return this.selectedValues}reorderSlotContent(){if(this.modeState==="options")return;const t=this.el.querySelector("ul");if(!t)return;t.querySelectorAll("hr.multiselect-divider").forEach((t=>t.remove()));const e=Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck")).filter((t=>t.style.display!=="none"));const i=t.querySelector("[data-empty]");if(i){return}const s=e.filter((t=>this.selectedValues.includes(t.getAttribute("value")||"")));const o=e.filter((t=>!this.selectedValues.includes(t.getAttribute("value")||"")));s.forEach((e=>{t.appendChild(e)}));if(s.length>0&&o.length>0){const e=document.createElement("hr");e.className="multiselect-divider";t.appendChild(e)}o.forEach((e=>{t.appendChild(e)}))}reorderOptionsContent(){const t=this.el.querySelector('ul[role="content"]');if(!t)return;const e=Array.from(t.querySelectorAll("nv-fielddropdownitemcheck")).filter((t=>t.style.display!=="none"));const i=e.filter((t=>this.selectedValues.includes(t.getAttribute("value")||"")));const s=e.filter((t=>!this.selectedValues.includes(t.getAttribute("value")||"")));i.forEach((e=>t.appendChild(e)));s.forEach((e=>t.appendChild(e)));this.manageDivider(t,i,s)}filterItems(){const t=this.el.querySelector("ul");if(!t)return;const e=t.querySelector("[data-empty]");if(e){e.remove()}if(!this.filterText.trim()){if(this.parsedOptions&&this.parsedOptions.length>0){const e=Array.from(t.querySelectorAll("nv-fielddropdownitemcheck"));e.forEach((t=>{t.style.display=""}))}else{const t=Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck"));t.forEach((t=>{t.style.display=""}))}const e=Array.from(t.querySelectorAll("nv-fielddropdownitemcheck"));const i=e.filter((t=>this.selectedValues.includes(t.getAttribute("value")||"")));const s=e.filter((t=>!this.selectedValues.includes(t.getAttribute("value")||"")));this.manageDivider(t,i,s);return}const i=this.normalizeText(this.filterText);let s=false;if(this.parsedOptions&&this.parsedOptions.length>0){const e=Array.from(t.querySelectorAll("nv-fielddropdownitemcheck"));e.forEach((t=>{const e=this.parsedOptions.find((e=>e.value===t.getAttribute("value")));if(e&&!e.isDivider){const o=this.normalizeText(e.label).includes(i)||this.normalizeText(e.value).includes(i);t.style.display=o?"":"none";if(o)s=true}}));const o=e.filter((t=>t.style.display!=="none"));const n=o.filter((t=>this.selectedValues.includes(t.getAttribute("value")||"")));const r=o.filter((t=>!this.selectedValues.includes(t.getAttribute("value")||"")));this.manageDivider(t,n,r)}else{const t=Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck"));t.forEach((t=>{const e=t.getAttribute("label")||"";const o=t.getAttribute("value")||"";const n=t.textContent||"";const r=this.normalizeText(e).includes(i)||this.normalizeText(o).includes(i)||this.normalizeText(n).includes(i);t.style.display=r?"":"none";if(r)s=true}))}if(!s){const e=document.createElement("li");e.setAttribute("data-empty","true");e.textContent=this.emptyresult;e.classList.add("no-results-message");t.appendChild(e)}this.reorderSlotContent()}filterItemsOption(){const t=this.el.querySelector("ul");if(!t)return;const e=this.normalizeText(this.filterText);let i=false;const s=Array.from(t.querySelectorAll("nv-fielddropdownitemcheck"));if(!this.filterText.trim()){this.removeEmptyMessageOption(t);s.forEach((t=>t.style.display=""));this.reorderOptionsContent();return}s.forEach((t=>{const s=t.getAttribute("label")||"";const o=t.getAttribute("value")||"";const n=this.normalizeText(s).includes(e)||this.normalizeText(o).includes(e);t.style.display=n?"":"none";if(n)i=true}));const o=s.filter((t=>t.style.display!=="none"));const n=o.filter((t=>this.selectedValues.includes(t.getAttribute("value")||"")));const r=o.filter((t=>!this.selectedValues.includes(t.getAttribute("value")||"")));this.manageDivider(t,n,r);if(!i){this.addEmptyMessageOption(t)}else{this.removeEmptyMessageOption(t)}}filterSlotsItems(){if(this.modeState==="options")return;const t=this.el.querySelector("ul");if(!t)return;const e=t.querySelector("[data-empty]");if(e){e.remove()}if(!this.filterText.trim()){this.resetFilter();return}const i=this.normalizeText(this.filterText);let s=false;const o=Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck"));o.forEach((t=>{var e;const o=t.getAttribute("label")||"";const n=t.getAttribute("value")||"";const r=((e=t.textContent)===null||e===void 0?void 0:e.trim())||"";const l=this.normalizeText(o).includes(i)||this.normalizeText(n).includes(i)||this.normalizeText(r).includes(i);t.style.display=l?"":"none";if(l)s=true}));const n=o.filter((t=>t.style.display!=="none"));const r=n.filter((t=>this.selectedValues.includes(t.getAttribute("value")||"")));this.manageDivider(t,r,n.filter((t=>!this.selectedValues.includes(t.getAttribute("value")||""))));if(!s){const e=document.createElement("li");e.setAttribute("data-empty","true");e.textContent=this.emptyresult;e.classList.add("no-results-message");t.appendChild(e)}}normalizeText(t){return t.normalize("NFD").replace(/[\u0300-\u036f]/g,"").toLowerCase().trim()}handleClickOutside(t){if(this.el.contains(t.target)||this.inputElement&&this.inputElement.contains(t.target)){return}this.handlePopoverClose()}async handleKeyDown(t){if(!this.open){if(t.key==="ArrowDown"){this.open=true;this.popoverElement.show();if(!this.filterable){requestAnimationFrame((()=>{this.focusFirstItem()}))}t.preventDefault();return}return}const e=Array.from(this.el.querySelectorAll('nv-fielddropdownitemcheck:not([style*="display: none"])'));if(e.length===0){console.warn("No visible items found to navigate");return}let i=e.findIndex((t=>t.classList.contains("highlighted")));if(t.key==="ArrowDown"){t.preventDefault();i=i===-1?0:(i+1)%e.length;this.updateHighlightedItem(e,i)}else if(t.key==="ArrowUp"){t.preventDefault();i=i===-1?e.length-1:(i-1+e.length)%e.length;this.updateHighlightedItem(e,i)}else if(t.key==="Enter"&&i>=0){t.preventDefault();const s=e[i];const o=s.hasAttribute("checked");s.checked=!o;s.dispatchEvent(new MouseEvent("click",{view:window,bubbles:true,cancelable:true}))}else if(t.key==="Escape"){t.preventDefault();t.stopPropagation();const e=async()=>{this.isHandlingEscape=true;if(this.modeState==="options"){this.reorderOptionsContent()}else{this.reorderSlotContent()}await new Promise((t=>setTimeout(t,100)));setTimeout((()=>{this.isHandlingEscape=false;this.open=false;this.popoverElement.hide()}),150);if(this.inputElement){this.inputElement.blur()}};await e()}}updateHighlightedItem(t,e){t.forEach(((t,i)=>{if(i===e){t.classList.add("highlighted");t.setAttribute("tabindex","0");t.scrollIntoView({block:"nearest"});const e=t.querySelector("nv-fieldcheckbox");if(e){e.focus()}}else{t.classList.remove("highlighted");t.setAttribute("tabindex","-1")}}))}focusFirstItem(){const t=this.el.querySelector('nv-fielddropdownitemcheck:not([style*="display: none"])');if(t){t.setAttribute("tabindex","0");t.classList.add("highlighted");t.scrollIntoView({block:"nearest"});const e=t.querySelector("nv-fieldcheckbox");if(e){e.focus()}}else{console.warn("No visible first item found to focus")}}addEmptyMessageOption(t){const e=t.querySelector("[data-empty]");if(e)return;const i=document.createElement("li");i.setAttribute("data-empty","true");i.textContent=this.emptyresult;i.classList.add("no-results-message");t.appendChild(i)}removeEmptyMessageOption(t){const e=t.querySelector("[data-empty]");if(e)e.remove()}handleModeChange(t){this.modeState=t}manageDivider(t,e,i){let s=t.querySelector("hr.multiselect-divider");if(!s){s=document.createElement("hr");s.className="multiselect-divider";t.appendChild(s)}const o=e.length>0&&i.length>0;if(o){const t=e[e.length-1];t.after(s);s.style.display=""}else{s.style.display="none"}}renderOptionsMode(){return i(s,null,(this.label||this.el.querySelector('[slot="label"]'))&&i("label",{htmlFor:this.inputId},i("slot",{name:"label"},this.label)),i("nv-popover",{ref:t=>this.popoverElement=t,triggerMode:"controlled",placement:"bottom-start",open:this.open},i("div",{class:"input-wrapper-multiselect",slot:"trigger"},i("slot",{name:"before-input"}),i("div",{class:"input-container-multiselect"},i("slot",{name:"leading-input"}),i("nv-badge",{slot:"leading-input","prevent-auto-close":"true",color:"10",dismissible:this.selectedValues.length>0,hidden:this.selectedValues.length<=0,label:`${this.selectedValues.length} ${this.badgeLabel}`,"aria-label":`Clear all ${this.selectedValues.length} ${this.badgeLabel} items`,onCloseClicked:this.handleBadgeCloseOptions}),this.isFilterable||this.disabled||this.readonly?i("input",{id:this.inputId,ref:t=>this.inputElement=t,autocomplete:this.autocomplete,placeholder:this.placeholder,name:this.name,value:this.value,required:this.required,disabled:this.disabled,readOnly:this.readonly,onInput:this.handleInputOptions,onFocus:this.handleInputFocusOptions,onBlur:this.handleInputBlurOptions,onKeyDown:this.handleKeyDown}):i("p",{id:this.inputId,class:"non-filterable-text",onClick:this.handleInputContainerClickOptions,tabIndex:0,onKeyDown:this.handleKeyDown,onFocus:this.handleInputFocusOptions,role:"combobox","aria-expanded":this.open},i("span",null,this.value||this.placeholder)),i("nv-iconbutton",{class:"toggle-dropdown-icon",name:this.open?"chevron-top":"chevron-down",size:"md",emphasis:"lower","aria-label":this.open?"Hide dropdown":"Show dropdown","aria-pressed":this.open.toString(),onClick:this.togglePopoverOptions})),i("slot",{name:"after-input"})),i("div",{slot:"content",role:"listbox","aria-multiselectable":"true",style:{"max-height":this.maxHeight,"overflow-y":"auto"}},i("ul",{role:"content"},this.parsedOptions.map((t=>i("nv-fielddropdownitemcheck",{label:t.label,description:t.description,value:t.value,checked:this.selectedValues.includes(t.value),disabled:t.disabled}))),i("hr",{class:"multiselect-divider",style:{display:"none"}})))),this.renderDescriptions())}renderSlotsMode(){return i(s,null,(this.label||this.el.querySelector('[slot="label"]'))&&i("label",{htmlFor:this.inputId},i("slot",{name:"label"},this.label)),i("nv-popover",{ref:t=>this.popoverElement=t,triggerMode:"controlled",placement:"bottom-start",open:this.open},i("div",{class:"input-wrapper-multiselect",slot:"trigger"},i("slot",{name:"before-input"}),i("div",{class:"input-container-multiselect",onClick:this.handleInputContainerClickSlots},i("slot",{name:"leading-input"},i("p",null,"No leading input")),i("nv-badge",{slot:"leading-input","prevent-auto-close":"true",color:"10",dismissible:this.selectedValues.length>0,hidden:this.selectedValues.length<=0,label:`${this.selectedValues.length} ${this.badgeLabel}`,"aria-label":`Clear all ${this.selectedValues.length} ${this.badgeLabel} items`,onCloseClicked:this.handleBadgeCloseSlots}),this.isFilterable||this.disabled||this.readonly?i("input",{id:this.inputId,ref:t=>this.inputElement=t,autocomplete:this.autocomplete,placeholder:this.placeholder,name:this.name,value:this.value,required:this.required,disabled:this.disabled,readOnly:this.readonly,onInput:this.handleInputSlots,onFocus:this.handleInputFocusSlots,onBlur:this.handleInputBlurSlots,onKeyDown:this.handleKeyDown}):i("p",{id:this.inputId,class:"non-filterable-text",onClick:this.handleInputContainerClickSlots,tabIndex:0,onKeyDown:this.handleKeyDown,onFocus:this.handleInputFocusSlots,role:"combobox","aria-expanded":this.open},i("span",null,this.value||this.placeholder)),i("nv-iconbutton",{class:"toggle-dropdown-icon",name:this.open?"chevron-top":"chevron-down",size:"md",emphasis:"lower","aria-label":this.open?"Hide dropdown":"Show dropdown","aria-pressed":this.open.toString(),onClick:this.togglePopoverSlots})),i("slot",{name:"after-input"})),i("div",{slot:"content",role:"listbox","aria-multiselectable":"true",style:{"max-height":this.maxHeight,"overflow-y":"auto"}},i("slot",{name:"content"}))),this.renderDescriptions())}renderDescriptions(){return[(this.description||this.el.querySelector('[slot="description"]'))&&i("div",{class:"description"},i("slot",{name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&i("div",{hidden:!this.error,class:"error-description"},i("slot",{name:"error-description"},this.errorDescription))]}render(){return this.modeState==="options"?this.renderOptionsMode():this.renderSlotsMode()}static get formAssociated(){return true}get el(){return o(this)}static get watchers(){return{options:["handleOptionsChange"],value:["watchValueHandler"],filterable:["watchFilterableHandler"],mode:["handleModeChange"]}}};h.style=l;export{h as nv_fieldmultiselect};
+//# sourceMappingURL=p-208accf0.entry.js.map

package/dist/native/p-208accf0.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["nvFieldmultiselectCss","NvFieldmultiselectStyle0","NvFieldmultiselect","constructor","hostRef","this","inputId","uuidv4","maxHeight","badgeLabel","emptyresult","required","error","readonly","disabled","autocomplete","filterable","open","parsedOptions","selectedValues","sortedOptions","filterText","isFilterable","debounceDelay","modeState","isHandlingEscape","handleBadgeCloseOptions","multiselectChange","emit","items","Array","from","el","querySelectorAll","forEach","item","checked","style","display","filter","option","isDivider","reorderOptionsContent","handleBadgeCloseSlots","reorderSlotContent","handlePopoverClose","resetFilter","handleInputBlurOptions","setTimeout","contains","document","activeElement","popoverElement","hide","handleInputContainerClickOptions","event","target","tagName","show","inputContainer","querySelector","classList","add","removeFocusWithin","remove","addEventListener","handleInputContainerClickSlots","handleInputOptions","input","value","valueChanged","debounceTimer","window","clearTimeout","toLowerCase","filterItemsOption","handleInputSlots","filterSlotsItems","handleInputFocusOptions","handleInputFocusSlots","handleInputBlurSlots","togglePopoverOptions","focusFirstItem","togglePopoverSlots","connectedCallback","handleClickOutside","bind","componentWillLoad","mode","handleOptionsChange","options","requestAnimationFrame","Promise","resolve","then","hasAttribute","map","getAttribute","String","toLocaleLowerCase","filterItems","componentDidLoad","disconnectedCallback","removeEventListener","handleOpenChanged","detail","handleItemChecked","undefined","newSelectedValues","valueIndex","indexOf","push","splice","JSON","stringify","console","warn","newValue","parsedOpts","parse","isArray","watchValueHandler","setInitialSelection","watchFilterableHandler","handleSlotChange","slot","name","getFilterText","selectedItem","find","_a","textContent","trim","removeAttribute","setAttribute","inputElement","ul","emptyMessage","selectedItems","includes","unselectedItems","length","manageDivider","getSelectedValues","divider","hasEmptyMessage","appendChild","createElement","className","existingEmptyMessage","normalizedFilter","normalizeText","hasVisibleItems","opt","matchesFilter","label","visibleItems","visibleSelected","visibleUnselected","removeEmptyMessageOption","addEmptyMessageOption","visibleSelectedItems","text","normalize","replace","handleKeyDown","key","preventDefault","currentIndex","findIndex","updateHighlightedItem","isCurrentlyChecked","dispatchEvent","MouseEvent","view","bubbles","cancelable","stopPropagation","handleEscape","async","blur","index","i","scrollIntoView","block","checkbox","focus","firstItem","existingMessage","handleModeChange","shouldShowDivider","lastSelectedItem","after","renderOptionsMode","h","Host","htmlFor","ref","triggerMode","placement","class","color","dismissible","hidden","onCloseClicked","id","e","placeholder","readOnly","onInput","onFocus","onBlur","onKeyDown","onClick","tabIndex","role","size","emphasis","toString","description","renderDescriptions","renderSlotsMode","errorDescription","render"],"sources":["src/components/nv-fieldmultiselect/nv-fieldmultiselect.scss?tag=nv-fieldmultiselect","src/components/nv-fieldmultiselect/nv-fieldmultiselect.tsx"],"sourcesContent":["@import '../../styles/form-field';\n\nnv-fieldmultiselect {\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  &[required]:not([required='false']) {\n    > label {\n      @include form-field-label-required();\n    }\n  }\n\n  label {\n    @include form-field-label();\n  }\n\n  nv-popover {\n    width: 100%;\n    display: block;\n  }\n\n  .input-wrapper-multiselect {\n    @include form-field-input-wrapper();\n    width: 100%;\n  }\n\n  .input-container-multiselect {\n    @include form-field-input-container();\n    display: flex;\n    align-items: center;\n    position: relative;\n    width: 100%;\n    min-height: 40px;\n    input,\n    p.non-filterable-text {\n      @include form-field-input();\n      width: 100%;\n      padding-right: 2rem;\n      flex-grow: 1;\n      margin: 0;\n      min-height: 100%;\n      box-sizing: border-box;\n    }\n\n    .toggle-dropdown-icon {\n      position: absolute;\n      right: 0;\n      top: 50%;\n      transform: translateY(-50%);\n      z-index: 2;\n    }\n\n    nv-icon.validation {\n      @include form-field-icon();\n      position: absolute;\n      right: 50px;\n    }\n\n    &.focus-within,\n    &:hover {\n      border-color: var(--nv-field-border-focus);\n      box-shadow: 0px 0px 0px var(--focus-field-stroke)\n        var(--nv-field-focus-box-shadow);\n    }\n  }\n\n  .non-filterable-text {\n    display: block;\n    border-radius: var(--form-field-radius);\n    background-color: var(--nv-field-background);\n    color: var(--components-form-field-content-text);\n    font-size: var(--form-field-font-size);\n    font-weight: 500;\n    line-height: var(--form-field-line-height);\n    box-sizing: border-box;\n    cursor: pointer;\n    height: 100%;\n    min-height: 40px;\n\n    span {\n      display: inline-block;\n      width: 100%;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  }\n\n  .description {\n    @include form-field-description();\n  }\n\n  .error-description {\n    @include form-field-error-description();\n  }\n}\n\n.input-container-multiselect.focus-within,\n.input-container-multiselect:hover {\n  border-color: var(--nv-field-border-focus);\n  box-shadow: 0px 0px 0px var(--focus-field-stroke)\n    var(--nv-field-focus-box-shadow);\n}\n\n.no-results-message {\n  text-align: center;\n  padding: 10px;\n  color: var(--nv-field-error-text, #999);\n}\n\n.multiselect-divider {\n  display: block;\n  width: 100%;\n  height: 1px;\n  background-color: var(--multiselect-divider-color, #ccc);\n  margin: 8px 0;\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n  State,\n  Listen,\n  Event,\n  EventEmitter,\n  Watch,\n  Method,\n} from '@stencil/core';\n\nimport { v4 as uuidv4 } from 'uuid';\nimport { TextInputAutocomplete } from '../../utils/constants';\nimport { DropdownItemSelectedEventDetail } from '../nv-fielddropdownitem/DropdownItemSelectedEventDetail';\n\n/**\n * @slot content - The content of the list.\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-fieldmultiselect',\n  styleUrl: 'nv-fieldmultiselect.scss',\n  formAssociated: true,\n  shadow: false,\n})\nexport class NvFieldmultiselect {\n  @Element() el: HTMLNvFieldmultiselectElement;\n  private inputElement!: HTMLInputElement;\n  private popoverElement!: HTMLNvPopoverElement;\n  /**\n   * Timer for debouncing input events.\n   * Private property preferred over @State as it:\n   * - Doesn't need to trigger re-renders\n   * - Is purely for internal logic\n   * - Improves performance by avoiding Stencil's reactivity system\n   */\n  private debounceTimer: number;\n\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Sets the ID for the input element and the for attribute of the associated\n   * label. If no ID is provided, a random one will be automatically generated\n   * to ensure unique identification, facilitating proper label association and\n   * accessibility.\n   */\n  @Prop({ reflect: true })\n  readonly inputId: string = uuidv4();\n\n  /**\n   * 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   * 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 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.\n   */\n  @Prop({ reflect: true })\n  readonly description: string;\n\n  /**\n   * Display temporary text inside the input field.\n   */\n  @Prop({ reflect: true })\n  readonly placeholder: string;\n\n  /**\n   * Defines the maximum height of the multiselect list when open.\n   */\n  @Prop({ reflect: true })\n  readonly maxHeight: string = '200px';\n\n  /**\n   * Text for the badge showing the number of selected items.\n   */\n  @Prop({ reflect: true })\n  readonly badgeLabel: string = '';\n\n  /**\n   * The text to display when no items match the filter.\n   */\n  @Prop({ reflect: true })\n  readonly emptyresult: string = 'No results found';\n\n  /**\n   * Marks the input field as required.\n   */\n  @Prop({ reflect: true })\n  readonly required: boolean = false;\n\n  /**\n   * Alters the input field's appearance to indicate an error, helping users\n   * identify fields that need correction.\n   * @validator error\n   */\n  @Prop({ reflect: true })\n  readonly error: boolean = false;\n\n  /**\n   * A description that appears when there is an error related to the multiselect\n   * field.\n   * @validator message\n   */\n  @Prop({ reflect: true })\n  readonly errorDescription: string;\n\n  /**\n   * Display the input field's content without allowing users to change it.\n   */\n  @Prop({ reflect: true })\n  readonly readonly: boolean = false;\n\n  /**\n   * Disables the input field.\n   */\n  @Prop({ reflect: true })\n  readonly disabled: boolean = false;\n\n  /**\n   * The autocomplete prop for faster input filling.\n   */\n  @Prop({ reflect: true })\n  readonly autocomplete: `${TextInputAutocomplete}` = 'off';\n\n  /**\n   * Enables or disables the filtering feature for the multiselect items.\n   */\n  @Prop({ reflect: true, mutable: true })\n  filterable: boolean = false;\n\n  /**\n   * Specifies the value of the input field.\n   */\n  @Prop({ reflect: true, mutable: true })\n  value: string;\n\n  /**\n   * State of the multiselect popover.\n   */\n  @Prop({ reflect: true, mutable: true })\n  open: boolean = false;\n\n  /**\n   * Multiselect mode: 'options' (JSON data) or 'slots' (custom items).\n   * This property is now reflected in the modeState.\n   */\n  @Prop({ reflect: true })\n  readonly mode: 'options' | 'slots';\n\n  /**\n   * List of options available in the multiselect.\n   * @description The options are passed as a JSON string.\n   * @example options='[{\"label\": \"Option 1\", \"value\": \"option1\"}, {\"label\": \"Option 2\", \"value\": \"option2\"}]'\n   */\n  @Prop({ reflect: true })\n  readonly options?: string;\n\n  /**\n   * Options configuration for the multiselect items.\n   */\n  @State()\n  parsedOptions: Array<{\n    /** Label to display for the option */\n    label: string;\n    /** Value associated with the option */\n    value: string;\n    /** Whether this option is a divider */\n    isDivider?: boolean;\n    /** Whether this option is disabled */\n    disabled?: boolean;\n    /** Additional description for the option */\n    description?: string;\n    /** Whether this option is pre-checked */\n    checked?: boolean;\n  }> = [];\n\n  /**\n   * List of selected values in the multiselect.\n   */\n  @State()\n  selectedValues: string[] = [];\n\n  /**\n   * Sorted options for display.\n   */\n  @State()\n  sortedOptions: Array<{\n    /** Label to display for the option */\n    label: string;\n    /** Value associated with the option */\n    value: string;\n    /** Whether this option is a divider */\n    isDivider?: boolean;\n  }> = [];\n\n  /**\n   * The text entered by the user for filtering multiselect items.\n   */\n  @State()\n  filterText: string = '';\n\n  /**\n   * Determines whether the multiselect is filterable.\n   */\n  @State()\n  isFilterable: boolean = this.filterable;\n\n  /**\n   * Delay in milliseconds before the search is triggered when typing in the filter input.\n   * @default 300\n   */\n  @Prop({ reflect: true })\n  readonly debounceDelay: number = 300;\n\n  /**\n   * State for the mode of the multiselect.\n   * @type {'options' | 'slots'}\n   * @default 'options'\n   */\n  @State()\n  modeState: 'options' | 'slots' = 'options'; // Default value\n\n  @State()\n  private isHandlingEscape: boolean = false;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  /**\n   * Subscribe to click outside event.\n   */\n  connectedCallback() {\n    document.addEventListener('click', this.handleClickOutside.bind(this));\n  }\n\n  /**\n   * Set the mode state and handle options change.\n   */\n  componentWillLoad() {\n    this.modeState = this.mode;\n\n    // Don't call handleOptionsChange if we are in slots mode\n    if (this.modeState === 'options') {\n      this.handleOptionsChange(this.options);\n    }\n\n    // Add the listener for the hide event\n    requestAnimationFrame(() => {\n      if (this.popoverElement) {\n        this.popoverElement.addEventListener('hide', () => {\n          this.handlePopoverClose();\n        });\n      }\n    });\n\n    // Specific initialization for slots mode\n    if (this.modeState === 'slots') {\n      Promise.resolve().then(() => {\n        const items = Array.from(\n          this.el.querySelectorAll('nv-fielddropdownitemcheck'),\n        );\n\n        // Initialize selectedValues with checked items\n        this.selectedValues = items\n          .filter(item => item.hasAttribute('checked'))\n          .map(item => item.getAttribute('value') || '');\n\n        // Force a reorder after initialization\n        requestAnimationFrame(() => {\n          this.reorderSlotContent();\n        });\n      });\n    }\n\n    // Initialize the sorted options array with the parsed options for initial rendering\n    if (this.modeState === 'options') {\n      this.sortedOptions = [...this.parsedOptions];\n    }\n\n    // Apply filtering if the multiselect is filterable and there is a value\n    if (this.filterable && this.value) {\n      this.filterText = String(this.value).toLocaleLowerCase();\n      this.filterItems();\n    } else {\n      // Reset visibility state of all dropdown items\n      this.resetFilter();\n    }\n  }\n\n  /**\n   * Force reorder if options mode in componentDidLoad because of the initial render not trigger @watch\n   */\n  componentDidLoad() {\n    if (this.modeState === 'options') {\n      requestAnimationFrame(() => {\n        this.reorderOptionsContent();\n      });\n    }\n  }\n\n  /**\n   * Unsubscribe from click outside event.\n   */\n  disconnectedCallback() {\n    document.removeEventListener('click', this.handleClickOutside.bind(this));\n\n    // Remove the listener for the hide event\n    if (this.popoverElement) {\n      this.popoverElement.removeEventListener('hide', () => {\n        this.handlePopoverClose();\n      });\n    }\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Event emitted when an item is selected.\n   */\n  @Event()\n  dropdownItemSelected: EventEmitter<DropdownItemSelectedEventDetail>;\n\n  /**\n   * Emitted when the input value changes.\n   * @bind value\n   */\n  @Event()\n  valueChanged: EventEmitter<string>;\n\n  /**\n   * Event emitted when the selection changes in the multiselect.\n   * Emits the current list of selected values.\n   */\n  @Event()\n  multiselectChange: EventEmitter<string[]>;\n\n  /**\n   * Emitted when the input loses focus.\n   * @param {CustomEvent<boolean>} event - The event object containing the focus state.\n   */\n  @Listen('openChanged')\n  handleOpenChanged(event: CustomEvent<boolean>) {\n    // Update the open state of popover\n    this.open = event.detail;\n\n    if (this.open) {\n      if (this.filterText) {\n        this.filterItems();\n      }\n    } else if (this.modeState === 'options') {\n      this.reorderOptionsContent();\n    } else {\n      this.reorderSlotContent();\n    }\n  }\n\n  /**\n   * Listen for the `itemChecked` event emitted by child items.\n   * @param {CustomEvent<{ value: string; checked: boolean }>} event - The event object containing the selected value and its checked state.\n   */\n  @Listen('itemChecked')\n  handleItemChecked(\n    event: CustomEvent<{\n      /** Value associated with the option */\n      value: string;\n      /** Whether this option is checked */\n      checked: boolean;\n    }>,\n  ) {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    const { value, checked } = event.detail;\n\n    if (value !== undefined && value !== null) {\n      const newSelectedValues = [...this.selectedValues];\n      const valueIndex = newSelectedValues.indexOf(value);\n\n      if (checked && valueIndex === -1) {\n        newSelectedValues.push(value);\n      } else if (!checked && valueIndex > -1) {\n        newSelectedValues.splice(valueIndex, 1);\n      }\n\n      // Update the state and emit the event only if the selection has changed\n      if (\n        JSON.stringify(this.selectedValues) !==\n        JSON.stringify(newSelectedValues)\n      ) {\n        this.selectedValues = newSelectedValues;\n\n        // Use requestAnimationFrame to ensure the state is updated before emitting the event\n        requestAnimationFrame(() => {\n          this.multiselectChange.emit(this.selectedValues);\n        });\n      }\n    } else {\n      console.warn('Received itemChecked event with undefined or null value'); // Warning log\n    }\n  }\n\n  /**\n   * Emitted when the options change.\n   * @param {string | Array<{label: string, value: string, isDivider?: boolean, disabled?: boolean, description?: string, checked?: boolean}>} newValue - The new value of the options.\n   */\n  @Watch('options')\n  handleOptionsChange(\n    newValue:\n      | string\n      | Array<{\n          /** Label to display for the option */\n          label: string;\n          /** Value associated with the option */\n          value: string;\n          /** Whether this option is a divider */\n          isDivider?: boolean;\n          /** Whether this option is disabled */\n          disabled?: boolean;\n          /** Additional description for the option */\n          description?: string;\n          /** Whether this option is pre-checked */\n          checked?: boolean;\n        }>,\n  ) {\n    if (typeof newValue === 'string') {\n      try {\n        const parsedOpts = JSON.parse(newValue);\n        this.selectedValues = parsedOpts\n          .filter(option => option.checked)\n          .map(option => option.value);\n        this.parsedOptions = [...parsedOpts];\n      } catch (error) {\n        console.error('Error parsing options:', error);\n        this.parsedOptions = [];\n      }\n    } else if (Array.isArray(newValue)) {\n      this.selectedValues = newValue\n        .filter(option => option.checked)\n        .map(option => option.value);\n      this.parsedOptions = [...newValue];\n    } else {\n      this.parsedOptions = [];\n    }\n\n    // Wait for the options to be fully loaded\n    Promise.resolve().then(() => {\n      requestAnimationFrame(() => {\n        if (this.modeState === 'options') {\n          this.reorderOptionsContent();\n        }\n      });\n    });\n  }\n\n  /**\n   * Emitted when the value changes.\n   */\n  @Watch('value')\n  watchValueHandler() {\n    // Handle value change and update the corresponding multiselect item if it exists\n    this.setInitialSelection();\n  }\n\n  /**\n   * Emitted when the filterable property changes.\n   * @param {boolean} newValue - The new value of the filterable property.\n   */\n  @Watch('filterable')\n  watchFilterableHandler(newValue: boolean) {\n    this.isFilterable = newValue;\n    this.filterable = newValue;\n  }\n\n  // Add a listener for the slot content\n  @Listen('slotchange')\n  handleSlotChange(event: Event) {\n    // Check: we only want to reorder if it's the \"content\" slot\n    const slot = event.target as HTMLSlotElement;\n    if (slot && slot.name === 'content') {\n      // To give other platforms (VueJS, React, etc.) time to insert all their items,\n      // we place the reorder in a requestAnimationFrame\n      requestAnimationFrame(() => {\n        this.reorderSlotContent();\n      });\n    }\n  }\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Retrieves the current filter text entered by the user.\n   * @returns {string} The filter text.\n   */\n  @Method()\n  async getFilterText(): Promise<string> {\n    return this.filterText;\n  }\n\n  /**\n   * Set the initial selection based on the current value and update the inputElement value.\n   */\n  private setInitialSelection() {\n    const items = Array.from(this.el.querySelectorAll('nv-fielddropdownitem'));\n\n    const selectedItem = items.find(\n      item =>\n        item.getAttribute('label') === this.value ||\n        item.getAttribute('value') === this.value ||\n        item.textContent?.trim() === this.value,\n    );\n\n    // Remove 'selected' from all items first to reset the state\n    items.forEach(item => {\n      item.removeAttribute('selected');\n      item.classList.remove('selected');\n    });\n\n    if (selectedItem) {\n      // Add the `selected` attribute and `selected` class for visual styling\n      selectedItem.setAttribute('selected', 'true');\n      selectedItem.classList.add('selected');\n\n      // Update the value and inputElement value to reflect the pre-selected item\n      this.value =\n        selectedItem.getAttribute('label') ||\n        selectedItem.getAttribute('value') ||\n        selectedItem.textContent?.trim() ||\n        '';\n      if (this.inputElement) {\n        this.inputElement.value = this.value;\n      }\n    }\n  }\n\n  /**\n   * Reset the filter and make all items visible.\n   */\n  @Method()\n  async resetFilter(): Promise<void> {\n    const items = Array.from(\n      this.el.querySelectorAll('nv-fielddropdownitemcheck'),\n    );\n\n    // Reset visibility state of all dropdown items\n    items.forEach(item => {\n      item.style.display = '';\n    });\n\n    // Clean up filter-related UI elements\n    const ul = this.el.querySelector('ul');\n    if (ul) {\n      const emptyMessage = ul.querySelector('[data-empty]');\n      if (emptyMessage) emptyMessage.remove();\n\n      // Reorder with divider if needed\n      const selectedItems = items.filter(item =>\n        this.selectedValues.includes(item.getAttribute('value') || ''),\n      );\n      const unselectedItems = items.filter(\n        item => !this.selectedValues.includes(item.getAttribute('value') || ''),\n      );\n\n      if (selectedItems.length > 0) {\n        this.manageDivider(ul as HTMLElement, selectedItems, unselectedItems);\n      }\n    }\n  }\n\n  /**\n   * Returns the list of selected values.\n   * @returns {string[]} The selected values.\n   */\n  @Method()\n  async getSelectedValues(): Promise<string[]> {\n    return this.selectedValues;\n  }\n\n  /**\n   * Reorder the content of the slot.\n   */\n  private reorderSlotContent() {\n    if (this.modeState === 'options') return;\n\n    const ul = this.el.querySelector('ul');\n    if (!ul) return;\n\n    // Remove all existing <hr class=\"multiselect-divider\">\n    ul.querySelectorAll('hr.multiselect-divider').forEach(divider =>\n      divider.remove(),\n    );\n\n    // Retrieve all items (not hidden)\n    const items = Array.from(\n      this.el.querySelectorAll('nv-fielddropdownitemcheck'),\n    ).filter(item => item.style.display !== 'none');\n\n    // If you possibly have a \"No results\" message:\n    const hasEmptyMessage = ul.querySelector('[data-empty]');\n    if (hasEmptyMessage) {\n      // if there is a \"No results found\" message, do not reorder\n      return;\n    }\n\n    // Separate checked vs unchecked\n    const selectedItems = items.filter(item =>\n      this.selectedValues.includes(item.getAttribute('value') || ''),\n    );\n    const unselectedItems = items.filter(\n      item => !this.selectedValues.includes(item.getAttribute('value') || ''),\n    );\n\n    // Reinsert CHECKED items FIRST\n    // appendChild() moves the element without recreating it\n    // this is not trigger a re-rendering of the component in the platforms\n    selectedItems.forEach(item => {\n      ul.appendChild(item); // <-- The <li> (or <nv-fielddropdownitemcheck>) is just \"moved\" to the end of the list\n    });\n\n    // Add a divider if needed\n    if (selectedItems.length > 0 && unselectedItems.length > 0) {\n      const divider = document.createElement('hr');\n      divider.className = 'multiselect-divider';\n      ul.appendChild(divider);\n    }\n\n    // Reinsert UNCHECKED items at the end\n    unselectedItems.forEach(item => {\n      ul.appendChild(item);\n    });\n  }\n\n  /**\n   * Reorder the content for options mode with async handling\n   */\n  private reorderOptionsContent() {\n    const ul = this.el.querySelector('ul[role=\"content\"]') as HTMLElement;\n    if (!ul) return;\n\n    const items = Array.from(\n      ul.querySelectorAll('nv-fielddropdownitemcheck'),\n    ).filter(item => item.style.display !== 'none');\n\n    const selectedItems = items.filter(item =>\n      this.selectedValues.includes(item.getAttribute('value') || ''),\n    );\n    const unselectedItems = items.filter(\n      item => !this.selectedValues.includes(item.getAttribute('value') || ''),\n    );\n\n    // Reorder the elements\n    selectedItems.forEach(item => ul.appendChild(item));\n    unselectedItems.forEach(item => ul.appendChild(item));\n\n    // Manage the divider after the reordering\n    this.manageDivider(ul, selectedItems, unselectedItems);\n  }\n\n  /**\n   * Filter multiselect items based on the text entered by the user.\n   */\n  private filterItems() {\n    const ul = this.el.querySelector('ul');\n    if (!ul) return;\n\n    // Remove existing empty message if any\n    const existingEmptyMessage = ul.querySelector('[data-empty]');\n    if (existingEmptyMessage) {\n      existingEmptyMessage.remove();\n    }\n\n    if (!this.filterText.trim()) {\n      if (this.parsedOptions && this.parsedOptions.length > 0) {\n        // Reset options display\n        const items = Array.from(\n          ul.querySelectorAll('nv-fielddropdownitemcheck'),\n        );\n        items.forEach(item => {\n          item.style.display = '';\n        });\n      } else {\n        // Reset slot items display\n        const items = Array.from(\n          this.el.querySelectorAll('nv-fielddropdownitemcheck'),\n        );\n        items.forEach(item => {\n          item.style.display = '';\n        });\n      }\n\n      // Reorder with divider\n      const items = Array.from(\n        ul.querySelectorAll('nv-fielddropdownitemcheck'),\n      );\n      const selectedItems = items.filter(item =>\n        this.selectedValues.includes(item.getAttribute('value') || ''),\n      );\n      const unselectedItems = items.filter(\n        item => !this.selectedValues.includes(item.getAttribute('value') || ''),\n      );\n      this.manageDivider(ul, selectedItems, unselectedItems);\n      return;\n    }\n\n    const normalizedFilter = this.normalizeText(this.filterText);\n    let hasVisibleItems = false;\n\n    if (this.parsedOptions && this.parsedOptions.length > 0) {\n      // Filter options mode\n      const items = Array.from(\n        ul.querySelectorAll('nv-fielddropdownitemcheck'),\n      );\n\n      items.forEach(item => {\n        const option = this.parsedOptions.find(\n          opt => opt.value === item.getAttribute('value'),\n        );\n        if (option && !option.isDivider) {\n          const matchesFilter =\n            this.normalizeText(option.label).includes(normalizedFilter) ||\n            this.normalizeText(option.value).includes(normalizedFilter);\n\n          item.style.display = matchesFilter ? '' : 'none';\n          if (matchesFilter) hasVisibleItems = true;\n        }\n      });\n\n      // Manage the divider with the visible items\n      const visibleItems = items.filter(item => item.style.display !== 'none');\n      const visibleSelected = visibleItems.filter(item =>\n        this.selectedValues.includes(item.getAttribute('value') || ''),\n      );\n      const visibleUnselected = visibleItems.filter(\n        item => !this.selectedValues.includes(item.getAttribute('value') || ''),\n      );\n      this.manageDivider(ul, visibleSelected, visibleUnselected);\n    } else {\n      // Filter slot items mode\n      const items = Array.from(\n        this.el.querySelectorAll('nv-fielddropdownitemcheck'),\n      );\n\n      items.forEach(item => {\n        const label = item.getAttribute('label') || '';\n        const value = item.getAttribute('value') || '';\n        const textContent = item.textContent || '';\n\n        const matchesFilter =\n          this.normalizeText(label).includes(normalizedFilter) ||\n          this.normalizeText(value).includes(normalizedFilter) ||\n          this.normalizeText(textContent).includes(normalizedFilter);\n\n        item.style.display = matchesFilter ? '' : 'none';\n        if (matchesFilter) hasVisibleItems = true;\n      });\n    }\n\n    // Add empty message if no items match the filter\n    if (!hasVisibleItems) {\n      const emptyMessage = document.createElement('li');\n      emptyMessage.setAttribute('data-empty', 'true');\n      emptyMessage.textContent = this.emptyresult;\n      emptyMessage.classList.add('no-results-message');\n      ul.appendChild(emptyMessage);\n    }\n\n    this.reorderSlotContent();\n  }\n\n  /**\n   * Filter multiselect items in options mode.\n   */\n  private filterItemsOption() {\n    const ul = this.el.querySelector('ul');\n    if (!ul) return;\n\n    const normalizedFilter = this.normalizeText(this.filterText);\n    let hasVisibleItems = false;\n\n    const items = Array.from(ul.querySelectorAll('nv-fielddropdownitemcheck'));\n\n    // Reset items if the filter text is empty\n    if (!this.filterText.trim()) {\n      // Remove the empty message if it exists\n      this.removeEmptyMessageOption(ul);\n      items.forEach(item => (item.style.display = ''));\n      this.reorderOptionsContent(); // Reorder after reset\n      return;\n    }\n\n    // Filter the items\n    items.forEach(item => {\n      const label = item.getAttribute('label') || '';\n      const value = item.getAttribute('value') || '';\n\n      const matchesFilter =\n        this.normalizeText(label).includes(normalizedFilter) ||\n        this.normalizeText(value).includes(normalizedFilter);\n\n      item.style.display = matchesFilter ? '' : 'none';\n      if (matchesFilter) hasVisibleItems = true;\n    });\n\n    // Manage the divider with the visible items\n    const visibleItems = items.filter(item => item.style.display !== 'none');\n    const visibleSelected = visibleItems.filter(item =>\n      this.selectedValues.includes(item.getAttribute('value') || ''),\n    );\n    const visibleUnselected = visibleItems.filter(\n      item => !this.selectedValues.includes(item.getAttribute('value') || ''),\n    );\n\n    this.manageDivider(ul, visibleSelected, visibleUnselected);\n\n    // Add or remove the empty message based on the case\n    if (!hasVisibleItems) {\n      this.addEmptyMessageOption(ul);\n    } else {\n      this.removeEmptyMessageOption(ul);\n    }\n  }\n\n  /**\n   * Filter multiselect items in slots mode\n   */\n  private filterSlotsItems() {\n    if (this.modeState === 'options') return;\n\n    const ul = this.el.querySelector('ul');\n    if (!ul) return;\n\n    // Remove existing empty message if any\n    const existingEmptyMessage = ul.querySelector('[data-empty]');\n    if (existingEmptyMessage) {\n      existingEmptyMessage.remove();\n    }\n\n    // If filter text is empty, reset all items visibility\n    if (!this.filterText.trim()) {\n      this.resetFilter();\n      return;\n    }\n\n    const normalizedFilter = this.normalizeText(this.filterText);\n    let hasVisibleItems = false;\n\n    // Get all items and preserve them in the DOM\n    const items = Array.from(\n      this.el.querySelectorAll('nv-fielddropdownitemcheck'),\n    );\n\n    // Instead of removing/reordering, just hide/show items\n    items.forEach(item => {\n      const label = item.getAttribute('label') || '';\n      const value = item.getAttribute('value') || '';\n      const textContent = item.textContent?.trim() || '';\n\n      const matchesFilter =\n        this.normalizeText(label).includes(normalizedFilter) ||\n        this.normalizeText(value).includes(normalizedFilter) ||\n        this.normalizeText(textContent).includes(normalizedFilter);\n\n      item.style.display = matchesFilter ? '' : 'none';\n      if (matchesFilter) hasVisibleItems = true;\n    });\n\n    // Get visible items after filtering\n    const visibleItems = items.filter(item => item.style.display !== 'none');\n    const visibleSelectedItems = visibleItems.filter(item =>\n      this.selectedValues.includes(item.getAttribute('value') || ''),\n    );\n\n    this.manageDivider(\n      ul,\n      visibleSelectedItems,\n      visibleItems.filter(\n        item => !this.selectedValues.includes(item.getAttribute('value') || ''),\n      ),\n    );\n\n    // Add empty message if no items match the filter\n    if (!hasVisibleItems) {\n      const emptyMessage = document.createElement('li');\n      emptyMessage.setAttribute('data-empty', 'true');\n      emptyMessage.textContent = this.emptyresult;\n      emptyMessage.classList.add('no-results-message');\n      ul.appendChild(emptyMessage);\n    }\n  }\n\n  /**x\n   * Handle badge close for options mode.\n   */\n  private handleBadgeCloseOptions = (): void => {\n    this.selectedValues = [];\n    this.multiselectChange.emit(this.selectedValues);\n\n    // Uncheck all elements\n    const items = Array.from(\n      this.el.querySelectorAll('nv-fielddropdownitemcheck'),\n    );\n\n    items.forEach(item => {\n      item.checked = false;\n      item.style.display = '';\n    });\n\n    // Reorder options without the divider since there are no selected elements\n    this.parsedOptions = this.parsedOptions.filter(option => !option.isDivider);\n\n    // Reorder options without the divider since there are no selected elements\n    this.reorderOptionsContent();\n  };\n\n  /**\n   * Handle badge close for slots mode.\n   */\n  private handleBadgeCloseSlots = (): void => {\n    this.selectedValues = [];\n    this.multiselectChange.emit(this.selectedValues);\n\n    // Uncheck all elements\n    const items = Array.from(\n      this.el.querySelectorAll('nv-fielddropdownitemcheck'),\n    );\n\n    items.forEach(item => {\n      item.checked = false;\n      item.style.display = '';\n    });\n\n    // Reorder slot content\n    this.reorderSlotContent();\n  };\n\n  /**\n   * Normalizes text by removing accents and converting to lowercase\n   * @param {string} text - The text to normalize\n   * @returns {string} The normalized text\n   *\n   * @example\n   * normalizeText(\"Café Latte\") => \"cafe latte\"\n   *\n   * @description\n   * This function performs text normalization in three steps:\n   * 1. Decomposes characters into their base form and combining characters (NFD)\n   * 2. Removes all diacritical marks (accents, umlauts, etc.)\n   * 3. Converts to lowercase and trims whitespace\n   *\n   * @see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/normalize} - MDN documentation on String.normalize()\n   * @see {@link https://en.wikipedia.org/wiki/Unicode_equivalence#Normal_forms} - More info about Unicode normalization forms\n   */\n  private normalizeText(text: string): string {\n    return text\n      .normalize('NFD') // Decompose characters into base + combining characters (e.g., é => e + ´)\n      .replace(/[\\u0300-\\u036f]/g, '') // Remove all diacritical marks (Unicode range for combining characters)\n      .toLowerCase() // Convert to lowercase\n      .trim(); // Remove leading and trailing whitespace\n  }\n\n  /**\n   * Handle click outside the component.\n   * @param {MouseEvent} event - The click event.\n   */\n  private handleClickOutside(event: MouseEvent) {\n    if (\n      this.el.contains(event.target as Node) ||\n      (this.inputElement && this.inputElement.contains(event.target as Node))\n    ) {\n      return;\n    }\n\n    // Use handlePopoverClose for all cases\n    this.handlePopoverClose();\n  }\n\n  /**\n   * Handle popover close\n   */\n  private handlePopoverClose = () => {\n    // If we are handling Escape, ignore this event\n    if (this.isHandlingEscape) {\n      return;\n    }\n\n    this.open = false;\n    this.filterText = '';\n\n    // Only reorder based on the mode\n    if (this.modeState === 'options') {\n      this.reorderOptionsContent();\n    } else {\n      this.reorderSlotContent();\n    }\n\n    // Reset filter if needed\n    if (this.filterable) {\n      this.resetFilter();\n    }\n  };\n\n  /**\n   * Handle input blur for options mode.\n   */\n  private handleInputBlurOptions = () => {\n    setTimeout(() => {\n      if (!this.el.contains(document.activeElement)) {\n        // Close the popover without affecting the divider\n        this.open = false;\n        this.popoverElement.hide();\n\n        // Reset filter if needed\n        if (this.filterable) {\n          this.filterText = '';\n          this.resetFilter();\n        }\n      }\n    }, 150);\n  };\n\n  /**\n   * Handle keyboard events & arrow key navigation.\n   * If the multiselect is not open, opens it and focuses on the first item if the list is not filterable.\n   * If the multiselect is open, handles arrow key navigation and closes it if the focus is outside the component.\n   * @param {KeyboardEvent} event - The keyboard event.\n   */\n  @Listen('keydown', { passive: false })\n  async handleKeyDown(event: KeyboardEvent) {\n    if (!this.open) {\n      if (event.key === 'ArrowDown') {\n        this.open = true;\n        this.popoverElement.show();\n\n        // Focus on the first item if the list is not filterable\n        if (!this.filterable) {\n          requestAnimationFrame(() => {\n            this.focusFirstItem();\n          });\n        }\n\n        event.preventDefault();\n        return;\n      }\n      return;\n    }\n\n    const items = Array.from(\n      this.el.querySelectorAll(\n        'nv-fielddropdownitemcheck:not([style*=\"display: none\"])',\n      ),\n    ) as HTMLNvFielddropdownitemcheckElement[];\n\n    if (items.length === 0) {\n      console.warn('No visible items found to navigate');\n      return;\n    }\n\n    let currentIndex = items.findIndex(item =>\n      item.classList.contains('highlighted'),\n    );\n\n    if (event.key === 'ArrowDown') {\n      event.preventDefault();\n      currentIndex =\n        currentIndex === -1 ? 0 : (currentIndex + 1) % items.length;\n      this.updateHighlightedItem(items, currentIndex);\n    } else if (event.key === 'ArrowUp') {\n      event.preventDefault();\n      currentIndex =\n        currentIndex === -1\n          ? items.length - 1\n          : (currentIndex - 1 + items.length) % items.length;\n      this.updateHighlightedItem(items, currentIndex);\n    } else if (event.key === 'Enter' && currentIndex >= 0) {\n      event.preventDefault();\n      const selectedItem = items[currentIndex];\n\n      // Toggle the checked state\n      const isCurrentlyChecked = selectedItem.hasAttribute('checked');\n      selectedItem.checked = !isCurrentlyChecked;\n\n      // Trigger a click event to ensure proper event handling\n      selectedItem.dispatchEvent(\n        new MouseEvent('click', {\n          view: window,\n          bubbles: true,\n          cancelable: true,\n        }),\n      );\n    } else if (event.key === 'Escape') {\n      event.preventDefault();\n      event.stopPropagation(); // Prevent the event from propagating to the popover\n\n      // Do the reorder and wait a bit before closing\n      const handleEscape = async () => {\n        this.isHandlingEscape = true; // Disable the hide listener\n\n        if (this.modeState === 'options') {\n          this.reorderOptionsContent();\n        } else {\n          this.reorderSlotContent();\n        }\n\n        // Wait for the reorder to be applied\n        await new Promise(resolve => setTimeout(resolve, 100));\n\n        // Reactivate the hide listener after a short delay\n        setTimeout(() => {\n          this.isHandlingEscape = false;\n          this.open = false;\n          this.popoverElement.hide();\n        }, 150);\n\n        if (this.inputElement) {\n          this.inputElement.blur();\n        }\n      };\n\n      await handleEscape();\n    }\n  }\n\n  /**\n   * Updates the highlighted item in the dropdown list.\n   *\n   * @param {(HTMLNvFielddropdownitemElement | HTMLNvFielddropdownitemcheckElement)[]} items - The items to update.\n   * @param {number} index - The index of the item to highlight.\n   */\n  private updateHighlightedItem(\n    items: (\n      | HTMLNvFielddropdownitemElement\n      | HTMLNvFielddropdownitemcheckElement\n    )[],\n    index: number,\n  ) {\n    items.forEach((item, i) => {\n      if (i === index) {\n        item.classList.add('highlighted');\n        item.setAttribute('tabindex', '0');\n        item.scrollIntoView({ block: 'nearest' });\n        // Focus on the nv-fieldcheckbox inside\n        const checkbox = item.querySelector('nv-fieldcheckbox');\n        if (checkbox) {\n          (checkbox as HTMLElement).focus();\n        }\n      } else {\n        item.classList.remove('highlighted');\n        item.setAttribute('tabindex', '-1');\n      }\n    });\n  }\n\n  /**\n   * Focus on the first item in the dropdown list.\n   */\n  private focusFirstItem() {\n    const firstItem = this.el.querySelector(\n      'nv-fielddropdownitemcheck:not([style*=\"display: none\"])',\n    ) as HTMLNvFielddropdownitemcheckElement;\n\n    if (firstItem) {\n      firstItem.setAttribute('tabindex', '0');\n      firstItem.classList.add('highlighted');\n      firstItem.scrollIntoView({ block: 'nearest' });\n      // Focus on the nv-fieldcheckbox inside\n      const checkbox = firstItem.querySelector('nv-fieldcheckbox');\n      if (checkbox) {\n        (checkbox as HTMLElement).focus();\n      }\n    } else {\n      console.warn('No visible first item found to focus');\n    }\n  }\n\n  /**\n   * Handle click on the input container for options mode.\n   * @param {MouseEvent} event - The click event.\n   */\n  private handleInputContainerClickOptions = (event: MouseEvent) => {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    const target = event.target as HTMLElement;\n\n    if (target.tagName === 'P' || target.tagName === 'SPAN') {\n      this.open = true;\n      this.popoverElement.show();\n\n      const inputContainer = this.el.querySelector(\n        '.input-container',\n      ) as HTMLElement;\n      if (inputContainer) {\n        inputContainer.classList.add('focus-within');\n\n        const removeFocusWithin = () => {\n          inputContainer.classList.remove('focus-within');\n        };\n\n        this.popoverElement.addEventListener('hide', removeFocusWithin);\n      }\n    }\n  };\n\n  /**\n   * Handle click on the input container for slots mode.\n   * @param {MouseEvent} event - The click event.\n   */\n  private handleInputContainerClickSlots = (event: MouseEvent) => {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    const target = event.target as HTMLElement;\n\n    if (target.tagName === 'P' || target.tagName === 'SPAN') {\n      this.open = true;\n      this.popoverElement.show();\n\n      const inputContainer = this.el.querySelector(\n        '.input-container',\n      ) as HTMLElement;\n      if (inputContainer) {\n        inputContainer.classList.add('focus-within');\n\n        const removeFocusWithin = () => {\n          inputContainer.classList.remove('focus-within');\n        };\n\n        this.popoverElement.addEventListener('hide', removeFocusWithin);\n      }\n    }\n  };\n\n  /**\n   * Handle input change for options mode.\n   * @param {Event} event - The input event.\n   */\n  private readonly handleInputOptions = (event: Event) => {\n    if (!this.filterable) return;\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    const input = event.target as HTMLInputElement;\n    this.value = input.value;\n    this.valueChanged.emit(this.value);\n\n    // Clear any existing timer\n    if (this.debounceTimer) {\n      window.clearTimeout(this.debounceTimer);\n    }\n\n    // Set a new timer for filtering\n    this.debounceTimer = window.setTimeout(() => {\n      this.filterText = input.value.toLowerCase();\n      this.filterItemsOption();\n    }, this.debounceDelay);\n  };\n\n  private addEmptyMessageOption(ul: HTMLElement) {\n    const existingMessage = ul.querySelector('[data-empty]');\n    if (existingMessage) return;\n\n    const emptyMessage = document.createElement('li');\n    emptyMessage.setAttribute('data-empty', 'true');\n    emptyMessage.textContent = this.emptyresult;\n    emptyMessage.classList.add('no-results-message');\n    ul.appendChild(emptyMessage);\n  }\n\n  private removeEmptyMessageOption(ul: HTMLElement) {\n    const existingMessage = ul.querySelector('[data-empty]');\n    if (existingMessage) existingMessage.remove();\n  }\n\n  /**\n   * Handle input change for slots mode\n   * @param {Event} event - The input event.\n   */\n  private readonly handleInputSlots = (event: Event) => {\n    if (!this.filterable) return;\n    if (this.disabled || this.readonly) return;\n\n    const input = event.target as HTMLInputElement;\n    this.value = input.value;\n    this.valueChanged.emit(this.value);\n\n    // Clear any existing timer\n    if (this.debounceTimer) {\n      window.clearTimeout(this.debounceTimer);\n    }\n\n    // Set a new timer for filtering\n    this.debounceTimer = window.setTimeout(() => {\n      this.filterText = input.value.toLowerCase();\n      this.filterSlotsItems();\n    }, this.debounceDelay);\n  };\n\n  /**\n   * Handle input focus for options mode.\n   */\n  private handleInputFocusOptions = () => {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n    this.open = true;\n  };\n\n  /**\n   * Handle input focus for slots mode.\n   */\n  private handleInputFocusSlots = () => {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n    this.open = true;\n  };\n\n  /**\n   * Handle input blur for slots mode.\n   */\n  private handleInputBlurSlots = () => {\n    setTimeout(() => {\n      if (!this.el.contains(document.activeElement)) {\n        // Close the popover without affecting the divider\n        this.open = false;\n        this.popoverElement.hide();\n\n        // Reset filter if needed\n        if (this.filterable) {\n          this.filterText = '';\n          this.resetFilter();\n        }\n      }\n    }, 150);\n  };\n\n  /**\n   * Toggle the multiselect popover for options mode.\n   */\n  private togglePopoverOptions = (): void => {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    if (this.open) {\n      this.handlePopoverClose();\n    } else {\n      this.open = true;\n      this.popoverElement.show();\n\n      if (!this.filterable) {\n        this.focusFirstItem();\n      }\n    }\n  };\n\n  /**\n   * Toggle the multiselect popover for slots mode.\n   */\n  private togglePopoverSlots = (): void => {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    if (this.open) {\n      this.handlePopoverClose();\n    } else {\n      this.open = true;\n      this.popoverElement.show();\n\n      if (!this.filterable) {\n        this.focusFirstItem();\n      }\n    }\n  };\n\n  /**\n   * Watch for changes in the mode prop and update modeState accordingly\n   * @param {string} newValue - The new mode value\n   */\n  @Watch('mode')\n  handleModeChange(newValue: 'options' | 'slots') {\n    this.modeState = newValue;\n  }\n\n  private manageDivider(\n    ul: HTMLElement,\n    selectedItems: Element[],\n    unselectedItems: Element[],\n  ) {\n    let divider = ul.querySelector('hr.multiselect-divider') as HTMLElement;\n    if (!divider) {\n      divider = document.createElement('hr');\n      divider.className = 'multiselect-divider';\n      ul.appendChild(divider);\n    }\n\n    const shouldShowDivider =\n      selectedItems.length > 0 && unselectedItems.length > 0;\n\n    if (shouldShowDivider) {\n      // Place the divider after the last selected item\n      const lastSelectedItem = selectedItems[selectedItems.length - 1];\n      lastSelectedItem.after(divider);\n      divider.style.display = '';\n    } else {\n      divider.style.display = 'none';\n    }\n  }\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region RENDER\n\n  /**\n   * Renders the component in options mode\n   * @returns {any} The JSX for options mode\n   */\n  private renderOptionsMode() {\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        <nv-popover\n          ref={el => (this.popoverElement = el)}\n          triggerMode=\"controlled\"\n          placement=\"bottom-start\"\n          open={this.open}\n        >\n          <div class=\"input-wrapper-multiselect\" slot=\"trigger\">\n            <slot name=\"before-input\"></slot>\n\n            <div class=\"input-container-multiselect\">\n              <slot name=\"leading-input\"></slot>\n\n              <nv-badge\n                slot=\"leading-input\"\n                prevent-auto-close=\"true\"\n                color=\"10\"\n                dismissible={this.selectedValues.length > 0}\n                hidden={this.selectedValues.length <= 0}\n                label={`${this.selectedValues.length} ${this.badgeLabel}`}\n                aria-label={`Clear all ${this.selectedValues.length} ${this.badgeLabel} items`}\n                onCloseClicked={this.handleBadgeCloseOptions}\n              ></nv-badge>\n\n              {this.isFilterable || this.disabled || this.readonly ? (\n                <input\n                  id={this.inputId}\n                  ref={e => (this.inputElement = e)}\n                  autocomplete={this.autocomplete}\n                  placeholder={this.placeholder}\n                  name={this.name}\n                  value={this.value}\n                  required={this.required}\n                  disabled={this.disabled}\n                  readOnly={this.readonly}\n                  onInput={this.handleInputOptions}\n                  onFocus={this.handleInputFocusOptions}\n                  onBlur={this.handleInputBlurOptions}\n                  onKeyDown={this.handleKeyDown}\n                />\n              ) : (\n                <p\n                  id={this.inputId}\n                  class=\"non-filterable-text\"\n                  onClick={this.handleInputContainerClickOptions}\n                  tabIndex={0}\n                  onKeyDown={this.handleKeyDown}\n                  onFocus={this.handleInputFocusOptions}\n                  role=\"combobox\"\n                  aria-expanded={this.open}\n                >\n                  <span>{this.value || this.placeholder}</span>\n                </p>\n              )}\n\n              <nv-iconbutton\n                class=\"toggle-dropdown-icon\"\n                name={this.open ? 'chevron-top' : 'chevron-down'}\n                size=\"md\"\n                emphasis=\"lower\"\n                aria-label={this.open ? 'Hide dropdown' : 'Show dropdown'}\n                aria-pressed={this.open.toString()}\n                onClick={this.togglePopoverOptions}\n              />\n            </div>\n\n            <slot name=\"after-input\"></slot>\n          </div>\n\n          <div\n            slot=\"content\"\n            role=\"listbox\"\n            aria-multiselectable=\"true\"\n            style={{ 'max-height': this.maxHeight, 'overflow-y': 'auto' }}\n          >\n            <ul role=\"content\">\n              {this.parsedOptions.map(option => (\n                <nv-fielddropdownitemcheck\n                  label={option.label}\n                  description={option.description}\n                  value={option.value}\n                  checked={this.selectedValues.includes(option.value)}\n                  disabled={option.disabled}\n                ></nv-fielddropdownitemcheck>\n              ))}\n              <hr class=\"multiselect-divider\" style={{ display: 'none' }} />\n            </ul>\n          </div>\n        </nv-popover>\n\n        {this.renderDescriptions()}\n      </Host>\n    );\n  }\n\n  /**\n   * Renders the component in slots mode\n   * @returns {any} The JSX for slots mode\n   */\n  private renderSlotsMode() {\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        <nv-popover\n          ref={el => (this.popoverElement = el)}\n          triggerMode=\"controlled\"\n          placement=\"bottom-start\"\n          open={this.open}\n        >\n          <div class=\"input-wrapper-multiselect\" slot=\"trigger\">\n            <slot name=\"before-input\"></slot>\n\n            <div\n              class=\"input-container-multiselect\"\n              onClick={this.handleInputContainerClickSlots}\n            >\n              <slot name=\"leading-input\">\n                <p>No leading input</p>\n              </slot>\n\n              <nv-badge\n                slot=\"leading-input\"\n                prevent-auto-close=\"true\"\n                color=\"10\"\n                dismissible={this.selectedValues.length > 0}\n                hidden={this.selectedValues.length <= 0}\n                label={`${this.selectedValues.length} ${this.badgeLabel}`}\n                aria-label={`Clear all ${this.selectedValues.length} ${this.badgeLabel} items`}\n                onCloseClicked={this.handleBadgeCloseSlots}\n              ></nv-badge>\n\n              {this.isFilterable || this.disabled || this.readonly ? (\n                <input\n                  id={this.inputId}\n                  ref={e => (this.inputElement = e)}\n                  autocomplete={this.autocomplete}\n                  placeholder={this.placeholder}\n                  name={this.name}\n                  value={this.value}\n                  required={this.required}\n                  disabled={this.disabled}\n                  readOnly={this.readonly}\n                  onInput={this.handleInputSlots}\n                  onFocus={this.handleInputFocusSlots}\n                  onBlur={this.handleInputBlurSlots}\n                  onKeyDown={this.handleKeyDown}\n                />\n              ) : (\n                <p\n                  id={this.inputId}\n                  class=\"non-filterable-text\"\n                  onClick={this.handleInputContainerClickSlots}\n                  tabIndex={0}\n                  onKeyDown={this.handleKeyDown}\n                  onFocus={this.handleInputFocusSlots}\n                  role=\"combobox\"\n                  aria-expanded={this.open}\n                >\n                  <span>{this.value || this.placeholder}</span>\n                </p>\n              )}\n\n              <nv-iconbutton\n                class=\"toggle-dropdown-icon\"\n                name={this.open ? 'chevron-top' : 'chevron-down'}\n                size=\"md\"\n                emphasis=\"lower\"\n                aria-label={this.open ? 'Hide dropdown' : 'Show dropdown'}\n                aria-pressed={this.open.toString()}\n                onClick={this.togglePopoverSlots}\n              />\n            </div>\n\n            <slot name=\"after-input\"></slot>\n          </div>\n\n          <div\n            slot=\"content\"\n            role=\"listbox\"\n            aria-multiselectable=\"true\"\n            style={{ 'max-height': this.maxHeight, 'overflow-y': 'auto' }}\n          >\n            <slot name=\"content\"></slot>\n          </div>\n        </nv-popover>\n\n        {this.renderDescriptions()}\n      </Host>\n    );\n  }\n\n  /**\n   * Renders description and error description sections\n   * @returns {any} The JSX for descriptions\n   */\n  private renderDescriptions() {\n    return [\n      (this.description || this.el.querySelector('[slot=\"description\"]')) && (\n        <div class=\"description\">\n          <slot name=\"description\">{this.description}</slot>\n        </div>\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    ];\n  }\n\n  /**\n   * Main render method that decides which mode to render\n   * @returns {any} The JSX for the component\n   */\n  render() {\n    return this.modeState === 'options'\n      ? this.renderOptionsMode()\n      : this.renderSlotsMode();\n  }\n\n  //#endregion RENDER\n  /****************************************************************************/\n}\n"],"mappings":"oGAAA,MAAMA,EAAwB,6oMAC9B,MAAAC,EAAeD,E,MCgCFE,EAAkB,MAN/B,WAAAC,CAAAC,G,qKA6BWC,KAAAC,QAAkBC,IAkClBF,KAAAG,UAAoB,QAMpBH,KAAAI,WAAqB,GAMrBJ,KAAAK,YAAsB,mBAMtBL,KAAAM,SAAoB,MAQpBN,KAAAO,MAAiB,MAcjBP,KAAAQ,SAAoB,MAMpBR,KAAAS,SAAoB,MAMpBT,KAAAU,aAA2C,MAMpDV,KAAAW,WAAsB,MAYtBX,KAAAY,KAAgB,MAqBhBZ,KAAAa,cAaK,GAMLb,KAAAc,eAA2B,GAM3Bd,KAAAe,cAOK,GAMLf,KAAAgB,WAAqB,GAMrBhB,KAAAiB,aAAwBjB,KAAKW,WAOpBX,KAAAkB,cAAwB,IAQjClB,KAAAmB,UAAiC,UAGzBnB,KAAAoB,iBAA4B,MAmqB5BpB,KAAAqB,wBAA0B,KAChCrB,KAAKc,eAAiB,GACtBd,KAAKsB,kBAAkBC,KAAKvB,KAAKc,gBAGjC,MAAMU,EAAQC,MAAMC,KAClB1B,KAAK2B,GAAGC,iBAAiB,8BAG3BJ,EAAMK,SAAQC,IACZA,EAAKC,QAAU,MACfD,EAAKE,MAAMC,QAAU,EAAE,IAIzBjC,KAAKa,cAAgBb,KAAKa,cAAcqB,QAAOC,IAAWA,EAAOC,YAGjEpC,KAAKqC,uBAAuB,EAMtBrC,KAAAsC,sBAAwB,KAC9BtC,KAAKc,eAAiB,GACtBd,KAAKsB,kBAAkBC,KAAKvB,KAAKc,gBAGjC,MAAMU,EAAQC,MAAMC,KAClB1B,KAAK2B,GAAGC,iBAAiB,8BAG3BJ,EAAMK,SAAQC,IACZA,EAAKC,QAAU,MACfD,EAAKE,MAAMC,QAAU,EAAE,IAIzBjC,KAAKuC,oBAAoB,EA+CnBvC,KAAAwC,mBAAqB,KAE3B,GAAIxC,KAAKoB,iBAAkB,CACzB,M,CAGFpB,KAAKY,KAAO,MACZZ,KAAKgB,WAAa,GAGlB,GAAIhB,KAAKmB,YAAc,UAAW,CAChCnB,KAAKqC,uB,KACA,CACLrC,KAAKuC,oB,CAIP,GAAIvC,KAAKW,WAAY,CACnBX,KAAKyC,a,GAODzC,KAAA0C,uBAAyB,KAC/BC,YAAW,KACT,IAAK3C,KAAK2B,GAAGiB,SAASC,SAASC,eAAgB,CAE7C9C,KAAKY,KAAO,MACZZ,KAAK+C,eAAeC,OAGpB,GAAIhD,KAAKW,WAAY,CACnBX,KAAKgB,WAAa,GAClBhB,KAAKyC,a,KAGR,IAAI,EAiKDzC,KAAAiD,iCAAoCC,IAC1C,GAAIlD,KAAKS,UAAYT,KAAKQ,SAAU,CAClC,M,CAGF,MAAM2C,EAASD,EAAMC,OAErB,GAAIA,EAAOC,UAAY,KAAOD,EAAOC,UAAY,OAAQ,CACvDpD,KAAKY,KAAO,KACZZ,KAAK+C,eAAeM,OAEpB,MAAMC,EAAiBtD,KAAK2B,GAAG4B,cAC7B,oBAEF,GAAID,EAAgB,CAClBA,EAAeE,UAAUC,IAAI,gBAE7B,MAAMC,EAAoB,KACxBJ,EAAeE,UAAUG,OAAO,eAAe,EAGjD3D,KAAK+C,eAAea,iBAAiB,OAAQF,E,IAS3C1D,KAAA6D,+BAAkCX,IACxC,GAAIlD,KAAKS,UAAYT,KAAKQ,SAAU,CAClC,M,CAGF,MAAM2C,EAASD,EAAMC,OAErB,GAAIA,EAAOC,UAAY,KAAOD,EAAOC,UAAY,OAAQ,CACvDpD,KAAKY,KAAO,KACZZ,KAAK+C,eAAeM,OAEpB,MAAMC,EAAiBtD,KAAK2B,GAAG4B,cAC7B,oBAEF,GAAID,EAAgB,CAClBA,EAAeE,UAAUC,IAAI,gBAE7B,MAAMC,EAAoB,KACxBJ,EAAeE,UAAUG,OAAO,eAAe,EAGjD3D,KAAK+C,eAAea,iBAAiB,OAAQF,E,IASlC1D,KAAA8D,mBAAsBZ,IACrC,IAAKlD,KAAKW,WAAY,OACtB,GAAIX,KAAKS,UAAYT,KAAKQ,SAAU,CAClC,M,CAGF,MAAMuD,EAAQb,EAAMC,OACpBnD,KAAKgE,MAAQD,EAAMC,MACnBhE,KAAKiE,aAAa1C,KAAKvB,KAAKgE,OAG5B,GAAIhE,KAAKkE,cAAe,CACtBC,OAAOC,aAAapE,KAAKkE,c,CAI3BlE,KAAKkE,cAAgBC,OAAOxB,YAAW,KACrC3C,KAAKgB,WAAa+C,EAAMC,MAAMK,cAC9BrE,KAAKsE,mBAAmB,GACvBtE,KAAKkB,cAAc,EAuBPlB,KAAAuE,iBAAoBrB,IACnC,IAAKlD,KAAKW,WAAY,OACtB,GAAIX,KAAKS,UAAYT,KAAKQ,SAAU,OAEpC,MAAMuD,EAAQb,EAAMC,OACpBnD,KAAKgE,MAAQD,EAAMC,MACnBhE,KAAKiE,aAAa1C,KAAKvB,KAAKgE,OAG5B,GAAIhE,KAAKkE,cAAe,CACtBC,OAAOC,aAAapE,KAAKkE,c,CAI3BlE,KAAKkE,cAAgBC,OAAOxB,YAAW,KACrC3C,KAAKgB,WAAa+C,EAAMC,MAAMK,cAC9BrE,KAAKwE,kBAAkB,GACtBxE,KAAKkB,cAAc,EAMhBlB,KAAAyE,wBAA0B,KAChC,GAAIzE,KAAKS,UAAYT,KAAKQ,SAAU,CAClC,M,CAEFR,KAAKY,KAAO,IAAI,EAMVZ,KAAA0E,sBAAwB,KAC9B,GAAI1E,KAAKS,UAAYT,KAAKQ,SAAU,CAClC,M,CAEFR,KAAKY,KAAO,IAAI,EAMVZ,KAAA2E,qBAAuB,KAC7BhC,YAAW,KACT,IAAK3C,KAAK2B,GAAGiB,SAASC,SAASC,eAAgB,CAE7C9C,KAAKY,KAAO,MACZZ,KAAK+C,eAAeC,OAGpB,GAAIhD,KAAKW,WAAY,CACnBX,KAAKgB,WAAa,GAClBhB,KAAKyC,a,KAGR,IAAI,EAMDzC,KAAA4E,qBAAuB,KAC7B,GAAI5E,KAAKS,UAAYT,KAAKQ,SAAU,CAClC,M,CAGF,GAAIR,KAAKY,KAAM,CACbZ,KAAKwC,oB,KACA,CACLxC,KAAKY,KAAO,KACZZ,KAAK+C,eAAeM,OAEpB,IAAKrD,KAAKW,WAAY,CACpBX,KAAK6E,gB,IAQH7E,KAAA8E,mBAAqB,KAC3B,GAAI9E,KAAKS,UAAYT,KAAKQ,SAAU,CAClC,M,CAGF,GAAIR,KAAKY,KAAM,CACbZ,KAAKwC,oB,KACA,CACLxC,KAAKY,KAAO,KACZZ,KAAK+C,eAAeM,OAEpB,IAAKrD,KAAKW,WAAY,CACpBX,KAAK6E,gB,IA3nCX,iBAAAE,GACElC,SAASe,iBAAiB,QAAS5D,KAAKgF,mBAAmBC,KAAKjF,M,CAMlE,iBAAAkF,GACElF,KAAKmB,UAAYnB,KAAKmF,KAGtB,GAAInF,KAAKmB,YAAc,UAAW,CAChCnB,KAAKoF,oBAAoBpF,KAAKqF,Q,CAIhCC,uBAAsB,KACpB,GAAItF,KAAK+C,eAAgB,CACvB/C,KAAK+C,eAAea,iBAAiB,QAAQ,KAC3C5D,KAAKwC,oBAAoB,G,KAM/B,GAAIxC,KAAKmB,YAAc,QAAS,CAC9BoE,QAAQC,UAAUC,MAAK,KACrB,MAAMjE,EAAQC,MAAMC,KAClB1B,KAAK2B,GAAGC,iBAAiB,8BAI3B5B,KAAKc,eAAiBU,EACnBU,QAAOJ,GAAQA,EAAK4D,aAAa,aACjCC,KAAI7D,GAAQA,EAAK8D,aAAa,UAAY,KAG7CN,uBAAsB,KACpBtF,KAAKuC,oBAAoB,GACzB,G,CAKN,GAAIvC,KAAKmB,YAAc,UAAW,CAChCnB,KAAKe,cAAgB,IAAIf,KAAKa,c,CAIhC,GAAIb,KAAKW,YAAcX,KAAKgE,MAAO,CACjChE,KAAKgB,WAAa6E,OAAO7F,KAAKgE,OAAO8B,oBACrC9F,KAAK+F,a,KACA,CAEL/F,KAAKyC,a,EAOT,gBAAAuD,GACE,GAAIhG,KAAKmB,YAAc,UAAW,CAChCmE,uBAAsB,KACpBtF,KAAKqC,uBAAuB,G,EAQlC,oBAAA4D,GACEpD,SAASqD,oBAAoB,QAASlG,KAAKgF,mBAAmBC,KAAKjF,OAGnE,GAAIA,KAAK+C,eAAgB,CACvB/C,KAAK+C,eAAemD,oBAAoB,QAAQ,KAC9ClG,KAAKwC,oBAAoB,G,EAkC/B,iBAAA2D,CAAkBjD,GAEhBlD,KAAKY,KAAOsC,EAAMkD,OAElB,GAAIpG,KAAKY,KAAM,CACb,GAAIZ,KAAKgB,WAAY,CACnBhB,KAAK+F,a,OAEF,GAAI/F,KAAKmB,YAAc,UAAW,CACvCnB,KAAKqC,uB,KACA,CACLrC,KAAKuC,oB,EAST,iBAAA8D,CACEnD,GAOA,GAAIlD,KAAKS,UAAYT,KAAKQ,SAAU,CAClC,M,CAGF,MAAMwD,MAAEA,EAAKjC,QAAEA,GAAYmB,EAAMkD,OAEjC,GAAIpC,IAAUsC,WAAatC,IAAU,KAAM,CACzC,MAAMuC,EAAoB,IAAIvG,KAAKc,gBACnC,MAAM0F,EAAaD,EAAkBE,QAAQzC,GAE7C,GAAIjC,GAAWyE,KAAgB,EAAG,CAChCD,EAAkBG,KAAK1C,E,MAClB,IAAKjC,GAAWyE,GAAc,EAAG,CACtCD,EAAkBI,OAAOH,EAAY,E,CAIvC,GACEI,KAAKC,UAAU7G,KAAKc,kBACpB8F,KAAKC,UAAUN,GACf,CACAvG,KAAKc,eAAiByF,EAGtBjB,uBAAsB,KACpBtF,KAAKsB,kBAAkBC,KAAKvB,KAAKc,eAAe,G,MAG/C,CACLgG,QAAQC,KAAK,0D,EASjB,mBAAA3B,CACE4B,GAiBA,UAAWA,IAAa,SAAU,CAChC,IACE,MAAMC,EAAaL,KAAKM,MAAMF,GAC9BhH,KAAKc,eAAiBmG,EACnB/E,QAAOC,GAAUA,EAAOJ,UACxB4D,KAAIxD,GAAUA,EAAO6B,QACxBhE,KAAKa,cAAgB,IAAIoG,E,CACzB,MAAO1G,GACPuG,QAAQvG,MAAM,yBAA0BA,GACxCP,KAAKa,cAAgB,E,OAElB,GAAIY,MAAM0F,QAAQH,GAAW,CAClChH,KAAKc,eAAiBkG,EACnB9E,QAAOC,GAAUA,EAAOJ,UACxB4D,KAAIxD,GAAUA,EAAO6B,QACxBhE,KAAKa,cAAgB,IAAImG,E,KACpB,CACLhH,KAAKa,cAAgB,E,CAIvB0E,QAAQC,UAAUC,MAAK,KACrBH,uBAAsB,KACpB,GAAItF,KAAKmB,YAAc,UAAW,CAChCnB,KAAKqC,uB,IAEP,G,CAQN,iBAAA+E,GAEEpH,KAAKqH,qB,CAQP,sBAAAC,CAAuBN,GACrBhH,KAAKiB,aAAe+F,EACpBhH,KAAKW,WAAaqG,C,CAKpB,gBAAAO,CAAiBrE,GAEf,MAAMsE,EAAOtE,EAAMC,OACnB,GAAIqE,GAAQA,EAAKC,OAAS,UAAW,CAGnCnC,uBAAsB,KACpBtF,KAAKuC,oBAAoB,G,EAc/B,mBAAMmF,GACJ,OAAO1H,KAAKgB,U,CAMN,mBAAAqG,G,MACN,MAAM7F,EAAQC,MAAMC,KAAK1B,KAAK2B,GAAGC,iBAAiB,yBAElD,MAAM+F,EAAenG,EAAMoG,MACzB9F,I,MACE,OAAAA,EAAK8D,aAAa,WAAa5F,KAAKgE,OACpClC,EAAK8D,aAAa,WAAa5F,KAAKgE,SACpC6D,EAAA/F,EAAKgG,eAAW,MAAAD,SAAA,SAAAA,EAAEE,UAAW/H,KAAKgE,KAAK,IAI3CxC,EAAMK,SAAQC,IACZA,EAAKkG,gBAAgB,YACrBlG,EAAK0B,UAAUG,OAAO,WAAW,IAGnC,GAAIgE,EAAc,CAEhBA,EAAaM,aAAa,WAAY,QACtCN,EAAanE,UAAUC,IAAI,YAG3BzD,KAAKgE,MACH2D,EAAa/B,aAAa,UAC1B+B,EAAa/B,aAAa,YAC1BiC,EAAAF,EAAaG,eAAW,MAAAD,SAAA,SAAAA,EAAEE,SAC1B,GACF,GAAI/H,KAAKkI,aAAc,CACrBlI,KAAKkI,aAAalE,MAAQhE,KAAKgE,K,GASrC,iBAAMvB,GACJ,MAAMjB,EAAQC,MAAMC,KAClB1B,KAAK2B,GAAGC,iBAAiB,8BAI3BJ,EAAMK,SAAQC,IACZA,EAAKE,MAAMC,QAAU,EAAE,IAIzB,MAAMkG,EAAKnI,KAAK2B,GAAG4B,cAAc,MACjC,GAAI4E,EAAI,CACN,MAAMC,EAAeD,EAAG5E,cAAc,gBACtC,GAAI6E,EAAcA,EAAazE,SAG/B,MAAM0E,EAAgB7G,EAAMU,QAAOJ,GACjC9B,KAAKc,eAAewH,SAASxG,EAAK8D,aAAa,UAAY,MAE7D,MAAM2C,EAAkB/G,EAAMU,QAC5BJ,IAAS9B,KAAKc,eAAewH,SAASxG,EAAK8D,aAAa,UAAY,MAGtE,GAAIyC,EAAcG,OAAS,EAAG,CAC5BxI,KAAKyI,cAAcN,EAAmBE,EAAeE,E,GAU3D,uBAAMG,GACJ,OAAO1I,KAAKc,c,CAMN,kBAAAyB,GACN,GAAIvC,KAAKmB,YAAc,UAAW,OAElC,MAAMgH,EAAKnI,KAAK2B,GAAG4B,cAAc,MACjC,IAAK4E,EAAI,OAGTA,EAAGvG,iBAAiB,0BAA0BC,SAAQ8G,GACpDA,EAAQhF,WAIV,MAAMnC,EAAQC,MAAMC,KAClB1B,KAAK2B,GAAGC,iBAAiB,8BACzBM,QAAOJ,GAAQA,EAAKE,MAAMC,UAAY,SAGxC,MAAM2G,EAAkBT,EAAG5E,cAAc,gBACzC,GAAIqF,EAAiB,CAEnB,M,CAIF,MAAMP,EAAgB7G,EAAMU,QAAOJ,GACjC9B,KAAKc,eAAewH,SAASxG,EAAK8D,aAAa,UAAY,MAE7D,MAAM2C,EAAkB/G,EAAMU,QAC5BJ,IAAS9B,KAAKc,eAAewH,SAASxG,EAAK8D,aAAa,UAAY,MAMtEyC,EAAcxG,SAAQC,IACpBqG,EAAGU,YAAY/G,EAAK,IAItB,GAAIuG,EAAcG,OAAS,GAAKD,EAAgBC,OAAS,EAAG,CAC1D,MAAMG,EAAU9F,SAASiG,cAAc,MACvCH,EAAQI,UAAY,sBACpBZ,EAAGU,YAAYF,E,CAIjBJ,EAAgB1G,SAAQC,IACtBqG,EAAGU,YAAY/G,EAAK,G,CAOhB,qBAAAO,GACN,MAAM8F,EAAKnI,KAAK2B,GAAG4B,cAAc,sBACjC,IAAK4E,EAAI,OAET,MAAM3G,EAAQC,MAAMC,KAClByG,EAAGvG,iBAAiB,8BACpBM,QAAOJ,GAAQA,EAAKE,MAAMC,UAAY,SAExC,MAAMoG,EAAgB7G,EAAMU,QAAOJ,GACjC9B,KAAKc,eAAewH,SAASxG,EAAK8D,aAAa,UAAY,MAE7D,MAAM2C,EAAkB/G,EAAMU,QAC5BJ,IAAS9B,KAAKc,eAAewH,SAASxG,EAAK8D,aAAa,UAAY,MAItEyC,EAAcxG,SAAQC,GAAQqG,EAAGU,YAAY/G,KAC7CyG,EAAgB1G,SAAQC,GAAQqG,EAAGU,YAAY/G,KAG/C9B,KAAKyI,cAAcN,EAAIE,EAAeE,E,CAMhC,WAAAxC,GACN,MAAMoC,EAAKnI,KAAK2B,GAAG4B,cAAc,MACjC,IAAK4E,EAAI,OAGT,MAAMa,EAAuBb,EAAG5E,cAAc,gBAC9C,GAAIyF,EAAsB,CACxBA,EAAqBrF,Q,CAGvB,IAAK3D,KAAKgB,WAAW+G,OAAQ,CAC3B,GAAI/H,KAAKa,eAAiBb,KAAKa,cAAc2H,OAAS,EAAG,CAEvD,MAAMhH,EAAQC,MAAMC,KAClByG,EAAGvG,iBAAiB,8BAEtBJ,EAAMK,SAAQC,IACZA,EAAKE,MAAMC,QAAU,EAAE,G,KAEpB,CAEL,MAAMT,EAAQC,MAAMC,KAClB1B,KAAK2B,GAAGC,iBAAiB,8BAE3BJ,EAAMK,SAAQC,IACZA,EAAKE,MAAMC,QAAU,EAAE,G,CAK3B,MAAMT,EAAQC,MAAMC,KAClByG,EAAGvG,iBAAiB,8BAEtB,MAAMyG,EAAgB7G,EAAMU,QAAOJ,GACjC9B,KAAKc,eAAewH,SAASxG,EAAK8D,aAAa,UAAY,MAE7D,MAAM2C,EAAkB/G,EAAMU,QAC5BJ,IAAS9B,KAAKc,eAAewH,SAASxG,EAAK8D,aAAa,UAAY,MAEtE5F,KAAKyI,cAAcN,EAAIE,EAAeE,GACtC,M,CAGF,MAAMU,EAAmBjJ,KAAKkJ,cAAclJ,KAAKgB,YACjD,IAAImI,EAAkB,MAEtB,GAAInJ,KAAKa,eAAiBb,KAAKa,cAAc2H,OAAS,EAAG,CAEvD,MAAMhH,EAAQC,MAAMC,KAClByG,EAAGvG,iBAAiB,8BAGtBJ,EAAMK,SAAQC,IACZ,MAAMK,EAASnC,KAAKa,cAAc+G,MAChCwB,GAAOA,EAAIpF,QAAUlC,EAAK8D,aAAa,WAEzC,GAAIzD,IAAWA,EAAOC,UAAW,CAC/B,MAAMiH,EACJrJ,KAAKkJ,cAAc/G,EAAOmH,OAAOhB,SAASW,IAC1CjJ,KAAKkJ,cAAc/G,EAAO6B,OAAOsE,SAASW,GAE5CnH,EAAKE,MAAMC,QAAUoH,EAAgB,GAAK,OAC1C,GAAIA,EAAeF,EAAkB,I,KAKzC,MAAMI,EAAe/H,EAAMU,QAAOJ,GAAQA,EAAKE,MAAMC,UAAY,SACjE,MAAMuH,EAAkBD,EAAarH,QAAOJ,GAC1C9B,KAAKc,eAAewH,SAASxG,EAAK8D,aAAa,UAAY,MAE7D,MAAM6D,EAAoBF,EAAarH,QACrCJ,IAAS9B,KAAKc,eAAewH,SAASxG,EAAK8D,aAAa,UAAY,MAEtE5F,KAAKyI,cAAcN,EAAIqB,EAAiBC,E,KACnC,CAEL,MAAMjI,EAAQC,MAAMC,KAClB1B,KAAK2B,GAAGC,iBAAiB,8BAG3BJ,EAAMK,SAAQC,IACZ,MAAMwH,EAAQxH,EAAK8D,aAAa,UAAY,GAC5C,MAAM5B,EAAQlC,EAAK8D,aAAa,UAAY,GAC5C,MAAMkC,EAAchG,EAAKgG,aAAe,GAExC,MAAMuB,EACJrJ,KAAKkJ,cAAcI,GAAOhB,SAASW,IACnCjJ,KAAKkJ,cAAclF,GAAOsE,SAASW,IACnCjJ,KAAKkJ,cAAcpB,GAAaQ,SAASW,GAE3CnH,EAAKE,MAAMC,QAAUoH,EAAgB,GAAK,OAC1C,GAAIA,EAAeF,EAAkB,IAAI,G,CAK7C,IAAKA,EAAiB,CACpB,MAAMf,EAAevF,SAASiG,cAAc,MAC5CV,EAAaH,aAAa,aAAc,QACxCG,EAAaN,YAAc9H,KAAKK,YAChC+H,EAAa5E,UAAUC,IAAI,sBAC3B0E,EAAGU,YAAYT,E,CAGjBpI,KAAKuC,oB,CAMC,iBAAA+B,GACN,MAAM6D,EAAKnI,KAAK2B,GAAG4B,cAAc,MACjC,IAAK4E,EAAI,OAET,MAAMc,EAAmBjJ,KAAKkJ,cAAclJ,KAAKgB,YACjD,IAAImI,EAAkB,MAEtB,MAAM3H,EAAQC,MAAMC,KAAKyG,EAAGvG,iBAAiB,8BAG7C,IAAK5B,KAAKgB,WAAW+G,OAAQ,CAE3B/H,KAAK0J,yBAAyBvB,GAC9B3G,EAAMK,SAAQC,GAASA,EAAKE,MAAMC,QAAU,KAC5CjC,KAAKqC,wBACL,M,CAIFb,EAAMK,SAAQC,IACZ,MAAMwH,EAAQxH,EAAK8D,aAAa,UAAY,GAC5C,MAAM5B,EAAQlC,EAAK8D,aAAa,UAAY,GAE5C,MAAMyD,EACJrJ,KAAKkJ,cAAcI,GAAOhB,SAASW,IACnCjJ,KAAKkJ,cAAclF,GAAOsE,SAASW,GAErCnH,EAAKE,MAAMC,QAAUoH,EAAgB,GAAK,OAC1C,GAAIA,EAAeF,EAAkB,IAAI,IAI3C,MAAMI,EAAe/H,EAAMU,QAAOJ,GAAQA,EAAKE,MAAMC,UAAY,SACjE,MAAMuH,EAAkBD,EAAarH,QAAOJ,GAC1C9B,KAAKc,eAAewH,SAASxG,EAAK8D,aAAa,UAAY,MAE7D,MAAM6D,EAAoBF,EAAarH,QACrCJ,IAAS9B,KAAKc,eAAewH,SAASxG,EAAK8D,aAAa,UAAY,MAGtE5F,KAAKyI,cAAcN,EAAIqB,EAAiBC,GAGxC,IAAKN,EAAiB,CACpBnJ,KAAK2J,sBAAsBxB,E,KACtB,CACLnI,KAAK0J,yBAAyBvB,E,EAO1B,gBAAA3D,GACN,GAAIxE,KAAKmB,YAAc,UAAW,OAElC,MAAMgH,EAAKnI,KAAK2B,GAAG4B,cAAc,MACjC,IAAK4E,EAAI,OAGT,MAAMa,EAAuBb,EAAG5E,cAAc,gBAC9C,GAAIyF,EAAsB,CACxBA,EAAqBrF,Q,CAIvB,IAAK3D,KAAKgB,WAAW+G,OAAQ,CAC3B/H,KAAKyC,cACL,M,CAGF,MAAMwG,EAAmBjJ,KAAKkJ,cAAclJ,KAAKgB,YACjD,IAAImI,EAAkB,MAGtB,MAAM3H,EAAQC,MAAMC,KAClB1B,KAAK2B,GAAGC,iBAAiB,8BAI3BJ,EAAMK,SAAQC,I,MACZ,MAAMwH,EAAQxH,EAAK8D,aAAa,UAAY,GAC5C,MAAM5B,EAAQlC,EAAK8D,aAAa,UAAY,GAC5C,MAAMkC,IAAcD,EAAA/F,EAAKgG,eAAW,MAAAD,SAAA,SAAAA,EAAEE,SAAU,GAEhD,MAAMsB,EACJrJ,KAAKkJ,cAAcI,GAAOhB,SAASW,IACnCjJ,KAAKkJ,cAAclF,GAAOsE,SAASW,IACnCjJ,KAAKkJ,cAAcpB,GAAaQ,SAASW,GAE3CnH,EAAKE,MAAMC,QAAUoH,EAAgB,GAAK,OAC1C,GAAIA,EAAeF,EAAkB,IAAI,IAI3C,MAAMI,EAAe/H,EAAMU,QAAOJ,GAAQA,EAAKE,MAAMC,UAAY,SACjE,MAAM2H,EAAuBL,EAAarH,QAAOJ,GAC/C9B,KAAKc,eAAewH,SAASxG,EAAK8D,aAAa,UAAY,MAG7D5F,KAAKyI,cACHN,EACAyB,EACAL,EAAarH,QACXJ,IAAS9B,KAAKc,eAAewH,SAASxG,EAAK8D,aAAa,UAAY,OAKxE,IAAKuD,EAAiB,CACpB,MAAMf,EAAevF,SAASiG,cAAc,MAC5CV,EAAaH,aAAa,aAAc,QACxCG,EAAaN,YAAc9H,KAAKK,YAChC+H,EAAa5E,UAAUC,IAAI,sBAC3B0E,EAAGU,YAAYT,E,EAkEX,aAAAc,CAAcW,GACpB,OAAOA,EACJC,UAAU,OACVC,QAAQ,mBAAoB,IAC5B1F,cACA0D,M,CAOG,kBAAA/C,CAAmB9B,GACzB,GACElD,KAAK2B,GAAGiB,SAASM,EAAMC,SACtBnD,KAAKkI,cAAgBlI,KAAKkI,aAAatF,SAASM,EAAMC,QACvD,CACA,M,CAIFnD,KAAKwC,oB,CAsDP,mBAAMwH,CAAc9G,GAClB,IAAKlD,KAAKY,KAAM,CACd,GAAIsC,EAAM+G,MAAQ,YAAa,CAC7BjK,KAAKY,KAAO,KACZZ,KAAK+C,eAAeM,OAGpB,IAAKrD,KAAKW,WAAY,CACpB2E,uBAAsB,KACpBtF,KAAK6E,gBAAgB,G,CAIzB3B,EAAMgH,iBACN,M,CAEF,M,CAGF,MAAM1I,EAAQC,MAAMC,KAClB1B,KAAK2B,GAAGC,iBACN,4DAIJ,GAAIJ,EAAMgH,SAAW,EAAG,CACtB1B,QAAQC,KAAK,sCACb,M,CAGF,IAAIoD,EAAe3I,EAAM4I,WAAUtI,GACjCA,EAAK0B,UAAUZ,SAAS,iBAG1B,GAAIM,EAAM+G,MAAQ,YAAa,CAC7B/G,EAAMgH,iBACNC,EACEA,KAAkB,EAAI,GAAKA,EAAe,GAAK3I,EAAMgH,OACvDxI,KAAKqK,sBAAsB7I,EAAO2I,E,MAC7B,GAAIjH,EAAM+G,MAAQ,UAAW,CAClC/G,EAAMgH,iBACNC,EACEA,KAAkB,EACd3I,EAAMgH,OAAS,GACd2B,EAAe,EAAI3I,EAAMgH,QAAUhH,EAAMgH,OAChDxI,KAAKqK,sBAAsB7I,EAAO2I,E,MAC7B,GAAIjH,EAAM+G,MAAQ,SAAWE,GAAgB,EAAG,CACrDjH,EAAMgH,iBACN,MAAMvC,EAAenG,EAAM2I,GAG3B,MAAMG,EAAqB3C,EAAajC,aAAa,WACrDiC,EAAa5F,SAAWuI,EAGxB3C,EAAa4C,cACX,IAAIC,WAAW,QAAS,CACtBC,KAAMtG,OACNuG,QAAS,KACTC,WAAY,O,MAGX,GAAIzH,EAAM+G,MAAQ,SAAU,CACjC/G,EAAMgH,iBACNhH,EAAM0H,kBAGN,MAAMC,EAAeC,UACnB9K,KAAKoB,iBAAmB,KAExB,GAAIpB,KAAKmB,YAAc,UAAW,CAChCnB,KAAKqC,uB,KACA,CACLrC,KAAKuC,oB,OAID,IAAIgD,SAAQC,GAAW7C,WAAW6C,EAAS,OAGjD7C,YAAW,KACT3C,KAAKoB,iBAAmB,MACxBpB,KAAKY,KAAO,MACZZ,KAAK+C,eAAeC,MAAM,GACzB,KAEH,GAAIhD,KAAKkI,aAAc,CACrBlI,KAAKkI,aAAa6C,M,SAIhBF,G,EAUF,qBAAAR,CACN7I,EAIAwJ,GAEAxJ,EAAMK,SAAQ,CAACC,EAAMmJ,KACnB,GAAIA,IAAMD,EAAO,CACflJ,EAAK0B,UAAUC,IAAI,eACnB3B,EAAKmG,aAAa,WAAY,KAC9BnG,EAAKoJ,eAAe,CAAEC,MAAO,YAE7B,MAAMC,EAAWtJ,EAAKyB,cAAc,oBACpC,GAAI6H,EAAU,CACXA,EAAyBC,O,MAEvB,CACLvJ,EAAK0B,UAAUG,OAAO,eACtB7B,EAAKmG,aAAa,WAAY,K,KAQ5B,cAAApD,GACN,MAAMyG,EAAYtL,KAAK2B,GAAG4B,cACxB,2DAGF,GAAI+H,EAAW,CACbA,EAAUrD,aAAa,WAAY,KACnCqD,EAAU9H,UAAUC,IAAI,eACxB6H,EAAUJ,eAAe,CAAEC,MAAO,YAElC,MAAMC,EAAWE,EAAU/H,cAAc,oBACzC,GAAI6H,EAAU,CACXA,EAAyBC,O,MAEvB,CACLvE,QAAQC,KAAK,uC,EA0FT,qBAAA4C,CAAsBxB,GAC5B,MAAMoD,EAAkBpD,EAAG5E,cAAc,gBACzC,GAAIgI,EAAiB,OAErB,MAAMnD,EAAevF,SAASiG,cAAc,MAC5CV,EAAaH,aAAa,aAAc,QACxCG,EAAaN,YAAc9H,KAAKK,YAChC+H,EAAa5E,UAAUC,IAAI,sBAC3B0E,EAAGU,YAAYT,E,CAGT,wBAAAsB,CAAyBvB,GAC/B,MAAMoD,EAAkBpD,EAAG5E,cAAc,gBACzC,GAAIgI,EAAiBA,EAAgB5H,Q,CA+GvC,gBAAA6H,CAAiBxE,GACfhH,KAAKmB,UAAY6F,C,CAGX,aAAAyB,CACNN,EACAE,EACAE,GAEA,IAAII,EAAUR,EAAG5E,cAAc,0BAC/B,IAAKoF,EAAS,CACZA,EAAU9F,SAASiG,cAAc,MACjCH,EAAQI,UAAY,sBACpBZ,EAAGU,YAAYF,E,CAGjB,MAAM8C,EACJpD,EAAcG,OAAS,GAAKD,EAAgBC,OAAS,EAEvD,GAAIiD,EAAmB,CAErB,MAAMC,EAAmBrD,EAAcA,EAAcG,OAAS,GAC9DkD,EAAiBC,MAAMhD,GACvBA,EAAQ3G,MAAMC,QAAU,E,KACnB,CACL0G,EAAQ3G,MAAMC,QAAU,M,EAYpB,iBAAA2J,GACN,OACEC,EAACC,EAAI,MACD9L,KAAKsJ,OAAStJ,KAAK2B,GAAG4B,cAAc,oBACpCsI,EAAA,SAAOE,QAAS/L,KAAKC,SACnB4L,EAAA,QAAMpE,KAAK,SAASzH,KAAKsJ,QAI7BuC,EAAA,cACEG,IAAKrK,GAAO3B,KAAK+C,eAAiBpB,EAClCsK,YAAY,aACZC,UAAU,eACVtL,KAAMZ,KAAKY,MAEXiL,EAAA,OAAKM,MAAM,4BAA4B3E,KAAK,WAC1CqE,EAAA,QAAMpE,KAAK,iBAEXoE,EAAA,OAAKM,MAAM,+BACTN,EAAA,QAAMpE,KAAK,kBAEXoE,EAAA,YACErE,KAAK,gBAAe,qBACD,OACnB4E,MAAM,KACNC,YAAarM,KAAKc,eAAe0H,OAAS,EAC1C8D,OAAQtM,KAAKc,eAAe0H,QAAU,EACtCc,MAAO,GAAGtJ,KAAKc,eAAe0H,UAAUxI,KAAKI,aAAY,aAC7C,aAAaJ,KAAKc,eAAe0H,UAAUxI,KAAKI,mBAC5DmM,eAAgBvM,KAAKqB,0BAGtBrB,KAAKiB,cAAgBjB,KAAKS,UAAYT,KAAKQ,SAC1CqL,EAAA,SACEW,GAAIxM,KAAKC,QACT+L,IAAKS,GAAMzM,KAAKkI,aAAeuE,EAC/B/L,aAAcV,KAAKU,aACnBgM,YAAa1M,KAAK0M,YAClBjF,KAAMzH,KAAKyH,KACXzD,MAAOhE,KAAKgE,MACZ1D,SAAUN,KAAKM,SACfG,SAAUT,KAAKS,SACfkM,SAAU3M,KAAKQ,SACfoM,QAAS5M,KAAK8D,mBACd+I,QAAS7M,KAAKyE,wBACdqI,OAAQ9M,KAAK0C,uBACbqK,UAAW/M,KAAKgK,gBAGlB6B,EAAA,KACEW,GAAIxM,KAAKC,QACTkM,MAAM,sBACNa,QAAShN,KAAKiD,iCACdgK,SAAU,EACVF,UAAW/M,KAAKgK,cAChB6C,QAAS7M,KAAKyE,wBACdyI,KAAK,WAAU,gBACAlN,KAAKY,MAEpBiL,EAAA,YAAO7L,KAAKgE,OAAShE,KAAK0M,cAI9Bb,EAAA,iBACEM,MAAM,uBACN1E,KAAMzH,KAAKY,KAAO,cAAgB,eAClCuM,KAAK,KACLC,SAAS,QAAO,aACJpN,KAAKY,KAAO,gBAAkB,gBAAe,eAC3CZ,KAAKY,KAAKyM,WACxBL,QAAShN,KAAK4E,wBAIlBiH,EAAA,QAAMpE,KAAK,iBAGboE,EAAA,OACErE,KAAK,UACL0F,KAAK,UAAS,uBACO,OACrBlL,MAAO,CAAE,aAAchC,KAAKG,UAAW,aAAc,SAErD0L,EAAA,MAAIqB,KAAK,WACNlN,KAAKa,cAAc8E,KAAIxD,GACtB0J,EAAA,6BACEvC,MAAOnH,EAAOmH,MACdgE,YAAanL,EAAOmL,YACpBtJ,MAAO7B,EAAO6B,MACdjC,QAAS/B,KAAKc,eAAewH,SAASnG,EAAO6B,OAC7CvD,SAAU0B,EAAO1B,aAGrBoL,EAAA,MAAIM,MAAM,sBAAsBnK,MAAO,CAAEC,QAAS,aAKvDjC,KAAKuN,qB,CASJ,eAAAC,GACN,OACE3B,EAACC,EAAI,MACD9L,KAAKsJ,OAAStJ,KAAK2B,GAAG4B,cAAc,oBACpCsI,EAAA,SAAOE,QAAS/L,KAAKC,SACnB4L,EAAA,QAAMpE,KAAK,SAASzH,KAAKsJ,QAI7BuC,EAAA,cACEG,IAAKrK,GAAO3B,KAAK+C,eAAiBpB,EAClCsK,YAAY,aACZC,UAAU,eACVtL,KAAMZ,KAAKY,MAEXiL,EAAA,OAAKM,MAAM,4BAA4B3E,KAAK,WAC1CqE,EAAA,QAAMpE,KAAK,iBAEXoE,EAAA,OACEM,MAAM,8BACNa,QAAShN,KAAK6D,gCAEdgI,EAAA,QAAMpE,KAAK,iBACToE,EAAA,8BAGFA,EAAA,YACErE,KAAK,gBAAe,qBACD,OACnB4E,MAAM,KACNC,YAAarM,KAAKc,eAAe0H,OAAS,EAC1C8D,OAAQtM,KAAKc,eAAe0H,QAAU,EACtCc,MAAO,GAAGtJ,KAAKc,eAAe0H,UAAUxI,KAAKI,aAAY,aAC7C,aAAaJ,KAAKc,eAAe0H,UAAUxI,KAAKI,mBAC5DmM,eAAgBvM,KAAKsC,wBAGtBtC,KAAKiB,cAAgBjB,KAAKS,UAAYT,KAAKQ,SAC1CqL,EAAA,SACEW,GAAIxM,KAAKC,QACT+L,IAAKS,GAAMzM,KAAKkI,aAAeuE,EAC/B/L,aAAcV,KAAKU,aACnBgM,YAAa1M,KAAK0M,YAClBjF,KAAMzH,KAAKyH,KACXzD,MAAOhE,KAAKgE,MACZ1D,SAAUN,KAAKM,SACfG,SAAUT,KAAKS,SACfkM,SAAU3M,KAAKQ,SACfoM,QAAS5M,KAAKuE,iBACdsI,QAAS7M,KAAK0E,sBACdoI,OAAQ9M,KAAK2E,qBACboI,UAAW/M,KAAKgK,gBAGlB6B,EAAA,KACEW,GAAIxM,KAAKC,QACTkM,MAAM,sBACNa,QAAShN,KAAK6D,+BACdoJ,SAAU,EACVF,UAAW/M,KAAKgK,cAChB6C,QAAS7M,KAAK0E,sBACdwI,KAAK,WAAU,gBACAlN,KAAKY,MAEpBiL,EAAA,YAAO7L,KAAKgE,OAAShE,KAAK0M,cAI9Bb,EAAA,iBACEM,MAAM,uBACN1E,KAAMzH,KAAKY,KAAO,cAAgB,eAClCuM,KAAK,KACLC,SAAS,QAAO,aACJpN,KAAKY,KAAO,gBAAkB,gBAAe,eAC3CZ,KAAKY,KAAKyM,WACxBL,QAAShN,KAAK8E,sBAIlB+G,EAAA,QAAMpE,KAAK,iBAGboE,EAAA,OACErE,KAAK,UACL0F,KAAK,UAAS,uBACO,OACrBlL,MAAO,CAAE,aAAchC,KAAKG,UAAW,aAAc,SAErD0L,EAAA,QAAMpE,KAAK,cAIdzH,KAAKuN,qB,CASJ,kBAAAA,GACN,MAAO,EACJvN,KAAKsN,aAAetN,KAAK2B,GAAG4B,cAAc,0BACzCsI,EAAA,OAAKM,MAAM,eACTN,EAAA,QAAMpE,KAAK,eAAezH,KAAKsN,eAGlCtN,KAAKyN,kBACJzN,KAAK2B,GAAG4B,cAAc,gCACtBsI,EAAA,OAAKS,QAAStM,KAAKO,MAAO4L,MAAM,qBAC9BN,EAAA,QAAMpE,KAAK,qBAAqBzH,KAAKyN,mB,CAU7C,MAAAC,GACE,OAAO1N,KAAKmB,YAAc,UACtBnB,KAAK4L,oBACL5L,KAAKwN,iB","ignoreList":[]}

package/dist/native/p-211f7b19.entry.js

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

package/dist/native/p-211f7b19.entry.js.map

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

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

@@ -0,0 +1,2 @@
+import{r as a,h as c,a as d}from"./p-5439afb8.js";const e="";const s=e;const t=class{constructor(c){a(this,c)}render(){return c(d,{key:"f136ccd96f48d5743cc1c08c26029421af4ab2c0"},c("thead",{key:"ad54538a6f4e452865c42fc9b7db2011ca1fc5b8"},c("slot",{key:"dc0c6baf00c50aba57d43bb3f159a648dea3f1e1"})))}};t.style=s;export{t as nv_datagridhead};
+//# sourceMappingURL=p-2aebf31b.entry.js.map