@pod-os/elements 0.40.0 → 0.41.0-rc.27b005a.0

package/dist/elements/{p-2ee1efdb.entry.js → p-33dde993.entry.js}

@@ -1 +1 @@
-import{r as s,c as t,h as o,H as r,a as i}from"./p-spEUIGXI.js";import{u as a}from"./p-yVO4JQ9P.js";import"./p-Bz2zblgU.js";import{l as e}from"./p-BXBNVUZ5.js";import{u as n}from"./p-D0uCfr1-.js";const l=class{constructor(o){s(this,o),this.addedRelation=t(this,"pod-os:added-relation",7),this.error=t(this,"pod-os:error",7)}async componentWillLoad(){this.os=await n(this.el),this.resource=await a(this.el)}onTermSelected(s){this.valueInput.focus(),this.selectedTermUri=s.detail.uri}async save(){try{await this.os.addRelation(this.resource,this.selectedTermUri,this.currentValue);const s={predicate:this.selectedTermUri,label:e(this.selectedTermUri),uris:[this.currentValue]};this.addedRelation.emit(s),this.currentValue=""}catch(s){this.error.emit(s)}}render(){if(this.resource.editable)return o(r,null,o("sl-icon",{name:"plus-circle"}),o("pos-select-term",{placeholder:"Add relation","onPod-os:term-selected":s=>this.onTermSelected(s)}),o("input",{ref:s=>this.valueInput=s,type:"url","aria-label":"URI",placeholder:"",value:this.currentValue,onInput:s=>this.currentValue=s.target.value,onChange:()=>this.save()}))}get el(){return i(this)}};l.style=":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,     background-color 0.1s}";export{l as pos_add_relation}
+import{r as s,c as t,h as o,H as r,a as i}from"./p-spEUIGXI.js";import{u as a}from"./p-yVO4JQ9P.js";import"./p-Bz2zblgU.js";import{l as e}from"./p-QvyFA_FG.js";import{u as n}from"./p-D0uCfr1-.js";const l=class{constructor(o){s(this,o),this.addedRelation=t(this,"pod-os:added-relation",7),this.error=t(this,"pod-os:error",7)}async componentWillLoad(){this.os=await n(this.el),this.resource=await a(this.el)}onTermSelected(s){this.valueInput.focus(),this.selectedTermUri=s.detail.uri}async save(){try{await this.os.addRelation(this.resource,this.selectedTermUri,this.currentValue);const s={predicate:this.selectedTermUri,label:e(this.selectedTermUri),uris:[this.currentValue]};this.addedRelation.emit(s),this.currentValue=""}catch(s){this.error.emit(s)}}render(){if(this.resource.editable)return o(r,null,o("sl-icon",{name:"plus-circle"}),o("pos-select-term",{placeholder:"Add relation","onPod-os:term-selected":s=>this.onTermSelected(s)}),o("input",{ref:s=>this.valueInput=s,type:"url","aria-label":"URI",placeholder:"",value:this.currentValue,onInput:s=>this.currentValue=s.target.value,onChange:()=>this.save()}))}get el(){return i(this)}};l.style=":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,     background-color 0.1s}";export{l as pos_add_relation}