@dooboostore/simple-web-component 1.0.5 → 1.0.7

package/dist/cjs/is/SwcWhenSource.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/is/SwcWhenSource.ts"],
-  "sourcesContent": ["import { elementDefine } from '../index';\nimport { SwcHTMLSourceElementBase } from './SwcHTMLSourceElementBase';\n\n@elementDefine({ name: 'swc-when-source', extends: 'source' })\nexport class SwcWhenSource extends SwcHTMLSourceElementBase {\n  connectedCallback() {\n    // If standing alone (as a template), hide it. \n    // The parent SwcChoose will force display: contents when active.\n    if (this.style.display !== 'contents') {\n       this.style.display = 'none';\n    }\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,eAA8B;AAC9B,sCAAyC;;;;;;;AAGlC,IAAM,gBAAN,MAAMA,uBAAsB,yDAAwB;EACzD,oBAAiB;AAGf,QAAI,KAAK,MAAM,YAAY,YAAY;AACpC,WAAK,MAAM,UAAU;IACxB;EACF;;AAPW,gBAAa,WAAA;MADzB,wBAAc,EAAE,MAAM,mBAAmB,SAAS,SAAQ,CAAE;GAChD,aAAa;",
+  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLSourceElementBase } from './SwcHTMLSourceElementBase';\n\n@elementDefine({ name: 'swc-when-source', extends: 'source' })\nexport class SwcWhenSource extends SwcHTMLSourceElementBase {\n  connectedCallback() {\n    if (this.style.display !== 'contents') {\n       this.style.display = 'none';\n    }\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,eAAyC;AACzC,sCAAyC;;;;;;;AAGlC,IAAM,gBAAN,MAAMA,uBAAsB,yDAAwB;EACzD,oBAAiB;AACf,QAAI,KAAK,MAAM,YAAY,YAAY;AACpC,WAAK,MAAM,UAAU;IACxB;EACF;;AALW,gBAAa,WAAA;MADzB,wBAAc,EAAE,MAAM,mBAAmB,SAAS,SAAQ,CAAE;GAChD,aAAa;",
   "names": ["SwcWhenSource"]
 }

package/dist/cjs/is/SwcWhenSpan.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/is/SwcWhenSpan.ts"],
-  "sourcesContent": ["import { elementDefine } from '../index';\nimport { SwcHTMLSpanElementBase } from './SwcHTMLSpanElementBase';\n\n@elementDefine({ name: 'swc-when-span', extends: 'span' })\nexport class SwcWhenSpan extends SwcHTMLSpanElementBase {\n  connectedCallback() {\n    // If standing alone (as a template), hide it. \n    // The parent SwcChoose will force display: contents when active.\n    if (this.style.display !== 'contents') {\n       this.style.display = 'none';\n    }\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,eAA8B;AAC9B,oCAAuC;;;;;;;AAGhC,IAAM,cAAN,MAAMA,qBAAoB,qDAAsB;EACrD,oBAAiB;AAGf,QAAI,KAAK,MAAM,YAAY,YAAY;AACpC,WAAK,MAAM,UAAU;IACxB;EACF;;AAPW,cAAW,WAAA;MADvB,wBAAc,EAAE,MAAM,iBAAiB,SAAS,OAAM,CAAE;GAC5C,WAAW;",
+  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLSpanElementBase } from './SwcHTMLSpanElementBase';\n\n@elementDefine({ name: 'swc-when-span', extends: 'span' })\nexport class SwcWhenSpan extends SwcHTMLSpanElementBase {\n  connectedCallback() {\n    if (this.style.display !== 'contents') {\n       this.style.display = 'none';\n    }\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,eAAyC;AACzC,oCAAuC;;;;;;;AAGhC,IAAM,cAAN,MAAMA,qBAAoB,qDAAsB;EACrD,oBAAiB;AACf,QAAI,KAAK,MAAM,YAAY,YAAY;AACpC,WAAK,MAAM,UAAU;IACxB;EACF;;AALW,cAAW,WAAA;MADvB,wBAAc,EAAE,MAAM,iBAAiB,SAAS,OAAM,CAAE;GAC5C,WAAW;",
   "names": ["SwcWhenSpan"]
 }

package/dist/cjs/is/SwcWhenStyle.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/is/SwcWhenStyle.ts"],
-  "sourcesContent": ["import { elementDefine } from '../index';\nimport { SwcHTMLStyleElementBase } from './SwcHTMLStyleElementBase';\n\n@elementDefine({ name: 'swc-when-style', extends: 'style' })\nexport class SwcWhenStyle extends SwcHTMLStyleElementBase {\n  connectedCallback() {\n    // If standing alone (as a template), hide it. \n    // The parent SwcChoose will force display: contents when active.\n    if (this.style.display !== 'contents') {\n       this.style.display = 'none';\n    }\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,eAA8B;AAC9B,qCAAwC;;;;;;;AAGjC,IAAM,eAAN,MAAMA,sBAAqB,uDAAuB;EACvD,oBAAiB;AAGf,QAAI,KAAK,MAAM,YAAY,YAAY;AACpC,WAAK,MAAM,UAAU;IACxB;EACF;;AAPW,eAAY,WAAA;MADxB,wBAAc,EAAE,MAAM,kBAAkB,SAAS,QAAO,CAAE;GAC9C,YAAY;",
+  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLStyleElementBase } from './SwcHTMLStyleElementBase';\n\n@elementDefine({ name: 'swc-when-style', extends: 'style' })\nexport class SwcWhenStyle extends SwcHTMLStyleElementBase {\n  connectedCallback() {\n    if (this.style.display !== 'contents') {\n       this.style.display = 'none';\n    }\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,eAAyC;AACzC,qCAAwC;;;;;;;AAGjC,IAAM,eAAN,MAAMA,sBAAqB,uDAAuB;EACvD,oBAAiB;AACf,QAAI,KAAK,MAAM,YAAY,YAAY;AACpC,WAAK,MAAM,UAAU;IACxB;EACF;;AALW,eAAY,WAAA;MADxB,wBAAc,EAAE,MAAM,kBAAkB,SAAS,QAAO,CAAE;GAC9C,YAAY;",
   "names": ["SwcWhenStyle"]
 }

package/dist/cjs/is/SwcWhenTable.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/is/SwcWhenTable.ts"],
-  "sourcesContent": ["import { elementDefine } from '../index';\nimport { SwcHTMLTableElementBase } from './SwcHTMLTableElementBase';\n\n@elementDefine({ name: 'swc-when-table', extends: 'table' })\nexport class SwcWhenTable extends SwcHTMLTableElementBase {\n  connectedCallback() {\n    // If standing alone (as a template), hide it. \n    // The parent SwcChoose will force display: contents when active.\n    if (this.style.display !== 'contents') {\n       this.style.display = 'none';\n    }\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,eAA8B;AAC9B,qCAAwC;;;;;;;AAGjC,IAAM,eAAN,MAAMA,sBAAqB,uDAAuB;EACvD,oBAAiB;AAGf,QAAI,KAAK,MAAM,YAAY,YAAY;AACpC,WAAK,MAAM,UAAU;IACxB;EACF;;AAPW,eAAY,WAAA;MADxB,wBAAc,EAAE,MAAM,kBAAkB,SAAS,QAAO,CAAE;GAC9C,YAAY;",
+  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLTableElementBase } from './SwcHTMLTableElementBase';\n\n@elementDefine({ name: 'swc-when-table', extends: 'table' })\nexport class SwcWhenTable extends SwcHTMLTableElementBase {\n  connectedCallback() {\n    if (this.style.display !== 'contents') {\n       this.style.display = 'none';\n    }\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,eAAyC;AACzC,qCAAwC;;;;;;;AAGjC,IAAM,eAAN,MAAMA,sBAAqB,uDAAuB;EACvD,oBAAiB;AACf,QAAI,KAAK,MAAM,YAAY,YAAY;AACpC,WAAK,MAAM,UAAU;IACxB;EACF;;AALW,eAAY,WAAA;MADxB,wBAAc,EAAE,MAAM,kBAAkB,SAAS,QAAO,CAAE;GAC9C,YAAY;",
   "names": ["SwcWhenTable"]
 }

package/dist/cjs/is/SwcWhenTableCell.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/is/SwcWhenTableCell.ts"],
-  "sourcesContent": ["import { elementDefine } from '../index';\nimport { SwcHTMLTableCellElementBase } from './SwcHTMLTableCellElementBase';\n\n@elementDefine({ name: 'swc-when-td', extends: 'td' })\nexport class SwcWhenTableCell extends SwcHTMLTableCellElementBase {\n  connectedCallback() {\n    // If standing alone (as a template), hide it. \n    // The parent SwcChoose will force display: contents when active.\n    if (this.style.display !== 'contents') {\n       this.style.display = 'none';\n    }\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,eAA8B;AAC9B,yCAA4C;;;;;;;AAGrC,IAAM,mBAAN,MAAMA,0BAAyB,+DAA2B;EAC/D,oBAAiB;AAGf,QAAI,KAAK,MAAM,YAAY,YAAY;AACpC,WAAK,MAAM,UAAU;IACxB;EACF;;AAPW,mBAAgB,WAAA;MAD5B,wBAAc,EAAE,MAAM,eAAe,SAAS,KAAI,CAAE;GACxC,gBAAgB;",
+  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLTableCellElementBase } from './SwcHTMLTableCellElementBase';\n\n@elementDefine({ name: 'swc-when-td', extends: 'td' })\nexport class SwcWhenTableCell extends SwcHTMLTableCellElementBase {\n  connectedCallback() {\n    if (this.style.display !== 'contents') {\n       this.style.display = 'none';\n    }\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,eAAyC;AACzC,yCAA4C;;;;;;;AAGrC,IAAM,mBAAN,MAAMA,0BAAyB,+DAA2B;EAC/D,oBAAiB;AACf,QAAI,KAAK,MAAM,YAAY,YAAY;AACpC,WAAK,MAAM,UAAU;IACxB;EACF;;AALW,mBAAgB,WAAA;MAD5B,wBAAc,EAAE,MAAM,eAAe,SAAS,KAAI,CAAE;GACxC,gBAAgB;",
   "names": ["SwcWhenTableCell"]
 }

package/dist/cjs/is/SwcWhenTableRow.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/is/SwcWhenTableRow.ts"],
-  "sourcesContent": ["import { elementDefine } from '../index';\nimport { SwcHTMLTableRowElementBase } from './SwcHTMLTableRowElementBase';\n\n@elementDefine({ name: 'swc-when-tr', extends: 'tr' })\nexport class SwcWhenTableRow extends SwcHTMLTableRowElementBase {\n  connectedCallback() {\n    // If standing alone (as a template), hide it. \n    // The parent SwcChoose will force display: contents when active.\n    if (this.style.display !== 'contents') {\n       this.style.display = 'none';\n    }\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,eAA8B;AAC9B,wCAA2C;;;;;;;AAGpC,IAAM,kBAAN,MAAMA,yBAAwB,6DAA0B;EAC7D,oBAAiB;AAGf,QAAI,KAAK,MAAM,YAAY,YAAY;AACpC,WAAK,MAAM,UAAU;IACxB;EACF;;AAPW,kBAAe,WAAA;MAD3B,wBAAc,EAAE,MAAM,eAAe,SAAS,KAAI,CAAE;GACxC,eAAe;",
+  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLTableRowElementBase } from './SwcHTMLTableRowElementBase';\n\n@elementDefine({ name: 'swc-when-tr', extends: 'tr' })\nexport class SwcWhenTableRow extends SwcHTMLTableRowElementBase {\n  connectedCallback() {\n    if (this.style.display !== 'contents') {\n       this.style.display = 'none';\n    }\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,eAAyC;AACzC,wCAA2C;;;;;;;AAGpC,IAAM,kBAAN,MAAMA,yBAAwB,6DAA0B;EAC7D,oBAAiB;AACf,QAAI,KAAK,MAAM,YAAY,YAAY;AACpC,WAAK,MAAM,UAAU;IACxB;EACF;;AALW,kBAAe,WAAA;MAD3B,wBAAc,EAAE,MAAM,eAAe,SAAS,KAAI,CAAE;GACxC,eAAe;",
   "names": ["SwcWhenTableRow"]
 }

package/dist/cjs/is/SwcWhenTableSection.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/is/SwcWhenTableSection.ts"],
-  "sourcesContent": ["import { elementDefine } from '../index';\nimport { SwcHTMLTableSectionElementBase } from './SwcHTMLTableSectionElementBase';\n\n@elementDefine({ name: 'swc-when-tbody', extends: 'tbody' })\nexport class SwcWhenTableSection extends SwcHTMLTableSectionElementBase {\n  connectedCallback() {\n    // If standing alone (as a template), hide it. \n    // The parent SwcChoose will force display: contents when active.\n    if (this.style.display !== 'contents') {\n       this.style.display = 'none';\n    }\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,eAA8B;AAC9B,4CAA+C;;;;;;;AAGxC,IAAM,sBAAN,MAAMA,6BAA4B,qEAA8B;EACrE,oBAAiB;AAGf,QAAI,KAAK,MAAM,YAAY,YAAY;AACpC,WAAK,MAAM,UAAU;IACxB;EACF;;AAPW,sBAAmB,WAAA;MAD/B,wBAAc,EAAE,MAAM,kBAAkB,SAAS,QAAO,CAAE;GAC9C,mBAAmB;",
+  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLTableSectionElementBase } from './SwcHTMLTableSectionElementBase';\n\n@elementDefine({ name: 'swc-when-tbody', extends: 'tbody' })\nexport class SwcWhenTableSection extends SwcHTMLTableSectionElementBase {\n  connectedCallback() {\n    if (this.style.display !== 'contents') {\n       this.style.display = 'none';\n    }\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,eAAyC;AACzC,4CAA+C;;;;;;;AAGxC,IAAM,sBAAN,MAAMA,6BAA4B,qEAA8B;EACrE,oBAAiB;AACf,QAAI,KAAK,MAAM,YAAY,YAAY;AACpC,WAAK,MAAM,UAAU;IACxB;EACF;;AALW,sBAAmB,WAAA;MAD/B,wBAAc,EAAE,MAAM,kBAAkB,SAAS,QAAO,CAAE;GAC9C,mBAAmB;",
   "names": ["SwcWhenTableSection"]
 }

package/dist/cjs/is/SwcWhenTemplate.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/is/SwcWhenTemplate.ts"],
-  "sourcesContent": ["import { elementDefine } from '../index';\nimport { SwcHTMLTemplateElementBase } from './SwcHTMLTemplateElementBase';\n\n@elementDefine({ name: 'swc-when-template', extends: 'template' })\nexport class SwcWhenTemplate extends SwcHTMLTemplateElementBase {\n  connectedCallback() {\n    // If standing alone (as a template), hide it. \n    // The parent SwcChoose will force display: contents when active.\n    if (this.style.display !== 'contents') {\n       this.style.display = 'none';\n    }\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,eAA8B;AAC9B,wCAA2C;;;;;;;AAGpC,IAAM,kBAAN,MAAMA,yBAAwB,6DAA0B;EAC7D,oBAAiB;AAGf,QAAI,KAAK,MAAM,YAAY,YAAY;AACpC,WAAK,MAAM,UAAU;IACxB;EACF;;AAPW,kBAAe,WAAA;MAD3B,wBAAc,EAAE,MAAM,qBAAqB,SAAS,WAAU,CAAE;GACpD,eAAe;",
+  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLTemplateElementBase } from './SwcHTMLTemplateElementBase';\n\n@elementDefine({ name: 'swc-when-template', extends: 'template' })\nexport class SwcWhenTemplate extends SwcHTMLTemplateElementBase {\n  connectedCallback() {\n    if (this.style.display !== 'contents') {\n       this.style.display = 'none';\n    }\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,eAAyC;AACzC,wCAA2C;;;;;;;AAGpC,IAAM,kBAAN,MAAMA,yBAAwB,6DAA0B;EAC7D,oBAAiB;AACf,QAAI,KAAK,MAAM,YAAY,YAAY;AACpC,WAAK,MAAM,UAAU;IACxB;EACF;;AALW,kBAAe,WAAA;MAD3B,wBAAc,EAAE,MAAM,qBAAqB,SAAS,WAAU,CAAE;GACpD,eAAe;",
   "names": ["SwcWhenTemplate"]
 }

package/dist/cjs/is/SwcWhenTextArea.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/is/SwcWhenTextArea.ts"],
-  "sourcesContent": ["import { elementDefine } from '../index';\nimport { SwcHTMLTextAreaElementBase } from './SwcHTMLTextAreaElementBase';\n\n@elementDefine({ name: 'swc-when-textarea', extends: 'textarea' })\nexport class SwcWhenTextArea extends SwcHTMLTextAreaElementBase {\n  connectedCallback() {\n    // If standing alone (as a template), hide it. \n    // The parent SwcChoose will force display: contents when active.\n    if (this.style.display !== 'contents') {\n       this.style.display = 'none';\n    }\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,eAA8B;AAC9B,wCAA2C;;;;;;;AAGpC,IAAM,kBAAN,MAAMA,yBAAwB,6DAA0B;EAC7D,oBAAiB;AAGf,QAAI,KAAK,MAAM,YAAY,YAAY;AACpC,WAAK,MAAM,UAAU;IACxB;EACF;;AAPW,kBAAe,WAAA;MAD3B,wBAAc,EAAE,MAAM,qBAAqB,SAAS,WAAU,CAAE;GACpD,eAAe;",
+  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLTextAreaElementBase } from './SwcHTMLTextAreaElementBase';\n\n@elementDefine({ name: 'swc-when-textarea', extends: 'textarea' })\nexport class SwcWhenTextArea extends SwcHTMLTextAreaElementBase {\n  connectedCallback() {\n    if (this.style.display !== 'contents') {\n       this.style.display = 'none';\n    }\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,eAAyC;AACzC,wCAA2C;;;;;;;AAGpC,IAAM,kBAAN,MAAMA,yBAAwB,6DAA0B;EAC7D,oBAAiB;AACf,QAAI,KAAK,MAAM,YAAY,YAAY;AACpC,WAAK,MAAM,UAAU;IACxB;EACF;;AALW,kBAAe,WAAA;MAD3B,wBAAc,EAAE,MAAM,qBAAqB,SAAS,WAAU,CAAE;GACpD,eAAe;",
   "names": ["SwcWhenTextArea"]
 }

package/dist/cjs/is/SwcWhenTime.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/is/SwcWhenTime.ts"],
-  "sourcesContent": ["import { elementDefine } from '../index';\nimport { SwcHTMLTimeElementBase } from './SwcHTMLTimeElementBase';\n\n@elementDefine({ name: 'swc-when-time', extends: 'time' })\nexport class SwcWhenTime extends SwcHTMLTimeElementBase {\n  connectedCallback() {\n    // If standing alone (as a template), hide it. \n    // The parent SwcChoose will force display: contents when active.\n    if (this.style.display !== 'contents') {\n       this.style.display = 'none';\n    }\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,eAA8B;AAC9B,oCAAuC;;;;;;;AAGhC,IAAM,cAAN,MAAMA,qBAAoB,qDAAsB;EACrD,oBAAiB;AAGf,QAAI,KAAK,MAAM,YAAY,YAAY;AACpC,WAAK,MAAM,UAAU;IACxB;EACF;;AAPW,cAAW,WAAA;MADvB,wBAAc,EAAE,MAAM,iBAAiB,SAAS,OAAM,CAAE;GAC5C,WAAW;",
+  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLTimeElementBase } from './SwcHTMLTimeElementBase';\n\n@elementDefine({ name: 'swc-when-time', extends: 'time' })\nexport class SwcWhenTime extends SwcHTMLTimeElementBase {\n  connectedCallback() {\n    if (this.style.display !== 'contents') {\n       this.style.display = 'none';\n    }\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,eAAyC;AACzC,oCAAuC;;;;;;;AAGhC,IAAM,cAAN,MAAMA,qBAAoB,qDAAsB;EACrD,oBAAiB;AACf,QAAI,KAAK,MAAM,YAAY,YAAY;AACpC,WAAK,MAAM,UAAU;IACxB;EACF;;AALW,cAAW,WAAA;MADvB,wBAAc,EAAE,MAAM,iBAAiB,SAAS,OAAM,CAAE;GAC5C,WAAW;",
   "names": ["SwcWhenTime"]
 }

package/dist/cjs/is/SwcWhenTitle.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/is/SwcWhenTitle.ts"],
-  "sourcesContent": ["import { elementDefine } from '../index';\nimport { SwcHTMLTitleElementBase } from './SwcHTMLTitleElementBase';\n\n@elementDefine({ name: 'swc-when-title', extends: 'title' })\nexport class SwcWhenTitle extends SwcHTMLTitleElementBase {\n  connectedCallback() {\n    // If standing alone (as a template), hide it. \n    // The parent SwcChoose will force display: contents when active.\n    if (this.style.display !== 'contents') {\n       this.style.display = 'none';\n    }\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,eAA8B;AAC9B,qCAAwC;;;;;;;AAGjC,IAAM,eAAN,MAAMA,sBAAqB,uDAAuB;EACvD,oBAAiB;AAGf,QAAI,KAAK,MAAM,YAAY,YAAY;AACpC,WAAK,MAAM,UAAU;IACxB;EACF;;AAPW,eAAY,WAAA;MADxB,wBAAc,EAAE,MAAM,kBAAkB,SAAS,QAAO,CAAE;GAC9C,YAAY;",
+  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLTitleElementBase } from './SwcHTMLTitleElementBase';\n\n@elementDefine({ name: 'swc-when-title', extends: 'title' })\nexport class SwcWhenTitle extends SwcHTMLTitleElementBase {\n  connectedCallback() {\n    if (this.style.display !== 'contents') {\n       this.style.display = 'none';\n    }\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,eAAyC;AACzC,qCAAwC;;;;;;;AAGjC,IAAM,eAAN,MAAMA,sBAAqB,uDAAuB;EACvD,oBAAiB;AACf,QAAI,KAAK,MAAM,YAAY,YAAY;AACpC,WAAK,MAAM,UAAU;IACxB;EACF;;AALW,eAAY,WAAA;MADxB,wBAAc,EAAE,MAAM,kBAAkB,SAAS,QAAO,CAAE;GAC9C,YAAY;",
   "names": ["SwcWhenTitle"]
 }

package/dist/cjs/is/SwcWhenTrack.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/is/SwcWhenTrack.ts"],
-  "sourcesContent": ["import { elementDefine } from '../index';\nimport { SwcHTMLTrackElementBase } from './SwcHTMLTrackElementBase';\n\n@elementDefine({ name: 'swc-when-track', extends: 'track' })\nexport class SwcWhenTrack extends SwcHTMLTrackElementBase {\n  connectedCallback() {\n    // If standing alone (as a template), hide it. \n    // The parent SwcChoose will force display: contents when active.\n    if (this.style.display !== 'contents') {\n       this.style.display = 'none';\n    }\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,eAA8B;AAC9B,qCAAwC;;;;;;;AAGjC,IAAM,eAAN,MAAMA,sBAAqB,uDAAuB;EACvD,oBAAiB;AAGf,QAAI,KAAK,MAAM,YAAY,YAAY;AACpC,WAAK,MAAM,UAAU;IACxB;EACF;;AAPW,eAAY,WAAA;MADxB,wBAAc,EAAE,MAAM,kBAAkB,SAAS,QAAO,CAAE;GAC9C,YAAY;",
+  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLTrackElementBase } from './SwcHTMLTrackElementBase';\n\n@elementDefine({ name: 'swc-when-track', extends: 'track' })\nexport class SwcWhenTrack extends SwcHTMLTrackElementBase {\n  connectedCallback() {\n    if (this.style.display !== 'contents') {\n       this.style.display = 'none';\n    }\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,eAAyC;AACzC,qCAAwC;;;;;;;AAGjC,IAAM,eAAN,MAAMA,sBAAqB,uDAAuB;EACvD,oBAAiB;AACf,QAAI,KAAK,MAAM,YAAY,YAAY;AACpC,WAAK,MAAM,UAAU;IACxB;EACF;;AALW,eAAY,WAAA;MADxB,wBAAc,EAAE,MAAM,kBAAkB,SAAS,QAAO,CAAE;GAC9C,YAAY;",
   "names": ["SwcWhenTrack"]
 }

package/dist/cjs/is/SwcWhenUl.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/is/SwcWhenUl.ts"],
-  "sourcesContent": ["import { elementDefine } from '../index';\nimport { SwcHTMLUListElementBase } from './SwcHTMLUListElementBase';\n\n@elementDefine({ name: 'swc-when-ul', extends: 'ul' })\nexport class SwcWhenUl extends SwcHTMLUListElementBase {\n  connectedCallback() {\n    // If standing alone (as a template), hide it. \n    // The parent SwcChoose will force display: contents when active.\n    if (this.style.display !== 'contents') {\n       this.style.display = 'none';\n    }\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,eAA8B;AAC9B,qCAAwC;;;;;;;AAGjC,IAAM,YAAN,MAAMA,mBAAkB,uDAAuB;EACpD,oBAAiB;AAGf,QAAI,KAAK,MAAM,YAAY,YAAY;AACpC,WAAK,MAAM,UAAU;IACxB;EACF;;AAPW,YAAS,WAAA;MADrB,wBAAc,EAAE,MAAM,eAAe,SAAS,KAAI,CAAE;GACxC,SAAS;",
+  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLUListElementBase } from './SwcHTMLUListElementBase';\n\n@elementDefine({ name: 'swc-when-ul', extends: 'ul' })\nexport class SwcWhenUl extends SwcHTMLUListElementBase {\n  connectedCallback() {\n    if (this.style.display !== 'contents') {\n       this.style.display = 'none';\n    }\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,eAAyC;AACzC,qCAAwC;;;;;;;AAGjC,IAAM,YAAN,MAAMA,mBAAkB,uDAAuB;EACpD,oBAAiB;AACf,QAAI,KAAK,MAAM,YAAY,YAAY;AACpC,WAAK,MAAM,UAAU;IACxB;EACF;;AALW,YAAS,WAAA;MADrB,wBAAc,EAAE,MAAM,eAAe,SAAS,KAAI,CAAE;GACxC,SAAS;",
   "names": ["SwcWhenUl"]
 }

package/dist/cjs/is/SwcWhenVideo.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/is/SwcWhenVideo.ts"],
-  "sourcesContent": ["import { elementDefine } from '../index';\nimport { SwcHTMLVideoElementBase } from './SwcHTMLVideoElementBase';\n\n@elementDefine({ name: 'swc-when-video', extends: 'video' })\nexport class SwcWhenVideo extends SwcHTMLVideoElementBase {\n  connectedCallback() {\n    // If standing alone (as a template), hide it. \n    // The parent SwcChoose will force display: contents when active.\n    if (this.style.display !== 'contents') {\n       this.style.display = 'none';\n    }\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,eAA8B;AAC9B,qCAAwC;;;;;;;AAGjC,IAAM,eAAN,MAAMA,sBAAqB,uDAAuB;EACvD,oBAAiB;AAGf,QAAI,KAAK,MAAM,YAAY,YAAY;AACpC,WAAK,MAAM,UAAU;IACxB;EACF;;AAPW,eAAY,WAAA;MADxB,wBAAc,EAAE,MAAM,kBAAkB,SAAS,QAAO,CAAE;GAC9C,YAAY;",
+  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLVideoElementBase } from './SwcHTMLVideoElementBase';\n\n@elementDefine({ name: 'swc-when-video', extends: 'video' })\nexport class SwcWhenVideo extends SwcHTMLVideoElementBase {\n  connectedCallback() {\n    if (this.style.display !== 'contents') {\n       this.style.display = 'none';\n    }\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,eAAyC;AACzC,qCAAwC;;;;;;;AAGjC,IAAM,eAAN,MAAMA,sBAAqB,uDAAuB;EACvD,oBAAiB;AACf,QAAI,KAAK,MAAM,YAAY,YAAY;AACpC,WAAK,MAAM,UAAU;IACxB;EACF;;AALW,eAAY,WAAA;MADxB,wBAAc,EAAE,MAAM,kBAAkB,SAAS,QAAO,CAAE;GAC9C,YAAY;",
   "names": ["SwcWhenVideo"]
 }

package/dist/cjs/utils/Utils.js

@@ -22,9 +22,35 @@ __export(Utils_exports, {
 module.exports = __toCommonJS(Utils_exports);
 class SwcUtils {
   static getValueByPath(obj, path, asKey) {
+    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}.`)) {
-      return path.split(".").slice(1).reduce((acc, part) => acc && acc[part], obj);
+    if (path.startsWith(asKey + ".")) {
+      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;
+        }
+      }
+      return subResult;
+    }
+    if (obj instanceof HTMLElement && obj.parentElement) {
     }
     return void 0;
   }
@@ -64,23 +90,29 @@ class SwcUtils {
     walk(node);
   }
   static createReactiveProxy(target, onChange, onIndexChange) {
-    return new Proxy(target, {
-      set: (t, prop, val) => {
-        const isIndex = !isNaN(Number(prop));
-        t[prop] = val;
-        if (isIndex && onIndexChange) {
-          onIndexChange(Number(prop), val);
-        } else {
+    const makeRecursiveProxy = (obj) => {
+      if (typeof obj !== "object" || obj === null || obj instanceof Node) return obj;
+      return new Proxy(obj, {
+        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);
+          } else {
+            onChange();
+          }
+          return true;
+        },
+        deleteProperty: (t, prop) => {
+          delete t[prop];
           onChange();
+          return true;
         }
-        return true;
-      },
-      deleteProperty: (t, prop) => {
-        delete t[prop];
-        onChange();
-        return true;
-      }
-    });
+      });
+    };
+    return makeRecursiveProxy(target);
   }
 }
 //# sourceMappingURL=Utils.js.map

package/dist/cjs/utils/Utils.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/utils/Utils.ts"],
-  "sourcesContent": ["export class SwcUtils {\n  static getValueByPath(obj: any, path: string, asKey: string) {\n    // asKey\uAC00 value\uC778 \uACBD\uC6B0 value.xxx\uC640 swc-value.xxx \uB458 \uB2E4 \uC9C0\uC6D0\uD558\uB3C4\uB85D \uD558\uAC70\uB098,\n    // \uBA85\uD655\uD558\uAC8C asKey\uC5D0 \uB530\uB77C \uBD84\uAE30\uD569\uB2C8\uB2E4.\n    if (path === asKey) return obj;\n    if (path.startsWith(`${asKey}.`)) {\n      return path\n        .split('.')\n        .slice(1)\n        .reduce((acc, part) => acc && acc[part], obj);\n    }\n    return undefined;\n  }\n\n  static applyData(\n    node: Node,\n    data: any,\n    options: {\n      asKey: string;\n      asIndexKey: string;\n      index?: number;\n    }\n  ) {\n    const { asKey, asIndexKey, index } = options;\n    const context: Record<string, any> = {};\n    if (index !== undefined) {\n      context[asIndexKey] = index.toString();\n    }\n\n    const walk = (n: Node) => {\n      if (n.nodeType === Node.TEXT_NODE) {\n        if (!(n as any)._original) (n as any)._original = n.textContent;\n        let text = (n as any)._original;\n\n        text = text.replace(/{{(.*?)}}/g, (match: string, path: string) => {\n          path = path.trim();\n          if (context[path] !== undefined) return context[path];\n          const val = SwcUtils.getValueByPath(data, path, asKey);\n          return val !== undefined ? val : match;\n        });\n        if (n.textContent !== text) n.textContent = text;\n      } else if (n.nodeType === Node.ELEMENT_NODE) {\n        const el = n as Element;\n        Array.from(el.attributes).forEach(a => {\n          if (!(a as any)._original) (a as any)._original = a.value;\n          let val = (a as any)._original;\n\n          val = val.replace(/{{(.*?)}}/g, (match: string, path: string) => {\n            path = path.trim();\n            if (context[path] !== undefined) return context[path];\n            const v = SwcUtils.getValueByPath(data, path, asKey);\n            return v !== undefined ? v : match;\n          });\n          if (a.value !== val) a.value = val;\n        });\n        el.childNodes.forEach(walk);\n      }\n    };\n    walk(node);\n  }\n\n  static createReactiveProxy(target: any, onChange: () => void, onIndexChange?: (index: number, val: any) => void) {\n    return new Proxy(target, {\n      set: (t, prop, val) => {\n        const isIndex = !isNaN(Number(prop));\n        t[prop] = val;\n        if (isIndex && onIndexChange) {\n          onIndexChange(Number(prop), val);\n        } else {\n          onChange();\n        }\n        return true;\n      },\n      deleteProperty: (t, prop) => {\n        delete t[prop];\n        onChange();\n        return true;\n      }\n    });\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,MAAM,SAAS;AAAA,EACpB,OAAO,eAAe,KAAU,MAAc,OAAe;AAG3D,QAAI,SAAS,MAAO,QAAO;AAC3B,QAAI,KAAK,WAAW,GAAG,KAAK,GAAG,GAAG;AAChC,aAAO,KACJ,MAAM,GAAG,EACT,MAAM,CAAC,EACP,OAAO,CAAC,KAAK,SAAS,OAAO,IAAI,IAAI,GAAG,GAAG;AAAA,IAChD;AACA,WAAO;AAAA,EACT;AAAA,EAEA,OAAO,UACL,MACA,MACA,SAKA;AACA,UAAM,EAAE,OAAO,YAAY,MAAM,IAAI;AACrC,UAAM,UAA+B,CAAC;AACtC,QAAI,UAAU,QAAW;AACvB,cAAQ,UAAU,IAAI,MAAM,SAAS;AAAA,IACvC;AAEA,UAAM,OAAO,CAAC,MAAY;AACxB,UAAI,EAAE,aAAa,KAAK,WAAW;AACjC,YAAI,CAAE,EAAU,UAAW,CAAC,EAAU,YAAY,EAAE;AACpD,YAAI,OAAQ,EAAU;AAEtB,eAAO,KAAK,QAAQ,cAAc,CAAC,OAAe,SAAiB;AACjE,iBAAO,KAAK,KAAK;AACjB,cAAI,QAAQ,IAAI,MAAM,OAAW,QAAO,QAAQ,IAAI;AACpD,gBAAM,MAAM,SAAS,eAAe,MAAM,MAAM,KAAK;AACrD,iBAAO,QAAQ,SAAY,MAAM;AAAA,QACnC,CAAC;AACD,YAAI,EAAE,gBAAgB,KAAM,GAAE,cAAc;AAAA,MAC9C,WAAW,EAAE,aAAa,KAAK,cAAc;AAC3C,cAAM,KAAK;AACX,cAAM,KAAK,GAAG,UAAU,EAAE,QAAQ,OAAK;AACrC,cAAI,CAAE,EAAU,UAAW,CAAC,EAAU,YAAY,EAAE;AACpD,cAAI,MAAO,EAAU;AAErB,gBAAM,IAAI,QAAQ,cAAc,CAAC,OAAe,SAAiB;AAC/D,mBAAO,KAAK,KAAK;AACjB,gBAAI,QAAQ,IAAI,MAAM,OAAW,QAAO,QAAQ,IAAI;AACpD,kBAAM,IAAI,SAAS,eAAe,MAAM,MAAM,KAAK;AACnD,mBAAO,MAAM,SAAY,IAAI;AAAA,UAC/B,CAAC;AACD,cAAI,EAAE,UAAU,IAAK,GAAE,QAAQ;AAAA,QACjC,CAAC;AACD,WAAG,WAAW,QAAQ,IAAI;AAAA,MAC5B;AAAA,IACF;AACA,SAAK,IAAI;AAAA,EACX;AAAA,EAEA,OAAO,oBAAoB,QAAa,UAAsB,eAAmD;AAC/G,WAAO,IAAI,MAAM,QAAQ;AAAA,MACvB,KAAK,CAAC,GAAG,MAAM,QAAQ;AACrB,cAAM,UAAU,CAAC,MAAM,OAAO,IAAI,CAAC;AACnC,UAAE,IAAI,IAAI;AACV,YAAI,WAAW,eAAe;AAC5B,wBAAc,OAAO,IAAI,GAAG,GAAG;AAAA,QACjC,OAAO;AACL,mBAAS;AAAA,QACX;AACA,eAAO;AAAA,MACT;AAAA,MACA,gBAAgB,CAAC,GAAG,SAAS;AAC3B,eAAO,EAAE,IAAI;AACb,iBAAS;AACT,eAAO;AAAA,MACT;AAAA,IACF,CAAC;AAAA,EACH;AACF;",
+  "sourcesContent": ["export class SwcUtils {\n  static getValueByPath(obj: any, path: string, asKey: string) {\n    if (!obj || !path) return undefined;\n\n    const parts = path.split('.');\n\n    // 1. Try resolving directly on the provided object (Full path)\n    let result = obj;\n    let success = true;\n    for (const part of parts) {\n      if (result !== null && typeof result === 'object' && part in result) {\n        result = result[part];\n      } else {\n        success = false;\n        break;\n      }\n    }\n\n    if (success && result !== obj && !(result instanceof HTMLElement)) {\n      return result;\n    }\n\n    // 2. Handle asKey fallback (for swc-for-of where obj IS the data)\n    if (path === asKey) return obj;\n    if (path.startsWith(asKey + '.')) {\n      const subParts = parts.slice(1);\n      let subResult = obj;\n      for (const part of subParts) {\n        if (subResult !== null && typeof subResult === 'object' && part in subResult) {\n          subResult = subResult[part];\n        } else {\n          return undefined;\n        }\n      }\n      return subResult;\n    }\n\n    // 3. \uC0C1\uC704 \uC2A4\uCF54\uD504 \uD0D0\uC0C9 (Bubbling Up)\n    // \uB9CC\uC57D \uD604\uC7AC \uC5D8\uB9AC\uBA3C\uD2B8\uC5D0\uC11C \uBABB \uCC3E\uC558\uB2E4\uBA74, \uBD80\uBAA8 \uC5D8\uB9AC\uBA3C\uD2B8\uC5D0\uAC8C \uBB3C\uC5B4\uBD05\uB2C8\uB2E4.\n    if (obj instanceof HTMLElement && obj.parentElement) {\n      // \uBD80\uBAA8\uC758 \uBC14\uC778\uB529 \uC2DC\uC2A4\uD15C\uC5D0 \uC811\uADFC\uD558\uAE30 \uC704\uD574 \uC774\uBCA4\uD2B8\uB97C \uC3D8\uAC70\uB098 \uC9C1\uC811 \uCC38\uC870\uD560 \uC218 \uC788\uC74C\n      // \uC5EC\uAE30\uC11C\uB294 \uC5D4\uC9C4 \uB808\uBCA8\uC5D0\uC11C \uCC98\uB9AC\uD558\uAE30 \uC704\uD574 elementDefine\uC5D0\uC11C \uB8E8\uD504\uB97C \uB3CC\uB9B4 \uC608\uC815\uC785\uB2C8\uB2E4.\n    }\n\n    return undefined;\n  }\n\n  static applyData(\n    node: Node,\n    data: any,\n    options: {\n      asKey: string;\n      asIndexKey: string;\n      index?: number;\n    }\n  ) {\n    const { asKey, asIndexKey, index } = options;\n    const context: Record<string, any> = {};\n    if (index !== undefined) {\n      context[asIndexKey] = index.toString();\n    }\n\n    const walk = (n: Node) => {\n      if (n.nodeType === Node.TEXT_NODE) {\n        if (!(n as any)._original) (n as any)._original = n.textContent;\n        let text = (n as any)._original;\n\n        text = text.replace(/{{(.*?)}}/g, (match: string, path: string) => {\n          path = path.trim();\n          if (context[path] !== undefined) return context[path];\n          const val = SwcUtils.getValueByPath(data, path, asKey);\n          return val !== undefined ? val : match;\n        });\n        if (n.textContent !== text) n.textContent = text;\n      } else if (n.nodeType === Node.ELEMENT_NODE) {\n        const el = n as Element;\n        Array.from(el.attributes).forEach(a => {\n          if (!(a as any)._original) (a as any)._original = a.value;\n          let val = (a as any)._original;\n\n          val = val.replace(/{{(.*?)}}/g, (match: string, path: string) => {\n            path = path.trim();\n            if (context[path] !== undefined) return context[path];\n            const v = SwcUtils.getValueByPath(data, path, asKey);\n            return v !== undefined ? v : match;\n          });\n          if (a.value !== val) a.value = val;\n        });\n        el.childNodes.forEach(walk);\n      }\n    };\n    walk(node);\n  }\n\n  static createReactiveProxy(target: any, onChange: () => void, onIndexChange?: (index: number, val: any) => void) {\n    const makeRecursiveProxy = (obj: any): any => {\n      if (typeof obj !== 'object' || obj === null || obj instanceof Node) return obj;\n\n      return new Proxy(obj, {\n        set: (t, prop, val) => {\n          const oldVal = t[prop];\n          if (oldVal === val) return true;\n\n          t[prop] = makeRecursiveProxy(val);\n\n          const isIndex = !isNaN(Number(prop)) && Array.isArray(t);\n          if (isIndex && onIndexChange) {\n            onIndexChange(Number(prop), val);\n          } else {\n            onChange();\n          }\n          return true;\n        },\n        deleteProperty: (t, prop) => {\n          delete t[prop];\n          onChange();\n          return true;\n        }\n      });\n    };\n\n    return makeRecursiveProxy(target);\n  }\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/decorators/addEventListener.js

@@ -1,8 +1,9 @@
 import { ReflectUtils } from "@dooboostore/core/reflect/ReflectUtils";
 const ADD_EVENT_LISTENER_METADATA_KEY = Symbol("simple-web-component:add-event-listener");
-const addEventListener = (options) => {
+function addEventListener(arg1, arg2) {
   return (target, propertyKey, descriptor) => {
     const constructor = target.constructor;
+    const options = typeof arg1 === "string" ? { type: arg1, query: arg2 } : arg1;
     let listeners = ReflectUtils.getMetadata(ADD_EVENT_LISTENER_METADATA_KEY, constructor);
     if (!listeners) {
       listeners = [];
@@ -10,7 +11,7 @@ const addEventListener = (options) => {
     }
     listeners.push({ options, propertyKey });
   };
-};
+}
 const getAddEventListenerMetadata = (target) => {
   const constructor = target instanceof Function ? target : target.constructor;
   return ReflectUtils.getMetadata(ADD_EVENT_LISTENER_METADATA_KEY, constructor);

package/dist/esm/decorators/addEventListener.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/decorators/addEventListener.ts"],
-  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core/reflect/ReflectUtils';\n\nexport interface AddEventListenerOptions extends EventListenerOptions {\n  selector?: string;\n  eventName: string;\n  useShadow?: boolean;\n  capture?: boolean;\n  once?: boolean;\n  passive?: boolean;\n}\n\nexport interface AddEventListenerMetadata {\n  options: AddEventListenerOptions;\n  propertyKey: string | symbol;\n}\n\nexport const ADD_EVENT_LISTENER_METADATA_KEY = Symbol('simple-web-component:add-event-listener');\n\nexport const addEventListener = (options: AddEventListenerOptions): MethodDecorator => {\n  return (target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor) => {\n    const constructor = target.constructor;\n\n    let listeners = ReflectUtils.getMetadata<AddEventListenerMetadata[]>(ADD_EVENT_LISTENER_METADATA_KEY, constructor);\n    if (!listeners) {\n      listeners = [];\n      ReflectUtils.defineMetadata(ADD_EVENT_LISTENER_METADATA_KEY, listeners, constructor);\n    }\n    listeners.push({ options, propertyKey });\n  };\n};\n\nexport const getAddEventListenerMetadata = (target: any): AddEventListenerMetadata[] | undefined => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(ADD_EVENT_LISTENER_METADATA_KEY, constructor);\n};\n"],
-  "mappings": "AAAA,SAAS,oBAAoB;AAgBtB,MAAM,kCAAkC,OAAO,yCAAyC;AAExF,MAAM,mBAAmB,CAAC,YAAsD;AACrF,SAAO,CAAC,QAAgB,aAA8B,eAAmC;AACvF,UAAM,cAAc,OAAO;AAE3B,QAAI,YAAY,aAAa,YAAwC,iCAAiC,WAAW;AACjH,QAAI,CAAC,WAAW;AACd,kBAAY,CAAC;AACb,mBAAa,eAAe,iCAAiC,WAAW,WAAW;AAAA,IACrF;AACA,cAAU,KAAK,EAAE,SAAS,YAAY,CAAC;AAAA,EACzC;AACF;AAEO,MAAM,8BAA8B,CAAC,WAAwD;AAClG,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AACjE,SAAO,aAAa,YAAY,iCAAiC,WAAW;AAC9E;",
+  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core/reflect/ReflectUtils';\n\nexport interface AddEventListenerOptions extends EventListenerOptions {\n  query?: string;\n  type: string;\n  root?: 'light' | 'shadow' | 'all' | 'auto';\n  capture?: boolean;\n  once?: boolean;\n  passive?: boolean;\n  stopPropagation?: boolean;\n  stopImmediatePropagation?: boolean;\n  preventDefault?: boolean;\n}\n\nexport interface AddEventListenerMetadata {\n  options: AddEventListenerOptions;\n  propertyKey: string | symbol;\n}\n\nexport const ADD_EVENT_LISTENER_METADATA_KEY = Symbol('simple-web-component:add-event-listener');\n\nexport function addEventListener(type: string, query?: string): MethodDecorator;\nexport function addEventListener(options: AddEventListenerOptions): MethodDecorator;\nexport function addEventListener(arg1: string | AddEventListenerOptions, arg2?: string): MethodDecorator {\n  return (target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor) => {\n    const constructor = target.constructor;\n    const options: AddEventListenerOptions = typeof arg1 === 'string' ? { type: arg1, query: arg2 } : arg1;\n\n    let listeners = ReflectUtils.getMetadata<AddEventListenerMetadata[]>(ADD_EVENT_LISTENER_METADATA_KEY, constructor);\n    if (!listeners) {\n      listeners = [];\n      ReflectUtils.defineMetadata(ADD_EVENT_LISTENER_METADATA_KEY, listeners, constructor);\n    }\n    listeners.push({ options, propertyKey });\n  };\n}\n\nexport const getAddEventListenerMetadata = (target: any): AddEventListenerMetadata[] | undefined => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(ADD_EVENT_LISTENER_METADATA_KEY, constructor);\n};\n"],
+  "mappings": "AAAA,SAAS,oBAAoB;AAmBtB,MAAM,kCAAkC,OAAO,yCAAyC;AAIxF,SAAS,iBAAiB,MAAwC,MAAgC;AACvG,SAAO,CAAC,QAAgB,aAA8B,eAAmC;AACvF,UAAM,cAAc,OAAO;AAC3B,UAAM,UAAmC,OAAO,SAAS,WAAW,EAAE,MAAM,MAAM,OAAO,KAAK,IAAI;AAElG,QAAI,YAAY,aAAa,YAAwC,iCAAiC,WAAW;AACjH,QAAI,CAAC,WAAW;AACd,kBAAY,CAAC;AACb,mBAAa,eAAe,iCAAiC,WAAW,WAAW;AAAA,IACrF;AACA,cAAU,KAAK,EAAE,SAAS,YAAY,CAAC;AAAA,EACzC;AACF;AAEO,MAAM,8BAA8B,CAAC,WAAwD;AAClG,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AACjE,SAAO,aAAa,YAAY,iCAAiC,WAAW;AAC9E;",
   "names": []
 }

package/dist/esm/decorators/attribute.js

@@ -0,0 +1,60 @@
+import { ReflectUtils } from "@dooboostore/core/reflect/ReflectUtils";
+const ATTRIBUTE_METADATA_KEY = Symbol("simple-web-component:attribute");
+function attribute(nameOrOptions) {
+  return (target, propertyKey) => {
+    const constructor = target.constructor;
+    const options = typeof nameOrOptions === "string" ? { name: nameOrOptions } : nameOrOptions || {};
+    if (!options.name) options.name = String(propertyKey);
+    if (!options.type) options.type = String;
+    if (options.disableReflect === void 0) options.disableReflect = false;
+    let list = ReflectUtils.getMetadata(ATTRIBUTE_METADATA_KEY, constructor);
+    if (!list) {
+      list = [];
+      ReflectUtils.defineMetadata(ATTRIBUTE_METADATA_KEY, list, constructor);
+    }
+    list.push({ propertyKey, options });
+    const internalKey = Symbol(String(propertyKey));
+    Object.defineProperty(target, propertyKey, {
+      get() {
+        return this[internalKey];
+      },
+      set(val) {
+        const oldVal = this[internalKey];
+        if (oldVal === val) return;
+        let convertedVal = val;
+        if (options.type === Number) convertedVal = Number(val);
+        else if (options.type === Boolean) convertedVal = Boolean(val);
+        else if (options.type === Object && typeof val === "string") {
+          try {
+            convertedVal = JSON.parse(val);
+          } catch (e) {
+            convertedVal = val;
+          }
+        }
+        this[internalKey] = convertedVal;
+        if (!options.disableReflect && this.setAttribute) {
+          if (convertedVal === null || convertedVal === void 0 || convertedVal === false) {
+            this.removeAttribute(options.name);
+          } else {
+            const attrVal = typeof convertedVal === "object" ? JSON.stringify(convertedVal) : String(convertedVal);
+            if (this.getAttribute(options.name) !== attrVal) {
+              this.setAttribute(options.name, attrVal);
+            }
+          }
+        }
+      },
+      enumerable: true,
+      configurable: true
+    });
+  };
+}
+const getAttributeMetadataList = (target) => {
+  const constructor = target instanceof Function ? target : target.constructor;
+  return ReflectUtils.getMetadata(ATTRIBUTE_METADATA_KEY, constructor);
+};
+export {
+  ATTRIBUTE_METADATA_KEY,
+  attribute,
+  getAttributeMetadataList
+};
+//# sourceMappingURL=attribute.js.map

package/dist/esm/decorators/attribute.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/decorators/attribute.ts"],
+  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core/reflect/ReflectUtils';\n\nexport interface AttributeOptions {\n  name?: string;\n  type?: any; // String, Number, Boolean, Object\n  disableReflect?: boolean; // Default is false (reflect is enabled by default)\n}\n\nexport interface AttributeMetadata {\n  propertyKey: string | symbol;\n  options: AttributeOptions;\n}\n\nexport const ATTRIBUTE_METADATA_KEY = Symbol('simple-web-component:attribute');\n\nexport function attribute(nameOrOptions?: string | AttributeOptions): PropertyDecorator {\n  return (target: Object, propertyKey: string | symbol) => {\n    const constructor = target.constructor;\n    const options: AttributeOptions = typeof nameOrOptions === 'string' ? { name: nameOrOptions } : nameOrOptions || {};\n\n    if (!options.name) options.name = String(propertyKey);\n    if (!options.type) options.type = String;\n    if (options.disableReflect === undefined) options.disableReflect = false;\n\n    let list = ReflectUtils.getMetadata<AttributeMetadata[]>(ATTRIBUTE_METADATA_KEY, constructor);\n    if (!list) {\n      list = [];\n      ReflectUtils.defineMetadata(ATTRIBUTE_METADATA_KEY, list, constructor);\n    }\n    list.push({ propertyKey, options });\n\n    // Define getter and setter for the property\n    const internalKey = Symbol(String(propertyKey));\n    Object.defineProperty(target, propertyKey, {\n      get(this: any) {\n        return this[internalKey];\n      },\n      set(this: any, val: any) {\n        const oldVal = this[internalKey];\n        if (oldVal === val) return;\n\n        // Type conversion\n        let convertedVal = val;\n        if (options.type === Number) convertedVal = Number(val);\n        else if (options.type === Boolean) convertedVal = Boolean(val);\n        else if (options.type === Object && typeof val === 'string') {\n          try {\n            convertedVal = JSON.parse(val);\n          } catch (e) {\n            convertedVal = val;\n          }\n        }\n\n        this[internalKey] = convertedVal;\n\n        // Reflection\n        if (!options.disableReflect && this.setAttribute) {\n          if (convertedVal === null || convertedVal === undefined || convertedVal === false) {\n            this.removeAttribute(options.name);\n          } else {\n            const attrVal = typeof convertedVal === 'object' ? JSON.stringify(convertedVal) : String(convertedVal);\n            if (this.getAttribute(options.name) !== attrVal) {\n              this.setAttribute(options.name, attrVal);\n            }\n          }\n        }\n      },\n      enumerable: true,\n      configurable: true\n    });\n  };\n}\n\nexport const getAttributeMetadataList = (target: any): AttributeMetadata[] | undefined => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(ATTRIBUTE_METADATA_KEY, constructor);\n};\n"],
+  "mappings": "AAAA,SAAS,oBAAoB;AAatB,MAAM,yBAAyB,OAAO,gCAAgC;AAEtE,SAAS,UAAU,eAA8D;AACtF,SAAO,CAAC,QAAgB,gBAAiC;AACvD,UAAM,cAAc,OAAO;AAC3B,UAAM,UAA4B,OAAO,kBAAkB,WAAW,EAAE,MAAM,cAAc,IAAI,iBAAiB,CAAC;AAElH,QAAI,CAAC,QAAQ,KAAM,SAAQ,OAAO,OAAO,WAAW;AACpD,QAAI,CAAC,QAAQ,KAAM,SAAQ,OAAO;AAClC,QAAI,QAAQ,mBAAmB,OAAW,SAAQ,iBAAiB;AAEnE,QAAI,OAAO,aAAa,YAAiC,wBAAwB,WAAW;AAC5F,QAAI,CAAC,MAAM;AACT,aAAO,CAAC;AACR,mBAAa,eAAe,wBAAwB,MAAM,WAAW;AAAA,IACvE;AACA,SAAK,KAAK,EAAE,aAAa,QAAQ,CAAC;AAGlC,UAAM,cAAc,OAAO,OAAO,WAAW,CAAC;AAC9C,WAAO,eAAe,QAAQ,aAAa;AAAA,MACzC,MAAe;AACb,eAAO,KAAK,WAAW;AAAA,MACzB;AAAA,MACA,IAAe,KAAU;AACvB,cAAM,SAAS,KAAK,WAAW;AAC/B,YAAI,WAAW,IAAK;AAGpB,YAAI,eAAe;AACnB,YAAI,QAAQ,SAAS,OAAQ,gBAAe,OAAO,GAAG;AAAA,iBAC7C,QAAQ,SAAS,QAAS,gBAAe,QAAQ,GAAG;AAAA,iBACpD,QAAQ,SAAS,UAAU,OAAO,QAAQ,UAAU;AAC3D,cAAI;AACF,2BAAe,KAAK,MAAM,GAAG;AAAA,UAC/B,SAAS,GAAG;AACV,2BAAe;AAAA,UACjB;AAAA,QACF;AAEA,aAAK,WAAW,IAAI;AAGpB,YAAI,CAAC,QAAQ,kBAAkB,KAAK,cAAc;AAChD,cAAI,iBAAiB,QAAQ,iBAAiB,UAAa,iBAAiB,OAAO;AACjF,iBAAK,gBAAgB,QAAQ,IAAI;AAAA,UACnC,OAAO;AACL,kBAAM,UAAU,OAAO,iBAAiB,WAAW,KAAK,UAAU,YAAY,IAAI,OAAO,YAAY;AACrG,gBAAI,KAAK,aAAa,QAAQ,IAAI,MAAM,SAAS;AAC/C,mBAAK,aAAa,QAAQ,MAAM,OAAO;AAAA,YACzC;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,MACA,YAAY;AAAA,MACZ,cAAc;AAAA,IAChB,CAAC;AAAA,EACH;AACF;AAEO,MAAM,2BAA2B,CAAC,WAAiD;AACxF,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AACjE,SAAO,aAAa,YAAY,wBAAwB,WAAW;AACrE;",
+  "names": []
+}