@zcomponent/html 1.3.2 → 1.4.0-beta

package/lib/CSS.js

@@ -1,4 +1,5 @@
 import { Component, isDesignTime, registerLoadable } from '@zcomponent/core';
+import { HTMLContext } from './context';
 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.
@@ -20,7 +21,10 @@ export class CSS extends Component {
         else {
             this._elm = [1, document.createElement('link')];
             registerLoadable(contextManager, new Promise((resolve, reject) => {
-                this._elm[1].addEventListener('load', resolve);
+                this._elm[1].addEventListener('load', () => {
+                    contextManager.get(HTMLContext).onCSSChanged.emit();
+                    resolve();
+                });
                 this._elm[1].addEventListener('error', reject);
             }));
             this._elm[1].setAttribute('rel', 'stylesheet');

package/lib/HTMLElement.js

@@ -128,7 +128,8 @@ export class ZHTMLElement extends Component {
     }
     _attachEvent(evt, evtName) {
         const handler = (e) => {
-            evt.emit(e);
+            if (this.enabledResolved.value)
+                evt.emit(e);
         };
         evt.hasListeners.addListener(b => {
             if (b)

package/lib/context.d.ts

@@ -2,6 +2,7 @@ import { Event, ContextManager, Context } from '@zcomponent/core';
 export declare class HTMLContext extends Context {
     onNodeConstructed: Event<[Node]>;
     onNodeDisposed: Event<[Node]>;
+    onCSSChanged: Event<[]>;
 }
 export declare function useOnNodeConstructed(mgr: ContextManager): Event<[Node]>;
 export declare function useOnNodeDisposed(mgr: ContextManager): Event<[Node]>;

package/lib/context.js

@@ -4,6 +4,7 @@ export class HTMLContext extends Context {
         super(...arguments);
         this.onNodeConstructed = new Event();
         this.onNodeDisposed = new Event();
+        this.onCSSChanged = new Event();
     }
 }
 export function useOnNodeConstructed(mgr) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@zcomponent/html",
-  "version": "1.3.2",
-  "description": "",
+  "version": "1.4.0-beta",
+  "description": "Mattercraft support for HTML",
   "main": "index.js",
   "types": "index.d.ts",
   "directories": {