@pod-os/elements 0.21.1-aba77d3.0 → 0.22.0

package/dist/esm/ion-button_4.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, i as createEvent, h, H as Host, d as getElement } from './index-f63198f8.js';
+import { r as registerInstance, i as createEvent, h, H as Host, d as getElement } from './index-6cbbcaf9.js';
 import { q as hasShadowDom, h as inheritAriaAttributes, r as raf, g as getElementRoot } from './helpers-a93a8cd2.js';
 import { p as printIonWarning } from './index-f7ac0403.js';
 import { o as openURL, c as createColorClasses, h as hostContext } from './theme-d75c68ae.js';
-import { g as getIonMode, a as isPlatform } from './ionic-global-211574b8.js';
+import { g as getIonMode, a as isPlatform } from './ionic-global-0cc6dd62.js';
 import { a as hapticSelectionStart, b as hapticSelectionChanged, c as hapticSelectionEnd } from './haptic-910fb8d2.js';
 import './capacitor-8d3da60f.js';
 import './index-6b94f340.js';

package/dist/esm/ion-card-subtitle.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host } from './index-f63198f8.js';
+import { r as registerInstance, h, H as Host } from './index-6cbbcaf9.js';
 import { c as createColorClasses } from './theme-d75c68ae.js';
-import { g as getIonMode } from './ionic-global-211574b8.js';
+import { g as getIonMode } from './ionic-global-0cc6dd62.js';
 
 const cardSubtitleIosCss = ":host{display:block;position:relative;color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}:host{--color:var(--ion-color-step-600, #666666);margin-left:0;margin-right:0;margin-top:0;margin-bottom:4px;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;font-size:0.75rem;font-weight:700;letter-spacing:0.4px;text-transform:uppercase}";
 const IonCardSubtitleIosStyle0 = cardSubtitleIosCss;

package/dist/esm/ion-card_30.entry.js

@@ -1,17 +1,17 @@
-import { r as registerInstance, h, H as Host, d as getElement, e as getAssetPath, f as readTask, w as writeTask, i as createEvent, j as forceUpdate, k as getRenderingRef } from './index-f63198f8.js';
+import { r as registerInstance, h, H as Host, d as getElement, e as getAssetPath, f as readTask, w as writeTask, i as createEvent, j as forceUpdate, k as getRenderingRef } from './index-6cbbcaf9.js';
 import { i as inheritAttributes$1, c as clamp, d as debounceEvent, a as componentOnReady, r as raf } from './helpers-a93a8cd2.js';
 import { o as openURL, c as createColorClasses$1, h as hostContext } from './theme-d75c68ae.js';
-import { g as getIonMode$1, c as config$1 } from './ionic-global-211574b8.js';
+import { g as getIonMode$1, c as config$1 } from './ionic-global-0cc6dd62.js';
 import { i as isRTL$1 } from './dir-f50ace98.js';
 import { a as arrowBackSharp, c as closeCircle, b as closeSharp, s as searchOutline, d as searchSharp } from './index-9edae53a.js';
-import { s as store, B as BrokenFile } from './BrokenFile-5a916f58.js';
+import { s as store, B as BrokenFile } from './BrokenFile-5180c05c.js';
 import { P as PodOS } from './index-f438013e.js';
 import { s as subscribeResource } from './ResourceAware-5f237305.js';
 import './gesture-controller-958242a2.js';
-import { t as toastController } from './overlays-2db27d2c.js';
+import { t as toastController } from './overlays-45738544.js';
 import { s as subscribePodOs } from './PodOsAware-132573cd.js';
 import './index-6b94f340.js';
-import './hardware-back-button-5d2a180e.js';
+import './hardware-back-button-33f7798e.js';
 import './framework-delegate-b5751311.js';
 import './index-f7ac0403.js';
 
@@ -1057,7 +1057,6 @@ const PosAddNewThingStyle0 = posAddNewThingCss;
 const PosAddNewThing = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.referenceUri = undefined;
     }
     openDialog() {
         this.dialog.showModal();
@@ -1995,9 +1994,8 @@ const PosApp = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.sessionRestoredEmitter = createEvent(this, "pod-os:session-restored", 7);
-        this.disconnected$ = new Subject();
-        this.os = undefined;
         this.restorePreviousSession = false;
+        this.disconnected$ = new Subject();
     }
     componentWillLoad() {
         this.os = createPodOS();
@@ -2047,6 +2045,12 @@ const PosAppBrowser = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.restorePreviousSession = false;
+        /**
+         * The mode the app is running in:
+         *
+         * - standalone:  use this when you deploy it as a standalone web application
+         * - pod: use this when you host this app as a default interface for you pod
+         */
         this.mode = 'standalone';
         this.uri = '';
     }
@@ -2091,7 +2095,6 @@ const PosDescription = class {
         this.receiveResource = (resource) => {
             this.resource = resource;
         };
-        this.resource = undefined;
     }
     componentWillLoad() {
         subscribeResource(this);
@@ -2186,18 +2189,14 @@ const PosImage = class {
         registerInstance(this, hostRef);
         this.initializeOsEmitter = createEvent(this, "pod-os:init", 7);
         this.resourceLoadedEmitter = createEvent(this, "pod-os:resource-loaded", 7);
+        /**
+         * Use a blurred version of the image as its own background, if the image is scaled down to fit into the container.
+         */
+        this.blurredBackground = false;
+        this.loading = true;
         this.setOs = async (os) => {
             this.os = os;
         };
-        this.src = undefined;
-        this.alt = undefined;
-        this.blurredBackground = false;
-        this.os = undefined;
-        this.dataUri = undefined;
-        this.brokenFile = undefined;
-        this.networkError = undefined;
-        this.imageError = undefined;
-        this.loading = true;
     }
     componentWillLoad() {
         store.onChange('isLoggedIn', () => this.fetchBlob());
@@ -2273,7 +2272,6 @@ const PosLabel = class {
         this.receiveResource = (resource) => {
             this.resource = resource;
         };
-        this.resource = undefined;
     }
     componentWillLoad() {
         subscribeResource(this);
@@ -2293,7 +2291,6 @@ const PosLogin = class {
         this.setOs = async (os) => {
             this.os = os;
         };
-        this.os = undefined;
     }
     componentWillLoad() {
         this.initializeOsEmitter.emit(this.setOs);
@@ -2352,15 +2349,14 @@ const PosNavigationBar = class {
         registerInstance(this, hostRef);
         this.subscribePodOs = createEvent(this, "pod-os:init", 7);
         this.linkEmitter = createEvent(this, "pod-os:link", 7);
-        this.receivePodOs = async (os) => {
-            this.os = os;
-        };
-        this.os = undefined;
         this.uri = '';
         this.value = this.uri;
         this.searchIndex = undefined;
         this.suggestions = [];
         this.selectedIndex = -1;
+        this.receivePodOs = async (os) => {
+            this.os = os;
+        };
     }
     componentWillLoad() {
         subscribePodOs(this);
@@ -2430,15 +2426,10 @@ const PosNewThingForm = class {
         this.linkEmitter = createEvent(this, "pod-os:link", 7);
         this.errorEmitter = createEvent(this, "pod-os:error", 7);
         this.subscribePodOs = createEvent(this, "pod-os:init", 7);
+        this.canSubmit = false;
         this.receivePodOs = async (os) => {
             this.os = os;
         };
-        this.referenceUri = undefined;
-        this.os = undefined;
-        this.newUri = undefined;
-        this.name = undefined;
-        this.selectedTypeUri = undefined;
-        this.canSubmit = false;
     }
     validate() {
         this.canSubmit = Boolean(this.name && this.selectedTypeUri);
@@ -2487,11 +2478,13 @@ const PosPicture = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.subscribeResource = createEvent(this, "pod-os:resource", 7);
+        /**
+         * Use a blurred version of the image as its own background, if the image is scaled down to fit into the container.
+         */
+        this.blurredBackground = false;
         this.receiveResource = (resource) => {
             this.resource = resource;
         };
-        this.blurredBackground = false;
-        this.resource = undefined;
     }
     componentWillLoad() {
         subscribeResource(this);
@@ -2510,16 +2503,12 @@ const PosResource = class {
         registerInstance(this, hostRef);
         this.subscribePodOs = createEvent(this, "pod-os:init", 7);
         this.resourceLoadedEmitter = createEvent(this, "pod-os:resource-loaded", 7);
-        this.receivePodOs = async (os) => {
-            this.os = os;
-        };
-        this.os = undefined;
-        this.resource = undefined;
         this.consumers = [];
-        this.uri = undefined;
         this.lazy = false;
-        this.error = undefined;
         this.loading = true;
+        this.receivePodOs = async (os) => {
+            this.os = os;
+        };
     }
     componentWillLoad() {
         store.onChange('isLoggedIn', () => this.loadResource());
@@ -2582,7 +2571,6 @@ const PosRichLink = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.linkEmitter = createEvent(this, "pod-os:link", 7);
-        this.uri = undefined;
     }
     render() {
         return (h("pos-resource", { key: 'f9ee2a2e6403733db429593ccc0900efa39efc9f', lazy: true, uri: this.uri }, h("p", { key: '8d8d575619fb66ee28a357c0a1fbcd7e25fd23c3', class: "content" }, h("a", { key: '3c517a107acbbd56865172f90a226f77bcfd052c', href: this.uri, onClick: e => {
@@ -2889,8 +2877,13 @@ const PosRouter = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.routeChanged = createEvent(this, "pod-os:route-changed", 7);
+        /**
+         * The mode defines what default URI will be used, if no URI param is given
+         *
+         * - standalone: reroute to pod-os:dashboard
+         * - pod: reroute to the URI that is shown in the actual browser
+         */
         this.mode = 'standalone';
-        this.uri = undefined;
     }
     linkClicked(e) {
         this.navigate(e.detail);
@@ -2927,13 +2920,12 @@ const PosSelectTerm = class {
         registerInstance(this, hostRef);
         this.subscribePodOs = createEvent(this, "pod-os:init", 7);
         this.termSelected = createEvent(this, "pod-os:term-selected", 7);
-        this.receivePodOs = async (os) => {
-            this.os = os;
-        };
-        this.os = undefined;
         this.placeholder = 'Type to search...';
         this.value = '';
         this.terms = [];
+        this.receivePodOs = async (os) => {
+            this.os = os;
+        };
     }
     componentWillLoad() {
         subscribePodOs(this);
@@ -2994,7 +2986,6 @@ const PosTypeRouter = class {
         this.receiveResource = (resource) => {
             this.types = resource.types();
         };
-        this.types = undefined;
     }
     componentWillLoad() {
         subscribeResource(this);