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

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-VMHzF3uY.js';
+import { r as registerInstance, c as createEvent, h } from './index-DzbCx-pP.js';
 import { s as subscribeResource } from './ResourceAware-BW_CkW1K.js';
 
 const posRelationsCss = () => `:host{--background-base-color:color-mix(in srgb, var(--pos-background-color), var(--color-grey-800) 10%);--background-color-even:hsl(from var(--background-base-color) h s calc(l + 7));--background-color-odd:hsl(from var(--background-base-color) h s calc(l + 10));--border-color:var(--background-base-color)}dd{padding:0;margin:0}dl{display:flex;flex-direction:column;gap:var(--size-1);padding:0;margin:0}dt{margin-bottom:var(--size-1)}.predicate-values:nth-child(odd){background-color:var(--background-color-odd)}.predicate-values:nth-child(even){background-color:var(--background-color-even)}.predicate-values{display:flex;flex-direction:column;border:var(--size-px) solid var(--border-color);padding:var(--size-2);gap:var(--size-1);.values{display:flex;flex-direction:column;gap:var(--size-3)}}pos-rich-link{--background-color:inherit}`;

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h } from './index-VMHzF3uY.js';
-import { R as RdfDocument } from './index-DFqG64hG.js';
+import { r as registerInstance, c as createEvent, h } from './index-DzbCx-pP.js';
+import { R as RdfDocument } from './index-CXK32bJz.js';
 import { s as subscribeResource } from './ResourceAware-BW_CkW1K.js';
 
 const posSubjectsCss = () => `:host{--background-base-color:color-mix(in srgb, var(--pos-background-color), var(--color-grey-800) 10%);--background-color-even:hsl(from var(--background-base-color) h s calc(l + 7));--background-color-odd:hsl(from var(--background-base-color) h s calc(l + 10));--border-color:var(--background-base-color)}ul{display:flex;flex-direction:column;gap:var(--size-2);margin:0;padding:0;li{border:var(--size-px) solid var(--border-color);padding:var(--size-4);list-style-type:none;&:nth-child(even){background-color:var(--background-color-even)}&:nth-child(odd){background-color:var(--background-color-odd)}}}`;

package/dist/esm/pos-switch.entry.js

@@ -0,0 +1,62 @@
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-DzbCx-pP.js';
+import { s as subscribeResource } from './ResourceAware-BW_CkW1K.js';
+
+const PosSwitch = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.subscribeResource = createEvent(this, "pod-os:resource", 7);
+        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 });
+    }
+    get host() { return getElement(this); }
+};
+
+export { PosSwitch as pos_switch };

package/dist/esm/pos-tool-attachments.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, e as Host, a as getElement } from './index-VMHzF3uY.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-DzbCx-pP.js';
 import { u as usePodOS } from './usePodOS-D0uCfr1-.js';
 import { u as useResource } from './useResource-yVO4JQ9P.js';
 
@@ -18,7 +18,7 @@ const PosToolAttachments = class {
     }
     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/esm/pos-value.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent } from './index-VMHzF3uY.js';
+import { r as registerInstance, c as createEvent } from './index-DzbCx-pP.js';
 import { s as subscribeResource } from './ResourceAware-BW_CkW1K.js';
 
 const PosValue = class {

package/dist/jest-setup.js

@@ -3,3 +3,7 @@ jest.mock('@shoelace-style/shoelace/dist/components/icon/icon.js', () => ({}));
 jest.mock('@shoelace-style/shoelace/dist/components/progress-bar/progress-bar.js', () => ({}));
 jest.mock('@shoelace-style/shoelace/dist/components/skeleton/skeleton.js', () => ({}));
 jest.mock('@shoelace-style/shoelace/dist/components/tooltip/tooltip.js', () => ({}));
+jest.mock('@shoelace-style/shoelace/dist/components/menu/menu.js', () => ({}));
+jest.mock('@shoelace-style/shoelace/dist/components/menu-item/menu-item.js', () => ({}));
+jest.mock('@shoelace-style/shoelace/dist/components/divider/divider.js', () => ({}));
+jest.mock('@shoelace-style/shoelace/dist/components/dropdown/dropdown.js', () => ({}));

package/dist/types/components/pos-container-contents/pos-container-contents.d.ts

@@ -7,10 +7,12 @@ export declare class PosContainerContents implements ResourceAware {
     loading: boolean;
     subscribeResource: EventEmitter;
     private createNewItem;
+    private readonly disconnected$;
     onCreateNewFile(): void;
     onCreateNewFolder(): void;
     componentWillLoad(): void;
     handleKeyDown(ev: KeyboardEvent): void;
     receiveResource: (resource: Thing) => void;
     render(): any;
+    disconnectedCallback(): void;
 }

package/dist/types/components/pos-share/openNewTab.d.ts

@@ -0,0 +1 @@
+export declare function openNewTab(url: string): void;

package/dist/types/components/pos-share/pos-share.d.ts

@@ -0,0 +1,28 @@
+import '@shoelace-style/shoelace/dist/components/icon/icon.js';
+import '@shoelace-style/shoelace/dist/components/menu/menu.js';
+import '@shoelace-style/shoelace/dist/components/dropdown/dropdown.js';
+import '@shoelace-style/shoelace/dist/components/menu-item/menu-item.js';
+import '@shoelace-style/shoelace/dist/components/divider/divider.js';
+import { OpenWithApp, PodOS } from '@pod-os/core';
+import { PosResourceCustomEvent } from '../../components';
+/**
+ * Allows sharing a resource with other apps, people, etc.
+ */
+export declare class PosShare {
+    /**
+     * URI of the resource to share.
+     */
+    uri: string;
+    el: HTMLElement;
+    apps: OpenWithApp[];
+    os: PodOS;
+    resourceLoaded(e: PosResourceCustomEvent<string>): Promise<void>;
+    componentWillLoad(): Promise<void>;
+    updateApps(): Promise<void>;
+    onSelect(e: CustomEvent<{
+        item: {
+            value: 'copy-uri' | OpenWithApp;
+        };
+    }>): void;
+    render(): any;
+}

package/dist/types/components/pos-switch/pos-case/pos-case.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Defines a template to use if the specified condition is met - to be used with [pos-switch](https://pod-os.org/reference/elements/components/pos-switch/).
+ * See [storybook](https://pod-os.github.io/PodOS/storybook/?path=/story/basics--pos-switch) for an example.
+ */
+export declare class PosCase {
+    host: HTMLElement;
+    error: string;
+    /**
+     * Test if the resource is of the specified type
+     */
+    ifTypeof?: string;
+    /**
+     * Negates the result of the test
+     */
+    not?: boolean;
+    /**
+     * The test only evaluates to true if tests for preceding cases have failed
+     */
+    else?: boolean;
+    componentWillLoad(): void;
+    render(): string;
+}

package/dist/types/components/pos-switch/pos-switch.d.ts

@@ -0,0 +1,19 @@
+import { Thing } from '@pod-os/core';
+import { ResourceAware, ResourceEventEmitter } 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 declare class PosSwitch implements ResourceAware {
+    host: HTMLElement;
+    error: string;
+    resource: Thing;
+    caseElements: NodeListOf<HTMLPosCaseElement>;
+    templateString: string;
+    subscribeResource: ResourceEventEmitter;
+    componentWillLoad(): void;
+    test(caseElement: any): boolean;
+    receiveResource: (resource: Thing) => void;
+    render(): any;
+}