@zentto/studio 0.1.0 → 0.2.0

package/dist/fields/zs-confirm-dialog.d.ts

@@ -0,0 +1,62 @@
+import { LitElement } from 'lit';
+type DialogType = 'confirm' | 'alert' | 'prompt' | 'delete' | 'decision';
+interface DialogButton {
+    label: string;
+    variant?: 'primary' | 'secondary' | 'danger' | 'success' | 'ghost';
+    value?: string;
+    icon?: string;
+}
+interface DialogOptions {
+    type?: DialogType;
+    title: string;
+    message?: string;
+    icon?: string;
+    variant?: 'default' | 'danger' | 'success' | 'warning' | 'info';
+    okText?: string;
+    cancelText?: string;
+    inputLabel?: string;
+    inputPlaceholder?: string;
+    inputDefault?: string;
+    confirmWord?: string;
+    buttons?: DialogButton[];
+    size?: 'sm' | 'md' | 'lg';
+}
+export declare class ZsConfirmDialog extends LitElement {
+    static styles: import("lit").CSSResult[];
+    private isOpen;
+    private options;
+    private inputValue;
+    private confirmValue;
+    private resolvePromise;
+    /**
+     * Show a confirm dialog. Returns true/false.
+     */
+    showConfirm(opts: DialogOptions): Promise<boolean>;
+    /**
+     * Show an alert dialog. Returns true when dismissed.
+     */
+    showAlert(opts: DialogOptions): Promise<boolean>;
+    /**
+     * Show a prompt dialog. Returns input value or null.
+     */
+    showPrompt(opts: DialogOptions): Promise<string | null>;
+    /**
+     * Show a delete confirmation. Returns true/false.
+     */
+    showDelete(opts: DialogOptions): Promise<boolean>;
+    /**
+     * Show a decision dialog. Returns the button value.
+     */
+    showDecision(opts: DialogOptions): Promise<string | null>;
+    private showDialog;
+    private resolve;
+    private get canDelete();
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'zs-confirm-dialog': ZsConfirmDialog;
+    }
+}
+export {};
+//# sourceMappingURL=zs-confirm-dialog.d.ts.map

package/dist/fields/zs-confirm-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"zs-confirm-dialog.d.ts","sourceRoot":"","sources":["../../src/fields/zs-confirm-dialog.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,KAAK,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,CAAC;AAEzE,UAAU,YAAY;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,UAAU,aAAa;IACrB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;IAChE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IAEzB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AAED,qBACa,eAAgB,SAAQ,UAAU;IAC7C,MAAM,CAAC,MAAM,4BA2EV;IAEM,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,OAAO,CAAgC;IAC/C,OAAO,CAAC,UAAU,CAAM;IACxB,OAAO,CAAC,YAAY,CAAM;IACnC,OAAO,CAAC,cAAc,CAA2D;IAEjF;;OAEG;IACG,WAAW,CAAC,IAAI,EAAE,aAAa,GAAG,OAAO,CAAC,OAAO,CAAC;IAIxD;;OAEG;IACG,SAAS,CAAC,IAAI,EAAE,aAAa,GAAG,OAAO,CAAC,OAAO,CAAC;IAItD;;OAEG;IACG,UAAU,CAAC,IAAI,EAAE,aAAa,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC;IAI7D;;OAEG;IACG,UAAU,CAAC,IAAI,EAAE,aAAa,GAAG,OAAO,CAAC,OAAO,CAAC;IAUvD;;OAEG;IACG,YAAY,CAAC,IAAI,EAAE,aAAa,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC;IAI/D,OAAO,CAAC,UAAU;IAUlB,OAAO,CAAC,OAAO;IAMf,OAAO,KAAK,SAAS,GAGpB;IAED,MAAM;CA+DP;AAED,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,mBAAmB,EAAE,eAAe,CAAC;KAAE;CAAE"}

package/dist/fields/zs-confirm-dialog.js

@@ -0,0 +1,234 @@
+// @zentto/studio — Pre-built confirm/alert/prompt dialogs
+// Imperative API: ZsConfirmDialog.confirm({ title, message })
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html, css } from 'lit';
+import { customElement, state } from 'lit/decorators.js';
+import { studioTokens } from '../styles/tokens.js';
+let ZsConfirmDialog = class ZsConfirmDialog extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.isOpen = false;
+        this.options = { title: '' };
+        this.inputValue = '';
+        this.confirmValue = '';
+        this.resolvePromise = null;
+    }
+    static { this.styles = [studioTokens, css `
+    :host { display: contents; }
+    .backdrop {
+      position: fixed; inset: 0; z-index: 9999;
+      background: rgba(0,0,0,0.5); backdrop-filter: blur(3px);
+      display: flex; align-items: center; justify-content: center;
+      opacity: 0; pointer-events: none; transition: opacity 200ms;
+    }
+    .backdrop--open { opacity: 1; pointer-events: auto; }
+    .dialog {
+      background: var(--zs-bg, #fff); border-radius: 16px;
+      box-shadow: 0 24px 64px rgba(0,0,0,0.2);
+      padding: 28px; max-width: 440px; width: 90%;
+      transform: scale(0.9); transition: transform 250ms cubic-bezier(0.34, 1.56, 0.64, 1);
+      text-align: center;
+    }
+    .dialog--lg { max-width: 560px; }
+    .backdrop--open .dialog { transform: scale(1); }
+    .icon { font-size: 48px; margin-bottom: 16px; }
+    .icon-circle {
+      width: 72px; height: 72px; border-radius: 50%;
+      display: flex; align-items: center; justify-content: center;
+      margin: 0 auto 16px; font-size: 32px;
+    }
+    .icon-circle--danger { background: #fde8e8; }
+    .icon-circle--success { background: #d4edda; }
+    .icon-circle--warning { background: #fff3cd; }
+    .icon-circle--info { background: #d1ecf1; }
+    .icon-circle--default { background: var(--zs-bg-secondary); }
+    .title {
+      font-size: 20px; font-weight: 700; color: var(--zs-text, #212529);
+      margin: 0 0 8px;
+    }
+    .message {
+      font-size: 14px; color: var(--zs-text-secondary, #6c757d);
+      line-height: 1.6; margin: 0 0 20px;
+    }
+    .input-group { margin-bottom: 20px; text-align: left; }
+    .input-label { font-size: 13px; font-weight: 500; color: var(--zs-text); margin-bottom: 6px; display: block; }
+    .input {
+      width: 100%; padding: 10px 14px; border: 1px solid var(--zs-border);
+      border-radius: 8px; font-size: 14px; font-family: var(--zs-font-family);
+      outline: none; box-sizing: border-box; transition: border-color 150ms;
+    }
+    .input:focus { border-color: var(--zs-primary); box-shadow: 0 0 0 3px var(--zs-primary-light); }
+    .input--error { border-color: #e74c3c; }
+    .hint { font-size: 12px; color: var(--zs-text-muted); margin-top: 6px; }
+    .buttons { display: flex; gap: 10px; justify-content: center; }
+    .buttons--decision { flex-direction: column; }
+    .btn {
+      padding: 10px 24px; border-radius: 8px; flex: 1;
+      font-family: var(--zs-font-family); font-size: 14px; font-weight: 500;
+      cursor: pointer; border: 1px solid transparent; transition: all 150ms;
+    }
+    .btn--primary { background: var(--zs-primary, #e67e22); color: white; }
+    .btn--primary:hover { filter: brightness(0.9); }
+    .btn--secondary { background: var(--zs-bg); color: var(--zs-text); border-color: var(--zs-border); }
+    .btn--secondary:hover { background: var(--zs-bg-hover); }
+    .btn--danger { background: #e74c3c; color: white; }
+    .btn--danger:hover { background: #c0392b; }
+    .btn--success { background: #27ae60; color: white; }
+    .btn--ghost { background: none; color: var(--zs-text-secondary); }
+    .btn:disabled { opacity: 0.5; cursor: not-allowed; }
+    .btn-icon { margin-right: 6px; }
+
+    .decision-btn {
+      display: flex; align-items: center; gap: 12px;
+      padding: 14px 20px; border-radius: 10px;
+      border: 1px solid var(--zs-border); background: var(--zs-bg);
+      cursor: pointer; transition: all 150ms; text-align: left;
+      font-family: var(--zs-font-family); font-size: 14px;
+    }
+    .decision-btn:hover { border-color: var(--zs-primary); background: var(--zs-primary-light); }
+    .decision-btn-icon { font-size: 20px; }
+    .decision-btn-label { font-weight: 500; color: var(--zs-text); }
+  `]; }
+    /**
+     * Show a confirm dialog. Returns true/false.
+     */
+    async showConfirm(opts) {
+        return (await this.showDialog({ ...opts, type: 'confirm' }));
+    }
+    /**
+     * Show an alert dialog. Returns true when dismissed.
+     */
+    async showAlert(opts) {
+        return (await this.showDialog({ ...opts, type: 'alert' }));
+    }
+    /**
+     * Show a prompt dialog. Returns input value or null.
+     */
+    async showPrompt(opts) {
+        return (await this.showDialog({ ...opts, type: 'prompt' }));
+    }
+    /**
+     * Show a delete confirmation. Returns true/false.
+     */
+    async showDelete(opts) {
+        return (await this.showDialog({
+            ...opts,
+            type: 'delete',
+            variant: 'danger',
+            icon: opts.icon ?? '🗑️',
+            okText: opts.okText ?? 'Eliminar',
+        }));
+    }
+    /**
+     * Show a decision dialog. Returns the button value.
+     */
+    async showDecision(opts) {
+        return (await this.showDialog({ ...opts, type: 'decision' }));
+    }
+    showDialog(opts) {
+        return new Promise((resolve) => {
+            this.options = opts;
+            this.inputValue = opts.inputDefault ?? '';
+            this.confirmValue = '';
+            this.resolvePromise = resolve;
+            this.isOpen = true;
+        });
+    }
+    resolve(value) {
+        this.isOpen = false;
+        this.resolvePromise?.(value);
+        this.resolvePromise = null;
+    }
+    get canDelete() {
+        if (!this.options.confirmWord)
+            return true;
+        return this.confirmValue === this.options.confirmWord;
+    }
+    render() {
+        const opts = this.options;
+        const variant = opts.variant ?? 'default';
+        const type = opts.type ?? 'confirm';
+        return html `
+      <div class="backdrop ${this.isOpen ? 'backdrop--open' : ''}">
+        <div class="dialog ${opts.size === 'lg' ? 'dialog--lg' : ''}">
+          <div class="icon-circle icon-circle--${variant}">
+            ${opts.icon ?? { danger: '⚠️', success: '✅', warning: '⚡', info: 'ℹ️', default: '💬' }[variant]}
+          </div>
+          <h3 class="title">${opts.title}</h3>
+          ${opts.message ? html `<p class="message">${opts.message}</p>` : ''}
+
+          ${type === 'prompt' ? html `
+            <div class="input-group">
+              ${opts.inputLabel ? html `<label class="input-label">${opts.inputLabel}</label>` : ''}
+              <input class="input" .value="${this.inputValue}" placeholder="${opts.inputPlaceholder ?? ''}"
+                @input="${(e) => { this.inputValue = e.target.value; }}"
+                @keydown="${(e) => { if (e.key === 'Enter')
+            this.resolve(this.inputValue); }}"
+              />
+            </div>
+          ` : ''}
+
+          ${type === 'delete' && opts.confirmWord ? html `
+            <div class="input-group">
+              <label class="input-label">Escribe <strong>${opts.confirmWord}</strong> para confirmar:</label>
+              <input class="input ${this.confirmValue && !this.canDelete ? 'input--error' : ''}"
+                .value="${this.confirmValue}"
+                placeholder="${opts.confirmWord}"
+                @input="${(e) => { this.confirmValue = e.target.value; }}"
+              />
+            </div>
+          ` : ''}
+
+          ${type === 'decision' && opts.buttons ? html `
+            <div class="buttons buttons--decision">
+              ${opts.buttons.map(btn => html `
+                <button class="decision-btn" @click="${() => this.resolve(btn.value ?? btn.label)}">
+                  ${btn.icon ? html `<span class="decision-btn-icon">${btn.icon}</span>` : ''}
+                  <span class="decision-btn-label">${btn.label}</span>
+                </button>
+              `)}
+              <button class="btn btn--ghost" style="margin-top:4px;" @click="${() => this.resolve(null)}">${opts.cancelText ?? 'Cancelar'}</button>
+            </div>
+          ` : html `
+            <div class="buttons">
+              ${type !== 'alert' ? html `
+                <button class="btn btn--secondary" @click="${() => this.resolve(type === 'prompt' ? null : false)}">${opts.cancelText ?? 'Cancelar'}</button>
+              ` : ''}
+              <button class="btn btn--${type === 'delete' ? 'danger' : 'primary'}"
+                ?disabled="${type === 'delete' && !this.canDelete}"
+                @click="${() => {
+            if (type === 'prompt')
+                this.resolve(this.inputValue);
+            else
+                this.resolve(true);
+        }}"
+              >${opts.okText ?? (type === 'alert' ? 'Entendido' : 'Aceptar')}</button>
+            </div>
+          `}
+        </div>
+      </div>
+    `;
+    }
+};
+__decorate([
+    state()
+], ZsConfirmDialog.prototype, "isOpen", void 0);
+__decorate([
+    state()
+], ZsConfirmDialog.prototype, "options", void 0);
+__decorate([
+    state()
+], ZsConfirmDialog.prototype, "inputValue", void 0);
+__decorate([
+    state()
+], ZsConfirmDialog.prototype, "confirmValue", void 0);
+ZsConfirmDialog = __decorate([
+    customElement('zs-confirm-dialog')
+], ZsConfirmDialog);
+export { ZsConfirmDialog };
+//# sourceMappingURL=zs-confirm-dialog.js.map

package/dist/fields/zs-confirm-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zs-confirm-dialog.js","sourceRoot":"","sources":["../../src/fields/zs-confirm-dialog.ts"],"names":[],"mappings":"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"}

package/dist/fields/zs-modal.d.ts

@@ -0,0 +1,39 @@
+import { LitElement } from 'lit';
+export type ModalSize = 'sm' | 'md' | 'lg' | 'xl' | 'fullscreen' | 'side-right' | 'side-left';
+export type ModalVariant = 'default' | 'danger' | 'success' | 'warning' | 'info';
+export declare class ZsModal extends LitElement {
+    static styles: import("lit").CSSResult[];
+    open: boolean;
+    title: string;
+    subtitle: string;
+    icon: string;
+    size: ModalSize;
+    variant: ModalVariant;
+    closable: boolean;
+    closeOnBackdrop: boolean;
+    hideFooter: boolean;
+    hideHeader: boolean;
+    confirmText: string;
+    cancelText: string;
+    okText: string;
+    okVariant: 'primary' | 'danger' | 'success';
+    loading: boolean;
+    confirmInput: string;
+    private confirmInputValue;
+    private get canConfirm();
+    private handleBackdropClick;
+    private handleKeydown;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    close(reason?: 'close' | 'backdrop' | 'escape' | 'cancel' | 'ok'): void;
+    confirm(): void;
+    cancel(): void;
+    private getVariantIcon;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'zs-modal': ZsModal;
+    }
+}
+//# sourceMappingURL=zs-modal.d.ts.map

package/dist/fields/zs-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"zs-modal.d.ts","sourceRoot":"","sources":["../../src/fields/zs-modal.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAIrD,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,YAAY,GAAG,YAAY,GAAG,WAAW,CAAC;AAC9F,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;AAEjF,qBACa,OAAQ,SAAQ,UAAU;IACrC,MAAM,CAAC,MAAM,4BAwJV;IAEyC,IAAI,UAAS;IAC7C,KAAK,SAAM;IACX,QAAQ,SAAM;IACd,IAAI,SAAM;IACV,IAAI,EAAE,SAAS,CAAQ;IACvB,OAAO,EAAE,YAAY,CAAa;IACjB,QAAQ,UAAQ;IAChB,eAAe,UAAQ;IACvB,UAAU,UAAS;IACnB,UAAU,UAAS;IAGpC,WAAW,SAAM;IACjB,UAAU,SAAc;IACxB,MAAM,SAAa;IACnB,SAAS,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAa;IACvC,OAAO,UAAS;IAGjC,YAAY,SAAM;IACrB,OAAO,CAAC,iBAAiB,CAAM;IAExC,OAAO,KAAK,UAAU,GAGrB;IAED,OAAO,CAAC,mBAAmB;IAM3B,OAAO,CAAC,aAAa,CAEnB;IAEF,iBAAiB;IAKjB,oBAAoB;IAKpB,KAAK,CAAC,MAAM,GAAE,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,IAAc;IASzE,OAAO;IASP,MAAM;IAQN,OAAO,CAAC,cAAc;IAYtB,MAAM;CAkDP;AAED,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,UAAU,EAAE,OAAO,CAAC;KAAE;CAAE"}