@zcomponent/html 0.0.2 → 0.0.4

package/lib/CSS.d.ts

@@ -4,6 +4,11 @@ interface CSSConstructorProps {
      * @zvalues files *.css
      */
     source: string;
+    /**
+     * @zprop
+     * @zdefault true
+     */
+    includeAtDesignTime: boolean;
 }
 /**
  * The CSS component will ensure that the CSS file referenced by its `source` constructor prop is added to your page and loaded by the browser.

package/lib/CSS.js

@@ -1,4 +1,4 @@
-import { Component, registerLoadable } from '@zcomponent/core';
+import { Component, isDesignTime, registerLoadable } from '@zcomponent/core';
 const alreadyAdded = new Map();
 /**
  * The CSS component will ensure that the CSS file referenced by its `source` constructor prop is added to your page and loaded by the browser.
@@ -12,7 +12,7 @@ export class CSS extends Component {
     constructor(contextManager, constructorProps) {
         super(contextManager, constructorProps);
         this.constructorProps = constructorProps;
-        if (!constructorProps.source)
+        if (!constructorProps.source || (constructorProps.includeAtDesignTime === false && isDesignTime(contextManager)))
             return;
         this._elm = alreadyAdded.get(constructorProps.source);
         if (this._elm)

package/lib/HTMLElement.js

@@ -120,7 +120,7 @@ export class ZHTMLElement extends Component {
         const handler = (e) => {
             evt.emit(e);
         };
-        evt.hasBindings.withValue(b => {
+        evt.hasListeners.addListener(b => {
             if (b)
                 this.element.addEventListener(evtName, handler);
             else

package/lib/headings.d.ts

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

package/lib/headings.js

@@ -0,0 +1,67 @@
+import { ZHTMLElement } from './HTMLElement';
+/** @zcomponent
+ * @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
+ * @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
+ * @ztag html/element/h3
+ * @zparents html/element/**
+ * @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/**
+ * @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/**
+ * @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'));
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zcomponent/html",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "",
   "main": "index.js",
   "types": "index.d.ts",
@@ -18,7 +18,7 @@
   "author": "Zappar Limited",
   "license": "Proprietary",
   "dependencies": {
-    "@zcomponent/core": "~0.0.9"
+    "@zcomponent/core": "~0.0.15"
   },
   "devDependencies": {
     "typescript": "^4.9.4"