@venite/components 0.16.7 → 0.16.13

package/dist/collection/components/editable-metadata-metadata-fields/dist/editable-metadata-metadata-fields.js

@@ -0,0 +1,399 @@
+"use strict";
+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.EditableMetadataMetadataFieldsComponent = void 0;
+var core_1 = require("@stencil/core");
+var ldf_1 = require("@venite/ldf");
+var locale_1 = require("../../utils/locale");
+var editable_metadata_metadata_fields_i18n_en_json_1 = require("./editable-metadata-metadata-fields.i18n.en.json");
+var LOCALE = {
+    'en': editable_metadata_metadata_fields_i18n_en_json_1["default"]
+};
+var Field;
+(function (Field) {
+    Field[Field["Alignment"] = 0] = "Alignment";
+    Field[Field["String"] = 1] = "String";
+    Field[Field["Bool"] = 2] = "Bool";
+    Field[Field["Number"] = 3] = "Number";
+    Field[Field["StringList"] = 4] = "StringList";
+    Field[Field["BibleReadingIntro"] = 5] = "BibleReadingIntro";
+    Field[Field["TimeInSeconds"] = 6] = "TimeInSeconds";
+    Field[Field["HeadingLevel"] = 7] = "HeadingLevel";
+    Field[Field["Gloria"] = 8] = "Gloria";
+    Field[Field["Antiphon"] = 9] = "Antiphon";
+})(Field || (Field = {}));
+var EditableMetadataMetadataFieldsComponent = /** @class */ (function () {
+    function EditableMetadataMetadataFieldsComponent() {
+        this.currentBibleReadingIntros = new Array();
+        /** Options for introductions to a Bible reading */
+        this.bibleReadingIntros = new Array();
+    }
+    EditableMetadataMetadataFieldsComponent.prototype.docChanged = function (newDoc) {
+        var _a;
+        try {
+            if (typeof newDoc == 'string') {
+                this.obj = ldf_1.specificClass(JSON.parse(newDoc));
+            }
+            else {
+                this.obj = ldf_1.specificClass(newDoc);
+            }
+            this.fields = this.fieldsFromType((_a = this.obj) === null || _a === void 0 ? void 0 : _a.type);
+            // if necessary, ask for Bible reading intros
+            var hasBibleReadingIntroField = !!this.fields.find(function (field) { return field.type == Field.BibleReadingIntro; });
+            if (hasBibleReadingIntroField) {
+                this.ldfAskForBibleIntros.emit();
+            }
+        }
+        catch (e) {
+            console.warn(e);
+            this.obj = new ldf_1.LiturgicalDocument();
+        }
+    };
+    EditableMetadataMetadataFieldsComponent.prototype.introsChanged = function () {
+        this.currentBibleReadingIntros = __spreadArrays(this.bibleReadingIntros);
+    };
+    /** Set the list of Bible reading introductions */
+    EditableMetadataMetadataFieldsComponent.prototype.setBibleReadingIntros = function (intros) {
+        return __awaiter(this, void 0, Promise, function () {
+            return __generator(this, function (_a) {
+                if (typeof intros === 'string') {
+                    this.currentBibleReadingIntros = JSON.parse(intros);
+                }
+                else {
+                    this.currentBibleReadingIntros = intros;
+                }
+                return [2 /*return*/];
+            });
+        });
+    };
+    // Lifecycle events
+    EditableMetadataMetadataFieldsComponent.prototype.componentWillLoad = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                this.docChanged(this.doc);
+                this.loadLocaleStrings();
+                return [2 /*return*/];
+            });
+        });
+    };
+    // Methods
+    EditableMetadataMetadataFieldsComponent.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*/];
+            });
+        });
+    };
+    // Given a `type`, returns an array of metadata types
+    EditableMetadataMetadataFieldsComponent.prototype.fieldsFromType = function (type) {
+        switch (type) {
+            case 'bible-reading':
+                return [
+                    { field: 'response', type: Field.String },
+                    { field: 'intro', type: Field.BibleReadingIntro }
+                ];
+            case 'heading':
+                return [
+                    { field: 'level', type: Field.HeadingLevel },
+                ];
+            case 'image':
+                return [
+                    { field: 'height', type: Field.Number, unit: 'px' },
+                    { field: 'width', type: Field.Number, unit: 'px' },
+                    { field: 'align', type: Field.Alignment }
+                ];
+            case 'liturgy':
+                return [
+                    { field: 'label', type: Field.String },
+                    { field: 'slug', type: Field.String },
+                    { field: 'liturgyversions', type: Field.StringList },
+                    { field: 'supplement', type: Field.Bool },
+                    { field: 'evening', type: Field.Bool },
+                    { field: 'pronouns', type: Field.StringList },
+                ];
+            case 'meditation':
+                return [
+                    { field: 'length', type: Field.TimeInSeconds },
+                    { field: 'delay', type: Field.TimeInSeconds }
+                ];
+            case 'psalm':
+                return [
+                    { field: 'number', type: Field.Number },
+                    { field: 'localname', type: Field.String },
+                    { field: 'latinname', type: Field.String },
+                    { field: 'omit_antiphon', type: Field.Bool },
+                    { field: 'omit_gloria', type: Field.Bool },
+                    { field: 'insert_seasonal_antiphon', type: Field.Bool },
+                    { field: 'antiphon', type: Field.Antiphon },
+                    { field: 'gloria', type: Field.Gloria },
+                    { field: 'changeable', type: Field.Bool }
+                ];
+            case 'responsive':
+                return [{ field: 'response', type: Field.String }];
+            case 'option':
+            case 'refrain':
+            case 'rubric':
+                return [];
+            case 'text':
+                return [
+                    { field: 'response', type: Field.String },
+                    { field: 'omit_response', type: Field.Bool },
+                    { field: 'omit_label', type: Field.Bool },
+                    { field: 'rollup', type: Field.Bool }
+                ];
+            default:
+                console.warn('(ldf-editable-metadata-metadata-fields)', type, 'is not a recognized type');
+        }
+    };
+    EditableMetadataMetadataFieldsComponent.prototype.fieldToNodes = function (field, localeStrings) {
+        var _this = this;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        var nodes = new Array(), currentValue = (((_a = this.obj) === null || _a === void 0 ? void 0 : _a.metadata) || {})[field.field], path = this.path + "/metadata/" + field.field, placeholder = localeStrings[field.field];
+        var wrapInItem = true, labelStacked = true;
+        switch (field.type) {
+            case Field.BibleReadingIntro:
+                nodes.push(React.createElement("ldf-editable-select", { path: this.path + "/metadata", property: field.field, options: __spreadArrays([
+                        { label: localeStrings.none, value: null }
+                    ], this.currentBibleReadingIntros.map(function (intro) {
+                        var _a;
+                        return ({
+                            label: intro.type === 'responsive' ? (_a = intro.value[0].text) === null || _a === void 0 ? void 0 : _a.toString() : intro.value[0].toString(),
+                            value: intro
+                        });
+                    })), value: currentValue }));
+                break;
+            // Done
+            case Field.Bool:
+                nodes.push(React.createElement("ldf-editable-boolean", { path: this.path + "/metadata", property: field.field, value: currentValue }));
+                labelStacked = false;
+                break;
+            case Field.Number:
+                nodes.push(React.createElement("ldf-editable-text", { short: true, inputType: "number", path: path, placeholder: placeholder, text: currentValue, unit: field.unit }));
+                break;
+            case Field.String:
+                nodes.push(React.createElement("ldf-editable-text", { short: true, path: path, placeholder: placeholder, text: currentValue }));
+                break;
+            case Field.StringList:
+                nodes.push({
+                    node: React.createElement("ldf-editable-string-list", { path: this.path + "/metadata", property: field.field, value: currentValue }),
+                    size: 12
+                });
+                wrapInItem = false;
+                break;
+            case Field.HeadingLevel:
+                nodes.push(React.createElement("ldf-editable-select", { path: this.path + "/metadata", property: field.field, options: [
+                        { label: localeStrings.heading1, value: 1 },
+                        { label: localeStrings.heading2, value: 2 },
+                        { label: localeStrings.heading3, value: 3 },
+                        { label: localeStrings.heading4, value: 4 }
+                    ], value: currentValue }));
+                break;
+            case Field.TimeInSeconds:
+                nodes.push(React.createElement("ldf-editable-text", { inputType: "number", short: true, path: path, placeholder: placeholder, text: currentValue }));
+                break;
+            case Field.Gloria:
+                wrapInItem = false;
+                nodes.push({
+                    node: React.createElement("ion-item", { lines: "none" },
+                        React.createElement("ion-label", null, localeStrings.insert_gloria),
+                        React.createElement("ion-checkbox", { checked: Boolean((_c = (_b = this.obj) === null || _b === void 0 ? void 0 : _b.metadata) === null || _c === void 0 ? void 0 : _c.gloria), onIonChange: function (e) {
+                                var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+                                if (e.detail.checked) {
+                                    _this.ldfShouldAddGloriaPatri.emit({
+                                        path: _this.path,
+                                        language: (_a = _this.obj) === null || _a === void 0 ? void 0 : _a.language,
+                                        version: ldf_1.versionToString((_b = _this.obj) === null || _b === void 0 ? void 0 : _b.version),
+                                        oldValue: (_d = (_c = _this.obj) === null || _c === void 0 ? void 0 : _c.metadata) === null || _d === void 0 ? void 0 : _d.gloria
+                                    });
+                                    if (((_f = (_e = _this.obj) === null || _e === void 0 ? void 0 : _e.metadata) === null || _f === void 0 ? void 0 : _f.omit_gloria) !== false) {
+                                        _this.ldfDocShouldChange.emit(new ldf_1.Change({
+                                            path: _this.path + "/metadata",
+                                            op: [{
+                                                    type: 'set',
+                                                    index: 'omit_gloria',
+                                                    oldValue: (_h = (_g = _this.obj) === null || _g === void 0 ? void 0 : _g.metadata) === null || _h === void 0 ? void 0 : _h.omit_gloria,
+                                                    value: false
+                                                }]
+                                        }));
+                                    }
+                                }
+                                else {
+                                    _this.ldfDocShouldChange.emit(new ldf_1.Change({
+                                        path: _this.path + "/metadata",
+                                        op: [{
+                                                type: 'deleteAt',
+                                                index: 'gloria',
+                                                oldValue: (_k = (_j = _this.obj) === null || _j === void 0 ? void 0 : _j.metadata) === null || _k === void 0 ? void 0 : _k.gloria
+                                            }]
+                                    }));
+                                    if (((_m = (_l = _this.obj) === null || _l === void 0 ? void 0 : _l.metadata) === null || _m === void 0 ? void 0 : _m.omit_gloria) !== true) {
+                                        _this.ldfDocShouldChange.emit(new ldf_1.Change({
+                                            path: _this.path + "/metadata",
+                                            op: [{
+                                                    type: 'set',
+                                                    index: 'omit_gloria',
+                                                    oldValue: (_p = (_o = _this.obj) === null || _o === void 0 ? void 0 : _o.metadata) === null || _p === void 0 ? void 0 : _p.omit_gloria,
+                                                    value: true
+                                                }]
+                                        }));
+                                    }
+                                }
+                            } })),
+                    size: 12
+                });
+                break;
+            case Field.Antiphon:
+                wrapInItem = false;
+                nodes.push({
+                    node: React.createElement("ldf-editable-antiphon-field", { path: this.path, antiphon: (_e = (_d = this.obj) === null || _d === void 0 ? void 0 : _d.metadata) === null || _e === void 0 ? void 0 : _e.antiphon, omit_antiphon: (_g = (_f = this.obj) === null || _f === void 0 ? void 0 : _f.metadata) === null || _g === void 0 ? void 0 : _g.omit_antiphon, insert_antiphon: (_j = (_h = this.obj) === null || _h === void 0 ? void 0 : _h.metadata) === null || _j === void 0 ? void 0 : _j.insert_seasonal_antiphon }),
+                    size: 12
+                });
+                break;
+            case Field.Alignment:
+                nodes.push(React.createElement("ldf-editable-select", { path: this.path + "/metadata", property: field.field, options: [
+                        { label: localeStrings.left, value: 'left' },
+                        { label: localeStrings.center, value: 'center' },
+                        { label: localeStrings.right, value: 'right' },
+                    ], value: currentValue }));
+                break;
+            default:
+                (function (type) { return console.warn('(ldf-editable-metadata-metadata-fields)', type, 'is not a recognized FieldType'); })(field.type);
+                break;
+        }
+        if (wrapInItem) {
+            return [
+                React.createElement("ion-item", { lines: "none" },
+                    labelStacked
+                        ? React.createElement("ion-label", { position: "stacked" }, localeStrings[field.field])
+                        : React.createElement("ion-label", null, localeStrings[field.field]),
+                    nodes.map(function (field) { return field.hasOwnProperty('size') ?
+                        React.createElement("ion-col", { size: field['size'] }, field['node']) :
+                        React.createElement("ion-col", null, field); }))
+            ];
+        }
+        else {
+            return nodes;
+        }
+    };
+    EditableMetadataMetadataFieldsComponent.prototype.render = function () {
+        var _this = this;
+        var localeStrings = this.localeStrings || {}, fieldNodes = this.fields.map(function (field) { return _this.fieldToNodes(field, localeStrings); });
+        return ((fieldNodes === null || fieldNodes === void 0 ? void 0 : fieldNodes.length) > 0 && React.createElement("ion-card", null,
+            React.createElement("ion-card-header", null,
+                React.createElement("ion-card-title", null,
+                    localeStrings[this.obj.type],
+                    " ",
+                    localeStrings.title)),
+            React.createElement("ion-card-content", null, fieldNodes.map(function (fields) {
+                return fields.map(function (field) {
+                    return field.hasOwnProperty('size') ?
+                        React.createElement("div", null, field['node']) :
+                        React.createElement("div", null, field);
+                });
+            }))));
+    };
+    __decorate([
+        core_1.Element()
+    ], EditableMetadataMetadataFieldsComponent.prototype, "element");
+    __decorate([
+        core_1.State()
+    ], EditableMetadataMetadataFieldsComponent.prototype, "localeStrings");
+    __decorate([
+        core_1.State()
+    ], EditableMetadataMetadataFieldsComponent.prototype, "fields");
+    __decorate([
+        core_1.State()
+    ], EditableMetadataMetadataFieldsComponent.prototype, "obj");
+    __decorate([
+        core_1.State()
+    ], EditableMetadataMetadataFieldsComponent.prototype, "currentBibleReadingIntros");
+    __decorate([
+        core_1.Prop({ reflect: true })
+    ], EditableMetadataMetadataFieldsComponent.prototype, "path");
+    __decorate([
+        core_1.Prop()
+    ], EditableMetadataMetadataFieldsComponent.prototype, "doc");
+    __decorate([
+        core_1.Watch('doc')
+    ], EditableMetadataMetadataFieldsComponent.prototype, "docChanged");
+    __decorate([
+        core_1.Prop({ reflect: true })
+    ], EditableMetadataMetadataFieldsComponent.prototype, "bibleReadingIntros");
+    __decorate([
+        core_1.Watch('bibleReadingIntros')
+    ], EditableMetadataMetadataFieldsComponent.prototype, "introsChanged");
+    __decorate([
+        core_1.Event({ bubbles: true })
+    ], EditableMetadataMetadataFieldsComponent.prototype, "ldfDocShouldChange");
+    __decorate([
+        core_1.Event({ bubbles: true })
+    ], EditableMetadataMetadataFieldsComponent.prototype, "ldfAskForBibleIntros");
+    __decorate([
+        core_1.Event({ bubbles: true })
+    ], EditableMetadataMetadataFieldsComponent.prototype, "ldfShouldAddGloriaPatri");
+    __decorate([
+        core_1.Method()
+    ], EditableMetadataMetadataFieldsComponent.prototype, "setBibleReadingIntros");
+    EditableMetadataMetadataFieldsComponent = __decorate([
+        core_1.Component({
+            tag: 'ldf-editable-metadata-metadata-fields',
+            scoped: true
+        })
+    ], EditableMetadataMetadataFieldsComponent);
+    return EditableMetadataMetadataFieldsComponent;
+}());
+exports.EditableMetadataMetadataFieldsComponent = EditableMetadataMetadataFieldsComponent;

package/dist/collection/components/editable-metadata-metadata-fields/editable-metadata-metadata-fields.i18n.en.json

@@ -0,0 +1,48 @@
+{
+  "bible-reading": "Bible Reading",
+  "changeable": "Changeable (show 'Change ...')",
+  "delay": "Delay before Starting",
+  "evening": "Evening Liturgy",
+  "heading": "Heading",
+  "heading1": "1. Title",
+  "heading2": "2. Section Title",
+  "heading3": "3. Label",
+  "heading4": "4. Sub-Section Label",
+  "insert_seasonal_antiphon": "Insert Seasonal Antiphon",
+  "insert_gloria": "Insert Gloria Patri",
+  "intro": "Introduction",
+  "label": "Short Label",
+  "latinname": "Latin Name",
+  "level": "Level",
+  "length": "Length of Meditation",
+  "liturgy": "Liturgy",
+  "liturgyversions": "Liturgy Versions",
+  "localname": "English Name",
+  "meditation": "Meditation",
+  "none": "None",
+  "number": "Psalm Number",
+  "omit_antiphon": "Omit Antiphon",
+  "omit_gloria": "Omit Gloria Patri",
+  "omit_label": "Omit Label",
+  "omit_response": "Omit Response",
+  "preferences": "Preferences",
+  "pronouns": "Pronouns to Replace",
+  "psalm": "Psalm",
+  "response": "Response",
+  "responsive": "Responsive Prayer",
+  "rollup": "Roll Up (Remove Whitespace)",
+  "slug": "End of URL (venite.app/[church name]/____)",
+  "special_preferences": "Special Preferences (not saved)",
+  "supplement": "Supplemental Devotion",
+  "title": "Settings",
+  "text": "Text",
+  "gloria": "Gloria Patri",
+  "insert_gloria_patri": "Insert the Gloria Patri",
+  "antiphon": "Antiphon",
+  "left": "Left",
+  "center": "Center",
+  "right": "Right",
+  "align": "Alignment",
+  "height": "Height",
+  "width": "Width"
+}