apex-grid 3.0.1 → 3.2.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 +63 -1
- package/README.md +1 -1
- package/components/cell.d.ts +7 -0
- package/components/cell.js +33 -0
- package/components/cell.js.map +1 -1
- package/components/filter-row.d.ts +1 -1
- package/components/grid.d.ts +20 -5
- package/components/grid.js +22 -1
- package/components/grid.js.map +1 -1
- package/components/header-row.d.ts +3 -3
- package/components/header.d.ts +2 -2
- package/components/header.js +1 -1
- package/components/header.js.map +1 -1
- package/components/paginator.d.ts +1 -1
- package/components/row.d.ts +11 -4
- package/components/row.js +35 -1
- package/components/row.js.map +1 -1
- package/components/toolbar.d.ts +2 -2
- package/controllers/data-operation.js +1 -0
- package/controllers/data-operation.js.map +1 -1
- package/controllers/dom.js +1 -0
- package/controllers/dom.js.map +1 -1
- package/controllers/resize.d.ts +1 -1
- package/controllers/sort.d.ts +1 -1
- package/controllers/sort.js +2 -2
- package/controllers/sort.js.map +1 -1
- package/controllers/state.d.ts +34 -1
- package/controllers/state.js +50 -1
- package/controllers/state.js.map +1 -1
- package/custom-elements.json +437 -3
- package/docs/assets/hierarchy.js +1 -1
- package/docs/classes/ApexGrid.html +27 -21
- package/docs/hierarchy.html +1 -1
- package/docs/index.html +1 -1
- package/docs/interfaces/BaseApexCellContext.html +1 -1
- package/docs/interfaces/BaseApexEditorContext.html +1 -1
- package/docs/interfaces/CSVExportOptions.html +1 -1
- package/docs/interfaces/ExportOptions.html +1 -1
- package/docs/interfaces/PaginationState.html +1 -1
- package/docs/media/_tokens.scss +98 -0
- package/docs/media/package.json +1 -1
- package/internal/feature-module.d.ts +135 -3
- package/internal/feature-module.js +20 -1
- package/internal/feature-module.js.map +1 -1
- package/internal/index.d.ts +4 -2
- package/internal/index.js +2 -0
- package/internal/index.js.map +1 -1
- package/package.json +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/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/paginator/paginator.css.js +1 -1
- package/styles/paginator/paginator.css.js.map +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"grid.css.js","sourceRoot":"","sources":["../../../src/styles/grid/grid.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"grid.css.js","sourceRoot":"","sources":["../../../src/styles/grid/grid.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,u+JAAu+J,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);--component-size: 3}:host{--ag-brand: var(--ig-primary-500, #0d6fd3);--ag-brand-strong: var(--ig-primary-700, #0a56b8);--ag-brand-soft: color-mix(in srgb, var(--ag-brand) 10%, transparent);--ag-brand-softer: color-mix(in srgb, var(--ag-brand) 7%, transparent);--ag-brand-line: color-mix(in srgb, var(--ag-brand) 18%, transparent);--ag-hairline: rgba(15, 23, 42, 0.08);--ag-row-hover: color-mix(in srgb, #0f172a 5%, var(--ag-surface));--ag-grid-bg: linear-gradient( 155deg, rgba(255, 255, 255, 0.96) 0%, rgba(252, 253, 255, 0.92) 50%, rgba(248, 250, 254, 0.94) 100% );--ag-surface: #fff;--ag-surface-alt: #f9fafb;--ag-surface-elevated: linear-gradient(180deg, #fbfcfd 0%, #f6f7f8 100%);--ag-text: #111827;--ag-text-body: #1f2937;--ag-text-muted: #6b7280;--ag-text-subtle: #9ca3af;--ag-text-on-brand: #fff;--ag-border: rgba(15, 23, 42, 0.05);--ag-good: #10b981;--ag-good-text: #047857;--ag-good-soft: rgba(16, 185, 129, 0.1);--ag-watch: #f59e0b;--ag-watch-text: #b45309;--ag-watch-soft: rgba(245, 158, 11, 0.1);--ag-risk: #ef4444;--ag-risk-text: #b91c1c;--ag-risk-soft: rgba(239, 68, 68, 0.1);--ag-gold: #fef3c7;--ag-gold-line: #fde68a;--ag-gold-text: #92400e;--ag-shadow-card: 0 16px 38px rgba(15, 23, 42, 0.12), 0 0 0 1px rgba(15, 23, 42, 0.06), 0 1px 0 rgba(255, 255, 255, 0.9) inset;--ag-font: 'Inter', -apple-system, blinkmacsystemfont, sans-serif;--ag-fs-cell: 12px;--ag-fs-cell-secondary: 10.5px;--ag-fs-tiny: 10px;--ag-fw-regular: 500;--ag-fw-semibold: 600;--ag-fw-bold: 700;--ag-tracking-tight: -0.005em;--ag-tracking-header: 0.05em;--ag-leading: 1.4;--ag-cell-pad-x: 10px;--ag-row-h: 36px;--ag-header-h: 36px;--ag-toolbar-pad: 12px 14px;--ag-footer-pad: 10px 14px;--ag-radius: 18px;--ag-radius-sm: 6px;--ag-radius-xs: 4px;--ag-radius-pill: 20px;--ag-ease: cubic-bezier(0.2, 0.8, 0.2, 1);--ag-dur-fast: 120ms;--ag-dur-med: 180ms;--ag-dur-slow: 240ms}:host([theme~=dark]){--ag-brand: var(--ig-primary-500, #3b82f6);--ag-brand-strong: var(--ig-primary-400, #60a5fa);--ag-grid-bg: #0f172a;--ag-surface: #0f172a;--ag-surface-alt: #172033;--ag-surface-elevated: #1e293b;--ag-hairline: rgba(255, 255, 255, 0.12);--ag-border: rgba(255, 255, 255, 0.07);--ag-row-hover: color-mix(in srgb, #ffffff 7%, var(--ag-surface));--ag-text: #f1f5f9;--ag-text-body: #e2e8f0;--ag-text-muted: #94a3b8;--ag-text-subtle: #64748b;--ag-good-text: #34d399;--ag-good-soft: rgba(16, 185, 129, 0.18);--ag-watch-text: #fbbf24;--ag-watch-soft: rgba(245, 158, 11, 0.18);--ag-risk-text: #f87171;--ag-risk-soft: rgba(239, 68, 68, 0.18);--ag-gold: rgba(245, 158, 11, 0.16);--ag-gold-line: rgba(245, 158, 11, 0.35);--ag-gold-text: #fcd34d;--ag-shadow-card: 0 16px 38px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(255, 255, 255, 0.06), 0 1px 0 rgba(255, 255, 255, 0.04) inset}:host([theme~=tinted]){--ag-surface-alt: color-mix(in srgb, var(--ag-brand) 4%, #fff);--ag-surface-elevated: color-mix(in srgb, var(--ag-brand) 11%, #fbfcfd);--ag-hairline: color-mix(in srgb, var(--ag-brand) 24%, rgba(15, 23, 42, 0.07));--ag-border: color-mix(in srgb, var(--ag-brand) 12%, transparent);--ag-row-hover: color-mix(in srgb, var(--ag-brand) 9%, var(--ag-surface));--ag-text-muted: color-mix(in srgb, var(--ag-brand) 32%, #6b7280)}:host([theme~=dark][theme~=tinted]){--ag-surface-alt: color-mix(in srgb, var(--ag-brand) 10%, #172033);--ag-surface-elevated: color-mix(in srgb, var(--ag-brand) 20%, #1e293b);--ag-hairline: color-mix(in srgb, var(--ag-brand) 30%, rgba(255, 255, 255, 0.12));--ag-border: color-mix(in srgb, var(--ag-brand) 16%, rgba(255, 255, 255, 0.07));--ag-row-hover: color-mix(in srgb, var(--ag-brand) 12%, var(--ag-surface));--ag-text-muted: color-mix(in srgb, var(--ag-brand) 28%, #94a3b8)}:host{display:grid;height:100%;position:relative;box-sizing:border-box;font-family:var(--ig-font-family, var(--ag-font));font-size:var(--ag-fs-cell);line-height:var(--ag-leading);color:var(--igx-content-text-color, var(--content-text-color, var(--ag-text-body)));border-radius:var(--ag-radius);background:var(--ag-grid-bg);box-shadow:var(--ag-grid-shadow, 0 0 0 1px var(--ag-hairline));overflow:auto;grid-template-rows:[toolbar-row] max-content [header-row] max-content [filter-row] max-content [virtualized-container] auto [paginator-row] max-content;--scrollbar-offset: 0;--z-index-base: 1}apex-virtualizer{grid-row:virtualized-container;display:flex;flex-flow:column;flex:1;background:var(--igx-content-background, var(--content-background, var(--ag-surface)));color:var(--igx-content-text-color, var(--content-text-color, var(--ag-text-body)))}apex-virtualizer:focus{outline:none}[part~=resize-indicator]{position:absolute;height:100%;background-color:var(--igx-grid-resize-line-color, var(--grid-resize-line-color, var(--ag-brand)));width:.125rem;inset-inline-start:0;top:0;z-index:calc(var(--z-index-base) + 1)}`;"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);--component-size: 3}:host{--ig-size: 1;grid-row:paginator-row;display:block;background:
|
|
2
|
+
export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);--component-size: 3}:host{--ig-size: 1;grid-row:paginator-row;display:block;background:var(--ag-surface-elevated);color:var(--igx-header-text-color, var(--header-text-color, var(--ag-text-muted)));border-block-start:1px solid var(--igx-header-border-color, 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(--igx-header-text-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.375rem;height:1.375rem;min-width:1.375rem;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,00FAA00F,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);--component-size: 3}:host{--ig-size: 1;grid-row:paginator-row;display:block;background:var(--ag-surface-elevated);color:var(--igx-header-text-color, var(--header-text-color, var(--ag-text-muted)));border-block-start:1px solid var(--igx-header-border-color, 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(--igx-header-text-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.375rem;height:1.375rem;min-width:1.375rem;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}`;"]}
|