@dooboostore/simple-web-component 1.0.5 → 1.0.6

package/src/is/SwcChooseTemplate.ts

@@ -69,7 +69,6 @@ export class SwcChooseTemplate extends SwcHTMLTemplateElementBase {
 
   private _renderBranch(branch: Branch) {
     const clone = branch.tpl.cloneNode(true) as HTMLElement;
-    // Force visibility since it hides itself in connectedCallback
     clone.style.display = 'contents';
     this.appendChild(clone);
     this.applyData(clone, this._swcValue);

package/src/is/SwcChooseTextArea.ts

@@ -69,7 +69,6 @@ export class SwcChooseTextArea extends SwcHTMLTextAreaElementBase {
 
   private _renderBranch(branch: Branch) {
     const clone = branch.tpl.cloneNode(true) as HTMLElement;
-    // Force visibility since it hides itself in connectedCallback
     clone.style.display = 'contents';
     this.appendChild(clone);
     this.applyData(clone, this._swcValue);

package/src/is/SwcChooseTime.ts

@@ -69,7 +69,6 @@ export class SwcChooseTime extends SwcHTMLTimeElementBase {
 
   private _renderBranch(branch: Branch) {
     const clone = branch.tpl.cloneNode(true) as HTMLElement;
-    // Force visibility since it hides itself in connectedCallback
     clone.style.display = 'contents';
     this.appendChild(clone);
     this.applyData(clone, this._swcValue);

package/src/is/SwcChooseTitle.ts

@@ -69,7 +69,6 @@ export class SwcChooseTitle extends SwcHTMLTitleElementBase {
 
   private _renderBranch(branch: Branch) {
     const clone = branch.tpl.cloneNode(true) as HTMLElement;
-    // Force visibility since it hides itself in connectedCallback
     clone.style.display = 'contents';
     this.appendChild(clone);
     this.applyData(clone, this._swcValue);

package/src/is/SwcChooseTrack.ts

@@ -69,7 +69,6 @@ export class SwcChooseTrack extends SwcHTMLTrackElementBase {
 
   private _renderBranch(branch: Branch) {
     const clone = branch.tpl.cloneNode(true) as HTMLElement;
-    // Force visibility since it hides itself in connectedCallback
     clone.style.display = 'contents';
     this.appendChild(clone);
     this.applyData(clone, this._swcValue);

package/src/is/SwcChooseUl.ts

@@ -69,7 +69,6 @@ export class SwcChooseUl extends SwcHTMLUListElementBase {
 
   private _renderBranch(branch: Branch) {
     const clone = branch.tpl.cloneNode(true) as HTMLElement;
-    // Force visibility since it hides itself in connectedCallback
     clone.style.display = 'contents';
     this.appendChild(clone);
     this.applyData(clone, this._swcValue);

package/src/is/SwcChooseVideo.ts

@@ -69,7 +69,6 @@ export class SwcChooseVideo extends SwcHTMLVideoElementBase {
 
   private _renderBranch(branch: Branch) {
     const clone = branch.tpl.cloneNode(true) as HTMLElement;
-    // Force visibility since it hides itself in connectedCallback
     clone.style.display = 'contents';
     this.appendChild(clone);
     this.applyData(clone, this._swcValue);

package/src/is/SwcIfAnchor.ts

@@ -53,9 +53,8 @@ export class SwcIfAnchor extends SwcHTMLAnchorElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        this.appendChild(clone);
-        // If it's a Customized Built-in, it might have hidden itself in connectedCallback
         if (clone.style) clone.style.display = 'contents';
+        this.appendChild(clone);
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfArea.ts

@@ -53,9 +53,8 @@ export class SwcIfArea extends SwcHTMLAreaElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        this.appendChild(clone);
-        // If it's a Customized Built-in, it might have hidden itself in connectedCallback
         if (clone.style) clone.style.display = 'contents';
+        this.appendChild(clone);
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfAudio.ts

@@ -53,9 +53,8 @@ export class SwcIfAudio extends SwcHTMLAudioElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        this.appendChild(clone);
-        // If it's a Customized Built-in, it might have hidden itself in connectedCallback
         if (clone.style) clone.style.display = 'contents';
+        this.appendChild(clone);
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfBase.ts

@@ -53,9 +53,8 @@ export class SwcIfBase extends SwcHTMLBaseElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        this.appendChild(clone);
-        // If it's a Customized Built-in, it might have hidden itself in connectedCallback
         if (clone.style) clone.style.display = 'contents';
+        this.appendChild(clone);
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfButton.ts

@@ -53,9 +53,8 @@ export class SwcIfButton extends SwcHTMLButtonElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        this.appendChild(clone);
-        // If it's a Customized Built-in, it might have hidden itself in connectedCallback
         if (clone.style) clone.style.display = 'contents';
+        this.appendChild(clone);
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfCanvas.ts

@@ -53,9 +53,8 @@ export class SwcIfCanvas extends SwcHTMLCanvasElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        this.appendChild(clone);
-        // If it's a Customized Built-in, it might have hidden itself in connectedCallback
         if (clone.style) clone.style.display = 'contents';
+        this.appendChild(clone);
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfData.ts

@@ -53,9 +53,8 @@ export class SwcIfData extends SwcHTMLDataElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        this.appendChild(clone);
-        // If it's a Customized Built-in, it might have hidden itself in connectedCallback
         if (clone.style) clone.style.display = 'contents';
+        this.appendChild(clone);
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfDataList.ts

@@ -53,9 +53,8 @@ export class SwcIfDataList extends SwcHTMLDataListElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        this.appendChild(clone);
-        // If it's a Customized Built-in, it might have hidden itself in connectedCallback
         if (clone.style) clone.style.display = 'contents';
+        this.appendChild(clone);
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfDetails.ts

@@ -53,9 +53,8 @@ export class SwcIfDetails extends SwcHTMLDetailsElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        this.appendChild(clone);
-        // If it's a Customized Built-in, it might have hidden itself in connectedCallback
         if (clone.style) clone.style.display = 'contents';
+        this.appendChild(clone);
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfDialog.ts

@@ -53,9 +53,8 @@ export class SwcIfDialog extends SwcHTMLDialogElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        this.appendChild(clone);
-        // If it's a Customized Built-in, it might have hidden itself in connectedCallback
         if (clone.style) clone.style.display = 'contents';
+        this.appendChild(clone);
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfDiv.ts

@@ -53,9 +53,8 @@ export class SwcIfDiv extends SwcHTMLDivElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        this.appendChild(clone);
-        // If it's a Customized Built-in, it might have hidden itself in connectedCallback
         if (clone.style) clone.style.display = 'contents';
+        this.appendChild(clone);
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfDl.ts

@@ -53,9 +53,8 @@ export class SwcIfDl extends SwcHTMLDListElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        this.appendChild(clone);
-        // If it's a Customized Built-in, it might have hidden itself in connectedCallback
         if (clone.style) clone.style.display = 'contents';
+        this.appendChild(clone);
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfEmbed.ts

@@ -53,9 +53,8 @@ export class SwcIfEmbed extends SwcHTMLEmbedElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        this.appendChild(clone);
-        // If it's a Customized Built-in, it might have hidden itself in connectedCallback
         if (clone.style) clone.style.display = 'contents';
+        this.appendChild(clone);
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfFieldSet.ts

@@ -53,9 +53,8 @@ export class SwcIfFieldSet extends SwcHTMLFieldSetElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        this.appendChild(clone);
-        // If it's a Customized Built-in, it might have hidden itself in connectedCallback
         if (clone.style) clone.style.display = 'contents';
+        this.appendChild(clone);
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfForm.ts

@@ -53,9 +53,8 @@ export class SwcIfForm extends SwcHTMLFormElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        this.appendChild(clone);
-        // If it's a Customized Built-in, it might have hidden itself in connectedCallback
         if (clone.style) clone.style.display = 'contents';
+        this.appendChild(clone);
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfHeading.ts

@@ -53,9 +53,8 @@ export class SwcIfHeading extends SwcHTMLHeadingElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        this.appendChild(clone);
-        // If it's a Customized Built-in, it might have hidden itself in connectedCallback
         if (clone.style) clone.style.display = 'contents';
+        this.appendChild(clone);
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfHr.ts

@@ -53,9 +53,8 @@ export class SwcIfHr extends SwcHTMLHRElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        this.appendChild(clone);
-        // If it's a Customized Built-in, it might have hidden itself in connectedCallback
         if (clone.style) clone.style.display = 'contents';
+        this.appendChild(clone);
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfIFrame.ts

@@ -53,9 +53,8 @@ export class SwcIfIFrame extends SwcHTMLIFrameElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        this.appendChild(clone);
-        // If it's a Customized Built-in, it might have hidden itself in connectedCallback
         if (clone.style) clone.style.display = 'contents';
+        this.appendChild(clone);
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfImage.ts

@@ -53,9 +53,8 @@ export class SwcIfImage extends SwcHTMLImageElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        this.appendChild(clone);
-        // If it's a Customized Built-in, it might have hidden itself in connectedCallback
         if (clone.style) clone.style.display = 'contents';
+        this.appendChild(clone);
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfInput.ts

@@ -53,9 +53,8 @@ export class SwcIfInput extends SwcHTMLInputElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        this.appendChild(clone);
-        // If it's a Customized Built-in, it might have hidden itself in connectedCallback
         if (clone.style) clone.style.display = 'contents';
+        this.appendChild(clone);
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfLabel.ts

@@ -53,9 +53,8 @@ export class SwcIfLabel extends SwcHTMLLabelElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        this.appendChild(clone);
-        // If it's a Customized Built-in, it might have hidden itself in connectedCallback
         if (clone.style) clone.style.display = 'contents';
+        this.appendChild(clone);
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfLegend.ts

@@ -53,9 +53,8 @@ export class SwcIfLegend extends SwcHTMLLegendElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        this.appendChild(clone);
-        // If it's a Customized Built-in, it might have hidden itself in connectedCallback
         if (clone.style) clone.style.display = 'contents';
+        this.appendChild(clone);
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfLi.ts

@@ -53,9 +53,8 @@ export class SwcIfLi extends SwcHTMLLIElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        this.appendChild(clone);
-        // If it's a Customized Built-in, it might have hidden itself in connectedCallback
         if (clone.style) clone.style.display = 'contents';
+        this.appendChild(clone);
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfLink.ts

@@ -53,9 +53,8 @@ export class SwcIfLink extends SwcHTMLLinkElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        this.appendChild(clone);
-        // If it's a Customized Built-in, it might have hidden itself in connectedCallback
         if (clone.style) clone.style.display = 'contents';
+        this.appendChild(clone);
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfMap.ts

@@ -53,9 +53,8 @@ export class SwcIfMap extends SwcHTMLMapElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        this.appendChild(clone);
-        // If it's a Customized Built-in, it might have hidden itself in connectedCallback
         if (clone.style) clone.style.display = 'contents';
+        this.appendChild(clone);
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfMeta.ts

@@ -53,9 +53,8 @@ export class SwcIfMeta extends SwcHTMLMetaElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        this.appendChild(clone);
-        // If it's a Customized Built-in, it might have hidden itself in connectedCallback
         if (clone.style) clone.style.display = 'contents';
+        this.appendChild(clone);
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfMeter.ts

@@ -53,9 +53,8 @@ export class SwcIfMeter extends SwcHTMLMeterElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        this.appendChild(clone);
-        // If it's a Customized Built-in, it might have hidden itself in connectedCallback
         if (clone.style) clone.style.display = 'contents';
+        this.appendChild(clone);
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfMod.ts

@@ -53,9 +53,8 @@ export class SwcIfMod extends SwcHTMLModElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        this.appendChild(clone);
-        // If it's a Customized Built-in, it might have hidden itself in connectedCallback
         if (clone.style) clone.style.display = 'contents';
+        this.appendChild(clone);
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfObject.ts

@@ -53,9 +53,8 @@ export class SwcIfObject extends SwcHTMLObjectElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        this.appendChild(clone);
-        // If it's a Customized Built-in, it might have hidden itself in connectedCallback
         if (clone.style) clone.style.display = 'contents';
+        this.appendChild(clone);
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfOl.ts

@@ -53,9 +53,8 @@ export class SwcIfOl extends SwcHTMLOListElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        this.appendChild(clone);
-        // If it's a Customized Built-in, it might have hidden itself in connectedCallback
         if (clone.style) clone.style.display = 'contents';
+        this.appendChild(clone);
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfOptGroup.ts

@@ -53,9 +53,8 @@ export class SwcIfOptGroup extends SwcHTMLOptGroupElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        this.appendChild(clone);
-        // If it's a Customized Built-in, it might have hidden itself in connectedCallback
         if (clone.style) clone.style.display = 'contents';
+        this.appendChild(clone);
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfOption.ts

@@ -53,9 +53,8 @@ export class SwcIfOption extends SwcHTMLOptionElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        this.appendChild(clone);
-        // If it's a Customized Built-in, it might have hidden itself in connectedCallback
         if (clone.style) clone.style.display = 'contents';
+        this.appendChild(clone);
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfOutput.ts

@@ -53,9 +53,8 @@ export class SwcIfOutput extends SwcHTMLOutputElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        this.appendChild(clone);
-        // If it's a Customized Built-in, it might have hidden itself in connectedCallback
         if (clone.style) clone.style.display = 'contents';
+        this.appendChild(clone);
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfParagraph.ts

@@ -53,9 +53,8 @@ export class SwcIfParagraph extends SwcHTMLParagraphElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        this.appendChild(clone);
-        // If it's a Customized Built-in, it might have hidden itself in connectedCallback
         if (clone.style) clone.style.display = 'contents';
+        this.appendChild(clone);
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfParam.ts

@@ -53,9 +53,8 @@ export class SwcIfParam extends SwcHTMLParamElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        this.appendChild(clone);
-        // If it's a Customized Built-in, it might have hidden itself in connectedCallback
         if (clone.style) clone.style.display = 'contents';
+        this.appendChild(clone);
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfPicture.ts

@@ -53,9 +53,8 @@ export class SwcIfPicture extends SwcHTMLPictureElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        this.appendChild(clone);
-        // If it's a Customized Built-in, it might have hidden itself in connectedCallback
         if (clone.style) clone.style.display = 'contents';
+        this.appendChild(clone);
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfPre.ts

@@ -53,9 +53,8 @@ export class SwcIfPre extends SwcHTMLPreElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        this.appendChild(clone);
-        // If it's a Customized Built-in, it might have hidden itself in connectedCallback
         if (clone.style) clone.style.display = 'contents';
+        this.appendChild(clone);
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfProgress.ts

@@ -53,9 +53,8 @@ export class SwcIfProgress extends SwcHTMLProgressElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        this.appendChild(clone);
-        // If it's a Customized Built-in, it might have hidden itself in connectedCallback
         if (clone.style) clone.style.display = 'contents';
+        this.appendChild(clone);
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfQuote.ts

@@ -53,9 +53,8 @@ export class SwcIfQuote extends SwcHTMLQuoteElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        this.appendChild(clone);
-        // If it's a Customized Built-in, it might have hidden itself in connectedCallback
         if (clone.style) clone.style.display = 'contents';
+        this.appendChild(clone);
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfScript.ts

@@ -53,9 +53,8 @@ export class SwcIfScript extends SwcHTMLScriptElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        this.appendChild(clone);
-        // If it's a Customized Built-in, it might have hidden itself in connectedCallback
         if (clone.style) clone.style.display = 'contents';
+        this.appendChild(clone);
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfSelect.ts

@@ -53,9 +53,8 @@ export class SwcIfSelect extends SwcHTMLSelectElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        this.appendChild(clone);
-        // If it's a Customized Built-in, it might have hidden itself in connectedCallback
         if (clone.style) clone.style.display = 'contents';
+        this.appendChild(clone);
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfSlot.ts

@@ -53,9 +53,8 @@ export class SwcIfSlot extends SwcHTMLSlotElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        this.appendChild(clone);
-        // If it's a Customized Built-in, it might have hidden itself in connectedCallback
         if (clone.style) clone.style.display = 'contents';
+        this.appendChild(clone);
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfSource.ts

@@ -53,9 +53,8 @@ export class SwcIfSource extends SwcHTMLSourceElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        this.appendChild(clone);
-        // If it's a Customized Built-in, it might have hidden itself in connectedCallback
         if (clone.style) clone.style.display = 'contents';
+        this.appendChild(clone);
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfSpan.ts

@@ -53,9 +53,8 @@ export class SwcIfSpan extends SwcHTMLSpanElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        this.appendChild(clone);
-        // If it's a Customized Built-in, it might have hidden itself in connectedCallback
         if (clone.style) clone.style.display = 'contents';
+        this.appendChild(clone);
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfStyle.ts

@@ -53,9 +53,8 @@ export class SwcIfStyle extends SwcHTMLStyleElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        this.appendChild(clone);
-        // If it's a Customized Built-in, it might have hidden itself in connectedCallback
         if (clone.style) clone.style.display = 'contents';
+        this.appendChild(clone);
         this.applyData(clone, this._swcValue);
       });
     }

package/src/is/SwcIfTable.ts

@@ -53,9 +53,8 @@ export class SwcIfTable extends SwcHTMLTableElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach(tplNode => {
         const clone = tplNode.cloneNode(true) as HTMLElement;
-        this.appendChild(clone);
-        // If it's a Customized Built-in, it might have hidden itself in connectedCallback
         if (clone.style) clone.style.display = 'contents';
+        this.appendChild(clone);
         this.applyData(clone, this._swcValue);
       });
     }