@venite/components 0.16.7 → 0.16.13

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

@@ -0,0 +1,396 @@
+import { r as registerInstance, h, H as Host, f as forceUpdate, c as createEvent, a as getElement } from './index-f0f6a379.js';
+import { g as getIonMode } from './ionic-global-ef89a0a5.js';
+import { c as createColorClasses } from './theme-74c22054.js';
+import { f as alertController } from './overlays-06b43b65.js';
+import './book-31b8cdde.js';
+import { R as Refrain } from './refrain-75a412cb.js';
+import { C as Change } from './change-ea574d32.js';
+import { g as getComponentClosestLanguage } from './locale-ec8e14e6.js';
+import './hardware-back-button-b3b61715.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}";
+
+const cardContentMdCss = "ion-card-content{display:block;position:relative}.card-content-md{padding-left:16px;padding-right:16px;padding-top:13px;padding-bottom:13px;font-size:14px;line-height:1.5}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){.card-content-md{padding-left:unset;padding-right:unset;-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px}}.card-content-md h1{margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:24px;font-weight:normal}.card-content-md h2{margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;font-size:16px;font-weight:normal}.card-content-md h3,.card-content-md h4,.card-content-md h5,.card-content-md h6{margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;font-size:14px;font-weight:normal}.card-content-md p{margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:14px;font-weight:normal;line-height:1.5}ion-card-header+.card-content-md{padding-top:0}";
+
+const CardContent = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    const mode = getIonMode(this);
+    return (h(Host, { class: {
+        [mode]: true,
+        // Used internally for styling
+        [`card-content-${mode}`]: true
+      } }));
+  }
+};
+CardContent.style = {
+  ios: cardContentIosCss,
+  md: cardContentMdCss
+};
+
+const cardTitleIosCss = ":host{display:block;position:relative;color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}:host{--color:var(--ion-text-color, #000);margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;font-size:28px;font-weight:700;line-height:1.2}";
+
+const cardTitleMdCss = ":host{display:block;position:relative;color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}:host{--color:var(--ion-color-step-850, #262626);margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;font-size:20px;font-weight:500;line-height:1.2}";
+
+const CardTitle = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    const mode = getIonMode(this);
+    return (h(Host, { role: "heading", "aria-level": "2", class: Object.assign(Object.assign({}, createColorClasses(this.color)), { 'ion-inherit-color': true, [mode]: true }) }, h("slot", null)));
+  }
+};
+CardTitle.style = {
+  ios: cardTitleIosCss,
+  md: cardTitleMdCss
+};
+
+const SIZE_TO_MEDIA = {
+    'xs': '(min-width: 0px)',
+    'sm': '(min-width: 576px)',
+    'md': '(min-width: 768px)',
+    'lg': '(min-width: 992px)',
+    'xl': '(min-width: 1200px)',
+};
+// Check if the window matches the media query
+// at the breakpoint passed
+// e.g. matchBreakpoint('sm') => true if screen width exceeds 576px
+const matchBreakpoint = (breakpoint) => {
+    if (breakpoint === undefined || breakpoint === '') {
+        return true;
+    }
+    if (window.matchMedia) {
+        const mediaQuery = SIZE_TO_MEDIA[breakpoint];
+        return window.matchMedia(mediaQuery).matches;
+    }
+    return false;
+};
+
+const colCss = ":host{padding-left:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));padding-right:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;box-sizing:border-box;position:relative;flex-basis:0;flex-grow:1;width:100%;max-width:100%;min-height:1px}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px))}}@media (min-width: 576px){:host{padding-left:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));padding-right:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px))}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px))}}}@media (min-width: 768px){:host{padding-left:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));padding-right:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px))}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px))}}}@media (min-width: 992px){:host{padding-left:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));padding-right:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px))}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px))}}}@media (min-width: 1200px){:host{padding-left:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));padding-right:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px))}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px))}}}";
+
+const win = window;
+const SUPPORTS_VARS = !!(win.CSS && win.CSS.supports && win.CSS.supports('--a: 0'));
+const BREAKPOINTS = ['', 'xs', 'sm', 'md', 'lg', 'xl'];
+const Col = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  onResize() {
+    forceUpdate(this);
+  }
+  // Loop through all of the breakpoints to see if the media query
+  // matches and grab the column value from the relevant prop if so
+  getColumns(property) {
+    let matched;
+    for (const breakpoint of BREAKPOINTS) {
+      const matches = matchBreakpoint(breakpoint);
+      // Grab the value of the property, if it exists and our
+      // media query matches we return the value
+      const columns = this[property + breakpoint.charAt(0).toUpperCase() + breakpoint.slice(1)];
+      if (matches && columns !== undefined) {
+        matched = columns;
+      }
+    }
+    // Return the last matched columns since the breakpoints
+    // increase in size and we want to return the largest match
+    return matched;
+  }
+  calculateSize() {
+    const columns = this.getColumns('size');
+    // If size wasn't set for any breakpoint
+    // or if the user set the size without a value
+    // it means we need to stick with the default and return
+    // e.g. <ion-col size-md>
+    if (!columns || columns === '') {
+      return;
+    }
+    // If the size is set to auto then don't calculate a size
+    const colSize = (columns === 'auto')
+      ? 'auto'
+      // If CSS supports variables we should use the grid columns var
+      : SUPPORTS_VARS ? `calc(calc(${columns} / var(--ion-grid-columns, 12)) * 100%)`
+        // Convert the columns to a percentage by dividing by the total number
+        // of columns (12) and then multiplying by 100
+        : ((columns / 12) * 100) + '%';
+    return {
+      'flex': `0 0 ${colSize}`,
+      'width': `${colSize}`,
+      'max-width': `${colSize}`
+    };
+  }
+  // Called by push, pull, and offset since they use the same calculations
+  calculatePosition(property, modifier) {
+    const columns = this.getColumns(property);
+    if (!columns) {
+      return;
+    }
+    // If the number of columns passed are greater than 0 and less than
+    // 12 we can position the column, else default to auto
+    const amount = SUPPORTS_VARS
+      // If CSS supports variables we should use the grid columns var
+      ? `calc(calc(${columns} / var(--ion-grid-columns, 12)) * 100%)`
+      // Convert the columns to a percentage by dividing by the total number
+      // of columns (12) and then multiplying by 100
+      : (columns > 0 && columns < 12) ? (columns / 12 * 100) + '%' : 'auto';
+    return {
+      [modifier]: amount
+    };
+  }
+  calculateOffset(isRTL) {
+    return this.calculatePosition('offset', isRTL ? 'margin-right' : 'margin-left');
+  }
+  calculatePull(isRTL) {
+    return this.calculatePosition('pull', isRTL ? 'left' : 'right');
+  }
+  calculatePush(isRTL) {
+    return this.calculatePosition('push', isRTL ? 'right' : 'left');
+  }
+  render() {
+    const isRTL = document.dir === 'rtl';
+    const mode = getIonMode(this);
+    return (h(Host, { class: {
+        [mode]: true
+      }, style: Object.assign(Object.assign(Object.assign(Object.assign({}, this.calculateOffset(isRTL)), this.calculatePull(isRTL)), this.calculatePush(isRTL)), this.calculateSize()) }, h("slot", null)));
+  }
+};
+Col.style = colCss;
+
+const gridCss = ":host{padding-left:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));padding-right:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));padding-top:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));padding-bottom:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));margin-left:auto;margin-right:auto;display:block;flex:1}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));padding-inline-start:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));-webkit-padding-end:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));padding-inline-end:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px))}}@media (min-width: 576px){:host{padding-left:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));padding-right:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));padding-top:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));padding-bottom:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px))}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));padding-inline-start:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));-webkit-padding-end:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));padding-inline-end:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px))}}}@media (min-width: 768px){:host{padding-left:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));padding-right:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));padding-top:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));padding-bottom:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px))}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));padding-inline-start:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));-webkit-padding-end:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));padding-inline-end:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px))}}}@media (min-width: 992px){:host{padding-left:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));padding-right:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));padding-top:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));padding-bottom:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px))}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));padding-inline-start:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));-webkit-padding-end:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));padding-inline-end:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px))}}}@media (min-width: 1200px){:host{padding-left:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));padding-right:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));padding-top:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));padding-bottom:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px))}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));padding-inline-start:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));-webkit-padding-end:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));padding-inline-end:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px))}}}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host{margin-left:unset;margin-right:unset;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto}}:host(.grid-fixed){width:var(--ion-grid-width-xs, var(--ion-grid-width, 100%));max-width:100%}@media (min-width: 576px){:host(.grid-fixed){width:var(--ion-grid-width-sm, var(--ion-grid-width, 540px))}}@media (min-width: 768px){:host(.grid-fixed){width:var(--ion-grid-width-md, var(--ion-grid-width, 720px))}}@media (min-width: 992px){:host(.grid-fixed){width:var(--ion-grid-width-lg, var(--ion-grid-width, 960px))}}@media (min-width: 1200px){:host(.grid-fixed){width:var(--ion-grid-width-xl, var(--ion-grid-width, 1140px))}}:host(.ion-no-padding){--ion-grid-column-padding:0;--ion-grid-column-padding-xs:0;--ion-grid-column-padding-sm:0;--ion-grid-column-padding-md:0;--ion-grid-column-padding-lg:0;--ion-grid-column-padding-xl:0}";
+
+const Grid = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    /**
+     * If `true`, the grid will have a fixed width based on the screen size.
+     */
+    this.fixed = false;
+  }
+  render() {
+    const mode = getIonMode(this);
+    return (h(Host, { class: {
+        [mode]: true,
+        'grid-fixed': this.fixed
+      } }, h("slot", null)));
+  }
+};
+Grid.style = gridCss;
+
+const rowCss = ":host{display:flex;flex-wrap:wrap}";
+
+const Row = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    return (h(Host, { class: getIonMode(this) }, h("slot", null)));
+  }
+};
+Row.style = rowCss;
+
+const antiphon = "Antiphon";
+const omit = "Omit Antiphon";
+const insert = "Insert Seasonal Antiphon";
+const text = "Text";
+const table = "Table";
+const add_table_value_header = "Add Antiphon for Date";
+const add_table_value_message = "What date should the antiphon appear? (MM-DD)";
+const cancel = "Cancel";
+const ok = "Okay";
+const EN = {
+	antiphon: antiphon,
+	omit: omit,
+	insert: insert,
+	text: text,
+	table: table,
+	add_table_value_header: add_table_value_header,
+	add_table_value_message: add_table_value_message,
+	cancel: cancel,
+	ok: ok
+};
+
+const ldfEditableAntiphonFieldCss = "ion-grid.sc-ldf-editable-antiphon-field{width:100%}ldf-liturgical-document.sc-ldf-editable-antiphon-field{width:100%}";
+
+const LOCALE = {
+  'en': EN
+};
+const EditableStringOrAntiphon = ({ mode, path, value }) => h("ion-item", { lines: "none" }, mode === 'string' && h("ldf-editable-text", { path: path, short: true, text: value.toString() }), mode === 'refrain' && h("ldf-liturgical-document", { path: path, doc: value, editable: true }));
+const EditableAntiphonFieldComponent = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.ldfDocShouldChange = createEvent(this, "ldfDocShouldChange", 7);
+    this.mode = 'default';
+  }
+  antiphonChange() {
+    this.currentAntiphon = this.antiphon;
+    this.setMode();
+  }
+  omitAntiphonChange() {
+    this.currentOmitAntiphon = this.omit_antiphon;
+  }
+  insertAntiphonChange() {
+    this.currentInsertAntiphon = this.insert_antiphon;
+  }
+  componentWillLoad() {
+    this.loadLocaleStrings();
+    this.currentAntiphon = this.antiphon;
+    this.currentOmitAntiphon = this.omit_antiphon;
+    this.currentInsertAntiphon = this.insert_antiphon;
+    this.setMode();
+  }
+  setMode() {
+    var _a;
+    if (this.currentAntiphon == undefined) {
+      this.mode = 'default';
+    }
+    else if (typeof this.currentAntiphon === 'string') {
+      this.mode = 'string';
+    }
+    else if (((_a = this.currentAntiphon) === null || _a === void 0 ? void 0 : _a.type) === 'refrain') {
+      this.mode = 'refrain';
+    }
+    else if (typeof this.currentAntiphon === 'object') {
+      this.mode = 'table';
+    }
+    else {
+      console.warn(`[ldf-editable-antiphon-field] invalid antiphon field at path ${this.path}/metadata/antiphon: ${JSON.stringify(this.currentAntiphon)}`);
+    }
+  }
+  async loadLocaleStrings() {
+    try {
+      this.localeStrings = LOCALE[getComponentClosestLanguage(this.element)];
+    }
+    catch (e) {
+      console.warn(e);
+    }
+  }
+  setValue(newValue, omit, insert) {
+    this.ldfDocShouldChange.emit(new Change({
+      path: `${this.path}/metadata/antiphon`,
+      op: [{
+          type: 'set',
+          oldValue: this.currentAntiphon,
+          value: newValue
+        }]
+    }));
+    this.currentAntiphon = newValue;
+    this.setMode();
+    if (this.currentOmitAntiphon !== omit) {
+      this.ldfDocShouldChange.emit(new Change({
+        path: `${this.path}/metadata/omit_antiphon`,
+        op: [{
+            type: 'set',
+            oldValue: this.currentOmitAntiphon,
+            value: omit
+          }]
+      }));
+      this.currentOmitAntiphon = omit;
+    }
+    if (this.currentInsertAntiphon !== insert) {
+      this.ldfDocShouldChange.emit(new Change({
+        path: `${this.path}/metadata/insert_antiphon`,
+        op: [{
+            type: 'set',
+            oldValue: this.currentInsertAntiphon,
+            value: insert
+          }]
+      }));
+      this.currentInsertAntiphon = insert;
+    }
+  }
+  async addTableValue() {
+    const alert = await alertController.create({
+      header: this.localeStrings.add_table_value_header,
+      message: this.localeStrings.add_table_value_message,
+      inputs: [
+        {
+          name: 'mmdd',
+          type: 'text',
+          placeholder: 'MM/DD'
+        }
+      ],
+      buttons: [
+        {
+          text: this.localeStrings.cancel,
+          role: 'cancel',
+          cssClass: 'secondary'
+        },
+        {
+          text: this.localeStrings.ok,
+          handler: ({ mmdd }) => {
+            if (typeof this.currentAntiphon === 'object') {
+              const oldValue = this.currentAntiphon[mmdd];
+              this.currentAntiphon[mmdd] = '';
+              this.ldfDocShouldChange.emit(new Change({
+                path: `${this.path}/metadata/antiphon`,
+                op: [{
+                    type: 'set',
+                    index: mmdd,
+                    oldValue,
+                    value: ''
+                  }]
+              }));
+              this.currentAntiphon = Object.assign({}, this.currentAntiphon);
+              this.ldfDocShouldChange.emit(new Change({
+                path: `${this.path}/metadata/omit_antiphon`,
+                op: [{
+                    type: 'set',
+                    oldValue: this.currentOmitAntiphon,
+                    value: false
+                  }]
+              }));
+              this.currentOmitAntiphon = false;
+            }
+          }
+        }
+      ]
+    });
+    await alert.present();
+  }
+  async removeTableValue(mmdd) {
+    if (typeof this.currentAntiphon === 'object') {
+      this.currentAntiphon[mmdd] = undefined;
+      this.ldfDocShouldChange.emit(new Change({
+        path: `${this.path}/metadata/antiphon`,
+        op: [{
+            type: 'deleteAt',
+            index: mmdd,
+            oldValue: this.currentAntiphon[mmdd],
+          }]
+      }));
+      this.currentAntiphon = Object.assign({}, this.currentAntiphon);
+    }
+  }
+  render() {
+    const localeStrings = this.localeStrings || {};
+    return (h(Host, null, h("ion-radio-group", { value: this.mode, onIonChange: (e) => {
+        switch (e.detail.value) {
+          case 'omit':
+            this.setValue(undefined, true, false);
+            break;
+          case 'insert':
+            this.setValue(undefined, false, true);
+            break;
+          case 'string':
+            this.setValue('', false, false);
+          case 'refrain':
+            this.setValue(new Refrain({ type: 'refrain', style: 'antiphon', value: [''] }), false, false);
+            break;
+          case 'table':
+            this.setValue({}, false, false);
+            break;
+        }
+      } }, h("ion-list-header", null, h("ion-label", null, localeStrings.antiphon)), h("ion-item", { lines: "none" }, h("ion-label", null, localeStrings.omit), h("ion-radio", { slot: "end", value: "omit" })), h("ion-item", { lines: "none" }, h("ion-label", null, localeStrings.insert), h("ion-radio", { slot: "end", value: "insert" })), h("ion-item", { lines: "none" }, h("ion-label", null, localeStrings.text), h("ion-radio", { slot: "end", value: "refrain" })), h("ion-item", { lines: "none" }, h("ion-label", null, localeStrings.table), h("ion-radio", { slot: "end", value: "table" }))), (typeof this.currentAntiphon !== 'object' || this.currentAntiphon.type === 'refrain') && h(EditableStringOrAntiphon, { mode: this.mode, path: `${this.path}/metadata/antiphon`, value: this.currentAntiphon }), typeof this.currentAntiphon === 'object' && !Boolean(this.currentAntiphon.type) && h("ion-item", { lines: "none" }, h("ion-grid", null, Object.keys(this.currentAntiphon).map(mmdd => h("ion-row", { key: mmdd }, h("ion-col", { size: "4" }, mmdd), h("ion-col", null, h(EditableStringOrAntiphon, { mode: typeof this.currentAntiphon[mmdd] === 'string' ? 'string' : 'refrain', path: `${this.path}/metadata/antiphon/${mmdd}`, value: this.currentAntiphon[mmdd] })), h("ion-col", { size: "1" }, h("ion-buttons", null, h("ion-button", { fill: "clear", onClick: () => this.removeTableValue(mmdd) }, h("ion-label", null, h("ion-icon", { slot: "icon-only", name: "trash" }))))))), h("ion-row", null, h("ion-toolbar", null, h("ion-buttons", { slot: "end" }, h("ion-button", { onClick: () => this.addTableValue() }, h("ion-label", null, h("ion-icon", { slot: "icon-only", name: "add" }))))))))));
+  }
+  get element() { return getElement(this); }
+  static get watchers() { return {
+    "antiphon": ["antiphonChange"],
+    "omit_antiphon": ["omitAntiphonChange"],
+    "insert_antiphon": ["insertAntiphonChange"]
+  }; }
+};
+EditableAntiphonFieldComponent.style = ldfEditableAntiphonFieldCss;
+
+export { CardContent as ion_card_content, CardTitle as ion_card_title, Col as ion_col, Grid as ion_grid, Row as ion_row, EditableAntiphonFieldComponent as ldf_editable_antiphon_field };

package/dist/{ldf → esm}/ion-card-subtitle.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, i as Host } from './index-ea7a35b9.js';
-import { g as getIonMode } from './ionic-global-98eeb119.js';
+import { r as registerInstance, h, H as Host } from './index-f0f6a379.js';
+import { g as getIonMode } from './ionic-global-ef89a0a5.js';
 import { c as createColorClasses } from './theme-74c22054.js';
 
 const cardSubtitleIosCss = ":host{display:block;position:relative;color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}:host{--color:var(--ion-color-step-600, #666666);margin-left:0;margin-right:0;margin-top:0;margin-bottom:4px;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;font-size:12px;font-weight:700;letter-spacing:0.4px;text-transform:uppercase}";

package/dist/{ldf/ion-card.entry.js → esm/ion-card_2.entry.js}

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, i as Host } from './index-ea7a35b9.js';
-import { g as getIonMode } from './ionic-global-98eeb119.js';
+import { r as registerInstance, h, H as Host } from './index-f0f6a379.js';
+import { g as getIonMode } from './ionic-global-ef89a0a5.js';
 import { o as openURL, c as createColorClasses } from './theme-74c22054.js';
 
 const cardIosCss = ":host{--ion-safe-area-left:0px;--ion-safe-area-right:0px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);overflow:hidden}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.card-disabled){cursor:default;opacity:0.3;pointer-events:none}.card-native{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;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:block;width:100%;min-height:var(--min-height);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);outline:none;background:inherit}.card-native::-moz-focus-inner{border:0}button,a{cursor:pointer;user-select:none;-webkit-user-drag:none}ion-ripple-effect{color:var(--ripple-color)}:host{--background:var(--ion-item-background, var(--ion-background-color, #fff));--color:var(--ion-color-step-600, #666666);margin-left:16px;margin-right:16px;margin-top:24px;margin-bottom:24px;border-radius:8px;transform:translateZ(0);transition:transform 500ms cubic-bezier(0.12, 0.72, 0.29, 1);font-size:14px;box-shadow:0 4px 16px rgba(0, 0, 0, 0.12)}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host{margin-left:unset;margin-right:unset;-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:16px;margin-inline-end:16px}}:host(.ion-activated){transform:scale3d(0.97, 0.97, 1)}";
@@ -59,4 +59,28 @@ Card.style = {
   md: cardMdCss
 };
 
-export { Card as ion_card };
+const cardHeaderIosCss = ":host{--background:transparent;--color:inherit;display:block;position:relative;background:var(--background);color:var(--color)}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host{padding-left:20px;padding-right:20px;padding-top:20px;padding-bottom:16px}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:20px;padding-inline-start:20px;-webkit-padding-end:20px;padding-inline-end:20px}}@supports (backdrop-filter: blur(0)){:host(.card-header-translucent){background-color:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.9);backdrop-filter:saturate(180%) blur(30px)}}";
+
+const cardHeaderMdCss = ":host{--background:transparent;--color:inherit;display:block;position:relative;background:var(--background);color:var(--color)}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host{padding-left:16px;padding-right:16px;padding-top:16px;padding-bottom:16px}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px}}::slotted(ion-card-title:not(:first-child)),::slotted(ion-card-subtitle:not(:first-child)){margin-top:8px}";
+
+const CardHeader = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    /**
+     * If `true`, the card header will be translucent.
+     * Only applies when the mode is `"ios"` and the device supports
+     * [`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).
+     */
+    this.translucent = false;
+  }
+  render() {
+    const mode = getIonMode(this);
+    return (h(Host, { class: Object.assign(Object.assign({}, createColorClasses(this.color)), { 'card-header-translucent': this.translucent, 'ion-inherit-color': true, [mode]: true }) }, h("slot", null)));
+  }
+};
+CardHeader.style = {
+  ios: cardHeaderIosCss,
+  md: cardHeaderMdCss
+};
+
+export { Card as ion_card, CardHeader as ion_card_header };

package/dist/{ldf/ion-checkbox.entry.js → esm/ion-checkbox_3.entry.js}

@@ -1,7 +1,12 @@
-import { r as registerInstance, f as createEvent, h, i as Host, j as getElement } from './index-ea7a35b9.js';
-import { g as getIonMode } from './ionic-global-98eeb119.js';
-import { f as findItemLabel, b as renderHiddenInput } from './helpers-e9bf4204.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-f0f6a379.js';
+import { g as getIonMode } from './ionic-global-ef89a0a5.js';
+import { f as findItemLabel, b as renderHiddenInput } from './helpers-8c93393b.js';
 import { c as createColorClasses, h as hostContext } from './theme-74c22054.js';
+import './book-31b8cdde.js';
+import { C as Change } from './change-ea574d32.js';
+import { f as alertController } from './overlays-06b43b65.js';
+import { g as getComponentClosestLanguage } from './locale-ec8e14e6.js';
+import './hardware-back-button-b3b61715.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}}";
 
@@ -106,4 +111,118 @@ Checkbox.style = {
   md: checkboxMdCss
 };
 
-export { Checkbox as ion_checkbox };
+const EditableBooleanComponent = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.ldfDocShouldChange = createEvent(this, "ldfDocShouldChange", 7);
+  }
+  // Lifecycle methods
+  componentWillLoad() {
+    if (this.value == undefined) {
+      this.ldfDocShouldChange.emit(new Change({
+        path: this.path,
+        op: [{
+            type: 'set',
+            index: this.property,
+            oldValue: undefined,
+            value: false
+          }]
+      }));
+    }
+  }
+  // Listeners
+  onChange(ev) {
+    const oldValue = this.value, value = ev.detail.checked;
+    if (value !== oldValue) {
+      this.ldfDocShouldChange.emit(new Change({
+        path: this.path,
+        op: [
+          { type: 'set', index: this.property, oldValue: oldValue === undefined ? false : oldValue, value }
+        ]
+      }));
+    }
+  }
+  render() {
+    return (h("ion-checkbox", { checked: this.value }));
+  }
+  get element() { return getElement(this); }
+};
+
+const cancel = "Cancel";
+const confirm_header = "Confirm Deletion";
+const confirm_message = "Are you sure you want to delete this item?";
+const EN = {
+	cancel: cancel,
+	confirm_header: confirm_header,
+	confirm_message: confirm_message,
+	"delete": "Delete"
+};
+
+const LOCALE = {
+  'en': EN
+};
+const EditableDeleteComponent = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.ldfDocShouldChange = createEvent(this, "ldfDocShouldChange", 7);
+    this.type = 'array';
+  }
+  // Listeners
+  async onClick() {
+    // show a confirmation alert
+    const alert = await alertController.create({
+      header: this.localeStrings.confirm_header,
+      message: this.localeStrings.confirm_message,
+      buttons: [
+        {
+          text: this.localeStrings.cancel,
+          role: 'cancel',
+          cssClass: 'secondary'
+        }, {
+          text: this.localeStrings.delete,
+          role: 'submit',
+          cssClass: 'danger',
+          handler: () => {
+            this.delete();
+          }
+        }
+      ]
+    });
+    // show the alert
+    return alert.present();
+  }
+  delete() {
+    if (this.type === 'array') {
+      this.ldfDocShouldChange.emit(new Change({
+        path: this.base,
+        op: [{ type: 'deleteAt', index: this.index, oldValue: this.obj }]
+      }));
+    }
+    else {
+      this.ldfDocShouldChange.emit(new Change({
+        path: this.base,
+        op: [{ type: 'delete', index: this.index, oldValue: this.obj }]
+      }));
+    }
+  }
+  // Lifecycle events
+  async componentWillLoad() {
+    this.loadLocaleStrings();
+  }
+  // Methods
+  async loadLocaleStrings() {
+    try {
+      this.localeStrings = LOCALE[getComponentClosestLanguage(this.element)];
+    }
+    catch (e) {
+      console.warn(e);
+    }
+  }
+  render() {
+    const localeStrings = this.localeStrings || {};
+    return (h("ion-buttons", null, h("ion-button", { "aria-role": 'button', "aria-label": localeStrings.delete, size: 'small' }, h("ion-icon", { name: 'trash', slot: 'icon-only' }))));
+  }
+  get element() { return getElement(this); }
+};
+
+export { Checkbox as ion_checkbox, EditableBooleanComponent as ldf_editable_boolean, EditableDeleteComponent as ldf_editable_delete };

package/dist/{ldf → esm}/ion-chip.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, i as Host } from './index-ea7a35b9.js';
-import { g as getIonMode } from './ionic-global-98eeb119.js';
+import { r as registerInstance, h, H as Host } from './index-f0f6a379.js';
+import { g as getIonMode } from './ionic-global-ef89a0a5.js';
 import { c as createColorClasses } from './theme-74c22054.js';
 
 const chipIosCss = ":host{--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.12);--color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.87);border-radius:16px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-left:4px;margin-right:4px;margin-top:4px;margin-bottom:4px;padding-left:12px;padding-right:12px;padding-top:7px;padding-bottom:7px;display:inline-flex;position:relative;align-items:center;height:32px;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);font-size:14px;line-height:1;cursor:pointer;overflow:hidden;vertical-align:middle;box-sizing:border-box}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host{margin-left:unset;margin-right:unset;-webkit-margin-start:4px;margin-inline-start:4px;-webkit-margin-end:4px;margin-inline-end:4px}}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px}}:host(.ion-color){background:rgba(var(--ion-color-base-rgb), 0.08);color:var(--ion-color-shade)}:host(.ion-color:focus){background:rgba(var(--ion-color-base-rgb), 0.12)}:host(.ion-color.ion-activated){background:rgba(var(--ion-color-base-rgb), 0.16)}:host(.chip-outline){border-width:1px;border-style:solid}:host(.chip-outline){border-color:rgba(0, 0, 0, 0.32);background:transparent}:host(.chip-outline.ion-color){border-color:rgba(var(--ion-color-base-rgb), 0.32)}:host(.chip-outline:not(.ion-color):focus){background:rgba(0, 0, 0, 0.04)}:host(.chip-outline.ion-activated:not(.ion-color)){background:rgba(0, 0, 0, 0.08)}::slotted(ion-icon){font-size:20px}:host(:not(.ion-color)) ::slotted(ion-icon){color:rgba(0, 0, 0, 0.54)}::slotted(ion-icon:first-child){margin-left:-4px;margin-right:8px;margin-top:-4px;margin-bottom:-4px}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){::slotted(ion-icon:first-child){margin-left:unset;margin-right:unset;-webkit-margin-start:-4px;margin-inline-start:-4px;-webkit-margin-end:8px;margin-inline-end:8px}}::slotted(ion-icon:last-child){margin-left:8px;margin-right:-4px;margin-top:-4px;margin-bottom:-4px}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){::slotted(ion-icon:last-child){margin-left:unset;margin-right:unset;-webkit-margin-start:8px;margin-inline-start:8px;-webkit-margin-end:-4px;margin-inline-end:-4px}}::slotted(ion-avatar){width:24px;height:24px}::slotted(ion-avatar:first-child){margin-left:-8px;margin-right:8px;margin-top:-4px;margin-bottom:-4px}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){::slotted(ion-avatar:first-child){margin-left:unset;margin-right:unset;-webkit-margin-start:-8px;margin-inline-start:-8px;-webkit-margin-end:8px;margin-inline-end:8px}}::slotted(ion-avatar:last-child){margin-left:8px;margin-right:-8px;margin-top:-4px;margin-bottom:-4px}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){::slotted(ion-avatar:last-child){margin-left:unset;margin-right:unset;-webkit-margin-start:8px;margin-inline-start:8px;-webkit-margin-end:-8px;margin-inline-end:-8px}}:host(:focus){outline:none}:host(:focus){--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.16)}:host(.ion-activated){--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.2)}@media (any-hover: hover){:host(:hover){--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.16)}:host(.ion-color:hover){background:rgba(var(--ion-color-base-rgb), 0.12)}:host(.chip-outline:not(.ion-color):hover){background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.04)}}";