@venite/components 0.16.7 → 0.16.13

package/dist/ldf/ldf-label-bar.entry.js

@@ -1,22 +0,0 @@
-import { r as registerInstance, h } from './index-ea7a35b9.js';
-
-const labelBarCss = ".label-bar{display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;max-width:100%}.label-bar.left{justify-content:flex-start}.label-bar.left slot{display:flex;flex-direction:row;margin-left:0}.label-bar.left slot:first-of-type{margin-left:0;flex-grow:2}.label-bar.left slot:nth-of-type(2){flex-grow:2}.label-bar.left slot:last-of-type{margin-left:auto;text-align:right}.label-bar.left ::slotted[slot=end]{text-align:right}.label-bar.center{justify-content:space-between}.label-bar.center slot{display:block}.label-bar.center slot:nth-child(1){text-align:center}";
-
-const LabelBarComponent = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.center = false;
-  }
-  // Render
-  render() {
-    if (this.center) {
-      return (h("div", { class: 'label-bar center' }, h("slot", { name: 'start' }), h("slot", null), h("slot", { name: 'end' })));
-    }
-    else {
-      return (h("div", { class: 'label-bar left' }, h("slot", { name: 'start' }), h("slot", null), h("slot", { name: 'end' })));
-    }
-  }
-};
-LabelBarComponent.style = labelBarCss;
-
-export { LabelBarComponent as ldf_label_bar };

package/dist/ldf/ldf-liturgical-document.entry.js

@@ -1,462 +0,0 @@
-import { h, r as registerInstance, f as createEvent, i as Host, j as getElement } from './index-ea7a35b9.js';
-import { b as LiturgicalDocument, j as Responsive } from './index-f441adec.js';
-import { g as getComponentClosestLanguage } from './locale-d595f8f6.js';
-import './_commonjsHelpers-8fe71198.js';
-
-const bible_version = " in the version ";
-const category = "All items that match the category ";
-const collect = "The Collect of the Day.";
-const day_of_month_1 = "It is the ";
-const day_of_month_2 = " day of the month";
-const definedByPreference = " defined by the preference ";
-const fromCanticleTable = " from the canticle table ";
-const fromLectionary = " from the lectionary ";
-const lectionaryReading = "The lectionary reading ";
-const slug = "All items with the slug ";
-const condition = "Included when ";
-const and = "all";
-const or = "any";
-const the_day = " the day ";
-const of_the_following = " of the following are true: ";
-const day = "the liturgical day";
-const season = "the liturgical season";
-const week = "the liturgical week";
-const weekday = "the day of the week";
-const feastDay = "a Sunday or Holy Day";
-const is = " is ";
-const is_not = " is not ";
-const only = " one of: ";
-const only_1 = "";
-const except = " anything but: ";
-const except_1 = " not ";
-const the_preference = "the preference ";
-const the_preference_specified = "chosen in the preference ";
-const the_date = "the date ";
-const lte = " ≤ ";
-const lt = " < ";
-const gt = " > ";
-const gte = " ≥ ";
-const smallOnly = "Only appears on small screens";
-const smallHidden = "Doesn't appear on small screens";
-const EN = {
-	bible_version: bible_version,
-	"canticle-1": "The first canticle ",
-	"canticle-2": "The second canticle ",
-	category: category,
-	collect: collect,
-	day_of_month_1: day_of_month_1,
-	day_of_month_2: day_of_month_2,
-	definedByPreference: definedByPreference,
-	fromCanticleTable: fromCanticleTable,
-	fromLectionary: fromLectionary,
-	lectionaryReading: lectionaryReading,
-	"filter-seasonal": " and the current season",
-	"filter-evening-true": " and are in the evening ",
-	"filter-evening-false": " and are not in the evening ",
-	"filter-day": " and the liturgical day ",
-	"rotate-true": " (rotating by day)",
-	"rotate-false": " (including all possibilities)",
-	slug: slug,
-	condition: condition,
-	and: and,
-	or: or,
-	the_day: the_day,
-	of_the_following: of_the_following,
-	day: day,
-	season: season,
-	week: week,
-	weekday: weekday,
-	feastDay: feastDay,
-	is: is,
-	is_not: is_not,
-	only: only,
-	only_1: only_1,
-	except: except,
-	except_1: except_1,
-	the_preference: the_preference,
-	the_preference_specified: the_preference_specified,
-	the_date: the_date,
-	lte: lte,
-	lt: lt,
-	gt: gt,
-	gte: gte,
-	smallOnly: smallOnly,
-	smallHidden: smallHidden
-};
-
-const ConditionNode = ({ doc, localeStrings }, children) => h("div", { class: 'condition' },
-  h("p", null,
-    localeStrings.condition,
-    h("code", null, localeStrings[doc.condition.mode]),
-    localeStrings.of_the_following),
-  h("ul", null, doc.condition.conditions.map(condition => h(ConditionPiece, { condition: condition, localeStrings: localeStrings }))),
-  children);
-const ConditionPiece = ({ condition, localeStrings }) => {
-  let nodes = [];
-  /* Except/Only fields: day, season, week, weekday */
-  if (condition.day) {
-    nodes = nodes.concat(h(ExceptOnly, { condition: condition, field: 'day', localeStrings: localeStrings }));
-  }
-  if (condition.season) {
-    nodes = nodes.concat(h(ExceptOnly, { condition: condition, field: 'season', localeStrings: localeStrings }));
-  }
-  if (condition.week) {
-    nodes = nodes.concat(h(ExceptOnly, { condition: condition, field: 'week', localeStrings: localeStrings }));
-  }
-  if (condition.weekday) {
-    nodes = nodes.concat(h(ExceptOnly, { condition: condition, field: 'weekday', localeStrings: localeStrings }));
-  }
-  if (condition.day_of_month) {
-    nodes.push([
-      localeStrings.day_of_month_1,
-      ordinal_suffix_of(Number(condition.day_of_month)),
-      localeStrings.day_of_month_2
-    ]);
-  }
-  if (condition.hasOwnProperty('feastDay')) {
-    nodes.push([
-      localeStrings.the_day,
-      condition.feastDay ? localeStrings.is : localeStrings.is_not,
-      localeStrings.feastDay
-    ]);
-  }
-  if (condition.preference) {
-    nodes.push([
-      localeStrings.the_preference,
-      h("code", null, condition.preference.key),
-      condition.preference.is ? localeStrings.is : localeStrings.is_not,
-      h("code", null, condition.preference.value)
-    ]);
-  }
-  if (condition.date) {
-    nodes.push([
-      localeStrings.the_date,
-      condition.date.lt && `${localeStrings.lt} ${condition.date.lt}`,
-      condition.date.lte && `${localeStrings.lte} ${condition.date.lte}`,
-      condition.date.gte && `${localeStrings.gte} ${condition.date.gte}`,
-      condition.date.gt && `${localeStrings.gt} ${condition.date.gt}`,
-    ]);
-  }
-  return nodes.map(node => h("li", null, node));
-};
-const ExceptOnly = ({ condition, field, localeStrings }) => {
-  var _a, _b;
-  const nodes = [];
-  ((_a = condition[field].except) === null || _a === void 0 ? void 0 : _a.length) > 0 && nodes.push([
-    localeStrings[field],
-    localeStrings.is,
-    condition[field].except.length > 1 ? localeStrings.except : localeStrings.except_1,
-    condition[field].except.join(', ')
-  ]);
-  ((_b = condition[field].only) === null || _b === void 0 ? void 0 : _b.length) > 0 && nodes.push([
-    localeStrings[field],
-    localeStrings.is,
-    condition[field].only.length > 1 ? localeStrings.only : localeStrings.only_1,
-    condition[field].only.join(', ')
-  ]);
-  return nodes;
-};
-function ordinal_suffix_of(i) {
-  var j = i % 10, k = i % 100;
-  if (j == 1 && k != 11) {
-    return i + "st";
-  }
-  if (j == 2 && k != 12) {
-    return i + "nd";
-  }
-  if (j == 3 && k != 13) {
-    return i + "rd";
-  }
-  return i + "th";
-}
-
-const valueOrPreference = (x, localeStrings) => {
-  if (typeof x === 'object') {
-    return h("span", null,
-      localeStrings.definedByPreference,
-      " ",
-      h("code", null, x.preference));
-  }
-  else {
-    return h("code", null, x);
-  }
-};
-const LookupNode = ({ doc, localeStrings }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4;
-  let desc;
-  if (doc.lookup) {
-    switch ((_a = doc.lookup) === null || _a === void 0 ? void 0 : _a.type) {
-      case 'lectionary':
-        desc = [
-          localeStrings.lectionaryReading,
-          valueOrPreference((_b = doc.lookup) === null || _b === void 0 ? void 0 : _b.item, localeStrings),
-          localeStrings.fromLectionary,
-          valueOrPreference((_c = doc.lookup) === null || _c === void 0 ? void 0 : _c.table, localeStrings),
-          "."
-        ];
-        break;
-      case 'canticle':
-        desc = [
-          localeStrings[`canticle-${(_d = doc.lookup) === null || _d === void 0 ? void 0 : _d.item}`],
-          localeStrings.fromCanticleTable,
-          valueOrPreference((_e = doc.lookup) === null || _e === void 0 ? void 0 : _e.table, localeStrings),
-          "."
-        ];
-        break;
-      case 'category':
-        desc = [
-          localeStrings.category,
-          doc.category.map(category => h("code", null, category)),
-          ((_f = doc.lookup) === null || _f === void 0 ? void 0 : _f.filter) && ((_g = doc.lookup) === null || _g === void 0 ? void 0 : _g.filter) == 'seasonal' && localeStrings['filter-seasonal'],
-          ((_h = doc.lookup) === null || _h === void 0 ? void 0 : _h.filter) && ((_j = doc.lookup) === null || _j === void 0 ? void 0 : _j.filter) == 'evening' && localeStrings[`filter-evening-${((_k = doc.lookup) === null || _k === void 0 ? void 0 : _k.item) || true}`],
-          ((_l = doc.lookup) === null || _l === void 0 ? void 0 : _l.filter) && ((_m = doc.lookup) === null || _m === void 0 ? void 0 : _m.filter) == 'day' && localeStrings[`filter-day`],
-          ((_o = doc.lookup) === null || _o === void 0 ? void 0 : _o.filter) && ((_p = doc.lookup) === null || _p === void 0 ? void 0 : _p.filter) == 'day' && h("code", null, (_q = doc.lookup) === null || _q === void 0 ? void 0 : _q.item),
-          ((_r = doc.lookup) === null || _r === void 0 ? void 0 : _r.hasOwnProperty('rotate')) && localeStrings[`rotate-${(_s = doc.lookup) === null || _s === void 0 ? void 0 : _s.rotate}`],
-          "."
-        ];
-        break;
-      case 'slug':
-        desc = [
-          localeStrings.slug,
-          h("code", null, doc.slug),
-          ((_t = doc.lookup) === null || _t === void 0 ? void 0 : _t.filter) && ((_u = doc.lookup) === null || _u === void 0 ? void 0 : _u.filter) == 'seasonal' && localeStrings['filter-seasonal'],
-          ((_v = doc.lookup) === null || _v === void 0 ? void 0 : _v.filter) && ((_w = doc.lookup) === null || _w === void 0 ? void 0 : _w.filter) == 'evening' && localeStrings[`filter-evening-${((_x = doc.lookup) === null || _x === void 0 ? void 0 : _x.item) || true}`],
-          ((_y = doc.lookup) === null || _y === void 0 ? void 0 : _y.filter) && ((_z = doc.lookup) === null || _z === void 0 ? void 0 : _z.filter) == 'day' && localeStrings[`filter-day`],
-          ((_0 = doc.lookup) === null || _0 === void 0 ? void 0 : _0.filter) && ((_1 = doc.lookup) === null || _1 === void 0 ? void 0 : _1.filter) == 'day' && h("code", null, (_2 = doc.lookup) === null || _2 === void 0 ? void 0 : _2.item),
-          ((_3 = doc.lookup) === null || _3 === void 0 ? void 0 : _3.hasOwnProperty('rotate')) && localeStrings[`rotate-${(_4 = doc.lookup) === null || _4 === void 0 ? void 0 : _4.rotate}`],
-          "."
-        ];
-        break;
-      case 'collect':
-        desc = h("code", null, localeStrings.collect);
-        break;
-      default:
-        desc = JSON.stringify(doc.lookup);
-        break;
-    }
-  }
-  else if (doc.type === "bible-reading" && doc.citation) {
-    desc = [
-      h("code", null, doc.citation),
-      localeStrings.bible_version,
-      ...typeof doc.version === "string"
-        ? [h("code", null, doc.version)]
-        : [
-          localeStrings.the_preference_specified,
-          h("code", null, "bibleVersion")
-        ]
-    ];
-  }
-  return (h("article", { class: "lookup" }, desc));
-};
-
-const liturgicalDocumentCss = "ldf-liturgical-document.sc-ldf-liturgical-document,.sc-ldf-liturgical-document-h{font-family:var(--ldf-font-face);display:block}.container.editable.sc-ldf-liturgical-document{padding-top:0}.lookup.sc-ldf-liturgical-document{background-color:var(--ldf-editable-lookup-background-color);color:var(--ldf-editable-lookup-color);border-radius:4px;margin-bottom:1.5em;padding:1em;width:calc(100% - 2em)}.lookup.sc-ldf-liturgical-document code.sc-ldf-liturgical-document{font-weight:bold}.condition.sc-ldf-liturgical-document{background-color:var(--ldf-editable-condition-background-color);color:var(--ldf-editable-condition-color);border-radius:4px;padding:1em;width:calc(100% - 2em)}.condition.sc-ldf-liturgical-document code.sc-ldf-liturgical-document{font-weight:bold}.doc.sc-ldf-liturgical-document{margin-top:var(--ldf-liturgical-document-margin-top)}ldf-editable-metadata-buttons.sc-ldf-liturgical-document{height:none;display:block;z-index:10;background:var(--ldf-background);opacity:0.8;width:100%;position:sticky;top:2em;padding-top:1em;padding-bottom:1em}ldf-editable-metadata-buttons.top-level.sc-ldf-liturgical-document{position:relative;top:0}.small-only.sc-ldf-liturgical-document{display:block}.small-hidden.sc-ldf-liturgical-document{display:none}@media (min-width: 415px){.small-only.sc-ldf-liturgical-document{display:none}.small-hidden.sc-ldf-liturgical-document{display:block}}";
-
-const LOCALE = {
-  'en': EN
-};
-const LiturgicalDocumentComponent = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.focusPath = createEvent(this, "focusPath", 7);
-    this.focusObj = createEvent(this, "focusObj", 7);
-    this.ldfSelectionChange = createEvent(this, "ldfSelectionChange", 7);
-    this.hasFocus = false;
-    this.buttonsSelected = false;
-    this.interrupt = false;
-    /** Type of the parent `LiturgicalDocument`, if any */
-    this.parentType = null;
-    /** Documents in `preview` mode will display as if they're not editable, unless the user explicitly chooses to edit them */
-    this.preview = false;
-    /** CSS padding to add around element, if any. */
-    this.padding = undefined;
-  }
-  async docChanged(newDoc) {
-    let provisionalObj;
-    try {
-      if (typeof newDoc == 'string') {
-        provisionalObj = new LiturgicalDocument(JSON.parse(newDoc));
-      }
-      else {
-        provisionalObj = new LiturgicalDocument(newDoc);
-      }
-    }
-    catch (e) {
-      console.warn(e);
-      provisionalObj = new LiturgicalDocument();
-    }
-    this.obj = provisionalObj || new LiturgicalDocument();
-  }
-  // Listeners
-  onDragOver() {
-    if (this.path !== "/") {
-      this.hasFocus = true;
-      this.focusPath.emit(this.path);
-      this.focusObj.emit({ obj: this.obj, path: this.path });
-      console.log("dragged over", this.path);
-    }
-  }
-  selectionChangeHandler(ev) {
-    var _a, _b;
-    // stop iOS from taking over 
-    ev.preventDefault();
-    // handle the selection
-    const selection = document.getSelection(), anchorNode = selection.anchorNode, citation = (_b = (_a = anchorNode === null || anchorNode === void 0 ? void 0 : anchorNode.parentElement) === null || _a === void 0 ? void 0 : _a.closest('ldf-string')) === null || _b === void 0 ? void 0 : _b.citation;
-    if (this.element.contains(anchorNode)) {
-      const text = selection.toString();
-      this.ldfSelectionChange.emit({
-        target: this.element,
-        text,
-        citation,
-        fragment: this.path
-      });
-    }
-  }
-  // Lifecycle events
-  componentWillLoad() {
-    this.loadLocaleStrings();
-    this.docChanged(this.doc);
-  }
-  /** On hover, display Add Block buttons */
-  onMouseOver() {
-    this.hasFocus = true;
-    this.focusPath.emit(this.path);
-  }
-  onMouseOut(ev) {
-    const elDiv = this.element.querySelector('div.container');
-    if (ev.relatedTarget == elDiv) {
-      setTimeout(() => {
-        this.hasFocus = false;
-        this.focusPath.emit(this.path);
-      }, 500);
-    }
-  }
-  // Firing the event during the capture phase the most specific LiturgicalDocument will
-  // be handled last, i.e., the `Liturgy` won't override subdocuments
-  onClick() {
-    this.hasFocus = true;
-    this.focusPath.emit(this.path);
-    this.focusObj.emit({ obj: this.obj, path: this.path });
-  }
-  async loadLocaleStrings() {
-    try {
-      this.localeStrings = LOCALE[getComponentClosestLanguage(this.element)];
-    }
-    catch (e) {
-      console.warn(e);
-    }
-  }
-  /** Gives a loading view, a description of the document (if editing and has a lookup), or the component of the correct type */
-  nodeFromDoc(doc, forceEditable = undefined) {
-    if (doc == undefined) {
-      return (customElements === null || customElements === void 0 ? void 0 : customElements.get('ion-skeleton-text')) ? h("ion-skeleton-text", null) : h("p", null, "...");
-    }
-    else if (this.editable || forceEditable) {
-      return this.editableNode(doc);
-    }
-    else {
-      return this.chooseComponent(doc);
-    }
-  }
-  editableNode(doc) {
-    var _a;
-    const localeStrings = this.localeStrings || {};
-    if (((_a = doc.value) === null || _a === void 0 ? void 0 : _a.length) > 0 && Boolean(doc.value[0])) {
-      if (doc.condition) {
-        return h(ConditionNode, { doc: doc, localeStrings: localeStrings }, this.chooseComponent(doc));
-      }
-      else {
-        return this.chooseComponent(doc);
-      }
-    }
-    else {
-      if (doc.condition && !doc.lookup) {
-        return h(ConditionNode, { doc: doc, localeStrings: localeStrings }, this.chooseComponent(doc));
-      }
-      else if (doc.condition && doc.lookup) {
-        return h(ConditionNode, { doc: doc, localeStrings: localeStrings }, h(LookupNode, { doc: doc, localeStrings: localeStrings }));
-      }
-      else if (!doc.condition && doc.lookup) {
-        return h(LookupNode, { doc: doc, localeStrings: localeStrings });
-      }
-      else if (doc.type === "bible-reading") {
-        return h(LookupNode, { doc: doc, localeStrings: localeStrings });
-      }
-      else {
-        return this.chooseComponent(doc);
-      }
-    }
-  }
-  /** Processes generic LiturgicalDocument into component of the appropriate type */
-  //@Method()
-  chooseComponent(doc) {
-    var _a, _b;
-    let node;
-    const editable = this.editable && !this.preview;
-    switch (doc === null || doc === void 0 ? void 0 : doc.type) {
-      case 'liturgy':
-        node = h("ldf-liturgy", { path: this.path, editable: editable, preview: this.preview, doc: doc });
-        break;
-      case 'heading':
-        node = h("ldf-heading", { path: this.path, editable: editable, doc: doc });
-        break;
-      case 'image':
-        node = h("ldf-image", { path: this.path, editable: editable, doc: doc });
-        break;
-      case 'meditation':
-        const color = (_b = (_a = this.obj) === null || _a === void 0 ? void 0 : _a.day) === null || _b === void 0 ? void 0 : _b.color, colorValue = (color === null || color === void 0 ? void 0 : color.hasOwnProperty('hex')) ? color.hex : color || '#3489eb';
-        node = h("ldf-meditation", { path: this.path, editable: this.editable || this.preview, doc: doc, color: colorValue });
-        break;
-      case 'option':
-        node = h("ldf-option", { path: this.path, editable: editable, preview: this.preview, doc: doc });
-        break;
-      case 'refrain':
-        node = h("ldf-refrain", { path: this.path, editable: editable, doc: doc });
-        break;
-      case 'rubric':
-        node = h("ldf-rubric", { path: this.path, editable: editable, doc: doc });
-        break;
-      case 'text':
-        node = h("ldf-text", { path: this.path, editable: editable, doc: doc });
-        break;
-      case 'responsive':
-        node = h("ldf-responsive-prayer", { path: this.path, editable: editable, doc: doc });
-        break;
-      case 'bible-reading':
-        node = h("ldf-bible-reading", { path: this.path, editable: editable, doc: doc });
-        break;
-      case 'psalm':
-        node = h("ldf-psalm", { path: this.path, editable: editable, doc: doc });
-        break;
-      default:
-        console.warn('invalid type for document', doc);
-        break;
-    }
-    return node;
-  }
-  setPreview(preview) {
-    this.preview = preview;
-    this.editable = true;
-  }
-  // Render
-  render() {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-    const node = this.nodeFromDoc(this.obj);
-    return (node && h(Host, { lang: ((_a = this.obj) === null || _a === void 0 ? void 0 : _a.language) || 'en' }, h("div", { class: {
-        container: true,
-        editable: this.editable || this.preview,
-        "small-only": !this.editable && !this.preview && ((_b = this.obj) === null || _b === void 0 ? void 0 : _b.responsive) !== undefined && ((_c = this.obj) === null || _c === void 0 ? void 0 : _c.responsive) == Responsive.SmallOnly,
-        "small-hidden": !this.editable && !this.preview && ((_d = this.obj) === null || _d === void 0 ? void 0 : _d.responsive) !== undefined && ((_e = this.obj) === null || _e === void 0 ? void 0 : _e.responsive) == Responsive.SmallHidden,
-      } }, (this.editable || this.preview) && h("ldf-editable-metadata-buttons", { visible: this.hasFocus, base: this.base, index: this.index, obj: this.obj, parentType: this.parentType, preview: this.preview, onLdfTogglePreview: (e) => this.setPreview(e.detail), class: { 'top-level': ((_f = this.obj) === null || _f === void 0 ? void 0 : _f.type) === 'liturgy' || ((_g = this.obj) === null || _g === void 0 ? void 0 : _g.type) === 'option' } }), (this.editable || this.preview) && (((_h = this.obj) === null || _h === void 0 ? void 0 : _h.responsive) === Responsive.SmallHidden || ((_j = this.obj) === null || _j === void 0 ? void 0 : _j.responsive) === Responsive.SmallOnly) && h("ion-chip", { class: "responsive-banner" }, h("ion-icon", { name: "phone-portrait-outline" }), ((_k = this.obj) === null || _k === void 0 ? void 0 : _k.responsive) === Responsive.SmallOnly && h("ion-label", null, this.localeStrings.smallOnly), ((_l = this.obj) === null || _l === void 0 ? void 0 : _l.responsive) === Responsive.SmallHidden && h("ion-label", null, this.localeStrings.smallHidden)), h("div", { id: (this.path || '').replace(/\//g, '-'), class: {
-        doc: true,
-        editable: this.editable || this.preview
-      }, style: { padding: this.padding } }, node))));
-  }
-  get element() { return getElement(this); }
-  static get watchers() { return {
-    "doc": ["docChanged"]
-  }; }
-};
-LiturgicalDocumentComponent.style = liturgicalDocumentCss;
-
-export { LiturgicalDocumentComponent as ldf_liturgical_document };

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

@@ -1,49 +0,0 @@
-import { r as registerInstance, h, i as Host } from './index-ea7a35b9.js';
-import { L as Liturgy } from './index-f441adec.js';
-import './_commonjsHelpers-8fe71198.js';
-
-const LiturgyComponent = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /** Documents in `preview` mode will display as if they're not editable, unless the user explicitly chooses to edit them */
-    this.preview = false;
-  }
-  docChanged(newDoc) {
-    try {
-      if (typeof newDoc == 'string') {
-        this.obj = new Liturgy(JSON.parse(newDoc));
-      }
-      else {
-        this.obj = new Liturgy(newDoc);
-      }
-    }
-    catch (e) {
-      console.warn(e);
-      this.obj = new Liturgy();
-    }
-  }
-  // Lifecycle events
-  componentWillLoad() {
-    this.docChanged(this.doc);
-  }
-  // Listens for ldf-liturgical-document event indicating mouseover
-  onFocusPath(ev) {
-    this.hasFocus = ev.detail;
-  }
-  // Render
-  render() {
-    const basePath = this.path == '/' ? '' : `${this.path}/`, valuePath = `${basePath}/value`;
-    return (h(Host, { lang: this.obj.language }, (this.editable || this.preview) && h("ldf-editable-add-block", { visible: true, base: valuePath, index: 0 }), this.obj.value.map((doc, docIndex) => {
-      var _a, _b, _c;
-      const path = `${valuePath}/${docIndex}`, buttonVisible = this.hasFocus == path // button appears if this doc is focused
-        || docIndex == ((((_b = (_a = this.obj) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.length) || 0) - 1) // or it it's the last doc in the liturgy
-        || ((doc === null || doc === void 0 ? void 0 : doc.type) === 'option' && ((_c = this.hasFocus) === null || _c === void 0 ? void 0 : _c.startsWith(path))); // or if it's an option and one of its children is focused
-      return (h("article", { style: { padding: this.editable ? '1em' : '0' } }, h("ldf-liturgical-document", { doc: doc, path: path, base: valuePath, index: docIndex, editable: this.editable, preview: this.preview, parentType: 'liturgy' }), (this.editable || this.preview) && h("ldf-editable-add-block", { visible: buttonVisible, base: valuePath, index: docIndex + 1 })));
-    })));
-  }
-  static get watchers() { return {
-    "doc": ["docChanged"]
-  }; }
-};
-
-export { LiturgyComponent as ldf_liturgy };