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