sample-piral 0.14.8-beta.3504 → 0.14.8-beta.3509

package/app/{index.1a4f84.js → index.e6e3cd.js}

@@ -3222,7 +3222,7 @@ function createInstance() {
   var createApi = apiFactory(context, usedPlugins);
   var root = createApi({
     name: 'root',
-    version: "0.14.8-beta.3504" || 0,
+    version: "0.14.8-beta.3509" || 0,
     spec: ''
   });
   var options = (0,_helpers__WEBPACK_IMPORTED_MODULE_6__.createPiletOptions)({
@@ -3762,18 +3762,40 @@ if (typeof window !== 'undefined' && 'customElements' in window) {
       _this = _super.apply(this, arguments);
       _this.dispose = _utils__WEBPACK_IMPORTED_MODULE_0__.noop;
       _this.update = _utils__WEBPACK_IMPORTED_MODULE_0__.noop;
+      _this.props = {
+        name: _this.getAttribute('name'),
+        params: (0,_utils__WEBPACK_IMPORTED_MODULE_0__.tryParseJson)(_this.getAttribute('params')),
+        empty: undefined
+      };
       return _this;
     }
 
     _createClass(PiralExtension, [{
-      key: "getProps",
-      value: function getProps() {
-        var name = this.getAttribute('name');
-        var params = (0,_utils__WEBPACK_IMPORTED_MODULE_0__.tryParseJson)(this.getAttribute('params'));
-        return {
-          name: name,
-          params: params
-        };
+      key: "params",
+      get: function get() {
+        return this.props.params;
+      },
+      set: function set(value) {
+        this.props.params = value;
+        this.update(this.props);
+      }
+    }, {
+      key: "name",
+      get: function get() {
+        return this.props.name;
+      },
+      set: function set(value) {
+        this.props.name = value;
+        this.update(this.props);
+      }
+    }, {
+      key: "empty",
+      get: function get() {
+        return this.props.empty;
+      },
+      set: function set(value) {
+        this.props.empty = value;
+        this.update(this.props);
       }
     }, {
       key: "connectedCallback",
@@ -3783,7 +3805,7 @@ if (typeof window !== 'undefined' && 'customElements' in window) {
             bubbles: true,
             detail: {
               target: this,
-              props: this.getProps()
+              props: this.props
             }
           }));
         }
@@ -3797,8 +3819,16 @@ if (typeof window !== 'undefined' && 'customElements' in window) {
       }
     }, {
       key: "attributeChangedCallback",
-      value: function attributeChangedCallback() {
-        this.update(this.getProps());
+      value: function attributeChangedCallback(name, _, newValue) {
+        switch (name) {
+          case 'name':
+            this.name = newValue;
+            break;
+
+          case 'params':
+            this.params = (0,_utils__WEBPACK_IMPORTED_MODULE_0__.tryParseJson)(newValue);
+            break;
+        }
       }
     }], [{
       key: "observedAttributes",
@@ -9028,11 +9058,11 @@ function installPiralDebug(options) {
     debug: debugApiVersion,
     instance: {
       name: "sample-piral",
-      version: "0.14.8-beta.3504",
+      version: "0.14.8-beta.3509",
       dependencies: "reactstrap,react,react-dom,react-router,react-router-dom,history,tslib,path-to-regexp,@libre/atom,@dbeining/react-atom"
     },
     build: {
-      date: "2022-01-18T18:14:49.804Z",
+      date: "2022-01-19T08:52:54.958Z",
       cli: "0.14.7",
       compat: "0.14"
     },
@@ -80337,4 +80367,4 @@ var layout_1 = __webpack_require__(/*! ./layout */ "./src/layout.tsx");
 
 /******/ })()
 ;
-//# sourceMappingURL=index.1a4f84.js.map
+//# sourceMappingURL=index.e6e3cd.js.map