nve-designsystem 3.2.0 → 3.3.0

package/chunks/chunk.UDWRA64J.js

@@ -1,16 +1,16 @@
-import { i as f, x as w } from "./lit-element.js";
-import { g as y, c as v } from "./chunk.VESXC477.js";
-import { S as b } from "./chunk.5JY5FUCG.js";
-import { s as g, g as h } from "./chunk.K7JGTRV7.js";
-import { w as c, s as u, a as m } from "./chunk.B4BZKR24.js";
-import { L as k } from "./chunk.6CTB5ZDJ.js";
-import { w as E } from "./chunk.GMYPQTFK.js";
-import { c as _, d as o, S as C } from "./chunk.4TUIT776.js";
-import { e as D } from "./class-map.js";
-import { o as T } from "./if-defined.js";
-import { n as a } from "./property.js";
-import { e as p } from "./query.js";
-var L = f`
+import { a as e, u as t } from "./lit.js";
+import { o as n, r } from "./decorate.js";
+import { n as i, r as a, t as o } from "./chunk.4TUIT776.js";
+import { t as s } from "./chunk.GMYPQTFK.js";
+import { t as c } from "./class-map.js";
+import { t as l } from "./if-defined.js";
+import { t as u } from "./chunk.6CTB5ZDJ.js";
+import { n as d, t as f } from "./chunk.K7JGTRV7.js";
+import { n as p, o as m, t as h } from "./chunk.B4BZKR24.js";
+import { t as g } from "./chunk.5JY5FUCG.js";
+import { n as _, r as v } from "./chunk.VESXC477.js";
+//#region .pnpm/@shoelace-style+shoelace@2.20.1_@floating-ui+utils@0.2.11_@types+react@19.2.15/node_modules/@shoelace-style/shoelace/dist/chunks/chunk.LXP7GVU3.js
+var y = t`
   :host {
     display: inline-block;
   }
@@ -58,150 +58,132 @@ var L = f`
     max-width: var(--auto-size-available-width) !important;
     max-height: var(--auto-size-available-height) !important;
   }
-`, s = class extends C {
-  constructor() {
-    super(...arguments), this.localize = new k(this), this.open = !1, this.placement = "bottom-start", this.disabled = !1, this.stayOpenOnSelect = !1, this.distance = 0, this.skidding = 0, this.hoist = !1, this.sync = void 0, this.handleKeyDown = (e) => {
-      this.open && e.key === "Escape" && (e.stopPropagation(), this.hide(), this.focusOnTrigger());
-    }, this.handleDocumentKeyDown = (e) => {
-      var t;
-      if (e.key === "Escape" && this.open && !this.closeWatcher) {
-        e.stopPropagation(), this.focusOnTrigger(), this.hide();
-        return;
-      }
-      if (e.key === "Tab") {
-        if (this.open && ((t = document.activeElement) == null ? void 0 : t.tagName.toLowerCase()) === "sl-menu-item") {
-          e.preventDefault(), this.hide(), this.focusOnTrigger();
-          return;
-        }
-        const i = (n, r) => {
-          if (!n) return null;
-          const l = n.closest(r);
-          if (l) return l;
-          const d = n.getRootNode();
-          return d instanceof ShadowRoot ? i(d.host, r) : null;
-        };
-        setTimeout(() => {
-          var n;
-          const r = ((n = this.containingElement) == null ? void 0 : n.getRootNode()) instanceof ShadowRoot ? y() : document.activeElement;
-          (!this.containingElement || i(r, this.containingElement.tagName.toLowerCase()) !== this.containingElement) && this.hide();
-        });
-      }
-    }, this.handleDocumentMouseDown = (e) => {
-      const t = e.composedPath();
-      this.containingElement && !t.includes(this.containingElement) && this.hide();
-    }, this.handlePanelSelect = (e) => {
-      const t = e.target;
-      !this.stayOpenOnSelect && t.tagName.toLowerCase() === "sl-menu" && (this.hide(), this.focusOnTrigger());
-    };
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.containingElement || (this.containingElement = this);
-  }
-  firstUpdated() {
-    this.panel.hidden = !this.open, this.open && (this.addOpenListeners(), this.popup.active = !0);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.removeOpenListeners(), this.hide();
-  }
-  focusOnTrigger() {
-    const e = this.trigger.assignedElements({ flatten: !0 })[0];
-    typeof e?.focus == "function" && e.focus();
-  }
-  getMenu() {
-    return this.panel.assignedElements({ flatten: !0 }).find((e) => e.tagName.toLowerCase() === "sl-menu");
-  }
-  handleTriggerClick() {
-    this.open ? this.hide() : (this.show(), this.focusOnTrigger());
-  }
-  async handleTriggerKeyDown(e) {
-    if ([" ", "Enter"].includes(e.key)) {
-      e.preventDefault(), this.handleTriggerClick();
-      return;
-    }
-    const t = this.getMenu();
-    if (t) {
-      const i = t.getAllItems(), n = i[0], r = i[i.length - 1];
-      ["ArrowDown", "ArrowUp", "Home", "End"].includes(e.key) && (e.preventDefault(), this.open || (this.show(), await this.updateComplete), i.length > 0 && this.updateComplete.then(() => {
-        (e.key === "ArrowDown" || e.key === "Home") && (t.setCurrentItem(n), n.focus()), (e.key === "ArrowUp" || e.key === "End") && (t.setCurrentItem(r), r.focus());
-      }));
-    }
-  }
-  handleTriggerKeyUp(e) {
-    e.key === " " && e.preventDefault();
-  }
-  handleTriggerSlotChange() {
-    this.updateAccessibleTrigger();
-  }
-  //
-  // Slotted triggers can be arbitrary content, but we need to link them to the dropdown panel with `aria-haspopup` and
-  // `aria-expanded`. These must be applied to the "accessible trigger" (the tabbable portion of the trigger element
-  // that gets slotted in) so screen readers will understand them. The accessible trigger could be the slotted element,
-  // a child of the slotted element, or an element in the slotted element's shadow root.
-  //
-  // For example, the accessible trigger of an <sl-button> is a <button> located inside its shadow root.
-  //
-  // To determine this, we assume the first tabbable element in the trigger slot is the "accessible trigger."
-  //
-  updateAccessibleTrigger() {
-    const t = this.trigger.assignedElements({ flatten: !0 }).find((n) => v(n).start);
-    let i;
-    if (t) {
-      switch (t.tagName.toLowerCase()) {
-        // Shoelace buttons have to update the internal button so it's announced correctly by screen readers
-        case "sl-button":
-        case "sl-icon-button":
-          i = t.button;
-          break;
-        default:
-          i = t;
-      }
-      i.setAttribute("aria-haspopup", "true"), i.setAttribute("aria-expanded", this.open ? "true" : "false");
-    }
-  }
-  /** Shows the dropdown panel. */
-  async show() {
-    if (!this.open)
-      return this.open = !0, c(this, "sl-after-show");
-  }
-  /** Hides the dropdown panel */
-  async hide() {
-    if (this.open)
-      return this.open = !1, c(this, "sl-after-hide");
-  }
-  /**
-   * Instructs the dropdown menu to reposition. Useful when the position or size of the trigger changes when the menu
-   * is activated.
-   */
-  reposition() {
-    this.popup.reposition();
-  }
-  addOpenListeners() {
-    var e;
-    this.panel.addEventListener("sl-select", this.handlePanelSelect), "CloseWatcher" in window ? ((e = this.closeWatcher) == null || e.destroy(), this.closeWatcher = new CloseWatcher(), this.closeWatcher.onclose = () => {
-      this.hide(), this.focusOnTrigger();
-    }) : this.panel.addEventListener("keydown", this.handleKeyDown), document.addEventListener("keydown", this.handleDocumentKeyDown), document.addEventListener("mousedown", this.handleDocumentMouseDown);
-  }
-  removeOpenListeners() {
-    var e;
-    this.panel && (this.panel.removeEventListener("sl-select", this.handlePanelSelect), this.panel.removeEventListener("keydown", this.handleKeyDown)), document.removeEventListener("keydown", this.handleDocumentKeyDown), document.removeEventListener("mousedown", this.handleDocumentMouseDown), (e = this.closeWatcher) == null || e.destroy();
-  }
-  async handleOpenChange() {
-    if (this.disabled) {
-      this.open = !1;
-      return;
-    }
-    if (this.updateAccessibleTrigger(), this.open) {
-      this.emit("sl-show"), this.addOpenListeners(), await u(this), this.panel.hidden = !1, this.popup.active = !0;
-      const { keyframes: e, options: t } = h(this, "dropdown.show", { dir: this.localize.dir() });
-      await m(this.popup.popup, e, t), this.emit("sl-after-show");
-    } else {
-      this.emit("sl-hide"), this.removeOpenListeners(), await u(this);
-      const { keyframes: e, options: t } = h(this, "dropdown.hide", { dir: this.localize.dir() });
-      await m(this.popup.popup, e, t), this.panel.hidden = !0, this.popup.active = !1, this.emit("sl-after-hide");
-    }
-  }
-  render() {
-    return w`
+`, b = class extends o {
+	constructor() {
+		super(...arguments), this.localize = new u(this), this.open = !1, this.placement = "bottom-start", this.disabled = !1, this.stayOpenOnSelect = !1, this.distance = 0, this.skidding = 0, this.hoist = !1, this.sync = void 0, this.handleKeyDown = (e) => {
+			this.open && e.key === "Escape" && (e.stopPropagation(), this.hide(), this.focusOnTrigger());
+		}, this.handleDocumentKeyDown = (e) => {
+			if (e.key === "Escape" && this.open && !this.closeWatcher) {
+				e.stopPropagation(), this.focusOnTrigger(), this.hide();
+				return;
+			}
+			if (e.key === "Tab") {
+				if (this.open && document.activeElement?.tagName.toLowerCase() === "sl-menu-item") {
+					e.preventDefault(), this.hide(), this.focusOnTrigger();
+					return;
+				}
+				let t = (e, n) => {
+					if (!e) return null;
+					let r = e.closest(n);
+					if (r) return r;
+					let i = e.getRootNode();
+					return i instanceof ShadowRoot ? t(i.host, n) : null;
+				};
+				setTimeout(() => {
+					let e = this.containingElement?.getRootNode() instanceof ShadowRoot ? _() : document.activeElement;
+					(!this.containingElement || t(e, this.containingElement.tagName.toLowerCase()) !== this.containingElement) && this.hide();
+				});
+			}
+		}, this.handleDocumentMouseDown = (e) => {
+			let t = e.composedPath();
+			this.containingElement && !t.includes(this.containingElement) && this.hide();
+		}, this.handlePanelSelect = (e) => {
+			let t = e.target;
+			!this.stayOpenOnSelect && t.tagName.toLowerCase() === "sl-menu" && (this.hide(), this.focusOnTrigger());
+		};
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.containingElement ||= this;
+	}
+	firstUpdated() {
+		this.panel.hidden = !this.open, this.open && (this.addOpenListeners(), this.popup.active = !0);
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this.removeOpenListeners(), this.hide();
+	}
+	focusOnTrigger() {
+		let e = this.trigger.assignedElements({ flatten: !0 })[0];
+		typeof e?.focus == "function" && e.focus();
+	}
+	getMenu() {
+		return this.panel.assignedElements({ flatten: !0 }).find((e) => e.tagName.toLowerCase() === "sl-menu");
+	}
+	handleTriggerClick() {
+		this.open ? this.hide() : (this.show(), this.focusOnTrigger());
+	}
+	async handleTriggerKeyDown(e) {
+		if ([" ", "Enter"].includes(e.key)) {
+			e.preventDefault(), this.handleTriggerClick();
+			return;
+		}
+		let t = this.getMenu();
+		if (t) {
+			let n = t.getAllItems(), r = n[0], i = n[n.length - 1];
+			[
+				"ArrowDown",
+				"ArrowUp",
+				"Home",
+				"End"
+			].includes(e.key) && (e.preventDefault(), this.open || (this.show(), await this.updateComplete), n.length > 0 && this.updateComplete.then(() => {
+				(e.key === "ArrowDown" || e.key === "Home") && (t.setCurrentItem(r), r.focus()), (e.key === "ArrowUp" || e.key === "End") && (t.setCurrentItem(i), i.focus());
+			}));
+		}
+	}
+	handleTriggerKeyUp(e) {
+		e.key === " " && e.preventDefault();
+	}
+	handleTriggerSlotChange() {
+		this.updateAccessibleTrigger();
+	}
+	updateAccessibleTrigger() {
+		let e = this.trigger.assignedElements({ flatten: !0 }).find((e) => v(e).start), t;
+		if (e) {
+			switch (e.tagName.toLowerCase()) {
+				case "sl-button":
+				case "sl-icon-button":
+					t = e.button;
+					break;
+				default: t = e;
+			}
+			t.setAttribute("aria-haspopup", "true"), t.setAttribute("aria-expanded", this.open ? "true" : "false");
+		}
+	}
+	async show() {
+		if (!this.open) return this.open = !0, h(this, "sl-after-show");
+	}
+	async hide() {
+		if (this.open) return this.open = !1, h(this, "sl-after-hide");
+	}
+	reposition() {
+		this.popup.reposition();
+	}
+	addOpenListeners() {
+		var e;
+		this.panel.addEventListener("sl-select", this.handlePanelSelect), "CloseWatcher" in window ? ((e = this.closeWatcher) == null || e.destroy(), this.closeWatcher = new CloseWatcher(), this.closeWatcher.onclose = () => {
+			this.hide(), this.focusOnTrigger();
+		}) : this.panel.addEventListener("keydown", this.handleKeyDown), document.addEventListener("keydown", this.handleDocumentKeyDown), document.addEventListener("mousedown", this.handleDocumentMouseDown);
+	}
+	removeOpenListeners() {
+		var e;
+		this.panel && (this.panel.removeEventListener("sl-select", this.handlePanelSelect), this.panel.removeEventListener("keydown", this.handleKeyDown)), document.removeEventListener("keydown", this.handleDocumentKeyDown), document.removeEventListener("mousedown", this.handleDocumentMouseDown), (e = this.closeWatcher) == null || e.destroy();
+	}
+	async handleOpenChange() {
+		if (this.disabled) {
+			this.open = !1;
+			return;
+		}
+		if (this.updateAccessibleTrigger(), this.open) {
+			this.emit("sl-show"), this.addOpenListeners(), await m(this), this.panel.hidden = !1, this.popup.active = !0;
+			let { keyframes: e, options: t } = f(this, "dropdown.show", { dir: this.localize.dir() });
+			await p(this.popup.popup, e, t), this.emit("sl-after-show");
+		} else {
+			this.emit("sl-hide"), this.removeOpenListeners(), await m(this);
+			let { keyframes: e, options: t } = f(this, "dropdown.hide", { dir: this.localize.dir() });
+			await p(this.popup.popup, e, t), this.panel.hidden = !0, this.popup.active = !1, this.emit("sl-after-hide");
+		}
+	}
+	render() {
+		return e`
       <sl-popup
         part="base"
         exportparts="popup:base__popup"
@@ -214,11 +196,11 @@ var L = f`
         shift
         auto-size="vertical"
         auto-size-padding="10"
-        sync=${T(this.sync ? this.sync : void 0)}
-        class=${D({
-      dropdown: !0,
-      "dropdown--open": this.open
-    })}
+        sync=${l(this.sync ? this.sync : void 0)}
+        class=${c({
+			dropdown: !0,
+			"dropdown--open": this.open
+		})}
       >
         <slot
           name="trigger"
@@ -236,66 +218,46 @@ var L = f`
         </div>
       </sl-popup>
     `;
-  }
+	}
 };
-s.styles = [_, L];
-s.dependencies = { "sl-popup": b };
-o([
-  p(".dropdown")
-], s.prototype, "popup", 2);
-o([
-  p(".dropdown__trigger")
-], s.prototype, "trigger", 2);
-o([
-  p(".dropdown__panel")
-], s.prototype, "panel", 2);
-o([
-  a({ type: Boolean, reflect: !0 })
-], s.prototype, "open", 2);
-o([
-  a({ reflect: !0 })
-], s.prototype, "placement", 2);
-o([
-  a({ type: Boolean, reflect: !0 })
-], s.prototype, "disabled", 2);
-o([
-  a({ attribute: "stay-open-on-select", type: Boolean, reflect: !0 })
-], s.prototype, "stayOpenOnSelect", 2);
-o([
-  a({ attribute: !1 })
-], s.prototype, "containingElement", 2);
-o([
-  a({ type: Number })
-], s.prototype, "distance", 2);
-o([
-  a({ type: Number })
-], s.prototype, "skidding", 2);
-o([
-  a({ type: Boolean })
-], s.prototype, "hoist", 2);
-o([
-  a({ reflect: !0 })
-], s.prototype, "sync", 2);
-o([
-  E("open", { waitUntilFirstUpdate: !0 })
-], s.prototype, "handleOpenChange", 1);
-g("dropdown.show", {
-  keyframes: [
-    { opacity: 0, scale: 0.9 },
-    { opacity: 1, scale: 1 }
-  ],
-  options: { duration: 100, easing: "ease" }
+b.styles = [i, y], b.dependencies = { "sl-popup": g }, a([r(".dropdown")], b.prototype, "popup", 2), a([r(".dropdown__trigger")], b.prototype, "trigger", 2), a([r(".dropdown__panel")], b.prototype, "panel", 2), a([n({
+	type: Boolean,
+	reflect: !0
+})], b.prototype, "open", 2), a([n({ reflect: !0 })], b.prototype, "placement", 2), a([n({
+	type: Boolean,
+	reflect: !0
+})], b.prototype, "disabled", 2), a([n({
+	attribute: "stay-open-on-select",
+	type: Boolean,
+	reflect: !0
+})], b.prototype, "stayOpenOnSelect", 2), a([n({ attribute: !1 })], b.prototype, "containingElement", 2), a([n({ type: Number })], b.prototype, "distance", 2), a([n({ type: Number })], b.prototype, "skidding", 2), a([n({ type: Boolean })], b.prototype, "hoist", 2), a([n({ reflect: !0 })], b.prototype, "sync", 2), a([s("open", { waitUntilFirstUpdate: !0 })], b.prototype, "handleOpenChange", 1), d("dropdown.show", {
+	keyframes: [{
+		opacity: 0,
+		scale: .9
+	}, {
+		opacity: 1,
+		scale: 1
+	}],
+	options: {
+		duration: 100,
+		easing: "ease"
+	}
+}), d("dropdown.hide", {
+	keyframes: [{
+		opacity: 1,
+		scale: 1
+	}, {
+		opacity: 0,
+		scale: .9
+	}],
+	options: {
+		duration: 100,
+		easing: "ease"
+	}
 });
-g("dropdown.hide", {
-  keyframes: [
-    { opacity: 1, scale: 1 },
-    { opacity: 0, scale: 0.9 }
-  ],
-  options: { duration: 100, easing: "ease" }
-});
-var I = s;
-s.define("sl-dropdown");
-export {
-  s as S,
-  I as d
-};
+//#endregion
+//#region .pnpm/@shoelace-style+shoelace@2.20.1_@floating-ui+utils@0.2.11_@types+react@19.2.15/node_modules/@shoelace-style/shoelace/dist/chunks/chunk.UDWRA64J.js
+var x = b;
+b.define("sl-dropdown");
+//#endregion
+export { b as n, x as t };