@pod-os/elements 0.37.0-rc.dba0210.0 → 0.37.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pod-os/elements",
-  "version": "0.37.0-rc.dba0210.0",
+  "version": "0.37.0",
   "description": "Custom elements for usage with Solid Pods",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -21,19 +21,19 @@
     "generate": "stencil generate"
   },
   "dependencies": {
-    "@pod-os/core": "v0.26.0-rc.dba0210.0",
+    "@pod-os/core": "^0.26.0",
     "@shoelace-style/shoelace": "^2.20.1",
-    "@stencil/core": "^4.39.0",
+    "@stencil/core": "^4.43.2",
     "@stencil/store": "^2.2.2",
     "@testing-library/user-event": "^14.6.1",
-    "@tiptap/core": "^3.14.0",
-    "@tiptap/extension-image": "^3.14.0",
-    "@tiptap/markdown": "^3.14.0",
-    "@tiptap/pm": "^3.14.0",
-    "@tiptap/starter-kit": "^3.14.0",
+    "@tiptap/core": "^3.20.0",
+    "@tiptap/extension-image": "^3.20.0",
+    "@tiptap/markdown": "^3.20.0",
+    "@tiptap/pm": "^3.20.0",
+    "@tiptap/starter-kit": "^3.20.0",
     "@uppy/core": "^5.2.0",
-    "@uppy/dashboard": "^5.1.0",
-    "@uppy/image-editor": "^4.1.0",
+    "@uppy/dashboard": "^5.1.1",
+    "@uppy/image-editor": "^4.2.0",
     "@uppy/webcam": "^5.1.0",
     "@uvdsl/solid-oidc-client-browser": "^0.1.3",
     "idb": "^8.0.3",
@@ -43,14 +43,15 @@
     "stencil-router-v2": "^0.6.0"
   },
   "devDependencies": {
-    "@happy-dom/jest-environment": "^20.0.11",
+    "@happy-dom/jest-environment": "^20.8.3",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@types/jest": "^30.0.0",
     "jest": "^30.2.0",
     "jest-cli": "^30.2.0",
     "jest-when": "^3.7.0",
-    "prettier": "^3.5.3"
+    "prettier": "^3.5.3",
+    "url-template": "^3.1.1"
   },
   "license": "MIT",
   "repository": {

package/dist/elements/p-264ddd4b.entry.js

@@ -1 +0,0 @@
-import{r as s,c as o,h as t,H as e}from"./p-DMWc6mBG.js";import{l}from"./p-LoCE14bN.js";import{s as i}from"./p-jlzl8vRd.js";import{s as r}from"./p-BW_CkW1K.js";import"./p-DXbsIXSw.js";import"./p-DFjHkJRO.js";import"./p-Z7wimzYh.js";const a=class{constructor(t){s(this,t),this.subscribePodOs=o(this,"pod-os:init",7),this.subscribeResource=o(this,"pod-os:resource",7),this.addedLiteralValue=o(this,"pod-os:added-literal-value",7),this.error=o(this,"pod-os:error",7),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:l(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(null===(s=this.resource)||void 0===s?void 0:s.editable)return t(e,null,t("sl-icon",{name:"plus-circle"}),t("pos-select-term",{placeholder:"Add literal","onPod-os:term-selected":s=>this.onTermSelected(s)}),t("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:0}]}}};a.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,\\n    background-color 0.1s}";const n=class{constructor(t){s(this,t),this.subscribeResource=o(this,"pod-os:resource",7),this.data=[],this.receiveResource=s=>{this.data=s.literals()}}componentWillLoad(){r(this)}literalValueAdded(s){const o=this.data.find((o=>o.predicate===s.predicate));this.data=o?this.data.map((t=>t.predicate===o.predicate?{predicate:o.predicate,label:o.label,values:[...o.values,...s.values]}:t)):[...this.data,s]}render(){return t(e,{key:"79a29288f727943c57b62ffc4f3090ecf236f693"},this.data.length>0?t("dl",null,this.data.map((s=>t("div",{class:"predicate-values"},t("dt",null,t("pos-predicate",{uri:s.predicate,label:s.label})),t("div",{class:"values"},s.values.map((s=>t("dd",null,s)))))))):null,t("pos-add-literal-value",{key:"68d1936aca1dff7ff11493266aaf8e3c4d6d67e6","onPod-os:added-literal-value":s=>this.literalValueAdded(s.detail)}))}};n.style=":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{padding:0;margin:0;display:flex;flex-direction:column;gap:var(--size-1)}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-2)}}";const c=class{constructor(t){s(this,t),this.subscribeResource=o(this,"pod-os:resource",7),this.data=[],this.typeLabels=[],this.isExpanded=!1,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(){return 0==this.data.length?null:this.isExpanded?t("div",{class:"types expanded"},t("sl-tooltip",{content:"Collapse types"},t("button",{class:"toggle",onClick:()=>this.toggleDetails()},t("sl-icon",{name:"arrows-collapse"}))),t("ul",null,this.data.map((s=>t("li",null,s.uri))))):t(e,null,t("div",{class:"types"},t("ul",null,this.typeLabels.map((s=>t("li",null,s)))),t("sl-tooltip",{content:"Expand types"},t("button",{class:"toggle",onClick:()=>this.toggleDetails()},t("sl-icon",{name:"arrows-expand"})))))}};c.style=".types{display:flex;gap:var(--size-1)}.expanded{flex-direction:column;justify-content:flex-start;align-items:flex-start;ul{flex-direction:column}}button.toggle{display:flex;cursor:pointer;justify-content:center;align-items:center;aspect-ratio:1 / 1}ul{margin:0;padding:0;display:flex;flex-direction:row;font-size:var(--size-3);gap:var(--size-2);li{cursor:default;display:inline-flex;align-items:center;padding:var(--size-1);border-radius:var(--radius-sm);background-color:var(--pos-subtle-text-color);color:var(--pos-background-color);list-style:none}}";export{a as pos_add_literal_value,n as pos_literals,c as pos_type_badges}