@design.estate/dees-wcctools 1.2.0 → 1.3.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_bundle/bundle.js +1700 -264
- package/dist_bundle/bundle.js.map +4 -4
- package/dist_ts_demotools/demotools.d.ts +1 -1
- package/dist_ts_demotools/demotools.js +86 -38
- package/dist_ts_web/00_commitinfo_data.js +1 -1
- package/dist_ts_web/elements/wcc-dashboard.d.ts +10 -10
- package/dist_ts_web/elements/wcc-dashboard.js +317 -245
- package/dist_ts_web/elements/wcc-frame.d.ts +3 -3
- package/dist_ts_web/elements/wcc-frame.js +108 -57
- package/dist_ts_web/elements/wcc-properties.d.ts +14 -8
- package/dist_ts_web/elements/wcc-properties.js +442 -323
- package/dist_ts_web/elements/wcc-record-button.d.ts +12 -0
- package/dist_ts_web/elements/wcc-record-button.js +165 -0
- package/dist_ts_web/elements/wcc-recording-panel.d.ts +42 -0
- package/dist_ts_web/elements/wcc-recording-panel.js +1063 -0
- package/dist_ts_web/elements/wcc-sidebar.d.ts +4 -4
- package/dist_ts_web/elements/wcc-sidebar.js +125 -71
- package/dist_ts_web/index.d.ts +3 -0
- package/dist_ts_web/index.js +5 -1
- package/dist_ts_web/services/recorder.service.d.ts +44 -0
- package/dist_ts_web/services/recorder.service.js +306 -0
- package/dist_watch/bundle.js +1939 -521
- package/dist_watch/bundle.js.map +4 -4
- package/package.json +10 -10
- package/readme.md +133 -141
- package/ts_web/00_commitinfo_data.ts +1 -1
- package/ts_web/elements/wcc-dashboard.ts +10 -10
- package/ts_web/elements/wcc-frame.ts +3 -3
- package/ts_web/elements/wcc-properties.ts +53 -9
- package/ts_web/elements/wcc-record-button.ts +108 -0
- package/ts_web/elements/wcc-recording-panel.ts +974 -0
- package/ts_web/elements/wcc-sidebar.ts +4 -4
- package/ts_web/index.ts +5 -0
- package/ts_web/readme.md +123 -0
- package/ts_web/services/recorder.service.ts +391 -0
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
|
|
2
2
|
export declare class DeesDemoWrapper extends DeesElement {
|
|
3
|
-
runAfterRender: (wrapperElement: DeesDemoWrapper) => void | Promise<void>;
|
|
3
|
+
accessor runAfterRender: (wrapperElement: DeesDemoWrapper) => void | Promise<void>;
|
|
4
4
|
static styles: import("@design.estate/dees-element").CSSResult[];
|
|
5
5
|
render(): TemplateResult;
|
|
6
6
|
firstUpdated(): Promise<void>;
|
|
@@ -1,50 +1,98 @@
|
|
|
1
|
-
var
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
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;
|
|
6
27
|
};
|
|
7
|
-
var
|
|
8
|
-
|
|
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;
|
|
9
34
|
};
|
|
10
35
|
import { DeesElement, customElement, html, css, property } from '@design.estate/dees-element';
|
|
11
|
-
let DeesDemoWrapper =
|
|
12
|
-
|
|
13
|
-
|
|
36
|
+
let DeesDemoWrapper = (() => {
|
|
37
|
+
let _classDecorators = [customElement('dees-demowrapper')];
|
|
38
|
+
let _classDescriptor;
|
|
39
|
+
let _classExtraInitializers = [];
|
|
40
|
+
let _classThis;
|
|
41
|
+
let _classSuper = DeesElement;
|
|
42
|
+
let _runAfterRender_decorators;
|
|
43
|
+
let _runAfterRender_initializers = [];
|
|
44
|
+
let _runAfterRender_extraInitializers = [];
|
|
45
|
+
var DeesDemoWrapper = class extends _classSuper {
|
|
46
|
+
static { _classThis = this; }
|
|
47
|
+
static {
|
|
48
|
+
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
49
|
+
_runAfterRender_decorators = [property({ attribute: false })];
|
|
50
|
+
__esDecorate(this, null, _runAfterRender_decorators, { kind: "accessor", name: "runAfterRender", static: false, private: false, access: { has: obj => "runAfterRender" in obj, get: obj => obj.runAfterRender, set: (obj, value) => { obj.runAfterRender = value; } }, metadata: _metadata }, _runAfterRender_initializers, _runAfterRender_extraInitializers);
|
|
51
|
+
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
52
|
+
DeesDemoWrapper = _classThis = _classDescriptor.value;
|
|
53
|
+
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
54
|
+
}
|
|
55
|
+
#runAfterRender_accessor_storage = __runInitializers(this, _runAfterRender_initializers, void 0);
|
|
56
|
+
get runAfterRender() { return this.#runAfterRender_accessor_storage; }
|
|
57
|
+
set runAfterRender(value) { this.#runAfterRender_accessor_storage = value; }
|
|
58
|
+
static styles = [
|
|
59
|
+
css `
|
|
14
60
|
:host {
|
|
15
61
|
display: contents;
|
|
16
62
|
}
|
|
17
63
|
`
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
64
|
+
];
|
|
65
|
+
render() {
|
|
66
|
+
return html `
|
|
21
67
|
<slot></slot>
|
|
22
68
|
`;
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
69
|
+
}
|
|
70
|
+
async firstUpdated() {
|
|
71
|
+
await this.updateComplete;
|
|
72
|
+
// Wait a bit for slotted content to render
|
|
73
|
+
await new Promise(resolve => setTimeout(resolve, 50));
|
|
74
|
+
// Check if there are slotted elements and runAfterRender is defined
|
|
75
|
+
if (this.children.length > 0 && this.runAfterRender) {
|
|
76
|
+
// Call the runAfterRender function with the wrapper element itself
|
|
77
|
+
// Note: querySelector/querySelectorAll will work on slotted content
|
|
78
|
+
// because slotted elements remain in the light DOM as children
|
|
79
|
+
try {
|
|
80
|
+
await this.runAfterRender(this);
|
|
81
|
+
}
|
|
82
|
+
catch (error) {
|
|
83
|
+
console.error('Error in runAfterRender:', error);
|
|
84
|
+
}
|
|
38
85
|
}
|
|
39
86
|
}
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
87
|
+
constructor() {
|
|
88
|
+
super(...arguments);
|
|
89
|
+
__runInitializers(this, _runAfterRender_extraInitializers);
|
|
90
|
+
}
|
|
91
|
+
static {
|
|
92
|
+
__runInitializers(_classThis, _classExtraInitializers);
|
|
93
|
+
}
|
|
94
|
+
};
|
|
95
|
+
return DeesDemoWrapper = _classThis;
|
|
96
|
+
})();
|
|
49
97
|
export { DeesDemoWrapper };
|
|
50
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
98
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVtb3Rvb2xzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHNfZGVtb3Rvb2xzL2RlbW90b29scy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxFQUFFLFdBQVcsRUFBRSxhQUFhLEVBQUUsSUFBSSxFQUFFLEdBQUcsRUFBRSxRQUFRLEVBQXVCLE1BQU0sNkJBQTZCLENBQUM7SUFHdEcsZUFBZTs0QkFEM0IsYUFBYSxDQUFDLGtCQUFrQixDQUFDOzs7O3NCQUNHLFdBQVc7Ozs7K0JBQW5CLFNBQVEsV0FBVzs7OzswQ0FDN0MsUUFBUSxDQUFDLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxDQUFDO1lBQy9CLCtMQUFTLGNBQWMsNkJBQWQsY0FBYyx1R0FBNEQ7WUFGckYsNktBb0NDOzs7O1FBbENDLGlHQUFtRjtRQUFuRixJQUFTLGNBQWMsb0RBQTREO1FBQW5GLElBQVMsY0FBYywwREFBNEQ7UUFFNUUsTUFBTSxDQUFDLE1BQU0sR0FBRztZQUNyQixHQUFHLENBQUE7Ozs7S0FJRjtTQUNGLENBQUM7UUFFSyxNQUFNO1lBQ1gsT0FBTyxJQUFJLENBQUE7O0tBRVYsQ0FBQztRQUNKLENBQUM7UUFFTSxLQUFLLENBQUMsWUFBWTtZQUN2QixNQUFNLElBQUksQ0FBQyxjQUFjLENBQUM7WUFFMUIsMkNBQTJDO1lBQzNDLE1BQU0sSUFBSSxPQUFPLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQyxVQUFVLENBQUMsT0FBTyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUM7WUFFdEQsb0VBQW9FO1lBQ3BFLElBQUksSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxJQUFJLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztnQkFDcEQsbUVBQW1FO2dCQUNuRSxvRUFBb0U7Z0JBQ3BFLCtEQUErRDtnQkFDL0QsSUFBSSxDQUFDO29CQUNILE1BQU0sSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsQ0FBQztnQkFDbEMsQ0FBQztnQkFBQyxPQUFPLEtBQUssRUFBRSxDQUFDO29CQUNmLE9BQU8sQ0FBQyxLQUFLLENBQUMsMEJBQTBCLEVBQUUsS0FBSyxDQUFDLENBQUM7Z0JBQ25ELENBQUM7WUFDSCxDQUFDO1FBQ0gsQ0FBQzs7Ozs7O1lBbkNVLHVEQUFlOzs7OztTQUFmLGVBQWUifQ==
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*/
|
|
4
4
|
export const commitinfo = {
|
|
5
5
|
name: '@design.estate/dees-wcctools',
|
|
6
|
-
version: '1.
|
|
6
|
+
version: '1.3.0',
|
|
7
7
|
description: 'A set of web component tools for creating element catalogues, enabling the structured development and documentation of custom elements and pages.'
|
|
8
8
|
};
|
|
9
9
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMDBfY29tbWl0aW5mb19kYXRhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHNfd2ViLzAwX2NvbW1pdGluZm9fZGF0YS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRztJQUN4QixJQUFJLEVBQUUsOEJBQThCO0lBQ3BDLE9BQU8sRUFBRSxPQUFPO0lBQ2hCLFdBQVcsRUFBRSxtSkFBbUo7Q0FDakssQ0FBQSJ9
|
|
@@ -8,21 +8,21 @@ import { type TTheme } from './wcc-properties.js';
|
|
|
8
8
|
import { type TElementType } from './wcc-sidebar.js';
|
|
9
9
|
import { WccFrame } from './wcc-frame.js';
|
|
10
10
|
export declare class WccDashboard extends DeesElement {
|
|
11
|
-
selectedType: TElementType;
|
|
12
|
-
selectedItemName: string;
|
|
13
|
-
selectedItem: TTemplateFactory | DeesElement;
|
|
14
|
-
selectedViewport: plugins.deesDomtools.breakpoints.TViewport;
|
|
15
|
-
selectedTheme: TTheme;
|
|
16
|
-
isFullscreen: boolean;
|
|
17
|
-
pages: Record<string, TTemplateFactory>;
|
|
18
|
-
elements: {
|
|
11
|
+
accessor selectedType: TElementType;
|
|
12
|
+
accessor selectedItemName: string;
|
|
13
|
+
accessor selectedItem: TTemplateFactory | DeesElement;
|
|
14
|
+
accessor selectedViewport: plugins.deesDomtools.breakpoints.TViewport;
|
|
15
|
+
accessor selectedTheme: TTheme;
|
|
16
|
+
accessor isFullscreen: boolean;
|
|
17
|
+
accessor pages: Record<string, TTemplateFactory>;
|
|
18
|
+
accessor elements: {
|
|
19
19
|
[key: string]: DeesElement;
|
|
20
20
|
};
|
|
21
|
-
warning: string;
|
|
21
|
+
accessor warning: string;
|
|
22
22
|
private frameScrollY;
|
|
23
23
|
private sidebarScrollY;
|
|
24
24
|
private scrollPositionsApplied;
|
|
25
|
-
wccFrame: Promise<WccFrame>;
|
|
25
|
+
accessor wccFrame: Promise<WccFrame>;
|
|
26
26
|
constructor(elementsArg?: {
|
|
27
27
|
[key: string]: DeesElement;
|
|
28
28
|
}, pagesArg?: Record<string, TTemplateFactory>);
|