@vonage/vivid 5.23.1-preview.0 → 5.24.0

package/combobox/index.js

@@ -3,32 +3,33 @@ import { t as o } from "../bundled/slotted.js";
 import { t as s } from "../bundled/ref.js";
 import { t as c } from "../bundled/when.js";
 import { t as l } from "../bundled/decorate.js";
-import { t as u } from "../bundled/definition2.js";
-import { a as d, i as f, t as p } from "../bundled/affix.js";
-import { t as m } from "../bundled/form-element.js";
-import { t as h } from "../bundled/with-success-text.js";
-import { t as g } from "../bundled/with-error-text.js";
-import { t as _ } from "../bundled/with-contextual-help.js";
-import { t as v } from "../bundled/listbox.js";
-import { t as y } from "../bundled/class-names.js";
-import { n as b } from "../bundled/numbers.js";
-import { r as x } from "../bundled/aria-binding-directive.js";
-import { n as S } from "../bundled/form-associated.js";
-import { r as C } from "../bundled/definition6.js";
-import { i as w, t as T } from "../bundled/definition8.js";
-import { t as E } from "../bundled/dialog.js";
-import { r as D, t as O } from "../bundled/mixins.js";
+import { t as u } from "../bundled/listbox.js";
+import { t as d } from "../bundled/class-names.js";
+import { n as f } from "../bundled/numbers.js";
+import { r as p } from "../bundled/aria-binding-directive.js";
+import { t as m } from "../bundled/definition3.js";
+import { a as h, i as g, t as _ } from "../bundled/affix.js";
+import { n as v } from "../bundled/form-associated.js";
+import { r as y } from "../bundled/definition6.js";
+import { i as b, t as x } from "../bundled/definition8.js";
+import { t as S } from "../bundled/dialog.js";
+import { r as C, t as w } from "../bundled/mixins.js";
+import { t as T } from "../bundled/form-element.js";
+import { t as E } from "../bundled/with-contextual-help.js";
+import { t as D } from "../bundled/with-error-text.js";
+import { t as O } from "../bundled/with-success-text.js";
 import { t as k } from "../bundled/text-field.js";
-import { t as A } from "../bundled/definition17.js";
+import { i as A, t as j } from "../bundled/definition17.js";
+import { r as M, t as N } from "../bundled/definition18.js";
 //#region src/lib/combobox/combobox.scss?inline
-var j = ".label-wrapper{align-items:center;gap:var(--label-wrapper-gap,4px);flex-direction:row;display:flex}.label-wrapper[hidden]{display:none}.label:not(slot),.label::slotted(label){flex:0 auto}.chevron{font:var(--vvd-typography-base-extended);flex-shrink:0;display:flex;transform:rotate(0)}@media (prefers-reduced-motion:no-preference){.chevron{transition:transform .2s}}:host([data-expanded=true]) .chevron,:host([open]) .chevron{transform:rotate(180deg)}:not(.disabled) .chevron{cursor:pointer}.disabled .chevron{color:var(--_low-ink-color);cursor:not-allowed}:host{--_low-ink-color:var(--vvd-color-neutral-600);flex-direction:column;gap:4px;display:inline-flex;position:relative}:host([disabled]){--_low-ink-color:var(--vvd-color-neutral-400);cursor:not-allowed}.base{--_text-field-gutter-end:8px;--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-canvas);--_appearance-color-outline:var(--vvd-color-neutral-500)}.base.appearance-ghost{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}@media (hover:hover){.base:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-canvas);--_appearance-color-outline:var(--vvd-color-neutral-700)}.base:hover:where(:not(.disabled,:disabled,.readonly)).appearance-ghost{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}}.base.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-canvas);--_appearance-color-outline:var(--vvd-color-neutral-700)}.base.hover:where(:not(.disabled,:disabled,.readonly)).appearance-ghost{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}.base:disabled{--_appearance-color-text:var(--vvd-color-neutral-600);--_appearance-color-fill:var(--vvd-color-neutral-100);--_appearance-color-outline:var(--vvd-color-neutral-300)}.base:disabled.appearance-ghost{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.base.disabled{--_appearance-color-text:var(--vvd-color-neutral-600);--_appearance-color-fill:var(--vvd-color-neutral-100);--_appearance-color-outline:var(--vvd-color-neutral-300)}.base.disabled.appearance-ghost{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.base.readonly:where(:not(.disabled,:disabled)){--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-neutral-200);--_appearance-color-outline:var(--vvd-color-neutral-400)}.base.readonly:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text:var(--vvd-color-neutral-600);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.base.error:where(:not(.disabled,:disabled)){--_appearance-color-text:notSet;--_appearance-color-fill:var(--vvd-color-alert-50);--_appearance-color-outline:var(--vvd-color-alert-500)}.base.error:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text:notSet;--_appearance-color-fill:var(--vvd-color-alert-50);--_appearance-color-outline:transparent}.base.success:where(:not(.disabled,:disabled)){--_appearance-color-text:notSet;--_appearance-color-fill:var(--vvd-color-success-50);--_appearance-color-outline:var(--vvd-color-success-500)}.base.success:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text:notSet;--_appearance-color-fill:var(--vvd-color-success-50);--_appearance-color-outline:transparent}.base:not(.shape-pill) .base{border-radius:var(--_text-field-border-radius)}.base.shape-pill .base{border-radius:var(--_text-field-pill-border-radius)}.base slot[name=icon]{z-index:1;color:var(--_low-ink-color);font-size:var(--_text-field-icon-size);pointer-events:none;line-height:1;display:inline-block;position:absolute;inset-block-start:50%;inset-inline-start:var(--_text-field-gutter-start);transform:translateY(-50%)}.base.has-meta{padding-inline-end:16px}.control{text-overflow:ellipsis;white-space:nowrap}.fieldset .leading-items-wrapper{flex-shrink:0;align-items:center;gap:8px;padding-inline-end:16px;display:flex;position:relative}.listbox{max-height:var(--combobox-height,408px);contain:paint;border-radius:8px;flex-direction:column;gap:2px;padding:4px;display:flex;overflow-y:auto}::part(popup-base){inline-size:max-content;min-inline-size:var(--_combobox-fixed-width,100%)}@supports selector(:has(*)){.base:not(.has-activedescendant) .fieldset:has(.control:focus-within):after{--focus-stroke-gap-color:transparent;box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px))}}@supports not selector(:has(*)){.base:not(.has-activedescendant) .fieldset:focus-within:after{box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px));--focus-stroke-gap-color:transparent;z-index:1;border-radius:inherit;content:\"\";pointer-events:none;display:block;position:absolute;inset:0}}::slotted([data-vvd-component=option][current-selected]){border-radius:8px}:host(.has-activedescendant) ::slotted([data-vvd-component=option][current-selected]){box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px));--focus-stroke-gap-color:transparent}", M = {
+var P = ".label-wrapper{align-items:center;gap:var(--label-wrapper-gap,4px);flex-direction:row;display:flex}.label-wrapper[hidden]{display:none}.label:not(slot),.label::slotted(label){flex:0 auto}.chevron{font:var(--vvd-typography-base-extended);flex-shrink:0;display:flex;transform:rotate(0)}@media (prefers-reduced-motion:no-preference){.chevron{transition:transform .2s}}:host([data-expanded=true]) .chevron,:host([open]) .chevron{transform:rotate(180deg)}:not(.disabled) .chevron{cursor:pointer}.disabled .chevron{color:var(--_low-ink-color);cursor:not-allowed}:host{--_low-ink-color:var(--vvd-color-neutral-600);flex-direction:column;gap:4px;display:inline-flex;position:relative}:host([disabled]){--_low-ink-color:var(--vvd-color-neutral-400);cursor:not-allowed}.base{--_text-field-gutter-end:8px;--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-canvas);--_appearance-color-outline:var(--vvd-color-neutral-500)}.base.appearance-ghost{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}@media (hover:hover){.base:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-canvas);--_appearance-color-outline:var(--vvd-color-neutral-700)}.base:hover:where(:not(.disabled,:disabled,.readonly)).appearance-ghost{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}}.base.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-canvas);--_appearance-color-outline:var(--vvd-color-neutral-700)}.base.hover:where(:not(.disabled,:disabled,.readonly)).appearance-ghost{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}.base:disabled{--_appearance-color-text:var(--vvd-color-neutral-600);--_appearance-color-fill:var(--vvd-color-neutral-100);--_appearance-color-outline:var(--vvd-color-neutral-300)}.base:disabled.appearance-ghost{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.base.disabled{--_appearance-color-text:var(--vvd-color-neutral-600);--_appearance-color-fill:var(--vvd-color-neutral-100);--_appearance-color-outline:var(--vvd-color-neutral-300)}.base.disabled.appearance-ghost{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.base.readonly:where(:not(.disabled,:disabled)){--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-neutral-200);--_appearance-color-outline:var(--vvd-color-neutral-400)}.base.readonly:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text:var(--vvd-color-neutral-600);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.base.error:where(:not(.disabled,:disabled)){--_appearance-color-text:notset;--_appearance-color-fill:var(--vvd-color-alert-50);--_appearance-color-outline:var(--vvd-color-alert-500)}.base.error:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text:notset;--_appearance-color-fill:var(--vvd-color-alert-50);--_appearance-color-outline:transparent}.base.success:where(:not(.disabled,:disabled)){--_appearance-color-text:notset;--_appearance-color-fill:var(--vvd-color-success-50);--_appearance-color-outline:var(--vvd-color-success-500)}.base.success:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text:notset;--_appearance-color-fill:var(--vvd-color-success-50);--_appearance-color-outline:transparent}.base:not(.shape-pill) .base{border-radius:var(--_text-field-border-radius)}.base.shape-pill .base{border-radius:var(--_text-field-pill-border-radius)}.base slot[name=icon]{z-index:1;color:var(--_low-ink-color);font-size:var(--_text-field-icon-size);pointer-events:none;line-height:1;display:inline-block;position:absolute;inset-block-start:50%;inset-inline-start:var(--_text-field-gutter-start);transform:translateY(-50%)}.base.has-meta{padding-inline-end:16px}.control{text-overflow:ellipsis;white-space:nowrap}.fieldset .leading-items-wrapper{flex-shrink:0;align-items:center;gap:8px;padding-inline-end:16px;display:flex;position:relative}.listbox{max-height:var(--combobox-height,408px);contain:paint;border-radius:8px;flex-direction:column;gap:2px;padding:4px;display:flex;overflow-y:auto}::part(popup-base){inline-size:max-content;min-inline-size:var(--_combobox-fixed-width,100%)}@supports selector(:has(*)){.base:not(.has-activedescendant) .fieldset:has(.control:focus-within):after{--focus-stroke-gap-color:transparent;box-shadow:0 0 0 4px color-mix(in sRGB, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px))}}@supports not selector(:has(*)){.base:not(.has-activedescendant) .fieldset:focus-within:after{box-shadow:0 0 0 4px color-mix(in sRGB, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px));--focus-stroke-gap-color:transparent;z-index:1;border-radius:inherit;content:\"\";pointer-events:none;display:block;position:absolute;inset:0}}:host(:not(.has-activedescendant)){--_suppressable-focus-shadow:none;--_suppressable-focus-outline:none;--_suppressable-focus-outline-offset:0}", F = {
 	inline: "inline",
 	list: "list",
 	both: "both",
 	none: "none"
-}, N = class extends _(O(g(h(m(p(S(v))))))) {
+}, I = class extends E(w(D(O(T(_(v(u))))))) {
 	constructor(...e) {
-		super(...e), this.filteredOptions = [], this.filter = "", this._isNavigatingWithKeyboard = !1, this.fixedDropdown = !1, this.listboxId = x("listbox-"), this.maxHeight = 0, this.open = !1, this.proxy = document.createElement("input");
+		super(...e), this.filteredOptions = [], this.filter = "", this._isNavigatingWithKeyboard = !1, this.fixedDropdown = !1, this.listboxId = p("listbox-"), this.maxHeight = 0, this.open = !1, this.proxy = document.createElement("input");
 	}
 	formResetCallback() {
 		super.formResetCallback(), this.selectedIndex = this._newDefaultSelectedIndex([], this.options, -1) ?? -1, this.value = this.firstSelectedOption?.text || "";
@@ -37,13 +38,13 @@ var j = ".label-wrapper{align-items:center;gap:var(--label-wrapper-gap,4px);flex
 		super.validate(this.control);
 	}
 	get isAutocompleteInline() {
-		return this.autocomplete === M.inline || this.isAutocompleteBoth;
+		return this.autocomplete === F.inline || this.isAutocompleteBoth;
 	}
 	get isAutocompleteList() {
-		return this.autocomplete === M.list || this.isAutocompleteBoth;
+		return this.autocomplete === F.list || this.isAutocompleteBoth;
 	}
 	get isAutocompleteBoth() {
-		return this.autocomplete === M.both;
+		return this.autocomplete === F.both;
 	}
 	openChanged() {
 		this.open && this.enqueueScrollSelectedOptionIntoViewIfNeeded();
@@ -82,9 +83,15 @@ var j = ".label-wrapper{align-items:center;gap:var(--label-wrapper-gap,4px);flex
 		super.connectedCallback(), this.value && (this.initialValue = this.value), this._popup.anchor = this._anchor;
 	}
 	filterOptions() {
-		(!this.autocomplete || this.autocomplete === M.none) && (this.filter = ""), this.filteredOptions = this._options.filter((e) => e.text.toLowerCase().startsWith(this.filter.toLowerCase())), this.isAutocompleteList && this._options.forEach((e) => {
-			e.hidden = !this.filteredOptions.includes(e);
-		});
+		if ((!this.autocomplete || this.autocomplete === F.none) && (this.filter = ""), this.filteredOptions = this._options.filter((e) => e.text.toLowerCase().startsWith(this.filter.toLowerCase())), this.isAutocompleteList) {
+			this._options.forEach((e) => {
+				e.hidden = !this.filteredOptions.includes(e);
+			});
+			for (let e of Array.from(this.children)) if (M(e)) {
+				let t = Array.from(e.children).some((e) => A(e) && !e.hidden);
+				e.style.display = t ? "" : "none";
+			}
+		}
 	}
 	focusAndScrollOptionIntoView() {
 		this.contains(document.activeElement) && (this.control.focus(), this.enqueueScrollSelectedOptionIntoViewIfNeeded());
@@ -143,7 +150,7 @@ var j = ".label-wrapper{align-items:center;gap:var(--label-wrapper-gap,4px);flex
 	}
 	selectedIndexChanged(e, t) {
 		if (this.$fastController.isConnected) {
-			if (t = b(-1, this.options.length - 1, t), t !== this.selectedIndex) {
+			if (t = f(-1, this.options.length - 1, t), t !== this.selectedIndex) {
 				this.selectedIndex = t;
 				return;
 			}
@@ -190,39 +197,41 @@ var j = ".label-wrapper{align-items:center;gap:var(--label-wrapper-gap,4px);flex
 l([r({
 	attribute: "autocomplete",
 	mode: "fromView"
-})], N.prototype, "autocomplete", void 0), l([r], N.prototype, "appearance", void 0), l([r], N.prototype, "shape", void 0), l([r()], N.prototype, "scale", void 0), l([r], N.prototype, "placement", void 0), l([r({
+})], I.prototype, "autocomplete", void 0), l([r], I.prototype, "appearance", void 0), l([r], I.prototype, "shape", void 0), l([r()], I.prototype, "scale", void 0), l([r], I.prototype, "placement", void 0), l([r({
 	mode: "boolean",
 	attribute: "fixed-dropdown"
-})], N.prototype, "fixedDropdown", void 0), l([e], N.prototype, "metaSlottedContent", void 0), l([e], N.prototype, "maxHeight", void 0), l([r({
+})], I.prototype, "fixedDropdown", void 0), l([e], I.prototype, "metaSlottedContent", void 0), l([e], I.prototype, "maxHeight", void 0), l([r({
 	attribute: "open",
 	mode: "boolean"
-})], N.prototype, "open", void 0), l([r], N.prototype, "placeholder", void 0);
+})], I.prototype, "open", void 0), l([r], I.prototype, "placeholder", void 0);
 //#endregion
 //#region src/lib/combobox/combobox.template.ts
-var P = ({ icon: e, iconSlottedContent: t, metaSlottedContent: n, errorValidationMessage: r, successText: i, shape: a, scale: o, disabled: s, placeholder: c, label: l, appearance: u, open: d, _activeDescendant: f }) => y("base", ["disabled", s], [`shape-${a}`, !!a], [`size-${o}`, !!o], ["placeholder", !!c], [`appearance-${u}`, !!u], ["no-label", !l], ["has-icon", !!e || !!t?.length], ["has-meta", !!n?.length], ["has-activedescendant", !!f && d], ["error", !!r], ["success", !!i]);
-function F() {
+function L() {
 	return i` <label for="control" class="label">
 		${(e) => e.label}
 	</label>`;
 }
-function I(e) {
+function R(e) {
 	return e.open && e.fixedDropdown ? `--_combobox-fixed-width: ${Math.round(e.getBoundingClientRect().width)}px` : null;
 }
-function L(e) {
-	let t = d(e), n = C(e);
-	return i` <div class="${P}" ${s("_anchor")}>
+function z(e) {
+	let t = h(e), n = y(e);
+	return i` <div
+		class="${(e) => d("base", ["disabled", e.disabled], [`shape-${e.shape}`, !!e.shape], [`size-${e.scale}`, !!e.scale], ["placeholder", !!e.placeholder], [`appearance-${e.appearance}`, !!e.appearance], ["no-label", !e.label], ["has-icon", !!e.icon || !!e.iconSlottedContent?.length], ["has-meta", !!e.metaSlottedContent?.length], ["has-activedescendant", !!e._activeDescendant && e.open], ["error", !!e.errorValidationMessage], ["success", !!e.successText])}"
+		${s("_anchor")}
+	>
 		<div
 			class="label-wrapper"
 			?hidden=${(e) => !e.label && !e._hasContextualHelp}
 		>
-			${c((e) => e.label, F())}
+			${c((e) => e.label, L())}
 			<slot
 				name="contextual-help"
 				${o("_contextualHelpSlottedContent")}
 			></slot>
 		</div>
 		<div class="fieldset">
-			${(e) => t(e.icon, f.Slot)}
+			${(e) => t(e.icon, g.Slot)}
 			<div class="wrapper">
 				<input
 					id="control"
@@ -256,20 +265,20 @@ function L(e) {
 }
 //#endregion
 //#region src/lib/combobox/index.ts
-t(a("combobox", N, (e) => {
-	let t = e.tagFor(w);
+t(a("combobox", I, (e) => {
+	let t = e.tagFor(b);
 	return i`
 		<template
 			tabindex="${(e) => e.disabled ? null : "0"}"
-			class="${(e) => y(["has-activedescendant", !!e._activeDescendant && e.open])}"
+			class="${(e) => d(["has-activedescendant", !!e._activeDescendant && e.open])}"
 			@click="${(e, t) => e.clickHandler(t.event)}"
 			@focusout="${(e, t) => e.focusoutHandler(t.event)}"
-			@keydown="${(e, { event: t }) => (e.open && E(t), e.keydownHandler(t))}"
+			@keydown="${(e, { event: t }) => (e.open && S(t), e.keydownHandler(t))}"
 		>
 			<div class="control-wrapper">
-				${() => L(e)}
+				${() => z(e)}
 				<${t} class="popup"
-					style="${I}"
+					style="${R}"
 					?open="${(e) => e.open}"
 					placement="${(e) => e.placement ?? "bottom-start"}"
 					strategy="${(e) => e.fixedDropdown ? "fixed" : "absolute"}"
@@ -280,7 +289,7 @@ t(a("combobox", N, (e) => {
 						?disabled="${(e) => e.disabled}"
 						${s("listbox")}>
 						<slot ${o({
-		filter: v.slottedOptionFilter,
+		filter: u.slottedOptionFilter,
 		flatten: !0,
 		property: "slottedOptions"
 	})}>
@@ -294,12 +303,13 @@ t(a("combobox", N, (e) => {
     </template>
 	`;
 }, [
-	u,
-	T,
-	A,
-	D
+	m,
+	x,
+	j,
+	N,
+	C
 ], {
-	styles: [k, j],
+	styles: [k, P],
 	shadowOptions: { delegatesFocus: !0 }
 }))();
 //#endregion

package/country/definition.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_definition = require("../unbundled/definition31.cjs");
+const require_definition = require("../unbundled/definition32.cjs");
 exports.VwcCountryElement = require_definition.Country;
 exports.countryDefinition = require_definition.countryDefinition;
 exports.registerCountry = require_definition.registerCountry;

package/country/definition.js

@@ -1,2 +1,2 @@
-import { n as registerCountry, r as Country, t as countryDefinition } from "../unbundled/definition31.js";
+import { n as registerCountry, r as Country, t as countryDefinition } from "../unbundled/definition32.js";
 export { Country as VwcCountryElement, countryDefinition, registerCountry };

package/country/index.cjs

@@ -1 +1 @@
-require(`../bundled/definition23.cjs`).n();
+require(`../bundled/definition24.cjs`).n();

package/country/index.js

@@ -1,4 +1,4 @@
-import { n as e } from "../bundled/definition23.js";
+import { n as e } from "../bundled/definition24.js";
 //#region src/lib/country/index.ts
 e();
 //#endregion

package/country-group/definition.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_definition = require("../unbundled/definition32.cjs");
+const require_definition = require("../unbundled/definition33.cjs");
 exports.VwcCountryGroupElement = require_definition.CountryGroup;
 exports.countryGroupDefinition = require_definition.countryGroupDefinition;
 exports.registerCountryGroup = require_definition.registerCountryGroup;

package/country-group/definition.js

@@ -1,2 +1,2 @@
-import { n as registerCountryGroup, r as CountryGroup, t as countryGroupDefinition } from "../unbundled/definition32.js";
+import { n as registerCountryGroup, r as CountryGroup, t as countryGroupDefinition } from "../unbundled/definition33.js";
 export { CountryGroup as VwcCountryGroupElement, countryGroupDefinition, registerCountryGroup };

package/country-group/index.cjs

@@ -1,4 +1,4 @@
-const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.cjs`),n=require(`../bundled/ref.cjs`),r=require(`../bundled/when.cjs`),i=require(`../bundled/decorate.cjs`),a=require(`../bundled/delegates-aria.cjs`),o=require(`../bundled/definition8.cjs`),s=require(`../bundled/utils.cjs`),c=require(`../bundled/definition22.cjs`),l=require(`../bundled/definition23.cjs`);var u=`:host{flex-direction:column;block-size:100%;inline-size:100%;display:flex;overflow:hidden}.container{flex-wrap:wrap;flex:auto;align-content:flex-start;align-items:center;gap:8px;min-block-size:0;display:flex;position:relative}.container slot{display:contents}.overflow-wrap{align-self:center;line-height:0}.overflow-grid{font:var(--vvd-typography-base);grid-template-columns:repeat(3,auto);gap:8px;padding:8px;display:grid}`,d=.99,f=class extends e.t(a.t(t.t)){constructor(...e){super(...e),this.items=[],this.lastVisibleIndex=0,this.computedAriaLabel=null,this.popupOpen=!1,this.#e=null,this.#t=new Map,this.#n=-1,this.#r=0,this.#o=()=>{this.#u(),this.#d(),this.#c()},this.#f=e=>{for(let t of e)this.#t.set(t.target,(t.intersectionRatio??0)>=d);this.#c();let t=-1;for(let e=0;e<this.items.length;e++)if(!(this.#t.get(this.items[e])??!0)){t=e;break}let n=t===-1?this.items.length:t;t===this.items.length-1&&this.badgeEl&&(this.#t.get(this.badgeEl)??!1)&&(n=this.items.length),n<this.items.length&&this.badgeEl&&this.#t.has(this.badgeEl)&&this.#t.get(this.badgeEl)===!1&&(n=Math.max(1,n-1)),this.#p(n)}}get overflowCount(){return Math.max(0,this.items.length-this.lastVisibleIndex)}#e;#t;#n;#r;#i(e){return e?s.n.find(t=>t.code.toUpperCase()===e.toUpperCase())?.label??``:``}#a(e,t){for(let n=0;n<this.items.length;n++){let r=this.items[n];if(r.style.order=`${n<e?n:n+1}`,n<e){r.setAttribute(`data-visible`,`true`),r.style.display=``,r.style.position=``,r.style.inset=``,r.style.visibility=``,r.style.pointerEvents=``;continue}r.setAttribute(`data-visible`,`false`),r.style.display=``,r.style.pointerEvents=`none`,t===`final`?(r.style.position=`absolute`,r.style.inset=`0 auto auto 0`,r.style.visibility=`hidden`):(r.style.position=``,r.style.inset=``,r.style.visibility=`hidden`)}}connectedCallback(){super.connectedCallback(),this.#u(),this.#d(),this.slotEl?.addEventListener(`slotchange`,this.#o),this.#s(),this.#c()}disconnectedCallback(){this.slotEl?.removeEventListener(`slotchange`,this.#o),this.#e?.disconnect(),this.#e=null,this.#t.clear(),this.#n=-1,this.#r=0,super.disconnectedCallback()}#o;#s(){this.#e||=new IntersectionObserver(this.#f,{root:this,threshold:[d]})}#c(){this.#m(),this.#l()}#l(){let e=this.#e;e.disconnect();for(let t of this.items)e.observe(t);this.badgeEl&&this.overflowCount>0&&e.observe(this.badgeEl)}#u(){let e=this.slotEl.assignedElements({flatten:!0});this.items=e.filter(e=>e instanceof l.r),this.#t.clear();for(let e of this.items)this.#t.set(e,!0);this.lastVisibleIndex=this.items.length,this.#a(this.lastVisibleIndex,`final`)}#d(){let e=this.locale.countryGroup.ariaLabelPrefix,t=[];for(let e of this.items){let n=(e.getAttribute(`label`)??``).trim(),r=(e.getAttribute(`code`)??``).trim(),i=this.#i(r),a=n||i||r;a&&t.push(a)}let n=t.join(`, `);this.computedAriaLabel=n?`${e} ${n}`:e}#f;#p(e){this.#n===e?this.#r++:(this.#n=e,this.#r=1),!(this.#r<2)&&this.lastVisibleIndex!==e&&(this.lastVisibleIndex=this.#n,this.#a(this.lastVisibleIndex,`final`),this.overflowCount===0&&(this.popupOpen=!1),this.fillOverflowGrid())}#m(){this.#a(this.lastVisibleIndex,`fit`)}handleMouseEnter(){this.popupOpen=!0}handleMouseLeave(){this.popupOpen=!1}popupOpenChanged(e){e!==void 0&&this.popupOpen&&this.fillOverflowGrid()}fillOverflowGrid(){if(!this.overflowGridEl||this.overflowCount===0)return;this.overflowGridEl.replaceChildren();let e=this.items.slice(this.lastVisibleIndex);for(let t of e){let e=t.cloneNode(!0);e.setAttribute(`aria-hidden`,`true`),e.removeAttribute(`style`),this.overflowGridEl.appendChild(e)}}};i.t([t.A],f.prototype,`items`,void 0),i.t([t.A],f.prototype,`lastVisibleIndex`,void 0),i.t([t.A],f.prototype,`computedAriaLabel`,void 0),i.t([t.A],f.prototype,`popupOpen`,void 0);var p=t.u(`country-group`,f,e=>{let i=e.tagFor(c.r),s=e.tagFor(o.i);return t.p`
+const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.cjs`),n=require(`../bundled/ref.cjs`),r=require(`../bundled/when.cjs`),i=require(`../bundled/decorate.cjs`),a=require(`../bundled/delegates-aria.cjs`),o=require(`../bundled/definition8.cjs`),s=require(`../bundled/utils.cjs`),c=require(`../bundled/definition23.cjs`),l=require(`../bundled/definition24.cjs`);var u=`:host{flex-direction:column;block-size:100%;inline-size:100%;display:flex;overflow:hidden}.container{flex-wrap:wrap;flex:auto;align-content:flex-start;align-items:center;gap:8px;min-block-size:0;display:flex;position:relative}.container slot{display:contents}.overflow-wrap{align-self:center;line-height:0}.overflow-grid{font:var(--vvd-typography-base);grid-template-columns:repeat(3,auto);gap:8px;padding:8px;display:grid}`,d=.99,f=class extends e.t(a.t(t.t)){constructor(...e){super(...e),this.items=[],this.lastVisibleIndex=0,this.computedAriaLabel=null,this.popupOpen=!1,this.#e=null,this.#t=new Map,this.#n=-1,this.#r=0,this.#o=()=>{this.#u(),this.#d(),this.#c()},this.#f=e=>{for(let t of e)this.#t.set(t.target,(t.intersectionRatio??0)>=d);this.#c();let t=-1;for(let e=0;e<this.items.length;e++)if(!(this.#t.get(this.items[e])??!0)){t=e;break}let n=t===-1?this.items.length:t;t===this.items.length-1&&this.badgeEl&&(this.#t.get(this.badgeEl)??!1)&&(n=this.items.length),n<this.items.length&&this.badgeEl&&this.#t.has(this.badgeEl)&&this.#t.get(this.badgeEl)===!1&&(n=Math.max(1,n-1)),this.#p(n)}}get overflowCount(){return Math.max(0,this.items.length-this.lastVisibleIndex)}#e;#t;#n;#r;#i(e){return e?s.n.find(t=>t.code.toUpperCase()===e.toUpperCase())?.label??``:``}#a(e,t){for(let n=0;n<this.items.length;n++){let r=this.items[n];if(r.style.order=`${n<e?n:n+1}`,n<e){r.setAttribute(`data-visible`,`true`),r.style.display=``,r.style.position=``,r.style.inset=``,r.style.visibility=``,r.style.pointerEvents=``;continue}r.setAttribute(`data-visible`,`false`),r.style.display=``,r.style.pointerEvents=`none`,t===`final`?(r.style.position=`absolute`,r.style.inset=`0 auto auto 0`,r.style.visibility=`hidden`):(r.style.position=``,r.style.inset=``,r.style.visibility=`hidden`)}}connectedCallback(){super.connectedCallback(),this.#u(),this.#d(),this.slotEl?.addEventListener(`slotchange`,this.#o),this.#s(),this.#c()}disconnectedCallback(){this.slotEl?.removeEventListener(`slotchange`,this.#o),this.#e?.disconnect(),this.#e=null,this.#t.clear(),this.#n=-1,this.#r=0,super.disconnectedCallback()}#o;#s(){this.#e||=new IntersectionObserver(this.#f,{root:this,threshold:[d]})}#c(){this.#m(),this.#l()}#l(){let e=this.#e;e.disconnect();for(let t of this.items)e.observe(t);this.badgeEl&&this.overflowCount>0&&e.observe(this.badgeEl)}#u(){let e=this.slotEl.assignedElements({flatten:!0});this.items=e.filter(e=>e instanceof l.r),this.#t.clear();for(let e of this.items)this.#t.set(e,!0);this.lastVisibleIndex=this.items.length,this.#a(this.lastVisibleIndex,`final`)}#d(){let e=this.locale.countryGroup.ariaLabelPrefix,t=[];for(let e of this.items){let n=(e.getAttribute(`label`)??``).trim(),r=(e.getAttribute(`code`)??``).trim(),i=this.#i(r),a=n||i||r;a&&t.push(a)}let n=t.join(`, `);this.computedAriaLabel=n?`${e} ${n}`:e}#f;#p(e){this.#n===e?this.#r++:(this.#n=e,this.#r=1),!(this.#r<2)&&this.lastVisibleIndex!==e&&(this.lastVisibleIndex=this.#n,this.#a(this.lastVisibleIndex,`final`),this.overflowCount===0&&(this.popupOpen=!1),this.fillOverflowGrid())}#m(){this.#a(this.lastVisibleIndex,`fit`)}handleMouseEnter(){this.popupOpen=!0}handleMouseLeave(){this.popupOpen=!1}popupOpenChanged(e){e!==void 0&&this.popupOpen&&this.fillOverflowGrid()}fillOverflowGrid(){if(!this.overflowGridEl||this.overflowCount===0)return;this.overflowGridEl.replaceChildren();let e=this.items.slice(this.lastVisibleIndex);for(let t of e){let e=t.cloneNode(!0);e.setAttribute(`aria-hidden`,`true`),e.removeAttribute(`style`),this.overflowGridEl.appendChild(e)}}};i.t([t.A],f.prototype,`items`,void 0),i.t([t.A],f.prototype,`lastVisibleIndex`,void 0),i.t([t.A],f.prototype,`computedAriaLabel`,void 0),i.t([t.A],f.prototype,`popupOpen`,void 0);var p=t.u(`country-group`,f,e=>{let i=e.tagFor(c.r),s=e.tagFor(o.i);return t.p`
 		<div
 			class="container"
 			${a.n({role:`group`,ariaLabel:e=>e.ariaLabel||e.computedAriaLabel})}

package/country-group/index.js

@@ -6,8 +6,8 @@ import { t as c } from "../bundled/decorate.js";
 import { n as l, t as u } from "../bundled/delegates-aria.js";
 import { i as d, t as f } from "../bundled/definition8.js";
 import { n as p } from "../bundled/utils.js";
-import { r as m, t as h } from "../bundled/definition22.js";
-import { r as g, t as _ } from "../bundled/definition23.js";
+import { r as m, t as h } from "../bundled/definition23.js";
+import { r as g, t as _ } from "../bundled/definition24.js";
 //#region src/lib/country-group/country-group.scss?inline
 var v = ":host{flex-direction:column;block-size:100%;inline-size:100%;display:flex;overflow:hidden}.container{flex-wrap:wrap;flex:auto;align-content:flex-start;align-items:center;gap:8px;min-block-size:0;display:flex;position:relative}.container slot{display:contents}.overflow-wrap{align-self:center;line-height:0}.overflow-grid{font:var(--vvd-typography-base);grid-template-columns:repeat(3,auto);gap:8px;padding:8px;display:grid}", y = .99, b = class extends e(u(i)) {
 	constructor(...e) {