@signature.digital/catalog 1.7.0 → 1.9.0

package/dist_ts_web/00_commitinfo_data.js

@@ -3,7 +3,7 @@
  */
 export const commitinfo = {
     name: '@signature.digital/catalog',
-    version: '1.7.0',
-    description: 'A comprehensive catalog of customizable web components designed for building and managing e-signature applications.'
+    version: '1.9.0',
+    description: 'Reusable web components for browser-based signature capture and host-controlled e-signature application surfaces.'
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMDBfY29tbWl0aW5mb19kYXRhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHNfd2ViLzAwX2NvbW1pdGluZm9fZGF0YS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRztJQUN4QixJQUFJLEVBQUUsNEJBQTRCO0lBQ2xDLE9BQU8sRUFBRSxPQUFPO0lBQ2hCLFdBQVcsRUFBRSxxSEFBcUg7Q0FDbkksQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMDBfY29tbWl0aW5mb19kYXRhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHNfd2ViLzAwX2NvbW1pdGluZm9fZGF0YS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRztJQUN4QixJQUFJLEVBQUUsNEJBQTRCO0lBQ2xDLE9BQU8sRUFBRSxPQUFPO0lBQ2hCLFdBQVcsRUFBRSxtSEFBbUg7Q0FDakksQ0FBQSJ9

package/dist_ts_web/elements/index.d.ts

@@ -1,4 +1,5 @@
 export * from './sdig-contextmenu/index.js';
 export * from './sdig-signbox/index.js';
 export * from './sdig-signpad/index.js';
+export * from './sdig-app-shell/index.js';
 export * from './sdig-workspace/index.js';

package/dist_ts_web/elements/index.js

@@ -2,6 +2,8 @@
 export * from './sdig-contextmenu/index.js';
 export * from './sdig-signbox/index.js';
 export * from './sdig-signpad/index.js';
+// Controlled product application primitives
+export * from './sdig-app-shell/index.js';
 // Product workspace component
 export * from './sdig-workspace/index.js';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsdUJBQXVCO0FBQ3ZCLGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLHlCQUF5QixDQUFDO0FBRXhDLDhCQUE4QjtBQUM5QixjQUFjLDJCQUEyQixDQUFDIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsdUJBQXVCO0FBQ3ZCLGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLHlCQUF5QixDQUFDO0FBRXhDLDRDQUE0QztBQUM1QyxjQUFjLDJCQUEyQixDQUFDO0FBRTFDLDhCQUE4QjtBQUM5QixjQUFjLDJCQUEyQixDQUFDIn0=

package/dist_ts_web/elements/sdig-app-shell/index.d.ts

@@ -0,0 +1 @@
+export * from './sdig-app-shell.js';

package/dist_ts_web/elements/sdig-app-shell/index.js

@@ -0,0 +1,2 @@
+export * from './sdig-app-shell.js';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi90c193ZWIvZWxlbWVudHMvc2RpZy1hcHAtc2hlbGwvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxxQkFBcUIsQ0FBQyJ9

package/dist_ts_web/elements/sdig-app-shell/sdig-app-shell.d.ts

@@ -0,0 +1,38 @@
+import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
+export interface ISdigShellNavigationItem {
+    id: string;
+    label: string;
+    icon: string;
+    count?: number;
+    disabled?: boolean;
+    title?: string;
+}
+export interface ISdigShellNavigationRequestDetail {
+    view: string;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sdig-app-shell': SdigAppShell;
+    }
+}
+export declare class SdigAppShell extends DeesElement {
+    static demo: () => TemplateResult<1>;
+    static demoGroups: string[];
+    accessor accent: string;
+    accessor activeView: string;
+    accessor workspaceName: string;
+    accessor deploymentLabel: string;
+    accessor actorName: string;
+    accessor actorEmail: string;
+    accessor documentCount: number;
+    accessor statusLabel: string;
+    accessor productLabel: string;
+    accessor stackLabel: string;
+    accessor stackDescription: string;
+    accessor navigationItems: ISdigShellNavigationItem[];
+    static styles: import("@design.estate/dees-element").CSSResult;
+    private initials;
+    private requestNavigation;
+    private requestSignout;
+    render(): TemplateResult;
+}

package/dist_ts_web/elements/sdig-app-shell/sdig-app-shell.js

@@ -0,0 +1,309 @@
+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, html, customElement, css, } from '@design.estate/dees-element';
+import { icon } from '../sdig-workspace/sdig-workspace.shared.js';
+let SdigAppShell = (() => {
+    let _classDecorators = [customElement('sdig-app-shell')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = DeesElement;
+    let _accent_decorators;
+    let _accent_initializers = [];
+    let _accent_extraInitializers = [];
+    let _activeView_decorators;
+    let _activeView_initializers = [];
+    let _activeView_extraInitializers = [];
+    let _workspaceName_decorators;
+    let _workspaceName_initializers = [];
+    let _workspaceName_extraInitializers = [];
+    let _deploymentLabel_decorators;
+    let _deploymentLabel_initializers = [];
+    let _deploymentLabel_extraInitializers = [];
+    let _actorName_decorators;
+    let _actorName_initializers = [];
+    let _actorName_extraInitializers = [];
+    let _actorEmail_decorators;
+    let _actorEmail_initializers = [];
+    let _actorEmail_extraInitializers = [];
+    let _documentCount_decorators;
+    let _documentCount_initializers = [];
+    let _documentCount_extraInitializers = [];
+    let _statusLabel_decorators;
+    let _statusLabel_initializers = [];
+    let _statusLabel_extraInitializers = [];
+    let _productLabel_decorators;
+    let _productLabel_initializers = [];
+    let _productLabel_extraInitializers = [];
+    let _stackLabel_decorators;
+    let _stackLabel_initializers = [];
+    let _stackLabel_extraInitializers = [];
+    let _stackDescription_decorators;
+    let _stackDescription_initializers = [];
+    let _stackDescription_extraInitializers = [];
+    let _navigationItems_decorators;
+    let _navigationItems_initializers = [];
+    let _navigationItems_extraInitializers = [];
+    var SdigAppShell = 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 })];
+            _activeView_decorators = [property({ type: String, attribute: 'active-view' })];
+            _workspaceName_decorators = [property({ type: String, attribute: 'workspace-name' })];
+            _deploymentLabel_decorators = [property({ type: String, attribute: 'deployment-label' })];
+            _actorName_decorators = [property({ type: String, attribute: 'actor-name' })];
+            _actorEmail_decorators = [property({ type: String, attribute: 'actor-email' })];
+            _documentCount_decorators = [property({ type: Number, attribute: 'document-count' })];
+            _statusLabel_decorators = [property({ type: String, attribute: 'status-label' })];
+            _productLabel_decorators = [property({ type: String, attribute: 'product-label' })];
+            _stackLabel_decorators = [property({ type: String, attribute: 'stack-label' })];
+            _stackDescription_decorators = [property({ type: String, attribute: 'stack-description' })];
+            _navigationItems_decorators = [property({ attribute: false })];
+            __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, _activeView_decorators, { kind: "accessor", name: "activeView", static: false, private: false, access: { has: obj => "activeView" in obj, get: obj => obj.activeView, set: (obj, value) => { obj.activeView = value; } }, metadata: _metadata }, _activeView_initializers, _activeView_extraInitializers);
+            __esDecorate(this, null, _workspaceName_decorators, { kind: "accessor", name: "workspaceName", static: false, private: false, access: { has: obj => "workspaceName" in obj, get: obj => obj.workspaceName, set: (obj, value) => { obj.workspaceName = value; } }, metadata: _metadata }, _workspaceName_initializers, _workspaceName_extraInitializers);
+            __esDecorate(this, null, _deploymentLabel_decorators, { kind: "accessor", name: "deploymentLabel", static: false, private: false, access: { has: obj => "deploymentLabel" in obj, get: obj => obj.deploymentLabel, set: (obj, value) => { obj.deploymentLabel = value; } }, metadata: _metadata }, _deploymentLabel_initializers, _deploymentLabel_extraInitializers);
+            __esDecorate(this, null, _actorName_decorators, { kind: "accessor", name: "actorName", static: false, private: false, access: { has: obj => "actorName" in obj, get: obj => obj.actorName, set: (obj, value) => { obj.actorName = value; } }, metadata: _metadata }, _actorName_initializers, _actorName_extraInitializers);
+            __esDecorate(this, null, _actorEmail_decorators, { kind: "accessor", name: "actorEmail", static: false, private: false, access: { has: obj => "actorEmail" in obj, get: obj => obj.actorEmail, set: (obj, value) => { obj.actorEmail = value; } }, metadata: _metadata }, _actorEmail_initializers, _actorEmail_extraInitializers);
+            __esDecorate(this, null, _documentCount_decorators, { kind: "accessor", name: "documentCount", static: false, private: false, access: { has: obj => "documentCount" in obj, get: obj => obj.documentCount, set: (obj, value) => { obj.documentCount = value; } }, metadata: _metadata }, _documentCount_initializers, _documentCount_extraInitializers);
+            __esDecorate(this, null, _statusLabel_decorators, { kind: "accessor", name: "statusLabel", static: false, private: false, access: { has: obj => "statusLabel" in obj, get: obj => obj.statusLabel, set: (obj, value) => { obj.statusLabel = value; } }, metadata: _metadata }, _statusLabel_initializers, _statusLabel_extraInitializers);
+            __esDecorate(this, null, _productLabel_decorators, { kind: "accessor", name: "productLabel", static: false, private: false, access: { has: obj => "productLabel" in obj, get: obj => obj.productLabel, set: (obj, value) => { obj.productLabel = value; } }, metadata: _metadata }, _productLabel_initializers, _productLabel_extraInitializers);
+            __esDecorate(this, null, _stackLabel_decorators, { kind: "accessor", name: "stackLabel", static: false, private: false, access: { has: obj => "stackLabel" in obj, get: obj => obj.stackLabel, set: (obj, value) => { obj.stackLabel = value; } }, metadata: _metadata }, _stackLabel_initializers, _stackLabel_extraInitializers);
+            __esDecorate(this, null, _stackDescription_decorators, { kind: "accessor", name: "stackDescription", static: false, private: false, access: { has: obj => "stackDescription" in obj, get: obj => obj.stackDescription, set: (obj, value) => { obj.stackDescription = value; } }, metadata: _metadata }, _stackDescription_initializers, _stackDescription_extraInitializers);
+            __esDecorate(this, null, _navigationItems_decorators, { kind: "accessor", name: "navigationItems", static: false, private: false, access: { has: obj => "navigationItems" in obj, get: obj => obj.navigationItems, set: (obj, value) => { obj.navigationItems = value; } }, metadata: _metadata }, _navigationItems_initializers, _navigationItems_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            SdigAppShell = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static demo = () => html `
+    <sdig-app-shell
+      workspace-name="Example workspace"
+      deployment-label="Self-hosted · single instance"
+      actor-name="Workspace owner"
+      actor-email="owner@example.test"
+      active-view="inbox"
+      status-label="self-hosted"
+      product-label="Open Source · MIT"
+      stack-label="foss.global stack"
+      stack-description="Lit · TypedRequest · SmartData · SmartBucket · MongoDB · S3"
+      .documentCount=${4}
+      style="height: 720px"
+    >
+      <div style="height:100%;display:grid;place-items:center;color:var(--text-muted)">Controlled application content</div>
+    </sdig-app-shell>
+  `;
+        static demoGroups = ['Signature Digital Application'];
+        #accent_accessor_storage = __runInitializers(this, _accent_initializers, '#007aff');
+        get accent() { return this.#accent_accessor_storage; }
+        set accent(value) { this.#accent_accessor_storage = value; }
+        #activeView_accessor_storage = (__runInitializers(this, _accent_extraInitializers), __runInitializers(this, _activeView_initializers, 'inbox'));
+        get activeView() { return this.#activeView_accessor_storage; }
+        set activeView(value) { this.#activeView_accessor_storage = value; }
+        #workspaceName_accessor_storage = (__runInitializers(this, _activeView_extraInitializers), __runInitializers(this, _workspaceName_initializers, 'Workspace'));
+        get workspaceName() { return this.#workspaceName_accessor_storage; }
+        set workspaceName(value) { this.#workspaceName_accessor_storage = value; }
+        #deploymentLabel_accessor_storage = (__runInitializers(this, _workspaceName_extraInitializers), __runInitializers(this, _deploymentLabel_initializers, 'Host configured'));
+        get deploymentLabel() { return this.#deploymentLabel_accessor_storage; }
+        set deploymentLabel(value) { this.#deploymentLabel_accessor_storage = value; }
+        #actorName_accessor_storage = (__runInitializers(this, _deploymentLabel_extraInitializers), __runInitializers(this, _actorName_initializers, 'Current user'));
+        get actorName() { return this.#actorName_accessor_storage; }
+        set actorName(value) { this.#actorName_accessor_storage = value; }
+        #actorEmail_accessor_storage = (__runInitializers(this, _actorName_extraInitializers), __runInitializers(this, _actorEmail_initializers, ''));
+        get actorEmail() { return this.#actorEmail_accessor_storage; }
+        set actorEmail(value) { this.#actorEmail_accessor_storage = value; }
+        #documentCount_accessor_storage = (__runInitializers(this, _actorEmail_extraInitializers), __runInitializers(this, _documentCount_initializers, 0));
+        get documentCount() { return this.#documentCount_accessor_storage; }
+        set documentCount(value) { this.#documentCount_accessor_storage = value; }
+        #statusLabel_accessor_storage = (__runInitializers(this, _documentCount_extraInitializers), __runInitializers(this, _statusLabel_initializers, 'host controlled'));
+        get statusLabel() { return this.#statusLabel_accessor_storage; }
+        set statusLabel(value) { this.#statusLabel_accessor_storage = value; }
+        #productLabel_accessor_storage = (__runInitializers(this, _statusLabel_extraInitializers), __runInitializers(this, _productLabel_initializers, ''));
+        get productLabel() { return this.#productLabel_accessor_storage; }
+        set productLabel(value) { this.#productLabel_accessor_storage = value; }
+        #stackLabel_accessor_storage = (__runInitializers(this, _productLabel_extraInitializers), __runInitializers(this, _stackLabel_initializers, 'Application services'));
+        get stackLabel() { return this.#stackLabel_accessor_storage; }
+        set stackLabel(value) { this.#stackLabel_accessor_storage = value; }
+        #stackDescription_accessor_storage = (__runInitializers(this, _stackLabel_extraInitializers), __runInitializers(this, _stackDescription_initializers, 'Configured by host application'));
+        get stackDescription() { return this.#stackDescription_accessor_storage; }
+        set stackDescription(value) { this.#stackDescription_accessor_storage = value; }
+        #navigationItems_accessor_storage = (__runInitializers(this, _stackDescription_extraInitializers), __runInitializers(this, _navigationItems_initializers, [
+            { id: 'inbox', label: 'Inbox', icon: 'inbox' },
+            { id: 'compose', label: 'Compose', icon: 'plus' },
+            { id: 'audit', label: 'Audit Trail', icon: 'shield' },
+        ]));
+        get navigationItems() { return this.#navigationItems_accessor_storage; }
+        set navigationItems(value) { this.#navigationItems_accessor_storage = value; }
+        static styles = css `
+    :host {
+      --accent: #007aff;
+      --bg: hsl(0 0% 100%);
+      --bg-el: hsl(240 9% 96.5%);
+      --bg-card: hsl(0 0% 100%);
+      --sidebar: hsl(240 11% 96%);
+      --border: hsl(240 6% 89%);
+      --border-subtle: hsl(240 6% 92.5%);
+      --text: hsl(240 6% 11%);
+      --text-sec: hsl(240 4% 34%);
+      --text-muted: hsl(240 3% 52%);
+      --text-dim: hsl(240 3% 66%);
+      --success: #34c759;
+      --hover: rgba(0, 0, 0, 0.05);
+      --ui: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
+      --display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Arial, sans-serif;
+      --mono: ui-monospace, "SF Mono", Menlo, "Cascadia Mono", monospace;
+      display: block;
+      container-type: inline-size;
+      width: 100%;
+      min-height: 100vh;
+      color: var(--text);
+      background: var(--bg);
+      font-family: var(--ui);
+      -webkit-font-smoothing: antialiased;
+    }
+
+    * { box-sizing: border-box; }
+    button { font: inherit; cursor: pointer; }
+    button:disabled { cursor: not-allowed; opacity: .42; }
+    .shell { min-height: inherit; height: 100%; display: grid; grid-template-columns: 224px minmax(0, 1fr); background: var(--bg); }
+    .sidebar { height: 100%; min-height: inherit; display: flex; flex-direction: column; border-right: 1px solid var(--border-subtle); background: color-mix(in srgb, var(--sidebar) 94%, transparent); backdrop-filter: saturate(180%) blur(20px); }
+    .traffic { display: flex; gap: 8px; padding: 13px 16px 0; }
+    .traffic span { width: 12px; height: 12px; border-radius: 50%; box-shadow: inset 0 0 0 .5px rgba(0,0,0,.12); }
+    .traffic span:nth-child(1) { background: #ff5f57; }
+    .traffic span:nth-child(2) { background: #febc2e; }
+    .traffic span:nth-child(3) { background: #28c840; }
+    .brand { display: flex; align-items: center; gap: 8px; padding: 12px 16px; }
+    .mark { width: 26px; height: 26px; display: grid; place-items: center; position: relative; border: .5px solid rgba(0,0,0,.15); border-radius: 7px; color: white; background: linear-gradient(160deg, var(--accent), color-mix(in srgb, var(--accent) 70%, black)); box-shadow: 0 1px 2px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.25); font-family: var(--display); font-size: 13px; font-weight: 700; }
+    .mark::after { content: ''; width: 4px; height: 4px; position: absolute; right: 5px; bottom: 5px; border-radius: 50%; background: rgba(255,255,255,.95); }
+    .wordmark { font-size: 13px; font-weight: 500; letter-spacing: -.02em; white-space: nowrap; }
+    .wordmark .dot { color: var(--text-muted); }
+    .wordmark::after { content: ''; width: 4px; height: 4px; display: inline-block; margin-left: 3px; border-radius: 50%; background: var(--accent); transform: translateY(-1px); }
+    .workspace { display: flex; align-items: center; gap: 8px; margin: 0 12px 8px; padding: 7px 10px; border: 1px solid var(--border); border-radius: 9px; background: var(--bg-card); box-shadow: 0 1px 1.5px rgba(0,0,0,.05); }
+    .workspace-badge { width: 20px; height: 20px; display: grid; place-items: center; flex: none; border-radius: 5px; color: white; background: linear-gradient(135deg, var(--accent), #af52de); font-size: 10px; font-weight: 700; }
+    .workspace strong { display: block; overflow: hidden; font-size: 12px; font-weight: 500; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
+    .workspace small { display: block; margin-top: 1px; color: var(--text-muted); font-size: 10px; }
+    nav { display: grid; gap: 2px; padding: 4px 0; }
+    .nav-item { width: calc(100% - 18px); min-height: 30px; display: flex; align-items: center; gap: 9px; margin: 1px 9px; padding: 6px 9px; border: 0; border-radius: 7px; color: var(--text-sec); background: transparent; text-align: left; font-size: 13px; font-weight: 450; letter-spacing: -.01em; transition: color .1s ease, background .1s ease, box-shadow .1s ease; }
+    .nav-item:hover:not(:disabled) { color: var(--text); background: var(--hover); }
+    .nav-item.active { color: white; background: var(--accent); box-shadow: 0 1px 2px color-mix(in srgb, var(--accent) 42%, transparent); font-weight: 510; }
+    .count { min-width: 18px; margin-left: auto; padding: 1px 7px; border-radius: 999px; color: var(--text-muted); background: var(--bg-el); font: 10px var(--mono); text-align: center; }
+    .nav-item.active .count { color: white; background: rgba(255,255,255,.22); }
+    .stack { margin: auto 12px 8px; padding: 11px; border: 1px solid var(--border); border-radius: 10px; background: var(--bg-card); box-shadow: 0 1px 2px rgba(0,0,0,.04); }
+    .stack strong { display: block; color: var(--text-sec); font: 11px var(--mono); }
+    .stack p { margin: 7px 0 0; color: var(--text-muted); font-size: 10px; line-height: 1.45; }
+    .actor { display: flex; align-items: center; gap: 9px; padding: 8px 12px; border-top: 1px solid var(--border-subtle); }
+    .avatar { width: 26px; height: 26px; display: grid; place-items: center; flex: none; border-radius: 50%; color: white; background: var(--accent); font-size: 10px; font-weight: 700; }
+    .actor-name, .actor-email { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+    .actor-name { font-size: 12px; font-weight: 500; }
+    .actor-email { color: var(--text-muted); font: 10px var(--mono); }
+    .signout { width: 28px; height: 28px; display: grid; place-items: center; border: 0; border-radius: 6px; color: var(--text-muted); background: transparent; }
+    .signout:hover { color: #d70015; background: var(--hover); }
+    .mobile-signout { display: none; margin-left: auto; }
+    .main { min-width: 0; min-height: 0; display: flex; flex-direction: column; }
+    .content { flex: 1; min-height: 0; overflow: auto; }
+    ::slotted(*) { min-height: 100%; }
+    .status { height: 24px; display: flex; align-items: center; gap: 16px; flex: none; padding: 0 16px; border-top: 1px solid var(--border-subtle); color: var(--text-dim); background: var(--bg); font: 10px var(--mono); }
+    .status-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--success); }
+    :focus-visible { outline: 3px solid color-mix(in srgb, var(--accent) 25%, transparent); outline-offset: 2px; }
+
+    @container (max-width: 760px) {
+      .shell { grid-template-columns: 1fr; }
+      .sidebar { height: auto; min-height: 0; border-right: 0; border-bottom: 1px solid var(--border-subtle); }
+      .traffic, .workspace, .stack, .actor { display: none; }
+      .brand { padding: 10px 14px 4px; }
+      .mobile-signout { display: grid; }
+      nav { display: flex; overflow-x: auto; padding: 4px 8px 8px; }
+      .nav-item { width: auto; flex: none; margin: 0 2px; }
+      .status { display: none; }
+    }
+
+    @media (prefers-reduced-motion: reduce) {
+      *, *::before, *::after { transition-duration: .001ms !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; }
+    }
+  `;
+        initials(valueArg, fallbackArg = '') {
+            const source = valueArg.trim() || fallbackArg.trim();
+            if (!source)
+                return '?';
+            return source.split(/\s+|@/).filter(Boolean).slice(0, 2).map((part) => part[0]?.toUpperCase() || '').join('');
+        }
+        requestNavigation(itemArg) {
+            if (itemArg.disabled)
+                return;
+            this.dispatchEvent(new CustomEvent('navigation-request', {
+                detail: { view: itemArg.id },
+                bubbles: true,
+                composed: true,
+            }));
+        }
+        requestSignout() {
+            this.dispatchEvent(new CustomEvent('signout-request', { bubbles: true, composed: true }));
+        }
+        render() {
+            return html `
+      <div class="shell" style=${`--accent:${this.accent}`}>
+        <aside class="sidebar">
+          <div class="traffic" aria-hidden="true"><span></span><span></span><span></span></div>
+          <div class="brand"><span class="mark">s</span><span class="wordmark">signature<span class="dot">.</span>digital</span><button class="signout mobile-signout" title="Sign out" aria-label="Sign out" @click=${this.requestSignout}>↪</button></div>
+          <div class="workspace"><span class="workspace-badge">${this.initials(this.workspaceName)}</span><div style="min-width:0;flex:1"><strong>${this.workspaceName}</strong><small>${this.deploymentLabel}</small></div></div>
+          <nav aria-label="Workspace navigation">
+            ${this.navigationItems.map((item) => html `
+              <button class="nav-item ${this.activeView === item.id ? 'active' : ''}" ?disabled=${item.disabled} title=${item.title || ''} @click=${() => this.requestNavigation(item)}>
+                ${icon(item.icon, 16)}<span>${item.label}</span>${item.count === undefined ? '' : html `<span class="count">${item.count}</span>`}
+              </button>
+            `)}
+          </nav>
+          <div class="stack"><strong>${this.stackLabel}</strong><p>${this.stackDescription}</p></div>
+          <div class="actor"><span class="avatar">${this.initials(this.actorName, this.actorEmail)}</span><div style="min-width:0;flex:1"><div class="actor-name">${this.actorName}</div><div class="actor-email">${this.actorEmail}</div></div><button class="signout" title="Sign out" aria-label="Sign out" @click=${this.requestSignout}>↪</button></div>
+        </aside>
+        <main class="main">
+          <div class="content"><slot></slot></div>
+          <div class="status"><span class="status-dot"></span><span>${this.statusLabel}</span><span>${this.documentCount} documents</span><div style="flex:1"></div>${this.productLabel ? html `<span style="color:var(--accent)">${this.productLabel}</span>` : ''}</div>
+        </main>
+      </div>
+    `;
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _navigationItems_extraInitializers);
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return SdigAppShell = _classThis;
+})();
+export { SdigAppShell };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2RpZy1hcHAtc2hlbGwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi90c193ZWIvZWxlbWVudHMvc2RpZy1hcHAtc2hlbGwvc2RpZy1hcHAtc2hlbGwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU8sRUFDTCxXQUFXLEVBQ1gsUUFBUSxFQUNSLElBQUksRUFDSixhQUFhLEVBRWIsR0FBRyxHQUNKLE1BQU0sNkJBQTZCLENBQUM7QUFFckMsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLDRDQUE0QyxDQUFDO0lBc0JyRCxZQUFZOzRCQUR4QixhQUFhLENBQUMsZ0JBQWdCLENBQUM7Ozs7c0JBQ0UsV0FBVzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs0QkFBbkIsU0FBUSxXQUFXOzs7O2tDQW9CMUMsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDO3NDQUMxQixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxhQUFhLEVBQUUsQ0FBQzt5Q0FDcEQsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUUsQ0FBQzsyQ0FDdkQsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsa0JBQWtCLEVBQUUsQ0FBQztxQ0FDekQsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLENBQUM7c0NBQ25ELFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLGFBQWEsRUFBRSxDQUFDO3lDQUNwRCxRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSxDQUFDO3VDQUN2RCxRQUFRLENBQUMsRUFBRSxJ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

package/dist_ts_web/elements/sdig-signbox/sdig-signbox.d.ts

@@ -1,4 +1,5 @@
 import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
+import '../sdig-signpad/index.js';
 declare global {
     interface HTMLElementTagNameMap {
         'sdig-signbox': SignBox;

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

@@ -33,6 +33,7 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
     return useValue ? value : void 0;
 };
 import { DeesElement, html, customElement, css, cssManager } from '@design.estate/dees-element';
+import '../sdig-signpad/index.js';
 let SignBox = (() => {
     let _classDecorators = [customElement('sdig-signbox')];
     let _classDescriptor;
@@ -59,6 +60,7 @@ let SignBox = (() => {
             css `
       .mainbox {
         position: relative;
+        width: 100%;
         background: ${cssManager.bdTheme('#eeeeeb', '#111111')};
         border-radius: 16px;
         max-width: 600px;
@@ -91,6 +93,7 @@ let SignBox = (() => {
         box-shadow: ${cssManager.bdTheme('0px 0px 8px 0px #00000040', 'none')};
         z-index: 2;
         display: flex;
+        flex-wrap: wrap;
         justify-content: flex-end;
       }
 
@@ -105,6 +108,13 @@ let SignBox = (() => {
       .button:hover {
         color: ${cssManager.bdTheme('#111111', '#eeeeeb')};
       }
+
+      button.button {
+        appearance: none;
+        border: 0;
+        background: transparent;
+        font: inherit;
+      }
     `
         ];
         render() {
@@ -115,30 +125,39 @@ let SignBox = (() => {
         </div>
         <sdig-signpad></sdig-signpad>
         <div class="actions">
-          <div class="button" @click=${async () => {
+          <button class="button" data-action="clear" @click=${async () => {
                 await this.shadowRoot?.querySelector('sdig-signpad')?.clear();
             }}>
             Clear
-          </div>
-          <div class="button" @click=${async () => {
+          </button>
+          <button class="button" data-action="undo" @click=${async () => {
                 await this.shadowRoot?.querySelector('sdig-signpad')?.undo();
             }}>
             Undo
-          </div>
-          <div class="button" @click=${async () => {
+          </button>
+          <button class="button" data-action="submit" @click=${async () => {
                 const signaturePad = this.shadowRoot?.querySelector('sdig-signpad');
                 if (!signaturePad)
                     return;
+                if (await signaturePad.isEmpty())
+                    return;
                 const signature = await signaturePad.toData();
+                const svg = await signaturePad.toSVG();
+                const canvasSize = signaturePad.getCanvasSize();
                 this.dispatchEvent(new CustomEvent('signature', {
                     detail: {
                         signature,
-                    }
+                        svg,
+                        createdAt: Date.now(),
+                        canvasWidth: canvasSize.width,
+                        canvasHeight: canvasSize.height,
+                    },
+                    bubbles: true,
+                    composed: true,
                 }));
-                console.log(signature);
             }}>
             Submit Signature
-          </div>
+          </button>
         </div>
       </div>
     `;
@@ -150,4 +169,4 @@ let SignBox = (() => {
     return SignBox = _classThis;
 })();
 export { SignBox };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2RpZy1zaWduYm94LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vdHNfd2ViL2VsZW1lbnRzL3NkaWctc2lnbmJveC9zZGlnLXNpZ25ib3gudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU8sRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFLGFBQWEsRUFBdUIsR0FBRyxFQUFFLFVBQVUsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0lBU3hHLE9BQU87NEJBRG5CLGFBQWEsQ0FBQyxjQUFjLENBQUM7Ozs7c0JBQ0QsV0FBVzt1QkFBbkIsU0FBUSxXQUFXOzs7O1lBQXhDLDZLQW1HQzs7OztRQWxHUSxNQUFNLENBQUMsSUFBSSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQTs7R0FFOUIsQ0FBQztRQUNLLE1BQU0sQ0FBQyxVQUFVLEdBQUcsQ0FBQyw4QkFBOEIsQ0FBQyxDQUFDO1FBRTVEO1lBQ0UsS0FBSyxFQUFFLENBQUM7UUFDVixDQUFDO1FBRU0sTUFBTSxDQUFDLE1BQU0sR0FBRztZQUNyQixVQUFVLENBQUMsYUFBYTtZQUN4QixHQUFHLENBQUE7OztzQkFHZSxVQUFVLENBQUMsT0FBTyxDQUFDLFNBQVMsRUFBRSxTQUFTLENBQUM7Ozs7O2lCQUs3QyxVQUFVLENBQUMsT0FBTyxDQUFDLFNBQVMsRUFBRSxTQUFTLENBQUM7O3NCQUVuQyxVQUFVLENBQUMsT0FBTyxDQUFDLDJCQUEyQixFQUFFLE1BQU0sQ0FBQzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O3NCQXFCdkQsVUFBVSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsU0FBUyxDQUFDO3NCQUN4QyxVQUFVLENBQUMsT0FBTyxDQUFDLDJCQUEyQixFQUFFLE1BQU0sQ0FBQzs7Ozs7Ozs7OztpQkFVNUQsVUFBVSxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUUsTUFBTSxDQUFDOzs7OztpQkFLbEMsVUFBVSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsU0FBUyxDQUFDOztLQUVwRDtTQUNGLENBQUM7UUFFSyxNQUFNO1lBQ1gsT0FBTyxJQUFJLENBQUE7Ozs7Ozs7dUNBT3dCLEtBQUssSUFBSSxFQUFFO2dCQUN0QyxNQUFNLElBQUksQ0FBQyxVQUFVLEVBQUUsYUFBYSxDQUFDLGNBQWMsQ0FBQyxFQUFFLEtBQUssRUFBRSxDQUFDO1lBQ2hFLENBQUM7Ozt1Q0FHNEIsS0FBSyxJQUFJLEVBQUU7Z0JBQ3RDLE1BQU0sSUFBSSxDQUFDLFVBQVUsRUFBRSxhQUFhLENBQUMsY0FBYyxDQUFDLEVBQUUsSUFBSSxFQUFFLENBQUM7WUFDL0QsQ0FBQzs7O3VDQUc0QixLQUFLLElBQUksRUFBRTtnQkFDdEMsTUFBTSxZQUFZLEdBQUcsSUFBSSxDQUFDLFVBQVUsRUFBRSxhQUFhLENBQUMsY0FBYyxDQUFDLENBQUM7Z0JBQ3BFLElBQUksQ0FBQyxZQUFZO29CQUFFLE9BQU87Z0JBQzFCLE1BQU0sU0FBUyxHQUFHLE1BQU0sWUFBWSxDQUFDLE1BQU0sRUFBRSxDQUFDO2dCQUM5QyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksV0FBVyxDQUFDLFdBQVcsRUFBRTtvQkFDOUMsTUFBTSxFQUFFO3dCQUNOLFNBQVM7cUJBQ1Y7aUJBQ0YsQ0FBQyxDQUFDLENBQUM7Z0JBQ0osT0FBTyxDQUFDLEdBQUcsQ0FBQyxTQUFTLENBQUMsQ0FBQztZQUN6QixDQUFDOzs7OztLQUtOLENBQUM7UUFDSixDQUFDOztZQWxHVSx1REFBTzs7Ozs7U0FBUCxPQUFPIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2RpZy1zaWduYm94LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vdHNfd2ViL2VsZW1lbnRzL3NkaWctc2lnbmJveC9zZGlnLXNpZ25ib3gudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU8sRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFLGFBQWEsRUFBdUIsR0FBRyxFQUFFLFVBQVUsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3JILE9BQU8sMEJBQTBCLENBQUM7SUFTckIsT0FBTzs0QkFEbkIsYUFBYSxDQUFDLGNBQWMsQ0FBQzs7OztzQkFDRCxXQUFXO3VCQUFuQixTQUFRLFdBQVc7Ozs7WUFBeEMsNktBb0hDOzs7O1FBbkhRLE1BQU0sQ0FBQyxJQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBOztHQUU5QixDQUFDO1FBQ0ssTUFBTSxDQUFDLFVBQVUsR0FBRyxDQUFDLDhCQUE4QixDQUFDLENBQUM7UUFFNUQ7WUFDRSxLQUFLLEVBQUUsQ0FBQztRQUNWLENBQUM7UUFFTSxNQUFNLENBQUMsTUFBTSxHQUFHO1lBQ3JCLFVBQVUsQ0FBQyxhQUFhO1lBQ3hCLEdBQUcsQ0FBQTs7OztzQkFJZSxVQUFVLENBQUMsT0FBTyxDQUFDLFNBQVMsRUFBRSxTQUFTLENBQUM7Ozs7O2lCQUs3QyxVQUFVLENBQUMsT0FBTyxDQUFDLFNBQVMsRUFBRSxTQUFTLENBQUM7O3NCQUVuQyxVQUFVLENBQUMsT0FBTyxDQUFDLDJCQUEyQixFQUFFLE1BQU0sQ0FBQzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O3NCQXFCdkQsVUFBVSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsU0FBUyxDQUFDO3NCQUN4QyxVQUFVLENBQUMsT0FBTyxDQUFDLDJCQUEyQixFQUFFLE1BQU0sQ0FBQzs7Ozs7Ozs7Ozs7aUJBVzVELFVBQVUsQ0FBQyxPQUFPLENBQUMsTUFBTSxFQUFFLE1BQU0sQ0FBQzs7Ozs7aUJBS2xDLFVBQVUsQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFFLFNBQVMsQ0FBQzs7Ozs7Ozs7O0tBU3BEO1NBQ0YsQ0FBQztRQUVLLE1BQU07WUFDWCxPQUFPLElBQUksQ0FBQTs7Ozs7Ozs4REFPK0MsS0FBSyxJQUFJLEVBQUU7Z0JBQzdELE1BQU0sSUFBSSxDQUFDLFVBQVUsRUFBRSxhQUFhLENBQUMsY0FBYyxDQUFDLEVBQUUsS0FBSyxFQUFFLENBQUM7WUFDaEUsQ0FBQzs7OzZEQUdrRCxLQUFLLElBQUksRUFBRTtnQkFDNUQsTUFBTSxJQUFJLENBQUMsVUFBVSxFQUFFLGFBQWEsQ0FBQyxjQUFjLENBQUMsRUFBRSxJQUFJLEVBQUUsQ0FBQztZQUMvRCxDQUFDOzs7K0RBR29ELEtBQUssSUFBSSxFQUFFO2dCQUM5RCxNQUFNLFlBQVksR0FBRyxJQUFJLENBQUMsVUFBVSxFQUFFLGFBQWEsQ0FBQyxjQUFjLENBQUMsQ0FBQztnQkFDcEUsSUFBSSxDQUFDLFlBQVk7b0JBQUUsT0FBTztnQkFDMUIsSUFBSSxNQUFNLFlBQVksQ0FBQyxPQUFPLEVBQUU7b0JBQUUsT0FBTztnQkFDekMsTUFBTSxTQUFTLEdBQUcsTUFBTSxZQUFZLENBQUMsTUFBTSxFQUFFLENBQUM7Z0JBQzlDLE1BQU0sR0FBRyxHQUFHLE1BQU0sWUFBWSxDQUFDLEtBQUssRUFBRSxDQUFDO2dCQUN2QyxNQUFNLFVBQVUsR0FBRyxZQUFZLENBQUMsYUFBYSxFQUFFLENBQUM7Z0JBQ2hELElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxXQUFXLENBQUMsV0FBVyxFQUFFO29CQUM5QyxNQUFNLEVBQUU7d0JBQ04sU0FBUzt3QkFDVCxHQUFHO3dCQUNILFNBQVMsRUFBRSxJQUFJLENBQUMsR0FBRyxFQUFFO3dCQUNyQixXQUFXLEVBQUUsVUFBVSxDQUFDLEtBQUs7d0JBQzdCLFlBQVksRUFBRSxVQUFVLENBQUMsTUFBTTtxQkFDaEM7b0JBQ0QsT0FBTyxFQUFFLElBQUk7b0JBQ2IsUUFBUSxFQUFFLElBQUk7aUJBQ2YsQ0FBQyxDQUFDLENBQUM7WUFDTixDQUFDOzs7OztLQUtOLENBQUM7UUFDSixDQUFDOztZQW5IVSx1REFBTzs7Ozs7U0FBUCxPQUFPIn0=

package/dist_ts_web/elements/sdig-signpad/sdig-signpad.d.ts

@@ -12,11 +12,18 @@ export declare class SignPad extends DeesElement {
     static styles: import("@design.estate/dees-element").CSSResult[];
     render(): TemplateResult;
     signaturePad?: typeof plugins.signaturePad.prototype;
+    private canvas?;
     firstUpdated(): Promise<void>;
+    disconnectedCallback(): Promise<void>;
     resizeCanvas(): Promise<void>;
     clear(): Promise<void>;
-    toData(): Promise<import("signature_pad").PointGroup[]>;
-    fromData(dataArrayArg: any[]): Promise<void>;
+    isEmpty(): Promise<boolean>;
+    toData(): Promise<plugins.TSignaturePadPointGroup[]>;
+    getCanvasSize(): {
+        width: number;
+        height: number;
+    };
+    fromData(dataArrayArg: plugins.TSignaturePadPointGroup[]): Promise<void>;
     toSVG(): Promise<string>;
     undo(): Promise<void>;
 }

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

@@ -60,6 +60,7 @@ let SignPad = (() => {
             css `
       :host {
         display: block;
+        width: 100%;
         color: white;
         position: relative;
         max-width: 600px;
@@ -69,7 +70,8 @@ let SignPad = (() => {
 
       .mainbox {
         position: relative;
-        width: 600px;
+        width: 100%;
+        max-width: 600px;
         height: 280px;
       }
 
@@ -83,6 +85,8 @@ let SignPad = (() => {
       }
 
       canvas {
+        display: block;
+        max-width: 100%;
         filter: ${cssManager.bdTheme('invert(0)', 'invert(1)')};
       }
     `
@@ -95,17 +99,22 @@ let SignPad = (() => {
     `;
         }
         signaturePad;
+        canvas;
         async firstUpdated() {
             await this.domtoolsPromise;
             const mainbox = this.shadowRoot?.querySelector('.mainbox');
             if (!mainbox)
                 return;
-            const canvas = document.createElement('canvas');
-            mainbox.appendChild(canvas);
+            this.canvas = document.createElement('canvas');
+            mainbox.appendChild(this.canvas);
             await this.resizeCanvas();
-            this.signaturePad = new plugins.signaturePad(canvas, {});
+            this.signaturePad = new plugins.signaturePad(this.canvas, {});
             this.signaturePad.on();
         }
+        async disconnectedCallback() {
+            this.signaturePad?.off();
+            await super.disconnectedCallback();
+        }
         async resizeCanvas() {
             const mainbox = this.shadowRoot?.querySelector('.mainbox');
             const canvas = this.shadowRoot?.querySelector('canvas');
@@ -122,10 +131,19 @@ let SignPad = (() => {
         async clear() {
             this.signaturePad?.clear();
         }
+        async isEmpty() {
+            return this.signaturePad?.isEmpty() ?? true;
+        }
         async toData() {
             const returnData = this.signaturePad?.toData() || [];
             return returnData;
         }
+        getCanvasSize() {
+            return {
+                width: this.canvas?.width || 0,
+                height: this.canvas?.height || 0,
+            };
+        }
         async fromData(dataArrayArg) {
             this.signaturePad?.fromData(dataArrayArg);
         }
@@ -146,4 +164,4 @@ let SignPad = (() => {
     return SignPad = _classThis;
 })();
 export { SignPad };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2RpZy1zaWducGFkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vdHNfd2ViL2VsZW1lbnRzL3NkaWctc2lnbnBhZC9zZGlnLXNpZ25wYWQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU8sRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFLGFBQWEsRUFBdUIsR0FBRyxFQUFFLFVBQVUsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3JILE9BQU8sS0FBSyxPQUFPLE1BQU0sa0JBQWtCLENBQUM7SUFTL0IsT0FBTzs0QkFEbkIsYUFBYSxDQUFDLGNBQWMsQ0FBQzs7OztzQkFDRCxXQUFXO3VCQUFuQixTQUFRLFdBQVc7Ozs7WUFBeEMsNktBd0dDOzs7O1FBdkdRLE1BQU0sQ0FBQyxJQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBOztHQUU5QixDQUFDO1FBQ0ssTUFBTSxDQUFDLFVBQVUsR0FBRyxDQUFDLDhCQUE4QixDQUFDLENBQUM7UUFHNUQ7WUFDRSxLQUFLLEVBQUUsQ0FBQztRQUNWLENBQUM7UUFFTSxNQUFNLENBQUMsTUFBTSxHQUFHO1lBQ3JCLFVBQVUsQ0FBQyxhQUFhO1lBQ3hCLEdBQUcsQ0FBQTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O2lDQXFCMEIsVUFBVSxDQUFDLE9BQU8sQ0FBQyxXQUFXLEVBQUUsV0FBVyxDQUFDOzs7OztrQkFLM0QsVUFBVSxDQUFDLE9BQU8sQ0FBQyxXQUFXLEVBQUUsV0FBVyxDQUFDOztLQUV6RDtTQUNGLENBQUE7UUFFTSxNQUFNO1lBQ1gsT0FBTyxJQUFJLENBQUE7Ozs7S0FJVixDQUFDO1FBQ0osQ0FBQztRQUVNLFlBQVksQ0FBeUM7UUFFckQsS0FBSyxDQUFDLFlBQVk7WUFDdkIsTUFBTSxJQUFJLENBQUMsZUFBZSxDQUFDO1lBQzNCLE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxVQUFVLEVBQUUsYUFBYSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1lBQzNELElBQUksQ0FBQyxPQUFPO2dCQUFFLE9BQU87WUFDckIsTUFBTSxNQUFNLEdBQUcsUUFBUSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsQ0FBQztZQUNoRCxPQUFPLENBQUMsV0FBVyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1lBQzVCLE1BQU0sSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1lBQzFCLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxPQUFPLENBQUMsWUFBWSxDQUFDLE1BQU0sRUFBRSxFQUVwRCxDQUFDLENBQUM7WUFDSCxJQUFJLENBQUMsWUFBWSxDQUFDLEVBQUUsRUFBRSxDQUFDO1FBQ3pCLENBQUM7UUFFTSxLQUFLLENBQUMsWUFBWTtZQUN2QixNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsVUFBVSxFQUFFLGFBQWEsQ0FBQyxVQUFVLENBQUMsQ0FBQztZQUMzRCxNQUFNLE1BQU0sR0FBRyxJQUFJLENBQUMsVUFBVSxFQUFFLGFBQWEsQ0FBQyxRQUFRLENBQUMsQ0FBQztZQUN4RCxJQUFJLENBQUMsT0FBTyxJQUFJLENBQUMsTUFBTTtnQkFBRSxPQUFPO1lBQ2hDLE1BQU0sWUFBWSxHQUFHLE9BQU8sQ0FBQyxXQUFXLENBQUM7WUFDekMsTUFBTSxhQUFhLEdBQUcsT0FBTyxDQUFDLFlBQVksQ0FBQztZQUMzQyxNQUFNLENBQUMsS0FBSyxHQUFHLFlBQVksQ0FBQztZQUM1QixNQUFNLENBQUMsTUFBTSxHQUFHLGFBQWEsQ0FBQztZQUM5QixJQUFJLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztnQkFDdEIsSUFBSSxDQUFDLFlBQVksQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUM1QixDQUFDO1FBQ0gsQ0FBQztRQUVNLEtBQUssQ0FBQyxLQUFLO1lBQ2hCLElBQUksQ0FBQyxZQUFZLEVBQUUsS0FBSyxFQUFFLENBQUM7UUFDN0IsQ0FBQztRQUVNLEtBQUssQ0FBQyxNQUFNO1lBQ2pCLE1BQU0sVUFBVSxHQUFJLElBQUksQ0FBQyxZQUFZLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSxDQUFDO1lBQ3RELE9BQU8sVUFBVSxDQUFDO1FBQ3BCLENBQUM7UUFFTSxLQUFLLENBQUMsUUFBUSxDQUFDLFlBQW1CO1lBQ3ZDLElBQUksQ0FBQyxZQUFZLEVBQUUsUUFBUSxDQUFDLFlBQVksQ0FBQyxDQUFDO1FBQzVDLENBQUM7UUFFTSxLQUFLLENBQUMsS0FBSztZQUNoQixPQUFPLElBQUksQ0FBQyxZQUFZLEVBQUUsS0FBSyxDQUFDO2dCQUM5QixzQkFBc0IsRUFBRSxLQUFLO2FBQzlCLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDWCxDQUFDO1FBRU0sS0FBSyxDQUFDLElBQUk7WUFDZixNQUFNLElBQUksR0FBRyxNQUFNLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQztZQUNqQyxJQUFJLENBQUMsR0FBRyxFQUFFLENBQUM7WUFDWCxNQUFNLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDNUIsQ0FBQzs7WUF2R1UsdURBQU87Ozs7O1NBQVAsT0FBTyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2RpZy1zaWducGFkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vdHNfd2ViL2VsZW1lbnRzL3NkaWctc2lnbnBhZC9zZGlnLXNpZ25wYWQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU8sRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFLGFBQWEsRUFBdUIsR0FBRyxFQUFFLFVBQVUsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3JILE9BQU8sS0FBSyxPQUFPLE1BQU0sa0JBQWtCLENBQUM7SUFTL0IsT0FBTzs0QkFEbkIsYUFBYSxDQUFDLGNBQWMsQ0FBQzs7OztzQkFDRCxXQUFXO3VCQUFuQixTQUFRLFdBQVc7Ozs7WUFBeEMsNktBNkhDOzs7O1FBNUhRLE1BQU0sQ0FBQyxJQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBOztHQUU5QixDQUFDO1FBQ0ssTUFBTSxDQUFDLFVBQVUsR0FBRyxDQUFDLDhCQUE4QixDQUFDLENBQUM7UUFHNUQ7WUFDRSxLQUFLLEVBQUUsQ0FBQztRQUNWLENBQUM7UUFFTSxNQUFNLENBQUMsTUFBTSxHQUFHO1lBQ3JCLFVBQVUsQ0FBQyxhQUFhO1lBQ3hCLEdBQUcsQ0FBQTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7aUNBdUIwQixVQUFVLENBQUMsT0FBTyxDQUFDLFdBQVcsRUFBRSxXQUFXLENBQUM7Ozs7Ozs7a0JBTzNELFVBQVUsQ0FBQyxPQUFPLENBQUMsV0FBVyxFQUFFLFdBQVcsQ0FBQzs7S0FFekQ7U0FDRixDQUFBO1FBRU0sTUFBTTtZQUNYLE9BQU8sSUFBSSxDQUFBOzs7O0tBSVYsQ0FBQztRQUNKLENBQUM7UUFFTSxZQUFZLENBQXlDO1FBQ3BELE1BQU0sQ0FBcUI7UUFFNUIsS0FBSyxDQUFDLFlBQVk7WUFDdkIsTUFBTSxJQUFJLENBQUMsZUFBZSxDQUFDO1lBQzNCLE1BQU0sT0FBTyxHQUFHLElBQUks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