@design.estate/dees-wcctools 3.9.0 → 3.9.2
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 +26 -10
- package/dist_bundle/bundle.js +1191 -2076
- package/dist_ts_demotools/demotools.d.ts +1 -7
- package/dist_ts_demotools/demotools.js +2 -98
- package/dist_ts_web/00_commitinfo_data.js +1 -1
- package/package.json +16 -23
- package/readme.hints.md +2 -1
- package/readme.md +3 -3
- package/readme.plan.md +1 -1
- package/ts_web/00_commitinfo_data.ts +1 -1
- package/dist_watch/bundle.js +0 -83496
- package/dist_watch/bundle.js.map +0 -7
- package/dist_watch/index.html +0 -28
|
@@ -1,7 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export declare class DeesDemoWrapper extends DeesElement {
|
|
3
|
-
accessor runAfterRender: (wrapperElement: DeesDemoWrapper) => void | Promise<void>;
|
|
4
|
-
static styles: import("@design.estate/dees-element").CSSResult[];
|
|
5
|
-
render(): TemplateResult;
|
|
6
|
-
firstUpdated(): Promise<void>;
|
|
7
|
-
}
|
|
1
|
+
export * from '@design.estate/dees-element/demotools';
|
|
@@ -1,98 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
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, customElement, html, css, property } from '@design.estate/dees-element';
|
|
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 `
|
|
60
|
-
:host {
|
|
61
|
-
display: contents;
|
|
62
|
-
}
|
|
63
|
-
`
|
|
64
|
-
];
|
|
65
|
-
render() {
|
|
66
|
-
return html `
|
|
67
|
-
<slot></slot>
|
|
68
|
-
`;
|
|
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
|
-
}
|
|
85
|
-
}
|
|
86
|
-
}
|
|
87
|
-
constructor() {
|
|
88
|
-
super(...arguments);
|
|
89
|
-
__runInitializers(this, _runAfterRender_extraInitializers);
|
|
90
|
-
}
|
|
91
|
-
static {
|
|
92
|
-
__runInitializers(_classThis, _classExtraInitializers);
|
|
93
|
-
}
|
|
94
|
-
};
|
|
95
|
-
return DeesDemoWrapper = _classThis;
|
|
96
|
-
})();
|
|
97
|
-
export { DeesDemoWrapper };
|
|
98
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVtb3Rvb2xzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHNfZGVtb3Rvb2xzL2RlbW90b29scy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxFQUFFLFdBQVcsRUFBRSxhQUFhLEVBQUUsSUFBSSxFQUFFLEdBQUcsRUFBRSxRQUFRLEVBQXVCLE1BQU0sNkJBQTZCLENBQUM7SUFHdEcsZUFBZTs0QkFEM0IsYUFBYSxDQUFDLGtCQUFrQixDQUFDOzs7O3NCQUNHLFdBQVc7Ozs7K0JBQW5CLFNBQVEsV0FBVzs7OzswQ0FDN0MsUUFBUSxDQUFDLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxDQUFDO1lBQy9CLCtMQUFTLGNBQWMsNkJBQWQsY0FBYyx1R0FBNEQ7WUFGckYsNktBb0NDOzs7O1FBbENDLGlHQUFtRjtRQUFuRixJQUFTLGNBQWMsb0RBQTREO1FBQW5GLElBQVMsY0FBYywwREFBNEQ7UUFFNUUsTUFBTSxDQUFDLE1BQU0sR0FBRztZQUNyQixHQUFHLENBQUE7Ozs7S0FJRjtTQUNGLENBQUM7UUFFSyxNQUFNO1lBQ1gsT0FBTyxJQUFJLENBQUE7O0tBRVYsQ0FBQztRQUNKLENBQUM7UUFFTSxLQUFLLENBQUMsWUFBWTtZQUN2QixNQUFNLElBQUksQ0FBQyxjQUFjLENBQUM7WUFFMUIsMkNBQTJDO1lBQzNDLE1BQU0sSUFBSSxPQUFPLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQyxVQUFVLENBQUMsT0FBTyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUM7WUFFdEQsb0VBQW9FO1lBQ3BFLElBQUksSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxJQUFJLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztnQkFDcEQsbUVBQW1FO2dCQUNuRSxvRUFBb0U7Z0JBQ3BFLCtEQUErRDtnQkFDL0QsSUFBSSxDQUFDO29CQUNILE1BQU0sSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsQ0FBQztnQkFDbEMsQ0FBQztnQkFBQyxPQUFPLEtBQUssRUFBRSxDQUFDO29CQUNmLE9BQU8sQ0FBQyxLQUFLLENBQUMsMEJBQTBCLEVBQUUsS0FBSyxDQUFDLENBQUM7Z0JBQ25ELENBQUM7WUFDSCxDQUFDO1FBQ0gsQ0FBQzs7Ozs7O1lBbkNVLHVEQUFlOzs7OztTQUFmLGVBQWUifQ==
|
|
1
|
+
export * from '@design.estate/dees-element/demotools';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVtb3Rvb2xzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHNfZGVtb3Rvb2xzL2RlbW90b29scy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLHVDQUF1QyxDQUFDIn0=
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*/
|
|
4
4
|
export const commitinfo = {
|
|
5
5
|
name: '@design.estate/dees-wcctools',
|
|
6
|
-
version: '3.9.
|
|
6
|
+
version: '3.9.2',
|
|
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
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@design.estate/dees-wcctools",
|
|
3
|
-
"version": "3.9.
|
|
3
|
+
"version": "3.9.2",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "A set of web component tools for creating element catalogues, enabling the structured development and documentation of custom elements and pages.",
|
|
6
6
|
"exports": {
|
|
@@ -8,30 +8,24 @@
|
|
|
8
8
|
"./demotools": "./dist_ts_demotools/index.js"
|
|
9
9
|
},
|
|
10
10
|
"type": "module",
|
|
11
|
-
"scripts": {
|
|
12
|
-
"test": "(npm run build)",
|
|
13
|
-
"build": "(tsbuild tsfolders --allowimplicitany && tsbundle)",
|
|
14
|
-
"watch": "tswatch",
|
|
15
|
-
"buildDocs": "tsdoc"
|
|
16
|
-
},
|
|
17
11
|
"author": "Lossless GmbH",
|
|
18
|
-
"license": "
|
|
12
|
+
"license": "MIT",
|
|
19
13
|
"dependencies": {
|
|
20
14
|
"@design.estate/dees-domtools": "^2.5.4",
|
|
21
|
-
"@design.estate/dees-element": "^2.
|
|
15
|
+
"@design.estate/dees-element": "^2.4.0",
|
|
22
16
|
"@push.rocks/smartdelay": "^3.0.5",
|
|
23
17
|
"lit": "^3.3.2",
|
|
24
18
|
"mediabunny": "^1.40.1"
|
|
25
19
|
},
|
|
26
20
|
"devDependencies": {
|
|
27
|
-
"@api.global/typedserver": "^8.4.
|
|
28
|
-
"@git.zone/tsbuild": "^4.4.
|
|
29
|
-
"@git.zone/tsbundle": "^2.10.
|
|
30
|
-
"@git.zone/tsrun": "^2.0.
|
|
31
|
-
"@git.zone/tstest": "^3.6.
|
|
32
|
-
"@git.zone/tswatch": "^3.3.
|
|
21
|
+
"@api.global/typedserver": "^8.4.7",
|
|
22
|
+
"@git.zone/tsbuild": "^4.4.2",
|
|
23
|
+
"@git.zone/tsbundle": "^2.10.4",
|
|
24
|
+
"@git.zone/tsrun": "^2.0.4",
|
|
25
|
+
"@git.zone/tstest": "^3.6.6",
|
|
26
|
+
"@git.zone/tswatch": "^3.3.5",
|
|
33
27
|
"@push.rocks/projectinfo": "^5.1.0",
|
|
34
|
-
"@types/node": "^25.
|
|
28
|
+
"@types/node": "^25.9.2"
|
|
35
29
|
},
|
|
36
30
|
"files": [
|
|
37
31
|
"ts/**/*",
|
|
@@ -60,11 +54,10 @@
|
|
|
60
54
|
"element testing",
|
|
61
55
|
"page development"
|
|
62
56
|
],
|
|
63
|
-
"
|
|
64
|
-
|
|
65
|
-
"
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
}
|
|
57
|
+
"scripts": {
|
|
58
|
+
"test": "(pnpm run build)",
|
|
59
|
+
"build": "(tsbuild tsfolders --allowimplicitany && tsbundle)",
|
|
60
|
+
"watch": "tswatch",
|
|
61
|
+
"buildDocs": "tsdoc"
|
|
69
62
|
}
|
|
70
|
-
}
|
|
63
|
+
}
|
package/readme.hints.md
CHANGED
|
@@ -251,6 +251,7 @@ A utility component for wrapping demo elements with post-render functionality.
|
|
|
251
251
|
**Usage:**
|
|
252
252
|
```typescript
|
|
253
253
|
import * as demoTools from '@design.estate/dees-wcctools/demotools';
|
|
254
|
+
// New demos should prefer: import '@design.estate/dees-element/demotools';
|
|
254
255
|
|
|
255
256
|
// In your demo function:
|
|
256
257
|
demo: () => html`
|
|
@@ -283,4 +284,4 @@ demo: () => html`
|
|
|
283
284
|
- Use querySelector/querySelectorAll for powerful element selection
|
|
284
285
|
- Access children via wrapper.children property
|
|
285
286
|
- Supports async operations in runAfterRender callback
|
|
286
|
-
- Automatically handles timing to ensure elements are fully rendered
|
|
287
|
+
- Automatically handles timing to ensure elements are fully rendered
|
package/readme.md
CHANGED
|
@@ -249,10 +249,10 @@ Click the red record button in the bottom toolbar, choose your format (MP4 or We
|
|
|
249
249
|
|
|
250
250
|
### 🧪 Demo Tools
|
|
251
251
|
|
|
252
|
-
The demotools
|
|
252
|
+
`DeesDemoWrapper` now lives in `@design.estate/dees-element/demotools`. The old `@design.estate/dees-wcctools/demotools` subpath remains available as a compatibility re-export, but new demos should import from `dees-element` directly:
|
|
253
253
|
|
|
254
254
|
```typescript
|
|
255
|
-
import '@design.estate/dees-
|
|
255
|
+
import '@design.estate/dees-element/demotools';
|
|
256
256
|
|
|
257
257
|
@customElement('my-component')
|
|
258
258
|
export class MyComponent extends DeesElement {
|
|
@@ -487,7 +487,7 @@ my-component-library/
|
|
|
487
487
|
|
|
488
488
|
## License and Legal Information
|
|
489
489
|
|
|
490
|
-
This repository contains open-source code licensed under the MIT License. A copy of the license can be found in the [
|
|
490
|
+
This repository contains open-source code licensed under the MIT License. A copy of the license can be found in the [license](./license) file.
|
|
491
491
|
|
|
492
492
|
**Please note:** The MIT License does not grant permission to use the trade names, trademarks, service marks, or product names of the project, except as required for reasonable and customary use in describing the origin of the work and reproducing the content of the NOTICE file.
|
|
493
493
|
|
package/readme.plan.md
CHANGED
|
@@ -38,7 +38,7 @@ The properties panel has timing issues detecting rendered elements because:
|
|
|
38
38
|
- Uses display: contents to not affect layout
|
|
39
39
|
- Handles timing automatically with 50ms delay after firstUpdated
|
|
40
40
|
- Supports both sync and async callbacks
|
|
41
|
-
-
|
|
41
|
+
- Compatibility export remains available at @design.estate/dees-wcctools/demotools (lowercase); canonical implementation moved to @design.estate/dees-element/demotools
|
|
42
42
|
|
|
43
43
|
# Documentation Update (COMPLETED)
|
|
44
44
|
|
|
@@ -3,6 +3,6 @@
|
|
|
3
3
|
*/
|
|
4
4
|
export const commitinfo = {
|
|
5
5
|
name: '@design.estate/dees-wcctools',
|
|
6
|
-
version: '3.9.
|
|
6
|
+
version: '3.9.2',
|
|
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
|
}
|