@signature.digital/catalog 1.3.0 → 1.5.0

package/dist_ts_web/00_commitinfo_data.js

@@ -3,7 +3,7 @@
  */
 export const commitinfo = {
     name: '@signature.digital/catalog',
-    version: '1.3.0',
+    version: '1.5.0',
     description: 'A comprehensive catalog of customizable web components designed for building and managing e-signature applications.'
 };
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMDBfY29tbWl0aW5mb19kYXRhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHNfd2ViLzAwX2NvbW1pdGluZm9fZGF0YS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRztJQUN4QixJQUFJLEVBQUUsNEJBQTRCO0lBQ2xDLE9BQU8sRUFBRSxPQUFPO0lBQ2hCLFdBQVcsRUFBRSxxSEFBcUg7Q0FDbkksQ0FBQSJ9

package/dist_ts_web/elements/index.d.ts

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

package/dist_ts_web/elements/index.js

@@ -1,6 +1,7 @@
 // Signature components
+export * from './sdig-contextmenu/index.js';
 export * from './sdig-signbox/index.js';
 export * from './sdig-signpad/index.js';
 // Product workspace component
 export * from './sdig-workspace/index.js';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsdUJBQXVCO0FBQ3ZCLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyx5QkFBeUIsQ0FBQztBQUV4Qyw4QkFBOEI7QUFDOUIsY0FBYywyQkFBMkIsQ0FBQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsdUJBQXVCO0FBQ3ZCLGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLHlCQUF5QixDQUFDO0FBRXhDLDhCQUE4QjtBQUM5QixjQUFjLDJCQUEyQixDQUFDIn0=

package/dist_ts_web/elements/sdig-contextmenu/index.d.ts

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

package/dist_ts_web/elements/sdig-contextmenu/index.js

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

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

@@ -0,0 +1,36 @@
+import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
+export interface ISdigContextMenuAction {
+    id: string;
+    label: string;
+    description?: string;
+    selected?: boolean;
+    disabled?: boolean;
+    danger?: boolean;
+}
+export interface ISdigContextMenuActionEventDetail {
+    id: string;
+    action: ISdigContextMenuAction;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sdig-contextmenu': SdigContextmenu;
+    }
+}
+export declare class SdigContextmenu extends DeesElement {
+    static demo: () => TemplateResult<1>;
+    static demoGroups: string[];
+    accessor anchorX: number;
+    accessor anchorY: number;
+    accessor title: string;
+    accessor actions: ISdigContextMenuAction[];
+    private accessor position;
+    private positionUpdateFrame;
+    static styles: import("@design.estate/dees-element").CSSResult;
+    connectedCallback: () => Promise<void>;
+    disconnectedCallback: () => Promise<void>;
+    updated(): void;
+    private queuePositionUpdate;
+    private positionMenu;
+    private selectAction;
+    render(): TemplateResult;
+}

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

@@ -0,0 +1,283 @@
+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';
+let SdigContextmenu = (() => {
+    let _classDecorators = [customElement('sdig-contextmenu')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = DeesElement;
+    let _anchorX_decorators;
+    let _anchorX_initializers = [];
+    let _anchorX_extraInitializers = [];
+    let _anchorY_decorators;
+    let _anchorY_initializers = [];
+    let _anchorY_extraInitializers = [];
+    let _title_decorators;
+    let _title_initializers = [];
+    let _title_extraInitializers = [];
+    let _actions_decorators;
+    let _actions_initializers = [];
+    let _actions_extraInitializers = [];
+    let _position_decorators;
+    let _position_initializers = [];
+    let _position_extraInitializers = [];
+    var SdigContextmenu = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _anchorX_decorators = [property({ type: Number })];
+            _anchorY_decorators = [property({ type: Number })];
+            _title_decorators = [property({ type: String })];
+            _actions_decorators = [property({ attribute: false })];
+            _position_decorators = [state()];
+            __esDecorate(this, null, _anchorX_decorators, { kind: "accessor", name: "anchorX", static: false, private: false, access: { has: obj => "anchorX" in obj, get: obj => obj.anchorX, set: (obj, value) => { obj.anchorX = value; } }, metadata: _metadata }, _anchorX_initializers, _anchorX_extraInitializers);
+            __esDecorate(this, null, _anchorY_decorators, { kind: "accessor", name: "anchorY", static: false, private: false, access: { has: obj => "anchorY" in obj, get: obj => obj.anchorY, set: (obj, value) => { obj.anchorY = value; } }, metadata: _metadata }, _anchorY_initializers, _anchorY_extraInitializers);
+            __esDecorate(this, null, _title_decorators, { kind: "accessor", name: "title", static: false, private: false, access: { has: obj => "title" in obj, get: obj => obj.title, set: (obj, value) => { obj.title = value; } }, metadata: _metadata }, _title_initializers, _title_extraInitializers);
+            __esDecorate(this, null, _actions_decorators, { kind: "accessor", name: "actions", static: false, private: false, access: { has: obj => "actions" in obj, get: obj => obj.actions, set: (obj, value) => { obj.actions = value; } }, metadata: _metadata }, _actions_initializers, _actions_extraInitializers);
+            __esDecorate(this, null, _position_decorators, { kind: "accessor", name: "position", static: false, private: false, access: { has: obj => "position" in obj, get: obj => obj.position, set: (obj, value) => { obj.position = value; } }, metadata: _metadata }, _position_initializers, _position_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            SdigContextmenu = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static demo = () => html `
+    <div style="position: relative; min-height: 260px; padding: 24px; --bg-card: hsl(0 0% 7%); --bg-input: hsl(0 0% 9%); --border: hsl(0 0% 14.9%); --border-subtle: hsl(0 0% 11%); --text: hsl(0 0% 98%); --text-sec: hsl(0 0% 63.9%); --text-muted: hsl(0 0% 48%); --hover: rgba(255,255,255,0.06); --error: #ef4444;">
+      <sdig-contextmenu
+        .anchorX=${80}
+        .anchorY=${70}
+        .title=${'Recipient'}
+        .actions=${[
+            { id: 'signer', label: 'Needs signature', selected: true },
+            { id: 'copy', label: 'Final copy only' },
+            { id: 'updates', label: 'Every step update' },
+        ]}
+      ></sdig-contextmenu>
+    </div>
+  `;
+        static demoGroups = ['Signature Digital Primitives'];
+        #anchorX_accessor_storage = __runInitializers(this, _anchorX_initializers, 0);
+        get anchorX() { return this.#anchorX_accessor_storage; }
+        set anchorX(value) { this.#anchorX_accessor_storage = value; }
+        #anchorY_accessor_storage = (__runInitializers(this, _anchorX_extraInitializers), __runInitializers(this, _anchorY_initializers, 0));
+        get anchorY() { return this.#anchorY_accessor_storage; }
+        set anchorY(value) { this.#anchorY_accessor_storage = value; }
+        #title_accessor_storage = (__runInitializers(this, _anchorY_extraInitializers), __runInitializers(this, _title_initializers, ''));
+        get title() { return this.#title_accessor_storage; }
+        set title(value) { this.#title_accessor_storage = value; }
+        #actions_accessor_storage = (__runInitializers(this, _title_extraInitializers), __runInitializers(this, _actions_initializers, []));
+        get actions() { return this.#actions_accessor_storage; }
+        set actions(value) { this.#actions_accessor_storage = value; }
+        #position_accessor_storage = (__runInitializers(this, _actions_extraInitializers), __runInitializers(this, _position_initializers, { x: 0, y: 0, ready: false }));
+        get position() { return this.#position_accessor_storage; }
+        set position(value) { this.#position_accessor_storage = value; }
+        positionUpdateFrame = (__runInitializers(this, _position_extraInitializers), null);
+        static styles = css `
+    :host { display: contents; }
+
+    .menu {
+      position: fixed;
+      z-index: 1000;
+      min-width: 190px;
+      max-width: min(280px, calc(100vw - 16px));
+      padding: 6px;
+      border: 1px solid var(--border, hsl(0 0% 14.9%));
+      border-radius: 8px;
+      background: var(--bg-card, hsl(0 0% 7%));
+      color: var(--text, hsl(0 0% 98%));
+      box-shadow: 0 16px 42px rgba(0,0,0,0.36);
+      box-sizing: border-box;
+    }
+
+    .title {
+      padding: 7px 8px;
+      margin-bottom: 4px;
+      border-bottom: 1px solid var(--border-subtle, hsl(0 0% 11%));
+      font-size: 11px;
+      font-weight: 700;
+      color: var(--text-sec, hsl(0 0% 63.9%));
+    }
+
+    .action {
+      width: 100%;
+      min-height: 34px;
+      padding: 8px;
+      border: 0;
+      border-radius: 6px;
+      background: transparent;
+      color: var(--text-sec, hsl(0 0% 63.9%));
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      text-align: left;
+      font: inherit;
+      font-size: 11px;
+      cursor: pointer;
+    }
+
+    .action:hover { background: var(--hover, rgba(255,255,255,0.06)); color: var(--text, hsl(0 0% 98%)); }
+    .action.danger { color: var(--error, #ef4444); }
+    .action[disabled] { opacity: 0.45; cursor: not-allowed; }
+    .action[disabled]:hover { background: transparent; color: var(--text-sec, hsl(0 0% 63.9%)); }
+
+    .action-mark {
+      width: 12px;
+      height: 12px;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      flex-shrink: 0;
+    }
+
+    .action-mark.selected::before {
+      content: '';
+      width: 7px;
+      height: 4px;
+      border-left: 1.5px solid currentColor;
+      border-bottom: 1.5px solid currentColor;
+      transform: rotate(-45deg) translate(1px, -1px);
+    }
+
+    .action-copy {
+      min-width: 0;
+      display: flex;
+      flex-direction: column;
+      gap: 2px;
+    }
+
+    .action-label {
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+    }
+
+    .action-description {
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      color: var(--text-muted, hsl(0 0% 48%));
+      font-size: 10px;
+      line-height: 1.25;
+    }
+  `;
+        connectedCallback = async () => {
+            await super.connectedCallback();
+            window.addEventListener('resize', this.queuePositionUpdate);
+        };
+        disconnectedCallback = async () => {
+            window.removeEventListener('resize', this.queuePositionUpdate);
+            if (this.positionUpdateFrame !== null) {
+                globalThis.cancelAnimationFrame(this.positionUpdateFrame);
+                this.positionUpdateFrame = null;
+            }
+            await super.disconnectedCallback();
+        };
+        updated() {
+            this.queuePositionUpdate();
+        }
+        queuePositionUpdate = () => {
+            if (this.positionUpdateFrame !== null)
+                return;
+            this.positionUpdateFrame = globalThis.requestAnimationFrame(() => {
+                this.positionUpdateFrame = null;
+                this.positionMenu();
+            });
+        };
+        positionMenu() {
+            const menu = this.shadowRoot?.querySelector('.menu');
+            if (!menu)
+                return;
+            const margin = 8;
+            const gap = 4;
+            const rect = menu.getBoundingClientRect();
+            const viewportWidth = globalThis.innerWidth;
+            const viewportHeight = globalThis.innerHeight;
+            const spaceRight = viewportWidth - this.anchorX - margin;
+            const spaceLeft = this.anchorX - margin;
+            const spaceBelow = viewportHeight - this.anchorY - margin;
+            const spaceAbove = this.anchorY - margin;
+            let x = this.anchorX + gap;
+            let y = this.anchorY + gap;
+            if (spaceRight < rect.width + gap && spaceLeft > spaceRight) {
+                x = this.anchorX - rect.width - gap;
+            }
+            if (spaceBelow < rect.height + gap && spaceAbove > spaceBelow) {
+                y = this.anchorY - rect.height - gap;
+            }
+            const maxX = Math.max(margin, viewportWidth - rect.width - margin);
+            const maxY = Math.max(margin, viewportHeight - rect.height - margin);
+            const nextPosition = {
+                x: Math.round(Math.max(margin, Math.min(maxX, x))),
+                y: Math.round(Math.max(margin, Math.min(maxY, y))),
+                ready: true,
+            };
+            if (this.position.x !== nextPosition.x || this.position.y !== nextPosition.y || this.position.ready !== nextPosition.ready) {
+                this.position = nextPosition;
+            }
+        }
+        selectAction(action) {
+            if (action.disabled)
+                return;
+            this.dispatchEvent(new CustomEvent('contextmenu-action', {
+                detail: { id: action.id, action },
+                bubbles: true,
+                composed: true,
+            }));
+        }
+        render() {
+            const x = this.position.ready ? this.position.x : this.anchorX;
+            const y = this.position.ready ? this.position.y : this.anchorY;
+            return html `
+      <div class="menu" style="left: ${x}px; top: ${y}px; visibility: ${this.position.ready ? 'visible' : 'hidden'};" @click=${(event) => event.stopPropagation()} @contextmenu=${(event) => event.preventDefault()}>
+        ${this.title ? html `<div class="title">${this.title}</div>` : ''}
+        ${this.actions.map((action) => html `
+          <button class="action ${action.danger ? 'danger' : ''}" ?disabled=${action.disabled} @click=${() => this.selectAction(action)}>
+            <span class="action-mark ${action.selected ? 'selected' : ''}"></span>
+            <span class="action-copy">
+              <span class="action-label">${action.label}</span>
+              ${action.description ? html `<span class="action-description">${action.description}</span>` : ''}
+            </span>
+          </button>
+        `)}
+      </div>
+    `;
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return SdigContextmenu = _classThis;
+})();
+export { SdigContextmenu };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2RpZy1jb250ZXh0bWVudS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3RzX3dlYi9lbGVtZW50cy9zZGlnLWNvbnRleHRtZW51L3NkaWctY29udGV4dG1lbnUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU8sRUFBRSxXQUFXLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsYUFBYSxFQUF1QixHQUFHLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztJQTZCN0csZUFBZTs0QkFEM0IsYUFBYSxDQUFDLGtCQUFrQixDQUFDOzs7O3NCQUNHLFdBQVc7Ozs7Ozs7Ozs7Ozs7Ozs7K0JBQW5CLFNBQVEsV0FBVzs7OzttQ0FpQjdDLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsQ0FBQzttQ0FDMUIsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDO2lDQUMxQixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUM7bUNBQzFCLFFBQVEsQ0FBQyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsQ0FBQztvQ0FDOUIsS0FBSyxFQUFFO1lBSm9CLDBLQUFnQixPQUFPLDZCQUFQLE9BQU8seUZBQWE7WUFDcEMsMEtBQWdCLE9BQU8sNkJBQVAsT0FBTyx5RkFBYTtZQUNwQyxvS0FBZ0IsS0FBSyw2QkFBTCxLQUFLLHFGQUFjO1lBQy9CLDBLQUFnQixPQUFPLDZCQUFQLE9BQU8seUZBQWdDO1lBQzlFLDZLQUFpQixRQUFRLDZCQUFSLFFBQVEsMkZBQStDO1lBckJuRiw2S0E0TUM7Ozs7UUEzTVEsTUFBTSxDQUFDLElBQUksR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUE7OzttQkFHZCxFQUFFO21CQUNGLEVBQUU7aUJBQ0osV0FBVzttQkFDVDtZQUNULEVBQUUsRUFBRSxFQUFFLFFBQVEsRUFBRSxLQUFL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

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

@@ -1,4 +1,5 @@
 import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
+import '../sdig-contextmenu/index.js';
 declare global {
     interface HTMLElementTagNameMap {
         'sdig-workspace-compose': SdigWorkspaceCompose;
@@ -9,10 +10,11 @@ export declare class SdigWorkspaceCompose extends DeesElement {
     static demoGroups: string[];
     private accessor step;
     private accessor activeRecipient;
-    private accessor draggedRecipientId;
     private accessor selectedFieldId;
     private accessor recipients;
     private accessor fields;
+    private accessor signingOrderDrag;
+    private accessor recipientContextMenu;
     private draggedFieldDefinition;
     private draggedFieldGrabOffset;
     private fieldInteraction;
@@ -21,24 +23,40 @@ export declare class SdigWorkspaceCompose extends DeesElement {
     private recipientColor;
     private fieldIcon;
     private fieldDefinition;
+    private recipientRoleDefinition;
+    private signingRecipients;
     private clamp;
     private updateField;
     private updateSelectedField;
     private updateSelectedFieldNumber;
     private resetSelectedFieldSize;
     private removeSelectedField;
+    private updateRecipientRole;
+    private moveRecipientToRole;
+    private openRecipientContextMenu;
+    private closeRecipientContextMenu;
+    private recipientContextMenuActions;
+    private handleRecipientContextMenuAction;
     private handleDocumentClick;
     private startFieldInteraction;
     private startFieldMove;
     private startFieldResize;
     private handleFieldPointerMove;
     private stopFieldInteraction;
-    private reorderRecipient;
+    private visualSigningOrder;
+    private recipientsForRole;
+    private startSigningOrderDrag;
+    private handleSigningOrderPointerMove;
+    private stopSigningOrderDrag;
     private addFieldFromDrop;
     private startFieldToolDrag;
     private endFieldToolDrag;
     private renderFieldEditor;
     private renderResizeHandles;
+    private renderSigningRecipient;
+    private renderRoleSection;
+    private renderSigningOrder;
+    private renderRecipientContextMenu;
     private renderStepper;
     render(): TemplateResult;
 }