@pod-os/elements 0.24.2-rc.f1a6ca3.0 → 0.24.2-rc.fd22901.0

package/dist/components/index12.js

@@ -0,0 +1,198 @@
+import { d as doc } from './index5.js';
+import { u as now, v as pointerCoord } from './helpers.js';
+
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+const startTapClick = (config) => {
+    if (doc === undefined) {
+        return;
+    }
+    let lastTouch = -MOUSE_WAIT * 10;
+    let lastActivated = 0;
+    let activatableEle;
+    let activeRipple;
+    let activeDefer;
+    const useRippleEffect = config.getBoolean('animated', true) && config.getBoolean('rippleEffect', true);
+    const clearDefers = new WeakMap();
+    // Touch Events
+    const onTouchStart = (ev) => {
+        lastTouch = now(ev);
+        pointerDown(ev);
+    };
+    const onTouchEnd = (ev) => {
+        lastTouch = now(ev);
+        pointerUp(ev);
+    };
+    const onMouseDown = (ev) => {
+        // Ignore right clicks
+        if (ev.button === 2) {
+            return;
+        }
+        const t = now(ev) - MOUSE_WAIT;
+        if (lastTouch < t) {
+            pointerDown(ev);
+        }
+    };
+    const onMouseUp = (ev) => {
+        const t = now(ev) - MOUSE_WAIT;
+        if (lastTouch < t) {
+            pointerUp(ev);
+        }
+    };
+    const cancelActive = () => {
+        if (activeDefer)
+            clearTimeout(activeDefer);
+        activeDefer = undefined;
+        if (activatableEle) {
+            removeActivated(false);
+            activatableEle = undefined;
+        }
+    };
+    const pointerDown = (ev) => {
+        if (activatableEle) {
+            return;
+        }
+        setActivatedElement(getActivatableTarget(ev), ev);
+    };
+    const pointerUp = (ev) => {
+        setActivatedElement(undefined, ev);
+    };
+    const setActivatedElement = (el, ev) => {
+        // do nothing
+        if (el && el === activatableEle) {
+            return;
+        }
+        if (activeDefer)
+            clearTimeout(activeDefer);
+        activeDefer = undefined;
+        const { x, y } = pointerCoord(ev);
+        // deactivate selected
+        if (activatableEle) {
+            if (clearDefers.has(activatableEle)) {
+                throw new Error('internal error');
+            }
+            if (!activatableEle.classList.contains(ACTIVATED)) {
+                addActivated(activatableEle, x, y);
+            }
+            removeActivated(true);
+        }
+        // activate
+        if (el) {
+            const deferId = clearDefers.get(el);
+            if (deferId) {
+                clearTimeout(deferId);
+                clearDefers.delete(el);
+            }
+            el.classList.remove(ACTIVATED);
+            const callback = () => {
+                addActivated(el, x, y);
+                activeDefer = undefined;
+            };
+            if (isInstant(el)) {
+                callback();
+            }
+            else {
+                activeDefer = setTimeout(callback, ADD_ACTIVATED_DEFERS);
+            }
+        }
+        activatableEle = el;
+    };
+    const addActivated = (el, x, y) => {
+        lastActivated = Date.now();
+        el.classList.add(ACTIVATED);
+        if (!useRippleEffect)
+            return;
+        const rippleEffect = getRippleEffect(el);
+        if (rippleEffect !== null) {
+            removeRipple();
+            activeRipple = rippleEffect.addRipple(x, y);
+        }
+    };
+    const removeRipple = () => {
+        if (activeRipple !== undefined) {
+            activeRipple.then((remove) => remove());
+            activeRipple = undefined;
+        }
+    };
+    const removeActivated = (smooth) => {
+        removeRipple();
+        const active = activatableEle;
+        if (!active) {
+            return;
+        }
+        const time = CLEAR_STATE_DEFERS - Date.now() + lastActivated;
+        if (smooth && time > 0 && !isInstant(active)) {
+            const deferId = setTimeout(() => {
+                active.classList.remove(ACTIVATED);
+                clearDefers.delete(active);
+            }, CLEAR_STATE_DEFERS);
+            clearDefers.set(active, deferId);
+        }
+        else {
+            active.classList.remove(ACTIVATED);
+        }
+    };
+    doc.addEventListener('ionGestureCaptured', cancelActive);
+    doc.addEventListener('touchstart', onTouchStart, true);
+    doc.addEventListener('touchcancel', onTouchEnd, true);
+    doc.addEventListener('touchend', onTouchEnd, true);
+    /**
+     * Tap click effects such as the ripple effect should
+     * not happen when scrolling. For example, if a user scrolls
+     * the page but also happens to do a touchstart on a button
+     * as part of the scroll, the ripple effect should not
+     * be dispatched. The ripple effect should only happen
+     * if the button is activated and the page is not scrolling.
+     *
+     * pointercancel is dispatched on a gesture when scrolling
+     * starts, so this lets us avoid having to listen for
+     * ion-content's scroll events.
+     */
+    doc.addEventListener('pointercancel', cancelActive, true);
+    doc.addEventListener('mousedown', onMouseDown, true);
+    doc.addEventListener('mouseup', onMouseUp, true);
+};
+// TODO(FW-2832): type
+const getActivatableTarget = (ev) => {
+    if (ev.composedPath !== undefined) {
+        /**
+         * composedPath returns EventTarget[]. However,
+         * objects other than Element can be targets too.
+         * For example, AudioContext can be a target. In this
+         * case, we know that the event is a UIEvent so we
+         * can assume that the path will contain either Element
+         * or ShadowRoot.
+         */
+        const path = ev.composedPath();
+        for (let i = 0; i < path.length - 2; i++) {
+            const el = path[i];
+            if (!(el instanceof ShadowRoot) && el.classList.contains('ion-activatable')) {
+                return el;
+            }
+        }
+    }
+    else {
+        return ev.target.closest('.ion-activatable');
+    }
+};
+const isInstant = (el) => {
+    return el.classList.contains('ion-activatable-instant');
+};
+const getRippleEffect = (el) => {
+    if (el.shadowRoot) {
+        const ripple = el.shadowRoot.querySelector('ion-ripple-effect');
+        if (ripple) {
+            return ripple;
+        }
+    }
+    return el.querySelector('ion-ripple-effect');
+};
+const ACTIVATED = 'ion-activated';
+const ADD_ACTIVATED_DEFERS = 100;
+const CLEAR_STATE_DEFERS = 150;
+const MOUSE_WAIT = 2500;
+
+export { startTapClick };
+
+//# sourceMappingURL=index12.js.map

package/dist/components/index12.js.map

@@ -0,0 +1 @@
+{"file":"index12.js","mappings":"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","names":[],"sources":["../node_modules/@ionic/core/dist/collection/utils/tap-click/index.js"],"sourcesContent":["/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { doc } from \"../browser/index\";\nimport { now, pointerCoord } from \"../helpers\";\nexport const startTapClick = (config) => {\n    if (doc === undefined) {\n        return;\n    }\n    let lastTouch = -MOUSE_WAIT * 10;\n    let lastActivated = 0;\n    let activatableEle;\n    let activeRipple;\n    let activeDefer;\n    const useRippleEffect = config.getBoolean('animated', true) && config.getBoolean('rippleEffect', true);\n    const clearDefers = new WeakMap();\n    // Touch Events\n    const onTouchStart = (ev) => {\n        lastTouch = now(ev);\n        pointerDown(ev);\n    };\n    const onTouchEnd = (ev) => {\n        lastTouch = now(ev);\n        pointerUp(ev);\n    };\n    const onMouseDown = (ev) => {\n        // Ignore right clicks\n        if (ev.button === 2) {\n            return;\n        }\n        const t = now(ev) - MOUSE_WAIT;\n        if (lastTouch < t) {\n            pointerDown(ev);\n        }\n    };\n    const onMouseUp = (ev) => {\n        const t = now(ev) - MOUSE_WAIT;\n        if (lastTouch < t) {\n            pointerUp(ev);\n        }\n    };\n    const cancelActive = () => {\n        if (activeDefer)\n            clearTimeout(activeDefer);\n        activeDefer = undefined;\n        if (activatableEle) {\n            removeActivated(false);\n            activatableEle = undefined;\n        }\n    };\n    const pointerDown = (ev) => {\n        if (activatableEle) {\n            return;\n        }\n        setActivatedElement(getActivatableTarget(ev), ev);\n    };\n    const pointerUp = (ev) => {\n        setActivatedElement(undefined, ev);\n    };\n    const setActivatedElement = (el, ev) => {\n        // do nothing\n        if (el && el === activatableEle) {\n            return;\n        }\n        if (activeDefer)\n            clearTimeout(activeDefer);\n        activeDefer = undefined;\n        const { x, y } = pointerCoord(ev);\n        // deactivate selected\n        if (activatableEle) {\n            if (clearDefers.has(activatableEle)) {\n                throw new Error('internal error');\n            }\n            if (!activatableEle.classList.contains(ACTIVATED)) {\n                addActivated(activatableEle, x, y);\n            }\n            removeActivated(true);\n        }\n        // activate\n        if (el) {\n            const deferId = clearDefers.get(el);\n            if (deferId) {\n                clearTimeout(deferId);\n                clearDefers.delete(el);\n            }\n            el.classList.remove(ACTIVATED);\n            const callback = () => {\n                addActivated(el, x, y);\n                activeDefer = undefined;\n            };\n            if (isInstant(el)) {\n                callback();\n            }\n            else {\n                activeDefer = setTimeout(callback, ADD_ACTIVATED_DEFERS);\n            }\n        }\n        activatableEle = el;\n    };\n    const addActivated = (el, x, y) => {\n        lastActivated = Date.now();\n        el.classList.add(ACTIVATED);\n        if (!useRippleEffect)\n            return;\n        const rippleEffect = getRippleEffect(el);\n        if (rippleEffect !== null) {\n            removeRipple();\n            activeRipple = rippleEffect.addRipple(x, y);\n        }\n    };\n    const removeRipple = () => {\n        if (activeRipple !== undefined) {\n            activeRipple.then((remove) => remove());\n            activeRipple = undefined;\n        }\n    };\n    const removeActivated = (smooth) => {\n        removeRipple();\n        const active = activatableEle;\n        if (!active) {\n            return;\n        }\n        const time = CLEAR_STATE_DEFERS - Date.now() + lastActivated;\n        if (smooth && time > 0 && !isInstant(active)) {\n            const deferId = setTimeout(() => {\n                active.classList.remove(ACTIVATED);\n                clearDefers.delete(active);\n            }, CLEAR_STATE_DEFERS);\n            clearDefers.set(active, deferId);\n        }\n        else {\n            active.classList.remove(ACTIVATED);\n        }\n    };\n    doc.addEventListener('ionGestureCaptured', cancelActive);\n    doc.addEventListener('touchstart', onTouchStart, true);\n    doc.addEventListener('touchcancel', onTouchEnd, true);\n    doc.addEventListener('touchend', onTouchEnd, true);\n    /**\n     * Tap click effects such as the ripple effect should\n     * not happen when scrolling. For example, if a user scrolls\n     * the page but also happens to do a touchstart on a button\n     * as part of the scroll, the ripple effect should not\n     * be dispatched. The ripple effect should only happen\n     * if the button is activated and the page is not scrolling.\n     *\n     * pointercancel is dispatched on a gesture when scrolling\n     * starts, so this lets us avoid having to listen for\n     * ion-content's scroll events.\n     */\n    doc.addEventListener('pointercancel', cancelActive, true);\n    doc.addEventListener('mousedown', onMouseDown, true);\n    doc.addEventListener('mouseup', onMouseUp, true);\n};\n// TODO(FW-2832): type\nconst getActivatableTarget = (ev) => {\n    if (ev.composedPath !== undefined) {\n        /**\n         * composedPath returns EventTarget[]. However,\n         * objects other than Element can be targets too.\n         * For example, AudioContext can be a target. In this\n         * case, we know that the event is a UIEvent so we\n         * can assume that the path will contain either Element\n         * or ShadowRoot.\n         */\n        const path = ev.composedPath();\n        for (let i = 0; i < path.length - 2; i++) {\n            const el = path[i];\n            if (!(el instanceof ShadowRoot) && el.classList.contains('ion-activatable')) {\n                return el;\n            }\n        }\n    }\n    else {\n        return ev.target.closest('.ion-activatable');\n    }\n};\nconst isInstant = (el) => {\n    return el.classList.contains('ion-activatable-instant');\n};\nconst getRippleEffect = (el) => {\n    if (el.shadowRoot) {\n        const ripple = el.shadowRoot.querySelector('ion-ripple-effect');\n        if (ripple) {\n            return ripple;\n        }\n    }\n    return el.querySelector('ion-ripple-effect');\n};\nconst ACTIVATED = 'ion-activated';\nconst ADD_ACTIVATED_DEFERS = 100;\nconst CLEAR_STATE_DEFERS = 150;\nconst MOUSE_WAIT = 2500;\n"],"version":3}

package/dist/components/ion-app.js

@@ -16,7 +16,7 @@ const App = /*@__PURE__*/ proxyCustomElement(class App extends HTMLElement {
             rIC(async () => {
                 const isHybrid = isPlatform(window, 'hybrid');
                 if (!config.getBoolean('_testing')) {
-                    import('./index11.js').then((module) => module.startTapClick(config));
+                    import('./index12.js').then((module) => module.startTapClick(config));
                 }
                 if (config.getBoolean('statusTap', isHybrid)) {
                     import('./status-tap.js').then((module) => module.startStatusTap());

package/dist/components/pos-add-new-thing2.js

@@ -17,7 +17,7 @@ const PosAddNewThing = /*@__PURE__*/ proxyCustomElement(class PosAddNewThing ext
         this.dialog.showModal();
     }
     render() {
-        return (h(Host, { key: '35b8629fc9ac9d9e759009f329dc9437307649c3' }, h("button", { key: 'b6c0b1d06fbed05a079c1e4cb684f227fd40d098', id: "new", title: "Add a new thing", onClick: () => this.openDialog() }, h("ion-icon", { key: '2dfbcff7480dfc7397a5810ca7a33b9e583a77ee', name: "add-circle-outline" })), h("pos-dialog", { key: 'a61bf93754ca323fbc23137956a00c39be81cad9', ref: el => (this.dialog = el) }, h("span", { key: 'a4095e3c9ddd26e18ce002a05ef65d8895894589', slot: "title" }, "Add a new thing"), h("pos-new-thing-form", { key: '136cfbbab823f5abc313642e1dc04f67d5d81777', slot: "content", referenceUri: this.referenceUri }))));
+        return (h(Host, { key: '4adcc80d1a0d810279a85be26c8ec6717d91c8a2' }, h("button", { key: '9a3cdd12719c4d3e4ae1e0eff60ccd6101395d92', id: "new", title: "Add a new thing", onClick: () => this.openDialog() }, h("ion-icon", { key: 'efb2723db05962c02293931d0a334ba55908f596', name: "add-circle-outline" })), h("pos-dialog", { key: '954a947b2dc4082519c50cb71a4b6f0f3550c0fb', ref: el => (this.dialog = el) }, h("span", { key: '0a7e91bab3d8740bc8228782d70a980779db7ca1', slot: "title" }, "Add a new thing"), h("pos-new-thing-form", { key: '66ac9bcf72a71b58f4dbbc5cfd214b3609c78cbf', slot: "content", referenceUri: this.referenceUri }))));
     }
     static get style() { return PosAddNewThingStyle0; }
 }, [1, "pos-add-new-thing", {

package/dist/components/pos-app-browser.js

@@ -1,37 +1,39 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$w } from './card.js';
-import { d as defineCustomElement$v } from './card-content.js';
-import { d as defineCustomElement$u } from './card-header.js';
-import { d as defineCustomElement$t } from './icon.js';
-import { d as defineCustomElement$s } from './progress-bar.js';
-import { d as defineCustomElement$r } from './ripple-effect.js';
-import { d as defineCustomElement$q } from './searchbar.js';
-import { d as defineCustomElement$p } from './skeleton-text.js';
-import { d as defineCustomElement$o } from './toast.js';
-import { d as defineCustomElement$n } from './pos-add-new-thing2.js';
-import { d as defineCustomElement$m } from './pos-app2.js';
-import { d as defineCustomElement$l } from './pos-app-dashboard2.js';
-import { d as defineCustomElement$k } from './pos-description2.js';
-import { d as defineCustomElement$j } from './pos-dialog2.js';
-import { d as defineCustomElement$i } from './pos-error-toast2.js';
-import { d as defineCustomElement$h } from './pos-example-resources2.js';
-import { d as defineCustomElement$g } from './pos-getting-started2.js';
-import { d as defineCustomElement$f } from './pos-image2.js';
-import { d as defineCustomElement$e } from './pos-internal-router2.js';
-import { d as defineCustomElement$d } from './pos-label2.js';
-import { d as defineCustomElement$c } from './pos-login2.js';
-import { d as defineCustomElement$b } from './pos-login-form2.js';
-import { d as defineCustomElement$a } from './pos-make-findable2.js';
-import { d as defineCustomElement$9 } from './pos-navigation-bar2.js';
-import { d as defineCustomElement$8 } from './pos-new-thing-form2.js';
-import { d as defineCustomElement$7 } from './pos-picture2.js';
-import { d as defineCustomElement$6 } from './pos-resource2.js';
-import { d as defineCustomElement$5 } from './pos-rich-link2.js';
-import { d as defineCustomElement$4 } from './pos-router2.js';
-import { d as defineCustomElement$3 } from './pos-select-term2.js';
+import { d as defineCustomElement$y } from './card.js';
+import { d as defineCustomElement$x } from './card-content.js';
+import { d as defineCustomElement$w } from './card-header.js';
+import { d as defineCustomElement$v } from './icon.js';
+import { d as defineCustomElement$u } from './progress-bar.js';
+import { d as defineCustomElement$t } from './ripple-effect.js';
+import { d as defineCustomElement$s } from './searchbar.js';
+import { d as defineCustomElement$r } from './skeleton-text.js';
+import { d as defineCustomElement$q } from './toast.js';
+import { d as defineCustomElement$p } from './pos-add-new-thing2.js';
+import { d as defineCustomElement$o } from './pos-app2.js';
+import { d as defineCustomElement$n } from './pos-app-dashboard2.js';
+import { d as defineCustomElement$m } from './pos-app-settings2.js';
+import { d as defineCustomElement$l } from './pos-description2.js';
+import { d as defineCustomElement$k } from './pos-dialog2.js';
+import { d as defineCustomElement$j } from './pos-error-toast2.js';
+import { d as defineCustomElement$i } from './pos-example-resources2.js';
+import { d as defineCustomElement$h } from './pos-getting-started2.js';
+import { d as defineCustomElement$g } from './pos-image2.js';
+import { d as defineCustomElement$f } from './pos-internal-router2.js';
+import { d as defineCustomElement$e } from './pos-label2.js';
+import { d as defineCustomElement$d } from './pos-login2.js';
+import { d as defineCustomElement$c } from './pos-login-form2.js';
+import { d as defineCustomElement$b } from './pos-make-findable2.js';
+import { d as defineCustomElement$a } from './pos-navigation-bar2.js';
+import { d as defineCustomElement$9 } from './pos-new-thing-form2.js';
+import { d as defineCustomElement$8 } from './pos-picture2.js';
+import { d as defineCustomElement$7 } from './pos-resource2.js';
+import { d as defineCustomElement$6 } from './pos-rich-link2.js';
+import { d as defineCustomElement$5 } from './pos-router2.js';
+import { d as defineCustomElement$4 } from './pos-select-term2.js';
+import { d as defineCustomElement$3 } from './pos-setting-offline-cache2.js';
 import { d as defineCustomElement$2 } from './pos-type-router2.js';
 
-const posAppBrowserCss = "pos-router{margin:0;padding:0;display:flex;flex-direction:column;height:100%}pos-navigation-bar{max-width:var(--width-lg);margin:0}pos-add-new-thing,pos-login{flex:0 1 auto;}header,footer{display:flex;gap:var(--size-1);height:auto;justify-content:center;align-items:center;padding:var(--size-1)}footer svg{width:var(--size-5);height:var(--size-5)}footer{font-size:var(--scale-fluid-000)}header{flex-wrap:wrap;padding:0 var(--size-8)}main{flex:1;max-height:100vh;overflow:auto}@media (max-width: 640px){header{padding:0 var(--size-1) var(--size-1);justify-content:space-between}pos-navigation-bar{flex-basis:100%;order:0}pos-add-new-thing,pos-login{order:1}}";
+const posAppBrowserCss = "pos-router {\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\npos-navigation-bar {\n  max-width: var(--width-lg);\n  margin: 0;\n}\n\npos-add-new-thing,\npos-login {\n  flex: 0 1 auto; /* Behält die Breite des Inhalts bei */\n}\n\nheader,\nfooter {\n  display: flex;\n  gap: var(--size-1);\n  height: auto;\n  justify-content: center;\n  align-items: center;\n  padding: var(--size-1);\n}\n\nfooter svg {\n  width: var(--size-5);\n  height: var(--size-5);\n}\n\nfooter {\n  font-size: var(--scale-fluid-000);\n\n  .settings {\n    padding: 0 var(--size-1);\n    text-decoration: none;\n    border: 1px solid var(--color-grey-800);\n    color: var(--color-grey-800);\n    border-radius: var(--radius-xs);\n\n    &:hover {\n      background-color: var(--color-grey-800);\n      color: white;\n    }\n  }\n}\n\nheader {\n  flex-wrap: wrap;\n  padding: 0 var(--size-8);\n}\n\nmain {\n  flex: 1;\n  max-height: 100vh;\n  overflow: auto;\n}\n\n@media (max-width: 640px) {\n  header {\n    padding: 0 var(--size-1) var(--size-1);\n    justify-content: space-between;\n  }\n\n  pos-navigation-bar {\n    flex-basis: 100%;\n    order: 0;\n  }\n\n  pos-add-new-thing,\n  pos-login {\n    order: 1;\n  }\n}\n";
 const PosAppBrowserStyle0 = posAppBrowserCss;
 
 const PosAppBrowser$1 = /*@__PURE__*/ proxyCustomElement(class PosAppBrowser extends HTMLElement {
@@ -49,7 +51,7 @@ const PosAppBrowser$1 = /*@__PURE__*/ proxyCustomElement(class PosAppBrowser ext
         this.uri = '';
     }
     render() {
-        return (h(Host, { key: '50b6e91f4e98be29cfa37552eb799883aeb49c9e' }, h("pos-app", { key: '652617d5eaf3653caeb58b9e93dff09810a587a3', restorePreviousSession: this.restorePreviousSession }, h("pos-error-toast", { key: 'f4a29b30c2a4caece50c0da046426bc50a3b402e' }, h("pos-router", { key: 'd3f2307db47406c4d84c9b27ac767d263ae81c32', mode: this.mode, "onPod-os:route-changed": e => (this.uri = e.detail) }, h("header", { key: '521c8469dae209a27780d62a5922f8a15d393e07' }, h("pos-add-new-thing", { key: '2fdd9716da4b3590fb0983a4b50f8c63eca26dce', referenceUri: this.uri }), h("pos-navigation-bar", { key: '6add9651de9ff5ca8496470c0df1341927683001', uri: this.uri === 'pod-os:dashboard' ? '' : this.uri }), h("pos-login", { key: '87a60cc03fc63a2ca68b294726e7e44a09bdc835' })), h("main", { key: 'dd2b3de09ca7f8957b240b030cafeeac37e76c1b' }, this.uri.startsWith('pod-os:') ? (h("pos-internal-router", { uri: this.uri })) : (h("pos-resource", { key: this.uri, uri: this.uri }, h("pos-type-router", null)))), h("footer", { key: 'ea1444713656c8740d81c5ac777b72bb6e287729' }, h(Logo, { key: '1bba3eec9e30c30f9132a6524e00ec212169f402' }), h("span", { key: '3b38a5e1704559f271075b60a27d8334f41a09dc' }, "PodOS Browser")))))));
+        return (h(Host, { key: '50b6e91f4e98be29cfa37552eb799883aeb49c9e' }, h("pos-app", { key: '652617d5eaf3653caeb58b9e93dff09810a587a3', restorePreviousSession: this.restorePreviousSession }, h("pos-error-toast", { key: 'f4a29b30c2a4caece50c0da046426bc50a3b402e' }, h("pos-router", { key: 'd3f2307db47406c4d84c9b27ac767d263ae81c32', mode: this.mode, "onPod-os:route-changed": e => (this.uri = e.detail) }, h("header", { key: '521c8469dae209a27780d62a5922f8a15d393e07' }, h("pos-add-new-thing", { key: '2fdd9716da4b3590fb0983a4b50f8c63eca26dce', referenceUri: this.uri }), h("pos-navigation-bar", { key: '6add9651de9ff5ca8496470c0df1341927683001', uri: this.uri === 'pod-os:dashboard' ? '' : this.uri }), h("pos-login", { key: '87a60cc03fc63a2ca68b294726e7e44a09bdc835' })), h("main", { key: 'dd2b3de09ca7f8957b240b030cafeeac37e76c1b' }, this.uri.startsWith('pod-os:') ? (h("pos-internal-router", { uri: this.uri })) : (h("pos-resource", { key: this.uri, uri: this.uri }, h("pos-type-router", null)))), h("footer", { key: 'ea1444713656c8740d81c5ac777b72bb6e287729' }, h(Logo, { key: '1bba3eec9e30c30f9132a6524e00ec212169f402' }), h("span", { key: '3b38a5e1704559f271075b60a27d8334f41a09dc' }, "PodOS Browser"), h("span", { key: '848dd110da12d70ec7798bfcf042638af8f7b121' }, "|"), h("a", { key: 'ec7f0f8054177ced1d97230207c511c8b6f95dbe', class: "settings", href: "?uri=pod-os:settings" }, "\u2699 Settings")))))));
     }
     static get style() { return PosAppBrowserStyle0; }
 }, [0, "pos-app-browser", {
@@ -76,7 +78,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["pos-app-browser", "ion-card", "ion-card-content", "ion-card-header", "ion-icon", "ion-progress-bar", "ion-ripple-effect", "ion-searchbar", "ion-skeleton-text", "ion-toast", "pos-add-new-thing", "pos-app", "pos-app-dashboard", "pos-description", "pos-dialog", "pos-error-toast", "pos-example-resources", "pos-getting-started", "pos-image", "pos-internal-router", "pos-label", "pos-login", "pos-login-form", "pos-make-findable", "pos-navigation-bar", "pos-new-thing-form", "pos-picture", "pos-resource", "pos-rich-link", "pos-router", "pos-select-term", "pos-type-router"];
+    const components = ["pos-app-browser", "ion-card", "ion-card-content", "ion-card-header", "ion-icon", "ion-progress-bar", "ion-ripple-effect", "ion-searchbar", "ion-skeleton-text", "ion-toast", "pos-add-new-thing", "pos-app", "pos-app-dashboard", "pos-app-settings", "pos-description", "pos-dialog", "pos-error-toast", "pos-example-resources", "pos-getting-started", "pos-image", "pos-internal-router", "pos-label", "pos-login", "pos-login-form", "pos-make-findable", "pos-navigation-bar", "pos-new-thing-form", "pos-picture", "pos-resource", "pos-rich-link", "pos-router", "pos-select-term", "pos-setting-offline-cache", "pos-type-router"];
     components.forEach(tagName => { switch (tagName) {
         case "pos-app-browser":
             if (!customElements.get(tagName)) {
@@ -85,150 +87,160 @@ function defineCustomElement$1() {
             break;
         case "ion-card":
             if (!customElements.get(tagName)) {
-                defineCustomElement$w();
+                defineCustomElement$y();
             }
             break;
         case "ion-card-content":
             if (!customElements.get(tagName)) {
-                defineCustomElement$v();
+                defineCustomElement$x();
             }
             break;
         case "ion-card-header":
             if (!customElements.get(tagName)) {
-                defineCustomElement$u();
+                defineCustomElement$w();
             }
             break;
         case "ion-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$t();
+                defineCustomElement$v();
             }
             break;
         case "ion-progress-bar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$s();
+                defineCustomElement$u();
             }
             break;
         case "ion-ripple-effect":
             if (!customElements.get(tagName)) {
-                defineCustomElement$r();
+                defineCustomElement$t();
             }
             break;
         case "ion-searchbar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$q();
+                defineCustomElement$s();
             }
             break;
         case "ion-skeleton-text":
             if (!customElements.get(tagName)) {
-                defineCustomElement$p();
+                defineCustomElement$r();
             }
             break;
         case "ion-toast":
             if (!customElements.get(tagName)) {
-                defineCustomElement$o();
+                defineCustomElement$q();
             }
             break;
         case "pos-add-new-thing":
             if (!customElements.get(tagName)) {
-                defineCustomElement$n();
+                defineCustomElement$p();
             }
             break;
         case "pos-app":
             if (!customElements.get(tagName)) {
-                defineCustomElement$m();
+                defineCustomElement$o();
             }
             break;
         case "pos-app-dashboard":
             if (!customElements.get(tagName)) {
-                defineCustomElement$l();
+                defineCustomElement$n();
+            }
+            break;
+        case "pos-app-settings":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$m();
             }
             break;
         case "pos-description":
             if (!customElements.get(tagName)) {
-                defineCustomElement$k();
+                defineCustomElement$l();
             }
             break;
         case "pos-dialog":
             if (!customElements.get(tagName)) {
-                defineCustomElement$j();
+                defineCustomElement$k();
             }
             break;
         case "pos-error-toast":
             if (!customElements.get(tagName)) {
-                defineCustomElement$i();
+                defineCustomElement$j();
             }
             break;
         case "pos-example-resources":
             if (!customElements.get(tagName)) {
-                defineCustomElement$h();
+                defineCustomElement$i();
             }
             break;
         case "pos-getting-started":
             if (!customElements.get(tagName)) {
-                defineCustomElement$g();
+                defineCustomElement$h();
             }
             break;
         case "pos-image":
             if (!customElements.get(tagName)) {
-                defineCustomElement$f();
+                defineCustomElement$g();
             }
             break;
         case "pos-internal-router":
             if (!customElements.get(tagName)) {
-                defineCustomElement$e();
+                defineCustomElement$f();
             }
             break;
         case "pos-label":
             if (!customElements.get(tagName)) {
-                defineCustomElement$d();
+                defineCustomElement$e();
             }
             break;
         case "pos-login":
             if (!customElements.get(tagName)) {
-                defineCustomElement$c();
+                defineCustomElement$d();
             }
             break;
         case "pos-login-form":
             if (!customElements.get(tagName)) {
-                defineCustomElement$b();
+                defineCustomElement$c();
             }
             break;
         case "pos-make-findable":
             if (!customElements.get(tagName)) {
-                defineCustomElement$a();
+                defineCustomElement$b();
             }
             break;
         case "pos-navigation-bar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$9();
+                defineCustomElement$a();
             }
             break;
         case "pos-new-thing-form":
             if (!customElements.get(tagName)) {
-                defineCustomElement$8();
+                defineCustomElement$9();
             }
             break;
         case "pos-picture":
             if (!customElements.get(tagName)) {
-                defineCustomElement$7();
+                defineCustomElement$8();
             }
             break;
         case "pos-resource":
             if (!customElements.get(tagName)) {
-                defineCustomElement$6();
+                defineCustomElement$7();
             }
             break;
         case "pos-rich-link":
             if (!customElements.get(tagName)) {
-                defineCustomElement$5();
+                defineCustomElement$6();
             }
             break;
         case "pos-router":
             if (!customElements.get(tagName)) {
-                defineCustomElement$4();
+                defineCustomElement$5();
             }
             break;
         case "pos-select-term":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "pos-setting-offline-cache":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
             }

package/dist/components/pos-app-browser.js.map

@@ -1 +1 @@
-{"file":"pos-app-browser.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,gBAAgB,GAAG,mpBAAmpB,CAAC;AAC7qB,4BAAe,gBAAgB;;MCKlBA,eAAa;IAJ1B;;;QAKU,2BAAsB,GAAY,KAAK,CAAC;;;;;;;QAQxC,SAAI,GAAyB,YAAY,CAAC;QAEzC,QAAG,GAAG,EAAE,CAAC;KAgCnB;IA9BC,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,gEAAS,sBAAsB,EAAE,IAAI,CAAC,sBAAsB,IAC1D,0EACE,mEAAY,IAAI,EAAE,IAAI,CAAC,IAAI,4BAA0B,CAAC,KAAK,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,MAAM,CAAC,IAC7E,iEACE,0EAAmB,YAAY,EAAE,IAAI,CAAC,GAAG,GAAsB,EAC/D,2EAAoB,GAAG,EAAE,IAAI,CAAC,GAAG,KAAK,kBAAkB,GAAG,EAAE,GAAG,IAAI,CAAC,GAAG,GAAuB,EAC/F,mEAAuB,CAChB,EACT,+DACG,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,SAAS,CAAC,IAC7B,2BAAqB,GAAG,EAAE,IAAI,CAAC,GAAG,GAAI,KAEtC,oBAAc,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,IACxC,0BAAmB,CACN,CAChB,CACI,EACP,iEACE,EAAC,IAAI,sDAAG,EACR,+EAA0B,CACnB,CACE,CACG,CACV,CACL,EACP;KACH;;;;;;;AAGH,MAAM,IAAI,GAAG;IACX,QACE,WAAK,OAAO,EAAC,aAAa,EAAC,KAAK,EAAC,4BAA4B,IAC3D,YACE,CAAC,EAAC,6CAA6C,EAC/C,KAAK,EAAE;YACL,MAAM,EAAE,SAAS;YACjB,QAAQ,EAAE,SAAS;YACnB,cAAc,EAAE,IAAI;SACrB,qBACe,OAAO,GACvB,EAEF,YACE,CAAC,EAAC,0EAA0E,EAC5E,KAAK,EAAE;YACL,MAAM,EAAE,OAAO;YACf,QAAQ,EAAE,OAAO;YACjB,cAAc,EAAE,IAAI;SACrB,qBACe,OAAO,GACvB,EAEF,YACE,CAAC,EAAC,gDAAgD,EAClD,KAAK,EAAE;YACL,MAAM,EAAE,SAAS;YACjB,QAAQ,EAAE,SAAS;YACnB,cAAc,EAAE,IAAI;SACrB,qBACe,OAAO,GACvB,CACE,EACN;AACJ,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PosAppBrowser"],"sources":["src/apps/pos-app-browser/pos-app-browser.css?tag=pos-app-browser","src/apps/pos-app-browser/pos-app-browser.tsx"],"sourcesContent":["pos-router {\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\npos-navigation-bar {\n  max-width: var(--width-lg);\n  margin: 0;\n}\n\npos-add-new-thing,\npos-login {\n  flex: 0 1 auto; /* Behält die Breite des Inhalts bei */\n}\n\nheader,\nfooter {\n  display: flex;\n  gap: var(--size-1);\n  height: auto;\n  justify-content: center;\n  align-items: center;\n  padding: var(--size-1);\n}\n\nfooter svg {\n  width: var(--size-5);\n  height: var(--size-5);\n}\n\nfooter {\n  font-size: var(--scale-fluid-000);\n}\n\nheader {\n  flex-wrap: wrap;\n  padding: 0 var(--size-8);\n}\n\nmain {\n  flex: 1;\n  max-height: 100vh;\n  overflow: auto;\n}\n\n@media (max-width: 640px) {\n  header {\n    padding: 0 var(--size-1) var(--size-1);\n    justify-content: space-between;\n  }\n\n  pos-navigation-bar {\n    flex-basis: 100%;\n    order: 0;\n  }\n\n  pos-add-new-thing,\n  pos-login {\n    order: 1;\n  }\n}\n","import { Component, h, Host, Prop, State } from '@stencil/core';\n\n@Component({\n  tag: 'pos-app-browser',\n  styleUrl: 'pos-app-browser.css',\n})\nexport class PosAppBrowser {\n  @Prop() restorePreviousSession: boolean = false;\n\n  /**\n   * The mode the app is running in:\n   *\n   * - standalone:  use this when you deploy it as a standalone web application\n   * - pod: use this when you host this app as a default interface for you pod\n   */\n  @Prop() mode: 'standalone' | 'pod' = 'standalone';\n\n  @State() uri = '';\n\n  render() {\n    return (\n      <Host>\n        <pos-app restorePreviousSession={this.restorePreviousSession}>\n          <pos-error-toast>\n            <pos-router mode={this.mode} onPod-os:route-changed={e => (this.uri = e.detail)}>\n              <header>\n                <pos-add-new-thing referenceUri={this.uri}></pos-add-new-thing>\n                <pos-navigation-bar uri={this.uri === 'pod-os:dashboard' ? '' : this.uri}></pos-navigation-bar>\n                <pos-login></pos-login>\n              </header>\n              <main>\n                {this.uri.startsWith('pod-os:') ? (\n                  <pos-internal-router uri={this.uri} />\n                ) : (\n                  <pos-resource key={this.uri} uri={this.uri}>\n                    <pos-type-router />\n                  </pos-resource>\n                )}\n              </main>\n              <footer>\n                <Logo />\n                <span>PodOS Browser</span>\n              </footer>\n            </pos-router>\n          </pos-error-toast>\n        </pos-app>\n      </Host>\n    );\n  }\n}\n\nconst Logo = () => {\n  return (\n    <svg viewBox=\"0 0 400 400\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M50 350 L50 100 L200 50 L350 100 L350 350 Z\"\n        style={{\n          'fill': '#008BF8',\n          'stroke': '#008BF8',\n          'stroke-width': '70',\n        }}\n        stroke-linejoin=\"round\"\n      />\n\n      <path\n        d=\"M100 300 L100 150 L200 120 L300 150 L300 300 L130 300 L130 370 L100 370Z\"\n        style={{\n          'fill': 'white',\n          'stroke': 'white',\n          'stroke-width': '45',\n        }}\n        stroke-linejoin=\"round\"\n      />\n\n      <path\n        d=\"M150 250 L150 200 L200 180 L250 200 L250 250 Z\"\n        style={{\n          'fill': '#DC0073',\n          'stroke': '#DC0073',\n          'stroke-width': '20',\n        }}\n        stroke-linejoin=\"round\"\n      />\n    </svg>\n  );\n};\n"],"version":3}
+{"file":"pos-app-browser.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,gBAAgB,GAAG,+tCAA+tC,CAAC;AACzvC,4BAAe,gBAAgB;;MCKlBA,eAAa;IAJ1B;;;QAKU,2BAAsB,GAAY,KAAK,CAAC;;;;;;;QAQxC,SAAI,GAAyB,YAAY,CAAC;QAEzC,QAAG,GAAG,EAAE,CAAC;KAoCnB;IAlCC,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,gEAAS,sBAAsB,EAAE,IAAI,CAAC,sBAAsB,IAC1D,0EACE,mEAAY,IAAI,EAAE,IAAI,CAAC,IAAI,4BAA0B,CAAC,KAAK,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,MAAM,CAAC,IAC7E,iEACE,0EAAmB,YAAY,EAAE,IAAI,CAAC,GAAG,GAAsB,EAC/D,2EAAoB,GAAG,EAAE,IAAI,CAAC,GAAG,KAAK,kBAAkB,GAAG,EAAE,GAAG,IAAI,CAAC,GAAG,GAAuB,EAC/F,mEAAuB,CAChB,EACT,+DACG,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,SAAS,CAAC,IAC7B,2BAAqB,GAAG,EAAE,IAAI,CAAC,GAAG,GAAI,KAEtC,oBAAc,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,IACxC,0BAAmB,CACN,CAChB,CACI,EACP,iEACE,EAAC,IAAI,sDAAG,EACR,+EAA0B,EAC1B,mEAAc,EACd,0DAAG,KAAK,EAAC,UAAU,EAAC,IAAI,EAAC,sBAAsB,sBAE3C,CACG,CACE,CACG,CACV,CACL,EACP;KACH;;;;;;;AAGH,MAAM,IAAI,GAAG;IACX,QACE,WAAK,OAAO,EAAC,aAAa,EAAC,KAAK,EAAC,4BAA4B,IAC3D,YACE,CAAC,EAAC,6CAA6C,EAC/C,KAAK,EAAE;YACL,MAAM,EAAE,SAAS;YACjB,QAAQ,EAAE,SAAS;YACnB,cAAc,EAAE,IAAI;SACrB,qBACe,OAAO,GACvB,EAEF,YACE,CAAC,EAAC,0EAA0E,EAC5E,KAAK,EAAE;YACL,MAAM,EAAE,OAAO;YACf,QAAQ,EAAE,OAAO;YACjB,cAAc,EAAE,IAAI;SACrB,qBACe,OAAO,GACvB,EAEF,YACE,CAAC,EAAC,gDAAgD,EAClD,KAAK,EAAE;YACL,MAAM,EAAE,SAAS;YACjB,QAAQ,EAAE,SAAS;YACnB,cAAc,EAAE,IAAI;SACrB,qBACe,OAAO,GACvB,CACE,EACN;AACJ,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PosAppBrowser"],"sources":["src/apps/pos-app-browser/pos-app-browser.css?tag=pos-app-browser","src/apps/pos-app-browser/pos-app-browser.tsx"],"sourcesContent":["pos-router {\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\npos-navigation-bar {\n  max-width: var(--width-lg);\n  margin: 0;\n}\n\npos-add-new-thing,\npos-login {\n  flex: 0 1 auto; /* Behält die Breite des Inhalts bei */\n}\n\nheader,\nfooter {\n  display: flex;\n  gap: var(--size-1);\n  height: auto;\n  justify-content: center;\n  align-items: center;\n  padding: var(--size-1);\n}\n\nfooter svg {\n  width: var(--size-5);\n  height: var(--size-5);\n}\n\nfooter {\n  font-size: var(--scale-fluid-000);\n\n  .settings {\n    padding: 0 var(--size-1);\n    text-decoration: none;\n    border: 1px solid var(--color-grey-800);\n    color: var(--color-grey-800);\n    border-radius: var(--radius-xs);\n\n    &:hover {\n      background-color: var(--color-grey-800);\n      color: white;\n    }\n  }\n}\n\nheader {\n  flex-wrap: wrap;\n  padding: 0 var(--size-8);\n}\n\nmain {\n  flex: 1;\n  max-height: 100vh;\n  overflow: auto;\n}\n\n@media (max-width: 640px) {\n  header {\n    padding: 0 var(--size-1) var(--size-1);\n    justify-content: space-between;\n  }\n\n  pos-navigation-bar {\n    flex-basis: 100%;\n    order: 0;\n  }\n\n  pos-add-new-thing,\n  pos-login {\n    order: 1;\n  }\n}\n","import { Component, h, Host, Prop, State } from '@stencil/core';\n\n@Component({\n  tag: 'pos-app-browser',\n  styleUrl: 'pos-app-browser.css',\n})\nexport class PosAppBrowser {\n  @Prop() restorePreviousSession: boolean = false;\n\n  /**\n   * The mode the app is running in:\n   *\n   * - standalone:  use this when you deploy it as a standalone web application\n   * - pod: use this when you host this app as a default interface for you pod\n   */\n  @Prop() mode: 'standalone' | 'pod' = 'standalone';\n\n  @State() uri = '';\n\n  render() {\n    return (\n      <Host>\n        <pos-app restorePreviousSession={this.restorePreviousSession}>\n          <pos-error-toast>\n            <pos-router mode={this.mode} onPod-os:route-changed={e => (this.uri = e.detail)}>\n              <header>\n                <pos-add-new-thing referenceUri={this.uri}></pos-add-new-thing>\n                <pos-navigation-bar uri={this.uri === 'pod-os:dashboard' ? '' : this.uri}></pos-navigation-bar>\n                <pos-login></pos-login>\n              </header>\n              <main>\n                {this.uri.startsWith('pod-os:') ? (\n                  <pos-internal-router uri={this.uri} />\n                ) : (\n                  <pos-resource key={this.uri} uri={this.uri}>\n                    <pos-type-router />\n                  </pos-resource>\n                )}\n              </main>\n              <footer>\n                <Logo />\n                <span>PodOS Browser</span>\n                <span>|</span>\n                <a class=\"settings\" href=\"?uri=pod-os:settings\">\n                  ⚙ Settings\n                </a>\n              </footer>\n            </pos-router>\n          </pos-error-toast>\n        </pos-app>\n      </Host>\n    );\n  }\n}\n\nconst Logo = () => {\n  return (\n    <svg viewBox=\"0 0 400 400\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M50 350 L50 100 L200 50 L350 100 L350 350 Z\"\n        style={{\n          'fill': '#008BF8',\n          'stroke': '#008BF8',\n          'stroke-width': '70',\n        }}\n        stroke-linejoin=\"round\"\n      />\n\n      <path\n        d=\"M100 300 L100 150 L200 120 L300 150 L300 300 L130 300 L130 370 L100 370Z\"\n        style={{\n          'fill': 'white',\n          'stroke': 'white',\n          'stroke-width': '45',\n        }}\n        stroke-linejoin=\"round\"\n      />\n\n      <path\n        d=\"M150 250 L150 200 L200 180 L250 200 L250 250 Z\"\n        style={{\n          'fill': '#DC0073',\n          'stroke': '#DC0073',\n          'stroke-width': '20',\n        }}\n        stroke-linejoin=\"round\"\n      />\n    </svg>\n  );\n};\n"],"version":3}

package/dist/components/pos-app-dashboard2.js

@@ -21,7 +21,7 @@ const PosAppDashboard = /*@__PURE__*/ proxyCustomElement(class PosAppDashboard e
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: '238188758d52f7a78180d9dcacf52f64d07990c4' }, h("pos-getting-started", { key: 'da58685fcdbe522a442675d93270fbd553a8c5db' }), h("pos-example-resources", { key: '538845ab6065040e89abb9fdac166f01e5bfa7b4' })));
+        return (h(Host, { key: 'c467fa44eac028bc1a1546423ac92a5e1e9a98d2' }, h("pos-getting-started", { key: 'f62088d7cc2c199617eecbfd771b2f22db1a7431' }), h("pos-example-resources", { key: '6285bd2160042582ee113f81e7e6e02139d67f45' })));
     }
     static get style() { return PosAppDashboardStyle0; }
 }, [1, "pos-app-dashboard"]);

package/dist/components/pos-app-generic.js

@@ -32,7 +32,7 @@ const PosAppGeneric$1 = /*@__PURE__*/ proxyCustomElement(class PosAppGeneric ext
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: '8e29bb7745cec5493c102c2262b14291eb9fb62a' }, h("section", { key: '2da95db7a410290cb89f7d3bebaae29c35e05785' }, h("article", { key: '00d74d2f184cc32711f05c4729d85b324157aefd', "aria-labelledby": "thing-title" }, h("header", { key: '6e5e770f2dfe63cad9ecfb1a4bfa00d6a3c8f367' }, h("pos-picture", { key: '8b96bdc83505c8e0a9ca27dfb4dcd9f9a750cac2', blurredBackground: true }), h("h1", { key: '1190b2d13425f69220b364c0be60622eab32a58b', id: "thing-title" }, h("pos-label", { key: '3d326707131bd2aa78efce0a1f7d30a9579c382a' })), h("pos-type-badges", { key: '142231486b4eafdd64592f38ccf021f5877dff1a' })), h("main", { key: 'bdc3cbb8d7d6b81c3ca46d1568be1a7b421e50c1' }, h("pos-description", { key: '1f7751b5b1f27b48c0729189c417945b1df5e657' })))), h("section", { key: '23b415a0f702c122bd736d7f3cd094adf2fca6c0' }, h("pos-literals", { key: 'f8518f73b5a189fb8b68997ca000aaeb0f5b47a4' })), h("section", { key: 'c118b3e4dea9c007cbccfe4972a9c68d02d8451e' }, h("pos-relations", { key: '6e06c6dbf7f537bb945c9b35fdd59993518c2eb5' }), h("pos-reverse-relations", { key: 'd20aba82f29d87ee3b22dcb71d92ea4f8318f544' }))));
+        return (h(Host, { key: '170a57d59474ac6fa887251c96dfe64f93308e3f' }, h("section", { key: '208917e280149067f5a0c946636853f23fc83d7b' }, h("article", { key: '62c8f8a2b37455d7ec4ffc11cbb7e46b7262a6e8', "aria-labelledby": "thing-title" }, h("header", { key: '2f85c4bffecfa3e0f55ed07d98397647cfcd4acc' }, h("pos-picture", { key: '1094acb0b8cac8c9a8acaca29abeeaa5cc00aca0', blurredBackground: true }), h("h1", { key: 'eba5144dd2cf94fdfdc7514c26d68aecc8361139', id: "thing-title" }, h("pos-label", { key: 'ac03525509d037740d1b329fbaf64c68f9ea5376' })), h("pos-type-badges", { key: '0dbdb698a8a77a5a500a440142e078860b3c0681' })), h("main", { key: 'd87bfa4cf8bfb9b0ba633dff40f7d42478265cc1' }, h("pos-description", { key: 'c5c3b64864f8bc9d8e72b1a87f92bdd2435b4e41' })))), h("section", { key: 'f013653e7eafd26e6daa53c76a95d12939d356bd' }, h("pos-literals", { key: 'd34963cc5eed8c6e6baa3963009c352043f30db5' })), h("section", { key: 'ab70a3d890665c4ecfe987f35437de1a5dc3e655' }, h("pos-relations", { key: 'f8751d31a54b240cad0f089a9aea5123dc0c0bae' }), h("pos-reverse-relations", { key: '5aff024840f92393d69f0816263751efc6cb57f3' }))));
     }
     static get style() { return PosAppGenericStyle0; }
 }, [1, "pos-app-generic"]);

package/dist/components/pos-app-ldp-container.js

@@ -32,7 +32,7 @@ const PosAppLdpContainer$1 = /*@__PURE__*/ proxyCustomElement(class PosAppLdpCon
         this.__registerHost();
     }
     render() {
-        return (h("ion-grid", { key: '25d3c6836ab626ce1fc2c9ca5b01b963b1068943' }, h("ion-row", { key: 'e040e5f41cba292ee7eaa77b7a7886f9d1d8ca99' }, h("ion-col", { key: 'c16769e7747bd035a4b13545c452ca11766b7054', size: "12", "size-sm": true }, h("pos-container-contents", { key: '9a28b62c6c824e069176a9dab781a6edd6582a81' }), h("details", { key: '288eaceb2e30282f9018c6bf6759586df637cfaf' }, h("summary", { key: '554f9bd02907d914ac0074c31e31b8800aeb7722' }, "All subjects"), h("pos-subjects", { key: '9bd7980dd958296a4006e5b2ce02d70759c4418c' }))), h("ion-col", { key: 'ef03fe6c49255c65b195fe900742d54cb323d4b1', size: "12", "size-sm": true }, h("ion-card", { key: 'fadc374858fe564b20504196b70b2946af3d7402' }, h("ion-card-header", { key: '0c1f0c7207940df8795d93706d91ed1f5aff2ae1', style: { gap: 'var(--size-1)' } }, h("ion-card-title", { key: 'da42c92d6f0e7bec8e4762216fd547e81a1651c5' }, h("pos-label", { key: '11b8c556d3608f5fdb0f80fa5c0c9a71fa51e506' })), h("pos-type-badges", { key: 'd1389c7b55706528b6d1cc41507b4db8798b0c8e' }), h("pos-literals", { key: '5abd990cc4f335e9ba880a8a2b903608d91c0bdd' })))))));
+        return (h("ion-grid", { key: 'b5ebaf12ad80fbe1de402725fee629d6ff634d82' }, h("ion-row", { key: '97e9414cc2d702abbc51c3b8f4e894e4c47396c3' }, h("ion-col", { key: '5412d9c2a339923913a514913cc67af12451c299', size: "12", "size-sm": true }, h("pos-container-contents", { key: 'ef602f4c357d8308c5a37fe2a14b7100d6fc8737' }), h("details", { key: '1c754800523e2bc9b54323035b5e123a139fddff' }, h("summary", { key: '4ab826738cc31ed61bd888da6f110a0f9f40bfee' }, "All subjects"), h("pos-subjects", { key: '73a41bcd107c654139798d8f8e66d6794c17aa94' }))), h("ion-col", { key: '66bad3d51cdf326b7487463388869eccc21a1272', size: "12", "size-sm": true }, h("ion-card", { key: '83d11549b46d2a501f0fe7cdcaa5e2d41536f689' }, h("ion-card-header", { key: 'e1a625e1bb1771537974de79f60dceda2ff2b6c4', style: { gap: 'var(--size-1)' } }, h("ion-card-title", { key: '0571560cf780182f071c8eecf98b805ddfdf1747' }, h("pos-label", { key: 'abfb6a6a4c4cbe3cc0accd71cf13f9e3e68ad25f' })), h("pos-type-badges", { key: 'c1b6addde162ace3604805dab8446aa39b1874b1' }), h("pos-literals", { key: '04ab3ebf74e378d2c4a9c85b32b246e24ad355e0' })))))));
     }
 }, [0, "pos-app-ldp-container"]);
 function defineCustomElement$1() {

package/dist/components/pos-app-rdf-document.js

@@ -28,7 +28,7 @@ const PosAppRdfDocument$1 = /*@__PURE__*/ proxyCustomElement(class PosAppRdfDocu
         this.__registerHost();
     }
     render() {
-        return (h("ion-grid", { key: '491c329c7b6083129acc0b04d6097d7361b2c2d4' }, h("ion-row", { key: '88dbc219423b1ff94e6a5c6f67e74e6b496eaca8' }, h("ion-col", { key: 'e3329294ca16e707c9ac0f4ede51e801f11524d2', size: "12", "size-sm": true }, h("pos-subjects", { key: '45af152a3cce35a2be01bef1b5ac3072e9bddcd8' })), h("ion-col", { key: 'd376dbf8d4a3d8113dd018a3d3d1d84b9027339d', size: "12", "size-sm": true }, h("ion-card", { key: '958ad15df45ca16960faca66a98e6938faafaf0d' }, h("ion-card-header", { key: '3c44629dc22dcbb815c2177b77fc5abda695d5db', style: { gap: 'var(--size-1)' } }, h("ion-card-title", { key: 'a95edfd2ec885e554e1de5ad33f4cc041cd98902' }, h("pos-label", { key: 'bc678d0dc3e151812bdd6d16b6fc46dad8c1630e' })), h("pos-type-badges", { key: 'c7d7dd3850db4936ab3dd8c9c633db4fb95f3b91' }), h("pos-literals", { key: 'a2f3a69fde4c3fae3f4a352e00f033980787216d' })))))));
+        return (h("ion-grid", { key: '84ff2964b293d6f0549f7d80d40929d4649f6fa7' }, h("ion-row", { key: '938bbb5b0abb409cb2db0eac0e5a5cf44a6b3ec5' }, h("ion-col", { key: '4a131b3ecf8caf92d872d05beaee96ac72bf9ff5', size: "12", "size-sm": true }, h("pos-subjects", { key: 'b2710e968d205934e74455940ec9d989f8dd6a85' })), h("ion-col", { key: '85fe9c8bf0d12839a21c6629f2512d2e4336586e', size: "12", "size-sm": true }, h("ion-card", { key: 'b0e0c64af5e9f07ee3e4329ca59eda09bc5e9c9c' }, h("ion-card-header", { key: 'aa1a4102e987aa9790617419be04ef6928abc6a2', style: { gap: 'var(--size-1)' } }, h("ion-card-title", { key: 'd07a9fe987dab982ae9d354912b3eea35817b59f' }, h("pos-label", { key: '468c63bec31273ff8536518a806fd6811484e53e' })), h("pos-type-badges", { key: '2da876ae6a2f14ce84f5e65d83d720cd972af5b8' }), h("pos-literals", { key: '5db1c14427cfe4a39de592901580c033082e6a48' })))))));
     }
 }, [0, "pos-app-rdf-document"]);
 function defineCustomElement$1() {

package/dist/components/pos-app-settings.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PosAppSettings extends Components.PosAppSettings, HTMLElement {}
+export const PosAppSettings: {
+    prototype: PosAppSettings;
+    new (): PosAppSettings;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;