@venite/components 0.16.42 → 0.16.45

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -247,20 +247,21 @@ var LiturgicalDocumentComponent = /** @class */ (function () {
247
247
  // Render
248
248
  LiturgicalDocumentComponent.prototype.render = function () {
249
249
  var _this = this;
250
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
250
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
251
251
  var node = this.nodeFromDoc(this.obj);
252
252
  return (node && React.createElement(core_1.Host, { lang: ((_a = this.obj) === null || _a === void 0 ? void 0 : _a.language) || 'en' },
253
+ ((_b = this.obj) === null || _b === void 0 ? void 0 : _b.audio) ? React.createElement("audio", { controls: true, src: this.obj.audio }) : null,
253
254
  React.createElement("div", { "class": {
254
255
  container: true,
255
256
  editable: this.editable || this.preview,
256
- "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) == ldf_1.Responsive.SmallOnly,
257
- "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) == ldf_1.Responsive.SmallHidden
257
+ "small-only": !this.editable && !this.preview && ((_c = this.obj) === null || _c === void 0 ? void 0 : _c.responsive) !== undefined && ((_d = this.obj) === null || _d === void 0 ? void 0 : _d.responsive) == ldf_1.Responsive.SmallOnly,
258
+ "small-hidden": !this.editable && !this.preview && ((_e = this.obj) === null || _e === void 0 ? void 0 : _e.responsive) !== undefined && ((_f = this.obj) === null || _f === void 0 ? void 0 : _f.responsive) == ldf_1.Responsive.SmallHidden
258
259
  } },
259
- (this.editable || this.preview) && React.createElement("ldf-editable-metadata-buttons", { visible: this.hasFocus, base: this.base, index: this.index, obj: this.obj, parentType: this.parentType, preview: this.preview, onLdfTogglePreview: function (e) { return _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' } }),
260
- (this.editable || this.preview) && (((_h = this.obj) === null || _h === void 0 ? void 0 : _h.responsive) === ldf_1.Responsive.SmallHidden || ((_j = this.obj) === null || _j === void 0 ? void 0 : _j.responsive) === ldf_1.Responsive.SmallOnly) && React.createElement("ion-chip", { "class": "responsive-banner" },
260
+ (this.editable || this.preview) && React.createElement("ldf-editable-metadata-buttons", { visible: this.hasFocus, base: this.base, index: this.index, obj: this.obj, parentType: this.parentType, preview: this.preview, onLdfTogglePreview: function (e) { return _this.setPreview(e.detail); }, "class": { 'top-level': ((_g = this.obj) === null || _g === void 0 ? void 0 : _g.type) === 'liturgy' || ((_h = this.obj) === null || _h === void 0 ? void 0 : _h.type) === 'option' } }),
261
+ (this.editable || this.preview) && (((_j = this.obj) === null || _j === void 0 ? void 0 : _j.responsive) === ldf_1.Responsive.SmallHidden || ((_k = this.obj) === null || _k === void 0 ? void 0 : _k.responsive) === ldf_1.Responsive.SmallOnly) && React.createElement("ion-chip", { "class": "responsive-banner" },
261
262
  React.createElement("ion-icon", { name: "phone-portrait-outline" }),
262
- ((_k = this.obj) === null || _k === void 0 ? void 0 : _k.responsive) === ldf_1.Responsive.SmallOnly && React.createElement("ion-label", null, this.localeStrings.smallOnly),
263
- ((_l = this.obj) === null || _l === void 0 ? void 0 : _l.responsive) === ldf_1.Responsive.SmallHidden && React.createElement("ion-label", null, this.localeStrings.smallHidden)),
263
+ ((_l = this.obj) === null || _l === void 0 ? void 0 : _l.responsive) === ldf_1.Responsive.SmallOnly && React.createElement("ion-label", null, this.localeStrings.smallOnly),
264
+ ((_m = this.obj) === null || _m === void 0 ? void 0 : _m.responsive) === ldf_1.Responsive.SmallHidden && React.createElement("ion-label", null, this.localeStrings.smallHidden)),
264
265
  React.createElement("div", { id: (this.path || '').replace(/\//g, '-'), "class": {
265
266
  doc: true,
266
267
  editable: this.editable || this.preview
@@ -189,20 +189,21 @@ export class LiturgicalDocumentComponent {
189
189
  }
190
190
  // Render
191
191
  render() {
192
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
192
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
193
193
  const node = this.nodeFromDoc(this.obj);
194
194
  return (node && h(Host, { lang: ((_a = this.obj) === null || _a === void 0 ? void 0 : _a.language) || 'en' },
195
+ ((_b = this.obj) === null || _b === void 0 ? void 0 : _b.audio) ? h("audio", { controls: true, src: this.obj.audio }) : null,
195
196
  h("div", { class: {
196
197
  container: true,
197
198
  editable: this.editable || this.preview,
198
- "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,
199
- "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,
199
+ "small-only": !this.editable && !this.preview && ((_c = this.obj) === null || _c === void 0 ? void 0 : _c.responsive) !== undefined && ((_d = this.obj) === null || _d === void 0 ? void 0 : _d.responsive) == Responsive.SmallOnly,
200
+ "small-hidden": !this.editable && !this.preview && ((_e = this.obj) === null || _e === void 0 ? void 0 : _e.responsive) !== undefined && ((_f = this.obj) === null || _f === void 0 ? void 0 : _f.responsive) == Responsive.SmallHidden,
200
201
  } },
201
- (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' } }),
202
- (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" },
202
+ (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': ((_g = this.obj) === null || _g === void 0 ? void 0 : _g.type) === 'liturgy' || ((_h = this.obj) === null || _h === void 0 ? void 0 : _h.type) === 'option' } }),
203
+ (this.editable || this.preview) && (((_j = this.obj) === null || _j === void 0 ? void 0 : _j.responsive) === Responsive.SmallHidden || ((_k = this.obj) === null || _k === void 0 ? void 0 : _k.responsive) === Responsive.SmallOnly) && h("ion-chip", { class: "responsive-banner" },
203
204
  h("ion-icon", { name: "phone-portrait-outline" }),
204
- ((_k = this.obj) === null || _k === void 0 ? void 0 : _k.responsive) === Responsive.SmallOnly && h("ion-label", null, this.localeStrings.smallOnly),
205
- ((_l = this.obj) === null || _l === void 0 ? void 0 : _l.responsive) === Responsive.SmallHidden && h("ion-label", null, this.localeStrings.smallHidden)),
205
+ ((_l = this.obj) === null || _l === void 0 ? void 0 : _l.responsive) === Responsive.SmallOnly && h("ion-label", null, this.localeStrings.smallOnly),
206
+ ((_m = this.obj) === null || _m === void 0 ? void 0 : _m.responsive) === Responsive.SmallHidden && h("ion-label", null, this.localeStrings.smallHidden)),
206
207
  h("div", { id: (this.path || '').replace(/\//g, '-'), class: {
207
208
  doc: true,
208
209
  editable: this.editable || this.preview
@@ -5,7 +5,7 @@ import { i as isRTL } from './dir-03012648.js';
5
5
  import { c as createColorClasses, h as hostContext } from './theme-7ef00c83.js';
6
6
  import { f as alertController, l as loadingController, m as modalController, t as toastController } from './overlays-59377e10.js';
7
7
  import { R as Responsive, L as LiturgicalDocument, d as dateFromYMDString } from './book-30d463e4.js';
8
- import { B as BibleReading, L as Liturgy, M as Meditation, P as Psalm, R as ResponsivePrayer, a as Rubric } from './rubric-3418353f.js';
8
+ import { B as BibleReading, L as Liturgy, M as Meditation, P as Psalm, R as ResponsivePrayer, a as Rubric } from './rubric-4fcaa326.js';
9
9
  import { H as Heading } from './heading-3148493f.js';
10
10
  import { v as versionToString, O as Option } from './option-6f3f65cd.js';
11
11
  import { C as Change } from './change-ea574d32.js';
@@ -1752,14 +1752,14 @@ const LiturgicalDocumentComponent = class {
1752
1752
  }
1753
1753
  // Render
1754
1754
  render() {
1755
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
1755
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
1756
1756
  const node = this.nodeFromDoc(this.obj);
1757
- return (node && h(Host, { lang: ((_a = this.obj) === null || _a === void 0 ? void 0 : _a.language) || 'en' }, h("div", { class: {
1757
+ return (node && h(Host, { lang: ((_a = this.obj) === null || _a === void 0 ? void 0 : _a.language) || 'en' }, ((_b = this.obj) === null || _b === void 0 ? void 0 : _b.audio) ? h("audio", { controls: true, src: this.obj.audio }) : null, h("div", { class: {
1758
1758
  container: true,
1759
1759
  editable: this.editable || this.preview,
1760
- "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,
1761
- "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,
1762
- } }, (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: {
1760
+ "small-only": !this.editable && !this.preview && ((_c = this.obj) === null || _c === void 0 ? void 0 : _c.responsive) !== undefined && ((_d = this.obj) === null || _d === void 0 ? void 0 : _d.responsive) == Responsive.SmallOnly,
1761
+ "small-hidden": !this.editable && !this.preview && ((_e = this.obj) === null || _e === void 0 ? void 0 : _e.responsive) !== undefined && ((_f = this.obj) === null || _f === void 0 ? void 0 : _f.responsive) == Responsive.SmallHidden,
1762
+ } }, (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': ((_g = this.obj) === null || _g === void 0 ? void 0 : _g.type) === 'liturgy' || ((_h = this.obj) === null || _h === void 0 ? void 0 : _h.type) === 'option' } }), (this.editable || this.preview) && (((_j = this.obj) === null || _j === void 0 ? void 0 : _j.responsive) === Responsive.SmallHidden || ((_k = this.obj) === null || _k === void 0 ? void 0 : _k.responsive) === Responsive.SmallOnly) && h("ion-chip", { class: "responsive-banner" }, h("ion-icon", { name: "phone-portrait-outline" }), ((_l = this.obj) === null || _l === void 0 ? void 0 : _l.responsive) === Responsive.SmallOnly && h("ion-label", null, this.localeStrings.smallOnly), ((_m = this.obj) === null || _m === void 0 ? void 0 : _m.responsive) === Responsive.SmallHidden && h("ion-label", null, this.localeStrings.smallHidden)), h("div", { id: (this.path || '').replace(/\//g, '-'), class: {
1763
1763
  doc: true,
1764
1764
  editable: this.editable || this.preview
1765
1765
  }, style: { padding: this.padding } }, node))));
@@ -1,6 +1,6 @@
1
1
  import { h, r as registerInstance, c as createEvent, H as Host, d as getElement } from './index-034add74.js';
2
2
  import { L as LiturgicalDocument } from './book-30d463e4.js';
3
- import { B as BibleReading, P as Psalm, L as Liturgy$1, M as Meditation, R as ResponsivePrayer, a as Rubric } from './rubric-3418353f.js';
3
+ import { B as BibleReading, P as Psalm, L as Liturgy$1, M as Meditation, R as ResponsivePrayer, a as Rubric } from './rubric-4fcaa326.js';
4
4
  import { H as Heading } from './heading-3148493f.js';
5
5
  import { I as Image } from './image-72083f34.js';
6
6
  import { O as Option } from './option-6f3f65cd.js';
@@ -2,9 +2,9 @@ import { r as registerInstance, c as createEvent, h, H as Host, d as getElement
2
2
  import { L as LiturgicalDocument } from './book-30d463e4.js';
3
3
  import { C as Change } from './change-ea574d32.js';
4
4
  import { v as versionToString } from './option-6f3f65cd.js';
5
- import { s as specificClass } from './specific-class-eeefc413.js';
5
+ import { s as specificClass } from './specific-class-11a0f046.js';
6
6
  import { g as getComponentClosestLanguage } from './locale-de430ca1.js';
7
- import './rubric-3418353f.js';
7
+ import './rubric-4fcaa326.js';
8
8
  import './heading-3148493f.js';
9
9
  import './refrain-7bd7ce8a.js';
10
10
  import './text-8a1f3c31.js';
@@ -1,9 +1,9 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host, d as getElement } from './index-034add74.js';
2
2
  import { L as LiturgicalDocument } from './book-30d463e4.js';
3
3
  import { C as Change } from './change-ea574d32.js';
4
- import { s as specificClass } from './specific-class-eeefc413.js';
4
+ import { s as specificClass } from './specific-class-11a0f046.js';
5
5
  import { g as getComponentClosestLanguage } from './locale-de430ca1.js';
6
- import './rubric-3418353f.js';
6
+ import './rubric-4fcaa326.js';
7
7
  import './heading-3148493f.js';
8
8
  import './option-6f3f65cd.js';
9
9
  import './refrain-7bd7ce8a.js';