@zcomponent/html 1.4.2 → 2.0.0-alpha.2

package/lib/img.js

@@ -1,18 +1,78 @@
-import { registerLoadable } from '@zcomponent/core';
+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;
+};
+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;
+};
+import { zComponent, zLoad } from '@zcomponent/core';
 import { ZHTMLElement } from './HTMLElement';
-/** @zcomponent
- * @ztag html/element/img
+/**
+ * @zcomponent
  * @zicon html
+ * @ztag html/element/img
  * @zparents html/element/**
  */
-export class Img extends ZHTMLElement {
-    constructor(mgr, props) {
-        const elm = document.createElement('img');
-        registerLoadable(mgr, new Promise((resolve, reject) => {
-            elm.src = props.src;
-            elm.addEventListener('load', () => resolve());
-            elm.addEventListener('error', () => reject());
-        }));
-        super(mgr, props, elm);
-    }
-}
+let Img = (() => {
+    let _classDecorators = [zComponent({ tags: ['html/element/img'], parents: ['html/element/**'], icon: 'html' })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = ZHTMLElement;
+    let _instanceExtraInitializers = [];
+    let __load_decorators;
+    var Img = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            __load_decorators = [zLoad()];
+            __esDecorate(this, null, __load_decorators, { kind: "method", name: "_load", static: false, private: false, access: { has: obj => "_load" in obj, get: obj => obj._load }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            Img = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        _src = __runInitializers(this, _instanceExtraInitializers);
+        constructor(mgr, props) {
+            const elm = document.createElement('img');
+            super(mgr, props, elm);
+            this._src = props.src ?? '';
+        }
+        async _load() {
+            return new Promise((resolve, reject) => {
+                this.element.src = this._src;
+                this.element.addEventListener('load', () => resolve());
+                this.element.addEventListener('error', () => reject());
+            });
+        }
+    };
+    return Img = _classThis;
+})();
+export { Img };

package/lib/span.d.ts

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

package/lib/span.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/span
  * @zparents html/element/**
- * @zicon html
  */
-export class Span extends ZHTMLElement {
-    constructor(mgr, props) {
-        super(mgr, props, document.createElement('span'));
-    }
-}
+let Span = (() => {
+    let _classDecorators = [zComponent({ tags: ['html/element/span'], parents: ['html/element/**'], icon: 'html' })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = ZHTMLElement;
+    var Span = 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);
+            Span = _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('span'));
+        }
+    };
+    return Span = _classThis;
+})();
+export { Span };

package/package.json

@@ -1,11 +1,28 @@
 {
   "name": "@zcomponent/html",
-  "version": "1.4.2",
+  "version": "2.0.0-alpha.2",
   "description": "Mattercraft support for HTML",
   "author": "Zappar Limited",
   "license": "Proprietary",
   "main": "index.js",
   "types": "index.d.ts",
+  "exports": {
+    ".": {
+      "development": "./src/index.ts",
+      "types": "./index.d.ts",
+      "default": "./index.js"
+    },
+    "./*": {
+      "development": "./src/*.ts",
+      "types": "./lib/*.d.ts",
+      "default": "./lib/*.js"
+    },
+    "./lib/*": {
+      "development": "./src/*.ts",
+      "types": "./lib/*.d.ts",
+      "default": "./lib/*.js"
+    }
+  },
   "zexports": [
     "./lib/**/*"
   ],
@@ -19,7 +36,7 @@
     "public/**/*"
   ],
   "scripts": {
-    "build": "rm -rf lib && tsc && tsc-alias",
+    "build": "rm -rf lib && tspc && tsc-alias",
     "watch": "tsc -w",
     "docs": "typedoc --out docs",
     "predocs": "npm run ctix",