@oscarpalmer/oui 0.40.0 → 0.41.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 (165) hide show
  1. package/dist/css/color-picker.css +80 -69
  2. package/dist/css/listbox.css +169 -0
  3. package/dist/js/color-picker/color-picker.constants.d.mts +2 -2
  4. package/dist/js/color-picker/color-picker.constants.mjs +5 -3
  5. package/dist/js/color-picker/color-picker.dom.d.mts +1 -1
  6. package/dist/js/color-picker/color-picker.dom.mjs +31 -14
  7. package/dist/js/color-picker/color-picker.event.d.mts +2 -2
  8. package/dist/js/color-picker/color-picker.event.mjs +232 -1
  9. package/dist/js/color-picker/color-picker.form.d.mts +1 -1
  10. package/dist/js/color-picker/color-picker.form.mjs +1 -3
  11. package/dist/js/color-picker/color-picker.misc.d.mts +2 -2
  12. package/dist/js/color-picker/color-picker.misc.mjs +104 -2
  13. package/dist/js/color-picker/color-picker.model.d.mts +2 -2
  14. package/dist/js/color-picker/color-picker.output.d.mts +1 -1
  15. package/dist/js/color-picker/color-picker.output.mjs +7 -8
  16. package/dist/js/color-picker/color-picker.state.d.mts +1 -1
  17. package/dist/js/color-picker/color-picker.state.mjs +167 -1
  18. package/dist/js/color-picker/index.d.mts +7 -15
  19. package/dist/js/color-picker/index.mjs +11 -6
  20. package/dist/js/{color-picker.constants-D1mxw_Le.d.mts → color-picker.constants-BZgXQr5o.d.mts} +6 -8
  21. package/dist/js/{color-picker.misc-CtsXGrOe.d.mts → color-picker.misc-BIS3R6jk.d.mts} +8 -4
  22. package/dist/js/combobox/combobox.constants.d.mts +1 -1
  23. package/dist/js/combobox/combobox.dom.d.mts +12 -13
  24. package/dist/js/combobox/combobox.dom.mjs +15 -17
  25. package/dist/js/combobox/combobox.event.d.mts +8 -8
  26. package/dist/js/combobox/combobox.event.mjs +1 -1
  27. package/dist/js/combobox/combobox.misc.d.mts +2 -2
  28. package/dist/js/combobox/combobox.misc.mjs +2 -2
  29. package/dist/js/combobox/combobox.model.d.mts +2 -2
  30. package/dist/js/combobox/combobox.state.d.mts +3 -4
  31. package/dist/js/combobox/combobox.state.mjs +1 -1
  32. package/dist/js/combobox/index.d.mts +8 -19
  33. package/dist/js/combobox/index.mjs +21 -23
  34. package/dist/js/{combobox.constants-DZVkMP5g.d.mts → combobox.constants-Hb3bqqQJ.d.mts} +3 -3
  35. package/dist/js/combobox.misc-DRDFk6X8.d.mts +26 -0
  36. package/dist/js/combobox.model-gjEI2VqZ.d.mts +46 -0
  37. package/dist/js/{combobox.state-BfJ3Hxg8.mjs → combobox.state-AstCICiH.mjs} +30 -41
  38. package/dist/js/dialog/dialog.model.d.mts +1 -1
  39. package/dist/js/dialog/index.d.mts +1 -1
  40. package/dist/js/{dialog.model-DX2mndMh.d.mts → dialog.model-HVzYWoDo.d.mts} +3 -3
  41. package/dist/js/floatable/floatable.embedded.d.mts +1 -1
  42. package/dist/js/floatable/floatable.embedded.mjs +2 -2
  43. package/dist/js/floatable/floatable.standalone.d.mts +1 -1
  44. package/dist/js/{floatable.embedded-MeTyXjFn.d.mts → floatable.embedded-ncshL3Sa.d.mts} +3 -3
  45. package/dist/js/focus-trap/focus-trap.embedded.d.mts +1 -1
  46. package/dist/js/focus-trap/focus-trap.embedded.mjs +10 -9
  47. package/dist/js/focus-trap/focus-trap.model.d.mts +1 -1
  48. package/dist/js/focus-trap/focus-trap.standalone.d.mts +2 -2
  49. package/dist/js/{focus-trap.embedded-DIU05m1z.d.mts → focus-trap.embedded-DpcPkP7c.d.mts} +3 -3
  50. package/dist/js/{focus-trap.model-BeX6UYlw.d.mts → focus-trap.model-CpltX5B5.d.mts} +1 -1
  51. package/dist/js/index.d.mts +16 -16
  52. package/dist/js/index.mjs +3 -3
  53. package/dist/js/internal/attributable.d.mts +1 -1
  54. package/dist/js/internal/draggable/draggable.model.d.mts +1 -1
  55. package/dist/js/internal/draggable/index.d.mts +8 -8
  56. package/dist/js/internal/draggable/index.mjs +27 -18
  57. package/dist/js/internal/l10n/index.d.mts +5 -0
  58. package/dist/js/internal/l10n/index.mjs +147 -0
  59. package/dist/js/internal/l10n/l10n.model.d.mts +2 -0
  60. package/dist/js/{l10n → internal/l10n}/l10n.model.mjs +5 -2
  61. package/dist/js/internal/misc.d.mts +2 -2
  62. package/dist/js/internal/navigable/index.d.mts +3 -3
  63. package/dist/js/internal/navigable/index.mjs +1 -1
  64. package/dist/js/internal/navigable/navigable.model.d.mts +1 -1
  65. package/dist/js/internal/option-list/option-list.constants.d.mts +8 -0
  66. package/dist/js/internal/option-list/option-list.constants.mjs +22 -0
  67. package/dist/js/internal/option-list/option-list.data.d.mts +21 -0
  68. package/dist/js/internal/option-list/option-list.data.mjs +2 -0
  69. package/dist/js/internal/option-list/option-list.dom.d.mts +18 -0
  70. package/dist/js/internal/option-list/option-list.dom.mjs +2 -0
  71. package/dist/js/internal/option-list/option-list.event.d.mts +6 -0
  72. package/dist/js/internal/{listbox/listbox.event.mjs → option-list/option-list.event.mjs} +7 -7
  73. package/dist/js/internal/option-list/option-list.form.d.mts +7 -0
  74. package/dist/js/internal/{listbox/listbox.form.mjs → option-list/option-list.form.mjs} +10 -13
  75. package/dist/js/internal/option-list/option-list.misc.d.mts +13 -0
  76. package/dist/js/internal/option-list/option-list.misc.mjs +2 -0
  77. package/dist/js/internal/option-list/option-list.model.d.mts +2 -0
  78. package/dist/js/internal/option-list/option-list.state.d.mts +8 -0
  79. package/dist/js/internal/option-list/option-list.state.mjs +39 -0
  80. package/dist/js/l10n/index.d.mts +3 -9
  81. package/dist/js/l10n/index.mjs +2 -107
  82. package/dist/js/l10n.model-D1E1u35L.d.mts +54 -0
  83. package/dist/js/listbox/index.d.mts +6 -17
  84. package/dist/js/listbox/index.mjs +22 -23
  85. package/dist/js/listbox/{constants.listbox.d.mts → listbox.constants.d.mts} +1 -1
  86. package/dist/js/listbox/{constants.listbox.mjs → listbox.constants.mjs} +1 -1
  87. package/dist/js/listbox/listbox.dom.d.mts +5 -0
  88. package/dist/js/listbox/listbox.dom.mjs +2 -0
  89. package/dist/js/listbox/listbox.event.d.mts +9 -0
  90. package/dist/js/listbox/listbox.event.mjs +2 -0
  91. package/dist/js/listbox/listbox.misc.d.mts +2 -0
  92. package/dist/js/listbox/listbox.misc.mjs +2 -0
  93. package/dist/js/listbox/listbox.model.d.mts +2 -0
  94. package/dist/js/listbox/listbox.model.mjs +1 -0
  95. package/dist/js/listbox/listbox.state.d.mts +9 -0
  96. package/dist/js/listbox/listbox.state.mjs +2 -0
  97. package/dist/js/{constants.listbox-C5Ap6Ag_.d.mts → listbox.constants-DOBMwKup.d.mts} +3 -3
  98. package/dist/js/listbox.misc-DwfB4Mu_.d.mts +24 -0
  99. package/dist/js/listbox.model-C0MYWXZe.d.mts +20 -0
  100. package/dist/js/listbox.state-BrN296BM.mjs +240 -0
  101. package/dist/js/menu/index.mjs +7 -3
  102. package/dist/js/menu/menu.model.d.mts +7 -7
  103. package/dist/js/movable/movable.embedded.d.mts +1 -1
  104. package/dist/js/movable/movable.embedded.mjs +21 -18
  105. package/dist/js/movable/movable.model.d.mts +1 -1
  106. package/dist/js/movable/movable.standalone.d.mts +2 -2
  107. package/dist/js/{movable.embedded-DoyXLegc.d.mts → movable.embedded-C1bDTLGs.d.mts} +2 -2
  108. package/dist/js/{movable.model-BHaK_mKw.d.mts → movable.model-D9nnPWKk.d.mts} +41 -41
  109. package/dist/js/{navigable.model-BPOM8DZk.d.mts → navigable.model-BqoR6iBv.d.mts} +1 -1
  110. package/dist/js/{listbox.data-BQyZGKgr.mjs → option-list.data-CgMyUwPc.mjs} +70 -71
  111. package/dist/js/option-list.model-CCPUlPeX.d.mts +169 -0
  112. package/dist/js/popover/index.d.mts +2 -2
  113. package/dist/js/popover/index.mjs +1 -1
  114. package/dist/js/popover/popover.model.d.mts +1 -1
  115. package/dist/js/{popover.model-ubKNG612.d.mts → popover.model-DiLdz0Hc.d.mts} +4 -4
  116. package/dist/js/resizable/resizable.embedded.d.mts +1 -1
  117. package/dist/js/resizable/resizable.model.d.mts +1 -1
  118. package/dist/js/resizable/resizable.standalone.d.mts +2 -2
  119. package/dist/js/{resizable.embedded-Bf1qBUdt.d.mts → resizable.embedded-BemH-7Re.d.mts} +2 -2
  120. package/dist/js/{resizable.model-BwzJcTVJ.d.mts → resizable.model-YEtcC9li.d.mts} +3 -3
  121. package/dist/js/sortable/sortable.embedded.d.mts +1 -1
  122. package/dist/js/sortable/sortable.embedded.mjs +46 -38
  123. package/dist/js/sortable/sortable.model.d.mts +1 -1
  124. package/dist/js/sortable/sortable.standalone.d.mts +2 -2
  125. package/dist/js/{sortable.embedded-DzBKAwSG.d.mts → sortable.embedded-CrEGff9k.d.mts} +2 -2
  126. package/dist/js/splitter/index.d.mts +1 -1
  127. package/dist/js/splitter/splitter.model.d.mts +1 -1
  128. package/dist/js/{splitter.model-DOLNjLVS.d.mts → splitter.model-C24W6eZ7.d.mts} +2 -2
  129. package/dist/js/tabs/index.d.mts +2 -2
  130. package/dist/js/tabs/index.mjs +1 -1
  131. package/dist/js/tabs/tabs.model.d.mts +1 -1
  132. package/dist/js/{tabs.model-DRBX_JtI.d.mts → tabs.model-BHPy7fPo.d.mts} +1 -1
  133. package/dist/js/toolbar/toolbar.model.d.mts +2 -2
  134. package/dist/js/tooltip/index.d.mts +2 -2
  135. package/dist/js/tooltip/tooltip.model.d.mts +1 -1
  136. package/dist/js/{tooltip.model-DRkY_BsL.d.mts → tooltip.model-BpNStw5z.d.mts} +3 -3
  137. package/package.json +1 -1
  138. package/dist/js/color-picker.event-Cksj5TvS.mjs +0 -500
  139. package/dist/js/combobox.misc-C1tPZZDi.d.mts +0 -22
  140. package/dist/js/combobox.model-oDV06XCN.d.mts +0 -44
  141. package/dist/js/internal/listbox/listbox.constants.d.mts +0 -8
  142. package/dist/js/internal/listbox/listbox.constants.mjs +0 -22
  143. package/dist/js/internal/listbox/listbox.data.d.mts +0 -19
  144. package/dist/js/internal/listbox/listbox.data.mjs +0 -2
  145. package/dist/js/internal/listbox/listbox.dom.d.mts +0 -65
  146. package/dist/js/internal/listbox/listbox.dom.mjs +0 -2
  147. package/dist/js/internal/listbox/listbox.event.d.mts +0 -4
  148. package/dist/js/internal/listbox/listbox.form.d.mts +0 -5
  149. package/dist/js/internal/listbox/listbox.misc.d.mts +0 -11
  150. package/dist/js/internal/listbox/listbox.misc.mjs +0 -2
  151. package/dist/js/internal/listbox/listbox.model.d.mts +0 -2
  152. package/dist/js/internal/listbox/listbox.state.d.mts +0 -6
  153. package/dist/js/internal/listbox/listbox.state.mjs +0 -39
  154. package/dist/js/l10n/l10n.model.d.mts +0 -2
  155. package/dist/js/l10n.model-D6a9frgl.d.mts +0 -26
  156. package/dist/js/listbox/event.listbox.d.mts +0 -7
  157. package/dist/js/listbox/event.listbox.mjs +0 -48
  158. package/dist/js/listbox/misc.listbox.d.mts +0 -2
  159. package/dist/js/listbox/misc.listbox.mjs +0 -2
  160. package/dist/js/listbox/state.listbox.d.mts +0 -9
  161. package/dist/js/listbox/state.listbox.mjs +0 -2
  162. package/dist/js/listbox.model-CuBOj4qe.d.mts +0 -129
  163. package/dist/js/misc.listbox-CjfBUbHD.mjs +0 -154
  164. package/dist/js/misc.listbox-CtoGvXQo.d.mts +0 -20
  165. /package/dist/js/internal/{listbox/listbox.model.mjs → option-list/option-list.model.mjs} +0 -0
@@ -1,2 +1,2 @@
1
- import { t as createSortable } from "../sortable.embedded-DzBKAwSG.mjs";
1
+ import { t as createSortable } from "../sortable.embedded-CrEGff9k.mjs";
2
2
  export { createSortable };
@@ -1,5 +1,5 @@
1
1
  import { attributable } from "../internal/attributable.mjs";
2
- import { DRAGGABLE_SYMBOL } from "../internal/draggable/draggable.model.mjs";
2
+ import { DRAGGABLE_SYMBOL, draggableGlobals } from "../internal/draggable/draggable.model.mjs";
3
3
  import { addDraggable, destroyDraggable, getDraggableElement, getDraggableStates, initializeDraggable, removeDraggable } from "../internal/draggable/index.mjs";
4
4
  import { SORTABLE_ATTRIBUTE, SORTABLE_ATTRIBUTE_ACTIVE, SORTABLE_ATTRIBUTE_CONNECTIONS, SORTABLE_ATTRIBUTE_CONTAINER, SORTABLE_ATTRIBUTE_DIRECTION, SORTABLE_ATTRIBUTE_HORIZONTAL, SORTABLE_ATTRIBUTE_ORIGIN, SORTABLE_ATTRIBUTE_PLACEHOLDER_DRAG, SORTABLE_ATTRIBUTE_PLACEHOLDER_POSITION, SORTABLE_ATTRIBUTE_VERTICAL, SORTABLE_CONTAINERS, SORTABLE_MESSAGE, SORTABLE_SELECTOR_ITEM, sortablePlaceholder } from "./sortable.model.mjs";
5
5
  import { getAttribute, setAttribute, setAttributes } from "@oscarpalmer/toretto/attribute";
@@ -28,7 +28,7 @@ function OuiSortable(element, options) {
28
28
  getOriginal: getOriginalPosition
29
29
  },
30
30
  getDragged: getDragPlaceholder,
31
- getOrigin: () => (getDraggableStates(element)?.sortable)?.origin
31
+ getOrigin: () => getState(element)?.origin
32
32
  }, { connections: getAttribute(element, SORTABLE_ATTRIBUTE_CONNECTIONS) });
33
33
  }
34
34
  OuiSortable.prototype.destroy = destroySortable;
@@ -70,14 +70,17 @@ function getDragPlaceholder() {
70
70
  sortablePlaceholder.drag.default ??= createElement("div");
71
71
  return sortablePlaceholder.drag.custom ?? sortablePlaceholder.drag.default;
72
72
  }
73
- function getOffsetPosition(_, item, element, position) {
73
+ function getInstance(element) {
74
+ return element == null ? void 0 : draggableGlobals.instances.get(element)?.sortable;
75
+ }
76
+ function getOffsetPosition(item, element, position) {
74
77
  const rectangle = element.getBoundingClientRect();
75
78
  return {
76
79
  x: item.state.horizontal ? 0 : position.x - rectangle.left,
77
80
  y: item.state.vertical ? 0 : position.y - rectangle.top
78
81
  };
79
82
  }
80
- function getOriginalPosition(_, __, position) {
83
+ function getOriginalPosition(__, position) {
81
84
  return position;
82
85
  }
83
86
  function getPositionPlaceholder(item) {
@@ -86,51 +89,55 @@ function getPositionPlaceholder(item) {
86
89
  if (item.state.origin != null) setStyle(sortablePlaceholder.position, "--placeholder-height", `${item.state.origin.getBoundingClientRect().height}px`);
87
90
  return sortablePlaceholder.position;
88
91
  }
89
- function onBegin(_, globals, item, element) {
92
+ function getState(element) {
93
+ return element == null ? void 0 : draggableGlobals.states.get(element)?.sortable;
94
+ }
95
+ function onBegin(_, item, element) {
90
96
  item.state.origin = element;
91
- setPlaceholder(globals, item, element);
97
+ setPlaceholder(item, element);
92
98
  setAttribute(element, SORTABLE_ATTRIBUTE_ORIGIN, "");
93
99
  setAttribute(document.body, SORTABLE_ATTRIBUTE_ACTIVE, "");
94
100
  }
95
- function onCancel(_, item) {
101
+ function onCancel(item) {
96
102
  item.state.origin?.removeAttribute(SORTABLE_ATTRIBUTE_ORIGIN);
97
103
  document.body.removeAttribute(SORTABLE_ATTRIBUTE_ACTIVE);
98
104
  resetPlaceholders();
99
105
  item.state.origin = void 0;
100
106
  }
101
- function onEnd(event, globals, item, reset) {
107
+ function onEnd(event, item, reset) {
108
+ const { original } = draggableGlobals;
102
109
  const { origin } = item.state;
103
110
  const position = getEventPosition(event) ?? {
104
111
  x: 0,
105
112
  y: 0
106
113
  };
107
- const target = getElementFromPosition(position)[0];
114
+ const [target] = getElementFromPosition(position);
108
115
  let element = findAncestor(target, SORTABLE_SELECTOR_ITEM);
109
- if (element?.hasAttribute(SORTABLE_ATTRIBUTE_PLACEHOLDER_POSITION)) {
110
- if (getAttribute(element, SORTABLE_ATTRIBUTE_PLACEHOLDER_POSITION) === "after") element = element.previousElementSibling;
111
- else element = element.nextElementSibling;
112
- }
116
+ const attribute = element?.getAttribute(SORTABLE_ATTRIBUTE_PLACEHOLDER_POSITION);
117
+ if (attribute != null && attribute === "after") element = element?.previousElementSibling;
118
+ else if (attribute != null) element = element?.nextElementSibling;
113
119
  let insert = "insert";
114
- let toInstance;
115
- let toState;
120
+ let instance;
121
+ let state;
116
122
  if (element == null) {
117
123
  element = findAncestor(target, SORTABLE_SELECTOR_ITEM);
118
- toInstance = globals.instances.get(element)?.sortable;
119
- toState = globals.states.get(element)?.sortable;
124
+ instance = getInstance(element);
125
+ state = getState(element);
120
126
  insert = element == null ? void 0 : element.children.length === 0 ? "append" : "prepend";
121
127
  } else {
122
- toInstance = globals.instances.get(element.parentElement)?.sortable;
123
- toState = globals.states.get(element.parentElement)?.sortable;
128
+ instance = getInstance(element.parentElement);
129
+ state = getState(element.parentElement);
124
130
  }
125
- const valid = insert != null && validatePosition(globals, item, {
126
- instance: toInstance,
127
- state: toState
131
+ if (element == null || instance == null || state == null) return;
132
+ const valid = insert != null && validatePosition(item, {
133
+ instance,
134
+ state
128
135
  }, position);
129
136
  const options = {
130
137
  detail: valid ? {
131
138
  from: {
132
139
  element: origin,
133
- position: { ...globals.original }
140
+ position: { ...original }
134
141
  },
135
142
  to: {
136
143
  element,
@@ -142,7 +149,7 @@ function onEnd(event, globals, item, reset) {
142
149
  };
143
150
  const dispatchedFrom = dispatch(item.instance.element, "sortable:end", options);
144
151
  let dispatchedTo;
145
- if (item.instance !== toInstance && toInstance != null) dispatchedTo = dispatch(toInstance.element, "sortable:end", options);
152
+ if (item.instance !== instance && instance != null) dispatchedTo = dispatch(instance.element, "sortable:end", options);
146
153
  setTimeout(() => {
147
154
  afterEnd(insert, item, [dispatchedFrom, dispatchedTo], {
148
155
  origin,
@@ -151,22 +158,23 @@ function onEnd(event, globals, item, reset) {
151
158
  reset();
152
159
  });
153
160
  }
154
- function onMove(event, globals, item, position) {
161
+ function onMove(event, item, position) {
162
+ const { original } = draggableGlobals;
155
163
  const fromElement = item.state.origin;
156
164
  const toElement = findAncestor(event, SORTABLE_SELECTOR_ITEM);
157
- let toInstance;
158
- let toState;
165
+ let instance;
166
+ let state;
159
167
  if (toElement == null) {
160
168
  const element = findAncestor(event, SORTABLE_SELECTOR_ITEM);
161
- toInstance = globals.instances.get(element)?.sortable;
162
- toState = globals.states.get(element)?.sortable;
169
+ instance = getInstance(element);
170
+ state = getState(element);
163
171
  } else {
164
- toInstance = globals.instances.get(toElement.parentElement)?.sortable;
165
- toState = globals.states.get(toElement.parentElement)?.sortable;
172
+ instance = getInstance(toElement.parentElement);
173
+ state = getState(toElement.parentElement);
166
174
  }
167
- if (toInstance == null || !validatePosition(globals, item, {
168
- instance: toInstance,
169
- state: toState
175
+ if (instance == null || state == null || !validatePosition(item, {
176
+ instance,
177
+ state
170
178
  }, position.original)) return;
171
179
  const placeholder = getPositionPlaceholder(item);
172
180
  if (toElement != null && toElement !== fromElement) {
@@ -184,7 +192,7 @@ function onMove(event, globals, item, position) {
184
192
  return {
185
193
  from: {
186
194
  element: fromElement,
187
- position: { ...globals.original }
195
+ position: { ...original }
188
196
  },
189
197
  to: {
190
198
  element: toElement,
@@ -198,7 +206,7 @@ function resetPlaceholders() {
198
206
  sortablePlaceholder.position?.remove();
199
207
  sortablePlaceholder.drag.custom = void 0;
200
208
  }
201
- function setPlaceholder(state, item, origin) {
209
+ function setPlaceholder(item, origin) {
202
210
  const element = getDragPlaceholder();
203
211
  if (sortablePlaceholder.drag.default != null) sortablePlaceholder.drag.default.innerHTML = "";
204
212
  updatePlaceholder(item, element);
@@ -211,7 +219,7 @@ function setPlaceholder(state, item, origin) {
211
219
  const element = value;
212
220
  sortablePlaceholder.drag.custom = element;
213
221
  updatePlaceholder(item, element);
214
- state.element = {
222
+ draggableGlobals.element = {
215
223
  rectangle: element.getBoundingClientRect(),
216
224
  node: element
217
225
  };
@@ -232,7 +240,7 @@ function updatePlaceholder(item, element) {
232
240
  [SORTABLE_ATTRIBUTE_VERTICAL]: state.vertical ? "" : void 0
233
241
  });
234
242
  }
235
- function validatePosition(_, from, to, position) {
243
+ function validatePosition(from, to, position) {
236
244
  let valid = true;
237
245
  const rectangle = from.state.origin?.getBoundingClientRect();
238
246
  const fromState = getDraggableStates(from.state.element)?.sortable;
@@ -1,2 +1,2 @@
1
- import { $ as OuiSortable, _t as sortablePlaceholder, at as SORTABLE_ATTRIBUTE_CONNECTIONS, ct as SORTABLE_ATTRIBUTE_HORIZONTAL, dt as SORTABLE_ATTRIBUTE_PLACEHOLDER_POSITION, et as OuiSortablePlaceholder, ft as SORTABLE_ATTRIBUTE_VERTICAL, gt as SORTABLE_SELECTOR_ITEM, ht as SORTABLE_SELECTOR, it as SORTABLE_ATTRIBUTE_ACTIVE, lt as SORTABLE_ATTRIBUTE_ORIGIN, mt as SORTABLE_MESSAGE, nt as OuiSortableState, ot as SORTABLE_ATTRIBUTE_CONTAINER, pt as SORTABLE_CONTAINERS, rt as SORTABLE_ATTRIBUTE, st as SORTABLE_ATTRIBUTE_DIRECTION, tt as OuiSortablePlaceholderDrag, ut as SORTABLE_ATTRIBUTE_PLACEHOLDER_DRAG } from "../movable.model-BHaK_mKw.mjs";
1
+ import { $ as OuiSortable, _t as sortablePlaceholder, at as SORTABLE_ATTRIBUTE_CONNECTIONS, ct as SORTABLE_ATTRIBUTE_HORIZONTAL, dt as SORTABLE_ATTRIBUTE_PLACEHOLDER_POSITION, et as OuiSortablePlaceholder, ft as SORTABLE_ATTRIBUTE_VERTICAL, gt as SORTABLE_SELECTOR_ITEM, ht as SORTABLE_SELECTOR, it as SORTABLE_ATTRIBUTE_ACTIVE, lt as SORTABLE_ATTRIBUTE_ORIGIN, mt as SORTABLE_MESSAGE, nt as OuiSortableState, ot as SORTABLE_ATTRIBUTE_CONTAINER, pt as SORTABLE_CONTAINERS, rt as SORTABLE_ATTRIBUTE, st as SORTABLE_ATTRIBUTE_DIRECTION, tt as OuiSortablePlaceholderDrag, ut as SORTABLE_ATTRIBUTE_PLACEHOLDER_DRAG } from "../movable.model-D9nnPWKk.mjs";
2
2
  export { OuiSortable, OuiSortablePlaceholder, OuiSortablePlaceholderDrag, OuiSortableState, SORTABLE_ATTRIBUTE, SORTABLE_ATTRIBUTE_ACTIVE, SORTABLE_ATTRIBUTE_CONNECTIONS, SORTABLE_ATTRIBUTE_CONTAINER, SORTABLE_ATTRIBUTE_DIRECTION, SORTABLE_ATTRIBUTE_HORIZONTAL, SORTABLE_ATTRIBUTE_ORIGIN, SORTABLE_ATTRIBUTE_PLACEHOLDER_DRAG, SORTABLE_ATTRIBUTE_PLACEHOLDER_POSITION, SORTABLE_ATTRIBUTE_VERTICAL, SORTABLE_CONTAINERS, SORTABLE_MESSAGE, SORTABLE_SELECTOR, SORTABLE_SELECTOR_ITEM, sortablePlaceholder };
@@ -1,3 +1,3 @@
1
- import { $ as OuiSortable, p as CreateOuiDraggableOptions } from "../movable.model-BHaK_mKw.mjs";
2
- import { t as createSortable } from "../sortable.embedded-DzBKAwSG.mjs";
1
+ import { $ as OuiSortable, p as CreateOuiDraggableOptions } from "../movable.model-D9nnPWKk.mjs";
2
+ import { t as createSortable } from "../sortable.embedded-CrEGff9k.mjs";
3
3
  export { type CreateOuiDraggableOptions as CreateOuiSortableOptions, type OuiSortable, createSortable };
@@ -1,4 +1,4 @@
1
- import { $ as OuiSortable, p as CreateOuiDraggableOptions } from "./movable.model-BHaK_mKw.mjs";
1
+ import { $ as OuiSortable, p as CreateOuiDraggableOptions } from "./movable.model-D9nnPWKk.mjs";
2
2
  //#region src/js/sortable/sortable.embedded.d.ts
3
3
  /**
4
4
  * Creates _(or retrieves)_ a _OuiSortable_ instance for an element
@@ -6,6 +6,6 @@ import { $ as OuiSortable, p as CreateOuiDraggableOptions } from "./movable.mode
6
6
  * @param element Element to make sortable
7
7
  * @returns _OuiSortable_ instance
8
8
  */
9
- declare function createSortable(element: HTMLElement, options?: CreateOuiDraggableOptions): OuiSortable;
9
+ declare function createSortable(element: Element, options?: CreateOuiDraggableOptions): OuiSortable;
10
10
  //#endregion
11
11
  export { createSortable as t };
@@ -1,4 +1,4 @@
1
- import { D as SPLITTER_SYMBOL, O as SPLITTER_TAGNAME, n as OuiSplitter } from "../splitter.model-DOLNjLVS.mjs";
1
+ import { D as SPLITTER_SYMBOL, O as SPLITTER_TAGNAME, n as OuiSplitter } from "../splitter.model-C24W6eZ7.mjs";
2
2
  //#region src/js/splitter/index.d.ts
3
3
  declare global {
4
4
  interface HTMLElementTagNameMap {
@@ -1,2 +1,2 @@
1
- import { A as splitterStyling, C as SPLITTER_NAVIGATION_MAXIMUM_TOTAL, D as SPLITTER_SYMBOL, E as SPLITTER_SELECTOR_HANDLE, O as SPLITTER_TAGNAME, S as SPLITTER_NAVIGATION_MAXIMUM_PERCENTAGE, T as SPLITTER_NAVIGATION_MODIFIER, _ as SPLITTER_KEYS_NEGATIVE, a as OuiSplitterValuesNow, b as SPLITTER_METHODS_CONNECT, c as SPLITTER_ATTRIBUTE_HORIZONTAL, d as SPLITTER_ATTRIBUTE_SEPARATOR, f as SPLITTER_ATTRIBUTE_SIZE, g as SPLITTER_KEYS_HORIZONTAL, h as SPLITTER_KEYS_ALL, i as OuiSplitterValues, k as SPLITTER_VALUE_DECIMALS, l as SPLITTER_ATTRIBUTE_MAX, m as SPLITTER_KEYS_ABSOLUTE, n as OuiSplitter, o as SPLITTER_ATTRIBUTE_ACTIVE, p as SPLITTER_ATTRIBUTE_TYPE, r as OuiSplitterTypes, s as SPLITTER_ATTRIBUTE_HANDLE, t as GenericOuiSplitterElement, u as SPLITTER_ATTRIBUTE_MIN, v as SPLITTER_KEYS_VERTICAL, w as SPLITTER_NAVIGATION_MINIMUM_PERCENTAGE, x as SPLITTER_METHODS_OBSERVE, y as SPLITTER_MESSAGE } from "../splitter.model-DOLNjLVS.mjs";
1
+ import { A as splitterStyling, C as SPLITTER_NAVIGATION_MAXIMUM_TOTAL, D as SPLITTER_SYMBOL, E as SPLITTER_SELECTOR_HANDLE, O as SPLITTER_TAGNAME, S as SPLITTER_NAVIGATION_MAXIMUM_PERCENTAGE, T as SPLITTER_NAVIGATION_MODIFIER, _ as SPLITTER_KEYS_NEGATIVE, a as OuiSplitterValuesNow, b as SPLITTER_METHODS_CONNECT, c as SPLITTER_ATTRIBUTE_HORIZONTAL, d as SPLITTER_ATTRIBUTE_SEPARATOR, f as SPLITTER_ATTRIBUTE_SIZE, g as SPLITTER_KEYS_HORIZONTAL, h as SPLITTER_KEYS_ALL, i as OuiSplitterValues, k as SPLITTER_VALUE_DECIMALS, l as SPLITTER_ATTRIBUTE_MAX, m as SPLITTER_KEYS_ABSOLUTE, n as OuiSplitter, o as SPLITTER_ATTRIBUTE_ACTIVE, p as SPLITTER_ATTRIBUTE_TYPE, r as OuiSplitterTypes, s as SPLITTER_ATTRIBUTE_HANDLE, t as GenericOuiSplitterElement, u as SPLITTER_ATTRIBUTE_MIN, v as SPLITTER_KEYS_VERTICAL, w as SPLITTER_NAVIGATION_MINIMUM_PERCENTAGE, x as SPLITTER_METHODS_OBSERVE, y as SPLITTER_MESSAGE } from "../splitter.model-C24W6eZ7.mjs";
2
2
  export { GenericOuiSplitterElement, OuiSplitter, OuiSplitterTypes, OuiSplitterValues, OuiSplitterValuesNow, SPLITTER_ATTRIBUTE_ACTIVE, SPLITTER_ATTRIBUTE_HANDLE, SPLITTER_ATTRIBUTE_HORIZONTAL, SPLITTER_ATTRIBUTE_MAX, SPLITTER_ATTRIBUTE_MIN, SPLITTER_ATTRIBUTE_SEPARATOR, SPLITTER_ATTRIBUTE_SIZE, SPLITTER_ATTRIBUTE_TYPE, SPLITTER_KEYS_ABSOLUTE, SPLITTER_KEYS_ALL, SPLITTER_KEYS_HORIZONTAL, SPLITTER_KEYS_NEGATIVE, SPLITTER_KEYS_VERTICAL, SPLITTER_MESSAGE, SPLITTER_METHODS_CONNECT, SPLITTER_METHODS_OBSERVE, SPLITTER_NAVIGATION_MAXIMUM_PERCENTAGE, SPLITTER_NAVIGATION_MAXIMUM_TOTAL, SPLITTER_NAVIGATION_MINIMUM_PERCENTAGE, SPLITTER_NAVIGATION_MODIFIER, SPLITTER_SELECTOR_HANDLE, SPLITTER_SYMBOL, SPLITTER_TAGNAME, SPLITTER_VALUE_DECIMALS, splitterStyling };
@@ -5,8 +5,8 @@ type GenericOuiSplitterElement = {
5
5
  } & HTMLElement;
6
6
  type OuiSplitter = {
7
7
  element: GenericOuiSplitterElement;
8
- handle: HTMLSpanElement;
9
- panels: HTMLElement[];
8
+ handle: Element;
9
+ panels: Element[];
10
10
  rectangle: DOMRect;
11
11
  separator: HTMLDivElement;
12
12
  types: OuiSplitterTypes;
@@ -1,4 +1,4 @@
1
- import { a as OuiTabsState, c as TABS_SYMBOL, r as OuiTabsEvent } from "../tabs.model-DRBX_JtI.mjs";
1
+ import { a as OuiTabsState, c as TABS_SYMBOL, r as OuiTabsEvent } from "../tabs.model-BHPy7fPo.mjs";
2
2
  //#region src/js/tabs/index.d.ts
3
3
  declare global {
4
4
  interface HTMLElementTagNameMap {
@@ -12,7 +12,7 @@ export declare class OuiTabsElement extends HTMLElement {
12
12
  static observedAttributes: string[];
13
13
  get active(): number;
14
14
  set active(value: number);
15
- get panel(): HTMLElement;
15
+ get panel(): Element;
16
16
  get tab(): HTMLButtonElement;
17
17
  constructor();
18
18
  attributeChangedCallback(name: string, _: string | null, value: string | null): void;
@@ -21,7 +21,7 @@ var OuiTabsElement = class extends HTMLElement {
21
21
  }
22
22
  constructor() {
23
23
  super();
24
- this[TABS_SYMBOL] = { component: null };
24
+ this[TABS_SYMBOL] = { component: void 0 };
25
25
  }
26
26
  attributeChangedCallback(name, _, value) {
27
27
  switch (name) {
@@ -1,2 +1,2 @@
1
- import { a as OuiTabsState, c as TABS_SYMBOL, i as OuiTabsPanels, l as TABS_TAGNAME, n as OuiTabsContent, o as OuiTabsStateComponent, r as OuiTabsEvent, s as OuiTabsTabList, t as GenericOuiTabsElement } from "../tabs.model-DRBX_JtI.mjs";
1
+ import { a as OuiTabsState, c as TABS_SYMBOL, i as OuiTabsPanels, l as TABS_TAGNAME, n as OuiTabsContent, o as OuiTabsStateComponent, r as OuiTabsEvent, s as OuiTabsTabList, t as GenericOuiTabsElement } from "../tabs.model-BHPy7fPo.mjs";
2
2
  export { GenericOuiTabsElement, OuiTabsContent, OuiTabsEvent, OuiTabsPanels, OuiTabsState, OuiTabsStateComponent, OuiTabsTabList, TABS_SYMBOL, TABS_TAGNAME };
@@ -1,4 +1,4 @@
1
- import { d as OuiNavigable, h as OuiNavigableOrientation } from "./navigable.model-BPOM8DZk.mjs";
1
+ import { d as OuiNavigable, h as OuiNavigableOrientation } from "./navigable.model-BqoR6iBv.mjs";
2
2
  //#region src/js/tabs/tabs.model.d.ts
3
3
  type GenericOuiTabsElement = {
4
4
  [TABS_SYMBOL]: OuiTabsState;
@@ -1,4 +1,4 @@
1
- import { d as OuiNavigable } from "../navigable.model-BPOM8DZk.mjs";
1
+ import { d as OuiNavigable } from "../navigable.model-BqoR6iBv.mjs";
2
2
  //#region src/js/toolbar/toolbar.model.d.ts
3
3
  export type OuiToolbar = {
4
4
  [TOOLBAR_SYMBOL]: OuiNavigable;
@@ -7,5 +7,5 @@ export type OuiToolbar = {
7
7
  export declare const TOOLBAR_ATTRIBUTE = "oui-toolbar";
8
8
  export declare const TOOLBAR_SYMBOL: unique symbol;
9
9
  export declare const TOOLBAR_SELECTOR: string;
10
- export declare const toolbars: WeakMap<HTMLElement, OuiToolbar>;
10
+ export declare const toolbars: WeakMap<Element, OuiToolbar>;
11
11
  //#endregion
@@ -1,4 +1,4 @@
1
- import { n as OuiTooltipState, t as OuiTooltip } from "../tooltip.model-DRkY_BsL.mjs";
1
+ import { n as OuiTooltipState, t as OuiTooltip } from "../tooltip.model-BpNStw5z.mjs";
2
2
  //#region src/js/tooltip/index.d.ts
3
3
  declare function OuiTooltip(this: OuiTooltip, state: OuiTooltipState): void;
4
4
  /**
@@ -7,7 +7,7 @@ declare function OuiTooltip(this: OuiTooltip, state: OuiTooltipState): void;
7
7
  * @param element Element to get _OuiTooltip_ for
8
8
  * @returns _OuiTooltip_ instance
9
9
  */
10
- export declare function getTooltip(element: HTMLElement): OuiTooltip | undefined;
10
+ export declare function getTooltip(element: Element): OuiTooltip | undefined;
11
11
  /**
12
12
  * Set the delay before showing the tooltip, in milliseconds
13
13
  *
@@ -1,2 +1,2 @@
1
- import { a as TOOLTIP_ATTRIBUTE_CONTENT_OPEN, c as TOOLTIP_SYMBOL, i as TOOLTIP_ATTRIBUTE_CONTENT, l as tooltipFloatableOptions, n as OuiTooltipState, o as TOOLTIP_SELECTOR, r as TOOLTIP_ATTRIBUTE, s as TOOLTIP_SELECTOR_CONTENT, t as OuiTooltip, u as tooltips } from "../tooltip.model-DRkY_BsL.mjs";
1
+ import { a as TOOLTIP_ATTRIBUTE_CONTENT_OPEN, c as TOOLTIP_SYMBOL, i as TOOLTIP_ATTRIBUTE_CONTENT, l as tooltipFloatableOptions, n as OuiTooltipState, o as TOOLTIP_SELECTOR, r as TOOLTIP_ATTRIBUTE, s as TOOLTIP_SELECTOR_CONTENT, t as OuiTooltip, u as tooltips } from "../tooltip.model-BpNStw5z.mjs";
2
2
  export { OuiTooltip, OuiTooltipState, TOOLTIP_ATTRIBUTE, TOOLTIP_ATTRIBUTE_CONTENT, TOOLTIP_ATTRIBUTE_CONTENT_OPEN, TOOLTIP_SELECTOR, TOOLTIP_SELECTOR_CONTENT, TOOLTIP_SYMBOL, tooltipFloatableOptions, tooltips };
@@ -20,8 +20,8 @@ type OuiTooltip = {
20
20
  show(): void;
21
21
  };
22
22
  type OuiTooltipState = {
23
- anchor: HTMLElement;
24
- elements: HTMLElement[];
23
+ anchor: Element;
24
+ elements: Element[];
25
25
  floatable: OuiFloatable;
26
26
  timer?: number;
27
27
  };
@@ -32,6 +32,6 @@ declare const TOOLTIP_SELECTOR: string;
32
32
  declare const TOOLTIP_SELECTOR_CONTENT: string;
33
33
  declare const TOOLTIP_SYMBOL: unique symbol;
34
34
  declare const tooltipFloatableOptions: OuiFloatableOptions;
35
- declare const tooltips: WeakMap<HTMLElement, OuiTooltip>;
35
+ declare const tooltips: WeakMap<Element, OuiTooltip>;
36
36
  //#endregion
37
37
  export { TOOLTIP_ATTRIBUTE_CONTENT_OPEN as a, TOOLTIP_SYMBOL as c, TOOLTIP_ATTRIBUTE_CONTENT as i, tooltipFloatableOptions as l, OuiTooltipState as n, TOOLTIP_SELECTOR as o, TOOLTIP_ATTRIBUTE as r, TOOLTIP_SELECTOR_CONTENT as s, OuiTooltip as t, tooltips as u };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@oscarpalmer/oui",
3
- "version": "0.40.0",
3
+ "version": "0.41.0",
4
4
  "description": "Styles, components, and utilities for building websites and applications.",
5
5
  "keywords": [
6
6
  "css",