@vonage/vivid 5.28.0 → 5.29.0

package/data-grid/index.cjs

@@ -1,4 +1,4 @@
-const e=require("../bundled/localized.cjs"),t=require("../bundled/vivid-element.cjs"),n=require("../bundled/repeat.cjs"),r=require("../bundled/slotted.cjs"),i=require("../bundled/children.cjs"),a=require("../bundled/when.cjs"),o=require("../bundled/definition.cjs"),s=require("../bundled/decorate.cjs"),c=require("../bundled/class-names.cjs"),l=require("../bundled/key-codes.cjs"),u=require("../bundled/definition2.cjs"),d=require("../bundled/icon.cjs"),f=require("../bundled/host-semantics.cjs"),p=require("../bundled/data-grid.options.cjs");var m=`focus`,h=`focusin`,g=`focusout`,_=`keydown`,v=`:host{display:block}:host([generate-header=sticky]){max-block-size:400px}.base{--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}.base ::-webkit-scrollbar{width:4px}.base ::-webkit-scrollbar-track{background:var(--scrollbar-track-color)}.base ::-webkit-scrollbar-thumb{background-color:var(--scrollbar-fallback-track-color,var(--scrollbar-thumb-color));border:0;border-radius:4px}.base{block-size:inherit;inline-size:100%;max-block-size:inherit;position:relative;overflow:auto}`,y=`.base{box-sizing:border-box;width:100%;color:var(--vvd-color-canvas-text);display:grid}:host([row-type=sticky-header]) .base{z-index:9;background:var(--data-grid-row-background,var(--vvd-color-canvas));position:sticky;top:0}:host([row-type=hidden-header]) .base{display:none}:host([selected]:not([row-type*=header])) .base{background-color:var(--_appearance-color-fill)}`,b=`:host{block-size:100%;min-inline-size:80px}:host(:focus-visible){outline:none}:host([data-fixed]){z-index:5;background:var(--data-grid-cell-background,var(--vvd-color-surface-2dp));position:sticky}:host([data-fixed]):before{z-index:1;width:1px;content:"";pointer-events:none;block-size:100%;position:absolute;top:0;right:0;box-shadow:4px 0 4px #0000001a,2px 0 2px #0000000d,1px 0 1px #0000000d}.base{box-sizing:border-box;border-bottom:1px solid var(--vvd-color-neutral-300);block-size:var(--data-grid-cell-block-size,var(--_data-grid-cell-default-block-size));color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base);min-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 8));align-items:center;padding-block:13px 14px;padding-inline:12px;display:flex}:host(:focus-visible) .base{--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))}:host([cell-type=columnheader]) .base{border-color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base-bold);--_data-grid-cell-default-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 8));--_data-grid-cell-default-white-space:nowrap}:host(:not([cell-type=columnheader])) .base{--_data-grid-cell-default-block-size:100%;--_data-grid-cell-default-white-space:normal}:host([selected]:not([cell-type=columnheader])) .base{background-color:var(--_appearance-color-fill)}.content{align-items:center;display:flex;overflow:hidden}.content[role=button]{cursor:pointer}slot:not([name]){text-overflow:ellipsis;white-space:var(--data-grid-cell-white-space,var(--_data-grid-cell-default-white-space));display:block;overflow:hidden}:host(:not([cell-type=columnheader][aria-sort])) slot:not([name]){inline-size:100%}.header-icon{flex-shrink:0;margin-inline-start:16px}slot[name=action-items]{flex-shrink:0;align-items:center;display:flex}.base.has-action-items slot[name=action-items]{margin-inline-start:16px}`,x={none:`none`,singleRow:`single-row`,multiRow:`multi-row`,singleCell:`single-cell`,multiCell:`multi-cell`},S=class e extends t.t{static generateTemplateColumns(e){let t=``;return e.forEach(e=>{t=`${t}${t===``?``:` `}1fr`}),t}noTabbingChanged(){this.$fastController.isConnected&&this.#e()}#e(){this.setAttribute(`tabIndex`,this.noTabbing||this.contains(document.activeElement)?`-1`:`0`)}generateHeaderChanged(){this.$fastController.isConnected&&this.toggleGeneratedHeader()}gridTemplateColumnsChanged(){this.$fastController.isConnected&&(this.updateRowIndexes(),this.fixedColumns&&this.fixedColumns>0&&this.applyFixedColumns())}rowsDataChanged(){this.columnDefinitions===null&&this.rowsData.length>0&&(this.columnDefinitions=e.generateColumns(this.rowsData[0])),this.$fastController.isConnected&&this.toggleGeneratedHeader()}columnDefinitionsChanged(){if(this.columnDefinitions===null){this.generatedGridTemplateColumns=``;return}this.generatedGridTemplateColumns=e.generateTemplateColumns(this.columnDefinitions),this.$fastController.isConnected&&(this.columnDefinitionsStale=!0,this.queueRowIndexUpdate())}headerCellItemTemplateChanged(){this.$fastController.isConnected&&this.generatedHeader!==null&&(this.generatedHeader.headerCellItemTemplate=this.headerCellItemTemplate)}focusRowIndexChanged(){this.$fastController.isConnected&&this.queueFocusUpdate()}focusColumnIndexChanged(){this.$fastController.isConnected&&this.queueFocusUpdate()}fixedColumnsChanged(){this.$fastController.isConnected&&(this.applyFixedColumns(),this.setupResizeObserver())}setupResizeObserver(){this.resizeObserver&&=(this.resizeObserver.disconnect(),void 0),typeof ResizeObserver<`u`&&this.fixedColumns&&this.fixedColumns>0&&(this.resizeObserver=new ResizeObserver(()=>{this.applyFixedColumns()}),this.resizeObserver.observe(this))}connectedCallback(){super.connectedCallback(),this.rowItemTemplate===void 0&&(this.rowItemTemplate=this.defaultRowItemTemplate),this.behaviorOrchestrator===null&&(this.behaviorOrchestrator=t.f.create(this),this.$fastController.addBehavior(this.behaviorOrchestrator),this.behaviorOrchestrator.addBehaviorFactory(new n.t(n.r(e=>e.rowsData),n.r(e=>e.rowItemTemplate),{positioning:!0}),this.appendChild(document.createComment(``)))),this.toggleGeneratedHeader(),this.addEventListener(`row-focused`,this.handleRowFocus),this.addEventListener(m,this.handleFocus),this.addEventListener(_,this.handleKeydown),this.addEventListener(g,this.handleFocusOut),this.observer=new MutationObserver(this.onChildListChange),this.observer.observe(this,{childList:!0}),this.setupResizeObserver(),t.M.enqueue(this.queueRowIndexUpdate),this.#e(),t.k.getNotifier(this).subscribe(this.#s,`columnDefinitions`)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(`row-focused`,this.handleRowFocus),this.removeEventListener(m,this.handleFocus),this.removeEventListener(_,this.handleKeydown),this.removeEventListener(g,this.handleFocusOut),this.observer.disconnect(),this.resizeObserver&&=(this.resizeObserver.disconnect(),void 0),this.generatedHeader=null,t.k.getNotifier(this).unsubscribe(this.#s,`columnDefinitions`)}handleRowFocus(e){this.isUpdatingFocus=!0;let t=e.target;this.focusRowIndex=this.rowElements.indexOf(t),this.focusColumnIndex=t.focusColumnIndex,this.setAttribute(`tabIndex`,`-1`),this.isUpdatingFocus=!1}handleFocus(e){this.focusOnCell(this.focusRowIndex,this.focusColumnIndex,!0)}handleFocusOut(e){(e.relatedTarget===null||!this.contains(e.relatedTarget))&&this.setAttribute(`tabIndex`,this.noTabbing?`-1`:`0`)}handleKeydown(e){if(e.defaultPrevented)return;let t,n=this.rowElements.length-1,r=this.offsetHeight+this.scrollTop,i=this.rowElements[n];switch(e.key){case l.i:e.preventDefault(),this.focusOnCell(this.focusRowIndex-1,this.focusColumnIndex,!0);break;case l.t:e.preventDefault(),this.focusOnCell(this.focusRowIndex+1,this.focusColumnIndex,!0);break;case l.l:if(e.preventDefault(),this.rowElements.length===0){this.focusOnCell(0,0,!1);break}if(this.focusRowIndex===0){this.focusOnCell(0,this.focusColumnIndex,!1);return}for(t=this.focusRowIndex-1;t>=0;t--){let e=this.rowElements[t];if(e.offsetTop<this.scrollTop){this.scrollTop=e.offsetTop+e.clientHeight-this.clientHeight;break}}this.focusOnCell(t,this.focusColumnIndex,!1);break;case l.c:if(e.preventDefault(),this.rowElements.length===0){this.focusOnCell(0,0,!1);break}if(this.focusRowIndex>=n||i.offsetTop+i.offsetHeight<=r){this.focusOnCell(n,this.focusColumnIndex,!1);return}for(t=this.focusRowIndex+1;t<=n;t++){let e=this.rowElements[t];if(e.offsetTop+e.offsetHeight>r){let t=0;this.generateHeader===p.a.sticky&&this.generatedHeader!==null&&(t=this.generatedHeader.clientHeight),this.scrollTop=e.offsetTop-t;break}}this.focusOnCell(t,this.focusColumnIndex,!1);break;case l.s:e.ctrlKey&&(e.preventDefault(),this.focusOnCell(0,0,!0));break;case`End`:e.ctrlKey&&this.columnDefinitions!==null&&(e.preventDefault(),this.focusOnCell(this.rowElements.length-1,this.columnDefinitions.length-1,!0))}}queueFocusUpdate(){this.isUpdatingFocus&&this.contains(document.activeElement)||this.pendingFocusUpdate||(this.pendingFocusUpdate=!0,t.M.enqueue(()=>this.updateFocus()))}updateFocus(){this.pendingFocusUpdate=!1,this.focusOnCell(this.focusRowIndex,this.focusColumnIndex,!0)}toggleGeneratedHeader(){if(this.generatedHeader!==null&&(this.removeChild(this.generatedHeader),this.generatedHeader=null),this.generateHeader!==p.a.none&&this.columnDefinitions!==null){let e=document.createElement(this.rowElementTag);this.generatedHeader=e,this.generatedHeader.columnDefinitions=this.columnDefinitions,this.generatedHeader.gridTemplateColumns=this.gridTemplateColumns,this.generatedHeader.rowType=this.generateHeader===p.a.sticky?p.i.stickyHeader:p.i.header,this.firstChild!==null&&this.insertBefore(e,this.firstChild);return}}slottedRowElementsChanged(){this._resetSelection()}get#t(){return this.rowElements.filter(e=>e.selected)}get#n(){return this.rowElements.reduce((e,t)=>{let n=Array.from(t.children).filter(e=>e.selected);return e.concat(n)},[])}selectionModeChanged(e){if(e===void 0){t.M.enqueue(this._resetSelection);return}this._resetSelection(!0)}#r;#i;#a;#o;constructor(){super(),this.noTabbing=!1,this.generateHeader=p.a.default,this.rowsData=[],this.columnDefinitions=null,this.focusRowIndex=0,this.focusColumnIndex=0,this.fixedColumnsPositions=[],this.behaviorOrchestrator=null,this.generatedHeader=null,this.isUpdatingFocus=!1,this.pendingFocusUpdate=!1,this.rowindexUpdateQueued=!1,this.columnDefinitionsStale=!0,this.generatedGridTemplateColumns=``,this.focusOnCell=(e,t,n)=>{if(this.rowElements.length===0){this.focusRowIndex=0,this.focusColumnIndex=0;return}let r=Math.max(0,Math.min(this.rowElements.length-1,e)),i=this.rowElements[r].querySelectorAll(`[role="cell"], [role="gridcell"], [role="columnheader"], [role="rowheader"], [data-vvd-component="data-grid-cell"]`),a=i[Math.max(0,Math.min(i.length-1,t))];n&&this.scrollHeight!==this.clientHeight&&(r<this.focusRowIndex&&this.scrollTop>0||r>this.focusRowIndex&&this.scrollTop<this.scrollHeight-this.clientHeight)&&a.scrollIntoView({block:`center`,inline:`center`}),a.focus()},this.onChildListChange=(e,t)=>{e&&e.length&&(e.forEach(e=>{e.addedNodes.forEach(e=>{e.nodeType===1&&(e.getAttribute(`role`)===`row`||e.getAttribute(`row-type`)==="default")&&(e.columnDefinitions=this.columnDefinitions)})}),this.queueRowIndexUpdate())},this.queueRowIndexUpdate=()=>{this.rowindexUpdateQueued||(this.rowindexUpdateQueued=!0,t.M.enqueue(this.updateRowIndexes))},this.updateRowIndexes=()=>{let e=this.gridTemplateColumns;if(e===void 0){if(this.generatedGridTemplateColumns===``&&this.rowElements.length>0){let e=this.rowElements[0];this.generatedGridTemplateColumns=Array(e.cellElements.length).fill(`1fr`).join(` `)}e=this.generatedGridTemplateColumns}this.rowElements.forEach((t,n)=>{let r=t;r.rowIndex=n,r.gridTemplateColumns=e,this.columnDefinitionsStale&&(r.columnDefinitions=this.columnDefinitions)}),this.rowindexUpdateQueued=!1,this.columnDefinitionsStale=!1},this.#r=e=>{(e.key===`Enter`||e.key===` `)&&this.#i(e)},this.#i=({target:e,ctrlKey:t,shiftKey:n,metaKey:r})=>{if(e.getAttribute(`role`)===`gridcell`&&e.getAttribute(`cell-type`)==="default"){if(this.selectionMode===x.singleCell||this.selectionMode===x.multiCell){this.#a({target:e,ctrlKey:t,shiftKey:n,metaKey:r});return}(this.selectionMode===x.singleRow||this.selectionMode===x.multiRow)&&this.#o({target:e,ctrlKey:t,shiftKey:n,metaKey:r})}},this.#a=({target:e,ctrlKey:t,shiftKey:n,metaKey:r})=>{let i=e;if(this.selectionMode===x.multiCell&&(t||n||r))i.selected=!this.#n.includes(i);else{let e=i.selected;this._resetSelection(!0),i.selected=!e}},this.#o=({target:e,ctrlKey:t,shiftKey:n,metaKey:r})=>{let i=e.parentNode;if(this.selectionMode===x.multiRow&&(t||n||r))i.selected=!this.#t.includes(i);else{let e=i.selected;this._resetSelection(!0),i.selected=!e}},this.#s={handleChange(e,t){t===`columnDefinitions`&&e.$fastController.isConnected&&e.toggleGeneratedHeader()}},this._resetSelection=(e=!1)=>{let t=Array.from(this.querySelectorAll(`[role="gridcell"], [cell-type="default"]`)),n=Array.from(this.querySelectorAll(`[role="row"], [row-type="default"]`));if(this.selectionMode===x.singleCell||this.selectionMode===x.multiCell){for(let n of t)n._selectable=!0,n.selected=e?!1:n.selected||!1;for(let e of n)e._selectable=!1,e.selected=!1}if(this.selectionMode===x.none)for(let e of[...t,...n])e._selectable=!1,e.selected=!1;if(this.selectionMode===x.singleRow||this.selectionMode===x.multiRow){for(let e of t)e._selectable=!1,e.selected=!1;for(let t of n)t._selectable=!0,t.selected=e?!1:t.selected||!1}},this.addEventListener(`click`,this.#i),this.addEventListener(`keydown`,this.#r)}#s;static generateColumns(e){return Object.keys(e).map((e,t)=>({columnDataKey:e,gridColumn:`${t}`}))}applyFixedColumns(){if(!this.fixedColumns||this.fixedColumns<=0){this.clearFixedColumns();return}this.calculateFixedColumnPositions(),this.applyFixedColumnStyling()}applyFixedColumnStyling(){this.rowElements.forEach(e=>{let t=e.querySelectorAll(`[role="cell"], [role="gridcell"], [role="columnheader"], [cell-type="default"], [cell-type="columnheader"]`);this.fixedColumnsPositions.forEach((e,n)=>{if(n<t.length){let r=t[n];typeof r.setFixedPosition==`function`&&r.setFixedPosition(`${e}px`)}})})}calculateFixedColumnPositions(){if(this.fixedColumnsPositions=[],this.rowElements.length===0)return;let e=this.rowElements[0].querySelectorAll(`[role="cell"], [role="gridcell"], [role="columnheader"], [cell-type="default"], [cell-type="columnheader"]`),t=0;for(let n=0;n<Math.min(this.fixedColumns,e.length);n++)this.fixedColumnsPositions.push(t),t+=e[n].offsetWidth}clearFixedColumns(){if(this.rowElements.length===0){this.fixedColumnsPositions=[];return}this.rowElements.forEach(e=>{let t=e.querySelectorAll(`[role="cell"], [role="gridcell"], [role="columnheader"], [cell-type="default"], [cell-type="columnheader"]`);this.fixedColumnsPositions.forEach((e,n)=>{if(n<t.length){let e=t[n];typeof e.setFixedPosition==`function`&&e.setFixedPosition(void 0)}})}),this.fixedColumnsPositions=[]}};s.t([t.m({attribute:`no-tabbing`,mode:`boolean`})],S.prototype,`noTabbing`,void 0),s.t([t.m({attribute:`generate-header`})],S.prototype,`generateHeader`,void 0),s.t([t.m({attribute:`grid-template-columns`})],S.prototype,`gridTemplateColumns`,void 0),s.t([t.A],S.prototype,`rowsData`,void 0),s.t([t.A],S.prototype,`columnDefinitions`,void 0),s.t([t.A],S.prototype,`rowItemTemplate`,void 0),s.t([t.A],S.prototype,`cellItemTemplate`,void 0),s.t([t.A],S.prototype,`headerCellItemTemplate`,void 0),s.t([t.A],S.prototype,`focusRowIndex`,void 0),s.t([t.A],S.prototype,`focusColumnIndex`,void 0),s.t([t.m({attribute:`fixed-columns`,converter:t.h})],S.prototype,`fixedColumns`,void 0),s.t([t.A],S.prototype,`defaultRowItemTemplate`,void 0),s.t([t.A],S.prototype,`rowElementTag`,void 0),s.t([t.A],S.prototype,`rowElements`,void 0),s.t([t.A],S.prototype,`slottedRowElements`,void 0),s.t([t.m({attribute:`selection-mode`})],S.prototype,`selectionMode`,void 0);var C=class extends f.t(t.t){constructor(...e){super(...e),this.rowType=p.i.default,this.rowData=null,this.columnDefinitions=null,this.behaviorOrchestrator=null,this.focusColumnIndex=0,this.updateRowStyle=()=>{this.style.gridTemplateColumns=this.gridTemplateColumns},this.ariaSelected=null,this._selectable=!1,this.selected=!1}gridTemplateColumnsChanged(){this.$fastController.isConnected&&this.updateRowStyle()}rowTypeChanged(){this.$fastController.isConnected&&this.updateItemTemplate()}cellItemTemplateChanged(){this.updateItemTemplate()}headerCellItemTemplateChanged(){this.updateItemTemplate()}connectedCallback(){super.connectedCallback(),this.behaviorOrchestrator===null&&(this.updateItemTemplate(),this.behaviorOrchestrator=t.f.create(this),this.$fastController.addBehavior(this.behaviorOrchestrator),this.behaviorOrchestrator.addBehaviorFactory(new n.t(n.r(e=>e.columnDefinitions),n.r(e=>e.activeCellItemTemplate),{positioning:!0}),this.appendChild(document.createComment(``)))),this.addEventListener(`cell-focused`,this.handleCellFocus),this.addEventListener(g,this.handleFocusout),this.addEventListener(_,this.handleKeydown),this.updateRowStyle()}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(`cell-focused`,this.handleCellFocus),this.removeEventListener(g,this.handleFocusout),this.removeEventListener(_,this.handleKeydown)}handleFocusout(e){this.contains(document.activeElement)||(this.focusColumnIndex=0)}handleCellFocus(e){this.focusColumnIndex=this.cellElements.indexOf(e.target),this.$emit(`row-focused`,this)}handleKeydown(e){if(!e.defaultPrevented)switch(e.key){case l.n:{let t=Math.max(0,this.focusColumnIndex-1);this.cellElements[t].focus(),e.preventDefault();break}case l.r:{let t=Math.min(this.cellElements.length-1,this.focusColumnIndex+1);this.cellElements[t].focus(),e.preventDefault();break}case l.s:e.ctrlKey||(this.cellElements[0].focus(),e.preventDefault());break;case`End`:e.ctrlKey||(this.cellElements[this.cellElements.length-1].focus(),e.preventDefault())}}updateItemTemplate(){this.activeCellItemTemplate=this.rowType===p.i.default&&this.cellItemTemplate!==void 0?this.cellItemTemplate:this.rowType===p.i.default&&this.cellItemTemplate===void 0?this.defaultCellItemTemplate:this.headerCellItemTemplate===void 0?this.defaultHeaderCellItemTemplate:this.headerCellItemTemplate}ariaSelectedChanged(e,t){super.ariaSelectedChanged(e,t),this._selectable=t!==null,this.selected=t===`true`}};s.t([t.m({attribute:`grid-template-columns`})],C.prototype,`gridTemplateColumns`,void 0),s.t([t.m({attribute:`row-type`})],C.prototype,`rowType`,void 0),s.t([t.A],C.prototype,`rowData`,void 0),s.t([t.A],C.prototype,`columnDefinitions`,void 0),s.t([t.A],C.prototype,`cellItemTemplate`,void 0),s.t([t.A],C.prototype,`headerCellItemTemplate`,void 0),s.t([t.A],C.prototype,`rowIndex`,void 0),s.t([t.A],C.prototype,`activeCellItemTemplate`,void 0),s.t([t.A],C.prototype,`defaultCellItemTemplate`,void 0),s.t([t.A],C.prototype,`defaultHeaderCellItemTemplate`,void 0),s.t([t.A],C.prototype,`cellElements`,void 0),s.t([t.m],C.prototype,`connotation`,void 0),s.t([t.A],C.prototype,`_selectable`,void 0),s.t([t.m({mode:`boolean`})],C.prototype,`selected`,void 0);function w(e){let n=e.tagFor(C);return t.p`
+const e=require("../bundled/localized.cjs"),t=require("../bundled/vivid-element.cjs"),n=require("../bundled/repeat.cjs"),r=require("../bundled/slotted.cjs"),i=require("../bundled/children.cjs"),a=require("../bundled/when.cjs"),o=require("../bundled/definition.cjs"),s=require("../bundled/decorate.cjs"),c=require("../bundled/class-names.cjs"),l=require("../bundled/key-codes.cjs"),u=require("../bundled/definition2.cjs"),d=require("../bundled/icon.cjs"),f=require("../bundled/host-semantics.cjs"),p=require("../bundled/data-grid.options.cjs");var m=`focus`,h=`focusin`,g=`focusout`,_=`keydown`,v=`:host{display:block}:host([generate-header=sticky]){max-block-size:400px}.base{--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}.base ::-webkit-scrollbar{width:4px}.base ::-webkit-scrollbar-track{background:var(--scrollbar-track-color)}.base ::-webkit-scrollbar-thumb{background-color:var(--scrollbar-fallback-track-color,var(--scrollbar-thumb-color));border:0;border-radius:4px}.base{block-size:inherit;inline-size:100%;max-block-size:inherit;position:relative;overflow:auto}`,y=`.base{box-sizing:border-box;width:100%;color:var(--vvd-color-canvas-text);display:grid}:host([row-type=sticky-header]) .base{z-index:9;background:var(--data-grid-row-background,var(--vvd-color-canvas));position:sticky;top:0}:host([row-type=hidden-header]) .base{display:none}:host([selected]:not([row-type*=header])) .base{background-color:var(--_appearance-color-fill)}`,b=`:host{block-size:100%;min-inline-size:80px}:host(:focus-visible){outline:none}:host([data-fixed]){z-index:5;background:var(--data-grid-cell-background,var(--vvd-color-surface-2dp));position:sticky}:host([data-fixed]):before{z-index:1;width:1px;content:"";pointer-events:none;block-size:100%;position:absolute;top:0;right:0;box-shadow:4px 0 4px #0000001a,2px 0 2px #0000000d,1px 0 1px #0000000d}.base{box-sizing:border-box;border-bottom:1px solid var(--vvd-color-neutral-300);block-size:var(--data-grid-cell-block-size,var(--_data-grid-cell-default-block-size));color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base);min-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 8));align-items:center;padding-block:13px 14px;padding-inline:12px;display:flex}:host(:focus-visible) .base{--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))}:host([cell-type=columnheader]) .base{border-color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base-bold);--_data-grid-cell-default-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 8));--_data-grid-cell-default-white-space:nowrap}:host(:not([cell-type=columnheader])) .base{--_data-grid-cell-default-block-size:100%;--_data-grid-cell-default-white-space:normal}:host([selected]:not([cell-type=columnheader])) .base{background-color:var(--_appearance-color-fill)}.content{flex:1;align-items:center;display:flex;overflow:hidden}.content[role=button]{cursor:pointer}slot:not([name]){text-overflow:ellipsis;white-space:var(--data-grid-cell-white-space,var(--_data-grid-cell-default-white-space));display:block;overflow:hidden}:host(:not([cell-type=columnheader][aria-sort])) slot:not([name]){inline-size:100%}.header-icon{flex-shrink:0;margin-inline-start:16px}slot[name=action-items]{flex-shrink:0;align-items:center;display:flex}.base.has-action-items slot[name=action-items]{margin-inline-start:16px}`,x={none:`none`,singleRow:`single-row`,multiRow:`multi-row`,singleCell:`single-cell`,multiCell:`multi-cell`},S=class e extends t.t{static generateTemplateColumns(e){let t=``;return e.forEach(e=>{t=`${t}${t===``?``:` `}1fr`}),t}noTabbingChanged(){this.$fastController.isConnected&&this.#e()}#e(){this.setAttribute(`tabIndex`,this.noTabbing||this.contains(document.activeElement)?`-1`:`0`)}generateHeaderChanged(){this.$fastController.isConnected&&this.toggleGeneratedHeader()}gridTemplateColumnsChanged(){this.$fastController.isConnected&&(this.updateRowIndexes(),this.fixedColumns&&this.fixedColumns>0&&this.applyFixedColumns())}rowsDataChanged(){this.columnDefinitions===null&&this.rowsData.length>0&&(this.columnDefinitions=e.generateColumns(this.rowsData[0])),this.$fastController.isConnected&&this.toggleGeneratedHeader()}columnDefinitionsChanged(){if(this.columnDefinitions===null){this.generatedGridTemplateColumns=``;return}this.generatedGridTemplateColumns=e.generateTemplateColumns(this.columnDefinitions),this.$fastController.isConnected&&(this.columnDefinitionsStale=!0,this.queueRowIndexUpdate())}headerCellItemTemplateChanged(){this.$fastController.isConnected&&this.generatedHeader!==null&&(this.generatedHeader.headerCellItemTemplate=this.headerCellItemTemplate)}focusRowIndexChanged(){this.$fastController.isConnected&&this.queueFocusUpdate()}focusColumnIndexChanged(){this.$fastController.isConnected&&this.queueFocusUpdate()}fixedColumnsChanged(){this.$fastController.isConnected&&(this.applyFixedColumns(),this.setupResizeObserver())}setupResizeObserver(){this.resizeObserver&&=(this.resizeObserver.disconnect(),void 0),typeof ResizeObserver<`u`&&this.fixedColumns&&this.fixedColumns>0&&(this.resizeObserver=new ResizeObserver(()=>{this.applyFixedColumns()}),this.resizeObserver.observe(this))}connectedCallback(){super.connectedCallback(),this.rowItemTemplate===void 0&&(this.rowItemTemplate=this.defaultRowItemTemplate),this.behaviorOrchestrator===null&&(this.behaviorOrchestrator=t.f.create(this),this.$fastController.addBehavior(this.behaviorOrchestrator),this.behaviorOrchestrator.addBehaviorFactory(new n.t(n.r(e=>e.rowsData),n.r(e=>e.rowItemTemplate),{positioning:!0}),this.appendChild(document.createComment(``)))),this.toggleGeneratedHeader(),this.addEventListener(`row-focused`,this.handleRowFocus),this.addEventListener(m,this.handleFocus),this.addEventListener(_,this.handleKeydown),this.addEventListener(g,this.handleFocusOut),this.observer=new MutationObserver(this.onChildListChange),this.observer.observe(this,{childList:!0}),this.setupResizeObserver(),t.M.enqueue(this.queueRowIndexUpdate),this.#e(),t.k.getNotifier(this).subscribe(this.#s,`columnDefinitions`)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(`row-focused`,this.handleRowFocus),this.removeEventListener(m,this.handleFocus),this.removeEventListener(_,this.handleKeydown),this.removeEventListener(g,this.handleFocusOut),this.observer.disconnect(),this.resizeObserver&&=(this.resizeObserver.disconnect(),void 0),this.generatedHeader=null,t.k.getNotifier(this).unsubscribe(this.#s,`columnDefinitions`)}handleRowFocus(e){this.isUpdatingFocus=!0;let t=e.target;this.focusRowIndex=this.rowElements.indexOf(t),this.focusColumnIndex=t.focusColumnIndex,this.setAttribute(`tabIndex`,`-1`),this.isUpdatingFocus=!1}handleFocus(e){this.focusOnCell(this.focusRowIndex,this.focusColumnIndex,!0)}handleFocusOut(e){(e.relatedTarget===null||!this.contains(e.relatedTarget))&&this.setAttribute(`tabIndex`,this.noTabbing?`-1`:`0`)}handleKeydown(e){if(e.defaultPrevented)return;let t,n=this.rowElements.length-1,r=this.offsetHeight+this.scrollTop,i=this.rowElements[n];switch(e.key){case l.i:e.preventDefault(),this.focusOnCell(this.focusRowIndex-1,this.focusColumnIndex,!0);break;case l.t:e.preventDefault(),this.focusOnCell(this.focusRowIndex+1,this.focusColumnIndex,!0);break;case l.l:if(e.preventDefault(),this.rowElements.length===0){this.focusOnCell(0,0,!1);break}if(this.focusRowIndex===0){this.focusOnCell(0,this.focusColumnIndex,!1);return}for(t=this.focusRowIndex-1;t>=0;t--){let e=this.rowElements[t];if(e.offsetTop<this.scrollTop){this.scrollTop=e.offsetTop+e.clientHeight-this.clientHeight;break}}this.focusOnCell(t,this.focusColumnIndex,!1);break;case l.c:if(e.preventDefault(),this.rowElements.length===0){this.focusOnCell(0,0,!1);break}if(this.focusRowIndex>=n||i.offsetTop+i.offsetHeight<=r){this.focusOnCell(n,this.focusColumnIndex,!1);return}for(t=this.focusRowIndex+1;t<=n;t++){let e=this.rowElements[t];if(e.offsetTop+e.offsetHeight>r){let t=0;this.generateHeader===p.a.sticky&&this.generatedHeader!==null&&(t=this.generatedHeader.clientHeight),this.scrollTop=e.offsetTop-t;break}}this.focusOnCell(t,this.focusColumnIndex,!1);break;case l.s:e.ctrlKey&&(e.preventDefault(),this.focusOnCell(0,0,!0));break;case`End`:e.ctrlKey&&this.columnDefinitions!==null&&(e.preventDefault(),this.focusOnCell(this.rowElements.length-1,this.columnDefinitions.length-1,!0))}}queueFocusUpdate(){this.isUpdatingFocus&&this.contains(document.activeElement)||this.pendingFocusUpdate||(this.pendingFocusUpdate=!0,t.M.enqueue(()=>this.updateFocus()))}updateFocus(){this.pendingFocusUpdate=!1,this.focusOnCell(this.focusRowIndex,this.focusColumnIndex,!0)}toggleGeneratedHeader(){if(this.generatedHeader!==null&&(this.removeChild(this.generatedHeader),this.generatedHeader=null),this.generateHeader!==p.a.none&&this.columnDefinitions!==null){let e=document.createElement(this.rowElementTag);this.generatedHeader=e,this.generatedHeader.columnDefinitions=this.columnDefinitions,this.generatedHeader.gridTemplateColumns=this.gridTemplateColumns,this.generatedHeader.rowType=this.generateHeader===p.a.sticky?p.i.stickyHeader:p.i.header,this.firstChild!==null&&this.insertBefore(e,this.firstChild);return}}slottedRowElementsChanged(){this._resetSelection()}get#t(){return this.rowElements.filter(e=>e.selected)}get#n(){return this.rowElements.reduce((e,t)=>{let n=Array.from(t.children).filter(e=>e.selected);return e.concat(n)},[])}selectionModeChanged(e){if(e===void 0){t.M.enqueue(this._resetSelection);return}this._resetSelection(!0)}#r;#i;#a;#o;constructor(){super(),this.noTabbing=!1,this.generateHeader=p.a.default,this.rowsData=[],this.columnDefinitions=null,this.focusRowIndex=0,this.focusColumnIndex=0,this.fixedColumnsPositions=[],this.behaviorOrchestrator=null,this.generatedHeader=null,this.isUpdatingFocus=!1,this.pendingFocusUpdate=!1,this.rowindexUpdateQueued=!1,this.columnDefinitionsStale=!0,this.generatedGridTemplateColumns=``,this.focusOnCell=(e,t,n)=>{if(this.rowElements.length===0){this.focusRowIndex=0,this.focusColumnIndex=0;return}let r=Math.max(0,Math.min(this.rowElements.length-1,e)),i=this.rowElements[r].querySelectorAll(`[role="cell"], [role="gridcell"], [role="columnheader"], [role="rowheader"], [data-vvd-component="data-grid-cell"]`),a=i[Math.max(0,Math.min(i.length-1,t))];n&&this.scrollHeight!==this.clientHeight&&(r<this.focusRowIndex&&this.scrollTop>0||r>this.focusRowIndex&&this.scrollTop<this.scrollHeight-this.clientHeight)&&a.scrollIntoView({block:`center`,inline:`center`}),a.focus()},this.onChildListChange=(e,t)=>{e&&e.length&&(e.forEach(e=>{e.addedNodes.forEach(e=>{e.nodeType===1&&(e.getAttribute(`role`)===`row`||e.getAttribute(`row-type`)==="default")&&(e.columnDefinitions=this.columnDefinitions)})}),this.queueRowIndexUpdate())},this.queueRowIndexUpdate=()=>{this.rowindexUpdateQueued||(this.rowindexUpdateQueued=!0,t.M.enqueue(this.updateRowIndexes))},this.updateRowIndexes=()=>{let e=this.gridTemplateColumns;if(e===void 0){if(this.generatedGridTemplateColumns===``&&this.rowElements.length>0){let e=this.rowElements[0];this.generatedGridTemplateColumns=Array(e.cellElements.length).fill(`1fr`).join(` `)}e=this.generatedGridTemplateColumns}this.rowElements.forEach((t,n)=>{let r=t;r.rowIndex=n,r.gridTemplateColumns=e,this.columnDefinitionsStale&&(r.columnDefinitions=this.columnDefinitions)}),this.rowindexUpdateQueued=!1,this.columnDefinitionsStale=!1},this.#r=e=>{(e.key===`Enter`||e.key===` `)&&this.#i(e)},this.#i=({target:e,ctrlKey:t,shiftKey:n,metaKey:r})=>{if(e.getAttribute(`role`)===`gridcell`&&e.getAttribute(`cell-type`)==="default"){if(this.selectionMode===x.singleCell||this.selectionMode===x.multiCell){this.#a({target:e,ctrlKey:t,shiftKey:n,metaKey:r});return}(this.selectionMode===x.singleRow||this.selectionMode===x.multiRow)&&this.#o({target:e,ctrlKey:t,shiftKey:n,metaKey:r})}},this.#a=({target:e,ctrlKey:t,shiftKey:n,metaKey:r})=>{let i=e;if(this.selectionMode===x.multiCell&&(t||n||r))i.selected=!this.#n.includes(i);else{let e=i.selected;this._resetSelection(!0),i.selected=!e}},this.#o=({target:e,ctrlKey:t,shiftKey:n,metaKey:r})=>{let i=e.parentNode;if(this.selectionMode===x.multiRow&&(t||n||r))i.selected=!this.#t.includes(i);else{let e=i.selected;this._resetSelection(!0),i.selected=!e}},this.#s={handleChange(e,t){t===`columnDefinitions`&&e.$fastController.isConnected&&e.toggleGeneratedHeader()}},this._resetSelection=(e=!1)=>{let t=Array.from(this.querySelectorAll(`[role="gridcell"], [cell-type="default"]`)),n=Array.from(this.querySelectorAll(`[role="row"], [row-type="default"]`));if(this.selectionMode===x.singleCell||this.selectionMode===x.multiCell){for(let n of t)n._selectable=!0,n.selected=e?!1:n.selected||!1;for(let e of n)e._selectable=!1,e.selected=!1}if(this.selectionMode===x.none)for(let e of[...t,...n])e._selectable=!1,e.selected=!1;if(this.selectionMode===x.singleRow||this.selectionMode===x.multiRow){for(let e of t)e._selectable=!1,e.selected=!1;for(let t of n)t._selectable=!0,t.selected=e?!1:t.selected||!1}},this.addEventListener(`click`,this.#i),this.addEventListener(`keydown`,this.#r)}#s;static generateColumns(e){return Object.keys(e).map((e,t)=>({columnDataKey:e,gridColumn:`${t}`}))}applyFixedColumns(){if(!this.fixedColumns||this.fixedColumns<=0){this.clearFixedColumns();return}this.calculateFixedColumnPositions(),this.applyFixedColumnStyling()}applyFixedColumnStyling(){this.rowElements.forEach(e=>{let t=e.querySelectorAll(`[role="cell"], [role="gridcell"], [role="columnheader"], [cell-type="default"], [cell-type="columnheader"]`);this.fixedColumnsPositions.forEach((e,n)=>{if(n<t.length){let r=t[n];typeof r.setFixedPosition==`function`&&r.setFixedPosition(`${e}px`)}})})}calculateFixedColumnPositions(){if(this.fixedColumnsPositions=[],this.rowElements.length===0)return;let e=this.rowElements[0].querySelectorAll(`[role="cell"], [role="gridcell"], [role="columnheader"], [cell-type="default"], [cell-type="columnheader"]`),t=0;for(let n=0;n<Math.min(this.fixedColumns,e.length);n++)this.fixedColumnsPositions.push(t),t+=e[n].offsetWidth}clearFixedColumns(){if(this.rowElements.length===0){this.fixedColumnsPositions=[];return}this.rowElements.forEach(e=>{let t=e.querySelectorAll(`[role="cell"], [role="gridcell"], [role="columnheader"], [cell-type="default"], [cell-type="columnheader"]`);this.fixedColumnsPositions.forEach((e,n)=>{if(n<t.length){let e=t[n];typeof e.setFixedPosition==`function`&&e.setFixedPosition(void 0)}})}),this.fixedColumnsPositions=[]}};s.t([t.m({attribute:`no-tabbing`,mode:`boolean`})],S.prototype,`noTabbing`,void 0),s.t([t.m({attribute:`generate-header`})],S.prototype,`generateHeader`,void 0),s.t([t.m({attribute:`grid-template-columns`})],S.prototype,`gridTemplateColumns`,void 0),s.t([t.A],S.prototype,`rowsData`,void 0),s.t([t.A],S.prototype,`columnDefinitions`,void 0),s.t([t.A],S.prototype,`rowItemTemplate`,void 0),s.t([t.A],S.prototype,`cellItemTemplate`,void 0),s.t([t.A],S.prototype,`headerCellItemTemplate`,void 0),s.t([t.A],S.prototype,`focusRowIndex`,void 0),s.t([t.A],S.prototype,`focusColumnIndex`,void 0),s.t([t.m({attribute:`fixed-columns`,converter:t.h})],S.prototype,`fixedColumns`,void 0),s.t([t.A],S.prototype,`defaultRowItemTemplate`,void 0),s.t([t.A],S.prototype,`rowElementTag`,void 0),s.t([t.A],S.prototype,`rowElements`,void 0),s.t([t.A],S.prototype,`slottedRowElements`,void 0),s.t([t.m({attribute:`selection-mode`})],S.prototype,`selectionMode`,void 0);var C=class extends f.t(t.t){constructor(...e){super(...e),this.rowType=p.i.default,this.rowData=null,this.columnDefinitions=null,this.behaviorOrchestrator=null,this.focusColumnIndex=0,this.updateRowStyle=()=>{this.style.gridTemplateColumns=this.gridTemplateColumns},this.ariaSelected=null,this._selectable=!1,this.selected=!1}gridTemplateColumnsChanged(){this.$fastController.isConnected&&this.updateRowStyle()}rowTypeChanged(){this.$fastController.isConnected&&this.updateItemTemplate()}cellItemTemplateChanged(){this.updateItemTemplate()}headerCellItemTemplateChanged(){this.updateItemTemplate()}connectedCallback(){super.connectedCallback(),this.behaviorOrchestrator===null&&(this.updateItemTemplate(),this.behaviorOrchestrator=t.f.create(this),this.$fastController.addBehavior(this.behaviorOrchestrator),this.behaviorOrchestrator.addBehaviorFactory(new n.t(n.r(e=>e.columnDefinitions),n.r(e=>e.activeCellItemTemplate),{positioning:!0}),this.appendChild(document.createComment(``)))),this.addEventListener(`cell-focused`,this.handleCellFocus),this.addEventListener(g,this.handleFocusout),this.addEventListener(_,this.handleKeydown),this.updateRowStyle()}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(`cell-focused`,this.handleCellFocus),this.removeEventListener(g,this.handleFocusout),this.removeEventListener(_,this.handleKeydown)}handleFocusout(e){this.contains(document.activeElement)||(this.focusColumnIndex=0)}handleCellFocus(e){this.focusColumnIndex=this.cellElements.indexOf(e.target),this.$emit(`row-focused`,this)}handleKeydown(e){if(!e.defaultPrevented)switch(e.key){case l.n:{let t=Math.max(0,this.focusColumnIndex-1);this.cellElements[t].focus(),e.preventDefault();break}case l.r:{let t=Math.min(this.cellElements.length-1,this.focusColumnIndex+1);this.cellElements[t].focus(),e.preventDefault();break}case l.s:e.ctrlKey||(this.cellElements[0].focus(),e.preventDefault());break;case`End`:e.ctrlKey||(this.cellElements[this.cellElements.length-1].focus(),e.preventDefault())}}updateItemTemplate(){this.activeCellItemTemplate=this.rowType===p.i.default&&this.cellItemTemplate!==void 0?this.cellItemTemplate:this.rowType===p.i.default&&this.cellItemTemplate===void 0?this.defaultCellItemTemplate:this.headerCellItemTemplate===void 0?this.defaultHeaderCellItemTemplate:this.headerCellItemTemplate}ariaSelectedChanged(e,t){super.ariaSelectedChanged(e,t),this._selectable=t!==null,this.selected=t===`true`}};s.t([t.m({attribute:`grid-template-columns`})],C.prototype,`gridTemplateColumns`,void 0),s.t([t.m({attribute:`row-type`})],C.prototype,`rowType`,void 0),s.t([t.A],C.prototype,`rowData`,void 0),s.t([t.A],C.prototype,`columnDefinitions`,void 0),s.t([t.A],C.prototype,`cellItemTemplate`,void 0),s.t([t.A],C.prototype,`headerCellItemTemplate`,void 0),s.t([t.A],C.prototype,`rowIndex`,void 0),s.t([t.A],C.prototype,`activeCellItemTemplate`,void 0),s.t([t.A],C.prototype,`defaultCellItemTemplate`,void 0),s.t([t.A],C.prototype,`defaultHeaderCellItemTemplate`,void 0),s.t([t.A],C.prototype,`cellElements`,void 0),s.t([t.m],C.prototype,`connotation`,void 0),s.t([t.A],C.prototype,`_selectable`,void 0),s.t([t.m({mode:`boolean`})],C.prototype,`selected`,void 0);function w(e){let n=e.tagFor(C);return t.p`
     <${n}
         :rowData="${e=>e}"
         :cellItemTemplate="${(e,t)=>t.parent.cellItemTemplate}"

package/data-grid/index.js

@@ -13,7 +13,7 @@ import { t as D } from "../bundled/icon.js";
 import { n as O, t as k } from "../bundled/host-semantics.js";
 import { a as A, i as j, n as M, o as N, r as P, t as F } from "../bundled/data-grid.options.js";
 //#region ../../node_modules/.pnpm/@microsoft+fast-web-utilities@6.0.0/node_modules/@microsoft/fast-web-utilities/dist/events.js
-var I = "focus", L = "focusin", R = "focusout", z = "keydown", B = ":host{display:block}:host([generate-header=sticky]){max-block-size:400px}.base{--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}.base ::-webkit-scrollbar{width:4px}.base ::-webkit-scrollbar-track{background:var(--scrollbar-track-color)}.base ::-webkit-scrollbar-thumb{background-color:var(--scrollbar-fallback-track-color,var(--scrollbar-thumb-color));border:0;border-radius:4px}.base{block-size:inherit;inline-size:100%;max-block-size:inherit;position:relative;overflow:auto}", V = ".base{box-sizing:border-box;width:100%;color:var(--vvd-color-canvas-text);display:grid}:host([row-type=sticky-header]) .base{z-index:9;background:var(--data-grid-row-background,var(--vvd-color-canvas));position:sticky;top:0}:host([row-type=hidden-header]) .base{display:none}:host([selected]:not([row-type*=header])) .base{background-color:var(--_appearance-color-fill)}", H = ":host{block-size:100%;min-inline-size:80px}:host(:focus-visible){outline:none}:host([data-fixed]){z-index:5;background:var(--data-grid-cell-background,var(--vvd-color-surface-2dp));position:sticky}:host([data-fixed]):before{z-index:1;width:1px;content:\"\";pointer-events:none;block-size:100%;position:absolute;top:0;right:0;box-shadow:4px 0 4px #0000001a,2px 0 2px #0000000d,1px 0 1px #0000000d}.base{box-sizing:border-box;border-bottom:1px solid var(--vvd-color-neutral-300);block-size:var(--data-grid-cell-block-size,var(--_data-grid-cell-default-block-size));color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base);min-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 8));align-items:center;padding-block:13px 14px;padding-inline:12px;display:flex}:host(:focus-visible) .base{--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))}:host([cell-type=columnheader]) .base{border-color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base-bold);--_data-grid-cell-default-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 8));--_data-grid-cell-default-white-space:nowrap}:host(:not([cell-type=columnheader])) .base{--_data-grid-cell-default-block-size:100%;--_data-grid-cell-default-white-space:normal}:host([selected]:not([cell-type=columnheader])) .base{background-color:var(--_appearance-color-fill)}.content{align-items:center;display:flex;overflow:hidden}.content[role=button]{cursor:pointer}slot:not([name]){text-overflow:ellipsis;white-space:var(--data-grid-cell-white-space,var(--_data-grid-cell-default-white-space));display:block;overflow:hidden}:host(:not([cell-type=columnheader][aria-sort])) slot:not([name]){inline-size:100%}.header-icon{flex-shrink:0;margin-inline-start:16px}slot[name=action-items]{flex-shrink:0;align-items:center;display:flex}.base.has-action-items slot[name=action-items]{margin-inline-start:16px}", U = {
+var I = "focus", L = "focusin", R = "focusout", z = "keydown", B = ":host{display:block}:host([generate-header=sticky]){max-block-size:400px}.base{--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}.base ::-webkit-scrollbar{width:4px}.base ::-webkit-scrollbar-track{background:var(--scrollbar-track-color)}.base ::-webkit-scrollbar-thumb{background-color:var(--scrollbar-fallback-track-color,var(--scrollbar-thumb-color));border:0;border-radius:4px}.base{block-size:inherit;inline-size:100%;max-block-size:inherit;position:relative;overflow:auto}", V = ".base{box-sizing:border-box;width:100%;color:var(--vvd-color-canvas-text);display:grid}:host([row-type=sticky-header]) .base{z-index:9;background:var(--data-grid-row-background,var(--vvd-color-canvas));position:sticky;top:0}:host([row-type=hidden-header]) .base{display:none}:host([selected]:not([row-type*=header])) .base{background-color:var(--_appearance-color-fill)}", H = ":host{block-size:100%;min-inline-size:80px}:host(:focus-visible){outline:none}:host([data-fixed]){z-index:5;background:var(--data-grid-cell-background,var(--vvd-color-surface-2dp));position:sticky}:host([data-fixed]):before{z-index:1;width:1px;content:\"\";pointer-events:none;block-size:100%;position:absolute;top:0;right:0;box-shadow:4px 0 4px #0000001a,2px 0 2px #0000000d,1px 0 1px #0000000d}.base{box-sizing:border-box;border-bottom:1px solid var(--vvd-color-neutral-300);block-size:var(--data-grid-cell-block-size,var(--_data-grid-cell-default-block-size));color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base);min-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 8));align-items:center;padding-block:13px 14px;padding-inline:12px;display:flex}:host(:focus-visible) .base{--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))}:host([cell-type=columnheader]) .base{border-color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base-bold);--_data-grid-cell-default-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 8));--_data-grid-cell-default-white-space:nowrap}:host(:not([cell-type=columnheader])) .base{--_data-grid-cell-default-block-size:100%;--_data-grid-cell-default-white-space:normal}:host([selected]:not([cell-type=columnheader])) .base{background-color:var(--_appearance-color-fill)}.content{flex:1;align-items:center;display:flex;overflow:hidden}.content[role=button]{cursor:pointer}slot:not([name]){text-overflow:ellipsis;white-space:var(--data-grid-cell-white-space,var(--_data-grid-cell-default-white-space));display:block;overflow:hidden}:host(:not([cell-type=columnheader][aria-sort])) slot:not([name]){inline-size:100%}.header-icon{flex-shrink:0;margin-inline-start:16px}slot[name=action-items]{flex-shrink:0;align-items:center;display:flex}.base.has-action-items slot[name=action-items]{margin-inline-start:16px}", U = {
 	none: "none",
 	singleRow: "single-row",
 	multiRow: "multi-row",

package/empty-state/index.cjs

@@ -1,5 +1,5 @@
-const e=require("../bundled/vivid-element.cjs"),t=require("../bundled/slotted.cjs"),n=require("../bundled/when.cjs"),r=require("../bundled/decorate.cjs"),i=require("../bundled/class-names.cjs"),a=require("../bundled/definition2.cjs"),o=require("../bundled/icon.cjs"),s=require("../bundled/component-enum.cjs");var c=`:host{display:block}.base{--_empty-state-icon-container:120px;--_empty-state-icon-background:var(--_connotation-color-faint);--_empty-state-icon-font-size:52px;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:24px;block-size:100%;display:flex}.icon-container{background-color:var(--_empty-state-icon-background);block-size:var(--_empty-state-icon-container);box-shadow:inset 0 0 0 21px color-mix(in sRGB, var(--_connotation-color-primary), transparent 90%);font-size:var(--_empty-state-icon-font-size);inline-size:var(--_empty-state-icon-container);--_empty-state-icon-background:transparent;--_empty-state-icon-font-size:40px;border-radius:50%;justify-content:center;align-items:center;display:flex}.icon-container .icon{border:1px solid var(--_connotation-color-dim);border-radius:inherit;color:var(--_connotation-color-firm-all);padding:19px}.content{color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base);text-align:center;flex-direction:column;gap:8px;display:flex}header{color:var(--_connotation-color-firm-all);font:var(--vvd-typography-base-extended-bold)}.actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.base.no-actions .actions{display:none}`,l=s.t([`accent`,`cta`,`success`,`alert`,`warning`,`information`],`accent`),u=class extends e.t{};r.t([e.m],u.prototype,`connotation`,void 0),r.t([e.m],u.prototype,`headline`,void 0),r.t([e.m],u.prototype,`icon`,void 0),r.t([e.m({attribute:`icon-decoration`})],u.prototype,`iconDecoration`,void 0),r.t([e.A],u.prototype,`slottedActionItems`,void 0);var d=e.u(`empty-state`,u,r=>{let a=r.tagFor(o.t);return e.p` <div
-		class="${e=>i.t(`base`,`connotation-${l.parse(e.connotation)}`,[`no-actions`,e.slottedActionItems?.length===0])}"
+const e=require("../bundled/vivid-element.cjs"),t=require("../bundled/slotted.cjs"),n=require("../bundled/when.cjs"),r=require("../bundled/decorate.cjs"),i=require("../bundled/class-names.cjs"),a=require("../bundled/definition2.cjs"),o=require("../bundled/icon.cjs"),s=require("../bundled/component-enum.cjs");var c=`:host{display:block}.base{--_empty-state-icon-container:120px;--_empty-state-icon-font-size:40px;--_empty-state-box-shadow:20px;--_empty-state-icon-padding:20px;--_empty-state-border-width:1px;--_empty-state-gap:24px;box-sizing:border-box;justify-content:center;align-items:center;gap:var(--_empty-state-gap);flex-direction:column;block-size:100%;display:flex}.base.size-condensed{--_empty-state-icon-container:80px;--_empty-state-icon-font-size:28px;--_empty-state-box-shadow:14px;--_empty-state-icon-padding:12px;--_empty-state-border-width:1px;--_empty-state-gap:16px}.base.size-expanded{--_empty-state-icon-container:240px;--_empty-state-icon-font-size:80px;--_empty-state-box-shadow:40px;--_empty-state-icon-padding:38px;--_empty-state-border-width:2px;--_empty-state-gap:24px}.icon-container{block-size:var(--_empty-state-icon-container);box-shadow:inset 0 0 0 var(--_empty-state-box-shadow) color-mix(in sRGB, var(--_connotation-color-primary), transparent 90%);font-size:var(--_empty-state-icon-font-size);inline-size:var(--_empty-state-icon-container);border-radius:50%;justify-content:center;align-items:center;display:flex}.icon-container .icon{padding:var(--_empty-state-icon-padding);border:var(--_empty-state-border-width) solid var(--_connotation-color-dim);border-radius:inherit;color:var(--_connotation-color-firm-all)}.content{color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base);text-align:center;flex-direction:column;gap:8px;display:flex}header{color:var(--_connotation-color-firm-all);font:var(--vvd-typography-base-extended-bold)}.actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.base.no-actions .actions{display:none}`,l=s.t([`accent`,`cta`,`success`,`alert`,`warning`,`information`],`accent`),u=class extends e.t{};r.t([e.m],u.prototype,`connotation`,void 0),r.t([e.m],u.prototype,`headline`,void 0),r.t([e.m],u.prototype,`size`,void 0),r.t([e.m],u.prototype,`icon`,void 0),r.t([e.m({attribute:`icon-decoration`})],u.prototype,`iconDecoration`,void 0),r.t([e.A],u.prototype,`slottedActionItems`,void 0);var d=e.u(`empty-state`,u,r=>{let a=r.tagFor(o.t);return e.p` <div
+		class="${e=>i.t(`base`,`connotation-${l.parse(e.connotation)}`,[`no-actions`,e.slottedActionItems?.length===0],[`size-${e.size}`,!!e.size])}"
 		aria-labelledby="${e=>e.headline?`empty-state-headline`:null}"
 	>
 		<slot name="graphic">

package/empty-state/index.js

@@ -7,7 +7,7 @@ import { t as u } from "../bundled/definition2.js";
 import { t as d } from "../bundled/icon.js";
 import { t as f } from "../bundled/component-enum.js";
 //#region src/lib/empty-state/empty-state.scss?inline
-var p = ":host{display:block}.base{--_empty-state-icon-container:120px;--_empty-state-icon-background:var(--_connotation-color-faint);--_empty-state-icon-font-size:52px;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:24px;block-size:100%;display:flex}.icon-container{background-color:var(--_empty-state-icon-background);block-size:var(--_empty-state-icon-container);box-shadow:inset 0 0 0 21px color-mix(in sRGB, var(--_connotation-color-primary), transparent 90%);font-size:var(--_empty-state-icon-font-size);inline-size:var(--_empty-state-icon-container);--_empty-state-icon-background:transparent;--_empty-state-icon-font-size:40px;border-radius:50%;justify-content:center;align-items:center;display:flex}.icon-container .icon{border:1px solid var(--_connotation-color-dim);border-radius:inherit;color:var(--_connotation-color-firm-all);padding:19px}.content{color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base);text-align:center;flex-direction:column;gap:8px;display:flex}header{color:var(--_connotation-color-firm-all);font:var(--vvd-typography-base-extended-bold)}.actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.base.no-actions .actions{display:none}", m = f([
+var p = ":host{display:block}.base{--_empty-state-icon-container:120px;--_empty-state-icon-font-size:40px;--_empty-state-box-shadow:20px;--_empty-state-icon-padding:20px;--_empty-state-border-width:1px;--_empty-state-gap:24px;box-sizing:border-box;justify-content:center;align-items:center;gap:var(--_empty-state-gap);flex-direction:column;block-size:100%;display:flex}.base.size-condensed{--_empty-state-icon-container:80px;--_empty-state-icon-font-size:28px;--_empty-state-box-shadow:14px;--_empty-state-icon-padding:12px;--_empty-state-border-width:1px;--_empty-state-gap:16px}.base.size-expanded{--_empty-state-icon-container:240px;--_empty-state-icon-font-size:80px;--_empty-state-box-shadow:40px;--_empty-state-icon-padding:38px;--_empty-state-border-width:2px;--_empty-state-gap:24px}.icon-container{block-size:var(--_empty-state-icon-container);box-shadow:inset 0 0 0 var(--_empty-state-box-shadow) color-mix(in sRGB, var(--_connotation-color-primary), transparent 90%);font-size:var(--_empty-state-icon-font-size);inline-size:var(--_empty-state-icon-container);border-radius:50%;justify-content:center;align-items:center;display:flex}.icon-container .icon{padding:var(--_empty-state-icon-padding);border:var(--_empty-state-border-width) solid var(--_connotation-color-dim);border-radius:inherit;color:var(--_connotation-color-firm-all)}.content{color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base);text-align:center;flex-direction:column;gap:8px;display:flex}header{color:var(--_connotation-color-firm-all);font:var(--vvd-typography-base-extended-bold)}.actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.base.no-actions .actions{display:none}", m = f([
 	"accent",
 	"cta",
 	"success",
@@ -15,13 +15,13 @@ var p = ":host{display:block}.base{--_empty-state-icon-container:120px;--_empty-
 	"warning",
 	"information"
 ], "accent"), h = class extends i {};
-c([n], h.prototype, "connotation", void 0), c([n], h.prototype, "headline", void 0), c([n], h.prototype, "icon", void 0), c([n({ attribute: "icon-decoration" })], h.prototype, "iconDecoration", void 0), c([e], h.prototype, "slottedActionItems", void 0);
+c([n], h.prototype, "connotation", void 0), c([n], h.prototype, "headline", void 0), c([n], h.prototype, "size", void 0), c([n], h.prototype, "icon", void 0), c([n({ attribute: "icon-decoration" })], h.prototype, "iconDecoration", void 0), c([e], h.prototype, "slottedActionItems", void 0);
 //#endregion
 //#region src/lib/empty-state/definition.ts
 var g = a("empty-state", h, (e) => {
 	let t = e.tagFor(d);
 	return r` <div
-		class="${(e) => l("base", `connotation-${m.parse(e.connotation)}`, ["no-actions", e.slottedActionItems?.length === 0])}"
+		class="${(e) => l("base", `connotation-${m.parse(e.connotation)}`, ["no-actions", e.slottedActionItems?.length === 0], [`size-${e.size}`, !!e.size])}"
 		aria-labelledby="${(e) => e.headline ? "empty-state-headline" : null}"
 	>
 		<slot name="graphic">

package/lib/date-picker/date-picker.d.ts

@@ -51,6 +51,7 @@ declare const DatePicker_base: (abstract new (...args: any[]) => {
     scale?: import('../text-field/text-field').TextFieldSize;
     readOnly: boolean;
     readOnlyChanged(): void;
+    appearance?: import('../../shared/picker-field/picker-field').PickerFieldAppearance;
     _textFieldEl: import('../components').VwcTextFieldElement;
     _dialogEl: HTMLElement;
     _pickerButtonEl: import('../components').VwcButtonElement;
@@ -1011,6 +1012,7 @@ declare const DatePicker_base: (abstract new (...args: any[]) => {
     scale?: import('../text-field/text-field').TextFieldSize;
     readOnly: boolean;
     readOnlyChanged(): void;
+    appearance?: import('../../shared/picker-field/picker-field').PickerFieldAppearance;
     _textFieldEl: import('../components').VwcTextFieldElement;
     _dialogEl: HTMLElement;
     _pickerButtonEl: import('../components').VwcButtonElement;
@@ -2000,6 +2002,7 @@ declare const DatePicker_base: (abstract new (...args: any[]) => {
     scale?: import('../text-field/text-field').TextFieldSize;
     readOnly: boolean;
     readOnlyChanged(): void;
+    appearance?: import('../../shared/picker-field/picker-field').PickerFieldAppearance;
     _textFieldEl: import('../components').VwcTextFieldElement;
     _dialogEl: HTMLElement;
     _pickerButtonEl: import('../components').VwcButtonElement;
@@ -2988,6 +2991,7 @@ declare const DatePicker_base: (abstract new (...args: any[]) => {
     scale?: import('../text-field/text-field').TextFieldSize;
     readOnly: boolean;
     readOnlyChanged(): void;
+    appearance?: import('../../shared/picker-field/picker-field').PickerFieldAppearance;
     _textFieldEl: import('../components').VwcTextFieldElement;
     _dialogEl: HTMLElement;
     _pickerButtonEl: import('../components').VwcButtonElement;

package/lib/date-range-picker/date-range-picker.d.ts

@@ -52,6 +52,7 @@ declare const DateRangePicker_base: (abstract new (...args: any[]) => {
     scale?: import('../text-field/text-field').TextFieldSize;
     readOnly: boolean;
     readOnlyChanged(): void;
+    appearance?: import('../../shared/picker-field/picker-field').PickerFieldAppearance;
     _textFieldEl: import('../components').VwcTextFieldElement;
     _dialogEl: HTMLElement;
     _pickerButtonEl: import('../components').VwcButtonElement;
@@ -1040,6 +1041,7 @@ declare const DateRangePicker_base: (abstract new (...args: any[]) => {
     scale?: import('../text-field/text-field').TextFieldSize;
     readOnly: boolean;
     readOnlyChanged(): void;
+    appearance?: import('../../shared/picker-field/picker-field').PickerFieldAppearance;
     _textFieldEl: import('../components').VwcTextFieldElement;
     _dialogEl: HTMLElement;
     _pickerButtonEl: import('../components').VwcButtonElement;

package/lib/date-time-picker/date-time-picker.d.ts

@@ -38,6 +38,7 @@ declare const DateTimePicker_base: (abstract new (...args: any[]) => {
     scale?: import('../text-field/text-field').TextFieldSize;
     readOnly: boolean;
     readOnlyChanged(): void;
+    appearance?: import('../../shared/picker-field/picker-field').PickerFieldAppearance;
     _textFieldEl: import('../components').VwcTextFieldElement;
     _dialogEl: HTMLElement;
     _pickerButtonEl: import('../components').VwcButtonElement;
@@ -1023,6 +1024,7 @@ declare const DateTimePicker_base: (abstract new (...args: any[]) => {
     scale?: import('../text-field/text-field').TextFieldSize;
     readOnly: boolean;
     readOnlyChanged(): void;
+    appearance?: import('../../shared/picker-field/picker-field').PickerFieldAppearance;
     _textFieldEl: import('../components').VwcTextFieldElement;
     _dialogEl: HTMLElement;
     _pickerButtonEl: import('../components').VwcButtonElement;
@@ -1983,6 +1985,7 @@ declare const DateTimePicker_base: (abstract new (...args: any[]) => {
     scale?: import('../text-field/text-field').TextFieldSize;
     readOnly: boolean;
     readOnlyChanged(): void;
+    appearance?: import('../../shared/picker-field/picker-field').PickerFieldAppearance;
     _textFieldEl: import('../components').VwcTextFieldElement;
     _dialogEl: HTMLElement;
     _pickerButtonEl: import('../components').VwcButtonElement;
@@ -2968,6 +2971,7 @@ declare const DateTimePicker_base: (abstract new (...args: any[]) => {
     scale?: import('../text-field/text-field').TextFieldSize;
     readOnly: boolean;
     readOnlyChanged(): void;
+    appearance?: import('../../shared/picker-field/picker-field').PickerFieldAppearance;
     _textFieldEl: import('../components').VwcTextFieldElement;
     _dialogEl: HTMLElement;
     _pickerButtonEl: import('../components').VwcButtonElement;

package/lib/empty-state/definition.d.ts

@@ -1,4 +1,4 @@
 import { EmptyState } from './empty-state';
-export type { EmptyStateConnotation, EmptyStateIconDecoration, } from './empty-state';
+export type { EmptyStateConnotation, EmptyStateIconDecoration, EmptyStateSize, } from './empty-state';
 export declare const registerEmptyState: (prefix?: string) => void;
 export { EmptyState as VwcEmptyStateElement };

package/lib/empty-state/empty-state.d.ts

@@ -1,4 +1,4 @@
-import { IconDecoration } from '../enums.js';
+import { IconDecoration, Size } from '../enums.js';
 import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
 import { ExtractFromEnum } from '../../shared/utils/enums';
 import { ComponentEnum } from '../../shared/utils/component-enum.ts';
@@ -8,9 +8,11 @@ export declare const emptyStateConnotation: {
 };
 export type EmptyStateConnotation = ComponentEnum<typeof emptyStateConnotation>;
 export type EmptyStateIconDecoration = ExtractFromEnum<IconDecoration, IconDecoration.Filled | IconDecoration.Outlined>;
+export type EmptyStateSize = ExtractFromEnum<Size, Size.Condensed | Size.Normal | Size.Expanded>;
 export declare class EmptyState extends VividElement {
     connotation?: EmptyStateConnotation;
     headline?: string;
+    size?: EmptyStateSize;
     icon?: string;
     iconDecoration?: EmptyStateIconDecoration;
 }

package/lib/number-field/definition.d.ts

@@ -1,4 +1,4 @@
 import { NumberField } from './number-field';
-export type { NumberFieldAppearance, NumberFieldShape } from './number-field';
+export type { NumberFieldAppearance, NumberFieldShape, NumberFieldStep, } from './number-field';
 export declare const registerNumberField: (prefix?: string) => void;
 export { NumberField as VwcNumberFieldElement };

package/lib/number-field/number-field.d.ts

@@ -9,6 +9,7 @@ export declare const numberFieldAppearance: {
 export type NumberFieldAppearance = ComponentEnum<typeof numberFieldAppearance>;
 export type NumberFieldShape = ExtractFromEnum<Shape, Shape.Rounded | Shape.Pill>;
 export type NumberFieldSize = ExtractFromEnum<Size, Size.Condensed | Size.Normal>;
+export type NumberFieldStep = number | 'any';
 declare const NumberField_base: {
     new (...args: any[]): {
         _contextualHelpSlottedContent?: HTMLElement[];
@@ -4010,7 +4011,8 @@ export declare class NumberField extends NumberField_base {
     minlength: number;
     size: number;
     scale?: NumberFieldSize;
-    step: number;
+    step: NumberFieldStep;
+    noSteppers: boolean;
     max: number;
     min: number;
     get valueAsNumber(): number;

package/lib/rich-text-editor/rte/features/suggest.d.ts

@@ -2,11 +2,17 @@ import { RteFragment } from '../document';
 export interface Suggestion {
     text: string;
     textSecondary?: string;
+    icon?: string;
     data?: unknown;
 }
+export interface SuggestionGroup {
+    label: string;
+    suggestions: Suggestion[];
+}
+export type SuggestionEntry = Suggestion | SuggestionGroup;
 export interface RteSuggestFeatureOptions {
     pattern: RegExp;
-    load: (match: string[]) => Suggestion[] | Promise<Suggestion[]>;
+    load: (match: string[]) => SuggestionEntry[] | Promise<SuggestionEntry[]>;
     select: (suggestion: Suggestion) => RteFragment;
 }
 export declare const RteSuggestFeature: {

package/lib/time-picker/time-picker.d.ts

@@ -39,6 +39,7 @@ declare const TimePicker_base: (abstract new (...args: any[]) => {
     scale?: import('../text-field/text-field').TextFieldSize;
     readOnly: boolean;
     readOnlyChanged(): void;
+    appearance?: import('../../shared/picker-field/picker-field').PickerFieldAppearance;
     _textFieldEl: import('../components').VwcTextFieldElement;
     _dialogEl: HTMLElement;
     _pickerButtonEl: import('../components').VwcButtonElement;
@@ -988,6 +989,7 @@ declare const TimePicker_base: (abstract new (...args: any[]) => {
     scale?: import('../text-field/text-field').TextFieldSize;
     readOnly: boolean;
     readOnlyChanged(): void;
+    appearance?: import('../../shared/picker-field/picker-field').PickerFieldAppearance;
     _textFieldEl: import('../components').VwcTextFieldElement;
     _dialogEl: HTMLElement;
     _pickerButtonEl: import('../components').VwcButtonElement;

package/listbox/index.cjs

@@ -1,7 +1,7 @@
 const e=require("../bundled/vivid-element.cjs"),t=require("../bundled/slotted.cjs"),n=require("../bundled/when.cjs"),r=require("../bundled/decorate.cjs"),i=require("../bundled/aria-binding-directive.cjs"),a=require("../bundled/host-semantics.cjs"),o=require("../bundled/option.cjs"),s=require("../bundled/optgroup.cjs"),c=require("../bundled/extractOptions.cjs");function l(e,t,n,r){let i=[];for(let t of e){t._vvdSearchText=r;let e=!r||n(t,r);t._isNotMatching=!e,!t.hidden&&!t.disabled&&e&&i.push(t)}for(let e of t)if(s.n(e)){let t=Array.from(e.children).some(e=>o.n(e)&&!e._isNotMatching&&!e.hidden);e.style.display=t?``:`none`}return i}var u=t=>{class n extends t{constructor(...e){super(...e),this.searchText=``,this._filteredOptions=[]}_slottedOptionsChanged(){super._slottedOptionsChanged(),this._updateFilter()}searchTextChanged(){this._updateFilter()}optionFilterChanged(){this._updateFilter()}_updateFilter(){this._filteredOptions=l(this._slottedOptions,this._slottedElements,this.optionFilter??((e,t)=>e.text.toLowerCase().includes(t.toLowerCase())),this.searchText)}}return r.t([e.m({attribute:`search-text`,mode:`fromView`})],n.prototype,`searchText`,void 0),r.t([e.A],n.prototype,`optionFilter`,void 0),r.t([e.A],n.prototype,`_filteredOptions`,void 0),n},d=t=>{class n extends t{constructor(...e){super(...e),this._slottedElements=[],this.#e=()=>{this._slottedElementsChanged()},this._slottedOptions=[]}_slottedElementsChanged(){this._slottedOptions=c.t(this._slottedElements)}#e;connectedCallback(){super.connectedCallback(),this.addEventListener(`optgroup-change`,this.#e)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(`optgroup-change`,this.#e)}_slottedOptionsChanged(){for(let e of this._slottedOptions)e.id||=i.r(`option-`)}}return r.t([e.A],n.prototype,`_slottedElements`,void 0),r.t([e.A],n.prototype,`_slottedOptions`,void 0),n},f=e.p`<slot
 	${t.t({filter:(e=>o.n(e)||s.n(e)),flatten:!0,property:`_slottedElements`})}
 >
-</slot>`,p=e=>{let t=e.ctrlKey||e.metaKey;return e.shiftKey&&t?`ShiftMod`:e.shiftKey?`Shift`:t?`Mod`:null},m=(e,t,n,r)=>{if(n.amount===`step`&&r===`Mod`)return null;if(t.selectionMode===`multiple`){if(n.amount===`step`&&r===`Shift`)return{action:{type:`extend-from-anchor`,anchorIndex:e.rangeAnchorIndex??e.activeIndex},replaceExisting:!1};if(n.amount===`limit`&&r===`ShiftMod`)return{action:{type:`select-from-current`},replaceExisting:!1}}return t.selectionBehavior===`replace`?{action:{type:`select`},replaceExisting:!0}:null},h=(e,t)=>t===`Shift`?{action:{type:`select-from-most-recent`},replaceExisting:e.selectionBehavior===`replace`}:t===`Mod`?{action:{type:`toggle`},replaceExisting:!1}:e.selectionBehavior===`replace`?{action:{type:`select`},replaceExisting:!0}:{action:{type:`toggle`},replaceExisting:!1};function g(e,t,n,r){let i=new Set(e),[a,o]=[n,r].sort((e,t)=>e-t),s=[...e];for(let e=a;e<=o;e++){let n=t.selectable.optionValue(e);i.has(n)||s.push(n)}return s}function _(e,t,n,r,i){let a=new Set(e),[o,,s]=[n,r,i].sort((e,t)=>e-t),c=[...e];for(let e=o;e<=s;e++){let i=t.selectable.optionValue(e);e<n&&e<r||e>n&&e>r?a.has(i)&&(c=c.filter(e=>e!==i)):a.has(i)||c.push(i)}return c}function v(e,t){let n=e.values;for(let e=n.length-1;e>=0;e--){let r=t.selectable.optionIndex(n[e]);if(r!==null)return r}return null}function y(e,t,n){let r=t=>({...e,values:t.values??e.values,activeIndex:t.activeIndex??e.activeIndex,rangeAnchorIndex:t.rangeAnchorIndex??null});if(n.type!==`action`)return r({});let i=e.values,{targetIndex:a,selection:o}=n,s=e=>t.selectionMode===`single`&&e.length>1?[e[e.length-1]]:t.requiredSelection!==`none`&&(e.length===0||t.requiredSelection===`selectable`&&!e.some(e=>t.selectable.optionIndex(e)!==null))?i:e,c=t.selectable.optionValue(a),l=o?.replaceExisting?[]:i;switch(o?.action.type){case void 0:return r({activeIndex:a});case`select`:return r({activeIndex:a,values:s(i.includes(c)?i:[...l,c])});case`toggle`:return r({activeIndex:a,values:s(i.includes(c)?l.filter(e=>e!==c):[...l,c])});case`select-from-current`:return r({activeIndex:a,values:s(g(l,t,e.activeIndex,a))});case`select-from-most-recent`:return r({activeIndex:a,values:s(g(l,t,v(e,t)??0,a))});case`extend-from-anchor`:return r({values:s(_(l,t,o.action.anchorIndex,a,e.activeIndex)),activeIndex:a,rangeAnchorIndex:o.action.anchorIndex})}}var b=2e3;function x(e,t,n,r){let i=e.typeahead&&e.typeahead.lastInputMs>r-b?e.typeahead:null;return n.length===1&&!(n===` `&&!i)?{buffer:(i?.buffer??``)+n,lastInputMs:r}:null}function S(e,t,n){if(n.type!==`typeahead`)return{...e,typeahead:null};let r=n.typeahead;for(let i=(e.activeIndex+1)%t.selectable.numOptions;i!==e.activeIndex;i=(i+1)%t.selectable.numOptions)if(t.selectable.optionText(i).toLowerCase().startsWith(r.buffer.toLowerCase()))return{...y(e,t,{type:`action`,targetIndex:i,selection:n.selection}),typeahead:r};return{...e,typeahead:r}}var C=e=>({numOptions:e.length,optionValue:t=>e[t].value,optionText:t=>e[t].text,optionIndex:t=>{let n=e.findIndex(e=>e.value===t);return n===-1?null:n},isEq:t=>e===t});function w(e,t,n){let r=t.filter(e=>e.selected||n.includes(e.value)).map(e=>e.value),i=e.selectionMode===`single`?1:1/0;return D(e,r.slice(0,i),i)}function T(e){return`activeIndex`in e}function E(e,t,n){let r=n.filter(e=>t.all.optionIndex(e)!==null),i=t.selectionMode===`single`?1:1/0,a=r.slice(0,i);return a=D(t,a,i),{...e,values:a}}function D(e,t,n){return e.requiredSelection===`none`||e.selectable.numOptions===0?t:t.length===0?[e.selectable.optionValue(0)]:e.requiredSelection===`selectable`&&!t.some(t=>e.selectable.optionIndex(t)!==null)?n===1?[e.selectable.optionValue(0)]:[...t,e.selectable.optionValue(0)]:t}function O(e,t,n){let r=w(e,t,n);if(e.selectable.numOptions===0)return k(r);let i=0;for(let t of r){let n=e.selectable.optionIndex(t);if(n!==null){i=n;break}}return{values:r,activeIndex:i,typeahead:null,rangeAnchorIndex:null}}function k(e){return{values:e}}function A(e){switch(e){case`Home`:return{direction:`backward`,amount:`limit`};case`End`:return{direction:`forward`,amount:`limit`};case`PageUp`:return{direction:`backward`,amount:`page`};case`PageDown`:return{direction:`forward`,amount:`page`};case`ArrowUp`:return{direction:`backward`,amount:`step`};case`ArrowDown`:return{direction:`forward`,amount:`step`}}return null}function j(e,t,n,r){let i={backward:0,forward:t-1},a={backward:-1,forward:1},o={step:1,page:n};switch(r.amount){case`limit`:return i[r.direction];case`page`:case`step`:return Math.min(i.forward,Math.max(i.backward,e+a[r.direction]*o[r.amount]))}}var M=10;function N(e,t,n,r){if(!T(e))return null;let i=x(e,t,n.key,r);if(i)return{type:`typeahead`,typeahead:i,selection:t.selectionBehavior===`replace`?{action:{type:`select`},replaceExisting:!0}:null};let a=A(n.key);return a?{type:`action`,targetIndex:j(e.activeIndex,t.selectable.numOptions,M,a),selection:m(e,t,a,p(n))}:n.key===` `?{type:`action`,targetIndex:e.activeIndex,selection:h(t,p(n))}:null}function P(e,t,n,r){return{type:`action`,targetIndex:r,selection:h(t,p(n))}}function F(e,t,n){return e=S(e,t,n),e=y(e,t,n),e}var I=e=>typeof e==`object`&&!!e&&e.nodeType===1,L=(e,t)=>(!t||e!==`hidden`)&&e!==`visible`&&e!==`clip`,R=(e,t)=>{if(e.clientHeight<e.scrollHeight||e.clientWidth<e.scrollWidth){let n=getComputedStyle(e,null);return L(n.overflowY,t)||L(n.overflowX,t)||(e=>{let t=(e=>{if(!e.ownerDocument||!e.ownerDocument.defaultView)return null;try{return e.ownerDocument.defaultView.frameElement}catch{return null}})(e);return!!t&&(t.clientHeight<e.scrollHeight||t.clientWidth<e.scrollWidth)})(e)}return!1},z=(e,t,n,r,i,a,o,s)=>a<e&&o>t||a>e&&o<t?0:a<=e&&s<=n||o>=t&&s>=n?a-e-r:o>t&&s<n||a<e&&s>n?o-t+i:0,B=e=>e.parentElement??(e.getRootNode().host||null),V=(e,t)=>{if(typeof document>`u`)return[];let{scrollMode:n,block:r,inline:i,boundary:a,skipOverflowHiddenElements:o}=t,s=typeof a==`function`?a:e=>e!==a;if(!I(e))throw TypeError(`Invalid target`);let c=document.scrollingElement||document.documentElement,l=[],u=e;for(;I(u)&&s(u);){if(u=B(u),u===c){l.push(u);break}u!=null&&u===document.body&&R(u)&&!R(document.documentElement)||u!=null&&R(u,o)&&l.push(u)}let d=window.visualViewport?.width??innerWidth,f=window.visualViewport?.height??innerHeight,{scrollX:p,scrollY:m}=window,{height:h,width:g,top:_,right:v,bottom:y,left:b}=e.getBoundingClientRect(),{top:x,right:S,bottom:C,left:w}=(e=>{let t=window.getComputedStyle(e);return{top:parseFloat(t.scrollMarginTop)||0,right:parseFloat(t.scrollMarginRight)||0,bottom:parseFloat(t.scrollMarginBottom)||0,left:parseFloat(t.scrollMarginLeft)||0}})(e),T=r===`start`||r===`nearest`?_-x:r===`end`?y+C:_+h/2-x+C,E=i===`center`?b+g/2-w+S:i===`end`?v+S:b-w,D=[];for(let e=0;e<l.length;e++){let t=l[e],{height:a,width:o,top:s,right:u,bottom:x,left:S}=t.getBoundingClientRect();if(n===`if-needed`&&_>=0&&b>=0&&y<=f&&v<=d&&(t===c&&!R(t)||_>=s&&y<=x&&b>=S&&v<=u))return D;let C=getComputedStyle(t),w=parseInt(C.borderLeftWidth,10),O=parseInt(C.borderTopWidth,10),k=parseInt(C.borderRightWidth,10),A=parseInt(C.borderBottomWidth,10),j=0,M=0,N=`offsetWidth`in t?t.offsetWidth-t.clientWidth-w-k:0,P=`offsetHeight`in t?t.offsetHeight-t.clientHeight-O-A:0,F=`offsetWidth`in t?t.offsetWidth===0?0:o/t.offsetWidth:0,I=`offsetHeight`in t?t.offsetHeight===0?0:a/t.offsetHeight:0;if(c===t)j=r===`start`?T:r===`end`?T-f:r===`nearest`?z(m,m+f,f,O,A,m+T,m+T+h,h):T-f/2,M=i===`start`?E:i===`center`?E-d/2:i===`end`?E-d:z(p,p+d,d,w,k,p+E,p+E+g,g),j=Math.max(0,j+m),M=Math.max(0,M+p);else{j=r===`start`?T-s-O:r===`end`?T-x+A+P:r===`nearest`?z(s,x,a,O,A+P,T,T+h,h):T-(s+a/2)+P/2,M=i===`start`?E-S-w:i===`center`?E-(S+o/2)+N/2:i===`end`?E-u+k+N:z(S,u,o,w,k+N,E,E+g,g);let{scrollLeft:e,scrollTop:n}=t;j=I===0?0:Math.max(0,Math.min(n+j/I,t.scrollHeight-a/I+P)),M=F===0?0:Math.max(0,Math.min(e+M/F,t.scrollWidth-o/F+N)),T+=n-j,E+=e-M}D.push({el:t,top:j,left:M})}return D},H=e=>!1===e?{block:`end`,inline:`nearest`}:(e=>e===Object(e)&&Object.keys(e).length!==0)(e)?e:{block:`start`,inline:`nearest`};function U(e,t){if(!e.isConnected||!(e=>{let t=e;for(;t&&t.parentNode;){if(t.parentNode===document)return!0;t=t.parentNode instanceof ShadowRoot?t.parentNode.host:t.parentNode}return!1})(e))return;let n=(e=>{let t=window.getComputedStyle(e);return{top:parseFloat(t.scrollMarginTop)||0,right:parseFloat(t.scrollMarginRight)||0,bottom:parseFloat(t.scrollMarginBottom)||0,left:parseFloat(t.scrollMarginLeft)||0}})(e);if((e=>typeof e==`object`&&typeof e.behavior==`function`)(t))return t.behavior(V(e,t));let r=typeof t==`boolean`||t==null?void 0:t.behavior;for(let{el:i,top:a,left:o}of V(e,H(t))){let e=a-n.top+n.bottom,t=o-n.left+n.right;i.scroll({top:e,left:t,behavior:r})}}var W=(e,t)=>JSON.stringify(e)===JSON.stringify(t),G=class extends u(d(a.t(e.t))){constructor(...e){super(...e),this.selectionMode=`single`,this.selectionBehavior=`toggle`,this.requiredSelection=`none`,this._hasNoMatches=!1,this._showNoMatchesMessage=!1,this._activeDescendantId=null,this.values=[],this._state=k([]),this._ctx={selectionMode:`single`,selectionBehavior:`toggle`,requiredSelection:`none`,selectable:C([]),all:C([])},this._externalChangeQueued=!1}selectionModeChanged(){this._registerExternalChange()}selectionBehaviorChanged(){this._registerExternalChange()}requiredSelectionChanged(){this._registerExternalChange()}_filteredOptionsChanged(){this._registerExternalChange(),this._updateNoMatchesMessage()}_updateNoMatchesMessage(){this._hasNoMatches=this.searchText!==``&&!this._slottedOptions.some(e=>!e.hidden&&!e._isNotMatching),clearTimeout(this._noMatchesTimer),this._hasNoMatches?this._showNoMatchesMessage||(this._noMatchesTimer=setTimeout(()=>{this._showNoMatchesMessage=!0},10)):this._showNoMatchesMessage=!1}disconnectedCallback(){super.disconnectedCallback(),clearTimeout(this._noMatchesTimer)}valuesChanged(){this._state&&!W(this._state.values,this.values)&&this._registerExternalChange()}get value(){return this.values[0]??null}set value(e){this.values=e===null?[]:[e]}_registerExternalChange(){this._externalChangeQueued||(this._externalChangeQueued=!0,queueMicrotask(()=>this._applyPendingExternalChanges()))}_applyPendingExternalChanges(){if(this._externalChangeQueued=!1,!this._ctx.all.isEq(this._slottedOptions)||!this._ctx.selectable.isEq(this._filteredOptions)){this._initializeState();return}let e={...this._ctx,selectionMode:this.selectionMode,selectionBehavior:this.selectionBehavior,requiredSelection:this.requiredSelection};this._ctx=e,this._applyNewState(E(this._state,e,this.values))}_initializeState(){if(this._ctx={selectionMode:this.selectionMode,selectionBehavior:this.selectionBehavior,requiredSelection:this.requiredSelection,selectable:C(this._filteredOptions),all:C(this._slottedOptions)},!this._slottedOptions?.length){this._state=k([]),this._activeDescendantId=null;return}this._applyNewState(O(this._ctx,this._slottedOptions,this.values))}_applyNewState(e){if(T(e)){let t=this._filteredOptions[e.activeIndex];this._activeDescendantId=t.id,U(t,{block:`nearest`,scrollMode:`if-needed`})}else this._activeDescendantId=null;let t=!W(this.values,e.values);this._state=e,this.values=[...e.values],this._updateSlottedOptions(),t&&this.$emit(`change`,void 0,{bubbles:!1,composed:!1})}_updateSlottedOptions(){for(let e of this._slottedOptions)e.selected=this.values.includes(e.value),e._highlighted=!!(this._activeDescendantId&&e.id===this._activeDescendantId)}_onKeydown(e){let t=N(this._state,this._ctx,e,Date.now());return!t||(this._applyNewState(F(this._state,this._ctx,t)),!1)}_onClick(e){let t=e.target.closest(`[data-vvd-component=option]`),n=t?this._filteredOptions.indexOf(t):-1;if(n===-1)return!0;let r=this._state;return this._applyNewState(F(r,this._ctx,P(r,this._ctx,e,n))),!1}};r.t([e.m({attribute:`selection-mode`,mode:`fromView`})],G.prototype,`selectionMode`,void 0),r.t([e.m({attribute:`selection-behavior`,mode:`fromView`})],G.prototype,`selectionBehavior`,void 0),r.t([e.m({attribute:`required-selection`,mode:`fromView`})],G.prototype,`requiredSelection`,void 0),r.t([e.A],G.prototype,`_hasNoMatches`,void 0),r.t([e.A],G.prototype,`_showNoMatchesMessage`,void 0),r.t([e.A],G.prototype,`_activeDescendantId`,void 0),r.t([e.A],G.prototype,`values`,void 0);var K=`:host{outline:none;flex-direction:column;gap:2px;display:flex}:host(:not(:focus-visible)){--_suppressable-focus-shadow:none;--_suppressable-focus-outline:none;--_suppressable-focus-outline-offset:0}.no-matches{padding:8px 16px}`,q=e=>e._hasNoMatches,J=e.u(`listbox`,G,t=>e.p`<template
+</slot>`,p=e=>{let t=e.ctrlKey||e.metaKey;return e.shiftKey&&t?`ShiftMod`:e.shiftKey?`Shift`:t?`Mod`:null},m=(e,t,n,r)=>{if(n.amount===`step`&&r===`Mod`)return null;if(t.selectionMode===`multiple`){if(n.amount===`step`&&r===`Shift`)return{action:{type:`extend-from-anchor`,anchorIndex:e.rangeAnchorIndex??e.activeIndex},replaceExisting:!1};if(n.amount===`limit`&&r===`ShiftMod`)return{action:{type:`select-from-current`},replaceExisting:!1}}return t.selectionBehavior===`replace`?{action:{type:`select`},replaceExisting:!0}:null},h=(e,t)=>t===`Shift`?{action:{type:`select-from-most-recent`},replaceExisting:e.selectionBehavior===`replace`}:t===`Mod`?{action:{type:`toggle`},replaceExisting:!1}:e.selectionBehavior===`replace`?{action:{type:`select`},replaceExisting:!0}:{action:{type:`toggle`},replaceExisting:!1};function g(e,t,n,r){let i=new Set(e),[a,o]=[n,r].sort((e,t)=>e-t),s=[...e];for(let e=a;e<=o;e++){let n=t.selectable.optionValue(e);i.has(n)||s.push(n)}return s}function _(e,t,n,r,i){let a=new Set(e),[o,,s]=[n,r,i].sort((e,t)=>e-t),c=[...e];for(let e=o;e<=s;e++){let i=t.selectable.optionValue(e);e<n&&e<r||e>n&&e>r?a.has(i)&&(c=c.filter(e=>e!==i)):a.has(i)||c.push(i)}return c}function v(e,t){let n=e.values;for(let e=n.length-1;e>=0;e--){let r=t.selectable.optionIndex(n[e]);if(r!==null)return r}return null}function y(e,t,n){let r=t=>({...e,values:t.values??e.values,activeIndex:t.activeIndex??e.activeIndex,rangeAnchorIndex:t.rangeAnchorIndex??null});if(n.type!==`action`)return r({});let i=e.values,{targetIndex:a,selection:o}=n,s=e=>t.selectionMode===`single`&&e.length>1?[e[e.length-1]]:t.requiredSelection!==`none`&&(e.length===0||t.requiredSelection===`selectable`&&!e.some(e=>t.selectable.optionIndex(e)!==null))?i:e,c=t.selectable.optionValue(a),l=o?.replaceExisting?[]:i;switch(o?.action.type){case void 0:return r({activeIndex:a});case`select`:return r({activeIndex:a,values:s(i.includes(c)?i:[...l,c])});case`toggle`:return r({activeIndex:a,values:s(i.includes(c)?l.filter(e=>e!==c):[...l,c])});case`select-from-current`:return r({activeIndex:a,values:s(g(l,t,e.activeIndex,a))});case`select-from-most-recent`:return r({activeIndex:a,values:s(g(l,t,v(e,t)??0,a))});case`extend-from-anchor`:return r({values:s(_(l,t,o.action.anchorIndex,a,e.activeIndex)),activeIndex:a,rangeAnchorIndex:o.action.anchorIndex})}}var b=2e3;function x(e,t,n,r){let i=e.typeahead&&e.typeahead.lastInputMs>r-b?e.typeahead:null;return n.length===1&&!(n===` `&&!i)?{buffer:(i?.buffer??``)+n,lastInputMs:r}:null}function S(e,t,n){if(n.type!==`typeahead`)return{...e,typeahead:null};let r=n.typeahead;for(let i=(e.activeIndex+1)%t.selectable.numOptions;i!==e.activeIndex;i=(i+1)%t.selectable.numOptions)if(t.selectable.optionText(i).toLowerCase().startsWith(r.buffer.toLowerCase()))return{...y(e,t,{type:`action`,targetIndex:i,selection:n.selection}),typeahead:r};return{...e,typeahead:r}}var C=e=>({numOptions:e.length,optionValue:t=>e[t].value,optionText:t=>e[t].text,optionIndex:t=>{let n=e.findIndex(e=>e.value===t);return n===-1?null:n},isEq:t=>e===t});function w(e,t,n){let r=t.filter(e=>e.selected||n.includes(e.value)).map(e=>e.value),i=e.selectionMode===`single`?1:1/0;return D(e,r.slice(0,i),i)}function T(e){return`activeIndex`in e}function E(e,t,n){let r=n.filter(e=>t.all.optionIndex(e)!==null),i=t.selectionMode===`single`?1:1/0,a=r.slice(0,i);return a=D(t,a,i),{...e,values:a}}function D(e,t,n){return e.requiredSelection===`none`||e.selectable.numOptions===0?t:t.length===0?[e.selectable.optionValue(0)]:e.requiredSelection===`selectable`&&!t.some(t=>e.selectable.optionIndex(t)!==null)?n===1?[e.selectable.optionValue(0)]:[...t,e.selectable.optionValue(0)]:t}function O(e,t,n){let r=w(e,t,n);if(e.selectable.numOptions===0)return k(r);let i=0;for(let t of r){let n=e.selectable.optionIndex(t);if(n!==null){i=n;break}}return{values:r,activeIndex:i,typeahead:null,rangeAnchorIndex:null}}function k(e){return{values:e}}function A(e){switch(e){case`Home`:return{direction:`backward`,amount:`limit`};case`End`:return{direction:`forward`,amount:`limit`};case`PageUp`:return{direction:`backward`,amount:`page`};case`PageDown`:return{direction:`forward`,amount:`page`};case`ArrowUp`:return{direction:`backward`,amount:`step`};case`ArrowDown`:return{direction:`forward`,amount:`step`}}return null}function j(e,t,n,r){let i={backward:0,forward:t-1},a={backward:-1,forward:1},o={step:1,page:n};switch(r.amount){case`limit`:return i[r.direction];case`page`:case`step`:return Math.min(i.forward,Math.max(i.backward,e+a[r.direction]*o[r.amount]))}}var M=10;function N(e,t,n,r){if(!T(e))return null;let i=x(e,t,n.key,r);if(i)return{type:`typeahead`,typeahead:i,selection:t.selectionBehavior===`replace`?{action:{type:`select`},replaceExisting:!0}:null};let a=A(n.key);return a?{type:`action`,targetIndex:j(e.activeIndex,t.selectable.numOptions,M,a),selection:m(e,t,a,p(n))}:n.key===` `?{type:`action`,targetIndex:e.activeIndex,selection:h(t,p(n))}:null}function P(e,t,n,r){return{type:`action`,targetIndex:r,selection:h(t,p(n))}}function F(e,t,n){return e=S(e,t,n),e=y(e,t,n),e}var I=e=>typeof e==`object`&&!!e&&e.nodeType===1,L=(e,t)=>(!t||e!==`hidden`)&&e!==`visible`&&e!==`clip`,R=(e,t)=>{if(e.clientHeight<e.scrollHeight||e.clientWidth<e.scrollWidth){let n=getComputedStyle(e,null);return L(n.overflowY,t)||L(n.overflowX,t)||(e=>{let t=(e=>{if(!e.ownerDocument||!e.ownerDocument.defaultView)return null;try{return e.ownerDocument.defaultView.frameElement}catch{return null}})(e);return!!t&&(t.clientHeight<e.scrollHeight||t.clientWidth<e.scrollWidth)})(e)}return!1},z=(e,t,n,r,i,a,o,s)=>a<e&&o>t||a>e&&o<t?0:a<=e&&s<=n||o>=t&&s>=n?a-e-r:o>t&&s<n||a<e&&s>n?o-t+i:0,B=e=>e.parentElement??(e.getRootNode().host||null),V=(e,t)=>{if(typeof document>`u`)return[];let{scrollMode:n,block:r,inline:i,boundary:a,skipOverflowHiddenElements:o}=t,s=typeof a==`function`?a:e=>e!==a;if(!I(e))throw TypeError(`Invalid target`);let c=document.scrollingElement||document.documentElement,l=[],u=e;for(;I(u)&&s(u);){if(u=B(u),u===c){l.push(u);break}u!=null&&u===document.body&&R(u)&&!R(document.documentElement)||u!=null&&R(u,o)&&l.push(u)}let d=window.visualViewport?.width??innerWidth,f=window.visualViewport?.height??innerHeight,{scrollX:p,scrollY:m}=window,{height:h,width:g,top:_,right:v,bottom:y,left:b}=e.getBoundingClientRect(),{top:x,right:S,bottom:C,left:w}=(e=>{let t=window.getComputedStyle(e);return{top:parseFloat(t.scrollMarginTop)||0,right:parseFloat(t.scrollMarginRight)||0,bottom:parseFloat(t.scrollMarginBottom)||0,left:parseFloat(t.scrollMarginLeft)||0}})(e),T=r===`start`||r===`nearest`?_-x:r===`end`?y+C:_+h/2-x+C,E=i===`center`?b+g/2-w+S:i===`end`?v+S:b-w,D=[];for(let e=0;e<l.length;e++){let t=l[e],{height:a,width:o,top:s,right:u,bottom:x,left:S}=t.getBoundingClientRect();if(n===`if-needed`&&_>=0&&b>=0&&y<=f&&v<=d&&(t===c&&!R(t)||_>=s&&y<=x&&b>=S&&v<=u))return D;let C=getComputedStyle(t),w=parseInt(C.borderLeftWidth,10),O=parseInt(C.borderTopWidth,10),k=parseInt(C.borderRightWidth,10),A=parseInt(C.borderBottomWidth,10),j=0,M=0,N=`offsetWidth`in t?t.offsetWidth-t.clientWidth-w-k:0,P=`offsetHeight`in t?t.offsetHeight-t.clientHeight-O-A:0,F=`offsetWidth`in t?t.offsetWidth===0?0:o/t.offsetWidth:0,I=`offsetHeight`in t?t.offsetHeight===0?0:a/t.offsetHeight:0;if(c===t)j=r===`start`?T:r===`end`?T-f:r===`nearest`?z(m,m+f,f,O,A,m+T,m+T+h,h):T-f/2,M=i===`start`?E:i===`center`?E-d/2:i===`end`?E-d:z(p,p+d,d,w,k,p+E,p+E+g,g),j=Math.max(0,j+m),M=Math.max(0,M+p);else{j=r===`start`?T-s-O:r===`end`?T-x+A+P:r===`nearest`?z(s,x,a,O,A+P,T,T+h,h):T-(s+a/2)+P/2,M=i===`start`?E-S-w:i===`center`?E-(S+o/2)+N/2:i===`end`?E-u+k+N:z(S,u,o,w,k+N,E,E+g,g);let{scrollLeft:e,scrollTop:n}=t;j=I===0?0:Math.max(0,Math.min(n+j/I,t.scrollHeight-a/I+P)),M=F===0?0:Math.max(0,Math.min(e+M/F,t.scrollWidth-o/F+N)),T+=n-j,E+=e-M}D.push({el:t,top:j,left:M})}return D},H=e=>!1===e?{block:`end`,inline:`nearest`}:(e=>e===Object(e)&&Object.keys(e).length!==0)(e)?e:{block:`start`,inline:`nearest`};function U(e,t){if(!e.isConnected||!(e=>{let t=e;for(;t&&t.parentNode;){if(t.parentNode===document)return!0;t=t.parentNode instanceof ShadowRoot?t.parentNode.host:t.parentNode}return!1})(e))return;let n=(e=>{let t=window.getComputedStyle(e);return{top:parseFloat(t.scrollMarginTop)||0,right:parseFloat(t.scrollMarginRight)||0,bottom:parseFloat(t.scrollMarginBottom)||0,left:parseFloat(t.scrollMarginLeft)||0}})(e);if((e=>typeof e==`object`&&typeof e.behavior==`function`)(t))return t.behavior(V(e,t));let r=typeof t==`boolean`||t==null?void 0:t.behavior;for(let{el:i,top:a,left:o}of V(e,H(t))){let e=a-n.top+n.bottom,t=o-n.left+n.right;i.scroll({top:e,left:t,behavior:r})}}var W=(e,t)=>JSON.stringify(e)===JSON.stringify(t),G=class extends u(d(a.t(e.t))){constructor(...e){super(...e),this.selectionMode=`single`,this.selectionBehavior=`toggle`,this.requiredSelection=`none`,this._hasNoMatches=!1,this._showNoMatchesMessage=!1,this._activeDescendantId=null,this.values=[],this._state=k([]),this._ctx={selectionMode:`single`,selectionBehavior:`toggle`,requiredSelection:`none`,selectable:C([]),all:C([])},this._externalChangeQueued=!1}selectionModeChanged(){this._registerExternalChange()}selectionBehaviorChanged(){this._registerExternalChange()}requiredSelectionChanged(){this._registerExternalChange()}_filteredOptionsChanged(){this._registerExternalChange(),this._updateNoMatchesMessage()}_updateNoMatchesMessage(){this._hasNoMatches=this.searchText!==``&&!this._slottedOptions.some(e=>!e.hidden&&!e._isNotMatching),clearTimeout(this._noMatchesTimer),this._hasNoMatches?this._showNoMatchesMessage||(this._noMatchesTimer=setTimeout(()=>{this._showNoMatchesMessage=!0},10)):this._showNoMatchesMessage=!1}disconnectedCallback(){super.disconnectedCallback(),clearTimeout(this._noMatchesTimer)}valuesChanged(){this._state&&!W(this._state.values,this.values)&&this._registerExternalChange()}get value(){return this.values[0]??null}set value(e){this.values=e===null?[]:[e]}_registerExternalChange(){this._externalChangeQueued||(this._externalChangeQueued=!0,queueMicrotask(()=>this._applyPendingExternalChanges()))}_applyPendingExternalChanges(){if(this._externalChangeQueued=!1,!this._ctx.all.isEq(this._slottedOptions)||!this._ctx.selectable.isEq(this._filteredOptions)){this._initializeState();return}let e={...this._ctx,selectionMode:this.selectionMode,selectionBehavior:this.selectionBehavior,requiredSelection:this.requiredSelection};this._ctx=e,this._applyNewState(E(this._state,e,this.values))}_initializeState(){if(this._ctx={selectionMode:this.selectionMode,selectionBehavior:this.selectionBehavior,requiredSelection:this.requiredSelection,selectable:C(this._filteredOptions),all:C(this._slottedOptions)},!this._slottedOptions?.length){this._state=k([]),this._activeDescendantId=null;return}this._applyNewState(O(this._ctx,this._slottedOptions,this.values))}_applyNewState(e){if(T(e)){let t=this._filteredOptions[e.activeIndex];this._activeDescendantId=t.id,U(t,{block:`nearest`,scrollMode:`if-needed`})}else this._activeDescendantId=null;let t=!W(this.values,e.values);this._state=e,this.values=[...e.values],this._updateSlottedOptions(),t&&this.$emit(`change`,void 0,{bubbles:!1,composed:!1})}_updateSlottedOptions(){for(let e of this._slottedOptions)e.selected=this.values.includes(e.value),e._highlighted=!!(this._activeDescendantId&&e.id===this._activeDescendantId)}_onKeydown(e){let t=N(this._state,this._ctx,e,Date.now());return!t||(this._applyNewState(F(this._state,this._ctx,t)),!1)}_onClick(e){let t=e.target.closest(`[data-vvd-component=option]`),n=t?this._filteredOptions.indexOf(t):-1;if(n===-1)return!0;let r=this._state;return this._applyNewState(F(r,this._ctx,P(r,this._ctx,e,n))),!1}};r.t([e.m({attribute:`selection-mode`,mode:`fromView`})],G.prototype,`selectionMode`,void 0),r.t([e.m({attribute:`selection-behavior`,mode:`fromView`})],G.prototype,`selectionBehavior`,void 0),r.t([e.m({attribute:`required-selection`,mode:`fromView`})],G.prototype,`requiredSelection`,void 0),r.t([e.A],G.prototype,`_hasNoMatches`,void 0),r.t([e.A],G.prototype,`_showNoMatchesMessage`,void 0),r.t([e.A],G.prototype,`_activeDescendantId`,void 0),r.t([e.A],G.prototype,`values`,void 0);var K=`:host{--option-text-line-clamp:1;--option-text-secondary-line-clamp:1;outline:none;flex-direction:column;gap:2px;display:flex}:host(:not(:focus-visible)){--_suppressable-focus-shadow:none;--_suppressable-focus-outline:none;--_suppressable-focus-outline-offset:0}.no-matches{padding:8px 16px}`,q=e=>e._hasNoMatches,J=e.u(`listbox`,G,t=>e.p`<template
 		tabindex="0"
 		${a.n({role:e=>q(e)?void 0:`listbox`,ariaMultiSelectable:e=>!q(e)&&e.selectionMode===`multiple`?`true`:void 0})}
 		aria-activedescendant="${e=>e._activeDescendantId}"

package/listbox/index.js

@@ -535,7 +535,7 @@ c([n({
 })], Z.prototype, "requiredSelection", void 0), c([e], Z.prototype, "_hasNoMatches", void 0), c([e], Z.prototype, "_showNoMatchesMessage", void 0), c([e], Z.prototype, "_activeDescendantId", void 0), c([e], Z.prototype, "values", void 0);
 //#endregion
 //#region src/lib/listbox/listbox.scss?inline
-var Q = ":host{outline:none;flex-direction:column;gap:2px;display:flex}:host(:not(:focus-visible)){--_suppressable-focus-shadow:none;--_suppressable-focus-outline:none;--_suppressable-focus-outline-offset:0}.no-matches{padding:8px 16px}", $ = (e) => e._hasNoMatches, ee = a("listbox", Z, (e) => r`<template
+var Q = ":host{--option-text-line-clamp:1;--option-text-secondary-line-clamp:1;outline:none;flex-direction:column;gap:2px;display:flex}:host(:not(:focus-visible)){--_suppressable-focus-shadow:none;--_suppressable-focus-outline:none;--_suppressable-focus-outline-offset:0}.no-matches{padding:8px 16px}", $ = (e) => e._hasNoMatches, ee = a("listbox", Z, (e) => r`<template
 		tabindex="0"
 		${u({
 	role: (e) => $(e) ? void 0 : "listbox",

package/locales/de-DE.cjs

@@ -1,4 +1,4 @@
-//#region ../../node_modules/.pnpm/video.js@8.24.0/node_modules/video.js/dist/lang/de.json
+//#region ../../node_modules/.pnpm/video.js@8.24.1/node_modules/video.js/dist/lang/de.json
 var de_exports = /* @__PURE__ */ require("../unbundled/rolldown-runtime.cjs").__exportAll({
 	Background: () => Background,
 	Black: () => Black,

package/locales/de-DE.js

@@ -1,5 +1,5 @@
 import { t as __exportAll } from "../unbundled/rolldown-runtime.js";
-//#region ../../node_modules/.pnpm/video.js@8.24.0/node_modules/video.js/dist/lang/de.json
+//#region ../../node_modules/.pnpm/video.js@8.24.1/node_modules/video.js/dist/lang/de.json
 var de_exports = /* @__PURE__ */ __exportAll({
 	Background: () => Background,
 	Black: () => Black,

package/locales/en-GB.cjs

@@ -1,4 +1,4 @@
-//#region ../../node_modules/.pnpm/video.js@8.24.0/node_modules/video.js/dist/lang/en-GB.json
+//#region ../../node_modules/.pnpm/video.js@8.24.1/node_modules/video.js/dist/lang/en-GB.json
 var en_GB_exports = /* @__PURE__ */ require("../unbundled/rolldown-runtime.cjs").__exportAll({
 	Color: () => Color,
 	default: () => en_GB_default

package/locales/en-GB.js

@@ -1,5 +1,5 @@
 import { t as __exportAll } from "../unbundled/rolldown-runtime.js";
-//#region ../../node_modules/.pnpm/video.js@8.24.0/node_modules/video.js/dist/lang/en-GB.json
+//#region ../../node_modules/.pnpm/video.js@8.24.1/node_modules/video.js/dist/lang/en-GB.json
 var en_GB_exports = /* @__PURE__ */ __exportAll({
 	Color: () => Color,
 	default: () => en_GB_default

package/locales/ja-JP.cjs

@@ -1,4 +1,4 @@
-//#region ../../node_modules/.pnpm/video.js@8.24.0/node_modules/video.js/dist/lang/ja.json
+//#region ../../node_modules/.pnpm/video.js@8.24.1/node_modules/video.js/dist/lang/ja.json
 var ja_exports = /* @__PURE__ */ require("../unbundled/rolldown-runtime.cjs").__exportAll({
 	Background: () => Background,
 	Black: () => "黒",

package/locales/ja-JP.js

@@ -1,5 +1,5 @@
 import { t as __exportAll } from "../unbundled/rolldown-runtime.js";
-//#region ../../node_modules/.pnpm/video.js@8.24.0/node_modules/video.js/dist/lang/ja.json
+//#region ../../node_modules/.pnpm/video.js@8.24.1/node_modules/video.js/dist/lang/ja.json
 var ja_exports = /* @__PURE__ */ __exportAll({
 	Background: () => Background,
 	Black: () => "黒",

package/locales/zh-CN.cjs

@@ -1,4 +1,4 @@
-//#region ../../node_modules/.pnpm/video.js@8.24.0/node_modules/video.js/dist/lang/zh-CN.json
+//#region ../../node_modules/.pnpm/video.js@8.24.1/node_modules/video.js/dist/lang/zh-CN.json
 var zh_CN_exports = /* @__PURE__ */ require("../unbundled/rolldown-runtime.cjs").__exportAll({
 	Background: () => Background,
 	Black: () => "黑",

package/locales/zh-CN.js

@@ -1,5 +1,5 @@
 import { t as __exportAll } from "../unbundled/rolldown-runtime.js";
-//#region ../../node_modules/.pnpm/video.js@8.24.0/node_modules/video.js/dist/lang/zh-CN.json
+//#region ../../node_modules/.pnpm/video.js@8.24.1/node_modules/video.js/dist/lang/zh-CN.json
 var zh_CN_exports = /* @__PURE__ */ __exportAll({
 	Background: () => Background,
 	Black: () => "黑",