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

package/lib/CSS.d.ts

@@ -20,6 +20,9 @@ export declare class CSS extends Component {
     protected constructorProps: CSSConstructorProps;
     private _elm;
     constructor(contextManager: ContextManager, constructorProps: CSSConstructorProps);
+    /**
+     * @zignore
+     */
     dispose(): never;
 }
 export {};

package/lib/CSS.js

@@ -1,3 +1,10 @@
+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";
@@ -25,14 +32,7 @@ var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn,
     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 { Component, isDesignTime, registerLoadable, zComponent } from '@zcomponent/core';
+import { Component, isDesignTime, registerLoadable, zComponent, zIgnore } from '@zcomponent/core';
 import { HTMLContext } from './context';
 const alreadyAdded = new Map();
 /**
@@ -48,16 +48,20 @@ let CSS = (() => {
     let _classExtraInitializers = [];
     let _classThis;
     let _classSuper = Component;
+    let _instanceExtraInitializers = [];
+    let _dispose_decorators;
     var CSS = class extends _classSuper {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _dispose_decorators = [zIgnore()];
+            __esDecorate(this, null, _dispose_decorators, { kind: "method", name: "dispose", static: false, private: false, access: { has: obj => "dispose" in obj, get: obj => obj.dispose }, metadata: _metadata }, null, _instanceExtraInitializers);
             __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
             CSS = _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
             __runInitializers(_classThis, _classExtraInitializers);
         }
-        constructorProps;
+        constructorProps = __runInitializers(this, _instanceExtraInitializers);
         _elm;
         constructor(contextManager, constructorProps) {
             super(contextManager, constructorProps);
@@ -85,6 +89,9 @@ let CSS = (() => {
                 alreadyAdded.set(constructorProps.source, this._elm);
             }
         }
+        /**
+         * @zignore
+         */
         dispose() {
             if (this._elm) {
                 this._elm[0] = this._elm[0] - 1;

package/lib/HTMLElement.d.ts

@@ -6,6 +6,9 @@ export interface HTMLElementProps extends ConstructorProps {
     innerText?: string;
 }
 export declare class ZHTMLElement<T extends HTMLElement> extends Component {
+    /**
+     * @zui
+     */
     onClick: Event<[MouseEvent]>;
     /**
      * The inner text of the element.
@@ -25,14 +28,19 @@ export declare class ZHTMLElement<T extends HTMLElement> extends Component {
      * @param element  - The element to wrap
      */
     constructor(contextManager: ContextManager, props: HTMLElementProps, element: T);
+    /**
+     * @zignore
+     */
     connectElements(): void;
     private _attachEvent;
     /**
      * @default ""
+     * @zui
      */
     id: string;
     /**
      * @default []
+     * @zui
      */
     classList: string[];
     /**
@@ -178,6 +186,9 @@ export declare class ZHTMLElement<T extends HTMLElement> extends Component {
      * @zgroup Display
      */
     flexDirection: CSSFlexDirectionValue;
+    /**
+     * @zignore
+     */
     dispose(): never;
 }
 export declare const CSSLengthUnit: {

package/lib/HTMLElement.js

@@ -1,3 +1,10 @@
+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";
@@ -25,17 +32,11 @@ var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn,
     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 { Component, Event, zIgnore, zObserve, zUI } from '@zcomponent/core';
 import { useOnNodeConstructed, useOnNodeDisposed } from './context';
 let ZHTMLElement = (() => {
     let _classSuper = Component;
+    let _instanceExtraInitializers = [];
     let _onClick_decorators;
     let _onClick_initializers = [];
     let _onClick_extraInitializers = [];
@@ -45,6 +46,7 @@ let ZHTMLElement = (() => {
     let _element_decorators;
     let _element_initializers = [];
     let _element_extraInitializers = [];
+    let _connectElements_decorators;
     let _id_decorators;
     let _id_initializers = [];
     let _id_extraInitializers = [];
@@ -102,6 +104,7 @@ let ZHTMLElement = (() => {
     let _flexDirection_decorators;
     let _flexDirection_initializers = [];
     let _flexDirection_extraInitializers = [];
+    let _dispose_decorators;
     return class ZHTMLElement extends _classSuper {
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
@@ -110,6 +113,7 @@ let ZHTMLElement = (() => {
                     instance.element.innerText = v;
                 })];
             _element_decorators = [zIgnore()];
+            _connectElements_decorators = [zIgnore()];
             _id_decorators = [zObserve((val, instance) => {
                     instance.element.id = val;
                 }), zUI()];
@@ -167,6 +171,9 @@ let ZHTMLElement = (() => {
             _flexDirection_decorators = [zObserve((val, instance) => {
                     instance.element.style.flexDirection = val;
                 }), zUI({ group: 'Display' })];
+            _dispose_decorators = [zIgnore()];
+            __esDecorate(this, null, _connectElements_decorators, { kind: "method", name: "connectElements", static: false, private: false, access: { has: obj => "connectElements" in obj, get: obj => obj.connectElements }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _dispose_decorators, { kind: "method", name: "dispose", static: false, private: false, access: { has: obj => "dispose" in obj, get: obj => obj.dispose }, metadata: _metadata }, null, _instanceExtraInitializers);
             __esDecorate(null, null, _onClick_decorators, { kind: "field", name: "onClick", static: false, private: false, access: { has: obj => "onClick" in obj, get: obj => obj.onClick, set: (obj, value) => { obj.onClick = value; } }, metadata: _metadata }, _onClick_initializers, _onClick_extraInitializers);
             __esDecorate(null, null, _innerText_decorators, { kind: "field", name: "innerText", static: false, private: false, access: { has: obj => "innerText" in obj, get: obj => obj.innerText, set: (obj, value) => { obj.innerText = value; } }, metadata: _metadata }, _innerText_initializers, _innerText_extraInitializers);
             __esDecorate(null, null, _element_decorators, { kind: "field", name: "element", static: false, private: false, access: { has: obj => "element" in obj, get: obj => obj.element, set: (obj, value) => { obj.element = value; } }, metadata: _metadata }, _element_initializers, _element_extraInitializers);
@@ -191,7 +198,10 @@ let ZHTMLElement = (() => {
             __esDecorate(null, null, _flexDirection_decorators, { kind: "field", name: "flexDirection", static: false, private: false, access: { has: obj => "flexDirection" in obj, get: obj => obj.flexDirection, set: (obj, value) => { obj.flexDirection = value; } }, metadata: _metadata }, _flexDirection_initializers, _flexDirection_extraInitializers);
             if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
-        onClick = __runInitializers(this, _onClick_initializers, new Event());
+        /**
+         * @zui
+         */
+        onClick = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _onClick_initializers, new Event()));
         /**
          * The inner text of the element.
          * @default ""
@@ -222,6 +232,9 @@ let ZHTMLElement = (() => {
             this._attachEvent(this.onClick, 'click');
             useOnNodeConstructed(contextManager).emit(this.element);
         }
+        /**
+         * @zignore
+         */
         connectElements() {
             let parent = this.parent;
             while (parent) {
@@ -254,10 +267,12 @@ let ZHTMLElement = (() => {
         }
         /**
          * @default ""
+         * @zui
          */
         id = (__runInitializers(this, _element_extraInitializers), __runInitializers(this, _id_initializers, ''));
         /**
          * @default []
+         * @zui
          */
         classList = (__runInitializers(this, _id_extraInitializers), __runInitializers(this, _classList_initializers, []));
         /**
@@ -361,6 +376,9 @@ let ZHTMLElement = (() => {
          * @zgroup Display
          */
         flexDirection = (__runInitializers(this, _display_extraInitializers), __runInitializers(this, _flexDirection_initializers, CSSFlexDirection.row));
+        /**
+         * @zignore
+         */
         dispose() {
             useOnNodeDisposed(this.contextManager).emit(this.element);
             return super.dispose();

package/lib/img.d.ts

@@ -3,7 +3,7 @@ import { HTMLElementProps, ZHTMLElement } from './HTMLElement';
 export interface ImgConstructorProps extends HTMLElementProps {
     /**
      */
-    src: ProjectFile<'*.jpg' | '*.jpeg' | '*.png'>;
+    src: ProjectFile<'*.jpg' | '*.jpeg' | '*.png' | '*.svg'>;
 }
 /**
  * @zcomponent

package/package.json

@@ -1,75 +1,75 @@
 {
-  "name": "@zcomponent/html",
-  "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/**/*"
-  ],
-  "directories": {
-    "lib": "lib"
-  },
-  "files": [
-    "index.js",
-    "index.d.ts",
-    "lib/**/*",
-    "public/**/*"
-  ],
-  "scripts": {
-    "build": "rm -rf lib && tspc && tsc-alias",
-    "watch": "tsc -w",
-    "docs": "typedoc --out docs",
-    "predocs": "npm run ctix",
-    "ctix": "ctix build"
-  },
-  "peerDependencies": {
-    "@zcomponent/core": "*"
-  },
-  "keywords": [],
-  "release": {
-    "extends": "semantic-release-commit-filter",
-    "ci": true,
-    "branches": [
-      "main",
-      {
-        "name": "beta",
-        "channel": "beta",
-        "prerelease": "beta"
-      },
-      {
-        "name": "alpha",
-        "channel": "alpha",
-        "prerelease": "alpha"
-      }
-    ],
-    "plugins": [
-      "@semantic-release/commit-analyzer",
-      "@semantic-release/release-notes-generator",
-      "@semantic-release/changelog",
-      "@semantic-release/npm",
-      "@semantic-release/gitlab",
-      "@semantic-release/git"
-    ],
-    "tagFormat": "@zcomponent/html@${version}"
-  }
+	"name": "@zcomponent/html",
+	"version": "2.0.0-alpha.4",
+	"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/**/*"
+	],
+	"directories": {
+		"lib": "lib"
+	},
+	"files": [
+		"index.js",
+		"index.d.ts",
+		"lib/**/*",
+		"public/**/*"
+	],
+	"scripts": {
+		"build": "rm -rf lib && tspc && tsc-alias",
+		"watch": "tsc -w",
+		"docs": "typedoc --out docs",
+		"predocs": "npm run ctix",
+		"ctix": "ctix build"
+	},
+	"peerDependencies": {
+		"@zcomponent/core": "*"
+	},
+	"keywords": [],
+	"release": {
+		"extends": "semantic-release-commit-filter",
+		"ci": true,
+		"branches": [
+			"main",
+			{
+				"name": "beta",
+				"channel": "beta",
+				"prerelease": "beta"
+			},
+			{
+				"name": "alpha",
+				"channel": "alpha",
+				"prerelease": "alpha"
+			}
+		],
+		"plugins": [
+			"@semantic-release/commit-analyzer",
+			"@semantic-release/release-notes-generator",
+			"@semantic-release/changelog",
+			"@semantic-release/npm",
+			"@semantic-release/gitlab",
+			"@semantic-release/git"
+		],
+		"tagFormat": "@zcomponent/html@${version}"
+	}
 }