@vonage/vivid 5.15.1 → 5.16.0

package/bundled/mixins.cjs

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

package/bundled/mixins.js

@@ -1,232 +1,184 @@
-import { n as k } from "./normalize.js";
-import { d as _, h as d, V as $, a as y, M as F, H as I, o as f } from "./vivid-element.js";
-import { i as w, I as D } from "./definition2.js";
-import { v as C } from "./definition14.js";
-import { w as m } from "./when.js";
-import { c as B } from "./class-names.js";
-import { L as H } from "./localized.js";
-import { s as x } from "./slotted.js";
-const S = ":host{display:contents}.message{display:flex;contain:inline-size;font:var(--vvd-typography-base-condensed);gap:4px;grid-column:1/-1}.message.none-message{display:none}.message.helper-message{color:var(--_low-ink-color)}.message.error-message,.message.success-message{color:var(--vvd-color-canvas-text)}slot{display:inline}.icon{font-size:16px}.error-message .icon{color:var(--vvd-color-alert-500)}.success-message .icon{color:var(--vvd-color-success-500)}.announcement{display:contents}";
-var M = Object.defineProperty, O = (t, e, o, s) => {
-  for (var n = void 0, r = t.length - 1, a; r >= 0; r--)
-    (a = t[r]) && (n = a(e, o, n) || n);
-  return n && M(e, o, n), n;
+import { t as e } from "./localized.js";
+import { T as t, d as n, g as r, l as i, m as a, o, t as s } from "./vivid-element.js";
+import { t as c } from "./normalize.js";
+import { t as l } from "./when.js";
+import { t as u } from "./slotted.js";
+import { n as d } from "./definition.js";
+import { r as f, t as p } from "./definition2.js";
+import { t as m } from "./decorate.js";
+import { t as h } from "./class-names.js";
+//#region src/shared/feedback/feedback-message.scss?inline
+var g = ":host{display:contents}.message{contain:inline-size;font:var(--vvd-typography-base-condensed);grid-column:1/-1;gap:4px;display:flex}.message.none-message{display:none}.message.helper-message{color:var(--_low-ink-color)}.message.error-message,.message.success-message{color:var(--vvd-color-canvas-text)}slot{display:inline}.icon{font-size:16px}.error-message .icon{color:var(--vvd-color-alert-500)}.success-message .icon{color:var(--vvd-color-success-500)}.announcement{display:contents}", _ = class extends e(s) {
+	constructor(...e) {
+		super(...e), this.type = "none";
+	}
 };
-class l extends H($) {
-  constructor() {
-    super(...arguments), this.type = "none";
-  }
+m([i], _.prototype, "type", void 0);
+function v(e, t, r) {
+	let i = e.tagFor(f);
+	return n`<${i} class="icon" name="${t}" label="${(e) => e.locale.feedbackMessage[r]}"></${i}>`;
 }
-O([
-  y
-], l.prototype, "type");
-function u(t, e, o) {
-  const s = t.tagFor(D);
-  return d`<${s} class="icon" name="${e}" label="${(n) => n.locale.feedbackMessage[o]}"></${s}>`;
+function y(e) {
+	let t = {
+		none: "",
+		helper: "",
+		error: v(e, "info-line", "errorIconText"),
+		success: v(e, "check-circle-line", "successIconText")
+	};
+	return n`${(e) => t[e.type]}`;
 }
-function U(t) {
-  const e = {
-    none: "",
-    helper: "",
-    error: u(t, "info-line", "errorIconText"),
-    success: u(t, "check-circle-line", "successIconText")
-  };
-  return d`${(o) => e[o.type]}`;
-}
-const g = (t) => t === "error", L = (t) => {
-  const e = d`<div
-		class="${(o) => B("message", `${o.type}-message`)}"
+var b = (e) => e === "error", x = o("feedback-message", _, (e) => {
+	let t = n`<div
+		class="${(e) => h("message", `${e.type}-message`)}"
 	>
-		${U(t)}<slot></slot>
+		${y(e)}<slot></slot>
 	</div>`;
-  return d`${m((o) => !g(o.type), e)}
+	return n`${l((e) => !b(e.type), t)}
 		<span class="announcement" role="status" aria-live="polite">
-			${m((o) => g(o.type), e)}
+			${l((e) => b(e.type), t)}
 		</span>`;
-}, ee = _(
-  "feedback-message",
-  l,
-  L,
-  [w, C],
-  {
-    styles: S
-  }
-);
-class P {
-  constructor(e) {
-    this.source = null, this.templateBindingObserver = e.templateBinding.createObserver(
-      this,
-      e
-    );
-  }
-  bind(e) {
-    this.source = e.source, this.context = e.context, this.controller = e, this.insertionPoint || (this.insertionPoint = document.createComment(""), this.source.appendChild(this.insertionPoint)), this.templateBindingObserver.bind(e), this.handleChange(this.source, this.templateBindingObserver);
-  }
-  // unbind(): void {
-  // 	this.source = null;
-  // 	if (this.view) {
-  // 		this.view.unbind();
-  // 	}
-  // 	// The observer will be automatically cleaned up when the behavior is destroyed
-  // }
-  /**
-   * Handles change of the template itself.
-   */
-  handleChange(e, o) {
-    if (o === this.templateBindingObserver) {
-      const s = this.templateBindingObserver.bind(this.controller);
-      this.instantiateTemplate(s);
-    }
-  }
-  instantiateTemplate(e) {
-    this.view && this.view.dispose(), this.view = e.create(), this.view.bind(this.source, this.context), this.view.insertBefore(this.insertionPoint);
-  }
-}
-class T {
-  constructor(e) {
-    this.targetNodeId = "", this.templateBinding = e, this.dataBinding = e;
-  }
-  createHTML(e) {
-    return F.comment(e(this));
-  }
-  createBehavior() {
-    return new P(this);
-  }
-}
-I.define(T);
-function R(t) {
-  const e = k(t);
-  return new T(e);
+}, [p, d], { styles: g }), S = class {
+	constructor(e) {
+		this.source = null, this.templateBindingObserver = e.templateBinding.createObserver(this, e);
+	}
+	bind(e) {
+		this.source = e.source, this.context = e.context, this.controller = e, this.insertionPoint || (this.insertionPoint = document.createComment(""), this.source.appendChild(this.insertionPoint)), this.templateBindingObserver.bind(e), this.handleChange(this.source, this.templateBindingObserver);
+	}
+	handleChange(e, t) {
+		/* v8 ignore else -- @preserve */
+		if (t === this.templateBindingObserver) {
+			let e = this.templateBindingObserver.bind(this.controller);
+			this.instantiateTemplate(e);
+		}
+	}
+	instantiateTemplate(e) {
+		this.view && this.view.dispose(), this.view = e.create(), this.view.bind(this.source, this.context), this.view.insertBefore(this.insertionPoint);
+	}
+}, C = class {
+	constructor(e) {
+		this.targetNodeId = "", this.templateBinding = e, this.dataBinding = e;
+	}
+	createHTML(e) {
+		return r.comment(e(this));
+	}
+	createBehavior() {
+		return new S(this);
+	}
+};
+a.define(C);
+function w(e) {
+	return new C(c(e));
 }
-const i = [];
-for (let t = 0; t < 256; ++t)
-  i.push((t + 256).toString(16).slice(1));
-function V(t, e = 0) {
-  return (i[t[e + 0]] + i[t[e + 1]] + i[t[e + 2]] + i[t[e + 3]] + "-" + i[t[e + 4]] + i[t[e + 5]] + "-" + i[t[e + 6]] + i[t[e + 7]] + "-" + i[t[e + 8]] + i[t[e + 9]] + "-" + i[t[e + 10]] + i[t[e + 11]] + i[t[e + 12]] + i[t[e + 13]] + i[t[e + 14]] + i[t[e + 15]]).toLowerCase();
+//#endregion
+//#region ../../node_modules/.pnpm/uuid@11.1.0/node_modules/uuid/dist/esm-browser/stringify.js
+var T = [];
+for (let e = 0; e < 256; ++e) T.push((e + 256).toString(16).slice(1));
+function E(e, t = 0) {
+	return (T[e[t + 0]] + T[e[t + 1]] + T[e[t + 2]] + T[e[t + 3]] + "-" + T[e[t + 4]] + T[e[t + 5]] + "-" + T[e[t + 6]] + T[e[t + 7]] + "-" + T[e[t + 8]] + T[e[t + 9]] + "-" + T[e[t + 10]] + T[e[t + 11]] + T[e[t + 12]] + T[e[t + 13]] + T[e[t + 14]] + T[e[t + 15]]).toLowerCase();
 }
-let p;
-const E = new Uint8Array(16);
-function W() {
-  if (!p) {
-    if (typeof crypto > "u" || !crypto.getRandomValues)
-      throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-    p = crypto.getRandomValues.bind(crypto);
-  }
-  return p(E);
+//#endregion
+//#region ../../node_modules/.pnpm/uuid@11.1.0/node_modules/uuid/dist/esm-browser/rng.js
+var D, O = new Uint8Array(16);
+function k() {
+	if (!D) {
+		if (typeof crypto > "u" || !crypto.getRandomValues) throw Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
+		D = crypto.getRandomValues.bind(crypto);
+	}
+	return D(O);
 }
-const j = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), b = { randomUUID: j };
-function z(t, e, o) {
-  if (b.randomUUID && !t)
-    return b.randomUUID();
-  t = t || {};
-  const s = t.random ?? t.rng?.() ?? W();
-  if (s.length < 16)
-    throw new Error("Random bytes length must be >= 16");
-  return s[6] = s[6] & 15 | 64, s[8] = s[8] & 63 | 128, V(s);
+var A = { randomUUID: typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto) };
+//#endregion
+//#region ../../node_modules/.pnpm/uuid@11.1.0/node_modules/uuid/dist/esm-browser/v4.js
+function j(e, t, n) {
+	if (A.randomUUID && !t && !e) return A.randomUUID();
+	e ||= {};
+	let r = e.random ?? e.rng?.() ?? k();
+	if (r.length < 16) throw Error("Random bytes length must be >= 16");
+	if (r[6] = r[6] & 15 | 64, r[8] = r[8] & 63 | 128, t) {
+		if (n ||= 0, n < 0 || n + 16 > t.length) throw RangeError(`UUID byte range ${n}:${n + 15} is out of buffer bounds`);
+		for (let e = 0; e < 16; ++e) t[n + e] = r[e];
+		return t;
+	}
+	return E(r);
 }
-const v = () => z();
-var A = Object.defineProperty, h = (t, e, o, s) => {
-  for (var n = void 0, r = t.length - 1, a; r >= 0; r--)
-    (a = t[r]) && (n = a(e, o, n) || n);
-  return n && A(e, o, n), n;
-};
-const N = (t) => {
-  class e extends t {
-    /**
-     * Ids of the feedback content that the control should use for aria-describedby.
-     *
-     * @internal
-     */
-    get _feedbackDescribedBy() {
-      return "feedback slotted-helper-text-feedback";
-    }
-    /**
-     * @internal
-     */
-    _internalFeedback() {
-      const s = this._helperTextSlottedContent?.length ? "" : this.helperText, n = this.errorValidationMessage, r = this.successText;
-      return r ? { type: "success", message: r } : n ? { type: "error", message: n } : s ? { type: "helper", message: s } : { type: "none", message: "" };
-    }
-    /**
-     * @internal
-     */
-    _slottedHelperTextFeedbackType() {
-      return this._internalFeedback().type === "none" && this._helperTextSlottedContent?.length ? "helper" : "none";
-    }
-    /**
-     * @internal
-     */
-    _getFeedbackTemplate(s) {
-      const n = s.tagFor(l);
-      return d`
-				<${n} id="feedback" :type="${(r) => r._internalFeedback().type}">
-					${(r) => r._internalFeedback().message}
-				</${n}>
-				<${n}
+//#endregion
+//#region src/shared/utils/randomId.ts
+var M = () => j(), N = (e) => {
+	class r extends e {
+		get _feedbackDescribedBy() {
+			return "feedback slotted-helper-text-feedback";
+		}
+		_internalFeedback() {
+			let e = this._helperTextSlottedContent?.length ? "" : this.helperText, t = this.errorValidationMessage, n = this.successText;
+			return n ? {
+				type: "success",
+				message: n
+			} : t ? {
+				type: "error",
+				message: t
+			} : e ? {
+				type: "helper",
+				message: e
+			} : {
+				type: "none",
+				message: ""
+			};
+		}
+		_slottedHelperTextFeedbackType() {
+			return this._internalFeedback().type === "none" && this._helperTextSlottedContent?.length ? "helper" : "none";
+		}
+		_getFeedbackTemplate(e) {
+			let t = e.tagFor(_);
+			return n`
+				<${t} id="feedback" :type="${(e) => e._internalFeedback().type}">
+					${(e) => e._internalFeedback().message}
+				</${t}>
+				<${t}
 					id="slotted-helper-text-feedback"
-					:type="${(r) => r._slottedHelperTextFeedbackType()}"
+					:type="${(e) => e._slottedHelperTextFeedbackType()}"
 				>
-					<slot name="helper-text" ${x("_helperTextSlottedContent")}></slot>
-				</${n}>
+					<slot name="helper-text" ${u("_helperTextSlottedContent")}></slot>
+				</${t}>
 			`;
-    }
-  }
-  return h([
-    y({ attribute: "helper-text" })
-  ], e.prototype, "helperText"), h([
-    f
-  ], e.prototype, "_helperTextSlottedContent"), e;
-}, te = (t) => {
-  const e = () => `vvd-feedback-${v()}`, o = () => `vvd-slotted-feedback-${v()}`;
-  class s extends N(t) {
-    constructor() {
-      super(...arguments), this._slottedHelperTextIds = [], this._feedbackId = e();
-    }
-    /**
-     * @internal
-     */
-    _helperTextSlottedContentChanged(r, a) {
-      for (const c of a)
-        c.id || (c.id = o());
-      this._slottedHelperTextIds = a.map((c) => c.id);
-    }
-    /**
-     * @internal
-     */
-    get _feedbackDescribedBy() {
-      return [this._feedbackId, ...this._slottedHelperTextIds].join(" ");
-    }
-    /**
-     * @internal
-     */
-    _getFeedbackTemplate(r) {
-      const a = r.tagFor(l);
-      return d`
+		}
+	}
+	return m([i({ attribute: "helper-text" })], r.prototype, "helperText", void 0), m([t], r.prototype, "_helperTextSlottedContent", void 0), r;
+}, P = (e) => {
+	let r = () => `vvd-feedback-${M()}`, i = () => `vvd-slotted-feedback-${M()}`;
+	class a extends N(e) {
+		constructor(...e) {
+			super(...e), this._slottedHelperTextIds = [], this._feedbackId = r();
+		}
+		_helperTextSlottedContentChanged(e, t) {
+			for (let e of t)
+ /* v8 ignore else -- @preserve */
+			e.id ||= i();
+			this._slottedHelperTextIds = t.map((e) => e.id);
+		}
+		get _feedbackDescribedBy() {
+			return [this._feedbackId, ...this._slottedHelperTextIds].join(" ");
+		}
+		_getFeedbackTemplate(e) {
+			let t = e.tagFor(_);
+			return n`
 				<slot name="_feedback"></slot>
-				${R(d`<${a}
+				${w(n`<${t}
 					slot="_feedback"
-					id="${(c) => c._feedbackId}"
-					:type="${(c) => c._internalFeedback().type}"
+					id="${(e) => e._feedbackId}"
+					:type="${(e) => e._internalFeedback().type}"
 				>
-					${(c) => c._internalFeedback().message}
-				</${a}>`)}
-				<${a} :type="${(c) => c._slottedHelperTextFeedbackType()}">
+					${(e) => e._internalFeedback().message}
+				</${t}>`)}
+				<${t} :type="${(e) => e._slottedHelperTextFeedbackType()}">
 					<slot
 						name="helper-text"
-						${x("_helperTextSlottedContent")}
+						${u("_helperTextSlottedContent")}
 					></slot>
-				</${a}>
+				</${t}>
 			`;
-    }
-  }
-  return h([
-    f
-  ], s.prototype, "_slottedHelperTextIds"), s;
-};
-export {
-  N as W,
-  te as a,
-  ee as f,
-  v as g,
-  R as r
+		}
+	}
+	return m([t], a.prototype, "_slottedHelperTextIds", void 0), a;
 };
+//#endregion
+export { x as a, w as i, P as n, M as r, N as t };

package/bundled/normalize.cjs

@@ -1 +1 @@
-"use strict";const i=require("./vivid-element.cjs");function e(n){return i.isFunction(n)?i.oneWay(n):n instanceof i.Binding?n:i.oneTime(()=>n)}exports.normalizeBinding=e;
+const e=require(`./vivid-element.cjs`);function t(t){return e.j(t)?e.x(t):t instanceof e.S?t:e.b(()=>t)}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return t}});

package/bundled/normalize.js

@@ -1,7 +1,7 @@
-import { f as i, g as o, B as s, u as r } from "./vivid-element.js";
-function a(n) {
-  return i(n) ? o(n) : n instanceof s ? n : r(() => n);
+import { S as e, b as t, j as n, x as r } from "./vivid-element.js";
+//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.8.3/node_modules/@microsoft/fast-element/dist/esm/binding/normalize.js
+function i(i) {
+	return n(i) ? r(i) : i instanceof e ? i : t(() => i);
 }
-export {
-  a as n
-};
+//#endregion
+export { i as t };

package/bundled/numbers.cjs

@@ -1 +1 @@
-"use strict";function e(r,t,n){return n<r?t:n>t?r:n}function o(r,t,n){return Math.min(Math.max(n,r),t)}function s(r,t,n=0){return[t,n]=[t,n].sort((i,u)=>i-u),t<=r&&r<n}exports.inRange=s;exports.limit=o;exports.wrapInBounds=e;
+function e(e,t,n){return n<e?t:n>t?e:n}function t(e,t,n){return Math.min(Math.max(n,e),t)}function n(e,t,n=0){return[t,n]=[t,n].sort((e,t)=>e-t),t<=e&&e<n}Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return e}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});

package/bundled/numbers.js

@@ -1,14 +1,12 @@
-function o(t, r, n) {
-  return n < t ? r : n > r ? t : n;
+//#region ../../node_modules/.pnpm/@microsoft+fast-web-utilities@6.0.0/node_modules/@microsoft/fast-web-utilities/dist/numbers.js
+function e(e, t, n) {
+	return n < e ? t : n > t ? e : n;
 }
-function s(t, r, n) {
-  return Math.min(Math.max(n, t), r);
+function t(e, t, n) {
+	return Math.min(Math.max(n, e), t);
 }
-function u(t, r, n = 0) {
-  return [r, n] = [r, n].sort((i, e) => i - e), r <= t && t < n;
+function n(e, t, n = 0) {
+	return [t, n] = [t, n].sort((e, t) => e - t), t <= e && e < n;
 }
-export {
-  u as i,
-  s as l,
-  o as w
-};
+//#endregion
+export { t as n, e as r, n as t };