apex-grid 3.6.0 → 4.0.0-beta.2

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.
Files changed (151) hide show
  1. package/CHANGELOG.md +301 -0
  2. package/LICENSE.md +2 -1
  3. package/README.md +117 -18
  4. package/components/cell.d.ts +13 -1
  5. package/components/cell.js +28 -13
  6. package/components/cell.js.map +1 -1
  7. package/components/grid.d.ts +175 -28
  8. package/components/grid.js +183 -63
  9. package/components/grid.js.map +1 -1
  10. package/components/header-row.d.ts +0 -6
  11. package/components/header-row.js +1 -19
  12. package/components/header-row.js.map +1 -1
  13. package/components/header.js +39 -2
  14. package/components/header.js.map +1 -1
  15. package/components/paginator.d.ts +20 -5
  16. package/components/paginator.js +54 -17
  17. package/components/paginator.js.map +1 -1
  18. package/components/row.js +149 -40
  19. package/components/row.js.map +1 -1
  20. package/components/toolbar.d.ts +5 -1
  21. package/components/toolbar.js +4 -1
  22. package/components/toolbar.js.map +1 -1
  23. package/components/virtualize-rows.d.ts +38 -0
  24. package/components/virtualize-rows.js +286 -0
  25. package/components/virtualize-rows.js.map +1 -0
  26. package/components/virtualizer.d.ts +71 -1
  27. package/components/virtualizer.js +105 -29
  28. package/components/virtualizer.js.map +1 -1
  29. package/controllers/dom.d.ts +10 -3
  30. package/controllers/dom.js +5 -5
  31. package/controllers/dom.js.map +1 -1
  32. package/controllers/navigation.d.ts +63 -0
  33. package/controllers/navigation.js +295 -21
  34. package/controllers/navigation.js.map +1 -1
  35. package/controllers/pagination.d.ts +7 -6
  36. package/controllers/pagination.js +27 -28
  37. package/controllers/pagination.js.map +1 -1
  38. package/controllers/row-pin.d.ts +6 -0
  39. package/controllers/row-pin.js +8 -2
  40. package/controllers/row-pin.js.map +1 -1
  41. package/controllers/row-reorder.d.ts +12 -4
  42. package/controllers/row-reorder.js +20 -6
  43. package/controllers/row-reorder.js.map +1 -1
  44. package/controllers/selection.d.ts +32 -10
  45. package/controllers/selection.js +33 -10
  46. package/controllers/selection.js.map +1 -1
  47. package/controllers/sort.js +2 -3
  48. package/controllers/sort.js.map +1 -1
  49. package/controllers/state.d.ts +18 -5
  50. package/controllers/state.js +53 -46
  51. package/controllers/state.js.map +1 -1
  52. package/custom-elements.json +1762 -339
  53. package/docs/assets/hierarchy.js +1 -1
  54. package/docs/assets/search.js +1 -1
  55. package/docs/classes/ApexGrid.html +166 -66
  56. package/docs/classes/ApexGridPaginator.html +39 -8
  57. package/docs/classes/ApexGridToolbar.html +9 -5
  58. package/docs/functions/localize.html +2 -2
  59. package/docs/hierarchy.html +1 -1
  60. package/docs/index.html +123 -20
  61. package/docs/interfaces/ApexPageChangedEvent.html +3 -1
  62. package/docs/interfaces/BaseApexCellContext.html +18 -5
  63. package/docs/interfaces/BaseApexEditorContext.html +20 -5
  64. package/docs/interfaces/BaseFilterExpression.html +1 -1
  65. package/docs/interfaces/CSVExportOptions.html +1 -1
  66. package/docs/interfaces/DataPipelineConfiguration.html +4 -9
  67. package/docs/interfaces/ExportOptions.html +1 -1
  68. package/docs/interfaces/GridSelectionConfiguration.html +19 -4
  69. package/docs/interfaces/PaginationConfiguration.html +11 -4
  70. package/docs/interfaces/PaginationState.html +4 -2
  71. package/docs/media/_token-values.scss +42 -16
  72. package/docs/media/package.json +12 -4
  73. package/docs/types/DataPipelineParams.html +2 -2
  74. package/docs/types/PaginationMode.html +5 -4
  75. package/docs/variables/EN_LOCALE.html +2 -2
  76. package/i18n/en.d.ts +2 -0
  77. package/i18n/en.js +2 -0
  78. package/i18n/en.js.map +1 -1
  79. package/i18n/es.js +2 -0
  80. package/i18n/es.js.map +1 -1
  81. package/ignite-ui.d.ts +1 -0
  82. package/ignite-ui.js +4 -0
  83. package/ignite-ui.js.map +1 -0
  84. package/internal/column-types.d.ts +11 -1
  85. package/internal/column-types.js +8 -6
  86. package/internal/column-types.js.map +1 -1
  87. package/internal/design-system.d.ts +32 -0
  88. package/internal/design-system.js +66 -0
  89. package/internal/design-system.js.map +1 -0
  90. package/internal/export.d.ts +6 -0
  91. package/internal/export.js +4 -0
  92. package/internal/export.js.map +1 -1
  93. package/internal/feature-module.d.ts +7 -0
  94. package/internal/feature-module.js.map +1 -1
  95. package/internal/flip.d.ts +28 -16
  96. package/internal/flip.js +42 -10
  97. package/internal/flip.js.map +1 -1
  98. package/internal/icons.d.ts +2 -16
  99. package/internal/icons.js +0 -8
  100. package/internal/icons.js.map +1 -1
  101. package/internal/ignite-ui.d.ts +10 -0
  102. package/internal/ignite-ui.js +118 -0
  103. package/internal/ignite-ui.js.map +1 -0
  104. package/internal/index.d.ts +4 -2
  105. package/internal/index.js +3 -2
  106. package/internal/index.js.map +1 -1
  107. package/internal/types.d.ts +75 -19
  108. package/internal/types.js.map +1 -1
  109. package/operations/filter/types.d.ts +1 -1
  110. package/operations/filter/types.js.map +1 -1
  111. package/package.json +7 -2
  112. package/styles/_token-blocks.css.d.ts +1 -0
  113. package/styles/_token-blocks.css.js +3 -0
  114. package/styles/_token-blocks.css.js.map +1 -0
  115. package/styles/_tokens.css.js +1 -1
  116. package/styles/_tokens.css.js.map +1 -1
  117. package/styles/body-cell/body-cell.css.js +1 -1
  118. package/styles/body-cell/body-cell.css.js.map +1 -1
  119. package/styles/body-cell/cell-renderers.css.js +1 -1
  120. package/styles/body-cell/cell-renderers.css.js.map +1 -1
  121. package/styles/body-row/body-row.css.js +1 -1
  122. package/styles/body-row/body-row.css.js.map +1 -1
  123. package/styles/document-tokens.css.js +1 -1
  124. package/styles/document-tokens.css.js.map +1 -1
  125. package/styles/grid/_grid.base.css.js +1 -1
  126. package/styles/grid/_grid.base.css.js.map +1 -1
  127. package/styles/grid/grid.css.js +1 -1
  128. package/styles/grid/grid.css.js.map +1 -1
  129. package/styles/group-header-row/group-header-row.css.js +1 -1
  130. package/styles/group-header-row/group-header-row.css.js.map +1 -1
  131. package/styles/header-cell/header-cell.css.js +1 -1
  132. package/styles/header-cell/header-cell.css.js.map +1 -1
  133. package/styles/header-row/header-row.base.css.js +1 -1
  134. package/styles/header-row/header-row.base.css.js.map +1 -1
  135. package/styles/ignite-ui/ignite-ui-dark.css.d.ts +1 -0
  136. package/styles/ignite-ui/ignite-ui-dark.css.js +3 -0
  137. package/styles/ignite-ui/ignite-ui-dark.css.js.map +1 -0
  138. package/styles/ignite-ui/ignite-ui-document.css.d.ts +1 -0
  139. package/styles/ignite-ui/ignite-ui-document.css.js +3 -0
  140. package/styles/ignite-ui/ignite-ui-document.css.js.map +1 -0
  141. package/styles/ignite-ui/ignite-ui.css.d.ts +1 -0
  142. package/styles/ignite-ui/ignite-ui.css.js +3 -0
  143. package/styles/ignite-ui/ignite-ui.css.js.map +1 -0
  144. package/styles/paginator/paginator.css.js +1 -1
  145. package/styles/paginator/paginator.css.js.map +1 -1
  146. package/styles/toolbar/toolbar.css.js +1 -1
  147. package/styles/toolbar/toolbar.css.js.map +1 -1
  148. package/tokens.css +14 -15
  149. package/operations/pagination.d.ts +0 -19
  150. package/operations/pagination.js +0 -12
  151. package/operations/pagination.js.map +0 -1
package/styles/document-tokens.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:where(:root){--ag-hairline: rgba(15, 23, 42, 0.08);--ag-border: rgba(15, 23, 42, 0.08);--ag-pin-line: rgba(15, 23, 42, 0.18);--ag-header-separator: rgba(15, 23, 42, 0.12);--ag-grid-bg: #fff;--ag-surface: #fff;--ag-surface-elevated: #f8f9fb;--ag-text: #111827;--ag-text-body: #1f2937;--ag-text-muted: #6b7280;--ag-text-subtle: #9ca3af;--ag-text-on-brand: #fff;--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: 13px;--ag-fs-cell-secondary: 11.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: 40px;--ag-toolbar-pad: 12px 14px;--ag-footer-pad: 10px 14px;--ag-radius: 8px;--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;--ag-dark-grid-bg: #0f172a;--ag-dark-surface: #0f172a;--ag-dark-surface-elevated: #1e2532;--ag-dark-hairline: rgba(255, 255, 255, 0.12);--ag-dark-border: rgba(255, 255, 255, 0.12);--ag-dark-pin-line: rgba(255, 255, 255, 0.28);--ag-dark-header-separator: rgba(255, 255, 255, 0.18);--ag-dark-text: #f1f5f9;--ag-dark-text-body: #e2e8f0;--ag-dark-text-muted: #94a3b8;--ag-dark-text-subtle: #64748b;--ag-dark-good-text: #34d399;--ag-dark-good-soft: rgba(16, 185, 129, 0.18);--ag-dark-watch-text: #fbbf24;--ag-dark-watch-soft: rgba(245, 158, 11, 0.18);--ag-dark-risk-text: #f87171;--ag-dark-risk-soft: rgba(239, 68, 68, 0.18);--ag-dark-gold: rgba(245, 158, 11, 0.16);--ag-dark-gold-line: rgba(245, 158, 11, 0.35);--ag-dark-gold-text: #fcd34d;--ag-dark-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}`;
2
+ export const styles = css `:where(:root){--ag-hairline: var(--apx-grid, rgba(15, 23, 42, 0.08));--ag-border: var(--apx-grid, rgba(15, 23, 42, 0.08));--ag-pin-line: rgba(15, 23, 42, 0.18);--ag-header-separator: var(--apx-grid, rgba(15, 23, 42, 0.12));--ag-grid-bg: var(--apx-surface, #fff);--ag-surface: var(--apx-surface, #fff);--ag-surface-elevated: #f8f9fb;--ag-text: var(--apx-fore, #111827);--ag-text-body: var(--apx-fore, #1f2937);--ag-text-muted: #6b7280;--ag-text-subtle: #9ca3af;--ag-text-on-brand: #fff;--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-fs-cell: 13px;--ag-fs-cell-secondary: 11.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: 40px;--ag-toolbar-pad: 12px 14px;--ag-footer-pad: 10px 14px;--ag-radius: 8px;--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;--ag-dark-grid-bg: var(--apx-surface, #0f172a);--ag-dark-surface: var(--apx-surface, #0f172a);--ag-dark-surface-elevated: #1e2532;--ag-dark-hairline: var(--apx-grid, rgba(255, 255, 255, 0.12));--ag-dark-border: var(--apx-grid, rgba(255, 255, 255, 0.12));--ag-dark-pin-line: rgba(255, 255, 255, 0.28);--ag-dark-header-separator: var(--apx-grid, rgba(255, 255, 255, 0.18));--ag-dark-text: var(--apx-fore, #f1f5f9);--ag-dark-text-body: var(--apx-fore, #e2e8f0);--ag-dark-text-muted: #94a3b8;--ag-dark-text-subtle: #64748b;--ag-dark-good-text: #34d399;--ag-dark-good-soft: rgba(16, 185, 129, 0.18);--ag-dark-watch-text: #fbbf24;--ag-dark-watch-soft: rgba(245, 158, 11, 0.18);--ag-dark-risk-text: #f87171;--ag-dark-risk-soft: rgba(239, 68, 68, 0.18);--ag-dark-gold: rgba(245, 158, 11, 0.16);--ag-dark-gold-line: rgba(245, 158, 11, 0.35);--ag-dark-gold-text: #fcd34d;--ag-dark-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}`;
3
3
  //# sourceMappingURL=document-tokens.css.js.map
package/styles/document-tokens.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"document-tokens.css.js","sourceRoot":"","sources":["../../src/styles/document-tokens.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qsEAAqsE,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:where(:root){--ag-hairline: rgba(15, 23, 42, 0.08);--ag-border: rgba(15, 23, 42, 0.08);--ag-pin-line: rgba(15, 23, 42, 0.18);--ag-header-separator: rgba(15, 23, 42, 0.12);--ag-grid-bg: #fff;--ag-surface: #fff;--ag-surface-elevated: #f8f9fb;--ag-text: #111827;--ag-text-body: #1f2937;--ag-text-muted: #6b7280;--ag-text-subtle: #9ca3af;--ag-text-on-brand: #fff;--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: 13px;--ag-fs-cell-secondary: 11.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: 40px;--ag-toolbar-pad: 12px 14px;--ag-footer-pad: 10px 14px;--ag-radius: 8px;--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;--ag-dark-grid-bg: #0f172a;--ag-dark-surface: #0f172a;--ag-dark-surface-elevated: #1e2532;--ag-dark-hairline: rgba(255, 255, 255, 0.12);--ag-dark-border: rgba(255, 255, 255, 0.12);--ag-dark-pin-line: rgba(255, 255, 255, 0.28);--ag-dark-header-separator: rgba(255, 255, 255, 0.18);--ag-dark-text: #f1f5f9;--ag-dark-text-body: #e2e8f0;--ag-dark-text-muted: #94a3b8;--ag-dark-text-subtle: #64748b;--ag-dark-good-text: #34d399;--ag-dark-good-soft: rgba(16, 185, 129, 0.18);--ag-dark-watch-text: #fbbf24;--ag-dark-watch-soft: rgba(245, 158, 11, 0.18);--ag-dark-risk-text: #f87171;--ag-dark-risk-soft: rgba(239, 68, 68, 0.18);--ag-dark-gold: rgba(245, 158, 11, 0.16);--ag-dark-gold-line: rgba(245, 158, 11, 0.35);--ag-dark-gold-text: #fcd34d;--ag-dark-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}`;"]}
1
+ {"version":3,"file":"document-tokens.css.js","sourceRoot":"","sources":["../../src/styles/document-tokens.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+3EAA+3E,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:where(:root){--ag-hairline: var(--apx-grid, rgba(15, 23, 42, 0.08));--ag-border: var(--apx-grid, rgba(15, 23, 42, 0.08));--ag-pin-line: rgba(15, 23, 42, 0.18);--ag-header-separator: var(--apx-grid, rgba(15, 23, 42, 0.12));--ag-grid-bg: var(--apx-surface, #fff);--ag-surface: var(--apx-surface, #fff);--ag-surface-elevated: #f8f9fb;--ag-text: var(--apx-fore, #111827);--ag-text-body: var(--apx-fore, #1f2937);--ag-text-muted: #6b7280;--ag-text-subtle: #9ca3af;--ag-text-on-brand: #fff;--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-fs-cell: 13px;--ag-fs-cell-secondary: 11.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: 40px;--ag-toolbar-pad: 12px 14px;--ag-footer-pad: 10px 14px;--ag-radius: 8px;--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;--ag-dark-grid-bg: var(--apx-surface, #0f172a);--ag-dark-surface: var(--apx-surface, #0f172a);--ag-dark-surface-elevated: #1e2532;--ag-dark-hairline: var(--apx-grid, rgba(255, 255, 255, 0.12));--ag-dark-border: var(--apx-grid, rgba(255, 255, 255, 0.12));--ag-dark-pin-line: rgba(255, 255, 255, 0.28);--ag-dark-header-separator: var(--apx-grid, rgba(255, 255, 255, 0.18));--ag-dark-text: var(--apx-fore, #f1f5f9);--ag-dark-text-body: var(--apx-fore, #e2e8f0);--ag-dark-text-muted: #94a3b8;--ag-dark-text-subtle: #64748b;--ag-dark-good-text: #34d399;--ag-dark-good-soft: rgba(16, 185, 129, 0.18);--ag-dark-watch-text: #fbbf24;--ag-dark-watch-soft: rgba(245, 158, 11, 0.18);--ag-dark-risk-text: #f87171;--ag-dark-risk-soft: rgba(239, 68, 68, 0.18);--ag-dark-gold: rgba(245, 158, 11, 0.16);--ag-dark-gold-line: rgba(245, 158, 11, 0.35);--ag-dark-gold-text: #fcd34d;--ag-dark-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}`;"]}
package/styles/grid/_grid.base.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--_ag-brand: var(--ag-brand, var(--ig-primary-500, #0d6fd3));--_ag-brand-strong: var(--ag-brand-strong, var(--ig-primary-700, #0a56b8));--_ag-hairline: var(--ag-hairline, rgba(15, 23, 42, 0.08));--_ag-border: var(--ag-border, rgba(15, 23, 42, 0.08));--_ag-pin-line: var(--ag-pin-line, rgba(15, 23, 42, 0.18));--_ag-header-separator: var(--ag-header-separator, rgba(15, 23, 42, 0.12));--_ag-grid-bg: var(--ag-grid-bg, #fff);--_ag-surface: var(--ag-surface, #fff);--_ag-surface-elevated: var(--ag-surface-elevated, #f8f9fb);--_ag-text: var(--ag-text, #111827);--_ag-text-body: var(--ag-text-body, #1f2937);--_ag-text-muted: var(--ag-text-muted, #6b7280);--_ag-text-subtle: var(--ag-text-subtle, #9ca3af);--_ag-text-on-brand: var(--ag-text-on-brand, #fff);--_ag-good: var(--ag-good, #10b981);--_ag-good-text: var(--ag-good-text, #047857);--_ag-good-soft: var(--ag-good-soft, rgba(16, 185, 129, 0.1));--_ag-watch: var(--ag-watch, #f59e0b);--_ag-watch-text: var(--ag-watch-text, #b45309);--_ag-watch-soft: var(--ag-watch-soft, rgba(245, 158, 11, 0.1));--_ag-risk: var(--ag-risk, #ef4444);--_ag-risk-text: var(--ag-risk-text, #b91c1c);--_ag-risk-soft: var(--ag-risk-soft, rgba(239, 68, 68, 0.1));--_ag-gold: var(--ag-gold, #fef3c7);--_ag-gold-line: var(--ag-gold-line, #fde68a);--_ag-gold-text: var(--ag-gold-text, #92400e);--_ag-shadow-card: var(--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: var(--ag-font, Inter, -apple-system, blinkmacsystemfont, sans-serif);--_ag-fs-cell: var(--ag-fs-cell, 13px);--_ag-fs-cell-secondary: var(--ag-fs-cell-secondary, 11.5px);--_ag-fs-tiny: var(--ag-fs-tiny, 10px);--_ag-fw-regular: var(--ag-fw-regular, 500);--_ag-fw-semibold: var(--ag-fw-semibold, 600);--_ag-fw-bold: var(--ag-fw-bold, 700);--_ag-tracking-tight: var(--ag-tracking-tight, -0.005em);--_ag-tracking-header: var(--ag-tracking-header, 0.05em);--_ag-leading: var(--ag-leading, 1.4);--_ag-cell-pad-x: var(--ag-cell-pad-x, 10px);--_ag-row-h: var(--ag-row-h, 36px);--_ag-header-h: var(--ag-header-h, 40px);--_ag-toolbar-pad: var(--ag-toolbar-pad, 12px 14px);--_ag-footer-pad: var(--ag-footer-pad, 10px 14px);--_ag-radius: var(--ag-radius, 8px);--_ag-radius-sm: var(--ag-radius-sm, 6px);--_ag-radius-xs: var(--ag-radius-xs, 4px);--_ag-radius-pill: var(--ag-radius-pill, 20px);--_ag-ease: var(--ag-ease, cubic-bezier(0.2, 0.8, 0.2, 1));--_ag-dur-fast: var(--ag-dur-fast, 120ms);--_ag-dur-med: var(--ag-dur-med, 180ms);--_ag-dur-slow: var(--ag-dur-slow, 240ms);--_ag-brand-soft: var(--ag-brand-soft, color-mix(in srgb, var(--_ag-brand) 10%, transparent));--_ag-brand-softer: var(--ag-brand-softer, color-mix(in srgb, var(--_ag-brand) 7%, transparent));--_ag-brand-line: var(--ag-brand-line, color-mix(in srgb, var(--_ag-brand) 18%, transparent));--_ag-surface-alt: var(--ag-surface-alt, var(--_ag-surface));--_ag-row-hover: var(--ag-row-hover, color-mix(in srgb, #0f172a 5%, var(--_ag-surface)))}:host([theme~=dark]){--_ag-brand: var(--ag-brand, var(--ig-primary-500, #3b82f6));--_ag-brand-strong: var(--ag-brand-strong, var(--ig-primary-400, #60a5fa));--_ag-grid-bg: var(--ag-dark-grid-bg, #0f172a);--_ag-surface: var(--ag-dark-surface, #0f172a);--_ag-surface-elevated: var(--ag-dark-surface-elevated, #1e2532);--_ag-hairline: var(--ag-dark-hairline, rgba(255, 255, 255, 0.12));--_ag-border: var(--ag-dark-border, rgba(255, 255, 255, 0.12));--_ag-pin-line: var(--ag-dark-pin-line, rgba(255, 255, 255, 0.28));--_ag-header-separator: var(--ag-dark-header-separator, rgba(255, 255, 255, 0.18));--_ag-text: var(--ag-dark-text, #f1f5f9);--_ag-text-body: var(--ag-dark-text-body, #e2e8f0);--_ag-text-muted: var(--ag-dark-text-muted, #94a3b8);--_ag-text-subtle: var(--ag-dark-text-subtle, #64748b);--_ag-good-text: var(--ag-dark-good-text, #34d399);--_ag-good-soft: var(--ag-dark-good-soft, rgba(16, 185, 129, 0.18));--_ag-watch-text: var(--ag-dark-watch-text, #fbbf24);--_ag-watch-soft: var(--ag-dark-watch-soft, rgba(245, 158, 11, 0.18));--_ag-risk-text: var(--ag-dark-risk-text, #f87171);--_ag-risk-soft: var(--ag-dark-risk-soft, rgba(239, 68, 68, 0.18));--_ag-gold: var(--ag-dark-gold, rgba(245, 158, 11, 0.16));--_ag-gold-line: var(--ag-dark-gold-line, rgba(245, 158, 11, 0.35));--_ag-gold-text: var(--ag-dark-gold-text, #fcd34d);--_ag-shadow-card: var(--ag-dark-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);--_ag-surface-alt: var(--ag-dark-surface-alt, var(--_ag-surface));--_ag-row-hover: var(--ag-dark-row-hover, color-mix(in srgb, #fff 7%, var(--_ag-surface)))}:host([theme~=tinted]){--_ag-surface-alt: var(--ag-surface-alt, color-mix(in srgb, var(--_ag-brand) 4%, var(--_ag-surface)));--_ag-surface-elevated: color-mix(in srgb, var(--_ag-brand) 11%, var(--ag-surface-elevated, #f8f9fb));--_ag-hairline: color-mix(in srgb, var(--_ag-brand) 24%, var(--ag-hairline, rgba(15, 23, 42, 0.08)));--_ag-border: color-mix(in srgb, var(--_ag-brand) 12%, transparent);--_ag-row-hover: var(--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%, var(--ag-text-muted, #6b7280))}:host([theme~=dark][theme~=tinted]){--_ag-surface-alt: var(--ag-dark-surface-alt, color-mix(in srgb, var(--_ag-brand) 10%, var(--_ag-surface)));--_ag-surface-elevated: color-mix(in srgb, var(--_ag-brand) 20%, var(--ag-dark-surface-elevated, #1e2532));--_ag-hairline: color-mix(in srgb, var(--_ag-brand) 30%, var(--ag-dark-hairline, rgba(255, 255, 255, 0.12)));--_ag-border: color-mix(in srgb, var(--_ag-brand) 16%, rgb(255 255 255 / 7%));--_ag-row-hover: var(--ag-dark-row-hover, color-mix(in srgb, var(--_ag-brand) 12%, var(--_ag-surface)));--_ag-text-muted: color-mix(in srgb, var(--_ag-brand) 28%, var(--ag-dark-text-muted, #94a3b8))}@media(prefers-reduced-motion: reduce){:host{--_ag-dur-fast: 0ms;--_ag-dur-med: 0ms;--_ag-dur-slow: 0ms}}: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(--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 [group-header-row] max-content [header-row] max-content [filter-row] max-content [pinned-top-row] max-content [virtualized-container] auto [pinned-bottom-row] max-content [paginator-row] max-content;--scrollbar-offset: 0;--z-index-base: 1}:host([column-separator]){--apex-header-separator-display: block}[part~=pinned-rows]{position:sticky;z-index:calc(var(--z-index-base) + 3);background:var(--content-background, var(--_ag-surface));color:var(--content-text-color, var(--_ag-text-body))}[part~=pinned-top]{grid-row:pinned-top-row;inset-block-start:var(--apex-row-top-pinned, 0);box-shadow:0 1px 0 0 var(--_ag-hairline)}[part~=pinned-bottom]{grid-row:pinned-bottom-row;inset-block-end:var(--apex-row-bottom-pinned, 0);box-shadow:0 -1px 0 0 var(--_ag-hairline)}apex-virtualizer{grid-row:virtualized-container;display:flex;flex-flow:column;flex:1;background:var(--content-background, var(--_ag-surface));color:var(--content-text-color, var(--_ag-text-body))}apex-virtualizer:focus{outline:none}[part~=resize-indicator]{position:absolute;height:100%;background-color:var(--grid-resize-line-color, var(--_ag-brand));width:.125rem;left:0;top:0;z-index:calc(var(--z-index-base) + 1)}[part~=row-drag-ghost]{position:fixed;display:flex;align-items:center;box-sizing:border-box;max-width:92vw;overflow:hidden;background:var(--content-background, var(--_ag-surface));color:var(--content-text-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-size:var(--_ag-fs-cell);white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:grabbing;opacity:.95;z-index:99999}[part~=row-drag-ghost-grip]{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;inline-size:1.75rem;color:var(--_ag-text-subtle)}[part~=row-drag-ghost-grip] svg{fill:currentcolor}[part~=row-drag-ghost-cell]{flex:0 0 auto;padding:0 var(--_ag-cell-pad-x);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box}`;
2
+ export const styles = css `:host{--_ag-brand: var(--ag-brand, var(--apx-accent, #0d6fd3));--_ag-brand-strong: var(--ag-brand-strong, #0a56b8);--_ag-font: var(--ag-font, var(--apx-font-family, Inter, -apple-system, blinkmacsystemfont, sans-serif));--_ag-hairline: var(--ag-hairline, var(--apx-grid, rgba(15, 23, 42, 0.08)));--_ag-border: var(--ag-border, var(--apx-grid, rgba(15, 23, 42, 0.08)));--_ag-pin-line: var(--ag-pin-line, rgba(15, 23, 42, 0.18));--_ag-header-separator: var(--ag-header-separator, var(--apx-grid, rgba(15, 23, 42, 0.12)));--_ag-grid-bg: var(--ag-grid-bg, var(--apx-surface, #fff));--_ag-surface: var(--ag-surface, var(--apx-surface, #fff));--_ag-surface-elevated: var(--ag-surface-elevated, #f8f9fb);--_ag-text: var(--ag-text, var(--apx-fore, #111827));--_ag-text-body: var(--ag-text-body, var(--apx-fore, #1f2937));--_ag-text-muted: var(--ag-text-muted, #6b7280);--_ag-text-subtle: var(--ag-text-subtle, #9ca3af);--_ag-text-on-brand: var(--ag-text-on-brand, #fff);--_ag-good: var(--ag-good, #10b981);--_ag-good-text: var(--ag-good-text, #047857);--_ag-good-soft: var(--ag-good-soft, rgba(16, 185, 129, 0.1));--_ag-watch: var(--ag-watch, #f59e0b);--_ag-watch-text: var(--ag-watch-text, #b45309);--_ag-watch-soft: var(--ag-watch-soft, rgba(245, 158, 11, 0.1));--_ag-risk: var(--ag-risk, #ef4444);--_ag-risk-text: var(--ag-risk-text, #b91c1c);--_ag-risk-soft: var(--ag-risk-soft, rgba(239, 68, 68, 0.1));--_ag-gold: var(--ag-gold, #fef3c7);--_ag-gold-line: var(--ag-gold-line, #fde68a);--_ag-gold-text: var(--ag-gold-text, #92400e);--_ag-shadow-card: var(--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-fs-cell: var(--ag-fs-cell, 13px);--_ag-fs-cell-secondary: var(--ag-fs-cell-secondary, 11.5px);--_ag-fs-tiny: var(--ag-fs-tiny, 10px);--_ag-fw-regular: var(--ag-fw-regular, 500);--_ag-fw-semibold: var(--ag-fw-semibold, 600);--_ag-fw-bold: var(--ag-fw-bold, 700);--_ag-tracking-tight: var(--ag-tracking-tight, -0.005em);--_ag-tracking-header: var(--ag-tracking-header, 0.05em);--_ag-leading: var(--ag-leading, 1.4);--_ag-cell-pad-x: var(--ag-cell-pad-x, 10px);--_ag-row-h: var(--ag-row-h, 36px);--_ag-header-h: var(--ag-header-h, 40px);--_ag-toolbar-pad: var(--ag-toolbar-pad, 12px 14px);--_ag-footer-pad: var(--ag-footer-pad, 10px 14px);--_ag-radius-scaled: calc(var(--ag-radius, 8px) * var(--apx-radius-factor));--_ag-radius: var(--_ag-radius-scaled, var(--ag-radius, 8px));--_ag-radius-sm-scaled: calc(var(--ag-radius-sm, 6px) * var(--apx-radius-factor));--_ag-radius-sm: var(--_ag-radius-sm-scaled, var(--ag-radius-sm, 6px));--_ag-radius-xs-scaled: calc(var(--ag-radius-xs, 4px) * var(--apx-radius-factor));--_ag-radius-xs: var(--_ag-radius-xs-scaled, var(--ag-radius-xs, 4px));--_ag-radius-pill: var(--ag-radius-pill, 20px);--_ag-ease: var(--ag-ease, cubic-bezier(0.2, 0.8, 0.2, 1));--_ag-dur-fast: var(--ag-dur-fast, 120ms);--_ag-dur-med: var(--ag-dur-med, 180ms);--_ag-dur-slow: var(--ag-dur-slow, 240ms);--_ag-brand-soft: var(--ag-brand-soft, color-mix(in srgb, var(--_ag-brand) 10%, transparent));--_ag-brand-softer: var(--ag-brand-softer, color-mix(in srgb, var(--_ag-brand) 7%, transparent));--_ag-brand-line: var(--ag-brand-line, color-mix(in srgb, var(--_ag-brand) 18%, transparent));--_ag-surface-alt: var(--ag-surface-alt, var(--_ag-surface));--_ag-row-hover: var(--ag-row-hover, color-mix(in srgb, #0f172a 5%, var(--_ag-surface)));--_ag-pill-neutral-text: #4338ca;--_ag-pill-muted-text: #4b5563;--_ag-gold-start: #fff7e6;--_ag-progress-track: rgb(15 23 42 / 8%);--_ag-overlay: var(--ag-overlay);--_ag-overlay-text: var(--ag-overlay-text);--_ag-overlay-muted: color-mix(in srgb, var(--_ag-overlay-text) 62%, var(--_ag-overlay));--_ag-overlay-line: color-mix(in srgb, var(--_ag-overlay-text) 16%, var(--_ag-overlay));--_ag-overlay-hover: color-mix(in srgb, var(--_ag-overlay-text) 6%, var(--_ag-overlay))}:host([theme~=dark]){--_ag-brand: var(--ag-brand, var(--apx-accent, #3b82f6));--_ag-brand-strong: var(--ag-brand-strong, #60a5fa);--_ag-grid-bg: var(--ag-dark-grid-bg, var(--apx-surface, #0f172a));--_ag-surface: var(--ag-dark-surface, var(--apx-surface, #0f172a));--_ag-surface-elevated: var(--ag-dark-surface-elevated, #1e2532);--_ag-hairline: var(--ag-dark-hairline, var(--apx-grid, rgba(255, 255, 255, 0.12)));--_ag-border: var(--ag-dark-border, var(--apx-grid, rgba(255, 255, 255, 0.12)));--_ag-pin-line: var(--ag-dark-pin-line, rgba(255, 255, 255, 0.28));--_ag-header-separator: var(--ag-dark-header-separator, var(--apx-grid, rgba(255, 255, 255, 0.18)));--_ag-text: var(--ag-dark-text, var(--apx-fore, #f1f5f9));--_ag-text-body: var(--ag-dark-text-body, var(--apx-fore, #e2e8f0));--_ag-text-muted: var(--ag-dark-text-muted, #94a3b8);--_ag-text-subtle: var(--ag-dark-text-subtle, #64748b);--_ag-good-text: var(--ag-dark-good-text, #34d399);--_ag-good-soft: var(--ag-dark-good-soft, rgba(16, 185, 129, 0.18));--_ag-watch-text: var(--ag-dark-watch-text, #fbbf24);--_ag-watch-soft: var(--ag-dark-watch-soft, rgba(245, 158, 11, 0.18));--_ag-risk-text: var(--ag-dark-risk-text, #f87171);--_ag-risk-soft: var(--ag-dark-risk-soft, rgba(239, 68, 68, 0.18));--_ag-gold: var(--ag-dark-gold, rgba(245, 158, 11, 0.16));--_ag-gold-line: var(--ag-dark-gold-line, rgba(245, 158, 11, 0.35));--_ag-gold-text: var(--ag-dark-gold-text, #fcd34d);--_ag-shadow-card: var(--ag-dark-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);--_ag-surface-alt: var(--ag-dark-surface-alt, var(--_ag-surface));--_ag-row-hover: var(--ag-dark-row-hover, color-mix(in srgb, #fff 7%, var(--_ag-surface)));--_ag-pill-neutral-text: #a5b4fc;--_ag-pill-muted-text: #cbd5e1;--_ag-gold-start: var(--_ag-gold);--_ag-progress-track: rgb(255 255 255 / 12%);--_ag-overlay: var(--ag-dark-overlay);--_ag-overlay-text: var(--ag-dark-overlay-text);--_ag-overlay-muted: color-mix(in srgb, var(--_ag-overlay-text) 62%, var(--_ag-overlay));--_ag-overlay-line: color-mix(in srgb, var(--_ag-overlay-text) 16%, var(--_ag-overlay));--_ag-overlay-hover: color-mix(in srgb, var(--_ag-overlay-text) 6%, var(--_ag-overlay))}:host([theme~=tinted]){--_ag-surface-alt: var(--ag-surface-alt, color-mix(in srgb, var(--_ag-brand) 4%, var(--_ag-surface)));--_ag-surface-elevated: color-mix(in srgb, var(--_ag-brand) 11%, var(--ag-surface-elevated, #f8f9fb));--_ag-hairline: color-mix(in srgb, var(--_ag-brand) 24%, var(--ag-hairline, var(--apx-grid, rgba(15, 23, 42, 0.08))));--_ag-border: color-mix(in srgb, var(--_ag-brand) 12%, transparent);--_ag-row-hover: var(--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%, var(--ag-text-muted, #6b7280))}:host([theme~=dark][theme~=tinted]){--_ag-surface-alt: var(--ag-dark-surface-alt, color-mix(in srgb, var(--_ag-brand) 10%, var(--_ag-surface)));--_ag-surface-elevated: color-mix(in srgb, var(--_ag-brand) 20%, var(--ag-dark-surface-elevated, #1e2532));--_ag-hairline: color-mix(in srgb, var(--_ag-brand) 30%, var(--ag-dark-hairline, var(--apx-grid, rgba(255, 255, 255, 0.12))));--_ag-border: color-mix(in srgb, var(--_ag-brand) 16%, rgb(255 255 255 / 7%));--_ag-row-hover: var(--ag-dark-row-hover, color-mix(in srgb, var(--_ag-brand) 12%, var(--_ag-surface)));--_ag-text-muted: color-mix(in srgb, var(--_ag-brand) 28%, var(--ag-dark-text-muted, #94a3b8))}:host([tokens=off]){--apx-accent: initial;--apx-fore: initial;--apx-grid: initial;--apx-surface: initial;--apx-font-family: initial;--apx-radius-factor: initial}@media(prefers-reduced-motion: reduce){:host{--_ag-dur-fast: 0ms;--_ag-dur-med: 0ms;--_ag-dur-slow: 0ms}}:host{display:grid;height:100%;position:relative;box-sizing:border-box;font-family:var(--_ag-font);font-size:var(--_ag-fs-cell);line-height:var(--_ag-leading);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 [group-header-row] max-content [header-row] max-content [filter-row] max-content [pinned-top-row] max-content [virtualized-container] auto [pinned-bottom-row] max-content [paginator-row] max-content;--scrollbar-offset: 0;--z-index-base: 1}:host([column-separator]){--apex-header-separator-display: block}[part~=table]{grid-row:virtualized-container;display:flex;flex-direction:column}[data-visually-hidden]{block-size:1px;min-block-size:0;margin-block-end:-1px;border:0;overflow:hidden;clip-path:inset(50%)}[part~=pinned-rows]{position:sticky;z-index:calc(var(--z-index-base) + 3);background:var(--content-background, var(--_ag-surface));color:var(--content-text-color, var(--_ag-text-body))}[part~=pinned-top]{grid-row:pinned-top-row;inset-block-start:var(--apex-row-top-pinned, 0);box-shadow:0 1px 0 0 var(--_ag-hairline)}[part~=pinned-bottom]{grid-row:pinned-bottom-row;inset-block-end:var(--apex-row-bottom-pinned, 0);box-shadow:0 -1px 0 0 var(--_ag-hairline)}apex-virtualizer{grid-row:virtualized-container;display:flex;flex-flow:column;flex:1;background:var(--content-background, var(--_ag-surface));color:var(--content-text-color, var(--_ag-text-body))}apex-virtualizer:focus{outline:none}[part~=resize-indicator]{position:absolute;height:100%;background-color:var(--grid-resize-line-color, var(--_ag-brand));width:.125rem;left:0;top:0;z-index:calc(var(--z-index-base) + 1)}[part~=drag-ghost],[part~=row-drag-ghost]{position:fixed;display:flex;align-items:center;box-sizing:border-box;overflow:hidden;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-size:var(--_ag-fs-cell);white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:grabbing;z-index:99999}[part~=drag-ghost]{padding:0 var(--_ag-cell-pad-x);background:var(--_ag-surface);color:var(--_ag-text-body);font-weight:var(--_ag-fw-semibold);text-overflow:ellipsis;transform:rotate(-1deg)}[part~=row-drag-ghost]{max-width:92vw;background:var(--content-background, var(--_ag-surface));color:var(--content-text-color, var(--_ag-text-body));opacity:.95}[part~=row-drag-ghost-grip]{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;inline-size:1.75rem;color:var(--_ag-text-subtle)}[part~=row-drag-ghost-grip] svg{fill:currentcolor}[part~=row-drag-ghost-cell]{flex:0 0 auto;padding:0 var(--_ag-cell-pad-x);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box}`;
3
3
  //# sourceMappingURL=_grid.base.css.js.map
package/styles/grid/_grid.base.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"_grid.base.css.js","sourceRoot":"","sources":["../../../src/styles/grid/_grid.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6xQAA6xQ,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{--_ag-brand: var(--ag-brand, var(--ig-primary-500, #0d6fd3));--_ag-brand-strong: var(--ag-brand-strong, var(--ig-primary-700, #0a56b8));--_ag-hairline: var(--ag-hairline, rgba(15, 23, 42, 0.08));--_ag-border: var(--ag-border, rgba(15, 23, 42, 0.08));--_ag-pin-line: var(--ag-pin-line, rgba(15, 23, 42, 0.18));--_ag-header-separator: var(--ag-header-separator, rgba(15, 23, 42, 0.12));--_ag-grid-bg: var(--ag-grid-bg, #fff);--_ag-surface: var(--ag-surface, #fff);--_ag-surface-elevated: var(--ag-surface-elevated, #f8f9fb);--_ag-text: var(--ag-text, #111827);--_ag-text-body: var(--ag-text-body, #1f2937);--_ag-text-muted: var(--ag-text-muted, #6b7280);--_ag-text-subtle: var(--ag-text-subtle, #9ca3af);--_ag-text-on-brand: var(--ag-text-on-brand, #fff);--_ag-good: var(--ag-good, #10b981);--_ag-good-text: var(--ag-good-text, #047857);--_ag-good-soft: var(--ag-good-soft, rgba(16, 185, 129, 0.1));--_ag-watch: var(--ag-watch, #f59e0b);--_ag-watch-text: var(--ag-watch-text, #b45309);--_ag-watch-soft: var(--ag-watch-soft, rgba(245, 158, 11, 0.1));--_ag-risk: var(--ag-risk, #ef4444);--_ag-risk-text: var(--ag-risk-text, #b91c1c);--_ag-risk-soft: var(--ag-risk-soft, rgba(239, 68, 68, 0.1));--_ag-gold: var(--ag-gold, #fef3c7);--_ag-gold-line: var(--ag-gold-line, #fde68a);--_ag-gold-text: var(--ag-gold-text, #92400e);--_ag-shadow-card: var(--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: var(--ag-font, Inter, -apple-system, blinkmacsystemfont, sans-serif);--_ag-fs-cell: var(--ag-fs-cell, 13px);--_ag-fs-cell-secondary: var(--ag-fs-cell-secondary, 11.5px);--_ag-fs-tiny: var(--ag-fs-tiny, 10px);--_ag-fw-regular: var(--ag-fw-regular, 500);--_ag-fw-semibold: var(--ag-fw-semibold, 600);--_ag-fw-bold: var(--ag-fw-bold, 700);--_ag-tracking-tight: var(--ag-tracking-tight, -0.005em);--_ag-tracking-header: var(--ag-tracking-header, 0.05em);--_ag-leading: var(--ag-leading, 1.4);--_ag-cell-pad-x: var(--ag-cell-pad-x, 10px);--_ag-row-h: var(--ag-row-h, 36px);--_ag-header-h: var(--ag-header-h, 40px);--_ag-toolbar-pad: var(--ag-toolbar-pad, 12px 14px);--_ag-footer-pad: var(--ag-footer-pad, 10px 14px);--_ag-radius: var(--ag-radius, 8px);--_ag-radius-sm: var(--ag-radius-sm, 6px);--_ag-radius-xs: var(--ag-radius-xs, 4px);--_ag-radius-pill: var(--ag-radius-pill, 20px);--_ag-ease: var(--ag-ease, cubic-bezier(0.2, 0.8, 0.2, 1));--_ag-dur-fast: var(--ag-dur-fast, 120ms);--_ag-dur-med: var(--ag-dur-med, 180ms);--_ag-dur-slow: var(--ag-dur-slow, 240ms);--_ag-brand-soft: var(--ag-brand-soft, color-mix(in srgb, var(--_ag-brand) 10%, transparent));--_ag-brand-softer: var(--ag-brand-softer, color-mix(in srgb, var(--_ag-brand) 7%, transparent));--_ag-brand-line: var(--ag-brand-line, color-mix(in srgb, var(--_ag-brand) 18%, transparent));--_ag-surface-alt: var(--ag-surface-alt, var(--_ag-surface));--_ag-row-hover: var(--ag-row-hover, color-mix(in srgb, #0f172a 5%, var(--_ag-surface)))}:host([theme~=dark]){--_ag-brand: var(--ag-brand, var(--ig-primary-500, #3b82f6));--_ag-brand-strong: var(--ag-brand-strong, var(--ig-primary-400, #60a5fa));--_ag-grid-bg: var(--ag-dark-grid-bg, #0f172a);--_ag-surface: var(--ag-dark-surface, #0f172a);--_ag-surface-elevated: var(--ag-dark-surface-elevated, #1e2532);--_ag-hairline: var(--ag-dark-hairline, rgba(255, 255, 255, 0.12));--_ag-border: var(--ag-dark-border, rgba(255, 255, 255, 0.12));--_ag-pin-line: var(--ag-dark-pin-line, rgba(255, 255, 255, 0.28));--_ag-header-separator: var(--ag-dark-header-separator, rgba(255, 255, 255, 0.18));--_ag-text: var(--ag-dark-text, #f1f5f9);--_ag-text-body: var(--ag-dark-text-body, #e2e8f0);--_ag-text-muted: var(--ag-dark-text-muted, #94a3b8);--_ag-text-subtle: var(--ag-dark-text-subtle, #64748b);--_ag-good-text: var(--ag-dark-good-text, #34d399);--_ag-good-soft: var(--ag-dark-good-soft, rgba(16, 185, 129, 0.18));--_ag-watch-text: var(--ag-dark-watch-text, #fbbf24);--_ag-watch-soft: var(--ag-dark-watch-soft, rgba(245, 158, 11, 0.18));--_ag-risk-text: var(--ag-dark-risk-text, #f87171);--_ag-risk-soft: var(--ag-dark-risk-soft, rgba(239, 68, 68, 0.18));--_ag-gold: var(--ag-dark-gold, rgba(245, 158, 11, 0.16));--_ag-gold-line: var(--ag-dark-gold-line, rgba(245, 158, 11, 0.35));--_ag-gold-text: var(--ag-dark-gold-text, #fcd34d);--_ag-shadow-card: var(--ag-dark-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);--_ag-surface-alt: var(--ag-dark-surface-alt, var(--_ag-surface));--_ag-row-hover: var(--ag-dark-row-hover, color-mix(in srgb, #fff 7%, var(--_ag-surface)))}:host([theme~=tinted]){--_ag-surface-alt: var(--ag-surface-alt, color-mix(in srgb, var(--_ag-brand) 4%, var(--_ag-surface)));--_ag-surface-elevated: color-mix(in srgb, var(--_ag-brand) 11%, var(--ag-surface-elevated, #f8f9fb));--_ag-hairline: color-mix(in srgb, var(--_ag-brand) 24%, var(--ag-hairline, rgba(15, 23, 42, 0.08)));--_ag-border: color-mix(in srgb, var(--_ag-brand) 12%, transparent);--_ag-row-hover: var(--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%, var(--ag-text-muted, #6b7280))}:host([theme~=dark][theme~=tinted]){--_ag-surface-alt: var(--ag-dark-surface-alt, color-mix(in srgb, var(--_ag-brand) 10%, var(--_ag-surface)));--_ag-surface-elevated: color-mix(in srgb, var(--_ag-brand) 20%, var(--ag-dark-surface-elevated, #1e2532));--_ag-hairline: color-mix(in srgb, var(--_ag-brand) 30%, var(--ag-dark-hairline, rgba(255, 255, 255, 0.12)));--_ag-border: color-mix(in srgb, var(--_ag-brand) 16%, rgb(255 255 255 / 7%));--_ag-row-hover: var(--ag-dark-row-hover, color-mix(in srgb, var(--_ag-brand) 12%, var(--_ag-surface)));--_ag-text-muted: color-mix(in srgb, var(--_ag-brand) 28%, var(--ag-dark-text-muted, #94a3b8))}@media(prefers-reduced-motion: reduce){:host{--_ag-dur-fast: 0ms;--_ag-dur-med: 0ms;--_ag-dur-slow: 0ms}}: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(--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 [group-header-row] max-content [header-row] max-content [filter-row] max-content [pinned-top-row] max-content [virtualized-container] auto [pinned-bottom-row] max-content [paginator-row] max-content;--scrollbar-offset: 0;--z-index-base: 1}:host([column-separator]){--apex-header-separator-display: block}[part~=pinned-rows]{position:sticky;z-index:calc(var(--z-index-base) + 3);background:var(--content-background, var(--_ag-surface));color:var(--content-text-color, var(--_ag-text-body))}[part~=pinned-top]{grid-row:pinned-top-row;inset-block-start:var(--apex-row-top-pinned, 0);box-shadow:0 1px 0 0 var(--_ag-hairline)}[part~=pinned-bottom]{grid-row:pinned-bottom-row;inset-block-end:var(--apex-row-bottom-pinned, 0);box-shadow:0 -1px 0 0 var(--_ag-hairline)}apex-virtualizer{grid-row:virtualized-container;display:flex;flex-flow:column;flex:1;background:var(--content-background, var(--_ag-surface));color:var(--content-text-color, var(--_ag-text-body))}apex-virtualizer:focus{outline:none}[part~=resize-indicator]{position:absolute;height:100%;background-color:var(--grid-resize-line-color, var(--_ag-brand));width:.125rem;left:0;top:0;z-index:calc(var(--z-index-base) + 1)}[part~=row-drag-ghost]{position:fixed;display:flex;align-items:center;box-sizing:border-box;max-width:92vw;overflow:hidden;background:var(--content-background, var(--_ag-surface));color:var(--content-text-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-size:var(--_ag-fs-cell);white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:grabbing;opacity:.95;z-index:99999}[part~=row-drag-ghost-grip]{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;inline-size:1.75rem;color:var(--_ag-text-subtle)}[part~=row-drag-ghost-grip] svg{fill:currentcolor}[part~=row-drag-ghost-cell]{flex:0 0 auto;padding:0 var(--_ag-cell-pad-x);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box}`;"]}
1
+ {"version":3,"file":"_grid.base.css.js","sourceRoot":"","sources":["../../../src/styles/grid/_grid.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,k2UAAk2U,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{--_ag-brand: var(--ag-brand, var(--apx-accent, #0d6fd3));--_ag-brand-strong: var(--ag-brand-strong, #0a56b8);--_ag-font: var(--ag-font, var(--apx-font-family, Inter, -apple-system, blinkmacsystemfont, sans-serif));--_ag-hairline: var(--ag-hairline, var(--apx-grid, rgba(15, 23, 42, 0.08)));--_ag-border: var(--ag-border, var(--apx-grid, rgba(15, 23, 42, 0.08)));--_ag-pin-line: var(--ag-pin-line, rgba(15, 23, 42, 0.18));--_ag-header-separator: var(--ag-header-separator, var(--apx-grid, rgba(15, 23, 42, 0.12)));--_ag-grid-bg: var(--ag-grid-bg, var(--apx-surface, #fff));--_ag-surface: var(--ag-surface, var(--apx-surface, #fff));--_ag-surface-elevated: var(--ag-surface-elevated, #f8f9fb);--_ag-text: var(--ag-text, var(--apx-fore, #111827));--_ag-text-body: var(--ag-text-body, var(--apx-fore, #1f2937));--_ag-text-muted: var(--ag-text-muted, #6b7280);--_ag-text-subtle: var(--ag-text-subtle, #9ca3af);--_ag-text-on-brand: var(--ag-text-on-brand, #fff);--_ag-good: var(--ag-good, #10b981);--_ag-good-text: var(--ag-good-text, #047857);--_ag-good-soft: var(--ag-good-soft, rgba(16, 185, 129, 0.1));--_ag-watch: var(--ag-watch, #f59e0b);--_ag-watch-text: var(--ag-watch-text, #b45309);--_ag-watch-soft: var(--ag-watch-soft, rgba(245, 158, 11, 0.1));--_ag-risk: var(--ag-risk, #ef4444);--_ag-risk-text: var(--ag-risk-text, #b91c1c);--_ag-risk-soft: var(--ag-risk-soft, rgba(239, 68, 68, 0.1));--_ag-gold: var(--ag-gold, #fef3c7);--_ag-gold-line: var(--ag-gold-line, #fde68a);--_ag-gold-text: var(--ag-gold-text, #92400e);--_ag-shadow-card: var(--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-fs-cell: var(--ag-fs-cell, 13px);--_ag-fs-cell-secondary: var(--ag-fs-cell-secondary, 11.5px);--_ag-fs-tiny: var(--ag-fs-tiny, 10px);--_ag-fw-regular: var(--ag-fw-regular, 500);--_ag-fw-semibold: var(--ag-fw-semibold, 600);--_ag-fw-bold: var(--ag-fw-bold, 700);--_ag-tracking-tight: var(--ag-tracking-tight, -0.005em);--_ag-tracking-header: var(--ag-tracking-header, 0.05em);--_ag-leading: var(--ag-leading, 1.4);--_ag-cell-pad-x: var(--ag-cell-pad-x, 10px);--_ag-row-h: var(--ag-row-h, 36px);--_ag-header-h: var(--ag-header-h, 40px);--_ag-toolbar-pad: var(--ag-toolbar-pad, 12px 14px);--_ag-footer-pad: var(--ag-footer-pad, 10px 14px);--_ag-radius-scaled: calc(var(--ag-radius, 8px) * var(--apx-radius-factor));--_ag-radius: var(--_ag-radius-scaled, var(--ag-radius, 8px));--_ag-radius-sm-scaled: calc(var(--ag-radius-sm, 6px) * var(--apx-radius-factor));--_ag-radius-sm: var(--_ag-radius-sm-scaled, var(--ag-radius-sm, 6px));--_ag-radius-xs-scaled: calc(var(--ag-radius-xs, 4px) * var(--apx-radius-factor));--_ag-radius-xs: var(--_ag-radius-xs-scaled, var(--ag-radius-xs, 4px));--_ag-radius-pill: var(--ag-radius-pill, 20px);--_ag-ease: var(--ag-ease, cubic-bezier(0.2, 0.8, 0.2, 1));--_ag-dur-fast: var(--ag-dur-fast, 120ms);--_ag-dur-med: var(--ag-dur-med, 180ms);--_ag-dur-slow: var(--ag-dur-slow, 240ms);--_ag-brand-soft: var(--ag-brand-soft, color-mix(in srgb, var(--_ag-brand) 10%, transparent));--_ag-brand-softer: var(--ag-brand-softer, color-mix(in srgb, var(--_ag-brand) 7%, transparent));--_ag-brand-line: var(--ag-brand-line, color-mix(in srgb, var(--_ag-brand) 18%, transparent));--_ag-surface-alt: var(--ag-surface-alt, var(--_ag-surface));--_ag-row-hover: var(--ag-row-hover, color-mix(in srgb, #0f172a 5%, var(--_ag-surface)));--_ag-pill-neutral-text: #4338ca;--_ag-pill-muted-text: #4b5563;--_ag-gold-start: #fff7e6;--_ag-progress-track: rgb(15 23 42 / 8%);--_ag-overlay: var(--ag-overlay);--_ag-overlay-text: var(--ag-overlay-text);--_ag-overlay-muted: color-mix(in srgb, var(--_ag-overlay-text) 62%, var(--_ag-overlay));--_ag-overlay-line: color-mix(in srgb, var(--_ag-overlay-text) 16%, var(--_ag-overlay));--_ag-overlay-hover: color-mix(in srgb, var(--_ag-overlay-text) 6%, var(--_ag-overlay))}:host([theme~=dark]){--_ag-brand: var(--ag-brand, var(--apx-accent, #3b82f6));--_ag-brand-strong: var(--ag-brand-strong, #60a5fa);--_ag-grid-bg: var(--ag-dark-grid-bg, var(--apx-surface, #0f172a));--_ag-surface: var(--ag-dark-surface, var(--apx-surface, #0f172a));--_ag-surface-elevated: var(--ag-dark-surface-elevated, #1e2532);--_ag-hairline: var(--ag-dark-hairline, var(--apx-grid, rgba(255, 255, 255, 0.12)));--_ag-border: var(--ag-dark-border, var(--apx-grid, rgba(255, 255, 255, 0.12)));--_ag-pin-line: var(--ag-dark-pin-line, rgba(255, 255, 255, 0.28));--_ag-header-separator: var(--ag-dark-header-separator, var(--apx-grid, rgba(255, 255, 255, 0.18)));--_ag-text: var(--ag-dark-text, var(--apx-fore, #f1f5f9));--_ag-text-body: var(--ag-dark-text-body, var(--apx-fore, #e2e8f0));--_ag-text-muted: var(--ag-dark-text-muted, #94a3b8);--_ag-text-subtle: var(--ag-dark-text-subtle, #64748b);--_ag-good-text: var(--ag-dark-good-text, #34d399);--_ag-good-soft: var(--ag-dark-good-soft, rgba(16, 185, 129, 0.18));--_ag-watch-text: var(--ag-dark-watch-text, #fbbf24);--_ag-watch-soft: var(--ag-dark-watch-soft, rgba(245, 158, 11, 0.18));--_ag-risk-text: var(--ag-dark-risk-text, #f87171);--_ag-risk-soft: var(--ag-dark-risk-soft, rgba(239, 68, 68, 0.18));--_ag-gold: var(--ag-dark-gold, rgba(245, 158, 11, 0.16));--_ag-gold-line: var(--ag-dark-gold-line, rgba(245, 158, 11, 0.35));--_ag-gold-text: var(--ag-dark-gold-text, #fcd34d);--_ag-shadow-card: var(--ag-dark-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);--_ag-surface-alt: var(--ag-dark-surface-alt, var(--_ag-surface));--_ag-row-hover: var(--ag-dark-row-hover, color-mix(in srgb, #fff 7%, var(--_ag-surface)));--_ag-pill-neutral-text: #a5b4fc;--_ag-pill-muted-text: #cbd5e1;--_ag-gold-start: var(--_ag-gold);--_ag-progress-track: rgb(255 255 255 / 12%);--_ag-overlay: var(--ag-dark-overlay);--_ag-overlay-text: var(--ag-dark-overlay-text);--_ag-overlay-muted: color-mix(in srgb, var(--_ag-overlay-text) 62%, var(--_ag-overlay));--_ag-overlay-line: color-mix(in srgb, var(--_ag-overlay-text) 16%, var(--_ag-overlay));--_ag-overlay-hover: color-mix(in srgb, var(--_ag-overlay-text) 6%, var(--_ag-overlay))}:host([theme~=tinted]){--_ag-surface-alt: var(--ag-surface-alt, color-mix(in srgb, var(--_ag-brand) 4%, var(--_ag-surface)));--_ag-surface-elevated: color-mix(in srgb, var(--_ag-brand) 11%, var(--ag-surface-elevated, #f8f9fb));--_ag-hairline: color-mix(in srgb, var(--_ag-brand) 24%, var(--ag-hairline, var(--apx-grid, rgba(15, 23, 42, 0.08))));--_ag-border: color-mix(in srgb, var(--_ag-brand) 12%, transparent);--_ag-row-hover: var(--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%, var(--ag-text-muted, #6b7280))}:host([theme~=dark][theme~=tinted]){--_ag-surface-alt: var(--ag-dark-surface-alt, color-mix(in srgb, var(--_ag-brand) 10%, var(--_ag-surface)));--_ag-surface-elevated: color-mix(in srgb, var(--_ag-brand) 20%, var(--ag-dark-surface-elevated, #1e2532));--_ag-hairline: color-mix(in srgb, var(--_ag-brand) 30%, var(--ag-dark-hairline, var(--apx-grid, rgba(255, 255, 255, 0.12))));--_ag-border: color-mix(in srgb, var(--_ag-brand) 16%, rgb(255 255 255 / 7%));--_ag-row-hover: var(--ag-dark-row-hover, color-mix(in srgb, var(--_ag-brand) 12%, var(--_ag-surface)));--_ag-text-muted: color-mix(in srgb, var(--_ag-brand) 28%, var(--ag-dark-text-muted, #94a3b8))}:host([tokens=off]){--apx-accent: initial;--apx-fore: initial;--apx-grid: initial;--apx-surface: initial;--apx-font-family: initial;--apx-radius-factor: initial}@media(prefers-reduced-motion: reduce){:host{--_ag-dur-fast: 0ms;--_ag-dur-med: 0ms;--_ag-dur-slow: 0ms}}:host{display:grid;height:100%;position:relative;box-sizing:border-box;font-family:var(--_ag-font);font-size:var(--_ag-fs-cell);line-height:var(--_ag-leading);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 [group-header-row] max-content [header-row] max-content [filter-row] max-content [pinned-top-row] max-content [virtualized-container] auto [pinned-bottom-row] max-content [paginator-row] max-content;--scrollbar-offset: 0;--z-index-base: 1}:host([column-separator]){--apex-header-separator-display: block}[part~=table]{grid-row:virtualized-container;display:flex;flex-direction:column}[data-visually-hidden]{block-size:1px;min-block-size:0;margin-block-end:-1px;border:0;overflow:hidden;clip-path:inset(50%)}[part~=pinned-rows]{position:sticky;z-index:calc(var(--z-index-base) + 3);background:var(--content-background, var(--_ag-surface));color:var(--content-text-color, var(--_ag-text-body))}[part~=pinned-top]{grid-row:pinned-top-row;inset-block-start:var(--apex-row-top-pinned, 0);box-shadow:0 1px 0 0 var(--_ag-hairline)}[part~=pinned-bottom]{grid-row:pinned-bottom-row;inset-block-end:var(--apex-row-bottom-pinned, 0);box-shadow:0 -1px 0 0 var(--_ag-hairline)}apex-virtualizer{grid-row:virtualized-container;display:flex;flex-flow:column;flex:1;background:var(--content-background, var(--_ag-surface));color:var(--content-text-color, var(--_ag-text-body))}apex-virtualizer:focus{outline:none}[part~=resize-indicator]{position:absolute;height:100%;background-color:var(--grid-resize-line-color, var(--_ag-brand));width:.125rem;left:0;top:0;z-index:calc(var(--z-index-base) + 1)}[part~=drag-ghost],[part~=row-drag-ghost]{position:fixed;display:flex;align-items:center;box-sizing:border-box;overflow:hidden;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-size:var(--_ag-fs-cell);white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:grabbing;z-index:99999}[part~=drag-ghost]{padding:0 var(--_ag-cell-pad-x);background:var(--_ag-surface);color:var(--_ag-text-body);font-weight:var(--_ag-fw-semibold);text-overflow:ellipsis;transform:rotate(-1deg)}[part~=row-drag-ghost]{max-width:92vw;background:var(--content-background, var(--_ag-surface));color:var(--content-text-color, var(--_ag-text-body));opacity:.95}[part~=row-drag-ghost-grip]{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;inline-size:1.75rem;color:var(--_ag-text-subtle)}[part~=row-drag-ghost-grip] svg{fill:currentcolor}[part~=row-drag-ghost-cell]{flex:0 0 auto;padding:0 var(--_ag-cell-pad-x);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box}`;"]}
package/styles/grid/grid.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--_ag-brand: var(--ag-brand, var(--ig-primary-500, #0d6fd3));--_ag-brand-strong: var(--ag-brand-strong, var(--ig-primary-700, #0a56b8));--_ag-hairline: var(--ag-hairline, rgba(15, 23, 42, 0.08));--_ag-border: var(--ag-border, rgba(15, 23, 42, 0.08));--_ag-pin-line: var(--ag-pin-line, rgba(15, 23, 42, 0.18));--_ag-header-separator: var(--ag-header-separator, rgba(15, 23, 42, 0.12));--_ag-grid-bg: var(--ag-grid-bg, #fff);--_ag-surface: var(--ag-surface, #fff);--_ag-surface-elevated: var(--ag-surface-elevated, #f8f9fb);--_ag-text: var(--ag-text, #111827);--_ag-text-body: var(--ag-text-body, #1f2937);--_ag-text-muted: var(--ag-text-muted, #6b7280);--_ag-text-subtle: var(--ag-text-subtle, #9ca3af);--_ag-text-on-brand: var(--ag-text-on-brand, #fff);--_ag-good: var(--ag-good, #10b981);--_ag-good-text: var(--ag-good-text, #047857);--_ag-good-soft: var(--ag-good-soft, rgba(16, 185, 129, 0.1));--_ag-watch: var(--ag-watch, #f59e0b);--_ag-watch-text: var(--ag-watch-text, #b45309);--_ag-watch-soft: var(--ag-watch-soft, rgba(245, 158, 11, 0.1));--_ag-risk: var(--ag-risk, #ef4444);--_ag-risk-text: var(--ag-risk-text, #b91c1c);--_ag-risk-soft: var(--ag-risk-soft, rgba(239, 68, 68, 0.1));--_ag-gold: var(--ag-gold, #fef3c7);--_ag-gold-line: var(--ag-gold-line, #fde68a);--_ag-gold-text: var(--ag-gold-text, #92400e);--_ag-shadow-card: var(--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: var(--ag-font, Inter, -apple-system, blinkmacsystemfont, sans-serif);--_ag-fs-cell: var(--ag-fs-cell, 13px);--_ag-fs-cell-secondary: var(--ag-fs-cell-secondary, 11.5px);--_ag-fs-tiny: var(--ag-fs-tiny, 10px);--_ag-fw-regular: var(--ag-fw-regular, 500);--_ag-fw-semibold: var(--ag-fw-semibold, 600);--_ag-fw-bold: var(--ag-fw-bold, 700);--_ag-tracking-tight: var(--ag-tracking-tight, -0.005em);--_ag-tracking-header: var(--ag-tracking-header, 0.05em);--_ag-leading: var(--ag-leading, 1.4);--_ag-cell-pad-x: var(--ag-cell-pad-x, 10px);--_ag-row-h: var(--ag-row-h, 36px);--_ag-header-h: var(--ag-header-h, 40px);--_ag-toolbar-pad: var(--ag-toolbar-pad, 12px 14px);--_ag-footer-pad: var(--ag-footer-pad, 10px 14px);--_ag-radius: var(--ag-radius, 8px);--_ag-radius-sm: var(--ag-radius-sm, 6px);--_ag-radius-xs: var(--ag-radius-xs, 4px);--_ag-radius-pill: var(--ag-radius-pill, 20px);--_ag-ease: var(--ag-ease, cubic-bezier(0.2, 0.8, 0.2, 1));--_ag-dur-fast: var(--ag-dur-fast, 120ms);--_ag-dur-med: var(--ag-dur-med, 180ms);--_ag-dur-slow: var(--ag-dur-slow, 240ms);--_ag-brand-soft: var(--ag-brand-soft, color-mix(in srgb, var(--_ag-brand) 10%, transparent));--_ag-brand-softer: var(--ag-brand-softer, color-mix(in srgb, var(--_ag-brand) 7%, transparent));--_ag-brand-line: var(--ag-brand-line, color-mix(in srgb, var(--_ag-brand) 18%, transparent));--_ag-surface-alt: var(--ag-surface-alt, var(--_ag-surface));--_ag-row-hover: var(--ag-row-hover, color-mix(in srgb, #0f172a 5%, var(--_ag-surface)))}:host([theme~=dark]){--_ag-brand: var(--ag-brand, var(--ig-primary-500, #3b82f6));--_ag-brand-strong: var(--ag-brand-strong, var(--ig-primary-400, #60a5fa));--_ag-grid-bg: var(--ag-dark-grid-bg, #0f172a);--_ag-surface: var(--ag-dark-surface, #0f172a);--_ag-surface-elevated: var(--ag-dark-surface-elevated, #1e2532);--_ag-hairline: var(--ag-dark-hairline, rgba(255, 255, 255, 0.12));--_ag-border: var(--ag-dark-border, rgba(255, 255, 255, 0.12));--_ag-pin-line: var(--ag-dark-pin-line, rgba(255, 255, 255, 0.28));--_ag-header-separator: var(--ag-dark-header-separator, rgba(255, 255, 255, 0.18));--_ag-text: var(--ag-dark-text, #f1f5f9);--_ag-text-body: var(--ag-dark-text-body, #e2e8f0);--_ag-text-muted: var(--ag-dark-text-muted, #94a3b8);--_ag-text-subtle: var(--ag-dark-text-subtle, #64748b);--_ag-good-text: var(--ag-dark-good-text, #34d399);--_ag-good-soft: var(--ag-dark-good-soft, rgba(16, 185, 129, 0.18));--_ag-watch-text: var(--ag-dark-watch-text, #fbbf24);--_ag-watch-soft: var(--ag-dark-watch-soft, rgba(245, 158, 11, 0.18));--_ag-risk-text: var(--ag-dark-risk-text, #f87171);--_ag-risk-soft: var(--ag-dark-risk-soft, rgba(239, 68, 68, 0.18));--_ag-gold: var(--ag-dark-gold, rgba(245, 158, 11, 0.16));--_ag-gold-line: var(--ag-dark-gold-line, rgba(245, 158, 11, 0.35));--_ag-gold-text: var(--ag-dark-gold-text, #fcd34d);--_ag-shadow-card: var(--ag-dark-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);--_ag-surface-alt: var(--ag-dark-surface-alt, var(--_ag-surface));--_ag-row-hover: var(--ag-dark-row-hover, color-mix(in srgb, #fff 7%, var(--_ag-surface)))}:host([theme~=tinted]){--_ag-surface-alt: var(--ag-surface-alt, color-mix(in srgb, var(--_ag-brand) 4%, var(--_ag-surface)));--_ag-surface-elevated: color-mix(in srgb, var(--_ag-brand) 11%, var(--ag-surface-elevated, #f8f9fb));--_ag-hairline: color-mix(in srgb, var(--_ag-brand) 24%, var(--ag-hairline, rgba(15, 23, 42, 0.08)));--_ag-border: color-mix(in srgb, var(--_ag-brand) 12%, transparent);--_ag-row-hover: var(--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%, var(--ag-text-muted, #6b7280))}:host([theme~=dark][theme~=tinted]){--_ag-surface-alt: var(--ag-dark-surface-alt, color-mix(in srgb, var(--_ag-brand) 10%, var(--_ag-surface)));--_ag-surface-elevated: color-mix(in srgb, var(--_ag-brand) 20%, var(--ag-dark-surface-elevated, #1e2532));--_ag-hairline: color-mix(in srgb, var(--_ag-brand) 30%, var(--ag-dark-hairline, rgba(255, 255, 255, 0.12)));--_ag-border: color-mix(in srgb, var(--_ag-brand) 16%, rgb(255 255 255 / 7%));--_ag-row-hover: var(--ag-dark-row-hover, color-mix(in srgb, var(--_ag-brand) 12%, var(--_ag-surface)));--_ag-text-muted: color-mix(in srgb, var(--_ag-brand) 28%, var(--ag-dark-text-muted, #94a3b8))}@media(prefers-reduced-motion: reduce){:host{--_ag-dur-fast: 0ms;--_ag-dur-med: 0ms;--_ag-dur-slow: 0ms}}: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(--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 [group-header-row] max-content [header-row] max-content [filter-row] max-content [pinned-top-row] max-content [virtualized-container] auto [pinned-bottom-row] max-content [paginator-row] max-content;--scrollbar-offset: 0;--z-index-base: 1}:host([column-separator]){--apex-header-separator-display: block}[part~=pinned-rows]{position:sticky;z-index:calc(var(--z-index-base) + 3);background:var(--content-background, var(--_ag-surface));color:var(--content-text-color, var(--_ag-text-body))}[part~=pinned-top]{grid-row:pinned-top-row;inset-block-start:var(--apex-row-top-pinned, 0);box-shadow:0 1px 0 0 var(--_ag-hairline)}[part~=pinned-bottom]{grid-row:pinned-bottom-row;inset-block-end:var(--apex-row-bottom-pinned, 0);box-shadow:0 -1px 0 0 var(--_ag-hairline)}apex-virtualizer{grid-row:virtualized-container;display:flex;flex-flow:column;flex:1;background:var(--content-background, var(--_ag-surface));color:var(--content-text-color, var(--_ag-text-body))}apex-virtualizer:focus{outline:none}[part~=resize-indicator]{position:absolute;height:100%;background-color:var(--grid-resize-line-color, var(--_ag-brand));width:.125rem;left:0;top:0;z-index:calc(var(--z-index-base) + 1)}[part~=row-drag-ghost]{position:fixed;display:flex;align-items:center;box-sizing:border-box;max-width:92vw;overflow:hidden;background:var(--content-background, var(--_ag-surface));color:var(--content-text-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-size:var(--_ag-fs-cell);white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:grabbing;opacity:.95;z-index:99999}[part~=row-drag-ghost-grip]{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;inline-size:1.75rem;color:var(--_ag-text-subtle)}[part~=row-drag-ghost-grip] svg{fill:currentcolor}[part~=row-drag-ghost-cell]{flex:0 0 auto;padding:0 var(--_ag-cell-pad-x);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box}`;
2
+ export const styles = css `:host{--_ag-brand: var(--ag-brand, var(--apx-accent, #0d6fd3));--_ag-brand-strong: var(--ag-brand-strong, #0a56b8);--_ag-font: var(--ag-font, var(--apx-font-family, Inter, -apple-system, blinkmacsystemfont, sans-serif));--_ag-hairline: var(--ag-hairline, var(--apx-grid, rgba(15, 23, 42, 0.08)));--_ag-border: var(--ag-border, var(--apx-grid, rgba(15, 23, 42, 0.08)));--_ag-pin-line: var(--ag-pin-line, rgba(15, 23, 42, 0.18));--_ag-header-separator: var(--ag-header-separator, var(--apx-grid, rgba(15, 23, 42, 0.12)));--_ag-grid-bg: var(--ag-grid-bg, var(--apx-surface, #fff));--_ag-surface: var(--ag-surface, var(--apx-surface, #fff));--_ag-surface-elevated: var(--ag-surface-elevated, #f8f9fb);--_ag-text: var(--ag-text, var(--apx-fore, #111827));--_ag-text-body: var(--ag-text-body, var(--apx-fore, #1f2937));--_ag-text-muted: var(--ag-text-muted, #6b7280);--_ag-text-subtle: var(--ag-text-subtle, #9ca3af);--_ag-text-on-brand: var(--ag-text-on-brand, #fff);--_ag-good: var(--ag-good, #10b981);--_ag-good-text: var(--ag-good-text, #047857);--_ag-good-soft: var(--ag-good-soft, rgba(16, 185, 129, 0.1));--_ag-watch: var(--ag-watch, #f59e0b);--_ag-watch-text: var(--ag-watch-text, #b45309);--_ag-watch-soft: var(--ag-watch-soft, rgba(245, 158, 11, 0.1));--_ag-risk: var(--ag-risk, #ef4444);--_ag-risk-text: var(--ag-risk-text, #b91c1c);--_ag-risk-soft: var(--ag-risk-soft, rgba(239, 68, 68, 0.1));--_ag-gold: var(--ag-gold, #fef3c7);--_ag-gold-line: var(--ag-gold-line, #fde68a);--_ag-gold-text: var(--ag-gold-text, #92400e);--_ag-shadow-card: var(--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-fs-cell: var(--ag-fs-cell, 13px);--_ag-fs-cell-secondary: var(--ag-fs-cell-secondary, 11.5px);--_ag-fs-tiny: var(--ag-fs-tiny, 10px);--_ag-fw-regular: var(--ag-fw-regular, 500);--_ag-fw-semibold: var(--ag-fw-semibold, 600);--_ag-fw-bold: var(--ag-fw-bold, 700);--_ag-tracking-tight: var(--ag-tracking-tight, -0.005em);--_ag-tracking-header: var(--ag-tracking-header, 0.05em);--_ag-leading: var(--ag-leading, 1.4);--_ag-cell-pad-x: var(--ag-cell-pad-x, 10px);--_ag-row-h: var(--ag-row-h, 36px);--_ag-header-h: var(--ag-header-h, 40px);--_ag-toolbar-pad: var(--ag-toolbar-pad, 12px 14px);--_ag-footer-pad: var(--ag-footer-pad, 10px 14px);--_ag-radius-scaled: calc(var(--ag-radius, 8px) * var(--apx-radius-factor));--_ag-radius: var(--_ag-radius-scaled, var(--ag-radius, 8px));--_ag-radius-sm-scaled: calc(var(--ag-radius-sm, 6px) * var(--apx-radius-factor));--_ag-radius-sm: var(--_ag-radius-sm-scaled, var(--ag-radius-sm, 6px));--_ag-radius-xs-scaled: calc(var(--ag-radius-xs, 4px) * var(--apx-radius-factor));--_ag-radius-xs: var(--_ag-radius-xs-scaled, var(--ag-radius-xs, 4px));--_ag-radius-pill: var(--ag-radius-pill, 20px);--_ag-ease: var(--ag-ease, cubic-bezier(0.2, 0.8, 0.2, 1));--_ag-dur-fast: var(--ag-dur-fast, 120ms);--_ag-dur-med: var(--ag-dur-med, 180ms);--_ag-dur-slow: var(--ag-dur-slow, 240ms);--_ag-brand-soft: var(--ag-brand-soft, color-mix(in srgb, var(--_ag-brand) 10%, transparent));--_ag-brand-softer: var(--ag-brand-softer, color-mix(in srgb, var(--_ag-brand) 7%, transparent));--_ag-brand-line: var(--ag-brand-line, color-mix(in srgb, var(--_ag-brand) 18%, transparent));--_ag-surface-alt: var(--ag-surface-alt, var(--_ag-surface));--_ag-row-hover: var(--ag-row-hover, color-mix(in srgb, #0f172a 5%, var(--_ag-surface)));--_ag-pill-neutral-text: #4338ca;--_ag-pill-muted-text: #4b5563;--_ag-gold-start: #fff7e6;--_ag-progress-track: rgb(15 23 42 / 8%);--_ag-overlay: var(--ag-overlay);--_ag-overlay-text: var(--ag-overlay-text);--_ag-overlay-muted: color-mix(in srgb, var(--_ag-overlay-text) 62%, var(--_ag-overlay));--_ag-overlay-line: color-mix(in srgb, var(--_ag-overlay-text) 16%, var(--_ag-overlay));--_ag-overlay-hover: color-mix(in srgb, var(--_ag-overlay-text) 6%, var(--_ag-overlay))}:host([theme~=dark]){--_ag-brand: var(--ag-brand, var(--apx-accent, #3b82f6));--_ag-brand-strong: var(--ag-brand-strong, #60a5fa);--_ag-grid-bg: var(--ag-dark-grid-bg, var(--apx-surface, #0f172a));--_ag-surface: var(--ag-dark-surface, var(--apx-surface, #0f172a));--_ag-surface-elevated: var(--ag-dark-surface-elevated, #1e2532);--_ag-hairline: var(--ag-dark-hairline, var(--apx-grid, rgba(255, 255, 255, 0.12)));--_ag-border: var(--ag-dark-border, var(--apx-grid, rgba(255, 255, 255, 0.12)));--_ag-pin-line: var(--ag-dark-pin-line, rgba(255, 255, 255, 0.28));--_ag-header-separator: var(--ag-dark-header-separator, var(--apx-grid, rgba(255, 255, 255, 0.18)));--_ag-text: var(--ag-dark-text, var(--apx-fore, #f1f5f9));--_ag-text-body: var(--ag-dark-text-body, var(--apx-fore, #e2e8f0));--_ag-text-muted: var(--ag-dark-text-muted, #94a3b8);--_ag-text-subtle: var(--ag-dark-text-subtle, #64748b);--_ag-good-text: var(--ag-dark-good-text, #34d399);--_ag-good-soft: var(--ag-dark-good-soft, rgba(16, 185, 129, 0.18));--_ag-watch-text: var(--ag-dark-watch-text, #fbbf24);--_ag-watch-soft: var(--ag-dark-watch-soft, rgba(245, 158, 11, 0.18));--_ag-risk-text: var(--ag-dark-risk-text, #f87171);--_ag-risk-soft: var(--ag-dark-risk-soft, rgba(239, 68, 68, 0.18));--_ag-gold: var(--ag-dark-gold, rgba(245, 158, 11, 0.16));--_ag-gold-line: var(--ag-dark-gold-line, rgba(245, 158, 11, 0.35));--_ag-gold-text: var(--ag-dark-gold-text, #fcd34d);--_ag-shadow-card: var(--ag-dark-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);--_ag-surface-alt: var(--ag-dark-surface-alt, var(--_ag-surface));--_ag-row-hover: var(--ag-dark-row-hover, color-mix(in srgb, #fff 7%, var(--_ag-surface)));--_ag-pill-neutral-text: #a5b4fc;--_ag-pill-muted-text: #cbd5e1;--_ag-gold-start: var(--_ag-gold);--_ag-progress-track: rgb(255 255 255 / 12%);--_ag-overlay: var(--ag-dark-overlay);--_ag-overlay-text: var(--ag-dark-overlay-text);--_ag-overlay-muted: color-mix(in srgb, var(--_ag-overlay-text) 62%, var(--_ag-overlay));--_ag-overlay-line: color-mix(in srgb, var(--_ag-overlay-text) 16%, var(--_ag-overlay));--_ag-overlay-hover: color-mix(in srgb, var(--_ag-overlay-text) 6%, var(--_ag-overlay))}:host([theme~=tinted]){--_ag-surface-alt: var(--ag-surface-alt, color-mix(in srgb, var(--_ag-brand) 4%, var(--_ag-surface)));--_ag-surface-elevated: color-mix(in srgb, var(--_ag-brand) 11%, var(--ag-surface-elevated, #f8f9fb));--_ag-hairline: color-mix(in srgb, var(--_ag-brand) 24%, var(--ag-hairline, var(--apx-grid, rgba(15, 23, 42, 0.08))));--_ag-border: color-mix(in srgb, var(--_ag-brand) 12%, transparent);--_ag-row-hover: var(--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%, var(--ag-text-muted, #6b7280))}:host([theme~=dark][theme~=tinted]){--_ag-surface-alt: var(--ag-dark-surface-alt, color-mix(in srgb, var(--_ag-brand) 10%, var(--_ag-surface)));--_ag-surface-elevated: color-mix(in srgb, var(--_ag-brand) 20%, var(--ag-dark-surface-elevated, #1e2532));--_ag-hairline: color-mix(in srgb, var(--_ag-brand) 30%, var(--ag-dark-hairline, var(--apx-grid, rgba(255, 255, 255, 0.12))));--_ag-border: color-mix(in srgb, var(--_ag-brand) 16%, rgb(255 255 255 / 7%));--_ag-row-hover: var(--ag-dark-row-hover, color-mix(in srgb, var(--_ag-brand) 12%, var(--_ag-surface)));--_ag-text-muted: color-mix(in srgb, var(--_ag-brand) 28%, var(--ag-dark-text-muted, #94a3b8))}:host([tokens=off]){--apx-accent: initial;--apx-fore: initial;--apx-grid: initial;--apx-surface: initial;--apx-font-family: initial;--apx-radius-factor: initial}@media(prefers-reduced-motion: reduce){:host{--_ag-dur-fast: 0ms;--_ag-dur-med: 0ms;--_ag-dur-slow: 0ms}}:host{display:grid;height:100%;position:relative;box-sizing:border-box;font-family:var(--_ag-font);font-size:var(--_ag-fs-cell);line-height:var(--_ag-leading);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 [group-header-row] max-content [header-row] max-content [filter-row] max-content [pinned-top-row] max-content [virtualized-container] auto [pinned-bottom-row] max-content [paginator-row] max-content;--scrollbar-offset: 0;--z-index-base: 1}:host([column-separator]){--apex-header-separator-display: block}[part~=table]{grid-row:virtualized-container;display:flex;flex-direction:column}[data-visually-hidden]{block-size:1px;min-block-size:0;margin-block-end:-1px;border:0;overflow:hidden;clip-path:inset(50%)}[part~=pinned-rows]{position:sticky;z-index:calc(var(--z-index-base) + 3);background:var(--content-background, var(--_ag-surface));color:var(--content-text-color, var(--_ag-text-body))}[part~=pinned-top]{grid-row:pinned-top-row;inset-block-start:var(--apex-row-top-pinned, 0);box-shadow:0 1px 0 0 var(--_ag-hairline)}[part~=pinned-bottom]{grid-row:pinned-bottom-row;inset-block-end:var(--apex-row-bottom-pinned, 0);box-shadow:0 -1px 0 0 var(--_ag-hairline)}apex-virtualizer{grid-row:virtualized-container;display:flex;flex-flow:column;flex:1;background:var(--content-background, var(--_ag-surface));color:var(--content-text-color, var(--_ag-text-body))}apex-virtualizer:focus{outline:none}[part~=resize-indicator]{position:absolute;height:100%;background-color:var(--grid-resize-line-color, var(--_ag-brand));width:.125rem;left:0;top:0;z-index:calc(var(--z-index-base) + 1)}[part~=drag-ghost],[part~=row-drag-ghost]{position:fixed;display:flex;align-items:center;box-sizing:border-box;overflow:hidden;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-size:var(--_ag-fs-cell);white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:grabbing;z-index:99999}[part~=drag-ghost]{padding:0 var(--_ag-cell-pad-x);background:var(--_ag-surface);color:var(--_ag-text-body);font-weight:var(--_ag-fw-semibold);text-overflow:ellipsis;transform:rotate(-1deg)}[part~=row-drag-ghost]{max-width:92vw;background:var(--content-background, var(--_ag-surface));color:var(--content-text-color, var(--_ag-text-body));opacity:.95}[part~=row-drag-ghost-grip]{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;inline-size:1.75rem;color:var(--_ag-text-subtle)}[part~=row-drag-ghost-grip] svg{fill:currentcolor}[part~=row-drag-ghost-cell]{flex:0 0 auto;padding:0 var(--_ag-cell-pad-x);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box}`;
3
3
  //# sourceMappingURL=grid.css.js.map
package/styles/grid/grid.css.js.map CHANGED
@@ -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,6xQAA6xQ,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{--_ag-brand: var(--ag-brand, var(--ig-primary-500, #0d6fd3));--_ag-brand-strong: var(--ag-brand-strong, var(--ig-primary-700, #0a56b8));--_ag-hairline: var(--ag-hairline, rgba(15, 23, 42, 0.08));--_ag-border: var(--ag-border, rgba(15, 23, 42, 0.08));--_ag-pin-line: var(--ag-pin-line, rgba(15, 23, 42, 0.18));--_ag-header-separator: var(--ag-header-separator, rgba(15, 23, 42, 0.12));--_ag-grid-bg: var(--ag-grid-bg, #fff);--_ag-surface: var(--ag-surface, #fff);--_ag-surface-elevated: var(--ag-surface-elevated, #f8f9fb);--_ag-text: var(--ag-text, #111827);--_ag-text-body: var(--ag-text-body, #1f2937);--_ag-text-muted: var(--ag-text-muted, #6b7280);--_ag-text-subtle: var(--ag-text-subtle, #9ca3af);--_ag-text-on-brand: var(--ag-text-on-brand, #fff);--_ag-good: var(--ag-good, #10b981);--_ag-good-text: var(--ag-good-text, #047857);--_ag-good-soft: var(--ag-good-soft, rgba(16, 185, 129, 0.1));--_ag-watch: var(--ag-watch, #f59e0b);--_ag-watch-text: var(--ag-watch-text, #b45309);--_ag-watch-soft: var(--ag-watch-soft, rgba(245, 158, 11, 0.1));--_ag-risk: var(--ag-risk, #ef4444);--_ag-risk-text: var(--ag-risk-text, #b91c1c);--_ag-risk-soft: var(--ag-risk-soft, rgba(239, 68, 68, 0.1));--_ag-gold: var(--ag-gold, #fef3c7);--_ag-gold-line: var(--ag-gold-line, #fde68a);--_ag-gold-text: var(--ag-gold-text, #92400e);--_ag-shadow-card: var(--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: var(--ag-font, Inter, -apple-system, blinkmacsystemfont, sans-serif);--_ag-fs-cell: var(--ag-fs-cell, 13px);--_ag-fs-cell-secondary: var(--ag-fs-cell-secondary, 11.5px);--_ag-fs-tiny: var(--ag-fs-tiny, 10px);--_ag-fw-regular: var(--ag-fw-regular, 500);--_ag-fw-semibold: var(--ag-fw-semibold, 600);--_ag-fw-bold: var(--ag-fw-bold, 700);--_ag-tracking-tight: var(--ag-tracking-tight, -0.005em);--_ag-tracking-header: var(--ag-tracking-header, 0.05em);--_ag-leading: var(--ag-leading, 1.4);--_ag-cell-pad-x: var(--ag-cell-pad-x, 10px);--_ag-row-h: var(--ag-row-h, 36px);--_ag-header-h: var(--ag-header-h, 40px);--_ag-toolbar-pad: var(--ag-toolbar-pad, 12px 14px);--_ag-footer-pad: var(--ag-footer-pad, 10px 14px);--_ag-radius: var(--ag-radius, 8px);--_ag-radius-sm: var(--ag-radius-sm, 6px);--_ag-radius-xs: var(--ag-radius-xs, 4px);--_ag-radius-pill: var(--ag-radius-pill, 20px);--_ag-ease: var(--ag-ease, cubic-bezier(0.2, 0.8, 0.2, 1));--_ag-dur-fast: var(--ag-dur-fast, 120ms);--_ag-dur-med: var(--ag-dur-med, 180ms);--_ag-dur-slow: var(--ag-dur-slow, 240ms);--_ag-brand-soft: var(--ag-brand-soft, color-mix(in srgb, var(--_ag-brand) 10%, transparent));--_ag-brand-softer: var(--ag-brand-softer, color-mix(in srgb, var(--_ag-brand) 7%, transparent));--_ag-brand-line: var(--ag-brand-line, color-mix(in srgb, var(--_ag-brand) 18%, transparent));--_ag-surface-alt: var(--ag-surface-alt, var(--_ag-surface));--_ag-row-hover: var(--ag-row-hover, color-mix(in srgb, #0f172a 5%, var(--_ag-surface)))}:host([theme~=dark]){--_ag-brand: var(--ag-brand, var(--ig-primary-500, #3b82f6));--_ag-brand-strong: var(--ag-brand-strong, var(--ig-primary-400, #60a5fa));--_ag-grid-bg: var(--ag-dark-grid-bg, #0f172a);--_ag-surface: var(--ag-dark-surface, #0f172a);--_ag-surface-elevated: var(--ag-dark-surface-elevated, #1e2532);--_ag-hairline: var(--ag-dark-hairline, rgba(255, 255, 255, 0.12));--_ag-border: var(--ag-dark-border, rgba(255, 255, 255, 0.12));--_ag-pin-line: var(--ag-dark-pin-line, rgba(255, 255, 255, 0.28));--_ag-header-separator: var(--ag-dark-header-separator, rgba(255, 255, 255, 0.18));--_ag-text: var(--ag-dark-text, #f1f5f9);--_ag-text-body: var(--ag-dark-text-body, #e2e8f0);--_ag-text-muted: var(--ag-dark-text-muted, #94a3b8);--_ag-text-subtle: var(--ag-dark-text-subtle, #64748b);--_ag-good-text: var(--ag-dark-good-text, #34d399);--_ag-good-soft: var(--ag-dark-good-soft, rgba(16, 185, 129, 0.18));--_ag-watch-text: var(--ag-dark-watch-text, #fbbf24);--_ag-watch-soft: var(--ag-dark-watch-soft, rgba(245, 158, 11, 0.18));--_ag-risk-text: var(--ag-dark-risk-text, #f87171);--_ag-risk-soft: var(--ag-dark-risk-soft, rgba(239, 68, 68, 0.18));--_ag-gold: var(--ag-dark-gold, rgba(245, 158, 11, 0.16));--_ag-gold-line: var(--ag-dark-gold-line, rgba(245, 158, 11, 0.35));--_ag-gold-text: var(--ag-dark-gold-text, #fcd34d);--_ag-shadow-card: var(--ag-dark-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);--_ag-surface-alt: var(--ag-dark-surface-alt, var(--_ag-surface));--_ag-row-hover: var(--ag-dark-row-hover, color-mix(in srgb, #fff 7%, var(--_ag-surface)))}:host([theme~=tinted]){--_ag-surface-alt: var(--ag-surface-alt, color-mix(in srgb, var(--_ag-brand) 4%, var(--_ag-surface)));--_ag-surface-elevated: color-mix(in srgb, var(--_ag-brand) 11%, var(--ag-surface-elevated, #f8f9fb));--_ag-hairline: color-mix(in srgb, var(--_ag-brand) 24%, var(--ag-hairline, rgba(15, 23, 42, 0.08)));--_ag-border: color-mix(in srgb, var(--_ag-brand) 12%, transparent);--_ag-row-hover: var(--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%, var(--ag-text-muted, #6b7280))}:host([theme~=dark][theme~=tinted]){--_ag-surface-alt: var(--ag-dark-surface-alt, color-mix(in srgb, var(--_ag-brand) 10%, var(--_ag-surface)));--_ag-surface-elevated: color-mix(in srgb, var(--_ag-brand) 20%, var(--ag-dark-surface-elevated, #1e2532));--_ag-hairline: color-mix(in srgb, var(--_ag-brand) 30%, var(--ag-dark-hairline, rgba(255, 255, 255, 0.12)));--_ag-border: color-mix(in srgb, var(--_ag-brand) 16%, rgb(255 255 255 / 7%));--_ag-row-hover: var(--ag-dark-row-hover, color-mix(in srgb, var(--_ag-brand) 12%, var(--_ag-surface)));--_ag-text-muted: color-mix(in srgb, var(--_ag-brand) 28%, var(--ag-dark-text-muted, #94a3b8))}@media(prefers-reduced-motion: reduce){:host{--_ag-dur-fast: 0ms;--_ag-dur-med: 0ms;--_ag-dur-slow: 0ms}}: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(--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 [group-header-row] max-content [header-row] max-content [filter-row] max-content [pinned-top-row] max-content [virtualized-container] auto [pinned-bottom-row] max-content [paginator-row] max-content;--scrollbar-offset: 0;--z-index-base: 1}:host([column-separator]){--apex-header-separator-display: block}[part~=pinned-rows]{position:sticky;z-index:calc(var(--z-index-base) + 3);background:var(--content-background, var(--_ag-surface));color:var(--content-text-color, var(--_ag-text-body))}[part~=pinned-top]{grid-row:pinned-top-row;inset-block-start:var(--apex-row-top-pinned, 0);box-shadow:0 1px 0 0 var(--_ag-hairline)}[part~=pinned-bottom]{grid-row:pinned-bottom-row;inset-block-end:var(--apex-row-bottom-pinned, 0);box-shadow:0 -1px 0 0 var(--_ag-hairline)}apex-virtualizer{grid-row:virtualized-container;display:flex;flex-flow:column;flex:1;background:var(--content-background, var(--_ag-surface));color:var(--content-text-color, var(--_ag-text-body))}apex-virtualizer:focus{outline:none}[part~=resize-indicator]{position:absolute;height:100%;background-color:var(--grid-resize-line-color, var(--_ag-brand));width:.125rem;left:0;top:0;z-index:calc(var(--z-index-base) + 1)}[part~=row-drag-ghost]{position:fixed;display:flex;align-items:center;box-sizing:border-box;max-width:92vw;overflow:hidden;background:var(--content-background, var(--_ag-surface));color:var(--content-text-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-size:var(--_ag-fs-cell);white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:grabbing;opacity:.95;z-index:99999}[part~=row-drag-ghost-grip]{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;inline-size:1.75rem;color:var(--_ag-text-subtle)}[part~=row-drag-ghost-grip] svg{fill:currentcolor}[part~=row-drag-ghost-cell]{flex:0 0 auto;padding:0 var(--_ag-cell-pad-x);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box}`;"]}
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,k2UAAk2U,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{--_ag-brand: var(--ag-brand, var(--apx-accent, #0d6fd3));--_ag-brand-strong: var(--ag-brand-strong, #0a56b8);--_ag-font: var(--ag-font, var(--apx-font-family, Inter, -apple-system, blinkmacsystemfont, sans-serif));--_ag-hairline: var(--ag-hairline, var(--apx-grid, rgba(15, 23, 42, 0.08)));--_ag-border: var(--ag-border, var(--apx-grid, rgba(15, 23, 42, 0.08)));--_ag-pin-line: var(--ag-pin-line, rgba(15, 23, 42, 0.18));--_ag-header-separator: var(--ag-header-separator, var(--apx-grid, rgba(15, 23, 42, 0.12)));--_ag-grid-bg: var(--ag-grid-bg, var(--apx-surface, #fff));--_ag-surface: var(--ag-surface, var(--apx-surface, #fff));--_ag-surface-elevated: var(--ag-surface-elevated, #f8f9fb);--_ag-text: var(--ag-text, var(--apx-fore, #111827));--_ag-text-body: var(--ag-text-body, var(--apx-fore, #1f2937));--_ag-text-muted: var(--ag-text-muted, #6b7280);--_ag-text-subtle: var(--ag-text-subtle, #9ca3af);--_ag-text-on-brand: var(--ag-text-on-brand, #fff);--_ag-good: var(--ag-good, #10b981);--_ag-good-text: var(--ag-good-text, #047857);--_ag-good-soft: var(--ag-good-soft, rgba(16, 185, 129, 0.1));--_ag-watch: var(--ag-watch, #f59e0b);--_ag-watch-text: var(--ag-watch-text, #b45309);--_ag-watch-soft: var(--ag-watch-soft, rgba(245, 158, 11, 0.1));--_ag-risk: var(--ag-risk, #ef4444);--_ag-risk-text: var(--ag-risk-text, #b91c1c);--_ag-risk-soft: var(--ag-risk-soft, rgba(239, 68, 68, 0.1));--_ag-gold: var(--ag-gold, #fef3c7);--_ag-gold-line: var(--ag-gold-line, #fde68a);--_ag-gold-text: var(--ag-gold-text, #92400e);--_ag-shadow-card: var(--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-fs-cell: var(--ag-fs-cell, 13px);--_ag-fs-cell-secondary: var(--ag-fs-cell-secondary, 11.5px);--_ag-fs-tiny: var(--ag-fs-tiny, 10px);--_ag-fw-regular: var(--ag-fw-regular, 500);--_ag-fw-semibold: var(--ag-fw-semibold, 600);--_ag-fw-bold: var(--ag-fw-bold, 700);--_ag-tracking-tight: var(--ag-tracking-tight, -0.005em);--_ag-tracking-header: var(--ag-tracking-header, 0.05em);--_ag-leading: var(--ag-leading, 1.4);--_ag-cell-pad-x: var(--ag-cell-pad-x, 10px);--_ag-row-h: var(--ag-row-h, 36px);--_ag-header-h: var(--ag-header-h, 40px);--_ag-toolbar-pad: var(--ag-toolbar-pad, 12px 14px);--_ag-footer-pad: var(--ag-footer-pad, 10px 14px);--_ag-radius-scaled: calc(var(--ag-radius, 8px) * var(--apx-radius-factor));--_ag-radius: var(--_ag-radius-scaled, var(--ag-radius, 8px));--_ag-radius-sm-scaled: calc(var(--ag-radius-sm, 6px) * var(--apx-radius-factor));--_ag-radius-sm: var(--_ag-radius-sm-scaled, var(--ag-radius-sm, 6px));--_ag-radius-xs-scaled: calc(var(--ag-radius-xs, 4px) * var(--apx-radius-factor));--_ag-radius-xs: var(--_ag-radius-xs-scaled, var(--ag-radius-xs, 4px));--_ag-radius-pill: var(--ag-radius-pill, 20px);--_ag-ease: var(--ag-ease, cubic-bezier(0.2, 0.8, 0.2, 1));--_ag-dur-fast: var(--ag-dur-fast, 120ms);--_ag-dur-med: var(--ag-dur-med, 180ms);--_ag-dur-slow: var(--ag-dur-slow, 240ms);--_ag-brand-soft: var(--ag-brand-soft, color-mix(in srgb, var(--_ag-brand) 10%, transparent));--_ag-brand-softer: var(--ag-brand-softer, color-mix(in srgb, var(--_ag-brand) 7%, transparent));--_ag-brand-line: var(--ag-brand-line, color-mix(in srgb, var(--_ag-brand) 18%, transparent));--_ag-surface-alt: var(--ag-surface-alt, var(--_ag-surface));--_ag-row-hover: var(--ag-row-hover, color-mix(in srgb, #0f172a 5%, var(--_ag-surface)));--_ag-pill-neutral-text: #4338ca;--_ag-pill-muted-text: #4b5563;--_ag-gold-start: #fff7e6;--_ag-progress-track: rgb(15 23 42 / 8%);--_ag-overlay: var(--ag-overlay);--_ag-overlay-text: var(--ag-overlay-text);--_ag-overlay-muted: color-mix(in srgb, var(--_ag-overlay-text) 62%, var(--_ag-overlay));--_ag-overlay-line: color-mix(in srgb, var(--_ag-overlay-text) 16%, var(--_ag-overlay));--_ag-overlay-hover: color-mix(in srgb, var(--_ag-overlay-text) 6%, var(--_ag-overlay))}:host([theme~=dark]){--_ag-brand: var(--ag-brand, var(--apx-accent, #3b82f6));--_ag-brand-strong: var(--ag-brand-strong, #60a5fa);--_ag-grid-bg: var(--ag-dark-grid-bg, var(--apx-surface, #0f172a));--_ag-surface: var(--ag-dark-surface, var(--apx-surface, #0f172a));--_ag-surface-elevated: var(--ag-dark-surface-elevated, #1e2532);--_ag-hairline: var(--ag-dark-hairline, var(--apx-grid, rgba(255, 255, 255, 0.12)));--_ag-border: var(--ag-dark-border, var(--apx-grid, rgba(255, 255, 255, 0.12)));--_ag-pin-line: var(--ag-dark-pin-line, rgba(255, 255, 255, 0.28));--_ag-header-separator: var(--ag-dark-header-separator, var(--apx-grid, rgba(255, 255, 255, 0.18)));--_ag-text: var(--ag-dark-text, var(--apx-fore, #f1f5f9));--_ag-text-body: var(--ag-dark-text-body, var(--apx-fore, #e2e8f0));--_ag-text-muted: var(--ag-dark-text-muted, #94a3b8);--_ag-text-subtle: var(--ag-dark-text-subtle, #64748b);--_ag-good-text: var(--ag-dark-good-text, #34d399);--_ag-good-soft: var(--ag-dark-good-soft, rgba(16, 185, 129, 0.18));--_ag-watch-text: var(--ag-dark-watch-text, #fbbf24);--_ag-watch-soft: var(--ag-dark-watch-soft, rgba(245, 158, 11, 0.18));--_ag-risk-text: var(--ag-dark-risk-text, #f87171);--_ag-risk-soft: var(--ag-dark-risk-soft, rgba(239, 68, 68, 0.18));--_ag-gold: var(--ag-dark-gold, rgba(245, 158, 11, 0.16));--_ag-gold-line: var(--ag-dark-gold-line, rgba(245, 158, 11, 0.35));--_ag-gold-text: var(--ag-dark-gold-text, #fcd34d);--_ag-shadow-card: var(--ag-dark-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);--_ag-surface-alt: var(--ag-dark-surface-alt, var(--_ag-surface));--_ag-row-hover: var(--ag-dark-row-hover, color-mix(in srgb, #fff 7%, var(--_ag-surface)));--_ag-pill-neutral-text: #a5b4fc;--_ag-pill-muted-text: #cbd5e1;--_ag-gold-start: var(--_ag-gold);--_ag-progress-track: rgb(255 255 255 / 12%);--_ag-overlay: var(--ag-dark-overlay);--_ag-overlay-text: var(--ag-dark-overlay-text);--_ag-overlay-muted: color-mix(in srgb, var(--_ag-overlay-text) 62%, var(--_ag-overlay));--_ag-overlay-line: color-mix(in srgb, var(--_ag-overlay-text) 16%, var(--_ag-overlay));--_ag-overlay-hover: color-mix(in srgb, var(--_ag-overlay-text) 6%, var(--_ag-overlay))}:host([theme~=tinted]){--_ag-surface-alt: var(--ag-surface-alt, color-mix(in srgb, var(--_ag-brand) 4%, var(--_ag-surface)));--_ag-surface-elevated: color-mix(in srgb, var(--_ag-brand) 11%, var(--ag-surface-elevated, #f8f9fb));--_ag-hairline: color-mix(in srgb, var(--_ag-brand) 24%, var(--ag-hairline, var(--apx-grid, rgba(15, 23, 42, 0.08))));--_ag-border: color-mix(in srgb, var(--_ag-brand) 12%, transparent);--_ag-row-hover: var(--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%, var(--ag-text-muted, #6b7280))}:host([theme~=dark][theme~=tinted]){--_ag-surface-alt: var(--ag-dark-surface-alt, color-mix(in srgb, var(--_ag-brand) 10%, var(--_ag-surface)));--_ag-surface-elevated: color-mix(in srgb, var(--_ag-brand) 20%, var(--ag-dark-surface-elevated, #1e2532));--_ag-hairline: color-mix(in srgb, var(--_ag-brand) 30%, var(--ag-dark-hairline, var(--apx-grid, rgba(255, 255, 255, 0.12))));--_ag-border: color-mix(in srgb, var(--_ag-brand) 16%, rgb(255 255 255 / 7%));--_ag-row-hover: var(--ag-dark-row-hover, color-mix(in srgb, var(--_ag-brand) 12%, var(--_ag-surface)));--_ag-text-muted: color-mix(in srgb, var(--_ag-brand) 28%, var(--ag-dark-text-muted, #94a3b8))}:host([tokens=off]){--apx-accent: initial;--apx-fore: initial;--apx-grid: initial;--apx-surface: initial;--apx-font-family: initial;--apx-radius-factor: initial}@media(prefers-reduced-motion: reduce){:host{--_ag-dur-fast: 0ms;--_ag-dur-med: 0ms;--_ag-dur-slow: 0ms}}:host{display:grid;height:100%;position:relative;box-sizing:border-box;font-family:var(--_ag-font);font-size:var(--_ag-fs-cell);line-height:var(--_ag-leading);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 [group-header-row] max-content [header-row] max-content [filter-row] max-content [pinned-top-row] max-content [virtualized-container] auto [pinned-bottom-row] max-content [paginator-row] max-content;--scrollbar-offset: 0;--z-index-base: 1}:host([column-separator]){--apex-header-separator-display: block}[part~=table]{grid-row:virtualized-container;display:flex;flex-direction:column}[data-visually-hidden]{block-size:1px;min-block-size:0;margin-block-end:-1px;border:0;overflow:hidden;clip-path:inset(50%)}[part~=pinned-rows]{position:sticky;z-index:calc(var(--z-index-base) + 3);background:var(--content-background, var(--_ag-surface));color:var(--content-text-color, var(--_ag-text-body))}[part~=pinned-top]{grid-row:pinned-top-row;inset-block-start:var(--apex-row-top-pinned, 0);box-shadow:0 1px 0 0 var(--_ag-hairline)}[part~=pinned-bottom]{grid-row:pinned-bottom-row;inset-block-end:var(--apex-row-bottom-pinned, 0);box-shadow:0 -1px 0 0 var(--_ag-hairline)}apex-virtualizer{grid-row:virtualized-container;display:flex;flex-flow:column;flex:1;background:var(--content-background, var(--_ag-surface));color:var(--content-text-color, var(--_ag-text-body))}apex-virtualizer:focus{outline:none}[part~=resize-indicator]{position:absolute;height:100%;background-color:var(--grid-resize-line-color, var(--_ag-brand));width:.125rem;left:0;top:0;z-index:calc(var(--z-index-base) + 1)}[part~=drag-ghost],[part~=row-drag-ghost]{position:fixed;display:flex;align-items:center;box-sizing:border-box;overflow:hidden;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-size:var(--_ag-fs-cell);white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:grabbing;z-index:99999}[part~=drag-ghost]{padding:0 var(--_ag-cell-pad-x);background:var(--_ag-surface);color:var(--_ag-text-body);font-weight:var(--_ag-fw-semibold);text-overflow:ellipsis;transform:rotate(-1deg)}[part~=row-drag-ghost]{max-width:92vw;background:var(--content-background, var(--_ag-surface));color:var(--content-text-color, var(--_ag-text-body));opacity:.95}[part~=row-drag-ghost-grip]{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;inline-size:1.75rem;color:var(--_ag-text-subtle)}[part~=row-drag-ghost-grip] svg{fill:currentcolor}[part~=row-drag-ghost-cell]{flex:0 0 auto;padding:0 var(--_ag-cell-pad-x);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box}`;"]}
package/styles/group-header-row/group-header-row.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{display:grid;grid-row:group-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) + 4);position:sticky;inset-block-start:var(--apex-row-top-group, 0)}[part~=group-header]{display:flex;align-items:center;min-inline-size:0;padding:0 var(--_ag-cell-pad-x);border-inline-end:1px solid var(--header-border-color, var(--_ag-hairline));font-size:var(--_ag-fs-cell-secondary);font-weight:var(--_ag-fw-semibold);letter-spacing:var(--_ag-tracking-header);text-transform:uppercase;color:var(--_ag-text-muted)}[data-pinned=start],[data-pinned=end]{position:sticky;z-index:calc(var(--z-index-base) + 2);background:inherit}[data-pinned=start]{inset-inline-start:var(--apex-pin-offset, 0)}[data-pinned=end]{inset-inline-end:var(--apex-pin-offset, 0)}[part~=group-header-label]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[part~=group-spacer]{background:inherit}`;
2
+ export const styles = css `:host{display:grid;grid-row:group-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) + 4);position:sticky;inset-block-start:var(--apex-row-top-group, 0)}[part~=group-header]{display:flex;align-items:center;min-inline-size:0;padding:0 var(--_ag-cell-pad-x);border-inline-end:1px solid var(--header-border-color, var(--_ag-hairline));font-size:var(--_ag-fs-cell-secondary);font-weight:var(--_ag-fw-semibold);letter-spacing:var(--_ag-tracking-header);text-transform:uppercase}[data-pinned=start],[data-pinned=end]{position:sticky;z-index:calc(var(--z-index-base) + 2);background:inherit}[data-pinned=start]{inset-inline-start:var(--apex-pin-offset, 0)}[data-pinned=end]{inset-inline-end:var(--apex-pin-offset, 0)}[part~=group-header-label]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[part~=group-spacer]{background:inherit}`;
3
3
  //# sourceMappingURL=group-header-row.css.js.map
package/styles/group-header-row/group-header-row.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"group-header-row.css.js","sourceRoot":"","sources":["../../../src/styles/group-header-row/group-header-row.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2jCAA2jC,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{display:grid;grid-row:group-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) + 4);position:sticky;inset-block-start:var(--apex-row-top-group, 0)}[part~=group-header]{display:flex;align-items:center;min-inline-size:0;padding:0 var(--_ag-cell-pad-x);border-inline-end:1px solid var(--header-border-color, var(--_ag-hairline));font-size:var(--_ag-fs-cell-secondary);font-weight:var(--_ag-fw-semibold);letter-spacing:var(--_ag-tracking-header);text-transform:uppercase;color:var(--_ag-text-muted)}[data-pinned=start],[data-pinned=end]{position:sticky;z-index:calc(var(--z-index-base) + 2);background:inherit}[data-pinned=start]{inset-inline-start:var(--apex-pin-offset, 0)}[data-pinned=end]{inset-inline-end:var(--apex-pin-offset, 0)}[part~=group-header-label]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[part~=group-spacer]{background:inherit}`;"]}
1
+ {"version":3,"file":"group-header-row.css.js","sourceRoot":"","sources":["../../../src/styles/group-header-row/group-header-row.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+hCAA+hC,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{display:grid;grid-row:group-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) + 4);position:sticky;inset-block-start:var(--apex-row-top-group, 0)}[part~=group-header]{display:flex;align-items:center;min-inline-size:0;padding:0 var(--_ag-cell-pad-x);border-inline-end:1px solid var(--header-border-color, var(--_ag-hairline));font-size:var(--_ag-fs-cell-secondary);font-weight:var(--_ag-fw-semibold);letter-spacing:var(--_ag-tracking-header);text-transform:uppercase}[data-pinned=start],[data-pinned=end]{position:sticky;z-index:calc(var(--z-index-base) + 2);background:inherit}[data-pinned=start]{inset-inline-start:var(--apex-pin-offset, 0)}[data-pinned=end]{inset-inline-end:var(--apex-pin-offset, 0)}[part~=group-header-label]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[part~=group-spacer]{background:inherit}`;"]}
package/styles/header-cell/header-cell.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{display:flex;align-items:center;position:relative;color:var(--header-text-color, var(--_ag-text-body));font-weight:var(--_ag-fw-semibold);font-size:var(--_ag-fs-cell-secondary);transition:background-color var(--_ag-dur-fast) var(--_ag-ease)}:host(:hover){background:color-mix(in srgb, var(--_ag-brand) 4%, transparent)}:host([data-reorderable]){cursor:grab}:host([data-dragging]){opacity:.4;cursor:grabbing}:host([data-pinned=start]),:host([data-pinned=end]){position:sticky;z-index:calc(var(--z-index-base) + 2);background:inherit}:host([data-pinned=start]){inset-inline-start:var(--apex-pin-offset, 0)}:host([data-pinned=end]){inset-inline-end:var(--apex-pin-offset, 0)}:host([data-pin-edge=start])::after,:host([data-pin-edge=end])::after{content:"";position:absolute;inset-block:0;inline-size:1px;background:var(--_ag-pin-line);pointer-events:none;z-index:1}:host([data-pin-edge=start])::after{inset-inline-end:0}:host([data-pin-edge=end])::after{inset-inline-start:0}:host::before{content:"";display:var(--apex-header-separator-display, none);position:absolute;inset-block:var(--apex-header-separator-inset, 20%);inset-inline-end:0;inline-size:1px;background:var(--header-separator-color, var(--_ag-header-separator));pointer-events:none;z-index:1}[part~=content]{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:0 var(--_ag-cell-pad-x);overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}[part~=title]{display:block;position:relative;cursor:initial;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;min-width:3ch;text-transform:uppercase;font-size:var(--_ag-fs-cell-secondary);font-weight:var(--_ag-fw-semibold);letter-spacing:var(--_ag-tracking-header);color:var(--header-text-color, var(--_ag-text-body))}[part~=coord-letter]{display:inline-block;margin-inline-end:.4em;padding:0 .3em;border-radius:var(--_ag-radius-xs);background:var(--_ag-brand-soft);color:var(--_ag-brand-strong);font-weight:var(--_ag-fw-bold);text-transform:none}:host([aria-sort=ascending]) [part~=title],:host([aria-sort=descending]) [part~=title]{color:var(--_ag-brand-strong)}[part~=actions]{display:flex;gap:.25rem;align-items:center}[part~=action]{cursor:pointer;background:rgba(0,0,0,0);border:0;padding:0;margin:0;color:inherit;font:inherit;line-height:0;inline-size:1rem;block-size:1rem;display:inline-flex;align-items:center;justify-content:center;position:relative;isolation:isolate}[part~=action]::before{content:"";position:absolute;inset:-0.25rem;z-index:-1;border-radius:var(--_ag-radius-xs);background:rgba(0,0,0,0);transition:background-color var(--_ag-dur-fast) var(--_ag-ease)}[part~=action]:hover::before{background:hsl(from currentcolor h s l/12%)}[part~=action]:focus-visible{outline:.125rem solid var(--sorted-header-icon-color, var(--_ag-brand));outline-offset:-0.125rem;border-radius:.125rem}[part~=action][data-sort-index]:not([data-sort-index=""])::after{content:attr(data-sort-index);position:absolute;top:-2px;inset-inline-end:0;font-size:var(--_ag-fs-tiny);line-height:1;font-variant-numeric:tabular-nums;color:var(--sorted-header-icon-color, var(--_ag-brand))}[part~=sort-arrows]{display:block;flex-shrink:0}[part~=sort-up],[part~=sort-down]{stroke:currentcolor;fill:none;opacity:.5;transition:opacity var(--_ag-dur-fast) var(--_ag-ease),stroke var(--_ag-dur-fast) var(--_ag-ease)}:host(:hover) [part~=sort-up],:host(:hover) [part~=sort-down]{opacity:.75}[part~=action][data-sort-active=ascending] [part~=sort-up],[part~=action][data-sort-active=descending] [part~=sort-down]{opacity:1;stroke:var(--_ag-brand)}[part~=filtered]{background:var(--filtering-header-background, transparent);color:var(--_ag-brand-strong)}[part~=action]:empty{display:none}[part~=resizable]{width:3px;position:absolute;inset-block:6px;inset-inline-end:0;border-radius:2px;background:rgba(0,0,0,0);cursor:col-resize;z-index:var(--z-index-base);transition:background-color var(--_ag-dur-fast) var(--_ag-ease)}:host(:hover) [part~=resizable]{background:color-mix(in srgb, var(--_ag-brand) 28%, transparent)}[part~=filter-btn]{opacity:.55;transition:opacity var(--_ag-dur-fast) var(--_ag-ease),color var(--_ag-dur-fast) var(--_ag-ease);position:relative}:host(:hover) [part~=filter-btn],[part~=filter-btn]:focus-visible{opacity:.9}[part~=filter-btn][part~=filter-active]{opacity:1;color:var(--_ag-brand)}[part~=filter-count]{position:absolute;top:-4px;inset-inline-end:-1px;min-inline-size:.875rem;block-size:.875rem;padding:0 .1875rem;border-radius:.4375rem;background:var(--_ag-brand);color:#fff;font-size:var(--_ag-fs-tiny);font-weight:600;line-height:.875rem;text-align:center;font-variant-numeric:tabular-nums;box-sizing:border-box}[part~=filter-btn] svg{inline-size:1rem;block-size:1rem;display:block;flex-shrink:0}[part~=menu-btn]{opacity:.55;transition:opacity var(--_ag-dur-fast) var(--_ag-ease)}:host(:hover) [part~=menu-btn],[part~=menu-btn]:hover,[part~=menu-btn]:focus-visible{opacity:.9}[part~=menu-btn] svg{inline-size:.9375rem;block-size:.9375rem;display:block;flex-shrink:0}[part=col-menu]{position:absolute;inset-block-start:100%;inset-inline-end:0;z-index:calc(var(--z-index-base) + 15);background:var(--header-background, var(--_ag-surface-elevated));border:.0625rem solid var(--header-border-color, var(--_ag-hairline));border-radius:.375rem;box-shadow:0 .25rem .75rem rgba(0,0,0,.12);min-inline-size:11.25rem;padding:.25rem 0;overflow:hidden}[part=col-menu-item]{display:flex;align-items:center;gap:.5rem;inline-size:100%;padding:.5rem .75rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);border:0;color:inherit;font:inherit;font-size:.8125rem;line-height:1.2;text-align:start;cursor:pointer;white-space:nowrap;box-sizing:border-box}[part=col-menu-item] svg{inline-size:1rem;block-size:1rem;flex-shrink:0;opacity:.6}[part=col-menu-item]:hover{background:hsl(from currentcolor h s l/8%)}[part=col-menu-item]:focus-visible{outline:.125rem solid var(--sorted-header-icon-color, var(--_ag-brand));outline-offset:-0.125rem}`;
2
+ export const styles = css `:host{display:flex;align-items:center;position:relative;color:var(--header-text-color, var(--_ag-text-body));font-weight:var(--_ag-fw-semibold);font-size:var(--_ag-fs-cell-secondary);transition:background-color var(--_ag-dur-fast) var(--_ag-ease)}:host(:hover){background:color-mix(in srgb, var(--_ag-brand) 4%, transparent)}:host([data-reorderable]){cursor:grab}:host([data-dragging]){opacity:.4;cursor:grabbing}:host([data-pinned=start]),:host([data-pinned=end]){position:sticky;z-index:calc(var(--z-index-base) + 2);background:inherit}:host([data-pinned=start]){inset-inline-start:var(--apex-pin-offset, 0)}:host([data-pinned=end]){inset-inline-end:var(--apex-pin-offset, 0)}:host([part~=filtered]){background-image:linear-gradient(var(--filtering-header-background, transparent), var(--filtering-header-background, transparent))}:host([data-pin-edge=start])::after,:host([data-pin-edge=end])::after{content:"";position:absolute;inset-block:0;inline-size:1px;background:var(--_ag-pin-line);pointer-events:none;z-index:1}:host([data-pin-edge=start])::after{inset-inline-end:0}:host([data-pin-edge=end])::after{inset-inline-start:0}:host::before{content:"";display:var(--apex-header-separator-display, none);position:absolute;inset-block:var(--apex-header-separator-inset, 20%);inset-inline-end:0;inline-size:1px;background:var(--header-separator-color, var(--_ag-header-separator));pointer-events:none;z-index:1}[part~=content]{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:0 var(--_ag-cell-pad-x);overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}[part~=title]{display:block;position:relative;cursor:initial;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;min-width:3ch;text-transform:uppercase;font-size:var(--_ag-fs-cell-secondary);font-weight:var(--_ag-fw-semibold);letter-spacing:var(--_ag-tracking-header);color:var(--header-text-color, var(--_ag-text-body))}[part~=coord-letter]{display:inline-block;margin-inline-end:.4em;padding:0 .3em;border-radius:var(--_ag-radius-xs);background:var(--_ag-brand-soft);color:var(--_ag-brand-strong);font-weight:var(--_ag-fw-bold);text-transform:none}:host([aria-sort=ascending]) [part~=title],:host([aria-sort=descending]) [part~=title]{color:var(--_ag-brand-strong)}[part~=actions]{display:flex;gap:.25rem;align-items:center}[part~=action]{cursor:pointer;background:rgba(0,0,0,0);border:0;padding:0;margin:0;color:inherit;font:inherit;line-height:0;inline-size:1rem;block-size:1rem;display:inline-flex;align-items:center;justify-content:center;position:relative;isolation:isolate}[part~=action]::before{content:"";position:absolute;inset:-0.25rem;z-index:-1;border-radius:var(--_ag-radius-xs);background:rgba(0,0,0,0);transition:background-color var(--_ag-dur-fast) var(--_ag-ease)}[part~=action]:hover::before{background:hsl(from currentcolor h s l/12%)}[part~=action]:focus-visible{outline:.125rem solid var(--sorted-header-icon-color, var(--_ag-brand));outline-offset:-0.125rem;border-radius:.125rem}[part~=action][data-sort-index]:not([data-sort-index=""])::after{content:attr(data-sort-index);position:absolute;top:-2px;inset-inline-end:0;font-size:var(--_ag-fs-tiny);line-height:1;font-variant-numeric:tabular-nums;color:var(--sorted-header-icon-color, var(--_ag-brand))}[part~=sort-arrows]{display:block;flex-shrink:0}[part~=sort-up],[part~=sort-down]{stroke:currentcolor;fill:none;opacity:.5;transition:opacity var(--_ag-dur-fast) var(--_ag-ease),stroke var(--_ag-dur-fast) var(--_ag-ease)}:host(:hover) [part~=sort-up],:host(:hover) [part~=sort-down]{opacity:.75}[part~=action][data-sort-active=ascending] [part~=sort-up],[part~=action][data-sort-active=descending] [part~=sort-down]{opacity:1;stroke:var(--_ag-brand)}[part~=action]:empty{display:none}[part~=resizable]{width:3px;position:absolute;inset-block:6px;inset-inline-end:0;border-radius:2px;background:rgba(0,0,0,0);cursor:col-resize;z-index:var(--z-index-base);transition:background-color var(--_ag-dur-fast) var(--_ag-ease)}:host(:hover) [part~=resizable]{background:color-mix(in srgb, var(--_ag-brand) 28%, transparent)}[part~=filter-btn]{opacity:.55;transition:opacity var(--_ag-dur-fast) var(--_ag-ease),color var(--_ag-dur-fast) var(--_ag-ease);position:relative}:host(:hover) [part~=filter-btn],[part~=filter-btn]:focus-visible{opacity:.9}[part~=filter-btn][part~=filter-active]{opacity:1;color:var(--_ag-brand)}[part~=filter-count]{position:absolute;top:-4px;inset-inline-end:-1px;min-inline-size:.875rem;block-size:.875rem;padding:0 .1875rem;border-radius:.4375rem;background:var(--_ag-brand);color:var(--_ag-text-on-brand);font-size:var(--_ag-fs-tiny);font-weight:var(--_ag-fw-semibold);line-height:.875rem;text-align:center;font-variant-numeric:tabular-nums;box-sizing:border-box}[part~=filter-btn] svg{inline-size:1rem;block-size:1rem;display:block;flex-shrink:0}[part~=menu-btn]{opacity:.55;transition:opacity var(--_ag-dur-fast) var(--_ag-ease)}:host(:hover) [part~=menu-btn],[part~=menu-btn]:hover,[part~=menu-btn]:focus-visible{opacity:.9}[part~=menu-btn] svg{inline-size:.9375rem;block-size:.9375rem;display:block;flex-shrink:0}[part=col-menu]{position:absolute;inset-block-start:100%;inset-inline-end:0;z-index:calc(var(--z-index-base) + 15);background:var(--header-background, var(--_ag-surface-elevated));border:.0625rem solid var(--header-border-color, var(--_ag-hairline));border-radius:.375rem;box-shadow:0 .25rem .75rem rgba(0,0,0,.12);min-inline-size:11.25rem;padding:.25rem 0;overflow:hidden}[part=col-menu]:popover-open{position:fixed;inset:auto;margin:0;color:inherit}[part=col-menu-item]{display:flex;align-items:center;gap:.5rem;inline-size:100%;padding:.5rem .75rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);border:0;color:inherit;font:inherit;font-size:.8125rem;line-height:1.2;text-align:start;cursor:pointer;white-space:nowrap;box-sizing:border-box}[part=col-menu-item] svg{inline-size:1rem;block-size:1rem;flex-shrink:0;opacity:.6}[part=col-menu-item]:hover{background:hsl(from currentcolor h s l/8%)}[part=col-menu-item]:focus-visible{outline:.125rem solid var(--sorted-header-icon-color, var(--_ag-brand));outline-offset:-0.125rem}`;
3
3
  //# sourceMappingURL=header-cell.css.js.map
package/styles/header-cell/header-cell.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"header-cell.css.js","sourceRoot":"","sources":["../../../src/styles/header-cell/header-cell.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,m6LAAm6L,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{display:flex;align-items:center;position:relative;color:var(--header-text-color, var(--_ag-text-body));font-weight:var(--_ag-fw-semibold);font-size:var(--_ag-fs-cell-secondary);transition:background-color var(--_ag-dur-fast) var(--_ag-ease)}:host(:hover){background:color-mix(in srgb, var(--_ag-brand) 4%, transparent)}:host([data-reorderable]){cursor:grab}:host([data-dragging]){opacity:.4;cursor:grabbing}:host([data-pinned=start]),:host([data-pinned=end]){position:sticky;z-index:calc(var(--z-index-base) + 2);background:inherit}:host([data-pinned=start]){inset-inline-start:var(--apex-pin-offset, 0)}:host([data-pinned=end]){inset-inline-end:var(--apex-pin-offset, 0)}:host([data-pin-edge=start])::after,:host([data-pin-edge=end])::after{content:\"\";position:absolute;inset-block:0;inline-size:1px;background:var(--_ag-pin-line);pointer-events:none;z-index:1}:host([data-pin-edge=start])::after{inset-inline-end:0}:host([data-pin-edge=end])::after{inset-inline-start:0}:host::before{content:\"\";display:var(--apex-header-separator-display, none);position:absolute;inset-block:var(--apex-header-separator-inset, 20%);inset-inline-end:0;inline-size:1px;background:var(--header-separator-color, var(--_ag-header-separator));pointer-events:none;z-index:1}[part~=content]{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:0 var(--_ag-cell-pad-x);overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}[part~=title]{display:block;position:relative;cursor:initial;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;min-width:3ch;text-transform:uppercase;font-size:var(--_ag-fs-cell-secondary);font-weight:var(--_ag-fw-semibold);letter-spacing:var(--_ag-tracking-header);color:var(--header-text-color, var(--_ag-text-body))}[part~=coord-letter]{display:inline-block;margin-inline-end:.4em;padding:0 .3em;border-radius:var(--_ag-radius-xs);background:var(--_ag-brand-soft);color:var(--_ag-brand-strong);font-weight:var(--_ag-fw-bold);text-transform:none}:host([aria-sort=ascending]) [part~=title],:host([aria-sort=descending]) [part~=title]{color:var(--_ag-brand-strong)}[part~=actions]{display:flex;gap:.25rem;align-items:center}[part~=action]{cursor:pointer;background:rgba(0,0,0,0);border:0;padding:0;margin:0;color:inherit;font:inherit;line-height:0;inline-size:1rem;block-size:1rem;display:inline-flex;align-items:center;justify-content:center;position:relative;isolation:isolate}[part~=action]::before{content:\"\";position:absolute;inset:-0.25rem;z-index:-1;border-radius:var(--_ag-radius-xs);background:rgba(0,0,0,0);transition:background-color var(--_ag-dur-fast) var(--_ag-ease)}[part~=action]:hover::before{background:hsl(from currentcolor h s l/12%)}[part~=action]:focus-visible{outline:.125rem solid var(--sorted-header-icon-color, var(--_ag-brand));outline-offset:-0.125rem;border-radius:.125rem}[part~=action][data-sort-index]:not([data-sort-index=\"\"])::after{content:attr(data-sort-index);position:absolute;top:-2px;inset-inline-end:0;font-size:var(--_ag-fs-tiny);line-height:1;font-variant-numeric:tabular-nums;color:var(--sorted-header-icon-color, var(--_ag-brand))}[part~=sort-arrows]{display:block;flex-shrink:0}[part~=sort-up],[part~=sort-down]{stroke:currentcolor;fill:none;opacity:.5;transition:opacity var(--_ag-dur-fast) var(--_ag-ease),stroke var(--_ag-dur-fast) var(--_ag-ease)}:host(:hover) [part~=sort-up],:host(:hover) [part~=sort-down]{opacity:.75}[part~=action][data-sort-active=ascending] [part~=sort-up],[part~=action][data-sort-active=descending] [part~=sort-down]{opacity:1;stroke:var(--_ag-brand)}[part~=filtered]{background:var(--filtering-header-background, transparent);color:var(--_ag-brand-strong)}[part~=action]:empty{display:none}[part~=resizable]{width:3px;position:absolute;inset-block:6px;inset-inline-end:0;border-radius:2px;background:rgba(0,0,0,0);cursor:col-resize;z-index:var(--z-index-base);transition:background-color var(--_ag-dur-fast) var(--_ag-ease)}:host(:hover) [part~=resizable]{background:color-mix(in srgb, var(--_ag-brand) 28%, transparent)}[part~=filter-btn]{opacity:.55;transition:opacity var(--_ag-dur-fast) var(--_ag-ease),color var(--_ag-dur-fast) var(--_ag-ease);position:relative}:host(:hover) [part~=filter-btn],[part~=filter-btn]:focus-visible{opacity:.9}[part~=filter-btn][part~=filter-active]{opacity:1;color:var(--_ag-brand)}[part~=filter-count]{position:absolute;top:-4px;inset-inline-end:-1px;min-inline-size:.875rem;block-size:.875rem;padding:0 .1875rem;border-radius:.4375rem;background:var(--_ag-brand);color:#fff;font-size:var(--_ag-fs-tiny);font-weight:600;line-height:.875rem;text-align:center;font-variant-numeric:tabular-nums;box-sizing:border-box}[part~=filter-btn] svg{inline-size:1rem;block-size:1rem;display:block;flex-shrink:0}[part~=menu-btn]{opacity:.55;transition:opacity var(--_ag-dur-fast) var(--_ag-ease)}:host(:hover) [part~=menu-btn],[part~=menu-btn]:hover,[part~=menu-btn]:focus-visible{opacity:.9}[part~=menu-btn] svg{inline-size:.9375rem;block-size:.9375rem;display:block;flex-shrink:0}[part=col-menu]{position:absolute;inset-block-start:100%;inset-inline-end:0;z-index:calc(var(--z-index-base) + 15);background:var(--header-background, var(--_ag-surface-elevated));border:.0625rem solid var(--header-border-color, var(--_ag-hairline));border-radius:.375rem;box-shadow:0 .25rem .75rem rgba(0,0,0,.12);min-inline-size:11.25rem;padding:.25rem 0;overflow:hidden}[part=col-menu-item]{display:flex;align-items:center;gap:.5rem;inline-size:100%;padding:.5rem .75rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);border:0;color:inherit;font:inherit;font-size:.8125rem;line-height:1.2;text-align:start;cursor:pointer;white-space:nowrap;box-sizing:border-box}[part=col-menu-item] svg{inline-size:1rem;block-size:1rem;flex-shrink:0;opacity:.6}[part=col-menu-item]:hover{background:hsl(from currentcolor h s l/8%)}[part=col-menu-item]:focus-visible{outline:.125rem solid var(--sorted-header-icon-color, var(--_ag-brand));outline-offset:-0.125rem}`;"]}
1
+ {"version":3,"file":"header-cell.css.js","sourceRoot":"","sources":["../../../src/styles/header-cell/header-cell.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ykMAAykM,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{display:flex;align-items:center;position:relative;color:var(--header-text-color, var(--_ag-text-body));font-weight:var(--_ag-fw-semibold);font-size:var(--_ag-fs-cell-secondary);transition:background-color var(--_ag-dur-fast) var(--_ag-ease)}:host(:hover){background:color-mix(in srgb, var(--_ag-brand) 4%, transparent)}:host([data-reorderable]){cursor:grab}:host([data-dragging]){opacity:.4;cursor:grabbing}:host([data-pinned=start]),:host([data-pinned=end]){position:sticky;z-index:calc(var(--z-index-base) + 2);background:inherit}:host([data-pinned=start]){inset-inline-start:var(--apex-pin-offset, 0)}:host([data-pinned=end]){inset-inline-end:var(--apex-pin-offset, 0)}:host([part~=filtered]){background-image:linear-gradient(var(--filtering-header-background, transparent), var(--filtering-header-background, transparent))}:host([data-pin-edge=start])::after,:host([data-pin-edge=end])::after{content:\"\";position:absolute;inset-block:0;inline-size:1px;background:var(--_ag-pin-line);pointer-events:none;z-index:1}:host([data-pin-edge=start])::after{inset-inline-end:0}:host([data-pin-edge=end])::after{inset-inline-start:0}:host::before{content:\"\";display:var(--apex-header-separator-display, none);position:absolute;inset-block:var(--apex-header-separator-inset, 20%);inset-inline-end:0;inline-size:1px;background:var(--header-separator-color, var(--_ag-header-separator));pointer-events:none;z-index:1}[part~=content]{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:0 var(--_ag-cell-pad-x);overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}[part~=title]{display:block;position:relative;cursor:initial;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;min-width:3ch;text-transform:uppercase;font-size:var(--_ag-fs-cell-secondary);font-weight:var(--_ag-fw-semibold);letter-spacing:var(--_ag-tracking-header);color:var(--header-text-color, var(--_ag-text-body))}[part~=coord-letter]{display:inline-block;margin-inline-end:.4em;padding:0 .3em;border-radius:var(--_ag-radius-xs);background:var(--_ag-brand-soft);color:var(--_ag-brand-strong);font-weight:var(--_ag-fw-bold);text-transform:none}:host([aria-sort=ascending]) [part~=title],:host([aria-sort=descending]) [part~=title]{color:var(--_ag-brand-strong)}[part~=actions]{display:flex;gap:.25rem;align-items:center}[part~=action]{cursor:pointer;background:rgba(0,0,0,0);border:0;padding:0;margin:0;color:inherit;font:inherit;line-height:0;inline-size:1rem;block-size:1rem;display:inline-flex;align-items:center;justify-content:center;position:relative;isolation:isolate}[part~=action]::before{content:\"\";position:absolute;inset:-0.25rem;z-index:-1;border-radius:var(--_ag-radius-xs);background:rgba(0,0,0,0);transition:background-color var(--_ag-dur-fast) var(--_ag-ease)}[part~=action]:hover::before{background:hsl(from currentcolor h s l/12%)}[part~=action]:focus-visible{outline:.125rem solid var(--sorted-header-icon-color, var(--_ag-brand));outline-offset:-0.125rem;border-radius:.125rem}[part~=action][data-sort-index]:not([data-sort-index=\"\"])::after{content:attr(data-sort-index);position:absolute;top:-2px;inset-inline-end:0;font-size:var(--_ag-fs-tiny);line-height:1;font-variant-numeric:tabular-nums;color:var(--sorted-header-icon-color, var(--_ag-brand))}[part~=sort-arrows]{display:block;flex-shrink:0}[part~=sort-up],[part~=sort-down]{stroke:currentcolor;fill:none;opacity:.5;transition:opacity var(--_ag-dur-fast) var(--_ag-ease),stroke var(--_ag-dur-fast) var(--_ag-ease)}:host(:hover) [part~=sort-up],:host(:hover) [part~=sort-down]{opacity:.75}[part~=action][data-sort-active=ascending] [part~=sort-up],[part~=action][data-sort-active=descending] [part~=sort-down]{opacity:1;stroke:var(--_ag-brand)}[part~=action]:empty{display:none}[part~=resizable]{width:3px;position:absolute;inset-block:6px;inset-inline-end:0;border-radius:2px;background:rgba(0,0,0,0);cursor:col-resize;z-index:var(--z-index-base);transition:background-color var(--_ag-dur-fast) var(--_ag-ease)}:host(:hover) [part~=resizable]{background:color-mix(in srgb, var(--_ag-brand) 28%, transparent)}[part~=filter-btn]{opacity:.55;transition:opacity var(--_ag-dur-fast) var(--_ag-ease),color var(--_ag-dur-fast) var(--_ag-ease);position:relative}:host(:hover) [part~=filter-btn],[part~=filter-btn]:focus-visible{opacity:.9}[part~=filter-btn][part~=filter-active]{opacity:1;color:var(--_ag-brand)}[part~=filter-count]{position:absolute;top:-4px;inset-inline-end:-1px;min-inline-size:.875rem;block-size:.875rem;padding:0 .1875rem;border-radius:.4375rem;background:var(--_ag-brand);color:var(--_ag-text-on-brand);font-size:var(--_ag-fs-tiny);font-weight:var(--_ag-fw-semibold);line-height:.875rem;text-align:center;font-variant-numeric:tabular-nums;box-sizing:border-box}[part~=filter-btn] svg{inline-size:1rem;block-size:1rem;display:block;flex-shrink:0}[part~=menu-btn]{opacity:.55;transition:opacity var(--_ag-dur-fast) var(--_ag-ease)}:host(:hover) [part~=menu-btn],[part~=menu-btn]:hover,[part~=menu-btn]:focus-visible{opacity:.9}[part~=menu-btn] svg{inline-size:.9375rem;block-size:.9375rem;display:block;flex-shrink:0}[part=col-menu]{position:absolute;inset-block-start:100%;inset-inline-end:0;z-index:calc(var(--z-index-base) + 15);background:var(--header-background, var(--_ag-surface-elevated));border:.0625rem solid var(--header-border-color, var(--_ag-hairline));border-radius:.375rem;box-shadow:0 .25rem .75rem rgba(0,0,0,.12);min-inline-size:11.25rem;padding:.25rem 0;overflow:hidden}[part=col-menu]:popover-open{position:fixed;inset:auto;margin:0;color:inherit}[part=col-menu-item]{display:flex;align-items:center;gap:.5rem;inline-size:100%;padding:.5rem .75rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);border:0;color:inherit;font:inherit;font-size:.8125rem;line-height:1.2;text-align:start;cursor:pointer;white-space:nowrap;box-sizing:border-box}[part=col-menu-item] svg{inline-size:1rem;block-size:1rem;flex-shrink:0;opacity:.6}[part=col-menu-item]:hover{background:hsl(from currentcolor h s l/8%)}[part=col-menu-item]:focus-visible{outline:.125rem solid var(--sorted-header-icon-color, var(--_ag-brand));outline-offset:-0.125rem}`;"]}
package/styles/header-row/header-row.base.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
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],[part=reorder-handle-header],[part=selection-header],[part=expansion-header]{display:flex;align-items:center;justify-content:center;position:sticky;z-index:calc(var(--z-index-base) + 2);background:inherit}[part=row-number-header]{inset-inline-start:var(--apex-chrome-offset-row-number, 0);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]{inset-inline-start:var(--apex-chrome-offset-reorder, 0)}[part=selection-header]{inset-inline-start:var(--apex-chrome-offset-selection, 0);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]{inset-inline-start:var(--apex-chrome-offset-expansion, 0);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)}`;
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([data-visually-hidden]) apex-grid-header::part(actions),:host([data-visually-hidden]) [part=selection-checkbox],:host([data-visually-hidden]) [part=expansion-toggle]{visibility:hidden}[part=row-number-header],[part=reorder-handle-header],[part=selection-header],[part=expansion-header]{display:flex;align-items:center;justify-content:center;position:sticky;z-index:calc(var(--z-index-base) + 2);background:inherit}[part=row-number-header]{inset-inline-start:var(--apex-chrome-offset-row-number, 0);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]{inset-inline-start:var(--apex-chrome-offset-reorder, 0)}[part=selection-header]{inset-inline-start:var(--apex-chrome-offset-selection, 0);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}@media(forced-colors: active){[part=selection-header] input[type=checkbox]{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[part=expansion-header]{inset-inline-start:var(--apex-chrome-offset-expansion, 0);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)}`;
3
3
  //# sourceMappingURL=header-row.base.css.js.map
package/styles/header-row/header-row.base.css.js.map CHANGED
@@ -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,s0IAAs0I,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],[part=reorder-handle-header],[part=selection-header],[part=expansion-header]{display:flex;align-items:center;justify-content:center;position:sticky;z-index:calc(var(--z-index-base) + 2);background:inherit}[part=row-number-header]{inset-inline-start:var(--apex-chrome-offset-row-number, 0);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]{inset-inline-start:var(--apex-chrome-offset-reorder, 0)}[part=selection-header]{inset-inline-start:var(--apex-chrome-offset-selection, 0);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]{inset-inline-start:var(--apex-chrome-offset-expansion, 0);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
+ {"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,w9HAAw9H,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([data-visually-hidden]) apex-grid-header::part(actions),:host([data-visually-hidden]) [part=selection-checkbox],:host([data-visually-hidden]) [part=expansion-toggle]{visibility:hidden}[part=row-number-header],[part=reorder-handle-header],[part=selection-header],[part=expansion-header]{display:flex;align-items:center;justify-content:center;position:sticky;z-index:calc(var(--z-index-base) + 2);background:inherit}[part=row-number-header]{inset-inline-start:var(--apex-chrome-offset-row-number, 0);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]{inset-inline-start:var(--apex-chrome-offset-reorder, 0)}[part=selection-header]{inset-inline-start:var(--apex-chrome-offset-selection, 0);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}@media(forced-colors: active){[part=selection-header] input[type=checkbox]{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[part=expansion-header]{inset-inline-start:var(--apex-chrome-offset-expansion, 0);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)}`;"]}
package/styles/ignite-ui/ignite-ui-dark.css.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
package/styles/ignite-ui/ignite-ui-dark.css.js ADDED
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `:host(:not([design-system=off]):not([tokens=off])){--_ag-brand: var(--ag-brand, var(--apx-accent, var(--ig-primary-seed, var(--ig-primary-500, #0d6fd3))));--_ag-brand-strong: var(--ag-brand-strong, var(--ig-primary-700, #0a56b8));--_ag-font: var(--ag-font, var(--apx-font-family, var(--ig-font-family, Inter, -apple-system, blinkmacsystemfont, sans-serif)));--_ag-hairline: var(--ag-hairline, var(--apx-grid, rgba(15, 23, 42, 0.08)));--_ag-border: var(--ag-border, var(--apx-grid, rgba(15, 23, 42, 0.08)));--_ag-pin-line: var(--ag-pin-line, rgba(15, 23, 42, 0.18));--_ag-header-separator: var(--ag-header-separator, var(--apx-grid, rgba(15, 23, 42, 0.12)));--_ag-grid-bg: var(--ag-grid-bg, var(--apx-surface, #fff));--_ag-surface: var(--ag-surface, var(--apx-surface, #fff));--_ag-surface-elevated: var(--ag-surface-elevated, #f8f9fb);--_ag-text: var(--ag-text, var(--apx-fore, #111827));--_ag-text-body: var(--ag-text-body, var(--apx-fore, #1f2937));--_ag-text-muted: var(--ag-text-muted, #6b7280);--_ag-text-subtle: var(--ag-text-subtle, #9ca3af);--_ag-good: var(--ag-good, var(--ig-success-seed, var(--ig-success-500, #10b981)));--_ag-watch: var(--ag-watch, var(--ig-warn-seed, var(--ig-warn-500, #f59e0b)));--_ag-risk: var(--ag-risk, var(--ig-error-seed, var(--ig-error-500, #ef4444)));--_ag-overlay: var(--ag-overlay);--_ag-overlay-text: var(--ag-overlay-text);--_ag-overlay-muted: color-mix(in srgb, var(--_ag-overlay-text) 62%, var(--_ag-overlay));--_ag-overlay-line: color-mix(in srgb, var(--_ag-overlay-text) 16%, var(--_ag-overlay));--_ag-overlay-hover: color-mix(in srgb, var(--_ag-overlay-text) 6%, var(--_ag-overlay));--_ag-overlay-accent: var(--ag-brand, var(--apx-accent, var(--ig-primary-seed, var(--ig-primary-500))));--_ag-overlay-font: var(--ag-font, var(--apx-font-family, var(--ig-font-family)))}:host(:not([theme~=light]):not([design-system=off]):not([tokens=off])){--_ag-brand: var(--ag-brand, var(--apx-accent, var(--ig-primary-seed, var(--ig-primary-500, #3b82f6))));--_ag-brand-strong: var(--ag-brand-strong, var(--ig-primary-400, #60a5fa));--_ag-grid-bg: var(--ag-dark-grid-bg, var(--apx-surface, #0f172a));--_ag-surface: var(--ag-dark-surface, var(--apx-surface, #0f172a));--_ag-surface-elevated: var(--ag-dark-surface-elevated, var(--ig-surface-raised, #1e2532));--_ag-hairline: var(--ag-dark-hairline, var(--apx-grid, var(--ig-gray-300, rgba(255, 255, 255, 0.12))));--_ag-border: var(--ag-dark-border, var(--apx-grid, var(--ig-gray-300, rgba(255, 255, 255, 0.12))));--_ag-pin-line: var(--ag-dark-pin-line, var(--ig-gray-400, rgba(255, 255, 255, 0.28)));--_ag-header-separator: var(--ag-dark-header-separator, var(--apx-grid, var(--ig-gray-300, rgba(255, 255, 255, 0.18))));--_ag-text: var(--ag-dark-text, var(--apx-fore, var(--ig-gray-800, #f1f5f9)));--_ag-text-body: var(--ag-dark-text-body, var(--apx-fore, var(--ig-gray-800, #e2e8f0)));--_ag-text-muted: var(--ag-dark-text-muted, var(--ig-gray-600, #94a3b8));--_ag-text-subtle: var(--ag-dark-text-subtle, var(--ig-gray-600, #64748b));--_ag-good-text: var(--ag-dark-good-text, #34d399);--_ag-good-soft: var(--ag-dark-good-soft, rgba(16, 185, 129, 0.18));--_ag-watch-text: var(--ag-dark-watch-text, #fbbf24);--_ag-watch-soft: var(--ag-dark-watch-soft, rgba(245, 158, 11, 0.18));--_ag-risk-text: var(--ag-dark-risk-text, #f87171);--_ag-risk-soft: var(--ag-dark-risk-soft, rgba(239, 68, 68, 0.18));--_ag-gold: var(--ag-dark-gold, rgba(245, 158, 11, 0.16));--_ag-gold-line: var(--ag-dark-gold-line, rgba(245, 158, 11, 0.35));--_ag-gold-text: var(--ag-dark-gold-text, #fcd34d);--_ag-shadow-card: var(--ag-dark-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);--_ag-surface-alt: var(--ag-dark-surface-alt, var(--_ag-surface));--_ag-row-hover: var(--ag-dark-row-hover, color-mix(in srgb, #fff 7%, var(--_ag-surface)));--_ag-pill-neutral-text: #a5b4fc;--_ag-pill-muted-text: #cbd5e1;--_ag-gold-start: var(--_ag-gold);--_ag-progress-track: rgb(255 255 255 / 12%);--_ag-overlay: var(--ag-dark-overlay, var(--ig-surface-overlay, #1e2532));--_ag-overlay-text: var(--ag-dark-overlay-text, var(--ig-surface-overlay-contrast, #e2e8f0));--_ag-overlay-muted-ig: color-mix(in srgb, var(--ig-surface-overlay-contrast) 55%, transparent);--_ag-overlay-muted: var(--_ag-overlay-muted-ig, color-mix(in srgb, var(--_ag-overlay-text) 62%, var(--_ag-overlay)));--_ag-overlay-line: var(--ig-gray-300, color-mix(in srgb, var(--_ag-overlay-text) 16%, var(--_ag-overlay)));--_ag-overlay-hover: var(--ig-gray-100, color-mix(in srgb, var(--_ag-overlay-text) 6%, var(--_ag-overlay)));--_ag-overlay-accent: var(--ag-brand, var(--apx-accent, var(--ig-primary-seed, var(--ig-primary-500))));--_ag-overlay-font: var(--ag-font, var(--apx-font-family, var(--ig-font-family)))}:host([theme~=tinted]:not([design-system=off]):not([tokens=off])){--_ag-surface-alt: var(--ag-surface-alt, color-mix(in srgb, var(--_ag-brand) 4%, var(--_ag-surface)));--_ag-surface-elevated: color-mix(in srgb, var(--_ag-brand) 11%, var(--ag-surface-elevated, #f8f9fb));--_ag-hairline: color-mix(in srgb, var(--_ag-brand) 24%, var(--ag-hairline, var(--apx-grid, rgba(15, 23, 42, 0.08))));--_ag-border: color-mix(in srgb, var(--_ag-brand) 12%, transparent);--_ag-row-hover: var(--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%, var(--ag-text-muted, #6b7280))}:host([theme~=tinted]:not([theme~=light]):not([design-system=off]):not([tokens=off])){--_ag-surface-alt: var(--ag-dark-surface-alt, color-mix(in srgb, var(--_ag-brand) 10%, var(--_ag-surface)));--_ag-surface-elevated: color-mix(in srgb, var(--_ag-brand) 20%, var(--ag-dark-surface-elevated, var(--ig-surface-raised, #1e2532)));--_ag-hairline: color-mix(in srgb, var(--_ag-brand) 30%, var(--ag-dark-hairline, var(--apx-grid, var(--ig-gray-300, rgba(255, 255, 255, 0.12)))));--_ag-border: color-mix(in srgb, var(--_ag-brand) 16%, rgb(255 255 255 / 7%));--_ag-row-hover: var(--ag-dark-row-hover, color-mix(in srgb, var(--_ag-brand) 12%, var(--_ag-surface)));--_ag-text-muted: color-mix(in srgb, var(--_ag-brand) 28%, var(--ag-dark-text-muted, var(--ig-gray-600, #94a3b8)))}:host([design-system=off]:not([theme~=light]):not([tokens=off])){--_ag-brand: var(--ag-brand, var(--apx-accent, #3b82f6));--_ag-brand-strong: var(--ag-brand-strong, #60a5fa);--_ag-grid-bg: var(--ag-dark-grid-bg, var(--apx-surface, #0f172a));--_ag-surface: var(--ag-dark-surface, var(--apx-surface, #0f172a));--_ag-surface-elevated: var(--ag-dark-surface-elevated, #1e2532);--_ag-hairline: var(--ag-dark-hairline, var(--apx-grid, rgba(255, 255, 255, 0.12)));--_ag-border: var(--ag-dark-border, var(--apx-grid, rgba(255, 255, 255, 0.12)));--_ag-pin-line: var(--ag-dark-pin-line, rgba(255, 255, 255, 0.28));--_ag-header-separator: var(--ag-dark-header-separator, var(--apx-grid, rgba(255, 255, 255, 0.18)));--_ag-text: var(--ag-dark-text, var(--apx-fore, #f1f5f9));--_ag-text-body: var(--ag-dark-text-body, var(--apx-fore, #e2e8f0));--_ag-text-muted: var(--ag-dark-text-muted, #94a3b8);--_ag-text-subtle: var(--ag-dark-text-subtle, #64748b);--_ag-good-text: var(--ag-dark-good-text, #34d399);--_ag-good-soft: var(--ag-dark-good-soft, rgba(16, 185, 129, 0.18));--_ag-watch-text: var(--ag-dark-watch-text, #fbbf24);--_ag-watch-soft: var(--ag-dark-watch-soft, rgba(245, 158, 11, 0.18));--_ag-risk-text: var(--ag-dark-risk-text, #f87171);--_ag-risk-soft: var(--ag-dark-risk-soft, rgba(239, 68, 68, 0.18));--_ag-gold: var(--ag-dark-gold, rgba(245, 158, 11, 0.16));--_ag-gold-line: var(--ag-dark-gold-line, rgba(245, 158, 11, 0.35));--_ag-gold-text: var(--ag-dark-gold-text, #fcd34d);--_ag-shadow-card: var(--ag-dark-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);--_ag-surface-alt: var(--ag-dark-surface-alt, var(--_ag-surface));--_ag-row-hover: var(--ag-dark-row-hover, color-mix(in srgb, #fff 7%, var(--_ag-surface)));--_ag-pill-neutral-text: #a5b4fc;--_ag-pill-muted-text: #cbd5e1;--_ag-gold-start: var(--_ag-gold);--_ag-progress-track: rgb(255 255 255 / 12%);--_ag-overlay: var(--ag-dark-overlay, #1e2532);--_ag-overlay-text: var(--ag-dark-overlay-text, #e2e8f0);--_ag-overlay-muted: color-mix(in srgb, var(--_ag-overlay-text) 62%, var(--_ag-overlay));--_ag-overlay-line: color-mix(in srgb, var(--_ag-overlay-text) 16%, var(--_ag-overlay));--_ag-overlay-hover: color-mix(in srgb, var(--_ag-overlay-text) 6%, var(--_ag-overlay))}:host([design-system=off][theme~=tinted]:not([theme~=light]):not([tokens=off])){--_ag-surface-alt: var(--ag-dark-surface-alt, color-mix(in srgb, var(--_ag-brand) 10%, var(--_ag-surface)));--_ag-surface-elevated: color-mix(in srgb, var(--_ag-brand) 20%, var(--ag-dark-surface-elevated, #1e2532));--_ag-hairline: color-mix(in srgb, var(--_ag-brand) 30%, var(--ag-dark-hairline, var(--apx-grid, rgba(255, 255, 255, 0.12))));--_ag-border: color-mix(in srgb, var(--_ag-brand) 16%, rgb(255 255 255 / 7%));--_ag-row-hover: var(--ag-dark-row-hover, color-mix(in srgb, var(--_ag-brand) 12%, var(--_ag-surface)));--_ag-text-muted: color-mix(in srgb, var(--_ag-brand) 28%, var(--ag-dark-text-muted, #94a3b8))}`;
3
+ //# sourceMappingURL=ignite-ui-dark.css.js.map
package/styles/ignite-ui/ignite-ui-dark.css.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ignite-ui-dark.css.js","sourceRoot":"","sources":["../../../src/styles/ignite-ui/ignite-ui-dark.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,y/RAAy/R,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host(:not([design-system=off]):not([tokens=off])){--_ag-brand: var(--ag-brand, var(--apx-accent, var(--ig-primary-seed, var(--ig-primary-500, #0d6fd3))));--_ag-brand-strong: var(--ag-brand-strong, var(--ig-primary-700, #0a56b8));--_ag-font: var(--ag-font, var(--apx-font-family, var(--ig-font-family, Inter, -apple-system, blinkmacsystemfont, sans-serif)));--_ag-hairline: var(--ag-hairline, var(--apx-grid, rgba(15, 23, 42, 0.08)));--_ag-border: var(--ag-border, var(--apx-grid, rgba(15, 23, 42, 0.08)));--_ag-pin-line: var(--ag-pin-line, rgba(15, 23, 42, 0.18));--_ag-header-separator: var(--ag-header-separator, var(--apx-grid, rgba(15, 23, 42, 0.12)));--_ag-grid-bg: var(--ag-grid-bg, var(--apx-surface, #fff));--_ag-surface: var(--ag-surface, var(--apx-surface, #fff));--_ag-surface-elevated: var(--ag-surface-elevated, #f8f9fb);--_ag-text: var(--ag-text, var(--apx-fore, #111827));--_ag-text-body: var(--ag-text-body, var(--apx-fore, #1f2937));--_ag-text-muted: var(--ag-text-muted, #6b7280);--_ag-text-subtle: var(--ag-text-subtle, #9ca3af);--_ag-good: var(--ag-good, var(--ig-success-seed, var(--ig-success-500, #10b981)));--_ag-watch: var(--ag-watch, var(--ig-warn-seed, var(--ig-warn-500, #f59e0b)));--_ag-risk: var(--ag-risk, var(--ig-error-seed, var(--ig-error-500, #ef4444)));--_ag-overlay: var(--ag-overlay);--_ag-overlay-text: var(--ag-overlay-text);--_ag-overlay-muted: color-mix(in srgb, var(--_ag-overlay-text) 62%, var(--_ag-overlay));--_ag-overlay-line: color-mix(in srgb, var(--_ag-overlay-text) 16%, var(--_ag-overlay));--_ag-overlay-hover: color-mix(in srgb, var(--_ag-overlay-text) 6%, var(--_ag-overlay));--_ag-overlay-accent: var(--ag-brand, var(--apx-accent, var(--ig-primary-seed, var(--ig-primary-500))));--_ag-overlay-font: var(--ag-font, var(--apx-font-family, var(--ig-font-family)))}:host(:not([theme~=light]):not([design-system=off]):not([tokens=off])){--_ag-brand: var(--ag-brand, var(--apx-accent, var(--ig-primary-seed, var(--ig-primary-500, #3b82f6))));--_ag-brand-strong: var(--ag-brand-strong, var(--ig-primary-400, #60a5fa));--_ag-grid-bg: var(--ag-dark-grid-bg, var(--apx-surface, #0f172a));--_ag-surface: var(--ag-dark-surface, var(--apx-surface, #0f172a));--_ag-surface-elevated: var(--ag-dark-surface-elevated, var(--ig-surface-raised, #1e2532));--_ag-hairline: var(--ag-dark-hairline, var(--apx-grid, var(--ig-gray-300, rgba(255, 255, 255, 0.12))));--_ag-border: var(--ag-dark-border, var(--apx-grid, var(--ig-gray-300, rgba(255, 255, 255, 0.12))));--_ag-pin-line: var(--ag-dark-pin-line, var(--ig-gray-400, rgba(255, 255, 255, 0.28)));--_ag-header-separator: var(--ag-dark-header-separator, var(--apx-grid, var(--ig-gray-300, rgba(255, 255, 255, 0.18))));--_ag-text: var(--ag-dark-text, var(--apx-fore, var(--ig-gray-800, #f1f5f9)));--_ag-text-body: var(--ag-dark-text-body, var(--apx-fore, var(--ig-gray-800, #e2e8f0)));--_ag-text-muted: var(--ag-dark-text-muted, var(--ig-gray-600, #94a3b8));--_ag-text-subtle: var(--ag-dark-text-subtle, var(--ig-gray-600, #64748b));--_ag-good-text: var(--ag-dark-good-text, #34d399);--_ag-good-soft: var(--ag-dark-good-soft, rgba(16, 185, 129, 0.18));--_ag-watch-text: var(--ag-dark-watch-text, #fbbf24);--_ag-watch-soft: var(--ag-dark-watch-soft, rgba(245, 158, 11, 0.18));--_ag-risk-text: var(--ag-dark-risk-text, #f87171);--_ag-risk-soft: var(--ag-dark-risk-soft, rgba(239, 68, 68, 0.18));--_ag-gold: var(--ag-dark-gold, rgba(245, 158, 11, 0.16));--_ag-gold-line: var(--ag-dark-gold-line, rgba(245, 158, 11, 0.35));--_ag-gold-text: var(--ag-dark-gold-text, #fcd34d);--_ag-shadow-card: var(--ag-dark-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);--_ag-surface-alt: var(--ag-dark-surface-alt, var(--_ag-surface));--_ag-row-hover: var(--ag-dark-row-hover, color-mix(in srgb, #fff 7%, var(--_ag-surface)));--_ag-pill-neutral-text: #a5b4fc;--_ag-pill-muted-text: #cbd5e1;--_ag-gold-start: var(--_ag-gold);--_ag-progress-track: rgb(255 255 255 / 12%);--_ag-overlay: var(--ag-dark-overlay, var(--ig-surface-overlay, #1e2532));--_ag-overlay-text: var(--ag-dark-overlay-text, var(--ig-surface-overlay-contrast, #e2e8f0));--_ag-overlay-muted-ig: color-mix(in srgb, var(--ig-surface-overlay-contrast) 55%, transparent);--_ag-overlay-muted: var(--_ag-overlay-muted-ig, color-mix(in srgb, var(--_ag-overlay-text) 62%, var(--_ag-overlay)));--_ag-overlay-line: var(--ig-gray-300, color-mix(in srgb, var(--_ag-overlay-text) 16%, var(--_ag-overlay)));--_ag-overlay-hover: var(--ig-gray-100, color-mix(in srgb, var(--_ag-overlay-text) 6%, var(--_ag-overlay)));--_ag-overlay-accent: var(--ag-brand, var(--apx-accent, var(--ig-primary-seed, var(--ig-primary-500))));--_ag-overlay-font: var(--ag-font, var(--apx-font-family, var(--ig-font-family)))}:host([theme~=tinted]:not([design-system=off]):not([tokens=off])){--_ag-surface-alt: var(--ag-surface-alt, color-mix(in srgb, var(--_ag-brand) 4%, var(--_ag-surface)));--_ag-surface-elevated: color-mix(in srgb, var(--_ag-brand) 11%, var(--ag-surface-elevated, #f8f9fb));--_ag-hairline: color-mix(in srgb, var(--_ag-brand) 24%, var(--ag-hairline, var(--apx-grid, rgba(15, 23, 42, 0.08))));--_ag-border: color-mix(in srgb, var(--_ag-brand) 12%, transparent);--_ag-row-hover: var(--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%, var(--ag-text-muted, #6b7280))}:host([theme~=tinted]:not([theme~=light]):not([design-system=off]):not([tokens=off])){--_ag-surface-alt: var(--ag-dark-surface-alt, color-mix(in srgb, var(--_ag-brand) 10%, var(--_ag-surface)));--_ag-surface-elevated: color-mix(in srgb, var(--_ag-brand) 20%, var(--ag-dark-surface-elevated, var(--ig-surface-raised, #1e2532)));--_ag-hairline: color-mix(in srgb, var(--_ag-brand) 30%, var(--ag-dark-hairline, var(--apx-grid, var(--ig-gray-300, rgba(255, 255, 255, 0.12)))));--_ag-border: color-mix(in srgb, var(--_ag-brand) 16%, rgb(255 255 255 / 7%));--_ag-row-hover: var(--ag-dark-row-hover, color-mix(in srgb, var(--_ag-brand) 12%, var(--_ag-surface)));--_ag-text-muted: color-mix(in srgb, var(--_ag-brand) 28%, var(--ag-dark-text-muted, var(--ig-gray-600, #94a3b8)))}:host([design-system=off]:not([theme~=light]):not([tokens=off])){--_ag-brand: var(--ag-brand, var(--apx-accent, #3b82f6));--_ag-brand-strong: var(--ag-brand-strong, #60a5fa);--_ag-grid-bg: var(--ag-dark-grid-bg, var(--apx-surface, #0f172a));--_ag-surface: var(--ag-dark-surface, var(--apx-surface, #0f172a));--_ag-surface-elevated: var(--ag-dark-surface-elevated, #1e2532);--_ag-hairline: var(--ag-dark-hairline, var(--apx-grid, rgba(255, 255, 255, 0.12)));--_ag-border: var(--ag-dark-border, var(--apx-grid, rgba(255, 255, 255, 0.12)));--_ag-pin-line: var(--ag-dark-pin-line, rgba(255, 255, 255, 0.28));--_ag-header-separator: var(--ag-dark-header-separator, var(--apx-grid, rgba(255, 255, 255, 0.18)));--_ag-text: var(--ag-dark-text, var(--apx-fore, #f1f5f9));--_ag-text-body: var(--ag-dark-text-body, var(--apx-fore, #e2e8f0));--_ag-text-muted: var(--ag-dark-text-muted, #94a3b8);--_ag-text-subtle: var(--ag-dark-text-subtle, #64748b);--_ag-good-text: var(--ag-dark-good-text, #34d399);--_ag-good-soft: var(--ag-dark-good-soft, rgba(16, 185, 129, 0.18));--_ag-watch-text: var(--ag-dark-watch-text, #fbbf24);--_ag-watch-soft: var(--ag-dark-watch-soft, rgba(245, 158, 11, 0.18));--_ag-risk-text: var(--ag-dark-risk-text, #f87171);--_ag-risk-soft: var(--ag-dark-risk-soft, rgba(239, 68, 68, 0.18));--_ag-gold: var(--ag-dark-gold, rgba(245, 158, 11, 0.16));--_ag-gold-line: var(--ag-dark-gold-line, rgba(245, 158, 11, 0.35));--_ag-gold-text: var(--ag-dark-gold-text, #fcd34d);--_ag-shadow-card: var(--ag-dark-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);--_ag-surface-alt: var(--ag-dark-surface-alt, var(--_ag-surface));--_ag-row-hover: var(--ag-dark-row-hover, color-mix(in srgb, #fff 7%, var(--_ag-surface)));--_ag-pill-neutral-text: #a5b4fc;--_ag-pill-muted-text: #cbd5e1;--_ag-gold-start: var(--_ag-gold);--_ag-progress-track: rgb(255 255 255 / 12%);--_ag-overlay: var(--ag-dark-overlay, #1e2532);--_ag-overlay-text: var(--ag-dark-overlay-text, #e2e8f0);--_ag-overlay-muted: color-mix(in srgb, var(--_ag-overlay-text) 62%, var(--_ag-overlay));--_ag-overlay-line: color-mix(in srgb, var(--_ag-overlay-text) 16%, var(--_ag-overlay));--_ag-overlay-hover: color-mix(in srgb, var(--_ag-overlay-text) 6%, var(--_ag-overlay))}:host([design-system=off][theme~=tinted]:not([theme~=light]):not([tokens=off])){--_ag-surface-alt: var(--ag-dark-surface-alt, color-mix(in srgb, var(--_ag-brand) 10%, var(--_ag-surface)));--_ag-surface-elevated: color-mix(in srgb, var(--_ag-brand) 20%, var(--ag-dark-surface-elevated, #1e2532));--_ag-hairline: color-mix(in srgb, var(--_ag-brand) 30%, var(--ag-dark-hairline, var(--apx-grid, rgba(255, 255, 255, 0.12))));--_ag-border: color-mix(in srgb, var(--_ag-brand) 16%, rgb(255 255 255 / 7%));--_ag-row-hover: var(--ag-dark-row-hover, color-mix(in srgb, var(--_ag-brand) 12%, var(--_ag-surface)));--_ag-text-muted: color-mix(in srgb, var(--_ag-brand) 28%, var(--ag-dark-text-muted, #94a3b8))}`;"]}
package/styles/ignite-ui/ignite-ui-document.css.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
package/styles/ignite-ui/ignite-ui-document.css.js ADDED
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `:where(:root){--ag-grid-bg: initial;--ag-dark-grid-bg: initial;--ag-surface: initial;--ag-dark-surface: initial;--ag-surface-elevated: initial;--ag-dark-surface-elevated: initial;--ag-hairline: initial;--ag-dark-hairline: initial;--ag-border: initial;--ag-dark-border: initial;--ag-header-separator: initial;--ag-dark-header-separator: initial;--ag-pin-line: initial;--ag-dark-pin-line: initial;--ag-text: initial;--ag-dark-text: initial;--ag-text-body: initial;--ag-dark-text-body: initial;--ag-text-muted: initial;--ag-dark-text-muted: initial;--ag-text-subtle: initial;--ag-dark-text-subtle: initial;--ag-good: initial;--ag-watch: initial;--ag-risk: initial}`;
3
+ //# sourceMappingURL=ignite-ui-document.css.js.map
package/styles/ignite-ui/ignite-ui-document.css.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ignite-ui-document.css.js","sourceRoot":"","sources":["../../../src/styles/ignite-ui/ignite-ui-document.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,upBAAupB,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:where(:root){--ag-grid-bg: initial;--ag-dark-grid-bg: initial;--ag-surface: initial;--ag-dark-surface: initial;--ag-surface-elevated: initial;--ag-dark-surface-elevated: initial;--ag-hairline: initial;--ag-dark-hairline: initial;--ag-border: initial;--ag-dark-border: initial;--ag-header-separator: initial;--ag-dark-header-separator: initial;--ag-pin-line: initial;--ag-dark-pin-line: initial;--ag-text: initial;--ag-dark-text: initial;--ag-text-body: initial;--ag-dark-text-body: initial;--ag-text-muted: initial;--ag-dark-text-muted: initial;--ag-text-subtle: initial;--ag-dark-text-subtle: initial;--ag-good: initial;--ag-watch: initial;--ag-risk: initial}`;"]}
package/styles/ignite-ui/ignite-ui.css.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
package/styles/ignite-ui/ignite-ui.css.js ADDED
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `:host(:not([design-system=off]):not([tokens=off])){--_ag-brand: var(--ag-brand, var(--apx-accent, var(--ig-primary-seed, var(--ig-primary-500, #0d6fd3))));--_ag-brand-strong: var(--ag-brand-strong, var(--ig-primary-700, #0a56b8));--_ag-font: var(--ag-font, var(--apx-font-family, var(--ig-font-family, Inter, -apple-system, blinkmacsystemfont, sans-serif)));--_ag-hairline: var(--ag-hairline, var(--apx-grid, var(--ig-gray-300, rgba(15, 23, 42, 0.08))));--_ag-border: var(--ag-border, var(--apx-grid, var(--ig-gray-300, rgba(15, 23, 42, 0.08))));--_ag-pin-line: var(--ag-pin-line, var(--ig-gray-400, rgba(15, 23, 42, 0.18)));--_ag-header-separator: var(--ag-header-separator, var(--apx-grid, var(--ig-gray-300, rgba(15, 23, 42, 0.12))));--_ag-grid-bg: var(--ag-grid-bg, var(--apx-surface, #fff));--_ag-surface: var(--ag-surface, var(--apx-surface, #fff));--_ag-surface-elevated: var(--ag-surface-elevated, var(--ig-surface-raised, #f8f9fb));--_ag-text: var(--ag-text, var(--apx-fore, var(--ig-gray-800, #111827)));--_ag-text-body: var(--ag-text-body, var(--apx-fore, var(--ig-gray-800, #1f2937)));--_ag-text-muted: var(--ag-text-muted, var(--ig-gray-600, #6b7280));--_ag-text-subtle: var(--ag-text-subtle, var(--ig-gray-600, #9ca3af));--_ag-good: var(--ag-good, var(--ig-success-seed, var(--ig-success-500, #10b981)));--_ag-watch: var(--ag-watch, var(--ig-warn-seed, var(--ig-warn-500, #f59e0b)));--_ag-risk: var(--ag-risk, var(--ig-error-seed, var(--ig-error-500, #ef4444)));--_ag-overlay: var(--ag-overlay, var(--ig-surface-overlay));--_ag-overlay-text: var(--ag-overlay-text, var(--ig-surface-overlay-contrast));--_ag-overlay-muted-ig: color-mix(in srgb, var(--ig-surface-overlay-contrast) 55%, transparent);--_ag-overlay-muted: var(--_ag-overlay-muted-ig, color-mix(in srgb, var(--_ag-overlay-text) 62%, var(--_ag-overlay)));--_ag-overlay-line: var(--ig-gray-300, color-mix(in srgb, var(--_ag-overlay-text) 16%, var(--_ag-overlay)));--_ag-overlay-hover: var(--ig-gray-100, color-mix(in srgb, var(--_ag-overlay-text) 6%, var(--_ag-overlay)));--_ag-overlay-accent: var(--ag-brand, var(--apx-accent, var(--ig-primary-seed, var(--ig-primary-500))));--_ag-overlay-font: var(--ag-font, var(--apx-font-family, var(--ig-font-family)))}:host([theme~=dark]:not([design-system=off]):not([tokens=off])){--_ag-brand: var(--ag-brand, var(--apx-accent, var(--ig-primary-seed, var(--ig-primary-500, #3b82f6))));--_ag-brand-strong: var(--ag-brand-strong, var(--ig-primary-400, #60a5fa));--_ag-grid-bg: var(--ag-dark-grid-bg, var(--apx-surface, #0f172a));--_ag-surface: var(--ag-dark-surface, var(--apx-surface, #0f172a));--_ag-surface-elevated: var(--ag-dark-surface-elevated, #1e2532);--_ag-hairline: var(--ag-dark-hairline, var(--apx-grid, rgba(255, 255, 255, 0.12)));--_ag-border: var(--ag-dark-border, var(--apx-grid, rgba(255, 255, 255, 0.12)));--_ag-pin-line: var(--ag-dark-pin-line, rgba(255, 255, 255, 0.28));--_ag-header-separator: var(--ag-dark-header-separator, var(--apx-grid, rgba(255, 255, 255, 0.18)));--_ag-text: var(--ag-dark-text, var(--apx-fore, #f1f5f9));--_ag-text-body: var(--ag-dark-text-body, var(--apx-fore, #e2e8f0));--_ag-text-muted: var(--ag-dark-text-muted, #94a3b8);--_ag-text-subtle: var(--ag-dark-text-subtle, #64748b);--_ag-overlay: var(--ag-dark-overlay);--_ag-overlay-text: var(--ag-dark-overlay-text);--_ag-overlay-muted: color-mix(in srgb, var(--_ag-overlay-text) 62%, var(--_ag-overlay));--_ag-overlay-line: color-mix(in srgb, var(--_ag-overlay-text) 16%, var(--_ag-overlay));--_ag-overlay-hover: color-mix(in srgb, var(--_ag-overlay-text) 6%, var(--_ag-overlay));--_ag-overlay-accent: var(--ag-brand, var(--apx-accent, var(--ig-primary-seed, var(--ig-primary-500))));--_ag-overlay-font: var(--ag-font, var(--apx-font-family, var(--ig-font-family)))}:host([theme~=tinted]:not([design-system=off]):not([tokens=off])){--_ag-surface-alt: var(--ag-surface-alt, color-mix(in srgb, var(--_ag-brand) 4%, var(--_ag-surface)));--_ag-surface-elevated: color-mix(in srgb, var(--_ag-brand) 11%, var(--ag-surface-elevated, var(--ig-surface-raised, #f8f9fb)));--_ag-hairline: color-mix(in srgb, var(--_ag-brand) 24%, var(--ag-hairline, var(--apx-grid, var(--ig-gray-300, rgba(15, 23, 42, 0.08)))));--_ag-border: color-mix(in srgb, var(--_ag-brand) 12%, transparent);--_ag-row-hover: var(--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%, var(--ag-text-muted, var(--ig-gray-600, #6b7280)))}:host([theme~=dark][theme~=tinted]:not([design-system=off]):not([tokens=off])){--_ag-surface-alt: var(--ag-dark-surface-alt, color-mix(in srgb, var(--_ag-brand) 10%, var(--_ag-surface)));--_ag-surface-elevated: color-mix(in srgb, var(--_ag-brand) 20%, var(--ag-dark-surface-elevated, #1e2532));--_ag-hairline: color-mix(in srgb, var(--_ag-brand) 30%, var(--ag-dark-hairline, var(--apx-grid, rgba(255, 255, 255, 0.12))));--_ag-border: color-mix(in srgb, var(--_ag-brand) 16%, rgb(255 255 255 / 7%));--_ag-row-hover: var(--ag-dark-row-hover, color-mix(in srgb, var(--_ag-brand) 12%, var(--_ag-surface)));--_ag-text-muted: color-mix(in srgb, var(--_ag-brand) 28%, var(--ag-dark-text-muted, #94a3b8))}`;
3
+ //# sourceMappingURL=ignite-ui.css.js.map
package/styles/ignite-ui/ignite-ui.css.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ignite-ui.css.js","sourceRoot":"","sources":["../../../src/styles/ignite-ui/ignite-ui.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gkKAAgkK,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host(:not([design-system=off]):not([tokens=off])){--_ag-brand: var(--ag-brand, var(--apx-accent, var(--ig-primary-seed, var(--ig-primary-500, #0d6fd3))));--_ag-brand-strong: var(--ag-brand-strong, var(--ig-primary-700, #0a56b8));--_ag-font: var(--ag-font, var(--apx-font-family, var(--ig-font-family, Inter, -apple-system, blinkmacsystemfont, sans-serif)));--_ag-hairline: var(--ag-hairline, var(--apx-grid, var(--ig-gray-300, rgba(15, 23, 42, 0.08))));--_ag-border: var(--ag-border, var(--apx-grid, var(--ig-gray-300, rgba(15, 23, 42, 0.08))));--_ag-pin-line: var(--ag-pin-line, var(--ig-gray-400, rgba(15, 23, 42, 0.18)));--_ag-header-separator: var(--ag-header-separator, var(--apx-grid, var(--ig-gray-300, rgba(15, 23, 42, 0.12))));--_ag-grid-bg: var(--ag-grid-bg, var(--apx-surface, #fff));--_ag-surface: var(--ag-surface, var(--apx-surface, #fff));--_ag-surface-elevated: var(--ag-surface-elevated, var(--ig-surface-raised, #f8f9fb));--_ag-text: var(--ag-text, var(--apx-fore, var(--ig-gray-800, #111827)));--_ag-text-body: var(--ag-text-body, var(--apx-fore, var(--ig-gray-800, #1f2937)));--_ag-text-muted: var(--ag-text-muted, var(--ig-gray-600, #6b7280));--_ag-text-subtle: var(--ag-text-subtle, var(--ig-gray-600, #9ca3af));--_ag-good: var(--ag-good, var(--ig-success-seed, var(--ig-success-500, #10b981)));--_ag-watch: var(--ag-watch, var(--ig-warn-seed, var(--ig-warn-500, #f59e0b)));--_ag-risk: var(--ag-risk, var(--ig-error-seed, var(--ig-error-500, #ef4444)));--_ag-overlay: var(--ag-overlay, var(--ig-surface-overlay));--_ag-overlay-text: var(--ag-overlay-text, var(--ig-surface-overlay-contrast));--_ag-overlay-muted-ig: color-mix(in srgb, var(--ig-surface-overlay-contrast) 55%, transparent);--_ag-overlay-muted: var(--_ag-overlay-muted-ig, color-mix(in srgb, var(--_ag-overlay-text) 62%, var(--_ag-overlay)));--_ag-overlay-line: var(--ig-gray-300, color-mix(in srgb, var(--_ag-overlay-text) 16%, var(--_ag-overlay)));--_ag-overlay-hover: var(--ig-gray-100, color-mix(in srgb, var(--_ag-overlay-text) 6%, var(--_ag-overlay)));--_ag-overlay-accent: var(--ag-brand, var(--apx-accent, var(--ig-primary-seed, var(--ig-primary-500))));--_ag-overlay-font: var(--ag-font, var(--apx-font-family, var(--ig-font-family)))}:host([theme~=dark]:not([design-system=off]):not([tokens=off])){--_ag-brand: var(--ag-brand, var(--apx-accent, var(--ig-primary-seed, var(--ig-primary-500, #3b82f6))));--_ag-brand-strong: var(--ag-brand-strong, var(--ig-primary-400, #60a5fa));--_ag-grid-bg: var(--ag-dark-grid-bg, var(--apx-surface, #0f172a));--_ag-surface: var(--ag-dark-surface, var(--apx-surface, #0f172a));--_ag-surface-elevated: var(--ag-dark-surface-elevated, #1e2532);--_ag-hairline: var(--ag-dark-hairline, var(--apx-grid, rgba(255, 255, 255, 0.12)));--_ag-border: var(--ag-dark-border, var(--apx-grid, rgba(255, 255, 255, 0.12)));--_ag-pin-line: var(--ag-dark-pin-line, rgba(255, 255, 255, 0.28));--_ag-header-separator: var(--ag-dark-header-separator, var(--apx-grid, rgba(255, 255, 255, 0.18)));--_ag-text: var(--ag-dark-text, var(--apx-fore, #f1f5f9));--_ag-text-body: var(--ag-dark-text-body, var(--apx-fore, #e2e8f0));--_ag-text-muted: var(--ag-dark-text-muted, #94a3b8);--_ag-text-subtle: var(--ag-dark-text-subtle, #64748b);--_ag-overlay: var(--ag-dark-overlay);--_ag-overlay-text: var(--ag-dark-overlay-text);--_ag-overlay-muted: color-mix(in srgb, var(--_ag-overlay-text) 62%, var(--_ag-overlay));--_ag-overlay-line: color-mix(in srgb, var(--_ag-overlay-text) 16%, var(--_ag-overlay));--_ag-overlay-hover: color-mix(in srgb, var(--_ag-overlay-text) 6%, var(--_ag-overlay));--_ag-overlay-accent: var(--ag-brand, var(--apx-accent, var(--ig-primary-seed, var(--ig-primary-500))));--_ag-overlay-font: var(--ag-font, var(--apx-font-family, var(--ig-font-family)))}:host([theme~=tinted]:not([design-system=off]):not([tokens=off])){--_ag-surface-alt: var(--ag-surface-alt, color-mix(in srgb, var(--_ag-brand) 4%, var(--_ag-surface)));--_ag-surface-elevated: color-mix(in srgb, var(--_ag-brand) 11%, var(--ag-surface-elevated, var(--ig-surface-raised, #f8f9fb)));--_ag-hairline: color-mix(in srgb, var(--_ag-brand) 24%, var(--ag-hairline, var(--apx-grid, var(--ig-gray-300, rgba(15, 23, 42, 0.08)))));--_ag-border: color-mix(in srgb, var(--_ag-brand) 12%, transparent);--_ag-row-hover: var(--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%, var(--ag-text-muted, var(--ig-gray-600, #6b7280)))}:host([theme~=dark][theme~=tinted]:not([design-system=off]):not([tokens=off])){--_ag-surface-alt: var(--ag-dark-surface-alt, color-mix(in srgb, var(--_ag-brand) 10%, var(--_ag-surface)));--_ag-surface-elevated: color-mix(in srgb, var(--_ag-brand) 20%, var(--ag-dark-surface-elevated, #1e2532));--_ag-hairline: color-mix(in srgb, var(--_ag-brand) 30%, var(--ag-dark-hairline, var(--apx-grid, rgba(255, 255, 255, 0.12))));--_ag-border: color-mix(in srgb, var(--_ag-brand) 16%, rgb(255 255 255 / 7%));--_ag-row-hover: var(--ag-dark-row-hover, color-mix(in srgb, var(--_ag-brand) 12%, var(--_ag-surface)));--_ag-text-muted: color-mix(in srgb, var(--_ag-brand) 28%, var(--ag-dark-text-muted, #94a3b8))}`;"]}
package/styles/paginator/paginator.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
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}`;
2
+ export const styles = css `:host{grid-row:paginator-row;display:block;background:var(--header-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:var(--_ag-fs-cell-secondary);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:var(--_ag-fs-cell-secondary);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}[data-fit="1"] [part=paginator-size],[data-fit="2"] :is([part=paginator-size],#first,#last){display:none}[data-fit="2"] [part=paginator-info]{min-width:0;overflow:hidden;text-overflow:ellipsis}.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
package/styles/paginator/paginator.css.js.map CHANGED
@@ -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,26EAA26E,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
+ {"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,0qFAA0qF,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{grid-row:paginator-row;display:block;background:var(--header-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:var(--_ag-fs-cell-secondary);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:var(--_ag-fs-cell-secondary);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}[data-fit=\"1\"] [part=paginator-size],[data-fit=\"2\"] :is([part=paginator-size],#first,#last){display:none}[data-fit=\"2\"] [part=paginator-info]{min-width:0;overflow:hidden;text-overflow:ellipsis}.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}`;"]}
package/styles/toolbar/toolbar.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
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}}`;
2
+ export const styles = css `:host{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
package/styles/toolbar/toolbar.css.js.map CHANGED
@@ -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,2lLAA2lL,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}}`;"]}
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,8kLAA8kL,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{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}}`;"]}