igniteui-grid-lite 1.0.0-alpha.9

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 (207) hide show
  1. package/LICENSE +9 -0
  2. package/README.md +17 -0
  3. package/components/cell.d.ts +35 -0
  4. package/components/cell.js +47 -0
  5. package/components/cell.js.map +1 -0
  6. package/components/filter-row.d.ts +47 -0
  7. package/components/filter-row.js +313 -0
  8. package/components/filter-row.js.map +1 -0
  9. package/components/grid.d.ts +226 -0
  10. package/components/grid.js +227 -0
  11. package/components/grid.js.map +1 -0
  12. package/components/header-row.d.ts +23 -0
  13. package/components/header-row.js +72 -0
  14. package/components/header-row.js.map +1 -0
  15. package/components/header.d.ts +23 -0
  16. package/components/header.js +137 -0
  17. package/components/header.js.map +1 -0
  18. package/components/row.d.ts +24 -0
  19. package/components/row.js +64 -0
  20. package/components/row.js.map +1 -0
  21. package/components/virtualizer.d.ts +12 -0
  22. package/components/virtualizer.js +21 -0
  23. package/components/virtualizer.js.map +1 -0
  24. package/controllers/data-operation.d.ts +17 -0
  25. package/controllers/data-operation.js +36 -0
  26. package/controllers/data-operation.js.map +1 -0
  27. package/controllers/dom.d.ts +19 -0
  28. package/controllers/dom.js +54 -0
  29. package/controllers/dom.js.map +1 -0
  30. package/controllers/filter.d.ts +21 -0
  31. package/controllers/filter.js +105 -0
  32. package/controllers/filter.js.map +1 -0
  33. package/controllers/navigation.d.ts +27 -0
  34. package/controllers/navigation.js +98 -0
  35. package/controllers/navigation.js.map +1 -0
  36. package/controllers/resize.d.ts +27 -0
  37. package/controllers/resize.js +52 -0
  38. package/controllers/resize.js.map +1 -0
  39. package/controllers/sort.d.ts +15 -0
  40. package/controllers/sort.js +94 -0
  41. package/controllers/sort.js.map +1 -0
  42. package/controllers/state.d.ts +24 -0
  43. package/controllers/state.js +37 -0
  44. package/controllers/state.js.map +1 -0
  45. package/custom-elements.json +4166 -0
  46. package/define.d.ts +2 -0
  47. package/define.js +4 -0
  48. package/define.js.map +1 -0
  49. package/docs/.nojekyll +1 -0
  50. package/docs/assets/hierarchy.js +1 -0
  51. package/docs/assets/highlight.css +71 -0
  52. package/docs/assets/icons.js +18 -0
  53. package/docs/assets/icons.svg +1 -0
  54. package/docs/assets/main.js +60 -0
  55. package/docs/assets/navigation.js +1 -0
  56. package/docs/assets/search.js +1 -0
  57. package/docs/assets/style.css +1633 -0
  58. package/docs/classes/IgcGridLite.html +74 -0
  59. package/docs/hierarchy.html +1 -0
  60. package/docs/index.html +11 -0
  61. package/docs/interfaces/BaseColumnConfiguration.html +28 -0
  62. package/docs/interfaces/BaseColumnSortConfiguration.html +6 -0
  63. package/docs/interfaces/BaseFilterExpression.html +15 -0
  64. package/docs/interfaces/BaseIgcCellContext.html +10 -0
  65. package/docs/interfaces/BaseSortExpression.html +12 -0
  66. package/docs/interfaces/ColumnFilterConfiguration.html +4 -0
  67. package/docs/interfaces/DataPipelineConfiguration.html +6 -0
  68. package/docs/interfaces/GridSortConfiguration.html +6 -0
  69. package/docs/interfaces/IgcFilteredEvent.html +6 -0
  70. package/docs/interfaces/IgcFilteringEvent.html +12 -0
  71. package/docs/interfaces/IgcGridLiteEventMap.html +17 -0
  72. package/docs/interfaces/IgcHeaderContext.html +6 -0
  73. package/docs/modules.html +1 -0
  74. package/docs/types/BasePropertyType.html +2 -0
  75. package/docs/types/BaseSortComparer.html +2 -0
  76. package/docs/types/ColumnConfiguration.html +2 -0
  77. package/docs/types/ColumnSortConfiguration.html +2 -0
  78. package/docs/types/DataPipelineHook.html +2 -0
  79. package/docs/types/DataPipelineParams.html +8 -0
  80. package/docs/types/DataType.html +2 -0
  81. package/docs/types/FilterCriteria.html +6 -0
  82. package/docs/types/FilterExpression.html +2 -0
  83. package/docs/types/IgcCellContext.html +2 -0
  84. package/docs/types/Keys.html +2 -0
  85. package/docs/types/PropertyType.html +2 -0
  86. package/docs/types/SortComparer.html +2 -0
  87. package/docs/types/SortExpression.html +2 -0
  88. package/docs/types/SortState.html +2 -0
  89. package/docs/types/SortingDirection.html +3 -0
  90. package/index.d.ts +8 -0
  91. package/index.js +5 -0
  92. package/index.js.map +1 -0
  93. package/internal/constants.d.ts +8 -0
  94. package/internal/constants.js +19 -0
  95. package/internal/constants.js.map +1 -0
  96. package/internal/icon-registry.d.ts +1 -0
  97. package/internal/icon-registry.js +29 -0
  98. package/internal/icon-registry.js.map +1 -0
  99. package/internal/is-defined.d.ts +1 -0
  100. package/internal/is-defined.js +4 -0
  101. package/internal/is-defined.js.map +1 -0
  102. package/internal/mixins/event-emitter.d.ts +7 -0
  103. package/internal/mixins/event-emitter.js +18 -0
  104. package/internal/mixins/event-emitter.js.map +1 -0
  105. package/internal/normalize-case.d.ts +1 -0
  106. package/internal/normalize-case.js +4 -0
  107. package/internal/normalize-case.js.map +1 -0
  108. package/internal/part-map.d.ts +4 -0
  109. package/internal/part-map.js +6 -0
  110. package/internal/part-map.js.map +1 -0
  111. package/internal/register.d.ts +6 -0
  112. package/internal/register.js +9 -0
  113. package/internal/register.js.map +1 -0
  114. package/internal/tags.d.ts +7 -0
  115. package/internal/tags.js +8 -0
  116. package/internal/tags.js.map +1 -0
  117. package/internal/theming.d.ts +34 -0
  118. package/internal/theming.js +123 -0
  119. package/internal/theming.js.map +1 -0
  120. package/internal/types.d.ts +198 -0
  121. package/internal/types.js +2 -0
  122. package/internal/types.js.map +1 -0
  123. package/internal/utils.d.ts +6 -0
  124. package/internal/utils.js +34 -0
  125. package/internal/utils.js.map +1 -0
  126. package/internal/watch.d.ts +5 -0
  127. package/internal/watch.js +19 -0
  128. package/internal/watch.js.map +1 -0
  129. package/operations/base.d.ts +6 -0
  130. package/operations/base.js +9 -0
  131. package/operations/base.js.map +1 -0
  132. package/operations/filter/operands/boolean.d.ts +3 -0
  133. package/operations/filter/operands/boolean.js +34 -0
  134. package/operations/filter/operands/boolean.js.map +1 -0
  135. package/operations/filter/operands/number.d.ts +3 -0
  136. package/operations/filter/operands/number.js +52 -0
  137. package/operations/filter/operands/number.js.map +1 -0
  138. package/operations/filter/operands/string.d.ts +3 -0
  139. package/operations/filter/operands/string.js +53 -0
  140. package/operations/filter/operands/string.js.map +1 -0
  141. package/operations/filter/state.d.ts +16 -0
  142. package/operations/filter/state.js +41 -0
  143. package/operations/filter/state.js.map +1 -0
  144. package/operations/filter/tree.d.ts +17 -0
  145. package/operations/filter/tree.js +46 -0
  146. package/operations/filter/tree.js.map +1 -0
  147. package/operations/filter/types.d.ts +57 -0
  148. package/operations/filter/types.js +2 -0
  149. package/operations/filter/types.js.map +1 -0
  150. package/operations/filter.d.ts +8 -0
  151. package/operations/filter.js +22 -0
  152. package/operations/filter.js.map +1 -0
  153. package/operations/sort/types.d.ts +49 -0
  154. package/operations/sort/types.js +2 -0
  155. package/operations/sort/types.js.map +1 -0
  156. package/operations/sort.d.ts +8 -0
  157. package/operations/sort.js +37 -0
  158. package/operations/sort.js.map +1 -0
  159. package/package.json +41 -0
  160. package/styles/_common.css.d.ts +1 -0
  161. package/styles/_common.css.js +3 -0
  162. package/styles/_common.css.js.map +1 -0
  163. package/styles/body-cell/body-cell.css.d.ts +1 -0
  164. package/styles/body-cell/body-cell.css.js +3 -0
  165. package/styles/body-cell/body-cell.css.js.map +1 -0
  166. package/styles/body-row/body-row.css.d.ts +1 -0
  167. package/styles/body-row/body-row.css.js +3 -0
  168. package/styles/body-row/body-row.css.js.map +1 -0
  169. package/styles/filter-row/filter-row.css.d.ts +1 -0
  170. package/styles/filter-row/filter-row.css.js +3 -0
  171. package/styles/filter-row/filter-row.css.js.map +1 -0
  172. package/styles/grid/themes/dark/grid.bootstrap.css.d.ts +1 -0
  173. package/styles/grid/themes/dark/grid.bootstrap.css.js +3 -0
  174. package/styles/grid/themes/dark/grid.bootstrap.css.js.map +1 -0
  175. package/styles/grid/themes/dark/grid.fluent.css.d.ts +1 -0
  176. package/styles/grid/themes/dark/grid.fluent.css.js +3 -0
  177. package/styles/grid/themes/dark/grid.fluent.css.js.map +1 -0
  178. package/styles/grid/themes/dark/grid.indigo.css.d.ts +1 -0
  179. package/styles/grid/themes/dark/grid.indigo.css.js +3 -0
  180. package/styles/grid/themes/dark/grid.indigo.css.js.map +1 -0
  181. package/styles/grid/themes/dark/grid.material.css.d.ts +1 -0
  182. package/styles/grid/themes/dark/grid.material.css.js +3 -0
  183. package/styles/grid/themes/dark/grid.material.css.js.map +1 -0
  184. package/styles/grid/themes/grid.base.css.d.ts +1 -0
  185. package/styles/grid/themes/grid.base.css.js +3 -0
  186. package/styles/grid/themes/grid.base.css.js.map +1 -0
  187. package/styles/grid/themes/light/grid.bootstrap.css.d.ts +1 -0
  188. package/styles/grid/themes/light/grid.bootstrap.css.js +3 -0
  189. package/styles/grid/themes/light/grid.bootstrap.css.js.map +1 -0
  190. package/styles/grid/themes/light/grid.fluent.css.d.ts +1 -0
  191. package/styles/grid/themes/light/grid.fluent.css.js +3 -0
  192. package/styles/grid/themes/light/grid.fluent.css.js.map +1 -0
  193. package/styles/grid/themes/light/grid.indigo.css.d.ts +1 -0
  194. package/styles/grid/themes/light/grid.indigo.css.js +3 -0
  195. package/styles/grid/themes/light/grid.indigo.css.js.map +1 -0
  196. package/styles/grid/themes/light/grid.material.css.d.ts +1 -0
  197. package/styles/grid/themes/light/grid.material.css.js +3 -0
  198. package/styles/grid/themes/light/grid.material.css.js.map +1 -0
  199. package/styles/grid/themes/themes.d.ts +2 -0
  200. package/styles/grid/themes/themes.js +39 -0
  201. package/styles/grid/themes/themes.js.map +1 -0
  202. package/styles/header-cell/header-cell.css.d.ts +1 -0
  203. package/styles/header-cell/header-cell.css.js +3 -0
  204. package/styles/header-cell/header-cell.css.js.map +1 -0
  205. package/styles/header-row/header-row.base.css.d.ts +1 -0
  206. package/styles/header-row/header-row.base.css.js +3 -0
  207. package/styles/header-row/header-row.base.css.js.map +1 -0
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `:host{--content-text-color: var(--ig-gray-800);--header-border-color: hsl(from var(--ig-gray-200) h s l/0.24);--sorted-header-icon-color: var(--ig-secondary-500);--row-hover-background: var(--ig-gray-100);--row-hover-text-color: var(--ig-gray-100-contrast);--row-border-color: hsl(from var(--ig-gray-200) h s l/0.24);--content-background: var(var(--ig-gray-50));--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;--filtering-header-background: var(--ig-gray-50);--filtering-row-background: var(--ig-gray-50);--filtering-row-text-color: var(--ig-gray-50-contrast);--icon-color: "currentColor";--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-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
@@ -0,0 +1 @@
1
+ {"version":3,"file":"grid.material.css.js","sourceRoot":"","sources":["../../../../../src/styles/grid/themes/dark/grid.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yiCAAyiC,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{--content-text-color: var(--ig-gray-800);--header-border-color: hsl(from var(--ig-gray-200) h s l/0.24);--sorted-header-icon-color: var(--ig-secondary-500);--row-hover-background: var(--ig-gray-100);--row-hover-text-color: var(--ig-gray-100-contrast);--row-border-color: hsl(from var(--ig-gray-200) h s l/0.24);--content-background: var(var(--ig-gray-50));--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;--filtering-header-background: var(--ig-gray-50);--filtering-row-background: var(--ig-gray-50);--filtering-row-text-color: var(--ig-gray-50-contrast);--icon-color: \"currentColor\";--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-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)}`;"]}
@@ -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{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}igc-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}igc-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)}`;
3
+ //# sourceMappingURL=grid.base.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"grid.base.css.js","sourceRoot":"","sources":["../../../../src/styles/grid/themes/grid.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ylCAAylC,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}igc-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}igc-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)}`;"]}
@@ -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{--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
@@ -0,0 +1 @@
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,2gCAA2gC,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`: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)}`;"]}
@@ -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{--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
@@ -0,0 +1 @@
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,mhCAAmhC,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`: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)}`;"]}
@@ -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{--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
@@ -0,0 +1 @@
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,iiCAAiiC,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`: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)}`;"]}
@@ -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{--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
@@ -0,0 +1 @@
1
+ {"version":3,"file":"grid.material.css.js","sourceRoot":"","sources":["../../../../../src/styles/grid/themes/light/grid.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,sjCAAsjC,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`: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)}`;"]}
@@ -0,0 +1,2 @@
1
+ import type { Themes } from '../../../internal/theming.js';
2
+ export declare const all: Themes;
@@ -0,0 +1,39 @@
1
+ import { css } from 'lit';
2
+ import { styles as bootstrapDark } from './dark/grid.bootstrap.css.js';
3
+ import { styles as fluentDark } from './dark/grid.fluent.css.js';
4
+ import { styles as indigoDark } from './dark/grid.indigo.css.js';
5
+ import { styles as materialDark } from './dark/grid.material.css.js';
6
+ import { styles as bootstrapLight } from './light/grid.bootstrap.css.js';
7
+ import { styles as fluentLight } from './light/grid.fluent.css.js';
8
+ import { styles as indigoLight } from './light/grid.indigo.css.js';
9
+ import { styles as materialLight } from './light/grid.material.css.js';
10
+ const light = {
11
+ bootstrap: css `
12
+ ${bootstrapLight}
13
+ `,
14
+ material: css `
15
+ ${materialLight}
16
+ `,
17
+ fluent: css `
18
+ ${fluentLight}
19
+ `,
20
+ indigo: css `
21
+ ${indigoLight}
22
+ `,
23
+ };
24
+ const dark = {
25
+ bootstrap: css `
26
+ ${bootstrapDark}
27
+ `,
28
+ material: css `
29
+ ${materialDark}
30
+ `,
31
+ fluent: css `
32
+ ${fluentDark}
33
+ `,
34
+ indigo: css `
35
+ ${indigoDark}
36
+ `,
37
+ };
38
+ export const all = { light, dark };
39
+ //# sourceMappingURL=themes.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../src/styles/grid/themes/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAErE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAEvE,MAAM,KAAK,GAAG;IACZ,SAAS,EAAE,GAAG,CAAA;MACV,cAAc;GACjB;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,aAAa;GAChB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,WAAW;GACd;IACD,MAAM,EAAE,GAAG,CAAA;MACP,WAAW;GACd;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,GAAG,CAAA;MACV,aAAa;GAChB;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,YAAY;GACf;IACD,MAAM,EAAE,GAAG,CAAA;MACP,UAAU;GACb;IACD,MAAM,EAAE,GAAG,CAAA;MACP,UAAU;GACb;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '../../../internal/theming.js';\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/grid.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/grid.fluent.css.js';\nimport { styles as indigoDark } from './dark/grid.indigo.css.js';\nimport { styles as materialDark } from './dark/grid.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/grid.bootstrap.css.js';\nimport { styles as fluentLight } from './light/grid.fluent.css.js';\nimport { styles as indigoLight } from './light/grid.indigo.css.js';\nimport { styles as materialLight } from './light/grid.material.css.js';\n\nconst light = {\n bootstrap: css`\n ${bootstrapLight}\n `,\n material: css`\n ${materialLight}\n `,\n fluent: css`\n ${fluentLight}\n `,\n indigo: css`\n ${indigoLight}\n `,\n};\n\nconst dark = {\n bootstrap: css`\n ${bootstrapDark}\n `,\n material: css`\n ${materialDark}\n `,\n fluent: css`\n ${fluentDark}\n `,\n indigo: css`\n ${indigoDark}\n `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
@@ -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{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}`;
3
+ //# sourceMappingURL=header-cell.css.js.map
@@ -0,0 +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}`;"]}
@@ -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{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))}`;
3
+ //# sourceMappingURL=header-row.base.css.js.map
@@ -0,0 +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))}`;"]}