@nova-design-system/nova-webcomponents 3.0.0-beta.44 → 3.0.0-beta.45

package/dist/cjs/nv-fielddate.cjs.entry.js

@@ -262,12 +262,12 @@ const NvFielddate = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: 'f4ac8fc14fa8e152377801da2ad06db00a780632' }, ((this.label && this.label.length > 0) ||
-            this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '29ad17b261aeb6013b72b03e2f2e960a7395c4ff', htmlFor: this.inputId }, index.h("slot", { key: 'e478022257fe1b4c8667f9a7813c270664e51fb1', name: "label" }, this.label))), index.h("nv-popover", { key: 'fb6e74859034ea4a918901794dc50569327246f3', ref: el => (this.popoverElement = el), id: this.popoverId, triggerMode: "controlled", placement: "bottom-start", open: this.open }, index.h("div", { key: '8144b07f3310cfd684fc5eff8e2f4b195afa0a85', slot: "trigger", class: "input-wrapper" }, index.h("slot", { key: '13719fa680565927f1d4d49c9b8b18fbd8724895', name: "before-input" }), index.h("div", { key: '7483c3a0f194f1c433a378dbf8def6c644062520', class: "input-container", onClick: this.handleInputContainerClick }, index.h("slot", { key: 'def0c8bd58dc65d121d6a5259d0ff71cd32df6d0', name: "leading-input" }), index.h("input", { key: 'e3a9c13f3da9437a7eebd849c89b59f9014312dd', id: this.inputId, ref: e => (this.inputElement = e), placeholder: this.placeholder, name: this.name, disabled: this.disabled, readOnly: this.readonly, required: this.required, autofocus: this.autofocus, value: this.singleValue, onInput: this.handleInput, onFocus: this.handleFocus }), index.h("nv-iconbutton", { key: 'c82ab5489ec156ed6d83f249e69a19230e990bda', class: "toggle-calendar-icon", name: "calendar" //{this.open ? 'chevron-top' : 'chevron-down'}
+        return (index.h(index.Host, { key: 'df11f4f395a48f6288b20a242cccdacc9d7b397c' }, ((this.label && this.label.length > 0) ||
+            this.el.querySelector('[slot="label"]')) && (index.h("label", { key: 'bebb3787dcef1ea73bada36586bdd678f0ce0556', htmlFor: this.inputId }, index.h("slot", { key: '52be6fb452bcd9471708376e708e9a8126af73c2', name: "label" }, this.label))), index.h("nv-popover", { key: '6e1cc0a602641ec43be99ca990d64f175ff7bac8', ref: el => (this.popoverElement = el), id: this.popoverId, triggerMode: "controlled", placement: "bottom-start", open: this.open }, index.h("div", { key: '7cc0bcc9df49252d209caa22b61358c230d2f0dd', slot: "trigger", class: "input-wrapper" }, index.h("slot", { key: '13037bdfe258561afd35c23fd1cb94ed96bbba9d', name: "before-input" }), index.h("div", { key: '5a0c1bce690feb834f6183c57772d7b2eed0a8a6', class: "input-container", onClick: this.handleInputContainerClick }, index.h("slot", { key: '73842b222ba5059f1f09a4ce57b662710a1e341a', name: "leading-input" }), index.h("input", { key: '2e4de521b0d1d735fd4170eefacfe4e8f5bbcf33', id: this.inputId, ref: e => (this.inputElement = e), placeholder: this.placeholder, name: this.name, disabled: this.disabled, readOnly: this.readonly, required: this.required, autofocus: this.autofocus, value: this.singleValue, onInput: this.handleInput, onFocus: this.handleFocus }), index.h("nv-iconbutton", { key: 'dff7fe7f4a49a3da8ed44235ef719e726a40db87', class: "toggle-calendar-icon", name: "calendar" //{this.open ? 'chevron-top' : 'chevron-down'}
             ,
-            size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide calendar' : 'Show calendar', "aria-pressed": this.open.toString(), onClick: this.toggleCalendar, tabIndex: this.disabled ? -1 : 0 })), index.h("slot", { key: 'dce118ee3c305e63d9ee35ea2862ca6a0d461329', name: "after-input" })), index.h("div", { key: '5f6ec80b1552401b386e9d18cc77ba6238ded537', slot: "content" }, index.h("nv-calendar", { key: '100f2ddb0f3f5393143aeaaebc16ced4c84ba8fe', dateFormat: this.dateFormat, singleValue: this.singleValue, firstDayOfWeek: this.firstDayOfWeek, numberOfCalendars: this.numberOfCalendars, min: this.min, max: this.max, locale: this.locale, shortcutsPlacement: this.shortcutsPlacement, showActions: this.showActions, shortcuts: this.shortcuts, showWeekNumbers: this.showWeekNumbers, disabledDates: this.disabledDates }))), ((this.description && this.description.length > 0) ||
-            this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '2e04bba3f1578f4cb4e9d9fdff3f969f06965231', class: "description" }, index.h("slot", { key: '9b5d6314cd11e146cc03febfe0d588b7671371c5', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: 'be836494c6ee4972b6830069517c8402946244bd', hidden: !this.error, class: "error-description" }, this.el.querySelector('[slot="error-description"]') ? (index.h("slot", { name: "error-description" })) : (this.errorDescription))), index.h("slot", { key: '6483eb88eabdda1f3feb3cf63dfabc66fad4ca2f' })));
+            size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide calendar' : 'Show calendar', "aria-pressed": this.open.toString(), onClick: this.toggleCalendar, tabIndex: this.disabled ? -1 : 0 })), index.h("slot", { key: 'aafa39739ae3f907cef45d95094ef643833d50ad', name: "after-input" })), index.h("div", { key: '38cbef48ee7b053ad7c277e8125fcbf6d11c636c', slot: "content" }, index.h("nv-calendar", { key: 'dd5f1b3f1d7fcb17a47d90be58949fffe89e3ad4', dateFormat: this.dateFormat, singleValue: this.singleValue, firstDayOfWeek: this.firstDayOfWeek, numberOfCalendars: this.numberOfCalendars, min: this.min, max: this.max, locale: this.locale, shortcutsPlacement: this.shortcutsPlacement, showActions: this.showActions, shortcuts: this.shortcuts, showWeekNumbers: this.showWeekNumbers, disabledDates: this.disabledDates }))), ((this.description && this.description.length > 0) ||
+            this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '92526d3d8ed3bce713a5b30097df182b0ea22d4f', class: "description" }, index.h("slot", { key: 'd2a3a35577c08e3dd21c1c48eb6c6e3959abb7da', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: 'd4ba884604a01e2376691d382fb530576c02f029', hidden: !this.error, class: "error-description" }, this.el.querySelector('[slot="error-description"]') ? (index.h("slot", { name: "error-description" })) : (this.errorDescription))), index.h("slot", { key: '443c990302fa9aaef0e6fe732738d4f8e4570717' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/nv-fielddaterange.cjs.entry.js

@@ -336,15 +336,15 @@ const NvFielddaterange = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '093caee1d7944ccded9cd64f579057492e0d0493' }, ((this.label && this.label.length > 0) ||
-            this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '423a473a9d996cc57efdf140440d9c8282c47552', htmlFor: this.startInputId }, index.h("slot", { key: '9c0e45cc247755fa4e01c2a1f47ed55ee26d5120', name: "label" }, this.label))), index.h("nv-popover", { key: '7c80be4f96c66bef3f06da587db9f316b2bc7a8b', ref: el => (this.popoverElement = el), id: this.popoverId, triggerMode: "controlled", placement: "bottom-start", open: this.open }, index.h("div", { key: '84d7bb82e508521c80d5aa28e5738b95a6d88301', slot: "trigger", class: "input-wrapper" }, index.h("slot", { key: '6e26220a3d633dd70a538cc1039db23518013eac', name: "before-input" }), index.h("div", { key: '6d4cc658e1aa63d62f55acc5cad858a5269f3629', class: "input-container" }, index.h("slot", { key: 'e71bbd1de9fb33b95ba0e71a8de19e9d0acfeb56', name: "leading-input" }), index.h("div", { key: '7f48156f1a9c18ff71a6a21aa5ddb8f3e72fa03c', class: "range-inputs" }, index.h("input", { key: '306a3feeeb8af8e340427a240f36cd38c5be8ee9', id: this.startInputId, type: "text", placeholder: this.startPlaceholder, name: this.startName, disabled: this.disabled, readOnly: this.readonly, required: this.required, autofocus: this.shouldAutoFocus, value: this.startValue, onInput: this.handleStartInput, onFocus: this.handleFocus }), index.h("svg", { key: 'b49d1c29dc4cc6c9fd2452212781a326bc673a93', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "icon icon-tabler icons-tabler-outline icon-tabler-arrows-move-horizontal" }, index.h("path", { key: '39c7a7e3ab83f9231ffd2df9d31d451939868aff', stroke: "none", d: "M0 0h24v24H0z", fill: "none" }), index.h("path", { key: 'c3ad84053b33be954398f387ee58c680a8f11420', d: "M18 9l3 3l-3 3" }), index.h("path", { key: 'd2ec3d45a4b599ff12b054c8f027652f64da09f0', d: "M15 12h6" }), index.h("path", { key: '509aac76d4974dc4a522f6a37d20be6847f8fbc7', d: "M6 9l-3 3l3 3" }), index.h("path", { key: 'c3e97c1c2b42b66197ce1d7b0b4b09bad8780bea', d: "M3 12h6" })), index.h("input", { key: 'fa3c9a646a96a078a7e5b5360847f4ba4d5e132d', id: this.endInputId, type: "text", placeholder: this.endPlaceholder, name: this.endName, disabled: this.disabled, readOnly: this.readonly, required: this.required, value: this.endValue, onInput: this.handleEndInput, onFocus: this.handleFocus })), index.h("nv-iconbutton", { key: 'e38df040bf7450f1aefe5f5d2d4e824935ddb2f9', class: "toggle-calendar-icon", name: "calendar", size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide calendar' : 'Show calendar', "aria-pressed": this.open.toString(), onClick: this.toggleCalendar, tabIndex: this.disabled ? -1 : 0 })), index.h("slot", { key: 'd60c491f4688d9e04888af97d027fa7e02492f6c', name: "after-input" })), index.h("div", { key: '2b54c1c5c19b6dff615850d151cb52bccbd322fc', slot: "content" }, index.h("nv-calendar", { key: '11d1c70f9e3e5ce1979f7127d828fc06f2b52078', dateFormat: this.dateFormat, rangeValue: this.startValue && this.endValue
+        return (index.h(index.Host, { key: '47a61852ed7771a2248727193570aa2c4654b3bc' }, ((this.label && this.label.length > 0) ||
+            this.el.querySelector('[slot="label"]')) && (index.h("label", { key: 'a32f8796a15c40712bc0b751ab89fcf84c81dfa3', htmlFor: this.startInputId }, index.h("slot", { key: '549420faa870d7e8f37c4c864de00aae1682f1f9', name: "label" }, this.label))), index.h("nv-popover", { key: 'c93290824f1e7179f7777ef2d9d42146015ec10a', ref: el => (this.popoverElement = el), id: this.popoverId, triggerMode: "controlled", placement: "bottom-start", open: this.open }, index.h("div", { key: '67d798f2c57bf7cd979386fa2c3d0eb836253af6', slot: "trigger", class: "input-wrapper" }, index.h("slot", { key: '53f700e97f16b40cb3e077460d41ab955cf4e86e', name: "before-input" }), index.h("div", { key: '5829a9716c09fc65b8300b0fe5d590a3e4d1af40', class: "input-container" }, index.h("slot", { key: '401508780bbac13d792d62d8368c47b4fe9fb0c1', name: "leading-input" }), index.h("div", { key: '2e29bd53c161d7bdf5a20e17f7b114f421bf2684', class: "range-inputs" }, index.h("input", { key: 'd1fed6969b96a950e6c73779ac31e7f197cdf122', id: this.startInputId, type: "text", placeholder: this.startPlaceholder, name: this.startName, disabled: this.disabled, readOnly: this.readonly, required: this.required, autofocus: this.shouldAutoFocus, value: this.startValue, onInput: this.handleStartInput, onFocus: this.handleFocus }), index.h("svg", { key: '04aefcadb20a07f023c973a8ee0ce1c90e2eecd4', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "icon icon-tabler icons-tabler-outline icon-tabler-arrows-move-horizontal" }, index.h("path", { key: '372bb4b2ea27cf6aba7d9753dc25b3c9217a05c0', stroke: "none", d: "M0 0h24v24H0z", fill: "none" }), index.h("path", { key: 'ae5d178f8d00efc52317b8e44df3225c48f50571', d: "M18 9l3 3l-3 3" }), index.h("path", { key: '2669cb7bca3c10769fa8b7907d722e6892744dce', d: "M15 12h6" }), index.h("path", { key: '835d2de77d676af9806d93f9ec0e9a4a451b2463', d: "M6 9l-3 3l3 3" }), index.h("path", { key: '8aef1d99e102825729c4466bf57166529e927c09', d: "M3 12h6" })), index.h("input", { key: 'e40d1202015132524aa3d485641b9cd34d8a20a6', id: this.endInputId, type: "text", placeholder: this.endPlaceholder, name: this.endName, disabled: this.disabled, readOnly: this.readonly, required: this.required, value: this.endValue, onInput: this.handleEndInput, onFocus: this.handleFocus })), index.h("nv-iconbutton", { key: '8ec3ebfb4647e5fb9d89ea9f1e6a60eaa5bb1214', class: "toggle-calendar-icon", name: "calendar", size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide calendar' : 'Show calendar', "aria-pressed": this.open.toString(), onClick: this.toggleCalendar, tabIndex: this.disabled ? -1 : 0 })), index.h("slot", { key: 'e6ff4ed90757947d58dfde04c7063d123a3fd9e2', name: "after-input" })), index.h("div", { key: 'cf7a11988d84dac287b2c524e6005aee29f05ca3', slot: "content" }, index.h("nv-calendar", { key: '3c896e58ba52b0dd82f73f37beb8f70b6ac3f426', dateFormat: this.dateFormat, rangeValue: this.startValue && this.endValue
                 ? JSON.stringify({
                     start: this.startValue,
                     end: this.endValue,
                 })
                 : '', firstDayOfWeek: this.firstDayOfWeek, numberOfCalendars: this.numberOfCalendars, min: this.min, max: this.max, locale: this.locale, shortcutsPlacement: this.shortcutsPlacement, showActions: this.showActions, shortcuts: this.shortcuts, showWeekNumbers: this.showWeekNumbers, disabledDates: this.disabledDates, selectionType: "range" }))), ((this.description && this.description.length > 0) ||
-            this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '609d5a80059699ffad7272459975ee4ac04fabd3', class: "description" }, index.h("slot", { key: '472e10256149d7729186152da03e356da1360ded', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: 'a2e3f0db10b38d4e37616ef0df0c28c31c1480c6', hidden: !this.error, class: "error-description" }, this.el.querySelector('[slot="error-description"]') ? (index.h("slot", { name: "error-description" })) : (this.errorDescription))), index.h("slot", { key: '8ee594b994a8e86909bf47718f20b9d1f2a653db' })));
+            this.el.querySelector('[slot="description"]')) && (index.h("div", { key: 'f3a968ed2314ec6b0b8f1f5fed8e901e3df10402', class: "description" }, index.h("slot", { key: 'bdfb89b5f462046c1bcbcffdbe46b067868bb077', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: 'b7a01679e7d1315e3040c8b166f79affbe74d409', hidden: !this.error, class: "error-description" }, this.el.querySelector('[slot="error-description"]') ? (index.h("slot", { name: "error-description" })) : (this.errorDescription))), index.h("slot", { key: 'b318420f0dba209ec8dcebc06f37d94ade46ccea' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/nv-fielddropdown.cjs.entry.js

@@ -345,9 +345,9 @@ const NvFielddropdown = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: 'fd9c415beb138bf85bdd914c6143b50a2f2330bf', role: "combobox", "aria-expanded": this.open.toString(), "aria-haspopup": "listbox", "aria-label": this.label }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '3bd9ea3ac7f1202882511ab6bf0d187975eaaaf6', htmlFor: this.inputId }, index.h("slot", { key: '0e33a34af113e622401e5d23843fc67afce8c7a0', name: "label" }, this.label))), index.h("nv-popover", { key: 'cf41abb986f71b746f7b83828eb69244e502626a', ref: el => (this.popoverElement = el), triggerMode: "controlled", placement: "bottom-start", open: this.open }, index.h("div", { key: 'c030054877c24d5091bc9ea91f8b90182a5150b9', class: "input-wrapper", slot: "trigger" }, index.h("slot", { key: '974aa8736caa3112d2e17a6e6fc33d0271315303', name: "before-input" }), index.h("div", { key: '7b657cf2dd489e8e22ecd52403a9eba8193c1728', class: "input-container", onClick: this.handleInputContainerClick }, index.h("slot", { key: '26d55cabf26329cde6f7ac93464def081533dd7d', name: "leading-input" }), this.isFilterable || this.disabled || this.readonly ? (index.h("input", { "data-scope": "focusable", id: this.inputId, type: "search", ref: e => (this.inputElement = e), autofocus: this.autofocus, autocomplete: this.autocomplete, placeholder: this.placeholder, name: this.name, value: this.getSelectedLabel(), required: this.required, disabled: this.disabled, readOnly: this.readonly, onInput: this.handleInput, onFocus: this.handleInputFocus, onClick: this.handleInputFocus, onKeyDown: this.handleKeyDown })) : (index.h("p", { "data-scope": "focusable", id: this.inputId, class: "non-filterable-text", onClick: this.handleInputContainerClick, tabIndex: this.disabled ? -1 : 0, onKeyDown: this.handleKeyDown, onFocus: this.handleInputFocus }, this.getSelectedLabel() || this.value || this.placeholder)), this.isFilterable && this.filterText && this.open && (index.h("nv-iconbutton", { key: '4dab0dd29d016a68b94681893bd0367c2f2bbccb', name: "x", size: "md", emphasis: "lower", class: "clear-button", onClick: this.clearFilter, "aria-label": "Clear input" })), this.error && (index.h("nv-icon", { key: '94555a8f663a45ce5e744a2c4f42442ee725556f', name: "alert-circle", class: "validation", size: "md" })), index.h("nv-iconbutton", { key: 'c52dcc16864b6093cc7c1417d98506c9b4739f4b', "data-scope": "toggle-dropdown", name: this.open ? 'chevron-top' : 'chevron-down', size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide dropdown' : 'Show dropdown', "aria-pressed": this.open.toString(), onClick: this.togglePopover, tabIndex: this.disabled ? -1 : 0 })), index.h("slot", { key: 'a78197668881b8fc5fd7522a3b2ebcb4e4d6c1cc', name: "after-input" })), index.h("div", { key: '161678718ea939874d27b800052f3ff2df94a07d', slot: "content" }, this.parsedOptions.length > 0 ? (index.h("ul", null, this.parsedOptions.map(option => (index.h("nv-fielddropdownitem", { label: option.label, value: option.value, disabled: option.disabled, selected: option.value === this.value }))))) : (index.h("slot", { name: "content" })))), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (index.h("div", { key: 'b4ea5b9e6d12307201847c8b9979e7c77442c0a9', class: "description" }, index.h("slot", { key: '7162553aadfbeae787683a1fcf4ac7a1ca4788da', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: 'c96506582bd9c604490ce0d9c4a398ff70b7e814', hidden: !this.error, class: "error-description" }, index.h("slot", { key: '9069e068a0e1624344b248d68799ecf07f10c649', name: "error-description" }, this.errorDescription)))));
+        return (index.h(index.Host, { key: '0fb1d2326cefd85ffd337307a0a0dd74acda8a14', role: "combobox", "aria-expanded": this.open.toString(), "aria-haspopup": "listbox", "aria-label": this.label }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: 'bf6f4116b86cca549e7f9b65a17e1cb35b06ef60', htmlFor: this.inputId }, index.h("slot", { key: 'a81ad465e6a08e1bc9463c9d91c5d2cd05805e39', name: "label" }, this.label))), index.h("nv-popover", { key: '8c90cf3f3f08455b41b31681c4377d5404dd4b31', ref: el => (this.popoverElement = el), triggerMode: "controlled", placement: "bottom-start", open: this.open }, index.h("div", { key: '756eb9ff31134ece738ea9748a88837ec4979ddf', class: "input-wrapper", slot: "trigger" }, index.h("slot", { key: '1853a781eedfeea6aae57ed94c452524e4e69e83', name: "before-input" }), index.h("div", { key: '26c839ffc62cb1747de5099725695de6c213a220', class: "input-container", onClick: this.handleInputContainerClick }, index.h("slot", { key: '8685a92ee488f99dda4cbfe6bdd59e347e3ce0ce', name: "leading-input" }), this.isFilterable || this.disabled || this.readonly ? (index.h("input", { "data-scope": "focusable", id: this.inputId, type: "search", ref: e => (this.inputElement = e), autofocus: this.autofocus, autocomplete: this.autocomplete, placeholder: this.placeholder, name: this.name, value: this.getSelectedLabel(), required: this.required, disabled: this.disabled, readOnly: this.readonly, onInput: this.handleInput, onFocus: this.handleInputFocus, onClick: this.handleInputFocus, onKeyDown: this.handleKeyDown })) : (index.h("p", { "data-scope": "focusable", id: this.inputId, class: "non-filterable-text", onClick: this.handleInputContainerClick, tabIndex: this.disabled ? -1 : 0, onKeyDown: this.handleKeyDown, onFocus: this.handleInputFocus }, this.getSelectedLabel() || this.value || this.placeholder)), this.isFilterable && this.filterText && this.open && (index.h("nv-iconbutton", { key: '1fa4ea0ef878980847d667431c9e52b18de1a4b1', name: "x", size: "md", emphasis: "lower", class: "clear-button", onClick: this.clearFilter, "aria-label": "Clear input" })), this.error && (index.h("nv-icon", { key: '77aa0f468d8c6488595ffc2305480174c18d3069', name: "alert-circle", class: "validation", size: "md" })), index.h("nv-iconbutton", { key: '9954a5b1910693b0be417d27da8f9005467d99f3', "data-scope": "toggle-dropdown", name: this.open ? 'chevron-top' : 'chevron-down', size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide dropdown' : 'Show dropdown', "aria-pressed": this.open.toString(), onClick: this.togglePopover, tabIndex: this.disabled ? -1 : 0 })), index.h("slot", { key: '0e258c9b03e4dbcfe94b577ffaf77f2379a9c9a3', name: "after-input" })), index.h("div", { key: 'b697df1d8c64c9d2eaf09e427cd49c9d5ec0a323', slot: "content" }, this.parsedOptions.length > 0 ? (index.h("ul", null, this.parsedOptions.map(option => (index.h("nv-fielddropdownitem", { label: option.label, value: option.value, disabled: option.disabled, selected: option.value === this.value }))))) : (index.h("slot", { name: "content" })))), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '7a783fcd4da5623ad478e4a03fb454e093e7fc8e', class: "description" }, index.h("slot", { key: '93c4c95ca8e8e4bf50086fb861b126aa7f5f828a', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '8a0de0edb2a7855d478a40059e19f2f26f2ed681', hidden: !this.error, class: "error-description" }, index.h("slot", { key: '93b87131ac4e8371815e7c82ef6e15ebcff2bc88', name: "error-description" }, this.errorDescription)))));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }

package/dist/cjs/nv-fielddropdownitem.cjs.entry.js

@@ -60,7 +60,7 @@ const NvFielddropdownitem = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: 'acee05b9d46a503b8ca19acf9f96577f83686c38', role: "menuitem", tabindex: '-1', onClick: this.handleSelected }, index.h("slot", { key: '07eb6931adeb42c1bd9d83b58ef43d07eb0fd4df' }), !this.composed && (index.h("div", { key: '4a1c9d51f6d7e2ea3680ddd2294bc5a88c6a354b', class: "text-wrapper" }, index.h("span", { key: '6f13add04158044d4b3cd00b386ed0ed5cde87fc', "data-scope": "text" }, this.label))), this.selected && (index.h("nv-icon", { key: '88bfab2accd9b3bb8a2bb8fbbc6bafab8712432e', name: "check", "aria-hidden": "true", "data-scope": "selected" }))));
+        return (index.h(index.Host, { key: '8f867e8c456eae541561024d5194e1582504e85b', role: "menuitem", tabindex: '-1', onClick: this.handleSelected }, index.h("slot", { key: '2f26847b783458cde7a99d69269b0e15f381cdb8' }), !this.composed && (index.h("div", { key: '22229450f3e1492d1f71cbd9e89c6e0204cee201', class: "text-wrapper" }, index.h("span", { key: 'a5c691f3addf577acd848b6fe72c23388d116584', "data-scope": "text" }, this.label))), this.selected && (index.h("nv-icon", { key: '02232856ec60e9b741ced372a9d05def5d822cc6', name: "check", "aria-hidden": "true", "data-scope": "selected" }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/nv-fieldmultiselect.cjs.entry.js

@@ -102,7 +102,7 @@ const NvFieldmultiselect = class {
          * element.
          */
         this.autofocus = false;
-        /**x
+        /**
          * Handle badge close for options mode.
          */
         this.handleBadgeCloseOptions = () => {
@@ -142,7 +142,6 @@ const NvFieldmultiselect = class {
             if (this.isHandlingEscape) {
                 return;
             }
-            this.open = false;
             this.filterText = '';
             // Only reorder based on the mode
             if (this.modeState === 'options') {
@@ -164,7 +163,6 @@ const NvFieldmultiselect = class {
                 if (!this.el.contains(document.activeElement)) {
                     // Close the popover without affecting the divider
                     this.open = false;
-                    this.popoverElement.hide();
                     // Reset filter if needed
                     if (this.filterable) {
                         this.filterText = '';
@@ -184,7 +182,6 @@ const NvFieldmultiselect = class {
             const target = event.target;
             if (target.tagName === 'P' || target.tagName === 'SPAN') {
                 this.open = true;
-                this.popoverElement.show();
                 const inputContainer = this.el.querySelector('.input-container');
                 if (inputContainer) {
                     inputContainer.classList.add('focus-within');
@@ -206,7 +203,6 @@ const NvFieldmultiselect = class {
             const target = event.target;
             if (target.tagName === 'P' || target.tagName === 'SPAN') {
                 this.open = true;
-                this.popoverElement.show();
                 const inputContainer = this.el.querySelector('.input-container');
                 if (inputContainer) {
                     inputContainer.classList.add('focus-within');
@@ -288,7 +284,6 @@ const NvFieldmultiselect = class {
                 if (!this.el.contains(document.activeElement)) {
                     // Close the popover without affecting the divider
                     this.open = false;
-                    this.popoverElement.hide();
                     // Reset filter if needed
                     if (this.filterable) {
                         this.filterText = '';
@@ -304,16 +299,7 @@ const NvFieldmultiselect = class {
             if (this.disabled || this.readonly) {
                 return;
             }
-            if (this.open) {
-                this.handlePopoverClose();
-            }
-            else {
-                this.open = true;
-                this.popoverElement.show();
-                if (!this.filterable) {
-                    this.focusFirstItem();
-                }
-            }
+            this.open = !this.open;
         };
         /**
          * Toggle the multiselect popover for slots mode.
@@ -322,16 +308,7 @@ const NvFieldmultiselect = class {
             if (this.disabled || this.readonly) {
                 return;
             }
-            if (this.open) {
-                this.handlePopoverClose();
-            }
-            else {
-                this.open = true;
-                this.popoverElement.show();
-                if (!this.filterable) {
-                    this.focusFirstItem();
-                }
-            }
+            this.open = !this.open;
         };
         //#endregion METHODS
         /****************************************************************************/
@@ -369,14 +346,6 @@ const NvFieldmultiselect = class {
         if (this.modeState === 'options') {
             this.handleOptionsChange(this.options);
         }
-        // Add the listener for the hide event
-        requestAnimationFrame(() => {
-            if (this.popoverElement) {
-                this.popoverElement.addEventListener('hide', () => {
-                    this.handlePopoverClose();
-                });
-            }
-        });
         // Specific initialization for slots mode
         if (this.modeState === 'slots') {
             Promise.resolve().then(() => {
@@ -420,12 +389,6 @@ const NvFieldmultiselect = class {
      */
     disconnectedCallback() {
         document.removeEventListener('click', this.handleClickOutside.bind(this));
-        // Remove the listener for the hide event
-        if (this.popoverElement) {
-            this.popoverElement.removeEventListener('hide', () => {
-                this.handlePopoverClose();
-            });
-        }
     }
     /**
      * Emitted when the input loses focus.
@@ -435,15 +398,13 @@ const NvFieldmultiselect = class {
         // Update the open state of popover
         this.open = event.detail;
         if (this.open) {
+            // Filter items only if there is filter text
             if (this.filterText) {
                 this.filterItems();
             }
         }
-        else if (this.modeState === 'options') {
-            this.reorderOptionsContent();
-        }
         else {
-            this.reorderSlotContent();
+            this.handlePopoverClose();
         }
     }
     /**
@@ -867,8 +828,7 @@ const NvFieldmultiselect = class {
             (this.inputElement && this.inputElement.contains(event.target))) {
             return;
         }
-        // Use handlePopoverClose for all cases
-        this.handlePopoverClose();
+        this.open = false;
     }
     /**
      * Handle keyboard events & arrow key navigation.
@@ -880,7 +840,6 @@ const NvFieldmultiselect = class {
         if (!this.open) {
             if (event.key === 'ArrowDown') {
                 this.open = true;
-                this.popoverElement.show();
                 // Focus on the first item if the list is not filterable
                 if (!this.filterable) {
                     requestAnimationFrame(() => {
@@ -943,7 +902,6 @@ const NvFieldmultiselect = class {
                 setTimeout(() => {
                     this.isHandlingEscape = false;
                     this.open = false;
-                    this.popoverElement.hide();
                 }, 150);
                 if (this.inputElement) {
                     this.inputElement.blur();