@dooboostore/simple-web-component 1.0.7 → 1.0.8

package/dist/types/decorators/elementDefine.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"elementDefine.d.ts","sourceRoot":"","sources":["../../../src/decorators/elementDefine.ts"],"names":[],"mappings":"AAWA,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC9B,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;IAC9C,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC;AAED,eAAO,MAAM,kBAAkB,eAAgD,CAAC;AAChF,eAAO,MAAM,kBAAkB,qBAAqB,CAAC;AAqErD,eAAO,MAAM,aAAa,GACvB,UAAU,aAAa,GAAG,MAAM,KAAG,cA+WnC,CAAC;AAEJ,eAAO,MAAM,gBAAgB,GAAI,QAAQ,GAAG,KAAG,aAAa,GAAG,SAG9D,CAAC"}
+{"version":3,"file":"elementDefine.d.ts","sourceRoot":"","sources":["../../../src/decorators/elementDefine.ts"],"names":[],"mappings":"AAWA,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC9B,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;IAC9C,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC;AAED,eAAO,MAAM,kBAAkB,eAAgD,CAAC;AAChF,eAAO,MAAM,kBAAkB,qBAAqB,CAAC;AAqErD,eAAO,MAAM,aAAa,GACvB,UAAU,aAAa,GAAG,MAAM,KAAG,cA+YnC,CAAC;AAEJ,eAAO,MAAM,gBAAgB,GAAI,QAAQ,GAAG,KAAG,aAAa,GAAG,SAG9D,CAAC"}

package/dist/types/utils/Utils.d.ts

@@ -1,5 +1,5 @@
 export declare class SwcUtils {
-    static getValueByPath(obj: any, path: string, asKey: string): any;
+    static getValueByPath(obj: any, path: string, rootName: string): any;
     static applyData(node: Node, data: any, options: {
         asKey: string;
         asIndexKey: string;

package/dist/types/utils/Utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Utils.d.ts","sourceRoot":"","sources":["../../../src/utils/Utils.ts"],"names":[],"mappings":"AAAA,qBAAa,QAAQ;IACnB,MAAM,CAAC,cAAc,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM;IA8C3D,MAAM,CAAC,SAAS,CACd,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,GAAG,EACT,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,UAAU,EAAE,MAAM,CAAC;QACnB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB;IAwCH,MAAM,CAAC,mBAAmB,CAAC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,IAAI,EAAE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,IAAI;CA6BhH"}
+{"version":3,"file":"Utils.d.ts","sourceRoot":"","sources":["../../../src/utils/Utils.ts"],"names":[],"mappings":"AAAA,qBAAa,QAAQ;IACnB,MAAM,CAAC,cAAc,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAkC9D,MAAM,CAAC,SAAS,CACd,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,GAAG,EACT,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,UAAU,EAAE,MAAM,CAAC;QACnB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB;IAwCH,MAAM,CAAC,mBAAmB,CAAC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,IAAI,EAAE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,IAAI;CA2BhH"}

package/dist/umd-bundle/dooboostore-simple-web-component.umd.js

@@ -1948,36 +1948,27 @@ var dooboostoreSimpleWebComponent = (() => {
 
   // src/utils/Utils.ts
   var SwcUtils = class _SwcUtils {
-    static getValueByPath(obj, path, asKey) {
+    static getValueByPath(obj, path, rootName) {
       if (!obj || !path) return void 0;
       const parts = path.split(".");
-      let result = obj;
-      let success = true;
-      for (const part of parts) {
-        if (result !== null && typeof result === "object" && part in result) {
-          result = result[part];
-        } else {
-          success = false;
-          break;
-        }
-      }
-      if (success && result !== obj && !(result instanceof HTMLElement)) {
-        return result;
-      }
-      if (path === asKey) return obj;
-      if (path.startsWith(asKey + ".")) {
+      if (parts[0] === rootName && parts.length > 1) {
         const subParts = parts.slice(1);
         let subResult = obj;
         for (const part of subParts) {
-          if (subResult !== null && typeof subResult === "object" && part in subResult) {
-            subResult = subResult[part];
-          } else {
-            return void 0;
-          }
+          if (subResult === null || subResult === void 0) return void 0;
+          subResult = subResult[part];
         }
         return subResult;
       }
-      if (obj instanceof HTMLElement && obj.parentElement) {
+      let result = obj;
+      for (const part of parts) {
+        if (result === null || result === void 0 || !(part in result)) {
+          return void 0;
+        }
+        result = result[part];
+      }
+      if (result !== obj && !(result instanceof HTMLElement)) {
+        return result;
       }
       return void 0;
     }
@@ -2257,8 +2248,6 @@ var dooboostoreSimpleWebComponent = (() => {
         }
       }
       _buildStateMap() {
-        this._stateBindings.clear();
-        this._externalSources.clear();
         const scan = (root) => {
           const walker = document.createTreeWalker(root, NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_TEXT);
           let node = null;
@@ -2267,7 +2256,7 @@ var dooboostoreSimpleWebComponent = (() => {
             else if (node.nodeType === Node.ELEMENT_NODE) {
               const el = node;
               const alias = el.getAttribute("as");
-              if (alias) {
+              if (alias && !this._externalSources.has(alias)) {
                 this._externalSources.set(alias, el);
                 el.addEventListener(STATE_CHANGE_EVENT, () => this._updateState(alias));
               }
@@ -2279,9 +2268,12 @@ var dooboostoreSimpleWebComponent = (() => {
         scan(this);
       }
       _parseAndBind(node, type, owner) {
-        const content = node.textContent || "";
+        const tplKey = `__swc_original_${this._swcId}`;
+        const isAlreadyBound = node.__swc_bound_ids?.has(this._swcId);
+        const content = node[tplKey] || node.textContent || "";
         const matches = Array.from(content.matchAll(/{{(.*?)}}/g));
         if (matches.length === 0) return;
+        if (isAlreadyBound) return;
         matches.forEach((match) => {
           const fullPath = match[1].trim();
           const rootName = fullPath.split(".")[0];
@@ -2291,8 +2283,9 @@ var dooboostoreSimpleWebComponent = (() => {
           const isSelfAlias = this.getAttribute("as") === rootName;
           if (!isState && !isLogicKey && !isExternal && !isSelfAlias) return;
           if (!this._stateBindings.has(rootName)) this._stateBindings.set(rootName, []);
-          const tplKey = `__swc_original_${this._swcId}`;
           if (!node[tplKey]) node[tplKey] = content;
+          if (!node.__swc_bound_ids) node.__swc_bound_ids = /* @__PURE__ */ new Set();
+          node.__swc_bound_ids.add(this._swcId);
           this._stateBindings.get(rootName).push({ node, type, owner, path: fullPath });
           this._updateState(rootName);
         });
@@ -2310,7 +2303,9 @@ var dooboostoreSimpleWebComponent = (() => {
         const tplKey = `__swc_original_${this._swcId}`;
         bindings.forEach((bin) => {
           let text = bin.node[tplKey];
+          if (!text) return;
           const matches = Array.from(text.matchAll(/{{(.*?)}}/g));
+          let updatedText = text;
           for (const match of matches) {
             const path = match[1].trim();
             const root = path.split(".")[0];
@@ -2342,14 +2337,20 @@ var dooboostoreSimpleWebComponent = (() => {
             }
             if (val !== void 0) {
               const strVal = val === null || val === void 0 ? "" : typeof val === "object" ? "[Object]" : String(val);
-              text = text.replace(match[0], strVal);
+              updatedText = updatedText.replace(match[0], strVal);
               if (bin.type === "attribute" && bin.owner) {
-                if (val === null || val === void 0) bin.owner.removeAttribute(bin.attrName);
-                else bin.owner.setAttribute(bin.attrName, text);
+                const attrName = bin.node.name;
+                if (val === null || val === void 0) bin.owner.removeAttribute(attrName);
+                else {
+                  bin.owner.setAttribute(attrName, updatedText);
+                  if ((attrName === "value" || attrName === "checked") && bin.owner.tagName.match(/INPUT|TEXTAREA|SELECT/)) {
+                    bin.owner[attrName] = updatedText;
+                  }
+                }
               }
             }
           }
-          if (bin.type === "text") bin.node.textContent = text;
+          if (bin.type === "text") bin.node.textContent = updatedText;
         });
       }
       disconnectedCallback() {