@venite/components 0.16.46 → 0.16.48

package/dist/cjs/{book-82e0876b.js → book-6d16fad3.js}

@@ -257,7 +257,7 @@ const TYPES = [
     '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', 'force_dropcap', 'disable_dropcap'];
 /** 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 */

package/dist/cjs/dropcaps-baa79b2d.js

@@ -0,0 +1,21 @@
+'use strict';
+
+function useDropcap(language, display_format, index) {
+  if (language == "iu" || language == "he") {
+    return "disabled";
+  }
+  if (display_format === "force_dropcap") {
+    return "enabled";
+  }
+  if (display_format === "disable_dropcap") {
+    return "disabled";
+  }
+  if (index == 0) {
+    return "enabled";
+  }
+  else {
+    return "disabled";
+  }
+}
+
+exports.useDropcap = useDropcap;

package/dist/cjs/{heading-b7872a4d.js → heading-dff0a6f9.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const book = require('./book-82e0876b.js');
+const book = require('./book-6d16fad3.js');
 
 const STYLES = ['text', 'day', 'date'];
 class Heading extends book.LiturgicalDocument {

package/dist/cjs/{image-75040cd8.js → image-527d7134.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const book = require('./book-82e0876b.js');
+const book = require('./book-6d16fad3.js');
 
 const STYLES = ['normal', 'slideshow', 'carousel'];
 /** Refrain represents a short text like the Gloria Patri, Hail Mary, or an Antiphon */

package/dist/cjs/ion-button_14.cjs.entry.js

@@ -11,7 +11,7 @@ const index$1 = require('./index-9c7b27e4.js');
 const index$2 = require('./index-b6879fbc.js');
 const index$3 = require('./index-e56e09b8.js');
 const overlays = require('./overlays-240c867b.js');
-require('./book-82e0876b.js');
+require('./book-6d16fad3.js');
 const change = require('./change-cdb1e8c0.js');
 const locale = require('./locale-13a47c0e.js');
 require('./hardware-back-button-92d97ff8.js');

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

@@ -6,8 +6,8 @@ const index = require('./index-01fdec29.js');
 const ionicGlobal = require('./ionic-global-bd0aab94.js');
 const theme = require('./theme-b0b295c1.js');
 const overlays = require('./overlays-240c867b.js');
-require('./book-82e0876b.js');
-const refrain = require('./refrain-dcde813a.js');
+require('./book-6d16fad3.js');
+const refrain = require('./refrain-f867e88b.js');
 const change = require('./change-cdb1e8c0.js');
 const locale = require('./locale-13a47c0e.js');
 require('./hardware-back-button-92d97ff8.js');

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

@@ -7,7 +7,7 @@ const ionicGlobal = require('./ionic-global-bd0aab94.js');
 const helpers = require('./helpers-c2496722.js');
 const theme = require('./theme-b0b295c1.js');
 const index$1 = require('./index-7aa21373.js');
-require('./book-82e0876b.js');
+require('./book-6d16fad3.js');
 const cursor = require('./cursor-81bfd01e.js');
 const change = require('./change-cdb1e8c0.js');
 const _commonjsHelpers = require('./_commonjsHelpers-bcc1208a.js');

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

@@ -8,15 +8,16 @@ const helpers = require('./helpers-c2496722.js');
 const dir = require('./dir-5af5259a.js');
 const theme = require('./theme-b0b295c1.js');
 const overlays = require('./overlays-240c867b.js');
-const book$2 = require('./book-82e0876b.js');
-const rubric = require('./rubric-cd1436af.js');
-const heading$1 = require('./heading-b7872a4d.js');
-const option$1 = require('./option-d7f9785e.js');
+const book$2 = require('./book-6d16fad3.js');
+const rubric = require('./rubric-9851b9bb.js');
+const heading$1 = require('./heading-dff0a6f9.js');
+const option$1 = require('./option-af060fb4.js');
 const change = require('./change-cdb1e8c0.js');
 const locale = require('./locale-13a47c0e.js');
-const image = require('./image-75040cd8.js');
+const dropcaps = require('./dropcaps-baa79b2d.js');
+const image = require('./image-527d7134.js');
 const index$1 = require('./index-7aa21373.js');
-const refrain = require('./refrain-dcde813a.js');
+const refrain = require('./refrain-f867e88b.js');
 require('./hardware-back-button-92d97ff8.js');
 require('./_commonjsHelpers-bcc1208a.js');
 
@@ -768,22 +769,22 @@ const BibleReadingComponent = class {
             _o.response);
         }
         return (index.h(index.Host, null, ((_p = this.obj) === null || _p === void 0 ? void 0 : _p.label) && index.h("ldf-heading", { doc: new heading$1.Heading({ type: 'heading', metadata: { level: 3 }, value: [this.obj.label] }) }), index.h("div", { lang: (_q = this.obj) === null || _q === void 0 ? void 0 : _q.language, class: `bible-reading ${((_r = this.obj) === null || _r === void 0 ? void 0 : _r.display_format) || 'default'}` }, index.h("p", null, this.verses.map((verse, verseIndex) => {
-          var _a;
+          var _a, _b;
           return verse.hasOwnProperty('type') && verse.type === 'heading'
             ? index.h("ldf-heading", { doc: new heading$1.Heading(verse) })
-            : index.h("ldf-string", { citation: { book: verse.book, chapter: verse.chapter, verse: verse.verse }, id: this.obj.uid, text: verse.text, fragment: this.path, dropcap: ((_a = this.obj) === null || _a === void 0 ? void 0 : _a.display_format) == "force_dropcap" && verseIndex === 0 ? "force" : "disabled" });
+            : index.h("ldf-string", { citation: { book: verse.book, chapter: verse.chapter, verse: verse.verse }, id: this.obj.uid, text: verse.text, fragment: this.path, dropcap: dropcaps.useDropcap((_a = this.obj) === null || _a === void 0 ? void 0 : _a.language, (_b = this.obj) === null || _b === void 0 ? void 0 : _b.display_format, verseIndex) });
         }), shortResponse && !((_t = (_s = this.obj) === null || _s === void 0 ? void 0 : _s.metadata) === null || _t === void 0 ? void 0 : _t.omit_response) && responseNode, index.h("span", { class: "citation" }, this.obj.citation)), !shortResponse && !((_v = (_u = this.obj) === null || _u === void 0 ? void 0 : _u.metadata) === null || _v === void 0 ? void 0 : _v.omit_response) && index.h("p", null, responseNode))));
       }
       /* `long` render a typical Bible reading in the liturgy */
       else {
         const paragraphs = this.paragraphs();
         return (index.h("div", { lang: (_w = this.obj) === null || _w === void 0 ? void 0 : _w.language, class: `bible-reading ${((_x = this.obj) === null || _x === void 0 ? void 0 : _x.display_format) || 'default'}` }, index.h("ldf-heading", { doc: new heading$1.Heading({ type: 'heading', metadata: { level: 3 }, value: [this.obj.label], citation: this.obj.citation }) }), ((_z = (_y = this.obj) === null || _y === void 0 ? void 0 : _y.metadata) === null || _z === void 0 ? void 0 : _z.compiled_intro) && index.h("ldf-liturgical-document", { doc: this.obj.metadata.compiled_intro }), paragraphs.map((paragraph, paragraphIndex) => index.h("p", { lang: this.obj.language }, paragraph.map((verse, verseIndex) => {
-          var _a;
+          var _a, _b;
           return verse.hasOwnProperty('type') && verse.type === 'heading'
             ? index.h("ldf-heading", { doc: new heading$1.Heading(verse) })
             : [
               index.h("sup", null, verse.verse),
-              index.h("ldf-string", { citation: verse, dropcap: paragraphIndex == 0 && verseIndex == 0 && ((_a = this.obj) === null || _a === void 0 ? void 0 : _a.language) !== 'iu' ? 'force' : 'disabled', id: `${verse.chapter}-${verse.book}-${verse.verse}`, text: verse.text, index: verseIndex, fragment: this.path })
+              index.h("ldf-string", { citation: verse, dropcap: dropcaps.useDropcap((_a = this.obj) === null || _a === void 0 ? void 0 : _a.language, (_b = this.obj) === null || _b === void 0 ? void 0 : _b.display_format, paragraphIndex + verseIndex), id: `${verse.chapter}-${verse.book}-${verse.verse}`, text: verse.text, index: verseIndex, fragment: this.path })
             ];
         })))));
       }
@@ -2427,7 +2428,7 @@ const PsalmComponent = class {
               // 1st half of verse
               nodes.push(index.h("div", { class: 'verse' }, this.editable ?
                 index.h("ldf-editable-text", { id: `${this.obj.uid || this.obj.slug}-${sectionIndex}-${verseIndex}-verse`, text: verse.verse, path: `${this.path}/value/${sectionIndex}/value/${verseIndex}/verse`, placeholder: 'Lorem ipsum sit dolor amet, *', template: pattern, templateMaker: templateMaker }) :
-                index.h("ldf-string", { text: verse.verse, citation: { label: (_a = this.obj) === null || _a === void 0 ? void 0 : _a.label, book: ((_b = this.obj) === null || _b === void 0 ? void 0 : _b.style) === 'psalm' ? 'Psalm' : undefined, chapter: (_d = (_c = this.obj) === null || _c === void 0 ? void 0 : _c.metadata) === null || _d === void 0 ? void 0 : _d.number, verse: verse.number }, dropcap: (verseIndex == 0 && ((_e = this.obj) === null || _e === void 0 ? void 0 : _e.language) !== "he" && ((_f = this.obj) === null || _f === void 0 ? void 0 : _f.language) !== "iu") ? 'force' : 'disabled', index: verseIndex, fragment: this.path })));
+                index.h("ldf-string", { text: verse.verse, citation: { label: (_a = this.obj) === null || _a === void 0 ? void 0 : _a.label, book: ((_b = this.obj) === null || _b === void 0 ? void 0 : _b.style) === 'psalm' ? 'Psalm' : undefined, chapter: (_d = (_c = this.obj) === null || _c === void 0 ? void 0 : _c.metadata) === null || _d === void 0 ? void 0 : _d.number, verse: verse.number }, dropcap: dropcaps.useDropcap((_e = this.obj) === null || _e === void 0 ? void 0 : _e.language, (_f = this.obj) === null || _f === void 0 ? void 0 : _f.display_format, verseIndex), index: verseIndex, fragment: this.path })));
               nodes.push(index.h("br", null));
               // 2nd half of verse
               nodes.push(index.h("div", { class: 'halfverse' }, this.editable ?
@@ -2545,8 +2546,8 @@ const ResponsivePrayerComponent = class {
     return (index.h("ldf-editable-text", { id: `${this.obj.uid}-${index$1}-${part}`, text: line[part], path: `${this.path}/value/${index$1}/${part}`, template: template, templateMaker: templateMaker }));
   }
   /** renders a `ResponsivePrayerLine` as an `ldf-string` */
-  stringNode(line, index$1, part) {
-    return (index.h("ldf-string", { citation: { label: this.obj.label }, id: `${this.obj.uid}-${index$1}-${part}`, text: line[part], dropcap: index$1 == 0 ? "enabled" : "disabled", fragment: this.path }));
+  stringNode(doc, line, index$1, part) {
+    return (index.h("ldf-string", { citation: { label: this.obj.label }, id: `${this.obj.uid}-${index$1}-${part}`, text: line[part], dropcap: dropcaps.useDropcap(doc.language, doc.display_format, index$1), fragment: this.path }));
   }
   // Render the `response` in a litany, and handle `[Silence]` value
   litanyResponseStringNode(line, index$1) {
@@ -2571,7 +2572,7 @@ const ResponsivePrayerComponent = class {
        *    V.  O Lord, open our lips.
        *    R.  And our mouth shall proclaim thy praise. */
       const template = { label: '', text: '' }, templateMaker = (text) => ({ label: '', text });
-      return (index.h(index.Host, { class: this.obj.style, lang: this.obj.language }, index.h("ldf-label-bar", null, index.h("slot", { slot: 'end', name: 'controls' })), !this.editable && needsHeader && index.h("ldf-heading", { doc: new heading$1.Heading({ type: 'heading', metadata: { level: 3 }, value: [this.obj.label], citation: this.obj.citation, source: this.obj.source }) }), this.editable && needsHeader && this.editableHeader(), index.h("table", { class: "preces" }, this.obj.value.map((line, index$1) => index.h("tr", { class: "row" }, index.h("td", { class: "cell" }, this.editable ? this.editableNode(line, index$1, 'label', template, templateMaker) : this.stringNode(line, index$1, 'label')), index.h("td", { class: index$1 % 2 == 0 ? 'cell' : 'cell response' }, this.editable ? this.editableNode(line, index$1, 'text', template, templateMaker) : this.stringNode(line, index$1, 'text')))))));
+      return (index.h(index.Host, { class: this.obj.style, lang: this.obj.language }, index.h("ldf-label-bar", null, index.h("slot", { slot: 'end', name: 'controls' })), !this.editable && needsHeader && index.h("ldf-heading", { doc: new heading$1.Heading({ type: 'heading', metadata: { level: 3 }, value: [this.obj.label], citation: this.obj.citation, source: this.obj.source }) }), this.editable && needsHeader && this.editableHeader(), index.h("table", { class: "preces" }, this.obj.value.map((line, index$1) => index.h("tr", { class: "row" }, index.h("td", { class: "cell" }, this.editable ? this.editableNode(line, index$1, 'label', template, templateMaker) : this.stringNode(this.obj, line, index$1, 'label')), index.h("td", { class: index$1 % 2 == 0 ? 'cell' : 'cell response' }, this.editable ? this.editableNode(line, index$1, 'text', template, templateMaker) : this.stringNode(this.obj, line, index$1, 'text')))))));
     }
     else if (this.obj.style == 'litany') {
       /* `litany`type returns prayers and responses with a break between each pair, like
@@ -2591,7 +2592,7 @@ const ResponsivePrayerComponent = class {
         // Render the line
         return index.h("div", { class: { "line": true, "editable": this.editable } }, index.h("p", { class: classes.join(' ') }, this.editable
           ? this.editableNode(line, index$1, 'text', template, templateMaker)
-          : this.stringNode(line, index$1, 'text'), line.response && (this.editable ?
+          : this.stringNode(this.obj, line, index$1, 'text'), line.response && (this.editable ?
           index.h("span", { class: 'response' }, this.editableNode(line, index$1, 'response', template, templateMaker)) :
           [index.h("br", null), this.litanyResponseStringNode(line, index$1)]), (!line.response && ((_a = this.obj.metadata) === null || _a === void 0 ? void 0 : _a.response)) && (this.editable ?
           index.h("span", { class: 'response' }, index.h("ldf-editable-text", { id: `${this.obj.uid}-${index$1}-response`, text: this.obj.metadata.response, path: `${this.path}/response` })) :
@@ -2607,10 +2608,10 @@ const ResponsivePrayerComponent = class {
       return (index.h(index.Host, { class: this.obj.style, lang: this.obj.language }, !this.editableHeader && needsHeader && index.h("ldf-heading", { doc: new heading$1.Heading({ type: 'heading', metadata: { level: 3 }, value: [this.obj.label], citation: this.obj.citation, source: this.obj.source }) }), this.editable && needsHeader && this.editableHeader(), index.h("p", { class: 'responsive' }, this.obj.value.map((line, index$1) => [
         this.editable ?
           index.h("div", null, this.editableNode(line, index$1, 'text', template, templateMaker)) :
-          index.h("div", null, this.stringNode(line, index$1, 'text')),
+          index.h("div", null, this.stringNode(this.obj, line, index$1, 'text')),
         this.editable ?
           index.h("div", { class: 'response' }, this.editableNode(line, index$1, 'response', template, templateMaker)) :
-          index.h("div", { class: 'response' }, this.stringNode(line, index$1, 'response'))
+          index.h("div", { class: 'response' }, this.stringNode(this.obj, line, index$1, 'response'))
       ]))));
     }
   }

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

@@ -3,12 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-01fdec29.js');
-const book = require('./book-82e0876b.js');
-const text = require('./text-d86d8916.js');
+const book = require('./book-6d16fad3.js');
+const text = require('./text-9dd495bb.js');
 const locale = require('./locale-13a47c0e.js');
-const heading = require('./heading-b7872a4d.js');
+const heading = require('./heading-dff0a6f9.js');
 const _commonjsHelpers = require('./_commonjsHelpers-bcc1208a.js');
 const overlays = require('./overlays-240c867b.js');
+const dropcaps = require('./dropcaps-baa79b2d.js');
 require('./ionic-global-bd0aab94.js');
 require('./hardware-back-button-92d97ff8.js');
 require('./helpers-c2496722.js');
@@ -5753,7 +5754,7 @@ const ES = {
 	"prayer-list": "Prayer List"
 };
 
-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.formatted.sc-ldf-text{text-align:left;white-space:pre-wrap}.prayer-list.sc-ldf-text li.sc-ldf-text{list-style-type:none;text-align:center;margin:0.5em 0;padding:0}";
+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.formatted.sc-ldf-text{text-align:left}.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,
@@ -5831,9 +5832,11 @@ const TextComponent = class {
     /** `authorized-prayer` type */
     if (((_a = this.obj) === null || _a === void 0 ? void 0 : _a.style) === 'authorized-prayers') {
       const splits = this.path.split('/'), index$1 = Number(splits[splits.length - 1]), base = splits.slice(0, splits.length - 1).join('/');
+      const converter = new showdown.Converter();
+      //return (this.obj?.value || []).map(value => <div innerHTML={converter.makeHtml(value)}></div>);
       return index.h(index.Host, null, index.h("ldf-label-bar", null, index.h("ion-button", { onClick: () => this.addPAndT(base, 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 : index.h("strong", { class: "prayer-list" }, localeStrings['prayer-list']), Array.isArray(this.intentions)
         ? index.h("ul", { class: "prayer-list" }, this.intentions.map(intention => index.h("li", null, intention)))
-        : index.h("p", { class: "prayer-list formatted" }, this.intentions));
+        : index.h("div", { class: "prayer-list formatted", innerHTML: converter.makeHtml(this.intentions) }));
     }
     else {
       let value = ((_e = (_d = this.obj) === null || _d === void 0 ? void 0 : _d.metadata) === null || _e === void 0 ? void 0 : _e.rollup)
@@ -5862,10 +5865,7 @@ const TextComponent = class {
           return (index.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)) && index.h("ldf-heading", { path: this.path, doc: new heading.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 index.h("p", { class: "text-body", id: `${this.obj.uid || this.obj.slug}-prayerIndex` }, prayer === null || prayer === void 0 ? void 0 :
-              prayer.map((chunk, chunkIndex) => {
-                var _a;
-                return index.h("span", { id: `${this.obj.uid || this.obj.slug}-${prayerIndex}-${chunkIndex}` }, index.h("ldf-string", { text: chunk, citation: { label: this.obj.label }, dropcap: ((_a = this.obj) === null || _a === void 0 ? void 0 : _a.display_format) == "force_dropcap" && prayerIndex === 0 && chunkIndex === 0 ? "force" : (prayerIndex === 0 && chunkIndex <= 1 ? "enabled" : "disabled"), index: prayerIndex + chunkIndex, fragment: this.path }));
-              }), ((_b = (_a = this.obj) === null || _a === void 0 ? void 0 : _a.metadata) === null || _b === void 0 ? void 0 : _b.response) && prayerIndex == compiledValue.length - 1 && index.h("span", { class: "response" }, " ", this.obj.metadata.response), !((_d = (_c = this.obj) === null || _c === void 0 ? void 0 : _c.metadata) === null || _d === void 0 ? void 0 : _d.response) && this.obj.style == 'prayer' && prayerIndex == compiledValue.length - 1 && index.h("span", { class: "response" }, " ", localeStrings.amen));
+              prayer.map((chunk, chunkIndex) => index.h("span", { id: `${this.obj.uid || this.obj.slug}-${prayerIndex}-${chunkIndex}` }, index.h("ldf-string", { text: chunk, citation: { label: this.obj.label }, dropcap: dropcaps.useDropcap(this.obj.language, this.obj.display_format, prayerIndex + chunkIndex), index: prayerIndex + chunkIndex, fragment: this.path }))), ((_b = (_a = this.obj) === null || _a === void 0 ? void 0 : _a.metadata) === null || _b === void 0 ? void 0 : _b.response) && prayerIndex == compiledValue.length - 1 && index.h("span", { class: "response" }, " ", this.obj.metadata.response), !((_d = (_c = this.obj) === null || _c === void 0 ? void 0 : _c.metadata) === null || _d === void 0 ? void 0 : _d.response) && this.obj.style == 'prayer' && prayerIndex == compiledValue.length - 1 && index.h("span", { class: "response" }, " ", localeStrings.amen));
           })));
         }
       }

package/dist/cjs/ldf-editable-add-block-menu.cjs.entry.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-01fdec29.js');
-const book = require('./book-82e0876b.js');
-const rubric$1 = require('./rubric-cd1436af.js');
-const heading$1 = require('./heading-b7872a4d.js');
-const image$1 = require('./image-75040cd8.js');
-const option$1 = require('./option-d7f9785e.js');
-const refrain$1 = require('./refrain-dcde813a.js');
-const text$1 = require('./text-d86d8916.js');
+const book = require('./book-6d16fad3.js');
+const rubric$1 = require('./rubric-9851b9bb.js');
+const heading$1 = require('./heading-dff0a6f9.js');
+const image$1 = require('./image-527d7134.js');
+const option$1 = require('./option-af060fb4.js');
+const refrain$1 = require('./refrain-f867e88b.js');
+const text$1 = require('./text-9dd495bb.js');
 const locale = require('./locale-13a47c0e.js');
 
 const MENU = [

package/dist/cjs/ldf-editable-boolean_2.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-01fdec29.js');
-require('./book-82e0876b.js');
+require('./book-6d16fad3.js');
 const change = require('./change-cdb1e8c0.js');
 const overlays = require('./overlays-240c867b.js');
 const locale = require('./locale-13a47c0e.js');

package/dist/cjs/ldf-editable-condition-piece.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-01fdec29.js');
-const book = require('./book-82e0876b.js');
+const book = require('./book-6d16fad3.js');
 const change = require('./change-cdb1e8c0.js');
 const locale = require('./locale-13a47c0e.js');
 

package/dist/cjs/ldf-editable-condition.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-01fdec29.js');
-const book = require('./book-82e0876b.js');
+const book = require('./book-6d16fad3.js');
 const change = require('./change-cdb1e8c0.js');
 const locale = require('./locale-13a47c0e.js');
 

package/dist/cjs/ldf-editable-filter-documents.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-01fdec29.js');
-const book = require('./book-82e0876b.js');
-const option = require('./option-d7f9785e.js');
+const book = require('./book-6d16fad3.js');
+const option = require('./option-af060fb4.js');
 const locale = require('./locale-13a47c0e.js');
 
 /* Converts a list of documents into a single document showing options in parallel */

package/dist/cjs/ldf-editable-lookup_2.cjs.entry.js

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-01fdec29.js');
-const book = require('./book-82e0876b.js');
+const book = require('./book-6d16fad3.js');
 const change = require('./change-cdb1e8c0.js');
-const option = require('./option-d7f9785e.js');
-const specificClass = require('./specific-class-c2579d35.js');
+const option = require('./option-af060fb4.js');
+const specificClass = require('./specific-class-a4d1cc65.js');
 const locale = require('./locale-13a47c0e.js');
-require('./rubric-cd1436af.js');
-require('./heading-b7872a4d.js');
-require('./refrain-dcde813a.js');
-require('./text-d86d8916.js');
+require('./rubric-9851b9bb.js');
+require('./heading-dff0a6f9.js');
+require('./refrain-f867e88b.js');
+require('./text-9dd495bb.js');
 
 const LOCALE_STRINGS = {
   "allowMultiple": "Allow multiple options",

package/dist/cjs/ldf-editable-metadata.cjs.entry.js

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-01fdec29.js');
-const book = require('./book-82e0876b.js');
+const book = require('./book-6d16fad3.js');
 const change = require('./change-cdb1e8c0.js');
-const specificClass = require('./specific-class-c2579d35.js');
+const specificClass = require('./specific-class-a4d1cc65.js');
 const locale = require('./locale-13a47c0e.js');
-require('./rubric-cd1436af.js');
-require('./heading-b7872a4d.js');
-require('./option-d7f9785e.js');
-require('./refrain-dcde813a.js');
-require('./text-d86d8916.js');
+require('./rubric-9851b9bb.js');
+require('./heading-dff0a6f9.js');
+require('./option-af060fb4.js');
+require('./refrain-f867e88b.js');
+require('./text-9dd495bb.js');
 
 const abbreviated = "Abbreviated";
 const advanced = "Advanced Settings";

package/dist/cjs/ldf-editable-preference-option.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-01fdec29.js');
-require('./book-82e0876b.js');
+require('./book-6d16fad3.js');
 const preference = require('./preference-a4bd51c4.js');
 const change = require('./change-cdb1e8c0.js');
 const locale = require('./locale-13a47c0e.js');

package/dist/cjs/ldf-editable-preference.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-01fdec29.js');
-require('./book-82e0876b.js');
+require('./book-6d16fad3.js');
 const preference$1 = require('./preference-a4bd51c4.js');
 const change = require('./change-cdb1e8c0.js');
 const locale = require('./locale-13a47c0e.js');

package/dist/cjs/ldf-editable-preferences.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-01fdec29.js');
 const overlays = require('./overlays-240c867b.js');
-require('./book-82e0876b.js');
+require('./book-6d16fad3.js');
 const preference = require('./preference-a4bd51c4.js');
 const change = require('./change-cdb1e8c0.js');
 const locale = require('./locale-13a47c0e.js');

package/dist/cjs/ldf-editable-string-list.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-01fdec29.js');
-require('./book-82e0876b.js');
+require('./book-6d16fad3.js');
 const change = require('./change-cdb1e8c0.js');
 const locale = require('./locale-13a47c0e.js');
 

package/dist/cjs/ldf-editor.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-01fdec29.js');
-const book = require('./book-82e0876b.js');
+const book = require('./book-6d16fad3.js');
 const cursor = require('./cursor-81bfd01e.js');
 const change = require('./change-cdb1e8c0.js');
 const index$1 = require('./index-de13bd01.js');

package/dist/cjs/{option-d7f9785e.js → option-af060fb4.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const book = require('./book-82e0876b.js');
+const book = require('./book-6d16fad3.js');
 
 function versionToString(version) {
     if (typeof version === 'string') {

package/dist/cjs/{refrain-dcde813a.js → refrain-f867e88b.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const book = require('./book-82e0876b.js');
+const book = require('./book-6d16fad3.js');
 
 const STYLES = ['normal', 'antiphon', 'gloria'];
 /** Refrain represents a short text like the Gloria Patri, Hail Mary, or an Antiphon */

package/dist/cjs/{rubric-cd1436af.js → rubric-9851b9bb.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const book = require('./book-82e0876b.js');
+const book = require('./book-6d16fad3.js');
 
 const BIBLE_BOOK_ABBREVIATIONS = [
     {

package/dist/cjs/{specific-class-c2579d35.js → specific-class-a4d1cc65.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-const rubric = require('./rubric-cd1436af.js');
-const heading = require('./heading-b7872a4d.js');
-const option = require('./option-d7f9785e.js');
-const refrain = require('./refrain-dcde813a.js');
-const text = require('./text-d86d8916.js');
+const rubric = require('./rubric-9851b9bb.js');
+const heading = require('./heading-dff0a6f9.js');
+const option = require('./option-af060fb4.js');
+const refrain = require('./refrain-f867e88b.js');
+const text = require('./text-9dd495bb.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-d86d8916.js → text-9dd495bb.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const book = require('./book-82e0876b.js');
+const book = require('./book-6d16fad3.js');
 
 const STYLES = ['text', 'prayer', 'markdown', 'authorized-prayers'];
 /** Text represents collect or any other short prayer. */

package/dist/collection/components/bible-reading/bible-reading.js

@@ -5,6 +5,7 @@ import { getComponentClosestLanguage } from '../../utils/locale';
 import EN from './bible-reading.i18n.en.json';
 import ES from './bible-reading.i18n.es.json';
 import { fetchReading } from './fetch-reading';
+import { useDropcap } from '../../utils/dropcaps';
 const LOCALE = {
   'en': EN,
   'es': ES
@@ -181,10 +182,10 @@ export class BibleReadingComponent {
           h("div", { lang: (_q = this.obj) === null || _q === void 0 ? void 0 : _q.language, class: `bible-reading ${((_r = this.obj) === null || _r === void 0 ? void 0 : _r.display_format) || 'default'}` },
             h("p", null,
               this.verses.map((verse, verseIndex) => {
-                var _a;
+                var _a, _b;
                 return verse.hasOwnProperty('type') && verse.type === 'heading'
                   ? h("ldf-heading", { doc: new Heading(verse) })
-                  : h("ldf-string", { citation: { book: verse.book, chapter: verse.chapter, verse: verse.verse }, id: this.obj.uid, text: verse.text, fragment: this.path, dropcap: ((_a = this.obj) === null || _a === void 0 ? void 0 : _a.display_format) == "force_dropcap" && verseIndex === 0 ? "force" : "disabled" });
+                  : h("ldf-string", { citation: { book: verse.book, chapter: verse.chapter, verse: verse.verse }, id: this.obj.uid, text: verse.text, fragment: this.path, dropcap: useDropcap((_a = this.obj) === null || _a === void 0 ? void 0 : _a.language, (_b = this.obj) === null || _b === void 0 ? void 0 : _b.display_format, verseIndex) });
               }),
               shortResponse && !((_t = (_s = this.obj) === null || _s === void 0 ? void 0 : _s.metadata) === null || _t === void 0 ? void 0 : _t.omit_response) && responseNode,
               h("span", { class: "citation" }, this.obj.citation)),
@@ -197,12 +198,12 @@ export class BibleReadingComponent {
           h("ldf-heading", { doc: new Heading({ type: 'heading', metadata: { level: 3 }, value: [this.obj.label], citation: this.obj.citation }) }),
           ((_z = (_y = this.obj) === null || _y === void 0 ? void 0 : _y.metadata) === null || _z === void 0 ? void 0 : _z.compiled_intro) && h("ldf-liturgical-document", { doc: this.obj.metadata.compiled_intro }),
           paragraphs.map((paragraph, paragraphIndex) => h("p", { lang: this.obj.language }, paragraph.map((verse, verseIndex) => {
-            var _a;
+            var _a, _b;
             return verse.hasOwnProperty('type') && verse.type === 'heading'
               ? h("ldf-heading", { doc: new Heading(verse) })
               : [
                 h("sup", null, verse.verse),
-                h("ldf-string", { citation: verse, dropcap: paragraphIndex == 0 && verseIndex == 0 && ((_a = this.obj) === null || _a === void 0 ? void 0 : _a.language) !== 'iu' ? 'force' : 'disabled', id: `${verse.chapter}-${verse.book}-${verse.verse}`, text: verse.text, index: verseIndex, fragment: this.path })
+                h("ldf-string", { citation: verse, dropcap: useDropcap((_a = this.obj) === null || _a === void 0 ? void 0 : _a.language, (_b = this.obj) === null || _b === void 0 ? void 0 : _b.display_format, paragraphIndex + verseIndex), id: `${verse.chapter}-${verse.book}-${verse.verse}`, text: verse.text, index: verseIndex, fragment: this.path })
               ];
           })))));
       }

package/dist/collection/components/psalm/psalm.js

@@ -4,6 +4,7 @@ import { Psalm, Refrain, Heading, dateFromYMDString, Change } from '@venite/ldf'
 import { getComponentClosestLanguage } from '../../utils/locale';
 import EN from './psalm.i18n.en.json';
 import ES from './psalm.i18n.es.json';
+import { useDropcap } from '../../utils/dropcaps';
 const LOCALE = {
   'en': EN,
   'es': ES
@@ -219,7 +220,7 @@ export class PsalmComponent {
                   // 1st half of verse
                   nodes.push(h("div", { class: 'verse' }, this.editable ?
                     h("ldf-editable-text", { id: `${this.obj.uid || this.obj.slug}-${sectionIndex}-${verseIndex}-verse`, text: verse.verse, path: `${this.path}/value/${sectionIndex}/value/${verseIndex}/verse`, placeholder: 'Lorem ipsum sit dolor amet, *', template: pattern, templateMaker: templateMaker }) :
-                    h("ldf-string", { text: verse.verse, citation: { label: (_a = this.obj) === null || _a === void 0 ? void 0 : _a.label, book: ((_b = this.obj) === null || _b === void 0 ? void 0 : _b.style) === 'psalm' ? 'Psalm' : undefined, chapter: (_d = (_c = this.obj) === null || _c === void 0 ? void 0 : _c.metadata) === null || _d === void 0 ? void 0 : _d.number, verse: verse.number }, dropcap: (verseIndex == 0 && ((_e = this.obj) === null || _e === void 0 ? void 0 : _e.language) !== "he" && ((_f = this.obj) === null || _f === void 0 ? void 0 : _f.language) !== "iu") ? 'force' : 'disabled', index: verseIndex, fragment: this.path })));
+                    h("ldf-string", { text: verse.verse, citation: { label: (_a = this.obj) === null || _a === void 0 ? void 0 : _a.label, book: ((_b = this.obj) === null || _b === void 0 ? void 0 : _b.style) === 'psalm' ? 'Psalm' : undefined, chapter: (_d = (_c = this.obj) === null || _c === void 0 ? void 0 : _c.metadata) === null || _d === void 0 ? void 0 : _d.number, verse: verse.number }, dropcap: useDropcap((_e = this.obj) === null || _e === void 0 ? void 0 : _e.language, (_f = this.obj) === null || _f === void 0 ? void 0 : _f.display_format, verseIndex), index: verseIndex, fragment: this.path })));
                   nodes.push(h("br", null));
                   // 2nd half of verse
                   nodes.push(h("div", { class: 'halfverse' }, this.editable ?

package/dist/collection/components/responsive-prayer/responsive-prayer.js

@@ -2,6 +2,7 @@ import { Component, Prop, Watch, State, Element, Host, h } from '@stencil/core';
 import { ResponsivePrayer, Heading } from '@venite/ldf';
 import { getComponentClosestLanguage } from '../../utils/locale';
 import EN from './responsive-prayer.i18n.en.json';
+import { useDropcap } from '../../utils/dropcaps';
 const LOCALE = {
   'en': EN,
 };
@@ -39,8 +40,8 @@ export class ResponsivePrayerComponent {
     return (h("ldf-editable-text", { id: `${this.obj.uid}-${index}-${part}`, text: line[part], path: `${this.path}/value/${index}/${part}`, template: template, templateMaker: templateMaker }));
   }
   /** renders a `ResponsivePrayerLine` as an `ldf-string` */
-  stringNode(line, index, part) {
-    return (h("ldf-string", { citation: { label: this.obj.label }, id: `${this.obj.uid}-${index}-${part}`, text: line[part], dropcap: index == 0 ? "enabled" : "disabled", fragment: this.path }));
+  stringNode(doc, line, index, part) {
+    return (h("ldf-string", { citation: { label: this.obj.label }, id: `${this.obj.uid}-${index}-${part}`, text: line[part], dropcap: useDropcap(doc.language, doc.display_format, index), fragment: this.path }));
   }
   // Render the `response` in a litany, and handle `[Silence]` value
   litanyResponseStringNode(line, index) {
@@ -78,8 +79,8 @@ export class ResponsivePrayerComponent {
         !this.editable && needsHeader && h("ldf-heading", { doc: new Heading({ type: 'heading', metadata: { level: 3 }, value: [this.obj.label], citation: this.obj.citation, source: this.obj.source }) }),
         this.editable && needsHeader && this.editableHeader(),
         h("table", { class: "preces" }, this.obj.value.map((line, index) => h("tr", { class: "row" },
-          h("td", { class: "cell" }, this.editable ? this.editableNode(line, index, 'label', template, templateMaker) : this.stringNode(line, index, 'label')),
-          h("td", { class: index % 2 == 0 ? 'cell' : 'cell response' }, this.editable ? this.editableNode(line, index, 'text', template, templateMaker) : this.stringNode(line, index, 'text')))))));
+          h("td", { class: "cell" }, this.editable ? this.editableNode(line, index, 'label', template, templateMaker) : this.stringNode(this.obj, line, index, 'label')),
+          h("td", { class: index % 2 == 0 ? 'cell' : 'cell response' }, this.editable ? this.editableNode(line, index, 'text', template, templateMaker) : this.stringNode(this.obj, line, index, 'text')))))));
     }
     else if (this.obj.style == 'litany') {
       /* `litany`type returns prayers and responses with a break between each pair, like
@@ -106,7 +107,7 @@ export class ResponsivePrayerComponent {
             h("p", { class: classes.join(' ') },
               this.editable
                 ? this.editableNode(line, index, 'text', template, templateMaker)
-                : this.stringNode(line, index, 'text'),
+                : this.stringNode(this.obj, line, index, 'text'),
               line.response && (this.editable ?
                 h("span", { class: 'response' }, this.editableNode(line, index, 'response', template, templateMaker)) :
                 [h("br", null), this.litanyResponseStringNode(line, index)]),
@@ -130,10 +131,10 @@ export class ResponsivePrayerComponent {
         h("p", { class: 'responsive' }, this.obj.value.map((line, index) => [
           this.editable ?
             h("div", null, this.editableNode(line, index, 'text', template, templateMaker)) :
-            h("div", null, this.stringNode(line, index, 'text')),
+            h("div", null, this.stringNode(this.obj, line, index, 'text')),
           this.editable ?
             h("div", { class: 'response' }, this.editableNode(line, index, 'response', template, templateMaker)) :
-            h("div", { class: 'response' }, this.stringNode(line, index, 'response'))
+            h("div", { class: 'response' }, this.stringNode(this.obj, line, index, 'response'))
         ]))));
     }
   }

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

@@ -59,7 +59,6 @@ h3.editable-label {
 
 .prayer-list.formatted {
   text-align: left;
-  white-space: pre-wrap;
 }
 
 .prayer-list li {