@vonage/vivid 5.15.0 → 5.16.0

package/bundled/definition15.cjs

@@ -1,5 +1,73 @@
-"use strict";const o=require("./vivid-element.cjs"),t=require("./divider.cjs"),r=require("./host-semantics.cjs"),n=require("./class-names.cjs"),s=":host{display:block}.base{--_connotation-color-soft: var(--vvd-divider-accent-soft, var(--vvd-color-neutral-100));--_connotation-color-dim: var(--vvd-divider-accent-dim, var(--vvd-color-neutral-200))}.base{display:block}.base:not(.vertical){block-size:1px;inline-size:100%}.base.vertical{block-size:100%;inline-size:1px}.base.appearance-ghost{background-color:var(--_connotation-color-dim)}.base.appearance-subtle{background-color:var(--_connotation-color-soft)}",c=({orientation:e,appearance:i})=>n.classNames("base",[`${e}`,!!e],[`appearance-${i}`,!!i]),l=({role:e,orientation:i})=>e===t.DividerRole.presentation?null:i,d=o.html`<template
-	${r.applyHostSemantics({role:e=>e.role||t.DividerRole.separator,ariaHidden:!0,ariaOrientation:l})}
->
-	<span class="${c}"></span
-></template>`,a=o.defineVividComponent("divider",t.Divider,d,[],{styles:s}),v=o.createRegisterFunction(a);exports.dividerDefinition=a;exports.registerDivider=v;
+const e=require(`./vivid-element.cjs`),t=require(`./ref.cjs`),n=require(`./when.cjs`),r=require(`./slotted.cjs`),i=require(`./definition.cjs`),a=require(`./definition2.cjs`),o=require(`./decorate.cjs`),s=require(`./class-names.cjs`),c=require(`./affix.cjs`),l=require(`./delegates-aria.cjs`),u=require(`./form-associated.cjs`),d=require(`./form-element.cjs`),f=require(`./with-success-text.cjs`),p=require(`./with-error-text.cjs`),m=require(`./with-contextual-help.cjs`),h=require(`./char-count.cjs`),g=require(`./mixins.cjs`),_=require(`./text-field.cjs`),v=require(`./definition14.cjs`);var y={email:`email`,password:`password`,tel:`tel`,text:`text`,url:`url`},b=new e.y([`
+	._vvd-3-text-field-safari-workaround::placeholder {
+		opacity: 1 !important;
+		-webkit-text-fill-color: var(--_low-ink-color) !important;
+	}
+`]),x=e=>{let t=e.getRootNode();b.isAttachedTo(t)||b.addStylesTo(t)},S=class extends m.t(g.n(h.t(p.t(f.t(d.t(c.t(l.t(u.n(e.t))))))))){constructor(...e){super(...e),this.proxy=document.createElement(`input`),this.type=y.text}readOnlyChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.readOnly=this.readOnly,this.validate())}autofocusChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.autofocus=this.autofocus,this.validate())}placeholderChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.placeholder=this.placeholder)}typeChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.type=this.type,this.validate())}listChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.setAttribute(`list`,this.list),this.validate())}maxlengthChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.maxLength=this.maxlength,this.validate())}minlengthChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.minLength=this.minlength,this.validate())}patternChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.pattern=this.pattern,this.validate())}sizeChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.size=this.size)}spellcheckChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.spellcheck=this.spellcheck)}valueChanged(e,t){super.valueChanged(e,t),this._updateControlValueIfNeeded(),this.charCount&&this.maxlength&&this._updateCharCountRemaining()}_updateControlValueIfNeeded(){this.control&&this.control.value!==this.value&&(this.control.value=this.value)}select(){this.control.select()}handleTextInput(){this.value=this.control.value}handleChange(){this.$emit(`change`)}validate(){super.validate(this.control)}connectedCallback(){super.connectedCallback(),this.proxy.setAttribute(`type`,this.type),this.validate(),this.autofocus&&e.O.enqueue(()=>{this.focus()}),this._updateControlValueIfNeeded(),x(this),this._renderCharCountRemaining()}focus(){this.control?.focus()}#e=g.r();get _uniqueId(){return this.id||this.#e}};o.t([e.l({attribute:`readonly`,mode:`boolean`})],S.prototype,`readOnly`,void 0),o.t([e.l({mode:`boolean`})],S.prototype,`autofocus`,void 0),o.t([e.l],S.prototype,`placeholder`,void 0),o.t([e.l],S.prototype,`type`,void 0),o.t([e.l],S.prototype,`list`,void 0),o.t([e.l({converter:e.u})],S.prototype,`maxlength`,void 0),o.t([e.l({converter:e.u})],S.prototype,`minlength`,void 0),o.t([e.l],S.prototype,`pattern`,void 0),o.t([e.l({converter:e.u})],S.prototype,`size`,void 0),o.t([e.l({mode:`boolean`})],S.prototype,`spellcheck`,void 0),o.t([e.l],S.prototype,`appearance`,void 0),o.t([e.l],S.prototype,`shape`,void 0),o.t([e.l],S.prototype,`autoComplete`,void 0),o.t([e.l()],S.prototype,`scale`,void 0),o.t([e.l({attribute:`inputmode`})],S.prototype,`inputMode`,void 0),o.t([e.T],S.prototype,`actionItemsSlottedContent`,void 0),o.t([e.T],S.prototype,`leadingActionItemsSlottedContent`,void 0);var C=e=>`vvd-text-field-control-${e}`,w=({errorValidationMessage:e,disabled:t,value:n,readOnly:r,placeholder:i,appearance:a,shape:o,label:c,successText:l,actionItemsSlottedContent:u,leadingActionItemsSlottedContent:d,icon:f,scale:p})=>s.t([`error`,!!e],[`disabled`,t],[`has-value`,!!n],[`readonly`,r],[`placeholder`,!!i],[`appearance-${a}`,!!a],[`shape-${o}`,!!o],[`no-label`,!c],[`has-icon`,!!f],[`success`,!!l],[`action-items`,!!u?.length],[`leading-action-items`,!!d?.length],[`no-leading`,!(d?.length||f)],[`size-${p}`,!!p]),T=e.o(`text-field`,S,i=>{let a=c.a(i);return e.d`
+		<div class="base ${w}">
+			${n.t(e=>e.charCount&&e.maxlength,e=>e._getCharCountTemplate(i))}
+			<div
+				class="label-wrapper"
+				?hidden=${e=>!e.label&&!e._hasContextualHelp}
+			>
+				<slot class="label" name="_label"></slot>
+				<slot
+					name="contextual-help"
+					${r.t(`_contextualHelpSlottedContent`)}
+				></slot>
+			</div>
+			${g.i(e.d`
+				${n.t(e=>e.label,e.d`
+						<label slot="_label" for="${e=>C(e._uniqueId)}">
+							${e=>e.label}
+						</label>
+					`)}
+			`)}
+			<div class="fieldset">
+				<div class="leading-items-wrapper">
+					<slot
+						name="leading-action-items"
+						${r.t(`leadingActionItemsSlottedContent`)}
+					></slot>
+					${e=>a(e.icon)}
+				</div>
+				<div class="wrapper">
+					<slot class="control" name="_control"></slot>
+					${g.i(e.d`<input
+							slot="_control"
+							id="${e=>C(e._uniqueId)}"
+							class="_vvd-3-text-field-safari-workaround"
+							@input="${e=>e.handleTextInput()}"
+							@change="${e=>e.handleChange()}"
+							@blur="${e=>{e.$emit(`blur`,void 0,{bubbles:!1})}}"
+							@focus="${e=>{e.$emit(`focus`,void 0,{bubbles:!1})}}"
+							?autofocus="${e=>e.autofocus}"
+							?disabled="${e=>e.disabled}"
+							?readonly="${e=>e.readOnly}"
+							?required="${e=>e.required}"
+							?spellcheck="${e=>e.spellcheck}"
+							list="${e=>e.list}"
+							maxlength="${e=>e.maxlength}"
+							minlength="${e=>e.minlength}"
+							pattern="${e=>e.pattern}"
+							placeholder="${e=>e.placeholder}"
+							size="${e=>e.size}"
+							autocomplete="${e=>e.autoComplete}"
+							type="${e=>e.type}"
+							inputmode="${e=>e.inputMode}"
+							aria-describedby="${e=>e._feedbackDescribedBy} ${e=>e.charCount&&e.maxlength?e._charCountDescribedBy:null}"
+							value="${e=>e.initialValue}"
+							${l.n()}
+							${t.t(`control`)}
+						/>`)}
+				</div>
+				<div class="action-items-wrapper">
+					<slot
+						name="action-items"
+						${r.t(`actionItemsSlottedContent`)}
+					></slot>
+				</div>
+			</div>
+			${e=>e._getFeedbackTemplate(i)}
+		</div>
+	`},[a.t,g.a,i.n,v.t],{styles:_.t,shadowOptions:{delegatesFocus:!0}}),E=e.s(T);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return T}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return E}});

package/bundled/definition15.js

@@ -1,29 +1,195 @@
-import { h as i, c as t, d as r } from "./vivid-element.js";
-import { a as e, D as s } from "./divider.js";
-import { a as n } from "./host-semantics.js";
-import { c } from "./class-names.js";
-const l = ":host{display:block}.base{--_connotation-color-soft: var(--vvd-divider-accent-soft, var(--vvd-color-neutral-100));--_connotation-color-dim: var(--vvd-divider-accent-dim, var(--vvd-color-neutral-200))}.base{display:block}.base:not(.vertical){block-size:1px;inline-size:100%}.base.vertical{block-size:100%;inline-size:1px}.base.appearance-ghost{background-color:var(--_connotation-color-dim)}.base.appearance-subtle{background-color:var(--_connotation-color-soft)}", d = ({ orientation: o, appearance: a }) => c(
-  "base",
-  [`${o}`, !!o],
-  [`appearance-${a}`, !!a]
-), v = ({ role: o, orientation: a }) => o === e.presentation ? null : a, p = i`<template
-	${n({
-  role: (o) => o.role || e.separator,
-  ariaHidden: !0,
-  ariaOrientation: v
-})}
->
-	<span class="${d}"></span
-></template>`, m = r(
-  "divider",
-  s,
-  p,
-  [],
-  {
-    styles: l
-  }
-), k = t(m);
-export {
-  m as d,
-  k as r
+import { O as e, T as t, d as n, l as r, o as i, s as a, t as o, u as s, y as c } from "./vivid-element.js";
+import { t as l } from "./ref.js";
+import { t as u } from "./when.js";
+import { t as d } from "./slotted.js";
+import { n as f } from "./definition.js";
+import { t as p } from "./definition2.js";
+import { t as m } from "./decorate.js";
+import { t as h } from "./class-names.js";
+import { a as g, t as _ } from "./affix.js";
+import { n as v, t as y } from "./delegates-aria.js";
+import { n as b } from "./form-associated.js";
+import { t as x } from "./form-element.js";
+import { t as S } from "./with-success-text.js";
+import { t as C } from "./with-error-text.js";
+import { t as w } from "./with-contextual-help.js";
+import { t as T } from "./char-count.js";
+import { a as E, i as D, n as O, r as k } from "./mixins.js";
+import { t as A } from "./text-field.js";
+import { t as j } from "./definition14.js";
+//#region src/lib/text-field/text-field.ts
+var M = {
+	email: "email",
+	password: "password",
+	tel: "tel",
+	text: "text",
+	url: "url"
+}, N = new c(["\n	._vvd-3-text-field-safari-workaround::placeholder {\n		opacity: 1 !important;\n		-webkit-text-fill-color: var(--_low-ink-color) !important;\n	}\n"]), P = (e) => {
+	let t = e.getRootNode();
+	N.isAttachedTo(t) || N.addStylesTo(t);
+}, F = class extends w(O(T(C(S(x(_(y(b(o))))))))) {
+	constructor(...e) {
+		super(...e), this.proxy = document.createElement("input"), this.type = M.text;
+	}
+	readOnlyChanged() {
+		/* v8 ignore if -- @preserve */
+		this.proxy instanceof HTMLInputElement && (this.proxy.readOnly = this.readOnly, this.validate());
+	}
+	autofocusChanged() {
+		/* v8 ignore if -- @preserve */
+		this.proxy instanceof HTMLInputElement && (this.proxy.autofocus = this.autofocus, this.validate());
+	}
+	placeholderChanged() {
+		/* v8 ignore if -- @preserve */
+		this.proxy instanceof HTMLInputElement && (this.proxy.placeholder = this.placeholder);
+	}
+	typeChanged() {
+		/* v8 ignore if -- @preserve */
+		this.proxy instanceof HTMLInputElement && (this.proxy.type = this.type, this.validate());
+	}
+	listChanged() {
+		/* v8 ignore if -- @preserve */
+		this.proxy instanceof HTMLInputElement && (this.proxy.setAttribute("list", this.list), this.validate());
+	}
+	maxlengthChanged() {
+		/* v8 ignore if -- @preserve */
+		this.proxy instanceof HTMLInputElement && (this.proxy.maxLength = this.maxlength, this.validate());
+	}
+	minlengthChanged() {
+		/* v8 ignore if -- @preserve */
+		this.proxy instanceof HTMLInputElement && (this.proxy.minLength = this.minlength, this.validate());
+	}
+	patternChanged() {
+		/* v8 ignore if -- @preserve */
+		this.proxy instanceof HTMLInputElement && (this.proxy.pattern = this.pattern, this.validate());
+	}
+	sizeChanged() {
+		/* v8 ignore if -- @preserve */
+		this.proxy instanceof HTMLInputElement && (this.proxy.size = this.size);
+	}
+	spellcheckChanged() {
+		/* v8 ignore if -- @preserve */
+		this.proxy instanceof HTMLInputElement && (this.proxy.spellcheck = this.spellcheck);
+	}
+	valueChanged(e, t) {
+		super.valueChanged(e, t), this._updateControlValueIfNeeded(), this.charCount && this.maxlength && this._updateCharCountRemaining();
+	}
+	_updateControlValueIfNeeded() {
+		this.control && this.control.value !== this.value && (this.control.value = this.value);
+	}
+	select() {
+		this.control.select();
+	}
+	handleTextInput() {
+		this.value = this.control.value;
+	}
+	handleChange() {
+		this.$emit("change");
+	}
+	validate() {
+		super.validate(this.control);
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.proxy.setAttribute("type", this.type), this.validate(), this.autofocus && e.enqueue(() => {
+			this.focus();
+		}), this._updateControlValueIfNeeded(), P(this), this._renderCharCountRemaining();
+	}
+	focus() {
+		this.control?.focus();
+	}
+	#e = k();
+	get _uniqueId() {
+		return this.id || this.#e;
+	}
 };
+m([r({
+	attribute: "readonly",
+	mode: "boolean"
+})], F.prototype, "readOnly", void 0), m([r({ mode: "boolean" })], F.prototype, "autofocus", void 0), m([r], F.prototype, "placeholder", void 0), m([r], F.prototype, "type", void 0), m([r], F.prototype, "list", void 0), m([r({ converter: s })], F.prototype, "maxlength", void 0), m([r({ converter: s })], F.prototype, "minlength", void 0), m([r], F.prototype, "pattern", void 0), m([r({ converter: s })], F.prototype, "size", void 0), m([r({ mode: "boolean" })], F.prototype, "spellcheck", void 0), m([r], F.prototype, "appearance", void 0), m([r], F.prototype, "shape", void 0), m([r], F.prototype, "autoComplete", void 0), m([r()], F.prototype, "scale", void 0), m([r({ attribute: "inputmode" })], F.prototype, "inputMode", void 0), m([t], F.prototype, "actionItemsSlottedContent", void 0), m([t], F.prototype, "leadingActionItemsSlottedContent", void 0);
+//#endregion
+//#region src/lib/text-field/text-field.template.ts
+var I = (e) => `vvd-text-field-control-${e}`, L = ({ errorValidationMessage: e, disabled: t, value: n, readOnly: r, placeholder: i, appearance: a, shape: o, label: s, successText: c, actionItemsSlottedContent: l, leadingActionItemsSlottedContent: u, icon: d, scale: f }) => h(["error", !!e], ["disabled", t], ["has-value", !!n], ["readonly", r], ["placeholder", !!i], [`appearance-${a}`, !!a], [`shape-${o}`, !!o], ["no-label", !s], ["has-icon", !!d], ["success", !!c], ["action-items", !!l?.length], ["leading-action-items", !!u?.length], ["no-leading", !(u?.length || d)], [`size-${f}`, !!f]), R = i("text-field", F, (e) => {
+	let t = g(e);
+	return n`
+		<div class="base ${L}">
+			${u((e) => e.charCount && e.maxlength, (t) => t._getCharCountTemplate(e))}
+			<div
+				class="label-wrapper"
+				?hidden=${(e) => !e.label && !e._hasContextualHelp}
+			>
+				<slot class="label" name="_label"></slot>
+				<slot
+					name="contextual-help"
+					${d("_contextualHelpSlottedContent")}
+				></slot>
+			</div>
+			${D(n`
+				${u((e) => e.label, n`
+						<label slot="_label" for="${(e) => I(e._uniqueId)}">
+							${(e) => e.label}
+						</label>
+					`)}
+			`)}
+			<div class="fieldset">
+				<div class="leading-items-wrapper">
+					<slot
+						name="leading-action-items"
+						${d("leadingActionItemsSlottedContent")}
+					></slot>
+					${(e) => t(e.icon)}
+				</div>
+				<div class="wrapper">
+					<slot class="control" name="_control"></slot>
+					${D(n`<input
+							slot="_control"
+							id="${(e) => I(e._uniqueId)}"
+							class="_vvd-3-text-field-safari-workaround"
+							@input="${(e) => e.handleTextInput()}"
+							@change="${(e) => e.handleChange()}"
+							@blur="${(e) => {
+		e.$emit("blur", void 0, { bubbles: !1 });
+	}}"
+							@focus="${(e) => {
+		e.$emit("focus", void 0, { bubbles: !1 });
+	}}"
+							?autofocus="${(e) => e.autofocus}"
+							?disabled="${(e) => e.disabled}"
+							?readonly="${(e) => e.readOnly}"
+							?required="${(e) => e.required}"
+							?spellcheck="${(e) => e.spellcheck}"
+							list="${(e) => e.list}"
+							maxlength="${(e) => e.maxlength}"
+							minlength="${(e) => e.minlength}"
+							pattern="${(e) => e.pattern}"
+							placeholder="${(e) => e.placeholder}"
+							size="${(e) => e.size}"
+							autocomplete="${(e) => e.autoComplete}"
+							type="${(e) => e.type}"
+							inputmode="${(e) => e.inputMode}"
+							aria-describedby="${(e) => e._feedbackDescribedBy} ${(e) => e.charCount && e.maxlength ? e._charCountDescribedBy : null}"
+							value="${(e) => e.initialValue}"
+							${v()}
+							${l("control")}
+						/>`)}
+				</div>
+				<div class="action-items-wrapper">
+					<slot
+						name="action-items"
+						${d("actionItemsSlottedContent")}
+					></slot>
+				</div>
+			</div>
+			${(t) => t._getFeedbackTemplate(e)}
+		</div>
+	`;
+}, [
+	p,
+	E,
+	f,
+	j
+], {
+	styles: A,
+	shadowOptions: { delegatesFocus: !0 }
+}), z = a(R);
+//#endregion
+export { R as n, F as r, z as t };

package/bundled/definition16.cjs

@@ -1,30 +1,5 @@
-"use strict";const e=require("./vivid-element.cjs"),g=require("./base-progress.cjs"),v=require("./delegates-aria.cjs"),c=require("./when.cjs"),m=require("./class-names.cjs"),f=":host{--_vvd-progress-ring-accent-firm-wrapper: var( --vvd-progress-ring-accent-firm );--_vvd-progress-ring-cta-firm-wrapper: var( --vvd-progress-ring-cta-firm );--_vvd-progress-ring-alert-firm-wrapper: var( --vvd-progress-ring-alert-firm );--_vvd-progress-ring-success-firm-wrapper: var( --vvd-progress-ring-success-firm )}.base{--vvd-progress-ring-accent-firm: var( --_vvd-progress-ring-accent-firm-wrapper, var(--vvd-progress-ring-accent-primary) );--vvd-progress-ring-cta-firm: var( --_vvd-progress-ring-cta-firm-wrapper, var(--vvd-progress-ring-cta-primary) );--vvd-progress-ring-alert-firm: var( --_vvd-progress-ring-alert-firm-wrapper, var(--vvd-progress-ring-alert-primary) );--vvd-progress-ring-success-firm: var( --_vvd-progress-ring-success-firm-wrapper, var(--vvd-progress-ring-success-primary) )}.base.connotation-cta{--_connotation-color-firm: var(--vvd-progress-ring-cta-firm, var(--vvd-color-cta-600))}.base.connotation-alert{--_connotation-color-firm: var(--vvd-progress-ring-alert-firm, var(--vvd-color-alert-600))}.base.connotation-success{--_connotation-color-firm: var(--vvd-progress-ring-success-firm, var(--vvd-color-success-600))}.base:not(.connotation-cta,.connotation-alert,.connotation-success){--_connotation-color-firm: var(--vvd-progress-ring-accent-firm, var(--vvd-color-canvas-text))}.base{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base:disabled{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base.disabled{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base.size--6{--_size: calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2)) - (1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2)))) }.base.size--5{--_size: calc(1px*(20 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) }.base.size--4{--_size: calc(1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) }.base.size--3{--_size: calc(1px*(28 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) }.base.size--2{--_size: calc(1px*(32 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) }.base.size--1{--_size: calc(1px*(36 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) }.base.size-1{--_size: calc(1px*(44 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) }.base.size-2{--_size: calc(1px*(48 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) }.base.size-3{--_size: calc(1px*(52 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) }.base.size-4{--_size: calc(1px*(56 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) }.base.size-5{--_size: calc(1px*(60 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) }.base:not(.size--6,.size--5,.size--4,.size--3,.size--2,.size--1,.size-1,.size-2,.size-3,.size-4,.size-5){--_size: calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) }.base{align-items:center;block-size:var(--_size);color:var(--_appearance-color-text);inline-size:var(--_size);outline:none}.progress{width:100%;height:100%}.background{fill:none;stroke:transparent;stroke-width:1px}.determinate{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1px;transform:rotate(-90deg);transform-origin:50% 50%;transition:all .2s ease-in-out}.indeterminate-indicator-1{animation:spin-infinite 2s linear infinite;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1px;transform:rotate(-90deg);transform-origin:50% 50%;transition:all .2s ease-in-out}.base.paused .indeterminate-indicator-1{animation-play-state:paused}@keyframes spin-infinite{0%{stroke-dasharray:.01px 43.97px;transform:rotate(0)}50%{stroke-dasharray:21.99px 21.99px;transform:rotate(450deg)}to{stroke-dasharray:.01px 43.97px;transform:rotate(1080deg)}}";var z=Object.defineProperty,l=(r,a,i,b)=>{for(var s=void 0,t=r.length-1,o;t>=0;t--)(o=r[t])&&(s=o(a,i,s)||s);return s&&z(a,i,s),s};class n extends v.DelegatesAria(g.BaseProgress){}l([e.attr],n.prototype,"connotation");l([e.attr],n.prototype,"size");const x=({connotation:r,size:a,paused:i})=>m.classNames("base",["disabled",!!i],[`connotation-${r}`,!!r],[`size-${a}`,!!a]),p=44,u=e.html`<template>
-	<div
-		class="${r=>r.paused?"paused":""} ${x}"
-		${v.delegateAria({role:"progressbar",ariaValueNow:r=>r.value,ariaValueMin:r=>r.min,ariaValueMax:r=>r.max})}
-	>
-		${c.when(r=>typeof r.value=="number",e.html`
-				<svg class="progress" viewBox="0 0 16 16">
-					<circle class="background" cx="8px" cy="8px" r="7px"></circle>
-					<circle
-						class="determinate"
-						style="stroke-dasharray: ${r=>p*r.percentComplete/100}px ${p}px"
-						cx="8px"
-						cy="8px"
-						r="7px"
-					></circle>
-				</svg>
-			`)}
-		${c.when(r=>typeof r.value!="number",e.html`
-				<svg class="progress" viewBox="0 0 16 16">
-					<circle class="background" cx="8px" cy="8px" r="7px"></circle>
-					<circle
-						class="indeterminate-indicator-1"
-						cx="8px"
-						cy="8px"
-						r="7px"
-					></circle>
-				</svg>
-			`)}
-	</div>
-</template>`,d=e.defineVividComponent("progress-ring",n,u,[],{styles:f}),_=e.createRegisterFunction(d);exports.ProgressRing=n;exports.progressRingDefinition=d;exports.registerProgressRing=_;
+const e=require(`./vivid-element.cjs`),t=require(`./class-names.cjs`),n=require(`./host-semantics.cjs`),r=require(`./divider.cjs`);var i=`:host{display:block}.base{--_connotation-color-soft:var(--vvd-divider-accent-soft,var(--vvd-color-neutral-100));--_connotation-color-dim:var(--vvd-divider-accent-dim,var(--vvd-color-neutral-200));display:block}.base:not(.vertical){block-size:1px;inline-size:100%}.base.vertical{block-size:100%;inline-size:1px}.base.appearance-ghost{background-color:var(--_connotation-color-dim)}.base.appearance-subtle{background-color:var(--_connotation-color-soft)}`,a=e.d`<template
+	${n.n({role:e=>e.role||r.n.separator,ariaHidden:!0,ariaOrientation:({role:e,orientation:t})=>e===r.n.presentation?null:t})}
+>
+	<span class="${({orientation:e,appearance:n})=>t.t(`base`,[`${e}`,!!e],[`appearance-${n}`,!!n])}"></span
+></template>`,o=e.o(`divider`,r.t,a,[],{styles:i}),s=e.s(o);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});

package/bundled/definition16.js

@@ -1,80 +1,17 @@
-import { a as v, h as o, c as d, d as g } from "./vivid-element.js";
-import { B as m } from "./base-progress.js";
-import { D as f, d as z } from "./delegates-aria.js";
-import { w as c } from "./when.js";
-import { c as x } from "./class-names.js";
-const _ = ":host{--_vvd-progress-ring-accent-firm-wrapper: var( --vvd-progress-ring-accent-firm );--_vvd-progress-ring-cta-firm-wrapper: var( --vvd-progress-ring-cta-firm );--_vvd-progress-ring-alert-firm-wrapper: var( --vvd-progress-ring-alert-firm );--_vvd-progress-ring-success-firm-wrapper: var( --vvd-progress-ring-success-firm )}.base{--vvd-progress-ring-accent-firm: var( --_vvd-progress-ring-accent-firm-wrapper, var(--vvd-progress-ring-accent-primary) );--vvd-progress-ring-cta-firm: var( --_vvd-progress-ring-cta-firm-wrapper, var(--vvd-progress-ring-cta-primary) );--vvd-progress-ring-alert-firm: var( --_vvd-progress-ring-alert-firm-wrapper, var(--vvd-progress-ring-alert-primary) );--vvd-progress-ring-success-firm: var( --_vvd-progress-ring-success-firm-wrapper, var(--vvd-progress-ring-success-primary) )}.base.connotation-cta{--_connotation-color-firm: var(--vvd-progress-ring-cta-firm, var(--vvd-color-cta-600))}.base.connotation-alert{--_connotation-color-firm: var(--vvd-progress-ring-alert-firm, var(--vvd-color-alert-600))}.base.connotation-success{--_connotation-color-firm: var(--vvd-progress-ring-success-firm, var(--vvd-color-success-600))}.base:not(.connotation-cta,.connotation-alert,.connotation-success){--_connotation-color-firm: var(--vvd-progress-ring-accent-firm, var(--vvd-color-canvas-text))}.base{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base:disabled{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base.disabled{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base.size--6{--_size: calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2)) - (1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2)))) }.base.size--5{--_size: calc(1px*(20 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) }.base.size--4{--_size: calc(1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) }.base.size--3{--_size: calc(1px*(28 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) }.base.size--2{--_size: calc(1px*(32 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) }.base.size--1{--_size: calc(1px*(36 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) }.base.size-1{--_size: calc(1px*(44 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) }.base.size-2{--_size: calc(1px*(48 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) }.base.size-3{--_size: calc(1px*(52 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) }.base.size-4{--_size: calc(1px*(56 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) }.base.size-5{--_size: calc(1px*(60 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) }.base:not(.size--6,.size--5,.size--4,.size--3,.size--2,.size--1,.size-1,.size-2,.size-3,.size-4,.size-5){--_size: calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) }.base{align-items:center;block-size:var(--_size);color:var(--_appearance-color-text);inline-size:var(--_size);outline:none}.progress{width:100%;height:100%}.background{fill:none;stroke:transparent;stroke-width:1px}.determinate{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1px;transform:rotate(-90deg);transform-origin:50% 50%;transition:all .2s ease-in-out}.indeterminate-indicator-1{animation:spin-infinite 2s linear infinite;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1px;transform:rotate(-90deg);transform-origin:50% 50%;transition:all .2s ease-in-out}.base.paused .indeterminate-indicator-1{animation-play-state:paused}@keyframes spin-infinite{0%{stroke-dasharray:.01px 43.97px;transform:rotate(0)}50%{stroke-dasharray:21.99px 21.99px;transform:rotate(450deg)}to{stroke-dasharray:.01px 43.97px;transform:rotate(1080deg)}}";
-var u = Object.defineProperty, l = (r, a, s, w) => {
-  for (var e = void 0, i = r.length - 1, t; i >= 0; i--)
-    (t = r[i]) && (e = t(a, s, e) || e);
-  return e && u(a, s, e), e;
-};
-class n extends f(m) {
-}
-l([
-  v
-], n.prototype, "connotation");
-l([
-  v
-], n.prototype, "size");
-const b = ({ connotation: r, size: a, paused: s }) => x(
-  "base",
-  ["disabled", !!s],
-  [`connotation-${r}`, !!r],
-  [`size-${a}`, !!a]
-), p = 44, y = o`<template>
-	<div
-		class="${(r) => r.paused ? "paused" : ""} ${b}"
-		${z({
-  role: "progressbar",
-  ariaValueNow: (r) => r.value,
-  ariaValueMin: (r) => r.min,
-  ariaValueMax: (r) => r.max
+import { d as e, o as t, s as n } from "./vivid-element.js";
+import { t as r } from "./class-names.js";
+import { n as i } from "./host-semantics.js";
+import { n as a, t as o } from "./divider.js";
+//#endregion
+//#region src/lib/divider/definition.ts
+var s = t("divider", o, e`<template
+	${i({
+	role: (e) => e.role || a.separator,
+	ariaHidden: !0,
+	ariaOrientation: ({ role: e, orientation: t }) => e === a.presentation ? null : t
 })}
-	>
-		${c(
-  (r) => typeof r.value == "number",
-  o`
-				<svg class="progress" viewBox="0 0 16 16">
-					<circle class="background" cx="8px" cy="8px" r="7px"></circle>
-					<circle
-						class="determinate"
-						style="stroke-dasharray: ${(r) => p * r.percentComplete / 100}px ${p}px"
-						cx="8px"
-						cy="8px"
-						r="7px"
-					></circle>
-				</svg>
-			`
-)}
-		${c(
-  (r) => typeof r.value != "number",
-  o`
-				<svg class="progress" viewBox="0 0 16 16">
-					<circle class="background" cx="8px" cy="8px" r="7px"></circle>
-					<circle
-						class="indeterminate-indicator-1"
-						cx="8px"
-						cy="8px"
-						r="7px"
-					></circle>
-				</svg>
-			`
-)}
-	</div>
-</template>`, k = g(
-  "progress-ring",
-  n,
-  y,
-  [],
-  {
-    styles: _
-  }
-), B = d(
-  k
-);
-export {
-  n as P,
-  k as p,
-  B as r
-};
+>
+	<span class="${({ orientation: e, appearance: t }) => r("base", [`${e}`, !!e], [`appearance-${t}`, !!t])}"></span
+></template>`, [], { styles: ":host{display:block}.base{--_connotation-color-soft:var(--vvd-divider-accent-soft,var(--vvd-color-neutral-100));--_connotation-color-dim:var(--vvd-divider-accent-dim,var(--vvd-color-neutral-200));display:block}.base:not(.vertical){block-size:1px;inline-size:100%}.base.vertical{block-size:100%;inline-size:1px}.base.appearance-ghost{background-color:var(--_connotation-color-dim)}.base.appearance-subtle{background-color:var(--_connotation-color-soft)}" }), c = n(s);
+//#endregion
+export { c as n, s as t };

package/bundled/definition17.cjs

@@ -1,19 +1,13 @@
-"use strict";const p=require("./definition9.cjs"),n=require("./vivid-element.cjs"),d=require("./anchored.cjs"),u=require("./localized.cjs"),g=require("./index.cjs"),m=require("./when.cjs"),v=require("./class-names.cjs"),f=":host :host{display:var(--_popup-display, inline)}:host :host([slotted-anchor]){--_popup-display: contents}.content-wrapper{width:var(--toggletip-inline-size, auto);padding:16px;max-inline-size:var(--toggletip-max-inline-size, 30ch)}.headline{margin:0;font:var(--vvd-typography-base-bold)}.action-items{display:flex;justify-content:flex-end;gap:10px}::slotted([slot=action-items]){margin-block-start:16px}";var b=Object.defineProperty,r=(s,e,i,t)=>{for(var o=void 0,l=s.length-1,c;l>=0;l--)(c=s[l])&&(o=c(e,i,o)||o);return o&&b(e,i,o),o};class a extends u.Localized(d.Anchored(n.VividElement)){constructor(){super(...arguments),this.#e=null,this.alternate=!1,this.placement="right",this.open=!1,this.#t=()=>{this.open||n.Updates.enqueue(()=>this.open=!0)},this.#n=e=>{const i=!this.contains(e.target),t=this._anchorEl?.contains(e.target);(i||t)&&(this.open=!1)},this.#o=e=>{/* v8 ignore else -- @preserve */e.key==="Escape"&&(this.open=!1)}}#e;openChanged(e,i){e!==void 0&&(i?this.setAttribute("role","status"):this.removeAttribute("role"),this.#i(),this._anchorEl&&this.#s(this._anchorEl))}connectedCallback(){super.connectedCallback(),this.#i()}disconnectedCallback(){super.disconnectedCallback(),this.#i()}_anchorElChanged(e,i){e&&this.#r(e),i&&this.#a(i)}#a(e){e.addEventListener("click",this.#t,!0),this.#e=e.ariaLabel,e.ariaLabel=`${this.locale.toggletip.anchorLabel(e.ariaLabel||"")}`,this.#s(e)}#s(e){e.setAttribute("aria-expanded",this.open.toString()),e.setAttribute("data-expanded",this.open.toString())}#r(e){e.removeEventListener("click",this.#t,!0),e.removeAttribute("aria-expanded"),e.removeAttribute("data-expanded");/* v8 ignore else -- @preserve */e.ariaLabel&&(e.ariaLabel=this.#e)}#t;#i(){document.removeEventListener("click",this.#n),document.removeEventListener("keydown",this.#o),this.open&&this.isConnected&&(document.addEventListener("click",this.#n),document.addEventListener("keydown",this.#o))}#n;#o}r([n.attr],a.prototype,"headline");r([n.attr({mode:"boolean"})],a.prototype,"alternate");r([n.attr({mode:"fromView"})],a.prototype,"placement");r([n.attr({mode:"boolean"})],a.prototype,"open");const y=s=>v.classNames("control"),k=s=>{const e=s.tagFor(p.Popup),i=d.anchorSlotTemplateFactory();return n.html`
-		${i}
-		<${e}
-			@keydown="${(t,{event:o})=>!(t.open&&g.handleEscapeKeyAndStopPropogation(o))}"
-			class="${y}"
-			arrow
-			:anchor="${t=>t._anchorEl}"
-			:open="${t=>t.open}"
-			?alternate="${t=>!t.alternate}"
-			placement="${t=>t.placement}"
-			exportparts="vvd-theme-alternate"
-		>
-			<div class="content-wrapper">
-				${m.when(t=>t.headline,n.html`<h2 class="headline">${t=>t.headline}</h2>`)}
-				<slot></slot>
-				<div class="action-items"><slot name="action-items"></slot></div>
-			</div>
-		</${e}>
-	`},h=n.defineVividComponent("toggletip",a,k,[p.popupDefinition],{styles:f}),E=n.createRegisterFunction(h);exports.Toggletip=a;exports.registerToggletip=E;exports.toggletipDefinition=h;
+const e=require(`./vivid-element.cjs`),t=require(`./when.cjs`),n=require(`./decorate.cjs`),r=require(`./class-names.cjs`),i=require(`./form-associated.cjs`),a=require(`./form-element.cjs`),o=require(`./with-error-text.cjs`);var s=`:host(:focus-visible){outline:none}:host([disabled]){cursor:not-allowed}.base.connotation-cta{--_connotation-color-primary:var(--vvd-radio-cta-primary,var(--vvd-color-cta-500));--_connotation-color-primary-text:var(--vvd-radio-cta-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-radio-cta-primary-increment,var(--vvd-color-cta-600));--_connotation-color-intermediate:var(--vvd-radio-cta-intermediate,var(--vvd-color-cta-500));--_connotation-color-firm:var(--vvd-radio-cta-firm,var(--vvd-color-cta-600));--_connotation-color-fierce:var(--vvd-radio-cta-fierce,var(--vvd-color-cta-700))}.base:not(.connotation-cta){--_connotation-color-primary:var(--vvd-radio-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-primary-text:var(--vvd-radio-accent-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-radio-accent-primary-increment,var(--vvd-color-neutral-800));--_connotation-color-intermediate:var(--vvd-radio-accent-intermediate,var(--vvd-color-neutral-500));--_connotation-color-firm:var(--vvd-radio-accent-firm,var(--vvd-color-canvas-text));--_connotation-color-fierce:var(--vvd-radio-accent-fierce,var(--vvd-color-neutral-700))}.base{--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-canvas);--_appearance-color-outline:var(--vvd-color-neutral-500)}@media (hover:hover){.base:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-canvas);--_appearance-color-outline:var(--vvd-color-neutral-700)}}.base.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-canvas);--_appearance-color-outline:var(--vvd-color-neutral-700)}.base:checked:where(:not(.disabled,:disabled)),.base.checked:where(:not(.disabled,:disabled)){--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-primary);--_appearance-color-outline:var(--_connotation-color-primary)}@media (hover:hover){.base:checked:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-primary-increment);--_appearance-color-outline:var(--_connotation-color-primary-increment)}}.base.checked.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-primary-increment);--_appearance-color-outline:var(--_connotation-color-primary-increment)}.base:disabled,.base.disabled{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:var(--vvd-color-neutral-100);--_appearance-color-outline:var(--vvd-color-neutral-300)}.base.readonly:where(:not(.disabled,:disabled)){--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-neutral-200);--_appearance-color-outline:var(--vvd-color-neutral-400)}.base{cursor:pointer;align-items:center;gap:8px;display:inline-flex}@supports (user-select:none){.base{user-select:none}}.base.disabled{pointer-events:none}.control{block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 20));box-shadow:inset 0 0 0 2px var(--_appearance-color-outline);inline-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 20));border-radius:50%;flex-shrink:0;position:relative}.base:not(.checked) .control{background-color:var(--_appearance-color-fill)}.control:after{border-radius:inherit;background-color:var(--_appearance-color-outline);content:"";opacity:1;transition:opacity .2s;position:absolute;inset:5px}.base:not(.checked) .control:after{opacity:0}:host(:focus-visible) .control{--focus-stroke-gap-color:transparent;position:relative}:host(:focus-visible) .control:before{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%)}label{color:var(--vvd-color-canvas-text);cursor:pointer;font:var(--vvd-typography-base)}`,c=class extends o.t(a.t(i.t(e.t))){readOnlyChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.readOnly=this.readOnly)}defaultCheckedChanged(){this.$fastController.isConnected&&!this.dirtyChecked&&(this.isInsideRadioGroup()||(this.checked=this.defaultChecked,this.dirtyChecked=!1))}constructor(){super(),this.initialValue=`on`,this.defaultSlottedNodes=[],this.keypressHandler=e=>{switch(e.key){case` `:!this.checked&&!this.readOnly&&(this.checked=!0);return}return!0},this.proxy=document.createElement(`input`),this.proxy.setAttribute(`type`,`radio`),this.proxy.setAttribute(`name`,this.name),this.checked=this.defaultChecked,this.dirtyChecked=!1}nameChanged(t,n){super.nameChanged(t,n),n===null?this.proxy.removeAttribute(`name`):this.proxy.setAttribute(`name`,this.name),e.O.enqueue(this.validate)}connectedCallback(){super.connectedCallback(),e.O.enqueue(this.validate),this.parentElement.getAttribute(`data-vvd-component`)!==`radio-group`&&this.getAttribute(`tabindex`)===null&&(this.disabled||this.setAttribute(`tabindex`,`0`)),this.defaultChecked&&(this.dirtyChecked||this.isInsideRadioGroup()||(this.checked=this.defaultChecked,this.dirtyChecked=!1))}isInsideRadioGroup(){return this.closest(`[data-vvd-component="radio-group"]`)!==null}clickHandler(e){!this.disabled&&!this.readOnly&&!this.checked&&(this.checked=!0)}get#e(){let e=this.parentElement?.querySelectorAll(`${this.tagName.toLocaleLowerCase()}[name="${this.name}"]`);return e?Array.from(e):[]}get#t(){return this.closest(`${this.tagName.toLocaleLowerCase()}-group[name="${this.name}"]`)||null}#n=()=>{let e=this.#e,t=this.#t;e&&e.length>1&&e.some(e=>e.checked)&&(this.setValidity({valueMissing:!1}),this.errorValidationMessage=``,t&&(t.errorValidationMessage=``))};#r=()=>{if(this.elementInternals&&!this.validity.valueMissing){let e=this.#e,t=this.#t;e&&e.length>1&&e.forEach(e=>{e.elementInternals.setValidity({valueMissing:!1}),e.errorValidationMessage=``,t&&(t.errorValidationMessage=``)})}};validate(e){super.validate(e),this.proxy&&(this.errorValidationMessage=this.validationMessage||``,this.validity.valueMissing?this.#n():this.#r())}};n.t([e.l],c.prototype,`connotation`,void 0),n.t([e.l({attribute:`readonly`,mode:`boolean`})],c.prototype,`readOnly`,void 0),n.t([e.T],c.prototype,`defaultSlottedNodes`,void 0);var l=e.d`<template
+	aria-checked="${e=>e?.checked}"
+	aria-disabled="${e=>e?.disabled}"
+	aria-required="${e=>e?.required}"
+	@keypress="${(e,t)=>e?.keypressHandler(t.event)}"
+	@click="${(e,t)=>e?.clickHandler(t.event)}"
+	role="radio"
+>
+	<div class="${({connotation:e,checked:t,readOnly:n,disabled:i})=>r.t(`base`,[`connotation-${e}`,!!e],[`checked`,!!t],[`readonly`,!!n],[`disabled`,!!i])}">
+		<div class="control"></div>
+		${t.t(e=>e?.label,e.d`<label class="label">${e=>e?.label}</label>`)}
+	</div>
+</template>`,u=e.o(`radio`,c,l,[],{styles:s}),d=e.s(u);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return u}});