@pod-os/contacts 0.0.2-rc.40ff2aa.0

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

@@ -0,0 +1,37 @@
+import { r as registerInstance, h, e as Host, a as getElement } from './index-_4aU9NfA.js';
+import { u as useResource } from './useResource-yVO4JQ9P.js';
+
+const posAttachmentsCss = () => `:host{--background-base-color:color-mix(in srgb, var(--pos-background-color), var(--color-grey-800) 10%);--background-color-even:hsl(from var(--background-base-color) h s calc(l + 7));--background-color-odd:hsl(from var(--background-base-color) h s calc(l + 10));--border-color:var(--background-base-color);ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--size-1);li{padding:var(--size-1);&:nth-child(even){background-color:var(--background-color-even)}&:nth-child(odd){background-color:var(--background-color-odd)}&.new{animation:newItemBounce 0.8s ease-out,\\n          highlightFlash 2.5s ease-in-out}}}}@keyframes newItemBounce{0%{transform:scale(0.95);opacity:0}60%{transform:scale(1.02)}100%{transform:scale(1);opacity:1}}@keyframes highlightFlash{0%{box-shadow:0 0 20px var(--pos-primary-color)}100%{box-shadow:0 0 0 transparent}}`;
+
+const PosAttachments = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    /**
+     * Adds an attachment visually to the list of attachments.
+     * This only adds an entry to the list, it does not actually upload the attachment.
+     * It is meant to be used after an attachment has been uploaded to update the view.
+     *
+     * @param attachment The attachment to add to the list.
+     */
+    async addToList(attachment) {
+        this.attachments = [
+            ...this.attachments,
+            Object.assign(Object.assign({}, attachment), { newlyAdded: true }),
+        ];
+    }
+    async componentWillLoad() {
+        this.resource = await useResource(this.el);
+        this.attachments = this.resource.attachments();
+    }
+    render() {
+        if (this.attachments.length === 0) {
+            return h(Host, null, "No attachments found.");
+        }
+        return (h("ul", null, this.attachments.map(it => (h("li", { class: { new: it.newlyAdded } }, h("pos-rich-link", { uri: it.uri }))))));
+    }
+    get el() { return getElement(this); }
+};
+PosAttachments.style = posAttachmentsCss();
+
+export { PosAttachments as pos_attachments };

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

@@ -0,0 +1,46 @@
+import { r as registerInstance, c as createEvent, h, e as Host } from './index-_4aU9NfA.js';
+import { L as LdpContainer } from './index-DFqG64hG.js';
+import { s as subscribeResource } from './ResourceAware-BW_CkW1K.js';
+
+const posContainerContentsCss = () => `ul{list-style:none;padding:0;margin:0}li{padding:0;margin:0}`;
+
+const PosContainerContents = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.subscribeResource = createEvent(this, "pod-os:resource", 7);
+        this.contents = [];
+        this.loading = true;
+        this.createNewItem = null;
+        this.receiveResource = (resource) => {
+            this.container = resource.assume(LdpContainer);
+            this.loading = false;
+            this.contents = this.container.contains().sort((a, b) => a.name.localeCompare(b.name));
+        };
+    }
+    onCreateNewFile() {
+        this.createNewItem = 'file';
+    }
+    onCreateNewFolder() {
+        this.createNewItem = 'folder';
+    }
+    componentWillLoad() {
+        subscribeResource(this);
+    }
+    handleKeyDown(ev) {
+        if (ev.key === 'Escape') {
+            this.createNewItem = null;
+        }
+    }
+    render() {
+        if (this.loading)
+            return null;
+        const items = this.contents.map(it => (h("li", { key: it.uri }, h("pos-resource", { lazy: true, uri: it.uri }, h("pos-container-item", null, it.name)))));
+        if (this.createNewItem !== null) {
+            items.unshift(h("li", { key: "new-item" }, h("pos-create-new-container-item", { type: this.createNewItem, container: this.container })));
+        }
+        return (h(Host, null, h("pos-container-toolbar", { "onPod-os:create-new-file": () => this.onCreateNewFile(), "onPod-os:create-new-folder": () => this.onCreateNewFolder() }), items.length > 0 ? h("ul", { "aria-label": "Container contents" }, items) : h("p", null, "The container is empty")));
+    }
+};
+PosContainerContents.style = posContainerContentsCss();
+
+export { PosContainerContents as pos_container_contents };

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

@@ -0,0 +1,118 @@
+import { r as registerInstance, c as createEvent, h, e as Host, a as getElement } from './index-_4aU9NfA.js';
+import { s as subscribeResource } from './ResourceAware-BW_CkW1K.js';
+import './chunk.ZGGPD2XJ-BfEMOYfC.js';
+import './chunk.YHLNUJ7P-CGClYowr.js';
+import './chunk.URTPIBTY-DtWmW4Pb.js';
+import './chunk.5JY5FUCG-BOo64hgz.js';
+import './chunk.6CTB5ZDJ-BnGEOH37.js';
+import { u as usePodOS } from './usePodOS-D0uCfr1-.js';
+import './class-map-CuxcTjQ5.js';
+
+function selectIconForTypes(types) {
+    if (containsType(types, 'http://www.w3.org/ns/ldp#Container')) {
+        return 'folder2';
+    }
+    else if (containsType(types, 'http://www.w3.org/ns/ldp#Resource')) {
+        return 'file-earmark';
+    }
+    else {
+        return 'question-diamond';
+    }
+}
+// TODO: remove duplication with pos-type-router/selectAppForTypes
+function containsType(types, typeUri) {
+    return types.some(type => type.uri === typeUri);
+}
+
+const posContainerItemCss = () => `:host{display:flex}a{display:flex;text-decoration:none;padding:var(--size-4);width:var(--size-full);gap:var(--size-2);color:var(--pos-normal-text-color);background-color:var(--pos-background-color);&:hover{background-color:var(--pos-border-color)}}`;
+
+const PosContainerItem = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.linkEmitter = createEvent(this, "pod-os:link", 7);
+        this.subscribeResource = createEvent(this, "pod-os:resource", 7);
+        this.receiveResource = (resource) => {
+            this.resource = resource;
+        };
+    }
+    componentWillLoad() {
+        subscribeResource(this);
+    }
+    render() {
+        if (!this.resource)
+            return null;
+        const iconName = selectIconForTypes(this.resource.types());
+        return (h("a", { href: this.resource.uri, onClick: e => {
+                e.preventDefault();
+                this.linkEmitter.emit(this.resource.uri);
+            } }, h("sl-icon", { name: iconName, slot: "start" }), h("slot", null)));
+    }
+};
+PosContainerItem.style = posContainerItemCss();
+
+const posContainerToolbarCss = () => `:host{display:flex;gap:var(--size-1);padding-bottom:var(--size-1);button{padding:var(--size-2);aspect-ratio:1/1;display:flex}}`;
+
+const PosContainerToolbar = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.createNewFile = createEvent(this, "pod-os:create-new-file", 7);
+        this.createNewFolder = createEvent(this, "pod-os:create-new-folder", 7);
+    }
+    render() {
+        return (h(Host, { key: 'e1d54dfcda6e524c222eb31f8fa799504e6279ba', role: "toolbar", "aria-label": "Container actions" }, h("sl-tooltip", { key: '44807305749f92f1fd124e55034bdd3332dfde64', content: "Create new file" }, h("button", { key: '9e14fab58d54e2ebb3ca8252e02aa78b2cdcba77', "aria-label": "Create new file", onClick: () => this.createNewFile.emit() }, h("sl-icon", { key: 'f54684a26fb30d40a59d12c89f369748b901b084', name: "file-earmark-plus" }))), h("sl-tooltip", { key: 'b97b05975037478df3af44b1ba5f83e69b4b2013', content: "Create new folder" }, h("button", { key: 'd1b7187b016554afe9924fd71cff4154b4966888', "aria-label": "Create new folder", onClick: () => this.createNewFolder.emit() }, h("sl-icon", { key: '8b19ce8ab8ab968516a22621367282f5e8c6e583', name: "folder-plus" })))));
+    }
+};
+PosContainerToolbar.style = posContainerToolbarCss();
+
+const posCreateNewContainerItemCss = () => `:host{form{display:flex;align-items:center;gap:var(--size-2);padding:var(--size-4);background-color:var(--pos-background-color)}}`;
+
+const PosCreateNewContainerItem = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.linkEmitter = createEvent(this, "pod-os:link", 7);
+        this.errorEmitter = createEvent(this, "pod-os:error", 7);
+        this.handleInput = (e) => {
+            this.name = e.target.value;
+        };
+    }
+    async componentWillLoad() {
+        this.os = await usePodOS(this.el);
+    }
+    componentDidLoad() {
+        this.input.focus();
+    }
+    render() {
+        const placeholder = `Enter ${this.type} name`;
+        return (h("form", { key: '0144661eaae4e4cace6098477b6e3d5a88dee2e5', onSubmit: e => this.submit(e) }, h("sl-icon", { key: 'c48b373fae21914fd379d8e98b83a1d9f97ecc9e', name: this.getIcon() }), h("input", { key: 'da220ae7d719a4213e84bb156ebba719f596a069', type: "text", value: this.name, onInput: e => this.handleInput(e), placeholder: placeholder, ref: it => (this.input = it) })));
+    }
+    getIcon() {
+        if (this.type === 'file') {
+            return 'file-earmark-plus';
+        }
+        else {
+            return 'folder-plus';
+        }
+    }
+    async submit(e) {
+        e.preventDefault();
+        let result = await this.createNew();
+        if (result.isOk()) {
+            this.linkEmitter.emit(result.value.url);
+        }
+        else {
+            this.errorEmitter.emit(result.error);
+        }
+    }
+    async createNew() {
+        if (this.type === 'file') {
+            return this.os.files().createNewFile(this.container, this.name);
+        }
+        else {
+            return this.os.files().createNewFolder(this.container, this.name);
+        }
+    }
+    get el() { return getElement(this); }
+};
+PosCreateNewContainerItem.style = posCreateNewContainerItemCss();
+
+export { PosContainerItem as pos_container_item, PosContainerToolbar as pos_container_toolbar, PosCreateNewContainerItem as pos_create_new_container_item };

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

@@ -0,0 +1,92 @@
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-_4aU9NfA.js';
+import { s as subscribeResource } from './ResourceAware-BW_CkW1K.js';
+
+const PosDescription = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.subscribeResource = createEvent(this, "pod-os:resource", 7);
+        this.receiveResource = (resource) => {
+            this.resource = resource;
+        };
+    }
+    componentWillLoad() {
+        subscribeResource(this);
+    }
+    render() {
+        return this.resource ? this.resource.description() : null;
+    }
+};
+
+const posRichLinkCss = () => `:host{--background-color:inherit;--label-color:var(--pos-normal-text-color);--description-color:var(--pos-normal-text-color);--uri-color:var(--pos-subtle-text-color);--font-family:var(--font-sans)}p.content{background-color:var(--background-color);line-height:var(--line-xs);margin:0;display:flex;flex-direction:column;align-items:baseline;gap:var(--size-1);.url{font-size:var(--scale-fluid-1);color:var(--pos-subtle-text-color)}}a{color:var(--label-color);max-width:min(100%, var(--prose-lg));text-decoration:underline;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-decoration-thickness:var(--size-px)}pos-label{color:var(--label-color);font-size:var(--scale-fluid-2);margin-bottom:var(--size-1)}pos-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;overflow:hidden;font-weight:var(--weight-light);color:var(--description-color);font-size:var(--scale-fluid-2)}@media (min-width: 640px){pos-label{font-size:var(--scale-fluid-0)}pos-description{font-size:var(--scale-fluid-1)}p.content{.url{font-size:var(--scale-fluid-000)}}}`;
+
+const PosRichLink = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.linkEmitter = createEvent(this, "pod-os:link", 7);
+        this.subscribeResource = createEvent(this, "pod-os:resource", 7);
+        this.errorEmitter = createEvent(this, "pod-os:error", 7);
+        this.followPredicate = false;
+        this.error = null;
+        this.showCustomContent = false;
+        this.receiveResource = (resource) => {
+            const addLink = (links, resource, predicate, direction) => {
+                if (links.length == 0) {
+                    this.error = 'No matching link found';
+                    this.errorEmitter.emit(new Error(`pos-rich-link: No matching link found from ${resource.uri} ${direction}=${predicate}`));
+                }
+                else if (links[0].uris.length > 1) {
+                    this.error = 'More than one matching link found';
+                    this.errorEmitter.emit(new Error(`pos-rich-link: More than one matching link found from ${resource.uri} ${direction}=${predicate}`));
+                }
+                else {
+                    this.link = links[0].uris[0];
+                    this.followPredicate = true;
+                }
+            };
+            if (this.rel) {
+                addLink(resource.relations(this.rel), resource, this.rel, 'rel');
+            }
+            else if (this.rev) {
+                addLink(resource.reverseRelations(this.rev), resource, this.rev, 'rev');
+            }
+            else {
+                this.link = resource.uri;
+            }
+        };
+    }
+    componentWillLoad() {
+        this.showCustomContent = // custom content can either be given as child elements, or as just text, so we check for both:
+            !!this.host.lastElementChild || // either has any child element
+                this.host.textContent.trim() != ''; // or contains a non-empty text
+        if (!this.uri)
+            subscribeResource(this);
+    }
+    render() {
+        const content = (uri) => this.showCustomContent ? (h("a", { href: uri, onClick: e => {
+                e.preventDefault();
+                this.linkEmitter.emit(uri);
+            } }, h("slot", null))) : (h("p", { class: "content" }, h("a", { href: uri, onClick: e => {
+                e.preventDefault();
+                this.linkEmitter.emit(uri);
+            } }, h("pos-label", null)), h("span", { class: "url" }, new URL(uri).host), h("pos-description", null)));
+        if (this.error) {
+            return this.error;
+        }
+        else if (this.followPredicate) {
+            return (h("pos-resource", { lazy: true, uri: this.link }, content(this.link)));
+        }
+        else if (this.link) {
+            return content(this.link);
+        }
+        else if (this.uri) {
+            return (h("pos-resource", { lazy: true, uri: this.uri }, content(this.uri)));
+        }
+        else {
+            return null;
+        }
+    }
+    get host() { return getElement(this); }
+};
+PosRichLink.style = posRichLinkCss();
+
+export { PosDescription as pos_description, PosRichLink as pos_rich_link };

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

@@ -0,0 +1,99 @@
+import { r as registerInstance, c as createEvent, h } from './index-_4aU9NfA.js';
+import { s as store } from './session-dNJIwSOx.js';
+import { B as BrokenFile } from './chunk.XQ2OKYYA-Cgug_yvW.js';
+import './chunk.YHLNUJ7P-CGClYowr.js';
+import './chunk.ZGGPD2XJ-BfEMOYfC.js';
+import './class-map-CuxcTjQ5.js';
+
+const posDocumentCss = () => `iframe{background-color:var(--pos-background-color);width:100%;height:100vh}.error{display:flex;opacity:0.8;background:repeating-linear-gradient(-45deg, rgba(150, 0, 0, 0.1), rgba(150, 0, 0, 0.1) 10px, #fff 5px, #fff 25px);flex-direction:column;border:1px solid red;color:black;align-items:center;justify-content:center;word-break:break-all;padding:1rem;box-sizing:border-box}.error{color:#282828;font-size:calc(var(--width) / 2)}a{text-decoration:none;width:var(--width);height:var(--height)}.code{font-weight:bold;font-size:calc(var(--width) / 8)}.text{font-size:calc(var(--width) / 20)}.skeleton{display:flex;gap:var(--size-2);flex-direction:column;sl-skeleton{&:nth-child(2){width:95%}&:nth-child(4){width:90%}&:last-child{width:50%}}}`;
+
+const PosDocument = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.initializeOsEmitter = createEvent(this, "pod-os:init", 7);
+        this.resourceLoadedEmitter = createEvent(this, "pod-os:resource-loaded", 7);
+        this.errorEmitter = createEvent(this, "pod-os:error", 7);
+        this.saveStatus = 'idle';
+        this.loading = true;
+        this.isEditable = false;
+        this.setOs = async (os) => {
+            this.os = os;
+        };
+    }
+    componentWillLoad() {
+        store.onChange('isLoggedIn', () => this.fetchBlob());
+        this.initializeOsEmitter.emit(this.setOs);
+    }
+    async handleDocumentModified(event) {
+        const { file, newContent } = event.detail;
+        try {
+            this.saveStatus = 'saving';
+            const response = await this.os.files().putFile(file, newContent);
+            if (response.ok) {
+                this.saveStatus = 'idle';
+            }
+            else {
+                this.saveStatus = 'failed';
+                const error = new Error(`Failed to save file: ${response.status} ${response.statusText}`);
+                this.errorEmitter.emit(error);
+            }
+        }
+        catch (error) {
+            this.saveStatus = 'failed';
+            this.errorEmitter.emit(error);
+        }
+    }
+    async fetchBlob() {
+        try {
+            this.loading = true;
+            const file = await this.os.files().fetchFile(this.src);
+            const thing = this.os.store.get(this.src);
+            this.isEditable = thing === null || thing === void 0 ? void 0 : thing.editable;
+            this.resourceLoadedEmitter.emit(this.src);
+            if (file.blob()) {
+                this.file = file;
+                this.error = null;
+            }
+            else {
+                this.brokenFile = file;
+            }
+        }
+        catch (err) {
+            this.error = err;
+        }
+        finally {
+            this.loading = false;
+        }
+    }
+    render() {
+        if (this.loading) {
+            return h(Skeleton, null);
+        }
+        if (this.error) {
+            return h("div", { class: "error" }, this.error.message);
+        }
+        if (this.brokenFile) {
+            return h(BrokenFile, { file: this.brokenFile });
+        }
+        if (this.file.blob().type === 'text/markdown') {
+            return (h("pos-markdown-document", { editable: this.isEditable, saveStatus: this.saveStatus, file: this.file }));
+        }
+        else {
+            return h("iframe", { src: URL.createObjectURL(this.file.blob()) });
+        }
+    }
+    static get watchers() { return {
+        "os": [{
+                "fetchBlob": 0
+            }],
+        "src": [{
+                "fetchBlob": 0
+            }]
+    }; }
+};
+function Skeleton() {
+    return (h("div", { class: "skeleton" }, h("sl-skeleton", { effect: "sheen" }), h("sl-skeleton", { effect: "sheen" }), h("sl-skeleton", { effect: "sheen" }), h("sl-skeleton", { effect: "sheen" }), h("sl-skeleton", { effect: "sheen" }), h("sl-skeleton", { effect: "sheen" })));
+}
+PosDocument.style = posDocumentCss();
+
+export { PosDocument as pos_document };

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

@@ -0,0 +1,56 @@
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-_4aU9NfA.js';
+import { s as subscribeResource } from './ResourceAware-BW_CkW1K.js';
+import { s as subscribePodOs } from './PodOsAware-jlzl8vRd.js';
+import { c as cjsExports } from './index-vFMstSdt.js';
+
+const PosList = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.subscribeResource = createEvent(this, "pod-os:resource", 7);
+        this.subscribePodOs = createEvent(this, "pod-os:init", 7);
+        /**
+         * Whether listed resources should be fetched before being displayed
+         */
+        this.fetch = false;
+        this.error = null;
+        this.items = [];
+        this.disconnected$ = new cjsExports.Subject();
+        this.receiveResource = (resource) => {
+            this.items = [];
+            if (this.rel)
+                this.items = resource.relations(this.rel).flatMap(relation => relation.uris);
+        };
+        this.receivePodOs = async (os) => {
+            os.store
+                .observeFindMembers(this.ifTypeof)
+                .pipe(cjsExports.takeUntil(this.disconnected$))
+                .subscribe(value => (this.items = value));
+        };
+    }
+    componentWillLoad() {
+        if (this.rel)
+            subscribeResource(this);
+        if (this.ifTypeof)
+            subscribePodOs(this);
+        const templateElement = this.host.querySelector('template');
+        if (templateElement == null) {
+            this.error = 'No template element found';
+        }
+        else {
+            this.templateString = templateElement.innerHTML;
+        }
+    }
+    render() {
+        if (this.error)
+            return this.error;
+        const elems = this.items.map(it => (h("pos-resource", { uri: it, lazy: !this.fetch, innerHTML: this.templateString, about: it })));
+        return this.items.length > 0 ? elems : null;
+    }
+    disconnectedCallback() {
+        this.disconnected$.next();
+        this.disconnected$.unsubscribe();
+    }
+    get host() { return getElement(this); }
+};
+
+export { PosList as pos_list };

package/dist/esm/pos-make-findable_2.entry.js

@@ -0,0 +1,139 @@
+import { r as registerInstance, c as createEvent, h, e as Host, a as getElement } from './index-_4aU9NfA.js';
+import { a as LabelIndex } from './index-DFqG64hG.js';
+import { s as subscribePodOs } from './PodOsAware-jlzl8vRd.js';
+import { s as store } from './session-dNJIwSOx.js';
+import './chunk.HVTXQL7M-D4GE2ek9.js';
+import './chunk.5JY5FUCG-BOo64hgz.js';
+import './chunk.6CTB5ZDJ-BnGEOH37.js';
+import './chunk.YHLNUJ7P-CGClYowr.js';
+import './class-map-CuxcTjQ5.js';
+import './if-defined-1V1UljxT.js';
+
+const posMakeFindableCss = () => `button.main{display:flex;transition:width 200ms,\\n    background-color 500ms,\\n    color 500ms,\\n    border-color 500ms;max-width:var(--size-40);flex-direction:row;overflow:hidden;height:var(--pos-navigation-bar-height);width:var(--pos-navigation-bar-height);align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--pos-subtle-text-color);border:var(--size-px) dashed var(--pos-subtle-text-color);background-color:var(--pos-background-color);p{padding:0;margin:0;display:none;white-space:nowrap}&.success{color:var(--color-green-700);border-color:var(--color-green-700);border-style:solid;background-color:var(--color-green-100)}&:active{transform:scale(0.99);filter:brightness(90%)}&:focus{outline:var(--pos-input-focus-outline)}}svg{display:inline-block;height:var(--size-6);flex-shrink:0;flex-grow:0;width:var(--size-6)}button.main:hover,sl-dropdown[open] button{width:var(--size-full);height:var(--pos-navigation-bar-height);background:var(--pos-background-color);color:var(--pos-normal-text-color);&.success{background:var(--color-green-200);color:var(--color-green-700)}p{display:inline-block}}`;
+
+const PosMakeFindable = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.subscribePodOs = createEvent(this, "pod-os:init", 7);
+        this.errorEmitter = createEvent(this, "pod-os:error", 7);
+        this.indexUpdatedEmitter = createEvent(this, "pod-os:search:index-updated", 7);
+        this.indexCreatedEmitter = createEvent(this, "pod-os:search:index-created", 7);
+        this.indexes = [];
+        this.showOptions = false;
+        this.isIndexed = false;
+        this.receivePodOs = async (os) => {
+            this.os = os;
+            this.thing = this.os.store.get(this.uri);
+            this.getLabelIndexes(store.state.profile);
+            this.unsubscribeSessionChange = store.onChange('profile', profile => {
+                this.getLabelIndexes(profile);
+            });
+        };
+    }
+    componentWillLoad() {
+        subscribePodOs(this);
+    }
+    disconnectedCallback() {
+        this.unsubscribeSessionChange && this.unsubscribeSessionChange();
+    }
+    updateUri(uri) {
+        this.thing = this.os.store.get(uri);
+        this.isIndexed = this.checkIfIndexed(uri);
+    }
+    checkIfIndexed(uri) {
+        return this.indexes.some(it => it.contains(uri));
+    }
+    getLabelIndexes(profile) {
+        if (profile) {
+            this.indexes = profile.getPrivateLabelIndexes().map(it => this.os.store.get(it).assume(LabelIndex));
+            this.showOptions = this.indexes.length > 1;
+            this.isIndexed = this.checkIfIndexed(this.uri);
+        }
+    }
+    async onClick(e) {
+        e.preventDefault();
+        if (this.indexes.length === 1) {
+            const index = this.indexes[0];
+            await this.addToLabelIndex(index);
+            this.indexUpdatedEmitter.emit(index);
+        }
+        else if (this.indexes.length === 0) {
+            const index = await this.createDefaultLabelIndex();
+            await this.addToLabelIndex(index);
+            this.indexCreatedEmitter.emit(index);
+        }
+    }
+    async addToLabelIndex(index) {
+        try {
+            await this.os.addToLabelIndex(this.thing, index);
+            this.isIndexed = true;
+        }
+        catch (e) {
+            this.errorEmitter.emit(e);
+        }
+    }
+    async createDefaultLabelIndex() {
+        try {
+            return await this.os.createDefaultLabelIndex(store.state.profile);
+        }
+        catch (e) {
+            this.errorEmitter.emit(e);
+        }
+    }
+    render() {
+        if (!store.state.isLoggedIn || !this.uri) {
+            return null;
+        }
+        const label = 'Make this findable';
+        const button = (h("button", { type: "button", slot: "trigger", "aria-label": label, class: { main: true, success: this.isIndexed }, onClick: e => this.onClick(e), title: "" }, this.isIndexed ? h(IconSuccess, null) : h(IconMakeFindable, null), h("p", null, label)));
+        if (this.showOptions) {
+            return (h(Host, null, h("sl-dropdown", null, button, h("sl-menu", { role: "listbox" }, this.indexes.map((index) => (h("sl-menu-item", { role: "option", value: index, type: "checkbox", checked: index.contains(this.uri) }, h("pos-resource", { uri: index.uri, lazy: true }, h("pos-label", null)))))))));
+        }
+        else {
+            return button;
+        }
+    }
+    async onSelect(e) {
+        const index = e.detail.item.value;
+        e.preventDefault();
+        await this.addToLabelIndex(index);
+        this.indexUpdatedEmitter.emit(index);
+    }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "uri": [{
+                "updateUri": 0
+            }]
+    }; }
+};
+const IconMakeFindable = () => (h("svg", { role: "presentation", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor" }, h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m5.231 13.481L15 17.25m-4.5-15H5.625c-.621 0-1.125.504-1.125 1.125v16.5c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Zm3.75 11.625a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0Z" })));
+const IconSuccess = () => (h("svg", { role: "presentation", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor" }, h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M10.125 2.25h-4.5c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125v-9M10.125 2.25h.375a9 9 0 0 1 9 9v.375M10.125 2.25A3.375 3.375 0 0 1 13.5 5.625v1.5c0 .621.504 1.125 1.125 1.125h1.5a3.375 3.375 0 0 1 3.375 3.375M9 15l2.25 2.25L15 12" })));
+PosMakeFindable.style = posMakeFindableCss();
+
+const posNavigationBarCss = () => `section.current{display:flex;height:var(--pos-navigation-bar-height);flex-grow:1;gap:0;background-color:var(--pos-input-background-color);border-radius:var(--radius-md);width:100%;&:focus-within{outline:var(--pos-input-focus-outline)}}section.current button{cursor:pointer;font-size:var(--scale-1);display:flex;align-items:center;justify-content:center;flex-grow:1;background:none;color:var(--pos-normal-text-color);outline:none;border:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;&:focus{text-decoration:underline}:first-child{flex-grow:1}svg{width:var(--size-6);color:var(--pos-subtle-text-color)}}`;
+
+const PosNavigationBar = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.navigate = createEvent(this, "pod-os:navigate", 7);
+    }
+    onClick() {
+        this.navigate.emit(this.current);
+    }
+    activate(e) {
+        if ((e.ctrlKey || e.metaKey) && e.key === 'k') {
+            e.preventDefault();
+            this.navigate.emit(this.current);
+        }
+    }
+    render() {
+        const ariaLabel = this.current ? `${this.current.label()} (Click to search or enter URI)` : 'Search or enter URI';
+        return (h("section", { key: '5f49aa9dad9d07550ee8ffbee90036cbc1efda55', class: "current" }, this.current && this.searchIndexReady && h("pos-make-findable", { key: '85974a4772aaf8cad3a11cdcd49e6df10141bfe3', uri: this.current.uri }), h("button", { key: '40660a3455b0f3392c68d7aea0075b102a1762a2', "aria-label": ariaLabel, onClick: () => this.onClick() }, h("div", { key: '9ab8922175d701f714f72aefb95745cf5ae4bb95' }, this.current ? this.current.label() : 'Search or enter URI'), this.icon())));
+    }
+    icon() {
+        return (h("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor" }, h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" })));
+    }
+};
+PosNavigationBar.style = posNavigationBarCss();
+
+export { PosMakeFindable as pos_make_findable, PosNavigationBar as pos_navigation_bar };