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

package/dist/esm/ion-badge_2.entry.js

@@ -0,0 +1,87 @@
+import { r as registerInstance, h, H as Host, i as createEvent } from './index-4fdc2561.js';
+import { c as createColorClasses } from './theme-d75c68ae.js';
+import { g as getIonMode } from './ionic-global-df0a32a5.js';
+import { l as labelFromUri } from './index-e5d73939.js';
+import { s as subscribePodOs } from './PodOsAware-132573cd.js';
+import { s as subscribeResource } from './ResourceAware-5f237305.js';
+
+const badgeIosCss = ":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 IonBadgeIosStyle0 = badgeIosCss;
+
+const badgeMdCss = ":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 IonBadgeMdStyle0 = badgeMdCss;
+
+const Badge = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.color = undefined;
+    }
+    render() {
+        const mode = getIonMode(this);
+        return (h(Host, { key: '22d41ceefb76f40dfbf739fd71483f1272a45858', class: createColorClasses(this.color, {
+                [mode]: true,
+            }) }, h("slot", { key: 'e7e65463bac5903971a8f9f6be55515f42b81a83' })));
+    }
+};
+Badge.style = {
+    ios: IonBadgeIosStyle0,
+    md: IonBadgeMdStyle0
+};
+
+const posAddLiteralValueCss = ":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 PosAddLiteralValueStyle0 = posAddLiteralValueCss;
+
+const PosAddLiteralValue = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.subscribePodOs = createEvent(this, "pod-os:init", 7);
+        this.subscribeResource = createEvent(this, "pod-os:resource", 7);
+        this.addedLiteralValue = createEvent(this, "pod-os:added-literal-value", 7);
+        this.error = createEvent(this, "pod-os:error", 7);
+        this.receiveResource = (resource) => {
+            this.resource = resource;
+        };
+        this.receivePodOs = async (os) => {
+            this.os = os;
+        };
+    }
+    setName() { }
+    componentWillLoad() {
+        subscribeResource(this);
+        subscribePodOs(this);
+    }
+    async save() {
+        try {
+            await this.os.addPropertyValue(this.resource, this.selectedTermUri, this.currentValue);
+            const literal = {
+                predicate: this.selectedTermUri,
+                label: labelFromUri(this.selectedTermUri),
+                values: [this.currentValue],
+            };
+            this.addedLiteralValue.emit(literal);
+            this.currentValue = '';
+        }
+        catch (err) {
+            this.error.emit(err);
+        }
+    }
+    onTermSelected(event) {
+        this.selectedTermUri = event.detail.uri;
+        this.valueInput.focus();
+    }
+    render() {
+        var _a;
+        if (!((_a = this.resource) === null || _a === void 0 ? void 0 : _a.editable)) {
+            return;
+        }
+        return (h(Host, null, h("ion-icon", { name: "add-circle-outline" }), h("pos-select-term", { placeholder: "Add literal", "onPod-os:term-selected": ev => this.onTermSelected(ev) }), h("input", { ref: el => (this.valueInput = el), value: this.currentValue, placeholder: "", onInput: ev => (this.currentValue = ev.target.value), onChange: () => this.save() })));
+    }
+    static get watchers() { return {
+        "os": ["setName"]
+    }; }
+};
+PosAddLiteralValue.style = PosAddLiteralValueStyle0;
+
+export { Badge as ion_badge, PosAddLiteralValue as pos_add_literal_value };
+
+//# sourceMappingURL=ion-badge_2.entry.js.map

package/dist/esm/ion-badge_2.entry.js.map

@@ -0,0 +1 @@
+{"file":"ion-badge.pos-add-literal-value.entry.js","mappings":";;;;;;;AAAA,MAAM,WAAW,GAAG,q4BAAq4B,CAAC;AAC15B,0BAAe,WAAW;;ACD1B,MAAM,UAAU,GAAG,k7BAAk7B,CAAC;AACt8B,yBAAe,UAAU;;MCQZ,KAAK;IACd;;QACI,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;KAC1B;IACD,MAAM;QACF,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;QAC9B,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,kBAAkB,CAAC,IAAI,CAAC,KAAK,EAAE;gBACjG,CAAC,IAAI,GAAG,IAAI;aACf,CAAC,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,CAAC,CAAC,EAAE;KAC9E;;;;;;;AClBL,MAAM,qBAAqB,GAAG,yTAAyT,CAAC;AACxV,iCAAe,qBAAqB;;MCSvB,kBAAkB;IAL/B;;;;;;QAoCE,oBAAe,GAAG,CAAC,QAAe;YAChC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;SAC1B,CAAC;QAEF,iBAAY,GAAG,OAAO,EAAS;YAC7B,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;SACd,CAAC;KAwCH;IAvDC,OAAO,MAAK;IAIZ,iBAAiB;QACf,iBAAiB,CAAC,IAAI,CAAC,CAAC;QACxB,cAAc,CAAC,IAAI,CAAC,CAAC;KACtB;IAUD,MAAM,IAAI;QACR,IAAI;YACF,MAAM,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;YACvF,MAAM,OAAO,GAAY;gBACvB,SAAS,EAAE,IAAI,CAAC,eAAe;gBAC/B,KAAK,EAAE,YAAY,CAAC,IAAI,CAAC,eAAe,CAAC;gBACzC,MAAM,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC;aAC5B,CAAC;YACF,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YACrC,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC;SACxB;QAAC,OAAO,GAAG,EAAE;YACZ,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;SACtB;KACF;IAED,cAAc,CAAC,KAAK;QAClB,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC;QACxC,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC;KACzB;IAED,MAAM;;QACJ,IAAI,EAAC,MAAA,IAAI,CAAC,QAAQ,0CAAE,QAAQ,CAAA,EAAE;YAC5B,OAAO;SACR;QACD,QACE,EAAC,IAAI,QACH,gBAAU,IAAI,EAAC,oBAAoB,GAAY,EAC/C,uBAAiB,WAAW,EAAC,aAAa,4BAAyB,EAAE,IAAI,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC,GAAI,EACpG,aACE,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC,EACjC,KAAK,EAAE,IAAI,CAAC,YAAY,EACxB,WAAW,EAAC,EAAE,EACd,OAAO,EAAE,EAAE,KAAK,IAAI,CAAC,YAAY,GAAI,EAAE,CAAC,MAA2B,CAAC,KAAK,CAAC,EAC1E,QAAQ,EAAE,MAAM,IAAI,CAAC,IAAI,EAAE,GACpB,CACJ,EACP;KACH;;;;;;;;;","names":[],"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"],"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"],"version":3}

package/dist/esm/ion-breadcrumb.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, i as createEvent, h, H as Host, d as getElement } from './index-4fdc2561.js';
-import { h as inheritAriaAttributes } from './helpers-a93a8cd2.js';
+import { h as inheritAriaAttributes } from './helpers-c51da066.js';
 import { o as openURL, c as createColorClasses, h as hostContext } from './theme-d75c68ae.js';
 import { g as chevronForwardOutline, h as ellipsisHorizontal } from './index-9edae53a.js';
 import { g as getIonMode } from './ionic-global-df0a32a5.js';

package/dist/esm/ion-button_4.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, i as createEvent, h, H as Host, d as getElement } from './index-4fdc2561.js';
-import { q as hasShadowDom, h as inheritAriaAttributes, r as raf, g as getElementRoot } from './helpers-a93a8cd2.js';
+import { q as hasShadowDom, h as inheritAriaAttributes, r as raf, g as getElementRoot } from './helpers-c51da066.js';
 import { p as printIonWarning } from './index-f7ac0403.js';
 import { o as openURL, c as createColorClasses, h as hostContext } from './theme-d75c68ae.js';
 import { g as getIonMode, a as isPlatform } from './ionic-global-df0a32a5.js';

package/dist/esm/{ion-badge_8.entry.js → ion-card-title_6.entry.js}

@@ -1,33 +1,8 @@
 import { r as registerInstance, h, H as Host, j as forceUpdate, i as createEvent } from './index-4fdc2561.js';
 import { c as createColorClasses } from './theme-d75c68ae.js';
 import { g as getIonMode } from './ionic-global-df0a32a5.js';
-import { l as labelFromUri } from './index-e5d73939.js';
-import { s as subscribePodOs } from './PodOsAware-132573cd.js';
 import { s as subscribeResource } from './ResourceAware-5f237305.js';
 
-const badgeIosCss = ":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 IonBadgeIosStyle0 = badgeIosCss;
-
-const badgeMdCss = ":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 IonBadgeMdStyle0 = badgeMdCss;
-
-const Badge = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.color = undefined;
-    }
-    render() {
-        const mode = getIonMode(this);
-        return (h(Host, { key: '22d41ceefb76f40dfbf739fd71483f1272a45858', class: createColorClasses(this.color, {
-                [mode]: true,
-            }) }, h("slot", { key: 'e7e65463bac5903971a8f9f6be55515f42b81a83' })));
-    }
-};
-Badge.style = {
-    ios: IonBadgeIosStyle0,
-    md: IonBadgeMdStyle0
-};
-
 const cardTitleIosCss = ":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 IonCardTitleIosStyle0 = cardTitleIosCss;
 
@@ -225,61 +200,7 @@ const Row = class {
 };
 Row.style = IonRowStyle0;
 
-const posAddLiteralValueCss = ":host{display:flex;align-items:center;gap:0.2rem}";
-const PosAddLiteralValueStyle0 = posAddLiteralValueCss;
-
-const PosAddLiteralValue = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.subscribePodOs = createEvent(this, "pod-os:init", 7);
-        this.subscribeResource = createEvent(this, "pod-os:resource", 7);
-        this.addedLiteralValue = createEvent(this, "pod-os:added-literal-value", 7);
-        this.error = createEvent(this, "pod-os:error", 7);
-        this.receiveResource = (resource) => {
-            this.resource = resource;
-        };
-        this.receivePodOs = async (os) => {
-            this.os = os;
-        };
-    }
-    setName() { }
-    componentWillLoad() {
-        subscribeResource(this);
-        subscribePodOs(this);
-    }
-    async save() {
-        try {
-            await this.os.addPropertyValue(this.resource, this.selectedTermUri, this.currentValue);
-            const literal = {
-                predicate: this.selectedTermUri,
-                label: labelFromUri(this.selectedTermUri),
-                values: [this.currentValue],
-            };
-            this.addedLiteralValue.emit(literal);
-            this.currentValue = '';
-        }
-        catch (err) {
-            this.error.emit(err);
-        }
-    }
-    onTermSelected(event) {
-        this.selectedTermUri = event.detail.uri;
-        this.valueInput.setFocus();
-    }
-    render() {
-        var _a;
-        if (!((_a = this.resource) === null || _a === void 0 ? void 0 : _a.editable)) {
-            return;
-        }
-        return (h(Host, null, h("ion-icon", { name: "add-circle-outline" }), h("pos-select-term", { placeholder: "Add literal", "onPod-os:term-selected": ev => this.onTermSelected(ev) }), h("ion-input", { ref: el => (this.valueInput = el), value: this.currentValue, placeholder: "", onIonChange: ev => (this.currentValue = ev.detail.value.toString()), onChange: () => this.save() })));
-    }
-    static get watchers() { return {
-        "os": ["setName"]
-    }; }
-};
-PosAddLiteralValue.style = PosAddLiteralValueStyle0;
-
-const posLiteralsCss = ":host {\n  --background-base-color: var(--color-grey-200);\n  --background-color-even: hsl(from var(--background-base-color) h s calc(l + 7));\n  --background-color-odd: hsl(from var(--background-base-color) h s calc(l + 10));\n  --border-color: var(--background-base-color);\n}\n\ndd {\n  padding: 0;\n  margin: 0;\n}\n\ndl {\n  padding: 0;\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n  gap: var(--size-1);\n}\n\ndt {\n  margin-bottom: var(--size-1);\n}\n\n.predicate-values:nth-child(odd) {\n  background-color: var(--background-color-odd);\n}\n\n.predicate-values:nth-child(even) {\n  background-color: var(--background-color-even);\n}\n\n.predicate-values {\n  display: flex;\n  flex-direction: column;\n  border: var(--size-px) solid var(--border-color);\n  padding: var(--size-2);\n  gap: var(--size-1);\n\n  .values {\n    display: flex;\n    flex-direction: column;\n    gap: var(--size-2);\n  }\n}\n";
+const posLiteralsCss = ":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 PosLiteralsStyle0 = posLiteralsCss;
 
 const PosLiterals = class {
@@ -312,7 +233,7 @@ const PosLiterals = class {
         }
     }
     render() {
-        return (h(Host, { key: 'fbfc96a94c8a225a94cbf8d230b9ec36b935523b' }, this.data.length > 0 ? (h("dl", null, this.data.map(it => (h("div", { class: "predicate-values" }, h("dt", null, h("pos-predicate", { uri: it.predicate, label: it.label })), h("div", { class: "values" }, it.values.map(value => (h("dd", null, value))))))))) : null, h("pos-add-literal-value", { key: 'f0b7dda5edb7d590301a8c04a6309a774c074ccb', "onPod-os:added-literal-value": event => this.literalValueAdded(event.detail) })));
+        return (h(Host, { key: '571f571381d9a9c4bcf0188a782c46485266a3d8' }, this.data.length > 0 ? (h("dl", null, this.data.map(it => (h("div", { class: "predicate-values" }, h("dt", null, h("pos-predicate", { uri: it.predicate, label: it.label })), h("div", { class: "values" }, it.values.map(value => (h("dd", null, value))))))))) : null, h("pos-add-literal-value", { key: 'e1b58aba48a56e60ec8bb1087f054972bb2c437c', "onPod-os:added-literal-value": event => this.literalValueAdded(event.detail) })));
     }
 };
 PosLiterals.style = PosLiteralsStyle0;
@@ -352,6 +273,6 @@ const PosTypeBadges = class {
 };
 PosTypeBadges.style = PosTypeBadgesStyle0;
 
-export { Badge as ion_badge, CardTitle as ion_card_title, Col as ion_col, Grid as ion_grid, Row as ion_row, PosAddLiteralValue as pos_add_literal_value, PosLiterals as pos_literals, PosTypeBadges as pos_type_badges };
+export { CardTitle as ion_card_title, Col as ion_col, Grid as ion_grid, Row as ion_row, PosLiterals as pos_literals, PosTypeBadges as pos_type_badges };
 
-//# sourceMappingURL=ion-badge_8.entry.js.map
+//# sourceMappingURL=ion-card-title_6.entry.js.map

package/dist/esm/ion-card-title_6.entry.js.map

@@ -0,0 +1 @@
+{"file":"ion-card-title.ion-col.ion-grid.ion-row.pos-literals.pos-type-badges.entry.js","mappings":"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","names":[],"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","../node_modules/@ionic/core/dist/collection/utils/media.js","../node_modules/@ionic/core/dist/collection/components/col/col.css?tag=ion-col&encapsulation=shadow","../node_modules/@ionic/core/dist/collection/components/col/col.js","../node_modules/@ionic/core/dist/collection/components/grid/grid.css?tag=ion-grid&encapsulation=shadow","../node_modules/@ionic/core/dist/collection/components/grid/grid.js","../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","src/components/pos-literals/pos-literals.css?tag=pos-literals&encapsulation=shadow","src/components/pos-literals/pos-literals.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 --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","/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nexport const SIZE_TO_MEDIA = {\n    xs: '(min-width: 0px)',\n    sm: '(min-width: 576px)',\n    md: '(min-width: 768px)',\n    lg: '(min-width: 992px)',\n    xl: '(min-width: 1200px)',\n};\n// Check if the window matches the media query\n// at the breakpoint passed\n// e.g. matchBreakpoint('sm') => true if screen width exceeds 576px\nexport const matchBreakpoint = (breakpoint) => {\n    if (breakpoint === undefined || breakpoint === '') {\n        return true;\n    }\n    if (window.matchMedia) {\n        const mediaQuery = SIZE_TO_MEDIA[breakpoint];\n        return window.matchMedia(mediaQuery).matches;\n    }\n    return false;\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 * 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  /**\n   * @prop --ion-grid-columns: The number of total Columns in the Grid\n   * @prop --ion-grid-column-padding: Padding for the Column\n   * @prop --ion-grid-column-padding-xs: Padding for the Column on xs screens and up\n   * @prop --ion-grid-column-padding-sm: Padding for the Column on sm screens and up\n   * @prop --ion-grid-column-padding-md: Padding for the Column on md screens and up\n   * @prop --ion-grid-column-padding-lg: Padding for the Column on lg screens and up\n   * @prop --ion-grid-column-padding-xl: Padding for the Column on xl screens and up\n   */\n  -webkit-padding-start: var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));\n  padding-inline-start: var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));\n  -webkit-padding-end: var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));\n  padding-inline-end: var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));\n  padding-top: var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));\n  padding-bottom: var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));\n  margin-left: 0;\n  margin-right: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n  box-sizing: border-box;\n  position: relative;\n  flex-basis: 0;\n  flex-grow: 1;\n  width: 100%;\n  max-width: 100%;\n  min-height: 1px;\n}\n@media (min-width: 576px) {\n  :host {\n    -webkit-padding-start: var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));\n    padding-inline-start: var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));\n    -webkit-padding-end: var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));\n    padding-inline-end: var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));\n    padding-top: var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));\n    padding-bottom: var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));\n  }\n}\n@media (min-width: 768px) {\n  :host {\n    -webkit-padding-start: var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));\n    padding-inline-start: var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));\n    -webkit-padding-end: var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));\n    padding-inline-end: var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));\n    padding-top: var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));\n    padding-bottom: var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));\n  }\n}\n@media (min-width: 992px) {\n  :host {\n    -webkit-padding-start: var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));\n    padding-inline-start: var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));\n    -webkit-padding-end: var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));\n    padding-inline-end: var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));\n    padding-top: var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));\n    padding-bottom: var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));\n  }\n}\n@media (min-width: 1200px) {\n  :host {\n    -webkit-padding-start: var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));\n    padding-inline-start: var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));\n    -webkit-padding-end: var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));\n    padding-inline-end: var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));\n    padding-top: var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));\n    padding-bottom: var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));\n  }\n}","/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { Host, forceUpdate, h } from \"@stencil/core\";\nimport { matchBreakpoint } from \"../../utils/media\";\nimport { getIonMode } from \"../../global/ionic-global\";\nconst win = typeof window !== 'undefined' ? window : undefined;\n// eslint-disable-next-line @typescript-eslint/prefer-optional-chain\nconst SUPPORTS_VARS = win && !!(win.CSS && win.CSS.supports && win.CSS.supports('--a: 0'));\nconst BREAKPOINTS = ['', 'xs', 'sm', 'md', 'lg', 'xl'];\nexport class Col {\n    constructor() {\n        this.offset = undefined;\n        this.offsetXs = undefined;\n        this.offsetSm = undefined;\n        this.offsetMd = undefined;\n        this.offsetLg = undefined;\n        this.offsetXl = undefined;\n        this.pull = undefined;\n        this.pullXs = undefined;\n        this.pullSm = undefined;\n        this.pullMd = undefined;\n        this.pullLg = undefined;\n        this.pullXl = undefined;\n        this.push = undefined;\n        this.pushXs = undefined;\n        this.pushSm = undefined;\n        this.pushMd = undefined;\n        this.pushLg = undefined;\n        this.pushXl = undefined;\n        this.size = undefined;\n        this.sizeXs = undefined;\n        this.sizeSm = undefined;\n        this.sizeMd = undefined;\n        this.sizeLg = undefined;\n        this.sizeXl = undefined;\n    }\n    onResize() {\n        forceUpdate(this);\n    }\n    // Loop through all of the breakpoints to see if the media query\n    // matches and grab the column value from the relevant prop if so\n    getColumns(property) {\n        let matched;\n        for (const breakpoint of BREAKPOINTS) {\n            const matches = matchBreakpoint(breakpoint);\n            // Grab the value of the property, if it exists and our\n            // media query matches we return the value\n            const columns = this[property + breakpoint.charAt(0).toUpperCase() + breakpoint.slice(1)];\n            if (matches && columns !== undefined) {\n                matched = columns;\n            }\n        }\n        // Return the last matched columns since the breakpoints\n        // increase in size and we want to return the largest match\n        return matched;\n    }\n    calculateSize() {\n        const columns = this.getColumns('size');\n        // If size wasn't set for any breakpoint\n        // or if the user set the size without a value\n        // it means we need to stick with the default and return\n        // e.g. <ion-col size-md>\n        if (!columns || columns === '') {\n            return;\n        }\n        // If the size is set to auto then don't calculate a size\n        const colSize = columns === 'auto'\n            ? 'auto'\n            : // If CSS supports variables we should use the grid columns var\n                SUPPORTS_VARS\n                    ? `calc(calc(${columns} / var(--ion-grid-columns, 12)) * 100%)`\n                    : // Convert the columns to a percentage by dividing by the total number\n                        // of columns (12) and then multiplying by 100\n                        (columns / 12) * 100 + '%';\n        return {\n            flex: `0 0 ${colSize}`,\n            width: `${colSize}`,\n            'max-width': `${colSize}`,\n        };\n    }\n    // Called by push, pull, and offset since they use the same calculations\n    calculatePosition(property, modifier) {\n        const columns = this.getColumns(property);\n        if (!columns) {\n            return;\n        }\n        // If the number of columns passed are greater than 0 and less than\n        // 12 we can position the column, else default to auto\n        const amount = SUPPORTS_VARS\n            ? // If CSS supports variables we should use the grid columns var\n                `calc(calc(${columns} / var(--ion-grid-columns, 12)) * 100%)`\n            : // Convert the columns to a percentage by dividing by the total number\n                // of columns (12) and then multiplying by 100\n                columns > 0 && columns < 12\n                    ? (columns / 12) * 100 + '%'\n                    : 'auto';\n        return {\n            [modifier]: amount,\n        };\n    }\n    calculateOffset(isRTL) {\n        return this.calculatePosition('offset', isRTL ? 'margin-right' : 'margin-left');\n    }\n    calculatePull(isRTL) {\n        return this.calculatePosition('pull', isRTL ? 'left' : 'right');\n    }\n    calculatePush(isRTL) {\n        return this.calculatePosition('push', isRTL ? 'right' : 'left');\n    }\n    render() {\n        const isRTL = document.dir === 'rtl';\n        const mode = getIonMode(this);\n        return (h(Host, { key: '56ecf3b3f2be05d5f179f2d136d4ab05a4525da9', class: {\n                [mode]: true,\n            }, style: Object.assign(Object.assign(Object.assign(Object.assign({}, this.calculateOffset(isRTL)), this.calculatePull(isRTL)), this.calculatePush(isRTL)), this.calculateSize()) }, h(\"slot\", { key: '8f1113d39dcb709300ebbeaf81bc092c1dd8da3e' })));\n    }\n    static get is() { return \"ion-col\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"col.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"col.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"offset\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The amount to offset the column, in terms of how many columns it should shift to the end\\nof the total available.\"\n                },\n                \"attribute\": \"offset\",\n                \"reflect\": false\n            },\n            \"offsetXs\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The amount to offset the column for xs screens, in terms of how many columns it should shift\\nto the end of the total available.\"\n                },\n                \"attribute\": \"offset-xs\",\n                \"reflect\": false\n            },\n            \"offsetSm\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The amount to offset the column for sm screens, in terms of how many columns it should shift\\nto the end of the total available.\"\n                },\n                \"attribute\": \"offset-sm\",\n                \"reflect\": false\n            },\n            \"offsetMd\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The amount to offset the column for md screens, in terms of how many columns it should shift\\nto the end of the total available.\"\n                },\n                \"attribute\": \"offset-md\",\n                \"reflect\": false\n            },\n            \"offsetLg\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The amount to offset the column for lg screens, in terms of how many columns it should shift\\nto the end of the total available.\"\n                },\n                \"attribute\": \"offset-lg\",\n                \"reflect\": false\n            },\n            \"offsetXl\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The amount to offset the column for xl screens, in terms of how many columns it should shift\\nto the end of the total available.\"\n                },\n                \"attribute\": \"offset-xl\",\n                \"reflect\": false\n            },\n            \"pull\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The amount to pull the column, in terms of how many columns it should shift to the start of\\nthe total available.\"\n                },\n                \"attribute\": \"pull\",\n                \"reflect\": false\n            },\n            \"pullXs\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The amount to pull the column for xs screens, in terms of how many columns it should shift\\nto the start of the total available.\"\n                },\n                \"attribute\": \"pull-xs\",\n                \"reflect\": false\n            },\n            \"pullSm\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The amount to pull the column for sm screens, in terms of how many columns it should shift\\nto the start of the total available.\"\n                },\n                \"attribute\": \"pull-sm\",\n                \"reflect\": false\n            },\n            \"pullMd\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The amount to pull the column for md screens, in terms of how many columns it should shift\\nto the start of the total available.\"\n                },\n                \"attribute\": \"pull-md\",\n                \"reflect\": false\n            },\n            \"pullLg\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The amount to pull the column for lg screens, in terms of how many columns it should shift\\nto the start of the total available.\"\n                },\n                \"attribute\": \"pull-lg\",\n                \"reflect\": false\n            },\n            \"pullXl\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The amount to pull the column for xl screens, in terms of how many columns it should shift\\nto the start of the total available.\"\n                },\n                \"attribute\": \"pull-xl\",\n                \"reflect\": false\n            },\n            \"push\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The amount to push the column, in terms of how many columns it should shift to the end\\nof the total available.\"\n                },\n                \"attribute\": \"push\",\n                \"reflect\": false\n            },\n            \"pushXs\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The amount to push the column for xs screens, in terms of how many columns it should shift\\nto the end of the total available.\"\n                },\n                \"attribute\": \"push-xs\",\n                \"reflect\": false\n            },\n            \"pushSm\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The amount to push the column for sm screens, in terms of how many columns it should shift\\nto the end of the total available.\"\n                },\n                \"attribute\": \"push-sm\",\n                \"reflect\": false\n            },\n            \"pushMd\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The amount to push the column for md screens, in terms of how many columns it should shift\\nto the end of the total available.\"\n                },\n                \"attribute\": \"push-md\",\n                \"reflect\": false\n            },\n            \"pushLg\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The amount to push the column for lg screens, in terms of how many columns it should shift\\nto the end of the total available.\"\n                },\n                \"attribute\": \"push-lg\",\n                \"reflect\": false\n            },\n            \"pushXl\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The amount to push the column for xl screens, in terms of how many columns it should shift\\nto the end of the total available.\"\n                },\n                \"attribute\": \"push-xl\",\n                \"reflect\": false\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The size of the column, in terms of how many columns it should take up out of the total\\navailable. If `\\\"auto\\\"` is passed, the column will be the size of its content.\"\n                },\n                \"attribute\": \"size\",\n                \"reflect\": false\n            },\n            \"sizeXs\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The size of the column for xs screens, in terms of how many columns it should take up out\\nof the total available. If `\\\"auto\\\"` is passed, the column will be the size of its content.\"\n                },\n                \"attribute\": \"size-xs\",\n                \"reflect\": false\n            },\n            \"sizeSm\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The size of the column for sm screens, in terms of how many columns it should take up out\\nof the total available. If `\\\"auto\\\"` is passed, the column will be the size of its content.\"\n                },\n                \"attribute\": \"size-sm\",\n                \"reflect\": false\n            },\n            \"sizeMd\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The size of the column for md screens, in terms of how many columns it should take up out\\nof the total available. If `\\\"auto\\\"` is passed, the column will be the size of its content.\"\n                },\n                \"attribute\": \"size-md\",\n                \"reflect\": false\n            },\n            \"sizeLg\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The size of the column for lg screens, in terms of how many columns it should take up out\\nof the total available. If `\\\"auto\\\"` is passed, the column will be the size of its content.\"\n                },\n                \"attribute\": \"size-lg\",\n                \"reflect\": false\n            },\n            \"sizeXl\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The size of the column for xl screens, in terms of how many columns it should take up out\\nof the total available. If `\\\"auto\\\"` is passed, the column will be the size of its content.\"\n                },\n                \"attribute\": \"size-xl\",\n                \"reflect\": false\n            }\n        };\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"resize\",\n                \"method\": \"onResize\",\n                \"target\": \"window\",\n                \"capture\": false,\n                \"passive\": true\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 * 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  /**\n   * @prop --ion-grid-padding: Padding for the Grid\n   * @prop --ion-grid-padding-xs: Padding for the Grid on xs screens\n   * @prop --ion-grid-padding-sm: Padding for the Grid on sm screens\n   * @prop --ion-grid-padding-md: Padding for the Grid on md screens\n   * @prop --ion-grid-padding-lg: Padding for the Grid on lg screens\n   * @prop --ion-grid-padding-xl: Padding for the Grid on xl screens\n   *\n   * @prop --ion-grid-width: Width of the fixed Grid\n   * @prop --ion-grid-width-xs: Width of the fixed Grid on xs screens\n   * @prop --ion-grid-width-sm: Width of the fixed Grid on sm screens\n   * @prop --ion-grid-width-md: Width of the fixed Grid on md screens\n   * @prop --ion-grid-width-lg: Width of the fixed Grid on lg screens\n   * @prop --ion-grid-width-xl: Width of the fixed Grid on xl screens\n   */\n  -webkit-padding-start: var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));\n  padding-inline-start: var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));\n  -webkit-padding-end: var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));\n  padding-inline-end: var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));\n  padding-top: var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));\n  padding-bottom: var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));\n  -webkit-margin-start: auto;\n  margin-inline-start: auto;\n  -webkit-margin-end: auto;\n  margin-inline-end: auto;\n  display: block;\n  flex: 1;\n}\n@media (min-width: 576px) {\n  :host {\n    -webkit-padding-start: var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));\n    padding-inline-start: var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));\n    -webkit-padding-end: var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));\n    padding-inline-end: var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));\n    padding-top: var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));\n    padding-bottom: var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));\n  }\n}\n@media (min-width: 768px) {\n  :host {\n    -webkit-padding-start: var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));\n    padding-inline-start: var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));\n    -webkit-padding-end: var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));\n    padding-inline-end: var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));\n    padding-top: var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));\n    padding-bottom: var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));\n  }\n}\n@media (min-width: 992px) {\n  :host {\n    -webkit-padding-start: var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));\n    padding-inline-start: var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));\n    -webkit-padding-end: var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));\n    padding-inline-end: var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));\n    padding-top: var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));\n    padding-bottom: var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));\n  }\n}\n@media (min-width: 1200px) {\n  :host {\n    -webkit-padding-start: var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));\n    padding-inline-start: var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));\n    -webkit-padding-end: var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));\n    padding-inline-end: var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));\n    padding-top: var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));\n    padding-bottom: var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));\n  }\n}\n\n:host(.grid-fixed) {\n  width: var(--ion-grid-width-xs, var(--ion-grid-width, 100%));\n  max-width: 100%;\n}\n@media (min-width: 576px) {\n  :host(.grid-fixed) {\n    width: var(--ion-grid-width-sm, var(--ion-grid-width, 540px));\n  }\n}\n@media (min-width: 768px) {\n  :host(.grid-fixed) {\n    width: var(--ion-grid-width-md, var(--ion-grid-width, 720px));\n  }\n}\n@media (min-width: 992px) {\n  :host(.grid-fixed) {\n    width: var(--ion-grid-width-lg, var(--ion-grid-width, 960px));\n  }\n}\n@media (min-width: 1200px) {\n  :host(.grid-fixed) {\n    width: var(--ion-grid-width-xl, var(--ion-grid-width, 1140px));\n  }\n}\n\n:host(.ion-no-padding) {\n  --ion-grid-column-padding: 0;\n  --ion-grid-column-padding-xs: 0;\n  --ion-grid-column-padding-sm: 0;\n  --ion-grid-column-padding-md: 0;\n  --ion-grid-column-padding-lg: 0;\n  --ion-grid-column-padding-xl: 0;\n}","/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { Host, h } from \"@stencil/core\";\nimport { getIonMode } from \"../../global/ionic-global\";\nexport class Grid {\n    constructor() {\n        this.fixed = false;\n    }\n    render() {\n        const mode = getIonMode(this);\n        return (h(Host, { key: 'a1c2ff77f97761c2bbcd869b2cc7b1558032b406', class: {\n                [mode]: true,\n                'grid-fixed': this.fixed,\n            } }, h(\"slot\", { key: 'cd25166436cf3a63a11ad436a9b9c5a607e72600' })));\n    }\n    static get is() { return \"ion-grid\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"grid.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"grid.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"fixed\": {\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 grid will have a fixed width based on the screen size.\"\n                },\n                \"attribute\": \"fixed\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            }\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 * 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",":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",".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"],"version":3}