@pod-os/elements 0.25.2 → 0.25.3-rc.3de9abd.0

package/dist/elements/{p-4cb77968.js → p-061819d1.js}

@@ -1,17 +1,17 @@
-import{d as t}from"./p-7efd6867.js";import{MENU_BACK_BUTTON_PRIORITY as n}from"./p-f1a6f6f2.js";import{p as e}from"./p-d6769f21.js";import{a as s}from"./p-25270f1a.js";import{g as r}from"./p-17cb620a.js";import{c as o}from"./p-592177e8.js";
+import{d as t}from"./p-7efd6867.js";import{MENU_BACK_BUTTON_PRIORITY as n}from"./p-1fc8e557.js";import{p as e}from"./p-d6769f21.js";import{a as s}from"./p-71ee259b.js";import{g as r}from"./p-da0d920d.js";import{c as o}from"./p-cbf050d6.js";
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */const a=t=>o().duration(t?400:300);
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
- */const i=t=>{let n;let e;const s=t.width+8;const i=o();const c=o();if(t.isEndSide){n=s+"px";e="0px"}else{n=-s+"px";e="0px"}i.addElement(t.menuInnerEl).fromTo("transform",`translateX(${n})`,`translateX(${e})`);const f=r(t);const u=f==="ios";const l=u?.2:.25;c.addElement(t.backdropEl).fromTo("opacity",.01,l);return a(u).addAnimation([i,c])};
+ */const i=t=>{let n;let e;const s=t.width+8;const i=o();const c=o();if(t.isEndSide){n=s+"px";e="0px"}else{n=-s+"px";e="0px"}i.addElement(t.menuInnerEl).fromTo("transform",`translateX(${n})`,`translateX(${e})`);const u=r(t);const f=u==="ios";const l=f?.2:.25;c.addElement(t.backdropEl).fromTo("opacity",.01,l);return a(f).addAnimation([i,c])};
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
- */const c=t=>{let n;let e;const s=r(t);const i=t.width;if(t.isEndSide){n=-i+"px";e=i+"px"}else{n=i+"px";e=-i+"px"}const c=o().addElement(t.menuInnerEl).fromTo("transform",`translateX(${e})`,"translateX(0px)");const f=o().addElement(t.contentEl).fromTo("transform","translateX(0px)",`translateX(${n})`);const u=o().addElement(t.backdropEl).fromTo("opacity",.01,.32);return a(s==="ios").addAnimation([c,f,u])};
+ */const c=t=>{let n;let e;const s=r(t);const i=t.width;if(t.isEndSide){n=-i+"px";e=i+"px"}else{n=i+"px";e=-i+"px"}const c=o().addElement(t.menuInnerEl).fromTo("transform",`translateX(${e})`,"translateX(0px)");const u=o().addElement(t.contentEl).fromTo("transform","translateX(0px)",`translateX(${n})`);const f=o().addElement(t.backdropEl).fromTo("opacity",.01,.32);return a(s==="ios").addAnimation([c,u,f])};
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
- */const f=t=>{const n=r(t);const e=t.width*(t.isEndSide?-1:1)+"px";const s=o().addElement(t.contentEl).fromTo("transform","translateX(0px)",`translateX(${e})`);return a(n==="ios").addAnimation(s)};
+ */const u=t=>{const n=r(t);const e=t.width*(t.isEndSide?-1:1)+"px";const s=o().addElement(t.contentEl).fromTo("transform","translateX(0px)",`translateX(${e})`);return a(n==="ios").addAnimation(s)};
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
- */const u=()=>{const r=new Map;const o=[];const a=async t=>{const n=await y(t,true);if(n){return n.open()}return false};const u=async t=>{const n=await(t!==undefined?y(t,true):h());if(n!==undefined){return n.close()}return false};const l=async t=>{const n=await y(t,true);if(n){return n.toggle()}return false};const p=async(t,n)=>{const e=await y(n);if(e){e.disabled=!t}return e};const d=async(t,n)=>{const e=await y(n);if(e){e.swipeGesture=t}return e};const m=async t=>{if(t!=null){const n=await y(t);return n!==undefined&&n.isOpen()}else{const t=await h();return t!==undefined}};const w=async t=>{const n=await y(t);if(n){return!n.disabled}return false};const y=async(t,n=false)=>{await q();if(t==="start"||t==="end"){const s=o.filter((n=>n.side===t&&!n.disabled));if(s.length>=1){if(s.length>1&&n){e(`menuController queried for a menu on the "${t}" side, but ${s.length} menus were found. The first menu reference will be used. If this is not the behavior you want then pass the ID of the menu instead of its side.`,s.map((t=>t.el)))}return s[0].el}const r=o.filter((n=>n.side===t));if(r.length>=1){if(r.length>1&&n){e(`menuController queried for a menu on the "${t}" side, but ${r.length} menus were found. The first menu reference will be used. If this is not the behavior you want then pass the ID of the menu instead of its side.`,r.map((t=>t.el)))}return r[0].el}}else if(t!=null){return O((n=>n.menuId===t))}const s=O((t=>!t.disabled));if(s){return s}return o.length>0?o[0].el:undefined};const h=async()=>{await q();return _()};const x=async()=>{await q();return A()};const g=async()=>{await q();return I()};const b=(t,n)=>{r.set(t,n)};const $=t=>{if(o.indexOf(t)<0){o.push(t)}};const X=t=>{const n=o.indexOf(t);if(n>-1){o.splice(n,1)}};const j=async(t,n,e)=>{if(I()){return false}if(n){const n=await h();if(n&&t.el!==n){await n.setOpen(false,false)}}return t._setOpen(n,e)};const v=(t,n)=>{const e=r.get(t);if(!e){throw new Error("animation not registered")}const s=e(n);return s};const _=()=>O((t=>t._isOpen));const A=()=>o.map((t=>t.el));const I=()=>o.some((t=>t.isAnimating));const O=t=>{const n=o.find(t);if(n!==undefined){return n.el}return undefined};const q=()=>Promise.all(Array.from(document.querySelectorAll("ion-menu")).map((t=>new Promise((n=>s(t,n))))));b("reveal",f);b("push",c);b("overlay",i);t===null||t===void 0?void 0:t.addEventListener("ionBackButton",(t=>{const e=_();if(e){t.detail.register(n,(()=>e.close()))}}));return{registerAnimation:b,get:y,getMenus:x,getOpen:h,isEnabled:w,swipeGesture:d,isAnimating:g,isOpen:m,enable:p,toggle:l,close:u,open:a,_getOpenSync:_,_createAnimation:v,_register:$,_unregister:X,_setOpen:j}};const l=u();export{l as m};
-//# sourceMappingURL=p-4cb77968.js.map
+ */const f=()=>{const r=new Map;const o=[];const a=async t=>{const n=await y(t,true);if(n){return n.open()}return false};const f=async t=>{const n=await(t!==undefined?y(t,true):h());if(n!==undefined){return n.close()}return false};const l=async t=>{const n=await y(t,true);if(n){return n.toggle()}return false};const d=async(t,n)=>{const e=await y(n);if(e){e.disabled=!t}return e};const p=async(t,n)=>{const e=await y(n);if(e){e.swipeGesture=t}return e};const m=async t=>{if(t!=null){const n=await y(t);return n!==undefined&&n.isOpen()}else{const t=await h();return t!==undefined}};const w=async t=>{const n=await y(t);if(n){return!n.disabled}return false};const y=async(t,n=false)=>{await q();if(t==="start"||t==="end"){const s=o.filter((n=>n.side===t&&!n.disabled));if(s.length>=1){if(s.length>1&&n){e(`menuController queried for a menu on the "${t}" side, but ${s.length} menus were found. The first menu reference will be used. If this is not the behavior you want then pass the ID of the menu instead of its side.`,s.map((t=>t.el)))}return s[0].el}const r=o.filter((n=>n.side===t));if(r.length>=1){if(r.length>1&&n){e(`menuController queried for a menu on the "${t}" side, but ${r.length} menus were found. The first menu reference will be used. If this is not the behavior you want then pass the ID of the menu instead of its side.`,r.map((t=>t.el)))}return r[0].el}}else if(t!=null){return O((n=>n.menuId===t))}const s=O((t=>!t.disabled));if(s){return s}return o.length>0?o[0].el:undefined};const h=async()=>{await q();return _()};const x=async()=>{await q();return A()};const g=async()=>{await q();return I()};const b=(t,n)=>{r.set(t,n)};const $=t=>{if(o.indexOf(t)<0){o.push(t)}};const X=t=>{const n=o.indexOf(t);if(n>-1){o.splice(n,1)}};const j=async(t,n,e)=>{if(I()){return false}if(n){const n=await h();if(n&&t.el!==n){await n.setOpen(false,false)}}return t._setOpen(n,e)};const v=(t,n)=>{const e=r.get(t);if(!e){throw new Error("animation not registered")}const s=e(n);return s};const _=()=>O((t=>t._isOpen));const A=()=>o.map((t=>t.el));const I=()=>o.some((t=>t.isAnimating));const O=t=>{const n=o.find(t);if(n!==undefined){return n.el}return undefined};const q=()=>Promise.all(Array.from(document.querySelectorAll("ion-menu")).map((t=>new Promise((n=>s(t,n))))));b("reveal",u);b("push",c);b("overlay",i);t===null||t===void 0?void 0:t.addEventListener("ionBackButton",(t=>{const e=_();if(e){t.detail.register(n,(()=>e.close()))}}));return{registerAnimation:b,get:y,getMenus:x,getOpen:h,isEnabled:w,swipeGesture:p,isAnimating:g,isOpen:m,enable:d,toggle:l,close:f,open:a,_getOpenSync:_,_createAnimation:v,_register:$,_unregister:X,_setOpen:j}};const l=f();export{l as m};
+//# sourceMappingURL=p-061819d1.js.map

package/dist/elements/p-07773ed5.entry.js

@@ -0,0 +1,2 @@
+import{r as s,h as a,H as r}from"./p-42169e41.js";import{g as o}from"./p-da0d920d.js";const t=":host{display:flex;flex-wrap:wrap}";const d=t;const e=class{constructor(a){s(this,a)}render(){return a(r,{key:"242c9a45b0bb39af2aebf412fdfa9a176babc834",class:o(this)},a("slot",{key:"d9015d663d631bbf20bd3e0821fed874cd6c5156"}))}};e.style=d;export{e as ion_row};
+//# sourceMappingURL=p-07773ed5.entry.js.map

package/dist/elements/p-07773ed5.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["rowCss","IonRowStyle0","Row","render","h","Host","key","class","getIonMode","this"],"sources":["../node_modules/@ionic/core/dist/collection/components/row/row.css?tag=ion-row&encapsulation=shadow","../node_modules/@ionic/core/dist/collection/components/row/row.js"],"sourcesContent":["/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n:host {\n  display: flex;\n  flex-wrap: wrap;\n}","/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { Host, h } from \"@stencil/core\";\nimport { getIonMode } from \"../../global/ionic-global\";\nexport class Row {\n    render() {\n        return (h(Host, { key: '242c9a45b0bb39af2aebf412fdfa9a176babc834', class: getIonMode(this) }, h(\"slot\", { key: 'd9015d663d631bbf20bd3e0821fed874cd6c5156' })));\n    }\n    static get is() { return \"ion-row\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"row.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"row.css\"]\n        };\n    }\n}\n"],"mappings":"sFAAA,MAAMA,EAAS,qCACf,MAAAC,EAAeD,E,MCIFE,EAAG,M,yBACZ,MAAAC,GACI,OAAQC,EAAEC,EAAM,CAAEC,IAAK,2CAA4CC,MAAOC,EAAWC,OAASL,EAAE,OAAQ,CAAEE,IAAK,6C","ignoreList":[]}

package/dist/elements/p-07d2bd5a.entry.js

@@ -0,0 +1,2 @@
+import{r as t,i,h as e}from"./p-42169e41.js";import{s as r,B as s}from"./p-b9dcf3b2.js";const o="iframe{background-color:white;width:100%;height:100vh}.error{display:flex;opacity:0.8;background:repeating-linear-gradient(-45deg, rgba(150, 0, 0, 0.1), rgba(150, 0, 0, 0.1) 10px, #fff 5px, #fff 25px);flex-direction:column;border:1px solid red;color:black;align-items:center;justify-content:center;word-break:break-all;padding:1rem;box-sizing:border-box}.error ion-icon{color:#282828;--ionicon-stroke-width:calc(var(--width) / 5);font-size:calc(var(--width) / 2)}a{text-decoration:none;width:var(--width);height:var(--height)}.code{font-weight:bold;font-size:calc(var(--width) / 8)}.text{font-size:calc(var(--width) / 20)}";const a=o;const h=class{constructor(e){t(this,e);this.initializeOsEmitter=i(this,"pod-os:init",7);this.resourceLoadedEmitter=i(this,"pod-os:resource-loaded",7);this.loading=true;this.setOs=async t=>{this.os=t}}componentWillLoad(){r.onChange("isLoggedIn",(()=>this.fetchBlob()));this.initializeOsEmitter.emit(this.setOs)}async fetchBlob(){try{this.loading=true;const t=await this.os.fetchFile(this.src);this.resourceLoadedEmitter.emit(this.src);if(t.blob()){this.dataUri=URL.createObjectURL(t.blob());this.error=null}else{this.brokenFile=t}}catch(t){this.error=t}finally{this.loading=false}}render(){if(this.loading){return e("ion-skeleton-text",{animated:true})}if(this.error){return e("div",{class:"error"},this.error.message)}if(this.brokenFile){return e(s,{file:this.brokenFile})}return e("iframe",{src:this.dataUri})}static get watchers(){return{os:["fetchBlob"],src:["fetchBlob"]}}};h.style=a;export{h as pos_document};
+//# sourceMappingURL=p-07d2bd5a.entry.js.map

package/dist/elements/p-07d2bd5a.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["posDocumentCss","PosDocumentStyle0","PosDocument","constructor","hostRef","this","loading","setOs","async","os","componentWillLoad","session","onChange","fetchBlob","initializeOsEmitter","emit","file","fetchFile","src","resourceLoadedEmitter","blob","dataUri","URL","createObjectURL","error","brokenFile","err","render","h","animated","class","message","BrokenFile"],"sources":["src/components/pos-document/pos-document.css?tag=pos-document&encapsulation=shadow","src/components/pos-document/pos-document.tsx"],"sourcesContent":["iframe {\n  background-color: white;\n  width: 100%;\n  height: 100vh;\n}\n\n/* consolidate with styles from pos-image */\n.error {\n  display: flex;\n  opacity: 0.8;\n  background: repeating-linear-gradient(-45deg, rgba(150, 0, 0, 0.1), rgba(150, 0, 0, 0.1) 10px, #fff 5px, #fff 25px);\n  flex-direction: column;\n  border: 1px solid red;\n  color: black;\n  align-items: center;\n  justify-content: center;\n  word-break: break-all;\n  padding: 1rem;\n  box-sizing: border-box;\n}\n\n.error ion-icon {\n  color: #282828;\n  --ionicon-stroke-width: calc(var(--width) / 5);\n  font-size: calc(var(--width) / 2);\n}\n\na {\n  text-decoration: none;\n  width: var(--width);\n  height: var(--height);\n}\n\n.code {\n  font-weight: bold;\n  font-size: calc(var(--width) / 8);\n}\n\n.text {\n  font-size: calc(var(--width) / 20);\n}\n","import { PodOS, BrokenFile as BrokenFileData } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, Prop, State, Watch } from '@stencil/core';\nimport session from '../../store/session';\nimport { BrokenFile } from '../broken-file/BrokenFile';\n\n@Component({\n  tag: 'pos-document',\n  styleUrl: 'pos-document.css',\n  shadow: true,\n})\nexport class PosDocument {\n  @Prop() src: string;\n\n  @Prop() alt: string;\n\n  @State() os: PodOS;\n\n  @State()\n  private dataUri: string;\n\n  @State()\n  private brokenFile: BrokenFileData;\n\n  @State()\n  private error: Error;\n\n  @State()\n  private loading: boolean = true;\n\n  @Event({ eventName: 'pod-os:init' }) initializeOsEmitter: EventEmitter;\n\n  /**\n   * Indicates that the resource given in `src` property has been loaded.\n   */\n  @Event({ eventName: 'pod-os:resource-loaded' }) resourceLoadedEmitter: EventEmitter<string>;\n\n  componentWillLoad() {\n    session.onChange('isLoggedIn', () => this.fetchBlob());\n    this.initializeOsEmitter.emit(this.setOs);\n  }\n\n  setOs = async (os: PodOS) => {\n    this.os = os;\n  };\n\n  @Watch('os')\n  @Watch('src')\n  async fetchBlob() {\n    try {\n      this.loading = true;\n      const file = await this.os.fetchFile(this.src);\n      this.resourceLoadedEmitter.emit(this.src);\n      if (file.blob()) {\n        this.dataUri = URL.createObjectURL(file.blob());\n        this.error = null;\n      } else {\n        this.brokenFile = file as BrokenFileData;\n      }\n    } catch (err) {\n      this.error = err;\n    } finally {\n      this.loading = false;\n    }\n  }\n\n  render() {\n    if (this.loading) {\n      return <ion-skeleton-text animated={true}></ion-skeleton-text>;\n    }\n    if (this.error) {\n      return <div class=\"error\">{this.error.message}</div>;\n    }\n    if (this.brokenFile) {\n      return <BrokenFile file={this.brokenFile} />;\n    }\n    return <iframe src={this.dataUri}></iframe>;\n  }\n}\n"],"mappings":"wFAAA,MAAMA,EAAiB,inBACvB,MAAAC,EAAeD,E,MCSFE,EAAW,MALxB,WAAAC,CAAAC,G,yHAsBUC,KAAAC,QAAmB,KAc3BD,KAAAE,MAAQC,MAAOC,IACbJ,KAAKI,GAAKA,CAAE,C,CANd,iBAAAC,GACEC,EAAQC,SAAS,cAAc,IAAMP,KAAKQ,cAC1CR,KAAKS,oBAAoBC,KAAKV,KAAKE,M,CASrC,eAAMM,GACJ,IACER,KAAKC,QAAU,KACf,MAAMU,QAAaX,KAAKI,GAAGQ,UAAUZ,KAAKa,KAC1Cb,KAAKc,sBAAsBJ,KAAKV,KAAKa,KACrC,GAAIF,EAAKI,OAAQ,CACff,KAAKgB,QAAUC,IAAIC,gBAAgBP,EAAKI,QACxCf,KAAKmB,MAAQ,I,KACR,CACLnB,KAAKoB,WAAaT,C,EAEpB,MAAOU,GACPrB,KAAKmB,MAAQE,C,SAEbrB,KAAKC,QAAU,K,EAInB,MAAAqB,GACE,GAAItB,KAAKC,QAAS,CAChB,OAAOsB,EAAA,qBAAmBC,SAAU,M,CAEtC,GAAIxB,KAAKmB,MAAO,CACd,OAAOI,EAAA,OAAKE,MAAM,SAASzB,KAAKmB,MAAMO,Q,CAExC,GAAI1B,KAAKoB,WAAY,CACnB,OAAOG,EAACI,EAAU,CAAChB,KAAMX,KAAKoB,Y,CAEhC,OAAOG,EAAA,UAAQV,IAAKb,KAAKgB,S","ignoreList":[]}

package/dist/elements/{p-68fa0553.entry.js → p-09d80405.entry.js}

@@ -1,5 +1,5 @@
-import{r as i,h as e,d as s,H as t}from"./p-ad32e711.js";
+import{r as i,h as e,e as s,H as t}from"./p-42169e41.js";
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */const n=(i,e,s,t,n)=>{const r=i.closest("ion-nav");if(r){if(e==="forward"){if(s!==undefined){return r.push(s,t,{skipIfBusy:true,animationBuilder:n})}}else if(e==="root"){if(s!==undefined){return r.setRoot(s,t,{skipIfBusy:true,animationBuilder:n})}}else if(e==="back"){return r.pop({skipIfBusy:true,animationBuilder:n})}}return Promise.resolve(false)};const r=class{constructor(e){i(this,e);this.onClick=()=>n(this.el,this.routerDirection,this.component,this.componentProps,this.routerAnimation);this.component=undefined;this.componentProps=undefined;this.routerDirection="forward";this.routerAnimation=undefined}render(){return e(t,{key:"dab6e8a908395d99c87452c5e5aa4e61d9e72435",onClick:this.onClick})}get el(){return s(this)}};export{r as ion_nav_link};
-//# sourceMappingURL=p-68fa0553.entry.js.map
+//# sourceMappingURL=p-09d80405.entry.js.map

package/dist/elements/{p-fb766a59.entry.js → p-0b4204e3.entry.js}

@@ -1,2 +1,2 @@
-import{r as s,i as t,h as i}from"./p-ad32e711.js";import{a as n}from"./p-6e865527.js";import{s as o}from"./p-f6671856.js";const r="ul{list-style:none;padding:0;margin:0}li{padding:0;margin:0}";const e=r;const l=class{constructor(i){s(this,i);this.subscribeResource=t(this,"pod-os:resource",7);this.contents=[];this.loading=true;this.receiveResource=s=>{const t=s.assume(n);this.loading=false;this.contents=t.contains().sort(((s,t)=>s.name.localeCompare(t.name)))}}componentWillLoad(){o(this)}render(){if(this.loading)return null;const s=this.contents.map((s=>i("li",null,i("pos-resource",{lazy:true,uri:s.uri},i("pos-container-item",null,s.name)))));return this.contents.length>0?i("ul",null,s):i("p",null,"The container is empty")}};l.style=e;export{l as pos_container_contents};
-//# sourceMappingURL=p-fb766a59.entry.js.map
+import{r as s,i as t,h as i}from"./p-42169e41.js";import{a as n}from"./p-6e865527.js";import{s as o}from"./p-f6671856.js";const r="ul{list-style:none;padding:0;margin:0}li{padding:0;margin:0}";const e=r;const l=class{constructor(i){s(this,i);this.subscribeResource=t(this,"pod-os:resource",7);this.contents=[];this.loading=true;this.receiveResource=s=>{const t=s.assume(n);this.loading=false;this.contents=t.contains().sort(((s,t)=>s.name.localeCompare(t.name)))}}componentWillLoad(){o(this)}render(){if(this.loading)return null;const s=this.contents.map((s=>i("li",null,i("pos-resource",{lazy:true,uri:s.uri},i("pos-container-item",null,s.name)))));return this.contents.length>0?i("ul",null,s):i("p",null,"The container is empty")}};l.style=e;export{l as pos_container_contents};
+//# sourceMappingURL=p-0b4204e3.entry.js.map

package/dist/elements/p-0b4204e3.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["posContainerContentsCss","PosContainerContentsStyle0","PosContainerContents","constructor","hostRef","this","contents","loading","receiveResource","resource","doc","assume","LdpContainer","contains","sort","a","b","name","localeCompare","componentWillLoad","subscribeResource","render","items","map","it","h","lazy","uri","length"],"sources":["src/components/pos-container-contents/pos-container-contents.css?tag=pos-container-contents&encapsulation=shadow","src/components/pos-container-contents/pos-container-contents.tsx"],"sourcesContent":["ul {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\nli {\n  padding: 0;\n  margin: 0;\n}\n","import { Thing, ContainerContent, LdpContainer } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, State } from '@stencil/core';\nimport { ResourceAware, subscribeResource } from '../events/ResourceAware';\n\n@Component({\n  tag: 'pos-container-contents',\n  shadow: true,\n  styleUrl: 'pos-container-contents.css',\n})\nexport class PosContainerContents implements ResourceAware {\n  @State() contents: ContainerContent[] = [];\n\n  @State() loading = true;\n\n  @Event({ eventName: 'pod-os:resource' })\n  subscribeResource: EventEmitter;\n\n  componentWillLoad() {\n    subscribeResource(this);\n  }\n\n  receiveResource = (resource: Thing) => {\n    const doc = resource.assume(LdpContainer);\n    this.loading = false;\n    this.contents = doc.contains().sort((a, b) => a.name.localeCompare(b.name));\n  };\n\n  render() {\n    if (this.loading) return null;\n    const items = this.contents.map(it => (\n      <li>\n        <pos-resource lazy={true} uri={it.uri}>\n          <pos-container-item>{it.name}</pos-container-item>\n        </pos-resource>\n      </li>\n    ));\n    return this.contents.length > 0 ? <ul>{items}</ul> : <p>The container is empty</p>;\n  }\n}\n"],"mappings":"0HAAA,MAAMA,EAA0B,+DAChC,MAAAC,EAAeD,E,MCQFE,EAAoB,MALjC,WAAAC,CAAAC,G,6DAMWC,KAAAC,SAA+B,GAE/BD,KAAAE,QAAU,KASnBF,KAAAG,gBAAmBC,IACjB,MAAMC,EAAMD,EAASE,OAAOC,GAC5BP,KAAKE,QAAU,MACfF,KAAKC,SAAWI,EAAIG,WAAWC,MAAK,CAACC,EAAGC,IAAMD,EAAEE,KAAKC,cAAcF,EAAEC,OAAM,C,CAP7E,iBAAAE,GACEC,EAAkBf,K,CASpB,MAAAgB,GACE,GAAIhB,KAAKE,QAAS,OAAO,KACzB,MAAMe,EAAQjB,KAAKC,SAASiB,KAAIC,GAC9BC,EAAA,UACEA,EAAA,gBAAcC,KAAM,KAAMC,IAAKH,EAAGG,KAChCF,EAAA,0BAAqBD,EAAGP,UAI9B,OAAOZ,KAAKC,SAASsB,OAAS,EAAIH,EAAA,UAAKH,GAAcG,EAAA,kC","ignoreList":[]}

package/dist/elements/p-0ddcbecd.entry.js

@@ -0,0 +1,2 @@
+import{r as o,h as t,H as i}from"./p-42169e41.js";import{c as r}from"./p-669fab6c.js";import{g as a}from"./p-da0d920d.js";const e=":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 n=e;const s=":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 l=s;const c=class{constructor(t){o(this,t);this.color=undefined}render(){const o=a(this);return t(i,{key:"a9e4190346e7d0a8e6089ec1fe01bca0f5f7200d",role:"heading","aria-level":"2",class:r(this.color,{"ion-inherit-color":true,[o]:true})},t("slot",{key:"8d87636ad703545b6d2297629205a5a8616eb94e"}))}};c.style={ios:n,md:l};export{c as ion_card_title};
+//# sourceMappingURL=p-0ddcbecd.entry.js.map

package/dist/elements/p-0ddcbecd.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["cardTitleIosCss","IonCardTitleIosStyle0","cardTitleMdCss","IonCardTitleMdStyle0","CardTitle","constructor","hostRef","this","color","undefined","render","mode","getIonMode","h","Host","key","role","class","createColorClasses"],"sources":["../node_modules/@ionic/core/dist/collection/components/card-title/card-title.ios.css?tag=ion-card-title&mode=ios&encapsulation=shadow","../node_modules/@ionic/core/dist/collection/components/card-title/card-title.md.css?tag=ion-card-title&mode=md&encapsulation=shadow","../node_modules/@ionic/core/dist/collection/components/card-title/card-title.js"],"sourcesContent":["/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n:host {\n  /**\n   * @prop --color: Color of the card title\n   */\n  display: block;\n  position: relative;\n  color: var(--color);\n}\n\n:host(.ion-color) {\n  color: var(--ion-color-base);\n}\n\n/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n:host {\n  --color: var(--ion-text-color, #000);\n  margin-left: 0;\n  margin-right: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n  padding-left: 0;\n  padding-right: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  font-size: 1.75rem;\n  font-weight: 700;\n  line-height: 1.2;\n}","/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n:host {\n  /**\n   * @prop --color: Color of the card title\n   */\n  display: block;\n  position: relative;\n  color: var(--color);\n}\n\n:host(.ion-color) {\n  color: var(--ion-color-base);\n}\n\n/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n:host {\n  --color: var(--ion-color-step-850, #262626);\n  margin-left: 0;\n  margin-right: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n  padding-left: 0;\n  padding-right: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  font-size: 1.25rem;\n  font-weight: 500;\n  line-height: 1.2;\n}","/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { Host, h } from \"@stencil/core\";\nimport { createColorClasses } from \"../../utils/theme\";\nimport { getIonMode } from \"../../global/ionic-global\";\n/**\n * @virtualProp {\"ios\" | \"md\"} mode - The mode determines which platform styles to use.\n */\nexport class CardTitle {\n    constructor() {\n        this.color = undefined;\n    }\n    render() {\n        const mode = getIonMode(this);\n        return (h(Host, { key: 'a9e4190346e7d0a8e6089ec1fe01bca0f5f7200d', role: \"heading\", \"aria-level\": \"2\", class: createColorClasses(this.color, {\n                'ion-inherit-color': true,\n                [mode]: true,\n            }) }, h(\"slot\", { key: '8d87636ad703545b6d2297629205a5a8616eb94e' })));\n    }\n    static get is() { return \"ion-card-title\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"ios\": [\"card-title.ios.scss\"],\n            \"md\": [\"card-title.md.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"ios\": [\"card-title.ios.css\"],\n            \"md\": [\"card-title.md.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"color\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"Color\",\n                    \"resolved\": \"\\\"danger\\\" | \\\"dark\\\" | \\\"light\\\" | \\\"medium\\\" | \\\"primary\\\" | \\\"secondary\\\" | \\\"success\\\" | \\\"tertiary\\\" | \\\"warning\\\" | string & Record<never, never> | undefined\",\n                    \"references\": {\n                        \"Color\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../interface\",\n                            \"id\": \"src/interface.d.ts::Color\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The color to use from your application's color palette.\\nDefault options are: `\\\"primary\\\"`, `\\\"secondary\\\"`, `\\\"tertiary\\\"`, `\\\"success\\\"`, `\\\"warning\\\"`, `\\\"danger\\\"`, `\\\"light\\\"`, `\\\"medium\\\"`, and `\\\"dark\\\"`.\\nFor more information on colors, see [theming](/docs/theming/basics).\"\n                },\n                \"attribute\": \"color\",\n                \"reflect\": true\n            }\n        };\n    }\n}\n"],"mappings":"0HAAA,MAAMA,EAAkB,8TACxB,MAAAC,EAAeD,ECDf,MAAME,EAAiB,qUACvB,MAAAC,EAAeD,E,MCQFE,EAAS,MAClB,WAAAC,CAAAC,G,UACIC,KAAKC,MAAQC,S,CAEjB,MAAAC,GACI,MAAMC,EAAOC,EAAWL,MACxB,OAAQM,EAAEC,EAAM,CAAEC,IAAK,2CAA4CC,KAAM,UAAW,aAAc,IAAKC,MAAOC,EAAmBX,KAAKC,MAAO,CACrI,oBAAqB,KACrBG,CAACA,GAAO,QACNE,EAAE,OAAQ,CAAEE,IAAK,6C","ignoreList":[]}

package/dist/elements/p-0f7379bc.entry.js

@@ -0,0 +1,2 @@
+import{r as o,h as n,H as t,i}from"./p-42169e41.js";import{c as a}from"./p-669fab6c.js";import{g as e}from"./p-da0d920d.js";import{l as r}from"./p-6e865527.js";import{s}from"./p-182f722d.js";import{s as d}from"./p-f6671856.js";const l=":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 c=l;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{--padding-top:3px;--padding-end:4px;--padding-bottom:4px;--padding-start:4px;border-radius:4px}";const h=p;const g=class{constructor(n){o(this,n);this.color=undefined}render(){const o=e(this);return n(t,{key:"22d41ceefb76f40dfbf739fd71483f1272a45858",class:a(this.color,{[o]:true})},n("slot",{key:"e7e65463bac5903971a8f9f6be55515f42b81a83"}))}};g.style={ios:c,md:h};const u=":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 b=u;const f=class{constructor(n){o(this,n);this.subscribePodOs=i(this,"pod-os:init",7);this.subscribeResource=i(this,"pod-os:resource",7);this.addedLiteralValue=i(this,"pod-os:added-literal-value",7);this.error=i(this,"pod-os:error",7);this.receiveResource=o=>{this.resource=o};this.receivePodOs=async o=>{this.os=o}}setName(){}componentWillLoad(){d(this);s(this)}async save(){try{await this.os.addPropertyValue(this.resource,this.selectedTermUri,this.currentValue);const o={predicate:this.selectedTermUri,label:r(this.selectedTermUri),values:[this.currentValue]};this.addedLiteralValue.emit(o);this.currentValue=""}catch(o){this.error.emit(o)}}onTermSelected(o){this.selectedTermUri=o.detail.uri;this.valueInput.focus()}render(){var o;if(!((o=this.resource)===null||o===void 0?void 0:o.editable)){return}return n(t,null,n("ion-icon",{name:"add-circle-outline"}),n("pos-select-term",{placeholder:"Add literal","onPod-os:term-selected":o=>this.onTermSelected(o)}),n("input",{ref:o=>this.valueInput=o,value:this.currentValue,placeholder:"",onInput:o=>this.currentValue=o.target.value,onChange:()=>this.save()}))}static get watchers(){return{os:["setName"]}}};f.style=b;const v=":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 m=v;const x=class{constructor(n){o(this,n);this.subscribeResource=i(this,"pod-os:resource",7);this.data=[];this.receiveResource=o=>{this.data=o.literals()}}componentWillLoad(){d(this)}literalValueAdded(o){const n=this.data.find((n=>n.predicate===o.predicate));if(!n){this.data=[...this.data,o]}else{this.data=this.data.map((t=>t.predicate===n.predicate?{predicate:n.predicate,label:n.label,values:[...n.values,...o.values]}:t))}}render(){return n(t,{key:"26dd446e53e4157e6b635b5d711abf9ddf50b821"},this.data.length>0?n("dl",null,this.data.map((o=>n("div",{class:"predicate-values"},n("dt",null,n("pos-predicate",{uri:o.predicate,label:o.label})),n("div",{class:"values"},o.values.map((o=>n("dd",null,o)))))))):null,n("pos-add-literal-value",{key:"756003351bba9399d1a53242c0153b18fc0b4b19","onPod-os:added-literal-value":o=>this.literalValueAdded(o.detail)}))}};x.style=m;const k=":host{--text-color:var(--pos-primary-color);font-family:var(--font-sans)}button{line-height:var(--scale-0);font-family:inherit;margin:0;padding:0;display:flex;background:none;border:none;cursor:pointer}button,a{color:var(--text-color);font-weight:var(--weight-light);line-height:var(--scale-0);font-size:var(--scale-0);font-family:inherit}.container{display:flex;gap:var(--size-1);flex-direction:row;align-items:center;line-height:var(--scale-0)}";const y=k;const w=class{constructor(n){o(this,n);this.expanded=false}render(){if(this.expanded){return n("div",{class:"container"},n("a",{href:this.uri},this.uri),n("button",{"aria-label":`collapse URI to ${this.label}`,onClick:()=>this.expanded=false},n("ion-icon",{name:"chevron-back-circle-outline"})))}else{return n("button",{onClick:()=>this.expanded=true,title:this.uri},this.label)}}};w.style=y;const z=".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 _=z;const j=class{constructor(n){o(this,n);this.subscribeResource=i(this,"pod-os:resource",7);this.data=[];this.typeLabels=[];this.isExpanded=false;this.receiveResource=o=>{this.data=o.types();this.typeLabels=[...new Set(o.types().map((o=>o.label)))]}}componentWillLoad(){d(this)}toggleDetails(){this.isExpanded=!this.isExpanded}render(){if(this.data.length==0){return null}if(this.isExpanded){return n("div",{class:"types expanded"},n("ion-badge",{class:"toggle",onClick:()=>this.toggleDetails()},n("ion-icon",{name:"contract-outline"})),this.data.map((o=>n("ion-badge",null,o.uri))))}else{return n(t,null,n("div",{class:"types"},this.typeLabels.map((o=>n("ion-badge",null,o))),n("ion-badge",{class:"toggle",onClick:()=>this.toggleDetails()},n("ion-icon",{name:"expand-outline"}))))}}};j.style=_;export{g as ion_badge,f as pos_add_literal_value,x as pos_literals,w as pos_predicate,j as pos_type_badges};
+//# sourceMappingURL=p-0f7379bc.entry.js.map

package/dist/elements/p-0f7379bc.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["badgeIosCss","IonBadgeIosStyle0","badgeMdCss","IonBadgeMdStyle0","Badge","constructor","hostRef","this","color","undefined","render","mode","getIonMode","h","Host","key","class","createColorClasses","posAddLiteralValueCss","PosAddLiteralValueStyle0","PosAddLiteralValue","receiveResource","resource","receivePodOs","async","os","setName","componentWillLoad","subscribeResource","subscribePodOs","save","addPropertyValue","selectedTermUri","currentValue","literal","predicate","label","labelFromUri","values","addedLiteralValue","emit","err","error","onTermSelected","event","detail","uri","valueInput","focus","_a","editable","name","placeholder","ev","ref","el","value","onInput","target","onChange","posLiteralsCss","PosLiteralsStyle0","PosLiterals","data","literals","literalValueAdded","newLiteral","existing","find","it","map","length","posPredicateCss","PosPredicateStyle0","PosPredicate","expanded","href","onClick","title","posTypeBadgesCss","PosTypeBadgesStyle0","PosTypeBadges","typeLabels","isExpanded","types","Set","toggleDetails"],"sources":["../node_modules/@ionic/core/dist/collection/components/badge/badge.ios.css?tag=ion-badge&mode=ios&encapsulation=shadow","../node_modules/@ionic/core/dist/collection/components/badge/badge.md.css?tag=ion-badge&mode=md&encapsulation=shadow","../node_modules/@ionic/core/dist/collection/components/badge/badge.js","src/components/pos-add-literal-value/pos-add-literal-value.css?tag=pos-add-literal-value&encapsulation=shadow","src/components/pos-add-literal-value/pos-add-literal-value.tsx","src/components/pos-literals/pos-literals.css?tag=pos-literals&encapsulation=shadow","src/components/pos-literals/pos-literals.tsx","src/components/pos-predicate/pos-predicate.css?tag=pos-predicate&encapsulation=shadow","src/components/pos-predicate/pos-predicate.tsx","src/components/pos-type-badges/pos-type-badges.css?tag=pos-type-badges&encapsulation=shadow","src/components/pos-type-badges/pos-type-badges.tsx"],"sourcesContent":["/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n:host {\n  /**\n   * @prop --background: Background of the badge\n   * @prop --color: Text color of the badge\n   *\n   * @prop --padding-top: Top padding of the badge\n   * @prop --padding-end: Right padding if direction is left-to-right, and left padding if direction is right-to-left of the badge\n   * @prop --padding-bottom: Bottom padding of the badge\n   * @prop --padding-start: Left padding if direction is left-to-right, and right padding if direction is right-to-left of the badge\n   */\n  --background: var(--ion-color-primary, #3880ff);\n  --color: var(--ion-color-primary-contrast, #fff);\n  --padding-top: 3px;\n  --padding-end: 8px;\n  --padding-bottom: 3px;\n  --padding-start: 8px;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  -webkit-padding-start: var(--padding-start);\n  padding-inline-start: var(--padding-start);\n  -webkit-padding-end: var(--padding-end);\n  padding-inline-end: var(--padding-end);\n  padding-top: var(--padding-top);\n  padding-bottom: var(--padding-bottom);\n  display: inline-block;\n  min-width: 10px;\n  background: var(--background);\n  color: var(--color);\n  font-family: var(--ion-font-family, inherit);\n  font-size: 0.8125rem;\n  font-weight: bold;\n  line-height: 1;\n  text-align: center;\n  white-space: nowrap;\n  contain: content;\n  vertical-align: baseline;\n}\n\n:host(.ion-color) {\n  background: var(--ion-color-base);\n  color: var(--ion-color-contrast);\n}\n\n:host(:empty) {\n  display: none;\n}\n\n/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n:host {\n  border-radius: 10px;\n  /**\n   * \"-apple-system-body\" on iOS never goes smaller than\n   * 14px according to https://developer.apple.com/design/human-interface-guidelines/typography#Specifications.\n   * However, we still keep the max() usage here for consistency\n   * with other components and in case \"-apple-system-body\" does\n   * go smaller than 14px in the future.\n   */\n  font-size: max(13px, 0.8125rem);\n}","/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n:host {\n  /**\n   * @prop --background: Background of the badge\n   * @prop --color: Text color of the badge\n   *\n   * @prop --padding-top: Top padding of the badge\n   * @prop --padding-end: Right padding if direction is left-to-right, and left padding if direction is right-to-left of the badge\n   * @prop --padding-bottom: Bottom padding of the badge\n   * @prop --padding-start: Left padding if direction is left-to-right, and right padding if direction is right-to-left of the badge\n   */\n  --background: var(--ion-color-primary, #3880ff);\n  --color: var(--ion-color-primary-contrast, #fff);\n  --padding-top: 3px;\n  --padding-end: 8px;\n  --padding-bottom: 3px;\n  --padding-start: 8px;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  -webkit-padding-start: var(--padding-start);\n  padding-inline-start: var(--padding-start);\n  -webkit-padding-end: var(--padding-end);\n  padding-inline-end: var(--padding-end);\n  padding-top: var(--padding-top);\n  padding-bottom: var(--padding-bottom);\n  display: inline-block;\n  min-width: 10px;\n  background: var(--background);\n  color: var(--color);\n  font-family: var(--ion-font-family, inherit);\n  font-size: 0.8125rem;\n  font-weight: bold;\n  line-height: 1;\n  text-align: center;\n  white-space: nowrap;\n  contain: content;\n  vertical-align: baseline;\n}\n\n:host(.ion-color) {\n  background: var(--ion-color-base);\n  color: var(--ion-color-contrast);\n}\n\n:host(:empty) {\n  display: none;\n}\n\n/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n:host {\n  --padding-top: 3px;\n  --padding-end: 4px;\n  --padding-bottom: 4px;\n  --padding-start: 4px;\n  border-radius: 4px;\n}","/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { Host, h } from \"@stencil/core\";\nimport { createColorClasses } from \"../../utils/theme\";\nimport { getIonMode } from \"../../global/ionic-global\";\n/**\n * @virtualProp {\"ios\" | \"md\"} mode - The mode determines which platform styles to use.\n */\nexport class Badge {\n    constructor() {\n        this.color = undefined;\n    }\n    render() {\n        const mode = getIonMode(this);\n        return (h(Host, { key: '22d41ceefb76f40dfbf739fd71483f1272a45858', class: createColorClasses(this.color, {\n                [mode]: true,\n            }) }, h(\"slot\", { key: 'e7e65463bac5903971a8f9f6be55515f42b81a83' })));\n    }\n    static get is() { return \"ion-badge\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"ios\": [\"badge.ios.scss\"],\n            \"md\": [\"badge.md.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"ios\": [\"badge.ios.css\"],\n            \"md\": [\"badge.md.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"color\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"Color\",\n                    \"resolved\": \"\\\"danger\\\" | \\\"dark\\\" | \\\"light\\\" | \\\"medium\\\" | \\\"primary\\\" | \\\"secondary\\\" | \\\"success\\\" | \\\"tertiary\\\" | \\\"warning\\\" | string & Record<never, never> | undefined\",\n                    \"references\": {\n                        \"Color\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../interface\",\n                            \"id\": \"src/interface.d.ts::Color\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The color to use from your application's color palette.\\nDefault options are: `\\\"primary\\\"`, `\\\"secondary\\\"`, `\\\"tertiary\\\"`, `\\\"success\\\"`, `\\\"warning\\\"`, `\\\"danger\\\"`, `\\\"light\\\"`, `\\\"medium\\\"`, and `\\\"dark\\\"`.\\nFor more information on colors, see [theming](/docs/theming/basics).\"\n                },\n                \"attribute\": \"color\",\n                \"reflect\": true\n            }\n        };\n    }\n}\n",":host {\n  display: flex;\n  align-items: center;\n  gap: 0.2rem;\n}\n\ninput {\n  padding: var(--size-2);\n  background-color: transparent;\n  color: var(--pos-normal-text-color);\n  border: none;\n}\n\ninput:focus {\n  outline: 2px solid var(--pos-primary-color);\n  background-color: var(--pos-input-background-color);\n  transition:\n    outline 0.1s,\n    background-color 0.1s;\n}\n","import { Literal, PodOS, Thing, labelFromUri } from '@pod-os/core';\nimport { Component, Host, h, State, Event, Watch, EventEmitter } from '@stencil/core';\nimport { PodOsAware, PodOsEventEmitter, subscribePodOs } from '../events/PodOsAware';\nimport { ResourceAware, ResourceEventEmitter, subscribeResource } from '../events/ResourceAware';\n\n@Component({\n  tag: 'pos-add-literal-value',\n  styleUrl: 'pos-add-literal-value.css',\n  shadow: true,\n})\nexport class PosAddLiteralValue implements ResourceAware, PodOsAware {\n  @State() os: PodOS;\n  @State() resource: Thing;\n\n  @State() currentValue: string;\n  @State() selectedTermUri: string;\n\n  @Event({ eventName: 'pod-os:init' }) subscribePodOs: PodOsEventEmitter;\n\n  @Event({ eventName: 'pod-os:resource' }) subscribeResource: ResourceEventEmitter;\n\n  /**\n   * The entered literal value has been added to the resource and successfully stored to the Pod.\n   */\n  @Event({ eventName: 'pod-os:added-literal-value' }) addedLiteralValue: EventEmitter;\n\n  /**\n   * Something went wrong while adding the literal value.\n   */\n  @Event({ eventName: 'pod-os:error' }) error: EventEmitter;\n\n  @Watch('os')\n  setName() {}\n\n  private valueInput: HTMLInputElement;\n\n  componentWillLoad() {\n    subscribeResource(this);\n    subscribePodOs(this);\n  }\n\n  receiveResource = (resource: Thing) => {\n    this.resource = resource;\n  };\n\n  receivePodOs = async (os: PodOS) => {\n    this.os = os;\n  };\n\n  async save() {\n    try {\n      await this.os.addPropertyValue(this.resource, this.selectedTermUri, this.currentValue);\n      const literal: Literal = {\n        predicate: this.selectedTermUri,\n        label: labelFromUri(this.selectedTermUri),\n        values: [this.currentValue],\n      };\n      this.addedLiteralValue.emit(literal);\n      this.currentValue = '';\n    } catch (err) {\n      this.error.emit(err);\n    }\n  }\n\n  onTermSelected(event) {\n    this.selectedTermUri = event.detail.uri;\n    this.valueInput.focus();\n  }\n\n  render() {\n    if (!this.resource?.editable) {\n      return;\n    }\n    return (\n      <Host>\n        <ion-icon name=\"add-circle-outline\"></ion-icon>\n        <pos-select-term placeholder=\"Add literal\" onPod-os:term-selected={ev => this.onTermSelected(ev)} />\n        <input\n          ref={el => (this.valueInput = el)}\n          value={this.currentValue}\n          placeholder=\"\"\n          onInput={ev => (this.currentValue = (ev.target as HTMLInputElement).value)}\n          onChange={() => this.save()}\n        ></input>\n      </Host>\n    );\n  }\n}\n",":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","import { Literal, Thing } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, Host, State } from '@stencil/core';\nimport { ResourceAware, subscribeResource } from '../events/ResourceAware';\n\n@Component({\n  tag: 'pos-literals',\n  styleUrl: './pos-literals.css',\n  shadow: true,\n})\nexport class PosLiterals implements ResourceAware {\n  @State() data: Literal[] = [];\n\n  @Event({ eventName: 'pod-os:resource' })\n  subscribeResource: EventEmitter;\n\n  componentWillLoad() {\n    subscribeResource(this);\n  }\n\n  receiveResource = (resource: Thing) => {\n    this.data = resource.literals();\n  };\n\n  literalValueAdded(newLiteral: Literal) {\n    const existing = this.data.find(it => it.predicate === newLiteral.predicate);\n\n    if (!existing) {\n      this.data = [...this.data, newLiteral];\n    } else {\n      this.data = this.data.map(it => {\n        return it.predicate === existing.predicate\n          ? {\n              predicate: existing.predicate,\n              label: existing.label,\n              values: [...existing.values, ...newLiteral.values],\n            }\n          : it;\n      });\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        {this.data.length > 0 ? (\n          <dl>\n            {this.data.map(it => (\n              <div class=\"predicate-values\">\n                <dt>\n                  <pos-predicate uri={it.predicate} label={it.label} />\n                </dt>\n                <div class=\"values\">\n                  {it.values.map(value => (\n                    <dd>{value}</dd>\n                  ))}\n                </div>\n              </div>\n            ))}\n          </dl>\n        ) : null}\n        <pos-add-literal-value onPod-os:added-literal-value={event => this.literalValueAdded(event.detail)} />\n      </Host>\n    );\n  }\n}\n",":host {\n  --text-color: var(--pos-primary-color);\n  font-family: var(--font-sans);\n}\n\nbutton {\n  line-height: var(--scale-0);\n  font-family: inherit;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  background: none;\n  border: none;\n  cursor: pointer;\n}\n\nbutton,\na {\n  color: var(--text-color);\n  font-weight: var(--weight-light);\n  line-height: var(--scale-0);\n  font-size: var(--scale-0);\n  font-family: inherit;\n}\n\n.container {\n  display: flex;\n  gap: var(--size-1);\n  flex-direction: row;\n  align-items: center;\n  line-height: var(--scale-0);\n}\n","import { Component, h, Prop, State } from '@stencil/core';\n\n@Component({\n  tag: 'pos-predicate',\n  shadow: true,\n  styleUrl: './pos-predicate.css',\n})\nexport class PosPredicate {\n  @Prop()\n  uri: string;\n\n  @Prop()\n  label: string;\n\n  @State()\n  expanded: boolean = false;\n\n  render() {\n    if (this.expanded) {\n      return (\n        <div class=\"container\">\n          <a href={this.uri}>{this.uri}</a>\n          <button aria-label={`collapse URI to ${this.label}`} onClick={() => (this.expanded = false)}>\n            <ion-icon name=\"chevron-back-circle-outline\"></ion-icon>\n          </button>\n        </div>\n      );\n    } else {\n      return (\n        <button onClick={() => (this.expanded = true)} title={this.uri}>\n          {this.label}\n        </button>\n      );\n    }\n  }\n}\n",".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}\n\nion-badge {\n  color: #333;\n  background: #eee;\n}\n\nion-badge.toggle {\n  cursor: pointer;\n}\n\nion-badge.toggle:hover {\n  background: #ddd;\n}\n","import { RdfType, Thing } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, Host, State } from '@stencil/core';\nimport { ResourceAware, subscribeResource } from '../events/ResourceAware';\n\n@Component({\n  tag: 'pos-type-badges',\n  shadow: true,\n  styleUrl: 'pos-type-badges.css',\n})\nexport class PosTypeBadges implements ResourceAware {\n  @State() data: RdfType[] = [];\n  @State() typeLabels: string[] = [];\n\n  @State() isExpanded: boolean = false;\n\n  @Event({ eventName: 'pod-os:resource' })\n  subscribeResource: EventEmitter;\n\n  componentWillLoad() {\n    subscribeResource(this);\n  }\n\n  receiveResource = (resource: Thing) => {\n    this.data = resource.types();\n    this.typeLabels = [...new Set(resource.types().map(it => it.label))];\n  };\n\n  toggleDetails() {\n    this.isExpanded = !this.isExpanded;\n  }\n\n  render() {\n    if (this.data.length == 0) {\n      return null;\n    }\n    if (this.isExpanded) {\n      return (\n        <div class=\"types expanded\">\n          <ion-badge class=\"toggle\" onClick={() => this.toggleDetails()}>\n            <ion-icon name=\"contract-outline\"></ion-icon>\n          </ion-badge>\n          {this.data.map(it => (\n            <ion-badge>{it.uri}</ion-badge>\n          ))}\n        </div>\n      );\n    } else {\n      return (\n        <Host>\n          <div class=\"types\">\n            {this.typeLabels.map(it => (\n              <ion-badge>{it}</ion-badge>\n            ))}\n            <ion-badge class=\"toggle\" onClick={() => this.toggleDetails()}>\n              <ion-icon name=\"expand-outline\"></ion-icon>\n            </ion-badge>\n          </div>\n        </Host>\n      );\n    }\n  }\n}\n"],"mappings":"mOAAA,MAAMA,EAAc,s4BACpB,MAAAC,EAAeD,ECDf,MAAME,EAAa,m7BACnB,MAAAC,EAAeD,E,MCQFE,EAAK,MACd,WAAAC,CAAAC,G,UACIC,KAAKC,MAAQC,S,CAEjB,MAAAC,GACI,MAAMC,EAAOC,EAAWL,MACxB,OAAQM,EAAEC,EAAM,CAAEC,IAAK,2CAA4CC,MAAOC,EAAmBV,KAAKC,MAAO,CACjGG,CAACA,GAAO,QACNE,EAAE,OAAQ,CAAEE,IAAK,6C,wBCjBnC,MAAMG,EAAwB,0TAC9B,MAAAC,EAAeD,E,MCSFE,EAAkB,MAL/B,WAAAf,CAAAC,G,2MAoCEC,KAAAc,gBAAmBC,IACjBf,KAAKe,SAAWA,CAAQ,EAG1Bf,KAAAgB,aAAeC,MAAOC,IACpBlB,KAAKkB,GAAKA,CAAE,C,CAdd,OAAAC,GAAO,CAIP,iBAAAC,GACEC,EAAkBrB,MAClBsB,EAAetB,K,CAWjB,UAAMuB,GACJ,UACQvB,KAAKkB,GAAGM,iBAAiBxB,KAAKe,SAAUf,KAAKyB,gBAAiBzB,KAAK0B,cACzE,MAAMC,EAAmB,CACvBC,UAAW5B,KAAKyB,gBAChBI,MAAOC,EAAa9B,KAAKyB,iBACzBM,OAAQ,CAAC/B,KAAK0B,eAEhB1B,KAAKgC,kBAAkBC,KAAKN,GAC5B3B,KAAK0B,aAAe,E,CACpB,MAAOQ,GACPlC,KAAKmC,MAAMF,KAAKC,E,EAIpB,cAAAE,CAAeC,GACbrC,KAAKyB,gBAAkBY,EAAMC,OAAOC,IACpCvC,KAAKwC,WAAWC,O,CAGlB,MAAAtC,G,MACE,MAAKuC,EAAA1C,KAAKe,YAAQ,MAAA2B,SAAA,SAAAA,EAAEC,UAAU,CAC5B,M,CAEF,OACErC,EAACC,EAAI,KACHD,EAAA,YAAUsC,KAAK,uBACftC,EAAA,mBAAiBuC,YAAY,cAAa,yBAAyBC,GAAM9C,KAAKoC,eAAeU,KAC7FxC,EAAA,SACEyC,IAAKC,GAAOhD,KAAKwC,WAAaQ,EAC9BC,MAAOjD,KAAK0B,aACZmB,YAAY,GACZK,QAASJ,GAAO9C,KAAK0B,aAAgBoB,EAAGK,OAA4BF,MACpEG,SAAU,IAAMpD,KAAKuB,S,0DClF/B,MAAM8B,EAAiB,o9BACvB,MAAAC,EAAeD,E,MCQFE,EAAW,MALxB,WAAAzD,CAAAC,G,6DAMWC,KAAAwD,KAAkB,GAS3BxD,KAAAc,gBAAmBC,IACjBf,KAAKwD,KAAOzC,EAAS0C,UAAU,C,CALjC,iBAAArC,GACEC,EAAkBrB,K,CAOpB,iBAAA0D,CAAkBC,GAChB,MAAMC,EAAW5D,KAAKwD,KAAKK,MAAKC,GAAMA,EAAGlC,YAAc+B,EAAW/B,YAElE,IAAKgC,EAAU,CACb5D,KAAKwD,KAAO,IAAIxD,KAAKwD,KAAMG,E,KACtB,CACL3D,KAAKwD,KAAOxD,KAAKwD,KAAKO,KAAID,GACjBA,EAAGlC,YAAcgC,EAAShC,UAC7B,CACEA,UAAWgC,EAAShC,UACpBC,MAAO+B,EAAS/B,MAChBE,OAAQ,IAAI6B,EAAS7B,UAAW4B,EAAW5B,SAE7C+B,G,EAKV,MAAA3D,GACE,OACEG,EAACC,EAAI,CAAAC,IAAA,4CACFR,KAAKwD,KAAKQ,OAAS,EAClB1D,EAAA,UACGN,KAAKwD,KAAKO,KAAID,GACbxD,EAAA,OAAKG,MAAM,oBACTH,EAAA,UACEA,EAAA,iBAAeiC,IAAKuB,EAAGlC,UAAWC,MAAOiC,EAAGjC,SAE9CvB,EAAA,OAAKG,MAAM,UACRqD,EAAG/B,OAAOgC,KAAId,GACb3C,EAAA,UAAK2C,UAMb,KACJ3C,EAAA,yBAAAE,IAAA,0EAAqD6B,GAASrC,KAAK0D,kBAAkBrB,EAAMC,U,aC5DnG,MAAM2B,EAAkB,icACxB,MAAAC,EAAeD,E,MCMFE,EAAY,MALzB,WAAArE,CAAAC,G,UAaEC,KAAAoE,SAAoB,K,CAEpB,MAAAjE,GACE,GAAIH,KAAKoE,SAAU,CACjB,OACE9D,EAAA,OAAKG,MAAM,aACTH,EAAA,KAAG+D,KAAMrE,KAAKuC,KAAMvC,KAAKuC,KACzBjC,EAAA,uBAAoB,mBAAmBN,KAAK6B,QAASyC,QAAS,IAAOtE,KAAKoE,SAAW,OACnF9D,EAAA,YAAUsC,KAAK,iC,KAIhB,CACL,OACEtC,EAAA,UAAQgE,QAAS,IAAOtE,KAAKoE,SAAW,KAAOG,MAAOvE,KAAKuC,KACxDvC,KAAK6B,M,cC9BhB,MAAM2C,EAAmB,uOACzB,MAAAC,EAAeD,E,MCQFE,EAAa,MAL1B,WAAA5E,CAAAC,G,6DAMWC,KAAAwD,KAAkB,GAClBxD,KAAA2E,WAAuB,GAEvB3E,KAAA4E,WAAsB,MAS/B5E,KAAAc,gBAAmBC,IACjBf,KAAKwD,KAAOzC,EAAS8D,QACrB7E,KAAK2E,WAAa,IAAI,IAAIG,IAAI/D,EAAS8D,QAAQd,KAAID,GAAMA,EAAGjC,SAAQ,C,CANtE,iBAAAT,GACEC,EAAkBrB,K,CAQpB,aAAA+E,GACE/E,KAAK4E,YAAc5E,KAAK4E,U,CAG1B,MAAAzE,GACE,GAAIH,KAAKwD,KAAKQ,QAAU,EAAG,CACzB,OAAO,I,CAET,GAAIhE,KAAK4E,WAAY,CACnB,OACEtE,EAAA,OAAKG,MAAM,kBACTH,EAAA,aAAWG,MAAM,SAAS6D,QAAS,IAAMtE,KAAK+E,iBAC5CzE,EAAA,YAAUsC,KAAK,sBAEhB5C,KAAKwD,KAAKO,KAAID,GACbxD,EAAA,iBAAYwD,EAAGvB,O,KAIhB,CACL,OACEjC,EAACC,EAAI,KACHD,EAAA,OAAKG,MAAM,SACRT,KAAK2E,WAAWZ,KAAID,GACnBxD,EAAA,iBAAYwD,KAEdxD,EAAA,aAAWG,MAAM,SAAS6D,QAAS,IAAMtE,KAAK+E,iBAC5CzE,EAAA,YAAUsC,KAAK,qB","ignoreList":[]}

package/dist/elements/p-1b2d32c1.entry.js

@@ -0,0 +1,2 @@
+import{r as i,h as t,H as r,e as o}from"./p-42169e41.js";import{i as n}from"./p-71ee259b.js";import{o as e,c as a}from"./p-669fab6c.js";import{g as s}from"./p-da0d920d.js";const d=":host{--ion-safe-area-left:0px;--ion-safe-area-right:0px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);contain:content;overflow:hidden}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.card-disabled){cursor:default;opacity:0.3;pointer-events:none}.card-native{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:block;width:100%;min-height:var(--min-height);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);outline:none;background:inherit}.card-native::-moz-focus-inner{border:0}button,a{cursor:pointer;user-select:none;-webkit-user-drag:none}ion-ripple-effect{color:var(--ripple-color)}:host{--background:var(--ion-card-background, var(--ion-item-background, var(--ion-background-color, #fff)));--color:var(--ion-card-color, var(--ion-item-color, var(--ion-color-step-600, #666666)));-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:24px;margin-bottom:24px;border-radius:8px;transition:transform 500ms cubic-bezier(0.12, 0.72, 0.29, 1);font-size:0.875rem;box-shadow:0 4px 16px rgba(0, 0, 0, 0.12)}:host(.ion-activated){transform:scale3d(0.97, 0.97, 1)}";const c=d;const l=":host{--ion-safe-area-left:0px;--ion-safe-area-right:0px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);contain:content;overflow:hidden}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.card-disabled){cursor:default;opacity:0.3;pointer-events:none}.card-native{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:block;width:100%;min-height:var(--min-height);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);outline:none;background:inherit}.card-native::-moz-focus-inner{border:0}button,a{cursor:pointer;user-select:none;-webkit-user-drag:none}ion-ripple-effect{color:var(--ripple-color)}:host{--background:var(--ion-card-background, var(--ion-item-background, var(--ion-background-color, #fff)));--color:var(--ion-card-color, var(--ion-item-color, var(--ion-color-step-550, #737373)));-webkit-margin-start:10px;margin-inline-start:10px;-webkit-margin-end:10px;margin-inline-end:10px;margin-top:10px;margin-bottom:10px;border-radius:4px;font-size:0.875rem;box-shadow:0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)}";const h=l;const p=class{constructor(t){i(this,t);this.inheritedAriaAttributes={};this.color=undefined;this.button=false;this.type="button";this.disabled=false;this.download=undefined;this.href=undefined;this.rel=undefined;this.routerDirection="forward";this.routerAnimation=undefined;this.target=undefined}componentWillLoad(){this.inheritedAriaAttributes=n(this.el,["aria-label"])}isClickable(){return this.href!==undefined||this.button}renderCard(i){const r=this.isClickable();if(!r){return[t("slot",null)]}const{href:o,routerAnimation:n,routerDirection:a,inheritedAriaAttributes:s}=this;const d=r?o===undefined?"button":"a":"div";const c=d==="button"?{type:this.type}:{download:this.download,href:this.href,rel:this.rel,target:this.target};return t(d,Object.assign({},c,s,{class:"card-native",part:"native",disabled:this.disabled,onClick:i=>e(o,i,a,n)}),t("slot",null),r&&i==="md"&&t("ion-ripple-effect",null))}render(){const i=s(this);return t(r,{key:"b92792294360fd974324b31ed2d3db00d3e2f8cd",class:a(this.color,{[i]:true,"card-disabled":this.disabled,"ion-activatable":this.isClickable()})},this.renderCard(i))}get el(){return o(this)}};p.style={ios:c,md:h};export{p as ion_card};
+//# sourceMappingURL=p-1b2d32c1.entry.js.map

package/dist/elements/p-1b2d32c1.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["cardIosCss","IonCardIosStyle0","cardMdCss","IonCardMdStyle0","Card","constructor","hostRef","this","inheritedAriaAttributes","color","undefined","button","type","disabled","download","href","rel","routerDirection","routerAnimation","target","componentWillLoad","inheritAttributes","el","isClickable","renderCard","mode","clickable","h","TagType","attrs","Object","assign","class","part","onClick","ev","openURL","render","getIonMode","Host","key","createColorClasses"],"sources":["../node_modules/@ionic/core/dist/collection/components/card/card.ios.css?tag=ion-card&mode=ios&encapsulation=shadow","../node_modules/@ionic/core/dist/collection/components/card/card.md.css?tag=ion-card&mode=md&encapsulation=shadow","../node_modules/@ionic/core/dist/collection/components/card/card.js"],"sourcesContent":["/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n:host {\n  /**\n   * @prop --background: Background of the card\n   * @prop --color: Color of the card\n   */\n  --ion-safe-area-left: 0px;\n  --ion-safe-area-right: 0px;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  display: block;\n  position: relative;\n  background: var(--background);\n  color: var(--color);\n  font-family: var(--ion-font-family, inherit);\n  contain: content;\n  overflow: hidden;\n}\n\n:host(.ion-color) {\n  background: var(--ion-color-base);\n  color: var(--ion-color-contrast);\n}\n\n:host(.card-disabled) {\n  cursor: default;\n  opacity: 0.3;\n  pointer-events: none;\n}\n\n.card-native {\n  font-family: inherit;\n  font-size: inherit;\n  font-style: inherit;\n  font-weight: inherit;\n  letter-spacing: inherit;\n  text-decoration: inherit;\n  text-indent: inherit;\n  text-overflow: inherit;\n  text-transform: inherit;\n  text-align: inherit;\n  white-space: inherit;\n  color: inherit;\n  padding-left: 0;\n  padding-right: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  margin-left: 0;\n  margin-right: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n  display: block;\n  width: 100%;\n  min-height: var(--min-height);\n  transition: var(--transition);\n  border-width: var(--border-width);\n  border-style: var(--border-style);\n  border-color: var(--border-color);\n  outline: none;\n  background: inherit;\n}\n\n.card-native::-moz-focus-inner {\n  border: 0;\n}\n\nbutton, a {\n  cursor: pointer;\n  user-select: none;\n  -webkit-user-drag: none;\n}\n\nion-ripple-effect {\n  color: var(--ripple-color);\n}\n\n/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n:host {\n  --background: var(--ion-card-background, var(--ion-item-background, var(--ion-background-color, #fff)));\n  --color: var(--ion-card-color, var(--ion-item-color, var(--ion-color-step-600, #666666)));\n  -webkit-margin-start: 16px;\n  margin-inline-start: 16px;\n  -webkit-margin-end: 16px;\n  margin-inline-end: 16px;\n  margin-top: 24px;\n  margin-bottom: 24px;\n  border-radius: 8px;\n  transition: transform 500ms cubic-bezier(0.12, 0.72, 0.29, 1);\n  font-size: 0.875rem;\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);\n}\n\n:host(.ion-activated) {\n  transform: scale3d(0.97, 0.97, 1);\n}","/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n:host {\n  /**\n   * @prop --background: Background of the card\n   * @prop --color: Color of the card\n   */\n  --ion-safe-area-left: 0px;\n  --ion-safe-area-right: 0px;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  display: block;\n  position: relative;\n  background: var(--background);\n  color: var(--color);\n  font-family: var(--ion-font-family, inherit);\n  contain: content;\n  overflow: hidden;\n}\n\n:host(.ion-color) {\n  background: var(--ion-color-base);\n  color: var(--ion-color-contrast);\n}\n\n:host(.card-disabled) {\n  cursor: default;\n  opacity: 0.3;\n  pointer-events: none;\n}\n\n.card-native {\n  font-family: inherit;\n  font-size: inherit;\n  font-style: inherit;\n  font-weight: inherit;\n  letter-spacing: inherit;\n  text-decoration: inherit;\n  text-indent: inherit;\n  text-overflow: inherit;\n  text-transform: inherit;\n  text-align: inherit;\n  white-space: inherit;\n  color: inherit;\n  padding-left: 0;\n  padding-right: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  margin-left: 0;\n  margin-right: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n  display: block;\n  width: 100%;\n  min-height: var(--min-height);\n  transition: var(--transition);\n  border-width: var(--border-width);\n  border-style: var(--border-style);\n  border-color: var(--border-color);\n  outline: none;\n  background: inherit;\n}\n\n.card-native::-moz-focus-inner {\n  border: 0;\n}\n\nbutton, a {\n  cursor: pointer;\n  user-select: none;\n  -webkit-user-drag: none;\n}\n\nion-ripple-effect {\n  color: var(--ripple-color);\n}\n\n/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n:host {\n  --background: var(--ion-card-background, var(--ion-item-background, var(--ion-background-color, #fff)));\n  --color: var(--ion-card-color, var(--ion-item-color, var(--ion-color-step-550, #737373)));\n  -webkit-margin-start: 10px;\n  margin-inline-start: 10px;\n  -webkit-margin-end: 10px;\n  margin-inline-end: 10px;\n  margin-top: 10px;\n  margin-bottom: 10px;\n  border-radius: 4px;\n  font-size: 0.875rem;\n  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);\n}","/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { Host, h } from \"@stencil/core\";\nimport { inheritAttributes } from \"../../utils/helpers\";\nimport { createColorClasses, openURL } from \"../../utils/theme\";\nimport { getIonMode } from \"../../global/ionic-global\";\n/**\n * @virtualProp {\"ios\" | \"md\"} mode - The mode determines which platform styles to use.\n *\n * @part native - The native HTML button, anchor, or div element that wraps all child elements.\n */\nexport class Card {\n    constructor() {\n        this.inheritedAriaAttributes = {};\n        this.color = undefined;\n        this.button = false;\n        this.type = 'button';\n        this.disabled = false;\n        this.download = undefined;\n        this.href = undefined;\n        this.rel = undefined;\n        this.routerDirection = 'forward';\n        this.routerAnimation = undefined;\n        this.target = undefined;\n    }\n    componentWillLoad() {\n        this.inheritedAriaAttributes = inheritAttributes(this.el, ['aria-label']);\n    }\n    isClickable() {\n        return this.href !== undefined || this.button;\n    }\n    renderCard(mode) {\n        const clickable = this.isClickable();\n        if (!clickable) {\n            return [h(\"slot\", null)];\n        }\n        const { href, routerAnimation, routerDirection, inheritedAriaAttributes } = this;\n        const TagType = clickable ? (href === undefined ? 'button' : 'a') : 'div';\n        const attrs = TagType === 'button'\n            ? { type: this.type }\n            : {\n                download: this.download,\n                href: this.href,\n                rel: this.rel,\n                target: this.target,\n            };\n        return (h(TagType, Object.assign({}, attrs, inheritedAriaAttributes, { class: \"card-native\", part: \"native\", disabled: this.disabled, onClick: (ev) => openURL(href, ev, routerDirection, routerAnimation) }), h(\"slot\", null), clickable && mode === 'md' && h(\"ion-ripple-effect\", null)));\n    }\n    render() {\n        const mode = getIonMode(this);\n        return (h(Host, { key: 'b92792294360fd974324b31ed2d3db00d3e2f8cd', class: createColorClasses(this.color, {\n                [mode]: true,\n                'card-disabled': this.disabled,\n                'ion-activatable': this.isClickable(),\n            }) }, this.renderCard(mode)));\n    }\n    static get is() { return \"ion-card\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"ios\": [\"card.ios.scss\"],\n            \"md\": [\"card.md.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"ios\": [\"card.ios.css\"],\n            \"md\": [\"card.md.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"color\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"Color\",\n                    \"resolved\": \"\\\"danger\\\" | \\\"dark\\\" | \\\"light\\\" | \\\"medium\\\" | \\\"primary\\\" | \\\"secondary\\\" | \\\"success\\\" | \\\"tertiary\\\" | \\\"warning\\\" | string & Record<never, never> | undefined\",\n                    \"references\": {\n                        \"Color\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../interface\",\n                            \"id\": \"src/interface.d.ts::Color\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The color to use from your application's color palette.\\nDefault options are: `\\\"primary\\\"`, `\\\"secondary\\\"`, `\\\"tertiary\\\"`, `\\\"success\\\"`, `\\\"warning\\\"`, `\\\"danger\\\"`, `\\\"light\\\"`, `\\\"medium\\\"`, and `\\\"dark\\\"`.\\nFor more information on colors, see [theming](/docs/theming/basics).\"\n                },\n                \"attribute\": \"color\",\n                \"reflect\": true\n            },\n            \"button\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, a button tag will be rendered and the card will be tappable.\"\n                },\n                \"attribute\": \"button\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"type\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"'submit' | 'reset' | 'button'\",\n                    \"resolved\": \"\\\"button\\\" | \\\"reset\\\" | \\\"submit\\\"\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The type of the button. Only used when an `onclick` or `button` property is present.\"\n                },\n                \"attribute\": \"type\",\n                \"reflect\": false,\n                \"defaultValue\": \"'button'\"\n            },\n            \"disabled\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the user cannot interact with the card.\"\n                },\n                \"attribute\": \"disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"download\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string | undefined\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"This attribute instructs browsers to download a URL instead of navigating to\\nit, so the user will be prompted to save it as a local file. If the attribute\\nhas a value, it is used as the pre-filled file name in the Save prompt\\n(the user can still change the file name if they want).\"\n                },\n                \"attribute\": \"download\",\n                \"reflect\": false\n            },\n            \"href\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string | undefined\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Contains a URL or a URL fragment that the hyperlink points to.\\nIf this property is set, an anchor tag will be rendered.\"\n                },\n                \"attribute\": \"href\",\n                \"reflect\": false\n            },\n            \"rel\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string | undefined\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Specifies the relationship of the target object to the link object.\\nThe value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types).\"\n                },\n                \"attribute\": \"rel\",\n                \"reflect\": false\n            },\n            \"routerDirection\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"RouterDirection\",\n                    \"resolved\": \"\\\"back\\\" | \\\"forward\\\" | \\\"root\\\"\",\n                    \"references\": {\n                        \"RouterDirection\": {\n                            \"location\": \"import\",\n                            \"path\": \"../router/utils/interface\",\n                            \"id\": \"src/components/router/utils/interface.ts::RouterDirection\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"When using a router, it specifies the transition direction when navigating to\\nanother page using `href`.\"\n                },\n                \"attribute\": \"router-direction\",\n                \"reflect\": false,\n                \"defaultValue\": \"'forward'\"\n            },\n            \"routerAnimation\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"AnimationBuilder | undefined\",\n                    \"resolved\": \"((baseEl: any, opts?: any) => Animation) | undefined\",\n                    \"references\": {\n                        \"AnimationBuilder\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../interface\",\n                            \"id\": \"src/interface.d.ts::AnimationBuilder\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"When using a router, it specifies the transition animation when navigating to\\nanother page using `href`.\"\n                }\n            },\n            \"target\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string | undefined\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Specifies where to display the linked URL.\\nOnly applies when an `href` is provided.\\nSpecial keywords: `\\\"_blank\\\"`, `\\\"_self\\\"`, `\\\"_parent\\\"`, `\\\"_top\\\"`.\"\n                },\n                \"attribute\": \"target\",\n                \"reflect\": false\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n}\n"],"mappings":"4KAAA,MAAMA,EAAa,oqDACnB,MAAAC,EAAeD,ECDf,MAAME,EAAY,qnDAClB,MAAAC,EAAeD,E,MCWFE,EAAI,MACb,WAAAC,CAAAC,G,UACIC,KAAKC,wBAA0B,GAC/BD,KAAKE,MAAQC,UACbH,KAAKI,OAAS,MACdJ,KAAKK,KAAO,SACZL,KAAKM,SAAW,MAChBN,KAAKO,SAAWJ,UAChBH,KAAKQ,KAAOL,UACZH,KAAKS,IAAMN,UACXH,KAAKU,gBAAkB,UACvBV,KAAKW,gBAAkBR,UACvBH,KAAKY,OAAST,S,CAElB,iBAAAU,GACIb,KAAKC,wBAA0Ba,EAAkBd,KAAKe,GAAI,CAAC,c,CAE/D,WAAAC,GACI,OAAOhB,KAAKQ,OAASL,WAAaH,KAAKI,M,CAE3C,UAAAa,CAAWC,GACP,MAAMC,EAAYnB,KAAKgB,cACvB,IAAKG,EAAW,CACZ,MAAO,CAACC,EAAE,OAAQ,M,CAEtB,MAAMZ,KAAEA,EAAIG,gBAAEA,EAAeD,gBAAEA,EAAeT,wBAAEA,GAA4BD,KAC5E,MAAMqB,EAAUF,EAAaX,IAASL,UAAY,SAAW,IAAO,MACpE,MAAMmB,EAAQD,IAAY,SACpB,CAAEhB,KAAML,KAAKK,MACb,CACEE,SAAUP,KAAKO,SACfC,KAAMR,KAAKQ,KACXC,IAAKT,KAAKS,IACVG,OAAQZ,KAAKY,QAErB,OAAQQ,EAAEC,EAASE,OAAOC,OAAO,GAAIF,EAAOrB,EAAyB,CAAEwB,MAAO,cAAeC,KAAM,SAAUpB,SAAUN,KAAKM,SAAUqB,QAAUC,GAAOC,EAAQrB,EAAMoB,EAAIlB,EAAiBC,KAAqBS,EAAE,OAAQ,MAAOD,GAAaD,IAAS,MAAQE,EAAE,oBAAqB,M,CAEzR,MAAAU,GACI,MAAMZ,EAAOa,EAAW/B,MACxB,OAAQoB,EAAEY,EAAM,CAAEC,IAAK,2CAA4CR,MAAOS,EAAmBlC,KAAKE,MAAO,CACjGgB,CAACA,GAAO,KACR,gBAAiBlB,KAAKM,SACtB,kBAAmBN,KAAKgB,iBACtBhB,KAAKiB,WAAWC,G","ignoreList":[]}

package/dist/elements/{p-f1a6f6f2.js → p-1fc8e557.js}

@@ -1,5 +1,5 @@
-import{w as t}from"./p-7efd6867.js";import{c as e}from"./p-17cb620a.js";import"./p-ad32e711.js";
+import{w as t}from"./p-7efd6867.js";import{c as e}from"./p-da0d920d.js";import"./p-42169e41.js";
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */const n=()=>e.get("experimentalCloseWatcher",false)&&t!==undefined&&"CloseWatcher"in t;const o=()=>{document.addEventListener("backbutton",(()=>{}))};const s=()=>{const e=document;let o=false;const s=()=>{if(o){return}let t=0;let n=[];const s=new CustomEvent("ionBackButton",{bubbles:false,detail:{register(e,o){n.push({priority:e,handler:o,id:t++})}}});e.dispatchEvent(s);const i=async t=>{try{if(t===null||t===void 0?void 0:t.handler){const e=t.handler(c);if(e!=null){await e}}}catch(t){console.error(t)}};const c=()=>{if(n.length>0){let t={priority:Number.MIN_SAFE_INTEGER,handler:()=>undefined,id:-1};n.forEach((e=>{if(e.priority>=t.priority){t=e}}));o=true;n=n.filter((e=>e.id!==t.id));i(t).then((()=>o=false))}};c()};if(n()){let e;const n=()=>{e===null||e===void 0?void 0:e.destroy();e=new t.CloseWatcher;e.onclose=()=>{s();n()}};n()}else{e.addEventListener("backbutton",s)}};const i=100;const c=99;export{c as MENU_BACK_BUTTON_PRIORITY,i as OVERLAY_BACK_BUTTON_PRIORITY,o as blockHardwareBackButton,n as shouldUseCloseWatcher,s as startHardwareBackButton};
-//# sourceMappingURL=p-f1a6f6f2.js.map
+//# sourceMappingURL=p-1fc8e557.js.map

package/dist/elements/{p-196197ab.entry.js → p-239442f9.entry.js}

@@ -1,2 +1,2 @@
-import{r as o,h as e,H as s,d as i}from"./p-ad32e711.js";import{r as n,q as r}from"./p-0ee8b7a7.js";import{g as t}from"./p-17cb620a.js";const c=":host([slot]){display:none;line-height:0;z-index:100}.reorder-icon{display:block}::slotted(ion-icon){font-size:dynamic-font(16px)}.reorder-icon{font-size:2.125rem;opacity:0.4}";const a=c;const d=":host([slot]){display:none;line-height:0;z-index:100}.reorder-icon{display:block}::slotted(ion-icon){font-size:dynamic-font(16px)}.reorder-icon{font-size:1.9375rem;opacity:0.3}";const l=d;const b=class{constructor(e){o(this,e)}onClick(o){const e=this.el.closest("ion-reorder-group");o.preventDefault();if(!e||!e.disabled){o.stopImmediatePropagation()}}render(){const o=t(this);const i=o==="ios"?n:r;return e(s,{key:"5747b63aa64b05bfed96bbce8087186c7e14c6d5",class:o},e("slot",{key:"a745f29a23c905cd0bff572acb755b597a3fb3c3"},e("ion-icon",{key:"48f433e85a3a68c16bc426623b2b74957b4b2eb7",icon:i,lazy:false,class:"reorder-icon",part:"icon","aria-hidden":"true"})))}get el(){return i(this)}};b.style={ios:a,md:l};export{b as ion_reorder};
-//# sourceMappingURL=p-196197ab.entry.js.map
+import{r as o,h as e,H as s,e as i}from"./p-42169e41.js";import{r as n,q as r}from"./p-0ee8b7a7.js";import{g as t}from"./p-da0d920d.js";const c=":host([slot]){display:none;line-height:0;z-index:100}.reorder-icon{display:block}::slotted(ion-icon){font-size:dynamic-font(16px)}.reorder-icon{font-size:2.125rem;opacity:0.4}";const a=c;const d=":host([slot]){display:none;line-height:0;z-index:100}.reorder-icon{display:block}::slotted(ion-icon){font-size:dynamic-font(16px)}.reorder-icon{font-size:1.9375rem;opacity:0.3}";const l=d;const b=class{constructor(e){o(this,e)}onClick(o){const e=this.el.closest("ion-reorder-group");o.preventDefault();if(!e||!e.disabled){o.stopImmediatePropagation()}}render(){const o=t(this);const i=o==="ios"?n:r;return e(s,{key:"5747b63aa64b05bfed96bbce8087186c7e14c6d5",class:o},e("slot",{key:"a745f29a23c905cd0bff572acb755b597a3fb3c3"},e("ion-icon",{key:"48f433e85a3a68c16bc426623b2b74957b4b2eb7",icon:i,lazy:false,class:"reorder-icon",part:"icon","aria-hidden":"true"})))}get el(){return i(this)}};b.style={ios:a,md:l};export{b as ion_reorder};
+//# sourceMappingURL=p-239442f9.entry.js.map