apex-grid 3.3.0 → 3.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +143 -0
- package/README.md +74 -6
- package/components/cell.d.ts +2 -2
- package/components/cell.js +30 -2
- package/components/cell.js.map +1 -1
- package/components/filter-row.js +65 -6
- package/components/filter-row.js.map +1 -1
- package/components/grid.d.ts +132 -0
- package/components/grid.js +59 -2
- package/components/grid.js.map +1 -1
- package/components/header-row.js +8 -0
- package/components/header-row.js.map +1 -1
- package/components/header.js +85 -12
- package/components/header.js.map +1 -1
- package/components/row.js +32 -4
- package/components/row.js.map +1 -1
- package/components/virtualizer.d.ts +5 -1
- package/components/virtualizer.js +72 -2
- package/components/virtualizer.js.map +1 -1
- package/controllers/expansion.js +4 -4
- package/controllers/expansion.js.map +1 -1
- package/controllers/filter.js +11 -0
- package/controllers/filter.js.map +1 -1
- package/controllers/history.js +11 -4
- package/controllers/history.js.map +1 -1
- package/controllers/navigation.d.ts +35 -2
- package/controllers/navigation.js +102 -8
- package/controllers/navigation.js.map +1 -1
- package/controllers/pagination.js +1 -1
- package/controllers/pagination.js.map +1 -1
- package/controllers/reorder.js +4 -2
- package/controllers/reorder.js.map +1 -1
- package/controllers/row-pin.js +2 -2
- package/controllers/row-pin.js.map +1 -1
- package/controllers/row-reorder.js +6 -6
- package/controllers/row-reorder.js.map +1 -1
- package/controllers/selection.js +3 -3
- package/controllers/selection.js.map +1 -1
- package/controllers/sort.js +4 -2
- package/controllers/sort.js.map +1 -1
- package/controllers/state.d.ts +9 -3
- package/controllers/state.js +11 -1
- package/controllers/state.js.map +1 -1
- package/custom-elements.json +664 -190
- package/docs/assets/hierarchy.js +1 -1
- package/docs/assets/navigation.js +1 -1
- package/docs/assets/search.js +1 -1
- package/docs/classes/ApexGrid.html +586 -0
- package/docs/classes/ApexGridPaginator.html +36 -0
- package/docs/classes/ApexGridToolbar.html +67 -0
- package/docs/functions/localize.html +2 -2
- package/docs/functions/setup.html +1 -2
- package/docs/hierarchy.html +1 -1
- package/docs/index.html +94 -6
- package/docs/interfaces/ApexCellValidationFailedEvent.html +1 -1
- package/docs/interfaces/ApexCellValueChangedEvent.html +1 -1
- package/docs/interfaces/ApexCellValueChangingEvent.html +2 -2
- package/docs/interfaces/ApexColumnMovedEvent.html +2 -2
- package/docs/interfaces/ApexColumnMovingEvent.html +1 -1
- package/docs/interfaces/ApexDetailContext.html +2 -2
- package/docs/interfaces/ApexGridEventMap.html +5 -5
- package/docs/interfaces/ApexRowMovingEvent.html +1 -1
- package/docs/interfaces/ApexRowPinningEvent.html +1 -1
- package/docs/interfaces/BaseApexCellContext.html +1 -1
- package/docs/interfaces/BaseApexEditorContext.html +1 -1
- package/docs/interfaces/BaseColumnConfiguration.html +3 -3
- package/docs/interfaces/CSVExportOptions.html +2 -2
- package/docs/interfaces/DataPipelineConfiguration.html +2 -2
- package/docs/interfaces/EditingHistoryConfiguration.html +1 -1
- package/docs/interfaces/ExportFormat.html +2 -2
- package/docs/interfaces/ExportOptions.html +1 -1
- package/docs/interfaces/GridRowPinningConfiguration.html +1 -1
- package/docs/interfaces/GridRowReorderingConfiguration.html +2 -2
- package/docs/interfaces/PaginationConfiguration.html +1 -1
- package/docs/interfaces/PaginationState.html +1 -1
- package/docs/media/_tokens.scss +29 -8
- package/docs/media/package.json +4 -5
- package/docs/media/state-persistence.html +0 -10
- package/docs/modules.html +1 -1
- package/docs/types/DataPipelineParams.html +2 -2
- package/docs/types/EditMode.html +2 -2
- package/docs/types/GridLocaleText.html +1 -1
- package/docs/types/PaginationMode.html +1 -1
- package/docs/variables/EN_LOCALE.html +3 -3
- package/docs/variables/esLocale.html +1 -1
- package/i18n/en.d.ts +109 -1
- package/i18n/en.js +109 -1
- package/i18n/en.js.map +1 -1
- package/i18n/es.js +109 -1
- package/i18n/es.js.map +1 -1
- package/index.d.ts +2 -0
- package/index.js +2 -0
- package/index.js.map +1 -1
- package/internal/column-types.js +1 -1
- package/internal/column-types.js.map +1 -1
- package/internal/feature-module.d.ts +22 -0
- package/internal/feature-module.js +5 -0
- package/internal/feature-module.js.map +1 -1
- package/internal/index.d.ts +2 -2
- package/internal/index.js +1 -1
- package/internal/index.js.map +1 -1
- package/internal/utils.d.ts +14 -0
- package/internal/utils.js +5 -0
- package/internal/utils.js.map +1 -1
- package/package.json +1 -2
- package/setup.d.ts +12 -11
- package/setup.js +12 -4
- package/setup.js.map +1 -1
- package/styles/_common.css.js +1 -1
- package/styles/_common.css.js.map +1 -1
- package/styles/_tokens.css.js +1 -1
- package/styles/_tokens.css.js.map +1 -1
- package/styles/body-cell/body-cell.css.js +1 -1
- package/styles/body-cell/body-cell.css.js.map +1 -1
- package/styles/body-row/body-row.css.js +1 -1
- package/styles/body-row/body-row.css.js.map +1 -1
- package/styles/filter-row/filter-row.css.js +1 -1
- package/styles/filter-row/filter-row.css.js.map +1 -1
- package/styles/grid/_grid.base.css.js +1 -1
- package/styles/grid/_grid.base.css.js.map +1 -1
- package/styles/grid/grid.css.js +1 -1
- package/styles/grid/grid.css.js.map +1 -1
- package/styles/group-header-row/group-header-row.css.js +1 -1
- package/styles/group-header-row/group-header-row.css.js.map +1 -1
- package/styles/header-cell/header-cell.css.js +1 -1
- package/styles/header-cell/header-cell.css.js.map +1 -1
- package/styles/header-row/header-row.base.css.js +1 -1
- package/styles/header-row/header-row.base.css.js.map +1 -1
- package/styles/paginator/paginator.css.js +1 -1
- package/styles/paginator/paginator.css.js.map +1 -1
- package/styles/toolbar/toolbar.css.js +1 -1
- package/styles/toolbar/toolbar.css.js.map +1 -1
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{
|
|
2
|
+
export const styles = css `:host{display:grid;grid-row:header-row;min-height:var(--ag-header-h);background:var(--header-background, var(--ag-surface-elevated));color:var(--header-text-color, var(--ag-text-muted));border-block-end:1px solid var(--header-border-color, var(--ag-hairline));z-index:calc(var(--z-index-base) + 3);position:sticky;inset-block-start:var(--apex-row-top-header, 0)}:host(:focus){outline:none}[part=filtered]{background:var(--filtering-header-background, transparent)}[part=row-number-header]{display:flex;align-items:center;justify-content:center;position:sticky;inset-inline-start:0;z-index:calc(var(--z-index-base) + 2);background:inherit;border-inline-end:1px solid var(--header-border-color, var(--ag-hairline));color:var(--ag-text-subtle);font-size:var(--ag-fs-cell-secondary)}[part=reorder-handle-header]{position:sticky;inset-inline-start:0;z-index:calc(var(--z-index-base) + 2);background:inherit}[part=selection-header]{display:flex;align-items:center;justify-content:center;position:sticky;inset-inline-start:0;z-index:calc(var(--z-index-base) + 2);background:inherit;border-inline-end:1px solid var(--header-border-color, var(--ag-hairline))}[part=selection-header] input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;inline-size:14px;block-size:14px;margin:0;flex-shrink:0;box-sizing:border-box;border:1.4px solid color-mix(in srgb, var(--ag-brand) 30%, transparent);border-radius:var(--ag-radius-xs);background-color:var(--ag-surface);background-repeat:no-repeat;background-position:center;cursor:pointer;transition:background-color var(--ag-dur-fast) var(--ag-ease),border-color var(--ag-dur-fast) var(--ag-ease),transform var(--ag-dur-fast) var(--ag-ease)}[part=selection-header] input[type=checkbox]:hover{border-color:color-mix(in srgb, var(--ag-brand) 55%, transparent)}[part=selection-header] input[type=checkbox]:active{transform:scale(0.92)}[part=selection-header] input[type=checkbox]:checked,[part=selection-header] input[type=checkbox]:indeterminate{background-color:var(--ag-brand);border-color:var(--ag-brand)}[part=selection-header] input[type=checkbox]:checked{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3 7.4 5.8 10.2 11 4.2' fill='none' stroke='%23ffffff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}[part=selection-header] input[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Crect x='3.5' y='6.2' width='7' height='1.6' rx='0.8' fill='%23ffffff'/%3E%3C/svg%3E")}[part=selection-header] input[type=checkbox]:focus-visible{outline:2px solid color-mix(in srgb, var(--ag-brand) 50%, transparent);outline-offset:2px}[part=expansion-header]{display:flex;align-items:center;justify-content:center;position:sticky;inset-inline-start:0;z-index:calc(var(--z-index-base) + 2);background:inherit;border-inline-end:1px solid var(--header-border-color, var(--ag-hairline))}[part=expansion-header] [part=expansion-toggle]{display:inline-flex;align-items:center;justify-content:center;inline-size:1.5rem;block-size:1.5rem;padding:0;border:1px solid rgba(0,0,0,0);border-radius:var(--ag-radius-xs);background:rgba(0,0,0,0);color:var(--ag-text-muted);cursor:pointer;transition:background-color var(--ag-dur-fast) var(--ag-ease),border-color var(--ag-dur-fast) var(--ag-ease),color var(--ag-dur-fast) var(--ag-ease)}[part=expansion-header] [part=expansion-toggle]:hover{background:var(--ag-brand-softer);border-color:var(--ag-brand-line);color:var(--ag-brand-strong)}[part=expansion-header] [part=expansion-toggle]:focus-visible{outline:2px solid color-mix(in srgb, var(--ag-brand) 50%, transparent);outline-offset:2px}[part=expansion-header] [part=expansion-chevron]{transition:transform var(--ag-dur-med) var(--ag-ease)}[part=drag-ghost]{position:fixed;display:flex;align-items:center;padding:0 var(--ag-cell-pad-x);background:var(--ag-surface);color:var(--ag-text-body);border:1px solid var(--ag-brand-line);border-radius:var(--ag-radius-sm);box-shadow:0 0.125rem 0.375rem rgba(0,0,0,.1),0 0.625rem 1.75rem rgba(0,0,0,.18);font-weight:var(--ag-fw-semibold);font-size:var(--ag-fs-cell);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:grabbing;z-index:99999;transform:rotate(-1deg)}`;
|
|
3
3
|
//# sourceMappingURL=header-row.base.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"header-row.base.css.js","sourceRoot":"","sources":["../../../src/styles/header-row/header-row.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"header-row.base.css.js","sourceRoot":"","sources":["../../../src/styles/header-row/header-row.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,22IAA22I,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{display:grid;grid-row:header-row;min-height:var(--ag-header-h);background:var(--header-background, var(--ag-surface-elevated));color:var(--header-text-color, var(--ag-text-muted));border-block-end:1px solid var(--header-border-color, var(--ag-hairline));z-index:calc(var(--z-index-base) + 3);position:sticky;inset-block-start:var(--apex-row-top-header, 0)}:host(:focus){outline:none}[part=filtered]{background:var(--filtering-header-background, transparent)}[part=row-number-header]{display:flex;align-items:center;justify-content:center;position:sticky;inset-inline-start:0;z-index:calc(var(--z-index-base) + 2);background:inherit;border-inline-end:1px solid var(--header-border-color, var(--ag-hairline));color:var(--ag-text-subtle);font-size:var(--ag-fs-cell-secondary)}[part=reorder-handle-header]{position:sticky;inset-inline-start:0;z-index:calc(var(--z-index-base) + 2);background:inherit}[part=selection-header]{display:flex;align-items:center;justify-content:center;position:sticky;inset-inline-start:0;z-index:calc(var(--z-index-base) + 2);background:inherit;border-inline-end:1px solid var(--header-border-color, var(--ag-hairline))}[part=selection-header] input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;inline-size:14px;block-size:14px;margin:0;flex-shrink:0;box-sizing:border-box;border:1.4px solid color-mix(in srgb, var(--ag-brand) 30%, transparent);border-radius:var(--ag-radius-xs);background-color:var(--ag-surface);background-repeat:no-repeat;background-position:center;cursor:pointer;transition:background-color var(--ag-dur-fast) var(--ag-ease),border-color var(--ag-dur-fast) var(--ag-ease),transform var(--ag-dur-fast) var(--ag-ease)}[part=selection-header] input[type=checkbox]:hover{border-color:color-mix(in srgb, var(--ag-brand) 55%, transparent)}[part=selection-header] input[type=checkbox]:active{transform:scale(0.92)}[part=selection-header] input[type=checkbox]:checked,[part=selection-header] input[type=checkbox]:indeterminate{background-color:var(--ag-brand);border-color:var(--ag-brand)}[part=selection-header] input[type=checkbox]:checked{background-image:url(\"data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3 7.4 5.8 10.2 11 4.2' fill='none' stroke='%23ffffff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\")}[part=selection-header] input[type=checkbox]:indeterminate{background-image:url(\"data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Crect x='3.5' y='6.2' width='7' height='1.6' rx='0.8' fill='%23ffffff'/%3E%3C/svg%3E\")}[part=selection-header] input[type=checkbox]:focus-visible{outline:2px solid color-mix(in srgb, var(--ag-brand) 50%, transparent);outline-offset:2px}[part=expansion-header]{display:flex;align-items:center;justify-content:center;position:sticky;inset-inline-start:0;z-index:calc(var(--z-index-base) + 2);background:inherit;border-inline-end:1px solid var(--header-border-color, var(--ag-hairline))}[part=expansion-header] [part=expansion-toggle]{display:inline-flex;align-items:center;justify-content:center;inline-size:1.5rem;block-size:1.5rem;padding:0;border:1px solid rgba(0,0,0,0);border-radius:var(--ag-radius-xs);background:rgba(0,0,0,0);color:var(--ag-text-muted);cursor:pointer;transition:background-color var(--ag-dur-fast) var(--ag-ease),border-color var(--ag-dur-fast) var(--ag-ease),color var(--ag-dur-fast) var(--ag-ease)}[part=expansion-header] [part=expansion-toggle]:hover{background:var(--ag-brand-softer);border-color:var(--ag-brand-line);color:var(--ag-brand-strong)}[part=expansion-header] [part=expansion-toggle]:focus-visible{outline:2px solid color-mix(in srgb, var(--ag-brand) 50%, transparent);outline-offset:2px}[part=expansion-header] [part=expansion-chevron]{transition:transform var(--ag-dur-med) var(--ag-ease)}[part=drag-ghost]{position:fixed;display:flex;align-items:center;padding:0 var(--ag-cell-pad-x);background:var(--ag-surface);color:var(--ag-text-body);border:1px solid var(--ag-brand-line);border-radius:var(--ag-radius-sm);box-shadow:0 0.125rem 0.375rem rgba(0,0,0,.1),0 0.625rem 1.75rem rgba(0,0,0,.18);font-weight:var(--ag-fw-semibold);font-size:var(--ag-fs-cell);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:grabbing;z-index:99999;transform:rotate(-1deg)}`;"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--
|
|
2
|
+
export const styles = css `:host{--ig-size: 1;grid-row:paginator-row;display:block;background:var(--ag-surface-elevated);color:var(--header-text-color, var(--ag-text-muted));border-block-start:1px solid var(--header-border-color, var(--ag-hairline));font-size:11.5px;z-index:calc(var(--z-index-base) + 4);position:sticky;inset-block-end:0;inset-inline-start:0;box-sizing:border-box;width:var(--apex-host-width, 100%);max-width:var(--apex-host-width, 100%)}[part=paginator]{display:flex;align-items:center;gap:.75rem;padding:var(--ag-footer-pad);min-height:2rem}[part=paginator-size]{display:inline-flex;align-items:center}[part=paginator-size] select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;padding:.125rem .375rem;font:inherit;font-size:11.5px;color:var(--ag-text-body);background:var(--ag-surface);border:1px solid var(--ag-hairline);border-radius:var(--ag-radius-sm);line-height:1;cursor:pointer}[part=paginator-size] select:focus-visible{outline:.125rem solid color-mix(in srgb, var(--ag-brand) 50%, transparent);outline-offset:.0625rem}[part=paginator-info]{flex:1;text-align:center;white-space:nowrap;color:var(--header-text-color, var(--ag-text-muted));font-variant-numeric:tabular-nums}[part=paginator-controls]{display:inline-flex;align-items:center;gap:.125rem}[part=paginator-page]{padding:0 .375rem;min-width:3rem;text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:var(--ag-fw-semibold);color:var(--ag-text)}[part=paginator-button]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);color:var(--ag-text-body);border:0;padding:.125rem;margin:0;width:1.5rem;height:1.5rem;min-width:1.5rem;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--ag-radius-sm);cursor:pointer;line-height:0;transition:background-color var(--ag-dur-fast) var(--ag-ease),color var(--ag-dur-fast) var(--ag-ease)}[part=paginator-button] svg{display:block;inline-size:1rem;block-size:1rem;color:currentcolor}[part=paginator-button]:hover:not(:disabled){background:hsl(from currentcolor h s l/8%);color:var(--ag-text)}[part=paginator-button]:focus-visible{outline:.125rem solid color-mix(in srgb, var(--ag-brand) 50%, transparent);outline-offset:-0.125rem}[part=paginator-button]:disabled{color:var(--ag-text-subtle);cursor:not-allowed}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}`;
|
|
3
3
|
//# sourceMappingURL=paginator.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"paginator.css.js","sourceRoot":"","sources":["../../../src/styles/paginator/paginator.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"paginator.css.js","sourceRoot":"","sources":["../../../src/styles/paginator/paginator.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,s5EAAs5E,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{--ig-size: 1;grid-row:paginator-row;display:block;background:var(--ag-surface-elevated);color:var(--header-text-color, var(--ag-text-muted));border-block-start:1px solid var(--header-border-color, var(--ag-hairline));font-size:11.5px;z-index:calc(var(--z-index-base) + 4);position:sticky;inset-block-end:0;inset-inline-start:0;box-sizing:border-box;width:var(--apex-host-width, 100%);max-width:var(--apex-host-width, 100%)}[part=paginator]{display:flex;align-items:center;gap:.75rem;padding:var(--ag-footer-pad);min-height:2rem}[part=paginator-size]{display:inline-flex;align-items:center}[part=paginator-size] select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;padding:.125rem .375rem;font:inherit;font-size:11.5px;color:var(--ag-text-body);background:var(--ag-surface);border:1px solid var(--ag-hairline);border-radius:var(--ag-radius-sm);line-height:1;cursor:pointer}[part=paginator-size] select:focus-visible{outline:.125rem solid color-mix(in srgb, var(--ag-brand) 50%, transparent);outline-offset:.0625rem}[part=paginator-info]{flex:1;text-align:center;white-space:nowrap;color:var(--header-text-color, var(--ag-text-muted));font-variant-numeric:tabular-nums}[part=paginator-controls]{display:inline-flex;align-items:center;gap:.125rem}[part=paginator-page]{padding:0 .375rem;min-width:3rem;text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:var(--ag-fw-semibold);color:var(--ag-text)}[part=paginator-button]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);color:var(--ag-text-body);border:0;padding:.125rem;margin:0;width:1.5rem;height:1.5rem;min-width:1.5rem;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--ag-radius-sm);cursor:pointer;line-height:0;transition:background-color var(--ag-dur-fast) var(--ag-ease),color var(--ag-dur-fast) var(--ag-ease)}[part=paginator-button] svg{display:block;inline-size:1rem;block-size:1rem;color:currentcolor}[part=paginator-button]:hover:not(:disabled){background:hsl(from currentcolor h s l/8%);color:var(--ag-text)}[part=paginator-button]:focus-visible{outline:.125rem solid color-mix(in srgb, var(--ag-brand) 50%, transparent);outline-offset:-0.125rem}[part=paginator-button]:disabled{color:var(--ag-text-subtle);cursor:not-allowed}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}`;"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--
|
|
2
|
+
export const styles = css `:host{--ig-size: 1;grid-row:toolbar-row;display:block;background:var(--header-background, var(--ag-surface-elevated));color:var(--header-text-color, var(--ag-text-muted));border-block-end:1px solid var(--header-border-color, var(--ag-hairline));z-index:calc(var(--z-index-base) + 4);position:sticky;inset-block-start:0;inset-inline-start:0;box-sizing:border-box;width:var(--apex-host-width, 100%);max-width:var(--apex-host-width, 100%)}[part=toolbar]{display:flex;align-items:center;gap:.5rem;padding:var(--ag-toolbar-pad)}[part=toolbar-search]{flex:1;max-width:22.5rem}[part=search-field]{display:inline-flex;align-items:center;inline-size:100%;block-size:1.875rem;padding:0 .625rem;gap:.375rem;background:var(--ag-surface);color:var(--ag-text-body);border:.0625rem solid var(--ag-brand-line);border-radius:8px;transition:border-color var(--ag-dur-fast) var(--ag-ease),box-shadow var(--ag-dur-fast) var(--ag-ease);box-sizing:border-box}[part=search-field]:focus-within{border-color:color-mix(in srgb, var(--ag-brand) 50%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--ag-brand) 14%, transparent)}[part=search-icon]{inline-size:1rem;block-size:1rem;flex-shrink:0;opacity:.65;color:currentcolor}[part=search-input]{flex:1;min-inline-size:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);color:inherit;border:0;outline:0;padding:0;margin:0;font:inherit;font-size:var(--ag-fs-cell);line-height:1}[part=search-input]::-moz-placeholder{color:var(--ag-text-subtle);opacity:1}[part=search-input]::placeholder{color:var(--ag-text-subtle);opacity:1}[part=search-input]::-webkit-search-cancel-button,[part=search-input]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}[part=toolbar-actions]{display:inline-flex;align-items:center;gap:.25rem;margin-inline-start:auto}[part=toolbar-action]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:.3125rem;border:.0625rem solid rgba(0,0,0,0);border-radius:var(--ag-radius-sm);background:rgba(0,0,0,0);color:var(--ag-text-body);cursor:pointer;font:inherit;font-size:var(--ag-fs-cell);font-weight:var(--ag-fw-regular);line-height:1;min-block-size:1.75rem;padding:0 .625rem;transition:background-color var(--ag-dur-fast) var(--ag-ease),border-color var(--ag-dur-fast) var(--ag-ease),color var(--ag-dur-fast) var(--ag-ease);white-space:nowrap}[part=toolbar-action]:hover{background:var(--ag-brand-softer);color:var(--ag-brand-strong)}[part=toolbar-action]:focus-visible{outline:0;border-color:color-mix(in srgb, var(--ag-brand) 50%, transparent);box-shadow:0 0 0 .1875rem color-mix(in srgb, var(--ag-brand) 14%, transparent)}[part=toolbar-action][data-action-id=create-chart]{border-color:var(--ag-hairline);font-weight:var(--ag-fw-semibold)}[part=toolbar-action][data-action-id=create-chart]:hover{border-color:color-mix(in srgb, var(--ag-brand) 40%, transparent);background:var(--ag-brand-softer);color:var(--ag-brand-strong)}[part=toolbar-action][data-action-id=ask-ai]{background:var(--ag-brand);border-color:var(--ag-brand);color:var(--ag-text-on-brand);font-weight:var(--ag-fw-semibold)}[part=toolbar-action][data-action-id=ask-ai]:hover{background:var(--ag-brand-strong);border-color:var(--ag-brand-strong);color:var(--ag-text-on-brand)}[part=toolbar-action][data-action-id=ask-ai]:focus-visible{border-color:var(--ag-brand-strong)}[part=export]{position:relative}[part=export-trigger]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);border:.0625rem solid rgba(0,0,0,0);color:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.125rem;min-inline-size:1.75rem;min-block-size:1.75rem;padding:0 .375rem;border-radius:var(--ag-radius-sm);transition:background-color var(--ag-dur-fast) var(--ag-ease),border-color var(--ag-dur-fast) var(--ag-ease),color var(--ag-dur-fast) var(--ag-ease)}[part=export-trigger]:hover{background:var(--ag-brand-softer);color:var(--ag-brand-strong)}[part=export-trigger]:focus-visible{outline:0;border-color:color-mix(in srgb, var(--ag-brand) 50%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--ag-brand) 14%, transparent)}[part=export-icon]{inline-size:1rem;block-size:1rem}[part=export-caret]{inline-size:.75rem;block-size:.75rem;opacity:.65}[part=export-menu]{position:absolute;inset-block-start:calc(100% + 0.25rem);inset-inline-end:0;margin:0;padding:.25rem 0;min-inline-size:11.25rem;background:var(--ag-surface);color:var(--ag-text-body);border:.0625rem solid var(--ag-brand-line);border-radius:var(--ag-radius-sm);box-shadow:0 .125rem .25rem rgba(0,0,0,.06),0 .375rem 1rem rgba(0,0,0,.12);list-style:none;z-index:calc(var(--z-index-base) + 10)}[part=export-menu][hidden]{display:none}[part=export-menu] li{margin:0;padding:0}[part=export-menu-item]{display:block;inline-size:100%;text-align:start;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);color:inherit;border:0;margin:0;padding:.5rem .75rem;font:inherit;font-size:.8125rem;cursor:pointer;min-block-size:1.5rem}[part=export-menu-item]:hover{background:var(--ag-brand-softer);color:var(--ag-brand-strong)}[part=export-menu-item]:focus-visible{outline:0;background:var(--ag-brand-soft);box-shadow:inset 0 0 0 .125rem var(--ag-brand)}@media(forced-colors: active){[part=search-field]:focus-within,[part=toolbar-action]:focus-visible,[part=toolbar-action][data-action-id=ask-ai]:focus-visible,[part=export-trigger]:focus-visible,[part=export-menu-item]:focus-visible{outline:0.125rem solid Highlight;outline-offset:0.0625rem}[part=export-menu-item]:focus-visible{outline-offset:-0.125rem}}`;
|
|
3
3
|
//# sourceMappingURL=toolbar.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toolbar.css.js","sourceRoot":"","sources":["../../../src/styles/toolbar/toolbar.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"toolbar.css.js","sourceRoot":"","sources":["../../../src/styles/toolbar/toolbar.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6hLAA6hL,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{--ig-size: 1;grid-row:toolbar-row;display:block;background:var(--header-background, var(--ag-surface-elevated));color:var(--header-text-color, var(--ag-text-muted));border-block-end:1px solid var(--header-border-color, var(--ag-hairline));z-index:calc(var(--z-index-base) + 4);position:sticky;inset-block-start:0;inset-inline-start:0;box-sizing:border-box;width:var(--apex-host-width, 100%);max-width:var(--apex-host-width, 100%)}[part=toolbar]{display:flex;align-items:center;gap:.5rem;padding:var(--ag-toolbar-pad)}[part=toolbar-search]{flex:1;max-width:22.5rem}[part=search-field]{display:inline-flex;align-items:center;inline-size:100%;block-size:1.875rem;padding:0 .625rem;gap:.375rem;background:var(--ag-surface);color:var(--ag-text-body);border:.0625rem solid var(--ag-brand-line);border-radius:8px;transition:border-color var(--ag-dur-fast) var(--ag-ease),box-shadow var(--ag-dur-fast) var(--ag-ease);box-sizing:border-box}[part=search-field]:focus-within{border-color:color-mix(in srgb, var(--ag-brand) 50%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--ag-brand) 14%, transparent)}[part=search-icon]{inline-size:1rem;block-size:1rem;flex-shrink:0;opacity:.65;color:currentcolor}[part=search-input]{flex:1;min-inline-size:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);color:inherit;border:0;outline:0;padding:0;margin:0;font:inherit;font-size:var(--ag-fs-cell);line-height:1}[part=search-input]::-moz-placeholder{color:var(--ag-text-subtle);opacity:1}[part=search-input]::placeholder{color:var(--ag-text-subtle);opacity:1}[part=search-input]::-webkit-search-cancel-button,[part=search-input]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}[part=toolbar-actions]{display:inline-flex;align-items:center;gap:.25rem;margin-inline-start:auto}[part=toolbar-action]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:.3125rem;border:.0625rem solid rgba(0,0,0,0);border-radius:var(--ag-radius-sm);background:rgba(0,0,0,0);color:var(--ag-text-body);cursor:pointer;font:inherit;font-size:var(--ag-fs-cell);font-weight:var(--ag-fw-regular);line-height:1;min-block-size:1.75rem;padding:0 .625rem;transition:background-color var(--ag-dur-fast) var(--ag-ease),border-color var(--ag-dur-fast) var(--ag-ease),color var(--ag-dur-fast) var(--ag-ease);white-space:nowrap}[part=toolbar-action]:hover{background:var(--ag-brand-softer);color:var(--ag-brand-strong)}[part=toolbar-action]:focus-visible{outline:0;border-color:color-mix(in srgb, var(--ag-brand) 50%, transparent);box-shadow:0 0 0 .1875rem color-mix(in srgb, var(--ag-brand) 14%, transparent)}[part=toolbar-action][data-action-id=create-chart]{border-color:var(--ag-hairline);font-weight:var(--ag-fw-semibold)}[part=toolbar-action][data-action-id=create-chart]:hover{border-color:color-mix(in srgb, var(--ag-brand) 40%, transparent);background:var(--ag-brand-softer);color:var(--ag-brand-strong)}[part=toolbar-action][data-action-id=ask-ai]{background:var(--ag-brand);border-color:var(--ag-brand);color:var(--ag-text-on-brand);font-weight:var(--ag-fw-semibold)}[part=toolbar-action][data-action-id=ask-ai]:hover{background:var(--ag-brand-strong);border-color:var(--ag-brand-strong);color:var(--ag-text-on-brand)}[part=toolbar-action][data-action-id=ask-ai]:focus-visible{border-color:var(--ag-brand-strong)}[part=export]{position:relative}[part=export-trigger]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);border:.0625rem solid rgba(0,0,0,0);color:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.125rem;min-inline-size:1.75rem;min-block-size:1.75rem;padding:0 .375rem;border-radius:var(--ag-radius-sm);transition:background-color var(--ag-dur-fast) var(--ag-ease),border-color var(--ag-dur-fast) var(--ag-ease),color var(--ag-dur-fast) var(--ag-ease)}[part=export-trigger]:hover{background:var(--ag-brand-softer);color:var(--ag-brand-strong)}[part=export-trigger]:focus-visible{outline:0;border-color:color-mix(in srgb, var(--ag-brand) 50%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--ag-brand) 14%, transparent)}[part=export-icon]{inline-size:1rem;block-size:1rem}[part=export-caret]{inline-size:.75rem;block-size:.75rem;opacity:.65}[part=export-menu]{position:absolute;inset-block-start:calc(100% + 0.25rem);inset-inline-end:0;margin:0;padding:.25rem 0;min-inline-size:11.25rem;background:var(--ag-surface);color:var(--ag-text-body);border:.0625rem solid var(--ag-brand-line);border-radius:var(--ag-radius-sm);box-shadow:0 .125rem .25rem rgba(0,0,0,.06),0 .375rem 1rem rgba(0,0,0,.12);list-style:none;z-index:calc(var(--z-index-base) + 10)}[part=export-menu][hidden]{display:none}[part=export-menu] li{margin:0;padding:0}[part=export-menu-item]{display:block;inline-size:100%;text-align:start;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);color:inherit;border:0;margin:0;padding:.5rem .75rem;font:inherit;font-size:.8125rem;cursor:pointer;min-block-size:1.5rem}[part=export-menu-item]:hover{background:var(--ag-brand-softer);color:var(--ag-brand-strong)}[part=export-menu-item]:focus-visible{outline:0;background:var(--ag-brand-soft);box-shadow:inset 0 0 0 .125rem var(--ag-brand)}@media(forced-colors: active){[part=search-field]:focus-within,[part=toolbar-action]:focus-visible,[part=toolbar-action][data-action-id=ask-ai]:focus-visible,[part=export-trigger]:focus-visible,[part=export-menu-item]:focus-visible{outline:0.125rem solid Highlight;outline-offset:0.0625rem}[part=export-menu-item]:focus-visible{outline-offset:-0.125rem}}`;"]}
|