@vonage/vivid 5.14.0 → 5.15.1

package/file-picker/index.cjs

@@ -1,4 +1,4 @@
-"use strict";const u=require("../bundled/definition2.cjs"),h=require("../bundled/definition3.cjs"),a=require("../bundled/vivid-element.cjs"),f=require("../bundled/mixins.cjs"),m=require("../bundled/delegates-aria.cjs"),x=require("../bundled/form-associated.cjs"),F=require("../bundled/with-contextual-help.cjs"),y=require("../bundled/with-error-text.cjs"),w=require("../bundled/form-element.cjs"),k=require("../bundled/localized.cjs"),_=require("../bundled/when.cjs"),E=require("../bundled/slotted.cjs"),p=require("../bundled/ref.cjs"),$=require("../bundled/repeat.cjs"),b=require("../bundled/class-names.cjs"),C=".label-wrapper{display:flex;flex-direction:row;align-items:center;gap:var(--label-wrapper-gap, 4px)}.label-wrapper[hidden]{display:none}.label:not(slot),.label::slotted(label){flex:0 1 auto}:host{display:block;max-inline-size:400px}.base{display:flex;flex-direction:column;block-size:inherit;max-block-size:inherit;--_low-ink-color: var(--vvd-color-neutral-600)}.control-wrapper{display:flex;flex-direction:column;block-size:inherit;gap:4px;max-block-size:inherit}.control{position:relative;display:flex;box-sizing:border-box;flex-wrap:wrap;align-items:center;justify-content:center;padding:16px;border:1px dashed var(--vvd-color-neutral-400);border-radius:8px;background-color:var(--vvd-color-cta-50);color:var(--vvd-color-neutral-600);cursor:pointer;font:var(--vvd-typography-base);gap:8px;inline-size:100%;min-block-size:52px;outline:none;transition:all .3s ease}.control .upload-text{display:flex;align-items:center;justify-content:center;color:var(--vvd-color-neutral-600);isolation:isolate;pointer-events:none;text-align:center;transition:all .3s ease}@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);box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}@media (hover: hover){.control:hover{border-color:var(--vvd-color-cta-400);background-color:var(--vvd-color-cta-100);box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}}.control:active{box-shadow:0 1px 4px #0000001a;transform:translateY(0)}.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{animation:subtle-pulse 2s ease-in-out infinite;color:var(--vvd-color-cta-600);pointer-events:none;transition:all .3s ease}@media (hover: hover){.control:hover .upload-icon{animation:none;color:var(--vvd-color-cta-700);transform:scale(1.1)}}.control:active .upload-icon{transform:scale(1.05)}.control.drag-hover .upload-icon{animation:none;color:var(--vvd-color-neutral-800);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{display:grid;box-sizing:border-box;padding:8px;border:1px solid var(--vvd-color-neutral-300);border-radius:8px;background-color:var(--file-picker-list-item-background-color, var(--vvd-color-canvas));grid-template-columns:1fr auto;grid-template-rows:auto auto;inline-size:100%}.preview .details{display:flex;min-width:0;flex-direction:column;max-inline-size:100%}.preview .details .filename{overflow:hidden;color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base);text-overflow:ellipsis;white-space:nowrap}.preview .details .size{color:var(--vvd-color-neutral-600);font:var(--vvd-typography-base-condensed)}.preview .error-message{display:flex;align-items:center;color:var(--vvd-color-alert-600);font:var(--vvd-typography-base-condensed-bold);gap:4px;margin-block-start:4px}.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{display:inline;align-self:center;grid-column:2/-1;grid-row:1/-1}.preview-list{--scrollbar-track-color: transparent;--scrollbar-thumb-color: color-mix(in srgb, var(--vvd-color-neutral-950), transparent 70%)}.preview-list{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{border:0;border-radius:4px;background-color:var(--scrollbar-fallback-track-color, var(--scrollbar-thumb-color))}.preview-list{display:flex;flex-direction:column;gap:12px;margin-block-start:12px;overflow-y:auto}.preview-list:not(:has(.preview)){display:none}.hidden-input{position:absolute;top:0;left:0;width:0;height:0;visibility:hidden}";async function z(l){return l.items?.[0]?.webkitGetAsEntry!=null?await D(l.items):Array.from(l.files)}async function D(l){const r=[];for(const t of l){const e=t.getAsFile();if(e)r.push(Promise.resolve([e]));else{const o=t.webkitGetAsEntry();o&&r.push(g(o,!1))}}return(await Promise.all(r)).flat()}const g=(l,r)=>{const t=o=>new Promise((i,c)=>{o.file(d=>{r&&d.name.substring(0,1)==="."?i([]):i([d])},c)}),e=l.isFile?t(l):l.isDirectory?T(l):Promise.resolve([]);return e.catch(()=>null),e},T=async l=>new Promise((r,t)=>{const e=[],o=l.createReader(),i=()=>{o.readEntries(c=>{for(const d of c)e.push(g(d,!0));c.length?i():r(Promise.all(e).then(d=>d.flat()))},t)};i()});function P(l,r){if(!r)return!0;const t=r.split(","),e=i=>/\/\*$/.test(i),o=i=>i.replace(/\/.*$/,"");for(let i of t)if(i=i.trim(),i.charAt(0)==="."){if(l.name.toLowerCase().endsWith(i.toLowerCase()))return!0}else if(e(i)){if(o(l.type)===o(i))return!0}else if(l.type===i)return!0;return!1}var V=Object.defineProperty,A=Object.getOwnPropertyDescriptor,n=(l,r,t,e)=>{for(var o=e>1?void 0:e?A(r,t):r,i=l.length-1,c;i>=0;i--)(c=l[i])&&(o=(e?c(r,t,o):c(o))||o);return e&&o&&V(r,t,o),o};class s extends F.WithContextualHelp(f.WithFeedback(y.WithErrorText(w.FormElement(m.DelegatesAria(k.Localized(x.FormAssociated(a.VividElement))))))){constructor(){super(...arguments),this.singleFile=!1,this.maxFileSize=256,this.valueChanged=(r,t)=>{super.valueChanged(r,t),t===""&&this.files.length&&this.removeAllFiles()},this.proxy=document.createElement("input"),this.setFormValue=(r,t)=>{typeof r!="string"&&super.setFormValue(r,t)},this._customValidationError=null,this.#e={handleChange:()=>{this._customValidationError=this.#r.observe(this,a.ExecutionContext.default)}},this._dragHover=!1,this._allFiles=[]}nameChanged(r,t){super.nameChanged(r,t),this.#t()}#t(){const r=this.files;if(!this.name)this.setFormValue(null);else{const t=new FormData;for(const e of r)t.append(this.name,e);this.setFormValue(t)}this.#i()}#i(){this.value=this.files.length>0?`C:\\fakepath\\${this.files[0].name}`:""}validate(){super.validate(this.control)}formResetCallback(){this.removeAllFiles(),super.formResetCallback()}#l(){return this.rejectedFiles.length>0?this.locale.filePicker.invalidFilesError:null}_customValidationErrorChanged(){/* v8 ignore if -- @preserve */this.proxy&&this.proxy.setCustomValidity(this._customValidationError??""),this.validate()}#e;#r;#a(){this.#r=a.Observable.binding(()=>this.#l(),this.#e,!0),this.#e.handleChange()}#s(){this.#r.dispose()}connectedCallback(){super.connectedCallback(),this.#a()}disconnectedCallback(){super.disconnectedCallback(),this.#s()}_onDragEnter(){return this._dragHover=!0,!0}_onDragOver(r){if(!r.dataTransfer)return!0;const t=r.dataTransfer.effectAllowed;return r.dataTransfer.dropEffect=t==="move"||t==="linkMove"?"move":"copy",!1}_onDragLeave(r){/* v8 ignore else -- @preserve */return r.currentTarget===r.target&&(this._dragHover=!1),!0}_onDrop(r){return this._dragHover=!1,r.dataTransfer?(z(r.dataTransfer).then(t=>this.#o(t)).catch(t=>{console.error(t)}),!1):!0}_onDragEnd(){return this._dragHover=!1,!0}_onControlClick(){this._hiddenInput.click()}_onRemoveFileClick(r){this._allFiles=this._allFiles.filter(t=>t!==r),this.$emit("change")}_allFilesChanged(){this.#t()}#o(r){const t=Array.from(r).filter(e=>!this._allFiles.some(o=>o.name===e.name&&o.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(){const r=(o,i)=>this.maxFileSize&&o.size>this.maxFileSize*1024*1024?(this.fileTooBigError||this.locale.filePicker.fileTooBigError).replace("{{filesize}}",this._formatNumber(Math.round(o.size/1024/10.24)/100)).replace("{{maxFilesize}}",this._formatNumber(this.maxFileSize)):P(o,this.accept)?typeof this.maxFiles=="number"&&i>=this.maxFiles?(this.maxFilesExceededError||this.locale.filePicker.maxFilesExceededError).replace("{{maxFiles}}",String(this.maxFiles)):null:this.invalidFileTypeError||this.locale.filePicker.invalidFileTypeError,t=[];let e=0;for(const o of this._allFiles){const i={file:o,validationError:r(o,e)};t.push(i),i.validationError||e++}return t}get files(){return this._validatedFiles.filter(r=>!r.validationError).map(r=>r.file)}get rejectedFiles(){return this._validatedFiles.filter(r=>!!r.validationError).map(r=>r.file)}_onHiddenInputChange(r){this.#o(this._hiddenInput.files),this._hiddenInput.value="",r.stopPropagation()}_formatNumber(r){const t=String(r);return this.locale.common.useCommaAsDecimalSeparator?t.replace(".",","):t}}n([a.attr({attribute:"single-file",mode:"boolean"})],s.prototype,"singleFile",2);n([a.attr({attribute:"max-files"})],s.prototype,"maxFiles",2);n([a.attr({mode:"fromView",attribute:"max-file-size"})],s.prototype,"maxFileSize",2);n([a.attr],s.prototype,"accept",2);n([a.attr],s.prototype,"size",2);n([a.attr({attribute:"invalid-file-type-error"})],s.prototype,"invalidFileTypeError",2);n([a.attr({attribute:"max-files-exceeded-error"})],s.prototype,"maxFilesExceededError",2);n([a.attr({attribute:"file-too-big-error"})],s.prototype,"fileTooBigError",2);n([a.observable],s.prototype,"_customValidationError",2);n([a.observable],s.prototype,"_dragHover",2);n([a.observable],s.prototype,"_allFiles",2);n([a.volatile],s.prototype,"_validatedFiles",1);const v=1e3,q={tb:"TB",gb:"GB",mb:"MB",kb:"KB",b:"b"},S=(l,r)=>{let t=0,e="b";/* v8 ignore else -- @preserve */if(r>0){const o=["tb","gb","mb","kb","b"];for(let i=0;i<o.length;i++){const c=o[i],d=Math.pow(v,4-i)/10;if(r>=d){t=r/Math.pow(v,4-i),e=c;break}}t=Math.round(10*t)/10}return a.html`<strong>${l._formatNumber(t)}</strong>
+"use strict";const u=require("../bundled/definition2.cjs"),h=require("../bundled/definition3.cjs"),a=require("../bundled/vivid-element.cjs"),f=require("../bundled/mixins.cjs"),m=require("../bundled/delegates-aria.cjs"),x=require("../bundled/form-associated.cjs"),F=require("../bundled/with-contextual-help.cjs"),y=require("../bundled/with-error-text.cjs"),w=require("../bundled/form-element.cjs"),k=require("../bundled/localized.cjs"),_=require("../bundled/when.cjs"),E=require("../bundled/slotted.cjs"),p=require("../bundled/ref.cjs"),$=require("../bundled/repeat.cjs"),b=require("../bundled/class-names.cjs"),C=".label-wrapper{display:flex;flex-direction:row;align-items:center;gap:var(--label-wrapper-gap, 4px)}.label-wrapper[hidden]{display:none}.label:not(slot),.label::slotted(label){flex:0 1 auto}:host{display:block;max-inline-size:400px}.base{display:flex;flex-direction:column;block-size:inherit;max-block-size:inherit;--_low-ink-color: var(--vvd-color-neutral-600)}.control-wrapper{display:flex;flex-direction:column;block-size:inherit;gap:4px;max-block-size:inherit}.control{position:relative;display:flex;box-sizing:border-box;flex-wrap:wrap;align-items:center;justify-content:center;padding:16px;border:1px dashed var(--vvd-color-neutral-400);border-radius:8px;background-color:var(--vvd-color-cta-50);color:var(--vvd-color-neutral-600);cursor:pointer;font:var(--vvd-typography-base);gap:8px;inline-size:100%;min-block-size:52px;outline:none;transition:all .3s ease}.control .upload-text{display:flex;align-items:center;justify-content:center;color:var(--vvd-color-neutral-600);isolation:isolate;pointer-events:none;text-align:center;transition:all .3s ease}@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);box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}@media(hover:hover){.control:hover{border-color:var(--vvd-color-cta-400);background-color:var(--vvd-color-cta-100);box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}}.control:active{box-shadow:0 1px 4px #0000001a;transform:translateY(0)}.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{animation:subtle-pulse 2s ease-in-out infinite;color:var(--vvd-color-cta-600);pointer-events:none;transition:all .3s ease}@media(hover:hover){.control:hover .upload-icon{animation:none;color:var(--vvd-color-cta-700);transform:scale(1.1)}}.control:active .upload-icon{transform:scale(1.05)}.control.drag-hover .upload-icon{animation:none;color:var(--vvd-color-neutral-800);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{display:grid;box-sizing:border-box;padding:8px;border:1px solid var(--vvd-color-neutral-300);border-radius:8px;background-color:var(--file-picker-list-item-background-color, var(--vvd-color-canvas));grid-template-columns:1fr auto;grid-template-rows:auto auto;inline-size:100%}.preview .details{display:flex;min-width:0;flex-direction:column;max-inline-size:100%}.preview .details .filename{overflow:hidden;color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base);text-overflow:ellipsis;white-space:nowrap}.preview .details .size{color:var(--vvd-color-neutral-600);font:var(--vvd-typography-base-condensed)}.preview .error-message{display:flex;align-items:center;color:var(--vvd-color-alert-600);font:var(--vvd-typography-base-condensed-bold);gap:4px;margin-block-start:4px}.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{display:inline;align-self:center;grid-column:2/-1;grid-row:1/-1}.preview-list{--scrollbar-track-color: transparent;--scrollbar-thumb-color: color-mix(in srgb, var(--vvd-color-neutral-950), transparent 70%)}.preview-list{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{border:0;border-radius:4px;background-color:var(--scrollbar-fallback-track-color, var(--scrollbar-thumb-color))}.preview-list{display:flex;flex-direction:column;gap:12px;margin-block-start:12px;overflow-y:auto}.preview-list:not(:has(.preview)){display:none}.hidden-input{position:absolute;top:0;left:0;width:0;height:0;visibility:hidden}";async function z(l){return l.items?.[0]?.webkitGetAsEntry!=null?await D(l.items):Array.from(l.files)}async function D(l){const r=[];for(const t of l){const e=t.getAsFile();if(e)r.push(Promise.resolve([e]));else{const o=t.webkitGetAsEntry();o&&r.push(g(o,!1))}}return(await Promise.all(r)).flat()}const g=(l,r)=>{const t=o=>new Promise((i,c)=>{o.file(d=>{r&&d.name.substring(0,1)==="."?i([]):i([d])},c)}),e=l.isFile?t(l):l.isDirectory?T(l):Promise.resolve([]);return e.catch(()=>null),e},T=async l=>new Promise((r,t)=>{const e=[],o=l.createReader(),i=()=>{o.readEntries(c=>{for(const d of c)e.push(g(d,!0));c.length?i():r(Promise.all(e).then(d=>d.flat()))},t)};i()});function P(l,r){if(!r)return!0;const t=r.split(","),e=i=>/\/\*$/.test(i),o=i=>i.replace(/\/.*$/,"");for(let i of t)if(i=i.trim(),i.charAt(0)==="."){if(l.name.toLowerCase().endsWith(i.toLowerCase()))return!0}else if(e(i)){if(o(l.type)===o(i))return!0}else if(l.type===i)return!0;return!1}var V=Object.defineProperty,A=Object.getOwnPropertyDescriptor,n=(l,r,t,e)=>{for(var o=e>1?void 0:e?A(r,t):r,i=l.length-1,c;i>=0;i--)(c=l[i])&&(o=(e?c(r,t,o):c(o))||o);return e&&o&&V(r,t,o),o};class s extends F.WithContextualHelp(f.WithFeedback(y.WithErrorText(w.FormElement(m.DelegatesAria(k.Localized(x.FormAssociated(a.VividElement))))))){constructor(){super(...arguments),this.singleFile=!1,this.maxFileSize=256,this.valueChanged=(r,t)=>{super.valueChanged(r,t),t===""&&this.files.length&&this.removeAllFiles()},this.proxy=document.createElement("input"),this.setFormValue=(r,t)=>{typeof r!="string"&&super.setFormValue(r,t)},this._customValidationError=null,this.#e={handleChange:()=>{this._customValidationError=this.#r.observe(this,a.ExecutionContext.default)}},this._dragHover=!1,this._allFiles=[]}nameChanged(r,t){super.nameChanged(r,t),this.#t()}#t(){const r=this.files;if(!this.name)this.setFormValue(null);else{const t=new FormData;for(const e of r)t.append(this.name,e);this.setFormValue(t)}this.#i()}#i(){this.value=this.files.length>0?`C:\\fakepath\\${this.files[0].name}`:""}validate(){super.validate(this.control)}formResetCallback(){this.removeAllFiles(),super.formResetCallback()}#l(){return this.rejectedFiles.length>0?this.locale.filePicker.invalidFilesError:null}_customValidationErrorChanged(){this.proxy&&this.proxy.setCustomValidity(this._customValidationError??""),this.validate()}#e;#r;#a(){this.#r=a.Observable.binding(()=>this.#l(),this.#e,!0),this.#e.handleChange()}#s(){this.#r.dispose()}connectedCallback(){super.connectedCallback(),this.#a()}disconnectedCallback(){super.disconnectedCallback(),this.#s()}_onDragEnter(){return this._dragHover=!0,!0}_onDragOver(r){if(!r.dataTransfer)return!0;const t=r.dataTransfer.effectAllowed;return r.dataTransfer.dropEffect=t==="move"||t==="linkMove"?"move":"copy",!1}_onDragLeave(r){return r.currentTarget===r.target&&(this._dragHover=!1),!0}_onDrop(r){return this._dragHover=!1,r.dataTransfer?(z(r.dataTransfer).then(t=>this.#o(t)).catch(t=>{console.error(t)}),!1):!0}_onDragEnd(){return this._dragHover=!1,!0}_onControlClick(){this._hiddenInput.click()}_onRemoveFileClick(r){this._allFiles=this._allFiles.filter(t=>t!==r),this.$emit("change")}_allFilesChanged(){this.#t()}#o(r){const t=Array.from(r).filter(e=>!this._allFiles.some(o=>o.name===e.name&&o.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(){const r=(o,i)=>this.maxFileSize&&o.size>this.maxFileSize*1024*1024?(this.fileTooBigError||this.locale.filePicker.fileTooBigError).replace("{{filesize}}",this._formatNumber(Math.round(o.size/1024/10.24)/100)).replace("{{maxFilesize}}",this._formatNumber(this.maxFileSize)):P(o,this.accept)?typeof this.maxFiles=="number"&&i>=this.maxFiles?(this.maxFilesExceededError||this.locale.filePicker.maxFilesExceededError).replace("{{maxFiles}}",String(this.maxFiles)):null:this.invalidFileTypeError||this.locale.filePicker.invalidFileTypeError,t=[];let e=0;for(const o of this._allFiles){const i={file:o,validationError:r(o,e)};t.push(i),i.validationError||e++}return t}get files(){return this._validatedFiles.filter(r=>!r.validationError).map(r=>r.file)}get rejectedFiles(){return this._validatedFiles.filter(r=>!!r.validationError).map(r=>r.file)}_onHiddenInputChange(r){this.#o(this._hiddenInput.files),this._hiddenInput.value="",r.stopPropagation()}_formatNumber(r){const t=String(r);return this.locale.common.useCommaAsDecimalSeparator?t.replace(".",","):t}}n([a.attr({attribute:"single-file",mode:"boolean"})],s.prototype,"singleFile",2);n([a.attr({attribute:"max-files"})],s.prototype,"maxFiles",2);n([a.attr({mode:"fromView",attribute:"max-file-size"})],s.prototype,"maxFileSize",2);n([a.attr],s.prototype,"accept",2);n([a.attr],s.prototype,"size",2);n([a.attr({attribute:"invalid-file-type-error"})],s.prototype,"invalidFileTypeError",2);n([a.attr({attribute:"max-files-exceeded-error"})],s.prototype,"maxFilesExceededError",2);n([a.attr({attribute:"file-too-big-error"})],s.prototype,"fileTooBigError",2);n([a.observable],s.prototype,"_customValidationError",2);n([a.observable],s.prototype,"_dragHover",2);n([a.observable],s.prototype,"_allFiles",2);n([a.volatile],s.prototype,"_validatedFiles",1);const v=1e3,q={tb:"TB",gb:"GB",mb:"MB",kb:"KB",b:"b"},S=(l,r)=>{let t=0,e="b";if(r>0){const o=["tb","gb","mb","kb","b"];for(let i=0;i<o.length;i++){const c=o[i],d=Math.pow(v,4-i)/10;if(r>=d){t=r/Math.pow(v,4-i),e=c;break}}t=Math.round(10*t)/10}return a.html`<strong>${l._formatNumber(t)}</strong>
 		${q[e]}`},H=({size:l,_dragHover:r})=>b.classNames("control",[`size-${l}`,!!l],["drag-hover",r]),B=l=>{const r=l.tagFor(u.Icon),t=l.tagFor(h.Button);return a.html`
 		<div class="base">
 			<div class="label-wrapper" ?hidden=${e=>!e.label&&!e._hasContextualHelp}>

package/file-picker/index.js

@@ -13,7 +13,7 @@ import { s as O } from "../bundled/slotted.js";
 import { r as u } from "../bundled/ref.js";
 import { r as I } from "../bundled/repeat.js";
 import { c as m } from "../bundled/class-names.js";
-const L = ".label-wrapper{display:flex;flex-direction:row;align-items:center;gap:var(--label-wrapper-gap, 4px)}.label-wrapper[hidden]{display:none}.label:not(slot),.label::slotted(label){flex:0 1 auto}:host{display:block;max-inline-size:400px}.base{display:flex;flex-direction:column;block-size:inherit;max-block-size:inherit;--_low-ink-color: var(--vvd-color-neutral-600)}.control-wrapper{display:flex;flex-direction:column;block-size:inherit;gap:4px;max-block-size:inherit}.control{position:relative;display:flex;box-sizing:border-box;flex-wrap:wrap;align-items:center;justify-content:center;padding:16px;border:1px dashed var(--vvd-color-neutral-400);border-radius:8px;background-color:var(--vvd-color-cta-50);color:var(--vvd-color-neutral-600);cursor:pointer;font:var(--vvd-typography-base);gap:8px;inline-size:100%;min-block-size:52px;outline:none;transition:all .3s ease}.control .upload-text{display:flex;align-items:center;justify-content:center;color:var(--vvd-color-neutral-600);isolation:isolate;pointer-events:none;text-align:center;transition:all .3s ease}@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);box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}@media (hover: hover){.control:hover{border-color:var(--vvd-color-cta-400);background-color:var(--vvd-color-cta-100);box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}}.control:active{box-shadow:0 1px 4px #0000001a;transform:translateY(0)}.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{animation:subtle-pulse 2s ease-in-out infinite;color:var(--vvd-color-cta-600);pointer-events:none;transition:all .3s ease}@media (hover: hover){.control:hover .upload-icon{animation:none;color:var(--vvd-color-cta-700);transform:scale(1.1)}}.control:active .upload-icon{transform:scale(1.05)}.control.drag-hover .upload-icon{animation:none;color:var(--vvd-color-neutral-800);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{display:grid;box-sizing:border-box;padding:8px;border:1px solid var(--vvd-color-neutral-300);border-radius:8px;background-color:var(--file-picker-list-item-background-color, var(--vvd-color-canvas));grid-template-columns:1fr auto;grid-template-rows:auto auto;inline-size:100%}.preview .details{display:flex;min-width:0;flex-direction:column;max-inline-size:100%}.preview .details .filename{overflow:hidden;color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base);text-overflow:ellipsis;white-space:nowrap}.preview .details .size{color:var(--vvd-color-neutral-600);font:var(--vvd-typography-base-condensed)}.preview .error-message{display:flex;align-items:center;color:var(--vvd-color-alert-600);font:var(--vvd-typography-base-condensed-bold);gap:4px;margin-block-start:4px}.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{display:inline;align-self:center;grid-column:2/-1;grid-row:1/-1}.preview-list{--scrollbar-track-color: transparent;--scrollbar-thumb-color: color-mix(in srgb, var(--vvd-color-neutral-950), transparent 70%)}.preview-list{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{border:0;border-radius:4px;background-color:var(--scrollbar-fallback-track-color, var(--scrollbar-thumb-color))}.preview-list{display:flex;flex-direction:column;gap:12px;margin-block-start:12px;overflow-y:auto}.preview-list:not(:has(.preview)){display:none}.hidden-input{position:absolute;top:0;left:0;width:0;height:0;visibility:hidden}";
+const L = ".label-wrapper{display:flex;flex-direction:row;align-items:center;gap:var(--label-wrapper-gap, 4px)}.label-wrapper[hidden]{display:none}.label:not(slot),.label::slotted(label){flex:0 1 auto}:host{display:block;max-inline-size:400px}.base{display:flex;flex-direction:column;block-size:inherit;max-block-size:inherit;--_low-ink-color: var(--vvd-color-neutral-600)}.control-wrapper{display:flex;flex-direction:column;block-size:inherit;gap:4px;max-block-size:inherit}.control{position:relative;display:flex;box-sizing:border-box;flex-wrap:wrap;align-items:center;justify-content:center;padding:16px;border:1px dashed var(--vvd-color-neutral-400);border-radius:8px;background-color:var(--vvd-color-cta-50);color:var(--vvd-color-neutral-600);cursor:pointer;font:var(--vvd-typography-base);gap:8px;inline-size:100%;min-block-size:52px;outline:none;transition:all .3s ease}.control .upload-text{display:flex;align-items:center;justify-content:center;color:var(--vvd-color-neutral-600);isolation:isolate;pointer-events:none;text-align:center;transition:all .3s ease}@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);box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}@media(hover:hover){.control:hover{border-color:var(--vvd-color-cta-400);background-color:var(--vvd-color-cta-100);box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}}.control:active{box-shadow:0 1px 4px #0000001a;transform:translateY(0)}.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{animation:subtle-pulse 2s ease-in-out infinite;color:var(--vvd-color-cta-600);pointer-events:none;transition:all .3s ease}@media(hover:hover){.control:hover .upload-icon{animation:none;color:var(--vvd-color-cta-700);transform:scale(1.1)}}.control:active .upload-icon{transform:scale(1.05)}.control.drag-hover .upload-icon{animation:none;color:var(--vvd-color-neutral-800);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{display:grid;box-sizing:border-box;padding:8px;border:1px solid var(--vvd-color-neutral-300);border-radius:8px;background-color:var(--file-picker-list-item-background-color, var(--vvd-color-canvas));grid-template-columns:1fr auto;grid-template-rows:auto auto;inline-size:100%}.preview .details{display:flex;min-width:0;flex-direction:column;max-inline-size:100%}.preview .details .filename{overflow:hidden;color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base);text-overflow:ellipsis;white-space:nowrap}.preview .details .size{color:var(--vvd-color-neutral-600);font:var(--vvd-typography-base-condensed)}.preview .error-message{display:flex;align-items:center;color:var(--vvd-color-alert-600);font:var(--vvd-typography-base-condensed-bold);gap:4px;margin-block-start:4px}.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{display:inline;align-self:center;grid-column:2/-1;grid-row:1/-1}.preview-list{--scrollbar-track-color: transparent;--scrollbar-thumb-color: color-mix(in srgb, var(--vvd-color-neutral-950), transparent 70%)}.preview-list{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{border:0;border-radius:4px;background-color:var(--scrollbar-fallback-track-color, var(--scrollbar-thumb-color))}.preview-list{display:flex;flex-direction:column;gap:12px;margin-block-start:12px;overflow-y:auto}.preview-list:not(:has(.preview)){display:none}.hidden-input{position:absolute;top:0;left:0;width:0;height:0;visibility:hidden}";
 async function M(a) {
   return a.items?.[0]?.webkitGetAsEntry != null ? await R(a.items) : Array.from(a.files);
 }
@@ -126,7 +126,6 @@ class l extends V(
    * @internal
    */
   _customValidationErrorChanged() {
-    /* v8 ignore if -- @preserve */
     this.proxy && this.proxy.setCustomValidity(this._customValidationError ?? ""), this.validate();
   }
   #e;
@@ -166,7 +165,6 @@ class l extends V(
    * @internal
    */
   _onDragLeave(r) {
-    /* v8 ignore else -- @preserve */
     return r.currentTarget === r.target && (this._dragHover = !1), !0;
   }
   /**
@@ -298,7 +296,6 @@ s([
 ], l.prototype, "_validatedFiles", 1);
 const f = 1e3, Y = { tb: "TB", gb: "GB", mb: "MB", kb: "KB", b: "b" }, U = (a, r) => {
   let o = 0, e = "b";
-  /* v8 ignore else -- @preserve */
   if (r > 0) {
     const t = ["tb", "gb", "mb", "kb", "b"];
     for (let i = 0; i < t.length; i++) {

package/icon/definition.cjs

@@ -9,8 +9,13 @@ const fastWebUtilities = require('@microsoft/fast-web-utilities');
 
 const styles = ":host{display:inline-block;vertical-align:sub}.control.connotation-accent{--_connotation-color-primary: var(--vvd-icon-accent-primary, var(--vvd-color-canvas-text))}.control.connotation-announcement{--_connotation-color-primary: var(--vvd-icon-announcement-primary, var(--vvd-color-announcement-500))}.control.connotation-cta{--_connotation-color-primary: var(--vvd-icon-cta-primary, var(--vvd-color-cta-500))}.control.connotation-success{--_connotation-color-primary: var(--vvd-icon-success-primary, var(--vvd-color-success-500))}.control.connotation-warning{--_connotation-color-primary: var(--vvd-icon-warning-primary, var(--vvd-color-warning-300))}.control.connotation-alert{--_connotation-color-primary: var(--vvd-icon-alert-primary, var(--vvd-color-alert-500))}.control.connotation-information{--_connotation-color-primary: var(--vvd-icon-information-primary, var(--vvd-color-information-500))}.control.size--6{--_icon-block-size: calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2)) - (1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2)))) }.control.size--5{--_icon-block-size: calc(1px*(20 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) }.control.size--4{--_icon-block-size: calc(1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) }.control.size--3{--_icon-block-size: calc(1px*(28 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) }.control.size--2{--_icon-block-size: calc(1px*(32 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) }.control.size--1{--_icon-block-size: calc(1px*(36 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) }.control.size-0{--_icon-block-size: calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) }.control.size-1{--_icon-block-size: calc(1px*(44 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) }.control.size-2{--_icon-block-size: calc(1px*(48 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) }.control.size-3{--_icon-block-size: calc(1px*(52 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) }.control.size-4{--_icon-block-size: calc(1px*(56 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) }.control.size-5{--_icon-block-size: calc(1px*(60 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) }.control:not(.size--6,.size--5,.size--4,.size--3,.size--2,.size--1,.size-0,.size-1,.size-2,.size-3,.size-4,.size-5){--_icon-block-size: 1em}.control{display:flex;margin:unset;block-size:var(--_icon-block-size);color:currentColor;contain:strict;inline-size:var(--_icon-block-size)}.control[class*=connotation]{color:var(--_connotation-color-primary)}slot,svg,::slotted(:where(svg,img)){margin:auto;block-size:inherit;inline-size:inherit}";
 
-const ICONS_BASE_URL = 'https://icon.resources.vonage.com';
-const ICONS_VERSION = '4.7.2';
+//#region package.json
+var version = "4.9.0";
+
+//#endregion
+//#region src/icons.legacy.ts
+const ICONS_BASE_URL = "https://icon.resources.vonage.com";
+const ICONS_VERSION = version;
 
 const numberConverter = {
   toView(value) {
@@ -111,11 +116,9 @@ class Icon extends vividElement.VividElement {
     this._svg = void 0;
     this.iconLoaded = false;
     let timeout = setTimeout(() => {
-      /* v8 ignore else -- @preserve */
       if (this.#currentRequestId === requestId) {
         this._svg = PLACEHOLDER_ICON;
         timeout = setTimeout(() => {
-          /* v8 ignore else -- @preserve */
           if (this.#currentRequestId === requestId && this._svg === PLACEHOLDER_ICON) {
             this._svg = void 0;
           }
@@ -124,7 +127,6 @@ class Icon extends vividElement.VividElement {
     }, PLACEHOLDER_DELAY);
     try {
       const svg = await resolveIcon(this.name, this.#abortController.signal);
-      /* v8 ignore else -- @preserve */
       if (this.#currentRequestId === requestId) {
         this._svg = svg;
       }

package/icon/definition.js

@@ -5,8 +5,13 @@ import { classNames } from '@microsoft/fast-web-utilities';
 
 const styles = ":host{display:inline-block;vertical-align:sub}.control.connotation-accent{--_connotation-color-primary: var(--vvd-icon-accent-primary, var(--vvd-color-canvas-text))}.control.connotation-announcement{--_connotation-color-primary: var(--vvd-icon-announcement-primary, var(--vvd-color-announcement-500))}.control.connotation-cta{--_connotation-color-primary: var(--vvd-icon-cta-primary, var(--vvd-color-cta-500))}.control.connotation-success{--_connotation-color-primary: var(--vvd-icon-success-primary, var(--vvd-color-success-500))}.control.connotation-warning{--_connotation-color-primary: var(--vvd-icon-warning-primary, var(--vvd-color-warning-300))}.control.connotation-alert{--_connotation-color-primary: var(--vvd-icon-alert-primary, var(--vvd-color-alert-500))}.control.connotation-information{--_connotation-color-primary: var(--vvd-icon-information-primary, var(--vvd-color-information-500))}.control.size--6{--_icon-block-size: calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2)) - (1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2)))) }.control.size--5{--_icon-block-size: calc(1px*(20 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) }.control.size--4{--_icon-block-size: calc(1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) }.control.size--3{--_icon-block-size: calc(1px*(28 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) }.control.size--2{--_icon-block-size: calc(1px*(32 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) }.control.size--1{--_icon-block-size: calc(1px*(36 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) }.control.size-0{--_icon-block-size: calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) }.control.size-1{--_icon-block-size: calc(1px*(44 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) }.control.size-2{--_icon-block-size: calc(1px*(48 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) }.control.size-3{--_icon-block-size: calc(1px*(52 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) }.control.size-4{--_icon-block-size: calc(1px*(56 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) }.control.size-5{--_icon-block-size: calc(1px*(60 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) }.control:not(.size--6,.size--5,.size--4,.size--3,.size--2,.size--1,.size-0,.size-1,.size-2,.size-3,.size-4,.size-5){--_icon-block-size: 1em}.control{display:flex;margin:unset;block-size:var(--_icon-block-size);color:currentColor;contain:strict;inline-size:var(--_icon-block-size)}.control[class*=connotation]{color:var(--_connotation-color-primary)}slot,svg,::slotted(:where(svg,img)){margin:auto;block-size:inherit;inline-size:inherit}";
 
-const ICONS_BASE_URL = 'https://icon.resources.vonage.com';
-const ICONS_VERSION = '4.7.2';
+//#region package.json
+var version = "4.9.0";
+
+//#endregion
+//#region src/icons.legacy.ts
+const ICONS_BASE_URL = "https://icon.resources.vonage.com";
+const ICONS_VERSION = version;
 
 const numberConverter = {
   toView(value) {
@@ -107,11 +112,9 @@ class Icon extends VividElement {
     this._svg = void 0;
     this.iconLoaded = false;
     let timeout = setTimeout(() => {
-      /* v8 ignore else -- @preserve */
       if (this.#currentRequestId === requestId) {
         this._svg = PLACEHOLDER_ICON;
         timeout = setTimeout(() => {
-          /* v8 ignore else -- @preserve */
           if (this.#currentRequestId === requestId && this._svg === PLACEHOLDER_ICON) {
             this._svg = void 0;
           }
@@ -120,7 +123,6 @@ class Icon extends VividElement {
     }, PLACEHOLDER_DELAY);
     try {
       const svg = await resolveIcon(this.name, this.#abortController.signal);
-      /* v8 ignore else -- @preserve */
       if (this.#currentRequestId === requestId) {
         this._svg = svg;
       }

package/index.cjs

@@ -4,21 +4,22 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const enums = require('./unbundled/enums.cjs');
 const localized = require('./unbundled/localized.cjs');
-const accordionItem_definition = require('./accordion-item/definition.cjs');
 const accordion_definition = require('./accordion/definition.cjs');
+const menuItem_definition = require('./unbundled/definition.cjs');
+const richTextEditor_definition = require('./rich-text-editor/definition.cjs');
+const tabs_definition = require('./tabs/definition.cjs');
+const accordionItem_definition = require('./accordion-item/definition.cjs');
 const actionGroup_definition = require('./action-group/definition.cjs');
 const alert_definition = require('./alert/definition.cjs');
 const audioPlayer_definition = require('./audio-player/definition.cjs');
 const avatar_definition = require('./avatar/definition.cjs');
 const badge_definition = require('./badge/definition.cjs');
 const banner_definition = require('./banner/definition.cjs');
-const breadcrumbItem_definition = require('./breadcrumb-item/definition.cjs');
-const breadcrumbItem = require('./unbundled/breadcrumb-item.cjs');
 const breadcrumb_definition = require('./breadcrumb/definition.cjs');
-const button_definition = require('./unbundled/definition.cjs');
-const calendarEvent_definition = require('./calendar-event/definition.cjs');
-const calendarEvent = require('./unbundled/calendar-event.cjs');
+const breadcrumbItem = require('./unbundled/breadcrumb-item.cjs');
+const button_definition = require('./unbundled/definition2.cjs');
 const calendar_definition = require('./calendar/definition.cjs');
+const calendarEvent = require('./unbundled/calendar-event.cjs');
 const card_definition = require('./card/definition.cjs');
 const checkbox_definition = require('./checkbox/definition.cjs');
 const colorPicker_definition = require('./color-picker/definition.cjs');
@@ -26,13 +27,11 @@ const combobox_definition = require('./combobox/definition.cjs');
 const contextualHelp_definition = require('./contextual-help/definition.cjs');
 const country_definition = require('./country/definition.cjs');
 const dataGrid_definition = require('./data-grid/definition.cjs');
-const table_definition = require('./table/definition.cjs');
 const datePicker_definition = require('./date-picker/definition.cjs');
 const dateRangePicker_definition = require('./date-range-picker/definition.cjs');
 const dateTimePicker_definition = require('./date-time-picker/definition.cjs');
 const dialPad_definition = require('./dial-pad/definition.cjs');
 const dialog_definition = require('./dialog/definition.cjs');
-const divider_definition = require('./divider/definition.cjs');
 const divider = require('./unbundled/divider.cjs');
 const emptyState_definition = require('./empty-state/definition.cjs');
 const fab_definition = require('./fab/definition.cjs');
@@ -40,22 +39,20 @@ const filePicker_definition = require('./file-picker/definition.cjs');
 const header_definition = require('./header/definition.cjs');
 const icon_definition = require('./icon/definition.cjs');
 const layout_definition = require('./layout/definition.cjs');
-const menuItem_definition = require('./unbundled/definition2.cjs');
 const menu_definition = require('./menu/definition.cjs');
 const navDisclosure_definition = require('./nav-disclosure/definition.cjs');
-const navItem_definition = require('./nav-item/definition.cjs');
 const nav_definition = require('./nav/definition.cjs');
+const navItem_definition = require('./nav-item/definition.cjs');
 const note_definition = require('./note/definition.cjs');
 const numberField_definition = require('./number-field/definition.cjs');
 const option_definition = require('./unbundled/definition3.cjs');
 const pagination_definition = require('./pagination/definition.cjs');
 const popover_definition = require('./popover/definition.cjs');
-const progressRing_definition = require('./progress-ring/definition.cjs');
 const progress_definition = require('./progress/definition.cjs');
-const radioGroup_definition = require('./radio-group/definition.cjs');
+const progressRing_definition = require('./progress-ring/definition.cjs');
 const radio_definition = require('./radio/definition.cjs');
+const radioGroup_definition = require('./radio-group/definition.cjs');
 const rangeSlider_definition = require('./range-slider/definition.cjs');
-const richTextEditor_definition = require('./rich-text-editor/definition.cjs');
 const richTextView_definition = require('./rich-text-view/definition.cjs');
 const searchableSelect_definition = require('./searchable-select/definition.cjs');
 const select_definition = require('./select/definition.cjs');
@@ -66,20 +63,23 @@ const slider_definition = require('./slider/definition.cjs');
 const splitButton_definition = require('./split-button/definition.cjs');
 const status_definition = require('./status/definition.cjs');
 const switch_definition = require('./switch/definition.cjs');
-const tabPanel_definition = require('./tab-panel/definition.cjs');
 const tab_definition = require('./tab/definition.cjs');
-const tabs_definition = require('./tabs/definition.cjs');
-const tagGroup_definition = require('./tag-group/definition.cjs');
+const tabPanel_definition = require('./tab-panel/definition.cjs');
+const table_definition = require('./table/definition.cjs');
 const tag_definition = require('./tag/definition.cjs');
+const tagGroup_definition = require('./tag-group/definition.cjs');
 const textArea_definition = require('./text-area/definition.cjs');
 const textField_definition = require('./text-field/definition.cjs');
-const timePicker_definition = require('./time-picker/definition.cjs');
 const timeSelectionPicker_template = require('./unbundled/time-selection-picker.template.cjs');
 const toggletip_definition = require('./toggletip/definition.cjs');
 const tooltip_definition = require('./tooltip/definition.cjs');
 const treeItem_definition = require('./unbundled/definition4.cjs');
 const treeView_definition = require('./tree-view/definition.cjs');
 const videoPlayer_definition = require('./video-player/definition.cjs');
+const breadcrumbItem_definition = require('./breadcrumb-item/definition.cjs');
+const calendarEvent_definition = require('./calendar-event/definition.cjs');
+const divider_definition = require('./divider/definition.cjs');
+const timePicker_definition = require('./time-picker/definition.cjs');
 
 
 
@@ -96,13 +96,50 @@ exports.Shape = enums.Shape;
 exports.Size = enums.Size;
 exports.Sticky = enums.Sticky;
 exports.setLocale = localized.setLocale;
-exports.VwcAccordionItemElement = accordionItem_definition.VwcAccordionItemElement;
-exports.accordionItemDefinition = accordionItem_definition.accordionItemDefinition;
-exports.registerAccordionItem = accordionItem_definition.registerAccordionItem;
 exports.AccordionExpandMode = accordion_definition.AccordionExpandMode;
 exports.VwcAccordionElement = accordion_definition.VwcAccordionElement;
 exports.accordionDefinition = accordion_definition.accordionDefinition;
 exports.registerAccordion = accordion_definition.registerAccordion;
+exports.MenuItemRole = menuItem_definition.MenuItemRole;
+exports.VwcMenuItemElement = menuItem_definition.MenuItem;
+exports.menuItemDefinition = menuItem_definition.menuItemDefinition;
+exports.registerMenuItem = menuItem_definition.registerMenuItem;
+exports.RteAlignmentFeature = richTextEditor_definition.RteAlignmentFeature;
+exports.RteAtomFeature = richTextEditor_definition.RteAtomFeature;
+exports.RteBase = richTextEditor_definition.RteBase;
+exports.RteBoldFeature = richTextEditor_definition.RteBoldFeature;
+exports.RteConfig = richTextEditor_definition.RteConfig;
+exports.RteDropHandlerFeature = richTextEditor_definition.RteDropHandlerFeature;
+exports.RteFileHandlerFeature = richTextEditor_definition.RteFileHandlerFeature;
+exports.RteFontSizePickerFeature = richTextEditor_definition.RteFontSizePickerFeature;
+exports.RteHardBreakFeature = richTextEditor_definition.RteHardBreakFeature;
+exports.RteHtmlParser = richTextEditor_definition.RteHtmlParser;
+exports.RteHtmlSerializer = richTextEditor_definition.RteHtmlSerializer;
+exports.RteInlineImageFeature = richTextEditor_definition.RteInlineImageFeature;
+exports.RteInputRuleFeature = richTextEditor_definition.RteInputRuleFeature;
+exports.RteItalicFeature = richTextEditor_definition.RteItalicFeature;
+exports.RteKeyboardShortcutsFeature = richTextEditor_definition.RteKeyboardShortcutsFeature;
+exports.RteLinkFeature = richTextEditor_definition.RteLinkFeature;
+exports.RteListFeature = richTextEditor_definition.RteListFeature;
+exports.RteMonospaceFeature = richTextEditor_definition.RteMonospaceFeature;
+exports.RtePlaceholderFeature = richTextEditor_definition.RtePlaceholderFeature;
+exports.RteStrikethroughFeature = richTextEditor_definition.RteStrikethroughFeature;
+exports.RteSuggestFeature = richTextEditor_definition.RteSuggestFeature;
+exports.RteTextBlockPickerFeature = richTextEditor_definition.RteTextBlockPickerFeature;
+exports.RteTextColorPickerFeature = richTextEditor_definition.RteTextColorPickerFeature;
+exports.RteToolbarButtonFeature = richTextEditor_definition.RteToolbarButtonFeature;
+exports.RteToolbarFeature = richTextEditor_definition.RteToolbarFeature;
+exports.RteUnderlineFeature = richTextEditor_definition.RteUnderlineFeature;
+exports.VwcRichTextEditorElement = richTextEditor_definition.VwcRichTextEditorElement;
+exports.registerRichTextEditor = richTextEditor_definition.registerRichTextEditor;
+exports.richTextEditorDefinition = richTextEditor_definition.richTextEditorDefinition;
+exports.TabsGutters = tabs_definition.TabsGutters;
+exports.VwcTabsElement = tabs_definition.VwcTabsElement;
+exports.registerTabs = tabs_definition.registerTabs;
+exports.tabsDefinition = tabs_definition.tabsDefinition;
+exports.VwcAccordionItemElement = accordionItem_definition.VwcAccordionItemElement;
+exports.accordionItemDefinition = accordionItem_definition.accordionItemDefinition;
+exports.registerAccordionItem = accordionItem_definition.registerAccordionItem;
 exports.VwcActionGroupElement = actionGroup_definition.VwcActionGroupElement;
 exports.actionGroupDefinition = actionGroup_definition.actionGroupDefinition;
 exports.registerActionGroup = actionGroup_definition.registerActionGroup;
@@ -121,21 +158,17 @@ exports.registerBadge = badge_definition.registerBadge;
 exports.VwcBannerElement = banner_definition.VwcBannerElement;
 exports.bannerDefinition = banner_definition.bannerDefinition;
 exports.registerBanner = banner_definition.registerBanner;
-exports.breadcrumbItemDefinition = breadcrumbItem_definition.breadcrumbItemDefinition;
-exports.registerBreadcrumbItem = breadcrumbItem_definition.registerBreadcrumbItem;
-exports.VwcBreadcrumbItemElement = breadcrumbItem.BreadcrumbItem;
 exports.VwcBreadcrumbElement = breadcrumb_definition.VwcBreadcrumbElement;
 exports.breadcrumbDefinition = breadcrumb_definition.breadcrumbDefinition;
 exports.registerBreadcrumb = breadcrumb_definition.registerBreadcrumb;
+exports.VwcBreadcrumbItemElement = breadcrumbItem.BreadcrumbItem;
 exports.VwcButtonElement = button_definition.Button;
 exports.buttonDefinition = button_definition.buttonDefinition;
 exports.registerButton = button_definition.registerButton;
-exports.calendarEventDefinition = calendarEvent_definition.calendarEventDefinition;
-exports.registerCalendarEvent = calendarEvent_definition.registerCalendarEvent;
-exports.VwcCalendarEventElement = calendarEvent.CalendarEvent;
 exports.VwcCalendarElement = calendar_definition.VwcCalendarElement;
 exports.calendarDefinition = calendar_definition.calendarDefinition;
 exports.registerCalendar = calendar_definition.registerCalendar;
+exports.VwcCalendarEventElement = calendarEvent.CalendarEvent;
 exports.VwcCardElement = card_definition.VwcCardElement;
 exports.cardDefinition = card_definition.cardDefinition;
 exports.registerCard = card_definition.registerCard;
@@ -161,19 +194,6 @@ exports.dataGridCellDefinition = dataGrid_definition.dataGridCellDefinition;
 exports.dataGridDefinition = dataGrid_definition.dataGridDefinition;
 exports.dataGridRowDefinition = dataGrid_definition.dataGridRowDefinition;
 exports.registerDataGrid = dataGrid_definition.registerDataGrid;
-exports.VwcTableBodyElement = table_definition.VwcTableBodyElement;
-exports.VwcTableCellElement = table_definition.VwcTableCellElement;
-exports.VwcTableElement = table_definition.VwcTableElement;
-exports.VwcTableHeadElement = table_definition.VwcTableHeadElement;
-exports.VwcTableHeaderCellElement = table_definition.VwcTableHeaderCellElement;
-exports.VwcTableRowElement = table_definition.VwcTableRowElement;
-exports.registerTable = table_definition.registerTable;
-exports.tableBodyDefinition = table_definition.tableBodyDefinition;
-exports.tableCellDefinition = table_definition.tableCellDefinition;
-exports.tableDefinition = table_definition.tableDefinition;
-exports.tableHeadDefinition = table_definition.tableHeadDefinition;
-exports.tableHeaderCellDefinition = table_definition.tableHeaderCellDefinition;
-exports.tableRowDefinition = table_definition.tableRowDefinition;
 exports.VwcDatePickerElement = datePicker_definition.VwcDatePickerElement;
 exports.datePickerDefinition = datePicker_definition.datePickerDefinition;
 exports.registerDatePicker = datePicker_definition.registerDatePicker;
@@ -189,8 +209,6 @@ exports.registerDialPad = dialPad_definition.registerDialPad;
 exports.VwcDialogElement = dialog_definition.VwcDialogElement;
 exports.dialogDefinition = dialog_definition.dialogDefinition;
 exports.registerDialog = dialog_definition.registerDialog;
-exports.dividerDefinition = divider_definition.dividerDefinition;
-exports.registerDivider = divider_definition.registerDivider;
 exports.VwcDividerElement = divider.Divider;
 exports.VwcEmptyStateElement = emptyState_definition.VwcEmptyStateElement;
 exports.emptyStateDefinition = emptyState_definition.emptyStateDefinition;
@@ -210,22 +228,18 @@ exports.registerIcon = icon_definition.registerIcon;
 exports.VwcLayoutElement = layout_definition.VwcLayoutElement;
 exports.layoutDefinition = layout_definition.layoutDefinition;
 exports.registerLayout = layout_definition.registerLayout;
-exports.MenuItemRole = menuItem_definition.MenuItemRole;
-exports.VwcMenuItemElement = menuItem_definition.MenuItem;
-exports.menuItemDefinition = menuItem_definition.menuItemDefinition;
-exports.registerMenuItem = menuItem_definition.registerMenuItem;
 exports.VwcMenuElement = menu_definition.VwcMenuElement;
 exports.menuDefinition = menu_definition.menuDefinition;
 exports.registerMenu = menu_definition.registerMenu;
 exports.VwcNavDisclosureElement = navDisclosure_definition.VwcNavDisclosureElement;
 exports.navDisclosureDefinition = navDisclosure_definition.navDisclosureDefinition;
 exports.registerNavDisclosure = navDisclosure_definition.registerNavDisclosure;
-exports.VwcNavItemElement = navItem_definition.VwcNavItemElement;
-exports.navItemDefinition = navItem_definition.navItemDefinition;
-exports.registerNavItem = navItem_definition.registerNavItem;
 exports.VwcNavElement = nav_definition.VwcNavElement;
 exports.navDefinition = nav_definition.navDefinition;
 exports.registerNav = nav_definition.registerNav;
+exports.VwcNavItemElement = navItem_definition.VwcNavItemElement;
+exports.navItemDefinition = navItem_definition.navItemDefinition;
+exports.registerNavItem = navItem_definition.registerNavItem;
 exports.VwcNoteElement = note_definition.VwcNoteElement;
 exports.noteDefinition = note_definition.noteDefinition;
 exports.registerNote = note_definition.registerNote;
@@ -241,49 +255,21 @@ exports.registerPagination = pagination_definition.registerPagination;
 exports.VwcPopoverElement = popover_definition.VwcPopoverElement;
 exports.popoverDefinition = popover_definition.popoverDefinition;
 exports.registerPopover = popover_definition.registerPopover;
-exports.VwcProgressRingElement = progressRing_definition.VwcProgressRingElement;
-exports.progressRingDefinition = progressRing_definition.progressRingDefinition;
-exports.registerProgressRing = progressRing_definition.registerProgressRing;
 exports.VwcProgressElement = progress_definition.VwcProgressElement;
 exports.progressDefinition = progress_definition.progressDefinition;
 exports.registerProgress = progress_definition.registerProgress;
-exports.VwcRadioGroupElement = radioGroup_definition.VwcRadioGroupElement;
-exports.radioGroupDefinition = radioGroup_definition.radioGroupDefinition;
-exports.registerRadioGroup = radioGroup_definition.registerRadioGroup;
+exports.VwcProgressRingElement = progressRing_definition.VwcProgressRingElement;
+exports.progressRingDefinition = progressRing_definition.progressRingDefinition;
+exports.registerProgressRing = progressRing_definition.registerProgressRing;
 exports.VwcRadioElement = radio_definition.VwcRadioElement;
 exports.radioDefinition = radio_definition.radioDefinition;
 exports.registerRadio = radio_definition.registerRadio;
+exports.VwcRadioGroupElement = radioGroup_definition.VwcRadioGroupElement;
+exports.radioGroupDefinition = radioGroup_definition.radioGroupDefinition;
+exports.registerRadioGroup = radioGroup_definition.registerRadioGroup;
 exports.VwcRangeSliderElement = rangeSlider_definition.VwcRangeSliderElement;
 exports.rangeSliderDefinition = rangeSlider_definition.rangeSliderDefinition;
 exports.registerRangeSlider = rangeSlider_definition.registerRangeSlider;
-exports.RteAlignmentFeature = richTextEditor_definition.RteAlignmentFeature;
-exports.RteAtomFeature = richTextEditor_definition.RteAtomFeature;
-exports.RteBase = richTextEditor_definition.RteBase;
-exports.RteBoldFeature = richTextEditor_definition.RteBoldFeature;
-exports.RteConfig = richTextEditor_definition.RteConfig;
-exports.RteDropHandlerFeature = richTextEditor_definition.RteDropHandlerFeature;
-exports.RteFileHandlerFeature = richTextEditor_definition.RteFileHandlerFeature;
-exports.RteFontSizePickerFeature = richTextEditor_definition.RteFontSizePickerFeature;
-exports.RteHardBreakFeature = richTextEditor_definition.RteHardBreakFeature;
-exports.RteHtmlParser = richTextEditor_definition.RteHtmlParser;
-exports.RteHtmlSerializer = richTextEditor_definition.RteHtmlSerializer;
-exports.RteInlineImageFeature = richTextEditor_definition.RteInlineImageFeature;
-exports.RteInputRuleFeature = richTextEditor_definition.RteInputRuleFeature;
-exports.RteItalicFeature = richTextEditor_definition.RteItalicFeature;
-exports.RteLinkFeature = richTextEditor_definition.RteLinkFeature;
-exports.RteListFeature = richTextEditor_definition.RteListFeature;
-exports.RteMonospaceFeature = richTextEditor_definition.RteMonospaceFeature;
-exports.RtePlaceholderFeature = richTextEditor_definition.RtePlaceholderFeature;
-exports.RteStrikethroughFeature = richTextEditor_definition.RteStrikethroughFeature;
-exports.RteSuggestFeature = richTextEditor_definition.RteSuggestFeature;
-exports.RteTextBlockPickerFeature = richTextEditor_definition.RteTextBlockPickerFeature;
-exports.RteTextColorPickerFeature = richTextEditor_definition.RteTextColorPickerFeature;
-exports.RteToolbarButtonFeature = richTextEditor_definition.RteToolbarButtonFeature;
-exports.RteToolbarFeature = richTextEditor_definition.RteToolbarFeature;
-exports.RteUnderlineFeature = richTextEditor_definition.RteUnderlineFeature;
-exports.VwcRichTextEditorElement = richTextEditor_definition.VwcRichTextEditorElement;
-exports.registerRichTextEditor = richTextEditor_definition.registerRichTextEditor;
-exports.richTextEditorDefinition = richTextEditor_definition.richTextEditorDefinition;
 exports.VwcRichTextViewElement = richTextView_definition.VwcRichTextViewElement;
 exports.registerRichTextView = richTextView_definition.registerRichTextView;
 exports.richTextViewDefinition = richTextView_definition.richTextViewDefinition;
@@ -313,30 +299,37 @@ exports.statusDefinition = status_definition.statusDefinition;
 exports.VwcSwitchElement = switch_definition.VwcSwitchElement;
 exports.registerSwitch = switch_definition.registerSwitch;
 exports.switchDefinition = switch_definition.switchDefinition;
-exports.VwcTabPanelElement = tabPanel_definition.VwcTabPanelElement;
-exports.registerTabPanel = tabPanel_definition.registerTabPanel;
-exports.tabPanelDefinition = tabPanel_definition.tabPanelDefinition;
 exports.VwcTabElement = tab_definition.VwcTabElement;
 exports.registerTab = tab_definition.registerTab;
 exports.tabDefinition = tab_definition.tabDefinition;
-exports.TabsGutters = tabs_definition.TabsGutters;
-exports.VwcTabsElement = tabs_definition.VwcTabsElement;
-exports.registerTabs = tabs_definition.registerTabs;
-exports.tabsDefinition = tabs_definition.tabsDefinition;
-exports.VwcTagGroupElement = tagGroup_definition.VwcTagGroupElement;
-exports.registerTagGroup = tagGroup_definition.registerTagGroup;
-exports.tagGroupDefinition = tagGroup_definition.tagGroupDefinition;
+exports.VwcTabPanelElement = tabPanel_definition.VwcTabPanelElement;
+exports.registerTabPanel = tabPanel_definition.registerTabPanel;
+exports.tabPanelDefinition = tabPanel_definition.tabPanelDefinition;
+exports.VwcTableBodyElement = table_definition.VwcTableBodyElement;
+exports.VwcTableCellElement = table_definition.VwcTableCellElement;
+exports.VwcTableElement = table_definition.VwcTableElement;
+exports.VwcTableHeadElement = table_definition.VwcTableHeadElement;
+exports.VwcTableHeaderCellElement = table_definition.VwcTableHeaderCellElement;
+exports.VwcTableRowElement = table_definition.VwcTableRowElement;
+exports.registerTable = table_definition.registerTable;
+exports.tableBodyDefinition = table_definition.tableBodyDefinition;
+exports.tableCellDefinition = table_definition.tableCellDefinition;
+exports.tableDefinition = table_definition.tableDefinition;
+exports.tableHeadDefinition = table_definition.tableHeadDefinition;
+exports.tableHeaderCellDefinition = table_definition.tableHeaderCellDefinition;
+exports.tableRowDefinition = table_definition.tableRowDefinition;
 exports.VwcTagElement = tag_definition.VwcTagElement;
 exports.registerTag = tag_definition.registerTag;
 exports.tagDefinition = tag_definition.tagDefinition;
+exports.VwcTagGroupElement = tagGroup_definition.VwcTagGroupElement;
+exports.registerTagGroup = tagGroup_definition.registerTagGroup;
+exports.tagGroupDefinition = tagGroup_definition.tagGroupDefinition;
 exports.VwcTextAreaElement = textArea_definition.VwcTextAreaElement;
 exports.registerTextArea = textArea_definition.registerTextArea;
 exports.textAreaDefinition = textArea_definition.textAreaDefinition;
 exports.VwcTextFieldElement = textField_definition.VwcTextFieldElement;
 exports.registerTextField = textField_definition.registerTextField;
 exports.textFieldDefinition = textField_definition.textFieldDefinition;
-exports.registerTimePicker = timePicker_definition.registerTimePicker;
-exports.timePickerDefinition = timePicker_definition.timePickerDefinition;
 exports.VwcTimePickerElement = timeSelectionPicker_template.TimePicker;
 exports.VwcToggletipElement = toggletip_definition.VwcToggletipElement;
 exports.registerToggletip = toggletip_definition.registerToggletip;
@@ -353,3 +346,11 @@ exports.treeViewDefinition = treeView_definition.treeViewDefinition;
 exports.VwcVideoPlayerElement = videoPlayer_definition.VwcVideoPlayerElement;
 exports.registerVideoPlayer = videoPlayer_definition.registerVideoPlayer;
 exports.videoPlayerDefinition = videoPlayer_definition.videoPlayerDefinition;
+exports.breadcrumbItemDefinition = breadcrumbItem_definition.breadcrumbItemDefinition;
+exports.registerBreadcrumbItem = breadcrumbItem_definition.registerBreadcrumbItem;
+exports.calendarEventDefinition = calendarEvent_definition.calendarEventDefinition;
+exports.registerCalendarEvent = calendarEvent_definition.registerCalendarEvent;
+exports.dividerDefinition = divider_definition.dividerDefinition;
+exports.registerDivider = divider_definition.registerDivider;
+exports.registerTimePicker = timePicker_definition.registerTimePicker;
+exports.timePickerDefinition = timePicker_definition.timePickerDefinition;