sample-cross-fx 0.14.8-beta.3504 → 0.14.8-beta.3509

package/app/{index.b43df5.js → index.59e19b.js}

@@ -130764,7 +130764,7 @@ function createInstance(config = {}) {
   const createApi = apiFactory(context, usedPlugins);
   const root = createApi({
     name: 'root',
-    version: "0.14.8-beta.3504" || 0,
+    version: "0.14.8-beta.3509" || 0,
     spec: ''
   });
   const options = (0,_helpers__WEBPACK_IMPORTED_MODULE_6__.createPiletOptions)({
@@ -131227,15 +131227,38 @@ if (typeof window !== 'undefined' && 'customElements' in window) {
       super(...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
+      };
     }
 
-    getProps() {
-      const name = this.getAttribute('name');
-      const params = (0,_utils__WEBPACK_IMPORTED_MODULE_0__.tryParseJson)(this.getAttribute('params'));
-      return {
-        name,
-        params
-      };
+    get params() {
+      return this.props.params;
+    }
+
+    set params(value) {
+      this.props.params = value;
+      this.update(this.props);
+    }
+
+    get name() {
+      return this.props.name;
+    }
+
+    set name(value) {
+      this.props.name = value;
+      this.update(this.props);
+    }
+
+    get empty() {
+      return this.props.empty;
+    }
+
+    set empty(value) {
+      this.props.empty = value;
+      this.update(this.props);
     }
 
     connectedCallback() {
@@ -131244,7 +131267,7 @@ if (typeof window !== 'undefined' && 'customElements' in window) {
           bubbles: true,
           detail: {
             target: this,
-            props: this.getProps()
+            props: this.props
           }
         }));
       }
@@ -131256,8 +131279,16 @@ if (typeof window !== 'undefined' && 'customElements' in window) {
       this.update = _utils__WEBPACK_IMPORTED_MODULE_0__.noop;
     }
 
-    attributeChangedCallback() {
-      this.update(this.getProps());
+    attributeChangedCallback(name, _, newValue) {
+      switch (name) {
+        case 'name':
+          this.name = newValue;
+          break;
+
+        case 'params':
+          this.params = (0,_utils__WEBPACK_IMPORTED_MODULE_0__.tryParseJson)(newValue);
+          break;
+      }
     }
 
     static get observedAttributes() {
@@ -133201,11 +133232,11 @@ function installPiralDebug(options) {
     debug: debugApiVersion,
     instance: {
       name: "sample-cross-fx",
-      version: "0.14.8-beta.3504",
+      version: "0.14.8-beta.3509",
       dependencies: "@angular/common,@angular/compiler,@angular/core,@angular/platform-browser,@angular/platform-browser-dynamic,@webcomponents/webcomponentsjs,angular,aurelia-framework,aurelia-templating-binding,aurelia-templating-resources,aurelia-pal-browser,aurelia-event-aggregator,aurelia-history-browser,hyperapp,inferno,inferno-create-element,mithril,lit-element,solid-js,solid-js/dom,preact,riot,rxjs,vue,zone.js,react,react-dom,react-router,react-router-dom,history,tslib,path-to-regexp,@libre/atom,@dbeining/react-atom"
     },
     build: {
-      date: "2022-01-18T18:10:12.734Z",
+      date: "2022-01-19T08:52:11.652Z",
       cli: "0.14.7",
       compat: "0.14"
     },
@@ -255283,4 +255314,4 @@ const app = React.createElement(piral_core_1.Piral, {
 
 /******/ })()
 ;
-//# sourceMappingURL=index.b43df5.js.map
+//# sourceMappingURL=index.59e19b.js.map