@dooboostore/simple-web-component 1.0.7 → 1.0.9

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/is/SwcObjectHr.ts"],
-  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLHRElementBase } from './SwcHTMLHRElementBase';\n\n@elementDefine({ name: 'swc-object-hr', extends: 'hr' })\nexport class SwcObjectHr extends SwcHTMLHRElementBase {\n  private _swcValue: any = {};\n  private _renderedNodes: Node[] = [];\n\n  constructor() {\n    super();\n  }\n\n  set swcValue(val: any) {\n    if (typeof val !== 'object' || val === null) val = {};\n    this._swcValue = this.createReactiveProxy(val, () => this.updateUI());\n    if (this._masterTplNodes.length === 0) this.initCore();\n    this.render();\n  }\n\n  get swcValue(): any {\n    return this._swcValue;\n  }\n\n  @innerHtml\n  renderTemplate() {\n    return `<slot id=\"tpl-slot\" style=\"display:none;\"></slot>`;\n  }\n\n  connectedCallback() {\n    this.initCore();\n    if (this._masterTplNodes.length > 0) {\n      this.innerHTML = '';\n      this.render();\n    }\n  }\n\n  private updateUI() {\n    this._renderedNodes.forEach(node => {\n      this.applyData(node, this._swcValue);\n    });\n  }\n\n  private render() {\n    this.innerHTML = '';\n    this._renderedNodes = [];\n    if (this._masterTplNodes.length === 0) return;\n\n    this._masterTplNodes.forEach(tplNode => {\n      const clone = tplNode.cloneNode(true) as HTMLElement;\n      this.appendChild(clone);\n      if (clone.style) clone.style.display = 'contents';\n      this._renderedNodes.push(clone);\n      this.applyData(clone, this._swcValue);\n    });\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,eAAyC;AACzC,kCAAqC;;;;;;;;;;AAG9B,IAAM,cAAN,MAAMA,qBAAoB,iDAAoB;EAInD,cAAA;AACE,UAAK;AAJC,SAAA,YAAiB,CAAA;AACjB,SAAA,iBAAyB,CAAA;EAIjC;EAEA,IAAI,SAAS,KAAQ;AACnB,QAAI,OAAO,QAAQ,YAAY,QAAQ;AAAM,YAAM,CAAA;AACnD,SAAK,YAAY,KAAK,oBAAoB,KAAK,MAAM,KAAK,SAAQ,CAAE;AACpE,QAAI,KAAK,gBAAgB,WAAW;AAAG,WAAK,SAAQ;AACpD,SAAK,OAAM;EACb;EAEA,IAAI,WAAQ;AACV,WAAO,KAAK;EACd;EAGA,iBAAc;AACZ,WAAO;EACT;EAEA,oBAAiB;AACf,SAAK,SAAQ;AACb,QAAI,KAAK,gBAAgB,SAAS,GAAG;AACnC,WAAK,YAAY;AACjB,WAAK,OAAM;IACb;EACF;EAEQ,WAAQ;AACd,SAAK,eAAe,QAAQ,UAAO;AACjC,WAAK,UAAU,MAAM,KAAK,SAAS;IACrC,CAAC;EACH;EAEQ,SAAM;AACZ,SAAK,YAAY;AACjB,SAAK,iBAAiB,CAAA;AACtB,QAAI,KAAK,gBAAgB,WAAW;AAAG;AAEvC,SAAK,gBAAgB,QAAQ,aAAU;AACrC,YAAM,QAAQ,QAAQ,UAAU,IAAI;AACpC,WAAK,YAAY,KAAK;AACtB,UAAI,MAAM;AAAO,cAAM,MAAM,UAAU;AACvC,WAAK,eAAe,KAAK,KAAK;AAC9B,WAAK,UAAU,OAAO,KAAK,SAAS;IACtC,CAAC;EACH;;AA9BA,WAAA;EADC;;;;;AAnBU,cAAW,WAAA;MADvB,wBAAc,EAAE,MAAM,iBAAiB,SAAS,KAAI,CAAE;;GAC1C,WAAW;",
+  "sourcesContent": ["import { attribute, elementDefine, innerHtml, onAttributeChanged } from '../index';\nimport { SwcHTMLHRElementBase } from './SwcHTMLHRElementBase';\n\n@elementDefine({ name: 'swc-object-hr', extends: 'hr' })\nexport class SwcObjectHr extends SwcHTMLHRElementBase {\n  @attribute('swc-value')\n  _swcValue: any = {};\n\n  private _renderedNodes: Node[] = [];\n\n  constructor() {\n    super();\n  }\n\n  @onAttributeChanged('swc-value')\n  onValueChange() {\n    if (typeof this._swcValue !== 'object' || this._swcValue === null) this._swcValue = {};\n    this._swcValue = this.createReactiveProxy(this._swcValue, () => this.updateUI());\n    if (this._masterTplNodes.length === 0) this.initCore();\n    this.render();\n  }\n\n  set swcValue(val: any) {\n    this._swcValue = val;\n  }\n\n  get swcValue(): any {\n    return this._swcValue;\n  }\n\n  @innerHtml\n  renderTemplate() {\n    return `<slot id=\"tpl-slot\" style=\"display:none;\"></slot>`;\n  }\n\n  connectedCallback() {\n    this.initCore();\n    if (this._masterTplNodes.length > 0) {\n      this.innerHTML = '';\n      this.render();\n    }\n  }\n\n  private updateUI() {\n    this._renderedNodes.forEach(node => {\n      this.applyData(node, this._swcValue);\n    });\n  }\n\n  private render() {\n    this.innerHTML = '';\n    this._renderedNodes = [];\n    if (this._masterTplNodes.length === 0) return;\n\n    this._masterTplNodes.forEach(tplNode => {\n      const clone = tplNode.cloneNode(true) as HTMLElement;\n      this.appendChild(clone);\n      if (clone.style) clone.style.display = 'contents';\n      this._renderedNodes.push(clone);\n      this.applyData(clone, this._swcValue);\n    });\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,eAAwE;AACxE,kCAAqC;;;;;;;;;;AAG9B,IAAM,cAAN,MAAMA,qBAAoB,iDAAoB;EAMnD,cAAA;AACE,UAAK;AALP,SAAA,YAAiB,CAAA;AAET,SAAA,iBAAyB,CAAA;EAIjC;EAGA,gBAAa;AACX,QAAI,OAAO,KAAK,cAAc,YAAY,KAAK,cAAc;AAAM,WAAK,YAAY,CAAA;AACpF,SAAK,YAAY,KAAK,oBAAoB,KAAK,WAAW,MAAM,KAAK,SAAQ,CAAE;AAC/E,QAAI,KAAK,gBAAgB,WAAW;AAAG,WAAK,SAAQ;AACpD,SAAK,OAAM;EACb;EAEA,IAAI,SAAS,KAAQ;AACnB,SAAK,YAAY;EACnB;EAEA,IAAI,WAAQ;AACV,WAAO,KAAK;EACd;EAGA,iBAAc;AACZ,WAAO;EACT;EAEA,oBAAiB;AACf,SAAK,SAAQ;AACb,QAAI,KAAK,gBAAgB,SAAS,GAAG;AACnC,WAAK,YAAY;AACjB,WAAK,OAAM;IACb;EACF;EAEQ,WAAQ;AACd,SAAK,eAAe,QAAQ,UAAO;AACjC,WAAK,UAAU,MAAM,KAAK,SAAS;IACrC,CAAC;EACH;EAEQ,SAAM;AACZ,SAAK,YAAY;AACjB,SAAK,iBAAiB,CAAA;AACtB,QAAI,KAAK,gBAAgB,WAAW;AAAG;AAEvC,SAAK,gBAAgB,QAAQ,aAAU;AACrC,YAAM,QAAQ,QAAQ,UAAU,IAAI;AACpC,WAAK,YAAY,KAAK;AACtB,UAAI,MAAM;AAAO,cAAM,MAAM,UAAU;AACvC,WAAK,eAAe,KAAK,KAAK;AAC9B,WAAK,UAAU,OAAO,KAAK,SAAS;IACtC,CAAC;EACH;;AAvDA,WAAA;MADC,oBAAU,WAAW;;;AAUtB,WAAA;MADC,6BAAmB,WAAW;;;;;AAiB/B,WAAA;EADC;;;;;AA1BU,cAAW,WAAA;MADvB,wBAAc,EAAE,MAAM,iBAAiB,SAAS,KAAI,CAAE;;GAC1C,WAAW;",
   "names": ["SwcObjectHr"]
 }

package/dist/cjs/is/SwcObjectIFrame.js

@@ -37,14 +37,17 @@ let SwcObjectIFrame = class SwcObjectIFrame2 extends import_SwcHTMLIFrameElement
     this._swcValue = {};
     this._renderedNodes = [];
   }
-  set swcValue(val) {
-    if (typeof val !== "object" || val === null)
-      val = {};
-    this._swcValue = this.createReactiveProxy(val, () => this.updateUI());
+  onValueChange() {
+    if (typeof this._swcValue !== "object" || this._swcValue === null)
+      this._swcValue = {};
+    this._swcValue = this.createReactiveProxy(this._swcValue, () => this.updateUI());
     if (this._masterTplNodes.length === 0)
       this.initCore();
     this.render();
   }
+  set swcValue(val) {
+    this._swcValue = val;
+  }
   get swcValue() {
     return this._swcValue;
   }
@@ -78,6 +81,16 @@ let SwcObjectIFrame = class SwcObjectIFrame2 extends import_SwcHTMLIFrameElement
     });
   }
 };
+__decorate([
+  (0, import__.attribute)("swc-value"),
+  __metadata("design:type", Object)
+], SwcObjectIFrame.prototype, "_swcValue", void 0);
+__decorate([
+  (0, import__.onAttributeChanged)("swc-value"),
+  __metadata("design:type", Function),
+  __metadata("design:paramtypes", []),
+  __metadata("design:returntype", void 0)
+], SwcObjectIFrame.prototype, "onValueChange", null);
 __decorate([
   import__.innerHtml,
   __metadata("design:type", Function),

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/is/SwcObjectIFrame.ts"],
-  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLIFrameElementBase } from './SwcHTMLIFrameElementBase';\n\n@elementDefine({ name: 'swc-object-iframe', extends: 'iframe' })\nexport class SwcObjectIFrame extends SwcHTMLIFrameElementBase {\n  private _swcValue: any = {};\n  private _renderedNodes: Node[] = [];\n\n  constructor() {\n    super();\n  }\n\n  set swcValue(val: any) {\n    if (typeof val !== 'object' || val === null) val = {};\n    this._swcValue = this.createReactiveProxy(val, () => this.updateUI());\n    if (this._masterTplNodes.length === 0) this.initCore();\n    this.render();\n  }\n\n  get swcValue(): any {\n    return this._swcValue;\n  }\n\n  @innerHtml\n  renderTemplate() {\n    return `<slot id=\"tpl-slot\" style=\"display:none;\"></slot>`;\n  }\n\n  connectedCallback() {\n    this.initCore();\n    if (this._masterTplNodes.length > 0) {\n      this.innerHTML = '';\n      this.render();\n    }\n  }\n\n  private updateUI() {\n    this._renderedNodes.forEach(node => {\n      this.applyData(node, this._swcValue);\n    });\n  }\n\n  private render() {\n    this.innerHTML = '';\n    this._renderedNodes = [];\n    if (this._masterTplNodes.length === 0) return;\n\n    this._masterTplNodes.forEach(tplNode => {\n      const clone = tplNode.cloneNode(true) as HTMLElement;\n      this.appendChild(clone);\n      if (clone.style) clone.style.display = 'contents';\n      this._renderedNodes.push(clone);\n      this.applyData(clone, this._swcValue);\n    });\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,eAAyC;AACzC,sCAAyC;;;;;;;;;;AAGlC,IAAM,kBAAN,MAAMA,yBAAwB,yDAAwB;EAI3D,cAAA;AACE,UAAK;AAJC,SAAA,YAAiB,CAAA;AACjB,SAAA,iBAAyB,CAAA;EAIjC;EAEA,IAAI,SAAS,KAAQ;AACnB,QAAI,OAAO,QAAQ,YAAY,QAAQ;AAAM,YAAM,CAAA;AACnD,SAAK,YAAY,KAAK,oBAAoB,KAAK,MAAM,KAAK,SAAQ,CAAE;AACpE,QAAI,KAAK,gBAAgB,WAAW;AAAG,WAAK,SAAQ;AACpD,SAAK,OAAM;EACb;EAEA,IAAI,WAAQ;AACV,WAAO,KAAK;EACd;EAGA,iBAAc;AACZ,WAAO;EACT;EAEA,oBAAiB;AACf,SAAK,SAAQ;AACb,QAAI,KAAK,gBAAgB,SAAS,GAAG;AACnC,WAAK,YAAY;AACjB,WAAK,OAAM;IACb;EACF;EAEQ,WAAQ;AACd,SAAK,eAAe,QAAQ,UAAO;AACjC,WAAK,UAAU,MAAM,KAAK,SAAS;IACrC,CAAC;EACH;EAEQ,SAAM;AACZ,SAAK,YAAY;AACjB,SAAK,iBAAiB,CAAA;AACtB,QAAI,KAAK,gBAAgB,WAAW;AAAG;AAEvC,SAAK,gBAAgB,QAAQ,aAAU;AACrC,YAAM,QAAQ,QAAQ,UAAU,IAAI;AACpC,WAAK,YAAY,KAAK;AACtB,UAAI,MAAM;AAAO,cAAM,MAAM,UAAU;AACvC,WAAK,eAAe,KAAK,KAAK;AAC9B,WAAK,UAAU,OAAO,KAAK,SAAS;IACtC,CAAC;EACH;;AA9BA,WAAA;EADC;;;;;AAnBU,kBAAe,WAAA;MAD3B,wBAAc,EAAE,MAAM,qBAAqB,SAAS,SAAQ,CAAE;;GAClD,eAAe;",
+  "sourcesContent": ["import { attribute, elementDefine, innerHtml, onAttributeChanged } from '../index';\nimport { SwcHTMLIFrameElementBase } from './SwcHTMLIFrameElementBase';\n\n@elementDefine({ name: 'swc-object-iframe', extends: 'iframe' })\nexport class SwcObjectIFrame extends SwcHTMLIFrameElementBase {\n  @attribute('swc-value')\n  _swcValue: any = {};\n\n  private _renderedNodes: Node[] = [];\n\n  constructor() {\n    super();\n  }\n\n  @onAttributeChanged('swc-value')\n  onValueChange() {\n    if (typeof this._swcValue !== 'object' || this._swcValue === null) this._swcValue = {};\n    this._swcValue = this.createReactiveProxy(this._swcValue, () => this.updateUI());\n    if (this._masterTplNodes.length === 0) this.initCore();\n    this.render();\n  }\n\n  set swcValue(val: any) {\n    this._swcValue = val;\n  }\n\n  get swcValue(): any {\n    return this._swcValue;\n  }\n\n  @innerHtml\n  renderTemplate() {\n    return `<slot id=\"tpl-slot\" style=\"display:none;\"></slot>`;\n  }\n\n  connectedCallback() {\n    this.initCore();\n    if (this._masterTplNodes.length > 0) {\n      this.innerHTML = '';\n      this.render();\n    }\n  }\n\n  private updateUI() {\n    this._renderedNodes.forEach(node => {\n      this.applyData(node, this._swcValue);\n    });\n  }\n\n  private render() {\n    this.innerHTML = '';\n    this._renderedNodes = [];\n    if (this._masterTplNodes.length === 0) return;\n\n    this._masterTplNodes.forEach(tplNode => {\n      const clone = tplNode.cloneNode(true) as HTMLElement;\n      this.appendChild(clone);\n      if (clone.style) clone.style.display = 'contents';\n      this._renderedNodes.push(clone);\n      this.applyData(clone, this._swcValue);\n    });\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,eAAwE;AACxE,sCAAyC;;;;;;;;;;AAGlC,IAAM,kBAAN,MAAMA,yBAAwB,yDAAwB;EAM3D,cAAA;AACE,UAAK;AALP,SAAA,YAAiB,CAAA;AAET,SAAA,iBAAyB,CAAA;EAIjC;EAGA,gBAAa;AACX,QAAI,OAAO,KAAK,cAAc,YAAY,KAAK,cAAc;AAAM,WAAK,YAAY,CAAA;AACpF,SAAK,YAAY,KAAK,oBAAoB,KAAK,WAAW,MAAM,KAAK,SAAQ,CAAE;AAC/E,QAAI,KAAK,gBAAgB,WAAW;AAAG,WAAK,SAAQ;AACpD,SAAK,OAAM;EACb;EAEA,IAAI,SAAS,KAAQ;AACnB,SAAK,YAAY;EACnB;EAEA,IAAI,WAAQ;AACV,WAAO,KAAK;EACd;EAGA,iBAAc;AACZ,WAAO;EACT;EAEA,oBAAiB;AACf,SAAK,SAAQ;AACb,QAAI,KAAK,gBAAgB,SAAS,GAAG;AACnC,WAAK,YAAY;AACjB,WAAK,OAAM;IACb;EACF;EAEQ,WAAQ;AACd,SAAK,eAAe,QAAQ,UAAO;AACjC,WAAK,UAAU,MAAM,KAAK,SAAS;IACrC,CAAC;EACH;EAEQ,SAAM;AACZ,SAAK,YAAY;AACjB,SAAK,iBAAiB,CAAA;AACtB,QAAI,KAAK,gBAAgB,WAAW;AAAG;AAEvC,SAAK,gBAAgB,QAAQ,aAAU;AACrC,YAAM,QAAQ,QAAQ,UAAU,IAAI;AACpC,WAAK,YAAY,KAAK;AACtB,UAAI,MAAM;AAAO,cAAM,MAAM,UAAU;AACvC,WAAK,eAAe,KAAK,KAAK;AAC9B,WAAK,UAAU,OAAO,KAAK,SAAS;IACtC,CAAC;EACH;;AAvDA,WAAA;MADC,oBAAU,WAAW;;;AAUtB,WAAA;MADC,6BAAmB,WAAW;;;;;AAiB/B,WAAA;EADC;;;;;AA1BU,kBAAe,WAAA;MAD3B,wBAAc,EAAE,MAAM,qBAAqB,SAAS,SAAQ,CAAE;;GAClD,eAAe;",
   "names": ["SwcObjectIFrame"]
 }

package/dist/cjs/is/SwcObjectImage.js

@@ -37,14 +37,17 @@ let SwcObjectImage = class SwcObjectImage2 extends import_SwcHTMLImageElementBas
     this._swcValue = {};
     this._renderedNodes = [];
   }
-  set swcValue(val) {
-    if (typeof val !== "object" || val === null)
-      val = {};
-    this._swcValue = this.createReactiveProxy(val, () => this.updateUI());
+  onValueChange() {
+    if (typeof this._swcValue !== "object" || this._swcValue === null)
+      this._swcValue = {};
+    this._swcValue = this.createReactiveProxy(this._swcValue, () => this.updateUI());
     if (this._masterTplNodes.length === 0)
       this.initCore();
     this.render();
   }
+  set swcValue(val) {
+    this._swcValue = val;
+  }
   get swcValue() {
     return this._swcValue;
   }
@@ -78,6 +81,16 @@ let SwcObjectImage = class SwcObjectImage2 extends import_SwcHTMLImageElementBas
     });
   }
 };
+__decorate([
+  (0, import__.attribute)("swc-value"),
+  __metadata("design:type", Object)
+], SwcObjectImage.prototype, "_swcValue", void 0);
+__decorate([
+  (0, import__.onAttributeChanged)("swc-value"),
+  __metadata("design:type", Function),
+  __metadata("design:paramtypes", []),
+  __metadata("design:returntype", void 0)
+], SwcObjectImage.prototype, "onValueChange", null);
 __decorate([
   import__.innerHtml,
   __metadata("design:type", Function),

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/is/SwcObjectImage.ts"],
-  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLImageElementBase } from './SwcHTMLImageElementBase';\n\n@elementDefine({ name: 'swc-object-img', extends: 'img' })\nexport class SwcObjectImage extends SwcHTMLImageElementBase {\n  private _swcValue: any = {};\n  private _renderedNodes: Node[] = [];\n\n  constructor() {\n    super();\n  }\n\n  set swcValue(val: any) {\n    if (typeof val !== 'object' || val === null) val = {};\n    this._swcValue = this.createReactiveProxy(val, () => this.updateUI());\n    if (this._masterTplNodes.length === 0) this.initCore();\n    this.render();\n  }\n\n  get swcValue(): any {\n    return this._swcValue;\n  }\n\n  @innerHtml\n  renderTemplate() {\n    return `<slot id=\"tpl-slot\" style=\"display:none;\"></slot>`;\n  }\n\n  connectedCallback() {\n    this.initCore();\n    if (this._masterTplNodes.length > 0) {\n      this.innerHTML = '';\n      this.render();\n    }\n  }\n\n  private updateUI() {\n    this._renderedNodes.forEach(node => {\n      this.applyData(node, this._swcValue);\n    });\n  }\n\n  private render() {\n    this.innerHTML = '';\n    this._renderedNodes = [];\n    if (this._masterTplNodes.length === 0) return;\n\n    this._masterTplNodes.forEach(tplNode => {\n      const clone = tplNode.cloneNode(true) as HTMLElement;\n      this.appendChild(clone);\n      if (clone.style) clone.style.display = 'contents';\n      this._renderedNodes.push(clone);\n      this.applyData(clone, this._swcValue);\n    });\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,eAAyC;AACzC,qCAAwC;;;;;;;;;;AAGjC,IAAM,iBAAN,MAAMA,wBAAuB,uDAAuB;EAIzD,cAAA;AACE,UAAK;AAJC,SAAA,YAAiB,CAAA;AACjB,SAAA,iBAAyB,CAAA;EAIjC;EAEA,IAAI,SAAS,KAAQ;AACnB,QAAI,OAAO,QAAQ,YAAY,QAAQ;AAAM,YAAM,CAAA;AACnD,SAAK,YAAY,KAAK,oBAAoB,KAAK,MAAM,KAAK,SAAQ,CAAE;AACpE,QAAI,KAAK,gBAAgB,WAAW;AAAG,WAAK,SAAQ;AACpD,SAAK,OAAM;EACb;EAEA,IAAI,WAAQ;AACV,WAAO,KAAK;EACd;EAGA,iBAAc;AACZ,WAAO;EACT;EAEA,oBAAiB;AACf,SAAK,SAAQ;AACb,QAAI,KAAK,gBAAgB,SAAS,GAAG;AACnC,WAAK,YAAY;AACjB,WAAK,OAAM;IACb;EACF;EAEQ,WAAQ;AACd,SAAK,eAAe,QAAQ,UAAO;AACjC,WAAK,UAAU,MAAM,KAAK,SAAS;IACrC,CAAC;EACH;EAEQ,SAAM;AACZ,SAAK,YAAY;AACjB,SAAK,iBAAiB,CAAA;AACtB,QAAI,KAAK,gBAAgB,WAAW;AAAG;AAEvC,SAAK,gBAAgB,QAAQ,aAAU;AACrC,YAAM,QAAQ,QAAQ,UAAU,IAAI;AACpC,WAAK,YAAY,KAAK;AACtB,UAAI,MAAM;AAAO,cAAM,MAAM,UAAU;AACvC,WAAK,eAAe,KAAK,KAAK;AAC9B,WAAK,UAAU,OAAO,KAAK,SAAS;IACtC,CAAC;EACH;;AA9BA,WAAA;EADC;;;;;AAnBU,iBAAc,WAAA;MAD1B,wBAAc,EAAE,MAAM,kBAAkB,SAAS,MAAK,CAAE;;GAC5C,cAAc;",
+  "sourcesContent": ["import { attribute, elementDefine, innerHtml, onAttributeChanged } from '../index';\nimport { SwcHTMLImageElementBase } from './SwcHTMLImageElementBase';\n\n@elementDefine({ name: 'swc-object-img', extends: 'img' })\nexport class SwcObjectImage extends SwcHTMLImageElementBase {\n  @attribute('swc-value')\n  _swcValue: any = {};\n\n  private _renderedNodes: Node[] = [];\n\n  constructor() {\n    super();\n  }\n\n  @onAttributeChanged('swc-value')\n  onValueChange() {\n    if (typeof this._swcValue !== 'object' || this._swcValue === null) this._swcValue = {};\n    this._swcValue = this.createReactiveProxy(this._swcValue, () => this.updateUI());\n    if (this._masterTplNodes.length === 0) this.initCore();\n    this.render();\n  }\n\n  set swcValue(val: any) {\n    this._swcValue = val;\n  }\n\n  get swcValue(): any {\n    return this._swcValue;\n  }\n\n  @innerHtml\n  renderTemplate() {\n    return `<slot id=\"tpl-slot\" style=\"display:none;\"></slot>`;\n  }\n\n  connectedCallback() {\n    this.initCore();\n    if (this._masterTplNodes.length > 0) {\n      this.innerHTML = '';\n      this.render();\n    }\n  }\n\n  private updateUI() {\n    this._renderedNodes.forEach(node => {\n      this.applyData(node, this._swcValue);\n    });\n  }\n\n  private render() {\n    this.innerHTML = '';\n    this._renderedNodes = [];\n    if (this._masterTplNodes.length === 0) return;\n\n    this._masterTplNodes.forEach(tplNode => {\n      const clone = tplNode.cloneNode(true) as HTMLElement;\n      this.appendChild(clone);\n      if (clone.style) clone.style.display = 'contents';\n      this._renderedNodes.push(clone);\n      this.applyData(clone, this._swcValue);\n    });\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,eAAwE;AACxE,qCAAwC;;;;;;;;;;AAGjC,IAAM,iBAAN,MAAMA,wBAAuB,uDAAuB;EAMzD,cAAA;AACE,UAAK;AALP,SAAA,YAAiB,CAAA;AAET,SAAA,iBAAyB,CAAA;EAIjC;EAGA,gBAAa;AACX,QAAI,OAAO,KAAK,cAAc,YAAY,KAAK,cAAc;AAAM,WAAK,YAAY,CAAA;AACpF,SAAK,YAAY,KAAK,oBAAoB,KAAK,WAAW,MAAM,KAAK,SAAQ,CAAE;AAC/E,QAAI,KAAK,gBAAgB,WAAW;AAAG,WAAK,SAAQ;AACpD,SAAK,OAAM;EACb;EAEA,IAAI,SAAS,KAAQ;AACnB,SAAK,YAAY;EACnB;EAEA,IAAI,WAAQ;AACV,WAAO,KAAK;EACd;EAGA,iBAAc;AACZ,WAAO;EACT;EAEA,oBAAiB;AACf,SAAK,SAAQ;AACb,QAAI,KAAK,gBAAgB,SAAS,GAAG;AACnC,WAAK,YAAY;AACjB,WAAK,OAAM;IACb;EACF;EAEQ,WAAQ;AACd,SAAK,eAAe,QAAQ,UAAO;AACjC,WAAK,UAAU,MAAM,KAAK,SAAS;IACrC,CAAC;EACH;EAEQ,SAAM;AACZ,SAAK,YAAY;AACjB,SAAK,iBAAiB,CAAA;AACtB,QAAI,KAAK,gBAAgB,WAAW;AAAG;AAEvC,SAAK,gBAAgB,QAAQ,aAAU;AACrC,YAAM,QAAQ,QAAQ,UAAU,IAAI;AACpC,WAAK,YAAY,KAAK;AACtB,UAAI,MAAM;AAAO,cAAM,MAAM,UAAU;AACvC,WAAK,eAAe,KAAK,KAAK;AAC9B,WAAK,UAAU,OAAO,KAAK,SAAS;IACtC,CAAC;EACH;;AAvDA,WAAA;MADC,oBAAU,WAAW;;;AAUtB,WAAA;MADC,6BAAmB,WAAW;;;;;AAiB/B,WAAA;EADC;;;;;AA1BU,iBAAc,WAAA;MAD1B,wBAAc,EAAE,MAAM,kBAAkB,SAAS,MAAK,CAAE;;GAC5C,cAAc;",
   "names": ["SwcObjectImage"]
 }

package/dist/cjs/is/SwcObjectInput.js

@@ -37,14 +37,17 @@ let SwcObjectInput = class SwcObjectInput2 extends import_SwcHTMLInputElementBas
     this._swcValue = {};
     this._renderedNodes = [];
   }
-  set swcValue(val) {
-    if (typeof val !== "object" || val === null)
-      val = {};
-    this._swcValue = this.createReactiveProxy(val, () => this.updateUI());
+  onValueChange() {
+    if (typeof this._swcValue !== "object" || this._swcValue === null)
+      this._swcValue = {};
+    this._swcValue = this.createReactiveProxy(this._swcValue, () => this.updateUI());
     if (this._masterTplNodes.length === 0)
       this.initCore();
     this.render();
   }
+  set swcValue(val) {
+    this._swcValue = val;
+  }
   get swcValue() {
     return this._swcValue;
   }
@@ -78,6 +81,16 @@ let SwcObjectInput = class SwcObjectInput2 extends import_SwcHTMLInputElementBas
     });
   }
 };
+__decorate([
+  (0, import__.attribute)("swc-value"),
+  __metadata("design:type", Object)
+], SwcObjectInput.prototype, "_swcValue", void 0);
+__decorate([
+  (0, import__.onAttributeChanged)("swc-value"),
+  __metadata("design:type", Function),
+  __metadata("design:paramtypes", []),
+  __metadata("design:returntype", void 0)
+], SwcObjectInput.prototype, "onValueChange", null);
 __decorate([
   import__.innerHtml,
   __metadata("design:type", Function),

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/is/SwcObjectInput.ts"],
-  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLInputElementBase } from './SwcHTMLInputElementBase';\n\n@elementDefine({ name: 'swc-object-input', extends: 'input' })\nexport class SwcObjectInput extends SwcHTMLInputElementBase {\n  private _swcValue: any = {};\n  private _renderedNodes: Node[] = [];\n\n  constructor() {\n    super();\n  }\n\n  set swcValue(val: any) {\n    if (typeof val !== 'object' || val === null) val = {};\n    this._swcValue = this.createReactiveProxy(val, () => this.updateUI());\n    if (this._masterTplNodes.length === 0) this.initCore();\n    this.render();\n  }\n\n  get swcValue(): any {\n    return this._swcValue;\n  }\n\n  @innerHtml\n  renderTemplate() {\n    return `<slot id=\"tpl-slot\" style=\"display:none;\"></slot>`;\n  }\n\n  connectedCallback() {\n    this.initCore();\n    if (this._masterTplNodes.length > 0) {\n      this.innerHTML = '';\n      this.render();\n    }\n  }\n\n  private updateUI() {\n    this._renderedNodes.forEach(node => {\n      this.applyData(node, this._swcValue);\n    });\n  }\n\n  private render() {\n    this.innerHTML = '';\n    this._renderedNodes = [];\n    if (this._masterTplNodes.length === 0) return;\n\n    this._masterTplNodes.forEach(tplNode => {\n      const clone = tplNode.cloneNode(true) as HTMLElement;\n      this.appendChild(clone);\n      if (clone.style) clone.style.display = 'contents';\n      this._renderedNodes.push(clone);\n      this.applyData(clone, this._swcValue);\n    });\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,eAAyC;AACzC,qCAAwC;;;;;;;;;;AAGjC,IAAM,iBAAN,MAAMA,wBAAuB,uDAAuB;EAIzD,cAAA;AACE,UAAK;AAJC,SAAA,YAAiB,CAAA;AACjB,SAAA,iBAAyB,CAAA;EAIjC;EAEA,IAAI,SAAS,KAAQ;AACnB,QAAI,OAAO,QAAQ,YAAY,QAAQ;AAAM,YAAM,CAAA;AACnD,SAAK,YAAY,KAAK,oBAAoB,KAAK,MAAM,KAAK,SAAQ,CAAE;AACpE,QAAI,KAAK,gBAAgB,WAAW;AAAG,WAAK,SAAQ;AACpD,SAAK,OAAM;EACb;EAEA,IAAI,WAAQ;AACV,WAAO,KAAK;EACd;EAGA,iBAAc;AACZ,WAAO;EACT;EAEA,oBAAiB;AACf,SAAK,SAAQ;AACb,QAAI,KAAK,gBAAgB,SAAS,GAAG;AACnC,WAAK,YAAY;AACjB,WAAK,OAAM;IACb;EACF;EAEQ,WAAQ;AACd,SAAK,eAAe,QAAQ,UAAO;AACjC,WAAK,UAAU,MAAM,KAAK,SAAS;IACrC,CAAC;EACH;EAEQ,SAAM;AACZ,SAAK,YAAY;AACjB,SAAK,iBAAiB,CAAA;AACtB,QAAI,KAAK,gBAAgB,WAAW;AAAG;AAEvC,SAAK,gBAAgB,QAAQ,aAAU;AACrC,YAAM,QAAQ,QAAQ,UAAU,IAAI;AACpC,WAAK,YAAY,KAAK;AACtB,UAAI,MAAM;AAAO,cAAM,MAAM,UAAU;AACvC,WAAK,eAAe,KAAK,KAAK;AAC9B,WAAK,UAAU,OAAO,KAAK,SAAS;IACtC,CAAC;EACH;;AA9BA,WAAA;EADC;;;;;AAnBU,iBAAc,WAAA;MAD1B,wBAAc,EAAE,MAAM,oBAAoB,SAAS,QAAO,CAAE;;GAChD,cAAc;",
+  "sourcesContent": ["import { attribute, elementDefine, innerHtml, onAttributeChanged } from '../index';\nimport { SwcHTMLInputElementBase } from './SwcHTMLInputElementBase';\n\n@elementDefine({ name: 'swc-object-input', extends: 'input' })\nexport class SwcObjectInput extends SwcHTMLInputElementBase {\n  @attribute('swc-value')\n  _swcValue: any = {};\n\n  private _renderedNodes: Node[] = [];\n\n  constructor() {\n    super();\n  }\n\n  @onAttributeChanged('swc-value')\n  onValueChange() {\n    if (typeof this._swcValue !== 'object' || this._swcValue === null) this._swcValue = {};\n    this._swcValue = this.createReactiveProxy(this._swcValue, () => this.updateUI());\n    if (this._masterTplNodes.length === 0) this.initCore();\n    this.render();\n  }\n\n  set swcValue(val: any) {\n    this._swcValue = val;\n  }\n\n  get swcValue(): any {\n    return this._swcValue;\n  }\n\n  @innerHtml\n  renderTemplate() {\n    return `<slot id=\"tpl-slot\" style=\"display:none;\"></slot>`;\n  }\n\n  connectedCallback() {\n    this.initCore();\n    if (this._masterTplNodes.length > 0) {\n      this.innerHTML = '';\n      this.render();\n    }\n  }\n\n  private updateUI() {\n    this._renderedNodes.forEach(node => {\n      this.applyData(node, this._swcValue);\n    });\n  }\n\n  private render() {\n    this.innerHTML = '';\n    this._renderedNodes = [];\n    if (this._masterTplNodes.length === 0) return;\n\n    this._masterTplNodes.forEach(tplNode => {\n      const clone = tplNode.cloneNode(true) as HTMLElement;\n      this.appendChild(clone);\n      if (clone.style) clone.style.display = 'contents';\n      this._renderedNodes.push(clone);\n      this.applyData(clone, this._swcValue);\n    });\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,eAAwE;AACxE,qCAAwC;;;;;;;;;;AAGjC,IAAM,iBAAN,MAAMA,wBAAuB,uDAAuB;EAMzD,cAAA;AACE,UAAK;AALP,SAAA,YAAiB,CAAA;AAET,SAAA,iBAAyB,CAAA;EAIjC;EAGA,gBAAa;AACX,QAAI,OAAO,KAAK,cAAc,YAAY,KAAK,cAAc;AAAM,WAAK,YAAY,CAAA;AACpF,SAAK,YAAY,KAAK,oBAAoB,KAAK,WAAW,MAAM,KAAK,SAAQ,CAAE;AAC/E,QAAI,KAAK,gBAAgB,WAAW;AAAG,WAAK,SAAQ;AACpD,SAAK,OAAM;EACb;EAEA,IAAI,SAAS,KAAQ;AACnB,SAAK,YAAY;EACnB;EAEA,IAAI,WAAQ;AACV,WAAO,KAAK;EACd;EAGA,iBAAc;AACZ,WAAO;EACT;EAEA,oBAAiB;AACf,SAAK,SAAQ;AACb,QAAI,KAAK,gBAAgB,SAAS,GAAG;AACnC,WAAK,YAAY;AACjB,WAAK,OAAM;IACb;EACF;EAEQ,WAAQ;AACd,SAAK,eAAe,QAAQ,UAAO;AACjC,WAAK,UAAU,MAAM,KAAK,SAAS;IACrC,CAAC;EACH;EAEQ,SAAM;AACZ,SAAK,YAAY;AACjB,SAAK,iBAAiB,CAAA;AACtB,QAAI,KAAK,gBAAgB,WAAW;AAAG;AAEvC,SAAK,gBAAgB,QAAQ,aAAU;AACrC,YAAM,QAAQ,QAAQ,UAAU,IAAI;AACpC,WAAK,YAAY,KAAK;AACtB,UAAI,MAAM;AAAO,cAAM,MAAM,UAAU;AACvC,WAAK,eAAe,KAAK,KAAK;AAC9B,WAAK,UAAU,OAAO,KAAK,SAAS;IACtC,CAAC;EACH;;AAvDA,WAAA;MADC,oBAAU,WAAW;;;AAUtB,WAAA;MADC,6BAAmB,WAAW;;;;;AAiB/B,WAAA;EADC;;;;;AA1BU,iBAAc,WAAA;MAD1B,wBAAc,EAAE,MAAM,oBAAoB,SAAS,QAAO,CAAE;;GAChD,cAAc;",
   "names": ["SwcObjectInput"]
 }

package/dist/cjs/is/SwcObjectLabel.js

@@ -37,14 +37,17 @@ let SwcObjectLabel = class SwcObjectLabel2 extends import_SwcHTMLLabelElementBas
     this._swcValue = {};
     this._renderedNodes = [];
   }
-  set swcValue(val) {
-    if (typeof val !== "object" || val === null)
-      val = {};
-    this._swcValue = this.createReactiveProxy(val, () => this.updateUI());
+  onValueChange() {
+    if (typeof this._swcValue !== "object" || this._swcValue === null)
+      this._swcValue = {};
+    this._swcValue = this.createReactiveProxy(this._swcValue, () => this.updateUI());
     if (this._masterTplNodes.length === 0)
       this.initCore();
     this.render();
   }
+  set swcValue(val) {
+    this._swcValue = val;
+  }
   get swcValue() {
     return this._swcValue;
   }
@@ -78,6 +81,16 @@ let SwcObjectLabel = class SwcObjectLabel2 extends import_SwcHTMLLabelElementBas
     });
   }
 };
+__decorate([
+  (0, import__.attribute)("swc-value"),
+  __metadata("design:type", Object)
+], SwcObjectLabel.prototype, "_swcValue", void 0);
+__decorate([
+  (0, import__.onAttributeChanged)("swc-value"),
+  __metadata("design:type", Function),
+  __metadata("design:paramtypes", []),
+  __metadata("design:returntype", void 0)
+], SwcObjectLabel.prototype, "onValueChange", null);
 __decorate([
   import__.innerHtml,
   __metadata("design:type", Function),

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/is/SwcObjectLabel.ts"],
-  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLLabelElementBase } from './SwcHTMLLabelElementBase';\n\n@elementDefine({ name: 'swc-object-label', extends: 'label' })\nexport class SwcObjectLabel extends SwcHTMLLabelElementBase {\n  private _swcValue: any = {};\n  private _renderedNodes: Node[] = [];\n\n  constructor() {\n    super();\n  }\n\n  set swcValue(val: any) {\n    if (typeof val !== 'object' || val === null) val = {};\n    this._swcValue = this.createReactiveProxy(val, () => this.updateUI());\n    if (this._masterTplNodes.length === 0) this.initCore();\n    this.render();\n  }\n\n  get swcValue(): any {\n    return this._swcValue;\n  }\n\n  @innerHtml\n  renderTemplate() {\n    return `<slot id=\"tpl-slot\" style=\"display:none;\"></slot>`;\n  }\n\n  connectedCallback() {\n    this.initCore();\n    if (this._masterTplNodes.length > 0) {\n      this.innerHTML = '';\n      this.render();\n    }\n  }\n\n  private updateUI() {\n    this._renderedNodes.forEach(node => {\n      this.applyData(node, this._swcValue);\n    });\n  }\n\n  private render() {\n    this.innerHTML = '';\n    this._renderedNodes = [];\n    if (this._masterTplNodes.length === 0) return;\n\n    this._masterTplNodes.forEach(tplNode => {\n      const clone = tplNode.cloneNode(true) as HTMLElement;\n      this.appendChild(clone);\n      if (clone.style) clone.style.display = 'contents';\n      this._renderedNodes.push(clone);\n      this.applyData(clone, this._swcValue);\n    });\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,eAAyC;AACzC,qCAAwC;;;;;;;;;;AAGjC,IAAM,iBAAN,MAAMA,wBAAuB,uDAAuB;EAIzD,cAAA;AACE,UAAK;AAJC,SAAA,YAAiB,CAAA;AACjB,SAAA,iBAAyB,CAAA;EAIjC;EAEA,IAAI,SAAS,KAAQ;AACnB,QAAI,OAAO,QAAQ,YAAY,QAAQ;AAAM,YAAM,CAAA;AACnD,SAAK,YAAY,KAAK,oBAAoB,KAAK,MAAM,KAAK,SAAQ,CAAE;AACpE,QAAI,KAAK,gBAAgB,WAAW;AAAG,WAAK,SAAQ;AACpD,SAAK,OAAM;EACb;EAEA,IAAI,WAAQ;AACV,WAAO,KAAK;EACd;EAGA,iBAAc;AACZ,WAAO;EACT;EAEA,oBAAiB;AACf,SAAK,SAAQ;AACb,QAAI,KAAK,gBAAgB,SAAS,GAAG;AACnC,WAAK,YAAY;AACjB,WAAK,OAAM;IACb;EACF;EAEQ,WAAQ;AACd,SAAK,eAAe,QAAQ,UAAO;AACjC,WAAK,UAAU,MAAM,KAAK,SAAS;IACrC,CAAC;EACH;EAEQ,SAAM;AACZ,SAAK,YAAY;AACjB,SAAK,iBAAiB,CAAA;AACtB,QAAI,KAAK,gBAAgB,WAAW;AAAG;AAEvC,SAAK,gBAAgB,QAAQ,aAAU;AACrC,YAAM,QAAQ,QAAQ,UAAU,IAAI;AACpC,WAAK,YAAY,KAAK;AACtB,UAAI,MAAM;AAAO,cAAM,MAAM,UAAU;AACvC,WAAK,eAAe,KAAK,KAAK;AAC9B,WAAK,UAAU,OAAO,KAAK,SAAS;IACtC,CAAC;EACH;;AA9BA,WAAA;EADC;;;;;AAnBU,iBAAc,WAAA;MAD1B,wBAAc,EAAE,MAAM,oBAAoB,SAAS,QAAO,CAAE;;GAChD,cAAc;",
+  "sourcesContent": ["import { attribute, elementDefine, innerHtml, onAttributeChanged } from '../index';\nimport { SwcHTMLLabelElementBase } from './SwcHTMLLabelElementBase';\n\n@elementDefine({ name: 'swc-object-label', extends: 'label' })\nexport class SwcObjectLabel extends SwcHTMLLabelElementBase {\n  @attribute('swc-value')\n  _swcValue: any = {};\n\n  private _renderedNodes: Node[] = [];\n\n  constructor() {\n    super();\n  }\n\n  @onAttributeChanged('swc-value')\n  onValueChange() {\n    if (typeof this._swcValue !== 'object' || this._swcValue === null) this._swcValue = {};\n    this._swcValue = this.createReactiveProxy(this._swcValue, () => this.updateUI());\n    if (this._masterTplNodes.length === 0) this.initCore();\n    this.render();\n  }\n\n  set swcValue(val: any) {\n    this._swcValue = val;\n  }\n\n  get swcValue(): any {\n    return this._swcValue;\n  }\n\n  @innerHtml\n  renderTemplate() {\n    return `<slot id=\"tpl-slot\" style=\"display:none;\"></slot>`;\n  }\n\n  connectedCallback() {\n    this.initCore();\n    if (this._masterTplNodes.length > 0) {\n      this.innerHTML = '';\n      this.render();\n    }\n  }\n\n  private updateUI() {\n    this._renderedNodes.forEach(node => {\n      this.applyData(node, this._swcValue);\n    });\n  }\n\n  private render() {\n    this.innerHTML = '';\n    this._renderedNodes = [];\n    if (this._masterTplNodes.length === 0) return;\n\n    this._masterTplNodes.forEach(tplNode => {\n      const clone = tplNode.cloneNode(true) as HTMLElement;\n      this.appendChild(clone);\n      if (clone.style) clone.style.display = 'contents';\n      this._renderedNodes.push(clone);\n      this.applyData(clone, this._swcValue);\n    });\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,eAAwE;AACxE,qCAAwC;;;;;;;;;;AAGjC,IAAM,iBAAN,MAAMA,wBAAuB,uDAAuB;EAMzD,cAAA;AACE,UAAK;AALP,SAAA,YAAiB,CAAA;AAET,SAAA,iBAAyB,CAAA;EAIjC;EAGA,gBAAa;AACX,QAAI,OAAO,KAAK,cAAc,YAAY,KAAK,cAAc;AAAM,WAAK,YAAY,CAAA;AACpF,SAAK,YAAY,KAAK,oBAAoB,KAAK,WAAW,MAAM,KAAK,SAAQ,CAAE;AAC/E,QAAI,KAAK,gBAAgB,WAAW;AAAG,WAAK,SAAQ;AACpD,SAAK,OAAM;EACb;EAEA,IAAI,SAAS,KAAQ;AACnB,SAAK,YAAY;EACnB;EAEA,IAAI,WAAQ;AACV,WAAO,KAAK;EACd;EAGA,iBAAc;AACZ,WAAO;EACT;EAEA,oBAAiB;AACf,SAAK,SAAQ;AACb,QAAI,KAAK,gBAAgB,SAAS,GAAG;AACnC,WAAK,YAAY;AACjB,WAAK,OAAM;IACb;EACF;EAEQ,WAAQ;AACd,SAAK,eAAe,QAAQ,UAAO;AACjC,WAAK,UAAU,MAAM,KAAK,SAAS;IACrC,CAAC;EACH;EAEQ,SAAM;AACZ,SAAK,YAAY;AACjB,SAAK,iBAAiB,CAAA;AACtB,QAAI,KAAK,gBAAgB,WAAW;AAAG;AAEvC,SAAK,gBAAgB,QAAQ,aAAU;AACrC,YAAM,QAAQ,QAAQ,UAAU,IAAI;AACpC,WAAK,YAAY,KAAK;AACtB,UAAI,MAAM;AAAO,cAAM,MAAM,UAAU;AACvC,WAAK,eAAe,KAAK,KAAK;AAC9B,WAAK,UAAU,OAAO,KAAK,SAAS;IACtC,CAAC;EACH;;AAvDA,WAAA;MADC,oBAAU,WAAW;;;AAUtB,WAAA;MADC,6BAAmB,WAAW;;;;;AAiB/B,WAAA;EADC;;;;;AA1BU,iBAAc,WAAA;MAD1B,wBAAc,EAAE,MAAM,oBAAoB,SAAS,QAAO,CAAE;;GAChD,cAAc;",
   "names": ["SwcObjectLabel"]
 }

package/dist/cjs/is/SwcObjectLegend.js

@@ -37,14 +37,17 @@ let SwcObjectLegend = class SwcObjectLegend2 extends import_SwcHTMLLegendElement
     this._swcValue = {};
     this._renderedNodes = [];
   }
-  set swcValue(val) {
-    if (typeof val !== "object" || val === null)
-      val = {};
-    this._swcValue = this.createReactiveProxy(val, () => this.updateUI());
+  onValueChange() {
+    if (typeof this._swcValue !== "object" || this._swcValue === null)
+      this._swcValue = {};
+    this._swcValue = this.createReactiveProxy(this._swcValue, () => this.updateUI());
     if (this._masterTplNodes.length === 0)
       this.initCore();
     this.render();
   }
+  set swcValue(val) {
+    this._swcValue = val;
+  }
   get swcValue() {
     return this._swcValue;
   }
@@ -78,6 +81,16 @@ let SwcObjectLegend = class SwcObjectLegend2 extends import_SwcHTMLLegendElement
     });
   }
 };
+__decorate([
+  (0, import__.attribute)("swc-value"),
+  __metadata("design:type", Object)
+], SwcObjectLegend.prototype, "_swcValue", void 0);
+__decorate([
+  (0, import__.onAttributeChanged)("swc-value"),
+  __metadata("design:type", Function),
+  __metadata("design:paramtypes", []),
+  __metadata("design:returntype", void 0)
+], SwcObjectLegend.prototype, "onValueChange", null);
 __decorate([
   import__.innerHtml,
   __metadata("design:type", Function),

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/is/SwcObjectLegend.ts"],
-  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLLegendElementBase } from './SwcHTMLLegendElementBase';\n\n@elementDefine({ name: 'swc-object-legend', extends: 'legend' })\nexport class SwcObjectLegend extends SwcHTMLLegendElementBase {\n  private _swcValue: any = {};\n  private _renderedNodes: Node[] = [];\n\n  constructor() {\n    super();\n  }\n\n  set swcValue(val: any) {\n    if (typeof val !== 'object' || val === null) val = {};\n    this._swcValue = this.createReactiveProxy(val, () => this.updateUI());\n    if (this._masterTplNodes.length === 0) this.initCore();\n    this.render();\n  }\n\n  get swcValue(): any {\n    return this._swcValue;\n  }\n\n  @innerHtml\n  renderTemplate() {\n    return `<slot id=\"tpl-slot\" style=\"display:none;\"></slot>`;\n  }\n\n  connectedCallback() {\n    this.initCore();\n    if (this._masterTplNodes.length > 0) {\n      this.innerHTML = '';\n      this.render();\n    }\n  }\n\n  private updateUI() {\n    this._renderedNodes.forEach(node => {\n      this.applyData(node, this._swcValue);\n    });\n  }\n\n  private render() {\n    this.innerHTML = '';\n    this._renderedNodes = [];\n    if (this._masterTplNodes.length === 0) return;\n\n    this._masterTplNodes.forEach(tplNode => {\n      const clone = tplNode.cloneNode(true) as HTMLElement;\n      this.appendChild(clone);\n      if (clone.style) clone.style.display = 'contents';\n      this._renderedNodes.push(clone);\n      this.applyData(clone, this._swcValue);\n    });\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,eAAyC;AACzC,sCAAyC;;;;;;;;;;AAGlC,IAAM,kBAAN,MAAMA,yBAAwB,yDAAwB;EAI3D,cAAA;AACE,UAAK;AAJC,SAAA,YAAiB,CAAA;AACjB,SAAA,iBAAyB,CAAA;EAIjC;EAEA,IAAI,SAAS,KAAQ;AACnB,QAAI,OAAO,QAAQ,YAAY,QAAQ;AAAM,YAAM,CAAA;AACnD,SAAK,YAAY,KAAK,oBAAoB,KAAK,MAAM,KAAK,SAAQ,CAAE;AACpE,QAAI,KAAK,gBAAgB,WAAW;AAAG,WAAK,SAAQ;AACpD,SAAK,OAAM;EACb;EAEA,IAAI,WAAQ;AACV,WAAO,KAAK;EACd;EAGA,iBAAc;AACZ,WAAO;EACT;EAEA,oBAAiB;AACf,SAAK,SAAQ;AACb,QAAI,KAAK,gBAAgB,SAAS,GAAG;AACnC,WAAK,YAAY;AACjB,WAAK,OAAM;IACb;EACF;EAEQ,WAAQ;AACd,SAAK,eAAe,QAAQ,UAAO;AACjC,WAAK,UAAU,MAAM,KAAK,SAAS;IACrC,CAAC;EACH;EAEQ,SAAM;AACZ,SAAK,YAAY;AACjB,SAAK,iBAAiB,CAAA;AACtB,QAAI,KAAK,gBAAgB,WAAW;AAAG;AAEvC,SAAK,gBAAgB,QAAQ,aAAU;AACrC,YAAM,QAAQ,QAAQ,UAAU,IAAI;AACpC,WAAK,YAAY,KAAK;AACtB,UAAI,MAAM;AAAO,cAAM,MAAM,UAAU;AACvC,WAAK,eAAe,KAAK,KAAK;AAC9B,WAAK,UAAU,OAAO,KAAK,SAAS;IACtC,CAAC;EACH;;AA9BA,WAAA;EADC;;;;;AAnBU,kBAAe,WAAA;MAD3B,wBAAc,EAAE,MAAM,qBAAqB,SAAS,SAAQ,CAAE;;GAClD,eAAe;",
+  "sourcesContent": ["import { attribute, elementDefine, innerHtml, onAttributeChanged } from '../index';\nimport { SwcHTMLLegendElementBase } from './SwcHTMLLegendElementBase';\n\n@elementDefine({ name: 'swc-object-legend', extends: 'legend' })\nexport class SwcObjectLegend extends SwcHTMLLegendElementBase {\n  @attribute('swc-value')\n  _swcValue: any = {};\n\n  private _renderedNodes: Node[] = [];\n\n  constructor() {\n    super();\n  }\n\n  @onAttributeChanged('swc-value')\n  onValueChange() {\n    if (typeof this._swcValue !== 'object' || this._swcValue === null) this._swcValue = {};\n    this._swcValue = this.createReactiveProxy(this._swcValue, () => this.updateUI());\n    if (this._masterTplNodes.length === 0) this.initCore();\n    this.render();\n  }\n\n  set swcValue(val: any) {\n    this._swcValue = val;\n  }\n\n  get swcValue(): any {\n    return this._swcValue;\n  }\n\n  @innerHtml\n  renderTemplate() {\n    return `<slot id=\"tpl-slot\" style=\"display:none;\"></slot>`;\n  }\n\n  connectedCallback() {\n    this.initCore();\n    if (this._masterTplNodes.length > 0) {\n      this.innerHTML = '';\n      this.render();\n    }\n  }\n\n  private updateUI() {\n    this._renderedNodes.forEach(node => {\n      this.applyData(node, this._swcValue);\n    });\n  }\n\n  private render() {\n    this.innerHTML = '';\n    this._renderedNodes = [];\n    if (this._masterTplNodes.length === 0) return;\n\n    this._masterTplNodes.forEach(tplNode => {\n      const clone = tplNode.cloneNode(true) as HTMLElement;\n      this.appendChild(clone);\n      if (clone.style) clone.style.display = 'contents';\n      this._renderedNodes.push(clone);\n      this.applyData(clone, this._swcValue);\n    });\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,eAAwE;AACxE,sCAAyC;;;;;;;;;;AAGlC,IAAM,kBAAN,MAAMA,yBAAwB,yDAAwB;EAM3D,cAAA;AACE,UAAK;AALP,SAAA,YAAiB,CAAA;AAET,SAAA,iBAAyB,CAAA;EAIjC;EAGA,gBAAa;AACX,QAAI,OAAO,KAAK,cAAc,YAAY,KAAK,cAAc;AAAM,WAAK,YAAY,CAAA;AACpF,SAAK,YAAY,KAAK,oBAAoB,KAAK,WAAW,MAAM,KAAK,SAAQ,CAAE;AAC/E,QAAI,KAAK,gBAAgB,WAAW;AAAG,WAAK,SAAQ;AACpD,SAAK,OAAM;EACb;EAEA,IAAI,SAAS,KAAQ;AACnB,SAAK,YAAY;EACnB;EAEA,IAAI,WAAQ;AACV,WAAO,KAAK;EACd;EAGA,iBAAc;AACZ,WAAO;EACT;EAEA,oBAAiB;AACf,SAAK,SAAQ;AACb,QAAI,KAAK,gBAAgB,SAAS,GAAG;AACnC,WAAK,YAAY;AACjB,WAAK,OAAM;IACb;EACF;EAEQ,WAAQ;AACd,SAAK,eAAe,QAAQ,UAAO;AACjC,WAAK,UAAU,MAAM,KAAK,SAAS;IACrC,CAAC;EACH;EAEQ,SAAM;AACZ,SAAK,YAAY;AACjB,SAAK,iBAAiB,CAAA;AACtB,QAAI,KAAK,gBAAgB,WAAW;AAAG;AAEvC,SAAK,gBAAgB,QAAQ,aAAU;AACrC,YAAM,QAAQ,QAAQ,UAAU,IAAI;AACpC,WAAK,YAAY,KAAK;AACtB,UAAI,MAAM;AAAO,cAAM,MAAM,UAAU;AACvC,WAAK,eAAe,KAAK,KAAK;AAC9B,WAAK,UAAU,OAAO,KAAK,SAAS;IACtC,CAAC;EACH;;AAvDA,WAAA;MADC,oBAAU,WAAW;;;AAUtB,WAAA;MADC,6BAAmB,WAAW;;;;;AAiB/B,WAAA;EADC;;;;;AA1BU,kBAAe,WAAA;MAD3B,wBAAc,EAAE,MAAM,qBAAqB,SAAS,SAAQ,CAAE;;GAClD,eAAe;",
   "names": ["SwcObjectLegend"]
 }

package/dist/cjs/is/SwcObjectLi.js

@@ -37,14 +37,17 @@ let SwcObjectLi = class SwcObjectLi2 extends import_SwcHTMLLIElementBase.SwcHTML
     this._swcValue = {};
     this._renderedNodes = [];
   }
-  set swcValue(val) {
-    if (typeof val !== "object" || val === null)
-      val = {};
-    this._swcValue = this.createReactiveProxy(val, () => this.updateUI());
+  onValueChange() {
+    if (typeof this._swcValue !== "object" || this._swcValue === null)
+      this._swcValue = {};
+    this._swcValue = this.createReactiveProxy(this._swcValue, () => this.updateUI());
     if (this._masterTplNodes.length === 0)
       this.initCore();
     this.render();
   }
+  set swcValue(val) {
+    this._swcValue = val;
+  }
   get swcValue() {
     return this._swcValue;
   }
@@ -78,6 +81,16 @@ let SwcObjectLi = class SwcObjectLi2 extends import_SwcHTMLLIElementBase.SwcHTML
     });
   }
 };
+__decorate([
+  (0, import__.attribute)("swc-value"),
+  __metadata("design:type", Object)
+], SwcObjectLi.prototype, "_swcValue", void 0);
+__decorate([
+  (0, import__.onAttributeChanged)("swc-value"),
+  __metadata("design:type", Function),
+  __metadata("design:paramtypes", []),
+  __metadata("design:returntype", void 0)
+], SwcObjectLi.prototype, "onValueChange", null);
 __decorate([
   import__.innerHtml,
   __metadata("design:type", Function),

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/is/SwcObjectLi.ts"],
-  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLLIElementBase } from './SwcHTMLLIElementBase';\n\n@elementDefine({ name: 'swc-object-li', extends: 'li' })\nexport class SwcObjectLi extends SwcHTMLLIElementBase {\n  private _swcValue: any = {};\n  private _renderedNodes: Node[] = [];\n\n  constructor() {\n    super();\n  }\n\n  set swcValue(val: any) {\n    if (typeof val !== 'object' || val === null) val = {};\n    this._swcValue = this.createReactiveProxy(val, () => this.updateUI());\n    if (this._masterTplNodes.length === 0) this.initCore();\n    this.render();\n  }\n\n  get swcValue(): any {\n    return this._swcValue;\n  }\n\n  @innerHtml\n  renderTemplate() {\n    return `<slot id=\"tpl-slot\" style=\"display:none;\"></slot>`;\n  }\n\n  connectedCallback() {\n    this.initCore();\n    if (this._masterTplNodes.length > 0) {\n      this.innerHTML = '';\n      this.render();\n    }\n  }\n\n  private updateUI() {\n    this._renderedNodes.forEach(node => {\n      this.applyData(node, this._swcValue);\n    });\n  }\n\n  private render() {\n    this.innerHTML = '';\n    this._renderedNodes = [];\n    if (this._masterTplNodes.length === 0) return;\n\n    this._masterTplNodes.forEach(tplNode => {\n      const clone = tplNode.cloneNode(true) as HTMLElement;\n      this.appendChild(clone);\n      if (clone.style) clone.style.display = 'contents';\n      this._renderedNodes.push(clone);\n      this.applyData(clone, this._swcValue);\n    });\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,eAAyC;AACzC,kCAAqC;;;;;;;;;;AAG9B,IAAM,cAAN,MAAMA,qBAAoB,iDAAoB;EAInD,cAAA;AACE,UAAK;AAJC,SAAA,YAAiB,CAAA;AACjB,SAAA,iBAAyB,CAAA;EAIjC;EAEA,IAAI,SAAS,KAAQ;AACnB,QAAI,OAAO,QAAQ,YAAY,QAAQ;AAAM,YAAM,CAAA;AACnD,SAAK,YAAY,KAAK,oBAAoB,KAAK,MAAM,KAAK,SAAQ,CAAE;AACpE,QAAI,KAAK,gBAAgB,WAAW;AAAG,WAAK,SAAQ;AACpD,SAAK,OAAM;EACb;EAEA,IAAI,WAAQ;AACV,WAAO,KAAK;EACd;EAGA,iBAAc;AACZ,WAAO;EACT;EAEA,oBAAiB;AACf,SAAK,SAAQ;AACb,QAAI,KAAK,gBAAgB,SAAS,GAAG;AACnC,WAAK,YAAY;AACjB,WAAK,OAAM;IACb;EACF;EAEQ,WAAQ;AACd,SAAK,eAAe,QAAQ,UAAO;AACjC,WAAK,UAAU,MAAM,KAAK,SAAS;IACrC,CAAC;EACH;EAEQ,SAAM;AACZ,SAAK,YAAY;AACjB,SAAK,iBAAiB,CAAA;AACtB,QAAI,KAAK,gBAAgB,WAAW;AAAG;AAEvC,SAAK,gBAAgB,QAAQ,aAAU;AACrC,YAAM,QAAQ,QAAQ,UAAU,IAAI;AACpC,WAAK,YAAY,KAAK;AACtB,UAAI,MAAM;AAAO,cAAM,MAAM,UAAU;AACvC,WAAK,eAAe,KAAK,KAAK;AAC9B,WAAK,UAAU,OAAO,KAAK,SAAS;IACtC,CAAC;EACH;;AA9BA,WAAA;EADC;;;;;AAnBU,cAAW,WAAA;MADvB,wBAAc,EAAE,MAAM,iBAAiB,SAAS,KAAI,CAAE;;GAC1C,WAAW;",
+  "sourcesContent": ["import { attribute, elementDefine, innerHtml, onAttributeChanged } from '../index';\nimport { SwcHTMLLIElementBase } from './SwcHTMLLIElementBase';\n\n@elementDefine({ name: 'swc-object-li', extends: 'li' })\nexport class SwcObjectLi extends SwcHTMLLIElementBase {\n  @attribute('swc-value')\n  _swcValue: any = {};\n\n  private _renderedNodes: Node[] = [];\n\n  constructor() {\n    super();\n  }\n\n  @onAttributeChanged('swc-value')\n  onValueChange() {\n    if (typeof this._swcValue !== 'object' || this._swcValue === null) this._swcValue = {};\n    this._swcValue = this.createReactiveProxy(this._swcValue, () => this.updateUI());\n    if (this._masterTplNodes.length === 0) this.initCore();\n    this.render();\n  }\n\n  set swcValue(val: any) {\n    this._swcValue = val;\n  }\n\n  get swcValue(): any {\n    return this._swcValue;\n  }\n\n  @innerHtml\n  renderTemplate() {\n    return `<slot id=\"tpl-slot\" style=\"display:none;\"></slot>`;\n  }\n\n  connectedCallback() {\n    this.initCore();\n    if (this._masterTplNodes.length > 0) {\n      this.innerHTML = '';\n      this.render();\n    }\n  }\n\n  private updateUI() {\n    this._renderedNodes.forEach(node => {\n      this.applyData(node, this._swcValue);\n    });\n  }\n\n  private render() {\n    this.innerHTML = '';\n    this._renderedNodes = [];\n    if (this._masterTplNodes.length === 0) return;\n\n    this._masterTplNodes.forEach(tplNode => {\n      const clone = tplNode.cloneNode(true) as HTMLElement;\n      this.appendChild(clone);\n      if (clone.style) clone.style.display = 'contents';\n      this._renderedNodes.push(clone);\n      this.applyData(clone, this._swcValue);\n    });\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,eAAwE;AACxE,kCAAqC;;;;;;;;;;AAG9B,IAAM,cAAN,MAAMA,qBAAoB,iDAAoB;EAMnD,cAAA;AACE,UAAK;AALP,SAAA,YAAiB,CAAA;AAET,SAAA,iBAAyB,CAAA;EAIjC;EAGA,gBAAa;AACX,QAAI,OAAO,KAAK,cAAc,YAAY,KAAK,cAAc;AAAM,WAAK,YAAY,CAAA;AACpF,SAAK,YAAY,KAAK,oBAAoB,KAAK,WAAW,MAAM,KAAK,SAAQ,CAAE;AAC/E,QAAI,KAAK,gBAAgB,WAAW;AAAG,WAAK,SAAQ;AACpD,SAAK,OAAM;EACb;EAEA,IAAI,SAAS,KAAQ;AACnB,SAAK,YAAY;EACnB;EAEA,IAAI,WAAQ;AACV,WAAO,KAAK;EACd;EAGA,iBAAc;AACZ,WAAO;EACT;EAEA,oBAAiB;AACf,SAAK,SAAQ;AACb,QAAI,KAAK,gBAAgB,SAAS,GAAG;AACnC,WAAK,YAAY;AACjB,WAAK,OAAM;IACb;EACF;EAEQ,WAAQ;AACd,SAAK,eAAe,QAAQ,UAAO;AACjC,WAAK,UAAU,MAAM,KAAK,SAAS;IACrC,CAAC;EACH;EAEQ,SAAM;AACZ,SAAK,YAAY;AACjB,SAAK,iBAAiB,CAAA;AACtB,QAAI,KAAK,gBAAgB,WAAW;AAAG;AAEvC,SAAK,gBAAgB,QAAQ,aAAU;AACrC,YAAM,QAAQ,QAAQ,UAAU,IAAI;AACpC,WAAK,YAAY,KAAK;AACtB,UAAI,MAAM;AAAO,cAAM,MAAM,UAAU;AACvC,WAAK,eAAe,KAAK,KAAK;AAC9B,WAAK,UAAU,OAAO,KAAK,SAAS;IACtC,CAAC;EACH;;AAvDA,WAAA;MADC,oBAAU,WAAW;;;AAUtB,WAAA;MADC,6BAAmB,WAAW;;;;;AAiB/B,WAAA;EADC;;;;;AA1BU,cAAW,WAAA;MADvB,wBAAc,EAAE,MAAM,iBAAiB,SAAS,KAAI,CAAE;;GAC1C,WAAW;",
   "names": ["SwcObjectLi"]
 }

package/dist/cjs/is/SwcObjectLink.js

@@ -37,14 +37,17 @@ let SwcObjectLink = class SwcObjectLink2 extends import_SwcHTMLLinkElementBase.S
     this._swcValue = {};
     this._renderedNodes = [];
   }
-  set swcValue(val) {
-    if (typeof val !== "object" || val === null)
-      val = {};
-    this._swcValue = this.createReactiveProxy(val, () => this.updateUI());
+  onValueChange() {
+    if (typeof this._swcValue !== "object" || this._swcValue === null)
+      this._swcValue = {};
+    this._swcValue = this.createReactiveProxy(this._swcValue, () => this.updateUI());
     if (this._masterTplNodes.length === 0)
       this.initCore();
     this.render();
   }
+  set swcValue(val) {
+    this._swcValue = val;
+  }
   get swcValue() {
     return this._swcValue;
   }
@@ -78,6 +81,16 @@ let SwcObjectLink = class SwcObjectLink2 extends import_SwcHTMLLinkElementBase.S
     });
   }
 };
+__decorate([
+  (0, import__.attribute)("swc-value"),
+  __metadata("design:type", Object)
+], SwcObjectLink.prototype, "_swcValue", void 0);
+__decorate([
+  (0, import__.onAttributeChanged)("swc-value"),
+  __metadata("design:type", Function),
+  __metadata("design:paramtypes", []),
+  __metadata("design:returntype", void 0)
+], SwcObjectLink.prototype, "onValueChange", null);
 __decorate([
   import__.innerHtml,
   __metadata("design:type", Function),

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/is/SwcObjectLink.ts"],
-  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLLinkElementBase } from './SwcHTMLLinkElementBase';\n\n@elementDefine({ name: 'swc-object-link', extends: 'link' })\nexport class SwcObjectLink extends SwcHTMLLinkElementBase {\n  private _swcValue: any = {};\n  private _renderedNodes: Node[] = [];\n\n  constructor() {\n    super();\n  }\n\n  set swcValue(val: any) {\n    if (typeof val !== 'object' || val === null) val = {};\n    this._swcValue = this.createReactiveProxy(val, () => this.updateUI());\n    if (this._masterTplNodes.length === 0) this.initCore();\n    this.render();\n  }\n\n  get swcValue(): any {\n    return this._swcValue;\n  }\n\n  @innerHtml\n  renderTemplate() {\n    return `<slot id=\"tpl-slot\" style=\"display:none;\"></slot>`;\n  }\n\n  connectedCallback() {\n    this.initCore();\n    if (this._masterTplNodes.length > 0) {\n      this.innerHTML = '';\n      this.render();\n    }\n  }\n\n  private updateUI() {\n    this._renderedNodes.forEach(node => {\n      this.applyData(node, this._swcValue);\n    });\n  }\n\n  private render() {\n    this.innerHTML = '';\n    this._renderedNodes = [];\n    if (this._masterTplNodes.length === 0) return;\n\n    this._masterTplNodes.forEach(tplNode => {\n      const clone = tplNode.cloneNode(true) as HTMLElement;\n      this.appendChild(clone);\n      if (clone.style) clone.style.display = 'contents';\n      this._renderedNodes.push(clone);\n      this.applyData(clone, this._swcValue);\n    });\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,eAAyC;AACzC,oCAAuC;;;;;;;;;;AAGhC,IAAM,gBAAN,MAAMA,uBAAsB,qDAAsB;EAIvD,cAAA;AACE,UAAK;AAJC,SAAA,YAAiB,CAAA;AACjB,SAAA,iBAAyB,CAAA;EAIjC;EAEA,IAAI,SAAS,KAAQ;AACnB,QAAI,OAAO,QAAQ,YAAY,QAAQ;AAAM,YAAM,CAAA;AACnD,SAAK,YAAY,KAAK,oBAAoB,KAAK,MAAM,KAAK,SAAQ,CAAE;AACpE,QAAI,KAAK,gBAAgB,WAAW;AAAG,WAAK,SAAQ;AACpD,SAAK,OAAM;EACb;EAEA,IAAI,WAAQ;AACV,WAAO,KAAK;EACd;EAGA,iBAAc;AACZ,WAAO;EACT;EAEA,oBAAiB;AACf,SAAK,SAAQ;AACb,QAAI,KAAK,gBAAgB,SAAS,GAAG;AACnC,WAAK,YAAY;AACjB,WAAK,OAAM;IACb;EACF;EAEQ,WAAQ;AACd,SAAK,eAAe,QAAQ,UAAO;AACjC,WAAK,UAAU,MAAM,KAAK,SAAS;IACrC,CAAC;EACH;EAEQ,SAAM;AACZ,SAAK,YAAY;AACjB,SAAK,iBAAiB,CAAA;AACtB,QAAI,KAAK,gBAAgB,WAAW;AAAG;AAEvC,SAAK,gBAAgB,QAAQ,aAAU;AACrC,YAAM,QAAQ,QAAQ,UAAU,IAAI;AACpC,WAAK,YAAY,KAAK;AACtB,UAAI,MAAM;AAAO,cAAM,MAAM,UAAU;AACvC,WAAK,eAAe,KAAK,KAAK;AAC9B,WAAK,UAAU,OAAO,KAAK,SAAS;IACtC,CAAC;EACH;;AA9BA,WAAA;EADC;;;;;AAnBU,gBAAa,WAAA;MADzB,wBAAc,EAAE,MAAM,mBAAmB,SAAS,OAAM,CAAE;;GAC9C,aAAa;",
+  "sourcesContent": ["import { attribute, elementDefine, innerHtml, onAttributeChanged } from '../index';\nimport { SwcHTMLLinkElementBase } from './SwcHTMLLinkElementBase';\n\n@elementDefine({ name: 'swc-object-link', extends: 'link' })\nexport class SwcObjectLink extends SwcHTMLLinkElementBase {\n  @attribute('swc-value')\n  _swcValue: any = {};\n\n  private _renderedNodes: Node[] = [];\n\n  constructor() {\n    super();\n  }\n\n  @onAttributeChanged('swc-value')\n  onValueChange() {\n    if (typeof this._swcValue !== 'object' || this._swcValue === null) this._swcValue = {};\n    this._swcValue = this.createReactiveProxy(this._swcValue, () => this.updateUI());\n    if (this._masterTplNodes.length === 0) this.initCore();\n    this.render();\n  }\n\n  set swcValue(val: any) {\n    this._swcValue = val;\n  }\n\n  get swcValue(): any {\n    return this._swcValue;\n  }\n\n  @innerHtml\n  renderTemplate() {\n    return `<slot id=\"tpl-slot\" style=\"display:none;\"></slot>`;\n  }\n\n  connectedCallback() {\n    this.initCore();\n    if (this._masterTplNodes.length > 0) {\n      this.innerHTML = '';\n      this.render();\n    }\n  }\n\n  private updateUI() {\n    this._renderedNodes.forEach(node => {\n      this.applyData(node, this._swcValue);\n    });\n  }\n\n  private render() {\n    this.innerHTML = '';\n    this._renderedNodes = [];\n    if (this._masterTplNodes.length === 0) return;\n\n    this._masterTplNodes.forEach(tplNode => {\n      const clone = tplNode.cloneNode(true) as HTMLElement;\n      this.appendChild(clone);\n      if (clone.style) clone.style.display = 'contents';\n      this._renderedNodes.push(clone);\n      this.applyData(clone, this._swcValue);\n    });\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,eAAwE;AACxE,oCAAuC;;;;;;;;;;AAGhC,IAAM,gBAAN,MAAMA,uBAAsB,qDAAsB;EAMvD,cAAA;AACE,UAAK;AALP,SAAA,YAAiB,CAAA;AAET,SAAA,iBAAyB,CAAA;EAIjC;EAGA,gBAAa;AACX,QAAI,OAAO,KAAK,cAAc,YAAY,KAAK,cAAc;AAAM,WAAK,YAAY,CAAA;AACpF,SAAK,YAAY,KAAK,oBAAoB,KAAK,WAAW,MAAM,KAAK,SAAQ,CAAE;AAC/E,QAAI,KAAK,gBAAgB,WAAW;AAAG,WAAK,SAAQ;AACpD,SAAK,OAAM;EACb;EAEA,IAAI,SAAS,KAAQ;AACnB,SAAK,YAAY;EACnB;EAEA,IAAI,WAAQ;AACV,WAAO,KAAK;EACd;EAGA,iBAAc;AACZ,WAAO;EACT;EAEA,oBAAiB;AACf,SAAK,SAAQ;AACb,QAAI,KAAK,gBAAgB,SAAS,GAAG;AACnC,WAAK,YAAY;AACjB,WAAK,OAAM;IACb;EACF;EAEQ,WAAQ;AACd,SAAK,eAAe,QAAQ,UAAO;AACjC,WAAK,UAAU,MAAM,KAAK,SAAS;IACrC,CAAC;EACH;EAEQ,SAAM;AACZ,SAAK,YAAY;AACjB,SAAK,iBAAiB,CAAA;AACtB,QAAI,KAAK,gBAAgB,WAAW;AAAG;AAEvC,SAAK,gBAAgB,QAAQ,aAAU;AACrC,YAAM,QAAQ,QAAQ,UAAU,IAAI;AACpC,WAAK,YAAY,KAAK;AACtB,UAAI,MAAM;AAAO,cAAM,MAAM,UAAU;AACvC,WAAK,eAAe,KAAK,KAAK;AAC9B,WAAK,UAAU,OAAO,KAAK,SAAS;IACtC,CAAC;EACH;;AAvDA,WAAA;MADC,oBAAU,WAAW;;;AAUtB,WAAA;MADC,6BAAmB,WAAW;;;;;AAiB/B,WAAA;EADC;;;;;AA1BU,gBAAa,WAAA;MADzB,wBAAc,EAAE,MAAM,mBAAmB,SAAS,OAAM,CAAE;;GAC9C,aAAa;",
   "names": ["SwcObjectLink"]
 }

package/dist/cjs/is/SwcObjectMap.js

@@ -37,14 +37,17 @@ let SwcObjectMap = class SwcObjectMap2 extends import_SwcHTMLMapElementBase.SwcH
     this._swcValue = {};
     this._renderedNodes = [];
   }
-  set swcValue(val) {
-    if (typeof val !== "object" || val === null)
-      val = {};
-    this._swcValue = this.createReactiveProxy(val, () => this.updateUI());
+  onValueChange() {
+    if (typeof this._swcValue !== "object" || this._swcValue === null)
+      this._swcValue = {};
+    this._swcValue = this.createReactiveProxy(this._swcValue, () => this.updateUI());
     if (this._masterTplNodes.length === 0)
       this.initCore();
     this.render();
   }
+  set swcValue(val) {
+    this._swcValue = val;
+  }
   get swcValue() {
     return this._swcValue;
   }
@@ -78,6 +81,16 @@ let SwcObjectMap = class SwcObjectMap2 extends import_SwcHTMLMapElementBase.SwcH
     });
   }
 };
+__decorate([
+  (0, import__.attribute)("swc-value"),
+  __metadata("design:type", Object)
+], SwcObjectMap.prototype, "_swcValue", void 0);
+__decorate([
+  (0, import__.onAttributeChanged)("swc-value"),
+  __metadata("design:type", Function),
+  __metadata("design:paramtypes", []),
+  __metadata("design:returntype", void 0)
+], SwcObjectMap.prototype, "onValueChange", null);
 __decorate([
   import__.innerHtml,
   __metadata("design:type", Function),

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/is/SwcObjectMap.ts"],
-  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLMapElementBase } from './SwcHTMLMapElementBase';\n\n@elementDefine({ name: 'swc-object-map', extends: 'map' })\nexport class SwcObjectMap extends SwcHTMLMapElementBase {\n  private _swcValue: any = {};\n  private _renderedNodes: Node[] = [];\n\n  constructor() {\n    super();\n  }\n\n  set swcValue(val: any) {\n    if (typeof val !== 'object' || val === null) val = {};\n    this._swcValue = this.createReactiveProxy(val, () => this.updateUI());\n    if (this._masterTplNodes.length === 0) this.initCore();\n    this.render();\n  }\n\n  get swcValue(): any {\n    return this._swcValue;\n  }\n\n  @innerHtml\n  renderTemplate() {\n    return `<slot id=\"tpl-slot\" style=\"display:none;\"></slot>`;\n  }\n\n  connectedCallback() {\n    this.initCore();\n    if (this._masterTplNodes.length > 0) {\n      this.innerHTML = '';\n      this.render();\n    }\n  }\n\n  private updateUI() {\n    this._renderedNodes.forEach(node => {\n      this.applyData(node, this._swcValue);\n    });\n  }\n\n  private render() {\n    this.innerHTML = '';\n    this._renderedNodes = [];\n    if (this._masterTplNodes.length === 0) return;\n\n    this._masterTplNodes.forEach(tplNode => {\n      const clone = tplNode.cloneNode(true) as HTMLElement;\n      this.appendChild(clone);\n      if (clone.style) clone.style.display = 'contents';\n      this._renderedNodes.push(clone);\n      this.applyData(clone, this._swcValue);\n    });\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,eAAyC;AACzC,mCAAsC;;;;;;;;;;AAG/B,IAAM,eAAN,MAAMA,sBAAqB,mDAAqB;EAIrD,cAAA;AACE,UAAK;AAJC,SAAA,YAAiB,CAAA;AACjB,SAAA,iBAAyB,CAAA;EAIjC;EAEA,IAAI,SAAS,KAAQ;AACnB,QAAI,OAAO,QAAQ,YAAY,QAAQ;AAAM,YAAM,CAAA;AACnD,SAAK,YAAY,KAAK,oBAAoB,KAAK,MAAM,KAAK,SAAQ,CAAE;AACpE,QAAI,KAAK,gBAAgB,WAAW;AAAG,WAAK,SAAQ;AACpD,SAAK,OAAM;EACb;EAEA,IAAI,WAAQ;AACV,WAAO,KAAK;EACd;EAGA,iBAAc;AACZ,WAAO;EACT;EAEA,oBAAiB;AACf,SAAK,SAAQ;AACb,QAAI,KAAK,gBAAgB,SAAS,GAAG;AACnC,WAAK,YAAY;AACjB,WAAK,OAAM;IACb;EACF;EAEQ,WAAQ;AACd,SAAK,eAAe,QAAQ,UAAO;AACjC,WAAK,UAAU,MAAM,KAAK,SAAS;IACrC,CAAC;EACH;EAEQ,SAAM;AACZ,SAAK,YAAY;AACjB,SAAK,iBAAiB,CAAA;AACtB,QAAI,KAAK,gBAAgB,WAAW;AAAG;AAEvC,SAAK,gBAAgB,QAAQ,aAAU;AACrC,YAAM,QAAQ,QAAQ,UAAU,IAAI;AACpC,WAAK,YAAY,KAAK;AACtB,UAAI,MAAM;AAAO,cAAM,MAAM,UAAU;AACvC,WAAK,eAAe,KAAK,KAAK;AAC9B,WAAK,UAAU,OAAO,KAAK,SAAS;IACtC,CAAC;EACH;;AA9BA,WAAA;EADC;;;;;AAnBU,eAAY,WAAA;MADxB,wBAAc,EAAE,MAAM,kBAAkB,SAAS,MAAK,CAAE;;GAC5C,YAAY;",
+  "sourcesContent": ["import { attribute, elementDefine, innerHtml, onAttributeChanged } from '../index';\nimport { SwcHTMLMapElementBase } from './SwcHTMLMapElementBase';\n\n@elementDefine({ name: 'swc-object-map', extends: 'map' })\nexport class SwcObjectMap extends SwcHTMLMapElementBase {\n  @attribute('swc-value')\n  _swcValue: any = {};\n\n  private _renderedNodes: Node[] = [];\n\n  constructor() {\n    super();\n  }\n\n  @onAttributeChanged('swc-value')\n  onValueChange() {\n    if (typeof this._swcValue !== 'object' || this._swcValue === null) this._swcValue = {};\n    this._swcValue = this.createReactiveProxy(this._swcValue, () => this.updateUI());\n    if (this._masterTplNodes.length === 0) this.initCore();\n    this.render();\n  }\n\n  set swcValue(val: any) {\n    this._swcValue = val;\n  }\n\n  get swcValue(): any {\n    return this._swcValue;\n  }\n\n  @innerHtml\n  renderTemplate() {\n    return `<slot id=\"tpl-slot\" style=\"display:none;\"></slot>`;\n  }\n\n  connectedCallback() {\n    this.initCore();\n    if (this._masterTplNodes.length > 0) {\n      this.innerHTML = '';\n      this.render();\n    }\n  }\n\n  private updateUI() {\n    this._renderedNodes.forEach(node => {\n      this.applyData(node, this._swcValue);\n    });\n  }\n\n  private render() {\n    this.innerHTML = '';\n    this._renderedNodes = [];\n    if (this._masterTplNodes.length === 0) return;\n\n    this._masterTplNodes.forEach(tplNode => {\n      const clone = tplNode.cloneNode(true) as HTMLElement;\n      this.appendChild(clone);\n      if (clone.style) clone.style.display = 'contents';\n      this._renderedNodes.push(clone);\n      this.applyData(clone, this._swcValue);\n    });\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,eAAwE;AACxE,mCAAsC;;;;;;;;;;AAG/B,IAAM,eAAN,MAAMA,sBAAqB,mDAAqB;EAMrD,cAAA;AACE,UAAK;AALP,SAAA,YAAiB,CAAA;AAET,SAAA,iBAAyB,CAAA;EAIjC;EAGA,gBAAa;AACX,QAAI,OAAO,KAAK,cAAc,YAAY,KAAK,cAAc;AAAM,WAAK,YAAY,CAAA;AACpF,SAAK,YAAY,KAAK,oBAAoB,KAAK,WAAW,MAAM,KAAK,SAAQ,CAAE;AAC/E,QAAI,KAAK,gBAAgB,WAAW;AAAG,WAAK,SAAQ;AACpD,SAAK,OAAM;EACb;EAEA,IAAI,SAAS,KAAQ;AACnB,SAAK,YAAY;EACnB;EAEA,IAAI,WAAQ;AACV,WAAO,KAAK;EACd;EAGA,iBAAc;AACZ,WAAO;EACT;EAEA,oBAAiB;AACf,SAAK,SAAQ;AACb,QAAI,KAAK,gBAAgB,SAAS,GAAG;AACnC,WAAK,YAAY;AACjB,WAAK,OAAM;IACb;EACF;EAEQ,WAAQ;AACd,SAAK,eAAe,QAAQ,UAAO;AACjC,WAAK,UAAU,MAAM,KAAK,SAAS;IACrC,CAAC;EACH;EAEQ,SAAM;AACZ,SAAK,YAAY;AACjB,SAAK,iBAAiB,CAAA;AACtB,QAAI,KAAK,gBAAgB,WAAW;AAAG;AAEvC,SAAK,gBAAgB,QAAQ,aAAU;AACrC,YAAM,QAAQ,QAAQ,UAAU,IAAI;AACpC,WAAK,YAAY,KAAK;AACtB,UAAI,MAAM;AAAO,cAAM,MAAM,UAAU;AACvC,WAAK,eAAe,KAAK,KAAK;AAC9B,WAAK,UAAU,OAAO,KAAK,SAAS;IACtC,CAAC;EACH;;AAvDA,WAAA;MADC,oBAAU,WAAW;;;AAUtB,WAAA;MADC,6BAAmB,WAAW;;;;;AAiB/B,WAAA;EADC;;;;;AA1BU,eAAY,WAAA;MADxB,wBAAc,EAAE,MAAM,kBAAkB,SAAS,MAAK,CAAE;;GAC5C,YAAY;",
   "names": ["SwcObjectMap"]
 }

package/dist/cjs/is/SwcObjectMeta.js

@@ -37,14 +37,17 @@ let SwcObjectMeta = class SwcObjectMeta2 extends import_SwcHTMLMetaElementBase.S
     this._swcValue = {};
     this._renderedNodes = [];
   }
-  set swcValue(val) {
-    if (typeof val !== "object" || val === null)
-      val = {};
-    this._swcValue = this.createReactiveProxy(val, () => this.updateUI());
+  onValueChange() {
+    if (typeof this._swcValue !== "object" || this._swcValue === null)
+      this._swcValue = {};
+    this._swcValue = this.createReactiveProxy(this._swcValue, () => this.updateUI());
     if (this._masterTplNodes.length === 0)
       this.initCore();
     this.render();
   }
+  set swcValue(val) {
+    this._swcValue = val;
+  }
   get swcValue() {
     return this._swcValue;
   }
@@ -78,6 +81,16 @@ let SwcObjectMeta = class SwcObjectMeta2 extends import_SwcHTMLMetaElementBase.S
     });
   }
 };
+__decorate([
+  (0, import__.attribute)("swc-value"),
+  __metadata("design:type", Object)
+], SwcObjectMeta.prototype, "_swcValue", void 0);
+__decorate([
+  (0, import__.onAttributeChanged)("swc-value"),
+  __metadata("design:type", Function),
+  __metadata("design:paramtypes", []),
+  __metadata("design:returntype", void 0)
+], SwcObjectMeta.prototype, "onValueChange", null);
 __decorate([
   import__.innerHtml,
   __metadata("design:type", Function),

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/is/SwcObjectMeta.ts"],
-  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLMetaElementBase } from './SwcHTMLMetaElementBase';\n\n@elementDefine({ name: 'swc-object-meta', extends: 'meta' })\nexport class SwcObjectMeta extends SwcHTMLMetaElementBase {\n  private _swcValue: any = {};\n  private _renderedNodes: Node[] = [];\n\n  constructor() {\n    super();\n  }\n\n  set swcValue(val: any) {\n    if (typeof val !== 'object' || val === null) val = {};\n    this._swcValue = this.createReactiveProxy(val, () => this.updateUI());\n    if (this._masterTplNodes.length === 0) this.initCore();\n    this.render();\n  }\n\n  get swcValue(): any {\n    return this._swcValue;\n  }\n\n  @innerHtml\n  renderTemplate() {\n    return `<slot id=\"tpl-slot\" style=\"display:none;\"></slot>`;\n  }\n\n  connectedCallback() {\n    this.initCore();\n    if (this._masterTplNodes.length > 0) {\n      this.innerHTML = '';\n      this.render();\n    }\n  }\n\n  private updateUI() {\n    this._renderedNodes.forEach(node => {\n      this.applyData(node, this._swcValue);\n    });\n  }\n\n  private render() {\n    this.innerHTML = '';\n    this._renderedNodes = [];\n    if (this._masterTplNodes.length === 0) return;\n\n    this._masterTplNodes.forEach(tplNode => {\n      const clone = tplNode.cloneNode(true) as HTMLElement;\n      this.appendChild(clone);\n      if (clone.style) clone.style.display = 'contents';\n      this._renderedNodes.push(clone);\n      this.applyData(clone, this._swcValue);\n    });\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,eAAyC;AACzC,oCAAuC;;;;;;;;;;AAGhC,IAAM,gBAAN,MAAMA,uBAAsB,qDAAsB;EAIvD,cAAA;AACE,UAAK;AAJC,SAAA,YAAiB,CAAA;AACjB,SAAA,iBAAyB,CAAA;EAIjC;EAEA,IAAI,SAAS,KAAQ;AACnB,QAAI,OAAO,QAAQ,YAAY,QAAQ;AAAM,YAAM,CAAA;AACnD,SAAK,YAAY,KAAK,oBAAoB,KAAK,MAAM,KAAK,SAAQ,CAAE;AACpE,QAAI,KAAK,gBAAgB,WAAW;AAAG,WAAK,SAAQ;AACpD,SAAK,OAAM;EACb;EAEA,IAAI,WAAQ;AACV,WAAO,KAAK;EACd;EAGA,iBAAc;AACZ,WAAO;EACT;EAEA,oBAAiB;AACf,SAAK,SAAQ;AACb,QAAI,KAAK,gBAAgB,SAAS,GAAG;AACnC,WAAK,YAAY;AACjB,WAAK,OAAM;IACb;EACF;EAEQ,WAAQ;AACd,SAAK,eAAe,QAAQ,UAAO;AACjC,WAAK,UAAU,MAAM,KAAK,SAAS;IACrC,CAAC;EACH;EAEQ,SAAM;AACZ,SAAK,YAAY;AACjB,SAAK,iBAAiB,CAAA;AACtB,QAAI,KAAK,gBAAgB,WAAW;AAAG;AAEvC,SAAK,gBAAgB,QAAQ,aAAU;AACrC,YAAM,QAAQ,QAAQ,UAAU,IAAI;AACpC,WAAK,YAAY,KAAK;AACtB,UAAI,MAAM;AAAO,cAAM,MAAM,UAAU;AACvC,WAAK,eAAe,KAAK,KAAK;AAC9B,WAAK,UAAU,OAAO,KAAK,SAAS;IACtC,CAAC;EACH;;AA9BA,WAAA;EADC;;;;;AAnBU,gBAAa,WAAA;MADzB,wBAAc,EAAE,MAAM,mBAAmB,SAAS,OAAM,CAAE;;GAC9C,aAAa;",
+  "sourcesContent": ["import { attribute, elementDefine, innerHtml, onAttributeChanged } from '../index';\nimport { SwcHTMLMetaElementBase } from './SwcHTMLMetaElementBase';\n\n@elementDefine({ name: 'swc-object-meta', extends: 'meta' })\nexport class SwcObjectMeta extends SwcHTMLMetaElementBase {\n  @attribute('swc-value')\n  _swcValue: any = {};\n\n  private _renderedNodes: Node[] = [];\n\n  constructor() {\n    super();\n  }\n\n  @onAttributeChanged('swc-value')\n  onValueChange() {\n    if (typeof this._swcValue !== 'object' || this._swcValue === null) this._swcValue = {};\n    this._swcValue = this.createReactiveProxy(this._swcValue, () => this.updateUI());\n    if (this._masterTplNodes.length === 0) this.initCore();\n    this.render();\n  }\n\n  set swcValue(val: any) {\n    this._swcValue = val;\n  }\n\n  get swcValue(): any {\n    return this._swcValue;\n  }\n\n  @innerHtml\n  renderTemplate() {\n    return `<slot id=\"tpl-slot\" style=\"display:none;\"></slot>`;\n  }\n\n  connectedCallback() {\n    this.initCore();\n    if (this._masterTplNodes.length > 0) {\n      this.innerHTML = '';\n      this.render();\n    }\n  }\n\n  private updateUI() {\n    this._renderedNodes.forEach(node => {\n      this.applyData(node, this._swcValue);\n    });\n  }\n\n  private render() {\n    this.innerHTML = '';\n    this._renderedNodes = [];\n    if (this._masterTplNodes.length === 0) return;\n\n    this._masterTplNodes.forEach(tplNode => {\n      const clone = tplNode.cloneNode(true) as HTMLElement;\n      this.appendChild(clone);\n      if (clone.style) clone.style.display = 'contents';\n      this._renderedNodes.push(clone);\n      this.applyData(clone, this._swcValue);\n    });\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,eAAwE;AACxE,oCAAuC;;;;;;;;;;AAGhC,IAAM,gBAAN,MAAMA,uBAAsB,qDAAsB;EAMvD,cAAA;AACE,UAAK;AALP,SAAA,YAAiB,CAAA;AAET,SAAA,iBAAyB,CAAA;EAIjC;EAGA,gBAAa;AACX,QAAI,OAAO,KAAK,cAAc,YAAY,KAAK,cAAc;AAAM,WAAK,YAAY,CAAA;AACpF,SAAK,YAAY,KAAK,oBAAoB,KAAK,WAAW,MAAM,KAAK,SAAQ,CAAE;AAC/E,QAAI,KAAK,gBAAgB,WAAW;AAAG,WAAK,SAAQ;AACpD,SAAK,OAAM;EACb;EAEA,IAAI,SAAS,KAAQ;AACnB,SAAK,YAAY;EACnB;EAEA,IAAI,WAAQ;AACV,WAAO,KAAK;EACd;EAGA,iBAAc;AACZ,WAAO;EACT;EAEA,oBAAiB;AACf,SAAK,SAAQ;AACb,QAAI,KAAK,gBAAgB,SAAS,GAAG;AACnC,WAAK,YAAY;AACjB,WAAK,OAAM;IACb;EACF;EAEQ,WAAQ;AACd,SAAK,eAAe,QAAQ,UAAO;AACjC,WAAK,UAAU,MAAM,KAAK,SAAS;IACrC,CAAC;EACH;EAEQ,SAAM;AACZ,SAAK,YAAY;AACjB,SAAK,iBAAiB,CAAA;AACtB,QAAI,KAAK,gBAAgB,WAAW;AAAG;AAEvC,SAAK,gBAAgB,QAAQ,aAAU;AACrC,YAAM,QAAQ,QAAQ,UAAU,IAAI;AACpC,WAAK,YAAY,KAAK;AACtB,UAAI,MAAM;AAAO,cAAM,MAAM,UAAU;AACvC,WAAK,eAAe,KAAK,KAAK;AAC9B,WAAK,UAAU,OAAO,KAAK,SAAS;IACtC,CAAC;EACH;;AAvDA,WAAA;MADC,oBAAU,WAAW;;;AAUtB,WAAA;MADC,6BAAmB,WAAW;;;;;AAiB/B,WAAA;EADC;;;;;AA1BU,gBAAa,WAAA;MADzB,wBAAc,EAAE,MAAM,mBAAmB,SAAS,OAAM,CAAE;;GAC9C,aAAa;",
   "names": ["SwcObjectMeta"]
 }

package/dist/cjs/is/SwcObjectMeter.js

@@ -37,14 +37,17 @@ let SwcObjectMeter = class SwcObjectMeter2 extends import_SwcHTMLMeterElementBas
     this._swcValue = {};
     this._renderedNodes = [];
   }
-  set swcValue(val) {
-    if (typeof val !== "object" || val === null)
-      val = {};
-    this._swcValue = this.createReactiveProxy(val, () => this.updateUI());
+  onValueChange() {
+    if (typeof this._swcValue !== "object" || this._swcValue === null)
+      this._swcValue = {};
+    this._swcValue = this.createReactiveProxy(this._swcValue, () => this.updateUI());
     if (this._masterTplNodes.length === 0)
       this.initCore();
     this.render();
   }
+  set swcValue(val) {
+    this._swcValue = val;
+  }
   get swcValue() {
     return this._swcValue;
   }
@@ -78,6 +81,16 @@ let SwcObjectMeter = class SwcObjectMeter2 extends import_SwcHTMLMeterElementBas
     });
   }
 };
+__decorate([
+  (0, import__.attribute)("swc-value"),
+  __metadata("design:type", Object)
+], SwcObjectMeter.prototype, "_swcValue", void 0);
+__decorate([
+  (0, import__.onAttributeChanged)("swc-value"),
+  __metadata("design:type", Function),
+  __metadata("design:paramtypes", []),
+  __metadata("design:returntype", void 0)
+], SwcObjectMeter.prototype, "onValueChange", null);
 __decorate([
   import__.innerHtml,
   __metadata("design:type", Function),