@yoobic/yobi 8.5.0-60 → 8.5.0-61

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

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-const overlays = require('./overlays-e5d2ff76.js');
-require('./index-9aadeb94.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-require('./lodash-a9050d79.js');
+const index$1 = require('./index-0cfb67d1.js');
+require('./index-6f92bccb.js');
+const commonHelpers = require('./common-helpers-44428bf7.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
+require('./lodash-a9050d79.js');
 
 const googleColorSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMSAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTUuMDI1IDEwYzAtLjYzNS4xMDgtMS4yNDQuMy0xLjgxNUwxLjk2IDUuNjY4QTkuNjA2IDkuNjA2IDAgMCAwIC45MzQgMTBjMCAxLjU1Ny4zNyAzLjAyNSAxLjAyNCA0LjMyOGwzLjM2NC0yLjUyQTUuNjc2IDUuNjc2IDAgMCAxIDUuMDI1IDEwIiBmaWxsPSIjRkJCQzA1Ii8+CiAgICAgICAgPHBhdGggZD0iTTEwLjkzNCA0LjIyMmMxLjQxIDAgMi42ODIuNDkgMy42ODIgMS4yOWwyLjkxLTIuODQ1QzE1Ljc1MSAxLjE1NiAxMy40OC4yMjIgMTAuOTMzLjIyMmMtMy45NTIgMC03LjM0OCAyLjIxMy04Ljk3NCA1LjQ0NmwzLjM2NSAyLjUxN2MuNzc2LTIuMzA1IDIuOTg2LTMuOTYzIDUuNjEtMy45NjMiIGZpbGw9IiNFQTQzMzUiLz4KICAgICAgICA8cGF0aCBkPSJNMTAuOTM0IDE1Ljc3OGMtMi42MjMgMC00LjgzMy0xLjY1OC01LjYwOS0zLjk2M0wxLjk2IDE0LjMzMWMxLjYyNiAzLjIzNCA1LjAyMiA1LjQ0NyA4Ljk3NCA1LjQ0NyAyLjQ0IDAgNC43NjgtLjg0OCA2LjUxNi0yLjQzN2wtMy4xOTUtMi40MThjLS45MDEuNTU2LTIuMDM2Ljg1NS0zLjMyLjg1NSIgZmlsbD0iIzM0QTg1MyIvPgogICAgICAgIDxwYXRoIGQ9Ik0yMC40OCAxMGMwLS41NzgtLjA5MS0xLjItLjIyOC0xLjc3OGgtOS4zMThWMTJoNS4zNjRhNC40MDQgNC40MDQgMCAwIDEtMi4wNDMgMi45MjNsMy4xOTUgMi40MThjMS44MzYtMS42NjkgMy4wMy00LjE1NCAzLjAzLTcuMzQxIiBmaWxsPSIjNDI4NUY0Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=';
 
@@ -24,7 +24,7 @@ const Background = ({ hasBackgroundMedia, image }) => {
 };
 
 const Footer = ({ textColor, copyrightMessage, version, hasCustomBackground, onClick }) => (index.h("footer", { onClick: onClick, style: { color: hasCustomBackground ? textColor : 'inherit' } },
-  index.h("p", { class: "powered-by" }, overlays.translate('YOOBICPOWEREDBY')),
+  index.h("p", { class: "powered-by" }, index$1.translate('YOOBICPOWEREDBY')),
   index.h("p", { class: "copyright" }, copyrightMessage),
   index.h("p", null, "|"),
   index.h("p", { class: "version" }, `V${version}`)));
@@ -42,18 +42,18 @@ const LoginTitle = ({ style = {}, title, type = 'main' }) => {
 const Header = ({ logo, title, textColor, error, closeClick }) => [
   error && (index.h("yoo-banner", { id: "error-alert", class: {
       'center header': true,
-      sharp: !overlays.isWeb()
-    }, fill: true, closable: true, leftIcon: { name: 'info', color: overlays.isWeb() ? 'danger' : 'light' }, onCloseClick: closeClick, style: {
-      '--main-color': `var(--${overlays.isWeb() ? 'danger-20' : 'danger'})`,
-      '--main-text-color': `var(--${overlays.isWeb() ? 'dark' : 'light'})`,
-      '--close-icon-color': `var(--${overlays.isWeb() ? 'danger' : 'light'})`
+      sharp: !index$1.isWeb()
+    }, fill: true, closable: true, leftIcon: { name: 'info', color: index$1.isWeb() ? 'danger' : 'light' }, onCloseClick: closeClick, style: {
+      '--main-color': `var(--${index$1.isWeb() ? 'danger-20' : 'danger'})`,
+      '--main-text-color': `var(--${index$1.isWeb() ? 'dark' : 'light'})`,
+      '--close-icon-color': `var(--${index$1.isWeb() ? 'danger' : 'light'})`
     } },
     index.h("div", { slot: "content", class: {
         'error-content': true,
-        web: overlays.isWeb()
+        web: index$1.isWeb()
       } },
-      index.h("p", null, overlays.translate(error)),
-      index.h("a", { class: "link", style: { color: `var(--${overlays.isWeb() ? 'danger' : 'light'})` }, href: "mailto:support@yoobic.com" }, overlays.translate('YOOBICNEEDHELP'))))),
+      index.h("p", null, index$1.translate(error)),
+      index.h("a", { class: "link", style: { color: `var(--${index$1.isWeb() ? 'danger' : 'light'})` }, href: "mailto:support@yoobic.com" }, index$1.translate('YOOBICNEEDHELP'))))),
   index.h("header", { class: "header" },
     index.h("img", { src: logo, alt: "app logo" }),
     index.h(LoginTitle, { style: { color: textColor }, title: title }))
@@ -66,18 +66,18 @@ const LoginInput = ({ style, label, inputType, isFocused, bindReference, onIconC
     focused: isFocused,
     'has-value': hasValue
   }, style: style },
-  index.h("label", { htmlFor: `${inputType}-input` }, overlays.translate(label).toUpperCase()),
+  index.h("label", { htmlFor: `${inputType}-input` }, index$1.translate(label).toUpperCase()),
   index.h("div", { class: `inner-input-container ${inputType}` },
     index.h("div", { class: "icon-prefix", onMouseDown: (e) => e.preventDefault(), onClick: onIconClicked },
       index.h("yoo-icon", { name: inputType === 'username' ? 'email' : 'password', size: inputSize === 'medium' ? 'small' : 'medium', color: !isWhitelabel ? 'app-color' : 'dark' })),
-    index.h("input", { id: `${inputType}-input`, type: inputType === 'username' || showPassword ? 'text' : 'password', name: inputType, ref: (el) => bindReference(el, inputType), autoCapitalize: "none", autoComplete: inputType === 'username' ? inputType : 'current-password', placeholder: overlays.translate(`${inputType === 'username' ? 'YOOBICUSERNAME' : 'YOOBICPASSWORD'}ENTER`), required: true, onBlur: () => onInputBlurred(), onChange: (ev) => onInputChanged(ev), onInput: (ev) => onInputChanged(ev), onFocus: () => onInputFocused(), onKeyDown: (ev) => onKeyPress(ev), value: inputValue }),
+    index.h("input", { id: `${inputType}-input`, type: inputType === 'username' || showPassword ? 'text' : 'password', name: inputType, ref: (el) => bindReference(el, inputType), autoCapitalize: "none", autoComplete: inputType === 'username' ? inputType : 'current-password', placeholder: index$1.translate(`${inputType === 'username' ? 'YOOBICUSERNAME' : 'YOOBICPASSWORD'}ENTER`), required: true, onBlur: () => onInputBlurred(), onChange: (ev) => onInputChanged(ev), onInput: (ev) => onInputChanged(ev), onFocus: () => onInputFocused(), onKeyDown: (ev) => onKeyPress(ev), value: inputValue }),
     inputType === 'password' && index.h("div", { class: 'icon-suffix-focus input-show-icon', onMouseDown: (e) => e.preventDefault(), onClick: () => onShowPassword() },
       index.h("yoo-icon", { size: inputSize === 'medium' ? 'small' : 'medium', name: showPassword ? 'offline' : 'eye', color: "stable-alt" })),
     index.h("div", { class: `icon-suffix-focus ${inputType}-input-clear-icon`, onMouseDown: (e) => e.preventDefault(), onClick: () => (hasValue ? clearInput() : null) },
       index.h("yoo-icon", { size: inputSize === 'medium' ? 'small' : 'medium', name: "cross" })))));
 
 const LoginForm = ({ ssoOnly, fieldTitleColor, getInputLabel, getDefaultInputValue, getInputValue, bindReference, clearInput, onIconClicked, focusedInput, showPassword, loginButtonRef, onEnterPressed, onInputBlurred, onInputChanged, onInputFocused, onFormSubmit, onShowPassword, helpButtonElement, magicButtonElement, ssoLoginButtonElement, isWhitelabel, buttonColor }) => {
-  const inputAndButtonSize = overlays.isWeb() ? 'medium' : 'large';
+  const inputAndButtonSize = index$1.isWeb() ? 'medium' : 'large';
   const loginDisabled = !(!!(getInputValue('username') || '') && !!(getInputValue('password') || ''));
   const onKeyPress = (e) => {
     if (e.key === 'Enter') {
@@ -85,24 +85,24 @@ const LoginForm = ({ ssoOnly, fieldTitleColor, getInputLabel, getDefaultInputVal
     }
   };
   const renderInputContainer = (type) => {
-    return (index.h(LoginInput, { style: { '--field-title-color': fieldTitleColor }, isFocused: type === focusedInput, inputType: type, label: getInputLabel(type), bindReference: bindReference, onIconClicked: () => onIconClicked(type), inputSize: inputAndButtonSize, inputValue: overlays.isPresent(getInputValue(type)) ? getInputValue(type) : getDefaultInputValue(type) || '', hasValue: getInputValue(type) || getDefaultInputValue(type) || '' ? true : false, onShowPassword: onShowPassword, showPassword: showPassword, onInputChanged: (e) => onInputChanged(e, type), onKeyPress: (e) => onKeyPress(e), onInputFocused: () => onInputFocused(type), onInputBlurred: () => onInputBlurred(), clearInput: () => clearInput(type), isMobile: !overlays.isWeb(), isWhitelabel: isWhitelabel }));
+    return (index.h(LoginInput, { style: { '--field-title-color': fieldTitleColor }, isFocused: type === focusedInput, inputType: type, label: getInputLabel(type), bindReference: bindReference, onIconClicked: () => onIconClicked(type), inputSize: inputAndButtonSize, inputValue: index$1.isPresent(getInputValue(type)) ? getInputValue(type) : getDefaultInputValue(type) || '', hasValue: getInputValue(type) || getDefaultInputValue(type) || '' ? true : false, onShowPassword: onShowPassword, showPassword: showPassword, onInputChanged: (e) => onInputChanged(e, type), onKeyPress: (e) => onKeyPress(e), onInputFocused: () => onInputFocused(type), onInputBlurred: () => onInputBlurred(), clearInput: () => clearInput(type), isMobile: !index$1.isWeb(), isWhitelabel: isWhitelabel }));
   };
   return !ssoOnly ? (index.h("form", { autoComplete: "on", id: "login-form", novalidate: true, onSubmit: onFormSubmit },
     renderInputContainer('username'),
     renderInputContainer('password'),
-    index.h("div", { class: { 'help-buttons': true, mobile: !overlays.isWeb() } },
-      overlays.isWeb() && magicButtonElement,
+    index.h("div", { class: { 'help-buttons': true, mobile: !index$1.isWeb() } },
+      index$1.isWeb() && magicButtonElement,
       helpButtonElement),
     index.h("input", { id: "default-login-button", class: {
         [inputAndButtonSize]: true,
-        mobile: !overlays.isWeb(),
+        mobile: !index$1.isWeb(),
         disabled: loginDisabled
-      }, ref: loginButtonRef, type: "submit", form: "login-form", name: "doLogin", disabled: loginDisabled, value: overlays.translate('YOOBICLOGIN'), style: buttonColor && !loginDisabled ? { backgroundColor: buttonColor, color: overlays.getContrastColor(buttonColor) } : undefined }))) : (index.h("div", { class: "sso-only-login" }, ssoLoginButtonElement));
+      }, ref: loginButtonRef, type: "submit", form: "login-form", name: "doLogin", disabled: loginDisabled, value: index$1.translate('YOOBICLOGIN'), style: buttonColor && !loginDisabled ? { backgroundColor: buttonColor, color: index$1.getContrastColor(buttonColor) } : undefined }))) : (index.h("div", { class: "sso-only-login" }, ssoLoginButtonElement));
 };
 
 const Divider = ({ style }) => (index.h("div", { id: "divider", style: style },
   index.h("div", null),
-  index.h("p", null, overlays.translate('YOOBICOR')),
+  index.h("p", null, index$1.translate('YOOBICOR')),
   index.h("div", null)));
 
 const LoginOptions = ({ ssoOnly, hideAdvancedLogin, hideGoogleLogin, hasCustomBackground, dividerColor, googleLoginButtonElement, ssoLoginButtonElement }) => {
@@ -112,7 +112,7 @@ const LoginOptions = ({ ssoOnly, hideAdvancedLogin, hideGoogleLogin, hasCustomBa
         'sso-only': ssoOnly,
         'hide-google-login': hideGoogleLogin,
         'hide-advanced-login': hideAdvancedLogin,
-        mobile: !overlays.isWeb()
+        mobile: !index$1.isWeb()
       } },
       index.h(Divider, { style: hasCustomBackground ? { '--divider-color': dividerColor } : undefined }),
       googleLoginButtonElement,
@@ -121,7 +121,7 @@ const LoginOptions = ({ ssoOnly, hideAdvancedLogin, hideGoogleLogin, hasCustomBa
 };
 
 const MainContent = ({ subtitle, textColor }, children) => (index.h("div", { class: "main-content" },
-  index.h(LoginTitle, { style: { color: textColor }, title: overlays.translate(subtitle), type: "sub" }),
+  index.h(LoginTitle, { style: { color: textColor }, title: index$1.translate(subtitle), type: "sub" }),
   children));
 
 const Sidepanel = ({ image, title, textColor }) => (index.h("div", { class: "sidepanel" },
@@ -188,19 +188,19 @@ const YooLoginComponent = class {
   componentWillLoad() {
     this.defaultUsername && (this.username = this.defaultUsername);
     this.defaultPassword && (this.password = this.defaultPassword);
-    overlays.setStatusBarDarkMode(true);
-    overlays.disableKeyboardResize();
-    overlays.isNativeMobile() && this.setKeyboardListeners();
+    index$1.setStatusBarDarkMode(true);
+    index$1.disableKeyboardResize();
+    index$1.isNativeMobile() && this.setKeyboardListeners();
   }
   componentDidLoad() {
     var _a;
-    !overlays.isNativeMobile() && overlays.isChrome() && this.checkAutofill();
-    (_a = overlays.ScreenOrientation === null || overlays.ScreenOrientation === void 0 ? void 0 : overlays.ScreenOrientation.onChange) === null || _a === void 0 ? void 0 : _a.call(overlays.ScreenOrientation).subscribe(() => index.forceUpdate(this));
+    !index$1.isNativeMobile() && index$1.isChrome() && this.checkAutofill();
+    (_a = index$1.ScreenOrientation === null || index$1.ScreenOrientation === void 0 ? void 0 : index$1.ScreenOrientation.onChange) === null || _a === void 0 ? void 0 : _a.call(index$1.ScreenOrientation).subscribe(() => index.forceUpdate(this));
     this.validateLogin();
   }
   disconnectedCallback() {
-    overlays.setStatusBarDarkMode(false);
-    overlays.isAndroid() && overlays.removeKeyboardEventListeners();
+    index$1.setStatusBarDarkMode(false);
+    index$1.isAndroid() && index$1.removeKeyboardEventListeners();
   }
   checkAutofill() {
     let areFieldsAutofilled = false;
@@ -221,7 +221,7 @@ const YooLoginComponent = class {
     this[type] = e.target.value;
   }
   onInputFocused(type) {
-    if (!overlays.isNativeMobile()) {
+    if (!index$1.isNativeMobile()) {
       this.isFocused = true;
     }
     else {
@@ -231,7 +231,7 @@ const YooLoginComponent = class {
         this.contentContainerElement.style.position = 'absolute';
       }
       else {
-        overlays.isAndroid() && (this.contentContainerElement.style.position = 'unset');
+        index$1.isAndroid() && (this.contentContainerElement.style.position = 'unset');
         this.keyboardState = 'open';
         this.isFocused = true;
       }
@@ -240,7 +240,7 @@ const YooLoginComponent = class {
     this.focusedInput = type;
   }
   onInputBlurred() {
-    if (!overlays.isNativeMobile()) {
+    if (!index$1.isNativeMobile()) {
       this.isFocused = false;
     }
     else {
@@ -272,7 +272,7 @@ const YooLoginComponent = class {
     this.googleLoginRequested.emit(true);
   }
   onForgotPassword() {
-    overlays.isIonic(this.host) ? this.presentActionSheet() : this.passwordResetModalRequested.emit(true);
+    index$1.isIonic(this.host) ? this.presentActionSheet() : this.passwordResetModalRequested.emit(true);
   }
   validateAndLogin() {
     this.validateLogin();
@@ -283,9 +283,9 @@ const YooLoginComponent = class {
     this.validateAndLogin();
   }
   presentActionSheet() {
-    overlays.showActionSheet([
-      { text: overlays.translate(this.resetPasswordText), handler: () => this.passwordResetModalRequested.emit(true) },
-      { text: overlays.translate(this.magicLinkText), handler: () => this.magicLinkModalRequested.emit(true) }
+    index$1.showActionSheet([
+      { text: index$1.translate(this.resetPasswordText), handler: () => this.passwordResetModalRequested.emit(true) },
+      { text: index$1.translate(this.magicLinkText), handler: () => this.magicLinkModalRequested.emit(true) }
     ]);
   }
   clearInput(type) {
@@ -309,19 +309,19 @@ const YooLoginComponent = class {
     input.focus();
   }
   setKeyboardListeners() {
-    overlays.addKeyboardEventListener('keyboardWillShow', () => {
+    index$1.addKeyboardEventListener('keyboardWillShow', () => {
       this.keyboardState = 'transitioning';
     });
-    overlays.addKeyboardEventListener('keyboardWillHide', () => {
+    index$1.addKeyboardEventListener('keyboardWillHide', () => {
       this.keyboardState = 'transitioning';
     });
-    overlays.addKeyboardEventListener('keyboardDidShow', () => {
-      overlays.isAndroid() && (this.contentContainerElement.style.position = 'unset');
+    index$1.addKeyboardEventListener('keyboardDidShow', () => {
+      index$1.isAndroid() && (this.contentContainerElement.style.position = 'unset');
       this.keyboardState = 'open';
       this.isFocused = true;
     });
-    overlays.addKeyboardEventListener('keyboardDidHide', () => {
-      overlays.isAndroid() && (this.contentContainerElement.style.position = 'unset');
+    index$1.addKeyboardEventListener('keyboardDidHide', () => {
+      index$1.isAndroid() && (this.contentContainerElement.style.position = 'unset');
       this.keyboardState = 'closed';
       this.isFocused = false;
     });
@@ -351,7 +351,7 @@ const YooLoginComponent = class {
   getButton(type, onClick, ref = undefined) {
     const isOtherLoginOptions = ['GOOGLE', 'SSO'].includes(type);
     const isHelpButton = ['HELP', 'MAGIC'].includes(type);
-    return (index.h("yoo-button", { id: !isHelpButton ? `${type.toLowerCase()}-login-button` : `${type.toLowerCase()}-button`, color: !isOtherLoginOptions ? 'app-color' : 'light', customColor: this.textColor && isHelpButton ? { color: this.textColor } : undefined, fill: isHelpButton ? 'transparent' : 'solid', size: overlays.isWeb(this.host) ? (isHelpButton ? 'small' : 'medium') : isHelpButton ? 'medium' : 'large', animated: false, onClick: onClick, ref: ref }, type === 'SSO' && index.h("yoo-icon", { size: overlays.isWeb(this.host) ? 'small' : 'medium', slot: "start", name: "lock", color: "dark" }), type === 'GOOGLE' && index.h("img", { class: "google-logo", src: googleColorSvg, alt: "google logo", slot: "start" }), isHelpButton ? overlays.translate(type === 'HELP' ? this.helpText : this.magicLinkText) : overlays.translate(`YOOBIC${type !== 'SSO-DEFAULT' ? type : ''}LOGIN`)));
+    return (index.h("yoo-button", { id: !isHelpButton ? `${type.toLowerCase()}-login-button` : `${type.toLowerCase()}-button`, color: !isOtherLoginOptions ? 'app-color' : 'light', customColor: this.textColor && isHelpButton ? { color: this.textColor } : undefined, fill: isHelpButton ? 'transparent' : 'solid', size: index$1.isWeb(this.host) ? (isHelpButton ? 'small' : 'medium') : isHelpButton ? 'medium' : 'large', animated: false, onClick: onClick, ref: ref }, type === 'SSO' && index.h("yoo-icon", { size: index$1.isWeb(this.host) ? 'small' : 'medium', slot: "start", name: "lock", color: "dark" }), type === 'GOOGLE' && index.h("img", { class: "google-logo", src: googleColorSvg, alt: "google logo", slot: "start" }), isHelpButton ? index$1.translate(type === 'HELP' ? this.helpText : this.magicLinkText) : index$1.translate(`YOOBIC${type !== 'SSO-DEFAULT' ? type : ''}LOGIN`)));
   }
   render() {
     return (index.h(index.Host, { style: {

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
+require('./index-6f92bccb.js');
 const _commonjsHelpers = require('./_commonjsHelpers-94df2ea7.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
 require('./index-a1bbe627.js');
 
@@ -18702,7 +18702,7 @@ const YooLottieComponent = class {
     /**
      * Animation will start only if animated is `true`
      */
-    this.animated = !overlays.isChromatic();
+    this.animated = !index$1.isChromatic();
     /**
      * If `true`, the animation runs infinitely.
      * If a number, the animation runs for a specific amount of loops.
@@ -18776,7 +18776,7 @@ const YooLottieComponent = class {
       }
       if (this.type === 'thankyou') {
         (_a = this.animation) === null || _a === void 0 ? void 0 : _a.renderer.elements[9].canResizeFont(true);
-        (_b = this.animation) === null || _b === void 0 ? void 0 : _b.renderer.elements[9].updateDocumentData({ t: overlays.translate('THANKYOU') });
+        (_b = this.animation) === null || _b === void 0 ? void 0 : _b.renderer.elements[9].updateDocumentData({ t: index$1.translate('THANKYOU') });
       }
       this.loaded.emit();
     };

package/dist/cjs/yoo-map-gl.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
+require('./index-6f92bccb.js');
 const lodash = require('./lodash-a9050d79.js');
-const mapHelpers = require('./map-helpers-54d0eecb.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const mapHelpers = require('./map-helpers-6a25a362.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
@@ -34,13 +34,13 @@ const YooMapGlComponent = class {
     this.isDestroyed = false;
     this.isLoaded = false;
     this.clusterColors = {
-      available: overlays.getCssColor('accent'),
-      tobevalidated: overlays.getCssColor('info'),
-      validated: overlays.getCssColor('success'),
-      rejected: overlays.getCssColor('danger'),
-      booked: overlays.getCssColor('warning'),
-      archived: overlays.getCssColor('dark'),
-      pausedmission: overlays.getCssColor('dark')
+      available: index$1.getCssColor('accent'),
+      tobevalidated: index$1.getCssColor('info'),
+      validated: index$1.getCssColor('success'),
+      rejected: index$1.getCssColor('danger'),
+      booked: index$1.getCssColor('warning'),
+      archived: index$1.getCssColor('dark'),
+      pausedmission: index$1.getCssColor('dark')
     };
   }
   onMarkersChanged() {
@@ -109,7 +109,7 @@ const YooMapGlComponent = class {
     this.iconColors = mapHelpers.getMapCSSClasses();
   }
   componentDidLoad() {
-    const ANIMATION_DURATION = overlays.isNativeMobile() ? 500 : 0;
+    const ANIMATION_DURATION = index$1.isNativeMobile() ? 500 : 0;
     mapboxgl.accessToken = 'pk.eyJ1IjoieW9vYmljIiwiYSI6ImNpcTNxaGgwYzAwNjhodm5rdDRmM3JtMmwifQ.Ro3b2vKP5fMMd8ibPKy65A';
     setTimeout(() => {
       this.initMap();
@@ -286,7 +286,7 @@ const YooMapGlComponent = class {
     }
   }
   addControls() {
-    if (overlays.isWeb(this.host)) {
+    if (index$1.isWeb(this.host)) {
       this.map.addControl(new mapboxgl.NavigationControl(), 'top-right');
     }
     const geolocateCtrl = new mapboxgl.GeolocateControl({
@@ -338,7 +338,7 @@ const YooMapGlComponent = class {
       }
       // set original filter-groups
       this.setOriginalFilterGroups(originalFilterGroups);
-      if (overlays.isAndroid()) {
+      if (index$1.isAndroid()) {
         this.onResize();
       }
     }
@@ -455,7 +455,7 @@ const YooMapGlComponent = class {
         id: 'cluster_count_' + layerId,
         type: 'symbol',
         source: 'data_' + layerId,
-        paint: { 'text-color': overlays.getCssColor('light') },
+        paint: { 'text-color': index$1.getCssColor('light') },
         filter: ['>=', 'point_count', 0],
         layout: { 'text-field': '{point_count}', 'text-size': 12 }
       });

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
+require('./index-6f92bccb.js');
 const lodash = require('./lodash-a9050d79.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const mapHelpers = require('./map-helpers-54d0eecb.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const commonHelpers = require('./common-helpers-44428bf7.js');
+const mapHelpers = require('./map-helpers-6a25a362.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
@@ -111,7 +111,7 @@ const YooMapJsComponent = class {
     }
     else {
       // loading the mapbox JS
-      return overlays.loadScript('https://api.mapbox.com/mapbox.js/v3.1.1/mapbox.js').then(() => {
+      return index$1.loadScript('https://api.mapbox.com/mapbox.js/v3.1.1/mapbox.js').then(() => {
         return Promise.resolve(window.L);
       });
     }
@@ -221,7 +221,7 @@ const YooMapJsComponent = class {
   }
   createClusterGroup(clusters = []) {
     this.getMapbox().then((leaflet) => {
-      overlays.loadScript('https://api.mapbox.com/mapbox.js/plugins/leaflet-markercluster/v1.0.0/leaflet.markercluster.js').then(() => {
+      index$1.loadScript('https://api.mapbox.com/mapbox.js/plugins/leaflet-markercluster/v1.0.0/leaflet.markercluster.js').then(() => {
         if (leaflet.MarkerClusterGroup && this.mapEntry.legendColors) {
           clusters.forEach((cluster) => {
             const color = this.getColor(cluster);
@@ -325,7 +325,7 @@ const YooMapJsComponent = class {
   }
   addDirections(profile) {
     this.getMapbox().then((leaflet) => {
-      overlays.loadScript('https://api.mapbox.com/mapbox.js/plugins/mapbox-directions.js/v0.4.0/mapbox.directions.js').then(() => {
+      index$1.loadScript('https://api.mapbox.com/mapbox.js/plugins/mapbox-directions.js/v0.4.0/mapbox.directions.js').then(() => {
         const directions = leaflet.mapbox.directions({
           profile
         });
@@ -352,7 +352,7 @@ const YooMapJsComponent = class {
   }
   onFilterGroupsChange() {
     this.getMapbox().then((leaflet) => {
-      overlays.loadScript('https://api.mapbox.com/mapbox.js/plugins/leaflet-markercluster/v1.0.0/leaflet.markercluster.js').then(() => {
+      index$1.loadScript('https://api.mapbox.com/mapbox.js/plugins/leaflet-markercluster/v1.0.0/leaflet.markercluster.js').then(() => {
         if (this.mapEntry.legendColors) {
           // remove all feature layers of the map
           this.removeFeatureGroupLayers();

package/dist/cjs/yoo-map-legend.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const mapHelpers = require('./map-helpers-54d0eecb.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-6f92bccb.js');
+const commonHelpers = require('./common-helpers-44428bf7.js');
+const mapHelpers = require('./map-helpers-6a25a362.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
@@ -21,25 +21,25 @@ const YooMapLegendComponent = class {
   }
   componentWillLoad() {
     this.legendColors = mapHelpers.getMapCSSClasses();
-    this.legendVisible = overlays.isWeb(this.host);
+    this.legendVisible = index$1.isWeb(this.host);
   }
   onCloseClicked() {
     this.legendVisible = false;
-    overlays.setAnimation(overlays.animations.backgroundFade, this.legendToggleContainer, { open: true });
+    index$1.setAnimation(index$1.animations.backgroundFade, this.legendToggleContainer, { open: true });
   }
   toggleLegend() {
     this.legendVisible = true;
-    overlays.setAnimation(overlays.animations.backgroundFade, this.mapLegendContainer, { open: true, duration: 300 });
+    index$1.setAnimation(index$1.animations.backgroundFade, this.mapLegendContainer, { open: true, duration: 300 });
   }
   renderLegendHeader() {
     return [
-      index.h("div", { class: "legend-header" }, index.h("span", null, overlays.translate('LEGEND'))),
+      index.h("div", { class: "legend-header" }, index.h("span", null, index$1.translate('LEGEND'))),
       index.h("div", { class: "close", onClick: () => this.onCloseClicked() }, index.h("yoo-icon", { name: "close" }))
     ];
   }
   renderFilter(filter) {
     var _a;
-    return (index.h("div", { id: filter.value, class: "filter", onClick: () => this.filterClicked.emit(filter) }, index.h("div", { class: "filter-count", style: { background: `var(--${this.legendColors[filter.value]})` } }, index.h("span", null, (_a = filter.count) === null || _a === void 0 ? void 0 : _a.toLocaleString())), index.h("span", { class: "filter-title" }, overlays.translate(filter.title)), index.h("yoo-form-checkbox", { value: filter.visible })));
+    return (index.h("div", { id: filter.value, class: "filter", onClick: () => this.filterClicked.emit(filter) }, index.h("div", { class: "filter-count", style: { background: `var(--${this.legendColors[filter.value]})` } }, index.h("span", null, (_a = filter.count) === null || _a === void 0 ? void 0 : _a.toLocaleString())), index.h("span", { class: "filter-title" }, index$1.translate(filter.title)), index.h("yoo-form-checkbox", { value: filter.visible })));
   }
   renderMapLegendContainer() {
     return (index.h("div", { class: "map-legend-container", ref: (el) => (this.mapLegendContainer = el) }, index.h("div", { class: "legend-header-container" }, this.renderLegendHeader()), index.h("div", { class: "filter-group" }, this.filterGroups.map((filter) => {

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
+require('./index-6f92bccb.js');
 const lodash = require('./lodash-a9050d79.js');
-const mapHelpers = require('./map-helpers-54d0eecb.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const mapHelpers = require('./map-helpers-6a25a362.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
@@ -93,7 +93,7 @@ const YooMapComponent = class {
     }
   }
   componentWillLoad() {
-    if (overlays.isCurrentLanguageChinese()) {
+    if (index$1.isCurrentLanguageChinese()) {
       this.isChinese = true;
     }
     this.zoom = this.zoom || (this.isChinese ? 6 : 12);
@@ -161,7 +161,7 @@ const YooMapComponent = class {
     }
   }
   renderHeader() {
-    return (index.h("yoo-header", null, index.h("yoo-navbar", null, index.h("yoo-items", { slot: "start" }, index.h("yoo-button", { shape: "circular", fill: "transparent", color: "text-color", onClick: () => overlays.closeModal(null) }, index.h("yoo-icon", { name: "left" }))), index.h("yoo-truncate", null, overlays.translate('YOOBICMAP')), this.showGetDirectionsButton ? (index.h("yoo-items", { slot: "end" }, index.h("yoo-button", { fill: "transparent", color: "app-color", onClick: () => this.showGetDirectionsActionSheet() }, index.h("div", null, overlays.translate('DIRECTIONS'))))) : null)));
+    return (index.h("yoo-header", null, index.h("yoo-navbar", null, index.h("yoo-items", { slot: "start" }, index.h("yoo-button", { shape: "circular", fill: "transparent", color: "text-color", onClick: () => index$1.closeModal(null) }, index.h("yoo-icon", { name: "left" }))), index.h("yoo-truncate", null, index$1.translate('YOOBICMAP')), this.showGetDirectionsButton ? (index.h("yoo-items", { slot: "end" }, index.h("yoo-button", { fill: "transparent", color: "app-color", onClick: () => this.showGetDirectionsActionSheet() }, index.h("div", null, index$1.translate('DIRECTIONS'))))) : null)));
   }
   renderMapGL() {
     return (index.h("yoo-map-gl", { class: {

package/dist/cjs/yoo-markdown.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');
@@ -40,15 +40,15 @@ const YooMarkdownComponent = class {
     }
   }
   async setContent() {
-    if (overlays.isOffline() || overlays.isYoobicSecuredDocTenant()) {
-      const markdownUrls = overlays.getURLs(this.treatedContent);
+    if (index$1.isOffline() || index$1.isYoobicSecuredDocTenant()) {
+      const markdownUrls = index$1.getURLs(this.treatedContent);
       for (const url of markdownUrls) {
-        const cachedFile = await localForage.getFromLocalForage(overlays.getKeyToCache(url));
+        const cachedFile = await localForage.getFromLocalForage(index$1.getKeyToCache(url));
         if (cachedFile) {
-          this.treatedContent = this.treatedContent.replace(url, (overlays.cleanupWKWebViewFilePath(cachedFile)));
+          this.treatedContent = this.treatedContent.replace(url, (index$1.cleanupWKWebViewFilePath(cachedFile)));
         }
       }
-      this.treatedContent = overlays.setSecuredContent(this.treatedContent);
+      this.treatedContent = index$1.setSecuredContent(this.treatedContent);
       index.forceUpdate(this);
     }
   }

package/dist/cjs/yoo-memo-list-dialog.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-6f92bccb.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
@@ -18,48 +18,48 @@ const YooMemoListDialogComponent = class {
     this.usersView = index.createEvent(this, "usersView", 7);
   }
   showDeleteAlert(memo) {
-    const title = overlays.translate('DELETE');
-    const bodyMessage = overlays.translate('DELETETODOTASKCONFIRM');
-    overlays.showAlert(title, [overlays.translate('CANCEL'), overlays.translate('YOOBICOK')], bodyMessage).then((ret) => {
+    const title = index$1.translate('DELETE');
+    const bodyMessage = index$1.translate('DELETETODOTASKCONFIRM');
+    index$1.showAlert(title, [index$1.translate('CANCEL'), index$1.translate('YOOBICOK')], bodyMessage).then((ret) => {
       if (ret === true) {
-        overlays.closeModal({ memo, action: 'delete' });
+        index$1.closeModal({ memo, action: 'delete' });
       }
     });
   }
   onClose() {
     if (this.changed) {
-      overlays.closeModal({ memo: this.memo, action: 'update' });
+      index$1.closeModal({ memo: this.memo, action: 'update' });
     }
     else {
-      overlays.closeModal(null);
+      index$1.closeModal(null);
     }
   }
   onCloseActionSheet(memo, action) {
     this.actionSheetDismiss = { memo, action };
   }
   onViewUsers(memo) {
-    overlays.closeModal({ memo, action: 'view_users' });
+    index$1.closeModal({ memo, action: 'view_users' });
   }
   onShowActionSheet(memo) {
     const buttons = [
       {
         actionType: 'edit',
-        text: overlays.translate('YOOBICEDIT'),
+        text: index$1.translate('YOOBICEDIT'),
         handler: () => this.onCloseActionSheet(memo, 'edit')
       },
       {
         actionType: 'delete',
-        text: overlays.translate('DELETE'),
+        text: index$1.translate('DELETE'),
         handler: () => this.onCloseActionSheet(memo, 'delete')
       }
     ];
-    overlays.showActionSheet(buttons, 'black').then(() => {
+    index$1.showActionSheet(buttons, 'black').then(() => {
       const ANIMATION_DURATION = 300;
       if (this.actionSheetDismiss) {
         const action = this.actionSheetDismiss.action;
         setTimeout(() => {
           if (action === 'edit') {
-            overlays.closeModal(this.actionSheetDismiss);
+            index$1.closeModal(this.actionSheetDismiss);
           }
           else {
             this.showDeleteAlert(this.actionSheetDismiss.memo);
@@ -97,17 +97,17 @@ const YooMemoListDialogComponent = class {
     }
   }
   renderHeader() {
-    return (index.h("yoo-header", null, index.h("yoo-navbar", null, index.h("yoo-items", { slot: "start" }, index.h("yoo-button", { color: "text-color", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onClose() }, index.h("yoo-icon", { name: "left", color: "text-color" }))), index.h("yoo-truncate", null, overlays.translate('TASKDETAIL')), overlays.isMemoEditable(this.memo, overlays.getSession()) ? (index.h("yoo-items", { slot: "end" }, index.h("yoo-button", { color: "text-color", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onShowActionSheet(this.memo) }, index.h("yoo-icon", { name: "more", color: "text-color" })))) : null)));
+    return (index.h("yoo-header", null, index.h("yoo-navbar", null, index.h("yoo-items", { slot: "start" }, index.h("yoo-button", { color: "text-color", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onClose() }, index.h("yoo-icon", { name: "left", color: "text-color" }))), index.h("yoo-truncate", null, index$1.translate('TASKDETAIL')), index$1.isMemoEditable(this.memo, index$1.getSession()) ? (index.h("yoo-items", { slot: "end" }, index.h("yoo-button", { color: "text-color", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onShowActionSheet(this.memo) }, index.h("yoo-icon", { name: "more", color: "text-color" })))) : null)));
   }
   renderContent() {
-    const readonly = this.memo.usersRef.indexOf(overlays.getSession().userId) < 0;
-    const allowAnnotate = this.memo.usersRef.indexOf(overlays.getSession().userId) >= 0 || this.memo.creatorRef === overlays.getSession().userId;
-    return (index.h("yoo-ion-content", { scrollEnabled: false, class: "bg-light" }, index.h("div", { class: "inner-container" }, index.h("div", { class: "left-container" }, index.h("yoo-form-checkbox", { value: this.memo.done, readonly: readonly, onInputChanged: (event) => (!readonly ? this.onMemoToggle(event, this.memo) : null) })), index.h("div", { class: "right-container" }, index.h("div", { class: 'title' + (this.memo.done ? ' completed' : ' active'), ref: (el) => (this.memoElement = el) }, this.memo.title), this.memo.description ? index.h("div", { class: "description" }, this.memo.description) : null, this.memo.duedate ? (index.h("div", { class: { date: true, danger: this.type !== 'closed' && overlays.isDateBefore(this.memo.duedate, new Date()) } }, index.h("yoo-icon", { name: "alarm" }), " ", overlays.pipes.dateFormat.transform(this.memo.duedate, 'L'))) : null, index.h("div", { class: "avatar-box" }, index.h("div", { class: "avatar-container" }, index.h("ul", null, this.memo.users.map((user) => {
+    const readonly = this.memo.usersRef.indexOf(index$1.getSession().userId) < 0;
+    const allowAnnotate = this.memo.usersRef.indexOf(index$1.getSession().userId) >= 0 || this.memo.creatorRef === index$1.getSession().userId;
+    return (index.h("yoo-ion-content", { scrollEnabled: false, class: "bg-light" }, index.h("div", { class: "inner-container" }, index.h("div", { class: "left-container" }, index.h("yoo-form-checkbox", { value: this.memo.done, readonly: readonly, onInputChanged: (event) => (!readonly ? this.onMemoToggle(event, this.memo) : null) })), index.h("div", { class: "right-container" }, index.h("div", { class: 'title' + (this.memo.done ? ' completed' : ' active'), ref: (el) => (this.memoElement = el) }, this.memo.title), this.memo.description ? index.h("div", { class: "description" }, this.memo.description) : null, this.memo.duedate ? (index.h("div", { class: { date: true, danger: this.type !== 'closed' && index$1.isDateBefore(this.memo.duedate, new Date()) } }, index.h("yoo-icon", { name: "alarm" }), " ", index$1.pipes.dateFormat.transform(this.memo.duedate, 'L'))) : null, index.h("div", { class: "avatar-box" }, index.h("div", { class: "avatar-container" }, index.h("ul", null, this.memo.users.map((user) => {
       return (index.h("li", { onClick: () => this.onViewUsers(this.memo) }, index.h("yoo-avatar", { class: user.imageData ? ' avatar-image' : '', size: "small", user: user })));
     })))))), this.memo.imageData ? (index.h("div", { class: "photo" }, index.h("yoo-form-capture", { readonly: true, value: this.memo.imageData, allowAnnotate: allowAnnotate, onExtraDataChanged: (ev) => this.onExtraDataChanged(ev), extraData: this.memo.imageEdit }))) : null, this.memo.done && this.memo.owner && (index.h("div", { class: "owner-container" }, [
       this.memo.owner && index.h("yoo-avatar", { size: "small", user: this.memo.owner }),
-      index.h("span", { class: "text" }, overlays.getUserDisplayName(this.memo.owner)),
-      this.memo && this.memo._lmt && index.h("div", { class: "memo-date" }, overlays.pipes.dateFormat.transform(this.memo._lmt, 'L LT'))
+      index.h("span", { class: "text" }, index$1.getUserDisplayName(this.memo.owner)),
+      this.memo && this.memo._lmt && index.h("div", { class: "memo-date" }, index$1.pipes.dateFormat.transform(this.memo._lmt, 'L LT'))
     ]))));
   }
   render() {