@signature.digital/catalog 1.6.1 → 1.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.smartconfig.json +19 -6
- package/dist_bundle/bundle.js +338 -334
- package/dist_ts_web/00_commitinfo_data.js +1 -1
- package/dist_ts_web/elements/sdig-signbox/sdig-signbox.d.ts +1 -0
- package/dist_ts_web/elements/sdig-signbox/sdig-signbox.js +23 -9
- package/dist_ts_web/elements/sdig-signpad/sdig-signpad.d.ts +5 -2
- package/dist_ts_web/elements/sdig-signpad/sdig-signpad.js +12 -4
- package/dist_ts_web/elements/sdig-workspace/sdig-workspace-compose.d.ts +7 -2
- package/dist_ts_web/elements/sdig-workspace/sdig-workspace-compose.js +73 -11
- package/dist_ts_web/elements/sdig-workspace/sdig-workspace-inbox.js +3 -2
- package/dist_ts_web/elements/sdig-workspace/sdig-workspace-sign.d.ts +5 -1
- package/dist_ts_web/elements/sdig-workspace/sdig-workspace-sign.js +64 -19
- package/dist_ts_web/elements/sdig-workspace/sdig-workspace.d.ts +3 -1
- package/dist_ts_web/elements/sdig-workspace/sdig-workspace.js +21 -5
- package/dist_ts_web/elements/sdig-workspace/sdig-workspace.shared.js +11 -10
- package/dist_ts_web/plugins.d.ts +3 -3
- package/dist_ts_web/plugins.js +3 -4
- package/package.json +13 -12
- package/ts_web/00_commitinfo_data.ts +1 -1
- package/ts_web/elements/sdig-signbox/sdig-signbox.ts +21 -8
- package/ts_web/elements/sdig-signpad/sdig-signpad.ts +15 -5
- package/ts_web/elements/sdig-workspace/sdig-workspace-compose.ts +65 -9
- package/ts_web/elements/sdig-workspace/sdig-workspace-inbox.ts +2 -1
- package/ts_web/elements/sdig-workspace/sdig-workspace-sign.ts +54 -17
- package/ts_web/elements/sdig-workspace/sdig-workspace.shared.ts +11 -9
- package/ts_web/elements/sdig-workspace/sdig-workspace.ts +5 -3
- package/ts_web/plugins.ts +3 -4
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
|
|
2
|
-
import { type IDocumentRow } from './sdig-workspace.shared.js';
|
|
2
|
+
import { type IDocumentRow, type IFieldPlacement } from './sdig-workspace.shared.js';
|
|
3
3
|
declare global {
|
|
4
4
|
interface HTMLElementTagNameMap {
|
|
5
5
|
'sdig-workspace-sign': SdigWorkspaceSign;
|
|
@@ -9,12 +9,16 @@ export declare class SdigWorkspaceSign extends DeesElement {
|
|
|
9
9
|
static demo: () => TemplateResult;
|
|
10
10
|
static demoGroups: string[];
|
|
11
11
|
accessor document: IDocumentRow;
|
|
12
|
+
accessor fields: IFieldPlacement[];
|
|
12
13
|
private accessor activeFieldId;
|
|
13
14
|
private accessor signedFieldIds;
|
|
14
15
|
static styles: import("@design.estate/dees-element").CSSResult[];
|
|
15
16
|
private get signFields();
|
|
17
|
+
private get activeField();
|
|
16
18
|
private fieldIcon;
|
|
17
19
|
private signField;
|
|
20
|
+
private emitSigningComplete;
|
|
21
|
+
private handlePrimaryAction;
|
|
18
22
|
private renderSignedValue;
|
|
19
23
|
render(): TemplateResult;
|
|
20
24
|
}
|
|
@@ -43,6 +43,9 @@ let SdigWorkspaceSign = (() => {
|
|
|
43
43
|
let _document_decorators;
|
|
44
44
|
let _document_initializers = [];
|
|
45
45
|
let _document_extraInitializers = [];
|
|
46
|
+
let _fields_decorators;
|
|
47
|
+
let _fields_initializers = [];
|
|
48
|
+
let _fields_extraInitializers = [];
|
|
46
49
|
let _activeFieldId_decorators;
|
|
47
50
|
let _activeFieldId_initializers = [];
|
|
48
51
|
let _activeFieldId_extraInitializers = [];
|
|
@@ -54,9 +57,11 @@ let SdigWorkspaceSign = (() => {
|
|
|
54
57
|
static {
|
|
55
58
|
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
56
59
|
_document_decorators = [property({ attribute: false })];
|
|
60
|
+
_fields_decorators = [property({ attribute: false })];
|
|
57
61
|
_activeFieldId_decorators = [state()];
|
|
58
62
|
_signedFieldIds_decorators = [state()];
|
|
59
63
|
__esDecorate(this, null, _document_decorators, { kind: "accessor", name: "document", static: false, private: false, access: { has: obj => "document" in obj, get: obj => obj.document, set: (obj, value) => { obj.document = value; } }, metadata: _metadata }, _document_initializers, _document_extraInitializers);
|
|
64
|
+
__esDecorate(this, null, _fields_decorators, { kind: "accessor", name: "fields", static: false, private: false, access: { has: obj => "fields" in obj, get: obj => obj.fields, set: (obj, value) => { obj.fields = value; } }, metadata: _metadata }, _fields_initializers, _fields_extraInitializers);
|
|
60
65
|
__esDecorate(this, null, _activeFieldId_decorators, { kind: "accessor", name: "activeFieldId", static: false, private: false, access: { has: obj => "activeFieldId" in obj, get: obj => obj.activeFieldId, set: (obj, value) => { obj.activeFieldId = value; } }, metadata: _metadata }, _activeFieldId_initializers, _activeFieldId_extraInitializers);
|
|
61
66
|
__esDecorate(this, null, _signedFieldIds_decorators, { kind: "accessor", name: "signedFieldIds", static: false, private: false, access: { has: obj => "signedFieldIds" in obj, get: obj => obj.signedFieldIds, set: (obj, value) => { obj.signedFieldIds = value; } }, metadata: _metadata }, _signedFieldIds_initializers, _signedFieldIds_extraInitializers);
|
|
62
67
|
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
@@ -68,7 +73,10 @@ let SdigWorkspaceSign = (() => {
|
|
|
68
73
|
#document_accessor_storage = __runInitializers(this, _document_initializers, demoDocuments[0]);
|
|
69
74
|
get document() { return this.#document_accessor_storage; }
|
|
70
75
|
set document(value) { this.#document_accessor_storage = value; }
|
|
71
|
-
#
|
|
76
|
+
#fields_accessor_storage = (__runInitializers(this, _document_extraInitializers), __runInitializers(this, _fields_initializers, demoFields));
|
|
77
|
+
get fields() { return this.#fields_accessor_storage; }
|
|
78
|
+
set fields(value) { this.#fields_accessor_storage = value; }
|
|
79
|
+
#activeFieldId_accessor_storage = (__runInitializers(this, _fields_extraInitializers), __runInitializers(this, _activeFieldId_initializers, 'f1'));
|
|
72
80
|
get activeFieldId() { return this.#activeFieldId_accessor_storage; }
|
|
73
81
|
set activeFieldId(value) { this.#activeFieldId_accessor_storage = value; }
|
|
74
82
|
#signedFieldIds_accessor_storage = (__runInitializers(this, _activeFieldId_extraInitializers), __runInitializers(this, _signedFieldIds_initializers, []));
|
|
@@ -85,7 +93,12 @@ let SdigWorkspaceSign = (() => {
|
|
|
85
93
|
@media (max-width: 920px) { .recipient-header .actions { display: none; } .sign-layout { flex-direction: column; overflow: auto; } .sign-panel { width: 100%; border-left: 0; border-top: 1px solid var(--border); } .document-page { width: 560px; } }
|
|
86
94
|
`];
|
|
87
95
|
get signFields() {
|
|
88
|
-
return
|
|
96
|
+
return this.fields;
|
|
97
|
+
}
|
|
98
|
+
get activeField() {
|
|
99
|
+
return this.signFields.find((field) => field.id === this.activeFieldId && !this.signedFieldIds.includes(field.id))
|
|
100
|
+
|| this.signFields.find((field) => !this.signedFieldIds.includes(field.id))
|
|
101
|
+
|| this.signFields[0];
|
|
89
102
|
}
|
|
90
103
|
fieldIcon(type) {
|
|
91
104
|
if (type === 'signature')
|
|
@@ -95,29 +108,61 @@ let SdigWorkspaceSign = (() => {
|
|
|
95
108
|
return 'type';
|
|
96
109
|
}
|
|
97
110
|
signField(fieldId) {
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
111
|
+
const field = this.signFields.find((currentField) => currentField.id === fieldId);
|
|
112
|
+
if (!field || this.signedFieldIds.includes(fieldId))
|
|
113
|
+
return;
|
|
114
|
+
this.signedFieldIds = [...this.signedFieldIds, fieldId];
|
|
115
|
+
this.dispatchEvent(new CustomEvent('field-signed', {
|
|
116
|
+
detail: { document: this.document, field, signedFieldIds: this.signedFieldIds },
|
|
117
|
+
bubbles: true,
|
|
118
|
+
composed: true,
|
|
119
|
+
}));
|
|
120
|
+
const next = this.signFields.find((currentField) => !this.signedFieldIds.includes(currentField.id));
|
|
102
121
|
if (next)
|
|
103
122
|
this.activeFieldId = next.id;
|
|
104
123
|
}
|
|
124
|
+
emitSigningComplete() {
|
|
125
|
+
if (this.signedFieldIds.length !== this.signFields.length)
|
|
126
|
+
return;
|
|
127
|
+
this.dispatchEvent(new CustomEvent('signing-complete', {
|
|
128
|
+
detail: {
|
|
129
|
+
document: this.document,
|
|
130
|
+
fields: this.signFields,
|
|
131
|
+
signedFieldIds: this.signedFieldIds,
|
|
132
|
+
completedAt: Date.now(),
|
|
133
|
+
},
|
|
134
|
+
bubbles: true,
|
|
135
|
+
composed: true,
|
|
136
|
+
}));
|
|
137
|
+
}
|
|
138
|
+
handlePrimaryAction() {
|
|
139
|
+
if (!this.signFields.length)
|
|
140
|
+
return;
|
|
141
|
+
if (this.signedFieldIds.length === this.signFields.length) {
|
|
142
|
+
this.emitSigningComplete();
|
|
143
|
+
return;
|
|
144
|
+
}
|
|
145
|
+
const activeField = this.activeField;
|
|
146
|
+
if (activeField)
|
|
147
|
+
this.signField(activeField.id);
|
|
148
|
+
}
|
|
105
149
|
renderSignedValue(field) {
|
|
106
150
|
if (field.type === 'signature')
|
|
107
|
-
return html `<span style="font-
|
|
151
|
+
return html `<span style="font-size: 12px; font-weight: 600; color: hsl(220 50% 30%);">Signature captured</span>`;
|
|
108
152
|
if (field.type === 'date')
|
|
109
|
-
return html `<span class="mono" style="font-size: 12px; color: hsl(0 0% 18%);">
|
|
110
|
-
return html `<span style="font-size: 12px; color: hsl(0 0% 18%);">
|
|
153
|
+
return html `<span class="mono" style="font-size: 12px; color: hsl(0 0% 18%);">Date captured</span>`;
|
|
154
|
+
return html `<span style="font-size: 12px; color: hsl(0 0% 18%);">Completed</span>`;
|
|
111
155
|
}
|
|
112
156
|
render() {
|
|
113
157
|
const document = this.document || demoDocuments[0];
|
|
114
158
|
const completed = this.signedFieldIds.length;
|
|
115
|
-
const
|
|
116
|
-
const
|
|
159
|
+
const total = this.signFields.length;
|
|
160
|
+
const progress = total ? Math.round((completed / total) * 100) : 0;
|
|
161
|
+
const activeField = this.activeField;
|
|
117
162
|
return html `
|
|
118
163
|
<div class="recipient-header">
|
|
119
164
|
<div style="display: flex; align-items: center; gap: 12px;"><span class="logomark">s</span><div><div style="font-size: 12px; font-weight: 600;">${document.title}</div><div class="mono" style="font-size: 10px; color: var(--text-muted);">From ${document.sender} · ${document.id} · ${document.pages} pages</div></div></div>
|
|
120
|
-
<div class="actions"><span class="pill
|
|
165
|
+
<div class="actions"><span class="pill info">${icon('shield', 12)} Sender details supplied by host</span>${actionButton('Decline', 'outline')}${actionButton('PDF', 'outline', 'download')}</div>
|
|
121
166
|
</div>
|
|
122
167
|
<div class="progress-track"><div class="progress-fill" style="width: ${progress}%"></div></div>
|
|
123
168
|
<div class="sign-layout">
|
|
@@ -126,23 +171,23 @@ let SdigWorkspaceSign = (() => {
|
|
|
126
171
|
${fakeDocument()}
|
|
127
172
|
${this.signFields.map((field) => {
|
|
128
173
|
const filled = this.signedFieldIds.includes(field.id);
|
|
129
|
-
const active =
|
|
174
|
+
const active = activeField?.id === field.id && !filled;
|
|
130
175
|
return html `<div class="field-box ${active ? 'selected' : ''}" style="--x: ${field.x}px; --y: ${field.y}px; --w: ${field.w}px; --h: ${field.h}px; --field-color: ${filled ? 'transparent' : 'var(--accent)'}; color: ${filled ? 'hsl(220 50% 30%)' : 'var(--accent)'}; background: ${filled ? 'transparent' : 'color-mix(in srgb, var(--accent) 12%, transparent)'};" @click=${() => !filled ? this.signField(field.id) : undefined}>${filled ? this.renderSignedValue(field) : html `${icon(this.fieldIcon(field.type), 12)}<span>${active ? html `<span style="display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: var(--accent); animation: pulse 1.4s infinite;"></span>` : ''}${field.label}</span>`}</div>`;
|
|
131
176
|
})}
|
|
132
177
|
<div class="mono" style="position: absolute; bottom: 14px; right: 18px; font-size: 9px; color: hsl(0 0% 60%);">Page 1 of ${document.pages}</div>
|
|
133
178
|
</div>
|
|
134
179
|
</div>
|
|
135
180
|
<div class="sign-panel">
|
|
136
|
-
<div style="display: flex; align-items: center; gap: 8px;"><span class="avatar" style="background: #60a5fa;">
|
|
137
|
-
<div class="card" style="padding: 14px; margin-top: 16px;"><div class="label-upper">Your progress</div><div style="font-size: 24px; font-weight: 700;">${completed} <span style="color: var(--text-muted); font-weight: 400;">/ ${
|
|
181
|
+
<div style="display: flex; align-items: center; gap: 8px;"><span class="avatar" style="background: #60a5fa;">SG</span><div><div style="font-size: 13px; font-weight: 600;">Signing session</div><div class="mono" style="font-size: 10px; color: var(--text-muted);">${document.id}</div></div></div>
|
|
182
|
+
<div class="card" style="padding: 14px; margin-top: 16px;"><div class="label-upper">Your progress</div><div style="font-size: 24px; font-weight: 700;">${completed} <span style="color: var(--text-muted); font-weight: 400;">/ ${total}</span></div><div style="font-size: 11px; color: var(--text-muted); margin-top: 2px;">${total === 0 ? 'No fields assigned' : total - completed === 0 ? 'All fields complete' : `${total - completed} fields remaining`}</div><div class="progress-track" style="margin-top: 12px;"><div class="progress-fill" style="width: ${progress}%"></div></div></div>
|
|
138
183
|
<div style="margin-top: 20px;" class="label-upper">Step by step</div>
|
|
139
184
|
${this.signFields.map((field, index) => {
|
|
140
185
|
const filled = this.signedFieldIds.includes(field.id);
|
|
141
|
-
const active =
|
|
186
|
+
const active = activeField?.id === field.id && !filled;
|
|
142
187
|
return html `<div class="recipient-line ${active ? 'active' : ''}" @click=${() => !filled ? this.activeFieldId = field.id : undefined}><span class="avatar" style="width: 22px; height: 22px; background: ${filled ? 'var(--success)' : active ? 'var(--accent)' : 'var(--bg-input)'}; color: ${filled || active ? 'white' : 'var(--text-muted)'};">${filled ? '✓' : index + 1}</span><div style="flex: 1;"><div style="font-size: 12px; font-weight: 500; text-decoration: ${filled ? 'line-through' : 'none'};">${field.label}</div><div class="mono" style="font-size: 10px; color: var(--text-muted);">${field.type} · page ${field.page}</div></div>${active ? icon('chevronRight', 12) : ''}</div>`;
|
|
143
188
|
})}
|
|
144
|
-
<button class="btn primary" style="width: 100%; height: 44px; margin-top: 20px;" @click=${() => this.
|
|
145
|
-
<div style="margin-top: 12px; padding: 10px; font-size: 10px; color: var(--text-muted); line-height: 1.5; text-align: center; border-radius: 6px; background: var(--bg-el);">
|
|
189
|
+
<button class="btn primary" style="width: 100%; height: 44px; margin-top: 20px;" ?disabled=${total === 0} @click=${() => this.handlePrimaryAction()}>${total === 0 ? 'No fields to sign' : completed === total ? 'Finish & submit' : `Continue - ${activeField?.label || 'next field'}`}</button>
|
|
190
|
+
<div style="margin-top: 12px; padding: 10px; font-size: 10px; color: var(--text-muted); line-height: 1.5; text-align: center; border-radius: 6px; background: var(--bg-el);">Field completion is captured locally until the host application submits it through a signing API.</div>
|
|
146
191
|
</div>
|
|
147
192
|
</div>
|
|
148
193
|
`;
|
|
@@ -158,4 +203,4 @@ let SdigWorkspaceSign = (() => {
|
|
|
158
203
|
return SdigWorkspaceSign = _classThis;
|
|
159
204
|
})();
|
|
160
205
|
export { SdigWorkspaceSign };
|
|
161
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
206
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2RpZy13b3Jrc3BhY2Utc2lnbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3RzX3dlYi9lbGVtZW50cy9zZGlnLXdvcmtzcGFjZS9zZGlnLXdvcmtzcGFjZS1zaWduLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEVBQUUsV0FBVyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLGFBQWEsRUFBdUIsR0FBRyxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDMUgsT0FBTyxFQUFFLFlBQVksRUFBRSxhQUFhLEVBQUUsVUFBVSxFQUFFLFlBQVksRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLG1CQUFtQixFQUFFLGtCQUFrQixFQUEyQyxNQUFNLDRCQUE0QixDQUFDO0lBU3BMLGlCQUFpQjs0QkFEN0IsYUFBYSxDQUFDLHFCQUFxQixDQUFDOzs7O3NCQUNFLFdBQVc7Ozs7Ozs7Ozs7Ozs7aUNBQW5CLFNBQVEsV0FBVzs7OztvQ0FJL0MsUUFBUSxDQUFDLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxDQUFDO2tDQUM5QixRQUFRLENBQUMsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLENBQUM7eUNBQzlCLEtBQUssRUFBRTswQ0FDUCxLQUFLLEVBQUU7WUFId0IsNktBQWdCLFFBQVEsNkJBQVIsUUFBUSwyRkFBa0M7WUFDMUQsdUtBQWdCLE1BQU0sNkJBQU4sTUFBTSx1RkFBaUM7WUFDOUUsNExBQWlCLGFBQWEsNkJBQWIsYUFBYSxxR0FBZ0I7WUFDOUMsK0xBQWlCLGNBQWMsNkJBQWQsY0FBYyx1R0FBZ0I7WUFQMUQsNktBdUhDOzs7O1FBdEhRLE1BQU0sQ0FBQyxJQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFBLDZDQUE2QyxDQUFDLENBQUM7UUFDMUYsTUFBTSxDQUFDLFVBQVUsR0FBRyxDQUFDLDZCQUE2QixD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
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
|
|
2
|
-
import { type IDocumentRow, type TDensity, type TWorkspaceTheme, type TWorkspaceView } from './sdig-workspace.shared.js';
|
|
2
|
+
import { type IDocumentRow, type IFieldPlacement, type IRecipient, type TDensity, type TWorkspaceTheme, type TWorkspaceView } from './sdig-workspace.shared.js';
|
|
3
3
|
import './sdig-workspace-inbox.js';
|
|
4
4
|
import './sdig-workspace-compose.js';
|
|
5
5
|
import './sdig-workspace-sign.js';
|
|
@@ -21,6 +21,8 @@ export declare class SdigWorkspace extends DeesElement {
|
|
|
21
21
|
accessor view: TWorkspaceView;
|
|
22
22
|
accessor documents: IDocumentRow[];
|
|
23
23
|
accessor activeDocumentId: string;
|
|
24
|
+
accessor recipients: IRecipient[];
|
|
25
|
+
accessor fields: IFieldPlacement[];
|
|
24
26
|
connectedCallback: () => Promise<void>;
|
|
25
27
|
disconnectedCallback: () => Promise<void>;
|
|
26
28
|
static styles: import("@design.estate/dees-element").CSSResult;
|
|
@@ -33,7 +33,7 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
|
|
|
33
33
|
return useValue ? value : void 0;
|
|
34
34
|
};
|
|
35
35
|
import { DeesElement, property, html, customElement, css } from '@design.estate/dees-element';
|
|
36
|
-
import { demoDocuments, icon } from './sdig-workspace.shared.js';
|
|
36
|
+
import { demoDocuments, demoFields, demoRecipients, icon } from './sdig-workspace.shared.js';
|
|
37
37
|
import './sdig-workspace-inbox.js';
|
|
38
38
|
import './sdig-workspace-compose.js';
|
|
39
39
|
import './sdig-workspace-sign.js';
|
|
@@ -67,6 +67,12 @@ let SdigWorkspace = (() => {
|
|
|
67
67
|
let _activeDocumentId_decorators;
|
|
68
68
|
let _activeDocumentId_initializers = [];
|
|
69
69
|
let _activeDocumentId_extraInitializers = [];
|
|
70
|
+
let _recipients_decorators;
|
|
71
|
+
let _recipients_initializers = [];
|
|
72
|
+
let _recipients_extraInitializers = [];
|
|
73
|
+
let _fields_decorators;
|
|
74
|
+
let _fields_initializers = [];
|
|
75
|
+
let _fields_extraInitializers = [];
|
|
70
76
|
var SdigWorkspace = class extends _classSuper {
|
|
71
77
|
static { _classThis = this; }
|
|
72
78
|
static {
|
|
@@ -78,6 +84,8 @@ let SdigWorkspace = (() => {
|
|
|
78
84
|
_view_decorators = [property({ type: String, reflect: true })];
|
|
79
85
|
_documents_decorators = [property({ attribute: false })];
|
|
80
86
|
_activeDocumentId_decorators = [property({ type: String })];
|
|
87
|
+
_recipients_decorators = [property({ attribute: false })];
|
|
88
|
+
_fields_decorators = [property({ attribute: false })];
|
|
81
89
|
__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);
|
|
82
90
|
__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);
|
|
83
91
|
__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);
|
|
@@ -85,6 +93,8 @@ let SdigWorkspace = (() => {
|
|
|
85
93
|
__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);
|
|
86
94
|
__esDecorate(this, null, _documents_decorators, { kind: "accessor", name: "documents", static: false, private: false, access: { has: obj => "documents" in obj, get: obj => obj.documents, set: (obj, value) => { obj.documents = value; } }, metadata: _metadata }, _documents_initializers, _documents_extraInitializers);
|
|
87
95
|
__esDecorate(this, null, _activeDocumentId_decorators, { kind: "accessor", name: "activeDocumentId", static: false, private: false, access: { has: obj => "activeDocumentId" in obj, get: obj => obj.activeDocumentId, set: (obj, value) => { obj.activeDocumentId = value; } }, metadata: _metadata }, _activeDocumentId_initializers, _activeDocumentId_extraInitializers);
|
|
96
|
+
__esDecorate(this, null, _recipients_decorators, { kind: "accessor", name: "recipients", static: false, private: false, access: { has: obj => "recipients" in obj, get: obj => obj.recipients, set: (obj, value) => { obj.recipients = value; } }, metadata: _metadata }, _recipients_initializers, _recipients_extraInitializers);
|
|
97
|
+
__esDecorate(this, null, _fields_decorators, { kind: "accessor", name: "fields", static: false, private: false, access: { has: obj => "fields" in obj, get: obj => obj.fields, set: (obj, value) => { obj.fields = value; } }, metadata: _metadata }, _fields_initializers, _fields_extraInitializers);
|
|
88
98
|
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
89
99
|
SdigWorkspace = _classThis = _classDescriptor.value;
|
|
90
100
|
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
@@ -112,7 +122,13 @@ let SdigWorkspace = (() => {
|
|
|
112
122
|
#activeDocumentId_accessor_storage = (__runInitializers(this, _documents_extraInitializers), __runInitializers(this, _activeDocumentId_initializers, ''));
|
|
113
123
|
get activeDocumentId() { return this.#activeDocumentId_accessor_storage; }
|
|
114
124
|
set activeDocumentId(value) { this.#activeDocumentId_accessor_storage = value; }
|
|
115
|
-
|
|
125
|
+
#recipients_accessor_storage = (__runInitializers(this, _activeDocumentId_extraInitializers), __runInitializers(this, _recipients_initializers, demoRecipients));
|
|
126
|
+
get recipients() { return this.#recipients_accessor_storage; }
|
|
127
|
+
set recipients(value) { this.#recipients_accessor_storage = value; }
|
|
128
|
+
#fields_accessor_storage = (__runInitializers(this, _recipients_extraInitializers), __runInitializers(this, _fields_initializers, demoFields));
|
|
129
|
+
get fields() { return this.#fields_accessor_storage; }
|
|
130
|
+
set fields(value) { this.#fields_accessor_storage = value; }
|
|
131
|
+
connectedCallback = (__runInitializers(this, _fields_extraInitializers), async () => {
|
|
116
132
|
await super.connectedCallback();
|
|
117
133
|
if (this.view === 'inbox' && this.initialView !== 'inbox') {
|
|
118
134
|
this.view = this.initialView;
|
|
@@ -241,8 +257,8 @@ let SdigWorkspace = (() => {
|
|
|
241
257
|
const activeDocument = this.documents.find((document) => document.id === this.activeDocumentId) || this.documents[0] || demoDocuments[0];
|
|
242
258
|
switch (this.view) {
|
|
243
259
|
case 'inbox': return html `<sdig-workspace-inbox class="view-host" .density=${this.density} .documents=${this.documents}></sdig-workspace-inbox>`;
|
|
244
|
-
case 'compose': return html `<sdig-workspace-compose class="view-host"></sdig-workspace-compose>`;
|
|
245
|
-
case 'sign': return html `<sdig-workspace-sign class="view-host" .document=${activeDocument}></sdig-workspace-sign>`;
|
|
260
|
+
case 'compose': return html `<sdig-workspace-compose class="view-host" .document=${activeDocument} .recipients=${this.recipients} .fields=${this.fields}></sdig-workspace-compose>`;
|
|
261
|
+
case 'sign': return html `<sdig-workspace-sign class="view-host" .document=${activeDocument} .fields=${this.fields}></sdig-workspace-sign>`;
|
|
246
262
|
case 'audit': return html `<sdig-workspace-audit class="view-host" .document=${activeDocument}></sdig-workspace-audit>`;
|
|
247
263
|
case 'developers': return html `<sdig-workspace-developers class="view-host"></sdig-workspace-developers>`;
|
|
248
264
|
case 'templates': return html `<sdig-workspace-placeholder class="view-host" label="Templates" subtitle="Reusable agreement templates"></sdig-workspace-placeholder>`;
|
|
@@ -261,4 +277,4 @@ let SdigWorkspace = (() => {
|
|
|
261
277
|
return SdigWorkspace = _classThis;
|
|
262
278
|
})();
|
|
263
279
|
export { SdigWorkspace };
|
|
264
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
280
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2RpZy13b3Jrc3BhY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi90c193ZWIvZWxlbWVudHMvc2RpZy13b3Jrc3BhY2Uvc2RpZy13b3Jrc3BhY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU8sRUFBRSxXQUFXLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxhQUFhLEVBQXVCLEdBQUcsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ25ILE9BQU8sRUFBRSxhQUFhLEVBQUUsVUFBVSxFQUFFLGNBQWMsRUFBRSxJQUFJLEVBQXNILE1BQU0sNEJBQTRCLENBQUM7QUFDak4sT0FBTywyQkFBMkIsQ0FBQztBQUNuQyxPQUFPLDZCQUE2QixDQUFDO0FBQ3JDLE9BQU8sMEJBQTBCLENBQUM7QUFDbEMsT0FBTywyQkFBMkIsQ0FBQztBQUNuQyxPQUFPLGdDQUFnQyxDQUFDO0FBQ3hDLE9BQU8saUNBQWlDLENBQUM7SUFTNUIsYUFBYTs0QkFEekIsYUFBYSxDQUFDLGdCQUFnQixDQUFDOzs7O3NCQUNHLFdBQVc7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7NkJBQW5CLFNBQVEsV0FBVzs7OztrQ0FJM0MsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDO21DQUMxQixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUM7aUNBQzFCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxDQUFDO3VDQUN6QyxRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUM7Z0NBQzFCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxDQUFDO3FDQUN6QyxRQUFRLENBQUMsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLENBQUM7NENBQzlCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsQ0FBQztzQ0FDMUIsUUFBUSxDQUFDLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxDQUFDO2tDQUM5QixRQUFRLENBQUMsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLENBQUM7WUFSSCx1S0FBZ0IsTUFBTSw2QkFBTixNQUFNLHVGQUFxQjtZQUMzQywwS0FBZ0IsT0FBTyw2QkFBUCxPQUFPLHlGQUEyQjtZQUNuQyxvS0FBZ0IsS0FBSyw2QkFBTCxLQUFLLHFGQUEyQjtZQUMvRCxzTEFBZ0IsV0FBVyw2QkFBWCxXQUFXLGlHQUEyQjtZQUN2QyxpS0FBZ0IsSUFBSSw2QkFBSixJQUFJLG1GQUEyQjtZQUMxRCxnTEFBZ0IsU0FBUyw2QkFBVCxTQUFTLDZGQUFpQztZQUM5RCxxTUFBZ0IsZ0JBQWdCLDZCQUFoQixnQkFBZ0IsMkdBQWM7WUFDMUMsbUxBQWdCLFVBQVUsNkJBQVYsVUFBVSwrRkFBZ0M7WUFDMUQsdUtBQWdCLE1BQU0sNkJBQU4sTUFBTSx1RkFBaUM7WUFaekYsNktBcUtDOzs7O1FBcEtRLE1BQU0sQ0FBQyxJQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBLG1DQUFtQyxDQUFDO1FBQzVELE1BQU0sQ0FBQyxVQUFVLEdBQUcsQ0FBQyw2QkFBNkIsQ0FBQyxDQUFDO1FBRS9CLHlFQUFpQyxTQUFTLEVBQUM7UUFBM0MsSUFBZ0IsTUFBTSw0Q0FBcUI7UUFBM0MsSUFBZ0IsTUFBTSxrREFBcUI7UUFDM0MsZ0lBQW9DLGFBQWEsR0FBQztRQUFsRCxJQUFnQixPQUFPLDZDQUEyQjtRQUFsRCxJQUFnQixPQUFPLG1EQUEyQjtRQUNuQyw2SEFBeUMsTUFBTSxHQUFDO1FBQWhELElBQWdCLEtBQUssMkNBQTJCO1FBQWhELElBQWdCLEtBQUssaURBQTJCO1FBQy9ELHVJQUE4QyxPQUFPLEdBQUM7UUFBdEQsSUFBZ0IsV0FBVyxpREFBMkI7UUFBdEQsSUFBZ0IsV0FBVyx1REFBMkI7UUFDdkMsK0hBQXVDLE9BQU8sR0FBQztRQUEvQyxJQUFnQixJQUFJLDBDQUEyQjtRQUEvQyxJQUFnQixJQUFJLGdEQUEyQjtRQUMxRCxrSUFBNEMsYUFBYSxHQUFDO1FBQTFELElBQWdCLFNBQVMsK0NBQWlDO1FBQTFELElBQWdCLFNBQVMscURBQWlDO1FBQzlELHFKQUEyQyxFQUFFLEdBQUM7UUFBOUMsSUFBZ0IsZ0JBQWdCLHNEQUFjO1FBQTlDLElBQWdCLGdCQUFnQiw0REFBYztRQUMxQyxnSkFBMkMsY0FBYyxHQUFDO1FBQTFELElBQWdCLFVBQVUsZ0RBQWdDO1FBQTFELElBQWdCLFVBQVUsc0RBQWdDO1FBQzFELGtJQUE0QyxVQUFVLEdBQUM7UUFBdkQsSUFBZ0IsTUFBTSw0Q0FBaUM7UUFBdkQsSUFBZ0IsTUFBTSxrREFBaUM7UUFFaEYsaUJBQWlCLHdEQUFHLEtBQUssSUFBSSxFQUFFO1lBQ3BDLE1BQU0sS0FBSyxDQUFDLGlCQUFpQixFQUFFLENBQUM7WUFDaEMsSUFBSSxJQUFJLENBQUMsSUFBSSxLQUFLLE9BQU8sSUFBSSxJQUFJLENBQUMsV0FBVyxLQUFLLE9BQU8sRUFBRSxDQUFDO2dCQUMxRCxJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUM7WUFDL0IsQ0FBQztZQUNELElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyx3QkFBd0IsRUFBRSxJQUFJLENBQUMsaUJBQWtDLENBQUMsQ0FBQztRQUMzRixDQUFDLEVBQUM7UUFFSyxvQkFBb0IsR0FBRyxLQUFLLElBQUksRUFBRTtZQUN2QyxJQUFJLENBQUMsbUJBQW1CLENBQUMsd0JBQXdCLEVBQUUsSUFBSSxDQUFDLGlCQUFrQyxDQUFDLENBQUM7WUFDNUYsTUFBTSxLQUFLLENBQUMsb0JBQW9CLEVBQUUsQ0FBQztRQUNyQyxDQUFDLENBQUM7UUFFSyxNQUFNLENBQUMsTUFBTSxHQUFHLEdBQUcsQ0FBQTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQStFekIsQ0FBQztRQUVNLGlCQUFpQixHQUFHLENBQUMsS0FBNEMsRUFBRSxFQUFFO1lBQzNFLElBQUksQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNsQyxDQUFDLENBQUM7UUFFTSxPQUFPLENBQUMsT0FBdUI7WUFDckMsSUFBSSxDQUFDLElBQUksR0FBRyxPQUFPLENBQUM7WUFDcEIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLFdBQVcsQ0FBQyxhQUFhLEVBQUUsRUFBRSxNQUFNLEVBQUUsRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQyxDQUFDO1FBQ25ILENBQUM7UUFFTyxTQUFTLENBQUMsSUFBeUU7WUFDekYsT0FBTyxJQUFJLENBQUEsMkJBQTJCLElBQUksQ0FBQyxJQUFJLEtBQUssSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxFQUFFLFlBQVksR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLFNBQVMsSUFBSSxDQUFDLEtBQUssVUFBVSxJQUFJLENBQUMsS0FBSyxLQUFLLFNBQVMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFBLDJCQUEyQixJQUFJLENBQUMsS0FBSyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUUsV0FBVyxDQUFDO1FBQ3RRLENBQUM7UUFFTyxhQUFhO1lBQ25CLE1BQU0sUUFBUSxHQUFHO2dCQUNmLEVBQUUsRUFBRSxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsTUFBTSxFQUFFO2dCQUM1RSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFO2dCQUNqRCxFQUFFLEVBQUUsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUU7Z0JBQ2xFLEVBQUUsRUFBRSxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsYUFBYSxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUU7Z0JBQ3JELEVBQUUsRUFBRSxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsWUFBWSxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUU7YUFDc0IsQ0FBQztZQUNoRixNQUFNLFVBQVUsR0FBRztnQkFDakIsRUFBRSxFQUFFLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRTtnQkFDM0MsRUFBRSxFQUFFLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRTthQUNNLENBQUM7WUFFaEUsT0FBTyxJQUFJLENBQUE7OztrTkFHbU0sSUFBSSxDQUFDLGFBQWEsRUFBRSxFQUFFLENBQUM7aUNBQ3hNLFFBQVEsQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLENBQUM7O3dNQUUySCxJQUFJLENBQUMsUUFBUSxFQUFFLEVBQUUsQ0FBQyx3SEFBd0gsSUFBSSxDQUFDLE1BQU0sRUFBRSxFQUFFLENBQUMscUJBQXFCLElBQUksQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDLDJDQUEyQyxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxNQUFNLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQSx3QkFBd0IsTUFBTSxHQUFHLEVBQUUsWUFBWSxDQUFDO3VHQUMxYixVQUFVLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxDQUFDO21WQUM4TCxJQUFJLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQzs7S0FFOVYsQ0FBQztRQUNKLENBQUM7UUFFTyxVQUFVO1lBQ2hCLE1BQU0sY0FBYyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLENBQUMsUUFBUSxFQUFFLEVBQUUsQ0FBQyxRQUFRLENBQUMsRUFBRSxLQUFLLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLElBQUksYUFBYSxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQ3pJLFFBQVEsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO2dCQUNsQixLQUFLLE9BQU8sQ0FBQyxDQUFDLE9BQU8sSUFBSSxDQUFBLG9EQUFvRCxJQUFJLENBQUMsT0FBTyxlQUFlLElBQUksQ0FBQyxTQUFTLDBCQUEwQixDQUFDO2dCQUNqSixLQUFLLFNBQVMsQ0FBQyxDQUFDLE9BQU8sSUFBSSxDQUFBLHVEQUF1RCxjQUFjLGdCQUFnQixJQUFJLENBQUMsVUFBVSxZQUFZLElBQUksQ0FBQyxNQUFNLDRCQUE0QixDQUFDO2dCQUNuTCxLQUFLLE1BQU0sQ0FBQyxDQUFDLE9BQU8sSUFBSSxDQUFBLG9EQUFvRCxjQUFjLFlBQVksSUFBSSxDQUFDLE1BQU0seUJBQXlCLENBQUM7Z0JBQzNJLEtBQUssT0FBTyxDQUFDLENBQUMsT0FBTyxJQUFJLENBQUEscURBQXFELGNBQWMsMEJBQTBCLENBQUM7Z0JBQ3ZILEtBQUssWUFBWSxDQUFDLENBQUMsT0FBTyxJQUFJLENBQUEsMkVBQTJFLENBQUM7Z0JBQzFHLEtBQUssV0FBVyxDQUFDLENBQUMsT0FBTyxJQUFJLENBQUEsdUlBQXVJLENBQUM7Z0JBQ3JLLEtBQUssTUFBTSxDQUFDLENBQUMsT0FBTyxJQUFJLENBQUEsK0hBQStILENBQUM7Z0JBQ3hKLEtBQUssVUFBVSxDQUFDLENBQUMsT0FBTyxJQUFJLENBQUEsc0lBQXNJLENBQUM7Z0JBQ25LLE9BQU8sQ0FBQyxDQUFDLE9BQU8sSUFBSSxDQUFBLG9EQUFvRCxJQUFJLENBQUMsT0FBTyxlQUFlLElBQUksQ0FBQyxTQUFTLDBCQUEwQixDQUFDO1lBQzlJLENBQUM7UUFDSCxDQUFDO1FBRU0sTUFBTTtZQUNYLE9BQU8sSUFBSSxDQUFBLHlCQUF5QixJQUFJLENBQUMsT0FBTyxLQUFLLFNBQVMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUFFLHNCQUFzQixJQUFJLENBQUMsTUFBTSx3QkFBd0IsSUFBSSxDQUFDLElBQUksSUFBSSxJQUFJLENBQUMsYUFBYSxFQUFFLHNCQUFzQixJQUFJLENBQUMsVUFBVSxFQUFFLDRYQUE0WCxJQUFJLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FBQyxpQ0FBaUMsQ0FBQztRQUMvbkIsQ0FBQzs7WUFwS1UsdURBQWE7Ozs7O1NBQWIsYUFBYSJ9
|
|
@@ -34,6 +34,7 @@ export const workspaceBaseStyles = css `
|
|
|
34
34
|
* { box-sizing: border-box; }
|
|
35
35
|
button, input, textarea { font: inherit; }
|
|
36
36
|
button { border: 0; cursor: pointer; }
|
|
37
|
+
button:disabled { cursor: not-allowed; opacity: 0.52; }
|
|
37
38
|
dees-icon { flex-shrink: 0; }
|
|
38
39
|
|
|
39
40
|
.mono {
|
|
@@ -290,21 +291,21 @@ export const workspaceBaseStyles = css `
|
|
|
290
291
|
}
|
|
291
292
|
`;
|
|
292
293
|
export function icon(name, size = 14) {
|
|
293
|
-
const iconMap = {
|
|
294
|
-
inbox: 'lucide:Inbox', plus: 'lucide:Plus', folder: 'lucide:Folder', shield: 'lucide:Shield', code: 'lucide:Code2',
|
|
295
|
-
user: 'lucide:User', settings: 'lucide:Settings', upload: 'lucide:Upload', file: 'lucide:FileText', sign: 'lucide:PenTool',
|
|
296
|
-
clock: 'lucide:Clock', search: 'lucide:Search', more: 'lucide:MoreHorizontal', send: 'lucide:Send', check: 'lucide:Check',
|
|
297
|
-
eye: 'lucide:Eye', calendar: 'lucide:Calendar', type: 'lucide:Type', download: 'lucide:Download', hash: 'lucide:Hash',
|
|
298
|
-
github: 'lucide:GitBranch', git: 'lucide:GitBranch', server: 'lucide:Server', star: 'lucide:Star', sparkle: 'lucide:Sparkles',
|
|
299
|
-
chevronRight: 'lucide:ChevronRight', chevronDown: 'lucide:ChevronDown', x: 'lucide:X', activity: 'lucide:Activity',
|
|
300
|
-
};
|
|
301
294
|
return html `<dees-icon .icon=${iconMap[name] || iconMap.file} style="font-size: ${size}px;"></dees-icon>`;
|
|
302
295
|
}
|
|
296
|
+
const iconMap = {
|
|
297
|
+
inbox: 'lucide:Inbox', plus: 'lucide:Plus', folder: 'lucide:Folder', shield: 'lucide:Shield', code: 'lucide:Code2',
|
|
298
|
+
user: 'lucide:User', settings: 'lucide:Settings', upload: 'lucide:Upload', file: 'lucide:FileText', sign: 'lucide:PenTool',
|
|
299
|
+
clock: 'lucide:Clock', search: 'lucide:Search', more: 'lucide:MoreHorizontal', send: 'lucide:Send', check: 'lucide:Check',
|
|
300
|
+
eye: 'lucide:Eye', calendar: 'lucide:Calendar', type: 'lucide:Type', download: 'lucide:Download', hash: 'lucide:Hash',
|
|
301
|
+
github: 'lucide:GitBranch', git: 'lucide:GitBranch', server: 'lucide:Server', star: 'lucide:Star', sparkle: 'lucide:Sparkles',
|
|
302
|
+
chevronRight: 'lucide:ChevronRight', chevronDown: 'lucide:ChevronDown', x: 'lucide:X', activity: 'lucide:Activity',
|
|
303
|
+
};
|
|
303
304
|
export function pill(label, tone = 'default', dot = false) {
|
|
304
305
|
return html `<span class="pill ${tone} ${dot ? 'dot' : ''}">${label}</span>`;
|
|
305
306
|
}
|
|
306
307
|
export function actionButton(label, variant = 'outline', iconName, onClick) {
|
|
307
|
-
return html `<button class="btn ${variant}"
|
|
308
|
+
return html `<button class="btn ${variant}" ?disabled=${!onClick} title=${onClick ? '' : 'This action must be wired by the host application.'} @click=${onClick}>${iconName ? icon(iconName, 13) : ''}${label}</button>`;
|
|
308
309
|
}
|
|
309
310
|
export function topBar(config) {
|
|
310
311
|
return html `
|
|
@@ -382,4 +383,4 @@ export function requestWorkspaceView(element, view) {
|
|
|
382
383
|
composed: true,
|
|
383
384
|
}));
|
|
384
385
|
}
|
|
385
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
386
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2RpZy13b3Jrc3BhY2Uuc2hhcmVkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vdHNfd2ViL2VsZW1lbnRzL3NkaWctd29ya3NwYWNlL3NkaWctd29ya3NwYWNlLnNoYXJlZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFFLEdBQUcsRUFBdUIsTUFBTSw2QkFBNkIsQ0FBQztBQUM3RSxPQUFPLG9GQUFvRixDQUFDO0FBZ0Q1RixNQUFNLENBQUMsTUFBTSxhQUFhLEdBQW1CO0lBQzNDLEVBQUUsRUFBRSxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsdUNBQXVDLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUUsQ0FBQyxFQUFFLElBQUksRUFBRSxZQUFZLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFLEVBQUUsRUFBRSxJQUFJLEVBQUUsWUFBWSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUsQ0FBQyxFQUFFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLFFBQVEsRUFBRSxPQUFPLEVBQUU7SUFDclUsRUFBRSxFQUFFLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxzQkFBc0IsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxDQUFDLEVBQUUsSUFBSSxFQUFFLFlBQVksRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUsRUFBRSxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFLENBQUMsRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLENBQUMsRUFBRTtJQUNwTyxFQUFFLEVBQUUsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLCtCQUErQixFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsVUFBVSxFQUFFLENBQUMsRUFBRSxJQUFJLEVBQUUsZ0JBQWdCLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxJQUFJLEVBQUUsY0FBYyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSxFQUFFLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsQ0FBQyxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsUUFBUSxFQUFFLE9BQU8sRUFBRTtJQUM3VSxFQUFFLEVBQUUsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLCtCQUErQixFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsVUFBVSxFQUFFLENBQUMsRUFBRSxJQUFJLEVBQUUsWUFBWSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUsQ0FBQyxFQUFFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsQ0FBQyxFQUFFO0lBQ25QLEVBQUUsRUFBRSxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxVQUFVLEVBQUUsQ0FBQyxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLENBQUMsRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRTtJQUN0TCxFQUFFLEVBQUUsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLG9DQUFvQyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLENBQUMsRUFBRSxJQUFJLEVBQUUsYUFBYSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSxFQUFFLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUsQ0FBQyxFQUFFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsQ0FBQyxFQUFFO0NBQ3hQLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxjQUFjLEdBQWlCO0lBQzFDLEVBQUUsRUFBRSxFQUFFLENBQUMsRUFBRSxJQUFJLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxnQkFBZ0IsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxDQUFDLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRTtJQUNsRyxFQUFFLEVBQUUsRUFBRSxDQUFDLEVBQUUsSUFBSSxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsQ0FBQyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUU7SUFDbkcsRUFBRSxFQUFFLEVBQUUsQ0FBQyxFQUFFLElBQUksRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLHNCQUFzQixFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLENBQUMsRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFO0NBQzFHLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxVQUFVLEdBQXNCO0lBQzNDLEVBQUUsRUFBRSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsV0FBVyxFQUFFLENBQUMsRUFBRSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxFQUFFLEVBQUUsSUFBSSxFQUFFLENBQUMsRUFBRSxTQUFTLEVBQUUsQ0FBQyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUU7SUFDeEcsRUFBRSxFQUFFLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEVBQUUsRUFBRSxJQUFJLEVBQUUsQ0FBQyxFQUFFLFNBQVMsRUFBRSxDQUFDLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRTtJQUMvRixFQUFFLEVBQUUsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDLEVBQUUsRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsRUFBRSxFQUFFLElBQUksRUFBRSxDQUFDLEVBQUUsU0FBUyxFQUFFLENBQUMsRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUU7SUFDekcsRUFBRSxFQUFFLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUUsQ0FBQyxFQUFFLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEVBQUUsRUFBRSxJQUFJLEVBQUUsQ0FBQyxFQUFFLFNBQVMsRUFBRSxDQUFDLEVBQUUsS0FBSyxFQUFFLG1CQUFtQixFQUFFO0NBQ2pILENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxtQkFBbUIsR0FBRyxHQUFHLENBQUE7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztDQThRckMsQ0FBQztBQUVGLE1BQU0sVUFBVSxJQUFJLENBQUMsSUFBWSxFQUFFLElBQUksR0FBRyxFQUFFO0lBQzFDLE9BQU8sSUFBSSxDQUFBLG9CQUFvQixPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksT0FBTyxDQUFDLElBQUksc0JBQXNCLElBQUksbUJBQW1CLENBQUM7QUFDNUcsQ0FBQztBQUVELE1BQU0sT0FBTyxHQUEyQjtJQUN0QyxLQUFLLEVBQUUsY0FBYyxFQUFFLElBQUksRUFBRSxhQUFhLEVBQUUsTUFBTSxFQUFFLGVBQWUsRUFBRSxNQUFNLEVBQUUsZUFBZSxFQUFFLElBQUksRUFBRSxjQUFjO0lBQ2xILElBQUksRUFBRSxhQUFhLEVBQUUsUUFBUSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sRUFBRSxlQUFlLEVBQUUsSUFBSSxFQUFFLGlCQUFpQixFQUFFLElBQUksRUFBRSxnQkFBZ0I7SUFDMUgsS0FBSyxFQUFFLGNBQWMsRUFBRSxNQUFNLEVBQUUsZUFBZSxFQUFFLElBQUksRUFBRSx1QkFBdUIsRUFBRSxJQUFJLEVBQUUsYUFBYSxFQUFFLEtBQUssRUFBRSxjQUFjO0lBQ3pILEdBQUcsRUFBRSxZQUFZLEVBQUUsUUFBUSxFQUFFLGlCQUFpQixFQUFFLElBQUksRUFBRSxhQUFhLEVBQUUsUUFBUSxFQUFFLGlCQUFpQixFQUFFLElBQUksRUFBRSxhQUFhO0lBQ3JILE1BQU0sRUFBRSxrQkFBa0IsRUFBRSxHQUFHLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxFQUFFLGVBQWUsRUFBRSxJQUFJLEVBQUUsYUFBYSxFQUFFLE9BQU8sRUFBRSxpQkFBaUI7SUFDN0gsWUFBWSxFQUFFLHFCQUFxQixFQUFFLFdBQVcsRUFBRSxvQkFBb0IsRUFBRSxDQUFDLEVBQUUsVUFBVSxFQUFFLFFBQVEsRUFBRSxpQkFBaUI7Q0FDbkgsQ0FBQztBQUVGLE1BQU0sVUFBVSxJQUFJLENBQUMsS0FBYSxFQUFFLE9BQTZELFNBQVMsRUFBRSxHQUFHLEdBQUcsS0FBSztJQUNySCxPQUFPLElBQUksQ0FBQSxxQkFBcUIsSUFBSSxJQUFJLEdBQUcsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxFQUFFLEtBQUssS0FBSyxTQUFTLENBQUM7QUFDOUUsQ0FBQztBQUVELE1BQU0sVUFBVSxZQUFZLENBQUMsS0FBYSxFQUFFLFVBQTJDLFNBQVMsRUFBRSxRQUFpQixFQUFFLE9BQW9CO0lBQ3ZJLE9BQU8sSUFBSSxDQUFBLHNCQUFzQixPQUFPLGVBQWUsQ0FBQyxPQUFPLFVBQVUsT0FBTyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLG9EQUFvRCxXQUFXLE9BQU8sSUFBSSxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsR0FBRyxLQUFLLFdBQVcsQ0FBQztBQUMxTixDQUFDO0FBRUQsTUFBTSxVQUFVLE1BQU0sQ0FBQyxNQUFvRztJQUN6SCxPQUFPLElBQUksQ0FBQTs7OztZQUlELE1BQU0sQ0FBQyxVQUFVLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxFQUFFLEtBQUssRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFBLEdBQUcsS0FBSyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLGNBQWMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxTQUFTLElBQUksU0FBUyxDQUFDOzt1Q0FFbkYsTUFBTSxDQUFDLEtBQUssVUFBVSxNQUFNLENBQUMsUUFBUSxJQUFJLEVBQUU7OzZCQUVyRCxNQUFNLENBQUMsT0FBTyxJQUFJLEVBQUU7O0dBRTlDLENBQUM7QUFDSixDQUFDO0FBRUQsTUFBTSxVQUFVLGtCQUFrQixDQUFDLE9BQXVCLEVBQUUsUUFBeUIsTUFBTTtJQUN6RixNQUFNLFFBQVEsR0FBRzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW1CaEIsQ0FBQztJQUNGLE1BQU0sU0FBUyxHQUFHOzs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBbUJqQixDQUFDO0lBRUYsT0FBTyxJQUFJLENBQUEsZUFBZSxLQUFLLEtBQUssTUFBTSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFNBQVMsc0xBQXNMLE9BQU8sUUFBUSxDQUFDO0FBQ3pRLENBQUM7QUFFRCxNQUFNLFVBQVUsWUFBWTtJQUMxQixPQUFPLElBQUksQ0FBQTs7OztRQUlMLEtBQUssQ0FBQyxJQUFJLENBQUMsRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUEseUJBQXlCLEtBQUssR0FBRyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUUsSUFBSSxLQUFLLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxFQUFFLFVBQVUsQ0FBQzs7UUFFckosS0FBSyxDQUFDLElBQUksQ0FBQyxFQUFFLE1BQU0sRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxLQUFLLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQSx5QkFBeUIsS0FBSyxHQUFHLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsRUFBRSxVQUFVLENBQUM7Ozs7R0FJdkgsQ0FBQztBQUNKLENBQUM7QUFFRCxNQUFNLFVBQVUsb0JBQW9CLENBQUMsT0FBb0IsRUFBRSxJQUFvQjtJQUM3RSxPQUFPLENBQUMsYUFBYSxDQUFDLElBQUksV0FBVyxDQUFDLHdCQUF3QixFQUFFO1FBQzlELE1BQU0sRUFBRSxFQUFFLElBQUksRUFBRTtRQUNoQixPQUFPLEVBQUUsSUFBSTtRQUNiLFFBQVEsRUFBRSxJQUFJO0tBQ2YsQ0FBQyxDQUFDLENBQUM7QUFDTixDQUFDIn0=
|
package/dist_ts_web/plugins.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
export { signaturePad, };
|
|
1
|
+
import SignaturePad from 'signature_pad';
|
|
2
|
+
export type { PointGroup as TSignaturePadPointGroup } from 'signature_pad';
|
|
3
|
+
export { SignaturePad as signaturePad, };
|
package/dist_ts_web/plugins.js
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
// third party
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGx1Z2lucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3RzX3dlYi9wbHVnaW5zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWM7QUFDZCxPQUFPLGVBQWUsTUFBTSxlQUFlLENBQUM7QUFFNUMsTUFBTSxZQUFZLEdBQUcsZUFBMEMsQ0FBQztBQUVoRSxPQUFPLEVBQ0wsWUFBWSxHQUNiLENBQUEifQ==
|
|
2
|
+
import SignaturePad from 'signature_pad';
|
|
3
|
+
export { SignaturePad as signaturePad, };
|
|
4
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGx1Z2lucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3RzX3dlYi9wbHVnaW5zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWM7QUFDZCxPQUFPLFlBQVksTUFBTSxlQUFlLENBQUM7QUFHekMsT0FBTyxFQUNMLFlBQVksSUFBSSxZQUFZLEdBQzdCLENBQUEifQ==
|
package/package.json
CHANGED
|
@@ -1,17 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@signature.digital/catalog",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.8.0",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "A comprehensive catalog of customizable web components designed for building and managing e-signature applications.",
|
|
6
6
|
"exports": {
|
|
7
7
|
".": "./dist_ts_web/index.js"
|
|
8
8
|
},
|
|
9
9
|
"type": "module",
|
|
10
|
-
"scripts": {
|
|
11
|
-
"test": "pnpm run build",
|
|
12
|
-
"build": "tsbuild tsfolders --allowimplicitany && tsbundle",
|
|
13
|
-
"watch": "tswatch"
|
|
14
|
-
},
|
|
15
10
|
"author": "Task Venture Capital GmbH",
|
|
16
11
|
"license": "MIT",
|
|
17
12
|
"dependencies": {
|
|
@@ -23,11 +18,12 @@
|
|
|
23
18
|
"signature_pad": "^5.1.3"
|
|
24
19
|
},
|
|
25
20
|
"devDependencies": {
|
|
26
|
-
"@git.zone/tsbuild": "^4.4.
|
|
27
|
-
"@git.zone/tsbundle": "2.10.
|
|
28
|
-
"@git.zone/
|
|
21
|
+
"@git.zone/tsbuild": "^4.4.2",
|
|
22
|
+
"@git.zone/tsbundle": "2.10.4",
|
|
23
|
+
"@git.zone/tstest": "^3.6.6",
|
|
24
|
+
"@git.zone/tswatch": "^3.3.5",
|
|
29
25
|
"@push.rocks/projectinfo": "^5.1.0",
|
|
30
|
-
"@types/node": "^25.
|
|
26
|
+
"@types/node": "^25.9.1"
|
|
31
27
|
},
|
|
32
28
|
"files": [
|
|
33
29
|
"ts/**/*",
|
|
@@ -59,5 +55,10 @@
|
|
|
59
55
|
"custom elements",
|
|
60
56
|
"electronic signing",
|
|
61
57
|
"npm package"
|
|
62
|
-
]
|
|
63
|
-
|
|
58
|
+
],
|
|
59
|
+
"scripts": {
|
|
60
|
+
"test": "pnpm run build && tstest test/ --web --verbose --logfile",
|
|
61
|
+
"build": "tsbuild tsfolders --allowimplicitany && tsbundle",
|
|
62
|
+
"watch": "tswatch"
|
|
63
|
+
}
|
|
64
|
+
}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { DeesElement, html, customElement, type TemplateResult, css, cssManager } from '@design.estate/dees-element';
|
|
2
|
+
import '../sdig-signpad/index.js';
|
|
2
3
|
|
|
3
4
|
declare global {
|
|
4
5
|
interface HTMLElementTagNameMap {
|
|
@@ -68,6 +69,13 @@ export class SignBox extends DeesElement {
|
|
|
68
69
|
.button:hover {
|
|
69
70
|
color: ${cssManager.bdTheme('#111111', '#eeeeeb')};
|
|
70
71
|
}
|
|
72
|
+
|
|
73
|
+
button.button {
|
|
74
|
+
appearance: none;
|
|
75
|
+
border: 0;
|
|
76
|
+
background: transparent;
|
|
77
|
+
font: inherit;
|
|
78
|
+
}
|
|
71
79
|
`
|
|
72
80
|
];
|
|
73
81
|
|
|
@@ -79,29 +87,34 @@ export class SignBox extends DeesElement {
|
|
|
79
87
|
</div>
|
|
80
88
|
<sdig-signpad></sdig-signpad>
|
|
81
89
|
<div class="actions">
|
|
82
|
-
<
|
|
90
|
+
<button class="button" data-action="clear" @click=${async () => {
|
|
83
91
|
await this.shadowRoot?.querySelector('sdig-signpad')?.clear();
|
|
84
92
|
}}>
|
|
85
93
|
Clear
|
|
86
|
-
</
|
|
87
|
-
<
|
|
94
|
+
</button>
|
|
95
|
+
<button class="button" data-action="undo" @click=${async () => {
|
|
88
96
|
await this.shadowRoot?.querySelector('sdig-signpad')?.undo();
|
|
89
97
|
}}>
|
|
90
98
|
Undo
|
|
91
|
-
</
|
|
92
|
-
<
|
|
99
|
+
</button>
|
|
100
|
+
<button class="button" data-action="submit" @click=${async () => {
|
|
93
101
|
const signaturePad = this.shadowRoot?.querySelector('sdig-signpad');
|
|
94
102
|
if (!signaturePad) return;
|
|
103
|
+
if (await signaturePad.isEmpty()) return;
|
|
95
104
|
const signature = await signaturePad.toData();
|
|
105
|
+
const svg = await signaturePad.toSVG();
|
|
96
106
|
this.dispatchEvent(new CustomEvent('signature', {
|
|
97
107
|
detail: {
|
|
98
108
|
signature,
|
|
99
|
-
|
|
109
|
+
svg,
|
|
110
|
+
createdAt: Date.now(),
|
|
111
|
+
},
|
|
112
|
+
bubbles: true,
|
|
113
|
+
composed: true,
|
|
100
114
|
}));
|
|
101
|
-
console.log(signature);
|
|
102
115
|
}}>
|
|
103
116
|
Submit Signature
|
|
104
|
-
</
|
|
117
|
+
</button>
|
|
105
118
|
</div>
|
|
106
119
|
</div>
|
|
107
120
|
`;
|
|
@@ -61,20 +61,26 @@ export class SignPad extends DeesElement {
|
|
|
61
61
|
}
|
|
62
62
|
|
|
63
63
|
public signaturePad?: typeof plugins.signaturePad.prototype;
|
|
64
|
+
private canvas?: HTMLCanvasElement;
|
|
64
65
|
|
|
65
66
|
public async firstUpdated() {
|
|
66
67
|
await this.domtoolsPromise;
|
|
67
68
|
const mainbox = this.shadowRoot?.querySelector('.mainbox');
|
|
68
69
|
if (!mainbox) return;
|
|
69
|
-
|
|
70
|
-
mainbox.appendChild(canvas);
|
|
70
|
+
this.canvas = document.createElement('canvas');
|
|
71
|
+
mainbox.appendChild(this.canvas);
|
|
71
72
|
await this.resizeCanvas();
|
|
72
|
-
this.signaturePad = new plugins.signaturePad(canvas, {
|
|
73
|
+
this.signaturePad = new plugins.signaturePad(this.canvas, {
|
|
73
74
|
|
|
74
75
|
});
|
|
75
76
|
this.signaturePad.on();
|
|
76
77
|
}
|
|
77
78
|
|
|
79
|
+
public async disconnectedCallback() {
|
|
80
|
+
this.signaturePad?.off();
|
|
81
|
+
await super.disconnectedCallback();
|
|
82
|
+
}
|
|
83
|
+
|
|
78
84
|
public async resizeCanvas() {
|
|
79
85
|
const mainbox = this.shadowRoot?.querySelector('.mainbox');
|
|
80
86
|
const canvas = this.shadowRoot?.querySelector('canvas');
|
|
@@ -92,12 +98,16 @@ export class SignPad extends DeesElement {
|
|
|
92
98
|
this.signaturePad?.clear();
|
|
93
99
|
}
|
|
94
100
|
|
|
95
|
-
public async
|
|
101
|
+
public async isEmpty(): Promise<boolean> {
|
|
102
|
+
return this.signaturePad?.isEmpty() ?? true;
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
public async toData(): Promise<plugins.TSignaturePadPointGroup[]> {
|
|
96
106
|
const returnData = this.signaturePad?.toData() || [];
|
|
97
107
|
return returnData;
|
|
98
108
|
}
|
|
99
109
|
|
|
100
|
-
public async fromData(dataArrayArg:
|
|
110
|
+
public async fromData(dataArrayArg: plugins.TSignaturePadPointGroup[]) {
|
|
101
111
|
this.signaturePad?.fromData(dataArrayArg);
|
|
102
112
|
}
|
|
103
113
|
|