@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.
- package/dist/css/color-picker.css +80 -69
- package/dist/css/listbox.css +169 -0
- package/dist/js/color-picker/color-picker.constants.d.mts +2 -2
- package/dist/js/color-picker/color-picker.constants.mjs +5 -3
- package/dist/js/color-picker/color-picker.dom.d.mts +1 -1
- package/dist/js/color-picker/color-picker.dom.mjs +31 -14
- package/dist/js/color-picker/color-picker.event.d.mts +2 -2
- package/dist/js/color-picker/color-picker.event.mjs +232 -1
- package/dist/js/color-picker/color-picker.form.d.mts +1 -1
- package/dist/js/color-picker/color-picker.form.mjs +1 -3
- package/dist/js/color-picker/color-picker.misc.d.mts +2 -2
- package/dist/js/color-picker/color-picker.misc.mjs +104 -2
- package/dist/js/color-picker/color-picker.model.d.mts +2 -2
- package/dist/js/color-picker/color-picker.output.d.mts +1 -1
- package/dist/js/color-picker/color-picker.output.mjs +7 -8
- package/dist/js/color-picker/color-picker.state.d.mts +1 -1
- package/dist/js/color-picker/color-picker.state.mjs +167 -1
- package/dist/js/color-picker/index.d.mts +7 -15
- package/dist/js/color-picker/index.mjs +11 -6
- package/dist/js/{color-picker.constants-D1mxw_Le.d.mts → color-picker.constants-BZgXQr5o.d.mts} +6 -8
- package/dist/js/{color-picker.misc-CtsXGrOe.d.mts → color-picker.misc-BIS3R6jk.d.mts} +8 -4
- package/dist/js/combobox/combobox.constants.d.mts +1 -1
- package/dist/js/combobox/combobox.dom.d.mts +12 -13
- package/dist/js/combobox/combobox.dom.mjs +15 -17
- package/dist/js/combobox/combobox.event.d.mts +8 -8
- package/dist/js/combobox/combobox.event.mjs +1 -1
- package/dist/js/combobox/combobox.misc.d.mts +2 -2
- package/dist/js/combobox/combobox.misc.mjs +2 -2
- package/dist/js/combobox/combobox.model.d.mts +2 -2
- package/dist/js/combobox/combobox.state.d.mts +3 -4
- package/dist/js/combobox/combobox.state.mjs +1 -1
- package/dist/js/combobox/index.d.mts +8 -19
- package/dist/js/combobox/index.mjs +21 -23
- package/dist/js/{combobox.constants-DZVkMP5g.d.mts → combobox.constants-Hb3bqqQJ.d.mts} +3 -3
- package/dist/js/combobox.misc-DRDFk6X8.d.mts +26 -0
- package/dist/js/combobox.model-gjEI2VqZ.d.mts +46 -0
- package/dist/js/{combobox.state-BfJ3Hxg8.mjs → combobox.state-AstCICiH.mjs} +30 -41
- package/dist/js/dialog/dialog.model.d.mts +1 -1
- package/dist/js/dialog/index.d.mts +1 -1
- package/dist/js/{dialog.model-DX2mndMh.d.mts → dialog.model-HVzYWoDo.d.mts} +3 -3
- package/dist/js/floatable/floatable.embedded.d.mts +1 -1
- package/dist/js/floatable/floatable.embedded.mjs +2 -2
- package/dist/js/floatable/floatable.standalone.d.mts +1 -1
- package/dist/js/{floatable.embedded-MeTyXjFn.d.mts → floatable.embedded-ncshL3Sa.d.mts} +3 -3
- package/dist/js/focus-trap/focus-trap.embedded.d.mts +1 -1
- package/dist/js/focus-trap/focus-trap.embedded.mjs +10 -9
- package/dist/js/focus-trap/focus-trap.model.d.mts +1 -1
- package/dist/js/focus-trap/focus-trap.standalone.d.mts +2 -2
- package/dist/js/{focus-trap.embedded-DIU05m1z.d.mts → focus-trap.embedded-DpcPkP7c.d.mts} +3 -3
- package/dist/js/{focus-trap.model-BeX6UYlw.d.mts → focus-trap.model-CpltX5B5.d.mts} +1 -1
- package/dist/js/index.d.mts +16 -16
- package/dist/js/index.mjs +3 -3
- package/dist/js/internal/attributable.d.mts +1 -1
- package/dist/js/internal/draggable/draggable.model.d.mts +1 -1
- package/dist/js/internal/draggable/index.d.mts +8 -8
- package/dist/js/internal/draggable/index.mjs +27 -18
- package/dist/js/internal/l10n/index.d.mts +5 -0
- package/dist/js/internal/l10n/index.mjs +147 -0
- package/dist/js/internal/l10n/l10n.model.d.mts +2 -0
- package/dist/js/{l10n → internal/l10n}/l10n.model.mjs +5 -2
- package/dist/js/internal/misc.d.mts +2 -2
- package/dist/js/internal/navigable/index.d.mts +3 -3
- package/dist/js/internal/navigable/index.mjs +1 -1
- package/dist/js/internal/navigable/navigable.model.d.mts +1 -1
- package/dist/js/internal/option-list/option-list.constants.d.mts +8 -0
- package/dist/js/internal/option-list/option-list.constants.mjs +22 -0
- package/dist/js/internal/option-list/option-list.data.d.mts +21 -0
- package/dist/js/internal/option-list/option-list.data.mjs +2 -0
- package/dist/js/internal/option-list/option-list.dom.d.mts +18 -0
- package/dist/js/internal/option-list/option-list.dom.mjs +2 -0
- package/dist/js/internal/option-list/option-list.event.d.mts +6 -0
- package/dist/js/internal/{listbox/listbox.event.mjs → option-list/option-list.event.mjs} +7 -7
- package/dist/js/internal/option-list/option-list.form.d.mts +7 -0
- package/dist/js/internal/{listbox/listbox.form.mjs → option-list/option-list.form.mjs} +10 -13
- package/dist/js/internal/option-list/option-list.misc.d.mts +13 -0
- package/dist/js/internal/option-list/option-list.misc.mjs +2 -0
- package/dist/js/internal/option-list/option-list.model.d.mts +2 -0
- package/dist/js/internal/option-list/option-list.state.d.mts +8 -0
- package/dist/js/internal/option-list/option-list.state.mjs +39 -0
- package/dist/js/l10n/index.d.mts +3 -9
- package/dist/js/l10n/index.mjs +2 -107
- package/dist/js/l10n.model-D1E1u35L.d.mts +54 -0
- package/dist/js/listbox/index.d.mts +6 -17
- package/dist/js/listbox/index.mjs +22 -23
- package/dist/js/listbox/{constants.listbox.d.mts → listbox.constants.d.mts} +1 -1
- package/dist/js/listbox/{constants.listbox.mjs → listbox.constants.mjs} +1 -1
- package/dist/js/listbox/listbox.dom.d.mts +5 -0
- package/dist/js/listbox/listbox.dom.mjs +2 -0
- package/dist/js/listbox/listbox.event.d.mts +9 -0
- package/dist/js/listbox/listbox.event.mjs +2 -0
- package/dist/js/listbox/listbox.misc.d.mts +2 -0
- package/dist/js/listbox/listbox.misc.mjs +2 -0
- package/dist/js/listbox/listbox.model.d.mts +2 -0
- package/dist/js/listbox/listbox.model.mjs +1 -0
- package/dist/js/listbox/listbox.state.d.mts +9 -0
- package/dist/js/listbox/listbox.state.mjs +2 -0
- package/dist/js/{constants.listbox-C5Ap6Ag_.d.mts → listbox.constants-DOBMwKup.d.mts} +3 -3
- package/dist/js/listbox.misc-DwfB4Mu_.d.mts +24 -0
- package/dist/js/listbox.model-C0MYWXZe.d.mts +20 -0
- package/dist/js/listbox.state-BrN296BM.mjs +240 -0
- package/dist/js/menu/index.mjs +7 -3
- package/dist/js/menu/menu.model.d.mts +7 -7
- package/dist/js/movable/movable.embedded.d.mts +1 -1
- package/dist/js/movable/movable.embedded.mjs +21 -18
- package/dist/js/movable/movable.model.d.mts +1 -1
- package/dist/js/movable/movable.standalone.d.mts +2 -2
- package/dist/js/{movable.embedded-DoyXLegc.d.mts → movable.embedded-C1bDTLGs.d.mts} +2 -2
- package/dist/js/{movable.model-BHaK_mKw.d.mts → movable.model-D9nnPWKk.d.mts} +41 -41
- package/dist/js/{navigable.model-BPOM8DZk.d.mts → navigable.model-BqoR6iBv.d.mts} +1 -1
- package/dist/js/{listbox.data-BQyZGKgr.mjs → option-list.data-CgMyUwPc.mjs} +70 -71
- package/dist/js/option-list.model-CCPUlPeX.d.mts +169 -0
- package/dist/js/popover/index.d.mts +2 -2
- package/dist/js/popover/index.mjs +1 -1
- package/dist/js/popover/popover.model.d.mts +1 -1
- package/dist/js/{popover.model-ubKNG612.d.mts → popover.model-DiLdz0Hc.d.mts} +4 -4
- package/dist/js/resizable/resizable.embedded.d.mts +1 -1
- package/dist/js/resizable/resizable.model.d.mts +1 -1
- package/dist/js/resizable/resizable.standalone.d.mts +2 -2
- package/dist/js/{resizable.embedded-Bf1qBUdt.d.mts → resizable.embedded-BemH-7Re.d.mts} +2 -2
- package/dist/js/{resizable.model-BwzJcTVJ.d.mts → resizable.model-YEtcC9li.d.mts} +3 -3
- package/dist/js/sortable/sortable.embedded.d.mts +1 -1
- package/dist/js/sortable/sortable.embedded.mjs +46 -38
- package/dist/js/sortable/sortable.model.d.mts +1 -1
- package/dist/js/sortable/sortable.standalone.d.mts +2 -2
- package/dist/js/{sortable.embedded-DzBKAwSG.d.mts → sortable.embedded-CrEGff9k.d.mts} +2 -2
- package/dist/js/splitter/index.d.mts +1 -1
- package/dist/js/splitter/splitter.model.d.mts +1 -1
- package/dist/js/{splitter.model-DOLNjLVS.d.mts → splitter.model-C24W6eZ7.d.mts} +2 -2
- package/dist/js/tabs/index.d.mts +2 -2
- package/dist/js/tabs/index.mjs +1 -1
- package/dist/js/tabs/tabs.model.d.mts +1 -1
- package/dist/js/{tabs.model-DRBX_JtI.d.mts → tabs.model-BHPy7fPo.d.mts} +1 -1
- package/dist/js/toolbar/toolbar.model.d.mts +2 -2
- package/dist/js/tooltip/index.d.mts +2 -2
- package/dist/js/tooltip/tooltip.model.d.mts +1 -1
- package/dist/js/{tooltip.model-DRkY_BsL.d.mts → tooltip.model-BpNStw5z.d.mts} +3 -3
- package/package.json +1 -1
- package/dist/js/color-picker.event-Cksj5TvS.mjs +0 -500
- package/dist/js/combobox.misc-C1tPZZDi.d.mts +0 -22
- package/dist/js/combobox.model-oDV06XCN.d.mts +0 -44
- package/dist/js/internal/listbox/listbox.constants.d.mts +0 -8
- package/dist/js/internal/listbox/listbox.constants.mjs +0 -22
- package/dist/js/internal/listbox/listbox.data.d.mts +0 -19
- package/dist/js/internal/listbox/listbox.data.mjs +0 -2
- package/dist/js/internal/listbox/listbox.dom.d.mts +0 -65
- package/dist/js/internal/listbox/listbox.dom.mjs +0 -2
- package/dist/js/internal/listbox/listbox.event.d.mts +0 -4
- package/dist/js/internal/listbox/listbox.form.d.mts +0 -5
- package/dist/js/internal/listbox/listbox.misc.d.mts +0 -11
- package/dist/js/internal/listbox/listbox.misc.mjs +0 -2
- package/dist/js/internal/listbox/listbox.model.d.mts +0 -2
- package/dist/js/internal/listbox/listbox.state.d.mts +0 -6
- package/dist/js/internal/listbox/listbox.state.mjs +0 -39
- package/dist/js/l10n/l10n.model.d.mts +0 -2
- package/dist/js/l10n.model-D6a9frgl.d.mts +0 -26
- package/dist/js/listbox/event.listbox.d.mts +0 -7
- package/dist/js/listbox/event.listbox.mjs +0 -48
- package/dist/js/listbox/misc.listbox.d.mts +0 -2
- package/dist/js/listbox/misc.listbox.mjs +0 -2
- package/dist/js/listbox/state.listbox.d.mts +0 -9
- package/dist/js/listbox/state.listbox.mjs +0 -2
- package/dist/js/listbox.model-CuBOj4qe.d.mts +0 -129
- package/dist/js/misc.listbox-CjfBUbHD.mjs +0 -154
- package/dist/js/misc.listbox-CtoGvXQo.d.mts +0 -20
- /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-
|
|
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: () => (
|
|
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
|
|
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(
|
|
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
|
|
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(
|
|
97
|
+
setPlaceholder(item, element);
|
|
92
98
|
setAttribute(element, SORTABLE_ATTRIBUTE_ORIGIN, "");
|
|
93
99
|
setAttribute(document.body, SORTABLE_ATTRIBUTE_ACTIVE, "");
|
|
94
100
|
}
|
|
95
|
-
function onCancel(
|
|
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,
|
|
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)
|
|
114
|
+
const [target] = getElementFromPosition(position);
|
|
108
115
|
let element = findAncestor(target, SORTABLE_SELECTOR_ITEM);
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
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
|
|
115
|
-
let
|
|
120
|
+
let instance;
|
|
121
|
+
let state;
|
|
116
122
|
if (element == null) {
|
|
117
123
|
element = findAncestor(target, SORTABLE_SELECTOR_ITEM);
|
|
118
|
-
|
|
119
|
-
|
|
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
|
-
|
|
123
|
-
|
|
128
|
+
instance = getInstance(element.parentElement);
|
|
129
|
+
state = getState(element.parentElement);
|
|
124
130
|
}
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
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: { ...
|
|
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 !==
|
|
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,
|
|
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
|
|
158
|
-
let
|
|
165
|
+
let instance;
|
|
166
|
+
let state;
|
|
159
167
|
if (toElement == null) {
|
|
160
168
|
const element = findAncestor(event, SORTABLE_SELECTOR_ITEM);
|
|
161
|
-
|
|
162
|
-
|
|
169
|
+
instance = getInstance(element);
|
|
170
|
+
state = getState(element);
|
|
163
171
|
} else {
|
|
164
|
-
|
|
165
|
-
|
|
172
|
+
instance = getInstance(toElement.parentElement);
|
|
173
|
+
state = getState(toElement.parentElement);
|
|
166
174
|
}
|
|
167
|
-
if (
|
|
168
|
-
instance
|
|
169
|
-
state
|
|
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: { ...
|
|
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(
|
|
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
|
-
|
|
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(
|
|
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-
|
|
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-
|
|
2
|
-
import { t as createSortable } from "../sortable.embedded-
|
|
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-
|
|
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:
|
|
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-
|
|
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-
|
|
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:
|
|
9
|
-
panels:
|
|
8
|
+
handle: Element;
|
|
9
|
+
panels: Element[];
|
|
10
10
|
rectangle: DOMRect;
|
|
11
11
|
separator: HTMLDivElement;
|
|
12
12
|
types: OuiSplitterTypes;
|
package/dist/js/tabs/index.d.mts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { a as OuiTabsState, c as TABS_SYMBOL, r as OuiTabsEvent } from "../tabs.model-
|
|
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():
|
|
15
|
+
get panel(): Element;
|
|
16
16
|
get tab(): HTMLButtonElement;
|
|
17
17
|
constructor();
|
|
18
18
|
attributeChangedCallback(name: string, _: string | null, value: string | null): void;
|
package/dist/js/tabs/index.mjs
CHANGED
|
@@ -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-
|
|
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-
|
|
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-
|
|
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<
|
|
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-
|
|
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:
|
|
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-
|
|
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:
|
|
24
|
-
elements:
|
|
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<
|
|
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 };
|