@pod-os/elements 0.25.2 → 0.25.3-rc.3de9abd.0

package/dist/components/pos-app-rdf-document.js

@@ -1,16 +1,7 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$n } from './badge.js';
-import { d as defineCustomElement$m } from './card.js';
-import { d as defineCustomElement$l } from './card-content.js';
-import { d as defineCustomElement$k } from './card-header.js';
-import { d as defineCustomElement$j } from './card-title.js';
-import { d as defineCustomElement$i } from './col.js';
-import { d as defineCustomElement$h } from './grid.js';
-import { d as defineCustomElement$g } from './icon.js';
-import { d as defineCustomElement$f } from './input.js';
-import { d as defineCustomElement$e } from './progress-bar.js';
-import { d as defineCustomElement$d } from './ripple-effect.js';
-import { d as defineCustomElement$c } from './row.js';
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { d as defineCustomElement$e } from './badge.js';
+import { d as defineCustomElement$d } from './icon.js';
+import { d as defineCustomElement$c } from './progress-bar.js';
 import { d as defineCustomElement$b } from './pos-add-literal-value2.js';
 import { d as defineCustomElement$a } from './pos-description2.js';
 import { d as defineCustomElement$9 } from './pos-label2.js';
@@ -22,20 +13,28 @@ import { d as defineCustomElement$4 } from './pos-select-term2.js';
 import { d as defineCustomElement$3 } from './pos-subjects2.js';
 import { d as defineCustomElement$2 } from './pos-type-badges2.js';
 
+const defaultAppLayoutCss = ":host{--gap-size:var(--size-4);display:flex;flex-direction:column;gap:var(--gap-size);margin:var(--gap-size)}section{display:flex;flex-direction:column;gap:var(--gap-size)}@media (min-width: 640px){:host{flex-direction:row;flex-wrap:wrap;section:first-of-type {\n      flex: 1}section:not(:first-of-type){flex:0 0 30%}}";
+const PosAppRdfDocumentStyle0 = defaultAppLayoutCss;
+
+const articleCardCss = "article {\n  padding: var(--size-2);\n  display: flex;\n  flex-direction: column;\n  gap: var(--size-2);\n  outline: var(--pos-border-solid);\n  border-radius: var(--radius-sm);\n  box-shadow: var(--shadow-md);\n  background-color: var(--pos-card-background);\n\n  header {\n    display: flex;\n    flex-direction: column;\n    gap: var(--size-2);\n    h1 {\n      margin: 0;\n    }\n  }\n}\n";
+const PosAppRdfDocumentStyle1 = articleCardCss;
+
 const PosAppRdfDocument$1 = /*@__PURE__*/ proxyCustomElement(class PosAppRdfDocument extends HTMLElement {
     constructor() {
         super();
         this.__registerHost();
+        this.__attachShadow();
     }
     render() {
-        return (h("ion-grid", { key: '84ff2964b293d6f0549f7d80d40929d4649f6fa7' }, h("ion-row", { key: '938bbb5b0abb409cb2db0eac0e5a5cf44a6b3ec5' }, h("ion-col", { key: '4a131b3ecf8caf92d872d05beaee96ac72bf9ff5', size: "12", "size-sm": true }, h("pos-subjects", { key: 'b2710e968d205934e74455940ec9d989f8dd6a85' })), h("ion-col", { key: '85fe9c8bf0d12839a21c6629f2512d2e4336586e', size: "12", "size-sm": true }, h("ion-card", { key: 'b0e0c64af5e9f07ee3e4329ca59eda09bc5e9c9c' }, h("ion-card-header", { key: 'aa1a4102e987aa9790617419be04ef6928abc6a2', style: { gap: 'var(--size-1)' } }, h("ion-card-title", { key: 'd07a9fe987dab982ae9d354912b3eea35817b59f' }, h("pos-label", { key: '468c63bec31273ff8536518a806fd6811484e53e' })), h("pos-type-badges", { key: '2da876ae6a2f14ce84f5e65d83d720cd972af5b8' }), h("pos-literals", { key: '5db1c14427cfe4a39de592901580c033082e6a48' })))))));
+        return (h(Host, { key: '9dd4b79cd54b3d2d61eea562b41a397cc1841279' }, h("section", { key: 'ec97b4983b9c45a5420b8e15b1b5d13a2b78f505' }, h("pos-subjects", { key: '7ca852dee46a4f1bb64cebccb397e2df7045be82' })), h("section", { key: '9aaf18c750b9847234ebb6d92c3c4ab605ff306e' }, h("article", { key: 'd794f6f83cfa49a37a759f0b8fa16b28038ec10b', "aria-labelledby": "doc-title" }, h("header", { key: 'bebbe27160a15351a1eabaa8c1ebb449beaa1005' }, h("h1", { key: 'cf5ba1875f2e22f162d2878789106738aac3d97c', id: "doc-title" }, h("pos-label", { key: 'fcb1a84e354ab5e2842077a6417c5b77ac9d87ed' })), h("pos-type-badges", { key: '370688f50c2906e069686d35a177c88b68de0a98' })), h("pos-literals", { key: '56bc40269a0269301603f3e9f101ad52738fca6a' })))));
     }
-}, [0, "pos-app-rdf-document"]);
+    static get style() { return PosAppRdfDocumentStyle0 + PosAppRdfDocumentStyle1; }
+}, [1, "pos-app-rdf-document"]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["pos-app-rdf-document", "ion-badge", "ion-card", "ion-card-content", "ion-card-header", "ion-card-title", "ion-col", "ion-grid", "ion-icon", "ion-input", "ion-progress-bar", "ion-ripple-effect", "ion-row", "pos-add-literal-value", "pos-description", "pos-label", "pos-literals", "pos-predicate", "pos-resource", "pos-rich-link", "pos-select-term", "pos-subjects", "pos-type-badges"];
+    const components = ["pos-app-rdf-document", "ion-badge", "ion-icon", "ion-progress-bar", "pos-add-literal-value", "pos-description", "pos-label", "pos-literals", "pos-predicate", "pos-resource", "pos-rich-link", "pos-select-term", "pos-subjects", "pos-type-badges"];
     components.forEach(tagName => { switch (tagName) {
         case "pos-app-rdf-document":
             if (!customElements.get(tagName)) {
@@ -43,61 +42,16 @@ function defineCustomElement$1() {
             }
             break;
         case "ion-badge":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$n();
-            }
-            break;
-        case "ion-card":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$m();
-            }
-            break;
-        case "ion-card-content":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$l();
-            }
-            break;
-        case "ion-card-header":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$k();
-            }
-            break;
-        case "ion-card-title":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$j();
-            }
-            break;
-        case "ion-col":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$i();
-            }
-            break;
-        case "ion-grid":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$h();
-            }
-            break;
-        case "ion-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$g();
-            }
-            break;
-        case "ion-input":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$f();
-            }
-            break;
-        case "ion-progress-bar":
             if (!customElements.get(tagName)) {
                 defineCustomElement$e();
             }
             break;
-        case "ion-ripple-effect":
+        case "ion-icon":
             if (!customElements.get(tagName)) {
                 defineCustomElement$d();
             }
             break;
-        case "ion-row":
+        case "ion-progress-bar":
             if (!customElements.get(tagName)) {
                 defineCustomElement$c();
             }

package/dist/components/pos-app-rdf-document.js.map

@@ -1 +1 @@
-{"file":"pos-app-rdf-document.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;MAKaA,mBAAiB;;;;;IAC5B,MAAM;QACJ,QACE,mEACE,kEACE,gEAAS,IAAI,EAAC,IAAI,qBAChB,sEAAgB,CACR,EACV,gEAAS,IAAI,EAAC,IAAI,qBAChB,mEACE,wEAAiB,KAAK,EAAE,EAAE,GAAG,EAAE,eAAe,EAAE,IAC9C,yEACE,mEAAa,CACE,EACjB,yEAAmB,EACnB,sEAAgB,CACA,CACT,CACH,CACF,CACD,EACX;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PosAppRdfDocument"],"sources":["src/apps/pos-app-rdf-document/pos-app-rdf-document.tsx"],"sourcesContent":["import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'pos-app-rdf-document',\n})\nexport class PosAppRdfDocument {\n  render() {\n    return (\n      <ion-grid>\n        <ion-row>\n          <ion-col size=\"12\" size-sm>\n            <pos-subjects />\n          </ion-col>\n          <ion-col size=\"12\" size-sm>\n            <ion-card>\n              <ion-card-header style={{ gap: 'var(--size-1)' }}>\n                <ion-card-title>\n                  <pos-label />\n                </ion-card-title>\n                <pos-type-badges />\n                <pos-literals />\n              </ion-card-header>\n            </ion-card>\n          </ion-col>\n        </ion-row>\n      </ion-grid>\n    );\n  }\n}\n"],"version":3}
+{"file":"pos-app-rdf-document.js","mappings":";;;;;;;;;;;;;;;AAAA,MAAM,mBAAmB,GAAG,iUAAiU,CAAC;AAC9V,gCAAe,mBAAmB;;ACDlC,MAAM,cAAc,GAAG,0YAA0Y,CAAC;AACla,gCAAe,cAAc;;MCMhBA,mBAAiB;;;;;;IAC5B,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,kEACE,sEAAgB,CACR,EACV,kEACE,mFAAyB,WAAW,IAClC,iEACE,2DAAI,EAAE,EAAC,WAAW,IAChB,mEAAa,CACV,EACL,yEAAmB,CACZ,EACT,sEAAgB,CACR,CACF,CACL,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PosAppRdfDocument"],"sources":["src/apps/styles/default-app-layout.css?tag=pos-app-rdf-document&encapsulation=shadow","src/apps/styles/article-card.css?tag=pos-app-rdf-document&encapsulation=shadow","src/apps/pos-app-rdf-document/pos-app-rdf-document.tsx"],"sourcesContent":[":host {\n  --gap-size: var(--size-4);\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-size);\n  margin: var(--gap-size);\n}\n\nsection {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-size);\n}\n\n@media (min-width: 640px) {\n  :host {\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    section:first-of-type {\n      flex: 1;\n    }\n\n    section:not(:first-of-type) {\n      flex: 0 0 30%;\n    }\n  }\n}\n","article {\n  padding: var(--size-2);\n  display: flex;\n  flex-direction: column;\n  gap: var(--size-2);\n  outline: var(--pos-border-solid);\n  border-radius: var(--radius-sm);\n  box-shadow: var(--shadow-md);\n  background-color: var(--pos-card-background);\n\n  header {\n    display: flex;\n    flex-direction: column;\n    gap: var(--size-2);\n    h1 {\n      margin: 0;\n    }\n  }\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'pos-app-rdf-document',\n  styleUrls: ['../styles/default-app-layout.css', '../styles/article-card.css'],\n  shadow: true,\n})\nexport class PosAppRdfDocument {\n  render() {\n    return (\n      <Host>\n        <section>\n          <pos-subjects />\n        </section>\n        <section>\n          <article aria-labelledby=\"doc-title\">\n            <header>\n              <h1 id=\"doc-title\">\n                <pos-label />\n              </h1>\n              <pos-type-badges />\n            </header>\n            <pos-literals />\n          </article>\n        </section>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/pos-app-settings2.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { d as defineCustomElement$1 } from './pos-setting-offline-cache2.js';
 
-const posAppSettingsCss = ":host{display:grid;grid-template-columns:repeat(auto-fit, minmax(var(--size-12), var(--size-96)));gap:var(--size-4);padding:var(--size-2);justify-content:center;align-items:start;justify-items:stretch;height:100%;background:linear-gradient(230deg, rgb(251, 251, 255) 0%, rgb(215, 223, 252) 100%)}";
+const posAppSettingsCss = ":host{display:grid;grid-template-columns:repeat(auto-fit, minmax(var(--size-12), var(--size-96)));gap:var(--size-4);padding:var(--size-2);justify-content:center;align-items:start;justify-items:stretch}";
 const PosAppSettingsStyle0 = posAppSettingsCss;
 
 const PosAppSettings = /*@__PURE__*/ proxyCustomElement(class PosAppSettings extends HTMLElement {
@@ -11,7 +11,7 @@ const PosAppSettings = /*@__PURE__*/ proxyCustomElement(class PosAppSettings ext
         this.__attachShadow();
     }
     render() {
-        return h("pos-setting-offline-cache", { key: '83d824c60d1eb9e2d60b0d7255dda841ad9c6164' });
+        return h("pos-setting-offline-cache", { key: 'f065206f6291089773a19045243f04b6ce35eeb9' });
     }
     static get style() { return PosAppSettingsStyle0; }
 }, [1, "pos-app-settings"]);

package/dist/components/pos-app-settings2.js.map

@@ -1 +1 @@
-{"file":"pos-app-settings2.js","mappings":";;;AAAA,MAAM,iBAAiB,GAAG,0SAA0S,CAAC;AACrU,6BAAe,iBAAiB;;MCMnB,cAAc;;;;;;IACzB,MAAM;QACJ,OAAO,mFAAuD,CAAC;KAChE;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/apps/pos-app-settings/pos-app-settings.css?tag=pos-app-settings&encapsulation=shadow","src/apps/pos-app-settings/pos-app-settings.tsx"],"sourcesContent":[":host {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(var(--size-12), var(--size-96)));\n  gap: var(--size-4);\n  padding: var(--size-2);\n  justify-content: center;\n  align-items: start;\n  justify-items: stretch;\n  height: 100%;\n  background: linear-gradient(230deg, rgb(251, 251, 255) 0%, rgb(215, 223, 252) 100%);\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'pos-app-settings',\n  styleUrl: 'pos-app-settings.css',\n  shadow: true,\n})\nexport class PosAppSettings {\n  render() {\n    return <pos-setting-offline-cache></pos-setting-offline-cache>;\n  }\n}\n"],"version":3}
+{"file":"pos-app-settings2.js","mappings":";;;AAAA,MAAM,iBAAiB,GAAG,2MAA2M,CAAC;AACtO,6BAAe,iBAAiB;;MCMnB,cAAc;;;;;;IACzB,MAAM;QACJ,OAAO,mFAAuD,CAAC;KAChE;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/apps/pos-app-settings/pos-app-settings.css?tag=pos-app-settings&encapsulation=shadow","src/apps/pos-app-settings/pos-app-settings.tsx"],"sourcesContent":[":host {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(var(--size-12), var(--size-96)));\n  gap: var(--size-4);\n  padding: var(--size-2);\n  justify-content: center;\n  align-items: start;\n  justify-items: stretch;\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'pos-app-settings',\n  styleUrl: 'pos-app-settings.css',\n  shadow: true,\n})\nexport class PosAppSettings {\n  render() {\n    return <pos-setting-offline-cache></pos-setting-offline-cache>;\n  }\n}\n"],"version":3}

package/dist/components/pos-app2.js

@@ -1306,7 +1306,7 @@ const PosApp = /*@__PURE__*/ proxyCustomElement(class PosApp extends HTMLElement
         }
     }
     render() {
-        return h("slot", { key: 'eb7dfaa67c538b3e3e33f42556c1b604fc964729' });
+        return h("slot", { key: '988c393af75e8bd0f4ff2b4c04fe33b1ed686fa7' });
     }
 }, [4, "pos-app", {
         "restorePreviousSession": [4, "restore-previous-session"],

package/dist/components/pos-container-contents2.js

@@ -1,14 +1,8 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { a as LdpContainer } from './index10.js';
 import { s as subscribeResource } from './ResourceAware.js';
-import { d as defineCustomElement$a } from './card.js';
-import { d as defineCustomElement$9 } from './card-content.js';
-import { d as defineCustomElement$8 } from './card-header.js';
-import { d as defineCustomElement$7 } from './icon.js';
-import { d as defineCustomElement$6 } from './item.js';
-import { d as defineCustomElement$5 } from './note.js';
-import { d as defineCustomElement$4 } from './progress-bar.js';
-import { d as defineCustomElement$3 } from './ripple-effect.js';
+import { d as defineCustomElement$4 } from './icon.js';
+import { d as defineCustomElement$3 } from './progress-bar.js';
 import { d as defineCustomElement$2 } from './pos-container-item2.js';
 import { d as defineCustomElement$1 } from './pos-resource2.js';
 
@@ -47,49 +41,19 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["pos-container-contents", "ion-card", "ion-card-content", "ion-card-header", "ion-icon", "ion-item", "ion-note", "ion-progress-bar", "ion-ripple-effect", "pos-container-item", "pos-resource"];
+    const components = ["pos-container-contents", "ion-icon", "ion-progress-bar", "pos-container-item", "pos-resource"];
     components.forEach(tagName => { switch (tagName) {
         case "pos-container-contents":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, PosContainerContents);
             }
             break;
-        case "ion-card":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$a();
-            }
-            break;
-        case "ion-card-content":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "ion-card-header":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
         case "ion-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "ion-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "ion-note":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "ion-progress-bar":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();
             }
             break;
-        case "ion-ripple-effect":
+        case "ion-progress-bar":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
             }

package/dist/components/pos-container-contents2.js.map

@@ -1 +1 @@
-{"file":"pos-container-contents2.js","mappings":";;;;;;;;;;;;;;AAAA,MAAM,uBAAuB,GAAG,8DAA8D,CAAC;AAC/F,mCAAe,uBAAuB;;MCQzB,oBAAoB;IALjC;;;;;QAMW,aAAQ,GAAuB,EAAE,CAAC;QAElC,YAAO,GAAG,IAAI,CAAC;QASxB,oBAAe,GAAG,CAAC,QAAe;YAChC,MAAM,GAAG,GAAG,QAAQ,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;YAC1C,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;YACrB,IAAI,CAAC,QAAQ,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;SAC7E,CAAC;KAeH;IAvBC,iBAAiB;QACf,iBAAiB,CAAC,IAAI,CAAC,CAAC;KACzB;IAQD,MAAM;QACJ,IAAI,IAAI,CAAC,OAAO;YAAE,OAAO,IAAI,CAAC;QAC9B,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,KAChC,cACE,oBAAc,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,GAAG,IACnC,8BACG,EAAE,CAAC,IAAI,CACW,CACR,CACZ,CACN,CAAC,CAAC;QACH,OAAO,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,GAAG,cAAK,KAAK,CAAM,GAAG,sCAA6B,CAAC;KACpF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/pos-container-contents/pos-container-contents.css?tag=pos-container-contents&encapsulation=shadow","src/components/pos-container-contents/pos-container-contents.tsx"],"sourcesContent":["ul {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\nli {\n  padding: 0;\n  margin: 0;\n} ","import { Thing, ContainerContent, LdpContainer } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, State } from '@stencil/core';\nimport { ResourceAware, subscribeResource } from '../events/ResourceAware';\n\n@Component({\n  tag: 'pos-container-contents',\n  shadow: true,\n  styleUrl: 'pos-container-contents.css'\n})\nexport class PosContainerContents implements ResourceAware {\n  @State() contents: ContainerContent[] = [];\n\n  @State() loading = true;\n\n  @Event({ eventName: 'pod-os:resource' })\n  subscribeResource: EventEmitter;\n\n  componentWillLoad() {\n    subscribeResource(this);\n  }\n\n  receiveResource = (resource: Thing) => {\n    const doc = resource.assume(LdpContainer);\n    this.loading = false;\n    this.contents = doc.contains().sort((a, b) => a.name.localeCompare(b.name));\n  };\n\n  render() {\n    if (this.loading) return null;\n    const items = this.contents.map(it => (\n      <li>\n        <pos-resource lazy={true} uri={it.uri}>\n          <pos-container-item>\n            {it.name}\n          </pos-container-item>\n        </pos-resource>\n      </li>\n    ));\n    return this.contents.length > 0 ? <ul>{items}</ul> : <p>The container is empty</p>;\n  }\n}\n"],"version":3}
+{"file":"pos-container-contents2.js","mappings":";;;;;;;;AAAA,MAAM,uBAAuB,GAAG,8DAA8D,CAAC;AAC/F,mCAAe,uBAAuB;;MCQzB,oBAAoB;IALjC;;;;;QAMW,aAAQ,GAAuB,EAAE,CAAC;QAElC,YAAO,GAAG,IAAI,CAAC;QASxB,oBAAe,GAAG,CAAC,QAAe;YAChC,MAAM,GAAG,GAAG,QAAQ,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;YAC1C,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;YACrB,IAAI,CAAC,QAAQ,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;SAC7E,CAAC;KAaH;IArBC,iBAAiB;QACf,iBAAiB,CAAC,IAAI,CAAC,CAAC;KACzB;IAQD,MAAM;QACJ,IAAI,IAAI,CAAC,OAAO;YAAE,OAAO,IAAI,CAAC;QAC9B,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,KAChC,cACE,oBAAc,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,GAAG,IACnC,8BAAqB,EAAE,CAAC,IAAI,CAAsB,CACrC,CACZ,CACN,CAAC,CAAC;QACH,OAAO,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,GAAG,cAAK,KAAK,CAAM,GAAG,sCAA6B,CAAC;KACpF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/pos-container-contents/pos-container-contents.css?tag=pos-container-contents&encapsulation=shadow","src/components/pos-container-contents/pos-container-contents.tsx"],"sourcesContent":["ul {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\nli {\n  padding: 0;\n  margin: 0;\n}\n","import { Thing, ContainerContent, LdpContainer } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, State } from '@stencil/core';\nimport { ResourceAware, subscribeResource } from '../events/ResourceAware';\n\n@Component({\n  tag: 'pos-container-contents',\n  shadow: true,\n  styleUrl: 'pos-container-contents.css',\n})\nexport class PosContainerContents implements ResourceAware {\n  @State() contents: ContainerContent[] = [];\n\n  @State() loading = true;\n\n  @Event({ eventName: 'pod-os:resource' })\n  subscribeResource: EventEmitter;\n\n  componentWillLoad() {\n    subscribeResource(this);\n  }\n\n  receiveResource = (resource: Thing) => {\n    const doc = resource.assume(LdpContainer);\n    this.loading = false;\n    this.contents = doc.contains().sort((a, b) => a.name.localeCompare(b.name));\n  };\n\n  render() {\n    if (this.loading) return null;\n    const items = this.contents.map(it => (\n      <li>\n        <pos-resource lazy={true} uri={it.uri}>\n          <pos-container-item>{it.name}</pos-container-item>\n        </pos-resource>\n      </li>\n    ));\n    return this.contents.length > 0 ? <ul>{items}</ul> : <p>The container is empty</p>;\n  }\n}\n"],"version":3}

package/dist/components/pos-container-item2.js

@@ -1,9 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { s as subscribeResource } from './ResourceAware.js';
-import { d as defineCustomElement$4 } from './icon.js';
-import { d as defineCustomElement$3 } from './item.js';
-import { d as defineCustomElement$2 } from './note.js';
-import { d as defineCustomElement$1 } from './ripple-effect.js';
+import { d as defineCustomElement$1 } from './icon.js';
 
 function selectIconForTypes(types) {
     if (containsType(types, 'http://www.w3.org/ns/ldp#Container')) {
@@ -21,6 +18,9 @@ function containsType(types, typeUri) {
     return types.some(type => type.uri === typeUri);
 }
 
+const posContainerItemCss = ":host {\n  display: flex;\n}\n\na {\n  display: flex;\n  text-decoration: none;\n  padding: var(--size-4);\n  width: var(--size-full);\n  gap: var(--size-2);\n  color: var(--pos-normal-text-color);\n  background-color: var(--pos-background-color);\n  &:hover {\n    background-color: var(--pos-border-color);\n  }\n}\n";
+const PosContainerItemStyle0 = posContainerItemCss;
+
 const PosContainerItem = /*@__PURE__*/ proxyCustomElement(class PosContainerItem extends HTMLElement {
     constructor() {
         super();
@@ -39,11 +39,12 @@ const PosContainerItem = /*@__PURE__*/ proxyCustomElement(class PosContainerItem
         if (!this.resource)
             return null;
         const iconName = selectIconForTypes(this.resource.types());
-        return (h("ion-item", { href: this.resource.uri, onClick: e => {
+        return (h("a", { href: this.resource.uri, onClick: e => {
                 e.preventDefault();
                 this.linkEmitter.emit(this.resource.uri);
             } }, h("ion-icon", { name: iconName, slot: "start" }), h("slot", null)));
     }
+    static get style() { return PosContainerItemStyle0; }
 }, [1, "pos-container-item", {
         "resource": [32]
     }]);
@@ -51,7 +52,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["pos-container-item", "ion-icon", "ion-item", "ion-note", "ion-ripple-effect"];
+    const components = ["pos-container-item", "ion-icon"];
     components.forEach(tagName => { switch (tagName) {
         case "pos-container-item":
             if (!customElements.get(tagName)) {
@@ -59,21 +60,6 @@ function defineCustomElement() {
             }
             break;
         case "ion-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "ion-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "ion-note":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "ion-ripple-effect":
             if (!customElements.get(tagName)) {
                 defineCustomElement$1();
             }

package/dist/components/pos-container-item2.js.map

@@ -1 +1 @@
-{"file":"pos-container-item2.js","mappings":";;;;;;;SAEgB,kBAAkB,CAAC,KAAgB;IACjD,IAAI,YAAY,CAAC,KAAK,EAAE,oCAAoC,CAAC,EAAE;QAC7D,OAAO,gBAAgB,CAAC;KACzB;SAAM,IAAI,YAAY,CAAC,KAAK,EAAE,mCAAmC,CAAC,EAAE;QACnE,OAAO,kBAAkB,CAAC;KAC3B;SAAM;QACL,OAAO,cAAc,CAAC;KACvB;AACH,CAAC;AAED;AACA,SAAS,YAAY,CAAC,KAAgB,EAAE,OAAe;IACrD,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,GAAG,KAAK,OAAO,CAAC,CAAC;AAClD;;MCNa,gBAAgB;IAJ7B;;;;;;QAgBE,oBAAe,GAAG,CAAC,QAAe;YAChC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;SAC1B,CAAC;KAkBH;IAxBC,iBAAiB;QACf,iBAAiB,CAAC,IAAI,CAAC,CAAC;KACzB;IAMD,MAAM;QACJ,IAAI,CAAC,IAAI,CAAC,QAAQ;YAAE,OAAO,IAAI,CAAC;QAChC,MAAM,QAAQ,GAAG,kBAAkB,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC;QAC3D,QACE,gBACE,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,GAAG,EACvB,OAAO,EAAE,CAAC;gBACR,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;aAC1C,IAED,gBAAU,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAC,OAAO,GAAY,EAClD,eAAa,CACJ,EACX;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/pos-container-contents/selectIconForTypes.ts","src/components/pos-container-contents/pos-container-item.tsx"],"sourcesContent":["import { RdfType } from '@pod-os/core';\n\nexport function selectIconForTypes(types: RdfType[]) {\n  if (containsType(types, 'http://www.w3.org/ns/ldp#Container')) {\n    return 'folder-outline';\n  } else if (containsType(types, 'http://www.w3.org/ns/ldp#Resource')) {\n    return 'document-outline';\n  } else {\n    return 'help-outline';\n  }\n}\n\n// TODO: remove duplication with pos-type-router/selectAppForTypes\nfunction containsType(types: RdfType[], typeUri: string) {\n  return types.some(type => type.uri === typeUri);\n}\n","import { Thing } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, State } from '@stencil/core';\nimport { ResourceAware, subscribeResource } from '../events/ResourceAware';\nimport { selectIconForTypes } from './selectIconForTypes';\n\n@Component({\n  tag: 'pos-container-item',\n  shadow: true,\n})\nexport class PosContainerItem implements ResourceAware {\n  @State() resource: Thing;\n\n  @Event({ eventName: 'pod-os:link' }) linkEmitter: EventEmitter;\n\n  @Event({ eventName: 'pod-os:resource' })\n  subscribeResource: EventEmitter;\n\n  componentWillLoad() {\n    subscribeResource(this);\n  }\n\n  receiveResource = (resource: Thing) => {\n    this.resource = resource;\n  };\n\n  render() {\n    if (!this.resource) return null;\n    const iconName = selectIconForTypes(this.resource.types());\n    return (\n      <ion-item\n        href={this.resource.uri}\n        onClick={e => {\n          e.preventDefault();\n          this.linkEmitter.emit(this.resource.uri);\n        }}\n      >\n        <ion-icon name={iconName} slot=\"start\"></ion-icon>\n        <slot></slot>\n      </ion-item>\n    );\n  }\n}\n"],"version":3}
+{"file":"pos-container-item2.js","mappings":";;;;SAEgB,kBAAkB,CAAC,KAAgB;IACjD,IAAI,YAAY,CAAC,KAAK,EAAE,oCAAoC,CAAC,EAAE;QAC7D,OAAO,gBAAgB,CAAC;KACzB;SAAM,IAAI,YAAY,CAAC,KAAK,EAAE,mCAAmC,CAAC,EAAE;QACnE,OAAO,kBAAkB,CAAC;KAC3B;SAAM;QACL,OAAO,cAAc,CAAC;KACvB;AACH,CAAC;AAED;AACA,SAAS,YAAY,CAAC,KAAgB,EAAE,OAAe;IACrD,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,GAAG,KAAK,OAAO,CAAC,CAAC;AAClD;;ACfA,MAAM,mBAAmB,GAAG,gUAAgU,CAAC;AAC7V,+BAAe,mBAAmB;;MCSrB,gBAAgB;IAL7B;;;;;;QAiBE,oBAAe,GAAG,CAAC,QAAe;YAChC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;SAC1B,CAAC;KAkBH;IAxBC,iBAAiB;QACf,iBAAiB,CAAC,IAAI,CAAC,CAAC;KACzB;IAMD,MAAM;QACJ,IAAI,CAAC,IAAI,CAAC,QAAQ;YAAE,OAAO,IAAI,CAAC;QAChC,MAAM,QAAQ,GAAG,kBAAkB,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC;QAC3D,QACE,SACE,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,GAAG,EACvB,OAAO,EAAE,CAAC;gBACR,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;aAC1C,IAED,gBAAU,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAC,OAAO,GAAY,EAClD,eAAa,CACX,EACJ;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/pos-container-contents/selectIconForTypes.ts","src/components/pos-container-contents/pos-container-item.css?tag=pos-container-item&encapsulation=shadow","src/components/pos-container-contents/pos-container-item.tsx"],"sourcesContent":["import { RdfType } from '@pod-os/core';\n\nexport function selectIconForTypes(types: RdfType[]) {\n  if (containsType(types, 'http://www.w3.org/ns/ldp#Container')) {\n    return 'folder-outline';\n  } else if (containsType(types, 'http://www.w3.org/ns/ldp#Resource')) {\n    return 'document-outline';\n  } else {\n    return 'help-outline';\n  }\n}\n\n// TODO: remove duplication with pos-type-router/selectAppForTypes\nfunction containsType(types: RdfType[], typeUri: string) {\n  return types.some(type => type.uri === typeUri);\n}\n",":host {\n  display: flex;\n}\n\na {\n  display: flex;\n  text-decoration: none;\n  padding: var(--size-4);\n  width: var(--size-full);\n  gap: var(--size-2);\n  color: var(--pos-normal-text-color);\n  background-color: var(--pos-background-color);\n  &:hover {\n    background-color: var(--pos-border-color);\n  }\n}\n","import { Thing } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, State } from '@stencil/core';\nimport { ResourceAware, subscribeResource } from '../events/ResourceAware';\nimport { selectIconForTypes } from './selectIconForTypes';\n\n@Component({\n  tag: 'pos-container-item',\n  shadow: true,\n  styleUrl: 'pos-container-item.css',\n})\nexport class PosContainerItem implements ResourceAware {\n  @State() resource: Thing;\n\n  @Event({ eventName: 'pod-os:link' }) linkEmitter: EventEmitter;\n\n  @Event({ eventName: 'pod-os:resource' })\n  subscribeResource: EventEmitter;\n\n  componentWillLoad() {\n    subscribeResource(this);\n  }\n\n  receiveResource = (resource: Thing) => {\n    this.resource = resource;\n  };\n\n  render() {\n    if (!this.resource) return null;\n    const iconName = selectIconForTypes(this.resource.types());\n    return (\n      <a\n        href={this.resource.uri}\n        onClick={e => {\n          e.preventDefault();\n          this.linkEmitter.emit(this.resource.uri);\n        }}\n      >\n        <ion-icon name={iconName} slot=\"start\"></ion-icon>\n        <slot></slot>\n      </a>\n    );\n  }\n}\n"],"version":3}

package/dist/components/pos-dialog2.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { d as defineCustomElement$1 } from './icon.js';
 
-const posDialogCss = "dialog{background-color:var(--pos-background-color);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-md);max-width:var(--width-xs)}dialog header>:first-child{flex-grow:1;font-weight:var(--weight-light);font-size:var(--scale-2);font-family:var(--font-sans);margin:0}dialog header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:var(--scale-0);border-bottom-style:inset;padding:0 0 var(--scale-0) 0}dialog>:last-child{display:block;margin-top:var(--scale-3)}button#close{cursor:pointer;display:flex;align-items:center;justify-content:center;border:none;background:none;font-size:var(--scale-3);color:var(--color-grey-500)}button#close:hover{color:var(--color-grey-800)}";
+const posDialogCss = "dialog{background-color:var(--pos-background-color);color:var(--pos-normal-text-color);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-md);max-width:var(--width-xs);animation:slideIn 0.2s ease-out}dialog::backdrop{background:rgba(0, 0, 0, 0.5);backdrop-filter:var(--blur-sm);animation:fadeIn 0.2s ease-out}@media (prefers-color-scheme: dark){dialog::backdrop{background:rgb(100, 100, 100, 0.5)}}dialog header>:first-child{flex-grow:1;font-weight:var(--weight-light);font-size:var(--scale-2);font-family:var(--font-sans);margin:0}dialog header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:var(--scale-0);border-bottom-style:inset;padding:0 0 var(--scale-0) 0}dialog>:last-child{display:block;margin-top:var(--scale-3)}button#close{cursor:pointer;display:flex;align-items:center;justify-content:center;border:none;background:none;font-size:var(--scale-3);color:var(--color-grey-500)}button#close:hover{color:var(--pos-secondary-border-color)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideIn{from{opacity:0;transform:translateY(-20px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}";
 const PosDialogStyle0 = posDialogCss;
 
 const PosDialog = /*@__PURE__*/ proxyCustomElement(class PosDialog extends HTMLElement {
@@ -16,7 +16,7 @@ const PosDialog = /*@__PURE__*/ proxyCustomElement(class PosDialog extends HTMLE
         this.dialog.close();
     }
     render() {
-        return (h(Host, { key: '097959e50499628b0b3e9be024cd415d25182303' }, h("dialog", { key: '0ac068acd6392cfc57f9e3bff866a6c865dcafe3', ref: el => (this.dialog = el) }, h("header", { key: '0cf470448e42f04c8a839eb67eec5a0708e306cb' }, h("slot", { key: '3f3f457ff9130c66ac31e21da74f9ffa9cc42a06', name: "title" }), h("button", { key: 'd420ee61dc91d4f193048f6c89351121c0337446', tabindex: -1, id: "close", title: "Close", onClick: () => this.close() }, h("ion-icon", { key: '9a775752b1678654b3446b964fe83ca15d8722ca', name: "close-outline" }))), h("slot", { key: '464e9fefd0dc8c32b52399358ff250e1982bdf36', name: "content" }))));
+        return (h(Host, { key: '168dc7d1cf3feabd5f9b2b3f9add6b04467b36ef' }, h("dialog", { key: '8bbfb245d9ff066d111c116c1715be25b0907403', ref: el => (this.dialog = el) }, h("header", { key: '94e28eb2b8147cb6b2aedda0d8e6a5158117788e' }, h("slot", { key: 'a40c2d397b9f54056d4fd8089fdfcc1e446b6d61', name: "title" }), h("button", { key: 'f0f64f5aaafc331f9e3d0fb6201c453600157db1', tabindex: -1, id: "close", title: "Close", onClick: () => this.close() }, h("ion-icon", { key: 'd94a0cf3d19d7caa3717690004101e3ff4748760', name: "close-outline" }))), h("slot", { key: '3181fafe55869add4a587bf4726226055e98588d', name: "content" }))));
     }
     static get style() { return PosDialogStyle0; }
 }, [4, "pos-dialog", {

package/dist/components/pos-dialog2.js.map

@@ -1 +1 @@
-{"file":"pos-dialog2.js","mappings":";;;AAAA,MAAM,YAAY,GAAG,otBAAotB,CAAC;AAC1uB,wBAAe,YAAY;;MCSd,SAAS;;;;;IAIpB,MAAM,SAAS;QACb,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC;KACzB;IAGD,MAAM,KAAK;QACT,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;KACrB;IAED,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,+DAAQ,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,MAAM,GAAG,EAAuB,CAAC,IACxD,iEACE,6DAAM,IAAI,EAAC,OAAO,GAAG,EACrB,+DAAQ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,KAAK,EAAE,IACxE,iEAAU,IAAI,EAAC,eAAe,GAAY,CACnC,CACF,EACT,6DAAM,IAAI,EAAC,SAAS,GAAG,CAChB,CACJ,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/pos-dialog/pos-dialog.css?tag=pos-dialog","src/components/pos-dialog/pos-dialog.tsx"],"sourcesContent":["\n\ndialog {\n  background-color: var(--pos-background-color);\n  border: none;\n  border-radius: var(--radius-md);\n  box-shadow: var(--shadow-md);\n  max-width: var(--width-xs);\n}\n\ndialog header > :first-child {\n  /* This is the title slot*/\n  flex-grow: 1;\n  font-weight: var(--weight-light);\n  font-size: var(--scale-2);\n  font-family: var(--font-sans);\n  margin: 0;\n}\n\ndialog header {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  gap: var(--scale-0);\n  border-bottom-style: inset;\n  padding: 0 0 var(--scale-0) 0;\n}\n\ndialog > :last-child {\n  /* This is the content slot*/\n  display: block;\n  margin-top: var(--scale-3);\n}\n\nbutton#close {\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  background: none;\n  font-size: var(--scale-3);\n  color: var(--color-grey-500);\n}\n\nbutton#close:hover {\n  color: var(--color-grey-800);\n}\n","import { Component, Host, h, Method } from '@stencil/core';\n\n/**\n * Styled wrapper around native dialog element, with slots `title` and `content`\n */\n@Component({\n  tag: 'pos-dialog',\n  styleUrl: 'pos-dialog.css',\n  shadow: false, // shadow dom prevents the html dialog from working normally (autofocus, close on submit)\n})\nexport class PosDialog {\n  private dialog: HTMLDialogElement;\n\n  @Method()\n  async showModal() {\n    this.dialog.showModal();\n  }\n\n  @Method()\n  async close() {\n    this.dialog.close();\n  }\n\n  render() {\n    return (\n      <Host>\n        <dialog ref={el => (this.dialog = el as HTMLDialogElement)}>\n          <header>\n            <slot name=\"title\" />\n            <button tabindex={-1} id=\"close\" title=\"Close\" onClick={() => this.close()}>\n              <ion-icon name=\"close-outline\"></ion-icon>\n            </button>\n          </header>\n          <slot name=\"content\" />\n        </dialog>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"pos-dialog2.js","mappings":";;;AAAA,MAAM,YAAY,GAAG,ipCAAipC,CAAC;AACvqC,wBAAe,YAAY;;MCSd,SAAS;;;;;IAIpB,MAAM,SAAS;QACb,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC;KACzB;IAGD,MAAM,KAAK;QACT,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;KACrB;IAED,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,+DAAQ,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,MAAM,GAAG,EAAuB,CAAC,IACxD,iEACE,6DAAM,IAAI,EAAC,OAAO,GAAG,EACrB,+DAAQ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,KAAK,EAAE,IACxE,iEAAU,IAAI,EAAC,eAAe,GAAY,CACnC,CACF,EACT,6DAAM,IAAI,EAAC,SAAS,GAAG,CAChB,CACJ,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/pos-dialog/pos-dialog.css?tag=pos-dialog","src/components/pos-dialog/pos-dialog.tsx"],"sourcesContent":["dialog {\n  background-color: var(--pos-background-color);\n  color: var(--pos-normal-text-color);\n  border: none;\n  border-radius: var(--radius-md);\n  box-shadow: var(--shadow-md);\n  max-width: var(--width-xs);\n  animation: slideIn 0.2s ease-out;\n}\n\ndialog::backdrop {\n  background: rgba(0, 0, 0, 0.5);\n  backdrop-filter: var(--blur-sm);\n  animation: fadeIn 0.2s ease-out;\n}\n\n@media (prefers-color-scheme: dark) {\n  dialog::backdrop {\n    background: rgb(100, 100, 100, 0.5);\n  }\n}\n\ndialog header > :first-child {\n  /* This is the title slot*/\n  flex-grow: 1;\n  font-weight: var(--weight-light);\n  font-size: var(--scale-2);\n  font-family: var(--font-sans);\n  margin: 0;\n}\n\ndialog header {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  gap: var(--scale-0);\n  border-bottom-style: inset;\n  padding: 0 0 var(--scale-0) 0;\n}\n\ndialog > :last-child {\n  /* This is the content slot*/\n  display: block;\n  margin-top: var(--scale-3);\n}\n\nbutton#close {\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  background: none;\n  font-size: var(--scale-3);\n  color: var(--color-grey-500);\n}\n\nbutton#close:hover {\n  color: var(--pos-secondary-border-color);\n}\n\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes slideIn {\n  from {\n    opacity: 0;\n    transform: translateY(-20px) scale(0.95);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n  }\n}\n","import { Component, Host, h, Method } from '@stencil/core';\n\n/**\n * Styled wrapper around native dialog element, with slots `title` and `content`\n */\n@Component({\n  tag: 'pos-dialog',\n  styleUrl: 'pos-dialog.css',\n  shadow: false, // shadow dom prevents the html dialog from working normally (autofocus, close on submit)\n})\nexport class PosDialog {\n  private dialog: HTMLDialogElement;\n\n  @Method()\n  async showModal() {\n    this.dialog.showModal();\n  }\n\n  @Method()\n  async close() {\n    this.dialog.close();\n  }\n\n  render() {\n    return (\n      <Host>\n        <dialog ref={el => (this.dialog = el as HTMLDialogElement)}>\n          <header>\n            <slot name=\"title\" />\n            <button tabindex={-1} id=\"close\" title=\"Close\" onClick={() => this.close()}>\n              <ion-icon name=\"close-outline\"></ion-icon>\n            </button>\n          </header>\n          <slot name=\"content\" />\n        </dialog>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/pos-document2.js

@@ -4,7 +4,7 @@ import { B as BrokenFile } from './BrokenFile.js';
 import { d as defineCustomElement$2 } from './icon.js';
 import { d as defineCustomElement$1 } from './skeleton-text.js';
 
-const posDocumentCss = "iframe{width:100%;height:100vh}.error{display:flex;opacity:0.8;background:repeating-linear-gradient( -45deg, rgba(150, 0, 0, 0.1), rgba(150, 0, 0, 0.1) 10px, #fff 5px, #fff 25px );flex-direction:column;border:1px solid red;color:black;align-items:center;justify-content:center;word-break:break-all;padding:1rem;box-sizing:border-box}.error ion-icon{color:#282828;--ionicon-stroke-width:calc(var(--width) / 5);font-size:calc(var(--width) / 2)}a{text-decoration:none;width:var(--width);height:var(--height)}.code{font-weight:bold;font-size:calc(var(--width) / 8)}.text{font-size:calc(var(--width) / 20)}";
+const posDocumentCss = "iframe{background-color:white;width:100%;height:100vh}.error{display:flex;opacity:0.8;background:repeating-linear-gradient(-45deg, rgba(150, 0, 0, 0.1), rgba(150, 0, 0, 0.1) 10px, #fff 5px, #fff 25px);flex-direction:column;border:1px solid red;color:black;align-items:center;justify-content:center;word-break:break-all;padding:1rem;box-sizing:border-box}.error ion-icon{color:#282828;--ionicon-stroke-width:calc(var(--width) / 5);font-size:calc(var(--width) / 2)}a{text-decoration:none;width:var(--width);height:var(--height)}.code{font-weight:bold;font-size:calc(var(--width) / 8)}.text{font-size:calc(var(--width) / 20)}";
 const PosDocumentStyle0 = posDocumentCss;
 
 const PosDocument = /*@__PURE__*/ proxyCustomElement(class PosDocument extends HTMLElement {

package/dist/components/pos-document2.js.map

@@ -1 +1 @@
-{"file":"pos-document2.js","mappings":";;;;;;AAAA,MAAM,cAAc,GAAG,2lBAA2lB,CAAC;AACnnB,0BAAe,cAAc;;MCShB,WAAW;IALxB;;;;;;QAsBU,YAAO,GAAY,IAAI,CAAC;QAchC,UAAK,GAAG,OAAO,EAAS;YACtB,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;SACd,CAAC;KAkCH;IAzCC,iBAAiB;QACfA,KAAO,CAAC,QAAQ,CAAC,YAAY,EAAE,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;QACvD,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAC3C;IAQD,MAAM,SAAS;QACb,IAAI;YACF,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;YACpB,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAC/C,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAC1C,IAAI,IAAI,CAAC,IAAI,EAAE,EAAE;gBACf,IAAI,CAAC,OAAO,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;gBAChD,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;aACnB;iBAAM;gBACL,IAAI,CAAC,UAAU,GAAG,IAAsB,CAAC;aAC1C;SACF;QAAC,OAAO,GAAG,EAAE;YACZ,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC;SAClB;gBAAS;YACR,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;SACtB;KACF;IAED,MAAM;QACJ,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,OAAO,yBAAmB,QAAQ,EAAE,IAAI,GAAsB,CAAC;SAChE;QACD,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,OAAO,WAAK,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAO,CAAC;SACtD;QACD,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,OAAO,EAAC,UAAU,IAAC,IAAI,EAAE,IAAI,CAAC,UAAU,GAAI,CAAC;SAC9C;QACD,OAAO,cAAQ,GAAG,EAAE,IAAI,CAAC,OAAO,GAAW,CAAC;KAC7C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["session"],"sources":["src/components/pos-document/pos-document.css?tag=pos-document&encapsulation=shadow","src/components/pos-document/pos-document.tsx"],"sourcesContent":["\n:host {\n}\n\niframe {\n  width: 100%;\n  height: 100vh;\n}\n\n/* consolidate with styles from pos-image */\n.error {\n  display: flex;\n  opacity: 0.8;\n  background: repeating-linear-gradient( -45deg, rgba(150, 0, 0, 0.1), rgba(150, 0, 0, 0.1) 10px, #fff 5px, #fff 25px );\n  flex-direction: column;\n  border: 1px solid red;\n  color: black;\n  align-items: center;\n  justify-content: center;\n  word-break: break-all;\n  padding: 1rem;\n  box-sizing: border-box;\n}\n\n.error ion-icon {\n  color: #282828;\n  --ionicon-stroke-width: calc(var(--width) / 5) ;\n  font-size: calc(var(--width) / 2)\n}\n\na {\n  text-decoration: none;\n  width: var(--width);\n  height: var(--height);\n}\n\n.code {\n  font-weight: bold;\n  font-size: calc(var(--width) / 8);\n}\n\n.text {\n  font-size: calc(var(--width) / 20)\n}\n","import { PodOS, BrokenFile as BrokenFileData } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, Prop, State, Watch } from '@stencil/core';\nimport session from '../../store/session';\nimport { BrokenFile } from '../broken-file/BrokenFile';\n\n@Component({\n  tag: 'pos-document',\n  styleUrl: 'pos-document.css',\n  shadow: true,\n})\nexport class PosDocument {\n  @Prop() src: string;\n\n  @Prop() alt: string;\n\n  @State() os: PodOS;\n\n  @State()\n  private dataUri: string;\n\n  @State()\n  private brokenFile: BrokenFileData;\n\n  @State()\n  private error: Error;\n\n  @State()\n  private loading: boolean = true;\n\n  @Event({ eventName: 'pod-os:init' }) initializeOsEmitter: EventEmitter;\n\n  /**\n   * Indicates that the resource given in `src` property has been loaded.\n   */\n  @Event({ eventName: 'pod-os:resource-loaded' }) resourceLoadedEmitter: EventEmitter<string>;\n\n  componentWillLoad() {\n    session.onChange('isLoggedIn', () => this.fetchBlob());\n    this.initializeOsEmitter.emit(this.setOs);\n  }\n\n  setOs = async (os: PodOS) => {\n    this.os = os;\n  };\n\n  @Watch('os')\n  @Watch('src')\n  async fetchBlob() {\n    try {\n      this.loading = true;\n      const file = await this.os.fetchFile(this.src);\n      this.resourceLoadedEmitter.emit(this.src);\n      if (file.blob()) {\n        this.dataUri = URL.createObjectURL(file.blob());\n        this.error = null;\n      } else {\n        this.brokenFile = file as BrokenFileData;\n      }\n    } catch (err) {\n      this.error = err;\n    } finally {\n      this.loading = false;\n    }\n  }\n\n  render() {\n    if (this.loading) {\n      return <ion-skeleton-text animated={true}></ion-skeleton-text>;\n    }\n    if (this.error) {\n      return <div class=\"error\">{this.error.message}</div>;\n    }\n    if (this.brokenFile) {\n      return <BrokenFile file={this.brokenFile} />;\n    }\n    return <iframe src={this.dataUri}></iframe>;\n  }\n}\n"],"version":3}
+{"file":"pos-document2.js","mappings":";;;;;;AAAA,MAAM,cAAc,GAAG,gnBAAgnB,CAAC;AACxoB,0BAAe,cAAc;;MCShB,WAAW;IALxB;;;;;;QAsBU,YAAO,GAAY,IAAI,CAAC;QAchC,UAAK,GAAG,OAAO,EAAS;YACtB,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;SACd,CAAC;KAkCH;IAzCC,iBAAiB;QACfA,KAAO,CAAC,QAAQ,CAAC,YAAY,EAAE,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;QACvD,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAC3C;IAQD,MAAM,SAAS;QACb,IAAI;YACF,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;YACpB,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAC/C,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAC1C,IAAI,IAAI,CAAC,IAAI,EAAE,EAAE;gBACf,IAAI,CAAC,OAAO,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;gBAChD,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;aACnB;iBAAM;gBACL,IAAI,CAAC,UAAU,GAAG,IAAsB,CAAC;aAC1C;SACF;QAAC,OAAO,GAAG,EAAE;YACZ,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC;SAClB;gBAAS;YACR,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;SACtB;KACF;IAED,MAAM;QACJ,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,OAAO,yBAAmB,QAAQ,EAAE,IAAI,GAAsB,CAAC;SAChE;QACD,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,OAAO,WAAK,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAO,CAAC;SACtD;QACD,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,OAAO,EAAC,UAAU,IAAC,IAAI,EAAE,IAAI,CAAC,UAAU,GAAI,CAAC;SAC9C;QACD,OAAO,cAAQ,GAAG,EAAE,IAAI,CAAC,OAAO,GAAW,CAAC;KAC7C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["session"],"sources":["src/components/pos-document/pos-document.css?tag=pos-document&encapsulation=shadow","src/components/pos-document/pos-document.tsx"],"sourcesContent":["iframe {\n  background-color: white;\n  width: 100%;\n  height: 100vh;\n}\n\n/* consolidate with styles from pos-image */\n.error {\n  display: flex;\n  opacity: 0.8;\n  background: repeating-linear-gradient(-45deg, rgba(150, 0, 0, 0.1), rgba(150, 0, 0, 0.1) 10px, #fff 5px, #fff 25px);\n  flex-direction: column;\n  border: 1px solid red;\n  color: black;\n  align-items: center;\n  justify-content: center;\n  word-break: break-all;\n  padding: 1rem;\n  box-sizing: border-box;\n}\n\n.error ion-icon {\n  color: #282828;\n  --ionicon-stroke-width: calc(var(--width) / 5);\n  font-size: calc(var(--width) / 2);\n}\n\na {\n  text-decoration: none;\n  width: var(--width);\n  height: var(--height);\n}\n\n.code {\n  font-weight: bold;\n  font-size: calc(var(--width) / 8);\n}\n\n.text {\n  font-size: calc(var(--width) / 20);\n}\n","import { PodOS, BrokenFile as BrokenFileData } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, Prop, State, Watch } from '@stencil/core';\nimport session from '../../store/session';\nimport { BrokenFile } from '../broken-file/BrokenFile';\n\n@Component({\n  tag: 'pos-document',\n  styleUrl: 'pos-document.css',\n  shadow: true,\n})\nexport class PosDocument {\n  @Prop() src: string;\n\n  @Prop() alt: string;\n\n  @State() os: PodOS;\n\n  @State()\n  private dataUri: string;\n\n  @State()\n  private brokenFile: BrokenFileData;\n\n  @State()\n  private error: Error;\n\n  @State()\n  private loading: boolean = true;\n\n  @Event({ eventName: 'pod-os:init' }) initializeOsEmitter: EventEmitter;\n\n  /**\n   * Indicates that the resource given in `src` property has been loaded.\n   */\n  @Event({ eventName: 'pod-os:resource-loaded' }) resourceLoadedEmitter: EventEmitter<string>;\n\n  componentWillLoad() {\n    session.onChange('isLoggedIn', () => this.fetchBlob());\n    this.initializeOsEmitter.emit(this.setOs);\n  }\n\n  setOs = async (os: PodOS) => {\n    this.os = os;\n  };\n\n  @Watch('os')\n  @Watch('src')\n  async fetchBlob() {\n    try {\n      this.loading = true;\n      const file = await this.os.fetchFile(this.src);\n      this.resourceLoadedEmitter.emit(this.src);\n      if (file.blob()) {\n        this.dataUri = URL.createObjectURL(file.blob());\n        this.error = null;\n      } else {\n        this.brokenFile = file as BrokenFileData;\n      }\n    } catch (err) {\n      this.error = err;\n    } finally {\n      this.loading = false;\n    }\n  }\n\n  render() {\n    if (this.loading) {\n      return <ion-skeleton-text animated={true}></ion-skeleton-text>;\n    }\n    if (this.error) {\n      return <div class=\"error\">{this.error.message}</div>;\n    }\n    if (this.brokenFile) {\n      return <BrokenFile file={this.brokenFile} />;\n    }\n    return <iframe src={this.dataUri}></iframe>;\n  }\n}\n"],"version":3}

package/dist/components/pos-error-toast2.js

@@ -37,7 +37,7 @@ const PosErrorToast = /*@__PURE__*/ proxyCustomElement(class PosErrorToast exten
         await toast.present();
     }
     render() {
-        return (h(Host, { key: 'ca253ac051cc38f56c8db1224fea075293f796b4' }, h("ion-toast", { key: '060b78fd54963782be40abca4592c5871fc84d82', trigger: "never", message: "Workarround to preload ion-toast and ion-ripple-effect to be able to show errors while offline", duration: 0 }, h("ion-ripple-effect", { key: '45f799c8d1f36ad3f11a62485677fc38eb01857b' })), h("slot", { key: '02c6e3ad7cce764de694579056fc1fe1d97dfa32' })));
+        return (h(Host, { key: 'c1ee5f8a19177c79a3fe377fa27e4a32ffa9db9f' }, h("ion-toast", { key: '8759a3436a5caa16a11a2900a5f67d0dd205d097', trigger: "never", message: "Workarround to preload ion-toast and ion-ripple-effect to be able to show errors while offline", duration: 0 }, h("ion-ripple-effect", { key: '990aa24f2a18750ec5307498acda539b784c86c4' })), h("slot", { key: 'bea0650cc211dc2a161e7c634825adc045647d84' })));
     }
 }, [1, "pos-error-toast", undefined, [[8, "unhandledrejection", "unhandledRejection"], [0, "pod-os:error", "catchError"]]]);
 function defineCustomElement() {

package/dist/components/pos-example-resources2.js

@@ -1,15 +1,11 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$9 } from './card.js';
-import { d as defineCustomElement$8 } from './card-content.js';
-import { d as defineCustomElement$7 } from './card-header.js';
-import { d as defineCustomElement$6 } from './progress-bar.js';
-import { d as defineCustomElement$5 } from './ripple-effect.js';
+import { d as defineCustomElement$5 } from './progress-bar.js';
 import { d as defineCustomElement$4 } from './pos-description2.js';
 import { d as defineCustomElement$3 } from './pos-label2.js';
 import { d as defineCustomElement$2 } from './pos-resource2.js';
 import { d as defineCustomElement$1 } from './pos-rich-link2.js';
 
-const posExampleResourcesCss = ":host{border:var(--size-px) solid var(--color-grey-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--size-8);max-width:var(--size-96);background:var(--color-white)}.links{display:flex;flex-direction:column;gap:var(--size-3);max-width:80vw}";
+const posExampleResourcesCss = ":host{border:var(--size-px) solid var(--pos-border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--size-8);max-width:var(--size-96);background:var(--pos-card-background)}.links{display:flex;flex-direction:column;gap:var(--size-3);max-width:80vw}";
 const PosExampleResourcesStyle0 = posExampleResourcesCss;
 
 const PosExampleResources = /*@__PURE__*/ proxyCustomElement(class PosExampleResources extends HTMLElement {
@@ -27,34 +23,14 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["pos-example-resources", "ion-card", "ion-card-content", "ion-card-header", "ion-progress-bar", "ion-ripple-effect", "pos-description", "pos-label", "pos-resource", "pos-rich-link"];
+    const components = ["pos-example-resources", "ion-progress-bar", "pos-description", "pos-label", "pos-resource", "pos-rich-link"];
     components.forEach(tagName => { switch (tagName) {
         case "pos-example-resources":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, PosExampleResources);
             }
             break;
-        case "ion-card":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "ion-card-content":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "ion-card-header":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
         case "ion-progress-bar":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "ion-ripple-effect":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
             }

package/dist/components/pos-example-resources2.js.map

@@ -1 +1 @@
-{"file":"pos-example-resources2.js","mappings":";;;;;;;;;;;AAAA,MAAM,sBAAsB,GAAG,6QAA6Q,CAAC;AAC7S,kCAAe,sBAAsB;;MCMxB,mBAAmB;;;;;;IAC9B,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,8DACE,yFAAwB,EACxB,qJAAmF,EACnF,4DAAK,KAAK,EAAC,OAAO,IAChB,sEAAe,GAAG,EAAC,mDAAmD,GAAG,EACzE,sEAAe,GAAG,EAAC,4CAA4C,GAAG,EAClE,sEAAe,GAAG,EAAC,6CAA6C,GAAG,EACnE,sEAAe,GAAG,EAAC,oDAAoD,GAAG,CACtE,CACF,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/apps/pos-app-dashboard/pos-example-resources/pos-example-resources.css?tag=pos-example-resources&encapsulation=shadow","src/apps/pos-app-dashboard/pos-example-resources/pos-example-resources.tsx"],"sourcesContent":[":host {\n  border: var(--size-px) solid var(--color-grey-100);\n  border-radius: var(--radius-lg);\n  box-shadow: var(--shadow-md);\n  padding: var(--size-8);\n  max-width: var(--size-96);\n  background: var(--color-white);\n}\n\n.links {\n  display: flex;\n  flex-direction: column;\n  gap: var(--size-3);\n  max-width: 80vw;\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'pos-example-resources',\n  styleUrl: 'pos-example-resources.css',\n  shadow: true,\n})\nexport class PosExampleResources {\n  render() {\n    return (\n      <Host>\n        <div>\n          <h2>Try these... 💡</h2>\n          <p>No idea where to start? Try these example resources, and follow your nose 👃</p>\n          <div class=\"links\">\n            <pos-rich-link uri=\"https://pod-os.solidcommunity.net/profile/card#me\" />\n            <pos-rich-link uri=\"https://angelo.veltens.org/profile/card#me\" />\n            <pos-rich-link uri=\"https://angelo.veltens.org/public/bookmarks\" />\n            <pos-rich-link uri=\"https://solidos.solidcommunity.net/profile/card#me\" />\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"pos-example-resources2.js","mappings":";;;;;;;AAAA,MAAM,sBAAsB,GAAG,uRAAuR,CAAC;AACvT,kCAAe,sBAAsB;;MCMxB,mBAAmB;;;;;;IAC9B,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,8DACE,yFAAwB,EACxB,qJAAmF,EACnF,4DAAK,KAAK,EAAC,OAAO,IAChB,sEAAe,GAAG,EAAC,mDAAmD,GAAG,EACzE,sEAAe,GAAG,EAAC,4CAA4C,GAAG,EAClE,sEAAe,GAAG,EAAC,6CAA6C,GAAG,EACnE,sEAAe,GAAG,EAAC,oDAAoD,GAAG,CACtE,CACF,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/apps/pos-app-dashboard/pos-example-resources/pos-example-resources.css?tag=pos-example-resources&encapsulation=shadow","src/apps/pos-app-dashboard/pos-example-resources/pos-example-resources.tsx"],"sourcesContent":[":host {\n  border: var(--size-px) solid var(--pos-border-color);\n  border-radius: var(--radius-lg);\n  box-shadow: var(--shadow-md);\n  padding: var(--size-8);\n  max-width: var(--size-96);\n  background: var(--pos-card-background);\n}\n\n.links {\n  display: flex;\n  flex-direction: column;\n  gap: var(--size-3);\n  max-width: 80vw;\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'pos-example-resources',\n  styleUrl: 'pos-example-resources.css',\n  shadow: true,\n})\nexport class PosExampleResources {\n  render() {\n    return (\n      <Host>\n        <div>\n          <h2>Try these... 💡</h2>\n          <p>No idea where to start? Try these example resources, and follow your nose 👃</p>\n          <div class=\"links\">\n            <pos-rich-link uri=\"https://pod-os.solidcommunity.net/profile/card#me\" />\n            <pos-rich-link uri=\"https://angelo.veltens.org/profile/card#me\" />\n            <pos-rich-link uri=\"https://angelo.veltens.org/public/bookmarks\" />\n            <pos-rich-link uri=\"https://solidos.solidcommunity.net/profile/card#me\" />\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/pos-getting-started2.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 
-const posGettingStartedCss = ":host{border:var(--size-px) solid var(--color-grey-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--size-8);max-width:var(--size-96);background:var(--color-white)}.question{font-weight:var(--weight-semibold);color:var(--color-grey-900)}a{font-weight:var(--weight-bold);color:var(--pos-primary-color)}";
+const posGettingStartedCss = ":host{border:var(--size-px) solid var(--pos-border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--size-8);max-width:var(--size-96);background:var(--pos-card-background)}.question{font-weight:var(--weight-semibold)}a{font-weight:var(--weight-bold);color:var(--pos-primary-color)}";
 const PosGettingStartedStyle0 = posGettingStartedCss;
 
 const PosGettingStarted = /*@__PURE__*/ proxyCustomElement(class PosGettingStarted extends HTMLElement {

package/dist/components/pos-getting-started2.js.map

@@ -1 +1 @@
-{"file":"pos-getting-started2.js","mappings":";;AAAA,MAAM,oBAAoB,GAAG,2UAA2U,CAAC;AACzW,gCAAe,oBAAoB;;MCMtB,iBAAiB;;;;;;IAC5B,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,8DACE,4FAA2B,EAC3B,yJAAuF,EACvF,wKAAsG,CAClG,EACN,8DACE,0DAAG,KAAK,EAAC,UAAU,oBAAkB,EACrC,4DACE,0DAAG,IAAI,EAAC,6DAA6D,uBAAqB,CACxF,CACA,EACN,8DACE,0DAAG,KAAK,EAAC,UAAU,qCAAmC,EACtD,4DACE,0DAAG,IAAI,EAAC,mBAAmB,wBAAsB,CAC/C,CACA,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/apps/pos-app-dashboard/pos-getting-started/pos-getting-started.css?tag=pos-getting-started&encapsulation=shadow","src/apps/pos-app-dashboard/pos-getting-started/pos-getting-started.tsx"],"sourcesContent":[":host {\n  border: var(--size-px) solid var(--color-grey-100);\n  border-radius: var(--radius-lg);\n  box-shadow: var(--shadow-md);\n  padding: var(--size-8);\n  max-width: var(--size-96);\n  background: var(--color-white);\n}\n\n.question {\n  font-weight: var(--weight-semibold);\n  color: var(--color-grey-900);\n}\n\na {\n  font-weight: var(--weight-bold);\n  color: var(--pos-primary-color);\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'pos-getting-started',\n  styleUrl: 'pos-getting-started.css',\n  shadow: true,\n})\nexport class PosGettingStarted {\n  render() {\n    return (\n      <Host>\n        <div>\n          <h2>Getting started 🚀</h2>\n          <p>🔎 Enter a URL into the above navigation bar to browse through the web of data. </p>\n          <p>🔐 Sign in to access private resources on your Solid Pod or those of your friends or coworkers.</p>\n        </div>\n        <div>\n          <p class=\"question\">New to Solid?</p>\n          <p>\n            <a href=\"https://solidproject.org/for-developers#hosted-pod-services\">Get a Pod &rarr;</a>\n          </p>\n        </div>\n        <div>\n          <p class=\"question\">Want to dig deeper into PodOS?</p>\n          <p>\n            <a href=\"http://pod-os.org\">Learn more &rarr;</a>\n          </p>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"pos-getting-started2.js","mappings":";;AAAA,MAAM,oBAAoB,GAAG,yTAAyT,CAAC;AACvV,gCAAe,oBAAoB;;MCMtB,iBAAiB;;;;;;IAC5B,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,8DACE,4FAA2B,EAC3B,yJAAuF,EACvF,wKAAsG,CAClG,EACN,8DACE,0DAAG,KAAK,EAAC,UAAU,oBAAkB,EACrC,4DACE,0DAAG,IAAI,EAAC,6DAA6D,uBAAqB,CACxF,CACA,EACN,8DACE,0DAAG,KAAK,EAAC,UAAU,qCAAmC,EACtD,4DACE,0DAAG,IAAI,EAAC,mBAAmB,wBAAsB,CAC/C,CACA,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/apps/pos-app-dashboard/pos-getting-started/pos-getting-started.css?tag=pos-getting-started&encapsulation=shadow","src/apps/pos-app-dashboard/pos-getting-started/pos-getting-started.tsx"],"sourcesContent":[":host {\n  border: var(--size-px) solid var(--pos-border-color);\n  border-radius: var(--radius-lg);\n  box-shadow: var(--shadow-md);\n  padding: var(--size-8);\n  max-width: var(--size-96);\n  background: var(--pos-card-background);\n}\n\n.question {\n  font-weight: var(--weight-semibold);\n}\n\na {\n  font-weight: var(--weight-bold);\n  color: var(--pos-primary-color);\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'pos-getting-started',\n  styleUrl: 'pos-getting-started.css',\n  shadow: true,\n})\nexport class PosGettingStarted {\n  render() {\n    return (\n      <Host>\n        <div>\n          <h2>Getting started 🚀</h2>\n          <p>🔎 Enter a URL into the above navigation bar to browse through the web of data. </p>\n          <p>🔐 Sign in to access private resources on your Solid Pod or those of your friends or coworkers.</p>\n        </div>\n        <div>\n          <p class=\"question\">New to Solid?</p>\n          <p>\n            <a href=\"https://solidproject.org/for-developers#hosted-pod-services\">Get a Pod &rarr;</a>\n          </p>\n        </div>\n        <div>\n          <p class=\"question\">Want to dig deeper into PodOS?</p>\n          <p>\n            <a href=\"http://pod-os.org\">Learn more &rarr;</a>\n          </p>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/pos-internal-router2.js

@@ -1,9 +1,5 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$e } from './card.js';
-import { d as defineCustomElement$d } from './card-content.js';
-import { d as defineCustomElement$c } from './card-header.js';
-import { d as defineCustomElement$b } from './progress-bar.js';
-import { d as defineCustomElement$a } from './ripple-effect.js';
+import { d as defineCustomElement$a } from './progress-bar.js';
 import { d as defineCustomElement$9 } from './pos-app-dashboard2.js';
 import { d as defineCustomElement$8 } from './pos-app-settings2.js';
 import { d as defineCustomElement$7 } from './pos-description2.js';
@@ -30,34 +26,14 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["pos-internal-router", "ion-card", "ion-card-content", "ion-card-header", "ion-progress-bar", "ion-ripple-effect", "pos-app-dashboard", "pos-app-settings", "pos-description", "pos-example-resources", "pos-getting-started", "pos-label", "pos-resource", "pos-rich-link", "pos-setting-offline-cache"];
+    const components = ["pos-internal-router", "ion-progress-bar", "pos-app-dashboard", "pos-app-settings", "pos-description", "pos-example-resources", "pos-getting-started", "pos-label", "pos-resource", "pos-rich-link", "pos-setting-offline-cache"];
     components.forEach(tagName => { switch (tagName) {
         case "pos-internal-router":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, PosInternalRouter);
             }
             break;
-        case "ion-card":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$e();
-            }
-            break;
-        case "ion-card-content":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$d();
-            }
-            break;
-        case "ion-card-header":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$c();
-            }
-            break;
         case "ion-progress-bar":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$b();
-            }
-            break;
-        case "ion-ripple-effect":
             if (!customElements.get(tagName)) {
                 defineCustomElement$a();
             }

package/dist/components/pos-internal-router2.js.map

@@ -1 +1 @@
-{"file":"pos-internal-router2.js","mappings":";;;;;;;;;;;;;;;;MAKa,iBAAiB;IAH9B;;;QAKE,QAAG,GAAW,kBAAkB,CAAC;KASlC;IAPC,MAAM;QACJ,OAAO,IAAI,CAAC,GAAG,KAAK,iBAAiB,IACnC,2BAAqC,KAErC,4BAAuC,CACxC,CAAC;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/pos-internal-router/pos-internal-router.tsx"],"sourcesContent":["import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'pos-internal-router',\n})\nexport class PosInternalRouter {\n  @Prop()\n  uri: string = 'pod-os:dashboard';\n\n  render() {\n    return this.uri === 'pod-os:settings' ? (\n      <pos-app-settings></pos-app-settings>\n    ) : (\n      <pos-app-dashboard></pos-app-dashboard>\n    );\n  }\n}\n"],"version":3}
+{"file":"pos-internal-router2.js","mappings":";;;;;;;;;;;;MAKa,iBAAiB;IAH9B;;;QAKE,QAAG,GAAW,kBAAkB,CAAC;KASlC;IAPC,MAAM;QACJ,OAAO,IAAI,CAAC,GAAG,KAAK,iBAAiB,IACnC,2BAAqC,KAErC,4BAAuC,CACxC,CAAC;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/pos-internal-router/pos-internal-router.tsx"],"sourcesContent":["import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'pos-internal-router',\n})\nexport class PosInternalRouter {\n  @Prop()\n  uri: string = 'pod-os:dashboard';\n\n  render() {\n    return this.uri === 'pod-os:settings' ? (\n      <pos-app-settings></pos-app-settings>\n    ) : (\n      <pos-app-dashboard></pos-app-dashboard>\n    );\n  }\n}\n"],"version":3}