@vonage/vivid 5.19.0 → 5.20.1

package/data-grid/index.cjs

@@ -1,33 +1,33 @@
-const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.cjs`),n=require(`../bundled/repeat.cjs`),r=require(`../bundled/normalize.cjs`),i=require(`../bundled/when.cjs`),a=require(`../bundled/slotted.cjs`),o=require(`../bundled/children.cjs`),s=require(`../bundled/definition.cjs`),c=require(`../bundled/decorate.cjs`),l=require(`../bundled/definition2.cjs`),u=require(`../bundled/class-names.cjs`),d=require(`../bundled/key-codes.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.connotation-cta{--_connotation-color-primary:var(--vvd-data-grid-row-cta-primary,var(--vvd-color-cta-500));--_connotation-color-primary-text:var(--vvd-data-grid-row-cta-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-data-grid-row-cta-primary-increment,var(--vvd-color-cta-600));--_connotation-color-firm:var(--vvd-data-grid-row-cta-firm,var(--vvd-color-cta-600));--_connotation-color-faint:var(--vvd-data-grid-row-cta-faint,var(--vvd-color-cta-50));--_connotation-color-soft:var(--vvd-data-grid-row-cta-soft,var(--vvd-color-cta-100));--_connotation-color-pale:var(--vvd-data-grid-row-cta-pale,var(--vvd-color-cta-300));--_connotation-color-dim:var(--vvd-data-grid-row-cta-dim,var(--vvd-color-cta-200))}.base:not(.connotation-cta){--_connotation-color-primary:var(--vvd-data-grid-row-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-primary-text:var(--vvd-data-grid-row-accent-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-data-grid-row-accent-primary-increment,var(--vvd-color-neutral-800));--_connotation-color-firm:var(--vvd-data-grid-row-accent-firm,var(--vvd-color-canvas-text));--_connotation-color-faint:var(--vvd-data-grid-row-accent-faint,var(--vvd-color-neutral-50));--_connotation-color-soft:var(--vvd-data-grid-row-accent-soft,var(--vvd-color-neutral-100));--_connotation-color-pale:var(--vvd-data-grid-row-accent-pale,var(--vvd-color-neutral-300));--_connotation-color-dim:var(--vvd-data-grid-row-accent-dim,var(--vvd-color-neutral-200))}.base{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}@media (hover:hover){.base:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}}.base.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}.base.selected:where(:not(.disabled,:disabled)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:transparent}@media (hover:hover){.base.selected:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-dim);--_appearance-color-outline:transparent}}.base.selected.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-dim);--_appearance-color-outline:transparent}.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.connotation-cta{--_connotation-color-primary:var(--vvd-data-grid-cell-cta-primary,var(--vvd-color-cta-500));--_connotation-color-primary-text:var(--vvd-data-grid-cell-cta-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-data-grid-cell-cta-primary-increment,var(--vvd-color-cta-600));--_connotation-color-firm:var(--vvd-data-grid-cell-cta-firm,var(--vvd-color-cta-600));--_connotation-color-soft:var(--vvd-data-grid-cell-cta-soft,var(--vvd-color-cta-100));--_connotation-color-faint:var(--vvd-data-grid-cell-cta-faint,var(--vvd-color-cta-50));--_connotation-color-pale:var(--vvd-data-grid-cell-cta-pale,var(--vvd-color-cta-300));--_connotation-color-dim:var(--vvd-data-grid-cell-cta-dim,var(--vvd-color-cta-200))}.base:not(.connotation-cta){--_connotation-color-primary:var(--vvd-data-grid-cell-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-primary-text:var(--vvd-data-grid-cell-accent-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-data-grid-cell-accent-primary-increment,var(--vvd-color-neutral-800));--_connotation-color-firm:var(--vvd-data-grid-cell-accent-firm,var(--vvd-color-canvas-text));--_connotation-color-soft:var(--vvd-data-grid-cell-accent-soft,var(--vvd-color-neutral-100));--_connotation-color-faint:var(--vvd-data-grid-cell-accent-faint,var(--vvd-color-neutral-50));--_connotation-color-pale:var(--vvd-data-grid-cell-accent-pale,var(--vvd-color-neutral-300));--_connotation-color-dim:var(--vvd-data-grid-cell-accent-dim,var(--vvd-color-neutral-200))}.base{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}@media (hover:hover){.base:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}}.base.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}.base.selected:where(:not(.disabled,:disabled)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:transparent}@media (hover:hover){.base.selected:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-dim);--_appearance-color-outline:transparent}}.base.selected.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-dim);--_appearance-color-outline:transparent}.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(--_appearance-color-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.l.create(this),this.$fastController.addBehavior(this.behaviorOrchestrator),this.behaviorOrchestrator.addBehaviorFactory(new n.t(r.t(e=>e.rowsData),r.t(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.A.enqueue(this.queueRowIndexUpdate),this.#e(),t.E.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.E.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 d.i:e.preventDefault(),this.focusOnCell(this.focusRowIndex-1,this.focusColumnIndex,!0);break;case d.t:e.preventDefault(),this.focusOnCell(this.focusRowIndex+1,this.focusColumnIndex,!0);break;case d.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 d.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 d.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));break}}queueFocusUpdate(){this.isUpdatingFocus&&this.contains(document.activeElement)||this.pendingFocusUpdate===!1&&(this.pendingFocusUpdate=!0,t.A.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(e,t){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.A.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.A.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=[]}};c.t([t.u({attribute:`no-tabbing`,mode:`boolean`})],S.prototype,`noTabbing`,void 0),c.t([t.u({attribute:`generate-header`})],S.prototype,`generateHeader`,void 0),c.t([t.u({attribute:`grid-template-columns`})],S.prototype,`gridTemplateColumns`,void 0),c.t([t.D],S.prototype,`rowsData`,void 0),c.t([t.D],S.prototype,`columnDefinitions`,void 0),c.t([t.D],S.prototype,`rowItemTemplate`,void 0),c.t([t.D],S.prototype,`cellItemTemplate`,void 0),c.t([t.D],S.prototype,`headerCellItemTemplate`,void 0),c.t([t.D],S.prototype,`focusRowIndex`,void 0),c.t([t.D],S.prototype,`focusColumnIndex`,void 0),c.t([t.u({attribute:`fixed-columns`,converter:t.d})],S.prototype,`fixedColumns`,void 0),c.t([t.D],S.prototype,`defaultRowItemTemplate`,void 0),c.t([t.D],S.prototype,`rowElementTag`,void 0),c.t([t.D],S.prototype,`rowElements`,void 0),c.t([t.D],S.prototype,`slottedRowElements`,void 0),c.t([t.u({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.l.create(this),this.$fastController.addBehavior(this.behaviorOrchestrator),this.behaviorOrchestrator.addBehaviorFactory(new n.t(r.t(e=>e.columnDefinitions),r.t(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)return;let t=0;switch(e.key){case d.n:t=Math.max(0,this.focusColumnIndex-1),this.cellElements[t].focus(),e.preventDefault();break;case d.r:t=Math.min(this.cellElements.length-1,this.focusColumnIndex+1),this.cellElements[t].focus(),e.preventDefault();break;case d.s:e.ctrlKey||(this.cellElements[0].focus(),e.preventDefault());break;case`End`:e.ctrlKey||(this.cellElements[this.cellElements.length-1].focus(),e.preventDefault());break}}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`}};c.t([t.u({attribute:`grid-template-columns`})],C.prototype,`gridTemplateColumns`,void 0),c.t([t.u({attribute:`row-type`})],C.prototype,`rowType`,void 0),c.t([t.D],C.prototype,`rowData`,void 0),c.t([t.D],C.prototype,`columnDefinitions`,void 0),c.t([t.D],C.prototype,`cellItemTemplate`,void 0),c.t([t.D],C.prototype,`headerCellItemTemplate`,void 0),c.t([t.D],C.prototype,`rowIndex`,void 0),c.t([t.D],C.prototype,`activeCellItemTemplate`,void 0),c.t([t.D],C.prototype,`defaultCellItemTemplate`,void 0),c.t([t.D],C.prototype,`defaultHeaderCellItemTemplate`,void 0),c.t([t.D],C.prototype,`cellElements`,void 0),c.t([t.D],C.prototype,`_selectable`,void 0),c.t([t.u({mode:`boolean`})],C.prototype,`selected`,void 0);function w(e){let n=e.tagFor(C);return t.f`
+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/definition2.cjs`),l=require(`../bundled/class-names.cjs`),u=require(`../bundled/key-codes.cjs`),d=require(`../bundled/host-semantics.cjs`),f=require(`../bundled/data-grid.options.cjs`);var p=`focus`,m=`focusin`,h=`focusout`,g=`keydown`,_=`: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.connotation-cta{--_connotation-color-primary:var(--vvd-data-grid-row-cta-primary,var(--vvd-color-cta-500));--_connotation-color-primary-text:var(--vvd-data-grid-row-cta-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-data-grid-row-cta-primary-increment,var(--vvd-color-cta-600));--_connotation-color-firm:var(--vvd-data-grid-row-cta-firm,var(--vvd-color-cta-600));--_connotation-color-faint:var(--vvd-data-grid-row-cta-faint,var(--vvd-color-cta-50));--_connotation-color-soft:var(--vvd-data-grid-row-cta-soft,var(--vvd-color-cta-100));--_connotation-color-pale:var(--vvd-data-grid-row-cta-pale,var(--vvd-color-cta-300));--_connotation-color-dim:var(--vvd-data-grid-row-cta-dim,var(--vvd-color-cta-200))}.base:not(.connotation-cta){--_connotation-color-primary:var(--vvd-data-grid-row-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-primary-text:var(--vvd-data-grid-row-accent-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-data-grid-row-accent-primary-increment,var(--vvd-color-neutral-800));--_connotation-color-firm:var(--vvd-data-grid-row-accent-firm,var(--vvd-color-canvas-text));--_connotation-color-faint:var(--vvd-data-grid-row-accent-faint,var(--vvd-color-neutral-50));--_connotation-color-soft:var(--vvd-data-grid-row-accent-soft,var(--vvd-color-neutral-100));--_connotation-color-pale:var(--vvd-data-grid-row-accent-pale,var(--vvd-color-neutral-300));--_connotation-color-dim:var(--vvd-data-grid-row-accent-dim,var(--vvd-color-neutral-200))}.base{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}@media (hover:hover){.base:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}}.base.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}.base.selected:where(:not(.disabled,:disabled)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:transparent}@media (hover:hover){.base.selected:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-dim);--_appearance-color-outline:transparent}}.base.selected.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-dim);--_appearance-color-outline:transparent}.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)}`,y=`: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.connotation-cta{--_connotation-color-primary:var(--vvd-data-grid-cell-cta-primary,var(--vvd-color-cta-500));--_connotation-color-primary-text:var(--vvd-data-grid-cell-cta-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-data-grid-cell-cta-primary-increment,var(--vvd-color-cta-600));--_connotation-color-firm:var(--vvd-data-grid-cell-cta-firm,var(--vvd-color-cta-600));--_connotation-color-soft:var(--vvd-data-grid-cell-cta-soft,var(--vvd-color-cta-100));--_connotation-color-faint:var(--vvd-data-grid-cell-cta-faint,var(--vvd-color-cta-50));--_connotation-color-pale:var(--vvd-data-grid-cell-cta-pale,var(--vvd-color-cta-300));--_connotation-color-dim:var(--vvd-data-grid-cell-cta-dim,var(--vvd-color-cta-200))}.base:not(.connotation-cta){--_connotation-color-primary:var(--vvd-data-grid-cell-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-primary-text:var(--vvd-data-grid-cell-accent-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-data-grid-cell-accent-primary-increment,var(--vvd-color-neutral-800));--_connotation-color-firm:var(--vvd-data-grid-cell-accent-firm,var(--vvd-color-canvas-text));--_connotation-color-soft:var(--vvd-data-grid-cell-accent-soft,var(--vvd-color-neutral-100));--_connotation-color-faint:var(--vvd-data-grid-cell-accent-faint,var(--vvd-color-neutral-50));--_connotation-color-pale:var(--vvd-data-grid-cell-accent-pale,var(--vvd-color-neutral-300));--_connotation-color-dim:var(--vvd-data-grid-cell-accent-dim,var(--vvd-color-neutral-200))}.base{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}@media (hover:hover){.base:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}}.base.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}.base.selected:where(:not(.disabled,:disabled)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:transparent}@media (hover:hover){.base.selected:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-dim);--_appearance-color-outline:transparent}}.base.selected.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-dim);--_appearance-color-outline:transparent}.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(--_appearance-color-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}`,b={none:`none`,singleRow:`single-row`,multiRow:`multi-row`,singleCell:`single-cell`,multiCell:`multi-cell`},x=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(p,this.handleFocus),this.addEventListener(g,this.handleKeydown),this.addEventListener(h,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(p,this.handleFocus),this.removeEventListener(g,this.handleKeydown),this.removeEventListener(h,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 u.i:e.preventDefault(),this.focusOnCell(this.focusRowIndex-1,this.focusColumnIndex,!0);break;case u.t:e.preventDefault(),this.focusOnCell(this.focusRowIndex+1,this.focusColumnIndex,!0);break;case u.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 u.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===f.a.sticky&&this.generatedHeader!==null&&(t=this.generatedHeader.clientHeight),this.scrollTop=e.offsetTop-t;break}}this.focusOnCell(t,this.focusColumnIndex,!1);break;case u.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));break}}queueFocusUpdate(){this.isUpdatingFocus&&this.contains(document.activeElement)||this.pendingFocusUpdate===!1&&(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!==f.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===f.a.sticky?f.i.stickyHeader:f.i.header,this.firstChild!==null&&this.insertBefore(e,this.firstChild);return}}slottedRowElementsChanged(e,t){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=f.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===b.singleCell||this.selectionMode===b.multiCell){this.#a({target:e,ctrlKey:t,shiftKey:n,metaKey:r});return}(this.selectionMode===b.singleRow||this.selectionMode===b.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===b.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===b.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===b.singleCell||this.selectionMode===b.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===b.none)for(let e of[...t,...n])e._selectable=!1,e.selected=!1;if(this.selectionMode===b.singleRow||this.selectionMode===b.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`})],x.prototype,`noTabbing`,void 0),s.t([t.m({attribute:`generate-header`})],x.prototype,`generateHeader`,void 0),s.t([t.m({attribute:`grid-template-columns`})],x.prototype,`gridTemplateColumns`,void 0),s.t([t.A],x.prototype,`rowsData`,void 0),s.t([t.A],x.prototype,`columnDefinitions`,void 0),s.t([t.A],x.prototype,`rowItemTemplate`,void 0),s.t([t.A],x.prototype,`cellItemTemplate`,void 0),s.t([t.A],x.prototype,`headerCellItemTemplate`,void 0),s.t([t.A],x.prototype,`focusRowIndex`,void 0),s.t([t.A],x.prototype,`focusColumnIndex`,void 0),s.t([t.m({attribute:`fixed-columns`,converter:t.h})],x.prototype,`fixedColumns`,void 0),s.t([t.A],x.prototype,`defaultRowItemTemplate`,void 0),s.t([t.A],x.prototype,`rowElementTag`,void 0),s.t([t.A],x.prototype,`rowElements`,void 0),s.t([t.A],x.prototype,`slottedRowElements`,void 0),s.t([t.m({attribute:`selection-mode`})],x.prototype,`selectionMode`,void 0);var S=class extends d.t(t.t){constructor(...e){super(...e),this.rowType=f.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(h,this.handleFocusout),this.addEventListener(g,this.handleKeydown),this.updateRowStyle()}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(`cell-focused`,this.handleCellFocus),this.removeEventListener(h,this.handleFocusout),this.removeEventListener(g,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)return;let t=0;switch(e.key){case u.n:t=Math.max(0,this.focusColumnIndex-1),this.cellElements[t].focus(),e.preventDefault();break;case u.r:t=Math.min(this.cellElements.length-1,this.focusColumnIndex+1),this.cellElements[t].focus(),e.preventDefault();break;case u.s:e.ctrlKey||(this.cellElements[0].focus(),e.preventDefault());break;case`End`:e.ctrlKey||(this.cellElements[this.cellElements.length-1].focus(),e.preventDefault());break}}updateItemTemplate(){this.activeCellItemTemplate=this.rowType===f.i.default&&this.cellItemTemplate!==void 0?this.cellItemTemplate:this.rowType===f.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`})],S.prototype,`gridTemplateColumns`,void 0),s.t([t.m({attribute:`row-type`})],S.prototype,`rowType`,void 0),s.t([t.A],S.prototype,`rowData`,void 0),s.t([t.A],S.prototype,`columnDefinitions`,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,`rowIndex`,void 0),s.t([t.A],S.prototype,`activeCellItemTemplate`,void 0),s.t([t.A],S.prototype,`defaultCellItemTemplate`,void 0),s.t([t.A],S.prototype,`defaultHeaderCellItemTemplate`,void 0),s.t([t.A],S.prototype,`cellElements`,void 0),s.t([t.A],S.prototype,`_selectable`,void 0),s.t([t.m({mode:`boolean`})],S.prototype,`selected`,void 0);function C(e){let n=e.tagFor(S);return t.p`
     <${n}
         :rowData="${e=>e}"
         :cellItemTemplate="${(e,t)=>t.parent.cellItemTemplate}"
         :headerCellItemTemplate="${(e,t)=>t.parent.headerCellItemTemplate}"
     ></${n}>
-`}function T(e){return e.selectionMode===void 0||e.selectionMode===x.none?null:e.selectionMode.includes(`multi`)?`true`:`false`}function E(e){if(e.columnDefinitions===null){let t=e.querySelector(`[cell-type="columnheader"]`)?.parentElement;if(e.generateHeader===p.a.default&&(t?.getAttribute(`row-type`)===p.i.header||t?.getAttribute(`row-type`)===p.i.stickyHeader))return;if(t){let n=e.generateHeader===p.a.sticky?p.i.stickyHeader:p.i.header;t.setAttribute(`row-type`,n)}}}function D(e,{event:t}){t.stopPropagation()}var O=e=>{let n=w(e),r=e.tagFor(C,!0);return t.f`
+`}function w(e){return e.selectionMode===void 0||e.selectionMode===b.none?null:e.selectionMode.includes(`multi`)?`true`:`false`}function T(e){if(e.columnDefinitions===null){let t=e.querySelector(`[cell-type="columnheader"]`)?.parentElement;if(e.generateHeader===f.a.default&&(t?.getAttribute(`row-type`)===f.i.header||t?.getAttribute(`row-type`)===f.i.stickyHeader))return;if(t){let n=e.generateHeader===f.a.sticky?f.i.stickyHeader:f.i.header;t.setAttribute(`row-type`,n)}}}function E(e,{event:t}){t.stopPropagation()}var D=e=>{let n=C(e),a=e.tagFor(S,!0);return t.p`
 		<template
-			aria-multiselectable="${T}"
+			aria-multiselectable="${w}"
 			role="grid"
 			tabindex="0"
-			@sort="${D}"
-			:rowElementTag="${()=>r}"
+			@sort="${E}"
+			:rowElementTag="${()=>a}"
 			:defaultRowItemTemplate="${n}"
-			${o.t({property:`rowElements`,filter:a.r(`[role=row],[data-vvd-component=data-grid-row]`)})}
+			${i.t({property:`rowElements`,filter:r.r(`[role=row],[data-vvd-component=data-grid-row]`)})}
 		>
 			<div class="base">
-				${E}
-				<slot ${a.t(`slottedRowElements`)}></slot>
+				${T}
+				<slot ${r.t(`slottedRowElements`)}></slot>
 			</div>
 		</template>
-	`},k=t.f`
+	`},O=t.p`
 	<template>
 		${e=>e.rowData===null||e.columnDefinition===null||e.columnDefinition.columnDataKey===null?null:e.rowData[e.columnDefinition.columnDataKey]}
 	</template>
-`,A=t.f`
+`,k=t.p`
 	<template>
 		${e=>e.columnDefinition.title===void 0?e.columnDefinition.columnDataKey:e.columnDefinition.title}
 	</template>
-`,j=class extends e.t(f.t(t.t)){constructor(...e){super(...e),this.cellType=p.r.default,this.rowData=null,this.columnDefinition=null,this.isActiveCell=!1,this.customCellView=null,this.updateCellStyle=()=>{this.gridColumn&&!this.gridColumn.includes(`undefined`)?this.style.gridColumn=this.gridColumn:this.style.removeProperty(`grid-column`)},this._selectable=!1,this.selected=!1,this.ariaSelected=null,this.ariaSort=null}cellTypeChanged(){this.$fastController.isConnected&&this.updateCellView()}gridColumnChanged(){this.$fastController.isConnected&&this.updateCellStyle()}columnDefinitionChanged(e,t){this.$fastController.isConnected&&this.updateCellView()}updateFixedStyle(){this.fixedPosition===void 0?(this.removeAttribute(`data-fixed`),this.style.removeProperty(`left`)):(this.setAttribute(`data-fixed`,``),this.style.left=this.fixedPosition)}setFixedPosition(e){this.fixedPosition=e,this.updateFixedStyle()}connectedCallback(){super.connectedCallback(),this.addEventListener(h,this.handleFocusin),this.addEventListener(g,this.handleFocusout),this.addEventListener(_,this.handleKeydown),this.style.gridColumn=`${this.columnDefinition?.gridColumn===void 0?0:this.columnDefinition.gridColumn}`,this.updateCellView(),this.updateCellStyle(),this.updateFixedStyle()}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(h,this.handleFocusin),this.removeEventListener(g,this.handleFocusout),this.removeEventListener(_,this.handleKeydown),this.disconnectCellView()}handleFocusin(e){if(this.shadowRoot.querySelector(`.base`).classList.add(`active`),!this.isActiveCell){switch(this.isActiveCell=!0,this.cellType){case p.r.columnHeader:if(this.columnDefinition!==null&&this.columnDefinition.headerCellInternalFocusQueue!==!0&&typeof this.columnDefinition.headerCellFocusTargetCallback==`function`){let e=this.columnDefinition.headerCellFocusTargetCallback(this);e!==null&&e.focus()}break;default:if(this.columnDefinition!==null&&this.columnDefinition.cellInternalFocusQueue!==!0&&typeof this.columnDefinition.cellFocusTargetCallback==`function`){let e=this.columnDefinition.cellFocusTargetCallback(this);e!==null&&e.focus()}break}this.$emit(`cell-focused`,this)}}handleFocusout(e){this.shadowRoot.querySelector(`.base`).classList.remove(`active`),this!==document.activeElement&&!this.contains(document.activeElement)&&(this.isActiveCell=!1)}handleKeydown(e){if(!(e.defaultPrevented||this.columnDefinition===null||this.cellType===p.r.default&&this.columnDefinition.cellInternalFocusQueue!==!0||this.cellType===p.r.columnHeader&&this.columnDefinition.headerCellInternalFocusQueue!==!0))switch(e.key){case d.a:case`F2`:if(this.contains(document.activeElement)&&document.activeElement!==this)return;switch(this.cellType){case p.r.columnHeader:if(this.columnDefinition.headerCellFocusTargetCallback!==void 0){let t=this.columnDefinition.headerCellFocusTargetCallback(this);t!==null&&t.focus(),e.preventDefault()}break;default:if(this.columnDefinition.cellFocusTargetCallback!==void 0){let t=this.columnDefinition.cellFocusTargetCallback(this);t!==null&&t.focus(),e.preventDefault()}break}break;case d.o:this.contains(document.activeElement)&&document.activeElement!==this&&(this.focus(),e.preventDefault());break}}updateCellView(){if(this.disconnectCellView(),this.columnDefinition!==null){switch(this.cellType){case p.r.columnHeader:this.columnDefinition.headerCellTemplate===void 0?this.customCellView=A.render(this,this):this.customCellView=this.columnDefinition.headerCellTemplate.render(this,this);break;case p.r.rowHeader:case p.r.default:this.columnDefinition.cellTemplate===void 0?this.customCellView=k.render(this,this):this.customCellView=this.columnDefinition.cellTemplate.render(this,this);break}this.columnDefinition?.sortable?this.columnDefinition.sortDirection?this.sortDirection=this.columnDefinition.sortDirection:this.sortDirection=p.n.none:this.sortDirection=void 0}}disconnectCellView(){this.customCellView!==null&&(this.customCellView.dispose(),this.customCellView=null)}ariaSelectedChanged(e,t){super.ariaSelectedChanged(e,t),this._selectable=t!==null,this.selected=t===`true`}ariaSortChanged(e,t){if(super.ariaSortChanged(e,t),t===null){this.sortDirection=void 0;return}this.sortDirection=t}#e(){return this.columnDefinition&&this.columnDefinition.columnDataKey?this.columnDefinition.columnDataKey:this.textContent.trim()}_handleInteraction(){let e=this.cellType===`columnheader`;return e&&this.sortDirection!==void 0&&this.$emit(`sort`,{columnDataKey:this.#e(),sortDirection:this.sortDirection}),(e?this.columnDefinition?.headerCellInternalFocusQueue:this.columnDefinition?.cellInternalFocusQueue)||this.$emit(`cell-click`,{cell:this,row:this.parentElement,isHeaderCell:e,columnDataKey:this.#e()}),!0}};c.t([t.u({attribute:`cell-type`})],j.prototype,`cellType`,void 0),c.t([t.u({attribute:`grid-column`})],j.prototype,`gridColumn`,void 0),c.t([t.D],j.prototype,`rowData`,void 0),c.t([t.D],j.prototype,`columnDefinition`,void 0),c.t([t.D],j.prototype,`_selectable`,void 0),c.t([t.u({mode:`boolean`})],j.prototype,`selected`,void 0),c.t([t.u({attribute:`sort-direction`})],j.prototype,`sortDirection`,void 0),c.t([t.D],j.prototype,`_actionItemsSlottedContent`,void 0);function M(e){return e._selectable&&e.selected?`true`:e._selectable&&!e.selected?`false`:null}function N(e){let n=e.tagFor(j);return t.f`
+`,A=class extends e.t(d.t(t.t)){constructor(...e){super(...e),this.cellType=f.r.default,this.rowData=null,this.columnDefinition=null,this.isActiveCell=!1,this.customCellView=null,this.updateCellStyle=()=>{this.gridColumn&&!this.gridColumn.includes(`undefined`)?this.style.gridColumn=this.gridColumn:this.style.removeProperty(`grid-column`)},this._selectable=!1,this.selected=!1,this.ariaSelected=null,this.ariaSort=null}cellTypeChanged(){this.$fastController.isConnected&&this.updateCellView()}gridColumnChanged(){this.$fastController.isConnected&&this.updateCellStyle()}columnDefinitionChanged(e,t){this.$fastController.isConnected&&this.updateCellView()}updateFixedStyle(){this.fixedPosition===void 0?(this.removeAttribute(`data-fixed`),this.style.removeProperty(`left`)):(this.setAttribute(`data-fixed`,``),this.style.left=this.fixedPosition)}setFixedPosition(e){this.fixedPosition=e,this.updateFixedStyle()}connectedCallback(){super.connectedCallback(),this.addEventListener(m,this.handleFocusin),this.addEventListener(h,this.handleFocusout),this.addEventListener(g,this.handleKeydown),this.style.gridColumn=`${this.columnDefinition?.gridColumn===void 0?0:this.columnDefinition.gridColumn}`,this.updateCellView(),this.updateCellStyle(),this.updateFixedStyle()}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(m,this.handleFocusin),this.removeEventListener(h,this.handleFocusout),this.removeEventListener(g,this.handleKeydown),this.disconnectCellView()}handleFocusin(e){if(this.shadowRoot.querySelector(`.base`).classList.add(`active`),!this.isActiveCell){switch(this.isActiveCell=!0,this.cellType){case f.r.columnHeader:if(this.columnDefinition!==null&&this.columnDefinition.headerCellInternalFocusQueue!==!0&&typeof this.columnDefinition.headerCellFocusTargetCallback==`function`){let e=this.columnDefinition.headerCellFocusTargetCallback(this);e!==null&&e.focus()}break;default:if(this.columnDefinition!==null&&this.columnDefinition.cellInternalFocusQueue!==!0&&typeof this.columnDefinition.cellFocusTargetCallback==`function`){let e=this.columnDefinition.cellFocusTargetCallback(this);e!==null&&e.focus()}break}this.$emit(`cell-focused`,this)}}handleFocusout(e){this.shadowRoot.querySelector(`.base`).classList.remove(`active`),this!==document.activeElement&&!this.contains(document.activeElement)&&(this.isActiveCell=!1)}handleKeydown(e){if(!(e.defaultPrevented||this.columnDefinition===null||this.cellType===f.r.default&&this.columnDefinition.cellInternalFocusQueue!==!0||this.cellType===f.r.columnHeader&&this.columnDefinition.headerCellInternalFocusQueue!==!0))switch(e.key){case u.a:case`F2`:if(this.contains(document.activeElement)&&document.activeElement!==this)return;switch(this.cellType){case f.r.columnHeader:if(this.columnDefinition.headerCellFocusTargetCallback!==void 0){let t=this.columnDefinition.headerCellFocusTargetCallback(this);t!==null&&t.focus(),e.preventDefault()}break;default:if(this.columnDefinition.cellFocusTargetCallback!==void 0){let t=this.columnDefinition.cellFocusTargetCallback(this);t!==null&&t.focus(),e.preventDefault()}break}break;case u.o:this.contains(document.activeElement)&&document.activeElement!==this&&(this.focus(),e.preventDefault());break}}updateCellView(){if(this.disconnectCellView(),this.columnDefinition!==null){switch(this.cellType){case f.r.columnHeader:this.columnDefinition.headerCellTemplate===void 0?this.customCellView=k.render(this,this):this.customCellView=this.columnDefinition.headerCellTemplate.render(this,this);break;case f.r.rowHeader:case f.r.default:this.columnDefinition.cellTemplate===void 0?this.customCellView=O.render(this,this):this.customCellView=this.columnDefinition.cellTemplate.render(this,this);break}this.columnDefinition?.sortable?this.columnDefinition.sortDirection?this.sortDirection=this.columnDefinition.sortDirection:this.sortDirection=f.n.none:this.sortDirection=void 0}}disconnectCellView(){this.customCellView!==null&&(this.customCellView.dispose(),this.customCellView=null)}ariaSelectedChanged(e,t){super.ariaSelectedChanged(e,t),this._selectable=t!==null,this.selected=t===`true`}ariaSortChanged(e,t){if(super.ariaSortChanged(e,t),t===null){this.sortDirection=void 0;return}this.sortDirection=t}#e(){return this.columnDefinition&&this.columnDefinition.columnDataKey?this.columnDefinition.columnDataKey:this.textContent.trim()}_handleInteraction(){let e=this.cellType===`columnheader`;return e&&this.sortDirection!==void 0&&this.$emit(`sort`,{columnDataKey:this.#e(),sortDirection:this.sortDirection}),(e?this.columnDefinition?.headerCellInternalFocusQueue:this.columnDefinition?.cellInternalFocusQueue)||this.$emit(`cell-click`,{cell:this,row:this.parentElement,isHeaderCell:e,columnDataKey:this.#e()}),!0}};s.t([t.m({attribute:`cell-type`})],A.prototype,`cellType`,void 0),s.t([t.m({attribute:`grid-column`})],A.prototype,`gridColumn`,void 0),s.t([t.A],A.prototype,`rowData`,void 0),s.t([t.A],A.prototype,`columnDefinition`,void 0),s.t([t.A],A.prototype,`_selectable`,void 0),s.t([t.m({mode:`boolean`})],A.prototype,`selected`,void 0),s.t([t.m({attribute:`sort-direction`})],A.prototype,`sortDirection`,void 0),s.t([t.A],A.prototype,`_actionItemsSlottedContent`,void 0);function j(e){return e._selectable&&e.selected?`true`:e._selectable&&!e.selected?`false`:null}function M(e){let n=e.tagFor(A);return t.p`
     <${n}
         cell-type="${e=>e.isRowHeader?`rowheader`:void 0}"
         grid-column="${(e,t)=>t.index+1}"
@@ -35,67 +35,67 @@ const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.
         :columnDefinition="${e=>e}"
 				selected="${(e,t)=>t.parent.ariaSelected===`true`?!0:null}"
     ></${n}>
-`}function P(e){let n=e.tagFor(j);return t.f`
+`}function N(e){let n=e.tagFor(A);return t.p`
     <${n}
         cell-type="columnheader"
         grid-column="${(e,t)=>t.index+1}"
         :columnDefinition="${e=>e}"
     ></${n}>
-`}var F=e=>{let n=N(e),r=P(e);return t.f`
+`}var P=e=>{let n=M(e),a=N(e);return t.p`
 		<template
-			${f.n({role:`row`,ariaSelected:M})}
+			${d.n({role:`row`,ariaSelected:j})}
 			class="${e=>e.rowType===`default`?``:e.rowType}"
 			:defaultCellItemTemplate="${n}"
-			:defaultHeaderCellItemTemplate="${r}"
-			${o.t({property:`cellElements`,filter:a.r(`[role="cell"],[role="gridcell"],[role="columnheader"],[role="rowheader"],[data-vvd-component="data-grid-cell"]`)})}
+			:defaultHeaderCellItemTemplate="${a}"
+			${i.t({property:`cellElements`,filter:r.r(`[role="cell"],[role="gridcell"],[role="columnheader"],[role="rowheader"],[data-vvd-component="data-grid-cell"]`)})}
 		>
 			<div
-				class="${e=>u.t(`base`,[`selected`,!!e.selected])}"
+				class="${e=>l.t(`base`,[`selected`,!!e.selected])}"
 				style="grid-template-columns: ${e=>e.gridTemplateColumns};"
 			>
-				<slot ${a.t(`slottedCellElements`)}></slot>
+				<slot ${r.t(`slottedCellElements`)}></slot>
 			</div>
 		</template>
-	`};function I(e){return e.cellType===`columnheader`&&e.sortDirection!==void 0&&e.sortDirection!==p.n.other}function L(e){return e.sortDirection===p.n.ascending?`sort-asc-solid`:e.sortDirection===p.n.descending?`sort-desc-solid`:`sort-solid`}function R(e){return e._selectable&&e.selected?`true`:e._selectable&&!e.selected?`false`:null}function z(e){let n=e.tagFor(l.r);return t.f`
-		${i.t(I,t.f`
-				<${n} class="header-icon" name="${L}"></${n}>
+	`};function F(e){return e.cellType===`columnheader`&&e.sortDirection!==void 0&&e.sortDirection!==f.n.other}function I(e){return e.sortDirection===f.n.ascending?`sort-asc-solid`:e.sortDirection===f.n.descending?`sort-desc-solid`:`sort-solid`}function L(e){return e._selectable&&e.selected?`true`:e._selectable&&!e.selected?`false`:null}function R(e){let n=e.tagFor(c.r);return t.p`
+		${a.t(F,t.p`
+				<${n} class="header-icon" name="${I}"></${n}>
 			`)}
-	`}function B(e){return e.cellType===p.r.columnHeader&&e.sortDirection!==void 0}function V(e){return e.sortDirection??p.n.none}function H(e){let t=V(e);return e.locale.dataGrid.cell.sortStatus?.[t]}function U(e){let t=V(e);return e.locale.dataGrid.cell.sortInstruction?.[t]}function W(e){return[H(e),U(e)].filter(e=>!!e).join(` `).trim()}function G(e,t){if(t.key===`Enter`||t.key===` `){if(t.target.closest(`[slot="action-items"]`))return!0;e._handleInteraction()}return!0}function K(e,t){return t.target.closest(`[slot="action-items"]`)||e._handleInteraction(),!0}var q=t.s(`data-grid-cell`,j,e=>{let n=e.tagFor(s.r);return t.f`
+	`}function z(e){return e.cellType===f.r.columnHeader&&e.sortDirection!==void 0}function B(e){return e.sortDirection??f.n.none}function V(e){let t=B(e);return e.locale.dataGrid.cell.sortStatus?.[t]}function H(e){let t=B(e);return e.locale.dataGrid.cell.sortInstruction?.[t]}function U(e){return[V(e),H(e)].filter(e=>!!e).join(` `).trim()}function W(e,t){if(t.key===`Enter`||t.key===` `){if(t.target.closest(`[slot="action-items"]`))return!0;e._handleInteraction()}return!0}function G(e,t){return t.target.closest(`[slot="action-items"]`)||e._handleInteraction(),!0}var K=t.u(`data-grid-cell`,A,e=>{let n=e.tagFor(o.r);return t.p`
 		<template
 			tabindex="-1"
-			${f.n({role:e=>p.t[e.cellType]??p.t.default,ariaSelected:R,ariaSort:e=>e.sortDirection??null})}
-			@click="${(e,t)=>K(e,t.event)}"
-			@keydown="${(e,t)=>G(e,t.event)}"
+			${d.n({role:e=>f.t[e.cellType]??f.t.default,ariaSelected:L,ariaSort:e=>e.sortDirection??null})}
+			@click="${(e,t)=>G(e,t.event)}"
+			@keydown="${(e,t)=>W(e,t.event)}"
 		>
-			<div class="${({selected:e,_actionItemsSlottedContent:t})=>u.t(`base`,[`selected`,!!e],[`has-action-items`,!!t?.length])}">
+			<div class="${({selected:e,_actionItemsSlottedContent:t})=>l.t(`base`,[`selected`,!!e],[`has-action-items`,!!t?.length])}">
 				<div
 					class="content"
-					role="${e=>I(e)?`button`:void 0}"
+					role="${e=>F(e)?`button`:void 0}"
 				>
-					${e=>e.selected?t.f`<${n}
+					${e=>e.selected?t.p`<${n}
 								data-announcement="selection"
 							>
 								${e=>e.locale.dataGrid.cell.selected}
 							</${n}>`:null}
 					<slot></slot>
-					${i.t(I,t.f`<${n}
+					${a.t(F,t.p`<${n}
 							data-announcement="button-role"
 						>
 							${e=>e.locale.dataGrid.cell.button}
 						</${n}>
 						`)}
-					${i.t(B,t.f`<${n}
+					${a.t(z,t.p`<${n}
 							aria-live="polite"
 							data-announcement="sort-state"
 						>
-							${W}
+							${U}
 						</${n}>`)}
-					${t=>z(e)}
+					${t=>R(e)}
 				</div>
 				<slot
 					name="action-items"
-					${a.t(`_actionItemsSlottedContent`)}
+					${r.t(`_actionItemsSlottedContent`)}
 				></slot>
 			</div>
 		</template>
-	`},[l.t,s.n],{styles:b}),J=t.s(`data-grid-row`,C,F,[q],{styles:y}),Y=t.s(`data-grid`,S,O,[J],{styles:v});t.c(Y)();
+	`},[c.t,o.n],{styles:y}),q=t.u(`data-grid-row`,S,P,[K],{styles:v}),J=t.u(`data-grid`,x,D,[q],{styles:_});t.d(J)();

package/data-grid/index.js

@@ -1,10 +1,9 @@
 import { t as e } from "../bundled/localized.js";
-import { A as t, D as n, E as r, c as i, d as a, f as o, l as s, s as c, t as l, u } from "../bundled/vivid-element.js";
-import { t as d } from "../bundled/repeat.js";
-import { t as f } from "../bundled/normalize.js";
-import { t as p } from "../bundled/when.js";
-import { r as m, t as h } from "../bundled/slotted.js";
-import { t as g } from "../bundled/children.js";
+import { A as t, M as n, d as r, f as i, h as a, k as o, m as s, p as c, t as l, u } from "../bundled/vivid-element.js";
+import { r as d, t as f } from "../bundled/repeat.js";
+import { r as p, t as m } from "../bundled/slotted.js";
+import { t as h } from "../bundled/children.js";
+import { t as g } from "../bundled/when.js";
 import { n as _, r as v } from "../bundled/definition.js";
 import { t as y } from "../bundled/decorate.js";
 import { r as b, t as x } from "../bundled/definition2.js";
@@ -70,10 +69,10 @@ var I = "focus", L = "focusin", R = "focusout", z = "keydown", B = ":host{displa
 		}), this.resizeObserver.observe(this));
 	}
 	connectedCallback() {
-		super.connectedCallback(), this.rowItemTemplate === void 0 && (this.rowItemTemplate = this.defaultRowItemTemplate), this.behaviorOrchestrator === null && (this.behaviorOrchestrator = s.create(this), this.$fastController.addBehavior(this.behaviorOrchestrator), this.behaviorOrchestrator.addBehaviorFactory(new d(f((e) => e.rowsData), f((e) => e.rowItemTemplate), { positioning: !0 }), this.appendChild(document.createComment("")))), this.toggleGeneratedHeader(), this.addEventListener("row-focused", this.handleRowFocus), this.addEventListener(I, this.handleFocus), this.addEventListener(z, this.handleKeydown), this.addEventListener(R, this.handleFocusOut), this.observer = new MutationObserver(this.onChildListChange), this.observer.observe(this, { childList: !0 }), this.setupResizeObserver(), t.enqueue(this.queueRowIndexUpdate), this.#e(), r.getNotifier(this).subscribe(this.#s, "columnDefinitions");
+		super.connectedCallback(), this.rowItemTemplate === void 0 && (this.rowItemTemplate = this.defaultRowItemTemplate), this.behaviorOrchestrator === null && (this.behaviorOrchestrator = i.create(this), this.$fastController.addBehavior(this.behaviorOrchestrator), this.behaviorOrchestrator.addBehaviorFactory(new f(d((e) => e.rowsData), d((e) => e.rowItemTemplate), { positioning: !0 }), this.appendChild(document.createComment("")))), this.toggleGeneratedHeader(), this.addEventListener("row-focused", this.handleRowFocus), this.addEventListener(I, this.handleFocus), this.addEventListener(z, this.handleKeydown), this.addEventListener(R, this.handleFocusOut), this.observer = new MutationObserver(this.onChildListChange), this.observer.observe(this, { childList: !0 }), this.setupResizeObserver(), n.enqueue(this.queueRowIndexUpdate), this.#e(), o.getNotifier(this).subscribe(this.#s, "columnDefinitions");
 	}
 	disconnectedCallback() {
-		super.disconnectedCallback(), this.removeEventListener("row-focused", this.handleRowFocus), this.removeEventListener(I, this.handleFocus), this.removeEventListener(z, this.handleKeydown), this.removeEventListener(R, this.handleFocusOut), this.observer.disconnect(), this.resizeObserver &&= (this.resizeObserver.disconnect(), void 0), this.generatedHeader = null, r.getNotifier(this).unsubscribe(this.#s, "columnDefinitions");
+		super.disconnectedCallback(), this.removeEventListener("row-focused", this.handleRowFocus), this.removeEventListener(I, this.handleFocus), this.removeEventListener(z, this.handleKeydown), this.removeEventListener(R, this.handleFocusOut), this.observer.disconnect(), this.resizeObserver &&= (this.resizeObserver.disconnect(), void 0), this.generatedHeader = null, o.getNotifier(this).unsubscribe(this.#s, "columnDefinitions");
 	}
 	handleRowFocus(e) {
 		this.isUpdatingFocus = !0;
@@ -144,7 +143,7 @@ var I = "focus", L = "focusin", R = "focusout", z = "keydown", B = ":host{displa
 		}
 	}
 	queueFocusUpdate() {
-		this.isUpdatingFocus && this.contains(document.activeElement) || this.pendingFocusUpdate === !1 && (this.pendingFocusUpdate = !0, t.enqueue(() => this.updateFocus()));
+		this.isUpdatingFocus && this.contains(document.activeElement) || this.pendingFocusUpdate === !1 && (this.pendingFocusUpdate = !0, n.enqueue(() => this.updateFocus()));
 	}
 	updateFocus() {
 		this.pendingFocusUpdate = !1, this.focusOnCell(this.focusRowIndex, this.focusColumnIndex, !0);
@@ -171,7 +170,7 @@ var I = "focus", L = "focusin", R = "focusout", z = "keydown", B = ":host{displa
 	}
 	selectionModeChanged(e) {
 		if (e === void 0) {
-			t.enqueue(this._resetSelection);
+			n.enqueue(this._resetSelection);
 			return;
 		}
 		this._resetSelection(!0);
@@ -199,7 +198,7 @@ var I = "focus", L = "focusin", R = "focusout", z = "keydown", B = ":host{displa
 				});
 			}), this.queueRowIndexUpdate());
 		}, this.queueRowIndexUpdate = () => {
-			this.rowindexUpdateQueued || (this.rowindexUpdateQueued = !0, t.enqueue(this.updateRowIndexes));
+			this.rowindexUpdateQueued || (this.rowindexUpdateQueued = !0, n.enqueue(this.updateRowIndexes));
 		}, this.updateRowIndexes = () => {
 			let e = this.gridTemplateColumns;
 			if (e === void 0) {
@@ -313,13 +312,13 @@ var I = "focus", L = "focusin", R = "focusout", z = "keydown", B = ":host{displa
 		}), this.fixedColumnsPositions = [];
 	}
 };
-y([u({
+y([s({
 	attribute: "no-tabbing",
 	mode: "boolean"
-})], W.prototype, "noTabbing", void 0), y([u({ attribute: "generate-header" })], W.prototype, "generateHeader", void 0), y([u({ attribute: "grid-template-columns" })], W.prototype, "gridTemplateColumns", void 0), y([n], W.prototype, "rowsData", void 0), y([n], W.prototype, "columnDefinitions", void 0), y([n], W.prototype, "rowItemTemplate", void 0), y([n], W.prototype, "cellItemTemplate", void 0), y([n], W.prototype, "headerCellItemTemplate", void 0), y([n], W.prototype, "focusRowIndex", void 0), y([n], W.prototype, "focusColumnIndex", void 0), y([u({
+})], W.prototype, "noTabbing", void 0), y([s({ attribute: "generate-header" })], W.prototype, "generateHeader", void 0), y([s({ attribute: "grid-template-columns" })], W.prototype, "gridTemplateColumns", void 0), y([t], W.prototype, "rowsData", void 0), y([t], W.prototype, "columnDefinitions", void 0), y([t], W.prototype, "rowItemTemplate", void 0), y([t], W.prototype, "cellItemTemplate", void 0), y([t], W.prototype, "headerCellItemTemplate", void 0), y([t], W.prototype, "focusRowIndex", void 0), y([t], W.prototype, "focusColumnIndex", void 0), y([s({
 	attribute: "fixed-columns",
 	converter: a
-})], W.prototype, "fixedColumns", void 0), y([n], W.prototype, "defaultRowItemTemplate", void 0), y([n], W.prototype, "rowElementTag", void 0), y([n], W.prototype, "rowElements", void 0), y([n], W.prototype, "slottedRowElements", void 0), y([u({ attribute: "selection-mode" })], W.prototype, "selectionMode", void 0);
+})], W.prototype, "fixedColumns", void 0), y([t], W.prototype, "defaultRowItemTemplate", void 0), y([t], W.prototype, "rowElementTag", void 0), y([t], W.prototype, "rowElements", void 0), y([t], W.prototype, "slottedRowElements", void 0), y([s({ attribute: "selection-mode" })], W.prototype, "selectionMode", void 0);
 //#endregion
 //#region src/lib/data-grid/data-grid-row.ts
 var G = class extends A(l) {
@@ -341,7 +340,7 @@ var G = class extends A(l) {
 		this.updateItemTemplate();
 	}
 	connectedCallback() {
-		super.connectedCallback(), this.behaviorOrchestrator === null && (this.updateItemTemplate(), this.behaviorOrchestrator = s.create(this), this.$fastController.addBehavior(this.behaviorOrchestrator), this.behaviorOrchestrator.addBehaviorFactory(new d(f((e) => e.columnDefinitions), f((e) => e.activeCellItemTemplate), { positioning: !0 }), this.appendChild(document.createComment("")))), this.addEventListener("cell-focused", this.handleCellFocus), this.addEventListener(R, this.handleFocusout), this.addEventListener(z, this.handleKeydown), this.updateRowStyle();
+		super.connectedCallback(), this.behaviorOrchestrator === null && (this.updateItemTemplate(), this.behaviorOrchestrator = i.create(this), this.$fastController.addBehavior(this.behaviorOrchestrator), this.behaviorOrchestrator.addBehaviorFactory(new f(d((e) => e.columnDefinitions), d((e) => e.activeCellItemTemplate), { positioning: !0 }), this.appendChild(document.createComment("")))), this.addEventListener("cell-focused", this.handleCellFocus), this.addEventListener(R, this.handleFocusout), this.addEventListener(z, this.handleKeydown), this.updateRowStyle();
 	}
 	disconnectedCallback() {
 		super.disconnectedCallback(), this.removeEventListener("cell-focused", this.handleCellFocus), this.removeEventListener(R, this.handleFocusout), this.removeEventListener(z, this.handleKeydown);
@@ -378,12 +377,12 @@ var G = class extends A(l) {
 		super.ariaSelectedChanged(e, t), this._selectable = t !== null, this.selected = t === "true";
 	}
 };
-y([u({ attribute: "grid-template-columns" })], G.prototype, "gridTemplateColumns", void 0), y([u({ attribute: "row-type" })], G.prototype, "rowType", void 0), y([n], G.prototype, "rowData", void 0), y([n], G.prototype, "columnDefinitions", void 0), y([n], G.prototype, "cellItemTemplate", void 0), y([n], G.prototype, "headerCellItemTemplate", void 0), y([n], G.prototype, "rowIndex", void 0), y([n], G.prototype, "activeCellItemTemplate", void 0), y([n], G.prototype, "defaultCellItemTemplate", void 0), y([n], G.prototype, "defaultHeaderCellItemTemplate", void 0), y([n], G.prototype, "cellElements", void 0), y([n], G.prototype, "_selectable", void 0), y([u({ mode: "boolean" })], G.prototype, "selected", void 0);
+y([s({ attribute: "grid-template-columns" })], G.prototype, "gridTemplateColumns", void 0), y([s({ attribute: "row-type" })], G.prototype, "rowType", void 0), y([t], G.prototype, "rowData", void 0), y([t], G.prototype, "columnDefinitions", void 0), y([t], G.prototype, "cellItemTemplate", void 0), y([t], G.prototype, "headerCellItemTemplate", void 0), y([t], G.prototype, "rowIndex", void 0), y([t], G.prototype, "activeCellItemTemplate", void 0), y([t], G.prototype, "defaultCellItemTemplate", void 0), y([t], G.prototype, "defaultHeaderCellItemTemplate", void 0), y([t], G.prototype, "cellElements", void 0), y([t], G.prototype, "_selectable", void 0), y([s({ mode: "boolean" })], G.prototype, "selected", void 0);
 //#endregion
 //#region src/lib/data-grid/data-grid.template.ts
 function K(e) {
 	let t = e.tagFor(G);
-	return o`
+	return c`
     <${t}
         :rowData="${(e) => e}"
         :cellItemTemplate="${(e, t) => t.parent.cellItemTemplate}"
@@ -409,7 +408,7 @@ function Y(e, { event: t }) {
 }
 var X = (e) => {
 	let t = K(e), n = e.tagFor(G, !0);
-	return o`
+	return c`
 		<template
 			aria-multiselectable="${q}"
 			role="grid"
@@ -417,22 +416,22 @@ var X = (e) => {
 			@sort="${Y}"
 			:rowElementTag="${() => n}"
 			:defaultRowItemTemplate="${t}"
-			${g({
+			${h({
 		property: "rowElements",
-		filter: m("[role=row],[data-vvd-component=data-grid-row]")
+		filter: p("[role=row],[data-vvd-component=data-grid-row]")
 	})}
 		>
 			<div class="base">
 				${J}
-				<slot ${h("slottedRowElements")}></slot>
+				<slot ${m("slottedRowElements")}></slot>
 			</div>
 		</template>
 	`;
-}, re = o`
+}, re = c`
 	<template>
 		${(e) => e.rowData === null || e.columnDefinition === null || e.columnDefinition.columnDataKey === null ? null : e.rowData[e.columnDefinition.columnDataKey]}
 	</template>
-`, ie = o`
+`, ie = c`
 	<template>
 		${(e) => e.columnDefinition.title === void 0 ? e.columnDefinition.columnDataKey : e.columnDefinition.title}
 	</template>
@@ -557,7 +556,7 @@ var X = (e) => {
 		}), !0;
 	}
 };
-y([u({ attribute: "cell-type" })], Z.prototype, "cellType", void 0), y([u({ attribute: "grid-column" })], Z.prototype, "gridColumn", void 0), y([n], Z.prototype, "rowData", void 0), y([n], Z.prototype, "columnDefinition", void 0), y([n], Z.prototype, "_selectable", void 0), y([u({ mode: "boolean" })], Z.prototype, "selected", void 0), y([u({ attribute: "sort-direction" })], Z.prototype, "sortDirection", void 0), y([n], Z.prototype, "_actionItemsSlottedContent", void 0);
+y([s({ attribute: "cell-type" })], Z.prototype, "cellType", void 0), y([s({ attribute: "grid-column" })], Z.prototype, "gridColumn", void 0), y([t], Z.prototype, "rowData", void 0), y([t], Z.prototype, "columnDefinition", void 0), y([t], Z.prototype, "_selectable", void 0), y([s({ mode: "boolean" })], Z.prototype, "selected", void 0), y([s({ attribute: "sort-direction" })], Z.prototype, "sortDirection", void 0), y([t], Z.prototype, "_actionItemsSlottedContent", void 0);
 //#endregion
 //#region src/lib/data-grid/data-grid-row.template.ts
 function ae(e) {
@@ -565,7 +564,7 @@ function ae(e) {
 }
 function oe(e) {
 	let t = e.tagFor(Z);
-	return o`
+	return c`
     <${t}
         cell-type="${(e) => e.isRowHeader ? "rowheader" : void 0}"
         grid-column="${(e, t) => t.index + 1}"
@@ -577,7 +576,7 @@ function oe(e) {
 }
 function se(e) {
 	let t = e.tagFor(Z);
-	return o`
+	return c`
     <${t}
         cell-type="columnheader"
         grid-column="${(e, t) => t.index + 1}"
@@ -587,7 +586,7 @@ function se(e) {
 }
 var ce = (e) => {
 	let t = oe(e), n = se(e);
-	return o`
+	return c`
 		<template
 			${k({
 		role: "row",
@@ -596,16 +595,16 @@ var ce = (e) => {
 			class="${(e) => e.rowType === "default" ? "" : e.rowType}"
 			:defaultCellItemTemplate="${t}"
 			:defaultHeaderCellItemTemplate="${n}"
-			${g({
+			${h({
 		property: "cellElements",
-		filter: m("[role=\"cell\"],[role=\"gridcell\"],[role=\"columnheader\"],[role=\"rowheader\"],[data-vvd-component=\"data-grid-cell\"]")
+		filter: p("[role=\"cell\"],[role=\"gridcell\"],[role=\"columnheader\"],[role=\"rowheader\"],[data-vvd-component=\"data-grid-cell\"]")
 	})}
 		>
 			<div
 				class="${(e) => S("base", ["selected", !!e.selected])}"
 				style="grid-template-columns: ${(e) => e.gridTemplateColumns};"
 			>
-				<slot ${h("slottedCellElements")}></slot>
+				<slot ${m("slottedCellElements")}></slot>
 			</div>
 		</template>
 	`;
@@ -623,8 +622,8 @@ function ue(e) {
 }
 function de(e) {
 	let t = e.tagFor(b);
-	return o`
-		${p(Q, o`
+	return c`
+		${g(Q, c`
 				<${t} class="header-icon" name="${le}"></${t}>
 			`)}
 	`;
@@ -658,9 +657,9 @@ function _e(e, t) {
 }
 //#endregion
 //#region src/lib/data-grid/index.ts
-i(c("data-grid", W, X, [c("data-grid-row", G, ce, [c("data-grid-cell", Z, (e) => {
+r(u("data-grid", W, X, [u("data-grid-row", G, ce, [u("data-grid-cell", Z, (e) => {
 	let t = e.tagFor(v);
-	return o`
+	return c`
 		<template
 			tabindex="-1"
 			${k({
@@ -676,19 +675,19 @@ i(c("data-grid", W, X, [c("data-grid-row", G, ce, [c("data-grid-cell", Z, (e) =>
 					class="content"
 					role="${(e) => Q(e) ? "button" : void 0}"
 				>
-					${(e) => e.selected ? o`<${t}
+					${(e) => e.selected ? c`<${t}
 								data-announcement="selection"
 							>
 								${(e) => e.locale.dataGrid.cell.selected}
 							</${t}>` : null}
 					<slot></slot>
-					${p(Q, o`<${t}
+					${g(Q, c`<${t}
 							data-announcement="button-role"
 						>
 							${(e) => e.locale.dataGrid.cell.button}
 						</${t}>
 						`)}
-					${p(fe, o`<${t}
+					${g(fe, c`<${t}
 							aria-live="polite"
 							data-announcement="sort-state"
 						>
@@ -698,7 +697,7 @@ i(c("data-grid", W, X, [c("data-grid-row", G, ce, [c("data-grid-cell", Z, (e) =>
 				</div>
 				<slot
 					name="action-items"
-					${h("_actionItemsSlottedContent")}
+					${m("_actionItemsSlottedContent")}
 				></slot>
 			</div>
 		</template>

package/date-picker/definition.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_definition = require("../unbundled/definition37.cjs");
+const require_definition = require("../unbundled/definition36.cjs");
 exports.VwcDatePickerElement = require_definition.DatePicker;
 exports.datePickerDefinition = require_definition.datePickerDefinition;
 exports.registerDatePicker = require_definition.registerDatePicker;

package/date-picker/definition.js

@@ -1,2 +1,2 @@
-import { n as registerDatePicker, r as DatePicker, t as datePickerDefinition } from "../unbundled/definition37.js";
+import { n as registerDatePicker, r as DatePicker, t as datePickerDefinition } from "../unbundled/definition36.js";
 export { DatePicker as VwcDatePickerElement, datePickerDefinition, registerDatePicker };

package/date-picker/index.cjs

@@ -1 +1 @@
-const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/definition.cjs`),n=require(`../bundled/decorate.cjs`),r=require(`../bundled/definition6.cjs`),i=require(`../bundled/definition8.cjs`),a=require(`../bundled/definition12.cjs`),o=require(`../bundled/picker-field.template.cjs`),s=require(`../bundled/single-value-picker.cjs`),c=require(`../bundled/definition19.cjs`),l=require(`../bundled/calendar-picker.template.cjs`),u=require(`../bundled/single-date-picker.cjs`);var d=class extends u.t(s.t(l.n(l.i(o.n)))){_toPresentationValue(e){return l.a(e,this.locale.calendarPicker)}_parsePresentationValue(e){return l.o(e,this.locale.calendarPicker)}_dateValue(){return this.value}_withUpdatedDate(e){return e}constructor(){super(),this._isValidValue=l.l,this._textFieldSize=`20`,this.proxy.type=`date`}get _pickerButtonLabel(){return this.value?this.locale.calendarPicker.changeDateLabel(this._toPresentationValue(this.value)):this.locale.calendarPicker.chooseDateLabel}get _dialogLabel(){return this.locale.calendarPicker.chooseDateLabel}get _textFieldPlaceholder(){return this.locale.calendarPicker.dateFormatPlaceholder}_onDateClick(e){super._onDateClick(e),this._closePopup()}_getCustomValidationError(){return this._isPresentationValueInvalid()?this.locale.calendarPicker.invalidDateError:null}_focusableElsWithinDialog(){return this._dialogEl.querySelectorAll(`button, .vwc-button`)}get _pickerButtonIcon(){return`calendar-line`}};n.t([e.O],d.prototype,`_pickerButtonLabel`,null);var f=e.s(`date-picker`,d,e=>o.t(e,l.t(e),{withSeparator:!1,padded:!0}),[r.t,i.t,a.n,c.t,t.n],{styles:[o.r,l.u],shadowOptions:{delegatesFocus:!0}});e.c(f)();
+const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/definition.cjs`),n=require(`../bundled/decorate.cjs`),r=require(`../bundled/definition6.cjs`),i=require(`../bundled/definition8.cjs`),a=require(`../bundled/definition12.cjs`),o=require(`../bundled/picker-field.template.cjs`),s=require(`../bundled/single-value-picker.cjs`),c=require(`../bundled/definition19.cjs`),l=require(`../bundled/calendar-picker.template.cjs`),u=require(`../bundled/single-date-picker.cjs`);var d=class extends u.t(s.t(l.n(l.i(o.n)))){_toPresentationValue(e){return l.a(e,this.locale.calendarPicker)}_parsePresentationValue(e){return l.o(e,this.locale.calendarPicker)}_dateValue(){return this.value}_withUpdatedDate(e){return e}constructor(){super(),this._isValidValue=l.l,this._textFieldSize=`20`,this.proxy.type=`date`}get _pickerButtonLabel(){return this.value?this.locale.calendarPicker.changeDateLabel(this._toPresentationValue(this.value)):this.locale.calendarPicker.chooseDateLabel}get _dialogLabel(){return this.locale.calendarPicker.chooseDateLabel}get _textFieldPlaceholder(){return this.locale.calendarPicker.dateFormatPlaceholder}_onDateClick(e){super._onDateClick(e),this._closePopup()}_getCustomValidationError(){return this._isPresentationValueInvalid()?this.locale.calendarPicker.invalidDateError:null}_focusableElsWithinDialog(){return this._dialogEl.querySelectorAll(`button, .vwc-button`)}get _pickerButtonIcon(){return`calendar-line`}};n.t([e.j],d.prototype,`_pickerButtonLabel`,null);var f=e.u(`date-picker`,d,e=>o.t(e,l.t(e),{withSeparator:!1,padded:!0}),[r.t,i.t,a.n,c.t,t.n],{styles:[o.r,l.u],shadowOptions:{delegatesFocus:!0}});e.d(f)();

package/date-picker/index.js

@@ -1,4 +1,4 @@
-import { O as e, c as t, s as n } from "../bundled/vivid-element.js";
+import { d as e, j as t, u as n } from "../bundled/vivid-element.js";
 import { n as r } from "../bundled/definition.js";
 import { t as i } from "../bundled/decorate.js";
 import { t as a } from "../bundled/definition6.js";
@@ -50,7 +50,7 @@ var x = class extends b(d(g(m(c)))) {
 };
 //#endregion
 //#region src/lib/date-picker/index.ts
-i([e], x.prototype, "_pickerButtonLabel", null), t(n("date-picker", x, (e) => u(e, v(e), {
+i([t], x.prototype, "_pickerButtonLabel", null), e(n("date-picker", x, (e) => u(e, v(e), {
 	withSeparator: !1,
 	padded: !0
 }), [

package/date-range-picker/definition.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_definition = require("../unbundled/definition38.cjs");
+const require_definition = require("../unbundled/definition37.cjs");
 exports.VwcDateRangePickerElement = require_definition.DateRangePicker;
 exports.dateRangePickerDefinition = require_definition.dateRangePickerDefinition;
 exports.registerDateRangePicker = require_definition.registerDateRangePicker;

package/date-range-picker/definition.js

@@ -1,2 +1,2 @@
-import { n as registerDateRangePicker, r as DateRangePicker, t as dateRangePickerDefinition } from "../unbundled/definition38.js";
+import { n as registerDateRangePicker, r as DateRangePicker, t as dateRangePickerDefinition } from "../unbundled/definition37.js";
 export { DateRangePicker as VwcDateRangePickerElement, dateRangePickerDefinition, registerDateRangePicker };

package/date-range-picker/index.cjs

@@ -1 +1 @@
-const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/definition.cjs`),n=require(`../bundled/decorate.cjs`),r=require(`../bundled/definition6.cjs`),i=require(`../bundled/definition8.cjs`),a=require(`../bundled/definition12.cjs`),o=require(`../bundled/picker-field.template.cjs`),s=require(`../bundled/definition19.cjs`),c=require(`../bundled/calendar-picker.template.cjs`);var l=(e,t)=>`${e} – ${t}`,u=(e,t)=>l(c.a(e.start,t),c.a(e.end,t)),d=(e,t)=>{let n=e.trim().split(/[\s—–-]+/);if(n.length!==2)throw Error(`Invalid date range: ${e}`);let[r,i]=n.map(e=>c.o(e,t));return{start:r,end:i}},f=e=>typeof e==`string`;function p(e){return!!e}var m=class extends c.n(c.i(o.n)){constructor(...e){super(...e),this.initialStart=``,this.initialEnd=``,this.#e=!1,this.start=``,this.end=``,this.setFormValue=(e,t)=>{f(e)||super.setFormValue(e,t)},this._numCalendars=2,this._hideDatesOutsideMonth=!0,this._textFieldSize=`30`}initialStartChanged(){this.dirtyValue||=(this.start=this.initialStart,!1)}initialEndChanged(){this.dirtyValue||=(this.end=this.initialEnd,!1)}#e;startChanged(){if(this.start&&!c.l(this.start)){this.start=``;return}this.currentStart=this.start,this.dirtyValue=!0,this.#e||this.#n()}endChanged(){if(this.end&&!c.l(this.end)){this.end=``;return}this.currentEnd=this.end,this.dirtyValue=!0,this.#e||this.#n()}currentStartChanged(){this.start=this.currentStart}currentEndChanged(){this.end=this.currentEnd}#t(e){this.#e=!0,e.start!==void 0&&(this.start=e.start,this.$emit(`input:start`)),e.end!==void 0&&(this.end=e.end,this.$emit(`input:end`)),this.#e=!1,this.$emit(`input`),this.$emit(`change`),this.#n()}#n(){if(this.start&&this.end){if(c.s(this.start,this.end)>0){this.#t({start:this.end,end:this.start});return}this.value=l(this.start,this.end)}else this.value=``;this._updatePresentationValue();let e=this.start||this.end;e&&this._adjustSelectedMonthToEnsureVisibilityOf(e),this.#r()}_updatePresentationValue(){this.start&&this.end?this._presentationValue=u({start:this.start,end:this.end},this.locale.calendarPicker):this._presentationValue=``}nameChanged(e,t){super.nameChanged(e,t),this.#r()}#r(){if(!this.name||!this.start||!this.end)this.setFormValue(null);else{let e=new FormData;e.append(this.name,this.start),e.append(this.name,this.end),this.setFormValue(e)}}connectedCallback(){super.connectedCallback(),this.start||=this.initialStart,this.end||=this.initialEnd}#i(){let e=[this.start,this.end].filter(p),t=e.length===1;this._hoverDate&&t&&e.push(this._hoverDate);let[n,r]=e.sort(c.s);return{start:n,end:r}}_isDateAriaSelected(e){return this._isDateInSelectedRange(e)}_isDateInSelectedRange(e){let{start:t,end:n}=this.#i();return t&&n?c.s(e,t)>=0&&c.s(e,n)<=0:!1}_isDateRangeStart(e){return e===this.#i().start}_isDateRangeEnd(e){return e===this.#i().end}_getSelectedDates(){let e=[];return this.start&&e.push(this.start),this.end&&e.push(this.end),e}_onDateClick(e){this.start&&this.end?this.#t({start:e,end:``}):this.start?(this.#t({end:e}),this._closePopup()):this.end?(this.#t({start:e}),this._closePopup()):this.#t({start:e})}get _textFieldPlaceholder(){return l(this.locale.calendarPicker.dateFormatPlaceholder,this.locale.calendarPicker.dateFormatPlaceholder)}_onTextFieldChange(){if(this._presentationValue===``){this.#t({start:``,end:``});return}try{let{start:e,end:t}=d(this._presentationValue,this.locale.calendarPicker);this.#t({start:e,end:t})}catch{let e=this._presentationValue;this.#t({start:``,end:``}),this._presentationValue=e;return}}_onDateMouseEnter(e){this._hoverDate=e}_onDateMouseLeave(){this._hoverDate=void 0}_getCustomValidationError(){return this._isPresentationValueInvalid()?this.locale.calendarPicker.invalidDateRangeError:this.min&&this.start&&c.s(this.start,this.min)<0?this.locale.calendarPicker.startDateAfterMinDateError(c.a(this.min,this.locale.calendarPicker)):this.max&&this.end&&c.s(this.end,this.max)>0?this.locale.calendarPicker.endDateBeforeMaxDateError(c.a(this.max,this.locale.calendarPicker)):null}_isPresentationValueInvalid(){if(this._presentationValue===``)return!1;try{return d(this._presentationValue,this.locale.calendarPicker),!1}catch{return!0}}_onClearClick(){this.#t({start:``,end:``}),super._onClearClick()}formResetCallback(){this.#t({start:this.initialStart,end:this.initialEnd}),super.formResetCallback()}get _pickerButtonLabel(){return this.start&&this.end?this.locale.calendarPicker.changeDatesLabel(u({start:this.start,end:this.end},this.locale.calendarPicker)):this.locale.calendarPicker.chooseDatesLabel}get _dialogLabel(){return this.locale.calendarPicker.chooseDatesLabel}_focusableElsWithinDialog(){return this._dialogEl.querySelectorAll(`button, .vwc-button`)}get _pickerButtonIcon(){return`calendar-line`}};n.t([e.u({mode:`fromView`,attribute:`start`})],m.prototype,`initialStart`,void 0),n.t([e.u({mode:`fromView`,attribute:`end`})],m.prototype,`initialEnd`,void 0),n.t([e.D],m.prototype,`start`,void 0),n.t([e.D],m.prototype,`end`,void 0),n.t([e.u({attribute:`current-start`})],m.prototype,`currentStart`,void 0),n.t([e.u({attribute:`current-end`})],m.prototype,`currentEnd`,void 0),n.t([e.D],m.prototype,`_numCalendars`,void 0),n.t([e.D],m.prototype,`_hoverDate`,void 0),n.t([e.O],m.prototype,`_pickerButtonLabel`,null);var h=e.s(`date-range-picker`,m,e=>o.t(e,c.t(e),{withSeparator:!1,padded:!0}),[r.t,i.t,a.n,s.t,t.n],{styles:[o.r,c.u],shadowOptions:{delegatesFocus:!0}});e.c(h)();
+const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/definition.cjs`),n=require(`../bundled/decorate.cjs`),r=require(`../bundled/definition6.cjs`),i=require(`../bundled/definition8.cjs`),a=require(`../bundled/definition12.cjs`),o=require(`../bundled/picker-field.template.cjs`),s=require(`../bundled/definition19.cjs`),c=require(`../bundled/calendar-picker.template.cjs`);var l=(e,t)=>`${e} – ${t}`,u=(e,t)=>l(c.a(e.start,t),c.a(e.end,t)),d=(e,t)=>{let n=e.trim().split(/[\s—–-]+/);if(n.length!==2)throw Error(`Invalid date range: ${e}`);let[r,i]=n.map(e=>c.o(e,t));return{start:r,end:i}},f=e=>typeof e==`string`;function p(e){return!!e}var m=class extends c.n(c.i(o.n)){constructor(...e){super(...e),this.initialStart=``,this.initialEnd=``,this.#e=!1,this.start=``,this.end=``,this.setFormValue=(e,t)=>{f(e)||super.setFormValue(e,t)},this._numCalendars=2,this._hideDatesOutsideMonth=!0,this._textFieldSize=`30`}initialStartChanged(){this.dirtyValue||=(this.start=this.initialStart,!1)}initialEndChanged(){this.dirtyValue||=(this.end=this.initialEnd,!1)}#e;startChanged(){if(this.start&&!c.l(this.start)){this.start=``;return}this.currentStart=this.start,this.dirtyValue=!0,this.#e||this.#n()}endChanged(){if(this.end&&!c.l(this.end)){this.end=``;return}this.currentEnd=this.end,this.dirtyValue=!0,this.#e||this.#n()}currentStartChanged(){this.start=this.currentStart}currentEndChanged(){this.end=this.currentEnd}#t(e){this.#e=!0,e.start!==void 0&&(this.start=e.start,this.$emit(`input:start`)),e.end!==void 0&&(this.end=e.end,this.$emit(`input:end`)),this.#e=!1,this.$emit(`input`),this.$emit(`change`),this.#n()}#n(){if(this.start&&this.end){if(c.s(this.start,this.end)>0){this.#t({start:this.end,end:this.start});return}this.value=l(this.start,this.end)}else this.value=``;this._updatePresentationValue();let e=this.start||this.end;e&&this._adjustSelectedMonthToEnsureVisibilityOf(e),this.#r()}_updatePresentationValue(){this.start&&this.end?this._presentationValue=u({start:this.start,end:this.end},this.locale.calendarPicker):this._presentationValue=``}nameChanged(e,t){super.nameChanged(e,t),this.#r()}#r(){if(!this.name||!this.start||!this.end)this.setFormValue(null);else{let e=new FormData;e.append(this.name,this.start),e.append(this.name,this.end),this.setFormValue(e)}}connectedCallback(){super.connectedCallback(),this.start||=this.initialStart,this.end||=this.initialEnd}#i(){let e=[this.start,this.end].filter(p),t=e.length===1;this._hoverDate&&t&&e.push(this._hoverDate);let[n,r]=e.sort(c.s);return{start:n,end:r}}_isDateAriaSelected(e){return this._isDateInSelectedRange(e)}_isDateInSelectedRange(e){let{start:t,end:n}=this.#i();return t&&n?c.s(e,t)>=0&&c.s(e,n)<=0:!1}_isDateRangeStart(e){return e===this.#i().start}_isDateRangeEnd(e){return e===this.#i().end}_getSelectedDates(){let e=[];return this.start&&e.push(this.start),this.end&&e.push(this.end),e}_onDateClick(e){this.start&&this.end?this.#t({start:e,end:``}):this.start?(this.#t({end:e}),this._closePopup()):this.end?(this.#t({start:e}),this._closePopup()):this.#t({start:e})}get _textFieldPlaceholder(){return l(this.locale.calendarPicker.dateFormatPlaceholder,this.locale.calendarPicker.dateFormatPlaceholder)}_onTextFieldChange(){if(this._presentationValue===``){this.#t({start:``,end:``});return}try{let{start:e,end:t}=d(this._presentationValue,this.locale.calendarPicker);this.#t({start:e,end:t})}catch{let e=this._presentationValue;this.#t({start:``,end:``}),this._presentationValue=e;return}}_onDateMouseEnter(e){this._hoverDate=e}_onDateMouseLeave(){this._hoverDate=void 0}_getCustomValidationError(){return this._isPresentationValueInvalid()?this.locale.calendarPicker.invalidDateRangeError:this.min&&this.start&&c.s(this.start,this.min)<0?this.locale.calendarPicker.startDateAfterMinDateError(c.a(this.min,this.locale.calendarPicker)):this.max&&this.end&&c.s(this.end,this.max)>0?this.locale.calendarPicker.endDateBeforeMaxDateError(c.a(this.max,this.locale.calendarPicker)):null}_isPresentationValueInvalid(){if(this._presentationValue===``)return!1;try{return d(this._presentationValue,this.locale.calendarPicker),!1}catch{return!0}}_onClearClick(){this.#t({start:``,end:``}),super._onClearClick()}formResetCallback(){this.#t({start:this.initialStart,end:this.initialEnd}),super.formResetCallback()}get _pickerButtonLabel(){return this.start&&this.end?this.locale.calendarPicker.changeDatesLabel(u({start:this.start,end:this.end},this.locale.calendarPicker)):this.locale.calendarPicker.chooseDatesLabel}get _dialogLabel(){return this.locale.calendarPicker.chooseDatesLabel}_focusableElsWithinDialog(){return this._dialogEl.querySelectorAll(`button, .vwc-button`)}get _pickerButtonIcon(){return`calendar-line`}};n.t([e.m({mode:`fromView`,attribute:`start`})],m.prototype,`initialStart`,void 0),n.t([e.m({mode:`fromView`,attribute:`end`})],m.prototype,`initialEnd`,void 0),n.t([e.A],m.prototype,`start`,void 0),n.t([e.A],m.prototype,`end`,void 0),n.t([e.m({attribute:`current-start`})],m.prototype,`currentStart`,void 0),n.t([e.m({attribute:`current-end`})],m.prototype,`currentEnd`,void 0),n.t([e.A],m.prototype,`_numCalendars`,void 0),n.t([e.A],m.prototype,`_hoverDate`,void 0),n.t([e.j],m.prototype,`_pickerButtonLabel`,null);var h=e.u(`date-range-picker`,m,e=>o.t(e,c.t(e),{withSeparator:!1,padded:!0}),[r.t,i.t,a.n,s.t,t.n],{styles:[o.r,c.u],shadowOptions:{delegatesFocus:!0}});e.d(h)();