@yoobic/yobi 8.2.2 → 8.3.0-2

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

@@ -2,12 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-f3d7c03d.js');
+const index = require('./index-e182c32d.js');
+const overlays = require('./overlays-b6c94fc8.js');
+require('./index-1fdbd9b3.js');
 const lodash = require('./lodash-597bda6d.js');
-const commonHelpers = require('./common-helpers-6970c46c.js');
+const commonHelpers = require('./common-helpers-a4efe957.js');
+require('./index-de8540eb.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
 
 const formDocumentDialogCss = ":host{--dialog-padding-bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%}:host yoo-swipe-container{height:100%;background:var(--dark, #000000)}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:100%}:host .outer-container audio{width:100%;margin-top:auto;padding-bottom:var(--dialog-padding-bottom)}:host yoo-ion-content{position:absolute;top:0;height:100%;margin:0 !important;padding:0 !important;background:var(--dark, #000000)}:host yoo-ion-content .box-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:var(--light, #ffffff);border:none}:host(.with-box) yoo-ion-content{position:relative}:host(.with-box.image.web) yoo-header{background:transparent}:host(.with-box.image.web) yoo-ion-content{position:absolute}:host(.audio) yoo-header{position:absolute}:host(.audio) .outer-container{height:calc(100vh - 10px)}:host(.web) yoo-ion-content{background:var(--light, #ffffff)}:host(.image) yoo-header{background-color:var(--dark, #000000)}:host(.image) yoo-header yoo-navbar{--bottom-shadow:none}:host(.video) yoo-ion-content,:host(.url) yoo-ion-content{display:block;height:100%;margin:0 !important;padding:0 !important;background:var(--dark, #000000)}:host(.iphone-x){--dialog-padding-bottom:35px}";
 
@@ -24,17 +25,17 @@ const YooFormDocumentDialogComponent = class {
   // private loadViewerOnDidUpdate: boolean;
   get documentViewerType() {
     var _a;
-    return (_a = index$1.getSession().tenant) === null || _a === void 0 ? void 0 : _a.documentProvider;
+    return (_a = overlays.getSession().tenant) === null || _a === void 0 ? void 0 : _a.documentProvider;
   }
   async componentWillLoad() {
     this.updateDocument();
     this.onInitDocumentActions();
-    if (this.allowOrientation && index$1.isNativeMobile()) {
-      index$1.ScreenOrientation.unlock();
+    if (this.allowOrientation && overlays.isNativeMobile()) {
+      overlays.ScreenOrientation.unlock();
     }
   }
   componentDidLoad() {
-    index$1.getAsyncExtraData({ type: 'increase-view', params: { item: this.document, entityType: 'files' } });
+    overlays.getAsyncExtraData({ type: 'increase-view', params: { item: this.document, entityType: 'files' } });
     this.setDocument();
   }
   componentDidUpdate() {
@@ -48,9 +49,9 @@ const YooFormDocumentDialogComponent = class {
     this.resetCordovaChanges();
   }
   resetCordovaChanges() {
-    if (index$1.isNativeMobile()) {
-      const orientation = index$1.isAndroid() ? 'portrait-primary' : 'portrait';
-      index$1.ScreenOrientation.lock(orientation);
+    if (overlays.isNativeMobile()) {
+      const orientation = overlays.isAndroid() ? 'portrait-primary' : 'portrait';
+      overlays.ScreenOrientation.lock(orientation);
     }
   }
   onInitDocumentActions() {
@@ -59,40 +60,40 @@ const YooFormDocumentDialogComponent = class {
     }
     this.documentSecondaryActions = [
       {
-        text: index$1.translate('EMAIL'),
+        text: overlays.translate('EMAIL'),
         icon: 'email',
         iconColor: 'dark',
-        cssClass: index$1.isWeb(this.host) ? 'bg-app-color-hover' : 'bg-app-color light',
-        isVisible: () => index$1.isDocumentEmailSupported(this.document) && index$1.getPermissions().canShareByEmail,
+        cssClass: overlays.isWeb(this.host) ? 'bg-app-color-hover' : 'bg-app-color light',
+        isVisible: () => overlays.isDocumentEmailSupported(this.document) && overlays.getPermissions().canShareByEmail,
         handler: () => {
-          index$1.getAsyncExtraData({
+          overlays.getAsyncExtraData({
             type: 'email-dialog',
             params: { item: this.document }
           });
         }
       },
       {
-        text: index$1.translate('DOWNLOAD'),
+        text: overlays.translate('DOWNLOAD'),
         icon: 'download',
         iconColor: 'dark',
-        cssClass: index$1.isWeb(this.host) ? 'bg-dark-hover' : 'bg-dark light',
-        isVisible: () => index$1.isDocumentDownloadSupported(this.document),
+        cssClass: overlays.isWeb(this.host) ? 'bg-dark-hover' : 'bg-dark light',
+        isVisible: () => overlays.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();
-            index$1.downloadFile(this.document._downloadURL, filename);
+            overlays.downloadFile(this.document._downloadURL, filename);
           }
         }
       },
       {
-        text: index$1.translate('YOOBICEDIT'),
+        text: overlays.translate('YOOBICEDIT'),
         icon: 'pen',
         iconColor: 'dark',
         cssClass: 'bg-app-color light',
         isVisible: () => this.canEdit,
         handler: () => {
-          index$1.getAsyncExtraData({
+          overlays.getAsyncExtraData({
             type: 'document-edit',
             params: { item: this.document }
           }).then((data) => {
@@ -105,65 +106,65 @@ const YooFormDocumentDialogComponent = class {
     ];
   }
   onSendButtonClick() {
-    index$1.closeModal(this.document);
+    overlays.closeModal(this.document);
   }
   updateURL() {
     if (this.document) {
-      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');
+      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');
         }
         else {
           // local file on the devices
           this.url = this.document._downloadURL;
         }
-        if (this.type === 'audio' && index$1.isCloudinaryLink(this.url)) {
-          this.url = index$1.changeExtension(this.url, 'wav');
+        if (this.type === 'audio' && overlays.isCloudinaryLink(this.url)) {
+          this.url = overlays.changeExtension(this.url, 'wav');
         }
       }
-      else if (index$1.isVideo(this.document) || index$1.isAudio(this.document)) {
+      else if (overlays.isVideo(this.document) || overlays.isAudio(this.document)) {
         this.url = URL.createObjectURL(this.document);
-        this.extension = index$1.getExtension(this.document);
+        this.extension = overlays.getExtension(this.document);
       }
       if (this.url) {
-        this.url = new index$1.Cloudinary(this.url).getUrl();
+        this.url = new overlays.Cloudinary(this.url).getUrl();
       }
     }
   }
   updateDocument() {
     var _a;
-    this.type = (_a = this.type) !== null && _a !== void 0 ? _a : index$1.getType(this.document);
+    this.type = (_a = this.type) !== null && _a !== void 0 ? _a : overlays.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');
-      index$1.closeModal(null, this.host);
+      overlays.closeModal(null, this.host);
     }
     else {
       this.initDocumentViewer();
     }
   }
   onCancel() {
-    if (this.selectionMode && index$1.isWeb(this.host)) {
-      index$1.dispatchCustomEvent('_globalEvent', this.host, { type: 'close-modal', eventTarget: 'app-documents' });
+    if (this.selectionMode && overlays.isWeb(this.host)) {
+      overlays.dispatchCustomEvent('_globalEvent', this.host, { type: 'close-modal', eventTarget: 'app-documents' });
     }
     else {
-      index$1.closeModal(null);
+      overlays.closeModal(null);
     }
   }
   getPdfForViewer() {
     if (this.document._id) {
-      return index$1.getNativeDirectory('Downloads').then((directory) => {
+      return overlays.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 index$1.fileNativeCheckFile(fileDirPath, fileName).then((fileExists) => {
+          return overlays.fileNativeCheckFile(fileDirPath, fileName).then((fileExists) => {
             const lastLmt = window.localStorage.getItem(this.getCachedKeys(directory.nativeURL)[1]);
-            const hasBeenUpdated = lastLmt && index$1.isDateBefore(lastLmt, this.document._lmt);
+            const hasBeenUpdated = lastLmt && overlays.isDateBefore(lastLmt, this.document._lmt);
             if (fileExists && !hasBeenUpdated) {
               return filePath;
             }
@@ -185,9 +186,9 @@ const YooFormDocumentDialogComponent = class {
     // download and save file to the data directory
     if (this.document._downloadURL) {
       this.isLoading = true;
-      return index$1.getNativeDirectory('Downloads').then((directory) => {
+      return overlays.getNativeDirectory('Downloads').then((directory) => {
         const target = directory.nativeURL + this.document._id + '.pdf';
-        return index$1.downloadFileToDevice(this.document._downloadURL, target).then((fileEntry) => {
+        return overlays.downloadFileToDevice(this.document._downloadURL, target).then((fileEntry) => {
           this.isLoading = false;
           const filepath = fileEntry.nativeURL;
           // save the filepath and last updated date to local storage
@@ -231,7 +232,7 @@ const YooFormDocumentDialogComponent = class {
     if (this.document.boxId) {
       this.type = 'document';
       this.isLoading = true;
-      return index$1.getAsyncExtraData({
+      return overlays.getAsyncExtraData({
         type: 'box-session',
         params: { id: this.document.boxId }
       }).then((session) => {
@@ -256,17 +257,17 @@ const YooFormDocumentDialogComponent = class {
     // }
   }
   onSwipeDown() {
-    index$1.closeModal(null);
+    overlays.closeModal(null);
   }
   onMoreButtonClick(ev, element) {
-    index$1.showActionSheet(this.documentSecondaryActions, null, {}, element, ev);
+    overlays.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: index$1.pipes.https.transform(this.document._downloadURL) }));
+        return (index.h("yoo-photo-editor", { class: { document: true }, isReadonly: true, navbarVisiblity: "disabled", src: overlays.pipes.https.transform(this.document._downloadURL) }));
       case 'audio':
-        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 })));
+        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 })));
       case 'video':
       case 'youtube':
       case 'url': {
@@ -313,18 +314,18 @@ const YooFormDocumentDialogComponent = class {
   renderHeader() {
     var _a;
     let buttonElement;
-    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" }, ((_a = this.documentSecondaryActions) === null || _a === void 0 ? void 0 : _a.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')))))));
+    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" }, ((_a = this.documentSecondaryActions) === null || _a === void 0 ? void 0 : _a.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')))))));
   }
   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' && index$1.isWeb(this.host) && !this.selectionMode;
+    const audioWeb = this.type === 'audio' && overlays.isWeb(this.host) && !this.selectionMode;
     return (index.h(index.Host, { class: {
         [this.type]: true,
         ...commonHelpers.getAppContext(this.host),
         'with-box': this.useDocumentViewer
-      } }, 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()))));
+      } }, 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()))));
   }
   get host() { return index.getElement(this); }
 };

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

@@ -2,13 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-f3d7c03d.js');
-const localForage = require('./localForage-f618f824.js');
-const commonHelpers = require('./common-helpers-6970c46c.js');
+const index = require('./index-e182c32d.js');
+require('./index-1fdbd9b3.js');
+const localForage = require('./localForage-e52707b9.js');
+const commonHelpers = require('./common-helpers-a4efe957.js');
+const overlays = require('./overlays-b6c94fc8.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
+require('./index-de8540eb.js');
 
 const formDocumentCss = ":host{--card-file-padding:unset;--height-image-container:260px;--outer-container-padding:0.5rem 0rem;--card-file-image-content:center;display:block}:host .outer-container,:host .readonly{padding:var(--outer-container-padding)}:host .outer-container .image-container,:host .readonly .image-container{height:100%;margin-right:auto;margin-left:auto}:host .outer-container .image-container:not(.no-border),:host .readonly .image-container:not(.no-border){border:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0);border-radius:0.5rem}:host .outer-container .image-container.contain,:host .readonly .image-container.contain{min-width:150px;height:150px;margin:0 1rem;border:none}:host .outer-container .image-container.relative-to-window,:host .readonly .image-container.relative-to-window{height:25vh}:host .readonly{position:relative}:host .readonly .image-container{width:98px;height:98px;margin-left:0}:host .readonly yoo-card-file{--card-padding:var(--card-file-padding);--card-image-content:var(--card-file-image-content)}:host .readonly .info-container{position:absolute;bottom:10px;left:73px}:host(.expanded){width:100%}:host(.banner) .outer-container{margin:0 -2rem;margin-top:-1rem}:host(.banner) .outer-container.bg-app-color-10{background:var(--app-color-10, rgba(90, 48, 244, 0.1))}:host(.banner) .outer-container yoo-img{border:none;border-radius:0}:host(.transparent) .outer-container{background:transparent}";
 
@@ -58,29 +59,29 @@ 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 index$1.getAsyncExtraData({ type: 'show-document-wiki', params: { wikiRef: this.document.wikiRef, hasBookmarkIcon: false } });
+      return overlays.getAsyncExtraData({ type: 'show-document-wiki', params: { wikiRef: this.document.wikiRef, hasBookmarkIcon: false } });
     }
     else {
-      if (this.document && this.showDialog && !index$1.isOffline()) {
+      if (this.document && this.showDialog && !overlays.isOffline()) {
         if (this.showActionSheet) {
           const showDialogOption = {
-            text: index$1.translate('YOOBICVIEW'),
-            cssClass: index$1.isWeb(this.host) ? 'bg-dark-hover' : 'bg-dark light',
-            isVisible: () => index$1.isDocumentDownloadSupported(this.document),
+            text: overlays.translate('YOOBICVIEW'),
+            cssClass: overlays.isWeb(this.host) ? 'bg-dark-hover' : 'bg-dark light',
+            isVisible: () => overlays.isDocumentDownloadSupported(this.document),
             handler: () => {
               this.onShowDocumentDialog();
             }
           };
-          index$1.showDocumentDownloadOptions(this.document, [showDialogOption]);
+          overlays.showDocumentDownloadOptions(this.document, [showDialogOption]);
         }
-        else if (index$1.getType(this.document) !== 'audio') {
+        else if (overlays.getType(this.document) !== 'audio') {
           this.onShowDocumentDialog();
         }
       }
-      else if (this.document && index$1.isOffline()) {
+      else if (this.document && overlays.isOffline()) {
         const base64 = await localForage.getFromOfflineStorage((_d = this.document) === null || _d === void 0 ? void 0 : _d._downloadURL);
-        if (index$1.isNativeMobile() && index$1.isBase64(base64)) {
-          index$1.openBase64File(base64, (_e = this.document) === null || _e === void 0 ? void 0 : _e._filename);
+        if (overlays.isNativeMobile() && overlays.isBase64(base64)) {
+          overlays.openBase64File(base64, (_e = this.document) === null || _e === void 0 ? void 0 : _e._filename);
         }
         else {
           this.onShowDocumentDialog(base64);
@@ -93,12 +94,12 @@ const YooFormDocumentComponent = class {
   onShowDocumentDialog(base64) {
     var _a;
     const modal = document.createElement('yoo-form-document-dialog');
-    const getAnimation = (enterLeave) => (index$1.isWeb(this.host) ? `fade${enterLeave}Animation` : `slideY${enterLeave}Animation`);
+    const getAnimation = (enterLeave) => (overlays.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;
-    const type = index$1.getType(this.document);
+    const type = overlays.getType(this.document);
     modal.modalMode = type && type === 'video';
-    index$1.showModal(modal, {}, '', getAnimation('Enter'), getAnimation('Leave'), true);
+    overlays.showModal(modal, {}, '', getAnimation('Enter'), getAnimation('Leave'), true);
     this.inputChanged.emit(true);
     this.validityChanged.emit(true);
   }
@@ -106,21 +107,21 @@ const YooFormDocumentComponent = class {
     if (this.document &&
       this.document._downloadURL &&
       (this.type === 'image' ||
-        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))) {
+        overlays.isVideo(this.document._downloadURL) ||
+        (overlays.isDocument(this.document._downloadURL) && overlays.getExtension(this.document._downloadURL) === 'pdf') ||
+        overlays.isImage(this.document._downloadURL))) {
       this.preview = this.document._downloadURL;
-      if (index$1.isDocument(this.document._downloadURL)) {
-        this.preview = index$1.toPng(this.preview);
+      if (overlays.isDocument(this.document._downloadURL)) {
+        this.preview = overlays.toPng(this.preview);
       }
-      if (index$1.isVideo(this.preview)) {
-        this.preview = index$1.toPng(this.preview);
+      if (overlays.isVideo(this.preview)) {
+        this.preview = overlays.toPng(this.preview);
         this.isVideo = true;
       }
     }
     if (this.document) {
-      this.icon = index$1.getIconName(this.document);
-      this.iconColor = this.host.classList.contains('transparent-light') ? 'light' : index$1.getIconColor(this.document);
+      this.icon = overlays.getIconName(this.document);
+      this.iconColor = this.host.classList.contains('transparent-light') ? 'light' : overlays.getIconColor(this.document);
       this.filename = this.document._filename;
     }
     else {

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

@@ -2,13 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-f3d7c03d.js');
-const button_factory = require('./button.factory-0133597a.js');
+const index = require('./index-e182c32d.js');
+require('./index-1fdbd9b3.js');
+const button_factory = require('./button.factory-a01664d3.js');
+const overlays = require('./overlays-b6c94fc8.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
-require('./index-1ff4deca.js');
+require('./index-933cab98.js');
+require('./index-de8540eb.js');
 
 const formDynamicDialogCss = ":host(.web-center){display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;max-height:100%;margin:auto !important;overflow:hidden;border-radius:0.5rem}:host yoo-ion-content{background:var(--light, #ffffff)}:host .content{display:block;-ms-flex:1;flex:1;min-height:9rem;overflow-x:hidden;overflow-y:auto;background:var(--light, #ffffff)}:host .content::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host .content::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host .content::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host .content:hover::-webkit-scrollbar-track{background-color:var(--stable-light, #f1f1f1)}:host .content:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}:host yoo-ion-footer{display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:0.5rem}:host yoo-ion-footer .flex{-ms-flex:1;flex:1}:host yoo-ion-footer yoo-button{padding:var(--spacing-08, 0.5rem)}:host yoo-ion-footer yoo-button.web{margin:0 var(--spacing-08, 0.5rem);padding:0}";
 
@@ -21,11 +22,11 @@ const YooFormDynamicDialogComponent = class {
     this.currentData = this.data || {};
   }
   onCancel(val) {
-    index$1.closeModal(val);
+    overlays.closeModal(val);
   }
   onSave() {
     if (this.validity) {
-      index$1.closeModal(this.currentData);
+      overlays.closeModal(this.currentData);
     }
   }
   // @Listen('dataChanged')
@@ -52,22 +53,22 @@ const YooFormDynamicDialogComponent = class {
   }
   render() {
     var _a, _b;
-    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) &&
+    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) &&
       this.footerButtons
         .map((action) => ({
-        ...index$1.toButton(action, this.currentData),
+        ...overlays.toButton(action, this.currentData),
         handler: () => this.onFooterButtonClick(action)
       }))
         .map((button) => ({
         ...button,
-        text: button.text ? index$1.translate(button.text) : null,
+        text: button.text ? overlays.translate(button.text) : null,
         cssClass: `expanded ${button.cssClass || ''}`,
         disabled: button.disabled === null ? this.validity !== true : button.disabled
       }))
         .map(button_factory.getButton), !this.hideSaveButton &&
-      index$1.isWeb(this.host) && [
+      overlays.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() }, index$1.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() }, overlays.translate('YOOBICSAVE'))
     ]))));
   }
   get host() { return index.getElement(this); }