apex-grid 1.1.0 → 3.0.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 (231) hide show
  1. package/LICENSE +76 -5
  2. package/README.md +523 -10
  3. package/components/cell.d.ts +39 -0
  4. package/components/cell.js +334 -5
  5. package/components/cell.js.map +1 -1
  6. package/components/filter-row.d.ts +7 -5
  7. package/components/filter-row.js +151 -68
  8. package/components/filter-row.js.map +1 -1
  9. package/components/grid.d.ts +955 -4
  10. package/components/grid.js +412 -40
  11. package/components/grid.js.map +1 -1
  12. package/components/header-row.d.ts +21 -1
  13. package/components/header-row.js +140 -7
  14. package/components/header-row.js.map +1 -1
  15. package/components/header.d.ts +7 -0
  16. package/components/header.js +151 -31
  17. package/components/header.js.map +1 -1
  18. package/components/paginator.d.ts +56 -0
  19. package/components/paginator.js +148 -0
  20. package/components/paginator.js.map +1 -0
  21. package/components/row.d.ts +21 -2
  22. package/components/row.js +185 -10
  23. package/components/row.js.map +1 -1
  24. package/components/toolbar.d.ts +60 -0
  25. package/components/toolbar.js +259 -0
  26. package/components/toolbar.js.map +1 -0
  27. package/components/virtualizer.js +1 -1
  28. package/components/virtualizer.js.map +1 -1
  29. package/controllers/data-operation.d.ts +14 -0
  30. package/controllers/data-operation.js +19 -2
  31. package/controllers/data-operation.js.map +1 -1
  32. package/controllers/dom.d.ts +37 -1
  33. package/controllers/dom.js +176 -9
  34. package/controllers/dom.js.map +1 -1
  35. package/controllers/editing.d.ts +130 -0
  36. package/controllers/editing.js +197 -0
  37. package/controllers/editing.js.map +1 -0
  38. package/controllers/expansion.d.ts +68 -0
  39. package/controllers/expansion.js +126 -0
  40. package/controllers/expansion.js.map +1 -0
  41. package/controllers/navigation.d.ts +17 -6
  42. package/controllers/navigation.js +24 -8
  43. package/controllers/navigation.js.map +1 -1
  44. package/controllers/pagination.d.ts +102 -0
  45. package/controllers/pagination.js +106 -0
  46. package/controllers/pagination.js.map +1 -0
  47. package/controllers/reorder.d.ts +78 -0
  48. package/controllers/reorder.js +124 -0
  49. package/controllers/reorder.js.map +1 -0
  50. package/controllers/selection.d.ts +109 -0
  51. package/controllers/selection.js +168 -0
  52. package/controllers/selection.js.map +1 -0
  53. package/controllers/sort.js +28 -0
  54. package/controllers/sort.js.map +1 -1
  55. package/controllers/state.d.ts +47 -1
  56. package/controllers/state.js +48 -1
  57. package/controllers/state.js.map +1 -1
  58. package/controllers/tree.d.ts +87 -0
  59. package/controllers/tree.js +0 -0
  60. package/controllers/tree.js.map +1 -0
  61. package/custom-elements.json +6491 -1355
  62. package/define.js.map +1 -1
  63. package/docs/assets/hierarchy.js +1 -1
  64. package/docs/assets/highlight.css +77 -14
  65. package/docs/assets/icons.js +1 -1
  66. package/docs/assets/icons.svg +1 -1
  67. package/docs/assets/main.js +4 -4
  68. package/docs/assets/navigation.js +1 -1
  69. package/docs/assets/search.js +1 -1
  70. package/docs/assets/style.css +3 -3
  71. package/docs/classes/ApexGrid.html +320 -24
  72. package/docs/functions/setup.html +16 -0
  73. package/docs/hierarchy.html +1 -1
  74. package/docs/index.html +543 -9
  75. package/docs/interfaces/ApexCellValueChangedEvent.html +11 -0
  76. package/docs/interfaces/ApexCellValueChangingEvent.html +13 -0
  77. package/docs/interfaces/ApexColumnMovedEvent.html +8 -0
  78. package/docs/interfaces/ApexColumnMovingEvent.html +11 -0
  79. package/docs/interfaces/ApexColumnPinnedEvent.html +6 -0
  80. package/docs/interfaces/ApexColumnPinningEvent.html +8 -0
  81. package/docs/interfaces/ApexDetailContext.html +8 -0
  82. package/docs/interfaces/ApexFilteredEvent.html +4 -4
  83. package/docs/interfaces/ApexFilteringEvent.html +4 -4
  84. package/docs/interfaces/ApexGridEventMap.html +60 -9
  85. package/docs/interfaces/ApexHeaderContext.html +4 -4
  86. package/docs/interfaces/ApexPageChangedEvent.html +10 -0
  87. package/docs/interfaces/ApexPageChangingEvent.html +10 -0
  88. package/docs/interfaces/ApexQuickFilterChangedEvent.html +4 -0
  89. package/docs/interfaces/ApexQuickFilterChangingEvent.html +6 -0
  90. package/docs/interfaces/ApexRowEditEndedEvent.html +6 -0
  91. package/docs/interfaces/ApexRowEditStartedEvent.html +4 -0
  92. package/docs/interfaces/ApexRowExpandedEvent.html +8 -0
  93. package/docs/interfaces/ApexRowExpandingEvent.html +11 -0
  94. package/docs/interfaces/ApexRowSelectedEvent.html +8 -0
  95. package/docs/interfaces/ApexRowSelectingEvent.html +11 -0
  96. package/docs/interfaces/ApexTreeRowExpandedEvent.html +8 -0
  97. package/docs/interfaces/ApexTreeRowExpandingEvent.html +10 -0
  98. package/docs/interfaces/BaseApexCellContext.html +12 -6
  99. package/docs/interfaces/BaseApexEditorContext.html +19 -0
  100. package/docs/interfaces/BaseColumnConfiguration.html +88 -14
  101. package/docs/interfaces/BaseColumnSortConfiguration.html +4 -4
  102. package/docs/interfaces/BaseFilterExpression.html +5 -5
  103. package/docs/interfaces/BaseSortExpression.html +4 -4
  104. package/docs/interfaces/CSVExportOptions.html +22 -0
  105. package/docs/interfaces/ColumnFilterConfiguration.html +3 -3
  106. package/docs/interfaces/DataPipelineConfiguration.html +13 -4
  107. package/docs/interfaces/ExportFormat.html +10 -0
  108. package/docs/interfaces/ExportOptions.html +15 -0
  109. package/docs/interfaces/GridEditingConfiguration.html +10 -0
  110. package/docs/interfaces/GridExpansionConfiguration.html +15 -0
  111. package/docs/interfaces/GridSelectionConfiguration.html +11 -0
  112. package/docs/interfaces/GridSortConfiguration.html +4 -4
  113. package/docs/interfaces/GridTreeConfiguration.html +33 -0
  114. package/docs/interfaces/PaginationConfiguration.html +18 -0
  115. package/docs/interfaces/PaginationState.html +10 -0
  116. package/docs/media/LICENSE +80 -0
  117. package/docs/media/_tokens.scss +106 -0
  118. package/docs/media/package.json +85 -0
  119. package/docs/modules.html +1 -1
  120. package/docs/types/ApexCellContext.html +2 -2
  121. package/docs/types/ApexEditorContext.html +2 -0
  122. package/docs/types/BasePropertyType.html +2 -2
  123. package/docs/types/BaseSortComparer.html +2 -2
  124. package/docs/types/ColumnConfiguration.html +2 -2
  125. package/docs/types/ColumnDropPosition.html +2 -0
  126. package/docs/types/ColumnSortConfiguration.html +2 -2
  127. package/docs/types/DataPipelineHook.html +2 -2
  128. package/docs/types/DataPipelineParams.html +5 -5
  129. package/docs/types/DataType.html +47 -2
  130. package/docs/types/EditMode.html +6 -0
  131. package/docs/types/EditTrigger.html +4 -0
  132. package/docs/types/ExportCellValue.html +5 -0
  133. package/docs/types/ExportSource.html +8 -0
  134. package/docs/types/FilterCriteria.html +2 -2
  135. package/docs/types/FilterExpression.html +2 -2
  136. package/docs/types/Keys.html +2 -2
  137. package/docs/types/PaginationMode.html +6 -0
  138. package/docs/types/PinPosition.html +5 -0
  139. package/docs/types/PropertyType.html +2 -2
  140. package/docs/types/SelectionMode.html +7 -0
  141. package/docs/types/SortComparer.html +2 -2
  142. package/docs/types/SortExpression.html +2 -2
  143. package/docs/types/SortState.html +2 -2
  144. package/docs/types/SortingDirection.html +1 -1
  145. package/index.d.ts +5 -2
  146. package/index.js +1 -0
  147. package/index.js.map +1 -1
  148. package/internal/column-types.d.ts +94 -0
  149. package/internal/column-types.js +428 -0
  150. package/internal/column-types.js.map +1 -0
  151. package/internal/export.d.ts +114 -0
  152. package/internal/export.js +122 -0
  153. package/internal/export.js.map +1 -0
  154. package/internal/feature-module.d.ts +27 -0
  155. package/internal/feature-module.js +2 -0
  156. package/internal/feature-module.js.map +1 -0
  157. package/internal/flip.d.ts +80 -0
  158. package/internal/flip.js +52 -0
  159. package/internal/flip.js.map +1 -0
  160. package/internal/icons.d.ts +31 -0
  161. package/internal/icons.js +145 -0
  162. package/internal/icons.js.map +1 -0
  163. package/internal/index.d.ts +20 -0
  164. package/internal/index.js +6 -0
  165. package/internal/index.js.map +1 -0
  166. package/internal/tags.d.ts +2 -0
  167. package/internal/tags.js +2 -0
  168. package/internal/tags.js.map +1 -1
  169. package/internal/types.d.ts +473 -3
  170. package/internal/types.js.map +1 -1
  171. package/internal/utils.d.ts +24 -1
  172. package/internal/utils.js +48 -7
  173. package/internal/utils.js.map +1 -1
  174. package/operations/filter/tree.d.ts +1 -1
  175. package/operations/filter/types.js.map +1 -1
  176. package/operations/pagination.d.ts +19 -0
  177. package/operations/pagination.js +12 -0
  178. package/operations/pagination.js.map +1 -0
  179. package/operations/quick-filter.d.ts +21 -0
  180. package/operations/quick-filter.js +26 -0
  181. package/operations/quick-filter.js.map +1 -0
  182. package/operations/sort/types.js.map +1 -1
  183. package/package.json +10 -5
  184. package/setup.d.ts +51 -0
  185. package/setup.js +31 -0
  186. package/setup.js.map +1 -0
  187. package/styles/_checkbox.css.js +3 -0
  188. package/styles/_checkbox.css.js.map +1 -0
  189. package/styles/_tokens.css.js +3 -0
  190. package/styles/_tokens.css.js.map +1 -0
  191. package/styles/body-cell/body-cell.css.js +1 -1
  192. package/styles/body-cell/body-cell.css.js.map +1 -1
  193. package/styles/body-cell/cell-renderers.css.js +3 -0
  194. package/styles/body-cell/cell-renderers.css.js.map +1 -0
  195. package/styles/body-row/body-row.css.js +1 -1
  196. package/styles/body-row/body-row.css.js.map +1 -1
  197. package/styles/filter-row/filter-row.css.js +1 -1
  198. package/styles/filter-row/filter-row.css.js.map +1 -1
  199. package/styles/grid/_grid.base.css.js +1 -1
  200. package/styles/grid/_grid.base.css.js.map +1 -1
  201. package/styles/grid/grid.css.js +3 -0
  202. package/styles/grid/grid.css.js.map +1 -0
  203. package/styles/header-cell/header-cell.css.js +1 -1
  204. package/styles/header-cell/header-cell.css.js.map +1 -1
  205. package/styles/header-row/header-row.base.css.js +1 -1
  206. package/styles/header-row/header-row.base.css.js.map +1 -1
  207. package/styles/paginator/paginator.css.d.ts +1 -0
  208. package/styles/paginator/paginator.css.js +3 -0
  209. package/styles/paginator/paginator.css.js.map +1 -0
  210. package/styles/toolbar/toolbar.css.d.ts +1 -0
  211. package/styles/toolbar/toolbar.css.js +3 -0
  212. package/styles/toolbar/toolbar.css.js.map +1 -0
  213. package/styles.css +17 -0
  214. package/internal/icon-registry.d.ts +0 -1
  215. package/internal/icon-registry.js +0 -29
  216. package/internal/icon-registry.js.map +0 -1
  217. package/internal/theming.d.ts +0 -34
  218. package/internal/theming.js +0 -123
  219. package/internal/theming.js.map +0 -1
  220. package/styles/grid/themes/light/grid.bootstrap.css.js +0 -3
  221. package/styles/grid/themes/light/grid.bootstrap.css.js.map +0 -1
  222. package/styles/grid/themes/light/grid.fluent.css.js +0 -3
  223. package/styles/grid/themes/light/grid.fluent.css.js.map +0 -1
  224. package/styles/grid/themes/light/grid.indigo.css.js +0 -3
  225. package/styles/grid/themes/light/grid.indigo.css.js.map +0 -1
  226. package/styles/grid/themes/light/grid.material.css.js +0 -3
  227. package/styles/grid/themes/light/grid.material.css.js.map +0 -1
  228. /package/styles/{grid/themes/light/grid.bootstrap.css.d.ts → _checkbox.css.d.ts} +0 -0
  229. /package/styles/{grid/themes/light/grid.fluent.css.d.ts → _tokens.css.d.ts} +0 -0
  230. /package/styles/{grid/themes/light/grid.indigo.css.d.ts → body-cell/cell-renderers.css.d.ts} +0 -0
  231. /package/styles/grid/{themes/light/grid.material.css.d.ts → grid.css.d.ts} +0 -0
@@ -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,ojFAAojF,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);--component-size: 3}:host{--ig-size: 1;display:grid;grid-row:filter-row;min-height:max(var(--is-large, 1)*max(3.125rem, -1 * 3.125rem),var(--is-medium, 1)*max(2.125rem, -1 * 2.125rem),var(--is-small, 1)*max(1.5rem, -1 * 1.5rem));background:var(--igx-header-background, var(--header-background));color:var(--igx-header-text-color, var(--header-text-color));border-block-end:var(--igx-header-border-width, var(--header-border-width)) var(--igx-header-border-style, var(--header-border-style)) var(--igx-header-border-color, var(--header-border-color));z-index:var(--z-index-base);padding-inline-end:var(--scrollbar-offset)}[part=filter-row-preview]{display:flex;align-items:center;overflow:hidden;padding:0 max(var(--is-large, 1)*max(1.5rem, -1 * 1.5rem),var(--is-medium, 1)*max(1rem, -1 * 1rem),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem));background:var(--igx-filtering-row-background, var(--filtering-row-background));color:var(--igx-filtering-row-text-color, var(--filtering-row-text-color));border-inline-end:var(--igx-header-border-width, var(--header-border-width)) var(--igx-header-border-style, var(--header-border-style)) var(--igx-header-border-color, var(--header-border-color))}[part~=active-state]{background:var(--igx-filtering-row-background, var(--filtering-row-background));color:var(--igx-filtering-row-text-color, var(--filtering-row-text-color));min-height:max(var(--is-large, 1)*max(3.125rem, -1 * 3.125rem),var(--is-medium, 1)*max(2.125rem, -1 * 2.125rem),var(--is-small, 1)*max(1.5rem, -1 * 1.5rem));min-width:100%;display:flex;align-items:center;gap:.5rem;position:relative;inset-block-start:-0.0625rem}[part=filter-row-preview]:last-of-type{border-inline-end:none}[part~=filter-row-input]{padding-inline-start:max(var(--is-large, 1)*max(1.5rem, -1 * 1.5rem),var(--is-medium, 1)*max(1rem, -1 * 1rem),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem))}[part~=filter-row-actions]{padding-inline-end:max(var(--is-large, 1)*max(1.5rem, -1 * 1.5rem),var(--is-medium, 1)*max(1rem, -1 * 1rem),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem))}[part~=filter-row-input],[part~=filter-row-filters],[part~=filter-row-actions]{display:flex;align-items:center}[part~=filter-row-filters]{flex:1;overflow:hidden}igc-input::part(container),igc-input::part(input){background:inherit;color:inherit}`;"]}
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,k+TAAk+T,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);--component-size: 3}:host{--ig-size: 1;display:grid;grid-row:filter-row;min-height:max(var(--is-large, 1)*max(3.125rem, -1 * 3.125rem),var(--is-medium, 1)*max(2.125rem, -1 * 2.125rem),var(--is-small, 1)*max(1.5rem, -1 * 1.5rem));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:var(--igx-header-border-width, var(--header-border-width, 1px)) var(--igx-header-border-style, var(--header-border-style, solid)) var(--igx-header-border-color, var(--header-border-color, var(--ag-hairline)));z-index:calc(var(--z-index-base) + 2);position:sticky;inset-block-start:var(--apex-row-top-filter, 0)}[part=filter-row-preview]{display:flex;align-items:center;overflow:hidden;padding:0 max(var(--is-large, 1)*max(1.5rem, -1 * 1.5rem),var(--is-medium, 1)*max(1rem, -1 * 1rem),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem));background:var(--igx-filtering-row-background, var(--filtering-row-background, transparent));color:var(--igx-filtering-row-text-color, var(--filtering-row-text-color, var(--ag-text-body)));border-inline-end:var(--igx-header-border-width, var(--header-border-width, 1px)) var(--igx-header-border-style, var(--header-border-style, solid)) var(--igx-header-border-color, var(--header-border-color, var(--ag-hairline)))}[part~=active-state]{background:var(--igx-filtering-row-background, var(--filtering-row-background, transparent));color:var(--igx-filtering-row-text-color, var(--filtering-row-text-color, var(--ag-text-body)));min-height:max(var(--is-large, 1)*max(3.125rem, -1 * 3.125rem),var(--is-medium, 1)*max(2.125rem, -1 * 2.125rem),var(--is-small, 1)*max(1.5rem, -1 * 1.5rem));display:flex;align-items:center;gap:.5rem;margin-block-start:-0.0625rem;grid-column:1/-1;position:sticky;inset-inline-start:0;width:var(--apex-host-width, 100%);max-width:var(--apex-host-width, 100%)}[part=filter-row-preview]:last-of-type{border-inline-end:none}[part=filter-row-preview][data-pinned=start],[part=filter-row-preview][data-pinned=end]{position:sticky;z-index:calc(var(--z-index-base) + 1);background:var(--igx-header-background, var(--header-background, var(--ag-surface-elevated)))}[part=filter-row-preview][data-pinned=start]{inset-inline-start:var(--apex-pin-offset, 0)}[part=filter-row-preview][data-pinned=end]{inset-inline-end:var(--apex-pin-offset, 0)}[part=filter-row-preview][data-pin-edge=start]{border-inline-end:var(--igx-header-border-width, var(--header-border-width, 1px)) var(--igx-header-border-style, var(--header-border-style, solid)) var(--igx-header-border-color, var(--header-border-color, var(--ag-hairline)));box-shadow:.125rem 0 .25rem rgba(0,0,0,.06)}[part=filter-row-preview][data-pin-edge=end]{border-inline-start:var(--igx-header-border-width, var(--header-border-width, 1px)) var(--igx-header-border-style, var(--header-border-style, solid)) var(--igx-header-border-color, var(--header-border-color, var(--ag-hairline)));box-shadow:-0.125rem 0 .25rem rgba(0,0,0,.06)}[part~=filter-row-input]{padding-inline-start:max(var(--is-large, 1)*max(1.5rem, -1 * 1.5rem),var(--is-medium, 1)*max(1rem, -1 * 1rem),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem))}[part~=filter-row-actions]{padding-inline-end:max(var(--is-large, 1)*max(1.5rem, -1 * 1.5rem),var(--is-medium, 1)*max(1rem, -1 * 1rem),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem))}[part~=filter-row-input],[part~=filter-row-filters],[part~=filter-row-actions]{display:flex;align-items:center}[part~=filter-row-filters]{flex:1;overflow:hidden}svg{inline-size:1rem;block-size:1rem;display:inline-block;vertical-align:middle;color:currentcolor;flex-shrink:0}[part=filter-field]{position:relative;display:inline-flex;align-items:center;block-size:1.75rem;inline-size:100%;padding:0 .375rem;gap:.25rem;background:rgba(0,0,0,0);border:.0625rem solid var(--ag-brand-line);border-radius:.5rem;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-field]:focus-within{border-color:color-mix(in srgb, var(--ag-brand) 50%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--ag-brand) 14%, transparent)}[part~=dropdown]{position:absolute;inset-block-start:calc(100% + 0.25rem);inset-inline:0;margin:0;padding:.25rem 0;list-style:none;background:var(--igx-content-background, var(--content-background, white));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=filter-input]{flex:1;min-inline-size:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);color:inherit;border:0;outline:0;padding:0;margin:0;font:inherit;font-size:.8125rem;line-height:1}[part=filter-input]::-moz-placeholder{color:inherit;opacity:.55}[part=filter-input]::placeholder{color:inherit;opacity:.55}[part=filter-input]:-moz-read-only{cursor:default}[part=filter-input]:read-only{cursor:default}[part=condition-trigger]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);border:0;padding:.125rem;margin:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:inherit;line-height:0;border-radius:.1875rem}[part=condition-trigger]:hover{background:hsl(from currentcolor h s l/8%)}[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}[part=action],[part=criteria]{-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,[part=criteria]:hover{background:hsl(from currentcolor h s l/8%)}[part=action]:focus-visible,[part=criteria]:focus-visible{outline:.125rem solid var(--igx-cell-active-border-color, var(--cell-active-border-color, var(--ag-brand)));outline-offset:.0625rem}[part=criteria]{color:var(--igx-cell-active-border-color, var(--cell-active-border-color, var(--ag-brand)));font-weight:600}[part=filter-chip]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:.25rem;background:rgba(0,0,0,0);color:var(--ag-text-muted);border:.0625rem solid var(--ag-hairline);border-radius:var(--ag-radius-sm);padding:.125rem .625rem .125rem .5rem;font:inherit;font-size:.75rem;line-height:1.6;cursor:pointer;transition:background-color var(--ag-dur-fast) var(--ag-ease),color var(--ag-dur-fast) var(--ag-ease)}[part=filter-chip]:hover{background:hsl(from currentcolor h s l/8%);color:var(--ag-text-body)}[part=filter-chip]:focus-visible{outline:.125rem solid var(--igx-cell-active-border-color, var(--cell-active-border-color, var(--ag-brand)));outline-offset:.0625rem}[part=filter-chip] svg{opacity:.8}[part=filter-chip-count]{display:inline-flex;align-items:center;justify-content:center;min-inline-size:1rem;block-size:1rem;padding:0 .25rem;border-radius:.5rem;background:var(--igx-cell-active-border-color, var(--cell-active-border-color, var(--ag-brand)));color:var(--igx-primary-500-contrast, white);font-size:.625rem;font-weight:600;margin-inline-start:.125rem}[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}`;"]}
@@ -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;height:100%;position:relative;font-family:var(--ig-font-family);box-shadow:var(--ig-elevation-2);overflow:auto hidden;grid-template-rows:[header-row] max-content [filter-row] max-content [virtualized-container] auto;--scrollbar-offset: 0;--z-index-base: 1}apex-virtualizer{grid-row:virtualized-container;display:flex;flex-flow:column;flex:1;background:var(--igx-content-background, var(--content-background));color:var(--igx-content-text-color, var(--content-text-color));overflow:hidden auto !important}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));width:.125rem;inset-inline-start:0;top:0;z-index:calc(var(--z-index-base) + 1)}`;
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: rgba(15, 23, 42, 0.08);--ag-row-hover: color-mix(in srgb, #0f172a 5%, var(--ag-surface));--ag-surface: #fff;--ag-surface-alt: #f9fafb;--ag-surface-elevated: linear-gradient(180deg, #fbfcfd 0%, #f6f7f8 100%);--ag-text: #111827;--ag-text-body: #1f2937;--ag-text-muted: #6b7280;--ag-text-subtle: #9ca3af;--ag-text-on-brand: #fff;--ag-border: rgba(15, 23, 42, 0.05);--ag-good: #10b981;--ag-good-text: #047857;--ag-good-soft: rgba(16, 185, 129, 0.1);--ag-watch: #f59e0b;--ag-watch-text: #b45309;--ag-watch-soft: rgba(245, 158, 11, 0.1);--ag-risk: #ef4444;--ag-risk-text: #b91c1c;--ag-risk-soft: rgba(239, 68, 68, 0.1);--ag-gold: #fef3c7;--ag-gold-line: #fde68a;--ag-gold-text: #92400e;--ag-shadow-card: 0 16px 38px rgba(15, 23, 42, 0.12), 0 0 0 1px rgba(15, 23, 42, 0.06), 0 1px 0 rgba(255, 255, 255, 0.9) inset;--ag-font: 'Inter', -apple-system, blinkmacsystemfont, sans-serif;--ag-fs-cell: 12px;--ag-fs-cell-secondary: 10.5px;--ag-fs-tiny: 10px;--ag-fw-regular: 500;--ag-fw-semibold: 600;--ag-fw-bold: 700;--ag-tracking-tight: -0.005em;--ag-tracking-header: 0.05em;--ag-leading: 1.4;--ag-cell-pad-x: 10px;--ag-row-h: 36px;--ag-header-h: 36px;--ag-toolbar-pad: 12px 14px;--ag-footer-pad: 10px 14px;--ag-radius: 18px;--ag-radius-sm: 6px;--ag-radius-xs: 4px;--ag-radius-pill: 20px;--ag-ease: cubic-bezier(0.2, 0.8, 0.2, 1);--ag-dur-fast: 120ms;--ag-dur-med: 180ms;--ag-dur-slow: 240ms}:host{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:linear-gradient(155deg, rgba(255, 255, 255, 0.96) 0%, rgba(252, 253, 255, 0.92) 50%, rgba(248, 250, 254, 0.94) 100%);box-shadow:var(--ag-grid-shadow, 0 0 0 1px var(--ag-hairline));overflow:auto;grid-template-rows:[toolbar-row] max-content [header-row] max-content [filter-row] max-content [virtualized-container] auto [paginator-row] max-content;--scrollbar-offset: 0;--z-index-base: 1}apex-virtualizer{grid-row:virtualized-container;display:flex;flex-flow:column;flex:1;background:var(--igx-content-background, var(--content-background, var(--ag-surface)));color:var(--igx-content-text-color, var(--content-text-color, var(--ag-text-body)))}apex-virtualizer:focus{outline:none}[part~=resize-indicator]{position:absolute;height:100%;background-color:var(--igx-grid-resize-line-color, var(--grid-resize-line-color, var(--ag-brand)));width:.125rem;inset-inline-start:0;top:0;z-index:calc(var(--z-index-base) + 1)}`;
3
3
  //# sourceMappingURL=_grid.base.css.js.map
@@ -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,2lCAA2lC,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;height:100%;position:relative;font-family:var(--ig-font-family);box-shadow:var(--ig-elevation-2);overflow:auto hidden;grid-template-rows:[header-row] max-content [filter-row] max-content [virtualized-container] auto;--scrollbar-offset: 0;--z-index-base: 1}apex-virtualizer{grid-row:virtualized-container;display:flex;flex-flow:column;flex:1;background:var(--igx-content-background, var(--content-background));color:var(--igx-content-text-color, var(--content-text-color));overflow:hidden auto !important}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));width:.125rem;inset-inline-start:0;top:0;z-index:calc(var(--z-index-base) + 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,4rGAA4rG,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);--component-size: 3}:host{--ag-brand: var(--ig-primary-500, #0d6fd3);--ag-brand-strong: var(--ig-primary-700, #0a56b8);--ag-brand-soft: color-mix(in srgb, var(--ag-brand) 10%, transparent);--ag-brand-softer: color-mix(in srgb, var(--ag-brand) 7%, transparent);--ag-brand-line: color-mix(in srgb, var(--ag-brand) 18%, transparent);--ag-hairline: rgba(15, 23, 42, 0.08);--ag-row-hover: color-mix(in srgb, #0f172a 5%, var(--ag-surface));--ag-surface: #fff;--ag-surface-alt: #f9fafb;--ag-surface-elevated: linear-gradient(180deg, #fbfcfd 0%, #f6f7f8 100%);--ag-text: #111827;--ag-text-body: #1f2937;--ag-text-muted: #6b7280;--ag-text-subtle: #9ca3af;--ag-text-on-brand: #fff;--ag-border: rgba(15, 23, 42, 0.05);--ag-good: #10b981;--ag-good-text: #047857;--ag-good-soft: rgba(16, 185, 129, 0.1);--ag-watch: #f59e0b;--ag-watch-text: #b45309;--ag-watch-soft: rgba(245, 158, 11, 0.1);--ag-risk: #ef4444;--ag-risk-text: #b91c1c;--ag-risk-soft: rgba(239, 68, 68, 0.1);--ag-gold: #fef3c7;--ag-gold-line: #fde68a;--ag-gold-text: #92400e;--ag-shadow-card: 0 16px 38px rgba(15, 23, 42, 0.12), 0 0 0 1px rgba(15, 23, 42, 0.06), 0 1px 0 rgba(255, 255, 255, 0.9) inset;--ag-font: 'Inter', -apple-system, blinkmacsystemfont, sans-serif;--ag-fs-cell: 12px;--ag-fs-cell-secondary: 10.5px;--ag-fs-tiny: 10px;--ag-fw-regular: 500;--ag-fw-semibold: 600;--ag-fw-bold: 700;--ag-tracking-tight: -0.005em;--ag-tracking-header: 0.05em;--ag-leading: 1.4;--ag-cell-pad-x: 10px;--ag-row-h: 36px;--ag-header-h: 36px;--ag-toolbar-pad: 12px 14px;--ag-footer-pad: 10px 14px;--ag-radius: 18px;--ag-radius-sm: 6px;--ag-radius-xs: 4px;--ag-radius-pill: 20px;--ag-ease: cubic-bezier(0.2, 0.8, 0.2, 1);--ag-dur-fast: 120ms;--ag-dur-med: 180ms;--ag-dur-slow: 240ms}:host{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:linear-gradient(155deg, rgba(255, 255, 255, 0.96) 0%, rgba(252, 253, 255, 0.92) 50%, rgba(248, 250, 254, 0.94) 100%);box-shadow:var(--ag-grid-shadow, 0 0 0 1px var(--ag-hairline));overflow:auto;grid-template-rows:[toolbar-row] max-content [header-row] max-content [filter-row] max-content [virtualized-container] auto [paginator-row] max-content;--scrollbar-offset: 0;--z-index-base: 1}apex-virtualizer{grid-row:virtualized-container;display:flex;flex-flow:column;flex:1;background:var(--igx-content-background, var(--content-background, var(--ag-surface)));color:var(--igx-content-text-color, var(--content-text-color, var(--ag-text-body)))}apex-virtualizer:focus{outline:none}[part~=resize-indicator]{position:absolute;height:100%;background-color:var(--igx-grid-resize-line-color, var(--grid-resize-line-color, var(--ag-brand)));width:.125rem;inset-inline-start:0;top:0;z-index:calc(var(--z-index-base) + 1)}`;"]}
@@ -0,0 +1,3 @@
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: rgba(15, 23, 42, 0.08);--ag-row-hover: color-mix(in srgb, #0f172a 5%, var(--ag-surface));--ag-surface: #fff;--ag-surface-alt: #f9fafb;--ag-surface-elevated: linear-gradient(180deg, #fbfcfd 0%, #f6f7f8 100%);--ag-text: #111827;--ag-text-body: #1f2937;--ag-text-muted: #6b7280;--ag-text-subtle: #9ca3af;--ag-text-on-brand: #fff;--ag-border: rgba(15, 23, 42, 0.05);--ag-good: #10b981;--ag-good-text: #047857;--ag-good-soft: rgba(16, 185, 129, 0.1);--ag-watch: #f59e0b;--ag-watch-text: #b45309;--ag-watch-soft: rgba(245, 158, 11, 0.1);--ag-risk: #ef4444;--ag-risk-text: #b91c1c;--ag-risk-soft: rgba(239, 68, 68, 0.1);--ag-gold: #fef3c7;--ag-gold-line: #fde68a;--ag-gold-text: #92400e;--ag-shadow-card: 0 16px 38px rgba(15, 23, 42, 0.12), 0 0 0 1px rgba(15, 23, 42, 0.06), 0 1px 0 rgba(255, 255, 255, 0.9) inset;--ag-font: 'Inter', -apple-system, blinkmacsystemfont, sans-serif;--ag-fs-cell: 12px;--ag-fs-cell-secondary: 10.5px;--ag-fs-tiny: 10px;--ag-fw-regular: 500;--ag-fw-semibold: 600;--ag-fw-bold: 700;--ag-tracking-tight: -0.005em;--ag-tracking-header: 0.05em;--ag-leading: 1.4;--ag-cell-pad-x: 10px;--ag-row-h: 36px;--ag-header-h: 36px;--ag-toolbar-pad: 12px 14px;--ag-footer-pad: 10px 14px;--ag-radius: 18px;--ag-radius-sm: 6px;--ag-radius-xs: 4px;--ag-radius-pill: 20px;--ag-ease: cubic-bezier(0.2, 0.8, 0.2, 1);--ag-dur-fast: 120ms;--ag-dur-med: 180ms;--ag-dur-slow: 240ms}:host{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:linear-gradient(155deg, rgba(255, 255, 255, 0.96) 0%, rgba(252, 253, 255, 0.92) 50%, rgba(248, 250, 254, 0.94) 100%);box-shadow:var(--ag-grid-shadow, 0 0 0 1px var(--ag-hairline));overflow:auto;grid-template-rows:[toolbar-row] max-content [header-row] max-content [filter-row] max-content [virtualized-container] auto [paginator-row] max-content;--scrollbar-offset: 0;--z-index-base: 1}apex-virtualizer{grid-row:virtualized-container;display:flex;flex-flow:column;flex:1;background:var(--igx-content-background, var(--content-background, var(--ag-surface)));color:var(--igx-content-text-color, var(--content-text-color, var(--ag-text-body)))}apex-virtualizer:focus{outline:none}[part~=resize-indicator]{position:absolute;height:100%;background-color:var(--igx-grid-resize-line-color, var(--grid-resize-line-color, var(--ag-brand)));width:.125rem;inset-inline-start:0;top:0;z-index:calc(var(--z-index-base) + 1)}`;
3
+ //# sourceMappingURL=grid.css.js.map
@@ -0,0 +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,4rGAA4rG,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);--component-size: 3}:host{--ag-brand: var(--ig-primary-500, #0d6fd3);--ag-brand-strong: var(--ig-primary-700, #0a56b8);--ag-brand-soft: color-mix(in srgb, var(--ag-brand) 10%, transparent);--ag-brand-softer: color-mix(in srgb, var(--ag-brand) 7%, transparent);--ag-brand-line: color-mix(in srgb, var(--ag-brand) 18%, transparent);--ag-hairline: rgba(15, 23, 42, 0.08);--ag-row-hover: color-mix(in srgb, #0f172a 5%, var(--ag-surface));--ag-surface: #fff;--ag-surface-alt: #f9fafb;--ag-surface-elevated: linear-gradient(180deg, #fbfcfd 0%, #f6f7f8 100%);--ag-text: #111827;--ag-text-body: #1f2937;--ag-text-muted: #6b7280;--ag-text-subtle: #9ca3af;--ag-text-on-brand: #fff;--ag-border: rgba(15, 23, 42, 0.05);--ag-good: #10b981;--ag-good-text: #047857;--ag-good-soft: rgba(16, 185, 129, 0.1);--ag-watch: #f59e0b;--ag-watch-text: #b45309;--ag-watch-soft: rgba(245, 158, 11, 0.1);--ag-risk: #ef4444;--ag-risk-text: #b91c1c;--ag-risk-soft: rgba(239, 68, 68, 0.1);--ag-gold: #fef3c7;--ag-gold-line: #fde68a;--ag-gold-text: #92400e;--ag-shadow-card: 0 16px 38px rgba(15, 23, 42, 0.12), 0 0 0 1px rgba(15, 23, 42, 0.06), 0 1px 0 rgba(255, 255, 255, 0.9) inset;--ag-font: 'Inter', -apple-system, blinkmacsystemfont, sans-serif;--ag-fs-cell: 12px;--ag-fs-cell-secondary: 10.5px;--ag-fs-tiny: 10px;--ag-fw-regular: 500;--ag-fw-semibold: 600;--ag-fw-bold: 700;--ag-tracking-tight: -0.005em;--ag-tracking-header: 0.05em;--ag-leading: 1.4;--ag-cell-pad-x: 10px;--ag-row-h: 36px;--ag-header-h: 36px;--ag-toolbar-pad: 12px 14px;--ag-footer-pad: 10px 14px;--ag-radius: 18px;--ag-radius-sm: 6px;--ag-radius-xs: 4px;--ag-radius-pill: 20px;--ag-ease: cubic-bezier(0.2, 0.8, 0.2, 1);--ag-dur-fast: 120ms;--ag-dur-med: 180ms;--ag-dur-slow: 240ms}:host{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:linear-gradient(155deg, rgba(255, 255, 255, 0.96) 0%, rgba(252, 253, 255, 0.92) 50%, rgba(248, 250, 254, 0.94) 100%);box-shadow:var(--ag-grid-shadow, 0 0 0 1px var(--ag-hairline));overflow:auto;grid-template-rows:[toolbar-row] max-content [header-row] max-content [filter-row] max-content [virtualized-container] auto [paginator-row] max-content;--scrollbar-offset: 0;--z-index-base: 1}apex-virtualizer{grid-row:virtualized-container;display:flex;flex-flow:column;flex:1;background:var(--igx-content-background, var(--content-background, var(--ag-surface)));color:var(--igx-content-text-color, var(--content-text-color, var(--ag-text-body)))}apex-virtualizer:focus{outline:none}[part~=resize-indicator]{position:absolute;height:100%;background-color:var(--igx-grid-resize-line-color, var(--grid-resize-line-color, var(--ag-brand)));width:.125rem;inset-inline-start:0;top:0;z-index:calc(var(--z-index-base) + 1)}`;"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);--component-size: 3}:host{display:flex;align-items:center;position:relative;border-inline-end:var(--igx-header-border-width, var(--header-border-width)) var(--igx-header-border-style, var(--header-border-style)) var(--igx-header-border-color, var(--header-border-color));font-weight:600;font-size:0.75rem}:host(:last-of-type){border-inline-end:none}[part~=content]{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:0 max(var(--is-large, 1)*max(1.5rem, -1 * 1.5rem),var(--is-medium, 1)*max(1rem, -1 * 1rem),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem));font-weight:500;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}[part~=actions]{display:flex;gap:.25rem;align-items:center}[part~=action]{cursor:pointer;opacity:.7;transition:opacity .25s ease-in-out}[part~=action]:hover,[part~=action]:focus{opacity:1}[part~=action] igc-icon{--size: 0.9375rem;color:var(--igx-icon-color, var(--icon-color))}[part~=action] igc-icon::after{content:attr(data-sortIndex);position:absolute;top:-5px;inset-inline-end:-1px;font-size:.625rem;text-align:end;font-family:sans-serif;line-height:.625rem;color:var(--igx-sorted-header-icon-color, var(--sorted-header-icon-color))}[part~=sorted],[part~=filtered]{color:var(--igx-sorted-header-icon-color, var(--sorted-header-icon-color))}[part~=sorted] igc-icon,[part~=filtered] igc-icon{color:var(--igx-sorted-header-icon-color, var(--sorted-header-icon-color))}[part~=filtered]{background:var(--igx-filtering-header-background, var(--filtering-header-background))}[part~=action]:empty{display:none}[part~=resizable]{width:.25rem;height:100%;position:absolute;inset-inline-end:-0.125rem;z-index:var(--z-index-base);cursor:col-resize}[part~=filter]{position:relative}[part~=filter-count]{position:absolute;top:-5px;inset-inline-end:-1px;font-size:.625rem;text-align:end;font-family:sans-serif;line-height:.625rem;color:currentcolor}`;
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-muted)));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;width:14px;pointer-events:none}:host([data-pin-edge=start])::after{inset-inline-end:-14px;background:linear-gradient(90deg, color-mix(in srgb, var(--ag-brand) 6%, transparent) 0%, color-mix(in srgb, var(--ag-brand) 0%, transparent) 100%)}:host([data-pin-edge=end])::after{inset-inline-start:-14px;background:linear-gradient(270deg, color-mix(in srgb, var(--ag-brand) 6%, transparent) 0%, color-mix(in srgb, var(--ag-brand) 0%, transparent) 100%)}[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-muted)))}: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:1.5rem;block-size:1.5rem;display:inline-flex;align-items:center;justify-content:center;position:relative}[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;inline-size:6px;block-size:9px}[part~=sort-up],[part~=sort-down]{fill:currentcolor;opacity:.45;transition:opacity var(--ag-dur-fast) var(--ag-ease),fill var(--ag-dur-fast) var(--ag-ease)}:host(:hover) [part~=sort-up],:host(:hover) [part~=sort-down]{opacity:.65}[part~=action][data-sort-active=ascending] [part~=sort-up],[part~=action][data-sort-active=descending] [part~=sort-down]{opacity:1;fill: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]{position:relative}[part~=filter-count]{position:absolute;top:-5px;inset-inline-end:-1px;font-size:var(--ag-fs-tiny);text-align:end;line-height:1;font-variant-numeric:tabular-nums;color:currentcolor}`;
3
3
  //# sourceMappingURL=header-cell.css.js.map
@@ -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,60EAA60E,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;border-inline-end:var(--igx-header-border-width, var(--header-border-width)) var(--igx-header-border-style, var(--header-border-style)) var(--igx-header-border-color, var(--header-border-color));font-weight:600;font-size:0.75rem}:host(:last-of-type){border-inline-end:none}[part~=content]{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:0 max(var(--is-large, 1)*max(1.5rem, -1 * 1.5rem),var(--is-medium, 1)*max(1rem, -1 * 1rem),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem));font-weight:500;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}[part~=actions]{display:flex;gap:.25rem;align-items:center}[part~=action]{cursor:pointer;opacity:.7;transition:opacity .25s ease-in-out}[part~=action]:hover,[part~=action]:focus{opacity:1}[part~=action] igc-icon{--size: 0.9375rem;color:var(--igx-icon-color, var(--icon-color))}[part~=action] igc-icon::after{content:attr(data-sortIndex);position:absolute;top:-5px;inset-inline-end:-1px;font-size:.625rem;text-align:end;font-family:sans-serif;line-height:.625rem;color:var(--igx-sorted-header-icon-color, var(--sorted-header-icon-color))}[part~=sorted],[part~=filtered]{color:var(--igx-sorted-header-icon-color, var(--sorted-header-icon-color))}[part~=sorted] igc-icon,[part~=filtered] igc-icon{color:var(--igx-sorted-header-icon-color, var(--sorted-header-icon-color))}[part~=filtered]{background:var(--igx-filtering-header-background, var(--filtering-header-background))}[part~=action]:empty{display:none}[part~=resizable]{width:.25rem;height:100%;position:absolute;inset-inline-end:-0.125rem;z-index:var(--z-index-base);cursor:col-resize}[part~=filter]{position:relative}[part~=filter-count]{position:absolute;top:-5px;inset-inline-end:-1px;font-size:.625rem;text-align:end;font-family:sans-serif;line-height:.625rem;color:currentcolor}`;"]}
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,opIAAopI,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-muted)));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;width:14px;pointer-events:none}:host([data-pin-edge=start])::after{inset-inline-end:-14px;background:linear-gradient(90deg, color-mix(in srgb, var(--ag-brand) 6%, transparent) 0%, color-mix(in srgb, var(--ag-brand) 0%, transparent) 100%)}:host([data-pin-edge=end])::after{inset-inline-start:-14px;background:linear-gradient(270deg, color-mix(in srgb, var(--ag-brand) 6%, transparent) 0%, color-mix(in srgb, var(--ag-brand) 0%, transparent) 100%)}[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-muted)))}: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:1.5rem;block-size:1.5rem;display:inline-flex;align-items:center;justify-content:center;position:relative}[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;inline-size:6px;block-size:9px}[part~=sort-up],[part~=sort-down]{fill:currentcolor;opacity:.45;transition:opacity var(--ag-dur-fast) var(--ag-ease),fill var(--ag-dur-fast) var(--ag-ease)}:host(:hover) [part~=sort-up],:host(:hover) [part~=sort-down]{opacity:.65}[part~=action][data-sort-active=ascending] [part~=sort-up],[part~=action][data-sort-active=descending] [part~=sort-down]{opacity:1;fill: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]{position:relative}[part~=filter-count]{position:absolute;top:-5px;inset-inline-end:-1px;font-size:var(--ag-fs-tiny);text-align:end;line-height:1;font-variant-numeric:tabular-nums;color:currentcolor}`;"]}
@@ -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:header-row;min-height:max(var(--is-large, 1)*max(3.125rem, -1 * 3.125rem),var(--is-medium, 1)*max(2.125rem, -1 * 2.125rem),var(--is-small, 1)*max(1.5rem, -1 * 1.5rem));background:var(--igx-header-background, var(--header-background));color:var(--igx-header-text-color, var(--header-text-color));contain:content;border-block-end:var(--igx-header-border-width, var(--header-border-width)) var(--igx-header-border-style, var(--header-border-style)) var(--igx-header-border-color, var(--header-border-color));z-index:var(--z-index-base);padding-inline-end:var(--scrollbar-offset)}:host(:focus){outline:none}[part=filtered]{background:var(--igx-filtering-header-background, var(--filtering-header-background))}`;
2
+ export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);--component-size: 3}:host{display:grid;grid-row: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) + 3);position:sticky;inset-block-start:var(--apex-row-top-header, 0)}:host(:focus){outline:none}[part=filtered]{background:var(--igx-filtering-header-background, var(--filtering-header-background, transparent))}[part=selection-header]{display:flex;align-items:center;justify-content:center;position:sticky;inset-inline-start:0;z-index:calc(var(--z-index-base) + 2);background:inherit;border-inline-end:1px solid var(--igx-header-border-color, var(--header-border-color, var(--ag-hairline)))}[part=selection-header] input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;inline-size:14px;block-size:14px;margin:0;flex-shrink:0;box-sizing:border-box;border:1.4px solid color-mix(in srgb, var(--ag-brand) 30%, transparent);border-radius:var(--ag-radius-xs);background-color:var(--ag-surface);background-repeat:no-repeat;background-position:center;cursor:pointer;transition:background-color var(--ag-dur-fast) var(--ag-ease),border-color var(--ag-dur-fast) var(--ag-ease),transform var(--ag-dur-fast) var(--ag-ease)}[part=selection-header] input[type=checkbox]:hover{border-color:color-mix(in srgb, var(--ag-brand) 55%, transparent)}[part=selection-header] input[type=checkbox]:active{transform:scale(0.92)}[part=selection-header] input[type=checkbox]:checked,[part=selection-header] input[type=checkbox]:indeterminate{background-color:var(--ag-brand);border-color:var(--ag-brand)}[part=selection-header] input[type=checkbox]:checked{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3 7.4 5.8 10.2 11 4.2' fill='none' stroke='%23ffffff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}[part=selection-header] input[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Crect x='3.5' y='6.2' width='7' height='1.6' rx='0.8' fill='%23ffffff'/%3E%3C/svg%3E")}[part=selection-header] input[type=checkbox]:focus-visible{outline:2px solid color-mix(in srgb, var(--ag-brand) 50%, transparent);outline-offset:2px}[part=expansion-header]{display:flex;align-items:center;justify-content:center;position:sticky;inset-inline-start:0;z-index:calc(var(--z-index-base) + 2);background:inherit;border-inline-end:1px solid var(--igx-header-border-color, var(--header-border-color, var(--ag-hairline)))}[part=expansion-header] [part=expansion-toggle]{display:inline-flex;align-items:center;justify-content:center;inline-size:1.5rem;block-size:1.5rem;padding:0;border:1px solid rgba(0,0,0,0);border-radius:var(--ag-radius-xs);background:rgba(0,0,0,0);color:var(--ag-text-muted);cursor:pointer;transition:background-color var(--ag-dur-fast) var(--ag-ease),border-color var(--ag-dur-fast) var(--ag-ease),color var(--ag-dur-fast) var(--ag-ease)}[part=expansion-header] [part=expansion-toggle]:hover{background:var(--ag-brand-softer);border-color:var(--ag-brand-line);color:var(--ag-brand-strong)}[part=expansion-header] [part=expansion-toggle]:focus-visible{outline:2px solid color-mix(in srgb, var(--ag-brand) 50%, transparent);outline-offset:2px}[part=expansion-header] [part=expansion-chevron]{transition:transform var(--ag-dur-med) var(--ag-ease)}[part=drag-ghost]{position:fixed;display:flex;align-items:center;padding:0 var(--ag-cell-pad-x);background:var(--igx-cell-editor-background, var(--ag-surface));color:var(--ag-text-body);border:1px solid var(--ag-brand-line);border-radius:var(--ag-radius-sm);box-shadow:0 0.125rem 0.375rem rgba(0,0,0,.1),0 0.625rem 1.75rem rgba(0,0,0,.18);font-weight:var(--ag-fw-semibold);font-size:var(--ag-fs-cell);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:grabbing;z-index:99999;transform:rotate(-1deg)}`;
3
3
  //# sourceMappingURL=header-row.base.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"header-row.base.css.js","sourceRoot":"","sources":["../../../src/styles/header-row/header-row.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ijCAAijC,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:header-row;min-height:max(var(--is-large, 1)*max(3.125rem, -1 * 3.125rem),var(--is-medium, 1)*max(2.125rem, -1 * 2.125rem),var(--is-small, 1)*max(1.5rem, -1 * 1.5rem));background:var(--igx-header-background, var(--header-background));color:var(--igx-header-text-color, var(--header-text-color));contain:content;border-block-end:var(--igx-header-border-width, var(--header-border-width)) var(--igx-header-border-style, var(--header-border-style)) var(--igx-header-border-color, var(--header-border-color));z-index:var(--z-index-base);padding-inline-end:var(--scrollbar-offset)}:host(:focus){outline:none}[part=filtered]{background:var(--igx-filtering-header-background, var(--filtering-header-background))}`;"]}
1
+ {"version":3,"file":"header-row.base.css.js","sourceRoot":"","sources":["../../../src/styles/header-row/header-row.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8+IAA8+I,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: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) + 3);position:sticky;inset-block-start:var(--apex-row-top-header, 0)}:host(:focus){outline:none}[part=filtered]{background:var(--igx-filtering-header-background, var(--filtering-header-background, transparent))}[part=selection-header]{display:flex;align-items:center;justify-content:center;position:sticky;inset-inline-start:0;z-index:calc(var(--z-index-base) + 2);background:inherit;border-inline-end:1px solid var(--igx-header-border-color, var(--header-border-color, var(--ag-hairline)))}[part=selection-header] input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;inline-size:14px;block-size:14px;margin:0;flex-shrink:0;box-sizing:border-box;border:1.4px solid color-mix(in srgb, var(--ag-brand) 30%, transparent);border-radius:var(--ag-radius-xs);background-color:var(--ag-surface);background-repeat:no-repeat;background-position:center;cursor:pointer;transition:background-color var(--ag-dur-fast) var(--ag-ease),border-color var(--ag-dur-fast) var(--ag-ease),transform var(--ag-dur-fast) var(--ag-ease)}[part=selection-header] input[type=checkbox]:hover{border-color:color-mix(in srgb, var(--ag-brand) 55%, transparent)}[part=selection-header] input[type=checkbox]:active{transform:scale(0.92)}[part=selection-header] input[type=checkbox]:checked,[part=selection-header] input[type=checkbox]:indeterminate{background-color:var(--ag-brand);border-color:var(--ag-brand)}[part=selection-header] input[type=checkbox]:checked{background-image:url(\"data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3 7.4 5.8 10.2 11 4.2' fill='none' stroke='%23ffffff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\")}[part=selection-header] input[type=checkbox]:indeterminate{background-image:url(\"data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Crect x='3.5' y='6.2' width='7' height='1.6' rx='0.8' fill='%23ffffff'/%3E%3C/svg%3E\")}[part=selection-header] input[type=checkbox]:focus-visible{outline:2px solid color-mix(in srgb, var(--ag-brand) 50%, transparent);outline-offset:2px}[part=expansion-header]{display:flex;align-items:center;justify-content:center;position:sticky;inset-inline-start:0;z-index:calc(var(--z-index-base) + 2);background:inherit;border-inline-end:1px solid var(--igx-header-border-color, var(--header-border-color, var(--ag-hairline)))}[part=expansion-header] [part=expansion-toggle]{display:inline-flex;align-items:center;justify-content:center;inline-size:1.5rem;block-size:1.5rem;padding:0;border:1px solid rgba(0,0,0,0);border-radius:var(--ag-radius-xs);background:rgba(0,0,0,0);color:var(--ag-text-muted);cursor:pointer;transition:background-color var(--ag-dur-fast) var(--ag-ease),border-color var(--ag-dur-fast) var(--ag-ease),color var(--ag-dur-fast) var(--ag-ease)}[part=expansion-header] [part=expansion-toggle]:hover{background:var(--ag-brand-softer);border-color:var(--ag-brand-line);color:var(--ag-brand-strong)}[part=expansion-header] [part=expansion-toggle]:focus-visible{outline:2px solid color-mix(in srgb, var(--ag-brand) 50%, transparent);outline-offset:2px}[part=expansion-header] [part=expansion-chevron]{transition:transform var(--ag-dur-med) var(--ag-ease)}[part=drag-ghost]{position:fixed;display:flex;align-items:center;padding:0 var(--ag-cell-pad-x);background:var(--igx-cell-editor-background, var(--ag-surface));color:var(--ag-text-body);border:1px solid var(--ag-brand-line);border-radius:var(--ag-radius-sm);box-shadow:0 0.125rem 0.375rem rgba(0,0,0,.1),0 0.625rem 1.75rem rgba(0,0,0,.18);font-weight:var(--ag-fw-semibold);font-size:var(--ag-fs-cell);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:grabbing;z-index:99999;transform:rotate(-1deg)}`;"]}
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);--component-size: 3}:host{--ig-size: 1;grid-row:paginator-row;display:block;background:linear-gradient(0deg, #fbfcfd 0%, #f6f7f8 100%);color:var(--igx-header-text-color, var(--header-text-color, var(--ag-text-muted)));border-block-start:1px solid var(--igx-header-border-color, var(--header-border-color, var(--ag-hairline)));font-size:11.5px;z-index:calc(var(--z-index-base) + 4);position:sticky;inset-block-end:0;inset-inline-start:0;box-sizing:border-box;width:var(--apex-host-width, 100%);max-width:var(--apex-host-width, 100%)}[part=paginator]{display:flex;align-items:center;gap:.75rem;padding:var(--ag-footer-pad);min-height:2rem}[part=paginator-size]{display:inline-flex;align-items:center}[part=paginator-size] select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;padding:.125rem .375rem;font:inherit;font-size:11.5px;color:var(--ag-text-body);background:var(--ag-surface);border:1px solid var(--ag-hairline);border-radius:var(--ag-radius-sm);line-height:1;cursor:pointer}[part=paginator-size] select:focus-visible{outline:.125rem solid color-mix(in srgb, var(--ag-brand) 50%, transparent);outline-offset:.0625rem}[part=paginator-info]{flex:1;text-align:center;white-space:nowrap;color:var(--igx-header-text-color, var(--header-text-color, var(--ag-text-muted)));font-variant-numeric:tabular-nums}[part=paginator-controls]{display:inline-flex;align-items:center;gap:.125rem}[part=paginator-page]{padding:0 .375rem;min-width:3rem;text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:var(--ag-fw-semibold);color:var(--ag-text)}[part=paginator-button]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);color:var(--ag-text-body);border:0;padding:.125rem;margin:0;width:1.375rem;height:1.375rem;min-width:1.375rem;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--ag-radius-sm);cursor:pointer;line-height:0;transition:background-color var(--ag-dur-fast) var(--ag-ease),color var(--ag-dur-fast) var(--ag-ease)}[part=paginator-button] svg{display:block;inline-size:1rem;block-size:1rem;color:currentcolor}[part=paginator-button]:hover:not(:disabled){background:hsl(from currentcolor h s l/8%);color:var(--ag-text)}[part=paginator-button]:focus-visible{outline:.125rem solid color-mix(in srgb, var(--ag-brand) 50%, transparent);outline-offset:-0.125rem}[part=paginator-button]:disabled{color:var(--ag-text-subtle);cursor:not-allowed}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}`;
3
+ //# sourceMappingURL=paginator.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"paginator.css.js","sourceRoot":"","sources":["../../../src/styles/paginator/paginator.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+1FAA+1F,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);--component-size: 3}:host{--ig-size: 1;grid-row:paginator-row;display:block;background:linear-gradient(0deg, #fbfcfd 0%, #f6f7f8 100%);color:var(--igx-header-text-color, var(--header-text-color, var(--ag-text-muted)));border-block-start:1px solid var(--igx-header-border-color, var(--header-border-color, var(--ag-hairline)));font-size:11.5px;z-index:calc(var(--z-index-base) + 4);position:sticky;inset-block-end:0;inset-inline-start:0;box-sizing:border-box;width:var(--apex-host-width, 100%);max-width:var(--apex-host-width, 100%)}[part=paginator]{display:flex;align-items:center;gap:.75rem;padding:var(--ag-footer-pad);min-height:2rem}[part=paginator-size]{display:inline-flex;align-items:center}[part=paginator-size] select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;padding:.125rem .375rem;font:inherit;font-size:11.5px;color:var(--ag-text-body);background:var(--ag-surface);border:1px solid var(--ag-hairline);border-radius:var(--ag-radius-sm);line-height:1;cursor:pointer}[part=paginator-size] select:focus-visible{outline:.125rem solid color-mix(in srgb, var(--ag-brand) 50%, transparent);outline-offset:.0625rem}[part=paginator-info]{flex:1;text-align:center;white-space:nowrap;color:var(--igx-header-text-color, var(--header-text-color, var(--ag-text-muted)));font-variant-numeric:tabular-nums}[part=paginator-controls]{display:inline-flex;align-items:center;gap:.125rem}[part=paginator-page]{padding:0 .375rem;min-width:3rem;text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:var(--ag-fw-semibold);color:var(--ag-text)}[part=paginator-button]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);color:var(--ag-text-body);border:0;padding:.125rem;margin:0;width:1.375rem;height:1.375rem;min-width:1.375rem;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--ag-radius-sm);cursor:pointer;line-height:0;transition:background-color var(--ag-dur-fast) var(--ag-ease),color var(--ag-dur-fast) var(--ag-ease)}[part=paginator-button] svg{display:block;inline-size:1rem;block-size:1rem;color:currentcolor}[part=paginator-button]:hover:not(:disabled){background:hsl(from currentcolor h s l/8%);color:var(--ag-text)}[part=paginator-button]:focus-visible{outline:.125rem solid color-mix(in srgb, var(--ag-brand) 50%, transparent);outline-offset:-0.125rem}[part=paginator-button]:disabled{color:var(--ag-text-subtle);cursor:not-allowed}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}`;"]}
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);--component-size: 3}:host{--ig-size: 1;grid-row:toolbar-row;display:block;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:0;inset-inline-start:0;box-sizing:border-box;width:var(--apex-host-width, 100%);max-width:var(--apex-host-width, 100%)}[part=toolbar]{display:flex;align-items:center;gap:.5rem;padding:var(--ag-toolbar-pad)}[part=toolbar-search]{flex:1;max-width:22.5rem}[part=search-field]{display:inline-flex;align-items:center;inline-size:100%;block-size:1.875rem;padding:0 .625rem;gap:.375rem;background:var(--ag-surface);color:var(--ag-text-body);border:.0625rem solid var(--ag-brand-line);border-radius:8px;transition:border-color var(--ag-dur-fast) var(--ag-ease),box-shadow var(--ag-dur-fast) var(--ag-ease);box-sizing:border-box}[part=search-field]:focus-within{border-color:color-mix(in srgb, var(--ag-brand) 50%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--ag-brand) 14%, transparent)}[part=search-icon]{inline-size:1rem;block-size:1rem;flex-shrink:0;opacity:.65;color:currentcolor}[part=search-input]{flex:1;min-inline-size:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);color:inherit;border:0;outline:0;padding:0;margin:0;font:inherit;font-size:var(--ag-fs-cell);line-height:1}[part=search-input]::-moz-placeholder{color:var(--ag-text-subtle);opacity:1}[part=search-input]::placeholder{color:var(--ag-text-subtle);opacity:1}[part=search-input]::-webkit-search-cancel-button,[part=search-input]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}[part=toolbar-actions]{display:inline-flex;align-items:center;gap:.25rem;margin-inline-start:auto}[part=export]{position:relative}[part=export-trigger]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);border:.0625rem solid rgba(0,0,0,0);color:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.125rem;min-inline-size:1.75rem;min-block-size:1.75rem;padding:0 .375rem;border-radius:var(--ag-radius-sm);transition:background-color var(--ag-dur-fast) var(--ag-ease),border-color var(--ag-dur-fast) var(--ag-ease),color var(--ag-dur-fast) var(--ag-ease)}[part=export-trigger]:hover{background:var(--ag-brand-softer);color:var(--ag-brand-strong)}[part=export-trigger]:focus-visible{outline:0;border-color:color-mix(in srgb, var(--ag-brand) 50%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--ag-brand) 14%, transparent)}[part=export-icon]{inline-size:1rem;block-size:1rem}[part=export-caret]{inline-size:.75rem;block-size:.75rem;opacity:.65}[part=export-menu]{position:absolute;inset-block-start:calc(100% + 0.25rem);inset-inline-end:0;margin:0;padding:.25rem 0;min-inline-size:11.25rem;background:var(--igx-cell-editor-background, var(--ag-surface));color:var(--ag-text-body);border:.0625rem solid var(--ag-brand-line);border-radius:var(--ag-radius-sm);box-shadow:0 .125rem .25rem rgba(0,0,0,.06),0 .375rem 1rem rgba(0,0,0,.12);list-style:none;z-index:calc(var(--z-index-base) + 10)}[part=export-menu][hidden]{display:none}[part=export-menu] li{margin:0;padding:0}[part=export-menu-item]{display:block;inline-size:100%;text-align:start;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);color:inherit;border:0;margin:0;padding:.5rem .75rem;font:inherit;font-size:.8125rem;cursor:pointer;min-block-size:1.5rem}[part=export-menu-item]:hover{background:var(--ag-brand-softer);color:var(--ag-brand-strong)}[part=export-menu-item]:focus-visible{outline:0;background:var(--ag-brand-soft);box-shadow:inset 0 0 0 .125rem var(--ag-brand)}`;
3
+ //# sourceMappingURL=toolbar.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"toolbar.css.js","sourceRoot":"","sources":["../../../src/styles/toolbar/toolbar.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gnIAAgnI,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);--component-size: 3}:host{--ig-size: 1;grid-row:toolbar-row;display:block;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:0;inset-inline-start:0;box-sizing:border-box;width:var(--apex-host-width, 100%);max-width:var(--apex-host-width, 100%)}[part=toolbar]{display:flex;align-items:center;gap:.5rem;padding:var(--ag-toolbar-pad)}[part=toolbar-search]{flex:1;max-width:22.5rem}[part=search-field]{display:inline-flex;align-items:center;inline-size:100%;block-size:1.875rem;padding:0 .625rem;gap:.375rem;background:var(--ag-surface);color:var(--ag-text-body);border:.0625rem solid var(--ag-brand-line);border-radius:8px;transition:border-color var(--ag-dur-fast) var(--ag-ease),box-shadow var(--ag-dur-fast) var(--ag-ease);box-sizing:border-box}[part=search-field]:focus-within{border-color:color-mix(in srgb, var(--ag-brand) 50%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--ag-brand) 14%, transparent)}[part=search-icon]{inline-size:1rem;block-size:1rem;flex-shrink:0;opacity:.65;color:currentcolor}[part=search-input]{flex:1;min-inline-size:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);color:inherit;border:0;outline:0;padding:0;margin:0;font:inherit;font-size:var(--ag-fs-cell);line-height:1}[part=search-input]::-moz-placeholder{color:var(--ag-text-subtle);opacity:1}[part=search-input]::placeholder{color:var(--ag-text-subtle);opacity:1}[part=search-input]::-webkit-search-cancel-button,[part=search-input]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}[part=toolbar-actions]{display:inline-flex;align-items:center;gap:.25rem;margin-inline-start:auto}[part=export]{position:relative}[part=export-trigger]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);border:.0625rem solid rgba(0,0,0,0);color:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.125rem;min-inline-size:1.75rem;min-block-size:1.75rem;padding:0 .375rem;border-radius:var(--ag-radius-sm);transition:background-color var(--ag-dur-fast) var(--ag-ease),border-color var(--ag-dur-fast) var(--ag-ease),color var(--ag-dur-fast) var(--ag-ease)}[part=export-trigger]:hover{background:var(--ag-brand-softer);color:var(--ag-brand-strong)}[part=export-trigger]:focus-visible{outline:0;border-color:color-mix(in srgb, var(--ag-brand) 50%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--ag-brand) 14%, transparent)}[part=export-icon]{inline-size:1rem;block-size:1rem}[part=export-caret]{inline-size:.75rem;block-size:.75rem;opacity:.65}[part=export-menu]{position:absolute;inset-block-start:calc(100% + 0.25rem);inset-inline-end:0;margin:0;padding:.25rem 0;min-inline-size:11.25rem;background:var(--igx-cell-editor-background, var(--ag-surface));color:var(--ag-text-body);border:.0625rem solid var(--ag-brand-line);border-radius:var(--ag-radius-sm);box-shadow:0 .125rem .25rem rgba(0,0,0,.06),0 .375rem 1rem rgba(0,0,0,.12);list-style:none;z-index:calc(var(--z-index-base) + 10)}[part=export-menu][hidden]{display:none}[part=export-menu] li{margin:0;padding:0}[part=export-menu-item]{display:block;inline-size:100%;text-align:start;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);color:inherit;border:0;margin:0;padding:.5rem .75rem;font:inherit;font-size:.8125rem;cursor:pointer;min-block-size:1.5rem}[part=export-menu-item]:hover{background:var(--ag-brand-softer);color:var(--ag-brand-strong)}[part=export-menu-item]:focus-visible{outline:0;background:var(--ag-brand-soft);box-shadow:inset 0 0 0 .125rem var(--ag-brand)}`;"]}
package/styles.css ADDED
@@ -0,0 +1,17 @@
1
+ /*
2
+ * apex-grid recommended host styles.
3
+ *
4
+ * Import once in your app:
5
+ * import 'apex-grid/styles.css';
6
+ *
7
+ * This file gives <apex-grid> a sensible default size so the virtualizer can
8
+ * render. Override `height` (or wrap the grid in a sized container) to taste.
9
+ *
10
+ * Do NOT set `display` on <apex-grid> — the component declares
11
+ * `:host { display: grid }` internally. Overriding it collapses the grid.
12
+ */
13
+
14
+ apex-grid {
15
+ height: 100%;
16
+ min-height: 240px;
17
+ }
@@ -1 +0,0 @@
1
- export declare function registerGridIcons(): void;
@@ -1,29 +0,0 @@
1
- import { registerIconFromText } from 'igniteui-webcomponents';
2
- const internalIcons = {
3
- 'arrow-upward': '<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="arrow-downward" role="img" viewBox="0 0 45 45"><path d="M22.5 40V13.7L10.1 26.1 8 24 24 8l16 16-2.1 2.1-12.4-12.4V40Z"/></svg>',
4
- 'arrow-downward': '<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="arrow-downward" role="img" viewBox="0 0 45 45"><path fill="currentColor" d="M24 40 8 24l2.1-2.1 12.4 12.4V8h3v26.3l12.4-12.4L40 24Z"/></svg>',
5
- all: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-labelledby="agall-desc agall-title"><title id="agall-title">Select All Icon</title><desc id="agall-desc">A picture showing tree lines and a check mark.</desc><path d="M2 14h8v2H2zm0-8h12v2H2zm14 11l-3-3-1.5 1.5L16 20l7-7-1.5-1.5L16 17zM2 10h12v2H2z"/></svg>',
6
- contains: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-labelledby="czcontains-desc czcontains-title"><title id="czcontains-title">Contains Icon</title><desc id="czcontains-desc">A picture showing the lowercase letter A in a square box.</desc><path d="M3 3v18h18V3zm16 16H5V5h14z"/><path d="M12 11.3a4.39 4.39 0 00-2.54.63 2.07 2.07 0 00-.9 1.78 2.29 2.29 0 00.66 1.74 2.63 2.63 0 001.89.63 2.39 2.39 0 001.32-.37 3.05 3.05 0 001-.93 3.72 3.72 0 00.08.57c0 .19.1.38.16.58h1.79a4.51 4.51 0 01-.21-.88 5.57 5.57 0 01-.07-.93v-3.5a2.44 2.44 0 00-.84-2 3.34 3.34 0 00-2.22-.7 3.54 3.54 0 00-2.3.72A1.93 1.93 0 009 10.29h1.71a.93.93 0 01.29-.71 1.5 1.5 0 011-.29 1.45 1.45 0 011 .35 1.3 1.3 0 01.37 1v.69zm1.4 1.08v1.17a1.61 1.61 0 01-.71.77 2.27 2.27 0 01-1.21.34 1.18 1.18 0 01-.84-.27.92.92 0 01-.3-.72 1.16 1.16 0 01.44-.9 1.76 1.76 0 011.22-.39z"/></svg>',
7
- doesNotContain: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-labelledby="eadoes-not-contain-desc eadoes-not-contain-title"><title id="eadoes-not-contain-title">Does-Not-Contain Icon</title><desc id="eadoes-not-contain-desc">A picture showing the lowercase letter A in a crossed-out square box.</desc><path d="M21 19.74V3H4.26L2.89 1.63 1.63 2.92 3 4.29V21h16.73l1.37 1.37 1.27-1.26zM5 19V6.28l5.28 5.27a3.19 3.19 0 00-.81.38 2.07 2.07 0 00-.9 1.78 2.29 2.29 0 00.66 1.74 2.63 2.63 0 001.89.63 2.39 2.39 0 001.32-.37 3.05 3.05 0 001-.93 3.72 3.72 0 00.08.57c0 .19.1.38.16.58h1L17.73 19zm5.79-6.23a1.31 1.31 0 01.45-.25l1.37 1.36.28.29a1.57 1.57 0 01-.19.15 2.27 2.27 0 01-1.21.34 1.18 1.18 0 01-.84-.27.92.92 0 01-.3-.72 1.16 1.16 0 01.44-.9zm2.6-1.47h-.83l-1.62-1.62.08-.1a1.5 1.5 0 011-.29 1.45 1.45 0 011 .35 1.3 1.3 0 01.37 1zM19 17.74l-3.85-3.85v-3.27a2.44 2.44 0 00-.84-2 3.34 3.34 0 00-2.22-.7 3.64 3.64 0 00-2.24.67L6.26 5H19z"/></svg>',
8
- greaterThan: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-labelledby="fygreater-than-desc fygreater-than-title"><title id="fygreater-than-title">Greater Than Icon</title><desc id="fygreater-than-desc">A picture showing the greater-than symbol.</desc><path d="M6 7.11L15.09 12 6 16.89V19l12-6.46v-1.08L6 5v2.11z"/></svg>',
9
- greaterThanOrEqual: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-labelledby="fzgreater-than-or-equal-desc fzgreater-than-or-equal-title"><title id="fzgreater-than-or-equal-title">Greater Than or Equal Icon</title><desc id="fzgreater-than-or-equal-desc">A picture showing the grater-than or equal symbol.</desc><path d="M5.99 19h12.02v2H5.99zM18 9.47L6 3v2.11L15.09 10 6 14.9v2.11l12-6.47V9.47z"/></svg>',
10
- empty: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-labelledby="gsis-empty-desc gsis-empty-title"><title id="gsis-empty-title">Is Empty Icon</title><desc id="gsis-empty-desc">A picture showing a dotted square.</desc><path d="M5 17h2v2H5zm8 0h2v2h-2zm-8-4h2v2H5zm12 4h2v2h-2zM13 5h2v2h-2zM9 17h2v2H9zm8-8h2v2h-2zm0 4h2v2h-2zm0-8h2v2h-2zM5 9h2v2H5zm0-4h2v2H5zm4 0h2v2H9z"/></svg>',
11
- endsWith: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-labelledby="enends-with-desc enends-with-title"><title id="enends-with-title">Ends With Icon</title><desc id="enends-with-desc">A picture showing three dots followed by lowercase a.</desc><path d="M3 14.5h2v2H3zm8 0h2v2h-2zm-4 0h2v2H7zm13.8.3v-3A2.1 2.1 0 0020 10a3 3 0 00-2-.6 3 3 0 00-2 .6 1.7 1.7 0 00-.7 1.5h1.5a.8.8 0 01.3-.7 1.3 1.3 0 01.9-.3 1.3 1.3 0 01.9.4 1.1 1.1 0 01.3.8v.6H18a3.8 3.8 0 00-2.2.6 1.8 1.8 0 00-.8 1.5 2 2 0 00.6 1.6 2.3 2.3 0 001.6.6 2.1 2.1 0 001.2-.4 2.8 2.8 0 00.8-.8 4.3 4.3 0 00.1.5l.1.5H21a4.1 4.1 0 01-.2-.7 5.4 5.4 0 010-1zm-1.6-.5a1.5 1.5 0 01-.6.7 2 2 0 01-1 .2 1.1 1.1 0 01-.8-.2.8.8 0 01-.2-.6 1 1 0 01.3-.8 1.5 1.5 0 011.1-.3h1.2z"/></svg>',
12
- equals: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-labelledby="eoequals-desc eoequals-title"><title id="eoequals-title">Equals Icon</title><desc id="eoequals-desc">A picture showing the equals sign.</desc><path d="M5 13.5h14v2H5zm0-5h14v2H5z"/></svg>',
13
- false: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-labelledby="gtis-false-desc gtis-false-title"><title id="gtis-false-title">Is False Icon</title><desc id="gtis-false-desc">A picture showing an encircled X symbol.</desc><path d="M8 5a7 7 0 107 7 7 7 0 00-7-7zm4.31 9.79l-1.52 1.52L8 13.52l-2.79 2.79-1.52-1.52L6.48 12 3.69 9.21l1.52-1.52L8 10.48l2.79-2.79 1.52 1.52L9.52 12zM18 7a5 5 0 00-3 1.06 7.48 7.48 0 01.49 1 3.89 3.89 0 110 5.82 8.08 8.08 0 01-.49 1A5 5 0 1018 7z"/><path d="M17.52 13.85l2.91-2.92-.78-.78-2.13 2.12-1.17-1.15-.38.37-.41.41.42.42L17 13.34l.52.51z"/></svg>',
14
- lessThan: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-labelledby="hhless-than-desc hhless-than-title"><title id="hhless-than-title">Less Than Icon</title><desc id="hhless-than-desc">A picture showing the less-than symbol.</desc><path d="M6 12.54L18 19v-2.11L8.91 12 18 7.11V5L6 11.46v1.08z"/></svg>',
15
- lessThanOrEqual: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-labelledby="hiless-than-or-equal-desc hiless-than-or-equal-title"><title id="hiless-than-or-equal-title">Less Than or Equal Icon</title><desc id="hiless-than-or-equal-desc">A picture showing the lass-than or equal symbol.</desc><path d="M5.99 19h12.02v2H5.99zM18 14.9L8.91 10 18 5.11V3L6 9.47v1.07l12 6.47V14.9z"/></svg>',
16
- notEmpty: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-labelledby="ionot-empty-desc ionot-empty-title"><title id="ionot-empty-title">Not Empty Icon</title><desc id="ionot-empty-desc">A picture showing a crossed-out dotted square.</desc><path d="M5 9h2v2H5zm4 8h2v2H9zm4 0h2v2h-2zm4-8h2v2h-2zm0-4h2v2h-2zM5 17h2v2H5zm8-12h2v2h-2zm-8 8h2v2H5zm14 2v-2h-2v.47L18.53 15H19zm-8-8V5H9v.46L10.54 7H11zM2.76 1.76L1.5 3.06 20.97 22.5l1.26-1.26-8.89-8.89L2.76 1.76z"/></svg>',
17
- doesNotEqual: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-labelledby="ipnot-equal-desc ipnot-equal-title"><title id="ipnot-equal-title">Not Equal Icon</title><desc id="ipnot-equal-desc">A picture showing a crossed-out equals symbol.</desc><path d="M17.37 4.71l-1.74-1-2.76 4.79H5v2h6.71l-1.73 3H5v2h3.82l-2.19 3.79 1.74 1 2.76-4.79H19v-2h-6.71l1.73-3H19v-2h-3.82l2.19-3.79z"/></svg>',
18
- startsWith: '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" width="512" height="512" aria-labelledby="lqstarts-with-desc lqstarts-with-title"><title id="lqstarts-with-title">Starts With Icon</title><desc id="lqstarts-with-desc">A picture showing the uppercase letter A followed by three dots.</desc><path d="M5.9 7.5l-3.9 9h1.7l.7-1.8h4.1l.7 1.8H11l-3.9-9H5.9zM5 13.2l1.5-4.1L8 13.2H5zm7 1.3h2v2h-2v-2zm8 0h2v2h-2v-2zm-4 0h2v2h-2v-2z"/></svg>',
19
- true: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="512" height="512" aria-labelledby="gwis-true-desc gwis-true-title"><title id="gwis-true-title">is True Icon</title><desc id="gwis-true-desc">A picture showing an encircled check mark symbol.</desc><path d="M19.44 14.22zm-2.88 0zm0 0L18 12.79l1.44 1.43.78-.78L18.79 12l1.43-1.44-.78-.78L18 11.21l-1.44-1.43-.78.78L17.21 12l-1.43 1.44.78.78z"/><path d="M18 7a5 5 0 00-3 1.06 7.48 7.48 0 01.49 1 3.89 3.89 0 110 5.82 8.08 8.08 0 01-.49 1A5 5 0 1018 7zM8 5a7 7 0 107 7 7 7 0 00-7-7zm-.93 10.18l-3.38-3.37 1.13-1.12 2.25 2.25 4.11-4.12 1.13 1.12z"/></svg>',
20
- filter: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 45 45"><path d="M20 36v-3h8v3Zm-8-10.5v-3h24v3ZM6 15v-3h36v3Z"/></svg>',
21
- close: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="m12.45 37.65-2.1-2.1L21.9 24 10.35 12.45l2.1-2.1L24 21.9l11.55-11.55 2.1 2.1L26.1 24l11.55 11.55-2.1 2.1L24 26.1Z"/></svg>',
22
- refresh: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M24 40q-6.65 0-11.325-4.675Q8 30.65 8 24q0-6.65 4.675-11.325Q17.35 8 24 8q4.25 0 7.45 1.725T37 14.45V8h3v12.7H27.3v-3h8.4q-1.9-3-4.85-4.85Q27.9 11 24 11q-5.45 0-9.225 3.775Q11 18.55 11 24q0 5.45 3.775 9.225Q18.55 37 24 37q4.15 0 7.6-2.375 3.45-2.375 4.8-6.275h3.1q-1.45 5.25-5.75 8.45Q29.45 40 24 40Z"/></svg>',
23
- };
24
- export function registerGridIcons() {
25
- for (const [name, svg] of Object.entries(internalIcons)) {
26
- registerIconFromText(name, svg, 'internal');
27
- }
28
- }
29
- //# sourceMappingURL=icon-registry.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"icon-registry.js","sourceRoot":"","sources":["../../src/internal/icon-registry.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,MAAM,aAAa,GAA2B;IAC5C,cAAc,EACZ,0OAA0O;IAC5O,gBAAgB,EACd,wPAAwP;IAC1P,GAAG,EAAE,oUAAoU;IACzU,QAAQ,EACN,i2BAAi2B;IACn2B,cAAc,EACZ,o7BAAo7B;IACt7B,WAAW,EACT,wUAAwU;IAC1U,kBAAkB,EAChB,oZAAoZ;IACtZ,KAAK,EACH,wYAAwY;IAC1Y,QAAQ,EACN,0uBAA0uB;IAC5uB,MAAM,EACJ,0QAA0Q;IAC5Q,KAAK,EACH,olBAAolB;IACtlB,QAAQ,EACN,uTAAuT;IACzT,eAAe,EACb,mYAAmY;IACrY,QAAQ,EACN,2dAA2d;IAC7d,YAAY,EACV,uYAAuY;IACzY,UAAU,EACR,4bAA4b;IAC9b,IAAI,EAAE,2mBAA2mB;IACjnB,MAAM,EACJ,6HAA6H;IAC/H,KAAK,EACH,iMAAiM;IACnM,OAAO,EACL,4XAA4X;CAC/X,CAAC;AAEF,MAAM,UAAU,iBAAiB;IAC/B,KAAK,MAAM,CAAC,IAAI,EAAE,GAAG,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE,CAAC;QACxD,oBAAoB,CAAC,IAAI,EAAE,GAAG,EAAE,UAAU,CAAC,CAAC;IAC9C,CAAC;AACH,CAAC","sourcesContent":["import { registerIconFromText } from 'igniteui-webcomponents';\n\nconst internalIcons: Record<string, string> = {\n 'arrow-upward':\n '<svg xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"arrow-downward\" role=\"img\" viewBox=\"0 0 45 45\"><path d=\"M22.5 40V13.7L10.1 26.1 8 24 24 8l16 16-2.1 2.1-12.4-12.4V40Z\"/></svg>',\n 'arrow-downward':\n '<svg xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"arrow-downward\" role=\"img\" viewBox=\"0 0 45 45\"><path fill=\"currentColor\" d=\"M24 40 8 24l2.1-2.1 12.4 12.4V8h3v26.3l12.4-12.4L40 24Z\"/></svg>',\n all: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" aria-labelledby=\"agall-desc agall-title\"><title id=\"agall-title\">Select All Icon</title><desc id=\"agall-desc\">A picture showing tree lines and a check mark.</desc><path d=\"M2 14h8v2H2zm0-8h12v2H2zm14 11l-3-3-1.5 1.5L16 20l7-7-1.5-1.5L16 17zM2 10h12v2H2z\"/></svg>',\n contains:\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" aria-labelledby=\"czcontains-desc czcontains-title\"><title id=\"czcontains-title\">Contains Icon</title><desc id=\"czcontains-desc\">A picture showing the lowercase letter A in a square box.</desc><path d=\"M3 3v18h18V3zm16 16H5V5h14z\"/><path d=\"M12 11.3a4.39 4.39 0 00-2.54.63 2.07 2.07 0 00-.9 1.78 2.29 2.29 0 00.66 1.74 2.63 2.63 0 001.89.63 2.39 2.39 0 001.32-.37 3.05 3.05 0 001-.93 3.72 3.72 0 00.08.57c0 .19.1.38.16.58h1.79a4.51 4.51 0 01-.21-.88 5.57 5.57 0 01-.07-.93v-3.5a2.44 2.44 0 00-.84-2 3.34 3.34 0 00-2.22-.7 3.54 3.54 0 00-2.3.72A1.93 1.93 0 009 10.29h1.71a.93.93 0 01.29-.71 1.5 1.5 0 011-.29 1.45 1.45 0 011 .35 1.3 1.3 0 01.37 1v.69zm1.4 1.08v1.17a1.61 1.61 0 01-.71.77 2.27 2.27 0 01-1.21.34 1.18 1.18 0 01-.84-.27.92.92 0 01-.3-.72 1.16 1.16 0 01.44-.9 1.76 1.76 0 011.22-.39z\"/></svg>',\n doesNotContain:\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" aria-labelledby=\"eadoes-not-contain-desc eadoes-not-contain-title\"><title id=\"eadoes-not-contain-title\">Does-Not-Contain Icon</title><desc id=\"eadoes-not-contain-desc\">A picture showing the lowercase letter A in a crossed-out square box.</desc><path d=\"M21 19.74V3H4.26L2.89 1.63 1.63 2.92 3 4.29V21h16.73l1.37 1.37 1.27-1.26zM5 19V6.28l5.28 5.27a3.19 3.19 0 00-.81.38 2.07 2.07 0 00-.9 1.78 2.29 2.29 0 00.66 1.74 2.63 2.63 0 001.89.63 2.39 2.39 0 001.32-.37 3.05 3.05 0 001-.93 3.72 3.72 0 00.08.57c0 .19.1.38.16.58h1L17.73 19zm5.79-6.23a1.31 1.31 0 01.45-.25l1.37 1.36.28.29a1.57 1.57 0 01-.19.15 2.27 2.27 0 01-1.21.34 1.18 1.18 0 01-.84-.27.92.92 0 01-.3-.72 1.16 1.16 0 01.44-.9zm2.6-1.47h-.83l-1.62-1.62.08-.1a1.5 1.5 0 011-.29 1.45 1.45 0 011 .35 1.3 1.3 0 01.37 1zM19 17.74l-3.85-3.85v-3.27a2.44 2.44 0 00-.84-2 3.34 3.34 0 00-2.22-.7 3.64 3.64 0 00-2.24.67L6.26 5H19z\"/></svg>',\n greaterThan:\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" aria-labelledby=\"fygreater-than-desc fygreater-than-title\"><title id=\"fygreater-than-title\">Greater Than Icon</title><desc id=\"fygreater-than-desc\">A picture showing the greater-than symbol.</desc><path d=\"M6 7.11L15.09 12 6 16.89V19l12-6.46v-1.08L6 5v2.11z\"/></svg>',\n greaterThanOrEqual:\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" aria-labelledby=\"fzgreater-than-or-equal-desc fzgreater-than-or-equal-title\"><title id=\"fzgreater-than-or-equal-title\">Greater Than or Equal Icon</title><desc id=\"fzgreater-than-or-equal-desc\">A picture showing the grater-than or equal symbol.</desc><path d=\"M5.99 19h12.02v2H5.99zM18 9.47L6 3v2.11L15.09 10 6 14.9v2.11l12-6.47V9.47z\"/></svg>',\n empty:\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" aria-labelledby=\"gsis-empty-desc gsis-empty-title\"><title id=\"gsis-empty-title\">Is Empty Icon</title><desc id=\"gsis-empty-desc\">A picture showing a dotted square.</desc><path d=\"M5 17h2v2H5zm8 0h2v2h-2zm-8-4h2v2H5zm12 4h2v2h-2zM13 5h2v2h-2zM9 17h2v2H9zm8-8h2v2h-2zm0 4h2v2h-2zm0-8h2v2h-2zM5 9h2v2H5zm0-4h2v2H5zm4 0h2v2H9z\"/></svg>',\n endsWith:\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" aria-labelledby=\"enends-with-desc enends-with-title\"><title id=\"enends-with-title\">Ends With Icon</title><desc id=\"enends-with-desc\">A picture showing three dots followed by lowercase a.</desc><path d=\"M3 14.5h2v2H3zm8 0h2v2h-2zm-4 0h2v2H7zm13.8.3v-3A2.1 2.1 0 0020 10a3 3 0 00-2-.6 3 3 0 00-2 .6 1.7 1.7 0 00-.7 1.5h1.5a.8.8 0 01.3-.7 1.3 1.3 0 01.9-.3 1.3 1.3 0 01.9.4 1.1 1.1 0 01.3.8v.6H18a3.8 3.8 0 00-2.2.6 1.8 1.8 0 00-.8 1.5 2 2 0 00.6 1.6 2.3 2.3 0 001.6.6 2.1 2.1 0 001.2-.4 2.8 2.8 0 00.8-.8 4.3 4.3 0 00.1.5l.1.5H21a4.1 4.1 0 01-.2-.7 5.4 5.4 0 010-1zm-1.6-.5a1.5 1.5 0 01-.6.7 2 2 0 01-1 .2 1.1 1.1 0 01-.8-.2.8.8 0 01-.2-.6 1 1 0 01.3-.8 1.5 1.5 0 011.1-.3h1.2z\"/></svg>',\n equals:\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" aria-labelledby=\"eoequals-desc eoequals-title\"><title id=\"eoequals-title\">Equals Icon</title><desc id=\"eoequals-desc\">A picture showing the equals sign.</desc><path d=\"M5 13.5h14v2H5zm0-5h14v2H5z\"/></svg>',\n false:\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" aria-labelledby=\"gtis-false-desc gtis-false-title\"><title id=\"gtis-false-title\">Is False Icon</title><desc id=\"gtis-false-desc\">A picture showing an encircled X symbol.</desc><path d=\"M8 5a7 7 0 107 7 7 7 0 00-7-7zm4.31 9.79l-1.52 1.52L8 13.52l-2.79 2.79-1.52-1.52L6.48 12 3.69 9.21l1.52-1.52L8 10.48l2.79-2.79 1.52 1.52L9.52 12zM18 7a5 5 0 00-3 1.06 7.48 7.48 0 01.49 1 3.89 3.89 0 110 5.82 8.08 8.08 0 01-.49 1A5 5 0 1018 7z\"/><path d=\"M17.52 13.85l2.91-2.92-.78-.78-2.13 2.12-1.17-1.15-.38.37-.41.41.42.42L17 13.34l.52.51z\"/></svg>',\n lessThan:\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" aria-labelledby=\"hhless-than-desc hhless-than-title\"><title id=\"hhless-than-title\">Less Than Icon</title><desc id=\"hhless-than-desc\">A picture showing the less-than symbol.</desc><path d=\"M6 12.54L18 19v-2.11L8.91 12 18 7.11V5L6 11.46v1.08z\"/></svg>',\n lessThanOrEqual:\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" aria-labelledby=\"hiless-than-or-equal-desc hiless-than-or-equal-title\"><title id=\"hiless-than-or-equal-title\">Less Than or Equal Icon</title><desc id=\"hiless-than-or-equal-desc\">A picture showing the lass-than or equal symbol.</desc><path d=\"M5.99 19h12.02v2H5.99zM18 14.9L8.91 10 18 5.11V3L6 9.47v1.07l12 6.47V14.9z\"/></svg>',\n notEmpty:\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" aria-labelledby=\"ionot-empty-desc ionot-empty-title\"><title id=\"ionot-empty-title\">Not Empty Icon</title><desc id=\"ionot-empty-desc\">A picture showing a crossed-out dotted square.</desc><path d=\"M5 9h2v2H5zm4 8h2v2H9zm4 0h2v2h-2zm4-8h2v2h-2zm0-4h2v2h-2zM5 17h2v2H5zm8-12h2v2h-2zm-8 8h2v2H5zm14 2v-2h-2v.47L18.53 15H19zm-8-8V5H9v.46L10.54 7H11zM2.76 1.76L1.5 3.06 20.97 22.5l1.26-1.26-8.89-8.89L2.76 1.76z\"/></svg>',\n doesNotEqual:\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" aria-labelledby=\"ipnot-equal-desc ipnot-equal-title\"><title id=\"ipnot-equal-title\">Not Equal Icon</title><desc id=\"ipnot-equal-desc\">A picture showing a crossed-out equals symbol.</desc><path d=\"M17.37 4.71l-1.74-1-2.76 4.79H5v2h6.71l-1.73 3H5v2h3.82l-2.19 3.79 1.74 1 2.76-4.79H19v-2h-6.71l1.73-3H19v-2h-3.82l2.19-3.79z\"/></svg>',\n startsWith:\n '<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" width=\"512\" height=\"512\" aria-labelledby=\"lqstarts-with-desc lqstarts-with-title\"><title id=\"lqstarts-with-title\">Starts With Icon</title><desc id=\"lqstarts-with-desc\">A picture showing the uppercase letter A followed by three dots.</desc><path d=\"M5.9 7.5l-3.9 9h1.7l.7-1.8h4.1l.7 1.8H11l-3.9-9H5.9zM5 13.2l1.5-4.1L8 13.2H5zm7 1.3h2v2h-2v-2zm8 0h2v2h-2v-2zm-4 0h2v2h-2v-2z\"/></svg>',\n true: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"512\" height=\"512\" aria-labelledby=\"gwis-true-desc gwis-true-title\"><title id=\"gwis-true-title\">is True Icon</title><desc id=\"gwis-true-desc\">A picture showing an encircled check mark symbol.</desc><path d=\"M19.44 14.22zm-2.88 0zm0 0L18 12.79l1.44 1.43.78-.78L18.79 12l1.43-1.44-.78-.78L18 11.21l-1.44-1.43-.78.78L17.21 12l-1.43 1.44.78.78z\"/><path d=\"M18 7a5 5 0 00-3 1.06 7.48 7.48 0 01.49 1 3.89 3.89 0 110 5.82 8.08 8.08 0 01-.49 1A5 5 0 1018 7zM8 5a7 7 0 107 7 7 7 0 00-7-7zm-.93 10.18l-3.38-3.37 1.13-1.12 2.25 2.25 4.11-4.12 1.13 1.12z\"/></svg>',\n filter:\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 45 45\"><path d=\"M20 36v-3h8v3Zm-8-10.5v-3h24v3ZM6 15v-3h36v3Z\"/></svg>',\n close:\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 48\"><path d=\"m12.45 37.65-2.1-2.1L21.9 24 10.35 12.45l2.1-2.1L24 21.9l11.55-11.55 2.1 2.1L26.1 24l11.55 11.55-2.1 2.1L24 26.1Z\"/></svg>',\n refresh:\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 48\"><path d=\"M24 40q-6.65 0-11.325-4.675Q8 30.65 8 24q0-6.65 4.675-11.325Q17.35 8 24 8q4.25 0 7.45 1.725T37 14.45V8h3v12.7H27.3v-3h8.4q-1.9-3-4.85-4.85Q27.9 11 24 11q-5.45 0-9.225 3.775Q11 18.55 11 24q0 5.45 3.775 9.225Q18.55 37 24 37q4.15 0 7.6-2.375 3.45-2.375 4.8-6.275h3.1q-1.45 5.25-5.75 8.45Q29.45 40 24 40Z\"/></svg>',\n};\n\nexport function registerGridIcons() {\n for (const [name, svg] of Object.entries(internalIcons)) {\n registerIconFromText(name, svg, 'internal');\n }\n}\n"]}
@@ -1,34 +0,0 @@
1
- import type { CSSResult, ReactiveController, ReactiveControllerHost, ReactiveElement } from 'lit';
2
- type Theme = 'material' | 'bootstrap' | 'indigo' | 'fluent';
3
- type Themes = {
4
- light: {
5
- [K in Theme | 'shared']?: CSSResult;
6
- };
7
- dark: {
8
- [K in Theme | 'shared']?: CSSResult;
9
- };
10
- };
11
- type ThemeChangedCallback = (theme: Theme) => unknown;
12
- type ThemingControllerConfig = {
13
- themeChange?: ThemeChangedCallback;
14
- };
15
- declare class ThemingController implements ReactiveController {
16
- private readonly _host;
17
- private readonly _themes;
18
- private readonly _options?;
19
- private _theme;
20
- private _variant;
21
- get theme(): Theme;
22
- constructor(host: ReactiveControllerHost & ReactiveElement, themes: Themes, config?: ThemingControllerConfig);
23
- /** @internal */
24
- hostConnected(): void;
25
- /** @internal */
26
- hostDisconnected(): void;
27
- /** @internal */
28
- handleEvent(): void;
29
- private _getStyles;
30
- protected _adoptStyles(): void;
31
- private _handleThemeChanged;
32
- }
33
- export declare function addThemingController(host: ReactiveControllerHost & ReactiveElement, themes: Themes, config?: ThemingControllerConfig): ThemingController;
34
- export type { ThemingController };
@@ -1,123 +0,0 @@
1
- import { adoptStyles, css, isServer } from 'lit';
2
- const CHANGE_THEME_EVENT = 'igc-change-theme';
3
- let theme;
4
- let themeVariant;
5
- function isStyleRule(rule) {
6
- return rule != null && 'style' in rule;
7
- }
8
- function cssKeyToJsKey(key) {
9
- return key.replace(/^--|-./g, (match) => {
10
- return match.startsWith('--') ? '' : match.charAt(1).toUpperCase();
11
- });
12
- }
13
- function getAllCssVariableNames() {
14
- const cssVars = new Set();
15
- const styleSheets = Array.from(document.styleSheets);
16
- for (const sheet of styleSheets) {
17
- let rules;
18
- try {
19
- rules = sheet.cssRules;
20
- }
21
- catch {
22
- continue;
23
- }
24
- if (!rules) {
25
- continue;
26
- }
27
- for (const rule of Array.from(rules)) {
28
- if (isStyleRule(rule)) {
29
- const length = rule.style.length;
30
- for (let i = 0; i < length; i++) {
31
- const style = rule.style[i];
32
- if (style.startsWith('--')) {
33
- cssVars.add(style);
34
- }
35
- }
36
- }
37
- }
38
- }
39
- return cssVars;
40
- }
41
- function getElementCssVariables(allCssVars, element, pseudo) {
42
- const cssVars = {};
43
- const styles = getComputedStyle(element, pseudo);
44
- for (const key of allCssVars) {
45
- const value = styles.getPropertyValue(key);
46
- if (value) {
47
- cssVars[cssKeyToJsKey(key)] = value.trim();
48
- }
49
- }
50
- return cssVars;
51
- }
52
- function getAllCssVariables() {
53
- return isServer ? {} : getElementCssVariables(getAllCssVariableNames(), document.documentElement);
54
- }
55
- function isOfTypeTheme(theme) {
56
- return ['bootstrap', 'material', 'indigo', 'fluent'].includes(theme);
57
- }
58
- function isOfTypeThemeVariant(variant) {
59
- return ['light', 'dark'].includes(variant);
60
- }
61
- function getTheme() {
62
- if (!(theme && themeVariant)) {
63
- const cssVars = getAllCssVariables();
64
- const foundTheme = cssVars.igTheme;
65
- const foundVariant = cssVars.igThemeVariant;
66
- theme = isOfTypeTheme(foundTheme) ? foundTheme : 'bootstrap';
67
- themeVariant = isOfTypeThemeVariant(foundVariant) ? foundVariant : 'light';
68
- }
69
- return { theme, themeVariant };
70
- }
71
- class ThemingController {
72
- get theme() {
73
- return this._theme;
74
- }
75
- constructor(host, themes, config) {
76
- this._theme = 'bootstrap';
77
- this._variant = 'light';
78
- this._host = host;
79
- this._themes = themes;
80
- this._options = config;
81
- this._host.addController(this);
82
- }
83
- hostConnected() {
84
- this._handleThemeChanged();
85
- globalThis.addEventListener(CHANGE_THEME_EVENT, this);
86
- }
87
- hostDisconnected() {
88
- globalThis.addEventListener(CHANGE_THEME_EVENT, this);
89
- }
90
- handleEvent() {
91
- this._handleThemeChanged();
92
- }
93
- _getStyles() {
94
- const props = this._themes[this._variant];
95
- const styles = { shared: css ``, theme: css `` };
96
- for (const [name, sheet] of Object.entries(props)) {
97
- if (name === 'shared') {
98
- styles.shared = sheet;
99
- }
100
- if (name === this.theme) {
101
- styles.theme = sheet;
102
- }
103
- }
104
- return styles;
105
- }
106
- _adoptStyles() {
107
- const { theme: currentTheme, themeVariant } = getTheme();
108
- this._theme = currentTheme;
109
- this._variant = themeVariant;
110
- const ctor = this._host.constructor;
111
- const { shared, theme } = this._getStyles();
112
- adoptStyles(this._host.shadowRoot, [...ctor.elementStyles, shared, theme]);
113
- }
114
- _handleThemeChanged() {
115
- this._adoptStyles();
116
- this._options?.themeChange?.call(this._host, this._theme);
117
- this._host.requestUpdate();
118
- }
119
- }
120
- export function addThemingController(host, themes, config) {
121
- return new ThemingController(host, themes, config);
122
- }
123
- //# sourceMappingURL=theming.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"theming.js","sourceRoot":"","sources":["../../src/internal/theming.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,WAAW,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAmBjD,MAAM,kBAAkB,GAAG,kBAAkB,CAAC;AAC9C,IAAI,KAAY,CAAC;AACjB,IAAI,YAA0B,CAAC;AAE/B,SAAS,WAAW,CAAC,IAAa;IAChC,OAAO,IAAI,IAAI,IAAI,IAAI,OAAO,IAAI,IAAI,CAAC;AACzC,CAAC;AAED,SAAS,aAAa,CAAC,GAAW;IAChC,OAAO,GAAG,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;QACtC,OAAO,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IACrE,CAAC,CAAC,CAAC;AACL,CAAC;AAED,SAAS,sBAAsB;IAC7B,MAAM,OAAO,GAAG,IAAI,GAAG,EAAU,CAAC;IAClC,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;IAErD,KAAK,MAAM,KAAK,IAAI,WAAW,EAAE,CAAC;QAChC,IAAI,KAA8B,CAAC;QAGnC,IAAI,CAAC;YACH,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC;QACzB,CAAC;QAAC,MAAM,CAAC;YACP,SAAS;QACX,CAAC;QAED,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,SAAS;QACX,CAAC;QAED,KAAK,MAAM,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;YACrC,IAAI,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC;gBACtB,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;gBAEjC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;oBAChC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;oBAE5B,IAAI,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;wBAC3B,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;oBACrB,CAAC;gBACH,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,SAAS,sBAAsB,CAC7B,UAAuB,EACvB,OAAoB,EACpB,MAAe;IAEf,MAAM,OAAO,GAA2B,EAAE,CAAC;IAC3C,MAAM,MAAM,GAAG,gBAAgB,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IAEjD,KAAK,MAAM,GAAG,IAAI,UAAU,EAAE,CAAC;QAC7B,MAAM,KAAK,GAAG,MAAM,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;QAE3C,IAAI,KAAK,EAAE,CAAC;YACV,OAAO,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;QAC7C,CAAC;IACH,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,SAAS,kBAAkB;IAEzB,OAAO,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,sBAAsB,CAAC,sBAAsB,EAAE,EAAE,QAAQ,CAAC,eAAe,CAAC,CAAC;AACpG,CAAC;AAED,SAAS,aAAa,CAAC,KAAa;IAClC,OAAO,CAAC,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;AACvE,CAAC;AAED,SAAS,oBAAoB,CAAC,OAAe;IAC3C,OAAO,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;AAC7C,CAAC;AAED,SAAS,QAAQ;IACf,IAAI,CAAC,CAAC,KAAK,IAAI,YAAY,CAAC,EAAE,CAAC;QAC7B,MAAM,OAAO,GAAG,kBAAkB,EAAE,CAAC;QACrC,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,CAAC;QACnC,MAAM,YAAY,GAAG,OAAO,CAAC,cAAc,CAAC;QAE5C,KAAK,GAAG,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC;QAC7D,YAAY,GAAG,oBAAoB,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC;IAC7E,CAAC;IAED,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC;AACjC,CAAC;AAED,MAAM,iBAAiB;IAQrB,IAAW,KAAK;QACd,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED,YACE,IAA8C,EAC9C,MAAc,EACd,MAAgC;QAV1B,WAAM,GAAU,WAAW,CAAC;QAC5B,aAAQ,GAAiB,OAAO,CAAC;QAWvC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;QACtB,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC;QACvB,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IACjC,CAAC;IAGM,aAAa;QAClB,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAC3B,UAAU,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,IAAI,CAAC,CAAC;IACxD,CAAC;IAGM,gBAAgB;QACrB,UAAU,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,IAAI,CAAC,CAAC;IACxD,CAAC;IAGM,WAAW;QAChB,IAAI,CAAC,mBAAmB,EAAE,CAAC;IAC7B,CAAC;IAEO,UAAU;QAChB,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC1C,MAAM,MAAM,GAAG,EAAE,MAAM,EAAE,GAAG,CAAA,EAAE,EAAE,KAAK,EAAE,GAAG,CAAA,EAAE,EAAE,CAAC;QAE/C,KAAK,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;YAClD,IAAI,IAAI,KAAK,QAAQ,EAAE,CAAC;gBACtB,MAAM,CAAC,MAAM,GAAG,KAAK,CAAC;YACxB,CAAC;YACD,IAAI,IAAI,KAAK,IAAI,CAAC,KAAK,EAAE,CAAC;gBACxB,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC;YACvB,CAAC;QACH,CAAC;QAED,OAAO,MAAM,CAAC;IAChB,CAAC;IAES,YAAY;QACpB,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,QAAQ,EAAE,CAAC;QACzD,IAAI,CAAC,MAAM,GAAG,YAAY,CAAC;QAC3B,IAAI,CAAC,QAAQ,GAAG,YAAY,CAAC;QAE7B,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,WAAgC,CAAC;QACzD,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QAE5C,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,UAAW,EAAE,CAAC,GAAG,IAAI,CAAC,aAAa,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC;IAC9E,CAAC;IAEO,mBAAmB;QACzB,IAAI,CAAC,YAAY,EAAE,CAAC;QACpB,IAAI,CAAC,QAAQ,EAAE,WAAW,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QAC1D,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,CAAC;IAC7B,CAAC;CACF;AAED,MAAM,UAAU,oBAAoB,CAClC,IAA8C,EAC9C,MAAc,EACd,MAAgC;IAEhC,OAAO,IAAI,iBAAiB,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AACrD,CAAC","sourcesContent":["import type {\n CSSResult,\n LitElement,\n ReactiveController,\n ReactiveControllerHost,\n ReactiveElement,\n} from 'lit';\nimport { adoptStyles, css, isServer } from 'lit';\n\ntype Theme = 'material' | 'bootstrap' | 'indigo' | 'fluent';\ntype ThemeVariant = 'light' | 'dark';\n\ntype Themes = {\n light: {\n [K in Theme | 'shared']?: CSSResult;\n };\n dark: {\n [K in Theme | 'shared']?: CSSResult;\n };\n};\n\ntype ThemeChangedCallback = (theme: Theme) => unknown;\ntype ThemingControllerConfig = {\n themeChange?: ThemeChangedCallback;\n};\n\nconst CHANGE_THEME_EVENT = 'igc-change-theme';\nlet theme: Theme;\nlet themeVariant: ThemeVariant;\n\nfunction isStyleRule(rule: CSSRule): rule is CSSStyleRule {\n return rule != null && 'style' in rule;\n}\n\nfunction cssKeyToJsKey(key: string): string {\n return key.replace(/^--|-./g, (match) => {\n return match.startsWith('--') ? '' : match.charAt(1).toUpperCase();\n });\n}\n\nfunction getAllCssVariableNames(): Set<string> {\n const cssVars = new Set<string>();\n const styleSheets = Array.from(document.styleSheets);\n\n for (const sheet of styleSheets) {\n let rules: CSSRuleList | undefined;\n\n // Potential CORS or access errors\n try {\n rules = sheet.cssRules;\n } catch {\n continue;\n }\n\n if (!rules) {\n continue;\n }\n\n for (const rule of Array.from(rules)) {\n if (isStyleRule(rule)) {\n const length = rule.style.length;\n\n for (let i = 0; i < length; i++) {\n const style = rule.style[i];\n\n if (style.startsWith('--')) {\n cssVars.add(style);\n }\n }\n }\n }\n }\n\n return cssVars;\n}\n\nfunction getElementCssVariables(\n allCssVars: Set<string>,\n element: HTMLElement,\n pseudo?: string\n): Record<string, string> {\n const cssVars: Record<string, string> = {};\n const styles = getComputedStyle(element, pseudo);\n\n for (const key of allCssVars) {\n const value = styles.getPropertyValue(key);\n\n if (value) {\n cssVars[cssKeyToJsKey(key)] = value.trim();\n }\n }\n\n return cssVars;\n}\n\nfunction getAllCssVariables(): Record<string, string> {\n /* c8 ignore next 2 */\n return isServer ? {} : getElementCssVariables(getAllCssVariableNames(), document.documentElement);\n}\n\nfunction isOfTypeTheme(theme: string): theme is Theme {\n return ['bootstrap', 'material', 'indigo', 'fluent'].includes(theme);\n}\n\nfunction isOfTypeThemeVariant(variant: string): variant is ThemeVariant {\n return ['light', 'dark'].includes(variant);\n}\n\nfunction getTheme() {\n if (!(theme && themeVariant)) {\n const cssVars = getAllCssVariables();\n const foundTheme = cssVars.igTheme;\n const foundVariant = cssVars.igThemeVariant;\n\n theme = isOfTypeTheme(foundTheme) ? foundTheme : 'bootstrap';\n themeVariant = isOfTypeThemeVariant(foundVariant) ? foundVariant : 'light';\n }\n\n return { theme, themeVariant };\n}\n\nclass ThemingController implements ReactiveController {\n private readonly _host: ReactiveControllerHost & ReactiveElement;\n private readonly _themes: Themes;\n private readonly _options?: ThemingControllerConfig;\n\n private _theme: Theme = 'bootstrap';\n private _variant: ThemeVariant = 'light';\n\n public get theme(): Theme {\n return this._theme;\n }\n\n constructor(\n host: ReactiveControllerHost & ReactiveElement,\n themes: Themes,\n config?: ThemingControllerConfig\n ) {\n this._host = host;\n this._themes = themes;\n this._options = config;\n this._host.addController(this);\n }\n\n /** @internal */\n public hostConnected(): void {\n this._handleThemeChanged();\n globalThis.addEventListener(CHANGE_THEME_EVENT, this);\n }\n\n /** @internal */\n public hostDisconnected(): void {\n globalThis.addEventListener(CHANGE_THEME_EVENT, this);\n }\n\n /** @internal */\n public handleEvent(): void {\n this._handleThemeChanged();\n }\n\n private _getStyles() {\n const props = this._themes[this._variant];\n const styles = { shared: css``, theme: css`` };\n\n for (const [name, sheet] of Object.entries(props)) {\n if (name === 'shared') {\n styles.shared = sheet;\n }\n if (name === this.theme) {\n styles.theme = sheet;\n }\n }\n\n return styles;\n }\n\n protected _adoptStyles(): void {\n const { theme: currentTheme, themeVariant } = getTheme();\n this._theme = currentTheme;\n this._variant = themeVariant;\n\n const ctor = this._host.constructor as typeof LitElement;\n const { shared, theme } = this._getStyles();\n\n adoptStyles(this._host.shadowRoot!, [...ctor.elementStyles, shared, theme]);\n }\n\n private _handleThemeChanged(): void {\n this._adoptStyles();\n this._options?.themeChange?.call(this._host, this._theme);\n this._host.requestUpdate();\n }\n}\n\nexport function addThemingController(\n host: ReactiveControllerHost & ReactiveElement,\n themes: Themes,\n config?: ThemingControllerConfig\n): ThemingController {\n return new ThemingController(host, themes, config);\n}\n\nexport type { ThemingController };\n"]}
@@ -1,3 +0,0 @@
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;height:100%;position:relative;font-family:var(--ig-font-family);box-shadow:var(--ig-elevation-2);overflow:auto hidden;grid-template-rows:[header-row] max-content [filter-row] max-content [virtualized-container] auto;--scrollbar-offset: 0;--z-index-base: 1}apex-virtualizer{grid-row:virtualized-container;display:flex;flex-flow:column;flex:1;background:var(--igx-content-background, var(--content-background));color:var(--igx-content-text-color, var(--content-text-color));overflow:hidden auto !important}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));width:.125rem;inset-inline-start:0;top:0;z-index:calc(var(--z-index-base) + 1)}:host{--content-background: var(--ig-gray-50);--content-text-color: var(--ig-gray-50-contrast);--header-background: var(--ig-surface-500);--header-text-color: var(--ig-surface-500-contrast);--header-border-width: 0.0625rem;--header-border-style: solid;--header-border-color: hsl(from var(--ig-gray-400) h s l/0.38);--filtering-header-background: var(--ig-gray-50);--filtering-row-background: var(--ig-gray-50);--filtering-row-text-color: var(--ig-gray-50-contrast);--sorted-header-icon-color: var(--ig-primary-500);--icon-color: "currentColor";--row-hover-background: var(--ig-gray-200);--row-hover-text-color: var(--ig-gray-200-contrast);--row-even-background: var(--ig-gray-50);--row-even-text-color: var(--ig-gray-50-contrast);--row-odd-background: var(--ig-gray-50);--row-odd-text-color: var(--ig-gray-50-contrast);--row-border-color: hsl(from var(--ig-gray-300) h s l/0.38);--row-border-style: solid;--row-border-width: 0.0625rem;--cell-active-border-color: var(--ig-primary-500);--grid-resize-line-color: var(--ig-primary-500)}`;
3
- //# sourceMappingURL=grid.bootstrap.css.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"grid.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/styles/grid/themes/light/grid.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,omEAAomE,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;height:100%;position:relative;font-family:var(--ig-font-family);box-shadow:var(--ig-elevation-2);overflow:auto hidden;grid-template-rows:[header-row] max-content [filter-row] max-content [virtualized-container] auto;--scrollbar-offset: 0;--z-index-base: 1}apex-virtualizer{grid-row:virtualized-container;display:flex;flex-flow:column;flex:1;background:var(--igx-content-background, var(--content-background));color:var(--igx-content-text-color, var(--content-text-color));overflow:hidden auto !important}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));width:.125rem;inset-inline-start:0;top:0;z-index:calc(var(--z-index-base) + 1)}:host{--content-background: var(--ig-gray-50);--content-text-color: var(--ig-gray-50-contrast);--header-background: var(--ig-surface-500);--header-text-color: var(--ig-surface-500-contrast);--header-border-width: 0.0625rem;--header-border-style: solid;--header-border-color: hsl(from var(--ig-gray-400) h s l/0.38);--filtering-header-background: var(--ig-gray-50);--filtering-row-background: var(--ig-gray-50);--filtering-row-text-color: var(--ig-gray-50-contrast);--sorted-header-icon-color: var(--ig-primary-500);--icon-color: \"currentColor\";--row-hover-background: var(--ig-gray-200);--row-hover-text-color: var(--ig-gray-200-contrast);--row-even-background: var(--ig-gray-50);--row-even-text-color: var(--ig-gray-50-contrast);--row-odd-background: var(--ig-gray-50);--row-odd-text-color: var(--ig-gray-50-contrast);--row-border-color: hsl(from var(--ig-gray-300) h s l/0.38);--row-border-style: solid;--row-border-width: 0.0625rem;--cell-active-border-color: var(--ig-primary-500);--grid-resize-line-color: var(--ig-primary-500)}`;"]}
@@ -1,3 +0,0 @@
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;height:100%;position:relative;font-family:var(--ig-font-family);box-shadow:var(--ig-elevation-2);overflow:auto hidden;grid-template-rows:[header-row] max-content [filter-row] max-content [virtualized-container] auto;--scrollbar-offset: 0;--z-index-base: 1}apex-virtualizer{grid-row:virtualized-container;display:flex;flex-flow:column;flex:1;background:var(--igx-content-background, var(--content-background));color:var(--igx-content-text-color, var(--content-text-color));overflow:hidden auto !important}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));width:.125rem;inset-inline-start:0;top:0;z-index:calc(var(--z-index-base) + 1)}:host{--content-background: var(var(--ig-gray-50));--content-text-color: var(var(--ig-gray-50-contrast));--header-background: var(--ig-surface-500);--header-text-color: var(--ig-surface-500-contrast);--header-border-width: 0.0625rem;--header-border-style: solid;--header-border-color: var(--ig-gray-100);--filtering-header-background: var(--ig-gray-50);--filtering-row-background: var(--ig-gray-50);--filtering-row-text-color: var(--ig-gray-50-contrast);--sorted-header-icon-color: var(--ig-secondary-500);--icon-color: "currentColor";--row-hover-background: var(--ig-gray-200);--row-hover-text-color: var(--ig-gray-200-contrast);--row-even-background: var(--ig-gray-50);--row-even-text-color: var(--ig-gray-50-contrast);--row-odd-background: var(--ig-gray-50);--row-odd-text-color: var(--ig-gray-50-contrast);--row-border-color: var(--ig-gray-100);--row-border-style: var(--header-border-style);--row-border-width: var(--header-border-width);--cell-active-border-color: var(--ig-primary-500);--grid-resize-line-color: var(--ig-primary-500)}`;
3
- //# sourceMappingURL=grid.fluent.css.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"grid.fluent.css.js","sourceRoot":"","sources":["../../../../../src/styles/grid/themes/light/grid.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4mEAA4mE,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;height:100%;position:relative;font-family:var(--ig-font-family);box-shadow:var(--ig-elevation-2);overflow:auto hidden;grid-template-rows:[header-row] max-content [filter-row] max-content [virtualized-container] auto;--scrollbar-offset: 0;--z-index-base: 1}apex-virtualizer{grid-row:virtualized-container;display:flex;flex-flow:column;flex:1;background:var(--igx-content-background, var(--content-background));color:var(--igx-content-text-color, var(--content-text-color));overflow:hidden auto !important}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));width:.125rem;inset-inline-start:0;top:0;z-index:calc(var(--z-index-base) + 1)}:host{--content-background: var(var(--ig-gray-50));--content-text-color: var(var(--ig-gray-50-contrast));--header-background: var(--ig-surface-500);--header-text-color: var(--ig-surface-500-contrast);--header-border-width: 0.0625rem;--header-border-style: solid;--header-border-color: var(--ig-gray-100);--filtering-header-background: var(--ig-gray-50);--filtering-row-background: var(--ig-gray-50);--filtering-row-text-color: var(--ig-gray-50-contrast);--sorted-header-icon-color: var(--ig-secondary-500);--icon-color: \"currentColor\";--row-hover-background: var(--ig-gray-200);--row-hover-text-color: var(--ig-gray-200-contrast);--row-even-background: var(--ig-gray-50);--row-even-text-color: var(--ig-gray-50-contrast);--row-odd-background: var(--ig-gray-50);--row-odd-text-color: var(--ig-gray-50-contrast);--row-border-color: var(--ig-gray-100);--row-border-style: var(--header-border-style);--row-border-width: var(--header-border-width);--cell-active-border-color: var(--ig-primary-500);--grid-resize-line-color: var(--ig-primary-500)}`;"]}
@@ -1,3 +0,0 @@
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;height:100%;position:relative;font-family:var(--ig-font-family);box-shadow:var(--ig-elevation-2);overflow:auto hidden;grid-template-rows:[header-row] max-content [filter-row] max-content [virtualized-container] auto;--scrollbar-offset: 0;--z-index-base: 1}apex-virtualizer{grid-row:virtualized-container;display:flex;flex-flow:column;flex:1;background:var(--igx-content-background, var(--content-background));color:var(--igx-content-text-color, var(--content-text-color));overflow:hidden auto !important}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));width:.125rem;inset-inline-start:0;top:0;z-index:calc(var(--z-index-base) + 1)}:host{--content-background: var(var(--ig-gray-50));--content-text-color: var(var(--ig-gray-50-contrast));--header-background: var(--ig-gray-100);--header-text-color: var(--ig-primary-500);--header-border-width: 0.0625rem;--header-border-style: solid;--header-border-color: hsl(from var(--ig-primary-500) h s l/0.24);--filtering-header-background: var(--ig-gray-50);--filtering-row-background: var(--ig-gray-50);--filtering-row-text-color: var(--ig-gray-50-contrast);--sorted-header-icon-color: var(--ig-primary-500);--icon-color: "currentColor";--row-hover-background: var(--ig-primary-50);--row-hover-text-color: var(--ig-gray-200-contrast);--row-even-background: var(--ig-gray-50);--row-even-text-color: var(--ig-gray-50-contrast);--row-odd-background: var(--ig-gray-50);--row-odd-text-color: var(--ig-gray-50-contrast);--row-border-color: var(--ig-primary-50);--row-border-style: var(--header-border-style);--row-border-width: var(--header-border-width);--cell-active-border-color: var(--ig-primary-500);--grid-resize-line-color: var(--ig-primary-500)}`;
3
- //# sourceMappingURL=grid.indigo.css.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"grid.indigo.css.js","sourceRoot":"","sources":["../../../../../src/styles/grid/themes/light/grid.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0nEAA0nE,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;height:100%;position:relative;font-family:var(--ig-font-family);box-shadow:var(--ig-elevation-2);overflow:auto hidden;grid-template-rows:[header-row] max-content [filter-row] max-content [virtualized-container] auto;--scrollbar-offset: 0;--z-index-base: 1}apex-virtualizer{grid-row:virtualized-container;display:flex;flex-flow:column;flex:1;background:var(--igx-content-background, var(--content-background));color:var(--igx-content-text-color, var(--content-text-color));overflow:hidden auto !important}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));width:.125rem;inset-inline-start:0;top:0;z-index:calc(var(--z-index-base) + 1)}:host{--content-background: var(var(--ig-gray-50));--content-text-color: var(var(--ig-gray-50-contrast));--header-background: var(--ig-gray-100);--header-text-color: var(--ig-primary-500);--header-border-width: 0.0625rem;--header-border-style: solid;--header-border-color: hsl(from var(--ig-primary-500) h s l/0.24);--filtering-header-background: var(--ig-gray-50);--filtering-row-background: var(--ig-gray-50);--filtering-row-text-color: var(--ig-gray-50-contrast);--sorted-header-icon-color: var(--ig-primary-500);--icon-color: \"currentColor\";--row-hover-background: var(--ig-primary-50);--row-hover-text-color: var(--ig-gray-200-contrast);--row-even-background: var(--ig-gray-50);--row-even-text-color: var(--ig-gray-50-contrast);--row-odd-background: var(--ig-gray-50);--row-odd-text-color: var(--ig-gray-50-contrast);--row-border-color: var(--ig-primary-50);--row-border-style: var(--header-border-style);--row-border-width: var(--header-border-width);--cell-active-border-color: var(--ig-primary-500);--grid-resize-line-color: var(--ig-primary-500)}`;"]}
@@ -1,3 +0,0 @@
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;height:100%;position:relative;font-family:var(--ig-font-family);box-shadow:var(--ig-elevation-2);overflow:auto hidden;grid-template-rows:[header-row] max-content [filter-row] max-content [virtualized-container] auto;--scrollbar-offset: 0;--z-index-base: 1}apex-virtualizer{grid-row:virtualized-container;display:flex;flex-flow:column;flex:1;background:var(--igx-content-background, var(--content-background));color:var(--igx-content-text-color, var(--content-text-color));overflow:hidden auto !important}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));width:.125rem;inset-inline-start:0;top:0;z-index:calc(var(--z-index-base) + 1)}:host{--content-background: var(var(--ig-gray-50));--content-text-color: var(var(--ig-gray-50-contrast));--header-background: var(--ig-gray-100);--header-text-color: hsl(from var(--ig-gray-800) h s l/0.7);--header-border-width: 0.0625rem;--header-border-style: solid;--header-border-color: hsl(from var(--ig-gray-400) h s l/0.38);--filtering-header-background: var(--ig-gray-50);--filtering-row-background: var(--ig-gray-50);--filtering-row-text-color: var(--ig-gray-50-contrast);--sorted-header-icon-color: var(--ig-secondary-500);--icon-color: "currentColor";--row-hover-background: var(--ig-gray-200);--row-hover-text-color: var(--ig-gray-200-contrast);--row-even-background: var(--ig-gray-50);--row-even-text-color: var(--ig-gray-800);--row-odd-background: var(--ig-gray-50);--row-odd-text-color: var(--ig-gray-800);--row-border-color: hsl(from var(--ig-gray-300) h s l/0.38);--row-border-style: var(--header-border-style);--row-border-width: var(--header-border-width);--cell-active-border-color: var(--ig-secondary-500);--grid-resize-line-color: var(--ig-secondary-500)}`;
3
- //# sourceMappingURL=grid.material.css.js.map