apex-grid 3.3.0 → 3.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (132) hide show
  1. package/CHANGELOG.md +143 -0
  2. package/README.md +74 -6
  3. package/components/cell.d.ts +2 -2
  4. package/components/cell.js +30 -2
  5. package/components/cell.js.map +1 -1
  6. package/components/filter-row.js +65 -6
  7. package/components/filter-row.js.map +1 -1
  8. package/components/grid.d.ts +132 -0
  9. package/components/grid.js +59 -2
  10. package/components/grid.js.map +1 -1
  11. package/components/header-row.js +8 -0
  12. package/components/header-row.js.map +1 -1
  13. package/components/header.js +85 -12
  14. package/components/header.js.map +1 -1
  15. package/components/row.js +32 -4
  16. package/components/row.js.map +1 -1
  17. package/components/virtualizer.d.ts +5 -1
  18. package/components/virtualizer.js +72 -2
  19. package/components/virtualizer.js.map +1 -1
  20. package/controllers/expansion.js +4 -4
  21. package/controllers/expansion.js.map +1 -1
  22. package/controllers/filter.js +11 -0
  23. package/controllers/filter.js.map +1 -1
  24. package/controllers/history.js +11 -4
  25. package/controllers/history.js.map +1 -1
  26. package/controllers/navigation.d.ts +35 -2
  27. package/controllers/navigation.js +102 -8
  28. package/controllers/navigation.js.map +1 -1
  29. package/controllers/pagination.js +1 -1
  30. package/controllers/pagination.js.map +1 -1
  31. package/controllers/reorder.js +4 -2
  32. package/controllers/reorder.js.map +1 -1
  33. package/controllers/row-pin.js +2 -2
  34. package/controllers/row-pin.js.map +1 -1
  35. package/controllers/row-reorder.js +6 -6
  36. package/controllers/row-reorder.js.map +1 -1
  37. package/controllers/selection.js +3 -3
  38. package/controllers/selection.js.map +1 -1
  39. package/controllers/sort.js +4 -2
  40. package/controllers/sort.js.map +1 -1
  41. package/controllers/state.d.ts +9 -3
  42. package/controllers/state.js +11 -1
  43. package/controllers/state.js.map +1 -1
  44. package/custom-elements.json +664 -190
  45. package/docs/assets/hierarchy.js +1 -1
  46. package/docs/assets/navigation.js +1 -1
  47. package/docs/assets/search.js +1 -1
  48. package/docs/classes/ApexGrid.html +586 -0
  49. package/docs/classes/ApexGridPaginator.html +36 -0
  50. package/docs/classes/ApexGridToolbar.html +67 -0
  51. package/docs/functions/localize.html +2 -2
  52. package/docs/functions/setup.html +1 -2
  53. package/docs/hierarchy.html +1 -1
  54. package/docs/index.html +94 -6
  55. package/docs/interfaces/ApexCellValidationFailedEvent.html +1 -1
  56. package/docs/interfaces/ApexCellValueChangedEvent.html +1 -1
  57. package/docs/interfaces/ApexCellValueChangingEvent.html +2 -2
  58. package/docs/interfaces/ApexColumnMovedEvent.html +2 -2
  59. package/docs/interfaces/ApexColumnMovingEvent.html +1 -1
  60. package/docs/interfaces/ApexDetailContext.html +2 -2
  61. package/docs/interfaces/ApexGridEventMap.html +5 -5
  62. package/docs/interfaces/ApexRowMovingEvent.html +1 -1
  63. package/docs/interfaces/ApexRowPinningEvent.html +1 -1
  64. package/docs/interfaces/BaseApexCellContext.html +1 -1
  65. package/docs/interfaces/BaseApexEditorContext.html +1 -1
  66. package/docs/interfaces/BaseColumnConfiguration.html +3 -3
  67. package/docs/interfaces/CSVExportOptions.html +2 -2
  68. package/docs/interfaces/DataPipelineConfiguration.html +2 -2
  69. package/docs/interfaces/EditingHistoryConfiguration.html +1 -1
  70. package/docs/interfaces/ExportFormat.html +2 -2
  71. package/docs/interfaces/ExportOptions.html +1 -1
  72. package/docs/interfaces/GridRowPinningConfiguration.html +1 -1
  73. package/docs/interfaces/GridRowReorderingConfiguration.html +2 -2
  74. package/docs/interfaces/PaginationConfiguration.html +1 -1
  75. package/docs/interfaces/PaginationState.html +1 -1
  76. package/docs/media/_tokens.scss +29 -8
  77. package/docs/media/package.json +4 -5
  78. package/docs/media/state-persistence.html +0 -10
  79. package/docs/modules.html +1 -1
  80. package/docs/types/DataPipelineParams.html +2 -2
  81. package/docs/types/EditMode.html +2 -2
  82. package/docs/types/GridLocaleText.html +1 -1
  83. package/docs/types/PaginationMode.html +1 -1
  84. package/docs/variables/EN_LOCALE.html +3 -3
  85. package/docs/variables/esLocale.html +1 -1
  86. package/i18n/en.d.ts +109 -1
  87. package/i18n/en.js +109 -1
  88. package/i18n/en.js.map +1 -1
  89. package/i18n/es.js +109 -1
  90. package/i18n/es.js.map +1 -1
  91. package/index.d.ts +2 -0
  92. package/index.js +2 -0
  93. package/index.js.map +1 -1
  94. package/internal/column-types.js +1 -1
  95. package/internal/column-types.js.map +1 -1
  96. package/internal/feature-module.d.ts +22 -0
  97. package/internal/feature-module.js +5 -0
  98. package/internal/feature-module.js.map +1 -1
  99. package/internal/index.d.ts +2 -2
  100. package/internal/index.js +1 -1
  101. package/internal/index.js.map +1 -1
  102. package/internal/utils.d.ts +14 -0
  103. package/internal/utils.js +5 -0
  104. package/internal/utils.js.map +1 -1
  105. package/package.json +1 -2
  106. package/setup.d.ts +12 -11
  107. package/setup.js +12 -4
  108. package/setup.js.map +1 -1
  109. package/styles/_common.css.js +1 -1
  110. package/styles/_common.css.js.map +1 -1
  111. package/styles/_tokens.css.js +1 -1
  112. package/styles/_tokens.css.js.map +1 -1
  113. package/styles/body-cell/body-cell.css.js +1 -1
  114. package/styles/body-cell/body-cell.css.js.map +1 -1
  115. package/styles/body-row/body-row.css.js +1 -1
  116. package/styles/body-row/body-row.css.js.map +1 -1
  117. package/styles/filter-row/filter-row.css.js +1 -1
  118. package/styles/filter-row/filter-row.css.js.map +1 -1
  119. package/styles/grid/_grid.base.css.js +1 -1
  120. package/styles/grid/_grid.base.css.js.map +1 -1
  121. package/styles/grid/grid.css.js +1 -1
  122. package/styles/grid/grid.css.js.map +1 -1
  123. package/styles/group-header-row/group-header-row.css.js +1 -1
  124. package/styles/group-header-row/group-header-row.css.js.map +1 -1
  125. package/styles/header-cell/header-cell.css.js +1 -1
  126. package/styles/header-cell/header-cell.css.js.map +1 -1
  127. package/styles/header-row/header-row.base.css.js +1 -1
  128. package/styles/header-row/header-row.base.css.js.map +1 -1
  129. package/styles/paginator/paginator.css.js +1 -1
  130. package/styles/paginator/paginator.css.js.map +1 -1
  131. package/styles/toolbar/toolbar.css.js +1 -1
  132. package/styles/toolbar/toolbar.css.js.map +1 -1
package/styles/_tokens.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--ag-brand: var(--ig-primary-500, #0d6fd3);--ag-brand-strong: var(--ig-primary-700, #0a56b8);--ag-brand-soft: color-mix(in srgb, var(--ag-brand) 10%, transparent);--ag-brand-softer: color-mix(in srgb, var(--ag-brand) 7%, transparent);--ag-brand-line: color-mix(in srgb, var(--ag-brand) 18%, transparent);--ag-hairline: rgb(15 23 42 / 8%);--ag-border: rgb(15 23 42 / 8%);--ag-pin-line: rgb(15 23 42 / 18%);--ag-header-separator: rgb(15 23 42 / 12%);--ag-row-hover: color-mix(in srgb, #0f172a 5%, var(--ag-surface));--ag-grid-bg: #fff;--ag-surface: #fff;--ag-surface-alt: var(--ag-surface);--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: rgb(16 185 129 / 10%);--ag-watch: #f59e0b;--ag-watch-text: #b45309;--ag-watch-soft: rgb(245 158 11 / 10%);--ag-risk: #ef4444;--ag-risk-text: #b91c1c;--ag-risk-soft: rgb(239 68 68 / 10%);--ag-gold: #fef3c7;--ag-gold-line: #fde68a;--ag-gold-text: #92400e;--ag-shadow-card: 0 16px 38px rgb(15 23 42 / 12%), 0 0 0 1px rgb(15 23 42 / 6%), 0 1px 0 rgb(255 255 255 / 90%) 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}:host([theme~=dark]){--ag-brand: var(--ig-primary-500, #3b82f6);--ag-brand-strong: var(--ig-primary-400, #60a5fa);--ag-grid-bg: #0f172a;--ag-surface: #0f172a;--ag-surface-alt: var(--ag-surface);--ag-surface-elevated: #1e2532;--ag-hairline: rgb(255 255 255 / 12%);--ag-border: rgb(255 255 255 / 12%);--ag-pin-line: rgb(255 255 255 / 28%);--ag-header-separator: rgb(255 255 255 / 18%);--ag-row-hover: color-mix(in srgb, #fff 7%, var(--ag-surface));--ag-text: #f1f5f9;--ag-text-body: #e2e8f0;--ag-text-muted: #94a3b8;--ag-text-subtle: #64748b;--ag-good-text: #34d399;--ag-good-soft: rgb(16 185 129 / 18%);--ag-watch-text: #fbbf24;--ag-watch-soft: rgb(245 158 11 / 18%);--ag-risk-text: #f87171;--ag-risk-soft: rgb(239 68 68 / 18%);--ag-gold: rgb(245 158 11 / 16%);--ag-gold-line: rgb(245 158 11 / 35%);--ag-gold-text: #fcd34d;--ag-shadow-card: 0 16px 38px rgb(0 0 0 / 55%), 0 0 0 1px rgb(255 255 255 / 6%), 0 1px 0 rgb(255 255 255 / 4%) inset}:host([theme~=tinted]){--ag-surface-alt: color-mix(in srgb, var(--ag-brand) 4%, #fff);--ag-surface-elevated: color-mix(in srgb, var(--ag-brand) 11%, #fbfcfd);--ag-hairline: color-mix(in srgb, var(--ag-brand) 24%, rgb(15 23 42 / 7%));--ag-border: color-mix(in srgb, var(--ag-brand) 12%, transparent);--ag-row-hover: color-mix(in srgb, var(--ag-brand) 9%, var(--ag-surface));--ag-text-muted: color-mix(in srgb, var(--ag-brand) 32%, #6b7280)}:host([theme~=dark][theme~=tinted]){--ag-surface-alt: color-mix(in srgb, var(--ag-brand) 10%, #172033);--ag-surface-elevated: color-mix(in srgb, var(--ag-brand) 20%, #1e293b);--ag-hairline: color-mix(in srgb, var(--ag-brand) 30%, rgb(255 255 255 / 12%));--ag-border: color-mix(in srgb, var(--ag-brand) 16%, rgb(255 255 255 / 7%));--ag-row-hover: color-mix(in srgb, var(--ag-brand) 12%, var(--ag-surface));--ag-text-muted: color-mix(in srgb, var(--ag-brand) 28%, #94a3b8)}`;
2
+ export const styles = css `:host{--ag-brand: var(--ig-primary-500, #0d6fd3);--ag-brand-strong: var(--ig-primary-700, #0a56b8);--ag-brand-soft: color-mix(in srgb, var(--ag-brand) 10%, transparent);--ag-brand-softer: color-mix(in srgb, var(--ag-brand) 7%, transparent);--ag-brand-line: color-mix(in srgb, var(--ag-brand) 18%, transparent);--ag-hairline: rgb(15 23 42 / 8%);--ag-border: rgb(15 23 42 / 8%);--ag-pin-line: rgb(15 23 42 / 18%);--ag-header-separator: rgb(15 23 42 / 12%);--ag-row-hover: color-mix(in srgb, #0f172a 5%, var(--ag-surface));--ag-grid-bg: #fff;--ag-surface: #fff;--ag-surface-alt: var(--ag-surface);--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: rgb(16 185 129 / 10%);--ag-watch: #f59e0b;--ag-watch-text: #b45309;--ag-watch-soft: rgb(245 158 11 / 10%);--ag-risk: #ef4444;--ag-risk-text: #b91c1c;--ag-risk-soft: rgb(239 68 68 / 10%);--ag-gold: #fef3c7;--ag-gold-line: #fde68a;--ag-gold-text: #92400e;--ag-shadow-card: 0 16px 38px rgb(15 23 42 / 12%), 0 0 0 1px rgb(15 23 42 / 6%), 0 1px 0 rgb(255 255 255 / 90%) 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}:host([theme~=dark]){--ag-brand: var(--ig-primary-500, #3b82f6);--ag-brand-strong: var(--ig-primary-400, #60a5fa);--ag-grid-bg: #0f172a;--ag-surface: #0f172a;--ag-surface-alt: var(--ag-surface);--ag-surface-elevated: #1e2532;--ag-hairline: rgb(255 255 255 / 12%);--ag-border: rgb(255 255 255 / 12%);--ag-pin-line: rgb(255 255 255 / 28%);--ag-header-separator: rgb(255 255 255 / 18%);--ag-row-hover: color-mix(in srgb, #fff 7%, var(--ag-surface));--ag-text: #f1f5f9;--ag-text-body: #e2e8f0;--ag-text-muted: #94a3b8;--ag-text-subtle: #64748b;--ag-good-text: #34d399;--ag-good-soft: rgb(16 185 129 / 18%);--ag-watch-text: #fbbf24;--ag-watch-soft: rgb(245 158 11 / 18%);--ag-risk-text: #f87171;--ag-risk-soft: rgb(239 68 68 / 18%);--ag-gold: rgb(245 158 11 / 16%);--ag-gold-line: rgb(245 158 11 / 35%);--ag-gold-text: #fcd34d;--ag-shadow-card: 0 16px 38px rgb(0 0 0 / 55%), 0 0 0 1px rgb(255 255 255 / 6%), 0 1px 0 rgb(255 255 255 / 4%) inset}:host([theme~=tinted]){--ag-surface-alt: color-mix(in srgb, var(--ag-brand) 4%, #fff);--ag-surface-elevated: color-mix(in srgb, var(--ag-brand) 11%, #fbfcfd);--ag-hairline: color-mix(in srgb, var(--ag-brand) 24%, rgb(15 23 42 / 7%));--ag-border: color-mix(in srgb, var(--ag-brand) 12%, transparent);--ag-row-hover: color-mix(in srgb, var(--ag-brand) 9%, var(--ag-surface));--ag-text-muted: color-mix(in srgb, var(--ag-brand) 32%, #6b7280)}:host([theme~=dark][theme~=tinted]){--ag-surface-alt: color-mix(in srgb, var(--ag-brand) 10%, #172033);--ag-surface-elevated: color-mix(in srgb, var(--ag-brand) 20%, #1e293b);--ag-hairline: color-mix(in srgb, var(--ag-brand) 30%, rgb(255 255 255 / 12%));--ag-border: color-mix(in srgb, var(--ag-brand) 16%, rgb(255 255 255 / 7%));--ag-row-hover: color-mix(in srgb, var(--ag-brand) 12%, var(--ag-surface));--ag-text-muted: color-mix(in srgb, var(--ag-brand) 28%, #94a3b8)}@media(prefers-reduced-motion: reduce){:host{--ag-dur-fast: 0ms;--ag-dur-med: 0ms;--ag-dur-slow: 0ms}}`;
3
3
  //# sourceMappingURL=_tokens.css.js.map
package/styles/_tokens.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"_tokens.css.js","sourceRoot":"","sources":["../../src/styles/_tokens.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4gHAA4gH,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{--ag-brand: var(--ig-primary-500, #0d6fd3);--ag-brand-strong: var(--ig-primary-700, #0a56b8);--ag-brand-soft: color-mix(in srgb, var(--ag-brand) 10%, transparent);--ag-brand-softer: color-mix(in srgb, var(--ag-brand) 7%, transparent);--ag-brand-line: color-mix(in srgb, var(--ag-brand) 18%, transparent);--ag-hairline: rgb(15 23 42 / 8%);--ag-border: rgb(15 23 42 / 8%);--ag-pin-line: rgb(15 23 42 / 18%);--ag-header-separator: rgb(15 23 42 / 12%);--ag-row-hover: color-mix(in srgb, #0f172a 5%, var(--ag-surface));--ag-grid-bg: #fff;--ag-surface: #fff;--ag-surface-alt: var(--ag-surface);--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: rgb(16 185 129 / 10%);--ag-watch: #f59e0b;--ag-watch-text: #b45309;--ag-watch-soft: rgb(245 158 11 / 10%);--ag-risk: #ef4444;--ag-risk-text: #b91c1c;--ag-risk-soft: rgb(239 68 68 / 10%);--ag-gold: #fef3c7;--ag-gold-line: #fde68a;--ag-gold-text: #92400e;--ag-shadow-card: 0 16px 38px rgb(15 23 42 / 12%), 0 0 0 1px rgb(15 23 42 / 6%), 0 1px 0 rgb(255 255 255 / 90%) 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}:host([theme~=dark]){--ag-brand: var(--ig-primary-500, #3b82f6);--ag-brand-strong: var(--ig-primary-400, #60a5fa);--ag-grid-bg: #0f172a;--ag-surface: #0f172a;--ag-surface-alt: var(--ag-surface);--ag-surface-elevated: #1e2532;--ag-hairline: rgb(255 255 255 / 12%);--ag-border: rgb(255 255 255 / 12%);--ag-pin-line: rgb(255 255 255 / 28%);--ag-header-separator: rgb(255 255 255 / 18%);--ag-row-hover: color-mix(in srgb, #fff 7%, var(--ag-surface));--ag-text: #f1f5f9;--ag-text-body: #e2e8f0;--ag-text-muted: #94a3b8;--ag-text-subtle: #64748b;--ag-good-text: #34d399;--ag-good-soft: rgb(16 185 129 / 18%);--ag-watch-text: #fbbf24;--ag-watch-soft: rgb(245 158 11 / 18%);--ag-risk-text: #f87171;--ag-risk-soft: rgb(239 68 68 / 18%);--ag-gold: rgb(245 158 11 / 16%);--ag-gold-line: rgb(245 158 11 / 35%);--ag-gold-text: #fcd34d;--ag-shadow-card: 0 16px 38px rgb(0 0 0 / 55%), 0 0 0 1px rgb(255 255 255 / 6%), 0 1px 0 rgb(255 255 255 / 4%) inset}:host([theme~=tinted]){--ag-surface-alt: color-mix(in srgb, var(--ag-brand) 4%, #fff);--ag-surface-elevated: color-mix(in srgb, var(--ag-brand) 11%, #fbfcfd);--ag-hairline: color-mix(in srgb, var(--ag-brand) 24%, rgb(15 23 42 / 7%));--ag-border: color-mix(in srgb, var(--ag-brand) 12%, transparent);--ag-row-hover: color-mix(in srgb, var(--ag-brand) 9%, var(--ag-surface));--ag-text-muted: color-mix(in srgb, var(--ag-brand) 32%, #6b7280)}:host([theme~=dark][theme~=tinted]){--ag-surface-alt: color-mix(in srgb, var(--ag-brand) 10%, #172033);--ag-surface-elevated: color-mix(in srgb, var(--ag-brand) 20%, #1e293b);--ag-hairline: color-mix(in srgb, var(--ag-brand) 30%, rgb(255 255 255 / 12%));--ag-border: color-mix(in srgb, var(--ag-brand) 16%, rgb(255 255 255 / 7%));--ag-row-hover: color-mix(in srgb, var(--ag-brand) 12%, var(--ag-surface));--ag-text-muted: color-mix(in srgb, var(--ag-brand) 28%, #94a3b8)}`;"]}
1
+ {"version":3,"file":"_tokens.css.js","sourceRoot":"","sources":["../../src/styles/_tokens.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,knHAAknH,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{--ag-brand: var(--ig-primary-500, #0d6fd3);--ag-brand-strong: var(--ig-primary-700, #0a56b8);--ag-brand-soft: color-mix(in srgb, var(--ag-brand) 10%, transparent);--ag-brand-softer: color-mix(in srgb, var(--ag-brand) 7%, transparent);--ag-brand-line: color-mix(in srgb, var(--ag-brand) 18%, transparent);--ag-hairline: rgb(15 23 42 / 8%);--ag-border: rgb(15 23 42 / 8%);--ag-pin-line: rgb(15 23 42 / 18%);--ag-header-separator: rgb(15 23 42 / 12%);--ag-row-hover: color-mix(in srgb, #0f172a 5%, var(--ag-surface));--ag-grid-bg: #fff;--ag-surface: #fff;--ag-surface-alt: var(--ag-surface);--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: rgb(16 185 129 / 10%);--ag-watch: #f59e0b;--ag-watch-text: #b45309;--ag-watch-soft: rgb(245 158 11 / 10%);--ag-risk: #ef4444;--ag-risk-text: #b91c1c;--ag-risk-soft: rgb(239 68 68 / 10%);--ag-gold: #fef3c7;--ag-gold-line: #fde68a;--ag-gold-text: #92400e;--ag-shadow-card: 0 16px 38px rgb(15 23 42 / 12%), 0 0 0 1px rgb(15 23 42 / 6%), 0 1px 0 rgb(255 255 255 / 90%) 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}:host([theme~=dark]){--ag-brand: var(--ig-primary-500, #3b82f6);--ag-brand-strong: var(--ig-primary-400, #60a5fa);--ag-grid-bg: #0f172a;--ag-surface: #0f172a;--ag-surface-alt: var(--ag-surface);--ag-surface-elevated: #1e2532;--ag-hairline: rgb(255 255 255 / 12%);--ag-border: rgb(255 255 255 / 12%);--ag-pin-line: rgb(255 255 255 / 28%);--ag-header-separator: rgb(255 255 255 / 18%);--ag-row-hover: color-mix(in srgb, #fff 7%, var(--ag-surface));--ag-text: #f1f5f9;--ag-text-body: #e2e8f0;--ag-text-muted: #94a3b8;--ag-text-subtle: #64748b;--ag-good-text: #34d399;--ag-good-soft: rgb(16 185 129 / 18%);--ag-watch-text: #fbbf24;--ag-watch-soft: rgb(245 158 11 / 18%);--ag-risk-text: #f87171;--ag-risk-soft: rgb(239 68 68 / 18%);--ag-gold: rgb(245 158 11 / 16%);--ag-gold-line: rgb(245 158 11 / 35%);--ag-gold-text: #fcd34d;--ag-shadow-card: 0 16px 38px rgb(0 0 0 / 55%), 0 0 0 1px rgb(255 255 255 / 6%), 0 1px 0 rgb(255 255 255 / 4%) inset}:host([theme~=tinted]){--ag-surface-alt: color-mix(in srgb, var(--ag-brand) 4%, #fff);--ag-surface-elevated: color-mix(in srgb, var(--ag-brand) 11%, #fbfcfd);--ag-hairline: color-mix(in srgb, var(--ag-brand) 24%, rgb(15 23 42 / 7%));--ag-border: color-mix(in srgb, var(--ag-brand) 12%, transparent);--ag-row-hover: color-mix(in srgb, var(--ag-brand) 9%, var(--ag-surface));--ag-text-muted: color-mix(in srgb, var(--ag-brand) 32%, #6b7280)}:host([theme~=dark][theme~=tinted]){--ag-surface-alt: color-mix(in srgb, var(--ag-brand) 10%, #172033);--ag-surface-elevated: color-mix(in srgb, var(--ag-brand) 20%, #1e293b);--ag-hairline: color-mix(in srgb, var(--ag-brand) 30%, rgb(255 255 255 / 12%));--ag-border: color-mix(in srgb, var(--ag-brand) 16%, rgb(255 255 255 / 7%));--ag-row-hover: color-mix(in srgb, var(--ag-brand) 12%, var(--ag-surface));--ag-text-muted: color-mix(in srgb, var(--ag-brand) 28%, #94a3b8)}@media(prefers-reduced-motion: reduce){:host{--ag-dur-fast: 0ms;--ag-dur-med: 0ms;--ag-dur-slow: 0ms}}`;"]}
package/styles/body-cell/body-cell.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);--component-size: 3}[part~=pill]{display:inline-flex;align-items:center;block-size:20px;padding:0 8px;border-radius:var(--ag-radius-sm);border:1px solid rgba(0,0,0,0);font-size:var(--ag-fs-cell-secondary);font-weight:var(--ag-fw-semibold);line-height:1;white-space:nowrap}[part~=pill--gold]{background:linear-gradient(180deg, #fff7e6 0%, var(--ag-gold) 100%);border-color:var(--ag-gold-line);color:var(--ag-gold-text)}[part~=pill--brand]{background:var(--ag-brand-soft);border-color:var(--ag-brand-line);color:var(--ag-brand-strong)}[part~=pill--neutral]{background:rgba(99,102,241,.08);border-color:rgba(99,102,241,.22);color:#4338ca}[part~=pill--muted]{background:rgba(107,114,128,.1);border-color:rgba(107,114,128,.22);color:#4b5563}[part~=avatar]{display:inline-flex;align-items:center;justify-content:center;inline-size:22px;block-size:22px;flex-shrink:0;border-radius:50%;background:hsl(var(--ag-avatar-hue, 210), 60%, 48%);color:#fff;font-size:var(--ag-fs-cell-secondary);font-weight:var(--ag-fw-bold);line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 0 0 2px hsla(0,0%,100%,.85),0 1px 2px rgba(15,23,42,.18)}[part~=progress]{display:inline-flex;align-items:center;gap:8px;inline-size:100%}[part~=progress-track]{position:relative;flex:1;block-size:5px;min-inline-size:40px;border-radius:3px;background:rgba(15,23,42,.08);overflow:hidden}[part~=progress-fill]{display:block;block-size:100%;border-radius:3px;background:linear-gradient(90deg, #10b981 0%, #34d399 100%);transition:width var(--ag-dur-slow) var(--ag-ease)}[part~=progress-fill--good]{background:linear-gradient(90deg, #10b981 0%, #34d399 100%)}[part~=progress-fill--watch]{background:linear-gradient(90deg, #f59e0b 0%, #fbbf24 100%)}[part~=progress-fill--risk]{background:linear-gradient(90deg, #ef4444 0%, #f87171 100%)}[part~=progress-label]{min-inline-size:18px;text-align:end;font-size:11px;font-weight:var(--ag-fw-semibold);font-variant-numeric:tabular-nums;color:var(--ag-text-body)}[part~=spark-cell]{display:inline-flex;align-items:center;gap:6px}[part~=sparkline]{display:block;inline-size:64px;block-size:22px;color:var(--ag-text-muted);overflow:visible}[part~=sparkline--up]{color:var(--ag-good)}[part~=sparkline--down]{color:var(--ag-risk)}[part~=spark-line]{fill:none;stroke:currentcolor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}[part~=spark-area]{fill:currentcolor;stroke:none;opacity:.18}[part~=spark-delta]{font-size:var(--ag-fs-cell-secondary);font-weight:var(--ag-fw-semibold);font-variant-numeric:tabular-nums;color:var(--ag-text-muted)}[part~=spark-delta--up]{color:var(--ag-good-text)}[part~=spark-delta--down]{color:var(--ag-risk-text)}[part~=status]{display:inline-flex;align-items:center;gap:6px;block-size:20px;padding:0 10px;border-radius:var(--ag-radius-pill);border:1px solid rgba(0,0,0,0);font-size:var(--ag-fs-cell-secondary);font-weight:var(--ag-fw-semibold);line-height:1;white-space:nowrap}[part~=status-dot]{inline-size:6px;block-size:6px;flex-shrink:0;border-radius:50%;background:currentcolor}[part~=status--active]{background:var(--ag-good-soft);border-color:rgba(16,185,129,.28);color:var(--ag-good-text)}[part~=status--trial]{background:var(--ag-watch-soft);border-color:rgba(245,158,11,.28);color:var(--ag-watch-text)}[part~=status--churn]{background:var(--ag-risk-soft);border-color:rgba(239,68,68,.3);color:var(--ag-risk-text)}:host{position:relative;display:inline-flex;flex:1 0 0;align-items:center;padding:0 var(--ag-cell-pad-x);color:inherit;font-size:var(--ag-fs-cell);overflow-wrap:anywhere;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host([data-cell-type=number]),:host([data-cell-type=currency]){font-variant-numeric:tabular-nums;font-weight:var(--ag-fw-semibold);color:var(--ag-text)}:host([active]){outline:none;box-shadow:inset 0 0 0 1px var(--igx-cell-active-border-color, var(--cell-active-border-color, var(--ag-brand)))}:host([editing]){background:var(--igx-cell-editor-background, var(--ag-surface));z-index:calc(var(--z-index-base) + 2);overflow:hidden;cursor:text}:host([editing][data-pinned=start]),:host([editing][data-pinned=end]){background:var(--igx-cell-editor-background, var(--ag-surface))}:host([editing][data-cell-type=select]){overflow:visible}:host([data-pinned=start]),:host([data-pinned=end]){position:sticky;z-index:calc(var(--z-index-base) + 1);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}input[data-apex-editor]{box-sizing:border-box;position:absolute;inset:0;width:auto;height:auto;padding:0 var(--ag-cell-pad-x);margin:0;border:0;background:rgba(0,0,0,0);color:inherit;font:inherit;font-size:var(--ag-fs-cell);outline:none;caret-color:var(--igx-cell-editor-accent-color, var(--cell-active-border-color, var(--ag-brand)));-webkit-user-select:text;-moz-user-select:text;user-select:text}input[type=number][data-apex-editor]{font-variant-numeric:tabular-nums}input[type=checkbox][data-apex-editor]{-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)}input[type=checkbox][data-apex-editor]:hover{border-color:color-mix(in srgb, var(--ag-brand) 55%, transparent)}input[type=checkbox][data-apex-editor]:active{transform:scale(0.92)}input[type=checkbox][data-apex-editor]:checked,input[type=checkbox][data-apex-editor]:indeterminate{background-color:var(--ag-brand);border-color:var(--ag-brand)}input[type=checkbox][data-apex-editor]: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")}input[type=checkbox][data-apex-editor]: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")}input[type=checkbox][data-apex-editor]:focus-visible{outline:2px solid color-mix(in srgb, var(--ag-brand) 50%, transparent);outline-offset:2px}input[type=checkbox][data-apex-editor]{position:relative;inset:auto}input[part~=boolean-mark]{-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)}input[part~=boolean-mark]:hover{border-color:color-mix(in srgb, var(--ag-brand) 55%, transparent)}input[part~=boolean-mark]:active{transform:scale(0.92)}input[part~=boolean-mark]:checked,input[part~=boolean-mark]:indeterminate{background-color:var(--ag-brand);border-color:var(--ag-brand)}input[part~=boolean-mark]: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")}input[part~=boolean-mark]: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")}input[part~=boolean-mark]:focus-visible{outline:2px solid color-mix(in srgb, var(--ag-brand) 50%, transparent);outline-offset:2px}input[part~=boolean-mark][aria-readonly=true]{cursor:default;pointer-events:none}[part~=rating]{display:inline-flex;align-items:center;gap:0.0625rem;color:var(--igx-rating-color, var(--ag-watch, #f5a623))}[part~=rating-star]{display:inline-flex;align-items:center;justify-content:center;color:currentcolor;opacity:.25;line-height:0}[part~=rating-star] svg{inline-size:0.875rem;block-size:0.875rem}[part~=rating-star][part~=filled]{opacity:1}[part=rating-editor]{display:inline-flex;align-items:center;gap:0.125rem;padding:0 0.125rem;color:var(--igx-rating-color, var(--ag-watch, #f5a623));z-index:calc(var(--z-index-base) + 2)}[part=rating-editor] button[part~=rating-star]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);border:0;margin:0;padding:0.125rem;cursor:pointer;color:currentcolor;opacity:.35;border-radius:var(--ag-radius-xs)}[part=rating-editor] button[part~=rating-star]:hover{opacity:.75}[part=rating-editor] button[part~=rating-star][part~=filled]{opacity:1}[part=rating-editor] button[part~=rating-star]:focus-visible{outline:0.125rem solid var(--igx-cell-editor-accent-color, var(--cell-active-border-color, var(--ag-brand)));outline-offset:-0.0625rem}[part~=select-label]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;inline-size:100%}[part~=select-popover]{position:absolute;inset-block-start:100%;inset-inline-start:0;margin:0.125rem 0 0;padding:0.25rem 0;min-inline-size:100%;background:var(--igx-cell-editor-background, var(--ag-surface));border:0.0625rem solid var(--ag-brand-line);border-radius:var(--ag-radius-sm);box-shadow:0 0.125rem 0.25rem rgba(0,0,0,.06),0 0.375rem 1rem rgba(0,0,0,.12);max-block-size:15rem;overflow-y:auto;outline:none;z-index:calc(var(--z-index-base) + 10);color:inherit;font:inherit}[part~=select-option]{display:block;padding:0.375rem 0.75rem;cursor:pointer;color:inherit;outline:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[part~=select-option]:hover{background:var(--ag-brand-softer)}[part~=select-option][part~=selected]{background:var(--ag-brand-soft);color:var(--ag-brand-strong);font-weight:var(--ag-fw-semibold)}[part~=select-option]:focus-visible{background:var(--ag-brand-soft);outline:0.125rem solid var(--igx-cell-editor-accent-color, var(--cell-active-border-color, var(--ag-brand)));outline-offset:-0.125rem}[part~=image]{block-size:calc(100% - 0.5rem);max-block-size:2.5rem;inline-size:auto;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover;border-radius:var(--ag-radius-xs);display:block;flex-shrink:0}[part~=image][part~=circle]{border-radius:50%}[part=tree-indent]{flex-shrink:0;display:inline-block}[part=tree-toggle]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;inline-size:1.5rem;block-size:1.5rem;margin-inline-end:0.25rem;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=tree-toggle]:hover{background:var(--ag-brand-soft);border-color:var(--ag-brand-line);color:var(--ag-brand-strong)}[part=tree-toggle]:focus-visible{outline:0.125rem solid color-mix(in srgb, var(--ag-brand) 50%, transparent);outline-offset:0.0625rem}[part=tree-chevron]{transition:transform var(--ag-dur-med) var(--ag-ease)}:host([data-tree-expanded]) [part=tree-chevron]{transform:rotate(90deg)}[part=tree-spacer]{display:inline-block;flex-shrink:0;inline-size:1.5rem;block-size:1.5rem;margin-inline-end:0.25rem}[part=tree-cell-content]{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([data-invalid]){box-shadow:inset 0 0 0 1px var(--igx-cell-invalid-border-color, var(--ag-risk, #ef4444))}:host([data-invalid][editing]){box-shadow:inset 0 0 0 1px var(--igx-cell-invalid-border-color, var(--ag-risk, #ef4444));overflow:visible}[part~=cell-error]{position:absolute;inset-block-start:100%;inset-inline-start:0;z-index:calc(var(--z-index-base) + 11);margin-block-start:0.125rem;padding:0.125rem 0.375rem;max-inline-size:13.75rem;background:var(--ag-surface, #fff);color:var(--ag-risk-text, #b91c1c);border:0.0625rem solid var(--igx-cell-invalid-border-color, var(--ag-risk, #ef4444));border-radius:var(--ag-radius-xs);font-size:var(--ag-fs-cell-secondary);font-weight:var(--ag-fw-regular);line-height:1.3;white-space:normal;pointer-events:none;box-shadow:0 0.125rem 0.375rem rgba(0,0,0,.12)}:host([data-range]){background:var(--apex-range-fill, color-mix(in srgb, var(--ag-brand) 12%, transparent))}:host([data-range~=active]){background:var(--apex-range-active-fill, var(--apex-range-fill, color-mix(in srgb, var(--ag-brand) 20%, transparent)))}:host([data-range])::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;border:0 solid var(--apex-range-border, var(--ag-brand))}:host([data-range-edge~=top])::before{border-block-start-width:var(--apex-range-border-width, 1px)}:host([data-range-edge~=bottom])::before{border-block-end-width:var(--apex-range-border-width, 1px)}:host([data-range-edge~=left])::before{border-inline-start-width:var(--apex-range-border-width, 1px)}:host([data-range-edge~=right])::before{border-inline-end-width:var(--apex-range-border-width, 1px)}:host([data-range-handle])::after{content:"";position:absolute;inset-inline-end:-1px;inset-block-end:-1px;inline-size:7px;block-size:7px;background:var(--apex-range-border, var(--ag-brand));border:1px solid var(--ag-surface, #fff);z-index:4;pointer-events:none}:host([data-formula-ref]){--apex-formula-ref: var(--ag-brand);background:color-mix(in srgb, var(--apex-formula-ref) 14%, transparent);box-shadow:inset 0 0 0 1px var(--apex-formula-ref)}:host([data-formula-ref="0"]){--apex-formula-ref: var(--apex-formula-ref-0, #2563eb)}:host([data-formula-ref="1"]){--apex-formula-ref: var(--apex-formula-ref-1, #16a34a)}:host([data-formula-ref="2"]){--apex-formula-ref: var(--apex-formula-ref-2, #d97706)}:host([data-formula-ref="3"]){--apex-formula-ref: var(--apex-formula-ref-3, #db2777)}:host([data-formula-ref="4"]){--apex-formula-ref: var(--apex-formula-ref-4, #7c3aed)}:host([data-formula-ref="5"]){--apex-formula-ref: var(--apex-formula-ref-5, #0891b2)}`;
2
+ export const styles = css `[part~=pill]{display:inline-flex;align-items:center;block-size:20px;padding:0 8px;border-radius:var(--ag-radius-sm);border:1px solid rgba(0,0,0,0);font-size:var(--ag-fs-cell-secondary);font-weight:var(--ag-fw-semibold);line-height:1;white-space:nowrap}[part~=pill--gold]{background:linear-gradient(180deg, #fff7e6 0%, var(--ag-gold) 100%);border-color:var(--ag-gold-line);color:var(--ag-gold-text)}[part~=pill--brand]{background:var(--ag-brand-soft);border-color:var(--ag-brand-line);color:var(--ag-brand-strong)}[part~=pill--neutral]{background:rgba(99,102,241,.08);border-color:rgba(99,102,241,.22);color:#4338ca}[part~=pill--muted]{background:rgba(107,114,128,.1);border-color:rgba(107,114,128,.22);color:#4b5563}[part~=avatar]{display:inline-flex;align-items:center;justify-content:center;inline-size:22px;block-size:22px;flex-shrink:0;border-radius:50%;background:hsl(var(--ag-avatar-hue, 210), 60%, 48%);color:#fff;font-size:var(--ag-fs-cell-secondary);font-weight:var(--ag-fw-bold);line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 0 0 2px hsla(0,0%,100%,.85),0 1px 2px rgba(15,23,42,.18)}[part~=progress]{display:inline-flex;align-items:center;gap:8px;inline-size:100%}[part~=progress-track]{position:relative;flex:1;block-size:5px;min-inline-size:40px;border-radius:3px;background:rgba(15,23,42,.08);overflow:hidden}[part~=progress-fill]{display:block;block-size:100%;border-radius:3px;background:linear-gradient(90deg, #10b981 0%, #34d399 100%);transition:width var(--ag-dur-slow) var(--ag-ease)}[part~=progress-fill--good]{background:linear-gradient(90deg, #10b981 0%, #34d399 100%)}[part~=progress-fill--watch]{background:linear-gradient(90deg, #f59e0b 0%, #fbbf24 100%)}[part~=progress-fill--risk]{background:linear-gradient(90deg, #ef4444 0%, #f87171 100%)}[part~=progress-label]{min-inline-size:18px;text-align:end;font-size:11px;font-weight:var(--ag-fw-semibold);font-variant-numeric:tabular-nums;color:var(--ag-text-body)}[part~=spark-cell]{display:inline-flex;align-items:center;gap:6px}[part~=sparkline]{display:block;inline-size:64px;block-size:22px;color:var(--ag-text-muted);overflow:visible}[part~=sparkline--up]{color:var(--ag-good)}[part~=sparkline--down]{color:var(--ag-risk)}[part~=spark-line]{fill:none;stroke:currentcolor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}[part~=spark-area]{fill:currentcolor;stroke:none;opacity:.18}[part~=spark-delta]{font-size:var(--ag-fs-cell-secondary);font-weight:var(--ag-fw-semibold);font-variant-numeric:tabular-nums;color:var(--ag-text-muted)}[part~=spark-delta--up]{color:var(--ag-good-text)}[part~=spark-delta--down]{color:var(--ag-risk-text)}[part~=status]{display:inline-flex;align-items:center;gap:6px;block-size:20px;padding:0 10px;border-radius:var(--ag-radius-pill);border:1px solid rgba(0,0,0,0);font-size:var(--ag-fs-cell-secondary);font-weight:var(--ag-fw-semibold);line-height:1;white-space:nowrap}[part~=status-dot]{inline-size:6px;block-size:6px;flex-shrink:0;border-radius:50%;background:currentcolor}[part~=status--active]{background:var(--ag-good-soft);border-color:rgba(16,185,129,.28);color:var(--ag-good-text)}[part~=status--trial]{background:var(--ag-watch-soft);border-color:rgba(245,158,11,.28);color:var(--ag-watch-text)}[part~=status--churn]{background:var(--ag-risk-soft);border-color:rgba(239,68,68,.3);color:var(--ag-risk-text)}:host{position:relative;display:inline-flex;flex:1 0 0;align-items:center;padding:0 var(--ag-cell-pad-x);color:inherit;font-size:var(--ag-fs-cell);overflow-wrap:anywhere;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host([data-cell-type=number]),:host([data-cell-type=currency]){font-variant-numeric:tabular-nums;font-weight:var(--ag-fw-semibold);color:var(--ag-text)}:host([active]){outline:none;box-shadow:inset 0 0 0 1px var(--cell-active-border-color, var(--ag-brand))}:host([editing]){background:var(--ag-surface);z-index:calc(var(--z-index-base) + 2);overflow:hidden;cursor:text}:host([editing][data-pinned=start]),:host([editing][data-pinned=end]){background:var(--ag-surface)}:host([editing][data-cell-type=select]){overflow:visible}:host([data-pinned=start]),:host([data-pinned=end]){position:sticky;z-index:calc(var(--z-index-base) + 1);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}input[data-apex-editor]{box-sizing:border-box;position:absolute;inset:0;width:auto;height:auto;padding:0 var(--ag-cell-pad-x);margin:0;border:0;background:rgba(0,0,0,0);color:inherit;font:inherit;font-size:var(--ag-fs-cell);outline:none;caret-color:var(--cell-active-border-color, var(--ag-brand));-webkit-user-select:text;-moz-user-select:text;user-select:text}input[type=number][data-apex-editor]{font-variant-numeric:tabular-nums}input[type=checkbox][data-apex-editor]{-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)}input[type=checkbox][data-apex-editor]:hover{border-color:color-mix(in srgb, var(--ag-brand) 55%, transparent)}input[type=checkbox][data-apex-editor]:active{transform:scale(0.92)}input[type=checkbox][data-apex-editor]:checked,input[type=checkbox][data-apex-editor]:indeterminate{background-color:var(--ag-brand);border-color:var(--ag-brand)}input[type=checkbox][data-apex-editor]: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")}input[type=checkbox][data-apex-editor]: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")}input[type=checkbox][data-apex-editor]:focus-visible{outline:2px solid color-mix(in srgb, var(--ag-brand) 50%, transparent);outline-offset:2px}input[type=checkbox][data-apex-editor]{position:relative;inset:auto}input[part~=boolean-mark]{-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)}input[part~=boolean-mark]:hover{border-color:color-mix(in srgb, var(--ag-brand) 55%, transparent)}input[part~=boolean-mark]:active{transform:scale(0.92)}input[part~=boolean-mark]:checked,input[part~=boolean-mark]:indeterminate{background-color:var(--ag-brand);border-color:var(--ag-brand)}input[part~=boolean-mark]: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")}input[part~=boolean-mark]: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")}input[part~=boolean-mark]:focus-visible{outline:2px solid color-mix(in srgb, var(--ag-brand) 50%, transparent);outline-offset:2px}input[part~=boolean-mark][aria-readonly=true]{cursor:default;pointer-events:none}[part~=rating]{display:inline-flex;align-items:center;gap:0.0625rem;color:var(--ag-watch, #f5a623)}[part~=rating-star]{display:inline-flex;align-items:center;justify-content:center;color:currentcolor;opacity:.25;line-height:0}[part~=rating-star] svg{inline-size:0.875rem;block-size:0.875rem}[part~=rating-star][part~=filled]{opacity:1}[part=rating-editor]{display:inline-flex;align-items:center;gap:0.125rem;padding:0 0.125rem;color:var(--ag-watch, #f5a623);z-index:calc(var(--z-index-base) + 2)}[part=rating-editor] button[part~=rating-star]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);border:0;margin:0;padding:0.125rem;cursor:pointer;color:currentcolor;opacity:.35;border-radius:var(--ag-radius-xs)}[part=rating-editor] button[part~=rating-star]:hover{opacity:.75}[part=rating-editor] button[part~=rating-star][part~=filled]{opacity:1}[part=rating-editor] button[part~=rating-star]:focus-visible{outline:0.125rem solid var(--cell-active-border-color, var(--ag-brand));outline-offset:-0.0625rem}[part~=select-label]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;inline-size:100%}[part~=select-popover]{position:absolute;inset-block-start:100%;inset-inline-start:0;margin:0.125rem 0 0;padding:0.25rem 0;min-inline-size:100%;background:var(--ag-surface);border:0.0625rem solid var(--ag-brand-line);border-radius:var(--ag-radius-sm);box-shadow:0 0.125rem 0.25rem rgba(0,0,0,.06),0 0.375rem 1rem rgba(0,0,0,.12);max-block-size:15rem;overflow-y:auto;outline:none;z-index:calc(var(--z-index-base) + 10);color:inherit;font:inherit}[part~=select-option]{display:block;padding:0.375rem 0.75rem;cursor:pointer;color:inherit;outline:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[part~=select-option]:hover{background:var(--ag-brand-softer)}[part~=select-option][part~=selected]{background:var(--ag-brand-soft);color:var(--ag-brand-strong);font-weight:var(--ag-fw-semibold)}[part~=select-option]:focus-visible{background:var(--ag-brand-soft);outline:0.125rem solid var(--cell-active-border-color, var(--ag-brand));outline-offset:-0.125rem}[part~=image]{block-size:calc(100% - 0.5rem);max-block-size:2.5rem;inline-size:auto;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover;border-radius:var(--ag-radius-xs);display:block;flex-shrink:0}[part~=image][part~=circle]{border-radius:50%}[part=tree-indent]{flex-shrink:0;display:inline-block}[part=tree-toggle]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;inline-size:1.5rem;block-size:1.5rem;margin-inline-end:0.25rem;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=tree-toggle]:hover{background:var(--ag-brand-soft);border-color:var(--ag-brand-line);color:var(--ag-brand-strong)}[part=tree-toggle]:focus-visible{outline:0.125rem solid color-mix(in srgb, var(--ag-brand) 50%, transparent);outline-offset:0.0625rem}[part=tree-chevron]{transition:transform var(--ag-dur-med) var(--ag-ease)}:host([data-tree-expanded]) [part=tree-chevron]{transform:rotate(90deg)}[part=tree-spacer]{display:inline-block;flex-shrink:0;inline-size:1.5rem;block-size:1.5rem;margin-inline-end:0.25rem}[part=tree-cell-content]{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([data-invalid]){box-shadow:inset 0 0 0 1px var(--ag-risk, #ef4444)}:host([data-invalid][editing]){box-shadow:inset 0 0 0 1px var(--ag-risk, #ef4444);overflow:visible}[part~=cell-error]{position:absolute;inset-block-start:100%;inset-inline-start:0;z-index:calc(var(--z-index-base) + 11);margin-block-start:0.125rem;padding:0.125rem 0.375rem;max-inline-size:13.75rem;background:var(--ag-surface, #fff);color:var(--ag-risk-text, #b91c1c);border:0.0625rem solid var(--ag-risk, #ef4444);border-radius:var(--ag-radius-xs);font-size:var(--ag-fs-cell-secondary);font-weight:var(--ag-fw-regular);line-height:1.3;white-space:normal;pointer-events:none;box-shadow:0 0.125rem 0.375rem rgba(0,0,0,.12)}:host([data-range]){background:var(--apex-range-fill, color-mix(in srgb, var(--ag-brand) 12%, transparent))}:host([data-range~=active]){background:var(--apex-range-active-fill, var(--apex-range-fill, color-mix(in srgb, var(--ag-brand) 20%, transparent)))}:host([data-range])::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;border:0 solid var(--apex-range-border, var(--ag-brand))}:host([data-range-edge~=top])::before{border-block-start-width:var(--apex-range-border-width, 1px)}:host([data-range-edge~=bottom])::before{border-block-end-width:var(--apex-range-border-width, 1px)}:host([data-range-edge~=left])::before{border-inline-start-width:var(--apex-range-border-width, 1px)}:host([data-range-edge~=right])::before{border-inline-end-width:var(--apex-range-border-width, 1px)}:host([data-range-handle])::after{content:"";position:absolute;inset-inline-end:-1px;inset-block-end:-1px;inline-size:7px;block-size:7px;background:var(--apex-range-border, var(--ag-brand));border:1px solid var(--ag-surface, #fff);z-index:4;pointer-events:none}:host([data-formula-ref]){--apex-formula-ref: var(--ag-brand);background:color-mix(in srgb, var(--apex-formula-ref) 14%, transparent);box-shadow:inset 0 0 0 1px var(--apex-formula-ref)}:host([data-formula-ref="0"]){--apex-formula-ref: var(--apex-formula-ref-0, #2563eb)}:host([data-formula-ref="1"]){--apex-formula-ref: var(--apex-formula-ref-1, #16a34a)}:host([data-formula-ref="2"]){--apex-formula-ref: var(--apex-formula-ref-2, #d97706)}:host([data-formula-ref="3"]){--apex-formula-ref: var(--apex-formula-ref-3, #db2777)}:host([data-formula-ref="4"]){--apex-formula-ref: var(--apex-formula-ref-4, #7c3aed)}:host([data-formula-ref="5"]){--apex-formula-ref: var(--apex-formula-ref-5, #0891b2)}:host([data-formula-pointer]){--apex-formula-pointer: var(--ag-brand);background:color-mix(in srgb, var(--apex-formula-pointer) 10%, transparent)}:host([data-formula-pointer])::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;border:0 dashed var(--apex-formula-pointer, var(--ag-brand))}:host([data-formula-pointer-edge~=top])::before{border-block-start-width:var(--apex-formula-pointer-width, 1.5px)}:host([data-formula-pointer-edge~=bottom])::before{border-block-end-width:var(--apex-formula-pointer-width, 1.5px)}:host([data-formula-pointer-edge~=left])::before{border-inline-start-width:var(--apex-formula-pointer-width, 1.5px)}:host([data-formula-pointer-edge~=right])::before{border-inline-end-width:var(--apex-formula-pointer-width, 1.5px)}@media(forced-colors: active){:host([active]){outline:0.125rem solid Highlight;outline-offset:-0.125rem}:host([data-invalid]),:host([data-invalid][editing]){outline:0.125rem dashed CanvasText;outline-offset:-0.125rem}:host([editing]){background:Field;color:FieldText}}`;
3
3
  //# sourceMappingURL=body-cell.css.js.map
package/styles/body-cell/body-cell.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"body-cell.css.js","sourceRoot":"","sources":["../../../src/styles/body-cell/body-cell.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yudAAyud,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);--component-size: 3}[part~=pill]{display:inline-flex;align-items:center;block-size:20px;padding:0 8px;border-radius:var(--ag-radius-sm);border:1px solid rgba(0,0,0,0);font-size:var(--ag-fs-cell-secondary);font-weight:var(--ag-fw-semibold);line-height:1;white-space:nowrap}[part~=pill--gold]{background:linear-gradient(180deg, #fff7e6 0%, var(--ag-gold) 100%);border-color:var(--ag-gold-line);color:var(--ag-gold-text)}[part~=pill--brand]{background:var(--ag-brand-soft);border-color:var(--ag-brand-line);color:var(--ag-brand-strong)}[part~=pill--neutral]{background:rgba(99,102,241,.08);border-color:rgba(99,102,241,.22);color:#4338ca}[part~=pill--muted]{background:rgba(107,114,128,.1);border-color:rgba(107,114,128,.22);color:#4b5563}[part~=avatar]{display:inline-flex;align-items:center;justify-content:center;inline-size:22px;block-size:22px;flex-shrink:0;border-radius:50%;background:hsl(var(--ag-avatar-hue, 210), 60%, 48%);color:#fff;font-size:var(--ag-fs-cell-secondary);font-weight:var(--ag-fw-bold);line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 0 0 2px hsla(0,0%,100%,.85),0 1px 2px rgba(15,23,42,.18)}[part~=progress]{display:inline-flex;align-items:center;gap:8px;inline-size:100%}[part~=progress-track]{position:relative;flex:1;block-size:5px;min-inline-size:40px;border-radius:3px;background:rgba(15,23,42,.08);overflow:hidden}[part~=progress-fill]{display:block;block-size:100%;border-radius:3px;background:linear-gradient(90deg, #10b981 0%, #34d399 100%);transition:width var(--ag-dur-slow) var(--ag-ease)}[part~=progress-fill--good]{background:linear-gradient(90deg, #10b981 0%, #34d399 100%)}[part~=progress-fill--watch]{background:linear-gradient(90deg, #f59e0b 0%, #fbbf24 100%)}[part~=progress-fill--risk]{background:linear-gradient(90deg, #ef4444 0%, #f87171 100%)}[part~=progress-label]{min-inline-size:18px;text-align:end;font-size:11px;font-weight:var(--ag-fw-semibold);font-variant-numeric:tabular-nums;color:var(--ag-text-body)}[part~=spark-cell]{display:inline-flex;align-items:center;gap:6px}[part~=sparkline]{display:block;inline-size:64px;block-size:22px;color:var(--ag-text-muted);overflow:visible}[part~=sparkline--up]{color:var(--ag-good)}[part~=sparkline--down]{color:var(--ag-risk)}[part~=spark-line]{fill:none;stroke:currentcolor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}[part~=spark-area]{fill:currentcolor;stroke:none;opacity:.18}[part~=spark-delta]{font-size:var(--ag-fs-cell-secondary);font-weight:var(--ag-fw-semibold);font-variant-numeric:tabular-nums;color:var(--ag-text-muted)}[part~=spark-delta--up]{color:var(--ag-good-text)}[part~=spark-delta--down]{color:var(--ag-risk-text)}[part~=status]{display:inline-flex;align-items:center;gap:6px;block-size:20px;padding:0 10px;border-radius:var(--ag-radius-pill);border:1px solid rgba(0,0,0,0);font-size:var(--ag-fs-cell-secondary);font-weight:var(--ag-fw-semibold);line-height:1;white-space:nowrap}[part~=status-dot]{inline-size:6px;block-size:6px;flex-shrink:0;border-radius:50%;background:currentcolor}[part~=status--active]{background:var(--ag-good-soft);border-color:rgba(16,185,129,.28);color:var(--ag-good-text)}[part~=status--trial]{background:var(--ag-watch-soft);border-color:rgba(245,158,11,.28);color:var(--ag-watch-text)}[part~=status--churn]{background:var(--ag-risk-soft);border-color:rgba(239,68,68,.3);color:var(--ag-risk-text)}:host{position:relative;display:inline-flex;flex:1 0 0;align-items:center;padding:0 var(--ag-cell-pad-x);color:inherit;font-size:var(--ag-fs-cell);overflow-wrap:anywhere;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host([data-cell-type=number]),:host([data-cell-type=currency]){font-variant-numeric:tabular-nums;font-weight:var(--ag-fw-semibold);color:var(--ag-text)}:host([active]){outline:none;box-shadow:inset 0 0 0 1px var(--igx-cell-active-border-color, var(--cell-active-border-color, var(--ag-brand)))}:host([editing]){background:var(--igx-cell-editor-background, var(--ag-surface));z-index:calc(var(--z-index-base) + 2);overflow:hidden;cursor:text}:host([editing][data-pinned=start]),:host([editing][data-pinned=end]){background:var(--igx-cell-editor-background, var(--ag-surface))}:host([editing][data-cell-type=select]){overflow:visible}:host([data-pinned=start]),:host([data-pinned=end]){position:sticky;z-index:calc(var(--z-index-base) + 1);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}input[data-apex-editor]{box-sizing:border-box;position:absolute;inset:0;width:auto;height:auto;padding:0 var(--ag-cell-pad-x);margin:0;border:0;background:rgba(0,0,0,0);color:inherit;font:inherit;font-size:var(--ag-fs-cell);outline:none;caret-color:var(--igx-cell-editor-accent-color, var(--cell-active-border-color, var(--ag-brand)));-webkit-user-select:text;-moz-user-select:text;user-select:text}input[type=number][data-apex-editor]{font-variant-numeric:tabular-nums}input[type=checkbox][data-apex-editor]{-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)}input[type=checkbox][data-apex-editor]:hover{border-color:color-mix(in srgb, var(--ag-brand) 55%, transparent)}input[type=checkbox][data-apex-editor]:active{transform:scale(0.92)}input[type=checkbox][data-apex-editor]:checked,input[type=checkbox][data-apex-editor]:indeterminate{background-color:var(--ag-brand);border-color:var(--ag-brand)}input[type=checkbox][data-apex-editor]: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\")}input[type=checkbox][data-apex-editor]: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\")}input[type=checkbox][data-apex-editor]:focus-visible{outline:2px solid color-mix(in srgb, var(--ag-brand) 50%, transparent);outline-offset:2px}input[type=checkbox][data-apex-editor]{position:relative;inset:auto}input[part~=boolean-mark]{-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)}input[part~=boolean-mark]:hover{border-color:color-mix(in srgb, var(--ag-brand) 55%, transparent)}input[part~=boolean-mark]:active{transform:scale(0.92)}input[part~=boolean-mark]:checked,input[part~=boolean-mark]:indeterminate{background-color:var(--ag-brand);border-color:var(--ag-brand)}input[part~=boolean-mark]: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\")}input[part~=boolean-mark]: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\")}input[part~=boolean-mark]:focus-visible{outline:2px solid color-mix(in srgb, var(--ag-brand) 50%, transparent);outline-offset:2px}input[part~=boolean-mark][aria-readonly=true]{cursor:default;pointer-events:none}[part~=rating]{display:inline-flex;align-items:center;gap:0.0625rem;color:var(--igx-rating-color, var(--ag-watch, #f5a623))}[part~=rating-star]{display:inline-flex;align-items:center;justify-content:center;color:currentcolor;opacity:.25;line-height:0}[part~=rating-star] svg{inline-size:0.875rem;block-size:0.875rem}[part~=rating-star][part~=filled]{opacity:1}[part=rating-editor]{display:inline-flex;align-items:center;gap:0.125rem;padding:0 0.125rem;color:var(--igx-rating-color, var(--ag-watch, #f5a623));z-index:calc(var(--z-index-base) + 2)}[part=rating-editor] button[part~=rating-star]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);border:0;margin:0;padding:0.125rem;cursor:pointer;color:currentcolor;opacity:.35;border-radius:var(--ag-radius-xs)}[part=rating-editor] button[part~=rating-star]:hover{opacity:.75}[part=rating-editor] button[part~=rating-star][part~=filled]{opacity:1}[part=rating-editor] button[part~=rating-star]:focus-visible{outline:0.125rem solid var(--igx-cell-editor-accent-color, var(--cell-active-border-color, var(--ag-brand)));outline-offset:-0.0625rem}[part~=select-label]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;inline-size:100%}[part~=select-popover]{position:absolute;inset-block-start:100%;inset-inline-start:0;margin:0.125rem 0 0;padding:0.25rem 0;min-inline-size:100%;background:var(--igx-cell-editor-background, var(--ag-surface));border:0.0625rem solid var(--ag-brand-line);border-radius:var(--ag-radius-sm);box-shadow:0 0.125rem 0.25rem rgba(0,0,0,.06),0 0.375rem 1rem rgba(0,0,0,.12);max-block-size:15rem;overflow-y:auto;outline:none;z-index:calc(var(--z-index-base) + 10);color:inherit;font:inherit}[part~=select-option]{display:block;padding:0.375rem 0.75rem;cursor:pointer;color:inherit;outline:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[part~=select-option]:hover{background:var(--ag-brand-softer)}[part~=select-option][part~=selected]{background:var(--ag-brand-soft);color:var(--ag-brand-strong);font-weight:var(--ag-fw-semibold)}[part~=select-option]:focus-visible{background:var(--ag-brand-soft);outline:0.125rem solid var(--igx-cell-editor-accent-color, var(--cell-active-border-color, var(--ag-brand)));outline-offset:-0.125rem}[part~=image]{block-size:calc(100% - 0.5rem);max-block-size:2.5rem;inline-size:auto;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover;border-radius:var(--ag-radius-xs);display:block;flex-shrink:0}[part~=image][part~=circle]{border-radius:50%}[part=tree-indent]{flex-shrink:0;display:inline-block}[part=tree-toggle]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;inline-size:1.5rem;block-size:1.5rem;margin-inline-end:0.25rem;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=tree-toggle]:hover{background:var(--ag-brand-soft);border-color:var(--ag-brand-line);color:var(--ag-brand-strong)}[part=tree-toggle]:focus-visible{outline:0.125rem solid color-mix(in srgb, var(--ag-brand) 50%, transparent);outline-offset:0.0625rem}[part=tree-chevron]{transition:transform var(--ag-dur-med) var(--ag-ease)}:host([data-tree-expanded]) [part=tree-chevron]{transform:rotate(90deg)}[part=tree-spacer]{display:inline-block;flex-shrink:0;inline-size:1.5rem;block-size:1.5rem;margin-inline-end:0.25rem}[part=tree-cell-content]{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([data-invalid]){box-shadow:inset 0 0 0 1px var(--igx-cell-invalid-border-color, var(--ag-risk, #ef4444))}:host([data-invalid][editing]){box-shadow:inset 0 0 0 1px var(--igx-cell-invalid-border-color, var(--ag-risk, #ef4444));overflow:visible}[part~=cell-error]{position:absolute;inset-block-start:100%;inset-inline-start:0;z-index:calc(var(--z-index-base) + 11);margin-block-start:0.125rem;padding:0.125rem 0.375rem;max-inline-size:13.75rem;background:var(--ag-surface, #fff);color:var(--ag-risk-text, #b91c1c);border:0.0625rem solid var(--igx-cell-invalid-border-color, var(--ag-risk, #ef4444));border-radius:var(--ag-radius-xs);font-size:var(--ag-fs-cell-secondary);font-weight:var(--ag-fw-regular);line-height:1.3;white-space:normal;pointer-events:none;box-shadow:0 0.125rem 0.375rem rgba(0,0,0,.12)}:host([data-range]){background:var(--apex-range-fill, color-mix(in srgb, var(--ag-brand) 12%, transparent))}:host([data-range~=active]){background:var(--apex-range-active-fill, var(--apex-range-fill, color-mix(in srgb, var(--ag-brand) 20%, transparent)))}:host([data-range])::before{content:\"\";position:absolute;inset:0;pointer-events:none;z-index:1;border:0 solid var(--apex-range-border, var(--ag-brand))}:host([data-range-edge~=top])::before{border-block-start-width:var(--apex-range-border-width, 1px)}:host([data-range-edge~=bottom])::before{border-block-end-width:var(--apex-range-border-width, 1px)}:host([data-range-edge~=left])::before{border-inline-start-width:var(--apex-range-border-width, 1px)}:host([data-range-edge~=right])::before{border-inline-end-width:var(--apex-range-border-width, 1px)}:host([data-range-handle])::after{content:\"\";position:absolute;inset-inline-end:-1px;inset-block-end:-1px;inline-size:7px;block-size:7px;background:var(--apex-range-border, var(--ag-brand));border:1px solid var(--ag-surface, #fff);z-index:4;pointer-events:none}:host([data-formula-ref]){--apex-formula-ref: var(--ag-brand);background:color-mix(in srgb, var(--apex-formula-ref) 14%, transparent);box-shadow:inset 0 0 0 1px var(--apex-formula-ref)}:host([data-formula-ref=\"0\"]){--apex-formula-ref: var(--apex-formula-ref-0, #2563eb)}:host([data-formula-ref=\"1\"]){--apex-formula-ref: var(--apex-formula-ref-1, #16a34a)}:host([data-formula-ref=\"2\"]){--apex-formula-ref: var(--apex-formula-ref-2, #d97706)}:host([data-formula-ref=\"3\"]){--apex-formula-ref: var(--apex-formula-ref-3, #db2777)}:host([data-formula-ref=\"4\"]){--apex-formula-ref: var(--apex-formula-ref-4, #7c3aed)}:host([data-formula-ref=\"5\"]){--apex-formula-ref: var(--apex-formula-ref-5, #0891b2)}`;"]}
1
+ {"version":3,"file":"body-cell.css.js","sourceRoot":"","sources":["../../../src/styles/body-cell/body-cell.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,sgeAAsge,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`[part~=pill]{display:inline-flex;align-items:center;block-size:20px;padding:0 8px;border-radius:var(--ag-radius-sm);border:1px solid rgba(0,0,0,0);font-size:var(--ag-fs-cell-secondary);font-weight:var(--ag-fw-semibold);line-height:1;white-space:nowrap}[part~=pill--gold]{background:linear-gradient(180deg, #fff7e6 0%, var(--ag-gold) 100%);border-color:var(--ag-gold-line);color:var(--ag-gold-text)}[part~=pill--brand]{background:var(--ag-brand-soft);border-color:var(--ag-brand-line);color:var(--ag-brand-strong)}[part~=pill--neutral]{background:rgba(99,102,241,.08);border-color:rgba(99,102,241,.22);color:#4338ca}[part~=pill--muted]{background:rgba(107,114,128,.1);border-color:rgba(107,114,128,.22);color:#4b5563}[part~=avatar]{display:inline-flex;align-items:center;justify-content:center;inline-size:22px;block-size:22px;flex-shrink:0;border-radius:50%;background:hsl(var(--ag-avatar-hue, 210), 60%, 48%);color:#fff;font-size:var(--ag-fs-cell-secondary);font-weight:var(--ag-fw-bold);line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 0 0 2px hsla(0,0%,100%,.85),0 1px 2px rgba(15,23,42,.18)}[part~=progress]{display:inline-flex;align-items:center;gap:8px;inline-size:100%}[part~=progress-track]{position:relative;flex:1;block-size:5px;min-inline-size:40px;border-radius:3px;background:rgba(15,23,42,.08);overflow:hidden}[part~=progress-fill]{display:block;block-size:100%;border-radius:3px;background:linear-gradient(90deg, #10b981 0%, #34d399 100%);transition:width var(--ag-dur-slow) var(--ag-ease)}[part~=progress-fill--good]{background:linear-gradient(90deg, #10b981 0%, #34d399 100%)}[part~=progress-fill--watch]{background:linear-gradient(90deg, #f59e0b 0%, #fbbf24 100%)}[part~=progress-fill--risk]{background:linear-gradient(90deg, #ef4444 0%, #f87171 100%)}[part~=progress-label]{min-inline-size:18px;text-align:end;font-size:11px;font-weight:var(--ag-fw-semibold);font-variant-numeric:tabular-nums;color:var(--ag-text-body)}[part~=spark-cell]{display:inline-flex;align-items:center;gap:6px}[part~=sparkline]{display:block;inline-size:64px;block-size:22px;color:var(--ag-text-muted);overflow:visible}[part~=sparkline--up]{color:var(--ag-good)}[part~=sparkline--down]{color:var(--ag-risk)}[part~=spark-line]{fill:none;stroke:currentcolor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}[part~=spark-area]{fill:currentcolor;stroke:none;opacity:.18}[part~=spark-delta]{font-size:var(--ag-fs-cell-secondary);font-weight:var(--ag-fw-semibold);font-variant-numeric:tabular-nums;color:var(--ag-text-muted)}[part~=spark-delta--up]{color:var(--ag-good-text)}[part~=spark-delta--down]{color:var(--ag-risk-text)}[part~=status]{display:inline-flex;align-items:center;gap:6px;block-size:20px;padding:0 10px;border-radius:var(--ag-radius-pill);border:1px solid rgba(0,0,0,0);font-size:var(--ag-fs-cell-secondary);font-weight:var(--ag-fw-semibold);line-height:1;white-space:nowrap}[part~=status-dot]{inline-size:6px;block-size:6px;flex-shrink:0;border-radius:50%;background:currentcolor}[part~=status--active]{background:var(--ag-good-soft);border-color:rgba(16,185,129,.28);color:var(--ag-good-text)}[part~=status--trial]{background:var(--ag-watch-soft);border-color:rgba(245,158,11,.28);color:var(--ag-watch-text)}[part~=status--churn]{background:var(--ag-risk-soft);border-color:rgba(239,68,68,.3);color:var(--ag-risk-text)}:host{position:relative;display:inline-flex;flex:1 0 0;align-items:center;padding:0 var(--ag-cell-pad-x);color:inherit;font-size:var(--ag-fs-cell);overflow-wrap:anywhere;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host([data-cell-type=number]),:host([data-cell-type=currency]){font-variant-numeric:tabular-nums;font-weight:var(--ag-fw-semibold);color:var(--ag-text)}:host([active]){outline:none;box-shadow:inset 0 0 0 1px var(--cell-active-border-color, var(--ag-brand))}:host([editing]){background:var(--ag-surface);z-index:calc(var(--z-index-base) + 2);overflow:hidden;cursor:text}:host([editing][data-pinned=start]),:host([editing][data-pinned=end]){background:var(--ag-surface)}:host([editing][data-cell-type=select]){overflow:visible}:host([data-pinned=start]),:host([data-pinned=end]){position:sticky;z-index:calc(var(--z-index-base) + 1);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}input[data-apex-editor]{box-sizing:border-box;position:absolute;inset:0;width:auto;height:auto;padding:0 var(--ag-cell-pad-x);margin:0;border:0;background:rgba(0,0,0,0);color:inherit;font:inherit;font-size:var(--ag-fs-cell);outline:none;caret-color:var(--cell-active-border-color, var(--ag-brand));-webkit-user-select:text;-moz-user-select:text;user-select:text}input[type=number][data-apex-editor]{font-variant-numeric:tabular-nums}input[type=checkbox][data-apex-editor]{-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)}input[type=checkbox][data-apex-editor]:hover{border-color:color-mix(in srgb, var(--ag-brand) 55%, transparent)}input[type=checkbox][data-apex-editor]:active{transform:scale(0.92)}input[type=checkbox][data-apex-editor]:checked,input[type=checkbox][data-apex-editor]:indeterminate{background-color:var(--ag-brand);border-color:var(--ag-brand)}input[type=checkbox][data-apex-editor]: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\")}input[type=checkbox][data-apex-editor]: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\")}input[type=checkbox][data-apex-editor]:focus-visible{outline:2px solid color-mix(in srgb, var(--ag-brand) 50%, transparent);outline-offset:2px}input[type=checkbox][data-apex-editor]{position:relative;inset:auto}input[part~=boolean-mark]{-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)}input[part~=boolean-mark]:hover{border-color:color-mix(in srgb, var(--ag-brand) 55%, transparent)}input[part~=boolean-mark]:active{transform:scale(0.92)}input[part~=boolean-mark]:checked,input[part~=boolean-mark]:indeterminate{background-color:var(--ag-brand);border-color:var(--ag-brand)}input[part~=boolean-mark]: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\")}input[part~=boolean-mark]: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\")}input[part~=boolean-mark]:focus-visible{outline:2px solid color-mix(in srgb, var(--ag-brand) 50%, transparent);outline-offset:2px}input[part~=boolean-mark][aria-readonly=true]{cursor:default;pointer-events:none}[part~=rating]{display:inline-flex;align-items:center;gap:0.0625rem;color:var(--ag-watch, #f5a623)}[part~=rating-star]{display:inline-flex;align-items:center;justify-content:center;color:currentcolor;opacity:.25;line-height:0}[part~=rating-star] svg{inline-size:0.875rem;block-size:0.875rem}[part~=rating-star][part~=filled]{opacity:1}[part=rating-editor]{display:inline-flex;align-items:center;gap:0.125rem;padding:0 0.125rem;color:var(--ag-watch, #f5a623);z-index:calc(var(--z-index-base) + 2)}[part=rating-editor] button[part~=rating-star]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);border:0;margin:0;padding:0.125rem;cursor:pointer;color:currentcolor;opacity:.35;border-radius:var(--ag-radius-xs)}[part=rating-editor] button[part~=rating-star]:hover{opacity:.75}[part=rating-editor] button[part~=rating-star][part~=filled]{opacity:1}[part=rating-editor] button[part~=rating-star]:focus-visible{outline:0.125rem solid var(--cell-active-border-color, var(--ag-brand));outline-offset:-0.0625rem}[part~=select-label]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;inline-size:100%}[part~=select-popover]{position:absolute;inset-block-start:100%;inset-inline-start:0;margin:0.125rem 0 0;padding:0.25rem 0;min-inline-size:100%;background:var(--ag-surface);border:0.0625rem solid var(--ag-brand-line);border-radius:var(--ag-radius-sm);box-shadow:0 0.125rem 0.25rem rgba(0,0,0,.06),0 0.375rem 1rem rgba(0,0,0,.12);max-block-size:15rem;overflow-y:auto;outline:none;z-index:calc(var(--z-index-base) + 10);color:inherit;font:inherit}[part~=select-option]{display:block;padding:0.375rem 0.75rem;cursor:pointer;color:inherit;outline:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[part~=select-option]:hover{background:var(--ag-brand-softer)}[part~=select-option][part~=selected]{background:var(--ag-brand-soft);color:var(--ag-brand-strong);font-weight:var(--ag-fw-semibold)}[part~=select-option]:focus-visible{background:var(--ag-brand-soft);outline:0.125rem solid var(--cell-active-border-color, var(--ag-brand));outline-offset:-0.125rem}[part~=image]{block-size:calc(100% - 0.5rem);max-block-size:2.5rem;inline-size:auto;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover;border-radius:var(--ag-radius-xs);display:block;flex-shrink:0}[part~=image][part~=circle]{border-radius:50%}[part=tree-indent]{flex-shrink:0;display:inline-block}[part=tree-toggle]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;inline-size:1.5rem;block-size:1.5rem;margin-inline-end:0.25rem;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=tree-toggle]:hover{background:var(--ag-brand-soft);border-color:var(--ag-brand-line);color:var(--ag-brand-strong)}[part=tree-toggle]:focus-visible{outline:0.125rem solid color-mix(in srgb, var(--ag-brand) 50%, transparent);outline-offset:0.0625rem}[part=tree-chevron]{transition:transform var(--ag-dur-med) var(--ag-ease)}:host([data-tree-expanded]) [part=tree-chevron]{transform:rotate(90deg)}[part=tree-spacer]{display:inline-block;flex-shrink:0;inline-size:1.5rem;block-size:1.5rem;margin-inline-end:0.25rem}[part=tree-cell-content]{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([data-invalid]){box-shadow:inset 0 0 0 1px var(--ag-risk, #ef4444)}:host([data-invalid][editing]){box-shadow:inset 0 0 0 1px var(--ag-risk, #ef4444);overflow:visible}[part~=cell-error]{position:absolute;inset-block-start:100%;inset-inline-start:0;z-index:calc(var(--z-index-base) + 11);margin-block-start:0.125rem;padding:0.125rem 0.375rem;max-inline-size:13.75rem;background:var(--ag-surface, #fff);color:var(--ag-risk-text, #b91c1c);border:0.0625rem solid var(--ag-risk, #ef4444);border-radius:var(--ag-radius-xs);font-size:var(--ag-fs-cell-secondary);font-weight:var(--ag-fw-regular);line-height:1.3;white-space:normal;pointer-events:none;box-shadow:0 0.125rem 0.375rem rgba(0,0,0,.12)}:host([data-range]){background:var(--apex-range-fill, color-mix(in srgb, var(--ag-brand) 12%, transparent))}:host([data-range~=active]){background:var(--apex-range-active-fill, var(--apex-range-fill, color-mix(in srgb, var(--ag-brand) 20%, transparent)))}:host([data-range])::before{content:\"\";position:absolute;inset:0;pointer-events:none;z-index:1;border:0 solid var(--apex-range-border, var(--ag-brand))}:host([data-range-edge~=top])::before{border-block-start-width:var(--apex-range-border-width, 1px)}:host([data-range-edge~=bottom])::before{border-block-end-width:var(--apex-range-border-width, 1px)}:host([data-range-edge~=left])::before{border-inline-start-width:var(--apex-range-border-width, 1px)}:host([data-range-edge~=right])::before{border-inline-end-width:var(--apex-range-border-width, 1px)}:host([data-range-handle])::after{content:\"\";position:absolute;inset-inline-end:-1px;inset-block-end:-1px;inline-size:7px;block-size:7px;background:var(--apex-range-border, var(--ag-brand));border:1px solid var(--ag-surface, #fff);z-index:4;pointer-events:none}:host([data-formula-ref]){--apex-formula-ref: var(--ag-brand);background:color-mix(in srgb, var(--apex-formula-ref) 14%, transparent);box-shadow:inset 0 0 0 1px var(--apex-formula-ref)}:host([data-formula-ref=\"0\"]){--apex-formula-ref: var(--apex-formula-ref-0, #2563eb)}:host([data-formula-ref=\"1\"]){--apex-formula-ref: var(--apex-formula-ref-1, #16a34a)}:host([data-formula-ref=\"2\"]){--apex-formula-ref: var(--apex-formula-ref-2, #d97706)}:host([data-formula-ref=\"3\"]){--apex-formula-ref: var(--apex-formula-ref-3, #db2777)}:host([data-formula-ref=\"4\"]){--apex-formula-ref: var(--apex-formula-ref-4, #7c3aed)}:host([data-formula-ref=\"5\"]){--apex-formula-ref: var(--apex-formula-ref-5, #0891b2)}:host([data-formula-pointer]){--apex-formula-pointer: var(--ag-brand);background:color-mix(in srgb, var(--apex-formula-pointer) 10%, transparent)}:host([data-formula-pointer])::before{content:\"\";position:absolute;inset:0;pointer-events:none;z-index:2;border:0 dashed var(--apex-formula-pointer, var(--ag-brand))}:host([data-formula-pointer-edge~=top])::before{border-block-start-width:var(--apex-formula-pointer-width, 1.5px)}:host([data-formula-pointer-edge~=bottom])::before{border-block-end-width:var(--apex-formula-pointer-width, 1.5px)}:host([data-formula-pointer-edge~=left])::before{border-inline-start-width:var(--apex-formula-pointer-width, 1.5px)}:host([data-formula-pointer-edge~=right])::before{border-inline-end-width:var(--apex-formula-pointer-width, 1.5px)}@media(forced-colors: active){:host([active]){outline:0.125rem solid Highlight;outline-offset:-0.125rem}:host([data-invalid]),:host([data-invalid][editing]){outline:0.125rem dashed CanvasText;outline-offset:-0.125rem}:host([editing]){background:Field;color:FieldText}}`;"]}
package/styles/body-row/body-row.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);--component-size: 3}:host{display:grid;width:100%;min-height:var(--ag-row-h);border-block-end:1px solid var(--igx-row-border-color, var(--row-border-color, var(--ag-border)));background:var(--igx-row-odd-background, var(--row-odd-background, var(--ag-surface)));color:var(--igx-row-odd-text-color, var(--row-odd-text-color, var(--ag-text-body)));z-index:var(--z-index-base);transition:background-color var(--ag-dur-fast) var(--ag-ease),box-shadow var(--ag-dur-fast) var(--ag-ease)}:host(:last-of-type){border-bottom:0}:host(:nth-of-type(even)){background:var(--igx-row-even-background, var(--row-even-background, var(--ag-surface-alt)));color:var(--igx-row-even-text-color, var(--row-even-text-color, var(--ag-text-body)))}:host(:hover){background:var(--igx-row-hover-background, var(--row-hover-background, var(--ag-row-hover)));color:var(--igx-row-hover-text-color, var(--row-hover-text-color, var(--ag-text-body)))}:host([selected]){background:color-mix(in srgb, var(--ag-brand) 10%, var(--ag-surface));box-shadow:inset 2px 0 0 0 var(--igx-cell-active-border-color, var(--cell-active-border-color, var(--ag-brand)))}:host([selected]:hover){background:color-mix(in srgb, var(--ag-brand) 14%, var(--ag-surface))}:host([dragging]){opacity:.5}:host([grabbed]){box-shadow:inset 0 0 0 2px var(--igx-cell-active-border-color, var(--cell-active-border-color, var(--ag-brand)));cursor:grabbing}[part=row-number-cell]{display:flex;align-items:center;justify-content:center;position:sticky;inset-inline-start:0;z-index:calc(var(--z-index-base) + 1);background:inherit;border-inline-end:1px solid var(--igx-row-border-color, var(--row-border-color, var(--ag-border)));color:var(--ag-text-subtle);font-size:var(--ag-fs-cell-secondary);font-variant-numeric:tabular-nums}[part=reorder-handle-cell]{display:flex;align-items:center;justify-content:center;position:sticky;inset-inline-start:0;z-index:calc(var(--z-index-base) + 1);background:inherit}[part=reorder-handle]{display:inline-flex;align-items:center;justify-content:center;inline-size:1.5rem;block-size:1.5rem;color:var(--ag-text-subtle);border-radius:var(--ag-radius-xs);cursor:grab;touch-action:none;transition:color var(--ag-dur-fast) var(--ag-ease),background-color var(--ag-dur-fast) var(--ag-ease)}[part=reorder-handle]:hover{color:var(--ag-text-muted);background:var(--ag-brand-soft)}[part=reorder-handle]:active{cursor:grabbing}[part=reorder-grip]{fill:currentcolor;pointer-events:none}[part=selection-cell]{display:flex;align-items:center;justify-content:center;position:sticky;inset-inline-start:0;z-index:calc(var(--z-index-base) + 1);background:inherit;border-inline-end:1px solid var(--igx-row-border-color, var(--row-border-color, var(--ag-border)))}[part=selection-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-checkbox]:hover{border-color:color-mix(in srgb, var(--ag-brand) 55%, transparent)}[part=selection-checkbox]:active{transform:scale(0.92)}[part=selection-checkbox]:checked,[part=selection-checkbox]:indeterminate{background-color:var(--ag-brand);border-color:var(--ag-brand)}[part=selection-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-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-checkbox]:focus-visible{outline:2px solid color-mix(in srgb, var(--ag-brand) 50%, transparent);outline-offset:2px}[part=expansion-cell]{display:flex;align-items:center;justify-content:center;position:sticky;inset-inline-start:0;z-index:calc(var(--z-index-base) + 1);background:inherit;border-inline-end:1px solid var(--igx-row-border-color, var(--row-border-color, var(--ag-border)))}[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-toggle]:hover:not(:disabled){background:var(--ag-brand-soft);border-color:var(--ag-brand-line);color:var(--ag-brand-strong)}[part=expansion-toggle]:focus-visible{outline:2px solid color-mix(in srgb, var(--ag-brand) 50%, transparent);outline-offset:2px}[part=expansion-toggle]:disabled{opacity:.35;cursor:default}[part=expansion-chevron]{transition:transform var(--ag-dur-med) var(--ag-ease)}:host([expanded]) [part=expansion-chevron]{transform:rotate(90deg)}[part=detail-panel]{grid-column:1/-1;padding:0.75rem var(--ag-cell-pad-x);background:var(--ag-surface-alt);border-block-start:1px solid var(--igx-row-border-color, var(--row-border-color, var(--ag-border)));position:sticky;inset-inline-start:0;inline-size:var(--apex-host-width, 100%);box-sizing:border-box;overflow:hidden}`;
2
+ export const styles = css `:host{display:grid;width:100%;min-height:var(--ag-row-h);border-block-end:1px solid var(--row-border-color, var(--ag-border));background:var(--row-odd-background, var(--ag-surface));color:var(--row-odd-text-color, var(--ag-text-body));z-index:var(--z-index-base);transition:background-color var(--ag-dur-fast) var(--ag-ease),box-shadow var(--ag-dur-fast) var(--ag-ease)}:host(:last-of-type){border-bottom:0}:host(:nth-of-type(even)){background:var(--row-even-background, var(--ag-surface-alt));color:var(--row-even-text-color, var(--ag-text-body))}:host(:hover){background:var(--row-hover-background, var(--ag-row-hover));color:var(--row-hover-text-color, var(--ag-text-body))}:host([selected]){background:color-mix(in srgb, var(--ag-brand) 10%, var(--ag-surface));box-shadow:inset 2px 0 0 0 var(--cell-active-border-color, var(--ag-brand))}:host([selected]:hover){background:color-mix(in srgb, var(--ag-brand) 14%, var(--ag-surface))}:host([dragging]){opacity:.5}:host([grabbed]){box-shadow:inset 0 0 0 2px var(--cell-active-border-color, var(--ag-brand));cursor:grabbing}[part=row-number-cell]{display:flex;align-items:center;justify-content:center;position:sticky;inset-inline-start:0;z-index:calc(var(--z-index-base) + 1);background:inherit;border-inline-end:1px solid var(--row-border-color, var(--ag-border));color:var(--ag-text-subtle);font-size:var(--ag-fs-cell-secondary);font-variant-numeric:tabular-nums}[part=reorder-handle-cell]{display:flex;align-items:center;justify-content:center;position:sticky;inset-inline-start:0;z-index:calc(var(--z-index-base) + 1);background:inherit}[part=reorder-handle]{display:inline-flex;align-items:center;justify-content:center;inline-size:1.5rem;block-size:1.5rem;color:var(--ag-text-subtle);border-radius:var(--ag-radius-xs);cursor:grab;touch-action:none;transition:color var(--ag-dur-fast) var(--ag-ease),background-color var(--ag-dur-fast) var(--ag-ease)}[part=reorder-handle]:hover{color:var(--ag-text-muted);background:var(--ag-brand-soft)}[part=reorder-handle]:active{cursor:grabbing}[part=reorder-grip]{fill:currentcolor;pointer-events:none}[part=selection-cell]{display:flex;align-items:center;justify-content:center;position:sticky;inset-inline-start:0;z-index:calc(var(--z-index-base) + 1);background:inherit;border-inline-end:1px solid var(--row-border-color, var(--ag-border))}[part=selection-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-checkbox]:hover{border-color:color-mix(in srgb, var(--ag-brand) 55%, transparent)}[part=selection-checkbox]:active{transform:scale(0.92)}[part=selection-checkbox]:checked,[part=selection-checkbox]:indeterminate{background-color:var(--ag-brand);border-color:var(--ag-brand)}[part=selection-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-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-checkbox]:focus-visible{outline:2px solid color-mix(in srgb, var(--ag-brand) 50%, transparent);outline-offset:2px}[part=expansion-cell]{display:flex;align-items:center;justify-content:center;position:sticky;inset-inline-start:0;z-index:calc(var(--z-index-base) + 1);background:inherit;border-inline-end:1px solid var(--row-border-color, var(--ag-border))}[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-toggle]:hover:not(:disabled){background:var(--ag-brand-soft);border-color:var(--ag-brand-line);color:var(--ag-brand-strong)}[part=expansion-toggle]:focus-visible{outline:2px solid color-mix(in srgb, var(--ag-brand) 50%, transparent);outline-offset:2px}[part=expansion-toggle]:disabled{opacity:.35;cursor:default}[part=expansion-chevron]{transition:transform var(--ag-dur-med) var(--ag-ease)}:host([expanded]) [part=expansion-chevron]{transform:rotate(90deg)}[part=detail-panel]{grid-column:1/-1;padding:0.75rem var(--ag-cell-pad-x);background:var(--ag-surface-alt);border-block-start:1px solid var(--row-border-color, var(--ag-border));position:sticky;inset-inline-start:0;inline-size:var(--apex-host-width, 100%);box-sizing:border-box;overflow:hidden}@media(forced-colors: active){:host([selected]),:host([selected]:hover){forced-color-adjust:none;background:Highlight;color:HighlightText}}`;
3
3
  //# sourceMappingURL=body-row.css.js.map
package/styles/body-row/body-row.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"body-row.css.js","sourceRoot":"","sources":["../../../src/styles/body-row/body-row.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,s2LAAs2L,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);--component-size: 3}:host{display:grid;width:100%;min-height:var(--ag-row-h);border-block-end:1px solid var(--igx-row-border-color, var(--row-border-color, var(--ag-border)));background:var(--igx-row-odd-background, var(--row-odd-background, var(--ag-surface)));color:var(--igx-row-odd-text-color, var(--row-odd-text-color, var(--ag-text-body)));z-index:var(--z-index-base);transition:background-color var(--ag-dur-fast) var(--ag-ease),box-shadow var(--ag-dur-fast) var(--ag-ease)}:host(:last-of-type){border-bottom:0}:host(:nth-of-type(even)){background:var(--igx-row-even-background, var(--row-even-background, var(--ag-surface-alt)));color:var(--igx-row-even-text-color, var(--row-even-text-color, var(--ag-text-body)))}:host(:hover){background:var(--igx-row-hover-background, var(--row-hover-background, var(--ag-row-hover)));color:var(--igx-row-hover-text-color, var(--row-hover-text-color, var(--ag-text-body)))}:host([selected]){background:color-mix(in srgb, var(--ag-brand) 10%, var(--ag-surface));box-shadow:inset 2px 0 0 0 var(--igx-cell-active-border-color, var(--cell-active-border-color, var(--ag-brand)))}:host([selected]:hover){background:color-mix(in srgb, var(--ag-brand) 14%, var(--ag-surface))}:host([dragging]){opacity:.5}:host([grabbed]){box-shadow:inset 0 0 0 2px var(--igx-cell-active-border-color, var(--cell-active-border-color, var(--ag-brand)));cursor:grabbing}[part=row-number-cell]{display:flex;align-items:center;justify-content:center;position:sticky;inset-inline-start:0;z-index:calc(var(--z-index-base) + 1);background:inherit;border-inline-end:1px solid var(--igx-row-border-color, var(--row-border-color, var(--ag-border)));color:var(--ag-text-subtle);font-size:var(--ag-fs-cell-secondary);font-variant-numeric:tabular-nums}[part=reorder-handle-cell]{display:flex;align-items:center;justify-content:center;position:sticky;inset-inline-start:0;z-index:calc(var(--z-index-base) + 1);background:inherit}[part=reorder-handle]{display:inline-flex;align-items:center;justify-content:center;inline-size:1.5rem;block-size:1.5rem;color:var(--ag-text-subtle);border-radius:var(--ag-radius-xs);cursor:grab;touch-action:none;transition:color var(--ag-dur-fast) var(--ag-ease),background-color var(--ag-dur-fast) var(--ag-ease)}[part=reorder-handle]:hover{color:var(--ag-text-muted);background:var(--ag-brand-soft)}[part=reorder-handle]:active{cursor:grabbing}[part=reorder-grip]{fill:currentcolor;pointer-events:none}[part=selection-cell]{display:flex;align-items:center;justify-content:center;position:sticky;inset-inline-start:0;z-index:calc(var(--z-index-base) + 1);background:inherit;border-inline-end:1px solid var(--igx-row-border-color, var(--row-border-color, var(--ag-border)))}[part=selection-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-checkbox]:hover{border-color:color-mix(in srgb, var(--ag-brand) 55%, transparent)}[part=selection-checkbox]:active{transform:scale(0.92)}[part=selection-checkbox]:checked,[part=selection-checkbox]:indeterminate{background-color:var(--ag-brand);border-color:var(--ag-brand)}[part=selection-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-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-checkbox]:focus-visible{outline:2px solid color-mix(in srgb, var(--ag-brand) 50%, transparent);outline-offset:2px}[part=expansion-cell]{display:flex;align-items:center;justify-content:center;position:sticky;inset-inline-start:0;z-index:calc(var(--z-index-base) + 1);background:inherit;border-inline-end:1px solid var(--igx-row-border-color, var(--row-border-color, var(--ag-border)))}[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-toggle]:hover:not(:disabled){background:var(--ag-brand-soft);border-color:var(--ag-brand-line);color:var(--ag-brand-strong)}[part=expansion-toggle]:focus-visible{outline:2px solid color-mix(in srgb, var(--ag-brand) 50%, transparent);outline-offset:2px}[part=expansion-toggle]:disabled{opacity:.35;cursor:default}[part=expansion-chevron]{transition:transform var(--ag-dur-med) var(--ag-ease)}:host([expanded]) [part=expansion-chevron]{transform:rotate(90deg)}[part=detail-panel]{grid-column:1/-1;padding:0.75rem var(--ag-cell-pad-x);background:var(--ag-surface-alt);border-block-start:1px solid var(--igx-row-border-color, var(--row-border-color, var(--ag-border)));position:sticky;inset-inline-start:0;inline-size:var(--apex-host-width, 100%);box-sizing:border-box;overflow:hidden}`;"]}
1
+ {"version":3,"file":"body-row.css.js","sourceRoot":"","sources":["../../../src/styles/body-row/body-row.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,owKAAowK,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{display:grid;width:100%;min-height:var(--ag-row-h);border-block-end:1px solid var(--row-border-color, var(--ag-border));background:var(--row-odd-background, var(--ag-surface));color:var(--row-odd-text-color, var(--ag-text-body));z-index:var(--z-index-base);transition:background-color var(--ag-dur-fast) var(--ag-ease),box-shadow var(--ag-dur-fast) var(--ag-ease)}:host(:last-of-type){border-bottom:0}:host(:nth-of-type(even)){background:var(--row-even-background, var(--ag-surface-alt));color:var(--row-even-text-color, var(--ag-text-body))}:host(:hover){background:var(--row-hover-background, var(--ag-row-hover));color:var(--row-hover-text-color, var(--ag-text-body))}:host([selected]){background:color-mix(in srgb, var(--ag-brand) 10%, var(--ag-surface));box-shadow:inset 2px 0 0 0 var(--cell-active-border-color, var(--ag-brand))}:host([selected]:hover){background:color-mix(in srgb, var(--ag-brand) 14%, var(--ag-surface))}:host([dragging]){opacity:.5}:host([grabbed]){box-shadow:inset 0 0 0 2px var(--cell-active-border-color, var(--ag-brand));cursor:grabbing}[part=row-number-cell]{display:flex;align-items:center;justify-content:center;position:sticky;inset-inline-start:0;z-index:calc(var(--z-index-base) + 1);background:inherit;border-inline-end:1px solid var(--row-border-color, var(--ag-border));color:var(--ag-text-subtle);font-size:var(--ag-fs-cell-secondary);font-variant-numeric:tabular-nums}[part=reorder-handle-cell]{display:flex;align-items:center;justify-content:center;position:sticky;inset-inline-start:0;z-index:calc(var(--z-index-base) + 1);background:inherit}[part=reorder-handle]{display:inline-flex;align-items:center;justify-content:center;inline-size:1.5rem;block-size:1.5rem;color:var(--ag-text-subtle);border-radius:var(--ag-radius-xs);cursor:grab;touch-action:none;transition:color var(--ag-dur-fast) var(--ag-ease),background-color var(--ag-dur-fast) var(--ag-ease)}[part=reorder-handle]:hover{color:var(--ag-text-muted);background:var(--ag-brand-soft)}[part=reorder-handle]:active{cursor:grabbing}[part=reorder-grip]{fill:currentcolor;pointer-events:none}[part=selection-cell]{display:flex;align-items:center;justify-content:center;position:sticky;inset-inline-start:0;z-index:calc(var(--z-index-base) + 1);background:inherit;border-inline-end:1px solid var(--row-border-color, var(--ag-border))}[part=selection-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-checkbox]:hover{border-color:color-mix(in srgb, var(--ag-brand) 55%, transparent)}[part=selection-checkbox]:active{transform:scale(0.92)}[part=selection-checkbox]:checked,[part=selection-checkbox]:indeterminate{background-color:var(--ag-brand);border-color:var(--ag-brand)}[part=selection-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-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-checkbox]:focus-visible{outline:2px solid color-mix(in srgb, var(--ag-brand) 50%, transparent);outline-offset:2px}[part=expansion-cell]{display:flex;align-items:center;justify-content:center;position:sticky;inset-inline-start:0;z-index:calc(var(--z-index-base) + 1);background:inherit;border-inline-end:1px solid var(--row-border-color, var(--ag-border))}[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-toggle]:hover:not(:disabled){background:var(--ag-brand-soft);border-color:var(--ag-brand-line);color:var(--ag-brand-strong)}[part=expansion-toggle]:focus-visible{outline:2px solid color-mix(in srgb, var(--ag-brand) 50%, transparent);outline-offset:2px}[part=expansion-toggle]:disabled{opacity:.35;cursor:default}[part=expansion-chevron]{transition:transform var(--ag-dur-med) var(--ag-ease)}:host([expanded]) [part=expansion-chevron]{transform:rotate(90deg)}[part=detail-panel]{grid-column:1/-1;padding:0.75rem var(--ag-cell-pad-x);background:var(--ag-surface-alt);border-block-start:1px solid var(--row-border-color, var(--ag-border));position:sticky;inset-inline-start:0;inline-size:var(--apex-host-width, 100%);box-sizing:border-box;overflow:hidden}@media(forced-colors: active){:host([selected]),:host([selected]:hover){forced-color-adjust:none;background:Highlight;color:HighlightText}}`;"]}
package/styles/filter-row/filter-row.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);--component-size: 3}:host{display:none;position:fixed;top:var(--fp-top, 0);left:var(--fp-left, 0);inline-size:15rem;z-index:calc(var(--z-index-base) + 20)}:host([data-active]){display:block}svg{inline-size:1rem;block-size:1rem;display:inline-block;vertical-align:middle;color:currentcolor;flex-shrink:0}[part=panel]{background:var(--igx-header-background, var(--header-background, var(--ag-surface-elevated)));color:var(--igx-filtering-row-text-color, var(--filtering-row-text-color, var(--ag-text-body)));border:.0625rem solid var(--igx-header-border-color, var(--header-border-color, var(--ag-hairline)));border-radius:.5rem;box-shadow:0 .25rem 1rem rgba(0,0,0,.14);overflow:visible}[part=condition-row]{position:relative;padding:.5rem .5rem 0}[part=condition-trigger]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;justify-content:space-between;inline-size:100%;padding:.375rem .5rem;gap:.375rem;background:rgba(0,0,0,0);border:.0625rem solid var(--ag-brand-line);border-radius:.25rem;cursor:pointer;color:inherit;font:inherit;font-size:.8125rem;line-height:1.2;box-sizing:border-box;transition:border-color var(--ag-dur-fast) var(--ag-ease),box-shadow var(--ag-dur-fast) var(--ag-ease)}[part=condition-trigger]:hover{border-color:color-mix(in srgb, var(--ag-brand) 50%, transparent)}[part=condition-trigger]:focus-visible{outline:.125rem solid var(--igx-cell-active-border-color, var(--cell-active-border-color, var(--ag-brand)));outline-offset:-0.125rem;border-radius:.25rem}[part=condition-trigger] span{flex:1;text-align:start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[part=condition-trigger] svg{opacity:.6;flex-shrink:0}[part~=dropdown]{position:absolute;inset-block-start:calc(100% + 0.25rem);inset-inline:0;margin:0;padding:.25rem 0;list-style:none;background:var(--igx-header-background, var(--header-background, var(--ag-surface-elevated)));color:inherit;border:.0625rem solid var(--igx-header-border-color, var(--header-border-color, var(--ag-hairline)));border-radius:.25rem;box-shadow:0 .25rem .75rem rgba(0,0,0,.12);z-index:calc(var(--z-index-base) + 10);max-block-size:17.5rem;overflow-y:auto;box-sizing:border-box}[part~=dropdown][hidden]{display:none}[part~=dropdown-item]{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;cursor:pointer;font-size:.75rem;line-height:1.2;-webkit-user-select:none;-moz-user-select:none;user-select:none}[part~=dropdown-item]:hover{background:hsl(from currentcolor h s l/8%)}[part~=dropdown-item][selected]{background:hsl(from var(--igx-cell-active-border-color, var(--cell-active-border-color, var(--ag-brand))) h s l/14%);color:var(--igx-cell-active-border-color, var(--cell-active-border-color, var(--ag-brand)));font-weight:600}[part~=dropdown-item] svg{opacity:.7;flex-shrink:0}[part=panel-input-row]{padding:.375rem .5rem 0}[part=filter-input]{display:block;inline-size:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);color:inherit;border:.0625rem solid var(--ag-brand-line);border-radius:.25rem;outline:0;padding:.375rem .5rem;margin:0;font:inherit;font-size:.8125rem;line-height:1.2;box-sizing:border-box;transition:border-color var(--ag-dur-fast) var(--ag-ease),box-shadow var(--ag-dur-fast) var(--ag-ease)}[part=filter-input]::-moz-placeholder{color:inherit;opacity:.45}[part=filter-input]::placeholder{color:inherit;opacity:.45}[part=filter-input]:focus{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=chips-row]{display:flex;flex-wrap:wrap;gap:.25rem;padding:.375rem .5rem 0}[part=chips-row]:empty{display:none}[part=criteria]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);color:var(--igx-cell-active-border-color, var(--cell-active-border-color, var(--ag-brand)));border:0;border-radius:.1875rem;padding:.125rem .375rem;margin:0;font:inherit;font-size:.6875rem;font-weight:600;line-height:1;cursor:pointer;text-transform:uppercase;letter-spacing:.03125rem}[part=criteria]:hover{background:hsl(from currentcolor h s l/8%)}[part=expression-chip]{display:inline-flex;align-items:stretch;background:var(--ag-brand-softer);color:var(--ag-brand-strong);border:.0625rem solid var(--ag-brand-line);border-radius:var(--ag-radius-sm);overflow:hidden;transition:background-color var(--ag-dur-fast) var(--ag-ease),box-shadow var(--ag-dur-fast) var(--ag-ease)}[part=expression-chip]:hover{background:var(--ag-brand-soft)}[part=expression-chip][selected]{background:var(--ag-brand-soft);box-shadow:inset 0 0 0 .0625rem color-mix(in srgb, var(--ag-brand) 50%, transparent)}[part=chip-body]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);border:0;color:inherit;padding:.125rem .25rem .125rem .5rem;margin:0;font:inherit;font-size:.75rem;line-height:1.6;display:inline-flex;align-items:center;gap:.25rem;cursor:pointer}[part=chip-body]:focus-visible{outline:.125rem solid var(--igx-cell-active-border-color, var(--cell-active-border-color, var(--ag-brand)));outline-offset:-0.125rem;border-radius:.625rem 0 0 .625rem}[part=chip-body] svg{opacity:.8}[part=chip-remove]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);border:0;color:inherit;padding:0 .375rem;margin:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-inline-size:1.5rem;min-block-size:1.5rem;opacity:.55;transition:opacity .15s ease,background-color .15s ease}[part=chip-remove]:hover{opacity:1;background:hsl(from currentcolor h s l/8%)}[part=chip-remove]:focus-visible{outline:.125rem solid var(--igx-cell-active-border-color, var(--cell-active-border-color, var(--ag-brand)));outline-offset:-0.125rem;border-radius:0 .625rem .625rem 0;opacity:1}[part=chip-remove] svg{inline-size:.75rem;block-size:.75rem}[part=panel-footer]{display:flex;align-items:center;justify-content:space-between;gap:.25rem;padding:.375rem .5rem;margin-block-start:.375rem;border-block-start:.0625rem solid var(--igx-header-border-color, var(--header-border-color, var(--ag-hairline)))}[part=action]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);color:inherit;border:0;border-radius:.1875rem;padding:.1875rem .5rem;margin:0;font:inherit;font-size:.75rem;line-height:1;display:inline-flex;align-items:center;gap:.25rem;cursor:pointer;text-transform:uppercase;letter-spacing:.03125rem}[part=action]:hover{background:hsl(from currentcolor h s l/8%)}[part=action]:focus-visible{outline:.125rem solid var(--igx-cell-active-border-color, var(--cell-active-border-color, var(--ag-brand)));outline-offset:.0625rem}`;
2
+ export const styles = css `:host{display:none;position:fixed;top:var(--fp-top, 0);left:var(--fp-left, 0);inline-size:15rem;z-index:calc(var(--z-index-base) + 20)}:host([data-active]){display:block}svg{inline-size:1rem;block-size:1rem;display:inline-block;vertical-align:middle;color:currentcolor;flex-shrink:0}[part=panel]{background:var(--header-background, var(--ag-surface-elevated));color:var(--filtering-row-text-color, var(--ag-text-body));border:.0625rem solid var(--header-border-color, var(--ag-hairline));border-radius:.5rem;box-shadow:0 .25rem 1rem rgba(0,0,0,.14);overflow:visible}[part=condition-row]{position:relative;padding:.5rem .5rem 0}[part=condition-trigger]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;justify-content:space-between;inline-size:100%;padding:.375rem .5rem;gap:.375rem;background:rgba(0,0,0,0);border:.0625rem solid var(--ag-brand-line);border-radius:.25rem;cursor:pointer;color:inherit;font:inherit;font-size:.8125rem;line-height:1.2;box-sizing:border-box;transition:border-color var(--ag-dur-fast) var(--ag-ease),box-shadow var(--ag-dur-fast) var(--ag-ease)}[part=condition-trigger]:hover{border-color:color-mix(in srgb, var(--ag-brand) 50%, transparent)}[part=condition-trigger]:focus-visible{outline:.125rem solid var(--cell-active-border-color, var(--ag-brand));outline-offset:-0.125rem;border-radius:.25rem}[part=condition-trigger] span{flex:1;text-align:start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[part=condition-trigger] svg{opacity:.6;flex-shrink:0}[part~=dropdown]{position:absolute;inset-block-start:calc(100% + 0.25rem);inset-inline:0;margin:0;padding:.25rem 0;list-style:none;background:var(--header-background, var(--ag-surface-elevated));color:inherit;border:.0625rem solid var(--header-border-color, var(--ag-hairline));border-radius:.25rem;box-shadow:0 .25rem .75rem rgba(0,0,0,.12);z-index:calc(var(--z-index-base) + 10);max-block-size:17.5rem;overflow-y:auto;box-sizing:border-box}[part~=dropdown][hidden]{display:none}[part~=dropdown-item]{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;cursor:pointer;font-size:.75rem;line-height:1.2;-webkit-user-select:none;-moz-user-select:none;user-select:none}[part~=dropdown-item]:hover{background:hsl(from currentcolor h s l/8%)}[part~=dropdown-item][selected]{background:hsl(from var(--cell-active-border-color, var(--ag-brand)) h s l/14%);color:var(--cell-active-border-color, var(--ag-brand));font-weight:600}[part~=dropdown-item] svg{opacity:.7;flex-shrink:0}[part=panel-input-row]{padding:.375rem .5rem 0}[part=filter-input]{display:block;inline-size:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);color:inherit;border:.0625rem solid var(--ag-brand-line);border-radius:.25rem;outline:0;padding:.375rem .5rem;margin:0;font:inherit;font-size:.8125rem;line-height:1.2;box-sizing:border-box;transition:border-color var(--ag-dur-fast) var(--ag-ease),box-shadow var(--ag-dur-fast) var(--ag-ease)}[part=filter-input]::-moz-placeholder{color:inherit;opacity:.45}[part=filter-input]::placeholder{color:inherit;opacity:.45}[part=filter-input]:focus{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=chips-row]{display:flex;flex-wrap:wrap;gap:.25rem;padding:.375rem .5rem 0}[part=chips-row]:empty{display:none}[part=criteria]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);color:var(--cell-active-border-color, var(--ag-brand));border:0;border-radius:.1875rem;padding:.125rem .375rem;margin:0;font:inherit;font-size:.6875rem;font-weight:600;line-height:1;cursor:pointer;text-transform:uppercase;letter-spacing:.03125rem}[part=criteria]:hover{background:hsl(from currentcolor h s l/8%)}[part=expression-chip]{display:inline-flex;align-items:stretch;background:var(--ag-brand-softer);color:var(--ag-brand-strong);border:.0625rem solid var(--ag-brand-line);border-radius:var(--ag-radius-sm);overflow:hidden;transition:background-color var(--ag-dur-fast) var(--ag-ease),box-shadow var(--ag-dur-fast) var(--ag-ease)}[part=expression-chip]:hover{background:var(--ag-brand-soft)}[part=expression-chip][selected]{background:var(--ag-brand-soft);box-shadow:inset 0 0 0 .0625rem color-mix(in srgb, var(--ag-brand) 50%, transparent)}[part=chip-body]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);border:0;color:inherit;padding:.125rem .25rem .125rem .5rem;margin:0;font:inherit;font-size:.75rem;line-height:1.6;display:inline-flex;align-items:center;gap:.25rem;cursor:pointer}[part=chip-body]:focus-visible{outline:.125rem solid var(--cell-active-border-color, var(--ag-brand));outline-offset:-0.125rem;border-radius:.625rem 0 0 .625rem}[part=chip-body] svg{opacity:.8}[part=chip-remove]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);border:0;color:inherit;padding:0 .375rem;margin:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-inline-size:1.5rem;min-block-size:1.5rem;opacity:.55;transition:opacity var(--ag-dur-fast) var(--ag-ease),background-color var(--ag-dur-fast) var(--ag-ease)}[part=chip-remove]:hover{opacity:1;background:hsl(from currentcolor h s l/8%)}[part=chip-remove]:focus-visible{outline:.125rem solid var(--cell-active-border-color, var(--ag-brand));outline-offset:-0.125rem;border-radius:0 .625rem .625rem 0;opacity:1}[part=chip-remove] svg{inline-size:.75rem;block-size:.75rem}[part=panel-footer]{display:flex;align-items:center;justify-content:space-between;gap:.25rem;padding:.375rem .5rem;margin-block-start:.375rem;border-block-start:.0625rem solid var(--header-border-color, var(--ag-hairline))}[part=action]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);color:inherit;border:0;border-radius:.1875rem;padding:.1875rem .5rem;margin:0;font:inherit;font-size:.75rem;line-height:1;display:inline-flex;align-items:center;gap:.25rem;cursor:pointer;text-transform:uppercase;letter-spacing:.03125rem}[part=action]:hover{background:hsl(from currentcolor h s l/8%)}[part=action]:focus-visible{outline:.125rem solid var(--cell-active-border-color, var(--ag-brand));outline-offset:.0625rem}@media(forced-colors: active){[part=filter-input]:focus{outline:0.125rem solid Highlight;outline-offset:-0.125rem}}`;
3
3
  //# sourceMappingURL=filter-row.css.js.map
package/styles/filter-row/filter-row.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"filter-row.css.js","sourceRoot":"","sources":["../../../src/styles/filter-row/filter-row.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,s3NAAs3N,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);--component-size: 3}:host{display:none;position:fixed;top:var(--fp-top, 0);left:var(--fp-left, 0);inline-size:15rem;z-index:calc(var(--z-index-base) + 20)}:host([data-active]){display:block}svg{inline-size:1rem;block-size:1rem;display:inline-block;vertical-align:middle;color:currentcolor;flex-shrink:0}[part=panel]{background:var(--igx-header-background, var(--header-background, var(--ag-surface-elevated)));color:var(--igx-filtering-row-text-color, var(--filtering-row-text-color, var(--ag-text-body)));border:.0625rem solid var(--igx-header-border-color, var(--header-border-color, var(--ag-hairline)));border-radius:.5rem;box-shadow:0 .25rem 1rem rgba(0,0,0,.14);overflow:visible}[part=condition-row]{position:relative;padding:.5rem .5rem 0}[part=condition-trigger]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;justify-content:space-between;inline-size:100%;padding:.375rem .5rem;gap:.375rem;background:rgba(0,0,0,0);border:.0625rem solid var(--ag-brand-line);border-radius:.25rem;cursor:pointer;color:inherit;font:inherit;font-size:.8125rem;line-height:1.2;box-sizing:border-box;transition:border-color var(--ag-dur-fast) var(--ag-ease),box-shadow var(--ag-dur-fast) var(--ag-ease)}[part=condition-trigger]:hover{border-color:color-mix(in srgb, var(--ag-brand) 50%, transparent)}[part=condition-trigger]:focus-visible{outline:.125rem solid var(--igx-cell-active-border-color, var(--cell-active-border-color, var(--ag-brand)));outline-offset:-0.125rem;border-radius:.25rem}[part=condition-trigger] span{flex:1;text-align:start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[part=condition-trigger] svg{opacity:.6;flex-shrink:0}[part~=dropdown]{position:absolute;inset-block-start:calc(100% + 0.25rem);inset-inline:0;margin:0;padding:.25rem 0;list-style:none;background:var(--igx-header-background, var(--header-background, var(--ag-surface-elevated)));color:inherit;border:.0625rem solid var(--igx-header-border-color, var(--header-border-color, var(--ag-hairline)));border-radius:.25rem;box-shadow:0 .25rem .75rem rgba(0,0,0,.12);z-index:calc(var(--z-index-base) + 10);max-block-size:17.5rem;overflow-y:auto;box-sizing:border-box}[part~=dropdown][hidden]{display:none}[part~=dropdown-item]{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;cursor:pointer;font-size:.75rem;line-height:1.2;-webkit-user-select:none;-moz-user-select:none;user-select:none}[part~=dropdown-item]:hover{background:hsl(from currentcolor h s l/8%)}[part~=dropdown-item][selected]{background:hsl(from var(--igx-cell-active-border-color, var(--cell-active-border-color, var(--ag-brand))) h s l/14%);color:var(--igx-cell-active-border-color, var(--cell-active-border-color, var(--ag-brand)));font-weight:600}[part~=dropdown-item] svg{opacity:.7;flex-shrink:0}[part=panel-input-row]{padding:.375rem .5rem 0}[part=filter-input]{display:block;inline-size:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);color:inherit;border:.0625rem solid var(--ag-brand-line);border-radius:.25rem;outline:0;padding:.375rem .5rem;margin:0;font:inherit;font-size:.8125rem;line-height:1.2;box-sizing:border-box;transition:border-color var(--ag-dur-fast) var(--ag-ease),box-shadow var(--ag-dur-fast) var(--ag-ease)}[part=filter-input]::-moz-placeholder{color:inherit;opacity:.45}[part=filter-input]::placeholder{color:inherit;opacity:.45}[part=filter-input]:focus{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=chips-row]{display:flex;flex-wrap:wrap;gap:.25rem;padding:.375rem .5rem 0}[part=chips-row]:empty{display:none}[part=criteria]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);color:var(--igx-cell-active-border-color, var(--cell-active-border-color, var(--ag-brand)));border:0;border-radius:.1875rem;padding:.125rem .375rem;margin:0;font:inherit;font-size:.6875rem;font-weight:600;line-height:1;cursor:pointer;text-transform:uppercase;letter-spacing:.03125rem}[part=criteria]:hover{background:hsl(from currentcolor h s l/8%)}[part=expression-chip]{display:inline-flex;align-items:stretch;background:var(--ag-brand-softer);color:var(--ag-brand-strong);border:.0625rem solid var(--ag-brand-line);border-radius:var(--ag-radius-sm);overflow:hidden;transition:background-color var(--ag-dur-fast) var(--ag-ease),box-shadow var(--ag-dur-fast) var(--ag-ease)}[part=expression-chip]:hover{background:var(--ag-brand-soft)}[part=expression-chip][selected]{background:var(--ag-brand-soft);box-shadow:inset 0 0 0 .0625rem color-mix(in srgb, var(--ag-brand) 50%, transparent)}[part=chip-body]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);border:0;color:inherit;padding:.125rem .25rem .125rem .5rem;margin:0;font:inherit;font-size:.75rem;line-height:1.6;display:inline-flex;align-items:center;gap:.25rem;cursor:pointer}[part=chip-body]:focus-visible{outline:.125rem solid var(--igx-cell-active-border-color, var(--cell-active-border-color, var(--ag-brand)));outline-offset:-0.125rem;border-radius:.625rem 0 0 .625rem}[part=chip-body] svg{opacity:.8}[part=chip-remove]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);border:0;color:inherit;padding:0 .375rem;margin:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-inline-size:1.5rem;min-block-size:1.5rem;opacity:.55;transition:opacity .15s ease,background-color .15s ease}[part=chip-remove]:hover{opacity:1;background:hsl(from currentcolor h s l/8%)}[part=chip-remove]:focus-visible{outline:.125rem solid var(--igx-cell-active-border-color, var(--cell-active-border-color, var(--ag-brand)));outline-offset:-0.125rem;border-radius:0 .625rem .625rem 0;opacity:1}[part=chip-remove] svg{inline-size:.75rem;block-size:.75rem}[part=panel-footer]{display:flex;align-items:center;justify-content:space-between;gap:.25rem;padding:.375rem .5rem;margin-block-start:.375rem;border-block-start:.0625rem solid var(--igx-header-border-color, var(--header-border-color, var(--ag-hairline)))}[part=action]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);color:inherit;border:0;border-radius:.1875rem;padding:.1875rem .5rem;margin:0;font:inherit;font-size:.75rem;line-height:1;display:inline-flex;align-items:center;gap:.25rem;cursor:pointer;text-transform:uppercase;letter-spacing:.03125rem}[part=action]:hover{background:hsl(from currentcolor h s l/8%)}[part=action]:focus-visible{outline:.125rem solid var(--igx-cell-active-border-color, var(--cell-active-border-color, var(--ag-brand)));outline-offset:.0625rem}`;"]}
1
+ {"version":3,"file":"filter-row.css.js","sourceRoot":"","sources":["../../../src/styles/filter-row/filter-row.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mwMAAmwM,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{display:none;position:fixed;top:var(--fp-top, 0);left:var(--fp-left, 0);inline-size:15rem;z-index:calc(var(--z-index-base) + 20)}:host([data-active]){display:block}svg{inline-size:1rem;block-size:1rem;display:inline-block;vertical-align:middle;color:currentcolor;flex-shrink:0}[part=panel]{background:var(--header-background, var(--ag-surface-elevated));color:var(--filtering-row-text-color, var(--ag-text-body));border:.0625rem solid var(--header-border-color, var(--ag-hairline));border-radius:.5rem;box-shadow:0 .25rem 1rem rgba(0,0,0,.14);overflow:visible}[part=condition-row]{position:relative;padding:.5rem .5rem 0}[part=condition-trigger]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;justify-content:space-between;inline-size:100%;padding:.375rem .5rem;gap:.375rem;background:rgba(0,0,0,0);border:.0625rem solid var(--ag-brand-line);border-radius:.25rem;cursor:pointer;color:inherit;font:inherit;font-size:.8125rem;line-height:1.2;box-sizing:border-box;transition:border-color var(--ag-dur-fast) var(--ag-ease),box-shadow var(--ag-dur-fast) var(--ag-ease)}[part=condition-trigger]:hover{border-color:color-mix(in srgb, var(--ag-brand) 50%, transparent)}[part=condition-trigger]:focus-visible{outline:.125rem solid var(--cell-active-border-color, var(--ag-brand));outline-offset:-0.125rem;border-radius:.25rem}[part=condition-trigger] span{flex:1;text-align:start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[part=condition-trigger] svg{opacity:.6;flex-shrink:0}[part~=dropdown]{position:absolute;inset-block-start:calc(100% + 0.25rem);inset-inline:0;margin:0;padding:.25rem 0;list-style:none;background:var(--header-background, var(--ag-surface-elevated));color:inherit;border:.0625rem solid var(--header-border-color, var(--ag-hairline));border-radius:.25rem;box-shadow:0 .25rem .75rem rgba(0,0,0,.12);z-index:calc(var(--z-index-base) + 10);max-block-size:17.5rem;overflow-y:auto;box-sizing:border-box}[part~=dropdown][hidden]{display:none}[part~=dropdown-item]{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;cursor:pointer;font-size:.75rem;line-height:1.2;-webkit-user-select:none;-moz-user-select:none;user-select:none}[part~=dropdown-item]:hover{background:hsl(from currentcolor h s l/8%)}[part~=dropdown-item][selected]{background:hsl(from var(--cell-active-border-color, var(--ag-brand)) h s l/14%);color:var(--cell-active-border-color, var(--ag-brand));font-weight:600}[part~=dropdown-item] svg{opacity:.7;flex-shrink:0}[part=panel-input-row]{padding:.375rem .5rem 0}[part=filter-input]{display:block;inline-size:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);color:inherit;border:.0625rem solid var(--ag-brand-line);border-radius:.25rem;outline:0;padding:.375rem .5rem;margin:0;font:inherit;font-size:.8125rem;line-height:1.2;box-sizing:border-box;transition:border-color var(--ag-dur-fast) var(--ag-ease),box-shadow var(--ag-dur-fast) var(--ag-ease)}[part=filter-input]::-moz-placeholder{color:inherit;opacity:.45}[part=filter-input]::placeholder{color:inherit;opacity:.45}[part=filter-input]:focus{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=chips-row]{display:flex;flex-wrap:wrap;gap:.25rem;padding:.375rem .5rem 0}[part=chips-row]:empty{display:none}[part=criteria]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);color:var(--cell-active-border-color, var(--ag-brand));border:0;border-radius:.1875rem;padding:.125rem .375rem;margin:0;font:inherit;font-size:.6875rem;font-weight:600;line-height:1;cursor:pointer;text-transform:uppercase;letter-spacing:.03125rem}[part=criteria]:hover{background:hsl(from currentcolor h s l/8%)}[part=expression-chip]{display:inline-flex;align-items:stretch;background:var(--ag-brand-softer);color:var(--ag-brand-strong);border:.0625rem solid var(--ag-brand-line);border-radius:var(--ag-radius-sm);overflow:hidden;transition:background-color var(--ag-dur-fast) var(--ag-ease),box-shadow var(--ag-dur-fast) var(--ag-ease)}[part=expression-chip]:hover{background:var(--ag-brand-soft)}[part=expression-chip][selected]{background:var(--ag-brand-soft);box-shadow:inset 0 0 0 .0625rem color-mix(in srgb, var(--ag-brand) 50%, transparent)}[part=chip-body]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);border:0;color:inherit;padding:.125rem .25rem .125rem .5rem;margin:0;font:inherit;font-size:.75rem;line-height:1.6;display:inline-flex;align-items:center;gap:.25rem;cursor:pointer}[part=chip-body]:focus-visible{outline:.125rem solid var(--cell-active-border-color, var(--ag-brand));outline-offset:-0.125rem;border-radius:.625rem 0 0 .625rem}[part=chip-body] svg{opacity:.8}[part=chip-remove]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);border:0;color:inherit;padding:0 .375rem;margin:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-inline-size:1.5rem;min-block-size:1.5rem;opacity:.55;transition:opacity var(--ag-dur-fast) var(--ag-ease),background-color var(--ag-dur-fast) var(--ag-ease)}[part=chip-remove]:hover{opacity:1;background:hsl(from currentcolor h s l/8%)}[part=chip-remove]:focus-visible{outline:.125rem solid var(--cell-active-border-color, var(--ag-brand));outline-offset:-0.125rem;border-radius:0 .625rem .625rem 0;opacity:1}[part=chip-remove] svg{inline-size:.75rem;block-size:.75rem}[part=panel-footer]{display:flex;align-items:center;justify-content:space-between;gap:.25rem;padding:.375rem .5rem;margin-block-start:.375rem;border-block-start:.0625rem solid var(--header-border-color, var(--ag-hairline))}[part=action]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);color:inherit;border:0;border-radius:.1875rem;padding:.1875rem .5rem;margin:0;font:inherit;font-size:.75rem;line-height:1;display:inline-flex;align-items:center;gap:.25rem;cursor:pointer;text-transform:uppercase;letter-spacing:.03125rem}[part=action]:hover{background:hsl(from currentcolor h s l/8%)}[part=action]:focus-visible{outline:.125rem solid var(--cell-active-border-color, var(--ag-brand));outline-offset:.0625rem}@media(forced-colors: active){[part=filter-input]:focus{outline:0.125rem solid Highlight;outline-offset:-0.125rem}}`;"]}
package/styles/grid/_grid.base.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);--component-size: 3}:host{--ag-brand: var(--ig-primary-500, #0d6fd3);--ag-brand-strong: var(--ig-primary-700, #0a56b8);--ag-brand-soft: color-mix(in srgb, var(--ag-brand) 10%, transparent);--ag-brand-softer: color-mix(in srgb, var(--ag-brand) 7%, transparent);--ag-brand-line: color-mix(in srgb, var(--ag-brand) 18%, transparent);--ag-hairline: rgb(15 23 42 / 8%);--ag-border: rgb(15 23 42 / 8%);--ag-pin-line: rgb(15 23 42 / 18%);--ag-header-separator: rgb(15 23 42 / 12%);--ag-row-hover: color-mix(in srgb, #0f172a 5%, var(--ag-surface));--ag-grid-bg: #fff;--ag-surface: #fff;--ag-surface-alt: var(--ag-surface);--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: rgb(16 185 129 / 10%);--ag-watch: #f59e0b;--ag-watch-text: #b45309;--ag-watch-soft: rgb(245 158 11 / 10%);--ag-risk: #ef4444;--ag-risk-text: #b91c1c;--ag-risk-soft: rgb(239 68 68 / 10%);--ag-gold: #fef3c7;--ag-gold-line: #fde68a;--ag-gold-text: #92400e;--ag-shadow-card: 0 16px 38px rgb(15 23 42 / 12%), 0 0 0 1px rgb(15 23 42 / 6%), 0 1px 0 rgb(255 255 255 / 90%) 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}:host([theme~=dark]){--ag-brand: var(--ig-primary-500, #3b82f6);--ag-brand-strong: var(--ig-primary-400, #60a5fa);--ag-grid-bg: #0f172a;--ag-surface: #0f172a;--ag-surface-alt: var(--ag-surface);--ag-surface-elevated: #1e2532;--ag-hairline: rgb(255 255 255 / 12%);--ag-border: rgb(255 255 255 / 12%);--ag-pin-line: rgb(255 255 255 / 28%);--ag-header-separator: rgb(255 255 255 / 18%);--ag-row-hover: color-mix(in srgb, #fff 7%, var(--ag-surface));--ag-text: #f1f5f9;--ag-text-body: #e2e8f0;--ag-text-muted: #94a3b8;--ag-text-subtle: #64748b;--ag-good-text: #34d399;--ag-good-soft: rgb(16 185 129 / 18%);--ag-watch-text: #fbbf24;--ag-watch-soft: rgb(245 158 11 / 18%);--ag-risk-text: #f87171;--ag-risk-soft: rgb(239 68 68 / 18%);--ag-gold: rgb(245 158 11 / 16%);--ag-gold-line: rgb(245 158 11 / 35%);--ag-gold-text: #fcd34d;--ag-shadow-card: 0 16px 38px rgb(0 0 0 / 55%), 0 0 0 1px rgb(255 255 255 / 6%), 0 1px 0 rgb(255 255 255 / 4%) inset}:host([theme~=tinted]){--ag-surface-alt: color-mix(in srgb, var(--ag-brand) 4%, #fff);--ag-surface-elevated: color-mix(in srgb, var(--ag-brand) 11%, #fbfcfd);--ag-hairline: color-mix(in srgb, var(--ag-brand) 24%, rgb(15 23 42 / 7%));--ag-border: color-mix(in srgb, var(--ag-brand) 12%, transparent);--ag-row-hover: color-mix(in srgb, var(--ag-brand) 9%, var(--ag-surface));--ag-text-muted: color-mix(in srgb, var(--ag-brand) 32%, #6b7280)}:host([theme~=dark][theme~=tinted]){--ag-surface-alt: color-mix(in srgb, var(--ag-brand) 10%, #172033);--ag-surface-elevated: color-mix(in srgb, var(--ag-brand) 20%, #1e293b);--ag-hairline: color-mix(in srgb, var(--ag-brand) 30%, rgb(255 255 255 / 12%));--ag-border: color-mix(in srgb, var(--ag-brand) 16%, rgb(255 255 255 / 7%));--ag-row-hover: color-mix(in srgb, var(--ag-brand) 12%, var(--ag-surface));--ag-text-muted: color-mix(in srgb, var(--ag-brand) 28%, #94a3b8)}:host{display:grid;height:100%;position:relative;box-sizing:border-box;font-family:var(--ig-font-family, var(--ag-font));font-size:var(--ag-fs-cell);line-height:var(--ag-leading);color:var(--igx-content-text-color, var(--content-text-color, var(--ag-text-body)));border-radius:var(--ag-radius);background:var(--ag-grid-bg);box-shadow:var(--ag-grid-shadow, 0 0 0 1px var(--ag-hairline));overflow:auto;grid-template-rows:[toolbar-row] max-content [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(--igx-content-background, var(--content-background, var(--ag-surface)));color:var(--igx-content-text-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(--igx-content-background, var(--content-background, var(--ag-surface)));color:var(--igx-content-text-color, var(--content-text-color, var(--ag-text-body)))}apex-virtualizer:focus{outline:none}[part~=resize-indicator]{position:absolute;height:100%;background-color:var(--igx-grid-resize-line-color, var(--grid-resize-line-color, var(--ag-brand)));width:.125rem;inset-inline-start:0;top:0;z-index:calc(var(--z-index-base) + 1)}[part~=row-drag-ghost]{position:fixed;display:flex;align-items:center;box-sizing:border-box;max-width:92vw;overflow:hidden;background:var(--igx-content-background, var(--content-background, var(--ag-surface)));color:var(--igx-content-text-color, var(--content-text-color, var(--ag-text-body)));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(--ig-primary-500, #0d6fd3);--ag-brand-strong: var(--ig-primary-700, #0a56b8);--ag-brand-soft: color-mix(in srgb, var(--ag-brand) 10%, transparent);--ag-brand-softer: color-mix(in srgb, var(--ag-brand) 7%, transparent);--ag-brand-line: color-mix(in srgb, var(--ag-brand) 18%, transparent);--ag-hairline: rgb(15 23 42 / 8%);--ag-border: rgb(15 23 42 / 8%);--ag-pin-line: rgb(15 23 42 / 18%);--ag-header-separator: rgb(15 23 42 / 12%);--ag-row-hover: color-mix(in srgb, #0f172a 5%, var(--ag-surface));--ag-grid-bg: #fff;--ag-surface: #fff;--ag-surface-alt: var(--ag-surface);--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: rgb(16 185 129 / 10%);--ag-watch: #f59e0b;--ag-watch-text: #b45309;--ag-watch-soft: rgb(245 158 11 / 10%);--ag-risk: #ef4444;--ag-risk-text: #b91c1c;--ag-risk-soft: rgb(239 68 68 / 10%);--ag-gold: #fef3c7;--ag-gold-line: #fde68a;--ag-gold-text: #92400e;--ag-shadow-card: 0 16px 38px rgb(15 23 42 / 12%), 0 0 0 1px rgb(15 23 42 / 6%), 0 1px 0 rgb(255 255 255 / 90%) 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}:host([theme~=dark]){--ag-brand: var(--ig-primary-500, #3b82f6);--ag-brand-strong: var(--ig-primary-400, #60a5fa);--ag-grid-bg: #0f172a;--ag-surface: #0f172a;--ag-surface-alt: var(--ag-surface);--ag-surface-elevated: #1e2532;--ag-hairline: rgb(255 255 255 / 12%);--ag-border: rgb(255 255 255 / 12%);--ag-pin-line: rgb(255 255 255 / 28%);--ag-header-separator: rgb(255 255 255 / 18%);--ag-row-hover: color-mix(in srgb, #fff 7%, var(--ag-surface));--ag-text: #f1f5f9;--ag-text-body: #e2e8f0;--ag-text-muted: #94a3b8;--ag-text-subtle: #64748b;--ag-good-text: #34d399;--ag-good-soft: rgb(16 185 129 / 18%);--ag-watch-text: #fbbf24;--ag-watch-soft: rgb(245 158 11 / 18%);--ag-risk-text: #f87171;--ag-risk-soft: rgb(239 68 68 / 18%);--ag-gold: rgb(245 158 11 / 16%);--ag-gold-line: rgb(245 158 11 / 35%);--ag-gold-text: #fcd34d;--ag-shadow-card: 0 16px 38px rgb(0 0 0 / 55%), 0 0 0 1px rgb(255 255 255 / 6%), 0 1px 0 rgb(255 255 255 / 4%) inset}:host([theme~=tinted]){--ag-surface-alt: color-mix(in srgb, var(--ag-brand) 4%, #fff);--ag-surface-elevated: color-mix(in srgb, var(--ag-brand) 11%, #fbfcfd);--ag-hairline: color-mix(in srgb, var(--ag-brand) 24%, rgb(15 23 42 / 7%));--ag-border: color-mix(in srgb, var(--ag-brand) 12%, transparent);--ag-row-hover: color-mix(in srgb, var(--ag-brand) 9%, var(--ag-surface));--ag-text-muted: color-mix(in srgb, var(--ag-brand) 32%, #6b7280)}:host([theme~=dark][theme~=tinted]){--ag-surface-alt: color-mix(in srgb, var(--ag-brand) 10%, #172033);--ag-surface-elevated: color-mix(in srgb, var(--ag-brand) 20%, #1e293b);--ag-hairline: color-mix(in srgb, var(--ag-brand) 30%, rgb(255 255 255 / 12%));--ag-border: color-mix(in srgb, var(--ag-brand) 16%, rgb(255 255 255 / 7%));--ag-row-hover: color-mix(in srgb, var(--ag-brand) 12%, var(--ag-surface));--ag-text-muted: color-mix(in srgb, var(--ag-brand) 28%, #94a3b8)}@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;inset-inline-start: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}`;
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,0iNAA0iN,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);--component-size: 3}:host{--ag-brand: var(--ig-primary-500, #0d6fd3);--ag-brand-strong: var(--ig-primary-700, #0a56b8);--ag-brand-soft: color-mix(in srgb, var(--ag-brand) 10%, transparent);--ag-brand-softer: color-mix(in srgb, var(--ag-brand) 7%, transparent);--ag-brand-line: color-mix(in srgb, var(--ag-brand) 18%, transparent);--ag-hairline: rgb(15 23 42 / 8%);--ag-border: rgb(15 23 42 / 8%);--ag-pin-line: rgb(15 23 42 / 18%);--ag-header-separator: rgb(15 23 42 / 12%);--ag-row-hover: color-mix(in srgb, #0f172a 5%, var(--ag-surface));--ag-grid-bg: #fff;--ag-surface: #fff;--ag-surface-alt: var(--ag-surface);--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: rgb(16 185 129 / 10%);--ag-watch: #f59e0b;--ag-watch-text: #b45309;--ag-watch-soft: rgb(245 158 11 / 10%);--ag-risk: #ef4444;--ag-risk-text: #b91c1c;--ag-risk-soft: rgb(239 68 68 / 10%);--ag-gold: #fef3c7;--ag-gold-line: #fde68a;--ag-gold-text: #92400e;--ag-shadow-card: 0 16px 38px rgb(15 23 42 / 12%), 0 0 0 1px rgb(15 23 42 / 6%), 0 1px 0 rgb(255 255 255 / 90%) 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}:host([theme~=dark]){--ag-brand: var(--ig-primary-500, #3b82f6);--ag-brand-strong: var(--ig-primary-400, #60a5fa);--ag-grid-bg: #0f172a;--ag-surface: #0f172a;--ag-surface-alt: var(--ag-surface);--ag-surface-elevated: #1e2532;--ag-hairline: rgb(255 255 255 / 12%);--ag-border: rgb(255 255 255 / 12%);--ag-pin-line: rgb(255 255 255 / 28%);--ag-header-separator: rgb(255 255 255 / 18%);--ag-row-hover: color-mix(in srgb, #fff 7%, var(--ag-surface));--ag-text: #f1f5f9;--ag-text-body: #e2e8f0;--ag-text-muted: #94a3b8;--ag-text-subtle: #64748b;--ag-good-text: #34d399;--ag-good-soft: rgb(16 185 129 / 18%);--ag-watch-text: #fbbf24;--ag-watch-soft: rgb(245 158 11 / 18%);--ag-risk-text: #f87171;--ag-risk-soft: rgb(239 68 68 / 18%);--ag-gold: rgb(245 158 11 / 16%);--ag-gold-line: rgb(245 158 11 / 35%);--ag-gold-text: #fcd34d;--ag-shadow-card: 0 16px 38px rgb(0 0 0 / 55%), 0 0 0 1px rgb(255 255 255 / 6%), 0 1px 0 rgb(255 255 255 / 4%) inset}:host([theme~=tinted]){--ag-surface-alt: color-mix(in srgb, var(--ag-brand) 4%, #fff);--ag-surface-elevated: color-mix(in srgb, var(--ag-brand) 11%, #fbfcfd);--ag-hairline: color-mix(in srgb, var(--ag-brand) 24%, rgb(15 23 42 / 7%));--ag-border: color-mix(in srgb, var(--ag-brand) 12%, transparent);--ag-row-hover: color-mix(in srgb, var(--ag-brand) 9%, var(--ag-surface));--ag-text-muted: color-mix(in srgb, var(--ag-brand) 32%, #6b7280)}:host([theme~=dark][theme~=tinted]){--ag-surface-alt: color-mix(in srgb, var(--ag-brand) 10%, #172033);--ag-surface-elevated: color-mix(in srgb, var(--ag-brand) 20%, #1e293b);--ag-hairline: color-mix(in srgb, var(--ag-brand) 30%, rgb(255 255 255 / 12%));--ag-border: color-mix(in srgb, var(--ag-brand) 16%, rgb(255 255 255 / 7%));--ag-row-hover: color-mix(in srgb, var(--ag-brand) 12%, var(--ag-surface));--ag-text-muted: color-mix(in srgb, var(--ag-brand) 28%, #94a3b8)}:host{display:grid;height:100%;position:relative;box-sizing:border-box;font-family:var(--ig-font-family, var(--ag-font));font-size:var(--ag-fs-cell);line-height:var(--ag-leading);color:var(--igx-content-text-color, var(--content-text-color, var(--ag-text-body)));border-radius:var(--ag-radius);background:var(--ag-grid-bg);box-shadow:var(--ag-grid-shadow, 0 0 0 1px var(--ag-hairline));overflow:auto;grid-template-rows:[toolbar-row] max-content [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(--igx-content-background, var(--content-background, var(--ag-surface)));color:var(--igx-content-text-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(--igx-content-background, var(--content-background, var(--ag-surface)));color:var(--igx-content-text-color, var(--content-text-color, var(--ag-text-body)))}apex-virtualizer:focus{outline:none}[part~=resize-indicator]{position:absolute;height:100%;background-color:var(--igx-grid-resize-line-color, var(--grid-resize-line-color, var(--ag-brand)));width:.125rem;inset-inline-start:0;top:0;z-index:calc(var(--z-index-base) + 1)}[part~=row-drag-ghost]{position:fixed;display:flex;align-items:center;box-sizing:border-box;max-width:92vw;overflow:hidden;background:var(--igx-content-background, var(--content-background, var(--ag-surface)));color:var(--igx-content-text-color, var(--content-text-color, var(--ag-text-body)));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,kkMAAkkM,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{--ag-brand: var(--ig-primary-500, #0d6fd3);--ag-brand-strong: var(--ig-primary-700, #0a56b8);--ag-brand-soft: color-mix(in srgb, var(--ag-brand) 10%, transparent);--ag-brand-softer: color-mix(in srgb, var(--ag-brand) 7%, transparent);--ag-brand-line: color-mix(in srgb, var(--ag-brand) 18%, transparent);--ag-hairline: rgb(15 23 42 / 8%);--ag-border: rgb(15 23 42 / 8%);--ag-pin-line: rgb(15 23 42 / 18%);--ag-header-separator: rgb(15 23 42 / 12%);--ag-row-hover: color-mix(in srgb, #0f172a 5%, var(--ag-surface));--ag-grid-bg: #fff;--ag-surface: #fff;--ag-surface-alt: var(--ag-surface);--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: rgb(16 185 129 / 10%);--ag-watch: #f59e0b;--ag-watch-text: #b45309;--ag-watch-soft: rgb(245 158 11 / 10%);--ag-risk: #ef4444;--ag-risk-text: #b91c1c;--ag-risk-soft: rgb(239 68 68 / 10%);--ag-gold: #fef3c7;--ag-gold-line: #fde68a;--ag-gold-text: #92400e;--ag-shadow-card: 0 16px 38px rgb(15 23 42 / 12%), 0 0 0 1px rgb(15 23 42 / 6%), 0 1px 0 rgb(255 255 255 / 90%) 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}:host([theme~=dark]){--ag-brand: var(--ig-primary-500, #3b82f6);--ag-brand-strong: var(--ig-primary-400, #60a5fa);--ag-grid-bg: #0f172a;--ag-surface: #0f172a;--ag-surface-alt: var(--ag-surface);--ag-surface-elevated: #1e2532;--ag-hairline: rgb(255 255 255 / 12%);--ag-border: rgb(255 255 255 / 12%);--ag-pin-line: rgb(255 255 255 / 28%);--ag-header-separator: rgb(255 255 255 / 18%);--ag-row-hover: color-mix(in srgb, #fff 7%, var(--ag-surface));--ag-text: #f1f5f9;--ag-text-body: #e2e8f0;--ag-text-muted: #94a3b8;--ag-text-subtle: #64748b;--ag-good-text: #34d399;--ag-good-soft: rgb(16 185 129 / 18%);--ag-watch-text: #fbbf24;--ag-watch-soft: rgb(245 158 11 / 18%);--ag-risk-text: #f87171;--ag-risk-soft: rgb(239 68 68 / 18%);--ag-gold: rgb(245 158 11 / 16%);--ag-gold-line: rgb(245 158 11 / 35%);--ag-gold-text: #fcd34d;--ag-shadow-card: 0 16px 38px rgb(0 0 0 / 55%), 0 0 0 1px rgb(255 255 255 / 6%), 0 1px 0 rgb(255 255 255 / 4%) inset}:host([theme~=tinted]){--ag-surface-alt: color-mix(in srgb, var(--ag-brand) 4%, #fff);--ag-surface-elevated: color-mix(in srgb, var(--ag-brand) 11%, #fbfcfd);--ag-hairline: color-mix(in srgb, var(--ag-brand) 24%, rgb(15 23 42 / 7%));--ag-border: color-mix(in srgb, var(--ag-brand) 12%, transparent);--ag-row-hover: color-mix(in srgb, var(--ag-brand) 9%, var(--ag-surface));--ag-text-muted: color-mix(in srgb, var(--ag-brand) 32%, #6b7280)}:host([theme~=dark][theme~=tinted]){--ag-surface-alt: color-mix(in srgb, var(--ag-brand) 10%, #172033);--ag-surface-elevated: color-mix(in srgb, var(--ag-brand) 20%, #1e293b);--ag-hairline: color-mix(in srgb, var(--ag-brand) 30%, rgb(255 255 255 / 12%));--ag-border: color-mix(in srgb, var(--ag-brand) 16%, rgb(255 255 255 / 7%));--ag-row-hover: color-mix(in srgb, var(--ag-brand) 12%, var(--ag-surface));--ag-text-muted: color-mix(in srgb, var(--ag-brand) 28%, #94a3b8)}@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;inset-inline-start: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}`;"]}
package/styles/grid/grid.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);--component-size: 3}:host{--ag-brand: var(--ig-primary-500, #0d6fd3);--ag-brand-strong: var(--ig-primary-700, #0a56b8);--ag-brand-soft: color-mix(in srgb, var(--ag-brand) 10%, transparent);--ag-brand-softer: color-mix(in srgb, var(--ag-brand) 7%, transparent);--ag-brand-line: color-mix(in srgb, var(--ag-brand) 18%, transparent);--ag-hairline: rgb(15 23 42 / 8%);--ag-border: rgb(15 23 42 / 8%);--ag-pin-line: rgb(15 23 42 / 18%);--ag-header-separator: rgb(15 23 42 / 12%);--ag-row-hover: color-mix(in srgb, #0f172a 5%, var(--ag-surface));--ag-grid-bg: #fff;--ag-surface: #fff;--ag-surface-alt: var(--ag-surface);--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: rgb(16 185 129 / 10%);--ag-watch: #f59e0b;--ag-watch-text: #b45309;--ag-watch-soft: rgb(245 158 11 / 10%);--ag-risk: #ef4444;--ag-risk-text: #b91c1c;--ag-risk-soft: rgb(239 68 68 / 10%);--ag-gold: #fef3c7;--ag-gold-line: #fde68a;--ag-gold-text: #92400e;--ag-shadow-card: 0 16px 38px rgb(15 23 42 / 12%), 0 0 0 1px rgb(15 23 42 / 6%), 0 1px 0 rgb(255 255 255 / 90%) 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}:host([theme~=dark]){--ag-brand: var(--ig-primary-500, #3b82f6);--ag-brand-strong: var(--ig-primary-400, #60a5fa);--ag-grid-bg: #0f172a;--ag-surface: #0f172a;--ag-surface-alt: var(--ag-surface);--ag-surface-elevated: #1e2532;--ag-hairline: rgb(255 255 255 / 12%);--ag-border: rgb(255 255 255 / 12%);--ag-pin-line: rgb(255 255 255 / 28%);--ag-header-separator: rgb(255 255 255 / 18%);--ag-row-hover: color-mix(in srgb, #fff 7%, var(--ag-surface));--ag-text: #f1f5f9;--ag-text-body: #e2e8f0;--ag-text-muted: #94a3b8;--ag-text-subtle: #64748b;--ag-good-text: #34d399;--ag-good-soft: rgb(16 185 129 / 18%);--ag-watch-text: #fbbf24;--ag-watch-soft: rgb(245 158 11 / 18%);--ag-risk-text: #f87171;--ag-risk-soft: rgb(239 68 68 / 18%);--ag-gold: rgb(245 158 11 / 16%);--ag-gold-line: rgb(245 158 11 / 35%);--ag-gold-text: #fcd34d;--ag-shadow-card: 0 16px 38px rgb(0 0 0 / 55%), 0 0 0 1px rgb(255 255 255 / 6%), 0 1px 0 rgb(255 255 255 / 4%) inset}:host([theme~=tinted]){--ag-surface-alt: color-mix(in srgb, var(--ag-brand) 4%, #fff);--ag-surface-elevated: color-mix(in srgb, var(--ag-brand) 11%, #fbfcfd);--ag-hairline: color-mix(in srgb, var(--ag-brand) 24%, rgb(15 23 42 / 7%));--ag-border: color-mix(in srgb, var(--ag-brand) 12%, transparent);--ag-row-hover: color-mix(in srgb, var(--ag-brand) 9%, var(--ag-surface));--ag-text-muted: color-mix(in srgb, var(--ag-brand) 32%, #6b7280)}:host([theme~=dark][theme~=tinted]){--ag-surface-alt: color-mix(in srgb, var(--ag-brand) 10%, #172033);--ag-surface-elevated: color-mix(in srgb, var(--ag-brand) 20%, #1e293b);--ag-hairline: color-mix(in srgb, var(--ag-brand) 30%, rgb(255 255 255 / 12%));--ag-border: color-mix(in srgb, var(--ag-brand) 16%, rgb(255 255 255 / 7%));--ag-row-hover: color-mix(in srgb, var(--ag-brand) 12%, var(--ag-surface));--ag-text-muted: color-mix(in srgb, var(--ag-brand) 28%, #94a3b8)}:host{display:grid;height:100%;position:relative;box-sizing:border-box;font-family:var(--ig-font-family, var(--ag-font));font-size:var(--ag-fs-cell);line-height:var(--ag-leading);color:var(--igx-content-text-color, var(--content-text-color, var(--ag-text-body)));border-radius:var(--ag-radius);background:var(--ag-grid-bg);box-shadow:var(--ag-grid-shadow, 0 0 0 1px var(--ag-hairline));overflow:auto;grid-template-rows:[toolbar-row] max-content [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(--igx-content-background, var(--content-background, var(--ag-surface)));color:var(--igx-content-text-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(--igx-content-background, var(--content-background, var(--ag-surface)));color:var(--igx-content-text-color, var(--content-text-color, var(--ag-text-body)))}apex-virtualizer:focus{outline:none}[part~=resize-indicator]{position:absolute;height:100%;background-color:var(--igx-grid-resize-line-color, var(--grid-resize-line-color, var(--ag-brand)));width:.125rem;inset-inline-start:0;top:0;z-index:calc(var(--z-index-base) + 1)}[part~=row-drag-ghost]{position:fixed;display:flex;align-items:center;box-sizing:border-box;max-width:92vw;overflow:hidden;background:var(--igx-content-background, var(--content-background, var(--ag-surface)));color:var(--igx-content-text-color, var(--content-text-color, var(--ag-text-body)));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(--ig-primary-500, #0d6fd3);--ag-brand-strong: var(--ig-primary-700, #0a56b8);--ag-brand-soft: color-mix(in srgb, var(--ag-brand) 10%, transparent);--ag-brand-softer: color-mix(in srgb, var(--ag-brand) 7%, transparent);--ag-brand-line: color-mix(in srgb, var(--ag-brand) 18%, transparent);--ag-hairline: rgb(15 23 42 / 8%);--ag-border: rgb(15 23 42 / 8%);--ag-pin-line: rgb(15 23 42 / 18%);--ag-header-separator: rgb(15 23 42 / 12%);--ag-row-hover: color-mix(in srgb, #0f172a 5%, var(--ag-surface));--ag-grid-bg: #fff;--ag-surface: #fff;--ag-surface-alt: var(--ag-surface);--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: rgb(16 185 129 / 10%);--ag-watch: #f59e0b;--ag-watch-text: #b45309;--ag-watch-soft: rgb(245 158 11 / 10%);--ag-risk: #ef4444;--ag-risk-text: #b91c1c;--ag-risk-soft: rgb(239 68 68 / 10%);--ag-gold: #fef3c7;--ag-gold-line: #fde68a;--ag-gold-text: #92400e;--ag-shadow-card: 0 16px 38px rgb(15 23 42 / 12%), 0 0 0 1px rgb(15 23 42 / 6%), 0 1px 0 rgb(255 255 255 / 90%) 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}:host([theme~=dark]){--ag-brand: var(--ig-primary-500, #3b82f6);--ag-brand-strong: var(--ig-primary-400, #60a5fa);--ag-grid-bg: #0f172a;--ag-surface: #0f172a;--ag-surface-alt: var(--ag-surface);--ag-surface-elevated: #1e2532;--ag-hairline: rgb(255 255 255 / 12%);--ag-border: rgb(255 255 255 / 12%);--ag-pin-line: rgb(255 255 255 / 28%);--ag-header-separator: rgb(255 255 255 / 18%);--ag-row-hover: color-mix(in srgb, #fff 7%, var(--ag-surface));--ag-text: #f1f5f9;--ag-text-body: #e2e8f0;--ag-text-muted: #94a3b8;--ag-text-subtle: #64748b;--ag-good-text: #34d399;--ag-good-soft: rgb(16 185 129 / 18%);--ag-watch-text: #fbbf24;--ag-watch-soft: rgb(245 158 11 / 18%);--ag-risk-text: #f87171;--ag-risk-soft: rgb(239 68 68 / 18%);--ag-gold: rgb(245 158 11 / 16%);--ag-gold-line: rgb(245 158 11 / 35%);--ag-gold-text: #fcd34d;--ag-shadow-card: 0 16px 38px rgb(0 0 0 / 55%), 0 0 0 1px rgb(255 255 255 / 6%), 0 1px 0 rgb(255 255 255 / 4%) inset}:host([theme~=tinted]){--ag-surface-alt: color-mix(in srgb, var(--ag-brand) 4%, #fff);--ag-surface-elevated: color-mix(in srgb, var(--ag-brand) 11%, #fbfcfd);--ag-hairline: color-mix(in srgb, var(--ag-brand) 24%, rgb(15 23 42 / 7%));--ag-border: color-mix(in srgb, var(--ag-brand) 12%, transparent);--ag-row-hover: color-mix(in srgb, var(--ag-brand) 9%, var(--ag-surface));--ag-text-muted: color-mix(in srgb, var(--ag-brand) 32%, #6b7280)}:host([theme~=dark][theme~=tinted]){--ag-surface-alt: color-mix(in srgb, var(--ag-brand) 10%, #172033);--ag-surface-elevated: color-mix(in srgb, var(--ag-brand) 20%, #1e293b);--ag-hairline: color-mix(in srgb, var(--ag-brand) 30%, rgb(255 255 255 / 12%));--ag-border: color-mix(in srgb, var(--ag-brand) 16%, rgb(255 255 255 / 7%));--ag-row-hover: color-mix(in srgb, var(--ag-brand) 12%, var(--ag-surface));--ag-text-muted: color-mix(in srgb, var(--ag-brand) 28%, #94a3b8)}@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;inset-inline-start: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}`;
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,0iNAA0iN,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);--component-size: 3}:host{--ag-brand: var(--ig-primary-500, #0d6fd3);--ag-brand-strong: var(--ig-primary-700, #0a56b8);--ag-brand-soft: color-mix(in srgb, var(--ag-brand) 10%, transparent);--ag-brand-softer: color-mix(in srgb, var(--ag-brand) 7%, transparent);--ag-brand-line: color-mix(in srgb, var(--ag-brand) 18%, transparent);--ag-hairline: rgb(15 23 42 / 8%);--ag-border: rgb(15 23 42 / 8%);--ag-pin-line: rgb(15 23 42 / 18%);--ag-header-separator: rgb(15 23 42 / 12%);--ag-row-hover: color-mix(in srgb, #0f172a 5%, var(--ag-surface));--ag-grid-bg: #fff;--ag-surface: #fff;--ag-surface-alt: var(--ag-surface);--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: rgb(16 185 129 / 10%);--ag-watch: #f59e0b;--ag-watch-text: #b45309;--ag-watch-soft: rgb(245 158 11 / 10%);--ag-risk: #ef4444;--ag-risk-text: #b91c1c;--ag-risk-soft: rgb(239 68 68 / 10%);--ag-gold: #fef3c7;--ag-gold-line: #fde68a;--ag-gold-text: #92400e;--ag-shadow-card: 0 16px 38px rgb(15 23 42 / 12%), 0 0 0 1px rgb(15 23 42 / 6%), 0 1px 0 rgb(255 255 255 / 90%) 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}:host([theme~=dark]){--ag-brand: var(--ig-primary-500, #3b82f6);--ag-brand-strong: var(--ig-primary-400, #60a5fa);--ag-grid-bg: #0f172a;--ag-surface: #0f172a;--ag-surface-alt: var(--ag-surface);--ag-surface-elevated: #1e2532;--ag-hairline: rgb(255 255 255 / 12%);--ag-border: rgb(255 255 255 / 12%);--ag-pin-line: rgb(255 255 255 / 28%);--ag-header-separator: rgb(255 255 255 / 18%);--ag-row-hover: color-mix(in srgb, #fff 7%, var(--ag-surface));--ag-text: #f1f5f9;--ag-text-body: #e2e8f0;--ag-text-muted: #94a3b8;--ag-text-subtle: #64748b;--ag-good-text: #34d399;--ag-good-soft: rgb(16 185 129 / 18%);--ag-watch-text: #fbbf24;--ag-watch-soft: rgb(245 158 11 / 18%);--ag-risk-text: #f87171;--ag-risk-soft: rgb(239 68 68 / 18%);--ag-gold: rgb(245 158 11 / 16%);--ag-gold-line: rgb(245 158 11 / 35%);--ag-gold-text: #fcd34d;--ag-shadow-card: 0 16px 38px rgb(0 0 0 / 55%), 0 0 0 1px rgb(255 255 255 / 6%), 0 1px 0 rgb(255 255 255 / 4%) inset}:host([theme~=tinted]){--ag-surface-alt: color-mix(in srgb, var(--ag-brand) 4%, #fff);--ag-surface-elevated: color-mix(in srgb, var(--ag-brand) 11%, #fbfcfd);--ag-hairline: color-mix(in srgb, var(--ag-brand) 24%, rgb(15 23 42 / 7%));--ag-border: color-mix(in srgb, var(--ag-brand) 12%, transparent);--ag-row-hover: color-mix(in srgb, var(--ag-brand) 9%, var(--ag-surface));--ag-text-muted: color-mix(in srgb, var(--ag-brand) 32%, #6b7280)}:host([theme~=dark][theme~=tinted]){--ag-surface-alt: color-mix(in srgb, var(--ag-brand) 10%, #172033);--ag-surface-elevated: color-mix(in srgb, var(--ag-brand) 20%, #1e293b);--ag-hairline: color-mix(in srgb, var(--ag-brand) 30%, rgb(255 255 255 / 12%));--ag-border: color-mix(in srgb, var(--ag-brand) 16%, rgb(255 255 255 / 7%));--ag-row-hover: color-mix(in srgb, var(--ag-brand) 12%, var(--ag-surface));--ag-text-muted: color-mix(in srgb, var(--ag-brand) 28%, #94a3b8)}:host{display:grid;height:100%;position:relative;box-sizing:border-box;font-family:var(--ig-font-family, var(--ag-font));font-size:var(--ag-fs-cell);line-height:var(--ag-leading);color:var(--igx-content-text-color, var(--content-text-color, var(--ag-text-body)));border-radius:var(--ag-radius);background:var(--ag-grid-bg);box-shadow:var(--ag-grid-shadow, 0 0 0 1px var(--ag-hairline));overflow:auto;grid-template-rows:[toolbar-row] max-content [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(--igx-content-background, var(--content-background, var(--ag-surface)));color:var(--igx-content-text-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(--igx-content-background, var(--content-background, var(--ag-surface)));color:var(--igx-content-text-color, var(--content-text-color, var(--ag-text-body)))}apex-virtualizer:focus{outline:none}[part~=resize-indicator]{position:absolute;height:100%;background-color:var(--igx-grid-resize-line-color, var(--grid-resize-line-color, var(--ag-brand)));width:.125rem;inset-inline-start:0;top:0;z-index:calc(var(--z-index-base) + 1)}[part~=row-drag-ghost]{position:fixed;display:flex;align-items:center;box-sizing:border-box;max-width:92vw;overflow:hidden;background:var(--igx-content-background, var(--content-background, var(--ag-surface)));color:var(--igx-content-text-color, var(--content-text-color, var(--ag-text-body)));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,kkMAAkkM,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{--ag-brand: var(--ig-primary-500, #0d6fd3);--ag-brand-strong: var(--ig-primary-700, #0a56b8);--ag-brand-soft: color-mix(in srgb, var(--ag-brand) 10%, transparent);--ag-brand-softer: color-mix(in srgb, var(--ag-brand) 7%, transparent);--ag-brand-line: color-mix(in srgb, var(--ag-brand) 18%, transparent);--ag-hairline: rgb(15 23 42 / 8%);--ag-border: rgb(15 23 42 / 8%);--ag-pin-line: rgb(15 23 42 / 18%);--ag-header-separator: rgb(15 23 42 / 12%);--ag-row-hover: color-mix(in srgb, #0f172a 5%, var(--ag-surface));--ag-grid-bg: #fff;--ag-surface: #fff;--ag-surface-alt: var(--ag-surface);--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: rgb(16 185 129 / 10%);--ag-watch: #f59e0b;--ag-watch-text: #b45309;--ag-watch-soft: rgb(245 158 11 / 10%);--ag-risk: #ef4444;--ag-risk-text: #b91c1c;--ag-risk-soft: rgb(239 68 68 / 10%);--ag-gold: #fef3c7;--ag-gold-line: #fde68a;--ag-gold-text: #92400e;--ag-shadow-card: 0 16px 38px rgb(15 23 42 / 12%), 0 0 0 1px rgb(15 23 42 / 6%), 0 1px 0 rgb(255 255 255 / 90%) 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}:host([theme~=dark]){--ag-brand: var(--ig-primary-500, #3b82f6);--ag-brand-strong: var(--ig-primary-400, #60a5fa);--ag-grid-bg: #0f172a;--ag-surface: #0f172a;--ag-surface-alt: var(--ag-surface);--ag-surface-elevated: #1e2532;--ag-hairline: rgb(255 255 255 / 12%);--ag-border: rgb(255 255 255 / 12%);--ag-pin-line: rgb(255 255 255 / 28%);--ag-header-separator: rgb(255 255 255 / 18%);--ag-row-hover: color-mix(in srgb, #fff 7%, var(--ag-surface));--ag-text: #f1f5f9;--ag-text-body: #e2e8f0;--ag-text-muted: #94a3b8;--ag-text-subtle: #64748b;--ag-good-text: #34d399;--ag-good-soft: rgb(16 185 129 / 18%);--ag-watch-text: #fbbf24;--ag-watch-soft: rgb(245 158 11 / 18%);--ag-risk-text: #f87171;--ag-risk-soft: rgb(239 68 68 / 18%);--ag-gold: rgb(245 158 11 / 16%);--ag-gold-line: rgb(245 158 11 / 35%);--ag-gold-text: #fcd34d;--ag-shadow-card: 0 16px 38px rgb(0 0 0 / 55%), 0 0 0 1px rgb(255 255 255 / 6%), 0 1px 0 rgb(255 255 255 / 4%) inset}:host([theme~=tinted]){--ag-surface-alt: color-mix(in srgb, var(--ag-brand) 4%, #fff);--ag-surface-elevated: color-mix(in srgb, var(--ag-brand) 11%, #fbfcfd);--ag-hairline: color-mix(in srgb, var(--ag-brand) 24%, rgb(15 23 42 / 7%));--ag-border: color-mix(in srgb, var(--ag-brand) 12%, transparent);--ag-row-hover: color-mix(in srgb, var(--ag-brand) 9%, var(--ag-surface));--ag-text-muted: color-mix(in srgb, var(--ag-brand) 32%, #6b7280)}:host([theme~=dark][theme~=tinted]){--ag-surface-alt: color-mix(in srgb, var(--ag-brand) 10%, #172033);--ag-surface-elevated: color-mix(in srgb, var(--ag-brand) 20%, #1e293b);--ag-hairline: color-mix(in srgb, var(--ag-brand) 30%, rgb(255 255 255 / 12%));--ag-border: color-mix(in srgb, var(--ag-brand) 16%, rgb(255 255 255 / 7%));--ag-row-hover: color-mix(in srgb, var(--ag-brand) 12%, var(--ag-surface));--ag-text-muted: color-mix(in srgb, var(--ag-brand) 28%, #94a3b8)}@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;inset-inline-start: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}`;"]}
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{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);--component-size: 3}:host{display:grid;grid-row:group-header-row;min-height:var(--ag-header-h);background:var(--igx-header-background, var(--header-background, var(--ag-surface-elevated)));color:var(--igx-header-text-color, var(--header-text-color, var(--ag-text-muted)));border-block-end:1px solid var(--igx-header-border-color, 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(--igx-header-border-color, 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)}[part~=group-header][data-pinned=start],[part~=group-header][data-pinned=end]{position:sticky;z-index:calc(var(--z-index-base) + 2);background:inherit}[part~=group-header][data-pinned=start]{inset-inline-start:var(--apex-pin-offset, 0)}[part~=group-header][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;color:var(--ag-text-muted)}[part~=group-header][data-pinned=start],[part~=group-header][data-pinned=end]{position:sticky;z-index:calc(var(--z-index-base) + 2);background:inherit}[part~=group-header][data-pinned=start]{inset-inline-start:var(--apex-pin-offset, 0)}[part~=group-header][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,+kDAA+kD,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);--component-size: 3}:host{display:grid;grid-row:group-header-row;min-height:var(--ag-header-h);background:var(--igx-header-background, var(--header-background, var(--ag-surface-elevated)));color:var(--igx-header-text-color, var(--header-text-color, var(--ag-text-muted)));border-block-end:1px solid var(--igx-header-border-color, 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(--igx-header-border-color, 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)}[part~=group-header][data-pinned=start],[part~=group-header][data-pinned=end]{position:sticky;z-index:calc(var(--z-index-base) + 2);background:inherit}[part~=group-header][data-pinned=start]{inset-inline-start:var(--apex-pin-offset, 0)}[part~=group-header][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,ioCAAioC,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)}[part~=group-header][data-pinned=start],[part~=group-header][data-pinned=end]{position:sticky;z-index:calc(var(--z-index-base) + 2);background:inherit}[part~=group-header][data-pinned=start]{inset-inline-start:var(--apex-pin-offset, 0)}[part~=group-header][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{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);--component-size: 3}:host{display:flex;align-items:center;position:relative;color:var(--igx-header-text-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(--igx-header-separator-color, 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(--igx-header-text-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.1875rem;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(--igx-sorted-header-icon-color, 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(--igx-sorted-header-icon-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(--igx-filtering-header-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(--igx-header-background, var(--header-background, var(--ag-surface-elevated)));border:.0625rem solid var(--igx-header-border-color, 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(--igx-sorted-header-icon-color, 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([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}`;
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,8/MAA8/M,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);--component-size: 3}:host{display:flex;align-items:center;position:relative;color:var(--igx-header-text-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(--igx-header-separator-color, 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(--igx-header-text-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.1875rem;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(--igx-sorted-header-icon-color, 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(--igx-sorted-header-icon-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(--igx-filtering-header-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(--igx-header-background, var(--header-background, var(--ag-surface-elevated)));border:.0625rem solid var(--igx-header-border-color, 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(--igx-sorted-header-icon-color, 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,s3LAAs3L,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}`;"]}