@pod-os/contacts 0.2.0 → 0.3.0-rc.4b2b787.0

package/dist/cjs/pos-new-thing-form.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BicjKg3I.js');
+var index = require('./index-DdRXU5II.js');
 var PodOsAware = require('./PodOsAware-_Lsp4KsV.js');
 
 const posNewThingFormCss = () => `:host{display:block}form{display:grid;grid-template-columns:var(--size-16) 1fr;grid-gap:var(--scale-0)}label{grid-column:1 / 2;display:flex;align-items:center;justify-content:flex-end}input,pos-select-term,button{grid-column:2 / 3}input,pos-select-term::part(input){outline:var(--pos-input-outline);padding:var(--scale-000);border:none;border-radius:var(--radius-xs);width:var(--size-full);box-sizing:border-box;background:var(--pos-input-background-color);color:var(--pos-normal-text-color)}input:focus-within,pos-select-term::part(input):focus-within{outline:var(--pos-input-focus-outline)}#new-uri{grid-column:1/3;cursor:default;word-break:break-all;color:var(--pos-normal-text-color);font-weight:var(--weight-light);background:var(--pos-disabled-color);padding:var(--scale-000);border-radius:var(--radius-xs)}input#create{outline:none;box-shadow:var(--shadow-sm);cursor:pointer;color:var(--pos-primary-text-color);background-color:var(--pos-primary-color)}input#create:disabled{cursor:default;color:var(--pos-disabled-text-color);background-color:var(--pos-disabled-color);box-shadow:none}input#create:hover:not(:disabled),input#create:focus{filter:brightness(110%);box-shadow:var(--shadow-md)}`;

package/dist/cjs/pos-predicate.cjs.entry.js

@@ -1,12 +1,12 @@
 'use strict';
 
-var index = require('./index-BicjKg3I.js');
-require('./chunk.URTPIBTY-CR-txaLF.js');
-require('./chunk.5JY5FUCG-DBOKVhYw.js');
+var index = require('./index-DdRXU5II.js');
+require('./chunk.URTPIBTY-BiNv2Ckb.js');
+require('./chunk.5JY5FUCG-BJJbNIiG.js');
 require('./chunk.6CTB5ZDJ-CC8k6o5T.js');
-require('./chunk.YHLNUJ7P-BQOX8L9A.js');
-require('./chunk.ZGGPD2XJ-D0JTxaR_.js');
-require('./class-map-Bp6RgbSP.js');
+require('./chunk.YHLNUJ7P-CoQhYOM2.js');
+require('./chunk.ZGGPD2XJ-C--tZiyf.js');
+require('./class-map-CyEFRZYn.js');
 
 const posPredicateCss = () => `:host{--text-color:var(--pos-primary-color);font-family:var(--font-sans)}button{line-height:var(--scale-0);font-family:inherit;margin:0;padding:0;display:flex;background:none;border:none;cursor:pointer}button,a{color:var(--text-color);font-weight:var(--weight-light);line-height:var(--scale-0);font-size:var(--scale-0);font-family:inherit}.container{display:flex;gap:var(--size-1);flex-direction:row;align-items:center;line-height:var(--scale-0)}`;
 

package/dist/cjs/pos-relations_2.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BicjKg3I.js');
+var index = require('./index-DdRXU5II.js');
 var ResourceAware = require('./ResourceAware-uqh9ZRDt.js');
 
 const posRelationsCss = () => `: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)}dd{padding:0;margin:0}dl{display:flex;flex-direction:column;gap:var(--size-1);padding:0;margin:0}dt{margin-bottom:var(--size-1)}.predicate-values:nth-child(odd){background-color:var(--background-color-odd)}.predicate-values:nth-child(even){background-color:var(--background-color-even)}.predicate-values{display:flex;flex-direction:column;border:var(--size-px) solid var(--border-color);padding:var(--size-2);gap:var(--size-1);.values{display:flex;flex-direction:column;gap:var(--size-3)}}pos-rich-link{--background-color:inherit}`;

package/dist/cjs/pos-select-term.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BicjKg3I.js');
+var index = require('./index-DdRXU5II.js');
 var PodOsAware = require('./PodOsAware-_Lsp4KsV.js');
 
 const posSelectTermCss = () => `:host{display:block}input{background-color:transparent;color:var(--pos-normal-text-color);border:none;padding-top:1rem;padding-bottom:1rem}input:focus{outline:none}`;

package/dist/cjs/pos-subjects.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-BicjKg3I.js');
-var index$1 = require('./index-FUnpyb19.js');
+var index = require('./index-DdRXU5II.js');
+var index$1 = require('./index-D1Wk2cIF.js');
 var ResourceAware = require('./ResourceAware-uqh9ZRDt.js');
 
 const posSubjectsCss = () => `: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{display:flex;flex-direction:column;gap:var(--size-2);margin:0;padding:0;li{border:var(--size-px) solid var(--border-color);padding:var(--size-4);list-style-type:none;&:nth-child(even){background-color:var(--background-color-even)}&:nth-child(odd){background-color:var(--background-color-odd)}}}`;

package/dist/cjs/pos-tool-attachments.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BicjKg3I.js');
+var index = require('./index-DdRXU5II.js');
 var usePodOS = require('./usePodOS-BnFzjtlx.js');
 var useResource = require('./useResource-IN7KmaP3.js');
 

package/dist/cjs/pos-tool-select.cjs.entry.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var index = require('./index-BicjKg3I.js');
-require('./chunk.ZGGPD2XJ-D0JTxaR_.js');
-require('./chunk.YHLNUJ7P-BQOX8L9A.js');
+var index = require('./index-DdRXU5II.js');
+require('./chunk.ZGGPD2XJ-C--tZiyf.js');
+require('./chunk.YHLNUJ7P-CoQhYOM2.js');
 
-const posToolSelectCss = () => `:host {\\n  --button-size: var(--size-16);\\n  display: block;\\n  position: sticky;\\n  align-self: flex-start;\\n  top: 0;\\n  overflow: auto;\\n  min-width: var(--button-size);\\n  z-index: var(--layer-1);\\n}\\n\\n[role='tablist'] {\\n  display: flex;\\n  flex-direction: column;\\n  justify-content: center;\\n\\n  border-right: var(--size-px) solid var(--pos-border-color);\\n\\n  button {\\n    display: flex;\\n    flex-direction: column;\\n    align-items: center;\\n    justify-content: center;\\n    gap: 0;\\n    font-size: var(--size-6);\\n    position: relative;\\n    overflow: hidden;\\n    outline: none;\\n    border: none;\\n    width: var(--button-size);\\n    min-width: var(--button-size);\\n    height: var(--button-size);\\n    min-height: var(--button-size);\\n    color: var(--pos-normal-text-color);\\n    background-color: var(--pos-background-color);\\n\\n    &::after {\\n      content: '';\\n      position: absolute;\\n      top: 50%;\\n      left: 50%;\\n      width: 0;\\n      height: 0;\\n      border-radius: 100%;\\n      background: color-mix(in srgb, var(--pos-primary-color), transparent 50%);\\n      transform: translate(-50%, -50%);\\n      opacity: 1;\\n    }\\n\\n    &:active::after,\\n    &:focus::after {\\n      width: calc(var(--button-size) * 1.5);\\n      height: calc(var(--button-size) * 1.5);\\n      opacity: 0;\\n      transition:\\n        width 0.5s ease-out,\\n        height 0.5s ease-out,\\n        opacity 1s ease-out;\\n    }\\n\\n    &:focus-visible {\\n      border: var(--size-px) solid var(--pos-primary-color);\\n    }\\n\\n    @media (min-width: 640px) {\\n      &[aria-selected] {\\n        border-right: var(--size-1) solid var(--pos-primary-color);\\n      }\\n    }\\n\\n    .text {\\n      font-size: var(--size-3);\\n      white-space: nowrap;\\n      text-overflow: ellipsis;\\n      width: 100%;\\n      overflow: hidden;\\n    }\\n  }\\n}\\n\\n@media (max-width: 640px) {\\n  :host {\\n    position: fixed;\\n    top: unset;\\n    bottom: 0;\\n    width: 100dvw;\\n  }\\n  [role='tablist'] {\\n    flex-direction: row;\\n    background-color: var(--pos-background-color);\\n\\n    border-top: var(--size-px) solid var(--pos-border-color);\\n\\n    button {\\n      &[aria-selected] {\\n        border-top: var(--size-1) solid var(--pos-primary-color);\\n      }\\n    }\\n  }\\n}\\n`;
+const posToolSelectCss = () => `:host {   --button-size: var(--size-16);   display: block;   position: sticky;   align-self: flex-start;   top: 0;   overflow: auto;   min-width: var(--button-size);   z-index: var(--layer-1); }  [role='tablist'] {   display: flex;   flex-direction: column;   justify-content: center;    border-right: var(--size-px) solid var(--pos-border-color);    button {     display: flex;     flex-direction: column;     align-items: center;     justify-content: center;     gap: 0;     font-size: var(--size-6);     position: relative;     overflow: hidden;     outline: none;     border: none;     width: var(--button-size);     min-width: var(--button-size);     height: var(--button-size);     min-height: var(--button-size);     color: var(--pos-normal-text-color);     background-color: var(--pos-background-color);      &::after {       content: '';       position: absolute;       top: 50%;       left: 50%;       width: 0;       height: 0;       border-radius: 100%;       background: color-mix(in srgb, var(--pos-primary-color), transparent 50%);       transform: translate(-50%, -50%);       opacity: 1;     }      &:active::after,     &:focus::after {       width: calc(var(--button-size) * 1.5);       height: calc(var(--button-size) * 1.5);       opacity: 0;       transition:         width 0.5s ease-out,         height 0.5s ease-out,         opacity 1s ease-out;     }      &:focus-visible {       border: var(--size-px) solid var(--pos-primary-color);     }      @media (min-width: 640px) {       &[aria-selected] {         border-right: var(--size-1) solid var(--pos-primary-color);       }     }      .text {       font-size: var(--size-3);       white-space: nowrap;       text-overflow: ellipsis;       width: 100%;       overflow: hidden;     }   } }  @media (max-width: 640px) {   :host {     position: fixed;     top: unset;     bottom: 0;     width: 100dvw;   }   [role='tablist'] {     flex-direction: row;     background-color: var(--pos-background-color);      border-top: var(--size-px) solid var(--pos-border-color);      button {       &[aria-selected] {         border-top: var(--size-1) solid var(--pos-primary-color);       }     }   } } `;
 
 const PosToolSelect = class {
     constructor(hostRef) {

package/dist/cjs/pos-value.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BicjKg3I.js');
+var index = require('./index-DdRXU5II.js');
 var ResourceAware = require('./ResourceAware-uqh9ZRDt.js');
 
 const PosValue = class {

package/dist/cjs/{session-DkRUfe3C.js → session-kBhmup9r.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BicjKg3I.js');
+var index = require('./index-DdRXU5II.js');
 
 const appendToMap = (map, propName, value) => {
     let refs = map.get(propName);

package/dist/cjs/{settings-C4KFmugv.js → settings-CpwCCkhx.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var session = require('./session-DkRUfe3C.js');
+var session = require('./session-kBhmup9r.js');
 
 const storedSettings = localStorage.getItem('settings');
 const initialSettings = storedSettings

package/dist/collection/collection-manifest.json

@@ -16,9 +16,10 @@
     "components/router/router.js",
     "components/welcome-page/welcome-page.js"
   ],
+  "mixins": [],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.40.1",
+    "version": "4.43.2",
     "typescriptVersion": "5.8.3"
   },
   "collections": [

package/dist/collection/components/contact-details/email-addresses/email-addresses.js

@@ -31,7 +31,8 @@ export class EmailAddresses {
                         "Email": {
                             "location": "import",
                             "path": "@solid-data-modules/contacts-rdflib",
-                            "id": "../node_modules/@solid-data-modules/contacts-rdflib/dist/index.d.ts::Email"
+                            "id": "../node_modules/@solid-data-modules/contacts-rdflib/dist/index.d.ts::Email",
+                            "referenceLocation": "Email"
                         }
                     }
                 },

package/dist/collection/components/contact-details/phone-numbers/phone-numbers.js

@@ -31,7 +31,8 @@ export class PhoneNumbers {
                         "PhoneNumber": {
                             "location": "import",
                             "path": "@solid-data-modules/contacts-rdflib",
-                            "id": "../node_modules/@solid-data-modules/contacts-rdflib/dist/index.d.ts::PhoneNumber"
+                            "id": "../node_modules/@solid-data-modules/contacts-rdflib/dist/index.d.ts::PhoneNumber",
+                            "referenceLocation": "PhoneNumber"
                         }
                     }
                 },

package/dist/collection/components/contact-list/contact-list.js

@@ -30,7 +30,8 @@ export class ContactList {
                         "Contact": {
                             "location": "import",
                             "path": "@solid-data-modules/contacts-rdflib",
-                            "id": "../node_modules/@solid-data-modules/contacts-rdflib/dist/index.d.ts::Contact"
+                            "id": "../node_modules/@solid-data-modules/contacts-rdflib/dist/index.d.ts::Contact",
+                            "referenceLocation": "Contact"
                         }
                     }
                 },
@@ -63,7 +64,8 @@ export class ContactList {
                         "Contact": {
                             "location": "import",
                             "path": "@solid-data-modules/contacts-rdflib",
-                            "id": "../node_modules/@solid-data-modules/contacts-rdflib/dist/index.d.ts::Contact"
+                            "id": "../node_modules/@solid-data-modules/contacts-rdflib/dist/index.d.ts::Contact",
+                            "referenceLocation": "Contact"
                         }
                     }
                 }

package/dist/collection/components/create-new-contact-form/create-new-contact-form.js

@@ -114,7 +114,8 @@ export class CreateNewContactForm {
                         "Contact": {
                             "location": "import",
                             "path": "@solid-data-modules/contacts-rdflib",
-                            "id": "../node_modules/@solid-data-modules/contacts-rdflib/dist/index.d.ts::Contact"
+                            "id": "../node_modules/@solid-data-modules/contacts-rdflib/dist/index.d.ts::Contact",
+                            "referenceLocation": "Contact"
                         }
                     }
                 }

package/dist/collection/components/group-list/group-list.js

@@ -30,7 +30,8 @@ export class GroupList {
                         "Group": {
                             "location": "import",
                             "path": "@solid-data-modules/contacts-rdflib",
-                            "id": "../node_modules/@solid-data-modules/contacts-rdflib/dist/index.d.ts::Group"
+                            "id": "../node_modules/@solid-data-modules/contacts-rdflib/dist/index.d.ts::Group",
+                            "referenceLocation": "Group"
                         }
                     }
                 },
@@ -63,7 +64,8 @@ export class GroupList {
                         "Group": {
                             "location": "import",
                             "path": "@solid-data-modules/contacts-rdflib",
-                            "id": "../node_modules/@solid-data-modules/contacts-rdflib/dist/index.d.ts::Group"
+                            "id": "../node_modules/@solid-data-modules/contacts-rdflib/dist/index.d.ts::Group",
+                            "referenceLocation": "Group"
                         }
                     }
                 }

package/dist/collection/components/open-address-book/open-address-book.js

@@ -16,7 +16,7 @@ export class OpenAddressBook {
     }
     disconnectedCallback() {
         this.disconnected$.next();
-        this.disconnected$.unsubscribe();
+        this.disconnected$.complete();
     }
     openFromLink(event) {
         this.openAddressBook.emit(event.detail);
@@ -29,7 +29,7 @@ export class OpenAddressBook {
     }
     render() {
         var _a;
-        return (h("div", { key: '511fb766939b4a89b50ba224d91f1a626c095197', id: "container" }, ((_a = this.sessionInfo) === null || _a === void 0 ? void 0 : _a.isLoggedIn) ? (h("pos-contacts-list-address-books", { webId: this.sessionInfo.webId })) : (h("div", { id: "sign-in" }, h("pos-login", null), "Sign in to list your address books.")), h("button", { key: '64cb74a95874d6bd2308df5f39bf12f8e578938b', title: "open any other address book by it's URI", class: "open", onClick: () => this.promptAndOpen() }, h("sl-icon", { key: '63648511e2884669c857bb2c531d3aa82fea314c', name: "folder2-open" }), "open other")));
+        return (h("div", { key: 'ae7b01a87f8df061fc45a525b9555059d6268f6d', id: "container" }, ((_a = this.sessionInfo) === null || _a === void 0 ? void 0 : _a.isLoggedIn) ? (h("pos-contacts-list-address-books", { webId: this.sessionInfo.webId })) : (h("div", { id: "sign-in" }, h("pos-login", null), "Sign in to list your address books.")), h("button", { key: '075716e48f7cf098ee5e118ab8ebe4dce3cbaec2', title: "open any other address book by it's URI", class: "open", onClick: () => this.promptAndOpen() }, h("sl-icon", { key: '34bdda19c00947faf3beb46da700127152d18286', name: "folder2-open" }), "open other")));
     }
     static get is() { return "pos-contacts-open-address-book"; }
     static get encapsulation() { return "shadow"; }

package/dist/components/index.js

@@ -1 +1 @@
-import{s as e}from"./chunk.3Y6SB6QS.js";export{getAssetPath,render,setAssetPath,setNonce,setPlatformOptions}from"@stencil/core/internal/client";function t(e){document.documentElement.classList.toggle("sl-theme-dark",e.matches)}!function(){e(""+new URL("./shoelace",import.meta.url));const n=window.matchMedia("(prefers-color-scheme: dark)");t(n),n.addEventListener("change",t)}();
+import{s as e}from"./chunk.3Y6SB6QS.js";export{getAssetPath,render,setAssetPath,setNonce,setPlatformOptions}from"@stencil/core/internal/client";function t(e){document.documentElement.classList.toggle("sl-theme-dark",e.matches)}(function(){e(""+new URL("./shoelace",import.meta.url));const n=window.matchMedia("(prefers-color-scheme: dark)");t(n),n.addEventListener("change",t)}||(()=>{}))();