@htmlplus/element 2.8.0 → 2.9.0

package/client/decorators/context.js

@@ -66,10 +66,17 @@ export function Consumer(namespace) {
         };
         // TODO
         appendToMethod(target, CONSTANTS.LIFECYCLE_CONNECTED, function () {
+            // TODO
+            if (SUB && this[SUB])
+                return;
+            // TODO
+            let connected;
             const options = {
                 bubbles: true
             };
             options.detail = (parent, state) => {
+                // TODO
+                connected = true;
                 update(this, state);
                 const cleanup = () => {
                     off(parent, `${prefix}:update`, onUpdate);
@@ -83,6 +90,8 @@ export function Consumer(namespace) {
                 cleanups(this).set(prefix, cleanup);
             };
             dispatch(this, `${prefix}:presence`, options);
+            // TODO: When the `Provider` element is activated after the `Consumer` element.
+            !connected && setTimeout(() => dispatch(this, `${prefix}:presence`, options));
         });
         appendToMethod(target, CONSTANTS.LIFECYCLE_UPDATE, function (states) {
             var _a;

package/client/decorators/element.js

@@ -28,7 +28,6 @@ const proxy = (constructor) => {
                 });
                 const instance = (this[CONSTANTS.API_INSTANCE] = new constructor());
                 instance[CONSTANTS.API_HOST] = () => this;
-                // TODO
                 call(instance, CONSTANTS.LIFECYCLE_CONSTRUCTED);
             }
             adoptedCallback() {
@@ -36,7 +35,7 @@ const proxy = (constructor) => {
             }
             attributeChangedCallback(key, prev, next) {
                 var _a;
-                // ensures the integrity of readonly properties to prevent potential errors.
+                // Ensures the integrity of readonly properties to prevent potential errors.
                 try {
                     const attribute = (_a = constructor[CONSTANTS.MAPPER]) === null || _a === void 0 ? void 0 : _a[key];
                     const property = attribute || camelCase(key);
@@ -63,9 +62,7 @@ const proxy = (constructor) => {
                 call(this[CONSTANTS.API_INSTANCE], CONSTANTS.LIFECYCLE_DISCONNECTED);
             }
         },
-        // TODO
         _a.formAssociated = constructor['formAssociated'],
-        // TODO
         _a.observedAttributes = constructor['observedAttributes'],
         _a;
 };

package/client/decorators/event.js

@@ -17,6 +17,11 @@ export function Event(options = {}) {
                     (_a = options.bubbles) !== null && _a !== void 0 ? _a : (options.bubbles = false);
                     let type = String(key);
                     switch (framework) {
+                        // TODO: Experimental
+                        case 'blazor':
+                            options.bubbles = true;
+                            type = pascalCase(type);
+                            break;
                         case 'qwik':
                         case 'solid':
                             type = pascalCase(type).toLowerCase();

package/client/utils/getFramework.js

@@ -11,8 +11,10 @@ export const getFramework = (target) => {
         return 'vue';
     const keys = Object.keys(element);
     const has = (input) => keys.some((key) => key.startsWith(input));
-    if (has('__zone_symbol__'))
-        return 'angular';
+    if (has('_blazor'))
+        return 'blazor';
     if (has('__react'))
         return 'react';
+    if (has('__zone_symbol__'))
+        return 'angular';
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@htmlplus/element",
-  "version": "2.8.0",
+  "version": "2.9.0",
   "license": "MIT",
   "sideEffects": false,
   "author": "Masood Abdolian <m.abdolian@gmail.com>",