@venite/components 0.16.2 → 0.16.6

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/prayers-and-thanksgivings/dist/prayers-and-thanksgivings.js

@@ -0,0 +1,258 @@
+"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 };
+    }
+};
+var __spreadArrays = (this && this.__spreadArrays) || function () {
+    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
+    for (var r = Array(s), k = 0, i = 0; i < il; i++)
+        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+            r[k] = a[j];
+    return r;
+};
+exports.__esModule = true;
+exports.PrayersAndThanksgivingsComponent = void 0;
+var core_1 = require("@ionic/core");
+var core_2 = require("@stencil/core");
+var ldf_1 = require("@venite/ldf");
+var locale_1 = require("../../utils/locale");
+var prayers_and_thanksgivings_i18n_en_json_1 = require("./prayers-and-thanksgivings.i18n.en.json");
+var LOCALE = {
+    'en': prayers_and_thanksgivings_i18n_en_json_1["default"]
+};
+var PrayersAndThanksgivingsComponent = /** @class */ (function () {
+    function PrayersAndThanksgivingsComponent() {
+        this.localeStrings = {};
+        this.filter = '';
+    }
+    PrayersAndThanksgivingsComponent.prototype.optionsChange = function (newOptions) {
+        console.log("new options");
+        this.currentOptions = newOptions;
+    };
+    /** Set the list of available prayers */
+    PrayersAndThanksgivingsComponent.prototype.setOptions = function (options) {
+        return __awaiter(this, void 0, Promise, function () {
+            return __generator(this, function (_a) {
+                this.optionsChange(options);
+                if (this.loading) {
+                    this.loading.dismiss();
+                }
+                return [2 /*return*/];
+            });
+        });
+    };
+    // Lifecycle events
+    PrayersAndThanksgivingsComponent.prototype.componentWillLoad = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                this.ldfAskForPrayersAndThanksgivings.emit(true);
+                this.loadLocaleStrings();
+                return [2 /*return*/];
+            });
+        });
+    };
+    // Private methods
+    PrayersAndThanksgivingsComponent.prototype.loadLocaleStrings = function () {
+        return __awaiter(this, void 0, Promise, function () {
+            return __generator(this, function (_a) {
+                try {
+                    this.localeStrings = LOCALE[locale_1.getComponentClosestLanguage(this.element)];
+                }
+                catch (e) {
+                    console.warn(e);
+                }
+                return [2 /*return*/];
+            });
+        });
+    };
+    PrayersAndThanksgivingsComponent.prototype.addPrayer = function (value) {
+        var _a;
+        return __awaiter(this, void 0, void 0, function () {
+            var popover;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        if (!this.parent) return [3 /*break*/, 1];
+                        this.parent.ldfDocShouldChange.emit(new ldf_1.Change({
+                            path: this.base,
+                            op: [{
+                                    type: 'insertAt',
+                                    index: this.index,
+                                    value: value
+                                }]
+                        }));
+                        (_a = this.modal) === null || _a === void 0 ? void 0 : _a.dismiss();
+                        return [3 /*break*/, 4];
+                    case 1: return [4 /*yield*/, core_1.popoverController.create({
+                            backdropDismiss: true,
+                            component: "ldf-liturgical-document",
+                            componentProps: {
+                                doc: __assign(__assign({}, value), { value: value.value.map(function (line) { return typeof line === "string" ? line.replace("  ", " ") : line; }) }),
+                                padding: "1em"
+                            }
+                        })];
+                    case 2:
+                        popover = _b.sent();
+                        return [4 /*yield*/, popover.present()];
+                    case 3:
+                        _b.sent();
+                        _b.label = 4;
+                    case 4: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    PrayersAndThanksgivingsComponent.prototype.buildTree = function () {
+        var _this = this;
+        function groupBy(list, keyGetter) {
+            var map = new Map();
+            list.forEach(function (item) {
+                var key = keyGetter(item);
+                var collection = map.get(key);
+                if (!collection) {
+                    map.set(key, [item]);
+                }
+                else {
+                    collection.push(item);
+                }
+            });
+            return map;
+        }
+        var options = !this.filter ? this.currentOptions || [] :
+            (this.currentOptions || []).filter(function (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())); });
+        var categories = Array.from(groupBy(options, function (item) { return (item.category || [])[1]; }));
+        var subcategories = categories.map(function (_a) {
+            var categoryLabel = _a[0], values = _a[1];
+            return [categoryLabel, Array.from(groupBy(values, function (item) { return (item.category || [])[2]; }))];
+        });
+        return subcategories;
+    };
+    // Render
+    PrayersAndThanksgivingsComponent.prototype.render = function () {
+        var _this = this;
+        var localeStrings = this.localeStrings || {};
+        var tree = this.buildTree(), list = React.createElement("ion-list", null,
+            React.createElement("ion-searchbar", { debounce: 100, onIonChange: function (ev) { return _this.filter = ev.detail.value; } }),
+            tree.map(function (_a) {
+                var category = _a[0], values = _a[1];
+                return __spreadArrays([
+                    React.createElement("h2", { "class": "padded" }, category)
+                ], values.map(function (_a) {
+                    var subcategory = _a[0], subvalues = _a[1];
+                    return __spreadArrays([
+                        React.createElement("h3", { "class": "padded" }, subcategory)
+                    ], subvalues
+                        .sort(function (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(function (option) { return React.createElement("ion-item", { button: true, onClick: function () { return _this.addPrayer(option); } },
+                        React.createElement("ion-label", null,
+                            React.createElement("h3", null, option.label),
+                            React.createElement("p", null, option.value[0].replace(/\*/g, '').replace("  ", " ")))); }));
+                }));
+            }));
+        return this.modal
+            ? [
+                React.createElement("ion-header", null,
+                    React.createElement("ion-toolbar", null,
+                        React.createElement("ion-title", null, localeStrings.title),
+                        React.createElement("ion-buttons", { slot: "end" },
+                            React.createElement("ion-button", { onClick: function () { return _this.modal.dismiss(); } },
+                                React.createElement("ion-icon", { slot: "icon-only", name: "close" }))))),
+                React.createElement("ion-content", { "class": "ion-padding" }, list)
+            ]
+            : [list];
+    };
+    __decorate([
+        core_2.Element()
+    ], PrayersAndThanksgivingsComponent.prototype, "element");
+    __decorate([
+        core_2.State()
+    ], PrayersAndThanksgivingsComponent.prototype, "localeStrings");
+    __decorate([
+        core_2.State()
+    ], PrayersAndThanksgivingsComponent.prototype, "currentOptions");
+    __decorate([
+        core_2.State()
+    ], PrayersAndThanksgivingsComponent.prototype, "filter");
+    __decorate([
+        core_2.Prop({ reflect: true })
+    ], PrayersAndThanksgivingsComponent.prototype, "base");
+    __decorate([
+        core_2.Prop({ reflect: true })
+    ], PrayersAndThanksgivingsComponent.prototype, "index");
+    __decorate([
+        core_2.Prop()
+    ], PrayersAndThanksgivingsComponent.prototype, "modal");
+    __decorate([
+        core_2.Prop()
+    ], PrayersAndThanksgivingsComponent.prototype, "parent");
+    __decorate([
+        core_2.Prop()
+    ], PrayersAndThanksgivingsComponent.prototype, "options");
+    __decorate([
+        core_2.Watch('options')
+    ], PrayersAndThanksgivingsComponent.prototype, "optionsChange");
+    __decorate([
+        core_2.Method()
+    ], PrayersAndThanksgivingsComponent.prototype, "setOptions");
+    __decorate([
+        core_2.Event({ bubbles: true })
+    ], PrayersAndThanksgivingsComponent.prototype, "ldfAskForPrayersAndThanksgivings");
+    PrayersAndThanksgivingsComponent = __decorate([
+        core_2.Component({
+            tag: 'ldf-prayers-and-thanksgivings',
+            styleUrl: 'prayers-and-thanksgivings.scss',
+            scoped: true
+        })
+    ], PrayersAndThanksgivingsComponent);
+    return PrayersAndThanksgivingsComponent;
+}());
+exports.PrayersAndThanksgivingsComponent = PrayersAndThanksgivingsComponent;