igniteui-webcomponents 7.3.0-beta.1 → 7.3.1

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 (212) hide show
  1. package/CHANGELOG.md +44 -0
  2. package/README.md +30 -0
  3. package/components/avatar/avatar.d.ts +1 -2
  4. package/components/avatar/avatar.js +4 -8
  5. package/components/avatar/avatar.js.map +1 -1
  6. package/components/badge/badge.d.ts +6 -1
  7. package/components/badge/badge.js +8 -5
  8. package/components/badge/badge.js.map +1 -1
  9. package/components/badge/themes/badge.base.css.js +1 -1
  10. package/components/badge/themes/badge.base.css.js.map +1 -1
  11. package/components/chip/chip.d.ts +30 -14
  12. package/components/chip/chip.js +54 -48
  13. package/components/chip/chip.js.map +1 -1
  14. package/components/chip/themes/chip.base.css.js +1 -1
  15. package/components/chip/themes/chip.base.css.js.map +1 -1
  16. package/components/chip/themes/dark/chip.bootstrap.css.js +1 -1
  17. package/components/chip/themes/dark/chip.bootstrap.css.js.map +1 -1
  18. package/components/chip/themes/dark/chip.fluent.css.js +1 -1
  19. package/components/chip/themes/dark/chip.fluent.css.js.map +1 -1
  20. package/components/chip/themes/dark/chip.indigo.css.js +1 -1
  21. package/components/chip/themes/dark/chip.indigo.css.js.map +1 -1
  22. package/components/chip/themes/dark/chip.material.css.js +1 -1
  23. package/components/chip/themes/dark/chip.material.css.js.map +1 -1
  24. package/components/chip/themes/light/chip.bootstrap.css.js +1 -1
  25. package/components/chip/themes/light/chip.bootstrap.css.js.map +1 -1
  26. package/components/chip/themes/light/chip.fluent.css.js +1 -1
  27. package/components/chip/themes/light/chip.fluent.css.js.map +1 -1
  28. package/components/chip/themes/light/chip.indigo.css.js +1 -1
  29. package/components/chip/themes/light/chip.indigo.css.js.map +1 -1
  30. package/components/chip/themes/light/chip.material.css.js +1 -1
  31. package/components/chip/themes/light/chip.material.css.js.map +1 -1
  32. package/components/chip/themes/shared/chip.bootstrap.css.js +1 -1
  33. package/components/chip/themes/shared/chip.bootstrap.css.js.map +1 -1
  34. package/components/chip/themes/shared/chip.common.css.js +1 -1
  35. package/components/chip/themes/shared/chip.common.css.js.map +1 -1
  36. package/components/chip/themes/shared/chip.fluent.css.js +1 -1
  37. package/components/chip/themes/shared/chip.fluent.css.js.map +1 -1
  38. package/components/chip/themes/shared/chip.indigo.css.js +1 -1
  39. package/components/chip/themes/shared/chip.indigo.css.js.map +1 -1
  40. package/components/color-picker/color-picker.d.ts +261 -0
  41. package/components/color-picker/color-picker.js +620 -0
  42. package/components/color-picker/color-picker.js.map +1 -0
  43. package/components/color-picker/common.d.ts +37 -0
  44. package/components/color-picker/common.js +55 -0
  45. package/components/color-picker/common.js.map +1 -0
  46. package/components/color-picker/converters.d.ts +18 -0
  47. package/components/color-picker/converters.js +173 -0
  48. package/components/color-picker/converters.js.map +1 -0
  49. package/components/color-picker/model.d.ts +120 -0
  50. package/components/color-picker/model.js +174 -0
  51. package/components/color-picker/model.js.map +1 -0
  52. package/components/color-picker/picker-canvas.d.ts +95 -0
  53. package/components/color-picker/picker-canvas.js +155 -0
  54. package/components/color-picker/picker-canvas.js.map +1 -0
  55. package/components/color-picker/themes/color-picker.base.css.js +3 -0
  56. package/components/color-picker/themes/color-picker.base.css.js.map +1 -0
  57. package/components/color-picker/themes/dark/color-picker.bootstrap.css.js +3 -0
  58. package/components/color-picker/themes/dark/color-picker.bootstrap.css.js.map +1 -0
  59. package/components/color-picker/themes/dark/color-picker.fluent.css.js +3 -0
  60. package/components/color-picker/themes/dark/color-picker.fluent.css.js.map +1 -0
  61. package/components/color-picker/themes/dark/color-picker.indigo.css.js +3 -0
  62. package/components/color-picker/themes/dark/color-picker.indigo.css.js.map +1 -0
  63. package/components/color-picker/themes/dark/color-picker.material.css.js +3 -0
  64. package/components/color-picker/themes/dark/color-picker.material.css.js.map +1 -0
  65. package/components/color-picker/themes/light/color-picker.bootstrap.css.js +3 -0
  66. package/components/color-picker/themes/light/color-picker.bootstrap.css.js.map +1 -0
  67. package/components/color-picker/themes/light/color-picker.fluent.css.js +3 -0
  68. package/components/color-picker/themes/light/color-picker.fluent.css.js.map +1 -0
  69. package/components/color-picker/themes/light/color-picker.indigo.css.js +3 -0
  70. package/components/color-picker/themes/light/color-picker.indigo.css.js.map +1 -0
  71. package/components/color-picker/themes/light/color-picker.material.css.js +3 -0
  72. package/components/color-picker/themes/light/color-picker.material.css.js.map +1 -0
  73. package/components/color-picker/themes/light/color-picker.shared.css.js +3 -0
  74. package/components/color-picker/themes/light/color-picker.shared.css.js.map +1 -0
  75. package/components/{resize-container/themes/resize-container.base.css.js → color-picker/themes/picker-canvas.base.css.js} +2 -2
  76. package/components/color-picker/themes/picker-canvas.base.css.js.map +1 -0
  77. package/components/color-picker/themes/shared/color-picker.bootstrap.css.js +3 -0
  78. package/components/color-picker/themes/shared/color-picker.bootstrap.css.js.map +1 -0
  79. package/components/color-picker/themes/shared/color-picker.common.css.d.ts +1 -0
  80. package/components/color-picker/themes/shared/color-picker.common.css.js +3 -0
  81. package/components/color-picker/themes/shared/color-picker.common.css.js.map +1 -0
  82. package/components/color-picker/themes/shared/color-picker.fluent.css.d.ts +1 -0
  83. package/components/color-picker/themes/shared/color-picker.fluent.css.js +3 -0
  84. package/components/color-picker/themes/shared/color-picker.fluent.css.js.map +1 -0
  85. package/components/color-picker/themes/shared/color-picker.indigo.css.d.ts +1 -0
  86. package/components/color-picker/themes/shared/color-picker.indigo.css.js +3 -0
  87. package/components/color-picker/themes/shared/color-picker.indigo.css.js.map +1 -0
  88. package/components/color-picker/themes/shared/color-picker.material.css.d.ts +1 -0
  89. package/components/color-picker/themes/shared/color-picker.material.css.js +3 -0
  90. package/components/color-picker/themes/shared/color-picker.material.css.js.map +1 -0
  91. package/components/color-picker/themes/themes.js +50 -0
  92. package/components/color-picker/themes/themes.js.map +1 -0
  93. package/components/color-picker/validators.d.ts +3 -0
  94. package/components/color-picker/validators.js +5 -0
  95. package/components/color-picker/validators.js.map +1 -0
  96. package/components/date-picker/date-picker.base.d.ts +1 -1
  97. package/components/icon/icon-references.js +1 -0
  98. package/components/icon/icon-references.js.map +1 -1
  99. package/components/icon/internal-icons-lib.js +3 -0
  100. package/components/icon/internal-icons-lib.js.map +1 -1
  101. package/components/input/themes/shared/input.material.css.js +1 -1
  102. package/components/input/themes/shared/input.material.css.js.map +1 -1
  103. package/components/textarea/textarea.d.ts +2 -15
  104. package/components/textarea/textarea.js +48 -93
  105. package/components/textarea/textarea.js.map +1 -1
  106. package/components/tile-manager/position.d.ts +2 -9
  107. package/components/tile-manager/position.js +27 -42
  108. package/components/tile-manager/position.js.map +1 -1
  109. package/components/tile-manager/resize-state.d.ts +11 -22
  110. package/components/tile-manager/resize-state.js +60 -119
  111. package/components/tile-manager/resize-state.js.map +1 -1
  112. package/components/tile-manager/resize-util.d.ts +3 -7
  113. package/components/tile-manager/resize-util.js +65 -72
  114. package/components/tile-manager/resize-util.js.map +1 -1
  115. package/components/tile-manager/serializer.d.ts +1 -1
  116. package/components/tile-manager/serializer.js +9 -10
  117. package/components/tile-manager/serializer.js.map +1 -1
  118. package/components/tile-manager/themes/shared/tile/tile.common.css.js +1 -1
  119. package/components/tile-manager/themes/shared/tile/tile.common.css.js.map +1 -1
  120. package/components/tile-manager/themes/tile.base.css.js +1 -1
  121. package/components/tile-manager/themes/tile.base.css.js.map +1 -1
  122. package/components/tile-manager/tile-ghost-util.js +16 -20
  123. package/components/tile-manager/tile-ghost-util.js.map +1 -1
  124. package/components/tile-manager/tile-manager.d.ts +5 -2
  125. package/components/tile-manager/tile-manager.js +27 -23
  126. package/components/tile-manager/tile-manager.js.map +1 -1
  127. package/components/tile-manager/tile.d.ts +32 -18
  128. package/components/tile-manager/tile.js +181 -161
  129. package/components/tile-manager/tile.js.map +1 -1
  130. package/components/tile-manager/types.d.ts +1 -5
  131. package/components/tile-manager/types.js.map +1 -1
  132. package/components/types.d.ts +2 -0
  133. package/components/types.js.map +1 -1
  134. package/custom-elements.json +25375 -22692
  135. package/igniteui-webcomponents.css-data.json +1 -1
  136. package/igniteui-webcomponents.html-data.json +1 -1
  137. package/index.d.ts +2 -0
  138. package/index.js +1 -0
  139. package/index.js.map +1 -1
  140. package/internals/definitions/defineAllComponents.js +2 -0
  141. package/internals/definitions/defineAllComponents.js.map +1 -1
  142. package/internals/directives/drag.d.ts +144 -0
  143. package/internals/directives/drag.js +278 -0
  144. package/internals/directives/drag.js.map +1 -0
  145. package/internals/directives/resize.d.ts +109 -0
  146. package/internals/directives/resize.js +214 -0
  147. package/internals/directives/resize.js.map +1 -0
  148. package/internals/templates/input-shell.d.ts +12 -1
  149. package/internals/templates/input-shell.js +17 -10
  150. package/internals/templates/input-shell.js.map +1 -1
  151. package/internals/utils/dom.d.ts +2 -0
  152. package/internals/utils/dom.js +3 -0
  153. package/internals/utils/dom.js.map +1 -1
  154. package/internals/utils/events.d.ts +2 -0
  155. package/internals/utils/events.js +3 -0
  156. package/internals/utils/events.js.map +1 -1
  157. package/package.json +3 -1
  158. package/skills/README.md +1 -0
  159. package/web-types.json +2 -2
  160. package/components/resize-container/default-ghost.d.ts +0 -5
  161. package/components/resize-container/default-ghost.js +0 -20
  162. package/components/resize-container/default-ghost.js.map +0 -1
  163. package/components/resize-container/resize-container.d.ts +0 -60
  164. package/components/resize-container/resize-container.js +0 -156
  165. package/components/resize-container/resize-container.js.map +0 -1
  166. package/components/resize-container/resize-controller.d.ts +0 -46
  167. package/components/resize-container/resize-controller.js +0 -195
  168. package/components/resize-container/resize-controller.js.map +0 -1
  169. package/components/resize-container/themes/dark/resize-indicator.bootstrap.css.js +0 -3
  170. package/components/resize-container/themes/dark/resize-indicator.bootstrap.css.js.map +0 -1
  171. package/components/resize-container/themes/dark/resize-indicator.fluent.css.js +0 -3
  172. package/components/resize-container/themes/dark/resize-indicator.fluent.css.js.map +0 -1
  173. package/components/resize-container/themes/dark/resize-indicator.indigo.css.js +0 -3
  174. package/components/resize-container/themes/dark/resize-indicator.indigo.css.js.map +0 -1
  175. package/components/resize-container/themes/dark/resize-indicator.material.css.js +0 -3
  176. package/components/resize-container/themes/dark/resize-indicator.material.css.js.map +0 -1
  177. package/components/resize-container/themes/dark/resize-indicator.shared.css.js +0 -3
  178. package/components/resize-container/themes/dark/resize-indicator.shared.css.js.map +0 -1
  179. package/components/resize-container/themes/light/resize-indicator.bootstrap.css.js +0 -3
  180. package/components/resize-container/themes/light/resize-indicator.bootstrap.css.js.map +0 -1
  181. package/components/resize-container/themes/light/resize-indicator.fluent.css.js +0 -3
  182. package/components/resize-container/themes/light/resize-indicator.fluent.css.js.map +0 -1
  183. package/components/resize-container/themes/light/resize-indicator.indigo.css.js +0 -3
  184. package/components/resize-container/themes/light/resize-indicator.indigo.css.js.map +0 -1
  185. package/components/resize-container/themes/light/resize-indicator.material.css.js +0 -3
  186. package/components/resize-container/themes/light/resize-indicator.material.css.js.map +0 -1
  187. package/components/resize-container/themes/light/resize-indicator.shared.css.js +0 -3
  188. package/components/resize-container/themes/light/resize-indicator.shared.css.js.map +0 -1
  189. package/components/resize-container/themes/resize-container.base.css.js.map +0 -1
  190. package/components/resize-container/themes/shared/resize-container.common.css.js +0 -3
  191. package/components/resize-container/themes/shared/resize-container.common.css.js.map +0 -1
  192. package/components/resize-container/themes/themes.js +0 -47
  193. package/components/resize-container/themes/themes.js.map +0 -1
  194. package/components/resize-container/types.d.ts +0 -40
  195. package/components/resize-container/types.js +0 -2
  196. package/components/resize-container/types.js.map +0 -1
  197. package/internals/controllers/drag.d.ts +0 -166
  198. package/internals/controllers/drag.js +0 -283
  199. package/internals/controllers/drag.js.map +0 -1
  200. /package/components/{resize-container/themes/dark/resize-indicator.bootstrap.css.d.ts → color-picker/themes/color-picker.base.css.d.ts} +0 -0
  201. /package/components/{resize-container/themes/dark/resize-indicator.fluent.css.d.ts → color-picker/themes/dark/color-picker.bootstrap.css.d.ts} +0 -0
  202. /package/components/{resize-container/themes/dark/resize-indicator.indigo.css.d.ts → color-picker/themes/dark/color-picker.fluent.css.d.ts} +0 -0
  203. /package/components/{resize-container/themes/dark/resize-indicator.material.css.d.ts → color-picker/themes/dark/color-picker.indigo.css.d.ts} +0 -0
  204. /package/components/{resize-container/themes/dark/resize-indicator.shared.css.d.ts → color-picker/themes/dark/color-picker.material.css.d.ts} +0 -0
  205. /package/components/{resize-container/themes/light/resize-indicator.bootstrap.css.d.ts → color-picker/themes/light/color-picker.bootstrap.css.d.ts} +0 -0
  206. /package/components/{resize-container/themes/light/resize-indicator.fluent.css.d.ts → color-picker/themes/light/color-picker.fluent.css.d.ts} +0 -0
  207. /package/components/{resize-container/themes/light/resize-indicator.indigo.css.d.ts → color-picker/themes/light/color-picker.indigo.css.d.ts} +0 -0
  208. /package/components/{resize-container/themes/light/resize-indicator.material.css.d.ts → color-picker/themes/light/color-picker.material.css.d.ts} +0 -0
  209. /package/components/{resize-container/themes/light/resize-indicator.shared.css.d.ts → color-picker/themes/light/color-picker.shared.css.d.ts} +0 -0
  210. /package/components/{resize-container/themes/resize-container.base.css.d.ts → color-picker/themes/picker-canvas.base.css.d.ts} +0 -0
  211. /package/components/{resize-container/themes/shared/resize-container.common.css.d.ts → color-picker/themes/shared/color-picker.bootstrap.css.d.ts} +0 -0
  212. /package/components/{resize-container → color-picker}/themes/themes.d.ts +0 -0
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `:host{--picker-elevation: var(--ig-color-picker-picker-elevation, var(--ig-elevation-24));--anchor-background-hover: var(--ig-color-picker-anchor-background-hover, hsl(from var(--ig-gray-500) h s l/0.08));--anchor-background-active: var(--ig-color-picker-anchor-background-active, hsl(from var(--ig-gray-500) h s l/0.16));--anchor-background-focus-visible: var(--ig-color-picker-anchor-background-focus-visible, hsl(from var(--ig-gray-500) h s l/0.16));--anchor-background-active-focus-visible: var(--ig-color-picker-anchor-background-active-focus-visible, hsl(from var(--ig-gray-500) h s l/0.32));--trigger-size: var(--ig-color-picker-trigger-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.875rem, -1 * 1.875rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--ig-theme: material;--ig-theme-variant: light}`;
3
+ //# sourceMappingURL=color-picker.material.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"color-picker.material.css.js","sourceRoot":"","sources":["../../../../../src/components/color-picker/themes/light/color-picker.material.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,o1BAAo1B,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--picker-elevation: var(--ig-color-picker-picker-elevation, var(--ig-elevation-24));--anchor-background-hover: var(--ig-color-picker-anchor-background-hover, hsl(from var(--ig-gray-500) h s l/0.08));--anchor-background-active: var(--ig-color-picker-anchor-background-active, hsl(from var(--ig-gray-500) h s l/0.16));--anchor-background-focus-visible: var(--ig-color-picker-anchor-background-focus-visible, hsl(from var(--ig-gray-500) h s l/0.16));--anchor-background-active-focus-visible: var(--ig-color-picker-anchor-background-active-focus-visible, hsl(from var(--ig-gray-500) h s l/0.32));--trigger-size: var(--ig-color-picker-trigger-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.875rem, -1 * 1.875rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--ig-theme: material;--ig-theme-variant: light}`;\n "]}
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `:host{--label-color: var(--ig-color-picker-label-color, var(--ig-gray-900));--label-color-invalid: var(--ig-color-picker-label-color-invalid, var(--ig-error-800));--label-color-disabled: var(--ig-color-picker-label-color-disabled, var(--ig-gray-500));--anchor-background: var(--ig-color-picker-anchor-background, transparent);--anchor-background-focus-visible-hover: var(--ig-color-picker-anchor-background-focus-visible-hover, hsl(from var(--ig-gray-500) h s l/0.24));--anchor-background-disabled: var(--ig-color-picker-anchor-background-disabled, transparent);--anchor-outline-color: var(--ig-color-picker-anchor-outline-color, transparent);--anchor-border-color: var(--ig-color-picker-anchor-border-color, var(--ig-gray-600));--anchor-border-color-disabled: var(--ig-color-picker-anchor-border-color-disabled, var(--ig-gray-300));--anchor-border-radius: var(--ig-color-picker-anchor-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.25rem), 0.25rem));--swatch-preview-border-color: var(--ig-color-picker-swatch-preview-border-color, var(--ig-gray-300));--swatch-preview-border-radius: var(--ig-color-picker-swatch-preview-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.125rem), 0.125rem));--picker-background: var(--ig-color-picker-picker-background, var(--ig-surface-500));--picker-border-color: var(--ig-color-picker-picker-border-color, transparent);--picker-border-radius: var(--ig-color-picker-picker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.25rem), 0.25rem));--picker-canvas-border-color: var(--ig-color-picker-picker-canvas-border-color, var(--ig-gray-600));--slider-track-border-radius: var(--ig-color-picker-slider-track-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.625rem), 0.625rem));--slider-thumb-border-color: var(--ig-color-picker-slider-thumb-border-color, var(--ig-gray-900-contrast));--slider-track-border-color: var(--ig-color-picker-slider-track-border-color, var(--ig-gray-600));--swatch-separator-color: var(--ig-color-picker-swatch-separator-color, var(--ig-gray-300));--swatch-border-color: var(--ig-color-picker-swatch-border-color, var(--ig-gray-600));--swatch-border-radius: var(--ig-color-picker-swatch-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.25rem), 0.25rem));--swatch-size: var(--ig-color-picker-swatch-size, 1.75rem);--transparency-grid-odd: var(--ig-color-picker-transparency-grid-odd, var(--ig-gray-400));--transparency-grid-even: var(--ig-color-picker-transparency-grid-even, #fff);--invalid-color: var(--ig-color-picker-invalid-color, var(--ig-error-800));--marker-size: var(--ig-color-picker-marker-size, 1rem);--marker-elevation: var(--ig-color-picker-marker-elevation, var(--ig-elevation-1));--marker-color: var(--ig-color-picker-marker-color, var(--ig-gray-900-contrast));--default-size: var(--ig-color-picker-default-size, 2);--ig-theme-variant: light}`;
3
+ //# sourceMappingURL=color-picker.shared.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"color-picker.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/color-picker/themes/light/color-picker.shared.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,y0FAAy0F,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--label-color: var(--ig-color-picker-label-color, var(--ig-gray-900));--label-color-invalid: var(--ig-color-picker-label-color-invalid, var(--ig-error-800));--label-color-disabled: var(--ig-color-picker-label-color-disabled, var(--ig-gray-500));--anchor-background: var(--ig-color-picker-anchor-background, transparent);--anchor-background-focus-visible-hover: var(--ig-color-picker-anchor-background-focus-visible-hover, hsl(from var(--ig-gray-500) h s l/0.24));--anchor-background-disabled: var(--ig-color-picker-anchor-background-disabled, transparent);--anchor-outline-color: var(--ig-color-picker-anchor-outline-color, transparent);--anchor-border-color: var(--ig-color-picker-anchor-border-color, var(--ig-gray-600));--anchor-border-color-disabled: var(--ig-color-picker-anchor-border-color-disabled, var(--ig-gray-300));--anchor-border-radius: var(--ig-color-picker-anchor-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.25rem), 0.25rem));--swatch-preview-border-color: var(--ig-color-picker-swatch-preview-border-color, var(--ig-gray-300));--swatch-preview-border-radius: var(--ig-color-picker-swatch-preview-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.125rem), 0.125rem));--picker-background: var(--ig-color-picker-picker-background, var(--ig-surface-500));--picker-border-color: var(--ig-color-picker-picker-border-color, transparent);--picker-border-radius: var(--ig-color-picker-picker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.25rem), 0.25rem));--picker-canvas-border-color: var(--ig-color-picker-picker-canvas-border-color, var(--ig-gray-600));--slider-track-border-radius: var(--ig-color-picker-slider-track-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.625rem), 0.625rem));--slider-thumb-border-color: var(--ig-color-picker-slider-thumb-border-color, var(--ig-gray-900-contrast));--slider-track-border-color: var(--ig-color-picker-slider-track-border-color, var(--ig-gray-600));--swatch-separator-color: var(--ig-color-picker-swatch-separator-color, var(--ig-gray-300));--swatch-border-color: var(--ig-color-picker-swatch-border-color, var(--ig-gray-600));--swatch-border-radius: var(--ig-color-picker-swatch-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.25rem), 0.25rem));--swatch-size: var(--ig-color-picker-swatch-size, 1.75rem);--transparency-grid-odd: var(--ig-color-picker-transparency-grid-odd, var(--ig-gray-400));--transparency-grid-even: var(--ig-color-picker-transparency-grid-even, #fff);--invalid-color: var(--ig-color-picker-invalid-color, var(--ig-error-800));--marker-size: var(--ig-color-picker-marker-size, 1rem);--marker-elevation: var(--ig-color-picker-marker-elevation, var(--ig-elevation-1));--marker-color: var(--ig-color-picker-marker-color, var(--ig-gray-900-contrast));--default-size: var(--ig-color-picker-default-size, 2);--ig-theme-variant: light}`;\n "]}
@@ -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);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([hidden]),[hidden]{display:none !important}[part=trigger-side],[part=trigger],[part=trigger-bottom]{--_size: 0.6875rem;display:inline-flex;visibility:var(--resize-visibility);position:absolute;z-index:1}:host{display:contents}[part~=resize-base]{position:relative;height:100%}[part=trigger-side]{top:calc(50% - var(--_size));right:calc(var(--_size)/2*-1);cursor:e-resize}[part=trigger]{bottom:calc(var(--_size)/2*-1);right:calc(var(--_size)/2*-1);cursor:se-resize}[part=trigger-bottom]{left:calc(50% - var(--_size));bottom:calc(var(--_size)/2*-1);cursor:s-resize}[part=trigger]:focus{outline:none}`;
3
- //# sourceMappingURL=resize-container.base.css.js.map
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);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([hidden]),[hidden]{display:none !important}:host{display:block;contain:layout style;grid-column:1/-1;position:relative;min-height:14.375rem;background-image:linear-gradient(rgba(0, 0, 0, 0), #000),linear-gradient(90deg, #fff, currentColor);cursor:crosshair}[part~=marker]{position:absolute;cursor:crosshair;width:var(--marker-size);height:var(--marker-size);border:.125rem solid var(--marker-color);border-radius:50%;box-shadow:var(--marker-elevation, var(--ig-elevation-1));background-color:var(--_marker-fill, transparent);background-clip:padding-box;transition:scale .1s ease-in-out}[part~=marker]:focus{outline:none}[part~=marker][part~=dragging],[part~=marker]:focus-visible{scale:1.3}`;
3
+ //# sourceMappingURL=picker-canvas.base.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"picker-canvas.base.css.js","sourceRoot":"","sources":["../../../../src/components/color-picker/themes/picker-canvas.base.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ilDAAilD,CAAC","sourcesContent":["\n import { css } from 'lit';\n 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);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([hidden]),[hidden]{display:none !important}:host{display:block;contain:layout style;grid-column:1/-1;position:relative;min-height:14.375rem;background-image:linear-gradient(rgba(0, 0, 0, 0), #000),linear-gradient(90deg, #fff, currentColor);cursor:crosshair}[part~=marker]{position:absolute;cursor:crosshair;width:var(--marker-size);height:var(--marker-size);border:.125rem solid var(--marker-color);border-radius:50%;box-shadow:var(--marker-elevation, var(--ig-elevation-1));background-color:var(--_marker-fill, transparent);background-clip:padding-box;transition:scale .1s ease-in-out}[part~=marker]:focus{outline:none}[part~=marker][part~=dragging],[part~=marker]:focus-visible{scale:1.3}`;\n "]}
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `:host{--_outline-size: 0.25rem;--_input-row-gap: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(0.75rem, -1 * 0.75rem), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem));--_picker-column-gap: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(0.75rem, -1 * 0.75rem), var(--is-small, 1) * max(0.75rem, -1 * 0.75rem));--_picker-buttons-gap: max(var(--is-large, 1) * max(0.25rem, -1 * 0.25rem), var(--is-medium, 1) * max(0.25rem, -1 * 0.25rem), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem));--_swatches-spacing: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(1rem, -1 * 1rem)) 1rem 1rem 1rem;--_picker-rows-grid-template-columns: minmax(auto, max(var(--is-large, 1) * max(13.25rem, -1 * 13.25rem), var(--is-medium, 1) * max(11.875rem, -1 * 11.875rem), var(--is-small, 1) * max(10.875rem, -1 * 10.875rem))) 0 max(var(--is-large, 1) * max(6.25rem, -1 * 6.25rem), var(--is-medium, 1) * max(5rem, -1 * 5rem), var(--is-small, 1) * max(4.5rem, -1 * 4.5rem));--_label-spacing: 0.5rem}:host [part~=anchor]:focus-visible::after{box-shadow:0 0 0 var(--_outline-size) var(--anchor-outline-color);width:100%;height:100%;inset:0;border-radius:inherit}:host [part=label]{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}:host ::part(helper-text){font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);grid-auto-rows:minmax(1.25rem, auto);margin-block-start:max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host [part=inputs-row]{grid-template-columns:max(max(var(--is-large, 1)*max(7.5rem, -1 * 7.5rem),var(--is-medium, 1)*max(6.5rem, -1 * 6.5rem),var(--is-small, 1)*max(6rem, -1 * 6rem))) 1fr}`;
3
+ //# sourceMappingURL=color-picker.bootstrap.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"color-picker.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/color-picker/themes/shared/color-picker.bootstrap.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ypFAAypF,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--_outline-size: 0.25rem;--_input-row-gap: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(0.75rem, -1 * 0.75rem), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem));--_picker-column-gap: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(0.75rem, -1 * 0.75rem), var(--is-small, 1) * max(0.75rem, -1 * 0.75rem));--_picker-buttons-gap: max(var(--is-large, 1) * max(0.25rem, -1 * 0.25rem), var(--is-medium, 1) * max(0.25rem, -1 * 0.25rem), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem));--_swatches-spacing: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(1rem, -1 * 1rem)) 1rem 1rem 1rem;--_picker-rows-grid-template-columns: minmax(auto, max(var(--is-large, 1) * max(13.25rem, -1 * 13.25rem), var(--is-medium, 1) * max(11.875rem, -1 * 11.875rem), var(--is-small, 1) * max(10.875rem, -1 * 10.875rem))) 0 max(var(--is-large, 1) * max(6.25rem, -1 * 6.25rem), var(--is-medium, 1) * max(5rem, -1 * 5rem), var(--is-small, 1) * max(4.5rem, -1 * 4.5rem));--_label-spacing: 0.5rem}:host [part~=anchor]:focus-visible::after{box-shadow:0 0 0 var(--_outline-size) var(--anchor-outline-color);width:100%;height:100%;inset:0;border-radius:inherit}:host [part=label]{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}:host ::part(helper-text){font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);grid-auto-rows:minmax(1.25rem, auto);margin-block-start:max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host [part=inputs-row]{grid-template-columns:max(max(var(--is-large, 1)*max(7.5rem, -1 * 7.5rem),var(--is-medium, 1)*max(6.5rem, -1 * 6.5rem),var(--is-small, 1)*max(6rem, -1 * 6rem))) 1fr}`;\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{--component-size: var(--ig-size, var(--default-size));--_outline-size: 0.0625rem;--_picker-popover-size: max(var(--is-large, 1) * max(22.5rem, -1 * 22.5rem), var(--is-medium, 1) * max(19.625rem, -1 * 19.625rem), var(--is-small, 1) * max(18.125rem, -1 * 18.125rem));--_input-row-spacing: 1rem;--_input-row-gap: 0.75rem;--_alpha-row-spacing: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(0.75rem, -1 * 0.75rem), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem));--_swatches-spacing: 1rem;--_swatches-row-gap: 0.75rem;--_picker-rows-grid-template-columns: max(var(--is-large, 1) * max(7.1875rem, -1 * 7.1875rem), var(--is-medium, 1) * max(6.25rem, -1 * 6.25rem), var(--is-small, 1) * max(5.625rem, -1 * 5.625rem)) auto max(var(--is-large, 1) * max(5.5rem, -1 * 5.5rem), var(--is-medium, 1) * max(4.5rem, -1 * 4.5rem), var(--is-small, 1) * max(3.875rem, -1 * 3.875rem));--_picker-rows-inline-spacing: 1rem;--_picker-column-gap: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(0.75rem, -1 * 0.75rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem));--_picker-buttons-gap: var(--_picker-column-gap);--_current-color: hsl(0deg 100% 50%);--_slider-track-size: 1rem;--_swatch-grid-size: 50% 50%;--_anchor-border-size: 0.0625rem;--_input-mode-trigger-size: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1.25rem, -1 * 1.25rem), var(--is-small, 1) * max(1.125rem, -1 * 1.125rem));--_empty-swatch: var(--invalid-color);--_empty-swatch-image: linear-gradient( to top right, transparent calc(50% - 0.5px), var(--_empty-swatch) calc(50% - 0.5px), var(--_empty-swatch) calc(50% + 0.5px), transparent calc(50% + 0.5px) );--_transparency-grid: conic-gradient( var(--transparency-grid-odd) 0deg 90deg, var(--transparency-grid-even) 90deg 180deg, var(--transparency-grid-odd) 180deg 270deg, var(--transparency-grid-even) 270deg 360deg );--_hue-slider-track: linear-gradient( 90deg, #fe1016 0%, #fe7f23 15.38%, #fcee37 28.37%, #1cfe3f 42.31%, #1afffe 55.77%, #2a0af8 69.4%, #fb13e9 84.9%, #f90000 100% );--_alpha-color: var(--_selected-color, var(--_current-color));--_alpha-slider-track: linear-gradient( to right, rgb(from var(--_alpha-color) r g b / 0%) 0%, rgb(from var(--_alpha-color) r g b / 100%) 100% ), var(--_transparency-grid);--_alpha-track-position: 0 0;--_alpha-track-size: contain, var(--_slider-track-size) var(--_slider-track-size)}:host input[type=range]{background:rgba(0,0,0,0);cursor:pointer}:host [part=hue]::-webkit-slider-runnable-track{height:var(--_slider-track-size);border-radius:var(--slider-track-border-radius);box-shadow:inset 0 0 0 .0625rem var(--slider-track-border-color);background:var(--_hue-slider-track)}:host [part=hue]::-moz-range-track{height:var(--_slider-track-size);border-radius:var(--slider-track-border-radius);box-shadow:inset 0 0 0 .0625rem var(--slider-track-border-color);background:var(--_hue-slider-track)}:host [part=hue]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border-radius:50%;width:1rem;height:1rem;background-color:var(--_current-color);border:.125rem solid var(--slider-thumb-border-color);box-shadow:var(--ig-elevation-1);box-sizing:border-box;margin:0}:host [part=hue]::-moz-range-thumb{-moz-appearance:none;appearance:none;border-radius:50%;width:1rem;height:1rem;background-color:var(--_current-color);border:.125rem solid var(--slider-thumb-border-color);box-shadow:var(--ig-elevation-1);box-sizing:border-box;margin:0}:host [part=alpha]::-webkit-slider-runnable-track{height:var(--_slider-track-size);border-radius:var(--slider-track-border-radius);box-shadow:inset 0 0 0 .0625rem var(--slider-track-border-color);background-image:var(--_alpha-slider-track);background-position:var(--_alpha-track-position);background-size:var(--_alpha-track-size)}:host [part=alpha]::-moz-range-track{height:var(--_slider-track-size);border-radius:var(--slider-track-border-radius);box-shadow:inset 0 0 0 .0625rem var(--slider-track-border-color);background-image:var(--_alpha-slider-track);background-position:var(--_alpha-track-position);background-size:var(--_alpha-track-size)}:host [part=alpha]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border-radius:50%;width:1rem;height:1rem;background-color:var(--_alpha-color);border:.125rem solid var(--slider-thumb-border-color);box-shadow:var(--ig-elevation-1);box-sizing:border-box;margin:0}:host [part=alpha]::-moz-range-thumb{-moz-appearance:none;appearance:none;border-radius:50%;width:1rem;height:1rem;background-color:var(--_alpha-color);border:.125rem solid var(--slider-thumb-border-color);box-shadow:var(--ig-elevation-1);box-sizing:border-box;margin:0}:host [part=main-row],:host [part=alpha-row],:host [part=inputs-row]{padding-inline:var(--_picker-rows-inline-spacing);-moz-column-gap:var(--_picker-column-gap);column-gap:var(--_picker-column-gap)}:host [part=main-row],:host [part=alpha-row]{grid-template-columns:var(--_picker-rows-grid-template-columns)}:host [part=main-row] input,:host [part=alpha-row] input{margin:0}:host [part=picker]{background:var(--picker-background);border-radius:var(--picker-border-radius);box-shadow:var(--picker-elevation);border:.0625rem solid var(--picker-border-color)}:host [part=picker] igc-divider{--ig-divider-color: var(--swatch-separator-color);grid-column:1/-1}:host [part=picker]:has([part~=swatches]){--_input-row-spacing: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(1rem, -1 * 1rem))}:host [part=swatches]{grid-template-columns:repeat(8, var(--swatch-size))}:host [part=picker-canvas]{border-color:var(--picker-canvas-border-color);border-radius:var(--picker-border-radius)}:host [part=picker-canvas]>igc-picker-canvas{border-radius:calc(var(--picker-border-radius) - .0625rem)}:host [part=swatch]{width:var(--swatch-size);height:var(--swatch-size);border:.0625rem solid var(--swatch-border-color);border-radius:var(--swatch-border-radius);cursor:pointer}:host [part=label]{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom);margin-inline-start:var(--_label-spacing)}:host ::part(helper-text){margin-block-start:max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host [part~=anchor]{border:var(--_anchor-border-size) solid var(--anchor-border-color);border-radius:var(--anchor-border-radius);background:var(--anchor-background);width:var(--trigger-size);height:var(--trigger-size);cursor:pointer}:host [part~=anchor]::before{background-image:linear-gradient(to right, var(--_color-preview, transparent) 0 50%, transparent 50%),linear-gradient(var(--_alpha-preview, transparent), var(--_alpha-preview, transparent)),var(--_transparency-grid);background-position:0 0;background-size:100% 100%,100% 100%,var(--_swatch-grid-size);background-clip:content-box;border:var(--_anchor-border-size) solid var(--swatch-preview-border-color);border-radius:calc(var(--anchor-border-radius) - var(--_anchor-border-size))}:host [part~=anchor]:focus-visible::after{content:"";position:absolute;box-shadow:inset 0 0 0 var(--_outline-size) var(--anchor-outline-color);box-sizing:border-box;z-index:1}:host [part~=anchor][part~=input-mode]{background-image:linear-gradient(to right, var(--_color-preview, transparent) 0 50%, transparent 50%),linear-gradient(var(--_alpha-preview, transparent), var(--_alpha-preview, transparent)),var(--_transparency-grid);background-position:0 0;background-size:100% 100%,100% 100%,var(--_swatch-grid-size);background-clip:content-box;width:var(--_input-mode-trigger-size);height:var(--_input-mode-trigger-size);border-radius:calc(var(--anchor-border-radius) - .0625rem);padding:0;margin:0}:host [part~=empty]::before{background-color:var(--ig-gray-900-contrast);background-image:var(--_empty-swatch-image);background-size:100% 100%}:host [part~=empty][part~=input-mode]{background-color:var(--ig-gray-900-contrast);background-image:var(--_empty-swatch-image);background-size:100% 100%}:host(:not([disabled],:disabled)) [part~=anchor]:not([part~=input-mode]):hover{background:var(--anchor-background-hover)}:host(:not([disabled],:disabled)) [part~=anchor]:not([part~=input-mode]):focus-visible{outline:none;background:var(--anchor-background-focus-visible)}:host(:not([disabled],:disabled)) [part~=anchor]:not([part~=input-mode]):focus-visible:hover{background:var(--anchor-background-focus-visible-hover)}:host(:not([disabled],:disabled)) [part~=anchor]:not([part~=input-mode]):active{background:var(--anchor-background-active)}:host(:not([disabled],:disabled)) [part~=anchor]:not([part~=input-mode]):active:focus-visible{background:var(--anchor-background-active-focus-visible)}:host(:not([disabled],:disabled)) [part~=label]{color:var(--label-color);cursor:pointer}:host(:not([disabled],:disabled)) [part=buttons]{-moz-column-gap:var(--_picker-buttons-gap);column-gap:var(--_picker-buttons-gap)}:host(:not([disabled],:disabled):state(ig-invalid)) [part~=anchor]{border-color:var(--invalid-color)}:host(:not([disabled],:disabled):state(ig-invalid)) [part~=label]{color:var(--label-color-invalid)}:host(:not([disabled],:disabled):state(ig-invalid)) ::part(helper-text){color:var(--error-secondary-color)}:host(:disabled) [part~=anchor],:host([disabled]) [part~=anchor]{background:var(--anchor-background-disabled);border-color:var(--anchor-border-color-disabled);cursor:not-allowed}:host(:disabled) [part~=anchor]::before,:host([disabled]) [part~=anchor]::before{opacity:.3}:host(:disabled) [part~=label],:host([disabled]) [part~=label]{color:var(--label-color-disabled);cursor:not-allowed}:host(:disabled) ::part(helper-text),:host([disabled]) ::part(helper-text){color:var(--disabled-text-color)}`;
3
+ //# sourceMappingURL=color-picker.common.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"color-picker.common.css.js","sourceRoot":"","sources":["../../../../../src/components/color-picker/themes/shared/color-picker.common.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qnUAAqnU,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--component-size: var(--ig-size, var(--default-size));--_outline-size: 0.0625rem;--_picker-popover-size: max(var(--is-large, 1) * max(22.5rem, -1 * 22.5rem), var(--is-medium, 1) * max(19.625rem, -1 * 19.625rem), var(--is-small, 1) * max(18.125rem, -1 * 18.125rem));--_input-row-spacing: 1rem;--_input-row-gap: 0.75rem;--_alpha-row-spacing: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(0.75rem, -1 * 0.75rem), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem));--_swatches-spacing: 1rem;--_swatches-row-gap: 0.75rem;--_picker-rows-grid-template-columns: max(var(--is-large, 1) * max(7.1875rem, -1 * 7.1875rem), var(--is-medium, 1) * max(6.25rem, -1 * 6.25rem), var(--is-small, 1) * max(5.625rem, -1 * 5.625rem)) auto max(var(--is-large, 1) * max(5.5rem, -1 * 5.5rem), var(--is-medium, 1) * max(4.5rem, -1 * 4.5rem), var(--is-small, 1) * max(3.875rem, -1 * 3.875rem));--_picker-rows-inline-spacing: 1rem;--_picker-column-gap: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(0.75rem, -1 * 0.75rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem));--_picker-buttons-gap: var(--_picker-column-gap);--_current-color: hsl(0deg 100% 50%);--_slider-track-size: 1rem;--_swatch-grid-size: 50% 50%;--_anchor-border-size: 0.0625rem;--_input-mode-trigger-size: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1.25rem, -1 * 1.25rem), var(--is-small, 1) * max(1.125rem, -1 * 1.125rem));--_empty-swatch: var(--invalid-color);--_empty-swatch-image: linear-gradient( to top right, transparent calc(50% - 0.5px), var(--_empty-swatch) calc(50% - 0.5px), var(--_empty-swatch) calc(50% + 0.5px), transparent calc(50% + 0.5px) );--_transparency-grid: conic-gradient( var(--transparency-grid-odd) 0deg 90deg, var(--transparency-grid-even) 90deg 180deg, var(--transparency-grid-odd) 180deg 270deg, var(--transparency-grid-even) 270deg 360deg );--_hue-slider-track: linear-gradient( 90deg, #fe1016 0%, #fe7f23 15.38%, #fcee37 28.37%, #1cfe3f 42.31%, #1afffe 55.77%, #2a0af8 69.4%, #fb13e9 84.9%, #f90000 100% );--_alpha-color: var(--_selected-color, var(--_current-color));--_alpha-slider-track: linear-gradient( to right, rgb(from var(--_alpha-color) r g b / 0%) 0%, rgb(from var(--_alpha-color) r g b / 100%) 100% ), var(--_transparency-grid);--_alpha-track-position: 0 0;--_alpha-track-size: contain, var(--_slider-track-size) var(--_slider-track-size)}:host input[type=range]{background:rgba(0,0,0,0);cursor:pointer}:host [part=hue]::-webkit-slider-runnable-track{height:var(--_slider-track-size);border-radius:var(--slider-track-border-radius);box-shadow:inset 0 0 0 .0625rem var(--slider-track-border-color);background:var(--_hue-slider-track)}:host [part=hue]::-moz-range-track{height:var(--_slider-track-size);border-radius:var(--slider-track-border-radius);box-shadow:inset 0 0 0 .0625rem var(--slider-track-border-color);background:var(--_hue-slider-track)}:host [part=hue]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border-radius:50%;width:1rem;height:1rem;background-color:var(--_current-color);border:.125rem solid var(--slider-thumb-border-color);box-shadow:var(--ig-elevation-1);box-sizing:border-box;margin:0}:host [part=hue]::-moz-range-thumb{-moz-appearance:none;appearance:none;border-radius:50%;width:1rem;height:1rem;background-color:var(--_current-color);border:.125rem solid var(--slider-thumb-border-color);box-shadow:var(--ig-elevation-1);box-sizing:border-box;margin:0}:host [part=alpha]::-webkit-slider-runnable-track{height:var(--_slider-track-size);border-radius:var(--slider-track-border-radius);box-shadow:inset 0 0 0 .0625rem var(--slider-track-border-color);background-image:var(--_alpha-slider-track);background-position:var(--_alpha-track-position);background-size:var(--_alpha-track-size)}:host [part=alpha]::-moz-range-track{height:var(--_slider-track-size);border-radius:var(--slider-track-border-radius);box-shadow:inset 0 0 0 .0625rem var(--slider-track-border-color);background-image:var(--_alpha-slider-track);background-position:var(--_alpha-track-position);background-size:var(--_alpha-track-size)}:host [part=alpha]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border-radius:50%;width:1rem;height:1rem;background-color:var(--_alpha-color);border:.125rem solid var(--slider-thumb-border-color);box-shadow:var(--ig-elevation-1);box-sizing:border-box;margin:0}:host [part=alpha]::-moz-range-thumb{-moz-appearance:none;appearance:none;border-radius:50%;width:1rem;height:1rem;background-color:var(--_alpha-color);border:.125rem solid var(--slider-thumb-border-color);box-shadow:var(--ig-elevation-1);box-sizing:border-box;margin:0}:host [part=main-row],:host [part=alpha-row],:host [part=inputs-row]{padding-inline:var(--_picker-rows-inline-spacing);-moz-column-gap:var(--_picker-column-gap);column-gap:var(--_picker-column-gap)}:host [part=main-row],:host [part=alpha-row]{grid-template-columns:var(--_picker-rows-grid-template-columns)}:host [part=main-row] input,:host [part=alpha-row] input{margin:0}:host [part=picker]{background:var(--picker-background);border-radius:var(--picker-border-radius);box-shadow:var(--picker-elevation);border:.0625rem solid var(--picker-border-color)}:host [part=picker] igc-divider{--ig-divider-color: var(--swatch-separator-color);grid-column:1/-1}:host [part=picker]:has([part~=swatches]){--_input-row-spacing: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(1rem, -1 * 1rem))}:host [part=swatches]{grid-template-columns:repeat(8, var(--swatch-size))}:host [part=picker-canvas]{border-color:var(--picker-canvas-border-color);border-radius:var(--picker-border-radius)}:host [part=picker-canvas]>igc-picker-canvas{border-radius:calc(var(--picker-border-radius) - .0625rem)}:host [part=swatch]{width:var(--swatch-size);height:var(--swatch-size);border:.0625rem solid var(--swatch-border-color);border-radius:var(--swatch-border-radius);cursor:pointer}:host [part=label]{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom);margin-inline-start:var(--_label-spacing)}:host ::part(helper-text){margin-block-start:max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host [part~=anchor]{border:var(--_anchor-border-size) solid var(--anchor-border-color);border-radius:var(--anchor-border-radius);background:var(--anchor-background);width:var(--trigger-size);height:var(--trigger-size);cursor:pointer}:host [part~=anchor]::before{background-image:linear-gradient(to right, var(--_color-preview, transparent) 0 50%, transparent 50%),linear-gradient(var(--_alpha-preview, transparent), var(--_alpha-preview, transparent)),var(--_transparency-grid);background-position:0 0;background-size:100% 100%,100% 100%,var(--_swatch-grid-size);background-clip:content-box;border:var(--_anchor-border-size) solid var(--swatch-preview-border-color);border-radius:calc(var(--anchor-border-radius) - var(--_anchor-border-size))}:host [part~=anchor]:focus-visible::after{content:\"\";position:absolute;box-shadow:inset 0 0 0 var(--_outline-size) var(--anchor-outline-color);box-sizing:border-box;z-index:1}:host [part~=anchor][part~=input-mode]{background-image:linear-gradient(to right, var(--_color-preview, transparent) 0 50%, transparent 50%),linear-gradient(var(--_alpha-preview, transparent), var(--_alpha-preview, transparent)),var(--_transparency-grid);background-position:0 0;background-size:100% 100%,100% 100%,var(--_swatch-grid-size);background-clip:content-box;width:var(--_input-mode-trigger-size);height:var(--_input-mode-trigger-size);border-radius:calc(var(--anchor-border-radius) - .0625rem);padding:0;margin:0}:host [part~=empty]::before{background-color:var(--ig-gray-900-contrast);background-image:var(--_empty-swatch-image);background-size:100% 100%}:host [part~=empty][part~=input-mode]{background-color:var(--ig-gray-900-contrast);background-image:var(--_empty-swatch-image);background-size:100% 100%}:host(:not([disabled],:disabled)) [part~=anchor]:not([part~=input-mode]):hover{background:var(--anchor-background-hover)}:host(:not([disabled],:disabled)) [part~=anchor]:not([part~=input-mode]):focus-visible{outline:none;background:var(--anchor-background-focus-visible)}:host(:not([disabled],:disabled)) [part~=anchor]:not([part~=input-mode]):focus-visible:hover{background:var(--anchor-background-focus-visible-hover)}:host(:not([disabled],:disabled)) [part~=anchor]:not([part~=input-mode]):active{background:var(--anchor-background-active)}:host(:not([disabled],:disabled)) [part~=anchor]:not([part~=input-mode]):active:focus-visible{background:var(--anchor-background-active-focus-visible)}:host(:not([disabled],:disabled)) [part~=label]{color:var(--label-color);cursor:pointer}:host(:not([disabled],:disabled)) [part=buttons]{-moz-column-gap:var(--_picker-buttons-gap);column-gap:var(--_picker-buttons-gap)}:host(:not([disabled],:disabled):state(ig-invalid)) [part~=anchor]{border-color:var(--invalid-color)}:host(:not([disabled],:disabled):state(ig-invalid)) [part~=label]{color:var(--label-color-invalid)}:host(:not([disabled],:disabled):state(ig-invalid)) ::part(helper-text){color:var(--error-secondary-color)}:host(:disabled) [part~=anchor],:host([disabled]) [part~=anchor]{background:var(--anchor-background-disabled);border-color:var(--anchor-border-color-disabled);cursor:not-allowed}:host(:disabled) [part~=anchor]::before,:host([disabled]) [part~=anchor]::before{opacity:.3}:host(:disabled) [part~=label],:host([disabled]) [part~=label]{color:var(--label-color-disabled);cursor:not-allowed}:host(:disabled) ::part(helper-text),:host([disabled]) ::part(helper-text){color:var(--disabled-text-color)}`;\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{--_picker-column-gap: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(0.75rem, -1 * 0.75rem), var(--is-small, 1) * max(0.75rem, -1 * 0.75rem));--_swatches-spacing: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(1rem, -1 * 1rem)) 1rem 1rem 1rem;--_picker-buttons-gap: max(var(--is-large, 1) * max(0.25rem, -1 * 0.25rem), var(--is-medium, 1) * max(0.25rem, -1 * 0.25rem), var(--is-small, 1) * max(0.75rem, -1 * 0.75rem));--_picker-rows-grid-template-columns: 1fr auto max(var(--is-large, 1) * max(5rem, -1 * 5rem), var(--is-medium, 1) * max(4.25rem, -1 * 4.25rem), var(--is-small, 1) * max(3.75rem, -1 * 3.75rem));--_label-spacing: 0.5rem}:host igc-input::part(prefix),:host igc-input::part(suffix){background:rgba(0,0,0,0) !important}:host [part~=anchor]:focus-visible::after{width:calc(100% - 0.125rem);height:calc(100% - 0.125rem);inset:.0625rem}:host [part=label]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}:host ::part(helper-text){grid-auto-rows:minmax(1.125rem, auto);margin-block-start:max(var(--is-large, 1)*max(0.3125rem, -1 * 0.3125rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.3125rem, -1 * 0.3125rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.3125rem, -1 * 0.3125rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host [part=inputs-row]{grid-template-columns:max(max(var(--is-large, 1)*max(7rem, -1 * 7rem),var(--is-medium, 1)*max(6.5rem, -1 * 6.5rem),var(--is-small, 1)*max(6rem, -1 * 6rem))) 1fr}`;
3
+ //# sourceMappingURL=color-picker.fluent.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"color-picker.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/color-picker/themes/shared/color-picker.fluent.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,m+DAAm+D,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--_picker-column-gap: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(0.75rem, -1 * 0.75rem), var(--is-small, 1) * max(0.75rem, -1 * 0.75rem));--_swatches-spacing: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(1rem, -1 * 1rem)) 1rem 1rem 1rem;--_picker-buttons-gap: max(var(--is-large, 1) * max(0.25rem, -1 * 0.25rem), var(--is-medium, 1) * max(0.25rem, -1 * 0.25rem), var(--is-small, 1) * max(0.75rem, -1 * 0.75rem));--_picker-rows-grid-template-columns: 1fr auto max(var(--is-large, 1) * max(5rem, -1 * 5rem), var(--is-medium, 1) * max(4.25rem, -1 * 4.25rem), var(--is-small, 1) * max(3.75rem, -1 * 3.75rem));--_label-spacing: 0.5rem}:host igc-input::part(prefix),:host igc-input::part(suffix){background:rgba(0,0,0,0) !important}:host [part~=anchor]:focus-visible::after{width:calc(100% - 0.125rem);height:calc(100% - 0.125rem);inset:.0625rem}:host [part=label]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}:host ::part(helper-text){grid-auto-rows:minmax(1.125rem, auto);margin-block-start:max(var(--is-large, 1)*max(0.3125rem, -1 * 0.3125rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.3125rem, -1 * 0.3125rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.3125rem, -1 * 0.3125rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host [part=inputs-row]{grid-template-columns:max(max(var(--is-large, 1)*max(7rem, -1 * 7rem),var(--is-medium, 1)*max(6.5rem, -1 * 6.5rem),var(--is-small, 1)*max(6rem, -1 * 6rem))) 1fr}`;\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{--_outline-size: 0.1875rem;--_input-mode-trigger-size: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem));--_alpha-row-spacing: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(0.75rem, -1 * 0.75rem), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem));--_picker-rows-grid-template-columns: minmax(auto, max(var(--is-large, 1) * max(15.25rem, -1 * 15.25rem), var(--is-medium, 1) * max(13.125rem, -1 * 13.125rem), var(--is-small, 1) * max(11.875rem, -1 * 11.875rem))) 0 max(var(--is-large, 1) * max(4.25rem, -1 * 4.25rem), var(--is-medium, 1) * max(3.75rem, -1 * 3.75rem), var(--is-small, 1) * max(3.5rem, -1 * 3.5rem));--_swatches-row-gap: 0.75rem;--_input-row-gap: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(0.75rem, -1 * 0.75rem), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem));--_label-spacing: 0.5rem;--_picker-buttons-gap: max(var(--is-large, 1) * max(0.25rem, -1 * 0.25rem), var(--is-medium, 1) * max(0.25rem, -1 * 0.25rem), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem));--_picker-column-gap: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(0.75rem, -1 * 0.75rem), var(--is-small, 1) * max(0.75rem, -1 * 0.75rem))}:host [part~=anchor]:focus-visible::after{box-shadow:0 0 0 var(--_outline-size) var(--anchor-outline-color);width:calc(100% + 2px);height:calc(100% + 2px);inset:-1px;border-radius:var(--anchor-border-radius)}:host [part=inputs-row]{grid-template-columns:min(max(var(--is-large, 1)*max(7rem, -1 * 7rem),var(--is-medium, 1)*max(6.5rem, -1 * 6.5rem),var(--is-small, 1)*max(6rem, -1 * 6rem))) 1fr}:host [part=picker]:has([part~=swatches]){--_input-row-spacing: max(var(--is-large, 1) * max(1.75rem, -1 * 1.75rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.25rem, -1 * 1.25rem))}:host [part=swatches]{padding-block-start:0}:host [part=label]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}:host ::part(helper-text){grid-auto-rows:minmax(0.9375rem, auto)}:host(:not([disabled],:disabled):state(ig-invalid)) ::part(helper-text){color:var(--helper-text-color)}`;
3
+ //# sourceMappingURL=color-picker.indigo.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"color-picker.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/color-picker/themes/shared/color-picker.indigo.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,o+EAAo+E,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--_outline-size: 0.1875rem;--_input-mode-trigger-size: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem));--_alpha-row-spacing: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(0.75rem, -1 * 0.75rem), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem));--_picker-rows-grid-template-columns: minmax(auto, max(var(--is-large, 1) * max(15.25rem, -1 * 15.25rem), var(--is-medium, 1) * max(13.125rem, -1 * 13.125rem), var(--is-small, 1) * max(11.875rem, -1 * 11.875rem))) 0 max(var(--is-large, 1) * max(4.25rem, -1 * 4.25rem), var(--is-medium, 1) * max(3.75rem, -1 * 3.75rem), var(--is-small, 1) * max(3.5rem, -1 * 3.5rem));--_swatches-row-gap: 0.75rem;--_input-row-gap: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(0.75rem, -1 * 0.75rem), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem));--_label-spacing: 0.5rem;--_picker-buttons-gap: max(var(--is-large, 1) * max(0.25rem, -1 * 0.25rem), var(--is-medium, 1) * max(0.25rem, -1 * 0.25rem), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem));--_picker-column-gap: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(0.75rem, -1 * 0.75rem), var(--is-small, 1) * max(0.75rem, -1 * 0.75rem))}:host [part~=anchor]:focus-visible::after{box-shadow:0 0 0 var(--_outline-size) var(--anchor-outline-color);width:calc(100% + 2px);height:calc(100% + 2px);inset:-1px;border-radius:var(--anchor-border-radius)}:host [part=inputs-row]{grid-template-columns:min(max(var(--is-large, 1)*max(7rem, -1 * 7rem),var(--is-medium, 1)*max(6.5rem, -1 * 6.5rem),var(--is-small, 1)*max(6rem, -1 * 6rem))) 1fr}:host [part=picker]:has([part~=swatches]){--_input-row-spacing: max(var(--is-large, 1) * max(1.75rem, -1 * 1.75rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.25rem, -1 * 1.25rem))}:host [part=swatches]{padding-block-start:0}:host [part=label]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}:host ::part(helper-text){grid-auto-rows:minmax(0.9375rem, auto)}:host(:not([disabled],:disabled):state(ig-invalid)) ::part(helper-text){color:var(--helper-text-color)}`;\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{--_label-spacing: 0.75rem;--_input-row-gap: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(0.75rem, -1 * 0.75rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem));--_swatches-spacing: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(1rem, -1 * 1rem)) 1rem 1rem 1rem}:host ::part(helper-text){grid-auto-rows:minmax(1.125rem, auto)}:host [part=inputs-row]{grid-template-columns:max(max(var(--is-large, 1)*max(7rem, -1 * 7rem),var(--is-medium, 1)*max(6.5rem, -1 * 6.5rem),var(--is-small, 1)*max(6rem, -1 * 6rem))) 1fr}:host([mode=input]) ::part(helper-text){padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}`;
3
+ //# sourceMappingURL=color-picker.material.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"color-picker.material.css.js","sourceRoot":"","sources":["../../../../../src/components/color-picker/themes/shared/color-picker.material.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uhCAAuhC,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--_label-spacing: 0.75rem;--_input-row-gap: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(0.75rem, -1 * 0.75rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem));--_swatches-spacing: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(1rem, -1 * 1rem)) 1rem 1rem 1rem}:host ::part(helper-text){grid-auto-rows:minmax(1.125rem, auto)}:host [part=inputs-row]{grid-template-columns:max(max(var(--is-large, 1)*max(7rem, -1 * 7rem),var(--is-medium, 1)*max(6.5rem, -1 * 6.5rem),var(--is-small, 1)*max(6rem, -1 * 6rem))) 1fr}:host([mode=input]) ::part(helper-text){padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}`;\n "]}
@@ -0,0 +1,50 @@
1
+ import { css } from 'lit';
2
+ import { styles as bootstrapDark } from './dark/color-picker.bootstrap.css.js';
3
+ import { styles as fluentDark } from './dark/color-picker.fluent.css.js';
4
+ import { styles as indigoDark } from './dark/color-picker.indigo.css.js';
5
+ import { styles as materialDark } from './dark/color-picker.material.css.js';
6
+ import { styles as bootstrapLight } from './light/color-picker.bootstrap.css.js';
7
+ import { styles as fluentLight } from './light/color-picker.fluent.css.js';
8
+ import { styles as indigoLight } from './light/color-picker.indigo.css.js';
9
+ import { styles as materialLight } from './light/color-picker.material.css.js';
10
+ import { styles as shared } from './light/color-picker.shared.css.js';
11
+ import { styles as bootstrap } from './shared/color-picker.bootstrap.css.js';
12
+ import { styles as fluent } from './shared/color-picker.fluent.css.js';
13
+ import { styles as indigo } from './shared/color-picker.indigo.css.js';
14
+ import { styles as material } from './shared/color-picker.material.css.js';
15
+ const light = {
16
+ shared: css `
17
+ ${shared}
18
+ `,
19
+ bootstrap: css `
20
+ ${bootstrap} ${bootstrapLight}
21
+ `,
22
+ material: css `
23
+ ${material} ${materialLight}
24
+ `,
25
+ fluent: css `
26
+ ${fluent} ${fluentLight}
27
+ `,
28
+ indigo: css `
29
+ ${indigo} ${indigoLight}
30
+ `,
31
+ };
32
+ const dark = {
33
+ shared: css `
34
+ ${shared}
35
+ `,
36
+ bootstrap: css `
37
+ ${bootstrap} ${bootstrapDark}
38
+ `,
39
+ material: css `
40
+ ${material} ${materialDark}
41
+ `,
42
+ fluent: css `
43
+ ${fluent} ${fluentDark}
44
+ `,
45
+ indigo: css `
46
+ ${indigo} ${indigoDark}
47
+ `,
48
+ };
49
+ export const all = { light, dark };
50
+ //# sourceMappingURL=themes.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../src/components/color-picker/themes/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAC/E,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAE7E,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,uCAAuC,CAAC;AACjF,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAC/E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAEtE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,wCAAwC,CAAC;AAC7E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AAE3E,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,aAAa;GAC5B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,YAAY;GAC3B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '#theming/types.js';\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/color-picker.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/color-picker.fluent.css.js';\nimport { styles as indigoDark } from './dark/color-picker.indigo.css.js';\nimport { styles as materialDark } from './dark/color-picker.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/color-picker.bootstrap.css.js';\nimport { styles as fluentLight } from './light/color-picker.fluent.css.js';\nimport { styles as indigoLight } from './light/color-picker.indigo.css.js';\nimport { styles as materialLight } from './light/color-picker.material.css.js';\nimport { styles as shared } from './light/color-picker.shared.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/color-picker.bootstrap.css.js';\nimport { styles as fluent } from './shared/color-picker.fluent.css.js';\nimport { styles as indigo } from './shared/color-picker.indigo.css.js';\nimport { styles as material } from './shared/color-picker.material.css.js';\n\nconst light = {\n shared: css`\n ${shared}\n `,\n bootstrap: css`\n ${bootstrap} ${bootstrapLight}\n `,\n material: css`\n ${material} ${materialLight}\n `,\n fluent: css`\n ${fluent} ${fluentLight}\n `,\n indigo: css`\n ${indigo} ${indigoLight}\n `,\n};\n\nconst dark = {\n shared: css`\n ${shared}\n `,\n bootstrap: css`\n ${bootstrap} ${bootstrapDark}\n `,\n material: css`\n ${material} ${materialDark}\n `,\n fluent: css`\n ${fluent} ${fluentDark}\n `,\n indigo: css`\n ${indigo} ${indigoDark}\n `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
@@ -0,0 +1,3 @@
1
+ import { type Validator } from '#internals/validators.js';
2
+ import type IgcColorPickerComponent from './color-picker.js';
3
+ export declare const colorPickerValidators: Validator<IgcColorPickerComponent>[];
@@ -0,0 +1,5 @@
1
+ import { requiredValidator } from '#internals/validators.js';
2
+ export const colorPickerValidators = [
3
+ requiredValidator,
4
+ ];
5
+ //# sourceMappingURL=validators.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"validators.js","sourceRoot":"","sources":["../../../src/components/color-picker/validators.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAkB,MAAM,0BAA0B,CAAC;AAG7E,MAAM,CAAC,MAAM,qBAAqB,GAAyC;IACzE,iBAAiB;CAClB,CAAC","sourcesContent":["import { requiredValidator, type Validator } from '#internals/validators.js';\nimport type IgcColorPickerComponent from './color-picker.js';\n\nexport const colorPickerValidators: Validator<IgcColorPickerComponent>[] = [\n requiredValidator,\n];\n"]}
@@ -25,7 +25,7 @@ export interface IgcPickerBaseEventMap<T> {
25
25
  /** The parts of the calendar which the pickers re-export to their own consumers. */
26
26
  export declare const calendarExportParts: "header, header-title, header-date, content: calendar-content, navigation, months-navigation,\n years-navigation, years-range, navigation-buttons, navigation-button, days-view-container,\n days-view, months-view, years-view, days-row, months-row, years-row, label: calendar-label,\n label-inner: calendar-label-inner, week-number, week-number-inner, date,\n date-inner, first, last, inactive, hidden, weekend, range, special, disabled, single, preview,\n month, month-inner, year, year-inner, selected, current";
27
27
  /** The components rendered by the picker chrome of every picker. */
28
- export declare const pickerDependencies: (typeof IgcIconComponent | typeof IgcValidationContainerComponent | typeof IgcPopoverComponent | typeof IgcCalendarComponent | typeof IgcDialogComponent | typeof IgcFocusTrapComponent)[];
28
+ export declare const pickerDependencies: (typeof IgcIconComponent | typeof IgcValidationContainerComponent | typeof IgcPopoverComponent | typeof IgcCalendarComponent | typeof IgcFocusTrapComponent | typeof IgcDialogComponent)[];
29
29
  /**
30
30
  * The subset of the slot controller which the base picker queries.
31
31
  * Kept structural so that each picker can declare its own set of slot names.
@@ -36,6 +36,7 @@ const ICON_ALIASES = {
36
36
  regenerate: { default: 'reload' },
37
37
  copy_content: { default: 'copy' },
38
38
  collapse: { default: 'keyboard_arrow_up', indigo: 'indigo_chevron_up' },
39
+ eye_dropper: { default: 'colorize' },
39
40
  arrow_prev: {
40
41
  default: 'navigate_before',
41
42
  fluent: 'arrow_upward',
@@ -1 +1 @@
1
- {"version":3,"file":"icon-references.js","sourceRoot":"","sources":["../../../src/components/icon/icon-references.ts"],"names":[],"mappings":"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","sourcesContent":["/** READ BEFORE YOU MODIFY THIS FILE!\n *\n * Before you add/modify an icon reference, please think about the semantics of the icon you are adding/modifying.\n *\n * Icon aliases have sematic meaning depending on the context in which they are used.\n * For instance, if your component handles toggling between expanded and collapsed states,\n * you may want to use the already existing `expand` and `collapse` aliases that point to\n * the `expand_more` and `expand_less` icons in the material font set.\n *\n * It may so happen, however, that the design of your component requires you to use the `chevron_right` for the\n * expand icon and the `expand_more` for the collapse icon. In this case the `tree_expand` and `tree_collapse` aliases\n * would be appropriate.\n * This distinction is important when choosing which icon to use for your component as it will have an impact\n * when a user decides to rewire the `expand`/`collapse` icons to some other icons.\n *\n * Likewise, modifying existing references should be handled with caution as many component in the framework already\n * share icons that have equivalent semantic meaning. For example, the `Paginator`, `Grid Filtering Row`,\n * and `Tabs` components in Ignite UI for Angular all use the `prev` and `next` icons for navigating between pages\n * or lists of items. Changing the underlying target for those icons should be done in a way that suits all components.\n *\n * Keep in mind that icon aliases and their underlying names are shared between Ignite UI component frameworks\n * and changing an alias name here should be reflected in the other frameworks as well.\n *\n * To get acquainted with which component uses what icon, please make sure to read the\n * [docs](https://infragistics.com/products/ignite-ui-angular/Angular/components/icon-service#internal-usage).\n */\nimport type { IconMeta, IconThemeKey } from './registry/types.js';\n\n/** The collection every built-in alias target lives in. */\nconst INTERNAL = 'internal';\n\n/**\n * Maps an alias in the `default` collection to the name of its target icon in\n * the `internal` collection, per theme. The `default` entry is the fallback for\n * themes without an explicit target.\n */\nconst ICON_ALIASES: Record<string, Partial<Record<IconThemeKey, string>>> = {\n expand: { default: 'keyboard_arrow_down', indigo: 'indigo_chevron_down' },\n attach_file: { default: 'attach_file', indigo: 'indigo_attach_file' },\n attach_document: { default: 'document_filled' },\n attach_image: { default: 'document_image' },\n auto_suggest: { default: 'auto_suggest' },\n send_message: { default: 'send' },\n image_thumbnail: { default: 'image' },\n table_thumbnail: { default: 'table' },\n layout_thumbnail: { default: 'layout' },\n code_thumbnail: { default: 'code_circle' },\n document_thumbnail: { default: 'document_empty' },\n file_generic: { default: 'file_generic' },\n file_css: { default: 'file_css' },\n file_csv: { default: 'file_csv' },\n file_doc: { default: 'file_doc' },\n file_htm: { default: 'file_htm' },\n file_html: { default: 'file_html' },\n file_js: { default: 'file_js' },\n file_json: { default: 'file_json' },\n file_pdf: { default: 'file_pdf' },\n file_rtf: { default: 'file_rtf' },\n file_svg: { default: 'file_svg' },\n file_txt: { default: 'file_txt' },\n file_xls: { default: 'file_xls' },\n file_xml: { default: 'file_xml' },\n file_zip: { default: 'file_zip' },\n file_link: { default: 'file_link' },\n more_horiz: { default: 'more_horiz' },\n open_in_new: { default: 'open_in_new' },\n thumb_up_active: { default: 'thumb_up_filled' },\n thumb_up_inactive: { default: 'thumb_up_empty' },\n thumb_down_active: { default: 'thumb_down_filled' },\n thumb_down_inactive: { default: 'thumb_down_empty' },\n regenerate: { default: 'reload' },\n copy_content: { default: 'copy' },\n collapse: { default: 'keyboard_arrow_up', indigo: 'indigo_chevron_up' },\n arrow_prev: {\n default: 'navigate_before',\n fluent: 'arrow_upward',\n indigo: 'indigo_chevron_left',\n },\n arrow_next: {\n default: 'navigate_next',\n fluent: 'arrow_downward',\n indigo: 'indigo_chevron_right',\n },\n selected: { default: 'chip_select' },\n remove: { default: 'chip_cancel', indigo: 'indigo_cancel' },\n input_clear: { default: 'clear', indigo: 'indigo_clear' },\n input_expand: {\n default: 'keyboard_arrow_down',\n indigo: 'indigo_chevron_down',\n },\n input_collapse: { default: 'keyboard_arrow_up', indigo: 'indigo_chevron_up' },\n chevron_right: {\n default: 'keyboard_arrow_right',\n indigo: 'indigo_chevron_right',\n },\n chevron_left: { default: 'navigate_before', indigo: 'indigo_chevron_left' },\n case_sensitive: { default: 'case_sensitive' },\n today: { default: 'calendar_today', indigo: 'indigo_calendar_today' },\n clock: { default: 'access_time', indigo: 'indigo_access_time' },\n star_filled: { default: 'star' },\n star_outlined: { default: 'star_border' },\n prev: { default: 'navigate_before', indigo: 'indigo_chevron_left' },\n next: { default: 'navigate_next', indigo: 'indigo_chevron_right' },\n tree_expand: {\n default: 'keyboard_arrow_right',\n indigo: 'indigo_chevron_right',\n },\n tree_collapse: {\n default: 'keyboard_arrow_down',\n indigo: 'indigo_chevron_down',\n },\n carousel_prev: {\n default: 'keyboard_arrow_left',\n indigo: 'indigo_chevron_left',\n },\n carousel_next: {\n default: 'keyboard_arrow_right',\n indigo: 'indigo_chevron_right',\n },\n error: { default: 'error', indigo: 'indigo_error' },\n fullscreen: { default: 'fullscreen', indigo: 'indigo_fullscreen' },\n fullscreen_exit: {\n default: 'fullscreen_exit',\n indigo: 'indigo_fullscreen_exit',\n },\n expand_content: {\n default: 'expand_content',\n indigo: 'indigo_expand_content',\n },\n collapse_content: {\n default: 'collapse_content',\n indigo: 'indigo_collapse_content',\n },\n resize: { default: 'resize' },\n};\n\n/** Resolved alias name -> theme -> target icon. */\nexport const ICON_REFERENCES: ReadonlyMap<\n string,\n ReadonlyMap<IconThemeKey, IconMeta>\n> = new Map(\n Object.entries(ICON_ALIASES).map(([alias, targets]) => [\n alias,\n new Map(\n (Object.entries(targets) as [IconThemeKey, string][]).map(\n ([theme, name]) => [theme, { name, collection: INTERNAL }]\n )\n ),\n ])\n);\n"]}
1
+ {"version":3,"file":"icon-references.js","sourceRoot":"","sources":["../../../src/components/icon/icon-references.ts"],"names":[],"mappings":"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","sourcesContent":["/** READ BEFORE YOU MODIFY THIS FILE!\n *\n * Before you add/modify an icon reference, please think about the semantics of the icon you are adding/modifying.\n *\n * Icon aliases have sematic meaning depending on the context in which they are used.\n * For instance, if your component handles toggling between expanded and collapsed states,\n * you may want to use the already existing `expand` and `collapse` aliases that point to\n * the `expand_more` and `expand_less` icons in the material font set.\n *\n * It may so happen, however, that the design of your component requires you to use the `chevron_right` for the\n * expand icon and the `expand_more` for the collapse icon. In this case the `tree_expand` and `tree_collapse` aliases\n * would be appropriate.\n * This distinction is important when choosing which icon to use for your component as it will have an impact\n * when a user decides to rewire the `expand`/`collapse` icons to some other icons.\n *\n * Likewise, modifying existing references should be handled with caution as many component in the framework already\n * share icons that have equivalent semantic meaning. For example, the `Paginator`, `Grid Filtering Row`,\n * and `Tabs` components in Ignite UI for Angular all use the `prev` and `next` icons for navigating between pages\n * or lists of items. Changing the underlying target for those icons should be done in a way that suits all components.\n *\n * Keep in mind that icon aliases and their underlying names are shared between Ignite UI component frameworks\n * and changing an alias name here should be reflected in the other frameworks as well.\n *\n * To get acquainted with which component uses what icon, please make sure to read the\n * [docs](https://infragistics.com/products/ignite-ui-angular/Angular/components/icon-service#internal-usage).\n */\nimport type { IconMeta, IconThemeKey } from './registry/types.js';\n\n/** The collection every built-in alias target lives in. */\nconst INTERNAL = 'internal';\n\n/**\n * Maps an alias in the `default` collection to the name of its target icon in\n * the `internal` collection, per theme. The `default` entry is the fallback for\n * themes without an explicit target.\n */\nconst ICON_ALIASES: Record<string, Partial<Record<IconThemeKey, string>>> = {\n expand: { default: 'keyboard_arrow_down', indigo: 'indigo_chevron_down' },\n attach_file: { default: 'attach_file', indigo: 'indigo_attach_file' },\n attach_document: { default: 'document_filled' },\n attach_image: { default: 'document_image' },\n auto_suggest: { default: 'auto_suggest' },\n send_message: { default: 'send' },\n image_thumbnail: { default: 'image' },\n table_thumbnail: { default: 'table' },\n layout_thumbnail: { default: 'layout' },\n code_thumbnail: { default: 'code_circle' },\n document_thumbnail: { default: 'document_empty' },\n file_generic: { default: 'file_generic' },\n file_css: { default: 'file_css' },\n file_csv: { default: 'file_csv' },\n file_doc: { default: 'file_doc' },\n file_htm: { default: 'file_htm' },\n file_html: { default: 'file_html' },\n file_js: { default: 'file_js' },\n file_json: { default: 'file_json' },\n file_pdf: { default: 'file_pdf' },\n file_rtf: { default: 'file_rtf' },\n file_svg: { default: 'file_svg' },\n file_txt: { default: 'file_txt' },\n file_xls: { default: 'file_xls' },\n file_xml: { default: 'file_xml' },\n file_zip: { default: 'file_zip' },\n file_link: { default: 'file_link' },\n more_horiz: { default: 'more_horiz' },\n open_in_new: { default: 'open_in_new' },\n thumb_up_active: { default: 'thumb_up_filled' },\n thumb_up_inactive: { default: 'thumb_up_empty' },\n thumb_down_active: { default: 'thumb_down_filled' },\n thumb_down_inactive: { default: 'thumb_down_empty' },\n regenerate: { default: 'reload' },\n copy_content: { default: 'copy' },\n collapse: { default: 'keyboard_arrow_up', indigo: 'indigo_chevron_up' },\n eye_dropper: { default: 'colorize' },\n arrow_prev: {\n default: 'navigate_before',\n fluent: 'arrow_upward',\n indigo: 'indigo_chevron_left',\n },\n arrow_next: {\n default: 'navigate_next',\n fluent: 'arrow_downward',\n indigo: 'indigo_chevron_right',\n },\n selected: { default: 'chip_select' },\n remove: { default: 'chip_cancel', indigo: 'indigo_cancel' },\n input_clear: { default: 'clear', indigo: 'indigo_clear' },\n input_expand: {\n default: 'keyboard_arrow_down',\n indigo: 'indigo_chevron_down',\n },\n input_collapse: { default: 'keyboard_arrow_up', indigo: 'indigo_chevron_up' },\n chevron_right: {\n default: 'keyboard_arrow_right',\n indigo: 'indigo_chevron_right',\n },\n chevron_left: { default: 'navigate_before', indigo: 'indigo_chevron_left' },\n case_sensitive: { default: 'case_sensitive' },\n today: { default: 'calendar_today', indigo: 'indigo_calendar_today' },\n clock: { default: 'access_time', indigo: 'indigo_access_time' },\n star_filled: { default: 'star' },\n star_outlined: { default: 'star_border' },\n prev: { default: 'navigate_before', indigo: 'indigo_chevron_left' },\n next: { default: 'navigate_next', indigo: 'indigo_chevron_right' },\n tree_expand: {\n default: 'keyboard_arrow_right',\n indigo: 'indigo_chevron_right',\n },\n tree_collapse: {\n default: 'keyboard_arrow_down',\n indigo: 'indigo_chevron_down',\n },\n carousel_prev: {\n default: 'keyboard_arrow_left',\n indigo: 'indigo_chevron_left',\n },\n carousel_next: {\n default: 'keyboard_arrow_right',\n indigo: 'indigo_chevron_right',\n },\n error: { default: 'error', indigo: 'indigo_error' },\n fullscreen: { default: 'fullscreen', indigo: 'indigo_fullscreen' },\n fullscreen_exit: {\n default: 'fullscreen_exit',\n indigo: 'indigo_fullscreen_exit',\n },\n expand_content: {\n default: 'expand_content',\n indigo: 'indigo_expand_content',\n },\n collapse_content: {\n default: 'collapse_content',\n indigo: 'indigo_collapse_content',\n },\n resize: { default: 'resize' },\n};\n\n/** Resolved alias name -> theme -> target icon. */\nexport const ICON_REFERENCES: ReadonlyMap<\n string,\n ReadonlyMap<IconThemeKey, IconMeta>\n> = new Map(\n Object.entries(ICON_ALIASES).map(([alias, targets]) => [\n alias,\n new Map(\n (Object.entries(targets) as [IconThemeKey, string][]).map(\n ([theme, name]) => [theme, { name, collection: INTERNAL }]\n )\n ),\n ])\n);\n"]}
@@ -32,6 +32,9 @@ export const internalIcons = new Map(Object.entries({
32
32
  copy: {
33
33
  svg: `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px"><path d="M360-240q-33 0-56.5-23.5T280-320v-480q0-33 23.5-56.5T360-880h360q33 0 56.5 23.5T800-800v480q0 33-23.5 56.5T720-240H360Zm0-80h360v-480H360v480ZM200-80q-33 0-56.5-23.5T120-160v-560h80v560h440v80H200Zm160-240v-480 480Z"/></svg>`,
34
34
  },
35
+ colorize: {
36
+ svg: `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e3e3e3"><path d="M120-120v-190l358-358-58-56 58-56 76 76 124-124q5-5 12.5-8t15.5-3q8 0 15 3t13 8l94 94q5 6 8 13t3 15q0 8-3 15.5t-8 12.5L705-555l76 78-57 57-56-58-358 358H120Zm80-80h78l332-334-76-76-334 332v78Zm447-410 96-96-37-37-96 96 37 37Zm0 0-37-37 37 37Z"/></svg>`,
37
+ },
35
38
  chip_cancel: {
36
39
  svg: `<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"/></svg>`,
37
40
  },