@pod-os/elements 0.25.2 → 0.25.3-rc.2f9e99a.0

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

@@ -1,13 +1,12 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { s as subscribeResource } from './ResourceAware.js';
-import { d as defineCustomElement$j } from './badge.js';
-import { d as defineCustomElement$i } from './card.js';
-import { d as defineCustomElement$h } from './card-header.js';
-import { d as defineCustomElement$g } from './card-title.js';
-import { d as defineCustomElement$f } from './col.js';
-import { d as defineCustomElement$e } from './grid.js';
-import { d as defineCustomElement$d } from './icon.js';
-import { d as defineCustomElement$c } from './input.js';
+import { d as defineCustomElement$i } from './badge.js';
+import { d as defineCustomElement$h } from './card.js';
+import { d as defineCustomElement$g } from './card-header.js';
+import { d as defineCustomElement$f } from './card-title.js';
+import { d as defineCustomElement$e } from './col.js';
+import { d as defineCustomElement$d } from './grid.js';
+import { d as defineCustomElement$c } from './icon.js';
 import { d as defineCustomElement$b } from './ripple-effect.js';
 import { d as defineCustomElement$a } from './row.js';
 import { d as defineCustomElement$9 } from './skeleton-text.js';
@@ -45,7 +44,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["pos-app-document-viewer", "ion-badge", "ion-card", "ion-card-header", "ion-card-title", "ion-col", "ion-grid", "ion-icon", "ion-input", "ion-ripple-effect", "ion-row", "ion-skeleton-text", "pos-add-literal-value", "pos-document", "pos-label", "pos-literals", "pos-predicate", "pos-select-term", "pos-type-badges"];
+    const components = ["pos-app-document-viewer", "ion-badge", "ion-card", "ion-card-header", "ion-card-title", "ion-col", "ion-grid", "ion-icon", "ion-ripple-effect", "ion-row", "ion-skeleton-text", "pos-add-literal-value", "pos-document", "pos-label", "pos-literals", "pos-predicate", "pos-select-term", "pos-type-badges"];
     components.forEach(tagName => { switch (tagName) {
         case "pos-app-document-viewer":
             if (!customElements.get(tagName)) {
@@ -53,41 +52,36 @@ function defineCustomElement$1() {
             }
             break;
         case "ion-badge":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$j();
-            }
-            break;
-        case "ion-card":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }
             break;
-        case "ion-card-header":
+        case "ion-card":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }
             break;
-        case "ion-card-title":
+        case "ion-card-header":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }
             break;
-        case "ion-col":
+        case "ion-card-title":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }
             break;
-        case "ion-grid":
+        case "ion-col":
             if (!customElements.get(tagName)) {
                 defineCustomElement$e();
             }
             break;
-        case "ion-icon":
+        case "ion-grid":
             if (!customElements.get(tagName)) {
                 defineCustomElement$d();
             }
             break;
-        case "ion-input":
+        case "ion-icon":
             if (!customElements.get(tagName)) {
                 defineCustomElement$c();
             }

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

@@ -1 +1 @@
-{"file":"pos-app-document-viewer.js","mappings":";;;;;;;;;;;;;;;;;;;;;MAQaA,sBAAoB;IAJjC;;;;;QAaE,oBAAe,GAAG,CAAC,QAAe;YAChC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;SAC1B,CAAC;KA4BH;IAlCC,iBAAiB;QACf,iBAAiB,CAAC,IAAI,CAAC,CAAC;KACzB;IAMD,MAAM;QACJ,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,OAAO,IAAI,CAAC;SACb;QAED,QACE,oBACE,mBACE,eAAS,IAAI,EAAC,IAAI,qBAChB,oBAAc,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,GAAG,GAAI,CAChC,EACV,eAAS,IAAI,EAAC,IAAI,qBAChB,oBACE,uBAAiB,KAAK,EAAE,EAAE,GAAG,EAAE,eAAe,EAAE,IAC9C,0BACE,oBAAa,CACE,EACjB,0BAAmB,EACnB,uBAAgB,CACA,CACT,CACH,CACF,CACD,EACX;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PosAppDocumentViewer"],"sources":["src/apps/pos-app-document-viewer/pos-app-document-viewer.tsx"],"sourcesContent":["import { Thing } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, State } from '@stencil/core';\nimport { ResourceAware, subscribeResource } from '../../components/events/ResourceAware';\n\n@Component({\n  tag: 'pos-app-document-viewer',\n  shadow: true,\n})\nexport class PosAppDocumentViewer implements ResourceAware {\n  @State() resource: Thing;\n\n  @Event({ eventName: 'pod-os:resource' }) 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) {\n      return null;\n    }\n\n    return (\n      <ion-grid>\n        <ion-row>\n          <ion-col size=\"12\" size-sm>\n            <pos-document src={this.resource.uri} />\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-document-viewer.js","mappings":";;;;;;;;;;;;;;;;;;;;MAQaA,sBAAoB;IAJjC;;;;;QAaE,oBAAe,GAAG,CAAC,QAAe;YAChC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;SAC1B,CAAC;KA4BH;IAlCC,iBAAiB;QACf,iBAAiB,CAAC,IAAI,CAAC,CAAC;KACzB;IAMD,MAAM;QACJ,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,OAAO,IAAI,CAAC;SACb;QAED,QACE,oBACE,mBACE,eAAS,IAAI,EAAC,IAAI,qBAChB,oBAAc,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,GAAG,GAAI,CAChC,EACV,eAAS,IAAI,EAAC,IAAI,qBAChB,oBACE,uBAAiB,KAAK,EAAE,EAAE,GAAG,EAAE,eAAe,EAAE,IAC9C,0BACE,oBAAa,CACE,EACjB,0BAAmB,EACnB,uBAAgB,CACA,CACT,CACH,CACF,CACD,EACX;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PosAppDocumentViewer"],"sources":["src/apps/pos-app-document-viewer/pos-app-document-viewer.tsx"],"sourcesContent":["import { Thing } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, State } from '@stencil/core';\nimport { ResourceAware, subscribeResource } from '../../components/events/ResourceAware';\n\n@Component({\n  tag: 'pos-app-document-viewer',\n  shadow: true,\n})\nexport class PosAppDocumentViewer implements ResourceAware {\n  @State() resource: Thing;\n\n  @Event({ eventName: 'pod-os:resource' }) 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) {\n      return null;\n    }\n\n    return (\n      <ion-grid>\n        <ion-row>\n          <ion-col size=\"12\" size-sm>\n            <pos-document src={this.resource.uri} />\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}

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

@@ -1,10 +1,9 @@
 import { proxyCustomElement, HTMLElement, h, Host } 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 './icon.js';
-import { d as defineCustomElement$i } from './input.js';
+import { d as defineCustomElement$m } from './badge.js';
+import { d as defineCustomElement$l } from './card.js';
+import { d as defineCustomElement$k } from './card-content.js';
+import { d as defineCustomElement$j } from './card-header.js';
+import { d as defineCustomElement$i } from './icon.js';
 import { d as defineCustomElement$h } from './progress-bar.js';
 import { d as defineCustomElement$g } from './ripple-effect.js';
 import { d as defineCustomElement$f } from './skeleton-text.js';
@@ -22,7 +21,7 @@ import { d as defineCustomElement$4 } from './pos-rich-link2.js';
 import { d as defineCustomElement$3 } from './pos-select-term2.js';
 import { d as defineCustomElement$2 } from './pos-type-badges2.js';
 
-const posAppGenericCss = ":host {\n  --gap-size: var(--size-1);\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-size);\n  margin: var(--gap-size);\n}\n\narticle {\n  outline: var(--pos-border-solid);\n  border-radius: var(--radius-sm);\n  box-shadow: var(--shadow-md);\n\n  header {\n    display: flex;\n    flex-direction: column;\n\n    pos-picture {\n      --object-fit: contain;\n      --width: 100%;\n      --height: auto;\n      --max-height: 300px;\n      border-radius: var(--radius-sm) var(--radius-sm) 0 0;\n      --border-radius: var(--radius-sm) var(--radius-sm) 0 0;\n    }\n\n    h1,\n    pos-type-badges {\n      margin: var(--size-2);\n    }\n  }\n\n  main {\n    padding: var(--size-2);\n\n    pos-description {\n      color: var(--color-grey-800);\n      font-weight: var(--weight-light);\n    }\n  }\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: 0 0 25%;\n    }\n\n    section:not(:first-of-type) {\n      flex: 1;\n    }\n  }\n}\n";
+const posAppGenericCss = ":host {\n  --gap-size: var(--size-1);\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-size);\n  margin: var(--gap-size);\n}\n\narticle {\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\n    pos-picture {\n      --object-fit: contain;\n      --width: 100%;\n      --height: auto;\n      --max-height: 300px;\n      border-radius: var(--radius-sm) var(--radius-sm) 0 0;\n      --border-radius: var(--radius-sm) var(--radius-sm) 0 0;\n    }\n\n    h1,\n    pos-type-badges {\n      margin: var(--size-2);\n    }\n  }\n\n  main {\n    padding: var(--size-2);\n\n    pos-description {\n      color: var(--pos-secondary-text-color);\n      font-weight: var(--weight-light);\n    }\n  }\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: 0 0 25%;\n    }\n\n    section:not(:first-of-type) {\n      flex: 1;\n    }\n  }\n}\n";
 const PosAppGenericStyle0 = posAppGenericCss;
 
 const PosAppGeneric$1 = /*@__PURE__*/ proxyCustomElement(class PosAppGeneric extends HTMLElement {
@@ -40,7 +39,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["pos-app-generic", "ion-badge", "ion-card", "ion-card-content", "ion-card-header", "ion-icon", "ion-input", "ion-progress-bar", "ion-ripple-effect", "ion-skeleton-text", "pos-add-literal-value", "pos-description", "pos-image", "pos-label", "pos-literals", "pos-picture", "pos-predicate", "pos-relations", "pos-resource", "pos-reverse-relations", "pos-rich-link", "pos-select-term", "pos-type-badges"];
+    const components = ["pos-app-generic", "ion-badge", "ion-card", "ion-card-content", "ion-card-header", "ion-icon", "ion-progress-bar", "ion-ripple-effect", "ion-skeleton-text", "pos-add-literal-value", "pos-description", "pos-image", "pos-label", "pos-literals", "pos-picture", "pos-predicate", "pos-relations", "pos-resource", "pos-reverse-relations", "pos-rich-link", "pos-select-term", "pos-type-badges"];
     components.forEach(tagName => { switch (tagName) {
         case "pos-app-generic":
             if (!customElements.get(tagName)) {
@@ -48,31 +47,26 @@ 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":
+        case "ion-card":
             if (!customElements.get(tagName)) {
                 defineCustomElement$l();
             }
             break;
-        case "ion-card-header":
+        case "ion-card-content":
             if (!customElements.get(tagName)) {
                 defineCustomElement$k();
             }
             break;
-        case "ion-icon":
+        case "ion-card-header":
             if (!customElements.get(tagName)) {
                 defineCustomElement$j();
             }
             break;
-        case "ion-input":
+        case "ion-icon":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }

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

@@ -1 +1 @@
-{"file":"pos-app-generic.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,gBAAgB,GAAG,wgCAAwgC,CAAC;AACliC,4BAAe,gBAAgB;;MCMlBA,eAAa;;;;;;IACxB,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,kEACE,mFAAyB,aAAa,IACpC,iEACE,oEAAa,iBAAiB,EAAE,IAAI,GAAI,EACxC,2DAAI,EAAE,EAAC,aAAa,IAClB,mEAAa,CACV,EACL,yEAAmB,CACZ,EACT,+DACE,yEAAmB,CACd,CACC,CACF,EACV,kEACE,sEAAgB,CACR,EACV,kEACE,uEAAiB,EACjB,+EAAyB,CACjB,CACL,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PosAppGeneric"],"sources":["src/apps/pos-app-generic/pos-app-generic.css?tag=pos-app-generic&encapsulation=shadow","src/apps/pos-app-generic/pos-app-generic.tsx"],"sourcesContent":[":host {\n  --gap-size: var(--size-1);\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-size);\n  margin: var(--gap-size);\n}\n\narticle {\n  outline: var(--pos-border-solid);\n  border-radius: var(--radius-sm);\n  box-shadow: var(--shadow-md);\n\n  header {\n    display: flex;\n    flex-direction: column;\n\n    pos-picture {\n      --object-fit: contain;\n      --width: 100%;\n      --height: auto;\n      --max-height: 300px;\n      border-radius: var(--radius-sm) var(--radius-sm) 0 0;\n      --border-radius: var(--radius-sm) var(--radius-sm) 0 0;\n    }\n\n    h1,\n    pos-type-badges {\n      margin: var(--size-2);\n    }\n  }\n\n  main {\n    padding: var(--size-2);\n\n    pos-description {\n      color: var(--color-grey-800);\n      font-weight: var(--weight-light);\n    }\n  }\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: 0 0 25%;\n    }\n\n    section:not(:first-of-type) {\n      flex: 1;\n    }\n  }\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'pos-app-generic',\n  styleUrls: ['./pos-app-generic.css'],\n  shadow: true,\n})\nexport class PosAppGeneric {\n  render() {\n    return (\n      <Host>\n        <section>\n          <article aria-labelledby=\"thing-title\">\n            <header>\n              <pos-picture blurredBackground={true} />\n              <h1 id=\"thing-title\">\n                <pos-label />\n              </h1>\n              <pos-type-badges />\n            </header>\n            <main>\n              <pos-description />\n            </main>\n          </article>\n        </section>\n        <section>\n          <pos-literals />\n        </section>\n        <section>\n          <pos-relations />\n          <pos-reverse-relations />\n        </section>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"pos-app-generic.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,gBAAgB,GAAG,mkCAAmkC,CAAC;AAC7lC,4BAAe,gBAAgB;;MCMlBA,eAAa;;;;;;IACxB,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,kEACE,mFAAyB,aAAa,IACpC,iEACE,oEAAa,iBAAiB,EAAE,IAAI,GAAI,EACxC,2DAAI,EAAE,EAAC,aAAa,IAClB,mEAAa,CACV,EACL,yEAAmB,CACZ,EACT,+DACE,yEAAmB,CACd,CACC,CACF,EACV,kEACE,sEAAgB,CACR,EACV,kEACE,uEAAiB,EACjB,+EAAyB,CACjB,CACL,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PosAppGeneric"],"sources":["src/apps/pos-app-generic/pos-app-generic.css?tag=pos-app-generic&encapsulation=shadow","src/apps/pos-app-generic/pos-app-generic.tsx"],"sourcesContent":[":host {\n  --gap-size: var(--size-1);\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-size);\n  margin: var(--gap-size);\n}\n\narticle {\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\n    pos-picture {\n      --object-fit: contain;\n      --width: 100%;\n      --height: auto;\n      --max-height: 300px;\n      border-radius: var(--radius-sm) var(--radius-sm) 0 0;\n      --border-radius: var(--radius-sm) var(--radius-sm) 0 0;\n    }\n\n    h1,\n    pos-type-badges {\n      margin: var(--size-2);\n    }\n  }\n\n  main {\n    padding: var(--size-2);\n\n    pos-description {\n      color: var(--pos-secondary-text-color);\n      font-weight: var(--weight-light);\n    }\n  }\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: 0 0 25%;\n    }\n\n    section:not(:first-of-type) {\n      flex: 1;\n    }\n  }\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'pos-app-generic',\n  styleUrls: ['./pos-app-generic.css'],\n  shadow: true,\n})\nexport class PosAppGeneric {\n  render() {\n    return (\n      <Host>\n        <section>\n          <article aria-labelledby=\"thing-title\">\n            <header>\n              <pos-picture blurredBackground={true} />\n              <h1 id=\"thing-title\">\n                <pos-label />\n              </h1>\n              <pos-type-badges />\n            </header>\n            <main>\n              <pos-description />\n            </main>\n          </article>\n        </section>\n        <section>\n          <pos-literals />\n        </section>\n        <section>\n          <pos-relations />\n          <pos-reverse-relations />\n        </section>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/pos-app-image-viewer.js

@@ -1,13 +1,12 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { s as subscribeResource } from './ResourceAware.js';
-import { d as defineCustomElement$j } from './badge.js';
-import { d as defineCustomElement$i } from './card.js';
-import { d as defineCustomElement$h } from './card-header.js';
-import { d as defineCustomElement$g } from './card-title.js';
-import { d as defineCustomElement$f } from './col.js';
-import { d as defineCustomElement$e } from './grid.js';
-import { d as defineCustomElement$d } from './icon.js';
-import { d as defineCustomElement$c } from './input.js';
+import { d as defineCustomElement$i } from './badge.js';
+import { d as defineCustomElement$h } from './card.js';
+import { d as defineCustomElement$g } from './card-header.js';
+import { d as defineCustomElement$f } from './card-title.js';
+import { d as defineCustomElement$e } from './col.js';
+import { d as defineCustomElement$d } from './grid.js';
+import { d as defineCustomElement$c } from './icon.js';
 import { d as defineCustomElement$b } from './ripple-effect.js';
 import { d as defineCustomElement$a } from './row.js';
 import { d as defineCustomElement$9 } from './skeleton-text.js';
@@ -46,7 +45,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["pos-app-image-viewer", "ion-badge", "ion-card", "ion-card-header", "ion-card-title", "ion-col", "ion-grid", "ion-icon", "ion-input", "ion-ripple-effect", "ion-row", "ion-skeleton-text", "pos-add-literal-value", "pos-image", "pos-label", "pos-literals", "pos-predicate", "pos-select-term", "pos-type-badges"];
+    const components = ["pos-app-image-viewer", "ion-badge", "ion-card", "ion-card-header", "ion-card-title", "ion-col", "ion-grid", "ion-icon", "ion-ripple-effect", "ion-row", "ion-skeleton-text", "pos-add-literal-value", "pos-image", "pos-label", "pos-literals", "pos-predicate", "pos-select-term", "pos-type-badges"];
     components.forEach(tagName => { switch (tagName) {
         case "pos-app-image-viewer":
             if (!customElements.get(tagName)) {
@@ -54,41 +53,36 @@ function defineCustomElement$1() {
             }
             break;
         case "ion-badge":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$j();
-            }
-            break;
-        case "ion-card":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }
             break;
-        case "ion-card-header":
+        case "ion-card":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }
             break;
-        case "ion-card-title":
+        case "ion-card-header":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }
             break;
-        case "ion-col":
+        case "ion-card-title":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }
             break;
-        case "ion-grid":
+        case "ion-col":
             if (!customElements.get(tagName)) {
                 defineCustomElement$e();
             }
             break;
-        case "ion-icon":
+        case "ion-grid":
             if (!customElements.get(tagName)) {
                 defineCustomElement$d();
             }
             break;
-        case "ion-input":
+        case "ion-icon":
             if (!customElements.get(tagName)) {
                 defineCustomElement$c();
             }

package/dist/components/pos-app-image-viewer.js.map

@@ -1 +1 @@
-{"file":"pos-app-image-viewer.js","mappings":";;;;;;;;;;;;;;;;;;;;;MAaaA,mBAAiB;IAT9B;;;;;QAkBE,oBAAe,GAAG,CAAC,QAAe;YAChC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;SAC1B,CAAC;KA4BH;IAlCC,iBAAiB;QACf,iBAAiB,CAAC,IAAI,CAAC,CAAC;KACzB;IAMD,MAAM;QACJ,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,OAAO,IAAI,CAAC;SACb;QAED,QACE,oBACE,mBACE,eAAS,IAAI,EAAC,IAAI,qBAChB,iBAAW,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,GAAG,GAAI,CAC7B,EACV,eAAS,IAAI,EAAC,IAAI,qBAChB,oBACE,uBAAiB,KAAK,EAAE,EAAE,GAAG,EAAE,eAAe,EAAE,IAC9C,0BACE,oBAAa,CACE,EACjB,0BAAmB,EACnB,uBAAgB,CACA,CACT,CACH,CACF,CACD,EACX;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PosAppImageViewer"],"sources":["src/apps/pos-app-image-viewer/pos-app-image-viewer.tsx"],"sourcesContent":["import { Thing } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, State } from '@stencil/core';\nimport { ResourceAware, subscribeResource } from '../../components/events/ResourceAware';\n\n@Component({\n  tag: 'pos-app-image-viewer',\n  shadow: true,\n  styles: `\n    pos-image {\n      --max-width: 100%;\n    }\n  `,\n})\nexport class PosAppImageViewer implements ResourceAware {\n  @State() resource: Thing;\n\n  @Event({ eventName: 'pod-os:resource' }) 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) {\n      return null;\n    }\n\n    return (\n      <ion-grid>\n        <ion-row>\n          <ion-col size=\"12\" size-sm>\n            <pos-image src={this.resource.uri} />\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-image-viewer.js","mappings":";;;;;;;;;;;;;;;;;;;;MAaaA,mBAAiB;IAT9B;;;;;QAkBE,oBAAe,GAAG,CAAC,QAAe;YAChC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;SAC1B,CAAC;KA4BH;IAlCC,iBAAiB;QACf,iBAAiB,CAAC,IAAI,CAAC,CAAC;KACzB;IAMD,MAAM;QACJ,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,OAAO,IAAI,CAAC;SACb;QAED,QACE,oBACE,mBACE,eAAS,IAAI,EAAC,IAAI,qBAChB,iBAAW,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,GAAG,GAAI,CAC7B,EACV,eAAS,IAAI,EAAC,IAAI,qBAChB,oBACE,uBAAiB,KAAK,EAAE,EAAE,GAAG,EAAE,eAAe,EAAE,IAC9C,0BACE,oBAAa,CACE,EACjB,0BAAmB,EACnB,uBAAgB,CACA,CACT,CACH,CACF,CACD,EACX;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PosAppImageViewer"],"sources":["src/apps/pos-app-image-viewer/pos-app-image-viewer.tsx"],"sourcesContent":["import { Thing } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, State } from '@stencil/core';\nimport { ResourceAware, subscribeResource } from '../../components/events/ResourceAware';\n\n@Component({\n  tag: 'pos-app-image-viewer',\n  shadow: true,\n  styles: `\n    pos-image {\n      --max-width: 100%;\n    }\n  `,\n})\nexport class PosAppImageViewer implements ResourceAware {\n  @State() resource: Thing;\n\n  @Event({ eventName: 'pod-os:resource' }) 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) {\n      return null;\n    }\n\n    return (\n      <ion-grid>\n        <ion-row>\n          <ion-col size=\"12\" size-sm>\n            <pos-image src={this.resource.uri} />\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}

package/dist/components/pos-app-ldp-container.js

@@ -1,15 +1,12 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$r } from './badge.js';
-import { d as defineCustomElement$q } from './card.js';
-import { d as defineCustomElement$p } from './card-content.js';
-import { d as defineCustomElement$o } from './card-header.js';
-import { d as defineCustomElement$n } from './card-title.js';
-import { d as defineCustomElement$m } from './col.js';
-import { d as defineCustomElement$l } from './grid.js';
-import { d as defineCustomElement$k } from './icon.js';
-import { d as defineCustomElement$j } from './input.js';
-import { d as defineCustomElement$i } from './item.js';
-import { d as defineCustomElement$h } from './note.js';
+import { d as defineCustomElement$o } from './badge.js';
+import { d as defineCustomElement$n } from './card.js';
+import { d as defineCustomElement$m } from './card-content.js';
+import { d as defineCustomElement$l } from './card-header.js';
+import { d as defineCustomElement$k } from './card-title.js';
+import { d as defineCustomElement$j } from './col.js';
+import { d as defineCustomElement$i } from './grid.js';
+import { d as defineCustomElement$h } from './icon.js';
 import { d as defineCustomElement$g } from './progress-bar.js';
 import { d as defineCustomElement$f } from './ripple-effect.js';
 import { d as defineCustomElement$e } from './row.js';
@@ -39,7 +36,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["pos-app-ldp-container", "ion-badge", "ion-card", "ion-card-content", "ion-card-header", "ion-card-title", "ion-col", "ion-grid", "ion-icon", "ion-input", "ion-item", "ion-note", "ion-progress-bar", "ion-ripple-effect", "ion-row", "pos-add-literal-value", "pos-container-contents", "pos-container-item", "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-ldp-container", "ion-badge", "ion-card", "ion-card-content", "ion-card-header", "ion-card-title", "ion-col", "ion-grid", "ion-icon", "ion-progress-bar", "ion-ripple-effect", "ion-row", "pos-add-literal-value", "pos-container-contents", "pos-container-item", "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-ldp-container":
             if (!customElements.get(tagName)) {
@@ -47,56 +44,41 @@ function defineCustomElement$1() {
             }
             break;
         case "ion-badge":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$r();
-            }
-            break;
-        case "ion-card":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$q();
-            }
-            break;
-        case "ion-card-content":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$p();
-            }
-            break;
-        case "ion-card-header":
             if (!customElements.get(tagName)) {
                 defineCustomElement$o();
             }
             break;
-        case "ion-card-title":
+        case "ion-card":
             if (!customElements.get(tagName)) {
                 defineCustomElement$n();
             }
             break;
-        case "ion-col":
+        case "ion-card-content":
             if (!customElements.get(tagName)) {
                 defineCustomElement$m();
             }
             break;
-        case "ion-grid":
+        case "ion-card-header":
             if (!customElements.get(tagName)) {
                 defineCustomElement$l();
             }
             break;
-        case "ion-icon":
+        case "ion-card-title":
             if (!customElements.get(tagName)) {
                 defineCustomElement$k();
             }
             break;
-        case "ion-input":
+        case "ion-col":
             if (!customElements.get(tagName)) {
                 defineCustomElement$j();
             }
             break;
-        case "ion-item":
+        case "ion-grid":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }
             break;
-        case "ion-note":
+        case "ion-icon":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }

package/dist/components/pos-app-ldp-container.js.map

@@ -1 +1 @@
-{"file":"pos-app-ldp-container.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;MAKaA,oBAAkB;;;;;IAC7B,MAAM;QACJ,QACE,mEACE,kEACE,gEAAS,IAAI,EAAC,IAAI,qBAChB,gFAA0B,EAC1B,kEACE,iFAA+B,EAC/B,sEAAgB,CACR,CACF,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":["PosAppLdpContainer"],"sources":["src/apps/pos-app-ldp-container/pos-app-ldp-container.tsx"],"sourcesContent":["import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'pos-app-ldp-container',\n})\nexport class PosAppLdpContainer {\n  render() {\n    return (\n      <ion-grid>\n        <ion-row>\n          <ion-col size=\"12\" size-sm>\n            <pos-container-contents />\n            <details>\n              <summary>All subjects</summary>\n              <pos-subjects />\n            </details>\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-ldp-container.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;MAKaA,oBAAkB;;;;;IAC7B,MAAM;QACJ,QACE,mEACE,kEACE,gEAAS,IAAI,EAAC,IAAI,qBAChB,gFAA0B,EAC1B,kEACE,iFAA+B,EAC/B,sEAAgB,CACR,CACF,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":["PosAppLdpContainer"],"sources":["src/apps/pos-app-ldp-container/pos-app-ldp-container.tsx"],"sourcesContent":["import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'pos-app-ldp-container',\n})\nexport class PosAppLdpContainer {\n  render() {\n    return (\n      <ion-grid>\n        <ion-row>\n          <ion-col size=\"12\" size-sm>\n            <pos-container-contents />\n            <details>\n              <summary>All subjects</summary>\n              <pos-subjects />\n            </details>\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}

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

@@ -1,16 +1,11 @@
-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$i } from './badge.js';
+import { d as defineCustomElement$h } from './card.js';
+import { d as defineCustomElement$g } from './card-content.js';
+import { d as defineCustomElement$f } from './card-header.js';
+import { d as defineCustomElement$e } from './icon.js';
+import { d as defineCustomElement$d } from './progress-bar.js';
+import { d as defineCustomElement$c } from './ripple-effect.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 +17,25 @@ 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 posAppRdfDocumentCss = ":host {\n  --gap-size: var(--size-1);\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-size);\n  margin: var(--gap-size);\n}\n\narticle {\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\n    h1,\n    pos-type-badges {\n      margin: var(--size-2);\n    }\n  }\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";
+const PosAppRdfDocumentStyle0 = posAppRdfDocumentCss;
+
 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: 'b209eeeee94d4d4caadd3f71eef05a18857e197f' }, h("section", { key: '58cbf98180072b5d72526edf6dbc2b6e25a992ed' }, h("pos-subjects", { key: '161239375b473091d4f5e2289fb6c463092b1754' })), h("section", { key: '7ac570ed89331f02c53a41ad06f8ee55ccaf91ee' }, h("article", { key: 'dc6846858e34c43aec3686df475f321d4d8cfd40', "aria-labelledby": "doc-title" }, h("header", { key: 'b3ac8e6361a42d73db4227cb815c4b02db463106' }, h("h1", { key: 'cb2adb0b71cd5c48d4d190b1b8655feb5e056284', id: "doc-title" }, h("pos-label", { key: '7b334cc5608520302636ebb4594f38e0211a7f4b' })), h("pos-type-badges", { key: '21335056a5d76258d24d5f5c4123d77c85a8a798' })), h("pos-literals", { key: '843e3be07e42010eef901a721b69c6f1f8356c00' })))));
     }
-}, [0, "pos-app-rdf-document"]);
+    static get style() { return PosAppRdfDocumentStyle0; }
+}, [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-card", "ion-card-content", "ion-card-header", "ion-icon", "ion-progress-bar", "ion-ripple-effect", "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 +43,36 @@ 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":
+        case "ion-card":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }
             break;
-        case "ion-icon":
+        case "ion-card-content":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }
             break;
-        case "ion-input":
+        case "ion-card-header":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }
             break;
-        case "ion-progress-bar":
+        case "ion-icon":
             if (!customElements.get(tagName)) {
                 defineCustomElement$e();
             }
             break;
-        case "ion-ripple-effect":
+        case "ion-progress-bar":
             if (!customElements.get(tagName)) {
                 defineCustomElement$d();
             }
             break;
-        case "ion-row":
+        case "ion-ripple-effect":
             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,oBAAoB,GAAG,8pBAA8pB,CAAC;AAC5rB,gCAAe,oBAAoB;;MCMtBA,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/pos-app-rdf-document/pos-app-rdf-document.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-1);\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-size);\n  margin: var(--gap-size);\n}\n\narticle {\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\n    h1,\n    pos-type-badges {\n      margin: var(--size-2);\n    }\n  }\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","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'pos-app-rdf-document',\n  styleUrl: 'pos-app-rdf-document.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: '0da588136a4c7c4238e0387bfe0649464ccd1c7d' });
     }
     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: '402887f3383b6053da157df211c28977720db8e2' });
     }
 }, [4, "pos-app", {
         "restorePreviousSession": [4, "restore-previous-session"],

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

@@ -1,12 +1,10 @@
 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$8 } from './card.js';
+import { d as defineCustomElement$7 } from './card-content.js';
+import { d as defineCustomElement$6 } from './card-header.js';
+import { d as defineCustomElement$5 } from './icon.js';
 import { d as defineCustomElement$4 } from './progress-bar.js';
 import { d as defineCustomElement$3 } from './ripple-effect.js';
 import { d as defineCustomElement$2 } from './pos-container-item2.js';
@@ -47,7 +45,7 @@ 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-card", "ion-card-content", "ion-card-header", "ion-icon", "ion-progress-bar", "ion-ripple-effect", "pos-container-item", "pos-resource"];
     components.forEach(tagName => { switch (tagName) {
         case "pos-container-contents":
             if (!customElements.get(tagName)) {
@@ -55,31 +53,21 @@ function defineCustomElement() {
             }
             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":
+        case "ion-card-content":
             if (!customElements.get(tagName)) {
                 defineCustomElement$7();
             }
             break;
-        case "ion-item":
+        case "ion-card-header":
             if (!customElements.get(tagName)) {
                 defineCustomElement$6();
             }
             break;
-        case "ion-note":
+        case "ion-icon":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
             }