npm - @nova-design-system/nova-webcomponents - Versions diffs - 3.0.0-beta.46 → 3.0.0 - Mend

@nova-design-system/nova-webcomponents 3.0.0-beta.46 → 3.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (322) hide show

package/dist/esm/nv-fieldselect.entry.js CHANGED Viewed

@@ -340,13 +340,13 @@ const NvFieldselect = class {
      * @returns {HTMLStencilElement} The HTML element to render.
      */
     render() {
-        return (h(Host, { key: '017364e5a5df156be42741e3acc4457414f8e6ee' }, (this.label || this.el.querySelector('[slot="label"]')) && (h("label", { key: '2e4b247018a759307ea5e3920a4066a2c1c14e92', htmlFor: this.inputId }, h("slot", { key: '1bbad9d0b4be9fc35c0cc63859ba6dcdb4375377', name: "label" }, this.label))), h("div", { key: '572073518f738014fd27d8de84fc856a01889636', class: "select-wrapper" }, h("slot", { key: '490730d4fc16f78284a8ca40ab952870eb01b503', name: "before-input" }), h("div", { key: 'a92ea3295f64ce1c6d8da5cf439d7c796493fdf5', class: "select-container", onClick: this.handleSelectContainerClick }, h("slot", { key: 'f80e732415ec42a4c7b02922f1b50d2cf3950e88', name: "leading-input" }), this.internalReadonly && (h("input", { key: 'b1ee7e799434d0e36d1f98031338137347bcedea', id: this.inputId + '-readonly', type: "text", value: this.computedDisplayValue, readonly: true, class: "readonly-input", "aria-readonly": "true", "aria-label": this.label, "aria-describedby": this.error
+        return (h(Host, { key: '38cb85c6698c5541793a1e5d34b36417cd743759' }, (this.label || this.el.querySelector('[slot="label"]')) && (h("label", { key: 'd81b9837c43c1a19a2d87b51cede9e7c32bda50c', htmlFor: this.inputId }, h("slot", { key: '9d7c10281b117f2006ca1997f91e4e0b99fc5ab5', name: "label" }, this.label))), h("div", { key: '2796a31f2aac0604054c4542564fca77c2ac4272', class: "select-wrapper" }, h("slot", { key: '0407c6379597b09e1bb11ee6b43110b1d5fb98ea', name: "before-input" }), h("div", { key: 'c0ae999fc017fb0352b0a1cfe2ff75e313955f23', class: "select-container", onClick: this.handleSelectContainerClick }, h("slot", { key: 'ea2b63ddb3b70521b63e15efd1c3daf06c38cc0a', name: "leading-input" }), this.internalReadonly && (h("input", { key: 'f543f67c0360ac315ed873eb14a93af35dd90670', id: this.inputId + '-readonly', type: "text", value: this.computedDisplayValue, readonly: true, class: "readonly-input", "aria-readonly": "true", "aria-label": this.label, "aria-describedby": this.error
                 ? `${this.inputId}-error`
-                : `${this.inputId}-description` })), h("select", { key: '9a8b48a7a41522b09b65a5c76b7e861b5d6eef49', id: this.inputId, ref: el => (this.selectElement = el), name: this.name, autofocus: this.autofocus, disabled: this.disabled, required: this.required, multiple: this.multiple, onChange: this.handleSelectChange, class: this.internalReadonly ? 'hidden' : '', "aria-label": this.label, "aria-describedby": this.error
+                : `${this.inputId}-description` })), h("select", { key: 'b2ae3854c40ea798069417127cd763c8a0db040e', id: this.inputId, ref: el => (this.selectElement = el), name: this.name, autofocus: this.autofocus, disabled: this.disabled, required: this.required, multiple: this.multiple, onChange: this.handleSelectChange, class: this.internalReadonly ? 'hidden' : '', "aria-label": this.label, "aria-describedby": this.error
                 ? `${this.inputId}-error`
-                : `${this.inputId}-description` }, this.parsedOptions.length > 0 ? (this.parsedOptions.map(option => (h("option", { value: option.value, selected: option.selected, disabled: option.disabled }, option.label)))) : (h("slot", null))), h("div", { key: '7ecac0a159ca2b4925b8a940c80f8aef94a2ca1d', class: "select-icons" }, this.error && (h("nv-icon", { key: 'fd3d75a5c621a49f45550d9596f4910ef01a56b2', name: "alert-circle", class: "validation", size: "md" })), this.success && (h("nv-icon", { key: '45b3e11a48f5f700ac9c21ba276ee9c93640d0d9', name: "circle-check", class: "validation", size: "md" })), !this.multiple && (h("nv-iconbutton", { key: '07171fbe1fc88f4c7af0513ed718376ce1a1aeb3', name: "chevron-down", size: "md", emphasis: "lower", tabindex: -1 })))), h("slot", { key: '096bf49c55359062fc790d31660b331a5988ad22', name: "after-input" })), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (h("div", { key: '7b292eeb3a1ca29b7cb1b631926b591183ab50fc', class: "description", id: `${this.inputId}-description` }, h("slot", { key: 'a2fdc1929f7aa2571cd11d01e2c1ed165afb856c', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (h("div", { key: '3d189e87ff7cee9a43ccad85c6e84fcdb3343f1f', class: "error-description", id: `${this.inputId}-error` }, h("slot", { key: '515059b75c8e2c1e600a28124135cbd7af87ccbf', name: "error-description" }, this.errorDescription)))));
+                : `${this.inputId}-description` }, this.parsedOptions.length > 0 ? (this.parsedOptions.map(option => (h("option", { value: option.value, selected: option.selected, disabled: option.disabled }, option.label)))) : (h("slot", null))), h("div", { key: 'dd59af14105272eaa77218136f5b7b0b40a5b40b', class: "select-icons" }, this.error && (h("nv-icon", { key: '719e239472f6b697298682cc8d1b10933d3504ec', name: "alert-circle", class: "validation", size: "md" })), this.success && (h("nv-icon", { key: '5d63d5ddbcd8f46296bc067afd45f3921f4f3917', name: "circle-check", class: "validation", size: "md" })), !this.multiple && (h("nv-iconbutton", { key: '978a540682409a88ce55d2219dbeb9f2fc82cd51', name: "chevron-down", size: "md", emphasis: "lower", tabindex: -1 })))), h("slot", { key: '3483846a9f38be08caaf6f2b02332caefae0cbed', name: "after-input" })), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (h("div", { key: '5b47c05942549b6e2238696132ab2f3c9af5b7f0', class: "description", id: `${this.inputId}-description` }, h("slot", { key: '46b7f053ae343949b540240e1ec438850bb9a015', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (h("div", { key: '6126ab6967fc430c6a1d3ddfb191a98a8c2ecce9', class: "error-description", id: `${this.inputId}-error` }, h("slot", { key: 'afc6a0443c6fe1175213d36a2c59ffefe2923eab', name: "error-description" }, this.errorDescription)))));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }

package/dist/esm/nv-fieldtext.entry.js CHANGED Viewed

@@ -104,9 +104,9 @@ const NvFieldtext = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: 'ffcbe1c8f14257f6380d28f2c50fe8b77ae73027' }, (this.label || this.el.querySelector('[slot="label"]')) && (h("label", { key: '3b84598a05eedc7625312def01ca726dc68fa247', htmlFor: this.inputId }, h("slot", { key: '8c8f0d2f86742dd0699b8b309cbea0dca1d294ce', name: "label" }, this.label))), h("div", { key: 'c2adf3acc7780a7eba5d4762b7275d1c63304bf5', class: "input-wrapper" }, h("slot", { key: 'c49756d1daaba476222ebda2df4854b1094655b3', name: "before-input" }), h("div", { key: '723c34f09e6c073bdef2db799246da72ffd52703', class: "input-container", onClick: this.handleInputContainerClick }, h("slot", { key: '4e94bcac72ac2e5147a8d5e33396a13359820009', name: "leading-input" }), h("input", { key: '96cbf022912735445467320600e372fba03de4e4', id: this.inputId, ref: e => (this.inputElement = e), placeholder: this.placeholder, name: this.name, type: this.type, disabled: this.disabled, readOnly: this.readonly, required: this.required, maxlength: this.maxlength, minlength: this.minlength, pattern: this.pattern, autofocus: this.autofocus, autocomplete: this.autocomplete, multiple: this.multiple, value: this.value, onInput: this.handleInput }), this.error && (h("nv-icon", { key: '39a55c42a49006d316e5dcc5389793c6264d2b09', name: "alert-circle", class: "validation", size: "md" })), this.success && (h("nv-icon", { key: 'bf1b6040dbb392b5c46b3b9af665d7cdc7389d29', name: "circle-check", class: "validation", size: "md" }))), h("slot", { key: 'bb2256bf3fc5165e61f162fe89dd7be564a989c0', name: "after-input" })), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (h("div", { key: '3d2c5a89247042184b3a110ca7982b793b0bd86a', class: "description" }, h("slot", { key: '2358cc5217d6ba65b4d4baa927b397dbe62982e8', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (h("div", { key: 'cdef4117d71b8a6bdde19fea1a0f4070ba02ab2e', hidden: !this.error, class: "error-description" }, h("slot", { key: '66a2b100ab641aa9c2e22fdfc9a987bb86cd44a0', name: "error-description" }, this.errorDescription)))));
+        return (h(Host, { key: 'e4891525becd4b0757ec380d45d9694ebc6c3318' }, (this.label || this.el.querySelector('[slot="label"]')) && (h("label", { key: '1157e609be8150d014e9190dcf53f74bcee20119', htmlFor: this.inputId }, h("slot", { key: '888fb12e994f6f4f47bc2be496cd74aeedb628c0', name: "label" }, this.label))), h("div", { key: '0555b12dbbe5fa81f5af464d3b48c35b243aec32', class: "input-wrapper" }, h("slot", { key: '5210a9b903c560775453741d8815286dbe8bbb53', name: "before-input" }), h("div", { key: '7bc11232dfa46706982bf3645054a7a1f67832f9', class: "input-container", onClick: this.handleInputContainerClick }, h("slot", { key: '87abc6976b432a3dc51246c97564108f9baccff8', name: "leading-input" }), h("input", { key: 'b0c3e30bc5363f6b49ea1361005e125826184016', id: this.inputId, ref: e => (this.inputElement = e), placeholder: this.placeholder, name: this.name, type: this.type, disabled: this.disabled, readOnly: this.readonly, required: this.required, maxlength: this.maxlength, minlength: this.minlength, pattern: this.pattern, autofocus: this.autofocus, autocomplete: this.autocomplete, multiple: this.multiple, value: this.value, onInput: this.handleInput }), this.error && (h("nv-icon", { key: '5e359bc40906bbf2c63eb7d196dd8294b15dd672', name: "alert-circle", class: "validation", size: "md" })), this.success && (h("nv-icon", { key: '4812b31e512bf388fa84f9d35a949de5f9b86d59', name: "circle-check", class: "validation", size: "md" }))), h("slot", { key: '06922c63f02470be6c74ee6ba4bf93baabd03e57', name: "after-input" })), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (h("div", { key: '960bcb53a55aed3e1b8cd1b193ad26f5c6b151fd', class: "description" }, h("slot", { key: '07c09b8543e9b91928821a100869943de94a65a7', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (h("div", { key: '456d00a47f01f70938d99faa774da1a9e51b036d', hidden: !this.error, class: "error-description" }, h("slot", { key: '590aef8c37efd2fa472c9b7b92fd82d29c4e6d39', name: "error-description" }, this.errorDescription)))));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }

package/dist/esm/nv-fieldtextarea.entry.js CHANGED Viewed

@@ -174,9 +174,9 @@ const NvFieldtextarea = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: 'b5d6707fa7ebbd64f3b1616c9f61746f394e347d' }, (this.label || this.el.querySelector('[slot="label"]')) && (h("label", { key: '6fd76411b08da2d22d86d0a4ef81ce99534d0112', htmlFor: this.inputId }, h("slot", { key: '634339fa1bd5ccb2627dab03117535b2bc09b9cc', name: "label" }, this.label))), h("div", { key: '6a521f191ebae60a874c4d48a1872b7a61181c54', class: "textarea-wrapper" }, h("div", { key: 'ecca606c8775282c5b21b8f8e12a9c98df7aa410', class: "textarea-container", onClick: this.handleTextareaContainerClick }, h("textarea", { key: '7547d01134c155c9f76e1978f08075d1e8ff50fd', id: this.inputId, ref: e => (this.textareaElement = e), placeholder: this.placeholder, autofocus: this.autofocus, name: this.name, disabled: this.disabled, readOnly: this.readonly, required: this.required, maxlength: this.maxlength, minlength: this.minlength, autocomplete: "off", value: this.value, onInput: this.handleTextarea, rows: this.rows, class: clsx(this.resize === 'none' && 'resize-none', this.resize === 'vertical' && 'resize-y', this.resize === 'horizontal' && 'resize-x', this.resize === 'both' && 'resize') }))), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (h("div", { key: 'fc436e3cc4dbdf8730920173a74f4da249678e39', class: "description" }, h("slot", { key: '27aa71e73818742bc92f3860dd0071eef182474a', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (h("div", { key: 'cc3733783b2f5985358d1c21e502845f7bab8406', hidden: !this.error, class: "error-description" }, h("slot", { key: '1db584479ed23d616d88dc9fc28fe1e0acd7a463', name: "error-description" }, this.errorDescription)))));
+        return (h(Host, { key: '606902cda67b3f523ab32d8e9c6fd11b6bc0f3a7' }, (this.label || this.el.querySelector('[slot="label"]')) && (h("label", { key: '3167dfd5f17028ad20a82b5646ccfa788a5bbb86', htmlFor: this.inputId }, h("slot", { key: 'ae98d87f3e1b7cb2864b6b7e7183d3a37c1a7e14', name: "label" }, this.label))), h("div", { key: '8f25bdadd8f94938dc9b6c631b0586fc6bcbc37c', class: "textarea-wrapper" }, h("div", { key: '6568df9f332e8bca84445ba596d6eceaaed64b9e', class: "textarea-container", onClick: this.handleTextareaContainerClick }, h("textarea", { key: 'fca9ba5bd6925cc1a201625e5785ad451fc8849b', id: this.inputId, ref: e => (this.textareaElement = e), placeholder: this.placeholder, autofocus: this.autofocus, name: this.name, disabled: this.disabled, readOnly: this.readonly, required: this.required, maxlength: this.maxlength, minlength: this.minlength, autocomplete: "off", value: this.value, onInput: this.handleTextarea, rows: this.rows, class: clsx(this.resize === 'none' && 'resize-none', this.resize === 'vertical' && 'resize-y', this.resize === 'horizontal' && 'resize-x', this.resize === 'both' && 'resize') }))), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (h("div", { key: 'c5c8c1999105df446a603a3e02f431ad37de4c5e', class: "description" }, h("slot", { key: 'bbcea14c7585e1ff1c995eb4f21cb532a160ed40', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (h("div", { key: '2d43d92b5c9b93faeac45bdcfa142d4dfd70511a', hidden: !this.error, class: "error-description" }, h("slot", { key: '33514ea705969b353f11c49ca65090706e6aadf8', name: "error-description" }, this.errorDescription)))));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }

package/dist/esm/nv-fieldtime.entry.js CHANGED Viewed

@@ -964,26 +964,26 @@ const NvFieldtime = class {
             }, key: `${option}-${index}`, onClick: e => this.handleTimeOptionClick(e, type) }, option)))));
     }
     render() {
-        return (h(Host, { key: 'd9b980ce6cf9d4c00da007608b03261983ae49b7', onclick: e => this.handleHostClick(e) }, (this.label || this.el.querySelector('[slot="label"]')) && (h("label", { key: 'ff69b45e9b30ee4b0dd2034c1e29b698796f8796', htmlFor: this.inputId }, h("slot", { key: '6cfd62e39f69451c326b5266a3c8b33520366ac7', name: "label" }, this.label))), h("nv-popover", { key: 'f2c68b4286769203b9f4af8cc61375dc60795589', ref: el => (this.popoverElement = el), triggerMode: "controlled", placement: "bottom-start", open: this.open }, h("div", { key: 'eb45e4d83e5d9754336bc7d03a2937931fa56378', class: "input-wrapper", slot: "trigger" }, h("slot", { key: '644faecac37927eae57da8eb039a79154ebf5787', name: "before-input" }), h("div", { key: '10b656c08d991100a5ef0fe87299af7a3d0a7831', class: "input-container" }, h("slot", { key: '3908fc76c97f4a362974199f30bdc2535172e4dc', name: "leading-input" }), startsWithIgnoreCase(this.format, 'HH') && [
-            h("input", { key: 'b68e32193ab056a230138dfbb2d14240fa700b1d', ref: el => (this.inputElements[TimeType.Hours] = el), type: "number", autofocus: this.autofocus, class: "time-input", pattern: "[0-9]*", maxlength: "3", value: this.hours, onInput: e => this.handleInputChange(e, TimeType.Hours), placeholder: this.format.includes('hh') ? 'hh' : 'HH', inputMode: "numeric", onFocus: () => this.handleFocus(TimeType.Hours), name: this.name
+        return (h(Host, { key: 'fb5bc4740731089bf81ab7b24e57f24f966c5f92', onclick: e => this.handleHostClick(e) }, (this.label || this.el.querySelector('[slot="label"]')) && (h("label", { key: 'd9f44f4ab94a13a620df743979d95b1f59572bfe', htmlFor: this.inputId }, h("slot", { key: 'fbc8176ea3443511764b2993939d1110fd932a5a', name: "label" }, this.label))), h("nv-popover", { key: 'ea376ec38db428db158c998e8963e27048ef03b0', ref: el => (this.popoverElement = el), triggerMode: "controlled", placement: "bottom-start", open: this.open }, h("div", { key: 'fa825918cea4a64db76324f953645f6db7cb81b9', class: "input-wrapper", slot: "trigger" }, h("slot", { key: '37d7fd2eae40e4f47e9b626c226d060cf5e350e2', name: "before-input" }), h("div", { key: '6b73d8c9598bfaf470b5c5a455db0b08397cc8c8', class: "input-container" }, h("slot", { key: '88f20151d7ccc1e3ad6f6aba4b5926cccc22c19c', name: "leading-input" }), startsWithIgnoreCase(this.format, 'HH') && [
+            h("input", { key: '292ee8c62fd248b28fb46275ba06846d69b3b602', ref: el => (this.inputElements[TimeType.Hours] = el), type: "number", autofocus: this.autofocus, class: "time-input", pattern: "[0-9]*", maxlength: "3", value: this.hours, onInput: e => this.handleInputChange(e, TimeType.Hours), placeholder: this.format.includes('hh') ? 'hh' : 'HH', inputMode: "numeric", onFocus: () => this.handleFocus(TimeType.Hours), name: this.name
                     ? `${TimeType.Hours}-${this.name}`
                     : TimeType.Hours, id: this.inputId, readonly: this.readonly, disabled: this.disabled, required: this.required, onKeyDown: e => this.handleKeyDown(e), onBlur: () => this.handleInputBlur() }),
         ], this.format.includes('mm') && [
-            h("span", { key: 'ebef6f727c34aa8f9348c65c02ab970a409cce2e' }, ":"),
-            h("input", { key: 'd4aa6001b2f462d64eae1bdda7f46d97a926802e', ref: el => (this.inputElements[TimeType.Minutes] = el), type: "number", autofocus: this.autofocus, class: "time-input", pattern: "[0-9]*", maxlength: "3", value: this.minutes, onInput: e => this.handleInputChange(e, TimeType.Minutes), placeholder: "mm", inputMode: "numeric", onFocus: () => this.handleFocus(TimeType.Minutes), name: this.name
+            h("span", { key: 'c7de2283771d60e1e9f756257e34da0eefcf27f3' }, ":"),
+            h("input", { key: '521fad8cc60c9ced2ba634441b789fba15340ae7', ref: el => (this.inputElements[TimeType.Minutes] = el), type: "number", autofocus: this.autofocus, class: "time-input", pattern: "[0-9]*", maxlength: "3", value: this.minutes, onInput: e => this.handleInputChange(e, TimeType.Minutes), placeholder: "mm", inputMode: "numeric", onFocus: () => this.handleFocus(TimeType.Minutes), name: this.name
                     ? `${TimeType.Minutes}-${this.name}`
                     : TimeType.Minutes, id: `${this.inputId}-minutes`, readonly: this.readonly, disabled: this.disabled, required: this.required, onKeyDown: e => this.handleKeyDown(e), onBlur: () => this.handleInputBlur() }),
         ], this.format.includes('ss') && [
-            h("span", { key: '9ce4067c241aae590f4cd4383b1ece3a7510a2c7' }, ":"),
-            h("input", { key: 'f42706c6e606c59e739b0460b9c9016c796542da', ref: el => (this.inputElements[TimeType.Seconds] = el), type: "number", autofocus: this.autofocus, class: "time-input", pattern: "[0-9]*", maxlength: "3", value: this.seconds, onInput: e => this.handleInputChange(e, TimeType.Seconds), placeholder: "ss", inputMode: "numeric", onFocus: () => this.handleFocus(TimeType.Seconds), name: this.name
+            h("span", { key: 'ceef993e3efdc2fa01d466033522e09ee78683b1' }, ":"),
+            h("input", { key: '9c51f0fcecb86a913e9ae4cd3c5bcfbf34ac4ab8', ref: el => (this.inputElements[TimeType.Seconds] = el), type: "number", autofocus: this.autofocus, class: "time-input", pattern: "[0-9]*", maxlength: "3", value: this.seconds, onInput: e => this.handleInputChange(e, TimeType.Seconds), placeholder: "ss", inputMode: "numeric", onFocus: () => this.handleFocus(TimeType.Seconds), name: this.name
                     ? `${TimeType.Seconds}-${this.name}`
                     : TimeType.Seconds, id: `${this.inputId}-seconds`, readonly: this.readonly, disabled: this.disabled, required: this.required, onKeyDown: e => this.handleKeyDown(e), onBlur: () => this.handleInputBlur() }),
-        ], h("nv-iconbutton", { key: '4c233506c36553289c0e21d889e6c77c46e2862a', name: this.open ? 'chevron-top' : 'chevron-down', size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide time picker' : 'Show time picker', "aria-pressed": this.open.toString(), onClick: () => this.HandleDropdownIconClick() }), this.error && (h("nv-icon", { key: '9dcf992cc15a5462269208daecec4dbfc7fc9183', name: "alert-circle", class: "validation", size: "sm" })), this.success && (h("nv-icon", { key: '3614bfd444d8243c110bf2b458e0d2d5f296566f', name: "circle-check", class: "validation", size: "sm" }))), h("slot", { key: 'e703a923e7c98e2d9fd5d69a5741f1f67c9710b4', name: "after-input" })), h("div", { key: '6a56bd36fac3051ae1a40cbb450a51a415c00db2', class: "time-dropdown", slot: "content" }, h("div", { key: 'c001e4f3afa3fadf49df9186ef38ac10ca3c1f70', class: "time-columns" }, startsWithIgnoreCase(this.format, 'HH') &&
+        ], h("nv-iconbutton", { key: '7a5516b7d91dc99f6963ee9daacee9305b16dfb0', name: this.open ? 'chevron-top' : 'chevron-down', size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide time picker' : 'Show time picker', "aria-pressed": this.open.toString(), onClick: () => this.HandleDropdownIconClick() }), this.error && (h("nv-icon", { key: 'a9a9a02e312caf25a52b91e1d4db6b6ee9d850d6', name: "alert-circle", class: "validation", size: "sm" })), this.success && (h("nv-icon", { key: '93a69f343771dbdb8c6bd694ea9f5ddeeba39801', name: "circle-check", class: "validation", size: "sm" }))), h("slot", { key: '678d9af754b860ac99a50d70cb9b975e79f164c9', name: "after-input" })), h("div", { key: '2bd255e97d8b34b66fa0af2f209d5175e67b62a3', class: "time-dropdown", slot: "content" }, h("div", { key: '017b58a9a7ccb44918a408fb680fa1c18d8f5672', class: "time-columns" }, startsWithIgnoreCase(this.format, 'HH') &&
             this.RenderTimeOptionsColumn(TimeType.Hours), this.format.includes('mm') &&
             this.RenderTimeOptionsColumn(TimeType.Minutes), this.format.includes('ss') &&
             this.RenderTimeOptionsColumn(TimeType.Seconds)))), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (h("div", { key: '62782d291c7e065b79c91a51ebd61afcef60c058', class: "description" }, h("slot", { key: '70d29b36d481bfc5ec8a9435e2eadf0007aa95c3', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (h("div", { key: '71818050156b31a39daf70e4cf8cb1a03f809458', hidden: !this.error, class: "error-description" }, h("slot", { key: 'cb7fb776375e7afaaa22ae90f8e6eb533e066e53', name: "error-description" }, this.errorDescription)))));
+            this.el.querySelector('[slot="description"]')) && (h("div", { key: '35f5fb47bfeb9cde2c3551df391cf52ccaf10c72', class: "description" }, h("slot", { key: 'b450124765db5b2337f03a5f68c4a9466c80ca85', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (h("div", { key: '87d441f595f7ba8be04ca749235ec3918e9a80b0', hidden: !this.error, class: "error-description" }, h("slot", { key: '35717f533b4a4c310f4fb805c3989398f340b8b1', name: "error-description" }, this.errorDescription)))));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }

package/dist/esm/nv-icon.entry.js CHANGED Viewed

@@ -54,7 +54,7 @@ const NvIcon = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: 'a5d7dbfd9cf1be24ba19e8a8902a5a7adb89cc24', class: clsx(this.color && `${this.color}`), role: "img", "aria-label": `${this.name}-icon` }, h("svg", { key: 'b35bc42c038fd288022e13650556086d1dc3604d', stroke: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", class: `nv-icon-${this.size}` }, h("use", { key: '41833d3d27433422c859b513f28dc48a202d5919', href: `#${this.name}` }))));
+        return (h(Host, { key: '5d5988e7c0f49781b57b86da6e46e38eeac5ddae', class: clsx(this.color && `${this.color}`), role: "img", "aria-label": `${this.name}-icon` }, h("svg", { key: 'ab4007e92d6a13245293dbbb7dc746ab21cdbe33', stroke: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", class: `nv-icon-${this.size}` }, h("use", { key: 'c9cb4fea1695e81c4e9e775c217dfb9ac3b7c9ec', href: `#${this.name}` }))));
     }
 };
 NvIcon.style = NvIconStyle0;

package/dist/esm/nv-iconbutton_2.entry.js CHANGED Viewed

@@ -120,7 +120,7 @@ const NvIconbutton = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: 'e67f2cfb172fc315ea4d12290000cd92ff683e88', role: "button", type: this.type, tabindex: "0", disabled: this.disabled ? true : undefined, class: clsx('root', `size-${this.size}`, `emphasis-${this.emphasis}`, this.loading && 'loading', `shape-${this.shape}`), onClick: this.handleClick }, this.loading && h("nv-loader", { key: '6477c82dcaa79147d03ae730d9ab2835959bcde6', size: this.size }), !this.loading && h("nv-icon", { key: '8ffecf3db1d721ff88ba3c7b4e08543e48adedd5', name: this.name, size: this.size }), h("slot", { key: 'c03cccb5aff47a9f758fc23b4e2226301d2d2fcc' })));
+        return (h(Host, { key: 'f678bd976942aa35ae36c536fdd86cd65a43263a', role: "button", type: this.type, tabindex: "0", disabled: this.disabled ? true : undefined, class: clsx('root', `size-${this.size}`, `emphasis-${this.emphasis}`, this.loading && 'loading', `shape-${this.shape}`), onClick: this.handleClick }, this.loading && h("nv-loader", { key: 'b874de8701de163c1f4235c2034a13da30279191', size: this.size }), !this.loading && h("nv-icon", { key: '222ccc93e3af3dcec81308b3b90ca724ecdfa2fb', name: this.name, size: this.size }), h("slot", { key: 'c7a257f7715a9320ffe46e09b59a2d570d1f052c' })));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }
@@ -151,7 +151,7 @@ const NvLoader = class {
     //#region RENDER
     /* <slot> empty to force rendering change */
     render() {
-        return (h(Host, { key: '701552c6cf9126e60d81f844648ec1d29079fdd3', class: clsx(this.size && `size-${this.size}`, this.color && `color-${this.color}`) }));
+        return (h(Host, { key: 'f3094e46eb7072534f497694d3c28030f0118acc', class: clsx(this.size && `size-${this.size}`, this.color && `color-${this.color}`) }));
     }
 };
 NvLoader.style = NvLoaderStyle0;

package/dist/esm/nv-menu.entry.js CHANGED Viewed

@@ -31,25 +31,23 @@ const NvMenu = class {
          * position on the axis to fit on the screen, so users can always see it.
          */
         this.placement = 'bottom-end';
+        //#endregion LIFECYCLE
+        /****************************************************************************/
+        //#region RENDER
         /**
-         * Parsed items stored in state.
+         * Generates menu items from the `items` property.
+         * @param {MenuItem[]} items - The items to display in the menu.
+         * @returns {HTMLElement[]} The rendered items.
          */
-        this.parsedItems = [];
-    }
-    /**
-     * Watcher to parse the items when the `items` property changes.
-     * @param {string} newValue - The new value of the `items` property.
-     */
-    handleItemsChange(newValue) {
-        if (typeof newValue === 'string') {
-            try {
-                this.parsedItems = JSON.parse(newValue);
-            }
-            catch (error) {
-                console.error('Error parsing menu items:', error);
-                this.parsedItems = [];
-            }
-        }
+        this.renderMenuItems = () => {
+            return this.items.map(item => {
+                var _a;
+                if (item.hasSubmenu && ((_a = item.submenuItems) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+                    return (h("nv-menu", { nested: true, placement: "right-start", items: item.submenuItems }, h("nv-menuitem", { slot: "trigger", hasSubmenu: true, disabled: item.disabled, icon: item.icon, shortcut: item.shortcut, id: item.value, name: item.label, label: item.label })));
+                }
+                return (h("nv-menuitem", { disabled: item.disabled, icon: item.icon, shortcut: item.shortcut, id: item.value, name: item.label, label: item.label }));
+            });
+        };
     }
     //#endregion PROPERTIES
     /****************************************************************************/
@@ -189,35 +187,11 @@ const NvMenu = class {
         this.triggerElement = Array.from(this.el.children).find(child => {
             return child.getAttribute('slot') === 'trigger';
         });
-        // If the items attribute is provided, parse its value.
-        if (this.items) {
-            this.handleItemsChange(this.items);
-        }
-    }
-    //#endregion LIFECYCLE
-    /****************************************************************************/
-    //#region RENDER
-    /**
-     * Generates menu items from the `items` property.
-     * @param {MenuItem[]} items - The items to display in the menu.
-     * @returns {HTMLElement[]} The rendered items.
-     */
-    renderMenuItems(items) {
-        return items.map(item => {
-            var _a;
-            if (item.hasSubmenu && ((_a = item.submenuItems) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-                return (h("nv-menu", { nested: true, placement: "right-start", items: JSON.stringify(item.submenuItems) }, h("nv-menuitem", { slot: "trigger", "has-submenu": true, disabled: item.disabled, icon: item.icon, shortcut: item.shortcut, id: item.value, name: item.label, label: item.label })));
-            }
-            return (h("nv-menuitem", { disabled: item.disabled, icon: item.icon, shortcut: item.shortcut, id: item.value, name: item.label, label: item.label }));
-        });
     }
     render() {
-        return (h(Host, { key: '8334eee36cadee43d5d78d227841b43da86a46c6' }, h("slot", { key: 'a4f260a9161dc239eabfc9c43178b1394721f37d', name: "trigger" }), h("nv-popover", { key: '6f163bc5c02afba3af1e9bb43cf3b6bfec1e9374', ref: el => (this.popoverElement = el), triggerMode: "click", triggerElement: this.triggerElement, placement: this.placement, nested: this.nested, open: this.open }, this.parsedItems.length > 0 ? (h("ul", { slot: "content" }, this.renderMenuItems(this.parsedItems))) : (h("slot", { name: "content" })))));
+        return (h(Host, { key: 'b66fd4f51c7f754d2d49265fe6175cc1a2c0b03a' }, h("slot", { key: 'acd3dc4ad3ed94a4bcbef735049e59bf37a8f67d', name: "trigger" }), h("nv-popover", { key: '28218c78f3fa21a9dcfd5ea13d3416eda11efc49', ref: el => (this.popoverElement = el), triggerMode: "click", triggerElement: this.triggerElement, placement: this.placement, nested: this.nested, open: this.open }, this.items ? (h("ul", { slot: "content" }, this.renderMenuItems())) : (h("slot", { name: "content" })))));
     }
     get el() { return getElement(this); }
-    static get watchers() { return {
-        "items": ["handleItemsChange"]
-    }; }
 };
 NvMenu.style = NvMenuStyle0;

package/dist/esm/nv-menu.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"nv-menu.entry.js","mappings":"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","names":[],"sources":["src/components/nv-menu/nv-menu.scss?tag=nv-menu","src/components/nv-menu/nv-menu.tsx"],"sourcesContent":["@use \"../nv-menuitem/nv-menuitem\" as nv-menuitem;\n\n@mixin root-styles() {\n display: inline-block;\n position: relative;\n\n &:has([fluid]:not([fluid=\"false\"])) {\n display: block;\n }\n}\n\n@mixin content-styles() {\n padding: var(--menu-contextual-padding-y)\n var(--menu-contextual-padding-x);\n border-radius: var(--menu-contextual-radius);\n gap: var(--menu-contextual-gap-y);\n background-color: var(--components-menu-contextual-background);\n border-color: var(--components-menu-contextual-border);\n display: flex;\n flex-direction: column;\n}\n\n@mixin separator-styles() {\n display: block;\n margin: var(--menu-contextual-divider-padding-top)\n var(--menu-contextual-divider-padding-x)\n var(--menu-contextual-divider-padding-bottom)\n var(--menu-contextual-divider-padding-x) ;\n}\n\nnv-menu {\n @include root-styles();\n\n nv-popover {\n display: unset;\n\n [data-scope=popover]{\n background-color: transparent !important;\n padding: 0 !important;\n }\n }\n\n [slot=\"content\"] {\n @include content-styles();\n }\n\n nv-menu[open]:not([open=\"false\"]) {\n > nv-menuitem {\n @include nv-menuitem.focused-styles();\n }\n }\n\n hr {\n @include separator-styles();\n }\n}\n","import {\n Component,\n Host,\n h,\n Element,\n Prop,\n Listen,\n Event,\n EventEmitter,\n Method,\n State,\n Watch,\n} from '@stencil/core';\nimport type { Placement } from '@floating-ui/dom';\nimport { IconName } from '../nv-icon/nv-icons';\n\n/*\n Interface to define the structure of a menu item\n /\ninterface MenuItem {\n /\n The label of the menu item.\n /\n label: string;\n /\n The value of the menu item.\n /\n value?: string;\n /\n Whether the menu item is disabled.\n /\n disabled?: boolean;\n /\n Whether the menu item has a submenu.\n /\n hasSubmenu?: boolean;\n /\n The icon of the menu item.\n /\n icon?: string;\n /\n The shortcut of the menu item.\n /\n shortcut?: string;\n /\n Whether the menu item is nested.\n /\n nested?: boolean;\n /\n The submenu items of the menu item.\n /\n submenuItems?: MenuItem[];\n}\n\n/\n @slot trigger - The button element that toggles the menu popover\n * @slot content - The content of the menu, should be wrapped in a ul element containing nv-menuitem elements\n /\n@Component({\n tag: 'nv-menu',\n styleUrl: 'nv-menu.scss',\n shadow: false,\n})\nexport class NvMenu {\n @Element() el: HTMLNvMenuElement;\n private triggerElement!: HTMLElement;\n private popoverElement!: HTMLNvPopoverElement;\n private isHandlingKeyDown: boolean = false;\n\n /*************************************************************************/\n //#region PROPERTIES\n\n /\n * Use this to toggle the initial visibility of the menu, by default the menu\n * is hidden.\n /\n @Prop({ reflect: true, mutable: true })\n open: boolean = false;\n\n /\n Use this if the menu is nested inside another menu. This will prevent the\n * parent menu from closing when the child menu is opened.\n /\n @Prop({ reflect: true })\n readonly nested: boolean = false;\n\n /\n Use this to disable the menu from closing automatically when a menu item is\n * selected.\n /\n @Prop({ reflect: true })\n readonly disableCloseOnSelect: boolean = false;\n\n /\n Decides where the menu shows up next to the button it's linked to (above,\n * below, to the sides). If there isn't enough room, it will adjust its\n * position on the axis to fit on the screen, so users can always see it.\n /\n @Prop({ reflect: true })\n readonly placement: Placement = 'bottom-end';\n\n /\n (New feature) Items to display in the menu, provided as a JSON string.\n * Format: [{ label: string, value?: string, disabled?: boolean, hasSubmenu?: boolean, ... }]\n /\n @Prop({ reflect: true })\n readonly items?: string;\n\n /\n Parsed items stored in state.\n /\n @State()\n private parsedItems: MenuItem[] = [];\n\n /\n Watcher to parse the items when the `items` property changes.\n * @param {string} newValue - The new value of the `items` property.\n /\n @Watch('items')\n handleItemsChange(newValue: string) {\n if (typeof newValue === 'string') {\n try {\n this.parsedItems = JSON.parse(newValue);\n } catch (error) {\n console.error('Error parsing menu items:', error);\n this.parsedItems = [];\n }\n }\n }\n\n //#endregion PROPERTIES\n /*************************************************************************/\n //#region METHODS\n\n /\n * Opens the menu.\n /\n @Method()\n async show() {\n this.open = true;\n }\n\n /\n Closes the menu.\n /\n @Method()\n async close() {\n this.open = false;\n }\n\n //#endregion METHODS\n /*************************************************************************/\n //#region EVENTS\n\n /\n * Emitted from nv-menuitem elements with the corresponding id and name when\n * selected (via click or keyboard). This event listener can be attached to\n * either the nv-menu or the nv-menuitem element.\n /\n @Event()\n menuitemSelected: EventEmitter<\n HTMLNvMenuitemElementEventMap['menuitemSelected']\n >;\n\n @Listen('menuitemSelected')\n handleMenuItemSelect(\n event: CustomEvent<HTMLNvMenuitemElementEventMap['menuitemSelected']>,\n ) {\n if (this.disableCloseOnSelect) return;\n if (event.detail.hasSubmenu) return;\n this.open = false;\n }\n\n @Listen('keydown', { passive: false })\n handleKeydown(event: KeyboardEvent) {\n // If the menu is not open, check if the trigger is focused\n // and the user presses Enter or ArrowDown, open the menu\n if (!this.open) {\n if (\n (event.key === 'Enter' \|\|\n event.key === 'ArrowDown' \|\|\n event.key === ' ') &&\n document.activeElement === this.triggerElement\n ) {\n event.preventDefault();\n this.show();\n // Then, put the focus on the first menuitem\n const firstMenuItem = this.popoverElement.querySelector('nv-menuitem');\n if (firstMenuItem) {\n requestAnimationFrame(() => (firstMenuItem as HTMLElement).focus());\n }\n }\n return;\n }\n\n if (this.isHandlingKeyDown) return;\n this.isHandlingKeyDown = true;\n\n if (\n event.key === 'ArrowDown' \|\|\n event.key === 'ArrowUp' \|\|\n event.key === 'ArrowLeft' \|\|\n event.key === 'ArrowRight' \|\|\n event.key === 'Escape'\n ) {\n event.preventDefault();\n }\n\n if (event.key === 'Escape' && !this.nested) {\n this.close();\n this.triggerElement.focus();\n this.isHandlingKeyDown = false;\n return;\n }\n\n const menuContent = this.el.querySelector('[slot=\"content\"]');\n const menuItems = (\n Array.from(menuContent.childNodes) as Array<\n HTMLNvMenuitemElement \| HTMLNvMenuElement\n >\n ).filter(item => item.matches?.('nv-menuitem, nv-menu'));\n\n let currentIndex = menuItems.indexOf(\n document.activeElement as HTMLNvMenuitemElement,\n );\n if (currentIndex === -1)\n currentIndex = menuItems.indexOf(\n document.activeElement.parentElement as HTMLNvMenuitemElement,\n );\n if (\n currentIndex === -1 &&\n menuItems.find(item => item.matches('nv-menu[open]'))\n ) {\n this.isHandlingKeyDown = false;\n return;\n }\n\n if (event.key === 'ArrowDown' \|\| event.key === 'ArrowUp') {\n menuItems.forEach(item => {\n if (item.matches('nv-menu')) (item as HTMLNvMenuElement).close();\n });\n }\n\n if (event.key === 'ArrowDown') {\n let nextIndex = (currentIndex + 1) % menuItems.length;\n while (menuItems[nextIndex].matches('nv-menuitem[disabled]')) {\n nextIndex = (nextIndex + 1) % menuItems.length;\n }\n const nextFocusable = menuItems[nextIndex];\n if (nextFocusable.matches('nv-menuitem')) {\n nextFocusable.focus();\n } else if (nextFocusable.matches('nv-menu')) {\n nextFocusable.querySelector('nv-menuitem').focus();\n }\n }\n\n if (event.key === 'ArrowUp') {\n let prevIndex = (currentIndex - 1 + menuItems.length) % menuItems.length;\n while (menuItems[prevIndex].matches('nv-menuitem[disabled]')) {\n prevIndex = (prevIndex - 1 + menuItems.length) % menuItems.length;\n }\n const prevFocusable = menuItems[prevIndex];\n if (prevFocusable.matches('nv-menuitem')) {\n prevFocusable.focus();\n } else if (prevFocusable.matches('nv-menu')) {\n prevFocusable.querySelector('nv-menuitem').focus();\n }\n }\n\n if (event.key === 'ArrowRight') {\n const submenu = menuItems[currentIndex];\n if (!submenu.matches('nv-menu')) {\n this.isHandlingKeyDown = false;\n return;\n }\n (submenu as HTMLNvMenuElement).show();\n }\n\n if (event.key === 'ArrowLeft' && this.nested) {\n if (menuItems.find(item => item.matches('nv-menu[open]'))) {\n this.isHandlingKeyDown = false;\n return;\n }\n this.close();\n this.triggerElement.focus();\n }\n\n this.isHandlingKeyDown = false;\n }\n\n @Listen('openChanged')\n handleOpenChanged(event: CustomEvent<boolean>) {\n if (event.target === this.el.querySelector('nv-popover')) {\n this.open = event.detail;\n }\n const triggerHasFocus = this.triggerElement === document.activeElement;\n const triggerHasFocusVisible =\n this.triggerElement.matches(':focus-visible');\n if (triggerHasFocus && triggerHasFocusVisible) this.focusFirstItem();\n }\n\n private focusFirstItem() {\n const firstButton = this.popoverElement.querySelector('nv-menuitem');\n if (firstButton) {\n requestAnimationFrame(() => firstButton.focus());\n }\n }\n\n //#endregion EVENTS\n /*************************************************************************/\n //#region LIFECYCLE\n\n componentWillLoad() {\n this.triggerElement = Array.from(this.el.children).find(child => {\n return child.getAttribute('slot') === 'trigger';\n }) as HTMLElement;\n\n // If the items attribute is provided, parse its value.\n if (this.items) {\n this.handleItemsChange(this.items);\n }\n }\n\n //#endregion LIFECYCLE\n /************************************************************************/\n //#region RENDER\n\n /\n * Generates menu items from the `items` property.\n * @param {MenuItem[]} items - The items to display in the menu.\n * @returns {HTMLElement[]} The rendered items.\n */\n private renderMenuItems(items: MenuItem[]) {\n return items.map(item => {\n if (item.hasSubmenu && item.submenuItems?.length > 0) {\n return (\n <nv-menu\n nested\n placement=\"right-start\"\n items={JSON.stringify(item.submenuItems)}\n >\n <nv-menuitem\n slot=\"trigger\"\n has-submenu\n disabled={item.disabled}\n icon={item.icon as IconName}\n shortcut={item.shortcut}\n id={item.value}\n name={item.label}\n label={item.label}\n ></nv-menuitem>\n </nv-menu>\n );\n }\n return (\n <nv-menuitem\n disabled={item.disabled}\n icon={item.icon as IconName}\n shortcut={item.shortcut}\n id={item.value}\n name={item.label}\n label={item.label}\n ></nv-menuitem>\n );\n });\n }\n\n render() {\n return (\n <Host>\n <slot name=\"trigger\"></slot>\n <nv-popover\n ref={el => (this.popoverElement = el)}\n triggerMode=\"click\"\n triggerElement={this.triggerElement}\n placement={this.placement}\n nested={this.nested}\n open={this.open}\n >\n {this.parsedItems.length > 0 ? (\n <ul slot=\"content\">{this.renderMenuItems(this.parsedItems)}</ul>\n ) : (\n <slot name=\"content\"></slot>\n )}\n </nv-popover>\n </Host>\n );\n }\n\n //#endregion RENDER\n}\n"],"version":3}
1	+ {"file":"nv-menu.entry.js","mappings":"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","names":[],"sources":["src/components/nv-menu/nv-menu.scss?tag=nv-menu","src/components/nv-menu/nv-menu.tsx"],"sourcesContent":["@use \"../nv-menuitem/nv-menuitem\" as nv-menuitem;\n\n@mixin root-styles() {\n display: inline-block;\n position: relative;\n\n &:has([fluid]:not([fluid=\"false\"])) {\n display: block;\n }\n}\n\n@mixin content-styles() {\n padding: var(--menu-contextual-padding-y)\n var(--menu-contextual-padding-x);\n border-radius: var(--menu-contextual-radius);\n gap: var(--menu-contextual-gap-y);\n background-color: var(--components-menu-contextual-background);\n border-color: var(--components-menu-contextual-border);\n display: flex;\n flex-direction: column;\n}\n\n@mixin separator-styles() {\n display: block;\n margin: var(--menu-contextual-divider-padding-top)\n var(--menu-contextual-divider-padding-x)\n var(--menu-contextual-divider-padding-bottom)\n var(--menu-contextual-divider-padding-x) ;\n}\n\nnv-menu {\n @include root-styles();\n\n nv-popover {\n display: unset;\n\n [data-scope=popover]{\n background-color: transparent !important;\n padding: 0 !important;\n }\n }\n\n [slot=\"content\"] {\n @include content-styles();\n }\n\n nv-menu[open]:not([open=\"false\"]) {\n > nv-menuitem {\n @include nv-menuitem.focused-styles();\n }\n }\n\n hr {\n @include separator-styles();\n }\n}\n","import {\n Component,\n Host,\n h,\n Element,\n Prop,\n Listen,\n Event,\n EventEmitter,\n Method,\n} from '@stencil/core';\nimport type { Placement } from '@floating-ui/dom';\nimport { IconName } from '../nv-icon/nv-icons';\n\n/*\n @slot trigger - The button element that toggles the menu popover\n * @slot content - The content of the menu, should be wrapped in a ul element containing nv-menuitem elements\n /\n@Component({\n tag: 'nv-menu',\n styleUrl: 'nv-menu.scss',\n shadow: false,\n})\nexport class NvMenu {\n @Element() el: HTMLNvMenuElement;\n private triggerElement!: HTMLElement;\n private popoverElement!: HTMLNvPopoverElement;\n private isHandlingKeyDown: boolean = false;\n\n /*************************************************************************/\n //#region PROPERTIES\n\n /\n * Use this to toggle the initial visibility of the menu, by default the menu\n * is hidden.\n /\n @Prop({ reflect: true, mutable: true })\n open: boolean = false;\n\n /\n Use this if the menu is nested inside another menu. This will prevent the\n * parent menu from closing when the child menu is opened.\n /\n @Prop({ reflect: true })\n readonly nested: boolean = false;\n\n /\n Use this to disable the menu from closing automatically when a menu item is\n * selected.\n /\n @Prop({ reflect: true })\n readonly disableCloseOnSelect: boolean = false;\n\n /\n Decides where the menu shows up next to the button it's linked to (above,\n * below, to the sides). If there isn't enough room, it will adjust its\n * position on the axis to fit on the screen, so users can always see it.\n /\n @Prop({ reflect: true })\n readonly placement: Placement = 'bottom-end';\n\n /\n List of items used to automatically generate dropdown items. This\n * provides an alternative to using the slot manually.\n \n @example\n * items = [{\n * \"label\": \"Option 1\",\n * \"value\": \"option1\",\n * },\n * {\n * \"label\": \"Option 2\",\n * \"value\": \"option2\",\n * }]\n /\n @Prop({ reflect: true })\n readonly items?: {\n /\n The label of the menu item.\n /\n label: string;\n /\n The value of the menu item.\n /\n value?: string;\n /\n Whether the menu item is disabled.\n /\n disabled?: boolean;\n /\n Whether the menu item has a submenu.\n /\n hasSubmenu?: boolean;\n /\n The icon of the menu item.\n /\n icon?: string;\n /\n The shortcut of the menu item.\n /\n shortcut?: string;\n /\n Whether the menu item is nested.\n /\n nested?: boolean;\n /\n The submenu items of the menu item.\n /\n submenuItems?: InstanceType<typeof NvMenu>['items'];\n }[];\n\n //#endregion PROPERTIES\n /*************************************************************************/\n //#region METHODS\n\n /\n * Opens the menu.\n /\n @Method()\n async show() {\n this.open = true;\n }\n\n /\n Closes the menu.\n /\n @Method()\n async close() {\n this.open = false;\n }\n\n //#endregion METHODS\n /*************************************************************************/\n //#region EVENTS\n\n /\n * Emitted from nv-menuitem elements with the corresponding id and name when\n * selected (via click or keyboard). This event listener can be attached to\n * either the nv-menu or the nv-menuitem element.\n /\n @Event()\n menuitemSelected: EventEmitter<\n HTMLNvMenuitemElementEventMap['menuitemSelected']\n >;\n\n @Listen('menuitemSelected')\n handleMenuItemSelect(\n event: CustomEvent<HTMLNvMenuitemElementEventMap['menuitemSelected']>,\n ) {\n if (this.disableCloseOnSelect) return;\n if (event.detail.hasSubmenu) return;\n this.open = false;\n }\n\n @Listen('keydown', { passive: false })\n handleKeydown(event: KeyboardEvent) {\n // If the menu is not open, check if the trigger is focused\n // and the user presses Enter or ArrowDown, open the menu\n if (!this.open) {\n if (\n (event.key === 'Enter' \|\|\n event.key === 'ArrowDown' \|\|\n event.key === ' ') &&\n document.activeElement === this.triggerElement\n ) {\n event.preventDefault();\n this.show();\n // Then, put the focus on the first menuitem\n const firstMenuItem = this.popoverElement.querySelector('nv-menuitem');\n if (firstMenuItem) {\n requestAnimationFrame(() => (firstMenuItem as HTMLElement).focus());\n }\n }\n return;\n }\n\n if (this.isHandlingKeyDown) return;\n this.isHandlingKeyDown = true;\n\n if (\n event.key === 'ArrowDown' \|\|\n event.key === 'ArrowUp' \|\|\n event.key === 'ArrowLeft' \|\|\n event.key === 'ArrowRight' \|\|\n event.key === 'Escape'\n ) {\n event.preventDefault();\n }\n\n if (event.key === 'Escape' && !this.nested) {\n this.close();\n this.triggerElement.focus();\n this.isHandlingKeyDown = false;\n return;\n }\n\n const menuContent = this.el.querySelector('[slot=\"content\"]');\n const menuItems = (\n Array.from(menuContent.childNodes) as Array<\n HTMLNvMenuitemElement \| HTMLNvMenuElement\n >\n ).filter(item => item.matches?.('nv-menuitem, nv-menu'));\n\n let currentIndex = menuItems.indexOf(\n document.activeElement as HTMLNvMenuitemElement,\n );\n if (currentIndex === -1)\n currentIndex = menuItems.indexOf(\n document.activeElement.parentElement as HTMLNvMenuitemElement,\n );\n if (\n currentIndex === -1 &&\n menuItems.find(item => item.matches('nv-menu[open]'))\n ) {\n this.isHandlingKeyDown = false;\n return;\n }\n\n if (event.key === 'ArrowDown' \|\| event.key === 'ArrowUp') {\n menuItems.forEach(item => {\n if (item.matches('nv-menu')) (item as HTMLNvMenuElement).close();\n });\n }\n\n if (event.key === 'ArrowDown') {\n let nextIndex = (currentIndex + 1) % menuItems.length;\n while (menuItems[nextIndex].matches('nv-menuitem[disabled]')) {\n nextIndex = (nextIndex + 1) % menuItems.length;\n }\n const nextFocusable = menuItems[nextIndex];\n if (nextFocusable.matches('nv-menuitem')) {\n nextFocusable.focus();\n } else if (nextFocusable.matches('nv-menu')) {\n nextFocusable.querySelector('nv-menuitem').focus();\n }\n }\n\n if (event.key === 'ArrowUp') {\n let prevIndex = (currentIndex - 1 + menuItems.length) % menuItems.length;\n while (menuItems[prevIndex].matches('nv-menuitem[disabled]')) {\n prevIndex = (prevIndex - 1 + menuItems.length) % menuItems.length;\n }\n const prevFocusable = menuItems[prevIndex];\n if (prevFocusable.matches('nv-menuitem')) {\n prevFocusable.focus();\n } else if (prevFocusable.matches('nv-menu')) {\n prevFocusable.querySelector('nv-menuitem').focus();\n }\n }\n\n if (event.key === 'ArrowRight') {\n const submenu = menuItems[currentIndex];\n if (!submenu.matches('nv-menu')) {\n this.isHandlingKeyDown = false;\n return;\n }\n (submenu as HTMLNvMenuElement).show();\n }\n\n if (event.key === 'ArrowLeft' && this.nested) {\n if (menuItems.find(item => item.matches('nv-menu[open]'))) {\n this.isHandlingKeyDown = false;\n return;\n }\n this.close();\n this.triggerElement.focus();\n }\n\n this.isHandlingKeyDown = false;\n }\n\n @Listen('openChanged')\n handleOpenChanged(event: CustomEvent<boolean>) {\n if (event.target === this.el.querySelector('nv-popover')) {\n this.open = event.detail;\n }\n const triggerHasFocus = this.triggerElement === document.activeElement;\n const triggerHasFocusVisible =\n this.triggerElement.matches(':focus-visible');\n if (triggerHasFocus && triggerHasFocusVisible) this.focusFirstItem();\n }\n\n private focusFirstItem() {\n const firstButton = this.popoverElement.querySelector('nv-menuitem');\n if (firstButton) {\n requestAnimationFrame(() => firstButton.focus());\n }\n }\n\n //#endregion EVENTS\n /*************************************************************************/\n //#region LIFECYCLE\n\n componentWillLoad() {\n this.triggerElement = Array.from(this.el.children).find(child => {\n return child.getAttribute('slot') === 'trigger';\n }) as HTMLElement;\n }\n\n //#endregion LIFECYCLE\n /************************************************************************/\n //#region RENDER\n\n /\n * Generates menu items from the `items` property.\n * @param {MenuItem[]} items - The items to display in the menu.\n * @returns {HTMLElement[]} The rendered items.\n */\n private renderMenuItems = () => {\n return this.items.map(item => {\n if (item.hasSubmenu && item.submenuItems?.length > 0) {\n return (\n <nv-menu nested placement=\"right-start\" items={item.submenuItems}>\n <nv-menuitem\n slot=\"trigger\"\n hasSubmenu\n disabled={item.disabled}\n icon={item.icon as IconName}\n shortcut={item.shortcut}\n id={item.value}\n name={item.label}\n label={item.label}\n ></nv-menuitem>\n </nv-menu>\n );\n }\n return (\n <nv-menuitem\n disabled={item.disabled}\n icon={item.icon as IconName}\n shortcut={item.shortcut}\n id={item.value}\n name={item.label}\n label={item.label}\n ></nv-menuitem>\n );\n });\n };\n\n render() {\n return (\n <Host>\n <slot name=\"trigger\"></slot>\n <nv-popover\n ref={el => (this.popoverElement = el)}\n triggerMode=\"click\"\n triggerElement={this.triggerElement}\n placement={this.placement}\n nested={this.nested}\n open={this.open}\n >\n {this.items ? (\n <ul slot=\"content\">{this.renderMenuItems()}</ul>\n ) : (\n <slot name=\"content\"></slot>\n )}\n </nv-popover>\n </Host>\n );\n }\n\n //#endregion RENDER\n}\n"],"version":3}

package/dist/esm/nv-menuitem.entry.js CHANGED Viewed

@@ -46,7 +46,7 @@ const NvMenuitem = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: 'd1d9969a8e812f22d2097dca29b8e46b54115709', role: "menuitem", tabindex: this.disabled ? '-1' : '0' }, this.icon && h("nv-icon", { key: '4dd5c1c2fdd741cec06ca112788d8d00863b0ac7', name: this.icon }), h("slot", { key: '6030b5a030b46281d54ca139e55163e8ede064fe' }), this.label && h("span", { key: 'f253f5eb0fed0853a46ed08c211a42bace1784f6', "data-scope": "text" }, this.label), this.shortcut && !this.hasSubmenu && h("kbd", { key: 'b7c445db91af3ae3e2a845a839fee7c77a768045' }, this.shortcut), this.hasSubmenu && h("nv-icon", { key: '54bcd0bc879136d542b5e2c4241949f623258ad0', name: "chevron-right" })));
+        return (h(Host, { key: 'd736bc00759cb97fe52d2d6dc091667057a5585c', role: "menuitem", tabindex: this.disabled ? '-1' : '0' }, this.icon && h("nv-icon", { key: 'cf29c75feedcb61d16d33433f834751c821a4256', name: this.icon }), h("slot", { key: '0ebe8b2faac9981023c224e3c5cd4f131e088c0e' }), this.label && h("span", { key: 'd2659aceb0ecc1cad794ae16d15432379677012c', "data-scope": "text" }, this.label), this.shortcut && !this.hasSubmenu && h("kbd", { key: '7d7772b6efda6faccafc425772c905d4aabd2ef5' }, this.shortcut), this.hasSubmenu && h("nv-icon", { key: 'c756d3ceffc907fa0c37338595a7fd09f8238a7b', name: "chevron-right" })));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/nv-popover.entry.js CHANGED Viewed

@@ -2363,7 +2363,7 @@ const NvPopover = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: 'efab8d78e1163d23e197ca04786b9f99f248ce05' }, h("slot", { key: 'b8197a385e5d9cda08d6b3e0232c052fb7238d01', name: "trigger" }), h("div", { key: '480c3cc8352bc833216cd64c8bfcf75ba9c79130', "data-scope": "popover", hidden: true, ref: el => (this.popoverElement = el) }, this.hasArrow && (h("div", { key: '8b1b10a15427ef05bc267460161e4a53be4cc3d1', "data-scope": "arrow", ref: el => (this.arrowElement = el) })), h("slot", { key: '8c9a8708a36fae6cac5e533b5c1a3128d7375195', name: "content" }))));
+        return (h(Host, { key: '830051c35f7e10dfa4e31d401663bd5727ac988f' }, h("slot", { key: 'a49852a712bf6ab9c8557035ca4618d007939f03', name: "trigger" }), h("div", { key: '6d9cd4bd873cb92b1716a8ea88a3877a029cbe9c', "data-scope": "popover", hidden: true, ref: el => (this.popoverElement = el) }, this.hasArrow && (h("div", { key: 'f935c9248b602aa1c39e7d28c5503a24067fb744', "data-scope": "arrow", ref: el => (this.arrowElement = el) })), h("slot", { key: '6b682de05037b2d3b60c9139c448620fab963ea1', name: "content" }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/nv-row.entry.js CHANGED Viewed

@@ -10,7 +10,7 @@ const NvRow = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: '0b27560267e6f5186ca4237658ad35f3a436b70d' }, h("slot", { key: 'b2805eb6abe9d02b57f030c91344ecf4927136d8' })));
+        return (h(Host, { key: '7daaa109808165553e69707c72550f284e087011' }, h("slot", { key: 'a00fd8c81352b485d8508f9bd68af4dd81d959e1' })));
     }
 };
 NvRow.style = NvRowStyle0;

package/dist/esm/nv-stack.entry.js CHANGED Viewed

@@ -19,7 +19,7 @@ const NvStack = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: '9869c0eaa423e363482bd4685dbd082dfba017f5', class: clsx(this.fill && 'nv-stack-fill', this.flex && 'nv-stack-flex', this.full && 'w-full', this.gutter && !this.vertical && `gutter-x-${this.gutter}`, this.gutter && this.vertical && `gutter-y-${this.gutter}`, this.vertical && 'nv-stack-vertical') }, h("slot", { key: 'd4b597ec95f71c47edf99d58d22c95a5540e904c' })));
+        return (h(Host, { key: '02e184fbc9e9ddd4b02b107baf093047fa3697b0', class: clsx(this.fill && 'nv-stack-fill', this.flex && 'nv-stack-flex', this.full && 'w-full', this.gutter && !this.vertical && `gap-x-${this.gutter}`, this.gutter && this.vertical && `gap-y-${this.gutter}`, this.vertical && 'nv-stack-vertical') }, h("slot", { key: '1a501fcc419f97f2714be822120072b49590e5ea' })));
     }
 };
 NvStack.style = NvStackStyle0;

package/dist/esm/nv-stack.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"nv-stack.entry.js","mappings":";;;AAAA,MAAM,UAAU,GAAG,s8BAAs8B,CAAC;AAC19B,sBAAe,UAAU;;MCWZ,OAAO;IALpB;;;;;;;;QAcW,WAAM,GAAW,CAAC,CAAC;KAsD7B;;;;IAlBC,MAAM;QACJ,QACE,EAAC,IAAI,qDACH,KAAK,EAAE,IAAI,CACT,IAAI,CAAC,IAAI,IAAI,eAAe,EAC5B,IAAI,CAAC,IAAI,IAAI,eAAe,EAC5B,IAAI,CAAC,IAAI,IAAI,QAAQ,EACrB,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,~~YAAY~~,IAAI,CAAC,MAAM,EAAE,~~EAC1D~~,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,QAAQ,IAAI,~~YAAY~~,IAAI,CAAC,MAAM,EAAE,~~EACzD~~,IAAI,CAAC,QAAQ,IAAI,mBAAmB,CACrC,IAED,8DAAa,CACR,EACP;KACH;;;;;;","names":[],"sources":["src/components/nv-stack/nv-stack.scss?tag=nv-stack","src/components/nv-stack/nv-stack.tsx"],"sourcesContent":["nv-stack {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n flex-direction: row;\n\n nv-col {\n display: flex;\n }\n\n &:not(nv-row) {\n flex-wrap: nowrap;\n }\n\n > .nv-stack-item-flex {\n flex-shrink: 1;\n flex-grow: 1;\n }\n\n > .nv-stack-item-lead {\n margin-right: auto;\n }\n\n > .nv-stack-item-lead + * {\n margin-left: 0;\n }\n\n > .nv-stack-item-center {\n margin-right: auto;\n margin-left: auto;\n }\n\n > .nv-stack-item-tail {\n margin-left: auto;\n }\n\n > .nv-stack-nowrap {\n white-space: nowrap;\n }\n\n // Vertical\n &.nv-stack-vertical {\n align-items: stretch;\n flex-direction: column;\n\n > .nv-stack-item-lead {\n margin-right: 0;\n margin-bottom: auto;\n }\n\n > .nv-stack-item-lead + * {\n margin-top: 0;\n }\n\n > .nv-stack-item-tail {\n margin-left: 0;\n margin-top: auto;\n }\n\n > .nv-stack-item-center {\n margin: auto 0;\n }\n }\n\n &.nv-stack-flex {\n > * {\n flex-shrink: 1;\n flex-grow: 1;\n }\n }\n\n &.nv-stack-fill {\n > * {\n height: 100%;\n }\n\n &.nv-stack-vertical {\n > * {\n height: auto;\n width: 100%;\n }\n }\n }\n}","import { Component, Host, Prop, h } from '@stencil/core';\nimport clsx from 'clsx';\n\n/*\n @deprecated Please use tailwind classes instead\n * @slot default - Content of the stack\n /\n@Component({\n tag: 'nv-stack',\n styleUrl: './nv-stack.scss',\n shadow: false,\n})\nexport class NvStack {\n /*************************************************************************/\n //#region PROPERTIES\n\n /\n * Gutter refers to the space that exists between children components inside\n * the stack container.\n /\n @Prop({ reflect: true })\n readonly gutter: number = 2;\n\n /\n Fill will force the children to fill the stack depending of the direction\n * of the stack. In horizontal position, the children take the height of the\n * stack. In vertical position, the children take the width of the stack.\n /\n @Prop({ reflect: true })\n readonly fill: boolean;\n\n /\n Flex will force the children to share the stack between the children\n * depending of the direction of the stack. In horizontal position, the\n * children width will share the width of the stack. In vertical position,\n * the children height will share the height of the stack.\n /\n @Prop({ reflect: true })\n readonly flex: boolean;\n\n /\n Full set the width of the stack to 100%.\n * (same effect as WFull props)\n /\n @Prop({ reflect: true })\n readonly full: boolean;\n\n /\n Display the element of the stack vertically.\n /\n @Prop({ reflect: true })\n readonly vertical: boolean;\n\n //#endregion PROPERTIES\n /***************************************************************************/\n //#region RENDER\n\n render() {\n return (\n <Host\n class={clsx(\n this.fill && 'nv-stack-fill',\n this.flex && 'nv-stack-flex',\n this.full && 'w-full',\n this.gutter && !this.vertical && `~~gutter~~-x-${this.gutter}`,\n this.gutter && this.vertical && `~~gutter~~-y-${this.gutter}`,\n this.vertical && 'nv-stack-vertical',\n )}\n >\n <slot></slot>\n </Host>\n );\n }\n\n //#endregion RENDER\n}\n"],"version":3}
1	+ {"file":"nv-stack.entry.js","mappings":";;;AAAA,MAAM,UAAU,GAAG,s8BAAs8B,CAAC;AAC19B,sBAAe,UAAU;;MCWZ,OAAO;IALpB;;;;;;;;QAcW,WAAM,GAAW,CAAC,CAAC;KAsD7B;;;;IAlBC,MAAM;QACJ,QACE,EAAC,IAAI,qDACH,KAAK,EAAE,IAAI,CACT,IAAI,CAAC,IAAI,IAAI,eAAe,EAC5B,IAAI,CAAC,IAAI,IAAI,eAAe,EAC5B,IAAI,CAAC,IAAI,IAAI,QAAQ,EACrB,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,SAAS,IAAI,CAAC,MAAM,EAAE,EACvD,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,QAAQ,IAAI,SAAS,IAAI,CAAC,MAAM,EAAE,EACtD,IAAI,CAAC,QAAQ,IAAI,mBAAmB,CACrC,IAED,8DAAa,CACR,EACP;KACH;;;;;;","names":[],"sources":["src/components/nv-stack/nv-stack.scss?tag=nv-stack","src/components/nv-stack/nv-stack.tsx"],"sourcesContent":["nv-stack {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n flex-direction: row;\n\n nv-col {\n display: flex;\n }\n\n &:not(nv-row) {\n flex-wrap: nowrap;\n }\n\n > .nv-stack-item-flex {\n flex-shrink: 1;\n flex-grow: 1;\n }\n\n > .nv-stack-item-lead {\n margin-right: auto;\n }\n\n > .nv-stack-item-lead + * {\n margin-left: 0;\n }\n\n > .nv-stack-item-center {\n margin-right: auto;\n margin-left: auto;\n }\n\n > .nv-stack-item-tail {\n margin-left: auto;\n }\n\n > .nv-stack-nowrap {\n white-space: nowrap;\n }\n\n // Vertical\n &.nv-stack-vertical {\n align-items: stretch;\n flex-direction: column;\n\n > .nv-stack-item-lead {\n margin-right: 0;\n margin-bottom: auto;\n }\n\n > .nv-stack-item-lead + * {\n margin-top: 0;\n }\n\n > .nv-stack-item-tail {\n margin-left: 0;\n margin-top: auto;\n }\n\n > .nv-stack-item-center {\n margin: auto 0;\n }\n }\n\n &.nv-stack-flex {\n > * {\n flex-shrink: 1;\n flex-grow: 1;\n }\n }\n\n &.nv-stack-fill {\n > * {\n height: 100%;\n }\n\n &.nv-stack-vertical {\n > * {\n height: auto;\n width: 100%;\n }\n }\n }\n}","import { Component, Host, Prop, h } from '@stencil/core';\nimport clsx from 'clsx';\n\n/*\n @deprecated Please use tailwind classes instead\n * @slot default - Content of the stack\n /\n@Component({\n tag: 'nv-stack',\n styleUrl: './nv-stack.scss',\n shadow: false,\n})\nexport class NvStack {\n /*************************************************************************/\n //#region PROPERTIES\n\n /\n * Gutter refers to the space that exists between children components inside\n * the stack container.\n /\n @Prop({ reflect: true })\n readonly gutter: number = 2;\n\n /\n Fill will force the children to fill the stack depending of the direction\n * of the stack. In horizontal position, the children take the height of the\n * stack. In vertical position, the children take the width of the stack.\n /\n @Prop({ reflect: true })\n readonly fill: boolean;\n\n /\n Flex will force the children to share the stack between the children\n * depending of the direction of the stack. In horizontal position, the\n * children width will share the width of the stack. In vertical position,\n * the children height will share the height of the stack.\n /\n @Prop({ reflect: true })\n readonly flex: boolean;\n\n /\n Full set the width of the stack to 100%.\n * (same effect as WFull props)\n /\n @Prop({ reflect: true })\n readonly full: boolean;\n\n /\n Display the element of the stack vertically.\n /\n @Prop({ reflect: true })\n readonly vertical: boolean;\n\n //#endregion PROPERTIES\n /***************************************************************************/\n //#region RENDER\n\n render() {\n return (\n <Host\n class={clsx(\n this.fill && 'nv-stack-fill',\n this.flex && 'nv-stack-flex',\n this.full && 'w-full',\n this.gutter && !this.vertical && `gap-x-${this.gutter}`,\n this.gutter && this.vertical && `gap-y-${this.gutter}`,\n this.vertical && 'nv-stack-vertical',\n )}\n >\n <slot></slot>\n </Host>\n );\n }\n\n //#endregion RENDER\n}\n"],"version":3}

package/dist/esm/nv-table.entry.js CHANGED Viewed

@@ -311,14 +311,14 @@ const NvTable = class {
         const rows = !this.table || this.table === undefined || this.parsedData.length === 0
             ? []
             : this.table.data;
-        return (h(Host, { key: '89d230b38e5f853a9d8246b3634d25f3add88bb0' }, h("div", { key: '130f44d0833635aec8eb1ff5db6f92f5342e39b4', class: "hidden" }, h("slot", { key: 'e68523ead80fd187bfb0fc6710aaea42e1d9c4e7' })), h("slot", { key: '087164f8a817d99091d54ed841b4faa5f01b215e', name: "before" }), this.parsedColumns.length === 0 && this.parsedData.length === 0 ? (h("div", { class: "no-data" }, this.noColumnsNoDataMessage)) : (h("table", { class: "table" }, this.parsedColumns.length > 0 && headerGroups.length > 0 && (h("thead", { class: "table-header" }, h("tr", null, headerGroups &&
+        return (h(Host, { key: 'b2962fba4d5a12aa660d0c0f69298c93947ef592' }, h("div", { key: 'f60e5c09d57c0ccf5cb9996ca85fcc8792270b85', class: "hidden" }, h("slot", { key: '9c4aefff542478535b3f342b1c75f68d717c3bf8' })), h("slot", { key: 'bfd0f5406187bcad69d9ed41e2f294314a3572f1', name: "before" }), this.parsedColumns.length === 0 && this.parsedData.length === 0 ? (h("div", { class: "no-data" }, this.noColumnsNoDataMessage)) : (h("table", { class: "table" }, this.parsedColumns.length > 0 && headerGroups.length > 0 && (h("thead", { class: "table-header" }, h("tr", null, headerGroups &&
             headerGroups.map(col => {
                 return (h("th", { key: col.name }, this.renderTemplate(this.headerTemplateCache.get(col.name), {}) || col.header));
             })))), h("tbody", { class: "table-body" }, !rows || rows.length === 0 ? (h("tr", null, h("td", { colSpan: headerGroups.length || 12, class: "no-data" }, this.noDataMessage))) : (rows.map(row => (h("tr", { key: JSON.stringify(row) }, headerGroups.map(col => {
             var _a;
             return (h("td", null, this.renderTemplate(this.templateCache.get(col.name), row) ||
                 ((_a = row[col.name]) !== null && _a !== void 0 ? _a : this.fallbackValue)));
-        })))))))), h("slot", { key: '046b1b705c5885eb2685a0e8780e6eec2f1ca50e', name: "after" })));
+        })))))))), h("slot", { key: 'e0039c9af9506bc8f2ded8cc81bbd2667ee1f2c1', name: "after" })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/nv-toggle.entry.js CHANGED Viewed

@@ -62,8 +62,8 @@ const NvToggle = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: '6e18c6145fccdf7926bcc64a2414e6b41d364487', class: clsx(this.labelPlacement === 'before' && 'label-placement-before') }, h("div", { key: 'fda6ce7b087d1acef0f2afb24edbdc2566ca6cbf', class: "input-container" }, h("input", { key: '53569ce97f75b7a2ac0c94a702096d3f9215432a', type: "checkbox", id: this.inputId, name: this.name, autocomplete: "off", value: this.value, checked: Boolean(this.checked), disabled: this.disabled || this.readonly, readonly: this.readonly })), h("div", { key: '26f0a6f570b8ef4150d53a7733c832f1c5f4343d', class: "text-container" }, (this.label || this.el.querySelector('[slot="label"]')) && (h("label", { key: '5ff30cca4abfd0c2f4283eab6c7ae678653748d3', htmlFor: this.inputId, class: clsx(this.hideLabel && 'visually-hidden') }, h("slot", { key: 'c6cc3536fa741fb89ebb24dfe455957b66edd77b', name: "label" }, this.label))), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (h("div", { key: '0b1804f9e5407f15037fb6e5c80d7b8dafee5599', class: "description" }, h("slot", { key: '8f1b272158ffebb03992ed8c3b115e52504ff8ce', name: "description" }, this.description))))));
+        return (h(Host, { key: 'e80390a43bab3d55373f6b05db1516210f90c3b5', class: clsx(this.labelPlacement === 'before' && 'label-placement-before') }, h("div", { key: '66156f05cc18bb63a8625cdff72d9c177e4cf86b', class: "input-container" }, h("input", { key: 'db0c2c078c23431605befb8dd972a29bfdefb16f', type: "checkbox", id: this.inputId, name: this.name, autocomplete: "off", value: this.value, checked: Boolean(this.checked), disabled: this.disabled || this.readonly, readonly: this.readonly })), h("div", { key: '576df464b48fa11bf8a46bede5f1d822db569636', class: "text-container" }, (this.label || this.el.querySelector('[slot="label"]')) && (h("label", { key: 'f529b009876a5de5061747f78372a66ccfdcac61', htmlFor: this.inputId, class: clsx(this.hideLabel && 'visually-hidden') }, h("slot", { key: '3ace029242d920b783fe0038f8721b416f54633f', name: "label" }, this.label))), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (h("div", { key: '2eeb41266ee52ef40c1600750084fda0fac8dc6f', class: "description" }, h("slot", { key: '605541594fcc7f3192766a5395c5a81f42de7728', name: "description" }, this.description))))));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }

package/dist/esm/nv-tooltip.entry.js CHANGED Viewed

@@ -32,7 +32,7 @@ const NvTooltip = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: '42d55bd749a31fc808d6685b75b5002b10575b63' }, h("slot", { key: '7ccb801774290a4e47c9bf6e61994936f0cb793e' }), h("nv-popover", { key: '6c67ddae0787dbc9e24d239e3b34218dfa997747', triggerMode: "hover", hasArrow: true, placement: this.placement, triggerElement: this.triggerElement, groupName: 'tooltip', enterDelay: this.enterDelay }, h("p", { key: '900d3a61fc7adb7aee3f9982d932c6e2f9889ab3', slot: "content" }, this.message), h("slot", { key: '3f5e490d760e723271acef897cf4e0247ca7cd44', name: "content" }))));
+        return (h(Host, { key: '8309e08944469fad76997a6dfcb8b434461aa5a3' }, h("slot", { key: 'f3da94e2f2f581f7b8c93f4b3e70de67e305508a' }), h("nv-popover", { key: 'a28c50f59f9a781afd8a8ab60260d065dcadf96d', triggerMode: "hover", hasArrow: true, placement: this.placement, triggerElement: this.triggerElement, groupName: 'tooltip', enterDelay: this.enterDelay }, h("p", { key: '76f63a5f220de640f4eeada8aeba97e9ead73fc9', slot: "content" }, this.message), h("slot", { key: 'f55f71b357b23c29b40b9c022a5a1718c4c8c8fb', name: "content" }))));
     }
     get el() { return getElement(this); }
 };

package/dist/native/native.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{p as e,H as a,b as n}from"./p-ab002252.js";export{s as setNonce}from"./p-ab002252.js";import{g as l}from"./p-e1255160.js";var o=()=>{{d(a.prototype)}const n=import.meta.url;const l={};if(n!==""){l.resourcesUrl=new URL(".",n).href}return e(l)};var d=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}};o().then((async e=>{await l();return n(JSON.parse('[["p-d352a8b3",[[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,"empty-result"],"required":[516],"error":[516],"errorDescription":[513,"error-description"],"readonly":[516],"disabled":[516],"autocomplete":[513],"filterable":[516],"value":[1537],"open":[1540],"options":[513],"debounceDelay":[514,"debounce-delay"],"autofocus":[516],"parsedOptions":[32],"selectedValues":[32],"sortedOptions":[32],"filterText":[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"]}]]],["p-b6164ebc",[[4,"nv-fielddate",{"inputId":[513,"input-id"],"label":[513],"description":[513],"placeholder":[513],"name":[513],"disabled":[516],"readonly":[516],"required":[516],"error":[516],"errorDescription":[513,"error-description"],"success":[516],"autofocus":[516],"value":[513],"firstDayOfWeek":[514,"first-day-of-week"],"numberOfCalendars":[514,"number-of-calendars"],"min":[513],"max":[513],"locale":[513],"dateFormat":[513,"date-format"],"shortcutsPlacement":[513,"shortcuts-placement"],"showActions":[516,"show-actions"],"shortcuts":[513],"showWeekNumbers":[516,"show-week-numbers"],"disabledDates":[513,"disabled-dates"],"singleValue":[32],"open":[32]},[[0,"singleDateChange","handleSingleDateChange"],[0,"closePopover","handleClosePopover"],[0,"keydown","handleKeyDown"]],{"value":["handleValueChange"]}]]],["p-002e7bf1",[[4,"nv-fielddaterange",{"startInputId":[513,"start-input-id"],"endInputId":[513,"end-input-id"],"label":[513],"description":[513],"startPlaceholder":[513,"start-placeholder"],"endPlaceholder":[513,"end-placeholder"],"startName":[513,"start-name"],"endName":[513,"end-name"],"disabled":[516],"readonly":[516],"required":[516],"error":[516],"errorDescription":[513,"error-description"],"success":[516],"shouldAutoFocus":[516,"should-auto-focus"],"value":[513],"firstDayOfWeek":[514,"first-day-of-week"],"numberOfCalendars":[514,"number-of-calendars"],"min":[513],"max":[513],"locale":[513],"dateFormat":[513,"date-format"],"shortcutsPlacement":[513,"shortcuts-placement"],"showActions":[516,"show-actions"],"shortcuts":[513],"showWeekNumbers":[516,"show-week-numbers"],"disabledDates":[513,"disabled-dates"],"startValue":[32],"endValue":[32],"open":[32]},[[0,"rangeDateChange","handleRangeDateChange"],[0,"closePopover","handleClosePopover"],[0,"applyDateRange","handleApplyDateRange"],[0,"keydown","handleKeyDown"]],{"value":["handleValueChange"]}]]],["p-76cd466a",[[4,"nv-dialog",{"triggerElement":[1040],"headerElement":[1040],"footerElement":[1040],"open":[1540],"undismissable":[516],"clickOutside":[516,"click-outside"],"controlled":[516],"full":[516],"show":[64],"close":[64]},[[4,"keydown","handleKeyDown"],[4,"click","handleDocumentClick"],[5,"touchstart","handleDocumentTouch"]],{"open":["handleDialogOpenChange"]}]]],["p-c6fe73a9",[[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,"empty-result"],"filterable":[516],"options":[513],"autofocus":[516],"filterText":[32],"selectedValues":[32],"parsedOptions":[32],"getFilterText":[64]},[[0,"dropdownItemSelected","handleDropdownItemSelected"],[0,"openChanged","handleOpenChanged"],[2,"blur","handleBlur"],[0,"keydown","handleKeyDown"]],{"value":["watchValueHandler"],"options":["handleOptionsChange"]}]]],["p-43cc98dc",[[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],"autofocus":[516],"hours":[32],"minutes":[32],"seconds":[32]},[[0,"openChanged","handleOpenChanged"],[0,"keydown","handleKeyDown"]],{"value":["handleValueChange"]}]]],["p-d4e48d08",[[68,"nv-fieldnumber",{"message":[513],"validation":[513],"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],"autofocus":[516]},null,{"value":["watchValueHandler"]}]]],["p-60d6ffa3",[[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"],"autofocus":[516],"showPasswordState":[32]},null,{"showPassword":["handleShowPasswordChange"]}]]],["p-aeac63ea",[[68,"nv-fieldselect",{"message":[513],"validation":[513],"options":[513],"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"],"autofocus":[516],"computedDisplayValue":[32],"internalReadonly":[32],"parsedOptions":[32]},null,{"value":["updateDisplayValueWatcher"],"displayValue":["handleDisplayValueChange"],"readonly":["handleReadonlyChange"],"options":["handleOptionsChange"]}]]],["p-6603d939",[[4,"nv-breadcrumb",{"type":[513],"tooltip":[513],"current":[516]}]]],["p-4a440970",[[4,"nv-alert",{"color":[513],"feedback":[1537],"message":[513],"heading":[513],"icon":[513],"dismissible":[516],"preventAutoClose":[516,"prevent-auto-close"],"hidden":[1540],"hasNoAnimations":[516,"has-no-animations"]},null,{"hidden":["handleHiddenChange"]}]]],["p-d5cbf5c8",[[4,"nv-avatar",{"xsmall":[516],"small":[516],"medium":[516],"large":[516],"xlarge":[516],"text":[513],"url":[513],"alt":[513],"src":[1537],"initials":[1537],"size":[1537],"color":[513]}]]],["p-e4f84faa",[[68,"nv-fieldtext",{"message":[513],"validation":[513],"textInputType":[513,"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],"autofocus":[516]}]]],["p-2ed9934a",[[4,"nv-base"]]],["p-ce64d562",[[4,"nv-breadcrumbs"]]],["p-8f7c1bb8",[[4,"nv-col",{"size":[514]}]]],["p-be5f62e5",[[4,"nv-datagrid",{"data":[16],"columns":[16],"dataJson":[513,"data-json"],"columnsJson":[513,"columns-json"],"fallbackValue":[513,"fallback-value"],"noDataMessage":[513,"no-data-message"],"noColumnsNoDataMessage":[513,"no-columns-no-data-message"],"enableGlobalFilter":[516,"enable-global-filter"],"autoGenerateColumns":[516,"auto-generate-columns"],"table":[32],"parsedColumns":[32],"parsedData":[32],"globalFilter":[32],"columnData":[32]},null,{"columns":["parseColumns"],"columnsJson":["parseJsonColumns"],"data":["parseData"],"dataJson":["parseJsonData"],"parsedColumns":["handleParsedChange"],"parsedData":["handleParsedChange"],"globalFilter":["handleGlobalFilter"]}]]],["p-b8b58064",[[4,"nv-datagridcolumn",{"header":[513],"accessor":[513],"repeatTemplate":[516,"repeat-template"]}]]],["p-b11fdaed",[[68,"nv-fieldradio",{"message":[513],"labelBefore":[516,"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],"autofocus":[516]},[[0,"change","handleChange"]],{"checked":["handleCheckedChange"]}]]],["p-7e1fa44c",[[68,"nv-fieldtextarea",{"message":[513],"validation":[513],"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],"autofocus":[516]},null,{"rows":["rowsChanged"],"autosize":["autosizeChanged"],"value":["handleValueChange"]}]]],["p-4977fcd0",[[4,"nv-row"]]],["p-aa957898",[[4,"nv-stack",{"gutter":[514],"fill":[516],"flex":[516],"full":[516],"vertical":[516]}]]],["p-115ad66c",[[4,"nv-table",{"data":[16],"columnsConfig":[16],"dataJson":[513,"data-json"],"columnsConfigJson":[513,"columns-config-json"],"fallbackValue":[513,"fallback-value"],"noDataMessage":[513,"no-data-message"],"noColumnsNoDataMessage":[513,"no-columns-no-data-message"],"parsedColumns":[32],"parsedData":[32],"table":[32]},null,{"columnsConfig":["parseColumns"],"columnsConfigJson":["parseJsonColumns"],"data":["parseData"],"dataJson":["parseJsonData"],"parsedColumns":["handleParsedChange"],"parsedData":["handleParsedChange"]}]]],["p-4dc1d036",[[0,"nv-tablecolumn",{"name":[513],"header":[513]}]]],["p-d5158e27",[[68,"nv-toggle",{"inputId":[513,"input-id"],"name":[513],"value":[513],"label":[513],"labelPlacement":[513,"label-placement"],"hideLabel":[516,"hide-label"],"description":[513],"checked":[1540],"disabled":[516],"readonly":[516]},[[0,"change","handleChange"]],{"checked":["onCheckedChanged"]}]]],["p-626a1372",[[0,"nv-icon",{"xsmall":[516],"small":[516],"medium":[516],"large":[516],"xlarge":[516],"color":[513],"name":[513],"size":[1537]}]]],["p-e200185a",[[4,"nv-menu",{"open":[1540],"nested":[516],"disableCloseOnSelect":[516,"disable-close-on-select"],"placement":[513],"items":[513],"parsedItems":[32],"show":[64],"close":[64]},[[0,"menuitemSelected","handleMenuItemSelect"],[0,"keydown","handleKeydown"],[0,"openChanged","handleOpenChanged"]],{"items":["handleItemsChange"]}]]],["p-4fe5ebe9",[[4,"nv-fielddropdownitem",{"disabled":[516],"selected":[516],"value":[1537],"label":[513]},[[0,"keydown","handleKeyDown"]]]]],["p-1e5453be",[[4,"nv-menuitem",{"label":[513],"icon":[513],"disabled":[516],"shortcut":[513],"hasSubmenu":[516,"has-submenu"],"name":[513]},[[2,"click","handleClick"],[0,"keydown","handleKeyDown"]]]]],["p-3df6febe",[[4,"nv-tooltip",{"triggerElement":[1040],"message":[513],"placement":[513],"enterDelay":[514,"enter-delay"]}]]],["p-50dcce07",[[68,"nv-iconbutton",{"size":[513],"emphasis":[513],"loading":[1540],"disabled":[1540],"active":[516],"name":[513],"type":[513],"shape":[513]},[[0,"keydown","handleKeyDown"],[0,"touchstart","handleTouchStart"]],{"loading":["handleLoadingChange"],"disabled":["handleDisabledChange"]}],[0,"nv-loader",{"size":[513],"color":[513]}]]],["p-000ef9c9",[[68,"nv-button",{"size":[513],"emphasis":[513],"active":[516],"danger":[516],"loading":[1540],"disabled":[1540],"fluid":[516],"type":[513],"form":[513]},[[0,"keydown","handleKeyDown"],[0,"touchstart","handleTouchStart"]],{"loading":["handleLoadingChange"],"disabled":["handleDisabledChange"]}]]],["p-75f4bfe8",[[4,"nv-calendar",{"firstDayOfWeek":[514,"first-day-of-week"],"numberOfCalendars":[1538,"number-of-calendars"],"singleValue":[1537,"single-value"],"rangeValue":[1537,"range-value"],"min":[513],"max":[513],"disabledDates":[513,"disabled-dates"],"locale":[513],"dateFormat":[513,"date-format"],"shortcutsPlacement":[513,"shortcuts-placement"],"selectionType":[513,"selection-type"],"showActions":[516,"show-actions"],"shortcuts":[513],"showWeekNumbers":[516,"show-week-numbers"],"currentDate":[32],"selectedDate":[32],"startDate":[32],"endDate":[32],"months":[32]},null,{"numberOfCalendars":["validateNumberOfCalendars"],"rangeValue":["onRangeValueChange"],"disabledDates":["handleDisabledDatesChange"],"singleValue":["onSingleValueChange"]}]]],["p-4c859a14",[[68,"nv-dialogfooter",{"disabled":[516],"undismissable":[516],"leadingIcon":[513,"leading-icon"],"trailingIcon":[513,"trailing-icon"],"danger":[516],"cancelLabel":[513,"cancel-label"],"primaryLabel":[513,"primary-label"],"primaryButtonType":[513,"primary-button-type"],"form":[513]}],[4,"nv-dialogheader",{"heading":[513],"subheading":[513]}]]],["p-98030346",[[68,"nv-fieldcheckbox",{"message":[513],"validation":[513],"labelBefore":[516,"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],"autofocus":[516]},[[0,"change","handleChange"]],{"checked":["onCheckedChanged"]}]]],["p-8946883b",[[4,"nv-badge",{"dismissal":[516],"icon":[513],"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-74f7f404",[[4,"nv-popover",{"triggerElement":[1040],"open":[1540],"triggerMode":[513,"trigger-mode"],"placement":[513],"groupName":[513,"group-name"],"offset":[514],"hasArrow":[516,"has-arrow"],"disableFlip":[516,"disable-flip"],"shiftPadding":[514,"shift-padding"],"enterDelay":[514,"enter-delay"],"nested":[516],"show":[64],"hide":[64],"toggle":[64]},[[4,"openChanged","handleOpenChanged"]],{"open":["handleOpenChange"]}]]]]'),e)}));
+import{p as e,H as a,b as n}from"./p-ab002252.js";export{s as setNonce}from"./p-ab002252.js";import{g as l}from"./p-e1255160.js";var o=()=>{{d(a.prototype)}const n=import.meta.url;const l={};if(n!==""){l.resourcesUrl=new URL(".",n).href}return e(l)};var d=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}};o().then((async e=>{await l();return n(JSON.parse('[["p-e49bbd02",[[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,"empty-result"],"required":[516],"error":[516],"errorDescription":[513,"error-description"],"readonly":[516],"disabled":[516],"autocomplete":[513],"filterable":[516],"value":[1537],"open":[1540],"options":[1040],"debounceDelay":[514,"debounce-delay"],"autofocus":[516],"selectedValues":[32],"sortedOptions":[32],"filterText":[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"]}]]],["p-f6bdc270",[[4,"nv-fielddate",{"inputId":[513,"input-id"],"label":[513],"description":[513],"placeholder":[513],"name":[513],"disabled":[516],"readonly":[516],"required":[516],"error":[516],"errorDescription":[513,"error-description"],"success":[516],"autofocus":[516],"value":[513],"firstDayOfWeek":[514,"first-day-of-week"],"numberOfCalendars":[514,"number-of-calendars"],"min":[513],"max":[513],"locale":[513],"dateFormat":[513,"date-format"],"shortcutsPlacement":[513,"shortcuts-placement"],"showActions":[516,"show-actions"],"shortcuts":[513],"showWeekNumbers":[516,"show-week-numbers"],"disabledDates":[513,"disabled-dates"],"singleValue":[32],"open":[32]},[[0,"singleDateChange","handleSingleDateChange"],[0,"closePopover","handleClosePopover"],[0,"keydown","handleKeyDown"]],{"value":["handleValueChange"]}]]],["p-7f5eb2ac",[[4,"nv-fielddaterange",{"startInputId":[513,"start-input-id"],"endInputId":[513,"end-input-id"],"label":[513],"description":[513],"startPlaceholder":[513,"start-placeholder"],"endPlaceholder":[513,"end-placeholder"],"startName":[513,"start-name"],"endName":[513,"end-name"],"disabled":[516],"readonly":[516],"required":[516],"error":[516],"errorDescription":[513,"error-description"],"success":[516],"shouldAutoFocus":[516,"should-auto-focus"],"value":[513],"firstDayOfWeek":[514,"first-day-of-week"],"numberOfCalendars":[514,"number-of-calendars"],"min":[513],"max":[513],"locale":[513],"dateFormat":[513,"date-format"],"shortcutsPlacement":[513,"shortcuts-placement"],"showActions":[516,"show-actions"],"shortcuts":[513],"showWeekNumbers":[516,"show-week-numbers"],"disabledDates":[513,"disabled-dates"],"startValue":[32],"endValue":[32],"open":[32]},[[0,"rangeDateChange","handleRangeDateChange"],[0,"closePopover","handleClosePopover"],[0,"applyDateRange","handleApplyDateRange"],[0,"keydown","handleKeyDown"]],{"value":["handleValueChange"]}]]],["p-4ae26462",[[4,"nv-dialog",{"triggerElement":[1040],"headerElement":[1040],"footerElement":[1040],"open":[1540],"undismissable":[516],"clickOutside":[516,"click-outside"],"controlled":[516],"full":[516],"show":[64],"close":[64]},[[4,"keydown","handleKeyDown"],[4,"click","handleDocumentClick"],[5,"touchstart","handleDocumentTouch"]],{"open":["handleDialogOpenChange"]}]]],["p-e1a4f776",[[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,"empty-result"],"filterable":[516],"options":[16],"autofocus":[516],"filterText":[32],"selectedValues":[32],"getFilterText":[64]},[[0,"dropdownItemSelected","handleDropdownItemSelected"],[0,"openChanged","handleOpenChanged"],[2,"blur","handleBlur"],[0,"keydown","handleKeyDown"]],{"value":["watchValueHandler"],"options":["handleOptionsChange"]}]]],["p-b2ce83ad",[[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],"autofocus":[516],"hours":[32],"minutes":[32],"seconds":[32]},[[0,"openChanged","handleOpenChanged"],[0,"keydown","handleKeyDown"]],{"value":["handleValueChange"]}]]],["p-59e0bd2b",[[68,"nv-fieldnumber",{"message":[513],"validation":[513],"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],"autofocus":[516]},null,{"value":["watchValueHandler"]}]]],["p-9d6431c7",[[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"],"autofocus":[516],"showPasswordState":[32]},null,{"showPassword":["handleShowPasswordChange"]}]]],["p-37f0210e",[[68,"nv-fieldselect",{"message":[513],"validation":[513],"options":[513],"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"],"autofocus":[516],"computedDisplayValue":[32],"internalReadonly":[32],"parsedOptions":[32]},null,{"value":["updateDisplayValueWatcher"],"displayValue":["handleDisplayValueChange"],"readonly":["handleReadonlyChange"],"options":["handleOptionsChange"]}]]],["p-c7b201cd",[[4,"nv-breadcrumb",{"type":[513],"tooltip":[513],"current":[516]}]]],["p-4a440970",[[4,"nv-alert",{"color":[513],"feedback":[1537],"message":[513],"heading":[513],"icon":[513],"dismissible":[516],"preventAutoClose":[516,"prevent-auto-close"],"hidden":[1540],"hasNoAnimations":[516,"has-no-animations"]},null,{"hidden":["handleHiddenChange"]}]]],["p-d5cbf5c8",[[4,"nv-avatar",{"xsmall":[516],"small":[516],"medium":[516],"large":[516],"xlarge":[516],"text":[513],"url":[513],"alt":[513],"src":[1537],"initials":[1537],"size":[1537],"color":[513]}]]],["p-84a73e2a",[[68,"nv-fieldtext",{"message":[513],"validation":[513],"textInputType":[513,"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],"autofocus":[516]}]]],["p-0245863d",[[4,"nv-breadcrumbs"]]],["p-244f56ac",[[4,"nv-col",{"size":[514]}]]],["p-9a267f16",[[4,"nv-datagrid",{"data":[16],"columns":[16],"dataJson":[513,"data-json"],"columnsJson":[513,"columns-json"],"fallbackValue":[513,"fallback-value"],"noDataMessage":[513,"no-data-message"],"noColumnsNoDataMessage":[513,"no-columns-no-data-message"],"enableGlobalFilter":[516,"enable-global-filter"],"autoGenerateColumns":[516,"auto-generate-columns"],"enablePagination":[516,"enable-pagination"],"pageSize":[514,"page-size"],"pageSizes":[16],"table":[32],"parsedColumns":[32],"parsedData":[32],"globalFilterSearchTerm":[32],"columnData":[32],"paginationState":[32]},null,{"columns":["parseColumns"],"columnsJson":["parseJsonColumns"],"data":["parseData"],"dataJson":["parseJsonData"],"parsedColumns":["handleParsedChange"],"parsedData":["handleParsedChange"],"globalFilterSearchTerm":["handleGlobalFilterSearchTerm"],"paginationState":["handlePaginationState"]}]]],["p-9135fdf5",[[4,"nv-datagridcolumn",{"header":[513],"accessor":[513],"repeatTemplate":[516,"repeat-template"]}]]],["p-b094296d",[[68,"nv-fieldradio",{"message":[513],"labelBefore":[516,"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],"autofocus":[516]},[[0,"change","handleChange"]],{"checked":["handleCheckedChange"]}]]],["p-93dc2f47",[[68,"nv-fieldtextarea",{"message":[513],"validation":[513],"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],"autofocus":[516]},null,{"rows":["rowsChanged"],"autosize":["autosizeChanged"],"value":["handleValueChange"]}]]],["p-2691e02d",[[4,"nv-row"]]],["p-6ff228da",[[4,"nv-stack",{"gutter":[514],"fill":[516],"flex":[516],"full":[516],"vertical":[516]}]]],["p-bad11367",[[4,"nv-table",{"data":[16],"columnsConfig":[16],"dataJson":[513,"data-json"],"columnsConfigJson":[513,"columns-config-json"],"fallbackValue":[513,"fallback-value"],"noDataMessage":[513,"no-data-message"],"noColumnsNoDataMessage":[513,"no-columns-no-data-message"],"parsedColumns":[32],"parsedData":[32],"table":[32]},null,{"columnsConfig":["parseColumns"],"columnsConfigJson":["parseJsonColumns"],"data":["parseData"],"dataJson":["parseJsonData"],"parsedColumns":["handleParsedChange"],"parsedData":["handleParsedChange"]}]]],["p-4dc1d036",[[0,"nv-tablecolumn",{"name":[513],"header":[513]}]]],["p-fb5bddba",[[68,"nv-toggle",{"inputId":[513,"input-id"],"name":[513],"value":[513],"label":[513],"labelPlacement":[513,"label-placement"],"hideLabel":[516,"hide-label"],"description":[513],"checked":[1540],"disabled":[516],"readonly":[516]},[[0,"change","handleChange"]],{"checked":["onCheckedChanged"]}]]],["p-5c00f092",[[0,"nv-icon",{"xsmall":[516],"small":[516],"medium":[516],"large":[516],"xlarge":[516],"color":[513],"name":[513],"size":[1537]}]]],["p-63e6aed3",[[4,"nv-menu",{"open":[1540],"nested":[516],"disableCloseOnSelect":[516,"disable-close-on-select"],"placement":[513],"items":[16],"show":[64],"close":[64]},[[0,"menuitemSelected","handleMenuItemSelect"],[0,"keydown","handleKeydown"],[0,"openChanged","handleOpenChanged"]]]]],["p-6b348684",[[4,"nv-fielddropdownitem",{"disabled":[516],"selected":[516],"value":[1537],"label":[513]},[[0,"keydown","handleKeyDown"]]]]],["p-fa77a591",[[4,"nv-menuitem",{"label":[513],"icon":[513],"disabled":[516],"shortcut":[513],"hasSubmenu":[516,"has-submenu"],"name":[513]},[[2,"click","handleClick"],[0,"keydown","handleKeyDown"]]]]],["p-eee01062",[[4,"nv-tooltip",{"triggerElement":[1040],"message":[513],"placement":[513],"enterDelay":[514,"enter-delay"]}]]],["p-f85aca27",[[68,"nv-iconbutton",{"size":[513],"emphasis":[513],"loading":[1540],"disabled":[1540],"active":[516],"name":[513],"type":[513],"shape":[513]},[[0,"keydown","handleKeyDown"],[0,"touchstart","handleTouchStart"]],{"loading":["handleLoadingChange"],"disabled":["handleDisabledChange"]}],[0,"nv-loader",{"size":[513],"color":[513]}]]],["p-39bb95ff",[[68,"nv-button",{"size":[513],"emphasis":[513],"active":[516],"danger":[516],"loading":[1540],"disabled":[1540],"fluid":[516],"type":[513],"form":[513]},[[0,"keydown","handleKeyDown"],[0,"touchstart","handleTouchStart"]],{"loading":["handleLoadingChange"],"disabled":["handleDisabledChange"]}]]],["p-4d9c4618",[[4,"nv-calendar",{"firstDayOfWeek":[514,"first-day-of-week"],"numberOfCalendars":[1538,"number-of-calendars"],"singleValue":[1537,"single-value"],"rangeValue":[1537,"range-value"],"min":[513],"max":[513],"disabledDates":[513,"disabled-dates"],"locale":[513],"dateFormat":[513,"date-format"],"shortcutsPlacement":[513,"shortcuts-placement"],"selectionType":[513,"selection-type"],"showActions":[516,"show-actions"],"shortcuts":[513],"showWeekNumbers":[516,"show-week-numbers"],"currentDate":[32],"selectedDate":[32],"startDate":[32],"endDate":[32],"months":[32]},null,{"numberOfCalendars":["validateNumberOfCalendars"],"rangeValue":["onRangeValueChange"],"disabledDates":["handleDisabledDatesChange"],"singleValue":["onSingleValueChange"]}]]],["p-d7a76400",[[68,"nv-dialogfooter",{"disabled":[516],"undismissable":[516],"leadingIcon":[513,"leading-icon"],"trailingIcon":[513,"trailing-icon"],"danger":[516],"cancelLabel":[513,"cancel-label"],"primaryLabel":[513,"primary-label"],"primaryButtonType":[513,"primary-button-type"],"form":[513]}],[4,"nv-dialogheader",{"heading":[513],"subheading":[513]}]]],["p-e5de64d5",[[68,"nv-fieldcheckbox",{"message":[513],"validation":[513],"labelBefore":[516,"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],"autofocus":[516]},[[0,"change","handleChange"]],{"checked":["onCheckedChanged"]}]]],["p-0ee428d5",[[4,"nv-badge",{"dismissal":[516],"icon":[513],"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-701b5557",[[4,"nv-popover",{"triggerElement":[1040],"open":[1540],"triggerMode":[513,"trigger-mode"],"placement":[513],"groupName":[513,"group-name"],"offset":[514],"hasArrow":[516,"has-arrow"],"disableFlip":[516,"disable-flip"],"shiftPadding":[514,"shift-padding"],"enterDelay":[514,"enter-delay"],"nested":[516],"show":[64],"hide":[64],"toggle":[64]},[[4,"openChanged","handleOpenChanged"]],{"open":["handleOpenChange"]}]]]]'),e)}));
 //# sourceMappingURL=native.esm.js.map