@venite/components 0.16.7 → 0.16.13

package/dist/cjs/ldf-editable-lookup_2.cjs.entry.js

@@ -0,0 +1,496 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-8fe0df8d.js');
+const book = require('./book-1a92678a.js');
+const change = require('./change-cdb1e8c0.js');
+const option = require('./option-24f3d13a.js');
+const specificClass = require('./specific-class-a1112e78.js');
+const locale = require('./locale-d4e925b1.js');
+require('./rubric-5b467a6a.js');
+require('./heading-5afc2b24.js');
+require('./refrain-91fb446b.js');
+require('./text-5edb80f3.js');
+
+const LOCALE_STRINGS = {
+  "allowMultiple": "Allow multiple options",
+  "lookup": "Look this document up from the database.",
+  "type": "Type",
+  "lectionary": "Lectionary",
+  "canticle": "Canticle",
+  "category": "Category",
+  "slug": "Slug",
+  "collect": "Collect",
+  "table": "Table",
+  "item": "Item",
+  "filter": "Filter",
+  "seasonal": "Seasonal",
+  "evening": "Evening",
+  "day": "Day",
+  "rotate": "Rotate",
+  "isPreference": "Value stored in preference",
+  "preference": "Preference",
+  "value": "Value"
+};
+const DEFAULT_LOOKUP = {
+  type: 'slug',
+};
+const EditableLookupComponent = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.ldfDocShouldChange = index.createEvent(this, "ldfDocShouldChange", 7);
+  }
+  optionChange() {
+    this.currentLookup = this.lookup;
+  }
+  componentWillLoad() {
+    this.currentLookup = this.lookup;
+  }
+  toggle() {
+    if (this.currentLookup) {
+      this.ldfDocShouldChange.emit(new change.Change({
+        path: this.path,
+        op: [{
+            type: 'set',
+            oldValue: this.currentLookup,
+            value: undefined
+          }]
+      }));
+      this.currentLookup = undefined;
+    }
+    else {
+      this.currentLookup = DEFAULT_LOOKUP;
+      this.ldfDocShouldChange.emit(new change.Change({
+        path: this.path,
+        op: [{
+            type: 'set',
+            oldValue: undefined,
+            value: DEFAULT_LOOKUP
+          }]
+      }));
+    }
+  }
+  toggleIsPreference(field, checked) {
+    const currentValue = (this.currentLookup || {})[field];
+    if (checked) {
+      this.currentLookup = Object.assign(Object.assign({}, this.currentLookup), { [field]: { preference: "" } });
+      this.ldfDocShouldChange.emit(new change.Change({
+        path: `${this.path}/${field}`,
+        op: [{
+            type: 'set',
+            oldValue: currentValue,
+            value: { preference: "" }
+          }]
+      }));
+    }
+    else {
+      this.currentLookup = Object.assign(Object.assign({}, this.currentLookup), { [field]: "" });
+      this.ldfDocShouldChange.emit(new change.Change({
+        path: `${this.path}/${field}`,
+        op: [{
+            type: 'set',
+            oldValue: currentValue,
+            value: ""
+          }]
+      }));
+    }
+  }
+  render() {
+    var _a, _b, _c, _d, _e, _f;
+    const PreferenceOrText = ({ label, field, value }) => {
+      const isPreference = value && typeof value !== 'string';
+      return [
+        index.h("ion-item", { lines: "none" }, index.h("ion-label", { position: "stacked" }, label), index.h("br", null)),
+        index.h("ion-item", { lines: "none" }, index.h("ion-label", null, LOCALE_STRINGS.isPreference), index.h("ion-checkbox", { slot: "end", checked: isPreference, onIonChange: (e) => this.toggleIsPreference(field, e.detail.checked) })),
+        index.h("ion-item", null, isPreference
+          ? index.h("ldf-editable-text", { path: `${this.path}/${field}/preference`, short: true, placeholder: LOCALE_STRINGS.preference, text: value === null || value === void 0 ? void 0 : value.preference })
+          : index.h("ldf-editable-text", { path: `${this.path}/${field}`, placeholder: LOCALE_STRINGS.value, short: true, text: value }))
+      ];
+    };
+    return (index.h(index.Host, null, index.h("ion-item", null, index.h("ion-label", null, LOCALE_STRINGS.lookup), index.h("ion-checkbox", { checked: Boolean(this.lookup), onIonChange: () => this.toggle() })), this.currentLookup && index.h("ion-list", null, index.h("ion-item", null, index.h("ion-label", { position: "stacked" }, LOCALE_STRINGS.type), index.h("ldf-editable-select", { path: this.path, property: "type", options: new Array({ value: undefined, label: "—" }).concat(this.types.map(lookupType => ({
+        value: lookupType,
+        label: LOCALE_STRINGS[lookupType] || lookupType
+      }))), value: (_a = this.currentLookup) === null || _a === void 0 ? void 0 : _a.type })), index.h(PreferenceOrText, { label: LOCALE_STRINGS.table, field: "table", value: (_b = this.currentLookup) === null || _b === void 0 ? void 0 : _b.table }), index.h(PreferenceOrText, { label: LOCALE_STRINGS.item, field: "item", value: (_c = this.currentLookup) === null || _c === void 0 ? void 0 : _c.item }), index.h("ion-item", null, index.h("ion-label", { position: "stacked" }, LOCALE_STRINGS.filter), index.h("ldf-editable-select", { path: this.path, property: "filter", options: [
+        { value: undefined, label: '—' },
+        { value: 'seasonal', label: LOCALE_STRINGS.seasonal },
+        { value: 'evening', label: LOCALE_STRINGS.evening },
+        { value: 'day', label: LOCALE_STRINGS.day }
+      ], value: (_d = this.currentLookup) === null || _d === void 0 ? void 0 : _d.filter })), index.h("ion-item", null, index.h("ion-label", null, LOCALE_STRINGS.rotate), index.h("ldf-editable-boolean", { slot: "end", path: this.path, property: "rotate", value: (_e = this.currentLookup) === null || _e === void 0 ? void 0 : _e.rotate })), index.h("ion-item", null, index.h("ion-label", null, LOCALE_STRINGS.allowMultiple), index.h("ldf-editable-boolean", { slot: "end", path: this.path, property: "allow_multiple", value: (_f = this.currentLookup) === null || _f === void 0 ? void 0 : _f.allow_multiple })))));
+  }
+  static get watchers() { return {
+    "lookup": ["optionChange"]
+  }; }
+};
+
+const changeable = "Changeable (show 'Change ...')";
+const delay = "Delay before Starting";
+const evening = "Evening Liturgy";
+const heading = "Heading";
+const heading1 = "1. Title";
+const heading2 = "2. Section Title";
+const heading3 = "3. Label";
+const heading4 = "4. Sub-Section Label";
+const insert_seasonal_antiphon = "Insert Seasonal Antiphon";
+const insert_gloria = "Insert Gloria Patri";
+const intro = "Introduction";
+const label = "Short Label";
+const latinname = "Latin Name";
+const level = "Level";
+const length = "Length of Meditation";
+const liturgy = "Liturgy";
+const liturgyversions = "Liturgy Versions";
+const localname = "English Name";
+const meditation = "Meditation";
+const none = "None";
+const number = "Psalm Number";
+const omit_antiphon = "Omit Antiphon";
+const omit_gloria = "Omit Gloria Patri";
+const omit_label = "Omit Label";
+const omit_response = "Omit Response";
+const preferences = "Preferences";
+const pronouns = "Pronouns to Replace";
+const psalm = "Psalm";
+const response = "Response";
+const responsive = "Responsive Prayer";
+const rollup = "Roll Up (Remove Whitespace)";
+const slug = "End of URL (venite.app/[church name]/____)";
+const special_preferences = "Special Preferences (not saved)";
+const supplement = "Supplemental Devotion";
+const title = "Settings";
+const text = "Text";
+const gloria = "Gloria Patri";
+const insert_gloria_patri = "Insert the Gloria Patri";
+const antiphon = "Antiphon";
+const left = "Left";
+const center = "Center";
+const right = "Right";
+const align = "Alignment";
+const height = "Height";
+const width = "Width";
+const EN = {
+	"bible-reading": "Bible Reading",
+	changeable: changeable,
+	delay: delay,
+	evening: evening,
+	heading: heading,
+	heading1: heading1,
+	heading2: heading2,
+	heading3: heading3,
+	heading4: heading4,
+	insert_seasonal_antiphon: insert_seasonal_antiphon,
+	insert_gloria: insert_gloria,
+	intro: intro,
+	label: label,
+	latinname: latinname,
+	level: level,
+	length: length,
+	liturgy: liturgy,
+	liturgyversions: liturgyversions,
+	localname: localname,
+	meditation: meditation,
+	none: none,
+	number: number,
+	omit_antiphon: omit_antiphon,
+	omit_gloria: omit_gloria,
+	omit_label: omit_label,
+	omit_response: omit_response,
+	preferences: preferences,
+	pronouns: pronouns,
+	psalm: psalm,
+	response: response,
+	responsive: responsive,
+	rollup: rollup,
+	slug: slug,
+	special_preferences: special_preferences,
+	supplement: supplement,
+	title: title,
+	text: text,
+	gloria: gloria,
+	insert_gloria_patri: insert_gloria_patri,
+	antiphon: antiphon,
+	left: left,
+	center: center,
+	right: right,
+	align: align,
+	height: height,
+	width: width
+};
+
+const LOCALE = {
+  'en': EN
+};
+var Field;
+(function (Field) {
+  Field[Field["Alignment"] = 0] = "Alignment";
+  Field[Field["String"] = 1] = "String";
+  Field[Field["Bool"] = 2] = "Bool";
+  Field[Field["Number"] = 3] = "Number";
+  Field[Field["StringList"] = 4] = "StringList";
+  Field[Field["BibleReadingIntro"] = 5] = "BibleReadingIntro";
+  Field[Field["TimeInSeconds"] = 6] = "TimeInSeconds";
+  Field[Field["HeadingLevel"] = 7] = "HeadingLevel";
+  Field[Field["Gloria"] = 8] = "Gloria";
+  Field[Field["Antiphon"] = 9] = "Antiphon";
+})(Field || (Field = {}));
+const EditableMetadataMetadataFieldsComponent = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.ldfDocShouldChange = index.createEvent(this, "ldfDocShouldChange", 7);
+    this.ldfAskForBibleIntros = index.createEvent(this, "ldfAskForBibleIntros", 7);
+    this.ldfShouldAddGloriaPatri = index.createEvent(this, "ldfShouldAddGloriaPatri", 7);
+    this.currentBibleReadingIntros = new Array();
+    /** Options for introductions to a Bible reading */
+    this.bibleReadingIntros = new Array();
+  }
+  docChanged(newDoc) {
+    var _a;
+    try {
+      if (typeof newDoc == 'string') {
+        this.obj = specificClass.specificClass(JSON.parse(newDoc));
+      }
+      else {
+        this.obj = specificClass.specificClass(newDoc);
+      }
+      this.fields = this.fieldsFromType((_a = this.obj) === null || _a === void 0 ? void 0 : _a.type);
+      // if necessary, ask for Bible reading intros
+      const hasBibleReadingIntroField = !!this.fields.find(field => field.type == Field.BibleReadingIntro);
+      if (hasBibleReadingIntroField) {
+        this.ldfAskForBibleIntros.emit();
+      }
+    }
+    catch (e) {
+      console.warn(e);
+      this.obj = new book.LiturgicalDocument();
+    }
+  }
+  introsChanged() {
+    this.currentBibleReadingIntros = [...this.bibleReadingIntros];
+  }
+  /** Set the list of Bible reading introductions */
+  async setBibleReadingIntros(intros) {
+    if (typeof intros === 'string') {
+      this.currentBibleReadingIntros = JSON.parse(intros);
+    }
+    else {
+      this.currentBibleReadingIntros = intros;
+    }
+  }
+  // Lifecycle events
+  async componentWillLoad() {
+    this.docChanged(this.doc);
+    this.loadLocaleStrings();
+  }
+  // Methods
+  async loadLocaleStrings() {
+    try {
+      this.localeStrings = LOCALE[locale.getComponentClosestLanguage(this.element)];
+    }
+    catch (e) {
+      console.warn(e);
+    }
+  }
+  // Given a `type`, returns an array of metadata types
+  fieldsFromType(type) {
+    switch (type) {
+      case 'bible-reading':
+        return [
+          { field: 'response', type: Field.String },
+          { field: 'intro', type: Field.BibleReadingIntro }
+        ];
+      case 'heading':
+        return [
+          { field: 'level', type: Field.HeadingLevel },
+        ];
+      case 'image':
+        return [
+          { field: 'height', type: Field.Number, unit: 'px' },
+          { field: 'width', type: Field.Number, unit: 'px' },
+          { field: 'align', type: Field.Alignment }
+        ];
+      case 'liturgy':
+        return [
+          { field: 'label', type: Field.String },
+          { field: 'slug', type: Field.String },
+          { field: 'liturgyversions', type: Field.StringList },
+          { field: 'supplement', type: Field.Bool },
+          { field: 'evening', type: Field.Bool },
+          { field: 'pronouns', type: Field.StringList },
+        ];
+      case 'meditation':
+        return [
+          { field: 'length', type: Field.TimeInSeconds },
+          { field: 'delay', type: Field.TimeInSeconds }
+        ];
+      case 'psalm':
+        return [
+          { field: 'number', type: Field.Number },
+          { field: 'localname', type: Field.String },
+          { field: 'latinname', type: Field.String },
+          { field: 'omit_antiphon', type: Field.Bool },
+          { field: 'omit_gloria', type: Field.Bool },
+          { field: 'insert_seasonal_antiphon', type: Field.Bool },
+          { field: 'antiphon', type: Field.Antiphon },
+          { field: 'gloria', type: Field.Gloria },
+          { field: 'changeable', type: Field.Bool }
+        ];
+      case 'responsive':
+        return [{ field: 'response', type: Field.String }];
+      case 'option':
+      case 'refrain':
+      case 'rubric':
+        return [];
+      case 'text':
+        return [
+          { field: 'response', type: Field.String },
+          { field: 'omit_response', type: Field.Bool },
+          { field: 'omit_label', type: Field.Bool },
+          { field: 'rollup', type: Field.Bool }
+        ];
+      default:
+        console.warn('(ldf-editable-metadata-metadata-fields)', type, 'is not a recognized type');
+    }
+  }
+  fieldToNodes(field, localeStrings) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+    const nodes = new Array(), currentValue = (((_a = this.obj) === null || _a === void 0 ? void 0 : _a.metadata) || {})[field.field], path = `${this.path}/metadata/${field.field}`, placeholder = localeStrings[field.field];
+    let wrapInItem = true, labelStacked = true;
+    switch (field.type) {
+      case Field.BibleReadingIntro:
+        nodes.push(index.h("ldf-editable-select", { path: `${this.path}/metadata`, property: field.field, options: [
+            { label: localeStrings.none, value: null },
+            ...this.currentBibleReadingIntros.map(intro => {
+              var _a;
+              return ({
+                label: intro.type === 'responsive' ? (_a = intro.value[0].text) === null || _a === void 0 ? void 0 : _a.toString() : intro.value[0].toString(),
+                value: intro
+              });
+            })
+          ], value: currentValue }));
+        break;
+      // Done
+      case Field.Bool:
+        nodes.push(index.h("ldf-editable-boolean", { path: `${this.path}/metadata`, property: field.field, value: currentValue }));
+        labelStacked = false;
+        break;
+      case Field.Number:
+        nodes.push(index.h("ldf-editable-text", { short: true, inputType: "number", path: path, placeholder: placeholder, text: currentValue, unit: field.unit }));
+        break;
+      case Field.String:
+        nodes.push(index.h("ldf-editable-text", { short: true, path: path, placeholder: placeholder, text: currentValue }));
+        break;
+      case Field.StringList:
+        nodes.push({
+          node: index.h("ldf-editable-string-list", { path: `${this.path}/metadata`, property: field.field, value: currentValue }),
+          size: 12
+        });
+        wrapInItem = false;
+        break;
+      case Field.HeadingLevel:
+        nodes.push(index.h("ldf-editable-select", { path: `${this.path}/metadata`, property: field.field, options: [
+            { label: localeStrings.heading1, value: 1 },
+            { label: localeStrings.heading2, value: 2 },
+            { label: localeStrings.heading3, value: 3 },
+            { label: localeStrings.heading4, value: 4 }
+          ], value: currentValue }));
+        break;
+      case Field.TimeInSeconds:
+        nodes.push(index.h("ldf-editable-text", { inputType: "number", short: true, path: path, placeholder: placeholder, text: currentValue }));
+        break;
+      case Field.Gloria:
+        wrapInItem = false;
+        nodes.push({
+          node: index.h("ion-item", { lines: "none" }, index.h("ion-label", null, localeStrings.insert_gloria), index.h("ion-checkbox", { checked: Boolean((_c = (_b = this.obj) === null || _b === void 0 ? void 0 : _b.metadata) === null || _c === void 0 ? void 0 : _c.gloria), onIonChange: (e) => {
+              var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+              if (e.detail.checked) {
+                this.ldfShouldAddGloriaPatri.emit({
+                  path: this.path,
+                  language: (_a = this.obj) === null || _a === void 0 ? void 0 : _a.language,
+                  version: option.versionToString((_b = this.obj) === null || _b === void 0 ? void 0 : _b.version),
+                  oldValue: (_d = (_c = this.obj) === null || _c === void 0 ? void 0 : _c.metadata) === null || _d === void 0 ? void 0 : _d.gloria
+                });
+                if (((_f = (_e = this.obj) === null || _e === void 0 ? void 0 : _e.metadata) === null || _f === void 0 ? void 0 : _f.omit_gloria) !== false) {
+                  this.ldfDocShouldChange.emit(new change.Change({
+                    path: `${this.path}/metadata`,
+                    op: [{
+                        type: 'set',
+                        index: 'omit_gloria',
+                        oldValue: (_h = (_g = this.obj) === null || _g === void 0 ? void 0 : _g.metadata) === null || _h === void 0 ? void 0 : _h.omit_gloria,
+                        value: false
+                      }]
+                  }));
+                }
+              }
+              else {
+                this.ldfDocShouldChange.emit(new change.Change({
+                  path: `${this.path}/metadata`,
+                  op: [{
+                      type: 'deleteAt',
+                      index: 'gloria',
+                      oldValue: (_k = (_j = this.obj) === null || _j === void 0 ? void 0 : _j.metadata) === null || _k === void 0 ? void 0 : _k.gloria
+                    }]
+                }));
+                if (((_m = (_l = this.obj) === null || _l === void 0 ? void 0 : _l.metadata) === null || _m === void 0 ? void 0 : _m.omit_gloria) !== true) {
+                  this.ldfDocShouldChange.emit(new change.Change({
+                    path: `${this.path}/metadata`,
+                    op: [{
+                        type: 'set',
+                        index: 'omit_gloria',
+                        oldValue: (_p = (_o = this.obj) === null || _o === void 0 ? void 0 : _o.metadata) === null || _p === void 0 ? void 0 : _p.omit_gloria,
+                        value: true
+                      }]
+                  }));
+                }
+              }
+            } })),
+          size: 12
+        });
+        break;
+      case Field.Antiphon:
+        wrapInItem = false;
+        nodes.push({
+          node: index.h("ldf-editable-antiphon-field", { path: this.path, antiphon: (_e = (_d = this.obj) === null || _d === void 0 ? void 0 : _d.metadata) === null || _e === void 0 ? void 0 : _e.antiphon, omit_antiphon: (_g = (_f = this.obj) === null || _f === void 0 ? void 0 : _f.metadata) === null || _g === void 0 ? void 0 : _g.omit_antiphon, insert_antiphon: (_j = (_h = this.obj) === null || _h === void 0 ? void 0 : _h.metadata) === null || _j === void 0 ? void 0 : _j.insert_seasonal_antiphon }),
+          size: 12
+        });
+        break;
+      case Field.Alignment:
+        nodes.push(index.h("ldf-editable-select", { path: `${this.path}/metadata`, property: field.field, options: [
+            { label: localeStrings.left, value: 'left' },
+            { label: localeStrings.center, value: 'center' },
+            { label: localeStrings.right, value: 'right' },
+          ], value: currentValue }));
+        break;
+      default:
+        ((type) => console.warn('(ldf-editable-metadata-metadata-fields)', type, 'is not a recognized FieldType'))(field.type);
+        break;
+    }
+    if (wrapInItem) {
+      return [
+        index.h("ion-item", { lines: "none" }, labelStacked
+          ? index.h("ion-label", { position: "stacked" }, localeStrings[field.field])
+          : index.h("ion-label", null, localeStrings[field.field]), nodes.map(field => field.hasOwnProperty('size') ?
+          index.h("ion-col", { size: field['size'] }, field['node']) :
+          index.h("ion-col", null, field)))
+      ];
+    }
+    else {
+      return nodes;
+    }
+  }
+  render() {
+    const localeStrings = this.localeStrings || {}, fieldNodes = this.fields.map(field => this.fieldToNodes(field, localeStrings));
+    return ((fieldNodes === null || fieldNodes === void 0 ? void 0 : fieldNodes.length) > 0 && index.h("ion-card", null, index.h("ion-card-header", null, index.h("ion-card-title", null, localeStrings[this.obj.type], " ", localeStrings.title)), index.h("ion-card-content", null, fieldNodes.map((fields) => fields.map(field => {
+      return field.hasOwnProperty('size') ?
+        index.h("div", null, field['node']) :
+        index.h("div", null, field);
+    })))));
+  }
+  get element() { return index.getElement(this); }
+  static get watchers() { return {
+    "doc": ["docChanged"],
+    "bibleReadingIntros": ["introsChanged"]
+  }; }
+};
+
+exports.ldf_editable_lookup = EditableLookupComponent;
+exports.ldf_editable_metadata_metadata_fields = EditableMetadataMetadataFieldsComponent;

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

@@ -0,0 +1,186 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-8fe0df8d.js');
+const book = require('./book-1a92678a.js');
+const change = require('./change-cdb1e8c0.js');
+const specificClass = require('./specific-class-a1112e78.js');
+const locale = require('./locale-d4e925b1.js');
+require('./rubric-5b467a6a.js');
+require('./heading-5afc2b24.js');
+require('./option-24f3d13a.js');
+require('./refrain-91fb446b.js');
+require('./text-5edb80f3.js');
+
+const abbreviated = "Abbreviated";
+const advanced = "Advanced Settings";
+const antiphon = "Antiphon";
+const canticle = "Canticle";
+const category = "Category";
+const citation = "Biblical Citation";
+const collect = "Collect";
+const condition = "Condition";
+const display_format = "Display Format";
+const gloria = "Gloria";
+const halfverse = "By Half-Verse";
+const heading = "Heading";
+const invitatory = "Invitatory";
+const label = "Label";
+const language = "Language";
+const lectionary = "Lectionary";
+const litany = "Litany";
+const liturgy = "Liturgy";
+const long = "Long";
+const markdown = "Rich Text (Markdown)";
+const meditation = "Meditation";
+const modalTitle = "Edit Settings";
+const normal = "Normal";
+const omit = "Omit Text";
+const option = "Option";
+const prayer = "Prayer";
+const preces = "Preces";
+const psalm = "Psalm";
+const refrain = "Refrain";
+const responsive = "Responsive Prayer";
+const rubric = "Rubric";
+const settings = "Settings";
+const short = "Short";
+const slug = "Slug";
+const style = "Style";
+const text = "Text";
+const title = "General Settings";
+const tradition = "Tradition";
+const type = "Type";
+const unison = "Unison";
+const version = "Version";
+const version_label = "Version Label";
+const wholeverse = "By Whole Verse";
+const EN = {
+	abbreviated: abbreviated,
+	advanced: advanced,
+	antiphon: antiphon,
+	"authorized-prayers": "Prayers & Thanksgivings",
+	"bible-reading": "Bible Reading",
+	canticle: canticle,
+	category: category,
+	citation: citation,
+	collect: collect,
+	condition: condition,
+	"default": "Default",
+	"delete": "Delete",
+	display_format: display_format,
+	gloria: gloria,
+	halfverse: halfverse,
+	heading: heading,
+	invitatory: invitatory,
+	label: label,
+	language: language,
+	lectionary: lectionary,
+	litany: litany,
+	liturgy: liturgy,
+	long: long,
+	markdown: markdown,
+	meditation: meditation,
+	modalTitle: modalTitle,
+	normal: normal,
+	omit: omit,
+	option: option,
+	prayer: prayer,
+	preces: preces,
+	psalm: psalm,
+	refrain: refrain,
+	responsive: responsive,
+	rubric: rubric,
+	settings: settings,
+	short: short,
+	slug: slug,
+	"source/source": "Source",
+	"source/citation": "Citation within Source",
+	style: style,
+	text: text,
+	title: title,
+	tradition: tradition,
+	type: type,
+	unison: unison,
+	version: version,
+	version_label: version_label,
+	wholeverse: wholeverse
+};
+
+const editableMetadataCss = ".metadata.sc-ldf-editable-metadata fieldset.sc-ldf-editable-metadata{border:0;display:flex;flex-direction:row}.metadata.sc-ldf-editable-metadata fieldset.sc-ldf-editable-metadata ion-item.sc-ldf-editable-metadata{min-width:100px}.visible.sc-ldf-editable-metadata{opacity:1;transition:0.25s;visibility:visible}.hidden.sc-ldf-editable-metadata{opacity:0;transition:0.25s;visibility:hidden}.metadata.visible.sc-ldf-editable-metadata{height:auto;transition:0.75s;visiblity:visible}.metadata.hidden.sc-ldf-editable-metadata{height:0;opacity:1;transition:0.125s}ion-card-header.advanced.sc-ldf-editable-metadata{display:flex;flex-direction:row}";
+
+const LOCALE = {
+  'en': EN
+};
+const EditableMetadataComponent = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.ldfDocShouldChange = index.createEvent(this, "ldfDocShouldChange", 7);
+    this.showAdvanced = false;
+  }
+  docChanged(newDoc) {
+    try {
+      if (typeof newDoc == 'string') {
+        this.obj = specificClass.specificClass(JSON.parse(newDoc));
+      }
+      else {
+        this.obj = specificClass.specificClass(newDoc);
+      }
+    }
+    catch (e) {
+      console.warn(e);
+      this.obj = new book.LiturgicalDocument();
+    }
+  }
+  // Lifecycle events
+  componentWillLoad() {
+    this.docChanged(this.doc);
+    this.collapsedState = this.collapsed;
+    this.loadLocaleStrings();
+    this.initializeMetadata();
+  }
+  // Private methods
+  async loadLocaleStrings() {
+    try {
+      this.localeStrings = LOCALE[locale.getComponentClosestLanguage(this.element)];
+    }
+    catch (e) {
+      console.warn(e);
+    }
+  }
+  initializeMetadata() {
+    if (!this.obj.metadata) {
+      this.obj.metadata = {};
+      this.ldfDocShouldChange.emit(new change.Change({
+        path: `${this.path}/metadata`,
+        op: [{ type: 'set', value: {} }]
+      }));
+    }
+    if (!this.obj.source) {
+      this.obj.source = { api: '', source: '', citation: '' };
+      this.ldfDocShouldChange.emit(new change.Change({
+        path: `${this.path}/source`,
+        op: [{ type: 'set', value: { api: '', source: '', citation: '' } }]
+      }));
+    }
+  }
+  // Render
+  render() {
+    var _a, _b;
+    const localeStrings = this.localeStrings || {}, availableTypes = this.obj.availableTypes() || [], availableStyles = this.obj.availableStyles() || [], availableDisplayFormats = this.obj.availableDisplayFormats() || [];
+    const SelectField = ({ field, types, onChange }) => (index.h("ion-item", { lines: 'none' }, index.h("ion-label", { "arial-label": localeStrings[field], position: 'stacked' }, localeStrings[field]), index.h("ldf-editable-select", { id: field, path: this.path, property: field, value: this.obj[field], options: types.map(value => ({ value, label: localeStrings[value] || value })), onLdfChange: (ev) => onChange(ev.detail) })));
+    const TextField = ({ name }) => {
+      const bipartiteName = name.includes('/'), nameParts = name.split('/'), text = bipartiteName ? (this.obj[nameParts[0]] || {})[nameParts[1]] : this.obj[name];
+      return (index.h("ion-item", { lines: 'none' }, index.h("ion-label", { "aria-label": localeStrings[name], position: 'stacked' }, localeStrings[name]), index.h("ldf-editable-text", { id: name, short: true, path: `${this.path}/${name}`, text: text, placeholder: localeStrings[name] })));
+    };
+    return (index.h(index.Host, null, index.h("ion-header", null, index.h("ion-toolbar", null, index.h("ion-title", null, localeStrings.modalTitle), index.h("ion-buttons", { slot: "primary" }, index.h("ion-button", { onClick: () => this.modal.dismiss(null) }, index.h("ion-icon", { slot: "icon-only", name: "close" }))))), index.h("ion-content", null, index.h("form", { class: { metadata: true, hidden: this.collapsedState, visible: !this.collapsedState } }, index.h("ldf-editable-metadata-metadata-fields", { path: this.path, doc: this.obj }), index.h("ion-card", null, index.h("ion-card-header", null, index.h("ion-card-title", null, localeStrings.title)), index.h("ion-card", null, index.h("ion-grid", null, index.h("ion-row", null, index.h("ion-col", null, index.h(TextField, { name: "label" })), index.h("ion-col", null, (availableDisplayFormats === null || availableDisplayFormats === void 0 ? void 0 : availableDisplayFormats.length) > 0 && index.h(SelectField, { field: 'display_format', types: availableDisplayFormats }))), index.h("ion-row", null, index.h("ion-col", null, index.h(TextField, { name: "source/source" })), index.h("ion-col", null, index.h(TextField, { name: "source/citation" })), index.h("ion-col", null, index.h(TextField, { name: "citation" })))))), index.h("ion-card", null, index.h("ion-card-header", { class: "advanced", onClick: () => this.showAdvanced = !this.showAdvanced }, index.h("ion-buttons", null, index.h("ion-button", null, !this.showAdvanced && index.h("ion-icon", { slot: "icon-only", name: "chevron-forward" }), this.showAdvanced && index.h("ion-icon", { slot: "icon-only", name: "chevron-down" }))), index.h("ion-card-title", null, localeStrings.advanced)), this.showAdvanced && index.h("ion-card-content", null, index.h("ion-grid", null, index.h("ion-row", null, index.h("ion-col", { size: "4" }, index.h(SelectField, { field: 'type', types: availableTypes, onChange: (type) => this.obj = specificClass.specificClass(new book.LiturgicalDocument(Object.assign(Object.assign({}, this.obj), { type }))) })), index.h("ion-col", null, (availableStyles === null || availableStyles === void 0 ? void 0 : availableStyles.length) > 0 && index.h(SelectField, { field: 'style', types: availableStyles }))), index.h("ion-row", null, index.h("ion-col", null, index.h(TextField, { name: "tradition" })), index.h("ion-col", null, index.h(TextField, { name: "language" })), index.h("ion-col", null, index.h(TextField, { name: "version" }))), index.h("ion-row", null, index.h("ion-col", null, index.h(TextField, { name: "version_label" })), index.h("ion-col", null, index.h(TextField, { name: "slug" }))), index.h("ion-row", null, index.h("ion-col", { size: "12" }, index.h("ldf-editable-string-list", { path: this.path, property: "category", value: this.obj.category }))), index.h("ion-row", null, index.h("ion-col", { size: "12" }, index.h("ldf-editable-lookup", { path: `${this.path}/lookup`, lookup: (_a = this.obj) === null || _a === void 0 ? void 0 : _a.lookup, types: (_b = this.obj) === null || _b === void 0 ? void 0 : _b.availableLookupTypes() }))))))))));
+  }
+  get element() { return index.getElement(this); }
+  static get watchers() { return {
+    "doc": ["docChanged"]
+  }; }
+};
+EditableMetadataComponent.style = editableMetadataCss;
+
+exports.ldf_editable_metadata = EditableMetadataComponent;