@venite/components 0.16.16 → 0.16.20

package/dist/collection/components/text/text.css

@@ -49,4 +49,17 @@ h3.editable-label {
   text-transform: var(--ldf-h3-text-transform);
 }
 
-/* .text.abbreviated is handled in the DOM itself, in the component */
+/* .text.abbreviated is handled in the DOM itself, in the component */
+.prayer-list {
+  display: block;
+  margin: 0;
+  padding: 0;
+  text-align: center;
+}
+
+.prayer-list li {
+  list-style-type: none;
+  text-align: center;
+  margin: 0.5em 0;
+  padding: 0;
+}

package/dist/collection/components/text/text.i18n.en.json

@@ -3,5 +3,6 @@
   "authorized_prayers": "Prayers and Thanksgivings",
   "label": "Label",
   "source": "Source",
-  "source_citation": "Citation"
+  "source_citation": "Citation",
+  "prayer-list": "Prayer List"
 }

package/dist/collection/components/text/text.i18n.es.json

@@ -1,3 +1,4 @@
 {
-  "amen": "Amén."
+  "amen": "Amén.",
+  "prayer-list": "Oraciones"
 }

package/dist/collection/components/text/text.js

@@ -1,4 +1,4 @@
-import { Component, Prop, Watch, State, Element, Host, Event, h } from '@stencil/core';
+import { Component, Prop, Watch, State, Element, Host, Event, h, Method } from '@stencil/core';
 import { Text, Heading } from '@venite/ldf';
 import { getComponentClosestLanguage } from '../../utils/locale';
 import showdown from 'showdown';
@@ -10,7 +10,16 @@ const LOCALE = {
   'es': ES
 };
 export class TextComponent {
+  constructor() {
+    // prayer list for authorized prayers
+    this.intentions = [];
+  }
+  async setPrayerList(intentions) {
+    console.log("(PrayerList) setPrayerList", intentions);
+    this.intentions = intentions;
+  }
   docChanged(newDoc) {
+    var _a;
     try {
       if (typeof newDoc == 'string') {
         this.obj = new Text(JSON.parse(newDoc));
@@ -18,6 +27,10 @@ export class TextComponent {
       else {
         this.obj = new Text(newDoc);
       }
+      if (((_a = this.obj) === null || _a === void 0 ? void 0 : _a.style) == "authorized-prayers") {
+        console.log("(PrayerList) ldfAskForPrayerList");
+        this.ldfAskForPrayerList.emit(true);
+      }
     }
     catch (e) {
       console.warn(e);
@@ -61,22 +74,24 @@ export class TextComponent {
   }
   // Render
   render() {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7;
     const localeStrings = this.localeStrings || {};
     /** `authorized-prayer` type */
     if (((_a = this.obj) === null || _a === void 0 ? void 0 : _a.style) === 'authorized-prayers') {
       const splits = this.path.split('/'), index = Number(splits[splits.length - 1]), base = splits.slice(0, splits.length - 1).join('/');
-      return h("ldf-label-bar", null,
-        h("ion-button", { onClick: () => this.addPAndT(base, index), fill: "clear" }, localeStrings.authorized_prayers));
+      return h(Host, null,
+        h("ldf-label-bar", null,
+          h("ion-button", { onClick: () => this.addPAndT(base, index), fill: "clear" }, localeStrings.authorized_prayers)), (_c = ((_b = this.intentions) === null || _b === void 0 ? void 0 : _b.length) > 0) !== null && _c !== void 0 ? _c : h("strong", { class: "prayer-list" }, localeStrings['prayer-list']),
+        h("ul", { class: "prayer-list" }, (this.intentions || []).map(intention => h("li", null, intention))));
     }
     else {
-      let value = ((_c = (_b = this.obj) === null || _b === void 0 ? void 0 : _b.metadata) === null || _c === void 0 ? void 0 : _c.rollup)
-        ? (((_d = this.obj) === null || _d === void 0 ? void 0 : _d.value) || []).map(s => s.replace(/\s+/g, ' '))
-        : (((_e = this.obj) === null || _e === void 0 ? void 0 : _e.value) || []);
+      let value = ((_e = (_d = this.obj) === null || _d === void 0 ? void 0 : _d.metadata) === null || _e === void 0 ? void 0 : _e.rollup)
+        ? (((_f = this.obj) === null || _f === void 0 ? void 0 : _f.value) || []).map(s => s.replace(/\s+/g, ' '))
+        : (((_g = this.obj) === null || _g === void 0 ? void 0 : _g.value) || []);
       let compiledValue = value.map(s => {
         return s.split(/([\*\w\n\s,:;\.\-–—'“☩✠”‘’\!\?”\[\]\%\(\)\/\u0041-\u024F]+([^\*\w\n\s,;:\.'“”☩✠‘’”\-–—\!\?\[\]\%\(\)\/\u0041-\u024F]))/g);
       });
-      if (!this.editable && ((_f = this.obj) === null || _f === void 0 ? void 0 : _f.display_format) === 'abbreviated') {
+      if (!this.editable && ((_h = this.obj) === null || _h === void 0 ? void 0 : _h.display_format) === 'abbreviated') {
         const firstSection = compiledValue[0], lastSection = compiledValue[compiledValue.length - 1];
         const firstChunk = this.truncate(firstSection[0]), lastChunk = this.truncate(lastSection[lastSection.length - 1], true);
         compiledValue = [[firstChunk], [lastChunk]];
@@ -87,25 +102,25 @@ export class TextComponent {
             h("slot", { slot: 'end', name: 'controls' })),
           !this.editable && h("ldf-heading", { path: `${this.path}/label`, doc: new Heading({ type: 'heading', metadata: { level: 3 }, value: [this.obj.label], citation: this.obj.citation, source: this.obj.source }) }),
           this.editable && h("ldf-label-bar", null,
-            !((_h = (_g = this.obj) === null || _g === void 0 ? void 0 : _g.metadata) === null || _h === void 0 ? void 0 : _h.omit_label) && h("h3", { class: "editable-label", slot: "start" },
-              h("ldf-editable-text", { id: `${this.obj.uid || this.obj.slug}-label`, text: (_j = this.obj) === null || _j === void 0 ? void 0 : _j.label, placeholder: localeStrings.label, path: `${this.path}/label` })),
-            h("ldf-editable-text", { slot: "end", id: "source-source", text: (_l = (_k = this.obj) === null || _k === void 0 ? void 0 : _k.source) === null || _l === void 0 ? void 0 : _l.source, path: `${this.path}/source/source`, placeholder: (_m = this.localeStrings) === null || _m === void 0 ? void 0 : _m.source }),
-            h("ldf-editable-text", { slot: "end", id: "source-citation", text: (_p = (_o = this.obj) === null || _o === void 0 ? void 0 : _o.source) === null || _p === void 0 ? void 0 : _p.citation, path: `${this.path}/source/citation`, placeholder: (_q = this.localeStrings) === null || _q === void 0 ? void 0 : _q.source_citation })),
-          h("div", { class: `text ${this.editable ? 'editable' : ''} ${((_r = this.obj) === null || _r === void 0 ? void 0 : _r.display_format) || 'default'}` },
+            !((_k = (_j = this.obj) === null || _j === void 0 ? void 0 : _j.metadata) === null || _k === void 0 ? void 0 : _k.omit_label) && h("h3", { class: "editable-label", slot: "start" },
+              h("ldf-editable-text", { id: `${this.obj.uid || this.obj.slug}-label`, text: (_l = this.obj) === null || _l === void 0 ? void 0 : _l.label, placeholder: localeStrings.label, path: `${this.path}/label` })),
+            h("ldf-editable-text", { slot: "end", id: "source-source", text: (_o = (_m = this.obj) === null || _m === void 0 ? void 0 : _m.source) === null || _o === void 0 ? void 0 : _o.source, path: `${this.path}/source/source`, placeholder: (_p = this.localeStrings) === null || _p === void 0 ? void 0 : _p.source }),
+            h("ldf-editable-text", { slot: "end", id: "source-citation", text: (_r = (_q = this.obj) === null || _q === void 0 ? void 0 : _q.source) === null || _r === void 0 ? void 0 : _r.citation, path: `${this.path}/source/citation`, placeholder: (_s = this.localeStrings) === null || _s === void 0 ? void 0 : _s.source_citation })),
+          h("div", { class: `text ${this.editable ? 'editable' : ''} ${((_t = this.obj) === null || _t === void 0 ? void 0 : _t.display_format) || 'default'}` },
             this.obj.value.map((prayer, prayerIndex) => h("ldf-editable-text", { id: `${this.obj.uid || this.obj.slug}-${prayerIndex}`, text: prayer, path: `${this.path}/value/${prayerIndex}` })),
-            (((_s = this.obj) === null || _s === void 0 ? void 0 : _s.style) === 'prayer' || (((_u = (_t = this.obj) === null || _t === void 0 ? void 0 : _t.metadata) === null || _u === void 0 ? void 0 : _u.response) && !((_w = (_v = this.obj) === null || _v === void 0 ? void 0 : _v.metadata) === null || _w === void 0 ? void 0 : _w.omit_response))) && h("span", { class: 'response' },
+            (((_u = this.obj) === null || _u === void 0 ? void 0 : _u.style) === 'prayer' || (((_w = (_v = this.obj) === null || _v === void 0 ? void 0 : _v.metadata) === null || _w === void 0 ? void 0 : _w.response) && !((_y = (_x = this.obj) === null || _x === void 0 ? void 0 : _x.metadata) === null || _y === void 0 ? void 0 : _y.omit_response))) && h("span", { class: 'response' },
               h("ldf-editable-text", { id: `${this.obj.uid || this.obj.slug}-response`, text: this.obj.metadata && this.obj.metadata.response, path: `${this.path}/response`, placeholder: localeStrings.amen })))));
       }
       else {
         /** `markdown` types */
-        if (((_x = this.obj) === null || _x === void 0 ? void 0 : _x.style) === 'markdown') {
+        if (((_z = this.obj) === null || _z === void 0 ? void 0 : _z.style) === 'markdown') {
           const converter = new showdown.Converter();
-          return (((_y = this.obj) === null || _y === void 0 ? void 0 : _y.value) || []).map(value => h("div", { innerHTML: converter.makeHtml(value) }));
+          return (((_0 = this.obj) === null || _0 === void 0 ? void 0 : _0.value) || []).map(value => h("div", { innerHTML: converter.makeHtml(value) }));
         }
         /** `text` and `prayer` types */
         else {
-          return (h("div", { lang: ((_z = this.obj) === null || _z === void 0 ? void 0 : _z.language) || 'en', class: `text ${((_0 = this.obj) === null || _0 === void 0 ? void 0 : _0.display_format) || 'default'}` },
-            ((((_1 = this.obj) === null || _1 === void 0 ? void 0 : _1.label) && !((_3 = (_2 = this.obj) === null || _2 === void 0 ? void 0 : _2.metadata) === null || _3 === void 0 ? void 0 : _3.omit_label)) || ((_4 = this.obj) === null || _4 === void 0 ? void 0 : _4.citation)) && h("ldf-heading", { path: this.path, doc: new Heading({ type: 'heading', metadata: { level: 3 }, value: [((_5 = this.obj.metadata) === null || _5 === void 0 ? void 0 : _5.omit_label) ? '' : this.obj.label], citation: this.obj.citation, source: this.obj.source }) }),
+          return (h("div", { lang: ((_1 = this.obj) === null || _1 === void 0 ? void 0 : _1.language) || 'en', class: `text ${((_2 = this.obj) === null || _2 === void 0 ? void 0 : _2.display_format) || 'default'}` },
+            ((((_3 = this.obj) === null || _3 === void 0 ? void 0 : _3.label) && !((_5 = (_4 = this.obj) === null || _4 === void 0 ? void 0 : _4.metadata) === null || _5 === void 0 ? void 0 : _5.omit_label)) || ((_6 = this.obj) === null || _6 === void 0 ? void 0 : _6.citation)) && h("ldf-heading", { path: this.path, doc: new Heading({ type: 'heading', metadata: { level: 3 }, value: [((_7 = this.obj.metadata) === null || _7 === void 0 ? void 0 : _7.omit_label) ? '' : this.obj.label], citation: this.obj.citation, source: this.obj.source }) }),
             compiledValue.map((prayer, prayerIndex) => {
               var _a, _b, _c, _d;
               return h("p", { class: "text-body", id: `${this.obj.uid || this.obj.slug}-prayerIndex` }, prayer === null || prayer === void 0 ? void 0 :
@@ -193,7 +208,8 @@ export class TextComponent {
   }; }
   static get states() { return {
     "obj": {},
-    "localeStrings": {}
+    "localeStrings": {},
+    "intentions": {}
   }; }
   static get events() { return [{
       "method": "ldfDocShouldChange",
@@ -215,7 +231,43 @@ export class TextComponent {
           }
         }
       }
+    }, {
+      "method": "ldfAskForPrayerList",
+      "name": "ldfAskForPrayerList",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": "Request prayer list for Prayers and Thanksgivings"
+      },
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      }
     }]; }
+  static get methods() { return {
+    "setPrayerList": {
+      "complexType": {
+        "signature": "(intentions: string[]) => Promise<void>",
+        "parameters": [{
+            "tags": [],
+            "text": ""
+          }],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "",
+        "tags": []
+      }
+    }
+  }; }
   static get elementRef() { return "element"; }
   static get watchers() { return [{
       "propName": "doc",

package/dist/collection/i18n/text.i18n.en.json

@@ -3,5 +3,6 @@
   "authorized_prayers": "Prayers and Thanksgivings",
   "label": "Label",
   "source": "Source",
-  "source_citation": "Citation"
+  "source_citation": "Citation",
+  "prayer-list": "Prayer List"
 }

package/dist/collection/i18n/text.i18n.es.json

@@ -1,3 +1,4 @@
 {
-  "amen": "Amén."
+  "amen": "Amén.",
+  "prayer-list": "Oraciones"
 }

package/dist/esm/{heading-cc5ffa8a.js → heading-c03fbe8b.js}

@@ -1,4 +1,4 @@
-import { L as LiturgicalDocument } from './book-31b8cdde.js';
+import { L as LiturgicalDocument } from './index-2e220677.js';
 
 const STYLES = ['text', 'day', 'date'];
 class Heading extends LiturgicalDocument {

package/dist/esm/{image-c6a3f0c5.js → image-a1336f0a.js}

@@ -1,4 +1,4 @@
-import { L as LiturgicalDocument } from './book-31b8cdde.js';
+import { L as LiturgicalDocument } from './index-2e220677.js';
 
 const STYLES = ['normal', 'slideshow', 'carousel'];
 /** Refrain represents a short text like the Gloria Patri, Hail Mary, or an Antiphon */

package/dist/esm/{book-31b8cdde.js → index-2e220677.js}

@@ -1,3 +1,5 @@
+import { c as createCommonjsModule } from './_commonjsHelpers-ba3f0406.js';
+
 // strip away everything but year, month, day
 function dateOnly(d) {
     d.setHours(0);
@@ -140,14 +142,17 @@ const TYPES = [
     'psalm',
     'meditation',
     'image',
-    'parallel',
 ];
 const LOOKUP_TYPES = ['lectionary', 'canticle', 'category', 'slug', 'collect'];
-const DISPLAY_FORMATS = ['default', 'omit', 'unison', 'abbreviated', 'force_dropcap'];
+const DISPLAY_FORMATS = ['default', 'omit', 'unison', 'abbreviated'];
 /** Represents a liturgy of any scope and concreteness, from a complete bullletin to a single prayer. */
 class LiturgicalDocument {
     //** Constructor takes a Javascript object containing the class's properties */
     constructor(data = {}) {
+        /** Marks a document hidden, so it will not display but will not be deleted
+         * Typically used to a hide a subdocument within a larger liturgy without removing it entirely from the structure,
+         * making it easier to restore or toggle on and off */
+        this.hidden = false;
         Object.assign(this, data);
     }
     /** Evaluates the full set of conditions attached to the document and returns a boolean of whether it should be included
@@ -279,4 +284,93 @@ var Book;
     Book["Bel"] = "Bel";
 })(Book || (Book = {}));
 
+createCommonjsModule(function (module, exports) {
+// Reference: https://www.geeksforgeeks.org/jaro-and-jaro-winkler-similarity/
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.jaroWinkler = exports.jaro = void 0;
+/**
+ *
+ * @param str1 String 1 for compare
+ * @param str2 String 2 for compare
+ * @param options to control case sensitive or not
+ */
+function jaro(str1, str2, options) {
+    // Exit early if either are empty.
+    if (str1.length === 0 || str2.length === 0) {
+        return 0;
+    }
+    // Convert to upper if case-sensitive is false.
+    if (options && !options.caseSensitive) {
+        str1 = str1.toUpperCase();
+        str2 = str2.toUpperCase();
+    }
+    // Exact match
+    if (str1 === str2) {
+        return 1;
+    }
+    // Number of matches
+    var m = 0;
+    // Length of two Strings
+    var len1 = str1.length;
+    var len2 = str2.length;
+    // Maximum distance
+    var window = Math.floor(Math.max(len1, len2) / 2) - 1;
+    // Hash for matches
+    var str1Hash = new Array(len1);
+    var str2Hash = new Array(len2);
+    for (var i = 0; i < len1; i++) {
+        for (var j = Math.max(0, i - window); j <= Math.min(len2, i + window + 1); j++) {
+            if (!str1Hash[i] && !str2Hash[j] && str1[i] === str2[j]) {
+                ++m;
+                str1Hash[i] = str2Hash[j] = true;
+                break;
+            }
+        }
+    }
+    // Exit early if no matches were found.
+    if (m === 0) {
+        return 0;
+    }
+    // Count the transpositions.
+    var t = 0;
+    var point = 0;
+    for (var i = 0; i < len1; i++) {
+        if (str1Hash[i]) {
+            while (!str2Hash[point]) {
+                point++;
+            }
+            if (str1.charAt(i) !== str2.charAt(point++)) {
+                t++;
+            }
+        }
+    }
+    t /= 2;
+    return (m / len1 + m / len2 + (m - t) / m) / 3;
+}
+exports.jaro = jaro;
+/**
+ *
+ * @param str1 String 1 for compare
+ * @param str2 String 2 for compare
+ * @param options to control case sensitive or not
+ */
+function jaroWinkler(str1, str2, options) {
+    // Jaro Distance
+    var jaroDist = jaro(str1, str2, options);
+    // Same prefix length, maxium is 4
+    var prefix = 0;
+    if (jaroDist > 0.7) {
+        var minIndex = Math.min(str1.length, str2.length);
+        var i = 0;
+        while (str1[i] === str2[i] && i < 4 && i < minIndex) {
+            ++prefix;
+            i++;
+        }
+        jaroDist += 0.1 * prefix * (1 - jaroDist);
+    }
+    return jaroDist;
+}
+exports.jaroWinkler = jaroWinkler;
+});
+
 export { Condition as C, LiturgicalDocument as L, Responsive as R, dateOnly as a, dateFromYMDString as d };

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

@@ -3,10 +3,11 @@ import { g as getIonMode$1, i as isPlatform, c as config } from './ionic-global-
 import { h as hasShadowDom, c as clamp, d as debounceEvent, r as raf } from './helpers-8c93393b.js';
 import { o as openURL, c as createColorClasses$1, h as hostContext } from './theme-74c22054.js';
 import { p as popoverController } from './overlays-06b43b65.js';
-import './book-31b8cdde.js';
-import { C as Change } from './change-ea574d32.js';
+import './index-2e220677.js';
+import { C as Change } from './change-b077b77c.js';
 import { g as getComponentClosestLanguage } from './locale-ec8e14e6.js';
 import './hardware-back-button-b3b61715.js';
+import './_commonjsHelpers-ba3f0406.js';
 
 const buttonIosCss = ":host{--overflow:hidden;--ripple-color:currentColor;--border-width:initial;--border-color:initial;--border-style:initial;--color-activated:var(--color);--color-focused:var(--color);--color-hover:var(--color);--box-shadow:none;display:inline-block;width:auto;color:var(--color);font-family:var(--ion-font-family, inherit);text-align:center;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;user-select:none;vertical-align:top;vertical-align:-webkit-baseline-middle;pointer-events:auto;font-kerning:none}:host(.button-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.button-solid){--background:var(--ion-color-primary, #3880ff);--color:var(--ion-color-primary-contrast, #fff)}:host(.button-outline){--border-color:var(--ion-color-primary, #3880ff);--background:transparent;--color:var(--ion-color-primary, #3880ff)}:host(.button-clear){--border-width:0;--background:transparent;--color:var(--ion-color-primary, #3880ff)}:host(.button-block){display:block}:host(.button-block) .button-native{margin-left:0;margin-right:0;display:block;width:100%;clear:both;contain:content}:host(.button-block) .button-native::after{clear:both}:host(.button-full){display:block}:host(.button-full) .button-native{margin-left:0;margin-right:0;display:block;width:100%;contain:content}:host(.button-full:not(.button-round)) .button-native{border-radius:0;border-right-width:0;border-left-width:0}.button-native{border-radius:var(--border-radius);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;display:block;position:relative;width:100%;height:100%;transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);outline:none;background:var(--background);line-height:1;box-shadow:var(--box-shadow);contain:layout style;cursor:pointer;opacity:var(--opacity);overflow:var(--overflow);z-index:0;box-sizing:border-box;appearance:none}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){.button-native{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}.button-native::-moz-focus-inner{border:0}.button-inner{display:flex;position:relative;flex-flow:row nowrap;flex-shrink:0;align-items:center;justify-content:center;width:100%;height:100%;z-index:1}::slotted(ion-icon){font-size:1.4em;pointer-events:none}::slotted(ion-icon[slot=start]){margin-left:-0.3em;margin-right:0.3em;margin-top:0;margin-bottom:0}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){::slotted(ion-icon[slot=start]){margin-left:unset;margin-right:unset;-webkit-margin-start:-0.3em;margin-inline-start:-0.3em;-webkit-margin-end:0.3em;margin-inline-end:0.3em}}::slotted(ion-icon[slot=end]){margin-left:0.3em;margin-right:-0.2em;margin-top:0;margin-bottom:0}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){::slotted(ion-icon[slot=end]){margin-left:unset;margin-right:unset;-webkit-margin-start:0.3em;margin-inline-start:0.3em;-webkit-margin-end:-0.2em;margin-inline-end:-0.2em}}::slotted(ion-icon[slot=icon-only]){font-size:1.8em}ion-ripple-effect{color:var(--ripple-color)}.button-native::after{left:0;right:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0}:host(.ion-activated){color:var(--color-activated)}:host(.ion-activated) .button-native::after{background:var(--background-activated);opacity:var(--background-activated-opacity)}:host(.ion-focused){color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}@media (any-hover: hover){:host(:hover){color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}}:host(.button-solid.ion-color) .button-native{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.button-outline.ion-color) .button-native{border-color:var(--ion-color-base);background:transparent;color:var(--ion-color-base)}:host(.button-clear.ion-color) .button-native{background:transparent;color:var(--ion-color-base)}:host(.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{color:var(--ion-toolbar-color, var(--color))}:host(.button-outline.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{border-color:var(--ion-toolbar-color, var(--color, var(--border-color)))}:host(.button-solid.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{background:var(--ion-toolbar-color, var(--background));color:var(--ion-toolbar-background, var(--color))}:host{--border-radius:10px;--padding-top:0;--padding-bottom:0;--padding-start:1em;--padding-end:1em;--transition:background-color, opacity 100ms linear;margin-left:2px;margin-right:2px;margin-top:4px;margin-bottom:4px;height:2.8em;font-size:16px;font-weight:500;letter-spacing:-0.03em}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host{margin-left:unset;margin-right:unset;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:2px;margin-inline-end:2px}}:host(.button-solid){--background-activated:var(--ion-color-primary-shade, #3171e0);--background-focused:var(--ion-color-primary-shade, #3171e0);--background-hover:var(--ion-color-primary-tint, #4c8dff);--background-activated-opacity:1;--background-focused-opacity:1;--background-hover-opacity:1}:host(.button-outline){--border-radius:10px;--border-width:1px;--border-style:solid;--background-activated:var(--ion-color-primary, #3880ff);--background-focused:var(--ion-color-primary, #3880ff);--background-hover:transparent;--background-focused-opacity:.1;--color-activated:var(--ion-color-primary-contrast, #fff)}:host(.button-clear){--background-activated:transparent;--background-focused:var(--ion-color-primary, #3880ff);--background-hover:transparent;--background-focused-opacity:.1;font-size:17px;font-weight:normal;letter-spacing:0}:host(.button-large){--border-radius:12px;--padding-top:0;--padding-start:1em;--padding-end:1em;--padding-bottom:0;height:2.8em;font-size:20px}:host(.button-small){--border-radius:6px;--padding-top:0;--padding-start:0.9em;--padding-end:0.9em;--padding-bottom:0;height:2.1em;font-size:13px}:host(.button-round){--border-radius:64px;--padding-top:0;--padding-start:26px;--padding-end:26px;--padding-bottom:0}:host(.button-strong){font-weight:600}:host(.button-clear.ion-activated){opacity:0.4}:host(.button-outline.ion-activated.ion-color) .button-native{color:var(--ion-color-contrast)}:host(.button-outline.ion-activated.ion-color) .button-native::after{background:var(--ion-color-base)}:host(.button-solid.ion-color.ion-activated) .button-native::after{background:var(--ion-color-shade)}:host(.button-outline.ion-focused.ion-color) .button-native,:host(.button-clear.ion-focused.ion-color) .button-native{color:var(--ion-color-base)}:host(.button-outline.ion-focused.ion-color) .button-native::after,:host(.button-clear.ion-focused.ion-color) .button-native::after{background:var(--ion-color-base)}:host(.button-solid.ion-color.ion-focused) .button-native::after{background:var(--ion-color-shade)}@media (any-hover: hover){:host(.button-clear:hover),:host(.button-outline:hover){opacity:0.6}:host(.button-clear.ion-color:hover) .button-native,:host(.button-outline.ion-color:hover) .button-native{color:var(--ion-color-base)}:host(.button-clear.ion-color:hover) .button-native::after,:host(.button-outline.ion-color:hover) .button-native::after{background:transparent}:host(.button-solid.ion-color:hover) .button-native::after{background:var(--ion-color-tint)}:host(:hover.button-solid.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native::after{background:#fff;opacity:0.1}}";
 

package/dist/esm/ion-card-content_6.entry.js

@@ -2,11 +2,12 @@ import { r as registerInstance, h, H as Host, f as forceUpdate, c as createEvent
 import { g as getIonMode } from './ionic-global-ef89a0a5.js';
 import { c as createColorClasses } from './theme-74c22054.js';
 import { f as alertController } from './overlays-06b43b65.js';
-import './book-31b8cdde.js';
-import { R as Refrain } from './refrain-75a412cb.js';
-import { C as Change } from './change-ea574d32.js';
+import './index-2e220677.js';
+import { R as Refrain } from './refrain-9b9f05cc.js';
+import { C as Change } from './change-b077b77c.js';
 import { g as getComponentClosestLanguage } from './locale-ec8e14e6.js';
 import './hardware-back-button-b3b61715.js';
+import './_commonjsHelpers-ba3f0406.js';
 
 const cardContentIosCss = "ion-card-content{display:block;position:relative}.card-content-ios{padding-left:20px;padding-right:20px;padding-top:20px;padding-bottom:20px;font-size:16px;line-height:1.4}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){.card-content-ios{padding-left:unset;padding-right:unset;-webkit-padding-start:20px;padding-inline-start:20px;-webkit-padding-end:20px;padding-inline-end:20px}}.card-content-ios h1{margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:24px;font-weight:normal}.card-content-ios h2{margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;font-size:16px;font-weight:normal}.card-content-ios h3,.card-content-ios h4,.card-content-ios h5,.card-content-ios h6{margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;font-size:14px;font-weight:normal}.card-content-ios p{margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:14px}ion-card-header+.card-content-ios{padding-top:0}";
 

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

@@ -2,10 +2,11 @@ import { r as registerInstance, c as createEvent, h, H as Host, a as getElement
 import { g as getIonMode } from './ionic-global-ef89a0a5.js';
 import { f as findItemLabel, b as renderHiddenInput } from './helpers-8c93393b.js';
 import { c as createColorClasses, h as hostContext } from './theme-74c22054.js';
-import './book-31b8cdde.js';
-import { C as Change } from './change-ea574d32.js';
+import './index-2e220677.js';
+import { C as Change } from './change-b077b77c.js';
 import { f as alertController } from './overlays-06b43b65.js';
 import { g as getComponentClosestLanguage } from './locale-ec8e14e6.js';
+import './_commonjsHelpers-ba3f0406.js';
 import './hardware-back-button-b3b61715.js';
 
 const checkboxIosCss = ":host{--background-checked:var(--ion-color-primary, #3880ff);--border-color-checked:var(--ion-color-primary, #3880ff);--checkmark-color:var(--ion-color-primary-contrast, #fff);--checkmark-width:1;--transition:none;display:inline-block;position:relative;user-select:none;z-index:2}:host(.ion-color){--background-checked:var(--ion-color-base);--border-color-checked:var(--ion-color-base);--checkmark-color:var(--ion-color-contrast)}button{left:0;top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;appearance:none;outline:none}[dir=rtl] button,:host-context([dir=rtl]) button{left:unset;right:unset;right:0}button::-moz-focus-inner{border:0}.checkbox-icon{border-radius:var(--border-radius);display:block;position:relative;width:100%;height:100%;transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);box-sizing:border-box}.checkbox-icon path{fill:none;stroke:var(--checkmark-color);stroke-width:var(--checkmark-width);opacity:0}:host(.checkbox-checked) .checkbox-icon,:host(.checkbox-indeterminate) .checkbox-icon{border-color:var(--border-color-checked);background:var(--background-checked)}:host(.checkbox-checked) .checkbox-icon path,:host(.checkbox-indeterminate) .checkbox-icon path{opacity:1}:host(.checkbox-disabled){pointer-events:none}:host{--border-radius:50%;--border-width:1px;--border-style:solid;--border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.23);--background:var(--ion-item-background, var(--ion-background-color, #fff));--size:26px;width:var(--size);height:var(--size)}:host(.checkbox-disabled){opacity:0.3}:host(.in-item){margin-left:0;margin-right:8px;margin-top:10px;margin-bottom:9px;display:block;position:static}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host(.in-item){margin-left:unset;margin-right:unset;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:8px;margin-inline-end:8px}}:host(.in-item[slot=start]){margin-left:2px;margin-right:20px;margin-top:8px;margin-bottom:8px}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host(.in-item[slot=start]){margin-left:unset;margin-right:unset;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:20px;margin-inline-end:20px}}";

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

@@ -3,9 +3,9 @@ import { g as getIonMode } from './ionic-global-ef89a0a5.js';
 import { d as debounceEvent, f as findItemLabel } from './helpers-8c93393b.js';
 import { c as createColorClasses } from './theme-74c22054.js';
 import { D as Debounce } from './index-f08f6130.js';
-import './book-31b8cdde.js';
-import { C as Cursor } from './cursor-0e47f111.js';
-import { C as Change } from './change-ea574d32.js';
+import './index-2e220677.js';
+import { C as Cursor } from './cursor-cb97384b.js';
+import { C as Change } from './change-b077b77c.js';
 import { c as createCommonjsModule } from './_commonjsHelpers-ba3f0406.js';
 import { g as getComponentClosestLanguage } from './locale-ec8e14e6.js';
 

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

@@ -3,15 +3,15 @@ import { c as config, g as getIonMode } from './ionic-global-ef89a0a5.js';
 import { p as pointerCoord } from './helpers-8c93393b.js';
 import { c as createColorClasses, h as hostContext } from './theme-74c22054.js';
 import { f as alertController, l as loadingController, m as modalController, t as toastController } from './overlays-06b43b65.js';
-import { R as Responsive, L as LiturgicalDocument, d as dateFromYMDString } from './book-31b8cdde.js';
-import { B as BibleReading, L as Liturgy, M as Meditation, P as Psalm, R as ResponsivePrayer, a as Rubric } from './rubric-54f45eb5.js';
-import { H as Heading } from './heading-cc5ffa8a.js';
-import { v as versionToString, O as Option } from './option-c16af13a.js';
-import { C as Change } from './change-ea574d32.js';
+import { R as Responsive, L as LiturgicalDocument, d as dateFromYMDString } from './index-2e220677.js';
+import { B as BibleReading, L as Liturgy, M as Meditation, P as Psalm, R as ResponsivePrayer, a as Rubric } from './rubric-0d2b870d.js';
+import { H as Heading } from './heading-c03fbe8b.js';
+import { v as versionToString, O as Option } from './option-e130a4b2.js';
+import { C as Change } from './change-b077b77c.js';
 import { g as getComponentClosestLanguage } from './locale-ec8e14e6.js';
-import { I as Image } from './image-c6a3f0c5.js';
+import { I as Image } from './image-a1336f0a.js';
 import { D as Debounce } from './index-f08f6130.js';
-import { R as Refrain } from './refrain-75a412cb.js';
+import { R as Refrain } from './refrain-9b9f05cc.js';
 import './hardware-back-button-b3b61715.js';
 import './_commonjsHelpers-ba3f0406.js';
 

package/dist/esm/ldf-day-name_5.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, h, H as Host, a as getElement, c as createEvent } from './index-f0f6a379.js';
-import { d as dateFromYMDString, a as dateOnly } from './book-31b8cdde.js';
-import { T as Text } from './text-ed75fbd4.js';
+import { d as dateFromYMDString, a as dateOnly } from './index-2e220677.js';
+import { T as Text } from './text-801eb7de.js';
 import { g as getComponentClosestLanguage } from './locale-ec8e14e6.js';
-import { H as Heading } from './heading-cc5ffa8a.js';
+import { H as Heading } from './heading-c03fbe8b.js';
 import { c as createCommonjsModule, a as commonjsGlobal } from './_commonjsHelpers-ba3f0406.js';
 import { m as modalController } from './overlays-06b43b65.js';
 import './ionic-global-ef89a0a5.js';
@@ -61,7 +61,7 @@ class LiturgicalDay {
             propers = slug;
         }
         const color = observed.color || this.color, collect = observed.collect || this.collect, season = observed.season || this.season, octave = (_d = (_c = (this.holy_days || [])) === null || _c === void 0 ? void 0 : _c.concat(holydays)) === null || _d === void 0 ? void 0 : _d.map((holyday) => holyday.octave).filter((octave) => Boolean(octave)).reduce((acc, curr) => (acc ? acc : curr || acc), undefined);
-        return new LiturgicalDay(Object.assign(Object.assign({}, this), { slug, propers: holy_day_is_observed && holy_day_rank > 2 ? (observed === null || observed === void 0 ? void 0 : observed.propers) || (observed === null || observed === void 0 ? void 0 : observed.slug) : propers, color,
+        return new LiturgicalDay(Object.assign(Object.assign({}, this), { slug, propers: holy_day_is_observed && holy_day_rank > 2 ? observed === null || observed === void 0 ? void 0 : observed.slug : propers, color,
             season,
             octave,
             collect, holy_days: (this.holy_days || new Array()).concat(holydays), holy_day_observed: holy_day_is_observed ? observed : this.holy_day_observed }));
@@ -476,9 +476,9 @@ const StringComponent = class {
     if (firstChunk) {
       const splitTest = (firstChunk || '').split(/[\s.!?\\]/);
       const firstWord = splitTest ? splitTest[0] : '', re = firstWord.length > 2
-        ? /^ ?([\"\'“”‘’\!\?\[\]\(\)\,\w\u0590-\u05ff\u0370-\u03ff])([\w\u0590-\u05ff\u0370-\u03ff\,]*)/
-        : /^ ?([\"\'“”‘’\!\?\[\]\(\)\,\w\u0590-\u05ff\u0370-\u03ff])([\w\u0590-\u05ff\u0370-\u03ff\,]*[\s.!?]*[\w\u0590-\u05ff\u0370-\u03ff]*)/, reIncludingPunctuation = ((_a = firstWord[0]) === null || _a === void 0 ? void 0 : _a.match(/[\"\'“”‘’\!\?\[\]\(\)]/))
-        ? /^ ?([\"\'“”‘’\!\?\[\]\(\)\,\w\u0590-\u05ff\u0370-\u03ff]{2})\s*([\w\u0590-\u05ff\u0370-\u03ff]*)/
+        ? /^ ?([\"\'“”‘’\!\?\[\]\(\)\,\wñáéíóú\u0590-\u05ff\u0370-\u03ff])([\wñáéíóú\u0590-\u05ff\u0370-\u03ff\,]*)/
+        : /^ ?([\"\'“”‘’\!\?\[\]\(\)\,\wñáéíóú\u0590-\u05ff\u0370-\u03ff])([\wñáéíóú\u0590-\u05ff\u0370-\u03ff\,]*[\s.!?]*[\wñáéíóú\u0590-\u05ff\u0370-\u03ff]*)/, reIncludingPunctuation = ((_a = firstWord[0]) === null || _a === void 0 ? void 0 : _a.match(/[\"\'“”‘’\!\?\[\]\(\)]/))
+        ? /^ ?([\"\'“”‘’\!\?\[\]\(\)\,\wñáéíóú\u0590-\u05ff\u0370-\u03ff]{2})\s*([\wñáéíóú\u0590-\u05ff\u0370-\u03ff]*)/
         : re, buffer = firstWord.length == 1, split = firstChunk.split(reIncludingPunctuation).filter(s => s !== ''), [match1, match2, nextWord] = split;
       final = new Array(h("span", { class: 'firstword' }, h("span", { class: buffer ? `drop buffered-drop drop-${match1}` : `drop drop-${match1}` }, match1), this.maintainCasing(match2) ? match2 : match2 === null || match2 === void 0 ? void 0 : match2.toLowerCase()))
         .concat(nextWord)
@@ -5552,15 +5552,17 @@ const EN = {
 	authorized_prayers: authorized_prayers,
 	label: label,
 	source: source,
-	source_citation: source_citation
+	source_citation: source_citation,
+	"prayer-list": "Prayer List"
 };
 
 const amen = "Amén.";
 const ES = {
-	amen: amen
+	amen: amen,
+	"prayer-list": "Oraciones"
 };
 
-const textCss = "ldf-label-bar.sc-ldf-text{min-height:0}p.sc-ldf-text{font-family:var(--ldf-font-face);text-align:var(--ldf-text-align);text-justify:inter-character}li.sc-ldf-text,h1.sc-ldf-text,h2.sc-ldf-text,h3.sc-ldf-text,h4.sc-ldf-text,h5.sc-ldf-text,h6.sc-ldf-text,ol.sc-ldf-text,span.sc-ldf-text,em.sc-ldf-text,strong.sc-ldf-text{font-family:var(--ldf-font-face)}.response.sc-ldf-text{font-weight:var(--ldf-response-font-weight);font-style:var(--ldf-response-font-style)}.text.omit.sc-ldf-text .text-body.sc-ldf-text{display:none}.text.editable.omit.sc-ldf-text .text-body.sc-ldf-text{display:block}.text.unison.sc-ldf-text .text-body.sc-ldf-text{font-weight:var(--ldf-unison-font-weight);font-style:var(--ldf-unison-font-style)}h3.editable-label.sc-ldf-text{text-align:var(--ldf-h3-text-align);font-weight:var(--ldf-h3-font-weight);font-style:var(--ldf-h3-font-style);font-variant:var(--ldf-h3-font-variant);font-size:var(--ldf-h3-font-size);text-transform:var(--ldf-h3-text-transform)}";
+const textCss = "ldf-label-bar.sc-ldf-text{min-height:0}p.sc-ldf-text{font-family:var(--ldf-font-face);text-align:var(--ldf-text-align);text-justify:inter-character}li.sc-ldf-text,h1.sc-ldf-text,h2.sc-ldf-text,h3.sc-ldf-text,h4.sc-ldf-text,h5.sc-ldf-text,h6.sc-ldf-text,ol.sc-ldf-text,span.sc-ldf-text,em.sc-ldf-text,strong.sc-ldf-text{font-family:var(--ldf-font-face)}.response.sc-ldf-text{font-weight:var(--ldf-response-font-weight);font-style:var(--ldf-response-font-style)}.text.omit.sc-ldf-text .text-body.sc-ldf-text{display:none}.text.editable.omit.sc-ldf-text .text-body.sc-ldf-text{display:block}.text.unison.sc-ldf-text .text-body.sc-ldf-text{font-weight:var(--ldf-unison-font-weight);font-style:var(--ldf-unison-font-style)}h3.editable-label.sc-ldf-text{text-align:var(--ldf-h3-text-align);font-weight:var(--ldf-h3-font-weight);font-style:var(--ldf-h3-font-style);font-variant:var(--ldf-h3-font-variant);font-size:var(--ldf-h3-font-size);text-transform:var(--ldf-h3-text-transform)}.prayer-list.sc-ldf-text{display:block;margin:0;padding:0;text-align:center}.prayer-list.sc-ldf-text li.sc-ldf-text{list-style-type:none;text-align:center;margin:0.5em 0;padding:0}";
 
 const LOCALE = {
   'en': EN,
@@ -5570,8 +5572,16 @@ const TextComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.ldfDocShouldChange = createEvent(this, "ldfDocShouldChange", 7);
+    this.ldfAskForPrayerList = createEvent(this, "ldfAskForPrayerList", 7);
+    // prayer list for authorized prayers
+    this.intentions = [];
+  }
+  async setPrayerList(intentions) {
+    console.log("(PrayerList) setPrayerList", intentions);
+    this.intentions = intentions;
   }
   docChanged(newDoc) {
+    var _a;
     try {
       if (typeof newDoc == 'string') {
         this.obj = new Text(JSON.parse(newDoc));
@@ -5579,6 +5589,10 @@ const TextComponent = class {
       else {
         this.obj = new Text(newDoc);
       }
+      if (((_a = this.obj) === null || _a === void 0 ? void 0 : _a.style) == "authorized-prayers") {
+        console.log("(PrayerList) ldfAskForPrayerList");
+        this.ldfAskForPrayerList.emit(true);
+      }
     }
     catch (e) {
       console.warn(e);
@@ -5622,37 +5636,37 @@ const TextComponent = class {
   }
   // Render
   render() {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7;
     const localeStrings = this.localeStrings || {};
     /** `authorized-prayer` type */
     if (((_a = this.obj) === null || _a === void 0 ? void 0 : _a.style) === 'authorized-prayers') {
       const splits = this.path.split('/'), index = Number(splits[splits.length - 1]), base = splits.slice(0, splits.length - 1).join('/');
-      return h("ldf-label-bar", null, h("ion-button", { onClick: () => this.addPAndT(base, index), fill: "clear" }, localeStrings.authorized_prayers));
+      return h(Host, null, h("ldf-label-bar", null, h("ion-button", { onClick: () => this.addPAndT(base, index), fill: "clear" }, localeStrings.authorized_prayers)), (_c = ((_b = this.intentions) === null || _b === void 0 ? void 0 : _b.length) > 0) !== null && _c !== void 0 ? _c : h("strong", { class: "prayer-list" }, localeStrings['prayer-list']), h("ul", { class: "prayer-list" }, (this.intentions || []).map(intention => h("li", null, intention))));
     }
     else {
-      let value = ((_c = (_b = this.obj) === null || _b === void 0 ? void 0 : _b.metadata) === null || _c === void 0 ? void 0 : _c.rollup)
-        ? (((_d = this.obj) === null || _d === void 0 ? void 0 : _d.value) || []).map(s => s.replace(/\s+/g, ' '))
-        : (((_e = this.obj) === null || _e === void 0 ? void 0 : _e.value) || []);
+      let value = ((_e = (_d = this.obj) === null || _d === void 0 ? void 0 : _d.metadata) === null || _e === void 0 ? void 0 : _e.rollup)
+        ? (((_f = this.obj) === null || _f === void 0 ? void 0 : _f.value) || []).map(s => s.replace(/\s+/g, ' '))
+        : (((_g = this.obj) === null || _g === void 0 ? void 0 : _g.value) || []);
       let compiledValue = value.map(s => {
         return s.split(/([\*\w\n\s,:;\.\-–—'“☩✠”‘’\!\?”\[\]\%\(\)\/\u0041-\u024F]+([^\*\w\n\s,;:\.'“”☩✠‘’”\-–—\!\?\[\]\%\(\)\/\u0041-\u024F]))/g);
       });
-      if (!this.editable && ((_f = this.obj) === null || _f === void 0 ? void 0 : _f.display_format) === 'abbreviated') {
+      if (!this.editable && ((_h = this.obj) === null || _h === void 0 ? void 0 : _h.display_format) === 'abbreviated') {
         const firstSection = compiledValue[0], lastSection = compiledValue[compiledValue.length - 1];
         const firstChunk = this.truncate(firstSection[0]), lastChunk = this.truncate(lastSection[lastSection.length - 1], true);
         compiledValue = [[firstChunk], [lastChunk]];
       }
       if (this.editable) {
-        return (h(Host, { lang: this.obj.language }, h("ldf-label-bar", null, h("slot", { slot: 'end', name: 'controls' })), !this.editable && h("ldf-heading", { path: `${this.path}/label`, doc: new Heading({ type: 'heading', metadata: { level: 3 }, value: [this.obj.label], citation: this.obj.citation, source: this.obj.source }) }), this.editable && h("ldf-label-bar", null, !((_h = (_g = this.obj) === null || _g === void 0 ? void 0 : _g.metadata) === null || _h === void 0 ? void 0 : _h.omit_label) && h("h3", { class: "editable-label", slot: "start" }, h("ldf-editable-text", { id: `${this.obj.uid || this.obj.slug}-label`, text: (_j = this.obj) === null || _j === void 0 ? void 0 : _j.label, placeholder: localeStrings.label, path: `${this.path}/label` })), h("ldf-editable-text", { slot: "end", id: "source-source", text: (_l = (_k = this.obj) === null || _k === void 0 ? void 0 : _k.source) === null || _l === void 0 ? void 0 : _l.source, path: `${this.path}/source/source`, placeholder: (_m = this.localeStrings) === null || _m === void 0 ? void 0 : _m.source }), h("ldf-editable-text", { slot: "end", id: "source-citation", text: (_p = (_o = this.obj) === null || _o === void 0 ? void 0 : _o.source) === null || _p === void 0 ? void 0 : _p.citation, path: `${this.path}/source/citation`, placeholder: (_q = this.localeStrings) === null || _q === void 0 ? void 0 : _q.source_citation })), h("div", { class: `text ${this.editable ? 'editable' : ''} ${((_r = this.obj) === null || _r === void 0 ? void 0 : _r.display_format) || 'default'}` }, this.obj.value.map((prayer, prayerIndex) => h("ldf-editable-text", { id: `${this.obj.uid || this.obj.slug}-${prayerIndex}`, text: prayer, path: `${this.path}/value/${prayerIndex}` })), (((_s = this.obj) === null || _s === void 0 ? void 0 : _s.style) === 'prayer' || (((_u = (_t = this.obj) === null || _t === void 0 ? void 0 : _t.metadata) === null || _u === void 0 ? void 0 : _u.response) && !((_w = (_v = this.obj) === null || _v === void 0 ? void 0 : _v.metadata) === null || _w === void 0 ? void 0 : _w.omit_response))) && h("span", { class: 'response' }, h("ldf-editable-text", { id: `${this.obj.uid || this.obj.slug}-response`, text: this.obj.metadata && this.obj.metadata.response, path: `${this.path}/response`, placeholder: localeStrings.amen })))));
+        return (h(Host, { lang: this.obj.language }, h("ldf-label-bar", null, h("slot", { slot: 'end', name: 'controls' })), !this.editable && h("ldf-heading", { path: `${this.path}/label`, doc: new Heading({ type: 'heading', metadata: { level: 3 }, value: [this.obj.label], citation: this.obj.citation, source: this.obj.source }) }), this.editable && h("ldf-label-bar", null, !((_k = (_j = this.obj) === null || _j === void 0 ? void 0 : _j.metadata) === null || _k === void 0 ? void 0 : _k.omit_label) && h("h3", { class: "editable-label", slot: "start" }, h("ldf-editable-text", { id: `${this.obj.uid || this.obj.slug}-label`, text: (_l = this.obj) === null || _l === void 0 ? void 0 : _l.label, placeholder: localeStrings.label, path: `${this.path}/label` })), h("ldf-editable-text", { slot: "end", id: "source-source", text: (_o = (_m = this.obj) === null || _m === void 0 ? void 0 : _m.source) === null || _o === void 0 ? void 0 : _o.source, path: `${this.path}/source/source`, placeholder: (_p = this.localeStrings) === null || _p === void 0 ? void 0 : _p.source }), h("ldf-editable-text", { slot: "end", id: "source-citation", text: (_r = (_q = this.obj) === null || _q === void 0 ? void 0 : _q.source) === null || _r === void 0 ? void 0 : _r.citation, path: `${this.path}/source/citation`, placeholder: (_s = this.localeStrings) === null || _s === void 0 ? void 0 : _s.source_citation })), h("div", { class: `text ${this.editable ? 'editable' : ''} ${((_t = this.obj) === null || _t === void 0 ? void 0 : _t.display_format) || 'default'}` }, this.obj.value.map((prayer, prayerIndex) => h("ldf-editable-text", { id: `${this.obj.uid || this.obj.slug}-${prayerIndex}`, text: prayer, path: `${this.path}/value/${prayerIndex}` })), (((_u = this.obj) === null || _u === void 0 ? void 0 : _u.style) === 'prayer' || (((_w = (_v = this.obj) === null || _v === void 0 ? void 0 : _v.metadata) === null || _w === void 0 ? void 0 : _w.response) && !((_y = (_x = this.obj) === null || _x === void 0 ? void 0 : _x.metadata) === null || _y === void 0 ? void 0 : _y.omit_response))) && h("span", { class: 'response' }, h("ldf-editable-text", { id: `${this.obj.uid || this.obj.slug}-response`, text: this.obj.metadata && this.obj.metadata.response, path: `${this.path}/response`, placeholder: localeStrings.amen })))));
       }
       else {
         /** `markdown` types */
-        if (((_x = this.obj) === null || _x === void 0 ? void 0 : _x.style) === 'markdown') {
+        if (((_z = this.obj) === null || _z === void 0 ? void 0 : _z.style) === 'markdown') {
           const converter = new showdown.Converter();
-          return (((_y = this.obj) === null || _y === void 0 ? void 0 : _y.value) || []).map(value => h("div", { innerHTML: converter.makeHtml(value) }));
+          return (((_0 = this.obj) === null || _0 === void 0 ? void 0 : _0.value) || []).map(value => h("div", { innerHTML: converter.makeHtml(value) }));
         }
         /** `text` and `prayer` types */
         else {
-          return (h("div", { lang: ((_z = this.obj) === null || _z === void 0 ? void 0 : _z.language) || 'en', class: `text ${((_0 = this.obj) === null || _0 === void 0 ? void 0 : _0.display_format) || 'default'}` }, ((((_1 = this.obj) === null || _1 === void 0 ? void 0 : _1.label) && !((_3 = (_2 = this.obj) === null || _2 === void 0 ? void 0 : _2.metadata) === null || _3 === void 0 ? void 0 : _3.omit_label)) || ((_4 = this.obj) === null || _4 === void 0 ? void 0 : _4.citation)) && h("ldf-heading", { path: this.path, doc: new Heading({ type: 'heading', metadata: { level: 3 }, value: [((_5 = this.obj.metadata) === null || _5 === void 0 ? void 0 : _5.omit_label) ? '' : this.obj.label], citation: this.obj.citation, source: this.obj.source }) }), compiledValue.map((prayer, prayerIndex) => {
+          return (h("div", { lang: ((_1 = this.obj) === null || _1 === void 0 ? void 0 : _1.language) || 'en', class: `text ${((_2 = this.obj) === null || _2 === void 0 ? void 0 : _2.display_format) || 'default'}` }, ((((_3 = this.obj) === null || _3 === void 0 ? void 0 : _3.label) && !((_5 = (_4 = this.obj) === null || _4 === void 0 ? void 0 : _4.metadata) === null || _5 === void 0 ? void 0 : _5.omit_label)) || ((_6 = this.obj) === null || _6 === void 0 ? void 0 : _6.citation)) && h("ldf-heading", { path: this.path, doc: new Heading({ type: 'heading', metadata: { level: 3 }, value: [((_7 = this.obj.metadata) === null || _7 === void 0 ? void 0 : _7.omit_label) ? '' : this.obj.label], citation: this.obj.citation, source: this.obj.source }) }), compiledValue.map((prayer, prayerIndex) => {
             var _a, _b, _c, _d;
             return h("p", { class: "text-body", id: `${this.obj.uid || this.obj.slug}-prayerIndex` }, prayer === null || prayer === void 0 ? void 0 :
               prayer.map((chunk, chunkIndex) => {