@oscarpalmer/oui 0.38.0 → 0.40.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 (264) hide show
  1. package/README.md +1 -1
  2. package/dist/css/badge.css +11 -8
  3. package/dist/css/button.css +106 -14
  4. package/dist/css/color-picker.css +555 -73
  5. package/dist/css/color.css +86 -86
  6. package/dist/css/combobox.css +98 -4
  7. package/dist/css/content.css +7 -6
  8. package/dist/css/floatable.css +1 -3
  9. package/dist/css/form.css +99 -6
  10. package/dist/css/icon.css +99 -0
  11. package/dist/css/listbox.css +3 -0
  12. package/dist/css/message.css +4 -3
  13. package/dist/css/mixins/button.mixins.css +1 -0
  14. package/dist/css/reset.css +1 -1
  15. package/dist/css/tabs.css +95 -3
  16. package/dist/css/typography.css +90 -0
  17. package/dist/js/color-picker/color-picker.constants.d.mts +2 -0
  18. package/dist/js/color-picker/color-picker.constants.mjs +60 -0
  19. package/dist/js/color-picker/color-picker.dom.d.mts +8 -0
  20. package/dist/js/color-picker/color-picker.dom.mjs +191 -0
  21. package/dist/js/color-picker/color-picker.event.d.mts +9 -0
  22. package/dist/js/color-picker/color-picker.event.mjs +2 -0
  23. package/dist/js/color-picker/color-picker.form.d.mts +5 -0
  24. package/dist/js/color-picker/color-picker.form.mjs +27 -0
  25. package/dist/js/color-picker/color-picker.misc.d.mts +2 -0
  26. package/dist/js/color-picker/color-picker.misc.mjs +2 -0
  27. package/dist/js/color-picker/color-picker.model.d.mts +2 -0
  28. package/dist/js/color-picker/color-picker.model.mjs +24 -0
  29. package/dist/js/color-picker/color-picker.output.d.mts +8 -0
  30. package/dist/js/color-picker/color-picker.output.mjs +235 -0
  31. package/dist/js/color-picker/color-picker.state.d.mts +8 -0
  32. package/dist/js/color-picker/color-picker.state.mjs +2 -0
  33. package/dist/js/{color-picker.d.mts → color-picker/index.d.mts} +10 -43
  34. package/dist/js/color-picker/index.mjs +305 -0
  35. package/dist/js/color-picker.constants-D1mxw_Le.d.mts +179 -0
  36. package/dist/js/color-picker.event-Cksj5TvS.mjs +500 -0
  37. package/dist/js/color-picker.misc-CtsXGrOe.d.mts +27 -0
  38. package/dist/js/combobox/combobox.constants.d.mts +2 -0
  39. package/dist/js/combobox/{constants.combobox.mjs → combobox.constants.mjs} +21 -21
  40. package/dist/js/combobox/combobox.dom.d.mts +26 -0
  41. package/dist/js/combobox/{dom.combobox.mjs → combobox.dom.mjs} +44 -37
  42. package/dist/js/combobox/combobox.event.d.mts +22 -0
  43. package/dist/js/combobox/{event.combobox.mjs → combobox.event.mjs} +1 -1
  44. package/dist/js/combobox/combobox.misc.d.mts +2 -0
  45. package/dist/js/combobox/{misc.combobox.mjs → combobox.misc.mjs} +1 -1
  46. package/dist/js/combobox/combobox.model.d.mts +2 -0
  47. package/dist/js/combobox/combobox.state.d.mts +10 -0
  48. package/dist/js/combobox/combobox.state.mjs +2 -0
  49. package/dist/js/combobox/index.d.mts +163 -2
  50. package/dist/js/combobox/index.mjs +53 -52
  51. package/dist/js/combobox.constants-DZVkMP5g.d.mts +19 -0
  52. package/dist/js/combobox.misc-C1tPZZDi.d.mts +22 -0
  53. package/dist/js/{combobox/models.combobox.d.mts → combobox.model-oDV06XCN.d.mts} +6 -6
  54. package/dist/js/{state.combobox-Qm3FWzYW.mjs → combobox.state-BfJ3Hxg8.mjs} +96 -82
  55. package/dist/js/constants.listbox-C5Ap6Ag_.d.mts +9 -0
  56. package/dist/js/dialog/dialog.model.d.mts +2 -0
  57. package/dist/js/dialog/dialog.model.mjs +11 -0
  58. package/dist/js/dialog/index.d.mts +12 -0
  59. package/dist/js/dialog/index.mjs +123 -0
  60. package/dist/js/dialog.model-DX2mndMh.d.mts +45 -0
  61. package/dist/js/floatable/floatable.embedded.d.mts +2 -2
  62. package/dist/js/floatable/floatable.embedded.mjs +64 -92
  63. package/dist/js/floatable/floatable.model.d.mts +2 -0
  64. package/dist/js/floatable/floatable.model.mjs +23 -0
  65. package/dist/js/floatable/floatable.standalone.d.mts +2 -1
  66. package/dist/js/floatable.embedded-MeTyXjFn.d.mts +17 -0
  67. package/dist/js/floatable.model-DXsQgoU7.d.mts +62 -0
  68. package/dist/js/focus-trap/focus-trap.embedded.d.mts +2 -2
  69. package/dist/js/focus-trap/focus-trap.embedded.mjs +112 -134
  70. package/dist/js/focus-trap/focus-trap.model.d.mts +2 -0
  71. package/dist/js/focus-trap/focus-trap.model.mjs +15 -0
  72. package/dist/js/focus-trap/focus-trap.standalone.d.mts +2 -1
  73. package/dist/js/focus-trap.embedded-DIU05m1z.d.mts +13 -0
  74. package/dist/js/{focus-trap.embedded-DR8NpZfr.d.mts → focus-trap.model-BeX6UYlw.d.mts} +16 -18
  75. package/dist/js/index.d.mts +26 -14
  76. package/dist/js/index.mjs +18 -15
  77. package/dist/js/internal/attributable.d.mts +2 -3
  78. package/dist/js/internal/attributable.mjs +3 -2
  79. package/dist/js/internal/draggable/draggable.model.d.mts +2 -0
  80. package/dist/js/internal/draggable/draggable.model.mjs +37 -0
  81. package/dist/js/internal/draggable/index.d.mts +13 -0
  82. package/dist/js/internal/{draggable.mjs → draggable/index.mjs} +83 -114
  83. package/dist/js/internal/listbox/listbox.constants.d.mts +7 -10
  84. package/dist/js/internal/listbox/listbox.constants.mjs +15 -16
  85. package/dist/js/internal/listbox/listbox.data.d.mts +9 -10
  86. package/dist/js/internal/listbox/listbox.data.mjs +1 -1
  87. package/dist/js/internal/listbox/listbox.dom.d.mts +19 -20
  88. package/dist/js/internal/listbox/listbox.dom.mjs +1 -1
  89. package/dist/js/internal/listbox/listbox.event.d.mts +3 -4
  90. package/dist/js/internal/listbox/listbox.event.mjs +23 -20
  91. package/dist/js/internal/listbox/listbox.form.d.mts +4 -5
  92. package/dist/js/internal/listbox/listbox.form.mjs +15 -12
  93. package/dist/js/internal/listbox/listbox.misc.d.mts +10 -11
  94. package/dist/js/internal/listbox/listbox.misc.mjs +1 -1
  95. package/dist/js/internal/listbox/listbox.model.d.mts +2 -2
  96. package/dist/js/internal/listbox/listbox.state.d.mts +5 -6
  97. package/dist/js/internal/listbox/listbox.state.mjs +19 -20
  98. package/dist/js/internal/misc.d.mts +5 -4
  99. package/dist/js/internal/misc.mjs +7 -1
  100. package/dist/js/internal/navigable/index.d.mts +6 -0
  101. package/dist/js/internal/navigable/index.mjs +125 -0
  102. package/dist/js/internal/navigable/navigable.model.d.mts +2 -0
  103. package/dist/js/internal/navigable/navigable.model.mjs +18 -0
  104. package/dist/js/l10n/index.d.mts +9 -0
  105. package/dist/js/{l10n.mjs → l10n/index.mjs} +50 -23
  106. package/dist/js/l10n/l10n.model.d.mts +2 -0
  107. package/dist/js/l10n/l10n.model.mjs +9 -0
  108. package/dist/js/l10n.model-D6a9frgl.d.mts +26 -0
  109. package/dist/js/listbox/constants.listbox.d.mts +2 -2
  110. package/dist/js/listbox/constants.listbox.mjs +10 -14
  111. package/dist/js/listbox/event.listbox.d.mts +6 -7
  112. package/dist/js/listbox/event.listbox.mjs +47 -1
  113. package/dist/js/listbox/index.d.mts +8 -6
  114. package/dist/js/listbox/index.mjs +47 -49
  115. package/dist/js/listbox/misc.listbox.d.mts +1 -1
  116. package/dist/js/listbox/misc.listbox.mjs +1 -1
  117. package/dist/js/listbox/state.listbox.d.mts +8 -10
  118. package/dist/js/listbox/state.listbox.mjs +2 -2
  119. package/dist/js/{listbox.data-C7CRa5Ya.mjs → listbox.data-BQyZGKgr.mjs} +83 -66
  120. package/dist/js/{listbox.model-CRReGOmu.d.mts → listbox.model-CuBOj4qe.d.mts} +15 -11
  121. package/dist/js/menu/index.mjs +167 -0
  122. package/dist/js/menu/menu.model.d.mts +33 -0
  123. package/dist/js/menu/menu.model.mjs +15 -0
  124. package/dist/js/{misc.listbox-Cyz2CRDy.mjs → misc.listbox-CjfBUbHD.mjs} +27 -69
  125. package/dist/js/{misc.listbox-gnoJhrTr.d.mts → misc.listbox-CtoGvXQo.d.mts} +2 -2
  126. package/dist/js/movable/movable.embedded.d.mts +2 -2
  127. package/dist/js/movable/movable.embedded.mjs +60 -72
  128. package/dist/js/movable/movable.model.d.mts +2 -0
  129. package/dist/js/movable/movable.model.mjs +12 -0
  130. package/dist/js/movable/movable.standalone.d.mts +2 -1
  131. package/dist/js/movable.embedded-DoyXLegc.d.mts +11 -0
  132. package/dist/js/movable.model-BHaK_mKw.d.mts +186 -0
  133. package/dist/js/navigable.model-BPOM8DZk.d.mts +44 -0
  134. package/dist/js/popover/index.d.mts +12 -0
  135. package/dist/js/{popover.mjs → popover/index.mjs} +40 -50
  136. package/dist/js/popover/popover.model.d.mts +2 -0
  137. package/dist/js/popover/popover.model.mjs +12 -0
  138. package/dist/js/popover.model-ubKNG612.d.mts +38 -0
  139. package/dist/js/resizable/resizable.embedded.d.mts +2 -2
  140. package/dist/js/resizable/resizable.embedded.mjs +44 -59
  141. package/dist/js/resizable/resizable.model.d.mts +2 -0
  142. package/dist/js/resizable/resizable.model.mjs +21 -0
  143. package/dist/js/resizable/resizable.standalone.d.mts +2 -1
  144. package/dist/js/resizable.embedded-Bf1qBUdt.d.mts +11 -0
  145. package/dist/js/resizable.model-BwzJcTVJ.d.mts +46 -0
  146. package/dist/js/sortable/sortable.embedded.d.mts +2 -2
  147. package/dist/js/sortable/sortable.embedded.mjs +69 -82
  148. package/dist/js/sortable/sortable.model.d.mts +2 -0
  149. package/dist/js/sortable/sortable.model.mjs +24 -0
  150. package/dist/js/sortable/sortable.standalone.d.mts +2 -1
  151. package/dist/js/sortable.embedded-DzBKAwSG.d.mts +11 -0
  152. package/dist/js/{splitter.d.mts → splitter/index.d.mts} +8 -7
  153. package/dist/js/splitter/index.mjs +284 -0
  154. package/dist/js/splitter/splitter.model.d.mts +2 -0
  155. package/dist/js/splitter/splitter.model.mjs +37 -0
  156. package/dist/js/splitter.model-DOLNjLVS.d.mts +57 -0
  157. package/dist/js/{tabs.d.mts → tabs/index.d.mts} +7 -8
  158. package/dist/js/{tabs.mjs → tabs/index.mjs} +58 -58
  159. package/dist/js/tabs/tabs.model.d.mts +2 -0
  160. package/dist/js/tabs/tabs.model.mjs +18 -0
  161. package/dist/js/tabs.model-DRBX_JtI.d.mts +40 -0
  162. package/dist/js/toolbar/index.mjs +27 -0
  163. package/dist/js/toolbar/toolbar.model.d.mts +11 -0
  164. package/dist/js/toolbar/toolbar.model.mjs +7 -0
  165. package/dist/js/tooltip/index.d.mts +19 -0
  166. package/dist/js/{tooltip.mjs → tooltip/index.mjs} +60 -85
  167. package/dist/js/tooltip/tooltip.model.d.mts +2 -0
  168. package/dist/js/tooltip/tooltip.model.mjs +15 -0
  169. package/dist/js/tooltip.model-DRkY_BsL.d.mts +37 -0
  170. package/package.json +43 -37
  171. package/dist/js/color-picker.mjs +0 -924
  172. package/dist/js/combobox/constants.combobox.d.mts +0 -2
  173. package/dist/js/combobox/dom.combobox.d.mts +0 -27
  174. package/dist/js/combobox/event.combobox.d.mts +0 -23
  175. package/dist/js/combobox/misc.combobox.d.mts +0 -2
  176. package/dist/js/combobox/state.combobox.d.mts +0 -12
  177. package/dist/js/combobox/state.combobox.mjs +0 -2
  178. package/dist/js/constants.combobox-DmRAMC64.d.mts +0 -26
  179. package/dist/js/constants.listbox-DRsXUxd3.d.mts +0 -14
  180. package/dist/js/dialog.d.mts +0 -47
  181. package/dist/js/dialog.mjs +0 -131
  182. package/dist/js/draggable-a6w0J1OD.d.mts +0 -154
  183. package/dist/js/floatable.embedded-Bct4U5Dm.d.mts +0 -69
  184. package/dist/js/index-DJdFlTLm.d.mts +0 -177
  185. package/dist/js/internal/draggable.d.mts +0 -2
  186. package/dist/js/internal/navigable.d.mts +0 -37
  187. package/dist/js/internal/navigable.mjs +0 -135
  188. package/dist/js/l10n-Bn-7RcwR.d.mts +0 -20
  189. package/dist/js/l10n.d.mts +0 -2
  190. package/dist/js/menu.mjs +0 -172
  191. package/dist/js/popover.d.mts +0 -38
  192. package/dist/js/resizable.embedded-3qoR0Bjm.d.mts +0 -34
  193. package/dist/js/splitter.mjs +0 -322
  194. package/dist/js/toolbar.mjs +0 -31
  195. package/dist/js/tooltip.d.mts +0 -45
  196. package/src/css/a11y.scss +0 -13
  197. package/src/css/badge.scss +0 -62
  198. package/src/css/button.scss +0 -50
  199. package/src/css/color-picker.scss +0 -344
  200. package/src/css/color.scss +0 -113
  201. package/src/css/combobox.scss +0 -255
  202. package/src/css/content.scss +0 -181
  203. package/src/css/flex.scss +0 -107
  204. package/src/css/floatable.scss +0 -155
  205. package/src/css/form.scss +0 -575
  206. package/src/css/listbox.scss +0 -121
  207. package/src/css/message.scss +0 -74
  208. package/src/css/mixins/badge.mixins.scss +0 -53
  209. package/src/css/mixins/button.mixins.scss +0 -112
  210. package/src/css/mixins/input.mixins.scss +0 -114
  211. package/src/css/mixins/message.mixins.scss +0 -41
  212. package/src/css/mixins/misc.mixins.scss +0 -48
  213. package/src/css/mixins/shadow.mixins.scss +0 -57
  214. package/src/css/reset.scss +0 -392
  215. package/src/css/splitter.scss +0 -89
  216. package/src/css/table.scss +0 -107
  217. package/src/css/tabs.scss +0 -74
  218. package/src/js/color-picker.ts +0 -1653
  219. package/src/js/combobox/constants.combobox.ts +0 -83
  220. package/src/js/combobox/dom.combobox.ts +0 -411
  221. package/src/js/combobox/event.combobox.ts +0 -365
  222. package/src/js/combobox/index.ts +0 -382
  223. package/src/js/combobox/misc.combobox.ts +0 -104
  224. package/src/js/combobox/models.combobox.ts +0 -54
  225. package/src/js/combobox/state.combobox.ts +0 -246
  226. package/src/js/dialog.ts +0 -255
  227. package/src/js/floatable/floatable.embedded.ts +0 -336
  228. package/src/js/floatable/floatable.standalone.ts +0 -6
  229. package/src/js/focus-trap/focus-trap.embedded.ts +0 -411
  230. package/src/js/focus-trap/focus-trap.standalone.ts +0 -1
  231. package/src/js/index.ts +0 -16
  232. package/src/js/internal/attributable.ts +0 -73
  233. package/src/js/internal/draggable.ts +0 -657
  234. package/src/js/internal/listbox/listbox.constants.ts +0 -25
  235. package/src/js/internal/listbox/listbox.data.ts +0 -287
  236. package/src/js/internal/listbox/listbox.dom.ts +0 -446
  237. package/src/js/internal/listbox/listbox.event.ts +0 -129
  238. package/src/js/internal/listbox/listbox.form.ts +0 -125
  239. package/src/js/internal/listbox/listbox.misc.ts +0 -135
  240. package/src/js/internal/listbox/listbox.model.ts +0 -169
  241. package/src/js/internal/listbox/listbox.state.ts +0 -82
  242. package/src/js/internal/misc.ts +0 -27
  243. package/src/js/internal/navigable.ts +0 -317
  244. package/src/js/l10n.ts +0 -192
  245. package/src/js/listbox/constants.listbox.ts +0 -61
  246. package/src/js/listbox/event.listbox.ts +0 -106
  247. package/src/js/listbox/index.ts +0 -364
  248. package/src/js/listbox/misc.listbox.ts +0 -70
  249. package/src/js/listbox/state.listbox.ts +0 -194
  250. package/src/js/menu.ts +0 -348
  251. package/src/js/movable/movable.embedded.ts +0 -318
  252. package/src/js/movable/movable.standalone.ts +0 -2
  253. package/src/js/popover.ts +0 -229
  254. package/src/js/resizable/resizable.embedded.ts +0 -413
  255. package/src/js/resizable/resizable.standalone.ts +0 -5
  256. package/src/js/sortable/sortable.embedded.ts +0 -527
  257. package/src/js/sortable/sortable.standalone.ts +0 -2
  258. package/src/js/splitter.ts +0 -583
  259. package/src/js/tabs.ts +0 -441
  260. package/src/js/toolbar.ts +0 -63
  261. package/src/js/tooltip.ts +0 -367
  262. /package/dist/js/combobox/{models.combobox.mjs → combobox.model.mjs} +0 -0
  263. /package/dist/js/{menu.d.mts → menu/index.d.mts} +0 -0
  264. /package/dist/js/{toolbar.d.mts → toolbar/index.d.mts} +0 -0
@@ -1,2 +0,0 @@
1
- import { a as COMBOBOX_AUTOCOMPLETES, c as COMBOBOX_TAGNAME, d as selectorAnchor, f as selectorContent, i as COMBOBOX_ATTRIBUTE_SELECTION_ITEM, l as messageLabel, m as selectorSelectionItem, n as COMBOBOX_ATTRIBUTE_ANCHOR, o as COMBOBOX_MESSAGES, p as selectorOption, r as COMBOBOX_ATTRIBUTE_SELECTION, s as COMBOBOX_SELECTORS, t as COMBOBOX_ATTRIBUTES, u as messageSelect } from "../constants.combobox-DmRAMC64.mjs";
2
- export { COMBOBOX_ATTRIBUTES, COMBOBOX_ATTRIBUTE_ANCHOR, COMBOBOX_ATTRIBUTE_SELECTION, COMBOBOX_ATTRIBUTE_SELECTION_ITEM, COMBOBOX_AUTOCOMPLETES, COMBOBOX_MESSAGES, COMBOBOX_SELECTORS, COMBOBOX_TAGNAME, messageLabel, messageSelect, selectorAnchor, selectorContent, selectorOption, selectorSelectionItem };
@@ -1,27 +0,0 @@
1
- import { c as OuiListboxPreview } from "../listbox.model-CRReGOmu.mjs";
2
- import { CreateListboxContent, CreateListboxContentParameters } from "../internal/listbox/listbox.dom.mjs";
3
- import { OuiComboboxSelection, OuiComboboxSelectionItem, OuiComboboxState } from "./models.combobox.mjs";
4
- //#region src/js/combobox/dom.combobox.d.ts
5
- type CreateAnchor = {
6
- container?: HTMLElement;
7
- element: HTMLElement;
8
- selection?: OuiComboboxSelection;
9
- };
10
- type CreateSelectionItemsParameters = {
11
- container: HTMLElement;
12
- items: OuiComboboxSelectionItem[];
13
- options: HTMLElement[];
14
- state?: OuiComboboxState;
15
- };
16
- declare function createComboboxAnchor(parameters: CreateListboxContentParameters): CreateAnchor;
17
- declare function createComboboxButton(parameters: CreateListboxContentParameters): CreateAnchor;
18
- declare function createComboboxContent(parameters: CreateListboxContentParameters): CreateListboxContent;
19
- declare function createComboboxSelection(id: string, select: HTMLSelectElement): OuiComboboxSelection;
20
- declare function createComboboxSelectionItem(option: HTMLElement, state?: OuiComboboxState): OuiComboboxSelectionItem;
21
- declare function createComboboxSelectionItems(parameters: CreateSelectionItemsParameters): void;
22
- declare function updateComboboxTabindices(state: OuiComboboxState, active?: HTMLElement): void;
23
- declare function updateComboboxAutocomplete(preview: OuiListboxPreview, state: OuiComboboxState, active?: HTMLElement): void;
24
- declare function updateComboboxSelection(state: OuiComboboxState, active: HTMLElement | undefined, added: boolean, selected?: HTMLElement[]): void;
25
- declare function updateComboboxSelectionItems(state: OuiComboboxState): void;
26
- //#endregion
27
- export { createComboboxAnchor, createComboboxButton, createComboboxContent, createComboboxSelection, createComboboxSelectionItem, createComboboxSelectionItems, updateComboboxAutocomplete, updateComboboxSelection, updateComboboxSelectionItems, updateComboboxTabindices };
@@ -1,23 +0,0 @@
1
- import { c as OuiListboxPreview } from "../listbox.model-CRReGOmu.mjs";
2
- import { OuiComboboxState } from "./models.combobox.mjs";
3
- //#region src/js/combobox/event.combobox.d.ts
4
- declare function onComboboxActivation(state: OuiComboboxState): void;
5
- declare function onComboboxApply(state: OuiComboboxState, option: HTMLElement | undefined, _: string[], added: boolean, selected?: HTMLElement[]): void;
6
- declare function onComboboxClickContent(event: PointerEvent, state: OuiComboboxState): void;
7
- declare function onComboboxEnter(state: OuiComboboxState): void;
8
- declare function onComboboxEscape(state: OuiComboboxState): void;
9
- declare function onComboboxFilter(preview: OuiListboxPreview, state: OuiComboboxState, update: boolean, active?: HTMLElement, emit?: boolean): void;
10
- declare function onComboboxFocusout(event: FocusEvent): void;
11
- declare function onComboboxInput(event: InputEvent): void;
12
- declare function onComboboxKeydown(event: KeyboardEvent): void;
13
- declare function onComboboxKeydownSelection(event: KeyboardEvent, state: OuiComboboxState, item: HTMLElement): void;
14
- declare function onComboboxPreview(preview: OuiListboxPreview, state: OuiComboboxState, active?: HTMLElement): void;
15
- declare function onComboboxRemoveSelection(state: OuiComboboxState, item: HTMLElement): void;
16
- declare function onComboboxNavigation(preview: OuiListboxPreview, state: OuiComboboxState, active?: HTMLElement): void;
17
- declare function onComboboxSelection(state: OuiComboboxState, hasSelection?: boolean): void;
18
- declare function onComboboxTab(state: OuiComboboxState): void;
19
- declare function onComboboxToggle(state: OuiComboboxState): void;
20
- declare function preventComboboxActivation(state: OuiComboboxState): boolean;
21
- declare function skipComboboxNavigation(state: OuiComboboxState): boolean;
22
- //#endregion
23
- export { onComboboxActivation, onComboboxApply, onComboboxClickContent, onComboboxEnter, onComboboxEscape, onComboboxFilter, onComboboxFocusout, onComboboxInput, onComboboxKeydown, onComboboxKeydownSelection, onComboboxNavigation, onComboboxPreview, onComboboxRemoveSelection, onComboboxSelection, onComboboxTab, onComboboxToggle, preventComboboxActivation, skipComboboxNavigation };
@@ -1,2 +0,0 @@
1
- import { a as setComboboxLocalizations, i as hasTextSelection, n as getComboboxAutoComplete, o as updateComboboxLocalizations, r as getComboboxId } from "../index-DJdFlTLm.mjs";
2
- export { getComboboxAutoComplete, getComboboxId, hasTextSelection, setComboboxLocalizations, updateComboboxLocalizations };
@@ -1,12 +0,0 @@
1
- import { t as OuiLocalizations } from "../l10n-Bn-7RcwR.mjs";
2
- import { o as OuiListboxLocalizations, u as OuiListboxStates } from "../listbox.model-CRReGOmu.mjs";
3
- import { OuiComboboxState } from "./models.combobox.mjs";
4
- import { t as OuiComboboxElement } from "../index-DJdFlTLm.mjs";
5
- //#region src/js/combobox/state.combobox.d.ts
6
- declare function createComboboxState(element: OuiComboboxElement, internals: ElementInternals): OuiComboboxState;
7
- declare function onAttachCombobox(state: OuiComboboxState): void;
8
- declare function onDetachCombobox(state: OuiComboboxState): void;
9
- declare const comboboxLocalizations: OuiLocalizations<OuiListboxLocalizations>;
10
- declare const comboboxStates: OuiListboxStates<OuiComboboxState>;
11
- //#endregion
12
- export { comboboxLocalizations, comboboxStates, createComboboxState, onAttachCombobox, onDetachCombobox };
@@ -1,2 +0,0 @@
1
- import { a as onDetachCombobox, i as onAttachCombobox, n as comboboxStates, r as createComboboxState, t as comboboxLocalizations } from "../state.combobox-Qm3FWzYW.mjs";
2
- export { comboboxLocalizations, comboboxStates, createComboboxState, onAttachCombobox, onDetachCombobox };
@@ -1,26 +0,0 @@
1
- import { r as OuiListboxAutoCompleteType, t as OuiListboxAttributes } from "./listbox.model-CRReGOmu.mjs";
2
- //#region src/js/combobox/constants.combobox.d.ts
3
- declare const COMBOBOX_TAGNAME = "oui-combobox";
4
- declare const COMBOBOX_ATTRIBUTE_ANCHOR = "oui-combobox-anchor";
5
- declare const COMBOBOX_ATTRIBUTE_SELECTION = "oui-combobox-selection";
6
- declare const COMBOBOX_ATTRIBUTE_SELECTION_ITEM = "oui-combobox-selection-item";
7
- declare const COMBOBOX_AUTOCOMPLETES: Set<OuiListboxAutoCompleteType>;
8
- declare const messageLabel = "<oui-combobox> must contain a <label> element for the <select> element";
9
- declare const messageSelect = "<oui-combobox> must contain a valid <select> element";
10
- declare const selectorAnchor = "[oui-combobox-anchor]";
11
- declare const selectorContent = "[oui-combobox-content]";
12
- declare const selectorOption = "[oui-combobox-option]";
13
- declare const selectorSelectionItem = "[oui-combobox-selection-item]";
14
- declare const COMBOBOX_ATTRIBUTES: OuiListboxAttributes;
15
- declare const COMBOBOX_MESSAGES: {
16
- label: string;
17
- select: string;
18
- };
19
- declare const COMBOBOX_SELECTORS: {
20
- anchor: string;
21
- content: string;
22
- selectionItem: string;
23
- option: string;
24
- };
25
- //#endregion
26
- export { COMBOBOX_AUTOCOMPLETES as a, COMBOBOX_TAGNAME as c, selectorAnchor as d, selectorContent as f, COMBOBOX_ATTRIBUTE_SELECTION_ITEM as i, messageLabel as l, selectorSelectionItem as m, COMBOBOX_ATTRIBUTE_ANCHOR as n, COMBOBOX_MESSAGES as o, selectorOption as p, COMBOBOX_ATTRIBUTE_SELECTION as r, COMBOBOX_SELECTORS as s, COMBOBOX_ATTRIBUTES as t, messageSelect as u };
@@ -1,14 +0,0 @@
1
- import { t as OuiListboxAttributes } from "./listbox.model-CRReGOmu.mjs";
2
- //#region src/js/listbox/constants.listbox.d.ts
3
- declare const LISTBOX_TAGNAME = "oui-listbox";
4
- declare const LISTBOX_ATTRIBUTES: OuiListboxAttributes;
5
- declare const LISTBOX_MESSAGES: {
6
- label: string;
7
- select: string;
8
- };
9
- declare const LISTBOX_SELECTORS: {
10
- filter: string;
11
- option: string;
12
- };
13
- //#endregion
14
- export { LISTBOX_TAGNAME as i, LISTBOX_MESSAGES as n, LISTBOX_SELECTORS as r, LISTBOX_ATTRIBUTES as t };
@@ -1,47 +0,0 @@
1
- import { h as OuiMovable } from "./draggable-a6w0J1OD.mjs";
2
- import "./movable/movable.standalone.mjs";
3
- import { n as OuiResizable } from "./resizable.embedded-3qoR0Bjm.mjs";
4
- import "./resizable/resizable.standalone.mjs";
5
- import { RemovableEventListener } from "@oscarpalmer/toretto/models";
6
- //#region src/js/dialog.d.ts
7
- declare class OuiDialog {
8
- #private;
9
- /**
10
- * Is the dialog open?
11
- */
12
- get open(): boolean;
13
- /**
14
- * Open or close the dialog
15
- */
16
- set open(value: boolean);
17
- constructor(state: OuiDialogState);
18
- /**
19
- * Closes the dialog by request
20
- */
21
- hide(request: true, value?: string): void;
22
- /**
23
- * Closes the dialog
24
- */
25
- hide(value?: string): void;
26
- /**
27
- * Opens the dialog
28
- */
29
- show(modal?: boolean): void;
30
- }
31
- type OuiDialogState = {
32
- dialog: OuiDialog;
33
- element: HTMLDialogElement;
34
- listeners: RemovableEventListener[];
35
- modal: boolean;
36
- movable?: OuiMovable;
37
- resizable?: OuiResizable;
38
- };
39
- /**
40
- * Get the _OuiDialog_ for an element
41
- *
42
- * @param element Element to get _OuiDialog_ for
43
- * @returns _OuiDialog_ instance
44
- */
45
- declare function getDialog(element: HTMLDialogElement): OuiDialog | undefined;
46
- //#endregion
47
- export { type OuiDialog, getDialog };
@@ -1,131 +0,0 @@
1
- import { getOnBeforeToggleListener } from "./floatable/floatable.embedded.mjs";
2
- import { attributable } from "./internal/attributable.mjs";
3
- import { ATTRIBUTE_MOVABLE_HANDLE, createMovable } from "./movable/movable.embedded.mjs";
4
- import "./movable/movable.standalone.mjs";
5
- import { RESIZABLE_ATTRIBUTE_HANDLE, createResizable } from "./resizable/resizable.embedded.mjs";
6
- import { getAria, setAria } from "@oscarpalmer/toretto/aria";
7
- import { getAttribute, setAttribute } from "@oscarpalmer/toretto/attribute";
8
- import { on } from "@oscarpalmer/toretto/event";
9
- import { setStyles } from "@oscarpalmer/toretto/style";
10
- //#region src/js/dialog.ts
11
- var OuiDialog = class {
12
- #state;
13
- /**
14
- * Is the dialog open?
15
- */
16
- get open() {
17
- return this.#state.element.open;
18
- }
19
- /**
20
- * Open or close the dialog
21
- */
22
- set open(value) {
23
- if (value === true) this.show();
24
- else if (value === false) this.hide();
25
- }
26
- constructor(state) {
27
- this.#state = state;
28
- }
29
- hide(first, second) {
30
- if (!this.#state.element.open) return;
31
- if (first === true) this.#state.element.requestClose(typeof second === "string" ? second : void 0);
32
- else this.#state.element.close(typeof first === "string" ? first : void 0);
33
- }
34
- /**
35
- * Opens the dialog
36
- */
37
- show(modal) {
38
- const { element } = this.#state;
39
- if (element == null || element.open) return;
40
- const isModal = modal !== false;
41
- setAria(element, "modal", isModal);
42
- if (isModal) element.showModal();
43
- else element.show();
44
- }
45
- };
46
- function addDialog(element) {
47
- if (!(element instanceof HTMLDialogElement)) throw new TypeError(MESSAGE);
48
- if (!states.has(element)) states.set(element, getState(element));
49
- }
50
- function destroyDialog(state) {
51
- state.element.close();
52
- setAria(state.element, "modal", state.modal);
53
- state.element.removeAttribute(ATTRIBUTE_OPEN);
54
- for (const listener of state.listeners) listener();
55
- state.movable?.destroy();
56
- state.resizable?.destroy();
57
- state.dialog = void 0;
58
- state.element = void 0;
59
- state.listeners = void 0;
60
- state.movable = void 0;
61
- state.resizable = void 0;
62
- }
63
- /**
64
- * Get the _OuiDialog_ for an element
65
- *
66
- * @param element Element to get _OuiDialog_ for
67
- * @returns _OuiDialog_ instance
68
- */
69
- function getDialog(element) {
70
- return states.get(element)?.dialog;
71
- }
72
- function getMovable(element) {
73
- const handles = element.querySelectorAll(SELECTOR_MOVER);
74
- if (handles.length === 0) return;
75
- for (const handle of handles) setAttribute(handle, ATTRIBUTE_MOVABLE_HANDLE, "");
76
- return createMovable(element, { container: getAttribute(element, ATTRIBUTE_CONTAINER) });
77
- }
78
- function getResizable(element) {
79
- const handle = element.querySelector(SELECTOR_RESIZER);
80
- if (handle == null) return;
81
- setAttribute(handle, RESIZABLE_ATTRIBUTE_HANDLE, "");
82
- return createResizable(element);
83
- }
84
- function getState(element) {
85
- const state = {
86
- element,
87
- dialog: void 0,
88
- listeners: [getOnBeforeToggleListener(element), on(element, "toggle", (event) => {
89
- const { source } = event;
90
- if (element.open) {
91
- const modal = source instanceof HTMLButtonElement && source.command === "show-modal" || element.matches(":modal");
92
- setAria(element, "modal", modal);
93
- setAttribute(element, ATTRIBUTE_OPEN, "");
94
- element.focus();
95
- setTimeout(() => {
96
- state.resizable?.set();
97
- }, 500);
98
- } else {
99
- setAttribute(element, ATTRIBUTE_OPEN);
100
- setAria(element, "modal", state.modal);
101
- setStyles(element, {
102
- inset: "",
103
- position: "",
104
- transform: ""
105
- });
106
- state.resizable?.reset();
107
- }
108
- })],
109
- modal: getAria(element, "modal") === true || element.matches(":modal")
110
- };
111
- state.dialog = new OuiDialog(state);
112
- state.movable = getMovable(element);
113
- state.resizable = getResizable(element);
114
- return state;
115
- }
116
- function removeDialog(element) {
117
- const state = states.get(element);
118
- if (state == null) return;
119
- destroyDialog(state);
120
- states.delete(element);
121
- }
122
- const ATTRIBUTE = "oui-dialog";
123
- const ATTRIBUTE_CONTAINER = `${ATTRIBUTE}-container`;
124
- const ATTRIBUTE_OPEN = `${ATTRIBUTE}-open`;
125
- const MESSAGE = "The element must be an instance of HTMLDialogElement";
126
- const SELECTOR_MOVER = `[${ATTRIBUTE}-mover]`;
127
- const SELECTOR_RESIZER = `[${ATTRIBUTE}-resizer]`;
128
- const states = /* @__PURE__ */ new WeakMap();
129
- attributable(ATTRIBUTE, addDialog, removeDialog);
130
- //#endregion
131
- export { getDialog };
@@ -1,154 +0,0 @@
1
- import { StyleToggler } from "@oscarpalmer/toretto/style";
2
- import { EventPosition, PlainObject } from "@oscarpalmer/atoms/models";
3
- //#region src/js/movable/movable.embedded.d.ts
4
- declare class OuiMovable extends OuiDraggable<OuiMovableState> {
5
- #private;
6
- constructor(element: HTMLElement, options?: CreateOuiDraggableOptions);
7
- /**
8
- * Destroys the _Movable_
9
- */
10
- destroy(): void;
11
- }
12
- type OuiMovableState = {
13
- hasHandles?: boolean;
14
- moved: boolean;
15
- offset?: Partial<EventPosition>;
16
- style: OuiMovableStyle;
17
- };
18
- type OuiMovableStyle = {
19
- inset: string | undefined;
20
- position: string | undefined;
21
- };
22
- /**
23
- * Creates _(or retrieves)_ a _OuiMovable_ instance for an element
24
- *
25
- * @param element Element to make movable
26
- * @returns _OuiMovable_ instance
27
- */
28
- declare function createMovable(element: HTMLElement, options?: CreateOuiDraggableOptions): OuiMovable;
29
- declare const ATTRIBUTE_MOVABLE = "oui-movable";
30
- declare const ATTRIBUTE_MOVABLE_HANDLE = "oui-movable-handle";
31
- //#endregion
32
- //#region src/js/sortable/sortable.embedded.d.ts
33
- declare class OuiSortable extends OuiDraggable<OuiSortableState> {
34
- constructor(element: HTMLElement, options?: CreateOuiDraggableOptions);
35
- }
36
- type OuiSortableState = {
37
- connections: string | null | undefined;
38
- origin?: HTMLElement;
39
- };
40
- /**
41
- * Creates _(or retrieves)_ a _OuiSortable_ instance for an element
42
- *
43
- * @param element Element to make sortable
44
- * @returns _OuiSortable_ instance
45
- */
46
- declare function createSortable(element: HTMLElement, options?: CreateOuiDraggableOptions): OuiSortable;
47
- //#endregion
48
- //#region src/js/internal/draggable.d.ts
49
- type CreateOuiDraggableOptions = {
50
- /**
51
- * Container to hold the draggable element and restrict its movement within. Can be `body`, `document`, `window`, a _CSS_ selector, or an element. _(If not provided, the draggable element will not have any constraints)_
52
- */
53
- container?: string | HTMLElement;
54
- /**
55
- * Direction in which the element can be dragged. _(If not provided, the element can be dragged in any direction)_
56
- */
57
- direction?: OuiDraggableDirection;
58
- };
59
- type OuiDraggableDirection = 'horizontal' | 'vertical' | 'x' | 'y';
60
- declare abstract class OuiDraggable<ExtraState extends PlainObject = PlainObject> {
61
- #private;
62
- get element(): HTMLElement;
63
- constructor(name: keyof OuiDraggableStates, event: string, attribute: string, element: HTMLElement, options: OuiDraggableOptions<ExtraState>, extras: ExtraState);
64
- destroy(): void;
65
- }
66
- type OuiDragBegin<State extends PlainObject = PlainObject> = (event: MouseEvent | TouchEvent, globals: OuiDraggableGlobals, item: OuiDraggableItem<State>, element: HTMLElement, handle: HTMLElement, position: EventPosition) => void;
67
- type OuiDragCancel<State extends PlainObject = PlainObject> = (globals: OuiDraggableGlobals, item: OuiDraggableItem<State>) => void;
68
- type OuiDragEnd<State extends PlainObject = PlainObject> = (event: MouseEvent | TouchEvent, globals: OuiDraggableGlobals, item: OuiDraggableItem<State>, reset: () => void) => void;
69
- type OuiDragMove<State extends PlainObject = PlainObject> = (event: MouseEvent | TouchEvent, globals: OuiDraggableGlobals, item: OuiDraggableItem<State>, position: OuiDragMovePosition) => PlainObject | undefined;
70
- type OuiDragMovePosition = {
71
- calculated: EventPosition;
72
- original: EventPosition;
73
- };
74
- type OuiDraggableBound<Property extends keyof OuiDraggableInstances = keyof OuiDraggableInstances, Instance extends OuiDraggableInstances[Property] = OuiDraggableInstances[Property]> = {
75
- constructor: new (element: HTMLElement, options?: CreateOuiDraggableOptions) => Instance;
76
- property: Property;
77
- };
78
- type OuiDraggableGlobals = {
79
- container?: DOMRect;
80
- element?: OuiDraggableGlobalsElement;
81
- instances: WeakMap<HTMLElement, OuiDraggableInstances>;
82
- offset?: EventPosition;
83
- original?: EventPosition;
84
- states: WeakMap<HTMLElement, OuiDraggableStates>;
85
- };
86
- type OuiDraggableGlobalsElement = {
87
- node: HTMLElement;
88
- rectangle: DOMRect;
89
- };
90
- type OuiDraggableInstances = {
91
- movable?: OuiMovable;
92
- sortable?: OuiSortable;
93
- };
94
- type OuiDraggableItem<ExtraState extends PlainObject = PlainObject> = {
95
- instance: OuiDraggable<ExtraState>;
96
- state: OuiDraggableState & ExtraState;
97
- };
98
- type OuiDraggableOptions<ExtraState extends PlainObject = PlainObject> = {
99
- container: OuiDraggableOptionsContainer<ExtraState>;
100
- direction: OuiDraggableOptionsDirection<ExtraState>;
101
- drag: OuiDraggableOptionsDrag<ExtraState>;
102
- input?: CreateOuiDraggableOptions;
103
- position: OuiDraggableOptionsPosition<ExtraState>;
104
- getDragged(): HTMLElement;
105
- getOrigin(): HTMLElement | undefined;
106
- };
107
- type OuiDraggableOptionsContainer<ExtraState extends PlainObject = PlainObject> = {
108
- attribute: string;
109
- map: Map<HTMLElement, Set<OuiDraggable>>;
110
- onDestroy?: OuiDraggableOptionsContainerOnDestroy<ExtraState>;
111
- onInitialize?: OuiDraggableOptionsContainerOnInitialize;
112
- };
113
- type OuiDraggableOptionsContainerOnDestroy<ExtraState extends PlainObject = PlainObject> = (item: OuiDraggableItem<ExtraState>, container: HTMLElement, empty: boolean) => void;
114
- type OuiDraggableOptionsContainerOnInitialize<ExtraState extends PlainObject = PlainObject> = (item: OuiDraggableItem<ExtraState>) => void;
115
- type OuiDraggableOptionsDirection<ExtraState extends PlainObject = PlainObject> = {
116
- attribute: string;
117
- onAfter?: OuiDraggableOptionsDirectionOnAfter<ExtraState>;
118
- };
119
- type OuiDraggableOptionsDirectionOnAfter<ExtraState extends PlainObject = PlainObject> = (item: OuiDraggableItem<ExtraState>) => void;
120
- type OuiDraggableOptionsDrag<ExtraState extends PlainObject = PlainObject> = {
121
- onBegin: OuiDragBegin<ExtraState>;
122
- onCancel: OuiDragCancel<ExtraState>;
123
- onEnd: OuiDragEnd<ExtraState>;
124
- onMove: OuiDragMove<ExtraState>;
125
- };
126
- type OuiDraggableOptionsPosition<ExtraState extends PlainObject = PlainObject> = {
127
- getOffset: OuiDraggableOptionsPositionGetOffset<ExtraState>;
128
- getOriginal: OuiDraggableOptionsPositionGetOriginal<ExtraState>;
129
- };
130
- type OuiDraggableOptionsPositionGetOffset<ExtraState extends PlainObject = PlainObject> = (globals: OuiDraggableGlobals, item: OuiDraggableItem<ExtraState>, element: HTMLElement, position: EventPosition) => EventPosition;
131
- type OuiDraggableOptionsPositionGetOriginal<ExtraState extends PlainObject = PlainObject> = (globals: OuiDraggableGlobals, item: OuiDraggableItem<ExtraState>, position: EventPosition) => EventPosition;
132
- type OuiDraggableState = {
133
- attribute: string;
134
- container?: HTMLElement;
135
- element: HTMLElement;
136
- hasHandles?: boolean;
137
- horizontal: boolean;
138
- name: keyof OuiDraggableStates;
139
- options: OuiDraggableOptions;
140
- styling: StyleToggler;
141
- vertical: boolean;
142
- };
143
- type OuiDraggableStates = {
144
- movable?: OuiDraggableState;
145
- sortable?: OuiDraggableState;
146
- };
147
- declare function addDraggable<Property extends keyof OuiDraggableInstances, Instance extends OuiDraggableInstances[Property]>(this: OuiDraggableBound<Property, Instance>, element: HTMLElement, options?: CreateOuiDraggableOptions): Instance;
148
- declare function getDraggableStates(element: HTMLElement): OuiDraggableStates | undefined;
149
- declare function removeDraggable<Property extends keyof OuiDraggableInstances, Instance extends OuiDraggableInstances[Property]>(this: {
150
- constructor: new (element: HTMLElement) => Instance;
151
- property: Property;
152
- }, element: HTMLElement): void;
153
- //#endregion
154
- export { OuiDraggableGlobals as a, addDraggable as c, OuiSortable as d, createSortable as f, createMovable as g, OuiMovable as h, OuiDraggableBound as i, getDraggableStates as l, ATTRIBUTE_MOVABLE_HANDLE as m, OuiDragMovePosition as n, OuiDraggableItem as o, ATTRIBUTE_MOVABLE as p, OuiDraggable as r, OuiDraggableState as s, CreateOuiDraggableOptions as t, removeDraggable as u };
@@ -1,69 +0,0 @@
1
- import { RemovableEventListener } from "@oscarpalmer/toretto/models";
2
- //#region src/js/floatable/floatable.embedded.d.ts
3
- type CreateOuiFloatableOptions = {
4
- /**
5
- * Open the floatable when created? _(defaults to `true`)_
6
- */
7
- open?: boolean;
8
- /**
9
- * Position of the floatable _(defaults to `below`)_
10
- */
11
- position?: OuiFloatablePosition;
12
- };
13
- declare class OuiFloatable {
14
- #private;
15
- /**
16
- * Is the floatable open?
17
- */
18
- get open(): boolean;
19
- /**
20
- * Open or close the floatable
21
- */
22
- set open(value: boolean);
23
- constructor(state: OuiFloatableState, standalone: boolean);
24
- /**
25
- * Destroy the floatable, removing it from the DOM and cleaning up references
26
- */
27
- destroy(): void;
28
- /**
29
- * Closes the floatable
30
- */
31
- hide(): void;
32
- /**
33
- * Opens the floatable
34
- */
35
- show(): void;
36
- /**
37
- * Update the position of the floatable, with an optional new position
38
- *
39
- * @param position Optional new position
40
- */
41
- update(position?: OuiFloatablePosition): void;
42
- }
43
- type OuiFloatableOptions = {
44
- attribute?: string;
45
- position: OuiFloatablePosition;
46
- reusable: boolean;
47
- };
48
- type OuiFloatablePosition = 'above' | 'above-end' | 'above-start' | 'below' | 'below-end' | 'below-start' | 'end' | 'end-bottom' | 'end-top' | 'start' | 'start-bottom' | 'start-top';
49
- type OuiFloatableState = {
50
- anchor: HTMLElement;
51
- content: HTMLElement;
52
- name: string;
53
- options: OuiFloatableOptions;
54
- };
55
- declare function createEmbeddedFloatable(anchor: HTMLElement, content: HTMLElement, options: OuiFloatableOptions): OuiFloatable;
56
- /**
57
- * Create a _OuiFloatable_ for an anchor and content element
58
- *
59
- * @param anchor Anchor element
60
- * @param content Content element
61
- * @param options _OuiFloatable_ options
62
- * @returns _OuiFloatable_ instance
63
- */
64
- declare function createFloatable(anchor: HTMLElement, content: HTMLElement, options?: CreateOuiFloatableOptions): OuiFloatable;
65
- declare function getOnBeforeToggleListener(element: HTMLElement): RemovableEventListener;
66
- declare function removeFloatable(content: HTMLElement): void;
67
- declare const ATTRIBUTE_FLOATABLE = "oui-floatable";
68
- //#endregion
69
- export { OuiFloatablePosition as a, getOnBeforeToggleListener as c, OuiFloatableOptions as i, removeFloatable as l, CreateOuiFloatableOptions as n, createEmbeddedFloatable as o, OuiFloatable as r, createFloatable as s, ATTRIBUTE_FLOATABLE as t };