@yoobic/yobi 8.5.0-60 → 8.5.0-61

package/dist/cjs/yoo-gridstack.cjs.entry.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
 const gridstackDdNative = require('./gridstack-dd-native-f6c2bb35.js');
-require('./index-9aadeb94.js');
+require('./index-6f92bccb.js');
 const lodash = require('./lodash-a9050d79.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const commonHelpers = require('./common-helpers-44428bf7.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-a1bbe627.js');
 
@@ -40,8 +40,8 @@ const YooGridstackComponent = class {
     this.resizeStart = index.createEvent(this, "resizeStart", 7);
     this.draggingEnd = index.createEvent(this, "draggingEnd", 7);
     this.draggingStart = index.createEvent(this, "draggingStart", 7);
-    this.initGridDebounce = overlays.debounce(this.initGrid, 1000);
-    this.configUpdatedEmitDebounce = overlays.debounce(this.configUpdatedEmit, 500);
+    this.initGridDebounce = index$1.debounce(this.initGrid, 1000);
+    this.configUpdatedEmitDebounce = index$1.debounce(this.configUpdatedEmit, 500);
   }
   get itemMargin() {
     return (this.margin == null ? 16 : Math.max(this.margin || 0, 0)) / 2;

package/dist/cjs/yoo-header.cjs.entry.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-const theme = require('./theme-1cc4e7d5.js');
-require('./index-9aadeb94.js');
-require('./overlays-e5d2ff76.js');
-require('./lodash-a9050d79.js');
+const theme = require('./theme-d609ad82.js');
+require('./index-6f92bccb.js');
+require('./index-0cfb67d1.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
+require('./lodash-a9050d79.js');
 
 const headerCss = "svg:not(:root){overflow:hidden}yoo-header{position:relative;display:block;-ms-flex-order:-1;order:-1;width:100%;background:var(--light, #ffffff);-webkit-transition:0.3s;transition:0.3s}yoo-header.transparent{background:transparent}yoo-header:not(.secondary){z-index:11 !important}yoo-header.device-min-height{min-height:4rem}yoo-header.rounded{border-top-left-radius:0.375rem;border-top-right-radius:0.375rem}yoo-header.absolute{position:absolute}";
 

package/dist/cjs/yoo-healthscore-dialog.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
+require('./index-6f92bccb.js');
 const lodash = require('./lodash-a9050d79.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const commonHelpers = require('./common-helpers-44428bf7.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
@@ -40,15 +40,15 @@ const YooHealthscoreDialogComponent = class {
   getTimesTabObject() {
     return [
       {
-        title: overlays.translate('YOOBICWEEK'),
+        title: index$1.translate('YOOBICWEEK'),
         value: 'week'
       },
       {
-        title: overlays.translate('YOOBICMONTH'),
+        title: index$1.translate('YOOBICMONTH'),
         value: 'month'
       },
       {
-        title: overlays.translate('YOOBIC3MONTHS'),
+        title: index$1.translate('YOOBIC3MONTHS'),
         value: 'quarter'
       }
     ];
@@ -119,7 +119,7 @@ const YooHealthscoreDialogComponent = class {
   }
   onCancel() {
     this.reverseEvolutionOrder();
-    overlays.closeModal(null);
+    index$1.closeModal(null);
   }
   setChartStyles() {
     const style = {
@@ -175,7 +175,7 @@ const YooHealthscoreDialogComponent = class {
         max: 100,
         tickInterval: 25,
         title: {
-          text: overlays.translate('HEALTHSCORE')
+          text: index$1.translate('HEALTHSCORE')
         },
         ...this.yAxis
       },
@@ -228,14 +228,14 @@ const YooHealthscoreDialogComponent = class {
     }
     this.chartComparisonConfig = {
       tooltip: this.getChartTooltipOptions(function () {
-        return `${overlays.translate('NUMBERSTORES')}: ${this.y}`;
+        return `${index$1.translate('NUMBERSTORES')}: ${this.y}`;
       }),
       chart: {
         type: 'column',
         height: 200,
         backgroundColor: 'var(--light)'
       },
-      title: { text: overlays.translate('COMPARISON') },
+      title: { text: index$1.translate('COMPARISON') },
       xAxis: {
         ...this.xAxis,
         categories: [],
@@ -243,7 +243,7 @@ const YooHealthscoreDialogComponent = class {
         max: maxStoreScore,
         tickInterval: groupRange,
         title: {
-          text: overlays.translate('HEALTHSCORE')
+          text: index$1.translate('HEALTHSCORE')
         },
         labels: {
           formatter() {
@@ -257,7 +257,7 @@ const YooHealthscoreDialogComponent = class {
         max: maxNumberStore,
         tickInterval: 1,
         title: {
-          text: overlays.translate('NUMBERSTORES')
+          text: index$1.translate('NUMBERSTORES')
         },
         ...this.yAxis
       },
@@ -397,20 +397,20 @@ const YooHealthscoreDialogComponent = class {
     return index.h("div", { class: "healthscore-evolution" }, this.renderHealthscoreChart(this.chartEvolutionConfig));
   }
   renderHealthscoreComparisonLegend() {
-    return (index.h("div", { class: "legends" }, index.h("div", { class: "legend" }, index.h("div", { class: "legend-row" }, index.h("div", { class: "round bg-app-color" }), index.h("div", null, overlays.translate('MYSTORE2'))), index.h("div", { class: "legend-row" }, index.h("div", { class: "round bg-info" }), index.h("div", null, overlays.translate('YOOBICAVG').toUpperCase())))));
+    return (index.h("div", { class: "legends" }, index.h("div", { class: "legend" }, index.h("div", { class: "legend-row" }, index.h("div", { class: "round bg-app-color" }), index.h("div", null, index$1.translate('MYSTORE2'))), index.h("div", { class: "legend-row" }, index.h("div", { class: "round bg-info" }), index.h("div", null, index$1.translate('YOOBICAVG').toUpperCase())))));
   }
   renderHealthscoreComparison() {
     return (index.h("div", { class: "healthscore-comparison" }, this.renderHealthscoreComparisonLegend(), this.renderHealthscoreChart(this.chartComparisonConfig)));
   }
   renderHealthscoreTitle(title, helpDescriptionKey) {
-    return (index.h("div", { class: "healthscore-title swiper-no-swiping" }, index.h("div", null, overlays.translate(title.toUpperCase())), index.h("div", null, this.renderHelpButton(helpDescriptionKey))));
+    return (index.h("div", { class: "healthscore-title swiper-no-swiping" }, index.h("div", null, index$1.translate(title.toUpperCase())), index.h("div", null, this.renderHelpButton(helpDescriptionKey))));
   }
   renderHelpButton(descriptionKey) {
-    const description = overlays.translate(descriptionKey);
+    const description = index$1.translate(descriptionKey);
     return (index.h("yoo-tooltip", { clickable: true, content: description, coeffMaxWidth: .85, placement: "left" }, index.h("yoo-icon", { name: "help", color: "stable-alt", size: "small" })));
   }
   renderHealthscoreCharts() {
-    return (this.evolution && (index.h("div", { class: "outer-container" }, !overlays.isWeb(this.host) && this.renderHealthscoreTabs(), this.renderHealthscoreTitle('evolution', 'HSDESCRIPTIONEVOLUTION1'), this.renderNumbersDisplay(), this.renderHealthscoreEvolution(), index.h("hr", null), this.renderHealthscoreTitle('comparison', 'HSDESCRIPTIONCOMPARISON'), this.renderHealthscoreComparison(), index.h("hr", null))));
+    return (this.evolution && (index.h("div", { class: "outer-container" }, !index$1.isWeb(this.host) && this.renderHealthscoreTabs(), this.renderHealthscoreTitle('evolution', 'HSDESCRIPTIONEVOLUTION1'), this.renderNumbersDisplay(), this.renderHealthscoreEvolution(), index.h("hr", null), this.renderHealthscoreTitle('comparison', 'HSDESCRIPTIONCOMPARISON'), this.renderHealthscoreComparison(), index.h("hr", null))));
   }
   renderWeb() {
     return this.evolution && index.h("div", { class: { 'outer-container': true, toolbar: !this.hideToolbar } }, this.renderWebSlides());
@@ -425,7 +425,7 @@ const YooHealthscoreDialogComponent = class {
     return index.h("yoo-ion-content", { class: "bg-light padding", scrollEnabled: true }, this.renderHealthscoreCharts());
   }
   render() {
-    return index.h(index.Host, { class: commonHelpers.getAppContext(this.host) }, !this.hideToolbar && (index.h("yoo-header", null, index.h("yoo-navbar", { class: "no-shadow" }, index.h("yoo-items", { slot: "start" }, index.h("yoo-button", { color: "text-color", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onCancel() }, index.h("yoo-icon", { name: "close" }))), index.h("yoo-truncate", null, overlays.translate('OVERVIEW2'))))), overlays.isWeb(this.host) ? this.renderWeb() : this.renderMobileContent());
+    return index.h(index.Host, { class: commonHelpers.getAppContext(this.host) }, !this.hideToolbar && (index.h("yoo-header", null, index.h("yoo-navbar", { class: "no-shadow" }, index.h("yoo-items", { slot: "start" }, index.h("yoo-button", { color: "text-color", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onCancel() }, index.h("yoo-icon", { name: "close" }))), index.h("yoo-truncate", null, index$1.translate('OVERVIEW2'))))), index$1.isWeb(this.host) ? this.renderWeb() : this.renderMobileContent());
   }
   get host() { return index.getElement(this); }
 };

package/dist/cjs/yoo-healthscore.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
+require('./index-6f92bccb.js');
 const lodash = require('./lodash-a9050d79.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
@@ -49,7 +49,7 @@ const YooHealthscoreComponent = class {
   }
   animateCardsProgress() {
     if (this.isLargeMode && this.cardsProgressContainerElement && this.animated) {
-      overlays.gsapFromTo(this.cardProgressElements, .75, {
+      index$1.gsapFromTo(this.cardProgressElements, .75, {
         y: this.cardsProgressContainerElement.clientHeight,
         opacity: 0
       }, {
@@ -63,14 +63,14 @@ const YooHealthscoreComponent = class {
     const { globalScore, globalMaxScore, globalScoreUnit, subScore, flipScoreDisplay, subScoreTitleTK, numberDecimalAfterComa, progressAnimationDelay } = this.overviewProgressConfig;
     const progressShape = this.isLargeMode ? 'semi-circle' : 'circle';
     const extraScore = lodash.isFinite(subScore) ? Math.round(subScore).toString() : subScore;
-    const scoreDisplay = this.isLargeMode ? subScoreTitleTK : overlays.translate('NETWORK');
+    const scoreDisplay = this.isLargeMode ? subScoreTitleTK : index$1.translate('NETWORK');
     const subValue = (flipScoreDisplay ? [scoreDisplay, extraScore].reverse() : [scoreDisplay, extraScore]).join(' ');
     return (index.h("yoo-progress-bar", { shape: progressShape, class: { 'show-bar-points': hasMaxPoints }, animated: this.animated, value: globalScore, metric: globalScoreUnit, horizontalAlign: "center", allowNonAvailableValue: true, maxValue: globalMaxScore, numberDecimalAfterComaProgressValue: numberDecimalAfterComa, progressAnimationDuration: progressAnimationDelay, displayNAValue: true }, lodash.isFinite(subScore) && index.h("span", { class: "sub-value" }, subValue)));
   }
   renderIndicator(hasChanges, type) {
     const isHigh = type === 'HIGH';
     const getIndicatorStyle = (color) => ({ 'change-indicator': true, [color]: hasChanges, 'dark': !hasChanges });
-    return index.h("section", { class: "indicator" }, index.h("span", { class: getIndicatorStyle(type === 'HIGH' ? 'success' : 'danger') }, hasChanges ? overlays.translate(`YOOBIC${type}`) : isHigh ? this.overviewProgressConfig.globalMaxScore : 0));
+    return index.h("section", { class: "indicator" }, index.h("span", { class: getIndicatorStyle(type === 'HIGH' ? 'success' : 'danger') }, hasChanges ? index$1.translate(`YOOBIC${type}`) : isHigh ? this.overviewProgressConfig.globalMaxScore : 0));
   }
   renderOverview() {
     const { helpDescriptionTK, change, globalMaxScore, globalScoreUnit } = this.overviewProgressConfig;
@@ -83,7 +83,7 @@ const YooHealthscoreComponent = class {
     ]);
   }
   renderViewDetails() {
-    return this.isLargeMode && index.h("yoo-button", { size: "large", color: "app-color", onClick: () => this.viewDetailsAction.emit(this.viewDetailsConfig) }, overlays.translateMulti('SHOWDETAILS'));
+    return this.isLargeMode && index.h("yoo-button", { size: "large", color: "app-color", onClick: () => this.viewDetailsAction.emit(this.viewDetailsConfig) }, index$1.translateMulti('SHOWDETAILS'));
   }
   renderNumbers() {
     return this.isLargeMode && index.h("yoo-numbers-display", { entry: this.numbersDisplayConfig });
@@ -99,10 +99,10 @@ const YooHealthscoreComponent = class {
     }));
   }
   renderHelpButton() {
-    return index.h("yoo-tooltip", { content: overlays.translate(this.overviewProgressConfig.helpDescriptionTK), placement: "right" }, index.h("yoo-icon", { name: "help", color: "text-color" }));
+    return index.h("yoo-tooltip", { content: index$1.translate(this.overviewProgressConfig.helpDescriptionTK), placement: "right" }, index.h("yoo-icon", { name: "help", color: "text-color" }));
   }
   renderHeader() {
-    return index.h("section", { class: "header" }, index.h("span", { class: "title" }, overlays.translate('HEALTHSCORE')), this.overviewProgressConfig && index.h("span", { class: "subtitle" }, " ", overlays.translate('RATED'), " ", this.overviewProgressConfig.globalScore, " ", overlays.translate('OUTOF100')));
+    return index.h("section", { class: "header" }, index.h("span", { class: "title" }, index$1.translate('HEALTHSCORE')), this.overviewProgressConfig && index.h("span", { class: "subtitle" }, " ", index$1.translate('RATED'), " ", this.overviewProgressConfig.globalScore, " ", index$1.translate('OUTOF100')));
   }
   render() {
     return index.h(index.Host, null, !this.isLargeMode && this.renderHeader(), this.overviewProgressConfig && [this.renderOverview(), this.renderSubtitle()], this.hasNumbersDisplay && this.renderNumbers(), this.showViewDetails && this.renderViewDetails(), this.cardsProgressConfig && this.renderCardsProgress());

package/dist/cjs/yoo-icon.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-6f92bccb.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
@@ -3307,7 +3307,7 @@ const YooIconComponent = class {
   render() {
     var _a, _b, _c;
     const iconName = ((_a = this.name) === null || _a === void 0 ? void 0 : _a.replace) && ((_b = this.name) === null || _b === void 0 ? void 0 : _b.replace('yo-', ''));
-    return (index.h(index.Host, { class: { rtl: overlays.isRTL() } }, index.h("svg", { viewBox: "0 0 32 32", style: this.customColor ? { fill: this.customColor } : null }, (_c = icons
+    return (index.h(index.Host, { class: { rtl: index$1.isRTL() } }, index.h("svg", { viewBox: "0 0 32 32", style: this.customColor ? { fill: this.customColor } : null }, (_c = icons
       .find((icon) => icon.name === iconName)) === null || _c === void 0 ? void 0 : _c.paths.map((path) => (index.h("path", { d: path }))))));
   }
   static get assetsDirs() { return ["assets/icon"]; }

package/dist/cjs/yoo-image-cropper-dialog.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
+require('./index-6f92bccb.js');
 const lodash = require('./lodash-a9050d79.js');
 const pintura = require('./pintura-2b0cc167.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
@@ -22,8 +22,8 @@ const YooImageCropperDialogComponent = class {
     this.loading = false;
   }
   async componentWillLoad() {
-    this.file = overlays.getMedia(this.file, { forceCookieUrlParam: true });
-    this.finalSrc = overlays.isNativeMobile() ? await overlays.urlToBlob(this.file) : this.file;
+    this.file = index$1.getMedia(this.file, { forceCookieUrlParam: true });
+    this.finalSrc = index$1.isNativeMobile() ? await index$1.urlToBlob(this.file) : this.file;
   }
   componentDidLoad() {
     const locale = {
@@ -41,8 +41,8 @@ const YooImageCropperDialogComponent = class {
     };
     lodash.keys(locale).forEach((key) => {
       const finalKey = 'DOKA_' + key.toUpperCase();
-      if (finalKey && overlays.translate(finalKey) !== finalKey) {
-        locale[key] = overlays.translate(finalKey);
+      if (finalKey && index$1.translate(finalKey) !== finalKey) {
+        locale[key] = index$1.translate(finalKey);
       }
     });
     this.editor = pintura.appendEditor(this.outerContainer, {
@@ -52,12 +52,12 @@ const YooImageCropperDialogComponent = class {
       imageCropAspectRatio: isFinite(this.cropRatio) && this.cropRatio,
       imageReader: pintura.createDefaultImageReader(),
       imageWriter: pintura.createDefaultImageWriter({
-        canvasMemoryLimit: overlays.isNativeMobile() && overlays.isIOS() ? 4096 * 4096 : Infinity,
+        canvasMemoryLimit: index$1.isNativeMobile() && index$1.isIOS() ? 4096 * 4096 : Infinity,
         format: 'canvas',
         mimeType: 'image/jpeg'
       }),
-      enableZoom: !overlays.isNativeMobile(),
-      enableZoomControls: !overlays.isNativeMobile(),
+      enableZoom: !index$1.isNativeMobile(),
+      enableZoomControls: !index$1.isNativeMobile(),
       imageBackgroundColor: [255, 255, 255, 255],
       stickers: [
         ['Emoji', ['⭐️', '😊', '👍', '👎', '☀️', '🌤', '🌥']],
@@ -83,10 +83,10 @@ const YooImageCropperDialogComponent = class {
       this.loading = true;
       if (this.uploadToCloudinary) {
         try {
-          this.closeModal(await overlays.getAsyncExtraData({ type: 'upload-cloudinary', params: { file: b64Value } }));
+          this.closeModal(await index$1.getAsyncExtraData({ type: 'upload-cloudinary', params: { file: b64Value } }));
         }
         catch (err) {
-          await overlays.showAlert(overlays.translate('FILEPONDLABELFILELOADERROR'), [overlays.translate('YOOBICOK')]);
+          await index$1.showAlert(index$1.translate('FILEPONDLABELFILELOADERROR'), [index$1.translate('YOOBICOK')]);
           throw new Error(err);
         }
       }
@@ -101,7 +101,7 @@ const YooImageCropperDialogComponent = class {
   async closeModal(value) {
     var _a;
     this.loading = false;
-    await overlays.closeModal(value);
+    await index$1.closeModal(value);
     (_a = this.editor) === null || _a === void 0 ? void 0 : _a.destroy();
   }
   renderLoader() {
@@ -114,7 +114,7 @@ const YooImageCropperDialogComponent = class {
     return (index.h("yoo-ion-content", { scrollEnabled: false, class: "bg-light" }, index.h("div", { class: "outer-container", ref: (el) => (this.outerContainer = el) }), this.loading && this.renderLoader()));
   }
   render() {
-    return index.h(index.Host, { class: { native: overlays.isNativeMobile() } }, this.renderContent());
+    return index.h(index.Host, { class: { native: index$1.isNativeMobile() } }, this.renderContent());
   }
   static get assetsDirs() { return ["assets/markers"]; }
   get host() { return index.getElement(this); }

package/dist/cjs/yoo-img.cjs.entry.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
 const _commonjsHelpers = require('./_commonjsHelpers-94df2ea7.js');
-const index$1 = require('./index-9aadeb94.js');
-const localForage = require('./localForage-d0842cbe.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const index$2 = require('./index-6f92bccb.js');
+const localForage = require('./localForage-446da40f.js');
+const commonHelpers = require('./common-helpers-44428bf7.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
 require('./index-a1bbe627.js');
 
@@ -821,7 +821,7 @@ const YooImgComponent = class {
       }, 500);
     }
     if (isFinite(this.containerWidth)) {
-      const imageRatio = overlays.getClosestImageRatio(imageWidth || ((_b = this.image) === null || _b === void 0 ? void 0 : _b.naturalWidth), imageHeight || ((_c = this.image) === null || _c === void 0 ? void 0 : _c.naturalHeight), this.scaledUpRatios);
+      const imageRatio = index$1.getClosestImageRatio(imageWidth || ((_b = this.image) === null || _b === void 0 ? void 0 : _b.naturalWidth), imageHeight || ((_c = this.image) === null || _c === void 0 ? void 0 : _c.naturalHeight), this.scaledUpRatios);
       if (this.scaledUpInWidth && imageRatio === 0.75) {
         this.host.style.height = `${this.containerWidth / 2 / imageRatio}px`;
         this.host.style.width = `${this.containerWidth / 2}px`;
@@ -856,8 +856,8 @@ const YooImgComponent = class {
     if (index.Build.isServer) {
       return;
     }
-    if (this.scaledUp && overlays.isWeb(this.host)) {
-      this.resizeListener = overlays.debounce(this.onScreenResize, 500).bind(this);
+    if (this.scaledUp && index$1.isWeb(this.host)) {
+      this.resizeListener = index$1.debounce(this.onScreenResize, 500).bind(this);
       window.addEventListener('resize', this.resizeListener);
       window.addEventListener('screenSizeWillChange', this.resizeListener);
     }
@@ -873,7 +873,7 @@ const YooImgComponent = class {
         ...this.svgOptions,
         afterLoad: (svg, path) => {
           var _a, _b;
-          svg = overlays.applyViewBox(svg);
+          svg = index$1.applyViewBox(svg);
           path = new XMLSerializer().serializeToString(svg);
           return ((_b = (_a = this.svgOptions) === null || _a === void 0 ? void 0 : _a.afterLoad) === null || _b === void 0 ? void 0 : _b.call(_a, svg, path)) || svg;
         }
@@ -903,8 +903,8 @@ const YooImgComponent = class {
   async updateURL() {
     var _a, _b, _c, _d;
     let finalUrl = this.src;
-    if (((_a = this.cloudinaryOptions) === null || _a === void 0 ? void 0 : _a.jpg) && overlays.isCloudinaryLink(finalUrl)) {
-      finalUrl = overlays.changeExtension(finalUrl, 'jpg');
+    if (((_a = this.cloudinaryOptions) === null || _a === void 0 ? void 0 : _a.jpg) && index$1.isCloudinaryLink(finalUrl)) {
+      finalUrl = index$1.changeExtension(finalUrl, 'jpg');
     }
     finalUrl = await localForage.getFromOfflineStorage(finalUrl);
     const couldinaryOptions = {
@@ -912,7 +912,7 @@ const YooImgComponent = class {
       ...(!this.ignoreWidth && { width: ((_b = this.cloudinaryOptions) === null || _b === void 0 ? void 0 : _b.width) || this.host.clientWidth * (((_c = this.cloudinaryOptions) === null || _c === void 0 ? void 0 : _c.widthFactor) || 1) }),
       ...((!this.ignoreHeight && !this.scaledUp) && { height: ((_d = this.cloudinaryOptions) === null || _d === void 0 ? void 0 : _d.height) || this.host.clientHeight })
     };
-    finalUrl = !overlays.isGif(finalUrl) && (this.allowCloudinary || this.hasCloudinaryOptions) ? commonHelpers.cloudinary(this.isDefaultType() ? finalUrl : overlays.getFormattedImageURL(finalUrl), couldinaryOptions) : finalUrl;
+    finalUrl = !index$1.isGif(finalUrl) && (this.allowCloudinary || this.hasCloudinaryOptions) ? commonHelpers.cloudinary(this.isDefaultType() ? finalUrl : index$1.getFormattedImageURL(finalUrl), couldinaryOptions) : finalUrl;
     if (this.url !== finalUrl && !this.disconnected) {
       const image = new Image();
       if (!this.disconnected) {
@@ -921,7 +921,7 @@ const YooImgComponent = class {
       this.loading = true;
       image.onload = this.onLoad.bind(this);
       image.onerror = this.onError.bind(this);
-      image.src = overlays.getMedia(finalUrl);
+      image.src = index$1.getMedia(finalUrl);
     }
     else {
       this.loading = false;
@@ -933,7 +933,7 @@ const YooImgComponent = class {
       this.url = undefined;
       this.loading = false;
     }
-    else if (!overlays.getSession().forceInstantImages && !this.instant && index$1.isIntersectionObserverSupported()) {
+    else if (!index$1.getSession().forceInstantImages && !this.instant && index$2.isIntersectionObserverSupported()) {
       this.addIntersectionObserver();
     }
     else {
@@ -941,7 +941,7 @@ const YooImgComponent = class {
     }
   }
   addIntersectionObserver() {
-    this.intersectionObserver = index$1.intersectionObserve(this.host, (nodes) => {
+    this.intersectionObserver = index$2.intersectionObserve(this.host, (nodes) => {
       nodes.forEach((node) => {
         if (node.isIntersecting) {
           this.updateURL();
@@ -983,10 +983,10 @@ const YooImgComponent = class {
     var _a, _b;
     const options = this.cloudinaryOptions || {};
     let finalUrl = this.src;
-    if (((_a = this.cloudinaryOptions) === null || _a === void 0 ? void 0 : _a.jpg) && overlays.isCloudinaryLink(finalUrl)) {
-      finalUrl = overlays.changeExtension(finalUrl, 'jpg');
+    if (((_a = this.cloudinaryOptions) === null || _a === void 0 ? void 0 : _a.jpg) && index$1.isCloudinaryLink(finalUrl)) {
+      finalUrl = index$1.changeExtension(finalUrl, 'jpg');
     }
-    const url = commonHelpers.cloudinary(this.isDefaultType() ? finalUrl : overlays.getFormattedImageURL(finalUrl), {
+    const url = commonHelpers.cloudinary(this.isDefaultType() ? finalUrl : index$1.getFormattedImageURL(finalUrl), {
       ...options,
       width: this.ignoreWidth ? null : this.host.clientWidth || ((_b = this.mediaDimension) === null || _b === void 0 ? void 0 : _b.width),
       height: this.scaledUp || this.ignoreHeight ? null : this.host.clientHeight
@@ -1000,11 +1000,11 @@ const YooImgComponent = class {
       this.preserveAspectRatio((_a = this.host) === null || _a === void 0 ? void 0 : _a.clientWidth, this.mediaDimension.width, this.mediaDimension.height);
     }
     const hostClass = {
-      gif: overlays.isGif(this.src),
+      gif: index$1.isGif(this.src),
       'scale-up-width': this.scaledUpInWidth
     };
     const hostStyle = {
-      backgroundImage: !this.isDefaultType() && this.url ? `url("${overlays.getFormattedImageURL(this.url)}")` : null,
+      backgroundImage: !this.isDefaultType() && this.url ? `url("${index$1.getFormattedImageURL(this.url)}")` : null,
       height: this.host.style.height
     };
     if (index.Build.isServer && ((_b = this.mediaDimension) === null || _b === void 0 ? void 0 : _b.width)) {