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

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, e as Host } from './index-VMHzF3uY.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-DzbCx-pP.js';
 import { s as subscribeResource } from './ResourceAware-BW_CkW1K.js';
 
 const defaultAppLayoutCss = () => `:host{--gap-size:var(--size-1);display:flex;flex-direction:column;gap:var(--gap-size);margin:var(--gap-size)}section{display:flex;flex-direction:column;gap:var(--gap-size)}@media (min-width: 640px){:host{--gap-size:var(--size-4);flex-direction:row;flex-wrap:wrap;section{&:first-of-type{flex:1}}section:not(:first-of-type){flex:0 0 30%}}}`;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, e as Host } from './index-VMHzF3uY.js';
+import { r as registerInstance, h, H as Host } from './index-DzbCx-pP.js';
 
 const posAppGenericCss = () => `:host{--gap-size:var(--size-1);display:flex;flex-direction:column;gap:var(--gap-size);margin:var(--gap-size)}article{outline:var(--pos-border-solid);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);background-color:var(--pos-card-background);header{display:flex;flex-direction:column;pos-picture{--object-fit:contain;--width:100%;--height:auto;--max-height:300px;border-radius:var(--radius-sm) var(--radius-sm) 0 0;--border-radius:var(--radius-sm) var(--radius-sm) 0 0}h1,pos-type-badges{margin:var(--size-2)}}main{padding:var(--size-2);pos-description{color:var(--pos-secondary-text-color);font-weight:var(--weight-light)}}}@media (min-width: 640px){:host{flex-direction:row;flex-wrap:wrap;section:first-of-type{flex:0 0 25%}section:not(:first-of-type){flex:1}}}`;
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, e as Host } from './index-VMHzF3uY.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-DzbCx-pP.js';
 import { s as subscribeResource } from './ResourceAware-BW_CkW1K.js';
 
 const posAppImageViewerCss = () => `pos-image{--max-width:100%}`;

package/dist/esm/pos-app-ldp-container.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, e as Host } from './index-VMHzF3uY.js';
+import { r as registerInstance, h, H as Host } from './index-DzbCx-pP.js';
 
 const defaultAppLayoutCss = () => `:host{--gap-size:var(--size-1);display:flex;flex-direction:column;gap:var(--gap-size);margin:var(--gap-size)}section{display:flex;flex-direction:column;gap:var(--gap-size)}@media (min-width: 640px){:host{--gap-size:var(--size-4);flex-direction:row;flex-wrap:wrap;section{&:first-of-type{flex:1}}section:not(:first-of-type){flex:0 0 30%}}}`;
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, e as Host } from './index-VMHzF3uY.js';
+import { r as registerInstance, h, H as Host } from './index-DzbCx-pP.js';
 
 const defaultAppLayoutCss = () => `:host{--gap-size:var(--size-1);display:flex;flex-direction:column;gap:var(--gap-size);margin:var(--gap-size)}section{display:flex;flex-direction:column;gap:var(--gap-size)}@media (min-width: 640px){:host{--gap-size:var(--size-4);flex-direction:row;flex-wrap:wrap;section{&:first-of-type{flex:1}}section:not(:first-of-type){flex:0 0 30%}}}`;
 

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

@@ -1,7 +1,7 @@
-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 useResource } from './useResource-yVO4JQ9P.js';
 
-const posAttachmentsCss = () => `: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{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--size-1);li{padding:var(--size-1);&:nth-child(even){background-color:var(--background-color-even)}&:nth-child(odd){background-color:var(--background-color-odd)}&.new{animation:newItemBounce 0.8s ease-out,\\n          highlightFlash 2.5s ease-in-out}}}}@keyframes newItemBounce{0%{transform:scale(0.95);opacity:0}60%{transform:scale(1.02)}100%{transform:scale(1);opacity:1}}@keyframes highlightFlash{0%{box-shadow:0 0 20px var(--pos-primary-color)}100%{box-shadow:0 0 0 transparent}}`;
+const posAttachmentsCss = () => `: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{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--size-1);li{padding:var(--size-1);&:nth-child(even){background-color:var(--background-color-even)}&:nth-child(odd){background-color:var(--background-color-odd)}&.new{animation:newItemBounce 0.8s ease-out,           highlightFlash 2.5s ease-in-out}}}}@keyframes newItemBounce{0%{transform:scale(0.95);opacity:0}60%{transform:scale(1.02)}100%{transform:scale(1);opacity:1}}@keyframes highlightFlash{0%{box-shadow:0 0 20px var(--pos-primary-color)}100%{box-shadow:0 0 0 transparent}}`;
 
 const PosAttachments = class {
     constructor(hostRef) {

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

@@ -0,0 +1,22 @@
+import { r as registerInstance, a as getElement } from './index-DzbCx-pP.js';
+
+const PosCase = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.error = null;
+    }
+    componentWillLoad() {
+        const templateElement = this.host.querySelector('template');
+        if (templateElement == null) {
+            this.error = 'No template element found';
+        }
+    }
+    render() {
+        if (this.error)
+            return this.error;
+        return null;
+    }
+    get host() { return getElement(this); }
+};
+
+export { PosCase as pos_case };

package/dist/esm/pos-container-contents.entry.js

@@ -1,6 +1,7 @@
-import { r as registerInstance, c as createEvent, h, e as Host } from './index-VMHzF3uY.js';
-import { L as LdpContainer } from './index-DFqG64hG.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-DzbCx-pP.js';
+import { L as LdpContainer } from './index-CXK32bJz.js';
 import { s as subscribeResource } from './ResourceAware-BW_CkW1K.js';
+import { c as cjsExports } from './index-vFMstSdt.js';
 
 const posContainerContentsCss = () => `ul{list-style:none;padding:0;margin:0}li{padding:0;margin:0}`;
 
@@ -11,10 +12,14 @@ const PosContainerContents = class {
         this.contents = [];
         this.loading = true;
         this.createNewItem = null;
+        this.disconnected$ = new cjsExports.Subject();
         this.receiveResource = (resource) => {
             this.container = resource.assume(LdpContainer);
             this.loading = false;
-            this.contents = this.container.contains().sort((a, b) => a.name.localeCompare(b.name));
+            this.container
+                .observeContains()
+                .pipe(cjsExports.takeUntil(this.disconnected$))
+                .subscribe(contains => (this.contents = contains.sort((a, b) => a.name.localeCompare(b.name))));
         };
     }
     onCreateNewFile() {
@@ -40,6 +45,10 @@ const PosContainerContents = class {
         }
         return (h(Host, null, h("pos-container-toolbar", { "onPod-os:create-new-file": () => this.onCreateNewFile(), "onPod-os:create-new-folder": () => this.onCreateNewFolder() }), items.length > 0 ? h("ul", { "aria-label": "Container contents" }, items) : h("p", null, "The container is empty")));
     }
+    disconnectedCallback() {
+        this.disconnected$.next();
+        this.disconnected$.unsubscribe();
+    }
 };
 PosContainerContents.style = posContainerContentsCss();
 

package/dist/esm/pos-container-item_3.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, c as createEvent, h, e as Host, a as getElement } from './index-VMHzF3uY.js';
+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';
-import './chunk.ZGGPD2XJ-BjT6fS1o.js';
-import './chunk.URTPIBTY-CNA3-SLq.js';
+import './chunk.ZGGPD2XJ-SJISSXOc.js';
+import './chunk.URTPIBTY-yxgfEQ1K.js';
 import { u as usePodOS } from './usePodOS-D0uCfr1-.js';
-import './class-map-CUYFUkXU.js';
+import './class-map-DEweE_Cr.js';
 
 function selectIconForTypes(types) {
     if (containsType(types, 'http://www.w3.org/ns/ldp#Container')) {

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h } from './index-VMHzF3uY.js';
-import { s as store, B as BrokenFile } from './chunk.XQ2OKYYA-CXNlpYUG.js';
-import './chunk.ZGGPD2XJ-BjT6fS1o.js';
-import './class-map-CUYFUkXU.js';
+import { r as registerInstance, c as createEvent, h } from './index-DzbCx-pP.js';
+import { s as store, B as BrokenFile } from './chunk.XQ2OKYYA-Cr3bMzqn.js';
+import './chunk.ZGGPD2XJ-SJISSXOc.js';
+import './class-map-DEweE_Cr.js';
 
 const posDocumentCss = () => `iframe{background-color:var(--pos-background-color);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{color:#282828;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)}.skeleton{display:flex;gap:var(--size-2);flex-direction:column;sl-skeleton{&:nth-child(2){width:95%}&:nth-child(4){width:90%}&:last-child{width:50%}}}`;
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-VMHzF3uY.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-DzbCx-pP.js';
 import { s as subscribeResource } from './ResourceAware-BW_CkW1K.js';
 import { s as subscribePodOs } from './PodOsAware-jlzl8vRd.js';
 import { c as cjsExports } from './index-vFMstSdt.js';