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