@venite/components 0.16.48 → 0.16.50

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

@@ -317,8 +317,8 @@ export class EditableMetadataButtonsComponent {
       "type": "string",
       "mutable": false,
       "complexType": {
-        "original": "'liturgy' | 'cycle' | 'heading' | 'option' | 'refrain' | 'rubric' | 'text' | 'responsive' | 'bible-reading' | 'psalm' | 'meditation' | null",
-        "resolved": "\"bible-reading\" | \"cycle\" | \"heading\" | \"liturgy\" | \"meditation\" | \"option\" | \"psalm\" | \"refrain\" | \"responsive\" | \"rubric\" | \"text\"",
+        "original": "'liturgy' | 'cycle' | 'heading' | 'option' | 'parallel' | 'refrain' | 'rubric' | 'text' | 'responsive' | 'bible-reading' | 'psalm' | 'meditation' | null",
+        "resolved": "\"bible-reading\" | \"cycle\" | \"heading\" | \"liturgy\" | \"meditation\" | \"option\" | \"parallel\" | \"psalm\" | \"refrain\" | \"responsive\" | \"rubric\" | \"text\"",
         "references": {}
       },
       "required": false,

package/dist/collection/components/liturgical-document/dist/liturgical-document.js

@@ -216,6 +216,9 @@ var LiturgicalDocumentComponent = /** @class */ (function () {
             case 'option':
                 node = React.createElement("ldf-option", { path: this.path, editable: editable, preview: this.preview, doc: doc });
                 break;
+            case 'parallel':
+                node = React.createElement("ldf-parallel", { path: this.path, editable: editable, preview: this.preview, doc: doc });
+                break;
             case 'refrain':
                 node = React.createElement("ldf-refrain", { path: this.path, editable: editable, doc: doc });
                 break;

package/dist/collection/components/liturgical-document/liturgical-document.js

@@ -159,6 +159,9 @@ export class LiturgicalDocumentComponent {
       case 'option':
         node = h("ldf-option", { path: this.path, editable: editable, preview: this.preview, doc: doc });
         break;
+      case 'parallel':
+        node = h("ldf-parallel", { path: this.path, editable: editable, preview: this.preview, doc: doc });
+        break;
       case 'refrain':
         node = h("ldf-refrain", { path: this.path, editable: editable, doc: doc });
         break;

package/dist/collection/components/parallel/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/parallel/dist/parallel.js

@@ -0,0 +1,146 @@
+"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 };
+    }
+};
+exports.__esModule = true;
+exports.ParallelComponent = void 0;
+var core_1 = require("@stencil/core");
+var ldf_1 = require("@venite/ldf");
+var locale_1 = require("../../utils/locale");
+var parallel_i18n_en_json_1 = require("./parallel.i18n.en.json");
+var LOCALE = {
+    'en': parallel_i18n_en_json_1["default"]
+};
+var ParallelComponent = /** @class */ (function () {
+    function ParallelComponent() {
+    }
+    ParallelComponent.prototype.docChanged = function (newDoc) {
+        try {
+            if (typeof newDoc == 'string') {
+                this.obj = new ldf_1.Parallel(JSON.parse(newDoc));
+            }
+            else {
+                this.obj = new ldf_1.Parallel(newDoc);
+            }
+        }
+        catch (e) {
+            console.warn(e);
+            this.obj = new ldf_1.Parallel();
+        }
+    };
+    // Lifecycle events
+    ParallelComponent.prototype.componentWillLoad = function () {
+        this.docChanged(this.doc);
+        this.loadLocaleStrings();
+        this.ldfOptionAskForStoredSelection.emit({ el: this.el });
+    };
+    /** Asynchronously load localization strings */
+    ParallelComponent.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*/];
+            });
+        });
+    };
+    // Render
+    ParallelComponent.prototype.render = function () {
+        var _this = this;
+        var _a;
+        return (React.createElement(core_1.Host, { lang: this.obj.language },
+            React.createElement("tr", null, (((_a = this.obj) === null || _a === void 0 ? void 0 : _a.value) || []).map(function (obj, ii) { return React.createElement("td", null,
+                React.createElement("ldf-liturgical-document", { doc: obj, path: _this.path + "/value/" + ii, base: _this.path + "/value", index: ii, editable: _this.editable, parentType: 'option' })); }))));
+    };
+    __decorate([
+        core_1.Element()
+    ], ParallelComponent.prototype, "el");
+    __decorate([
+        core_1.State()
+    ], ParallelComponent.prototype, "obj");
+    __decorate([
+        core_1.State()
+    ], ParallelComponent.prototype, "localeStrings");
+    __decorate([
+        core_1.State()
+    ], ParallelComponent.prototype, "filteredOptions");
+    __decorate([
+        core_1.Prop()
+    ], ParallelComponent.prototype, "doc");
+    __decorate([
+        core_1.Watch('doc')
+    ], ParallelComponent.prototype, "docChanged");
+    __decorate([
+        core_1.Prop({ reflect: true })
+    ], ParallelComponent.prototype, "path");
+    __decorate([
+        core_1.Prop()
+    ], ParallelComponent.prototype, "editable");
+    __decorate([
+        core_1.Prop()
+    ], ParallelComponent.prototype, "preview");
+    __decorate([
+        core_1.Event({ bubbles: true })
+    ], ParallelComponent.prototype, "ldfAddOptionToDoc");
+    __decorate([
+        core_1.Event({ bubbles: true })
+    ], ParallelComponent.prototype, "ldfDocShouldChange");
+    __decorate([
+        core_1.Event({ bubbles: true })
+    ], ParallelComponent.prototype, "ldfOptionAskForStoredSelection");
+    __decorate([
+        core_1.Event({ bubbles: true })
+    ], ParallelComponent.prototype, "ldfOptionMakeSelection");
+    ParallelComponent = __decorate([
+        core_1.Component({
+            tag: 'ldf-parallel',
+            styleUrl: 'parallel.scss',
+            scoped: true
+        })
+    ], ParallelComponent);
+    return ParallelComponent;
+}());
+exports.ParallelComponent = ParallelComponent;

package/dist/collection/components/parallel/parallel.css

@@ -0,0 +1,8 @@
+.select-control {
+  margin-top: var(--ldf-select-control-margin-top);
+}
+
+ion-select {
+  width: 75vw;
+  max-width: 300px;
+}

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

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