@pod-os/elements 0.41.0-rc.fcadbb6.0 → 0.41.0

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-spEUIGXI.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-CsdCh9hf.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-spEUIGXI.js';
-import { R as RdfDocument } from './index-CMbRpNym.js';
+import { r as registerInstance, c as createEvent, h } from './index-CsdCh9hf.js';
+import { R as RdfDocument } from './index-CmKOSDim.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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-spEUIGXI.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-CsdCh9hf.js';
 import { s as subscribeResource } from './ResourceAware-BW_CkW1K.js';
 import { c as cjsExports } from './index-vFMstSdt.js';
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-spEUIGXI.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-CsdCh9hf.js';
 import { u as usePodOS } from './usePodOS-D0uCfr1-.js';
 import { u as useResource } from './useResource-yVO4JQ9P.js';
 

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

@@ -1,20 +1,40 @@
-import { r as registerInstance, c as createEvent } from './index-spEUIGXI.js';
+import { r as registerInstance, c as createEvent } from './index-CsdCh9hf.js';
 import { s as subscribeResource } from './ResourceAware-BW_CkW1K.js';
+import { c as cjsExports } from './index-vFMstSdt.js';
 
 const PosValue = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.subscribeResource = createEvent(this, "pod-os:resource", 7);
+        this.disconnected$ = new cjsExports.Subject();
         this.receiveResource = (resource) => {
             this.resource = resource;
+            this.observeAnyValue();
         };
     }
     componentWillLoad() {
         subscribeResource(this);
     }
+    observeAnyValue() {
+        this.disconnected$.next();
+        this.resource
+            .observeAnyValue(this.predicate)
+            .pipe(cjsExports.takeUntil(this.disconnected$))
+            .subscribe(value => (this.value = value));
+    }
     render() {
-        return this.resource ? this.resource.anyValue(this.predicate) : null;
+        var _a;
+        return (_a = this.value) !== null && _a !== void 0 ? _a : null;
+    }
+    disconnectedCallback() {
+        this.disconnected$.next();
+        this.disconnected$.complete();
     }
+    static get watchers() { return {
+        "predicate": [{
+                "observeAnyValue": 0
+            }]
+    }; }
 };
 
 export { PosValue as pos_value };

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

@@ -1,10 +1,17 @@
 import { Thing } from '@pod-os/core';
 import { EventEmitter } from '../../stencil-public-runtime';
 import { ResourceAware } from '../events/ResourceAware';
+/**
+ * Displays a description of the resource, as provided by [Thing.description()](https://pod-os.org/reference/core/classes/thing/#description).
+ *
+ * Re-renders when data in the store changes using [Thing.observeDescription()](https://pod-os.org/reference/core/classes/thing/#observeDescription).
+ */
 export declare class PosDescription implements ResourceAware {
-    resource: Thing;
+    description: string;
     subscribeResource: EventEmitter;
+    private readonly disconnected$;
     componentWillLoad(): void;
     receiveResource: (resource: Thing) => void;
-    render(): null;
+    render(): string;
+    disconnectedCallback(): void;
 }

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

@@ -1,12 +1,16 @@
 import { Thing } from '@pod-os/core';
 import { ResourceAware, ResourceEventEmitter } from '../events/ResourceAware';
 /**
- * Displays a human-readable label of the resource, provided by [Thing.label()](https://pod-os.org/reference/core/classes/thing/#label)
+ * Displays a human-readable label of the resource, as provided by [Thing.label()](https://pod-os.org/reference/core/classes/thing/#label).
+ *
+ * Re-renders when data in the store changes using [Thing.observeLabel()](https://pod-os.org/reference/core/classes/thing/#observeLabel).
  */
 export declare class PosLabel implements ResourceAware {
-    resource: Thing;
+    label: string;
     subscribeResource: ResourceEventEmitter;
+    private readonly disconnected$;
     componentWillLoad(): void;
     receiveResource: (resource: Thing) => void;
     render(): string;
+    disconnectedCallback(): void;
 }

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

@@ -2,7 +2,8 @@ import { Thing } from '@pod-os/core';
 import { ResourceAware, ResourceEventEmitter } from '../events/ResourceAware';
 /**
  * Shows a single value linked to the resource using the given predicate.
- * The value is determined by [Thing.anyValue()](https://pod-os.org/reference/core/classes/thing/#anyvalue)
+ * The value is determined by [Thing.observeAnyValue()](https://pod-os.org/reference/core/classes/thing/#observeanyvalue)
+ * and re-renders when data in the store changes
  */
 export declare class PosValue implements ResourceAware {
     /**
@@ -10,8 +11,12 @@ export declare class PosValue implements ResourceAware {
      */
     predicate: string;
     resource: Thing;
+    value: string;
     subscribeResource: ResourceEventEmitter;
+    private readonly disconnected$;
     componentWillLoad(): void;
     receiveResource: (resource: Thing) => void;
-    render(): null;
+    observeAnyValue(): void;
+    render(): string;
+    disconnectedCallback(): void;
 }

package/dist/types/components.d.ts

@@ -99,6 +99,10 @@ export namespace Components {
         "container": LdpContainer;
         "type": 'file' | 'folder';
     }
+    /**
+     * Displays a description of the resource, as provided by [Thing.description()](https://pod-os.org/reference/core/classes/thing/#description).
+     * Re-renders when data in the store changes using [Thing.observeDescription()](https://pod-os.org/reference/core/classes/thing/#observeDescription).
+     */
     interface PosDescription {
     }
     /**
@@ -139,7 +143,8 @@ export namespace Components {
         "uri": string;
     }
     /**
-     * Displays a human-readable label of the resource, provided by [Thing.label()](https://pod-os.org/reference/core/classes/thing/#label)
+     * Displays a human-readable label of the resource, as provided by [Thing.label()](https://pod-os.org/reference/core/classes/thing/#label).
+     * Re-renders when data in the store changes using [Thing.observeLabel()](https://pod-os.org/reference/core/classes/thing/#observeLabel).
      */
     interface PosLabel {
     }
@@ -360,7 +365,8 @@ export namespace Components {
     }
     /**
      * Shows a single value linked to the resource using the given predicate.
-     * The value is determined by [Thing.anyValue()](https://pod-os.org/reference/core/classes/thing/#anyvalue)
+     * The value is determined by [Thing.observeAnyValue()](https://pod-os.org/reference/core/classes/thing/#observeanyvalue)
+     * and re-renders when data in the store changes
      */
     interface PosValue {
         /**
@@ -749,6 +755,10 @@ declare global {
     interface HTMLPosDescriptionElementEventMap {
         "pod-os:resource": any;
     }
+    /**
+     * Displays a description of the resource, as provided by [Thing.description()](https://pod-os.org/reference/core/classes/thing/#description).
+     * Re-renders when data in the store changes using [Thing.observeDescription()](https://pod-os.org/reference/core/classes/thing/#observeDescription).
+     */
     interface HTMLPosDescriptionElement extends Components.PosDescription, HTMLStencilElement {
         addEventListener<K extends keyof HTMLPosDescriptionElementEventMap>(type: K, listener: (this: HTMLPosDescriptionElement, ev: PosDescriptionCustomEvent<HTMLPosDescriptionElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
@@ -853,7 +863,8 @@ declare global {
         "pod-os:resource": any;
     }
     /**
-     * Displays a human-readable label of the resource, provided by [Thing.label()](https://pod-os.org/reference/core/classes/thing/#label)
+     * Displays a human-readable label of the resource, as provided by [Thing.label()](https://pod-os.org/reference/core/classes/thing/#label).
+     * Re-renders when data in the store changes using [Thing.observeLabel()](https://pod-os.org/reference/core/classes/thing/#observeLabel).
      */
     interface HTMLPosLabelElement extends Components.PosLabel, HTMLStencilElement {
         addEventListener<K extends keyof HTMLPosLabelElementEventMap>(type: K, listener: (this: HTMLPosLabelElement, ev: PosLabelCustomEvent<HTMLPosLabelElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -1341,7 +1352,8 @@ declare global {
     }
     /**
      * Shows a single value linked to the resource using the given predicate.
-     * The value is determined by [Thing.anyValue()](https://pod-os.org/reference/core/classes/thing/#anyvalue)
+     * The value is determined by [Thing.observeAnyValue()](https://pod-os.org/reference/core/classes/thing/#observeanyvalue)
+     * and re-renders when data in the store changes
      */
     interface HTMLPosValueElement extends Components.PosValue, HTMLStencilElement {
         addEventListener<K extends keyof HTMLPosValueElementEventMap>(type: K, listener: (this: HTMLPosValueElement, ev: PosValueCustomEvent<HTMLPosValueElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -1539,6 +1551,10 @@ declare namespace LocalJSX {
         "onPod-os:link"?: (event: PosCreateNewContainerItemCustomEvent<string>) => void;
         "type": 'file' | 'folder';
     }
+    /**
+     * Displays a description of the resource, as provided by [Thing.description()](https://pod-os.org/reference/core/classes/thing/#description).
+     * Re-renders when data in the store changes using [Thing.observeDescription()](https://pod-os.org/reference/core/classes/thing/#observeDescription).
+     */
     interface PosDescription {
         "onPod-os:resource"?: (event: PosDescriptionCustomEvent<any>) => void;
     }
@@ -1593,7 +1609,8 @@ declare namespace LocalJSX {
         "uri"?: string;
     }
     /**
-     * Displays a human-readable label of the resource, provided by [Thing.label()](https://pod-os.org/reference/core/classes/thing/#label)
+     * Displays a human-readable label of the resource, as provided by [Thing.label()](https://pod-os.org/reference/core/classes/thing/#label).
+     * Re-renders when data in the store changes using [Thing.observeLabel()](https://pod-os.org/reference/core/classes/thing/#observeLabel).
      */
     interface PosLabel {
         "onPod-os:resource"?: (event: PosLabelCustomEvent<any>) => void;
@@ -1855,7 +1872,8 @@ declare namespace LocalJSX {
     }
     /**
      * Shows a single value linked to the resource using the given predicate.
-     * The value is determined by [Thing.anyValue()](https://pod-os.org/reference/core/classes/thing/#anyvalue)
+     * The value is determined by [Thing.observeAnyValue()](https://pod-os.org/reference/core/classes/thing/#observeanyvalue)
+     * and re-renders when data in the store changes
      */
     interface PosValue {
         "onPod-os:resource"?: (event: PosValueCustomEvent<any>) => void;
@@ -2046,6 +2064,10 @@ declare module "@stencil/core" {
             "pos-container-item": LocalJSX.IntrinsicElements["pos-container-item"] & JSXBase.HTMLAttributes<HTMLPosContainerItemElement>;
             "pos-container-toolbar": LocalJSX.IntrinsicElements["pos-container-toolbar"] & JSXBase.HTMLAttributes<HTMLPosContainerToolbarElement>;
             "pos-create-new-container-item": LocalJSX.IntrinsicElements["pos-create-new-container-item"] & JSXBase.HTMLAttributes<HTMLPosCreateNewContainerItemElement>;
+            /**
+             * Displays a description of the resource, as provided by [Thing.description()](https://pod-os.org/reference/core/classes/thing/#description).
+             * Re-renders when data in the store changes using [Thing.observeDescription()](https://pod-os.org/reference/core/classes/thing/#observeDescription).
+             */
             "pos-description": LocalJSX.IntrinsicElements["pos-description"] & JSXBase.HTMLAttributes<HTMLPosDescriptionElement>;
             /**
              * Styled wrapper around native dialog element, with slots `title` and `content`
@@ -2063,7 +2085,8 @@ declare module "@stencil/core" {
             "pos-image": LocalJSX.IntrinsicElements["pos-image"] & JSXBase.HTMLAttributes<HTMLPosImageElement>;
             "pos-internal-router": LocalJSX.IntrinsicElements["pos-internal-router"] & JSXBase.HTMLAttributes<HTMLPosInternalRouterElement>;
             /**
-             * Displays a human-readable label of the resource, provided by [Thing.label()](https://pod-os.org/reference/core/classes/thing/#label)
+             * Displays a human-readable label of the resource, as provided by [Thing.label()](https://pod-os.org/reference/core/classes/thing/#label).
+             * Re-renders when data in the store changes using [Thing.observeLabel()](https://pod-os.org/reference/core/classes/thing/#observeLabel).
              */
             "pos-label": LocalJSX.IntrinsicElements["pos-label"] & JSXBase.HTMLAttributes<HTMLPosLabelElement>;
             /**
@@ -2141,7 +2164,8 @@ declare module "@stencil/core" {
             "pos-user-menu": LocalJSX.IntrinsicElements["pos-user-menu"] & JSXBase.HTMLAttributes<HTMLPosUserMenuElement>;
             /**
              * Shows a single value linked to the resource using the given predicate.
-             * The value is determined by [Thing.anyValue()](https://pod-os.org/reference/core/classes/thing/#anyvalue)
+             * The value is determined by [Thing.observeAnyValue()](https://pod-os.org/reference/core/classes/thing/#observeanyvalue)
+             * and re-renders when data in the store changes
              */
             "pos-value": LocalJSX.IntrinsicElements["pos-value"] & JSXBase.HTMLAttributes<HTMLPosValueElement>;
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pod-os/elements",
-  "version": "0.41.0-rc.fcadbb6.0",
+  "version": "0.41.0",
   "description": "Custom elements for usage with Solid Pods",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -22,16 +22,16 @@
     "generate": "stencil generate"
   },
   "dependencies": {
-    "@pod-os/core": "v0.30.0-rc.fcadbb6.0",
+    "@pod-os/core": "^0.30.0",
     "@shoelace-style/shoelace": "^2.20.1",
     "@stencil/core": "^4.43.2",
     "@stencil/store": "^2.2.2",
     "@testing-library/user-event": "^14.6.1",
-    "@tiptap/core": "^3.20.0",
-    "@tiptap/extension-image": "^3.20.0",
-    "@tiptap/markdown": "^3.20.0",
-    "@tiptap/pm": "^3.20.0",
-    "@tiptap/starter-kit": "^3.20.0",
+    "@tiptap/core": "^3.22.0",
+    "@tiptap/extension-image": "^3.22.5",
+    "@tiptap/markdown": "^3.22.5",
+    "@tiptap/pm": "^3.22.5",
+    "@tiptap/starter-kit": "^3.22.5",
     "@uppy/core": "^5.2.0",
     "@uppy/dashboard": "^5.1.1",
     "@uppy/image-editor": "^4.2.0",

package/dist/elements/p-624503dd.entry.js

@@ -1 +0,0 @@
-import{r as s,c as t}from"./p-spEUIGXI.js";import{s as o}from"./p-BW_CkW1K.js";const r=class{constructor(o){s(this,o),this.subscribeResource=t(this,"pod-os:resource",7),this.receiveResource=s=>{this.resource=s}}componentWillLoad(){o(this)}render(){return this.resource?this.resource.anyValue(this.predicate):null}};export{r as pos_value}