@pod-os/contacts 0.2.0 → 0.3.0-rc.22aea6d.0

package/dist/components/pos-tool-select2.js

@@ -1 +1 @@
-import{proxyCustomElement as n,HTMLElement as t,createEvent as o,h as e,transformTag as r}from"@stencil/core/internal/client";import"./chunk.ZGGPD2XJ.js";import"./chunk.YHLNUJ7P.js";import"./chunk.4TUIT776.js";const i=n(class extends t{constructor(n){super(),!1!==n&&this.__registerHost(),this.__attachShadow(),this.toolSelected=o(this,"pod-os:tool-selected",7),this.tools=[]}render(){return this.tools.length>1?e("div",{role:"tablist","aria-label":"Tools","aria-multiselectable":"false"},this.tools.map((n=>{var t;return e("button",{role:"tab","aria-selected":(null===(t=this.selected)||void 0===t?void 0:t.element)===n.element,onClick:()=>this.toolSelected.emit(n)},e("sl-icon",{name:n.icon}),e("span",{class:"text"},n.label))}))):null}static get style(){return":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"}},[1,"pos-tool-select",{selected:[16],tools:[16]}]);function s(){"undefined"!=typeof customElements&&["pos-tool-select"].forEach((n=>{"pos-tool-select"===n&&(customElements.get(r(n))||customElements.define(r(n),i))}))}export{i as P,s as d}
+import{proxyCustomElement as t,HTMLElement as o,createEvent as e,h as r,transformTag as i}from"@stencil/core/internal/client";import"./chunk.ZGGPD2XJ.js";import"./chunk.YHLNUJ7P.js";import"./chunk.4TUIT776.js";const s=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.toolSelected=e(this,"pod-os:tool-selected",7),this.tools=[]}render(){return this.tools.length>1?r("div",{role:"tablist","aria-label":"Tools","aria-multiselectable":"false"},this.tools.map((t=>{var o;return r("button",{role:"tab","aria-selected":(null===(o=this.selected)||void 0===o?void 0:o.element)===t.element,onClick:()=>this.toolSelected.emit(t)},r("sl-icon",{name:t.icon}),r("span",{class:"text"},t.label))}))):null}static get style(){return":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);       }     }   } } "}},[1,"pos-tool-select",{selected:[16],tools:[16]}]);function a(){"undefined"!=typeof customElements&&["pos-tool-select"].forEach((t=>{"pos-tool-select"===t&&(customElements.get(i(t))||customElements.define(i(t),s))}))}export{s as P,a as d}

package/dist/components/pos-type-index-entries2.js

@@ -1 +1 @@
-import{proxyCustomElement as s,HTMLElement as e,h as t,transformTag as n}from"@stencil/core/internal/client";import{u as o}from"./usePodOS2.js";import{T as i}from"./index2.js";import{d as r}from"./pos-description2.js";import{d as l}from"./pos-label2.js";import{d as c}from"./pos-predicate2.js";import{d as p}from"./pos-resource2.js";import{d as a}from"./pos-rich-link2.js";const m=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow()}async componentWillLoad(){const s=await o(this.el);s.store.get(this.uri);const e=s.store.get(this.uri).assume(i);this.entries=e.listAll()}render(){if(0===this.entries.length)return null;const s=this.entries.map((s=>t("div",null,t("dt",null,t("pos-predicate",{uri:s.forClass,label:s.label})),s.targets.map((s=>t("dd",null,t("pos-rich-link",{uri:s.uri})))))));return t("dl",null,s)}get el(){return this}static get style(){return"dl {\\n  > * {\\n    display: flex;\\n    flex-direction: column;\\n    gap: var(--size-1);\\n  }\\n\\n  display: flex;\\n  flex-direction: column;\\n  gap: var(--size-4);\\n  dd {\\n    margin: 0;\\n  }\\n}\\n"}},[1,"pos-type-index-entries",{uri:[1],entries:[32]}]);function d(){"undefined"!=typeof customElements&&["pos-type-index-entries","pos-description","pos-label","pos-predicate","pos-resource","pos-rich-link"].forEach((s=>{switch(s){case"pos-type-index-entries":customElements.get(n(s))||customElements.define(n(s),m);break;case"pos-description":customElements.get(n(s))||r();break;case"pos-label":customElements.get(n(s))||l();break;case"pos-predicate":customElements.get(n(s))||c();break;case"pos-resource":customElements.get(n(s))||p();break;case"pos-rich-link":customElements.get(n(s))||a()}}))}export{m as P,d}
+import{proxyCustomElement as s,HTMLElement as e,h as t,transformTag as o}from"@stencil/core/internal/client";import{u as i}from"./usePodOS2.js";import{T as r}from"./index2.js";import{d as n}from"./pos-description2.js";import{d as l}from"./pos-label2.js";import{d as c}from"./pos-predicate2.js";import{d as p}from"./pos-resource2.js";import{d as a}from"./pos-rich-link2.js";const m=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow()}async componentWillLoad(){const s=await i(this.el);s.store.get(this.uri);const e=s.store.get(this.uri).assume(r);this.entries=e.listAll()}render(){if(0===this.entries.length)return null;const s=this.entries.map((s=>t("div",null,t("dt",null,t("pos-predicate",{uri:s.forClass,label:s.label})),s.targets.map((s=>t("dd",null,t("pos-rich-link",{uri:s.uri})))))));return t("dl",null,s)}get el(){return this}static get style(){return"dl {   > * {     display: flex;     flex-direction: column;     gap: var(--size-1);   }    display: flex;   flex-direction: column;   gap: var(--size-4);   dd {     margin: 0;   } } "}},[1,"pos-type-index-entries",{uri:[1],entries:[32]}]);function d(){"undefined"!=typeof customElements&&["pos-type-index-entries","pos-description","pos-label","pos-predicate","pos-resource","pos-rich-link"].forEach((s=>{switch(s){case"pos-type-index-entries":customElements.get(o(s))||customElements.define(o(s),m);break;case"pos-description":customElements.get(o(s))||n();break;case"pos-label":customElements.get(o(s))||l();break;case"pos-predicate":customElements.get(o(s))||c();break;case"pos-resource":customElements.get(o(s))||p();break;case"pos-rich-link":customElements.get(o(s))||a()}}))}export{m as P,d}