@vonage/vivid 5.16.0 → 5.18.0

package/combobox/index.js

@@ -2,33 +2,34 @@ import { T as e, d as t, l as n, o as r, s as i, w as a } from "../bundled/vivid
 import { t as o } from "../bundled/ref.js";
 import { t as s } from "../bundled/when.js";
 import { t as c } from "../bundled/slotted.js";
-import { t as l } from "../bundled/definition2.js";
-import { t as u } from "../bundled/decorate.js";
-import { t as d } from "../bundled/listbox.js";
-import { t as f } from "../bundled/class-names.js";
-import { n as p } from "../bundled/numbers.js";
-import { t as m } from "../bundled/strings.js";
-import { a as h, i as g, t as _ } from "../bundled/affix.js";
-import { n as v } from "../bundled/form-associated.js";
-import { t as y } from "../bundled/form-element.js";
-import { t as b } from "../bundled/with-success-text.js";
-import { t as x } from "../bundled/with-error-text.js";
-import { t as S } from "../bundled/with-contextual-help.js";
+import "../bundled/numberConverter.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 { t as x } from "../bundled/strings.js";
+import { n as S } from "../bundled/form-associated.js";
 import { r as C } from "../bundled/definition6.js";
-import { t as w } from "../bundled/dialog.js";
-import { i as T, t as E } from "../bundled/definition8.js";
+import { i as w, t as T } from "../bundled/definition8.js";
+import { t as E } from "../bundled/dialog.js";
 import { a as D, t as O } from "../bundled/mixins.js";
-import { t as k } from "../bundled/definition12.js";
-import { t as A } from "../bundled/text-field.js";
+import { t as k } from "../bundled/text-field.js";
+import { t as A } from "../bundled/definition17.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;transition:transform .2s;display:flex;transform:rotate(0)}: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-300);--_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-300);--_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]){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;border-radius:8px}", M = {
+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;transition:transform .2s;display:flex;transform:rotate(0)}: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-300);--_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-300);--_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 = {
 	inline: "inline",
 	list: "list",
 	both: "both",
 	none: "none"
-}, N = class extends S(O(x(b(y(_(v(d))))))) {
+}, N = class extends _(O(g(h(m(p(S(v))))))) {
 	constructor(...e) {
-		super(...e), this.filteredOptions = [], this.filter = "", this.fixedDropdown = !1, this.listboxId = m("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 = x("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 || "";
@@ -133,14 +134,17 @@ var j = ".label-wrapper{align-items:center;gap:var(--label-wrapper-gap,4px);flex
 					this.open = !0;
 					break;
 				}
-				this.filteredOptions.length > 0 && super.keydownHandler(e), this.isAutocompleteInline && this.setInlineSelection();
+				this.filteredOptions.length > 0 && (this._isNavigatingWithKeyboard = !0, super.keydownHandler(e), this._isNavigatingWithKeyboard = !1), this.isAutocompleteInline && this.setInlineSelection();
 				break;
 			default: return !0;
 		}
 	}
+	setSelectedOptions() {
+		super.setSelectedOptions(), this._isNavigatingWithKeyboard || (this._activeDescendant = "");
+	}
 	selectedIndexChanged(e, t) {
 		if (this.$fastController.isConnected) {
-			if (t = p(-1, this.options.length - 1, t), t !== this.selectedIndex) {
+			if (t = b(-1, this.options.length - 1, t), t !== this.selectedIndex) {
 				this.selectedIndex = t;
 				return;
 			}
@@ -184,19 +188,19 @@ var j = ".label-wrapper{align-items:center;gap:var(--label-wrapper-gap,4px);flex
 		this.control.setSelectionRange(e, e);
 	}
 };
-u([n({
+l([n({
 	attribute: "autocomplete",
 	mode: "fromView"
-})], N.prototype, "autocomplete", void 0), u([n], N.prototype, "appearance", void 0), u([n], N.prototype, "shape", void 0), u([n()], N.prototype, "scale", void 0), u([n], N.prototype, "placement", void 0), u([n({
+})], N.prototype, "autocomplete", void 0), l([n], N.prototype, "appearance", void 0), l([n], N.prototype, "shape", void 0), l([n()], N.prototype, "scale", void 0), l([n], N.prototype, "placement", void 0), l([n({
 	mode: "boolean",
 	attribute: "fixed-dropdown"
-})], N.prototype, "fixedDropdown", void 0), u([e], N.prototype, "metaSlottedContent", void 0), u([e], N.prototype, "maxHeight", void 0), u([n({
+})], N.prototype, "fixedDropdown", void 0), l([e], N.prototype, "metaSlottedContent", void 0), l([e], N.prototype, "maxHeight", void 0), l([n({
 	attribute: "open",
 	mode: "boolean"
-})], N.prototype, "open", void 0), u([n], N.prototype, "placeholder", void 0);
+})], N.prototype, "open", void 0), l([n], N.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: p }) => f("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", !!p && d], ["error", !!r], ["success", !!i]);
+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() {
 	return t` <label for="control" class="label">
 		${(e) => e.label}
@@ -206,7 +210,7 @@ function I(e) {
 	return e.open && e.fixedDropdown ? `--_combobox-fixed-width: ${Math.round(e.getBoundingClientRect().width)}px` : null;
 }
 function L(e) {
-	let n = h(e), r = C(e);
+	let n = d(e), r = C(e);
 	return t` <div class="${P}" ${o("_anchor")}>
 		<div
 			class="label-wrapper"
@@ -219,7 +223,7 @@ function L(e) {
 			></slot>
 		</div>
 		<div class="fieldset">
-			${(e) => n(e.icon, g.Slot)}
+			${(e) => n(e.icon, f.Slot)}
 			<div class="wrapper">
 				<input
 					id="control"
@@ -254,13 +258,14 @@ function L(e) {
 //#endregion
 //#region src/lib/combobox/index.ts
 i(r("combobox", N, (e) => {
-	let n = e.tagFor(T);
+	let n = e.tagFor(w);
 	return t`
 		<template
 			tabindex="${(e) => e.disabled ? null : "0"}"
+			class="${(e) => y(["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 && w(t), e.keydownHandler(t))}"
+			@keydown="${(e, { event: t }) => (e.open && E(t), e.keydownHandler(t))}"
 		>
 			<div class="control-wrapper">
 				${() => L(e)}
@@ -276,7 +281,7 @@ i(r("combobox", N, (e) => {
 						?disabled="${(e) => e.disabled}"
 						${o("listbox")}>
 						<slot ${c({
-		filter: d.slottedOptionFilter,
+		filter: v.slottedOptionFilter,
 		flatten: !0,
 		property: "slottedOptions"
 	})}>
@@ -290,12 +295,12 @@ i(r("combobox", N, (e) => {
     </template>
 	`;
 }, [
-	l,
-	E,
-	k,
+	u,
+	T,
+	A,
 	D
 ], {
-	styles: [A, j],
+	styles: [k, j],
 	shadowOptions: { delegatesFocus: !0 }
 }))();
 //#endregion

package/contextual-help/definition.cjs

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../unbundled/definition2.cjs");
-const require_definition$1 = require("../unbundled/definition30.cjs");
-exports.VwcContextualHelpElement = require_definition$1.ContextualHelp;
-exports.contextualHelpDefinition = require_definition$1.contextualHelpDefinition;
-exports.registerContextualHelp = require_definition$1.registerContextualHelp;
+require("../unbundled/numberConverter.cjs");
+const require_definition = require("../unbundled/definition25.cjs");
+exports.VwcContextualHelpElement = require_definition.ContextualHelp;
+exports.contextualHelpDefinition = require_definition.contextualHelpDefinition;
+exports.registerContextualHelp = require_definition.registerContextualHelp;

package/contextual-help/definition.js

@@ -1,3 +1,3 @@
-import "../unbundled/definition2.js";
-import { n as registerContextualHelp, r as ContextualHelp, t as contextualHelpDefinition } from "../unbundled/definition30.js";
+import "../unbundled/numberConverter.js";
+import { n as registerContextualHelp, r as ContextualHelp, t as contextualHelpDefinition } from "../unbundled/definition25.js";
 export { ContextualHelp as VwcContextualHelpElement, contextualHelpDefinition, registerContextualHelp };

package/contextual-help/index.cjs

@@ -1 +1 @@
-require(`../bundled/vivid-element.cjs`),require(`../bundled/definition2.cjs`),require(`../bundled/definition14.cjs`).n();
+require(`../bundled/vivid-element.cjs`),require(`../bundled/numberConverter.cjs`),require(`../bundled/definition11.cjs`).n();

package/contextual-help/index.js

@@ -1,6 +1,6 @@
 import "../bundled/vivid-element.js";
-import "../bundled/definition2.js";
-import { n as e } from "../bundled/definition14.js";
+import "../bundled/numberConverter.js";
+import { n as e } from "../bundled/definition11.js";
 //#region src/lib/contextual-help/index.ts
 e();
 //#endregion

package/country/definition.cjs

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

package/country/definition.js

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

package/country/index.cjs

@@ -1,12 +1 @@
-const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/when.cjs`),n=require(`../bundled/definition2.cjs`),r=require(`../bundled/decorate.cjs`);var i=`:host{display:inline-flex}.base{align-items:center;column-gap:8px;display:inline-flex}.icon{align-items:center;display:inline-flex}.icon vwc-icon{block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16));flex-shrink:0;inline-size:auto}.icon ::slotted(*){block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16));object-fit:contain;border-radius:2px;inline-size:auto;display:block}.text{color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base)}`,a=new Map([{code:`AF`,countryCode:`+93`,iconFlagName:`flag-afghanistan`},{code:`AL`,countryCode:`+355`,iconFlagName:`flag-albania`},{code:`DZ`,countryCode:`+213`,iconFlagName:`flag-algeria`},{code:`AS`,countryCode:`+1`,iconFlagName:``},{code:`AD`,countryCode:`+376`,iconFlagName:``},{code:`AO`,countryCode:`+244`,iconFlagName:``},{code:`AI`,countryCode:`+43`,iconFlagName:``},{code:`AG`,countryCode:`+1`,iconFlagName:``},{code:`AR`,countryCode:`+54`,iconFlagName:`flag-argentina`},{code:`AM`,countryCode:`+374`,iconFlagName:`flag-armenia`},{code:`AW`,countryCode:`+297`,iconFlagName:`flag-aruba`},{code:`AU`,countryCode:`+61`,iconFlagName:`flag-australia`},{code:`AT`,countryCode:`+43`,iconFlagName:`flag-austria`},{code:`AZ`,countryCode:`+994`,iconFlagName:``},{code:`BS`,countryCode:`+1`,iconFlagName:`flag-bahamas`},{code:`BH`,countryCode:`+973`,iconFlagName:`flag-bahrain`},{code:`BD`,countryCode:`+880`,iconFlagName:`flag-bangladesh`},{code:`BB`,countryCode:`+1`,iconFlagName:``},{code:`BY`,countryCode:`+375`,iconFlagName:`flag-belarus`},{code:`BE`,countryCode:`+32`,iconFlagName:`flag-belgium`},{code:`BZ`,countryCode:`+501`,iconFlagName:``},{code:`BJ`,countryCode:`+229`,iconFlagName:`flag-benin`},{code:`BM`,countryCode:`+1`,iconFlagName:``},{code:`BT`,countryCode:`+975`,iconFlagName:``},{code:`BO`,countryCode:`+591`,iconFlagName:`flag-bolivia`},{code:`BA`,countryCode:`+387`,iconFlagName:``},{code:`BW`,countryCode:`+267`,iconFlagName:`flag-botswana`},{code:`BR`,countryCode:`+55`,iconFlagName:`flag-brazil`},{code:`IO`,countryCode:`+246`,iconFlagName:``},{code:`VG`,countryCode:`+1`,iconFlagName:``},{code:`VI`,countryCode:`+1`,iconFlagName:``},{code:`BN`,countryCode:`+673`,iconFlagName:``},{code:`BG`,countryCode:`+359`,iconFlagName:`flag-bulgaria`},{code:`BF`,countryCode:`+226`,iconFlagName:`flag-burkina-faso`},{code:`BI`,countryCode:`+257`,iconFlagName:``},{code:`KH`,countryCode:`+855`,iconFlagName:`flag-cambodia`},{code:`CM`,countryCode:`+237`,iconFlagName:``},{code:`CA`,countryCode:`+1`,iconFlagName:`flag-canada`},{code:`CV`,countryCode:`+238`,iconFlagName:``},{code:`KY`,countryCode:`+1`,iconFlagName:`flag-cayman-islands`},{code:`CF`,countryCode:`+236`,iconFlagName:`flag-central-african-republic`},{code:`CF`,countryCode:`+236`,iconFlagName:`flag-central-african-republic`},{code:`CL`,countryCode:`+56`,iconFlagName:`flag-chile`},{code:`CN`,countryCode:`+86`,iconFlagName:`flag-china`},{code:`CO`,countryCode:`+57`,iconFlagName:`flag-colombia`},{code:`KM`,countryCode:`+269`,iconFlagName:``},{code:`CG`,countryCode:`+242`,iconFlagName:``},{code:`CD`,countryCode:`+243`,iconFlagName:``},{code:`CK`,countryCode:`+682`,iconFlagName:``},{code:`CR`,countryCode:`+506`,iconFlagName:`flag-costa-rica`},{code:`HR`,countryCode:`+385`,iconFlagName:`flag-croatia`},{code:`CU`,countryCode:`+53`,iconFlagName:``},{code:`CU`,countryCode:`+53`,iconFlagName:``},{code:`CY`,countryCode:`+357`,iconFlagName:`flag-cyprus`},{code:`CZ`,countryCode:`+420`,iconFlagName:`flag-czech-republic`},{code:`DK`,countryCode:`+45`,iconFlagName:`flag-denmark`},{code:`DJ`,countryCode:`+253`,iconFlagName:``},{code:`DM`,countryCode:`+1`,iconFlagName:``},{code:`DO`,countryCode:`+1`,iconFlagName:`flag-dominican-republic`},{code:`EC`,countryCode:`+593`,iconFlagName:``},{code:`EG`,countryCode:`+20`,iconFlagName:`flag-egypt`},{code:`SV`,countryCode:`+503`,iconFlagName:`flag-el-salvador`},{code:`GQ`,countryCode:`+240`,iconFlagName:``},{code:`ER`,countryCode:`+291`,iconFlagName:``},{code:`EE`,countryCode:`+372`,iconFlagName:`flag-estonia`},{code:`ET`,countryCode:`+251`,iconFlagName:``},{code:`FK`,countryCode:`+500`,iconFlagName:``},{code:`FO`,countryCode:`+298`,iconFlagName:``},{code:`FJ`,countryCode:`+679`,iconFlagName:``},{code:`FI`,countryCode:`+358`,iconFlagName:`flag-finland`},{code:`FR`,countryCode:`+33`,iconFlagName:`flag-france`},{code:`GF`,countryCode:`+594`,iconFlagName:``},{code:`PF`,countryCode:`+689`,iconFlagName:``},{code:`GA`,countryCode:`+241`,iconFlagName:``},{code:`GM`,countryCode:`+220`,iconFlagName:``},{code:`GE`,countryCode:`+995`,iconFlagName:`flag-georgia`},{code:`DE`,countryCode:`+49`,iconFlagName:`flag-germany`},{code:`GH`,countryCode:`+233`,iconFlagName:`flag-ghana`},{code:`GI`,countryCode:`+350`,iconFlagName:``},{code:`GR`,countryCode:`+30`,iconFlagName:`flag-greece`},{code:`GL`,countryCode:`+299`,iconFlagName:``},{code:`GD`,countryCode:`+1`,iconFlagName:`flag-grenada`},{code:`GP`,countryCode:`+590`,iconFlagName:``},{code:`GU`,countryCode:`+1`,iconFlagName:``},{code:`GT`,countryCode:`+502`,iconFlagName:`flag-guatemala`},{code:`GN`,countryCode:`+224`,iconFlagName:``},{code:`GW`,countryCode:`+245`,iconFlagName:``},{code:`GY`,countryCode:`+592`,iconFlagName:``},{code:`HT`,countryCode:`+509`,iconFlagName:``},{code:`VA`,countryCode:`+39`,iconFlagName:``},{code:`HN`,countryCode:`+504`,iconFlagName:`flag-honduras`},{code:`HK`,countryCode:`+852`,iconFlagName:`flag-hong-kong`},{code:`HU`,countryCode:`+36`,iconFlagName:`flag-hungary`},{code:`IS`,countryCode:`+354`,iconFlagName:`flag-iceland`},{code:`IN`,countryCode:`+91`,iconFlagName:`flag-india`},{code:`ID`,countryCode:`+62`,iconFlagName:`flag-indonesia`},{code:`CI`,countryCode:`+225`,iconFlagName:``},{code:`IR`,countryCode:`+98`,iconFlagName:``},{code:`IQ`,countryCode:`+964`,iconFlagName:``},{code:`IE`,countryCode:`+353`,iconFlagName:`flag-ireland`},{code:`IL`,countryCode:`+972`,iconFlagName:`flag-israel`},{code:`IT`,countryCode:`+39`,iconFlagName:`flag-italy`},{code:`JM`,countryCode:`+1`,iconFlagName:`flag-jamaica`},{code:`JP`,countryCode:`+81`,iconFlagName:`flag-japan`},{code:`JO`,countryCode:`+962`,iconFlagName:``},{code:`KZ`,countryCode:`+7`,iconFlagName:``},{code:`KE`,countryCode:`+254`,iconFlagName:``},{code:`KI`,countryCode:`+686`,iconFlagName:``},{code:`KW`,countryCode:`+965`,iconFlagName:``},{code:`KG`,countryCode:`+996`,iconFlagName:``},{code:`LA`,countryCode:`+856`,iconFlagName:``},{code:`LV`,countryCode:`+371`,iconFlagName:`flag-latvia`},{code:`LB`,countryCode:`+961`,iconFlagName:``},{code:`LS`,countryCode:`+266`,iconFlagName:``},{code:`LR`,countryCode:`+231`,iconFlagName:``},{code:`LY`,countryCode:`+218`,iconFlagName:``},{code:`LI`,countryCode:`+423`,iconFlagName:`flag-liechtenstein`},{code:`LT`,countryCode:`+370`,iconFlagName:`flag-lithuania`},{code:`LU`,countryCode:`+352`,iconFlagName:`flag-luxembourg`},{code:`MO`,countryCode:`+853`,iconFlagName:`flag-macao`},{code:`MK`,countryCode:`+389`,iconFlagName:``},{code:`MG`,countryCode:`+261`,iconFlagName:``},{code:`MW`,countryCode:`+265`,iconFlagName:``},{code:`MY`,countryCode:`+60`,iconFlagName:`flag-malaysia`},{code:`MV`,countryCode:`+960`,iconFlagName:``},{code:`ML`,countryCode:`+223`,iconFlagName:``},{code:`MT`,countryCode:`+356`,iconFlagName:`flag-malta`},{code:`MH`,countryCode:`+692`,iconFlagName:``},{code:`MQ`,countryCode:`+596`,iconFlagName:``},{code:`MR`,countryCode:`+222`,iconFlagName:``},{code:`MU`,countryCode:`+230`,iconFlagName:`flag-mauritius`},{code:`YT`,countryCode:`+262`,iconFlagName:``},{code:`MX`,countryCode:`+52`,iconFlagName:`flag-mexico`},{code:`FM`,countryCode:`+691`,iconFlagName:``},{code:`MD`,countryCode:`+373`,iconFlagName:`flag-moldova`},{code:`MC`,countryCode:`+377`,iconFlagName:``},{code:`MN`,countryCode:`+976`,iconFlagName:``},{code:`ME`,countryCode:`+382`,iconFlagName:``},{code:`MS`,countryCode:`+1`,iconFlagName:``},{code:`MA`,countryCode:`+212`,iconFlagName:``},{code:`MZ`,countryCode:`+258`,iconFlagName:``},{code:`MM`,countryCode:`+95`,iconFlagName:``},{code:`NA`,countryCode:`+264`,iconFlagName:``},{code:`NR`,countryCode:`+674`,iconFlagName:``},{code:`NP`,countryCode:`+977`,iconFlagName:``},{code:`NL`,countryCode:`+31`,iconFlagName:`flag-netherlands`},{code:`NC`,countryCode:`+687`,iconFlagName:``},{code:`NZ`,countryCode:`+64`,iconFlagName:`flag-new-zealand`},{code:`NI`,countryCode:`+505`,iconFlagName:``},{code:`NE`,countryCode:`+227`,iconFlagName:``},{code:`NG`,countryCode:`+234`,iconFlagName:`flag-nigeria`},{code:`NU`,countryCode:`+683`,iconFlagName:``},{code:`NF`,countryCode:`+672`,iconFlagName:``},{code:`KP`,countryCode:`+850`,iconFlagName:``},{code:`MP`,countryCode:`+1`,iconFlagName:``},{code:`NO`,countryCode:`+47`,iconFlagName:`flag-norway`},{code:`OM`,countryCode:`+968`,iconFlagName:``},{code:`PK`,countryCode:`+92`,iconFlagName:`flag-pakistan`},{code:`PW`,countryCode:`+680`,iconFlagName:``},{code:`PS`,countryCode:`+970`,iconFlagName:``},{code:`PA`,countryCode:`+507`,iconFlagName:`flag-panama`},{code:`PG`,countryCode:`+675`,iconFlagName:``},{code:`PY`,countryCode:`+595`,iconFlagName:``},{code:`PE`,countryCode:`+51`,iconFlagName:`flag-peru`},{code:`PH`,countryCode:`+63`,iconFlagName:`flag-philippines`},{code:`PL`,countryCode:`+48`,iconFlagName:`flag-poland`},{code:`PT`,countryCode:`+351`,iconFlagName:`flag-portugal`},{code:`PR`,countryCode:`+1`,iconFlagName:`flag-puertorico`},{code:`QA`,countryCode:`+974`,iconFlagName:``},{code:`XK`,countryCode:`+381`,iconFlagName:``},{code:`RE`,countryCode:`+262`,iconFlagName:``},{code:`RO`,countryCode:`+40`,iconFlagName:`flag-romania`},{code:`RU`,countryCode:`+7`,iconFlagName:`flag-russia`},{code:`RW`,countryCode:`+250`,iconFlagName:`flag-rwanda`},{code:`BL`,countryCode:`+590`,iconFlagName:``},{code:`SH`,countryCode:`+290`,iconFlagName:``},{code:`KN`,countryCode:`+1`,iconFlagName:``},{code:`LC`,countryCode:`+1`,iconFlagName:``},{code:`MF`,countryCode:`+590`,iconFlagName:``},{code:`PM`,countryCode:`+508`,iconFlagName:``},{code:`VC`,countryCode:`+1`,iconFlagName:``},{code:`WS`,countryCode:`+685`,iconFlagName:``},{code:`SM`,countryCode:`+378`,iconFlagName:``},{code:`ST`,countryCode:`+239`,iconFlagName:``},{code:`SA`,countryCode:`+966`,iconFlagName:`flag-saudi-arabia`},{code:`SN`,countryCode:`+221`,iconFlagName:``},{code:`RS`,countryCode:`+381`,iconFlagName:`flag-serbia`},{code:`SC`,countryCode:`+248`,iconFlagName:``},{code:`SL`,countryCode:`+232`,iconFlagName:``},{code:`SG`,countryCode:`+65`,iconFlagName:`flag-singapore`},{code:`SG`,countryCode:`+65`,iconFlagName:`flag-singapore`},{code:`SK`,countryCode:`+421`,iconFlagName:`flag-slovakia`},{code:`SI`,countryCode:`+386`,iconFlagName:`flag-slovenia`},{code:`SB`,countryCode:`+677`,iconFlagName:``},{code:`SO`,countryCode:`+252`,iconFlagName:``},{code:`ZA`,countryCode:`+27`,iconFlagName:`flag-south-africa`},{code:`KR`,countryCode:`+82`,iconFlagName:`flag-south-korea`},{code:`ES`,countryCode:`+34`,iconFlagName:`flag-spain`},{code:`LK`,countryCode:`+94`,iconFlagName:`flag-sri-lanka`},{code:`SD`,countryCode:`+249`,iconFlagName:``},{code:`SR`,countryCode:`+597`,iconFlagName:``},{code:`SZ`,countryCode:`+268`,iconFlagName:``},{code:`SE`,countryCode:`+46`,iconFlagName:`flag-sweden`},{code:`CH`,countryCode:`+41`,iconFlagName:`flag-switzerland`},{code:`SY`,countryCode:`+963`,iconFlagName:``},{code:`TW`,countryCode:`+886`,iconFlagName:`flag-taiwan`},{code:`TJ`,countryCode:`+992`,iconFlagName:`flag-tajikistan`},{code:`TZ`,countryCode:`+255`,iconFlagName:`flag-tanzania`},{code:`TH`,countryCode:`+66`,iconFlagName:`flag-thailand`},{code:`TL`,countryCode:`+670`,iconFlagName:``},{code:`TG`,countryCode:`+228`,iconFlagName:``},{code:`TK`,countryCode:`+690`,iconFlagName:``},{code:`TO`,countryCode:`+676`,iconFlagName:``},{code:`TT`,countryCode:`+1`,iconFlagName:`flag-trinidad-and-tobago`},{code:`TN`,countryCode:`+216`,iconFlagName:``},{code:`TR`,countryCode:`+90`,iconFlagName:`flag-turkey`},{code:`TM`,countryCode:`+993`,iconFlagName:``},{code:`TC`,countryCode:`+1`,iconFlagName:``},{code:`TV`,countryCode:`+688`,iconFlagName:``},{code:`UG`,countryCode:`+256`,iconFlagName:``},{code:`UA`,countryCode:`+380`,iconFlagName:`flag-ukraine`},{code:`AE`,countryCode:`+971`,iconFlagName:`flag-united-arab-emirates`},{code:`GB`,countryCode:`+44`,iconFlagName:`flag-united-kingdom`},{code:`UK`,countryCode:`+44`,iconFlagName:`flag-united-kingdom`},{code:`US`,countryCode:`+1`,iconFlagName:`flag-united-states`},{code:`UY`,countryCode:`+598`,iconFlagName:`flag-uruguay`},{code:`UZ`,countryCode:`+998`,iconFlagName:`flag-uzbekistan`},{code:`VU`,countryCode:`+678`,iconFlagName:``},{code:`VE`,countryCode:`+58`,iconFlagName:`flag-venezuela`},{code:`VN`,countryCode:`+84`,iconFlagName:`flag-vietnam`},{code:`WF`,countryCode:`+681`,iconFlagName:``},{code:`WF`,countryCode:`+681`,iconFlagName:``},{code:`YE`,countryCode:`+967`,iconFlagName:``},{code:`ZM`,countryCode:`+260`,iconFlagName:`flag-zambia`},{code:`ZW`,countryCode:`+263`,iconFlagName:``}].map(e=>[e.code,e]));function o(e){if(!e||typeof e!=`string`)return;let t=a.get(e.trim().toUpperCase())?.iconFlagName;return t&&t.length>0?t:void 0}var s=class extends e.t{get flagIconName(){return o(this.code)}get displayText(){let e=this.label?.trim();if(e)return e;let t=this.code?.trim();return t?t.toUpperCase():void 0}};r.t([e.l],s.prototype,`code`,void 0),r.t([e.l],s.prototype,`label`,void 0);var c=e.o(`country`,s,r=>{let i=r.tagFor(n.r);return e.d`
-		<div class="base">
-			<slot name="icon" class="icon">
-				${t.t(e=>e.flagIconName,e.d`<${i}
-						size="-4"
-						name="${e=>e.flagIconName}"
-						aria-hidden="true"
-					></${i}>`)}
-			</slot>
-			${t.t(e=>e.displayText,e.d`<span class="text">${e=>e.displayText}</span>`)}
-		</div>
-	`},[n.t],{styles:i});e.s(c)();
+require(`../bundled/vivid-element.cjs`),require(`../bundled/numberConverter.cjs`),require(`../bundled/definition23.cjs`).n();