@yoobic/yobi 8.5.0-60 → 8.5.0-61

package/dist/cjs/yoo-form-text-editor.cjs.entry.js

@@ -2,16 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index$5 = require('./index-9ca0e46c.js');
+const index$6 = require('./index-9ca0e46c.js');
 const _commonjsHelpers = require('./_commonjsHelpers-94df2ea7.js');
-require('./index-9aadeb94.js');
+require('./index-6f92bccb.js');
 const lodash = require('./lodash-a9050d79.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const index$5 = require('./index-0cfb67d1.js');
 const bufferEs6 = require('./buffer-es6-524a1541.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const entitiesHelpers = require('./entities-helpers-90284497.js');
-const formInputHelpers = require('./form-input-helpers-2d988e31.js');
-const formTextAreaHelpers = require('./form-text-area-helpers-8cf04c81.js');
+const commonHelpers = require('./common-helpers-44428bf7.js');
+const entitiesHelpers = require('./entities-helpers-d7cb60ce.js');
+const formInputHelpers = require('./form-input-helpers-4ad38e19.js');
+const formTextAreaHelpers = require('./form-text-area-helpers-b7297742.js');
 const shadowDomHelper = require('./shadow-dom-helper-292b05ce.js');
 require('./index-a1bbe627.js');
 
@@ -16433,8 +16433,8 @@ class CssSyntaxError extends Error {
 
     let css = this.source;
     if (color == null) color = picocolors_browser.isColorSupported;
-    if (overlays.require$$2) {
-      if (color) css = overlays.require$$2(css);
+    if (index$5.require$$2) {
+      if (color) css = index$5.require$$2(css);
     }
 
     let lines = css.split(/\r?\n/);
@@ -17291,9 +17291,9 @@ const nonSecure = /*#__PURE__*/Object.freeze({
 
 'use strict';
 
-let { SourceMapConsumer: SourceMapConsumer$2, SourceMapGenerator: SourceMapGenerator$2 } = overlays.require$$2;
-let { existsSync, readFileSync } = overlays.require$$2;
-let { dirname: dirname$1, join } = overlays.require$$2;
+let { SourceMapConsumer: SourceMapConsumer$2, SourceMapGenerator: SourceMapGenerator$2 } = index$5.require$$2;
+let { existsSync, readFileSync } = index$5.require$$2;
+let { dirname: dirname$1, join } = index$5.require$$2;
 
 function fromBase64(str) {
   if (bufferEs6.Buffer) {
@@ -17436,9 +17436,9 @@ const require$$3 = /*@__PURE__*/_commonjsHelpers.getAugmentedNamespace(nonSecure
 
 'use strict';
 
-let { SourceMapConsumer: SourceMapConsumer$1, SourceMapGenerator: SourceMapGenerator$1 } = overlays.require$$2;
-let { fileURLToPath, pathToFileURL: pathToFileURL$1 } = overlays.require$$2;
-let { resolve: resolve$1, isAbsolute } = overlays.require$$2;
+let { SourceMapConsumer: SourceMapConsumer$1, SourceMapGenerator: SourceMapGenerator$1 } = index$5.require$$2;
+let { fileURLToPath, pathToFileURL: pathToFileURL$1 } = index$5.require$$2;
+let { resolve: resolve$1, isAbsolute } = index$5.require$$2;
 let { nanoid } = require$$3;
 
 
@@ -17679,15 +17679,15 @@ class Input {
 var input = Input;
 Input.default = Input;
 
-if (overlays.require$$2 && overlays.require$$2.registerInput) {
-  overlays.require$$2.registerInput(Input);
+if (index$5.require$$2 && index$5.require$$2.registerInput) {
+  index$5.require$$2.registerInput(Input);
 }
 
 'use strict';
 
-let { SourceMapConsumer, SourceMapGenerator } = overlays.require$$2;
-let { dirname, resolve, relative, sep } = overlays.require$$2;
-let { pathToFileURL } = overlays.require$$2;
+let { SourceMapConsumer, SourceMapGenerator } = index$5.require$$2;
+let { dirname, resolve, relative, sep } = index$5.require$$2;
+let { pathToFileURL } = index$5.require$$2;
 
 
 
@@ -20536,7 +20536,7 @@ postcss.plugin = function plugin(name, initializer) {
           ': postcss.plugin was deprecated. Migration guide:\n' +
           'https://evilmartians.com/chronicles/postcss-8-plugin-migration'
       );
-      if (overlays.process_1.env.LANG && overlays.process_1.env.LANG.startsWith('cn')) {
+      if (index$5.process_1.env.LANG && index$5.process_1.env.LANG.startsWith('cn')) {
         /* c8 ignore next 7 */
         // eslint-disable-next-line no-console
         console.warn(
@@ -21443,14 +21443,14 @@ const formTextEditorCss = "svg.sc-yoo-form-text-editor:not(:root){overflow:hidde
 
 const YooFormTextEditorComponent = class {
   constructor(hostRef) {
-    index$5.registerInstance(this, hostRef);
-    this.validityChanged = index$5.createEvent(this, "validityChanged", 7);
-    this.inputBlurred = index$5.createEvent(this, "inputBlurred", 7);
-    this.inputFocused = index$5.createEvent(this, "inputFocused", 7);
-    this.inputChanged = index$5.createEvent(this, "inputChanged", 7);
-    this.linkPreviewChanged = index$5.createEvent(this, "linkPreviewChanged", 7);
-    this.mentionsChanged = index$5.createEvent(this, "mentionsChanged", 7);
-    this.translationValueUpdated = index$5.createEvent(this, "translationValueUpdated", 7);
+    index$6.registerInstance(this, hostRef);
+    this.validityChanged = index$6.createEvent(this, "validityChanged", 7);
+    this.inputBlurred = index$6.createEvent(this, "inputBlurred", 7);
+    this.inputFocused = index$6.createEvent(this, "inputFocused", 7);
+    this.inputChanged = index$6.createEvent(this, "inputChanged", 7);
+    this.linkPreviewChanged = index$6.createEvent(this, "linkPreviewChanged", 7);
+    this.mentionsChanged = index$6.createEvent(this, "mentionsChanged", 7);
+    this.translationValueUpdated = index$6.createEvent(this, "translationValueUpdated", 7);
     this.validators = [];
     this.placeholder = 'TYPESOMETHING';
     this.linkPreviews = [];
@@ -21458,7 +21458,7 @@ const YooFormTextEditorComponent = class {
     this.allowLinkPreview = false;
     this.resetHtml = false;
     this.reloadText = false;
-    this.customZIndex = overlays.MODAL_BASE_ZINDEX;
+    this.customZIndex = index$5.MODAL_BASE_ZINDEX;
     this.charCounter = 0;
     this.mentionedUsers = [];
     // the event "contentChanged" is not fired before hitting 'Enter' once,
@@ -21510,9 +21510,9 @@ const YooFormTextEditorComponent = class {
     }
   }
   componentWillLoad() {
-    this.editorId = 'text-editor-' + overlays.getUUID();
+    this.editorId = 'text-editor-' + index$5.getUUID();
     this.setLocalValue();
-    this.emitValueAndSetValidity = overlays.debounce((value, inputElement, forceNullValidation, validateInput, skipValueAssignment, preventInputChangedEvent) => {
+    this.emitValueAndSetValidity = index$5.debounce((value, inputElement, forceNullValidation, validateInput, skipValueAssignment, preventInputChangedEvent) => {
       formInputHelpers.setValueAndValidateInput(value, inputElement, forceNullValidation, validateInput, skipValueAssignment, preventInputChangedEvent);
       this.validityChanged.emit(this.validity);
     }, this.debounce || 0);
@@ -21558,7 +21558,7 @@ const YooFormTextEditorComponent = class {
   }
   async loadEditor() {
     if (!this.readonly && this.containerEl && !this.editor) {
-      this.slotName = overlays.getUUID();
+      this.slotName = index$5.getUUID();
       this.initExtraOptions();
       if (!this.isFullscreen) {
         shadowDomHelper.destroyMountPoints(this.shadowHosts, this.mount, this.slotName);
@@ -21572,7 +21572,7 @@ const YooFormTextEditorComponent = class {
             try {
               this.editor.html.set(this.value);
               if (this.allowMention) {
-                this.editor.el.innerHTML = overlays.replaceAtTagToMentionTag(this.value, this.mentions);
+                this.editor.el.innerHTML = index$5.replaceAtTagToMentionTag(this.value, this.mentions);
               }
               this.updateCharCounter();
             }
@@ -21594,15 +21594,15 @@ const YooFormTextEditorComponent = class {
   async getFroalaOptions() {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
     const maxFileUploadSize = 1024 * 1024 * 200; // 200MB
-    const session = overlays.getSession();
-    const baseUploadURL = await overlays.getAsyncExtraData({ type: 'upload-api' });
+    const session = index$5.getSession();
+    const baseUploadURL = await index$5.getAsyncExtraData({ type: 'upload-api' });
     const hasTenantColors = !!((_b = (_a = session === null || session === void 0 ? void 0 : session.tenant) === null || _a === void 0 ? void 0 : _a.rteColors) === null || _b === void 0 ? void 0 : _b.length);
-    const customFontFamily = ((_c = overlays.getCustomApp()) === null || _c === void 0 ? void 0 : _c.fontFamily) || ((_d = session === null || session === void 0 ? void 0 : session.tenant) === null || _d === void 0 ? void 0 : _d.fontFamily);
-    const customFontFamilys = ((_g = (_f = (_e = overlays.getCustomApp()) === null || _e === void 0 ? void 0 : _e.fontFamilyCDNs) === null || _f === void 0 ? void 0 : _f.filter((v) => (v === null || v === void 0 ? void 0 : v.length) > 0 && lodash.isString[v[0]])) === null || _g === void 0 ? void 0 : _g.length) > 0 ? (_h = overlays.getCustomApp()) === null || _h === void 0 ? void 0 : _h.fontFamilyCDNs : (_j = session === null || session === void 0 ? void 0 : session.tenant) === null || _j === void 0 ? void 0 : _j.fontFamilyCDNs;
+    const customFontFamily = ((_c = index$5.getCustomApp()) === null || _c === void 0 ? void 0 : _c.fontFamily) || ((_d = session === null || session === void 0 ? void 0 : session.tenant) === null || _d === void 0 ? void 0 : _d.fontFamily);
+    const customFontFamilys = ((_g = (_f = (_e = index$5.getCustomApp()) === null || _e === void 0 ? void 0 : _e.fontFamilyCDNs) === null || _f === void 0 ? void 0 : _f.filter((v) => (v === null || v === void 0 ? void 0 : v.length) > 0 && lodash.isString[v[0]])) === null || _g === void 0 ? void 0 : _g.length) > 0 ? (_h = index$5.getCustomApp()) === null || _h === void 0 ? void 0 : _h.fontFamilyCDNs : (_j = session === null || session === void 0 ? void 0 : session.tenant) === null || _j === void 0 ? void 0 : _j.fontFamilyCDNs;
     return {
       key: 'vYA6mB4F4H5B3H4A10dNSWXf1h1MDb1CF1PLPFf1C1EESFKVlA3C11A8D6D2C4E4G2C3H3==',
       theme: 'royal',
-      placeholderText: overlays.translate(this.placeholder),
+      placeholderText: index$5.translate(this.placeholder),
       toolbarSticky: false,
       requestHeaders: { Authorization: 'Bearer ' + (session === null || session === void 0 ? void 0 : session.token) },
       heightMax: this.isFullscreen ? '100%' : this.maxHeight || 500,
@@ -21612,7 +21612,7 @@ const YooFormTextEditorComponent = class {
       imageUploadURL: `${baseUploadURL}/cloudinary/upload?ngsw-bypass=true`,
       imageUploadMethod: 'POST',
       imageMaxSize: maxFileUploadSize,
-      imageAllowedTypes: overlays.images,
+      imageAllowedTypes: index$5.images,
       videoResponsive: true,
       htmlAllowedEmptyTags: ['textarea', 'a', 'g', 'defs', 'use', 'symbol', 'video', 'image', 'pattern', 'iframe', 'object', 'video', 'style', 'script', '.fa', 'span', 'p', 'path', 'line'],
       htmlAllowedTags: ['.*'],
@@ -21622,7 +21622,7 @@ const YooFormTextEditorComponent = class {
       videoUploadURL: `${baseUploadURL}/cloudinary/upload`,
       videoUploadMethod: 'POST',
       videoMaxSize: maxFileUploadSize,
-      videoAllowedTypes: overlays.videos,
+      videoAllowedTypes: index$5.videos,
       videoSplitHTML: true,
       videoTextNear: true,
       enter: froala_editor_min.ENTER_DIV,
@@ -21634,17 +21634,17 @@ const YooFormTextEditorComponent = class {
       linkInsertButtons: ['linkBack'],
       pastePlain: false,
       zIndex: this.customZIndex,
-      quickInsertEnabled: overlays.isWeb(this.host),
+      quickInsertEnabled: index$5.isWeb(this.host),
       quickInsertButtons: lodash.compact(['yooUploadButtonQuick', 'yooDocumentImporterButtonQuick', 'yooNoTranslateButtonQuick', 'image', 'video', 'table', 'ul', 'ol', 'hr', 'emoticons', 'yooTemplateQuick']),
       quickInsertTags: ['', 'p', 'div', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'pre', 'blockquote', 'br'],
-      colorsBackground: hasTenantColors ? (_k = session === null || session === void 0 ? void 0 : session.tenant) === null || _k === void 0 ? void 0 : _k.rteColors : overlays.getColorSwatches(),
-      colorsText: hasTenantColors ? (_l = session === null || session === void 0 ? void 0 : session.tenant) === null || _l === void 0 ? void 0 : _l.rteColors : overlays.getColorSwatches(),
+      colorsBackground: hasTenantColors ? (_k = session === null || session === void 0 ? void 0 : session.tenant) === null || _k === void 0 ? void 0 : _k.rteColors : index$5.getColorSwatches(),
+      colorsText: hasTenantColors ? (_l = session === null || session === void 0 ? void 0 : session.tenant) === null || _l === void 0 ? void 0 : _l.rteColors : index$5.getColorSwatches(),
       lineHeights: {
-        [overlays.translate('LINEHEIGHTDEFAULT')]: '',
-        [overlays.translate('LINEHEIGHTSINGLE')]: '1',
-        [overlays.translate('LINEHEIGHT115')]: '1.15',
-        [overlays.translate('LINEHEIGHT15')]: '1.5',
-        [overlays.translate('LINEHEIGHTDOUBLE')]: '2'
+        [index$5.translate('LINEHEIGHTDEFAULT')]: '',
+        [index$5.translate('LINEHEIGHTSINGLE')]: '1',
+        [index$5.translate('LINEHEIGHT115')]: '1.15',
+        [index$5.translate('LINEHEIGHT15')]: '1.5',
+        [index$5.translate('LINEHEIGHTDOUBLE')]: '2'
       },
       fontSizeDefaultSelection: '16',
       fontSize: ['8', '9', '10', '11', '12', '14', '16', '18', '20', '22', '24', '30', '36', '48', '60', '72', '96'],
@@ -21664,14 +21664,14 @@ const YooFormTextEditorComponent = class {
       toolbarInline: false,
       toolbarButtons: {
         moreRich: {
-          buttons: lodash.compact([overlays.isWeb(this.host) ? 'yooUploadButton' : null, 'yooDocumentImporterButton', 'yooNoTranslate', 'emoticons', 'insertImage', 'insertVideo', 'insertTable', 'insertLink', 'specialCharacters', 'insertFile', 'insertHR']),
+          buttons: lodash.compact([index$5.isWeb(this.host) ? 'yooUploadButton' : null, 'yooDocumentImporterButton', 'yooNoTranslate', 'emoticons', 'insertImage', 'insertVideo', 'insertTable', 'insertLink', 'specialCharacters', 'insertFile', 'insertHR']),
           align: 'left',
-          buttonsVisible: this.isFullscreen && overlays.isWeb(this.host) ? 7 : 2
+          buttonsVisible: this.isFullscreen && index$5.isWeb(this.host) ? 7 : 2
         },
         moreText: {
           buttons: ['bold', 'italic', 'underline', 'textColor', 'backgroundColor', 'strikeThrough', 'subscript', 'superscript', 'fontFamily', 'fontSize', 'clearFormatting'],
           align: 'left',
-          buttonsVisible: this.isFullscreen && overlays.isWeb(this.host) ? 5 : 1
+          buttonsVisible: this.isFullscreen && index$5.isWeb(this.host) ? 5 : 1
         },
         moreParagraph: {
           buttons: [
@@ -21689,13 +21689,13 @@ const YooFormTextEditorComponent = class {
             'quote'
           ],
           align: 'left',
-          buttonsVisible: this.isFullscreen && overlays.isWeb(this.host) ? 4 : 2
+          buttonsVisible: this.isFullscreen && index$5.isWeb(this.host) ? 4 : 2
         },
         moreMisc: {
           buttons: lodash.compact([
             this.isFullscreen ? null : this.getFullScreenButtonId(),
             this.isFullscreen ? 'yooFullscreenClose' : null,
-            overlays.isWeb(this.host) ? 'yooTemplate' : null,
+            index$5.isWeb(this.host) ? 'yooTemplate' : null,
             'undo',
             'redo',
             'spellChecker',
@@ -21704,7 +21704,7 @@ const YooFormTextEditorComponent = class {
             'help'
           ]),
           align: 'right',
-          buttonsVisible: this.isFullscreen && overlays.isWeb(this.host) ? 7 : 1
+          buttonsVisible: this.isFullscreen && index$5.isWeb(this.host) ? 7 : 1
         }
       },
       fullPage: false,
@@ -21764,8 +21764,8 @@ const YooFormTextEditorComponent = class {
               // first missing poster for cloudinary src
               if (((_a = video === null || video === void 0 ? void 0 : video.firstElementChild) === null || _a === void 0 ? void 0 : _a.tagName) === 'VIDEO') {
                 const innerVideo = video.firstElementChild;
-                if (!innerVideo.poster && overlays.isCloudinaryLink(innerVideo.src)) {
-                  innerVideo.poster = overlays.getVideoPoster(innerVideo.src);
+                if (!innerVideo.poster && index$5.isCloudinaryLink(innerVideo.src)) {
+                  innerVideo.poster = index$5.getVideoPoster(innerVideo.src);
                 }
               }
               // Workaround to make video appears
@@ -21795,21 +21795,21 @@ const YooFormTextEditorComponent = class {
     froala_editor_min.DefineIcon('yooFullscreenIcon', { NAME: 'maximize-web', template: 'yoo-icon-small' });
     froala_editor_min.DefineIcon('yooFullscreenCloseIcon', { NAME: 'minimize-web', template: 'yoo-icon-small' });
     const yooUploadButtonOptions = {
-      title: overlays.translate('UPLOADMANAGER'),
+      title: index$5.translate('UPLOADMANAGER'),
       icon: 'yooUploadIcon',
       callback: function () {
         this.selection.save();
-        overlays.getAsyncExtraData({ type: 'file-uploader', params: { fileFormat: true } }).then((ret) => {
+        index$5.getAsyncExtraData({ type: 'file-uploader', params: { fileFormat: true } }).then((ret) => {
           var _a;
           (_a = ret === null || ret === void 0 ? void 0 : ret.data) === null || _a === void 0 ? void 0 : _a.forEach((res) => {
             const { _filename } = res;
             const url = (res === null || res === void 0 ? void 0 : res._downloadURL) || (res === null || res === void 0 ? void 0 : res.embed_url) || (res === null || res === void 0 ? void 0 : res.url) || res.value;
             this.selection.restore();
-            if (overlays.isVideo(url)) {
-              const html = `<br><span contenteditable="false" draggable="true" class="fr-video fr-dvb fr-draggable fr-active"><video height="230px" class="fr-draggable" width="100%" poster='${overlays.getVideoPoster(url)}' controls src="${url}" /></span><br>`;
+            if (index$5.isVideo(url)) {
+              const html = `<br><span contenteditable="false" draggable="true" class="fr-video fr-dvb fr-draggable fr-active"><video height="230px" class="fr-draggable" width="100%" poster='${index$5.getVideoPoster(url)}' controls src="${url}" /></span><br>`;
               this.html.insert(html);
             }
-            else if (overlays.isImageUrl(url)) {
+            else if (index$5.isImageUrl(url)) {
               this.image.insert(url);
             }
             else {
@@ -21825,7 +21825,7 @@ const YooFormTextEditorComponent = class {
     froala_editor_min.RegisterCommand('yooUploadButton', yooUploadButtonOptions);
     froala_editor_min.RegisterQuickInsertButton('yooUploadButtonQuick', { ...yooUploadButtonOptions, icon: 'yooUploadIconMedium' });
     const yooNoTranslateButtonOptions = {
-      title: overlays.translate('YOOBICNOTRANSLATE'),
+      title: index$5.translate('YOOBICNOTRANSLATE'),
       icon: 'yooNoTranslateIcon',
       callback: function () {
         this.format.toggle('span', { class: 'notranslate' });
@@ -21834,11 +21834,11 @@ const YooFormTextEditorComponent = class {
     froala_editor_min.RegisterCommand('yooNoTranslate', yooNoTranslateButtonOptions);
     froala_editor_min.RegisterQuickInsertButton('yooNoTranslateButtonQuick', { ...yooNoTranslateButtonOptions, icon: 'yooNoTranslateIconMedium' });
     const yooDocumentImporterButtonOptions = {
-      title: overlays.translate('DOCUMENTIMPORTER'),
+      title: index$5.translate('DOCUMENTIMPORTER'),
       icon: 'yooDocumentImporterIcon',
       callback: async function () {
         this.selection.save();
-        const ret = await overlays.getAsyncExtraData({ type: 'document-importer' });
+        const ret = await index$5.getAsyncExtraData({ type: 'document-importer' });
         if (!ret) {
           return;
         }
@@ -21852,7 +21852,7 @@ const YooFormTextEditorComponent = class {
               setTimeout(() => resolve(r.link), 1000);
             });
           });
-          await overlays.asyncWaterfall(promises);
+          await index$5.asyncWaterfall(promises);
         }
         else {
           this.html.insert(ret);
@@ -21863,7 +21863,7 @@ const YooFormTextEditorComponent = class {
     froala_editor_min.RegisterCommand('yooDocumentImporterButton', yooDocumentImporterButtonOptions);
     froala_editor_min.RegisterQuickInsertButton('yooDocumentImporterButtonQuick', { ...yooDocumentImporterButtonOptions, icon: 'yooDocumentImporterIconMedium' });
     const yooTemplateOptions = {
-      title: overlays.translate('HTMLTEMPLATES'),
+      title: index$5.translate('HTMLTEMPLATES'),
       icon: 'yooTemplateIcon',
       callback: () => {
         var _a, _b, _c, _d, _e;
@@ -21875,7 +21875,7 @@ const YooFormTextEditorComponent = class {
         const selection = (_b = (_a = this.editor) === null || _a === void 0 ? void 0 : _a.html) === null || _b === void 0 ? void 0 : _b.getSelected();
         const isSelectionRange = ((_e = (_d = (_c = this.editor) === null || _c === void 0 ? void 0 : _c.selection) === null || _d === void 0 ? void 0 : _d.get()) === null || _e === void 0 ? void 0 : _e.type) === 'Range';
         if ((selection === null || selection === void 0 ? void 0 : selection.length) > 0 && isSelectionRange) {
-          overlays.showContextMenu({ pageX: (rect === null || rect === void 0 ? void 0 : rect.left) || this.host.offsetLeft, pageY: (rect === null || rect === void 0 ? void 0 : rect.top) + 30 || this.host.offsetTop }, {
+          index$5.showContextMenu({ pageX: (rect === null || rect === void 0 ? void 0 : rect.left) || this.host.offsetLeft, pageY: (rect === null || rect === void 0 ? void 0 : rect.top) + 30 || this.host.offsetTop }, {
             multipleSelection: false,
             contentButtons: lodash.compact([
               {
@@ -21902,7 +21902,7 @@ const YooFormTextEditorComponent = class {
     froala_editor_min.RegisterCommand('yooTemplate', yooTemplateOptions);
     froala_editor_min.RegisterQuickInsertButton('yooTemplateQuick', { ...yooTemplateOptions, icon: 'yooTemplateIconMedium' });
     froala_editor_min.RegisterCommand(this.getFullScreenButtonId(), {
-      title: overlays.translate('MAXIMIZE'),
+      title: index$5.translate('MAXIMIZE'),
       icon: 'yooFullscreenIcon',
       callback: () => {
         const textEditor = document.createElement('yoo-form-text-editor');
@@ -21920,7 +21920,7 @@ const YooFormTextEditorComponent = class {
         textEditor.formatAmpersandSymbol = this.formatAmpersandSymbol;
         textEditor.allowLinkPreview = this.allowLinkPreview;
         textEditor.isFullscreen = true;
-        overlays.showModal(textEditor, null, 'fullscreen no-fade-in', overlays.isWeb(this.host) ? 'fadeEnterAnimation' : 'slideXEnterReverseAnimation', overlays.isWeb(this.host) ? 'fadeLeaveAnimation' : 'slideXLeaveReverseAnimation').then((ret) => {
+        index$5.showModal(textEditor, null, 'fullscreen no-fade-in', index$5.isWeb(this.host) ? 'fadeEnterAnimation' : 'slideXEnterReverseAnimation', index$5.isWeb(this.host) ? 'fadeLeaveAnimation' : 'slideXLeaveReverseAnimation').then((ret) => {
           if (ret && ret.data) {
             this.value = ret.data;
             this.forceResetHTML = true;
@@ -21932,13 +21932,13 @@ const YooFormTextEditorComponent = class {
       }
     });
     froala_editor_min.RegisterCommand('yooFullscreenClose', {
-      title: overlays.translate('MINIMIZE'),
+      title: index$5.translate('MINIMIZE'),
       icon: 'yooFullscreenCloseIcon',
-      callback: () => overlays.closeModal(this.value)
+      callback: () => index$5.closeModal(this.value)
     });
   }
   importHTMLTemplate() {
-    overlays.getAsyncExtraData({
+    index$5.getAsyncExtraData({
       type: 'htmltemplate-get'
     }).then((ret) => {
       var _a;
@@ -21954,7 +21954,7 @@ const YooFormTextEditorComponent = class {
   saveHTMLTemplate() {
     var _a, _b;
     const selection = (_b = (_a = this.editor) === null || _a === void 0 ? void 0 : _a.html) === null || _b === void 0 ? void 0 : _b.getSelected();
-    overlays.getAsyncExtraData({
+    index$5.getAsyncExtraData({
       type: 'htmltemplate-save',
       params: {
         value: selection
@@ -21966,7 +21966,7 @@ const YooFormTextEditorComponent = class {
     this.charCounter = ((_a = this.editor.html.get()) === null || _a === void 0 ? void 0 : _a.length) || 0;
   }
   getLocale() {
-    const currentLangage = overlays.getCurrentLanguage() || 'en';
+    const currentLangage = index$5.getCurrentLanguage() || 'en';
     switch (currentLangage) {
       case 'key':
       case 'en':
@@ -22047,7 +22047,7 @@ const YooFormTextEditorComponent = class {
         var _a, _b;
         this.allowLinkUpdate = true;
         const content = ((_b = (_a = this.editor) === null || _a === void 0 ? void 0 : _a.html) === null || _b === void 0 ? void 0 : _b.get()) || '';
-        const updatedLinks = overlays.updateLinkPreviews(content, this.linkPreviews, (ev === null || ev === void 0 ? void 0 : ev.inputType) === 'deleteContentBackward' || (ev === null || ev === void 0 ? void 0 : ev.key) === 'Backspace');
+        const updatedLinks = index$5.updateLinkPreviews(content, this.linkPreviews, (ev === null || ev === void 0 ? void 0 : ev.inputType) === 'deleteContentBackward' || (ev === null || ev === void 0 ? void 0 : ev.key) === 'Backspace');
         if (updatedLinks === null || updatedLinks === void 0 ? void 0 : updatedLinks.hasChanges) {
           this.linkPreviews = [...updatedLinks.previews];
         }
@@ -22057,7 +22057,7 @@ const YooFormTextEditorComponent = class {
   handleMentionInput(offset, insertElement) {
     var _a;
     (_a = this.editor) === null || _a === void 0 ? void 0 : _a.el.blur();
-    overlays.getAsyncExtraData({ type: 'mention', params: { otherIds: this.otherIds, mentionConfigs: this.mentionConfigs } }).then((res) => {
+    index$5.getAsyncExtraData({ type: 'mention', params: { otherIds: this.otherIds, mentionConfigs: this.mentionConfigs } }).then((res) => {
       var _a, _b, _c, _d;
       if (res === null || res === void 0 ? void 0 : res.data) {
         this.mentionedUsers = res.data;
@@ -22129,9 +22129,9 @@ const YooFormTextEditorComponent = class {
     }
   }
   render() {
-    return (index$5.h(index$5.Host, { class: { link: this.allowLinkPreview, ...commonHelpers.getAppContext(this.host) } }, this.readonly && index$5.h("div", { class: "readonly fr-view", innerHTML: overlays.translateMulti(this.value) || '' }), !this.readonly && index$5.h("div", { class: { container: true, fullscreen: this.isFullscreen }, ref: (el) => (this.containerEl = el) }), !this.readonly && this.allowLinkPreview && (index$5.h("yoo-links-preview", { closeable: true, inline: true, links: this.linkPreviews, showErrors: false, onLinkPreviewChanged: (ev) => this.updateLinkPreviews(ev) })), !this.readonly && index$5.h("div", { class: "char-counter" }, `${this.charCounter} ${overlays.translate('YOOBICCHARACTERS').toLocaleLowerCase()}`)));
+    return (index$6.h(index$6.Host, { class: { link: this.allowLinkPreview, ...commonHelpers.getAppContext(this.host) } }, this.readonly && index$6.h("div", { class: "readonly fr-view", innerHTML: index$5.translateMulti(this.value) || '' }), !this.readonly && index$6.h("div", { class: { container: true, fullscreen: this.isFullscreen }, ref: (el) => (this.containerEl = el) }), !this.readonly && this.allowLinkPreview && (index$6.h("yoo-links-preview", { closeable: true, inline: true, links: this.linkPreviews, showErrors: false, onLinkPreviewChanged: (ev) => this.updateLinkPreviews(ev) })), !this.readonly && index$6.h("div", { class: "char-counter" }, `${this.charCounter} ${index$5.translate('YOOBICCHARACTERS').toLocaleLowerCase()}`)));
   }
-  get host() { return index$5.getElement(this); }
+  get host() { return index$6.getElement(this); }
   static get watchers() { return {
     "value": ["onValueChange"],
     "readonly": ["onReadonlyChanged"],

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

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const formInputHelpers = require('./form-input-helpers-2d988e31.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-6f92bccb.js');
+const formInputHelpers = require('./form-input-helpers-4ad38e19.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
 require('./index-a1bbe627.js');
-require('./common-helpers-9f63a319.js');
+require('./common-helpers-44428bf7.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const formTimeCss = "svg:not(:root){overflow:hidden}:host{--margin:var(--spacing-16, 1rem);--spacing:var(--spacing-16, 1rem);display:-ms-flexbox;display:flex}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:row;flex-direction:row;margin:0 var(--spacing-16, 1rem);border:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-04, 0.25rem)}:host .outer-container.focused{border:var(--border-width-01, 0.0625rem) solid var(--dark, #000000)}:host .outer-container .flex{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}:host .outer-container .input-container input{display:inline-block;-webkit-box-sizing:content-box;box-sizing:content-box;min-width:0;margin:0;padding:0;font-family:var(--font-family, \"Lato\");line-height:1;white-space:normal;vertical-align:middle;background:none;border:0;width:100%;height:2.5rem;padding-left:var(--spacing-16, 1rem);color:var(--text-color, #807f83);font-size:var(--font-size-16, 1rem);line-height:1.5;vertical-align:unset;background:var(--light, #ffffff);border:none;border-radius:var(--border-radius-04, 0.25rem)}:host .outer-container .input-container input:focus{outline:0}:host .outer-container .input-container input[type=reset],:host .outer-container .input-container input[type=button],:host .outer-container .input-container input[type=submit],:host .outer-container .input-container input[type=checkbox],:host .outer-container .input-container input[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box}:host .outer-container .input-container input[type=search]{-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}:host .outer-container .input-container input.native{padding:0 var(--spacing-16, 1rem)}:host .outer-container .icon-prefix,:host .outer-container .icon-suffix{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;color:var(--dark, #000000)}:host .outer-container .icon-prefix{-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);font-size:var(--font-size-16, 1rem)}:host .outer-container .icon-suffix{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-right:var(--spacing-16, 1rem)}:host .outer-container .icon-suffix.clear{padding-right:var(--spacing-08, 0.5rem)}:host .time-input-container{margin:var(--margin)}:host .time-input-container .time-input-header{padding-bottom:var(--spacing-08, 0.5rem)}:host .time-input-container .time-inputs{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-wrap:wrap;flex-wrap:wrap}:host .time-input-container .time-inputs .hours-container,:host .time-input-container .time-inputs .minutes-container,:host .time-input-container .time-inputs .am-pm-container{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:4.375rem;height:2.5rem;padding:var(--spacing-08, 0.5rem);border:solid var(--border-width-01, 0.0625rem) var(--stable-alt, #d0d0d0);border-radius:0.3125rem}:host .time-input-container .time-inputs .hours-container input,:host .time-input-container .time-inputs .minutes-container input,:host .time-input-container .time-inputs .am-pm-container input{text-align:center}:host .time-input-container .time-inputs .hours-container .time-controls-container,:host .time-input-container .time-inputs .minutes-container .time-controls-container,:host .time-input-container .time-inputs .am-pm-container .time-controls-container{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:var(--font-size-12, 0.75rem)}:host .time-input-container .time-inputs .hours-container .time-controls-container .time-control-up,:host .time-input-container .time-inputs .hours-container .time-controls-container .time-control-down,:host .time-input-container .time-inputs .minutes-container .time-controls-container .time-control-up,:host .time-input-container .time-inputs .minutes-container .time-controls-container .time-control-down,:host .time-input-container .time-inputs .am-pm-container .time-controls-container .time-control-up,:host .time-input-container .time-inputs .am-pm-container .time-controls-container .time-control-down{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;color:var(--dark, #000000);cursor:pointer}:host .time-input-container .time-inputs .hours-container .time-controls-container .time-control-up yoo-icon,:host .time-input-container .time-inputs .hours-container .time-controls-container .time-control-down yoo-icon,:host .time-input-container .time-inputs .minutes-container .time-controls-container .time-control-up yoo-icon,:host .time-input-container .time-inputs .minutes-container .time-controls-container .time-control-down yoo-icon,:host .time-input-container .time-inputs .am-pm-container .time-controls-container .time-control-up yoo-icon,:host .time-input-container .time-inputs .am-pm-container .time-controls-container .time-control-down yoo-icon{font-weight:var(--font-weight-700, 700)}:host .time-input-container .time-inputs .hours-container .input-hours,:host .time-input-container .time-inputs .hours-container .input-minutes,:host .time-input-container .time-inputs .hours-container .input-am-pm,:host .time-input-container .time-inputs .minutes-container .input-hours,:host .time-input-container .time-inputs .minutes-container .input-minutes,:host .time-input-container .time-inputs .minutes-container .input-am-pm,:host .time-input-container .time-inputs .am-pm-container .input-hours,:host .time-input-container .time-inputs .am-pm-container .input-minutes,:host .time-input-container .time-inputs .am-pm-container .input-am-pm{display:inline-block;-webkit-box-sizing:content-box;box-sizing:content-box;min-width:0;margin:0;padding:0;font-family:var(--font-family, \"Lato\");line-height:1;white-space:normal;vertical-align:middle;background:none;border:0;max-width:2.0625rem;color:var(--dark, #000000)}:host .time-input-container .time-inputs .hours-container .input-hours:focus,:host .time-input-container .time-inputs .hours-container .input-minutes:focus,:host .time-input-container .time-inputs .hours-container .input-am-pm:focus,:host .time-input-container .time-inputs .minutes-container .input-hours:focus,:host .time-input-container .time-inputs .minutes-container .input-minutes:focus,:host .time-input-container .time-inputs .minutes-container .input-am-pm:focus,:host .time-input-container .time-inputs .am-pm-container .input-hours:focus,:host .time-input-container .time-inputs .am-pm-container .input-minutes:focus,:host .time-input-container .time-inputs .am-pm-container .input-am-pm:focus{outline:0}:host .time-input-container .time-inputs .hours-container .input-hours[type=reset],:host .time-input-container .time-inputs .hours-container .input-hours[type=button],:host .time-input-container .time-inputs .hours-container .input-hours[type=submit],:host .time-input-container .time-inputs .hours-container .input-hours[type=checkbox],:host .time-input-container .time-inputs .hours-container .input-hours[type=radio],:host .time-input-container .time-inputs .hours-container .input-minutes[type=reset],:host .time-input-container .time-inputs .hours-container .input-minutes[type=button],:host .time-input-container .time-inputs .hours-container .input-minutes[type=submit],:host .time-input-container .time-inputs .hours-container .input-minutes[type=checkbox],:host .time-input-container .time-inputs .hours-container .input-minutes[type=radio],:host .time-input-container .time-inputs .hours-container .input-am-pm[type=reset],:host .time-input-container .time-inputs .hours-container .input-am-pm[type=button],:host .time-input-container .time-inputs .hours-container .input-am-pm[type=submit],:host .time-input-container .time-inputs .hours-container .input-am-pm[type=checkbox],:host .time-input-container .time-inputs .hours-container .input-am-pm[type=radio],:host .time-input-container .time-inputs .minutes-container .input-hours[type=reset],:host .time-input-container .time-inputs .minutes-container .input-hours[type=button],:host .time-input-container .time-inputs .minutes-container .input-hours[type=submit],:host .time-input-container .time-inputs .minutes-container .input-hours[type=checkbox],:host .time-input-container .time-inputs .minutes-container .input-hours[type=radio],:host .time-input-container .time-inputs .minutes-container .input-minutes[type=reset],:host .time-input-container .time-inputs .minutes-container .input-minutes[type=button],:host .time-input-container .time-inputs .minutes-container .input-minutes[type=submit],:host .time-input-container .time-inputs .minutes-container .input-minutes[type=checkbox],:host .time-input-container .time-inputs .minutes-container .input-minutes[type=radio],:host .time-input-container .time-inputs .minutes-container .input-am-pm[type=reset],:host .time-input-container .time-inputs .minutes-container .input-am-pm[type=button],:host .time-input-container .time-inputs .minutes-container .input-am-pm[type=submit],:host .time-input-container .time-inputs .minutes-container .input-am-pm[type=checkbox],:host .time-input-container .time-inputs .minutes-container .input-am-pm[type=radio],:host .time-input-container .time-inputs .am-pm-container .input-hours[type=reset],:host .time-input-container .time-inputs .am-pm-container .input-hours[type=button],:host .time-input-container .time-inputs .am-pm-container .input-hours[type=submit],:host .time-input-container .time-inputs .am-pm-container .input-hours[type=checkbox],:host .time-input-container .time-inputs .am-pm-container .input-hours[type=radio],:host .time-input-container .time-inputs .am-pm-container .input-minutes[type=reset],:host .time-input-container .time-inputs .am-pm-container .input-minutes[type=button],:host .time-input-container .time-inputs .am-pm-container .input-minutes[type=submit],:host .time-input-container .time-inputs .am-pm-container .input-minutes[type=checkbox],:host .time-input-container .time-inputs .am-pm-container .input-minutes[type=radio],:host .time-input-container .time-inputs .am-pm-container .input-am-pm[type=reset],:host .time-input-container .time-inputs .am-pm-container .input-am-pm[type=button],:host .time-input-container .time-inputs .am-pm-container .input-am-pm[type=submit],:host .time-input-container .time-inputs .am-pm-container .input-am-pm[type=checkbox],:host .time-input-container .time-inputs .am-pm-container .input-am-pm[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box}:host .time-input-container .time-inputs .hours-container .input-hours[type=search],:host .time-input-container .time-inputs .hours-container .input-minutes[type=search],:host .time-input-container .time-inputs .hours-container .input-am-pm[type=search],:host .time-input-container .time-inputs .minutes-container .input-hours[type=search],:host .time-input-container .time-inputs .minutes-container .input-minutes[type=search],:host .time-input-container .time-inputs .minutes-container .input-am-pm[type=search],:host .time-input-container .time-inputs .am-pm-container .input-hours[type=search],:host .time-input-container .time-inputs .am-pm-container .input-minutes[type=search],:host .time-input-container .time-inputs .am-pm-container .input-am-pm[type=search]{-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}:host .time-input-container .time-inputs yoo-button{margin-top:var(--spacing-16, 1rem)}:host .time-input-container .time-inputs .minutes-container{margin:0 var(--spacing)}";
@@ -37,7 +37,7 @@ const YooFormTimeComponent = class {
       date.setHours(+selectedHours + hourDelay);
       date.setMinutes(+selectedMinutes);
       this.setAmPm(date);
-      formInputHelpers.setValueAndValidateInput(overlays.dateFormat(date, 'YYYY-MM-DDTHH:mm'), this);
+      formInputHelpers.setValueAndValidateInput(index$1.dateFormat(date, 'YYYY-MM-DDTHH:mm'), this);
       this.closePicker.emit(true);
     };
   }
@@ -46,67 +46,67 @@ const YooFormTimeComponent = class {
   }
   componentWillLoad() {
     formInputHelpers.setValidator(this);
-    this.is24Hour = overlays.is24Hour();
+    this.is24Hour = index$1.is24Hour();
     if (!this.value) {
       this.value = new Date();
     }
     if (this.minuteInterval === 60) {
-      this.value = overlays.setDateMinutes(this.value, 0);
-      this.value = overlays.setDateSeconds(this.value, 0);
-      this.value = overlays.setDateMilliseconds(this.value, 0);
+      this.value = index$1.setDateMinutes(this.value, 0);
+      this.value = index$1.setDateSeconds(this.value, 0);
+      this.value = index$1.setDateMilliseconds(this.value, 0);
     }
     this.setAmPm(this.value);
   }
   incrementValue(date = new Date(), timePortion = 'h') {
     let incrementedTime;
     const minutesIncr = this.minuteInterval;
-    date = overlays.roundToNearestMinutes(date, minutesIncr);
+    date = index$1.roundToNearestMinutes(date, minutesIncr);
     if (timePortion === 'ampm') {
       incrementedTime = this.toggleAmPm(date);
     }
     else if (timePortion === 'h') {
-      incrementedTime = overlays.dateAdd(date, 'h', 1);
+      incrementedTime = index$1.dateAdd(date, 'h', 1);
     }
     else if (timePortion === 'min') {
-      incrementedTime = overlays.dateAdd(date, 'mm', minutesIncr);
+      incrementedTime = index$1.dateAdd(date, 'mm', minutesIncr);
     }
     // Need to check whether we have a max date when incrementing and only set the value
     // if we are not going over, otherwise we set the maxDate
-    const maxDate = this.maxDate ? overlays.roundToNearestMinutes(this.maxDate, minutesIncr, true) : null;
-    if (maxDate && overlays.isDateAfter(incrementedTime, maxDate)) {
+    const maxDate = this.maxDate ? index$1.roundToNearestMinutes(this.maxDate, minutesIncr, true) : null;
+    if (maxDate && index$1.isDateAfter(incrementedTime, maxDate)) {
       incrementedTime = maxDate;
     }
     if (['h', 'min'].includes(timePortion)) {
       this.setAmPm(incrementedTime);
     }
-    formInputHelpers.setValueAndValidateInput(overlays.dateFormat(incrementedTime, 'YYYY-MM-DDTHH:mm'), this);
+    formInputHelpers.setValueAndValidateInput(index$1.dateFormat(incrementedTime, 'YYYY-MM-DDTHH:mm'), this);
   }
   decrementValue(date = new Date(), timePortion = 'h') {
     let decrementedTime;
     const minutesIncr = this.minuteInterval;
-    date = overlays.roundToNearestMinutes(date, minutesIncr);
+    date = index$1.roundToNearestMinutes(date, minutesIncr);
     if (timePortion === 'ampm') {
       decrementedTime = this.toggleAmPm(date);
     }
     else if (timePortion === 'h') {
-      decrementedTime = overlays.dateSub(date, 'h', 1);
+      decrementedTime = index$1.dateSub(date, 'h', 1);
     }
     else if (timePortion === 'min') {
-      decrementedTime = overlays.dateSub(date, 'mm', minutesIncr);
+      decrementedTime = index$1.dateSub(date, 'mm', minutesIncr);
     }
     // Need to check whether we have a min date when decrementing and only set the value
     // if we are not going under, otherwise we set the minDate
-    const minDate = this.minDate ? overlays.roundToNearestMinutes(this.minDate, minutesIncr) : null;
-    if (minDate && overlays.isDateBefore(decrementedTime, minDate)) {
+    const minDate = this.minDate ? index$1.roundToNearestMinutes(this.minDate, minutesIncr) : null;
+    if (minDate && index$1.isDateBefore(decrementedTime, minDate)) {
       decrementedTime = minDate;
     }
     if (['h', 'min'].includes(timePortion)) {
       this.setAmPm(decrementedTime);
     }
-    formInputHelpers.setValueAndValidateInput(overlays.dateFormat(decrementedTime, 'YYYY-MM-DDTHH:mm'), this);
+    formInputHelpers.setValueAndValidateInput(index$1.dateFormat(decrementedTime, 'YYYY-MM-DDTHH:mm'), this);
   }
   isAm(date) {
-    return overlays.getHours(date) < 12;
+    return index$1.getHours(date) < 12;
   }
   setAmPm(date) {
     if (!this.is24Hour) {
@@ -118,11 +118,11 @@ const YooFormTimeComponent = class {
     if (!this.is24Hour) {
       if (this.timePeriod === 'AM') {
         this.timePeriod = 'PM';
-        result = overlays.dateAdd(date, 'h', 12);
+        result = index$1.dateAdd(date, 'h', 12);
       }
       else if (this.timePeriod === 'PM') {
         this.timePeriod = 'AM';
-        result = overlays.dateSub(date, 'h', 12);
+        result = index$1.dateSub(date, 'h', 12);
       }
       this.amPmToggled.emit(this.timePeriod);
     }
@@ -138,10 +138,10 @@ const YooFormTimeComponent = class {
     return (index.h("div", { class: "am-pm-container" }, index.h("input", { name: "time", class: "input-am-pm", type: "text", value: this.timePeriod, required: this.required, readonly: true }), this.renderTimeControls('ampm')));
   }
   getDisplayHours(value) {
-    let hours = overlays.getHours(value);
+    let hours = index$1.getHours(value);
     if (!this.is24Hour) {
       // e.g. 03:30 PM
-      const amPmTime = overlays.dateFormat(this.value ? this.value : new Date(), 'hh:mm a');
+      const amPmTime = index$1.dateFormat(this.value ? this.value : new Date(), 'hh:mm a');
       if (amPmTime) {
         const splitTime = amPmTime.split(':');
         hours = splitTime[0];
@@ -150,19 +150,19 @@ const YooFormTimeComponent = class {
     return hours;
   }
   renderMinutesInput() {
-    return (index.h("div", { class: "minutes-container" }, index.h("input", { name: "minutes", ref: (el) => (this.minutesInput = el), class: "input-minutes", type: "text", value: overlays.getRoundedMinutes(this.value || new Date(), this.minuteInterval), required: this.required, readonly: true }), this.minuteInterval < 60 && this.renderTimeControls('min')));
+    return (index.h("div", { class: "minutes-container" }, index.h("input", { name: "minutes", ref: (el) => (this.minutesInput = el), class: "input-minutes", type: "text", value: index$1.getRoundedMinutes(this.value || new Date(), this.minuteInterval), required: this.required, readonly: true }), this.minuteInterval < 60 && this.renderTimeControls('min')));
   }
   renderHoursInput() {
     return (index.h("div", { class: "hours-container" }, index.h("input", { name: "hours", ref: (el) => (this.hoursInput = el), class: "input-hours", type: "text", value: this.value ? this.getDisplayHours(this.value) : this.getDisplayHours(new Date()), required: this.required, readonly: true }), this.renderTimeControls('h')));
   }
   renderAddButton() {
-    return (index.h("yoo-button", { color: "app-color", class: "expanded", onClick: this.setCurrentTime }, overlays.translate('YOOBICADD')));
+    return (index.h("yoo-button", { color: "app-color", class: "expanded", onClick: this.setCurrentTime }, index$1.translate('YOOBICADD')));
   }
   renderReadonly() {
-    return index.h("div", { class: "readonly" }, overlays.pipes.dateFormat.transform(this.value, 'LT'));
+    return index.h("div", { class: "readonly" }, index$1.pipes.dateFormat.transform(this.value, 'LT'));
   }
   renderEditable() {
-    return (index.h("div", { class: "time-input-container" }, index.h("div", { class: "time-input-header" }, overlays.translate('YOOBICTIME')), index.h("div", { class: "flex time-inputs" }, this.renderHoursInput(), this.renderMinutesInput(), !this.is24Hour && this.renderAmPmContainer(), this.type === 'time' && this.renderAddButton())));
+    return (index.h("div", { class: "time-input-container" }, index.h("div", { class: "time-input-header" }, index$1.translate('YOOBICTIME')), index.h("div", { class: "flex time-inputs" }, this.renderHoursInput(), this.renderMinutesInput(), !this.is24Hour && this.renderAmPmContainer(), this.type === 'time' && this.renderAddButton())));
   }
   render() {
     return this.readonly ? this.renderReadonly() : this.renderEditable();