@venite/components 0.16.5 → 0.16.9

package/dist/collection/components/option/dist/option.js

@@ -0,0 +1,318 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) 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;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+exports.__esModule = true;
+exports.OptionComponent = void 0;
+var core_1 = require("@stencil/core");
+var ldf_1 = require("@venite/ldf");
+var locale_1 = require("../../utils/locale");
+var option_i18n_en_json_1 = require("./option.i18n.en.json");
+var LOCALE = {
+    'en': option_i18n_en_json_1["default"]
+};
+var OptionComponent = /** @class */ (function () {
+    function OptionComponent() {
+    }
+    OptionComponent.prototype.docChanged = function (newDoc) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        try {
+            if (typeof newDoc == 'string') {
+                this.obj = new ldf_1.Option(JSON.parse(newDoc));
+            }
+            else {
+                this.obj = new ldf_1.Option(newDoc);
+            }
+        }
+        catch (e) {
+            console.warn(e);
+            this.obj = new ldf_1.Option();
+        }
+        var selected = this.editable
+            ? (_f = (_c = (_b = (_a = this.obj) === null || _a === void 0 ? void 0 : _a.metadata) === null || _b === void 0 ? void 0 : _b.editor_selected) !== null && _c !== void 0 ? _c : (_e = (_d = this.obj) === null || _d === void 0 ? void 0 : _d.metadata) === null || _e === void 0 ? void 0 : _e.selected) !== null && _f !== void 0 ? _f : 0 : (_j = (_h = (_g = this.obj) === null || _g === void 0 ? void 0 : _g.metadata) === null || _h === void 0 ? void 0 : _h.selected) !== null && _j !== void 0 ? _j : 0;
+        this.select(selected);
+        if (!((_k = this.obj) === null || _k === void 0 ? void 0 : _k.value) || !this.obj.value[selected] || !this.obj.value[selected].value) {
+            this.selectFirstDefined();
+        }
+        this.filterOptions();
+    };
+    // Lifecycle events
+    OptionComponent.prototype.componentWillLoad = function () {
+        this.docChanged(this.doc);
+        this.loadLocaleStrings();
+        this.ldfOptionAskForStoredSelection.emit({ el: this.el });
+    };
+    /** Asynchronously load localization strings */
+    OptionComponent.prototype.loadLocaleStrings = function () {
+        return __awaiter(this, void 0, Promise, function () {
+            return __generator(this, function (_a) {
+                try {
+                    this.localeStrings = LOCALE[locale_1.getComponentClosestLanguage(this.el)];
+                }
+                catch (e) {
+                    console.warn(e);
+                }
+                return [2 /*return*/];
+            });
+        });
+    };
+    /** Display the nth option */
+    OptionComponent.prototype.select = function (index, resultedFromUserAction) {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        if (resultedFromUserAction === void 0) { resultedFromUserAction = false; }
+        return __awaiter(this, void 0, void 0, function () {
+            var hadMetadata, oldValue;
+            return __generator(this, function (_j) {
+                if (((_a = this.obj) === null || _a === void 0 ? void 0 : _a.slug) && typeof index === 'number' && resultedFromUserAction) {
+                    this.ldfOptionMakeSelection.emit({ slug: (_b = this.obj) === null || _b === void 0 ? void 0 : _b.slug, index: index });
+                }
+                hadMetadata = Boolean((_c = this.obj) === null || _c === void 0 ? void 0 : _c.metadata), oldValue = (_e = (_d = this.obj) === null || _d === void 0 ? void 0 : _d.metadata) === null || _e === void 0 ? void 0 : _e.editor_selected;
+                if (Number(index) >= 0) {
+                    //this.selectedDoc = this.obj.value.filter(child => Boolean(child))[index];
+                    if ((_f = this.obj) === null || _f === void 0 ? void 0 : _f.metadata) {
+                        this.obj.metadata.selected = Number(index);
+                        this.obj.metadata.editor_selected = Number(index);
+                    }
+                    else {
+                        this.obj.metadata = { selected: Number(index), editor_selected: Number(index) };
+                    }
+                    this.obj = new ldf_1.Option(__assign({}, this.obj));
+                    // only change the selection at this point if it's not editable
+                    // if it's editable, the editor will control when it changes
+                    if (resultedFromUserAction && !this.editable) {
+                        this.ldfDocShouldChange.emit(new ldf_1.Change({
+                            path: this.path + "/metadata",
+                            op: [{
+                                    type: 'set',
+                                    index: 'selected',
+                                    oldValue: oldValue,
+                                    value: Number(index)
+                                }]
+                        }));
+                    }
+                    if (this.editable) {
+                        if (hadMetadata && index !== oldValue) {
+                            this.ldfDocShouldChange.emit(new ldf_1.Change({
+                                path: this.path + "/metadata",
+                                op: [{
+                                        type: 'set',
+                                        index: 'editor_selected',
+                                        oldValue: oldValue,
+                                        value: Number(index)
+                                    }]
+                            }));
+                        }
+                        else if (!hadMetadata && index !== oldValue) {
+                            this.ldfDocShouldChange.emit(new ldf_1.Change({
+                                path: "" + this.path,
+                                op: [{
+                                        type: 'set',
+                                        index: 'metadata',
+                                        value: { editor_selected: Number(index) }
+                                    }]
+                            }));
+                        }
+                    }
+                    // sets metadata.selected to new index, and creates objects along the way if undefined
+                    // without overriding any other metadata fields
+                    Object.assign(this.obj, { metadata: __assign(__assign({}, this.obj.metadata), { selected: index }) });
+                    Object.assign(this.obj, { metadata: __assign(__assign({}, this.obj.metadata), { editor_selected: index }) });
+                }
+                else if (index === 'add') {
+                    this.ldfAddOptionToDoc.emit({
+                        base: this.path,
+                        index: (_h = (_g = this.obj) === null || _g === void 0 ? void 0 : _g.value) === null || _h === void 0 ? void 0 : _h.length,
+                        obj: this.obj
+                    });
+                }
+                return [2 /*return*/];
+            });
+        });
+    };
+    // Private methods
+    OptionComponent.prototype.onSelectChange = function (ev) {
+        var target = ev.target, value = parseInt(target.value);
+        this.select(value, true);
+    };
+    OptionComponent.prototype.selectFirstDefined = function () {
+        var first = this.obj.value.find(function (opt) { return (opt === null || opt === void 0 ? void 0 : opt.value) !== undefined; }), index = this.obj.value.filter(function (child) { return Boolean(child); }).indexOf(first);
+        this.select(index);
+    };
+    OptionComponent.prototype.filterOptions = function () {
+        var _this = this;
+        var _a;
+        if (this.obj) {
+            this.obj = new ldf_1.Option(__assign(__assign({}, this.obj), { value: (((_a = this.obj) === null || _a === void 0 ? void 0 : _a.value) || []).filter(function (entry) {
+                    return _this.editable || (Boolean(entry) && (Boolean(entry.value) || Boolean((entry === null || entry === void 0 ? void 0 : entry.type) === "bible-reading" && entry.citation)));
+                }) }));
+        }
+    };
+    // Render helpers
+    /** Return an Ionic Select or Segment element if available, otherwise a vanilla HTML Select Element */
+    OptionComponent.prototype.selectNode = function () {
+        var _this = this;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+        var currentlySelected = this.editable ? (_f = (_c = (_b = (_a = this.obj) === null || _a === void 0 ? void 0 : _a.metadata) === null || _b === void 0 ? void 0 : _b.editor_selected) !== null && _c !== void 0 ? _c : (_e = (_d = this.obj) === null || _d === void 0 ? void 0 : _d.metadata) === null || _e === void 0 ? void 0 : _e.selected) !== null && _f !== void 0 ? _f : 0 : (_j = (_h = (_g = this.obj) === null || _g === void 0 ? void 0 : _g.metadata) === null || _h === void 0 ? void 0 : _h.selected) !== null && _j !== void 0 ? _j : 0;
+        if (((_l = (_k = this.obj) === null || _k === void 0 ? void 0 : _k.value) === null || _l === void 0 ? void 0 : _l.length) > 1 || this.editable) {
+            // Ionic available and
+            if (customElements && !!customElements.get('ion-select')) {
+                var optionsAreLong = (((_m = this.obj) === null || _m === void 0 ? void 0 : _m.value) || [])
+                    .map(function (option, optionIndex) { var _a; return ((_a = _this.versionLabel(option, optionIndex)) === null || _a === void 0 ? void 0 : _a.length) > 20; })
+                    .reduce(function (a, b) { return a || b; }, false);
+                // <= 3, short options
+                if (!optionsAreLong && ((_o = this.obj) === null || _o === void 0 ? void 0 : _o.value.length) <= 3) {
+                    return (React.createElement("ion-segment", { color: "primary", value: currentlySelected.toString() }, (_p = this.obj) === null || _p === void 0 ? void 0 :
+                        _p.value.map(function (option, optionIndex) {
+                            return React.createElement("ion-segment-button", { value: optionIndex.toString(), onClick: function () { return _this.select(optionIndex, true); } },
+                                React.createElement("ion-label", null, _this.versionLabel(option, optionIndex)));
+                        }),
+                        this.editable && React.createElement("ion-segment-button", { value: 'add', "class": 'add', onClick: function () { return _this.select('add', true); } },
+                            React.createElement("ion-label", null, "+"))));
+                }
+                // >2 options, or options are longish
+                else {
+                    console.log('>2 or longish');
+                    return (React.createElement("ion-toolbar", null,
+                        React.createElement("ion-select", { value: currentlySelected, slot: this.editable ? 'start' : 'end', onIonChange: function (e) { return _this.select(Number(e.detail.value), true); } }, (_q = this.obj) === null || _q === void 0 ? void 0 : _q.value.map(function (option, optionIndex) {
+                            return React.createElement("ion-select-option", { value: optionIndex },
+                                React.createElement("ion-label", null, _this.versionLabel(option, optionIndex)));
+                        })),
+                        this.editable && React.createElement("ion-buttons", { slot: 'end' },
+                            React.createElement("ion-button", { onClick: function () { return _this.select('add', true); } },
+                                React.createElement("ion-icon", { slot: 'icon-only', name: 'add' })))));
+                }
+            }
+            // Ionic not availabe
+            else {
+                return (React.createElement("ldf-label-bar", null,
+                    React.createElement("select", { onInput: function (ev) { return _this.onSelectChange(ev); }, slot: this.editable ? 'start' : 'end' }, (_r = this.obj) === null || _r === void 0 ? void 0 : _r.value.map(function (option, optionIndex) {
+                        return React.createElement("option", { value: optionIndex, selected: optionIndex == currentlySelected }, _this.versionLabel(option, optionIndex));
+                    })),
+                    this.editable && React.createElement("button", { slot: 'end', onClick: function () { return _this.select('add', true); } }, "+")));
+            }
+        }
+        else {
+            return [];
+        }
+    };
+    OptionComponent.prototype.versionLabel = function (option, index) {
+        try {
+            return this.obj.getVersionLabel(option);
+        }
+        catch (e) {
+            console.warn(e);
+            return (this.localeStrings || {}).option + " " + (index + 1);
+        }
+    };
+    // Render
+    OptionComponent.prototype.render = function () {
+        var _a;
+        //console.log('ldf-option (render) ', this.obj?.metadata.selected, this.obj.value, this.selectedDoc)
+        var selectedIndex = this.editable ? (_a = this.obj.metadata.editor_selected) !== null && _a !== void 0 ? _a : this.obj.metadata.selected : this.obj.metadata.selected;
+        return (React.createElement(core_1.Host, { lang: this.obj.language },
+            React.createElement("div", { "class": 'select-control' },
+                React.createElement("ldf-label-bar", null, this.selectNode())),
+            (this.obj.value || this.editable) && React.createElement("ldf-liturgical-document", { doc: this.obj.value[selectedIndex], path: this.path + "/value/" + this.obj.metadata.selected, base: this.path + "/value", index: selectedIndex, editable: this.editable, parentType: 'option' })));
+    };
+    __decorate([
+        core_1.Element()
+    ], OptionComponent.prototype, "el");
+    __decorate([
+        core_1.State()
+    ], OptionComponent.prototype, "obj");
+    __decorate([
+        core_1.State()
+    ], OptionComponent.prototype, "localeStrings");
+    __decorate([
+        core_1.State()
+    ], OptionComponent.prototype, "filteredOptions");
+    __decorate([
+        core_1.Prop()
+    ], OptionComponent.prototype, "doc");
+    __decorate([
+        core_1.Watch('doc')
+    ], OptionComponent.prototype, "docChanged");
+    __decorate([
+        core_1.Prop({ reflect: true })
+    ], OptionComponent.prototype, "path");
+    __decorate([
+        core_1.Prop()
+    ], OptionComponent.prototype, "editable");
+    __decorate([
+        core_1.Prop()
+    ], OptionComponent.prototype, "preview");
+    __decorate([
+        core_1.Event({ bubbles: true })
+    ], OptionComponent.prototype, "ldfAddOptionToDoc");
+    __decorate([
+        core_1.Event({ bubbles: true })
+    ], OptionComponent.prototype, "ldfDocShouldChange");
+    __decorate([
+        core_1.Event({ bubbles: true })
+    ], OptionComponent.prototype, "ldfOptionAskForStoredSelection");
+    __decorate([
+        core_1.Event({ bubbles: true })
+    ], OptionComponent.prototype, "ldfOptionMakeSelection");
+    __decorate([
+        core_1.Method()
+    ], OptionComponent.prototype, "select");
+    OptionComponent = __decorate([
+        core_1.Component({
+            tag: 'ldf-option',
+            styleUrl: 'option.scss',
+            scoped: true
+        })
+    ], OptionComponent);
+    return OptionComponent;
+}());
+exports.OptionComponent = OptionComponent;

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

@@ -258,7 +258,6 @@ var PsalmComponent = /** @class */ (function () {
         var _this = this;
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
         var includeAntiphon = this.obj.includeAntiphon();
-        console.log('includeAntiphon = ', includeAntiphon);
         // create blank psalm verse pattern
         var pattern, templateMaker = function (verse) { return ({ type: 'psalm-verse', number: '', halfverse: '', verse: verse }); };
         if (this.editable) {

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

@@ -167,7 +167,6 @@ export class PsalmComponent {
   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();
-    console.log('includeAntiphon = ', includeAntiphon);
     // create blank psalm verse pattern
     let pattern, templateMaker = (verse) => ({ type: 'psalm-verse', number: '', halfverse: '', verse });
     if (this.editable) {

package/dist/collection/components/string/dist/string.js

@@ -127,10 +127,9 @@ var StringComponent = /** @class */ (function () {
         var final = processed;
         if (firstChunk) {
             var splitTest = (firstChunk || '').split(/[\s.!?\\]/);
-            console.log('firstChunk = ', firstChunk);
             var firstWord = splitTest ? splitTest[0] : '', re = firstWord.length > 2
-                ? /^ ?([\"\'“”‘’\!\?\[\]\(\)\w\u0590-\u05ff\u0370-\u03ff])([\w\u0590-\u05ff\u0370-\u03ff]*)/
-                : /^ ?([\"\'“”‘’\!\?\[\]\(\)\w\u0590-\u05ff\u0370-\u03ff])([\w\u0590-\u05ff\u0370-\u03ff]*[\s.!?]*[\w\u0590-\u05ff\u0370-\u03ff]*)/, reIncludingPunctuation = ((_a = firstWord[0]) === null || _a === void 0 ? void 0 : _a.match(/[\"\'“”‘’\!\?\[\]\(\)]/)) ? /^ ?([\"\'“”‘’\!\?\[\]\(\)\w\u0590-\u05ff\u0370-\u03ff]{2})\s*([\w\u0590-\u05ff\u0370-\u03ff]*)/
+                ? /^ ?([\"\'“”‘’\!\?\[\]\(\)\,\w\u0590-\u05ff\u0370-\u03ff])([\w\u0590-\u05ff\u0370-\u03ff\,]*)/
+                : /^ ?([\"\'“”‘’\!\?\[\]\(\)\,\w\u0590-\u05ff\u0370-\u03ff])([\w\u0590-\u05ff\u0370-\u03ff\,]*[\s.!?]*[\w\u0590-\u05ff\u0370-\u03ff]*)/, reIncludingPunctuation = ((_a = firstWord[0]) === null || _a === void 0 ? void 0 : _a.match(/[\"\'“”‘’\!\?\[\]\(\)]/)) ? /^ ?([\"\'“”‘’\!\?\[\]\(\)\,\w\u0590-\u05ff\u0370-\u03ff]{2})\s*([\w\u0590-\u05ff\u0370-\u03ff]*)/
                 : re, buffer = firstWord.length == 1, split = firstChunk.split(reIncludingPunctuation).filter(function (s) { return s !== ''; }), match1 = split[0], match2 = split[1], nextWord = split[2];
             final = new Array(React.createElement("span", { "class": 'firstword' },
                 React.createElement("span", { "class": buffer ? "drop buffered-drop drop-" + match1 : "drop drop-" + match1 }, match1),

package/dist/collection/components/string/string.js

@@ -116,11 +116,10 @@ export class StringComponent {
     let final = processed;
     if (firstChunk) {
       const splitTest = (firstChunk || '').split(/[\s.!?\\]/);
-      console.log('firstChunk = ', firstChunk);
       const firstWord = splitTest ? splitTest[0] : '', re = firstWord.length > 2
-        ? /^ ?([\"\'“”‘’\!\?\[\]\(\)\w\u0590-\u05ff\u0370-\u03ff])([\w\u0590-\u05ff\u0370-\u03ff]*)/
-        : /^ ?([\"\'“”‘’\!\?\[\]\(\)\w\u0590-\u05ff\u0370-\u03ff])([\w\u0590-\u05ff\u0370-\u03ff]*[\s.!?]*[\w\u0590-\u05ff\u0370-\u03ff]*)/, reIncludingPunctuation = ((_a = firstWord[0]) === null || _a === void 0 ? void 0 : _a.match(/[\"\'“”‘’\!\?\[\]\(\)]/))
-        ? /^ ?([\"\'“”‘’\!\?\[\]\(\)\w\u0590-\u05ff\u0370-\u03ff]{2})\s*([\w\u0590-\u05ff\u0370-\u03ff]*)/
+        ? /^ ?([\"\'“”‘’\!\?\[\]\(\)\,\w\u0590-\u05ff\u0370-\u03ff])([\w\u0590-\u05ff\u0370-\u03ff\,]*)/
+        : /^ ?([\"\'“”‘’\!\?\[\]\(\)\,\w\u0590-\u05ff\u0370-\u03ff])([\w\u0590-\u05ff\u0370-\u03ff\,]*[\s.!?]*[\w\u0590-\u05ff\u0370-\u03ff]*)/, reIncludingPunctuation = ((_a = firstWord[0]) === null || _a === void 0 ? void 0 : _a.match(/[\"\'“”‘’\!\?\[\]\(\)]/))
+        ? /^ ?([\"\'“”‘’\!\?\[\]\(\)\,\w\u0590-\u05ff\u0370-\u03ff]{2})\s*([\w\u0590-\u05ff\u0370-\u03ff]*)/
         : re, buffer = firstWord.length == 1, split = firstChunk.split(reIncludingPunctuation).filter(s => s !== ''), [match1, match2, nextWord] = split;
       final = new Array(h("span", { class: 'firstword' },
         h("span", { class: buffer ? `drop buffered-drop drop-${match1}` : `drop drop-${match1}` }, match1),

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

@@ -145,7 +145,7 @@ var TextComponent = /** @class */ (function () {
             var value = ((_c = (_b = this.obj) === null || _b === void 0 ? void 0 : _b.metadata) === null || _c === void 0 ? void 0 : _c.rollup) ? (((_d = this.obj) === null || _d === void 0 ? void 0 : _d.value) || []).map(function (s) { return s.replace(/\s+/g, ' '); })
                 : (((_e = this.obj) === null || _e === void 0 ? void 0 : _e.value) || []);
             var compiledValue_1 = value.map(function (s) {
-                return s.split(/([\*\w\n\s,:;\.\-–—'“✠”‘’\!\?”\[\]\%\(\)\u0041-\u024F]+([^\*\w\n\s,;:\.'“”✠‘’”\-–—\!\?\[\]\%\(\)\u0041-\u024F]))/g);
+                return s.split(/([\*\w\n\s,:;\.\-–—'“☩✠”‘’\!\?”\[\]\%\(\)\/\u0041-\u024F]+([^\*\w\n\s,;:\.'“”☩✠‘’”\-–—\!\?\[\]\%\(\)\/\u0041-\u024F]))/g);
             });
             if (!this.editable && ((_f = this.obj) === null || _f === void 0 ? void 0 : _f.display_format) === 'abbreviated') {
                 var firstSection = compiledValue_1[0], lastSection = compiledValue_1[compiledValue_1.length - 1];
@@ -183,8 +183,9 @@ var TextComponent = /** @class */ (function () {
                             var _a, _b, _c, _d;
                             return React.createElement("p", { "class": "text-body", id: (_this.obj.uid || _this.obj.slug) + "-prayerIndex" }, prayer === null || prayer === void 0 ? void 0 :
                                 prayer.map(function (chunk, chunkIndex) {
+                                    var _a;
                                     return React.createElement("span", { id: (_this.obj.uid || _this.obj.slug) + "-" + prayerIndex + "-" + chunkIndex },
-                                        React.createElement("ldf-string", { text: chunk, citation: { label: _this.obj.label }, dropcap: prayerIndex === 0 && chunkIndex <= 1 ? "enabled" : "disabled", index: prayerIndex + chunkIndex, fragment: _this.path }));
+                                        React.createElement("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_1.length - 1 && React.createElement("span", { "class": "response" },
                                     " ",

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

@@ -74,7 +74,7 @@ export class TextComponent {
         ? (((_d = this.obj) === null || _d === void 0 ? void 0 : _d.value) || []).map(s => s.replace(/\s+/g, ' '))
         : (((_e = this.obj) === null || _e === void 0 ? void 0 : _e.value) || []);
       let compiledValue = value.map(s => {
-        return s.split(/([\*\w\n\s,:;\.\-–—'“✠”‘’\!\?”\[\]\%\(\)\u0041-\u024F]+([^\*\w\n\s,;:\.'“”✠‘’”\-–—\!\?\[\]\%\(\)\u0041-\u024F]))/g);
+        return s.split(/([\*\w\n\s,:;\.\-–—'“☩✠”‘’\!\?”\[\]\%\(\)\/\u0041-\u024F]+([^\*\w\n\s,;:\.'“”☩✠‘’”\-–—\!\?\[\]\%\(\)\/\u0041-\u024F]))/g);
       });
       if (!this.editable && ((_f = this.obj) === null || _f === void 0 ? void 0 : _f.display_format) === 'abbreviated') {
         const firstSection = compiledValue[0], lastSection = compiledValue[compiledValue.length - 1];
@@ -109,8 +109,11 @@ 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) => h("span", { id: `${this.obj.uid || this.obj.slug}-${prayerIndex}-${chunkIndex}` },
-                  h("ldf-string", { text: chunk, citation: { label: this.obj.label }, dropcap: prayerIndex === 0 && chunkIndex <= 1 ? "enabled" : "disabled", index: prayerIndex + chunkIndex, fragment: this.path }))),
+                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),

package/dist/esm/{index-f5b9b789.js → book-31b8cdde.js}

@@ -1,5 +1,3 @@
-import { c as createCommonjsModule } from './_commonjsHelpers-ba3f0406.js';
-
 // strip away everything but year, month, day
 function dateOnly(d) {
     d.setHours(0);
@@ -145,7 +143,7 @@ const TYPES = [
     'parallel',
 ];
 const LOOKUP_TYPES = ['lectionary', 'canticle', 'category', 'slug', 'collect'];
-const DISPLAY_FORMATS = ['default', 'omit', 'unison', 'abbreviated'];
+const DISPLAY_FORMATS = ['default', 'omit', 'unison', 'abbreviated', 'force_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 */
@@ -281,93 +279,4 @@ var Book;
     Book["Bel"] = "Bel";
 })(Book || (Book = {}));
 
-createCommonjsModule(function (module, exports) {
-// Reference: https://www.geeksforgeeks.org/jaro-and-jaro-winkler-similarity/
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.jaroWinkler = exports.jaro = void 0;
-/**
- *
- * @param str1 String 1 for compare
- * @param str2 String 2 for compare
- * @param options to control case sensitive or not
- */
-function jaro(str1, str2, options) {
-    // Exit early if either are empty.
-    if (str1.length === 0 || str2.length === 0) {
-        return 0;
-    }
-    // Convert to upper if case-sensitive is false.
-    if (options && !options.caseSensitive) {
-        str1 = str1.toUpperCase();
-        str2 = str2.toUpperCase();
-    }
-    // Exact match
-    if (str1 === str2) {
-        return 1;
-    }
-    // Number of matches
-    var m = 0;
-    // Length of two Strings
-    var len1 = str1.length;
-    var len2 = str2.length;
-    // Maximum distance
-    var window = Math.floor(Math.max(len1, len2) / 2) - 1;
-    // Hash for matches
-    var str1Hash = new Array(len1);
-    var str2Hash = new Array(len2);
-    for (var i = 0; i < len1; i++) {
-        for (var j = Math.max(0, i - window); j <= Math.min(len2, i + window + 1); j++) {
-            if (!str1Hash[i] && !str2Hash[j] && str1[i] === str2[j]) {
-                ++m;
-                str1Hash[i] = str2Hash[j] = true;
-                break;
-            }
-        }
-    }
-    // Exit early if no matches were found.
-    if (m === 0) {
-        return 0;
-    }
-    // Count the transpositions.
-    var t = 0;
-    var point = 0;
-    for (var i = 0; i < len1; i++) {
-        if (str1Hash[i]) {
-            while (!str2Hash[point]) {
-                point++;
-            }
-            if (str1.charAt(i) !== str2.charAt(point++)) {
-                t++;
-            }
-        }
-    }
-    t /= 2;
-    return (m / len1 + m / len2 + (m - t) / m) / 3;
-}
-exports.jaro = jaro;
-/**
- *
- * @param str1 String 1 for compare
- * @param str2 String 2 for compare
- * @param options to control case sensitive or not
- */
-function jaroWinkler(str1, str2, options) {
-    // Jaro Distance
-    var jaroDist = jaro(str1, str2, options);
-    // Same prefix length, maxium is 4
-    var prefix = 0;
-    if (jaroDist > 0.7) {
-        var minIndex = Math.min(str1.length, str2.length);
-        var i = 0;
-        while (str1[i] === str2[i] && i < 4 && i < minIndex) {
-            ++prefix;
-            i++;
-        }
-        jaroDist += 0.1 * prefix * (1 - jaroDist);
-    }
-    return jaroDist;
-}
-exports.jaroWinkler = jaroWinkler;
-});
-
 export { Condition as C, LiturgicalDocument as L, Responsive as R, dateOnly as a, dateFromYMDString as d };

package/dist/esm/{heading-c9eb7d89.js → heading-cc5ffa8a.js}

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

package/dist/esm/{image-f0e35b01.js → image-c6a3f0c5.js}

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

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

@@ -3,11 +3,10 @@ import { g as getIonMode$1, i as isPlatform, c as config } from './ionic-global-
 import { h as hasShadowDom, c as clamp, d as debounceEvent, r as raf } from './helpers-8c93393b.js';
 import { o as openURL, c as createColorClasses$1, h as hostContext } from './theme-74c22054.js';
 import { p as popoverController } from './overlays-06b43b65.js';
-import './index-f5b9b789.js';
+import './book-31b8cdde.js';
 import { C as Change } from './change-ea574d32.js';
 import { g as getComponentClosestLanguage } from './locale-ec8e14e6.js';
 import './hardware-back-button-b3b61715.js';
-import './_commonjsHelpers-ba3f0406.js';
 
 const buttonIosCss = ":host{--overflow:hidden;--ripple-color:currentColor;--border-width:initial;--border-color:initial;--border-style:initial;--color-activated:var(--color);--color-focused:var(--color);--color-hover:var(--color);--box-shadow:none;display:inline-block;width:auto;color:var(--color);font-family:var(--ion-font-family, inherit);text-align:center;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;user-select:none;vertical-align:top;vertical-align:-webkit-baseline-middle;pointer-events:auto;font-kerning:none}:host(.button-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.button-solid){--background:var(--ion-color-primary, #3880ff);--color:var(--ion-color-primary-contrast, #fff)}:host(.button-outline){--border-color:var(--ion-color-primary, #3880ff);--background:transparent;--color:var(--ion-color-primary, #3880ff)}:host(.button-clear){--border-width:0;--background:transparent;--color:var(--ion-color-primary, #3880ff)}:host(.button-block){display:block}:host(.button-block) .button-native{margin-left:0;margin-right:0;display:block;width:100%;clear:both;contain:content}:host(.button-block) .button-native::after{clear:both}:host(.button-full){display:block}:host(.button-full) .button-native{margin-left:0;margin-right:0;display:block;width:100%;contain:content}:host(.button-full:not(.button-round)) .button-native{border-radius:0;border-right-width:0;border-left-width:0}.button-native{border-radius:var(--border-radius);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;display:block;position:relative;width:100%;height:100%;transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);outline:none;background:var(--background);line-height:1;box-shadow:var(--box-shadow);contain:layout style;cursor:pointer;opacity:var(--opacity);overflow:var(--overflow);z-index:0;box-sizing:border-box;appearance:none}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){.button-native{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}.button-native::-moz-focus-inner{border:0}.button-inner{display:flex;position:relative;flex-flow:row nowrap;flex-shrink:0;align-items:center;justify-content:center;width:100%;height:100%;z-index:1}::slotted(ion-icon){font-size:1.4em;pointer-events:none}::slotted(ion-icon[slot=start]){margin-left:-0.3em;margin-right:0.3em;margin-top:0;margin-bottom:0}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){::slotted(ion-icon[slot=start]){margin-left:unset;margin-right:unset;-webkit-margin-start:-0.3em;margin-inline-start:-0.3em;-webkit-margin-end:0.3em;margin-inline-end:0.3em}}::slotted(ion-icon[slot=end]){margin-left:0.3em;margin-right:-0.2em;margin-top:0;margin-bottom:0}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){::slotted(ion-icon[slot=end]){margin-left:unset;margin-right:unset;-webkit-margin-start:0.3em;margin-inline-start:0.3em;-webkit-margin-end:-0.2em;margin-inline-end:-0.2em}}::slotted(ion-icon[slot=icon-only]){font-size:1.8em}ion-ripple-effect{color:var(--ripple-color)}.button-native::after{left:0;right:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0}:host(.ion-activated){color:var(--color-activated)}:host(.ion-activated) .button-native::after{background:var(--background-activated);opacity:var(--background-activated-opacity)}:host(.ion-focused){color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}@media (any-hover: hover){:host(:hover){color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}}:host(.button-solid.ion-color) .button-native{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.button-outline.ion-color) .button-native{border-color:var(--ion-color-base);background:transparent;color:var(--ion-color-base)}:host(.button-clear.ion-color) .button-native{background:transparent;color:var(--ion-color-base)}:host(.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{color:var(--ion-toolbar-color, var(--color))}:host(.button-outline.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{border-color:var(--ion-toolbar-color, var(--color, var(--border-color)))}:host(.button-solid.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{background:var(--ion-toolbar-color, var(--background));color:var(--ion-toolbar-background, var(--color))}:host{--border-radius:10px;--padding-top:0;--padding-bottom:0;--padding-start:1em;--padding-end:1em;--transition:background-color, opacity 100ms linear;margin-left:2px;margin-right:2px;margin-top:4px;margin-bottom:4px;height:2.8em;font-size:16px;font-weight:500;letter-spacing:-0.03em}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host{margin-left:unset;margin-right:unset;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:2px;margin-inline-end:2px}}:host(.button-solid){--background-activated:var(--ion-color-primary-shade, #3171e0);--background-focused:var(--ion-color-primary-shade, #3171e0);--background-hover:var(--ion-color-primary-tint, #4c8dff);--background-activated-opacity:1;--background-focused-opacity:1;--background-hover-opacity:1}:host(.button-outline){--border-radius:10px;--border-width:1px;--border-style:solid;--background-activated:var(--ion-color-primary, #3880ff);--background-focused:var(--ion-color-primary, #3880ff);--background-hover:transparent;--background-focused-opacity:.1;--color-activated:var(--ion-color-primary-contrast, #fff)}:host(.button-clear){--background-activated:transparent;--background-focused:var(--ion-color-primary, #3880ff);--background-hover:transparent;--background-focused-opacity:.1;font-size:17px;font-weight:normal;letter-spacing:0}:host(.button-large){--border-radius:12px;--padding-top:0;--padding-start:1em;--padding-end:1em;--padding-bottom:0;height:2.8em;font-size:20px}:host(.button-small){--border-radius:6px;--padding-top:0;--padding-start:0.9em;--padding-end:0.9em;--padding-bottom:0;height:2.1em;font-size:13px}:host(.button-round){--border-radius:64px;--padding-top:0;--padding-start:26px;--padding-end:26px;--padding-bottom:0}:host(.button-strong){font-weight:600}:host(.button-clear.ion-activated){opacity:0.4}:host(.button-outline.ion-activated.ion-color) .button-native{color:var(--ion-color-contrast)}:host(.button-outline.ion-activated.ion-color) .button-native::after{background:var(--ion-color-base)}:host(.button-solid.ion-color.ion-activated) .button-native::after{background:var(--ion-color-shade)}:host(.button-outline.ion-focused.ion-color) .button-native,:host(.button-clear.ion-focused.ion-color) .button-native{color:var(--ion-color-base)}:host(.button-outline.ion-focused.ion-color) .button-native::after,:host(.button-clear.ion-focused.ion-color) .button-native::after{background:var(--ion-color-base)}:host(.button-solid.ion-color.ion-focused) .button-native::after{background:var(--ion-color-shade)}@media (any-hover: hover){:host(.button-clear:hover),:host(.button-outline:hover){opacity:0.6}:host(.button-clear.ion-color:hover) .button-native,:host(.button-outline.ion-color:hover) .button-native{color:var(--ion-color-base)}:host(.button-clear.ion-color:hover) .button-native::after,:host(.button-outline.ion-color:hover) .button-native::after{background:transparent}:host(.button-solid.ion-color:hover) .button-native::after{background:var(--ion-color-tint)}:host(:hover.button-solid.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native::after{background:#fff;opacity:0.1}}";
 

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

@@ -2,12 +2,11 @@ import { r as registerInstance, h, H as Host, f as forceUpdate, c as createEvent
 import { g as getIonMode } from './ionic-global-ef89a0a5.js';
 import { c as createColorClasses } from './theme-74c22054.js';
 import { f as alertController } from './overlays-06b43b65.js';
-import './index-f5b9b789.js';
-import { R as Refrain } from './refrain-810c4de5.js';
+import './book-31b8cdde.js';
+import { R as Refrain } from './refrain-75a412cb.js';
 import { C as Change } from './change-ea574d32.js';
 import { g as getComponentClosestLanguage } from './locale-ec8e14e6.js';
 import './hardware-back-button-b3b61715.js';
-import './_commonjsHelpers-ba3f0406.js';
 
 const cardContentIosCss = "ion-card-content{display:block;position:relative}.card-content-ios{padding-left:20px;padding-right:20px;padding-top:20px;padding-bottom:20px;font-size:16px;line-height:1.4}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){.card-content-ios{padding-left:unset;padding-right:unset;-webkit-padding-start:20px;padding-inline-start:20px;-webkit-padding-end:20px;padding-inline-end:20px}}.card-content-ios h1{margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:24px;font-weight:normal}.card-content-ios h2{margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;font-size:16px;font-weight:normal}.card-content-ios h3,.card-content-ios h4,.card-content-ios h5,.card-content-ios h6{margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;font-size:14px;font-weight:normal}.card-content-ios p{margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:14px}ion-card-header+.card-content-ios{padding-top:0}";
 

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

@@ -2,11 +2,10 @@ import { r as registerInstance, c as createEvent, h, H as Host, a as getElement
 import { g as getIonMode } from './ionic-global-ef89a0a5.js';
 import { f as findItemLabel, b as renderHiddenInput } from './helpers-8c93393b.js';
 import { c as createColorClasses, h as hostContext } from './theme-74c22054.js';
-import './index-f5b9b789.js';
+import './book-31b8cdde.js';
 import { C as Change } from './change-ea574d32.js';
 import { f as alertController } from './overlays-06b43b65.js';
 import { g as getComponentClosestLanguage } from './locale-ec8e14e6.js';
-import './_commonjsHelpers-ba3f0406.js';
 import './hardware-back-button-b3b61715.js';
 
 const checkboxIosCss = ":host{--background-checked:var(--ion-color-primary, #3880ff);--border-color-checked:var(--ion-color-primary, #3880ff);--checkmark-color:var(--ion-color-primary-contrast, #fff);--checkmark-width:1;--transition:none;display:inline-block;position:relative;user-select:none;z-index:2}:host(.ion-color){--background-checked:var(--ion-color-base);--border-color-checked:var(--ion-color-base);--checkmark-color:var(--ion-color-contrast)}button{left:0;top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;appearance:none;outline:none}[dir=rtl] button,:host-context([dir=rtl]) button{left:unset;right:unset;right:0}button::-moz-focus-inner{border:0}.checkbox-icon{border-radius:var(--border-radius);display:block;position:relative;width:100%;height:100%;transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);box-sizing:border-box}.checkbox-icon path{fill:none;stroke:var(--checkmark-color);stroke-width:var(--checkmark-width);opacity:0}:host(.checkbox-checked) .checkbox-icon,:host(.checkbox-indeterminate) .checkbox-icon{border-color:var(--border-color-checked);background:var(--background-checked)}:host(.checkbox-checked) .checkbox-icon path,:host(.checkbox-indeterminate) .checkbox-icon path{opacity:1}:host(.checkbox-disabled){pointer-events:none}:host{--border-radius:50%;--border-width:1px;--border-style:solid;--border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.23);--background:var(--ion-item-background, var(--ion-background-color, #fff));--size:26px;width:var(--size);height:var(--size)}:host(.checkbox-disabled){opacity:0.3}:host(.in-item){margin-left:0;margin-right:8px;margin-top:10px;margin-bottom:9px;display:block;position:static}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host(.in-item){margin-left:unset;margin-right:unset;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:8px;margin-inline-end:8px}}:host(.in-item[slot=start]){margin-left:2px;margin-right:20px;margin-top:8px;margin-bottom:8px}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host(.in-item[slot=start]){margin-left:unset;margin-right:unset;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:20px;margin-inline-end:20px}}";

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

@@ -3,7 +3,7 @@ import { g as getIonMode } from './ionic-global-ef89a0a5.js';
 import { d as debounceEvent, f as findItemLabel } from './helpers-8c93393b.js';
 import { c as createColorClasses } from './theme-74c22054.js';
 import { D as Debounce } from './index-f08f6130.js';
-import './index-f5b9b789.js';
+import './book-31b8cdde.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';