@htmlplus/element 0.7.8 → 0.7.9

package/client/decorators/element.js

@@ -1,6 +1,6 @@
 import { camelCase, paramCase } from 'change-case';
 import * as CONSTANTS from '../../constants/index.js';
-import { call, fromAttribute, getConfig, getMembers, getNamespace, getTag, isServer, request } from '../utils/index.js';
+import { call, getConfig, getMembers, getNamespace, getTag, isServer, request, toProperty } from '../utils/index.js';
 export function Element() {
     return function (constructor) {
         if (isServer())
@@ -38,7 +38,7 @@ export function Element() {
                     return;
                 const name = camelCase(attribute);
                 const type = (_a = members[name]) === null || _a === void 0 ? void 0 : _a.type;
-                const value = fromAttribute(next, type);
+                const value = toProperty(next, type);
                 if (instance[name] === value)
                     return;
                 instance[name] = value;

package/client/decorators/property.js

@@ -1,5 +1,5 @@
 import * as CONSTANTS from '../../constants/index.js';
-import { addMember, appendToMethod, defineProperty, host, request, updateAttribute } from '../utils/index.js';
+import { addMember, appendToMethod, defineProperty, host, request, toProperty, updateAttribute } from '../utils/index.js';
 export function Property(options) {
     return function (target, propertyKey) {
         const name = String(propertyKey);
@@ -10,14 +10,15 @@ export function Property(options) {
         }
         function set(next) {
             const previous = this[symbol];
-            if (next === previous)
+            const parsed = toProperty(next, options === null || options === void 0 ? void 0 : options.type);
+            if (parsed === previous)
                 return;
-            this[symbol] = next;
+            this[symbol] = parsed;
             request(this, name, previous, (skipped) => {
                 if (!(options === null || options === void 0 ? void 0 : options.reflect) || skipped)
                     return;
                 target[CONSTANTS.API_LOCKED] = true;
-                updateAttribute(host(this), name, next);
+                updateAttribute(host(this), name, parsed);
                 target[CONSTANTS.API_LOCKED] = false;
             });
         }

package/client/utils/index.d.ts

@@ -7,7 +7,6 @@ export * from './config.js';
 export * from './defineProperty.js';
 export * from './direction.js';
 export * from './event.js';
-export * from './fromAttribute.js';
 export * from './getFramework.js';
 export * from './getMembers.js';
 export * from './getNamespace.js';
@@ -25,6 +24,7 @@ export * from './styles.js';
 export * from './task.js';
 export * from './toBoolean.js';
 export * from './toEvent.js';
+export * from './toProperty.js';
 export * from './toUnit.js';
 export * from './typeOf.js';
 export * from './uhtml.js';

package/client/utils/index.js

@@ -7,7 +7,6 @@ export * from './config.js';
 export * from './defineProperty.js';
 export * from './direction.js';
 export * from './event.js';
-export * from './fromAttribute.js';
 export * from './getFramework.js';
 export * from './getMembers.js';
 export * from './getNamespace.js';
@@ -25,6 +24,7 @@ export * from './styles.js';
 export * from './task.js';
 export * from './toBoolean.js';
 export * from './toEvent.js';
+export * from './toProperty.js';
 export * from './toUnit.js';
 export * from './typeOf.js';
 export * from './uhtml.js';

package/client/utils/toProperty.d.ts

@@ -0,0 +1 @@
+export declare const toProperty: (input: any, type: number | undefined) => any;

package/client/utils/{fromAttribute.js → toProperty.js}

@@ -1,6 +1,8 @@
 import * as CONSTANTS from '../../constants/index.js';
 import { typeOf } from './typeOf.js';
-export const fromAttribute = (input, type) => {
+export const toProperty = (input, type) => {
+    if (type === undefined)
+        return input;
     const string = `${input}`;
     if (CONSTANTS.TYPE_BOOLEAN & type) {
         if (string === '')

package/constants/index.d.ts

@@ -38,7 +38,6 @@ export declare const TYPE_NUMBER: number;
 export declare const TYPE_OBJECT: number;
 export declare const TYPE_STRING: number;
 export declare const TYPE_UNDEFINED: number;
-export declare const TYPE_UNIT: number;
 export declare const UTILS_ATTRIBUTES_IMPORTED = "attributes";
 export declare const UTILS_ATTRIBUTES_LOCAL = "UTILS_ATTRIBUTES";
 export declare const UTILS_HOST_IMPORTED = "host";

package/constants/index.js

@@ -46,7 +46,6 @@ export const TYPE_NUMBER = 2 ** 6;
 export const TYPE_OBJECT = 2 ** 7;
 export const TYPE_STRING = 2 ** 8;
 export const TYPE_UNDEFINED = 2 ** 9;
-export const TYPE_UNIT = 2 ** 10; // TODO
 // utils
 export const UTILS_ATTRIBUTES_IMPORTED = 'attributes';
 export const UTILS_ATTRIBUTES_LOCAL = 'UTILS_ATTRIBUTES';

package/package.json

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

package/client/utils/fromAttribute.d.ts

@@ -1 +0,0 @@
-export declare const fromAttribute: (input: any, type: any) => any;