@venite/components 0.16.52 → 0.17.0

package/dist/collection/components/editable-filter-documents/editable-filter-documents.js

@@ -100,7 +100,7 @@ export class EditableFilterDocumentsComponent {
               h("ion-select", { value: this.version, onIonChange: (ev) => this.chooseVersion(ev.detail.value) }, Object.entries(this.versions)
                 .sort((a, b) => a[0] > b[0] ? 1 : -1)
                 .map(([versionKey, versionLabel]) => h("ion-select-option", { value: versionKey }, versionLabel)))),
-            h("ion-searchbar", { onIonChange: (ev) => this.filter(ev.detail.value) }),
+            h("ion-searchbar", { debounce: 250, onIonInput: (ev) => this.filter(ev.detail.value) }),
             this.filteredOptions && this.filteredOptions.map(doc => {
               var _a, _b, _c, _d;
               return h("ion-item", { button: true, onClick: () => { this.chooseDoc(doc); this.choose(); }, color: doc == this.doc ? 'primary' : undefined }, (_b = (_a = doc.label) !== null && _a !== void 0 ? _a : doc.version_label) !== null && _b !== void 0 ? _b : `${(_d = (_c = (((doc.value || [])[0] || {}).text)) !== null && _c !== void 0 ? _c : (doc.value || [])[0]) !== null && _d !== void 0 ? _d : ''}${doc.citation ? ` (${doc.citation})` : ''}`);

package/dist/collection/components/editable-metadata-buttons/editable-metadata-buttons.js

@@ -1,5 +1,5 @@
 import { Component, Element, State, Prop, Event, h, Host, Watch } from '@stencil/core';
-import { modalController, alertController, toastController } from '@ionic/core';
+import { modalController, alertController, toastController } from '../../utils/overlays';
 import { Change, Responsive } from '@venite/ldf';
 import { getComponentClosestLanguage } from '../../utils/locale';
 import EN from './editable-metadata-buttons.i18n.en.json';

package/dist/collection/components/editable-preferences/editable-preferences.js

@@ -1,5 +1,5 @@
 import { Component, Element, Prop, Event, h, State, Host, Watch } from '@stencil/core';
-import { alertController } from '@ionic/core';
+import { alertController } from '../../utils/overlays';
 import { Change, Preference, preferencesToCategories, categoriesToPreferenceTree } from '@venite/ldf';
 import { getComponentClosestLanguage } from '../../utils/locale';
 import EN from './editable-preferences.i18n.en.json';

package/dist/collection/components/image/image.js

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
   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;
 };
-import { modalController } from '@ionic/core';
+import { modalController } from '../../utils/overlays';
 import { Element, Component, Prop, Watch, State, Host, h, Listen, Event } from '@stencil/core';
 import { Change, Image } from '@venite/ldf';
 import Debounce from 'debounce-decorator';

package/dist/collection/components/prayers-and-thanksgivings/prayers-and-thanksgivings.js

@@ -1,4 +1,4 @@
-import { popoverController } from '@ionic/core';
+import { popoverController } from '../../utils/overlays';
 import { Component, Prop, Watch, State, Element, h, Event, Method } from '@stencil/core';
 import { Change } from '@venite/ldf';
 import { getComponentClosestLanguage } from '../../utils/locale';
@@ -90,7 +90,7 @@ export class PrayersAndThanksgivingsComponent {
   render() {
     const localeStrings = this.localeStrings || {};
     const tree = this.buildTree(), list = h("ion-list", null,
-      h("ion-searchbar", { debounce: 100, onIonChange: (ev) => this.filter = ev.detail.value }),
+      h("ion-searchbar", { debounce: 100, onIonInput: (ev) => this.filter = ev.detail.value }),
       tree.map(([category, values]) => [
         h("h2", { class: "padded" }, category),
         ...values.map(([subcategory, subvalues]) => [

package/dist/collection/components/psalm/psalm.js

@@ -1,4 +1,4 @@
-import { modalController } from '@ionic/core';
+import { modalController } from '../../utils/overlays';
 import { Component, Element, Prop, Event, Watch, State, h, Host } from '@stencil/core';
 import { Psalm, Refrain, Heading, dateFromYMDString, Change } from '@venite/ldf';
 import { getComponentClosestLanguage } from '../../utils/locale';

package/dist/collection/components/text/dist/text.js

@@ -50,6 +50,7 @@ var showdown_1 = require("showdown");
 var text_i18n_en_json_1 = require("./text.i18n.en.json");
 var text_i18n_es_json_1 = require("./text.i18n.es.json");
 var core_2 = require("@ionic/core");
+var dropcaps_1 = require("../../utils/dropcaps");
 var LOCALE = {
     'en': text_i18n_en_json_1["default"],
     'es': text_i18n_es_json_1["default"]
@@ -153,12 +154,14 @@ var TextComponent = /** @class */ (function () {
         /** `authorized-prayer` type */
         if (((_a = this.obj) === null || _a === void 0 ? void 0 : _a.style) === 'authorized-prayers') {
             var splits = this.path.split('/'), index_1 = Number(splits[splits.length - 1]), base_1 = splits.slice(0, splits.length - 1).join('/');
+            var converter = new showdown_1["default"].Converter();
+            //return (this.obj?.value || []).map(value => <div innerHTML={converter.makeHtml(value)}></div>);
             return React.createElement(core_1.Host, null,
                 React.createElement("ldf-label-bar", null,
                     React.createElement("ion-button", { onClick: function () { return _this.addPAndT(base_1, index_1); }, fill: "clear" }, localeStrings.authorized_prayers)), (_c = ((_b = this.intentions) === null || _b === void 0 ? void 0 : _b.length) > 0) !== null && _c !== void 0 ? _c : React.createElement("strong", { "class": "prayer-list" }, localeStrings['prayer-list']),
                 Array.isArray(this.intentions)
                     ? React.createElement("ul", { "class": "prayer-list" }, this.intentions.map(function (intention) { return React.createElement("li", null, intention); }))
-                    : React.createElement("p", { "class": "prayer-list formatted" }, this.intentions));
+                    : React.createElement("div", { "class": "prayer-list formatted", innerHTML: converter.makeHtml(this.intentions) }));
         }
         else {
             var value = ((_e = (_d = this.obj) === null || _d === void 0 ? void 0 : _d.metadata) === null || _e === void 0 ? void 0 : _e.rollup) ? (((_f = this.obj) === null || _f === void 0 ? void 0 : _f.value) || []).map(function (s) { return s.replace(/\s+/g, ' '); })
@@ -171,7 +174,6 @@ var TextComponent = /** @class */ (function () {
                 var firstChunk = this.truncate(firstSection[0]), lastChunk = this.truncate(lastSection[lastSection.length - 1], true);
                 compiledValue_1 = [[firstChunk], [lastChunk]];
             }
-            console.log("compiledValue = ", compiledValue_1);
             if (this.editable) {
                 return (React.createElement(core_1.Host, { lang: this.obj.language },
                     React.createElement("ldf-label-bar", null,
@@ -203,9 +205,8 @@ var TextComponent = /** @class */ (function () {
                             var _a, _b, _c, _d;
                             return React.createElement("p", { "class": "text-body", id: (_this.obj.uid || _this.obj.slug) + "-prayerIndex" }, prayer === null || prayer === void 0 ? void 0 :
                                 prayer.map(function (chunk, chunkIndex) {
-                                    var _a;
                                     return React.createElement("span", { id: (_this.obj.uid || _this.obj.slug) + "-" + prayerIndex + "-" + chunkIndex },
-                                        React.createElement("ldf-string", { text: chunk, citation: { label: _this.obj.label }, dropcap: ((_a = _this.obj) === null || _a === void 0 ? void 0 : _a.display_format) == "force_dropcap" && prayerIndex === 0 && chunkIndex === 0 ? "force" : (prayerIndex === 0 && chunkIndex <= 1 ? "enabled" : "disabled"), index: prayerIndex + chunkIndex, fragment: _this.path }));
+                                        React.createElement("ldf-string", { text: chunk, citation: { label: _this.obj.label }, dropcap: dropcaps_1.useDropcap(_this.obj.language, _this.obj.display_format, prayerIndex + chunkIndex), index: prayerIndex + chunkIndex, fragment: _this.path }));
                                 }),
                                 ((_b = (_a = _this.obj) === null || _a === void 0 ? void 0 : _a.metadata) === null || _b === void 0 ? void 0 : _b.response) && prayerIndex == compiledValue_1.length - 1 && React.createElement("span", { "class": "response" },
                                     " ",

package/dist/collection/components/text/text.js

@@ -4,7 +4,7 @@ import { getComponentClosestLanguage } from '../../utils/locale';
 import showdown from 'showdown';
 import EN from './text.i18n.en.json';
 import ES from './text.i18n.es.json';
-import { modalController } from '@ionic/core';
+import { modalController } from '../../utils/overlays';
 import { useDropcap } from '../../utils/dropcaps';
 const LOCALE = {
   'en': EN,
@@ -100,7 +100,6 @@ export class TextComponent {
         const firstChunk = this.truncate(firstSection[0]), lastChunk = this.truncate(lastSection[lastSection.length - 1], true);
         compiledValue = [[firstChunk], [lastChunk]];
       }
-      console.log("compiledValue = ", compiledValue);
       if (this.editable) {
         return (h(Host, { lang: this.obj.language },
           h("ldf-label-bar", null,

package/dist/collection/utils/dist/dropcaps.js

@@ -0,0 +1,21 @@
+"use strict";
+exports.__esModule = true;
+exports.useDropcap = void 0;
+function useDropcap(language, display_format, index) {
+    if (language == "iu" || language == "he") {
+        return "disabled";
+    }
+    if (display_format === "force_dropcap") {
+        return "force";
+    }
+    if (display_format === "disable_dropcap") {
+        return "disabled";
+    }
+    if (index == 0) {
+        return "enabled";
+    }
+    else {
+        return "disabled";
+    }
+}
+exports.useDropcap = useDropcap;

package/dist/collection/utils/dropcaps.js

@@ -3,7 +3,7 @@ export function useDropcap(language, display_format, index) {
     return "disabled";
   }
   if (display_format === "force_dropcap") {
-    return "enabled";
+    return "force";
   }
   if (display_format === "disable_dropcap") {
     return "disabled";

package/dist/collection/utils/overlays.js

@@ -0,0 +1,34 @@
+/**
+ * Minimal stand-ins for Ionic's overlay controllers (`alertController`, etc.).
+ *
+ * Importing the controllers from '@ionic/core' at runtime makes Stencil bundle
+ * Ionic's entire component collection into this package, which then registers
+ * its own copy of every `ion-*` element and races the host app's Ionic.
+ * Instead, these create overlay elements exactly the way Ionic's own
+ * `createOverlay` does (identical in Ionic 6, 7 and 8), using whichever Ionic
+ * the host app has registered.
+ */
+function createOverlay(tagName, opts) {
+  return customElements.whenDefined(tagName).then(() => {
+    const element = document.createElement(tagName);
+    element.classList.add('overlay-hidden');
+    Object.assign(element, Object.assign(Object.assign({}, opts), { hasController: true }));
+    (document.querySelector('ion-app') || document.body).appendChild(element);
+    return new Promise(resolve => {
+      if (element.componentOnReady) {
+        element.componentOnReady().then(resolve);
+      }
+      else {
+        requestAnimationFrame(() => resolve(element));
+      }
+    });
+  });
+}
+const controller = (tagName) => ({
+  create: (opts) => createOverlay(tagName, opts),
+});
+export const alertController = controller('ion-alert');
+export const loadingController = controller('ion-loading');
+export const modalController = controller('ion-modal');
+export const popoverController = controller('ion-popover');
+export const toastController = controller('ion-toast');

package/dist/esm/{dropcaps-9409f9e0.js → dropcaps-29fa0e75.js}

@@ -3,7 +3,7 @@ function useDropcap(language, display_format, index) {
     return "disabled";
   }
   if (display_format === "force_dropcap") {
-    return "enabled";
+    return "force";
   }
   if (display_format === "disable_dropcap") {
     return "disabled";