@venite/components 0.16.16 → 0.16.20

package/dist/cjs/{heading-5afc2b24.js → heading-fae3ce98.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-const book = require('./book-1a92678a.js');
+const index = require('./index-c9b940c7.js');
 
 const STYLES = ['text', 'day', 'date'];
-class Heading extends book.LiturgicalDocument {
+class Heading extends index.LiturgicalDocument {
     //** Constructor takes a Javascript object containing the class's properties */
     constructor(data = {}) {
         super(data);

package/dist/cjs/{image-3bee3e73.js → image-41000c7b.js}

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

package/dist/cjs/{book-1a92678a.js → index-c9b940c7.js}

@@ -1,5 +1,7 @@
 'use strict';
 
+const _commonjsHelpers = require('./_commonjsHelpers-bcc1208a.js');
+
 // strip away everything but year, month, day
 function dateOnly(d) {
     d.setHours(0);
@@ -142,14 +144,17 @@ const TYPES = [
     'psalm',
     'meditation',
     'image',
-    'parallel',
 ];
 const LOOKUP_TYPES = ['lectionary', 'canticle', 'category', 'slug', 'collect'];
-const DISPLAY_FORMATS = ['default', 'omit', 'unison', 'abbreviated', 'force_dropcap'];
+const DISPLAY_FORMATS = ['default', 'omit', 'unison', 'abbreviated'];
 /** Represents a liturgy of any scope and concreteness, from a complete bullletin to a single prayer. */
 class LiturgicalDocument {
     //** Constructor takes a Javascript object containing the class's properties */
     constructor(data = {}) {
+        /** Marks a document hidden, so it will not display but will not be deleted
+         * Typically used to a hide a subdocument within a larger liturgy without removing it entirely from the structure,
+         * making it easier to restore or toggle on and off */
+        this.hidden = false;
         Object.assign(this, data);
     }
     /** Evaluates the full set of conditions attached to the document and returns a boolean of whether it should be included
@@ -281,6 +286,95 @@ var Book;
     Book["Bel"] = "Bel";
 })(Book || (Book = {}));
 
+_commonjsHelpers.createCommonjsModule(function (module, exports) {
+// Reference: https://www.geeksforgeeks.org/jaro-and-jaro-winkler-similarity/
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.jaroWinkler = exports.jaro = void 0;
+/**
+ *
+ * @param str1 String 1 for compare
+ * @param str2 String 2 for compare
+ * @param options to control case sensitive or not
+ */
+function jaro(str1, str2, options) {
+    // Exit early if either are empty.
+    if (str1.length === 0 || str2.length === 0) {
+        return 0;
+    }
+    // Convert to upper if case-sensitive is false.
+    if (options && !options.caseSensitive) {
+        str1 = str1.toUpperCase();
+        str2 = str2.toUpperCase();
+    }
+    // Exact match
+    if (str1 === str2) {
+        return 1;
+    }
+    // Number of matches
+    var m = 0;
+    // Length of two Strings
+    var len1 = str1.length;
+    var len2 = str2.length;
+    // Maximum distance
+    var window = Math.floor(Math.max(len1, len2) / 2) - 1;
+    // Hash for matches
+    var str1Hash = new Array(len1);
+    var str2Hash = new Array(len2);
+    for (var i = 0; i < len1; i++) {
+        for (var j = Math.max(0, i - window); j <= Math.min(len2, i + window + 1); j++) {
+            if (!str1Hash[i] && !str2Hash[j] && str1[i] === str2[j]) {
+                ++m;
+                str1Hash[i] = str2Hash[j] = true;
+                break;
+            }
+        }
+    }
+    // Exit early if no matches were found.
+    if (m === 0) {
+        return 0;
+    }
+    // Count the transpositions.
+    var t = 0;
+    var point = 0;
+    for (var i = 0; i < len1; i++) {
+        if (str1Hash[i]) {
+            while (!str2Hash[point]) {
+                point++;
+            }
+            if (str1.charAt(i) !== str2.charAt(point++)) {
+                t++;
+            }
+        }
+    }
+    t /= 2;
+    return (m / len1 + m / len2 + (m - t) / m) / 3;
+}
+exports.jaro = jaro;
+/**
+ *
+ * @param str1 String 1 for compare
+ * @param str2 String 2 for compare
+ * @param options to control case sensitive or not
+ */
+function jaroWinkler(str1, str2, options) {
+    // Jaro Distance
+    var jaroDist = jaro(str1, str2, options);
+    // Same prefix length, maxium is 4
+    var prefix = 0;
+    if (jaroDist > 0.7) {
+        var minIndex = Math.min(str1.length, str2.length);
+        var i = 0;
+        while (str1[i] === str2[i] && i < 4 && i < minIndex) {
+            ++prefix;
+            i++;
+        }
+        jaroDist += 0.1 * prefix * (1 - jaroDist);
+    }
+    return jaroDist;
+}
+exports.jaroWinkler = jaroWinkler;
+});
+
 exports.Condition = Condition;
 exports.LiturgicalDocument = LiturgicalDocument;
 exports.dateFromYMDString = dateFromYMDString;

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

@@ -7,10 +7,11 @@ const ionicGlobal = require('./ionic-global-581fb4f8.js');
 const helpers = require('./helpers-41dfb43a.js');
 const theme = require('./theme-81caa5b0.js');
 const overlays = require('./overlays-eb464d6d.js');
-require('./book-1a92678a.js');
-const change = require('./change-cdb1e8c0.js');
+require('./index-c9b940c7.js');
+const change = require('./change-deff223a.js');
 const locale = require('./locale-d4e925b1.js');
 require('./hardware-back-button-8c2f48d2.js');
+require('./_commonjsHelpers-bcc1208a.js');
 
 const buttonIosCss = ":host{--overflow:hidden;--ripple-color:currentColor;--border-width:initial;--border-color:initial;--border-style:initial;--color-activated:var(--color);--color-focused:var(--color);--color-hover:var(--color);--box-shadow:none;display:inline-block;width:auto;color:var(--color);font-family:var(--ion-font-family, inherit);text-align:center;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;user-select:none;vertical-align:top;vertical-align:-webkit-baseline-middle;pointer-events:auto;font-kerning:none}:host(.button-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.button-solid){--background:var(--ion-color-primary, #3880ff);--color:var(--ion-color-primary-contrast, #fff)}:host(.button-outline){--border-color:var(--ion-color-primary, #3880ff);--background:transparent;--color:var(--ion-color-primary, #3880ff)}:host(.button-clear){--border-width:0;--background:transparent;--color:var(--ion-color-primary, #3880ff)}:host(.button-block){display:block}:host(.button-block) .button-native{margin-left:0;margin-right:0;display:block;width:100%;clear:both;contain:content}:host(.button-block) .button-native::after{clear:both}:host(.button-full){display:block}:host(.button-full) .button-native{margin-left:0;margin-right:0;display:block;width:100%;contain:content}:host(.button-full:not(.button-round)) .button-native{border-radius:0;border-right-width:0;border-left-width:0}.button-native{border-radius:var(--border-radius);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;display:block;position:relative;width:100%;height:100%;transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);outline:none;background:var(--background);line-height:1;box-shadow:var(--box-shadow);contain:layout style;cursor:pointer;opacity:var(--opacity);overflow:var(--overflow);z-index:0;box-sizing:border-box;appearance:none}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){.button-native{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}.button-native::-moz-focus-inner{border:0}.button-inner{display:flex;position:relative;flex-flow:row nowrap;flex-shrink:0;align-items:center;justify-content:center;width:100%;height:100%;z-index:1}::slotted(ion-icon){font-size:1.4em;pointer-events:none}::slotted(ion-icon[slot=start]){margin-left:-0.3em;margin-right:0.3em;margin-top:0;margin-bottom:0}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){::slotted(ion-icon[slot=start]){margin-left:unset;margin-right:unset;-webkit-margin-start:-0.3em;margin-inline-start:-0.3em;-webkit-margin-end:0.3em;margin-inline-end:0.3em}}::slotted(ion-icon[slot=end]){margin-left:0.3em;margin-right:-0.2em;margin-top:0;margin-bottom:0}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){::slotted(ion-icon[slot=end]){margin-left:unset;margin-right:unset;-webkit-margin-start:0.3em;margin-inline-start:0.3em;-webkit-margin-end:-0.2em;margin-inline-end:-0.2em}}::slotted(ion-icon[slot=icon-only]){font-size:1.8em}ion-ripple-effect{color:var(--ripple-color)}.button-native::after{left:0;right:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0}:host(.ion-activated){color:var(--color-activated)}:host(.ion-activated) .button-native::after{background:var(--background-activated);opacity:var(--background-activated-opacity)}:host(.ion-focused){color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}@media (any-hover: hover){:host(:hover){color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}}:host(.button-solid.ion-color) .button-native{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.button-outline.ion-color) .button-native{border-color:var(--ion-color-base);background:transparent;color:var(--ion-color-base)}:host(.button-clear.ion-color) .button-native{background:transparent;color:var(--ion-color-base)}:host(.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{color:var(--ion-toolbar-color, var(--color))}:host(.button-outline.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{border-color:var(--ion-toolbar-color, var(--color, var(--border-color)))}:host(.button-solid.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{background:var(--ion-toolbar-color, var(--background));color:var(--ion-toolbar-background, var(--color))}:host{--border-radius:10px;--padding-top:0;--padding-bottom:0;--padding-start:1em;--padding-end:1em;--transition:background-color, opacity 100ms linear;margin-left:2px;margin-right:2px;margin-top:4px;margin-bottom:4px;height:2.8em;font-size:16px;font-weight:500;letter-spacing:-0.03em}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host{margin-left:unset;margin-right:unset;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:2px;margin-inline-end:2px}}:host(.button-solid){--background-activated:var(--ion-color-primary-shade, #3171e0);--background-focused:var(--ion-color-primary-shade, #3171e0);--background-hover:var(--ion-color-primary-tint, #4c8dff);--background-activated-opacity:1;--background-focused-opacity:1;--background-hover-opacity:1}:host(.button-outline){--border-radius:10px;--border-width:1px;--border-style:solid;--background-activated:var(--ion-color-primary, #3880ff);--background-focused:var(--ion-color-primary, #3880ff);--background-hover:transparent;--background-focused-opacity:.1;--color-activated:var(--ion-color-primary-contrast, #fff)}:host(.button-clear){--background-activated:transparent;--background-focused:var(--ion-color-primary, #3880ff);--background-hover:transparent;--background-focused-opacity:.1;font-size:17px;font-weight:normal;letter-spacing:0}:host(.button-large){--border-radius:12px;--padding-top:0;--padding-start:1em;--padding-end:1em;--padding-bottom:0;height:2.8em;font-size:20px}:host(.button-small){--border-radius:6px;--padding-top:0;--padding-start:0.9em;--padding-end:0.9em;--padding-bottom:0;height:2.1em;font-size:13px}:host(.button-round){--border-radius:64px;--padding-top:0;--padding-start:26px;--padding-end:26px;--padding-bottom:0}:host(.button-strong){font-weight:600}:host(.button-clear.ion-activated){opacity:0.4}:host(.button-outline.ion-activated.ion-color) .button-native{color:var(--ion-color-contrast)}:host(.button-outline.ion-activated.ion-color) .button-native::after{background:var(--ion-color-base)}:host(.button-solid.ion-color.ion-activated) .button-native::after{background:var(--ion-color-shade)}:host(.button-outline.ion-focused.ion-color) .button-native,:host(.button-clear.ion-focused.ion-color) .button-native{color:var(--ion-color-base)}:host(.button-outline.ion-focused.ion-color) .button-native::after,:host(.button-clear.ion-focused.ion-color) .button-native::after{background:var(--ion-color-base)}:host(.button-solid.ion-color.ion-focused) .button-native::after{background:var(--ion-color-shade)}@media (any-hover: hover){:host(.button-clear:hover),:host(.button-outline:hover){opacity:0.6}:host(.button-clear.ion-color:hover) .button-native,:host(.button-outline.ion-color:hover) .button-native{color:var(--ion-color-base)}:host(.button-clear.ion-color:hover) .button-native::after,:host(.button-outline.ion-color:hover) .button-native::after{background:transparent}:host(.button-solid.ion-color:hover) .button-native::after{background:var(--ion-color-tint)}:host(:hover.button-solid.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native::after{background:#fff;opacity:0.1}}";
 

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

@@ -6,11 +6,12 @@ const index = require('./index-8fe0df8d.js');
 const ionicGlobal = require('./ionic-global-581fb4f8.js');
 const theme = require('./theme-81caa5b0.js');
 const overlays = require('./overlays-eb464d6d.js');
-require('./book-1a92678a.js');
-const refrain = require('./refrain-91fb446b.js');
-const change = require('./change-cdb1e8c0.js');
+require('./index-c9b940c7.js');
+const refrain = require('./refrain-f51fd88d.js');
+const change = require('./change-deff223a.js');
 const locale = require('./locale-d4e925b1.js');
 require('./hardware-back-button-8c2f48d2.js');
+require('./_commonjsHelpers-bcc1208a.js');
 
 const cardContentIosCss = "ion-card-content{display:block;position:relative}.card-content-ios{padding-left:20px;padding-right:20px;padding-top:20px;padding-bottom:20px;font-size:16px;line-height:1.4}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){.card-content-ios{padding-left:unset;padding-right:unset;-webkit-padding-start:20px;padding-inline-start:20px;-webkit-padding-end:20px;padding-inline-end:20px}}.card-content-ios h1{margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:24px;font-weight:normal}.card-content-ios h2{margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;font-size:16px;font-weight:normal}.card-content-ios h3,.card-content-ios h4,.card-content-ios h5,.card-content-ios h6{margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;font-size:14px;font-weight:normal}.card-content-ios p{margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:14px}ion-card-header+.card-content-ios{padding-top:0}";
 

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

@@ -6,10 +6,11 @@ const index = require('./index-8fe0df8d.js');
 const ionicGlobal = require('./ionic-global-581fb4f8.js');
 const helpers = require('./helpers-41dfb43a.js');
 const theme = require('./theme-81caa5b0.js');
-require('./book-1a92678a.js');
-const change = require('./change-cdb1e8c0.js');
+require('./index-c9b940c7.js');
+const change = require('./change-deff223a.js');
 const overlays = require('./overlays-eb464d6d.js');
 const locale = require('./locale-d4e925b1.js');
+require('./_commonjsHelpers-bcc1208a.js');
 require('./hardware-back-button-8c2f48d2.js');
 
 const checkboxIosCss = ":host{--background-checked:var(--ion-color-primary, #3880ff);--border-color-checked:var(--ion-color-primary, #3880ff);--checkmark-color:var(--ion-color-primary-contrast, #fff);--checkmark-width:1;--transition:none;display:inline-block;position:relative;user-select:none;z-index:2}:host(.ion-color){--background-checked:var(--ion-color-base);--border-color-checked:var(--ion-color-base);--checkmark-color:var(--ion-color-contrast)}button{left:0;top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;appearance:none;outline:none}[dir=rtl] button,:host-context([dir=rtl]) button{left:unset;right:unset;right:0}button::-moz-focus-inner{border:0}.checkbox-icon{border-radius:var(--border-radius);display:block;position:relative;width:100%;height:100%;transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);box-sizing:border-box}.checkbox-icon path{fill:none;stroke:var(--checkmark-color);stroke-width:var(--checkmark-width);opacity:0}:host(.checkbox-checked) .checkbox-icon,:host(.checkbox-indeterminate) .checkbox-icon{border-color:var(--border-color-checked);background:var(--background-checked)}:host(.checkbox-checked) .checkbox-icon path,:host(.checkbox-indeterminate) .checkbox-icon path{opacity:1}:host(.checkbox-disabled){pointer-events:none}:host{--border-radius:50%;--border-width:1px;--border-style:solid;--border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.23);--background:var(--ion-item-background, var(--ion-background-color, #fff));--size:26px;width:var(--size);height:var(--size)}:host(.checkbox-disabled){opacity:0.3}:host(.in-item){margin-left:0;margin-right:8px;margin-top:10px;margin-bottom:9px;display:block;position:static}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host(.in-item){margin-left:unset;margin-right:unset;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:8px;margin-inline-end:8px}}:host(.in-item[slot=start]){margin-left:2px;margin-right:20px;margin-top:8px;margin-bottom:8px}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host(.in-item[slot=start]){margin-left:unset;margin-right:unset;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:20px;margin-inline-end:20px}}";

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

@@ -7,9 +7,9 @@ const ionicGlobal = require('./ionic-global-581fb4f8.js');
 const helpers = require('./helpers-41dfb43a.js');
 const theme = require('./theme-81caa5b0.js');
 const index$1 = require('./index-7aa21373.js');
-require('./book-1a92678a.js');
-const cursor = require('./cursor-81bfd01e.js');
-const change = require('./change-cdb1e8c0.js');
+require('./index-c9b940c7.js');
+const cursor = require('./cursor-849a5372.js');
+const change = require('./change-deff223a.js');
 const _commonjsHelpers = require('./_commonjsHelpers-bcc1208a.js');
 const locale = require('./locale-d4e925b1.js');
 

package/dist/cjs/ion-segment_16.cjs.entry.js

@@ -7,15 +7,15 @@ const ionicGlobal = require('./ionic-global-581fb4f8.js');
 const helpers = require('./helpers-41dfb43a.js');
 const theme = require('./theme-81caa5b0.js');
 const overlays = require('./overlays-eb464d6d.js');
-const book$1 = require('./book-1a92678a.js');
-const rubric = require('./rubric-586cf42b.js');
-const heading$1 = require('./heading-5afc2b24.js');
-const option$1 = require('./option-a078d432.js');
-const change = require('./change-cdb1e8c0.js');
+const index$1 = require('./index-c9b940c7.js');
+const rubric = require('./rubric-ad2f926f.js');
+const heading$1 = require('./heading-fae3ce98.js');
+const option$1 = require('./option-6fb78f5c.js');
+const change = require('./change-deff223a.js');
 const locale = require('./locale-d4e925b1.js');
-const image = require('./image-3bee3e73.js');
-const index$1 = require('./index-7aa21373.js');
-const refrain = require('./refrain-91fb446b.js');
+const image = require('./image-41000c7b.js');
+const index$2 = require('./index-7aa21373.js');
+const refrain = require('./refrain-f51fd88d.js');
 require('./hardware-back-button-8c2f48d2.js');
 require('./_commonjsHelpers-bcc1208a.js');
 
@@ -802,19 +802,19 @@ const EditableMetadataButtonsComponent = class {
         {
           name: 'value',
           type: 'radio',
-          value: book$1.Responsive.AllSizes,
+          value: index$1.Responsive.AllSizes,
           label: this.localeStrings.responsiveAll
         },
         {
           name: 'value',
           type: 'radio',
-          value: book$1.Responsive.SmallOnly,
+          value: index$1.Responsive.SmallOnly,
           label: this.localeStrings.responsiveSmallOnly
         },
         {
           name: 'value',
           type: 'radio',
-          value: book$1.Responsive.SmallHidden,
+          value: index$1.Responsive.SmallHidden,
           label: this.localeStrings.responsiveSmallHidden
         }
       ],
@@ -1170,7 +1170,7 @@ const ImageComponent = class {
   }; }
 };
 __decorate([
-  index$1.Debounce(250)
+  index$2.Debounce(250)
 ], ImageComponent.prototype, "updateDoc", null);
 ImageComponent.style = imageCss;
 
@@ -1446,17 +1446,17 @@ const LiturgicalDocumentComponent = class {
     let provisionalObj;
     try {
       if (typeof newDoc == 'string') {
-        provisionalObj = new book$1.LiturgicalDocument(JSON.parse(newDoc));
+        provisionalObj = new index$1.LiturgicalDocument(JSON.parse(newDoc));
       }
       else {
-        provisionalObj = new book$1.LiturgicalDocument(newDoc);
+        provisionalObj = new index$1.LiturgicalDocument(newDoc);
       }
     }
     catch (e) {
       console.warn(e);
-      provisionalObj = new book$1.LiturgicalDocument();
+      provisionalObj = new index$1.LiturgicalDocument();
     }
-    this.obj = provisionalObj || new book$1.LiturgicalDocument();
+    this.obj = provisionalObj || new index$1.LiturgicalDocument();
   }
   // Listeners
   onDragOver() {
@@ -1616,9 +1616,9 @@ const LiturgicalDocumentComponent = class {
     return (node && index.h(index.Host, { lang: ((_a = this.obj) === null || _a === void 0 ? void 0 : _a.language) || 'en' }, index.h("div", { class: {
         container: true,
         editable: this.editable || this.preview,
-        "small-only": !this.editable && !this.preview && ((_b = this.obj) === null || _b === void 0 ? void 0 : _b.responsive) !== undefined && ((_c = this.obj) === null || _c === void 0 ? void 0 : _c.responsive) == book$1.Responsive.SmallOnly,
-        "small-hidden": !this.editable && !this.preview && ((_d = this.obj) === null || _d === void 0 ? void 0 : _d.responsive) !== undefined && ((_e = this.obj) === null || _e === void 0 ? void 0 : _e.responsive) == book$1.Responsive.SmallHidden,
-      } }, (this.editable || this.preview) && index.h("ldf-editable-metadata-buttons", { visible: this.hasFocus, base: this.base, index: this.index, obj: this.obj, parentType: this.parentType, preview: this.preview, onLdfTogglePreview: (e) => this.setPreview(e.detail), class: { 'top-level': ((_f = this.obj) === null || _f === void 0 ? void 0 : _f.type) === 'liturgy' || ((_g = this.obj) === null || _g === void 0 ? void 0 : _g.type) === 'option' } }), (this.editable || this.preview) && (((_h = this.obj) === null || _h === void 0 ? void 0 : _h.responsive) === book$1.Responsive.SmallHidden || ((_j = this.obj) === null || _j === void 0 ? void 0 : _j.responsive) === book$1.Responsive.SmallOnly) && index.h("ion-chip", { class: "responsive-banner" }, index.h("ion-icon", { name: "phone-portrait-outline" }), ((_k = this.obj) === null || _k === void 0 ? void 0 : _k.responsive) === book$1.Responsive.SmallOnly && index.h("ion-label", null, this.localeStrings.smallOnly), ((_l = this.obj) === null || _l === void 0 ? void 0 : _l.responsive) === book$1.Responsive.SmallHidden && index.h("ion-label", null, this.localeStrings.smallHidden)), index.h("div", { id: (this.path || '').replace(/\//g, '-'), class: {
+        "small-only": !this.editable && !this.preview && ((_b = this.obj) === null || _b === void 0 ? void 0 : _b.responsive) !== undefined && ((_c = this.obj) === null || _c === void 0 ? void 0 : _c.responsive) == index$1.Responsive.SmallOnly,
+        "small-hidden": !this.editable && !this.preview && ((_d = this.obj) === null || _d === void 0 ? void 0 : _d.responsive) !== undefined && ((_e = this.obj) === null || _e === void 0 ? void 0 : _e.responsive) == index$1.Responsive.SmallHidden,
+      } }, (this.editable || this.preview) && index.h("ldf-editable-metadata-buttons", { visible: this.hasFocus, base: this.base, index: this.index, obj: this.obj, parentType: this.parentType, preview: this.preview, onLdfTogglePreview: (e) => this.setPreview(e.detail), class: { 'top-level': ((_f = this.obj) === null || _f === void 0 ? void 0 : _f.type) === 'liturgy' || ((_g = this.obj) === null || _g === void 0 ? void 0 : _g.type) === 'option' } }), (this.editable || this.preview) && (((_h = this.obj) === null || _h === void 0 ? void 0 : _h.responsive) === index$1.Responsive.SmallHidden || ((_j = this.obj) === null || _j === void 0 ? void 0 : _j.responsive) === index$1.Responsive.SmallOnly) && index.h("ion-chip", { class: "responsive-banner" }, index.h("ion-icon", { name: "phone-portrait-outline" }), ((_k = this.obj) === null || _k === void 0 ? void 0 : _k.responsive) === index$1.Responsive.SmallOnly && index.h("ion-label", null, this.localeStrings.smallOnly), ((_l = this.obj) === null || _l === void 0 ? void 0 : _l.responsive) === index$1.Responsive.SmallHidden && index.h("ion-label", null, this.localeStrings.smallHidden)), index.h("div", { id: (this.path || '').replace(/\//g, '-'), class: {
         doc: true,
         editable: this.editable || this.preview
       }, style: { padding: this.padding } }, node))));
@@ -2141,7 +2141,7 @@ const PsalmComponent = class {
       // antiphon is something like an O antiphon tree:
       // dates can be either MM/DD or MM-DD
       // { '12/23': '...', '12/24': '...' }
-      const date = this.obj.day ? book$1.dateFromYMDString((_b = (_a = this.obj) === null || _a === void 0 ? void 0 : _a.day) === null || _b === void 0 ? void 0 : _b.date) : new Date();
+      const date = this.obj.day ? index$1.dateFromYMDString((_b = (_a = this.obj) === null || _a === void 0 ? void 0 : _a.day) === null || _b === void 0 ? void 0 : _b.date) : new Date();
       return this.antiphonNode(antiphon[`${date.getMonth() + 1}/${date.getDate()}`] || antiphon[`${date.getMonth() + 1}-${date.getDate()}`], true);
     }
   }