@venite/components 0.16.47 → 0.16.49

package/dist/collection/components/parallel/parallel.js

@@ -0,0 +1,213 @@
+import { Component, Prop, Watch, State, Host, Event, Element, h } from '@stencil/core';
+import { Parallel } from '@venite/ldf';
+import { getComponentClosestLanguage } from '../../utils/locale';
+import EN from './parallel.i18n.en.json';
+const LOCALE = {
+  'en': EN
+};
+export class ParallelComponent {
+  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[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' }))))));
+  }
+  static get is() { return "ldf-parallel"; }
+  static get encapsulation() { return "scoped"; }
+  static get originalStyleUrls() { return {
+    "$": ["parallel.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["parallel.css"]
+  }; }
+  static get properties() { return {
+    "doc": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "Parallel | string",
+        "resolved": "Parallel | string",
+        "references": {
+          "Parallel": {
+            "location": "import",
+            "path": "@venite/ldf"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "An LDF Option object."
+      },
+      "attribute": "doc",
+      "reflect": false
+    },
+    "path": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "A JSON Pointer that points to the Option being edited"
+      },
+      "attribute": "path",
+      "reflect": true
+    },
+    "editable": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Whether the object is editable"
+      },
+      "attribute": "editable",
+      "reflect": false
+    },
+    "preview": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Whether the object is in preview mode"
+      },
+      "attribute": "preview",
+      "reflect": false
+    }
+  }; }
+  static get states() { return {
+    "obj": {},
+    "localeStrings": {},
+    "filteredOptions": {}
+  }; }
+  static get events() { return [{
+      "method": "ldfAddOptionToDoc",
+      "name": "ldfAddOptionToDoc",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "complexType": {
+        "original": "AddOptionToDoc",
+        "resolved": "AddOptionToDoc",
+        "references": {
+          "AddOptionToDoc": {
+            "location": "import",
+            "path": "../../interfaces/add-option-to-doc"
+          }
+        }
+      }
+    }, {
+      "method": "ldfDocShouldChange",
+      "name": "ldfDocShouldChange",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "complexType": {
+        "original": "Change",
+        "resolved": "Change",
+        "references": {
+          "Change": {
+            "location": "import",
+            "path": "@venite/ldf"
+          }
+        }
+      }
+    }, {
+      "method": "ldfOptionAskForStoredSelection",
+      "name": "ldfOptionAskForStoredSelection",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "complexType": {
+        "original": "{ el: HTMLElement }",
+        "resolved": "{ el: HTMLElement; }",
+        "references": {
+          "HTMLElement": {
+            "location": "global"
+          }
+        }
+      }
+    }, {
+      "method": "ldfOptionMakeSelection",
+      "name": "ldfOptionMakeSelection",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "complexType": {
+        "original": "{ slug: string; index: number; }",
+        "resolved": "{ slug: string; index: number; }",
+        "references": {}
+      }
+    }]; }
+  static get elementRef() { return "el"; }
+  static get watchers() { return [{
+      "propName": "doc",
+      "methodName": "docChanged"
+    }]; }
+}

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.js

@@ -5,6 +5,7 @@ import showdown from 'showdown';
 import EN from './text.i18n.en.json';
 import ES from './text.i18n.es.json';
 import { modalController } from '@ionic/core';
+import { useDropcap } from '../../utils/dropcaps';
 const LOCALE = {
   'en': EN,
   'es': ES
@@ -128,11 +129,8 @@ export class TextComponent {
             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 }));
-                }),
+                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),

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

@@ -0,0 +1,3 @@
+{
+  "parallel": "Parallel"
+}

package/dist/collection/utils/dropcaps.js

@@ -0,0 +1,17 @@
+export 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";
+  }
+}

package/dist/esm/{book-30d463e4.js → book-ffb2b7c9.js}

@@ -255,7 +255,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/esm/dropcaps-9409f9e0.js

@@ -0,0 +1,19 @@
+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";
+  }
+}
+
+export { useDropcap as u };

package/dist/esm/{heading-3148493f.js → heading-32b75b51.js}

@@ -1,4 +1,4 @@
-import { L as LiturgicalDocument } from './book-30d463e4.js';
+import { L as LiturgicalDocument } from './book-ffb2b7c9.js';
 
 const STYLES = ['text', 'day', 'date'];
 class Heading extends LiturgicalDocument {

package/dist/esm/{image-72083f34.js → image-b773ce41.js}

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

package/dist/esm/index-034add74.js

@@ -2066,10 +2066,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           return import(
             /* webpackMode: "lazy" */
             './ldf-editable-string-list.entry.js').then(processMod, consoleError);
-        case 'ion-segment_16':
+        case 'ion-segment_17':
           return import(
             /* webpackMode: "lazy" */
-            './ion-segment_16.entry.js').then(processMod, consoleError);
+            './ion-segment_17.entry.js').then(processMod, consoleError);
         case 'ldf-editable-boolean_2':
           return import(
             /* webpackMode: "lazy" */

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

@@ -7,7 +7,7 @@ import { g as getScrollElement, f as findIonContent, p as printIonContentErrorMs
 import { c as chevronForward, a as arrowBackSharp, b as closeCircle, d as closeSharp, s as searchOutline, e as searchSharp } from './index-f258b2dd.js';
 import { p as printIonError } from './index-ac6e5d74.js';
 import { p as popoverController } from './overlays-59377e10.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';
 import './hardware-back-button-fa04d6e9.js';

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

@@ -2,8 +2,8 @@ import { r as registerInstance, h, H as Host, f as forceUpdate, c as createEvent
 import { g as getIonMode } from './ionic-global-24253941.js';
 import { c as createColorClasses } from './theme-7ef00c83.js';
 import { f as alertController } from './overlays-59377e10.js';
-import './book-30d463e4.js';
-import { R as Refrain } from './refrain-7bd7ce8a.js';
+import './book-ffb2b7c9.js';
+import { R as Refrain } from './refrain-03edc2dd.js';
 import { C as Change } from './change-ea574d32.js';
 import { g as getComponentClosestLanguage } from './locale-de430ca1.js';
 import './hardware-back-button-fa04d6e9.js';

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

@@ -3,7 +3,7 @@ import { g as getIonMode } from './ionic-global-24253941.js';
 import { d as debounceEvent, i as inheritAriaAttributes, j as inheritAttributes, p as findItemLabel } from './helpers-af86adf0.js';
 import { c as createColorClasses } from './theme-7ef00c83.js';
 import { D as Debounce } from './index-f08f6130.js';
-import './book-30d463e4.js';
+import './book-ffb2b7c9.js';
 import { C as Cursor } from './cursor-0e47f111.js';
 import { C as Change } from './change-ea574d32.js';
 import { c as createCommonjsModule } from './_commonjsHelpers-ba3f0406.js';