@vonage/vivid 5.17.0 → 5.18.0

package/data-grid/definition.cjs

@@ -1,10 +1,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../unbundled/definition2.cjs");
-const require_definition$1 = require("../unbundled/definition32.cjs");
-exports.VwcDataGridCellElement = require_definition$1.DataGridCell;
-exports.VwcDataGridElement = require_definition$1.DataGrid;
-exports.VwcDataGridRowElement = require_definition$1.DataGridRow;
-exports.dataGridCellDefinition = require_definition$1.dataGridCellDefinition;
-exports.dataGridDefinition = require_definition$1.dataGridDefinition;
-exports.dataGridRowDefinition = require_definition$1.dataGridRowDefinition;
-exports.registerDataGrid = require_definition$1.registerDataGrid;
+require("../unbundled/numberConverter.cjs");
+const require_definition = require("../unbundled/definition34.cjs");
+exports.VwcDataGridCellElement = require_definition.DataGridCell;
+exports.VwcDataGridElement = require_definition.DataGrid;
+exports.VwcDataGridRowElement = require_definition.DataGridRow;
+exports.dataGridCellDefinition = require_definition.dataGridCellDefinition;
+exports.dataGridDefinition = require_definition.dataGridDefinition;
+exports.dataGridRowDefinition = require_definition.dataGridRowDefinition;
+exports.registerDataGrid = require_definition.registerDataGrid;

package/data-grid/definition.js

@@ -1,3 +1,3 @@
-import "../unbundled/definition2.js";
-import { a as DataGridCell, i as registerDataGrid, n as dataGridDefinition, o as DataGridRow, r as dataGridRowDefinition, s as DataGrid, t as dataGridCellDefinition } from "../unbundled/definition32.js";
+import "../unbundled/numberConverter.js";
+import { a as DataGridCell, i as registerDataGrid, n as dataGridDefinition, o as DataGridRow, r as dataGridRowDefinition, s as DataGrid, t as dataGridCellDefinition } from "../unbundled/definition34.js";
 export { DataGridCell as VwcDataGridCellElement, DataGrid as VwcDataGridElement, DataGridRow as VwcDataGridRowElement, dataGridCellDefinition, dataGridDefinition, dataGridRowDefinition, registerDataGrid };

package/data-grid/index.cjs

@@ -1,4 +1,4 @@
-const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.cjs`),n=require(`../bundled/repeat.cjs`),r=require(`../bundled/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/definition2.cjs`),l=require(`../bundled/decorate.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.c.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.O.enqueue(this.queueRowIndexUpdate),this.#e(),t.w.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.w.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.O.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.O.enqueue(this._resetSelection);return}this._resetSelection(!0)}#r=e=>{(e.key===`Enter`||e.key===` `)&&this.#i(e)};#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})}};#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}};#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}};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.O.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._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={handleChange(e,t){t===`columnDefinitions`&&e.$fastController.isConnected&&e.toggleGeneratedHeader()}};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=[]}};l.t([t.l({attribute:`no-tabbing`,mode:`boolean`})],S.prototype,`noTabbing`,void 0),l.t([t.l({attribute:`generate-header`})],S.prototype,`generateHeader`,void 0),l.t([t.l({attribute:`grid-template-columns`})],S.prototype,`gridTemplateColumns`,void 0),l.t([t.T],S.prototype,`rowsData`,void 0),l.t([t.T],S.prototype,`columnDefinitions`,void 0),l.t([t.T],S.prototype,`rowItemTemplate`,void 0),l.t([t.T],S.prototype,`cellItemTemplate`,void 0),l.t([t.T],S.prototype,`headerCellItemTemplate`,void 0),l.t([t.T],S.prototype,`focusRowIndex`,void 0),l.t([t.T],S.prototype,`focusColumnIndex`,void 0),l.t([t.l({attribute:`fixed-columns`,converter:t.u})],S.prototype,`fixedColumns`,void 0),l.t([t.T],S.prototype,`defaultRowItemTemplate`,void 0),l.t([t.T],S.prototype,`rowElementTag`,void 0),l.t([t.T],S.prototype,`rowElements`,void 0),l.t([t.T],S.prototype,`slottedRowElements`,void 0),l.t([t.l({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.c.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`}};l.t([t.l({attribute:`grid-template-columns`})],C.prototype,`gridTemplateColumns`,void 0),l.t([t.l({attribute:`row-type`})],C.prototype,`rowType`,void 0),l.t([t.T],C.prototype,`rowData`,void 0),l.t([t.T],C.prototype,`columnDefinitions`,void 0),l.t([t.T],C.prototype,`cellItemTemplate`,void 0),l.t([t.T],C.prototype,`headerCellItemTemplate`,void 0),l.t([t.T],C.prototype,`rowIndex`,void 0),l.t([t.T],C.prototype,`activeCellItemTemplate`,void 0),l.t([t.T],C.prototype,`defaultCellItemTemplate`,void 0),l.t([t.T],C.prototype,`defaultHeaderCellItemTemplate`,void 0),l.t([t.T],C.prototype,`cellElements`,void 0),l.t([t.T],C.prototype,`_selectable`,void 0),l.t([t.l({mode:`boolean`})],C.prototype,`selected`,void 0);function w(e){let n=e.tagFor(C);return t.d`
+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`);require(`../bundled/numberConverter.cjs`);const 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.c.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.O.enqueue(this.queueRowIndexUpdate),this.#e(),t.w.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.w.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.O.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.O.enqueue(this._resetSelection);return}this._resetSelection(!0)}#r=e=>{(e.key===`Enter`||e.key===` `)&&this.#i(e)};#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})}};#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}};#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}};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.O.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._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={handleChange(e,t){t===`columnDefinitions`&&e.$fastController.isConnected&&e.toggleGeneratedHeader()}};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.l({attribute:`no-tabbing`,mode:`boolean`})],S.prototype,`noTabbing`,void 0),c.t([t.l({attribute:`generate-header`})],S.prototype,`generateHeader`,void 0),c.t([t.l({attribute:`grid-template-columns`})],S.prototype,`gridTemplateColumns`,void 0),c.t([t.T],S.prototype,`rowsData`,void 0),c.t([t.T],S.prototype,`columnDefinitions`,void 0),c.t([t.T],S.prototype,`rowItemTemplate`,void 0),c.t([t.T],S.prototype,`cellItemTemplate`,void 0),c.t([t.T],S.prototype,`headerCellItemTemplate`,void 0),c.t([t.T],S.prototype,`focusRowIndex`,void 0),c.t([t.T],S.prototype,`focusColumnIndex`,void 0),c.t([t.l({attribute:`fixed-columns`,converter:t.u})],S.prototype,`fixedColumns`,void 0),c.t([t.T],S.prototype,`defaultRowItemTemplate`,void 0),c.t([t.T],S.prototype,`rowElementTag`,void 0),c.t([t.T],S.prototype,`rowElements`,void 0),c.t([t.T],S.prototype,`slottedRowElements`,void 0),c.t([t.l({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.c.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.l({attribute:`grid-template-columns`})],C.prototype,`gridTemplateColumns`,void 0),c.t([t.l({attribute:`row-type`})],C.prototype,`rowType`,void 0),c.t([t.T],C.prototype,`rowData`,void 0),c.t([t.T],C.prototype,`columnDefinitions`,void 0),c.t([t.T],C.prototype,`cellItemTemplate`,void 0),c.t([t.T],C.prototype,`headerCellItemTemplate`,void 0),c.t([t.T],C.prototype,`rowIndex`,void 0),c.t([t.T],C.prototype,`activeCellItemTemplate`,void 0),c.t([t.T],C.prototype,`defaultCellItemTemplate`,void 0),c.t([t.T],C.prototype,`defaultHeaderCellItemTemplate`,void 0),c.t([t.T],C.prototype,`cellElements`,void 0),c.t([t.T],C.prototype,`_selectable`,void 0),c.t([t.l({mode:`boolean`})],C.prototype,`selected`,void 0);function w(e){let n=e.tagFor(C);return t.d`
     <${n}
         :rowData="${e=>e}"
         :cellItemTemplate="${(e,t)=>t.parent.cellItemTemplate}"
@@ -27,7 +27,7 @@ const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.
 	<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}};l.t([t.l({attribute:`cell-type`})],j.prototype,`cellType`,void 0),l.t([t.l({attribute:`grid-column`})],j.prototype,`gridColumn`,void 0),l.t([t.T],j.prototype,`rowData`,void 0),l.t([t.T],j.prototype,`columnDefinition`,void 0),l.t([t.T],j.prototype,`_selectable`,void 0),l.t([t.l({mode:`boolean`})],j.prototype,`selected`,void 0),l.t([t.l({attribute:`sort-direction`})],j.prototype,`sortDirection`,void 0),l.t([t.T],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.d`
+`,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.l({attribute:`cell-type`})],j.prototype,`cellType`,void 0),c.t([t.l({attribute:`grid-column`})],j.prototype,`gridColumn`,void 0),c.t([t.T],j.prototype,`rowData`,void 0),c.t([t.T],j.prototype,`columnDefinition`,void 0),c.t([t.T],j.prototype,`_selectable`,void 0),c.t([t.l({mode:`boolean`})],j.prototype,`selected`,void 0),c.t([t.l({attribute:`sort-direction`})],j.prototype,`sortDirection`,void 0),c.t([t.T],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.d`
     <${n}
         cell-type="${e=>e.isRowHeader?`rowheader`:void 0}"
         grid-column="${(e,t)=>t.index+1}"
@@ -56,7 +56,7 @@ const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.
 				<slot ${a.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(c.r);return t.d`
+	`};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.d`
 		${i.t(I,t.d`
 				<${n} class="header-icon" name="${L}"></${n}>
 			`)}
@@ -98,4 +98,4 @@ const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.
 				></slot>
 			</div>
 		</template>
-	`},[c.t,s.n],{styles:b}),J=t.o(`data-grid-row`,C,F,[q],{styles:y}),Y=t.o(`data-grid`,S,O,[J],{styles:v});t.s(Y)();
+	`},[l.t,s.n],{styles:b}),J=t.o(`data-grid-row`,C,F,[q],{styles:y}),Y=t.o(`data-grid`,S,O,[J],{styles:v});t.s(Y)();

package/data-grid/index.js

@@ -1,15 +1,16 @@
 import { t as e } from "../bundled/localized.js";
-import { O as t, T as n, c as r, d as i, l as a, o, s as ee, t as s, u as te, w as c } from "../bundled/vivid-element.js";
-import { t as l } from "../bundled/repeat.js";
-import { t as u } from "../bundled/normalize.js";
-import { t as d } from "../bundled/when.js";
-import { r as f, t as p } from "../bundled/slotted.js";
-import { t as m } from "../bundled/children.js";
-import { n as h, r as g } from "../bundled/definition.js";
-import { r as _, t as v } from "../bundled/definition2.js";
-import { t as y } from "../bundled/decorate.js";
-import { t as b } from "../bundled/class-names.js";
-import { a as ne, c as x, i as S, l as C, n as w, o as T, r as E, s as D, t as O } from "../bundled/key-codes.js";
+import { O as t, T as n, c as r, d as i, l as a, o, s, t as c, u as ee, w as l } from "../bundled/vivid-element.js";
+import { t as u } from "../bundled/repeat.js";
+import { t as d } from "../bundled/normalize.js";
+import { t as f } from "../bundled/when.js";
+import { r as p, t as m } from "../bundled/slotted.js";
+import { t as h } from "../bundled/children.js";
+import { n as g, r as _ } from "../bundled/definition.js";
+import "../bundled/numberConverter.js";
+import { t as v } from "../bundled/decorate.js";
+import { r as y, t as b } from "../bundled/definition2.js";
+import { t as x } from "../bundled/class-names.js";
+import { a as te, c as S, i as C, l as w, n as T, o as E, r as ne, s as D, t as O } from "../bundled/key-codes.js";
 import { n as k, t as A } from "../bundled/host-semantics.js";
 import { a as j, i as M, n as N, r as P, t as F } from "../bundled/data-grid.options.js";
 //#region ../../node_modules/.pnpm/@microsoft+fast-web-utilities@6.0.0/node_modules/@microsoft/fast-web-utilities/dist/events.js
@@ -19,7 +20,7 @@ var I = "focus", L = "focusin", R = "focusout", z = "keydown", B = ":host{displa
 	multiRow: "multi-row",
 	singleCell: "single-cell",
 	multiCell: "multi-cell"
-}, W = class e extends s {
+}, W = class e extends c {
 	static generateTemplateColumns(e) {
 		let t = "";
 		return e.forEach((e) => {
@@ -70,10 +71,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 = r.create(this), this.$fastController.addBehavior(this.behaviorOrchestrator), this.behaviorOrchestrator.addBehaviorFactory(new l(u((e) => e.rowsData), u((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(), c.getNotifier(this).subscribe(this.#s, "columnDefinitions");
+		super.connectedCallback(), this.rowItemTemplate === void 0 && (this.rowItemTemplate = this.defaultRowItemTemplate), this.behaviorOrchestrator === null && (this.behaviorOrchestrator = r.create(this), this.$fastController.addBehavior(this.behaviorOrchestrator), this.behaviorOrchestrator.addBehaviorFactory(new u(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(), t.enqueue(this.queueRowIndexUpdate), this.#e(), l.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, c.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, l.getNotifier(this).unsubscribe(this.#s, "columnDefinitions");
 	}
 	handleRowFocus(e) {
 		this.isUpdatingFocus = !0;
@@ -90,13 +91,13 @@ var I = "focus", L = "focusin", R = "focusout", z = "keydown", B = ":host{displa
 		if (e.defaultPrevented) return;
 		let t, n = this.rowElements.length - 1, r = this.offsetHeight + this.scrollTop, i = this.rowElements[n];
 		switch (e.key) {
-			case S:
+			case C:
 				e.preventDefault(), this.focusOnCell(this.focusRowIndex - 1, this.focusColumnIndex, !0);
 				break;
 			case O:
 				e.preventDefault(), this.focusOnCell(this.focusRowIndex + 1, this.focusColumnIndex, !0);
 				break;
-			case C:
+			case w:
 				if (e.preventDefault(), this.rowElements.length === 0) {
 					this.focusOnCell(0, 0, !1);
 					break;
@@ -114,7 +115,7 @@ var I = "focus", L = "focusin", R = "focusout", z = "keydown", B = ":host{displa
 				}
 				this.focusOnCell(t, this.focusColumnIndex, !1);
 				break;
-			case x:
+			case S:
 				if (e.preventDefault(), this.rowElements.length === 0) {
 					this.focusOnCell(0, 0, !1);
 					break;
@@ -313,16 +314,16 @@ var I = "focus", L = "focusin", R = "focusout", z = "keydown", B = ":host{displa
 		}), this.fixedColumnsPositions = [];
 	}
 };
-y([a({
+v([a({
 	attribute: "no-tabbing",
 	mode: "boolean"
-})], W.prototype, "noTabbing", void 0), y([a({ attribute: "generate-header" })], W.prototype, "generateHeader", void 0), y([a({ 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([a({
+})], W.prototype, "noTabbing", void 0), v([a({ attribute: "generate-header" })], W.prototype, "generateHeader", void 0), v([a({ attribute: "grid-template-columns" })], W.prototype, "gridTemplateColumns", void 0), v([n], W.prototype, "rowsData", void 0), v([n], W.prototype, "columnDefinitions", void 0), v([n], W.prototype, "rowItemTemplate", void 0), v([n], W.prototype, "cellItemTemplate", void 0), v([n], W.prototype, "headerCellItemTemplate", void 0), v([n], W.prototype, "focusRowIndex", void 0), v([n], W.prototype, "focusColumnIndex", void 0), v([a({
 	attribute: "fixed-columns",
-	converter: te
-})], 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([a({ attribute: "selection-mode" })], W.prototype, "selectionMode", void 0);
+	converter: ee
+})], W.prototype, "fixedColumns", void 0), v([n], W.prototype, "defaultRowItemTemplate", void 0), v([n], W.prototype, "rowElementTag", void 0), v([n], W.prototype, "rowElements", void 0), v([n], W.prototype, "slottedRowElements", void 0), v([a({ attribute: "selection-mode" })], W.prototype, "selectionMode", void 0);
 //#endregion
 //#region src/lib/data-grid/data-grid-row.ts
-var G = class extends A(s) {
+var G = class extends A(c) {
 	constructor(...e) {
 		super(...e), this.rowType = M.default, this.rowData = null, this.columnDefinitions = null, this.behaviorOrchestrator = null, this.focusColumnIndex = 0, this.updateRowStyle = () => {
 			this.style.gridTemplateColumns = this.gridTemplateColumns;
@@ -341,7 +342,7 @@ var G = class extends A(s) {
 		this.updateItemTemplate();
 	}
 	connectedCallback() {
-		super.connectedCallback(), this.behaviorOrchestrator === null && (this.updateItemTemplate(), this.behaviorOrchestrator = r.create(this), this.$fastController.addBehavior(this.behaviorOrchestrator), this.behaviorOrchestrator.addBehaviorFactory(new l(u((e) => e.columnDefinitions), u((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 = r.create(this), this.$fastController.addBehavior(this.behaviorOrchestrator), this.behaviorOrchestrator.addBehaviorFactory(new u(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);
@@ -357,10 +358,10 @@ var G = class extends A(s) {
 		if (e.defaultPrevented) return;
 		let t = 0;
 		switch (e.key) {
-			case w:
+			case T:
 				t = Math.max(0, this.focusColumnIndex - 1), this.cellElements[t].focus(), e.preventDefault();
 				break;
-			case E:
+			case ne:
 				t = Math.min(this.cellElements.length - 1, this.focusColumnIndex + 1), this.cellElements[t].focus(), e.preventDefault();
 				break;
 			case D:
@@ -378,7 +379,7 @@ var G = class extends A(s) {
 		super.ariaSelectedChanged(e, t), this._selectable = t !== null, this.selected = t === "true";
 	}
 };
-y([a({ attribute: "grid-template-columns" })], G.prototype, "gridTemplateColumns", void 0), y([a({ 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([a({ mode: "boolean" })], G.prototype, "selected", void 0);
+v([a({ attribute: "grid-template-columns" })], G.prototype, "gridTemplateColumns", void 0), v([a({ attribute: "row-type" })], G.prototype, "rowType", void 0), v([n], G.prototype, "rowData", void 0), v([n], G.prototype, "columnDefinitions", void 0), v([n], G.prototype, "cellItemTemplate", void 0), v([n], G.prototype, "headerCellItemTemplate", void 0), v([n], G.prototype, "rowIndex", void 0), v([n], G.prototype, "activeCellItemTemplate", void 0), v([n], G.prototype, "defaultCellItemTemplate", void 0), v([n], G.prototype, "defaultHeaderCellItemTemplate", void 0), v([n], G.prototype, "cellElements", void 0), v([n], G.prototype, "_selectable", void 0), v([a({ mode: "boolean" })], G.prototype, "selected", void 0);
 //#endregion
 //#region src/lib/data-grid/data-grid.template.ts
 function K(e) {
@@ -417,14 +418,14 @@ var Y = (e) => {
 			@sort="${re}"
 			:rowElementTag="${() => n}"
 			:defaultRowItemTemplate="${t}"
-			${m({
+			${h({
 		property: "rowElements",
-		filter: f("[role=row],[data-vvd-component=data-grid-row]")
+		filter: p("[role=row],[data-vvd-component=data-grid-row]")
 	})}
 		>
 			<div class="base">
 				${J}
-				<slot ${p("slottedRowElements")}></slot>
+				<slot ${m("slottedRowElements")}></slot>
 			</div>
 		</template>
 	`;
@@ -436,7 +437,7 @@ var Y = (e) => {
 	<template>
 		${(e) => e.columnDefinition.title === void 0 ? e.columnDefinition.columnDataKey : e.columnDefinition.title}
 	</template>
-`, Z = class extends e(A(s)) {
+`, Z = class extends e(A(c)) {
 	constructor(...e) {
 		super(...e), this.cellType = P.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");
@@ -490,7 +491,7 @@ var Y = (e) => {
 	}
 	handleKeydown(e) {
 		if (!(e.defaultPrevented || this.columnDefinition === null || this.cellType === P.default && this.columnDefinition.cellInternalFocusQueue !== !0 || this.cellType === P.columnHeader && this.columnDefinition.headerCellInternalFocusQueue !== !0)) switch (e.key) {
-			case ne:
+			case te:
 			case "F2":
 				if (this.contains(document.activeElement) && document.activeElement !== this) return;
 				switch (this.cellType) {
@@ -508,7 +509,7 @@ var Y = (e) => {
 						break;
 				}
 				break;
-			case T:
+			case E:
 				/* v8 ignore else -- @preserve */
 				this.contains(document.activeElement) && document.activeElement !== this && (this.focus(), e.preventDefault());
 				break;
@@ -557,7 +558,7 @@ var Y = (e) => {
 		}), !0;
 	}
 };
-y([a({ attribute: "cell-type" })], Z.prototype, "cellType", void 0), y([a({ 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([a({ mode: "boolean" })], Z.prototype, "selected", void 0), y([a({ attribute: "sort-direction" })], Z.prototype, "sortDirection", void 0), y([n], Z.prototype, "_actionItemsSlottedContent", void 0);
+v([a({ attribute: "cell-type" })], Z.prototype, "cellType", void 0), v([a({ attribute: "grid-column" })], Z.prototype, "gridColumn", void 0), v([n], Z.prototype, "rowData", void 0), v([n], Z.prototype, "columnDefinition", void 0), v([n], Z.prototype, "_selectable", void 0), v([a({ mode: "boolean" })], Z.prototype, "selected", void 0), v([a({ attribute: "sort-direction" })], Z.prototype, "sortDirection", void 0), v([n], Z.prototype, "_actionItemsSlottedContent", void 0);
 //#endregion
 //#region src/lib/data-grid/data-grid-row.template.ts
 function ae(e) {
@@ -596,16 +597,16 @@ var ce = (e) => {
 			class="${(e) => e.rowType === "default" ? "" : e.rowType}"
 			:defaultCellItemTemplate="${t}"
 			:defaultHeaderCellItemTemplate="${n}"
-			${m({
+			${h({
 		property: "cellElements",
-		filter: f("[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) => b("base", ["selected", !!e.selected])}"
+				class="${(e) => x("base", ["selected", !!e.selected])}"
 				style="grid-template-columns: ${(e) => e.gridTemplateColumns};"
 			>
-				<slot ${p("slottedCellElements")}></slot>
+				<slot ${m("slottedCellElements")}></slot>
 			</div>
 		</template>
 	`;
@@ -622,9 +623,9 @@ function ue(e) {
 	return e._selectable && e.selected ? "true" : e._selectable && !e.selected ? "false" : null;
 }
 function de(e) {
-	let t = e.tagFor(_);
+	let t = e.tagFor(y);
 	return i`
-		${d(Q, i`
+		${f(Q, i`
 				<${t} class="header-icon" name="${le}"></${t}>
 			`)}
 	`;
@@ -658,8 +659,8 @@ function _e(e, t) {
 }
 //#endregion
 //#region src/lib/data-grid/index.ts
-ee(o("data-grid", W, Y, [o("data-grid-row", G, ce, [o("data-grid-cell", Z, (e) => {
-	let t = e.tagFor(g);
+s(o("data-grid", W, Y, [o("data-grid-row", G, ce, [o("data-grid-cell", Z, (e) => {
+	let t = e.tagFor(_);
 	return i`
 		<template
 			tabindex="-1"
@@ -671,7 +672,7 @@ ee(o("data-grid", W, Y, [o("data-grid-row", G, ce, [o("data-grid-cell", Z, (e) =
 			@click="${(e, t) => _e(e, t.event)}"
 			@keydown="${(e, t) => ge(e, t.event)}"
 		>
-			<div class="${({ selected: e, _actionItemsSlottedContent: t }) => b("base", ["selected", !!e], ["has-action-items", !!t?.length])}">
+			<div class="${({ selected: e, _actionItemsSlottedContent: t }) => x("base", ["selected", !!e], ["has-action-items", !!t?.length])}">
 				<div
 					class="content"
 					role="${(e) => Q(e) ? "button" : void 0}"
@@ -682,13 +683,13 @@ ee(o("data-grid", W, Y, [o("data-grid-row", G, ce, [o("data-grid-cell", Z, (e) =
 								${(e) => e.locale.dataGrid.cell.selected}
 							</${t}>` : null}
 					<slot></slot>
-					${d(Q, i`<${t}
+					${f(Q, i`<${t}
 							data-announcement="button-role"
 						>
 							${(e) => e.locale.dataGrid.cell.button}
 						</${t}>
 						`)}
-					${d(fe, i`<${t}
+					${f(fe, i`<${t}
 							aria-live="polite"
 							data-announcement="sort-state"
 						>
@@ -698,10 +699,10 @@ ee(o("data-grid", W, Y, [o("data-grid-row", G, ce, [o("data-grid-cell", Z, (e) =
 				</div>
 				<slot
 					name="action-items"
-					${p("_actionItemsSlottedContent")}
+					${m("_actionItemsSlottedContent")}
 				></slot>
 			</div>
 		</template>
 	`;
-}, [v, h], { styles: H })], { styles: V })], { styles: B }))();
+}, [b, g], { styles: H })], { styles: V })], { styles: B }))();
 //#endregion

package/date-picker/definition.cjs

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

package/date-picker/definition.js

@@ -1,3 +1,3 @@
-import "../unbundled/definition2.js";
-import { n as registerDatePicker, r as DatePicker, t as datePickerDefinition } from "../unbundled/definition35.js";
+import "../unbundled/numberConverter.js";
+import { n as registerDatePicker, r as DatePicker, t as datePickerDefinition } from "../unbundled/definition37.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`);require(`../bundled/definition2.cjs`);const 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.E],d.prototype,`_pickerButtonLabel`,null);var f=e.o(`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.s(f)();
+const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/definition.cjs`);require(`../bundled/numberConverter.cjs`);const 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.E],d.prototype,`_pickerButtonLabel`,null);var f=e.o(`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.s(f)();

package/date-picker/index.js

@@ -1,6 +1,6 @@
 import { E as e, o as t, s as n } from "../bundled/vivid-element.js";
 import { n as r } from "../bundled/definition.js";
-import "../bundled/definition2.js";
+import "../bundled/numberConverter.js";
 import { t as i } from "../bundled/decorate.js";
 import { t as a } from "../bundled/definition6.js";
 import { t as o } from "../bundled/definition8.js";

package/date-range-picker/definition.cjs

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

package/date-range-picker/definition.js

@@ -1,3 +1,3 @@
-import "../unbundled/definition2.js";
-import { n as registerDateRangePicker, r as DateRangePicker, t as dateRangePickerDefinition } from "../unbundled/definition36.js";
+import "../unbundled/numberConverter.js";
+import { n as registerDateRangePicker, r as DateRangePicker, t as dateRangePickerDefinition } from "../unbundled/definition38.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`);require(`../bundled/definition2.cjs`);const 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.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=!1;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.l({mode:`fromView`,attribute:`start`})],m.prototype,`initialStart`,void 0),n.t([e.l({mode:`fromView`,attribute:`end`})],m.prototype,`initialEnd`,void 0),n.t([e.T],m.prototype,`start`,void 0),n.t([e.T],m.prototype,`end`,void 0),n.t([e.l({attribute:`current-start`})],m.prototype,`currentStart`,void 0),n.t([e.l({attribute:`current-end`})],m.prototype,`currentEnd`,void 0),n.t([e.T],m.prototype,`_numCalendars`,void 0),n.t([e.T],m.prototype,`_hoverDate`,void 0),n.t([e.E],m.prototype,`_pickerButtonLabel`,null);var h=e.o(`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.s(h)();
+const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/definition.cjs`);require(`../bundled/numberConverter.cjs`);const 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.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=!1;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.l({mode:`fromView`,attribute:`start`})],m.prototype,`initialStart`,void 0),n.t([e.l({mode:`fromView`,attribute:`end`})],m.prototype,`initialEnd`,void 0),n.t([e.T],m.prototype,`start`,void 0),n.t([e.T],m.prototype,`end`,void 0),n.t([e.l({attribute:`current-start`})],m.prototype,`currentStart`,void 0),n.t([e.l({attribute:`current-end`})],m.prototype,`currentEnd`,void 0),n.t([e.T],m.prototype,`_numCalendars`,void 0),n.t([e.T],m.prototype,`_hoverDate`,void 0),n.t([e.E],m.prototype,`_pickerButtonLabel`,null);var h=e.o(`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.s(h)();

package/date-range-picker/index.js

@@ -1,6 +1,6 @@
 import { E as e, T as t, l as n, o as r, s as i } from "../bundled/vivid-element.js";
 import { n as a } from "../bundled/definition.js";
-import "../bundled/definition2.js";
+import "../bundled/numberConverter.js";
 import { t as o } from "../bundled/decorate.js";
 import { t as s } from "../bundled/definition6.js";
 import { t as c } from "../bundled/definition8.js";

package/date-time-picker/definition.cjs

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../unbundled/definition2.cjs");
-const require_definition$1 = require("../unbundled/definition37.cjs");
-exports.VwcDateTimePickerElement = require_definition$1.DateTimePicker;
-exports.dateTimePickerDefinition = require_definition$1.dateTimePickerDefinition;
-exports.registerDateTimePicker = require_definition$1.registerDateTimePicker;
+require("../unbundled/numberConverter.cjs");
+const require_definition = require("../unbundled/definition39.cjs");
+exports.VwcDateTimePickerElement = require_definition.DateTimePicker;
+exports.dateTimePickerDefinition = require_definition.dateTimePickerDefinition;
+exports.registerDateTimePicker = require_definition.registerDateTimePicker;

package/date-time-picker/definition.js

@@ -1,3 +1,3 @@
-import "../unbundled/definition2.js";
-import { n as registerDateTimePicker, r as DateTimePicker, t as dateTimePickerDefinition } from "../unbundled/definition37.js";
+import "../unbundled/numberConverter.js";
+import { n as registerDateTimePicker, r as DateTimePicker, t as dateTimePickerDefinition } from "../unbundled/definition39.js";
 export { DateTimePicker as VwcDateTimePickerElement, dateTimePickerDefinition, registerDateTimePicker };