@dooboostore/simple-web-component 1.0.6 → 1.0.8

package/src/is/SwcIfDiv.ts

@@ -53,8 +53,8 @@ export class SwcIfDiv extends SwcHTMLDivElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        if (clone.style) clone.style.display = 'contents';
         this.appendChild(clone);
+        if (clone.style) clone.style.display = 'contents';
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfDl.ts

@@ -53,8 +53,8 @@ export class SwcIfDl extends SwcHTMLDListElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        if (clone.style) clone.style.display = 'contents';
         this.appendChild(clone);
+        if (clone.style) clone.style.display = 'contents';
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfEmbed.ts

@@ -53,8 +53,8 @@ export class SwcIfEmbed extends SwcHTMLEmbedElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        if (clone.style) clone.style.display = 'contents';
         this.appendChild(clone);
+        if (clone.style) clone.style.display = 'contents';
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfFieldSet.ts

@@ -53,8 +53,8 @@ export class SwcIfFieldSet extends SwcHTMLFieldSetElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        if (clone.style) clone.style.display = 'contents';
         this.appendChild(clone);
+        if (clone.style) clone.style.display = 'contents';
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfForm.ts

@@ -53,8 +53,8 @@ export class SwcIfForm extends SwcHTMLFormElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        if (clone.style) clone.style.display = 'contents';
         this.appendChild(clone);
+        if (clone.style) clone.style.display = 'contents';
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfHeading.ts

@@ -53,8 +53,8 @@ export class SwcIfHeading extends SwcHTMLHeadingElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        if (clone.style) clone.style.display = 'contents';
         this.appendChild(clone);
+        if (clone.style) clone.style.display = 'contents';
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfHr.ts

@@ -53,8 +53,8 @@ export class SwcIfHr extends SwcHTMLHRElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        if (clone.style) clone.style.display = 'contents';
         this.appendChild(clone);
+        if (clone.style) clone.style.display = 'contents';
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfIFrame.ts

@@ -53,8 +53,8 @@ export class SwcIfIFrame extends SwcHTMLIFrameElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        if (clone.style) clone.style.display = 'contents';
         this.appendChild(clone);
+        if (clone.style) clone.style.display = 'contents';
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfImage.ts

@@ -53,8 +53,8 @@ export class SwcIfImage extends SwcHTMLImageElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        if (clone.style) clone.style.display = 'contents';
         this.appendChild(clone);
+        if (clone.style) clone.style.display = 'contents';
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfInput.ts

@@ -53,8 +53,8 @@ export class SwcIfInput extends SwcHTMLInputElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        if (clone.style) clone.style.display = 'contents';
         this.appendChild(clone);
+        if (clone.style) clone.style.display = 'contents';
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfLabel.ts

@@ -53,8 +53,8 @@ export class SwcIfLabel extends SwcHTMLLabelElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        if (clone.style) clone.style.display = 'contents';
         this.appendChild(clone);
+        if (clone.style) clone.style.display = 'contents';
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfLegend.ts

@@ -53,8 +53,8 @@ export class SwcIfLegend extends SwcHTMLLegendElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        if (clone.style) clone.style.display = 'contents';
         this.appendChild(clone);
+        if (clone.style) clone.style.display = 'contents';
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfLi.ts

@@ -53,8 +53,8 @@ export class SwcIfLi extends SwcHTMLLIElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        if (clone.style) clone.style.display = 'contents';
         this.appendChild(clone);
+        if (clone.style) clone.style.display = 'contents';
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfLink.ts

@@ -53,8 +53,8 @@ export class SwcIfLink extends SwcHTMLLinkElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        if (clone.style) clone.style.display = 'contents';
         this.appendChild(clone);
+        if (clone.style) clone.style.display = 'contents';
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfMap.ts

@@ -53,8 +53,8 @@ export class SwcIfMap extends SwcHTMLMapElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        if (clone.style) clone.style.display = 'contents';
         this.appendChild(clone);
+        if (clone.style) clone.style.display = 'contents';
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfMeta.ts

@@ -53,8 +53,8 @@ export class SwcIfMeta extends SwcHTMLMetaElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        if (clone.style) clone.style.display = 'contents';
         this.appendChild(clone);
+        if (clone.style) clone.style.display = 'contents';
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfMeter.ts

@@ -53,8 +53,8 @@ export class SwcIfMeter extends SwcHTMLMeterElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        if (clone.style) clone.style.display = 'contents';
         this.appendChild(clone);
+        if (clone.style) clone.style.display = 'contents';
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfMod.ts

@@ -53,8 +53,8 @@ export class SwcIfMod extends SwcHTMLModElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        if (clone.style) clone.style.display = 'contents';
         this.appendChild(clone);
+        if (clone.style) clone.style.display = 'contents';
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfObject.ts

@@ -53,8 +53,8 @@ export class SwcIfObject extends SwcHTMLObjectElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        if (clone.style) clone.style.display = 'contents';
         this.appendChild(clone);
+        if (clone.style) clone.style.display = 'contents';
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfOl.ts

@@ -53,8 +53,8 @@ export class SwcIfOl extends SwcHTMLOListElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        if (clone.style) clone.style.display = 'contents';
         this.appendChild(clone);
+        if (clone.style) clone.style.display = 'contents';
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfOptGroup.ts

@@ -53,8 +53,8 @@ export class SwcIfOptGroup extends SwcHTMLOptGroupElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        if (clone.style) clone.style.display = 'contents';
         this.appendChild(clone);
+        if (clone.style) clone.style.display = 'contents';
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfOption.ts

@@ -53,8 +53,8 @@ export class SwcIfOption extends SwcHTMLOptionElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        if (clone.style) clone.style.display = 'contents';
         this.appendChild(clone);
+        if (clone.style) clone.style.display = 'contents';
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfOutput.ts

@@ -53,8 +53,8 @@ export class SwcIfOutput extends SwcHTMLOutputElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        if (clone.style) clone.style.display = 'contents';
         this.appendChild(clone);
+        if (clone.style) clone.style.display = 'contents';
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfParagraph.ts

@@ -53,8 +53,8 @@ export class SwcIfParagraph extends SwcHTMLParagraphElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        if (clone.style) clone.style.display = 'contents';
         this.appendChild(clone);
+        if (clone.style) clone.style.display = 'contents';
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfParam.ts

@@ -53,8 +53,8 @@ export class SwcIfParam extends SwcHTMLParamElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        if (clone.style) clone.style.display = 'contents';
         this.appendChild(clone);
+        if (clone.style) clone.style.display = 'contents';
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfPicture.ts

@@ -53,8 +53,8 @@ export class SwcIfPicture extends SwcHTMLPictureElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        if (clone.style) clone.style.display = 'contents';
         this.appendChild(clone);
+        if (clone.style) clone.style.display = 'contents';
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfPre.ts

@@ -53,8 +53,8 @@ export class SwcIfPre extends SwcHTMLPreElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        if (clone.style) clone.style.display = 'contents';
         this.appendChild(clone);
+        if (clone.style) clone.style.display = 'contents';
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfProgress.ts

@@ -53,8 +53,8 @@ export class SwcIfProgress extends SwcHTMLProgressElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        if (clone.style) clone.style.display = 'contents';
         this.appendChild(clone);
+        if (clone.style) clone.style.display = 'contents';
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfQuote.ts

@@ -53,8 +53,8 @@ export class SwcIfQuote extends SwcHTMLQuoteElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        if (clone.style) clone.style.display = 'contents';
         this.appendChild(clone);
+        if (clone.style) clone.style.display = 'contents';
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfScript.ts

@@ -53,8 +53,8 @@ export class SwcIfScript extends SwcHTMLScriptElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        if (clone.style) clone.style.display = 'contents';
         this.appendChild(clone);
+        if (clone.style) clone.style.display = 'contents';
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfSelect.ts

@@ -53,8 +53,8 @@ export class SwcIfSelect extends SwcHTMLSelectElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        if (clone.style) clone.style.display = 'contents';
         this.appendChild(clone);
+        if (clone.style) clone.style.display = 'contents';
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfSlot.ts

@@ -53,8 +53,8 @@ export class SwcIfSlot extends SwcHTMLSlotElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        if (clone.style) clone.style.display = 'contents';
         this.appendChild(clone);
+        if (clone.style) clone.style.display = 'contents';
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfSource.ts

@@ -53,8 +53,8 @@ export class SwcIfSource extends SwcHTMLSourceElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        if (clone.style) clone.style.display = 'contents';
         this.appendChild(clone);
+        if (clone.style) clone.style.display = 'contents';
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfSpan.ts

@@ -53,8 +53,8 @@ export class SwcIfSpan extends SwcHTMLSpanElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        if (clone.style) clone.style.display = 'contents';
         this.appendChild(clone);
+        if (clone.style) clone.style.display = 'contents';
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfStyle.ts

@@ -53,8 +53,8 @@ export class SwcIfStyle extends SwcHTMLStyleElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        if (clone.style) clone.style.display = 'contents';
         this.appendChild(clone);
+        if (clone.style) clone.style.display = 'contents';
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfTable.ts

@@ -53,8 +53,8 @@ export class SwcIfTable extends SwcHTMLTableElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        if (clone.style) clone.style.display = 'contents';
         this.appendChild(clone);
+        if (clone.style) clone.style.display = 'contents';
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfTableCell.ts

@@ -53,8 +53,8 @@ export class SwcIfTableCell extends SwcHTMLTableCellElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        if (clone.style) clone.style.display = 'contents';
         this.appendChild(clone);
+        if (clone.style) clone.style.display = 'contents';
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfTableRow.ts

@@ -53,8 +53,8 @@ export class SwcIfTableRow extends SwcHTMLTableRowElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        if (clone.style) clone.style.display = 'contents';
         this.appendChild(clone);
+        if (clone.style) clone.style.display = 'contents';
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfTableSection.ts

@@ -53,8 +53,8 @@ export class SwcIfTableSection extends SwcHTMLTableSectionElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        if (clone.style) clone.style.display = 'contents';
         this.appendChild(clone);
+        if (clone.style) clone.style.display = 'contents';
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfTemplate.ts

@@ -53,8 +53,8 @@ export class SwcIfTemplate extends SwcHTMLTemplateElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        if (clone.style) clone.style.display = 'contents';
         this.appendChild(clone);
+        if (clone.style) clone.style.display = 'contents';
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfTextArea.ts

@@ -53,8 +53,8 @@ export class SwcIfTextArea extends SwcHTMLTextAreaElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        if (clone.style) clone.style.display = 'contents';
         this.appendChild(clone);
+        if (clone.style) clone.style.display = 'contents';
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfTime.ts

@@ -53,8 +53,8 @@ export class SwcIfTime extends SwcHTMLTimeElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        if (clone.style) clone.style.display = 'contents';
         this.appendChild(clone);
+        if (clone.style) clone.style.display = 'contents';
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfTitle.ts

@@ -53,8 +53,8 @@ export class SwcIfTitle extends SwcHTMLTitleElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        if (clone.style) clone.style.display = 'contents';
         this.appendChild(clone);
+        if (clone.style) clone.style.display = 'contents';
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfTrack.ts

@@ -53,8 +53,8 @@ export class SwcIfTrack extends SwcHTMLTrackElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        if (clone.style) clone.style.display = 'contents';
         this.appendChild(clone);
+        if (clone.style) clone.style.display = 'contents';
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfUl.ts

@@ -53,8 +53,8 @@ export class SwcIfUl extends SwcHTMLUListElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        if (clone.style) clone.style.display = 'contents';
         this.appendChild(clone);
+        if (clone.style) clone.style.display = 'contents';
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfVideo.ts

@@ -53,8 +53,8 @@ export class SwcIfVideo extends SwcHTMLVideoElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        if (clone.style) clone.style.display = 'contents';
         this.appendChild(clone);
+        if (clone.style) clone.style.display = 'contents';
         this.applyData(clone, this._swcValue);
       });
     }

package/src/utils/Utils.ts

@@ -1,45 +1,33 @@
 export class SwcUtils {
-  static getValueByPath(obj: any, path: string, asKey: string) {
+  static getValueByPath(obj: any, path: string, rootName: string) {
     if (!obj || !path) return undefined;
 
     const parts = path.split('.');
 
-    // 1. Try resolving directly on the provided object (Full path)
-    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;
-    }
-
-    // 2. Handle asKey fallback (for swc-for-of where obj IS the data)
-    if (path === asKey) return obj;
-    if (path.startsWith(asKey + '.')) {
+    // 1. If the path starts with the rootName (alias), strip it and resolve within obj
+    // e.g., getValueByPath({name: 'Kim'}, 'u.name', 'u') -> returns 'Kim'
+    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 undefined;
-        }
+        if (subResult === null || subResult === undefined) return undefined;
+        subResult = subResult[part];
       }
       return subResult;
     }
 
-    // 3. 상위 스코프 탐색 (Bubbling Up)
-    // 만약 현재 엘리먼트에서 못 찾았다면, 부모 엘리먼트에게 물어봅니다.
-    if (obj instanceof HTMLElement && obj.parentElement) {
-      // 부모의 바인딩 시스템에 접근하기 위해 이벤트를 쏘거나 직접 참조할 수 있음
-      // 여기서는 엔진 레벨에서 처리하기 위해 elementDefine에서 루프를 돌릴 예정입니다.
+    // 2. Fallback: resolve directly on obj (standard behavior)
+    let result = obj;
+    for (const part of parts) {
+      if (result === null || result === undefined || !(part in result)) {
+        return undefined;
+      }
+      result = result[part];
+    }
+
+    // Safety: don't return the instance itself or a DOM element as a template value
+    if (result !== obj && !(result instanceof HTMLElement)) {
+      return result;
     }
 
     return undefined;
@@ -100,9 +88,7 @@ export class SwcUtils {
         set: (t, prop, val) => {
           const oldVal = t[prop];
           if (oldVal === val) return true;
-
           t[prop] = makeRecursiveProxy(val);
-
           const isIndex = !isNaN(Number(prop)) && Array.isArray(t);
           if (isIndex && onIndexChange) {
             onIndexChange(Number(prop), val);