@pod-os/elements 0.37.0-rc.c8b54d1.0 → 0.37.0

package/dist/collection/components/pos-switch/pos-switch.js

@@ -0,0 +1,89 @@
+import { h, Host } from "@stencil/core";
+import { subscribeResource } from "../events/ResourceAware";
+/**
+ * Selects a child template to render based on properties of the subject resource, usually defined by an ancestor `pos-resource` element.
+ * See [storybook](https://pod-os.github.io/PodOS/storybook/?path=/story/basics--pos-switch) for an example.
+ * See [pos-case](https://pod-os.org/reference/elements/components/pos-switch/pos-case/) for available filter conditions.
+ */
+export class PosSwitch {
+    constructor() {
+        this.error = null;
+        this.receiveResource = (resource) => {
+            this.resource = resource;
+        };
+    }
+    componentWillLoad() {
+        subscribeResource(this);
+        const caseElements = this.host.querySelectorAll('pos-case');
+        if (caseElements.length == 0) {
+            this.error = 'No pos-case elements found';
+        }
+        else {
+            this.caseElements = caseElements;
+        }
+    }
+    test(caseElement) {
+        let state = null;
+        if (caseElement.getAttribute('if-typeof') !== null) {
+            state = this.resource
+                .types()
+                .map(x => x.uri)
+                .includes(caseElement.getAttribute('if-typeof'));
+        }
+        if (caseElement.getAttribute('not') != null) {
+            state = !state;
+        }
+        return state;
+    }
+    render() {
+        if (this.error) {
+            return this.error;
+        }
+        if (!this.resource) {
+            return null;
+        }
+        let state = null;
+        let activeElements = [];
+        this.caseElements.forEach(el => {
+            const elemState = this.test(el);
+            const includeCondition = state !== true || el.getAttribute('else') === null;
+            if (elemState && includeCondition) {
+                state = elemState;
+                activeElements.push(el);
+            }
+            if (elemState === null && includeCondition) {
+                activeElements.push(el);
+            }
+        });
+        const activeElementsContent = activeElements.map(el => el.querySelector('template').innerHTML).join('\n');
+        return h(Host, { innerHTML: activeElementsContent });
+    }
+    static get is() { return "pos-switch"; }
+    static get states() {
+        return {
+            "error": {},
+            "resource": {},
+            "caseElements": {},
+            "templateString": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "subscribeResource",
+                "name": "pod-os:resource",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }];
+    }
+    static get elementRef() { return "host"; }
+}

package/dist/collection/components/pos-tool-select/pos-tool-select.js

@@ -43,7 +43,8 @@ export class PosToolSelect {
                         "ToolConfig": {
                             "location": "import",
                             "path": "../pos-type-router/selectToolsForTypes",
-                            "id": "src/components/pos-type-router/selectToolsForTypes.ts::ToolConfig"
+                            "id": "src/components/pos-type-router/selectToolsForTypes.ts::ToolConfig",
+                            "referenceLocation": "ToolConfig"
                         }
                     }
                 },
@@ -66,7 +67,8 @@ export class PosToolSelect {
                         "ToolConfig": {
                             "location": "import",
                             "path": "../pos-type-router/selectToolsForTypes",
-                            "id": "src/components/pos-type-router/selectToolsForTypes.ts::ToolConfig"
+                            "id": "src/components/pos-type-router/selectToolsForTypes.ts::ToolConfig",
+                            "referenceLocation": "ToolConfig"
                         }
                     }
                 },
@@ -100,7 +102,8 @@ export class PosToolSelect {
                         "ToolConfig": {
                             "location": "import",
                             "path": "../pos-type-router/selectToolsForTypes",
-                            "id": "src/components/pos-type-router/selectToolsForTypes.ts::ToolConfig"
+                            "id": "src/components/pos-type-router/selectToolsForTypes.ts::ToolConfig",
+                            "referenceLocation": "ToolConfig"
                         }
                     }
                 }

package/dist/collection/components/pos-upload/pos-upload.js

@@ -49,7 +49,7 @@ export class PosUpload {
         }
     }
     render() {
-        return h("div", { key: '0f77e2cac68f5aaf1d25a429b866015160c5787b', class: "container", ref: el => (this.uppy = el) });
+        return h("div", { key: 'bba1889322d2bb688881bcab1797dbc2a325e4e3', class: "container", ref: el => (this.uppy = el) });
     }
     static get is() { return "pos-upload"; }
     static get encapsulation() { return "shadow"; }
@@ -97,17 +97,20 @@ export class PosUpload {
                         "ResultAsync": {
                             "location": "import",
                             "path": "neverthrow",
-                            "id": "../node_modules/neverthrow/dist/index.d.ts::ResultAsync"
+                            "id": "../node_modules/neverthrow/dist/index.d.ts::ResultAsync",
+                            "referenceLocation": "ResultAsync"
                         },
                         "HttpProblem": {
                             "location": "import",
                             "path": "@pod-os/core",
-                            "id": "../core/types/index.d.ts::HttpProblem"
+                            "id": "../core/types/index.d.ts::HttpProblem",
+                            "referenceLocation": "HttpProblem"
                         },
                         "NetworkProblem": {
                             "location": "import",
                             "path": "@pod-os/core",
-                            "id": "../core/types/index.d.ts::NetworkProblem"
+                            "id": "../core/types/index.d.ts::NetworkProblem",
+                            "referenceLocation": "NetworkProblem"
                         }
                     }
                 },

package/dist/collection/components/pos-user-menu/pos-user-menu.js

@@ -18,7 +18,7 @@ export class PosUserMenu {
     }
     render() {
         if (!this.webId)
-            return null; //?
+            return null;
         return (h("pos-resource", { uri: this.webId }, h("sl-dropdown", null, h("button", { slot: "trigger", "aria-label": "User menu" }, h("pos-picture", { "no-upload": true }, h("sl-avatar", null))), h("sl-menu", null, h("sl-menu-item", { value: "dashboard" }, "Dashboard"), h("sl-menu-item", { value: "profile" }, h("pos-label", null)), h("sl-menu-item", { value: "settings" }, "Settings"), h("sl-divider", null), h("sl-menu-item", { value: "logout" }, "Logout")))));
     }
     static get is() { return "pos-user-menu"; }

package/dist/collection/tools/pos-tool-attachments/pos-tool-attachments.js

@@ -11,7 +11,7 @@ export class PosToolAttachments {
     }
     render() {
         var _a;
-        return (h(Host, { key: 'c7670fa2c000099af02d33a702a404e9889d4552' }, h("section", { key: '1b3ce82d5101ec4c0b6e6df26ede473c7287b747' }, h("article", { key: 'b9929952d801ab53a848985af7ed08c18072a662' }, h("h2", { key: 'dc39c20da1730c6ea01b32a99dc8b0680a33b6c2' }, "Attachments"), h("pos-attachments", { key: '65fd33e592be78e1a15ac9c2238321973a3f8612', ref: it => (this.attachmentsElement = it) }))), h("section", { key: '4ebe089659ed2c517440a9ff06141f332e44c56d' }, ((_a = this.resource) === null || _a === void 0 ? void 0 : _a.editable) ? (h("pos-upload", { accept: ['*/*'], uploader: file => {
+        return (h(Host, { key: '90a688233dde6bed413d57c11d89833629e1e2c8' }, h("section", { key: 'd47427736806216b35cb5e77bcabf12b82a03b31' }, h("article", { key: 'a77c2f9e41165effdc6e41fed79fa6b48dcc753e' }, h("h2", { key: '5e4d9a23ceb3c88075ef7785ca1b6fba201714ca' }, "Attachments"), h("pos-attachments", { key: '6a1001d633b0cad66178818b7a32c76ebbc4e46c', ref: it => (this.attachmentsElement = it) }))), h("section", { key: 'ea6c933f2a5fb67d6e63ca799c14920361eafe1f' }, ((_a = this.resource) === null || _a === void 0 ? void 0 : _a.editable) ? (h("pos-upload", { accept: ['*/*'], uploader: file => {
                 const result = this.os.attachments().uploadAndAddAttachment(this.resource, file);
                 result.map(it => {
                     this.attachmentsElement.addToList({

package/dist/components/chunk.IVVHNXMC.js

@@ -0,0 +1,20 @@
+import{i as r,c as a,_ as i,n as o,S as e}from"./chunk.4TUIT776.js";import{w as l}from"./chunk.YHLNUJ7P.js";var t=r`
+  :host {
+    --color: var(--sl-panel-border-color);
+    --width: var(--sl-panel-border-width);
+    --spacing: var(--sl-spacing-medium);
+  }
+
+  :host(:not([vertical])) {
+    display: block;
+    border-top: solid var(--width) var(--color);
+    margin: var(--spacing) 0;
+  }
+
+  :host([vertical]) {
+    display: inline-block;
+    height: 100%;
+    border-left: solid var(--width) var(--color);
+    margin: 0 var(--spacing);
+  }
+`,s=class extends e{constructor(){super(...arguments),this.vertical=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","separator")}handleVerticalChange(){this.setAttribute("aria-orientation",this.vertical?"vertical":"horizontal")}};s.styles=[a,t],i([o({type:Boolean,reflect:!0})],s.prototype,"vertical",2),i([l("vertical")],s.prototype,"handleVerticalChange",1),s.define("sl-divider");

package/dist/components/index.js

@@ -1 +1 @@
-import{s as e}from"./chunk.3Y6SB6QS.js";export{getAssetPath,render,setAssetPath,setNonce,setPlatformOptions}from"@stencil/core/internal/client";function t(e){document.documentElement.classList.toggle("sl-theme-dark",e.matches)}!function(){e(""+new URL("./shoelace",import.meta.url));const n=window.matchMedia("(prefers-color-scheme: dark)");t(n),n.addEventListener("change",t)}();
+import{s as e}from"./chunk.3Y6SB6QS.js";export{getAssetPath,render,setAssetPath,setNonce,setPlatformOptions}from"@stencil/core/internal/client";function t(e){document.documentElement.classList.toggle("sl-theme-dark",e.matches)}(function(){e(""+new URL("./shoelace",import.meta.url));const n=window.matchMedia("(prefers-color-scheme: dark)");t(n),n.addEventListener("change",t)}||(()=>{}))();