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

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();
@@ -2040,13 +2038,19 @@ const PosApp = class {
     }
 };
 
-const posAppBrowserCss = "pos-router{margin:0;padding:0;display:flex;flex-direction:column;height:100vh}pos-navigation-bar{max-width:var(--width-lg);margin:0}pos-add-new-thing,pos-login{flex:0 1 auto;}header,footer{display:flex;gap:var(--size-1);height:auto;justify-content:center;align-items:center;padding:var(--size-1)}footer svg{width:var(--size-5);height:var(--size-5)}footer{font-size:var(--scale-fluid-000)}header{flex-wrap:wrap;padding:0 var(--size-8)}main{flex:1;max-height:100vh;overflow:auto}@media (max-width: 640px){header{padding:0 var(--size-1) var(--size-1);justify-content:space-between}pos-navigation-bar{flex-basis:100%;order:0}pos-add-new-thing,pos-login{order:1}}";
+const posAppBrowserCss = "pos-router{margin:0;padding:0;display:flex;flex-direction:column;height:100%}pos-navigation-bar{max-width:var(--width-lg);margin:0}pos-add-new-thing,pos-login{flex:0 1 auto;}header,footer{display:flex;gap:var(--size-1);height:auto;justify-content:center;align-items:center;padding:var(--size-1)}footer svg{width:var(--size-5);height:var(--size-5)}footer{font-size:var(--scale-fluid-000)}header{flex-wrap:wrap;padding:0 var(--size-8)}main{flex:1;max-height:100vh;overflow:auto}@media (max-width: 640px){header{padding:0 var(--size-1) var(--size-1);justify-content:space-between}pos-navigation-bar{flex-basis:100%;order:0}pos-add-new-thing,pos-login{order:1}}";
 const PosAppBrowserStyle0 = posAppBrowserCss;
 
 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());
@@ -2575,14 +2564,13 @@ const PosResource = class {
     }; }
 };
 
-const posRichLinkCss = ":host {\n  --background-color: inherit;\n  --label-color: var(--color-grey-900);\n  --description-color: var(--color-grey-900);\n  --uri-color: var(--color-grey-600);\n  --font-family: var(--font-sans);\n}\n\np.content {\n  background-color: var(--background-color);\n  line-height: var(--line-xs);\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: baseline;\n  gap: var(--size-1);\n\n  .url {\n    font-size: var(--scale-000);\n    color: var(--color-grey-500);\n  }\n}\n\na {\n  color: var(--label-color);\n  max-width: var(--prose-lg);\n  text-decoration: underline;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  text-decoration-thickness: var(--size-px);\n}\n\npos-label {\n  color: var(--label-color);\n  font-size: var(--scale-fluid-0);\n  margin-bottom: var(--size-1);\n}\n\npos-description {\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  font-weight: var(--weight-light);\n  color: var(--description-color);\n  font-size: var(--scale-fluid-0);\n}\n";
+const posRichLinkCss = ":host {\n  --background-color: inherit;\n  --label-color: var(--color-grey-900);\n  --description-color: var(--color-grey-900);\n  --uri-color: var(--color-grey-600);\n  --font-family: var(--font-sans);\n}\n\np.content {\n  background-color: var(--background-color);\n  line-height: var(--line-xs);\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: baseline;\n  gap: var(--size-1);\n\n  .url {\n    font-size: var(--scale-fluid-1);\n    color: var(--color-grey-500);\n  }\n}\n\na {\n  color: var(--label-color);\n  max-width: var(--prose-lg);\n  text-decoration: underline;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  text-decoration-thickness: var(--size-px);\n}\n\npos-label {\n  color: var(--label-color);\n  font-size: var(--scale-fluid-2);\n  margin-bottom: var(--size-1);\n}\n\npos-description {\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  font-weight: var(--weight-light);\n  color: var(--description-color);\n  font-size: var(--scale-fluid-2);\n}\n\n@media (min-width: 640px) {\n  pos-label {\n    font-size: var(--scale-fluid-0);\n  }\n  pos-description {\n    font-size: var(--scale-fluid-1);\n  }\n\n  p.content {\n    .url {\n      font-size: var(--scale-fluid-000);\n    }\n  }\n}\n";
 const PosRichLinkStyle0 = posRichLinkCss;
 
 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);