@nvidia-elements/core 2.0.0 → 2.0.2

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.0"
+			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.0",
+			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.0"
+			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.0"
+			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.0"
+			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.0",
+			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.0"
+			version: "2.0.2"
 		};
 	}
 	render() {
@@ -37,7 +37,7 @@ var g = class extends f {
 	static {
 		this.metadata = {
 			tag: "nve-panel-content",
-			version: "2.0.0"
+			version: "2.0.2"
 		};
 	}
 	render() {
@@ -50,7 +50,7 @@ var g = class extends f {
 	static {
 		this.metadata = {
 			tag: "nve-panel-footer",
-			version: "2.0.0"
+			version: "2.0.2"
 		};
 	}
 	render() {
@@ -69,7 +69,7 @@ var g = class extends f {
 	static {
 		this.metadata = {
 			tag: "nve-panel",
-			version: "2.0.0"
+			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.0"
+			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.0",
+			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.0"
+			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.0"
+			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.0"
+			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.0"
+			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.0",
+			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.0",
+			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.0"
+			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.0",
+			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.0"
+			version: "2.0.2"
 		};
 	}
 	static {

package/dist/select/select.d.ts

@@ -60,6 +60,7 @@ export declare class Select extends Control {
     protected get prefixContent(): typeof nothing | import('lit').TemplateResult<1>;
     protected get suffixContent(): import('lit').TemplateResult<1>;
     firstUpdated(props: PropertyValues<this>): Promise<void>;
+    connectedCallback(): void;
     disconnectedCallback(): void;
     updated(props: PropertyValues<this>): Promise<void>;
 }

package/dist/select/select.global.js

@@ -0,0 +1,6 @@
+//#region src/select/select.global.css?inline
+var e = "nve-select select[multiple] option{pointer-events:none!important}";
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=select.global.js.map

package/dist/select/select.global.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.global.js","names":[],"sources":["../../src/select/select.global.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\nnve-select select[multiple] option {\n  pointer-events: none !important;\n}\n"],"mappings":""}

package/dist/select/select2.js

@@ -1,41 +1,42 @@
 import { I18nController as e, i18n as t } from "../internal/controllers/i18n.controller.js";
 import { onChildListMutation as n } from "../internal/utils/events.js";
 import { focusElementTimeout as r, onListboxActivate as i } from "../internal/utils/focus.js";
-import { getElementUpdate as a } from "../internal/utils/dom.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 { Icon as l } from "../icon/icon2.js";
-import { Control as u } from "../forms/control/control2.js";
-import { Tag as d } from "../tag/tag2.js";
-import { Menu as f } from "../menu/menu2.js";
-import { MenuItem as p } from "../menu/menu-item2.js";
-import { Dropdown as m } from "../dropdown/dropdown2.js";
-import h from "./select.js";
-import { html as g, nothing as _ } from "lit";
-import { property as v } from "lit/decorators/property.js";
-import { ifDefined as y } from "lit/directives/if-defined.js";
+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.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";
+import { Menu as p } from "../menu/menu2.js";
+import { MenuItem as m } from "../menu/menu-item2.js";
+import { Dropdown as h } from "../dropdown/dropdown2.js";
+import g from "./select.js";
+import _ from "./select.global.js";
+import { html as v, nothing as y } from "lit";
+import { property as b } from "lit/decorators/property.js";
+import { ifDefined as x } from "lit/directives/if-defined.js";
 //#region src/select/select.ts
-var b = class extends u {
+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 = s([...u.styles, h]);
+		this.styles = c([...d.styles, g]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-select",
-			version: "2.0.0"
+			version: "2.0.2"
 		};
 	}
 	static {
 		this.elementDefinitions = {
-			[l.metadata.tag]: l,
-			[m.metadata.tag]: m,
-			[f.metadata.tag]: f,
+			[u.metadata.tag]: u,
+			[h.metadata.tag]: h,
 			[p.metadata.tag]: p,
-			[d.metadata.tag]: d
+			[m.metadata.tag]: m,
+			[f.metadata.tag]: f
 		};
 	}
 	#e;
@@ -46,10 +47,10 @@ var b = class extends u {
 		return Array.from(this.#t?.options ? this.#t.options : []);
 	}
 	get #r() {
-		return this.shadowRoot.querySelector(m.metadata.tag);
+		return this.shadowRoot.querySelector(h.metadata.tag);
 	}
 	get #i() {
-		return this.shadowRoot.querySelectorAll(p.metadata.tag);
+		return this.shadowRoot.querySelectorAll(m.metadata.tag);
 	}
 	get #a() {
 		return this.shadowRoot.querySelector("[input]");
@@ -66,66 +67,83 @@ var b = class extends u {
 	#l;
 	get #u() {
 		let e = this.#c, t = e ? e.innerText : `${this.#t.selectedOptions.length} ${this.i18n.selected}`;
-		return g`<div class="tags-label ${e ? "placeholder" : ""}" aria-hidden="true">${t}</div>`;
+		return v`<div class="tags-label ${e ? "placeholder" : ""}" aria-hidden="true">${t}</div>`;
 	}
 	get prefixContent() {
-		return this.#t?.multiple && this.#t?.size === 0 ? g`${this.#u}<div class="tags">${this.#n.filter((e) => e.selected && e !== this.#c).map((e) => g`<nve-tag part="tag" readonly="readonly" color="gray-slate" closable .value="${e.value}" @click="${() => this.#y(e, !1)}">${e.textContent}</nve-tag>`)}</div>` : _;
+		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 g`<nve-menu part="menu" role="listbox" style="--width:100%;--min-width:fit-content" aria-label="${y(this.i18n.select)}">${this.#n.filter((e) => e !== this.#c).map((e, t) => g`<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 ? g`<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}" .trigger="${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(a(this.#t, "value", () => this.requestUpdate()), n(this.#t, () => this.requestUpdate(), {
+		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(a(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, _), 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");
 	}
 };
-c([v({
+l([b({
 	type: String,
 	reflect: !0
-})], b.prototype, "container", void 0), c([v({ type: Object })], b.prototype, "i18n", void 0), b = c([t(), o()], b);
+})], S.prototype, "container", void 0), l([b({ type: Object })], S.prototype, "i18n", void 0), S = l([t(), s()], S);
 //#endregion
-export { b as Select };
+export { S as Select };
 
 //# sourceMappingURL=select2.js.map