@pod-os/elements 0.34.1-rc.b99fa4c.0 → 0.34.1-rc.f73863c.0

package/dist/elements/{p-cf711bb5.entry.js → p-651bb8ce.entry.js}

@@ -1,2 +1,2 @@
-import{r as s,c as n,h as o,H as t}from"./p-CTyMYUsB.js";import{b as e}from"./p-D1zKFnHd.js";import{s as i}from"./p-jlzl8vRd.js";import{s as r}from"./p-BW_CkW1K.js";import"./p-BQSzBvyx.js";import"./p-C7hj5CPb.js";import"./p-D0vX0PL3.js";import"./p-BENWPB03.js";const l=":host{display:flex;align-items:center;gap:0.2rem}input{padding:var(--size-2);background-color:transparent;color:var(--pos-normal-text-color);border:none}input:focus{outline:2px solid var(--pos-primary-color);background-color:var(--pos-input-background-color);transition:outline 0.1s,\n    background-color 0.1s}";const a=class{constructor(o){s(this,o);this.subscribePodOs=n(this,"pod-os:init");this.subscribeResource=n(this,"pod-os:resource");this.addedLiteralValue=n(this,"pod-os:added-literal-value");this.error=n(this,"pod-os:error");this.receiveResource=s=>{this.resource=s};this.receivePodOs=async s=>{this.os=s}}setName(){}componentWillLoad(){r(this);i(this)}async save(){try{await this.os.addPropertyValue(this.resource,this.selectedTermUri,this.currentValue);const s={predicate:this.selectedTermUri,label:e(this.selectedTermUri),values:[this.currentValue]};this.addedLiteralValue.emit(s);this.currentValue=""}catch(s){this.error.emit(s)}}onTermSelected(s){this.selectedTermUri=s.detail.uri;this.valueInput.focus()}render(){var s;if(!((s=this.resource)===null||s===void 0?void 0:s.editable)){return}return o(t,null,o("sl-icon",{name:"plus-circle"}),o("pos-select-term",{placeholder:"Add literal","onPod-os:term-selected":s=>this.onTermSelected(s)}),o("input",{ref:s=>this.valueInput=s,value:this.currentValue,placeholder:"",onInput:s=>this.currentValue=s.target.value,onChange:()=>this.save()}))}static get watchers(){return{os:["setName"]}}};a.style=l;const c=":host {\n  --background-base-color: color-mix(in srgb, var(--pos-background-color), var(--color-grey-800) 10%);\n  --background-color-even: hsl(from var(--background-base-color) h s calc(l + 7));\n  --background-color-odd: hsl(from var(--background-base-color) h s calc(l + 10));\n  --border-color: var(--background-base-color);\n}\n\ndd {\n  padding: 0;\n  margin: 0;\n}\n\ndl {\n  padding: 0;\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n  gap: var(--size-1);\n}\n\ndt {\n  margin-bottom: var(--size-1);\n}\n\n.predicate-values:nth-child(odd) {\n  background-color: var(--background-color-odd);\n}\n\n.predicate-values:nth-child(even) {\n  background-color: var(--background-color-even);\n}\n\n.predicate-values {\n  display: flex;\n  flex-direction: column;\n  border: var(--size-px) solid var(--border-color);\n  padding: var(--size-2);\n  gap: var(--size-1);\n\n  .values {\n    display: flex;\n    flex-direction: column;\n    gap: var(--size-2);\n  }\n}\n";const d=class{constructor(o){s(this,o);this.subscribeResource=n(this,"pod-os:resource");this.data=[];this.receiveResource=s=>{this.data=s.literals()}}componentWillLoad(){r(this)}literalValueAdded(s){const n=this.data.find((n=>n.predicate===s.predicate));if(!n){this.data=[...this.data,s]}else{this.data=this.data.map((o=>o.predicate===n.predicate?{predicate:n.predicate,label:n.label,values:[...n.values,...s.values]}:o))}}render(){return o(t,{key:"79a29288f727943c57b62ffc4f3090ecf236f693"},this.data.length>0?o("dl",null,this.data.map((s=>o("div",{class:"predicate-values"},o("dt",null,o("pos-predicate",{uri:s.predicate,label:s.label})),o("div",{class:"values"},s.values.map((s=>o("dd",null,s)))))))):null,o("pos-add-literal-value",{key:"68d1936aca1dff7ff11493266aaf8e3c4d6d67e6","onPod-os:added-literal-value":s=>this.literalValueAdded(s.detail)}))}};d.style=c;const p=".types {\n  display: flex;\n  gap: var(--size-1);\n}\n\n.expanded {\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  ul {\n    flex-direction: column;\n  }\n}\n\nbutton.toggle {\n  display: flex;\n  cursor: pointer;\n  justify-content: center;\n  align-items: center;\n  aspect-ratio: 1 / 1;\n}\n\nul {\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: row;\n  font-size: var(--size-3);\n  gap: var(--size-2);\n  li {\n    cursor: default;\n    display: inline-flex;\n    align-items: center;\n    padding: var(--size-1);\n    border-radius: var(--radius-sm);\n    background-color: var(--pos-subtle-text-color);\n    color: var(--pos-background-color);\n    list-style: none;\n  }\n}\n";const u=class{constructor(o){s(this,o);this.subscribeResource=n(this,"pod-os:resource");this.data=[];this.typeLabels=[];this.isExpanded=false;this.receiveResource=s=>{this.data=s.types();this.typeLabels=[...new Set(s.types().map((s=>s.label)))]}}componentWillLoad(){r(this)}toggleDetails(){this.isExpanded=!this.isExpanded}render(){if(this.data.length==0){return null}if(this.isExpanded){return o("div",{class:"types expanded"},o("sl-tooltip",{content:"Collapse types"},o("button",{class:"toggle",onClick:()=>this.toggleDetails()},o("sl-icon",{name:"arrows-collapse"}))),o("ul",null,this.data.map((s=>o("li",null,s.uri)))))}else{return o(t,null,o("div",{class:"types"},o("ul",null,this.typeLabels.map((s=>o("li",null,s)))),o("sl-tooltip",{content:"Expand types"},o("button",{class:"toggle",onClick:()=>this.toggleDetails()},o("sl-icon",{name:"arrows-expand"})))))}}};u.style=p;export{a as pos_add_literal_value,d as pos_literals,u as pos_type_badges};
-//# sourceMappingURL=p-cf711bb5.entry.js.map
+import{r as s,c as n,h as o,H as t}from"./p-CTyMYUsB.js";import{b as e}from"./p-D1zKFnHd.js";import{s as i}from"./p-jlzl8vRd.js";import{s as r}from"./p-BW_CkW1K.js";import"./p-BQSzBvyx.js";import"./p-C7hj5CPb.js";import"./p-D0vX0PL3.js";import"./p-BENWPB03.js";const l=":host{display:flex;align-items:center;gap:0.2rem}input{padding:var(--size-2);background-color:transparent;color:var(--pos-normal-text-color);border:none}input:focus{outline:2px solid var(--pos-primary-color);background-color:var(--pos-input-background-color);transition:outline 0.1s,\n    background-color 0.1s}";const a=class{constructor(o){s(this,o);this.subscribePodOs=n(this,"pod-os:init");this.subscribeResource=n(this,"pod-os:resource");this.addedLiteralValue=n(this,"pod-os:added-literal-value");this.error=n(this,"pod-os:error");this.receiveResource=s=>{this.resource=s};this.receivePodOs=async s=>{this.os=s}}setName(){}componentWillLoad(){r(this);i(this)}async save(){try{await this.os.addPropertyValue(this.resource,this.selectedTermUri,this.currentValue);const s={predicate:this.selectedTermUri,label:e(this.selectedTermUri),values:[this.currentValue]};this.addedLiteralValue.emit(s);this.currentValue=""}catch(s){this.error.emit(s)}}onTermSelected(s){this.selectedTermUri=s.detail.uri;this.valueInput.focus()}render(){var s;if(!((s=this.resource)===null||s===void 0?void 0:s.editable)){return}return o(t,null,o("sl-icon",{name:"plus-circle"}),o("pos-select-term",{placeholder:"Add literal","onPod-os:term-selected":s=>this.onTermSelected(s)}),o("input",{ref:s=>this.valueInput=s,value:this.currentValue,placeholder:"",onInput:s=>this.currentValue=s.target.value,onChange:()=>this.save()}))}static get watchers(){return{os:["setName"]}}};a.style=l;const c=":host {\n  --background-base-color: color-mix(in srgb, var(--pos-background-color), var(--color-grey-800) 10%);\n  --background-color-even: hsl(from var(--background-base-color) h s calc(l + 7));\n  --background-color-odd: hsl(from var(--background-base-color) h s calc(l + 10));\n  --border-color: var(--background-base-color);\n}\n\ndd {\n  padding: 0;\n  margin: 0;\n}\n\ndl {\n  padding: 0;\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n  gap: var(--size-1);\n}\n\ndt {\n  margin-bottom: var(--size-1);\n}\n\n.predicate-values:nth-child(odd) {\n  background-color: var(--background-color-odd);\n}\n\n.predicate-values:nth-child(even) {\n  background-color: var(--background-color-even);\n}\n\n.predicate-values {\n  display: flex;\n  flex-direction: column;\n  border: var(--size-px) solid var(--border-color);\n  padding: var(--size-2);\n  gap: var(--size-1);\n\n  .values {\n    display: flex;\n    flex-direction: column;\n    gap: var(--size-2);\n  }\n}\n";const d=class{constructor(o){s(this,o);this.subscribeResource=n(this,"pod-os:resource");this.data=[];this.receiveResource=s=>{this.data=s.literals()}}componentWillLoad(){r(this)}literalValueAdded(s){const n=this.data.find((n=>n.predicate===s.predicate));if(!n){this.data=[...this.data,s]}else{this.data=this.data.map((o=>o.predicate===n.predicate?{predicate:n.predicate,label:n.label,values:[...n.values,...s.values]}:o))}}render(){return o(t,{key:"7dae01cc16077a671f036e3d7bd236a66577b52e"},this.data.length>0?o("dl",null,this.data.map((s=>o("div",{class:"predicate-values"},o("dt",null,o("pos-predicate",{uri:s.predicate,label:s.label})),o("div",{class:"values"},s.values.map((s=>o("dd",null,s)))))))):null,o("pos-add-literal-value",{key:"9a1598046f98a08acc78d3cc05d40134dd4ca39b","onPod-os:added-literal-value":s=>this.literalValueAdded(s.detail)}))}};d.style=c;const p=".types {\n  display: flex;\n  gap: var(--size-1);\n}\n\n.expanded {\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  ul {\n    flex-direction: column;\n  }\n}\n\nbutton.toggle {\n  display: flex;\n  cursor: pointer;\n  justify-content: center;\n  align-items: center;\n  aspect-ratio: 1 / 1;\n}\n\nul {\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: row;\n  font-size: var(--size-3);\n  gap: var(--size-2);\n  li {\n    cursor: default;\n    display: inline-flex;\n    align-items: center;\n    padding: var(--size-1);\n    border-radius: var(--radius-sm);\n    background-color: var(--pos-subtle-text-color);\n    color: var(--pos-background-color);\n    list-style: none;\n  }\n}\n";const u=class{constructor(o){s(this,o);this.subscribeResource=n(this,"pod-os:resource");this.data=[];this.typeLabels=[];this.isExpanded=false;this.receiveResource=s=>{this.data=s.types();this.typeLabels=[...new Set(s.types().map((s=>s.label)))]}}componentWillLoad(){r(this)}toggleDetails(){this.isExpanded=!this.isExpanded}render(){if(this.data.length==0){return null}if(this.isExpanded){return o("div",{class:"types expanded"},o("sl-tooltip",{content:"Collapse types"},o("button",{class:"toggle",onClick:()=>this.toggleDetails()},o("sl-icon",{name:"arrows-collapse"}))),o("ul",null,this.data.map((s=>o("li",null,s.uri)))))}else{return o(t,null,o("div",{class:"types"},o("ul",null,this.typeLabels.map((s=>o("li",null,s)))),o("sl-tooltip",{content:"Expand types"},o("button",{class:"toggle",onClick:()=>this.toggleDetails()},o("sl-icon",{name:"arrows-expand"})))))}}};u.style=p;export{a as pos_add_literal_value,d as pos_literals,u as pos_type_badges};
+//# sourceMappingURL=p-651bb8ce.entry.js.map