@nvidia-elements/core 2.0.1 → 2.0.2

package/dist/logo/logo2.js

@@ -1,6 +1,6 @@
 import { attachInternals as e } from "../internal/utils/a11y.js";
 import { colorStateStyles as t, useStyles as n } from "../internal/styles/index.js";
-import { __decorate as r } from "../_virtual/_@oxc-project_runtime@0.132.0/helpers/decorate.js";
+import { __decorate as r } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
 import i from "./logo.js";
 import { LitElement as a, html as o } from "lit";
 import { property as s } from "lit/decorators/property.js";
@@ -12,7 +12,7 @@ var c = class extends a {
 	static {
 		this.metadata = {
 			tag: "nve-logo",
-			version: "2.0.1"
+			version: "2.0.2"
 		};
 	}
 	render() {

package/dist/menu/menu-item2.js

@@ -1,6 +1,6 @@
 import { audit as e } from "../internal/controllers/audit.controller.js";
 import { useStyles as t } from "../internal/styles/index.js";
-import { __decorate as n } from "../_virtual/_@oxc-project_runtime@0.132.0/helpers/decorate.js";
+import { __decorate as n } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
 import r from "./menu-item.js";
 import { LitElement as i, html as a } from "lit";
 import { property as o } from "lit/decorators/property.js";
@@ -13,7 +13,7 @@ var c = class extends s(i) {
 	static {
 		this.metadata = {
 			tag: "nve-menu-item",
-			version: "2.0.1",
+			version: "2.0.2",
 			parents: ["nve-menu"]
 		};
 	}

package/dist/menu/menu2.js

@@ -3,7 +3,7 @@ import { appendRootNodeStyle as t } from "../internal/utils/dom.js";
 import { keyNavigationList as n } from "../internal/controllers/keynav-list.controller.js";
 import { attachInternals as r } from "../internal/utils/a11y.js";
 import { useStyles as i } from "../internal/styles/index.js";
-import { __decorate as a } from "../_virtual/_@oxc-project_runtime@0.132.0/helpers/decorate.js";
+import { __decorate as a } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
 import o from "./menu.js";
 import s from "./menu.global.js";
 import { LitElement as c, html as l } from "lit";
@@ -16,7 +16,7 @@ var d = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-menu",
-			version: "2.0.1",
+			version: "2.0.2",
 			children: ["nve-menu-item", "nve-divider"]
 		};
 	}

package/dist/month/month2.js

@@ -1,6 +1,6 @@
 import { scopedRegistry as e } from "../internal/decorators/scoped-registry.js";
 import { useStyles as t } from "../internal/styles/index.js";
-import { __decorate as n } from "../_virtual/_@oxc-project_runtime@0.132.0/helpers/decorate.js";
+import { __decorate as n } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
 import { Control as r } from "../forms/control/control2.js";
 import { IconButton as i } from "../icon-button/icon-button2.js";
 import { inputStyles as a } from "../input/input2.js";
@@ -19,7 +19,7 @@ var l = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-month",
-			version: "2.0.1"
+			version: "2.0.2"
 		};
 	}
 	static {

package/dist/notification/notification-group2.js

@@ -2,7 +2,7 @@ import { audit as e } from "../internal/controllers/audit.controller.js";
 import { TypeNativePopoverController as t } from "../internal/controllers/type-native-popover.controller.js";
 import { useStyles as n } from "../internal/styles/index.js";
 import { popoverStyles as r } from "../internal/styles/popover2.js";
-import { __decorate as i } from "../_virtual/_@oxc-project_runtime@0.132.0/helpers/decorate.js";
+import { __decorate as i } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
 import a from "./notification-group.js";
 import { LitElement as o, html as s } from "lit";
 import { property as c } from "lit/decorators/property.js";
@@ -20,7 +20,7 @@ var l = class extends o {
 	static {
 		this.metadata = {
 			tag: "nve-notification-group",
-			version: "2.0.1",
+			version: "2.0.2",
 			children: ["nve-notification"]
 		};
 	}

package/dist/notification/notification2.js

@@ -5,7 +5,7 @@ import { scopedRegistry as r } from "../internal/decorators/scoped-registry.js";
 import { useStyles as i } from "../internal/styles/index.js";
 import { popoverStyles as a } from "../internal/styles/popover2.js";
 import { statusIcons as o } from "../internal/types/index.js";
-import { __decorate as s } from "../_virtual/_@oxc-project_runtime@0.132.0/helpers/decorate.js";
+import { __decorate as s } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
 import { Icon as c } from "../icon/icon2.js";
 import { IconButton as l } from "../icon-button/icon-button2.js";
 import u from "./notification.js";
@@ -34,7 +34,7 @@ var m = class extends d {
 	static {
 		this.metadata = {
 			tag: "nve-notification",
-			version: "2.0.1"
+			version: "2.0.2"
 		};
 	}
 	static {

package/dist/page/page-panel/page-panel-content2.js

@@ -9,7 +9,7 @@ var i = class extends n {
 	static {
 		this.metadata = {
 			tag: "nve-page-panel-content",
-			version: "2.0.1"
+			version: "2.0.2"
 		};
 	}
 	render() {

package/dist/page/page-panel/page-panel-footer2.js

@@ -1,6 +1,6 @@
 import { hostAttr as e } from "../../internal/decorators/host-attr.js";
 import { useStyles as t } from "../../internal/styles/index.js";
-import { __decorate as n } from "../../_virtual/_@oxc-project_runtime@0.132.0/helpers/decorate.js";
+import { __decorate as n } from "../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
 import r from "./page-panel-footer.js";
 import { LitElement as i, html as a } from "lit";
 //#region src/page/page-panel/page-panel-footer.ts
@@ -14,7 +14,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-page-panel-footer",
-			version: "2.0.1"
+			version: "2.0.2"
 		};
 	}
 	render() {

package/dist/page/page-panel/page-panel-header2.js

@@ -1,6 +1,6 @@
 import { hostAttr as e } from "../../internal/decorators/host-attr.js";
 import { useStyles as t } from "../../internal/styles/index.js";
-import { __decorate as n } from "../../_virtual/_@oxc-project_runtime@0.132.0/helpers/decorate.js";
+import { __decorate as n } from "../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
 import r from "./page-panel-header.js";
 import { LitElement as i, html as a } from "lit";
 //#region src/page/page-panel/page-panel-header.ts
@@ -14,7 +14,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-page-panel-header",
-			version: "2.0.1"
+			version: "2.0.2"
 		};
 	}
 	render() {

package/dist/page/page-panel/page-panel2.js

@@ -4,7 +4,7 @@ import { appendRootNodeStyle as n } from "../../internal/utils/dom.js";
 import { attachInternals as r } from "../../internal/utils/a11y.js";
 import { TypeExpandableController as i } from "../../internal/controllers/type-expandable.controller.js";
 import { useStyles as a } from "../../internal/styles/index.js";
-import { __decorate as o } from "../../_virtual/_@oxc-project_runtime@0.132.0/helpers/decorate.js";
+import { __decorate as o } from "../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
 import s from "./page-panel.js";
 import c from "./page-panel.global.js";
 import { LitElement as l, html as u } from "lit";
@@ -18,7 +18,7 @@ var f = class extends l {
 	static {
 		this.metadata = {
 			tag: "nve-page-panel",
-			version: "2.0.1",
+			version: "2.0.2",
 			parents: ["nve-page"]
 		};
 	}

package/dist/page/page2.js

@@ -1,7 +1,7 @@
 import { audit as e } from "../internal/controllers/audit.controller.js";
 import { attachInternals as t } from "../internal/utils/a11y.js";
 import { useStyles as n } from "../internal/styles/index.js";
-import { __decorate as r } from "../_virtual/_@oxc-project_runtime@0.132.0/helpers/decorate.js";
+import { __decorate as r } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
 import i from "./page.js";
 import { LitElement as a, html as o } from "lit";
 import { property as s } from "lit/decorators/property.js";
@@ -16,7 +16,7 @@ var c = class extends a {
 	static {
 		this.metadata = {
 			tag: "nve-page",
-			version: "2.0.1"
+			version: "2.0.2"
 		};
 	}
 	static {

package/dist/page-header/page-header2.js

@@ -10,7 +10,7 @@ var a = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-page-header",
-			version: "2.0.1"
+			version: "2.0.2"
 		};
 	}
 	render() {

package/dist/page-loader/page-loader2.js

@@ -2,7 +2,7 @@ import { TypeNativePopoverController as e } from "../internal/controllers/type-n
 import { scopedRegistry as t } from "../internal/decorators/scoped-registry.js";
 import { useStyles as n } from "../internal/styles/index.js";
 import { popoverStyles as r } from "../internal/styles/popover2.js";
-import { __decorate as i } from "../_virtual/_@oxc-project_runtime@0.132.0/helpers/decorate.js";
+import { __decorate as i } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
 import { ProgressRing as a } from "../progress-ring/progress-ring2.js";
 import o from "./page-loader.js";
 import { LitElement as s, html as c } from "lit";
@@ -18,7 +18,7 @@ var u = class extends s {
 	static {
 		this.metadata = {
 			tag: "nve-page-loader",
-			version: "2.0.1"
+			version: "2.0.2"
 		};
 	}
 	static {

package/dist/pagination/pagination2.js

@@ -5,7 +5,7 @@ import { attachInternals as r } from "../internal/utils/a11y.js";
 import { typeSSR as i } from "../internal/controllers/type-ssr.controller.js";
 import { scopedRegistry as a } from "../internal/decorators/scoped-registry.js";
 import { useStyles as o } from "../internal/styles/index.js";
-import { __decorate as s } from "../_virtual/_@oxc-project_runtime@0.132.0/helpers/decorate.js";
+import { __decorate as s } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
 import { IconButton as c } from "../icon-button/icon-button2.js";
 import { Select as l } from "../select/select2.js";
 import u from "./pagination.js";
@@ -21,7 +21,7 @@ var g = class extends h(d) {
 	static {
 		this.metadata = {
 			tag: "nve-pagination",
-			version: "2.0.1",
+			version: "2.0.2",
 			valueSchema: { type: "number" }
 		};
 	}

package/dist/panel/panel2.js

@@ -4,7 +4,7 @@ import { stateExpanded as n } from "../internal/controllers/state-expanded.contr
 import { TypeExpandableController as r } from "../internal/controllers/type-expandable.controller.js";
 import { scopedRegistry as i } from "../internal/decorators/scoped-registry.js";
 import { useStyles as a } from "../internal/styles/index.js";
-import { __decorate as o } from "../_virtual/_@oxc-project_runtime@0.132.0/helpers/decorate.js";
+import { __decorate as o } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
 import { IconButton as s } from "../icon-button/icon-button2.js";
 import c from "./panel.js";
 import l from "./panel-header.js";
@@ -21,7 +21,7 @@ var g = class extends f {
 	static {
 		this.metadata = {
 			tag: "nve-panel-header",
-			version: "2.0.1"
+			version: "2.0.2"
 		};
 	}
 	render() {
@@ -37,7 +37,7 @@ var g = class extends f {
 	static {
 		this.metadata = {
 			tag: "nve-panel-content",
-			version: "2.0.1"
+			version: "2.0.2"
 		};
 	}
 	render() {
@@ -50,7 +50,7 @@ var g = class extends f {
 	static {
 		this.metadata = {
 			tag: "nve-panel-footer",
-			version: "2.0.1"
+			version: "2.0.2"
 		};
 	}
 	render() {
@@ -69,7 +69,7 @@ var g = class extends f {
 	static {
 		this.metadata = {
 			tag: "nve-panel",
-			version: "2.0.1"
+			version: "2.0.2"
 		};
 	}
 	static {

package/dist/password/password2.js

@@ -1,6 +1,6 @@
 import { scopedRegistry as e } from "../internal/decorators/scoped-registry.js";
 import { useStyles as t } from "../internal/styles/index.js";
-import { __decorate as n } from "../_virtual/_@oxc-project_runtime@0.132.0/helpers/decorate.js";
+import { __decorate as n } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
 import { Control as r } from "../forms/control/control2.js";
 import { IconButton as i } from "../icon-button/icon-button2.js";
 import { inputStyles as a } from "../input/input2.js";
@@ -23,7 +23,7 @@ var u = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-password",
-			version: "2.0.1"
+			version: "2.0.2"
 		};
 	}
 	static {

package/dist/preferences-input/preferences-input2.js

@@ -1,7 +1,7 @@
 import { I18nController as e } from "../internal/controllers/i18n.controller.js";
 import { scopedRegistry as t } from "../internal/decorators/scoped-registry.js";
 import { useStyles as n } from "../internal/styles/index.js";
-import { __decorate as r } from "../_virtual/_@oxc-project_runtime@0.132.0/helpers/decorate.js";
+import { __decorate as r } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
 import { Icon as i } from "../icon/icon2.js";
 import { Control as a } from "../forms/control/control2.js";
 import { Switch as o } from "../switch/switch2.js";
@@ -43,7 +43,7 @@ var x = class extends g(d) {
 	static {
 		this.metadata = {
 			tag: "nve-preferences-input",
-			version: "2.0.1",
+			version: "2.0.2",
 			valueSchema: {
 				type: "object",
 				properties: {

package/dist/progress-bar/progress-bar2.js

@@ -1,6 +1,6 @@
 import { scopedRegistry as e } from "../internal/decorators/scoped-registry.js";
 import { useStyles as t } from "../internal/styles/index.js";
-import { __decorate as n } from "../_virtual/_@oxc-project_runtime@0.132.0/helpers/decorate.js";
+import { __decorate as n } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
 import r from "./progress-bar.js";
 import { LitElement as i, html as a } from "lit";
 import { property as o } from "lit/decorators/property.js";
@@ -16,7 +16,7 @@ var c = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-progress-bar",
-			version: "2.0.1"
+			version: "2.0.2"
 		};
 	}
 	render() {

package/dist/progress-ring/progress-ring2.js

@@ -3,7 +3,7 @@ import { attachInternals as t } from "../internal/utils/a11y.js";
 import { scopedRegistry as n } from "../internal/decorators/scoped-registry.js";
 import { useStyles as r } from "../internal/styles/index.js";
 import { statusIcons as i } from "../internal/types/index.js";
-import { __decorate as a } from "../_virtual/_@oxc-project_runtime@0.132.0/helpers/decorate.js";
+import { __decorate as a } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
 import { Icon as o } from "../icon/icon2.js";
 import s from "./progress-ring.js";
 import { LitElement as c, html as l } from "lit";
@@ -19,7 +19,7 @@ var d = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-progress-ring",
-			version: "2.0.1"
+			version: "2.0.2"
 		};
 	}
 	static {

package/dist/progressive-filter-chip/progressive-filter-chip2.js

@@ -5,7 +5,7 @@ import { TypeClosableController as i } from "../internal/controllers/type-closab
 import { typeSSR as a } from "../internal/controllers/type-ssr.controller.js";
 import { scopedRegistry as o } from "../internal/decorators/scoped-registry.js";
 import { useStyles as s } from "../internal/styles/index.js";
-import { __decorate as c } from "../_virtual/_@oxc-project_runtime@0.132.0/helpers/decorate.js";
+import { __decorate as c } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
 import { IconButton as l } from "../icon-button/icon-button2.js";
 import { Input as u } from "../input/input2.js";
 import { Select as d } from "../select/select2.js";
@@ -23,7 +23,7 @@ var b = class extends h {
 	static {
 		this.metadata = {
 			tag: "nve-progressive-filter-chip",
-			version: "2.0.1"
+			version: "2.0.2"
 		};
 	}
 	static {

package/dist/pulse/pulse2.js

@@ -1,6 +1,6 @@
 import { attachInternals as e } from "../internal/utils/a11y.js";
 import { useStyles as t } from "../internal/styles/index.js";
-import { __decorate as n } from "../_virtual/_@oxc-project_runtime@0.132.0/helpers/decorate.js";
+import { __decorate as n } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
 import { Icon as r } from "../icon/icon2.js";
 import i from "./pulse.js";
 import { LitElement as a, html as o } from "lit";
@@ -13,7 +13,7 @@ var c = class extends a {
 	static {
 		this.metadata = {
 			tag: "nve-pulse",
-			version: "2.0.1"
+			version: "2.0.2"
 		};
 	}
 	static {

package/dist/radio/radio-group2.js

@@ -1,7 +1,7 @@
 import { audit as e } from "../internal/controllers/audit.controller.js";
 import { typeSSR as t } from "../internal/controllers/type-ssr.controller.js";
 import { useStyles as n } from "../internal/styles/index.js";
-import { __decorate as r } from "../_virtual/_@oxc-project_runtime@0.132.0/helpers/decorate.js";
+import { __decorate as r } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
 import { ControlGroup as i } from "../forms/control-group/control-group2.js";
 import a from "./radio-group.js";
 //#region src/radio/radio-group.ts
@@ -12,7 +12,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-radio-group",
-			version: "2.0.1",
+			version: "2.0.2",
 			children: [
 				"label",
 				"nve-control-message",

package/dist/radio/radio2.js

@@ -1,7 +1,7 @@
 import { audit as e } from "../internal/controllers/audit.controller.js";
 import { hostAttr as t } from "../internal/decorators/host-attr.js";
 import { useStyles as n } from "../internal/styles/index.js";
-import { __decorate as r } from "../_virtual/_@oxc-project_runtime@0.132.0/helpers/decorate.js";
+import { __decorate as r } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
 import { Control as i } from "../forms/control/control2.js";
 import a from "./radio.js";
 //#region src/radio/radio.ts
@@ -15,7 +15,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-radio",
-			version: "2.0.1",
+			version: "2.0.2",
 			children: [
 				"label",
 				"input",

package/dist/range/range2.js

@@ -1,6 +1,6 @@
 import { appendRootNodeStyle as e, getElementUpdate as t } from "../internal/utils/dom.js";
 import { useStyles as n } from "../internal/styles/index.js";
-import { __decorate as r } from "../_virtual/_@oxc-project_runtime@0.132.0/helpers/decorate.js";
+import { __decorate as r } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
 import { Control as i } from "../forms/control/control2.js";
 import a from "./range.global.js";
 import o from "./range.js";
@@ -17,7 +17,7 @@ var d = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-range",
-			version: "2.0.1"
+			version: "2.0.2"
 		};
 	}
 	connectedCallback() {

package/dist/resize-handle/resize-handle2.js

@@ -1,7 +1,7 @@
 import { I18nController as e } from "../internal/controllers/i18n.controller.js";
 import { typeTouch as t } from "../internal/controllers/type-touch.controller.js";
 import { useStyles as n } from "../internal/styles/index.js";
-import { __decorate as r } from "../_virtual/_@oxc-project_runtime@0.132.0/helpers/decorate.js";
+import { __decorate as r } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
 import i from "./resize-handle.js";
 import { LitElement as a, html as o } from "lit";
 import { property as s } from "lit/decorators/property.js";
@@ -18,7 +18,7 @@ var u = class extends c(a) {
 	static {
 		this.metadata = {
 			tag: "nve-resize-handle",
-			version: "2.0.1",
+			version: "2.0.2",
 			valueSchema: { type: "number" }
 		};
 	}

package/dist/search/search2.js

@@ -1,6 +1,6 @@
 import { scopedRegistry as e } from "../internal/decorators/scoped-registry.js";
 import { useStyles as t } from "../internal/styles/index.js";
-import { __decorate as n } from "../_virtual/_@oxc-project_runtime@0.132.0/helpers/decorate.js";
+import { __decorate as n } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
 import { Control as r } from "../forms/control/control2.js";
 import { IconButton as i } from "../icon-button/icon-button2.js";
 import { inputStyles as a } from "../input/input2.js";
@@ -22,7 +22,7 @@ var l = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-search",
-			version: "2.0.1"
+			version: "2.0.2"
 		};
 	}
 	static {

package/dist/select/select2.js

@@ -4,7 +4,7 @@ import { focusElementTimeout as r, onListboxActivate as i } from "../internal/ut
 import { appendRootNodeStyle as a, getElementUpdate as o } from "../internal/utils/dom.js";
 import { scopedRegistry as s } from "../internal/decorators/scoped-registry.js";
 import { useStyles as c } from "../internal/styles/index.js";
-import { __decorate as l } from "../_virtual/_@oxc-project_runtime@0.132.0/helpers/decorate.js";
+import { __decorate as l } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
 import { Icon as u } from "../icon/icon2.js";
 import { Control as d } from "../forms/control/control2.js";
 import { Tag as f } from "../tag/tag2.js";
@@ -19,7 +19,7 @@ import { ifDefined as x } from "lit/directives/if-defined.js";
 //#region src/select/select.ts
 var S = class extends d {
 	constructor(...t) {
-		super(...t), this.#e = new e(this), this.i18n = this.#e.i18n, this.#l = [], this.#p = /* @__PURE__ */ new Set();
+		super(...t), this.#e = new e(this), this.i18n = this.#e.i18n, this.#l = [], this.#p = /* @__PURE__ */ new Map();
 	}
 	static {
 		this.styles = c([...d.styles, g]);
@@ -27,7 +27,7 @@ var S = class extends d {
 	static {
 		this.metadata = {
 			tag: "nve-select",
-			version: "2.0.1"
+			version: "2.0.2"
 		};
 	}
 	static {
@@ -70,57 +70,71 @@ var S = class extends d {
 		return v`<div class="tags-label ${e ? "placeholder" : ""}" aria-hidden="true">${t}</div>`;
 	}
 	get prefixContent() {
-		return this.#t?.multiple && this.#t?.size === 0 ? v`${this.#u}<div class="tags">${this.#n.filter((e) => e.selected && e !== this.#c).map((e) => v`<nve-tag part="tag" readonly="readonly" color="gray-slate" closable .value="${e.value}" @click="${() => this.#y(e, !1)}">${e.textContent}</nve-tag>`)}</div>` : y;
+		return this.#t?.multiple && this.#t?.size === 0 ? v`${this.#u}<div class="tags">${this.#n.filter((e) => e.selected && e !== this.#c).map((e) => v`<nve-tag part="tag" readonly="readonly" color="gray-slate" closable .value="${e.value}" @click="${() => this.#x(e, !1)}">${e.textContent}</nve-tag>`)}</div>` : y;
 	}
 	get #d() {
-		return v`<nve-menu part="menu" role="listbox" style="--width:100%;--min-width:fit-content" aria-label="${x(this.i18n.select)}">${this.#n.filter((e) => e !== this.#c).map((e, t) => v`<nve-menu-item part="menu-item" role="option" @click="${() => this.#y(e, !e.selected)}" ?selected="${e.selected}" ?disabled="${e.disabled}" ?hidden="${!!e.hidden}" aria-selected="${e.selected}"><slot name="option-${t + 1}"><nve-icon part="icon" name="check" size="sm" aria-hidden="true"></nve-icon>${e.innerText}</slot></nve-menu-item>`)}</nve-menu>`;
+		return v`<nve-menu part="menu" role="listbox" style="--width:100%;--min-width:fit-content" aria-label="${x(this.i18n.select)}">${this.#n.filter((e) => e !== this.#c).map((e, t) => v`<nve-menu-item part="menu-item" role="option" @click="${() => this.#x(e, !e.selected)}" ?selected="${e.selected}" ?disabled="${e.disabled}" ?hidden="${!!e.hidden}" aria-selected="${e.selected}"><slot name="option-${t + 1}"><nve-icon part="icon" name="check" size="sm" aria-hidden="true"></nve-icon>${e.innerText}</slot></nve-menu-item>`)}</nve-menu>`;
 	}
 	get suffixContent() {
-		return this.#t?.size === 0 ? v`<nve-icon name="caret" part="caret" direction="down" size="sm" aria-hidden="true"></nve-icon><nve-dropdown part="dropdown" @close="${this.#_}" @open="${this.#g}" hidden .anchor="${this.#a}" position="bottom">${this.#d}</nve-dropdown>` : this.#d;
+		return this.#t?.size === 0 ? v`<nve-icon name="caret" part="caret" direction="down" size="sm" aria-hidden="true"></nve-icon><nve-dropdown part="dropdown" @close="${this.#y}" @open="${this.#v}" hidden .anchor="${this.#a}" position="bottom">${this.#d}</nve-dropdown>` : this.#d;
 	}
 	async firstUpdated(e) {
-		super.firstUpdated(e), await this.updateComplete, this.#h(), this.#v(), this.#f(), this.#m();
+		super.firstUpdated(e), await this.updateComplete, this.#_();
 	}
 	#f() {
 		this.#l.push(o(this.#t, "value", () => this.requestUpdate()), n(this.#t, () => this.requestUpdate(), {
 			attributes: !0,
 			subtree: !0
-		}), n(this.#t, () => this.#m(), { subtree: !0 }));
+		}), n(this.#t, () => this.#g(), { subtree: !0 }));
 	}
 	#p;
 	#m() {
-		this.#n.forEach((e) => {
-			this.#p.has(e) || (this.#p.add(e), this.#l.push(o(e, "selected", () => this.requestUpdate())));
+		this.#h(), this.#b(), this.#f(), this.#g();
+	}
+	#h() {
+		this.#l.forEach((e) => e.disconnect()), this.#l = [], this.#p.clear();
+	}
+	#g() {
+		let e = new Set(this.#n);
+		this.#p.forEach((t, n) => {
+			e.has(n) || (t.disconnect(), this.#p.delete(n), this.#l = this.#l.filter((e) => e !== t));
+		}), this.#n.forEach((e) => {
+			if (!this.#p.has(e)) {
+				let t = o(e, "selected", () => this.requestUpdate());
+				this.#p.set(e, t), this.#l.push(t);
+			}
 		});
 	}
 	connectedCallback() {
-		super.connectedCallback(), a(this, _);
+		super.connectedCallback(), a(this, _), this.updateComplete.then(() => {
+			this.isConnected && this.#m();
+		});
 	}
 	disconnectedCallback() {
-		super.disconnectedCallback(), this.#l.forEach((e) => e.disconnect());
+		super.disconnectedCallback(), this.#h();
 	}
 	async updated(e) {
-		super.updated(e), this.#t?.size && this.#t?.size !== 0 && (this._internals.states.add("size"), this.style.setProperty("--size", `${this.#t?.size + .75}`)), this.#t?.multiple && this.#t?.size === 0 && this._internals.states.add("multiple");
+		super.updated(e), this.#t?.size && this.#t?.size !== 0 ? (this._internals.states.add("size"), this.style.setProperty("--size", `${this.#t?.size + .75}`)) : (this._internals.states.delete("size"), this.style.removeProperty("--size")), this.#t?.multiple && this.#t?.size === 0 ? this._internals.states.add("multiple") : this._internals.states.delete("multiple");
 	}
-	#h() {
+	#_() {
 		this.#t?.size === 0 && i(this.#t, () => {
 			this.requestUpdate(), this.#r.style.setProperty("--min-width", `${this.#a.getBoundingClientRect().width}px`), this.#r.showPopover(), r(this.#i[0]);
 		});
 	}
-	#g() {
+	#v() {
 		this.#r.hidden = !1, this.#s.direction = "up";
 	}
-	#_() {
+	#y() {
 		this.#r.hidden = !0, this.#s.direction = "down";
 	}
-	#v() {
-		let e = new ResizeObserver((e) => this.#b(e[0].contentRect.width));
+	#b() {
+		let e = new ResizeObserver((e) => this.#S(e[0].contentRect.width));
 		this.#l.push(e), e.observe(this.#a);
 	}
-	async #y(e, t) {
-		(this.#t.multiple || !this.#t.multiple && e.value !== this.#t.value) && (e.selected = t), this.#t.selectedOptions.length < 1 && (this.#t.value = t ? e.value : ""), this.#t.dispatchEvent(new Event("input", { bubbles: !0 })), this.#t.dispatchEvent(new Event("change", { bubbles: !0 })), this.requestUpdate(), !this.#t.multiple && this.#r ? this.#r.hidePopover() : (await this.updateComplete, this.#b(this.#a.getBoundingClientRect().width));
+	async #x(e, t) {
+		(this.#t.multiple || !this.#t.multiple && e.value !== this.#t.value) && (e.selected = t), this.#t.selectedOptions.length < 1 && (this.#t.value = t ? e.value : ""), this.#t.dispatchEvent(new Event("input", { bubbles: !0 })), this.#t.dispatchEvent(new Event("change", { bubbles: !0 })), this.requestUpdate(), !this.#t.multiple && this.#r ? this.#r.hidePopover() : (await this.updateComplete, this.#S(this.#a.getBoundingClientRect().width));
 	}
-	#b(e) {
+	#S(e) {
 		let t = this.#o;
 		this.#t?.multiple && t && t.getBoundingClientRect().width > e - 48 ? this._internals.states.add("multiple-overflow") : this._internals.states.delete("multiple-overflow");
 	}