@duskmoon-dev/el-bottom-sheet 0.4.0

package/dist/types/el-dm-bottom-sheet.d.ts

@@ -0,0 +1,79 @@
+/**
+ * DuskMoon Bottom Sheet Element
+ *
+ * A mobile bottom panel/sheet component for displaying content that slides up from the bottom.
+ * Supports snap points, swipe gestures, and modal mode.
+ *
+ * @element el-dm-bottom-sheet
+ *
+ * @attr {boolean} open - Whether the bottom sheet is open
+ * @attr {boolean} modal - Whether to show backdrop and trap focus
+ * @attr {boolean} persistent - Prevent dismiss by outside click or swipe down
+ * @attr {string} snap-points - Comma-separated list of snap point heights (e.g., "25%,50%,100%")
+ *
+ * @slot - Default slot for sheet content
+ * @slot header - Header content above the drag handle
+ *
+ * @csspart sheet - The sheet container
+ * @csspart backdrop - The backdrop overlay (modal mode)
+ * @csspart handle - The drag handle
+ * @csspart content - The content wrapper
+ * @csspart header - The header section
+ *
+ * @fires open - Fired when sheet opens
+ * @fires close - Fired when sheet closes
+ * @fires snap - Fired when sheet snaps to a point, detail contains { height, index }
+ */
+import { BaseElement } from '@duskmoon-dev/el-core';
+export declare class ElDmBottomSheet extends BaseElement {
+    static properties: {
+        open: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        modal: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        persistent: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        snapPoints: {
+            type: StringConstructor;
+            reflect: boolean;
+            attribute: string;
+        };
+    };
+    open: boolean;
+    modal: boolean;
+    persistent: boolean;
+    snapPoints: string;
+    private _startY;
+    private _currentY;
+    private _sheetHeight;
+    private _isDragging;
+    private _parsedSnapPoints;
+    private _currentSnapIndex;
+    private _focusableElements;
+    private _previouslyFocused;
+    constructor();
+    connectedCallback(): void;
+    private _parseSnapPoints;
+    private _handleBackdropClick;
+    private _handleKeyDown;
+    private _trapFocus;
+    private _handleTouchStart;
+    private _handleTouchMove;
+    private _handleTouchEnd;
+    private _handleMouseDown;
+    private _handleMouseMove;
+    private _handleMouseUp;
+    private _snapToNearestPoint;
+    show(): void;
+    hide(): void;
+    disconnectedCallback(): void;
+    render(): string;
+    update(): void;
+}
+//# sourceMappingURL=el-dm-bottom-sheet.d.ts.map

package/dist/types/el-dm-bottom-sheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"el-dm-bottom-sheet.d.ts","sourceRoot":"","sources":["../../src/el-dm-bottom-sheet.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAEH,OAAO,EAAE,WAAW,EAAO,MAAM,uBAAuB,CAAC;AA4HzD,qBAAa,eAAgB,SAAQ,WAAW;IAC9C,MAAM,CAAC,UAAU;;;;;;;;;;;;;;;;;;MAKf;IAEM,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IAE3B,OAAO,CAAC,OAAO,CAAK;IACpB,OAAO,CAAC,SAAS,CAAK;IACtB,OAAO,CAAC,YAAY,CAAK;IACzB,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,iBAAiB,CAAgB;IACzC,OAAO,CAAC,iBAAiB,CAAM;IAC/B,OAAO,CAAC,kBAAkB,CAAqB;IAC/C,OAAO,CAAC,kBAAkB,CAA4B;;IAOtD,iBAAiB,IAAI,IAAI;IAKzB,OAAO,CAAC,gBAAgB;IAuBxB,OAAO,CAAC,oBAAoB,CAI1B;IAEF,OAAO,CAAC,cAAc,CASpB;IAEF,OAAO,CAAC,UAAU;IA6BlB,OAAO,CAAC,iBAAiB,CAUvB;IAEF,OAAO,CAAC,gBAAgB,CActB;IAEF,OAAO,CAAC,eAAe,CAsBrB;IAEF,OAAO,CAAC,gBAAgB,CAYtB;IAEF,OAAO,CAAC,gBAAgB,CAYtB;IAEF,OAAO,CAAC,cAAc,CAyBpB;IAEF,OAAO,CAAC,mBAAmB;IA8B3B,IAAI,IAAI,IAAI;IAyBZ,IAAI,IAAI,IAAI;IAaZ,oBAAoB,IAAI,IAAI;IAQ5B,MAAM,IAAI,MAAM;IAyBhB,MAAM,IAAI,IAAI;CAgBf"}

package/dist/types/index.d.ts

@@ -0,0 +1,4 @@
+import { ElDmBottomSheet } from './el-dm-bottom-sheet.js';
+export { ElDmBottomSheet };
+export declare function register(): void;
+//# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE1D,OAAO,EAAE,eAAe,EAAE,CAAC;AAE3B,wBAAgB,QAAQ,IAAI,IAAI,CAI/B"}

package/dist/types/register.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=register.d.ts.map

package/dist/types/register.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.d.ts","sourceRoot":"","sources":["../../src/register.ts"],"names":[],"mappings":""}

package/package.json

@@ -0,0 +1,63 @@
+{
+  "name": "@duskmoon-dev/el-bottom-sheet",
+  "version": "0.4.0",
+  "type": "module",
+  "main": "./dist/cjs/index.js",
+  "module": "./dist/esm/index.js",
+  "types": "./dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
+    },
+    "./register": {
+      "types": "./dist/types/register.d.ts",
+      "import": "./dist/esm/register.js",
+      "require": "./dist/cjs/register.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "prebuild": "bun run clean",
+    "build": "bun run build:esm && bun run build:cjs && bun run build:types",
+    "build:esm": "bun build ./src/index.ts ./src/register.ts --outdir ./dist/esm --format esm --sourcemap --external @duskmoon-dev/el-core --external @duskmoon-dev/core",
+    "build:cjs": "bun build ./src/index.ts ./src/register.ts --outdir ./dist/cjs --format cjs --sourcemap --external @duskmoon-dev/el-core --external @duskmoon-dev/core",
+    "build:types": "tsc --emitDeclarationOnly --outDir ./dist/types",
+    "dev": "bun build ./src/index.ts --outdir ./dist/esm --format esm --sourcemap --external @duskmoon-dev/el-core --watch",
+    "clean": "del-cli dist",
+    "test": "bun test",
+    "typecheck": "tsc --noEmit",
+    "format": "prettier --write 'src/**/*.ts' '*.json'",
+    "format:check": "prettier --check 'src/**/*.ts' '*.json'",
+    "lint": "eslint src",
+    "lint:check": "eslint src --max-warnings 0",
+    "lint:fix": "eslint src --fix",
+    "release": "bun publish",
+    "release:dry-run": "bun publish --dry-run"
+  },
+  "dependencies": {
+    "@duskmoon-dev/el-core": "0.3.0",
+    "@duskmoon-dev/core": "^1.1.1"
+  },
+  "devDependencies": {
+    "typescript": "^5.7.2"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "customElements": "custom-elements.json",
+  "keywords": [
+    "duskmoon-dev",
+    "duskmoon",
+    "custom-elements",
+    "customelements",
+    "web-components",
+    "webcomponents",
+    "html",
+    "bottom-sheet",
+    "mobile"
+  ]
+}