igniteui-grid-lite 0.10.0 → 0.11.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 (90) hide show
  1. package/components/cell.d.ts +5 -17
  2. package/components/cell.js +2 -2
  3. package/components/cell.js.map +1 -1
  4. package/components/filter-row.d.ts +2 -5
  5. package/components/filter-row.js +22 -27
  6. package/components/filter-row.js.map +1 -1
  7. package/components/grid.d.ts +10 -15
  8. package/components/grid.js +33 -36
  9. package/components/grid.js.map +1 -1
  10. package/components/header-row.js +2 -1
  11. package/components/header-row.js.map +1 -1
  12. package/components/header.js +2 -6
  13. package/components/header.js.map +1 -1
  14. package/components/row.d.ts +0 -3
  15. package/components/row.js +3 -3
  16. package/components/row.js.map +1 -1
  17. package/controllers/data-operation.d.ts +1 -3
  18. package/controllers/data-operation.js +0 -2
  19. package/controllers/data-operation.js.map +1 -1
  20. package/controllers/dom.d.ts +4 -16
  21. package/controllers/dom.js +14 -13
  22. package/controllers/dom.js.map +1 -1
  23. package/controllers/filter.d.ts +10 -22
  24. package/controllers/filter.js +14 -8
  25. package/controllers/filter.js.map +1 -1
  26. package/controllers/navigation.d.ts +4 -9
  27. package/controllers/navigation.js +23 -43
  28. package/controllers/navigation.js.map +1 -1
  29. package/controllers/resize.d.ts +3 -9
  30. package/controllers/resize.js +2 -7
  31. package/controllers/resize.js.map +1 -1
  32. package/controllers/sort.d.ts +3 -5
  33. package/controllers/sort.js +19 -14
  34. package/controllers/sort.js.map +1 -1
  35. package/controllers/state.d.ts +2 -13
  36. package/controllers/state.js +12 -10
  37. package/controllers/state.js.map +1 -1
  38. package/custom-elements.json +201 -350
  39. package/docs/igniteui-grid-lite.json +849 -859
  40. package/internal/a11y.d.ts +2 -5
  41. package/internal/a11y.js.map +1 -1
  42. package/internal/body-focus.d.ts +6 -0
  43. package/internal/body-focus.js +46 -0
  44. package/internal/body-focus.js.map +1 -0
  45. package/internal/constants.d.ts +4 -1
  46. package/internal/constants.js +2 -0
  47. package/internal/constants.js.map +1 -1
  48. package/internal/element-from-event-path.d.ts +1 -1
  49. package/internal/element-from-event-path.js +2 -9
  50. package/internal/element-from-event-path.js.map +1 -1
  51. package/internal/tags.d.ts +0 -1
  52. package/internal/tags.js +0 -1
  53. package/internal/tags.js.map +1 -1
  54. package/internal/types.d.ts +6 -7
  55. package/internal/types.js.map +1 -1
  56. package/internal/utils.d.ts +4 -8
  57. package/internal/utils.js +7 -3
  58. package/internal/utils.js.map +1 -1
  59. package/operations/base.js +2 -2
  60. package/operations/base.js.map +1 -1
  61. package/operations/filter/state.d.ts +0 -1
  62. package/operations/filter/state.js +0 -3
  63. package/operations/filter/state.js.map +1 -1
  64. package/operations/filter/types.d.ts +1 -1
  65. package/operations/filter/types.js.map +1 -1
  66. package/operations/filter.js +3 -2
  67. package/operations/filter.js.map +1 -1
  68. package/operations/sort/types.d.ts +1 -1
  69. package/operations/sort/types.js.map +1 -1
  70. package/operations/sort.js +5 -1
  71. package/operations/sort.js.map +1 -1
  72. package/package.json +2 -3
  73. package/styles/header-cell/header-cell.css.js +1 -1
  74. package/styles/header-cell/header-cell.css.js.map +1 -1
  75. package/styles/themes/filtering-row-themes.js +2 -30
  76. package/styles/themes/filtering-row-themes.js.map +1 -1
  77. package/styles/themes/grid-header-themes.js +2 -20
  78. package/styles/themes/grid-header-themes.js.map +1 -1
  79. package/styles/themes/grid-themes.js +10 -31
  80. package/styles/themes/grid-themes.js.map +1 -1
  81. package/styles/themes/grid.base.css.js +1 -1
  82. package/styles/themes/grid.base.css.js.map +1 -1
  83. package/styles/themes/shared/grid.common.css.js +1 -1
  84. package/styles/themes/shared/grid.common.css.js.map +1 -1
  85. package/components/virtualizer.d.ts +0 -14
  86. package/components/virtualizer.js +0 -49
  87. package/components/virtualizer.js.map +0 -1
  88. package/internal/virt-flow-layout.d.ts +0 -4
  89. package/internal/virt-flow-layout.js +0 -15
  90. package/internal/virt-flow-layout.js.map +0 -1
@@ -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,6yEAA6yE,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host{display:flex;align-items:center;position:relative;border-inline-end:var(--header-border-width) var(--header-border-style) var(--header-border-color);font-size:0.75rem;min-height:var(--header-size)}: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));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;font-weight:600;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}[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}[part~=sorted],[part~=filtered]{color:var(--sorted-header-icon-color)}[part~=sorted] igc-icon,[part~=filtered] igc-icon{color:inherit}[part~=filtered]{color:var(--filtering-header-text-color);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,k7DAAk7D,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host{display:flex;align-items:center;position:relative;border-inline-end:var(--header-border-width) var(--header-border-style) var(--header-border-color);font-size:0.75rem;min-height:var(--header-size)}: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));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;font-weight:600;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}[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}[part~=sorted]{color:var(--sorted-header-icon-color)}[part~=sorted] igc-icon{color:inherit}[part~=resizable]{width:.25rem;height:100%;position:absolute;inset-inline-end:-0.125rem;z-index:var(--z-index-base);cursor:col-resize}`;"]}
@@ -1,35 +1,7 @@
1
- import { css } from 'lit';
2
1
  import { styles as bootstrap } from './shared/filtering-row/filtering-row.bootstrap.css.js';
3
2
  import { styles as fluent } from './shared/filtering-row/filtering-row.fluent.css.js';
4
3
  import { styles as indigo } from './shared/filtering-row/filtering-row.indigo.css.js';
5
4
  import { styles as material } from './shared/filtering-row/filtering-row.material.css.js';
6
- const light = {
7
- indigo: css `
8
- ${indigo}
9
- `,
10
- material: css `
11
- ${material}
12
- `,
13
- bootstrap: css `
14
- ${bootstrap}
15
- `,
16
- fluent: css `
17
- ${fluent}
18
- `,
19
- };
20
- const dark = {
21
- indigo: css `
22
- ${indigo}
23
- `,
24
- material: css `
25
- ${material}
26
- `,
27
- bootstrap: css `
28
- ${bootstrap}
29
- `,
30
- fluent: css `
31
- ${fluent}
32
- `,
33
- };
34
- export const all = { light, dark };
5
+ const light = { indigo, material, bootstrap, fluent };
6
+ export const all = { light, dark: light };
35
7
  //# sourceMappingURL=filtering-row-themes.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"filtering-row-themes.js","sourceRoot":"","sources":["../../../src/styles/themes/filtering-row-themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,uDAAuD,CAAC;AAC5F,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,oDAAoD,CAAC;AAEtF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,oDAAoD,CAAC;AACtF,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,sDAAsD,CAAC;AAE1F,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;QACL,MAAM;GACX;IACD,QAAQ,EAAE,GAAG,CAAA;QACP,QAAQ;GACb;IACD,SAAS,EAAE,GAAG,CAAA;QACR,SAAS;GACd;IACD,MAAM,EAAE,GAAG,CAAA;QACL,MAAM;GACX;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ;GACX;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;GACZ;IACD,MAAM,EAAE,GAAG,CAAA;QACL,MAAM;GACX;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\nimport type { Themes } from '../../internal/types.js';\nimport { styles as bootstrap } from './shared/filtering-row/filtering-row.bootstrap.css.js';\nimport { styles as fluent } from './shared/filtering-row/filtering-row.fluent.css.js';\n// Shared\nimport { styles as indigo } from './shared/filtering-row/filtering-row.indigo.css.js';\nimport { styles as material } from './shared/filtering-row/filtering-row.material.css.js';\n\nconst light = {\n indigo: css`\n ${indigo}\n `,\n material: css`\n ${material}\n `,\n bootstrap: css`\n ${bootstrap}\n `,\n fluent: css`\n ${fluent}\n `,\n};\n\nconst dark = {\n indigo: css`\n ${indigo}\n `,\n material: css`\n ${material}\n `,\n bootstrap: css`\n ${bootstrap}\n `,\n fluent: css`\n ${fluent}\n `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
1
+ {"version":3,"file":"filtering-row-themes.js","sourceRoot":"","sources":["../../../src/styles/themes/filtering-row-themes.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,uDAAuD,CAAC;AAC5F,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,oDAAoD,CAAC;AACtF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,oDAAoD,CAAC;AACtF,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,sDAAsD,CAAC;AAE1F,MAAM,KAAK,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC;AAEtD,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC","sourcesContent":["import type { Themes } from '../../internal/types.js';\nimport { styles as bootstrap } from './shared/filtering-row/filtering-row.bootstrap.css.js';\nimport { styles as fluent } from './shared/filtering-row/filtering-row.fluent.css.js';\nimport { styles as indigo } from './shared/filtering-row/filtering-row.indigo.css.js';\nimport { styles as material } from './shared/filtering-row/filtering-row.material.css.js';\n\nconst light = { indigo, material, bootstrap, fluent };\n\nexport const all: Themes = { light, dark: light };\n"]}
@@ -1,25 +1,7 @@
1
- import { css } from 'lit';
2
1
  import { styles as bootstrap } from './shared/header/header.bootstrap.css.js';
3
2
  import { styles as fluent } from './shared/header/header.fluent.css.js';
4
3
  import { styles as indigo } from './shared/header/header.indigo.css.js';
5
- const light = {
6
- bootstrap: css `
7
- ${bootstrap},
8
- `,
9
- fluent: css `
10
- ${fluent}
11
- `,
12
- indigo: css `
13
- ${indigo}
14
- `,
15
- };
16
- const dark = {
17
- bootstrap: css `
18
- ${bootstrap}
19
- `,
20
- indigo: css `
21
- ${indigo}
22
- `,
23
- };
4
+ const light = { bootstrap, fluent, indigo };
5
+ const dark = { bootstrap, indigo };
24
6
  export const all = { light, dark };
25
7
  //# sourceMappingURL=grid-header-themes.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"grid-header-themes.js","sourceRoot":"","sources":["../../../src/styles/themes/grid-header-themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,yCAAyC,CAAC;AAC9E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAExE,MAAM,KAAK,GAAG;IACZ,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;GACZ;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;GACZ;IACD,MAAM,EAAE,GAAG,CAAA;QACL,MAAM;GACX;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/types.js';\n// Shared\nimport { styles as bootstrap } from './shared/header/header.bootstrap.css.js';\nimport { styles as fluent } from './shared/header/header.fluent.css.js';\nimport { styles as indigo } from './shared/header/header.indigo.css.js';\n\nconst light = {\n bootstrap: css`\n ${bootstrap},\n `,\n fluent: css`\n ${fluent}\n `,\n indigo: css`\n ${indigo}\n `,\n};\n\nconst dark = {\n bootstrap: css`\n ${bootstrap}\n `,\n indigo: css`\n ${indigo}\n `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
1
+ {"version":3,"file":"grid-header-themes.js","sourceRoot":"","sources":["../../../src/styles/themes/grid-header-themes.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,yCAAyC,CAAC;AAC9E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAExE,MAAM,KAAK,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;AAC5C,MAAM,IAAI,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC;AAEnC,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import type { Themes } from '../../internal/types.js';\nimport { styles as bootstrap } from './shared/header/header.bootstrap.css.js';\nimport { styles as fluent } from './shared/header/header.fluent.css.js';\nimport { styles as indigo } from './shared/header/header.indigo.css.js';\n\nconst light = { bootstrap, fluent, indigo };\nconst dark = { bootstrap, indigo };\n\nexport const all: Themes = { light, dark };\n"]}
@@ -1,4 +1,3 @@
1
- import { css } from 'lit';
2
1
  import { styles as bootstrapDark } from './dark/grid.bootstrap.css.js';
3
2
  import { styles as fluentDark } from './dark/grid.fluent.css.js';
4
3
  import { styles as indigoDark } from './dark/grid.indigo.css.js';
@@ -10,38 +9,18 @@ import { styles as indigoLight } from './light/grid.indigo.css.js';
10
9
  import { styles as materialLight } from './light/grid.material.css.js';
11
10
  import { styles as shared } from './light/grid.shared.css.js';
12
11
  const light = {
13
- shared: css `
14
- ${shared}
15
- `,
16
- bootstrap: css `
17
- ${bootstrapLight}
18
- `,
19
- material: css `
20
- ${materialLight}
21
- `,
22
- fluent: css `
23
- ${fluentLight}
24
- `,
25
- indigo: css `
26
- ${indigoLight}
27
- `,
12
+ shared,
13
+ bootstrap: bootstrapLight,
14
+ material: materialLight,
15
+ fluent: fluentLight,
16
+ indigo: indigoLight,
28
17
  };
29
18
  const dark = {
30
- shared: css `
31
- ${sharedDark}
32
- `,
33
- bootstrap: css `
34
- ${bootstrapDark}
35
- `,
36
- material: css `
37
- ${materialDark}
38
- `,
39
- fluent: css `
40
- ${fluentDark}
41
- `,
42
- indigo: css `
43
- ${indigoDark}
44
- `,
19
+ shared: sharedDark,
20
+ bootstrap: bootstrapDark,
21
+ material: materialDark,
22
+ fluent: fluentDark,
23
+ indigo: indigoDark,
45
24
  };
46
25
  export const all = { light, dark };
47
26
  //# sourceMappingURL=grid-themes.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"grid-themes.js","sourceRoot":"","sources":["../../../src/styles/themes/grid-themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,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;AACrE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEjE,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;AACvE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAE9D,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,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,MAAM,EAAE,GAAG,CAAA;MACP,UAAU;GACb;IACD,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';\nimport type { Themes } from '../../internal/types.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';\nimport { styles as sharedDark } from './dark/grid.shared.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';\nimport { styles as shared } from './light/grid.shared.css.js';\n\nconst light = {\n shared: css`\n ${shared}\n `,\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 shared: css`\n ${sharedDark}\n `,\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"]}
1
+ {"version":3,"file":"grid-themes.js","sourceRoot":"","sources":["../../../src/styles/themes/grid-themes.ts"],"names":[],"mappings":"AAEA,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;AACrE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEjE,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;AACvE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAE9D,MAAM,KAAK,GAAG;IACZ,MAAM;IACN,SAAS,EAAE,cAAc;IACzB,QAAQ,EAAE,aAAa;IACvB,MAAM,EAAE,WAAW;IACnB,MAAM,EAAE,WAAW;CACpB,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,UAAU;IAClB,SAAS,EAAE,aAAa;IACxB,QAAQ,EAAE,YAAY;IACtB,MAAM,EAAE,UAAU;IAClB,MAAM,EAAE,UAAU;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import type { Themes } from '../../internal/types.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';\nimport { styles as sharedDark } from './dark/grid.shared.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';\nimport { styles as shared } from './light/grid.shared.css.js';\n\nconst light = {\n shared,\n bootstrap: bootstrapLight,\n material: materialLight,\n fluent: fluentLight,\n indigo: indigoLight,\n};\n\nconst dark = {\n shared: sharedDark,\n bootstrap: bootstrapDark,\n material: materialDark,\n fluent: fluentDark,\n indigo: indigoDark,\n};\n\nexport const all: Themes = { light, dark };\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}: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: var(--ig-size, var(--ig-size-large));--scrollbar-offset: 0;--z-index-base: 1;display:grid;height:100%;position:relative;font-family:var(--ig-font-family),serif;overflow:auto hidden;grid-template-rows:[header-row] max-content [filter-row] max-content [virtualized-container] auto;box-shadow:0 0 0 .0625rem var(--grid-border-color)}igc-grid-lite-virtualizer{grid-row:virtualized-container;display:flex;flex-flow:column;flex:1;overflow:hidden auto !important}igc-grid-lite-virtualizer:focus{outline:none}[part~=resize-indicator]{position:absolute;height:100%;width:.125rem;inset-inline-start:0;top:0;z-index:calc(var(--z-index-base) + 1)}[part=column-sink]{display:none}`;
2
+ export const styles = css `:host{position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}: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: var(--ig-size, var(--ig-size-large));--scrollbar-offset: 0;--z-index-base: 1;display:grid;height:100%;font-family:var(--ig-font-family),serif;overflow:auto hidden;grid-template-rows:[header-row] max-content [filter-row] max-content [virtualized-container] auto;box-shadow:0 0 0 .0625rem var(--grid-border-color)}igc-virtual-scroll{grid-row:virtualized-container;height:auto;contain:size layout;min-height:9.375rem}igc-virtual-scroll:focus{outline:none}[part~=resize-indicator]{position:absolute;height:100%;width:.125rem;inset-inline-start:0;top:0;z-index:calc(var(--z-index-base) + 1)}[part=column-sink]{display:none}`;
3
3
  //# sourceMappingURL=grid.base.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"grid.base.css.js","sourceRoot":"","sources":["../../../src/styles/themes/grid.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4kDAA4kD,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}: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: var(--ig-size, var(--ig-size-large));--scrollbar-offset: 0;--z-index-base: 1;display:grid;height:100%;position:relative;font-family:var(--ig-font-family),serif;overflow:auto hidden;grid-template-rows:[header-row] max-content [filter-row] max-content [virtualized-container] auto;box-shadow:0 0 0 .0625rem var(--grid-border-color)}igc-grid-lite-virtualizer{grid-row:virtualized-container;display:flex;flex-flow:column;flex:1;overflow:hidden auto !important}igc-grid-lite-virtualizer:focus{outline:none}[part~=resize-indicator]{position:absolute;height:100%;width:.125rem;inset-inline-start:0;top:0;z-index:calc(var(--z-index-base) + 1)}[part=column-sink]{display:none}`;"]}
1
+ {"version":3,"file":"grid.base.css.js","sourceRoot":"","sources":["../../../src/styles/themes/grid.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2hDAA2hD,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}: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: var(--ig-size, var(--ig-size-large));--scrollbar-offset: 0;--z-index-base: 1;display:grid;height:100%;font-family:var(--ig-font-family),serif;overflow:auto hidden;grid-template-rows:[header-row] max-content [filter-row] max-content [virtualized-container] auto;box-shadow:0 0 0 .0625rem var(--grid-border-color)}igc-virtual-scroll{grid-row:virtualized-container;height:auto;contain:size layout;min-height:9.375rem}igc-virtual-scroll:focus{outline:none}[part~=resize-indicator]{position:absolute;height:100%;width:.125rem;inset-inline-start:0;top:0;z-index:calc(var(--z-index-base) + 1)}[part=column-sink]{display:none}`;"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host igc-grid-lite-virtualizer{background:var(--content-background);color:var(--content-text-color)}:host [part~=resize-indicator]{background-color:var(--resize-line-color)}`;
2
+ export const styles = css `:host igc-virtual-scroll{background:var(--content-background);color:var(--content-text-color)}:host [part~=resize-indicator]{background-color:var(--resize-line-color)}`;
3
3
  //# sourceMappingURL=grid.common.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"grid.common.css.js","sourceRoot":"","sources":["../../../../src/styles/themes/shared/grid.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gLAAgL,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host igc-grid-lite-virtualizer{background:var(--content-background);color:var(--content-text-color)}:host [part~=resize-indicator]{background-color:var(--resize-line-color)}`;"]}
1
+ {"version":3,"file":"grid.common.css.js","sourceRoot":"","sources":["../../../../src/styles/themes/shared/grid.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yKAAyK,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host igc-virtual-scroll{background:var(--content-background);color:var(--content-text-color)}:host [part~=resize-indicator]{background-color:var(--resize-line-color)}`;"]}
@@ -1,14 +0,0 @@
1
- import { LitVirtualizer } from '@lit-labs/virtualizer/LitVirtualizer.js';
2
- export default class IgcVirtualizer extends LitVirtualizer {
3
- #private;
4
- static get tagName(): "igc-grid-lite-virtualizer";
5
- layout: LitVirtualizer['layout'];
6
- static register(): void;
7
- scroller: boolean;
8
- constructor();
9
- }
10
- declare global {
11
- interface HTMLElementTagNameMap {
12
- [IgcVirtualizer.tagName]: IgcVirtualizer;
13
- }
14
- }
@@ -1,49 +0,0 @@
1
- import { LitVirtualizer } from '@lit-labs/virtualizer/LitVirtualizer.js';
2
- import { addA11y } from '../internal/a11y.js';
3
- import { FOCUS_WITHIN } from '../internal/constants.js';
4
- import { registerComponent } from '../internal/register.js';
5
- import { GRID_VIRTUALIZER_TAG } from '../internal/tags.js';
6
- import { IgcFlowLayout } from '../internal/virt-flow-layout.js';
7
- const RANGE_CHANGED = 'rangeChanged';
8
- export default class IgcVirtualizer extends LitVirtualizer {
9
- static get tagName() {
10
- return GRID_VIRTUALIZER_TAG;
11
- }
12
- static register() {
13
- registerComponent(IgcVirtualizer);
14
- }
15
- #ownsFocus;
16
- constructor() {
17
- super();
18
- this.layout = {
19
- type: IgcFlowLayout,
20
- };
21
- this.scroller = true;
22
- this.#ownsFocus = false;
23
- this.#handleFocusOut = (event) => {
24
- const { relatedTarget } = event;
25
- if (relatedTarget instanceof Node) {
26
- this.#ownsFocus = this.contains(relatedTarget);
27
- return;
28
- }
29
- const [origin] = event.composedPath();
30
- queueMicrotask(() => {
31
- this.#ownsFocus = !origin.isConnected;
32
- this.#reclaimFocus();
33
- });
34
- };
35
- addA11y(this, 'rowgroup');
36
- this.addEventListener('focusin', () => {
37
- this.#ownsFocus = true;
38
- });
39
- this.addEventListener('focusout', this.#handleFocusOut);
40
- this.addEventListener(RANGE_CHANGED, () => this.#reclaimFocus());
41
- }
42
- #handleFocusOut;
43
- #reclaimFocus() {
44
- if (this.#ownsFocus && !this.matches(FOCUS_WITHIN)) {
45
- this.focus({ preventScroll: true });
46
- }
47
- }
48
- }
49
- //# sourceMappingURL=virtualizer.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"virtualizer.js","sourceRoot":"","sources":["../../src/components/virtualizer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AACzE,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAEhE,MAAM,aAAa,GAAG,cAAc,CAAC;AAErC,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,cAAc;IACjD,MAAM,KAAK,OAAO;QACvB,OAAO,oBAAoB,CAAC;IAC9B,CAAC;IAMM,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,cAAc,CAAC,CAAC;IACpC,CAAC;IAKD,UAAU,CAAS;IAEnB;QACE,KAAK,EAAE,CAAC;QAdM,WAAM,GAA6B;YACjD,IAAI,EAAE,aAAa;SACpB,CAAC;QAMc,aAAQ,GAAG,IAAI,CAAC;QAGhC,eAAU,GAAG,KAAK,CAAC;QAkBnB,oBAAe,GAAG,CAAC,KAAiB,EAAQ,EAAE;YAC5C,MAAM,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;YAEhC,IAAI,aAAa,YAAY,IAAI,EAAE,CAAC;gBAClC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;gBAC/C,OAAO;YACT,CAAC;YAKD,MAAM,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,YAAY,EAAE,CAAC;YAEtC,cAAc,CAAC,GAAG,EAAE;gBAClB,IAAI,CAAC,UAAU,GAAG,CAAE,MAAe,CAAC,WAAW,CAAC;gBAChD,IAAI,CAAC,aAAa,EAAE,CAAC;YACvB,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;QA1BA,OAAO,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;QAE1B,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,GAAG,EAAE;YACpC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACzB,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,gBAAgB,CAAC,UAAU,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;QACxD,IAAI,CAAC,gBAAgB,CAAC,aAAa,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;IACnE,CAAC;IAED,eAAe,CAiBb;IAMF,aAAa;QACX,IAAI,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,CAAC;YACnD,IAAI,CAAC,KAAK,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC;QACtC,CAAC;IACH,CAAC;CACF","sourcesContent":["import { LitVirtualizer } from '@lit-labs/virtualizer/LitVirtualizer.js';\nimport { addA11y } from '../internal/a11y.js';\nimport { FOCUS_WITHIN } from '../internal/constants.js';\nimport { registerComponent } from '../internal/register.js';\nimport { GRID_VIRTUALIZER_TAG } from '../internal/tags.js';\nimport { IgcFlowLayout } from '../internal/virt-flow-layout.js';\n\nconst RANGE_CHANGED = 'rangeChanged';\n\nexport default class IgcVirtualizer extends LitVirtualizer {\n public static get tagName() {\n return GRID_VIRTUALIZER_TAG;\n }\n\n public override layout: LitVirtualizer['layout'] = {\n type: IgcFlowLayout,\n };\n\n public static register(): void {\n registerComponent(IgcVirtualizer);\n }\n\n public override scroller = true;\n\n /** True while DOM focus is inside the data area. */\n #ownsFocus = false;\n\n constructor() {\n super();\n\n // The data area is the tab stop of the grid. Navigation moves DOM focus onto\n // the active cell (roving focus). `aria-activedescendant` is not an option:\n // the cell is in a row shadow root and IDREF lookups do not cross shadow\n // boundaries.\n addA11y(this, 'rowgroup');\n\n this.addEventListener('focusin', () => {\n this.#ownsFocus = true;\n });\n this.addEventListener('focusout', this.#handleFocusOut);\n this.addEventListener(RANGE_CHANGED, () => this.#reclaimFocus());\n }\n\n #handleFocusOut = (event: FocusEvent): void => {\n const { relatedTarget } = event;\n\n if (relatedTarget instanceof Node) {\n this.#ownsFocus = this.contains(relatedTarget);\n return;\n }\n\n // No element gained focus. Either the user focused empty space, or\n // virtualization removes the focused cell. The event fires while the cell is\n // still connected, so the two cases become distinct one microtask later.\n const [origin] = event.composedPath();\n\n queueMicrotask(() => {\n this.#ownsFocus = !(origin as Node).isConnected;\n this.#reclaimFocus();\n });\n };\n\n /**\n * A long scroll removes the focused cell and focus falls back to the document\n * body. Take the focus back so that keyboard navigation continues to work.\n */\n #reclaimFocus(): void {\n if (this.#ownsFocus && !this.matches(FOCUS_WITHIN)) {\n this.focus({ preventScroll: true });\n }\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n [IgcVirtualizer.tagName]: IgcVirtualizer;\n }\n}\n"]}
@@ -1,4 +0,0 @@
1
- import { FlowLayout } from '@lit-labs/virtualizer/layouts/flow.js';
2
- export declare class IgcFlowLayout extends FlowLayout {
3
- get measureChildren(): boolean;
4
- }
@@ -1,15 +0,0 @@
1
- import { FlowLayout } from '@lit-labs/virtualizer/layouts/flow.js';
2
- function measureItemWithScaleAdjust(element) {
3
- let { width, height } = element.getBoundingClientRect();
4
- const offsetHeight = element.offsetHeight;
5
- if (Math.abs(offsetHeight - height) > 1) {
6
- height = offsetHeight;
7
- }
8
- return { width, height };
9
- }
10
- export class IgcFlowLayout extends FlowLayout {
11
- get measureChildren() {
12
- return measureItemWithScaleAdjust;
13
- }
14
- }
15
- //# sourceMappingURL=virt-flow-layout.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"virt-flow-layout.js","sourceRoot":"","sources":["../../src/internal/virt-flow-layout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uCAAuC,CAAC;AAQnE,SAAS,0BAA0B,CAAC,OAAoB;IACtD,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;IACxD,MAAM,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC;IAC1C,IAAI,IAAI,CAAC,GAAG,CAAC,YAAY,GAAG,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC;QAGxC,MAAM,GAAG,YAAY,CAAC;IACxB,CAAC;IACD,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;AAC3B,CAAC;AAED,MAAM,OAAO,aAAc,SAAQ,UAAU;IAC3C,IAAoB,eAAe;QAEjC,OAAO,0BAA0B,CAAC;IACpC,CAAC;CACF","sourcesContent":["import { FlowLayout } from '@lit-labs/virtualizer/layouts/flow.js';\n\n/**\n * Override for the [built-in item measure function](https://github.com/lit/lit/blob/f243134b226735320b61466cebdaf0c1e574bfa7/packages/labs/virtualizer/src/Virtualizer.ts#L519-L524)\n * @see {@link https://github.com/IgniteUI/igniteui-grid-lite/issues/20 #20} for more.\n * @remarks\n * Note: Unlike the built-in, this does _not_ measure margins and will not work with such.\n */\nfunction measureItemWithScaleAdjust(element: HTMLElement) {\n let { width, height } = element.getBoundingClientRect();\n const offsetHeight = element.offsetHeight;\n if (Math.abs(offsetHeight - height) > 1) {\n // likely scaling, prefer the offsetHeight\n // should check if its on rows vs virtualizer, but oh well\n height = offsetHeight;\n }\n return { width, height };\n}\n\nexport class IgcFlowLayout extends FlowLayout {\n public override get measureChildren(): boolean {\n // @ts-expect-error - Base class types this as boolean, but runtime accepts a function override\n return measureItemWithScaleAdjust;\n }\n}\n"]}