@sectile/dom 0.2.0 → 0.3.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/accordion.d.ts +91 -0
- package/dist/accordion.d.ts.map +1 -0
- package/dist/accordion.js +289 -0
- package/dist/accordion.js.map +1 -0
- package/dist/alert-dialog.d.ts +40 -0
- package/dist/alert-dialog.d.ts.map +1 -0
- package/dist/alert-dialog.js +14 -0
- package/dist/alert-dialog.js.map +1 -0
- package/dist/calendar.d.ts +98 -0
- package/dist/calendar.d.ts.map +1 -0
- package/dist/calendar.js +296 -0
- package/dist/calendar.js.map +1 -0
- package/dist/carousel.d.ts +64 -0
- package/dist/carousel.d.ts.map +1 -0
- package/dist/carousel.js +290 -0
- package/dist/carousel.js.map +1 -0
- package/dist/cascade-select.d.ts +61 -0
- package/dist/cascade-select.d.ts.map +1 -0
- package/dist/cascade-select.js +175 -0
- package/dist/cascade-select.js.map +1 -0
- package/dist/checkbox-group.d.ts +22 -0
- package/dist/checkbox-group.d.ts.map +1 -0
- package/dist/checkbox-group.js +32 -0
- package/dist/checkbox-group.js.map +1 -0
- package/dist/checkbox.d.ts +64 -0
- package/dist/checkbox.d.ts.map +1 -0
- package/dist/checkbox.js +63 -0
- package/dist/checkbox.js.map +1 -0
- package/dist/color-picker.d.ts +54 -0
- package/dist/color-picker.d.ts.map +1 -0
- package/dist/color-picker.js +316 -0
- package/dist/color-picker.js.map +1 -0
- package/dist/combobox.d.ts +129 -0
- package/dist/combobox.d.ts.map +1 -0
- package/dist/combobox.js +397 -0
- package/dist/combobox.js.map +1 -0
- package/dist/date-field.d.ts +42 -0
- package/dist/date-field.d.ts.map +1 -0
- package/dist/date-field.js +91 -0
- package/dist/date-field.js.map +1 -0
- package/dist/date-picker.d.ts +52 -0
- package/dist/date-picker.d.ts.map +1 -0
- package/dist/date-picker.js +127 -0
- package/dist/date-picker.js.map +1 -0
- package/dist/date-range-field.d.ts +48 -0
- package/dist/date-range-field.d.ts.map +1 -0
- package/dist/date-range-field.js +114 -0
- package/dist/date-range-field.js.map +1 -0
- package/dist/date-range-picker.d.ts +52 -0
- package/dist/date-range-picker.d.ts.map +1 -0
- package/dist/date-range-picker.js +69 -0
- package/dist/date-range-picker.js.map +1 -0
- package/dist/date-time-field.d.ts +42 -0
- package/dist/date-time-field.d.ts.map +1 -0
- package/dist/date-time-field.js +166 -0
- package/dist/date-time-field.js.map +1 -0
- package/dist/date-time-picker.d.ts +54 -0
- package/dist/date-time-picker.d.ts.map +1 -0
- package/dist/date-time-picker.js +295 -0
- package/dist/date-time-picker.js.map +1 -0
- package/dist/date-time-range-picker.d.ts +57 -0
- package/dist/date-time-range-picker.d.ts.map +1 -0
- package/dist/date-time-range-picker.js +322 -0
- package/dist/date-time-range-picker.js.map +1 -0
- package/dist/dialog.d.ts +39 -0
- package/dist/dialog.d.ts.map +1 -0
- package/dist/dialog.js +15 -0
- package/dist/dialog.js.map +1 -0
- package/dist/disclosure.d.ts +70 -0
- package/dist/disclosure.d.ts.map +1 -0
- package/dist/disclosure.js +142 -0
- package/dist/disclosure.js.map +1 -0
- package/dist/drawer.d.ts +45 -0
- package/dist/drawer.d.ts.map +1 -0
- package/dist/drawer.js +252 -0
- package/dist/drawer.js.map +1 -0
- package/dist/editable.d.ts +37 -0
- package/dist/editable.d.ts.map +1 -0
- package/dist/editable.js +83 -0
- package/dist/editable.js.map +1 -0
- package/dist/feed.d.ts +43 -0
- package/dist/feed.d.ts.map +1 -0
- package/dist/feed.js +151 -0
- package/dist/feed.js.map +1 -0
- package/dist/form.d.ts +82 -0
- package/dist/form.d.ts.map +1 -0
- package/dist/form.js +473 -0
- package/dist/form.js.map +1 -0
- package/dist/grid.d.ts +54 -0
- package/dist/grid.d.ts.map +1 -0
- package/dist/grid.js +172 -0
- package/dist/grid.js.map +1 -0
- package/dist/index.d.ts +112 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +62 -0
- package/dist/index.js.map +1 -0
- package/dist/interact-outside.d.ts +12 -0
- package/dist/interact-outside.d.ts.map +1 -0
- package/dist/interact-outside.js +28 -0
- package/dist/interact-outside.js.map +1 -0
- package/dist/internal/checked-control.d.ts +67 -0
- package/dist/internal/checked-control.d.ts.map +1 -0
- package/dist/internal/checked-control.js +137 -0
- package/dist/internal/checked-control.js.map +1 -0
- package/dist/internal/controller.d.ts +6 -0
- package/dist/internal/controller.d.ts.map +1 -0
- package/dist/internal/controller.js +35 -0
- package/dist/internal/controller.js.map +1 -0
- package/dist/internal/date-picker-cell.d.ts +2 -0
- package/dist/internal/date-picker-cell.d.ts.map +1 -0
- package/dist/internal/date-picker-cell.js +10 -0
- package/dist/internal/date-picker-cell.js.map +1 -0
- package/dist/internal/delegated-event.d.ts +2 -0
- package/dist/internal/delegated-event.d.ts.map +1 -0
- package/dist/internal/delegated-event.js +11 -0
- package/dist/internal/delegated-event.js.map +1 -0
- package/dist/internal/direction.d.ts +3 -0
- package/dist/internal/direction.d.ts.map +1 -0
- package/dist/internal/direction.js +8 -0
- package/dist/internal/direction.js.map +1 -0
- package/dist/internal/disabled-items.d.ts +6 -0
- package/dist/internal/disabled-items.d.ts.map +1 -0
- package/dist/internal/disabled-items.js +15 -0
- package/dist/internal/disabled-items.js.map +1 -0
- package/dist/internal/facade.d.ts +45 -0
- package/dist/internal/facade.d.ts.map +1 -0
- package/dist/internal/facade.js +58 -0
- package/dist/internal/facade.js.map +1 -0
- package/dist/internal/floating-position.d.ts +26 -0
- package/dist/internal/floating-position.d.ts.map +1 -0
- package/dist/internal/floating-position.js +103 -0
- package/dist/internal/floating-position.js.map +1 -0
- package/dist/internal/interaction.d.ts +14 -0
- package/dist/internal/interaction.d.ts.map +1 -0
- package/dist/internal/interaction.js +25 -0
- package/dist/internal/interaction.js.map +1 -0
- package/dist/internal/layer-binding.d.ts +16 -0
- package/dist/internal/layer-binding.d.ts.map +1 -0
- package/dist/internal/layer-binding.js +99 -0
- package/dist/internal/layer-binding.js.map +1 -0
- package/dist/internal/layer-manager.d.ts +19 -0
- package/dist/internal/layer-manager.d.ts.map +1 -0
- package/dist/internal/layer-manager.js +81 -0
- package/dist/internal/layer-manager.js.map +1 -0
- package/dist/internal/menu-control.d.ts +41 -0
- package/dist/internal/menu-control.d.ts.map +1 -0
- package/dist/internal/menu-control.js +279 -0
- package/dist/internal/menu-control.js.map +1 -0
- package/dist/internal/modal-effects.d.ts +5 -0
- package/dist/internal/modal-effects.d.ts.map +1 -0
- package/dist/internal/modal-effects.js +125 -0
- package/dist/internal/modal-effects.js.map +1 -0
- package/dist/internal/popup-control.d.ts +45 -0
- package/dist/internal/popup-control.d.ts.map +1 -0
- package/dist/internal/popup-control.js +223 -0
- package/dist/internal/popup-control.js.map +1 -0
- package/dist/internal/semantic-controller.d.ts +20 -0
- package/dist/internal/semantic-controller.d.ts.map +1 -0
- package/dist/internal/semantic-controller.js +42 -0
- package/dist/internal/semantic-controller.js.map +1 -0
- package/dist/internal/text-element.d.ts +16 -0
- package/dist/internal/text-element.d.ts.map +1 -0
- package/dist/internal/text-element.js +217 -0
- package/dist/internal/text-element.js.map +1 -0
- package/dist/listbox.d.ts +142 -0
- package/dist/listbox.d.ts.map +1 -0
- package/dist/listbox.js +463 -0
- package/dist/listbox.js.map +1 -0
- package/dist/menu-button.d.ts +10 -0
- package/dist/menu-button.d.ts.map +1 -0
- package/dist/menu-button.js +11 -0
- package/dist/menu-button.js.map +1 -0
- package/dist/menu.d.ts +10 -0
- package/dist/menu.d.ts.map +1 -0
- package/dist/menu.js +11 -0
- package/dist/menu.js.map +1 -0
- package/dist/menubar.d.ts +8 -0
- package/dist/menubar.d.ts.map +1 -0
- package/dist/menubar.js +11 -0
- package/dist/menubar.js.map +1 -0
- package/dist/month-picker.d.ts +5 -0
- package/dist/month-picker.d.ts.map +1 -0
- package/dist/month-picker.js +3 -0
- package/dist/month-picker.js.map +1 -0
- package/dist/month-range-picker.d.ts +4 -0
- package/dist/month-range-picker.d.ts.map +1 -0
- package/dist/month-range-picker.js +3 -0
- package/dist/month-range-picker.js.map +1 -0
- package/dist/multi-thumb-slider.d.ts +43 -0
- package/dist/multi-thumb-slider.d.ts.map +1 -0
- package/dist/multi-thumb-slider.js +190 -0
- package/dist/multi-thumb-slider.js.map +1 -0
- package/dist/navigation-menu.d.ts +8 -0
- package/dist/navigation-menu.d.ts.map +1 -0
- package/dist/navigation-menu.js +10 -0
- package/dist/navigation-menu.js.map +1 -0
- package/dist/number-field.d.ts +48 -0
- package/dist/number-field.d.ts.map +1 -0
- package/dist/number-field.js +138 -0
- package/dist/number-field.js.map +1 -0
- package/dist/pagination.d.ts +52 -0
- package/dist/pagination.d.ts.map +1 -0
- package/dist/pagination.js +199 -0
- package/dist/pagination.js.map +1 -0
- package/dist/pin-input.d.ts +31 -0
- package/dist/pin-input.d.ts.map +1 -0
- package/dist/pin-input.js +84 -0
- package/dist/pin-input.js.map +1 -0
- package/dist/popover.d.ts +60 -0
- package/dist/popover.d.ts.map +1 -0
- package/dist/popover.js +82 -0
- package/dist/popover.js.map +1 -0
- package/dist/quantity-field.d.ts +53 -0
- package/dist/quantity-field.d.ts.map +1 -0
- package/dist/quantity-field.js +190 -0
- package/dist/quantity-field.js.map +1 -0
- package/dist/radio-group.d.ts +69 -0
- package/dist/radio-group.d.ts.map +1 -0
- package/dist/radio-group.js +225 -0
- package/dist/radio-group.js.map +1 -0
- package/dist/range-calendar.d.ts +3 -0
- package/dist/range-calendar.d.ts.map +1 -0
- package/dist/range-calendar.js +2 -0
- package/dist/range-calendar.js.map +1 -0
- package/dist/rating.d.ts +23 -0
- package/dist/rating.d.ts.map +1 -0
- package/dist/rating.js +38 -0
- package/dist/rating.js.map +1 -0
- package/dist/reorder.d.ts +39 -0
- package/dist/reorder.d.ts.map +1 -0
- package/dist/reorder.js +308 -0
- package/dist/reorder.js.map +1 -0
- package/dist/select.d.ts +68 -0
- package/dist/select.d.ts.map +1 -0
- package/dist/select.js +114 -0
- package/dist/select.js.map +1 -0
- package/dist/slider.d.ts +108 -0
- package/dist/slider.d.ts.map +1 -0
- package/dist/slider.js +342 -0
- package/dist/slider.js.map +1 -0
- package/dist/spin-button.d.ts +44 -0
- package/dist/spin-button.d.ts.map +1 -0
- package/dist/spin-button.js +130 -0
- package/dist/spin-button.js.map +1 -0
- package/dist/stepper.d.ts +24 -0
- package/dist/stepper.d.ts.map +1 -0
- package/dist/stepper.js +32 -0
- package/dist/stepper.js.map +1 -0
- package/dist/switch.d.ts +45 -0
- package/dist/switch.d.ts.map +1 -0
- package/dist/switch.js +44 -0
- package/dist/switch.js.map +1 -0
- package/dist/tabs.d.ts +86 -0
- package/dist/tabs.d.ts.map +1 -0
- package/dist/tabs.js +259 -0
- package/dist/tabs.js.map +1 -0
- package/dist/tags-input.d.ts +38 -0
- package/dist/tags-input.d.ts.map +1 -0
- package/dist/tags-input.js +93 -0
- package/dist/tags-input.js.map +1 -0
- package/dist/text.d.ts +85 -0
- package/dist/text.d.ts.map +1 -0
- package/dist/text.js +225 -0
- package/dist/text.js.map +1 -0
- package/dist/time-field.d.ts +42 -0
- package/dist/time-field.d.ts.map +1 -0
- package/dist/time-field.js +59 -0
- package/dist/time-field.js.map +1 -0
- package/dist/time-range-field.d.ts +48 -0
- package/dist/time-range-field.d.ts.map +1 -0
- package/dist/time-range-field.js +98 -0
- package/dist/time-range-field.js.map +1 -0
- package/dist/timer.d.ts +32 -0
- package/dist/timer.d.ts.map +1 -0
- package/dist/timer.js +46 -0
- package/dist/timer.js.map +1 -0
- package/dist/toast.d.ts +44 -0
- package/dist/toast.d.ts.map +1 -0
- package/dist/toast.js +263 -0
- package/dist/toast.js.map +1 -0
- package/dist/toggle-button.d.ts +39 -0
- package/dist/toggle-button.d.ts.map +1 -0
- package/dist/toggle-button.js +37 -0
- package/dist/toggle-button.js.map +1 -0
- package/dist/toggle-group.d.ts +42 -0
- package/dist/toggle-group.d.ts.map +1 -0
- package/dist/toggle-group.js +91 -0
- package/dist/toggle-group.js.map +1 -0
- package/dist/toolbar.d.ts +43 -0
- package/dist/toolbar.d.ts.map +1 -0
- package/dist/toolbar.js +151 -0
- package/dist/toolbar.js.map +1 -0
- package/dist/tooltip.d.ts +45 -0
- package/dist/tooltip.d.ts.map +1 -0
- package/dist/tooltip.js +68 -0
- package/dist/tooltip.js.map +1 -0
- package/dist/tree-grid.d.ts +131 -0
- package/dist/tree-grid.d.ts.map +1 -0
- package/dist/tree-grid.js +466 -0
- package/dist/tree-grid.js.map +1 -0
- package/dist/tree-view.d.ts +104 -0
- package/dist/tree-view.d.ts.map +1 -0
- package/dist/tree-view.js +332 -0
- package/dist/tree-view.js.map +1 -0
- package/dist/window-splitter.d.ts +8 -0
- package/dist/window-splitter.d.ts.map +1 -0
- package/dist/window-splitter.js +13 -0
- package/dist/window-splitter.js.map +1 -0
- package/dist/year-picker.d.ts +3 -0
- package/dist/year-picker.d.ts.map +1 -0
- package/dist/year-picker.js +2 -0
- package/dist/year-picker.js.map +1 -0
- package/dist/year-range-picker.d.ts +3 -0
- package/dist/year-range-picker.d.ts.map +1 -0
- package/dist/year-range-picker.js +2 -0
- package/dist/year-range-picker.js.map +1 -0
- package/package.json +8 -3
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"disclosure.js","sourceRoot":"","sources":["../src/disclosure.ts"],"names":[],"mappings":"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"}
|
package/dist/drawer.d.ts
ADDED
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import type { Result } from '@sectile/core';
|
|
2
|
+
import { type DrawerEvent, type DrawerSide, type DrawerState } from '@sectile/core/drawer';
|
|
3
|
+
import { type FacadeConnection } from './internal/facade.js';
|
|
4
|
+
import { type DOMPopupConnection } from './internal/popup-control.js';
|
|
5
|
+
import type { InteractOutsideHandler } from './interact-outside.js';
|
|
6
|
+
export type { DrawerSide } from '@sectile/core/drawer';
|
|
7
|
+
export type { InteractOutsideEvent, InteractOutsideHandler } from './interact-outside.js';
|
|
8
|
+
export interface DrawerOptions {
|
|
9
|
+
readonly root: HTMLElement;
|
|
10
|
+
readonly trigger?: HTMLElement;
|
|
11
|
+
readonly overlay?: HTMLElement;
|
|
12
|
+
readonly handle?: HTMLElement;
|
|
13
|
+
readonly open?: boolean;
|
|
14
|
+
readonly defaultOpen?: boolean;
|
|
15
|
+
readonly side?: DrawerSide;
|
|
16
|
+
readonly disabled?: boolean;
|
|
17
|
+
readonly modal?: boolean;
|
|
18
|
+
readonly label?: string;
|
|
19
|
+
readonly labelledBy?: string;
|
|
20
|
+
readonly describedBy?: string;
|
|
21
|
+
readonly initialFocus?: HTMLElement;
|
|
22
|
+
readonly autoFocus?: boolean;
|
|
23
|
+
readonly restoreFocus?: boolean;
|
|
24
|
+
readonly trapFocus?: boolean;
|
|
25
|
+
readonly closeOnInteractOutside?: boolean;
|
|
26
|
+
readonly interactOutsideExclusions?: readonly HTMLElement[];
|
|
27
|
+
readonly onInteractOutside?: InteractOutsideHandler;
|
|
28
|
+
readonly swipeToDismiss?: boolean;
|
|
29
|
+
readonly swipeThreshold?: number;
|
|
30
|
+
readonly swipeVelocityThreshold?: number;
|
|
31
|
+
readonly onOpenChange?: (open: boolean) => void;
|
|
32
|
+
readonly onInitialFocus?: () => void;
|
|
33
|
+
readonly onFocusRestore?: () => void;
|
|
34
|
+
readonly onUpdate?: () => void;
|
|
35
|
+
readonly manageVisibility?: boolean;
|
|
36
|
+
}
|
|
37
|
+
export type DrawerOpenChangeHandler = NonNullable<DrawerOptions['onOpenChange']>;
|
|
38
|
+
export type DrawerInitialFocusHandler = NonNullable<DrawerOptions['onInitialFocus']>;
|
|
39
|
+
export type DrawerFocusRestoreHandler = NonNullable<DrawerOptions['onFocusRestore']>;
|
|
40
|
+
export type DrawerInteractOutsideHandler = NonNullable<DrawerOptions['onInteractOutside']>;
|
|
41
|
+
export type DrawerUpdateHandler = NonNullable<DrawerOptions['onUpdate']>;
|
|
42
|
+
export type DrawerConnection = DOMPopupConnection<DrawerState, DrawerEvent>;
|
|
43
|
+
export declare function createDrawer(options: DrawerOptions): FacadeConnection<DrawerConnection>;
|
|
44
|
+
export declare function tryCreateDrawer(options: DrawerOptions): Result<FacadeConnection<DrawerConnection>>;
|
|
45
|
+
//# sourceMappingURL=drawer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../src/drawer.ts"],"names":[],"mappings":"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"}
|
package/dist/drawer.js
ADDED
|
@@ -0,0 +1,252 @@
|
|
|
1
|
+
import { applyDrawerEvent, tryCreateDrawerState, } from '@sectile/core/drawer';
|
|
2
|
+
import { unwrap } from '@sectile/core/result';
|
|
3
|
+
import { createFacadeConnection } from './internal/facade.js';
|
|
4
|
+
import { createDOMPopup } from './internal/popup-control.js';
|
|
5
|
+
export function createDrawer(options) {
|
|
6
|
+
return unwrap(tryCreateDrawer(options));
|
|
7
|
+
}
|
|
8
|
+
export function tryCreateDrawer(options) {
|
|
9
|
+
return createFacadeConnection(options, (normalized) => tryCreateDrawerConnection(normalized));
|
|
10
|
+
}
|
|
11
|
+
function tryCreateDrawerConnection(options) {
|
|
12
|
+
const side = options.side ?? 'bottom';
|
|
13
|
+
const modal = options.modal ?? true;
|
|
14
|
+
const initial = tryCreateDrawerState(options.open ?? options.defaultOpen ?? false, side);
|
|
15
|
+
if (!initial.ok)
|
|
16
|
+
return initial;
|
|
17
|
+
const thresholds = validateSwipeThresholds(options);
|
|
18
|
+
if (!thresholds.ok)
|
|
19
|
+
return thresholds;
|
|
20
|
+
let connection;
|
|
21
|
+
const popup = createDOMPopup({
|
|
22
|
+
root: options.root,
|
|
23
|
+
...(options.trigger === undefined ? {} : { trigger: options.trigger }),
|
|
24
|
+
role: 'dialog',
|
|
25
|
+
modal,
|
|
26
|
+
...(options.label === undefined ? {} : { label: options.label }),
|
|
27
|
+
...(options.labelledBy === undefined ? {} : { labelledBy: options.labelledBy }),
|
|
28
|
+
...(options.describedBy === undefined ? {} : { describedBy: options.describedBy }),
|
|
29
|
+
controlled: options.open !== undefined,
|
|
30
|
+
initial,
|
|
31
|
+
open: 'open',
|
|
32
|
+
toggle: 'toggle',
|
|
33
|
+
close: 'close',
|
|
34
|
+
reducer: applyDrawerEvent,
|
|
35
|
+
create: (open, state) => tryCreateDrawerState(open, state.side),
|
|
36
|
+
read: (state) => state.open,
|
|
37
|
+
interaction: options,
|
|
38
|
+
...(options.initialFocus === undefined ? {} : { initialFocus: options.initialFocus }),
|
|
39
|
+
autoFocus: options.autoFocus ?? true,
|
|
40
|
+
restoreFocus: options.restoreFocus ?? true,
|
|
41
|
+
trapFocus: options.trapFocus ?? modal,
|
|
42
|
+
closeOnInteractOutside: options.closeOnInteractOutside ?? true,
|
|
43
|
+
...(options.interactOutsideExclusions === undefined ? {} : { interactOutsideExclusions: options.interactOutsideExclusions }),
|
|
44
|
+
...(options.overlay === undefined ? {} : { modalBranches: [options.overlay] }),
|
|
45
|
+
...(options.onInteractOutside === undefined ? {} : { onInteractOutside: options.onInteractOutside }),
|
|
46
|
+
...(options.manageVisibility === undefined ? {} : { manageVisibility: options.manageVisibility }),
|
|
47
|
+
onOpenChange: options.onOpenChange,
|
|
48
|
+
command: (command) => command.type === 'request-initial-focus' ? options.onInitialFocus?.() : options.onFocusRestore?.(),
|
|
49
|
+
onUpdate: () => { connection?.syncProjection(); options.onUpdate?.(); },
|
|
50
|
+
});
|
|
51
|
+
if (!popup.ok)
|
|
52
|
+
return popup;
|
|
53
|
+
connection = new ManagedDrawer(popup.value, options, thresholds.value);
|
|
54
|
+
return { ok: true, value: connection };
|
|
55
|
+
}
|
|
56
|
+
class ManagedDrawer {
|
|
57
|
+
#popup;
|
|
58
|
+
#options;
|
|
59
|
+
#gestureTarget;
|
|
60
|
+
#swipeThreshold;
|
|
61
|
+
#velocityThreshold;
|
|
62
|
+
#pointerDown;
|
|
63
|
+
#pointerMove;
|
|
64
|
+
#pointerEnd;
|
|
65
|
+
#pointerCancel;
|
|
66
|
+
#pointerID;
|
|
67
|
+
#startMain = 0;
|
|
68
|
+
#startCross = 0;
|
|
69
|
+
#startTime = 0;
|
|
70
|
+
#movement = 0;
|
|
71
|
+
#active = false;
|
|
72
|
+
#wasOpen = false;
|
|
73
|
+
constructor(popup, options, thresholds) {
|
|
74
|
+
this.#popup = popup;
|
|
75
|
+
this.#options = options;
|
|
76
|
+
this.#gestureTarget = options.handle ?? options.root;
|
|
77
|
+
this.#swipeThreshold = thresholds.distance;
|
|
78
|
+
this.#velocityThreshold = thresholds.velocity;
|
|
79
|
+
this.#pointerDown = (event) => { this.#beginSwipe(event); };
|
|
80
|
+
this.#pointerMove = (event) => { this.#moveSwipe(event); };
|
|
81
|
+
this.#pointerEnd = (event) => { this.#finishSwipe(event); };
|
|
82
|
+
this.#pointerCancel = (event) => { if (event.pointerId === this.#pointerID)
|
|
83
|
+
this.#cancelSwipe(); };
|
|
84
|
+
if (options.swipeToDismiss !== false) {
|
|
85
|
+
this.#gestureTarget.addEventListener('pointerdown', this.#pointerDown);
|
|
86
|
+
this.#gestureTarget.addEventListener('pointermove', this.#pointerMove);
|
|
87
|
+
this.#gestureTarget.addEventListener('pointerup', this.#pointerEnd);
|
|
88
|
+
this.#gestureTarget.addEventListener('pointercancel', this.#pointerCancel);
|
|
89
|
+
}
|
|
90
|
+
this.syncProjection();
|
|
91
|
+
}
|
|
92
|
+
getSnapshot() { return this.#popup.getSnapshot(); }
|
|
93
|
+
syncControlledValue(open) {
|
|
94
|
+
const result = this.#popup.syncControlledValue(open);
|
|
95
|
+
this.syncProjection();
|
|
96
|
+
return result;
|
|
97
|
+
}
|
|
98
|
+
handleEvent(event) {
|
|
99
|
+
const handled = this.#popup.handleEvent(event);
|
|
100
|
+
this.syncProjection();
|
|
101
|
+
return handled;
|
|
102
|
+
}
|
|
103
|
+
refresh() { this.#popup.refresh(); this.syncProjection(); }
|
|
104
|
+
disconnect() {
|
|
105
|
+
this.#gestureTarget.removeEventListener('pointerdown', this.#pointerDown);
|
|
106
|
+
this.#gestureTarget.removeEventListener('pointermove', this.#pointerMove);
|
|
107
|
+
this.#gestureTarget.removeEventListener('pointerup', this.#pointerEnd);
|
|
108
|
+
this.#gestureTarget.removeEventListener('pointercancel', this.#pointerCancel);
|
|
109
|
+
this.#resetSwipe();
|
|
110
|
+
this.#popup.disconnect();
|
|
111
|
+
}
|
|
112
|
+
syncProjection() {
|
|
113
|
+
const snapshot = this.#popup.getSnapshot().state;
|
|
114
|
+
if (snapshot.open && !this.#wasOpen)
|
|
115
|
+
this.#resetMotionProjection();
|
|
116
|
+
this.#wasOpen = snapshot.open;
|
|
117
|
+
const side = snapshot.side;
|
|
118
|
+
const direction = swipeDirection(side);
|
|
119
|
+
for (const element of this.#projectedElements()) {
|
|
120
|
+
element.setAttribute('data-side', side);
|
|
121
|
+
element.setAttribute('data-swipe-direction', direction);
|
|
122
|
+
}
|
|
123
|
+
}
|
|
124
|
+
#beginSwipe(event) {
|
|
125
|
+
if (!this.#popup.getSnapshot().state.open || event.button !== 0 || isSwipeIgnored(event.target))
|
|
126
|
+
return;
|
|
127
|
+
if (this.#options.handle === undefined)
|
|
128
|
+
return;
|
|
129
|
+
const vertical = isVertical(this.#popup.getSnapshot().state.side);
|
|
130
|
+
this.#pointerID = event.pointerId;
|
|
131
|
+
this.#startMain = vertical ? event.clientY : event.clientX;
|
|
132
|
+
this.#startCross = vertical ? event.clientX : event.clientY;
|
|
133
|
+
this.#startTime = event.timeStamp;
|
|
134
|
+
this.#movement = 0;
|
|
135
|
+
this.#active = false;
|
|
136
|
+
}
|
|
137
|
+
#moveSwipe(event) {
|
|
138
|
+
if (event.pointerId !== this.#pointerID)
|
|
139
|
+
return;
|
|
140
|
+
const side = this.#popup.getSnapshot().state.side;
|
|
141
|
+
const vertical = isVertical(side);
|
|
142
|
+
const main = vertical ? event.clientY : event.clientX;
|
|
143
|
+
const cross = vertical ? event.clientX : event.clientY;
|
|
144
|
+
const movement = outwardMovement(side, this.#startMain, main);
|
|
145
|
+
const crossMovement = Math.abs(cross - this.#startCross);
|
|
146
|
+
if (!this.#active) {
|
|
147
|
+
if (Math.max(movement, crossMovement) < 6)
|
|
148
|
+
return;
|
|
149
|
+
if (movement <= 0 || crossMovement > movement) {
|
|
150
|
+
this.#cancelSwipe();
|
|
151
|
+
return;
|
|
152
|
+
}
|
|
153
|
+
this.#active = true;
|
|
154
|
+
this.#gestureTarget.setPointerCapture?.(event.pointerId);
|
|
155
|
+
for (const element of this.#projectedElements()) {
|
|
156
|
+
element.setAttribute('data-swiping', '');
|
|
157
|
+
element.setAttribute('data-swipe', 'move');
|
|
158
|
+
}
|
|
159
|
+
}
|
|
160
|
+
this.#movement = Math.max(0, movement);
|
|
161
|
+
this.#projectMovement(side, this.#movement);
|
|
162
|
+
if (event.cancelable)
|
|
163
|
+
event.preventDefault();
|
|
164
|
+
}
|
|
165
|
+
#finishSwipe(event) {
|
|
166
|
+
if (event.pointerId !== this.#pointerID)
|
|
167
|
+
return;
|
|
168
|
+
const elapsed = Math.max(1, event.timeStamp - this.#startTime);
|
|
169
|
+
const velocity = this.#movement / elapsed;
|
|
170
|
+
const dismiss = this.#active && (this.#movement >= this.#swipeThreshold
|
|
171
|
+
|| (this.#movement >= 16 && velocity >= this.#velocityThreshold));
|
|
172
|
+
if (dismiss) {
|
|
173
|
+
for (const element of this.#projectedElements()) {
|
|
174
|
+
element.removeAttribute('data-swiping');
|
|
175
|
+
element.setAttribute('data-swipe', 'end');
|
|
176
|
+
}
|
|
177
|
+
this.#clearPointer();
|
|
178
|
+
this.handleEvent('close');
|
|
179
|
+
return;
|
|
180
|
+
}
|
|
181
|
+
this.#cancelSwipe();
|
|
182
|
+
}
|
|
183
|
+
#cancelSwipe() {
|
|
184
|
+
const wasActive = this.#active;
|
|
185
|
+
this.#clearPointer();
|
|
186
|
+
for (const element of this.#projectedElements()) {
|
|
187
|
+
element.removeAttribute('data-swiping');
|
|
188
|
+
if (wasActive)
|
|
189
|
+
element.setAttribute('data-swipe', 'cancel');
|
|
190
|
+
element.style.setProperty('--sectile-drawer-swipe-movement-x', '0px');
|
|
191
|
+
element.style.setProperty('--sectile-drawer-swipe-movement-y', '0px');
|
|
192
|
+
element.style.setProperty('--sectile-drawer-swipe-progress', '0');
|
|
193
|
+
}
|
|
194
|
+
}
|
|
195
|
+
#projectMovement(side, movement) {
|
|
196
|
+
const signed = side === 'top' || side === 'left' ? -movement : movement;
|
|
197
|
+
const vertical = isVertical(side);
|
|
198
|
+
const size = vertical
|
|
199
|
+
? this.#options.root.getBoundingClientRect().height
|
|
200
|
+
: this.#options.root.getBoundingClientRect().width;
|
|
201
|
+
const progress = Math.min(1, movement / Math.max(1, size));
|
|
202
|
+
for (const element of this.#projectedElements()) {
|
|
203
|
+
element.style.setProperty('--sectile-drawer-swipe-movement-x', vertical ? '0px' : `${signed}px`);
|
|
204
|
+
element.style.setProperty('--sectile-drawer-swipe-movement-y', vertical ? `${signed}px` : '0px');
|
|
205
|
+
element.style.setProperty('--sectile-drawer-swipe-progress', String(progress));
|
|
206
|
+
}
|
|
207
|
+
}
|
|
208
|
+
#clearPointer() {
|
|
209
|
+
if (this.#pointerID !== undefined)
|
|
210
|
+
this.#gestureTarget.releasePointerCapture?.(this.#pointerID);
|
|
211
|
+
this.#pointerID = undefined;
|
|
212
|
+
this.#movement = 0;
|
|
213
|
+
this.#active = false;
|
|
214
|
+
}
|
|
215
|
+
#resetSwipe() {
|
|
216
|
+
this.#clearPointer();
|
|
217
|
+
this.#resetMotionProjection();
|
|
218
|
+
for (const element of this.#projectedElements()) {
|
|
219
|
+
element.removeAttribute('data-side');
|
|
220
|
+
element.removeAttribute('data-swipe-direction');
|
|
221
|
+
}
|
|
222
|
+
}
|
|
223
|
+
#resetMotionProjection() {
|
|
224
|
+
for (const element of this.#projectedElements()) {
|
|
225
|
+
element.removeAttribute('data-swiping');
|
|
226
|
+
element.removeAttribute('data-swipe');
|
|
227
|
+
element.style.removeProperty('--sectile-drawer-swipe-movement-x');
|
|
228
|
+
element.style.removeProperty('--sectile-drawer-swipe-movement-y');
|
|
229
|
+
element.style.removeProperty('--sectile-drawer-swipe-progress');
|
|
230
|
+
}
|
|
231
|
+
}
|
|
232
|
+
#projectedElements() {
|
|
233
|
+
return this.#options.overlay === undefined ? [this.#options.root] : [this.#options.root, this.#options.overlay];
|
|
234
|
+
}
|
|
235
|
+
}
|
|
236
|
+
function validateSwipeThresholds(options) {
|
|
237
|
+
const distance = options.swipeThreshold ?? 80;
|
|
238
|
+
const velocity = options.swipeVelocityThreshold ?? 0.5;
|
|
239
|
+
if (!Number.isFinite(distance) || distance < 0)
|
|
240
|
+
return { ok: false, error: { class: 'construction', code: 'invalid-drawer-swipe-threshold', message: 'Drawer swipe threshold must be a finite non-negative number.' } };
|
|
241
|
+
if (!Number.isFinite(velocity) || velocity < 0)
|
|
242
|
+
return { ok: false, error: { class: 'construction', code: 'invalid-drawer-swipe-velocity-threshold', message: 'Drawer swipe velocity threshold must be a finite non-negative number.' } };
|
|
243
|
+
return { ok: true, value: Object.freeze({ distance, velocity }) };
|
|
244
|
+
}
|
|
245
|
+
function isVertical(side) { return side === 'top' || side === 'bottom'; }
|
|
246
|
+
function swipeDirection(side) { return side === 'top' ? 'up' : side === 'bottom' ? 'down' : side; }
|
|
247
|
+
function outwardMovement(side, start, current) { return side === 'top' || side === 'left' ? start - current : current - start; }
|
|
248
|
+
function isSwipeIgnored(target) {
|
|
249
|
+
const closest = target?.closest;
|
|
250
|
+
return typeof closest === 'function' && closest.call(target, '[data-sectile-drawer-swipe-ignore]') !== null;
|
|
251
|
+
}
|
|
252
|
+
//# sourceMappingURL=drawer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../src/drawer.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { type FacadeConnection } from './internal/facade.js';
|
|
2
|
+
import type { Result } from '@sectile/core';
|
|
3
|
+
import type { RevisionSnapshot } from '@sectile/core/revision';
|
|
4
|
+
import { type EditableEvent, type EditablePolicies, type EditableState } from '@sectile/core/editable';
|
|
5
|
+
export interface EditableOptions {
|
|
6
|
+
readonly root: HTMLElement;
|
|
7
|
+
readonly preview: HTMLElement;
|
|
8
|
+
readonly input: HTMLInputElement | HTMLTextAreaElement;
|
|
9
|
+
readonly editTrigger?: HTMLElement;
|
|
10
|
+
readonly submitTrigger?: HTMLElement;
|
|
11
|
+
readonly cancelTrigger?: HTMLElement;
|
|
12
|
+
readonly value?: string;
|
|
13
|
+
readonly defaultValue?: string;
|
|
14
|
+
readonly disabled?: boolean;
|
|
15
|
+
readonly readOnly?: boolean;
|
|
16
|
+
readonly submitOnBlur?: boolean;
|
|
17
|
+
readonly policies?: EditablePolicies;
|
|
18
|
+
readonly label?: string;
|
|
19
|
+
readonly name?: string;
|
|
20
|
+
readonly onValueChange?: (value: string) => void;
|
|
21
|
+
readonly onEditingChange?: (editing: boolean) => void;
|
|
22
|
+
readonly onUpdate?: () => void;
|
|
23
|
+
}
|
|
24
|
+
export type EditableValueChangeHandler = NonNullable<EditableOptions['onValueChange']>;
|
|
25
|
+
export type EditableEditingChangeHandler = NonNullable<EditableOptions['onEditingChange']>;
|
|
26
|
+
export type EditableUpdateHandler = NonNullable<EditableOptions['onUpdate']>;
|
|
27
|
+
export interface EditableConnection {
|
|
28
|
+
getSnapshot(): RevisionSnapshot<EditableState>;
|
|
29
|
+
syncControlledValue(value: string): Result<RevisionSnapshot<EditableState>>;
|
|
30
|
+
handleEvent(event: EditableEvent): boolean;
|
|
31
|
+
refresh(): void;
|
|
32
|
+
disconnect(): void;
|
|
33
|
+
}
|
|
34
|
+
export declare function createEditable(options: EditableOptions): FacadeConnection<EditableConnection>;
|
|
35
|
+
export declare function tryCreateEditable(options: EditableOptions): Result<FacadeConnection<EditableConnection>>;
|
|
36
|
+
export type { EditablePolicies, EditableState } from '@sectile/core/editable';
|
|
37
|
+
//# sourceMappingURL=editable.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"editable.d.ts","sourceRoot":"","sources":["../src/editable.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAErF,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAoE,KAAK,aAAa,EAAE,KAAK,gBAAgB,EAAE,KAAK,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAIzK,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC;IAAC,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAC;IAAC,QAAQ,CAAC,KAAK,EAAE,gBAAgB,GAAG,mBAAmB,CAAC;IAClH,QAAQ,CAAC,WAAW,CAAC,EAAE,WAAW,CAAC;IAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,WAAW,CAAC;IAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,WAAW,CAAC;IAC/G,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAClH,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvH,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAAC,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACzI;AAED,MAAM,MAAM,0BAA0B,GAAG,WAAW,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC,CAAC;AACvF,MAAM,MAAM,4BAA4B,GAAG,WAAW,CAAC,eAAe,CAAC,iBAAiB,CAAC,CAAC,CAAC;AAC3F,MAAM,MAAM,qBAAqB,GAAG,WAAW,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC,CAAC;AAC7E,MAAM,WAAW,kBAAkB;IAAG,WAAW,IAAI,gBAAgB,CAAC,aAAa,CAAC,CAAC;IAAC,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAC,CAAC;IAAC,WAAW,CAAC,KAAK,EAAE,aAAa,GAAG,OAAO,CAAC;IAAC,OAAO,IAAI,IAAI,CAAC;IAAC,UAAU,IAAI,IAAI,CAAA;CAAE;AAEpP,wBAAgB,cAAc,CAAC,OAAO,EAAE,eAAe,GAAG,gBAAgB,CAAC,kBAAkB,CAAC,CAA+C;AAC7I,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,eAAe,GAAG,MAAM,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC,CAAiG;AA+B1M,YAAY,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC"}
|
package/dist/editable.js
ADDED
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
import { createFacadeConnection } from './internal/facade.js';
|
|
2
|
+
import { unwrap } from '@sectile/core/result';
|
|
3
|
+
import { applyEditableEvent, tryCreateEditableState } from '@sectile/core/editable';
|
|
4
|
+
import { createSemanticController } from './internal/semantic-controller.js';
|
|
5
|
+
import { setInteractionAttributes } from './internal/interaction.js';
|
|
6
|
+
export function createEditable(options) { return unwrap(tryCreateEditable(options)); }
|
|
7
|
+
export function tryCreateEditable(options) { return createFacadeConnection(options, (resolved) => tryCreateEditableConnection(resolved)); }
|
|
8
|
+
function tryCreateEditableConnection(options) {
|
|
9
|
+
const controlled = options.value !== undefined;
|
|
10
|
+
const initial = options.value ?? options.defaultValue ?? '';
|
|
11
|
+
const runtime = createSemanticController({
|
|
12
|
+
initial: tryCreateEditableState(initial), reducer: (state, event) => applyEditableEvent(state, event, options.policies),
|
|
13
|
+
reconcile: (previous, proposed) => tryCreateEditableState(controlled ? previous.value : proposed.value, proposed.editing ? proposed.draft : controlled ? previous.value : proposed.value, proposed.editing),
|
|
14
|
+
notify: (previous, proposed) => { if (previous.value !== proposed.value)
|
|
15
|
+
options.onValueChange?.(proposed.value); if (previous.editing !== proposed.editing)
|
|
16
|
+
options.onEditingChange?.(proposed.editing); },
|
|
17
|
+
toEffect: (command) => command, interaction: options,
|
|
18
|
+
});
|
|
19
|
+
return runtime.ok ? { ok: true, value: new DOMEditable(options, runtime.value, controlled) } : runtime;
|
|
20
|
+
}
|
|
21
|
+
class DOMEditable {
|
|
22
|
+
#options;
|
|
23
|
+
#runtime;
|
|
24
|
+
#controlled;
|
|
25
|
+
#start = () => { this.handleEvent('start-edit'); };
|
|
26
|
+
#input = () => { this.handleEvent({ type: 'input', text: this.#options.input.value }); };
|
|
27
|
+
#submit = () => { this.handleEvent('commit'); };
|
|
28
|
+
#cancel = () => { this.handleEvent('cancel'); };
|
|
29
|
+
#keydown = (nativeEvent) => { const event = nativeEvent; if (event.key === 'Escape') {
|
|
30
|
+
event.preventDefault();
|
|
31
|
+
this.handleEvent('cancel');
|
|
32
|
+
}
|
|
33
|
+
else if (event.key === 'Enter' && this.#options.input.tagName !== 'TEXTAREA') {
|
|
34
|
+
event.preventDefault();
|
|
35
|
+
this.handleEvent('commit');
|
|
36
|
+
} };
|
|
37
|
+
#blur = () => { if (this.#options.submitOnBlur === true)
|
|
38
|
+
this.handleEvent('commit'); };
|
|
39
|
+
constructor(options, runtime, controlled) {
|
|
40
|
+
this.#options = options;
|
|
41
|
+
this.#runtime = runtime;
|
|
42
|
+
this.#controlled = controlled;
|
|
43
|
+
options.preview.addEventListener('click', this.#start);
|
|
44
|
+
options.editTrigger?.addEventListener('click', this.#start);
|
|
45
|
+
options.input.addEventListener('input', this.#input);
|
|
46
|
+
options.input.addEventListener('keydown', this.#keydown);
|
|
47
|
+
options.input.addEventListener('blur', this.#blur);
|
|
48
|
+
options.submitTrigger?.addEventListener('click', this.#submit);
|
|
49
|
+
options.cancelTrigger?.addEventListener('click', this.#cancel);
|
|
50
|
+
setInteractionAttributes(options.preview, options);
|
|
51
|
+
setInteractionAttributes(options.input, options, { native: true });
|
|
52
|
+
if (options.editTrigger !== undefined)
|
|
53
|
+
setInteractionAttributes(options.editTrigger, options, { native: true });
|
|
54
|
+
if (options.submitTrigger !== undefined)
|
|
55
|
+
setInteractionAttributes(options.submitTrigger, options, { native: true });
|
|
56
|
+
if (options.cancelTrigger !== undefined)
|
|
57
|
+
setInteractionAttributes(options.cancelTrigger, options, { native: true });
|
|
58
|
+
this.refresh();
|
|
59
|
+
}
|
|
60
|
+
getSnapshot() { return this.#runtime.getSnapshot(); }
|
|
61
|
+
syncControlledValue(value) { if (!this.#controlled)
|
|
62
|
+
return { ok: false, error: { class: 'construction', code: 'uncontrolled-controller-sync', message: 'An uncontrolled editable cannot be synchronized externally.' } }; const state = this.getSnapshot().state; const result = this.#runtime.replace(tryCreateEditableState(value, state.editing ? state.draft : value, state.editing)); if (result.ok) {
|
|
63
|
+
this.refresh();
|
|
64
|
+
this.#options.onUpdate?.();
|
|
65
|
+
} return result; }
|
|
66
|
+
handleEvent(event) { const result = this.#runtime.handle(event); this.#options.input.setAttribute('aria-invalid', String(!result.ok && event === 'commit')); this.refresh(); if (result.ok) {
|
|
67
|
+
for (const command of result.commands) {
|
|
68
|
+
if (command.type === 'focus-input')
|
|
69
|
+
this.#options.input.focus();
|
|
70
|
+
if (command.type === 'focus-preview')
|
|
71
|
+
this.#options.preview.focus();
|
|
72
|
+
}
|
|
73
|
+
this.#options.onUpdate?.();
|
|
74
|
+
} return result.ok; }
|
|
75
|
+
refresh() { const state = this.getSnapshot().state; this.#options.root.dataset['scope'] = 'editable'; this.#options.root.dataset['state'] = state.editing ? 'editing' : 'idle'; this.#options.preview.hidden = state.editing; this.#options.preview.tabIndex = this.#options.disabled === true ? -1 : 0; this.#options.input.hidden = !state.editing; this.#options.input.value = state.draft; this.#options.input.disabled = this.#options.disabled ?? false; this.#options.input.readOnly = this.#options.readOnly ?? false; if (this.#options.label !== undefined)
|
|
76
|
+
this.#options.input.setAttribute('aria-label', this.#options.label); if (this.#options.name !== undefined)
|
|
77
|
+
this.#options.input.name = this.#options.name; if (this.#options.editTrigger !== undefined)
|
|
78
|
+
this.#options.editTrigger.hidden = state.editing; if (this.#options.submitTrigger !== undefined)
|
|
79
|
+
this.#options.submitTrigger.hidden = !state.editing; if (this.#options.cancelTrigger !== undefined)
|
|
80
|
+
this.#options.cancelTrigger.hidden = !state.editing; }
|
|
81
|
+
disconnect() { this.#options.preview.removeEventListener('click', this.#start); this.#options.editTrigger?.removeEventListener('click', this.#start); this.#options.input.removeEventListener('input', this.#input); this.#options.input.removeEventListener('keydown', this.#keydown); this.#options.input.removeEventListener('blur', this.#blur); this.#options.submitTrigger?.removeEventListener('click', this.#submit); this.#options.cancelTrigger?.removeEventListener('click', this.#cancel); }
|
|
82
|
+
}
|
|
83
|
+
//# sourceMappingURL=editable.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"editable.js","sourceRoot":"","sources":["../src/editable.ts"],"names":[],"mappings":"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"}
|
package/dist/feed.d.ts
ADDED
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import type { Result, StableID } from '@sectile/core';
|
|
2
|
+
import { type FeedDirection, type FeedEvent, type FeedState } from '@sectile/core/feed';
|
|
3
|
+
import type { RevisionSnapshot } from '@sectile/core/revision';
|
|
4
|
+
import { type FacadeConnection } from './internal/facade.js';
|
|
5
|
+
export type { FeedDirection } from '@sectile/core/feed';
|
|
6
|
+
export interface FeedOptions<ID extends StableID = StableID> {
|
|
7
|
+
readonly root: HTMLElement;
|
|
8
|
+
readonly items: readonly ID[];
|
|
9
|
+
readonly revision?: number;
|
|
10
|
+
readonly start?: number;
|
|
11
|
+
readonly total?: number | null;
|
|
12
|
+
readonly defaultHighlightedValue?: ID | null;
|
|
13
|
+
readonly disabled?: boolean;
|
|
14
|
+
readonly label?: string;
|
|
15
|
+
readonly setSize?: number;
|
|
16
|
+
readonly getPosition?: (id: ID) => number;
|
|
17
|
+
readonly onHighlightedValueChange?: (value: ID | null) => void;
|
|
18
|
+
readonly onRequestWindow?: (direction: FeedDirection, anchor: ID | null, revision: number, requestGeneration: number) => void;
|
|
19
|
+
readonly onUpdate?: () => void;
|
|
20
|
+
}
|
|
21
|
+
export type FeedPositionResolver<ID extends StableID = StableID> = NonNullable<FeedOptions<ID>['getPosition']>;
|
|
22
|
+
export type FeedHighlightedValueChangeHandler<ID extends StableID = StableID> = NonNullable<FeedOptions<ID>['onHighlightedValueChange']>;
|
|
23
|
+
export type FeedRequestWindowHandler<ID extends StableID = StableID> = NonNullable<FeedOptions<ID>['onRequestWindow']>;
|
|
24
|
+
export type FeedUpdateHandler<ID extends StableID = StableID> = NonNullable<FeedOptions<ID>['onUpdate']>;
|
|
25
|
+
export interface FeedWindow<ID extends StableID = StableID> {
|
|
26
|
+
readonly items: readonly ID[];
|
|
27
|
+
readonly revision: number;
|
|
28
|
+
readonly requestGeneration?: number;
|
|
29
|
+
readonly start?: number;
|
|
30
|
+
readonly total?: number | null;
|
|
31
|
+
readonly highlightedValue?: ID | null;
|
|
32
|
+
}
|
|
33
|
+
export interface FeedConnection<ID extends StableID = StableID> {
|
|
34
|
+
getSnapshot(): RevisionSnapshot<FeedState<ID>>;
|
|
35
|
+
syncWindow(window: FeedWindow<ID>): Result<RevisionSnapshot<FeedState<ID>>>;
|
|
36
|
+
setItemAttributes(element: HTMLElement, id: ID): void;
|
|
37
|
+
handleEvent(event: FeedEvent<ID>): boolean;
|
|
38
|
+
focusCurrent(): void;
|
|
39
|
+
disconnect(): void;
|
|
40
|
+
}
|
|
41
|
+
export declare function createFeed<ID extends StableID>(options: FeedOptions<ID>): FacadeConnection<FeedConnection<ID>>;
|
|
42
|
+
export declare function tryCreateFeed<ID extends StableID>(options: FeedOptions<ID>): Result<FacadeConnection<FeedConnection<ID>>>;
|
|
43
|
+
//# sourceMappingURL=feed.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"feed.d.ts","sourceRoot":"","sources":["../src/feed.ts"],"names":[],"mappings":"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"}
|