@venite/components 0.16.7 → 0.16.13

package/dist/ldf/ldf-meditation.entry.js

@@ -1,180 +0,0 @@
-import { r as registerInstance, f as createEvent, h, i as Host, j as getElement } from './index-ea7a35b9.js';
-import { M as Meditation } from './index-f441adec.js';
-import { g as getComponentClosestLanguage } from './locale-d595f8f6.js';
-import './_commonjsHelpers-8fe71198.js';
-
-const start = "Start";
-const pause = "Pause";
-const resume = "Resume";
-const meditate = "Meditate for";
-const minutes = "minutes.";
-const seconds = " seconds. ";
-const EN = {
-	start: start,
-	pause: pause,
-	resume: resume,
-	meditate: meditate,
-	minutes: minutes,
-	seconds: seconds
-};
-
-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 = {
-  'en': EN
-};
-const MeditationComponent = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.timerChanged = createEvent(this, "timerChanged", 7);
-    this.started = false;
-    this.paused = false;
-    this.startingDuration = undefined;
-    /** Liturgical color to use in display */
-    this.color = "#3333ff";
-  }
-  docChanged(newDoc) {
-    try {
-      if (typeof newDoc == 'string') {
-        this.obj = new Meditation(JSON.parse(newDoc));
-      }
-      else {
-        this.obj = new Meditation(newDoc);
-      }
-    }
-    catch (e) {
-      console.warn(e);
-      this.obj = new Meditation();
-    }
-  }
-  // Lifecycle events
-  async componentWillLoad() {
-    // parse doc we're passed
-    this.docChanged(this.doc);
-    this.loadLocaleStrings();
-    // start the timer
-    if (this.autostart) {
-      this.secondsRemaining = this.obj.metadata.length;
-      this.start();
-    }
-  }
-  // Public methods
-  /** Start the timer, either with a given value of seconds or with the number passed in the Meditation object metadata */
-  async start(value = undefined) {
-    var _a, _b;
-    const metadata = (_b = (_a = this.obj) === null || _a === void 0 ? void 0 : _a.metadata) !== null && _b !== void 0 ? _b : { length: 300, delay: 0 }, seconds = value || metadata.length, delay = metadata.delay;
-    this.secondsRemaining = seconds;
-    this.startingDuration = seconds;
-    // Start the timer after the delay
-    setTimeout(() => {
-      this.startTimer();
-      this.started = true;
-    }, delay);
-    // Emit event that it's running, after the delay
-    setTimeout(() => {
-      this.timerChanged.emit('start');
-    }, delay);
-  }
-  /** Pause the timer */
-  async pause() {
-    this.paused = true;
-    this.stopTimer();
-  }
-  /** Resume the timer */
-  async resume() {
-    this.paused = false;
-    this.startTimer();
-    this.timerChanged.emit('resume');
-  }
-  /** Rewind the timer to its initial value and restart it */
-  async rewind() {
-    this.pause(); // pause and clear the timer
-    this.stopTimer();
-    this.start(); // starts with the value passed
-    this.timerChanged.emit('rewind');
-  }
-  /** Returns the total duration this timer is running for. */
-  async duration() {
-    return this.startingDuration;
-  }
-  /** Reset the selector for length of time */
-  async reset() {
-    await this.pause();
-    this.secondsRemaining = undefined;
-  }
-  // Private methods
-  async loadLocaleStrings() {
-    try {
-      this.localeStrings = LOCALE[getComponentClosestLanguage(this.element)];
-    }
-    catch (e) {
-      console.warn(e);
-    }
-  }
-  minutesSeconds(value) {
-    const negative = value < 0, minutes = Math.floor(Math.abs(value / 60));
-    return `${negative ? '-' : ''}${minutes.toString().padStart(2, '0')}:${Math.abs((value - minutes * 60)).toString().padStart(2, '0')}`;
-  }
-  startTimer() {
-    this.timerId = setInterval(() => {
-      this.secondsRemaining--;
-      if (this.secondsRemaining == 0) {
-        this.timerChanged.emit('complete');
-        this.startingDuration = undefined;
-      }
-      else {
-        this.timerChanged.emit(this.secondsRemaining);
-      }
-    }, 1000);
-  }
-  stopTimer() {
-    if (this.timerId) {
-      clearInterval(this.timerId);
-    }
-    // tell the listener to stop audio, controls, etc.
-    this.timerChanged.emit('pause');
-  }
-  handleControlSubmit(e) {
-    e.preventDefault();
-  }
-  handleControlValue(e) {
-    var _a, _b, _c;
-    // Blank values are bad -- replace with 0
-    let value = e.target.value;
-    if (value == '') {
-      value = '0';
-    }
-    // Apply directly to the object and refresh display
-    Object.assign(this.obj, {
-      metadata: Object.assign(Object.assign({}, this.obj.metadata), { length: parseInt(value) * 60 })
-    });
-    this.obj = new Meditation(this.obj);
-    this.secondsRemaining = (_c = (_b = (_a = this.obj) === null || _a === void 0 ? void 0 : _a.metadata) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : 0;
-  }
-  buttonNode(handler, label, icon, fill = 'clear', size = 'large') {
-    const localeStrings = this.localeStrings || {};
-    if (customElements && !!customElements.get('ion-button')) {
-      return (h("ion-button", { onClick: handler, fill: fill, size: size }, h("ion-icon", { name: icon, slot: 'start' }), h("ion-label", null, localeStrings[label])));
-    }
-    else {
-      return (h("button", { onClick: handler, class: fill, style: { color: this.color } }, localeStrings[label]));
-    }
-  }
-  // Render
-  render() {
-    var _a, _b, _c, _d, _e, _f, _g;
-    const localeStrings = this.localeStrings || {};
-    const length = (_c = (_b = (_a = this.obj) === null || _a === void 0 ? void 0 : _a.metadata) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : 300, progressAmount = this.secondsRemaining / length, progressPercent = progressAmount * 100;
-    //console.log('meditation', length, progressAmount, progressPercent)
-    return (this.editable
-      ? h(Host, null, h("form", { class: 'controls', onSubmit: (e) => this.handleControlSubmit(e) }, h("span", null, localeStrings.meditate), h("ldf-editable-text", { inputType: "number", short: true, path: `${this.path}/metadata/length`, text: (_g = ((_f = (_e = (_d = this.obj) === null || _d === void 0 ? void 0 : _d.metadata) === null || _e === void 0 ? void 0 : _e.length) !== null && _f !== void 0 ? _f : 300)) === null || _g === void 0 ? void 0 : _g.toString() }), h("span", null, localeStrings.seconds), h("span", null, "(", Math.floor(length / 60), ":", Math.floor(length % 60).toString().padStart(2, '0'), ")")))
-      : h(Host, null, h("div", { class: { 'control-container': true, 'hidden': !!this.secondsRemaining } }, h("form", { class: 'controls', onSubmit: (e) => this.handleControlSubmit(e) }, this.buttonNode(() => this.start(), 'meditate', 'sunny', 'solid', 'small'), h("input", { type: 'number', value: length / 60, onInput: (e) => this.handleControlValue(e) }), h("span", null, localeStrings.minutes))), h("div", { class: { 'hidden': !this.secondsRemaining } }, h("div", { class: 'progress-circle-container' }, h("div", { class: 'progress-circle', style: { background: `conic-gradient(${this.color} ${100 - progressPercent}%, 0, #ecf0f1 ${progressPercent}%)` } }, h("div", { class: 'circle-overlay' }, h("div", { class: 'seconds' }, this.minutesSeconds(this.secondsRemaining)), h("div", { class: 'controls' }, !this.started && this.buttonNode(() => this.start(), 'start', 'start'), this.started && !this.paused && this.buttonNode(() => this.pause(), 'pause', 'pause'), this.started && this.paused && this.buttonNode(() => this.resume(), 'resume', 'play'))))))));
-  }
-  get element() { return getElement(this); }
-  static get watchers() { return {
-    "doc": ["docChanged"]
-  }; }
-};
-MeditationComponent.style = meditationCss;
-
-export { MeditationComponent as ldf_meditation };

package/dist/ldf/ldf-prayers-and-thanksgivings.entry.js

@@ -1,136 +0,0 @@
-import { r as registerInstance, f as createEvent, h, j as getElement } from './index-ea7a35b9.js';
-import './index-f4e3260e.js';
-import { C as Change } from './index-f441adec.js';
-import { g as getComponentClosestLanguage } from './locale-d595f8f6.js';
-import { f as popoverController } from './overlays-10805282.js';
-import './utils-8d15f916.js';
-import './animation-6b850b6a.js';
-import './helpers-e9bf4204.js';
-import './ios.transition-1d534d59.js';
-import './index-fc8c2f30.js';
-import './md.transition-a8cd439c.js';
-import './cubic-bezier-89113939.js';
-import './index-9b41fcc6.js';
-import './ionic-global-98eeb119.js';
-import './index-86d5f3ab.js';
-import './index-4505cc02.js';
-import './hardware-back-button-b3b61715.js';
-import './_commonjsHelpers-8fe71198.js';
-
-const title = "Prayers and Thanksgivings";
-const EN = {
-	title: title
-};
-
-const prayersAndThanksgivingsCss = ".padded.sc-ldf-prayers-and-thanksgivings{padding-left:14px}";
-
-const LOCALE = {
-  'en': EN,
-};
-const PrayersAndThanksgivingsComponent = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.ldfAskForPrayersAndThanksgivings = createEvent(this, "ldfAskForPrayersAndThanksgivings", 7);
-    this.localeStrings = {};
-    this.filter = '';
-  }
-  optionsChange(newOptions) {
-    console.log("new options");
-    this.currentOptions = newOptions;
-  }
-  /** Set the list of available prayers */
-  async setOptions(options) {
-    this.optionsChange(options);
-    if (this.loading) {
-      this.loading.dismiss();
-    }
-  }
-  // Lifecycle events
-  async componentWillLoad() {
-    this.ldfAskForPrayersAndThanksgivings.emit(true);
-    this.loadLocaleStrings();
-  }
-  // Private methods
-  async loadLocaleStrings() {
-    try {
-      this.localeStrings = LOCALE[getComponentClosestLanguage(this.element)];
-    }
-    catch (e) {
-      console.warn(e);
-    }
-  }
-  async addPrayer(value) {
-    var _a;
-    // if passed a parent, send the message to it that we should insert this doc
-    if (this.parent) {
-      this.parent.ldfDocShouldChange.emit(new Change({
-        path: this.base,
-        op: [{
-            type: 'insertAt',
-            index: this.index,
-            value
-          }]
-      }));
-      (_a = this.modal) === null || _a === void 0 ? void 0 : _a.dismiss();
-    }
-    // otherwise, just pop up the text
-    else {
-      const popover = await popoverController.create({
-        backdropDismiss: true,
-        component: "ldf-liturgical-document",
-        componentProps: {
-          doc: Object.assign(Object.assign({}, value), { value: value.value.map(line => typeof line === "string" ? line.replace("  ", " ") : line) }),
-          padding: "1em"
-        }
-      });
-      await popover.present();
-    }
-  }
-  buildTree() {
-    function groupBy(list, keyGetter) {
-      const map = new Map();
-      list.forEach((item) => {
-        const key = keyGetter(item);
-        const collection = map.get(key);
-        if (!collection) {
-          map.set(key, [item]);
-        }
-        else {
-          collection.push(item);
-        }
-      });
-      return map;
-    }
-    const options = !this.filter ? this.currentOptions || [] :
-      (this.currentOptions || []).filter(doc => { var _a, _b, _c, _d; return ((_b = (_a = doc.label) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === null || _b === void 0 ? void 0 : _b.includes(this.filter.toLowerCase())) || ((_d = (_c = (doc.value || [])[0]) === null || _c === void 0 ? void 0 : _c.toLowerCase()) === null || _d === void 0 ? void 0 : _d.includes(this.filter.toLowerCase())); });
-    const categories = Array.from(groupBy(options, (item) => (item.category || [])[1]));
-    const subcategories = categories.map(([categoryLabel, values]) => [categoryLabel, Array.from(groupBy(values, (item) => (item.category || [])[2]))]);
-    return subcategories;
-  }
-  // Render
-  render() {
-    const localeStrings = this.localeStrings || {};
-    const tree = this.buildTree(), list = h("ion-list", null, h("ion-searchbar", { debounce: 100, onIonChange: (ev) => this.filter = ev.detail.value }), tree.map(([category, values]) => [
-      h("h2", { class: "padded" }, category),
-      ...values.map(([subcategory, subvalues]) => [
-        h("h3", { class: "padded" }, subcategory),
-        ...subvalues
-          .sort((a, b) => { var _a, _b; return Number((_a = a.label) === null || _a === void 0 ? void 0 : _a.split('.')[0]) < Number((_b = b.label) === null || _b === void 0 ? void 0 : _b.split('.')[0]) ? -1 : 1; })
-          .map(option => h("ion-item", { button: true, onClick: () => this.addPrayer(option) }, h("ion-label", null, h("h3", null, option.label), h("p", null, option.value[0].replace(/\*/g, '').replace("  ", " ")))))
-      ])
-    ]));
-    return this.modal
-      ? [
-        h("ion-header", null, h("ion-toolbar", null, h("ion-title", null, localeStrings.title), h("ion-buttons", { slot: "end" }, h("ion-button", { onClick: () => this.modal.dismiss() }, h("ion-icon", { slot: "icon-only", name: "close" }))))),
-        h("ion-content", { class: "ion-padding" }, list)
-      ]
-      : [list];
-  }
-  get element() { return getElement(this); }
-  static get watchers() { return {
-    "options": ["optionsChange"]
-  }; }
-};
-PrayersAndThanksgivingsComponent.style = prayersAndThanksgivingsCss;
-
-export { PrayersAndThanksgivingsComponent as ldf_prayers_and_thanksgivings };

package/dist/ldf/ldf-psalm.entry.js

@@ -1,267 +0,0 @@
-import { r as registerInstance, f as createEvent, h, i as Host, j as getElement } from './index-ea7a35b9.js';
-import './index-f4e3260e.js';
-import { P as Psalm, C as Change, R as Refrain, k as dateFromYMDString, H as Heading } from './index-f441adec.js';
-import { g as getComponentClosestLanguage } from './locale-d595f8f6.js';
-import { m as modalController } from './overlays-10805282.js';
-import './utils-8d15f916.js';
-import './animation-6b850b6a.js';
-import './helpers-e9bf4204.js';
-import './ios.transition-1d534d59.js';
-import './index-fc8c2f30.js';
-import './md.transition-a8cd439c.js';
-import './cubic-bezier-89113939.js';
-import './index-9b41fcc6.js';
-import './ionic-global-98eeb119.js';
-import './index-86d5f3ab.js';
-import './index-4505cc02.js';
-import './hardware-back-button-b3b61715.js';
-import './_commonjsHelpers-8fe71198.js';
-
-const changeCanticle = "Change Canticle";
-const citation = "(Biblical) Citation";
-const label = "Label";
-const latinname = "Latin Name";
-const section_break_insert = "+ insert section break";
-const section_break_remove = "x remove section break";
-const source = "Source";
-const source_citation = "Citation";
-const EN = {
-	changeCanticle: changeCanticle,
-	citation: citation,
-	label: label,
-	latinname: latinname,
-	section_break_insert: section_break_insert,
-	section_break_remove: section_break_remove,
-	source: source,
-	source_citation: source_citation
-};
-
-const psalmCss = "ldf-psalm.sc-ldf-psalm,.sc-ldf-psalm-h{font-family:var(--ldf-font-face);--ldf-drop-margin-right:var(--ldf-drop-psalm-margin-right)}.psalm-set.sc-ldf-psalm{margin-top:0.5em;margin-bottom:0.5em}.psalm-set.sc-ldf-psalm .psalm.sc-ldf-psalm{display:var(--ldf-psalm-grid-display);grid-template-columns:var(--ldf-psalm-grid-template-columns);grid-template-rows:auto;grid-template-areas:var(--ldf-psalm-grid-template-areas);margin:0;text-indent:var(--ldf-psalm-verse-indentation)}.psalm-set.sc-ldf-psalm .psalm.sc-ldf-psalm br.sc-ldf-psalm{display:var(--ldf-psalm-line-break-display)}.psalm-set.sc-ldf-psalm .psalm.sc-ldf-psalm sup.sc-ldf-psalm{float:var(--ldf-psalm-number-float);display:var(--ldf-psalm-number-display);grid-area:var(--ldf-psalm-number-grid-area);margin-right:var(--ldf-psalm-number-margin-right)}.psalm-set.sc-ldf-psalm .psalm.sc-ldf-psalm .text.sc-ldf-psalm{display:var(--ldf-psalm-text-display);grid-area:var(--ldf-psalm-text-grid-area)}.psalm-set.sc-ldf-psalm .psalm.sc-ldf-psalm .halfverse.sc-ldf-psalm{margin-left:var(--ldf-psalm-halfverse-margin-left)}.psalm-set.sc-ldf-psalm .psalm.sc-ldf-psalm .verse.sc-ldf-psalm,.psalm-set.sc-ldf-psalm .psalm.sc-ldf-psalm .halfverse.sc-ldf-psalm{display:var(--ldf-psalm-verse-display);display:var(--ldf-psalm-verse-display)}.editable.sc-ldf-psalm .verse.sc-ldf-psalm,.editable.sc-ldf-psalm .halfverse.sc-ldf-psalm{width:100%}.psalm-parent.no-numbers.sc-ldf-psalm{display:block;text-align:left;grid-template-columns:none;grid-template-rows:none;grid-template-areas:none}.psalm-parent.no-numbers.sc-ldf-psalm .psalm.sc-ldf-psalm{display:block;grid-template-columns:none;grid-template-rows:none;grid-template-areas:none}.psalm-parent.no-numbers.sc-ldf-psalm .psalm.sc-ldf-psalm .text.sc-ldf-psalm{text-align:left;grid-area:none;display:var(--ldf-psalm-text-display);width:100%}.psalm-set.sc-ldf-psalm .psalm.sc-ldf-psalm:nth-of-type(1) sup.sc-ldf-psalm{display:var(--ldf-psalm-set-first-verse-number-display)}.psalm-set.sc-ldf-psalm .psalm.sc-ldf-psalm:nth-of-type(1) .text.sc-ldf-psalm:nth-of-type(1) .verse.sc-ldf-psalm:nth-of-type(1){display:var(--ldf-psalm-set-first-verse-display)}.psalm-set.sc-ldf-psalm .psalm.sc-ldf-psalm:nth-of-type(1) .text.sc-ldf-psalm:nth-of-type(1) .halfverse.sc-ldf-psalm:nth-of-type(2){display:var(--ldf-psalm-set-first-half-verse-display, inline-block)}.psalm-set.sc-ldf-psalm:nth-of-type(1) .psalm.sc-ldf-psalm:nth-of-type(1) sup.sc-ldf-psalm{display:var(--ldf-psalm-first-verse-number-display)}.psalm-set.sc-ldf-psalm:nth-of-type(1) .psalm.sc-ldf-psalm:nth-of-type(1) .text.sc-ldf-psalm:nth-of-type(1) .verse.sc-ldf-psalm:nth-of-type(1){display:var(--ldf-psalm-first-verse-display)}.psalm-set.sc-ldf-psalm:nth-of-type(1) .psalm.sc-ldf-psalm:nth-of-type(1) .text.sc-ldf-psalm:nth-of-type(1) .halfverse.sc-ldf-psalm:nth-of-type(2){display:var(--ldf-psalm-first-half-verse-display, inline-block)}.antiphon.sc-ldf-psalm{display:var(--ldf-psalm-antiphon-display);font-style:var(--ldf-antiphon-font-style);font-weight:var(--ldf-antiphon-font-weight);margin-top:0.5em}.repeat-antiphon.sc-ldf-psalm{display:var(--ldf-psalm-repeat-antiphon-display)}h5.sc-ldf-psalm{font-size:1em;font-style:italic;font-weight:normal;margin-right:1em}.psalm.unison.sc-ldf-psalm .text.sc-ldf-psalm{font-weight:var(--ldf-unison-font-weight);font-style:var(--ldf-unison-font-style)}.psalm.omit.sc-ldf-psalm .text.sc-ldf-psalm{display:none}.psalm.wholeverse.sc-ldf-psalm .psalm.sc-ldf-psalm:nth-child(even),.psalm-parent.wholeverse.sc-ldf-psalm .psalm.sc-ldf-psalm:nth-child(even){font-weight:var(--ldf-response-font-weight);font-style:var(--ldf-response-font-style)}.psalm.halfverse.sc-ldf-psalm .halfverse.sc-ldf-psalm,.psalm-parent.halfverse.sc-ldf-psalm .halfverse.sc-ldf-psalm{font-weight:var(--ldf-response-font-weight);font-style:var(--ldf-response-font-style)}h3.editable-label.sc-ldf-psalm{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)}.section-break.sc-ldf-psalm{display:block;text-align:center;width:100%}.section-break.hidden.sc-ldf-psalm{display:none}";
-
-const LOCALE = {
-  'en': EN,
-};
-const PsalmComponent = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.ldfAskForCanticleOptions = createEvent(this, "ldfAskForCanticleOptions", 7);
-    this.ldfDocShouldChange = createEvent(this, "ldfDocShouldChange", 7);
-    this.focusedVerse = undefined;
-    this.focusedSection = undefined;
-  }
-  docChanged(newDoc) {
-    try {
-      if (typeof newDoc == 'string') {
-        this.obj = new Psalm(JSON.parse(newDoc));
-      }
-      else {
-        this.obj = new Psalm(newDoc);
-      }
-      this.filter();
-    }
-    catch (e) {
-      console.warn(e);
-      this.obj = new Psalm();
-    }
-  }
-  // Lifecycle events
-  async componentWillLoad() {
-    this.docChanged(this.doc);
-    this.loadLocaleStrings();
-    this.filter();
-  }
-  // Private methods
-  async loadLocaleStrings() {
-    try {
-      this.localeStrings = LOCALE[getComponentClosestLanguage(this.element)];
-    }
-    catch (e) {
-      console.warn(e);
-    }
-  }
-  async changeCanticle() {
-    const modal = await modalController.create({
-      component: 'ldf-editable-filter-documents',
-    });
-    modal.componentProps = {
-      modal,
-      type: "canticle",
-      changeCallback: (doc) => {
-        this.ldfDocShouldChange.emit(new Change({
-          path: this.path,
-          op: [{
-              type: 'set',
-              oldValue: this.obj,
-              value: doc
-            }]
-        }));
-      }
-    };
-    await modal.present();
-    this.ldfAskForCanticleOptions.emit(this.path);
-  }
-  async filter() {
-    this.filteredValue = this.obj.filteredVerses();
-  }
-  // Render helpers
-  antiphonNode(antiphon, notEditable = false) {
-    var _a, _b;
-    if (typeof antiphon == 'string') {
-      const refrain = new Refrain({ type: 'refrain', value: [antiphon], style: 'antiphon' });
-      return h("ldf-refrain", { class: 'antiphon', doc: refrain, editable: this.editable && !notEditable, path: `${this.path}/metadata/antiphon` });
-    }
-    else if (antiphon === null || antiphon === void 0 ? void 0 : antiphon.type) {
-      return h("ldf-liturgical-document", { class: 'antiphon', doc: antiphon, path: `${this.path}/metadata/antiphon`, editable: this.editable && !notEditable });
-    }
-    else if (typeof antiphon == 'object') {
-      // antiphon is something like an O antiphon tree:
-      // dates can be either MM/DD or MM-DD
-      // { '12/23': '...', '12/24': '...' }
-      const date = this.obj.day ? dateFromYMDString((_b = (_a = this.obj) === null || _a === void 0 ? void 0 : _a.day) === null || _b === void 0 ? void 0 : _b.date) : new Date();
-      return this.antiphonNode(antiphon[`${date.getMonth() + 1}/${date.getDate()}`] || antiphon[`${date.getMonth() + 1}-${date.getDate()}`], true);
-    }
-  }
-  gloriaNode(gloria) {
-    if (typeof gloria == 'string') {
-      const refrain = new Refrain({ value: [gloria], style: 'gloria' });
-      return h("ldf-liturgical-document", { doc: refrain, editable: this.editable });
-    }
-    else {
-      return h("ldf-liturgical-document", { doc: gloria, editable: this.editable });
-    }
-  }
-  headingNode(value = undefined, level = 3, showLatinName = true, omitCitation = false, omitSource = false) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
-    let label = this.obj.label;
-    if (this.obj.style == 'canticle' && this.obj.metadata && this.obj.metadata.number && this.obj.metadata.localname) {
-      label = `${this.obj.metadata.number}. ${this.obj.metadata.localname}`;
-    }
-    else if (this.obj.style == 'canticle' && this.obj.metadata && this.obj.metadata.localname) {
-      label = this.obj.metadata.localname;
-    }
-    const heading = new Heading({
-      type: 'heading',
-      metadata: { level },
-      citation: !omitCitation && ((_a = this.obj) === null || _a === void 0 ? void 0 : _a.citation) !== ((_b = this.obj) === null || _b === void 0 ? void 0 : _b.label) ? (_c = this.obj) === null || _c === void 0 ? void 0 : _c.citation : undefined,
-      value: [value !== null && value !== void 0 ? value : label],
-      source: omitSource ? undefined : (_d = this.obj) === null || _d === void 0 ? void 0 : _d.source
-    });
-    return (this.editable
-      ? [
-        h("ldf-label-bar", null, h("h3", { slot: "start", class: "editable-label" }, h("ldf-editable-text", { id: "label", text: (_e = this.obj) === null || _e === void 0 ? void 0 : _e.label, path: `${this.path}/label`, placeholder: (_f = this.localeStrings) === null || _f === void 0 ? void 0 : _f.label })), ((_g = this.obj) === null || _g === void 0 ? void 0 : _g.metadata) && h("ldf-editable-text", { id: "latinname", text: (_j = (_h = this.obj) === null || _h === void 0 ? void 0 : _h.metadata) === null || _j === void 0 ? void 0 : _j.latinname, path: `${this.path}/metadata/latinname`, placeholder: (_k = this.localeStrings) === null || _k === void 0 ? void 0 : _k.latinname }), h("ldf-editable-text", { slot: "end", id: "source-source", text: (_m = (_l = this.obj) === null || _l === void 0 ? void 0 : _l.source) === null || _m === void 0 ? void 0 : _m.source, path: `${this.path}/source/source`, placeholder: (_o = this.localeStrings) === null || _o === void 0 ? void 0 : _o.source }), h("ldf-editable-text", { slot: "end", id: "source-citation", text: (_q = (_p = this.obj) === null || _p === void 0 ? void 0 : _p.source) === null || _q === void 0 ? void 0 : _q.citation, path: `${this.path}/source/citation`, placeholder: (_r = this.localeStrings) === null || _r === void 0 ? void 0 : _r.source_citation })),
-        h("ldf-label-bar", null, h("ldf-editable-text", { slot: "start", id: "citation", text: (_s = this.obj) === null || _s === void 0 ? void 0 : _s.citation, path: `${this.path}/citation`, placeholder: (_t = this.localeStrings) === null || _t === void 0 ? void 0 : _t.citation }))
-      ]
-      : h("ldf-heading", { doc: heading }, showLatinName && h("h5", { slot: 'additional' }, (_v = (_u = this.obj) === null || _u === void 0 ? void 0 : _u.metadata) === null || _v === void 0 ? void 0 : _v.latinname)));
-  }
-  insertSectionBreakAfterVerse(sectionIndex, verseIndex) {
-    const section = this.obj.value[sectionIndex], remainingVerses = section.value.slice(0, verseIndex + 1), movingVerses = section.value.slice(verseIndex + 1);
-    this.ldfDocShouldChange.emit(new Change({
-      path: `${this.path}/value/${sectionIndex}`,
-      op: [{
-          type: 'set',
-          oldValue: section,
-          value: Object.assign(Object.assign({}, section), { value: remainingVerses })
-        }]
-    }));
-    this.ldfDocShouldChange.emit(new Change({
-      path: `${this.path}/value`,
-      op: [{
-          type: 'insertAt',
-          index: sectionIndex + 1,
-          oldValue: section,
-          value: Object.assign(Object.assign({}, section), { value: movingVerses })
-        }]
-    }));
-  }
-  removeSectionBreakAfter(sectionIndex) {
-    const thisSection = this.obj.value[sectionIndex], nextSection = this.obj.value[sectionIndex + 1];
-    if (thisSection && nextSection) {
-      const combinedValue = thisSection.value.concat(nextSection.value);
-      this.ldfDocShouldChange.emit(new Change({
-        path: `${this.path}/value/${sectionIndex}/value`,
-        op: [{
-            type: 'set',
-            oldValue: thisSection.value,
-            value: combinedValue
-          }]
-      }));
-      this.ldfDocShouldChange.emit(new Change({
-        path: `${this.path}/value`,
-        op: [{
-            type: 'deleteAt',
-            index: sectionIndex + 1,
-            oldValue: nextSection
-          }]
-      }));
-    }
-  }
-  // Render
-  render() {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
-    const includeAntiphon = this.obj.includeAntiphon();
-    // create blank psalm verse pattern
-    let pattern, templateMaker = (verse) => ({ type: 'psalm-verse', number: '', halfverse: '', verse });
-    if (this.editable) {
-      pattern = Object.assign({}, (((_b = (_a = this.obj) === null || _a === void 0 ? void 0 : _a.value[0]) === null || _b === void 0 ? void 0 : _b.value[0]) || { type: 'psalm-verse', number: '', halfverse: '', verse: '' }));
-      if (pattern.number) {
-        pattern.number = '';
-      }
-      if (pattern.halfverse) {
-        pattern.halfverse = '';
-      }
-      if (pattern.verse) {
-        pattern.verse = '';
-      }
-    }
-    const noNumbers = (((_c = this.obj) === null || _c === void 0 ? void 0 : _c.value) || [])
-      .map(section => section.value.map(verse => !Boolean(verse.number)))
-      .flat()
-      .reduce((a, b) => a || b, false);
-    const localeStrings = this.localeStrings || {};
-    return (h(Host, { lang: ((_d = this.obj) === null || _d === void 0 ? void 0 : _d.language) || 'en' }, h("div", { class: `psalm-parent ${this.editable ? 'editable' : ''} ${((_e = this.obj) === null || _e === void 0 ? void 0 : _e.display_format) || 'default'} ${noNumbers ? 'no-numbers' : ''}` }, (this.editable || ((_f = this.obj) === null || _f === void 0 ? void 0 : _f.style) === 'canticle') && h("ldf-label-bar", null, h("slot", { slot: 'end', name: 'controls' }, ((_g = this.obj) === null || _g === void 0 ? void 0 : _g.style) === 'canticle' && ((_j = (_h = this.obj) === null || _h === void 0 ? void 0 : _h.metadata) === null || _j === void 0 ? void 0 : _j.changeable) && h("ldf-label-bar", null, h("slot", { slot: 'end', name: 'controls' }, h("ion-buttons", null, h("ion-button", { onClick: () => this.changeCanticle() }, h("ion-icon", { name: "swap-horizontal", slot: "start" }), h("ion-label", null, localeStrings.changeCanticle))))))), this.headingNode(), includeAntiphon && this.antiphonNode(this.obj.metadata.antiphon), (_k = this.filteredValue) === null || _k === void 0 ? void 0 :
-      _k.map((section, sectionIndex) => {
-        var _a, _b, _c;
-        return [
-          // render a `Heading`, if this section has a `label`
-          section.label && ((_a = section.value) === null || _a === void 0 ? void 0 : _a.length) > 0 && this.headingNode(section.label, 4, false, true, true),
-          // build a set of verses
-          h("div", { class: 'psalm-set' }, section.value.map((verse, verseIndex) => {
-            var _a, _b, _c, _d, _e, _f, _g, _h;
-            // build each verse
-            if (verse instanceof Heading) {
-              // for e.g., the Benedicite, Heading passed at head of section
-              return h("ldf-heading", { doc: verse });
-            }
-            else {
-              // otherwise, it's a normal psalm verse
-              const nodes = new Array();
-              // 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 ? 'force' : 'disabled', index: verseIndex, fragment: this.path })));
-              nodes.push(h("br", null));
-              // 2nd half of verse
-              nodes.push(h("div", { class: 'halfverse' }, this.editable ?
-                h("ldf-editable-text", { id: `${this.obj.uid || this.obj.slug}-${sectionIndex}-${verseIndex}-halfverse`, text: verse.halfverse, path: `${this.path}/value/${sectionIndex}/value/${verseIndex}/halfverse`, placeholder: 'consectetur adipiscing elit.', template: pattern }) :
-                h("ldf-string", { text: verse.halfverse, citation: { label: (_e = this.obj) === null || _e === void 0 ? void 0 : _e.label, book: ((_f = this.obj) === null || _f === void 0 ? void 0 : _f.style) === 'psalm' ? 'Psalm' : undefined, chapter: (_h = (_g = this.obj) === null || _g === void 0 ? void 0 : _g.metadata) === null || _h === void 0 ? void 0 : _h.number, verse: verse.number }, dropcap: 'disabled', fragment: this.path })));
-              // render the verse
-              return (h("p", { class: this.editable ? 'psalm editable' : 'psalm', onClick: () => {
-                  this.focusedVerse = verseIndex;
-                  this.focusedSection = sectionIndex;
-                } }, this.editable ?
-                h("ldf-editable-text", { id: `${this.obj.uid || this.obj.slug}-${sectionIndex}-${verseIndex}-number`, text: verse.number, path: `${this.path}/value/${sectionIndex}/value/${verseIndex}/number`, placeholder: '#', template: pattern }) :
-                (verse.number && h("sup", null, verse.number)), h("div", { class: 'text' }, nodes, this.editable && h("ion-button", { fill: "clear", class: { "section-break": true, "hidden": this.focusedVerse !== verseIndex || this.focusedSection !== sectionIndex }, onClick: () => this.insertSectionBreakAfterVerse(sectionIndex, verseIndex) }, localeStrings.section_break_insert))));
-            }
-          }), this.obj.repeatAntiphon(sectionIndex, this.filteredValue.length)
-            && h("div", { class: 'repeat-antiphon' }, this.antiphonNode((_c = (_b = this.obj) === null || _b === void 0 ? void 0 : _b.metadata) === null || _c === void 0 ? void 0 : _c.antiphon)), this.editable && this.obj.value.length > (sectionIndex + 1) && h("ion-button", { fill: "clear", class: "section-break", onClick: () => this.removeSectionBreakAfter(sectionIndex) }, localeStrings.section_break_remove))
-        ];
-      }), ((_m = (_l = this.obj) === null || _l === void 0 ? void 0 : _l.metadata) === null || _m === void 0 ? void 0 : _m.gloria) && !this.obj.metadata.omit_gloria && this.gloriaNode(this.obj.metadata.gloria), ((((_p = (_o = this.obj) === null || _o === void 0 ? void 0 : _o.metadata) === null || _p === void 0 ? void 0 : _p.gloria) && !this.obj.metadata.omit_gloria) || (((_r = (_q = this.obj) === null || _q === void 0 ? void 0 : _q.metadata) === null || _r === void 0 ? void 0 : _r.gloria) === undefined || Boolean((_t = (_s = this.obj) === null || _s === void 0 ? void 0 : _s.metadata) === null || _t === void 0 ? void 0 : _t.omit_gloria))) && includeAntiphon && this.antiphonNode((_v = (_u = this.obj) === null || _u === void 0 ? void 0 : _u.metadata) === null || _v === void 0 ? void 0 : _v.antiphon))));
-  }
-  get element() { return getElement(this); }
-  static get watchers() { return {
-    "doc": ["docChanged"]
-  }; }
-};
-PsalmComponent.style = psalmCss;
-
-export { PsalmComponent as ldf_psalm };

package/dist/ldf/ldf-refrain.entry.js

@@ -1,42 +0,0 @@
-import { r as registerInstance, h, i as Host } from './index-ea7a35b9.js';
-import { R as Refrain } from './index-f441adec.js';
-import './_commonjsHelpers-8fe71198.js';
-
-const refrainCss = "ldf-refrain.sc-ldf-refrain,.sc-ldf-refrain-h{font-family:var(--ldf-font-face);display:block}ldf-refrain.sc-ldf-refrain p.sc-ldf-refrain,.sc-ldf-refrain-h p.sc-ldf-refrain{font-style:inherit;margin-bottom:0;margin:0}.antiphon.sc-ldf-refrain{font-style:var(--ldf-antiphon-font-style)}.gloria.sc-ldf-refrain{margin-left:calc(var(--ldf-gloria-indent) / 2);text-indent:calc(var(--ldf-gloria-indent) / -2)}@media (min-width: 450px){.gloria.sc-ldf-refrain{margin-left:var(--ldf-gloria-indent);text-indent:calc(var(--ldf-gloria-indent) * -1)}.gloria.sc-ldf-refrain>p.sc-ldf-refrain:first-child{margin-left:0em}.gloria.sc-ldf-refrain>p.sc-ldf-refrain:nth-child(even){margin-left:1em}}.left.sc-ldf-refrain{text-align:left}.center.sc-ldf-refrain{text-align:center}.right.sc-ldf-refrain{text-align:right}";
-
-const RefrainComponent = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  docChanged(newDoc) {
-    try {
-      if (typeof newDoc == 'string') {
-        this.obj = new Refrain(JSON.parse(newDoc));
-      }
-      else {
-        this.obj = new Refrain(newDoc);
-      }
-    }
-    catch (e) {
-      console.warn(e);
-      this.obj = new Refrain();
-    }
-  }
-  // Lifecycle events
-  componentWillLoad() {
-    this.docChanged(this.doc);
-  }
-  // Render
-  render() {
-    var _a, _b, _c;
-    return (h(Host, { lang: this.obj.language }, this.editable && h("ldf-label-bar", null, h("slot", { slot: 'end', name: 'controls' })), h("div", { class: `${((_a = this.obj) === null || _a === void 0 ? void 0 : _a.style) || ''} ${((_c = (_b = this.obj) === null || _b === void 0 ? void 0 : _b.metadata) === null || _c === void 0 ? void 0 : _c.align) || ''}` }, this.obj.value && this.obj.value.map((para, ii) => this.editable ?
-      h("ldf-editable-text", { id: `${this.obj.uid || this.obj.slug}-${ii}`, text: para, path: `${this.path}/value/${ii}` }) :
-      h("p", { id: `${this.obj.uid || this.obj.slug}-${ii}`, innerHTML: para })))));
-  }
-  static get watchers() { return {
-    "doc": ["docChanged"]
-  }; }
-};
-RefrainComponent.style = refrainCss;
-
-export { RefrainComponent as ldf_refrain };