@vonage/vivid 5.18.0 → 5.19.0

package/breadcrumb/index.js

@@ -1,10 +1,10 @@
-import { T as e, d as t, o as n, s as r, t as i } from "../bundled/vivid-element.js";
+import { D as e, c as t, f as n, s as r, t as i } from "../bundled/vivid-element.js";
 import { r as a, t as o } from "../bundled/slotted.js";
 import { t as s } from "../bundled/decorate.js";
 import { n as c, t as l } from "../bundled/delegates-aria.js";
 import { t as u } from "../bundled/breadcrumb-item.js";
 //#region src/lib/breadcrumb/breadcrumb.template.ts
-var d = t`
+var d = n`
 	<nav
 		class="base"
 		${c({ ariaLabel: (e) => e.ariaLabel || "breadcrumbs" })}
@@ -39,5 +39,5 @@ var d = t`
 };
 //#endregion
 //#region src/lib/breadcrumb/index.ts
-s([e], p.prototype, "slottedBreadcrumbItems", void 0), r(n("breadcrumb", p, d, [], { styles: f }))();
+s([e], p.prototype, "slottedBreadcrumbItems", void 0), t(r("breadcrumb", p, d, [], { styles: f }))();
 //#endregion

package/breadcrumb-item/definition.cjs

@@ -1,5 +1,4 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../unbundled/numberConverter.cjs");
 const require_definition = require("../unbundled/definition18.cjs");
 const require_breadcrumb_item = require("../unbundled/breadcrumb-item.cjs");
 exports.VwcBreadcrumbItemElement = require_breadcrumb_item.BreadcrumbItem;

package/breadcrumb-item/definition.js

@@ -1,4 +1,3 @@
-import "../unbundled/numberConverter.js";
 import { n as registerBreadcrumbItem, t as breadcrumbItemDefinition } from "../unbundled/definition18.js";
 import { t as BreadcrumbItem } from "../unbundled/breadcrumb-item.js";
 export { BreadcrumbItem as VwcBreadcrumbItemElement, breadcrumbItemDefinition, registerBreadcrumbItem };

package/breadcrumb-item/index.cjs

@@ -1,5 +1,5 @@
-const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/when.cjs`);require(`../bundled/numberConverter.cjs`);const n=require(`../bundled/definition2.cjs`),r=require(`../bundled/class-names.cjs`),i=require(`../bundled/breadcrumb-item.cjs`);var a=`.base{color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base);align-items:center;display:flex}.base .separator{color:var(--vvd-color-neutral-600);margin:0 16px;font-size:12px}.control{font:inherit}.control:focus-visible{outline:none;position:relative}.control: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));--focus-stroke-gap-color:transparent;--focus-block-size-addition:8px;--focus-border-radius:4px;display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.control:any-link{color:var(--vvd-color-cta-600);text-decoration:none}@media (hover:hover){.control:any-link:hover{text-decoration:underline}}`,o=e=>r.t(`base`),s=e.o(`breadcrumb-item`,i.t,r=>{let i=r.tagFor(n.r);return e.d` <div role="listitem" class="${o}">
-		${t.t(e=>e.text&&!e.href,e.d`${e=>e.text}`)}
-		${t.t(e=>e.text&&e.href&&e.href.length>0,e.d`${t=>t._renderLinkElement(e.d`${e=>e.text}`,`control`)}`)}
-		${t.t(e=>e.separator,e.d`<${i} class="separator" name="chevron-right-solid"></${i}>`)}
-	</div>`},[n.t],{styles:a,shadowOptions:{delegatesFocus:!0}});e.s(s)();
+const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/when.cjs`),n=require(`../bundled/definition2.cjs`),r=require(`../bundled/class-names.cjs`),i=require(`../bundled/breadcrumb-item.cjs`);var a=`.base{color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base);align-items:center;display:flex}.base .separator{color:var(--vvd-color-neutral-600);margin:0 16px;font-size:12px}.control{font:inherit}.control:focus-visible{outline:none;position:relative}.control: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));--focus-stroke-gap-color:transparent;--focus-block-size-addition:8px;--focus-border-radius:4px;display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.control:any-link{color:var(--vvd-color-cta-600);text-decoration:none}@media (hover:hover){.control:any-link:hover{text-decoration:underline}}`,o=e=>r.t(`base`),s=e.s(`breadcrumb-item`,i.t,r=>{let i=r.tagFor(n.r);return e.f` <div role="listitem" class="${o}">
+		${t.t(e=>e.text&&!e.href,e.f`${e=>e.text}`)}
+		${t.t(e=>e.text&&e.href&&e.href.length>0,e.f`${t=>t._renderLinkElement(e.f`${e=>e.text}`,`control`)}`)}
+		${t.t(e=>e.separator,e.f`<${i} class="separator" name="chevron-right-solid"></${i}>`)}
+	</div>`},[n.t],{styles:a,shadowOptions:{delegatesFocus:!0}});e.c(s)();

package/breadcrumb-item/index.js

@@ -1,6 +1,5 @@
-import { d as e, o as t, s as n } from "../bundled/vivid-element.js";
+import { c as e, f as t, s as n } from "../bundled/vivid-element.js";
 import { t as r } from "../bundled/when.js";
-import "../bundled/numberConverter.js";
 import { r as i, t as a } from "../bundled/definition2.js";
 import { t as o } from "../bundled/class-names.js";
 import { t as s } from "../bundled/breadcrumb-item.js";
@@ -8,12 +7,12 @@ import { t as s } from "../bundled/breadcrumb-item.js";
 var c = ".base{color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base);align-items:center;display:flex}.base .separator{color:var(--vvd-color-neutral-600);margin:0 16px;font-size:12px}.control{font:inherit}.control:focus-visible{outline:none;position:relative}.control: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));--focus-stroke-gap-color:transparent;--focus-block-size-addition:8px;--focus-border-radius:4px;display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.control:any-link{color:var(--vvd-color-cta-600);text-decoration:none}@media (hover:hover){.control:any-link:hover{text-decoration:underline}}", l = (e) => o("base");
 //#endregion
 //#region src/lib/breadcrumb-item/index.ts
-n(t("breadcrumb-item", s, (t) => {
-	let n = t.tagFor(i);
-	return e` <div role="listitem" class="${l}">
-		${r((e) => e.text && !e.href, e`${(e) => e.text}`)}
-		${r((e) => e.text && e.href && e.href.length > 0, e`${(t) => t._renderLinkElement(e`${(e) => e.text}`, "control")}`)}
-		${r((e) => e.separator, e`<${n} class="separator" name="chevron-right-solid"></${n}>`)}
+e(n("breadcrumb-item", s, (e) => {
+	let n = e.tagFor(i);
+	return t` <div role="listitem" class="${l}">
+		${r((e) => e.text && !e.href, t`${(e) => e.text}`)}
+		${r((e) => e.text && e.href && e.href.length > 0, t`${(e) => e._renderLinkElement(t`${(e) => e.text}`, "control")}`)}
+		${r((e) => e.separator, t`<${n} class="separator" name="chevron-right-solid"></${n}>`)}
 	</div>`;
 }, [a], {
 	styles: c,

package/bundled/affix.cjs

@@ -1,8 +1,8 @@
-const e=require(`./vivid-element.cjs`),t=require(`./slotted.cjs`),n=require(`./decorate.cjs`),r=require(`./definition2.cjs`);var i=t=>{class r extends t{}return n.t([e.l],r.prototype,`icon`,void 0),n.t([e.T],r.prototype,`iconSlottedContent`,void 0),r},a=t=>{class r extends i(t){constructor(...e){super(...e),this.iconTrailing=!1}}return n.t([e.l({mode:`boolean`,attribute:`icon-trailing`})],r.prototype,`iconTrailing`,void 0),r},o={Slot:!1,Span:!0},s={Hidden:`true`,Visible:`false`},c=n=>{let i=n.tagFor(r.r);return(n,r=o.Span,a=s.Hidden,c={label:``,announceOnUpdate:!1})=>{if(!n&&!r)return e.d`<slot
+const e=require(`./vivid-element.cjs`),t=require(`./slotted.cjs`),n=require(`./decorate.cjs`),r=require(`./definition2.cjs`);var i=t=>{class r extends t{}return n.t([e.u],r.prototype,`icon`,void 0),n.t([e.D],r.prototype,`iconSlottedContent`,void 0),r},a=t=>{class r extends i(t){constructor(...e){super(...e),this.iconTrailing=!1}}return n.t([e.u({mode:`boolean`,attribute:`icon-trailing`})],r.prototype,`iconTrailing`,void 0),r},o={Slot:!1,Span:!0},s={Hidden:`true`,Visible:`false`},c=n=>{let i=n.tagFor(r.r);return(n,r=o.Span,a=s.Hidden,c={label:``,announceOnUpdate:!1})=>{if(!n&&!r)return e.f`<slot
 				name="icon"
 				aria-hidden="${()=>a}"
 				${t.t(`iconSlottedContent`)}
-			></slot>`;if(!n&&r)return null;let l=e.d`<${i} :name="${()=>n}" :label="${()=>c?.label||void 0}"></${i}>`,u=e.d.partial(r?`span`:`slot`);return e.d`<${u}
+			></slot>`;if(!n&&r)return null;let l=e.f`<${i} :name="${()=>n}" :label="${()=>c?.label||void 0}"></${i}>`,u=e.f.partial(r?`span`:`slot`);return e.f`<${u}
 					class="${()=>r?`icon`:void 0}"
 					:name="${()=>r?void 0:`icon`}"
 					aria-hidden="${()=>c?.label?!1:a}"

package/bundled/affix.js

@@ -1,4 +1,4 @@
-import { T as e, d as t, l as n } from "./vivid-element.js";
+import { D as e, f as t, u as n } from "./vivid-element.js";
 import { t as r } from "./slotted.js";
 import { t as i } from "./decorate.js";
 import { r as a } from "./definition2.js";

package/bundled/anchored.cjs

@@ -1,4 +1,4 @@
-const e=require(`./vivid-element.cjs`),t=require(`./slotted.cjs`),n=require(`./decorate.cjs`);var r=t=>{class r extends t{anchorChanged(){this.#e()}_slottedAnchorChanged(){let t=!!(this._slottedAnchor&&this._slottedAnchor.length>0);e.k.setBooleanAttribute(this,`slotted-anchor`,t),this.#e()}#e=()=>{if(!this.isConnected){this._anchorEl=void 0;return}this.#r();let e;this._slottedAnchor&&this._slottedAnchor.length>0?e=this._slottedAnchor[0]:this.anchor instanceof HTMLElement?e=this.anchor:typeof this.anchor==`string`&&(e=document.getElementById(this.anchor)??void 0,e||this.#n(this.anchor)),this._anchorEl=e};#t;#n=e=>{this.#t=new MutationObserver(()=>{let t=document.getElementById(e);t&&(this._anchorEl=t,this.#r())}),this.#t.observe(document.body,{childList:!0,subtree:!0})};#r=()=>{this.#t?.disconnect(),this.#t=void 0};connectedCallback(){super.connectedCallback(),this.#e()}disconnectedCallback(){super.disconnectedCallback(),this.#r(),this._anchorEl=void 0}}return n.t([e.l],r.prototype,`anchor`,void 0),n.t([e.T],r.prototype,`_slottedAnchor`,void 0),n.t([e.T],r.prototype,`_anchorEl`,void 0),r},i=()=>e.d`<slot
+const e=require(`./vivid-element.cjs`),t=require(`./slotted.cjs`),n=require(`./decorate.cjs`);var r=t=>{class r extends t{anchorChanged(){this.#e()}_slottedAnchorChanged(){let t=!!(this._slottedAnchor&&this._slottedAnchor.length>0);e.j.setBooleanAttribute(this,`slotted-anchor`,t),this.#e()}#e=()=>{if(!this.isConnected){this._anchorEl=void 0;return}this.#r();let e;this._slottedAnchor&&this._slottedAnchor.length>0?e=this._slottedAnchor[0]:this.anchor instanceof HTMLElement?e=this.anchor:typeof this.anchor==`string`&&(e=document.getElementById(this.anchor)??void 0,e||this.#n(this.anchor)),this._anchorEl=e};#t;#n=e=>{this.#t=new MutationObserver(()=>{let t=document.getElementById(e);t&&(this._anchorEl=t,this.#r())}),this.#t.observe(document.body,{childList:!0,subtree:!0})};#r=()=>{this.#t?.disconnect(),this.#t=void 0};connectedCallback(){super.connectedCallback(),this.#e()}disconnectedCallback(){super.disconnectedCallback(),this.#r(),this._anchorEl=void 0}}return n.t([e.u],r.prototype,`anchor`,void 0),n.t([e.D],r.prototype,`_slottedAnchor`,void 0),n.t([e.D],r.prototype,`_anchorEl`,void 0),r},i=()=>e.f`<slot
 		name="anchor"
 		${t.t(`_slottedAnchor`)}
 	></slot>`;Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});

package/bundled/anchored.js

@@ -1,4 +1,4 @@
-import { T as e, d as t, k as n, l as r } from "./vivid-element.js";
+import { D as e, f as t, j as n, u as r } from "./vivid-element.js";
 import { t as i } from "./slotted.js";
 import { t as a } from "./decorate.js";
 //#region src/shared/patterns/anchored.ts

package/bundled/aria-binding-directive.cjs

@@ -0,0 +1 @@
+const e=require(`./vivid-element.cjs`);var t=0;function n(e=``){return`${e}${t++}`}var r=(t,n,r)=>e.j.setAttribute(t,e.r(n),r===!1?null:r),i=class extends e._{get propertyBindingBehaviours(){return this._propertyBindingBehaviours||=Object.entries(this.options.boundProperties).map(([t,r])=>{let i=new e.p(e.C(r instanceof Function?r:()=>r));return i.id=n(),i.targetNodeId=this.targetNodeId,i.policy=this.policy,e.g.assignAspect(i,e.r(t)),i.createBehavior()}),this._propertyBindingBehaviours}bind(t){let n=t.source,i=t.targets[this.targetNodeId];if(this.options.requireHost&&i!==n)throw Error(`Target element must be the same as the source element`);for(let e of this.propertyBindingBehaviours)e.bind(t);for(let e of this.options.forwardedProperties)r(i,e,n[e]);let a=(e,t)=>{this.options.forwardedProperties.has(t)&&r(i,t,e[t])};e.a(n,a),t.onUnbind({unbind:()=>e.o(n,a)})}};e.g.define(i),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});

package/bundled/aria-binding-directive.js

@@ -0,0 +1,29 @@
+import { C as e, _ as t, a as n, g as r, j as i, o as a, p as o, r as s } from "./vivid-element.js";
+//#region ../../node_modules/.pnpm/@microsoft+fast-web-utilities@6.0.0/node_modules/@microsoft/fast-web-utilities/dist/strings.js
+var c = 0;
+function l(e = "") {
+	return `${e}${c++}`;
+}
+//#endregion
+//#region src/shared/aria/aria-binding-directive.ts
+var u = (e, t, n) => i.setAttribute(e, s(t), n === !1 ? null : n), d = class extends t {
+	get propertyBindingBehaviours() {
+		return this._propertyBindingBehaviours ||= Object.entries(this.options.boundProperties).map(([t, n]) => {
+			let i = new o(e(n instanceof Function ? n : () => n));
+			return i.id = l(), i.targetNodeId = this.targetNodeId, i.policy = this.policy, r.assignAspect(i, s(t)), i.createBehavior();
+		}), this._propertyBindingBehaviours;
+	}
+	bind(e) {
+		let t = e.source, r = e.targets[this.targetNodeId];
+		if (this.options.requireHost && r !== t) throw Error("Target element must be the same as the source element");
+		for (let t of this.propertyBindingBehaviours) t.bind(e);
+		for (let e of this.options.forwardedProperties) u(r, e, t[e]);
+		let i = (e, t) => {
+			this.options.forwardedProperties.has(t) && u(r, t, e[t]);
+		};
+		n(t, i), e.onUnbind({ unbind: () => a(t, i) });
+	}
+};
+r.define(d);
+//#endregion
+export { l as n, d as t };

package/bundled/base-color-picker.cjs

@@ -1,4 +1,4 @@
-const e=require(`./localized.cjs`),t=require(`./vivid-element.cjs`),n=require(`./when.cjs`),r=require(`./decorate.cjs`),i=require(`./form-element.cjs`),a=require(`./class-names.cjs`),o=require(`./form-associated.cjs`);function s(e){if(!e)return null;let t=e.trim().replace(/^#/,``);return/^[0-9a-fA-F]{3}$/.test(t)?t.split(``).map(e=>e+e).join(``).toLowerCase():/^[0-9a-fA-F]{6}$/.test(t)?t.toLowerCase():null}function c(e){return s(e)!==null}function l(e){let t=s(e);if(!t)return 0;let n=parseInt(t.slice(0,2),16)/255,r=parseInt(t.slice(2,4),16)/255,i=parseInt(t.slice(4,6),16)/255,a=n<=.03928?n/12.92:((n+.055)/1.055)**2.4,o=r<=.03928?r/12.92:((r+.055)/1.055)**2.4,c=i<=.03928?i/12.92:((i+.055)/1.055)**2.4;return .2126*a+.7152*o+.0722*c}function u(e,t){let n=l(e),r=l(t),i=Math.max(n,r),a=Math.min(n,r);return(i+.05)/(a+.05)}function d(e,t){return t||=document.querySelector(`.vvd-root`)||document.documentElement,getComputedStyle(t).getPropertyValue(e).trim()}var f=s=>{class c extends e.t(i.t(o.n(s))){constructor(...e){super(...e),this.proxy=document.createElement(`input`),this.open=!1,this.swatches=[],this._canvasColor=``}connectedCallback(){super.connectedCallback(),requestAnimationFrame(()=>{this._refreshCanvasColor()})}get _computedCanvasColor(){return this._canvasColor||=d(`--vvd-color-canvas`,this),this._canvasColor}_refreshCanvasColor(){this._canvasColor=d(`--vvd-color-canvas`,this)}_applyContrastClass(e,t=3){if(!e)return!1;let n=this._computedCanvasColor;return n?u(e,n)<t:!1}_getRowLength(){return 7}_handleSwatchSelection(e){this.value===e?this.value=``:this.value=e,this.$emit(`change`),this.open=!1}_handleColorSaving(){}_getFocusReturnEl(){return null}_returnFocusToAnchor(){let e=this._getFocusReturnEl();e&&t.O.enqueue(()=>e.focus())}_getGridCells(){let e=this.shadowRoot?.querySelector(`[role="grid"]`);return e?Array.from(e.querySelectorAll(`[role="gridcell"], [data-vvd-role="gridcell"]`)):[]}_handleCellKeydown(e,t,n,r){let i=this._getRowLength(),a=this._getGridCells().length,o=Math.floor(n/i),s=n%i,c=Math.ceil(a/i);switch(e.key){case`ArrowRight`:return s<i-1&&n+1<a&&this._focusSwatchByIndex(n+1),!1;case`ArrowLeft`:return s>0&&this._focusSwatchByIndex(n-1),!1;case`ArrowDown`:return o<c-1&&n+i<a&&this._focusSwatchByIndex(n+i),!1;case`ArrowUp`:return o>0&&this._focusSwatchByIndex(n-i),!1;case`PageDown`:{let e=(c-1)*i,t=Math.min(e+s,a-1);return n!==t&&this._focusSwatchByIndex(t),!1}case`PageUp`:{let e=Math.min(s,a-1);return n!==e&&this._focusSwatchByIndex(e),!1}case`Home`:return e.ctrlKey?this._focusSwatchByIndex(0):this._focusSwatchByIndex(o*i),!1;case`End`:if(e.ctrlKey)this._focusSwatchByIndex(a-1);else{let e=Math.min((o+1)*i-1,a-1);this._focusSwatchByIndex(e)}return!1;case`Enter`:case` `:return r&&this._handleColorSaving(),t&&!r&&(this._handleSwatchSelection(t),this._returnFocusToAnchor()),!1;case`Escape`:return this.open=!1,this._returnFocusToAnchor(),!1;case`Tab`:return this.open=!1,!0;default:return!0}}_focusSwatchByIndex(e){let t=this._getGridCells();e<0||e>=t.length||t[e]?.focus()}_renderColorSwatch(e,r){return t.d`
+const e=require(`./localized.cjs`),t=require(`./vivid-element.cjs`),n=require(`./when.cjs`),r=require(`./decorate.cjs`),i=require(`./form-element.cjs`),a=require(`./class-names.cjs`),o=require(`./form-associated.cjs`);function s(e){if(!e)return null;let t=e.trim().replace(/^#/,``);return/^[0-9a-fA-F]{3}$/.test(t)?t.split(``).map(e=>e+e).join(``).toLowerCase():/^[0-9a-fA-F]{6}$/.test(t)?t.toLowerCase():null}function c(e){return s(e)!==null}function l(e){let t=s(e);if(!t)return 0;let n=parseInt(t.slice(0,2),16)/255,r=parseInt(t.slice(2,4),16)/255,i=parseInt(t.slice(4,6),16)/255,a=n<=.03928?n/12.92:((n+.055)/1.055)**2.4,o=r<=.03928?r/12.92:((r+.055)/1.055)**2.4,c=i<=.03928?i/12.92:((i+.055)/1.055)**2.4;return .2126*a+.7152*o+.0722*c}function u(e,t){let n=l(e),r=l(t),i=Math.max(n,r),a=Math.min(n,r);return(i+.05)/(a+.05)}function d(e,t){return t||=document.querySelector(`.vvd-root`)||document.documentElement,getComputedStyle(t).getPropertyValue(e).trim()}var f=s=>{class c extends e.t(i.t(o.n(s))){constructor(...e){super(...e),this.proxy=document.createElement(`input`),this.open=!1,this.swatches=[],this._canvasColor=``}connectedCallback(){super.connectedCallback(),requestAnimationFrame(()=>{this._refreshCanvasColor()})}get _computedCanvasColor(){return this._canvasColor||=d(`--vvd-color-canvas`,this),this._canvasColor}_refreshCanvasColor(){this._canvasColor=d(`--vvd-color-canvas`,this)}_applyContrastClass(e,t=3){if(!e)return!1;let n=this._computedCanvasColor;return n?u(e,n)<t:!1}_getRowLength(){return 7}_handleSwatchSelection(e){this.value===e?this.value=``:this.value=e,this.$emit(`change`),this.open=!1}_handleColorSaving(){}_getFocusReturnEl(){return null}_returnFocusToAnchor(){let e=this._getFocusReturnEl();e&&t.A.enqueue(()=>e.focus())}_getGridCells(){let e=this.shadowRoot?.querySelector(`[role="grid"]`);return e?Array.from(e.querySelectorAll(`[role="gridcell"], [data-vvd-role="gridcell"]`)):[]}_handleCellKeydown(e,t,n,r){let i=this._getRowLength(),a=this._getGridCells().length,o=Math.floor(n/i),s=n%i,c=Math.ceil(a/i);switch(e.key){case`ArrowRight`:return s<i-1&&n+1<a&&this._focusSwatchByIndex(n+1),!1;case`ArrowLeft`:return s>0&&this._focusSwatchByIndex(n-1),!1;case`ArrowDown`:return o<c-1&&n+i<a&&this._focusSwatchByIndex(n+i),!1;case`ArrowUp`:return o>0&&this._focusSwatchByIndex(n-i),!1;case`PageDown`:{let e=(c-1)*i,t=Math.min(e+s,a-1);return n!==t&&this._focusSwatchByIndex(t),!1}case`PageUp`:{let e=Math.min(s,a-1);return n!==e&&this._focusSwatchByIndex(e),!1}case`Home`:return e.ctrlKey?this._focusSwatchByIndex(0):this._focusSwatchByIndex(o*i),!1;case`End`:if(e.ctrlKey)this._focusSwatchByIndex(a-1);else{let e=Math.min((o+1)*i-1,a-1);this._focusSwatchByIndex(e)}return!1;case`Enter`:case` `:return r&&this._handleColorSaving(),t&&!r&&(this._handleSwatchSelection(t),this._returnFocusToAnchor()),!1;case`Escape`:return this.open=!1,this._returnFocusToAnchor(),!1;case`Tab`:return this.open=!1,!0;default:return!0}}_focusSwatchByIndex(e){let t=this._getGridCells();e<0||e>=t.length||t[e]?.focus()}_renderColorSwatch(e,r){return t.f`
 				<${r} placement="top" 
 					text="${e=>e.label??e.value}" 
 					exportparts="vvd-theme-alternate">
@@ -12,7 +12,7 @@ const e=require(`./localized.cjs`),t=require(`./vivid-element.cjs`),n=require(`.
 						@click="${(e,t)=>t.parent._handleSwatchSelection(e.value)}"
 						@keydown="${(e,t)=>t.parent._handleCellKeydown(t.event,e.value,t.index)}"
 					>
-						${n.t((e,t)=>t.parent.value===e.value,t.d`<${e} size="-6" name="check-solid" aria-hidden="true"></${e}>`)}
+						${n.t((e,t)=>t.parent.value===e.value,t.f`<${e} size="-6" name="check-solid" aria-hidden="true"></${e}>`)}
 					</button>
 				</${r}>
-			`}}return r.t([t.l({mode:`boolean`})],c.prototype,`open`,void 0),r.t([t.T],c.prototype,`swatches`,void 0),r.t([t.T],c.prototype,`_canvasColor`,void 0),c};Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return f}});
+			`}}return r.t([t.u({mode:`boolean`})],c.prototype,`open`,void 0),r.t([t.D],c.prototype,`swatches`,void 0),r.t([t.D],c.prototype,`_canvasColor`,void 0),c};Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return f}});

package/bundled/base-color-picker.js

@@ -1,5 +1,5 @@
 import { t as e } from "./localized.js";
-import { O as t, T as n, d as r, l as i } from "./vivid-element.js";
+import { A as t, D as n, f as r, u as i } from "./vivid-element.js";
 import { t as a } from "./when.js";
 import { t as o } from "./decorate.js";
 import { t as s } from "./form-element.js";

package/bundled/base-progress.cjs

@@ -1 +1 @@
-const e=require(`./vivid-element.cjs`),t=require(`./decorate.cjs`);var n=class extends e.t{constructor(...e){super(...e),this.percentComplete=0}valueChanged(){this.$fastController.isConnected&&this.updatePercentComplete()}minChanged(){this.$fastController.isConnected&&this.updatePercentComplete()}maxChanged(){this.$fastController.isConnected&&this.updatePercentComplete()}connectedCallback(){super.connectedCallback(),this.updatePercentComplete()}updatePercentComplete(){let e=typeof this.min==`number`?this.min:0,t=typeof this.max==`number`?this.max:100,n=typeof this.value==`number`?this.value:0,r=t-e;this.percentComplete=r===0?0:Math.fround((n-e)/r*100)}};t.t([e.l({converter:e.u})],n.prototype,`value`,void 0),t.t([e.l({converter:e.u})],n.prototype,`min`,void 0),t.t([e.l({converter:e.u})],n.prototype,`max`,void 0),t.t([e.l({mode:`boolean`})],n.prototype,`paused`,void 0),t.t([e.T],n.prototype,`percentComplete`,void 0),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});
+const e=require(`./vivid-element.cjs`),t=require(`./decorate.cjs`);var n=class extends e.t{constructor(...e){super(...e),this.percentComplete=0}valueChanged(){this.$fastController.isConnected&&this.updatePercentComplete()}minChanged(){this.$fastController.isConnected&&this.updatePercentComplete()}maxChanged(){this.$fastController.isConnected&&this.updatePercentComplete()}connectedCallback(){super.connectedCallback(),this.updatePercentComplete()}updatePercentComplete(){let e=typeof this.min==`number`?this.min:0,t=typeof this.max==`number`?this.max:100,n=typeof this.value==`number`?this.value:0,r=t-e;this.percentComplete=r===0?0:Math.fround((n-e)/r*100)}};t.t([e.u({converter:e.d})],n.prototype,`value`,void 0),t.t([e.u({converter:e.d})],n.prototype,`min`,void 0),t.t([e.u({converter:e.d})],n.prototype,`max`,void 0),t.t([e.u({mode:`boolean`})],n.prototype,`paused`,void 0),t.t([e.D],n.prototype,`percentComplete`,void 0),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});

package/bundled/base-progress.js

@@ -1,4 +1,4 @@
-import { T as e, l as t, t as n, u as r } from "./vivid-element.js";
+import { D as e, d as t, t as n, u as r } from "./vivid-element.js";
 import { t as i } from "./decorate.js";
 //#region src/shared/foundation/progress/base-progress.ts
 var a = class extends n {
@@ -25,6 +25,6 @@ var a = class extends n {
 		this.percentComplete = r === 0 ? 0 : Math.fround((n - e) / r * 100);
 	}
 };
-i([t({ converter: r })], a.prototype, "value", void 0), i([t({ converter: r })], a.prototype, "min", void 0), i([t({ converter: r })], a.prototype, "max", void 0), i([t({ mode: "boolean" })], a.prototype, "paused", void 0), i([e], a.prototype, "percentComplete", void 0);
+i([r({ converter: t })], a.prototype, "value", void 0), i([r({ converter: t })], a.prototype, "min", void 0), i([r({ converter: t })], a.prototype, "max", void 0), i([r({ mode: "boolean" })], a.prototype, "paused", void 0), i([e], a.prototype, "percentComplete", void 0);
 //#endregion
 export { a as t };

package/bundled/breadcrumb-item.cjs

@@ -1 +1 @@
-const e=require(`./vivid-element.cjs`),t=require(`./decorate.cjs`),n=require(`./linkable.cjs`);var r=class extends n.t(e.t){constructor(...e){super(...e),this.separator=!0}};t.t([e.l],r.prototype,`text`,void 0),t.t([e.T],r.prototype,`separator`,void 0),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});
+const e=require(`./vivid-element.cjs`),t=require(`./decorate.cjs`),n=require(`./linkable.cjs`);var r=class extends n.t(e.t){constructor(...e){super(...e),this.separator=!0}};t.t([e.u],r.prototype,`text`,void 0),t.t([e.D],r.prototype,`separator`,void 0),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});

package/bundled/breadcrumb-item.js

@@ -1,12 +1,12 @@
-import { T as e, l as t, t as n } from "./vivid-element.js";
+import { D as e, t, u as n } from "./vivid-element.js";
 import { t as r } from "./decorate.js";
 import { t as i } from "./linkable.js";
 //#region src/lib/breadcrumb-item/breadcrumb-item.ts
-var a = class extends i(n) {
+var a = class extends i(t) {
 	constructor(...e) {
 		super(...e), this.separator = !0;
 	}
 };
-r([t], a.prototype, "text", void 0), r([e], a.prototype, "separator", void 0);
+r([n], a.prototype, "text", void 0), r([e], a.prototype, "separator", void 0);
 //#endregion
 export { a as t };

package/bundled/button.cjs

@@ -1 +1 @@
-const e=require(`./vivid-element.cjs`),t=require(`./decorate.cjs`),n=require(`./delegates-aria.cjs`),r=require(`./form-associated.cjs`);var i=class extends n.t(r.n(e.t)){constructor(...e){super(...e),this.proxy=document.createElement(`input`),this.handleClick=e=>{this.disabled&&e.stopPropagation()},this.handleSubmission=()=>{this.form&&(this.attachProxy(),this.form.requestSubmit(this.proxy),this.detachProxy())},this.handleFormReset=()=>{this.form?.reset()},this.handleUnsupportedDelegatesFocus=()=>{this.$fastController.definition.shadowOptions&&window.ShadowRoot&&!window.ShadowRoot.prototype.hasOwnProperty(`delegatesFocus`)&&this.$fastController.definition.shadowOptions.delegatesFocus&&Object.defineProperty(this,`focus`,{value:()=>{this.control.focus()},configurable:!0})}}formactionChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.formAction=this.formaction)}formenctypeChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.formEnctype=this.formenctype)}formmethodChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.formMethod=this.formmethod)}formnovalidateChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.formNoValidate=this.formnovalidate)}formtargetChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.formTarget=this.formtarget)}typeChanged(e,t){this.proxy instanceof HTMLInputElement&&(this.proxy.type=this.type),t===`submit`&&this.addEventListener(`click`,this.handleSubmission),e===`submit`&&this.removeEventListener(`click`,this.handleSubmission),t===`reset`&&this.addEventListener(`click`,this.handleFormReset),e===`reset`&&this.removeEventListener(`click`,this.handleFormReset)}validate(){super.validate(this.control)}connectedCallback(){super.connectedCallback(),this.proxy.setAttribute(`type`,this.type),this.handleUnsupportedDelegatesFocus(),this.autofocus&&e.O.enqueue(()=>{this.focus()}),(this.control?Array.from(this.control.children):[]).forEach(e=>{e.addEventListener(`click`,this.handleClick)})}disconnectedCallback(){super.disconnectedCallback(),(this.control?Array.from(this.control.children):[]).forEach(e=>{e.removeEventListener(`click`,this.handleClick)})}};t.t([e.l({mode:`boolean`})],i.prototype,`autofocus`,void 0),t.t([e.l({attribute:`form`})],i.prototype,`formId`,void 0),t.t([e.l],i.prototype,`formaction`,void 0),t.t([e.l],i.prototype,`formenctype`,void 0),t.t([e.l],i.prototype,`formmethod`,void 0),t.t([e.l({mode:`boolean`})],i.prototype,`formnovalidate`,void 0),t.t([e.l],i.prototype,`formtarget`,void 0),t.t([e.l],i.prototype,`type`,void 0),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
+const e=require(`./vivid-element.cjs`),t=require(`./decorate.cjs`),n=require(`./delegates-aria.cjs`),r=require(`./form-associated.cjs`);var i=class extends n.t(r.n(e.t)){constructor(...e){super(...e),this.proxy=document.createElement(`input`),this.handleClick=e=>{this.disabled&&e.stopPropagation()},this.handleSubmission=()=>{this.form&&(this.attachProxy(),this.form.requestSubmit(this.proxy),this.detachProxy())},this.handleFormReset=()=>{this.form?.reset()},this.handleUnsupportedDelegatesFocus=()=>{this.$fastController.definition.shadowOptions&&window.ShadowRoot&&!window.ShadowRoot.prototype.hasOwnProperty(`delegatesFocus`)&&this.$fastController.definition.shadowOptions.delegatesFocus&&Object.defineProperty(this,`focus`,{value:()=>{this.control.focus()},configurable:!0})}}formactionChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.formAction=this.formaction)}formenctypeChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.formEnctype=this.formenctype)}formmethodChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.formMethod=this.formmethod)}formnovalidateChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.formNoValidate=this.formnovalidate)}formtargetChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.formTarget=this.formtarget)}typeChanged(e,t){this.proxy instanceof HTMLInputElement&&(this.proxy.type=this.type),t===`submit`&&this.addEventListener(`click`,this.handleSubmission),e===`submit`&&this.removeEventListener(`click`,this.handleSubmission),t===`reset`&&this.addEventListener(`click`,this.handleFormReset),e===`reset`&&this.removeEventListener(`click`,this.handleFormReset)}validate(){super.validate(this.control)}connectedCallback(){super.connectedCallback(),this.proxy.setAttribute(`type`,this.type),this.handleUnsupportedDelegatesFocus(),this.autofocus&&e.A.enqueue(()=>{this.focus()}),(this.control?Array.from(this.control.children):[]).forEach(e=>{e.addEventListener(`click`,this.handleClick)})}disconnectedCallback(){super.disconnectedCallback(),(this.control?Array.from(this.control.children):[]).forEach(e=>{e.removeEventListener(`click`,this.handleClick)})}};t.t([e.u({mode:`boolean`})],i.prototype,`autofocus`,void 0),t.t([e.u({attribute:`form`})],i.prototype,`formId`,void 0),t.t([e.u],i.prototype,`formaction`,void 0),t.t([e.u],i.prototype,`formenctype`,void 0),t.t([e.u],i.prototype,`formmethod`,void 0),t.t([e.u({mode:`boolean`})],i.prototype,`formnovalidate`,void 0),t.t([e.u],i.prototype,`formtarget`,void 0),t.t([e.u],i.prototype,`type`,void 0),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});

package/bundled/button.js

@@ -1,9 +1,9 @@
-import { O as e, l as t, t as n } from "./vivid-element.js";
+import { A as e, t, u as n } from "./vivid-element.js";
 import { t as r } from "./decorate.js";
 import { t as i } from "./delegates-aria.js";
 import { n as a } from "./form-associated.js";
 //#region src/shared/foundation/button/button.ts
-var o = class extends i(a(n)) {
+var o = class extends i(a(t)) {
 	constructor(...e) {
 		super(...e), this.proxy = document.createElement("input"), this.handleClick = (e) => {
 			/* v8 ignore else -- @preserve */
@@ -61,6 +61,6 @@ var o = class extends i(a(n)) {
 		});
 	}
 };
-r([t({ mode: "boolean" })], o.prototype, "autofocus", void 0), r([t({ attribute: "form" })], o.prototype, "formId", void 0), r([t], o.prototype, "formaction", void 0), r([t], o.prototype, "formenctype", void 0), r([t], o.prototype, "formmethod", void 0), r([t({ mode: "boolean" })], o.prototype, "formnovalidate", void 0), r([t], o.prototype, "formtarget", void 0), r([t], o.prototype, "type", void 0);
+r([n({ mode: "boolean" })], o.prototype, "autofocus", void 0), r([n({ attribute: "form" })], o.prototype, "formId", void 0), r([n], o.prototype, "formaction", void 0), r([n], o.prototype, "formenctype", void 0), r([n], o.prototype, "formmethod", void 0), r([n({ mode: "boolean" })], o.prototype, "formnovalidate", void 0), r([n], o.prototype, "formtarget", void 0), r([n], o.prototype, "type", void 0);
 //#endregion
 export { o as t };

package/bundled/calendar-event.cjs

@@ -1 +1 @@
-const e=require(`./vivid-element.cjs`),t=require(`./decorate.cjs`),n=require(`./delegates-aria.cjs`);var r=class extends n.t(e.t){};t.t([e.l],r.prototype,`heading`,void 0),t.t([e.l],r.prototype,`description`,void 0),t.t([e.l],r.prototype,`connotation`,void 0),t.t([e.l],r.prototype,`appearance`,void 0),t.t([e.l({converter:e.u,attribute:`overlap-count`})],r.prototype,`overlapCount`,void 0),t.t([e.l({converter:e.u})],r.prototype,`start`,void 0),t.t([e.l({converter:e.u})],r.prototype,`duration`,void 0),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});
+const e=require(`./vivid-element.cjs`),t=require(`./decorate.cjs`),n=require(`./delegates-aria.cjs`);var r=class extends n.t(e.t){};t.t([e.u],r.prototype,`heading`,void 0),t.t([e.u],r.prototype,`description`,void 0),t.t([e.u],r.prototype,`connotation`,void 0),t.t([e.u],r.prototype,`appearance`,void 0),t.t([e.u({converter:e.d,attribute:`overlap-count`})],r.prototype,`overlapCount`,void 0),t.t([e.u({converter:e.d})],r.prototype,`start`,void 0),t.t([e.u({converter:e.d})],r.prototype,`duration`,void 0),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});

package/bundled/calendar-event.js

@@ -1,11 +1,11 @@
-import { l as e, t, u as n } from "./vivid-element.js";
+import { d as e, t, u as n } from "./vivid-element.js";
 import { t as r } from "./decorate.js";
 import { t as i } from "./delegates-aria.js";
 //#region src/lib/calendar-event/calendar-event.ts
 var a = class extends i(t) {};
-r([e], a.prototype, "heading", void 0), r([e], a.prototype, "description", void 0), r([e], a.prototype, "connotation", void 0), r([e], a.prototype, "appearance", void 0), r([e({
-	converter: n,
+r([n], a.prototype, "heading", void 0), r([n], a.prototype, "description", void 0), r([n], a.prototype, "connotation", void 0), r([n], a.prototype, "appearance", void 0), r([n({
+	converter: e,
 	attribute: "overlap-count"
-})], a.prototype, "overlapCount", void 0), r([e({ converter: n })], a.prototype, "start", void 0), r([e({ converter: n })], a.prototype, "duration", void 0);
+})], a.prototype, "overlapCount", void 0), r([n({ converter: e })], a.prototype, "start", void 0), r([n({ converter: e })], a.prototype, "duration", void 0);
 //#endregion
 export { a as t };