@vonage/vivid 5.18.0 → 5.19.0

package/bundled/definition6.js

@@ -1,18 +1,18 @@
 import { t as e } from "./localized.js";
-import { d as t, l as n, o as r, s as i } from "./vivid-element.js";
+import { c as t, f as n, s as r, u 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 { 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";
-import { t as g } from "./class-names.js";
+import { t as m } from "./class-names.js";
+import { n as h } from "./delegates-aria.js";
+import { t as g } from "./linkable.js";
 import { r as _, t as v } from "./definition5.js";
 import { t as y } from "./button.js";
 //#region src/lib/button/button.ts
-var b = class extends p(e(h(y))) {
+var b = class extends p(e(g(y))) {
 	constructor() {
 		super(), this.stacked = !1, this.pending = !1, this.dropdownIndicator = !1, this.active = !1, this.pressed = !1, this.title = "";
 	}
@@ -24,30 +24,30 @@ var b = class extends p(e(h(y))) {
 		}
 	}
 };
-c([n({ converter: {
+c([i({ converter: {
 	fromView: (e) => e || null,
 	toView: (e) => e || null
-} })], 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({
+} })], b.prototype, "title", void 0), c([i], b.prototype, "connotation", void 0), c([i], b.prototype, "shape", void 0), c([i], b.prototype, "appearance", void 0), c([i], b.prototype, "size", void 0), c([i({
 	mode: "boolean",
 	attribute: "stacked"
-})], b.prototype, "stacked", void 0), c([n({
+})], b.prototype, "stacked", void 0), c([i({
 	mode: "boolean",
 	attribute: "pending"
-})], b.prototype, "pending", void 0), c([n({
+})], b.prototype, "pending", void 0), c([i({
 	mode: "boolean",
 	attribute: "dropdown-indicator"
-})], b.prototype, "dropdownIndicator", void 0), c([n({
+})], b.prototype, "dropdownIndicator", void 0), c([i({
 	mode: "boolean",
 	attribute: "active"
-})], b.prototype, "active", void 0), c([n({
+})], b.prototype, "active", void 0), c([i({
 	mode: "boolean",
 	attribute: "pressed"
-})], b.prototype, "pressed", void 0), c([n], b.prototype, "label", void 0);
+})], b.prototype, "pressed", void 0), c([i], 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));--_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}>`;
+	let t = e.tagFor(l);
+	return n`<${t} class="chevron" aria-hidden="true" name="chevron-down-line"></${t}>`;
 };
 //#endregion
 //#region src/lib/button/button.template.ts
@@ -60,37 +60,37 @@ function C(e, t) {
 	}
 	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) {
+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: h }) => m("control", [`connotation-${e}`, !!e], `appearance-${C(t, h)}`, ["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, t, r, i = s.Normal) {
 	if (r && i != s.SuperCondensed) {
 		let r = e.tagFor(_);
-		return t`<span class="${(e) => {
-			let t = e.querySelector("[slot=\"icon\"]");
-			return g("icon", "pending", ["pending-no-icon", !(n || t)]);
+		return n`<span class="${(e) => {
+			let n = e.querySelector("[slot=\"icon\"]");
+			return m("icon", "pending", ["pending-no-icon", !(t || n)]);
 		}}" aria-hidden="true"><${r} size="${{
 			[s.Condensed]: "-6",
 			[s.Normal]: "-5",
 			[s.Expanded]: "-4"
 		}[i]}"></${r}></span>`;
-	} else return d(e)(n, f.Slot);
+	} else return d(e)(t, f.Slot);
 }
 var E = (e) => [
 	"submit",
 	"button",
 	"reset"
 ].indexOf(e) > -1 ? e : "submit", D = (e) => {
-	let n = S(e);
-	return t`<span class="content">
+	let t = S(e);
+	return n`<span class="content">
 			${(t) => T(e, t.icon, t.pending, t.size)}
-			${o((e) => e.label, t`<span class="text" aria-hidden="true">${(e) => e.label}</span>`)}
+			${o((e) => e.label, n`<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
 			>
 		</span>
-		${o((e) => e.dropdownIndicator, n)}`;
+		${o((e) => e.dropdownIndicator, t)}`;
 };
 function O(e) {
-	return t` <button
+	return n` <button
 		class="${w}"
 		?autofocus="${(e) => e.autofocus}"
 		form="${(e) => e.formId}"
@@ -103,7 +103,7 @@ function O(e) {
 		type="${(e) => E(e.type)}"
 		value="${(e) => e.value}"
 		title="${(e) => e.title}"
-		${m({
+		${h({
 		ariaLabel: null,
 		ariaDisabled: (e) => e.disabled || e.pending,
 		ariaPressed: (e) => e.pressed ? "true" : e.ariaPressed ?? null
@@ -115,16 +115,16 @@ function O(e) {
 	</button>`;
 }
 function k(e) {
-	return t`${(t) => t._renderLinkElement(D(e), w, { ariaLabel: null })}`;
+	return n`${(t) => t._renderLinkElement(D(e), w, { ariaLabel: null })}`;
 }
 //#endregion
 //#region src/lib/button/definition.ts
-var A = r("button", b, (e) => t` <template>
-		${o((e) => !e.href, t`${O(e)}`)}
+var A = r("button", b, (e) => n` <template>
+		${o((e) => !e.href, n`${O(e)}`)}
 		${o((e) => e.href, k(e))}
 	</template>`, [u, v], {
 	styles: x,
 	shadowOptions: { delegatesFocus: !0 }
-}), j = i(A);
+}), j = t(A);
 //#endregion
 export { b as i, j as n, S as r, A as t };

package/bundled/definition7.cjs

@@ -1,6 +1,6 @@
-const e=require(`./vivid-element.cjs`),t=require(`./decorate.cjs`),n=require(`./class-names.cjs`);var r=class extends e.t{};t.t([e.l],r.prototype,`dp`,void 0),t.t([e.l({attribute:`no-shadow`,mode:`boolean`})],r.prototype,`noShadow`,void 0),t.t([e.l({attribute:`not-relative`,mode:`boolean`})],r.prototype,`notRelative`,void 0);var i=`:host,.control{display:contents}.control.dp-0{--_elevation-fill:var(--_vvd-tinted-color-surface-0dp,var(--vvd-color-surface-0dp));--_elevation-shadow:var(--_vvd-tinted-shadow-surface-0dp,var(--vvd-shadow-surface-0dp))}.control.dp-4{--_elevation-fill:var(--_vvd-tinted-color-surface-4dp,var(--vvd-color-surface-4dp));--_elevation-shadow:var(--_vvd-tinted-shadow-surface-4dp,var(--vvd-shadow-surface-4dp))}.control.dp-8{--_elevation-fill:var(--_vvd-tinted-color-surface-8dp,var(--vvd-color-surface-8dp));--_elevation-shadow:var(--_vvd-tinted-shadow-surface-8dp,var(--vvd-shadow-surface-8dp))}.control.dp-12{--_elevation-fill:var(--_vvd-tinted-color-surface-12dp,var(--vvd-color-surface-12dp));--_elevation-shadow:var(--_vvd-tinted-shadow-surface-12dp,var(--vvd-shadow-surface-12dp))}.control.dp-16{--_elevation-fill:var(--_vvd-tinted-color-surface-16dp,var(--vvd-color-surface-16dp));--_elevation-shadow:var(--_vvd-tinted-shadow-surface-16dp,var(--vvd-shadow-surface-16dp))}.control.dp-24{--_elevation-fill:var(--_vvd-tinted-color-surface-24dp,var(--vvd-color-surface-24dp));--_elevation-shadow:var(--_vvd-tinted-shadow-surface-24dp,var(--vvd-shadow-surface-24dp))}.control:not(.dp-0,.dp-4,.dp-8,.dp-12,.dp-16,.dp-24){--_elevation-fill:var(--_vvd-tinted-color-surface-2dp,var(--vvd-color-surface-2dp));--_elevation-shadow:var(--_vvd-tinted-shadow-surface-2dp,var(--vvd-shadow-surface-2dp))}.control ::slotted(*){isolation:isolate}.control ::slotted(*):before{z-index:-1;border-radius:inherit;background:var(--_elevation-fill);content:"";block-size:100%;filter:var(--_elevation-shadow);inline-size:100%;transition:background-color .15s linear,filter .15s linear;position:absolute;inset-block-start:0;inset-inline-start:0}.control:not(.not-relative) ::slotted(*){position:relative}.control.no-shadow ::slotted(*):before{filter:none}`,a=e.d` <div
+const e=require(`./vivid-element.cjs`),t=require(`./decorate.cjs`),n=require(`./class-names.cjs`);var r=class extends e.t{};t.t([e.u],r.prototype,`dp`,void 0),t.t([e.u({attribute:`no-shadow`,mode:`boolean`})],r.prototype,`noShadow`,void 0),t.t([e.u({attribute:`not-relative`,mode:`boolean`})],r.prototype,`notRelative`,void 0);var i=`:host,.control{display:contents}.control.dp-0{--_elevation-fill:var(--_vvd-tinted-color-surface-0dp,var(--vvd-color-surface-0dp));--_elevation-shadow:var(--_vvd-tinted-shadow-surface-0dp,var(--vvd-shadow-surface-0dp))}.control.dp-4{--_elevation-fill:var(--_vvd-tinted-color-surface-4dp,var(--vvd-color-surface-4dp));--_elevation-shadow:var(--_vvd-tinted-shadow-surface-4dp,var(--vvd-shadow-surface-4dp))}.control.dp-8{--_elevation-fill:var(--_vvd-tinted-color-surface-8dp,var(--vvd-color-surface-8dp));--_elevation-shadow:var(--_vvd-tinted-shadow-surface-8dp,var(--vvd-shadow-surface-8dp))}.control.dp-12{--_elevation-fill:var(--_vvd-tinted-color-surface-12dp,var(--vvd-color-surface-12dp));--_elevation-shadow:var(--_vvd-tinted-shadow-surface-12dp,var(--vvd-shadow-surface-12dp))}.control.dp-16{--_elevation-fill:var(--_vvd-tinted-color-surface-16dp,var(--vvd-color-surface-16dp));--_elevation-shadow:var(--_vvd-tinted-shadow-surface-16dp,var(--vvd-shadow-surface-16dp))}.control.dp-24{--_elevation-fill:var(--_vvd-tinted-color-surface-24dp,var(--vvd-color-surface-24dp));--_elevation-shadow:var(--_vvd-tinted-shadow-surface-24dp,var(--vvd-shadow-surface-24dp))}.control:not(.dp-0,.dp-4,.dp-8,.dp-12,.dp-16,.dp-24){--_elevation-fill:var(--_vvd-tinted-color-surface-2dp,var(--vvd-color-surface-2dp));--_elevation-shadow:var(--_vvd-tinted-shadow-surface-2dp,var(--vvd-shadow-surface-2dp))}.control ::slotted(*){isolation:isolate}.control ::slotted(*):before{z-index:-1;border-radius:inherit;background:var(--_elevation-fill);content:"";block-size:100%;filter:var(--_elevation-shadow);inline-size:100%;transition:background-color .15s linear,filter .15s linear;position:absolute;inset-block-start:0;inset-inline-start:0}.control:not(.not-relative) ::slotted(*){position:relative}.control.no-shadow ::slotted(*):before{filter:none}`,a=e.f` <div
 	class="${({dp:e,noShadow:t,notRelative:r})=>n.t(`control`,[`dp-${e}`,!!e],[`no-shadow`,!!t],[`not-relative`,!!r])}"
 	part="base"
 >
 	<slot></slot>
-</div>`,o=e.o(`elevation`,r,a,[],{styles:i}),s=e.s(o);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});
+</div>`,o=e.s(`elevation`,r,a,[],{styles:i}),s=e.c(o);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});

package/bundled/definition7.js

@@ -1,22 +1,22 @@
-import { d as e, l as t, o as n, s as r, t as i } from "./vivid-element.js";
+import { c as e, f as t, s as n, t as r, u as i } from "./vivid-element.js";
 import { t as a } from "./decorate.js";
 import { t as o } from "./class-names.js";
 //#region src/lib/elevation/elevation.ts
-var s = class extends i {};
-a([t], s.prototype, "dp", void 0), a([t({
+var s = class extends r {};
+a([i], s.prototype, "dp", void 0), a([i({
 	attribute: "no-shadow",
 	mode: "boolean"
-})], s.prototype, "noShadow", void 0), a([t({
+})], s.prototype, "noShadow", void 0), a([i({
 	attribute: "not-relative",
 	mode: "boolean"
 })], s.prototype, "notRelative", void 0);
 //#endregion
 //#region src/lib/elevation/definition.ts
-var c = n("elevation", s, e` <div
+var c = n("elevation", s, t` <div
 	class="${({ dp: e, noShadow: t, notRelative: n }) => o("control", [`dp-${e}`, !!e], ["no-shadow", !!t], ["not-relative", !!n])}"
 	part="base"
 >
 	<slot></slot>
-</div>`, [], { styles: ":host,.control{display:contents}.control.dp-0{--_elevation-fill:var(--_vvd-tinted-color-surface-0dp,var(--vvd-color-surface-0dp));--_elevation-shadow:var(--_vvd-tinted-shadow-surface-0dp,var(--vvd-shadow-surface-0dp))}.control.dp-4{--_elevation-fill:var(--_vvd-tinted-color-surface-4dp,var(--vvd-color-surface-4dp));--_elevation-shadow:var(--_vvd-tinted-shadow-surface-4dp,var(--vvd-shadow-surface-4dp))}.control.dp-8{--_elevation-fill:var(--_vvd-tinted-color-surface-8dp,var(--vvd-color-surface-8dp));--_elevation-shadow:var(--_vvd-tinted-shadow-surface-8dp,var(--vvd-shadow-surface-8dp))}.control.dp-12{--_elevation-fill:var(--_vvd-tinted-color-surface-12dp,var(--vvd-color-surface-12dp));--_elevation-shadow:var(--_vvd-tinted-shadow-surface-12dp,var(--vvd-shadow-surface-12dp))}.control.dp-16{--_elevation-fill:var(--_vvd-tinted-color-surface-16dp,var(--vvd-color-surface-16dp));--_elevation-shadow:var(--_vvd-tinted-shadow-surface-16dp,var(--vvd-shadow-surface-16dp))}.control.dp-24{--_elevation-fill:var(--_vvd-tinted-color-surface-24dp,var(--vvd-color-surface-24dp));--_elevation-shadow:var(--_vvd-tinted-shadow-surface-24dp,var(--vvd-shadow-surface-24dp))}.control:not(.dp-0,.dp-4,.dp-8,.dp-12,.dp-16,.dp-24){--_elevation-fill:var(--_vvd-tinted-color-surface-2dp,var(--vvd-color-surface-2dp));--_elevation-shadow:var(--_vvd-tinted-shadow-surface-2dp,var(--vvd-shadow-surface-2dp))}.control ::slotted(*){isolation:isolate}.control ::slotted(*):before{z-index:-1;border-radius:inherit;background:var(--_elevation-fill);content:\"\";block-size:100%;filter:var(--_elevation-shadow);inline-size:100%;transition:background-color .15s linear,filter .15s linear;position:absolute;inset-block-start:0;inset-inline-start:0}.control:not(.not-relative) ::slotted(*){position:relative}.control.no-shadow ::slotted(*):before{filter:none}" }), l = r(c);
+</div>`, [], { styles: ":host,.control{display:contents}.control.dp-0{--_elevation-fill:var(--_vvd-tinted-color-surface-0dp,var(--vvd-color-surface-0dp));--_elevation-shadow:var(--_vvd-tinted-shadow-surface-0dp,var(--vvd-shadow-surface-0dp))}.control.dp-4{--_elevation-fill:var(--_vvd-tinted-color-surface-4dp,var(--vvd-color-surface-4dp));--_elevation-shadow:var(--_vvd-tinted-shadow-surface-4dp,var(--vvd-shadow-surface-4dp))}.control.dp-8{--_elevation-fill:var(--_vvd-tinted-color-surface-8dp,var(--vvd-color-surface-8dp));--_elevation-shadow:var(--_vvd-tinted-shadow-surface-8dp,var(--vvd-shadow-surface-8dp))}.control.dp-12{--_elevation-fill:var(--_vvd-tinted-color-surface-12dp,var(--vvd-color-surface-12dp));--_elevation-shadow:var(--_vvd-tinted-shadow-surface-12dp,var(--vvd-shadow-surface-12dp))}.control.dp-16{--_elevation-fill:var(--_vvd-tinted-color-surface-16dp,var(--vvd-color-surface-16dp));--_elevation-shadow:var(--_vvd-tinted-shadow-surface-16dp,var(--vvd-shadow-surface-16dp))}.control.dp-24{--_elevation-fill:var(--_vvd-tinted-color-surface-24dp,var(--vvd-color-surface-24dp));--_elevation-shadow:var(--_vvd-tinted-shadow-surface-24dp,var(--vvd-shadow-surface-24dp))}.control:not(.dp-0,.dp-4,.dp-8,.dp-12,.dp-16,.dp-24){--_elevation-fill:var(--_vvd-tinted-color-surface-2dp,var(--vvd-color-surface-2dp));--_elevation-shadow:var(--_vvd-tinted-shadow-surface-2dp,var(--vvd-shadow-surface-2dp))}.control ::slotted(*){isolation:isolate}.control ::slotted(*):before{z-index:-1;border-radius:inherit;background:var(--_elevation-fill);content:\"\";block-size:100%;filter:var(--_elevation-shadow);inline-size:100%;transition:background-color .15s linear,filter .15s linear;position:absolute;inset-block-start:0;inset-inline-start:0}.control:not(.not-relative) ::slotted(*){position:relative}.control.no-shadow ::slotted(*):before{filter:none}" }), l = e(c);
 //#endregion
 export { l as n, s as r, c as t };

package/bundled/definition8.cjs

@@ -1,14 +1,14 @@
-const e=require(`./vivid-element.cjs`),t=require(`./ref.cjs`),n=require(`./when.cjs`),r=require(`./decorate.cjs`),i=require(`./class-names.cjs`),a=require(`./definition6.cjs`),o=require(`./definition7.cjs`),s=require(`./floating-ui.dom.cjs`);var c={Flip:`flip`,AutoPlacementHorizontal:`auto-placement-horizontal`,AutoPlacementVertical:`auto-placement-vertical`},l={[c.Flip]:s.a(),[c.AutoPlacementHorizontal]:s.n({allowedPlacements:[`bottom`,`top`,`bottom-start`,`bottom-end`,`top-start`,`top-end`]}),[c.AutoPlacementVertical]:s.n({allowedPlacements:[`left`,`right`,`left-start`,`left-end`,`right-start`,`right-end`]})},u=class extends e.t{constructor(...e){super(...e),this.open=!1,this.dismissible=!1,this.arrow=!1,this.alternate=!1,this.placementStrategy=c.Flip,this.animationFrame=!1,this.strategy=`fixed`,this.offset=null}get#e(){let e=[s.s(),l[this.placementStrategy],s.o(),s.u({apply({availableWidth:e,availableHeight:t,elements:n}){Object.assign(n.floating.style,{maxWidth:`${e}px`,maxHeight:`${t}px`})}}),s.l()],t=this.offset??0;return this.arrow&&(t+=12,e=[...e,s.t({element:this.arrowEl,padding:10})]),t>0&&e.unshift(s.c(t)),e}#t;openChanged(e,t){this.#r(),this.#n(),this.$emit(t?`vwc-popup:open`:`vwc-popup:close`)}animationFrameChanged(){this.#n()}anchorChanged(){this.#n()}strategyChanged(){this.#r()}connectedCallback(){super.connectedCallback(),this.#r(),this.#n()}disconnectedCallback(){super.disconnectedCallback(),this.#n()}#n(){this.#t?.(),this.isConnected&&(this.open&&this.controlEl&&this.controlEl.classList.add(`open`),this.anchorEl&&this.open&&this.popupEl&&(this.#t=s.r(this.anchorEl,this.popupEl,this.#a,{animationFrame:this.animationFrame})))}#r(){this.popupEl&&this.strategy===`fixed`&&(this.open?this.popupEl.showPopover():this.popupEl.hidePopover())}#i;#a=()=>(this.#i=this.updatePosition(),this.#i);async updatePosition(){if(!this.open||!this.anchorEl)return;let e=await s.i(this.anchorEl,this.popupEl,{placement:this.placement,strategy:this.strategy,middleware:this.#e});this.#o(e),this.arrow&&this.#s(e)}#o(e){let{x:t,y:n}=e,{referenceHidden:r}=e.middlewareData.hide;Object.assign(this.popupEl.style,{left:`${t}px`,top:`${n}px`,visibility:r?`hidden`:`visible`})}#s(e){let{x:t,y:n}=e.middlewareData.arrow,r={left:`calc(100% - 4px)`,right:`-4px`,top:`calc(100% - 4px)`,bottom:`-4px`},i=e.placement.split(`-`)[0];Object.assign(this.arrowEl.style,{left:t?`${t}px`:r[i],top:n?`${n}px`:r[i]})}get anchorEl(){return this.anchor??null}show(){return this.open=!0,this.#i??Promise.resolve()}hide(){this.open=!1}};r.t([e.l({mode:`boolean`})],u.prototype,`open`,void 0),r.t([e.l({mode:`boolean`})],u.prototype,`dismissible`,void 0),r.t([e.l({mode:`boolean`})],u.prototype,`arrow`,void 0),r.t([e.l({mode:`boolean`})],u.prototype,`alternate`,void 0),r.t([e.l({mode:`fromView`})],u.prototype,`placement`,void 0),r.t([e.l({mode:`boolean`,attribute:`animation-frame`})],u.prototype,`animationFrame`,void 0),r.t([e.l({mode:`fromView`})],u.prototype,`strategy`,void 0),r.t([e.l({attribute:`offset`,converter:e.u})],u.prototype,`offset`,void 0),r.t([e.T],u.prototype,`anchor`,void 0);var d=`:host{display:var(--_popup-display,inline)}.control{border-radius:inherit;background:var(--vvd-color-surface-4dp);contain:layout}.control:not(.open){display:none}.popup-wrapper{white-space:initial;--scrollbar-track-color:transparent;--scrollbar-thumb-color:color-mix(in srgb, var(--vvd-color-neutral-950), transparent 70%);scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color);scrollbar-width:thin}.popup-wrapper ::-webkit-scrollbar{width:4px}.popup-wrapper ::-webkit-scrollbar-track{background:var(--scrollbar-track-color)}.popup-wrapper ::-webkit-scrollbar-thumb{background-color:var(--scrollbar-fallback-track-color,var(--scrollbar-thumb-color));border:0;border-radius:4px}.popup-wrapper{z-index:var(--_popup-z-index,10);border:none;border-radius:8px;inline-size:max-content;min-inline-size:fit-content;margin:0;padding:0;overflow:visible}.popup-wrapper:not(.absolute){position:fixed}.popup-wrapper.absolute{position:absolute;top:0;left:0}.popup-content{color:var(--vvd-color-canvas-text);display:grid}.dismissible .popup-content{grid-template-columns:1fr auto;align-content:start}.arrow{z-index:-1;background:var(--vvd-color-surface-4dp);width:8px;height:8px;position:absolute;transform:rotate(45deg)}.dismissible-button{align-self:flex-start;margin-block-start:4px;margin-inline-end:4px}`,f=({open:e,dismissible:t,alternate:n})=>i.t(`control`,[`open`,!!e],[`dismissible`,!!t],[`alternate`,!!n]);function p(e){return e.strategy&&e.strategy===`fixed`?`manual`:null}var m=e.o(`popup`,u,r=>{let i=r.tagFor(o.r),s=r.tagFor(a.i);return e.d`
+const e=require(`./vivid-element.cjs`),t=require(`./ref.cjs`),n=require(`./when.cjs`),r=require(`./decorate.cjs`),i=require(`./class-names.cjs`),a=require(`./definition6.cjs`),o=require(`./definition7.cjs`),s=require(`./floating-ui.dom.cjs`);var c={Flip:`flip`,AutoPlacementHorizontal:`auto-placement-horizontal`,AutoPlacementVertical:`auto-placement-vertical`},l={[c.Flip]:s.a(),[c.AutoPlacementHorizontal]:s.n({allowedPlacements:[`bottom`,`top`,`bottom-start`,`bottom-end`,`top-start`,`top-end`]}),[c.AutoPlacementVertical]:s.n({allowedPlacements:[`left`,`right`,`left-start`,`left-end`,`right-start`,`right-end`]})},u=class extends e.t{constructor(...e){super(...e),this.open=!1,this.dismissible=!1,this.arrow=!1,this.alternate=!1,this.placementStrategy=c.Flip,this.animationFrame=!1,this.strategy=`fixed`,this.offset=null,this.#a=()=>(this.#i=this.updatePosition(),this.#i)}get#e(){let e=[s.s(),l[this.placementStrategy],s.o(),s.u({apply({availableWidth:e,availableHeight:t,elements:n}){Object.assign(n.floating.style,{maxWidth:`${e}px`,maxHeight:`${t}px`})}}),s.l()],t=this.offset??0;return this.arrow&&(t+=12,e=[...e,s.t({element:this.arrowEl,padding:10})]),t>0&&e.unshift(s.c(t)),e}#t;openChanged(e,t){this.#r(),this.#n(),this.$emit(t?`vwc-popup:open`:`vwc-popup:close`)}animationFrameChanged(){this.#n()}anchorChanged(){this.#n()}strategyChanged(){this.#r()}connectedCallback(){super.connectedCallback(),this.#r(),this.#n()}disconnectedCallback(){super.disconnectedCallback(),this.#n()}#n(){this.#t?.(),this.isConnected&&(this.open&&this.controlEl&&this.controlEl.classList.add(`open`),this.anchorEl&&this.open&&this.popupEl&&(this.#t=s.r(this.anchorEl,this.popupEl,this.#a,{animationFrame:this.animationFrame})))}#r(){this.popupEl&&this.strategy===`fixed`&&(this.open?this.popupEl.showPopover():this.popupEl.hidePopover())}#i;#a;async updatePosition(){if(!this.open||!this.anchorEl)return;let e=await s.i(this.anchorEl,this.popupEl,{placement:this.placement,strategy:this.strategy,middleware:this.#e});this.#o(e),this.arrow&&this.#s(e)}#o(e){let{x:t,y:n}=e,{referenceHidden:r}=e.middlewareData.hide;Object.assign(this.popupEl.style,{left:`${t}px`,top:`${n}px`,visibility:r?`hidden`:`visible`})}#s(e){let{x:t,y:n}=e.middlewareData.arrow,r={left:`calc(100% - 4px)`,right:`-4px`,top:`calc(100% - 4px)`,bottom:`-4px`},i=e.placement.split(`-`)[0];Object.assign(this.arrowEl.style,{left:t?`${t}px`:r[i],top:n?`${n}px`:r[i]})}get anchorEl(){return this.anchor??null}show(){return this.open=!0,this.#i??Promise.resolve()}hide(){this.open=!1}};r.t([e.u({mode:`boolean`})],u.prototype,`open`,void 0),r.t([e.u({mode:`boolean`})],u.prototype,`dismissible`,void 0),r.t([e.u({mode:`boolean`})],u.prototype,`arrow`,void 0),r.t([e.u({mode:`boolean`})],u.prototype,`alternate`,void 0),r.t([e.u({mode:`fromView`})],u.prototype,`placement`,void 0),r.t([e.u({mode:`boolean`,attribute:`animation-frame`})],u.prototype,`animationFrame`,void 0),r.t([e.u({mode:`fromView`})],u.prototype,`strategy`,void 0),r.t([e.u({attribute:`offset`,converter:e.d})],u.prototype,`offset`,void 0),r.t([e.D],u.prototype,`anchor`,void 0);var d=`:host{display:var(--_popup-display,inline)}.control{border-radius:inherit;background:var(--vvd-color-surface-4dp);contain:layout}.control:not(.open){display:none}.popup-wrapper{white-space:initial;--scrollbar-track-color:transparent;--scrollbar-thumb-color:color-mix(in srgb, var(--vvd-color-neutral-950), transparent 70%);scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color);scrollbar-width:thin}.popup-wrapper ::-webkit-scrollbar{width:4px}.popup-wrapper ::-webkit-scrollbar-track{background:var(--scrollbar-track-color)}.popup-wrapper ::-webkit-scrollbar-thumb{background-color:var(--scrollbar-fallback-track-color,var(--scrollbar-thumb-color));border:0;border-radius:4px}.popup-wrapper{z-index:var(--_popup-z-index,10);border:none;border-radius:8px;inline-size:max-content;min-inline-size:fit-content;margin:0;padding:0;overflow:visible}.popup-wrapper:not(.absolute){position:fixed}.popup-wrapper.absolute{position:absolute;top:0;left:0}.popup-content{color:var(--vvd-color-canvas-text);display:grid}.dismissible .popup-content{grid-template-columns:1fr auto;align-content:start}.arrow{z-index:-1;background:var(--vvd-color-surface-4dp);width:8px;height:8px;position:absolute;transform:rotate(45deg)}.dismissible-button{align-self:flex-start;margin-block-start:4px;margin-inline-end:4px}`,f=({open:e,dismissible:t,alternate:n})=>i.t(`control`,[`open`,!!e],[`dismissible`,!!t],[`alternate`,!!n]);function p(e){return e.strategy&&e.strategy===`fixed`?`manual`:null}var m=e.s(`popup`,u,r=>{let i=r.tagFor(o.r),s=r.tagFor(a.i);return e.f`
   <${i}>
 		<div popover="${p}" class="popup-wrapper ${e=>e.strategy}" ${t.t(`popupEl`)} part="popup-base">
 			<div ${t.t(`controlEl`)} class="${f}" aria-hidden="${e=>e.open?`false`:`true`}"
 				part="${e=>e.alternate?`vvd-theme-alternate`:``}">
 				<div class="popup-content">
 					<slot></slot>
-					${n.t(e=>e.dismissible,e.d`<${s} size="condensed" @click="${e=>e.open=!1}"
+					${n.t(e=>e.dismissible,e.f`<${s} size="condensed" @click="${e=>e.open=!1}"
 						class="dismissible-button" icon="close-small-solid" shape="pill"></${s}>`)}
 				</div>
-				${n.t(e=>e.arrow,e.d`<div class="arrow" ${t.t(`arrowEl`)}></div>`)}
+				${n.t(e=>e.arrow,e.f`<div class="arrow" ${t.t(`arrowEl`)}></div>`)}
 			</div>
     </div>
-  </${i}>`},[o.t,a.t],{styles:d}),h=e.s(m);Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return m}});
+  </${i}>`},[o.t,a.t],{styles:d}),h=e.c(m);Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return m}});

package/bundled/definition8.js

@@ -1,4 +1,4 @@
-import { T as e, d as t, l as n, o as r, s as i, t as a, u as o } from "./vivid-element.js";
+import { D as e, c as t, d as n, f as r, s as i, t as a, u as o } from "./vivid-element.js";
 import { t as s } from "./ref.js";
 import { t as c } from "./when.js";
 import { t as l } from "./decorate.js";
@@ -31,7 +31,7 @@ var T = {
 	] })
 }, D = class extends a {
 	constructor(...e) {
-		super(...e), this.open = !1, this.dismissible = !1, this.arrow = !1, this.alternate = !1, this.placementStrategy = T.Flip, this.animationFrame = !1, this.strategy = "fixed", this.offset = null;
+		super(...e), this.open = !1, this.dismissible = !1, this.arrow = !1, this.alternate = !1, this.placementStrategy = T.Flip, this.animationFrame = !1, this.strategy = "fixed", this.offset = null, this.#a = () => (this.#i = this.updatePosition(), this.#i);
 	}
 	get #e() {
 		let e = [
@@ -77,7 +77,7 @@ var T = {
 		this.popupEl && this.strategy === "fixed" && (this.open ? this.popupEl.showPopover() : this.popupEl.hidePopover());
 	}
 	#i;
-	#a = () => (this.#i = this.updatePosition(), this.#i);
+	#a;
 	async updatePosition() {
 		if (!this.open || !this.anchorEl) return;
 		let e = await _(this.anchorEl, this.popupEl, {
@@ -117,12 +117,12 @@ var T = {
 		this.open = !1;
 	}
 };
-l([n({ mode: "boolean" })], D.prototype, "open", void 0), l([n({ mode: "boolean" })], D.prototype, "dismissible", void 0), l([n({ mode: "boolean" })], D.prototype, "arrow", void 0), l([n({ mode: "boolean" })], D.prototype, "alternate", void 0), l([n({ mode: "fromView" })], D.prototype, "placement", void 0), l([n({
+l([o({ mode: "boolean" })], D.prototype, "open", void 0), l([o({ mode: "boolean" })], D.prototype, "dismissible", void 0), l([o({ mode: "boolean" })], D.prototype, "arrow", void 0), l([o({ mode: "boolean" })], D.prototype, "alternate", void 0), l([o({ mode: "fromView" })], D.prototype, "placement", void 0), l([o({
 	mode: "boolean",
 	attribute: "animation-frame"
-})], D.prototype, "animationFrame", void 0), l([n({ mode: "fromView" })], D.prototype, "strategy", void 0), l([n({
+})], D.prototype, "animationFrame", void 0), l([o({ mode: "fromView" })], D.prototype, "strategy", void 0), l([o({
 	attribute: "offset",
-	converter: o
+	converter: n
 })], D.prototype, "offset", void 0), l([e], D.prototype, "anchor", void 0);
 //#endregion
 //#region src/lib/popup/popup.scss?inline
@@ -132,22 +132,22 @@ function A(e) {
 }
 //#endregion
 //#region src/lib/popup/definition.ts
-var j = r("popup", D, (e) => {
-	let n = e.tagFor(p), r = e.tagFor(d);
-	return t`
-  <${n}>
+var j = i("popup", D, (e) => {
+	let t = e.tagFor(p), n = e.tagFor(d);
+	return r`
+  <${t}>
 		<div popover="${A}" class="popup-wrapper ${(e) => e.strategy}" ${s("popupEl")} part="popup-base">
 			<div ${s("controlEl")} class="${k}" aria-hidden="${(e) => e.open ? "false" : "true"}"
 				part="${(e) => e.alternate ? "vvd-theme-alternate" : ""}">
 				<div class="popup-content">
 					<slot></slot>
-					${c((e) => e.dismissible, t`<${r} size="condensed" @click="${(e) => e.open = !1}"
-						class="dismissible-button" icon="close-small-solid" shape="pill"></${r}>`)}
+					${c((e) => e.dismissible, r`<${n} size="condensed" @click="${(e) => e.open = !1}"
+						class="dismissible-button" icon="close-small-solid" shape="pill"></${n}>`)}
 				</div>
-				${c((e) => e.arrow, t`<div class="arrow" ${s("arrowEl")}></div>`)}
+				${c((e) => e.arrow, r`<div class="arrow" ${s("arrowEl")}></div>`)}
 			</div>
     </div>
-  </${n}>`;
-}, [m, f], { styles: O }), M = i(j);
+  </${t}>`;
+}, [m, f], { styles: O }), M = t(j);
 //#endregion
 export { D as i, M as n, T as r, j as t };

package/bundled/definition9.cjs

@@ -1,4 +1,4 @@
-const e=require(`./vivid-element.cjs`),t=require(`./decorate.cjs`),n=require(`./class-names.cjs`),r=require(`./definition8.cjs`),i=require(`./anchored.cjs`),a=require(`./dialog.cjs`);var o=`:host :host{display:var(--_popup-display,inline)}:host :host([slotted-anchor]){--_popup-display:contents}.control{pointer-events:none}.tooltip{width:var(--tooltip-inline-size,auto);box-sizing:border-box;color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base-bold);max-inline-size:var(--tooltip-max-inline-size,30ch);padding:8px 12px}`,s=class extends i.t(e.t){constructor(...e){super(...e),this.open=!1}connectedCallback(){super.connectedCallback(),this.#a()}disconnectedCallback(){super.disconnectedCallback(),this.#a()}_anchorElChanged(e,t){e&&this.#t(e),t&&this.#e(t)}#e(e){e.addEventListener(`mouseover`,this.#n),e.addEventListener(`mouseout`,this.#r),e.addEventListener(`focusin`,this.#n),e.addEventListener(`focusout`,this.#r),e.setAttribute(`aria-haspopup`,`true`),e.setAttribute(`aria-expanded`,String(this.open))}#t(e){e.removeEventListener(`mouseover`,this.#n),e.removeEventListener(`mouseout`,this.#r),e.removeEventListener(`focusin`,this.#n),e.removeEventListener(`focusout`,this.#r),e.removeAttribute(`aria-haspopup`),e.removeAttribute(`aria-expanded`)}#n=()=>{this.open=!0,this.#i()};#r=()=>{this.open=!1,this.#i()};#i(){this._anchorEl&&this._anchorEl.setAttribute(`aria-expanded`,String(this.open))}#a(){document.removeEventListener(`keydown`,this.#o),this.open&&this.isConnected&&document.addEventListener(`keydown`,this.#o)}#o=e=>{e.key===`Escape`&&this.#r()};openChanged(e){e!==void 0&&this.#a()}};t.t([e.l],s.prototype,`text`,void 0),t.t([e.l({mode:`fromView`})],s.prototype,`placement`,void 0),t.t([e.l({mode:`boolean`})],s.prototype,`open`,void 0);var c=({open:e})=>n.t(`control`,[`open`,!!e]),l=e.o(`tooltip`,s,t=>{let n=t.tagFor(r.i);return e.d`
+const e=require(`./vivid-element.cjs`),t=require(`./decorate.cjs`),n=require(`./class-names.cjs`),r=require(`./definition8.cjs`),i=require(`./anchored.cjs`),a=require(`./dialog.cjs`);var o=`:host :host{display:var(--_popup-display,inline)}:host :host([slotted-anchor]){--_popup-display:contents}.control{pointer-events:none}.tooltip{width:var(--tooltip-inline-size,auto);box-sizing:border-box;color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base-bold);max-inline-size:var(--tooltip-max-inline-size,30ch);padding:8px 12px}`,s=class extends i.t(e.t){constructor(...e){super(...e),this.open=!1,this.#n=()=>{this.open=!0,this.#i()},this.#r=()=>{this.open=!1,this.#i()},this.#o=e=>{e.key===`Escape`&&this.#r()}}connectedCallback(){super.connectedCallback(),this.#a()}disconnectedCallback(){super.disconnectedCallback(),this.#a()}_anchorElChanged(e,t){e&&this.#t(e),t&&this.#e(t)}#e(e){e.addEventListener(`mouseover`,this.#n),e.addEventListener(`mouseout`,this.#r),e.addEventListener(`focusin`,this.#n),e.addEventListener(`focusout`,this.#r),e.setAttribute(`aria-haspopup`,`true`),e.setAttribute(`aria-expanded`,String(this.open))}#t(e){e.removeEventListener(`mouseover`,this.#n),e.removeEventListener(`mouseout`,this.#r),e.removeEventListener(`focusin`,this.#n),e.removeEventListener(`focusout`,this.#r),e.removeAttribute(`aria-haspopup`),e.removeAttribute(`aria-expanded`)}#n;#r;#i(){this._anchorEl&&this._anchorEl.setAttribute(`aria-expanded`,String(this.open))}#a(){document.removeEventListener(`keydown`,this.#o),this.open&&this.isConnected&&document.addEventListener(`keydown`,this.#o)}#o;openChanged(e){e!==void 0&&this.#a()}};t.t([e.u],s.prototype,`text`,void 0),t.t([e.u({mode:`fromView`})],s.prototype,`placement`,void 0),t.t([e.u({mode:`boolean`})],s.prototype,`open`,void 0);var c=({open:e})=>n.t(`control`,[`open`,!!e]),l=e.s(`tooltip`,s,t=>{let n=t.tagFor(r.i);return e.f`
 ${i.n()}
 <${n} class="${c}" arrow alternate
 	:placement=${e=>e.placement}
@@ -9,4 +9,4 @@ ${i.n()}
   <div part="vvd-theme-alternate" class="tooltip" role="tooltip">
 		${e=>e.text}
   </div>
-</${n}>`},[r.t],{styles:o}),u=e.s(l);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return u}});
+</${n}>`},[r.t],{styles:o}),u=e.c(l);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return u}});

package/bundled/definition9.js

@@ -1,13 +1,20 @@
-import { d as e, l as t, o as n, s as r, t as i } from "./vivid-element.js";
+import { c as e, f as t, s as n, t as r, u as i } from "./vivid-element.js";
 import { t as a } from "./decorate.js";
 import { t as o } from "./class-names.js";
 import { i as s, t as c } from "./definition8.js";
 import { n as l, t as u } from "./anchored.js";
 import { t as d } from "./dialog.js";
 //#region src/lib/tooltip/tooltip.scss?inline
-var f = ":host :host{display:var(--_popup-display,inline)}:host :host([slotted-anchor]){--_popup-display:contents}.control{pointer-events:none}.tooltip{width:var(--tooltip-inline-size,auto);box-sizing:border-box;color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base-bold);max-inline-size:var(--tooltip-max-inline-size,30ch);padding:8px 12px}", p = class extends u(i) {
+var f = ":host :host{display:var(--_popup-display,inline)}:host :host([slotted-anchor]){--_popup-display:contents}.control{pointer-events:none}.tooltip{width:var(--tooltip-inline-size,auto);box-sizing:border-box;color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base-bold);max-inline-size:var(--tooltip-max-inline-size,30ch);padding:8px 12px}", p = class extends u(r) {
 	constructor(...e) {
-		super(...e), this.open = !1;
+		super(...e), this.open = !1, this.#n = () => {
+			this.open = !0, this.#i();
+		}, this.#r = () => {
+			this.open = !1, this.#i();
+		}, this.#o = (e) => {
+			/* v8 ignore else -- @preserve */
+			e.key === "Escape" && this.#r();
+		};
 	}
 	connectedCallback() {
 		super.connectedCallback(), this.#a();
@@ -24,32 +31,25 @@ var f = ":host :host{display:var(--_popup-display,inline)}:host :host([slotted-a
 	#t(e) {
 		e.removeEventListener("mouseover", this.#n), e.removeEventListener("mouseout", this.#r), e.removeEventListener("focusin", this.#n), e.removeEventListener("focusout", this.#r), e.removeAttribute("aria-haspopup"), e.removeAttribute("aria-expanded");
 	}
-	#n = () => {
-		this.open = !0, this.#i();
-	};
-	#r = () => {
-		this.open = !1, this.#i();
-	};
+	#n;
+	#r;
 	#i() {
 		this._anchorEl && this._anchorEl.setAttribute("aria-expanded", String(this.open));
 	}
 	#a() {
 		document.removeEventListener("keydown", this.#o), this.open && this.isConnected && document.addEventListener("keydown", this.#o);
 	}
-	#o = (e) => {
-		/* v8 ignore else -- @preserve */
-		e.key === "Escape" && this.#r();
-	};
+	#o;
 	openChanged(e) {
 		e !== void 0 && this.#a();
 	}
 };
-a([t], p.prototype, "text", void 0), a([t({ mode: "fromView" })], p.prototype, "placement", void 0), a([t({ mode: "boolean" })], p.prototype, "open", void 0);
+a([i], p.prototype, "text", void 0), a([i({ mode: "fromView" })], p.prototype, "placement", void 0), a([i({ mode: "boolean" })], p.prototype, "open", void 0);
 //#endregion
 //#region src/lib/tooltip/tooltip.template.ts
-var m = ({ open: e }) => o("control", ["open", !!e]), h = n("tooltip", p, (t) => {
-	let n = t.tagFor(s);
-	return e`
+var m = ({ open: e }) => o("control", ["open", !!e]), h = n("tooltip", p, (e) => {
+	let n = e.tagFor(s);
+	return t`
 ${l()}
 <${n} class="${m}" arrow alternate
 	:placement=${(e) => e.placement}
@@ -63,6 +63,6 @@ ${l()}
 		${(e) => e.text}
   </div>
 </${n}>`;
-}, [c], { styles: f }), g = r(h);
+}, [c], { styles: f }), g = e(h);
 //#endregion
 export { h as n, p as r, g as t };

package/bundled/delegates-aria.cjs

@@ -1 +1 @@
-const e=require(`./vivid-element.cjs`),t=require(`./attribute-binding-behaviour.cjs`);var n=class{constructor(e,t){this.target=null,this.bindingBehaviours=[],this.onSourceAriaPropertyChanged=(e,t)=>{!this.forwardedProperties.has(t)||t in this.boundProperties||this.forwardPropertyToTarget(this.target,t,e[t])},this.target=e,this.boundProperties=t.boundProperties,this.forwardedProperties=t.forwardedProperties}bind(e){let t=e.source;this.bindPropertiesToTarget(t,this.boundProperties,this.target),this.startForwardingPropertiesToTarget(t,this.forwardedProperties,this.target)}bindPropertiesToTarget(n,r,i){for(let[n,a]of Object.entries(r)){let r=a instanceof Function?a:()=>a;this.bindingBehaviours.push(new t.t(i,e.x(r),e.w.isVolatileBinding(r),e.r(n)))}for(let e of this.bindingBehaviours)e.bind({source:n,context:n.$fastController.context})}startForwardingPropertiesToTarget(t,n,r){for(let e of n)e in this.boundProperties||this.forwardPropertyToTarget(r,e,t[e]);e.a(t,this.onSourceAriaPropertyChanged)}forwardPropertyToTarget(t,n,r){r==null||r===!1?t.removeAttribute(e.r(n)):t.setAttribute(e.r(n),String(r))}},r=class extends e.h{constructor(e,t){super(`vvd-delegate-aria`),this.boundProperties=e,this.forwardedProperties=t,this.targetNodeId=``}bind(e){let t=e.targets[this.targetNodeId];new n(t,{boundProperties:this.boundProperties,forwardedProperties:this.forwardedProperties}).bind(e)}};e.m.define(r);function i(t={},n={}){return new r(t,new Set((n.onlySpecified?[]:e.i).filter(e=>!(e in t))))}var a=e=>{class t extends e{constructor(...e){super(...e),this._vividAriaBehaviour=`delegate`}}return t};Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
+const e=require(`./vivid-element.cjs`),t=require(`./aria-binding-directive.cjs`);function n(n={},r={}){return new t.t({boundProperties:n,forwardedProperties:new Set((r.onlySpecified?[]:e.i).filter(e=>!(e in n)))})}var r=e=>{class t extends e{constructor(...e){super(...e),this._vividAriaBehaviour=`delegate`}}return t};Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});

package/bundled/delegates-aria.js

@@ -1,52 +1,13 @@
-import { a as e, h as t, i as n, m as r, r as i, w as a, x as o } from "./vivid-element.js";
-import { t as s } from "./attribute-binding-behaviour.js";
-//#region src/shared/aria/delegate-aria-behavior.ts
-var c = class {
-	constructor(e, t) {
-		this.target = null, this.bindingBehaviours = [], this.onSourceAriaPropertyChanged = (e, t) => {
-			!this.forwardedProperties.has(t) || t in this.boundProperties || this.forwardPropertyToTarget(this.target, t, e[t]);
-		}, this.target = e, this.boundProperties = t.boundProperties, this.forwardedProperties = t.forwardedProperties;
-	}
-	bind(e) {
-		let t = e.source;
-		this.bindPropertiesToTarget(t, this.boundProperties, this.target), this.startForwardingPropertiesToTarget(t, this.forwardedProperties, this.target);
-	}
-	bindPropertiesToTarget(e, t, n) {
-		for (let [e, r] of Object.entries(t)) {
-			let t = r instanceof Function ? r : () => r;
-			this.bindingBehaviours.push(new s(n, o(t), a.isVolatileBinding(t), i(e)));
-		}
-		for (let t of this.bindingBehaviours) t.bind({
-			source: e,
-			context: e.$fastController.context
-		});
-	}
-	startForwardingPropertiesToTarget(t, n, r) {
-		for (let e of n)
- /* v8 ignore else -- @preserve */
-		e in this.boundProperties || this.forwardPropertyToTarget(r, e, t[e]);
-		e(t, this.onSourceAriaPropertyChanged);
-	}
-	forwardPropertyToTarget(e, t, n) {
-		n == null || n === !1 ? e.removeAttribute(i(t)) : e.setAttribute(i(t), String(n));
-	}
-}, l = class extends t {
-	constructor(e, t) {
-		super("vvd-delegate-aria"), this.boundProperties = e, this.forwardedProperties = t, this.targetNodeId = "";
-	}
-	bind(e) {
-		let t = e.targets[this.targetNodeId];
-		new c(t, {
-			boundProperties: this.boundProperties,
-			forwardedProperties: this.forwardedProperties
-		}).bind(e);
-	}
-};
-r.define(l);
-function u(e = {}, t = {}) {
-	return new l(e, new Set((t.onlySpecified ? [] : n).filter((t) => !(t in e))));
+import { i as e } from "./vivid-element.js";
+import { t } from "./aria-binding-directive.js";
+//#region src/shared/aria/delegates-aria.ts
+function n(n = {}, r = {}) {
+	return new t({
+		boundProperties: n,
+		forwardedProperties: new Set((r.onlySpecified ? [] : e).filter((e) => !(e in n)))
+	});
 }
-var d = (e) => {
+var r = (e) => {
 	class t extends e {
 		constructor(...e) {
 			super(...e), this._vividAriaBehaviour = "delegate";
@@ -55,4 +16,4 @@ var d = (e) => {
 	return t;
 };
 //#endregion
-export { u as n, d as t };
+export { n, r as t };

package/bundled/divider.cjs

@@ -1 +1 @@
-const e=require(`./vivid-element.cjs`),t=require(`./enums.cjs`),n=require(`./decorate.cjs`),r=require(`./aria.cjs`),i=require(`./host-semantics.cjs`);var a={separator:`separator`,presentation:`presentation`},o=class extends i.t(e.t){constructor(...e){super(...e),this.role=a.separator,this.orientation=r.t.horizontal,this.appearance=t.t.Ghost}};n.t([e.l],o.prototype,`orientation`,void 0),n.t([e.l],o.prototype,`appearance`,void 0),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});
+const e=require(`./vivid-element.cjs`),t=require(`./enums.cjs`),n=require(`./decorate.cjs`),r=require(`./aria.cjs`),i=require(`./host-semantics.cjs`);var a={separator:`separator`,presentation:`presentation`},o=class extends i.t(e.t){constructor(...e){super(...e),this.role=a.separator,this.orientation=r.t.horizontal,this.appearance=t.t.Ghost}};n.t([e.u],o.prototype,`orientation`,void 0),n.t([e.u],o.prototype,`appearance`,void 0),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});

package/bundled/divider.js

@@ -1,4 +1,4 @@
-import { l as e, t } from "./vivid-element.js";
+import { t as e, u as t } from "./vivid-element.js";
 import { t as n } from "./enums.js";
 import { t as r } from "./decorate.js";
 import { t as i } from "./aria.js";
@@ -7,11 +7,11 @@ import { t as a } from "./host-semantics.js";
 var o = {
 	separator: "separator",
 	presentation: "presentation"
-}, s = class extends a(t) {
+}, s = class extends a(e) {
 	constructor(...e) {
 		super(...e), this.role = o.separator, this.orientation = i.horizontal, this.appearance = n.Ghost;
 	}
 };
-r([e], s.prototype, "orientation", void 0), r([e], s.prototype, "appearance", void 0);
+r([t], s.prototype, "orientation", void 0), r([t], s.prototype, "appearance", void 0);
 //#endregion
 export { o as n, s as t };

package/bundled/form-associated.cjs

@@ -1 +1 @@
-const e=require(`./vivid-element.cjs`),t=require(`./decorate.cjs`),n=require(`./key-codes.cjs`);var r=`form-associated-proxy`,i=`ElementInternals`,a=i in window&&`setFormValue`in window[i].prototype,o=new WeakMap,s=i=>{class s extends i{static get formAssociated(){return a}get validity(){return this.elementInternals?this.elementInternals.validity:this.proxy.validity}get form(){return this.elementInternals?this.elementInternals.form:this.proxy.form}get validationMessage(){return this.elementInternals?this.elementInternals.validationMessage:this.proxy.validationMessage}get willValidate(){return this.elementInternals?this.elementInternals.willValidate:this.proxy.willValidate}get labels(){if(this.elementInternals)return Object.freeze(Array.from(this.elementInternals.labels));if(this.proxy instanceof HTMLElement&&this.proxy.ownerDocument&&this.id){let e=this.proxy.labels,t=Array.from(this.proxy.getRootNode().querySelectorAll(`[for='${this.id}']`));return Object.freeze(t.concat(Array.from(e)))}else return e.A}valueChanged(e,t){this.dirtyValue=!0,this.proxy instanceof HTMLElement&&(this.proxy.value=this.value),this.setFormValue(this.value),this.validate()}get currentValue(){return this.value}set currentValue(e){this.value=e}initialValueChanged(e,t){this.dirtyValue||=(this.value=this.initialValue,!1)}disabledChanged(t,n){this.proxy instanceof HTMLElement&&(this.proxy.disabled=this.disabled),e.O.enqueue(()=>this.classList.toggle(`disabled`,this.disabled))}nameChanged(e,t){this.proxy instanceof HTMLElement&&(this.proxy.name=this.name)}requiredChanged(t,n){this.proxy instanceof HTMLElement&&(this.proxy.required=this.required),e.O.enqueue(()=>this.classList.toggle(`required`,this.required)),this.validate()}get elementInternals(){if(!a)return null;let e=o.get(this);return e||(e=this.attachInternals(),o.set(this,e)),e}constructor(...e){super(...e),this.dirtyValue=!1,this.disabled=!1,this.proxyEventsToBlock=[`change`,`click`],this.proxyInitialized=!1,this.required=!1,this.initialValue=this.initialValue||``,this.elementInternals||(this.formResetCallback=this.formResetCallback.bind(this))}connectedCallback(){super.connectedCallback(),this.addEventListener(`keypress`,this._keypressHandler),this.value||(this.value=this.initialValue,this.dirtyValue=!1),this.elementInternals||(this.attachProxy(),this.form&&this.form.addEventListener(`reset`,this.formResetCallback))}disconnectedCallback(){super.disconnectedCallback(),this.proxyEventsToBlock.forEach(e=>this.proxy.removeEventListener(e,this.stopPropagation)),!this.elementInternals&&this.form&&this.form.removeEventListener(`reset`,this.formResetCallback)}checkValidity(){return this.elementInternals?this.elementInternals.checkValidity():this.proxy.checkValidity()}reportValidity(){return this.elementInternals?this.elementInternals.reportValidity():this.proxy.reportValidity()}setValidity(e,t,n){if(`valid`in e&&this.disabled){let{valid:t,...n}=e;e=n}this.elementInternals?this.elementInternals.setValidity(e,t,n):typeof t==`string`&&this.proxy.setCustomValidity(t)}formDisabledCallback(e){this.disabled=e}formResetCallback(){this.value=this.initialValue,this.dirtyValue=!1}attachProxy(){this.proxyInitialized||(this.proxyInitialized=!0,this.proxy.style.display=`none`,this.proxyEventsToBlock.forEach(e=>this.proxy.addEventListener(e,this.stopPropagation)),this.proxy.disabled=this.disabled,this.proxy.required=this.required,typeof this.name==`string`&&(this.proxy.name=this.name),typeof this.value==`string`&&(this.proxy.value=this.value),this.proxy.setAttribute(`slot`,r),this.proxySlot=document.createElement(`slot`),this.proxySlot.setAttribute(`name`,r)),this.shadowRoot.appendChild(this.proxySlot),this.appendChild(this.proxy)}detachProxy(){this.removeChild(this.proxy),this.shadowRoot.removeChild(this.proxySlot)}validate(e){if(this.proxy instanceof HTMLElement&&this.elementInternals){let t=this.proxy.validity.valid,n=this.control,r=n&&n.validity&&!n.validity.valid&&(n.validity.tooShort||n.validity.tooLong);t&&r?this.setValidity(n.validity,n.validationMessage,e):this.setValidity(this.proxy.validity,this.proxy.validationMessage,e)}}setFormValue(e,t){this.elementInternals&&this.elementInternals.setFormValue(e,t||e)}_keypressHandler(e){switch(e.key){case n.a:this.form instanceof HTMLFormElement&&this.form.querySelector(`[type=submit]`)?.click();break}}stopPropagation(e){e.stopPropagation()}}return t.t([e.l({attribute:`current-value`})],s.prototype,`value`,void 0),t.t([e.l({mode:`fromView`,attribute:`value`})],s.prototype,`initialValue`,void 0),t.t([e.l({mode:`boolean`})],s.prototype,`disabled`,void 0),t.t([e.l],s.prototype,`name`,void 0),t.t([e.l({mode:`boolean`})],s.prototype,`required`,void 0),s},c={fromView(e){return typeof e==`string`?e.toLowerCase()===`true`:!!e},toView(e){return e?`true`:`false`}},l=n=>{class r extends s(n){constructor(...e){super(...e),this.dirtyChecked=!1,this.defaultChecked=!1}defaultCheckedChanged(){this.dirtyChecked||=(this.checked=this.defaultChecked,!1)}checkedChanged(e,t){this.dirtyChecked||=!0,this.updateForm(),this.proxy instanceof HTMLInputElement&&(this.proxy.checked=this.checked),e!==void 0&&this.$emit(`change`),this.validate()}get checkedAttribute(){return this.defaultChecked}set checkedAttribute(e){this.defaultChecked=e}get currentChecked(){return this.checked}set currentChecked(e){this.checked=e}updateForm(){let e=this.checked?this.value:null;this.setFormValue(e,e)}connectedCallback(){super.connectedCallback(),this.updateForm()}formResetCallback(){super.formResetCallback(),this.checked=!!this.defaultChecked,this.dirtyChecked=!1}}return t.t([e.l({attribute:`checked`,mode:`boolean`})],r.prototype,`defaultChecked`,void 0),t.t([e.l({attribute:`current-checked`,converter:c})],r.prototype,`checked`,void 0),r};Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return l}});
+const e=require(`./vivid-element.cjs`),t=require(`./decorate.cjs`),n=require(`./key-codes.cjs`);var r=`form-associated-proxy`,i=`ElementInternals`,a=i in window&&`setFormValue`in window[i].prototype,o=new WeakMap,s=i=>{class s extends i{static get formAssociated(){return a}get validity(){return this.elementInternals?this.elementInternals.validity:this.proxy.validity}get form(){return this.elementInternals?this.elementInternals.form:this.proxy.form}get validationMessage(){return this.elementInternals?this.elementInternals.validationMessage:this.proxy.validationMessage}get willValidate(){return this.elementInternals?this.elementInternals.willValidate:this.proxy.willValidate}get labels(){if(this.elementInternals)return Object.freeze(Array.from(this.elementInternals.labels));if(this.proxy instanceof HTMLElement&&this.proxy.ownerDocument&&this.id){let e=this.proxy.labels,t=Array.from(this.proxy.getRootNode().querySelectorAll(`[for='${this.id}']`));return Object.freeze(t.concat(Array.from(e)))}else return e.M}valueChanged(e,t){this.dirtyValue=!0,this.proxy instanceof HTMLElement&&(this.proxy.value=this.value),this.setFormValue(this.value),this.validate()}get currentValue(){return this.value}set currentValue(e){this.value=e}initialValueChanged(e,t){this.dirtyValue||=(this.value=this.initialValue,!1)}disabledChanged(t,n){this.proxy instanceof HTMLElement&&(this.proxy.disabled=this.disabled),e.A.enqueue(()=>this.classList.toggle(`disabled`,this.disabled))}nameChanged(e,t){this.proxy instanceof HTMLElement&&(this.proxy.name=this.name)}requiredChanged(t,n){this.proxy instanceof HTMLElement&&(this.proxy.required=this.required),e.A.enqueue(()=>this.classList.toggle(`required`,this.required)),this.validate()}get elementInternals(){if(!a)return null;let e=o.get(this);return e||(e=this.attachInternals(),o.set(this,e)),e}constructor(...e){super(...e),this.dirtyValue=!1,this.disabled=!1,this.proxyEventsToBlock=[`change`,`click`],this.proxyInitialized=!1,this.required=!1,this.initialValue=this.initialValue||``,this.elementInternals||(this.formResetCallback=this.formResetCallback.bind(this))}connectedCallback(){super.connectedCallback(),this.addEventListener(`keypress`,this._keypressHandler),this.value||(this.value=this.initialValue,this.dirtyValue=!1),this.elementInternals||(this.attachProxy(),this.form&&this.form.addEventListener(`reset`,this.formResetCallback))}disconnectedCallback(){super.disconnectedCallback(),this.proxyEventsToBlock.forEach(e=>this.proxy.removeEventListener(e,this.stopPropagation)),!this.elementInternals&&this.form&&this.form.removeEventListener(`reset`,this.formResetCallback)}checkValidity(){return this.elementInternals?this.elementInternals.checkValidity():this.proxy.checkValidity()}reportValidity(){return this.elementInternals?this.elementInternals.reportValidity():this.proxy.reportValidity()}setValidity(e,t,n){if(`valid`in e&&this.disabled){let{valid:t,...n}=e;e=n}this.elementInternals?this.elementInternals.setValidity(e,t,n):typeof t==`string`&&this.proxy.setCustomValidity(t)}formDisabledCallback(e){this.disabled=e}formResetCallback(){this.value=this.initialValue,this.dirtyValue=!1}attachProxy(){this.proxyInitialized||(this.proxyInitialized=!0,this.proxy.style.display=`none`,this.proxyEventsToBlock.forEach(e=>this.proxy.addEventListener(e,this.stopPropagation)),this.proxy.disabled=this.disabled,this.proxy.required=this.required,typeof this.name==`string`&&(this.proxy.name=this.name),typeof this.value==`string`&&(this.proxy.value=this.value),this.proxy.setAttribute(`slot`,r),this.proxySlot=document.createElement(`slot`),this.proxySlot.setAttribute(`name`,r)),this.shadowRoot.appendChild(this.proxySlot),this.appendChild(this.proxy)}detachProxy(){this.removeChild(this.proxy),this.shadowRoot.removeChild(this.proxySlot)}validate(e){if(this.proxy instanceof HTMLElement&&this.elementInternals){let t=this.proxy.validity.valid,n=this.control,r=n&&n.validity&&!n.validity.valid&&(n.validity.tooShort||n.validity.tooLong);t&&r?this.setValidity(n.validity,n.validationMessage,e):this.setValidity(this.proxy.validity,this.proxy.validationMessage,e)}}setFormValue(e,t){this.elementInternals&&this.elementInternals.setFormValue(e,t||e)}_keypressHandler(e){switch(e.key){case n.a:this.form instanceof HTMLFormElement&&this.form.querySelector(`[type=submit]`)?.click();break}}stopPropagation(e){e.stopPropagation()}}return t.t([e.u({attribute:`current-value`})],s.prototype,`value`,void 0),t.t([e.u({mode:`fromView`,attribute:`value`})],s.prototype,`initialValue`,void 0),t.t([e.u({mode:`boolean`})],s.prototype,`disabled`,void 0),t.t([e.u],s.prototype,`name`,void 0),t.t([e.u({mode:`boolean`})],s.prototype,`required`,void 0),s},c={fromView(e){return typeof e==`string`?e.toLowerCase()===`true`:!!e},toView(e){return e?`true`:`false`}},l=n=>{class r extends s(n){constructor(...e){super(...e),this.dirtyChecked=!1,this.defaultChecked=!1}defaultCheckedChanged(){this.dirtyChecked||=(this.checked=this.defaultChecked,!1)}checkedChanged(e,t){this.dirtyChecked||=!0,this.updateForm(),this.proxy instanceof HTMLInputElement&&(this.proxy.checked=this.checked),e!==void 0&&this.$emit(`change`),this.validate()}get checkedAttribute(){return this.defaultChecked}set checkedAttribute(e){this.defaultChecked=e}get currentChecked(){return this.checked}set currentChecked(e){this.checked=e}updateForm(){let e=this.checked?this.value:null;this.setFormValue(e,e)}connectedCallback(){super.connectedCallback(),this.updateForm()}formResetCallback(){super.formResetCallback(),this.checked=!!this.defaultChecked,this.dirtyChecked=!1}}return t.t([e.u({attribute:`checked`,mode:`boolean`})],r.prototype,`defaultChecked`,void 0),t.t([e.u({attribute:`current-checked`,converter:c})],r.prototype,`checked`,void 0),r};Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return l}});