@pod-os/elements 0.8.0 → 0.9.0

package/dist/cjs/pos-app-document-viewer.cjs.entry.js

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-4018a65a.js');
+const ResourceAware = require('./ResourceAware-f1aac952.js');
+
+const PosAppDocumentViewer = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.subscribeResource = index.createEvent(this, "pod-os:resource", 7);
+    this.receiveResource = (resource) => {
+      this.resource = resource;
+    };
+    this.resource = undefined;
+  }
+  componentWillLoad() {
+    ResourceAware.subscribeResource(this);
+  }
+  render() {
+    if (!this.resource) {
+      return null;
+    }
+    return (index.h("ion-grid", null, index.h("ion-row", null, index.h("ion-col", { size: "12", "size-sm": true }, index.h("pos-document", { src: this.resource.uri })), index.h("ion-col", { size: "12", "size-sm": true }, index.h("ion-card", null, index.h("ion-card-header", null, index.h("ion-card-title", null, index.h("pos-label", null), index.h("pos-type-badges", null)), index.h("pos-literals", null)))))));
+  }
+};
+
+exports.pos_app_document_viewer = PosAppDocumentViewer;

package/dist/cjs/pos-app-generic.cjs.entry.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-4018a65a.js');
+
+const PosAppGeneric = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  render() {
+    return (index.h("ion-grid", null, index.h("ion-row", null, index.h("ion-col", { size: "12", "size-sm": true }, index.h("ion-card", null, index.h("ion-card-header", null, index.h("pos-type-badges", null), index.h("pos-picture", null), index.h("ion-card-title", null, index.h("pos-label", null))), index.h("ion-card-content", null, index.h("pos-description", null)))), index.h("ion-col", { size: "12", "size-sm": true }, index.h("pos-literals", null)), index.h("ion-col", { size: "12", "size-sm": true }, index.h("pos-relations", null), index.h("pos-reverse-relations", null)))));
+  }
+};
+
+exports.pos_app_generic = PosAppGeneric;

package/dist/cjs/pos-app-image-viewer.cjs.entry.js

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-4018a65a.js');
+const ResourceAware = require('./ResourceAware-f1aac952.js');
+
+const PosAppImageViewer = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.subscribeResource = index.createEvent(this, "pod-os:resource", 7);
+    this.receiveResource = (resource) => {
+      this.resource = resource;
+    };
+    this.resource = undefined;
+  }
+  componentWillLoad() {
+    ResourceAware.subscribeResource(this);
+  }
+  render() {
+    if (!this.resource) {
+      return null;
+    }
+    return (index.h("ion-grid", null, index.h("ion-row", null, index.h("ion-col", { size: "12", "size-sm": true }, index.h("pos-image", { src: this.resource.uri })), index.h("ion-col", { size: "12", "size-sm": true }, index.h("ion-card", null, index.h("ion-card-header", null, index.h("ion-card-title", null, index.h("pos-label", null), index.h("pos-type-badges", null)), index.h("pos-literals", null)))))));
+  }
+};
+PosAppImageViewer.style = "pos-image {\n          --max-width: 100%;\n        }";
+
+exports.pos_app_image_viewer = PosAppImageViewer;

package/dist/cjs/pos-app-rdf-document.cjs.entry.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-4018a65a.js');
+
+const PosAppRdfDocument = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  render() {
+    return (index.h("ion-grid", null, index.h("ion-row", null, index.h("ion-col", { size: "12", "size-sm": true }, index.h("pos-subjects", null)), index.h("ion-col", { size: "12", "size-sm": true }, index.h("ion-card", null, index.h("ion-card-header", null, index.h("ion-card-title", null, index.h("pos-label", null), index.h("pos-type-badges", null)), index.h("pos-literals", null)))))));
+  }
+};
+
+exports.pos_app_rdf_document = PosAppRdfDocument;

package/dist/cjs/pos-description_2.cjs.entry.js

@@ -0,0 +1,40 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-4018a65a.js');
+const ResourceAware = require('./ResourceAware-f1aac952.js');
+
+const PosDescription = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.subscribeResource = index.createEvent(this, "pod-os:resource", 7);
+    this.receiveResource = (resource) => {
+      this.resource = resource;
+    };
+    this.resource = undefined;
+  }
+  componentWillLoad() {
+    ResourceAware.subscribeResource(this);
+  }
+  render() {
+    return this.resource ? this.resource.description() : null;
+  }
+};
+
+const PosRichLink = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.linkEmitter = index.createEvent(this, "pod-os:link", 7);
+    this.uri = undefined;
+  }
+  render() {
+    return (index.h("pos-resource", { lazy: true, uri: this.uri }, index.h("ion-item", { href: this.uri, onClick: e => {
+        e.preventDefault();
+        this.linkEmitter.emit(this.uri);
+      } }, index.h("ion-label", null, index.h("pos-label", null), index.h("p", null, index.h("ion-label", { style: { maxWidth: '50rem' } }, index.h("pos-description", null))), index.h("p", null, index.h("a", { href: this.uri }, this.uri))))));
+  }
+};
+
+exports.pos_description = PosDescription;
+exports.pos_rich_link = PosRichLink;

package/dist/cjs/pos-document.cjs.entry.js

@@ -0,0 +1,67 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-4018a65a.js');
+const BrokenFile = require('./BrokenFile-b01d72da.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 PosDocument = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.initializeOsEmitter = index.createEvent(this, "pod-os:init", 7);
+    this.setOs = async (os) => {
+      this.os = os;
+    };
+    this.src = undefined;
+    this.alt = undefined;
+    this.os = undefined;
+    this.dataUri = undefined;
+    this.brokenFile = undefined;
+    this.error = undefined;
+    this.loading = true;
+  }
+  componentWillLoad() {
+    BrokenFile.store.onChange('isLoggedIn', () => this.fetchBlob());
+    this.initializeOsEmitter.emit(this.setOs);
+  }
+  async fetchBlob() {
+    try {
+      this.loading = true;
+      const file = await this.os.fetchFile(this.src);
+      if (file.blob()) {
+        this.dataUri = URL.createObjectURL(file.blob());
+        this.error = null;
+      }
+      else {
+        this.brokenFile = file;
+      }
+    }
+    catch (err) {
+      this.error = err;
+    }
+    finally {
+      this.loading = false;
+    }
+  }
+  render() {
+    if (this.loading) {
+      return index.h("ion-skeleton-text", { animated: true });
+    }
+    if (this.error) {
+      return index.h("div", { class: "error" }, this.error.message);
+    }
+    if (this.brokenFile) {
+      return index.h(BrokenFile.BrokenFile, { file: this.brokenFile });
+    }
+    return index.h("iframe", { src: this.dataUri });
+  }
+  static get watchers() { return {
+    "os": ["fetchBlob"],
+    "src": ["fetchBlob"]
+  }; }
+};
+PosDocument.style = posDocumentCss;
+
+exports.pos_document = PosDocument;

package/dist/cjs/pos-relations_2.cjs.entry.js

@@ -0,0 +1,45 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-4018a65a.js');
+const ResourceAware = require('./ResourceAware-f1aac952.js');
+
+const PosRelations = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.subscribeResource = index.createEvent(this, "pod-os:resource", 7);
+    this.receiveResource = (resource) => {
+      this.data = resource.relations();
+    };
+    this.data = [];
+  }
+  componentWillLoad() {
+    ResourceAware.subscribeResource(this);
+  }
+  render() {
+    const items = this.data.map(it => (index.h("ion-item-group", null, index.h("ion-item-divider", null, index.h("ion-label", null, it.predicate)), it.uris.map(uri => (index.h("pos-rich-link", { uri: uri }))))));
+    return this.data.length > 0 ? index.h("ion-list", null, items) : null;
+  }
+};
+
+const PosReverseRelations = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.subscribeResource = index.createEvent(this, "pod-os:resource", 7);
+    this.receiveResource = (resource) => {
+      this.data = resource.reverseRelations();
+    };
+    this.data = [];
+  }
+  componentWillLoad() {
+    ResourceAware.subscribeResource(this);
+  }
+  render() {
+    const items = this.data.map(it => (index.h("ion-item-group", null, index.h("ion-item-divider", null, index.h("ion-label", null, "is ", it.predicate, " of")), it.uris.map(uri => (index.h("pos-rich-link", { uri: uri }))))));
+    return this.data.length > 0 ? index.h("ion-list", null, items) : null;
+  }
+};
+
+exports.pos_relations = PosRelations;
+exports.pos_reverse_relations = PosReverseRelations;

package/dist/cjs/pos-subjects.cjs.entry.js

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-4018a65a.js');
+const index$1 = require('./index-74c56a41.js');
+const ResourceAware = require('./ResourceAware-f1aac952.js');
+
+const PosSubjects = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.subscribeResource = index.createEvent(this, "pod-os:resource", 7);
+    this.receiveResource = (resource) => {
+      const doc = resource.assume(index$1.RdfDocument);
+      this.data = doc.subjects();
+    };
+    this.data = [];
+  }
+  componentWillLoad() {
+    ResourceAware.subscribeResource(this);
+  }
+  render() {
+    const items = this.data.map(it => index.h("pos-rich-link", { uri: it.uri }));
+    return this.data.length > 0 ? index.h("ion-list", null, items) : null;
+  }
+};
+
+exports.pos_subjects = PosSubjects;

package/dist/collection/apps/{pos-app-pdf-viewer/pos-app-pdf-viewer.js → pos-app-document-viewer/pos-app-document-viewer.js}

@@ -1,6 +1,6 @@
 import { h } from '@stencil/core';
 import { subscribeResource } from '../../components/events/ResourceAware';
-export class PosAppPdfViewer {
+export class PosAppDocumentViewer {
   constructor() {
     this.receiveResource = (resource) => {
       this.resource = resource;
@@ -14,9 +14,9 @@ export class PosAppPdfViewer {
     if (!this.resource) {
       return null;
     }
-    return (h("ion-grid", null, h("ion-row", null, h("ion-col", { size: "12", "size-sm": true }, h("pos-pdf", { 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)))))));
+    return (h("ion-grid", null, h("ion-row", null, h("ion-col", { size: "12", "size-sm": true }, h("pos-document", { 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 is() { return "pos-app-pdf-viewer"; }
+  static get is() { return "pos-app-document-viewer"; }
   static get encapsulation() { return "shadow"; }
   static get states() {
     return {

package/dist/collection/collection-manifest.json

@@ -1,18 +1,18 @@
 {
   "entries": [
     "./apps/pos-app-browser/pos-app-browser.js",
+    "./apps/pos-app-document-viewer/pos-app-document-viewer.js",
     "./apps/pos-app-generic/pos-app-generic.js",
     "./apps/pos-app-image-viewer/pos-app-image-viewer.js",
-    "./apps/pos-app-pdf-viewer/pos-app-pdf-viewer.js",
     "./apps/pos-app-rdf-document/pos-app-rdf-document.js",
     "./components/pos-app/pos-app.js",
     "./components/pos-description/pos-description.js",
+    "./components/pos-document/pos-document.js",
     "./components/pos-image/pos-image.js",
     "./components/pos-label/pos-label.js",
     "./components/pos-literals/pos-literals.js",
     "./components/pos-login/pos-login.js",
     "./components/pos-navigation-bar/pos-navigation-bar.js",
-    "./components/pos-pdf/pos-pdf.js",
     "./components/pos-picture/pos-picture.js",
     "./components/pos-relations/pos-relations.js",
     "./components/pos-resource/pos-resource.js",

package/dist/collection/components/{pos-pdf/pos-pdf.js → pos-document/pos-document.js}

@@ -1,7 +1,7 @@
 import { h } from '@stencil/core';
 import session from '../../store/session';
 import { BrokenFile } from '../broken-file/BrokenFile';
-export class PosPdf {
+export class PosDocument {
   constructor() {
     this.setOs = async (os) => {
       this.os = os;
@@ -49,16 +49,16 @@ export class PosPdf {
     }
     return h("iframe", { src: this.dataUri });
   }
-  static get is() { return "pos-pdf"; }
+  static get is() { return "pos-document"; }
   static get encapsulation() { return "shadow"; }
   static get originalStyleUrls() {
     return {
-      "$": ["pos-pdf.css"]
+      "$": ["pos-document.css"]
     };
   }
   static get styleUrls() {
     return {
-      "$": ["pos-pdf.css"]
+      "$": ["pos-document.css"]
     };
   }
   static get properties() {

package/dist/collection/components/pos-type-router/pos-type-router.js

@@ -1,5 +1,6 @@
 import { h } from '@stencil/core';
 import { subscribeResource } from '../events/ResourceAware';
+import { selectAppForTypes } from './selectAppForTypes';
 export class PosTypeRouter {
   constructor() {
     this.receiveResource = (resource) => {
@@ -14,18 +15,8 @@ export class PosTypeRouter {
     return this.types ? this.renderApp() : null;
   }
   renderApp() {
-    if (this.types.some(type => type.uri === 'http://www.w3.org/2007/ont/link#RDFDocument')) {
-      return h("pos-app-rdf-document", null);
-    }
-    else if (this.types.some(type => type.uri === 'http://www.w3.org/ns/iana/media-types/application/pdf#Resource')) {
-      return h("pos-app-pdf-viewer", null);
-    }
-    else if (this.types.some(type => type.uri === 'http://purl.org/dc/terms/Image')) {
-      return h("pos-app-image-viewer", null);
-    }
-    else {
-      return h("pos-app-generic", null);
-    }
+    const App = selectAppForTypes(this.types);
+    return h(App, null);
   }
   static get is() { return "pos-type-router"; }
   static get encapsulation() { return "shadow"; }

package/dist/collection/components/pos-type-router/selectAppForTypes.js

@@ -0,0 +1,24 @@
+export var AvailableApps;
+(function (AvailableApps) {
+  AvailableApps["Generic"] = "pos-app-generic";
+  AvailableApps["RdfDocument"] = "pos-app-rdf-document";
+  AvailableApps["DocumentViewer"] = "pos-app-document-viewer";
+  AvailableApps["ImageViewer"] = "pos-app-image-viewer";
+})(AvailableApps || (AvailableApps = {}));
+export function selectAppForTypes(types) {
+  if (types.some(type => type.uri === 'http://www.w3.org/2007/ont/link#RDFDocument')) {
+    return AvailableApps.RdfDocument;
+  }
+  else if (types.some(type => type.uri === 'http://www.w3.org/ns/iana/media-types/application/pdf#Resource')) {
+    return AvailableApps.DocumentViewer;
+  }
+  else if (types.some(type => type.uri === 'http://purl.org/dc/terms/Image')) {
+    return AvailableApps.ImageViewer;
+  }
+  else if (types.some(type => type.uri === 'http://www.w3.org/2007/ont/link#Document')) {
+    return AvailableApps.DocumentViewer;
+  }
+  else {
+    return AvailableApps.Generic;
+  }
+}

package/dist/components/index.d.ts

@@ -1,17 +1,17 @@
 /* elements custom elements */
 export { PosApp as PosApp } from '../types/components/pos-app/pos-app';
 export { PosAppBrowser as PosAppBrowser } from '../types/apps/pos-app-browser/pos-app-browser';
+export { PosAppDocumentViewer as PosAppDocumentViewer } from '../types/apps/pos-app-document-viewer/pos-app-document-viewer';
 export { PosAppGeneric as PosAppGeneric } from '../types/apps/pos-app-generic/pos-app-generic';
 export { PosAppImageViewer as PosAppImageViewer } from '../types/apps/pos-app-image-viewer/pos-app-image-viewer';
-export { PosAppPdfViewer as PosAppPdfViewer } from '../types/apps/pos-app-pdf-viewer/pos-app-pdf-viewer';
 export { PosAppRdfDocument as PosAppRdfDocument } from '../types/apps/pos-app-rdf-document/pos-app-rdf-document';
 export { PosDescription as PosDescription } from '../types/components/pos-description/pos-description';
+export { PosDocument as PosDocument } from '../types/components/pos-document/pos-document';
 export { PosImage as PosImage } from '../types/components/pos-image/pos-image';
 export { PosLabel as PosLabel } from '../types/components/pos-label/pos-label';
 export { PosLiterals as PosLiterals } from '../types/components/pos-literals/pos-literals';
 export { PosLogin as PosLogin } from '../types/components/pos-login/pos-login';
 export { PosNavigationBar as PosNavigationBar } from '../types/components/pos-navigation-bar/pos-navigation-bar';
-export { PosPdf as PosPdf } from '../types/components/pos-pdf/pos-pdf';
 export { PosPicture as PosPicture } from '../types/components/pos-picture/pos-picture';
 export { PosRelations as PosRelations } from '../types/components/pos-relations/pos-relations';
 export { PosResource as PosResource } from '../types/components/pos-resource/pos-resource';

package/dist/components/index.js

@@ -97,17 +97,17 @@ export { IonToolbar, defineCustomElement as defineCustomElementIonToolbar } from
 export { IonVirtualScroll, defineCustomElement as defineCustomElementIonVirtualScroll } from './ion-virtual-scroll.js';
 export { PosApp, defineCustomElement as defineCustomElementPosApp } from './pos-app.js';
 export { PosAppBrowser, defineCustomElement as defineCustomElementPosAppBrowser } from './pos-app-browser.js';
+export { PosAppDocumentViewer, defineCustomElement as defineCustomElementPosAppDocumentViewer } from './pos-app-document-viewer.js';
 export { PosAppGeneric, defineCustomElement as defineCustomElementPosAppGeneric } from './pos-app-generic.js';
 export { PosAppImageViewer, defineCustomElement as defineCustomElementPosAppImageViewer } from './pos-app-image-viewer.js';
-export { PosAppPdfViewer, defineCustomElement as defineCustomElementPosAppPdfViewer } from './pos-app-pdf-viewer.js';
 export { PosAppRdfDocument, defineCustomElement as defineCustomElementPosAppRdfDocument } from './pos-app-rdf-document.js';
 export { PosDescription, defineCustomElement as defineCustomElementPosDescription } from './pos-description.js';
+export { PosDocument, defineCustomElement as defineCustomElementPosDocument } from './pos-document.js';
 export { PosImage, defineCustomElement as defineCustomElementPosImage } from './pos-image.js';
 export { PosLabel, defineCustomElement as defineCustomElementPosLabel } from './pos-label.js';
 export { PosLiterals, defineCustomElement as defineCustomElementPosLiterals } from './pos-literals.js';
 export { PosLogin, defineCustomElement as defineCustomElementPosLogin } from './pos-login.js';
 export { PosNavigationBar, defineCustomElement as defineCustomElementPosNavigationBar } from './pos-navigation-bar.js';
-export { PosPdf, defineCustomElement as defineCustomElementPosPdf } from './pos-pdf.js';
 export { PosPicture, defineCustomElement as defineCustomElementPosPicture } from './pos-picture.js';
 export { PosRelations, defineCustomElement as defineCustomElementPosRelations } from './pos-relations.js';
 export { PosResource, defineCustomElement as defineCustomElementPosResource } from './pos-resource.js';