@oscarpalmer/oui 0.41.0 → 0.43.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 (179) hide show
  1. package/dist/css/grid.css +38 -0
  2. package/dist/js/color-picker/color-picker.constants.d.mts +1 -1
  3. package/dist/js/color-picker/color-picker.constants.mjs +1 -2
  4. package/dist/js/color-picker/color-picker.dom.d.mts +2 -4
  5. package/dist/js/color-picker/color-picker.dom.mjs +1 -2
  6. package/dist/js/color-picker/color-picker.event.d.mts +2 -4
  7. package/dist/js/color-picker/color-picker.event.mjs +8 -9
  8. package/dist/js/color-picker/color-picker.form.d.mts +2 -4
  9. package/dist/js/color-picker/color-picker.form.mjs +2 -3
  10. package/dist/js/color-picker/color-picker.misc.d.mts +1 -1
  11. package/dist/js/color-picker/color-picker.misc.mjs +1 -2
  12. package/dist/js/color-picker/color-picker.model.d.mts +1 -1
  13. package/dist/js/color-picker/color-picker.model.mjs +1 -2
  14. package/dist/js/color-picker/color-picker.output.d.mts +2 -4
  15. package/dist/js/color-picker/color-picker.output.mjs +4 -5
  16. package/dist/js/color-picker/color-picker.state.d.mts +2 -4
  17. package/dist/js/color-picker/color-picker.state.mjs +4 -5
  18. package/dist/js/color-picker/index.d.mts +5 -7
  19. package/dist/js/color-picker/index.mjs +3 -4
  20. package/dist/js/{color-picker.constants-BZgXQr5o.d.mts → color-picker.constants-DdttC4ab.d.mts} +3 -8
  21. package/dist/js/{color-picker.misc-BIS3R6jk.d.mts → color-picker.misc-BH_tFyWR.d.mts} +1 -3
  22. package/dist/js/combobox/combobox.constants.d.mts +2 -2
  23. package/dist/js/combobox/combobox.constants.mjs +3 -3
  24. package/dist/js/combobox/combobox.dom.d.mts +3 -4
  25. package/dist/js/combobox/combobox.dom.mjs +3 -3
  26. package/dist/js/combobox/combobox.event.d.mts +3 -5
  27. package/dist/js/combobox/combobox.event.mjs +1 -2
  28. package/dist/js/combobox/combobox.misc.d.mts +1 -1
  29. package/dist/js/combobox/combobox.misc.mjs +1 -2
  30. package/dist/js/combobox/combobox.model.d.mts +1 -1
  31. package/dist/js/combobox/combobox.state.d.mts +3 -5
  32. package/dist/js/combobox/combobox.state.mjs +1 -2
  33. package/dist/js/combobox/index.d.mts +7 -9
  34. package/dist/js/combobox/index.mjs +3 -4
  35. package/dist/js/{combobox.constants-Hb3bqqQJ.d.mts → combobox.constants-CDnBNJC0.d.mts} +3 -4
  36. package/dist/js/{combobox.misc-DRDFk6X8.d.mts → combobox.misc-Csh9lm9_.d.mts} +1 -3
  37. package/dist/js/{combobox.model-gjEI2VqZ.d.mts → combobox.model-BRGQDuRl.d.mts} +2 -4
  38. package/dist/js/{combobox.state-AstCICiH.mjs → combobox.state-Bjt0dwe3.mjs} +29 -29
  39. package/dist/js/dialog/dialog.model.d.mts +1 -1
  40. package/dist/js/dialog/dialog.model.mjs +1 -2
  41. package/dist/js/dialog/index.d.mts +1 -3
  42. package/dist/js/dialog/index.mjs +2 -3
  43. package/dist/js/{dialog.model-HVzYWoDo.d.mts → dialog.model-cYq7rTKL.d.mts} +2 -4
  44. package/dist/js/floatable/floatable.embedded.d.mts +1 -1
  45. package/dist/js/floatable/floatable.embedded.mjs +1 -2
  46. package/dist/js/floatable/floatable.model.d.mts +1 -1
  47. package/dist/js/floatable/floatable.model.mjs +1 -2
  48. package/dist/js/floatable/floatable.standalone.d.mts +2 -2
  49. package/dist/js/floatable/floatable.standalone.mjs +1 -2
  50. package/dist/js/{floatable.embedded-ncshL3Sa.d.mts → floatable.embedded-Cr1KX6GZ.d.mts} +1 -3
  51. package/dist/js/{floatable.model-DXsQgoU7.d.mts → floatable.model-jS5Ui5Av.d.mts} +0 -2
  52. package/dist/js/focus-trap/focus-trap.embedded.d.mts +1 -1
  53. package/dist/js/focus-trap/focus-trap.embedded.mjs +4 -5
  54. package/dist/js/focus-trap/focus-trap.model.d.mts +2 -2
  55. package/dist/js/focus-trap/focus-trap.model.mjs +3 -3
  56. package/dist/js/focus-trap/focus-trap.standalone.d.mts +2 -2
  57. package/dist/js/focus-trap/focus-trap.standalone.mjs +1 -2
  58. package/dist/js/{focus-trap.embedded-DpcPkP7c.d.mts → focus-trap.embedded-BVXcd4OO.d.mts} +1 -3
  59. package/dist/js/{focus-trap.model-CpltX5B5.d.mts → focus-trap.model-wg0iAZ7x.d.mts} +2 -3
  60. package/dist/js/grid/grid.dom.d.mts +7 -0
  61. package/dist/js/grid/grid.dom.mjs +171 -0
  62. package/dist/js/grid/grid.event.d.mts +7 -0
  63. package/dist/js/grid/grid.event.mjs +1 -0
  64. package/dist/js/grid/grid.misc.d.mts +6 -0
  65. package/dist/js/grid/grid.misc.mjs +1 -0
  66. package/dist/js/grid/grid.model.d.mts +2 -0
  67. package/dist/js/grid/grid.model.mjs +39 -0
  68. package/dist/js/grid/index.d.mts +22 -0
  69. package/dist/js/grid/index.mjs +48 -0
  70. package/dist/js/grid.event-K_pG2vmS.mjs +192 -0
  71. package/dist/js/grid.model-SiNst5db.d.mts +90 -0
  72. package/dist/js/index.d.mts +22 -21
  73. package/dist/js/index.mjs +5 -3
  74. package/dist/js/internal/attributable.d.mts +1 -3
  75. package/dist/js/internal/attributable.mjs +3 -3
  76. package/dist/js/internal/draggable/draggable.model.d.mts +2 -2
  77. package/dist/js/internal/draggable/draggable.model.mjs +3 -3
  78. package/dist/js/internal/draggable/index.d.mts +2 -4
  79. package/dist/js/internal/draggable/index.mjs +18 -14
  80. package/dist/js/internal/l10n/index.d.mts +2 -4
  81. package/dist/js/internal/l10n/index.mjs +30 -22
  82. package/dist/js/internal/l10n/l10n.model.d.mts +1 -1
  83. package/dist/js/internal/l10n/l10n.model.mjs +1 -2
  84. package/dist/js/internal/misc.d.mts +2 -3
  85. package/dist/js/internal/misc.mjs +5 -3
  86. package/dist/js/internal/navigable/index.d.mts +2 -4
  87. package/dist/js/internal/navigable/index.mjs +1 -2
  88. package/dist/js/internal/navigable/navigable.model.d.mts +1 -1
  89. package/dist/js/internal/navigable/navigable.model.mjs +1 -2
  90. package/dist/js/internal/option-list/option-list.constants.d.mts +3 -5
  91. package/dist/js/internal/option-list/option-list.constants.mjs +3 -4
  92. package/dist/js/internal/option-list/option-list.data.d.mts +3 -4
  93. package/dist/js/internal/option-list/option-list.data.mjs +1 -2
  94. package/dist/js/internal/option-list/option-list.dom.d.mts +3 -5
  95. package/dist/js/internal/option-list/option-list.dom.mjs +1 -2
  96. package/dist/js/internal/option-list/option-list.event.d.mts +3 -5
  97. package/dist/js/internal/option-list/option-list.event.mjs +4 -5
  98. package/dist/js/internal/option-list/option-list.form.d.mts +3 -5
  99. package/dist/js/internal/option-list/option-list.form.mjs +2 -3
  100. package/dist/js/internal/option-list/option-list.misc.d.mts +3 -5
  101. package/dist/js/internal/option-list/option-list.misc.mjs +1 -2
  102. package/dist/js/internal/option-list/option-list.model.d.mts +2 -2
  103. package/dist/js/internal/option-list/option-list.model.mjs +7 -1
  104. package/dist/js/internal/option-list/option-list.state.d.mts +3 -5
  105. package/dist/js/internal/option-list/option-list.state.mjs +2 -3
  106. package/dist/js/l10n/index.d.mts +1 -1
  107. package/dist/js/l10n/index.mjs +1 -2
  108. package/dist/js/{l10n.model-D1E1u35L.d.mts → l10n.model-DxwLXnFl.d.mts} +0 -2
  109. package/dist/js/listbox/index.d.mts +6 -8
  110. package/dist/js/listbox/index.mjs +3 -4
  111. package/dist/js/listbox/listbox.constants.d.mts +1 -1
  112. package/dist/js/listbox/listbox.constants.mjs +1 -2
  113. package/dist/js/listbox/listbox.dom.d.mts +2 -4
  114. package/dist/js/listbox/listbox.dom.mjs +1 -2
  115. package/dist/js/listbox/listbox.event.d.mts +3 -5
  116. package/dist/js/listbox/listbox.event.mjs +1 -2
  117. package/dist/js/listbox/listbox.misc.d.mts +1 -1
  118. package/dist/js/listbox/listbox.misc.mjs +1 -2
  119. package/dist/js/listbox/listbox.model.d.mts +1 -1
  120. package/dist/js/listbox/listbox.state.d.mts +3 -5
  121. package/dist/js/listbox/listbox.state.mjs +1 -2
  122. package/dist/js/{listbox.constants-DOBMwKup.d.mts → listbox.constants-1yMPRl2C.d.mts} +1 -3
  123. package/dist/js/{listbox.misc-DwfB4Mu_.d.mts → listbox.misc-CkW28nUS.d.mts} +1 -3
  124. package/dist/js/{listbox.model-C0MYWXZe.d.mts → listbox.model-CUA_DaR9.d.mts} +1 -3
  125. package/dist/js/{listbox.state-BrN296BM.mjs → listbox.state-DO58GDqc.mjs} +8 -12
  126. package/dist/js/menu/index.mjs +5 -6
  127. package/dist/js/menu/menu.model.d.mts +3 -5
  128. package/dist/js/menu/menu.model.mjs +1 -2
  129. package/dist/js/movable/movable.embedded.d.mts +1 -1
  130. package/dist/js/movable/movable.embedded.mjs +3 -4
  131. package/dist/js/movable/movable.model.d.mts +2 -2
  132. package/dist/js/movable/movable.model.mjs +3 -3
  133. package/dist/js/movable/movable.standalone.d.mts +2 -2
  134. package/dist/js/movable/movable.standalone.mjs +1 -2
  135. package/dist/js/{movable.embedded-C1bDTLGs.d.mts → movable.embedded-HjPPob-Z.d.mts} +1 -3
  136. package/dist/js/{movable.model-D9nnPWKk.d.mts → movable.model-CQ3AbTrq.d.mts} +13 -7
  137. package/dist/js/{navigable.model-BqoR6iBv.d.mts → navigable.model-CrzJqKE7.d.mts} +0 -2
  138. package/dist/js/{option-list.data-CgMyUwPc.mjs → option-list.data-Be6wopy9.mjs} +7 -10
  139. package/dist/js/{option-list.model-CCPUlPeX.d.mts → option-list.model-DNZq-X0d.d.mts} +7 -4
  140. package/dist/js/popover/index.d.mts +1 -3
  141. package/dist/js/popover/index.mjs +3 -4
  142. package/dist/js/popover/popover.model.d.mts +1 -1
  143. package/dist/js/popover/popover.model.mjs +1 -2
  144. package/dist/js/{popover.model-DiLdz0Hc.d.mts → popover.model-CrrIdSmS.d.mts} +2 -4
  145. package/dist/js/resizable/resizable.embedded.d.mts +2 -2
  146. package/dist/js/resizable/resizable.embedded.mjs +122 -38
  147. package/dist/js/resizable/resizable.model.d.mts +2 -2
  148. package/dist/js/resizable/resizable.model.mjs +11 -3
  149. package/dist/js/resizable/resizable.standalone.d.mts +3 -3
  150. package/dist/js/resizable/resizable.standalone.mjs +2 -1
  151. package/dist/js/{resizable.embedded-BemH-7Re.d.mts → resizable.embedded-DQclAEP-.d.mts} +3 -4
  152. package/dist/js/resizable.model-BOufXDXx.d.mts +67 -0
  153. package/dist/js/sortable/sortable.embedded.d.mts +1 -1
  154. package/dist/js/sortable/sortable.embedded.mjs +5 -6
  155. package/dist/js/sortable/sortable.model.d.mts +2 -2
  156. package/dist/js/sortable/sortable.model.mjs +4 -3
  157. package/dist/js/sortable/sortable.standalone.d.mts +2 -2
  158. package/dist/js/sortable/sortable.standalone.mjs +1 -2
  159. package/dist/js/{sortable.embedded-CrEGff9k.d.mts → sortable.embedded-B5LPz-c_.d.mts} +1 -3
  160. package/dist/js/splitter/index.d.mts +2 -4
  161. package/dist/js/splitter/index.mjs +5 -5
  162. package/dist/js/splitter/splitter.model.d.mts +1 -1
  163. package/dist/js/splitter/splitter.model.mjs +1 -2
  164. package/dist/js/{splitter.model-C24W6eZ7.d.mts → splitter.model-DQDbIe4P.d.mts} +0 -2
  165. package/dist/js/tabs/index.d.mts +2 -4
  166. package/dist/js/tabs/index.mjs +10 -11
  167. package/dist/js/tabs/tabs.model.d.mts +1 -1
  168. package/dist/js/tabs/tabs.model.mjs +1 -2
  169. package/dist/js/{tabs.model-BHPy7fPo.d.mts → tabs.model-CvylbR2o.d.mts} +1 -3
  170. package/dist/js/toolbar/index.mjs +1 -2
  171. package/dist/js/toolbar/toolbar.model.d.mts +2 -4
  172. package/dist/js/toolbar/toolbar.model.mjs +1 -2
  173. package/dist/js/tooltip/index.d.mts +1 -3
  174. package/dist/js/tooltip/index.mjs +2 -3
  175. package/dist/js/tooltip/tooltip.model.d.mts +1 -1
  176. package/dist/js/tooltip/tooltip.model.mjs +1 -2
  177. package/dist/js/{tooltip.model-BpNStw5z.d.mts → tooltip.model-BI3UK-VU.d.mts} +1 -3
  178. package/package.json +11 -8
  179. package/dist/js/resizable.model-YEtcC9li.d.mts +0 -46
@@ -0,0 +1,38 @@
1
+ :where(oui-grid:defined) {
2
+ flex: 1;
3
+ flex-basis: auto;
4
+ position: relative;
5
+ }
6
+ :where(oui-grid:not(:defined)) {
7
+ display: flex;
8
+ flex-flow: row wrap;
9
+ }
10
+
11
+ :where([oui-grid-item]) {
12
+ min-height: -moz-fit-content;
13
+ min-height: fit-content;
14
+ display: inline-flex;
15
+ position: absolute;
16
+ }
17
+ :where([oui-grid-item][oui-grid-item-active]) {
18
+ opacity: 0.9;
19
+ }
20
+ :where([oui-grid-item] > [oui-resizable-handle]) {
21
+ width: 1em;
22
+ height: 1em;
23
+ position: absolute;
24
+ inset: auto 0 0 auto;
25
+ cursor: nwse-resize;
26
+ }
27
+
28
+ :where([oui-grid-item-handle]) {
29
+ cursor: move;
30
+ }
31
+
32
+ :where([oui-grid-sorting] > :not([oui-grid-placeholder]):hover) {
33
+ outline: 2px solid blue;
34
+ outline-offset: 2px;
35
+ z-index: 10;
36
+ }
37
+
38
+
@@ -1,2 +1,2 @@
1
- import { S as colorPickerLocalizations, _ as COLOR_PICKER_SELECTOR_OUTPUT_INPUT, a as COLOR_PICKER_ATTRIBUTE_OPACITY, b as COLOR_PICKER_SYMBOL, c as COLOR_PICKER_ATTRIBUTE_WELL_KNOB, d as COLOR_PICKER_KEYS, f as COLOR_PICKER_MESSAGE_INPUT, g as COLOR_PICKER_SELECTOR_INPUT, h as COLOR_PICKER_SELECTOR_COPY, i as COLOR_PICKER_ATTRIBUTE_INPUT, l as COLOR_PICKER_EXPRESSION_HEX_PREFIX, m as COLOR_PICKER_OUTPUTS, n as COLOR_PICKER_ATTRIBUTE_COPY_ERROR, o as COLOR_PICKER_ATTRIBUTE_OUTPUT_INPUT, p as COLOR_PICKER_MESSAGE_LABEL, r as COLOR_PICKER_ATTRIBUTE_COPY_SUCCESS, s as COLOR_PICKER_ATTRIBUTE_WELL, t as COLOR_PICKER_ATTRIBUTE_COPY, u as COLOR_PICKER_INPUT_TYPES, v as COLOR_PICKER_SELECTOR_WELL, x as COLOR_PICKER_TAGNAME, y as COLOR_PICKER_SELECTOR_WELL_KNOB } from "../color-picker.constants-BZgXQr5o.mjs";
1
+ import { S as colorPickerLocalizations, _ as COLOR_PICKER_SELECTOR_OUTPUT_INPUT, a as COLOR_PICKER_ATTRIBUTE_OPACITY, b as COLOR_PICKER_SYMBOL, c as COLOR_PICKER_ATTRIBUTE_WELL_KNOB, d as COLOR_PICKER_KEYS, f as COLOR_PICKER_MESSAGE_INPUT, g as COLOR_PICKER_SELECTOR_INPUT, h as COLOR_PICKER_SELECTOR_COPY, i as COLOR_PICKER_ATTRIBUTE_INPUT, l as COLOR_PICKER_EXPRESSION_HEX_PREFIX, m as COLOR_PICKER_OUTPUTS, n as COLOR_PICKER_ATTRIBUTE_COPY_ERROR, o as COLOR_PICKER_ATTRIBUTE_OUTPUT_INPUT, p as COLOR_PICKER_MESSAGE_LABEL, r as COLOR_PICKER_ATTRIBUTE_COPY_SUCCESS, s as COLOR_PICKER_ATTRIBUTE_WELL, t as COLOR_PICKER_ATTRIBUTE_COPY, u as COLOR_PICKER_INPUT_TYPES, v as COLOR_PICKER_SELECTOR_WELL, x as COLOR_PICKER_TAGNAME, y as COLOR_PICKER_SELECTOR_WELL_KNOB } from "../color-picker.constants-DdttC4ab.mjs";
2
2
  export { COLOR_PICKER_ATTRIBUTE_COPY, COLOR_PICKER_ATTRIBUTE_COPY_ERROR, COLOR_PICKER_ATTRIBUTE_COPY_SUCCESS, COLOR_PICKER_ATTRIBUTE_INPUT, COLOR_PICKER_ATTRIBUTE_OPACITY, COLOR_PICKER_ATTRIBUTE_OUTPUT_INPUT, COLOR_PICKER_ATTRIBUTE_WELL, COLOR_PICKER_ATTRIBUTE_WELL_KNOB, COLOR_PICKER_EXPRESSION_HEX_PREFIX, COLOR_PICKER_INPUT_TYPES, COLOR_PICKER_KEYS, COLOR_PICKER_MESSAGE_INPUT, COLOR_PICKER_MESSAGE_LABEL, COLOR_PICKER_OUTPUTS, COLOR_PICKER_SELECTOR_COPY, COLOR_PICKER_SELECTOR_INPUT, COLOR_PICKER_SELECTOR_OUTPUT_INPUT, COLOR_PICKER_SELECTOR_WELL, COLOR_PICKER_SELECTOR_WELL_KNOB, COLOR_PICKER_SYMBOL, COLOR_PICKER_TAGNAME, colorPickerLocalizations };
@@ -1,6 +1,6 @@
1
1
  import { createDefaultLocalizations } from "../internal/l10n/index.mjs";
2
2
  import { round } from "@oscarpalmer/atoms/math";
3
- //#region src/js/color-picker/color-picker.constants.ts
3
+ // src/js/color-picker/color-picker.constants.ts
4
4
  const COLOR_PICKER_TAGNAME = "oui-color-picker";
5
5
  const COLOR_PICKER_ATTRIBUTE_COPY = `${COLOR_PICKER_TAGNAME}-copy`;
6
6
  const COLOR_PICKER_ATTRIBUTE_COPY_ERROR = `${COLOR_PICKER_ATTRIBUTE_COPY}-error`;
@@ -58,5 +58,4 @@ const colorPickerLocalizations = createDefaultLocalizations({
58
58
  toggle: "Toggle color picker",
59
59
  whiteness: "Whiteness"
60
60
  });
61
- //#endregion
62
61
  export { COLOR_PICKER_ATTRIBUTE_COPY, COLOR_PICKER_ATTRIBUTE_COPY_ERROR, COLOR_PICKER_ATTRIBUTE_COPY_SUCCESS, COLOR_PICKER_ATTRIBUTE_INPUT, COLOR_PICKER_ATTRIBUTE_OPACITY, COLOR_PICKER_ATTRIBUTE_OUTPUT_INPUT, COLOR_PICKER_ATTRIBUTE_WELL, COLOR_PICKER_ATTRIBUTE_WELL_KNOB, COLOR_PICKER_EXPRESSION_HEX_PREFIX, COLOR_PICKER_INPUT_TYPES, COLOR_PICKER_KEYS, COLOR_PICKER_MESSAGE_INPUT, COLOR_PICKER_MESSAGE_LABEL, COLOR_PICKER_OUTPUTS, COLOR_PICKER_SELECTOR_COPY, COLOR_PICKER_SELECTOR_INPUT, COLOR_PICKER_SELECTOR_OUTPUT_INPUT, COLOR_PICKER_SELECTOR_WELL, COLOR_PICKER_SELECTOR_WELL_KNOB, COLOR_PICKER_SYMBOL, COLOR_PICKER_TAGNAME, colorPickerLocalizations };
@@ -1,8 +1,6 @@
1
- import { A as OuiColorPickerContentWell, D as OuiColorPickerContentHue, E as OuiColorPickerContent, M as OuiColorPickerCreateParameters, O as OuiColorPickerContentOpacity, w as OuiColorPickerAnchor } from "../color-picker.constants-BZgXQr5o.mjs";
2
- //#region src/js/color-picker/color-picker.dom.d.ts
1
+ import { A as OuiColorPickerContentWell, D as OuiColorPickerContentHue, E as OuiColorPickerContent, M as OuiColorPickerCreateParameters, O as OuiColorPickerContentOpacity, w as OuiColorPickerAnchor } from "../color-picker.constants-DdttC4ab.mjs";
3
2
  export declare function createColorPickerAnchor(parameters: OuiColorPickerCreateParameters): OuiColorPickerAnchor;
4
3
  export declare function createColorPickerContent(parameters: OuiColorPickerCreateParameters): OuiColorPickerContent;
5
4
  export declare function createColorPickerHue(parameters: OuiColorPickerCreateParameters): OuiColorPickerContentHue;
6
5
  export declare function createColorPickerOpacity(parameters: OuiColorPickerCreateParameters): OuiColorPickerContentOpacity | undefined;
7
- export declare function createColorPickerWell(parameters: OuiColorPickerCreateParameters): OuiColorPickerContentWell;
8
- //#endregion
6
+ export declare function createColorPickerWell(parameters: OuiColorPickerCreateParameters): OuiColorPickerContentWell;
@@ -1,7 +1,7 @@
1
1
  import { COLOR_PICKER_ATTRIBUTE_COPY, COLOR_PICKER_ATTRIBUTE_OPACITY, COLOR_PICKER_ATTRIBUTE_WELL, COLOR_PICKER_ATTRIBUTE_WELL_KNOB, COLOR_PICKER_TAGNAME, colorPickerLocalizations } from "./color-picker.constants.mjs";
2
2
  import { createColorPickerOutput } from "./color-picker.output.mjs";
3
3
  import { createElement } from "@oscarpalmer/toretto/create";
4
- //#region src/js/color-picker/color-picker.dom.ts
4
+ // src/js/color-picker/color-picker.dom.ts
5
5
  function createColorPickerAnchor(parameters) {
6
6
  const { alpha, color, id, inline } = parameters;
7
7
  const container = createElement("div", { attribute: { [`${COLOR_PICKER_TAGNAME}-anchor`]: "" } });
@@ -204,5 +204,4 @@ function createColorPickerWell(parameters) {
204
204
  label
205
205
  };
206
206
  }
207
- //#endregion
208
207
  export { createColorPickerAnchor, createColorPickerContent, createColorPickerHue, createColorPickerOpacity, createColorPickerWell };
@@ -1,9 +1,7 @@
1
- import { B as OuiColorPickerState, F as OuiColorPickerMovement } from "../color-picker.constants-BZgXQr5o.mjs";
2
- //#region src/js/color-picker/color-picker.event.d.ts
1
+ import { B as OuiColorPickerState, F as OuiColorPickerMovement } from "../color-picker.constants-DdttC4ab.mjs";
3
2
  export declare function onColorPickerHue(state: OuiColorPickerState): void;
4
3
  export declare function onColorPickerInput(state: OuiColorPickerState): void;
5
4
  export declare function onColorPickerOpacity(state: OuiColorPickerState, input: HTMLInputElement): void;
6
5
  export declare function onColorPickerOutputFormat(state: OuiColorPickerState): void;
7
6
  export declare function onColorPickerOutputValue(event: Event, state: OuiColorPickerState): void;
8
- export declare const colorPickerMovement: OuiColorPickerMovement;
9
- //#endregion
7
+ export declare const colorPickerMovement: OuiColorPickerMovement;
@@ -1,8 +1,8 @@
1
- import { COLOR_PICKER_ATTRIBUTE_COPY_ERROR, COLOR_PICKER_ATTRIBUTE_COPY_SUCCESS, COLOR_PICKER_EXPRESSION_HEX_PREFIX, COLOR_PICKER_KEYS, COLOR_PICKER_SELECTOR_COPY, COLOR_PICKER_SELECTOR_INPUT, COLOR_PICKER_SELECTOR_OUTPUT_INPUT, COLOR_PICKER_SELECTOR_WELL, COLOR_PICKER_SELECTOR_WELL_KNOB, COLOR_PICKER_SYMBOL, COLOR_PICKER_TAGNAME } from "./color-picker.constants.mjs";
2
- import { copyValue } from "../internal/misc.mjs";
1
+ import { copyValue, ignoreEvent } from "../internal/misc.mjs";
2
+ import { COLOR_PICKER_ATTRIBUTE_COPY_ERROR, COLOR_PICKER_ATTRIBUTE_COPY_SUCCESS, COLOR_PICKER_EXPRESSION_HEX_PREFIX, COLOR_PICKER_KEYS, COLOR_PICKER_SELECTOR_COPY, COLOR_PICKER_SELECTOR_OUTPUT_INPUT, COLOR_PICKER_SELECTOR_WELL, COLOR_PICKER_SELECTOR_WELL_KNOB, COLOR_PICKER_SYMBOL, COLOR_PICKER_TAGNAME } from "./color-picker.constants.mjs";
3
+ import { setColorPickerValues } from "./color-picker.misc.mjs";
3
4
  import { OuiColorPickerEvent } from "./color-picker.model.mjs";
4
5
  import { getColorPickerOutputFormat, updateColorPickerOutputCopyLabel } from "./color-picker.output.mjs";
5
- import { setColorPickerValues } from "./color-picker.misc.mjs";
6
6
  import { setAttribute, setAttributes } from "@oscarpalmer/toretto/attribute";
7
7
  import { dispatch, getEventPosition, on } from "@oscarpalmer/toretto/event";
8
8
  import { findAncestor } from "@oscarpalmer/toretto/find";
@@ -10,7 +10,7 @@ import { toggleStyles } from "@oscarpalmer/toretto/style";
10
10
  import { clamp } from "@oscarpalmer/atoms/number";
11
11
  import { supportsTouch } from "@oscarpalmer/toretto/touch";
12
12
  import { isHexColor } from "@oscarpalmer/atoms/color";
13
- //#region src/js/color-picker/color-picker.event.ts
13
+ // src/js/color-picker/color-picker.event.ts
14
14
  function cancelMove(parameters) {
15
15
  parameters.state.component.color.value.hexa = parameters.value;
16
16
  setColorPickerValues(parameters.state, true);
@@ -78,7 +78,7 @@ function onColorPickerInput(state) {
78
78
  else color.value.hexa = value;
79
79
  }
80
80
  setColorPickerValues(state, false, anchor.input.value);
81
- dispatch(host, new OuiColorPickerEvent("oui:input", color.value, valid));
81
+ dispatch(host, new OuiColorPickerEvent("input", color.value, valid));
82
82
  }
83
83
  function onColorPickerOpacity(state, input) {
84
84
  state.component.color.value.alpha = input.valueAsNumber;
@@ -122,7 +122,7 @@ function onKeydown(event) {
122
122
  return;
123
123
  }
124
124
  const knob = findAncestor(event, COLOR_PICKER_SELECTOR_WELL_KNOB);
125
- if (!(event.key === "Enter" && findAncestor(event, COLOR_PICKER_SELECTOR_INPUT) != null || COLOR_PICKER_KEYS.has(event.key) && knob != null)) return;
125
+ if (!(event.key === "Enter" && findAncestor(event, "[oui-color-picker-input]") != null || COLOR_PICKER_KEYS.has(event.key) && knob != null)) return;
126
126
  const state = findAncestor(event, COLOR_PICKER_TAGNAME)?.[COLOR_PICKER_SYMBOL];
127
127
  if (state == null || state.component.disabled || state.component.readonly) return;
128
128
  event.preventDefault();
@@ -166,7 +166,7 @@ function onKeydown(event) {
166
166
  setColorPickerValues(state, false);
167
167
  }
168
168
  function onPointerdown(event) {
169
- if (event.altKey || event.ctrlKey || event.metaKey || event.shiftKey || (supportsTouch.value ? event.type === "mousedown" : event.type === "touchstart" || event.button !== 0)) return;
169
+ if (ignoreEvent(event, supportsTouch.value)) return;
170
170
  const well = findAncestor(event, COLOR_PICKER_SELECTOR_WELL);
171
171
  if (well == null) return;
172
172
  const element = findAncestor(event, COLOR_PICKER_TAGNAME);
@@ -199,7 +199,7 @@ function updateColorPickerCopy(copy, attribute) {
199
199
  setAttribute(button, attribute, "");
200
200
  copy.timer = setTimeout(() => {
201
201
  copy.timer = void 0;
202
- setAttribute(button, attribute, void 0);
202
+ setAttribute(button, attribute);
203
203
  }, styleTime);
204
204
  }
205
205
  function updateColorPickerValues(parameters, position) {
@@ -229,5 +229,4 @@ on(document, "pointermove", onPointermove);
229
229
  on(document, "pointerup", onPointerup);
230
230
  on(document, "touchcancel", onPointerup);
231
231
  on(document, "touchstart", onPointerdown, { passive: false });
232
- //#endregion
233
232
  export { colorPickerMovement, onColorPickerHue, onColorPickerInput, onColorPickerOpacity, onColorPickerOutputFormat, onColorPickerOutputValue };
@@ -1,5 +1,3 @@
1
- import { B as OuiColorPickerState } from "../color-picker.constants-BZgXQr5o.mjs";
2
- //#region src/js/color-picker/color-picker.form.d.ts
1
+ import { B as OuiColorPickerState } from "../color-picker.constants-DdttC4ab.mjs";
3
2
  export declare function updateColorPickerForm(state: OuiColorPickerState, valid: boolean): void;
4
- export declare function updateColorPickerValidity(state: OuiColorPickerState, valid: boolean): void;
5
- //#endregion
3
+ export declare function updateColorPickerValidity(state: OuiColorPickerState, valid: boolean): void;
@@ -1,12 +1,12 @@
1
1
  import { OuiColorPickerEvent } from "./color-picker.model.mjs";
2
2
  import { dispatch } from "@oscarpalmer/toretto/event";
3
- //#region src/js/color-picker/color-picker.form.ts
3
+ // src/js/color-picker/color-picker.form.ts
4
4
  function updateColorPickerForm(state, valid) {
5
5
  const { component, form } = state;
6
6
  const { color, host, value } = component;
7
7
  form.internals.setFormValue(valid ? value.current : "");
8
8
  updateColorPickerValidity(state, valid);
9
- dispatch(host, new OuiColorPickerEvent("oui:change", color.value, valid));
9
+ dispatch(host, new OuiColorPickerEvent("change", color.value, valid));
10
10
  }
11
11
  function updateColorPickerValidity(state, valid) {
12
12
  const { component, form } = state;
@@ -21,5 +21,4 @@ function updateColorPickerValidity(state, valid) {
21
21
  internals.setValidity({ typeMismatch: true }, message, anchor.input);
22
22
  internals.checkValidity();
23
23
  }
24
- //#endregion
25
24
  export { updateColorPickerForm, updateColorPickerValidity };
@@ -1,2 +1,2 @@
1
- import { a as setColorPickerLocalizations, c as setColorPickerValues, i as setColorPickerDisabled, l as updateColorPickerLabels, n as getColorPickerOutput, o as setColorPickerRequired, r as getColorPickerValueType, s as setColorPickerValue, t as getColorPickerId } from "../color-picker.misc-BIS3R6jk.mjs";
1
+ import { a as setColorPickerLocalizations, c as setColorPickerValues, i as setColorPickerDisabled, l as updateColorPickerLabels, n as getColorPickerOutput, o as setColorPickerRequired, r as getColorPickerValueType, s as setColorPickerValue, t as getColorPickerId } from "../color-picker.misc-BH_tFyWR.mjs";
2
2
  export { getColorPickerId, getColorPickerOutput, getColorPickerValueType, setColorPickerDisabled, setColorPickerLocalizations, setColorPickerRequired, setColorPickerValue, setColorPickerValues, updateColorPickerLabels };
@@ -5,7 +5,7 @@ import { setAria } from "@oscarpalmer/toretto/aria";
5
5
  import { getAttribute } from "@oscarpalmer/toretto/attribute";
6
6
  import { getForegroundColor, isHexColor, isHslColor, isHslaColor, isHwbColor, isHwbaColor, isRgbColor, isRgbaColor } from "@oscarpalmer/atoms/color";
7
7
  import { setProperty } from "@oscarpalmer/toretto/property";
8
- //#region src/js/color-picker/color-picker.misc.ts
8
+ // src/js/color-picker/color-picker.misc.ts
9
9
  function getColorPickerId() {
10
10
  index += 1;
11
11
  return `oui_color_picker_${index}`;
@@ -100,5 +100,4 @@ function updateColorPickerWell(state) {
100
100
  }));
101
101
  }
102
102
  let index = 0;
103
- //#endregion
104
103
  export { getColorPickerId, getColorPickerOutput, getColorPickerValueType, setColorPickerDisabled, setColorPickerLocalizations, setColorPickerRequired, setColorPickerValue, setColorPickerValues, updateColorPickerLabels };
@@ -1,2 +1,2 @@
1
- import { A as OuiColorPickerContentWell, B as OuiColorPickerState, C as GenericOuiColorPickerElement, D as OuiColorPickerContentHue, E as OuiColorPickerContent, F as OuiColorPickerMovement, H as OuiColorPickerValueType, I as OuiColorPickerMovementParameters, L as OuiColorPickerOutputColor, M as OuiColorPickerCreateParameters, N as OuiColorPickerEvent, O as OuiColorPickerContentOpacity, P as OuiColorPickerLocalizations, R as OuiColorPickerOutputColorProperty, T as OuiColorPickerColor, V as OuiColorPickerStateComponent, j as OuiColorPickerCopy, k as OuiColorPickerContentOutput, w as OuiColorPickerAnchor, z as OuiColorPickerOutputType } from "../color-picker.constants-BZgXQr5o.mjs";
1
+ import { A as OuiColorPickerContentWell, B as OuiColorPickerState, C as GenericOuiColorPickerElement, D as OuiColorPickerContentHue, E as OuiColorPickerContent, F as OuiColorPickerMovement, H as OuiColorPickerValueType, I as OuiColorPickerMovementParameters, L as OuiColorPickerOutputColor, M as OuiColorPickerCreateParameters, N as OuiColorPickerEvent, O as OuiColorPickerContentOpacity, P as OuiColorPickerLocalizations, R as OuiColorPickerOutputColorProperty, T as OuiColorPickerColor, V as OuiColorPickerStateComponent, j as OuiColorPickerCopy, k as OuiColorPickerContentOutput, w as OuiColorPickerAnchor, z as OuiColorPickerOutputType } from "../color-picker.constants-DdttC4ab.mjs";
2
2
  export { GenericOuiColorPickerElement, OuiColorPickerAnchor, OuiColorPickerColor, OuiColorPickerContent, OuiColorPickerContentHue, OuiColorPickerContentOpacity, OuiColorPickerContentOutput, OuiColorPickerContentWell, OuiColorPickerCopy, OuiColorPickerCreateParameters, OuiColorPickerEvent, OuiColorPickerLocalizations, OuiColorPickerMovement, OuiColorPickerMovementParameters, OuiColorPickerOutputColor, OuiColorPickerOutputColorProperty, OuiColorPickerOutputType, OuiColorPickerState, OuiColorPickerStateComponent, OuiColorPickerValueType };
@@ -1,4 +1,4 @@
1
- //#region src/js/color-picker/color-picker.model.ts
1
+ // src/js/color-picker/color-picker.model.ts
2
2
  var OuiColorPickerEvent = class extends Event {
3
3
  valid;
4
4
  value;
@@ -20,5 +20,4 @@ var OuiColorPickerEvent = class extends Event {
20
20
  };
21
21
  }
22
22
  };
23
- //#endregion
24
23
  export { OuiColorPickerEvent };
@@ -1,8 +1,6 @@
1
- import { B as OuiColorPickerState, L as OuiColorPickerOutputColor, M as OuiColorPickerCreateParameters, j as OuiColorPickerCopy, k as OuiColorPickerContentOutput } from "../color-picker.constants-BZgXQr5o.mjs";
2
- //#region src/js/color-picker/color-picker.output.d.ts
1
+ import { B as OuiColorPickerState, L as OuiColorPickerOutputColor, M as OuiColorPickerCreateParameters, j as OuiColorPickerCopy, k as OuiColorPickerContentOutput } from "../color-picker.constants-DdttC4ab.mjs";
3
2
  export declare function createColorPickerOutput(parameters: OuiColorPickerCreateParameters, copy: OuiColorPickerCopy | undefined): OuiColorPickerContentOutput | undefined;
4
3
  export declare function getColorPickerOutputFormat(state: OuiColorPickerState): OuiColorPickerOutputColor | undefined;
5
4
  export declare function updateColorPickerOutputCopyLabel(state: OuiColorPickerState, button: HTMLButtonElement): void;
6
5
  export declare function updateColorPickerOutputInputs(state: OuiColorPickerState): void;
7
- export declare function updateColorPickerOutputLabels(state: OuiColorPickerState): void;
8
- //#endregion
6
+ export declare function updateColorPickerOutputLabels(state: OuiColorPickerState): void;
@@ -1,8 +1,8 @@
1
1
  import { COLOR_PICKER_ATTRIBUTE_OUTPUT_INPUT, COLOR_PICKER_TAGNAME, colorPickerLocalizations } from "./color-picker.constants.mjs";
2
2
  import { setAria } from "@oscarpalmer/toretto/aria";
3
- import { createElement } from "@oscarpalmer/toretto/create";
4
3
  import { round } from "@oscarpalmer/atoms/math";
5
- //#region src/js/color-picker/color-picker.output.ts
4
+ import { createElement } from "@oscarpalmer/toretto/create";
5
+ // src/js/color-picker/color-picker.output.ts
6
6
  function createColorPickerOutput(parameters, copy) {
7
7
  if (parameters.output === "none") return;
8
8
  const container = createElement("div", { attribute: { [`${COLOR_PICKER_TAGNAME}-output`]: "" } });
@@ -89,7 +89,7 @@ function createOutputInput(color, property, value, parameters) {
89
89
  },
90
90
  property: {
91
91
  id,
92
- max: max[property],
92
+ max: max$1[property],
93
93
  min: "0",
94
94
  type: "number",
95
95
  valueAsNumber: value[property]
@@ -203,7 +203,7 @@ const labels = [
203
203
  "whiteness"
204
204
  ];
205
205
  const labelsLength = labels.length;
206
- const max = {
206
+ const max$1 = {
207
207
  blackness: "100",
208
208
  blue: "255",
209
209
  green: "255",
@@ -230,5 +230,4 @@ const properties = {
230
230
  "blue"
231
231
  ]
232
232
  };
233
- //#endregion
234
233
  export { createColorPickerOutput, getColorPickerOutputFormat, updateColorPickerOutputCopyLabel, updateColorPickerOutputInputs, updateColorPickerOutputLabels };
@@ -1,8 +1,6 @@
1
- import { B as OuiColorPickerState, C as GenericOuiColorPickerElement, V as OuiColorPickerStateComponent } from "../color-picker.constants-BZgXQr5o.mjs";
2
- //#region src/js/color-picker/color-picker.state.d.ts
1
+ import { B as OuiColorPickerState, C as GenericOuiColorPickerElement, V as OuiColorPickerStateComponent } from "../color-picker.constants-DdttC4ab.mjs";
3
2
  export declare function attachColorPicker(state: OuiColorPickerState): void;
4
3
  export declare function detachColorPicker(state: OuiColorPickerState): void;
5
4
  export declare function initializeColorPicker(colorPicker: GenericOuiColorPickerElement): void;
6
5
  export declare function initializeColorPickerComponent(element: GenericOuiColorPickerElement, state: OuiColorPickerState): OuiColorPickerStateComponent;
7
- export declare const colorPickers: Set<OuiColorPickerState>;
8
- //#endregion
6
+ export declare const colorPickers: Set<OuiColorPickerState>;
@@ -1,16 +1,16 @@
1
1
  import { createEmbeddedFloatable } from "../floatable/floatable.embedded.mjs";
2
2
  import { createLocalizations } from "../internal/l10n/index.mjs";
3
3
  import { COLOR_PICKER_INPUT_TYPES, COLOR_PICKER_MESSAGE_INPUT, COLOR_PICKER_MESSAGE_LABEL, COLOR_PICKER_SYMBOL, colorPickerLocalizations } from "./color-picker.constants.mjs";
4
+ import { createColorPickerAnchor, createColorPickerContent } from "./color-picker.dom.mjs";
5
+ import { colorPickerMovement, onColorPickerHue, onColorPickerInput, onColorPickerOpacity, onColorPickerOutputFormat, onColorPickerOutputValue } from "./color-picker.event.mjs";
4
6
  import { updateColorPickerValidity } from "./color-picker.form.mjs";
5
7
  import { getColorPickerId, getColorPickerOutput, setColorPickerDisabled, setColorPickerRequired, setColorPickerValues, updateColorPickerLabels } from "./color-picker.misc.mjs";
6
- import { colorPickerMovement, onColorPickerHue, onColorPickerInput, onColorPickerOpacity, onColorPickerOutputFormat, onColorPickerOutputValue } from "./color-picker.event.mjs";
7
- import { createColorPickerAnchor, createColorPickerContent } from "./color-picker.dom.mjs";
8
8
  import { getAria, setAria } from "@oscarpalmer/toretto/aria";
9
9
  import { setAttributes } from "@oscarpalmer/toretto/attribute";
10
10
  import { on } from "@oscarpalmer/toretto/event";
11
11
  import { createElement } from "@oscarpalmer/toretto/create";
12
12
  import { getColor, isHexColor } from "@oscarpalmer/atoms/color";
13
- //#region src/js/color-picker/color-picker.state.ts
13
+ // src/js/color-picker/color-picker.state.ts
14
14
  function attachColorPicker(state) {
15
15
  const { component } = state;
16
16
  const { anchor, content, host, id, inline, input, label, listeners, style } = state.component;
@@ -95,7 +95,7 @@ function initializeColorPickerComponent(element, state) {
95
95
  const input = element.querySelector("input");
96
96
  if (input == null || !COLOR_PICKER_INPUT_TYPES.has(input.type)) throw new Error(COLOR_PICKER_MESSAGE_INPUT);
97
97
  const label = element.querySelector(`label[for="${input.id}"]`);
98
- if (!(label instanceof HTMLLabelElement)) throw new Error(COLOR_PICKER_MESSAGE_LABEL);
98
+ if (!(label instanceof HTMLLabelElement)) throw new TypeError(COLOR_PICKER_MESSAGE_LABEL);
99
99
  element.id = input.id;
100
100
  const id = getColorPickerId();
101
101
  const labelId = label.id;
@@ -164,5 +164,4 @@ function initializeColorPickerComponent(element, state) {
164
164
  return state.component;
165
165
  }
166
166
  const colorPickers = /* @__PURE__ */ new Set();
167
- //#endregion
168
167
  export { attachColorPicker, colorPickers, detachColorPicker, initializeColorPicker, initializeColorPickerComponent };
@@ -1,8 +1,7 @@
1
- import { p as OuiLocalizations } from "../l10n.model-D1E1u35L.mjs";
2
- import { B as OuiColorPickerState, N as OuiColorPickerEvent, P as OuiColorPickerLocalizations, b as COLOR_PICKER_SYMBOL, x as COLOR_PICKER_TAGNAME } from "../color-picker.constants-BZgXQr5o.mjs";
3
- import { a as setColorPickerLocalizations } from "../color-picker.misc-BIS3R6jk.mjs";
1
+ import { p as OuiLocalizations } from "../l10n.model-DxwLXnFl.mjs";
2
+ import { B as OuiColorPickerState, N as OuiColorPickerEvent, P as OuiColorPickerLocalizations, b as COLOR_PICKER_SYMBOL, x as COLOR_PICKER_TAGNAME } from "../color-picker.constants-DdttC4ab.mjs";
3
+ import { a as setColorPickerLocalizations } from "../color-picker.misc-BH_tFyWR.mjs";
4
4
  import { HSLAColor, HSLColor, HWBAColor, HWBColor, RGBAColor, RGBColor } from "@oscarpalmer/atoms/color";
5
- //#region src/js/color-picker/index.d.ts
6
5
  declare global {
7
6
  interface HTMLElementTagNameMap {
8
7
  [COLOR_PICKER_TAGNAME]: OuiColorPickerElement;
@@ -12,8 +11,8 @@ export interface OuiColorPickerElement {
12
11
  [COLOR_PICKER_SYMBOL]: OuiColorPickerState;
13
12
  }
14
13
  export declare class OuiColorPickerElement extends HTMLElement {
15
- static formAssociated: boolean;
16
- static observedAttributes: string[];
14
+ static readonly formAssociated = true;
15
+ static readonly observedAttributes: string[];
17
16
  /**
18
17
  * Is the color picker disabled?
19
18
  */
@@ -168,5 +167,4 @@ export declare class OuiColorPickerElement extends HTMLElement {
168
167
  */
169
168
  setCustomValidity(message: string): void;
170
169
  }
171
- //#endregion
172
170
  export { OuiColorPickerEvent, setColorPickerLocalizations };
@@ -1,10 +1,10 @@
1
1
  import { COLOR_PICKER_SYMBOL, COLOR_PICKER_TAGNAME } from "./color-picker.constants.mjs";
2
- import { OuiColorPickerEvent } from "./color-picker.model.mjs";
3
- import { setColorPickerDisabled, setColorPickerLocalizations, setColorPickerRequired, setColorPickerValue } from "./color-picker.misc.mjs";
4
2
  import { onColorPickerInput } from "./color-picker.event.mjs";
3
+ import { setColorPickerDisabled, setColorPickerLocalizations, setColorPickerRequired, setColorPickerValue } from "./color-picker.misc.mjs";
5
4
  import { attachColorPicker, detachColorPicker, initializeColorPickerComponent } from "./color-picker.state.mjs";
5
+ import { OuiColorPickerEvent } from "./color-picker.model.mjs";
6
6
  import "@oscarpalmer/atoms/color";
7
- //#region src/js/color-picker/index.ts
7
+ // src/js/color-picker/index.ts
8
8
  var OuiColorPickerElement = class extends HTMLElement {
9
9
  static formAssociated = true;
10
10
  static observedAttributes = [
@@ -306,5 +306,4 @@ var OuiColorPickerElement = class extends HTMLElement {
306
306
  }
307
307
  };
308
308
  customElements.define(COLOR_PICKER_TAGNAME, OuiColorPickerElement);
309
- //#endregion
310
309
  export { OuiColorPickerElement, OuiColorPickerEvent, setColorPickerLocalizations };
@@ -1,8 +1,7 @@
1
- import { p as OuiLocalizations, u as OuiDefaultLocalizations } from "./l10n.model-D1E1u35L.mjs";
2
- import { c as OuiFloatable } from "./floatable.model-DXsQgoU7.mjs";
1
+ import { p as OuiLocalizations, u as OuiDefaultLocalizations } from "./l10n.model-DxwLXnFl.mjs";
2
+ import { c as OuiFloatable } from "./floatable.model-jS5Ui5Av.mjs";
3
3
  import { Color, HSLAColor, HSLColor, HWBAColor, HWBColor, RGBAColor, RGBColor } from "@oscarpalmer/atoms/color";
4
4
  import { RemovableEventListener } from "@oscarpalmer/toretto/models";
5
- //#region src/js/color-picker/color-picker.model.d.ts
6
5
  type GenericOuiColorPickerElement = {
7
6
  [COLOR_PICKER_SYMBOL]: OuiColorPickerState;
8
7
  get value(): string;
@@ -66,9 +65,8 @@ type OuiColorPickerCreateParameters = {
66
65
  declare class OuiColorPickerEvent extends Event {
67
66
  readonly valid: boolean;
68
67
  readonly value: OuiColorPickerEventValue;
69
- constructor(type: OuiColorPickerEventType, color: Color, valid: boolean);
68
+ constructor(type: "change" | "input", color: Color, valid: boolean);
70
69
  }
71
- type OuiColorPickerEventType = "oui:change" | "oui:input";
72
70
  type OuiColorPickerEventValue = {
73
71
  hex: string;
74
72
  hexa: string;
@@ -149,8 +147,6 @@ type OuiColorPickerValue = {
149
147
  initial: string;
150
148
  };
151
149
  type OuiColorPickerValueType = "hex" | "hexa" | "hsl" | "hsla" | "hwb" | "hwba" | "rgb" | "rgba";
152
- //#endregion
153
- //#region src/js/color-picker/color-picker.constants.d.ts
154
150
  declare const COLOR_PICKER_TAGNAME = "oui-color-picker";
155
151
  declare const COLOR_PICKER_ATTRIBUTE_COPY: string;
156
152
  declare const COLOR_PICKER_ATTRIBUTE_COPY_ERROR: string;
@@ -173,5 +169,4 @@ declare const COLOR_PICKER_SELECTOR_WELL: string;
173
169
  declare const COLOR_PICKER_SELECTOR_WELL_KNOB: string;
174
170
  declare const COLOR_PICKER_SYMBOL: unique symbol;
175
171
  declare const colorPickerLocalizations: OuiDefaultLocalizations<OuiColorPickerLocalizations>;
176
- //#endregion
177
172
  export { OuiColorPickerContentWell as A, OuiColorPickerState as B, GenericOuiColorPickerElement as C, OuiColorPickerContentHue as D, OuiColorPickerContent as E, OuiColorPickerMovement as F, OuiColorPickerValueType as H, OuiColorPickerMovementParameters as I, OuiColorPickerOutputColor as L, OuiColorPickerCreateParameters as M, OuiColorPickerEvent as N, OuiColorPickerContentOpacity as O, OuiColorPickerLocalizations as P, OuiColorPickerOutputColorProperty as R, colorPickerLocalizations as S, OuiColorPickerColor as T, OuiColorPickerStateComponent as V, COLOR_PICKER_SELECTOR_OUTPUT_INPUT as _, COLOR_PICKER_ATTRIBUTE_OPACITY as a, COLOR_PICKER_SYMBOL as b, COLOR_PICKER_ATTRIBUTE_WELL_KNOB as c, COLOR_PICKER_KEYS as d, COLOR_PICKER_MESSAGE_INPUT as f, COLOR_PICKER_SELECTOR_INPUT as g, COLOR_PICKER_SELECTOR_COPY as h, COLOR_PICKER_ATTRIBUTE_INPUT as i, OuiColorPickerCopy as j, OuiColorPickerContentOutput as k, COLOR_PICKER_EXPRESSION_HEX_PREFIX as l, COLOR_PICKER_OUTPUTS as m, COLOR_PICKER_ATTRIBUTE_COPY_ERROR as n, COLOR_PICKER_ATTRIBUTE_OUTPUT_INPUT as o, COLOR_PICKER_MESSAGE_LABEL as p, COLOR_PICKER_ATTRIBUTE_COPY_SUCCESS as r, COLOR_PICKER_ATTRIBUTE_WELL as s, COLOR_PICKER_ATTRIBUTE_COPY as t, COLOR_PICKER_INPUT_TYPES as u, COLOR_PICKER_SELECTOR_WELL as v, OuiColorPickerAnchor as w, COLOR_PICKER_TAGNAME as x, COLOR_PICKER_SELECTOR_WELL_KNOB as y, OuiColorPickerOutputType as z };
@@ -1,5 +1,4 @@
1
- import { B as OuiColorPickerState, C as GenericOuiColorPickerElement, H as OuiColorPickerValueType, P as OuiColorPickerLocalizations, z as OuiColorPickerOutputType } from "./color-picker.constants-BZgXQr5o.mjs";
2
- //#region src/js/color-picker/color-picker.misc.d.ts
1
+ import { B as OuiColorPickerState, C as GenericOuiColorPickerElement, H as OuiColorPickerValueType, P as OuiColorPickerLocalizations, z as OuiColorPickerOutputType } from "./color-picker.constants-DdttC4ab.mjs";
3
2
  declare function getColorPickerId(): string;
4
3
  declare function getColorPickerOutput(element: GenericOuiColorPickerElement): OuiColorPickerOutputType;
5
4
  declare function getColorPickerValueType(state: OuiColorPickerState, value: unknown): OuiColorPickerValueType | undefined;
@@ -27,5 +26,4 @@ declare function setColorPickerRequired(state: OuiColorPickerState, value: boole
27
26
  declare function setColorPickerValue<Type extends OuiColorPickerValueType>(state: OuiColorPickerState, value: unknown, type?: Type): void;
28
27
  declare function setColorPickerValues(state: OuiColorPickerState, focus: boolean, input?: string): void;
29
28
  declare function updateColorPickerLabels(state: OuiColorPickerState): void;
30
- //#endregion
31
29
  export { setColorPickerLocalizations as a, setColorPickerValues as c, setColorPickerDisabled as i, updateColorPickerLabels as l, getColorPickerOutput as n, setColorPickerRequired as o, getColorPickerValueType as r, setColorPickerValue as s, getColorPickerId as t };
@@ -1,2 +1,2 @@
1
- import { a as COMBOBOX_SYMBOL, c as comboboxMessages, d as messageSelect, f as selectorAnchor, h as selectorSelectionItem, i as COMBOBOX_AUTOCOMPLETES, l as comboboxSelectors, m as selectorOption, n as COMBOBOX_ATTRIBUTE_SELECTION, o as COMBOBOX_TAGNAME, p as selectorContent, r as COMBOBOX_ATTRIBUTE_SELECTION_ITEM, s as comboboxAttributes, t as COMBOBOX_ATTRIBUTE_ANCHOR, u as messageLabel } from "../combobox.constants-Hb3bqqQJ.mjs";
2
- export { COMBOBOX_ATTRIBUTE_ANCHOR, COMBOBOX_ATTRIBUTE_SELECTION, COMBOBOX_ATTRIBUTE_SELECTION_ITEM, COMBOBOX_AUTOCOMPLETES, COMBOBOX_SYMBOL, COMBOBOX_TAGNAME, comboboxAttributes, comboboxMessages, comboboxSelectors, messageLabel, messageSelect, selectorAnchor, selectorContent, selectorOption, selectorSelectionItem };
1
+ import { a as COMBOBOX_SELECTOR_SELECTION_ITEM, c as comboboxAttributes, d as messageLabel, f as messageSelect, g as selectorSelectionItem, h as selectorOption, i as COMBOBOX_AUTOCOMPLETES, l as comboboxMessages, m as selectorContent, n as COMBOBOX_ATTRIBUTE_SELECTION, o as COMBOBOX_SYMBOL, p as selectorAnchor, r as COMBOBOX_ATTRIBUTE_SELECTION_ITEM, s as COMBOBOX_TAGNAME, t as COMBOBOX_ATTRIBUTE_ANCHOR, u as comboboxSelectors } from "../combobox.constants-CDnBNJC0.mjs";
2
+ export { COMBOBOX_ATTRIBUTE_ANCHOR, COMBOBOX_ATTRIBUTE_SELECTION, COMBOBOX_ATTRIBUTE_SELECTION_ITEM, COMBOBOX_AUTOCOMPLETES, COMBOBOX_SELECTOR_SELECTION_ITEM, COMBOBOX_SYMBOL, COMBOBOX_TAGNAME, comboboxAttributes, comboboxMessages, comboboxSelectors, messageLabel, messageSelect, selectorAnchor, selectorContent, selectorOption, selectorSelectionItem };
@@ -1,4 +1,4 @@
1
- //#region src/js/combobox/combobox.constants.ts
1
+ // src/js/combobox/combobox.constants.ts
2
2
  const COMBOBOX_TAGNAME = "oui-combobox";
3
3
  const COMBOBOX_ATTRIBUTE_ANCHOR = `${COMBOBOX_TAGNAME}-anchor`;
4
4
  const COMBOBOX_ATTRIBUTE_SELECTION = `${COMBOBOX_TAGNAME}-selection`;
@@ -9,6 +9,7 @@ const COMBOBOX_AUTOCOMPLETES = /* @__PURE__ */ new Set([
9
9
  "list",
10
10
  "none"
11
11
  ]);
12
+ const COMBOBOX_SELECTOR_SELECTION_ITEM = `[${COMBOBOX_ATTRIBUTE_SELECTION_ITEM}]`;
12
13
  const COMBOBOX_SYMBOL = Symbol(COMBOBOX_TAGNAME);
13
14
  const attributeContent = `${COMBOBOX_TAGNAME}-content`;
14
15
  const attributeFilter = `${COMBOBOX_TAGNAME}-filter`;
@@ -49,5 +50,4 @@ const comboboxSelectors = {
49
50
  selectionItem: selectorSelectionItem,
50
51
  option: selectorOption
51
52
  };
52
- //#endregion
53
- export { COMBOBOX_ATTRIBUTE_ANCHOR, COMBOBOX_ATTRIBUTE_SELECTION, COMBOBOX_ATTRIBUTE_SELECTION_ITEM, COMBOBOX_AUTOCOMPLETES, COMBOBOX_SYMBOL, COMBOBOX_TAGNAME, comboboxAttributes, comboboxMessages, comboboxSelectors, messageLabel, messageSelect, selectorAnchor, selectorContent, selectorOption, selectorSelectionItem };
53
+ export { COMBOBOX_ATTRIBUTE_ANCHOR, COMBOBOX_ATTRIBUTE_SELECTION, COMBOBOX_ATTRIBUTE_SELECTION_ITEM, COMBOBOX_AUTOCOMPLETES, COMBOBOX_SELECTOR_SELECTION_ITEM, COMBOBOX_SYMBOL, COMBOBOX_TAGNAME, comboboxAttributes, comboboxMessages, comboboxSelectors, messageLabel, messageSelect, selectorAnchor, selectorContent, selectorOption, selectorSelectionItem };
@@ -1,6 +1,5 @@
1
- import { h as OptionListPreview, n as CreateOptionListContentParameters, t as CreateOptionListContent } from "../option-list.model-CCPUlPeX.mjs";
2
- import { c as OuiComboboxSelectionItem, l as OuiComboboxState, s as OuiComboboxSelection } from "../combobox.model-gjEI2VqZ.mjs";
3
- //#region src/js/combobox/combobox.dom.d.ts
1
+ import { b as OptionListPreview, n as CreateOptionListContentParameters, t as CreateOptionListContent } from "../option-list.model-DNZq-X0d.mjs";
2
+ import { c as OuiComboboxSelectionItem, l as OuiComboboxState, s as OuiComboboxSelection } from "../combobox.model-BRGQDuRl.mjs";
4
3
  type CreateAnchor = {
5
4
  container?: Element;
6
5
  element: HTMLElement;
@@ -22,4 +21,4 @@ export declare function updateComboboxTabindices(state: OuiComboboxState, active
22
21
  export declare function updateComboboxAutocomplete(preview: OptionListPreview, state: OuiComboboxState, active?: Element): void;
23
22
  export declare function updateComboboxSelection(state: OuiComboboxState, active: Element | undefined, added: boolean, selected?: Element[]): void;
24
23
  export declare function updateComboboxSelectionItems(state: OuiComboboxState): void;
25
- //#endregion
24
+ export {};
@@ -1,10 +1,11 @@
1
- import { _ as createOptionListValueLabel, f as createOptionListInput, l as createOptionListFilter, m as createOptionListMessage, p as createOptionListList } from "../option-list.data-CgMyUwPc.mjs";
1
+ import { _ as createOptionListValueLabel, f as createOptionListInput, l as createOptionListFilter, m as createOptionListMessage, p as createOptionListList } from "../option-list.data-Be6wopy9.mjs";
2
+ import "../internal/option-list/option-list.model.mjs";
2
3
  import { COMBOBOX_ATTRIBUTE_ANCHOR, COMBOBOX_ATTRIBUTE_SELECTION, COMBOBOX_ATTRIBUTE_SELECTION_ITEM } from "./combobox.constants.mjs";
3
4
  import { setAria } from "@oscarpalmer/toretto/aria";
4
5
  import { setAttribute } from "@oscarpalmer/toretto/attribute";
5
6
  import { createElement } from "@oscarpalmer/toretto/create";
6
7
  import { getData } from "@oscarpalmer/toretto/data";
7
- //#region src/js/combobox/combobox.dom.ts
8
+ // src/js/combobox/combobox.dom.ts
8
9
  function createComboboxAnchor(parameters) {
9
10
  const { select } = parameters;
10
11
  let container;
@@ -209,5 +210,4 @@ function updateComboboxSelectionItems(state) {
209
210
  }));
210
211
  }
211
212
  }
212
- //#endregion
213
213
  export { createComboboxAnchor, createComboboxButton, createComboboxContent, createComboboxSelection, createComboboxSelectionItem, createComboboxSelectionItems, updateComboboxAutocomplete, updateComboboxSelection, updateComboboxSelectionItems, updateComboboxTabindices };
@@ -1,6 +1,5 @@
1
- import { h as OptionListPreview } from "../option-list.model-CCPUlPeX.mjs";
2
- import { l as OuiComboboxState } from "../combobox.model-gjEI2VqZ.mjs";
3
- //#region src/js/combobox/combobox.event.d.ts
1
+ import { b as OptionListPreview } from "../option-list.model-DNZq-X0d.mjs";
2
+ import { l as OuiComboboxState } from "../combobox.model-BRGQDuRl.mjs";
4
3
  export declare function onComboboxActivation(state: OuiComboboxState): void;
5
4
  export declare function onComboboxApply(state: OuiComboboxState, option: Element | undefined, _: string[], added: boolean, selected?: Element[]): void;
6
5
  export declare function onComboboxClickContent(event: PointerEvent, state: OuiComboboxState): void;
@@ -18,5 +17,4 @@ export declare function onComboboxSelection(state: OuiComboboxState, hasSelectio
18
17
  export declare function onComboboxTab(state: OuiComboboxState): void;
19
18
  export declare function onComboboxToggle(state: OuiComboboxState): void;
20
19
  export declare function preventComboboxActivation(state: OuiComboboxState): boolean;
21
- export declare function skipComboboxNavigation(state: OuiComboboxState): boolean;
22
- //#endregion
20
+ export declare function skipComboboxNavigation(state: OuiComboboxState): boolean;
@@ -1,2 +1 @@
1
- import { C as skipComboboxNavigation, S as preventComboboxActivation, _ as onComboboxPreview, b as onComboboxTab, c as onComboboxClickContent, d as onComboboxFilter, f as onComboboxFocusout, g as onComboboxNavigation, h as onComboboxKeydownSelection, l as onComboboxEnter, m as onComboboxKeydown, o as onComboboxActivation, p as onComboboxInput, s as onComboboxApply, u as onComboboxEscape, v as onComboboxRemoveSelection, x as onComboboxToggle, y as onComboboxSelection } from "../combobox.state-AstCICiH.mjs";
2
- export { onComboboxActivation, onComboboxApply, onComboboxClickContent, onComboboxEnter, onComboboxEscape, onComboboxFilter, onComboboxFocusout, onComboboxInput, onComboboxKeydown, onComboboxKeydownSelection, onComboboxNavigation, onComboboxPreview, onComboboxRemoveSelection, onComboboxSelection, onComboboxTab, onComboboxToggle, preventComboboxActivation, skipComboboxNavigation };
1
+ export { o as onComboboxActivation, s as onComboboxApply, c as onComboboxClickContent, l as onComboboxEnter, u as onComboboxEscape, d as onComboboxFilter, f as onComboboxFocusout, p as onComboboxInput, m as onComboboxKeydown, h as onComboboxKeydownSelection, g as onComboboxNavigation, _ as onComboboxPreview, v as onComboboxRemoveSelection, y as onComboboxSelection, b as onComboboxTab, x as onComboboxToggle, S as preventComboboxActivation, C as skipComboboxNavigation } from "../combobox.state-Bjt0dwe3.mjs";
@@ -1,2 +1,2 @@
1
- import { i as setComboboxLocalizations, n as getComboboxId, r as hasTextSelection, t as getComboboxAutoComplete } from "../combobox.misc-DRDFk6X8.mjs";
1
+ import { i as setComboboxLocalizations, n as getComboboxId, r as hasTextSelection, t as getComboboxAutoComplete } from "../combobox.misc-Csh9lm9_.mjs";
2
2
  export { getComboboxAutoComplete, getComboboxId, hasTextSelection, setComboboxLocalizations };
@@ -1,2 +1 @@
1
- import { D as setComboboxLocalizations, E as hasTextSelection, T as getComboboxId, w as getComboboxAutoComplete } from "../combobox.state-AstCICiH.mjs";
2
- export { getComboboxAutoComplete, getComboboxId, hasTextSelection, setComboboxLocalizations };
1
+ export { w as getComboboxAutoComplete, T as getComboboxId, E as hasTextSelection, D as setComboboxLocalizations } from "../combobox.state-Bjt0dwe3.mjs";
@@ -1,2 +1,2 @@
1
- import { a as OuiComboboxLocalizations, c as OuiComboboxSelectionItem, d as OuiComboboxValues, i as OuiComboboxLabel, l as OuiComboboxState, n as OuiComboboxFilter, o as OuiComboboxOptions, r as OuiComboboxGroup, s as OuiComboboxSelection, t as OuiComboboxAnchor, u as OuiComboboxStateExtras } from "../combobox.model-gjEI2VqZ.mjs";
1
+ import { a as OuiComboboxLocalizations, c as OuiComboboxSelectionItem, d as OuiComboboxValues, i as OuiComboboxLabel, l as OuiComboboxState, n as OuiComboboxFilter, o as OuiComboboxOptions, r as OuiComboboxGroup, s as OuiComboboxSelection, t as OuiComboboxAnchor, u as OuiComboboxStateExtras } from "../combobox.model-BRGQDuRl.mjs";
2
2
  export { OuiComboboxAnchor, OuiComboboxFilter, OuiComboboxGroup, OuiComboboxLabel, OuiComboboxLocalizations, OuiComboboxOptions, OuiComboboxSelection, OuiComboboxSelectionItem, OuiComboboxState, OuiComboboxStateExtras, OuiComboboxValues };
@@ -1,9 +1,7 @@
1
- import { u as OuiDefaultLocalizations } from "../l10n.model-D1E1u35L.mjs";
2
- import { a as OuiComboboxLocalizations, l as OuiComboboxState } from "../combobox.model-gjEI2VqZ.mjs";
3
- //#region src/js/combobox/combobox.state.d.ts
1
+ import { u as OuiDefaultLocalizations } from "../l10n.model-DxwLXnFl.mjs";
2
+ import { a as OuiComboboxLocalizations, l as OuiComboboxState } from "../combobox.model-BRGQDuRl.mjs";
4
3
  export declare function initializeCombobox(element: HTMLElement, state: OuiComboboxState): void;
5
4
  export declare function onAttachCombobox(state: OuiComboboxState): void;
6
5
  export declare function onDetachCombobox(state: OuiComboboxState): void;
7
6
  export declare const comboboxLocalizations: OuiDefaultLocalizations<OuiComboboxLocalizations>;
8
- export declare const comboboxes: Set<OuiComboboxState>;
9
- //#endregion
7
+ export declare const comboboxes: Set<OuiComboboxState>;
@@ -1,2 +1 @@
1
- import { a as onDetachCombobox, i as onAttachCombobox, n as comboboxes, r as initializeCombobox, t as comboboxLocalizations } from "../combobox.state-AstCICiH.mjs";
2
- export { comboboxLocalizations, comboboxes, initializeCombobox, onAttachCombobox, onDetachCombobox };
1
+ export { t as comboboxLocalizations, n as comboboxes, r as initializeCombobox, i as onAttachCombobox, a as onDetachCombobox } from "../combobox.state-Bjt0dwe3.mjs";
@@ -1,9 +1,8 @@
1
- import { p as OuiLocalizations } from "../l10n.model-D1E1u35L.mjs";
2
- import { _ as OptionListType } from "../option-list.model-CCPUlPeX.mjs";
3
- import { a as COMBOBOX_SYMBOL, o as COMBOBOX_TAGNAME } from "../combobox.constants-Hb3bqqQJ.mjs";
4
- import { a as OuiComboboxLocalizations, l as OuiComboboxState } from "../combobox.model-gjEI2VqZ.mjs";
5
- import { i as setComboboxLocalizations } from "../combobox.misc-DRDFk6X8.mjs";
6
- //#region src/js/combobox/index.d.ts
1
+ import { p as OuiLocalizations } from "../l10n.model-DxwLXnFl.mjs";
2
+ import { S as OptionListType } from "../option-list.model-DNZq-X0d.mjs";
3
+ import { o as COMBOBOX_SYMBOL, s as COMBOBOX_TAGNAME } from "../combobox.constants-CDnBNJC0.mjs";
4
+ import { a as OuiComboboxLocalizations, l as OuiComboboxState } from "../combobox.model-BRGQDuRl.mjs";
5
+ import { i as setComboboxLocalizations } from "../combobox.misc-Csh9lm9_.mjs";
7
6
  declare global {
8
7
  interface HTMLElementTagNameMap {
9
8
  [COMBOBOX_TAGNAME]: OuiComboboxElement & {
@@ -15,8 +14,8 @@ export interface OuiComboboxElement {
15
14
  [COMBOBOX_SYMBOL]: OuiComboboxState;
16
15
  }
17
16
  export declare class OuiComboboxElement extends HTMLElement {
18
- static formAssociated: boolean;
19
- static observedAttributes: string[];
17
+ static readonly formAssociated = true;
18
+ static readonly observedAttributes: string[];
20
19
  /**
21
20
  * Is the combobox disabled?
22
21
  */
@@ -148,5 +147,4 @@ export declare class OuiComboboxElement extends HTMLElement {
148
147
  */
149
148
  setCustomValidity(message: string): void;
150
149
  }
151
- //#endregion
152
150
  export { setComboboxLocalizations };