@vonage/vivid 5.17.0 → 5.18.0

package/bundled/definition6.js

@@ -3,8 +3,8 @@ import { d as t, l as n, o as r, s as i } from "./vivid-element.js";
 import { t as a } from "./ref.js";
 import { t as o } from "./when.js";
 import { a as s } from "./enums.js";
-import { r as c, t as l } from "./definition2.js";
-import { t as u } from "./decorate.js";
+import { t as c } from "./decorate.js";
+import { r as l, t as u } from "./definition2.js";
 import { a as d, i as f, n as p } from "./affix.js";
 import { n as m } from "./delegates-aria.js";
 import { t as h } from "./linkable.js";
@@ -14,7 +14,7 @@ import { t as y } from "./button.js";
 //#region src/lib/button/button.ts
 var b = class extends p(e(h(y))) {
 	constructor() {
-		super(), this.stacked = !1, this.pending = !1, this.dropdownIndicator = !1, this.active = !1, this.title = "";
+		super(), this.stacked = !1, this.pending = !1, this.dropdownIndicator = !1, this.active = !1, this.pressed = !1, this.title = "";
 	}
 	clickHandler(e) {
 		/* v8 ignore else -- @preserve */
@@ -24,29 +24,44 @@ var b = class extends p(e(h(y))) {
 		}
 	}
 };
-u([n({ converter: {
+c([n({ converter: {
 	fromView: (e) => e || null,
 	toView: (e) => e || null
-} })], b.prototype, "title", void 0), u([n], b.prototype, "connotation", void 0), u([n], b.prototype, "shape", void 0), u([n], b.prototype, "appearance", void 0), u([n], b.prototype, "size", void 0), u([n({
+} })], b.prototype, "title", void 0), c([n], b.prototype, "connotation", void 0), c([n], b.prototype, "shape", void 0), c([n], b.prototype, "appearance", void 0), c([n], b.prototype, "size", void 0), c([n({
 	mode: "boolean",
 	attribute: "stacked"
-})], b.prototype, "stacked", void 0), u([n({
+})], b.prototype, "stacked", void 0), c([n({
 	mode: "boolean",
 	attribute: "pending"
-})], b.prototype, "pending", void 0), u([n({
+})], b.prototype, "pending", void 0), c([n({
 	mode: "boolean",
 	attribute: "dropdown-indicator"
-})], b.prototype, "dropdownIndicator", void 0), u([n({
+})], b.prototype, "dropdownIndicator", void 0), c([n({
 	mode: "boolean",
 	attribute: "active"
-})], b.prototype, "active", void 0), u([n], b.prototype, "label", void 0);
+})], b.prototype, "active", void 0), c([n({
+	mode: "boolean",
+	attribute: "pressed"
+})], b.prototype, "pressed", void 0), c([n], b.prototype, "label", void 0);
 //#endregion
 //#region src/lib/button/button.scss?inline
-var x = ".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)}:host{--_vvd-button-accent-firm-wrapper:var(--vvd-button-accent-firm);--_vvd-button-cta-firm-wrapper:var(--vvd-button-cta-firm);--_vvd-button-success-firm-wrapper:var(--vvd-button-success-firm);--_vvd-button-alert-firm-wrapper:var(--vvd-button-alert-firm);--_vvd-button-announcement-firm-wrapper:var(--vvd-button-announcement-firm)}.control:not(.appearance-ghost-light,.appearance-filled,.appearance-outlined){--vvd-button-accent-firm:var(--_vvd-button-accent-firm-wrapper,var(--vvd-button-accent-primary));--vvd-button-cta-firm:var(--_vvd-button-cta-firm-wrapper,var(--vvd-button-cta-primary));--vvd-button-success-firm:var(--_vvd-button-success-firm-wrapper,var(--vvd-button-success-primary));--vvd-button-alert-firm:var(--_vvd-button-alert-firm-wrapper,var(--vvd-button-alert-primary));--vvd-button-announcement-firm:var(--_vvd-button-announcement-firm-wrapper,var(--vvd-button-announcement-primary))}:host{display:inline-block}.control.connotation-cta{--_connotation-color-primary:var(--vvd-button-cta-primary,var(--vvd-color-cta-500));--_connotation-color-primary-text:var(--vvd-button-cta-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-button-cta-primary-increment,var(--vvd-color-cta-600));--_connotation-color-contrast:var(--vvd-button-cta-contrast,var(--vvd-color-cta-800));--_connotation-color-fierce:var(--vvd-button-cta-fierce,var(--vvd-color-cta-700));--_connotation-color-firm:var(--vvd-button-cta-firm,var(--vvd-color-cta-600));--_connotation-color-soft:var(--vvd-button-cta-soft,var(--vvd-color-cta-100));--_connotation-color-faint:var(--vvd-button-cta-faint,var(--vvd-color-cta-50));--_connotation-color-fierce-primary:var(--vvd-button-cta-fierce-primary,var(--vvd-color-cta-700))}.control.connotation-success{--_connotation-color-primary:var(--vvd-button-success-primary,var(--vvd-color-success-500));--_connotation-color-primary-text:var(--vvd-button-success-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-button-success-primary-increment,var(--vvd-color-success-600));--_connotation-color-contrast:var(--vvd-button-success-contrast,var(--vvd-color-success-800));--_connotation-color-fierce:var(--vvd-button-success-fierce,var(--vvd-color-success-700));--_connotation-color-firm:var(--vvd-button-success-firm,var(--vvd-color-success-600));--_connotation-color-soft:var(--vvd-button-success-soft,var(--vvd-color-success-100));--_connotation-color-faint:var(--vvd-button-success-faint,var(--vvd-color-success-50));--_connotation-color-fierce-primary:var(--vvd-button-success-fierce-primary,var(--vvd-color-success-700))}.control.connotation-alert{--_connotation-color-primary:var(--vvd-button-alert-primary,var(--vvd-color-alert-500));--_connotation-color-primary-text:var(--vvd-button-alert-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-button-alert-primary-increment,var(--vvd-color-alert-600));--_connotation-color-contrast:var(--vvd-button-alert-contrast,var(--vvd-color-alert-800));--_connotation-color-fierce:var(--vvd-button-alert-fierce,var(--vvd-color-alert-700));--_connotation-color-firm:var(--vvd-button-alert-firm,var(--vvd-color-alert-600));--_connotation-color-soft:var(--vvd-button-alert-soft,var(--vvd-color-alert-100));--_connotation-color-faint:var(--vvd-button-alert-faint,var(--vvd-color-alert-50));--_connotation-color-fierce-primary:var(--vvd-button-alert-fierce-primary,var(--vvd-color-alert-700))}.control.connotation-announcement{--_connotation-color-primary:var(--vvd-button-announcement-primary,var(--vvd-color-announcement-500));--_connotation-color-primary-text:var(--vvd-button-announcement-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-button-announcement-primary-increment,var(--vvd-color-announcement-600));--_connotation-color-contrast:var(--vvd-button-announcement-contrast,var(--vvd-color-announcement-800));--_connotation-color-fierce:var(--vvd-button-announcement-fierce,var(--vvd-color-announcement-700));--_connotation-color-firm:var(--vvd-button-announcement-firm,var(--vvd-color-announcement-600));--_connotation-color-soft:var(--vvd-button-announcement-soft,var(--vvd-color-announcement-100));--_connotation-color-faint:var(--vvd-button-announcement-faint,var(--vvd-color-announcement-50));--_connotation-color-fierce-primary:var(--vvd-button-announcement-fierce-primary,var(--vvd-color-announcement-700))}.control:not(.connotation-cta,.connotation-success,.connotation-alert,.connotation-announcement){--_connotation-color-primary:var(--vvd-button-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-primary-text:var(--vvd-button-accent-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-button-accent-primary-increment,var(--vvd-color-neutral-800));--_connotation-color-contrast:var(--vvd-button-accent-contrast,var(--vvd-color-neutral-800));--_connotation-color-fierce:var(--vvd-button-accent-fierce,var(--vvd-color-neutral-700));--_connotation-color-firm:var(--vvd-button-accent-firm,var(--vvd-color-canvas-text));--_connotation-color-soft:var(--vvd-button-accent-soft,var(--vvd-color-neutral-100));--_connotation-color-faint:var(--vvd-button-accent-faint,var(--vvd-color-neutral-50));--_connotation-color-fierce-primary:var(--vvd-button-accent-fierce-primary,var(--vvd-color-canvas-text))}.control.appearance-filled{--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-primary);--_appearance-color-outline:transparent}.control.appearance-outlined{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:var(--vvd-color-neutral-300)}.control,.control.appearance-ghost-light{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.control.appearance-outlined-light{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:var(--vvd-color-neutral-300)}@media (hover:hover){.control:hover:where(:not(.disabled,:disabled,.readonly)).appearance-filled{--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-primary-increment);--_appearance-color-outline:transparent}.control:hover:where(:not(.disabled,:disabled,.readonly)).appearance-outlined{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:var(--vvd-color-neutral-300)}.control:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}.control:hover:where(:not(.disabled,:disabled,.readonly)).appearance-ghost-light{--_appearance-color-text:var(--_connotation-color-fierce-primary);--_appearance-color-fill:color-mix(in srgb, var(--_connotation-color-primary), transparent 90%);--_appearance-color-outline:transparent}.control:hover:where(:not(.disabled,:disabled,.readonly)).appearance-outlined-light{--_appearance-color-text:var(--_connotation-color-fierce-primary);--_appearance-color-fill:color-mix(in srgb, var(--_connotation-color-primary), transparent 90%);--_appearance-color-outline:var(--vvd-color-neutral-300)}}.control.hover:where(:not(.disabled,:disabled,.readonly)).appearance-filled{--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-primary-increment);--_appearance-color-outline:transparent}.control.hover:where(:not(.disabled,:disabled,.readonly)).appearance-outlined{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:var(--vvd-color-neutral-300)}.control.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}.control.hover:where(:not(.disabled,:disabled,.readonly)).appearance-ghost-light{--_appearance-color-text:var(--_connotation-color-fierce-primary);--_appearance-color-fill:color-mix(in srgb, var(--_connotation-color-primary), transparent 90%);--_appearance-color-outline:transparent}.control.hover:where(:not(.disabled,:disabled,.readonly)).appearance-outlined-light{--_appearance-color-text:var(--_connotation-color-fierce-primary);--_appearance-color-fill:color-mix(in srgb, var(--_connotation-color-primary), transparent 90%);--_appearance-color-outline:var(--vvd-color-neutral-300)}.control:disabled.appearance-filled{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:var(--vvd-color-neutral-100);--_appearance-color-outline:transparent}.control:disabled.appearance-outlined{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:var(--vvd-color-neutral-300)}.control:disabled,.control:disabled.appearance-ghost-light{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.control:disabled.appearance-outlined-light{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:var(--vvd-color-neutral-300)}.control.disabled.appearance-filled{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:var(--vvd-color-neutral-100);--_appearance-color-outline:transparent}.control.disabled.appearance-outlined{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:var(--vvd-color-neutral-300)}.control.disabled,.control.disabled.appearance-ghost-light{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.control.disabled.appearance-outlined-light{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:var(--vvd-color-neutral-300)}.control:active:where(:not(.disabled,:disabled)).appearance-filled{--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-fierce);--_appearance-color-outline:transparent}.control:active:where(:not(.disabled,:disabled)).appearance-outlined{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:var(--vvd-color-neutral-300)}.control:active:where(:not(.disabled,:disabled)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:transparent}.control:active:where(:not(.disabled,:disabled)).appearance-ghost-light{--_appearance-color-text:var(--_connotation-color-fierce-primary);--_appearance-color-fill:color-mix(in srgb, var(--_connotation-color-primary), transparent 80%);--_appearance-color-outline:transparent}.control:active:where(:not(.disabled,:disabled)).appearance-outlined-light{--_appearance-color-text:var(--_connotation-color-fierce-primary);--_appearance-color-fill:color-mix(in srgb, var(--_connotation-color-primary), transparent 80%);--_appearance-color-outline:var(--vvd-color-neutral-300)}.control.active:where(:not(.disabled,:disabled)).appearance-filled{--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-fierce);--_appearance-color-outline:transparent}.control.active:where(:not(.disabled,:disabled)).appearance-outlined{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:var(--vvd-color-neutral-300)}.control.active:where(:not(.disabled,:disabled)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:transparent}.control.active:where(:not(.disabled,:disabled)).appearance-ghost-light{--_appearance-color-text:var(--_connotation-color-fierce-primary);--_appearance-color-fill:color-mix(in srgb, var(--_connotation-color-primary), transparent 80%);--_appearance-color-outline:transparent}.control.active:where(:not(.disabled,:disabled)).appearance-outlined-light{--_appearance-color-text:var(--_connotation-color-fierce-primary);--_appearance-color-fill:color-mix(in srgb, var(--_connotation-color-primary), transparent 80%);--_appearance-color-outline:var(--vvd-color-neutral-300)}.control{--focus-stroke-gap-color:transparent;box-sizing:border-box;border-radius:var(--_button-border-radius);background-color:var(--_appearance-color-fill);block-size:var(--_button-block-size);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--_appearance-color-text);justify-content:space-between;align-items:center;gap:var(--_button-icon-gap);vertical-align:middle;border:0;margin:0;text-decoration:none;display:inline-flex}.control .text{-webkit-line-clamp:var(--button-line-clamp,1);text-align:start;-webkit-box-orient:vertical;max-inline-size:100%;display:-webkit-box;overflow:hidden}.control:not(.icon-only){inline-size:100%}.control:not(.disabled){cursor:var(--button-cursor,pointer)}.control.disabled{cursor:not-allowed}@supports (user-select:none){.control{user-select:none}}.control:not(.stacked).size-super-condensed{--_button-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16));font:var(--vvd-typography-base-condensed-bold);--_button-icon-gap:4px;--_button-chevron-size:10px}.control:not(.stacked).size-super-condensed.icon-only{padding-inline:calc(var(--_button-block-size) / 4)}.control:not(.stacked).size-super-condensed:not(.icon-only){padding-inline:8px}.control:not(.stacked).size-condensed{--_button-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8));font:var(--vvd-typography-base-condensed-bold);--_button-icon-gap:8px;--_button-chevron-size:12px}.control:not(.stacked).size-condensed.icon-only{padding-inline:calc(var(--_button-block-size) / 4)}.control:not(.stacked).size-condensed:not(.icon-only){padding-inline:12px}.control:not(.stacked).size-expanded{--_button-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 8));font:var(--vvd-typography-base-extended-bold);--_button-icon-gap:10px;--_button-chevron-size:16px}.control:not(.stacked).size-expanded.icon-only{padding-inline:calc(var(--_button-block-size) / 4)}.control:not(.stacked).size-expanded:not(.icon-only){padding-inline:20px}.control:not(.stacked):not(.size-condensed,.size-expanded,.size-super-condensed){--_button-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2)));font:var(--vvd-typography-base-bold);--_button-icon-gap:8px;--_button-chevron-size:16px}.control:not(.stacked):not(.size-condensed,.size-expanded,.size-super-condensed).icon-only{padding-inline:calc(var(--_button-block-size) / 4)}.control:not(.stacked):not(.size-condensed,.size-expanded,.size-super-condensed):not(.icon-only){padding-inline:16px}.control:not(.shape-pill){--_button-border-radius:8px}.control:not(.shape-pill).size-condensed:not(.stacked),.control:not(.shape-pill).size-super-condensed:not(.stacked){--_button-border-radius:4px}.control.shape-pill:not(.icon-only,.stacked.size-super-condensed,.stacked.size-condensed,.stacked.normal){--_button-border-radius:24px}.control.shape-pill.stacked.size-condensed,.control.shape-pill.stacked.size-super-condensed{--_button-border-radius:16px}.control.shape-pill.stacked.size-normal{--_button-border-radius:20px}.control.shape-pill.icon-only{--_button-border-radius:50%}.control.stacked.size-super-condensed{--stacked-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16));--_button-block-size:calc(var(--stacked-size) + 20px);font:var(--vvd-typography-base-condensed-bold);--_button-icon-gap:4px;--_button-chevron-size:10px}.control.stacked.size-super-condensed.icon-only{padding-inline:calc(var(--_button-block-size) / 4)}.control.stacked.size-super-condensed:not(.icon-only){padding-inline:16px}.control.stacked.size-condensed{--stacked-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8));--_button-block-size:calc(var(--stacked-size) + 24px);font:var(--vvd-typography-base-condensed-bold);--_button-icon-gap:6px;--_button-chevron-size:12px}.control.stacked.size-condensed.icon-only{padding-inline:calc(var(--_button-block-size) / 4)}.control.stacked.size-condensed:not(.icon-only){padding-inline:12px}.control.stacked.size-expanded{--stacked-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 8));--_button-block-size:calc(var(--stacked-size) + 32px);font:var(--vvd-typography-base-extended-bold);--_button-icon-gap:10px;--_button-chevron-size:16px}.control.stacked.size-expanded.icon-only{padding-inline:calc(var(--_button-block-size) / 4)}.control.stacked.size-expanded:not(.icon-only){padding-inline:20px}.control.stacked:not(.size-condensed,.size-expanded,.size-super-condensed){--stacked-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2)));--_button-block-size:calc(var(--stacked-size) + 28px);font:var(--vvd-typography-base-bold);--_button-icon-gap:8px;--_button-chevron-size:16px}.control.stacked:not(.size-condensed,.size-expanded,.size-super-condensed).icon-only{padding-inline:calc(var(--_button-block-size) / 4)}.control.stacked:not(.size-condensed,.size-expanded,.size-super-condensed):not(.icon-only){padding-inline:16px}.control.appearance-filled{--focus-stroke-gap-color:transparent}.control.appearance-filled:focus-visible{outline:none;position:relative}.control.appearance-filled:focus-visible: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));border-radius:var(--focus-border-radius,inherit);block-size:calc(100% + var(--focus-block-size-addition,4px));content:\"\";inline-size:calc(100% + var(--focus-block-size-addition,4px));display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.control:not(.appearance-filled):focus-visible{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))}slot[name=icon]{line-height:1}.icon-trailing slot[name=icon]{order:1;display:flex}.control.stacked slot[name=icon]{font-size:calc(var(--stacked-size) / 2)}.control:not(.stacked) slot[name=icon]{font-size:calc(var(--_button-block-size) / 2)}.chevron{font-size:var(--_button-chevron-size)}.content{justify-content:center;align-items:center;gap:var(--_button-icon-gap);flex:1;display:flex;overflow:hidden}.control.stacked .content{flex-direction:column}:host([dropdown-indicator]) .content{justify-content:var(--button-content-alignment,flex-start);text-align:start}:host([dropdown-indicator][stacked]) .content{align-items:var(--button-content-alignment,flex-start);justify-content:center}.pending-no-icon{position:absolute}.pending-no-icon+.text{visibility:hidden}:host([icon-trailing][pending]) .pending{order:1}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}", S = (e) => {
-	let n = e.tagFor(c);
+var x = ".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)}:host{--_vvd-button-accent-firm-wrapper:var(--vvd-button-accent-firm);--_vvd-button-cta-firm-wrapper:var(--vvd-button-cta-firm);--_vvd-button-success-firm-wrapper:var(--vvd-button-success-firm);--_vvd-button-alert-firm-wrapper:var(--vvd-button-alert-firm);--_vvd-button-announcement-firm-wrapper:var(--vvd-button-announcement-firm)}.control:not(.appearance-ghost-light,.appearance-filled,.appearance-outlined){--vvd-button-accent-firm:var(--_vvd-button-accent-firm-wrapper,var(--vvd-button-accent-primary));--vvd-button-cta-firm:var(--_vvd-button-cta-firm-wrapper,var(--vvd-button-cta-primary));--vvd-button-success-firm:var(--_vvd-button-success-firm-wrapper,var(--vvd-button-success-primary));--vvd-button-alert-firm:var(--_vvd-button-alert-firm-wrapper,var(--vvd-button-alert-primary));--vvd-button-announcement-firm:var(--_vvd-button-announcement-firm-wrapper,var(--vvd-button-announcement-primary))}:host{display:inline-block}.control.connotation-cta{--_connotation-color-primary:var(--vvd-button-cta-primary,var(--vvd-color-cta-500));--_connotation-color-primary-text:var(--vvd-button-cta-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-button-cta-primary-increment,var(--vvd-color-cta-600));--_connotation-color-contrast:var(--vvd-button-cta-contrast,var(--vvd-color-cta-800));--_connotation-color-fierce:var(--vvd-button-cta-fierce,var(--vvd-color-cta-700));--_connotation-color-firm:var(--vvd-button-cta-firm,var(--vvd-color-cta-600));--_connotation-color-soft:var(--vvd-button-cta-soft,var(--vvd-color-cta-100));--_connotation-color-faint:var(--vvd-button-cta-faint,var(--vvd-color-cta-50));--_connotation-color-fierce-primary:var(--vvd-button-cta-fierce-primary,var(--vvd-color-cta-700));--_connotation-color-dim:var(--vvd-button-cta-dim,var(--vvd-color-cta-200));--_connotation-color-pale:var(--vvd-button-cta-pale,var(--vvd-color-cta-300))}.control.connotation-success{--_connotation-color-primary:var(--vvd-button-success-primary,var(--vvd-color-success-500));--_connotation-color-primary-text:var(--vvd-button-success-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-button-success-primary-increment,var(--vvd-color-success-600));--_connotation-color-contrast:var(--vvd-button-success-contrast,var(--vvd-color-success-800));--_connotation-color-fierce:var(--vvd-button-success-fierce,var(--vvd-color-success-700));--_connotation-color-firm:var(--vvd-button-success-firm,var(--vvd-color-success-600));--_connotation-color-soft:var(--vvd-button-success-soft,var(--vvd-color-success-100));--_connotation-color-faint:var(--vvd-button-success-faint,var(--vvd-color-success-50));--_connotation-color-fierce-primary:var(--vvd-button-success-fierce-primary,var(--vvd-color-success-700));--_connotation-color-dim:var(--vvd-button-success-dim,var(--vvd-color-success-200));--_connotation-color-pale:var(--vvd-button-success-pale,var(--vvd-color-success-300))}.control.connotation-alert{--_connotation-color-primary:var(--vvd-button-alert-primary,var(--vvd-color-alert-500));--_connotation-color-primary-text:var(--vvd-button-alert-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-button-alert-primary-increment,var(--vvd-color-alert-600));--_connotation-color-contrast:var(--vvd-button-alert-contrast,var(--vvd-color-alert-800));--_connotation-color-fierce:var(--vvd-button-alert-fierce,var(--vvd-color-alert-700));--_connotation-color-firm:var(--vvd-button-alert-firm,var(--vvd-color-alert-600));--_connotation-color-soft:var(--vvd-button-alert-soft,var(--vvd-color-alert-100));--_connotation-color-faint:var(--vvd-button-alert-faint,var(--vvd-color-alert-50));--_connotation-color-fierce-primary:var(--vvd-button-alert-fierce-primary,var(--vvd-color-alert-700));--_connotation-color-dim:var(--vvd-button-alert-dim,var(--vvd-color-alert-200));--_connotation-color-pale:var(--vvd-button-alert-pale,var(--vvd-color-alert-300))}.control.connotation-announcement{--_connotation-color-primary:var(--vvd-button-announcement-primary,var(--vvd-color-announcement-500));--_connotation-color-primary-text:var(--vvd-button-announcement-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-button-announcement-primary-increment,var(--vvd-color-announcement-600));--_connotation-color-contrast:var(--vvd-button-announcement-contrast,var(--vvd-color-announcement-800));--_connotation-color-fierce:var(--vvd-button-announcement-fierce,var(--vvd-color-announcement-700));--_connotation-color-firm:var(--vvd-button-announcement-firm,var(--vvd-color-announcement-600));--_connotation-color-soft:var(--vvd-button-announcement-soft,var(--vvd-color-announcement-100));--_connotation-color-faint:var(--vvd-button-announcement-faint,var(--vvd-color-announcement-50));--_connotation-color-fierce-primary:var(--vvd-button-announcement-fierce-primary,var(--vvd-color-announcement-700));--_connotation-color-dim:var(--vvd-button-announcement-dim,var(--vvd-color-announcement-200));--_connotation-color-pale:var(--vvd-button-announcement-pale,var(--vvd-color-announcement-300))}.control:not(.connotation-cta,.connotation-success,.connotation-alert,.connotation-announcement){--_connotation-color-primary:var(--vvd-button-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-primary-text:var(--vvd-button-accent-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-button-accent-primary-increment,var(--vvd-color-neutral-800));--_connotation-color-contrast:var(--vvd-button-accent-contrast,var(--vvd-color-neutral-800));--_connotation-color-fierce:var(--vvd-button-accent-fierce,var(--vvd-color-neutral-700));--_connotation-color-firm:var(--vvd-button-accent-firm,var(--vvd-color-canvas-text));--_connotation-color-soft:var(--vvd-button-accent-soft,var(--vvd-color-neutral-100));--_connotation-color-faint:var(--vvd-button-accent-faint,var(--vvd-color-neutral-50));--_connotation-color-fierce-primary:var(--vvd-button-accent-fierce-primary,var(--vvd-color-canvas-text));--_connotation-color-dim:var(--vvd-button-accent-dim,var(--vvd-color-neutral-200));--_connotation-color-pale:var(--vvd-button-accent-pale,var(--vvd-color-neutral-300))}.control.appearance-filled{--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-primary);--_appearance-color-outline:transparent}.control.appearance-outlined{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:var(--vvd-color-neutral-300)}.control,.control.appearance-ghost-light{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.control.appearance-outlined-light{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:var(--vvd-color-neutral-300)}.control.appearance-subtle{--_appearance-color-text:var(--_connotation-color-contrast);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:transparent}.control.appearance-subtle-light{--_appearance-color-text:var(--_connotation-color-contrast);--_appearance-color-fill:color-mix(in srgb, var(--_connotation-color-primary), transparent 85%);--_appearance-color-outline:transparent}@media (hover:hover){.control:hover:where(:not(.disabled,:disabled,.readonly)).appearance-filled{--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-primary-increment);--_appearance-color-outline:transparent}.control:hover:where(:not(.disabled,:disabled,.readonly)).appearance-outlined{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:var(--vvd-color-neutral-300)}.control:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}.control:hover:where(:not(.disabled,:disabled,.readonly)).appearance-ghost-light{--_appearance-color-text:var(--_connotation-color-fierce-primary);--_appearance-color-fill:color-mix(in srgb, var(--_connotation-color-primary), transparent 90%);--_appearance-color-outline:transparent}.control:hover:where(:not(.disabled,:disabled,.readonly)).appearance-outlined-light{--_appearance-color-text:var(--_connotation-color-fierce-primary);--_appearance-color-fill:color-mix(in srgb, var(--_connotation-color-primary), transparent 90%);--_appearance-color-outline:var(--vvd-color-neutral-300)}.control:hover:where(:not(.disabled,:disabled,.readonly)).appearance-subtle{--_appearance-color-text:var(--_connotation-color-contrast);--_appearance-color-fill:var(--_connotation-color-dim);--_appearance-color-outline:transparent}.control:hover:where(:not(.disabled,:disabled,.readonly)).appearance-subtle-light{--_appearance-color-text:var(--_connotation-color-contrast);--_appearance-color-fill:color-mix(in srgb, var(--_connotation-color-primary), transparent 75%);--_appearance-color-outline:transparent}}.control.hover:where(:not(.disabled,:disabled,.readonly)).appearance-filled{--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-primary-increment);--_appearance-color-outline:transparent}.control.hover:where(:not(.disabled,:disabled,.readonly)).appearance-outlined{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:var(--vvd-color-neutral-300)}.control.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}.control.hover:where(:not(.disabled,:disabled,.readonly)).appearance-ghost-light{--_appearance-color-text:var(--_connotation-color-fierce-primary);--_appearance-color-fill:color-mix(in srgb, var(--_connotation-color-primary), transparent 90%);--_appearance-color-outline:transparent}.control.hover:where(:not(.disabled,:disabled,.readonly)).appearance-outlined-light{--_appearance-color-text:var(--_connotation-color-fierce-primary);--_appearance-color-fill:color-mix(in srgb, var(--_connotation-color-primary), transparent 90%);--_appearance-color-outline:var(--vvd-color-neutral-300)}.control.hover:where(:not(.disabled,:disabled,.readonly)).appearance-subtle{--_appearance-color-text:var(--_connotation-color-contrast);--_appearance-color-fill:var(--_connotation-color-dim);--_appearance-color-outline:transparent}.control.hover:where(:not(.disabled,:disabled,.readonly)).appearance-subtle-light{--_appearance-color-text:var(--_connotation-color-contrast);--_appearance-color-fill:color-mix(in srgb, var(--_connotation-color-primary), transparent 75%);--_appearance-color-outline:transparent}.control:disabled.appearance-filled{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:var(--vvd-color-neutral-100);--_appearance-color-outline:transparent}.control:disabled.appearance-outlined{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:var(--vvd-color-neutral-300)}.control:disabled,.control:disabled.appearance-ghost-light{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.control:disabled.appearance-outlined-light{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:var(--vvd-color-neutral-300)}.control:disabled.appearance-subtle,.control:disabled.appearance-subtle-light,.control.disabled.appearance-filled{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:var(--vvd-color-neutral-100);--_appearance-color-outline:transparent}.control.disabled.appearance-outlined{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:var(--vvd-color-neutral-300)}.control.disabled,.control.disabled.appearance-ghost-light{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.control.disabled.appearance-outlined-light{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:var(--vvd-color-neutral-300)}.control.disabled.appearance-subtle,.control.disabled.appearance-subtle-light{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:var(--vvd-color-neutral-100);--_appearance-color-outline:transparent}.control:active:where(:not(.disabled,:disabled)).appearance-filled{--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-fierce);--_appearance-color-outline:transparent}.control:active:where(:not(.disabled,:disabled)).appearance-outlined{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:var(--vvd-color-neutral-300)}.control:active:where(:not(.disabled,:disabled)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:transparent}.control:active:where(:not(.disabled,:disabled)).appearance-ghost-light{--_appearance-color-text:var(--_connotation-color-fierce-primary);--_appearance-color-fill:color-mix(in srgb, var(--_connotation-color-primary), transparent 80%);--_appearance-color-outline:transparent}.control:active:where(:not(.disabled,:disabled)).appearance-outlined-light{--_appearance-color-text:var(--_connotation-color-fierce-primary);--_appearance-color-fill:color-mix(in srgb, var(--_connotation-color-primary), transparent 80%);--_appearance-color-outline:var(--vvd-color-neutral-300)}.control:active:where(:not(.disabled,:disabled)).appearance-subtle{--_appearance-color-text:var(--_connotation-color-contrast);--_appearance-color-fill:var(--_connotation-color-pale);--_appearance-color-outline:transparent}.control:active:where(:not(.disabled,:disabled)).appearance-subtle-light{--_appearance-color-text:var(--_connotation-color-contrast);--_appearance-color-fill:color-mix(in srgb, var(--_connotation-color-primary), transparent 65%);--_appearance-color-outline:transparent}.control.active:where(:not(.disabled,:disabled)).appearance-filled{--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-fierce);--_appearance-color-outline:transparent}.control.active:where(:not(.disabled,:disabled)).appearance-outlined{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:var(--vvd-color-neutral-300)}.control.active:where(:not(.disabled,:disabled)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:transparent}.control.active:where(:not(.disabled,:disabled)).appearance-ghost-light{--_appearance-color-text:var(--_connotation-color-fierce-primary);--_appearance-color-fill:color-mix(in srgb, var(--_connotation-color-primary), transparent 80%);--_appearance-color-outline:transparent}.control.active:where(:not(.disabled,:disabled)).appearance-outlined-light{--_appearance-color-text:var(--_connotation-color-fierce-primary);--_appearance-color-fill:color-mix(in srgb, var(--_connotation-color-primary), transparent 80%);--_appearance-color-outline:var(--vvd-color-neutral-300)}.control.active:where(:not(.disabled,:disabled)).appearance-subtle{--_appearance-color-text:var(--_connotation-color-contrast);--_appearance-color-fill:var(--_connotation-color-pale);--_appearance-color-outline:transparent}.control.active:where(:not(.disabled,:disabled)).appearance-subtle-light{--_appearance-color-text:var(--_connotation-color-contrast);--_appearance-color-fill:color-mix(in srgb, var(--_connotation-color-primary), transparent 65%);--_appearance-color-outline:transparent}.control{--focus-stroke-gap-color:transparent;box-sizing:border-box;border-radius:var(--_button-border-radius);background-color:var(--_appearance-color-fill);block-size:var(--_button-block-size);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--_appearance-color-text);justify-content:space-between;align-items:center;gap:var(--_button-icon-gap);vertical-align:middle;border:0;margin:0;text-decoration:none;display:inline-flex}.control .text{-webkit-line-clamp:var(--button-line-clamp,1);text-align:start;-webkit-box-orient:vertical;max-inline-size:100%;display:-webkit-box;overflow:hidden}.control:not(.icon-only){inline-size:100%}.control:not(.disabled){cursor:var(--button-cursor,pointer)}.control.disabled{cursor:not-allowed}@supports (user-select:none){.control{user-select:none}}.control:not(.stacked).size-super-condensed{--_button-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16));font:var(--vvd-typography-base-condensed-bold);--_button-icon-gap:4px;--_button-chevron-size:10px}.control:not(.stacked).size-super-condensed.icon-only{padding-inline:calc(var(--_button-block-size) / 4)}.control:not(.stacked).size-super-condensed:not(.icon-only){padding-inline:8px}.control:not(.stacked).size-condensed{--_button-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8));font:var(--vvd-typography-base-condensed-bold);--_button-icon-gap:8px;--_button-chevron-size:12px}.control:not(.stacked).size-condensed.icon-only{padding-inline:calc(var(--_button-block-size) / 4)}.control:not(.stacked).size-condensed:not(.icon-only){padding-inline:12px}.control:not(.stacked).size-expanded{--_button-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 8));font:var(--vvd-typography-base-extended-bold);--_button-icon-gap:10px;--_button-chevron-size:16px}.control:not(.stacked).size-expanded.icon-only{padding-inline:calc(var(--_button-block-size) / 4)}.control:not(.stacked).size-expanded:not(.icon-only){padding-inline:20px}.control:not(.stacked):not(.size-condensed,.size-expanded,.size-super-condensed){--_button-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2)));font:var(--vvd-typography-base-bold);--_button-icon-gap:8px;--_button-chevron-size:16px}.control:not(.stacked):not(.size-condensed,.size-expanded,.size-super-condensed).icon-only{padding-inline:calc(var(--_button-block-size) / 4)}.control:not(.stacked):not(.size-condensed,.size-expanded,.size-super-condensed):not(.icon-only){padding-inline:16px}.control:not(.shape-pill){--_button-border-radius:8px}.control:not(.shape-pill).size-condensed:not(.stacked),.control:not(.shape-pill).size-super-condensed:not(.stacked){--_button-border-radius:4px}.control.shape-pill:not(.icon-only,.stacked.size-super-condensed,.stacked.size-condensed,.stacked.normal){--_button-border-radius:24px}.control.shape-pill.stacked.size-condensed,.control.shape-pill.stacked.size-super-condensed{--_button-border-radius:16px}.control.shape-pill.stacked.size-normal{--_button-border-radius:20px}.control.shape-pill.icon-only{--_button-border-radius:50%}.control.stacked.size-super-condensed{--stacked-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16));--_button-block-size:calc(var(--stacked-size) + 20px);font:var(--vvd-typography-base-condensed-bold);--_button-icon-gap:4px;--_button-chevron-size:10px}.control.stacked.size-super-condensed.icon-only{padding-inline:calc(var(--_button-block-size) / 4)}.control.stacked.size-super-condensed:not(.icon-only){padding-inline:16px}.control.stacked.size-condensed{--stacked-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8));--_button-block-size:calc(var(--stacked-size) + 24px);font:var(--vvd-typography-base-condensed-bold);--_button-icon-gap:6px;--_button-chevron-size:12px}.control.stacked.size-condensed.icon-only{padding-inline:calc(var(--_button-block-size) / 4)}.control.stacked.size-condensed:not(.icon-only){padding-inline:12px}.control.stacked.size-expanded{--stacked-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 8));--_button-block-size:calc(var(--stacked-size) + 32px);font:var(--vvd-typography-base-extended-bold);--_button-icon-gap:10px;--_button-chevron-size:16px}.control.stacked.size-expanded.icon-only{padding-inline:calc(var(--_button-block-size) / 4)}.control.stacked.size-expanded:not(.icon-only){padding-inline:20px}.control.stacked:not(.size-condensed,.size-expanded,.size-super-condensed){--stacked-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2)));--_button-block-size:calc(var(--stacked-size) + 28px);font:var(--vvd-typography-base-bold);--_button-icon-gap:8px;--_button-chevron-size:16px}.control.stacked:not(.size-condensed,.size-expanded,.size-super-condensed).icon-only{padding-inline:calc(var(--_button-block-size) / 4)}.control.stacked:not(.size-condensed,.size-expanded,.size-super-condensed):not(.icon-only){padding-inline:16px}.control.appearance-filled{--focus-stroke-gap-color:transparent}.control.appearance-filled:focus-visible{outline:none;position:relative}.control.appearance-filled:focus-visible: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));border-radius:var(--focus-border-radius,inherit);block-size:calc(100% + var(--focus-block-size-addition,4px));content:\"\";inline-size:calc(100% + var(--focus-block-size-addition,4px));display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.control:not(.appearance-filled):focus-visible{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))}slot[name=icon]{line-height:1}.icon-trailing slot[name=icon]{order:1;display:flex}.control.stacked slot[name=icon]{font-size:calc(var(--stacked-size) / 2)}.control:not(.stacked) slot[name=icon]{font-size:calc(var(--_button-block-size) / 2)}.chevron{font-size:var(--_button-chevron-size)}.content{justify-content:center;align-items:center;gap:var(--_button-icon-gap);flex:1;display:flex;overflow:hidden}.control.stacked .content{flex-direction:column}:host([dropdown-indicator]) .content{justify-content:var(--button-content-alignment,flex-start);text-align:start}:host([dropdown-indicator][stacked]) .content{align-items:var(--button-content-alignment,flex-start);justify-content:center}.pending-no-icon{position:absolute}.pending-no-icon+.text{visibility:hidden}:host([icon-trailing][pending]) .pending{order:1}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}", S = (e) => {
+	let n = e.tagFor(l);
 	return t`<${n} class="chevron" aria-hidden="true" name="chevron-down-line"></${n}>`;
-}, C = ({ connotation: e, appearance: t, shape: n, iconTrailing: r, icon: i, label: a, disabled: o, pending: s, stacked: c, size: l, iconSlottedContent: u, ariaExpanded: d, active: f, dropdownIndicator: p }) => g("control", [`connotation-${e}`, !!e], [`appearance-${t}`, !!t], ["disabled", o || s], [`shape-${n}`, !!n], [`size-${l}`, !!l], ["icon-only", !a && !!(i || u?.length) && !p], ["icon-trailing", r], ["stacked", !!c], ["active", d === "true" || f]);
-function w(e, n, r, i = s.Normal) {
+};
+//#endregion
+//#region src/lib/button/button.template.ts
+function C(e, t) {
+	let n = e ?? "ghost";
+	if (t) {
+		if (n === "ghost") return "subtle";
+		if (n === "ghost-light") return "subtle-light";
+		if (n === "outlined") return "filled";
+	}
+	return n;
+}
+var w = ({ connotation: e, appearance: t, shape: n, iconTrailing: r, icon: i, label: a, disabled: o, pending: s, stacked: c, size: l, iconSlottedContent: u, ariaExpanded: d, active: f, dropdownIndicator: p, pressed: m }) => g("control", [`connotation-${e}`, !!e], `appearance-${C(t, m)}`, ["disabled", o || s], [`shape-${n}`, !!n], [`size-${l}`, !!l], ["icon-only", !a && !!(i || u?.length) && !p], ["icon-trailing", r], ["stacked", !!c], ["active", d === "true" || f]);
+function T(e, n, r, i = s.Normal) {
 	if (r && i != s.SuperCondensed) {
 		let r = e.tagFor(_);
 		return t`<span class="${(e) => {
@@ -59,14 +74,14 @@ function w(e, n, r, i = s.Normal) {
 		}[i]}"></${r}></span>`;
 	} else return d(e)(n, f.Slot);
 }
-var T = (e) => [
+var E = (e) => [
 	"submit",
 	"button",
 	"reset"
-].indexOf(e) > -1 ? e : "submit", E = (e) => {
+].indexOf(e) > -1 ? e : "submit", D = (e) => {
 	let n = S(e);
 	return t`<span class="content">
-			${(t) => w(e, t.icon, t.pending, t.size)}
+			${(t) => T(e, t.icon, t.pending, t.size)}
 			${o((e) => e.label, t`<span class="text" aria-hidden="true">${(e) => e.label}</span>`)}
 			<span class="sr-only"
 				>${(e) => e.pending ? e.locale.button.pendingLabel : e.ariaLabel ?? e.label}</span
@@ -74,9 +89,9 @@ var T = (e) => [
 		</span>
 		${o((e) => e.dropdownIndicator, n)}`;
 };
-function D(e) {
+function O(e) {
 	return t` <button
-		class="${C}"
+		class="${w}"
 		?autofocus="${(e) => e.autofocus}"
 		form="${(e) => e.formId}"
 		formaction="${(e) => e.formaction}"
@@ -85,30 +100,31 @@ function D(e) {
 		formnovalidate="${(e) => e.formnovalidate}"
 		formtarget="${(e) => e.formtarget}"
 		name="${(e) => e.name}"
-		type="${(e) => T(e.type)}"
+		type="${(e) => E(e.type)}"
 		value="${(e) => e.value}"
 		title="${(e) => e.title}"
 		${m({
 		ariaLabel: null,
-		ariaDisabled: (e) => e.disabled || e.pending
+		ariaDisabled: (e) => e.disabled || e.pending,
+		ariaPressed: (e) => e.pressed ? "true" : e.ariaPressed ?? null
 	})}
 		${a("control")}
 		@click="${(e, t) => e.clickHandler(t.event)}"
 	>
-		${E(e)}
+		${D(e)}
 	</button>`;
 }
-function O(e) {
-	return t`${(t) => t._renderLinkElement(E(e), C, { ariaLabel: null })}`;
+function k(e) {
+	return t`${(t) => t._renderLinkElement(D(e), w, { ariaLabel: null })}`;
 }
 //#endregion
 //#region src/lib/button/definition.ts
-var k = r("button", b, (e) => t` <template>
-		${o((e) => !e.href, t`${D(e)}`)}
-		${o((e) => e.href, O(e))}
-	</template>`, [l, v], {
+var A = r("button", b, (e) => t` <template>
+		${o((e) => !e.href, t`${O(e)}`)}
+		${o((e) => e.href, k(e))}
+	</template>`, [u, v], {
 	styles: x,
 	shadowOptions: { delegatesFocus: !0 }
-}), A = i(k);
+}), j = i(A);
 //#endregion
-export { b as i, A as n, S as r, k as t };
+export { b as i, j as n, S as r, A as t };

package/bundled/localized.cjs

@@ -1 +1 @@
-var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),s=(e,n)=>{let r={};for(var i in e)t(r,i,{get:e[i],enumerable:!0});return n||t(r,Symbol.toStringTag,{value:`Module`}),r},c=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},l=(n,r,a)=>(a=n==null?{}:e(i(n)),c(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));const u=require(`./vivid-element.cjs`),d=require(`./decorate.cjs`);var f=s({Background:()=>I,Black:()=>A,Blue:()=>M,Captions:()=>w,Casual:()=>W,Chapters:()=>T,Close:()=>D,Color:()=>J,Cyan:()=>F,Depressed:()=>H,Descriptions:()=>E,Done:()=>q,Duration:()=>g,Fullscreen:()=>b,Green:()=>j,LIVE:()=>_,Loaded:()=>v,Magenta:()=>P,Mute:()=>x,None:()=>B,Opacity:()=>Y,Opaque:()=>z,Pause:()=>m,Play:()=>p,Progress:()=>y,Raised:()=>V,Red:()=>`Red`,Replay:()=>h,Reset:()=>K,Script:()=>G,Subtitles:()=>C,Text:()=>O,Transparent:()=>R,Uniform:()=>U,Unmute:()=>S,White:()=>k,Window:()=>L,Yellow:()=>N,default:()=>ee}),p=`Play`,m=`Pause`,h=`Replay`,g=`Duration`,_=`LIVE`,v=`Loaded`,y=`Progress`,b=`Fullscreen`,x=`Mute`,S=`Unmute`,C=`Subtitles`,w=`Captions`,T=`Chapters`,E=`Descriptions`,D=`Close`,O=`Text`,k=`White`,A=`Black`,j=`Green`,M=`Blue`,N=`Yellow`,P=`Magenta`,F=`Cyan`,I=`Background`,L=`Window`,R=`Transparent`,z=`Opaque`,B=`None`,V=`Raised`,H=`Depressed`,U=`Uniform`,W=`Casual`,G=`Script`,K=`Reset`,q=`Done`,J=`Color`,Y=`Opacity`,ee={"Audio Player":`Audio Player`,"Video Player":`Video Player`,Play:p,Pause:m,Replay:h,"Current Time":`Current Time`,Duration:g,"Remaining Time":`Remaining Time`,"Stream Type":`Stream Type`,LIVE:_,"Seek to live, currently behind live":`Seek to live, currently behind live`,"Seek to live, currently playing live":`Seek to live, currently playing live`,Loaded:v,Progress:y,"Progress Bar":`Progress Bar`,"progress bar timing: currentTime={1} duration={2}":`{1} of {2}`,Fullscreen:b,"Exit Fullscreen":`Exit Fullscreen`,Mute:x,Unmute:S,"Playback Rate":`Playback Rate`,Subtitles:C,"subtitles off":`subtitles off`,Captions:w,"captions off":`captions off`,Chapters:T,Descriptions:E,"descriptions off":`descriptions off`,"Audio Track":`Audio Track`,"Volume Level":`Volume Level`,"You aborted the media playback":`You aborted the media playback`,"A network error caused the media download to fail part-way.":`A network error caused the media download to fail part-way.`,"The media could not be loaded, either because the server or network failed or because the format is not supported.":`The media could not be loaded, either because the server or network failed or because the format is not supported.`,"The media playback was aborted due to a corruption problem or because the media used features your browser did not support.":`The media playback was aborted due to a corruption problem or because the media used features your browser did not support.`,"No compatible source was found for this media.":`No compatible source was found for this media.`,"The media is encrypted and we do not have the keys to decrypt it.":`The media is encrypted and we do not have the keys to decrypt it.`,"Play Video":`Play Video`,Close:D,"Close Modal Dialog":`Close Modal Dialog`,"Modal Window":`Modal Window`,"This is a modal window":`This is a modal window`,"This modal can be closed by pressing the Escape key or activating the close button.":`This modal can be closed by pressing the Escape key or activating the close button.`,", opens captions settings dialog":`, opens captions settings dialog`,", opens subtitles settings dialog":`, opens subtitles settings dialog`,", opens descriptions settings dialog":`, opens descriptions settings dialog`,", selected":`, selected`,"captions settings":`captions settings`,"subtitles settings":`subtitles settings`,"descriptions settings":`descriptions settings`,Text:O,White:k,Black:A,Red:`Red`,Green:j,Blue:M,Yellow:N,Magenta:P,Cyan:F,Background:I,Window:L,Transparent:R,"Semi-Transparent":`Semi-Transparent`,Opaque:z,"Font Size":`Font Size`,"Text Edge Style":`Text Edge Style`,None:B,Raised:V,Depressed:H,Uniform:U,"Drop shadow":`Drop shadow`,"Font Family":`Font Family`,"Proportional Sans-Serif":`Proportional Sans-Serif`,"Monospace Sans-Serif":`Monospace Sans-Serif`,"Proportional Serif":`Proportional Serif`,"Monospace Serif":`Monospace Serif`,Casual:W,Script:G,"Small Caps":`Small Caps`,Reset:K,"restore all settings to the default values":`restore all settings to the default values`,Done:q,"Caption Settings Dialog":`Caption Settings Dialog`,"Beginning of dialog window. Escape will cancel and close the window.":`Beginning of dialog window. Escape will cancel and close the window.`,"End of dialog window.":`End of dialog window.`,"{1} is loading.":`{1} is loading.`,"Exit Picture-in-Picture":`Exit Picture-in-Picture`,"Picture-in-Picture":`Picture-in-Picture`,"No content":`No content`,Color:J,Opacity:Y,"Text Background":`Text Background`,"Caption Area Background":`Caption Area Background`,"Playing in Picture-in-Picture":`Playing in Picture-in-Picture`,"Skip backward {1} seconds":`Skip backward {1} seconds`,"Skip forward {1} seconds":`Skip forward {1} seconds`},X={lang:`en-US`,common:{useCommaAsDecimalSeparator:!1},pickerField:{clearLabel:`Clear`,okLabel:`OK`},calendarPicker:{months:{name:[`January`,`February`,`March`,`April`,`May`,`June`,`July`,`August`,`September`,`October`,`November`,`December`],shorthand:[`Jan`,`Feb`,`Mar`,`Apr`,`May`,`Jun`,`Jul`,`Aug`,`Sep`,`Oct`,`Nov`,`Dec`]},weekdays:{name:[`Sunday`,`Monday`,`Tuesday`,`Wednesday`,`Thursday`,`Friday`,`Saturday`],shorthand:[`Sun`,`Mon`,`Tue`,`Wed`,`Thu`,`Fri`,`Sat`]},firstDayOfWeek:0,dateFormat:`MM/dd/yyyy`,dateFormatPlaceholder:`MM/DD/YYYY`,chooseDateLabel:`Choose date`,changeDateLabel:e=>`Change date, ${e}`,chooseDatesLabel:`Choose dates`,changeDatesLabel:e=>`Change dates, ${e}`,prevYearLabel:`Previous year`,prevMonthLabel:`Previous month`,nextMonthLabel:`Next month`,nextYearLabel:`Next year`,todayLabel:`today`,selectedLabel:`selected`,currentLabel:`current`,changeMonthLabel:e=>`Change month, ${e} selected`,showCalendarForMonthLabel:e=>`Show calendar for ${e}`,invalidDateError:`Please enter a valid date.`,invalidDateRangeError:`Please enter a valid date range.`,startDateAfterMinDateError:e=>`The start date must be ${e} or later.`,endDateBeforeMaxDateError:e=>`The end date must be ${e} or earlier.`},timePicker:{defaultTo12HourClock:!0,chooseTimeLabel:`Choose time`,changeTimeLabel:e=>`Change time, ${e}`,hoursLabel:`hours`,minutesLabel:`minutes`,secondsLabel:`seconds`,meridiesLabel:`AM/PM`,invalidTimeError:`Please enter a valid time.`},dateTimePicker:{chooseDateTimeLabel:`Choose date and time`,changeDateTimeLabel:e=>`Change date and time, ${e}`,invalidDateTimeError:`Please enter a valid date and time.`,dateBeforeMinDateError:e=>`Date must be ${e} or later.`,dateAfterMaxDateError:e=>`Date must be ${e} or earlier.`,timeBeforeMinTimeError:e=>`Time must be ${e} or later.`,timeAfterMaxTimeError:e=>`Time must be ${e} or earlier.`},filePicker:{invalidFileTypeError:`You can't select files of this type.`,maxFilesExceededError:`You can't select any more files.`,fileTooBigError:`File is too big ({{filesize}}MiB). Max filesize: {{maxFilesize}}MiB.`,removeFileLabel:`Remove file`,invalidFilesError:`One or more selected files are invalid. Please, upload only valid file types under the size limit.`,uploadFilesLabel:`Upload files`},audioPlayer:{playButtonLabel:`Play`,pauseButtonLabel:`Pause`,sliderLabel:`Audio progress bar`,skipForwardButton:`Skip Forward`,skipBackwardButton:`Skip Backward`},alert:{dismissButtonLabel:`Close`},dialog:{dismissButtonLabel:`Close`},popover:{dismissButtonLabel:`Close`},banner:{dismissButtonLabel:`Close`},numberField:{incrementButtonLabel:e=>e===1?`Increase value`:`Increase value by ${e}`,decrementButtonLabel:e=>e===1?`Decrease value`:`Decrease value by ${e}`,updatedValueAnnouncement:e=>`Updated value: ${e}`},splitButton:{showMoreActionsLabel:`Show more actions`},videoPlayer:f,rangeSlider:{startThumbLabel:`min`,endThumbLabel:`max`},dialPad:{inputLabel:`Phone number`,deleteButtonLabel:`Delete last digit`,callButtonLabel:`Call`,endCallButtonLabel:`End call`,digitOneLabel:`1`,digitTwoLabel:`2 ABC`,digitThreeLabel:`3 DEF`,digitFourLabel:`4 GHI`,digitFiveLabel:`5 JKL`,digitSixLabel:`6 MNO`,digitSevenLabel:`7 PQRS`,digitEightLabel:`8 TUV`,digitNineLabel:`9 WXYZ`,digitAsteriskLabel:`*`,digitZeroLabel:`0`,digitHashtagLabel:`#`,errorLabel:`Error:`},tab:{dismissButtonLabel:`Press the DELETE key to close this tab`},select:{clearButtonLabel:`Clear selection`},searchableSelect:{clearButtonLabel:`Clear selection`,noOptionsMessage:`No options`,noMatchesMessage:`No options found`,selectAllLabel:`Select All`,deselectAllLabel:`Deselect All`,selectedAllMessage:`All options selected`,deselectedAllMessage:`All options deselected`,loadingOptionsMessage:`Loading...`,removeTagButtonLabel:e=>`Remove ${e}`,optionSelectedMessage:e=>`Option ${e} selected.`,optionDeselectedMessage:e=>`Option ${e} deselected.`,optionFocusedMessage:(e,t,n,r)=>`Option ${e} focused, ${r?`selected, `:``}${t} of ${n}.`,maxSelectedMessage:(e,t)=>`${e} of ${t} selected.`},richTextEditor:{paragraphStyles:`Paragraph styles`,textSize:`Text size`,bold:`Bold`,italic:`Italic`,underline:`Underline`,strikethrough:`Strikethrough`,monospace:`Monospace`,textColor:`Text color`,undo:`Undo`,redo:`Redo`,bulletList:`Bullet list`,numberedList:`Numbered list`,alignment:`Alignment`,alignments:{left:`Left`,center:`Center`,right:`Right`},hyperlink:`Hyperlink`,linkText:`Text`,linkUrl:`URL`,linkTextPlaceholder:`Type text to convert into link`,linkUrlPlaceholder:`Insert link URL`,cancel:`Cancel`,apply:`Apply`,close:`Close`,edit:`Edit`,delete:`Delete`,imageSizes:{small:`Small`,fit:`Fit`,original:`Original size`},suggestLoading:`Loading...`,suggestNoResults:`No results`},button:{pendingLabel:`Loading...`},feedbackMessage:{errorIconText:`Error:`,successIconText:`Success:`},connotationAnnoncement:{accentIcon:`Accent:`,alertIcon:`Alert:`,informationIcon:`Information:`,successIcon:`Success:`,warningIcon:`Warning:`,announcementIcon:`Announcement:`,ctaIcon:`Call to action:`},charCount:{charactersLimitMessage:e=>`You can enter up to ${e} characters`,charactersRemainingMessage:e=>`You have ${e} characters remaining`},dataGrid:{cell:{selected:`Selected`,button:`(button)`,sortStatus:{ascending:`Sorted ascending.`,descending:`Sorted descending.`,none:`Not sorted.`,other:`Custom sort applied.`},sortInstruction:{ascending:`Click to sort descending.`,descending:`Click to un-sort.`,none:`Click to sort ascending.`,other:`Click to reset sorting.`}}},pagination:{previousPageLabel:`Go to previous page`,nextPageLabel:`Go to next page`,goToPageLabel:e=>`Go to page ${e}`},tag:{remove:e=>`Remove ${e}`},toggletip:{anchorLabel:e=>e?`Show more information about ${e}`:`Show more information`},baseColorPicker:{colorSwatchLabel:(e,t,n)=>{let r=t?`Select ${t}, hex: ${e}`:`Select ${e}`;return n&&(r+=`, selected.`),r}},simpleColorPicker:{colorPaletteLabel:`Color palette`},colorPicker:{popupLabel:`Color Picker`,swatchesLabel:`Saved colors`,pickerButtonLabel:`Color Picker`,hexInputLabel:`HEX color code`,saveButtonLabel:`Save current color`,closeButtonLabel:`Close Color Picker`,copyButtonLabel:`Copy color to clipboard`,copyErrorText:`Copy failed. Clipboard access was blocked. Try again.`,copySuccessMessage:e=>`Color ${e} copied to clipboard.`,selectionSuccessMessage:e=>`Color ${e} selected.`,maxSwatchesMessage:(e,t)=>`${e} of ${t} colors saved.`}},Z=class{constructor(){this.locale=X}};d.t([u.T],Z.prototype,`locale`,void 0);var Q=new Z,$=e=>{class t extends e{get locale(){return Q.locale}}return t},te=e=>{class t extends $(e){localeChanged(){}connectedCallback(){super.connectedCallback(),this.#n()}disconnectedCallback(){super.disconnectedCallback(),this.#r()}#e={handleChange:()=>{this.localeChanged()}};#t;#n(){this.#t=u.w.binding(()=>this.locale,this.#e),this.#t.observe(this,u.C.default)}#r(){this.#t.dispose()}}return t};Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return te}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return $}});
+var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),s=(e,n)=>{let r={};for(var i in e)t(r,i,{get:e[i],enumerable:!0});return n||t(r,Symbol.toStringTag,{value:`Module`}),r},c=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},l=(n,r,a)=>(a=n==null?{}:e(i(n)),c(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));const u=require(`./vivid-element.cjs`),d=require(`./decorate.cjs`);var f=s({Background:()=>I,Black:()=>A,Blue:()=>M,Captions:()=>w,Casual:()=>W,Chapters:()=>T,Close:()=>D,Color:()=>J,Cyan:()=>F,Depressed:()=>H,Descriptions:()=>E,Done:()=>q,Duration:()=>g,Fullscreen:()=>b,Green:()=>j,LIVE:()=>_,Loaded:()=>v,Magenta:()=>P,Mute:()=>x,None:()=>B,Opacity:()=>Y,Opaque:()=>z,Pause:()=>m,Play:()=>p,Progress:()=>y,Raised:()=>V,Red:()=>`Red`,Replay:()=>h,Reset:()=>K,Script:()=>G,Subtitles:()=>C,Text:()=>O,Transparent:()=>R,Uniform:()=>U,Unmute:()=>S,White:()=>k,Window:()=>L,Yellow:()=>N,default:()=>ee}),p=`Play`,m=`Pause`,h=`Replay`,g=`Duration`,_=`LIVE`,v=`Loaded`,y=`Progress`,b=`Fullscreen`,x=`Mute`,S=`Unmute`,C=`Subtitles`,w=`Captions`,T=`Chapters`,E=`Descriptions`,D=`Close`,O=`Text`,k=`White`,A=`Black`,j=`Green`,M=`Blue`,N=`Yellow`,P=`Magenta`,F=`Cyan`,I=`Background`,L=`Window`,R=`Transparent`,z=`Opaque`,B=`None`,V=`Raised`,H=`Depressed`,U=`Uniform`,W=`Casual`,G=`Script`,K=`Reset`,q=`Done`,J=`Color`,Y=`Opacity`,ee={"Audio Player":`Audio Player`,"Video Player":`Video Player`,Play:p,Pause:m,Replay:h,"Current Time":`Current Time`,Duration:g,"Remaining Time":`Remaining Time`,"Stream Type":`Stream Type`,LIVE:_,"Seek to live, currently behind live":`Seek to live, currently behind live`,"Seek to live, currently playing live":`Seek to live, currently playing live`,Loaded:v,Progress:y,"Progress Bar":`Progress Bar`,"progress bar timing: currentTime={1} duration={2}":`{1} of {2}`,Fullscreen:b,"Exit Fullscreen":`Exit Fullscreen`,Mute:x,Unmute:S,"Playback Rate":`Playback Rate`,Subtitles:C,"subtitles off":`subtitles off`,Captions:w,"captions off":`captions off`,Chapters:T,Descriptions:E,"descriptions off":`descriptions off`,"Audio Track":`Audio Track`,"Volume Level":`Volume Level`,"You aborted the media playback":`You aborted the media playback`,"A network error caused the media download to fail part-way.":`A network error caused the media download to fail part-way.`,"The media could not be loaded, either because the server or network failed or because the format is not supported.":`The media could not be loaded, either because the server or network failed or because the format is not supported.`,"The media playback was aborted due to a corruption problem or because the media used features your browser did not support.":`The media playback was aborted due to a corruption problem or because the media used features your browser did not support.`,"No compatible source was found for this media.":`No compatible source was found for this media.`,"The media is encrypted and we do not have the keys to decrypt it.":`The media is encrypted and we do not have the keys to decrypt it.`,"Play Video":`Play Video`,Close:D,"Close Modal Dialog":`Close Modal Dialog`,"Modal Window":`Modal Window`,"This is a modal window":`This is a modal window`,"This modal can be closed by pressing the Escape key or activating the close button.":`This modal can be closed by pressing the Escape key or activating the close button.`,", opens captions settings dialog":`, opens captions settings dialog`,", opens subtitles settings dialog":`, opens subtitles settings dialog`,", opens descriptions settings dialog":`, opens descriptions settings dialog`,", selected":`, selected`,"captions settings":`captions settings`,"subtitles settings":`subtitles settings`,"descriptions settings":`descriptions settings`,Text:O,White:k,Black:A,Red:`Red`,Green:j,Blue:M,Yellow:N,Magenta:P,Cyan:F,Background:I,Window:L,Transparent:R,"Semi-Transparent":`Semi-Transparent`,Opaque:z,"Font Size":`Font Size`,"Text Edge Style":`Text Edge Style`,None:B,Raised:V,Depressed:H,Uniform:U,"Drop shadow":`Drop shadow`,"Font Family":`Font Family`,"Proportional Sans-Serif":`Proportional Sans-Serif`,"Monospace Sans-Serif":`Monospace Sans-Serif`,"Proportional Serif":`Proportional Serif`,"Monospace Serif":`Monospace Serif`,Casual:W,Script:G,"Small Caps":`Small Caps`,Reset:K,"restore all settings to the default values":`restore all settings to the default values`,Done:q,"Caption Settings Dialog":`Caption Settings Dialog`,"Beginning of dialog window. Escape will cancel and close the window.":`Beginning of dialog window. Escape will cancel and close the window.`,"End of dialog window.":`End of dialog window.`,"{1} is loading.":`{1} is loading.`,"Exit Picture-in-Picture":`Exit Picture-in-Picture`,"Picture-in-Picture":`Picture-in-Picture`,"No content":`No content`,Color:J,Opacity:Y,"Text Background":`Text Background`,"Caption Area Background":`Caption Area Background`,"Playing in Picture-in-Picture":`Playing in Picture-in-Picture`,"Skip backward {1} seconds":`Skip backward {1} seconds`,"Skip forward {1} seconds":`Skip forward {1} seconds`},X={lang:`en-US`,common:{useCommaAsDecimalSeparator:!1},pickerField:{clearLabel:`Clear`,okLabel:`OK`},calendarPicker:{months:{name:[`January`,`February`,`March`,`April`,`May`,`June`,`July`,`August`,`September`,`October`,`November`,`December`],shorthand:[`Jan`,`Feb`,`Mar`,`Apr`,`May`,`Jun`,`Jul`,`Aug`,`Sep`,`Oct`,`Nov`,`Dec`]},weekdays:{name:[`Sunday`,`Monday`,`Tuesday`,`Wednesday`,`Thursday`,`Friday`,`Saturday`],shorthand:[`Sun`,`Mon`,`Tue`,`Wed`,`Thu`,`Fri`,`Sat`]},firstDayOfWeek:0,dateFormat:`MM/dd/yyyy`,dateFormatPlaceholder:`MM/DD/YYYY`,chooseDateLabel:`Choose date`,changeDateLabel:e=>`Change date, ${e}`,chooseDatesLabel:`Choose dates`,changeDatesLabel:e=>`Change dates, ${e}`,prevYearLabel:`Previous year`,prevMonthLabel:`Previous month`,nextMonthLabel:`Next month`,nextYearLabel:`Next year`,todayLabel:`today`,selectedLabel:`selected`,currentLabel:`current`,changeMonthLabel:e=>`Change month, ${e} selected`,showCalendarForMonthLabel:e=>`Show calendar for ${e}`,invalidDateError:`Please enter a valid date.`,invalidDateRangeError:`Please enter a valid date range.`,startDateAfterMinDateError:e=>`The start date must be ${e} or later.`,endDateBeforeMaxDateError:e=>`The end date must be ${e} or earlier.`},timePicker:{defaultTo12HourClock:!0,chooseTimeLabel:`Choose time`,changeTimeLabel:e=>`Change time, ${e}`,hoursLabel:`hours`,minutesLabel:`minutes`,secondsLabel:`seconds`,meridiesLabel:`AM/PM`,invalidTimeError:`Please enter a valid time.`},dateTimePicker:{chooseDateTimeLabel:`Choose date and time`,changeDateTimeLabel:e=>`Change date and time, ${e}`,invalidDateTimeError:`Please enter a valid date and time.`,dateBeforeMinDateError:e=>`Date must be ${e} or later.`,dateAfterMaxDateError:e=>`Date must be ${e} or earlier.`,timeBeforeMinTimeError:e=>`Time must be ${e} or later.`,timeAfterMaxTimeError:e=>`Time must be ${e} or earlier.`},filePicker:{invalidFileTypeError:`You can't select files of this type.`,maxFilesExceededError:`You can't select any more files.`,fileTooBigError:`File is too big ({{filesize}}MiB). Max filesize: {{maxFilesize}}MiB.`,removeFileLabel:`Remove file`,invalidFilesError:`One or more selected files are invalid. Please, upload only valid file types under the size limit.`,uploadFilesLabel:`Upload files`},audioPlayer:{playButtonLabel:`Play`,pauseButtonLabel:`Pause`,sliderLabel:`Audio progress bar`,skipForwardButton:`Skip Forward`,skipBackwardButton:`Skip Backward`},alert:{dismissButtonLabel:`Close`},dialog:{dismissButtonLabel:`Close`},popover:{dismissButtonLabel:`Close`},banner:{dismissButtonLabel:`Close`},numberField:{incrementButtonLabel:e=>e===1?`Increase value`:`Increase value by ${e}`,decrementButtonLabel:e=>e===1?`Decrease value`:`Decrease value by ${e}`,updatedValueAnnouncement:e=>`Updated value: ${e}`},splitButton:{showMoreActionsLabel:`Show more actions`},videoPlayer:f,rangeSlider:{startThumbLabel:`min`,endThumbLabel:`max`},dialPad:{inputLabel:`Phone number`,deleteButtonLabel:`Delete last digit`,callButtonLabel:`Call`,endCallButtonLabel:`End call`,digitOneLabel:`1`,digitTwoLabel:`2 ABC`,digitThreeLabel:`3 DEF`,digitFourLabel:`4 GHI`,digitFiveLabel:`5 JKL`,digitSixLabel:`6 MNO`,digitSevenLabel:`7 PQRS`,digitEightLabel:`8 TUV`,digitNineLabel:`9 WXYZ`,digitAsteriskLabel:`*`,digitZeroLabel:`0`,digitHashtagLabel:`#`,errorLabel:`Error:`},tab:{dismissButtonLabel:`Press the DELETE key to close this tab`},select:{clearButtonLabel:`Clear selection`},countryGroup:{ariaLabelPrefix:`Countries:`},searchableSelect:{clearButtonLabel:`Clear selection`,noOptionsMessage:`No options`,noMatchesMessage:`No options found`,selectAllLabel:`Select All`,deselectAllLabel:`Deselect All`,selectedAllMessage:`All options selected`,deselectedAllMessage:`All options deselected`,loadingOptionsMessage:`Loading...`,removeTagButtonLabel:e=>`Remove ${e}`,optionSelectedMessage:e=>`Option ${e} selected.`,optionDeselectedMessage:e=>`Option ${e} deselected.`,optionFocusedMessage:(e,t,n,r)=>`Option ${e} focused, ${r?`selected, `:``}${t} of ${n}.`,maxSelectedMessage:(e,t)=>`${e} of ${t} selected.`},richTextEditor:{paragraphStyles:`Paragraph styles`,textSize:`Text size`,bold:`Bold`,italic:`Italic`,underline:`Underline`,strikethrough:`Strikethrough`,monospace:`Monospace`,textColor:`Text color`,undo:`Undo`,redo:`Redo`,bulletList:`Bullet list`,numberedList:`Numbered list`,alignment:`Alignment`,alignments:{left:`Left`,center:`Center`,right:`Right`},hyperlink:`Hyperlink`,linkText:`Text`,linkUrl:`URL`,linkTextPlaceholder:`Type text to convert into link`,linkUrlPlaceholder:`Insert link URL`,cancel:`Cancel`,apply:`Apply`,close:`Close`,edit:`Edit`,delete:`Delete`,imageSizes:{small:`Small`,fit:`Fit`,original:`Original size`},suggestLoading:`Loading...`,suggestNoResults:`No results`},button:{pendingLabel:`Loading...`},feedbackMessage:{errorIconText:`Error:`,successIconText:`Success:`},connotationAnnoncement:{accentIcon:`Accent:`,alertIcon:`Alert:`,informationIcon:`Information:`,successIcon:`Success:`,warningIcon:`Warning:`,announcementIcon:`Announcement:`,ctaIcon:`Call to action:`},charCount:{charactersLimitMessage:e=>`You can enter up to ${e} characters`,charactersRemainingMessage:e=>`You have ${e} characters remaining`},dataGrid:{cell:{selected:`Selected`,button:`(button)`,sortStatus:{ascending:`Sorted ascending.`,descending:`Sorted descending.`,none:`Not sorted.`,other:`Custom sort applied.`},sortInstruction:{ascending:`Click to sort descending.`,descending:`Click to un-sort.`,none:`Click to sort ascending.`,other:`Click to reset sorting.`}}},pagination:{previousPageLabel:`Go to previous page`,nextPageLabel:`Go to next page`,goToPageLabel:e=>`Go to page ${e}`},tag:{remove:e=>`Remove ${e}`},toggletip:{anchorLabel:e=>e?`Show more information about ${e}`:`Show more information`},baseColorPicker:{colorSwatchLabel:(e,t,n)=>{let r=t?`Select ${t}, hex: ${e}`:`Select ${e}`;return n&&(r+=`, selected.`),r}},simpleColorPicker:{colorPaletteLabel:`Color palette`},colorPicker:{popupLabel:`Color Picker`,swatchesLabel:`Saved colors`,pickerButtonLabel:`Color Picker`,hexInputLabel:`HEX color code`,saveButtonLabel:`Save current color`,closeButtonLabel:`Close Color Picker`,copyButtonLabel:`Copy color to clipboard`,copyErrorText:`Copy failed. Clipboard access was blocked. Try again.`,copySuccessMessage:e=>`Color ${e} copied to clipboard.`,selectionSuccessMessage:e=>`Color ${e} selected.`,maxSwatchesMessage:(e,t)=>`${e} of ${t} colors saved.`}},Z=class{constructor(){this.locale=X}};d.t([u.T],Z.prototype,`locale`,void 0);var Q=new Z,$=e=>{class t extends e{get locale(){return Q.locale}}return t},te=e=>{class t extends $(e){localeChanged(){}connectedCallback(){super.connectedCallback(),this.#n()}disconnectedCallback(){super.disconnectedCallback(),this.#r()}#e={handleChange:()=>{this.localeChanged()}};#t;#n(){this.#t=u.w.binding(()=>this.locale,this.#e),this.#t.observe(this,u.C.default)}#r(){this.#t.dispose()}}return t};Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return te}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return $}});

package/bundled/localized.js

@@ -302,6 +302,7 @@ var i = Object.create, a = Object.defineProperty, o = Object.getOwnPropertyDescr
 	},
 	tab: { dismissButtonLabel: "Press the DELETE key to close this tab" },
 	select: { clearButtonLabel: "Clear selection" },
+	countryGroup: { ariaLabelPrefix: "Countries:" },
 	searchableSelect: {
 		clearButtonLabel: "Clear selection",
 		noOptionsMessage: "No options",

package/bundled/mixins.cjs

@@ -1,11 +1,11 @@
-const e=require(`./localized.cjs`),t=require(`./vivid-element.cjs`),n=require(`./normalize.cjs`),r=require(`./when.cjs`),i=require(`./slotted.cjs`),a=require(`./definition.cjs`),o=require(`./definition2.cjs`),s=require(`./decorate.cjs`),c=require(`./class-names.cjs`);var l=`:host{display:contents}.message{contain:inline-size;font:var(--vvd-typography-base-condensed);grid-column:1/-1;gap:4px;display:flex}.message.none-message{display:none}.message.helper-message{color:var(--_low-ink-color)}.message.error-message,.message.success-message{color:var(--vvd-color-canvas-text)}slot{display:inline}.icon{font-size:16px}.error-message .icon{color:var(--vvd-color-alert-500)}.success-message .icon{color:var(--vvd-color-success-500)}.announcement{display:contents}`,u=class extends e.t(t.t){constructor(...e){super(...e),this.type=`none`}};s.t([t.l],u.prototype,`type`,void 0);function d(e,n,r){let i=e.tagFor(o.r);return t.d`<${i} class="icon" name="${n}" label="${e=>e.locale.feedbackMessage[r]}"></${i}>`}function f(e){let n={none:``,helper:``,error:d(e,`info-line`,`errorIconText`),success:d(e,`check-circle-line`,`successIconText`)};return t.d`${e=>n[e.type]}`}var p=e=>e===`error`,m=t.o(`feedback-message`,u,e=>{let n=t.d`<div
+const e=require(`./localized.cjs`),t=require(`./vivid-element.cjs`),n=require(`./normalize.cjs`),r=require(`./when.cjs`),i=require(`./slotted.cjs`),a=require(`./definition.cjs`),o=require(`./decorate.cjs`),s=require(`./definition2.cjs`),c=require(`./class-names.cjs`);var l=`:host{display:contents}.message{contain:inline-size;font:var(--vvd-typography-base-condensed);grid-column:1/-1;gap:4px;display:flex}.message.none-message{display:none}.message.helper-message{color:var(--_low-ink-color)}.message.error-message,.message.success-message{color:var(--vvd-color-canvas-text)}slot{display:inline}.icon{font-size:16px}.error-message .icon{color:var(--vvd-color-alert-500)}.success-message .icon{color:var(--vvd-color-success-500)}.announcement{display:contents}`,u=class extends e.t(t.t){constructor(...e){super(...e),this.type=`none`}};o.t([t.l],u.prototype,`type`,void 0);function d(e,n,r){let i=e.tagFor(s.r);return t.d`<${i} class="icon" name="${n}" label="${e=>e.locale.feedbackMessage[r]}"></${i}>`}function f(e){let n={none:``,helper:``,error:d(e,`info-line`,`errorIconText`),success:d(e,`check-circle-line`,`successIconText`)};return t.d`${e=>n[e.type]}`}var p=e=>e===`error`,m=t.o(`feedback-message`,u,e=>{let n=t.d`<div
 		class="${e=>c.t(`message`,`${e.type}-message`)}"
 	>
 		${f(e)}<slot></slot>
 	</div>`;return t.d`${r.t(e=>!p(e.type),n)}
 		<span class="announcement" role="status" aria-live="polite">
 			${r.t(e=>p(e.type),n)}
-		</span>`},[o.t,a.n],{styles:l}),h=[];for(let e=0;e<256;++e)h.push((e+256).toString(16).slice(1));function g(e,t=0){return(h[e[t+0]]+h[e[t+1]]+h[e[t+2]]+h[e[t+3]]+`-`+h[e[t+4]]+h[e[t+5]]+`-`+h[e[t+6]]+h[e[t+7]]+`-`+h[e[t+8]]+h[e[t+9]]+`-`+h[e[t+10]]+h[e[t+11]]+h[e[t+12]]+h[e[t+13]]+h[e[t+14]]+h[e[t+15]]).toLowerCase()}var _,v=new Uint8Array(16);function y(){if(!_){if(typeof crypto>`u`||!crypto.getRandomValues)throw Error(`crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported`);_=crypto.getRandomValues.bind(crypto)}return _(v)}var b={randomUUID:typeof crypto<`u`&&crypto.randomUUID&&crypto.randomUUID.bind(crypto)};function x(e,t,n){if(b.randomUUID&&!t&&!e)return b.randomUUID();e||={};let r=e.random??e.rng?.()??y();if(r.length<16)throw Error(`Random bytes length must be >= 16`);if(r[6]=r[6]&15|64,r[8]=r[8]&63|128,t){if(n||=0,n<0||n+16>t.length)throw RangeError(`UUID byte range ${n}:${n+15} is out of buffer bounds`);for(let e=0;e<16;++e)t[n+e]=r[e];return t}return g(r)}var S=()=>x(),C=class{constructor(e){this.source=null,this.templateBindingObserver=e.templateBinding.createObserver(this,e)}bind(e){this.source=e.source,this.context=e.context,this.controller=e,this.insertionPoint||(this.insertionPoint=document.createComment(``),this.source.appendChild(this.insertionPoint)),this.templateBindingObserver.bind(e),this.handleChange(this.source,this.templateBindingObserver)}handleChange(e,t){if(t===this.templateBindingObserver){let e=this.templateBindingObserver.bind(this.controller);this.instantiateTemplate(e)}}instantiateTemplate(e){this.view&&this.view.dispose(),this.view=e.create(),this.view.bind(this.source,this.context),this.view.insertBefore(this.insertionPoint)}},w=class{constructor(e){this.targetNodeId=``,this.templateBinding=e,this.dataBinding=e}createHTML(e){return t.g.comment(e(this))}createBehavior(){return new C(this)}};t.m.define(w);function T(e){return new w(n.t(e))}var E=e=>{class n extends e{get _feedbackDescribedBy(){return`feedback slotted-helper-text-feedback`}_internalFeedback(){let e=this._helperTextSlottedContent?.length?``:this.helperText,t=this.errorValidationMessage,n=this.successText;return n?{type:`success`,message:n}:t?{type:`error`,message:t}:e?{type:`helper`,message:e}:{type:`none`,message:``}}_slottedHelperTextFeedbackType(){return this._internalFeedback().type===`none`&&this._helperTextSlottedContent?.length?`helper`:`none`}_getFeedbackTemplate(e){let n=e.tagFor(u);return t.d`
+		</span>`},[s.t,a.n],{styles:l}),h=[];for(let e=0;e<256;++e)h.push((e+256).toString(16).slice(1));function g(e,t=0){return(h[e[t+0]]+h[e[t+1]]+h[e[t+2]]+h[e[t+3]]+`-`+h[e[t+4]]+h[e[t+5]]+`-`+h[e[t+6]]+h[e[t+7]]+`-`+h[e[t+8]]+h[e[t+9]]+`-`+h[e[t+10]]+h[e[t+11]]+h[e[t+12]]+h[e[t+13]]+h[e[t+14]]+h[e[t+15]]).toLowerCase()}var _,v=new Uint8Array(16);function y(){if(!_){if(typeof crypto>`u`||!crypto.getRandomValues)throw Error(`crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported`);_=crypto.getRandomValues.bind(crypto)}return _(v)}var b={randomUUID:typeof crypto<`u`&&crypto.randomUUID&&crypto.randomUUID.bind(crypto)};function x(e,t,n){if(b.randomUUID&&!t&&!e)return b.randomUUID();e||={};let r=e.random??e.rng?.()??y();if(r.length<16)throw Error(`Random bytes length must be >= 16`);if(r[6]=r[6]&15|64,r[8]=r[8]&63|128,t){if(n||=0,n<0||n+16>t.length)throw RangeError(`UUID byte range ${n}:${n+15} is out of buffer bounds`);for(let e=0;e<16;++e)t[n+e]=r[e];return t}return g(r)}var S=()=>x(),C=class{constructor(e){this.source=null,this.templateBindingObserver=e.templateBinding.createObserver(this,e)}bind(e){this.source=e.source,this.context=e.context,this.controller=e,this.insertionPoint||(this.insertionPoint=document.createComment(``),this.source.appendChild(this.insertionPoint)),this.templateBindingObserver.bind(e),this.handleChange(this.source,this.templateBindingObserver)}handleChange(e,t){if(t===this.templateBindingObserver){let e=this.templateBindingObserver.bind(this.controller);this.instantiateTemplate(e)}}instantiateTemplate(e){this.view&&this.view.dispose(),this.view=e.create(),this.view.bind(this.source,this.context),this.view.insertBefore(this.insertionPoint)}},w=class{constructor(e){this.targetNodeId=``,this.templateBinding=e,this.dataBinding=e}createHTML(e){return t.g.comment(e(this))}createBehavior(){return new C(this)}};t.m.define(w);function T(e){return new w(n.t(e))}var E=e=>{class n extends e{get _feedbackDescribedBy(){return`feedback slotted-helper-text-feedback`}_internalFeedback(){let e=this._helperTextSlottedContent?.length?``:this.helperText,t=this.errorValidationMessage,n=this.successText;return n?{type:`success`,message:n}:t?{type:`error`,message:t}:e?{type:`helper`,message:e}:{type:`none`,message:``}}_slottedHelperTextFeedbackType(){return this._internalFeedback().type===`none`&&this._helperTextSlottedContent?.length?`helper`:`none`}_getFeedbackTemplate(e){let n=e.tagFor(u);return t.d`
 				<${n} id="feedback" :type="${e=>e._internalFeedback().type}">
 					${e=>e._internalFeedback().message}
 				</${n}>
@@ -15,7 +15,7 @@ const e=require(`./localized.cjs`),t=require(`./vivid-element.cjs`),n=require(`.
 				>
 					<slot name="helper-text" ${i.t(`_helperTextSlottedContent`)}></slot>
 				</${n}>
-			`}}return s.t([t.l({attribute:`helper-text`})],n.prototype,`helperText`,void 0),s.t([t.T],n.prototype,`_helperTextSlottedContent`,void 0),n},D=e=>{let n=()=>`vvd-feedback-${S()}`,r=()=>`vvd-slotted-feedback-${S()}`;class a extends E(e){constructor(...e){super(...e),this._slottedHelperTextIds=[],this._feedbackId=n()}_helperTextSlottedContentChanged(e,t){for(let e of t)e.id||=r();this._slottedHelperTextIds=t.map(e=>e.id)}get _feedbackDescribedBy(){return[this._feedbackId,...this._slottedHelperTextIds].join(` `)}_getFeedbackTemplate(e){let n=e.tagFor(u);return t.d`
+			`}}return o.t([t.l({attribute:`helper-text`})],n.prototype,`helperText`,void 0),o.t([t.T],n.prototype,`_helperTextSlottedContent`,void 0),n},D=e=>{let n=()=>`vvd-feedback-${S()}`,r=()=>`vvd-slotted-feedback-${S()}`;class a extends E(e){constructor(...e){super(...e),this._slottedHelperTextIds=[],this._feedbackId=n()}_helperTextSlottedContentChanged(e,t){for(let e of t)e.id||=r();this._slottedHelperTextIds=t.map(e=>e.id)}get _feedbackDescribedBy(){return[this._feedbackId,...this._slottedHelperTextIds].join(` `)}_getFeedbackTemplate(e){let n=e.tagFor(u);return t.d`
 				<slot name="_feedback"></slot>
 				${T(t.d`<${n}
 					slot="_feedback"
@@ -30,4 +30,4 @@ const e=require(`./localized.cjs`),t=require(`./vivid-element.cjs`),n=require(`.
 						${i.t(`_helperTextSlottedContent`)}
 					></slot>
 				</${n}>
-			`}}return s.t([t.T],a.prototype,`_slottedHelperTextIds`,void 0),a};Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return D}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return T}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return E}});
+			`}}return o.t([t.T],a.prototype,`_slottedHelperTextIds`,void 0),a};Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return D}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return T}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return E}});

package/bundled/mixins.js

@@ -4,8 +4,8 @@ import { t as c } from "./normalize.js";
 import { t as l } from "./when.js";
 import { t as u } from "./slotted.js";
 import { n as d } from "./definition.js";
-import { r as f, t as p } from "./definition2.js";
-import { t as m } from "./decorate.js";
+import { t as f } from "./decorate.js";
+import { r as p, t as m } from "./definition2.js";
 import { t as h } from "./class-names.js";
 //#region src/shared/feedback/feedback-message.scss?inline
 var g = ":host{display:contents}.message{contain:inline-size;font:var(--vvd-typography-base-condensed);grid-column:1/-1;gap:4px;display:flex}.message.none-message{display:none}.message.helper-message{color:var(--_low-ink-color)}.message.error-message,.message.success-message{color:var(--vvd-color-canvas-text)}slot{display:inline}.icon{font-size:16px}.error-message .icon{color:var(--vvd-color-alert-500)}.success-message .icon{color:var(--vvd-color-success-500)}.announcement{display:contents}", _ = class extends e(s) {
@@ -13,9 +13,9 @@ var g = ":host{display:contents}.message{contain:inline-size;font:var(--vvd-typo
 		super(...e), this.type = "none";
 	}
 };
-m([i], _.prototype, "type", void 0);
+f([i], _.prototype, "type", void 0);
 function v(e, t, r) {
-	let i = e.tagFor(f);
+	let i = e.tagFor(p);
 	return n`<${i} class="icon" name="${t}" label="${(e) => e.locale.feedbackMessage[r]}"></${i}>`;
 }
 function y(e) {
@@ -37,7 +37,7 @@ var b = (e) => e === "error", x = o("feedback-message", _, (e) => {
 		<span class="announcement" role="status" aria-live="polite">
 			${l((e) => b(e.type), t)}
 		</span>`;
-}, [p, d], { styles: g }), S = [];
+}, [m, d], { styles: g }), S = [];
 for (let e = 0; e < 256; ++e) S.push((e + 256).toString(16).slice(1));
 function C(e, t = 0) {
 	return (S[e[t + 0]] + S[e[t + 1]] + S[e[t + 2]] + S[e[t + 3]] + "-" + S[e[t + 4]] + S[e[t + 5]] + "-" + S[e[t + 6]] + S[e[t + 7]] + "-" + S[e[t + 8]] + S[e[t + 9]] + "-" + S[e[t + 10]] + S[e[t + 11]] + S[e[t + 12]] + S[e[t + 13]] + S[e[t + 14]] + S[e[t + 15]]).toLowerCase();
@@ -142,7 +142,7 @@ var N = (e) => {
 			`;
 		}
 	}
-	return m([i({ attribute: "helper-text" })], r.prototype, "helperText", void 0), m([t], r.prototype, "_helperTextSlottedContent", void 0), r;
+	return f([i({ attribute: "helper-text" })], r.prototype, "helperText", void 0), f([t], r.prototype, "_helperTextSlottedContent", void 0), r;
 }, P = (e) => {
 	let r = () => `vvd-feedback-${k()}`, i = () => `vvd-slotted-feedback-${k()}`;
 	class a extends N(e) {
@@ -178,7 +178,7 @@ var N = (e) => {
 			`;
 		}
 	}
-	return m([t], a.prototype, "_slottedHelperTextIds", void 0), a;
+	return f([t], a.prototype, "_slottedHelperTextIds", void 0), a;
 };
 //#endregion
 export { x as a, k as i, P as n, M as r, N as t };

package/bundled/numberConverter.cjs

@@ -0,0 +1,12 @@
+var e=`<svg width="80%" height="80%" viewBox="0 0 64 64">
+    <g>
+        <g stroke-width="6" stroke-linecap="round" fill="none">
+            <path stroke="currentColor" d="M4,32 c0,15,12,28,28,28c8,0,16-4,21-9">
+            </path>
+            <path d="M60,32 C60,16,47.464,4,32,4S4,16,4,32">
+            </path>
+            <animateTransform values="0,32,32;360,32,32" attributeName="transform" type="rotate" repeatCount="indefinite" dur="750ms">
+            </animateTransform>
+        </g>
+    </g>
+</svg>`,t=`4.10.0`,n=`https://icon.resources.vonage.com`,r=t;`${n}${r}`;var i=(e,t)=>[n,`v${t}`,e].join(`/`),a=({ok:e,headers:t})=>{if(!e||t.get(`content-type`)!==`image/svg+xml`)throw Error(`Something went wrong`)},o=e=>(a(e),e.text()),s=(e,t)=>fetch(i(`${e}.svg`,r),{signal:t}).then(o),c=e=>(e??``).trim(),l=new Map,u=(e,t)=>{let n=c(e);if(!n)return Promise.resolve(``);let r=l.get(n);if(r&&!r.signal?.aborted)return r.promise;let i=s(n,t).then(e=>{let r=l.get(n);if(r&&r.promise===i&&t.aborted)throw l.delete(n),t.reason??new DOMException(`Aborted`,`AbortError`);return e}).catch(e=>{let t=l.get(n);throw t&&t.promise===i&&l.delete(n),e});return l.set(n,{promise:i,signal:t}),i},d={toView(e){return e===void 0?null:e.toString()},fromView(e){if(typeof e==`string`&&(e=parseFloat(e.toString())),typeof e==`number`)return isNaN(e)||!isFinite(e)?void 0:e}};Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return e}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return d}});

package/bundled/numberConverter.js

@@ -0,0 +1,38 @@
+//#region src/shared/icon/icon-placeholder.ts
+var e = "<svg width=\"80%\" height=\"80%\" viewBox=\"0 0 64 64\">\n    <g>\n        <g stroke-width=\"6\" stroke-linecap=\"round\" fill=\"none\">\n            <path stroke=\"currentColor\" d=\"M4,32 c0,15,12,28,28,28c8,0,16-4,21-9\">\n            </path>\n            <path d=\"M60,32 C60,16,47.464,4,32,4S4,16,4,32\">\n            </path>\n            <animateTransform values=\"0,32,32;360,32,32\" attributeName=\"transform\" type=\"rotate\" repeatCount=\"indefinite\" dur=\"750ms\">\n            </animateTransform>\n        </g>\n    </g>\n</svg>", t = "4.10.0", n = "https://icon.resources.vonage.com", r = t;
+`${n}${r}`;
+//#endregion
+//#region src/shared/icon/utils.ts
+var i = (e, t) => [
+	n,
+	`v${t}`,
+	e
+].join("/"), a = ({ ok: e, headers: t }) => {
+	if (!e || t.get("content-type") !== "image/svg+xml") throw Error("Something went wrong");
+}, o = (e) => (a(e), e.text()), s = (e, t) => fetch(i(`${e}.svg`, r), { signal: t }).then(o), c = (e) => (e ?? "").trim(), l = /* @__PURE__ */ new Map(), u = (e, t) => {
+	let n = c(e);
+	if (!n) return Promise.resolve("");
+	let r = l.get(n);
+	if (r && !r.signal?.aborted) return r.promise;
+	let i = s(n, t).then((e) => {
+		let r = l.get(n);
+		if (r && r.promise === i && t.aborted) throw l.delete(n), t.reason ?? new DOMException("Aborted", "AbortError");
+		return e;
+	}).catch((e) => {
+		let t = l.get(n);
+		throw t && t.promise === i && l.delete(n), e;
+	});
+	return l.set(n, {
+		promise: i,
+		signal: t
+	}), i;
+}, d = {
+	toView(e) {
+		return e === void 0 ? null : e.toString();
+	},
+	fromView(e) {
+		if (typeof e == "string" && (e = parseFloat(e.toString())), typeof e == "number") return isNaN(e) || !isFinite(e) ? void 0 : e;
+	}
+};
+//#endregion
+export { u as n, e as r, d as t };

package/bundled/picker-field.template.cjs

@@ -1,4 +1,4 @@
-const e=require(`./localized.cjs`),t=require(`./vivid-element.cjs`),n=require(`./ref.cjs`),r=require(`./slotted.cjs`),i=require(`./decorate.cjs`),a=require(`./form-element.cjs`),o=require(`./with-error-text.cjs`),s=require(`./with-contextual-help.cjs`),c=require(`./trapped-focus.cjs`),l=require(`./class-names.cjs`),u=require(`./form-associated.cjs`),d=require(`./definition6.cjs`),f=require(`./definition8.cjs`),p=require(`./dialog.cjs`),m=require(`./mixins.cjs`),h=require(`./definition12.cjs`);var g=`:host{display:inline-block}.base{inline-size:100%;display:inline-block}.control{inline-size:100%}.dialog{flex-direction:column;display:inline-flex}.dialog--padded{gap:12px;padding:12px}.dialog .footer{justify-content:flex-end;align-items:center;gap:8px;padding:8px;display:flex}.dialog .footer--with-separator{border-top:1px solid var(--vvd-color-neutral-200)}`,_=class extends s.t(m.t(o.t(a.t(c.t(e.t(u.n(t.t))))))){readOnlyChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.readOnly=this.readOnly,this.validate())}constructor(){super(),this.readOnly=!1,this.proxy=document.createElement(`input`),this._popupOpen=!1,this._presentationValue=``,this.value=``}connectedCallback(){super.connectedCallback(),document.addEventListener(`click`,this.#o),this.addEventListener(`focusin`,this.#e),this.addEventListener(`focusout`,this.#t),this.#i()}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener(`click`,this.#o),this.removeEventListener(`focusin`,this.#e),this.removeEventListener(`focusout`,this.#t),this.#a()}#e=()=>{this.$emit(`focus`,void 0,{bubbles:!1})};#t=()=>{this.$emit(`blur`,void 0,{bubbles:!1})};validate(){this.proxy&&this.proxy.setCustomValidity(this._getCustomValidationError()??``),super.validate(this._textFieldEl?.querySelector(`input`)??void 0)}#n={handleChange:()=>{this._updatePresentationValue()}};#r;#i(){this.#r=t.w.binding(()=>this.locale,this.#n),this.#r.observe(this,t.C.default)}#a(){this.#r.dispose()}#o=e=>{if(!this._popupOpen)return;let t=e.composedPath();[this._dialogEl,this._pickerButtonEl].some(e=>t.includes(e))||this._closePopup(!1)};#s(){this.readOnly||(this._popupOpen=!0)}_closePopup(e=!0){this._popupOpen=!1,e&&this._textFieldEl.focus()}_onBaseKeyDown(e){return this._popupOpen&&p.t(e)?(this._closePopup(),!1):!this._trappedFocus(e,()=>this._focusableElsWithinDialog())}_presentationValueChanged(){this.dirtyValue=!0,this.validate()}_onTextFieldInput(e){this._presentationValue=e.currentTarget.value}_onPickerButtonClick(){this._popupOpen?this._closePopup():this.#s()}_onOkClick(){this._closePopup()}_onClearClick(){this.$emit(`clear-click`)}};i.t([t.l({attribute:`readonly`,mode:`boolean`})],_.prototype,`readOnly`,void 0),i.t([t.T],_.prototype,`_popupOpen`,void 0),i.t([t.T],_.prototype,`_presentationValue`,void 0);var v=(e,i,{withSeparator:a,padded:o})=>{let s=e.tagFor(f.i),c=e.tagFor(h.r),u=e.tagFor(d.i);return t.d`
+const e=require(`./localized.cjs`),t=require(`./vivid-element.cjs`),n=require(`./ref.cjs`),r=require(`./slotted.cjs`),i=require(`./decorate.cjs`),a=require(`./form-element.cjs`),o=require(`./with-error-text.cjs`),s=require(`./with-contextual-help.cjs`),c=require(`./trapped-focus.cjs`),l=require(`./class-names.cjs`),u=require(`./form-associated.cjs`),d=require(`./definition6.cjs`),f=require(`./definition8.cjs`),p=require(`./dialog.cjs`),m=require(`./mixins.cjs`),h=require(`./definition12.cjs`);var g=`:host{display:inline-block}.base{inline-size:100%;display:inline-block}.control{inline-size:100%}.dialog{flex-direction:column;display:inline-flex}.dialog--padded{gap:12px;padding:12px}.dialog .footer{justify-content:flex-end;align-items:center;gap:8px;padding:8px;display:flex}.dialog .footer--with-separator{border-top:1px solid var(--vvd-color-neutral-200)}`,_=class extends s.t(m.t(o.t(a.t(c.t(e.t(u.n(t.t))))))){readOnlyChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.readOnly=this.readOnly,this.validate())}constructor(){super(),this.readOnly=!1,this.proxy=document.createElement(`input`),this._popupOpen=!1,this._presentationValue=``,this.value=``}connectedCallback(){super.connectedCallback(),document.addEventListener(`click`,this.#o),this.addEventListener(`focusin`,this.#e),this.addEventListener(`focusout`,this.#t),this.#i()}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener(`click`,this.#o),this.removeEventListener(`focusin`,this.#e),this.removeEventListener(`focusout`,this.#t),this.#a()}#e=()=>{this.$emit(`focus`,void 0,{bubbles:!1})};#t=()=>{this.$emit(`blur`,void 0,{bubbles:!1})};validate(){this.proxy&&this.proxy.setCustomValidity(this._getCustomValidationError()??``),super.validate(this._textFieldEl?.querySelector(`input`)??void 0)}#n={handleChange:()=>{this._updatePresentationValue()}};#r;#i(){this.#r=t.w.binding(()=>this.locale,this.#n),this.#r.observe(this,t.C.default)}#a(){this.#r.dispose()}#o=e=>{if(!this._popupOpen)return;let t=e.composedPath();[this._dialogEl,this._pickerButtonEl].some(e=>t.includes(e))||this._closePopup(!1)};#s(){this.readOnly||(this._popupOpen=!0)}_closePopup(e=!0){this._popupOpen=!1,e&&this._textFieldEl.focus()}_onBaseKeyDown(e){return this._popupOpen&&p.t(e)?(this._closePopup(),!1):!this._trappedFocus(e,()=>this._focusableElsWithinDialog())}_presentationValueChanged(){this.dirtyValue=!0,this.validate()}_onTextFieldInput(e){this._presentationValue=e.currentTarget.value}_onPickerButtonClick(){this._popupOpen?this._closePopup():this.#s()}_onOkClick(){this._closePopup()}_onClearClick(){this.$emit(`clear-click`)}};i.t([t.l()],_.prototype,`scale`,void 0),i.t([t.l({attribute:`readonly`,mode:`boolean`})],_.prototype,`readOnly`,void 0),i.t([t.T],_.prototype,`_popupOpen`,void 0),i.t([t.T],_.prototype,`_presentationValue`,void 0);var v=(e,i,{withSeparator:a,padded:o})=>{let s=e.tagFor(f.i),c=e.tagFor(h.r),u=e.tagFor(d.i);return t.d`
 		<div class='base' @keydown='${(e,{event:t})=>e._onBaseKeyDown(t)}'>
 			<${c} id='text-field'
 				${n.t(`_textFieldEl`)}
@@ -8,6 +8,7 @@ const e=require(`./localized.cjs`),t=require(`./vivid-element.cjs`),n=require(`.
 				error-text='${e=>e.errorValidationMessage}'
 				placeholder='${e=>e._textFieldPlaceholder}'
 				size='${e=>e._textFieldSize}'
+				scale='${e=>e.scale}'
 				current-value='${e=>e._presentationValue}'
 				?disabled='${e=>e.disabled}'
 				?readonly='${e=>e.readOnly}'

package/bundled/picker-field.template.js

@@ -78,7 +78,7 @@ var x = ":host{display:inline-block}.base{inline-size:100%;display:inline-block}
 		this.$emit("clear-click");
 	}
 };
-l([i({
+l([i()], S.prototype, "scale", void 0), l([i({
 	attribute: "readonly",
 	mode: "boolean"
 })], S.prototype, "readOnly", void 0), l([n], S.prototype, "_popupOpen", void 0), l([n], S.prototype, "_presentationValue", void 0);
@@ -96,6 +96,7 @@ var C = (e, t, { withSeparator: n, padded: i }) => {
 				error-text='${(e) => e.errorValidationMessage}'
 				placeholder='${(e) => e._textFieldPlaceholder}'
 				size='${(e) => e._textFieldSize}'
+				scale='${(e) => e.scale}'
 				current-value='${(e) => e._presentationValue}'
 				?disabled='${(e) => e.disabled}'
 				?readonly='${(e) => e.readOnly}'

package/bundled/utils.cjs

@@ -0,0 +1 @@
+var e=[{code:`AF`,label:`Afghanistan`,countryCode:`+93`,iconFlagName:`flag-afghanistan`},{code:`AL`,label:`Albania`,countryCode:`+355`,iconFlagName:`flag-albania`},{code:`DZ`,label:`Algeria`,countryCode:`+213`,iconFlagName:`flag-algeria`},{code:`AS`,label:`American Samoa`,countryCode:`+1`,iconFlagName:``},{code:`AD`,label:`Andorra`,countryCode:`+376`,iconFlagName:``},{code:`AO`,label:`Angola`,countryCode:`+244`,iconFlagName:``},{code:`AI`,label:`Anguilla`,countryCode:`+43`,iconFlagName:``},{code:`AG`,label:`Antigua and Barbuda`,countryCode:`+1`,iconFlagName:``},{code:`AR`,label:`Argentina`,countryCode:`+54`,iconFlagName:`flag-argentina`},{code:`AM`,label:`Armenia`,countryCode:`+374`,iconFlagName:`flag-armenia`},{code:`AW`,label:`Aruba`,countryCode:`+297`,iconFlagName:`flag-aruba`},{code:`AU`,label:`Australia`,countryCode:`+61`,iconFlagName:`flag-australia`},{code:`AT`,label:`Austria`,countryCode:`+43`,iconFlagName:`flag-austria`},{code:`AZ`,label:`Azerbaijan`,countryCode:`+994`,iconFlagName:``},{code:`BS`,label:`Bahamas`,countryCode:`+1`,iconFlagName:`flag-bahamas`},{code:`BH`,label:`Bahrain`,countryCode:`+973`,iconFlagName:`flag-bahrain`},{code:`BD`,label:`Bangladesh`,countryCode:`+880`,iconFlagName:`flag-bangladesh`},{code:`BB`,label:`Barbados`,countryCode:`+1`,iconFlagName:``},{code:`BY`,label:`Belarus`,countryCode:`+375`,iconFlagName:`flag-belarus`},{code:`BE`,label:`Belgium`,countryCode:`+32`,iconFlagName:`flag-belgium`},{code:`BZ`,label:`Belize`,countryCode:`+501`,iconFlagName:``},{code:`BJ`,label:`Benin`,countryCode:`+229`,iconFlagName:`flag-benin`},{code:`BM`,label:`Bermuda`,countryCode:`+1`,iconFlagName:``},{code:`BT`,label:`Bhutan`,countryCode:`+975`,iconFlagName:``},{code:`BO`,label:`Bolivia (Plurinational State of)`,countryCode:`+591`,iconFlagName:`flag-bolivia`},{code:`BA`,label:`Bosnia and Herzegovina`,countryCode:`+387`,iconFlagName:``},{code:`BW`,label:`Botswana`,countryCode:`+267`,iconFlagName:`flag-botswana`},{code:`BR`,label:`Brazil`,countryCode:`+55`,iconFlagName:`flag-brazil`},{code:`IO`,label:`British Indian Ocean Territory`,countryCode:`+246`,iconFlagName:``},{code:`VG`,label:`Virgin Islands (British)`,countryCode:`+1`,iconFlagName:``},{code:`VI`,label:`Virgin Islands (U.S.)`,countryCode:`+1`,iconFlagName:``},{code:`BN`,label:`Brunei Darussalam`,countryCode:`+673`,iconFlagName:``},{code:`BG`,label:`Bulgaria`,countryCode:`+359`,iconFlagName:`flag-bulgaria`},{code:`BF`,label:`Burkina Faso`,countryCode:`+226`,iconFlagName:`flag-burkina-faso`},{code:`BI`,label:`Burundi`,countryCode:`+257`,iconFlagName:``},{code:`KH`,label:`Cambodia`,countryCode:`+855`,iconFlagName:`flag-cambodia`},{code:`CM`,label:`Cameroon`,countryCode:`+237`,iconFlagName:``},{code:`CA`,label:`Canada`,countryCode:`+1`,iconFlagName:`flag-canada`},{code:`CV`,label:`Cabo Verde`,countryCode:`+238`,iconFlagName:``},{code:`KY`,label:`Cayman Islands`,countryCode:`+1`,iconFlagName:`flag-cayman-islands`},{code:`CF`,label:`Central African Republic`,countryCode:`+236`,iconFlagName:`flag-central-african-republic`},{code:`CF`,label:`Central African Republic`,countryCode:`+236`,iconFlagName:`flag-central-african-republic`},{code:`CL`,label:`Chile`,countryCode:`+56`,iconFlagName:`flag-chile`},{code:`CN`,label:`China`,countryCode:`+86`,iconFlagName:`flag-china`},{code:`CO`,label:`Colombia`,countryCode:`+57`,iconFlagName:`flag-colombia`},{code:`KM`,label:`Comoros`,countryCode:`+269`,iconFlagName:``},{code:`CG`,label:`Congo`,countryCode:`+242`,iconFlagName:``},{code:`CD`,label:`Congo (Democratic Republic of the)`,countryCode:`+243`,iconFlagName:``},{code:`CK`,label:`Cook Islands`,countryCode:`+682`,iconFlagName:``},{code:`CR`,label:`Costa Rica`,countryCode:`+506`,iconFlagName:`flag-costa-rica`},{code:`HR`,label:`Croatia`,countryCode:`+385`,iconFlagName:`flag-croatia`},{code:`CU`,label:`Cuba`,countryCode:`+53`,iconFlagName:``},{code:`CU`,label:`Cuba`,countryCode:`+53`,iconFlagName:``},{code:`CY`,label:`Cyprus`,countryCode:`+357`,iconFlagName:`flag-cyprus`},{code:`CZ`,label:`Czech Republic`,countryCode:`+420`,iconFlagName:`flag-czech-republic`},{code:`DK`,label:`Denmark`,countryCode:`+45`,iconFlagName:`flag-denmark`},{code:`DJ`,label:`Djibouti`,countryCode:`+253`,iconFlagName:``},{code:`DM`,label:`Dominica`,countryCode:`+1`,iconFlagName:``},{code:`DO`,label:`Dominican Republic`,countryCode:`+1`,iconFlagName:`flag-dominican-republic`},{code:`EC`,label:`Ecuador`,countryCode:`+593`,iconFlagName:``},{code:`EG`,label:`Egypt`,countryCode:`+20`,iconFlagName:`flag-egypt`},{code:`SV`,label:`El Salvador`,countryCode:`+503`,iconFlagName:`flag-el-salvador`},{code:`GQ`,label:`Equatorial Guinea`,countryCode:`+240`,iconFlagName:``},{code:`ER`,label:`Eritrea`,countryCode:`+291`,iconFlagName:``},{code:`EE`,label:`Estonia`,countryCode:`+372`,iconFlagName:`flag-estonia`},{code:`ET`,label:`Ethiopia`,countryCode:`+251`,iconFlagName:``},{code:`FK`,label:`Falkland Islands (Malvinas)`,countryCode:`+500`,iconFlagName:``},{code:`FO`,label:`Faroe Islands`,countryCode:`+298`,iconFlagName:``},{code:`FJ`,label:`Fiji`,countryCode:`+679`,iconFlagName:``},{code:`FI`,label:`Finland`,countryCode:`+358`,iconFlagName:`flag-finland`},{code:`FR`,label:`France`,countryCode:`+33`,iconFlagName:`flag-france`},{code:`GF`,label:`French Guiana`,countryCode:`+594`,iconFlagName:``},{code:`PF`,label:`French Polynesia`,countryCode:`+689`,iconFlagName:``},{code:`GA`,label:`Gabon`,countryCode:`+241`,iconFlagName:``},{code:`GM`,label:`Gambia`,countryCode:`+220`,iconFlagName:``},{code:`GE`,label:`Georgia`,countryCode:`+995`,iconFlagName:`flag-georgia`},{code:`DE`,label:`Germany`,countryCode:`+49`,iconFlagName:`flag-germany`},{code:`GH`,label:`Ghana`,countryCode:`+233`,iconFlagName:`flag-ghana`},{code:`GI`,label:`Gibraltar`,countryCode:`+350`,iconFlagName:``},{code:`GR`,label:`Greece`,countryCode:`+30`,iconFlagName:`flag-greece`},{code:`GL`,label:`Greenland`,countryCode:`+299`,iconFlagName:``},{code:`GD`,label:`Grenada`,countryCode:`+1`,iconFlagName:`flag-grenada`},{code:`GP`,label:`Guadeloupe`,countryCode:`+590`,iconFlagName:``},{code:`GU`,label:`Guam`,countryCode:`+1`,iconFlagName:``},{code:`GT`,label:`Guatemala`,countryCode:`+502`,iconFlagName:`flag-guatemala`},{code:`GN`,label:`Guinea`,countryCode:`+224`,iconFlagName:``},{code:`GW`,label:`Guinea-Bissau`,countryCode:`+245`,iconFlagName:``},{code:`GY`,label:`Guyana`,countryCode:`+592`,iconFlagName:``},{code:`HT`,label:`Haiti`,countryCode:`+509`,iconFlagName:``},{code:`VA`,label:`Holy See`,countryCode:`+39`,iconFlagName:``},{code:`HN`,label:`Honduras`,countryCode:`+504`,iconFlagName:`flag-honduras`},{code:`HK`,label:`Hong Kong`,countryCode:`+852`,iconFlagName:`flag-hong-kong`},{code:`HU`,label:`Hungary`,countryCode:`+36`,iconFlagName:`flag-hungary`},{code:`IS`,label:`Iceland`,countryCode:`+354`,iconFlagName:`flag-iceland`},{code:`IN`,label:`India`,countryCode:`+91`,iconFlagName:`flag-india`},{code:`ID`,label:`Indonesia`,countryCode:`+62`,iconFlagName:`flag-indonesia`},{code:`CI`,label:`Côte d'Ivoire`,countryCode:`+225`,iconFlagName:``},{code:`IR`,label:`Iran (Islamic Republic of)`,countryCode:`+98`,iconFlagName:``},{code:`IQ`,label:`Iraq`,countryCode:`+964`,iconFlagName:``},{code:`IE`,label:`Ireland`,countryCode:`+353`,iconFlagName:`flag-ireland`},{code:`IL`,label:`Israel`,countryCode:`+972`,iconFlagName:`flag-israel`},{code:`IT`,label:`Italy`,countryCode:`+39`,iconFlagName:`flag-italy`},{code:`JM`,label:`Jamaica`,countryCode:`+1`,iconFlagName:`flag-jamaica`},{code:`JP`,label:`Japan`,countryCode:`+81`,iconFlagName:`flag-japan`},{code:`JO`,label:`Jordan`,countryCode:`+962`,iconFlagName:``},{code:`KZ`,label:`Kazakhstan`,countryCode:`+7`,iconFlagName:``},{code:`KE`,label:`Kenya`,countryCode:`+254`,iconFlagName:``},{code:`KI`,label:`Kiribati`,countryCode:`+686`,iconFlagName:``},{code:`KW`,label:`Kuwait`,countryCode:`+965`,iconFlagName:``},{code:`KG`,label:`Kyrgyzstan`,countryCode:`+996`,iconFlagName:``},{code:`LA`,label:`Lao People's Democratic Republic`,countryCode:`+856`,iconFlagName:``},{code:`LV`,label:`Latvia`,countryCode:`+371`,iconFlagName:`flag-latvia`},{code:`LB`,label:`Lebanon`,countryCode:`+961`,iconFlagName:``},{code:`LS`,label:`Lesotho`,countryCode:`+266`,iconFlagName:``},{code:`LR`,label:`Liberia`,countryCode:`+231`,iconFlagName:``},{code:`LY`,label:`Libya`,countryCode:`+218`,iconFlagName:``},{code:`LI`,label:`Liechtenstein`,countryCode:`+423`,iconFlagName:`flag-liechtenstein`},{code:`LT`,label:`Lithuania`,countryCode:`+370`,iconFlagName:`flag-lithuania`},{code:`LU`,label:`Luxembourg`,countryCode:`+352`,iconFlagName:`flag-luxembourg`},{code:`MO`,label:`Macao`,countryCode:`+853`,iconFlagName:`flag-macao`},{code:`MK`,label:`Macedonia (the former Yugoslav Republic of)`,countryCode:`+389`,iconFlagName:``},{code:`MG`,label:`Madagascar`,countryCode:`+261`,iconFlagName:``},{code:`MW`,label:`Malawi`,countryCode:`+265`,iconFlagName:``},{code:`MY`,label:`Malaysia`,countryCode:`+60`,iconFlagName:`flag-malaysia`},{code:`MV`,label:`Maldives`,countryCode:`+960`,iconFlagName:``},{code:`ML`,label:`Mali`,countryCode:`+223`,iconFlagName:``},{code:`MT`,label:`Malta`,countryCode:`+356`,iconFlagName:`flag-malta`},{code:`MH`,label:`Marshall Islands`,countryCode:`+692`,iconFlagName:``},{code:`MQ`,label:`Martinique`,countryCode:`+596`,iconFlagName:``},{code:`MR`,label:`Mauritania`,countryCode:`+222`,iconFlagName:``},{code:`MU`,label:`Mauritius`,countryCode:`+230`,iconFlagName:`flag-mauritius`},{code:`YT`,label:`Mayotte`,countryCode:`+262`,iconFlagName:``},{code:`MX`,label:`Mexico`,countryCode:`+52`,iconFlagName:`flag-mexico`},{code:`FM`,label:`Micronesia (Federated States of)`,countryCode:`+691`,iconFlagName:``},{code:`MD`,label:`Moldova (Republic of)`,countryCode:`+373`,iconFlagName:`flag-moldova`},{code:`MC`,label:`Monaco`,countryCode:`+377`,iconFlagName:``},{code:`MN`,label:`Mongolia`,countryCode:`+976`,iconFlagName:``},{code:`ME`,label:`Montenegro`,countryCode:`+382`,iconFlagName:``},{code:`MS`,label:`Montserrat`,countryCode:`+1`,iconFlagName:``},{code:`MA`,label:`Morocco`,countryCode:`+212`,iconFlagName:``},{code:`MZ`,label:`Mozambique`,countryCode:`+258`,iconFlagName:``},{code:`MM`,label:`Myanmar`,countryCode:`+95`,iconFlagName:``},{code:`NA`,label:`Namibia`,countryCode:`+264`,iconFlagName:``},{code:`NR`,label:`Nauru`,countryCode:`+674`,iconFlagName:``},{code:`NP`,label:`Nepal`,countryCode:`+977`,iconFlagName:``},{code:`NL`,label:`Netherlands`,countryCode:`+31`,iconFlagName:`flag-netherlands`},{code:`NC`,label:`New Caledonia`,countryCode:`+687`,iconFlagName:``},{code:`NZ`,label:`New Zealand`,countryCode:`+64`,iconFlagName:`flag-new-zealand`},{code:`NI`,label:`Nicaragua`,countryCode:`+505`,iconFlagName:``},{code:`NE`,label:`Niger`,countryCode:`+227`,iconFlagName:``},{code:`NG`,label:`Nigeria`,countryCode:`+234`,iconFlagName:`flag-nigeria`},{code:`NU`,label:`Niue`,countryCode:`+683`,iconFlagName:``},{code:`NF`,label:`Norfolk Island`,countryCode:`+672`,iconFlagName:``},{code:`KP`,label:`Korea (Democratic People's Republic of)`,countryCode:`+850`,iconFlagName:``},{code:`MP`,label:`Northern Mariana Islands`,countryCode:`+1`,iconFlagName:``},{code:`NO`,label:`Norway`,countryCode:`+47`,iconFlagName:`flag-norway`},{code:`OM`,label:`Oman`,countryCode:`+968`,iconFlagName:``},{code:`PK`,label:`Pakistan`,countryCode:`+92`,iconFlagName:`flag-pakistan`},{code:`PW`,label:`Palau`,countryCode:`+680`,iconFlagName:``},{code:`PS`,label:`Palestine`,countryCode:`+970`,iconFlagName:``},{code:`PA`,label:`Panama`,countryCode:`+507`,iconFlagName:`flag-panama`},{code:`PG`,label:`Papua New Guinea`,countryCode:`+675`,iconFlagName:``},{code:`PY`,label:`Paraguay`,countryCode:`+595`,iconFlagName:``},{code:`PE`,label:`Peru`,countryCode:`+51`,iconFlagName:`flag-peru`},{code:`PH`,label:`Philippines`,countryCode:`+63`,iconFlagName:`flag-philippines`},{code:`PL`,label:`Poland`,countryCode:`+48`,iconFlagName:`flag-poland`},{code:`PT`,label:`Portugal`,countryCode:`+351`,iconFlagName:`flag-portugal`},{code:`PR`,label:`Puerto Rico`,countryCode:`+1`,iconFlagName:`flag-puertorico`},{code:`QA`,label:`Qatar`,countryCode:`+974`,iconFlagName:``},{code:`XK`,label:`Republic of Kosovo`,countryCode:`+381`,iconFlagName:``},{code:`RE`,label:`Réunion`,countryCode:`+262`,iconFlagName:``},{code:`RO`,label:`Romania`,countryCode:`+40`,iconFlagName:`flag-romania`},{code:`RU`,label:`Russian Federation`,countryCode:`+7`,iconFlagName:`flag-russia`},{code:`RW`,label:`Rwanda`,countryCode:`+250`,iconFlagName:`flag-rwanda`},{code:`BL`,label:`Saint Barthélemy`,countryCode:`+590`,iconFlagName:``},{code:`SH`,label:`Saint Helena, Ascension and Tristan da Cunha`,countryCode:`+290`,iconFlagName:``},{code:`KN`,label:`Saint Kitts and Nevis`,countryCode:`+1`,iconFlagName:``},{code:`LC`,label:`Saint Lucia`,countryCode:`+1`,iconFlagName:``},{code:`MF`,label:`Saint Martin (French part)`,countryCode:`+590`,iconFlagName:``},{code:`PM`,label:`Saint Pierre and Miquelon`,countryCode:`+508`,iconFlagName:``},{code:`VC`,label:`Saint Vincent and the Grenadines`,countryCode:`+1`,iconFlagName:``},{code:`WS`,label:`Samoa`,countryCode:`+685`,iconFlagName:``},{code:`SM`,label:`San Marino`,countryCode:`+378`,iconFlagName:``},{code:`ST`,label:`Sao Tome and Principe`,countryCode:`+239`,iconFlagName:``},{code:`SA`,label:`Saudi Arabia`,countryCode:`+966`,iconFlagName:`flag-saudi-arabia`},{code:`SN`,label:`Senegal`,countryCode:`+221`,iconFlagName:``},{code:`RS`,label:`Serbia`,countryCode:`+381`,iconFlagName:`flag-serbia`},{code:`SC`,label:`Seychelles`,countryCode:`+248`,iconFlagName:``},{code:`SL`,label:`Sierra Leone`,countryCode:`+232`,iconFlagName:``},{code:`SG`,label:`Singapore`,countryCode:`+65`,iconFlagName:`flag-singapore`},{code:`SG`,label:`Singapore`,countryCode:`+65`,iconFlagName:`flag-singapore`},{code:`SK`,label:`Slovakia`,countryCode:`+421`,iconFlagName:`flag-slovakia`},{code:`SI`,label:`Slovenia`,countryCode:`+386`,iconFlagName:`flag-slovenia`},{code:`SB`,label:`Solomon Islands`,countryCode:`+677`,iconFlagName:``},{code:`SO`,label:`Somalia`,countryCode:`+252`,iconFlagName:``},{code:`ZA`,label:`South Africa`,countryCode:`+27`,iconFlagName:`flag-south-africa`},{code:`KR`,label:`Korea (Republic of)`,countryCode:`+82`,iconFlagName:`flag-south-korea`},{code:`ES`,label:`Spain`,countryCode:`+34`,iconFlagName:`flag-spain`},{code:`LK`,label:`Sri Lanka`,countryCode:`+94`,iconFlagName:`flag-sri-lanka`},{code:`SD`,label:`Sudan`,countryCode:`+249`,iconFlagName:``},{code:`SR`,label:`Suriname`,countryCode:`+597`,iconFlagName:``},{code:`SZ`,label:`Swaziland`,countryCode:`+268`,iconFlagName:``},{code:`SE`,label:`Sweden`,countryCode:`+46`,iconFlagName:`flag-sweden`},{code:`CH`,label:`Switzerland`,countryCode:`+41`,iconFlagName:`flag-switzerland`},{code:`SY`,label:`Syrian Arab Republic`,countryCode:`+963`,iconFlagName:``},{code:`TW`,label:`Taiwan`,countryCode:`+886`,iconFlagName:`flag-taiwan`},{code:`TJ`,label:`Tajikistan`,countryCode:`+992`,iconFlagName:`flag-tajikistan`},{code:`TZ`,label:`Tanzania, United Republic of`,countryCode:`+255`,iconFlagName:`flag-tanzania`},{code:`TH`,label:`Thailand`,countryCode:`+66`,iconFlagName:`flag-thailand`},{code:`TL`,label:`Timor-Leste`,countryCode:`+670`,iconFlagName:``},{code:`TG`,label:`Togo`,countryCode:`+228`,iconFlagName:``},{code:`TK`,label:`Tokelau`,countryCode:`+690`,iconFlagName:``},{code:`TO`,label:`Tonga`,countryCode:`+676`,iconFlagName:``},{code:`TT`,label:`Trinidad and Tobago`,countryCode:`+1`,iconFlagName:`flag-trinidad-and-tobago`},{code:`TN`,label:`Tunisia`,countryCode:`+216`,iconFlagName:``},{code:`TR`,label:`Turkey`,countryCode:`+90`,iconFlagName:`flag-turkey`},{code:`TM`,label:`Turkmenistan`,countryCode:`+993`,iconFlagName:``},{code:`TC`,label:`Turks and Caicos Islands`,countryCode:`+1`,iconFlagName:``},{code:`TV`,label:`Tuvalu`,countryCode:`+688`,iconFlagName:``},{code:`UG`,label:`Uganda`,countryCode:`+256`,iconFlagName:``},{code:`UA`,label:`Ukraine`,countryCode:`+380`,iconFlagName:`flag-ukraine`},{code:`AE`,label:`United Arab Emirates`,countryCode:`+971`,iconFlagName:`flag-united-arab-emirates`},{code:`GB`,label:`United Kingdom of Great Britain and Northern Ireland`,countryCode:`+44`,iconFlagName:`flag-united-kingdom`},{code:`UK`,label:`United Kingdom`,countryCode:`+44`,iconFlagName:`flag-united-kingdom`},{code:`US`,label:`United States of America`,countryCode:`+1`,iconFlagName:`flag-united-states`},{code:`UY`,label:`Uruguay`,countryCode:`+598`,iconFlagName:`flag-uruguay`},{code:`UZ`,label:`Uzbekistan`,countryCode:`+998`,iconFlagName:`flag-uzbekistan`},{code:`VU`,label:`Vanuatu`,countryCode:`+678`,iconFlagName:``},{code:`VE`,label:`Venezuela (Bolivarian Republic of)`,countryCode:`+58`,iconFlagName:`flag-venezuela`},{code:`VN`,label:`Viet Nam`,countryCode:`+84`,iconFlagName:`flag-vietnam`},{code:`WF`,label:`Wallis and Futuna`,countryCode:`+681`,iconFlagName:``},{code:`WF`,label:`Wallis and Futuna`,countryCode:`+681`,iconFlagName:``},{code:`YE`,label:`Yemen`,countryCode:`+967`,iconFlagName:``},{code:`ZM`,label:`Zambia`,countryCode:`+260`,iconFlagName:`flag-zambia`},{code:`ZW`,label:`Zimbabwe`,countryCode:`+263`,iconFlagName:``}],t=new Map(e.map(e=>[e.code,e]));function n(e){if(!e||typeof e!=`string`)return;let n=t.get(e.trim().toUpperCase())?.iconFlagName;return n&&n.length>0?n:void 0}Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return e}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});