@pod-os/elements 0.0.1 → 0.0.2

package/dist/custom-elements/index.js

@@ -13531,7 +13531,7 @@ const removeRipple = (ripple) => {
 const PADDING = 10;
 const INITIAL_ORIGIN_SCALE = 0.5;
 
-const Route = class extends HTMLElement {
+const Route$1 = class extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
@@ -13999,7 +13999,7 @@ const flattenNode = (chain, chains, node) => {
   }
 };
 
-const Router = class extends HTMLElement {
+const Router$1 = class extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
@@ -18339,7 +18339,7 @@ const createStore = (defaultState, shouldUpdate) => {
 
 const getIdpUrl = () => prompt('Please enter your Identity Provider URL', 'http://localhost:3000');
 
-const { state } = createStore({
+const store = createStore({
   getIdpUrl,
   isLoggedIn: false,
   webId: '',
@@ -18359,11 +18359,11 @@ const PosApp$1 = class extends HTMLElement {
     this.os = createPodOS();
     this.os.handleIncomingRedirect();
     this.os.trackSession(sessionInfo => {
-      state.isLoggedIn = sessionInfo.isLoggedIn;
-      state.webId = sessionInfo.webId;
+      store.state.isLoggedIn = sessionInfo.isLoggedIn;
+      store.state.webId = sessionInfo.webId;
     });
   }
-  async consumeOs(event) {
+  async initializeOs(event) {
     event.stopPropagation();
     event.detail(this.os);
   }
@@ -18372,17 +18372,23 @@ const PosApp$1 = class extends HTMLElement {
   }
 };
 
-const PosDemoApp$1 = class extends HTMLElement {
+const PosAppGeneric$1 = class extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
-    this.url = 'http://localhost:3000/alice/games/minecraft#it';
   }
-  linkClicked(e) {
-    this.url = e.detail;
+  render() {
+    return (h("ion-grid", null, h("ion-row", null, h("ion-col", { size: "12", "size-sm": true }, h("ion-card", null, h("ion-card-header", null, h("img", { src: "https://dummyimage.com/250/ffffff/000000" }), h("ion-card-title", null, h("pos-label", null))), h("ion-card-content", null, h("pos-description", null)))), h("ion-col", { size: "12", "size-sm": true }, h("pos-literals", null)), h("ion-col", { size: "12", "size-sm": true }, h("pos-relations", null)))));
+  }
+};
+
+const PosDemoApp$1 = class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
   }
   render() {
-    return (h("pos-app", null, h("ion-header", null, h("ion-toolbar", null, h("ion-title", { slot: "start" }, "pod os"), h("pos-login", null))), h("ion-content", { class: "ion-padding" }, h("pos-resource", { uri: this.url }, h("ion-grid", null, h("ion-row", null, h("ion-col", { size: "12", "size-sm": true }, h("ion-card", null, h("ion-card-header", null, h("img", { src: "https://upload.wikimedia.org/wikipedia/de/5/57/Minecraft_logo-SVG.svg" }), h("ion-card-subtitle", null, "VideoGame"), h("ion-card-title", null, h("pos-label", null))), h("ion-card-content", null, h("pos-description", null)))), h("ion-col", { size: "12", "size-sm": true }, h("pos-literals", null)), h("ion-col", { size: "12", "size-sm": true }, h("pos-relations", null)))))), h("ion-footer", null, h("ion-toolbar", null, h("ion-title", null, "Footer")))));
+    return (h("pos-app", null, h("ion-header", null, h("ion-toolbar", null, h("ion-title", { slot: "start" }, "pod os"), h("pos-login", null))), h("ion-content", null, h("pos-router", null)), h("ion-footer", null, h("ion-toolbar", null, h("ion-title", null, "Footer")))));
   }
 };
 
@@ -18404,7 +18410,7 @@ const PosDescription$1 = class extends HTMLElement {
   }
 };
 
-const PosLabel$2 = class extends HTMLElement {
+const PosLabel$1 = class extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
@@ -18446,23 +18452,23 @@ const PosLogin$1 = class extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
-    this.consumeOsEmitter = createEvent(this, "consumeOs", 7);
+    this.initializeOsEmitter = createEvent(this, "pod-os:init", 7);
     this.setOs = async (os) => {
       this.os = os;
     };
   }
   componentWillLoad() {
-    this.consumeOsEmitter.emit(this.setOs);
+    this.initializeOsEmitter.emit(this.setOs);
   }
   login() {
-    const idp = state.getIdpUrl();
+    const idp = store.state.getIdpUrl();
     this.os.login(idp);
   }
   logout() {
     this.os.logout();
   }
   render() {
-    return (h(Host, null, state.isLoggedIn ? (h("pos-resource", { uri: state.webId }, h("pos-label", null))) : (''), !state.isLoggedIn && h("ion-button", { onClick: () => this.login() }, "Login"), state.isLoggedIn && h("ion-button", { onClick: () => this.logout() }, "Logout")));
+    return (h(Host, null, store.state.isLoggedIn ? (h("pos-resource", { uri: store.state.webId }, h("pos-label", null))) : (''), !store.state.isLoggedIn && h("ion-button", { onClick: () => this.login() }, "Login"), store.state.isLoggedIn && h("ion-button", { onClick: () => this.logout() }, "Logout")));
   }
 };
 
@@ -18491,7 +18497,7 @@ const PosResource$1 = class extends HTMLElement {
     super();
     this.__registerHost();
     attachShadow(this);
-    this.consumeOsEmitter = createEvent(this, "consumeOs", 7);
+    this.initializeOsEmitter = createEvent(this, "pod-os:init", 7);
     this.consumers = [];
     this.lazy = false;
     this.loading = true;
@@ -18500,7 +18506,8 @@ const PosResource$1 = class extends HTMLElement {
     };
   }
   componentWillLoad() {
-    this.consumeOsEmitter.emit(this.setOs);
+    store.onChange('isLoggedIn', () => this.loadResource());
+    this.initializeOsEmitter.emit(this.setOs);
   }
   async provideResource(event) {
     event.stopPropagation();
@@ -18522,6 +18529,7 @@ const PosResource$1 = class extends HTMLElement {
         await this.os.fetch(this.uri);
       }
       this.resource = this.os.store.get(this.uri);
+      this.error = null;
       this.consumers.forEach(consumer => {
         consumer.detail(this.resource);
       });
@@ -18548,7 +18556,7 @@ const PosResource$1 = class extends HTMLElement {
   }; }
 };
 
-const PosLabel$1 = class extends HTMLElement {
+const PosRichLink$1 = class extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
@@ -18563,6 +18571,406 @@ const PosLabel$1 = class extends HTMLElement {
   }
 };
 
+const createRouter = (opts) => {
+    var _a;
+    const win = window;
+    const url = new URL(win.location.href);
+    const parseURL = (_a = opts === null || opts === void 0 ? void 0 : opts.parseURL) !== null && _a !== void 0 ? _a : DEFAULT_PARSE_URL;
+    const { state, onChange, dispose } = createStore({
+        url,
+        activePath: parseURL(url)
+    }, (newV, oldV, prop) => {
+        if (prop === 'url') {
+            return newV.href !== oldV.href;
+        }
+        return newV !== oldV;
+    });
+    const push = (href) => {
+        history.pushState(null, null, href);
+        const url = new URL(href, document.baseURI);
+        state.url = url;
+        state.activePath = parseURL(url);
+    };
+    const match = (routes) => {
+        const { activePath } = state;
+        for (let route of routes) {
+            const params = matchPath(activePath, route.path);
+            if (params) {
+                if (route.to != null) {
+                    const to = (typeof route.to === 'string')
+                        ? route.to
+                        : route.to(activePath);
+                    push(to);
+                    return match(routes);
+                }
+                else {
+                    return { params, route };
+                }
+            }
+        }
+        return undefined;
+    };
+    const navigationChanged = () => {
+        const url = new URL(win.location.href);
+        state.url = url;
+        state.activePath = parseURL(url);
+    };
+    const Switch = (_, childrenRoutes) => {
+        const result = match(childrenRoutes);
+        if (result) {
+            if (typeof result.route.jsx === 'function') {
+                return result.route.jsx(result.params);
+            }
+            else {
+                return result.route.jsx;
+            }
+        }
+    };
+    const disposeRouter = () => {
+        win.removeEventListener('popstate', navigationChanged);
+        dispose();
+    };
+    const router = {
+        Switch,
+        get url() {
+            return state.url;
+        },
+        get activePath() {
+            return state.activePath;
+        },
+        push,
+        onChange: onChange,
+        dispose: disposeRouter,
+    };
+    // Initial update
+    navigationChanged();
+    // Listen URL changes
+    win.addEventListener('popstate', navigationChanged);
+    return router;
+};
+const Route = (props, children) => {
+    var _a;
+    if ('to' in props) {
+        return {
+            path: props.path,
+            to: props.to,
+        };
+    }
+    if (Build.isDev && props.render && children.length > 0) {
+        console.warn('Route: if `render` is provided, the component should not have any children');
+    }
+    return {
+        path: props.path,
+        id: props.id,
+        jsx: (_a = props.render) !== null && _a !== void 0 ? _a : children,
+    };
+};
+const matchPath = (pathname, path) => {
+    if (typeof path === 'string') {
+        if (path === pathname) {
+            return {};
+        }
+    }
+    else if (typeof path === 'function') {
+        const params = path(pathname);
+        if (params) {
+            return params === true
+                ? {}
+                : { ...params };
+        }
+    }
+    else {
+        const results = path.exec(pathname);
+        if (results) {
+            path.lastIndex = 0;
+            return { ...results };
+        }
+    }
+    return undefined;
+};
+const DEFAULT_PARSE_URL = (url) => {
+    return url.pathname.toLowerCase();
+};
+
+/**
+ * TS adaption of https://github.com/pillarjs/path-to-regexp/blob/master/index.js
+ */
+/**
+ * Default configs.
+ */
+const DEFAULT_DELIMITER = '/';
+const DEFAULT_DELIMITERS = './';
+/**
+ * The main path matching regexp utility.
+ */
+const PATH_REGEXP = new RegExp([
+    // Match escaped characters that would otherwise appear in future matches.
+    // This allows the user to escape special characters that won't transform.
+    '(\\\\.)',
+    // Match Express-style parameters and un-named parameters with a prefix
+    // and optional suffixes. Matches appear as:
+    //
+    // "/:test(\\d+)?" => ["/", "test", "\d+", undefined, "?"]
+    // "/route(\\d+)"  => [undefined, undefined, undefined, "\d+", undefined]
+    '(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?'
+].join('|'), 'g');
+/**
+ * Parse a string for the raw tokens.
+ */
+const parse = (str, options) => {
+    var tokens = [];
+    var key = 0;
+    var index = 0;
+    var path = '';
+    var defaultDelimiter = (options && options.delimiter) || DEFAULT_DELIMITER;
+    var delimiters = (options && options.delimiters) || DEFAULT_DELIMITERS;
+    var pathEscaped = false;
+    var res;
+    while ((res = PATH_REGEXP.exec(str)) !== null) {
+        var m = res[0];
+        var escaped = res[1];
+        var offset = res.index;
+        path += str.slice(index, offset);
+        index = offset + m.length;
+        // Ignore already escaped sequences.
+        if (escaped) {
+            path += escaped[1];
+            pathEscaped = true;
+            continue;
+        }
+        var prev = '';
+        var next = str[index];
+        var name = res[2];
+        var capture = res[3];
+        var group = res[4];
+        var modifier = res[5];
+        if (!pathEscaped && path.length) {
+            var k = path.length - 1;
+            if (delimiters.indexOf(path[k]) > -1) {
+                prev = path[k];
+                path = path.slice(0, k);
+            }
+        }
+        // Push the current path onto the tokens.
+        if (path) {
+            tokens.push(path);
+            path = '';
+            pathEscaped = false;
+        }
+        var partial = prev !== '' && next !== undefined && next !== prev;
+        var repeat = modifier === '+' || modifier === '*';
+        var optional = modifier === '?' || modifier === '*';
+        var delimiter = prev || defaultDelimiter;
+        var pattern = capture || group;
+        tokens.push({
+            name: name || key++,
+            prefix: prev,
+            delimiter: delimiter,
+            optional: optional,
+            repeat: repeat,
+            partial: partial,
+            pattern: pattern ? escapeGroup(pattern) : '[^' + escapeString(delimiter) + ']+?'
+        });
+    }
+    // Push any remaining characters.
+    if (path || index < str.length) {
+        tokens.push(path + str.substr(index));
+    }
+    return tokens;
+};
+/**
+ * Escape a regular expression string.
+ */
+const escapeString = (str) => {
+    return str.replace(/([.+*?=^!:${}()[\]|/\\])/g, '\\$1');
+};
+/**
+ * Escape the capturing group by escaping special characters and meaning.
+ */
+const escapeGroup = (group) => {
+    return group.replace(/([=!:$/()])/g, '\\$1');
+};
+/**
+ * Get the flags for a regexp from the options.
+ */
+const flags = (options) => {
+    return options && options.sensitive ? '' : 'i';
+};
+/**
+ * Pull out keys from a regexp.
+ */
+const regexpToRegexp = (path, keys) => {
+    if (!keys)
+        return path;
+    // Use a negative lookahead to match only capturing groups.
+    var groups = path.source.match(/\((?!\?)/g);
+    if (groups) {
+        for (var i = 0; i < groups.length; i++) {
+            keys.push({
+                name: i,
+                prefix: null,
+                delimiter: null,
+                optional: false,
+                repeat: false,
+                partial: false,
+                pattern: null
+            });
+        }
+    }
+    return path;
+};
+/**
+ * Transform an array into a regexp.
+ */
+const arrayToRegexp = (path, keys, options) => {
+    var parts = [];
+    for (var i = 0; i < path.length; i++) {
+        parts.push(pathToRegexp(path[i], keys, options).source);
+    }
+    return new RegExp('(?:' + parts.join('|') + ')', flags(options));
+};
+/**
+ * Create a path regexp from string input.
+ */
+const stringToRegexp = (path, keys, options) => {
+    return tokensToRegExp(parse(path, options), keys, options);
+};
+/**
+ * Expose a function for taking tokens and returning a RegExp.
+ */
+const tokensToRegExp = (tokens, keys, options) => {
+    options = options || {};
+    var strict = options.strict;
+    var end = options.end !== false;
+    var delimiter = escapeString(options.delimiter || DEFAULT_DELIMITER);
+    var delimiters = options.delimiters || DEFAULT_DELIMITERS;
+    var endsWith = [].concat(options.endsWith || []).map(escapeString).concat('$').join('|');
+    var route = '';
+    var isEndDelimited = false;
+    // Iterate over the tokens and create our regexp string.
+    for (var i = 0; i < tokens.length; i++) {
+        var token = tokens[i];
+        if (typeof token === 'string') {
+            route += escapeString(token);
+            isEndDelimited = i === tokens.length - 1 && delimiters.indexOf(token[token.length - 1]) > -1;
+        }
+        else {
+            var prefix = escapeString(token.prefix || '');
+            var capture = token.repeat
+                ? '(?:' + token.pattern + ')(?:' + prefix + '(?:' + token.pattern + '))*'
+                : token.pattern;
+            if (keys)
+                keys.push(token);
+            if (token.optional) {
+                if (token.partial) {
+                    route += prefix + '(' + capture + ')?';
+                }
+                else {
+                    route += '(?:' + prefix + '(' + capture + '))?';
+                }
+            }
+            else {
+                route += prefix + '(' + capture + ')';
+            }
+        }
+    }
+    if (end) {
+        if (!strict)
+            route += '(?:' + delimiter + ')?';
+        route += endsWith === '$' ? '$' : '(?=' + endsWith + ')';
+    }
+    else {
+        if (!strict)
+            route += '(?:' + delimiter + '(?=' + endsWith + '))?';
+        if (!isEndDelimited)
+            route += '(?=' + delimiter + '|' + endsWith + ')';
+    }
+    return new RegExp('^' + route, flags(options));
+};
+/**
+ * Normalize the given path string, returning a regular expression.
+ *
+ * An empty array can be passed in for the keys, which will hold the
+ * placeholder key descriptions. For example, using `/user/:id`, `keys` will
+ * contain `[{ name: 'id', delimiter: '/', optional: false, repeat: false }]`.
+ */
+const pathToRegexp = (path, keys, options) => {
+    if (path instanceof RegExp) {
+        return regexpToRegexp(path, keys);
+    }
+    if (Array.isArray(path)) {
+        return arrayToRegexp(path, keys, options);
+    }
+    return stringToRegexp(path, keys, options);
+};
+
+let cacheCount = 0;
+const patternCache = {};
+const cacheLimit = 10000;
+// Memoized function for creating the path match regex
+const compilePath = (pattern, options) => {
+    const cacheKey = `${options.end}${options.strict}`;
+    const cache = patternCache[cacheKey] || (patternCache[cacheKey] = {});
+    const cachePattern = JSON.stringify(pattern);
+    if (cache[cachePattern]) {
+        return cache[cachePattern];
+    }
+    const keys = [];
+    const re = pathToRegexp(pattern, keys, options);
+    const compiledPattern = { re, keys };
+    if (cacheCount < cacheLimit) {
+        cache[cachePattern] = compiledPattern;
+        cacheCount += 1;
+    }
+    return compiledPattern;
+};
+const match = (pathname, options = {}) => {
+    const { exact = false, strict = false } = options;
+    const { re, keys } = compilePath(pathname, { end: exact, strict });
+    return (path) => {
+        const match = re.exec(path);
+        if (!match) {
+            return undefined;
+        }
+        const [url, ...values] = match;
+        const isExact = path === url;
+        if (exact && !isExact) {
+            return undefined;
+        }
+        return keys.reduce((memo, key, index) => {
+            memo[key.name] = values[index];
+            return memo;
+        }, {});
+    };
+};
+
+const Router = createRouter();
+const PosRouter$1 = class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+  }
+  linkClicked(e) {
+    this.navigate(e.detail);
+  }
+  componentWillLoad() {
+    this.updateUri();
+    Router.onChange('url', () => {
+      this.updateUri();
+    });
+  }
+  navigate(uri) {
+    Router.push('?uri=' + encodeURIComponent(uri));
+  }
+  updateUri() {
+    this.uri = new URLSearchParams(window.location.search).get('uri') || window.location.href;
+  }
+  render() {
+    console.log('render router', this.uri);
+    return (h(Router.Switch, null, h(Route, { path: match('', { exact: false }) }, h("pos-resource", { key: this.uri, uri: this.uri }, h("pos-app-generic", null)))));
+  }
+};
+
 globalScripts();
 const IonActionSheet = /*@__PURE__*/proxyCustomElement(ActionSheet, [34,"ion-action-sheet",{"overlayIndex":[2,"overlay-index"],"keyboardClose":[4,"keyboard-close"],"enterAnimation":[16],"leaveAnimation":[16],"buttons":[16],"cssClass":[1,"css-class"],"backdropDismiss":[4,"backdrop-dismiss"],"header":[1],"subHeader":[1,"sub-header"],"translucent":[4],"animated":[4],"htmlAttributes":[16]}]);
 const IonAlert = /*@__PURE__*/proxyCustomElement(Alert, [34,"ion-alert",{"overlayIndex":[2,"overlay-index"],"keyboardClose":[4,"keyboard-close"],"enterAnimation":[16],"leaveAnimation":[16],"cssClass":[1,"css-class"],"header":[1],"subHeader":[1,"sub-header"],"message":[1],"buttons":[16],"inputs":[1040],"backdropDismiss":[4,"backdrop-dismiss"],"translucent":[4],"animated":[4],"htmlAttributes":[16]},[[4,"keydown","onKeydown"]]]);
@@ -18623,9 +19031,9 @@ const IonRefresherContent = /*@__PURE__*/proxyCustomElement(RefresherContent, [0
 const IonReorder = /*@__PURE__*/proxyCustomElement(Reorder, [33,"ion-reorder",null,[[2,"click","onClick"]]]);
 const IonReorderGroup = /*@__PURE__*/proxyCustomElement(ReorderGroup, [0,"ion-reorder-group",{"disabled":[4],"state":[32]}]);
 const IonRippleEffect = /*@__PURE__*/proxyCustomElement(RippleEffect, [1,"ion-ripple-effect",{"type":[1]}]);
-const IonRoute = /*@__PURE__*/proxyCustomElement(Route, [0,"ion-route",{"url":[1],"component":[1],"componentProps":[16],"beforeLeave":[16],"beforeEnter":[16]}]);
+const IonRoute = /*@__PURE__*/proxyCustomElement(Route$1, [0,"ion-route",{"url":[1],"component":[1],"componentProps":[16],"beforeLeave":[16],"beforeEnter":[16]}]);
 const IonRouteRedirect = /*@__PURE__*/proxyCustomElement(RouteRedirect, [0,"ion-route-redirect",{"from":[1],"to":[1]}]);
-const IonRouter = /*@__PURE__*/proxyCustomElement(Router, [0,"ion-router",{"root":[1],"useHash":[4,"use-hash"]},[[8,"popstate","onPopState"],[4,"ionBackButton","onBackButton"]]]);
+const IonRouter = /*@__PURE__*/proxyCustomElement(Router$1, [0,"ion-router",{"root":[1],"useHash":[4,"use-hash"]},[[8,"popstate","onPopState"],[4,"ionBackButton","onBackButton"]]]);
 const IonRouterLink = /*@__PURE__*/proxyCustomElement(RouterLink, [1,"ion-router-link",{"color":[513],"href":[1],"rel":[1],"routerDirection":[1,"router-direction"],"routerAnimation":[16],"target":[1]}]);
 const IonRouterOutlet = /*@__PURE__*/proxyCustomElement(RouterOutlet, [1,"ion-router-outlet",{"mode":[1025],"delegate":[16],"animated":[4],"animation":[16],"swipeHandler":[16]}]);
 const IonRow = /*@__PURE__*/proxyCustomElement(Row, [1,"ion-row"]);
@@ -18652,15 +19060,17 @@ const IonToast = /*@__PURE__*/proxyCustomElement(Toast, [33,"ion-toast",{"overla
 const IonToggle = /*@__PURE__*/proxyCustomElement(Toggle, [33,"ion-toggle",{"color":[513],"name":[1],"checked":[1028],"disabled":[4],"value":[1],"activated":[32]}]);
 const IonToolbar = /*@__PURE__*/proxyCustomElement(Toolbar, [33,"ion-toolbar",{"color":[513]},[[0,"ionStyle","childrenStyle"]]]);
 const IonVirtualScroll = /*@__PURE__*/proxyCustomElement(VirtualScroll, [0,"ion-virtual-scroll",{"approxItemHeight":[2,"approx-item-height"],"approxHeaderHeight":[2,"approx-header-height"],"approxFooterHeight":[2,"approx-footer-height"],"headerFn":[16],"footerFn":[16],"items":[16],"itemHeight":[16],"headerHeight":[16],"footerHeight":[16],"renderItem":[16],"renderHeader":[16],"renderFooter":[16],"nodeRender":[16],"domRender":[16],"totalHeight":[32]},[[9,"resize","onResize"]]]);
-const PosApp = /*@__PURE__*/proxyCustomElement(PosApp$1, [4,"pos-app",{"os":[32]},[[0,"consumeOs","consumeOs"]]]);
-const PosDemoApp = /*@__PURE__*/proxyCustomElement(PosDemoApp$1, [0,"pos-demo-app",{"url":[32]},[[0,"pod-os:link","linkClicked"]]]);
+const PosApp = /*@__PURE__*/proxyCustomElement(PosApp$1, [4,"pos-app",{"os":[32]},[[0,"pod-os:init","initializeOs"]]]);
+const PosAppGeneric = /*@__PURE__*/proxyCustomElement(PosAppGeneric$1, [0,"pos-app-generic"]);
+const PosDemoApp = /*@__PURE__*/proxyCustomElement(PosDemoApp$1, [0,"pos-demo-app"]);
 const PosDescription = /*@__PURE__*/proxyCustomElement(PosDescription$1, [1,"pos-description",{"resource":[32]}]);
-const PosLabel = /*@__PURE__*/proxyCustomElement(PosLabel$2, [1,"pos-label",{"resource":[32]}]);
+const PosLabel = /*@__PURE__*/proxyCustomElement(PosLabel$1, [1,"pos-label",{"resource":[32]}]);
 const PosLiterals = /*@__PURE__*/proxyCustomElement(PosLiterals$1, [1,"pos-literals",{"data":[32]}]);
 const PosLogin = /*@__PURE__*/proxyCustomElement(PosLogin$1, [0,"pos-login",{"os":[32]}]);
 const PosRelations = /*@__PURE__*/proxyCustomElement(PosRelations$1, [1,"pos-relations",{"data":[32]}]);
 const PosResource = /*@__PURE__*/proxyCustomElement(PosResource$1, [1,"pos-resource",{"uri":[1],"lazy":[4],"os":[32],"resource":[32],"consumers":[32],"error":[32],"loading":[32]},[[0,"pod-os:resource","provideResource"]]]);
-const PosRichLink = /*@__PURE__*/proxyCustomElement(PosLabel$1, [1,"pos-rich-link",{"uri":[1]}]);
+const PosRichLink = /*@__PURE__*/proxyCustomElement(PosRichLink$1, [1,"pos-rich-link",{"uri":[1]}]);
+const PosRouter = /*@__PURE__*/proxyCustomElement(PosRouter$1, [0,"pos-router",{"uri":[32]},[[0,"pod-os:link","linkClicked"]]]);
 const defineCustomElements = (opts) => {
   if (typeof customElements !== 'undefined') {
     [
@@ -18753,6 +19163,7 @@ const defineCustomElements = (opts) => {
   IonToolbar,
   IonVirtualScroll,
   PosApp,
+  PosAppGeneric,
   PosDemoApp,
   PosDescription,
   PosLabel,
@@ -18760,7 +19171,8 @@ const defineCustomElements = (opts) => {
   PosLogin,
   PosRelations,
   PosResource,
-  PosRichLink
+  PosRichLink,
+  PosRouter
     ].forEach(cmp => {
       if (!customElements.get(cmp.is)) {
         customElements.define(cmp.is, cmp, opts);
@@ -18769,4 +19181,4 @@ const defineCustomElements = (opts) => {
   }
 };
 
-export { IonActionSheet, IonAlert, IonApp, IonAvatar, IonBackButton, IonBackdrop, IonBadge, IonButton, IonButtons, IonCard, IonCardContent, IonCardHeader, IonCardSubtitle, IonCardTitle, IonCheckbox, IonChip, IonCol, IonContent, IonDatetime, IonFab, IonFabButton, IonFabList, IonFooter, IonGrid, IonHeader, IonIcon, IonImg, IonInfiniteScroll, IonInfiniteScrollContent, IonInput, IonItem, IonItemDivider, IonItemGroup, IonItemOption, IonItemOptions, IonItemSliding, IonLabel, IonList, IonListHeader, IonLoading, IonMenu, IonMenuButton, IonMenuToggle, IonModal, IonNav, IonNavLink, IonNote, IonPicker, IonPickerColumn, IonPopover, IonProgressBar, IonRadio, IonRadioGroup, IonRange, IonRefresher, IonRefresherContent, IonReorder, IonReorderGroup, IonRippleEffect, IonRoute, IonRouteRedirect, IonRouter, IonRouterLink, IonRouterOutlet, IonRow, IonSearchbar, IonSegment, IonSegmentButton, IonSelect, IonSelectOption, IonSelectPopover, IonSkeletonText, IonSlide, IonSlides, IonSpinner, IonSplitPane, IonTab, IonTabBar, IonTabButton, IonTabs, IonText, IonTextarea, IonThumbnail, IonTitle, IonToast, IonToggle, IonToolbar, IonVirtualScroll, PosApp, PosDemoApp, PosDescription, PosLabel, PosLiterals, PosLogin, PosRelations, PosResource, PosRichLink, addEventListener as a, raf as b, componentOnReady as c, createGesture as d, defineCustomElements, clamp as e, createAnimation as f, getIonPageElement as g, now as n, pointerCoord as p, removeEventListener as r };
+export { IonActionSheet, IonAlert, IonApp, IonAvatar, IonBackButton, IonBackdrop, IonBadge, IonButton, IonButtons, IonCard, IonCardContent, IonCardHeader, IonCardSubtitle, IonCardTitle, IonCheckbox, IonChip, IonCol, IonContent, IonDatetime, IonFab, IonFabButton, IonFabList, IonFooter, IonGrid, IonHeader, IonIcon, IonImg, IonInfiniteScroll, IonInfiniteScrollContent, IonInput, IonItem, IonItemDivider, IonItemGroup, IonItemOption, IonItemOptions, IonItemSliding, IonLabel, IonList, IonListHeader, IonLoading, IonMenu, IonMenuButton, IonMenuToggle, IonModal, IonNav, IonNavLink, IonNote, IonPicker, IonPickerColumn, IonPopover, IonProgressBar, IonRadio, IonRadioGroup, IonRange, IonRefresher, IonRefresherContent, IonReorder, IonReorderGroup, IonRippleEffect, IonRoute, IonRouteRedirect, IonRouter, IonRouterLink, IonRouterOutlet, IonRow, IonSearchbar, IonSegment, IonSegmentButton, IonSelect, IonSelectOption, IonSelectPopover, IonSkeletonText, IonSlide, IonSlides, IonSpinner, IonSplitPane, IonTab, IonTabBar, IonTabButton, IonTabs, IonText, IonTextarea, IonThumbnail, IonTitle, IonToast, IonToggle, IonToolbar, IonVirtualScroll, PosApp, PosAppGeneric, PosDemoApp, PosDescription, PosLabel, PosLiterals, PosLogin, PosRelations, PosResource, PosRichLink, PosRouter, addEventListener as a, raf as b, componentOnReady as c, createGesture as d, defineCustomElements, clamp as e, createAnimation as f, getIonPageElement as g, now as n, pointerCoord as p, removeEventListener as r };