@design.estate/dees-wcctools 1.2.1 → 2.0.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.
Files changed (42) hide show
  1. package/dist_bundle/bundle.js +1764 -218
  2. package/dist_bundle/bundle.js.map +4 -4
  3. package/dist_ts_demotools/demotools.d.ts +1 -1
  4. package/dist_ts_demotools/demotools.js +86 -38
  5. package/dist_ts_web/00_commitinfo_data.js +1 -1
  6. package/dist_ts_web/elements/wcc-dashboard.d.ts +11 -10
  7. package/dist_ts_web/elements/wcc-dashboard.js +370 -246
  8. package/dist_ts_web/elements/wcc-frame.d.ts +3 -3
  9. package/dist_ts_web/elements/wcc-frame.js +108 -57
  10. package/dist_ts_web/elements/wcc-properties.d.ts +14 -8
  11. package/dist_ts_web/elements/wcc-properties.js +442 -323
  12. package/dist_ts_web/elements/wcc-record-button.d.ts +12 -0
  13. package/dist_ts_web/elements/wcc-record-button.js +165 -0
  14. package/dist_ts_web/elements/wcc-recording-panel.d.ts +42 -0
  15. package/dist_ts_web/elements/wcc-recording-panel.js +1067 -0
  16. package/dist_ts_web/elements/wcc-sidebar.d.ts +7 -5
  17. package/dist_ts_web/elements/wcc-sidebar.js +250 -81
  18. package/dist_ts_web/elements/wcctools.helpers.d.ts +13 -0
  19. package/dist_ts_web/elements/wcctools.helpers.js +26 -1
  20. package/dist_ts_web/index.d.ts +3 -0
  21. package/dist_ts_web/index.js +5 -1
  22. package/dist_ts_web/services/ffmpeg.service.d.ts +42 -0
  23. package/dist_ts_web/services/ffmpeg.service.js +276 -0
  24. package/dist_ts_web/services/mp4.service.d.ts +32 -0
  25. package/dist_ts_web/services/mp4.service.js +139 -0
  26. package/dist_ts_web/services/recorder.service.d.ts +44 -0
  27. package/dist_ts_web/services/recorder.service.js +307 -0
  28. package/dist_watch/bundle.js +2126 -541
  29. package/dist_watch/bundle.js.map +4 -4
  30. package/package.json +8 -8
  31. package/readme.md +133 -141
  32. package/ts_web/00_commitinfo_data.ts +1 -1
  33. package/ts_web/elements/wcc-dashboard.ts +86 -26
  34. package/ts_web/elements/wcc-frame.ts +3 -3
  35. package/ts_web/elements/wcc-properties.ts +53 -9
  36. package/ts_web/elements/wcc-record-button.ts +108 -0
  37. package/ts_web/elements/wcc-recording-panel.ts +978 -0
  38. package/ts_web/elements/wcc-sidebar.ts +133 -22
  39. package/ts_web/elements/wcctools.helpers.ts +31 -0
  40. package/ts_web/index.ts +5 -0
  41. package/ts_web/readme.md +123 -0
  42. package/ts_web/services/recorder.service.ts +393 -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 __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
- return c > 3 && r && Object.defineProperty(target, key, r), r;
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 __metadata = (this && this.__metadata) || function (k, v) {
8
- if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
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 = class DeesDemoWrapper extends DeesElement {
12
- static { this.styles = [
13
- css `
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
- render() {
20
- return html `
64
+ ];
65
+ render() {
66
+ return html `
21
67
  <slot></slot>
22
68
  `;
23
- }
24
- async firstUpdated() {
25
- await this.updateComplete;
26
- // Wait a bit for slotted content to render
27
- await new Promise(resolve => setTimeout(resolve, 50));
28
- // Check if there are slotted elements and runAfterRender is defined
29
- if (this.children.length > 0 && this.runAfterRender) {
30
- // Call the runAfterRender function with the wrapper element itself
31
- // Note: querySelector/querySelectorAll will work on slotted content
32
- // because slotted elements remain in the light DOM as children
33
- try {
34
- await this.runAfterRender(this);
35
- }
36
- catch (error) {
37
- console.error('Error in runAfterRender:', error);
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
- __decorate([
43
- property({ attribute: false }),
44
- __metadata("design:type", Function)
45
- ], DeesDemoWrapper.prototype, "runAfterRender", void 0);
46
- DeesDemoWrapper = __decorate([
47
- customElement('dees-demowrapper')
48
- ], DeesDemoWrapper);
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVtb3Rvb2xzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHNfZGVtb3Rvb2xzL2RlbW90b29scy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFBQSxPQUFPLEVBQUUsV0FBVyxFQUFFLGFBQWEsRUFBRSxJQUFJLEVBQUUsR0FBRyxFQUFFLFFBQVEsRUFBdUIsTUFBTSw2QkFBNkIsQ0FBQztBQUc1RyxJQUFNLGVBQWUsR0FBckIsTUFBTSxlQUFnQixTQUFRLFdBQVc7YUFJaEMsV0FBTSxHQUFHO1FBQ3JCLEdBQUcsQ0FBQTs7OztLQUlGO0tBQ0YsQUFObUIsQ0FNbEI7SUFFSyxNQUFNO1FBQ1gsT0FBTyxJQUFJLENBQUE7O0tBRVYsQ0FBQztJQUNKLENBQUM7SUFFTSxLQUFLLENBQUMsWUFBWTtRQUN2QixNQUFNLElBQUksQ0FBQyxjQUFjLENBQUM7UUFFMUIsMkNBQTJDO1FBQzNDLE1BQU0sSUFBSSxPQUFPLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQyxVQUFVLENBQUMsT0FBTyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUM7UUFFdEQsb0VBQW9FO1FBQ3BFLElBQUksSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxJQUFJLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztZQUNwRCxtRUFBbUU7WUFDbkUsb0VBQW9FO1lBQ3BFLCtEQUErRDtZQUMvRCxJQUFJLENBQUM7Z0JBQ0gsTUFBTSxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxDQUFDO1lBQ2xDLENBQUM7WUFBQyxPQUFPLEtBQUssRUFBRSxDQUFDO2dCQUNmLE9BQU8sQ0FBQyxLQUFLLENBQUMsMEJBQTBCLEVBQUUsS0FBSyxDQUFDLENBQUM7WUFDbkQsQ0FBQztRQUNILENBQUM7SUFDSCxDQUFDOztBQWpDTTtJQUROLFFBQVEsQ0FBQyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsQ0FBQzs7dURBQ2tEO0FBRnRFLGVBQWU7SUFEM0IsYUFBYSxDQUFDLGtCQUFrQixDQUFDO0dBQ3JCLGVBQWUsQ0FvQzNCIn0=
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.2.1',
6
+ version: '2.0.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,22 @@ 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 selectedDemoIndex: number;
15
+ accessor selectedViewport: plugins.deesDomtools.breakpoints.TViewport;
16
+ accessor selectedTheme: TTheme;
17
+ accessor isFullscreen: boolean;
18
+ accessor pages: Record<string, TTemplateFactory>;
19
+ accessor elements: {
19
20
  [key: string]: DeesElement;
20
21
  };
21
- warning: string;
22
+ accessor warning: string;
22
23
  private frameScrollY;
23
24
  private sidebarScrollY;
24
25
  private scrollPositionsApplied;
25
- wccFrame: Promise<WccFrame>;
26
+ accessor wccFrame: Promise<WccFrame>;
26
27
  constructor(elementsArg?: {
27
28
  [key: string]: DeesElement;
28
29
  }, pagesArg?: Record<string, TTemplateFactory>);