@vonage/vivid 5.16.0 → 5.17.0

package/fab/index.js

@@ -2,12 +2,12 @@ import { d as e, l as t, o as n, s as r } from "../bundled/vivid-element.js";
 import { t as i } from "../bundled/ref.js";
 import { t as a } from "../bundled/definition2.js";
 import { t as o } from "../bundled/decorate.js";
-import { t as s } from "../bundled/class-names.js";
-import { a as c, i as l, n as u } from "../bundled/affix.js";
-import { n as d } from "../bundled/delegates-aria.js";
+import { a as s, i as c, n as l } from "../bundled/affix.js";
+import { n as u } from "../bundled/delegates-aria.js";
+import { t as d } from "../bundled/class-names.js";
 import { t as f } from "../bundled/button.js";
 //#region src/lib/fab/fab.scss?inline
-var p = ".control.connotation-accent{--_connotation-color-primary:var(--vvd-fab-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-primary-text:var(--vvd-fab-accent-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-fab-accent-primary-increment,var(--vvd-color-neutral-800));--_connotation-color-contrast:var(--vvd-fab-accent-contrast,var(--vvd-color-neutral-800));--_connotation-color-fierce:var(--vvd-fab-accent-fierce,var(--vvd-color-neutral-700));--_connotation-color-firm:var(--vvd-fab-accent-firm,var(--vvd-color-canvas-text))}.control.connotation-cta{--_connotation-color-primary:var(--vvd-fab-cta-primary,var(--vvd-color-cta-500));--_connotation-color-primary-text:var(--vvd-fab-cta-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-fab-cta-primary-increment,var(--vvd-color-cta-600));--_connotation-color-contrast:var(--vvd-fab-cta-contrast,var(--vvd-color-cta-800));--_connotation-color-fierce:var(--vvd-fab-cta-fierce,var(--vvd-color-cta-700));--_connotation-color-firm:var(--vvd-fab-cta-firm,var(--vvd-color-cta-600))}.control.connotation-announcement{--_connotation-color-primary:var(--vvd-fab-announcement-primary,var(--vvd-color-announcement-500));--_connotation-color-primary-text:var(--vvd-fab-announcement-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-fab-announcement-primary-increment,var(--vvd-color-announcement-600));--_connotation-color-contrast:var(--vvd-fab-announcement-contrast,var(--vvd-color-announcement-800));--_connotation-color-fierce:var(--vvd-fab-announcement-fierce,var(--vvd-color-announcement-700));--_connotation-color-firm:var(--vvd-fab-announcement-firm,var(--vvd-color-announcement-600))}.control{--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-primary);--_appearance-color-outline:transparent}@media (hover:hover){.control: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:transparent}}.control.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:transparent}.control:disabled,.control.disabled{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:var(--vvd-color-neutral-100);--_appearance-color-outline:transparent}.control:active:where(:not(.disabled,:disabled)),.control.active:where(:not(.disabled,:disabled)){--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-fierce);--_appearance-color-outline:transparent}.control{--_fab-inline-padding:12px;box-sizing:border-box;border-radius:var(--_fab-border-radius);background:var(--_appearance-color-fill,var(--_elevation-fill));block-size:var(--_fab-block-size);color:var(--_appearance-color-text,var(--vvd-color-canvas-text));align-items:center;column-gap:var(--fab-icon-gap);filter:var(--_elevation-shadow);font:var(--vvd-typography-base-bold);padding-inline:var(--_fab-inline-padding);vertical-align:middle;border:0;transition:background-color .15s linear,filter .15s linear;display:inline-flex}.control:not(.connotation-accent,.connotation-cta,.connotation-announcement){--focus-stroke-gap-color:transparent}.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));display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}@supports (user-select:none){.control{user-select:none}}.control.size-expanded{--_fab-border-radius:40px;--_fab-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 16));--_fab-inline-padding:20px}.control.size-condensed{--_fab-border-radius:20px;--_fab-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8));font:var(--vvd-typography-base-condensed-bold)}.control.size-condensed vwc-icon{font-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8)) / 2)}.control:not(.size-expanded,.size-condensed){--_fab-border-radius:24px;--_fab-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2)))}.control:not(.size-condensed){font:var(--vvd-typography-base-bold)}.control.icon-only{--_fab-inline-padding:0;border-radius:50%;place-content:center}@supports (aspect-ratio:1){.control.icon-only{aspect-ratio:1}}@supports not (aspect-ratio:1){.control.icon-only{inline-size:var(--_fab-block-size)}}.control:not(.icon-only){--fab-icon-gap:10px}.control.disabled{--_elevation-fill:var(--_vvd-tinted-color-surface-nonedp,var(--vvd-color-surface-nonedp));--_elevation-shadow:var(--_vvd-tinted-shadow-surface-nonedp,var(--vvd-shadow-surface-nonedp));cursor:not-allowed}.control:not(.disabled){--_elevation-fill:var(--_vvd-tinted-color-surface-4dp,var(--vvd-color-surface-4dp));--_elevation-shadow:var(--_vvd-tinted-shadow-surface-4dp,var(--vvd-shadow-surface-4dp));cursor:pointer}@media (hover:hover){.control:not(.disabled):hover{--_elevation-fill:var(--_vvd-tinted-color-surface-12dp,var(--vvd-color-surface-12dp));--_elevation-shadow:var(--_vvd-tinted-shadow-surface-12dp,var(--vvd-shadow-surface-12dp))}}.control:not(.disabled):active{--_elevation-fill:var(--_vvd-tinted-color-surface-24dp,var(--vvd-color-surface-24dp));--_elevation-shadow:var(--_vvd-tinted-shadow-surface-24dp,var(--vvd-shadow-surface-24dp))}slot[name=icon]{line-height:1}.icon-trailing slot[name=icon]{order:1;display:inline-block}.control.size-extended slot[name=icon]{font-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 16)) / 2.3333)}.control:not(.size-extended) slot[name=icon]{font-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) / 2)}", m = class extends u(f) {
+var p = ".control.connotation-accent{--_connotation-color-primary:var(--vvd-fab-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-primary-text:var(--vvd-fab-accent-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-fab-accent-primary-increment,var(--vvd-color-neutral-800));--_connotation-color-contrast:var(--vvd-fab-accent-contrast,var(--vvd-color-neutral-800));--_connotation-color-fierce:var(--vvd-fab-accent-fierce,var(--vvd-color-neutral-700));--_connotation-color-firm:var(--vvd-fab-accent-firm,var(--vvd-color-canvas-text))}.control.connotation-cta{--_connotation-color-primary:var(--vvd-fab-cta-primary,var(--vvd-color-cta-500));--_connotation-color-primary-text:var(--vvd-fab-cta-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-fab-cta-primary-increment,var(--vvd-color-cta-600));--_connotation-color-contrast:var(--vvd-fab-cta-contrast,var(--vvd-color-cta-800));--_connotation-color-fierce:var(--vvd-fab-cta-fierce,var(--vvd-color-cta-700));--_connotation-color-firm:var(--vvd-fab-cta-firm,var(--vvd-color-cta-600))}.control.connotation-announcement{--_connotation-color-primary:var(--vvd-fab-announcement-primary,var(--vvd-color-announcement-500));--_connotation-color-primary-text:var(--vvd-fab-announcement-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-fab-announcement-primary-increment,var(--vvd-color-announcement-600));--_connotation-color-contrast:var(--vvd-fab-announcement-contrast,var(--vvd-color-announcement-800));--_connotation-color-fierce:var(--vvd-fab-announcement-fierce,var(--vvd-color-announcement-700));--_connotation-color-firm:var(--vvd-fab-announcement-firm,var(--vvd-color-announcement-600))}.control{--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-primary);--_appearance-color-outline:transparent}@media (hover:hover){.control: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:transparent}}.control.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:transparent}.control:disabled,.control.disabled{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:var(--vvd-color-neutral-100);--_appearance-color-outline:transparent}.control:active:where(:not(.disabled,:disabled)),.control.active:where(:not(.disabled,:disabled)){--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-fierce);--_appearance-color-outline:transparent}.control{--_fab-inline-padding:12px;box-sizing:border-box;border-radius:var(--_fab-border-radius);background:var(--_appearance-color-fill,var(--_elevation-fill));block-size:var(--_fab-block-size);color:var(--_appearance-color-text,var(--vvd-color-canvas-text));align-items:center;column-gap:var(--fab-icon-gap);filter:var(--_elevation-shadow);font:var(--vvd-typography-base-bold);padding-inline:var(--_fab-inline-padding);vertical-align:middle;border:0;transition:background-color .15s linear,filter .15s linear;display:inline-flex}.control:not(.connotation-accent,.connotation-cta,.connotation-announcement){--focus-stroke-gap-color:transparent}.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));display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}@supports (user-select:none){.control{user-select:none}}.control.size-expanded{--_fab-border-radius:40px;--_fab-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 16));--_fab-inline-padding:20px}.control.size-condensed{--_fab-border-radius:20px;--_fab-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8));font:var(--vvd-typography-base-condensed-bold)}.control.size-condensed vwc-icon{font-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8)) / 2)}.control:not(.size-expanded,.size-condensed){--_fab-border-radius:24px;--_fab-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2)))}.control:not(.size-condensed){font:var(--vvd-typography-base-bold)}.control.icon-only{--_fab-inline-padding:0;border-radius:50%;place-content:center}@supports (aspect-ratio:1){.control.icon-only{aspect-ratio:1}}@supports not (aspect-ratio:1){.control.icon-only{inline-size:var(--_fab-block-size)}}.control:not(.icon-only){--fab-icon-gap:10px}.control.disabled{--_elevation-fill:var(--_vvd-tinted-color-surface-nonedp,var(--vvd-color-surface-nonedp));--_elevation-shadow:var(--_vvd-tinted-shadow-surface-nonedp,var(--vvd-shadow-surface-nonedp));cursor:not-allowed}.control:not(.disabled){--_elevation-fill:var(--_vvd-tinted-color-surface-4dp,var(--vvd-color-surface-4dp));--_elevation-shadow:var(--_vvd-tinted-shadow-surface-4dp,var(--vvd-shadow-surface-4dp));cursor:pointer}@media (hover:hover){.control:not(.disabled):hover{--_elevation-fill:var(--_vvd-tinted-color-surface-12dp,var(--vvd-color-surface-12dp));--_elevation-shadow:var(--_vvd-tinted-shadow-surface-12dp,var(--vvd-shadow-surface-12dp))}}.control:not(.disabled):active{--_elevation-fill:var(--_vvd-tinted-color-surface-24dp,var(--vvd-color-surface-24dp));--_elevation-shadow:var(--_vvd-tinted-shadow-surface-24dp,var(--vvd-shadow-surface-24dp))}slot[name=icon]{line-height:1}.icon-trailing slot[name=icon]{order:1;display:inline-block}.control.size-extended slot[name=icon]{font-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 16)) / 2.3333)}.control:not(.size-extended) slot[name=icon]{font-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) / 2)}", m = class extends l(f) {
 	clickHandler(e) {
 		/* v8 ignore else -- @preserve */
 		if (this.disabled) {
@@ -19,11 +19,11 @@ var p = ".control.connotation-accent{--_connotation-color-primary:var(--vvd-fab-
 o([t], m.prototype, "connotation", void 0), o([t], m.prototype, "size", void 0), o([t], m.prototype, "label", void 0);
 //#endregion
 //#region src/lib/fab/fab.template.ts
-var h = ({ connotation: e, size: t, icon: n, label: r, iconTrailing: i, disabled: a, iconSlottedContent: o }) => s("control", [`connotation-${e}`, !!e], [`size-${t}`, !!t], ["icon-only", !r && !!(n || o?.length)], ["icon-trailing", i], ["disabled", a]);
+var h = ({ connotation: e, size: t, icon: n, label: r, iconTrailing: i, disabled: a, iconSlottedContent: o }) => d("control", [`connotation-${e}`, !!e], [`size-${t}`, !!t], ["icon-only", !r && !!(n || o?.length)], ["icon-trailing", i], ["disabled", a]);
 //#endregion
 //#region src/lib/fab/index.ts
 r(n("fab", m, (t) => {
-	let n = c(t);
+	let n = s(t);
 	return e`
 		<button
 			class="${h} "
@@ -37,11 +37,11 @@ r(n("fab", m, (t) => {
 			name="${(e) => e.name}"
 			type="${(e) => e.type}"
 			value="${(e) => e.value}"
-			${d({ ariaDisabled: (e) => e.disabled })}
+			${u({ ariaDisabled: (e) => e.disabled })}
 			${i("control")}
 			@click="${(e, t) => e.clickHandler(t.event)}"
 		>
-			${(e) => n(e.icon, l.Slot)} ${(e) => e.label}
+			${(e) => n(e.icon, c.Slot)} ${(e) => e.label}
 		</button>
 	`;
 }, [a], {

package/file-picker/index.cjs

@@ -1,16 +1,17 @@
-const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.cjs`),n=require(`../bundled/repeat.cjs`),r=require(`../bundled/ref.cjs`),i=require(`../bundled/when.cjs`),a=require(`../bundled/slotted.cjs`),o=require(`../bundled/definition2.cjs`),s=require(`../bundled/decorate.cjs`),c=require(`../bundled/class-names.cjs`),l=require(`../bundled/delegates-aria.cjs`),u=require(`../bundled/form-associated.cjs`),d=require(`../bundled/form-element.cjs`),f=require(`../bundled/with-error-text.cjs`),p=require(`../bundled/with-contextual-help.cjs`),m=require(`../bundled/definition6.cjs`),h=require(`../bundled/mixins.cjs`);var g=`.label-wrapper{align-items:center;gap:var(--label-wrapper-gap,4px);flex-direction:row;display:flex}.label-wrapper[hidden]{display:none}.label:not(slot),.label::slotted(label){flex:0 auto}:host{max-inline-size:400px;display:block}.base{block-size:inherit;max-block-size:inherit;--_low-ink-color:var(--vvd-color-neutral-600);flex-direction:column;display:flex}.control-wrapper{block-size:inherit;max-block-size:inherit;flex-direction:column;gap:4px;display:flex}.control{box-sizing:border-box;border:1px dashed var(--vvd-color-neutral-400);background-color:var(--vvd-color-cta-50);color:var(--vvd-color-neutral-600);cursor:pointer;font:var(--vvd-typography-base);border-radius:8px;outline:none;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;min-block-size:52px;inline-size:100%;padding:16px;transition:all .3s;display:flex;position:relative}.control .upload-text{color:var(--vvd-color-neutral-600);isolation:isolate;pointer-events:none;text-align:center;justify-content:center;align-items:center;transition:all .3s;display:flex}@media (hover:hover){.control:hover .upload-text{color:var(--vvd-color-neutral-800)}}.control.drag-hover .upload-text{color:var(--vvd-color-neutral-800)}.control:not(.size-expanded){min-block-size:52px}.control.size-expanded{min-block-size:120px}.control:focus-visible{--focus-stroke-gap-color:transparent;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))}.control:active,.control:focus-visible{border-color:var(--vvd-color-cta-400);background-color:var(--vvd-color-cta-100);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}@media (hover:hover){.control:hover{border-color:var(--vvd-color-cta-400);background-color:var(--vvd-color-cta-100);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}}.control:active{transform:translateY(0);box-shadow:0 1px 4px #0000001a}.control.drag-hover{border-color:var(--vvd-color-cta-200);background-color:var(--vvd-color-cta-200);outline:2px dashed var(--vvd-color-cta-500);transform:scale(1.02)}.upload-icon{color:var(--vvd-color-cta-600);pointer-events:none;transition:all .3s;animation:2s ease-in-out infinite subtle-pulse}@media (hover:hover){.control:hover .upload-icon{color:var(--vvd-color-cta-700);animation:none;transform:scale(1.1)}}.control:active .upload-icon{transform:scale(1.05)}.control.drag-hover .upload-icon{color:var(--vvd-color-neutral-800);animation:none;transform:scale(1.15)}@keyframes subtle-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.main{pointer-events:none}.preview{box-sizing:border-box;border:1px solid var(--vvd-color-neutral-300);background-color:var(--file-picker-list-item-background-color,var(--vvd-color-canvas));border-radius:8px;grid-template-rows:auto auto;grid-template-columns:1fr auto;inline-size:100%;padding:8px;display:grid}.preview .details{min-width:0;flex-direction:column;max-inline-size:100%;display:flex}.preview .details .filename{color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview .details .size{color:var(--vvd-color-neutral-600);font:var(--vvd-typography-base-condensed)}.preview .error-message{color:var(--vvd-color-alert-600);font:var(--vvd-typography-base-condensed-bold);align-items:center;gap:4px;margin-block-start:4px;display:flex}.preview:not(.has-error) .error-message{display:none}.preview.has-error{border:1px solid var(--vvd-color-alert-500);background-color:var(--vvd-color-alert-50)}.preview.has-error .size{display:none}.preview .remove-btn{grid-area:1/2/-1/-1;align-self:center;display:inline}.preview-list{--scrollbar-track-color:transparent;--scrollbar-thumb-color:color-mix(in srgb, var(--vvd-color-neutral-950), transparent 70%);scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color);scrollbar-width:thin}.preview-list ::-webkit-scrollbar{width:4px}.preview-list ::-webkit-scrollbar-track{background:var(--scrollbar-track-color)}.preview-list ::-webkit-scrollbar-thumb{background-color:var(--scrollbar-fallback-track-color,var(--scrollbar-thumb-color));border:0;border-radius:4px}.preview-list{flex-direction:column;gap:12px;margin-block-start:12px;display:flex;overflow-y:auto}.preview-list:not(:has(.preview)){display:none}.hidden-input{visibility:hidden;width:0;height:0;position:absolute;top:0;left:0}`;async function _(e){return e.items?.[0]?.webkitGetAsEntry==null?Array.from(e.files):await v(e.items)}async function v(e){let t=[];for(let n of e){let e=n.getAsFile();if(e)t.push(Promise.resolve([e]));else{let e=n.webkitGetAsEntry();e&&t.push(y(e,!1))}}return(await Promise.all(t)).flat()}var y=(e,t)=>{let n=e.isFile?(e=>new Promise((n,r)=>{e.file(e=>{t&&e.name.substring(0,1)===`.`?n([]):n([e])},r)}))(e):e.isDirectory?b(e):Promise.resolve([]);return n.catch(()=>null),n},b=async e=>new Promise((t,n)=>{let r=[],i=e.createReader(),a=()=>{i.readEntries(e=>{for(let t of e)r.push(y(t,!0));e.length?a():t(Promise.all(r).then(e=>e.flat()))},n)};a()});function x(e,t){if(!t)return!0;let n=t.split(`,`),r=e=>/\/\*$/.test(e),i=e=>e.replace(/\/.*$/,``);for(let t of n)if(t=t.trim(),t.charAt(0)===`.`){if(e.name.toLowerCase().endsWith(t.toLowerCase()))return!0}else if(r(t)){if(i(e.type)===i(t))return!0}else if(e.type===t)return!0;return!1}var S=class extends p.t(h.t(f.t(d.t(l.t(e.t(u.n(t.t))))))){constructor(...e){super(...e),this.singleFile=!1,this.maxFiles=null,this.maxFileSize=256,this.valueChanged=(e,t)=>{super.valueChanged(e,t),t===``&&this.files.length&&this.removeAllFiles()},this.proxy=document.createElement(`input`),this.setFormValue=(e,t)=>{typeof e!=`string`&&super.setFormValue(e,t)},this._customValidationError=null,this._dragHover=!1,this._allFiles=[]}nameChanged(e,t){super.nameChanged(e,t),this.#e()}#e(){let e=this.files;if(!this.name)this.setFormValue(null);else{let t=new FormData;for(let n of e)t.append(this.name,n);this.setFormValue(t)}this.#t()}#t(){this.value=this.files.length>0?`C:\\fakepath\\${this.files[0].name}`:``}validate(){super.validate(this.control)}formResetCallback(){this.removeAllFiles(),super.formResetCallback()}#n(){return this.rejectedFiles.length>0?this.locale.filePicker.invalidFilesError:null}_customValidationErrorChanged(){this.proxy&&this.proxy.setCustomValidity(this._customValidationError??``),this.validate()}#r={handleChange:()=>{this._customValidationError=this.#i.observe(this,t.C.default)}};#i;#a(){this.#i=t.w.binding(()=>this.#n(),this.#r,!0),this.#r.handleChange()}#o(){this.#i.dispose()}connectedCallback(){super.connectedCallback(),this.#a()}disconnectedCallback(){super.disconnectedCallback(),this.#o()}_onDragEnter(){return this._dragHover=!0,!0}_onDragOver(e){if(!e.dataTransfer)return!0;let t=e.dataTransfer.effectAllowed;return e.dataTransfer.dropEffect=t===`move`||t===`linkMove`?`move`:`copy`,!1}_onDragLeave(e){return e.currentTarget===e.target&&(this._dragHover=!1),!0}_onDrop(e){return this._dragHover=!1,e.dataTransfer?(_(e.dataTransfer).then(e=>this.#s(e)).catch(e=>{console.error(e)}),!1):!0}_onDragEnd(){return this._dragHover=!1,!0}_onControlClick(){this._hiddenInput.click()}_onRemoveFileClick(e){this._allFiles=this._allFiles.filter(t=>t!==e),this.$emit(`change`)}_allFilesChanged(){this.#e()}#s(e){let t=Array.from(e).filter(e=>!this._allFiles.some(t=>t.name===e.name&&t.size===e.size));this.singleFile&&t.length>0?this._allFiles=[t[t.length-1]]:this._allFiles=[...this._allFiles,...t],this.$emit(`change`)}removeAllFiles(){this._allFiles=[]}get _validatedFiles(){let e=(e,t)=>this.maxFileSize&&e.size>this.maxFileSize*1024*1024?(this.fileTooBigError||this.locale.filePicker.fileTooBigError).replace(`{{filesize}}`,this._formatNumber(Math.round(e.size/1024/10.24)/100)).replace(`{{maxFilesize}}`,this._formatNumber(this.maxFileSize)):x(e,this.accept)?typeof this.maxFiles==`number`&&t>=this.maxFiles?(this.maxFilesExceededError||this.locale.filePicker.maxFilesExceededError).replace(`{{maxFiles}}`,String(this.maxFiles)):null:this.invalidFileTypeError||this.locale.filePicker.invalidFileTypeError,t=[],n=0;for(let r of this._allFiles){let i={file:r,validationError:e(r,n)};t.push(i),i.validationError||n++}return t}get files(){return this._validatedFiles.filter(e=>!e.validationError).map(e=>e.file)}get rejectedFiles(){return this._validatedFiles.filter(e=>!!e.validationError).map(e=>e.file)}_onHiddenInputChange(e){this.#s(this._hiddenInput.files),this._hiddenInput.value=``,e.stopPropagation()}_formatNumber(e){let t=String(e);return this.locale.common.useCommaAsDecimalSeparator?t.replace(`.`,`,`):t}};s.t([t.l({attribute:`single-file`,mode:`boolean`})],S.prototype,`singleFile`,void 0),s.t([t.l({attribute:`max-files`,converter:t.u,mode:`fromView`})],S.prototype,`maxFiles`,void 0),s.t([t.l({mode:`fromView`,attribute:`max-file-size`})],S.prototype,`maxFileSize`,void 0),s.t([t.l],S.prototype,`accept`,void 0),s.t([t.l],S.prototype,`size`,void 0),s.t([t.l({attribute:`invalid-file-type-error`})],S.prototype,`invalidFileTypeError`,void 0),s.t([t.l({attribute:`max-files-exceeded-error`})],S.prototype,`maxFilesExceededError`,void 0),s.t([t.l({attribute:`file-too-big-error`})],S.prototype,`fileTooBigError`,void 0),s.t([t.T],S.prototype,`_customValidationError`,void 0),s.t([t.T],S.prototype,`_dragHover`,void 0),s.t([t.T],S.prototype,`_allFiles`,void 0),s.t([t.E],S.prototype,`_validatedFiles`,null);var C=1e3,w={tb:`TB`,gb:`GB`,mb:`MB`,kb:`KB`,b:`b`},T=(e,n)=>{let r=0,i=`b`;if(n>0){let e=[`tb`,`gb`,`mb`,`kb`,`b`];for(let t=0;t<e.length;t++){let a=e[t];if(n>=C**(4-t)/10){r=n/C**(4-t),i=a;break}}r=Math.round(10*r)/10}return t.d`<strong>${e._formatNumber(r)}</strong>
-		${w[i]}`},E=({size:e,_dragHover:t})=>c.t(`control`,[`size-${e}`,!!e],[`drag-hover`,t]),D=t.o(`file-picker`,S,e=>{let s=e.tagFor(o.r),u=e.tagFor(m.i);return t.d`
+const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.cjs`),n=require(`../bundled/repeat.cjs`),r=require(`../bundled/ref.cjs`),i=require(`../bundled/when.cjs`),a=require(`../bundled/slotted.cjs`),o=require(`../bundled/definition2.cjs`),s=require(`../bundled/decorate.cjs`),c=require(`../bundled/form-element.cjs`),l=require(`../bundled/with-error-text.cjs`),u=require(`../bundled/with-contextual-help.cjs`),d=require(`../bundled/delegates-aria.cjs`),f=require(`../bundled/class-names.cjs`),p=require(`../bundled/form-associated.cjs`),m=require(`../bundled/definition6.cjs`),h=require(`../bundled/mixins.cjs`);var g=`.label-wrapper{align-items:center;gap:var(--label-wrapper-gap,4px);flex-direction:row;display:flex}.label-wrapper[hidden]{display:none}.label:not(slot),.label::slotted(label){flex:0 auto}:host{max-inline-size:400px;display:block}:host([disabled]){cursor:not-allowed}.base{block-size:inherit;max-block-size:inherit;--_low-ink-color:var(--vvd-color-neutral-600);flex-direction:column;display:flex}.control-wrapper{block-size:inherit;max-block-size:inherit;flex-direction:column;gap:4px;display:flex}.control{box-sizing:border-box;border:1px dashed var(--vvd-color-neutral-400);background-color:var(--vvd-color-cta-50);color:var(--vvd-color-neutral-600);cursor:pointer;font:var(--vvd-typography-base);border-radius:8px;outline:none;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;min-block-size:52px;inline-size:100%;padding:16px;transition:all .3s;display:flex;position:relative}.control .upload-text{color:var(--vvd-color-neutral-600);isolation:isolate;pointer-events:none;text-align:center;justify-content:center;align-items:center;transition:all .3s;display:flex}.control.disabled{border-color:var(--vvd-color-neutral-300);background-color:var(--vvd-color-neutral-100);box-shadow:none;color:var(--vvd-color-neutral-300);pointer-events:none;transform:none}.control.disabled .upload-text{color:var(--vvd-color-neutral-300)}@media (hover:hover){.control:hover .upload-text{color:var(--vvd-color-neutral-800)}}.control.drag-hover .upload-text{color:var(--vvd-color-neutral-800)}.control:not(.size-expanded){min-block-size:52px}.control.size-expanded{min-block-size:120px}.control:focus-visible{--focus-stroke-gap-color:transparent;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))}.control:active,.control:focus-visible{border-color:var(--vvd-color-cta-400);background-color:var(--vvd-color-cta-100);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}@media (hover:hover){.control:hover{border-color:var(--vvd-color-cta-400);background-color:var(--vvd-color-cta-100);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}}.control:active{transform:translateY(0);box-shadow:0 1px 4px #0000001a}.control.drag-hover{border-color:var(--vvd-color-cta-200);background-color:var(--vvd-color-cta-200);outline:2px dashed var(--vvd-color-cta-500);transform:scale(1.02)}.upload-icon{color:var(--vvd-color-cta-600);pointer-events:none;transition:all .3s;animation:2s ease-in-out infinite subtle-pulse}@media (hover:hover){.control:hover .upload-icon{color:var(--vvd-color-cta-700);animation:none;transform:scale(1.1)}}.control:active .upload-icon{transform:scale(1.05)}.control.drag-hover .upload-icon{color:var(--vvd-color-neutral-800);animation:none;transform:scale(1.15)}.control.disabled .upload-icon{color:var(--vvd-color-neutral-300);animation:none}@keyframes subtle-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.main{pointer-events:none}.preview{box-sizing:border-box;border:1px solid var(--vvd-color-neutral-300);background-color:var(--file-picker-list-item-background-color,var(--vvd-color-canvas));border-radius:8px;grid-template-rows:auto auto;grid-template-columns:1fr auto;inline-size:100%;padding:8px;display:grid}.preview .details{min-width:0;flex-direction:column;max-inline-size:100%;display:flex}.preview .details .filename{color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview .details .size{color:var(--vvd-color-neutral-600);font:var(--vvd-typography-base-condensed)}.preview .error-message{color:var(--vvd-color-alert-600);font:var(--vvd-typography-base-condensed-bold);align-items:center;gap:4px;margin-block-start:4px;display:flex}.preview:not(.has-error) .error-message{display:none}.preview.has-error{border:1px solid var(--vvd-color-alert-500);background-color:var(--vvd-color-alert-50)}.preview.has-error .size{display:none}.preview .remove-btn{grid-area:1/2/-1/-1;align-self:center;display:inline}.preview-list{--scrollbar-track-color:transparent;--scrollbar-thumb-color:color-mix(in srgb, var(--vvd-color-neutral-950), transparent 70%);scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color);scrollbar-width:thin}.preview-list ::-webkit-scrollbar{width:4px}.preview-list ::-webkit-scrollbar-track{background:var(--scrollbar-track-color)}.preview-list ::-webkit-scrollbar-thumb{background-color:var(--scrollbar-fallback-track-color,var(--scrollbar-thumb-color));border:0;border-radius:4px}.preview-list{flex-direction:column;gap:12px;margin-block-start:12px;display:flex;overflow-y:auto}.preview-list:not(:has(.preview)){display:none}.hidden-input{visibility:hidden;width:0;height:0;position:absolute;top:0;left:0}`;async function _(e){return e.items?.[0]?.webkitGetAsEntry==null?Array.from(e.files):await v(e.items)}async function v(e){let t=[];for(let n of e){let e=n.getAsFile();if(e)t.push(Promise.resolve([e]));else{let e=n.webkitGetAsEntry();e&&t.push(y(e,!1))}}return(await Promise.all(t)).flat()}var y=(e,t)=>{let n=e.isFile?(e=>new Promise((n,r)=>{e.file(e=>{t&&e.name.substring(0,1)===`.`?n([]):n([e])},r)}))(e):e.isDirectory?b(e):Promise.resolve([]);return n.catch(()=>null),n},b=async e=>new Promise((t,n)=>{let r=[],i=e.createReader(),a=()=>{i.readEntries(e=>{for(let t of e)r.push(y(t,!0));e.length?a():t(Promise.all(r).then(e=>e.flat()))},n)};a()});function x(e,t){if(!t)return!0;let n=t.split(`,`),r=e=>/\/\*$/.test(e),i=e=>e.replace(/\/.*$/,``);for(let t of n)if(t=t.trim(),t.charAt(0)===`.`){if(e.name.toLowerCase().endsWith(t.toLowerCase()))return!0}else if(r(t)){if(i(e.type)===i(t))return!0}else if(e.type===t)return!0;return!1}var S=class extends u.t(h.t(l.t(c.t(d.t(e.t(p.n(t.t))))))){constructor(...e){super(...e),this.singleFile=!1,this.maxFiles=null,this.maxFileSize=256,this.valueChanged=(e,t)=>{super.valueChanged(e,t),t===``&&this.files.length&&this.removeAllFiles()},this.proxy=document.createElement(`input`),this.setFormValue=(e,t)=>{typeof e!=`string`&&super.setFormValue(e,t)},this._customValidationError=null,this._dragHover=!1,this._allFiles=[]}nameChanged(e,t){super.nameChanged(e,t),this.#e()}#e(){let e=this.files;if(!this.name)this.setFormValue(null);else{let t=new FormData;for(let n of e)t.append(this.name,n);this.setFormValue(t)}this.#t()}#t(){this.value=this.files.length>0?`C:\\fakepath\\${this.files[0].name}`:``}validate(){super.validate(this.control)}formResetCallback(){this.removeAllFiles(),super.formResetCallback()}#n(){return this.rejectedFiles.length>0?this.locale.filePicker.invalidFilesError:null}_customValidationErrorChanged(){this.proxy&&this.proxy.setCustomValidity(this._customValidationError??``),this.validate()}#r={handleChange:()=>{this._customValidationError=this.#i.observe(this,t.C.default)}};#i;#a(){this.#i=t.w.binding(()=>this.#n(),this.#r,!0),this.#r.handleChange()}#o(){this.#i.dispose()}connectedCallback(){super.connectedCallback(),this.#a()}disconnectedCallback(){super.disconnectedCallback(),this.#o()}_onDragEnter(){return this.disabled||(this._dragHover=!0),!0}_onDragOver(e){if(this.disabled||!e.dataTransfer)return!0;let t=e.dataTransfer.effectAllowed;return e.dataTransfer.dropEffect=t===`move`||t===`linkMove`?`move`:`copy`,!1}_onDragLeave(e){return this.disabled||e.currentTarget===e.target&&(this._dragHover=!1),!0}_onDrop(e){return this.disabled||(this._dragHover=!1,!e.dataTransfer)?!0:(_(e.dataTransfer).then(e=>this.#s(e)).catch(e=>{console.error(e)}),!1)}_onDragEnd(){return this.disabled||(this._dragHover=!1),!0}_onControlClick(){this.disabled||this._hiddenInput.click()}_onRemoveFileClick(e){this.disabled||(this._allFiles=this._allFiles.filter(t=>t!==e),this.$emit(`change`))}_allFilesChanged(){this.#e()}#s(e){let t=Array.from(e).filter(e=>!this._allFiles.some(t=>t.name===e.name&&t.size===e.size));this.singleFile&&t.length>0?this._allFiles=[t[t.length-1]]:this._allFiles=[...this._allFiles,...t],this.$emit(`change`)}removeAllFiles(){this._allFiles=[]}get _validatedFiles(){let e=(e,t)=>this.maxFileSize&&e.size>this.maxFileSize*1024*1024?(this.fileTooBigError||this.locale.filePicker.fileTooBigError).replace(`{{filesize}}`,this._formatNumber(Math.round(e.size/1024/10.24)/100)).replace(`{{maxFilesize}}`,this._formatNumber(this.maxFileSize)):x(e,this.accept)?typeof this.maxFiles==`number`&&t>=this.maxFiles?(this.maxFilesExceededError||this.locale.filePicker.maxFilesExceededError).replace(`{{maxFiles}}`,String(this.maxFiles)):null:this.invalidFileTypeError||this.locale.filePicker.invalidFileTypeError,t=[],n=0;for(let r of this._allFiles){let i={file:r,validationError:e(r,n)};t.push(i),i.validationError||n++}return t}get files(){return this._validatedFiles.filter(e=>!e.validationError).map(e=>e.file)}get rejectedFiles(){return this._validatedFiles.filter(e=>!!e.validationError).map(e=>e.file)}_onHiddenInputChange(e){this.#s(this._hiddenInput.files),this._hiddenInput.value=``,e.stopPropagation()}_formatNumber(e){let t=String(e);return this.locale.common.useCommaAsDecimalSeparator?t.replace(`.`,`,`):t}};s.t([t.l({attribute:`single-file`,mode:`boolean`})],S.prototype,`singleFile`,void 0),s.t([t.l({attribute:`max-files`,converter:t.u,mode:`fromView`})],S.prototype,`maxFiles`,void 0),s.t([t.l({mode:`fromView`,attribute:`max-file-size`})],S.prototype,`maxFileSize`,void 0),s.t([t.l],S.prototype,`accept`,void 0),s.t([t.l],S.prototype,`size`,void 0),s.t([t.l({attribute:`invalid-file-type-error`})],S.prototype,`invalidFileTypeError`,void 0),s.t([t.l({attribute:`max-files-exceeded-error`})],S.prototype,`maxFilesExceededError`,void 0),s.t([t.l({attribute:`file-too-big-error`})],S.prototype,`fileTooBigError`,void 0),s.t([t.T],S.prototype,`_customValidationError`,void 0),s.t([t.T],S.prototype,`_dragHover`,void 0),s.t([t.T],S.prototype,`_allFiles`,void 0),s.t([t.E],S.prototype,`_validatedFiles`,null);var C=1e3,w={tb:`TB`,gb:`GB`,mb:`MB`,kb:`KB`,b:`b`},T=(e,n)=>{let r=0,i=`b`;if(n>0){let e=[`tb`,`gb`,`mb`,`kb`,`b`];for(let t=0;t<e.length;t++){let a=e[t];if(n>=C**(4-t)/10){r=n/C**(4-t),i=a;break}}r=Math.round(10*r)/10}return t.d`<strong>${e._formatNumber(r)}</strong>
+		${w[i]}`},E=({size:e,_dragHover:t,disabled:n})=>f.t(`control`,[`size-${e}`,!!e],[`drag-hover`,t],[`disabled`,n]),D=t.o(`file-picker`,S,e=>{let s=e.tagFor(o.r),c=e.tagFor(m.i);return t.d`
 		<div class="base">
 			<div class="label-wrapper" ?hidden=${e=>!e.label&&!e._hasContextualHelp}>
 				${i.t(e=>e.label,t.d`<label class="label">${e=>e.label}</label>`)}
 				<slot name="contextual-help" ${a.t(`_contextualHelpSlottedContent`)}></slot>
 			</div>
 			<div class="control-wrapper">
-				<button
-					type="button"
-					${r.t(`control`)}
-					class="${E}"
-					@click="${e=>e._onControlClick()}"
+			<button
+				type="button"
+				${r.t(`control`)}
+				class="${E}"
+				?disabled="${e=>e.disabled}"
+				@click="${e=>e._onControlClick()}"
 					@keydown="${()=>!1}"
 					@dragenter="${e=>e._onDragEnter()}"
 					@dragover="${(e,t)=>e._onDragOver(t.event)}"
@@ -18,7 +19,7 @@ const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.
 					@drop="${(e,t)=>e._onDrop(t.event)}"
 					@dragend="${e=>e._onDragEnd()}"
 					aria-describedby="${e=>e._feedbackDescribedBy}"
-					${l.n()}
+					${d.n()}
 				>
 					<${s}
 						class="upload-icon"
@@ -32,7 +33,7 @@ const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.
 			</div>
 			<div class="preview-list">
 				${n.n(e=>e._validatedFiles,t.d`
-				<div class="${e=>c.t(`preview`,[`has-error`,!!e.validationError])}">
+				<div class="${e=>f.t(`preview`,[`has-error`,!!e.validationError])}">
 					<div class="details">
 						<div class="filename">${e=>e.file.name}</div>
 						<div class="size">${(e,t)=>T(t.parent,e.file.size)}</div>
@@ -41,10 +42,11 @@ const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.
 						<${s} name="info-line" size="-6"></${s}>
 						${e=>e.validationError}
 					</div>
-					<${u}
-						class="remove-btn" icon="delete-line" appearance="ghost-light" size="condensed"
-						aria-label="${(e,t)=>t.parent.locale.filePicker.removeFileLabel}"
-						@click="${(e,t)=>t.parent._onRemoveFileClick(e.file)}"></${u}>
+				<${c}
+					class="remove-btn" icon="delete-line" appearance="ghost-light" size="condensed"
+					?disabled="${(e,t)=>t.parent.disabled}"
+					aria-label="${(e,t)=>t.parent.locale.filePicker.removeFileLabel}"
+					@click="${(e,t)=>t.parent._onRemoveFileClick(e.file)}"></${c}>
 				</div>`)}
 			</div>
 		</div>
@@ -53,6 +55,7 @@ const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.
 			class="hidden-input"
 			aria-hidden="true"
 			type="file"
+			?disabled="${e=>e.disabled}"
 			?multiple="${e=>!e.singleFile&&(e.maxFiles==null||e.maxFiles>1)}"
 			accept="${e=>e.accept||null}"
 			tabindex="-1"

package/file-picker/index.js

@@ -6,16 +6,16 @@ import { t as p } from "../bundled/when.js";
 import { t as m } from "../bundled/slotted.js";
 import { r as h, t as g } from "../bundled/definition2.js";
 import { t as _ } from "../bundled/decorate.js";
-import { t as v } from "../bundled/class-names.js";
-import { n as y, t as b } from "../bundled/delegates-aria.js";
-import { n as x } from "../bundled/form-associated.js";
-import { t as S } from "../bundled/form-element.js";
-import { t as C } from "../bundled/with-error-text.js";
-import { t as w } from "../bundled/with-contextual-help.js";
+import { t as v } from "../bundled/form-element.js";
+import { t as y } from "../bundled/with-error-text.js";
+import { t as b } from "../bundled/with-contextual-help.js";
+import { n as x, t as S } from "../bundled/delegates-aria.js";
+import { t as C } from "../bundled/class-names.js";
+import { n as w } from "../bundled/form-associated.js";
 import { i as T, t as E } from "../bundled/definition6.js";
 import { a as D, t as O } from "../bundled/mixins.js";
 //#region src/lib/file-picker/file-picker.scss?inline
-var k = ".label-wrapper{align-items:center;gap:var(--label-wrapper-gap,4px);flex-direction:row;display:flex}.label-wrapper[hidden]{display:none}.label:not(slot),.label::slotted(label){flex:0 auto}:host{max-inline-size:400px;display:block}.base{block-size:inherit;max-block-size:inherit;--_low-ink-color:var(--vvd-color-neutral-600);flex-direction:column;display:flex}.control-wrapper{block-size:inherit;max-block-size:inherit;flex-direction:column;gap:4px;display:flex}.control{box-sizing:border-box;border:1px dashed var(--vvd-color-neutral-400);background-color:var(--vvd-color-cta-50);color:var(--vvd-color-neutral-600);cursor:pointer;font:var(--vvd-typography-base);border-radius:8px;outline:none;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;min-block-size:52px;inline-size:100%;padding:16px;transition:all .3s;display:flex;position:relative}.control .upload-text{color:var(--vvd-color-neutral-600);isolation:isolate;pointer-events:none;text-align:center;justify-content:center;align-items:center;transition:all .3s;display:flex}@media (hover:hover){.control:hover .upload-text{color:var(--vvd-color-neutral-800)}}.control.drag-hover .upload-text{color:var(--vvd-color-neutral-800)}.control:not(.size-expanded){min-block-size:52px}.control.size-expanded{min-block-size:120px}.control:focus-visible{--focus-stroke-gap-color:transparent;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))}.control:active,.control:focus-visible{border-color:var(--vvd-color-cta-400);background-color:var(--vvd-color-cta-100);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}@media (hover:hover){.control:hover{border-color:var(--vvd-color-cta-400);background-color:var(--vvd-color-cta-100);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}}.control:active{transform:translateY(0);box-shadow:0 1px 4px #0000001a}.control.drag-hover{border-color:var(--vvd-color-cta-200);background-color:var(--vvd-color-cta-200);outline:2px dashed var(--vvd-color-cta-500);transform:scale(1.02)}.upload-icon{color:var(--vvd-color-cta-600);pointer-events:none;transition:all .3s;animation:2s ease-in-out infinite subtle-pulse}@media (hover:hover){.control:hover .upload-icon{color:var(--vvd-color-cta-700);animation:none;transform:scale(1.1)}}.control:active .upload-icon{transform:scale(1.05)}.control.drag-hover .upload-icon{color:var(--vvd-color-neutral-800);animation:none;transform:scale(1.15)}@keyframes subtle-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.main{pointer-events:none}.preview{box-sizing:border-box;border:1px solid var(--vvd-color-neutral-300);background-color:var(--file-picker-list-item-background-color,var(--vvd-color-canvas));border-radius:8px;grid-template-rows:auto auto;grid-template-columns:1fr auto;inline-size:100%;padding:8px;display:grid}.preview .details{min-width:0;flex-direction:column;max-inline-size:100%;display:flex}.preview .details .filename{color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview .details .size{color:var(--vvd-color-neutral-600);font:var(--vvd-typography-base-condensed)}.preview .error-message{color:var(--vvd-color-alert-600);font:var(--vvd-typography-base-condensed-bold);align-items:center;gap:4px;margin-block-start:4px;display:flex}.preview:not(.has-error) .error-message{display:none}.preview.has-error{border:1px solid var(--vvd-color-alert-500);background-color:var(--vvd-color-alert-50)}.preview.has-error .size{display:none}.preview .remove-btn{grid-area:1/2/-1/-1;align-self:center;display:inline}.preview-list{--scrollbar-track-color:transparent;--scrollbar-thumb-color:color-mix(in srgb, var(--vvd-color-neutral-950), transparent 70%);scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color);scrollbar-width:thin}.preview-list ::-webkit-scrollbar{width:4px}.preview-list ::-webkit-scrollbar-track{background:var(--scrollbar-track-color)}.preview-list ::-webkit-scrollbar-thumb{background-color:var(--scrollbar-fallback-track-color,var(--scrollbar-thumb-color));border:0;border-radius:4px}.preview-list{flex-direction:column;gap:12px;margin-block-start:12px;display:flex;overflow-y:auto}.preview-list:not(:has(.preview)){display:none}.hidden-input{visibility:hidden;width:0;height:0;position:absolute;top:0;left:0}";
+var k = ".label-wrapper{align-items:center;gap:var(--label-wrapper-gap,4px);flex-direction:row;display:flex}.label-wrapper[hidden]{display:none}.label:not(slot),.label::slotted(label){flex:0 auto}:host{max-inline-size:400px;display:block}:host([disabled]){cursor:not-allowed}.base{block-size:inherit;max-block-size:inherit;--_low-ink-color:var(--vvd-color-neutral-600);flex-direction:column;display:flex}.control-wrapper{block-size:inherit;max-block-size:inherit;flex-direction:column;gap:4px;display:flex}.control{box-sizing:border-box;border:1px dashed var(--vvd-color-neutral-400);background-color:var(--vvd-color-cta-50);color:var(--vvd-color-neutral-600);cursor:pointer;font:var(--vvd-typography-base);border-radius:8px;outline:none;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;min-block-size:52px;inline-size:100%;padding:16px;transition:all .3s;display:flex;position:relative}.control .upload-text{color:var(--vvd-color-neutral-600);isolation:isolate;pointer-events:none;text-align:center;justify-content:center;align-items:center;transition:all .3s;display:flex}.control.disabled{border-color:var(--vvd-color-neutral-300);background-color:var(--vvd-color-neutral-100);box-shadow:none;color:var(--vvd-color-neutral-300);pointer-events:none;transform:none}.control.disabled .upload-text{color:var(--vvd-color-neutral-300)}@media (hover:hover){.control:hover .upload-text{color:var(--vvd-color-neutral-800)}}.control.drag-hover .upload-text{color:var(--vvd-color-neutral-800)}.control:not(.size-expanded){min-block-size:52px}.control.size-expanded{min-block-size:120px}.control:focus-visible{--focus-stroke-gap-color:transparent;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))}.control:active,.control:focus-visible{border-color:var(--vvd-color-cta-400);background-color:var(--vvd-color-cta-100);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}@media (hover:hover){.control:hover{border-color:var(--vvd-color-cta-400);background-color:var(--vvd-color-cta-100);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}}.control:active{transform:translateY(0);box-shadow:0 1px 4px #0000001a}.control.drag-hover{border-color:var(--vvd-color-cta-200);background-color:var(--vvd-color-cta-200);outline:2px dashed var(--vvd-color-cta-500);transform:scale(1.02)}.upload-icon{color:var(--vvd-color-cta-600);pointer-events:none;transition:all .3s;animation:2s ease-in-out infinite subtle-pulse}@media (hover:hover){.control:hover .upload-icon{color:var(--vvd-color-cta-700);animation:none;transform:scale(1.1)}}.control:active .upload-icon{transform:scale(1.05)}.control.drag-hover .upload-icon{color:var(--vvd-color-neutral-800);animation:none;transform:scale(1.15)}.control.disabled .upload-icon{color:var(--vvd-color-neutral-300);animation:none}@keyframes subtle-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.main{pointer-events:none}.preview{box-sizing:border-box;border:1px solid var(--vvd-color-neutral-300);background-color:var(--file-picker-list-item-background-color,var(--vvd-color-canvas));border-radius:8px;grid-template-rows:auto auto;grid-template-columns:1fr auto;inline-size:100%;padding:8px;display:grid}.preview .details{min-width:0;flex-direction:column;max-inline-size:100%;display:flex}.preview .details .filename{color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview .details .size{color:var(--vvd-color-neutral-600);font:var(--vvd-typography-base-condensed)}.preview .error-message{color:var(--vvd-color-alert-600);font:var(--vvd-typography-base-condensed-bold);align-items:center;gap:4px;margin-block-start:4px;display:flex}.preview:not(.has-error) .error-message{display:none}.preview.has-error{border:1px solid var(--vvd-color-alert-500);background-color:var(--vvd-color-alert-50)}.preview.has-error .size{display:none}.preview .remove-btn{grid-area:1/2/-1/-1;align-self:center;display:inline}.preview-list{--scrollbar-track-color:transparent;--scrollbar-thumb-color:color-mix(in srgb, var(--vvd-color-neutral-950), transparent 70%);scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color);scrollbar-width:thin}.preview-list ::-webkit-scrollbar{width:4px}.preview-list ::-webkit-scrollbar-track{background:var(--scrollbar-track-color)}.preview-list ::-webkit-scrollbar-thumb{background-color:var(--scrollbar-fallback-track-color,var(--scrollbar-thumb-color));border:0;border-radius:4px}.preview-list{flex-direction:column;gap:12px;margin-block-start:12px;display:flex;overflow-y:auto}.preview-list:not(:has(.preview)){display:none}.hidden-input{visibility:hidden;width:0;height:0;position:absolute;top:0;left:0}";
 //#endregion
 //#region src/lib/file-picker/data-transfer.ts
 async function A(e) {
@@ -63,7 +63,7 @@ function P(e, t) {
 }
 //#endregion
 //#region src/lib/file-picker/file-picker.ts
-var F = class extends w(O(C(S(b(e(x(c))))))) {
+var F = class extends b(O(y(v(S(e(w(c))))))) {
 	constructor(...e) {
 		super(...e), this.singleFile = !1, this.maxFiles = null, this.maxFileSize = 256, this.valueChanged = (e, t) => {
 			super.valueChanged(e, t), t === "" && this.files.length && this.removeAllFiles();
@@ -116,29 +116,29 @@ var F = class extends w(O(C(S(b(e(x(c))))))) {
 		super.disconnectedCallback(), this.#o();
 	}
 	_onDragEnter() {
-		return this._dragHover = !0, !0;
+		return this.disabled || (this._dragHover = !0), !0;
 	}
 	_onDragOver(e) {
-		if (!e.dataTransfer) return !0;
+		if (this.disabled || !e.dataTransfer) return !0;
 		let t = e.dataTransfer.effectAllowed;
 		return e.dataTransfer.dropEffect = t === "move" || t === "linkMove" ? "move" : "copy", !1;
 	}
 	_onDragLeave(e) {
-		return e.currentTarget === e.target && (this._dragHover = !1), !0;
+		return this.disabled || e.currentTarget === e.target && (this._dragHover = !1), !0;
 	}
 	_onDrop(e) {
-		return this._dragHover = !1, e.dataTransfer ? (A(e.dataTransfer).then((e) => this.#s(e)).catch((e) => {
+		return this.disabled || (this._dragHover = !1, !e.dataTransfer) ? !0 : (A(e.dataTransfer).then((e) => this.#s(e)).catch((e) => {
 			console.error(e);
-		}), !1) : !0;
+		}), !1);
 	}
 	_onDragEnd() {
-		return this._dragHover = !1, !0;
+		return this.disabled || (this._dragHover = !1), !0;
 	}
 	_onControlClick() {
-		this._hiddenInput.click();
+		this.disabled || this._hiddenInput.click();
 	}
 	_onRemoveFileClick(e) {
-		this._allFiles = this._allFiles.filter((t) => t !== e), this.$emit("change");
+		this.disabled || (this._allFiles = this._allFiles.filter((t) => t !== e), this.$emit("change"));
 	}
 	_allFilesChanged() {
 		this.#e();
@@ -216,7 +216,7 @@ var I = 1e3, L = {
 	}
 	return i`<strong>${e._formatNumber(n)}</strong>
 		${L[r]}`;
-}, z = ({ size: e, _dragHover: t }) => v("control", [`size-${e}`, !!e], ["drag-hover", t]);
+}, z = ({ size: e, _dragHover: t, disabled: n }) => C("control", [`size-${e}`, !!e], ["drag-hover", t], ["disabled", n]);
 //#endregion
 //#region src/lib/file-picker/index.ts
 s(o("file-picker", F, (e) => {
@@ -228,11 +228,12 @@ s(o("file-picker", F, (e) => {
 				<slot name="contextual-help" ${m("_contextualHelpSlottedContent")}></slot>
 			</div>
 			<div class="control-wrapper">
-				<button
-					type="button"
-					${f("control")}
-					class="${z}"
-					@click="${(e) => e._onControlClick()}"
+			<button
+				type="button"
+				${f("control")}
+				class="${z}"
+				?disabled="${(e) => e.disabled}"
+				@click="${(e) => e._onControlClick()}"
 					@keydown="${() => !1}"
 					@dragenter="${(e) => e._onDragEnter()}"
 					@dragover="${(e, t) => e._onDragOver(t.event)}"
@@ -240,7 +241,7 @@ s(o("file-picker", F, (e) => {
 					@drop="${(e, t) => e._onDrop(t.event)}"
 					@dragend="${(e) => e._onDragEnd()}"
 					aria-describedby="${(e) => e._feedbackDescribedBy}"
-					${y()}
+					${x()}
 				>
 					<${t}
 						class="upload-icon"
@@ -254,7 +255,7 @@ s(o("file-picker", F, (e) => {
 			</div>
 			<div class="preview-list">
 				${d((e) => e._validatedFiles, i`
-				<div class="${(e) => v("preview", ["has-error", !!e.validationError])}">
+				<div class="${(e) => C("preview", ["has-error", !!e.validationError])}">
 					<div class="details">
 						<div class="filename">${(e) => e.file.name}</div>
 						<div class="size">${(e, t) => R(t.parent, e.file.size)}</div>
@@ -263,10 +264,11 @@ s(o("file-picker", F, (e) => {
 						<${t} name="info-line" size="-6"></${t}>
 						${(e) => e.validationError}
 					</div>
-					<${n}
-						class="remove-btn" icon="delete-line" appearance="ghost-light" size="condensed"
-						aria-label="${(e, t) => t.parent.locale.filePicker.removeFileLabel}"
-						@click="${(e, t) => t.parent._onRemoveFileClick(e.file)}"></${n}>
+				<${n}
+					class="remove-btn" icon="delete-line" appearance="ghost-light" size="condensed"
+					?disabled="${(e, t) => t.parent.disabled}"
+					aria-label="${(e, t) => t.parent.locale.filePicker.removeFileLabel}"
+					@click="${(e, t) => t.parent._onRemoveFileClick(e.file)}"></${n}>
 				</div>`)}
 			</div>
 		</div>
@@ -275,6 +277,7 @@ s(o("file-picker", F, (e) => {
 			class="hidden-input"
 			aria-hidden="true"
 			type="file"
+			?disabled="${(e) => e.disabled}"
 			?multiple="${(e) => !e.singleFile && (e.maxFiles == null || e.maxFiles > 1)}"
 			accept="${(e) => e.accept || null}"
 			tabindex="-1"

package/header/index.cjs

@@ -1,6 +1,6 @@
-const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/decorate.cjs`),n=require(`../bundled/class-names.cjs`),r=require(`../bundled/delegates-aria.cjs`),i=require(`../bundled/definition7.cjs`);var a=`.base{z-index:1;block-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) + calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)));font:var(--vvd-typography-heading-4);inline-size:100%}.base .header-content{align-items:center;column-gap:4px;display:inline-flex}.container{box-sizing:border-box;background-color:var(--header-bg-color,var(--vvd-color-canvas));block-size:inherit;color:var(--vvd-color-canvas-text);justify-content:space-between;column-gap:12px;padding-block:8px;padding-inline:16px;display:flex}.container[part~=vvd-theme-alternate]{color-scheme:var(--vvd-color-scheme)}.app-content{--vvd-header-block-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) + calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)))}`,o=class extends r.t(e.t){constructor(...e){super(...e),this.elevationShadow=!1,this.alternate=!1}};t.t([e.l({attribute:`elevation-shadow`,mode:`boolean`})],o.prototype,`elevationShadow`,void 0),t.t([e.l({mode:`boolean`})],o.prototype,`alternate`,void 0);var s=({alternate:e})=>n.t([`vvd-theme-alternate`,!!e]),c=e.o(`header`,o,t=>{let n=t.tagFor(i.r);return e.d`
-    <${n} dp="4" ?no-shadow=${e=>!e.elevationShadow}>
-      <header class="base" part="base" ${r.n()}>
+const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/decorate.cjs`),n=require(`../bundled/delegates-aria.cjs`),r=require(`../bundled/class-names.cjs`),i=require(`../bundled/definition7.cjs`);var a=`.base{z-index:1;block-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) + calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)));font:var(--vvd-typography-heading-4);inline-size:100%}.base .header-content{align-items:center;column-gap:4px;display:inline-flex}.container{box-sizing:border-box;background-color:var(--header-bg-color,var(--vvd-color-canvas));block-size:inherit;color:var(--vvd-color-canvas-text);justify-content:space-between;column-gap:12px;padding-block:8px;padding-inline:16px;display:flex}.container[part~=vvd-theme-alternate]{color-scheme:var(--vvd-color-scheme)}.app-content{--vvd-header-block-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) + calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)))}`,o=class extends n.t(e.t){constructor(...e){super(...e),this.elevationShadow=!1,this.alternate=!1}};t.t([e.l({attribute:`elevation-shadow`,mode:`boolean`})],o.prototype,`elevationShadow`,void 0),t.t([e.l({mode:`boolean`})],o.prototype,`alternate`,void 0);var s=({alternate:e})=>r.t([`vvd-theme-alternate`,!!e]),c=e.o(`header`,o,t=>{let r=t.tagFor(i.r);return e.d`
+    <${r} dp="4" ?no-shadow=${e=>!e.elevationShadow}>
+      <header class="base" part="base" ${n.n()}>
         <!-- a container is needed to distinguish the surface background color of the
         element from its shadow when applying elevation with alternate -->
         <div class="container" part="${s}">
@@ -12,7 +12,7 @@ const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/decorate.c
           </section>
         </div>
       </header>
-    </${n}>
+    </${r}>
     <div class="app-content">
       <slot name="app-content"></slot>
     </div>

package/header/index.js

@@ -1,10 +1,10 @@
 import { d as e, l as t, o as n, s as r, t as i } from "../bundled/vivid-element.js";
 import { t as a } from "../bundled/decorate.js";
-import { t as o } from "../bundled/class-names.js";
-import { n as s, t as c } from "../bundled/delegates-aria.js";
+import { n as o, t as s } from "../bundled/delegates-aria.js";
+import { t as c } from "../bundled/class-names.js";
 import { r as l, t as u } from "../bundled/definition7.js";
 //#region src/lib/header/header.scss?inline
-var d = ".base{z-index:1;block-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) + calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)));font:var(--vvd-typography-heading-4);inline-size:100%}.base .header-content{align-items:center;column-gap:4px;display:inline-flex}.container{box-sizing:border-box;background-color:var(--header-bg-color,var(--vvd-color-canvas));block-size:inherit;color:var(--vvd-color-canvas-text);justify-content:space-between;column-gap:12px;padding-block:8px;padding-inline:16px;display:flex}.container[part~=vvd-theme-alternate]{color-scheme:var(--vvd-color-scheme)}.app-content{--vvd-header-block-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) + calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)))}", f = class extends c(i) {
+var d = ".base{z-index:1;block-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) + calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)));font:var(--vvd-typography-heading-4);inline-size:100%}.base .header-content{align-items:center;column-gap:4px;display:inline-flex}.container{box-sizing:border-box;background-color:var(--header-bg-color,var(--vvd-color-canvas));block-size:inherit;color:var(--vvd-color-canvas-text);justify-content:space-between;column-gap:12px;padding-block:8px;padding-inline:16px;display:flex}.container[part~=vvd-theme-alternate]{color-scheme:var(--vvd-color-scheme)}.app-content{--vvd-header-block-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) + calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)))}", f = class extends s(i) {
 	constructor(...e) {
 		super(...e), this.elevationShadow = !1, this.alternate = !1;
 	}
@@ -15,14 +15,14 @@ a([t({
 })], f.prototype, "elevationShadow", void 0), a([t({ mode: "boolean" })], f.prototype, "alternate", void 0);
 //#endregion
 //#region src/lib/header/header.template.ts
-var p = ({ alternate: e }) => o(["vvd-theme-alternate", !!e]);
+var p = ({ alternate: e }) => c(["vvd-theme-alternate", !!e]);
 //#endregion
 //#region src/lib/header/index.ts
 r(n("header", f, (t) => {
 	let n = t.tagFor(l);
 	return e`
     <${n} dp="4" ?no-shadow=${(e) => !e.elevationShadow}>
-      <header class="base" part="base" ${s()}>
+      <header class="base" part="base" ${o()}>
         <!-- a container is needed to distinguish the surface background color of the
         element from its shadow when applying elevation with alternate -->
         <div class="container" part="${p}">

package/index.cjs

@@ -92,6 +92,7 @@ exports.RteAlignmentFeature = require_definition$52.RteAlignmentFeature;
 exports.RteAtomFeature = require_definition$52.RteAtomFeature;
 exports.RteBase = require_definition$52.RteBase;
 exports.RteBoldFeature = require_definition$52.RteBoldFeature;
+exports.RteCharacterCountFeature = require_definition$52.RteCharacterCountFeature;
 exports.RteConfig = require_definition$52.RteConfig;
 exports.RteDropHandlerFeature = require_definition$52.RteDropHandlerFeature;
 exports.RteFileHandlerFeature = require_definition$52.RteFileHandlerFeature;
@@ -133,9 +134,9 @@ exports.VwcCalendarElement = require_definition$17.Calendar;
 exports.VwcCalendarEventElement = require_calendar_event.CalendarEvent;
 exports.VwcCardElement = require_definition$18.Card;
 exports.VwcCheckboxElement = require_definition$19.Checkbox;
-exports.VwcColorPickerElement = require_definition$20.ColorPicker;
-exports.VwcComboboxElement = require_definition$24.Combobox;
-exports.VwcContextualHelpElement = require_definition$26.ContextualHelp;
+exports.VwcColorPickerElement = require_definition$24.ColorPicker;
+exports.VwcComboboxElement = require_definition$26.Combobox;
+exports.VwcContextualHelpElement = require_definition$21.ContextualHelp;
 exports.VwcCountryElement = require_definition$27.Country;
 exports.VwcDataGridCellElement = require_definition$28.DataGridCell;
 exports.VwcDataGridElement = require_definition$28.DataGrid;
@@ -159,7 +160,7 @@ exports.VwcNavElement = require_definition$43.Nav;
 exports.VwcNavItemElement = require_definition$42.NavItem;
 exports.VwcNoteElement = require_definition$44.Note;
 exports.VwcNumberFieldElement = require_definition$45.NumberField;
-exports.VwcOptionElement = require_definition$23.ListboxOption;
+exports.VwcOptionElement = require_definition$25.ListboxOption;
 exports.VwcPaginationElement = require_definition$46.Pagination;
 exports.VwcPopoverElement = require_definition$47.Popover;
 exports.VwcProgressElement = require_definition$48.Progress;
@@ -186,14 +187,15 @@ exports.VwcTableElement = require_definition$29.Table;
 exports.VwcTableHeadElement = require_definition$29.TableHead;
 exports.VwcTableHeaderCellElement = require_definition$29.TableHeaderCell;
 exports.VwcTableRowElement = require_definition$29.TableRow;
+exports.VwcTableSortingButtonElement = require_definition$29.TableSortingButton;
 exports.VwcTabsElement = require_definition$64.Tabs;
 exports.VwcTagElement = require_definition$66.Tag;
 exports.VwcTagGroupElement = require_definition$65.TagGroup;
 exports.VwcTextAreaElement = require_definition$67.TextArea;
-exports.VwcTextFieldElement = require_definition$21.TextField;
+exports.VwcTextFieldElement = require_definition$22.TextField;
 exports.VwcTimePickerElement = require_time_selection_picker_template.TimePicker;
-exports.VwcToggletipElement = require_definition$25.Toggletip;
-exports.VwcTooltipElement = require_definition$22.Tooltip;
+exports.VwcToggletipElement = require_definition$20.Toggletip;
+exports.VwcTooltipElement = require_definition$23.Tooltip;
 exports.VwcTreeItemElement = require_definition$69.TreeItem;
 exports.VwcTreeViewElement = require_definition$70.TreeView;
 exports.VwcVideoPlayerElement = require_definition$71.VideoPlayer;
@@ -212,9 +214,9 @@ exports.calendarDefinition = require_definition$17.calendarDefinition;
 exports.calendarEventDefinition = require_definition$16.calendarEventDefinition;
 exports.cardDefinition = require_definition$18.cardDefinition;
 exports.checkboxDefinition = require_definition$19.checkboxDefinition;
-exports.colorPickerDefinition = require_definition$20.colorPickerDefinition;
-exports.comboboxDefinition = require_definition$24.comboboxDefinition;
-exports.contextualHelpDefinition = require_definition$26.contextualHelpDefinition;
+exports.colorPickerDefinition = require_definition$24.colorPickerDefinition;
+exports.comboboxDefinition = require_definition$26.comboboxDefinition;
+exports.contextualHelpDefinition = require_definition$21.contextualHelpDefinition;
 exports.countryDefinition = require_definition$27.countryDefinition;
 exports.dataGridCellDefinition = require_definition$28.dataGridCellDefinition;
 exports.dataGridDefinition = require_definition$28.dataGridDefinition;
@@ -231,7 +233,7 @@ exports.filePickerDefinition = require_definition$38.filePickerDefinition;
 exports.headerDefinition = require_definition$39.headerDefinition;
 exports.iconDefinition = require_definition.iconDefinition;
 exports.layoutDefinition = require_definition$40.layoutDefinition;
-exports.listboxOptionDefinition = require_definition$23.listboxOptionDefinition;
+exports.listboxOptionDefinition = require_definition$25.listboxOptionDefinition;
 exports.menuDefinition = require_definition$9.menuDefinition;
 exports.menuItemDefinition = require_definition$8.menuItemDefinition;
 exports.navDefinition = require_definition$43.navDefinition;
@@ -261,9 +263,9 @@ exports.registerCalendar = require_definition$17.registerCalendar;
 exports.registerCalendarEvent = require_definition$16.registerCalendarEvent;
 exports.registerCard = require_definition$18.registerCard;
 exports.registerCheckbox = require_definition$19.registerCheckbox;
-exports.registerColorPicker = require_definition$20.registerColorPicker;
-exports.registerCombobox = require_definition$24.registerCombobox;
-exports.registerContextualHelp = require_definition$26.registerContextualHelp;
+exports.registerColorPicker = require_definition$24.registerColorPicker;
+exports.registerCombobox = require_definition$26.registerCombobox;
+exports.registerContextualHelp = require_definition$21.registerContextualHelp;
 exports.registerCountry = require_definition$27.registerCountry;
 exports.registerDataGrid = require_definition$28.registerDataGrid;
 exports.registerDatePicker = require_definition$31.registerDatePicker;
@@ -285,7 +287,7 @@ exports.registerNavDisclosure = require_definition$41.registerNavDisclosure;
 exports.registerNavItem = require_definition$42.registerNavItem;
 exports.registerNote = require_definition$44.registerNote;
 exports.registerNumberField = require_definition$45.registerNumberField;
-exports.registerOption = require_definition$23.registerOption;
+exports.registerOption = require_definition$25.registerOption;
 exports.registerPagination = require_definition$46.registerPagination;
 exports.registerPopover = require_definition$47.registerPopover;
 exports.registerProgress = require_definition$48.registerProgress;
@@ -311,10 +313,10 @@ exports.registerTabs = require_definition$64.registerTabs;
 exports.registerTag = require_definition$66.registerTag;
 exports.registerTagGroup = require_definition$65.registerTagGroup;
 exports.registerTextArea = require_definition$67.registerTextArea;
-exports.registerTextField = require_definition$21.registerTextField;
+exports.registerTextField = require_definition$22.registerTextField;
 exports.registerTimePicker = require_definition$68.registerTimePicker;
-exports.registerToggletip = require_definition$25.registerToggletip;
-exports.registerTooltip = require_definition$22.registerTooltip;
+exports.registerToggletip = require_definition$20.registerToggletip;
+exports.registerTooltip = require_definition$23.registerTooltip;
 exports.registerTreeItem = require_definition$69.registerTreeItem;
 exports.registerTreeView = require_definition$70.registerTreeView;
 exports.registerVideoPlayer = require_definition$71.registerVideoPlayer;
@@ -337,14 +339,15 @@ exports.tableDefinition = require_definition$29.tableDefinition;
 exports.tableHeadDefinition = require_definition$29.tableHeadDefinition;
 exports.tableHeaderCellDefinition = require_definition$29.tableHeaderCellDefinition;
 exports.tableRowDefinition = require_definition$29.tableRowDefinition;
+exports.tableSortingButtonDefinition = require_definition$29.tableSortingButtonDefinition;
 exports.tabsDefinition = require_definition$64.tabsDefinition;
 exports.tagDefinition = require_definition$66.tagDefinition;
 exports.tagGroupDefinition = require_definition$65.tagGroupDefinition;
 exports.textAreaDefinition = require_definition$67.textAreaDefinition;
-exports.textFieldDefinition = require_definition$21.textFieldDefinition;
+exports.textFieldDefinition = require_definition$22.textFieldDefinition;
 exports.timePickerDefinition = require_definition$68.timePickerDefinition;
-exports.toggletipDefinition = require_definition$25.toggletipDefinition;
-exports.tooltipDefinition = require_definition$22.tooltipDefinition;
+exports.toggletipDefinition = require_definition$20.toggletipDefinition;
+exports.tooltipDefinition = require_definition$23.tooltipDefinition;
 exports.treeItemDefinition = require_definition$69.treeItemDefinition;
 exports.treeViewDefinition = require_definition$70.treeViewDefinition;
 exports.videoPlayerDefinition = require_definition$71.videoPlayerDefinition;

package/index.js

@@ -23,16 +23,16 @@ import { t as CalendarEvent } from "./unbundled/calendar-event.js";
 import { n as registerCalendar, r as Calendar, t as calendarDefinition } from "./unbundled/definition21.js";
 import { n as registerCard, r as Card, t as cardDefinition } from "./unbundled/definition22.js";
 import { n as registerCheckbox, r as Checkbox, t as checkboxDefinition } from "./unbundled/definition23.js";
-import { n as registerColorPicker, r as ColorPicker, t as colorPickerDefinition } from "./unbundled/definition24.js";
-import { n as textFieldDefinition, r as TextField, t as registerTextField } from "./unbundled/definition25.js";
-import { n as tooltipDefinition, r as Tooltip, t as registerTooltip } from "./unbundled/definition26.js";
-import { n as registerOption, r as ListboxOption, t as listboxOptionDefinition } from "./unbundled/definition27.js";
-import { n as registerCombobox, r as Combobox, t as comboboxDefinition } from "./unbundled/definition28.js";
-import { n as toggletipDefinition, r as Toggletip, t as registerToggletip } from "./unbundled/definition29.js";
-import { n as registerContextualHelp, r as ContextualHelp, t as contextualHelpDefinition } from "./unbundled/definition30.js";
+import { n as toggletipDefinition, r as Toggletip, t as registerToggletip } from "./unbundled/definition24.js";
+import { n as registerContextualHelp, r as ContextualHelp, t as contextualHelpDefinition } from "./unbundled/definition25.js";
+import { n as textFieldDefinition, r as TextField, t as registerTextField } from "./unbundled/definition26.js";
+import { n as tooltipDefinition, r as Tooltip, t as registerTooltip } from "./unbundled/definition27.js";
+import { n as registerColorPicker, r as ColorPicker, t as colorPickerDefinition } from "./unbundled/definition28.js";
+import { n as registerOption, r as ListboxOption, t as listboxOptionDefinition } from "./unbundled/definition29.js";
+import { n as registerCombobox, r as Combobox, t as comboboxDefinition } from "./unbundled/definition30.js";
 import { n as registerCountry, r as Country, t as countryDefinition } from "./unbundled/definition31.js";
-import { a as DataGrid, i as registerDataGrid, n as dataGridDefinition, o as DataGridRow, r as dataGridRowDefinition, s as DataGridCell, t as dataGridCellDefinition } from "./unbundled/definition32.js";
-import { a as tableHeadDefinition, c as TableCell, d as TableBody, f as TableHead, i as tableDefinition, l as TableHeaderCell, n as tableBodyDefinition, o as tableHeaderCellDefinition, p as Table, r as tableCellDefinition, s as tableRowDefinition, t as registerTable, u as TableRow } from "./unbundled/definition33.js";
+import { a as DataGridCell, i as registerDataGrid, n as dataGridDefinition, o as DataGridRow, r as dataGridRowDefinition, s as DataGrid, t as dataGridCellDefinition } from "./unbundled/definition32.js";
+import { a as tableHeadDefinition, c as tableSortingButtonDefinition, d as TableHeaderCell, f as TableRow, h as Table, i as tableDefinition, l as TableSortingButton, m as TableHead, n as tableBodyDefinition, o as tableHeaderCellDefinition, p as TableBody, r as tableCellDefinition, s as tableRowDefinition, t as registerTable, u as TableCell } from "./unbundled/definition33.js";
 import { n as registerDivider, t as dividerDefinition } from "./unbundled/definition34.js";
 import { n as registerDatePicker, r as DatePicker, t as datePickerDefinition } from "./unbundled/definition35.js";
 import { n as registerDateRangePicker, r as DateRangePicker, t as dateRangePickerDefinition } from "./unbundled/definition36.js";
@@ -56,7 +56,7 @@ import { n as registerProgress, r as Progress, t as progressDefinition } from ".
 import { n as registerRadio, r as Radio, t as radioDefinition } from "./unbundled/definition53.js";
 import { n as registerRadioGroup, r as RadioGroup, t as radioGroupDefinition } from "./unbundled/definition54.js";
 import { n as registerRangeSlider, r as RangeSlider, t as rangeSliderDefinition } from "./unbundled/definition55.js";
-import { C as RteToolbarFeature, D as RteHtmlSerializer, E as RichTextEditor, O as RteHtmlParser, S as RtePlaceholderFeature, T as RteBase, _ as RteUnderlineFeature, a as RteInputRuleFeature, b as RteFontSizePickerFeature, c as RteDropHandlerFeature, d as RteLinkFeature, f as RteAlignmentFeature, g as RteStrikethroughFeature, h as RteMonospaceFeature, i as RteKeyboardShortcutsFeature, k as RteConfig, l as RteFileHandlerFeature, m as RteTextColorPickerFeature, n as richTextEditorDefinition, o as RteAtomFeature, p as RteListFeature, r as RteSuggestFeature, s as RteToolbarButtonFeature, t as registerRichTextEditor, u as RteInlineImageFeature, v as RteItalicFeature, w as RteTextBlockPickerFeature, x as RteHardBreakFeature, y as RteBoldFeature } from "./unbundled/definition56.js";
+import { A as RichTextEditor, C as RtePlaceholderFeature, D as RteConfig, E as RteBase, O as RteHtmlSerializer, S as RteHardBreakFeature, T as RteTextBlockPickerFeature, _ as RteStrikethroughFeature, a as RteKeyboardShortcutsFeature, b as RteBoldFeature, c as RteToolbarButtonFeature, d as RteInlineImageFeature, f as RteLinkFeature, g as RteMonospaceFeature, h as RteTextColorPickerFeature, i as RteSuggestFeature, k as RteHtmlParser, l as RteDropHandlerFeature, m as RteListFeature, n as richTextEditorDefinition, o as RteInputRuleFeature, p as RteAlignmentFeature, r as RteCharacterCountFeature, s as RteAtomFeature, t as registerRichTextEditor, u as RteFileHandlerFeature, v as RteUnderlineFeature, w as RteToolbarFeature, x as RteFontSizePickerFeature, y as RteItalicFeature } from "./unbundled/definition56.js";
 import { n as selectDefinition, r as Select, t as registerSelect } from "./unbundled/definition57.js";
 import { n as richTextViewDefinition, r as RichTextView, t as registerRichTextView } from "./unbundled/definition58.js";
 import { n as SearchableSelect, t as registerSearchableSelect } from "./unbundled/definition59.js";
@@ -76,4 +76,4 @@ import { n as timePickerDefinition, t as registerTimePicker } from "./unbundled/
 import { n as treeItemDefinition, r as TreeItem, t as registerTreeItem } from "./unbundled/definition73.js";
 import { n as treeViewDefinition, r as TreeView, t as registerTreeView } from "./unbundled/definition74.js";
 import { n as videoPlayerDefinition, r as VideoPlayer, t as registerVideoPlayer } from "./unbundled/definition75.js";
-export { AccordionExpandMode, Appearance, AriaLive, Connotation, ConnotationDecorative, IconDecoration, LayoutSize, MediaSkipBy, MenuItemRole, Position, Role, RteAlignmentFeature, RteAtomFeature, RteBase, RteBoldFeature, RteConfig, RteDropHandlerFeature, RteFileHandlerFeature, RteFontSizePickerFeature, RteHardBreakFeature, RteHtmlParser, RteHtmlSerializer, RteInlineImageFeature, RteInputRuleFeature, RteItalicFeature, RteKeyboardShortcutsFeature, RteLinkFeature, RteListFeature, RteMonospaceFeature, RtePlaceholderFeature, RteStrikethroughFeature, RteSuggestFeature, RteTextBlockPickerFeature, RteTextColorPickerFeature, RteToolbarButtonFeature, RteToolbarFeature, RteUnderlineFeature, Shape, Size, Sticky, TabsGutters, Accordion as VwcAccordionElement, AccordionItem as VwcAccordionItemElement, ActionGroup as VwcActionGroupElement, Alert as VwcAlertElement, AudioPlayer as VwcAudioPlayerElement, Avatar as VwcAvatarElement, Badge as VwcBadgeElement, Banner as VwcBannerElement, Breadcrumb as VwcBreadcrumbElement, BreadcrumbItem as VwcBreadcrumbItemElement, Button as VwcButtonElement, Calendar as VwcCalendarElement, CalendarEvent as VwcCalendarEventElement, Card as VwcCardElement, Checkbox as VwcCheckboxElement, ColorPicker as VwcColorPickerElement, Combobox as VwcComboboxElement, ContextualHelp as VwcContextualHelpElement, Country as VwcCountryElement, DataGridCell as VwcDataGridCellElement, DataGrid as VwcDataGridElement, DataGridRow as VwcDataGridRowElement, DatePicker as VwcDatePickerElement, DateRangePicker as VwcDateRangePickerElement, DateTimePicker as VwcDateTimePickerElement, DialPad as VwcDialPadElement, Dialog as VwcDialogElement, Divider as VwcDividerElement, EmptyState as VwcEmptyStateElement, Fab as VwcFabElement, FilePicker as VwcFilePickerElement, Header as VwcHeaderElement, Icon as VwcIconElement, Layout as VwcLayoutElement, Menu as VwcMenuElement, MenuItem as VwcMenuItemElement, NavDisclosure as VwcNavDisclosureElement, Nav as VwcNavElement, NavItem as VwcNavItemElement, Note as VwcNoteElement, NumberField as VwcNumberFieldElement, ListboxOption as VwcOptionElement, Pagination as VwcPaginationElement, Popover as VwcPopoverElement, Progress as VwcProgressElement, ProgressRing as VwcProgressRingElement, Radio as VwcRadioElement, RadioGroup as VwcRadioGroupElement, RangeSlider as VwcRangeSliderElement, RichTextEditor as VwcRichTextEditorElement, RichTextView as VwcRichTextViewElement, SearchableSelect as VwcSearchableSelectElement, Select as VwcSelectElement, SelectableBox as VwcSelectableBoxElement, SideDrawer as VwcSideDrawerElement, SimpleColorPicker as VwcSimpleColorPickerElement, Slider as VwcSliderElement, SplitButton as VwcSplitButtonElement, Status as VwcStatusElement, Switch as VwcSwitchElement, Tab as VwcTabElement, TabPanel as VwcTabPanelElement, TableBody as VwcTableBodyElement, TableCell as VwcTableCellElement, Table as VwcTableElement, TableHead as VwcTableHeadElement, TableHeaderCell as VwcTableHeaderCellElement, TableRow as VwcTableRowElement, Tabs as VwcTabsElement, Tag as VwcTagElement, TagGroup as VwcTagGroupElement, TextArea as VwcTextAreaElement, TextField as VwcTextFieldElement, TimePicker as VwcTimePickerElement, Toggletip as VwcToggletipElement, Tooltip as VwcTooltipElement, TreeItem as VwcTreeItemElement, TreeView as VwcTreeViewElement, VideoPlayer as VwcVideoPlayerElement, accordionDefinition, accordionItemDefinition, actionGroupDefinition, alertDefinition, audioPlayerDefinition, avatarDefinition, badgeDefinition, bannerDefinition, breadcrumbDefinition, breadcrumbItemDefinition, buttonDefinition, calendarDefinition, calendarEventDefinition, cardDefinition, checkboxDefinition, colorPickerDefinition, comboboxDefinition, contextualHelpDefinition, countryDefinition, dataGridCellDefinition, dataGridDefinition, dataGridRowDefinition, datePickerDefinition, dateRangePickerDefinition, dateTimePickerDefinition, dialPadDefinition, dialogDefinition, dividerDefinition, emptyStateDefinition, fabDefinition, filePickerDefinition, headerDefinition, iconDefinition, layoutDefinition, listboxOptionDefinition, menuDefinition, menuItemDefinition, navDefinition, navDisclosureDefinition, navItemDefinition, noteDefinition, numberFieldDefinition, paginationDefinition, popoverDefinition, progressDefinition, progressRingDefinition, radioDefinition, radioGroupDefinition, rangeSliderDefinition, registerAccordion, registerAccordionItem, registerActionGroup, registerAlert, registerAudioPlayer, registerAvatar, registerBadge, registerBanner, registerBreadcrumb, registerBreadcrumbItem, registerButton, registerCalendar, registerCalendarEvent, registerCard, registerCheckbox, registerColorPicker, registerCombobox, registerContextualHelp, registerCountry, registerDataGrid, registerDatePicker, registerDateRangePicker, registerDateTimePicker, registerDialPad, registerDialog, registerDivider, registerEmptyState, registerFab, registerFilePicker, registerHeader, registerIcon, registerLayout, registerMenu, registerMenuItem, registerNav, registerNavDisclosure, registerNavItem, registerNote, registerNumberField, registerOption, registerPagination, registerPopover, registerProgress, registerProgressRing, registerRadio, registerRadioGroup, registerRangeSlider, registerRichTextEditor, registerRichTextView, registerSearchableSelect, registerSelect, registerSelectableBox, registerSideDrawer, registerSimpleColorPicker, registerSlider, registerSplitButton, registerStatus, registerSwitch, registerTab, registerTabPanel, registerTable, registerTabs, registerTag, registerTagGroup, registerTextArea, registerTextField, registerTimePicker, registerToggletip, registerTooltip, registerTreeItem, registerTreeView, registerVideoPlayer, richTextEditorDefinition, richTextViewDefinition, selectDefinition, selectableBoxDefinition, setLocale, sideDrawerDefinition, simpleColorPickerDefinition, sliderDefinition, splitButtonDefinition, statusDefinition, switchDefinition, tabDefinition, tabPanelDefinition, tableBodyDefinition, tableCellDefinition, tableDefinition, tableHeadDefinition, tableHeaderCellDefinition, tableRowDefinition, tabsDefinition, tagDefinition, tagGroupDefinition, textAreaDefinition, textFieldDefinition, timePickerDefinition, toggletipDefinition, tooltipDefinition, treeItemDefinition, treeViewDefinition, videoPlayerDefinition };
+export { AccordionExpandMode, Appearance, AriaLive, Connotation, ConnotationDecorative, IconDecoration, LayoutSize, MediaSkipBy, MenuItemRole, Position, Role, RteAlignmentFeature, RteAtomFeature, RteBase, RteBoldFeature, RteCharacterCountFeature, RteConfig, RteDropHandlerFeature, RteFileHandlerFeature, RteFontSizePickerFeature, RteHardBreakFeature, RteHtmlParser, RteHtmlSerializer, RteInlineImageFeature, RteInputRuleFeature, RteItalicFeature, RteKeyboardShortcutsFeature, RteLinkFeature, RteListFeature, RteMonospaceFeature, RtePlaceholderFeature, RteStrikethroughFeature, RteSuggestFeature, RteTextBlockPickerFeature, RteTextColorPickerFeature, RteToolbarButtonFeature, RteToolbarFeature, RteUnderlineFeature, Shape, Size, Sticky, TabsGutters, Accordion as VwcAccordionElement, AccordionItem as VwcAccordionItemElement, ActionGroup as VwcActionGroupElement, Alert as VwcAlertElement, AudioPlayer as VwcAudioPlayerElement, Avatar as VwcAvatarElement, Badge as VwcBadgeElement, Banner as VwcBannerElement, Breadcrumb as VwcBreadcrumbElement, BreadcrumbItem as VwcBreadcrumbItemElement, Button as VwcButtonElement, Calendar as VwcCalendarElement, CalendarEvent as VwcCalendarEventElement, Card as VwcCardElement, Checkbox as VwcCheckboxElement, ColorPicker as VwcColorPickerElement, Combobox as VwcComboboxElement, ContextualHelp as VwcContextualHelpElement, Country as VwcCountryElement, DataGridCell as VwcDataGridCellElement, DataGrid as VwcDataGridElement, DataGridRow as VwcDataGridRowElement, DatePicker as VwcDatePickerElement, DateRangePicker as VwcDateRangePickerElement, DateTimePicker as VwcDateTimePickerElement, DialPad as VwcDialPadElement, Dialog as VwcDialogElement, Divider as VwcDividerElement, EmptyState as VwcEmptyStateElement, Fab as VwcFabElement, FilePicker as VwcFilePickerElement, Header as VwcHeaderElement, Icon as VwcIconElement, Layout as VwcLayoutElement, Menu as VwcMenuElement, MenuItem as VwcMenuItemElement, NavDisclosure as VwcNavDisclosureElement, Nav as VwcNavElement, NavItem as VwcNavItemElement, Note as VwcNoteElement, NumberField as VwcNumberFieldElement, ListboxOption as VwcOptionElement, Pagination as VwcPaginationElement, Popover as VwcPopoverElement, Progress as VwcProgressElement, ProgressRing as VwcProgressRingElement, Radio as VwcRadioElement, RadioGroup as VwcRadioGroupElement, RangeSlider as VwcRangeSliderElement, RichTextEditor as VwcRichTextEditorElement, RichTextView as VwcRichTextViewElement, SearchableSelect as VwcSearchableSelectElement, Select as VwcSelectElement, SelectableBox as VwcSelectableBoxElement, SideDrawer as VwcSideDrawerElement, SimpleColorPicker as VwcSimpleColorPickerElement, Slider as VwcSliderElement, SplitButton as VwcSplitButtonElement, Status as VwcStatusElement, Switch as VwcSwitchElement, Tab as VwcTabElement, TabPanel as VwcTabPanelElement, TableBody as VwcTableBodyElement, TableCell as VwcTableCellElement, Table as VwcTableElement, TableHead as VwcTableHeadElement, TableHeaderCell as VwcTableHeaderCellElement, TableRow as VwcTableRowElement, TableSortingButton as VwcTableSortingButtonElement, Tabs as VwcTabsElement, Tag as VwcTagElement, TagGroup as VwcTagGroupElement, TextArea as VwcTextAreaElement, TextField as VwcTextFieldElement, TimePicker as VwcTimePickerElement, Toggletip as VwcToggletipElement, Tooltip as VwcTooltipElement, TreeItem as VwcTreeItemElement, TreeView as VwcTreeViewElement, VideoPlayer as VwcVideoPlayerElement, accordionDefinition, accordionItemDefinition, actionGroupDefinition, alertDefinition, audioPlayerDefinition, avatarDefinition, badgeDefinition, bannerDefinition, breadcrumbDefinition, breadcrumbItemDefinition, buttonDefinition, calendarDefinition, calendarEventDefinition, cardDefinition, checkboxDefinition, colorPickerDefinition, comboboxDefinition, contextualHelpDefinition, countryDefinition, dataGridCellDefinition, dataGridDefinition, dataGridRowDefinition, datePickerDefinition, dateRangePickerDefinition, dateTimePickerDefinition, dialPadDefinition, dialogDefinition, dividerDefinition, emptyStateDefinition, fabDefinition, filePickerDefinition, headerDefinition, iconDefinition, layoutDefinition, listboxOptionDefinition, menuDefinition, menuItemDefinition, navDefinition, navDisclosureDefinition, navItemDefinition, noteDefinition, numberFieldDefinition, paginationDefinition, popoverDefinition, progressDefinition, progressRingDefinition, radioDefinition, radioGroupDefinition, rangeSliderDefinition, registerAccordion, registerAccordionItem, registerActionGroup, registerAlert, registerAudioPlayer, registerAvatar, registerBadge, registerBanner, registerBreadcrumb, registerBreadcrumbItem, registerButton, registerCalendar, registerCalendarEvent, registerCard, registerCheckbox, registerColorPicker, registerCombobox, registerContextualHelp, registerCountry, registerDataGrid, registerDatePicker, registerDateRangePicker, registerDateTimePicker, registerDialPad, registerDialog, registerDivider, registerEmptyState, registerFab, registerFilePicker, registerHeader, registerIcon, registerLayout, registerMenu, registerMenuItem, registerNav, registerNavDisclosure, registerNavItem, registerNote, registerNumberField, registerOption, registerPagination, registerPopover, registerProgress, registerProgressRing, registerRadio, registerRadioGroup, registerRangeSlider, registerRichTextEditor, registerRichTextView, registerSearchableSelect, registerSelect, registerSelectableBox, registerSideDrawer, registerSimpleColorPicker, registerSlider, registerSplitButton, registerStatus, registerSwitch, registerTab, registerTabPanel, registerTable, registerTabs, registerTag, registerTagGroup, registerTextArea, registerTextField, registerTimePicker, registerToggletip, registerTooltip, registerTreeItem, registerTreeView, registerVideoPlayer, richTextEditorDefinition, richTextViewDefinition, selectDefinition, selectableBoxDefinition, setLocale, sideDrawerDefinition, simpleColorPickerDefinition, sliderDefinition, splitButtonDefinition, statusDefinition, switchDefinition, tabDefinition, tabPanelDefinition, tableBodyDefinition, tableCellDefinition, tableDefinition, tableHeadDefinition, tableHeaderCellDefinition, tableRowDefinition, tableSortingButtonDefinition, tabsDefinition, tagDefinition, tagGroupDefinition, textAreaDefinition, textFieldDefinition, timePickerDefinition, toggletipDefinition, tooltipDefinition, treeItemDefinition, treeViewDefinition, videoPlayerDefinition };