@pod-os/elements 0.7.1-2196a40.0 → 0.7.1-8b34d0b.0

package/dist/cjs/ion-app_46.cjs.entry.js

@@ -2779,7 +2779,7 @@ Toolbar.style = {
   md: toolbarMdCss
 };
 
-const appendToMap = (map, propName, value) => {
+const appendToMap$1 = (map, propName, value) => {
     const items = map.get(propName);
     if (!items) {
         map.set(propName, [value]);
@@ -2788,7 +2788,7 @@ const appendToMap = (map, propName, value) => {
         items.push(value);
     }
 };
-const debounce = (fn, ms) => {
+const debounce$1 = (fn, ms) => {
     let timeoutId;
     return (...args) => {
         if (timeoutId) {
@@ -2810,13 +2810,13 @@ const debounce = (fn, ms) => {
  *
  * Better leak in Edge than to be useless.
  */
-const isConnected = (maybeElement) => !('isConnected' in maybeElement) || maybeElement.isConnected;
-const cleanupElements = debounce((map) => {
+const isConnected$1 = (maybeElement) => !('isConnected' in maybeElement) || maybeElement.isConnected;
+const cleanupElements$1 = debounce$1((map) => {
     for (let key of map.keys()) {
-        map.set(key, map.get(key).filter(isConnected));
+        map.set(key, map.get(key).filter(isConnected$1));
     }
 }, 2000);
-const stencilSubscription = () => {
+const stencilSubscription$1 = () => {
     if (typeof index$1.getRenderingRef !== 'function') {
         // If we are not in a stencil project, we do nothing.
         // This function is not really exported by @stencil/core.
@@ -2828,7 +2828,7 @@ const stencilSubscription = () => {
         get: (propName) => {
             const elm = index$1.getRenderingRef();
             if (elm) {
-                appendToMap(elmsToUpdate, propName, elm);
+                appendToMap$1(elmsToUpdate, propName, elm);
             }
         },
         set: (propName) => {
@@ -2836,17 +2836,19 @@ const stencilSubscription = () => {
             if (elements) {
                 elmsToUpdate.set(propName, elements.filter(index$1.forceUpdate));
             }
-            cleanupElements(elmsToUpdate);
+            cleanupElements$1(elmsToUpdate);
         },
         reset: () => {
             elmsToUpdate.forEach((elms) => elms.forEach(index$1.forceUpdate));
-            cleanupElements(elmsToUpdate);
+            cleanupElements$1(elmsToUpdate);
         },
     };
 };
 
-const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) => {
-    let states = new Map(Object.entries(defaultState !== null && defaultState !== void 0 ? defaultState : {}));
+const unwrap$1 = (val) => (typeof val === 'function' ? val() : val);
+const createObservableMap$1 = (defaultState, shouldUpdate = (a, b) => a !== b) => {
+    const unwrappedState = unwrap$1(defaultState);
+    let states = new Map(Object.entries(unwrappedState !== null && unwrappedState !== void 0 ? unwrappedState : {}));
     const handlers = {
         dispose: [],
         get: [],
@@ -2854,7 +2856,10 @@ const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) =>
         reset: [],
     };
     const reset = () => {
-        states = new Map(Object.entries(defaultState !== null && defaultState !== void 0 ? defaultState : {}));
+        var _a;
+        // When resetting the state, the default state may be a function - unwrap it to invoke it.
+        // otherwise, the state won't be properly reset
+        states = new Map(Object.entries((_a = unwrap$1(defaultState)) !== null && _a !== void 0 ? _a : {}));
         handlers.reset.forEach((cb) => cb());
     };
     const dispose = () => {
@@ -2876,7 +2881,7 @@ const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) =>
     };
     const state = (typeof Proxy === 'undefined'
         ? {}
-        : new Proxy(defaultState, {
+        : new Proxy(unwrappedState, {
             get(_, propName) {
                 return get(propName);
             },
@@ -2900,7 +2905,7 @@ const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) =>
     const on = (eventName, callback) => {
         handlers[eventName].push(callback);
         return () => {
-            removeFromArray(handlers[eventName], callback);
+            removeFromArray$1(handlers[eventName], callback);
         };
     };
     const onChange = (propName, cb) => {
@@ -2909,7 +2914,9 @@ const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) =>
                 cb(newValue);
             }
         });
-        const unReset = on('reset', () => cb(defaultState[propName]));
+        // We need to unwrap the defaultState because it might be a function.
+        // Otherwise we might not be sending the right reset value.
+        const unReset = on('reset', () => cb(unwrap$1(defaultState)[propName]));
         return () => {
             unSet();
             unReset();
@@ -2949,7 +2956,7 @@ const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) =>
         forceUpdate,
     };
 };
-const removeFromArray = (array, item) => {
+const removeFromArray$1 = (array, item) => {
     const index = array.indexOf(item);
     if (index >= 0) {
         array[index] = array[array.length - 1];
@@ -2957,15 +2964,15 @@ const removeFromArray = (array, item) => {
     }
 };
 
-const createStore = (defaultState, shouldUpdate) => {
-    const map = createObservableMap(defaultState, shouldUpdate);
-    map.use(stencilSubscription());
+const createStore$1 = (defaultState, shouldUpdate) => {
+    const map = createObservableMap$1(defaultState, shouldUpdate);
+    map.use(stencilSubscription$1());
     return map;
 };
 
 const getIdpUrl = () => prompt('Please enter your Identity Provider URL', 'http://localhost:3000');
 
-const store = createStore({
+const store = createStore$1({
   getIdpUrl,
   isLoggedIn: false,
   webId: '',
@@ -41247,6 +41254,190 @@ const PosRichLink = class {
   }
 };
 
+const appendToMap = (map, propName, value) => {
+    const items = map.get(propName);
+    if (!items) {
+        map.set(propName, [value]);
+    }
+    else if (!items.includes(value)) {
+        items.push(value);
+    }
+};
+const debounce = (fn, ms) => {
+    let timeoutId;
+    return (...args) => {
+        if (timeoutId) {
+            clearTimeout(timeoutId);
+        }
+        timeoutId = setTimeout(() => {
+            timeoutId = 0;
+            fn(...args);
+        }, ms);
+    };
+};
+
+/**
+ * Check if a possible element isConnected.
+ * The property might not be there, so we check for it.
+ *
+ * We want it to return true if isConnected is not a property,
+ * otherwise we would remove these elements and would not update.
+ *
+ * Better leak in Edge than to be useless.
+ */
+const isConnected = (maybeElement) => !('isConnected' in maybeElement) || maybeElement.isConnected;
+const cleanupElements = debounce((map) => {
+    for (let key of map.keys()) {
+        map.set(key, map.get(key).filter(isConnected));
+    }
+}, 2000);
+const stencilSubscription = () => {
+    if (typeof index$1.getRenderingRef !== 'function') {
+        // If we are not in a stencil project, we do nothing.
+        // This function is not really exported by @stencil/core.
+        return {};
+    }
+    const elmsToUpdate = new Map();
+    return {
+        dispose: () => elmsToUpdate.clear(),
+        get: (propName) => {
+            const elm = index$1.getRenderingRef();
+            if (elm) {
+                appendToMap(elmsToUpdate, propName, elm);
+            }
+        },
+        set: (propName) => {
+            const elements = elmsToUpdate.get(propName);
+            if (elements) {
+                elmsToUpdate.set(propName, elements.filter(index$1.forceUpdate));
+            }
+            cleanupElements(elmsToUpdate);
+        },
+        reset: () => {
+            elmsToUpdate.forEach((elms) => elms.forEach(index$1.forceUpdate));
+            cleanupElements(elmsToUpdate);
+        },
+    };
+};
+
+const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) => {
+    let states = new Map(Object.entries(defaultState !== null && defaultState !== void 0 ? defaultState : {}));
+    const handlers = {
+        dispose: [],
+        get: [],
+        set: [],
+        reset: [],
+    };
+    const reset = () => {
+        states = new Map(Object.entries(defaultState !== null && defaultState !== void 0 ? defaultState : {}));
+        handlers.reset.forEach((cb) => cb());
+    };
+    const dispose = () => {
+        // Call first dispose as resetting the state would
+        // cause less updates ;)
+        handlers.dispose.forEach((cb) => cb());
+        reset();
+    };
+    const get = (propName) => {
+        handlers.get.forEach((cb) => cb(propName));
+        return states.get(propName);
+    };
+    const set = (propName, value) => {
+        const oldValue = states.get(propName);
+        if (shouldUpdate(value, oldValue, propName)) {
+            states.set(propName, value);
+            handlers.set.forEach((cb) => cb(propName, value, oldValue));
+        }
+    };
+    const state = (typeof Proxy === 'undefined'
+        ? {}
+        : new Proxy(defaultState, {
+            get(_, propName) {
+                return get(propName);
+            },
+            ownKeys(_) {
+                return Array.from(states.keys());
+            },
+            getOwnPropertyDescriptor() {
+                return {
+                    enumerable: true,
+                    configurable: true,
+                };
+            },
+            has(_, propName) {
+                return states.has(propName);
+            },
+            set(_, propName, value) {
+                set(propName, value);
+                return true;
+            },
+        }));
+    const on = (eventName, callback) => {
+        handlers[eventName].push(callback);
+        return () => {
+            removeFromArray(handlers[eventName], callback);
+        };
+    };
+    const onChange = (propName, cb) => {
+        const unSet = on('set', (key, newValue) => {
+            if (key === propName) {
+                cb(newValue);
+            }
+        });
+        const unReset = on('reset', () => cb(defaultState[propName]));
+        return () => {
+            unSet();
+            unReset();
+        };
+    };
+    const use = (...subscriptions) => {
+        const unsubs = subscriptions.reduce((unsubs, subscription) => {
+            if (subscription.set) {
+                unsubs.push(on('set', subscription.set));
+            }
+            if (subscription.get) {
+                unsubs.push(on('get', subscription.get));
+            }
+            if (subscription.reset) {
+                unsubs.push(on('reset', subscription.reset));
+            }
+            if (subscription.dispose) {
+                unsubs.push(on('dispose', subscription.dispose));
+            }
+            return unsubs;
+        }, []);
+        return () => unsubs.forEach((unsub) => unsub());
+    };
+    const forceUpdate = (key) => {
+        const oldValue = states.get(key);
+        handlers.set.forEach((cb) => cb(key, oldValue, oldValue));
+    };
+    return {
+        state,
+        get,
+        set,
+        on,
+        onChange,
+        use,
+        dispose,
+        reset,
+        forceUpdate,
+    };
+};
+const removeFromArray = (array, item) => {
+    const index = array.indexOf(item);
+    if (index >= 0) {
+        array[index] = array[array.length - 1];
+        array.length--;
+    }
+};
+
+const createStore = (defaultState, shouldUpdate) => {
+    const map = createObservableMap(defaultState, shouldUpdate);
+    map.use(stencilSubscription());
+    return map;
+};
+
 const createRouter = (opts) => {
     var _a;
     const win = window;

package/dist/custom-elements/index.js

@@ -623,10 +623,10 @@ const debounceEvent = (event, wait) => {
   const original = event._original || event;
   return {
     _original: event,
-    emit: debounce$1(original.emit.bind(original), wait),
+    emit: debounce$2(original.emit.bind(original), wait),
   };
 };
-const debounce$1 = (func, wait = 0) => {
+const debounce$2 = (func, wait = 0) => {
   let timer;
   return (...args) => {
     clearTimeout(timer);
@@ -22090,8 +22090,8 @@ const Router$1 = class extends HTMLElement$1 {
     }
   }
   componentDidLoad() {
-    window.addEventListener('ionRouteRedirectChanged', debounce$1(this.onRedirectChanged.bind(this), 10));
-    window.addEventListener('ionRouteDataChanged', debounce$1(this.onRoutesChanged.bind(this), 100));
+    window.addEventListener('ionRouteRedirectChanged', debounce$2(this.onRedirectChanged.bind(this), 10));
+    window.addEventListener('ionRouteDataChanged', debounce$2(this.onRoutesChanged.bind(this), 100));
   }
   async onPopState() {
     const direction = this.historyDirection();
@@ -26382,7 +26382,7 @@ const VirtualProxy = ({ dom }, children, utils) => {
   });
 };
 
-const appendToMap = (map, propName, value) => {
+const appendToMap$1 = (map, propName, value) => {
     const items = map.get(propName);
     if (!items) {
         map.set(propName, [value]);
@@ -26391,7 +26391,7 @@ const appendToMap = (map, propName, value) => {
         items.push(value);
     }
 };
-const debounce = (fn, ms) => {
+const debounce$1 = (fn, ms) => {
     let timeoutId;
     return (...args) => {
         if (timeoutId) {
@@ -26413,13 +26413,13 @@ const debounce = (fn, ms) => {
  *
  * Better leak in Edge than to be useless.
  */
-const isConnected = (maybeElement) => !('isConnected' in maybeElement) || maybeElement.isConnected;
-const cleanupElements = debounce((map) => {
+const isConnected$1 = (maybeElement) => !('isConnected' in maybeElement) || maybeElement.isConnected;
+const cleanupElements$1 = debounce$1((map) => {
     for (let key of map.keys()) {
-        map.set(key, map.get(key).filter(isConnected));
+        map.set(key, map.get(key).filter(isConnected$1));
     }
 }, 2000);
-const stencilSubscription = () => {
+const stencilSubscription$1 = () => {
     if (typeof getRenderingRef !== 'function') {
         // If we are not in a stencil project, we do nothing.
         // This function is not really exported by @stencil/core.
@@ -26431,7 +26431,7 @@ const stencilSubscription = () => {
         get: (propName) => {
             const elm = getRenderingRef();
             if (elm) {
-                appendToMap(elmsToUpdate, propName, elm);
+                appendToMap$1(elmsToUpdate, propName, elm);
             }
         },
         set: (propName) => {
@@ -26439,17 +26439,19 @@ const stencilSubscription = () => {
             if (elements) {
                 elmsToUpdate.set(propName, elements.filter(forceUpdate));
             }
-            cleanupElements(elmsToUpdate);
+            cleanupElements$1(elmsToUpdate);
         },
         reset: () => {
             elmsToUpdate.forEach((elms) => elms.forEach(forceUpdate));
-            cleanupElements(elmsToUpdate);
+            cleanupElements$1(elmsToUpdate);
         },
     };
 };
 
-const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) => {
-    let states = new Map(Object.entries(defaultState !== null && defaultState !== void 0 ? defaultState : {}));
+const unwrap$1 = (val) => (typeof val === 'function' ? val() : val);
+const createObservableMap$1 = (defaultState, shouldUpdate = (a, b) => a !== b) => {
+    const unwrappedState = unwrap$1(defaultState);
+    let states = new Map(Object.entries(unwrappedState !== null && unwrappedState !== void 0 ? unwrappedState : {}));
     const handlers = {
         dispose: [],
         get: [],
@@ -26457,7 +26459,10 @@ const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) =>
         reset: [],
     };
     const reset = () => {
-        states = new Map(Object.entries(defaultState !== null && defaultState !== void 0 ? defaultState : {}));
+        var _a;
+        // When resetting the state, the default state may be a function - unwrap it to invoke it.
+        // otherwise, the state won't be properly reset
+        states = new Map(Object.entries((_a = unwrap$1(defaultState)) !== null && _a !== void 0 ? _a : {}));
         handlers.reset.forEach((cb) => cb());
     };
     const dispose = () => {
@@ -26479,7 +26484,7 @@ const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) =>
     };
     const state = (typeof Proxy === 'undefined'
         ? {}
-        : new Proxy(defaultState, {
+        : new Proxy(unwrappedState, {
             get(_, propName) {
                 return get(propName);
             },
@@ -26503,7 +26508,7 @@ const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) =>
     const on = (eventName, callback) => {
         handlers[eventName].push(callback);
         return () => {
-            removeFromArray(handlers[eventName], callback);
+            removeFromArray$1(handlers[eventName], callback);
         };
     };
     const onChange = (propName, cb) => {
@@ -26512,7 +26517,9 @@ const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) =>
                 cb(newValue);
             }
         });
-        const unReset = on('reset', () => cb(defaultState[propName]));
+        // We need to unwrap the defaultState because it might be a function.
+        // Otherwise we might not be sending the right reset value.
+        const unReset = on('reset', () => cb(unwrap$1(defaultState)[propName]));
         return () => {
             unSet();
             unReset();
@@ -26552,7 +26559,7 @@ const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) =>
         forceUpdate,
     };
 };
-const removeFromArray = (array, item) => {
+const removeFromArray$1 = (array, item) => {
     const index = array.indexOf(item);
     if (index >= 0) {
         array[index] = array[array.length - 1];
@@ -26560,15 +26567,15 @@ const removeFromArray = (array, item) => {
     }
 };
 
-const createStore = (defaultState, shouldUpdate) => {
-    const map = createObservableMap(defaultState, shouldUpdate);
-    map.use(stencilSubscription());
+const createStore$1 = (defaultState, shouldUpdate) => {
+    const map = createObservableMap$1(defaultState, shouldUpdate);
+    map.use(stencilSubscription$1());
     return map;
 };
 
 const getIdpUrl = () => prompt('Please enter your Identity Provider URL', 'http://localhost:3000');
 
-const store = createStore({
+const store = createStore$1({
   getIdpUrl,
   isLoggedIn: false,
   webId: '',
@@ -64878,6 +64885,190 @@ const PosRichLink$1 = class extends HTMLElement$1 {
   }
 };
 
+const appendToMap = (map, propName, value) => {
+    const items = map.get(propName);
+    if (!items) {
+        map.set(propName, [value]);
+    }
+    else if (!items.includes(value)) {
+        items.push(value);
+    }
+};
+const debounce = (fn, ms) => {
+    let timeoutId;
+    return (...args) => {
+        if (timeoutId) {
+            clearTimeout(timeoutId);
+        }
+        timeoutId = setTimeout(() => {
+            timeoutId = 0;
+            fn(...args);
+        }, ms);
+    };
+};
+
+/**
+ * Check if a possible element isConnected.
+ * The property might not be there, so we check for it.
+ *
+ * We want it to return true if isConnected is not a property,
+ * otherwise we would remove these elements and would not update.
+ *
+ * Better leak in Edge than to be useless.
+ */
+const isConnected = (maybeElement) => !('isConnected' in maybeElement) || maybeElement.isConnected;
+const cleanupElements = debounce((map) => {
+    for (let key of map.keys()) {
+        map.set(key, map.get(key).filter(isConnected));
+    }
+}, 2000);
+const stencilSubscription = () => {
+    if (typeof getRenderingRef !== 'function') {
+        // If we are not in a stencil project, we do nothing.
+        // This function is not really exported by @stencil/core.
+        return {};
+    }
+    const elmsToUpdate = new Map();
+    return {
+        dispose: () => elmsToUpdate.clear(),
+        get: (propName) => {
+            const elm = getRenderingRef();
+            if (elm) {
+                appendToMap(elmsToUpdate, propName, elm);
+            }
+        },
+        set: (propName) => {
+            const elements = elmsToUpdate.get(propName);
+            if (elements) {
+                elmsToUpdate.set(propName, elements.filter(forceUpdate));
+            }
+            cleanupElements(elmsToUpdate);
+        },
+        reset: () => {
+            elmsToUpdate.forEach((elms) => elms.forEach(forceUpdate));
+            cleanupElements(elmsToUpdate);
+        },
+    };
+};
+
+const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) => {
+    let states = new Map(Object.entries(defaultState !== null && defaultState !== void 0 ? defaultState : {}));
+    const handlers = {
+        dispose: [],
+        get: [],
+        set: [],
+        reset: [],
+    };
+    const reset = () => {
+        states = new Map(Object.entries(defaultState !== null && defaultState !== void 0 ? defaultState : {}));
+        handlers.reset.forEach((cb) => cb());
+    };
+    const dispose = () => {
+        // Call first dispose as resetting the state would
+        // cause less updates ;)
+        handlers.dispose.forEach((cb) => cb());
+        reset();
+    };
+    const get = (propName) => {
+        handlers.get.forEach((cb) => cb(propName));
+        return states.get(propName);
+    };
+    const set = (propName, value) => {
+        const oldValue = states.get(propName);
+        if (shouldUpdate(value, oldValue, propName)) {
+            states.set(propName, value);
+            handlers.set.forEach((cb) => cb(propName, value, oldValue));
+        }
+    };
+    const state = (typeof Proxy === 'undefined'
+        ? {}
+        : new Proxy(defaultState, {
+            get(_, propName) {
+                return get(propName);
+            },
+            ownKeys(_) {
+                return Array.from(states.keys());
+            },
+            getOwnPropertyDescriptor() {
+                return {
+                    enumerable: true,
+                    configurable: true,
+                };
+            },
+            has(_, propName) {
+                return states.has(propName);
+            },
+            set(_, propName, value) {
+                set(propName, value);
+                return true;
+            },
+        }));
+    const on = (eventName, callback) => {
+        handlers[eventName].push(callback);
+        return () => {
+            removeFromArray(handlers[eventName], callback);
+        };
+    };
+    const onChange = (propName, cb) => {
+        const unSet = on('set', (key, newValue) => {
+            if (key === propName) {
+                cb(newValue);
+            }
+        });
+        const unReset = on('reset', () => cb(defaultState[propName]));
+        return () => {
+            unSet();
+            unReset();
+        };
+    };
+    const use = (...subscriptions) => {
+        const unsubs = subscriptions.reduce((unsubs, subscription) => {
+            if (subscription.set) {
+                unsubs.push(on('set', subscription.set));
+            }
+            if (subscription.get) {
+                unsubs.push(on('get', subscription.get));
+            }
+            if (subscription.reset) {
+                unsubs.push(on('reset', subscription.reset));
+            }
+            if (subscription.dispose) {
+                unsubs.push(on('dispose', subscription.dispose));
+            }
+            return unsubs;
+        }, []);
+        return () => unsubs.forEach((unsub) => unsub());
+    };
+    const forceUpdate = (key) => {
+        const oldValue = states.get(key);
+        handlers.set.forEach((cb) => cb(key, oldValue, oldValue));
+    };
+    return {
+        state,
+        get,
+        set,
+        on,
+        onChange,
+        use,
+        dispose,
+        reset,
+        forceUpdate,
+    };
+};
+const removeFromArray = (array, item) => {
+    const index = array.indexOf(item);
+    if (index >= 0) {
+        array[index] = array[array.length - 1];
+        array.length--;
+    }
+};
+
+const createStore = (defaultState, shouldUpdate) => {
+    const map = createObservableMap(defaultState, shouldUpdate);
+    map.use(stencilSubscription());
+    return map;
+};
+
 const createRouter = (opts) => {
     var _a;
     const win = window;