@pod-os/elements 0.21.1-aba77d3.0 → 0.22.1

package/dist/elements/{p-0944a37c.entry.js → p-aa0b9f74.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,i,h as e,H as s,d as r}from"./p-c427a5e9.js";import{c as n}from"./p-25270f1a.js";import{b as o,c as p,a}from"./p-c8020dbc.js";import{g as h}from"./p-669fab6c.js";import{g as c}from"./p-49248534.js";import"./p-21b22219.js";import"./p-7efd6867.js";const l=".picker-col{display:flex;position:relative;flex:1;justify-content:center;height:100%;box-sizing:content-box;contain:content}.picker-opts{position:relative;flex:1;max-width:100%}.picker-opt{top:0;display:block;position:absolute;width:100%;border:0;text-align:center;text-overflow:ellipsis;white-space:nowrap;contain:strict;overflow:hidden;will-change:transform}@supports (inset-inline-start: 0){.picker-opt{inset-inline-start:0}}@supports not (inset-inline-start: 0){.picker-opt{left:0}:host-context([dir=rtl]) .picker-opt{left:unset;right:unset;right:0}[dir=rtl] .picker-opt{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.picker-opt:dir(rtl){left:unset;right:unset;right:0}}}.picker-opt.picker-opt-disabled{pointer-events:none}.picker-opt-disabled{opacity:0}.picker-opts-left{justify-content:flex-start}.picker-opts-right{justify-content:flex-end}.picker-opt:active,.picker-opt:focus{outline:none}.picker-prefix{position:relative;flex:1;text-align:end;white-space:nowrap}.picker-suffix{position:relative;flex:1;text-align:start;white-space:nowrap}.picker-col{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:4px;padding-inline-end:4px;padding-top:0;padding-bottom:0;transform-style:preserve-3d}.picker-prefix,.picker-suffix,.picker-opts{top:77px;transform-style:preserve-3d;color:inherit;font-size:20px;line-height:42px;pointer-events:none}.picker-opt{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;transform-origin:center center;height:46px;transform-style:preserve-3d;transition-timing-function:ease-out;background:transparent;color:inherit;font-size:20px;line-height:42px;backface-visibility:hidden;pointer-events:auto}:host-context([dir=rtl]) .picker-opt{transform-origin:calc(100% - center) center}[dir=rtl] .picker-opt{transform-origin:calc(100% - center) center}@supports selector(:dir(rtl)){.picker-opt:dir(rtl){transform-origin:calc(100% - center) center}}";const d=l;const f=".picker-col{display:flex;position:relative;flex:1;justify-content:center;height:100%;box-sizing:content-box;contain:content}.picker-opts{position:relative;flex:1;max-width:100%}.picker-opt{top:0;display:block;position:absolute;width:100%;border:0;text-align:center;text-overflow:ellipsis;white-space:nowrap;contain:strict;overflow:hidden;will-change:transform}@supports (inset-inline-start: 0){.picker-opt{inset-inline-start:0}}@supports not (inset-inline-start: 0){.picker-opt{left:0}:host-context([dir=rtl]) .picker-opt{left:unset;right:unset;right:0}[dir=rtl] .picker-opt{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.picker-opt:dir(rtl){left:unset;right:unset;right:0}}}.picker-opt.picker-opt-disabled{pointer-events:none}.picker-opt-disabled{opacity:0}.picker-opts-left{justify-content:flex-start}.picker-opts-right{justify-content:flex-end}.picker-opt:active,.picker-opt:focus{outline:none}.picker-prefix{position:relative;flex:1;text-align:end;white-space:nowrap}.picker-suffix{position:relative;flex:1;text-align:start;white-space:nowrap}.picker-col{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:0;padding-bottom:0;transform-style:preserve-3d}.picker-prefix,.picker-suffix,.picker-opts{top:77px;transform-style:preserve-3d;color:inherit;font-size:22px;line-height:42px;pointer-events:none}.picker-opt{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;height:43px;transition-timing-function:ease-out;background:transparent;color:inherit;font-size:22px;line-height:42px;backface-visibility:hidden;pointer-events:auto}.picker-prefix,.picker-suffix,.picker-opt.picker-opt-selected{color:var(--ion-color-primary, #3880ff)}";const g=f;const u=class{constructor(e){t(this,e);this.ionPickerColChange=i(this,"ionPickerColChange",7);this.optHeight=0;this.rotateFactor=0;this.scaleFactor=1;this.velocity=0;this.y=0;this.noAnimate=true;this.colDidChange=false;this.col=undefined}colChanged(){this.colDidChange=true}async connectedCallback(){let t=0;let i=.81;const e=c(this);if(e==="ios"){t=-.46;i=1}this.rotateFactor=t;this.scaleFactor=i;this.gesture=(await import("./p-b943833e.js")).createGesture({el:this.el,gestureName:"picker-swipe",gesturePriority:100,threshold:0,passive:false,onStart:t=>this.onStart(t),onMove:t=>this.onMove(t),onEnd:t=>this.onEnd(t)});this.gesture.enable();this.tmrId=setTimeout((()=>{this.noAnimate=false;this.refresh(true)}),250)}componentDidLoad(){this.onDomChange()}componentDidUpdate(){if(this.colDidChange){this.onDomChange(true,false);this.colDidChange=false}}disconnectedCallback(){if(this.rafId!==undefined)cancelAnimationFrame(this.rafId);if(this.tmrId)clearTimeout(this.tmrId);if(this.gesture){this.gesture.destroy();this.gesture=undefined}}emitColChange(){this.ionPickerColChange.emit(this.col)}setSelected(t,i){const e=t>-1?-(t*this.optHeight):0;this.velocity=0;if(this.rafId!==undefined)cancelAnimationFrame(this.rafId);this.update(e,i,true);this.emitColChange()}update(t,i,e){if(!this.optsEl){return}let s=0;let r=0;const{col:n,rotateFactor:p}=this;const a=n.selectedIndex;const h=n.selectedIndex=this.indexForY(-t);const c=i===0?"":i+"ms";const l=`scale(${this.scaleFactor})`;const d=this.optsEl.children;for(let e=0;e<d.length;e++){const o=d[e];const a=n.options[e];const f=e*this.optHeight+t;let g="";if(p!==0){const t=f*p;if(Math.abs(t)<=90){s=0;r=90;g=`rotateX(${t}deg) `}else{s=-9999}}else{r=0;s=f}const u=h===e;g+=`translate3d(0px,${s}px,${r}px) `;if(this.scaleFactor!==1&&!u){g+=l}if(this.noAnimate){a.duration=0;o.style.transitionDuration=""}else if(i!==a.duration){a.duration=i;o.style.transitionDuration=c}if(g!==a.transform){a.transform=g}o.style.transform=g;a.selected=u;if(u){o.classList.add(k)}else{o.classList.remove(k)}}this.col.prevSelected=a;if(e){this.y=t}if(this.lastIndex!==h){o();this.lastIndex=h}}decelerate(){if(this.velocity!==0){this.velocity*=x;this.velocity=this.velocity>0?Math.max(this.velocity,1):Math.min(this.velocity,-1);let t=this.y+this.velocity;if(t>this.minY){t=this.minY;this.velocity=0}else if(t<this.maxY){t=this.maxY;this.velocity=0}this.update(t,0,true);const i=Math.round(t)%this.optHeight!==0||Math.abs(this.velocity)>1;if(i){this.rafId=requestAnimationFrame((()=>this.decelerate()))}else{this.velocity=0;this.emitColChange();p()}}else if(this.y%this.optHeight!==0){const t=Math.abs(this.y%this.optHeight);this.velocity=t>this.optHeight/2?1:-1;this.decelerate()}}indexForY(t){return Math.min(Math.max(Math.abs(Math.round(t/this.optHeight)),0),this.col.options.length-1)}onStart(t){if(t.event.cancelable){t.event.preventDefault()}t.event.stopPropagation();a();if(this.rafId!==undefined)cancelAnimationFrame(this.rafId);const i=this.col.options;let e=i.length-1;let s=0;for(let t=0;t<i.length;t++){if(!i[t].disabled){e=Math.min(e,t);s=Math.max(s,t)}}this.minY=-(e*this.optHeight);this.maxY=-(s*this.optHeight)}onMove(t){if(t.event.cancelable){t.event.preventDefault()}t.event.stopPropagation();let i=this.y+t.deltaY;if(i>this.minY){i=Math.pow(i,.8);this.bounceFrom=i}else if(i<this.maxY){i+=Math.pow(this.maxY-i,.9);this.bounceFrom=i}else{this.bounceFrom=0}this.update(i,0,false)}onEnd(t){if(this.bounceFrom>0){this.update(this.minY,100,true);this.emitColChange();return}else if(this.bounceFrom<0){this.update(this.maxY,100,true);this.emitColChange();return}this.velocity=n(-m,t.velocityY*23,m);if(this.velocity===0&&t.deltaY===0){const i=t.event.target.closest(".picker-opt");if(i===null||i===void 0?void 0:i.hasAttribute("opt-index")){this.setSelected(parseInt(i.getAttribute("opt-index"),10),b)}}else{this.y+=t.deltaY;if(Math.abs(t.velocityY)<.05){const i=t.deltaY>0;const e=Math.abs(this.y)%this.optHeight/this.optHeight;if(i&&e>.5){this.velocity=Math.abs(this.velocity)*-1}else if(!i&&e<=.5){this.velocity=Math.abs(this.velocity)}}this.decelerate()}}refresh(t,i){var e;let s=this.col.options.length-1;let r=0;const o=this.col.options;for(let t=0;t<o.length;t++){if(!o[t].disabled){s=Math.min(s,t);r=Math.max(r,t)}}if(this.velocity!==0){return}const p=n(s,(e=this.col.selectedIndex)!==null&&e!==void 0?e:0,r);if(this.col.prevSelected!==p||t){const t=p*this.optHeight*-1;const e=i?b:0;this.velocity=0;this.update(t,e,true)}}onDomChange(t,i){const e=this.optsEl;if(e){this.optHeight=e.firstElementChild?e.firstElementChild.clientHeight:0}this.refresh(t,i)}render(){const t=this.col;const i=c(this);return e(s,{key:"49bb4c67a67c7318d4c305df78ceabae36355112",class:Object.assign({[i]:true,"picker-col":true,"picker-opts-left":this.col.align==="left","picker-opts-right":this.col.align==="right"},h(t.cssClass)),style:{"max-width":this.col.columnWidth}},t.prefix&&e("div",{key:"7e65761d24473e4ba0ce2d4fc707a5c5e8127903",class:"picker-prefix",style:{width:t.prefixWidth}},t.prefix),e("div",{key:"65c3aea609401e8ae4ea6d363a1b9436796c0a86",class:"picker-opts",style:{maxWidth:t.optionsWidth},ref:t=>this.optsEl=t},t.options.map(((t,i)=>e("button",{"aria-label":t.ariaLabel,class:{"picker-opt":true,"picker-opt-disabled":!!t.disabled},"opt-index":i},t.text)))),t.suffix&&e("div",{key:"c2e5a324ba95dd8832d3eb81b139e1f674d74a35",class:"picker-suffix",style:{width:t.suffixWidth}},t.suffix))}get el(){return r(this)}static get watchers(){return{col:["colChanged"]}}};const k="picker-opt-selected";const x=.97;const m=90;const b=150;u.style={ios:d,md:g};export{u as ion_picker_column};
-//# sourceMappingURL=p-0944a37c.entry.js.map
+import{r as t,i,h as e,H as s,d as r}from"./p-7a6a7690.js";import{c as n}from"./p-25270f1a.js";import{b as o,c as p,a}from"./p-c8020dbc.js";import{g as h}from"./p-669fab6c.js";import{g as c}from"./p-866a6047.js";import"./p-21b22219.js";import"./p-7efd6867.js";const l=".picker-col{display:flex;position:relative;flex:1;justify-content:center;height:100%;box-sizing:content-box;contain:content}.picker-opts{position:relative;flex:1;max-width:100%}.picker-opt{top:0;display:block;position:absolute;width:100%;border:0;text-align:center;text-overflow:ellipsis;white-space:nowrap;contain:strict;overflow:hidden;will-change:transform}@supports (inset-inline-start: 0){.picker-opt{inset-inline-start:0}}@supports not (inset-inline-start: 0){.picker-opt{left:0}:host-context([dir=rtl]) .picker-opt{left:unset;right:unset;right:0}[dir=rtl] .picker-opt{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.picker-opt:dir(rtl){left:unset;right:unset;right:0}}}.picker-opt.picker-opt-disabled{pointer-events:none}.picker-opt-disabled{opacity:0}.picker-opts-left{justify-content:flex-start}.picker-opts-right{justify-content:flex-end}.picker-opt:active,.picker-opt:focus{outline:none}.picker-prefix{position:relative;flex:1;text-align:end;white-space:nowrap}.picker-suffix{position:relative;flex:1;text-align:start;white-space:nowrap}.picker-col{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:4px;padding-inline-end:4px;padding-top:0;padding-bottom:0;transform-style:preserve-3d}.picker-prefix,.picker-suffix,.picker-opts{top:77px;transform-style:preserve-3d;color:inherit;font-size:20px;line-height:42px;pointer-events:none}.picker-opt{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;transform-origin:center center;height:46px;transform-style:preserve-3d;transition-timing-function:ease-out;background:transparent;color:inherit;font-size:20px;line-height:42px;backface-visibility:hidden;pointer-events:auto}:host-context([dir=rtl]) .picker-opt{transform-origin:calc(100% - center) center}[dir=rtl] .picker-opt{transform-origin:calc(100% - center) center}@supports selector(:dir(rtl)){.picker-opt:dir(rtl){transform-origin:calc(100% - center) center}}";const d=l;const f=".picker-col{display:flex;position:relative;flex:1;justify-content:center;height:100%;box-sizing:content-box;contain:content}.picker-opts{position:relative;flex:1;max-width:100%}.picker-opt{top:0;display:block;position:absolute;width:100%;border:0;text-align:center;text-overflow:ellipsis;white-space:nowrap;contain:strict;overflow:hidden;will-change:transform}@supports (inset-inline-start: 0){.picker-opt{inset-inline-start:0}}@supports not (inset-inline-start: 0){.picker-opt{left:0}:host-context([dir=rtl]) .picker-opt{left:unset;right:unset;right:0}[dir=rtl] .picker-opt{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.picker-opt:dir(rtl){left:unset;right:unset;right:0}}}.picker-opt.picker-opt-disabled{pointer-events:none}.picker-opt-disabled{opacity:0}.picker-opts-left{justify-content:flex-start}.picker-opts-right{justify-content:flex-end}.picker-opt:active,.picker-opt:focus{outline:none}.picker-prefix{position:relative;flex:1;text-align:end;white-space:nowrap}.picker-suffix{position:relative;flex:1;text-align:start;white-space:nowrap}.picker-col{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:0;padding-bottom:0;transform-style:preserve-3d}.picker-prefix,.picker-suffix,.picker-opts{top:77px;transform-style:preserve-3d;color:inherit;font-size:22px;line-height:42px;pointer-events:none}.picker-opt{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;height:43px;transition-timing-function:ease-out;background:transparent;color:inherit;font-size:22px;line-height:42px;backface-visibility:hidden;pointer-events:auto}.picker-prefix,.picker-suffix,.picker-opt.picker-opt-selected{color:var(--ion-color-primary, #3880ff)}";const g=f;const u=class{constructor(e){t(this,e);this.ionPickerColChange=i(this,"ionPickerColChange",7);this.optHeight=0;this.rotateFactor=0;this.scaleFactor=1;this.velocity=0;this.y=0;this.noAnimate=true;this.colDidChange=false;this.col=undefined}colChanged(){this.colDidChange=true}async connectedCallback(){let t=0;let i=.81;const e=c(this);if(e==="ios"){t=-.46;i=1}this.rotateFactor=t;this.scaleFactor=i;this.gesture=(await import("./p-b943833e.js")).createGesture({el:this.el,gestureName:"picker-swipe",gesturePriority:100,threshold:0,passive:false,onStart:t=>this.onStart(t),onMove:t=>this.onMove(t),onEnd:t=>this.onEnd(t)});this.gesture.enable();this.tmrId=setTimeout((()=>{this.noAnimate=false;this.refresh(true)}),250)}componentDidLoad(){this.onDomChange()}componentDidUpdate(){if(this.colDidChange){this.onDomChange(true,false);this.colDidChange=false}}disconnectedCallback(){if(this.rafId!==undefined)cancelAnimationFrame(this.rafId);if(this.tmrId)clearTimeout(this.tmrId);if(this.gesture){this.gesture.destroy();this.gesture=undefined}}emitColChange(){this.ionPickerColChange.emit(this.col)}setSelected(t,i){const e=t>-1?-(t*this.optHeight):0;this.velocity=0;if(this.rafId!==undefined)cancelAnimationFrame(this.rafId);this.update(e,i,true);this.emitColChange()}update(t,i,e){if(!this.optsEl){return}let s=0;let r=0;const{col:n,rotateFactor:p}=this;const a=n.selectedIndex;const h=n.selectedIndex=this.indexForY(-t);const c=i===0?"":i+"ms";const l=`scale(${this.scaleFactor})`;const d=this.optsEl.children;for(let e=0;e<d.length;e++){const o=d[e];const a=n.options[e];const f=e*this.optHeight+t;let g="";if(p!==0){const t=f*p;if(Math.abs(t)<=90){s=0;r=90;g=`rotateX(${t}deg) `}else{s=-9999}}else{r=0;s=f}const u=h===e;g+=`translate3d(0px,${s}px,${r}px) `;if(this.scaleFactor!==1&&!u){g+=l}if(this.noAnimate){a.duration=0;o.style.transitionDuration=""}else if(i!==a.duration){a.duration=i;o.style.transitionDuration=c}if(g!==a.transform){a.transform=g}o.style.transform=g;a.selected=u;if(u){o.classList.add(k)}else{o.classList.remove(k)}}this.col.prevSelected=a;if(e){this.y=t}if(this.lastIndex!==h){o();this.lastIndex=h}}decelerate(){if(this.velocity!==0){this.velocity*=x;this.velocity=this.velocity>0?Math.max(this.velocity,1):Math.min(this.velocity,-1);let t=this.y+this.velocity;if(t>this.minY){t=this.minY;this.velocity=0}else if(t<this.maxY){t=this.maxY;this.velocity=0}this.update(t,0,true);const i=Math.round(t)%this.optHeight!==0||Math.abs(this.velocity)>1;if(i){this.rafId=requestAnimationFrame((()=>this.decelerate()))}else{this.velocity=0;this.emitColChange();p()}}else if(this.y%this.optHeight!==0){const t=Math.abs(this.y%this.optHeight);this.velocity=t>this.optHeight/2?1:-1;this.decelerate()}}indexForY(t){return Math.min(Math.max(Math.abs(Math.round(t/this.optHeight)),0),this.col.options.length-1)}onStart(t){if(t.event.cancelable){t.event.preventDefault()}t.event.stopPropagation();a();if(this.rafId!==undefined)cancelAnimationFrame(this.rafId);const i=this.col.options;let e=i.length-1;let s=0;for(let t=0;t<i.length;t++){if(!i[t].disabled){e=Math.min(e,t);s=Math.max(s,t)}}this.minY=-(e*this.optHeight);this.maxY=-(s*this.optHeight)}onMove(t){if(t.event.cancelable){t.event.preventDefault()}t.event.stopPropagation();let i=this.y+t.deltaY;if(i>this.minY){i=Math.pow(i,.8);this.bounceFrom=i}else if(i<this.maxY){i+=Math.pow(this.maxY-i,.9);this.bounceFrom=i}else{this.bounceFrom=0}this.update(i,0,false)}onEnd(t){if(this.bounceFrom>0){this.update(this.minY,100,true);this.emitColChange();return}else if(this.bounceFrom<0){this.update(this.maxY,100,true);this.emitColChange();return}this.velocity=n(-m,t.velocityY*23,m);if(this.velocity===0&&t.deltaY===0){const i=t.event.target.closest(".picker-opt");if(i===null||i===void 0?void 0:i.hasAttribute("opt-index")){this.setSelected(parseInt(i.getAttribute("opt-index"),10),b)}}else{this.y+=t.deltaY;if(Math.abs(t.velocityY)<.05){const i=t.deltaY>0;const e=Math.abs(this.y)%this.optHeight/this.optHeight;if(i&&e>.5){this.velocity=Math.abs(this.velocity)*-1}else if(!i&&e<=.5){this.velocity=Math.abs(this.velocity)}}this.decelerate()}}refresh(t,i){var e;let s=this.col.options.length-1;let r=0;const o=this.col.options;for(let t=0;t<o.length;t++){if(!o[t].disabled){s=Math.min(s,t);r=Math.max(r,t)}}if(this.velocity!==0){return}const p=n(s,(e=this.col.selectedIndex)!==null&&e!==void 0?e:0,r);if(this.col.prevSelected!==p||t){const t=p*this.optHeight*-1;const e=i?b:0;this.velocity=0;this.update(t,e,true)}}onDomChange(t,i){const e=this.optsEl;if(e){this.optHeight=e.firstElementChild?e.firstElementChild.clientHeight:0}this.refresh(t,i)}render(){const t=this.col;const i=c(this);return e(s,{key:"49bb4c67a67c7318d4c305df78ceabae36355112",class:Object.assign({[i]:true,"picker-col":true,"picker-opts-left":this.col.align==="left","picker-opts-right":this.col.align==="right"},h(t.cssClass)),style:{"max-width":this.col.columnWidth}},t.prefix&&e("div",{key:"7e65761d24473e4ba0ce2d4fc707a5c5e8127903",class:"picker-prefix",style:{width:t.prefixWidth}},t.prefix),e("div",{key:"65c3aea609401e8ae4ea6d363a1b9436796c0a86",class:"picker-opts",style:{maxWidth:t.optionsWidth},ref:t=>this.optsEl=t},t.options.map(((t,i)=>e("button",{"aria-label":t.ariaLabel,class:{"picker-opt":true,"picker-opt-disabled":!!t.disabled},"opt-index":i},t.text)))),t.suffix&&e("div",{key:"c2e5a324ba95dd8832d3eb81b139e1f674d74a35",class:"picker-suffix",style:{width:t.suffixWidth}},t.suffix))}get el(){return r(this)}static get watchers(){return{col:["colChanged"]}}};const k="picker-opt-selected";const x=.97;const m=90;const b=150;u.style={ios:d,md:g};export{u as ion_picker_column};
+//# sourceMappingURL=p-aa0b9f74.entry.js.map

package/dist/elements/p-acc5f44b.entry.js

@@ -0,0 +1,2 @@
+import{r as s,h as t,H as i}from"./p-7a6a7690.js";import{m as a}from"./p-f49a12b4.js";import{g as o}from"./p-866a6047.js";import{u as e}from"./p-cf6c3e72.js";import"./p-7efd6867.js";import"./p-7a33ba37.js";import"./p-d6769f21.js";import"./p-25270f1a.js";import"./p-592177e8.js";const n=":host(.menu-toggle-hidden){display:none}";const r=n;const c=class{constructor(t){s(this,t);this.onClick=()=>a.toggle(this.menu);this.visible=false;this.menu=undefined;this.autoHide=true}connectedCallback(){this.visibilityChanged()}async visibilityChanged(){this.visible=await e(this.menu)}render(){const s=o(this);const a=this.autoHide&&!this.visible;return t(i,{key:"94a0815a634c6fb1991854bfbcf5b2b4b61d7710",onClick:this.onClick,"aria-hidden":a?"true":null,class:{[s]:true,"menu-toggle-hidden":a}},t("slot",{key:"f3ac6d17d5421390ab05f3f31ad00ec4f2ca5c7c"}))}};c.style=r;export{c as ion_menu_toggle};
+//# sourceMappingURL=p-acc5f44b.entry.js.map

package/dist/elements/{p-04148971.entry.js → p-ad163306.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,i as n}from"./p-c427a5e9.js";const o=class{constructor(o){t(this,o);this.ionRouteDataChanged=n(this,"ionRouteDataChanged",7);this.url="";this.component=undefined;this.componentProps=undefined;this.beforeLeave=undefined;this.beforeEnter=undefined}onUpdate(t){this.ionRouteDataChanged.emit(t)}onComponentProps(t,n){if(t===n){return}const o=t?Object.keys(t):[];const e=n?Object.keys(n):[];if(o.length!==e.length){this.onUpdate(t);return}for(const e of o){if(t[e]!==n[e]){this.onUpdate(t);return}}}connectedCallback(){this.ionRouteDataChanged.emit()}static get watchers(){return{url:["onUpdate"],component:["onUpdate"],componentProps:["onComponentProps"]}}};export{o as ion_route};
-//# sourceMappingURL=p-04148971.entry.js.map
+import{r as t,i as n}from"./p-7a6a7690.js";const o=class{constructor(o){t(this,o);this.ionRouteDataChanged=n(this,"ionRouteDataChanged",7);this.url="";this.component=undefined;this.componentProps=undefined;this.beforeLeave=undefined;this.beforeEnter=undefined}onUpdate(t){this.ionRouteDataChanged.emit(t)}onComponentProps(t,n){if(t===n){return}const o=t?Object.keys(t):[];const e=n?Object.keys(n):[];if(o.length!==e.length){this.onUpdate(t);return}for(const e of o){if(t[e]!==n[e]){this.onUpdate(t);return}}}connectedCallback(){this.ionRouteDataChanged.emit()}static get watchers(){return{url:["onUpdate"],component:["onUpdate"],componentProps:["onComponentProps"]}}};export{o as ion_route};
+//# sourceMappingURL=p-ad163306.entry.js.map

package/dist/elements/{p-d2ee3af1.entry.js → p-ad1ec152.entry.js}

@@ -1,5 +1,5 @@
-import{r as i,h as d,H as n,j as a,i as o}from"./p-c427a5e9.js";import{c as r}from"./p-669fab6c.js";import{g as t}from"./p-49248534.js";import{l as e}from"./p-1a83d851.js";import{s as g}from"./p-182f722d.js";import{s}from"./p-f6671856.js";const p=":host{--background:var(--ion-color-primary, #3880ff);--color:var(--ion-color-primary-contrast, #fff);--padding-top:3px;--padding-end:8px;--padding-bottom:3px;--padding-start:8px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:inline-block;min-width:10px;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);font-size:0.8125rem;font-weight:bold;line-height:1;text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(:empty){display:none}:host{border-radius:10px;font-size:max(13px, 0.8125rem)}";const l=p;const c=":host{--background:var(--ion-color-primary, #3880ff);--color:var(--ion-color-primary-contrast, #fff);--padding-top:3px;--padding-end:8px;--padding-bottom:3px;--padding-start:8px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:inline-block;min-width:10px;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);font-size:0.8125rem;font-weight:bold;line-height:1;text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(:empty){display:none}:host{--padding-top:3px;--padding-end:4px;--padding-bottom:4px;--padding-start:4px;border-radius:4px}";const h=c;const m=class{constructor(d){i(this,d);this.color=undefined}render(){const i=t(this);return d(n,{key:"22d41ceefb76f40dfbf739fd71483f1272a45858",class:r(this.color,{[i]:true})},d("slot",{key:"e7e65463bac5903971a8f9f6be55515f42b81a83"}))}};m.style={ios:l,md:h};const u=":host{display:block;position:relative;color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}:host{--color:var(--ion-text-color, #000);margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;font-size:1.75rem;font-weight:700;line-height:1.2}";const v=u;const x=":host{display:block;position:relative;color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}:host{--color:var(--ion-color-step-850, #262626);margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;font-size:1.25rem;font-weight:500;line-height:1.2}";const f=x;const b=class{constructor(d){i(this,d);this.color=undefined}render(){const i=t(this);return d(n,{key:"a9e4190346e7d0a8e6089ec1fe01bca0f5f7200d",role:"heading","aria-level":"2",class:r(this.color,{"ion-inherit-color":true,[i]:true})},d("slot",{key:"8d87636ad703545b6d2297629205a5a8616eb94e"}))}};b.style={ios:v,md:f};
+import{r as i,h as d,H as n,j as a,i as o}from"./p-7a6a7690.js";import{c as r}from"./p-669fab6c.js";import{g as t}from"./p-866a6047.js";import{l as e}from"./p-1a83d851.js";import{s as g}from"./p-182f722d.js";import{s}from"./p-f6671856.js";const p=":host{--background:var(--ion-color-primary, #3880ff);--color:var(--ion-color-primary-contrast, #fff);--padding-top:3px;--padding-end:8px;--padding-bottom:3px;--padding-start:8px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:inline-block;min-width:10px;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);font-size:0.8125rem;font-weight:bold;line-height:1;text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(:empty){display:none}:host{border-radius:10px;font-size:max(13px, 0.8125rem)}";const l=p;const c=":host{--background:var(--ion-color-primary, #3880ff);--color:var(--ion-color-primary-contrast, #fff);--padding-top:3px;--padding-end:8px;--padding-bottom:3px;--padding-start:8px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:inline-block;min-width:10px;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);font-size:0.8125rem;font-weight:bold;line-height:1;text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(:empty){display:none}:host{--padding-top:3px;--padding-end:4px;--padding-bottom:4px;--padding-start:4px;border-radius:4px}";const h=c;const m=class{constructor(d){i(this,d);this.color=undefined}render(){const i=t(this);return d(n,{key:"22d41ceefb76f40dfbf739fd71483f1272a45858",class:r(this.color,{[i]:true})},d("slot",{key:"e7e65463bac5903971a8f9f6be55515f42b81a83"}))}};m.style={ios:l,md:h};const u=":host{display:block;position:relative;color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}:host{--color:var(--ion-text-color, #000);margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;font-size:1.75rem;font-weight:700;line-height:1.2}";const v=u;const x=":host{display:block;position:relative;color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}:host{--color:var(--ion-color-step-850, #262626);margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;font-size:1.25rem;font-weight:500;line-height:1.2}";const f=x;const b=class{constructor(d){i(this,d);this.color=undefined}render(){const i=t(this);return d(n,{key:"a9e4190346e7d0a8e6089ec1fe01bca0f5f7200d",role:"heading","aria-level":"2",class:r(this.color,{"ion-inherit-color":true,[i]:true})},d("slot",{key:"8d87636ad703545b6d2297629205a5a8616eb94e"}))}};b.style={ios:v,md:f};
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
- */const w={xs:"(min-width: 0px)",sm:"(min-width: 576px)",md:"(min-width: 768px)",lg:"(min-width: 992px)",xl:"(min-width: 1200px)"};const k=i=>{if(i===undefined||i===""){return true}if(window.matchMedia){const d=w[i];return window.matchMedia(d).matches}return false};const y=":host{-webkit-padding-start:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;box-sizing:border-box;position:relative;flex-basis:0;flex-grow:1;width:100%;max-width:100%;min-height:1px}@media (min-width: 576px){:host{-webkit-padding-start:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px))}}@media (min-width: 768px){:host{-webkit-padding-start:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px))}}@media (min-width: 992px){:host{-webkit-padding-start:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px))}}@media (min-width: 1200px){:host{-webkit-padding-start:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px))}}";const z=y;const j=typeof window!=="undefined"?window:undefined;const _=j&&!!(j.CSS&&j.CSS.supports&&j.CSS.supports("--a: 0"));const C=["","xs","sm","md","lg","xl"];const O=class{constructor(d){i(this,d);this.offset=undefined;this.offsetXs=undefined;this.offsetSm=undefined;this.offsetMd=undefined;this.offsetLg=undefined;this.offsetXl=undefined;this.pull=undefined;this.pullXs=undefined;this.pullSm=undefined;this.pullMd=undefined;this.pullLg=undefined;this.pullXl=undefined;this.push=undefined;this.pushXs=undefined;this.pushSm=undefined;this.pushMd=undefined;this.pushLg=undefined;this.pushXl=undefined;this.size=undefined;this.sizeXs=undefined;this.sizeSm=undefined;this.sizeMd=undefined;this.sizeLg=undefined;this.sizeXl=undefined}onResize(){a(this)}getColumns(i){let d;for(const n of C){const a=k(n);const o=this[i+n.charAt(0).toUpperCase()+n.slice(1)];if(a&&o!==undefined){d=o}}return d}calculateSize(){const i=this.getColumns("size");if(!i||i===""){return}const d=i==="auto"?"auto":_?`calc(calc(${i} / var(--ion-grid-columns, 12)) * 100%)`:i/12*100+"%";return{flex:`0 0 ${d}`,width:`${d}`,"max-width":`${d}`}}calculatePosition(i,d){const n=this.getColumns(i);if(!n){return}const a=_?`calc(calc(${n} / var(--ion-grid-columns, 12)) * 100%)`:n>0&&n<12?n/12*100+"%":"auto";return{[d]:a}}calculateOffset(i){return this.calculatePosition("offset",i?"margin-right":"margin-left")}calculatePull(i){return this.calculatePosition("pull",i?"left":"right")}calculatePush(i){return this.calculatePosition("push",i?"right":"left")}render(){const i=document.dir==="rtl";const a=t(this);return d(n,{key:"56ecf3b3f2be05d5f179f2d136d4ab05a4525da9",class:{[a]:true},style:Object.assign(Object.assign(Object.assign(Object.assign({},this.calculateOffset(i)),this.calculatePull(i)),this.calculatePush(i)),this.calculateSize())},d("slot",{key:"8f1113d39dcb709300ebbeaf81bc092c1dd8da3e"}))}};O.style=z;const P=":host{-webkit-padding-start:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));padding-inline-start:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));-webkit-padding-end:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));padding-inline-end:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));padding-top:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));padding-bottom:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;display:block;flex:1}@media (min-width: 576px){:host{-webkit-padding-start:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));padding-inline-start:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));-webkit-padding-end:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));padding-inline-end:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));padding-top:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));padding-bottom:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px))}}@media (min-width: 768px){:host{-webkit-padding-start:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));padding-inline-start:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));-webkit-padding-end:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));padding-inline-end:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));padding-top:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));padding-bottom:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px))}}@media (min-width: 992px){:host{-webkit-padding-start:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));padding-inline-start:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));-webkit-padding-end:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));padding-inline-end:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));padding-top:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));padding-bottom:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px))}}@media (min-width: 1200px){:host{-webkit-padding-start:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));padding-inline-start:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));-webkit-padding-end:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));padding-inline-end:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));padding-top:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));padding-bottom:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px))}}:host(.grid-fixed){width:var(--ion-grid-width-xs, var(--ion-grid-width, 100%));max-width:100%}@media (min-width: 576px){:host(.grid-fixed){width:var(--ion-grid-width-sm, var(--ion-grid-width, 540px))}}@media (min-width: 768px){:host(.grid-fixed){width:var(--ion-grid-width-md, var(--ion-grid-width, 720px))}}@media (min-width: 992px){:host(.grid-fixed){width:var(--ion-grid-width-lg, var(--ion-grid-width, 960px))}}@media (min-width: 1200px){:host(.grid-fixed){width:var(--ion-grid-width-xl, var(--ion-grid-width, 1140px))}}:host(.ion-no-padding){--ion-grid-column-padding:0;--ion-grid-column-padding-xs:0;--ion-grid-column-padding-sm:0;--ion-grid-column-padding-md:0;--ion-grid-column-padding-lg:0;--ion-grid-column-padding-xl:0}";const $=P;const L=class{constructor(d){i(this,d);this.fixed=false}render(){const i=t(this);return d(n,{key:"a1c2ff77f97761c2bbcd869b2cc7b1558032b406",class:{[i]:true,"grid-fixed":this.fixed}},d("slot",{key:"cd25166436cf3a63a11ad436a9b9c5a607e72600"}))}};L.style=$;const S=":host{display:flex;flex-wrap:wrap}";const W=S;const A=class{constructor(d){i(this,d)}render(){return d(n,{key:"242c9a45b0bb39af2aebf412fdfa9a176babc834",class:t(this)},d("slot",{key:"d9015d663d631bbf20bd3e0821fed874cd6c5156"}))}};A.style=W;const N=":host{display:flex;align-items:center;gap:0.2rem}";const D=N;const H=class{constructor(d){i(this,d);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=i=>{this.resource=i};this.receivePodOs=async i=>{this.os=i};this.os=undefined;this.resource=undefined;this.currentValue=undefined;this.selectedTermUri=undefined}setName(){}componentWillLoad(){s(this);g(this)}async save(){try{await this.os.addPropertyValue(this.resource,this.selectedTermUri,this.currentValue);const i={predicate:this.selectedTermUri,label:e(this.selectedTermUri),values:[this.currentValue]};this.addedLiteralValue.emit(i);this.currentValue=""}catch(i){this.error.emit(i)}}onTermSelected(i){this.selectedTermUri=i.detail.uri;this.valueInput.setFocus()}render(){var i;if(!((i=this.resource)===null||i===void 0?void 0:i.editable)){return}return d(n,null,d("ion-icon",{name:"add-circle-outline"}),d("pos-select-term",{placeholder:"Add literal","onPod-os:term-selected":i=>this.onTermSelected(i)}),d("ion-input",{ref:i=>this.valueInput=i,value:this.currentValue,placeholder:"",onIonChange:i=>this.currentValue=i.detail.value.toString(),onChange:()=>this.save()}))}static get watchers(){return{os:["setName"]}}};H.style=D;const I=":host {\n  --background-base-color: var(--color-grey-200);\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 R=I;const T=class{constructor(d){i(this,d);this.subscribeResource=o(this,"pod-os:resource",7);this.receiveResource=i=>{this.data=i.literals()};this.data=[]}componentWillLoad(){s(this)}literalValueAdded(i){const d=this.data.find((d=>d.predicate===i.predicate));if(!d){this.data=[...this.data,i]}else{this.data=this.data.map((n=>n.predicate===d.predicate?{predicate:d.predicate,label:d.label,values:[...d.values,...i.values]}:n))}}render(){return d(n,{key:"35b12479d51638dc1e4de983f4901ddcea39e8df"},this.data.length>0?d("dl",null,this.data.map((i=>d("div",{class:"predicate-values"},d("dt",null,d("pos-predicate",{uri:i.predicate,label:i.label})),d("div",{class:"values"},i.values.map((i=>d("dd",null,i)))))))):null,d("pos-add-literal-value",{key:"76f9434f813162456c3c75728db363d708e2617f","onPod-os:added-literal-value":i=>this.literalValueAdded(i.detail)}))}};T.style=R;const V=".types{display:flex;gap:var(--size-1)}.expanded{flex-direction:column;justify-content:flex-start;align-items:flex-start}ion-badge{color:#333;background:#eee}ion-badge.toggle{cursor:pointer}ion-badge.toggle:hover{background:#ddd}";const q=V;const B=class{constructor(d){i(this,d);this.subscribeResource=o(this,"pod-os:resource",7);this.receiveResource=i=>{this.data=i.types();this.typeLabels=[...new Set(i.types().map((i=>i.label)))]};this.data=[];this.typeLabels=[];this.isExpanded=false}componentWillLoad(){s(this)}toggleDetails(){this.isExpanded=!this.isExpanded}render(){if(this.data.length==0){return null}if(this.isExpanded){return d("div",{class:"types expanded"},d("ion-badge",{class:"toggle",onClick:()=>this.toggleDetails()},d("ion-icon",{name:"contract-outline"})),this.data.map((i=>d("ion-badge",null,i.uri))))}else{return d(n,null,d("div",{class:"types"},this.typeLabels.map((i=>d("ion-badge",null,i))),d("ion-badge",{class:"toggle",onClick:()=>this.toggleDetails()},d("ion-icon",{name:"expand-outline"}))))}}};B.style=q;export{m as ion_badge,b as ion_card_title,O as ion_col,L as ion_grid,A as ion_row,H as pos_add_literal_value,T as pos_literals,B as pos_type_badges};
-//# sourceMappingURL=p-d2ee3af1.entry.js.map
+ */const w={xs:"(min-width: 0px)",sm:"(min-width: 576px)",md:"(min-width: 768px)",lg:"(min-width: 992px)",xl:"(min-width: 1200px)"};const k=i=>{if(i===undefined||i===""){return true}if(window.matchMedia){const d=w[i];return window.matchMedia(d).matches}return false};const y=":host{-webkit-padding-start:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;box-sizing:border-box;position:relative;flex-basis:0;flex-grow:1;width:100%;max-width:100%;min-height:1px}@media (min-width: 576px){:host{-webkit-padding-start:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px))}}@media (min-width: 768px){:host{-webkit-padding-start:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px))}}@media (min-width: 992px){:host{-webkit-padding-start:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px))}}@media (min-width: 1200px){:host{-webkit-padding-start:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px))}}";const z=y;const j=typeof window!=="undefined"?window:undefined;const _=j&&!!(j.CSS&&j.CSS.supports&&j.CSS.supports("--a: 0"));const C=["","xs","sm","md","lg","xl"];const O=class{constructor(d){i(this,d);this.offset=undefined;this.offsetXs=undefined;this.offsetSm=undefined;this.offsetMd=undefined;this.offsetLg=undefined;this.offsetXl=undefined;this.pull=undefined;this.pullXs=undefined;this.pullSm=undefined;this.pullMd=undefined;this.pullLg=undefined;this.pullXl=undefined;this.push=undefined;this.pushXs=undefined;this.pushSm=undefined;this.pushMd=undefined;this.pushLg=undefined;this.pushXl=undefined;this.size=undefined;this.sizeXs=undefined;this.sizeSm=undefined;this.sizeMd=undefined;this.sizeLg=undefined;this.sizeXl=undefined}onResize(){a(this)}getColumns(i){let d;for(const n of C){const a=k(n);const o=this[i+n.charAt(0).toUpperCase()+n.slice(1)];if(a&&o!==undefined){d=o}}return d}calculateSize(){const i=this.getColumns("size");if(!i||i===""){return}const d=i==="auto"?"auto":_?`calc(calc(${i} / var(--ion-grid-columns, 12)) * 100%)`:i/12*100+"%";return{flex:`0 0 ${d}`,width:`${d}`,"max-width":`${d}`}}calculatePosition(i,d){const n=this.getColumns(i);if(!n){return}const a=_?`calc(calc(${n} / var(--ion-grid-columns, 12)) * 100%)`:n>0&&n<12?n/12*100+"%":"auto";return{[d]:a}}calculateOffset(i){return this.calculatePosition("offset",i?"margin-right":"margin-left")}calculatePull(i){return this.calculatePosition("pull",i?"left":"right")}calculatePush(i){return this.calculatePosition("push",i?"right":"left")}render(){const i=document.dir==="rtl";const a=t(this);return d(n,{key:"56ecf3b3f2be05d5f179f2d136d4ab05a4525da9",class:{[a]:true},style:Object.assign(Object.assign(Object.assign(Object.assign({},this.calculateOffset(i)),this.calculatePull(i)),this.calculatePush(i)),this.calculateSize())},d("slot",{key:"8f1113d39dcb709300ebbeaf81bc092c1dd8da3e"}))}};O.style=z;const P=":host{-webkit-padding-start:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));padding-inline-start:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));-webkit-padding-end:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));padding-inline-end:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));padding-top:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));padding-bottom:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;display:block;flex:1}@media (min-width: 576px){:host{-webkit-padding-start:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));padding-inline-start:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));-webkit-padding-end:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));padding-inline-end:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));padding-top:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));padding-bottom:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px))}}@media (min-width: 768px){:host{-webkit-padding-start:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));padding-inline-start:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));-webkit-padding-end:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));padding-inline-end:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));padding-top:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));padding-bottom:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px))}}@media (min-width: 992px){:host{-webkit-padding-start:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));padding-inline-start:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));-webkit-padding-end:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));padding-inline-end:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));padding-top:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));padding-bottom:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px))}}@media (min-width: 1200px){:host{-webkit-padding-start:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));padding-inline-start:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));-webkit-padding-end:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));padding-inline-end:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));padding-top:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));padding-bottom:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px))}}:host(.grid-fixed){width:var(--ion-grid-width-xs, var(--ion-grid-width, 100%));max-width:100%}@media (min-width: 576px){:host(.grid-fixed){width:var(--ion-grid-width-sm, var(--ion-grid-width, 540px))}}@media (min-width: 768px){:host(.grid-fixed){width:var(--ion-grid-width-md, var(--ion-grid-width, 720px))}}@media (min-width: 992px){:host(.grid-fixed){width:var(--ion-grid-width-lg, var(--ion-grid-width, 960px))}}@media (min-width: 1200px){:host(.grid-fixed){width:var(--ion-grid-width-xl, var(--ion-grid-width, 1140px))}}:host(.ion-no-padding){--ion-grid-column-padding:0;--ion-grid-column-padding-xs:0;--ion-grid-column-padding-sm:0;--ion-grid-column-padding-md:0;--ion-grid-column-padding-lg:0;--ion-grid-column-padding-xl:0}";const $=P;const L=class{constructor(d){i(this,d);this.fixed=false}render(){const i=t(this);return d(n,{key:"a1c2ff77f97761c2bbcd869b2cc7b1558032b406",class:{[i]:true,"grid-fixed":this.fixed}},d("slot",{key:"cd25166436cf3a63a11ad436a9b9c5a607e72600"}))}};L.style=$;const S=":host{display:flex;flex-wrap:wrap}";const W=S;const A=class{constructor(d){i(this,d)}render(){return d(n,{key:"242c9a45b0bb39af2aebf412fdfa9a176babc834",class:t(this)},d("slot",{key:"d9015d663d631bbf20bd3e0821fed874cd6c5156"}))}};A.style=W;const N=":host{display:flex;align-items:center;gap:0.2rem}";const D=N;const H=class{constructor(d){i(this,d);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=i=>{this.resource=i};this.receivePodOs=async i=>{this.os=i}}setName(){}componentWillLoad(){s(this);g(this)}async save(){try{await this.os.addPropertyValue(this.resource,this.selectedTermUri,this.currentValue);const i={predicate:this.selectedTermUri,label:e(this.selectedTermUri),values:[this.currentValue]};this.addedLiteralValue.emit(i);this.currentValue=""}catch(i){this.error.emit(i)}}onTermSelected(i){this.selectedTermUri=i.detail.uri;this.valueInput.setFocus()}render(){var i;if(!((i=this.resource)===null||i===void 0?void 0:i.editable)){return}return d(n,null,d("ion-icon",{name:"add-circle-outline"}),d("pos-select-term",{placeholder:"Add literal","onPod-os:term-selected":i=>this.onTermSelected(i)}),d("ion-input",{ref:i=>this.valueInput=i,value:this.currentValue,placeholder:"",onIonChange:i=>this.currentValue=i.detail.value.toString(),onChange:()=>this.save()}))}static get watchers(){return{os:["setName"]}}};H.style=D;const I=":host {\n  --background-base-color: var(--color-grey-200);\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 R=I;const T=class{constructor(d){i(this,d);this.subscribeResource=o(this,"pod-os:resource",7);this.data=[];this.receiveResource=i=>{this.data=i.literals()}}componentWillLoad(){s(this)}literalValueAdded(i){const d=this.data.find((d=>d.predicate===i.predicate));if(!d){this.data=[...this.data,i]}else{this.data=this.data.map((n=>n.predicate===d.predicate?{predicate:d.predicate,label:d.label,values:[...d.values,...i.values]}:n))}}render(){return d(n,{key:"35b12479d51638dc1e4de983f4901ddcea39e8df"},this.data.length>0?d("dl",null,this.data.map((i=>d("div",{class:"predicate-values"},d("dt",null,d("pos-predicate",{uri:i.predicate,label:i.label})),d("div",{class:"values"},i.values.map((i=>d("dd",null,i)))))))):null,d("pos-add-literal-value",{key:"76f9434f813162456c3c75728db363d708e2617f","onPod-os:added-literal-value":i=>this.literalValueAdded(i.detail)}))}};T.style=R;const V=".types{display:flex;gap:var(--size-1)}.expanded{flex-direction:column;justify-content:flex-start;align-items:flex-start}ion-badge{color:#333;background:#eee}ion-badge.toggle{cursor:pointer}ion-badge.toggle:hover{background:#ddd}";const q=V;const B=class{constructor(d){i(this,d);this.subscribeResource=o(this,"pod-os:resource",7);this.data=[];this.typeLabels=[];this.isExpanded=false;this.receiveResource=i=>{this.data=i.types();this.typeLabels=[...new Set(i.types().map((i=>i.label)))]}}componentWillLoad(){s(this)}toggleDetails(){this.isExpanded=!this.isExpanded}render(){if(this.data.length==0){return null}if(this.isExpanded){return d("div",{class:"types expanded"},d("ion-badge",{class:"toggle",onClick:()=>this.toggleDetails()},d("ion-icon",{name:"contract-outline"})),this.data.map((i=>d("ion-badge",null,i.uri))))}else{return d(n,null,d("div",{class:"types"},this.typeLabels.map((i=>d("ion-badge",null,i))),d("ion-badge",{class:"toggle",onClick:()=>this.toggleDetails()},d("ion-icon",{name:"expand-outline"}))))}}};B.style=q;export{m as ion_badge,b as ion_card_title,O as ion_col,L as ion_grid,A as ion_row,H as pos_add_literal_value,T as pos_literals,B as pos_type_badges};
+//# sourceMappingURL=p-ad1ec152.entry.js.map