@signature.digital/catalog 1.8.0 → 1.9.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/dist_ts_web/00_commitinfo_data.js +3 -3
- package/dist_ts_web/elements/index.d.ts +1 -0
- package/dist_ts_web/elements/index.js +3 -1
- package/dist_ts_web/elements/sdig-app-shell/index.d.ts +1 -0
- package/dist_ts_web/elements/sdig-app-shell/index.js +2 -0
- package/dist_ts_web/elements/sdig-app-shell/sdig-app-shell.d.ts +38 -0
- package/dist_ts_web/elements/sdig-app-shell/sdig-app-shell.js +309 -0
- package/dist_ts_web/elements/sdig-signbox/sdig-signbox.js +6 -1
- package/dist_ts_web/elements/sdig-signpad/sdig-signpad.d.ts +4 -0
- package/dist_ts_web/elements/sdig-signpad/sdig-signpad.js +12 -2
- package/dist_ts_web/elements/sdig-workspace/sdig-workspace-audit.js +5 -5
- package/dist_ts_web/elements/sdig-workspace/sdig-workspace-compose.js +4 -4
- package/dist_ts_web/elements/sdig-workspace/sdig-workspace-developers.js +13 -15
- package/dist_ts_web/elements/sdig-workspace/sdig-workspace-inbox.js +12 -12
- package/dist_ts_web/elements/sdig-workspace/sdig-workspace.js +28 -28
- package/dist_ts_web/elements/sdig-workspace/sdig-workspace.shared.js +35 -34
- package/package.json +5 -12
- package/readme.md +54 -2
- package/ts_web/00_commitinfo_data.ts +2 -2
- package/ts_web/elements/index.ts +3 -0
- package/ts_web/elements/sdig-app-shell/index.ts +1 -0
- package/ts_web/elements/sdig-app-shell/sdig-app-shell.ts +200 -0
- package/ts_web/elements/sdig-signbox/sdig-signbox.ts +5 -0
- package/ts_web/elements/sdig-signpad/sdig-signpad.ts +12 -1
- package/ts_web/elements/sdig-workspace/sdig-workspace-audit.ts +4 -4
- package/ts_web/elements/sdig-workspace/sdig-workspace-compose.ts +3 -3
- package/ts_web/elements/sdig-workspace/sdig-workspace-developers.ts +12 -14
- package/ts_web/elements/sdig-workspace/sdig-workspace-inbox.ts +11 -11
- package/ts_web/elements/sdig-workspace/sdig-workspace.shared.ts +34 -33
- package/ts_web/elements/sdig-workspace/sdig-workspace.ts +27 -27
- package/.smartconfig.json +0 -95
- package/dist_bundle/bundle.js +0 -6218
- package/dist_bundle/bundle.js.map +0 -7
- package/dist_bundle/index.html +0 -28
- package/dist_watch/bundle.js +0 -135739
- package/dist_watch/bundle.js.map +0 -7
- package/dist_watch/index.html +0 -28
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*/
|
|
4
4
|
export const commitinfo = {
|
|
5
5
|
name: '@signature.digital/catalog',
|
|
6
|
-
version: '1.
|
|
7
|
-
description: '
|
|
6
|
+
version: '1.9.0',
|
|
7
|
+
description: 'Reusable web components for browser-based signature capture and host-controlled e-signature application surfaces.'
|
|
8
8
|
};
|
|
9
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
9
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMDBfY29tbWl0aW5mb19kYXRhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHNfd2ViLzAwX2NvbW1pdGluZm9fZGF0YS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRztJQUN4QixJQUFJLEVBQUUsNEJBQTRCO0lBQ2xDLE9BQU8sRUFBRSxPQUFPO0lBQ2hCLFdBQVcsRUFBRSxtSEFBbUg7Q0FDakksQ0FBQSJ9
|
|
@@ -2,6 +2,8 @@
|
|
|
2
2
|
export * from './sdig-contextmenu/index.js';
|
|
3
3
|
export * from './sdig-signbox/index.js';
|
|
4
4
|
export * from './sdig-signpad/index.js';
|
|
5
|
+
// Controlled product application primitives
|
|
6
|
+
export * from './sdig-app-shell/index.js';
|
|
5
7
|
// Product workspace component
|
|
6
8
|
export * from './sdig-workspace/index.js';
|
|
7
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
9
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsdUJBQXVCO0FBQ3ZCLGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLHlCQUF5QixDQUFDO0FBRXhDLDRDQUE0QztBQUM1QyxjQUFjLDJCQUEyQixDQUFDO0FBRTFDLDhCQUE4QjtBQUM5QixjQUFjLDJCQUEyQixDQUFDIn0=
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './sdig-app-shell.js';
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export * from './sdig-app-shell.js';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi90c193ZWIvZWxlbWVudHMvc2RpZy1hcHAtc2hlbGwvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxxQkFBcUIsQ0FBQyJ9
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
|
|
2
|
+
export interface ISdigShellNavigationItem {
|
|
3
|
+
id: string;
|
|
4
|
+
label: string;
|
|
5
|
+
icon: string;
|
|
6
|
+
count?: number;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
title?: string;
|
|
9
|
+
}
|
|
10
|
+
export interface ISdigShellNavigationRequestDetail {
|
|
11
|
+
view: string;
|
|
12
|
+
}
|
|
13
|
+
declare global {
|
|
14
|
+
interface HTMLElementTagNameMap {
|
|
15
|
+
'sdig-app-shell': SdigAppShell;
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
export declare class SdigAppShell extends DeesElement {
|
|
19
|
+
static demo: () => TemplateResult<1>;
|
|
20
|
+
static demoGroups: string[];
|
|
21
|
+
accessor accent: string;
|
|
22
|
+
accessor activeView: string;
|
|
23
|
+
accessor workspaceName: string;
|
|
24
|
+
accessor deploymentLabel: string;
|
|
25
|
+
accessor actorName: string;
|
|
26
|
+
accessor actorEmail: string;
|
|
27
|
+
accessor documentCount: number;
|
|
28
|
+
accessor statusLabel: string;
|
|
29
|
+
accessor productLabel: string;
|
|
30
|
+
accessor stackLabel: string;
|
|
31
|
+
accessor stackDescription: string;
|
|
32
|
+
accessor navigationItems: ISdigShellNavigationItem[];
|
|
33
|
+
static styles: import("@design.estate/dees-element").CSSResult;
|
|
34
|
+
private initials;
|
|
35
|
+
private requestNavigation;
|
|
36
|
+
private requestSignout;
|
|
37
|
+
render(): TemplateResult;
|
|
38
|
+
}
|
|
@@ -0,0 +1,309 @@
|
|
|
1
|
+
var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
|
|
2
|
+
function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
|
|
3
|
+
var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
|
|
4
|
+
var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
|
|
5
|
+
var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
|
|
6
|
+
var _, done = false;
|
|
7
|
+
for (var i = decorators.length - 1; i >= 0; i--) {
|
|
8
|
+
var context = {};
|
|
9
|
+
for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
|
|
10
|
+
for (var p in contextIn.access) context.access[p] = contextIn.access[p];
|
|
11
|
+
context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
|
|
12
|
+
var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
|
|
13
|
+
if (kind === "accessor") {
|
|
14
|
+
if (result === void 0) continue;
|
|
15
|
+
if (result === null || typeof result !== "object") throw new TypeError("Object expected");
|
|
16
|
+
if (_ = accept(result.get)) descriptor.get = _;
|
|
17
|
+
if (_ = accept(result.set)) descriptor.set = _;
|
|
18
|
+
if (_ = accept(result.init)) initializers.unshift(_);
|
|
19
|
+
}
|
|
20
|
+
else if (_ = accept(result)) {
|
|
21
|
+
if (kind === "field") initializers.unshift(_);
|
|
22
|
+
else descriptor[key] = _;
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
if (target) Object.defineProperty(target, contextIn.name, descriptor);
|
|
26
|
+
done = true;
|
|
27
|
+
};
|
|
28
|
+
var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
|
|
29
|
+
var useValue = arguments.length > 2;
|
|
30
|
+
for (var i = 0; i < initializers.length; i++) {
|
|
31
|
+
value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
|
|
32
|
+
}
|
|
33
|
+
return useValue ? value : void 0;
|
|
34
|
+
};
|
|
35
|
+
import { DeesElement, property, html, customElement, css, } from '@design.estate/dees-element';
|
|
36
|
+
import { icon } from '../sdig-workspace/sdig-workspace.shared.js';
|
|
37
|
+
let SdigAppShell = (() => {
|
|
38
|
+
let _classDecorators = [customElement('sdig-app-shell')];
|
|
39
|
+
let _classDescriptor;
|
|
40
|
+
let _classExtraInitializers = [];
|
|
41
|
+
let _classThis;
|
|
42
|
+
let _classSuper = DeesElement;
|
|
43
|
+
let _accent_decorators;
|
|
44
|
+
let _accent_initializers = [];
|
|
45
|
+
let _accent_extraInitializers = [];
|
|
46
|
+
let _activeView_decorators;
|
|
47
|
+
let _activeView_initializers = [];
|
|
48
|
+
let _activeView_extraInitializers = [];
|
|
49
|
+
let _workspaceName_decorators;
|
|
50
|
+
let _workspaceName_initializers = [];
|
|
51
|
+
let _workspaceName_extraInitializers = [];
|
|
52
|
+
let _deploymentLabel_decorators;
|
|
53
|
+
let _deploymentLabel_initializers = [];
|
|
54
|
+
let _deploymentLabel_extraInitializers = [];
|
|
55
|
+
let _actorName_decorators;
|
|
56
|
+
let _actorName_initializers = [];
|
|
57
|
+
let _actorName_extraInitializers = [];
|
|
58
|
+
let _actorEmail_decorators;
|
|
59
|
+
let _actorEmail_initializers = [];
|
|
60
|
+
let _actorEmail_extraInitializers = [];
|
|
61
|
+
let _documentCount_decorators;
|
|
62
|
+
let _documentCount_initializers = [];
|
|
63
|
+
let _documentCount_extraInitializers = [];
|
|
64
|
+
let _statusLabel_decorators;
|
|
65
|
+
let _statusLabel_initializers = [];
|
|
66
|
+
let _statusLabel_extraInitializers = [];
|
|
67
|
+
let _productLabel_decorators;
|
|
68
|
+
let _productLabel_initializers = [];
|
|
69
|
+
let _productLabel_extraInitializers = [];
|
|
70
|
+
let _stackLabel_decorators;
|
|
71
|
+
let _stackLabel_initializers = [];
|
|
72
|
+
let _stackLabel_extraInitializers = [];
|
|
73
|
+
let _stackDescription_decorators;
|
|
74
|
+
let _stackDescription_initializers = [];
|
|
75
|
+
let _stackDescription_extraInitializers = [];
|
|
76
|
+
let _navigationItems_decorators;
|
|
77
|
+
let _navigationItems_initializers = [];
|
|
78
|
+
let _navigationItems_extraInitializers = [];
|
|
79
|
+
var SdigAppShell = class extends _classSuper {
|
|
80
|
+
static { _classThis = this; }
|
|
81
|
+
static {
|
|
82
|
+
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
83
|
+
_accent_decorators = [property({ type: String })];
|
|
84
|
+
_activeView_decorators = [property({ type: String, attribute: 'active-view' })];
|
|
85
|
+
_workspaceName_decorators = [property({ type: String, attribute: 'workspace-name' })];
|
|
86
|
+
_deploymentLabel_decorators = [property({ type: String, attribute: 'deployment-label' })];
|
|
87
|
+
_actorName_decorators = [property({ type: String, attribute: 'actor-name' })];
|
|
88
|
+
_actorEmail_decorators = [property({ type: String, attribute: 'actor-email' })];
|
|
89
|
+
_documentCount_decorators = [property({ type: Number, attribute: 'document-count' })];
|
|
90
|
+
_statusLabel_decorators = [property({ type: String, attribute: 'status-label' })];
|
|
91
|
+
_productLabel_decorators = [property({ type: String, attribute: 'product-label' })];
|
|
92
|
+
_stackLabel_decorators = [property({ type: String, attribute: 'stack-label' })];
|
|
93
|
+
_stackDescription_decorators = [property({ type: String, attribute: 'stack-description' })];
|
|
94
|
+
_navigationItems_decorators = [property({ attribute: false })];
|
|
95
|
+
__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);
|
|
96
|
+
__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);
|
|
97
|
+
__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);
|
|
98
|
+
__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);
|
|
99
|
+
__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);
|
|
100
|
+
__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);
|
|
101
|
+
__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);
|
|
102
|
+
__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);
|
|
103
|
+
__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);
|
|
104
|
+
__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);
|
|
105
|
+
__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);
|
|
106
|
+
__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);
|
|
107
|
+
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
108
|
+
SdigAppShell = _classThis = _classDescriptor.value;
|
|
109
|
+
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
110
|
+
}
|
|
111
|
+
static demo = () => html `
|
|
112
|
+
<sdig-app-shell
|
|
113
|
+
workspace-name="Example workspace"
|
|
114
|
+
deployment-label="Self-hosted · single instance"
|
|
115
|
+
actor-name="Workspace owner"
|
|
116
|
+
actor-email="owner@example.test"
|
|
117
|
+
active-view="inbox"
|
|
118
|
+
status-label="self-hosted"
|
|
119
|
+
product-label="Open Source · MIT"
|
|
120
|
+
stack-label="foss.global stack"
|
|
121
|
+
stack-description="Lit · TypedRequest · SmartData · SmartBucket · MongoDB · S3"
|
|
122
|
+
.documentCount=${4}
|
|
123
|
+
style="height: 720px"
|
|
124
|
+
>
|
|
125
|
+
<div style="height:100%;display:grid;place-items:center;color:var(--text-muted)">Controlled application content</div>
|
|
126
|
+
</sdig-app-shell>
|
|
127
|
+
`;
|
|
128
|
+
static demoGroups = ['Signature Digital Application'];
|
|
129
|
+
#accent_accessor_storage = __runInitializers(this, _accent_initializers, '#007aff');
|
|
130
|
+
get accent() { return this.#accent_accessor_storage; }
|
|
131
|
+
set accent(value) { this.#accent_accessor_storage = value; }
|
|
132
|
+
#activeView_accessor_storage = (__runInitializers(this, _accent_extraInitializers), __runInitializers(this, _activeView_initializers, 'inbox'));
|
|
133
|
+
get activeView() { return this.#activeView_accessor_storage; }
|
|
134
|
+
set activeView(value) { this.#activeView_accessor_storage = value; }
|
|
135
|
+
#workspaceName_accessor_storage = (__runInitializers(this, _activeView_extraInitializers), __runInitializers(this, _workspaceName_initializers, 'Workspace'));
|
|
136
|
+
get workspaceName() { return this.#workspaceName_accessor_storage; }
|
|
137
|
+
set workspaceName(value) { this.#workspaceName_accessor_storage = value; }
|
|
138
|
+
#deploymentLabel_accessor_storage = (__runInitializers(this, _workspaceName_extraInitializers), __runInitializers(this, _deploymentLabel_initializers, 'Host configured'));
|
|
139
|
+
get deploymentLabel() { return this.#deploymentLabel_accessor_storage; }
|
|
140
|
+
set deploymentLabel(value) { this.#deploymentLabel_accessor_storage = value; }
|
|
141
|
+
#actorName_accessor_storage = (__runInitializers(this, _deploymentLabel_extraInitializers), __runInitializers(this, _actorName_initializers, 'Current user'));
|
|
142
|
+
get actorName() { return this.#actorName_accessor_storage; }
|
|
143
|
+
set actorName(value) { this.#actorName_accessor_storage = value; }
|
|
144
|
+
#actorEmail_accessor_storage = (__runInitializers(this, _actorName_extraInitializers), __runInitializers(this, _actorEmail_initializers, ''));
|
|
145
|
+
get actorEmail() { return this.#actorEmail_accessor_storage; }
|
|
146
|
+
set actorEmail(value) { this.#actorEmail_accessor_storage = value; }
|
|
147
|
+
#documentCount_accessor_storage = (__runInitializers(this, _actorEmail_extraInitializers), __runInitializers(this, _documentCount_initializers, 0));
|
|
148
|
+
get documentCount() { return this.#documentCount_accessor_storage; }
|
|
149
|
+
set documentCount(value) { this.#documentCount_accessor_storage = value; }
|
|
150
|
+
#statusLabel_accessor_storage = (__runInitializers(this, _documentCount_extraInitializers), __runInitializers(this, _statusLabel_initializers, 'host controlled'));
|
|
151
|
+
get statusLabel() { return this.#statusLabel_accessor_storage; }
|
|
152
|
+
set statusLabel(value) { this.#statusLabel_accessor_storage = value; }
|
|
153
|
+
#productLabel_accessor_storage = (__runInitializers(this, _statusLabel_extraInitializers), __runInitializers(this, _productLabel_initializers, ''));
|
|
154
|
+
get productLabel() { return this.#productLabel_accessor_storage; }
|
|
155
|
+
set productLabel(value) { this.#productLabel_accessor_storage = value; }
|
|
156
|
+
#stackLabel_accessor_storage = (__runInitializers(this, _productLabel_extraInitializers), __runInitializers(this, _stackLabel_initializers, 'Application services'));
|
|
157
|
+
get stackLabel() { return this.#stackLabel_accessor_storage; }
|
|
158
|
+
set stackLabel(value) { this.#stackLabel_accessor_storage = value; }
|
|
159
|
+
#stackDescription_accessor_storage = (__runInitializers(this, _stackLabel_extraInitializers), __runInitializers(this, _stackDescription_initializers, 'Configured by host application'));
|
|
160
|
+
get stackDescription() { return this.#stackDescription_accessor_storage; }
|
|
161
|
+
set stackDescription(value) { this.#stackDescription_accessor_storage = value; }
|
|
162
|
+
#navigationItems_accessor_storage = (__runInitializers(this, _stackDescription_extraInitializers), __runInitializers(this, _navigationItems_initializers, [
|
|
163
|
+
{ id: 'inbox', label: 'Inbox', icon: 'inbox' },
|
|
164
|
+
{ id: 'compose', label: 'Compose', icon: 'plus' },
|
|
165
|
+
{ id: 'audit', label: 'Audit Trail', icon: 'shield' },
|
|
166
|
+
]));
|
|
167
|
+
get navigationItems() { return this.#navigationItems_accessor_storage; }
|
|
168
|
+
set navigationItems(value) { this.#navigationItems_accessor_storage = value; }
|
|
169
|
+
static styles = css `
|
|
170
|
+
:host {
|
|
171
|
+
--accent: #007aff;
|
|
172
|
+
--bg: hsl(0 0% 100%);
|
|
173
|
+
--bg-el: hsl(240 9% 96.5%);
|
|
174
|
+
--bg-card: hsl(0 0% 100%);
|
|
175
|
+
--sidebar: hsl(240 11% 96%);
|
|
176
|
+
--border: hsl(240 6% 89%);
|
|
177
|
+
--border-subtle: hsl(240 6% 92.5%);
|
|
178
|
+
--text: hsl(240 6% 11%);
|
|
179
|
+
--text-sec: hsl(240 4% 34%);
|
|
180
|
+
--text-muted: hsl(240 3% 52%);
|
|
181
|
+
--text-dim: hsl(240 3% 66%);
|
|
182
|
+
--success: #34c759;
|
|
183
|
+
--hover: rgba(0, 0, 0, 0.05);
|
|
184
|
+
--ui: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
|
|
185
|
+
--display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Arial, sans-serif;
|
|
186
|
+
--mono: ui-monospace, "SF Mono", Menlo, "Cascadia Mono", monospace;
|
|
187
|
+
display: block;
|
|
188
|
+
container-type: inline-size;
|
|
189
|
+
width: 100%;
|
|
190
|
+
min-height: 100vh;
|
|
191
|
+
color: var(--text);
|
|
192
|
+
background: var(--bg);
|
|
193
|
+
font-family: var(--ui);
|
|
194
|
+
-webkit-font-smoothing: antialiased;
|
|
195
|
+
}
|
|
196
|
+
|
|
197
|
+
* { box-sizing: border-box; }
|
|
198
|
+
button { font: inherit; cursor: pointer; }
|
|
199
|
+
button:disabled { cursor: not-allowed; opacity: .42; }
|
|
200
|
+
.shell { min-height: inherit; height: 100%; display: grid; grid-template-columns: 224px minmax(0, 1fr); background: var(--bg); }
|
|
201
|
+
.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); }
|
|
202
|
+
.traffic { display: flex; gap: 8px; padding: 13px 16px 0; }
|
|
203
|
+
.traffic span { width: 12px; height: 12px; border-radius: 50%; box-shadow: inset 0 0 0 .5px rgba(0,0,0,.12); }
|
|
204
|
+
.traffic span:nth-child(1) { background: #ff5f57; }
|
|
205
|
+
.traffic span:nth-child(2) { background: #febc2e; }
|
|
206
|
+
.traffic span:nth-child(3) { background: #28c840; }
|
|
207
|
+
.brand { display: flex; align-items: center; gap: 8px; padding: 12px 16px; }
|
|
208
|
+
.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; }
|
|
209
|
+
.mark::after { content: ''; width: 4px; height: 4px; position: absolute; right: 5px; bottom: 5px; border-radius: 50%; background: rgba(255,255,255,.95); }
|
|
210
|
+
.wordmark { font-size: 13px; font-weight: 500; letter-spacing: -.02em; white-space: nowrap; }
|
|
211
|
+
.wordmark .dot { color: var(--text-muted); }
|
|
212
|
+
.wordmark::after { content: ''; width: 4px; height: 4px; display: inline-block; margin-left: 3px; border-radius: 50%; background: var(--accent); transform: translateY(-1px); }
|
|
213
|
+
.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); }
|
|
214
|
+
.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; }
|
|
215
|
+
.workspace strong { display: block; overflow: hidden; font-size: 12px; font-weight: 500; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
|
|
216
|
+
.workspace small { display: block; margin-top: 1px; color: var(--text-muted); font-size: 10px; }
|
|
217
|
+
nav { display: grid; gap: 2px; padding: 4px 0; }
|
|
218
|
+
.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; }
|
|
219
|
+
.nav-item:hover:not(:disabled) { color: var(--text); background: var(--hover); }
|
|
220
|
+
.nav-item.active { color: white; background: var(--accent); box-shadow: 0 1px 2px color-mix(in srgb, var(--accent) 42%, transparent); font-weight: 510; }
|
|
221
|
+
.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; }
|
|
222
|
+
.nav-item.active .count { color: white; background: rgba(255,255,255,.22); }
|
|
223
|
+
.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); }
|
|
224
|
+
.stack strong { display: block; color: var(--text-sec); font: 11px var(--mono); }
|
|
225
|
+
.stack p { margin: 7px 0 0; color: var(--text-muted); font-size: 10px; line-height: 1.45; }
|
|
226
|
+
.actor { display: flex; align-items: center; gap: 9px; padding: 8px 12px; border-top: 1px solid var(--border-subtle); }
|
|
227
|
+
.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; }
|
|
228
|
+
.actor-name, .actor-email { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
229
|
+
.actor-name { font-size: 12px; font-weight: 500; }
|
|
230
|
+
.actor-email { color: var(--text-muted); font: 10px var(--mono); }
|
|
231
|
+
.signout { width: 28px; height: 28px; display: grid; place-items: center; border: 0; border-radius: 6px; color: var(--text-muted); background: transparent; }
|
|
232
|
+
.signout:hover { color: #d70015; background: var(--hover); }
|
|
233
|
+
.mobile-signout { display: none; margin-left: auto; }
|
|
234
|
+
.main { min-width: 0; min-height: 0; display: flex; flex-direction: column; }
|
|
235
|
+
.content { flex: 1; min-height: 0; overflow: auto; }
|
|
236
|
+
::slotted(*) { min-height: 100%; }
|
|
237
|
+
.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); }
|
|
238
|
+
.status-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--success); }
|
|
239
|
+
:focus-visible { outline: 3px solid color-mix(in srgb, var(--accent) 25%, transparent); outline-offset: 2px; }
|
|
240
|
+
|
|
241
|
+
@container (max-width: 760px) {
|
|
242
|
+
.shell { grid-template-columns: 1fr; }
|
|
243
|
+
.sidebar { height: auto; min-height: 0; border-right: 0; border-bottom: 1px solid var(--border-subtle); }
|
|
244
|
+
.traffic, .workspace, .stack, .actor { display: none; }
|
|
245
|
+
.brand { padding: 10px 14px 4px; }
|
|
246
|
+
.mobile-signout { display: grid; }
|
|
247
|
+
nav { display: flex; overflow-x: auto; padding: 4px 8px 8px; }
|
|
248
|
+
.nav-item { width: auto; flex: none; margin: 0 2px; }
|
|
249
|
+
.status { display: none; }
|
|
250
|
+
}
|
|
251
|
+
|
|
252
|
+
@media (prefers-reduced-motion: reduce) {
|
|
253
|
+
*, *::before, *::after { transition-duration: .001ms !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; }
|
|
254
|
+
}
|
|
255
|
+
`;
|
|
256
|
+
initials(valueArg, fallbackArg = '') {
|
|
257
|
+
const source = valueArg.trim() || fallbackArg.trim();
|
|
258
|
+
if (!source)
|
|
259
|
+
return '?';
|
|
260
|
+
return source.split(/\s+|@/).filter(Boolean).slice(0, 2).map((part) => part[0]?.toUpperCase() || '').join('');
|
|
261
|
+
}
|
|
262
|
+
requestNavigation(itemArg) {
|
|
263
|
+
if (itemArg.disabled)
|
|
264
|
+
return;
|
|
265
|
+
this.dispatchEvent(new CustomEvent('navigation-request', {
|
|
266
|
+
detail: { view: itemArg.id },
|
|
267
|
+
bubbles: true,
|
|
268
|
+
composed: true,
|
|
269
|
+
}));
|
|
270
|
+
}
|
|
271
|
+
requestSignout() {
|
|
272
|
+
this.dispatchEvent(new CustomEvent('signout-request', { bubbles: true, composed: true }));
|
|
273
|
+
}
|
|
274
|
+
render() {
|
|
275
|
+
return html `
|
|
276
|
+
<div class="shell" style=${`--accent:${this.accent}`}>
|
|
277
|
+
<aside class="sidebar">
|
|
278
|
+
<div class="traffic" aria-hidden="true"><span></span><span></span><span></span></div>
|
|
279
|
+
<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>
|
|
280
|
+
<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>
|
|
281
|
+
<nav aria-label="Workspace navigation">
|
|
282
|
+
${this.navigationItems.map((item) => html `
|
|
283
|
+
<button class="nav-item ${this.activeView === item.id ? 'active' : ''}" ?disabled=${item.disabled} title=${item.title || ''} @click=${() => this.requestNavigation(item)}>
|
|
284
|
+
${icon(item.icon, 16)}<span>${item.label}</span>${item.count === undefined ? '' : html `<span class="count">${item.count}</span>`}
|
|
285
|
+
</button>
|
|
286
|
+
`)}
|
|
287
|
+
</nav>
|
|
288
|
+
<div class="stack"><strong>${this.stackLabel}</strong><p>${this.stackDescription}</p></div>
|
|
289
|
+
<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>
|
|
290
|
+
</aside>
|
|
291
|
+
<main class="main">
|
|
292
|
+
<div class="content"><slot></slot></div>
|
|
293
|
+
<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>
|
|
294
|
+
</main>
|
|
295
|
+
</div>
|
|
296
|
+
`;
|
|
297
|
+
}
|
|
298
|
+
constructor() {
|
|
299
|
+
super(...arguments);
|
|
300
|
+
__runInitializers(this, _navigationItems_extraInitializers);
|
|
301
|
+
}
|
|
302
|
+
static {
|
|
303
|
+
__runInitializers(_classThis, _classExtraInitializers);
|
|
304
|
+
}
|
|
305
|
+
};
|
|
306
|
+
return SdigAppShell = _classThis;
|
|
307
|
+
})();
|
|
308
|
+
export { SdigAppShell };
|
|
309
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2RpZy1hcHAtc2hlbGwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi90c193ZWIvZWxlbWVudHMvc2RpZy1hcHAtc2hlbGwvc2RpZy1hcHAtc2hlbGwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU8sRUFDTCxXQUFXLEVBQ1gsUUFBUSxFQUNSLElBQUksRUFDSixhQUFhLEVBRWIsR0FBRyxHQUNKLE1BQU0sNkJBQTZCLENBQUM7QUFFckMsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLDRDQUE0QyxDQUFDO0lBc0JyRCxZQUFZOzRCQUR4QixhQUFhLENBQUMsZ0JBQWdCLENBQUM7Ozs7c0JBQ0UsV0FBVzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs0QkFBbkIsU0FBUSxXQUFXOzs7O2tDQW9CMUMsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDO3NDQUMxQixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxhQUFhLEVBQUUsQ0FBQzt5Q0FDcEQsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUUsQ0FBQzsyQ0FDdkQsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsa0JBQWtCLEVBQUUsQ0FBQztxQ0FDekQsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLENBQUM7c0NBQ25ELFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLGFBQWEsRUFBRSxDQUFDO3lDQUNwRCxRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSxDQUFDO3VDQUN2RCxRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxjQUFjLEVBQUUsQ0FBQzt3Q0FDckQsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsZUFBZSxFQUFFLENBQUM7c0NBQ3RELFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLGFBQWEsRUFBRSxDQUFDOzRDQUNwRCxRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxtQkFBbUIsRUFBRSxDQUFDOzJDQUMxRCxRQUFRLENBQUMsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLENBQUM7WUFYSCx1S0FBZ0IsTUFBTSw2QkFBTixNQUFNLHVGQUFhO1lBQ1QsbUxBQWdCLFVBQVUsNkJBQVYsVUFBVSwrRkFBVztZQUNsQyw0TEFBZ0IsYUFBYSw2QkFBYixhQUFhLHFHQUFlO1lBQzFDLGtNQUFnQixlQUFlLDZCQUFmLGVBQWUseUdBQXFCO1lBQzFELGdMQUFnQixTQUFTLDZCQUFULFNBQVMsNkZBQWtCO1lBQzFDLG1MQUFnQixVQUFVLDZCQUFWLFVBQVUsK0ZBQU07WUFDN0IsNExBQWdCLGFBQWEsNkJBQWIsYUFBYSxxR0FBSztZQUNwQyxzTEFBZ0IsV0FBVyw2QkFBWCxXQUFXLGlHQUFxQjtZQUMvQyx5TEFBZ0IsWUFBWSw2QkFBWixZQUFZLG1HQUFNO1lBQ3BDLG1MQUFnQixVQUFVLDZCQUFWLFVBQVUsK0ZBQTBCO1lBQzlDLHFNQUFnQixnQkFBZ0IsNkJBQWhCLGdCQUFnQiwyR0FBb0M7WUFDaEcsa01BQWdCLGVBQWUsNkJBQWYsZUFBZSx5R0FJN0Q7WUFuQ0osNktBd0tDOzs7O1FBdktRLE1BQU0sQ0FBQyxJQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBOzs7Ozs7Ozs7Ozt1QkFXVixDQUFDOzs7OztHQUtyQixDQUFDO1FBQ0ssTUFBTSxDQUFDLFVBQVUsR0FBRyxDQUFDLCtCQUErQixDQUFDLENBQUM7UUFFakMseUVBQXlCLFNBQVMsRUFBQztRQUFuQyxJQUFnQixNQUFNLDRDQUFhO1FBQW5DLElBQWdCLE1BQU0sa0RBQWE7UUFDVCxzSUFBNkIsT0FBTyxHQUFDO1FBQXJDLElBQWdCLFVBQVUsZ0RBQVc7UUFBckMsSUFBZ0IsVUFBVSxzREFBVztRQUNsQyxnSkFBZ0MsV0FBVyxHQUFDO1FBQTVDLElBQWdCLGFBQWEsbURBQWU7UUFBNUMsSUFBZ0IsYUFBYSx5REFBZTtRQUMxQyx1SkFBa0MsaUJBQWlCLEdBQUM7UUFBcEQsSUFBZ0IsZUFBZSxxREFBcUI7UUFBcEQsSUFBZ0IsZUFBZSwyREFBcUI7UUFDMUQsNklBQTRCLGNBQWMsR0FBQztRQUEzQyxJQUFnQixTQUFTLCtDQUFrQjtRQUEzQyxJQUFnQixTQUFTLHFEQUFrQjtRQUMxQyx5SUFBNkIsRUFBRSxHQUFDO1FBQWhDLElBQWdCLFVBQVUsZ0RBQU07UUFBaEMsSUFBZ0IsVUFBVSxzREFBTTtRQUM3QixnSkFBZ0MsQ0FBQyxHQUFDO1FBQWxDLElBQWdCLGFBQWEsbURBQUs7UUFBbEMsSUFBZ0IsYUFBYSx5REFBSztRQUNwQywrSUFBOEIsaUJBQWlCLEdBQUM7UUFBaEQsSUFBZ0IsV0FBVyxpREFBcUI7UUFBaEQsSUFBZ0IsV0FBVyx1REFBcUI7UUFDL0MsK0lBQStCLEVBQUUsR0FBQztRQUFsQyxJQUFnQixZQUFZLGtEQUFNO1FBQWxDLElBQWdCLFlBQVksd0RBQU07UUFDcEMsNElBQTZCLHNCQUFzQixHQUFDO1FBQXBELElBQWdCLFVBQVUsZ0RBQTBCO1FBQXBELElBQWdCLFVBQVUsc0RBQTBCO1FBQzlDLHNKQUFtQyxnQ0FBZ0MsR0FBQztRQUFwRSxJQUFnQixnQkFBZ0Isc0RBQW9DO1FBQXBFLElBQWdCLGdCQUFnQiw0REFBb0M7UUFDaEcsMEpBQThEO1lBQzVGLEVBQUUsRUFBRSxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUU7WUFDOUMsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRTtZQUNqRCxFQUFFLEVBQUUsRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLGFBQWEsRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFO1NBQ3RELEdBQUM7UUFKOEIsSUFBZ0IsZUFBZSxxREFJN0Q7UUFKOEIsSUFBZ0IsZUFBZSwyREFJN0Q7UUFFSyxNQUFNLENBQUMsTUFBTSxHQUFHLEdBQUcsQ0FBQTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FzRnpCLENBQUM7UUFFTSxRQUFRLENBQUMsUUFBZ0IsRUFBRSxXQUFXLEdBQUcsRUFBRTtZQUNqRCxNQUFNLE1BQU0sR0FBRyxRQUFRLENBQUMsSUFBSSxFQUFFLElBQUksV0FBVyxDQUFDLElBQUksRUFBRSxDQUFDO1lBQ3JELElBQUksQ0FBQyxNQUFNO2dCQUFFLE9BQU8sR0FBRyxDQUFDO1lBQ3hCLE9BQU8sTUFBTSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUM7UUFDaEgsQ0FBQztRQUVPLGlCQUFpQixDQUFDLE9BQWlDO1lBQ3pELElBQUksT0FBTyxDQUFDLFFBQVE7Z0JBQUUsT0FBTztZQUM3QixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksV0FBVyxDQUFvQyxvQkFBb0IsRUFBRTtnQkFDMUYsTUFBTSxFQUFFLEVBQUUsSUFBSSxFQUFFLE9BQU8sQ0FBQyxFQUFFLEVBQUU7Z0JBQzVCLE9BQU8sRUFBRSxJQUFJO2dCQUNiLFFBQVEsRUFBRSxJQUFJO2FBQ2YsQ0FBQyxDQUFDLENBQUM7UUFDTixDQUFDO1FBRU8sY0FBYztZQUNwQixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksV0FBVyxDQUFDLGlCQUFpQixFQUFFLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQyxDQUFDO1FBQzVGLENBQUM7UUFFTSxNQUFNO1lBQ1gsT0FBTyxJQUFJLENBQUE7aUNBQ2tCLFlBQVksSUFBSSxDQUFDLE1BQU0sRUFBRTs7O3VOQUc2SixJQUFJLENBQUMsY0FBYztpRUFDekssSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLGtEQUFrRCxJQUFJLENBQUMsYUFBYSxtQkFBbUIsSUFBSSxDQUFDLGVBQWU7O2NBRS9MLElBQUksQ0FBQyxlQUFlLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUE7d0NBQ2IsSUFBSSxDQUFDLFVBQVUsS0FBSyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLEVBQUUsZUFBZSxJQUFJLENBQUMsUUFBUSxVQUFVLElBQUksQ0FBQyxLQUFLLElBQUksRUFBRSxXQUFXLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUM7a0JBQ3BLLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxTQUFTLElBQUksQ0FBQyxLQUFLLFVBQVUsSUFBSSxDQUFDLEtBQUssS0FBSyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFBLHVCQUF1QixJQUFJLENBQUMsS0FBSyxTQUFTOzthQUVuSSxDQUFDOzt1Q0FFeUIsSUFBSSxDQUFDLFVBQVUsZUFBZSxJQUFJLENBQUMsZ0JBQWdCO29EQUN0QyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsSUFBSSxDQUFDLFVBQVUsQ0FBQyxrRUFBa0UsSUFBSSxDQUFDLFNBQVMsa0NBQWtDLElBQUksQ0FBQyxVQUFVLHFGQUFxRixJQUFJLENBQUMsY0FBYzs7OztzRUFJclEsSUFBSSxDQUFDLFdBQVcsZ0JBQWdCLElBQUksQ0FBQyxhQUFhLDhDQUE4QyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUEscUNBQXFDLElBQUksQ0FBQyxZQUFZLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRTs7O0tBRzdQLENBQUM7UUFDSixDQUFDOzs7Ozs7WUF2S1UsdURBQVk7Ozs7O1NBQVosWUFBWSJ9
|
|
@@ -60,6 +60,7 @@ let SignBox = (() => {
|
|
|
60
60
|
css `
|
|
61
61
|
.mainbox {
|
|
62
62
|
position: relative;
|
|
63
|
+
width: 100%;
|
|
63
64
|
background: ${cssManager.bdTheme('#eeeeeb', '#111111')};
|
|
64
65
|
border-radius: 16px;
|
|
65
66
|
max-width: 600px;
|
|
@@ -92,6 +93,7 @@ let SignBox = (() => {
|
|
|
92
93
|
box-shadow: ${cssManager.bdTheme('0px 0px 8px 0px #00000040', 'none')};
|
|
93
94
|
z-index: 2;
|
|
94
95
|
display: flex;
|
|
96
|
+
flex-wrap: wrap;
|
|
95
97
|
justify-content: flex-end;
|
|
96
98
|
}
|
|
97
99
|
|
|
@@ -141,11 +143,14 @@ let SignBox = (() => {
|
|
|
141
143
|
return;
|
|
142
144
|
const signature = await signaturePad.toData();
|
|
143
145
|
const svg = await signaturePad.toSVG();
|
|
146
|
+
const canvasSize = signaturePad.getCanvasSize();
|
|
144
147
|
this.dispatchEvent(new CustomEvent('signature', {
|
|
145
148
|
detail: {
|
|
146
149
|
signature,
|
|
147
150
|
svg,
|
|
148
151
|
createdAt: Date.now(),
|
|
152
|
+
canvasWidth: canvasSize.width,
|
|
153
|
+
canvasHeight: canvasSize.height,
|
|
149
154
|
},
|
|
150
155
|
bubbles: true,
|
|
151
156
|
composed: true,
|
|
@@ -164,4 +169,4 @@ let SignBox = (() => {
|
|
|
164
169
|
return SignBox = _classThis;
|
|
165
170
|
})();
|
|
166
171
|
export { SignBox };
|
|
167
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
172
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2RpZy1zaWduYm94LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vdHNfd2ViL2VsZW1lbnRzL3NkaWctc2lnbmJveC9zZGlnLXNpZ25ib3gudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU8sRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFLGFBQWEsRUFBdUIsR0FBRyxFQUFFLFVBQVUsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3JILE9BQU8sMEJBQTBCLENBQUM7SUFTckIsT0FBTzs0QkFEbkIsYUFBYSxDQUFDLGNBQWMsQ0FBQzs7OztzQkFDRCxXQUFXO3VCQUFuQixTQUFRLFdBQVc7Ozs7WUFBeEMsNktBb0hDOzs7O1FBbkhRLE1BQU0sQ0FBQyxJQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBOztHQUU5QixDQUFDO1FBQ0ssTUFBTSxDQUFDLFVBQVUsR0FBRyxDQUFDLDhCQUE4QixDQUFDLENBQUM7UUFFNUQ7WUFDRSxLQUFLLEVBQUUsQ0FBQztRQUNWLENBQUM7UUFFTSxNQUFNLENBQUMsTUFBTSxHQUFHO1lBQ3JCLFVBQVUsQ0FBQyxhQUFhO1lBQ3hCLEdBQUcsQ0FBQTs7OztzQkFJZSxVQUFVLENBQUMsT0FBTyxDQUFDLFNBQVMsRUFBRSxTQUFTLENBQUM7Ozs7O2lCQUs3QyxVQUFVLENBQUMsT0FBTyxDQUFDLFNBQVMsRUFBRSxTQUFTLENBQUM7O3NCQUVuQyxVQUFVLENBQUMsT0FBTyxDQUFDLDJCQUEyQixFQUFFLE1BQU0sQ0FBQzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O3NCQXFCdkQsVUFBVSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsU0FBUyxDQUFDO3NCQUN4QyxVQUFVLENBQUMsT0FBTyxDQUFDLDJCQUEyQixFQUFFLE1BQU0sQ0FBQzs7Ozs7Ozs7Ozs7aUJBVzVELFVBQVUsQ0FBQyxPQUFPLENBQUMsTUFBTSxFQUFFLE1BQU0sQ0FBQzs7Ozs7aUJBS2xDLFVBQVUsQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFFLFNBQVMsQ0FBQzs7Ozs7Ozs7O0tBU3BEO1NBQ0YsQ0FBQztRQUVLLE1BQU07WUFDWCxPQUFPLElBQUksQ0FBQTs7Ozs7Ozs4REFPK0MsS0FBSyxJQUFJLEVBQUU7Z0JBQzdELE1BQU0sSUFBSSxDQUFDLFVBQVUsRUFBRSxhQUFhLENBQUMsY0FBYyxDQUFDLEVBQUUsS0FBSyxFQUFFLENBQUM7WUFDaEUsQ0FBQzs7OzZEQUdrRCxLQUFLLElBQUksRUFBRTtnQkFDNUQsTUFBTSxJQUFJLENBQUMsVUFBVSxFQUFFLGFBQWEsQ0FBQyxjQUFjLENBQUMsRUFBRSxJQUFJLEVBQUUsQ0FBQztZQUMvRCxDQUFDOzs7K0RBR29ELEtBQUssSUFBSSxFQUFFO2dCQUM5RCxNQUFNLFlBQVksR0FBRyxJQUFJLENBQUMsVUFBVSxFQUFFLGFBQWEsQ0FBQyxjQUFjLENBQUMsQ0FBQztnQkFDcEUsSUFBSSxDQUFDLFlBQVk7b0JBQUUsT0FBTztnQkFDMUIsSUFBSSxNQUFNLFlBQVksQ0FBQyxPQUFPLEVBQUU7b0JBQUUsT0FBTztnQkFDekMsTUFBTSxTQUFTLEdBQUcsTUFBTSxZQUFZLENBQUMsTUFBTSxFQUFFLENBQUM7Z0JBQzlDLE1BQU0sR0FBRyxHQUFHLE1BQU0sWUFBWSxDQUFDLEtBQUssRUFBRSxDQUFDO2dCQUN2QyxNQUFNLFVBQVUsR0FBRyxZQUFZLENBQUMsYUFBYSxFQUFFLENBQUM7Z0JBQ2hELElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxXQUFXLENBQUMsV0FBVyxFQUFFO29CQUM5QyxNQUFNLEVBQUU7d0JBQ04sU0FBUzt3QkFDVCxHQUFHO3dCQUNILFNBQVMsRUFBRSxJQUFJLENBQUMsR0FBRyxFQUFFO3dCQUNyQixXQUFXLEVBQUUsVUFBVSxDQUFDLEtBQUs7d0JBQzdCLFlBQVksRUFBRSxVQUFVLENBQUMsTUFBTTtxQkFDaEM7b0JBQ0QsT0FBTyxFQUFFLElBQUk7b0JBQ2IsUUFBUSxFQUFFLElBQUk7aUJBQ2YsQ0FBQyxDQUFDLENBQUM7WUFDTixDQUFDOzs7OztLQUtOLENBQUM7UUFDSixDQUFDOztZQW5IVSx1REFBTzs7Ozs7U0FBUCxPQUFPIn0=
|
|
@@ -19,6 +19,10 @@ export declare class SignPad extends DeesElement {
|
|
|
19
19
|
clear(): Promise<void>;
|
|
20
20
|
isEmpty(): Promise<boolean>;
|
|
21
21
|
toData(): Promise<plugins.TSignaturePadPointGroup[]>;
|
|
22
|
+
getCanvasSize(): {
|
|
23
|
+
width: number;
|
|
24
|
+
height: number;
|
|
25
|
+
};
|
|
22
26
|
fromData(dataArrayArg: plugins.TSignaturePadPointGroup[]): Promise<void>;
|
|
23
27
|
toSVG(): Promise<string>;
|
|
24
28
|
undo(): Promise<void>;
|
|
@@ -60,6 +60,7 @@ let SignPad = (() => {
|
|
|
60
60
|
css `
|
|
61
61
|
:host {
|
|
62
62
|
display: block;
|
|
63
|
+
width: 100%;
|
|
63
64
|
color: white;
|
|
64
65
|
position: relative;
|
|
65
66
|
max-width: 600px;
|
|
@@ -69,7 +70,8 @@ let SignPad = (() => {
|
|
|
69
70
|
|
|
70
71
|
.mainbox {
|
|
71
72
|
position: relative;
|
|
72
|
-
width:
|
|
73
|
+
width: 100%;
|
|
74
|
+
max-width: 600px;
|
|
73
75
|
height: 280px;
|
|
74
76
|
}
|
|
75
77
|
|
|
@@ -83,6 +85,8 @@ let SignPad = (() => {
|
|
|
83
85
|
}
|
|
84
86
|
|
|
85
87
|
canvas {
|
|
88
|
+
display: block;
|
|
89
|
+
max-width: 100%;
|
|
86
90
|
filter: ${cssManager.bdTheme('invert(0)', 'invert(1)')};
|
|
87
91
|
}
|
|
88
92
|
`
|
|
@@ -134,6 +138,12 @@ let SignPad = (() => {
|
|
|
134
138
|
const returnData = this.signaturePad?.toData() || [];
|
|
135
139
|
return returnData;
|
|
136
140
|
}
|
|
141
|
+
getCanvasSize() {
|
|
142
|
+
return {
|
|
143
|
+
width: this.canvas?.width || 0,
|
|
144
|
+
height: this.canvas?.height || 0,
|
|
145
|
+
};
|
|
146
|
+
}
|
|
137
147
|
async fromData(dataArrayArg) {
|
|
138
148
|
this.signaturePad?.fromData(dataArrayArg);
|
|
139
149
|
}
|
|
@@ -154,4 +164,4 @@ let SignPad = (() => {
|
|
|
154
164
|
return SignPad = _classThis;
|
|
155
165
|
})();
|
|
156
166
|
export { SignPad };
|
|
157
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
167
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2RpZy1zaWducGFkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vdHNfd2ViL2VsZW1lbnRzL3NkaWctc2lnbnBhZC9zZGlnLXNpZ25wYWQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU8sRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFLGFBQWEsRUFBdUIsR0FBRyxFQUFFLFVBQVUsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3JILE9BQU8sS0FBSyxPQUFPLE1BQU0sa0JBQWtCLENBQUM7SUFTL0IsT0FBTzs0QkFEbkIsYUFBYSxDQUFDLGNBQWMsQ0FBQzs7OztzQkFDRCxXQUFXO3VCQUFuQixTQUFRLFdBQVc7Ozs7WUFBeEMsNktBNkhDOzs7O1FBNUhRLE1BQU0sQ0FBQyxJQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBOztHQUU5QixDQUFDO1FBQ0ssTUFBTSxDQUFDLFVBQVUsR0FBRyxDQUFDLDhCQUE4QixDQUFDLENBQUM7UUFHNUQ7WUFDRSxLQUFLLEVBQUUsQ0FBQztRQUNWLENBQUM7UUFFTSxNQUFNLENBQUMsTUFBTSxHQUFHO1lBQ3JCLFVBQVUsQ0FBQyxhQUFhO1lBQ3hCLEdBQUcsQ0FBQTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7aUNBdUIwQixVQUFVLENBQUMsT0FBTyxDQUFDLFdBQVcsRUFBRSxXQUFXLENBQUM7Ozs7Ozs7a0JBTzNELFVBQVUsQ0FBQyxPQUFPLENBQUMsV0FBVyxFQUFFLFdBQVcsQ0FBQzs7S0FFekQ7U0FDRixDQUFBO1FBRU0sTUFBTTtZQUNYLE9BQU8sSUFBSSxDQUFBOzs7O0tBSVYsQ0FBQztRQUNKLENBQUM7UUFFTSxZQUFZLENBQXlDO1FBQ3BELE1BQU0sQ0FBcUI7UUFFNUIsS0FBSyxDQUFDLFlBQVk7WUFDdkIsTUFBTSxJQUFJLENBQUMsZUFBZSxDQUFDO1lBQzNCLE1BQU0sT0FBTyxHQUFHLElBQUks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
|
|
@@ -67,16 +67,16 @@ let SdigWorkspaceAudit = (() => {
|
|
|
67
67
|
const document = this.document || demoDocuments[1];
|
|
68
68
|
const events = [
|
|
69
69
|
['2026-05-02 14:32:18 UTC', 'Sarah Chen', 'Document signed', '81.221.4.18 · Brussels, BE', '0x4a7b…f29c', 'success'],
|
|
70
|
-
['2026-05-02 14:31:54 UTC', 'Sarah Chen', 'Signature
|
|
70
|
+
['2026-05-02 14:31:54 UTC', 'Sarah Chen', 'Signature strokes captured', 'recipient session', '0x4a7b…f29c', 'info'],
|
|
71
71
|
['2026-05-02 14:28:02 UTC', 'Sarah Chen', 'Document opened', '81.221.4.18 · Brussels, BE', '', 'default'],
|
|
72
72
|
['2026-05-02 11:02:11 UTC', 'Philipp K.', 'Document sent for signature', '92.42.114.7 · Berlin, DE', '0x1c8a…3b6f', 'info'],
|
|
73
73
|
['2026-05-02 10:54:22 UTC', 'Philipp K.', 'Document created', '92.42.114.7 · Berlin, DE', '0x1c8a…3b6f', 'default'],
|
|
74
74
|
];
|
|
75
75
|
return html `
|
|
76
|
-
${topBar({ breadcrumb: ['signature.digital', 'Inbox', document.id, 'Audit Trail'], title: `Audit Trail · ${document.title}`, subtitle: pill(`${document.status} ·
|
|
76
|
+
${topBar({ breadcrumb: ['signature.digital', 'Inbox', document.id, 'Audit Trail'], title: `Audit Trail · ${document.title}`, subtitle: pill(`${document.status} · demo application hash chain`, document.status === 'declined' ? 'error' : document.status === 'signed' ? 'success' : 'info', true), actions: html `${actionButton('Evidence export', 'outline', 'download')}` })}
|
|
77
77
|
<div class="content-scroll audit-grid">
|
|
78
|
-
<div class="card"><div style="height: 36px; padding: 0 16px; border-bottom: 1px solid var(--border-subtle); display: flex; align-items: center; justify-content: space-between;"><span style="font-size: 12px; font-weight: 600;">
|
|
79
|
-
<div style="display: flex; flex-direction: column; gap: 16px;"><div class="card" style="padding: 16px;"><div class="label-upper">
|
|
78
|
+
<div class="card"><div style="height: 36px; padding: 0 16px; border-bottom: 1px solid var(--border-subtle); display: flex; align-items: center; justify-content: space-between;"><span style="font-size: 12px; font-weight: 600;">Demo event log</span><span class="mono" style="font-size: 10px; color: var(--text-muted);">${events.length} local demo events</span></div>${events.map((event) => html `<div class="event-row"><div><span style="display: block; width: 8px; height: 8px; border-radius: 50%; background: ${event[5] === 'success' ? 'var(--success)' : event[5] === 'info' ? 'var(--accent)' : 'var(--text-dim)'};"></span></div><div class="mono hide-mobile" style="font-size: 11px; color: var(--text-muted);">${event[0]}</div><div><div style="font-size: 12px; font-weight: 500;">${event[2]}</div><div style="font-size: 10px; color: var(--text-muted); margin-top: 2px;">by ${event[1]} ${event[4] ? html `<span class="mono" style="color: var(--accent); margin-left: 8px;">${event[4]}</span>` : ''}</div></div><div class="mono hide-mobile" style="font-size: 10px; color: var(--text-muted); text-align: right;">${event[3]}</div></div>`)}</div>
|
|
79
|
+
<div style="display: flex; flex-direction: column; gap: 16px;"><div class="card" style="padding: 16px;"><div class="label-upper">Demo document hash</div><div class="mono" style="font-size: 11px; color: var(--accent); word-break: break-all; line-height: 1.5; padding: 10px; background: var(--bg-el); border-radius: 8px; border: 1px solid var(--border-subtle);">4a7b8f29c91e3d2a5b6c8e0f1d3c5a7b9d2e4f6a8c1e3d5f7b9c1e3a5b7d9f0e</div></div><div class="card" style="padding: 16px;"><div class="label-upper">Demo recipients</div>${demoRecipients.map((recipient) => html `<div class="recipient-line"><span class="avatar" style="background: ${recipient.color};">${recipient.name.split(' ').map((part) => part[0]).slice(0, 2).join('')}</span><div style="flex: 1;"><div style="font-size: 12px;">${recipient.name}</div><div class="mono" style="font-size: 10px; color: var(--text-muted);">${recipient.email}</div></div>${recipient.role === 'signer' ? icon('check', 12) : ''}</div>`)}</div><div class="card" style="padding: 16px; border-color: rgba(0,122,255,0.2);"><div style="display: inline-flex; align-items: center; gap: 6px; font-size: 11px; color: var(--accent); margin-bottom: 6px;">${icon('shield', 13)} Application evidence preview</div><div style="font-size: 11px; color: var(--text-muted); line-height: 1.55;">The host application supplies recorded events and SHA-256 values. This demo component does not assert identity, trusted timestamps, blockchain anchoring, or legal signature level.</div></div></div>
|
|
80
80
|
</div>
|
|
81
81
|
`;
|
|
82
82
|
}
|
|
@@ -91,4 +91,4 @@ let SdigWorkspaceAudit = (() => {
|
|
|
91
91
|
return SdigWorkspaceAudit = _classThis;
|
|
92
92
|
})();
|
|
93
93
|
export { SdigWorkspaceAudit };
|
|
94
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
94
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2RpZy13b3Jrc3BhY2UtYXVkaXQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi90c193ZWIvZWxlbWVudHMvc2RpZy13b3Jrc3BhY2Uvc2RpZy13b3Jrc3BhY2UtYXVkaXQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU8sRUFBRSxXQUFXLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxhQUFhLEVBQXVCLEdBQUcsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ25ILE9BQU8sRUFBRSxZQUFZLEVBQUUsYUFBYSxFQUFFLGNBQWMsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxtQkFBbUIsRUFBRSxrQkFBa0IsRUFBcUIsTUFBTSw0QkFBNEIsQ0FBQztJQVM1SixrQkFBa0I7NEJBRDlCLGFBQWEsQ0FBQyxzQkFBc0IsQ0FBQzs7OztzQkFDRSxXQUFXOzs7O2tDQUFuQixTQUFRLFdBQVc7Ozs7b0NBSWhELFFBQVEsQ0FBQyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsQ0FBQztZQUFDLDZLQUFnQixRQUFRLDZCQUFSLFFBQVEsMkZBQWtDO1lBSjVGLDZLQTZCQzs7OztRQTVCUSxNQUFNLENBQUMsSUFBSSxHQUFHLEdBQUcsRUFBRSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQSwrQ0FBK0MsQ0FBQyxDQUFDO1FBQzVGLE1BQU0sQ0FBQyxVQUFVLEdBQUcsQ0FBQyw2QkFBNkIsQ0FBQyxDQUFDO1FBRTNCLDZFQUF5QyxhQUFhLENBQUMsQ0FBQyxDQUFDLEVBQUM7UUFBMUQsSUFBZ0IsUUFBUSw4Q0FBa0M7UUFBMUQsSUFBZ0IsUUFBUSxvREFBa0M7UUFFbkYsTUFBTSxDQUFDLE1BQU0sR0FBRyxDQUFDLG1CQUFtQixFQUFFLEdBQUcsQ0FBQTs7OztHQUkvQyxDQUFDLENBQUM7UUFFSSxNQUFNO1lBQ1gsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFD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
|