@venite/components 0.16.47 → 0.16.49

package/dist/esm/{ion-segment_16.entry.js → ion-segment_17.entry.js}

@@ -4,18 +4,26 @@ import { q as pointerCoord, b as addEventListener, e as removeEventListener } fr
 import { i as isRTL } from './dir-03012648.js';
 import { c as createColorClasses, h as hostContext } from './theme-7ef00c83.js';
 import { f as alertController, l as loadingController, m as modalController, t as toastController } from './overlays-59377e10.js';
-import { R as Responsive, L as LiturgicalDocument, d as dateFromYMDString } from './book-30d463e4.js';
-import { B as BibleReading, L as Liturgy, M as Meditation, P as Psalm, R as ResponsivePrayer, a as Rubric } from './rubric-4fcaa326.js';
-import { H as Heading } from './heading-3148493f.js';
-import { v as versionToString, O as Option } from './option-6f3f65cd.js';
+import { L as LiturgicalDocument, R as Responsive, d as dateFromYMDString } from './book-ffb2b7c9.js';
+import { B as BibleReading, L as Liturgy, M as Meditation, P as Psalm, R as ResponsivePrayer, a as Rubric } from './rubric-5e76db3e.js';
+import { H as Heading } from './heading-32b75b51.js';
+import { v as versionToString, O as Option } from './option-f5f45da6.js';
 import { C as Change } from './change-ea574d32.js';
 import { g as getComponentClosestLanguage } from './locale-de430ca1.js';
-import { I as Image } from './image-72083f34.js';
+import { u as useDropcap } from './dropcaps-9409f9e0.js';
+import { I as Image } from './image-b773ce41.js';
 import { D as Debounce } from './index-f08f6130.js';
-import { R as Refrain } from './refrain-7bd7ce8a.js';
+import { R as Refrain } from './refrain-03edc2dd.js';
 import './hardware-back-button-fa04d6e9.js';
 import './_commonjsHelpers-ba3f0406.js';
 
+class Parallel extends LiturgicalDocument {
+    //** Constructor takes a Javascript object containing the class's properties */
+    constructor(data = {}) {
+        super(data);
+    }
+}
+
 const segmentIosCss = ":host{--ripple-color:currentColor;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:flex;position:relative;align-items:stretch;justify-content:center;width:100%;background:var(--background);font-family:var(--ion-font-family, inherit);text-align:center;contain:paint;user-select:none}:host(.segment-scrollable){justify-content:start;width:auto;overflow-x:auto}:host(.segment-scrollable::-webkit-scrollbar){display:none}:host{--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.065);border-radius:8px;overflow:hidden;z-index:0}:host(.ion-color){background:rgba(var(--ion-color-base-rgb), 0.065)}:host(.in-toolbar){margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:0;width:auto}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host(.in-toolbar){margin-left:unset;margin-right:unset;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto}}:host(.in-toolbar:not(.ion-color)){background:var(--ion-toolbar-segment-background, var(--background))}:host(.in-toolbar-color:not(.ion-color)){background:rgba(var(--ion-color-contrast-rgb), 0.11)}";
 
 const segmentMdCss = ":host{--ripple-color:currentColor;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:flex;position:relative;align-items:stretch;justify-content:center;width:100%;background:var(--background);font-family:var(--ion-font-family, inherit);text-align:center;contain:paint;user-select:none}:host(.segment-scrollable){justify-content:start;width:auto;overflow-x:auto}:host(.segment-scrollable::-webkit-scrollbar){display:none}:host{--background:transparent}:host(.segment-scrollable) ::slotted(ion-segment-button){min-width:auto}";
@@ -549,7 +557,7 @@ const changeReading$1 = "Change Reading";
 const newCitation$1 = "Biblical citation.";
 const cancel$2 = "Cancel";
 const ok$2 = "OK";
-const EN$8 = {
+const EN$9 = {
 	amen: amen$1,
 	book: book$1,
 	chapter: chapter$1,
@@ -608,8 +616,8 @@ async function fetchReading(citation, version = 'NRSV', api = 'https://us-centra
 
 const bibleReadingCss = "ldf-bible-reading.sc-ldf-bible-reading,.sc-ldf-bible-reading-h{font-family:var(--ldf-font-face);text-align:var(--ldf-text-align)}.bible-reading[lang=he].sc-ldf-bible-reading{text-align:right;direction:rtl;font-size:1.5em;font-family:\"Times New Roman\" !important}.bible-reading[lang=he].sc-ldf-bible-reading .drop.sc-ldf-bible-reading{float:right !important;font-family:\"Times New Roman\" !important}.bible-reading.omit.sc-ldf-bible-reading .verses.sc-ldf-bible-reading{display:none}.editable.bible-reading.sc-ldf-bible-reading .verses.sc-ldf-bible-reading{display:block;color:var(--ldf-greyed-out-text-color)}sup.sc-ldf-bible-reading{display:var(--ldf-bible-reading-verse-number-display);margin-left:0;margin-right:0.25em}.citation.sc-ldf-bible-reading{font-size:80%;font-style:italic;margin-left:1em;float:var(--ldf-bible-reading-citation-float)}.response.sc-ldf-bible-reading{font-weight:var(--ldf-response-font-weight);font-style:var(--ldf-response-font-style)}.verses.sc-ldf-bible-reading .verse.sc-ldf-bible-reading{display:flex;flex-direction:row}sup.sc-ldf-bible-reading:first-of-type{display:var(--ldf-drop-early-verses-display)}.editable-verse.sc-ldf-bible-reading{display:inline}.editable-citation.sc-ldf-bible-reading{display:inline;width:100%}.editable-citation.sc-ldf-bible-reading ldf-editable-text.sc-ldf-bible-reading{display:inline-block;width:25px}.editable-citation.sc-ldf-bible-reading ldf-editable-text.book.sc-ldf-bible-reading{width:75px}h3.editable-label.sc-ldf-bible-reading{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)}.citation-button.sc-ldf-bible-reading{background:none;border:0;font-family:var(--ldf-font-face);font-size:inherit}";
 
-const LOCALE$8 = {
-  'en': EN$8,
+const LOCALE$9 = {
+  'en': EN$9,
   'es': ES$1
 };
 const BibleReadingComponent = class {
@@ -657,7 +665,7 @@ const BibleReadingComponent = class {
   // Private methods
   async loadLocaleStrings() {
     try {
-      this.localeStrings = LOCALE$8[getComponentClosestLanguage(this.element)];
+      this.localeStrings = LOCALE$9[getComponentClosestLanguage(this.element)];
     }
     catch (e) {
       console.warn(e);
@@ -764,22 +772,22 @@ const BibleReadingComponent = class {
             _o.response);
         }
         return (h(Host, null, ((_p = this.obj) === null || _p === void 0 ? void 0 : _p.label) && h("ldf-heading", { doc: new Heading({ type: 'heading', metadata: { level: 3 }, value: [this.obj.label] }) }), 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)), !shortResponse && !((_v = (_u = this.obj) === null || _u === void 0 ? void 0 : _u.metadata) === null || _v === void 0 ? void 0 : _v.omit_response) && h("p", null, responseNode))));
       }
       /* `long` render a typical Bible reading in the liturgy */
       else {
         const paragraphs = this.paragraphs();
         return (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'}` }, 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 })
             ];
         })))));
       }
@@ -798,7 +806,7 @@ BibleReadingComponent.style = bibleReadingCss;
 const add = "Add";
 const label$3 = "Label";
 const citation$3 = "Citation";
-const EN$7 = {
+const EN$8 = {
 	add: add,
 	label: label$3,
 	citation: citation$3
@@ -806,8 +814,8 @@ const EN$7 = {
 
 const editableAddBlockCss = ".sc-ldf-editable-add-block-h{display:flex;flex-direction:column;align-items:center;width:100%}.sc-ldf-editable-add-block-h .button-container.sc-ldf-editable-add-block{display:flex;align-items:center;height:0;justify-content:center;width:100%}.sc-ldf-editable-add-block-h button.sc-ldf-editable-add-block{background-color:var(--ldf-background-color);color:var(--ldf-color);font-family:var(--ldf-controls-font-family);font-weight:lighter}.sc-ldf-editable-add-block-h button.sc-ldf-editable-add-block:hover{cursor:pointer}.sc-ldf-editable-add-block-h .visible.sc-ldf-editable-add-block{height:0;opacity:1;transition:0.25s}.sc-ldf-editable-add-block-h .hidden.sc-ldf-editable-add-block{height:0;opacity:0;transition:2s}.sc-ldf-editable-add-block-h .underlying.sc-ldf-editable-add-block{width:100%;border-top:1px solid #a0a0a0;border-bottom:1px solid #a0a0a0;min-height:1em;position:relative;bottom:0.5em;z-index:-1}.sc-ldf-editable-add-block-h .underlying.visible.sc-ldf-editable-add-block{opacity:0.5;transition:0.25s}.sc-ldf-editable-add-block-h .underlying.visible.expanded.sc-ldf-editable-add-block{z-index:1}.sc-ldf-editable-add-block-h .underlying.collapsed.sc-ldf-editable-add-block{height:1em}.sc-ldf-editable-add-block-h .underlying.hidden.sc-ldf-editable-add-block{opacity:0;transition:1s}.sc-ldf-editable-add-block-h .underlying.hidden.sc-ldf-editable-add-block button.sc-ldf-editable-add-block{z-index:-1}.sc-ldf-editable-add-block-h .visually-hidden.sc-ldf-editable-add-block{position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}.button.sc-ldf-editable-add-block{position:absolute;display:flex;flex-direction:row;align-items:center;justify-content:center;opacity:1;transition:all 0.25s}.hidden.sc-ldf-editable-add-block{display:none;height:0;opacity:0;transition:all 0.25s}";
 
-const LOCALE$7 = {
-  'en': EN$7
+const LOCALE$8 = {
+  'en': EN$8
 };
 const EditableAddBlockComponent = class {
   constructor(hostRef) {
@@ -822,7 +830,7 @@ const EditableAddBlockComponent = class {
   // Methods
   async loadLocaleStrings() {
     try {
-      this.localeStrings = LOCALE$7[getComponentClosestLanguage(this.element)];
+      this.localeStrings = LOCALE$8[getComponentClosestLanguage(this.element)];
     }
     catch (e) {
       console.warn(e);
@@ -868,7 +876,7 @@ const responsiveSmallOnly = "Only on small screens";
 const responsiveSmallHidden = "Not on small screens";
 const unison = "Unison";
 const wholeverse = "By Whole Verse";
-const EN$6 = {
+const EN$7 = {
 	abbreviated: abbreviated,
 	addOption: addOption,
 	cancel: cancel,
@@ -902,8 +910,8 @@ const EN$6 = {
 
 const editableMetadataButtonsCss = ".buttons.sc-ldf-editable-metadata-buttons{position:absolute;height:0;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;opacity:1;transition:all 0.25s}.buttons.sc-ldf-editable-metadata-buttons ion-buttons.sc-ldf-editable-metadata-buttons{background-color:var(--ion-color-light, #f4f5f8);border-radius:3px;flex-wrap:wrap;max-width:100%}.hidden.sc-ldf-editable-metadata-buttons{display:none;height:0;opacity:0;transition:all 0.25s}@media (max-width: 767px){.sm-hidden.sc-ldf-editable-metadata-buttons{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}}";
 
-const LOCALE$6 = {
-  'en': EN$6
+const LOCALE$7 = {
+  'en': EN$7
 };
 const EditableMetadataButtonsComponent = class {
   constructor(hostRef) {
@@ -927,7 +935,7 @@ const EditableMetadataButtonsComponent = class {
   // Private methods
   async loadLocaleStrings() {
     try {
-      this.localeStrings = LOCALE$6[getComponentClosestLanguage(this.element)];
+      this.localeStrings = LOCALE$7[getComponentClosestLanguage(this.element)];
     }
     catch (e) {
       console.warn(e);
@@ -1143,7 +1151,7 @@ EditableSelectComponent.style = editableSelectCss;
 
 const close = "Return to Bulletin";
 const url = "URL";
-const EN$5 = {
+const EN$6 = {
 	close: close,
 	url: url
 };
@@ -1160,8 +1168,8 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
         r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-const LOCALE$5 = {
-  'en': EN$5
+const LOCALE$6 = {
+  'en': EN$6
 };
 const ImageComponent = class {
   constructor(hostRef) {
@@ -1195,7 +1203,7 @@ const ImageComponent = class {
   }
   async loadLocaleStrings() {
     try {
-      this.localeStrings = LOCALE$5[getComponentClosestLanguage(this.element)];
+      this.localeStrings = LOCALE$6[getComponentClosestLanguage(this.element)];
     }
     catch (e) {
       console.warn(e);
@@ -1350,7 +1358,7 @@ const gt = " > ";
 const gte = " ≥ ";
 const smallOnly = "Only appears on small screens";
 const smallHidden = "Doesn't appear on small screens";
-const EN$4 = {
+const EN$5 = {
 	bible_version: bible_version,
 	"canticle-1": "The first canticle ",
 	"canticle-2": "The second canticle ",
@@ -1564,8 +1572,8 @@ const LookupNode = ({ doc, localeStrings }) => {
 
 const liturgicalDocumentCss = "ldf-liturgical-document.sc-ldf-liturgical-document,.sc-ldf-liturgical-document-h{font-family:var(--ldf-font-face);display:block}.container.editable.sc-ldf-liturgical-document{padding-top:0}.lookup.sc-ldf-liturgical-document{background-color:var(--ldf-editable-lookup-background-color);color:var(--ldf-editable-lookup-color);border-radius:4px;margin-bottom:1.5em;padding:1em;width:calc(100% - 2em)}.lookup.sc-ldf-liturgical-document code.sc-ldf-liturgical-document{font-weight:bold}.condition.sc-ldf-liturgical-document{background-color:var(--ldf-editable-condition-background-color);color:var(--ldf-editable-condition-color);border-radius:4px;padding:1em;width:calc(100% - 2em)}.condition.sc-ldf-liturgical-document code.sc-ldf-liturgical-document{font-weight:bold}.doc.sc-ldf-liturgical-document{margin-top:var(--ldf-liturgical-document-margin-top)}ldf-editable-metadata-buttons.sc-ldf-liturgical-document{height:none;display:block;z-index:10;background:var(--ldf-background);opacity:0.8;width:100%;position:sticky;top:2em;padding-top:1em;padding-bottom:1em}ldf-editable-metadata-buttons.top-level.sc-ldf-liturgical-document{position:relative;top:0}.small-only.sc-ldf-liturgical-document{display:block}.small-hidden.sc-ldf-liturgical-document{display:none}@media (min-width: 415px){.small-only.sc-ldf-liturgical-document{display:none}.small-hidden.sc-ldf-liturgical-document{display:block}}";
 
-const LOCALE$4 = {
-  'en': EN$4
+const LOCALE$5 = {
+  'en': EN$5
 };
 const LiturgicalDocumentComponent = class {
   constructor(hostRef) {
@@ -1652,7 +1660,7 @@ const LiturgicalDocumentComponent = class {
   }
   async loadLocaleStrings() {
     try {
-      this.localeStrings = LOCALE$4[getComponentClosestLanguage(this.element)];
+      this.localeStrings = LOCALE$5[getComponentClosestLanguage(this.element)];
     }
     catch (e) {
       console.warn(e);
@@ -1722,6 +1730,9 @@ const LiturgicalDocumentComponent = class {
       case 'option':
         node = h("ldf-option", { path: this.path, editable: editable, preview: this.preview, doc: doc });
         break;
+      case 'parallel':
+        node = h("ldf-parallel", { path: this.path, editable: editable, preview: this.preview, doc: doc });
+        break;
       case 'refrain':
         node = h("ldf-refrain", { path: this.path, editable: editable, doc: doc });
         break;
@@ -1821,7 +1832,7 @@ const resume = "Resume";
 const meditate = "Meditate for";
 const minutes = "minutes.";
 const seconds = " seconds. ";
-const EN$3 = {
+const EN$4 = {
 	start: start,
 	pause: pause,
 	resume: resume,
@@ -1832,8 +1843,8 @@ const EN$3 = {
 
 const meditationCss = "ldf-heading.sc-ldf-meditation .control-container.sc-ldf-meditation,.sc-ldf-meditation-h .control-container.sc-ldf-meditation{display:block;margin:auto}ldf-heading.sc-ldf-meditation .controls.sc-ldf-meditation,.sc-ldf-meditation-h .controls.sc-ldf-meditation{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;width:100%}ldf-heading.sc-ldf-meditation .controls.sc-ldf-meditation input.sc-ldf-meditation,.sc-ldf-meditation-h .controls.sc-ldf-meditation input.sc-ldf-meditation{text-align:center}@media (min-width: 767px){ldf-heading.sc-ldf-meditation .controls.sc-ldf-meditation,.sc-ldf-meditation-h .controls.sc-ldf-meditation{flex-direction:row}}ldf-heading.sc-ldf-meditation .progress-circle-container.sc-ldf-meditation,.sc-ldf-meditation-h .progress-circle-container.sc-ldf-meditation{display:flex;align-items:center;justify-content:center;padding:1em}ldf-heading.sc-ldf-meditation .progress-circle-container.sc-ldf-meditation .progress-circle.sc-ldf-meditation,.sc-ldf-meditation-h .progress-circle-container.sc-ldf-meditation .progress-circle.sc-ldf-meditation{width:300px;height:300px;display:flex;align-items:center;justify-content:center;border-radius:50%}ldf-heading.sc-ldf-meditation .progress-circle-container.sc-ldf-meditation .progress-circle.sc-ldf-meditation .circle-overlay.sc-ldf-meditation,.sc-ldf-meditation-h .progress-circle-container.sc-ldf-meditation .progress-circle.sc-ldf-meditation .circle-overlay.sc-ldf-meditation{background-color:var(--ldf-background-color);display:flex;align-items:center;flex-direction:column;justify-content:center;height:92%;width:92%;border-radius:50%}ldf-heading.sc-ldf-meditation .progress-circle-container.sc-ldf-meditation .progress-circle.sc-ldf-meditation .seconds.sc-ldf-meditation,.sc-ldf-meditation-h .progress-circle-container.sc-ldf-meditation .progress-circle.sc-ldf-meditation .seconds.sc-ldf-meditation{font-family:var(--ldf-font-face);font-size:3em}ldf-heading.sc-ldf-meditation button.clear.sc-ldf-meditation,.sc-ldf-meditation-h button.clear.sc-ldf-meditation{background-color:var(--ldf-background-color);border:none;font-size:1em}.hidden.sc-ldf-meditation{height:0;opacity:0;transition:0.25s}";
 
-const LOCALE$3 = {
-  'en': EN$3
+const LOCALE$4 = {
+  'en': EN$4
 };
 const MeditationComponent = class {
   constructor(hostRef) {
@@ -1917,7 +1928,7 @@ const MeditationComponent = class {
   // Private methods
   async loadLocaleStrings() {
     try {
-      this.localeStrings = LOCALE$3[getComponentClosestLanguage(this.element)];
+      this.localeStrings = LOCALE$4[getComponentClosestLanguage(this.element)];
     }
     catch (e) {
       console.warn(e);
@@ -1990,14 +2001,14 @@ const MeditationComponent = class {
 MeditationComponent.style = meditationCss;
 
 const option = "Option";
-const EN$2 = {
+const EN$3 = {
 	option: option
 };
 
 const optionCss = ".select-control.sc-ldf-option{margin-top:var(--ldf-select-control-margin-top)}ion-select.sc-ldf-option{width:75vw;max-width:300px}";
 
-const LOCALE$2 = {
-  'en': EN$2
+const LOCALE$3 = {
+  'en': EN$3
 };
 const OptionComponent = class {
   constructor(hostRef) {
@@ -2039,7 +2050,7 @@ const OptionComponent = class {
   /** Asynchronously load localization strings */
   async loadLocaleStrings() {
     try {
-      this.localeStrings = LOCALE$2[getComponentClosestLanguage(this.el)];
+      this.localeStrings = LOCALE$3[getComponentClosestLanguage(this.el)];
     }
     catch (e) {
       console.warn(e);
@@ -2182,6 +2193,65 @@ const OptionComponent = class {
 };
 OptionComponent.style = optionCss;
 
+const parallel = "Parallel";
+const EN$2 = {
+	parallel: parallel
+};
+
+const parallelCss = ".select-control.sc-ldf-parallel{margin-top:var(--ldf-select-control-margin-top)}ion-select.sc-ldf-parallel{width:75vw;max-width:300px}";
+
+const LOCALE$2 = {
+  'en': EN$2
+};
+const ParallelComponent = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.ldfAddOptionToDoc = createEvent(this, "ldfAddOptionToDoc", 7);
+    this.ldfDocShouldChange = createEvent(this, "ldfDocShouldChange", 7);
+    this.ldfOptionAskForStoredSelection = createEvent(this, "ldfOptionAskForStoredSelection", 7);
+    this.ldfOptionMakeSelection = createEvent(this, "ldfOptionMakeSelection", 7);
+  }
+  docChanged(newDoc) {
+    try {
+      if (typeof newDoc == 'string') {
+        this.obj = new Parallel(JSON.parse(newDoc));
+      }
+      else {
+        this.obj = new Parallel(newDoc);
+      }
+    }
+    catch (e) {
+      console.warn(e);
+      this.obj = new Parallel();
+    }
+  }
+  // Lifecycle events
+  componentWillLoad() {
+    this.docChanged(this.doc);
+    this.loadLocaleStrings();
+    this.ldfOptionAskForStoredSelection.emit({ el: this.el });
+  }
+  /** Asynchronously load localization strings */
+  async loadLocaleStrings() {
+    try {
+      this.localeStrings = LOCALE$2[getComponentClosestLanguage(this.el)];
+    }
+    catch (e) {
+      console.warn(e);
+    }
+  }
+  // Render
+  render() {
+    var _a;
+    return (h(Host, { lang: this.obj.language }, h("tr", null, (((_a = this.obj) === null || _a === void 0 ? void 0 : _a.value) || []).map((obj, ii) => h("td", null, h("ldf-liturgical-document", { doc: obj, path: `${this.path}/value/${ii}`, base: `${this.path}/value`, index: ii, editable: this.editable, parentType: 'option' }))))));
+  }
+  get el() { return getElement(this); }
+  static get watchers() { return {
+    "doc": ["docChanged"]
+  }; }
+};
+ParallelComponent.style = parallelCss;
+
 const changeCanticle$1 = "Change Canticle";
 const citation$2 = "(Biblical) Citation";
 const label$2 = "Label";
@@ -2423,7 +2493,7 @@ const PsalmComponent = class {
               // 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 ?
@@ -2541,8 +2611,8 @@ const ResponsivePrayerComponent = class {
     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) {
@@ -2567,7 +2637,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 (h(Host, { class: this.obj.style, lang: this.obj.language }, h("ldf-label-bar", null, h("slot", { slot: 'end', name: 'controls' })), !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')))))));
+      return (h(Host, { class: this.obj.style, lang: this.obj.language }, h("ldf-label-bar", null, h("slot", { slot: 'end', name: 'controls' })), !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(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
@@ -2587,7 +2657,7 @@ const ResponsivePrayerComponent = class {
         // Render the line
         return h("div", { class: { "line": true, "editable": this.editable } }, h("p", { class: classes.join(' ') }, this.editable
           ? this.editableNode(line, index, 'text', template, templateMaker)
-          : this.stringNode(line, index, 'text'), line.response && (this.editable ?
+          : 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)]), (!line.response && ((_a = this.obj.metadata) === null || _a === void 0 ? void 0 : _a.response)) && (this.editable ?
           h("span", { class: 'response' }, h("ldf-editable-text", { id: `${this.obj.uid}-${index}-response`, text: this.obj.metadata.response, path: `${this.path}/response` })) :
@@ -2603,10 +2673,10 @@ const ResponsivePrayerComponent = class {
       return (h(Host, { class: this.obj.style, lang: this.obj.language }, !this.editableHeader && 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("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'))
       ]))));
     }
   }
@@ -2653,4 +2723,4 @@ const RubricComponent = class {
 };
 RubricComponent.style = rubricCss;
 
-export { Segment as ion_segment, SegmentButton as ion_segment_button, SkeletonText as ion_skeleton_text, BibleReadingComponent as ldf_bible_reading, EditableAddBlockComponent as ldf_editable_add_block, EditableMetadataButtonsComponent as ldf_editable_metadata_buttons, EditableSelectComponent as ldf_editable_select, ImageComponent as ldf_image, LiturgicalDocumentComponent as ldf_liturgical_document, LiturgyComponent as ldf_liturgy, MeditationComponent as ldf_meditation, OptionComponent as ldf_option, PsalmComponent as ldf_psalm, RefrainComponent as ldf_refrain, ResponsivePrayerComponent as ldf_responsive_prayer, RubricComponent as ldf_rubric };
+export { Segment as ion_segment, SegmentButton as ion_segment_button, SkeletonText as ion_skeleton_text, BibleReadingComponent as ldf_bible_reading, EditableAddBlockComponent as ldf_editable_add_block, EditableMetadataButtonsComponent as ldf_editable_metadata_buttons, EditableSelectComponent as ldf_editable_select, ImageComponent as ldf_image, LiturgicalDocumentComponent as ldf_liturgical_document, LiturgyComponent as ldf_liturgy, MeditationComponent as ldf_meditation, OptionComponent as ldf_option, ParallelComponent as ldf_parallel, PsalmComponent as ldf_psalm, RefrainComponent as ldf_refrain, ResponsivePrayerComponent as ldf_responsive_prayer, RubricComponent as ldf_rubric };

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

@@ -1,10 +1,11 @@
 import { r as registerInstance, h, H as Host, d as getElement, c as createEvent } from './index-034add74.js';
-import { a as LiturgicalDay, d as dateFromYMDString } from './book-30d463e4.js';
-import { T as Text } from './text-8a1f3c31.js';
+import { a as LiturgicalDay, d as dateFromYMDString } from './book-ffb2b7c9.js';
+import { T as Text } from './text-035232e4.js';
 import { g as getComponentClosestLanguage } from './locale-de430ca1.js';
-import { H as Heading } from './heading-3148493f.js';
+import { H as Heading } from './heading-32b75b51.js';
 import { c as createCommonjsModule, a as commonjsGlobal } from './_commonjsHelpers-ba3f0406.js';
 import { m as modalController } from './overlays-59377e10.js';
+import { u as useDropcap } from './dropcaps-9409f9e0.js';
 import './ionic-global-24253941.js';
 import './hardware-back-button-fa04d6e9.js';
 import './helpers-af86adf0.js';
@@ -5860,10 +5861,7 @@ const TextComponent = class {
           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) => {
-                var _a;
-                return h("span", { id: `${this.obj.uid || this.obj.slug}-${prayerIndex}-${chunkIndex}` }, 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 && 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 && h("span", { class: "response" }, " ", localeStrings.amen));
+              prayer.map((chunk, chunkIndex) => h("span", { id: `${this.obj.uid || this.obj.slug}-${prayerIndex}-${chunkIndex}` }, h("ldf-string", { text: chunk, citation: { label: this.obj.label }, dropcap: 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 && 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 && h("span", { class: "response" }, " ", localeStrings.amen));
           })));
         }
       }

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

@@ -1,11 +1,11 @@
 import { h, r as registerInstance, c as createEvent, H as Host, d as getElement } from './index-034add74.js';
-import { L as LiturgicalDocument } from './book-30d463e4.js';
-import { B as BibleReading, P as Psalm, L as Liturgy$1, M as Meditation, R as ResponsivePrayer, a as Rubric } from './rubric-4fcaa326.js';
-import { H as Heading } from './heading-3148493f.js';
-import { I as Image } from './image-72083f34.js';
-import { O as Option } from './option-6f3f65cd.js';
-import { R as Refrain } from './refrain-7bd7ce8a.js';
-import { T as Text } from './text-8a1f3c31.js';
+import { L as LiturgicalDocument } from './book-ffb2b7c9.js';
+import { B as BibleReading, P as Psalm, L as Liturgy$1, M as Meditation, R as ResponsivePrayer, a as Rubric } from './rubric-5e76db3e.js';
+import { H as Heading } from './heading-32b75b51.js';
+import { I as Image } from './image-b773ce41.js';
+import { O as Option } from './option-f5f45da6.js';
+import { R as Refrain } from './refrain-03edc2dd.js';
+import { T as Text } from './text-035232e4.js';
 import { g as getComponentClosestLanguage } from './locale-de430ca1.js';
 
 const MENU = [

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, d as getElement } from './index-034add74.js';
-import './book-30d463e4.js';
+import './book-ffb2b7c9.js';
 import { C as Change } from './change-ea574d32.js';
 import { f as alertController } from './overlays-59377e10.js';
 import { g as getComponentClosestLanguage } from './locale-de430ca1.js';

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

@@ -1,5 +1,5 @@
 import { h, r as registerInstance, c as createEvent, H as Host, d as getElement } from './index-034add74.js';
-import { C as Condition } from './book-30d463e4.js';
+import { C as Condition } from './book-ffb2b7c9.js';
 import { C as Change } from './change-ea574d32.js';
 import { g as getComponentClosestLanguage } from './locale-de430ca1.js';
 

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, d as getElement } from './index-034add74.js';
-import { C as Condition } from './book-30d463e4.js';
+import { C as Condition } from './book-ffb2b7c9.js';
 import { C as Change } from './change-ea574d32.js';
 import { g as getComponentClosestLanguage } from './locale-de430ca1.js';
 

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host, d as getElement } from './index-034add74.js';
-import { L as LiturgicalDocument } from './book-30d463e4.js';
-import { v as versionToString, O as Option } from './option-6f3f65cd.js';
+import { L as LiturgicalDocument } from './book-ffb2b7c9.js';
+import { v as versionToString, O as Option } from './option-f5f45da6.js';
 import { g as getComponentClosestLanguage } from './locale-de430ca1.js';
 
 /* Converts a list of documents into a single document showing options in parallel */

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

@@ -1,13 +1,13 @@
 import { r as registerInstance, c as createEvent, h, H as Host, d as getElement } from './index-034add74.js';
-import { L as LiturgicalDocument } from './book-30d463e4.js';
+import { L as LiturgicalDocument } from './book-ffb2b7c9.js';
 import { C as Change } from './change-ea574d32.js';
-import { v as versionToString } from './option-6f3f65cd.js';
-import { s as specificClass } from './specific-class-11a0f046.js';
+import { v as versionToString } from './option-f5f45da6.js';
+import { s as specificClass } from './specific-class-19d5b8ae.js';
 import { g as getComponentClosestLanguage } from './locale-de430ca1.js';
-import './rubric-4fcaa326.js';
-import './heading-3148493f.js';
-import './refrain-7bd7ce8a.js';
-import './text-8a1f3c31.js';
+import './rubric-5e76db3e.js';
+import './heading-32b75b51.js';
+import './refrain-03edc2dd.js';
+import './text-035232e4.js';
 
 const LOCALE_STRINGS = {
   "allowMultiple": "Allow multiple options",

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

@@ -1,13 +1,13 @@
 import { r as registerInstance, c as createEvent, h, H as Host, d as getElement } from './index-034add74.js';
-import { L as LiturgicalDocument } from './book-30d463e4.js';
+import { L as LiturgicalDocument } from './book-ffb2b7c9.js';
 import { C as Change } from './change-ea574d32.js';
-import { s as specificClass } from './specific-class-11a0f046.js';
+import { s as specificClass } from './specific-class-19d5b8ae.js';
 import { g as getComponentClosestLanguage } from './locale-de430ca1.js';
-import './rubric-4fcaa326.js';
-import './heading-3148493f.js';
-import './option-6f3f65cd.js';
-import './refrain-7bd7ce8a.js';
-import './text-8a1f3c31.js';
+import './rubric-5e76db3e.js';
+import './heading-32b75b51.js';
+import './option-f5f45da6.js';
+import './refrain-03edc2dd.js';
+import './text-035232e4.js';
 
 const abbreviated = "Abbreviated";
 const advanced = "Advanced Settings";

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, d as getElement } from './index-034add74.js';
-import './book-30d463e4.js';
+import './book-ffb2b7c9.js';
 import { a as PreferenceOption } from './preference-d070d4cb.js';
 import { C as Change } from './change-ea574d32.js';
 import { g as getComponentClosestLanguage } from './locale-de430ca1.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, d as getElement } from './index-034add74.js';
-import './book-30d463e4.js';
+import './book-ffb2b7c9.js';
 import { P as Preference, a as PreferenceOption } from './preference-d070d4cb.js';
 import { C as Change } from './change-ea574d32.js';
 import { g as getComponentClosestLanguage } from './locale-de430ca1.js';

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

@@ -1,6 +1,6 @@
 import { h, r as registerInstance, c as createEvent, H as Host, d as getElement } from './index-034add74.js';
 import { f as alertController } from './overlays-59377e10.js';
-import './book-30d463e4.js';
+import './book-ffb2b7c9.js';
 import { P as Preference } from './preference-d070d4cb.js';
 import { C as Change } from './change-ea574d32.js';
 import { g as getComponentClosestLanguage } from './locale-de430ca1.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, d as getElement } from './index-034add74.js';
-import './book-30d463e4.js';
+import './book-ffb2b7c9.js';
 import { C as Change } from './change-ea574d32.js';
 import { g as getComponentClosestLanguage } from './locale-de430ca1.js';
 

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, d as getElement } from './index-034add74.js';
-import { L as LiturgicalDocument } from './book-30d463e4.js';
+import { L as LiturgicalDocument } from './book-ffb2b7c9.js';
 import { C as Cursor } from './cursor-0e47f111.js';
 import { C as Change } from './change-ea574d32.js';
 import { e as elementFromPath, q as querySelectorDeep, v as values_js } from './index-1bf6d100.js';