@webority/ui-elements 0.33.0 → 0.35.0

package/dist/WuiConsentBanner-oVe-jxCO.js

@@ -0,0 +1,399 @@
+import { t as e } from "./elementBase-Bg1xpvup.js";
+//#region src/consentBannerStandalone.js
+var t = {
+	"--color-primary": "#4F46E5",
+	"--color-primary-hover": "#4338CA",
+	"--color-text": "#071437",
+	"--color-text-muted": "#4B5675",
+	"--color-border": "#EBEDF3",
+	"--color-surface": "#FFFFFF",
+	"--wui-radius-lg": "14px",
+	"--wui-shadow-overlay-lg": "0 24px 60px -16px rgba(7, 20, 55, 0.28)",
+	"--wui-z-fixed": "1030"
+}, n = (e) => `var(${e}, ${t[e]})`, r = `
+:host {
+    all: initial;
+    position: fixed;
+    bottom: 20px;
+    left: 20px;
+    right: auto;
+    z-index: ${n("--wui-z-fixed")};
+    display: block;
+    width: 420px;
+    max-width: calc(100vw - 40px);
+    font-family: inherit;
+    font-size: 16px;
+    line-height: 1.5;
+    color: ${n("--color-text")};
+}
+:host([position="bottom-right"]) {
+    right: 20px;
+    left: auto;
+}
+:host(:not([open])) {
+    pointer-events: none;
+}
+*, *::before, *::after {
+    box-sizing: border-box;
+}
+[hidden] {
+    display: none !important;
+}
+
+.wui-consent-banner-panel {
+    padding: 20px;
+    background: ${n("--color-surface")};
+    border: 1px solid ${n("--color-border")};
+    border-radius: ${n("--wui-radius-lg")};
+    box-shadow: ${n("--wui-shadow-overlay-lg")};
+    text-align: start;
+    pointer-events: auto;
+}
+.wui-consent-banner-heading {
+    margin: 0 0 8px;
+    font-size: 18px;
+    font-weight: 600;
+    line-height: 1.3;
+    color: ${n("--color-text")};
+}
+.wui-consent-banner-description {
+    margin: 0 0 16px;
+    font-size: 14px;
+    line-height: 1.5;
+    color: ${n("--color-text-muted")};
+}
+.wui-consent-banner-policy {
+    color: ${n("--color-primary")};
+    font-weight: 500;
+}
+
+.wui-consent-banner-settings {
+    display: grid;
+    gap: 12px;
+    max-height: 50vh;
+    margin: 0 0 16px;
+    padding: 12px 0;
+    overflow-y: auto;
+    border-top: 1px solid ${n("--color-border")};
+    border-bottom: 1px solid ${n("--color-border")};
+}
+.wui-consent-banner-category-description {
+    margin: 2px 0 0;
+    padding-inline-start: 2.5em;
+    font-size: 12px;
+    line-height: 1.4;
+    color: ${n("--color-text-muted")};
+}
+
+.form-check {
+    display: flex;
+    align-items: center;
+    gap: 0.5em;
+    margin: 0;
+    font-size: 14px;
+}
+.form-check-input {
+    appearance: none;
+    flex: none;
+    width: 2em;
+    height: 1em;
+    margin: 0;
+    border: 1px solid rgba(0, 0, 0, 0.25);
+    border-radius: 2em;
+    background: ${n("--color-surface")} radial-gradient(circle, rgba(0, 0, 0, 0.25) 0.35em, transparent 0.4em) left / 1em 1em no-repeat;
+    cursor: pointer;
+    transition: background-position 0.15s ease-in-out;
+}
+.form-check-input:checked {
+    border-color: ${n("--color-primary")};
+    background: ${n("--color-primary")} radial-gradient(circle, #fff 0.35em, transparent 0.4em) right / 1em 1em no-repeat;
+}
+.form-check-input:disabled {
+    opacity: 0.5;
+    cursor: default;
+}
+.form-check-input:focus-visible {
+    outline: 2px solid ${n("--color-primary")};
+    outline-offset: 2px;
+}
+.form-check-label {
+    cursor: pointer;
+}
+
+.wui-consent-banner-actions {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: flex-end;
+    gap: 8px;
+}
+.btn {
+    display: inline-block;
+    padding: 0.25rem 0.5rem;
+    border: 1px solid transparent;
+    border-radius: 0.375rem;
+    background: transparent;
+    font: inherit;
+    font-size: 0.875rem;
+    font-weight: 500;
+    line-height: 1.5;
+    text-align: center;
+    white-space: nowrap;
+    cursor: pointer;
+}
+.btn:focus-visible {
+    outline: 2px solid ${n("--color-primary")};
+    outline-offset: 2px;
+}
+.btn-primary {
+    background: ${n("--color-primary")};
+    border-color: ${n("--color-primary")};
+    color: #fff;
+}
+.btn-primary:hover {
+    background: ${n("--color-primary-hover")};
+    border-color: ${n("--color-primary-hover")};
+}
+.btn-outline-secondary {
+    border-color: ${n("--color-text-muted")};
+    color: ${n("--color-text-muted")};
+}
+.btn-outline-secondary:hover {
+    background: ${n("--color-text-muted")};
+    color: #fff;
+}
+.btn-link {
+    font-weight: 400;
+    color: ${n("--color-primary")};
+    text-decoration: underline;
+}
+.btn-link:hover {
+    color: ${n("--color-primary-hover")};
+}
+.wui-consent-banner-settings-toggle {
+    margin-inline-end: auto;
+    padding-inline: 0;
+}
+.wui-consent-banner-save {
+    flex: 1 1 100%;
+}
+
+@media (max-width: 480px) {
+    :host,
+    :host([position="bottom-right"]) {
+        left: 12px;
+        right: 12px;
+        bottom: 12px;
+        width: auto;
+        max-width: none;
+    }
+}
+`, i = "wui-consent-save", a = "[data-consent-settings]", o = {
+	heading: "Cookies on this site",
+	description: "We use cookies to understand how the site is used and to measure our campaigns. You can change your choice at any time.",
+	policyLabel: "Cookie policy",
+	essentialLabel: "Essential cookies",
+	essentialDescription: "Required for the site to work and stay secure. Always on.",
+	analyticsLabel: "Analytics cookies",
+	analyticsDescription: "Help us understand how visitors use the site.",
+	functionalLabel: "Functional cookies",
+	functionalDescription: "Remember choices you make, such as your preferences.",
+	marketingLabel: "Marketing cookies",
+	marketingDescription: "Measure how well our campaigns work.",
+	settingsLabel: "Cookie settings",
+	rejectLabel: "Reject all",
+	acceptLabel: "Accept all",
+	saveLabel: "Save preferences"
+}, s = [
+	"analytics",
+	"functional",
+	"marketing"
+], c = 0, l = class extends e {
+	static get observedAttributes() {
+		return [
+			"heading",
+			"description",
+			"policy-href",
+			"policy-label",
+			"analytics-description",
+			"functional-description",
+			"marketing-description"
+		];
+	}
+	constructor() {
+		super(), c += 1, this._uid = `wui-consent-${c}`, this._preferences = {
+			analytics: !1,
+			functional: !1,
+			marketing: !1
+		}, this._settings = !1, this._onDocumentClick = (e) => {
+			e.target instanceof Element && e.target.closest(a) && (e.preventDefault(), this.open({
+				settings: !0,
+				focus: !0
+			}));
+		};
+	}
+	get position() {
+		return this.getAttribute("position") === "bottom-right" ? "bottom-right" : "bottom-left";
+	}
+	set position(e) {
+		this.setAttribute("position", String(e ?? "bottom-left"));
+	}
+	get standalone() {
+		return this.hasAttribute("standalone");
+	}
+	set standalone(e) {
+		this.toggleAttribute("standalone", e === !0 || e === "" || e === "true");
+	}
+	get heading() {
+		return this.getAttribute("heading") || o.heading;
+	}
+	set heading(e) {
+		this.setAttribute("heading", String(e ?? ""));
+	}
+	get description() {
+		return this.getAttribute("description") || o.description;
+	}
+	set description(e) {
+		this.setAttribute("description", String(e ?? ""));
+	}
+	get policyHref() {
+		return this.getAttribute("policy-href") || "";
+	}
+	set policyHref(e) {
+		this.setAttribute("policy-href", String(e ?? ""));
+	}
+	get policyLabel() {
+		return this.getAttribute("policy-label") || o.policyLabel;
+	}
+	set policyLabel(e) {
+		this.setAttribute("policy-label", String(e ?? ""));
+	}
+	get analyticsDescription() {
+		return this.getAttribute("analytics-description") || o.analyticsDescription;
+	}
+	set analyticsDescription(e) {
+		this.setAttribute("analytics-description", String(e ?? ""));
+	}
+	get functionalDescription() {
+		return this.getAttribute("functional-description") || o.functionalDescription;
+	}
+	set functionalDescription(e) {
+		this.setAttribute("functional-description", String(e ?? ""));
+	}
+	get marketingDescription() {
+		return this.getAttribute("marketing-description") || o.marketingDescription;
+	}
+	set marketingDescription(e) {
+		this.setAttribute("marketing-description", String(e ?? ""));
+	}
+	get preferences() {
+		return { ...this._preferences };
+	}
+	set preferences(e) {
+		this._preferences = {
+			analytics: e?.analytics === !0,
+			functional: e?.functional === !0,
+			marketing: e?.marketing === !0
+		}, this._applyPreferences();
+	}
+	get isOpen() {
+		return this.hasAttribute("open");
+	}
+	connectedCallback() {
+		this._rendered || this.render(), document.addEventListener("click", this._onDocumentClick);
+	}
+	disconnectedCallback() {
+		document.removeEventListener("click", this._onDocumentClick);
+	}
+	attributeChangedCallback() {
+		this._rendered && this.render();
+	}
+	render() {
+		let e = this.isOpen, t = this._uid, n = this.policyHref ? ` <a class="wui-consent-banner-policy" href="${f(this.policyHref)}">${d(this.policyLabel)}</a>` : "", i = this._root();
+		i.innerHTML = `${i === this ? "" : `<style>${r}</style>`}
+      <div class="wui-consent-banner-panel" role="dialog" aria-labelledby="${t}-heading" aria-describedby="${t}-description" hidden>
+        <h2 class="wui-consent-banner-heading" id="${t}-heading">${d(this.heading)}</h2>
+        <p class="wui-consent-banner-description" id="${t}-description">${d(this.description)}${n}</p>
+        <div class="wui-consent-banner-settings" hidden>
+          ${u(t, "essential", o.essentialLabel, o.essentialDescription, !0)}
+          ${u(t, "analytics", o.analyticsLabel, this.analyticsDescription, !1)}
+          ${u(t, "functional", o.functionalLabel, this.functionalDescription, !1)}
+          ${u(t, "marketing", o.marketingLabel, this.marketingDescription, !1)}
+        </div>
+        <div class="wui-consent-banner-actions">
+          <button type="button" class="btn btn-sm btn-link wui-consent-banner-settings-toggle" aria-expanded="false">${o.settingsLabel}</button>
+          <button type="button" class="btn btn-sm btn-outline-secondary wui-consent-banner-reject">${o.rejectLabel}</button>
+          <button type="button" class="btn btn-sm btn-primary wui-consent-banner-accept">${o.acceptLabel}</button>
+          <button type="button" class="btn btn-sm btn-primary wui-consent-banner-save" hidden>${o.saveLabel}</button>
+        </div>
+      </div>`, this._rendered = !0, this._wire(), this._applyPreferences(), this._showSettings(this._settings), e && (this._panel().hidden = !1);
+	}
+	open({ settings: e = !1, focus: t = !1 } = {}) {
+		this._rendered || this.render(), this._applyPreferences(), this._showSettings(e), this._panel().hidden = !1, this.setAttribute("open", ""), t && (e ? this._root().querySelector(".wui-consent-banner-category input:not([disabled])") : this._root().querySelector(".wui-consent-banner-accept"))?.focus();
+	}
+	close() {
+		let e = this._panel();
+		e && (e.hidden = !0), this.removeAttribute("open"), this._showSettings(!1);
+	}
+	_root() {
+		return this.shadowRoot ? this.shadowRoot : this.standalone ? this.attachShadow({ mode: "open" }) : this;
+	}
+	_panel() {
+		return this._root().querySelector(".wui-consent-banner-panel");
+	}
+	_wire() {
+		let e = this._root();
+		e.querySelector(".wui-consent-banner-accept")?.addEventListener("click", () => this._save({
+			analytics: !0,
+			functional: !0,
+			marketing: !0
+		})), e.querySelector(".wui-consent-banner-reject")?.addEventListener("click", () => this._save({
+			analytics: !1,
+			functional: !1,
+			marketing: !1
+		})), e.querySelector(".wui-consent-banner-save")?.addEventListener("click", () => this._save(this._switchValues())), e.querySelector(".wui-consent-banner-settings-toggle")?.addEventListener("click", () => this._showSettings(!this._settings));
+	}
+	_save(e) {
+		this._preferences = { ...e }, this.dispatchEvent(new CustomEvent(i, {
+			bubbles: !0,
+			composed: !0,
+			detail: { ...e }
+		})), this.close();
+	}
+	_switchValues() {
+		let e = {};
+		for (let t of s) e[t] = this._root().querySelector(`input[data-category="${t}"]`)?.checked === !0;
+		return e;
+	}
+	_applyPreferences() {
+		for (let e of s) {
+			let t = this._root().querySelector(`input[data-category="${e}"]`);
+			t && (t.checked = this._preferences[e]);
+		}
+	}
+	_showSettings(e) {
+		this._settings = e;
+		let t = this._root(), n = t.querySelector(".wui-consent-banner-settings");
+		if (!n) return;
+		n.hidden = !e, t.querySelector(".wui-consent-banner-settings-toggle")?.setAttribute("aria-expanded", e ? "true" : "false");
+		let r = t.querySelector(".wui-consent-banner-save");
+		r && (r.hidden = !e);
+		for (let n of [".wui-consent-banner-reject", ".wui-consent-banner-accept"]) {
+			let r = t.querySelector(n);
+			r && (r.hidden = e);
+		}
+	}
+};
+function u(e, t, n, r, i) {
+	let a = `${e}-${t}`;
+	return `<div class="wui-consent-banner-category">
+            <div class="form-check form-switch">
+              <input class="form-check-input" type="checkbox" role="switch" id="${a}" data-category="${t}"${i ? " checked disabled" : ""} />
+              <label class="form-check-label" for="${a}">${d(n)}</label>
+            </div>
+            <p class="wui-consent-banner-category-description">${d(r)}</p>
+          </div>`;
+}
+var d = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), f = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;");
+//#endregion
+export { l as t };

package/dist/WuiContextMenu-Bx_U2X3t.js

@@ -0,0 +1,211 @@
+import { t as e } from "./elementBase-Bg1xpvup.js";
+import { t } from "./anchorOverlay-DluGZ8ef.js";
+import { t as n } from "./listboxKeyNav-zts_8d5e.js";
+//#region src/WuiContextMenu.js
+var r = "[role=\"menuitem\"]", i = "input, textarea, select, [contenteditable=\"\"], [contenteditable=\"true\"]", a = "data-open", o = 500, s = 10, c = 400, l = null, u = null, d = /* @__PURE__ */ new WeakMap();
+function f(e, t, n) {
+	let r = d.get(e);
+	if (r) {
+		if (r.region === t || t.contains(r.region)) return !1;
+		r.cancel();
+	}
+	return d.set(e, {
+		region: t,
+		cancel: n
+	}), !0;
+}
+var p = (e) => e instanceof Element ? e : e?.parentElement ?? null, m = class extends e {
+	static get observedAttributes() {
+		return ["disabled"];
+	}
+	constructor() {
+		super(), this._region = null, this._origin = null, this._returnFocus = null, this._press = null, this._swallowClick = !1, this._nav = n({
+			getVisibleOptions: () => this._items(),
+			getActive: () => this._items().indexOf(document.activeElement),
+			setActive: (e) => this._items()[e]?.focus({ preventScroll: !0 })
+		}), this._onContextMenu = (e) => this._handleContextMenu(e), this._onContextMenuCapture = (e) => {
+			this.isOpen && !this._inPanel(e.target) && !this._isKeyEcho() && this.close();
+		}, this._onDocKeyDown = (e) => this._handleDocKeyDown(e), this._onPointerDown = (e) => this._handlePointerDown(e), this._onPressMove = (e) => {
+			this._press && Math.hypot(e.clientX - this._press.x, e.clientY - this._press.y) > s && this._cancelPress();
+		}, this._onPressEnd = () => this._cancelPress(), this._onClickCapture = (e) => {
+			!this._swallowClick || !this._region?.contains(e.target) || (this._swallowClick = !1, e.preventDefault(), e.stopImmediatePropagation());
+		}, this._onKeyDown = (e) => {
+			this._inPanel(e.target) && this._handleMenuKey(e);
+		}, this._onClick = (e) => this._handleClick(e), this._onMouseMove = (e) => {
+			let t = p(e.target)?.closest(r);
+			t && this._inPanel(t) && !this._isDisabled(t) && t !== document.activeElement && t.focus({ preventScroll: !0 });
+		}, this._onDismiss = (e) => {
+			e.type === "scroll" && this._inPanel(e.target) || this.close();
+		}, this._onPointerDownCapture = (e) => {
+			this._swallowClick = !1, this.isOpen && !this._inPanel(e.target) && this.close();
+		};
+	}
+	connectedCallback() {
+		this._teardown(), document.addEventListener("contextmenu", this._onContextMenuCapture, !0), document.addEventListener("contextmenu", this._onContextMenu), document.addEventListener("keydown", this._onDocKeyDown), document.addEventListener("pointerdown", this._onPointerDownCapture, !0), document.addEventListener("pointerdown", this._onPointerDown), document.addEventListener("click", this._onClickCapture, !0), this.addEventListener("keydown", this._onKeyDown), this.addEventListener("click", this._onClick), this.addEventListener("mousemove", this._onMouseMove);
+	}
+	disconnectedCallback() {
+		this._teardown();
+	}
+	attributeChangedCallback() {
+		this.disabled && this.close();
+	}
+	get target() {
+		return this.getAttribute("target");
+	}
+	set target(e) {
+		e == null || e === "" ? this.removeAttribute("target") : this.setAttribute("target", String(e));
+	}
+	get disabled() {
+		return this.hasAttribute("disabled");
+	}
+	set disabled(e) {
+		this.toggleAttribute("disabled", !!e);
+	}
+	get isOpen() {
+		return this._panel()?.hasAttribute(a) ?? !1;
+	}
+	open(e, n, { region: r = this, origin: i = r, keyboard: o = !1 } = {}) {
+		let s = this._panel();
+		if (s) {
+			if (l && l !== this && l.close(!0), !this.isOpen) {
+				let e = document.activeElement;
+				this._returnFocus = e && e !== document.body && !this._inPanel(e) ? e : null;
+			}
+			this._region = r, this._origin = i, u = null, s.setAttribute(a, ""), l = this, t({ getBoundingClientRect: () => ({
+				left: e,
+				right: e,
+				top: n,
+				bottom: n,
+				width: 0,
+				height: 0
+			}) }, s, { clampHeight: !0 }), window.addEventListener("scroll", this._onDismiss, !0), window.addEventListener("resize", this._onDismiss), window.addEventListener("blur", this._onDismiss), ((o ? this._items()[0] : null) ?? s).focus({ preventScroll: !0 }), this.dispatchEvent(new CustomEvent("wui-context-menu:open", {
+				bubbles: !0,
+				detail: {
+					region: r,
+					origin: i,
+					x: e,
+					y: n
+				}
+			}));
+		}
+	}
+	close(e = !1) {
+		let t = this._panel();
+		if (!t?.hasAttribute(a)) return;
+		t.removeAttribute(a), l === this && (l = null), window.removeEventListener("scroll", this._onDismiss, !0), window.removeEventListener("resize", this._onDismiss), window.removeEventListener("blur", this._onDismiss), this._nav.teardown();
+		let n = this._returnFocus;
+		this._returnFocus = null, e && n?.isConnected && n.focus({ preventScroll: !0 });
+	}
+	_panel() {
+		return [...this.children].find((e) => e.getAttribute("role") === "menu") ?? null;
+	}
+	_inPanel(e) {
+		return !!e && !!this._panel()?.contains(e);
+	}
+	_items() {
+		return [...this._panel()?.querySelectorAll(r) ?? []].filter((e) => !this._isDisabled(e));
+	}
+	_isDisabled(e) {
+		return e.getAttribute("aria-disabled") === "true";
+	}
+	_regionFor(e) {
+		let t = p(e);
+		if (!t || this.disabled || !this._panel() || this._inPanel(t) || t.closest(i)) return null;
+		let n = this.target;
+		return n ? t.closest(n) : this.contains(t) ? this : null;
+	}
+	_isKeyEcho() {
+		return u?.menu === this && this.isOpen && performance.now() - u.at < c;
+	}
+	_handleContextMenu(e) {
+		if (this._inPanel(e.target)) {
+			e.preventDefault();
+			return;
+		}
+		if (e.defaultPrevented && !d.has(e)) return;
+		let t = this._regionFor(e.target);
+		if (t) {
+			if (this._isKeyEcho()) {
+				e.preventDefault();
+				return;
+			}
+			e.shiftKey || f(e, t, () => this.close(!0)) && (e.preventDefault(), this.open(e.clientX, e.clientY, {
+				region: t,
+				origin: p(e.target)
+			}));
+		}
+	}
+	_handleDocKeyDown(e) {
+		if (e.defaultPrevented && !d.has(e) || !(e.key === "ContextMenu" || e.key === "F10" && e.shiftKey) || this._inPanel(e.target)) return;
+		let t = this._regionFor(e.target);
+		if (!t || !f(e, t, () => this.close(!0))) return;
+		e.preventDefault();
+		let n = p(e.target), r = n.getBoundingClientRect();
+		this.open(r.left + Math.min(16, r.width / 2), r.bottom, {
+			region: t,
+			origin: n,
+			keyboard: !0
+		}), u = {
+			menu: this,
+			at: performance.now()
+		};
+	}
+	_handlePointerDown(e) {
+		if (e.pointerType !== "touch") return;
+		let t = this._regionFor(e.target);
+		if (!t || !f(e, t, () => this._cancelPress())) return;
+		this._cancelPress();
+		let { clientX: n, clientY: r } = e, i = p(e.target);
+		this._press = {
+			x: n,
+			y: r,
+			timer: setTimeout(() => {
+				this._cancelPress(), this._swallowClick = !0, this.open(n, r, {
+					region: t,
+					origin: i
+				});
+			}, o)
+		}, document.addEventListener("pointermove", this._onPressMove, { passive: !0 }), document.addEventListener("pointerup", this._onPressEnd), document.addEventListener("pointercancel", this._onPressEnd), window.addEventListener("scroll", this._onPressEnd, !0);
+	}
+	_cancelPress() {
+		this._press && (clearTimeout(this._press.timer), this._press = null, document.removeEventListener("pointermove", this._onPressMove), document.removeEventListener("pointerup", this._onPressEnd), document.removeEventListener("pointercancel", this._onPressEnd), window.removeEventListener("scroll", this._onPressEnd, !0));
+	}
+	_handleMenuKey(e) {
+		if (this.isOpen) if (e.key === "Escape") e.preventDefault(), e.stopPropagation(), this.close(!0);
+		else if (e.key === "Tab") this.close(!0);
+		else if (e.key === "ArrowDown" || e.key === "ArrowUp") e.preventDefault(), this._step(e.key === "ArrowDown" ? 1 : -1);
+		else if (e.key === " ") {
+			let t = p(e.target)?.closest(r);
+			e.preventDefault(), t && t.click();
+		} else this._nav.handler(e);
+	}
+	_step(e) {
+		let t = this._items();
+		if (!t.length) return;
+		let n = t.indexOf(document.activeElement);
+		t[n < 0 ? e > 0 ? 0 : t.length - 1 : (n + e + t.length) % t.length].focus({ preventScroll: !0 });
+	}
+	_handleClick(e) {
+		let t = p(e.target)?.closest(r);
+		if (!(!t || !this._inPanel(t))) {
+			if (this._isDisabled(t)) {
+				e.preventDefault(), e.stopPropagation();
+				return;
+			}
+			this.close(!0), this.dispatchEvent(new CustomEvent("wui-context-menu:select", {
+				bubbles: !0,
+				detail: {
+					key: t.dataset.key ?? null,
+					item: t,
+					region: this._region,
+					origin: this._origin
+				}
+			}));
+		}
+	}
+	_teardown() {
+		this.close(), this._cancelPress(), document.removeEventListener("contextmenu", this._onContextMenuCapture, !0), document.removeEventListener("contextmenu", this._onContextMenu), document.removeEventListener("keydown", this._onDocKeyDown), document.removeEventListener("pointerdown", this._onPointerDownCapture, !0), document.removeEventListener("pointerdown", this._onPointerDown), document.removeEventListener("click", this._onClickCapture, !0), this.removeEventListener("keydown", this._onKeyDown), this.removeEventListener("click", this._onClick), this.removeEventListener("mousemove", this._onMouseMove);
+	}
+};
+//#endregion
+export { m as t };

package/dist/WuiCountrySelect-CUAwKnL9.js

@@ -0,0 +1,28 @@
+import { t as e } from "./countries-B-M_LTgS.js";
+import { t } from "./WuiSelect-BXrpiuXG.js";
+//#region src/WuiCountrySelect.js
+var n = (e) => {
+	if (e == null) return null;
+	let t = String(e).split(",").map((e) => e.trim().toUpperCase()).filter(Boolean);
+	return t.length ? new Set(t) : null;
+}, r = (t) => {
+	let r = n(t);
+	return e.filter(([e]) => !r || r.has(e)).map(([e, t]) => ({
+		value: e,
+		label: t,
+		flag: e
+	}));
+}, i = class extends t {
+	static get observedAttributes() {
+		return [...t.observedAttributes, "countries"];
+	}
+	_readOptions() {
+		let e = this.getAttribute("countries");
+		return this._countryCache?.attr !== e && (this._countryCache = {
+			attr: e,
+			options: r(e)
+		}), this._countryCache.options;
+	}
+};
+//#endregion
+export { i as t };