@venite/components 0.16.7 → 0.16.13

package/dist/ldf/ion-toggle.entry.js

@@ -1,152 +0,0 @@
-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 { c as hapticSelection } from './haptic-0d102c16.js';
-import { f as findItemLabel, b as renderHiddenInput } from './helpers-e9bf4204.js';
-import { c as createColorClasses, h as hostContext } from './theme-74c22054.js';
-
-const toggleIosCss = ":host{box-sizing:content-box !important;display:inline-block;position:relative;outline:none;contain:content;cursor:pointer;touch-action:none;user-select:none;z-index:2}:host(.ion-focused) input{border:2px solid #5e9ed6}:host(.toggle-disabled){pointer-events:none}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}.toggle-icon-wrapper{display:flex;position:relative;align-items:center;width:100%;height:100%;transition:var(--handle-transition);will-change:transform}.toggle-icon{border-radius:var(--border-radius);display:block;position:relative;width:100%;height:100%;background:var(--background);pointer-events:none;overflow:inherit}:host(.toggle-checked) .toggle-icon{background:var(--background-checked)}.toggle-inner{left:var(--handle-spacing);border-radius:var(--handle-border-radius);position:absolute;width:var(--handle-width);height:var(--handle-height);max-height:var(--handle-max-height);transition:var(--handle-transition);background:var(--handle-background);box-shadow:var(--handle-box-shadow);contain:strict}[dir=rtl] .toggle-inner,:host-context([dir=rtl]) .toggle-inner{left:unset;right:unset;right:var(--handle-spacing)}:host(.toggle-checked) .toggle-icon-wrapper{transform:translate3d(calc(100% - var(--handle-width)), 0, 0)}:host-context([dir=rtl]):host(.toggle-checked) .toggle-icon-wrapper,:host-context([dir=rtl]).toggle-checked .toggle-icon-wrapper{transform:translate3d(calc(-100% + var(--handle-width)), 0, 0)}:host(.toggle-checked) .toggle-inner{transform:translate3d(calc(var(--handle-spacing) * -2), 0, 0);background:var(--handle-background-checked)}:host-context([dir=rtl]):host(.toggle-checked) .toggle-inner,:host-context([dir=rtl]).toggle-checked .toggle-inner{transform:translate3d(calc(var(--handle-spacing) * 2), 0, 0)}:host{--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.088);--background-checked:var(--ion-color-primary, #3880ff);--border-radius:16px;--handle-background:#ffffff;--handle-background-checked:#ffffff;--handle-border-radius:25.5px;--handle-box-shadow:0 3px 12px rgba(0, 0, 0, 0.16), 0 3px 1px rgba(0, 0, 0, 0.1);--handle-height:calc(32px - (2px * 2));--handle-max-height:calc(100% - (var(--handle-spacing) * 2));--handle-width:calc(32px - (2px * 2));--handle-spacing:2px;--handle-transition:transform 300ms, width 120ms ease-in-out 80ms, left 110ms ease-in-out 80ms, right 110ms ease-in-out 80ms;width:51px;height:32px;contain:strict;overflow:hidden}:host(.ion-color.toggle-checked) .toggle-icon{background:var(--ion-color-base)}.toggle-icon{transform:translate3d(0, 0, 0);transition:background-color 300ms}.toggle-inner{will-change:transform}:host(.toggle-activated) .toggle-icon::before,:host(.toggle-checked) .toggle-icon::before{transform:scale3d(0, 0, 0)}:host(.toggle-activated.toggle-checked) .toggle-inner::before{transform:scale3d(0, 0, 0)}:host(.toggle-activated) .toggle-inner{width:calc(var(--handle-width) + 6px)}:host(.toggle-activated.toggle-checked) .toggle-icon-wrapper{transform:translate3d(calc(100% - var(--handle-width) - 6px), 0, 0)}:host-context([dir=rtl]):host(.toggle-activated.toggle-checked) .toggle-icon-wrapper,:host-context([dir=rtl]).toggle-activated.toggle-checked .toggle-icon-wrapper{transform:translate3d(calc(-100% + var(--handle-width) + 6px), 0, 0)}:host(.toggle-disabled){opacity:0.3}:host(.in-item[slot]){margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:20px;padding-right:10px;padding-top:6px;padding-bottom:5px}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host(.in-item[slot]){padding-left:unset;padding-right:unset;-webkit-padding-start:20px;padding-inline-start:20px;-webkit-padding-end:10px;padding-inline-end:10px}}:host(.in-item[slot=start]){padding-left:0;padding-right:16px;padding-top:6px;padding-bottom:5px}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host(.in-item[slot=start]){padding-left:unset;padding-right:unset;-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:16px;padding-inline-end:16px}}";
-
-const toggleMdCss = ":host{box-sizing:content-box !important;display:inline-block;position:relative;outline:none;contain:content;cursor:pointer;touch-action:none;user-select:none;z-index:2}:host(.ion-focused) input{border:2px solid #5e9ed6}:host(.toggle-disabled){pointer-events:none}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}.toggle-icon-wrapper{display:flex;position:relative;align-items:center;width:100%;height:100%;transition:var(--handle-transition);will-change:transform}.toggle-icon{border-radius:var(--border-radius);display:block;position:relative;width:100%;height:100%;background:var(--background);pointer-events:none;overflow:inherit}:host(.toggle-checked) .toggle-icon{background:var(--background-checked)}.toggle-inner{left:var(--handle-spacing);border-radius:var(--handle-border-radius);position:absolute;width:var(--handle-width);height:var(--handle-height);max-height:var(--handle-max-height);transition:var(--handle-transition);background:var(--handle-background);box-shadow:var(--handle-box-shadow);contain:strict}[dir=rtl] .toggle-inner,:host-context([dir=rtl]) .toggle-inner{left:unset;right:unset;right:var(--handle-spacing)}:host(.toggle-checked) .toggle-icon-wrapper{transform:translate3d(calc(100% - var(--handle-width)), 0, 0)}:host-context([dir=rtl]):host(.toggle-checked) .toggle-icon-wrapper,:host-context([dir=rtl]).toggle-checked .toggle-icon-wrapper{transform:translate3d(calc(-100% + var(--handle-width)), 0, 0)}:host(.toggle-checked) .toggle-inner{transform:translate3d(calc(var(--handle-spacing) * -2), 0, 0);background:var(--handle-background-checked)}:host-context([dir=rtl]):host(.toggle-checked) .toggle-inner,:host-context([dir=rtl]).toggle-checked .toggle-inner{transform:translate3d(calc(var(--handle-spacing) * 2), 0, 0)}:host{--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.39);--background-checked:rgba(var(--ion-color-primary-rgb, 56, 128, 255), 0.5);--border-radius:14px;--handle-background:#ffffff;--handle-background-checked:var(--ion-color-primary, #3880ff);--handle-border-radius:50%;--handle-box-shadow:0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);--handle-width:20px;--handle-height:20px;--handle-max-height:calc(100% + 6px);--handle-spacing:0;--handle-transition:transform 160ms cubic-bezier(0.4, 0, 0.2, 1), background-color 160ms cubic-bezier(0.4, 0, 0.2, 1);padding-left:12px;padding-right:12px;padding-top:12px;padding-bottom:12px;width:36px;height:14px;contain:strict}@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.toggle-checked) .toggle-icon{background:rgba(var(--ion-color-base-rgb), 0.5)}:host(.ion-color.toggle-checked) .toggle-inner{background:var(--ion-color-base)}.toggle-icon{transition:background-color 160ms}.toggle-inner{will-change:background-color, transform}:host(.toggle-disabled){opacity:0.3}:host(.in-item[slot]){margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:16px;padding-right:0;padding-top:12px;padding-bottom:12px;cursor:pointer}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host(.in-item[slot]){padding-left:unset;padding-right:unset;-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:0;padding-inline-end:0}}:host(.in-item[slot=start]){padding-left:2px;padding-right:18px;padding-top:12px;padding-bottom:12px}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host(.in-item[slot=start]){padding-left:unset;padding-right:unset;-webkit-padding-start:2px;padding-inline-start:2px;-webkit-padding-end:18px;padding-inline-end:18px}}";
-
-const Toggle = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.ionChange = createEvent(this, "ionChange", 7);
-    this.ionFocus = createEvent(this, "ionFocus", 7);
-    this.ionBlur = createEvent(this, "ionBlur", 7);
-    this.ionStyle = createEvent(this, "ionStyle", 7);
-    this.inputId = `ion-tg-${toggleIds++}`;
-    this.lastDrag = 0;
-    this.activated = false;
-    /**
-     * The name of the control, which is submitted with the form data.
-     */
-    this.name = this.inputId;
-    /**
-     * If `true`, the toggle is selected.
-     */
-    this.checked = false;
-    /**
-     * If `true`, the user cannot interact with the toggle.
-     */
-    this.disabled = false;
-    /**
-     * The value of the toggle does not mean if it's checked or not, use the `checked`
-     * property for that.
-     *
-     * The value of a toggle is analogous to the value of a `<input type="checkbox">`,
-     * it's only used when the toggle participates in a native `<form>`.
-     */
-    this.value = 'on';
-    this.onClick = () => {
-      if (this.lastDrag + 300 < Date.now()) {
-        this.checked = !this.checked;
-      }
-    };
-    this.onFocus = () => {
-      this.ionFocus.emit();
-    };
-    this.onBlur = () => {
-      this.ionBlur.emit();
-    };
-  }
-  checkedChanged(isChecked) {
-    this.ionChange.emit({
-      checked: isChecked,
-      value: this.value
-    });
-  }
-  disabledChanged() {
-    this.emitStyle();
-    if (this.gesture) {
-      this.gesture.enable(!this.disabled);
-    }
-  }
-  async connectedCallback() {
-    this.gesture = (await import('./index-9b41fcc6.js')).createGesture({
-      el: this.el,
-      gestureName: 'toggle',
-      gesturePriority: 100,
-      threshold: 5,
-      passive: false,
-      onStart: () => this.onStart(),
-      onMove: ev => this.onMove(ev),
-      onEnd: ev => this.onEnd(ev),
-    });
-    this.disabledChanged();
-  }
-  disconnectedCallback() {
-    if (this.gesture) {
-      this.gesture.destroy();
-      this.gesture = undefined;
-    }
-  }
-  componentWillLoad() {
-    this.emitStyle();
-  }
-  emitStyle() {
-    this.ionStyle.emit({
-      'interactive-disabled': this.disabled,
-    });
-  }
-  onStart() {
-    this.activated = true;
-    // touch-action does not work in iOS
-    this.setFocus();
-  }
-  onMove(detail) {
-    if (shouldToggle(document, this.checked, detail.deltaX, -10)) {
-      this.checked = !this.checked;
-      hapticSelection();
-    }
-  }
-  onEnd(ev) {
-    this.activated = false;
-    this.lastDrag = Date.now();
-    ev.event.preventDefault();
-    ev.event.stopImmediatePropagation();
-  }
-  getValue() {
-    return this.value || '';
-  }
-  setFocus() {
-    if (this.buttonEl) {
-      this.buttonEl.focus();
-    }
-  }
-  render() {
-    const { inputId, disabled, checked, activated, color, el } = this;
-    const mode = getIonMode(this);
-    const labelId = inputId + '-lbl';
-    const label = findItemLabel(el);
-    const value = this.getValue();
-    if (label) {
-      label.id = labelId;
-    }
-    renderHiddenInput(true, el, this.name, (checked ? value : ''), disabled);
-    return (h(Host, { onClick: this.onClick, role: "checkbox", "aria-disabled": disabled ? 'true' : null, "aria-checked": `${checked}`, "aria-labelledby": labelId, class: Object.assign(Object.assign({}, createColorClasses(color)), { [mode]: true, 'in-item': hostContext('ion-item', el), 'toggle-activated': activated, 'toggle-checked': checked, 'toggle-disabled': disabled, 'interactive': true }) }, h("div", { class: "toggle-icon", part: "track" }, h("div", { class: "toggle-icon-wrapper" }, h("div", { class: "toggle-inner", part: "handle" }))), h("button", { type: "button", onFocus: this.onFocus, onBlur: this.onBlur, disabled: disabled, ref: btnEl => this.buttonEl = btnEl })));
-  }
-  get el() { return getElement(this); }
-  static get watchers() { return {
-    "checked": ["checkedChanged"],
-    "disabled": ["disabledChanged"]
-  }; }
-};
-const shouldToggle = (doc, checked, deltaX, margin) => {
-  const isRTL = doc.dir === 'rtl';
-  if (checked) {
-    return (!isRTL && (margin > deltaX)) ||
-      (isRTL && (-margin < deltaX));
-  }
-  else {
-    return (!isRTL && (-margin < deltaX)) ||
-      (isRTL && (margin > deltaX));
-  }
-};
-let toggleIds = 0;
-Toggle.style = {
-  ios: toggleIosCss,
-  md: toggleMdCss
-};
-
-export { Toggle as ion_toggle };

package/dist/ldf/ion-toolbar.entry.js

@@ -1,67 +0,0 @@
-import { r as registerInstance, k as forceUpdate, h, i as Host, j as getElement } from './index-ea7a35b9.js';
-import { g as getIonMode } from './ionic-global-98eeb119.js';
-import { h as hostContext, c as createColorClasses } from './theme-74c22054.js';
-
-const toolbarIosCss = ":host{--border-width:0;--border-style:solid;--opacity:1;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;padding-left:var(--ion-safe-area-left);padding-right:var(--ion-safe-area-right);display:block;position:relative;width:100%;color:var(--color);font-family:var(--ion-font-family, inherit);contain:content;z-index:10;box-sizing:border-box}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-safe-area-left);padding-inline-start:var(--ion-safe-area-left);-webkit-padding-end:var(--ion-safe-area-right);padding-inline-end:var(--ion-safe-area-right)}}:host(.ion-color){color:var(--ion-color-contrast)}:host(.ion-color) .toolbar-background{background:var(--ion-color-base)}.toolbar-container{padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:flex;position:relative;flex-direction:row;align-items:center;justify-content:space-between;width:100%;min-height:var(--min-height);contain:content;overflow:hidden;z-index:10;box-sizing:border-box}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){.toolbar-container{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)}}.toolbar-background{left:0;right:0;top:0;bottom:0;position:absolute;transform:translateZ(0);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);contain:strict;opacity:var(--opacity);z-index:-1;pointer-events:none}::slotted(ion-progress-bar){left:0;right:0;bottom:0;position:absolute}:host{--background:var(--ion-toolbar-background, var(--ion-color-step-50, #fff));--color:var(--ion-toolbar-color, var(--ion-text-color, #000));--border-color:var(--ion-toolbar-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.2))));--padding-top:3px;--padding-bottom:3px;--padding-start:4px;--padding-end:4px;--min-height:44px}.toolbar-content{flex:1;order:4;min-width:0}:host(.toolbar-segment) .toolbar-content{display:inline-flex}:host(.toolbar-searchbar) .toolbar-container{padding-top:0;padding-bottom:0}:host(.toolbar-searchbar) ::slotted(*){align-self:start}:host(.toolbar-searchbar) ::slotted(ion-chip){margin-top:3px}:host(.toolbar-searchbar) ::slotted(ion-back-button){height:38px}::slotted(ion-buttons){min-height:38px}::slotted([slot=start]){order:2}::slotted([slot=secondary]){order:3}::slotted([slot=primary]){order:5;text-align:end}::slotted([slot=end]){order:6;text-align:end}:host(.toolbar-title-large) .toolbar-container{flex-wrap:wrap;align-items:flex-start}:host(.toolbar-title-large) .toolbar-content ion-title{flex:1;order:8;min-width:100%}";
-
-const toolbarMdCss = ":host{--border-width:0;--border-style:solid;--opacity:1;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;padding-left:var(--ion-safe-area-left);padding-right:var(--ion-safe-area-right);display:block;position:relative;width:100%;color:var(--color);font-family:var(--ion-font-family, inherit);contain:content;z-index:10;box-sizing:border-box}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-safe-area-left);padding-inline-start:var(--ion-safe-area-left);-webkit-padding-end:var(--ion-safe-area-right);padding-inline-end:var(--ion-safe-area-right)}}:host(.ion-color){color:var(--ion-color-contrast)}:host(.ion-color) .toolbar-background{background:var(--ion-color-base)}.toolbar-container{padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:flex;position:relative;flex-direction:row;align-items:center;justify-content:space-between;width:100%;min-height:var(--min-height);contain:content;overflow:hidden;z-index:10;box-sizing:border-box}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){.toolbar-container{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)}}.toolbar-background{left:0;right:0;top:0;bottom:0;position:absolute;transform:translateZ(0);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);contain:strict;opacity:var(--opacity);z-index:-1;pointer-events:none}::slotted(ion-progress-bar){left:0;right:0;bottom:0;position:absolute}:host{--background:var(--ion-toolbar-background, var(--ion-background-color, #fff));--color:var(--ion-toolbar-color, var(--ion-text-color, #424242));--border-color:var(--ion-toolbar-border-color, var(--ion-border-color, var(--ion-color-step-150, #c1c4cd)));--padding-top:0;--padding-bottom:0;--padding-start:0;--padding-end:0;--min-height:56px}.toolbar-content{flex:1;order:3;min-width:0;max-width:100%}::slotted(ion-segment){min-height:var(--min-height)}::slotted(.buttons-first-slot){margin-left:4px}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){::slotted(.buttons-first-slot){margin-left:unset;-webkit-margin-start:4px;margin-inline-start:4px}}::slotted(.buttons-last-slot){margin-right:4px}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){::slotted(.buttons-last-slot){margin-right:unset;-webkit-margin-end:4px;margin-inline-end:4px}}::slotted([slot=start]){order:2}::slotted([slot=secondary]){order:4}::slotted([slot=primary]){order:5;text-align:end}::slotted([slot=end]){order:6;text-align:end}";
-
-const Toolbar = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.childrenStyles = new Map();
-  }
-  componentWillLoad() {
-    const buttons = Array.from(this.el.querySelectorAll('ion-buttons'));
-    const firstButtons = buttons.find(button => {
-      return button.slot === 'start';
-    });
-    if (firstButtons) {
-      firstButtons.classList.add('buttons-first-slot');
-    }
-    const buttonsReversed = buttons.reverse();
-    const lastButtons = buttonsReversed.find(button => button.slot === 'end') ||
-      buttonsReversed.find(button => button.slot === 'primary') ||
-      buttonsReversed.find(button => button.slot === 'secondary');
-    if (lastButtons) {
-      lastButtons.classList.add('buttons-last-slot');
-    }
-  }
-  childrenStyle(ev) {
-    ev.stopPropagation();
-    const tagName = ev.target.tagName;
-    const updatedStyles = ev.detail;
-    const newStyles = {};
-    const childStyles = this.childrenStyles.get(tagName) || {};
-    let hasStyleChange = false;
-    Object.keys(updatedStyles).forEach(key => {
-      const childKey = `toolbar-${key}`;
-      const newValue = updatedStyles[key];
-      if (newValue !== childStyles[childKey]) {
-        hasStyleChange = true;
-      }
-      if (newValue) {
-        newStyles[childKey] = true;
-      }
-    });
-    if (hasStyleChange) {
-      this.childrenStyles.set(tagName, newStyles);
-      forceUpdate(this);
-    }
-  }
-  render() {
-    const mode = getIonMode(this);
-    const childStyles = {};
-    this.childrenStyles.forEach(value => {
-      Object.assign(childStyles, value);
-    });
-    return (h(Host, { class: Object.assign(Object.assign({ 'in-toolbar': hostContext('ion-toolbar', this.el), [mode]: true }, childStyles), createColorClasses(this.color)) }, h("div", { class: "toolbar-background" }), h("div", { class: "toolbar-container" }, h("slot", { name: "start" }), h("slot", { name: "secondary" }), h("div", { class: "toolbar-content" }, h("slot", null)), h("slot", { name: "primary" }), h("slot", { name: "end" }))));
-  }
-  get el() { return getElement(this); }
-};
-Toolbar.style = {
-  ios: toolbarIosCss,
-  md: toolbarMdCss
-};
-
-export { Toolbar as ion_toolbar };

package/dist/ldf/ldf-bible-reading.entry.js

@@ -1,252 +0,0 @@
-import { r as registerInstance, f as createEvent, h, i as Host, j as getElement } from './index-ea7a35b9.js';
-import './index-f4e3260e.js';
-import { B as BibleReading, C as Change, v as versionToString, H as Heading } from './index-f441adec.js';
-import { g as getComponentClosestLanguage } from './locale-d595f8f6.js';
-import { c as alertController, l as loadingController } from './overlays-10805282.js';
-import './utils-8d15f916.js';
-import './animation-6b850b6a.js';
-import './helpers-e9bf4204.js';
-import './ios.transition-1d534d59.js';
-import './index-fc8c2f30.js';
-import './md.transition-a8cd439c.js';
-import './cubic-bezier-89113939.js';
-import './index-9b41fcc6.js';
-import './ionic-global-98eeb119.js';
-import './index-86d5f3ab.js';
-import './index-4505cc02.js';
-import './hardware-back-button-b3b61715.js';
-import './_commonjsHelpers-8fe71198.js';
-
-const amen$1 = "Amen.";
-const book = "Book";
-const chapter = "Chapter";
-const citation = "Citation (e.g., John 1:1)";
-const label = "Label";
-const loading$1 = "Loading...";
-const verse = "Verse";
-const changeReading = "Change Reading";
-const newCitation = "Biblical citation.";
-const cancel = "Cancel";
-const ok = "OK";
-const EN = {
-	amen: amen$1,
-	book: book,
-	chapter: chapter,
-	citation: citation,
-	label: label,
-	loading: loading$1,
-	verse: verse,
-	changeReading: changeReading,
-	newCitation: newCitation,
-	cancel: cancel,
-	ok: ok
-};
-
-const amen = "Amén.";
-const loading = "Se está cargando...";
-const ES = {
-	amen: amen,
-	loading: loading
-};
-
-async function fetchReading(citation, version = 'NRSV', api = 'https://us-central1-venite-2.cloudfunctions.net') {
-  const findURL = new URL(`${api}/bible`);
-  findURL.searchParams.append('citation', citation);
-  if (!['NRSV', 'NRSVAE', 'ESV', 'CEB', 'KJV'].includes(version)) {
-    findURL.searchParams.append('version', 'NRSV');
-  }
-  else {
-    findURL.searchParams.append('version', version);
-  }
-  const response = await fetch(findURL.toString()), body = await response.text();
-  try {
-    return JSON.parse(body);
-  }
-  catch (_a) {
-    throw new Error(body);
-  }
-}
-
-const bibleReadingCss = "ldf-bible-reading.sc-ldf-bible-reading,.sc-ldf-bible-reading-h{font-family:var(--ldf-font-face);text-align:var(--ldf-text-align)}.bible-reading[lang=he].sc-ldf-bible-reading{text-align:right;direction:rtl;font-size:1.5em;font-family:\"Times New Roman\" !important}.bible-reading[lang=he].sc-ldf-bible-reading .drop.sc-ldf-bible-reading{float:right !important;font-family:\"Times New Roman\" !important}.bible-reading.omit.sc-ldf-bible-reading .verses.sc-ldf-bible-reading{display:none}.editable.bible-reading.sc-ldf-bible-reading .verses.sc-ldf-bible-reading{display:block;color:var(--ldf-greyed-out-text-color)}sup.sc-ldf-bible-reading{display:var(--ldf-bible-reading-verse-number-display);margin-left:0;margin-right:0.25em}.citation.sc-ldf-bible-reading{font-size:80%;font-style:italic;margin-left:1em;float:var(--ldf-bible-reading-citation-float)}.response.sc-ldf-bible-reading{font-weight:var(--ldf-response-font-weight);font-style:var(--ldf-response-font-style)}.verses.sc-ldf-bible-reading .verse.sc-ldf-bible-reading{display:flex;flex-direction:row}sup.sc-ldf-bible-reading:first-of-type{display:var(--ldf-drop-early-verses-display)}.editable-verse.sc-ldf-bible-reading{display:inline}.editable-citation.sc-ldf-bible-reading{display:inline;width:100%}.editable-citation.sc-ldf-bible-reading ldf-editable-text.sc-ldf-bible-reading{display:inline-block;width:25px}.editable-citation.sc-ldf-bible-reading ldf-editable-text.book.sc-ldf-bible-reading{width:75px}h3.editable-label.sc-ldf-bible-reading{text-align:var(--ldf-h3-text-align);font-weight:var(--ldf-h3-font-weight);font-style:var(--ldf-h3-font-style);font-variant:var(--ldf-h3-font-variant);font-size:var(--ldf-h3-font-size);text-transform:var(--ldf-h3-text-transform)}.citation-button.sc-ldf-bible-reading{background:none;border:0;font-family:var(--ldf-font-face);font-size:inherit}";
-
-const LOCALE = {
-  'en': EN,
-  'es': ES
-};
-const BibleReadingComponent = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.ldfDocShouldChange = createEvent(this, "ldfDocShouldChange", 7);
-  }
-  docChanged(newDoc) {
-    try {
-      if (typeof newDoc == 'string') {
-        this.obj = new BibleReading(JSON.parse(newDoc));
-      }
-      else {
-        this.obj = new BibleReading(newDoc);
-      }
-      this.processIntro();
-    }
-    catch (e) {
-      console.warn(e);
-      this.obj = new BibleReading();
-    }
-    this.loadVerses();
-  }
-  // Lifecycle events
-  async componentWillLoad() {
-    this.docChanged(this.doc);
-    this.loadLocaleStrings();
-    this.loadVerses();
-    this.processIntro();
-  }
-  processIntro() {
-    var _a, _b;
-    // process intro
-    if ((_b = (_a = this.obj) === null || _a === void 0 ? void 0 : _a.metadata) === null || _b === void 0 ? void 0 : _b.intro) {
-      try {
-        this.obj.compileIntro();
-        this.obj = new BibleReading(Object.assign({}, this.obj));
-      }
-      catch (e) {
-        console.warn(e);
-        console.warn(this.obj);
-      }
-    }
-  }
-  // Private methods
-  async loadLocaleStrings() {
-    try {
-      this.localeStrings = LOCALE[getComponentClosestLanguage(this.element)];
-    }
-    catch (e) {
-      console.warn(e);
-    }
-  }
-  async changeReading() {
-    var _a;
-    const localeStrings = this.localeStrings || {};
-    const alert = await alertController.create({
-      header: localeStrings.changeReading,
-      inputs: [
-        {
-          name: 'citation',
-          type: 'text',
-          value: (_a = this.obj) === null || _a === void 0 ? void 0 : _a.citation,
-          placeholder: localeStrings.newCitation
-        },
-      ],
-      buttons: [
-        {
-          text: localeStrings.cancel,
-          role: 'cancel',
-          cssClass: 'secondary'
-        },
-        {
-          text: localeStrings.ok,
-          handler: async (data) => {
-            var _a, _b, _c;
-            this.ldfDocShouldChange.emit(new Change({
-              path: this.path,
-              op: [
-                {
-                  type: 'set',
-                  index: 'citation',
-                  oldValue: (_a = this.obj) === null || _a === void 0 ? void 0 : _a.citation,
-                  value: data === null || data === void 0 ? void 0 : data.citation
-                }
-              ]
-            }));
-            const loading = await loadingController.create({
-              message: localeStrings.loading
-            });
-            await loading.present();
-            const newReading = await fetchReading(data.citation, versionToString((_b = this.obj) === null || _b === void 0 ? void 0 : _b.version));
-            await loading.dismiss();
-            this.ldfDocShouldChange.emit(new Change({
-              path: this.path,
-              op: [{
-                  type: 'set',
-                  index: 'value',
-                  oldValue: (_c = this.obj) === null || _c === void 0 ? void 0 : _c.value,
-                  value: (newReading === null || newReading === void 0 ? void 0 : newReading.value) || []
-                }]
-            }));
-            this.obj = new BibleReading(Object.assign(Object.assign({}, this.obj), { citation: data === null || data === void 0 ? void 0 : data.citation, value: (newReading === null || newReading === void 0 ? void 0 : newReading.value) || [] }));
-            this.loadVerses();
-          }
-        }
-      ]
-    });
-    await alert.present();
-  }
-  loadVerses() {
-    this.verses = this.obj.value || [];
-  }
-  paragraphs() {
-    const paragraphs = new Array();
-    let currentParagraph = new Array();
-    this.verses.forEach(verse => {
-      if (verse.hasOwnProperty('type') && verse.type === 'heading') {
-        paragraphs.push(currentParagraph);
-        currentParagraph = new Array();
-      }
-      else {
-        currentParagraph.push(verse);
-      }
-    });
-    paragraphs.push(currentParagraph);
-    return paragraphs;
-  }
-  // Render
-  render() {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
-    const localeStrings = this.localeStrings || {};
-    if (this.verses) {
-      /* Editable version */
-      if (this.editable) {
-        const template = Object.assign(Object.assign({}, this.verses[0]), { text: '' }), templateMaker = (text) => (Object.assign(Object.assign({}, template), { text }));
-        return (h("div", { lang: (_a = this.obj) === null || _a === void 0 ? void 0 : _a.language, class: `editable bible-reading ${((_b = this.obj) === null || _b === void 0 ? void 0 : _b.display_format) || 'default'}` }, this.editable && h("ldf-label-bar", null, h("slot", { slot: 'end', name: 'controls' }, h("ion-buttons", null, h("ion-button", { onClick: () => this.changeReading() }, h("ion-icon", { name: "swap-horizontal", slot: "start" }), h("ion-label", null, localeStrings.changeReading))))), h("ldf-label-bar", null, h("h3", { class: "editable-label", slot: "start" }, h("ldf-editable-text", { id: "label", text: (_c = this.obj) === null || _c === void 0 ? void 0 : _c.label, path: `${this.path}/label`, placeholder: localeStrings.label })), ((_d = this.obj) === null || _d === void 0 ? void 0 : _d.citation) && h("button", { class: "citation-button", slot: "end", onClick: () => this.changeReading() }, this.obj.citation)), ((_f = (_e = this.obj) === null || _e === void 0 ? void 0 : _e.metadata) === null || _f === void 0 ? void 0 : _f.compiled_intro) && h("ldf-liturgical-document", { editable: true, doc: this.obj.metadata.intro, path: `${this.path}/metadata/intro` }), h("section", { class: "verses" }, this.verses.map((verse, verseIndex) => [
-          verse.hasOwnProperty('type') && verse.type === 'heading'
-            ? h("ldf-heading", { editable: true, doc: verse, path: `${this.path}/value/${verseIndex}` })
-            : h("div", { class: "editable-verse" }, h("div", { class: "editable-citation" }, h("ldf-editable-text", { class: "book", id: `verse-${verseIndex}-book`, text: verse.book, path: `${this.path}/value/${verseIndex}/book`, placeholder: localeStrings.book, short: true }), h("ldf-editable-text", { id: `verse-${verseIndex}-chapter`, text: verse.chapter, path: `${this.path}/value/${verseIndex}/chapter`, placeholder: localeStrings.chapter, short: true }), " :", h("ldf-editable-text", { id: `verse-${verseIndex}-verse`, text: verse.verse, path: `${this.path}/value/${verseIndex}/verse`, placeholder: localeStrings.verse, short: true })), h("ldf-editable-text", { id: `verse-${verseIndex}-text`, text: verse.text, path: `${this.path}/value/${verseIndex}/text`, placeholder: localeStrings.text, short: false, template: template, templateMaker: templateMaker }))
-        ]))));
-      }
-      /* `short` renders a few verses, with a response and citation. */
-      else if (this.obj.style == 'short') {
-        const shortResponse = (((_h = (_g = this.obj) === null || _g === void 0 ? void 0 : _g.metadata) === null || _h === void 0 ? void 0 : _h.response) || localeStrings.amen).length <= 5;
-        let responseNode;
-        if (!((_k = (_j = this.obj) === null || _j === void 0 ? void 0 : _j.metadata) === null || _k === void 0 ? void 0 : _k.response)) {
-          responseNode = h("span", { class: "response" }, " ", localeStrings.amen);
-        }
-        else {
-          responseNode = h("span", { class: "response" }, " ", this.obj.metadata.response);
-        }
-        return (h(Host, null, ((_l = this.obj) === null || _l === void 0 ? void 0 : _l.label) && h("ldf-heading", { doc: new Heading({ type: 'heading', metadata: { level: 3 }, value: [this.obj.label] }) }), h("div", { lang: (_m = this.obj) === null || _m === void 0 ? void 0 : _m.language, class: `bible-reading ${((_o = this.obj) === null || _o === void 0 ? void 0 : _o.display_format) || 'default'}` }, h("p", null, this.verses.map(verse => verse.hasOwnProperty('type') && verse.type === 'heading'
-          ? h("ldf-heading", { doc: new Heading(verse) })
-          : h("ldf-string", { citation: { book: verse.book, chapter: verse.chapter, verse: verse.verse }, id: this.obj.uid, text: verse.text, fragment: this.path })), shortResponse && !((_q = (_p = this.obj) === null || _p === void 0 ? void 0 : _p.metadata) === null || _q === void 0 ? void 0 : _q.omit_response) && responseNode, h("span", { class: "citation" }, this.obj.citation)), !shortResponse && !((_s = (_r = this.obj) === null || _r === void 0 ? void 0 : _r.metadata) === null || _s === void 0 ? void 0 : _s.omit_response) && h("p", null, responseNode))));
-      }
-      /* `long` render a typical Bible reading in the liturgy */
-      else {
-        const paragraphs = this.paragraphs();
-        return (h("div", { lang: (_t = this.obj) === null || _t === void 0 ? void 0 : _t.language, class: `bible-reading ${((_u = this.obj) === null || _u === void 0 ? void 0 : _u.display_format) || 'default'}` }, h("ldf-heading", { doc: new Heading({ type: 'heading', metadata: { level: 3 }, value: [this.obj.label], citation: this.obj.citation }) }), ((_w = (_v = this.obj) === null || _v === void 0 ? void 0 : _v.metadata) === null || _w === void 0 ? void 0 : _w.compiled_intro) && h("ldf-liturgical-document", { doc: this.obj.metadata.compiled_intro }), paragraphs.map((paragraph, paragraphIndex) => h("p", { lang: this.obj.language }, paragraph.map((verse, verseIndex) => verse.hasOwnProperty('type') && verse.type === 'heading'
-          ? h("ldf-heading", { doc: new Heading(verse) })
-          : [
-            h("sup", null, verse.verse),
-            h("ldf-string", { citation: verse, dropcap: paragraphIndex == 0 && verseIndex == 0 ? 'force' : 'disabled', id: `${verse.chapter}-${verse.book}-${verse.verse}`, text: verse.text, index: verseIndex, fragment: this.path })
-          ])))));
-      }
-    }
-    else {
-      return this.loadingError ? h("pre", null, this.loadingError) : h("p", null, localeStrings.loading);
-    }
-  }
-  get element() { return getElement(this); }
-  static get watchers() { return {
-    "doc": ["docChanged"]
-  }; }
-};
-BibleReadingComponent.style = bibleReadingCss;
-
-export { BibleReadingComponent as ldf_bible_reading };

package/dist/ldf/ldf-editable-add-block.entry.js

@@ -1,49 +0,0 @@
-import { r as registerInstance, f as createEvent, h, i as Host, j as getElement } from './index-ea7a35b9.js';
-import { g as getComponentClosestLanguage } from './locale-d595f8f6.js';
-
-const add = "Add";
-const label = "Label";
-const citation = "Citation";
-const EN = {
-	add: add,
-	label: label,
-	citation: citation
-};
-
-const editableAddBlockCss = ".sc-ldf-editable-add-block-h{display:flex;flex-direction:column;align-items:center;width:100%}.sc-ldf-editable-add-block-h .button-container.sc-ldf-editable-add-block{display:flex;align-items:center;height:0;justify-content:center;width:100%}.sc-ldf-editable-add-block-h button.sc-ldf-editable-add-block{background-color:var(--ldf-background-color);color:var(--ldf-color);font-family:var(--ldf-controls-font-family);font-weight:lighter}.sc-ldf-editable-add-block-h button.sc-ldf-editable-add-block:hover{cursor:pointer}.sc-ldf-editable-add-block-h .visible.sc-ldf-editable-add-block{height:0;opacity:1;transition:0.25s}.sc-ldf-editable-add-block-h .hidden.sc-ldf-editable-add-block{height:0;opacity:0;transition:2s}.sc-ldf-editable-add-block-h .underlying.sc-ldf-editable-add-block{width:100%;border-top:1px solid #a0a0a0;border-bottom:1px solid #a0a0a0;min-height:1em;position:relative;bottom:0.5em;z-index:-1}.sc-ldf-editable-add-block-h .underlying.visible.sc-ldf-editable-add-block{opacity:0.5;transition:0.25s}.sc-ldf-editable-add-block-h .underlying.visible.expanded.sc-ldf-editable-add-block{z-index:1}.sc-ldf-editable-add-block-h .underlying.collapsed.sc-ldf-editable-add-block{height:1em}.sc-ldf-editable-add-block-h .underlying.hidden.sc-ldf-editable-add-block{opacity:0;transition:1s}.sc-ldf-editable-add-block-h .underlying.hidden.sc-ldf-editable-add-block button.sc-ldf-editable-add-block{z-index:-1}.sc-ldf-editable-add-block-h .visually-hidden.sc-ldf-editable-add-block{position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}.button.sc-ldf-editable-add-block{position:absolute;display:flex;flex-direction:row;align-items:center;justify-content:center;opacity:1;transition:all 0.25s}.hidden.sc-ldf-editable-add-block{display:none;height:0;opacity:0;transition:all 0.25s}";
-
-const LOCALE = {
-  'en': EN
-};
-const EditableAddBlockComponent = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.ldfDocShouldChange = createEvent(this, "ldfDocShouldChange", 7);
-    this.ldfDocShouldAdd = createEvent(this, "ldfDocShouldAdd", 7);
-  }
-  // Lifecycle events
-  async componentWillLoad() {
-    this.loadLocaleStrings();
-  }
-  // Methods
-  async loadLocaleStrings() {
-    try {
-      this.localeStrings = LOCALE[getComponentClosestLanguage(this.element)];
-    }
-    catch (e) {
-      console.warn(e);
-    }
-  }
-  // Render
-  render() {
-    const localeStrings = this.localeStrings || {};
-    return (h(Host, null, h("div", { class: {
-        button: true,
-        hidden: !this.visible,
-      } }, h("ion-button", { "aria-role": "button", fill: "outline", onClick: () => this.ldfDocShouldAdd.emit({ base: this.base, index: this.index }) }, h("ion-icon", { name: "add", slot: "icon-only" }), h("ion-label", { class: "visually-hidden" }, localeStrings.add)))));
-  }
-  get element() { return getElement(this); }
-};
-EditableAddBlockComponent.style = editableAddBlockCss;
-
-export { EditableAddBlockComponent as ldf_editable_add_block };