@venite/components 0.16.7 → 0.16.13

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

@@ -1,293 +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 { j as Responsive, C as Change } from './index-f441adec.js';
-import { g as getComponentClosestLanguage } from './locale-d595f8f6.js';
-import { c as alertController, m as modalController, t as toastController } 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 abbreviated = "Abbreviated";
-const addOption = "Add an Option";
-const cancel = "Cancel";
-const condition = "Conditions";
-const copy = "Copy";
-const copied = "Copied to Clipboard";
-const displayFormat = "Display";
-const halfverse = "By Half Verse";
-const heading = "Heading Level";
-const heading1 = "1. Title";
-const heading2 = "2. Section Title";
-const heading3 = "3. Label";
-const heading4 = "4. Sub-Section Label";
-const move_down = "Move Down";
-const move_up = "Move Up";
-const ok = "OK";
-const omit = "Omit";
-const preferences = "Preferences";
-const settings = "Settings";
-const edit = "Edit";
-const preview = "Preview";
-const responsive = "Responsive Display Settings";
-const responsiveMsg = "What size devices should this appear on?";
-const responsiveAll = "All devices";
-const responsiveSmallOnly = "Only on small screens";
-const responsiveSmallHidden = "Not on small screens";
-const unison = "Unison";
-const wholeverse = "By Whole Verse";
-const EN = {
-	abbreviated: abbreviated,
-	addOption: addOption,
-	cancel: cancel,
-	condition: condition,
-	copy: copy,
-	copied: copied,
-	"default": "Default",
-	displayFormat: displayFormat,
-	halfverse: halfverse,
-	heading: heading,
-	heading1: heading1,
-	heading2: heading2,
-	heading3: heading3,
-	heading4: heading4,
-	move_down: move_down,
-	move_up: move_up,
-	ok: ok,
-	omit: omit,
-	preferences: preferences,
-	settings: settings,
-	edit: edit,
-	preview: preview,
-	responsive: responsive,
-	responsiveMsg: responsiveMsg,
-	responsiveAll: responsiveAll,
-	responsiveSmallOnly: responsiveSmallOnly,
-	responsiveSmallHidden: responsiveSmallHidden,
-	unison: unison,
-	wholeverse: wholeverse
-};
-
-const editableMetadataButtonsCss = ".buttons.sc-ldf-editable-metadata-buttons{position:absolute;height:0;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;opacity:1;transition:all 0.25s}.buttons.sc-ldf-editable-metadata-buttons ion-buttons.sc-ldf-editable-metadata-buttons{background-color:var(--ion-color-light, #f4f5f8);border-radius:3px;flex-wrap:wrap;max-width:100%}.hidden.sc-ldf-editable-metadata-buttons{display:none;height:0;opacity:0;transition:all 0.25s}@media (max-width: 767px){.sm-hidden.sc-ldf-editable-metadata-buttons{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}}";
-
-const LOCALE = {
-  'en': EN
-};
-const EditableMetadataButtonsComponent = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.ldfAddOptionToDoc = createEvent(this, "ldfAddOptionToDoc", 7);
-    this.ldfTogglePreview = createEvent(this, "ldfTogglePreview", 7);
-    this.ldfDocShouldMove = createEvent(this, "ldfDocShouldMove", 7);
-    this.ldfDocShouldChange = createEvent(this, "ldfDocShouldChange", 7);
-    /** Documents in `preview` mode will display as if they're not editable, unless the user explicitly chooses to edit them */
-    this.preview = false;
-  }
-  objChange(newObj) {
-    if (this.modal) {
-      this.modal.componentProps = Object.assign(Object.assign({}, this.modal.componentProps), { obj: newObj });
-    }
-  }
-  // Lifecycle events
-  componentWillLoad() {
-    this.loadLocaleStrings();
-  }
-  // Private methods
-  async loadLocaleStrings() {
-    try {
-      this.localeStrings = LOCALE[getComponentClosestLanguage(this.element)];
-    }
-    catch (e) {
-      console.warn(e);
-    }
-  }
-  /** Display an alert to set responsiveness */
-  async openResponsive() {
-    var _a;
-    const alert = await alertController.create({
-      header: this.localeStrings.responsive,
-      message: this.localeStrings.responsiveMsg,
-      inputs: [
-        {
-          name: 'value',
-          type: 'radio',
-          value: Responsive.AllSizes,
-          label: this.localeStrings.responsiveAll
-        },
-        {
-          name: 'value',
-          type: 'radio',
-          value: Responsive.SmallOnly,
-          label: this.localeStrings.responsiveSmallOnly
-        },
-        {
-          name: 'value',
-          type: 'radio',
-          value: Responsive.SmallHidden,
-          label: this.localeStrings.responsiveSmallHidden
-        }
-      ],
-      buttons: [
-        {
-          role: 'cancel',
-          text: this.localeStrings.cancel
-        },
-        this.localeStrings.ok
-      ]
-    });
-    await alert.present();
-    const { data } = await alert.onDidDismiss();
-    const { values } = data;
-    if (values) {
-      this.ldfDocShouldChange.emit(new Change({
-        path: `${this.base}/${this.index}/responsive`,
-        op: [{
-            type: 'set',
-            oldValue: (_a = this.obj) === null || _a === void 0 ? void 0 : _a.responsive,
-            value: values
-          }]
-      }));
-    }
-  }
-  /** Display a modal `EditableMetadataComponent` */
-  async openSettings() {
-    this.modal = await this.openModal('ldf-editable-metadata');
-  }
-  /** Display a modal `EditableConditionComponent` */
-  async openCondition() {
-    this.modal = await this.openModal('ldf-editable-condition', `${this.base}/${this.index}/condition`, { obj: this.obj });
-  }
-  /** Display a modal `EditablePreferencesComponent` */
-  async openPreferences() {
-    const path = this.base && this.index ? `${this.base}/${this.index}` : '';
-    this.modal = await this.openModal('ldf-editable-preferences', `${path}/metadata`, {
-      obj: this.obj
-    });
-  }
-  async openModal(component, componentPath = undefined, componentProps = undefined) {
-    const modal = await modalController.create({
-      component
-    });
-    const path = componentPath || (this.base && this.index >= 0 ? `${this.base}/${this.index}` : '/');
-    modal.componentProps = Object.assign(Object.assign({}, componentProps), { modal, doc: this.obj, path, visible: true, collapsed: false });
-    // present the modal
-    await modal.present();
-    return modal;
-  }
-  /** Emit an event with information about this document’s location in the tree and current state */
-  addOption() {
-    this.ldfAddOptionToDoc.emit({
-      base: this.base,
-      index: this.index,
-      obj: this.obj
-    });
-  }
-  move(diff) {
-    this.ldfDocShouldMove.emit({
-      base: this.base,
-      oldIndex: this.index,
-      diff
-    });
-  }
-  async headingLevel() {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-    const alert = await alertController.create({
-      header: (_a = this.localeStrings) === null || _a === void 0 ? void 0 : _a.heading,
-      inputs: [
-        {
-          name: 'level',
-          type: 'radio',
-          value: 1,
-          label: (_b = this.localeStrings) === null || _b === void 0 ? void 0 : _b.heading1
-        },
-        {
-          name: 'level',
-          type: 'radio',
-          value: 2,
-          label: (_c = this.localeStrings) === null || _c === void 0 ? void 0 : _c.heading2
-        },
-        {
-          name: 'level',
-          type: 'radio',
-          value: 3,
-          label: (_d = this.localeStrings) === null || _d === void 0 ? void 0 : _d.heading3
-        },
-        {
-          name: 'level',
-          type: 'radio',
-          value: 4,
-          label: (_e = this.localeStrings) === null || _e === void 0 ? void 0 : _e.heading4
-        },
-      ],
-      buttons: [
-        {
-          text: (_f = this.localeStrings) === null || _f === void 0 ? void 0 : _f.cancel,
-          role: 'cancel',
-          cssClass: 'secondary'
-        },
-        {
-          text: (_g = this.localeStrings) === null || _g === void 0 ? void 0 : _g.ok,
-        }
-      ]
-    });
-    await alert.present();
-    const { data } = await alert.onDidDismiss(), { values } = data;
-    if ((_h = this.obj) === null || _h === void 0 ? void 0 : _h.metadata) {
-      this.ldfDocShouldChange.emit(new Change({
-        path: `${this.base}/${this.index}/metadata/level`,
-        op: [{
-            type: 'set',
-            value: values,
-            oldValue: (_k = (_j = this.obj) === null || _j === void 0 ? void 0 : _j.metadata) === null || _k === void 0 ? void 0 : _k.level
-          }]
-      }));
-    }
-    else {
-      this.ldfDocShouldChange.emit(new Change({
-        path: `${this.base}/${this.index}/metadata`,
-        op: [{
-            type: 'set',
-            value: { level: values }
-          }]
-      }));
-    }
-  }
-  async copyDoc() {
-    try {
-      navigator.clipboard.writeText(JSON.stringify(this.obj));
-      const toast = await toastController.create({
-        message: this.localeStrings.copied,
-        duration: 1000,
-        color: "success"
-      });
-      await toast.present();
-    }
-    catch (e) {
-      console.warn('Clipboard operation not allowed.', e);
-    }
-  }
-  // Render
-  render() {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-    const localeStrings = this.localeStrings || {}, hasIndex = this.index !== undefined && this.index >= 0;
-    return h(Host, null, h("div", { class: { buttons: true, hidden: !this.visible || !this.preview } }, h("ion-buttons", { slot: "end" }, (navigator === null || navigator === void 0 ? void 0 : navigator.clipboard) && h("ion-button", { onClick: () => this.copyDoc(), "aria-role": 'button', "aria-label": localeStrings.copy }, h("ion-label", { class: "sm-hidden" }, localeStrings.copy), h("ion-icon", { slot: 'end', name: 'clipboard' })), h("ion-button", { onClick: () => this.ldfTogglePreview.emit(false) }, h("ion-label", { class: "sm-hidden" }, (_a = this.localeStrings) === null || _a === void 0 ? void 0 : _a.edit), h("ion-icon", { slot: "end", name: "create" })))), h("div", { class: { buttons: true, hidden: !this.visible || this.preview } }, h("ion-buttons", { slot: 'end' }, h("ion-button", { onClick: () => this.ldfTogglePreview.emit(true) }, h("ion-label", { class: "sm-hidden" }, (_b = this.localeStrings) === null || _b === void 0 ? void 0 : _b.preview), h("ion-icon", { slot: "end", name: "eye" })), ((_c = this.obj) === null || _c === void 0 ? void 0 : _c.type) !== 'option' && this.parentType !== 'option' && this.base &&
-      h("ion-button", { onClick: () => this.addOption(), "aria-role": 'button', "aria-label": localeStrings.addOption }, h("ion-icon", { slot: 'icon-only', name: 'add' })), ((_d = this.obj) === null || _d === void 0 ? void 0 : _d.type) == 'liturgy' && h("ion-button", { onClick: () => this.openPreferences(), "aria-role": 'button', "aria-label": localeStrings.preferences }, h("ion-icon", { slot: 'icon-only', name: 'list' })), ((_e = this.obj) === null || _e === void 0 ? void 0 : _e.type) == 'heading' && h("ion-button", { onClick: () => this.headingLevel() }, h("ion-label", null, localeStrings[`heading${((_g = (_f = this.obj) === null || _f === void 0 ? void 0 : _f.metadata) === null || _g === void 0 ? void 0 : _g.level) || 3}`] || 'Heading')), ((_j = (_h = this.obj) === null || _h === void 0 ? void 0 : _h.availableDisplayFormats()) === null || _j === void 0 ? void 0 : _j.length) > 0 && h("ldf-editable-select", { placeholder: localeStrings.displayFormat, value: this.obj.display_format, path: `${this.base}/${this.index}`, property: "display_format", options: this.obj.availableDisplayFormats().map(value => ({ value, label: localeStrings[value] || value })) }), (this.base && hasIndex || ((_k = this.obj) === null || _k === void 0 ? void 0 : _k.type) !== 'liturgy') && h("ion-button", { onClick: () => this.openCondition(), "aria-role": 'button', "aria-label": localeStrings.condition }, h("ion-icon", { slot: 'icon-only', name: 'calendar' })), (this.base && hasIndex || ((_l = this.obj) === null || _l === void 0 ? void 0 : _l.type) !== 'liturgy') && h("ion-button", { onClick: () => this.openResponsive(), "aria-role": 'button', "aria-label": localeStrings.responsive }, h("ion-icon", { slot: 'icon-only', name: 'phone-portrait' })), (navigator === null || navigator === void 0 ? void 0 : navigator.clipboard) && h("ion-button", { onClick: () => this.copyDoc(), "aria-role": 'button', "aria-label": localeStrings.copy }, h("ion-icon", { slot: 'icon-only', name: 'clipboard' })), h("ion-button", { onClick: () => this.openSettings(), "aria-role": 'button', "aria-label": localeStrings.settings }, h("ion-icon", { slot: 'icon-only', name: 'cog' })), (this.base && hasIndex && this.index > 0) && h("ion-button", { onClick: () => this.move(-1), "aria-role": 'button', "aria-label": localeStrings.move_up }, h("ion-icon", { slot: 'icon-only', name: 'arrow-up' })), (this.base && hasIndex) && h("ion-button", { onClick: () => this.move(1), "aria-role": 'button', "aria-label": localeStrings.move_down }, h("ion-icon", { slot: 'icon-only', name: 'arrow-down' })), hasIndex &&
-      h("ldf-editable-delete", { base: this.base, index: this.index, obj: this.obj }))));
-  }
-  get element() { return getElement(this); }
-  static get watchers() { return {
-    "obj": ["objChange"]
-  }; }
-};
-EditableMetadataButtonsComponent.style = editableMetadataButtonsCss;
-
-export { EditableMetadataButtonsComponent as ldf_editable_metadata_buttons };

package/dist/ldf/ldf-editable-select.entry.js

@@ -1,33 +0,0 @@
-import { r as registerInstance, f as createEvent, h, j as getElement } from './index-ea7a35b9.js';
-import { C as Change } from './index-f441adec.js';
-import './_commonjsHelpers-8fe71198.js';
-
-const editableSelectCss = "";
-
-const EditableSelectComponent = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.ldfChange = createEvent(this, "ldfChange", 7);
-    this.ldfDocShouldChange = createEvent(this, "ldfDocShouldChange", 7);
-  }
-  // Listeners
-  onChange(ev) {
-    const oldValue = this.value, value = ev.detail.value;
-    if (value !== oldValue) {
-      this.ldfDocShouldChange.emit(new Change({
-        path: this.path,
-        op: [
-          { type: 'set', index: this.property, oldValue, value }
-        ]
-      }));
-      this.ldfChange.emit(value);
-    }
-  }
-  render() {
-    return (h("ion-select", { value: this.value, placeholder: this.placeholder }, this.options.map(option => h("ion-select-option", { value: option.value }, option.label))));
-  }
-  get element() { return getElement(this); }
-};
-EditableSelectComponent.style = editableSelectCss;
-
-export { EditableSelectComponent as ldf_editable_select };

package/dist/ldf/ldf-heading.entry.js

@@ -1,124 +0,0 @@
-import { h, r as registerInstance, i as Host, j as getElement } from './index-ea7a35b9.js';
-import { H as Heading, k as dateFromYMDString, m as Citation, T as Text } from './index-f441adec.js';
-import { g as getComponentClosestLanguage } from './locale-d595f8f6.js';
-import './_commonjsHelpers-8fe71198.js';
-
-const EditableNode = ({ uidOrSlug, path, text, index, bodyText }) => h("ldf-editable-text", { class: { 'body-text': bodyText }, id: `${uidOrSlug}-heading-${index}`, text: text, path: `${path}/value/${index}`, short: true, inputType: "text" });
-
-const date = "The Date of the Liturgy";
-const day = "The Name of the Liturgical Day";
-const EN = {
-	date: date,
-	day: day
-};
-
-const headingCss = "ldf-heading,:host{font-family:var(--ldf-font-face)}ldf-heading ldf-string,:host ldf-string{display:block}ldf-heading ldf-label-bar.text,:host ldf-label-bar.text{margin-top:var(--ldf-heading-margin-top)}ldf-heading h1,:host h1{text-align:var(--ldf-title-text-align);font-weight:var(--ldf-title-font-weight);font-style:var(--ldf-title-font-style);font-variant:var(--ldf-title-font-variant);font-size:var(--ldf-title-font-size);text-transform:var(--ldf-title-text-transform)}ldf-heading h2,:host h2{text-align:var(--ldf-subtitle-text-align);font-weight:var(--ldf-subtitle-font-weight);font-style:var(--ldf-subtitle-font-style);font-variant:var(--ldf-subtitle-font-variant);font-size:var(--ldf-subtitle-font-size);text-transform:var(--ldf-subtitle-text-transform)}ldf-heading h3,:host h3{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)}ldf-heading h4,:host h4{text-align:var(--ldf-h4-text-align);font-weight:var(--ldf-h4-font-weight);font-style:var(--ldf-h4-font-style);font-variant:var(--ldf-h4-font-variant);font-size:var(--ldf-h4-font-size);text-transform:var(--ldf-h4-text-transform)}ldf-heading h5,:host h5{text-align:var(--ldf-h5-text-align);font-weight:var(--ldf-h5-font-weight);font-style:var(--ldf-h5-font-style);font-variant:var(--ldf-h5-font-variant);font-size:var(--ldf-h5-font-size);text-transform:var(--ldf-h5-text-transform)}ldf-heading .date,ldf-heading .holy-days,ldf-heading .holy-day,:host .date,:host .holy-days,:host .holy-day{font-size:var(--ldf-date-font-size);text-transform:var(--ldf-date-text-transform);text-align:var(--ldf-date-text-align);font-style:var(--ldf-date-font-style)}ldf-heading .holy-days,:host .holy-days{list-style-type:none;margin:0;padding:0;text-align:center}ldf-heading .holy-day,:host .holy-day{margin:var(--ldf-holy-day-margin);padding:0}.lookup{background-color:var(--ldf-editable-lookup-background-color);color:var(--ldf-editable-lookup-color);border-radius:4px;padding:1em;width:100%}::slotted[slot=citation]{text-align:right;width:100%}.citation{font-style:var(--ldf-heading-citation-font-style, italic);display:var(--ldf-heading-citation-display, block)}.source{width:100%}ldf-editable-text.body-text{display:block;padding-bottom:1em}";
-
-const LOCALE = {
-  'en': EN
-};
-const HeadingComponent = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  docChanged(newDoc) {
-    try {
-      if (typeof newDoc == 'string') {
-        this.obj = new Heading(JSON.parse(newDoc));
-      }
-      else {
-        this.obj = new Heading(newDoc);
-      }
-    }
-    catch (e) {
-      console.warn('HEADING ERROR', e);
-      this.obj = new Heading();
-    }
-  }
-  // Lifecycle events
-  componentWillLoad() {
-    this.docChanged(this.doc);
-    this.loadLocaleStrings();
-  }
-  async loadLocaleStrings() {
-    try {
-      this.localeStrings = LOCALE[getComponentClosestLanguage(this.element)];
-    }
-    catch (e) {
-      console.warn(e);
-    }
-  }
-  // Convert level/text into an H... node
-  headerNode(level, contentNode, display = true) {
-    let node;
-    switch (level) {
-      case 1:
-        node = h("h1", null, contentNode);
-        break;
-      case 2:
-        node = h("h2", null, contentNode);
-        break;
-      case 3:
-        node = h("h3", { slot: 'start' }, contentNode);
-        break;
-      case 4:
-        node = h("h4", { slot: 'start' }, contentNode);
-        break;
-      case 5:
-        node = h("h5", { slot: 'start' }, contentNode);
-        break;
-      default:
-        node = h("h6", null, contentNode);
-    }
-    return display && node;
-  }
-  textNode(text, index, bodyText) {
-    return this.editable
-      ? h(EditableNode, { uidOrSlug: this.obj.uid || this.obj.slug || '', path: this.path, text: text, index: index, bodyText: Boolean(bodyText) })
-      : h("ldf-string", { text: text, fragment: this.path });
-  }
-  dateNode() {
-    var _a, _b, _c, _d, _e, _f;
-    const hasDate = !!((_b = (_a = this.obj) === null || _a === void 0 ? void 0 : _a.day) === null || _b === void 0 ? void 0 : _b.date);
-    if (hasDate) {
-      const date = dateFromYMDString((_d = (_c = this.obj) === null || _c === void 0 ? void 0 : _c.day) === null || _d === void 0 ? void 0 : _d.date), locale = ((_f = (_e = this.element) === null || _e === void 0 ? void 0 : _e.closest('[lang]')) === null || _f === void 0 ? void 0 : _f.lang) || 'en';
-      return h("div", { class: "date" }, date.toLocaleDateString(locale, { year: 'numeric', month: 'long', day: 'numeric' }));
-    }
-    else {
-      return [];
-    }
-  }
-  citationNode(c, slot = 'end') {
-    return (h("div", { class: 'citation', slot: slot }, this.editable ?
-      h("ldf-editable-text", { id: `${this.obj.uid || this.obj.slug}-citation`, text: c, path: `${this.path}/citation` }) :
-      c));
-  }
-  sourceNode(c) {
-    const text = new Citation(c).toString().replace('bcp1979', 'BCP');
-    return (h("div", { slot: 'end', class: 'source' }, this.editable ?
-      [
-        h("ldf-editable-text", { id: `${this.obj.uid || this.obj.slug}-source-source`, text: c === null || c === void 0 ? void 0 : c.source, path: `${this.path}/source/source` }),
-        h("ldf-editable-text", { id: `${this.obj.uid || this.obj.slug}-source-citation`, text: c === null || c === void 0 ? void 0 : c.citation, path: `${this.path}/source/citation` }),
-      ] :
-      text));
-  }
-  // Render
-  render() {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
-    const localeStrings = this.localeStrings || {};
-    const level = this.obj.metadata ? this.obj.metadata.level : 4, hasCitation = Boolean((_a = this.obj) === null || _a === void 0 ? void 0 : _a.citation), hasSource = Boolean((_b = this.obj) === null || _b === void 0 ? void 0 : _b.source), isDate = ((_c = this.obj) === null || _c === void 0 ? void 0 : _c.style) == 'date', isDay = ((_d = this.obj) === null || _d === void 0 ? void 0 : _d.style) == 'day', isText = ((_e = this.obj) === null || _e === void 0 ? void 0 : _e.style) == undefined || ((_f = this.obj) === null || _f === void 0 ? void 0 : _f.style) == 'text' || (!isDate && !isDay);
-    // Render
-    return (h(Host, { lang: ((_g = this.obj) === null || _g === void 0 ? void 0 : _g.language) || 'en' }, this.editable && h("ldf-label-bar", null, h("slot", { slot: 'end', name: 'controls' })), h("ldf-label-bar", { center: ((_j = (_h = this.obj) === null || _h === void 0 ? void 0 : _h.metadata) === null || _j === void 0 ? void 0 : _j.level) <= 2, class: {
-        'text': isText && (((_k = this === null || this === void 0 ? void 0 : this.obj) === null || _k === void 0 ? void 0 : _k.value) || []).filter(n => Boolean(n)).length > 0
-      } }, isText && ((_m = (_l = this.obj) === null || _l === void 0 ? void 0 : _l.value) === null || _m === void 0 ? void 0 : _m.length) > 0 && this.headerNode(level, this.textNode(this.obj.value[0], 0), true), isDate && !this.editable && this.dateNode(), isDate && this.editable && h("code", { class: "lookup" }, localeStrings.date), isDay && !this.editable && h("div", { class: "date" }, h("ldf-day-name", { day: (_o = this.obj) === null || _o === void 0 ? void 0 : _o.day })), isDay && !this.editable && ((_r = (_q = (_p = this.obj) === null || _p === void 0 ? void 0 : _p.day) === null || _q === void 0 ? void 0 : _q.holy_days) === null || _r === void 0 ? void 0 : _r.length) > 0 && h("ul", { class: "holy-days" }, (_t = (_s = this.obj) === null || _s === void 0 ? void 0 : _s.day) === null || _t === void 0 ? void 0 : _t.holy_days.filter(day => { var _a; return ((_a = day.type) === null || _a === void 0 ? void 0 : _a.rank) < 3; }).map(day => day.bio
-      ? h("li", { class: "holy-day" }, h("details", null, h("summary", null, day.name), h("ldf-text", { doc: new Text({ type: "text", style: "text", value: day.bio }) })))
-      : h("li", { class: "holy-day" }, day.name))), isDay && this.editable && h("code", { class: "lookup" }, localeStrings.day), ((_v = (_u = this.obj) === null || _u === void 0 ? void 0 : _u.value) === null || _v === void 0 ? void 0 : _v.length) > 1 && this.textNode(this.obj.value[1], 1), h("slot", { name: 'additional' }), h("slot", { name: 'citation', slot: 'end' }, hasSource && this.sourceNode(this.obj.source), hasCitation && !hasSource && this.obj.citation !== this.obj.label && this.obj.citation !== this.obj.value[0] && this.citationNode(this.obj.citation))), h("div", null, hasSource && hasCitation && this.obj.citation !== this.obj.label && this.citationNode(this.obj.citation, 'none')), ((_x = (_w = this.obj) === null || _w === void 0 ? void 0 : _w.value) === null || _x === void 0 ? void 0 : _x.length) > 2 && this.obj.value.slice(2, this.obj.value.length).map((text, index) => this.textNode(text, index + 2, true))));
-  }
-  get element() { return getElement(this); }
-  static get watchers() { return {
-    "doc": ["docChanged"]
-  }; }
-};
-HeadingComponent.style = headingCss;
-
-export { HeadingComponent as ldf_heading };

package/dist/ldf/ldf-image.entry.js

@@ -1,195 +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 { I as Image, C as Change } from './index-f441adec.js';
-import { D as Debounce } from './index-7845c707.js';
-import { g as getComponentClosestLanguage } from './locale-d595f8f6.js';
-import { m as modalController } 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 close = "Return to Bulletin";
-const url = "URL";
-const EN = {
-	close: close,
-	url: url
-};
-
-const imageCss = "img.sc-ldf-image{height:auto;max-width:100%;z-index:1}figcaption.sc-ldf-image{background-color:var(--ldf-editable-lookup-background-color);border-radius:4px;color:var(--ldf-editable-lookup-color);display:block;margin:auto;text-align:center}.left.sc-ldf-image{text-align:left}.center.sc-ldf-image{text-align:center}.right.sc-ldf-image{text-align:right}.img-wrapper.sc-ldf-image{margin:0;padding:12px;display:inline-block;position:relative}img.editable.sc-ldf-image{border:3px solid var(--ldf-color)}button.resize.sc-ldf-image{height:30px;width:30px;margin:0;padding:0;background-color:var(--ldf-editable-lookup-background-color);border-radius:50%;border:3px solid var(--ldf-color)}.resize.top-left.sc-ldf-image{position:absolute;left:0;top:-3px;cursor:nwse-resize}.resize.bottom-left.sc-ldf-image{position:absolute;left:-3px;bottom:0;cursor:nesw-resize}.resize.top-right.sc-ldf-image{position:absolute;right:-6px;top:-3px;cursor:nesw-resize}.resize.bottom-right.sc-ldf-image{position:absolute;right:-6px;bottom:0;cursor:nwse-resize}";
-
-var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-    r = Reflect.decorate(decorators, target, key, desc);
-  else
-    for (var i = decorators.length - 1; i >= 0; i--)
-      if (d = decorators[i])
-        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-const LOCALE = {
-  'en': EN
-};
-const ImageComponent = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.ldfDocShouldChange = createEvent(this, "ldfDocShouldChange", 7);
-    this.isResizing = false;
-    this.resizingStartPoint = null;
-    this.resizingCorner = null;
-  }
-  docChanged(newDoc) {
-    var _a, _b, _c, _d;
-    try {
-      if (typeof newDoc == 'string') {
-        this.obj = new Image(JSON.parse(newDoc));
-      }
-      else {
-        this.obj = new Image(newDoc);
-      }
-      this.height = ((_b = (_a = this.obj) === null || _a === void 0 ? void 0 : _a.metadata) === null || _b === void 0 ? void 0 : _b.height) || null;
-      this.width = ((_d = (_c = this.obj) === null || _c === void 0 ? void 0 : _c.metadata) === null || _d === void 0 ? void 0 : _d.width) || null;
-    }
-    catch (e) {
-      console.warn(e);
-      this.obj = new Image();
-    }
-  }
-  // Lifecycle events
-  componentWillLoad() {
-    this.docChanged(this.doc);
-    this.loadLocaleStrings();
-  }
-  async loadLocaleStrings() {
-    try {
-      this.localeStrings = LOCALE[getComponentClosestLanguage(this.element)];
-    }
-    catch (e) {
-      console.warn(e);
-    }
-  }
-  async showZoomed() {
-    const modal = await modalController.create({
-      component: 'ldf-image'
-    });
-    modal.componentProps = {
-      modal,
-      doc: this.obj
-    };
-    await modal.present();
-  }
-  startResizing(corner, x, y) {
-    this.resizingCorner = corner;
-    this.resizingStartPoint = { x, y };
-  }
-  stopResizing() {
-    // clear status of resizing
-    console.log('stopResizing');
-    this.resizingCorner = null;
-  }
-  resizingMove(ev) {
-    if (this.resizingCorner && this.resizingStartPoint) {
-      this.processResizingMove(this.resizingCorner, ev.clientX, ev.clientY);
-    }
-  }
-  processResizingMove(corner, clientX, clientY) {
-    const { x } = this.resizingStartPoint;
-    const xDiff = corner === 'nw' || corner === 'sw' ? clientX - x : x - clientX;
-    this.resizingStartPoint = { x: clientX, y: clientY };
-    // force fixed aspect ratio by nulling out `height`
-    this.width = this.imgElement.clientWidth - xDiff;
-    this.height = null;
-    this.updateDoc();
-  }
-  touchStart(corner, ev) {
-    ev.preventDefault();
-    const touch = ev.touches[0];
-    if (touch) {
-      this.startResizing(corner, touch.clientX, touch.clientY);
-    }
-  }
-  touchMove(corner, ev) {
-    ev.preventDefault();
-    const touch = ev.touches[0];
-    if (touch) {
-      this.processResizingMove(corner, touch.clientX, touch.clientY);
-    }
-  }
-  // debounce saving the change by 500ms, preventing sending multiple changes as the mouse moves
-  updateDoc() {
-    var _a, _b, _c, _d, _e, _f;
-    if (!((_a = this.obj) === null || _a === void 0 ? void 0 : _a.metadata)) {
-      this.ldfDocShouldChange.emit(new Change({
-        path: this.path,
-        op: [{ type: 'set', index: 'metadata', oldValue: (_b = this.obj) === null || _b === void 0 ? void 0 : _b.metadata, value: {} }]
-      }));
-    }
-    this.ldfDocShouldChange.emit(new Change({
-      path: `${this.path}/metadata`,
-      op: [
-        {
-          type: 'set',
-          index: 'height',
-          oldValue: (_d = (_c = this.obj) === null || _c === void 0 ? void 0 : _c.metadata) === null || _d === void 0 ? void 0 : _d.height,
-          value: this.imgElement.clientHeight
-        },
-        {
-          type: 'set',
-          index: 'width',
-          oldValue: (_f = (_e = this.obj) === null || _e === void 0 ? void 0 : _e.metadata) === null || _f === void 0 ? void 0 : _f.width,
-          value: this.imgElement.clientWidth
-        }
-      ]
-    }));
-  }
-  // Render
-  render() {
-    var _a, _b, _c, _d, _e;
-    const localeStrings = this.localeStrings || {};
-    const imageDisplay = [
-      this.editable && h("ldf-label-bar", null, h("slot", { slot: 'end', name: 'controls' })),
-      h("div", { class: `${((_a = this.obj) === null || _a === void 0 ? void 0 : _a.style) || ''} ${((_c = (_b = this.obj) === null || _b === void 0 ? void 0 : _b.metadata) === null || _c === void 0 ? void 0 : _c.align) || 'center'}` }, this.obj.value && this.obj.value.map((url, ii) => {
-        var _a;
-        return this.editable ?
-          h("figure", null, h("div", { class: "img-wrapper" }, h("img", { src: url, ref: el => this.imgElement = el, alt: (_a = this.obj) === null || _a === void 0 ? void 0 : _a.label, style: {
-              height: this.height ? `${this.height}px` : 'auto',
-              width: this.width ? `${this.width}px` : 'auto'
-            }, class: "editable" }), h("button", { class: "resize top-left", onMouseDown: (ev) => this.startResizing('nw', ev.clientX, ev.clientY), onTouchStart: (ev) => this.touchStart('nw', ev), onTouchMove: (ev) => this.touchMove('nw', ev), onTouchEnd: () => this.stopResizing() }), h("button", { class: "resize bottom-left", onMouseDown: (ev) => this.startResizing('sw', ev.clientX, ev.clientY), onTouchStart: (ev) => this.touchStart('sw', ev), onTouchMove: (ev) => this.touchMove('sw', ev), onTouchEnd: () => this.stopResizing() }), h("button", { class: "resize top-right", onMouseDown: (ev) => this.startResizing('ne', ev.clientX, ev.clientY), onTouchStart: (ev) => this.touchStart('ne', ev), onTouchMove: (ev) => this.touchMove('ne', ev), onTouchEnd: () => this.stopResizing() }), h("button", { class: "resize bottom-right", onMouseDown: (ev) => this.startResizing('se', ev.clientX, ev.clientY), onTouchStart: (ev) => this.touchStart('se', ev), onTouchMove: (ev) => this.touchMove('se', ev), onTouchEnd: () => this.stopResizing() })), h("figcaption", null, h("code", null, localeStrings.url), h("ldf-editable-text", { id: `${this.obj.uid || this.obj.slug}-${ii}`, text: url, path: `${this.path}/value/${ii}` })))
-          :
-            h("img", { src: url, onClick: () => this.showZoomed(), style: {
-                height: this.height ? `${this.height}px` : 'auto',
-                width: this.width ? `${this.width}px` : 'auto'
-              } });
-      }))
-    ];
-    if (!this.modal) {
-      return h(Host, { lang: (_d = this.obj) === null || _d === void 0 ? void 0 : _d.language }, imageDisplay);
-    }
-    else {
-      return [
-        h("ion-header", null, h("ion-toolbar", null, h("ion-buttons", { slot: "end" }, h("ion-button", { onClick: () => this.modal.dismiss() }, h("ion-label", { slot: "start" }, localeStrings.close), h("ion-icon", { slot: "end", name: "close" }))))),
-        h("ion-content", { class: "ion-padding", scrollX: true, lang: (_e = this.obj) === null || _e === void 0 ? void 0 : _e.language }, imageDisplay)
-      ];
-    }
-  }
-  get element() { return getElement(this); }
-  static get watchers() { return {
-    "doc": ["docChanged"]
-  }; }
-};
-__decorate([
-  Debounce(250)
-], ImageComponent.prototype, "updateDoc", null);
-ImageComponent.style = imageCss;
-
-export { ImageComponent as ldf_image };