@yoobic/yobi 8.5.0-60 → 8.5.0-61

package/dist/cjs/yoo-form-document-dialog.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-const overlays = require('./overlays-e5d2ff76.js');
-require('./index-9aadeb94.js');
+const index$1 = require('./index-0cfb67d1.js');
+require('./index-6f92bccb.js');
 const lodash = require('./lodash-a9050d79.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
+const commonHelpers = require('./common-helpers-44428bf7.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
@@ -25,17 +25,17 @@ const YooFormDocumentDialogComponent = class {
   // private loadViewerOnDidUpdate: boolean;
   get documentViewerType() {
     var _a;
-    return (_a = overlays.getSession().tenant) === null || _a === void 0 ? void 0 : _a.documentProvider;
+    return (_a = index$1.getSession().tenant) === null || _a === void 0 ? void 0 : _a.documentProvider;
   }
   async componentWillLoad() {
     this.updateDocument();
     this.onInitDocumentActions();
-    if (this.allowOrientation && overlays.isNativeMobile()) {
-      overlays.ScreenOrientation.unlock();
+    if (this.allowOrientation && index$1.isNativeMobile()) {
+      index$1.ScreenOrientation.unlock();
     }
   }
   componentDidLoad() {
-    overlays.getAsyncExtraData({ type: 'increase-view', params: { item: this.document, entityType: 'files' } });
+    index$1.getAsyncExtraData({ type: 'increase-view', params: { item: this.document, entityType: 'files' } });
     this.setDocument();
   }
   componentDidUpdate() {
@@ -49,9 +49,9 @@ const YooFormDocumentDialogComponent = class {
     this.resetCordovaChanges();
   }
   resetCordovaChanges() {
-    if (overlays.isNativeMobile()) {
-      const orientation = overlays.isAndroid() ? 'portrait-primary' : 'portrait';
-      overlays.ScreenOrientation.lock(orientation);
+    if (index$1.isNativeMobile()) {
+      const orientation = index$1.isAndroid() ? 'portrait-primary' : 'portrait';
+      index$1.ScreenOrientation.lock(orientation);
     }
   }
   onInitDocumentActions() {
@@ -60,40 +60,40 @@ const YooFormDocumentDialogComponent = class {
     }
     this.documentSecondaryActions = [
       {
-        text: overlays.translate('EMAIL'),
+        text: index$1.translate('EMAIL'),
         icon: 'email',
         iconColor: 'dark',
-        cssClass: overlays.isWeb(this.host) ? 'bg-app-color-hover' : 'bg-app-color light',
-        isVisible: () => { var _a; return overlays.isDocumentEmailSupported(this.document) && !((_a = overlays.getSession()) === null || _a === void 0 ? void 0 : _a.isExternal) && overlays.getPermissions().canShareByEmail; },
+        cssClass: index$1.isWeb(this.host) ? 'bg-app-color-hover' : 'bg-app-color light',
+        isVisible: () => { var _a; return index$1.isDocumentEmailSupported(this.document) && !((_a = index$1.getSession()) === null || _a === void 0 ? void 0 : _a.isExternal) && index$1.getPermissions().canShareByEmail; },
         handler: () => {
-          overlays.getAsyncExtraData({
+          index$1.getAsyncExtraData({
             type: 'email-dialog',
-            params: { item: this.document, forceMobile: !overlays.isWeb(this.host) }
+            params: { item: this.document, forceMobile: !index$1.isWeb(this.host) }
           });
         }
       },
       {
-        text: overlays.translate('DOWNLOAD'),
+        text: index$1.translate('DOWNLOAD'),
         icon: 'download',
         iconColor: 'dark',
-        cssClass: overlays.isWeb(this.host) ? 'bg-dark-hover' : 'bg-dark light',
-        isVisible: () => overlays.isDocumentDownloadSupported(this.document),
+        cssClass: index$1.isWeb(this.host) ? 'bg-dark-hover' : 'bg-dark light',
+        isVisible: () => index$1.isDocumentDownloadSupported(this.document),
         handler: () => {
           var _a;
           if ((_a = this.document) === null || _a === void 0 ? void 0 : _a._downloadURL) {
             const filename = this.document._filename ? this.document._filename : new Date().getTime().toString();
-            overlays.downloadFile(this.document._downloadURL, filename);
+            index$1.downloadFile(this.document._downloadURL, filename);
           }
         }
       },
       {
-        text: overlays.translate('YOOBICEDIT'),
+        text: index$1.translate('YOOBICEDIT'),
         icon: 'pen',
         iconColor: 'dark',
         cssClass: 'bg-app-color light',
         isVisible: () => this.canEdit,
         handler: () => {
-          overlays.getAsyncExtraData({
+          index$1.getAsyncExtraData({
             type: 'document-edit',
             params: { item: this.document }
           }).then((data) => {
@@ -106,65 +106,65 @@ const YooFormDocumentDialogComponent = class {
     ];
   }
   onSendButtonClick() {
-    overlays.closeModal(this.document);
+    index$1.closeModal(this.document);
   }
   updateURL() {
     if (this.document) {
-      if (!overlays.isFile(this.document) && this.document._downloadURL && lodash.isString(this.document._downloadURL)) {
-        if (overlays.isCloudinaryLink(this.document._downloadURL)) {
-          this.url = overlays.changeExtension(this.document._downloadURL, 'mp4');
+      if (!index$1.isFile(this.document) && this.document._downloadURL && lodash.isString(this.document._downloadURL)) {
+        if (index$1.isCloudinaryLink(this.document._downloadURL)) {
+          this.url = index$1.changeExtension(this.document._downloadURL, 'mp4');
         }
         else {
           // local file on the devices
           this.url = this.document._downloadURL;
         }
-        if (this.type === 'audio' && overlays.isCloudinaryLink(this.url)) {
-          this.url = overlays.changeExtension(this.url, 'wav');
+        if (this.type === 'audio' && index$1.isCloudinaryLink(this.url)) {
+          this.url = index$1.changeExtension(this.url, 'wav');
         }
       }
-      else if (overlays.isVideo(this.document) || overlays.isAudio(this.document)) {
+      else if (index$1.isVideo(this.document) || index$1.isAudio(this.document)) {
         this.url = URL.createObjectURL(this.document);
-        this.extension = overlays.getExtension(this.document);
+        this.extension = index$1.getExtension(this.document);
       }
       if (this.url) {
-        this.url = new overlays.Cloudinary(this.url).getUrl();
+        this.url = new index$1.Cloudinary(this.url).getUrl();
       }
     }
   }
   updateDocument() {
     var _a;
-    this.type = (_a = this.type) !== null && _a !== void 0 ? _a : overlays.getType(this.document);
+    this.type = (_a = this.type) !== null && _a !== void 0 ? _a : index$1.getType(this.document);
     this.updateURL();
   }
   setDocument() {
     var _a;
     if (((_a = this.document) === null || _a === void 0 ? void 0 : _a.external_type) === 'sharepoint_file') {
       window.open(this.document._downloadURL, '_system');
-      overlays.closeModal(null, this.host);
+      index$1.closeModal(null, this.host);
     }
     else {
       this.initDocumentViewer();
     }
   }
   onCancel() {
-    if (this.selectionMode && overlays.isWeb(this.host)) {
-      overlays.dispatchCustomEvent('_globalEvent', this.host, { type: 'close-modal', eventTarget: 'app-documents' });
+    if (this.selectionMode && index$1.isWeb(this.host)) {
+      index$1.dispatchCustomEvent('_globalEvent', this.host, { type: 'close-modal', eventTarget: 'app-documents' });
     }
     else {
-      overlays.closeModal(null);
+      index$1.closeModal(null);
     }
   }
   getPdfForViewer() {
     if (this.document._id) {
-      return overlays.getNativeDirectory('Downloads').then((directory) => {
+      return index$1.getNativeDirectory('Downloads').then((directory) => {
         const filePath = window.localStorage.getItem(this.getCachedKeys(directory.nativeURL)[0]); // dataDirectory + {fileId}
         if (filePath && filePath !== 'undefined') {
           const pathPartials = filePath.split('/');
           const fileName = pathPartials.pop();
           const fileDirPath = pathPartials.join('/') + '/';
-          return overlays.fileNativeCheckFile(fileDirPath, fileName).then((fileExists) => {
+          return index$1.fileNativeCheckFile(fileDirPath, fileName).then((fileExists) => {
             const lastLmt = window.localStorage.getItem(this.getCachedKeys(directory.nativeURL)[1]);
-            const hasBeenUpdated = lastLmt && overlays.isDateBefore(lastLmt, this.document._lmt);
+            const hasBeenUpdated = lastLmt && index$1.isDateBefore(lastLmt, this.document._lmt);
             if (fileExists && !hasBeenUpdated) {
               return filePath;
             }
@@ -186,9 +186,9 @@ const YooFormDocumentDialogComponent = class {
     // download and save file to the data directory
     if (this.document._downloadURL) {
       this.isLoading = true;
-      return overlays.getNativeDirectory('Downloads').then((directory) => {
+      return index$1.getNativeDirectory('Downloads').then((directory) => {
         const target = directory.nativeURL + this.document._id + '.pdf';
-        return overlays.downloadFileToDevice(this.document._downloadURL, target).then((fileEntry) => {
+        return index$1.downloadFileToDevice(this.document._downloadURL, target).then((fileEntry) => {
           this.isLoading = false;
           const filepath = fileEntry.nativeURL;
           // save the filepath and last updated date to local storage
@@ -232,7 +232,7 @@ const YooFormDocumentDialogComponent = class {
     if (this.document.boxId) {
       this.type = 'document';
       this.isLoading = true;
-      return overlays.getAsyncExtraData({
+      return index$1.getAsyncExtraData({
         type: 'box-session',
         params: { id: this.document.boxId }
       }).then((session) => {
@@ -257,17 +257,17 @@ const YooFormDocumentDialogComponent = class {
     // }
   }
   onSwipeDown() {
-    overlays.closeModal(null);
+    index$1.closeModal(null);
   }
   onMoreButtonClick(ev, element) {
-    overlays.showActionSheet(this.documentSecondaryActions, null, {}, element, ev);
+    index$1.showActionSheet(this.documentSecondaryActions, null, {}, element, ev);
   }
   renderDocument() {
     switch (this.type) {
       case 'image':
-        return (index.h("yoo-photo-editor", { class: { document: true }, isReadonly: true, navbarVisiblity: "disabled", src: overlays.pipes.https.transform(this.document._downloadURL) }));
+        return (index.h("yoo-photo-editor", { class: { document: true }, isReadonly: true, navbarVisiblity: "disabled", src: index$1.pipes.https.transform(this.document._downloadURL) }));
       case 'audio':
-        return (index.h("div", { class: "outer-container" }, overlays.isWeb(this.host) ? index.h("yoo-card-media", { showCloseButton: !this.selectionMode, mode: "fullscreen", class: "no-footer", size: "small", src: this.url, type: "audio" }) : index.h("audio", { ref: (el) => (this.audioEl = el), controls: true, preload: "metadata", src: this.url })));
+        return (index.h("div", { class: "outer-container" }, index$1.isWeb(this.host) ? index.h("yoo-card-media", { showCloseButton: !this.selectionMode, mode: "fullscreen", class: "no-footer", size: "small", src: this.url, type: "audio" }) : index.h("audio", { ref: (el) => (this.audioEl = el), controls: true, preload: "metadata", src: this.url })));
       case 'video':
       case 'youtube':
       case 'url': {
@@ -315,18 +315,18 @@ const YooFormDocumentDialogComponent = class {
     var _a;
     let buttonElement;
     const visibleSecondaryActions = (_a = this.documentSecondaryActions) === null || _a === void 0 ? void 0 : _a.filter(b => !(b === null || b === void 0 ? void 0 : b.isVisible) || b.isVisible());
-    return (index.h("yoo-header", null, index.h("yoo-navbar", null, index.h("yoo-items", { slot: "start" }, index.h("yoo-button", { fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onCancel() }, index.h("yoo-icon", { name: "close", color: "stable" }))), index.h("yoo-truncate", null, this.modalTitle), index.h("yoo-items", { slot: "end" }, (visibleSecondaryActions === null || visibleSecondaryActions === void 0 ? void 0 : visibleSecondaryActions.length) > 0 && (index.h("yoo-button", { ref: (el) => (buttonElement = el), color: "stable", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: (ev) => this.onMoreButtonClick(ev, buttonElement) }, index.h("yoo-icon", { name: "more", color: "stable" }))), this.selectionMode && (index.h("yoo-button", { color: "stable", fill: "transparent", onClick: () => this.onSendButtonClick() }, overlays.translate('YOOBICSEND')))))));
+    return (index.h("yoo-header", null, index.h("yoo-navbar", null, index.h("yoo-items", { slot: "start" }, index.h("yoo-button", { fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onCancel() }, index.h("yoo-icon", { name: "close", color: "stable" }))), index.h("yoo-truncate", null, this.modalTitle), index.h("yoo-items", { slot: "end" }, (visibleSecondaryActions === null || visibleSecondaryActions === void 0 ? void 0 : visibleSecondaryActions.length) > 0 && (index.h("yoo-button", { ref: (el) => (buttonElement = el), color: "stable", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: (ev) => this.onMoreButtonClick(ev, buttonElement) }, index.h("yoo-icon", { name: "more", color: "stable" }))), this.selectionMode && (index.h("yoo-button", { color: "stable", fill: "transparent", onClick: () => this.onSendButtonClick() }, index$1.translate('YOOBICSEND')))))));
   }
   renderContent() {
     return (index.h("yoo-ion-content", { scrollEnabled: false, class: "bg-light" }, this.document ? this.renderDocument() : 'document missing', this.isLoading && index.h("yoo-loader", { class: { absolute: true, 'backdrop-light': this.useDocumentViewer }, size: "large" })));
   }
   render() {
-    const audioWeb = this.type === 'audio' && overlays.isWeb(this.host) && !this.selectionMode;
+    const audioWeb = this.type === 'audio' && index$1.isWeb(this.host) && !this.selectionMode;
     return (index.h(index.Host, { class: {
         [this.type]: true,
         ...commonHelpers.getAppContext(this.host),
         'with-box': this.useDocumentViewer
-      } }, overlays.isWeb(this.host) || this.type !== 'image' ? ([this.type !== 'video' && !audioWeb && this.renderHeader(), this.renderContent()]) : (index.h("yoo-swipe-container", { onSwipedDown: () => this.onSwipeDown() }, this.renderHeader(), this.renderContent()))));
+      } }, index$1.isWeb(this.host) || this.type !== 'image' ? ([this.type !== 'video' && !audioWeb && this.renderHeader(), this.renderContent()]) : (index.h("yoo-swipe-container", { onSwipedDown: () => this.onSwipeDown() }, this.renderHeader(), this.renderContent()))));
   }
   get host() { return index.getElement(this); }
 };

package/dist/cjs/yoo-form-document.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const localForage = require('./localForage-d0842cbe.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const overlays = require('./overlays-e5d2ff76.js');
+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('./_commonjsHelpers-94df2ea7.js');
 require('./index-a1bbe627.js');
@@ -59,28 +59,28 @@ const YooFormDocumentComponent = class {
     else if (((_b = this.document) === null || _b === void 0 ? void 0 : _b.mimeType) === 'wiki' && ((_c = this.document) === null || _c === void 0 ? void 0 : _c.wikiRef)) {
       this.inputChanged.emit(true);
       this.validityChanged.emit(true);
-      return overlays.getAsyncExtraData({ type: 'show-document-wiki', params: { wikiRef: this.document.wikiRef, hasBookmarkIcon: false } });
+      return index$1.getAsyncExtraData({ type: 'show-document-wiki', params: { wikiRef: this.document.wikiRef, hasBookmarkIcon: false } });
     }
     else {
-      if (this.document && this.showDialog && !overlays.isOffline()) {
+      if (this.document && this.showDialog && !index$1.isOffline()) {
         if (this.showActionSheet) {
           const showDialogOption = {
-            text: overlays.translate('YOOBICVIEW'),
-            cssClass: overlays.isWeb(this.host) ? 'bg-dark-hover' : 'bg-dark light',
+            text: index$1.translate('YOOBICVIEW'),
+            cssClass: index$1.isWeb(this.host) ? 'bg-dark-hover' : 'bg-dark light',
             handler: () => {
               this.onShowDocumentDialog();
             }
           };
-          overlays.showDocumentDownloadOptions(this.document, [showDialogOption]);
+          index$1.showDocumentDownloadOptions(this.document, [showDialogOption]);
         }
-        else if (overlays.getType(this.document) !== 'audio') {
+        else if (index$1.getType(this.document) !== 'audio') {
           this.onShowDocumentDialog();
         }
       }
-      else if (this.document && overlays.isOffline()) {
+      else if (this.document && index$1.isOffline()) {
         const base64 = await localForage.getFromOfflineStorage((_d = this.document) === null || _d === void 0 ? void 0 : _d._downloadURL);
-        if (overlays.isNativeMobile() && overlays.isBase64(base64)) {
-          overlays.openBase64File(base64, (_e = this.document) === null || _e === void 0 ? void 0 : _e._filename);
+        if (index$1.isNativeMobile() && index$1.isBase64(base64)) {
+          index$1.openBase64File(base64, (_e = this.document) === null || _e === void 0 ? void 0 : _e._filename);
         }
         else {
           this.onShowDocumentDialog(base64);
@@ -93,13 +93,13 @@ const YooFormDocumentComponent = class {
   onShowDocumentDialog(base64) {
     var _a;
     const modal = document.createElement('yoo-form-document-dialog');
-    const getAnimation = (enterLeave) => (overlays.isWeb(this.host) ? `fade${enterLeave}Animation` : `slideY${enterLeave}Animation`);
+    const getAnimation = (enterLeave) => (index$1.isWeb(this.host) ? `fade${enterLeave}Animation` : `slideY${enterLeave}Animation`);
     modal.document = Object.assign(this.document, { _downloadURL: base64 || ((_a = this.document) === null || _a === void 0 ? void 0 : _a._downloadURL) });
     modal.allowOrientation = this.allowOrientation;
     modal.hideSecondaryActions = this.hideSecondaryActions;
-    const type = overlays.getType(this.document);
+    const type = index$1.getType(this.document);
     modal.modalMode = type && type === 'video';
-    overlays.showModal(modal, {}, '', getAnimation('Enter'), getAnimation('Leave'), true);
+    index$1.showModal(modal, {}, '', getAnimation('Enter'), getAnimation('Leave'), true);
     this.inputChanged.emit(true);
     this.validityChanged.emit(true);
   }
@@ -107,21 +107,21 @@ const YooFormDocumentComponent = class {
     if (this.document &&
       this.document._downloadURL &&
       (this.type === 'image' ||
-        overlays.isVideo(this.document._downloadURL) ||
-        (overlays.isDocument(this.document._downloadURL) && overlays.getExtension(this.document._downloadURL) === 'pdf') ||
-        overlays.isImage(this.document._downloadURL))) {
+        index$1.isVideo(this.document._downloadURL) ||
+        (index$1.isDocument(this.document._downloadURL) && index$1.getExtension(this.document._downloadURL) === 'pdf') ||
+        index$1.isImage(this.document._downloadURL))) {
       this.preview = this.document._downloadURL;
-      if (overlays.isDocument(this.document._downloadURL)) {
-        this.preview = overlays.toPng(this.preview);
+      if (index$1.isDocument(this.document._downloadURL)) {
+        this.preview = index$1.toPng(this.preview);
       }
-      if (overlays.isVideo(this.preview)) {
-        this.preview = overlays.toPng(this.preview);
+      if (index$1.isVideo(this.preview)) {
+        this.preview = index$1.toPng(this.preview);
         this.isVideo = true;
       }
     }
     if (this.document) {
-      this.icon = overlays.getIconName(this.document);
-      this.iconColor = this.host.classList.contains('transparent-light') ? 'light' : overlays.getIconColor(this.document);
+      this.icon = index$1.getIconName(this.document);
+      this.iconColor = this.host.classList.contains('transparent-light') ? 'light' : index$1.getIconColor(this.document);
       this.filename = this.document._filename;
     }
     else {

package/dist/cjs/yoo-form-dynamic-dialog.cjs.entry.js

@@ -3,11 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const button_factory = require('./button.factory-604b2344.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-6f92bccb.js');
+const button_factory = require('./button.factory-b50d940e.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
-require('./index-ec50fd6e.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
@@ -22,11 +21,11 @@ const YooFormDynamicDialogComponent = class {
     this.currentData = this.data || {};
   }
   onCancel(val) {
-    overlays.closeModal(val);
+    index$1.closeModal(val);
   }
   onSave() {
     if (this.validity) {
-      overlays.closeModal(this.currentData);
+      index$1.closeModal(this.currentData);
     }
   }
   // @Listen('dataChanged')
@@ -53,22 +52,22 @@ const YooFormDynamicDialogComponent = class {
   }
   render() {
     var _a, _b;
-    return (index.h(index.Host, { class: { 'web-center': overlays.isWeb(this.host) } }, index.h("yoo-header", null, index.h("yoo-navbar", null, index.h("yoo-items", { slot: "start" }, index.h("yoo-button", { size: "medium", color: "text-color", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onCancel() }, index.h("yoo-icon", { size: "medium", name: "close" }))), index.h("yoo-truncate", null, this.header ? this.header : overlays.translate('ADVANCED')), index.h("yoo-items", { slot: "end" }, !this.hideSaveButton && !overlays.isWeb(this.host) && (index.h("yoo-button", { color: "app-color", fill: "transparent", animated: false, disabled: !this.validity, onClick: () => this.onSave() }, overlays.translate('YOOBICSAVE')))))), overlays.isWeb(this.host) && (index.h("div", { class: "content" }, index.h("yoo-form-dynamic", { ref: (el) => (this.formDynamicEl = el), scrollable: false, slides: this.slides, data: this.data, showRecap: this.showRecap, suffix: this.suffix, forceReadonly: this.forceReadonly, onDataChanged: (ev) => this.onDataChanged(ev), onFormValidityChanged: (ev) => this.onValidityChanged(ev), onFieldFetchData: (ev) => this.onInternalFieldFetchData(ev), showSave: this.showSave, hideToolbar: this.hideToolbar }))), !overlays.isWeb(this.host) && (index.h("yoo-ion-content", { class: "flex bg-light", forceOverscroll: false, scrollEnabled: false }, index.h("yoo-form-dynamic", { ref: (el) => (this.formDynamicEl = el), slides: this.slides, data: this.data, showRecap: this.showRecap, suffix: this.suffix, forceReadonly: this.forceReadonly, onDataChanged: (ev) => this.onDataChanged(ev), onFormValidityChanged: (ev) => this.onValidityChanged(ev), onFieldFetchData: (ev) => this.onInternalFieldFetchData(ev), showSave: this.showSave, hideToolbar: this.hideToolbar }))), (!!((_a = this.footerButtons) === null || _a === void 0 ? void 0 : _a.length) || (!this.hideSaveButton && overlays.isWeb(this.host))) && (index.h("yoo-ion-footer", null, !!((_b = this.footerButtons) === null || _b === void 0 ? void 0 : _b.length) &&
+    return (index.h(index.Host, { class: { 'web-center': index$1.isWeb(this.host) } }, index.h("yoo-header", null, index.h("yoo-navbar", null, index.h("yoo-items", { slot: "start" }, index.h("yoo-button", { size: "medium", color: "text-color", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onCancel() }, index.h("yoo-icon", { size: "medium", name: "close" }))), index.h("yoo-truncate", null, this.header ? this.header : index$1.translate('ADVANCED')), index.h("yoo-items", { slot: "end" }, !this.hideSaveButton && !index$1.isWeb(this.host) && (index.h("yoo-button", { color: "app-color", fill: "transparent", animated: false, disabled: !this.validity, onClick: () => this.onSave() }, index$1.translate('YOOBICSAVE')))))), index$1.isWeb(this.host) && (index.h("div", { class: "content" }, index.h("yoo-form-dynamic", { ref: (el) => (this.formDynamicEl = el), scrollable: false, slides: this.slides, data: this.data, showRecap: this.showRecap, suffix: this.suffix, forceReadonly: this.forceReadonly, onDataChanged: (ev) => this.onDataChanged(ev), onFormValidityChanged: (ev) => this.onValidityChanged(ev), onFieldFetchData: (ev) => this.onInternalFieldFetchData(ev), showSave: this.showSave, hideToolbar: this.hideToolbar }))), !index$1.isWeb(this.host) && (index.h("yoo-ion-content", { class: "flex bg-light", forceOverscroll: false, scrollEnabled: false }, index.h("yoo-form-dynamic", { ref: (el) => (this.formDynamicEl = el), slides: this.slides, data: this.data, showRecap: this.showRecap, suffix: this.suffix, forceReadonly: this.forceReadonly, onDataChanged: (ev) => this.onDataChanged(ev), onFormValidityChanged: (ev) => this.onValidityChanged(ev), onFieldFetchData: (ev) => this.onInternalFieldFetchData(ev), showSave: this.showSave, hideToolbar: this.hideToolbar }))), (!!((_a = this.footerButtons) === null || _a === void 0 ? void 0 : _a.length) || (!this.hideSaveButton && index$1.isWeb(this.host))) && (index.h("yoo-ion-footer", null, !!((_b = this.footerButtons) === null || _b === void 0 ? void 0 : _b.length) &&
       this.footerButtons
         .map((action) => ({
-        ...overlays.toButton(action, this.currentData),
+        ...index$1.toButton(action, this.currentData),
         handler: () => this.onFooterButtonClick(action)
       }))
         .map((button) => ({
         ...button,
-        text: button.text ? overlays.translate(button.text) : null,
+        text: button.text ? index$1.translate(button.text) : null,
         cssClass: `expanded ${button.cssClass || ''}`,
         disabled: button.disabled === null ? this.validity !== true : button.disabled
       }))
         .map(button_factory.getButton), !this.hideSaveButton &&
-      overlays.isWeb(this.host) && [
+      index$1.isWeb(this.host) && [
       index.h("span", { class: "flex" }),
-      index.h("yoo-button", { color: "app-color", class: "web", size: "medium", fill: "solid", shape: "rectangular", animated: false, disabled: !this.validity, onClick: () => this.onSave() }, overlays.translate('YOOBICSAVE'))
+      index.h("yoo-button", { color: "app-color", class: "web", size: "medium", fill: "solid", shape: "rectangular", animated: false, disabled: !this.validity, onClick: () => this.onSave() }, index$1.translate('YOOBICSAVE'))
     ]))));
   }
   get host() { return index.getElement(this); }