@pod-os/elements 0.26.1-rc.d6e1fef.0 → 0.26.1-rc.f4329bf.0

package/dist/types/components/pos-make-findable/shoelace.d.ts

@@ -0,0 +1,3 @@
+import '@shoelace-style/shoelace/dist/components/dropdown/dropdown.js';
+import '@shoelace-style/shoelace/dist/components/menu/menu.js';
+import '@shoelace-style/shoelace/dist/components/menu-item/menu-item.js';

package/dist/types/components/pos-navigation/__test/typeToSearch.d.ts

@@ -0,0 +1 @@
+export declare function typeToSearch(page: any, text: string): Promise<void>;

package/dist/types/components/pos-navigation/bar/pos-navigation-bar.d.ts

@@ -0,0 +1,11 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { Thing } from '@pod-os/core';
+export declare class PosNavigationBar {
+    current?: Thing;
+    searchIndexReady: boolean;
+    navigate: EventEmitter;
+    private onClick;
+    activate(e: KeyboardEvent): void;
+    render(): any;
+    private icon;
+}

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

@@ -0,0 +1,44 @@
+import { PodOS, SearchIndex, Thing } from '@pod-os/core';
+import { EventEmitter } from '../../stencil-public-runtime';
+import { PodOsAware, PodOsEventEmitter } from '../events/PodOsAware';
+interface NavigateEvent {
+    detail: Thing | null;
+}
+export declare class PosNavigation implements PodOsAware {
+    private os;
+    private dialogRef?;
+    private inputRef?;
+    subscribePodOs: PodOsEventEmitter;
+    /**
+     * Initial value of the navigation bar
+     */
+    uri: string;
+    /**
+     * Current value of the input field
+     */
+    private inputValue;
+    linkEmitter: EventEmitter;
+    searchIndex?: SearchIndex;
+    private suggestions;
+    private selectedIndex;
+    private resource;
+    private readonly changeEvents;
+    private debouncedSearch;
+    updateResource(): void;
+    componentWillLoad(): void;
+    disconnectedCallback(): void;
+    private buildSearchIndex;
+    rebuildSearchIndex(): void;
+    openNavigationDialog(e: NavigateEvent): void;
+    private clearSearchIndex;
+    receivePodOs: (os: PodOS) => Promise<void>;
+    private onChange;
+    closeDialog(): void;
+    clearSuggestions(): void;
+    onClickSelf(event: any): void;
+    handleKeyDown(ev: KeyboardEvent): void;
+    private search;
+    private onSubmit;
+    render(): any;
+}
+export {};

package/dist/types/components/pos-user-menu/pos-user-menu.d.ts

@@ -0,0 +1,13 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import './shoelace';
+export declare class PosUserMenu {
+    webId: string;
+    logout: EventEmitter;
+    link: EventEmitter;
+    onSelect(e: CustomEvent<{
+        item: {
+            value: 'profile' | 'logout' | 'dashboard';
+        };
+    }>): void;
+    render(): any;
+}

package/dist/types/components/pos-user-menu/shoelace.d.ts

@@ -0,0 +1,5 @@
+import '@shoelace-style/shoelace/dist/components/dropdown/dropdown.js';
+import '@shoelace-style/shoelace/dist/components/menu/menu.js';
+import '@shoelace-style/shoelace/dist/components/menu-item/menu-item.js';
+import '@shoelace-style/shoelace/dist/components/avatar/avatar.js';
+import '@shoelace-style/shoelace/dist/components/divider/divider.js';

package/dist/types/components.d.ts

@@ -5,6 +5,8 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+import { Thing } from "@pod-os/core";
+export { Thing } from "@pod-os/core";
 export namespace Components {
     interface PosAddLiteralValue {
     }
@@ -16,7 +18,7 @@ export namespace Components {
     }
     interface PosAppBrowser {
         /**
-          * The mode the app is running in:  - standalone:  use this when you deploy it as a standalone web application - pod: use this when you host this app as a default interface for you pod
+          * The mode the app is running in:  - standalone: use this when you deploy it as a standalone web application - pod: use this when you host this app as a default interface for you pod
          */
         "mode": 'standalone' | 'pod';
         "restorePreviousSession": boolean;
@@ -95,9 +97,16 @@ export namespace Components {
     interface PosMakeFindable {
         "uri": string;
     }
-    interface PosNavigationBar {
+    interface PosNavigation {
+        /**
+          * Initial value of the navigation bar
+         */
         "uri": string;
     }
+    interface PosNavigationBar {
+        "current"?: Thing;
+        "searchIndexReady": boolean;
+    }
     interface PosNewThingForm {
         "referenceUri": string;
     }
@@ -146,6 +155,9 @@ export namespace Components {
     }
     interface PosTypeRouter {
     }
+    interface PosUserMenu {
+        "webId": string;
+    }
     interface PosValue {
         /**
           * URI of the predicate to get the value from
@@ -185,6 +197,10 @@ export interface PosDocumentCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPosDocumentElement;
 }
+export interface PosGettingStartedCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLPosGettingStartedElement;
+}
 export interface PosImageCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPosImageElement;
@@ -213,6 +229,10 @@ export interface PosMakeFindableCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPosMakeFindableElement;
 }
+export interface PosNavigationCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLPosNavigationElement;
+}
 export interface PosNavigationBarCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPosNavigationBarElement;
@@ -261,6 +281,10 @@ export interface PosTypeRouterCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPosTypeRouterElement;
 }
+export interface PosUserMenuCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLPosUserMenuElement;
+}
 export interface PosValueCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPosValueElement;
@@ -470,7 +494,18 @@ declare global {
         prototype: HTMLPosExampleResourcesElement;
         new (): HTMLPosExampleResourcesElement;
     };
+    interface HTMLPosGettingStartedElementEventMap {
+        "pod-os:login": void;
+    }
     interface HTMLPosGettingStartedElement extends Components.PosGettingStarted, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLPosGettingStartedElementEventMap>(type: K, listener: (this: HTMLPosGettingStartedElement, ev: PosGettingStartedCustomEvent<HTMLPosGettingStartedElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLPosGettingStartedElementEventMap>(type: K, listener: (this: HTMLPosGettingStartedElement, ev: PosGettingStartedCustomEvent<HTMLPosGettingStartedElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLPosGettingStartedElement: {
         prototype: HTMLPosGettingStartedElement;
@@ -610,10 +645,27 @@ declare global {
         prototype: HTMLPosMakeFindableElement;
         new (): HTMLPosMakeFindableElement;
     };
-    interface HTMLPosNavigationBarElementEventMap {
+    interface HTMLPosNavigationElementEventMap {
         "pod-os:init": any;
         "pod-os:link": any;
     }
+    interface HTMLPosNavigationElement extends Components.PosNavigation, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLPosNavigationElementEventMap>(type: K, listener: (this: HTMLPosNavigationElement, ev: PosNavigationCustomEvent<HTMLPosNavigationElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLPosNavigationElementEventMap>(type: K, listener: (this: HTMLPosNavigationElement, ev: PosNavigationCustomEvent<HTMLPosNavigationElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLPosNavigationElement: {
+        prototype: HTMLPosNavigationElement;
+        new (): HTMLPosNavigationElement;
+    };
+    interface HTMLPosNavigationBarElementEventMap {
+        "pod-os:navigate": any;
+    }
     interface HTMLPosNavigationBarElement extends Components.PosNavigationBar, HTMLStencilElement {
         addEventListener<K extends keyof HTMLPosNavigationBarElementEventMap>(type: K, listener: (this: HTMLPosNavigationBarElement, ev: PosNavigationBarCustomEvent<HTMLPosNavigationBarElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
@@ -836,6 +888,24 @@ declare global {
         prototype: HTMLPosTypeRouterElement;
         new (): HTMLPosTypeRouterElement;
     };
+    interface HTMLPosUserMenuElementEventMap {
+        "pod-os:logout": any;
+        "pod-os:link": any;
+    }
+    interface HTMLPosUserMenuElement extends Components.PosUserMenu, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLPosUserMenuElementEventMap>(type: K, listener: (this: HTMLPosUserMenuElement, ev: PosUserMenuCustomEvent<HTMLPosUserMenuElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLPosUserMenuElementEventMap>(type: K, listener: (this: HTMLPosUserMenuElement, ev: PosUserMenuCustomEvent<HTMLPosUserMenuElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLPosUserMenuElement: {
+        prototype: HTMLPosUserMenuElement;
+        new (): HTMLPosUserMenuElement;
+    };
     interface HTMLPosValueElementEventMap {
         "pod-os:resource": any;
     }
@@ -881,6 +951,7 @@ declare global {
         "pos-login": HTMLPosLoginElement;
         "pos-login-form": HTMLPosLoginFormElement;
         "pos-make-findable": HTMLPosMakeFindableElement;
+        "pos-navigation": HTMLPosNavigationElement;
         "pos-navigation-bar": HTMLPosNavigationBarElement;
         "pos-new-thing-form": HTMLPosNewThingFormElement;
         "pos-picture": HTMLPosPictureElement;
@@ -895,6 +966,7 @@ declare global {
         "pos-subjects": HTMLPosSubjectsElement;
         "pos-type-badges": HTMLPosTypeBadgesElement;
         "pos-type-router": HTMLPosTypeRouterElement;
+        "pos-user-menu": HTMLPosUserMenuElement;
         "pos-value": HTMLPosValueElement;
     }
 }
@@ -923,7 +995,7 @@ declare namespace LocalJSX {
     }
     interface PosAppBrowser {
         /**
-          * The mode the app is running in:  - standalone:  use this when you deploy it as a standalone web application - pod: use this when you host this app as a default interface for you pod
+          * The mode the app is running in:  - standalone: use this when you deploy it as a standalone web application - pod: use this when you host this app as a default interface for you pod
          */
         "mode"?: 'standalone' | 'pod';
         "restorePreviousSession"?: boolean;
@@ -973,6 +1045,7 @@ declare namespace LocalJSX {
     interface PosExampleResources {
     }
     interface PosGettingStarted {
+        "onPod-os:login"?: (event: PosGettingStartedCustomEvent<void>) => void;
     }
     /**
      * Tries fetch an image with the solid authentication, and can visualize http errors like 403 or 404 if this fails.
@@ -1028,11 +1101,19 @@ declare namespace LocalJSX {
         "onPod-os:search:index-updated"?: (event: PosMakeFindableCustomEvent<any>) => void;
         "uri": string;
     }
-    interface PosNavigationBar {
-        "onPod-os:init"?: (event: PosNavigationBarCustomEvent<any>) => void;
-        "onPod-os:link"?: (event: PosNavigationBarCustomEvent<any>) => void;
+    interface PosNavigation {
+        "onPod-os:init"?: (event: PosNavigationCustomEvent<any>) => void;
+        "onPod-os:link"?: (event: PosNavigationCustomEvent<any>) => void;
+        /**
+          * Initial value of the navigation bar
+         */
         "uri"?: string;
     }
+    interface PosNavigationBar {
+        "current"?: Thing;
+        "onPod-os:navigate"?: (event: PosNavigationBarCustomEvent<any>) => void;
+        "searchIndexReady"?: boolean;
+    }
     interface PosNewThingForm {
         "onPod-os:error"?: (event: PosNewThingFormCustomEvent<any>) => void;
         "onPod-os:init"?: (event: PosNewThingFormCustomEvent<any>) => void;
@@ -1104,6 +1185,11 @@ declare namespace LocalJSX {
     interface PosTypeRouter {
         "onPod-os:resource"?: (event: PosTypeRouterCustomEvent<any>) => void;
     }
+    interface PosUserMenu {
+        "onPod-os:link"?: (event: PosUserMenuCustomEvent<any>) => void;
+        "onPod-os:logout"?: (event: PosUserMenuCustomEvent<any>) => void;
+        "webId": string;
+    }
     interface PosValue {
         "onPod-os:resource"?: (event: PosValueCustomEvent<any>) => void;
         /**
@@ -1139,6 +1225,7 @@ declare namespace LocalJSX {
         "pos-login": PosLogin;
         "pos-login-form": PosLoginForm;
         "pos-make-findable": PosMakeFindable;
+        "pos-navigation": PosNavigation;
         "pos-navigation-bar": PosNavigationBar;
         "pos-new-thing-form": PosNewThingForm;
         "pos-picture": PosPicture;
@@ -1153,6 +1240,7 @@ declare namespace LocalJSX {
         "pos-subjects": PosSubjects;
         "pos-type-badges": PosTypeBadges;
         "pos-type-router": PosTypeRouter;
+        "pos-user-menu": PosUserMenu;
         "pos-value": PosValue;
     }
 }
@@ -1195,6 +1283,7 @@ declare module "@stencil/core" {
             "pos-login": LocalJSX.PosLogin & JSXBase.HTMLAttributes<HTMLPosLoginElement>;
             "pos-login-form": LocalJSX.PosLoginForm & JSXBase.HTMLAttributes<HTMLPosLoginFormElement>;
             "pos-make-findable": LocalJSX.PosMakeFindable & JSXBase.HTMLAttributes<HTMLPosMakeFindableElement>;
+            "pos-navigation": LocalJSX.PosNavigation & JSXBase.HTMLAttributes<HTMLPosNavigationElement>;
             "pos-navigation-bar": LocalJSX.PosNavigationBar & JSXBase.HTMLAttributes<HTMLPosNavigationBarElement>;
             "pos-new-thing-form": LocalJSX.PosNewThingForm & JSXBase.HTMLAttributes<HTMLPosNewThingFormElement>;
             "pos-picture": LocalJSX.PosPicture & JSXBase.HTMLAttributes<HTMLPosPictureElement>;
@@ -1214,6 +1303,7 @@ declare module "@stencil/core" {
             "pos-subjects": LocalJSX.PosSubjects & JSXBase.HTMLAttributes<HTMLPosSubjectsElement>;
             "pos-type-badges": LocalJSX.PosTypeBadges & JSXBase.HTMLAttributes<HTMLPosTypeBadgesElement>;
             "pos-type-router": LocalJSX.PosTypeRouter & JSXBase.HTMLAttributes<HTMLPosTypeRouterElement>;
+            "pos-user-menu": LocalJSX.PosUserMenu & JSXBase.HTMLAttributes<HTMLPosUserMenuElement>;
             "pos-value": LocalJSX.PosValue & JSXBase.HTMLAttributes<HTMLPosValueElement>;
         }
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pod-os/elements",
-  "version": "0.26.1-rc.d6e1fef.0",
+  "version": "0.26.1-rc.f4329bf.0",
   "description": "Custom elements for usage with Solid Pods",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -23,6 +23,7 @@
   "dependencies": {
     "@ionic/core": "^7.8.6",
     "@pod-os/core": "^0.17.0",
+    "@shoelace-style/shoelace": "^2.20.1",
     "@stencil/core": "4.24.0",
     "@stencil/store": "^2.1.3",
     "idb": "^8.0.3",

package/dist/cjs/app-globals-1c06b5ae.js

@@ -1,16 +0,0 @@
-'use strict';
-
-const ionicGlobal = require('./ionic-global-c7ac1ce0.js');
-
-const globalFn = () => { };
-
-const globalScripts = () => {
-  return Promise.all([
-    globalFn(),
-    ionicGlobal.initialize(),
-  ]);
-};
-
-exports.globalScripts = globalScripts;
-
-//# sourceMappingURL=app-globals-1c06b5ae.js.map

package/dist/cjs/app-globals-1c06b5ae.js.map

@@ -1 +0,0 @@
-{"file":"app-globals-1c06b5ae.js","mappings":";;;;;;AAEY,MAAC,aAAa,GAAG,MAAM;AACnC,EAAE,OAAO,OAAO,CAAC,GAAG,CAAC;AACrB,IAAIA,QAAoB,EAAE;AAC1B,IAAIC,sBAAqB,EAAE;AAC3B,GAAG,CAAC,CAAC;AACL;;;;","names":["elementsGlobalScript","ionicCoreGlobalScript"],"sources":["@stencil/core/internal/app-globals"],"sourcesContent":["import ionicCoreGlobalScript from '/home/runner/work/PodOS/PodOS/node_modules/@ionic/core/dist/collection/global/ionic-global.js';\nimport elementsGlobalScript from '/home/runner/work/PodOS/PodOS/elements/src/global.ts';\nexport const globalScripts = () => {\n  return Promise.all([\n    elementsGlobalScript(),\n    ionicCoreGlobalScript(),\n  ]);\n};\n"],"version":3}