@venite/components 0.16.20 → 0.16.24

package/dist/cjs/ldf-editable-metadata.cjs.entry.js

@@ -3,16 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8fe0df8d.js');
-const index$1 = require('./index-c9b940c7.js');
-const change = require('./change-deff223a.js');
-const specificClass = require('./specific-class-071762e7.js');
+const book = require('./book-1a92678a.js');
+const change = require('./change-cdb1e8c0.js');
+const specificClass = require('./specific-class-76b4d343.js');
 const locale = require('./locale-d4e925b1.js');
-require('./_commonjsHelpers-bcc1208a.js');
-require('./rubric-ad2f926f.js');
-require('./heading-fae3ce98.js');
-require('./option-6fb78f5c.js');
-require('./refrain-f51fd88d.js');
-require('./text-8d8d32e7.js');
+require('./rubric-0afbe4c0.js');
+require('./heading-5afc2b24.js');
+require('./option-a078d432.js');
+require('./refrain-91fb446b.js');
+require('./text-5edb80f3.js');
 
 const abbreviated = "Abbreviated";
 const advanced = "Advanced Settings";
@@ -131,7 +130,7 @@ const EditableMetadataComponent = class {
     }
     catch (e) {
       console.warn(e);
-      this.obj = new index$1.LiturgicalDocument();
+      this.obj = new book.LiturgicalDocument();
     }
   }
   // Lifecycle events
@@ -175,7 +174,7 @@ const EditableMetadataComponent = class {
       const bipartiteName = name.includes('/'), nameParts = name.split('/'), text = bipartiteName ? (this.obj[nameParts[0]] || {})[nameParts[1]] : this.obj[name];
       return (index.h("ion-item", { lines: 'none' }, index.h("ion-label", { "aria-label": localeStrings[name], position: 'stacked' }, localeStrings[name]), index.h("ldf-editable-text", { id: name, short: true, path: `${this.path}/${name}`, text: text, placeholder: localeStrings[name] })));
     };
-    return (index.h(index.Host, null, index.h("ion-header", null, index.h("ion-toolbar", null, index.h("ion-title", null, localeStrings.modalTitle), index.h("ion-buttons", { slot: "primary" }, index.h("ion-button", { onClick: () => this.modal.dismiss(null) }, index.h("ion-icon", { slot: "icon-only", name: "close" }))))), index.h("ion-content", null, index.h("form", { class: { metadata: true, hidden: this.collapsedState, visible: !this.collapsedState } }, index.h("ldf-editable-metadata-metadata-fields", { path: this.path, doc: this.obj }), index.h("ion-card", null, index.h("ion-card-header", null, index.h("ion-card-title", null, localeStrings.title)), index.h("ion-card", null, index.h("ion-grid", null, index.h("ion-row", null, index.h("ion-col", null, index.h(TextField, { name: "label" })), index.h("ion-col", null, (availableDisplayFormats === null || availableDisplayFormats === void 0 ? void 0 : availableDisplayFormats.length) > 0 && index.h(SelectField, { field: 'display_format', types: availableDisplayFormats }))), index.h("ion-row", null, index.h("ion-col", null, index.h(TextField, { name: "source/source" })), index.h("ion-col", null, index.h(TextField, { name: "source/citation" })), index.h("ion-col", null, index.h(TextField, { name: "citation" })))))), index.h("ion-card", null, index.h("ion-card-header", { class: "advanced", onClick: () => this.showAdvanced = !this.showAdvanced }, index.h("ion-buttons", null, index.h("ion-button", null, !this.showAdvanced && index.h("ion-icon", { slot: "icon-only", name: "chevron-forward" }), this.showAdvanced && index.h("ion-icon", { slot: "icon-only", name: "chevron-down" }))), index.h("ion-card-title", null, localeStrings.advanced)), this.showAdvanced && index.h("ion-card-content", null, index.h("ion-grid", null, index.h("ion-row", null, index.h("ion-col", { size: "4" }, index.h(SelectField, { field: 'type', types: availableTypes, onChange: (type) => this.obj = specificClass.specificClass(new index$1.LiturgicalDocument(Object.assign(Object.assign({}, this.obj), { type }))) })), index.h("ion-col", null, (availableStyles === null || availableStyles === void 0 ? void 0 : availableStyles.length) > 0 && index.h(SelectField, { field: 'style', types: availableStyles }))), index.h("ion-row", null, index.h("ion-col", null, index.h(TextField, { name: "tradition" })), index.h("ion-col", null, index.h(TextField, { name: "language" })), index.h("ion-col", null, index.h(TextField, { name: "version" }))), index.h("ion-row", null, index.h("ion-col", null, index.h(TextField, { name: "version_label" })), index.h("ion-col", null, index.h(TextField, { name: "slug" }))), index.h("ion-row", null, index.h("ion-col", { size: "12" }, index.h("ldf-editable-string-list", { path: this.path, property: "category", value: this.obj.category }))), index.h("ion-row", null, index.h("ion-col", { size: "12" }, index.h("ldf-editable-lookup", { path: `${this.path}/lookup`, lookup: (_a = this.obj) === null || _a === void 0 ? void 0 : _a.lookup, types: (_b = this.obj) === null || _b === void 0 ? void 0 : _b.availableLookupTypes() }))))))))));
+    return (index.h(index.Host, null, index.h("ion-header", null, index.h("ion-toolbar", null, index.h("ion-title", null, localeStrings.modalTitle), index.h("ion-buttons", { slot: "primary" }, index.h("ion-button", { onClick: () => this.modal.dismiss(null) }, index.h("ion-icon", { slot: "icon-only", name: "close" }))))), index.h("ion-content", null, index.h("form", { class: { metadata: true, hidden: this.collapsedState, visible: !this.collapsedState } }, index.h("ldf-editable-metadata-metadata-fields", { path: this.path, doc: this.obj }), index.h("ion-card", null, index.h("ion-card-header", null, index.h("ion-card-title", null, localeStrings.title)), index.h("ion-card", null, index.h("ion-grid", null, index.h("ion-row", null, index.h("ion-col", null, index.h(TextField, { name: "label" })), index.h("ion-col", null, (availableDisplayFormats === null || availableDisplayFormats === void 0 ? void 0 : availableDisplayFormats.length) > 0 && index.h(SelectField, { field: 'display_format', types: availableDisplayFormats }))), index.h("ion-row", null, index.h("ion-col", null, index.h(TextField, { name: "source/source" })), index.h("ion-col", null, index.h(TextField, { name: "source/citation" })), index.h("ion-col", null, index.h(TextField, { name: "citation" })))))), index.h("ion-card", null, index.h("ion-card-header", { class: "advanced", onClick: () => this.showAdvanced = !this.showAdvanced }, index.h("ion-buttons", null, index.h("ion-button", null, !this.showAdvanced && index.h("ion-icon", { slot: "icon-only", name: "chevron-forward" }), this.showAdvanced && index.h("ion-icon", { slot: "icon-only", name: "chevron-down" }))), index.h("ion-card-title", null, localeStrings.advanced)), this.showAdvanced && index.h("ion-card-content", null, index.h("ion-grid", null, index.h("ion-row", null, index.h("ion-col", { size: "4" }, index.h(SelectField, { field: 'type', types: availableTypes, onChange: (type) => this.obj = specificClass.specificClass(new book.LiturgicalDocument(Object.assign(Object.assign({}, this.obj), { type }))) })), index.h("ion-col", null, (availableStyles === null || availableStyles === void 0 ? void 0 : availableStyles.length) > 0 && index.h(SelectField, { field: 'style', types: availableStyles }))), index.h("ion-row", null, index.h("ion-col", null, index.h(TextField, { name: "tradition" })), index.h("ion-col", null, index.h(TextField, { name: "language" })), index.h("ion-col", null, index.h(TextField, { name: "version" }))), index.h("ion-row", null, index.h("ion-col", null, index.h(TextField, { name: "version_label" })), index.h("ion-col", null, index.h(TextField, { name: "slug" }))), index.h("ion-row", null, index.h("ion-col", { size: "12" }, index.h("ldf-editable-string-list", { path: this.path, property: "category", value: this.obj.category }))), index.h("ion-row", null, index.h("ion-col", { size: "12" }, index.h("ldf-editable-lookup", { path: `${this.path}/lookup`, lookup: (_a = this.obj) === null || _a === void 0 ? void 0 : _a.lookup, types: (_b = this.obj) === null || _b === void 0 ? void 0 : _b.availableLookupTypes() }))))))))));
   }
   get element() { return index.getElement(this); }
   static get watchers() { return {

package/dist/cjs/ldf-editable-preference-option.cjs.entry.js

@@ -3,11 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8fe0df8d.js');
-require('./index-c9b940c7.js');
-const preference = require('./preference-1365e161.js');
-const change = require('./change-deff223a.js');
+require('./book-1a92678a.js');
+const preference = require('./preference-a4bd51c4.js');
+const change = require('./change-cdb1e8c0.js');
 const locale = require('./locale-d4e925b1.js');
-require('./_commonjsHelpers-bcc1208a.js');
 
 const additional = "Advanced Settings";
 const alternateYear = "“Alternate Year” Reading";

package/dist/cjs/ldf-editable-preference.cjs.entry.js

@@ -3,11 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8fe0df8d.js');
-require('./index-c9b940c7.js');
-const preference$1 = require('./preference-1365e161.js');
-const change = require('./change-deff223a.js');
+require('./book-1a92678a.js');
+const preference$1 = require('./preference-a4bd51c4.js');
+const change = require('./change-cdb1e8c0.js');
 const locale = require('./locale-d4e925b1.js');
-require('./_commonjsHelpers-bcc1208a.js');
 
 const add = "Add an Option";
 const category = "Category";

package/dist/cjs/ldf-editable-preferences.cjs.entry.js

@@ -4,13 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8fe0df8d.js');
 const overlays = require('./overlays-eb464d6d.js');
-require('./index-c9b940c7.js');
-const preference = require('./preference-1365e161.js');
-const change = require('./change-deff223a.js');
+require('./book-1a92678a.js');
+const preference = require('./preference-a4bd51c4.js');
+const change = require('./change-cdb1e8c0.js');
 const locale = require('./locale-d4e925b1.js');
 require('./ionic-global-581fb4f8.js');
 require('./hardware-back-button-8c2f48d2.js');
-require('./_commonjsHelpers-bcc1208a.js');
 
 function categoriesToPreferenceTree(categories, preferences) {
     return categories.reduce((obj, category) => (Object.assign(Object.assign({}, obj), { [category]: Object.entries(preferences)

package/dist/cjs/ldf-editable-string-list.cjs.entry.js

@@ -3,10 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8fe0df8d.js');
-require('./index-c9b940c7.js');
-const change = require('./change-deff223a.js');
+require('./book-1a92678a.js');
+const change = require('./change-cdb1e8c0.js');
 const locale = require('./locale-d4e925b1.js');
-require('./_commonjsHelpers-bcc1208a.js');
 
 const category = {
 	add: "Add a Category",

package/dist/cjs/ldf-editor-cursors.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8fe0df8d.js');
 const index$2 = require('./index-7aa21373.js');
-const index$1 = require('./index-de13bd01.js');
+const index$1 = require('./index-b22a8b22.js');
 const _commonjsHelpers = require('./_commonjsHelpers-bcc1208a.js');
 
 var textareaCaret = _commonjsHelpers.createCommonjsModule(function (module) {

package/dist/cjs/ldf-editor.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8fe0df8d.js');
-const index$1 = require('./index-c9b940c7.js');
-const cursor = require('./cursor-849a5372.js');
-const change = require('./change-deff223a.js');
-const index$2 = require('./index-de13bd01.js');
+const book = require('./book-1a92678a.js');
+const cursor = require('./cursor-81bfd01e.js');
+const change = require('./change-cdb1e8c0.js');
+const index$1 = require('./index-b22a8b22.js');
 require('./_commonjsHelpers-bcc1208a.js');
 
 const editorCss = "ldf-editor.sc-ldf-editor, .sc-ldf-editor-h {\n  display: block;\n}\n\n.sc-ldf-editor-h textarea.sc-ldf-editor {\n  display: block;\n\n  width: 100%;\n  max-width: 100%;\n  max-height: 100%;\n\n  border: 1px solid grey;\n\n  outline: none;\n\n  background: transparent;\n  box-sizing: border-box;\n  resize: none;\n  appearance: none;\n\n  font-family: inherit;\n}\n\n@keyframes \"blink\" {\n  from, to {\n    opacity: 0;\n  }\n  50% {\n    opacity: 1;\n  }\n}\n\n.user.sc-ldf-editor {\n  padding-top: 3px;\n  padding-bottom: 3px;\n  border-left-width: 2px;\n  border-right-width: 2px;\n  border-style: solid;\n  border-top-width: 0;\n  border-bottom-width: 0;\n}";
@@ -29,15 +29,15 @@ const EditorComponent = class {
   async docChanged(newDoc) {
     try {
       if (typeof newDoc == 'string') {
-        this.obj = new index$1.LiturgicalDocument(JSON.parse(newDoc));
+        this.obj = new book.LiturgicalDocument(JSON.parse(newDoc));
       }
       else {
-        this.obj = new index$1.LiturgicalDocument(newDoc);
+        this.obj = new book.LiturgicalDocument(newDoc);
       }
     }
     catch (e) {
       console.warn(e);
-      this.obj = new index$1.LiturgicalDocument();
+      this.obj = new book.LiturgicalDocument();
     }
   }
   // Life Cycle
@@ -83,7 +83,7 @@ const EditorComponent = class {
     // if we've fired this on the first element, do nothing
     if (previousIndex >= 0) {
       // otherwise, look up the value of the previous element
-      const previousElement = index$2.elementFromPath(this.el, previousPath), textarea = ((_a = previousElement.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('textarea')) || previousElement.querySelector('textarea'), previousValue = textarea === null || textarea === void 0 ? void 0 : textarea.value, 
+      const previousElement = index$1.elementFromPath(this.el, previousPath), textarea = ((_a = previousElement.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('textarea')) || previousElement.querySelector('textarea'), previousValue = textarea === null || textarea === void 0 ? void 0 : textarea.value, 
       // delete the deleted node
       deleteOp = {
         type: 'deleteAt',
@@ -118,10 +118,10 @@ const EditorComponent = class {
     this.editorAskForBibleIntros.emit(ev.target.querySelector('ldf-editable-metadata-metadata-fields'));
   }
   onAskForCanticleOptions() {
-    this.editorAskForCanticleOptions.emit(index$2.querySelectorDeep('ldf-editable-filter-documents'));
+    this.editorAskForCanticleOptions.emit(index$1.querySelectorDeep('ldf-editable-filter-documents'));
   }
   onAskForPT( /*ev : CustomEvent*/) {
-    this.editorAskForPrayersAndThanksgivings.emit(index$2.querySelectorDeep('ldf-prayers-and-thanksgivings'));
+    this.editorAskForPrayersAndThanksgivings.emit(index$1.querySelectorDeep('ldf-prayers-and-thanksgivings'));
   }
   onShouldAddGloriaPatri(ev) {
     this.editorShouldAddGloriaPatri.emit(ev.detail);
@@ -221,11 +221,11 @@ const EditorComponent = class {
     // TODO #auth -- replace this with real user info
     const users = this.users || {}, user = users[this.uid], otherUsers = Object.entries(users).filter(u => u[0] !== this.uid);
     return (index.h(index.Host, null, this.listUsers && index.h("ldf-label-bar", null, index.h("div", { slot: 'start' }, user && index.h("span", null, "Logged in as ", index.h("span", { class: 'user', style: {
-        backgroundColor: new index$2.values_js(user.color).tint(40).hexString(),
-        borderColor: new index$2.values_js(user.color).shade(10).hexString()
+        backgroundColor: new index$1.values_js(user.color).tint(40).hexString(),
+        borderColor: new index$1.values_js(user.color).shade(10).hexString()
       } }, user.displayName), ". "), otherUsers && otherUsers.length > 0 && otherUsers.map(([, u]) => (index.h("span", null, index.h("span", { class: 'user', style: {
-        backgroundColor: new index$2.values_js(u.color).tint(40).hexString(),
-        borderColor: new index$2.values_js(u.color).shade(10).hexString()
+        backgroundColor: new index$1.values_js(u.color).tint(40).hexString(),
+        borderColor: new index$1.values_js(u.color).shade(10).hexString()
       } }, u.displayName)))).reduce((acc, x) => acc === null ? [x] : [acc, ', ', x], null)), index.h("slot", { name: 'controls', slot: 'end' })), index.h("ldf-editor-cursors", { parent: this.el, cursors: this.cursors, users: this.users, uid: this.uid }), this.obj && index.h("ldf-liturgical-document", { editable: true, preview: this.preview, path: '/', doc: this.obj })));
   }
   get el() { return index.getElement(this); }

package/dist/cjs/{option-6fb78f5c.js → option-a078d432.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-c9b940c7.js');
+const book = require('./book-1a92678a.js');
 
 function versionToString(version) {
     if (typeof version === 'string') {
@@ -18,13 +18,15 @@ const VERSIONS = {
     eow: 'EOW',
     coverdale: 'Coverdale',
     rite_i: 'Rite I',
+    bhs: 'Hebrew',
+    hebrew: 'Hebrew',
 };
 function modifiedVersion(option) {
     return option.type === 'psalm' && option.style === 'psalm' && option.version === 'bcp1979'
         ? 'bcp1979_psalm'
         : option.version;
 }
-class Option extends index.LiturgicalDocument {
+class Option extends book.LiturgicalDocument {
     //** Constructor takes a Javascript object containing the class's properties */
     constructor(data = {}) {
         super(data);
@@ -56,7 +58,10 @@ class Option extends index.LiturgicalDocument {
         var _a, _b, _c;
         const uniqueVersions = this.uniqueVersions(), uniqueLabels = this.uniqueLabels(), uniqueCitations = this.uniqueCitations(), uniqueCanticleNumbers = this.uniqueCanticleNumbers();
         let label = '';
-        if (option.type == 'liturgy') {
+        if (option.version_label) {
+            label = option.version_label;
+        }
+        else if (option.type == 'liturgy') {
             label = option.label || option.version_label || 'Option';
         }
         // Psalm 119 parts => Psalm 119: Aleph
@@ -66,6 +71,9 @@ class Option extends index.LiturgicalDocument {
             (((_a = option.slug) === null || _a === void 0 ? void 0 : _a.match(/psalm_119_/)) || ((_b = option.citation) === null || _b === void 0 ? void 0 : _b.toString().match(/Ps[^\d]+119/)))) {
             label = option.label;
         }
+        else if (option.type == 'psalm' && uniqueVersions > 1) {
+            label = option.version_label || VERSIONS[versionToString(option.version)];
+        }
         // Other psalms: Psalm 121
         else if (option.type == 'psalm' &&
             option.style == 'psalm' &&
@@ -90,13 +98,17 @@ class Option extends index.LiturgicalDocument {
                 label = `${option.citation.toString()}${formattedText}`;
             }
         }
+        // Readings with same citation + different versions => Version
+        else if (option.type == 'bible-reading' && uniqueCitations == 1) {
+            label = versionToString(option.version);
+        }
         // Readings with one version => John 1:1-4
         else if (option.type == 'bible-reading' && option.citation && uniqueVersions == 1) {
             label = option.citation.toString();
         }
-        // Readings with multiple versions => John 1:1-4
+        // Readings with multiple versions => John 1:1-4 (Version)
         else if (option.type == 'bible-reading' && option.citation && uniqueVersions > 1) {
-            label = `${option.citation.toString()} (${option.version})`;
+            label = `${option.citation.toString()} (${versionToString(option.version)})`;
         }
         // Canticles, if only one version
         else if (uniqueVersions == 1 &&

package/dist/cjs/{refrain-f51fd88d.js → refrain-91fb446b.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-const index = require('./index-c9b940c7.js');
+const book = require('./book-1a92678a.js');
 
 const STYLES = ['normal', 'antiphon', 'gloria'];
 /** Refrain represents a short text like the Gloria Patri, Hail Mary, or an Antiphon */
-class Refrain extends index.LiturgicalDocument {
+class Refrain extends book.LiturgicalDocument {
     //** Constructor takes a Javascript object containing the class's properties */
     constructor(data = {}) {
         super(data);