@zcomponent/html 2.0.0-alpha.1 → 2.0.0-alpha.2

package/lib/button.js

@@ -1,11 +1,73 @@
+var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+    var _, done = false;
+    for (var i = decorators.length - 1; i >= 0; i--) {
+        var context = {};
+        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+        if (kind === "accessor") {
+            if (result === void 0) continue;
+            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+            if (_ = accept(result.get)) descriptor.get = _;
+            if (_ = accept(result.set)) descriptor.set = _;
+            if (_ = accept(result.init)) initializers.unshift(_);
+        }
+        else if (_ = accept(result)) {
+            if (kind === "field") initializers.unshift(_);
+            else descriptor[key] = _;
+        }
+    }
+    if (target) Object.defineProperty(target, contextIn.name, descriptor);
+    done = true;
+};
+var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+    }
+    return useValue ? value : void 0;
+};
+import { zComponent } from '@zcomponent/core';
 import { ZHTMLElement } from './HTMLElement';
-/** @zcomponent
+/**
+ *
+ * A HTML Button component.
+ *
+ * You can access the underlying HTMLButtonElement using the `element` property.
+ * @zcomponent
+ * @zicon html
  * @ztag html/element/button
  * @zparents html/element/**
- * @zicon html
  */
-export class Button extends ZHTMLElement {
-    constructor(mgr, props) {
-        super(mgr, props, document.createElement('button'));
-    }
-}
+let Button = (() => {
+    let _classDecorators = [zComponent({ tags: ['html/element/button'], parents: ['html/element/**'], icon: 'html' })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = ZHTMLElement;
+    var Button = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            Button = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        /**
+         *
+         * @param mgr - The context manager
+         * @param props - The properties of the button
+         */
+        constructor(mgr, props) {
+            super(mgr, props, document.createElement('button'));
+        }
+    };
+    return Button = _classThis;
+})();
+export { Button };

package/lib/context.d.ts

@@ -1,4 +1,4 @@
-import { Event, ContextManager, Context } from '@zcomponent/core';
+import { Context, ContextManager, Event } from '@zcomponent/core';
 export declare class HTMLContext extends Context {
     onNodeConstructed: Event<[Node]>;
     onNodeDisposed: Event<[Node]>;

package/lib/context.js

@@ -1,11 +1,8 @@
-import { Event, Context } from '@zcomponent/core';
+import { Context, Event } from '@zcomponent/core';
 export class HTMLContext extends Context {
-    constructor() {
-        super(...arguments);
-        this.onNodeConstructed = new Event();
-        this.onNodeDisposed = new Event();
-        this.onCSSChanged = new Event();
-    }
+    onNodeConstructed = new Event();
+    onNodeDisposed = new Event();
+    onCSSChanged = new Event();
 }
 export function useOnNodeConstructed(mgr) {
     return mgr.get(HTMLContext).onNodeConstructed;

package/lib/div.d.ts

@@ -1,10 +1,19 @@
 import { ContextManager } from '@zcomponent/core';
 import { HTMLElementProps, ZHTMLElement } from './HTMLElement';
-/** @zcomponent
+/**
+ * A HTML Div component. It can be childed under any HTML element.
+ *
+ * You can access the underlying HTMLDivElement using the `element` property.
+ * @zcomponent
+ * @zicon html
  * @ztag html/element/div
  * @zparents html/element/**
- * @zicon html
  */
 export declare class Div extends ZHTMLElement<HTMLDivElement> {
+    /**
+     * Creates a new Div component.
+     * @param mgr - The context manager
+     * @param props - The properties of the div
+     */
     constructor(mgr: ContextManager, props: HTMLElementProps);
 }

package/lib/div.js

@@ -1,11 +1,72 @@
+var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+    var _, done = false;
+    for (var i = decorators.length - 1; i >= 0; i--) {
+        var context = {};
+        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+        if (kind === "accessor") {
+            if (result === void 0) continue;
+            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+            if (_ = accept(result.get)) descriptor.get = _;
+            if (_ = accept(result.set)) descriptor.set = _;
+            if (_ = accept(result.init)) initializers.unshift(_);
+        }
+        else if (_ = accept(result)) {
+            if (kind === "field") initializers.unshift(_);
+            else descriptor[key] = _;
+        }
+    }
+    if (target) Object.defineProperty(target, contextIn.name, descriptor);
+    done = true;
+};
+var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+    }
+    return useValue ? value : void 0;
+};
+import { zComponent } from '@zcomponent/core';
 import { ZHTMLElement } from './HTMLElement';
-/** @zcomponent
+/**
+ * A HTML Div component. It can be childed under any HTML element.
+ *
+ * You can access the underlying HTMLDivElement using the `element` property.
+ * @zcomponent
+ * @zicon html
  * @ztag html/element/div
  * @zparents html/element/**
- * @zicon html
  */
-export class Div extends ZHTMLElement {
-    constructor(mgr, props) {
-        super(mgr, props, document.createElement('div'));
-    }
-}
+let Div = (() => {
+    let _classDecorators = [zComponent({ tags: ['html/element/div'], parents: ['html/element/**'], icon: 'html' })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = ZHTMLElement;
+    var Div = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            Div = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        /**
+         * Creates a new Div component.
+         * @param mgr - The context manager
+         * @param props - The properties of the div
+         */
+        constructor(mgr, props) {
+            super(mgr, props, document.createElement('div'));
+        }
+    };
+    return Div = _classThis;
+})();
+export { Div };

package/lib/headings.d.ts

@@ -1,55 +1,61 @@
 import { ContextManager } from '@zcomponent/core';
 import { HTMLElementProps, ZHTMLElement } from './HTMLElement';
-/** @zcomponent
+/**
+ * @zcomponent
+ * @zicon html
+ * @zgroup Heading
  * @ztag html/element/h1
  * @zparents html/element/**
- * @zgroup Heading
- * @zicon html
  */
 export declare class H1 extends ZHTMLElement<HTMLHeadingElement> {
     constructor(mgr: ContextManager, props: HTMLElementProps);
 }
-/** @zcomponent
+/**
+ * @zcomponent
+ * @zicon html
+ * @zgroup Heading
  * @ztag html/element/h2
  * @zparents html/element/**
- * @zgroup Heading
- * @zicon html
  */
 export declare class H2 extends ZHTMLElement<HTMLHeadingElement> {
     constructor(mgr: ContextManager, props: HTMLElementProps);
 }
-/** @zcomponent
- * @ztag html/element/h3
- * @zparents html/element/**
+/**
+ * @zcomponent
  * @zicon html
  * @zgroup Heading
+ * @ztag html/element/h3
+ * @zparents html/element/**
  */
 export declare class H3 extends ZHTMLElement<HTMLHeadingElement> {
     constructor(mgr: ContextManager, props: HTMLElementProps);
 }
-/** @zcomponent
- * @ztag html/element/h4
- * @zparents html/element/**
+/**
+ * @zcomponent
  * @zicon html
  * @zgroup Heading
+ * @ztag html/element/h4
+ * @zparents html/element/**
  */
 export declare class H4 extends ZHTMLElement<HTMLHeadingElement> {
     constructor(mgr: ContextManager, props: HTMLElementProps);
 }
-/** @zcomponent
- * @ztag html/element/h5
- * @zparents html/element/**
+/**
+ * @zcomponent
  * @zicon html
  * @zgroup Heading
+ * @ztag html/element/h5
+ * @zparents html/element/**
  */
 export declare class H5 extends ZHTMLElement<HTMLHeadingElement> {
     constructor(mgr: ContextManager, props: HTMLElementProps);
 }
-/** @zcomponent
- * @ztag html/element/h6
- * @zparents html/element/**
+/**
+ * @zcomponent
  * @zicon html
  * @zgroup Heading
+ * @ztag html/element/h6
+ * @zparents html/element/**
  */
 export declare class H6 extends ZHTMLElement<HTMLHeadingElement> {
     constructor(mgr: ContextManager, props: HTMLElementProps);

package/lib/headings.js

@@ -1,67 +1,215 @@
+var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+    var _, done = false;
+    for (var i = decorators.length - 1; i >= 0; i--) {
+        var context = {};
+        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+        if (kind === "accessor") {
+            if (result === void 0) continue;
+            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+            if (_ = accept(result.get)) descriptor.get = _;
+            if (_ = accept(result.set)) descriptor.set = _;
+            if (_ = accept(result.init)) initializers.unshift(_);
+        }
+        else if (_ = accept(result)) {
+            if (kind === "field") initializers.unshift(_);
+            else descriptor[key] = _;
+        }
+    }
+    if (target) Object.defineProperty(target, contextIn.name, descriptor);
+    done = true;
+};
+var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+    }
+    return useValue ? value : void 0;
+};
+import { zComponent } from '@zcomponent/core';
 import { ZHTMLElement } from './HTMLElement';
-/** @zcomponent
+const common = {
+    parents: ['html/element/**'],
+    icon: 'html',
+    group: 'Heading',
+};
+/**
+ * @zcomponent
+ * @zicon html
+ * @zgroup Heading
  * @ztag html/element/h1
  * @zparents html/element/**
- * @zgroup Heading
- * @zicon html
  */
-export class H1 extends ZHTMLElement {
-    constructor(mgr, props) {
-        super(mgr, props, document.createElement('h1'));
-    }
-}
-/** @zcomponent
+let H1 = (() => {
+    let _classDecorators = [zComponent({ tags: ['html/element/h1'], ...common })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = ZHTMLElement;
+    var H1 = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            H1 = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        constructor(mgr, props) {
+            super(mgr, props, document.createElement('h1'));
+        }
+    };
+    return H1 = _classThis;
+})();
+export { H1 };
+/**
+ * @zcomponent
+ * @zicon html
+ * @zgroup Heading
  * @ztag html/element/h2
  * @zparents html/element/**
- * @zgroup Heading
- * @zicon html
  */
-export class H2 extends ZHTMLElement {
-    constructor(mgr, props) {
-        super(mgr, props, document.createElement('h2'));
-    }
-}
-/** @zcomponent
+let H2 = (() => {
+    let _classDecorators = [zComponent({ tags: ['html/element/h2'], ...common })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = ZHTMLElement;
+    var H2 = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            H2 = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        constructor(mgr, props) {
+            super(mgr, props, document.createElement('h2'));
+        }
+    };
+    return H2 = _classThis;
+})();
+export { H2 };
+/**
+ * @zcomponent
+ * @zicon html
+ * @zgroup Heading
  * @ztag html/element/h3
  * @zparents html/element/**
+ */
+let H3 = (() => {
+    let _classDecorators = [zComponent({ tags: ['html/element/h3'], ...common })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = ZHTMLElement;
+    var H3 = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            H3 = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        constructor(mgr, props) {
+            super(mgr, props, document.createElement('h3'));
+        }
+    };
+    return H3 = _classThis;
+})();
+export { H3 };
+/**
+ * @zcomponent
  * @zicon html
  * @zgroup Heading
- */
-export class H3 extends ZHTMLElement {
-    constructor(mgr, props) {
-        super(mgr, props, document.createElement('h3'));
-    }
-}
-/** @zcomponent
  * @ztag html/element/h4
  * @zparents html/element/**
+ */
+let H4 = (() => {
+    let _classDecorators = [zComponent({ tags: ['html/element/h4'], ...common })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = ZHTMLElement;
+    var H4 = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            H4 = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        constructor(mgr, props) {
+            super(mgr, props, document.createElement('h4'));
+        }
+    };
+    return H4 = _classThis;
+})();
+export { H4 };
+/**
+ * @zcomponent
  * @zicon html
  * @zgroup Heading
- */
-export class H4 extends ZHTMLElement {
-    constructor(mgr, props) {
-        super(mgr, props, document.createElement('h4'));
-    }
-}
-/** @zcomponent
  * @ztag html/element/h5
  * @zparents html/element/**
+ */
+let H5 = (() => {
+    let _classDecorators = [zComponent({ tags: ['html/element/h5'], ...common })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = ZHTMLElement;
+    var H5 = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            H5 = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        constructor(mgr, props) {
+            super(mgr, props, document.createElement('h5'));
+        }
+    };
+    return H5 = _classThis;
+})();
+export { H5 };
+/**
+ * @zcomponent
  * @zicon html
  * @zgroup Heading
- */
-export class H5 extends ZHTMLElement {
-    constructor(mgr, props) {
-        super(mgr, props, document.createElement('h5'));
-    }
-}
-/** @zcomponent
  * @ztag html/element/h6
  * @zparents html/element/**
- * @zicon html
- * @zgroup Heading
  */
-export class H6 extends ZHTMLElement {
-    constructor(mgr, props) {
-        super(mgr, props, document.createElement('h6'));
-    }
-}
+let H6 = (() => {
+    let _classDecorators = [zComponent({ tags: ['html/element/h6'], ...common })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = ZHTMLElement;
+    var H6 = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            H6 = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        constructor(mgr, props) {
+            super(mgr, props, document.createElement('h6'));
+        }
+    };
+    return H6 = _classThis;
+})();
+export { H6 };

package/lib/i.d.ts

@@ -1,9 +1,10 @@
 import { ContextManager } from '@zcomponent/core';
 import { HTMLElementProps, ZHTMLElement } from './HTMLElement';
-/** @zcomponent
+/**
+ * @zcomponent
+ * @zicon html
  * @ztag html/element/i
  * @zparents html/element/**
- * @zicon html
  */
 export declare class I extends ZHTMLElement<HTMLElement> {
     constructor(mgr: ContextManager, props: HTMLElementProps);

package/lib/i.js

@@ -1,11 +1,64 @@
+var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+    var _, done = false;
+    for (var i = decorators.length - 1; i >= 0; i--) {
+        var context = {};
+        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+        if (kind === "accessor") {
+            if (result === void 0) continue;
+            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+            if (_ = accept(result.get)) descriptor.get = _;
+            if (_ = accept(result.set)) descriptor.set = _;
+            if (_ = accept(result.init)) initializers.unshift(_);
+        }
+        else if (_ = accept(result)) {
+            if (kind === "field") initializers.unshift(_);
+            else descriptor[key] = _;
+        }
+    }
+    if (target) Object.defineProperty(target, contextIn.name, descriptor);
+    done = true;
+};
+var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+    }
+    return useValue ? value : void 0;
+};
+import { zComponent } from '@zcomponent/core';
 import { ZHTMLElement } from './HTMLElement';
-/** @zcomponent
+/**
+ * @zcomponent
+ * @zicon html
  * @ztag html/element/i
  * @zparents html/element/**
- * @zicon html
  */
-export class I extends ZHTMLElement {
-    constructor(mgr, props) {
-        super(mgr, props, document.createElement('i'));
-    }
-}
+let I = (() => {
+    let _classDecorators = [zComponent({ tags: ['html/element/i'], parents: ['html/element/**'], icon: 'html' })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = ZHTMLElement;
+    var I = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            I = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        constructor(mgr, props) {
+            super(mgr, props, document.createElement('i'));
+        }
+    };
+    return I = _classThis;
+})();
+export { I };

package/lib/img.d.ts

@@ -1,18 +1,18 @@
-import { ContextManager } from '@zcomponent/core';
+import { ContextManager, ProjectFile } from '@zcomponent/core';
 import { HTMLElementProps, ZHTMLElement } from './HTMLElement';
 export interface ImgConstructorProps extends HTMLElementProps {
-    /** @zprop
-     * @zvalues files *.jpg
-     * @zvalues files *.jpeg
-     * @zvalues files *.png
+    /**
      */
-    src: string;
+    src: ProjectFile<'*.jpg' | '*.jpeg' | '*.png'>;
 }
-/** @zcomponent
- * @ztag html/element/img
+/**
+ * @zcomponent
  * @zicon html
+ * @ztag html/element/img
  * @zparents html/element/**
  */
 export declare class Img extends ZHTMLElement<HTMLImageElement> {
+    private _src;
     constructor(mgr: ContextManager, props: ImgConstructorProps);
+    private _load;
 }