feat(workspace): introduce a responsive signature workspace demo and remove legacy contract editor components

2026-05-02 18:37:48 +00:00
parent 90836f1c72
commit 57cbb739d2
48 changed files with 4387 additions and 13348 deletions
@@ -0,0 +1,22 @@
+import { DeesElement, property, html, customElement, type TemplateResult } from '@design.estate/dees-element';
+import { icon, pill, topBar, workspaceBaseStyles, workspaceDemoFrame } from './sdig-workspace.shared.js';
+
+declare global {
+  interface HTMLElementTagNameMap {
+    'sdig-workspace-placeholder': SdigWorkspacePlaceholder;
+  }
+}
+
+@customElement('sdig-workspace-placeholder')
+export class SdigWorkspacePlaceholder extends DeesElement {
+  public static demo = () => workspaceDemoFrame(html`<sdig-workspace-placeholder label="Templates" subtitle="Reusable agreement templates"></sdig-workspace-placeholder>`);
+  public static demoGroups = ['Signature Digital Workspace'];
+
+  @property({ type: String }) public accessor label: string = 'Section';
+  @property({ type: String }) public accessor subtitle: string = 'Coming soon';
+  public static styles = [workspaceBaseStyles];
+
+  public render(): TemplateResult {
+    return html`${topBar({ breadcrumb: ['signature.digital', this.label], title: this.label, subtitle: pill('coming soon') })}<div class="content-scroll" style="display: flex; align-items: center; justify-content: center; flex-direction: column; color: var(--text-muted); gap: 8px;">${icon('folder', 32)}<div style="font-size: 13px; color: var(--text-sec);">${this.label}</div><div style="font-size: 11px;">${this.subtitle}</div></div>`;
+  }
+}