@deepfuture/dui-components 0.0.20 → 1.0.0

package/dialog/dialog.js

@@ -1,158 +1,8 @@
-/** Ported from original DUI: deep-future-app/app/client/components/dui/dialog */
-var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
-    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
-    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
-    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
-    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
-    var _, done = false;
-    for (var i = decorators.length - 1; i >= 0; i--) {
-        var context = {};
-        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
-        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
-        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
-        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
-        if (kind === "accessor") {
-            if (result === void 0) continue;
-            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
-            if (_ = accept(result.get)) descriptor.get = _;
-            if (_ = accept(result.set)) descriptor.set = _;
-            if (_ = accept(result.init)) initializers.unshift(_);
-        }
-        else if (_ = accept(result)) {
-            if (kind === "field") initializers.unshift(_);
-            else descriptor[key] = _;
-        }
-    }
-    if (target) Object.defineProperty(target, contextIn.name, descriptor);
-    done = true;
-};
-var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
-    var useValue = arguments.length > 2;
-    for (var i = 0; i < initializers.length; i++) {
-        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
-    }
-    return useValue ? value : void 0;
-};
-var __setFunctionName = (this && this.__setFunctionName) || function (f, name, prefix) {
-    if (typeof name === "symbol") name = name.description ? "[".concat(name.description, "]") : "";
-    return Object.defineProperty(f, "name", { configurable: true, value: prefix ? "".concat(prefix, " ", name) : name });
-};
-import { css, html, LitElement } from "lit";
-import { property, state } from "lit/decorators.js";
-import { provide } from "@lit/context";
-import { base } from "@deepfuture/dui-core/base";
-import { customEvent } from "@deepfuture/dui-core/event";
-import { dialogContext } from "./dialog-context.js";
-export const openChangeEvent = customEvent("open-change", { bubbles: true, composed: true });
-const hostStyles = css `
-  :host {
-    display: contents;
-  }
-`;
-/**
- * `<dui-dialog>` — Root element for the dialog compound component.
- *
- * Manages open/close state and provides context to child elements.
- * Does not render visible DOM — uses `display: contents`.
- *
- * Unlike `<dui-alert-dialog>`, this dialog closes on backdrop click,
- * following WAI-ARIA `dialog` semantics for non-critical modals.
- *
- * @slot - Default slot for trigger, popup, and other dialog parts.
- * @fires open-change - Fired when the dialog opens or closes. Detail: { open: boolean }
- */
-let DuiDialog = (() => {
-    let _classSuper = LitElement;
-    let _open_decorators;
-    let _open_initializers = [];
-    let _open_extraInitializers = [];
-    let _defaultOpen_decorators;
-    let _defaultOpen_initializers = [];
-    let _defaultOpen_extraInitializers = [];
-    let _private_internalOpen_decorators;
-    let _private_internalOpen_initializers = [];
-    let _private_internalOpen_extraInitializers = [];
-    let _private_internalOpen_descriptor;
-    let __ctx_decorators;
-    let __ctx_initializers = [];
-    let __ctx_extraInitializers = [];
-    return class DuiDialog extends _classSuper {
-        static {
-            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-            _open_decorators = [property({ type: Boolean, reflect: true })];
-            _defaultOpen_decorators = [property({ type: Boolean, attribute: "default-open" })];
-            _private_internalOpen_decorators = [state()];
-            __ctx_decorators = [provide({ context: dialogContext }), state()];
-            __esDecorate(this, null, _open_decorators, { kind: "accessor", name: "open", static: false, private: false, access: { has: obj => "open" in obj, get: obj => obj.open, set: (obj, value) => { obj.open = value; } }, metadata: _metadata }, _open_initializers, _open_extraInitializers);
-            __esDecorate(this, null, _defaultOpen_decorators, { kind: "accessor", name: "defaultOpen", static: false, private: false, access: { has: obj => "defaultOpen" in obj, get: obj => obj.defaultOpen, set: (obj, value) => { obj.defaultOpen = value; } }, metadata: _metadata }, _defaultOpen_initializers, _defaultOpen_extraInitializers);
-            __esDecorate(this, _private_internalOpen_descriptor = { get: __setFunctionName(function () { return this.#internalOpen_accessor_storage; }, "#internalOpen", "get"), set: __setFunctionName(function (value) { this.#internalOpen_accessor_storage = value; }, "#internalOpen", "set") }, _private_internalOpen_decorators, { kind: "accessor", name: "#internalOpen", static: false, private: true, access: { has: obj => #internalOpen in obj, get: obj => obj.#internalOpen, set: (obj, value) => { obj.#internalOpen = value; } }, metadata: _metadata }, _private_internalOpen_initializers, _private_internalOpen_extraInitializers);
-            __esDecorate(this, null, __ctx_decorators, { kind: "accessor", name: "_ctx", static: false, private: false, access: { has: obj => "_ctx" in obj, get: obj => obj._ctx, set: (obj, value) => { obj._ctx = value; } }, metadata: _metadata }, __ctx_initializers, __ctx_extraInitializers);
-            if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-        }
-        static tagName = "dui-dialog";
-        static styles = [base, hostStyles];
-        #open_accessor_storage = __runInitializers(this, _open_initializers, undefined);
-        /** Controls the dialog open state (controlled mode). */
-        get open() { return this.#open_accessor_storage; }
-        set open(value) { this.#open_accessor_storage = value; }
-        #defaultOpen_accessor_storage = (__runInitializers(this, _open_extraInitializers), __runInitializers(this, _defaultOpen_initializers, false));
-        /** Initial open state for uncontrolled mode. */
-        get defaultOpen() { return this.#defaultOpen_accessor_storage; }
-        set defaultOpen(value) { this.#defaultOpen_accessor_storage = value; }
-        #internalOpen_accessor_storage = (__runInitializers(this, _defaultOpen_extraInitializers), __runInitializers(this, _private_internalOpen_initializers, false));
-        get #internalOpen() { return _private_internalOpen_descriptor.get.call(this); }
-        set #internalOpen(value) { return _private_internalOpen_descriptor.set.call(this, value); }
-        #instanceId = (__runInitializers(this, _private_internalOpen_extraInitializers), crypto.randomUUID().slice(0, 8));
-        #dialogId = `dui-dialog-${this.#instanceId}`;
-        #triggerId = `dui-trigger-${this.#instanceId}`;
-        #titleId = `dui-title-${this.#instanceId}`;
-        #descriptionId = `dui-desc-${this.#instanceId}`;
-        get #isOpen() {
-            return this.open ?? this.#internalOpen;
-        }
-        #openDialog = () => {
-            if (this.open === undefined) {
-                this.#internalOpen = true;
-            }
-            this.dispatchEvent(openChangeEvent({ open: true }));
-        };
-        #closeDialog = () => {
-            if (this.open === undefined) {
-                this.#internalOpen = false;
-            }
-            this.dispatchEvent(openChangeEvent({ open: false }));
-        };
-        #_ctx_accessor_storage = __runInitializers(this, __ctx_initializers, this.#buildContext());
-        get _ctx() { return this.#_ctx_accessor_storage; }
-        set _ctx(value) { this.#_ctx_accessor_storage = value; }
-        #buildContext() {
-            return {
-                open: this.#isOpen,
-                dialogId: this.#dialogId,
-                triggerId: this.#triggerId,
-                titleId: this.#titleId,
-                descriptionId: this.#descriptionId,
-                openDialog: this.#openDialog,
-                closeDialog: this.#closeDialog,
-            };
-        }
-        connectedCallback() {
-            super.connectedCallback();
-            if (this.open === undefined && this.defaultOpen) {
-                this.#internalOpen = true;
-            }
-            this._ctx = this.#buildContext();
-        }
-        willUpdate() {
-            this._ctx = this.#buildContext();
-        }
-        render() {
-            return html `<slot></slot>`;
-        }
-        constructor() {
-            super(...arguments);
-            __runInitializers(this, __ctx_extraInitializers);
-        }
-    };
-})();
-export { DuiDialog };
+import { css } from "lit";
+import { DuiDialogPrimitive } from "@deepfuture/dui-primitives/dialog";
+import "../_install.js";
+const styles = css ``;
+export class DuiDialog extends DuiDialogPrimitive {
+    static styles = [...DuiDialogPrimitive.styles, styles];
+}
+customElements.define(DuiDialog.tagName, DuiDialog);

package/dialog/index.d.ts

@@ -1,11 +1,11 @@
-import { DuiDialog, openChangeEvent } from "./dialog.js";
-export { DuiDialog, openChangeEvent };
-export type { DialogOpenChangeDetail } from "./dialog.js";
-import { DuiDialogTrigger } from "./dialog-trigger.js";
-export { DuiDialogTrigger };
-import { DuiDialogPopup } from "./dialog-popup.js";
-export { DuiDialogPopup };
-import { DuiDialogClose } from "./dialog-close.js";
-export { DuiDialogClose };
-export type { DialogContext } from "./dialog-context.js";
-export declare const dialogFamily: (typeof DuiDialog | typeof DuiDialogTrigger | typeof DuiDialogPopup | typeof DuiDialogClose)[];
+import "./dialog.js";
+import "./dialog-close.js";
+import "./dialog-popup.js";
+import "./dialog-trigger.js";
+export { DuiDialog } from "./dialog.js";
+export { DuiDialogClose } from "./dialog-close.js";
+export { DuiDialogPopup } from "./dialog-popup.js";
+export { DuiDialogTrigger } from "./dialog-trigger.js";
+export type { DialogOpenChangeDetail } from "@deepfuture/dui-primitives/dialog";
+export type { DialogContext } from "@deepfuture/dui-primitives/dialog";
+export { openChangeEvent } from "@deepfuture/dui-primitives/dialog";

package/dialog/index.js

@@ -1,9 +1,9 @@
-import { DuiDialog, openChangeEvent } from "./dialog.js";
-export { DuiDialog, openChangeEvent };
-import { DuiDialogTrigger } from "./dialog-trigger.js";
-export { DuiDialogTrigger };
-import { DuiDialogPopup } from "./dialog-popup.js";
-export { DuiDialogPopup };
-import { DuiDialogClose } from "./dialog-close.js";
-export { DuiDialogClose };
-export const dialogFamily = [DuiDialog, DuiDialogTrigger, DuiDialogPopup, DuiDialogClose];
+import "./dialog.js";
+import "./dialog-close.js";
+import "./dialog-popup.js";
+import "./dialog-trigger.js";
+export { DuiDialog } from "./dialog.js";
+export { DuiDialogClose } from "./dialog-close.js";
+export { DuiDialogPopup } from "./dialog-popup.js";
+export { DuiDialogTrigger } from "./dialog-trigger.js";
+export { openChangeEvent } from "@deepfuture/dui-primitives/dialog";

package/dropzone/dropzone.d.ts

@@ -1,74 +1,5 @@
-/** Ported from original DUI: deep-future-app/app/client/components/dui/dropzone */
-import { LitElement, type TemplateResult } from "lit";
-export type DropzoneErrorCode = "FILE_DIALOG_OPEN_FAILED" | "FILE_PROCESSING_FAILED";
-export type DropzoneRejectionCode = "TOO_MANY_FILES" | "FILE_TOO_LARGE" | "FILE_TOO_SMALL" | "FILE_INVALID_TYPE";
-export type FileRejectionError = {
-    code: DropzoneRejectionCode;
-    message: string;
-};
-export type RejectedFile = {
-    file: File;
-    errors: FileRejectionError[];
-};
-export type DropzoneDropDetail = {
-    acceptedFiles: File[];
-    rejectedFiles: RejectedFile[];
-};
-export type DropzoneAcceptedDetail = {
-    acceptedFiles: File[];
-};
-export type DropzoneRejectedDetail = {
-    rejectedFiles: RejectedFile[];
-};
-export type DropzoneErrorDetail = {
-    error: unknown;
-    code: DropzoneErrorCode;
-};
-export declare const dropzoneDropEvent: (detail: DropzoneDropDetail) => CustomEvent<DropzoneDropDetail>;
-export declare const dropAcceptedEvent: (detail: DropzoneAcceptedDetail) => CustomEvent<DropzoneAcceptedDetail>;
-export declare const dropRejectedEvent: (detail: DropzoneRejectedDetail) => CustomEvent<DropzoneRejectedDetail>;
-export declare const dropzoneDragEnterEvent: (detail: void) => CustomEvent<void>;
-export declare const dropzoneDragOverEvent: (detail: void) => CustomEvent<void>;
-export declare const dropzoneDragLeaveEvent: (detail: void) => CustomEvent<void>;
-export declare const dropzoneErrorEvent: (detail: DropzoneErrorDetail) => CustomEvent<DropzoneErrorDetail>;
-/**
- * `<dui-dropzone>` — A drag-and-drop file upload area.
- *
- * @slot - Custom content for the dropzone area.
- * @csspart root - The dropzone container.
- *
- * @fires drop - Files dropped or selected (valid or invalid).
- * @fires drop-accepted - Files that passed validation.
- * @fires drop-rejected - Files that failed validation.
- * @fires dragenter - File dragged over the dropzone.
- * @fires dragover - File hovering over the dropzone.
- * @fires dragleave - File dragged away from the dropzone.
- * @fires dropzone-error - Internal error (e.g. file dialog failure).
- */
-export declare class DuiDropzone extends LitElement {
-    #private;
-    static tagName: "dui-dropzone";
+import { DuiDropzonePrimitive } from "@deepfuture/dui-primitives/dropzone";
+import "../_install.js";
+export declare class DuiDropzone extends DuiDropzonePrimitive {
     static styles: import("lit").CSSResult[];
-    static readonly ERROR_CODES: Record<DropzoneErrorCode, DropzoneErrorCode>;
-    static readonly REJECTION_CODES: Record<DropzoneRejectionCode, DropzoneRejectionCode>;
-    /** Accepted file types (e.g. "image/*,.pdf"). */
-    accessor accept: string | undefined;
-    /** Allow multiple files. */
-    accessor multiple: boolean;
-    /** Disable the dropzone. */
-    accessor disabled: boolean;
-    /** Maximum number of files allowed. */
-    accessor maxFiles: number;
-    /** Maximum file size in bytes. */
-    accessor maxSize: number;
-    /** Minimum file size in bytes. */
-    accessor minSize: number;
-    /** Auto-focus the dropzone on mount. */
-    accessor autoFocus: boolean;
-    /** Disable default dropzone styling. */
-    accessor noStyle: boolean;
-    connectedCallback(): void;
-    /** Opens the native file dialog programmatically. */
-    openFileDialog(): void;
-    render(): TemplateResult;
 }