@pod-os/elements 0.8.0 → 0.9.0

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

@@ -1,4 +1,195 @@
-import { P as PosAppGeneric$1, d as defineCustomElement$1 } from './pos-app-generic2.js';
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { d as defineCustomElement$t } from './badge.js';
+import { d as defineCustomElement$s } from './card.js';
+import { d as defineCustomElement$r } from './card-content.js';
+import { d as defineCustomElement$q } from './card-header.js';
+import { d as defineCustomElement$p } from './card-title.js';
+import { d as defineCustomElement$o } from './col.js';
+import { d as defineCustomElement$n } from './grid.js';
+import { d as defineCustomElement$m } from './icon.js';
+import { d as defineCustomElement$l } from './item.js';
+import { d as defineCustomElement$k } from './item-divider.js';
+import { d as defineCustomElement$j } from './item-group.js';
+import { d as defineCustomElement$i } from './label.js';
+import { d as defineCustomElement$h } from './list.js';
+import { d as defineCustomElement$g } from './note.js';
+import { d as defineCustomElement$f } from './progress-bar.js';
+import { d as defineCustomElement$e } from './ripple-effect.js';
+import { d as defineCustomElement$d } from './row.js';
+import { d as defineCustomElement$c } from './skeleton-text.js';
+import { d as defineCustomElement$b } from './pos-description2.js';
+import { d as defineCustomElement$a } from './pos-image2.js';
+import { d as defineCustomElement$9 } from './pos-label2.js';
+import { d as defineCustomElement$8 } from './pos-literals2.js';
+import { d as defineCustomElement$7 } from './pos-picture2.js';
+import { d as defineCustomElement$6 } from './pos-relations2.js';
+import { d as defineCustomElement$5 } from './pos-resource2.js';
+import { d as defineCustomElement$4 } from './pos-reverse-relations2.js';
+import { d as defineCustomElement$3 } from './pos-rich-link2.js';
+import { d as defineCustomElement$2 } from './pos-type-badges2.js';
+
+const PosAppGeneric$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+  }
+  render() {
+    return (h("ion-grid", null, h("ion-row", null, h("ion-col", { size: "12", "size-sm": true }, h("ion-card", null, h("ion-card-header", null, h("pos-type-badges", null), h("pos-picture", null), h("ion-card-title", null, h("pos-label", null))), h("ion-card-content", null, h("pos-description", null)))), h("ion-col", { size: "12", "size-sm": true }, h("pos-literals", null)), h("ion-col", { size: "12", "size-sm": true }, h("pos-relations", null), h("pos-reverse-relations", null)))));
+  }
+}, [0, "pos-app-generic"]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["pos-app-generic", "ion-badge", "ion-card", "ion-card-content", "ion-card-header", "ion-card-title", "ion-col", "ion-grid", "ion-icon", "ion-item", "ion-item-divider", "ion-item-group", "ion-label", "ion-list", "ion-note", "ion-progress-bar", "ion-ripple-effect", "ion-row", "ion-skeleton-text", "pos-description", "pos-image", "pos-label", "pos-literals", "pos-picture", "pos-relations", "pos-resource", "pos-reverse-relations", "pos-rich-link", "pos-type-badges"];
+  components.forEach(tagName => { switch (tagName) {
+    case "pos-app-generic":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, PosAppGeneric$1);
+      }
+      break;
+    case "ion-badge":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$t();
+      }
+      break;
+    case "ion-card":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$s();
+      }
+      break;
+    case "ion-card-content":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$r();
+      }
+      break;
+    case "ion-card-header":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$q();
+      }
+      break;
+    case "ion-card-title":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$p();
+      }
+      break;
+    case "ion-col":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$o();
+      }
+      break;
+    case "ion-grid":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$n();
+      }
+      break;
+    case "ion-icon":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$m();
+      }
+      break;
+    case "ion-item":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$l();
+      }
+      break;
+    case "ion-item-divider":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$k();
+      }
+      break;
+    case "ion-item-group":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$j();
+      }
+      break;
+    case "ion-label":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$i();
+      }
+      break;
+    case "ion-list":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$h();
+      }
+      break;
+    case "ion-note":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$g();
+      }
+      break;
+    case "ion-progress-bar":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$f();
+      }
+      break;
+    case "ion-ripple-effect":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$e();
+      }
+      break;
+    case "ion-row":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$d();
+      }
+      break;
+    case "ion-skeleton-text":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$c();
+      }
+      break;
+    case "pos-description":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$b();
+      }
+      break;
+    case "pos-image":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$a();
+      }
+      break;
+    case "pos-label":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$9();
+      }
+      break;
+    case "pos-literals":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$8();
+      }
+      break;
+    case "pos-picture":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$7();
+      }
+      break;
+    case "pos-relations":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$6();
+      }
+      break;
+    case "pos-resource":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$5();
+      }
+      break;
+    case "pos-reverse-relations":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$4();
+      }
+      break;
+    case "pos-rich-link":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "pos-type-badges":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
 
 const PosAppGeneric = PosAppGeneric$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,163 @@
-import { P as PosAppImageViewer$1, d as defineCustomElement$1 } from './pos-app-image-viewer2.js';
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { s as subscribeResource } from './ResourceAware.js';
+import { d as defineCustomElement$l } from './badge.js';
+import { d as defineCustomElement$k } from './card.js';
+import { d as defineCustomElement$j } from './card-header.js';
+import { d as defineCustomElement$i } from './card-title.js';
+import { d as defineCustomElement$h } from './col.js';
+import { d as defineCustomElement$g } from './grid.js';
+import { d as defineCustomElement$f } from './icon.js';
+import { d as defineCustomElement$e } from './item.js';
+import { d as defineCustomElement$d } from './item-divider.js';
+import { d as defineCustomElement$c } from './item-group.js';
+import { d as defineCustomElement$b } from './label.js';
+import { d as defineCustomElement$a } from './list.js';
+import { d as defineCustomElement$9 } from './note.js';
+import { d as defineCustomElement$8 } from './ripple-effect.js';
+import { d as defineCustomElement$7 } from './row.js';
+import { d as defineCustomElement$6 } from './skeleton-text.js';
+import { d as defineCustomElement$5 } from './pos-image2.js';
+import { d as defineCustomElement$4 } from './pos-label2.js';
+import { d as defineCustomElement$3 } from './pos-literals2.js';
+import { d as defineCustomElement$2 } from './pos-type-badges2.js';
+
+const PosAppImageViewer$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.subscribeResource = createEvent(this, "pod-os:resource", 7);
+    this.receiveResource = (resource) => {
+      this.resource = resource;
+    };
+    this.resource = undefined;
+  }
+  componentWillLoad() {
+    subscribeResource(this);
+  }
+  render() {
+    if (!this.resource) {
+      return null;
+    }
+    return (h("ion-grid", null, h("ion-row", null, h("ion-col", { size: "12", "size-sm": true }, h("pos-image", { src: this.resource.uri })), h("ion-col", { size: "12", "size-sm": true }, h("ion-card", null, h("ion-card-header", null, h("ion-card-title", null, h("pos-label", null), h("pos-type-badges", null)), h("pos-literals", null)))))));
+  }
+  static get style() { return "pos-image {\n          --max-width: 100%;\n        }"; }
+}, [1, "pos-app-image-viewer", {
+    "resource": [32]
+  }]);
+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-item", "ion-item-divider", "ion-item-group", "ion-label", "ion-list", "ion-note", "ion-ripple-effect", "ion-row", "ion-skeleton-text", "pos-image", "pos-label", "pos-literals", "pos-type-badges"];
+  components.forEach(tagName => { switch (tagName) {
+    case "pos-app-image-viewer":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, PosAppImageViewer$1);
+      }
+      break;
+    case "ion-badge":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$l();
+      }
+      break;
+    case "ion-card":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$k();
+      }
+      break;
+    case "ion-card-header":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$j();
+      }
+      break;
+    case "ion-card-title":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$i();
+      }
+      break;
+    case "ion-col":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$h();
+      }
+      break;
+    case "ion-grid":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$g();
+      }
+      break;
+    case "ion-icon":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$f();
+      }
+      break;
+    case "ion-item":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$e();
+      }
+      break;
+    case "ion-item-divider":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$d();
+      }
+      break;
+    case "ion-item-group":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$c();
+      }
+      break;
+    case "ion-label":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$b();
+      }
+      break;
+    case "ion-list":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$a();
+      }
+      break;
+    case "ion-note":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$9();
+      }
+      break;
+    case "ion-ripple-effect":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$8();
+      }
+      break;
+    case "ion-row":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$7();
+      }
+      break;
+    case "ion-skeleton-text":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$6();
+      }
+      break;
+    case "pos-image":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$5();
+      }
+      break;
+    case "pos-label":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$4();
+      }
+      break;
+    case "pos-literals":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "pos-type-badges":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
 
 const PosAppImageViewer = PosAppImageViewer$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,171 @@
-import { P as PosAppRdfDocument$1, d as defineCustomElement$1 } from './pos-app-rdf-document2.js';
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { d as defineCustomElement$p } from './badge.js';
+import { d as defineCustomElement$o } from './card.js';
+import { d as defineCustomElement$n } from './card-content.js';
+import { d as defineCustomElement$m } from './card-header.js';
+import { d as defineCustomElement$l } from './card-title.js';
+import { d as defineCustomElement$k } from './col.js';
+import { d as defineCustomElement$j } from './grid.js';
+import { d as defineCustomElement$i } from './icon.js';
+import { d as defineCustomElement$h } from './item.js';
+import { d as defineCustomElement$g } from './item-divider.js';
+import { d as defineCustomElement$f } from './item-group.js';
+import { d as defineCustomElement$e } from './label.js';
+import { d as defineCustomElement$d } from './list.js';
+import { d as defineCustomElement$c } from './note.js';
+import { d as defineCustomElement$b } from './progress-bar.js';
+import { d as defineCustomElement$a } from './ripple-effect.js';
+import { d as defineCustomElement$9 } from './row.js';
+import { d as defineCustomElement$8 } from './pos-description2.js';
+import { d as defineCustomElement$7 } from './pos-label2.js';
+import { d as defineCustomElement$6 } from './pos-literals2.js';
+import { d as defineCustomElement$5 } from './pos-resource2.js';
+import { d as defineCustomElement$4 } from './pos-rich-link2.js';
+import { d as defineCustomElement$3 } from './pos-subjects2.js';
+import { d as defineCustomElement$2 } from './pos-type-badges2.js';
+
+const PosAppRdfDocument$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+  }
+  render() {
+    return (h("ion-grid", null, h("ion-row", null, h("ion-col", { size: "12", "size-sm": true }, h("pos-subjects", null)), h("ion-col", { size: "12", "size-sm": true }, h("ion-card", null, h("ion-card-header", null, h("ion-card-title", null, h("pos-label", null), h("pos-type-badges", null)), h("pos-literals", null)))))));
+  }
+}, [0, "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-item", "ion-item-divider", "ion-item-group", "ion-label", "ion-list", "ion-note", "ion-progress-bar", "ion-ripple-effect", "ion-row", "pos-description", "pos-label", "pos-literals", "pos-resource", "pos-rich-link", "pos-subjects", "pos-type-badges"];
+  components.forEach(tagName => { switch (tagName) {
+    case "pos-app-rdf-document":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, PosAppRdfDocument$1);
+      }
+      break;
+    case "ion-badge":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$p();
+      }
+      break;
+    case "ion-card":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$o();
+      }
+      break;
+    case "ion-card-content":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$n();
+      }
+      break;
+    case "ion-card-header":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$m();
+      }
+      break;
+    case "ion-card-title":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$l();
+      }
+      break;
+    case "ion-col":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$k();
+      }
+      break;
+    case "ion-grid":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$j();
+      }
+      break;
+    case "ion-icon":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$i();
+      }
+      break;
+    case "ion-item":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$h();
+      }
+      break;
+    case "ion-item-divider":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$g();
+      }
+      break;
+    case "ion-item-group":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$f();
+      }
+      break;
+    case "ion-label":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$e();
+      }
+      break;
+    case "ion-list":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$d();
+      }
+      break;
+    case "ion-note":
+      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();
+      }
+      break;
+    case "ion-row":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$9();
+      }
+      break;
+    case "pos-description":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$8();
+      }
+      break;
+    case "pos-label":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$7();
+      }
+      break;
+    case "pos-literals":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$6();
+      }
+      break;
+    case "pos-resource":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$5();
+      }
+      break;
+    case "pos-rich-link":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$4();
+      }
+      break;
+    case "pos-subjects":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "pos-type-badges":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
 
 const PosAppRdfDocument = PosAppRdfDocument$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/{pos-pdf.d.ts → pos-document.d.ts}

@@ -1,9 +1,9 @@
 import type { Components, JSX } from "../types/components";
 
-interface PosPdf extends Components.PosPdf, HTMLElement {}
-export const PosPdf: {
-  prototype: PosPdf;
-  new (): PosPdf;
+interface PosDocument extends Components.PosDocument, HTMLElement {}
+export const PosDocument: {
+  prototype: PosDocument;
+  new (): PosDocument;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/pos-document.js

@@ -0,0 +1,6 @@
+import { P as PosDocument$1, d as defineCustomElement$1 } from './pos-document2.js';
+
+const PosDocument = PosDocument$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { PosDocument, defineCustomElement };

package/dist/components/{pos-pdf2.js → pos-document2.js}

@@ -4,9 +4,9 @@ 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 posPdfCss = "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{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 PosPdf = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+const PosDocument = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
@@ -62,8 +62,8 @@ const PosPdf = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "os": ["fetchBlob"],
     "src": ["fetchBlob"]
   }; }
-  static get style() { return posPdfCss; }
-}, [1, "pos-pdf", {
+  static get style() { return posDocumentCss; }
+}, [1, "pos-document", {
     "src": [1],
     "alt": [1],
     "os": [32],
@@ -76,11 +76,11 @@ function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["pos-pdf", "ion-icon", "ion-skeleton-text"];
+  const components = ["pos-document", "ion-icon", "ion-skeleton-text"];
   components.forEach(tagName => { switch (tagName) {
-    case "pos-pdf":
+    case "pos-document":
       if (!customElements.get(tagName)) {
-        customElements.define(tagName, PosPdf);
+        customElements.define(tagName, PosDocument);
       }
       break;
     case "ion-icon":
@@ -96,4 +96,4 @@ function defineCustomElement() {
   } });
 }
 
-export { PosPdf as P, defineCustomElement as d };
+export { PosDocument as P, defineCustomElement as d };