@3mo/data-grid 0.26.2 → 0.26.4

package/dist/DataGrid.js

@@ -125,8 +125,8 @@ let DataGrid = class DataGrid extends Component {
         this.detailsController = new DataGridDetailsController(this);
         this.csvController = new DataGridCsvController(this);
         this.reorderabilityController = new DataGridReorderabilityController(this);
-        this.splitterResizerTemplate = html `
-		<mo-splitter-resizer-line style='--mo-splitter-resizer-line-thickness: 1px; --mo-splitter-resizer-line-idle-background: var(--mo-color-transparent-gray-3); --mo-splitter-resizer-line-horizontal-transform: scaleX(5);'></mo-splitter-resizer-line>
+        this.splitterResizerTemplate = html `
+		<mo-splitter-resizer-line style='--mo-splitter-resizer-line-thickness: 1px; --mo-splitter-resizer-line-idle-background: var(--mo-color-transparent-gray-3); --mo-splitter-resizer-line-horizontal-transform: scaleX(5);'></mo-splitter-resizer-line>
 	`;
         this.lastScrollElementTop = 0;
     }
@@ -316,168 +316,168 @@ let DataGrid = class DataGrid extends Component {
         this.setPage(1);
     }
     static get styles() {
-        return css `
-			:host {
-				--mo-data-grid-column-reorder-width: 20px;
-				--mo-data-grid-column-details-width: 20px;
-				--mo-data-grid-column-selection-width: 40px;
-				--mo-data-grid-column-actions-width: 28px;
-				--mo-data-grid-cell-padding: 0.5rem;
-				--mo-data-grid-header-height: 32px;
-				--mo-data-grid-footer-min-height: 40px;
-				--mo-data-grid-toolbar-padding: 0px 14px 14px 14px;
-				--mo-data-grid-border: 1px solid var(--mo-color-transparent-gray-3);
-
-				--mo-details-data-grid-start-margin: 26px;
-
-				--mo-data-grid-sticky-part-color: var(--mo-color-surface);
-
-				--mo-data-grid-alternating-background: color-mix(in srgb, black var(--mo-data-grid-alternating-background-transparency), transparent 0%);
-
-				--mo-data-grid-selection-background: color-mix(in srgb, var(--mo-color-accent), transparent 50%);
-
-				--_content-min-height-default: calc(var(--mo-data-grid-min-visible-rows, 2.5) * var(--mo-data-grid-row-height) + var(--mo-data-grid-header-height));
-				display: flex;
-				flex-direction: column;
-				height: 100%;
-				overflow-x: hidden;
-			}
-
-			:not(:has([mo-data-grid-row])) {
-				--_content-min-height-default: 150px;
-			}
-
-			:host([data-theme=light]) {
-				--mo-data-grid-alternating-background-transparency : 5%;
-			}
-
-			:host([data-theme=dark]) {
-				--mo-data-grid-alternating-background-transparency: 20%;
-			}
-
-			:host([preventVerticalContentScroll]) mo-scroller {
-				overflow-y: hidden;
-
-				&::part(container) {
-					position: relative;
-				}
-			}
-
-			#content {
-				width: fit-content;
-				min-width: 100%;
-				height: min-content;
-				min-height: 100%;
-			}
-
-			#toolbar {
-				position: relative;
-				padding: var(--mo-data-grid-toolbar-padding);
-
-				#actions {
-					margin-inline-start: auto;
-
-					mo-icon-button, ::slotted(mo-icon-button[slot='toolbar-action']) {
-						color: var(--mo-color-gray);
-						&[data-selected] {
-							color: var(--mo-color-accent);
-						}
-					}
-				}
-			}
-
-			#fab {
-				position: absolute;
-				inset-inline-end: 16px;
-				transition: var(--mo-data-grid-fab-transition, 250ms);
-				z-index: 3;
-				top: -64px;
-			}
-
-			:host([hasFooter]) #fab {
-				top: -28px;
-			}
-
-			:host([fabSlotCollapsed][hasFabs]) #fab {
-				transform: scale(0);
-				opacity: 0;
-			}
-
-			mo-data-grid-footer {
-				transition: var(--mo-data-grid-fab-transition, 250ms);
-			}
-
-			:host([hasSums][hasFabs]:not([fabSlotCollapsed])) mo-data-grid-footer {
-				--mo-data-grid-footer-trailing-padding: calc(var(--mo-data-grid-fab-slot-width, 56px) + 16px);
-			}
-
-			slot[name=fab] {
-				display: block;
-				z-index: 1;
-			}
-
-			mo-empty-state, ::slotted(mo-empty-state) {
-				height: calc(100% - var(--mo-data-grid-header-height) / 2);
-				margin-block-start: calc(var(--mo-data-grid-header-height) / 2);
-				position: absolute;
-				inset: 0;
-			}
-
-			#overlayModeContainer {
-				position: relative;
-				height: 100%;
-				width: 100%;
-
-				mo-data-grid-side-panel {
-					position: absolute;
-					inset: 0;
-					width: 100%;
-					height: 100%;
-					z-index: 5;
-					background-color: var(--mo-color-surface);
-				}
-			}
+        return css `
+			:host {
+				--mo-data-grid-column-reorder-width: 20px;
+				--mo-data-grid-column-details-width: 20px;
+				--mo-data-grid-column-selection-width: 40px;
+				--mo-data-grid-column-actions-width: 28px;
+				--mo-data-grid-cell-padding: 0.5rem;
+				--mo-data-grid-header-height: 32px;
+				--mo-data-grid-footer-min-height: 40px;
+				--mo-data-grid-toolbar-padding: 0px 14px 14px 14px;
+				--mo-data-grid-border: 1px solid var(--mo-color-transparent-gray-3);
+
+				--mo-details-data-grid-start-margin: 26px;
+
+				--mo-data-grid-sticky-part-color: var(--mo-color-surface);
+
+				--mo-data-grid-alternating-background: color-mix(in srgb, black var(--mo-data-grid-alternating-background-transparency), transparent 0%);
+
+				--mo-data-grid-selection-background: color-mix(in srgb, var(--mo-color-accent), transparent 50%);
+
+				--_content-min-height-default: calc(var(--mo-data-grid-min-visible-rows, 2.5) * var(--mo-data-grid-row-height) + var(--mo-data-grid-header-height));
+				display: flex;
+				flex-direction: column;
+				height: 100%;
+				overflow-x: hidden;
+			}
+
+			:not(:has([mo-data-grid-row])) {
+				--_content-min-height-default: 150px;
+			}
+
+			:host([data-theme=light]) {
+				--mo-data-grid-alternating-background-transparency : 5%;
+			}
+
+			:host([data-theme=dark]) {
+				--mo-data-grid-alternating-background-transparency: 20%;
+			}
+
+			:host([preventVerticalContentScroll]) mo-scroller {
+				overflow-y: hidden;
+
+				&::part(container) {
+					position: relative;
+				}
+			}
+
+			#content {
+				width: fit-content;
+				min-width: 100%;
+				height: min-content;
+				min-height: 100%;
+			}
+
+			#toolbar {
+				position: relative;
+				padding: var(--mo-data-grid-toolbar-padding);
+
+				#actions {
+					margin-inline-start: auto;
+
+					mo-icon-button, ::slotted(mo-icon-button[slot='toolbar-action']) {
+						color: var(--mo-color-gray);
+						&[data-selected] {
+							color: var(--mo-color-accent);
+						}
+					}
+				}
+			}
+
+			#fab {
+				position: absolute;
+				inset-inline-end: 16px;
+				transition: var(--mo-data-grid-fab-transition, 250ms);
+				z-index: 3;
+				top: -64px;
+			}
+
+			:host([hasFooter]) #fab {
+				top: -28px;
+			}
+
+			:host([fabSlotCollapsed][hasFabs]) #fab {
+				transform: scale(0);
+				opacity: 0;
+			}
+
+			mo-data-grid-footer {
+				transition: var(--mo-data-grid-fab-transition, 250ms);
+			}
+
+			:host([hasSums][hasFabs]:not([fabSlotCollapsed])) mo-data-grid-footer {
+				--mo-data-grid-footer-trailing-padding: calc(var(--mo-data-grid-fab-slot-width, 56px) + 16px);
+			}
+
+			slot[name=fab] {
+				display: block;
+				z-index: 1;
+			}
+
+			mo-empty-state, ::slotted(mo-empty-state) {
+				height: calc(100% - var(--mo-data-grid-header-height) / 2);
+				margin-block-start: calc(var(--mo-data-grid-header-height) / 2);
+				position: absolute;
+				inset: 0;
+			}
+
+			#overlayModeContainer {
+				position: relative;
+				height: 100%;
+				width: 100%;
+
+				mo-data-grid-side-panel {
+					position: absolute;
+					inset: 0;
+					width: 100%;
+					height: 100%;
+					z-index: 5;
+					background-color: var(--mo-color-surface);
+				}
+			}
 		`;
     }
     get template() {
-        return html `
-			<slot name='column' hidden>${this.columnsTemplate}</slot>
-			${this.toolbarTemplate}
-			${this.smallScreenObserverController.matches ? this.overlayModeTemplate : this.splitterModeTemplate}
+        return html `
+			<slot name='column' hidden>${this.columnsTemplate}</slot>
+			${this.toolbarTemplate}
+			${this.smallScreenObserverController.matches ? this.overlayModeTemplate : this.splitterModeTemplate}
 		`;
     }
     get splitterModeTemplate() {
-        return html `
-			<mo-splitter direction='horizontal-reversed' ${style({ height: '100%' })} .resizerTemplate=${this.splitterResizerTemplate}>
-				${cache(this.sidePanelTab === undefined ? html.nothing : html `
-					<mo-splitter-item size='min(25%, 300px)' min='max(15%, 250px)' max='clamp(100px, 50%, 750px)'>
-						${this.sidePanelTemplate}
-					</mo-splitter-item>
-				`)}
-
-				<mo-splitter-item min='0px' ${style({ position: 'relative' })}>
-					${this.dataGridTemplate}
-				</mo-splitter-item>
-			</mo-splitter>
+        return html `
+			<mo-splitter direction='horizontal-reversed' ${style({ height: '100%' })} .resizerTemplate=${this.splitterResizerTemplate}>
+				${cache(this.sidePanelTab === undefined ? html.nothing : html `
+					<mo-splitter-item size='min(25%, 300px)' min='max(15%, 250px)' max='clamp(100px, 50%, 750px)'>
+						${this.sidePanelTemplate}
+					</mo-splitter-item>
+				`)}
+
+				<mo-splitter-item min='0px' ${style({ position: 'relative' })}>
+					${this.dataGridTemplate}
+				</mo-splitter-item>
+			</mo-splitter>
 		`;
     }
     get overlayModeTemplate() {
-        return html `
-			<mo-flex id='overlayModeContainer'>
-				${this.dataGridTemplate}
-				${this.sidePanelTab === undefined ? html.nothing : this.sidePanelTemplate}
-			</mo-flex>
+        return html `
+			<mo-flex id='overlayModeContainer'>
+				${this.dataGridTemplate}
+				${this.sidePanelTab === undefined ? html.nothing : this.sidePanelTemplate}
+			</mo-flex>
 		`;
     }
     get sidePanelTemplate() {
-        return html `
-			<mo-data-grid-side-panel
-				.dataGrid=${this}
-				tab=${ifDefined(this.sidePanelTab)}
-			>
-				<slot slot='settings' name='settings'>${this.settingsDefaultTemplate}</slot>
-				<slot slot='filter' name='filter'>${this.filtersDefaultTemplate}</slot>
-			</mo-data-grid-side-panel>
+        return html `
+			<mo-data-grid-side-panel
+				.dataGrid=${this}
+				tab=${ifDefined(this.sidePanelTab)}
+			>
+				<slot slot='settings' name='settings'>${this.settingsDefaultTemplate}</slot>
+				<slot slot='filter' name='filter'>${this.filtersDefaultTemplate}</slot>
+			</mo-data-grid-side-panel>
 		`;
     }
     get settingsDefaultTemplate() {
@@ -499,48 +499,48 @@ let DataGrid = class DataGrid extends Component {
         // These also update the respective attributes for now
         this.hasSums;
         this.hasFabs;
-        return html `
-			<slot name='fab' @slotchange=${() => { this.hasSums; this.hasFabs; }}></slot>
+        return html `
+			<slot name='fab' @slotchange=${() => { this.hasSums; this.hasFabs; }}></slot>
 		`;
     }
     get contentTemplate() {
         return !this.data.length ? this.noContentTemplate : this.rowsTemplate;
     }
     get noContentTemplate() {
-        return html `
-			<slot name='error-no-content'>
-				<mo-empty-state icon='youtube_searched_for'>${t('No results')}</mo-empty-state>
-			</slot>
+        return html `
+			<slot name='error-no-content'>
+				<mo-empty-state icon='youtube_searched_for'>${t('No results')}</mo-empty-state>
+			</slot>
 		`;
     }
     get dataGridTemplate() {
         this.toggleAttribute('hasDetails', this.hasDetails);
-        return html `
-			<mo-grid rows='* auto' ${style({ position: 'relative', height: '100%' })}>
-				<mo-scroller
-					${style({ minHeight: 'var(--mo-data-grid-content-min-height, var(--_content-min-height-default))' })}
-					${observeResize(([e]) => this.style.setProperty('--_content-height', `${e?.contentRect.height ?? 0}px`))}
-					@scroll=${this.handleScroll}
-				>
-					<mo-grid id='content' autoRows='min-content' columns='var(--mo-data-grid-columns)'>
-						${this.headerTemplate}
-						${this.contentTemplate}
-					</mo-grid>
-				</mo-scroller>
-				${this.footerTemplate}
-			</mo-grid>
+        return html `
+			<mo-grid rows='* auto' ${style({ position: 'relative', height: '100%' })}>
+				<mo-scroller
+					${style({ minHeight: 'var(--mo-data-grid-content-min-height, var(--_content-min-height-default))' })}
+					${observeResize(([e]) => this.style.setProperty('--_content-height', `${e?.contentRect.height ?? 0}px`))}
+					@scroll=${this.handleScroll}
+				>
+					<mo-grid id='content' autoRows='min-content' columns='var(--mo-data-grid-columns)'>
+						${this.headerTemplate}
+						${this.contentTemplate}
+					</mo-grid>
+				</mo-scroller>
+				${this.footerTemplate}
+			</mo-grid>
 		`;
     }
     get headerTemplate() {
-        return this.headerHidden ? html.nothing : html `
-			<mo-data-grid-header .dataGrid=${this}></mo-data-grid-header>
+        return this.headerHidden ? html.nothing : html `
+			<mo-data-grid-header .dataGrid=${this}></mo-data-grid-header>
 		`;
     }
     get rowsTemplate() {
         // Do not use the data-record or data as the key as it leads to UI flickering
-        return html `
-			${this.hiddenSizeAnchorRowTemplate}
-			${repeat(this.renderDataRecords, record => record.index, (record, index) => this.getRowTemplate(record, index))}
+        return html `
+			${this.hiddenSizeAnchorRowTemplate}
+			${repeat(this.renderDataRecords, record => record.index, (record, index) => this.getRowTemplate(record, index))}
 		`;
     }
     /**
@@ -565,73 +565,73 @@ let DataGrid = class DataGrid extends Component {
                 .map(dr => column.getContentTemplate?.(KeyPath.get(dr.data, column.dataSelector), dr.data) ?? html.nothing)
                 .reduce((longest, current) => (getLength(current) > getLength(longest)) || false ? current : longest, html.nothing);
         };
-        return html `
-			<style>
-				#size-anchor {
-					display: grid;
-					grid-template-columns: subgrid;
-					grid-column: data / end;
-					font-size: var(--mo-data-grid-cell-font-size);
-					height: 0;
-					visibility: hidden;
-					opacity: 0;
-
-					div {
-						user-select: none;
-						white-space: nowrap;
-						overflow: hidden;
-						text-overflow: ellipsis;
-						padding-inline: var(--mo-data-grid-cell-padding);
-						margin-inline-start: calc(var(--_max-level, 0) * var(--mo-data-grid-column-sub-row-indentation, 20px))
-					}
-				}
-			</style>
-			<div id='size-anchor'>
-				${this.visibleColumns.map(column => html `
-					<div style='--_max-level: ${Math.max(...this.dataRecords.map(dr => dr.level))}'>
-						${getLongestContent(column)}
-					</div>
-				`)}
-			</div>
+        return html `
+			<style>
+				#size-anchor {
+					display: grid;
+					grid-template-columns: subgrid;
+					grid-column: data / end;
+					font-size: var(--mo-data-grid-cell-font-size);
+					height: 0;
+					visibility: hidden;
+					opacity: 0;
+
+					div {
+						user-select: none;
+						white-space: nowrap;
+						overflow: hidden;
+						text-overflow: ellipsis;
+						padding-inline: var(--mo-data-grid-cell-padding);
+						margin-inline-start: calc(var(--_max-level, 0) * var(--mo-data-grid-column-sub-row-indentation, 20px))
+					}
+				}
+			</style>
+			<div id='size-anchor'>
+				${this.visibleColumns.map(column => html `
+					<div style='--_max-level: ${Math.max(...this.dataRecords.map(dr => dr.level))}'>
+						${getLongestContent(column)}
+					</div>
+				`)}
+			</div>
 		`;
     }
     getRowTemplate(dataRecord, index = 0) {
-        return staticHtml `
-			<${this.rowElementTag} part='row'
-				${this.reorderabilityController.item({ index: dataRecord.index, disabled: !this.reorderabilityController.enabled })}
-				.dataRecord=${dataRecord}
-				?data-has-alternating-background=${this.hasAlternatingBackground && index % 2 === 1}
-			></${this.rowElementTag}>
+        return staticHtml `
+			<${this.rowElementTag} part='row'
+				${this.reorderabilityController.item({ index: dataRecord.index, disabled: !this.reorderabilityController.enabled })}
+				.dataRecord=${dataRecord}
+				?data-has-alternating-background=${this.hasAlternatingBackground && index % 2 === 1}
+			></${this.rowElementTag}>
 		`;
     }
     get footerTemplate() {
-        return html `
-			<mo-flex ${style({ position: 'relative' })}>
-				<mo-flex id='fab' direction='vertical-reversed' gap='0.5rem'>
-					${this.fabTemplate}
-				</mo-flex>
-				${this.hasFooter === false ? html.nothing : html `
-					<mo-data-grid-footer .dataGrid=${this} page=${this.page}>
-						<slot name='sum' slot='sum'>${this.sumDefaultTemplate}</slot>
-					</mo-data-grid-footer>
-				`}
-			</mo-flex>
+        return html `
+			<mo-flex ${style({ position: 'relative' })}>
+				<mo-flex id='fab' direction='vertical-reversed' gap='0.5rem'>
+					${this.fabTemplate}
+				</mo-flex>
+				${this.hasFooter === false ? html.nothing : html `
+					<mo-data-grid-footer .dataGrid=${this} page=${this.page}>
+						<slot name='sum' slot='sum'>${this.sumDefaultTemplate}</slot>
+					</mo-data-grid-footer>
+				`}
+			</mo-flex>
 		`;
     }
     get sumsTemplate() {
-        return html `
-			${this.columns.map(c => c.sumTemplate)}
+        return html `
+			${this.columns.map(c => c.sumTemplate)}
 		`;
     }
     get toolbarTemplate() {
-        return this.hasToolbar === false ? html.nothing : html `
-			<mo-flex id='toolbar' direction='horizontal' gap='8px' wrap='wrap' alignItems='center'>
-				<slot name='toolbar'>${this.toolbarDefaultTemplate}</slot>
-				<mo-flex id='actions' direction='horizontal' gap='8px' alignContent='center'>
-					<slot name='toolbar-action'>${this.toolbarActionDefaultTemplate}</slot>
-					${this.toolbarActionsTemplate}
-				</mo-flex>
-			</mo-flex>
+        return this.hasToolbar === false ? html.nothing : html `
+			<mo-flex id='toolbar' direction='horizontal' gap='8px' wrap='wrap' alignItems='center'>
+				<slot name='toolbar'>${this.toolbarDefaultTemplate}</slot>
+				<mo-flex id='actions' direction='horizontal' gap='8px' alignContent='center'>
+					<slot name='toolbar-action'>${this.toolbarActionDefaultTemplate}</slot>
+					${this.toolbarActionsTemplate}
+				</mo-flex>
+			</mo-flex>
 		`;
     }
     get toolbarDefaultTemplate() {
@@ -644,20 +644,20 @@ let DataGrid = class DataGrid extends Component {
         return html.nothing;
     }
     get toolbarActionsTemplate() {
-        return html `
-			${!this.hasFilters ? html.nothing : html `
-				<mo-icon-button icon='filter_list'
-					${tooltip(t('More Filters'))}
-					?data-selected=${this.sidePanelTab === DataGridSidePanelTab.Filters}
-					@click=${() => this.navigateToSidePanelTab(this.sidePanelTab === DataGridSidePanelTab.Filters ? undefined : DataGridSidePanelTab.Filters)}
-				></mo-icon-button>
-			`}
-
-			<mo-icon-button icon='settings'
-				${tooltip(t('Settings'))}
-				?data-selected=${this.sidePanelTab === DataGridSidePanelTab.Settings}
-				@click=${() => this.navigateToSidePanelTab(this.sidePanelTab === DataGridSidePanelTab.Settings ? undefined : DataGridSidePanelTab.Settings)}
-			></mo-icon-button>
+        return html `
+			${!this.hasFilters ? html.nothing : html `
+				<mo-icon-button icon='filter_list'
+					${tooltip(t('More Filters'))}
+					?data-selected=${this.sidePanelTab === DataGridSidePanelTab.Filters}
+					@click=${() => this.navigateToSidePanelTab(this.sidePanelTab === DataGridSidePanelTab.Filters ? undefined : DataGridSidePanelTab.Filters)}
+				></mo-icon-button>
+			`}
+
+			<mo-icon-button icon='settings'
+				${tooltip(t('Settings'))}
+				?data-selected=${this.sidePanelTab === DataGridSidePanelTab.Settings}
+				@click=${() => this.navigateToSidePanelTab(this.sidePanelTab === DataGridSidePanelTab.Settings ? undefined : DataGridSidePanelTab.Settings)}
+			></mo-icon-button>
 		`;
     }
     handleScroll(e) {

package/dist/DataGridCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataGridCell.d.ts","sourceRoot":"","sources":["../DataGridCell.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,EAA8B,KAAK,kBAAkB,EAAE,MAAM,WAAW,CAAA;AAGrG,OAAO,EAAE,cAAc,EAAuB,KAAK,WAAW,EAAE,MAAM,YAAY,CAAA;AAMlF;;;;;;GAMG;AACH,qBACa,YAAY,CAAC,MAAM,SAAS,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,KAAK,GAAG,GAAG,EAAE,eAAe,SAAS,OAAO,GAAG,SAAS,GAAG,SAAS,CAAE,SAAQ,SAAS;IAC3H,KAAK,EAAG,MAAM,CAAA;IACd,MAAM,EAAG,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;IACtC,GAAG,EAAG,WAAW,CAAC,KAAK,EAAE,eAAe,CAAC,CAAA;IAE5D,OAAO,CAAC,OAAO,CAAQ;IAEhC,IAAI,QAAQ,iDAA+B;IAC3C,IAAI,IAAI,UAA2B;IACnC,IAAI,YAAY,snDAAsC;IAEtD,OAAO,KAAK,SAAS,GAAkD;IACvE,OAAO,KAAK,QAAQ,GAA0D;IAE9E,OAAO,KAAK,gBAAgB,GAAuD;IAEnF,OAAO,KAAK,UAAU,GAIrB;IAED,IAAI,SAAS,YAGZ;IAED,iBAAiB,CAAC,KAAK,EAAE,YAAY;IAMrC,iBAAiB,CAAC,KAAK,EAAE,UAAU;IAO7B,aAAa,CAAC,KAAK,EAAE,aAAa;YA2C1B,UAAU;IAWxB,OAAO,CAAC,SAAS;IAWjB,WAAoB,MAAM,kCAqCzB;IAED,OAAO,KAAK,OAAO,GAAmC;IAEtD,cAAuB,QAAQ,uBAc9B;IAED,OAAO,KAAK,eAAe,GAK1B;IAED,OAAO,KAAK,oBAAoB,GAwB/B;IAQD,OAAO,KAAK,mBAAmB,GAE9B;CACD;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,mBAAmB,EAAE,YAAY,CAAC,OAAO,CAAC,CAAA;KAC1C;CACD"}
+{"version":3,"file":"DataGridCell.d.ts","sourceRoot":"","sources":["../DataGridCell.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,EAA8B,KAAK,kBAAkB,EAAE,MAAM,WAAW,CAAA;AAGrG,OAAO,EAAE,cAAc,EAAuB,KAAK,WAAW,EAAE,MAAM,YAAY,CAAA;AAMlF;;;;;;GAMG;AACH,qBACa,YAAY,CAAC,MAAM,SAAS,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,KAAK,GAAG,GAAG,EAAE,eAAe,SAAS,OAAO,GAAG,SAAS,GAAG,SAAS,CAAE,SAAQ,SAAS;IAC3H,KAAK,EAAG,MAAM,CAAA;IACd,MAAM,EAAG,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;IACtC,GAAG,EAAG,WAAW,CAAC,KAAK,EAAE,eAAe,CAAC,CAAA;IAE5D,OAAO,CAAC,OAAO,CAAQ;IAEhC,IAAI,QAAQ,iDAA+B;IAC3C,IAAI,IAAI,UAA2B;IACnC,IAAI,YAAY,snDAAsC;IAEtD,OAAO,KAAK,SAAS,GAAkD;IACvE,OAAO,KAAK,QAAQ,GAA0D;IAE9E,OAAO,KAAK,gBAAgB,GAAuD;IAEnF,OAAO,KAAK,UAAU,GAIrB;IAED,IAAI,SAAS,YAGZ;IAED,iBAAiB,CAAC,KAAK,EAAE,YAAY;IAMrC,iBAAiB,CAAC,KAAK,EAAE,UAAU;IAO7B,aAAa,CAAC,KAAK,EAAE,aAAa;YA6C1B,UAAU;IAWxB,OAAO,CAAC,SAAS;IAWjB,WAAoB,MAAM,kCAqCzB;IAED,OAAO,KAAK,OAAO,GAAmC;IAEtD,cAAuB,QAAQ,uBAc9B;IAED,OAAO,KAAK,eAAe,GAK1B;IAED,OAAO,KAAK,oBAAoB,GAwB/B;IAQD,OAAO,KAAK,mBAAmB,GAE9B;CACD;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,mBAAmB,EAAE,YAAY,CAAC,OAAO,CAAC,CAAA;KAC1C;CACD"}