@venite/components 0.16.17 → 0.16.21

package/dist/cjs/{specific-class-36a74859.js → specific-class-071762e7.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-const rubric = require('./rubric-9cc04cb0.js');
-const heading = require('./heading-5afc2b24.js');
-const option = require('./option-a078d432.js');
-const refrain = require('./refrain-91fb446b.js');
-const text = require('./text-5edb80f3.js');
+const rubric = require('./rubric-ad2f926f.js');
+const heading = require('./heading-fae3ce98.js');
+const option = require('./option-6fb78f5c.js');
+const refrain = require('./refrain-f51fd88d.js');
+const text = require('./text-8d8d32e7.js');
 
 /** Transforms a generic `LiturgicalDocument` (either a class instance or an `Object` that matches the type),
  * into an instance of a more-specific inherited class */

package/dist/cjs/{text-5edb80f3.js → text-8d8d32e7.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-const book = require('./book-1a92678a.js');
+const index = require('./index-c9b940c7.js');
 
 const STYLES = ['text', 'prayer', 'markdown', 'authorized-prayers'];
 /** Text represents collect or any other short prayer. */
-class Text extends book.LiturgicalDocument {
+class Text extends index.LiturgicalDocument {
     //** Constructor takes a Javascript object containing the class's properties */
     constructor(data = {}) {
         super(data);

package/dist/collection/components/prayers-and-thanksgivings/dist/prayers-and-thanksgivings.js

@@ -66,8 +66,10 @@ var core_2 = require("@stencil/core");
 var ldf_1 = require("@venite/ldf");
 var locale_1 = require("../../utils/locale");
 var prayers_and_thanksgivings_i18n_en_json_1 = require("./prayers-and-thanksgivings.i18n.en.json");
+var prayers_and_thanksgivings_i18n_es_json_1 = require("./prayers-and-thanksgivings.i18n.es.json");
 var LOCALE = {
-    'en': prayers_and_thanksgivings_i18n_en_json_1["default"]
+    'en': prayers_and_thanksgivings_i18n_en_json_1["default"],
+    'es': prayers_and_thanksgivings_i18n_es_json_1["default"]
 };
 var PrayersAndThanksgivingsComponent = /** @class */ (function () {
     function PrayersAndThanksgivingsComponent() {
@@ -192,10 +194,24 @@ var PrayersAndThanksgivingsComponent = /** @class */ (function () {
                         React.createElement("h3", { "class": "padded" }, subcategory)
                     ], subvalues
                         .sort(function (a, b) { var _a, _b; return Number((_a = a.label) === null || _a === void 0 ? void 0 : _a.split('.')[0]) < Number((_b = b.label) === null || _b === void 0 ? void 0 : _b.split('.')[0]) ? -1 : 1; })
-                        .map(function (option) { return React.createElement("ion-item", { button: true, onClick: function () { return _this.addPrayer(option); } },
-                        React.createElement("ion-label", null,
-                            React.createElement("h3", null, option.label),
-                            React.createElement("p", null, option.value[0].replace(/\*/g, '').replace("  ", " ")))); }));
+                        .map(function (option) {
+                        var _a, _b, _c, _d;
+                        var summary;
+                        if (option.type == "text") {
+                            summary = option.value[0].replace(/\*/g, '').replace("  ", " ");
+                        }
+                        else if (option.type == "liturgy") {
+                            summary = (_c = (_b = (_a = option.value[0]) === null || _a === void 0 ? void 0 : _a.value[0]) === null || _b === void 0 ? void 0 : _b.replace(/\*/g, '')) === null || _c === void 0 ? void 0 : _c.replace("  ", " ");
+                        }
+                        else if (option.type == "responsive-prayer") {
+                            summary = (_d = option.value[0]) === null || _d === void 0 ? void 0 : _d.text;
+                        }
+                        summary = summary || "";
+                        return React.createElement("ion-item", { button: true, onClick: function () { return _this.addPrayer(option); } },
+                            React.createElement("ion-label", null,
+                                React.createElement("h3", null, option.label),
+                                React.createElement("p", null, summary)));
+                    }));
                 }));
             }));
         return this.modal

package/dist/collection/components/prayers-and-thanksgivings/prayers-and-thanksgivings.i18n.es.json

@@ -0,0 +1,3 @@
+{
+  "title": "Oraciones y Acciones de Gracias"
+}

package/dist/collection/components/prayers-and-thanksgivings/prayers-and-thanksgivings.js

@@ -3,8 +3,10 @@ import { Component, Prop, Watch, State, Element, h, Event, Method } from '@stenc
 import { Change } from '@venite/ldf';
 import { getComponentClosestLanguage } from '../../utils/locale';
 import EN from './prayers-and-thanksgivings.i18n.en.json';
+import ES from './prayers-and-thanksgivings.i18n.es.json';
 const LOCALE = {
   'en': EN,
+  'es': ES
 };
 export class PrayersAndThanksgivingsComponent {
   constructor() {
@@ -95,10 +97,24 @@ export class PrayersAndThanksgivingsComponent {
           h("h3", { class: "padded" }, subcategory),
           ...subvalues
             .sort((a, b) => { var _a, _b; return Number((_a = a.label) === null || _a === void 0 ? void 0 : _a.split('.')[0]) < Number((_b = b.label) === null || _b === void 0 ? void 0 : _b.split('.')[0]) ? -1 : 1; })
-            .map(option => h("ion-item", { button: true, onClick: () => this.addPrayer(option) },
-            h("ion-label", null,
-              h("h3", null, option.label),
-              h("p", null, option.value[0].replace(/\*/g, '').replace("  ", " ")))))
+            .map(option => {
+            var _a, _b, _c, _d;
+            let summary;
+            if (option.type == "text") {
+              summary = option.value[0].replace(/\*/g, '').replace("  ", " ");
+            }
+            else if (option.type == "liturgy") {
+              summary = (_c = (_b = (_a = option.value[0]) === null || _a === void 0 ? void 0 : _a.value[0]) === null || _b === void 0 ? void 0 : _b.replace(/\*/g, '')) === null || _c === void 0 ? void 0 : _c.replace("  ", " ");
+            }
+            else if (option.type == "responsive-prayer") {
+              summary = (_d = option.value[0]) === null || _d === void 0 ? void 0 : _d.text;
+            }
+            summary = summary || "";
+            return h("ion-item", { button: true, onClick: () => this.addPrayer(option) },
+              h("ion-label", null,
+                h("h3", null, option.label),
+                h("p", null, summary)));
+          })
         ])
       ]));
     return this.modal

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

@@ -56,8 +56,20 @@ var LOCALE = {
 };
 var TextComponent = /** @class */ (function () {
     function TextComponent() {
+        // prayer list for authorized prayers
+        this.intentions = [];
     }
+    TextComponent.prototype.setPrayerList = function (intentions) {
+        return __awaiter(this, void 0, Promise, function () {
+            return __generator(this, function (_a) {
+                console.log("(PrayerList) setPrayerList", intentions);
+                this.intentions = intentions;
+                return [2 /*return*/];
+            });
+        });
+    };
     TextComponent.prototype.docChanged = function (newDoc) {
+        var _a;
         try {
             if (typeof newDoc == 'string') {
                 this.obj = new ldf_1.Text(JSON.parse(newDoc));
@@ -65,6 +77,10 @@ var TextComponent = /** @class */ (function () {
             else {
                 this.obj = new ldf_1.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);
@@ -133,21 +149,23 @@ var TextComponent = /** @class */ (function () {
     // Render
     TextComponent.prototype.render = function () {
         var _this = this;
-        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;
         var localeStrings = this.localeStrings || {};
         /** `authorized-prayer` type */
         if (((_a = this.obj) === null || _a === void 0 ? void 0 : _a.style) === 'authorized-prayers') {
             var splits = this.path.split('/'), index_1 = Number(splits[splits.length - 1]), base_1 = splits.slice(0, splits.length - 1).join('/');
-            return React.createElement("ldf-label-bar", null,
-                React.createElement("ion-button", { onClick: function () { return _this.addPAndT(base_1, index_1); }, fill: "clear" }, localeStrings.authorized_prayers));
+            return React.createElement(core_1.Host, null,
+                React.createElement("ldf-label-bar", null,
+                    React.createElement("ion-button", { onClick: function () { return _this.addPAndT(base_1, index_1); }, fill: "clear" }, localeStrings.authorized_prayers)), (_c = ((_b = this.intentions) === null || _b === void 0 ? void 0 : _b.length) > 0) !== null && _c !== void 0 ? _c : React.createElement("strong", { "class": "prayer-list" }, localeStrings['prayer-list']),
+                React.createElement("ul", { "class": "prayer-list" }, (this.intentions || []).map(function (intention) { return React.createElement("li", null, intention); })));
         }
         else {
-            var 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(function (s) { return s.replace(/\s+/g, ' '); })
-                : (((_e = this.obj) === null || _e === void 0 ? void 0 : _e.value) || []);
+            var 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(function (s) { return s.replace(/\s+/g, ' '); })
+                : (((_g = this.obj) === null || _g === void 0 ? void 0 : _g.value) || []);
             var compiledValue_1 = value.map(function (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') {
                 var firstSection = compiledValue_1[0], lastSection = compiledValue_1[compiledValue_1.length - 1];
                 var firstChunk = this.truncate(firstSection[0]), lastChunk = this.truncate(lastSection[lastSection.length - 1], true);
                 compiledValue_1 = [[firstChunk], [lastChunk]];
@@ -158,27 +176,27 @@ var TextComponent = /** @class */ (function () {
                         React.createElement("slot", { slot: 'end', name: 'controls' })),
                     !this.editable && React.createElement("ldf-heading", { path: this.path + "/label", doc: new ldf_1.Heading({ type: 'heading', metadata: { level: 3 }, value: [this.obj.label], citation: this.obj.citation, source: this.obj.source }) }),
                     this.editable && React.createElement("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) && React.createElement("h3", { "class": "editable-label", slot: "start" },
-                            React.createElement("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" })),
-                        React.createElement("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 }),
-                        React.createElement("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 })),
-                    React.createElement("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) && React.createElement("h3", { "class": "editable-label", slot: "start" },
+                            React.createElement("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" })),
+                        React.createElement("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 }),
+                        React.createElement("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 })),
+                    React.createElement("div", { "class": "text " + (this.editable ? 'editable' : '') + " " + (((_t = this.obj) === null || _t === void 0 ? void 0 : _t.display_format) || 'default') },
                         this.obj.value.map(function (prayer, prayerIndex) {
                             return React.createElement("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))) && React.createElement("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))) && React.createElement("span", { "class": 'response' },
                             React.createElement("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') {
                     var converter_1 = new showdown_1["default"].Converter();
-                    return (((_y = this.obj) === null || _y === void 0 ? void 0 : _y.value) || []).map(function (value) { return React.createElement("div", { innerHTML: converter_1.makeHtml(value) }); });
+                    return (((_0 = this.obj) === null || _0 === void 0 ? void 0 : _0.value) || []).map(function (value) { return React.createElement("div", { innerHTML: converter_1.makeHtml(value) }); });
                 }
                 /** `text` and `prayer` types */
                 else {
-                    return (React.createElement("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)) && React.createElement("ldf-heading", { path: this.path, doc: new ldf_1.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 (React.createElement("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)) && React.createElement("ldf-heading", { path: this.path, doc: new ldf_1.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_1.map(function (prayer, prayerIndex) {
                             var _a, _b, _c, _d;
                             return React.createElement("p", { "class": "text-body", id: (_this.obj.uid || _this.obj.slug) + "-prayerIndex" }, prayer === null || prayer === void 0 ? void 0 :
@@ -207,6 +225,12 @@ var TextComponent = /** @class */ (function () {
     __decorate([
         core_1.State()
     ], TextComponent.prototype, "localeStrings");
+    __decorate([
+        core_1.State()
+    ], TextComponent.prototype, "intentions");
+    __decorate([
+        core_1.Method()
+    ], TextComponent.prototype, "setPrayerList");
     __decorate([
         core_1.Prop()
     ], TextComponent.prototype, "doc");
@@ -222,6 +246,9 @@ var TextComponent = /** @class */ (function () {
     __decorate([
         core_1.Event({ bubbles: true })
     ], TextComponent.prototype, "ldfDocShouldChange");
+    __decorate([
+        core_1.Event({ bubbles: true })
+    ], TextComponent.prototype, "ldfAskForPrayerList");
     TextComponent = __decorate([
         core_1.Component({
             tag: 'ldf-text',

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/prayers-and-thanksgivings.i18n.es.json

@@ -0,0 +1,3 @@
+{
+  "title": "Oraciones y Acciones de Gracias"
+}

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 };