@signature.digital/catalog 1.3.0

package/dist_ts_web/elements/sdig-workspace/sdig-workspace.js

@@ -0,0 +1,245 @@
+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;
+};
+import { DeesElement, property, state, html, customElement, css } from '@design.estate/dees-element';
+import { icon } from './sdig-workspace.shared.js';
+import './sdig-workspace-inbox.js';
+import './sdig-workspace-compose.js';
+import './sdig-workspace-sign.js';
+import './sdig-workspace-audit.js';
+import './sdig-workspace-developers.js';
+import './sdig-workspace-placeholder.js';
+let SdigWorkspace = (() => {
+    let _classDecorators = [customElement('sdig-workspace')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = DeesElement;
+    let _accent_decorators;
+    let _accent_initializers = [];
+    let _accent_extraInitializers = [];
+    let _density_decorators;
+    let _density_initializers = [];
+    let _density_extraInitializers = [];
+    let _theme_decorators;
+    let _theme_initializers = [];
+    let _theme_extraInitializers = [];
+    let _initialView_decorators;
+    let _initialView_initializers = [];
+    let _initialView_extraInitializers = [];
+    let _view_decorators;
+    let _view_initializers = [];
+    let _view_extraInitializers = [];
+    var SdigWorkspace = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _accent_decorators = [property({ type: String })];
+            _density_decorators = [property({ type: String })];
+            _theme_decorators = [property({ type: String, reflect: true })];
+            _initialView_decorators = [property({ type: String })];
+            _view_decorators = [state()];
+            __esDecorate(this, null, _accent_decorators, { kind: "accessor", name: "accent", static: false, private: false, access: { has: obj => "accent" in obj, get: obj => obj.accent, set: (obj, value) => { obj.accent = value; } }, metadata: _metadata }, _accent_initializers, _accent_extraInitializers);
+            __esDecorate(this, null, _density_decorators, { kind: "accessor", name: "density", static: false, private: false, access: { has: obj => "density" in obj, get: obj => obj.density, set: (obj, value) => { obj.density = value; } }, metadata: _metadata }, _density_initializers, _density_extraInitializers);
+            __esDecorate(this, null, _theme_decorators, { kind: "accessor", name: "theme", static: false, private: false, access: { has: obj => "theme" in obj, get: obj => obj.theme, set: (obj, value) => { obj.theme = value; } }, metadata: _metadata }, _theme_initializers, _theme_extraInitializers);
+            __esDecorate(this, null, _initialView_decorators, { kind: "accessor", name: "initialView", static: false, private: false, access: { has: obj => "initialView" in obj, get: obj => obj.initialView, set: (obj, value) => { obj.initialView = value; } }, metadata: _metadata }, _initialView_initializers, _initialView_extraInitializers);
+            __esDecorate(this, null, _view_decorators, { kind: "accessor", name: "view", static: false, private: false, access: { has: obj => "view" in obj, get: obj => obj.view, set: (obj, value) => { obj.view = value; } }, metadata: _metadata }, _view_initializers, _view_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            SdigWorkspace = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static demo = () => html `<sdig-workspace></sdig-workspace>`;
+        static demoGroups = ['Signature Digital Workspace'];
+        #accent_accessor_storage = __runInitializers(this, _accent_initializers, '#3b82f6');
+        get accent() { return this.#accent_accessor_storage; }
+        set accent(value) { this.#accent_accessor_storage = value; }
+        #density_accessor_storage = (__runInitializers(this, _accent_extraInitializers), __runInitializers(this, _density_initializers, 'comfortable'));
+        get density() { return this.#density_accessor_storage; }
+        set density(value) { this.#density_accessor_storage = value; }
+        #theme_accessor_storage = (__runInitializers(this, _density_extraInitializers), __runInitializers(this, _theme_initializers, 'dark'));
+        get theme() { return this.#theme_accessor_storage; }
+        set theme(value) { this.#theme_accessor_storage = value; }
+        #initialView_accessor_storage = (__runInitializers(this, _theme_extraInitializers), __runInitializers(this, _initialView_initializers, 'inbox'));
+        get initialView() { return this.#initialView_accessor_storage; }
+        set initialView(value) { this.#initialView_accessor_storage = value; }
+        #view_accessor_storage = (__runInitializers(this, _initialView_extraInitializers), __runInitializers(this, _view_initializers, 'inbox'));
+        get view() { return this.#view_accessor_storage; }
+        set view(value) { this.#view_accessor_storage = value; }
+        connectedCallback = (__runInitializers(this, _view_extraInitializers), async () => {
+            await super.connectedCallback();
+            this.view = this.initialView || 'inbox';
+            this.addEventListener('workspace-view-request', this.handleViewRequest);
+        });
+        disconnectedCallback = async () => {
+            this.removeEventListener('workspace-view-request', this.handleViewRequest);
+            await super.disconnectedCallback();
+        };
+        static styles = css `
+    :host {
+      display: block;
+      width: 100%;
+      height: 100%;
+      min-height: 720px;
+      --accent: #3b82f6;
+      --bg: hsl(0 0% 3.9%);
+      --bg-el: hsl(0 0% 6%);
+      --bg-card: hsl(0 0% 7%);
+      --bg-input: hsl(0 0% 9%);
+      --border: hsl(0 0% 14.9%);
+      --border-subtle: hsl(0 0% 11%);
+      --border-strong: hsl(0 0% 20%);
+      --text: hsl(0 0% 98%);
+      --text-sec: hsl(0 0% 63.9%);
+      --text-muted: hsl(0 0% 48%);
+      --text-dim: hsl(0 0% 32%);
+      --hover: rgba(255,255,255,0.06);
+      --hover-subtle: rgba(255,255,255,0.03);
+      --row-hover: rgba(255,255,255,0.025);
+      --success: #22c55e;
+      --warning: #f59e0b;
+      --error: #ef4444;
+      font-family: Geist, Inter, Roboto, -apple-system, BlinkMacSystemFont, sans-serif;
+    }
+
+    :host([theme='light']) {
+      --bg: hsl(0 0% 99%);
+      --bg-el: hsl(0 0% 97%);
+      --bg-card: hsl(0 0% 100%);
+      --bg-input: hsl(0 0% 98%);
+      --border: hsl(0 0% 90%);
+      --border-subtle: hsl(0 0% 93%);
+      --border-strong: hsl(0 0% 80%);
+      --text: hsl(0 0% 9%);
+      --text-sec: hsl(0 0% 32%);
+      --text-muted: hsl(0 0% 45%);
+      --text-dim: hsl(0 0% 62%);
+      --hover: rgba(0,0,0,0.04);
+      --hover-subtle: rgba(0,0,0,0.02);
+      --row-hover: rgba(0,0,0,0.02);
+      --success: #16a34a;
+      --warning: #d97706;
+      --error: #dc2626;
+    }
+
+    * { box-sizing: border-box; }
+    button { font: inherit; border: 0; cursor: pointer; }
+    .workspace { display: flex; height: 100%; min-height: 720px; background: var(--bg); color: var(--text); overflow: hidden; }
+    .sidebar { width: 220px; background: var(--bg); border-right: 1px solid var(--border-subtle); display: flex; flex-direction: column; flex-shrink: 0; height: 100%; }
+    .brand { padding: 14px 16px 12px; display: flex; align-items: center; gap: 8px; }
+    .logomark { width: 26px; height: 26px; border-radius: 6px; background: var(--bg-el); border: 1px solid var(--border-strong); display: inline-flex; align-items: center; justify-content: center; font-family: 'Plus Jakarta Sans', Inter, sans-serif; font-size: 13px; font-weight: 700; position: relative; }
+    .logomark::after, .wordmark::after { content: ''; display: inline-block; border-radius: 50%; background: var(--accent); }
+    .logomark::after { width: 4px; height: 4px; position: absolute; right: 5px; bottom: 5px; }
+    .wordmark { font-size: 13px; font-weight: 500; letter-spacing: -0.02em; white-space: nowrap; }
+    .wordmark .dot { color: var(--text-muted); }
+    .wordmark::after { width: 4px; height: 4px; margin-left: 3px; transform: translateY(-1px); }
+    .workspace-card { margin: 0 12px 8px; padding: 7px 10px; background: var(--bg-el); border: 1px solid var(--border-subtle); border-radius: 6px; display: flex; align-items: center; gap: 8px; }
+    .workspace-badge { width: 18px; height: 18px; border-radius: 4px; background: linear-gradient(135deg, var(--accent), hsl(280 70% 60%)); color: white; font-size: 10px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
+    .workspace-name { font-size: 12px; font-weight: 500; line-height: 1.2; }
+    .workspace-plan { font-size: 10px; color: var(--text-muted); }
+    .nav-block { padding: 4px 0; }
+    .nav-item { display: flex; align-items: center; gap: 10px; padding: 7px 10px; margin: 1px 8px; border-radius: 6px; color: var(--text-muted); background: transparent; transition: all 0.1s ease; font-size: 13px; position: relative; width: calc(100% - 16px); text-align: left; }
+    .compact .nav-item { padding: 5px 10px; }
+    .nav-item:hover { background: var(--hover-subtle); color: var(--text-sec); }
+    .nav-item.active { background: var(--hover); color: var(--text); font-weight: 500; }
+    .nav-item.active::before { content: ''; position: absolute; left: -8px; width: 2px; height: 14px; border-radius: 2px; background: var(--accent); }
+    .nav-count { margin-left: auto; min-width: 18px; padding: 1px 6px; border-radius: 999px; background: var(--bg-el); color: var(--text-muted); font-size: 10px; text-align: center; }
+    .github-card { margin: 8px 12px; padding: 10px; border: 1px solid var(--border-subtle); border-radius: 6px; background: var(--bg-el); }
+    .sparkline { margin-top: 8px; display: flex; gap: 2px; align-items: flex-end; height: 18px; }
+    .sparkline span { flex: 1; background: var(--border-strong); border-radius: 1px; }
+    .sparkline span:nth-last-child(-n+4) { background: var(--accent); }
+    .user-card { padding: 8px 12px; border-top: 1px solid var(--border-subtle); display: flex; align-items: center; gap: 10px; }
+    .avatar { width: 26px; height: 26px; border-radius: 50%; background: var(--accent); color: white; font-size: 11px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
+    .main { flex: 1; min-width: 0; display: flex; flex-direction: column; overflow: hidden; }
+    .view-host { flex: 1; min-height: 0; display: flex; flex-direction: column; }
+    .statusbar { height: 24px; flex-shrink: 0; border-top: 1px solid var(--border-subtle); background: var(--bg); display: flex; align-items: center; padding: 0 16px; gap: 16px; font-size: 10px; color: var(--text-dim); font-family: 'Intel One Mono', ui-monospace, SFMono-Regular, Menlo, monospace; }
+    @media (max-width: 920px) { .workspace { flex-direction: column; min-height: 100vh; } .sidebar { width: 100%; height: auto; border-right: 0; border-bottom: 1px solid var(--border-subtle); } .brand, .workspace-card, .github-card, .user-card { display: none; } .nav-block { display: flex; overflow-x: auto; padding: 8px; } .nav-item { width: auto; margin: 0 2px; } .statusbar { display: none; } }
+  `;
+        handleViewRequest = (event) => {
+            this.setView(event.detail.view);
+        };
+        setView(viewArg) {
+            this.view = viewArg;
+            this.dispatchEvent(new CustomEvent('view-change', { detail: { view: viewArg }, bubbles: true, composed: true }));
+        }
+        navButton(item) {
+            return html `<button class="nav-item ${this.view === item.id ? 'active' : ''}" @click=${() => this.setView(item.id)}>${icon(item.icon, 15)}<span>${item.label}</span>${item.count !== undefined ? html `<span class="nav-count">${item.count}</span>` : ''}</button>`;
+        }
+        renderSidebar() {
+            const navItems = [
+                { id: 'inbox', label: 'Inbox', icon: 'inbox', count: 4 },
+                { id: 'compose', label: 'Compose', icon: 'plus' },
+                { id: 'templates', label: 'Templates', icon: 'folder', count: 12 },
+                { id: 'audit', label: 'Audit Trail', icon: 'shield' },
+                { id: 'developers', label: 'Developers', icon: 'code' },
+            ];
+            const lowerItems = [
+                { id: 'team', label: 'Team', icon: 'user' },
+                { id: 'settings', label: 'Settings', icon: 'settings' },
+            ];
+            return html `
+      <aside class="sidebar">
+        <div class="brand"><span class="logomark">s</span><span class="wordmark">signature<span class="dot">.</span>digital</span></div>
+        <div class="workspace-card"><span class="workspace-badge">L</span><div style="flex: 1; min-width: 0;"><div class="workspace-name">Lossless GmbH</div><div class="workspace-plan">Cloud · Pro</div></div>${icon('chevronDown', 12)}</div>
+        <div class="nav-block">${navItems.map((item) => this.navButton(item))}</div>
+        <div style="flex: 1;"></div>
+        <div class="github-card"><div style="display: flex; align-items: center; gap: 6px; margin-bottom: 8px; font-size: 11px; color: var(--text-sec); font-family: 'Intel One Mono', ui-monospace;">${icon('github', 13)} signature-digital/core</div><div style="display: flex; gap: 12px; font-size: 11px; color: var(--text-muted);"><span>${icon('star', 11)} 8.2k</span><span>${icon('git', 11)} 248</span></div><div class="sparkline">${[3, 5, 2, 7, 4, 6, 8, 5, 9, 6, 4, 8, 7, 10].map((height) => html `<span style="height: ${height * 10}%"></span>`)}</div></div>
+        <div class="nav-block" style="border-top: 1px solid var(--border-subtle); padding-top: 8px;">${lowerItems.map((item) => this.navButton(item))}</div>
+        <div class="user-card"><span class="avatar">PK</span><div style="flex: 1; min-width: 0;"><div style="font-size: 12px; font-weight: 500;">Philipp K.</div><div style="font-family: 'Intel One Mono', ui-monospace; font-size: 10px; color: var(--text-muted); overflow: hidden; text-overflow: ellipsis;">philipp@lossless.com</div></div>${icon('more', 14)}</div>
+      </aside>
+    `;
+        }
+        renderView() {
+            switch (this.view) {
+                case 'inbox': return html `<sdig-workspace-inbox class="view-host" .density=${this.density}></sdig-workspace-inbox>`;
+                case 'compose': return html `<sdig-workspace-compose class="view-host"></sdig-workspace-compose>`;
+                case 'sign': return html `<sdig-workspace-sign class="view-host"></sdig-workspace-sign>`;
+                case 'audit': return html `<sdig-workspace-audit class="view-host"></sdig-workspace-audit>`;
+                case 'developers': return html `<sdig-workspace-developers class="view-host"></sdig-workspace-developers>`;
+                case 'templates': return html `<sdig-workspace-placeholder class="view-host" label="Templates" subtitle="Reusable agreement templates"></sdig-workspace-placeholder>`;
+                case 'team': return html `<sdig-workspace-placeholder class="view-host" label="Team" subtitle="Workspace members & roles"></sdig-workspace-placeholder>`;
+                case 'settings': return html `<sdig-workspace-placeholder class="view-host" label="Settings" subtitle="Workspace, billing, security"></sdig-workspace-placeholder>`;
+                default: return html `<sdig-workspace-inbox class="view-host" .density=${this.density}></sdig-workspace-inbox>`;
+            }
+        }
+        render() {
+            return html `<div class="workspace ${this.density === 'compact' ? 'compact' : ''}" style="--accent: ${this.accent};" data-screen-label=${this.view}>${this.renderSidebar()}<main class="main">${this.renderView()}<div class="statusbar"><span style="display: inline-flex; align-items: center; gap: 5px;"><span style="width: 6px; height: 6px; border-radius: 50%; background: var(--success);"></span>api.signature.digital</span><span>eu-central-1</span><span>4 sigs queued</span><div style="flex: 1;"></div><span style="color: var(--accent);">Open Source · MIT</span><span>v0.42.1</span><span>${icon('git', 11)} main</span></div></main></div>`;
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return SdigWorkspace = _classThis;
+})();
+export { SdigWorkspace };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2RpZy13b3Jrc3BhY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi90c193ZWIvZWxlbWVudHMvc2RpZy13b3Jrc3BhY2Uvc2RpZy13b3Jrc3BhY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU8sRUFBRSxXQUFXLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsYUFBYSxFQUF1QixHQUFHLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUMxSCxPQUFPLEVBQUUsSUFBSSxFQUE0RCxNQUFNLDRCQUE0QixDQUFDO0FBQzVHLE9BQU8sMkJBQTJCLENBQUM7QUFDbkMsT0FBTyw2QkFBNkIsQ0FBQztBQUNyQyxPQUFPLDBCQUEwQixDQUFDO0FBQ2xDLE9BQU8sMkJBQTJCLENBQUM7QUFDbkMsT0FBTyxnQ0FBZ0MsQ0FBQztBQUN4QyxPQUFPLGlDQUFpQyxDQUFDO0lBUzVCLGFBQWE7NEJBRHpCLGFBQWEsQ0FBQyxnQkFBZ0IsQ0FBQzs7OztzQkFDRyxXQUFXOzs7Ozs7Ozs7Ozs7Ozs7OzZCQUFuQixTQUFRLFdBQVc7Ozs7a0NBSTNDLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsQ0FBQzttQ0FDMUIsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDO2lDQUMxQixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsQ0FBQzt1Q0FDekMsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDO2dDQUMxQixLQUFLLEVBQUU7WUFKb0IsdUtBQWdCLE1BQU0sNkJBQU4sTUFBTSx1RkFBcUI7WUFDM0MsMEtBQWdCLE9BQU8sNkJBQVAsT0FBTyx5RkFBMkI7WUFDbkMsb0tBQWdCLEtBQUssNkJBQUwsS0FBSyxxRkFBMkI7WUFDL0Qsc0xBQWdCLFdBQVcs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

package/dist_ts_web/elements/sdig-workspace/sdig-workspace.shared.d.ts

@@ -0,0 +1,53 @@
+import { type TemplateResult } from '@design.estate/dees-element';
+import '@design.estate/dees-catalog/ts_web/elements/00group-utility/dees-icon/dees-icon.js';
+export type TWorkspaceView = 'inbox' | 'compose' | 'sign' | 'audit' | 'developers' | 'templates' | 'team' | 'settings';
+export type TWorkspaceTheme = 'dark' | 'light';
+export type TDensity = 'compact' | 'comfortable';
+export interface IDocumentRow {
+    id: string;
+    title: string;
+    status: 'awaiting' | 'signed' | 'draft' | 'declined';
+    recipients: Array<{
+        name: string;
+        initials: string;
+        signed: boolean;
+    }>;
+    updated: string;
+    sender: string;
+    pages: number;
+    deadline?: string;
+}
+export interface IRecipient {
+    id: number;
+    name: string;
+    email: string;
+    color: string;
+    order: number;
+}
+export interface IFieldPlacement {
+    id: string;
+    type: 'signature' | 'date' | 'text' | 'initials' | 'check';
+    x: number;
+    y: number;
+    w: number;
+    h: number;
+    page: number;
+    recipient: number;
+    label: string;
+}
+export declare const demoDocuments: IDocumentRow[];
+export declare const demoRecipients: IRecipient[];
+export declare const demoFields: IFieldPlacement[];
+export declare const workspaceBaseStyles: import("@design.estate/dees-element").CSSResult;
+export declare function icon(name: string, size?: number): TemplateResult;
+export declare function pill(label: string, tone?: 'default' | 'success' | 'warning' | 'error' | 'info', dot?: boolean): TemplateResult;
+export declare function actionButton(label: string, variant?: 'primary' | 'outline' | 'ghost', iconName?: string, onClick?: () => void): TemplateResult;
+export declare function topBar(config: {
+    breadcrumb: string[];
+    title: string;
+    subtitle?: TemplateResult;
+    actions?: TemplateResult;
+}): TemplateResult;
+export declare function workspaceDemoFrame(content: TemplateResult, theme?: TWorkspaceTheme): TemplateResult;
+export declare function fakeDocument(): TemplateResult;
+export declare function requestWorkspaceView(element: HTMLElement, view: TWorkspaceView): void;