@samline/drawer 2.0.0

package/dist/core/index.d.mts

@@ -0,0 +1,56 @@
+type CommonDrawerDirection = 'top' | 'bottom' | 'left' | 'right';
+type CommonDrawerSnapPoint = number | string;
+type CommonDrawerId = string;
+interface CommonDrawerOptions {
+    id?: CommonDrawerId;
+    parentId?: CommonDrawerId;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    onClose?: () => void;
+    onAnimationEnd?: (open: boolean) => void;
+    onDragChange?: (percentageDragged: number) => void;
+    onReleaseChange?: (open: boolean) => void;
+    dismissible?: boolean;
+    modal?: boolean;
+    nested?: boolean;
+    direction?: CommonDrawerDirection;
+    snapPoints?: CommonDrawerSnapPoint[];
+    fadeFromIndex?: number;
+    activeSnapPoint?: CommonDrawerSnapPoint | null;
+    closeThreshold?: number;
+    scrollLockTimeout?: number;
+    shouldScaleBackground?: boolean;
+    setBackgroundColorOnScale?: boolean;
+    handleOnly?: boolean;
+    fixed?: boolean;
+    disablePreventScroll?: boolean;
+    repositionInputs?: boolean;
+    snapToSequentialPoint?: boolean;
+    preventScrollRestoration?: boolean;
+    noBodyStyles?: boolean;
+    autoFocus?: boolean;
+}
+interface CommonDrawerState {
+    isOpen: boolean;
+    activeSnapPoint: CommonDrawerSnapPoint | null;
+    direction: CommonDrawerDirection;
+    snapPoints: CommonDrawerSnapPoint[];
+    dismissible: boolean;
+    modal: boolean;
+}
+interface CommonDrawerSnapshot {
+    options: CommonDrawerOptions;
+    state: CommonDrawerState;
+}
+interface CommonDrawerController {
+    getSnapshot: () => CommonDrawerSnapshot;
+    setOpen: (open: boolean) => CommonDrawerSnapshot;
+    setActiveSnapPoint: (snapPoint: CommonDrawerSnapPoint | null) => CommonDrawerSnapshot;
+    patch: (options: Partial<CommonDrawerOptions>) => CommonDrawerSnapshot;
+    subscribe: (listener: (snapshot: CommonDrawerSnapshot) => void) => () => void;
+}
+declare function createDrawerController(initialOptions?: CommonDrawerOptions): CommonDrawerController;
+
+export { createDrawerController };
+export type { CommonDrawerController, CommonDrawerDirection, CommonDrawerId, CommonDrawerOptions, CommonDrawerSnapPoint, CommonDrawerSnapshot, CommonDrawerState };

package/dist/core/index.d.ts

@@ -0,0 +1,56 @@
+type CommonDrawerDirection = 'top' | 'bottom' | 'left' | 'right';
+type CommonDrawerSnapPoint = number | string;
+type CommonDrawerId = string;
+interface CommonDrawerOptions {
+    id?: CommonDrawerId;
+    parentId?: CommonDrawerId;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    onClose?: () => void;
+    onAnimationEnd?: (open: boolean) => void;
+    onDragChange?: (percentageDragged: number) => void;
+    onReleaseChange?: (open: boolean) => void;
+    dismissible?: boolean;
+    modal?: boolean;
+    nested?: boolean;
+    direction?: CommonDrawerDirection;
+    snapPoints?: CommonDrawerSnapPoint[];
+    fadeFromIndex?: number;
+    activeSnapPoint?: CommonDrawerSnapPoint | null;
+    closeThreshold?: number;
+    scrollLockTimeout?: number;
+    shouldScaleBackground?: boolean;
+    setBackgroundColorOnScale?: boolean;
+    handleOnly?: boolean;
+    fixed?: boolean;
+    disablePreventScroll?: boolean;
+    repositionInputs?: boolean;
+    snapToSequentialPoint?: boolean;
+    preventScrollRestoration?: boolean;
+    noBodyStyles?: boolean;
+    autoFocus?: boolean;
+}
+interface CommonDrawerState {
+    isOpen: boolean;
+    activeSnapPoint: CommonDrawerSnapPoint | null;
+    direction: CommonDrawerDirection;
+    snapPoints: CommonDrawerSnapPoint[];
+    dismissible: boolean;
+    modal: boolean;
+}
+interface CommonDrawerSnapshot {
+    options: CommonDrawerOptions;
+    state: CommonDrawerState;
+}
+interface CommonDrawerController {
+    getSnapshot: () => CommonDrawerSnapshot;
+    setOpen: (open: boolean) => CommonDrawerSnapshot;
+    setActiveSnapPoint: (snapPoint: CommonDrawerSnapPoint | null) => CommonDrawerSnapshot;
+    patch: (options: Partial<CommonDrawerOptions>) => CommonDrawerSnapshot;
+    subscribe: (listener: (snapshot: CommonDrawerSnapshot) => void) => () => void;
+}
+declare function createDrawerController(initialOptions?: CommonDrawerOptions): CommonDrawerController;
+
+export { createDrawerController };
+export type { CommonDrawerController, CommonDrawerDirection, CommonDrawerId, CommonDrawerOptions, CommonDrawerSnapPoint, CommonDrawerSnapshot, CommonDrawerState };

package/dist/core/index.js

@@ -0,0 +1,69 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const DEFAULT_OPTIONS = {
+    direction: 'bottom',
+    dismissible: true,
+    modal: true
+};
+function toSnapshot(options) {
+    var _options_open, _ref, _options_activeSnapPoint, _options_direction, _options_snapPoints, _options_dismissible, _options_modal;
+    var _options_snapPoints1;
+    return {
+        options,
+        state: {
+            isOpen: Boolean((_options_open = options.open) != null ? _options_open : options.defaultOpen),
+            activeSnapPoint: (_ref = (_options_activeSnapPoint = options.activeSnapPoint) != null ? _options_activeSnapPoint : (_options_snapPoints1 = options.snapPoints) == null ? void 0 : _options_snapPoints1[0]) != null ? _ref : null,
+            direction: (_options_direction = options.direction) != null ? _options_direction : DEFAULT_OPTIONS.direction,
+            snapPoints: (_options_snapPoints = options.snapPoints) != null ? _options_snapPoints : [],
+            dismissible: (_options_dismissible = options.dismissible) != null ? _options_dismissible : DEFAULT_OPTIONS.dismissible,
+            modal: (_options_modal = options.modal) != null ? _options_modal : DEFAULT_OPTIONS.modal
+        }
+    };
+}
+function createDrawerController(initialOptions = {}) {
+    let options = {
+        ...initialOptions
+    };
+    let snapshot = toSnapshot(options);
+    const listeners = new Set();
+    function publish() {
+        snapshot = toSnapshot(options);
+        listeners.forEach((listener)=>listener(snapshot));
+        return snapshot;
+    }
+    return {
+        getSnapshot () {
+            return snapshot;
+        },
+        setOpen (open) {
+            options = {
+                ...options,
+                open
+            };
+            return publish();
+        },
+        setActiveSnapPoint (activeSnapPoint) {
+            options = {
+                ...options,
+                activeSnapPoint
+            };
+            return publish();
+        },
+        patch (nextOptions) {
+            options = {
+                ...options,
+                ...nextOptions
+            };
+            return publish();
+        },
+        subscribe (listener) {
+            listeners.add(listener);
+            listener(snapshot);
+            return ()=>{
+                listeners.delete(listener);
+            };
+        }
+    };
+}
+
+exports.createDrawerController = createDrawerController;

package/dist/core/index.mjs

@@ -0,0 +1,67 @@
+const DEFAULT_OPTIONS = {
+    direction: 'bottom',
+    dismissible: true,
+    modal: true
+};
+function toSnapshot(options) {
+    var _options_open, _ref, _options_activeSnapPoint, _options_direction, _options_snapPoints, _options_dismissible, _options_modal;
+    var _options_snapPoints1;
+    return {
+        options,
+        state: {
+            isOpen: Boolean((_options_open = options.open) != null ? _options_open : options.defaultOpen),
+            activeSnapPoint: (_ref = (_options_activeSnapPoint = options.activeSnapPoint) != null ? _options_activeSnapPoint : (_options_snapPoints1 = options.snapPoints) == null ? void 0 : _options_snapPoints1[0]) != null ? _ref : null,
+            direction: (_options_direction = options.direction) != null ? _options_direction : DEFAULT_OPTIONS.direction,
+            snapPoints: (_options_snapPoints = options.snapPoints) != null ? _options_snapPoints : [],
+            dismissible: (_options_dismissible = options.dismissible) != null ? _options_dismissible : DEFAULT_OPTIONS.dismissible,
+            modal: (_options_modal = options.modal) != null ? _options_modal : DEFAULT_OPTIONS.modal
+        }
+    };
+}
+function createDrawerController(initialOptions = {}) {
+    let options = {
+        ...initialOptions
+    };
+    let snapshot = toSnapshot(options);
+    const listeners = new Set();
+    function publish() {
+        snapshot = toSnapshot(options);
+        listeners.forEach((listener)=>listener(snapshot));
+        return snapshot;
+    }
+    return {
+        getSnapshot () {
+            return snapshot;
+        },
+        setOpen (open) {
+            options = {
+                ...options,
+                open
+            };
+            return publish();
+        },
+        setActiveSnapPoint (activeSnapPoint) {
+            options = {
+                ...options,
+                activeSnapPoint
+            };
+            return publish();
+        },
+        patch (nextOptions) {
+            options = {
+                ...options,
+                ...nextOptions
+            };
+            return publish();
+        },
+        subscribe (listener) {
+            listeners.add(listener);
+            listener(snapshot);
+            return ()=>{
+                listeners.delete(listener);
+            };
+        }
+    };
+}
+
+export { createDrawerController };

package/dist/index.d.mts

@@ -0,0 +1,41 @@
+import { CommonDrawerOptions, CommonDrawerController, CommonDrawerId } from './core/index.mjs';
+export { CommonDrawerController, CommonDrawerDirection, CommonDrawerId, CommonDrawerOptions, CommonDrawerSnapPoint, CommonDrawerSnapshot, createDrawerController } from './core/index.mjs';
+
+type VanillaRenderable = string | number | HTMLElement | (() => HTMLElement) | null | undefined;
+interface VanillaDrawerOptions extends CommonDrawerOptions {
+    mountElement?: HTMLElement | null;
+    triggerElement?: HTMLElement | null;
+    triggerText?: string;
+    showHandle?: boolean;
+    handleClassName?: string;
+    title?: VanillaRenderable;
+    description?: VanillaRenderable;
+    content?: VanillaRenderable;
+    overlayClassName?: string;
+    contentClassName?: string;
+}
+
+interface VanillaDrawerController extends CommonDrawerController {
+    id: CommonDrawerId;
+    element: HTMLElement | null;
+    options: VanillaDrawerOptions;
+    update: (options?: VanillaDrawerOptions) => VanillaDrawerController;
+    destroy: () => void;
+}
+declare function createDrawer(options?: VanillaDrawerOptions): VanillaDrawerController;
+declare function configureDrawer(options?: VanillaDrawerOptions): VanillaDrawerController;
+declare function getDrawer(id?: CommonDrawerId | null): VanillaDrawerController | null;
+declare function getDrawers(): {
+    [k: string]: VanillaDrawerController;
+};
+declare function getParentDrawer(id?: CommonDrawerId | null): VanillaDrawerController | null;
+declare function getChildDrawers(id?: CommonDrawerId | null): VanillaDrawerController[];
+declare function updateDrawer(idOrOptions?: CommonDrawerId | VanillaDrawerOptions | null, options?: VanillaDrawerOptions): VanillaDrawerController;
+declare function openDrawer(id?: CommonDrawerId | null): VanillaDrawerController;
+declare function closeDrawer(id?: CommonDrawerId | null): VanillaDrawerController;
+declare function toggleDrawer(id?: CommonDrawerId | null): VanillaDrawerController;
+declare function destroyDrawer(id?: CommonDrawerId | null): void;
+declare function destroyDrawers(): void;
+
+export { closeDrawer, configureDrawer, createDrawer, destroyDrawer, destroyDrawers, getChildDrawers, getDrawer, getDrawers, getParentDrawer, openDrawer, toggleDrawer, updateDrawer };
+export type { VanillaDrawerController, VanillaDrawerOptions, VanillaRenderable };

package/dist/index.d.ts

@@ -0,0 +1,41 @@
+import { CommonDrawerOptions, CommonDrawerController, CommonDrawerId } from './core/index.js';
+export { CommonDrawerController, CommonDrawerDirection, CommonDrawerId, CommonDrawerOptions, CommonDrawerSnapPoint, CommonDrawerSnapshot, createDrawerController } from './core/index.js';
+
+type VanillaRenderable = string | number | HTMLElement | (() => HTMLElement) | null | undefined;
+interface VanillaDrawerOptions extends CommonDrawerOptions {
+    mountElement?: HTMLElement | null;
+    triggerElement?: HTMLElement | null;
+    triggerText?: string;
+    showHandle?: boolean;
+    handleClassName?: string;
+    title?: VanillaRenderable;
+    description?: VanillaRenderable;
+    content?: VanillaRenderable;
+    overlayClassName?: string;
+    contentClassName?: string;
+}
+
+interface VanillaDrawerController extends CommonDrawerController {
+    id: CommonDrawerId;
+    element: HTMLElement | null;
+    options: VanillaDrawerOptions;
+    update: (options?: VanillaDrawerOptions) => VanillaDrawerController;
+    destroy: () => void;
+}
+declare function createDrawer(options?: VanillaDrawerOptions): VanillaDrawerController;
+declare function configureDrawer(options?: VanillaDrawerOptions): VanillaDrawerController;
+declare function getDrawer(id?: CommonDrawerId | null): VanillaDrawerController | null;
+declare function getDrawers(): {
+    [k: string]: VanillaDrawerController;
+};
+declare function getParentDrawer(id?: CommonDrawerId | null): VanillaDrawerController | null;
+declare function getChildDrawers(id?: CommonDrawerId | null): VanillaDrawerController[];
+declare function updateDrawer(idOrOptions?: CommonDrawerId | VanillaDrawerOptions | null, options?: VanillaDrawerOptions): VanillaDrawerController;
+declare function openDrawer(id?: CommonDrawerId | null): VanillaDrawerController;
+declare function closeDrawer(id?: CommonDrawerId | null): VanillaDrawerController;
+declare function toggleDrawer(id?: CommonDrawerId | null): VanillaDrawerController;
+declare function destroyDrawer(id?: CommonDrawerId | null): void;
+declare function destroyDrawers(): void;
+
+export { closeDrawer, configureDrawer, createDrawer, destroyDrawer, destroyDrawers, getChildDrawers, getDrawer, getDrawers, getParentDrawer, openDrawer, toggleDrawer, updateDrawer };
+export type { VanillaDrawerController, VanillaDrawerOptions, VanillaRenderable };