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

package/dist/esm/pos-predicate.entry.js

@@ -1,24 +0,0 @@
-import { r as registerInstance, h } from './index-4fdc2561.js';
-
-const posPredicateCss = ":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 PosPredicateStyle0 = posPredicateCss;
-
-const PosPredicate = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.expanded = false;
-    }
-    render() {
-        if (this.expanded) {
-            return (h("div", { class: "container" }, h("a", { href: this.uri }, this.uri), h("button", { "aria-label": `collapse URI to ${this.label}`, onClick: () => (this.expanded = false) }, h("ion-icon", { name: "chevron-back-circle-outline" }))));
-        }
-        else {
-            return (h("button", { onClick: () => (this.expanded = true), title: this.uri }, this.label));
-        }
-    }
-};
-PosPredicate.style = PosPredicateStyle0;
-
-export { PosPredicate as pos_predicate };
-
-//# sourceMappingURL=pos-predicate.entry.js.map

package/dist/esm/pos-predicate.entry.js.map

@@ -1 +0,0 @@
-{"file":"pos-predicate.entry.js","mappings":";;AAAA,MAAM,eAAe,GAAG,gcAAgc,CAAC;AACzd,2BAAe,eAAe;;MCMjB,YAAY;IALzB;;QAaE,aAAQ,GAAY,KAAK,CAAC;KAoB3B;IAlBC,MAAM;QACJ,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,QACE,WAAK,KAAK,EAAC,WAAW,IACpB,SAAG,IAAI,EAAE,IAAI,CAAC,GAAG,IAAG,IAAI,CAAC,GAAG,CAAK,EACjC,4BAAoB,mBAAmB,IAAI,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,IACzF,gBAAU,IAAI,EAAC,6BAA6B,GAAY,CACjD,CACL,EACN;SACH;aAAM;YACL,QACE,cAAQ,OAAO,EAAE,OAAO,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,GAAG,IAC3D,IAAI,CAAC,KAAK,CACJ,EACT;SACH;KACF;;;;;;","names":[],"sources":["src/components/pos-predicate/pos-predicate.css?tag=pos-predicate&encapsulation=shadow","src/components/pos-predicate/pos-predicate.tsx"],"sourcesContent":[":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"],"version":3}