@signature.digital/catalog 1.5.1 → 1.6.1

package/dist_watch/bundle.js

@@ -132803,17 +132803,18 @@ function requestWorkspaceView(element4, view2) {
 __name(requestWorkspaceView, "requestWorkspaceView");
 
 // ts_web/elements/sdig-workspace/sdig-workspace-inbox.ts
-var _search_dec, _filter_dec, _density_dec, _a5, _SdigWorkspaceInbox_decorators, _init5, _density, _filter, _search;
+var _search_dec, _filter_dec, _documents_dec, _density_dec, _a5, _SdigWorkspaceInbox_decorators, _init5, _density, _documents, _filter, _search;
 _SdigWorkspaceInbox_decorators = [customElement("sdig-workspace-inbox")];
-var _SdigWorkspaceInbox = class _SdigWorkspaceInbox extends (_a5 = DeesElement, _density_dec = [n5({ type: String })], _filter_dec = [r5()], _search_dec = [r5()], _a5) {
+var _SdigWorkspaceInbox = class _SdigWorkspaceInbox extends (_a5 = DeesElement, _density_dec = [n5({ type: String })], _documents_dec = [n5({ attribute: false })], _filter_dec = [r5()], _search_dec = [r5()], _a5) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _density, __runInitializers(_init5, 8, this, "comfortable")), __runInitializers(_init5, 11, this);
-    __privateAdd(this, _filter, __runInitializers(_init5, 12, this, "all")), __runInitializers(_init5, 15, this);
-    __privateAdd(this, _search, __runInitializers(_init5, 16, this, "")), __runInitializers(_init5, 19, this);
+    __privateAdd(this, _documents, __runInitializers(_init5, 12, this, demoDocuments)), __runInitializers(_init5, 15, this);
+    __privateAdd(this, _filter, __runInitializers(_init5, 16, this, "all")), __runInitializers(_init5, 19, this);
+    __privateAdd(this, _search, __runInitializers(_init5, 20, this, "")), __runInitializers(_init5, 23, this);
   }
   get filteredDocuments() {
-    return demoDocuments.filter((doc) => this.filter === "all" || doc.status === this.filter).filter((doc) => !this.search || doc.title.toLowerCase().includes(this.search.toLowerCase()));
+    return this.documents.filter((doc) => this.filter === "all" || doc.status === this.filter).filter((doc) => !this.search || doc.title.toLowerCase().includes(this.search.toLowerCase()));
   }
   statusPill(status) {
     const map7 = {
@@ -132826,21 +132827,28 @@ var _SdigWorkspaceInbox = class _SdigWorkspaceInbox extends (_a5 = DeesElement,
     return pill(label, tone, true);
   }
   openDocument(doc) {
+    this.dispatchEvent(new CustomEvent("document-open", {
+      detail: { document: doc },
+      bubbles: true,
+      composed: true
+    }));
     requestWorkspaceView(this, doc.status === "signed" ? "audit" : "sign");
   }
   render() {
+    const documents = this.documents;
     const filters = [
-      { id: "all", label: "All", count: demoDocuments.length },
-      { id: "awaiting", label: "Awaiting", count: demoDocuments.filter((doc) => doc.status === "awaiting").length },
-      { id: "signed", label: "Completed", count: demoDocuments.filter((doc) => doc.status === "signed").length },
-      { id: "draft", label: "Drafts", count: demoDocuments.filter((doc) => doc.status === "draft").length },
-      { id: "declined", label: "Declined", count: demoDocuments.filter((doc) => doc.status === "declined").length }
+      { id: "all", label: "All", count: documents.length },
+      { id: "awaiting", label: "Awaiting", count: documents.filter((doc) => doc.status === "awaiting").length },
+      { id: "signed", label: "Completed", count: documents.filter((doc) => doc.status === "signed").length },
+      { id: "draft", label: "Drafts", count: documents.filter((doc) => doc.status === "draft").length },
+      { id: "declined", label: "Declined", count: documents.filter((doc) => doc.status === "declined").length }
     ];
+    const attentionCount = documents.filter((doc) => doc.status === "awaiting").length;
     return b2`
       ${topBar({
       breadcrumb: ["signature.digital", "Lossless GmbH", "Inbox"],
       title: "Inbox",
-      subtitle: pill(`${demoDocuments.filter((doc) => doc.status === "awaiting").length} need attention`, "info"),
+      subtitle: pill(`${attentionCount} need attention`, "info"),
       actions: b2`${actionButton("Import", "outline", "upload")}${actionButton("New document", "primary", "plus", () => requestWorkspaceView(this, "compose"))}`
     })}
       <div class="filterbar">
@@ -132879,9 +132887,11 @@ var _SdigWorkspaceInbox = class _SdigWorkspaceInbox extends (_a5 = DeesElement,
 };
 _init5 = __decoratorStart(_a5);
 _density = new WeakMap();
+_documents = new WeakMap();
 _filter = new WeakMap();
 _search = new WeakMap();
 __decorateElement(_init5, 4, "density", _density_dec, _SdigWorkspaceInbox, _density);
+__decorateElement(_init5, 4, "documents", _documents_dec, _SdigWorkspaceInbox, _documents);
 __decorateElement(_init5, 4, "filter", _filter_dec, _SdigWorkspaceInbox, _filter);
 __decorateElement(_init5, 4, "search", _search_dec, _SdigWorkspaceInbox, _search);
 _SdigWorkspaceInbox = __decorateElement(_init5, 0, "SdigWorkspaceInbox", _SdigWorkspaceInbox_decorators, _SdigWorkspaceInbox);
@@ -133638,9 +133648,9 @@ __runInitializers(_init10, 1, _SdigWorkspacePlaceholder);
 var SdigWorkspacePlaceholder = _SdigWorkspacePlaceholder;
 
 // ts_web/elements/sdig-workspace/sdig-workspace.ts
-var _view_dec, _initialView_dec, _theme_dec, _density_dec2, _accent_dec, _a11, _SdigWorkspace_decorators, _init11, _accent, _density2, _theme, _initialView, _view;
+var _documents_dec2, _view_dec, _initialView_dec, _theme_dec, _density_dec2, _accent_dec, _a11, _SdigWorkspace_decorators, _init11, _accent, _density2, _theme, _initialView, _view, _documents2;
 _SdigWorkspace_decorators = [customElement("sdig-workspace")];
-var _SdigWorkspace = class _SdigWorkspace extends (_a11 = DeesElement, _accent_dec = [n5({ type: String })], _density_dec2 = [n5({ type: String })], _theme_dec = [n5({ type: String, reflect: true })], _initialView_dec = [n5({ type: String })], _view_dec = [n5({ type: String, reflect: true })], _a11) {
+var _SdigWorkspace = class _SdigWorkspace extends (_a11 = DeesElement, _accent_dec = [n5({ type: String })], _density_dec2 = [n5({ type: String })], _theme_dec = [n5({ type: String, reflect: true })], _initialView_dec = [n5({ type: String })], _view_dec = [n5({ type: String, reflect: true })], _documents_dec2 = [n5({ attribute: false })], _a11) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _accent, __runInitializers(_init11, 8, this, "#3b82f6")), __runInitializers(_init11, 11, this);
@@ -133648,6 +133658,7 @@ var _SdigWorkspace = class _SdigWorkspace extends (_a11 = DeesElement, _accent_d
     __privateAdd(this, _theme, __runInitializers(_init11, 16, this, "dark")), __runInitializers(_init11, 19, this);
     __privateAdd(this, _initialView, __runInitializers(_init11, 20, this, "inbox")), __runInitializers(_init11, 23, this);
     __privateAdd(this, _view, __runInitializers(_init11, 24, this, "inbox")), __runInitializers(_init11, 27, this);
+    __privateAdd(this, _documents2, __runInitializers(_init11, 28, this, demoDocuments)), __runInitializers(_init11, 31, this);
     __publicField(this, "connectedCallback", /* @__PURE__ */ __name(async () => {
       await super.connectedCallback();
       if (this.view === "inbox" && this.initialView !== "inbox") {
@@ -133672,7 +133683,7 @@ var _SdigWorkspace = class _SdigWorkspace extends (_a11 = DeesElement, _accent_d
   }
   renderSidebar() {
     const navItems = [
-      { id: "inbox", label: "Inbox", icon: "inbox", count: 4 },
+      { id: "inbox", label: "Inbox", icon: "inbox", count: this.documents.length },
       { id: "compose", label: "Compose", icon: "plus" },
       { id: "templates", label: "Templates", icon: "folder", count: 12 },
       { id: "audit", label: "Audit Trail", icon: "shield" },
@@ -133697,7 +133708,7 @@ var _SdigWorkspace = class _SdigWorkspace extends (_a11 = DeesElement, _accent_d
   renderView() {
     switch (this.view) {
       case "inbox":
-        return b2`<sdig-workspace-inbox class="view-host" .density=${this.density}></sdig-workspace-inbox>`;
+        return b2`<sdig-workspace-inbox class="view-host" .density=${this.density} .documents=${this.documents}></sdig-workspace-inbox>`;
       case "compose":
         return b2`<sdig-workspace-compose class="view-host"></sdig-workspace-compose>`;
       case "sign":
@@ -133713,7 +133724,7 @@ var _SdigWorkspace = class _SdigWorkspace extends (_a11 = DeesElement, _accent_d
       case "settings":
         return b2`<sdig-workspace-placeholder class="view-host" label="Settings" subtitle="Workspace, billing, security"></sdig-workspace-placeholder>`;
       default:
-        return b2`<sdig-workspace-inbox class="view-host" .density=${this.density}></sdig-workspace-inbox>`;
+        return b2`<sdig-workspace-inbox class="view-host" .density=${this.density} .documents=${this.documents}></sdig-workspace-inbox>`;
     }
   }
   render() {
@@ -133726,11 +133737,13 @@ _density2 = new WeakMap();
 _theme = new WeakMap();
 _initialView = new WeakMap();
 _view = new WeakMap();
+_documents2 = new WeakMap();
 __decorateElement(_init11, 4, "accent", _accent_dec, _SdigWorkspace, _accent);
 __decorateElement(_init11, 4, "density", _density_dec2, _SdigWorkspace, _density2);
 __decorateElement(_init11, 4, "theme", _theme_dec, _SdigWorkspace, _theme);
 __decorateElement(_init11, 4, "initialView", _initialView_dec, _SdigWorkspace, _initialView);
 __decorateElement(_init11, 4, "view", _view_dec, _SdigWorkspace, _view);
+__decorateElement(_init11, 4, "documents", _documents_dec2, _SdigWorkspace, _documents2);
 _SdigWorkspace = __decorateElement(_init11, 0, "SdigWorkspace", _SdigWorkspace_decorators, _SdigWorkspace);
 __name(_SdigWorkspace, "SdigWorkspace");
 __publicField(_SdigWorkspace, "demo", /* @__PURE__ */ __name(() => b2`<sdig-workspace></sdig-workspace>`, "demo"));