@yoobic/yobi 8.3.0-3 → 8.3.0-30

package/dist/cjs/yoo-input-bar.cjs.entry.js

@@ -2,14 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-e182c32d.js');
-const cameraHelpers = require('./camera-helpers-e092e5bd.js');
-const overlays = require('./overlays-b6c94fc8.js');
-const index$2 = require('./index-0455f2ed.js');
-const index$1 = require('./index-de8540eb.js');
-require('./index-1fdbd9b3.js');
+const index = require('./index-6482c595.js');
+const cameraHelpers = require('./camera-helpers-b017bf7d.js');
+const overlays = require('./overlays-3336db5b.js');
+const index$1 = require('./index-8f48ac42.js');
+require('./index-4cc48ba6.js');
 const lodash = require('./lodash-597bda6d.js');
-const commonHelpers = require('./common-helpers-a4efe957.js');
+const commonHelpers = require('./common-helpers-03171bbd.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 function partition(predicate, thisArg) {
@@ -21,7 +20,7 @@ function race(...args) {
 }
 
 /**
- * @license Angular v14.0.2
+ * @license Angular v14.0.4
  * (c) 2010-2022 Google LLC. https://angular.io/
  * License: MIT
  */
@@ -1677,8 +1676,17 @@ var RendererStyleFlags3;
 function isProceduralRenderer(renderer) {
     return !!(renderer.listen);
 }
+let renderer3Enabled = false;
+function enableRenderer3() {
+    renderer3Enabled = true;
+}
 const domRendererFactory3 = {
     createRenderer: (hostElement, rendererType) => {
+        if (!renderer3Enabled) {
+            throw new Error(ngDevMode ?
+                `Renderer3 is not supported. This problem is likely caused by some component in the hierarchy was constructed without a correct parent injector.` :
+                'Renderer3 disabled');
+        }
         return getDocument();
     }
 };
@@ -4856,10 +4864,8 @@ function setCurrentInjector(injector) {
 }
 function injectInjectorOnly(token, flags = InjectFlags.Default) {
     if (_currentInjector === undefined) {
-        const errorMessage = (typeof ngDevMode === 'undefined' || ngDevMode) ?
-            `inject() must be called from an injection context (a constructor, a factory function or a field initializer)` :
-            '';
-        throw new RuntimeError(-203 /* RuntimeErrorCode.MISSING_INJECTION_CONTEXT */, errorMessage);
+        throw new RuntimeError(-203 /* RuntimeErrorCode.MISSING_INJECTION_CONTEXT */, ngDevMode &&
+            `inject() must be called from an injection context (a constructor, a factory function or a field initializer)`);
     }
     else if (_currentInjector === null) {
         return injectRootLimpMode(token, undefined, flags);
@@ -4875,22 +4881,17 @@ function ɵɵinject(token, flags = InjectFlags.Default) {
  * Throws an error indicating that a factory function could not be generated by the compiler for a
  * particular class.
  *
- * This instruction allows the actual error message to be optimized away when ngDevMode is turned
- * off, saving bytes of generated code while still providing a good experience in dev mode.
- *
  * The name of the class is not mentioned here, but will be in the generated factory function name
  * and thus in the stack trace.
  *
  * @codeGenApi
  */
 function ɵɵinvalidFactoryDep(index) {
-    const msg = ngDevMode ?
+    throw new RuntimeError(202 /* RuntimeErrorCode.INVALID_FACTORY_DEPENDENCY */, ngDevMode &&
         `This constructor is not compatible with Angular Dependency Injection because its dependency at index ${index} of the parameter list is invalid.
 This can happen if the dependency type is a primitive like a string or if an ancestor of this class is missing an Angular decorator.
 
-Please check that 1) the type for the parameter at index ${index} is correct and 2) the correct Angular decorators are defined for this class and its ancestors.` :
-        'invalid';
-    throw new Error(msg);
+Please check that 1) the type for the parameter at index ${index} is correct and 2) the correct Angular decorators are defined for this class and its ancestors.`);
 }
 /**
  * Injects a token from the currently active injector.
@@ -4965,10 +4966,7 @@ function injectArgs(types) {
         const arg = resolveForwardRef(types[i]);
         if (Array.isArray(arg)) {
             if (arg.length === 0) {
-                const errorMessage = (typeof ngDevMode === 'undefined' || ngDevMode) ?
-                    'Arguments array must have arguments.' :
-                    '';
-                throw new RuntimeError(900 /* RuntimeErrorCode.INVALID_DIFFER_INPUT */, errorMessage);
+                throw new RuntimeError(900 /* RuntimeErrorCode.INVALID_DIFFER_INPUT */, ngDevMode && 'Arguments array must have arguments.');
             }
             let type = undefined;
             let flags = InjectFlags.Default;
@@ -5157,7 +5155,7 @@ function reflectDependency(dep) {
             }
             else if (param instanceof Attribute) {
                 if (param.attributeName === undefined) {
-                    throw new Error(`Attribute name must be defined.`);
+                    throw new RuntimeError(204 /* RuntimeErrorCode.INVALID_INJECTION_TOKEN */, ngDevMode && `Attribute name must be defined.`);
                 }
                 meta.attribute = param.attributeName;
             }
@@ -6219,10 +6217,8 @@ function ɵɵsanitizeResourceUrl(unsafeResourceUrl) {
     if (allowSanitizationBypassAndThrow(unsafeResourceUrl, "ResourceURL" /* BypassType.ResourceUrl */)) {
         return trustedScriptURLFromStringBypass(unwrapSafeValue(unsafeResourceUrl));
     }
-    const errorMessage = (typeof ngDevMode === 'undefined' || ngDevMode) ?
-        'unsafe value used in a resource URL context (see https://g.co/ng/security#xss)' :
-        '';
-    throw new RuntimeError(904 /* RuntimeErrorCode.UNSAFE_VALUE_IN_RESOURCE_URL */, errorMessage);
+    throw new RuntimeError(904 /* RuntimeErrorCode.UNSAFE_VALUE_IN_RESOURCE_URL */, ngDevMode &&
+        'unsafe value used in a resource URL context (see https://g.co/ng/security#xss)');
 }
 /**
  * A `script` sanitizer which only lets trusted javascript through.
@@ -6244,10 +6240,7 @@ function ɵɵsanitizeScript(unsafeScript) {
     if (allowSanitizationBypassAndThrow(unsafeScript, "Script" /* BypassType.Script */)) {
         return trustedScriptFromStringBypass(unwrapSafeValue(unsafeScript));
     }
-    const errorMessage = (typeof ngDevMode === 'undefined' || ngDevMode) ?
-        'unsafe value used in a script context' :
-        '';
-    throw new RuntimeError(905 /* RuntimeErrorCode.UNSAFE_VALUE_IN_SCRIPT */, errorMessage);
+    throw new RuntimeError(905 /* RuntimeErrorCode.UNSAFE_VALUE_IN_SCRIPT */, ngDevMode && 'unsafe value used in a script context');
 }
 /**
  * A template tag function for promoting the associated constant literal to a
@@ -9833,7 +9826,7 @@ class ReflectiveKey {
         this.token = token;
         this.id = id;
         if (!token) {
-            throw new Error('Token must be defined!');
+            throw new RuntimeError(208 /* RuntimeErrorCode.MISSING_INJECTION_TOKEN */, ngDevMode && 'Token must be defined!');
         }
         this.displayName = stringify(this.token);
     }
@@ -13904,6 +13897,7 @@ const NULL_INJECTOR = {
 function renderComponent(componentType /* Type as workaround for: Microsoft/TypeScript/issues/4881 */, opts = {}) {
     ngDevMode && publishDefaultGlobalUtils$1();
     ngDevMode && assertComponentType(componentType);
+    enableRenderer3();
     const rendererFactory = opts.rendererFactory || domRendererFactory3;
     const sanitizer = opts.sanitizer || null;
     const componentDef = getComponentDef(componentType);
@@ -14091,10 +14085,8 @@ function ɵɵInheritDefinitionFeature(definition) {
         }
         else {
             if (superType.ɵcmp) {
-                const errorMessage = (typeof ngDevMode === 'undefined' || ngDevMode) ?
-                    `Directives cannot inherit Components. Directive ${stringifyForError(definition.type)} is attempting to extend component ${stringifyForError(superType)}` :
-                    '';
-                throw new RuntimeError(903 /* RuntimeErrorCode.INVALID_INHERITANCE */, errorMessage);
+                throw new RuntimeError(903 /* RuntimeErrorCode.INVALID_INHERITANCE */, ngDevMode &&
+                    `Directives cannot inherit Components. Directive ${stringifyForError(definition.type)} is attempting to extend component ${stringifyForError(superType)}`);
             }
             // Don't use getComponentDef/getDirectiveDef. This logic relies on inheritance.
             superDef = superType.ɵdir;
@@ -19215,7 +19207,7 @@ function findLocaleData(locale) {
     if (parentLocale === 'en') {
         return localeEn;
     }
-    throw new Error(`Missing locale data for the locale "${locale}".`);
+    throw new RuntimeError(701 /* RuntimeErrorCode.MISSING_LOCALE_DATA */, ngDevMode && `Missing locale data for the locale "${locale}".`);
 }
 /**
  * Retrieves the default currency code for the given locale.
@@ -21791,7 +21783,7 @@ class Version {
 /**
  * @publicApi
  */
-const VERSION = new Version('14.0.2');
+const VERSION = new Version('14.0.4');
 
 /**
  * @license
@@ -22129,8 +22121,7 @@ class ViewRef$1 {
     }
     attachToViewContainerRef() {
         if (this._appRef) {
-            const errorMessage = ngDevMode ? 'This view is already attached directly to the ApplicationRef!' : '';
-            throw new RuntimeError(902 /* RuntimeErrorCode.VIEW_ALREADY_ATTACHED */, errorMessage);
+            throw new RuntimeError(902 /* RuntimeErrorCode.VIEW_ALREADY_ATTACHED */, ngDevMode && 'This view is already attached directly to the ApplicationRef!');
         }
         this._attachedToViewContainer = true;
     }
@@ -22140,8 +22131,7 @@ class ViewRef$1 {
     }
     attachToAppRef(appRef) {
         if (this._attachedToViewContainer) {
-            const errorMessage = ngDevMode ? 'This view is already attached to a ViewContainer!' : '';
-            throw new RuntimeError(902 /* RuntimeErrorCode.VIEW_ALREADY_ATTACHED */, errorMessage);
+            throw new RuntimeError(902 /* RuntimeErrorCode.VIEW_ALREADY_ATTACHED */, ngDevMode && 'This view is already attached to a ViewContainer!');
         }
         this._appRef = appRef;
     }
@@ -25172,14 +25162,20 @@ function getStandaloneDefFunctions(type, imports) {
             // Standalone components are always able to self-reference, so include the component's own
             // definition in its `directiveDefs`.
             cachedDirectiveDefs = [getComponentDef(type)];
+            const seen = new Set();
             for (const rawDep of imports) {
                 ngDevMode && verifyStandaloneImport(rawDep, type);
                 const dep = resolveForwardRef(rawDep);
+                if (seen.has(dep)) {
+                    continue;
+                }
+                seen.add(dep);
                 if (!!getNgModuleDef(dep)) {
                     const scope = transitiveScopesFor(dep);
                     for (const dir of scope.exported.directives) {
                         const def = getComponentDef(dir) || getDirectiveDef(dir);
-                        if (def) {
+                        if (def && !seen.has(dir)) {
+                            seen.add(dir);
                             cachedDirectiveDefs.push(def);
                         }
                     }
@@ -25197,11 +25193,22 @@ function getStandaloneDefFunctions(type, imports) {
     const pipeDefs = () => {
         if (cachedPipeDefs === null) {
             cachedPipeDefs = [];
+            const seen = new Set();
             for (const rawDep of imports) {
                 const dep = resolveForwardRef(rawDep);
+                if (seen.has(dep)) {
+                    continue;
+                }
+                seen.add(dep);
                 if (!!getNgModuleDef(dep)) {
                     const scope = transitiveScopesFor(dep);
-                    cachedPipeDefs.push(...Array.from(scope.exported.pipes).map(pipe => getPipeDef$1(pipe)));
+                    for (const pipe of scope.exported.pipes) {
+                        const def = getPipeDef$1(pipe);
+                        if (def && !seen.has(pipe)) {
+                            seen.add(pipe);
+                            cachedPipeDefs.push(def);
+                        }
+                    }
                 }
                 else {
                     const def = getPipeDef$1(dep);
@@ -26313,7 +26320,7 @@ class NgZone {
          */
         this.onError = new EventEmitter(false);
         if (typeof Zone == 'undefined') {
-            throw new Error(`In this configuration Angular requires Zone.js`);
+            throw new RuntimeError(908 /* RuntimeErrorCode.MISSING_ZONEJS */, ngDevMode && `In this configuration Angular requires Zone.js`);
         }
         Zone.assertZonePatched();
         const self = this;
@@ -26340,12 +26347,12 @@ class NgZone {
     }
     static assertInAngularZone() {
         if (!NgZone.isInAngularZone()) {
-            throw new Error('Expected to be in Angular Zone, but it is not!');
+            throw new RuntimeError(909 /* RuntimeErrorCode.UNEXPECTED_ZONE_STATE */, ngDevMode && 'Expected to be in Angular Zone, but it is not!');
         }
     }
     static assertNotInAngularZone() {
         if (NgZone.isInAngularZone()) {
-            throw new Error('Expected to not be in Angular Zone, but it is!');
+            throw new RuntimeError(909 /* RuntimeErrorCode.UNEXPECTED_ZONE_STATE */, ngDevMode && 'Expected to not be in Angular Zone, but it is!');
         }
     }
     /**
@@ -26916,7 +26923,7 @@ const ALLOW_MULTIPLE_PLATFORMS = new InjectionToken('AllowMultipleToken');
  * `PlatformRef` class (i.e. register the callback via `PlatformRef.onDestroy`), thus making the
  * entire class tree-shakeable.
  */
-const PLATFORM_ON_DESTROY = new InjectionToken('PlatformOnDestroy');
+const PLATFORM_DESTROY_LISTENERS = new InjectionToken('PlatformDestroyListeners');
 const NG_DEV_MODE = typeof ngDevMode === 'undefined' || ngDevMode;
 function compileNgModuleFactory(injector, options, moduleType) {
     ngDevMode && assertNgModuleType(moduleType);
@@ -26981,10 +26988,8 @@ class NgProbeToken {
  */
 function createPlatform(injector) {
     if (_platformInjector && !_platformInjector.get(ALLOW_MULTIPLE_PLATFORMS, false)) {
-        const errorMessage = (typeof ngDevMode === 'undefined' || ngDevMode) ?
-            'There can be only one platform. Destroy the previous one to create a new one.' :
-            '';
-        throw new RuntimeError(400 /* RuntimeErrorCode.MULTIPLE_PLATFORMS */, errorMessage);
+        throw new RuntimeError(400 /* RuntimeErrorCode.MULTIPLE_PLATFORMS */, ngDevMode &&
+            'There can be only one platform. Destroy the previous one to create a new one.');
     }
     publishDefaultGlobalUtils();
     _platformInjector = injector;
@@ -27057,7 +27062,15 @@ function internalBootstrapApplication(config) {
                 const localeId = appInjector.get(LOCALE_ID, DEFAULT_LOCALE_ID);
                 setLocaleId(localeId || DEFAULT_LOCALE_ID);
                 const appRef = appInjector.get(ApplicationRef);
-                appRef.onDestroy(() => onErrorSubscription.unsubscribe());
+                // If the whole platform is destroyed, invoke the `destroy` method
+                // for all bootstrapped applications as well.
+                const destroyListener = () => appRef.destroy();
+                const onPlatformDestroyListeners = platformInjector.get(PLATFORM_DESTROY_LISTENERS, null);
+                onPlatformDestroyListeners === null || onPlatformDestroyListeners === void 0 ? void 0 : onPlatformDestroyListeners.add(destroyListener);
+                appRef.onDestroy(() => {
+                    onPlatformDestroyListeners === null || onPlatformDestroyListeners === void 0 ? void 0 : onPlatformDestroyListeners.delete(destroyListener);
+                    onErrorSubscription.unsubscribe();
+                });
                 appRef.bootstrap(rootComponent);
                 return appRef;
             });
@@ -27104,8 +27117,7 @@ function createPlatformFactory(parentPlatformFactory, name, providers = []) {
 function assertPlatform(requiredToken) {
     const platform = getPlatform();
     if (!platform) {
-        const errorMessage = (typeof ngDevMode === 'undefined' || ngDevMode) ? 'No platform exists!' : '';
-        throw new RuntimeError(401 /* RuntimeErrorCode.PLATFORM_NOT_FOUND */, errorMessage);
+        throw new RuntimeError(401 /* RuntimeErrorCode.PLATFORM_NOT_FOUND */, ngDevMode && 'No platform exists!');
     }
     if ((typeof ngDevMode === 'undefined' || ngDevMode) &&
         !platform.injector.get(requiredToken, null)) {
@@ -27122,7 +27134,7 @@ function createPlatformInjector(providers = [], name) {
         name,
         providers: [
             { provide: INJECTOR_SCOPE, useValue: 'platform' },
-            { provide: PLATFORM_ON_DESTROY, useValue: () => _platformInjector = null },
+            { provide: PLATFORM_DESTROY_LISTENERS, useValue: new Set([() => _platformInjector = null]) },
             ...providers
         ],
     });
@@ -27185,10 +27197,7 @@ class PlatformRef {
             const moduleRef = moduleFactory.create(ngZoneInjector);
             const exceptionHandler = moduleRef.injector.get(ErrorHandler, null);
             if (!exceptionHandler) {
-                const errorMessage = (typeof ngDevMode === 'undefined' || ngDevMode) ?
-                    'No ErrorHandler. Is platform module (BrowserModule) included?' :
-                    '';
-                throw new RuntimeError(402 /* RuntimeErrorCode.ERROR_HANDLER_NOT_FOUND */, errorMessage);
+                throw new RuntimeError(402 /* RuntimeErrorCode.ERROR_HANDLER_NOT_FOUND */, ngDevMode && 'No ErrorHandler. Is platform module (BrowserModule) included?');
             }
             ngZone.runOutsideAngular(() => {
                 const subscription = ngZone.onError.subscribe({
@@ -27244,12 +27253,10 @@ class PlatformRef {
             moduleRef.instance.ngDoBootstrap(appRef);
         }
         else {
-            const errorMessage = (typeof ngDevMode === 'undefined' || ngDevMode) ?
+            throw new RuntimeError(403 /* RuntimeErrorCode.BOOTSTRAP_COMPONENTS_NOT_FOUND */, ngDevMode &&
                 `The module ${stringify(moduleRef.instance.constructor)} was bootstrapped, ` +
                     `but it does not declare "@NgModule.bootstrap" components nor a "ngDoBootstrap" method. ` +
-                    `Please define one of these.` :
-                '';
-            throw new RuntimeError(403 /* RuntimeErrorCode.BOOTSTRAP_COMPONENTS_NOT_FOUND */, errorMessage);
+                    `Please define one of these.`);
         }
         this._modules.push(moduleRef);
     }
@@ -27272,15 +27279,15 @@ class PlatformRef {
      */
     destroy() {
         if (this._destroyed) {
-            const errorMessage = (typeof ngDevMode === 'undefined' || ngDevMode) ?
-                'The platform has already been destroyed!' :
-                '';
-            throw new RuntimeError(404 /* RuntimeErrorCode.PLATFORM_ALREADY_DESTROYED */, errorMessage);
+            throw new RuntimeError(404 /* RuntimeErrorCode.PLATFORM_ALREADY_DESTROYED */, ngDevMode && 'The platform has already been destroyed!');
         }
         this._modules.slice().forEach(module => module.destroy());
         this._destroyListeners.forEach(listener => listener());
-        const destroyListener = this._injector.get(PLATFORM_ON_DESTROY, null);
-        destroyListener === null || destroyListener === void 0 ? void 0 : destroyListener();
+        const destroyListeners = this._injector.get(PLATFORM_DESTROY_LISTENERS, null);
+        if (destroyListeners) {
+            destroyListeners.forEach(listener => listener());
+            destroyListeners.clear();
+        }
         this._destroyed = true;
     }
     /**
@@ -27440,11 +27447,10 @@ function optionsReducer(dst, objs) {
  */
 class ApplicationRef {
     /** @internal */
-    constructor(_zone, _injector, _exceptionHandler, _initStatus) {
+    constructor(_zone, _injector, _exceptionHandler) {
         this._zone = _zone;
         this._injector = _injector;
         this._exceptionHandler = _exceptionHandler;
-        this._initStatus = _initStatus;
         /** @internal */
         this._bootstrapListeners = [];
         this._views = [];
@@ -27561,7 +27567,8 @@ class ApplicationRef {
     bootstrap(componentOrFactory, rootSelectorOrNode) {
         NG_DEV_MODE && this.warnIfDestroyed();
         const isComponentFactory = componentOrFactory instanceof ComponentFactory$1;
-        if (!this._initStatus.done) {
+        const initStatus = this._injector.get(ApplicationInitStatus);
+        if (!initStatus.done) {
             const standalone = !isComponentFactory && isStandalone(componentOrFactory);
             const errorMessage = 'Cannot bootstrap as there are still asynchronous initializers running.' +
                 (standalone ? '' :
@@ -27609,10 +27616,7 @@ class ApplicationRef {
     tick() {
         NG_DEV_MODE && this.warnIfDestroyed();
         if (this._runningTick) {
-            const errorMessage = (typeof ngDevMode === 'undefined' || ngDevMode) ?
-                'ApplicationRef.tick is called recursively' :
-                '';
-            throw new RuntimeError(101 /* RuntimeErrorCode.RECURSIVE_APPLICATION_REF_TICK */, errorMessage);
+            throw new RuntimeError(101 /* RuntimeErrorCode.RECURSIVE_APPLICATION_REF_TICK */, ngDevMode && 'ApplicationRef.tick is called recursively');
         }
         try {
             this._runningTick = true;
@@ -27701,7 +27705,7 @@ class ApplicationRef {
      */
     destroy() {
         if (this._destroyed) {
-            throw new RuntimeError(406 /* RuntimeErrorCode.APPLICATION_REF_ALREADY_DESTROYED */, NG_DEV_MODE && 'This instance of the `ApplicationRef` has already been destroyed.');
+            throw new RuntimeError(406 /* RuntimeErrorCode.APPLICATION_REF_ALREADY_DESTROYED */, ngDevMode && 'This instance of the `ApplicationRef` has already been destroyed.');
         }
         const injector = this._injector;
         // Check that this injector instance supports destroy operation.
@@ -27723,13 +27727,13 @@ class ApplicationRef {
         }
     }
 }
-ApplicationRef.ɵfac = function ApplicationRef_Factory(t) { return new (t || ApplicationRef)(ɵɵinject(NgZone), ɵɵinject(Injector), ɵɵinject(ErrorHandler), ɵɵinject(ApplicationInitStatus)); };
+ApplicationRef.ɵfac = function ApplicationRef_Factory(t) { return new (t || ApplicationRef)(ɵɵinject(NgZone), ɵɵinject(Injector), ɵɵinject(ErrorHandler)); };
 ApplicationRef.ɵprov = /*@__PURE__*/ ɵɵdefineInjectable({ token: ApplicationRef, factory: ApplicationRef.ɵfac, providedIn: 'root' });
 (function () {
     (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(ApplicationRef, [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }], function () { return [{ type: NgZone }, { type: Injector }, { type: ErrorHandler }, { type: ApplicationInitStatus }]; }, null);
+        }], function () { return [{ type: NgZone }, { type: Injector }, { type: ErrorHandler }]; }, null);
 })();
 function remove(list, el) {
     const index = list.indexOf(el);
@@ -28740,10 +28744,8 @@ class DefaultIterableDiffer {
         if (collection == null)
             collection = [];
         if (!isListLikeIterable(collection)) {
-            const errorMessage = (typeof ngDevMode === 'undefined' || ngDevMode) ?
-                `Error trying to diff '${stringify(collection)}'. Only arrays and iterables are allowed` :
-                '';
-            throw new RuntimeError(900 /* RuntimeErrorCode.INVALID_DIFFER_INPUT */, errorMessage);
+            throw new RuntimeError(900 /* RuntimeErrorCode.INVALID_DIFFER_INPUT */, ngDevMode &&
+                `Error trying to diff '${stringify(collection)}'. Only arrays and iterables are allowed`);
         }
         if (this.check(collection)) {
             return this;
@@ -29344,10 +29346,8 @@ class DefaultKeyValueDiffer {
             map = new Map();
         }
         else if (!(map instanceof Map || isJsObject(map))) {
-            const errorMessage = (typeof ngDevMode === 'undefined' || ngDevMode) ?
-                `Error trying to diff '${stringify(map)}'. Only maps and objects are allowed` :
-                '';
-            throw new RuntimeError(900 /* RuntimeErrorCode.INVALID_DIFFER_INPUT */, errorMessage);
+            throw new RuntimeError(900 /* RuntimeErrorCode.INVALID_DIFFER_INPUT */, ngDevMode &&
+                `Error trying to diff '${stringify(map)}'. Only maps and objects are allowed`);
         }
         return this.check(map) ? this : null;
     }
@@ -29594,10 +29594,8 @@ class IterableDiffers {
             return factory;
         }
         else {
-            const errorMessage = (typeof ngDevMode === 'undefined' || ngDevMode) ?
-                `Cannot find a differ supporting object '${iterable}' of type '${getTypeNameForDebugging(iterable)}'` :
-                '';
-            throw new RuntimeError(901 /* RuntimeErrorCode.NO_SUPPORTING_DIFFER_FACTORY */, errorMessage);
+            throw new RuntimeError(901 /* RuntimeErrorCode.NO_SUPPORTING_DIFFER_FACTORY */, ngDevMode &&
+                `Cannot find a differ supporting object '${iterable}' of type '${getTypeNameForDebugging(iterable)}'`);
         }
     }
 }
@@ -29671,10 +29669,7 @@ class KeyValueDiffers {
         if (factory) {
             return factory;
         }
-        const errorMessage = (typeof ngDevMode === 'undefined' || ngDevMode) ?
-            `Cannot find a differ supporting object '${kv}'` :
-            '';
-        throw new RuntimeError(901 /* RuntimeErrorCode.NO_SUPPORTING_DIFFER_FACTORY */, errorMessage);
+        throw new RuntimeError(901 /* RuntimeErrorCode.NO_SUPPORTING_DIFFER_FACTORY */, ngDevMode && `Cannot find a differ supporting object '${kv}'`);
     }
 }
 /** @nocollapse */
@@ -29889,12 +29884,615 @@ if (typeof ngDevMode !== 'undefined' && ngDevMode) {
     };
 }
 
+function checkReady() {
+    if (typeof overlays.process_1 === 'undefined') {
+        var win_1 = typeof window !== 'undefined' ? window : {};
+        var DEVICE_READY_TIMEOUT_1 = 5000;
+        // To help developers using cordova, we listen for the device ready event and
+        // log an error if it didn't fire in a reasonable amount of time. Generally,
+        // when this happens, developers should remove and reinstall plugins, since
+        // an inconsistent plugin is often the culprit.
+        var before_1 = Date.now();
+        var didFireReady_1 = false;
+        win_1.document.addEventListener('deviceready', function () {
+            console.log("Ionic Native: deviceready event fired after " + (Date.now() - before_1) + " ms");
+            didFireReady_1 = true;
+        });
+        setTimeout(function () {
+            if (!didFireReady_1 && win_1.cordova) {
+                console.warn("Ionic Native: deviceready did not fire within " + DEVICE_READY_TIMEOUT_1 + "ms. This can happen when plugins are in an inconsistent state. Try removing plugins from plugins/ and reinstalling them.");
+            }
+        }, DEVICE_READY_TIMEOUT_1);
+    }
+}
+
+var ERR_CORDOVA_NOT_AVAILABLE = { error: 'cordova_not_available' };
+var ERR_PLUGIN_NOT_INSTALLED = { error: 'plugin_not_installed' };
+function getPromise$1(callback) {
+    var tryNativePromise = function () {
+        if (Promise) {
+            return new Promise(function (resolve, reject) {
+                callback(resolve, reject);
+            });
+        }
+        else {
+            console.error('No Promise support or polyfill found. To enable Ionic Native support, please add the es6-promise polyfill before this script, or run with a library like Angular or on a recent browser.');
+        }
+    };
+    if (typeof window !== 'undefined' && window.angular) {
+        var doc = window.document;
+        var injector = window.angular.element(doc.querySelector('[ng-app]') || doc.body).injector();
+        if (injector) {
+            var $q = injector.get('$q');
+            return $q(function (resolve, reject) {
+                callback(resolve, reject);
+            });
+        }
+        console.warn("Angular 1 was detected but $q couldn't be retrieved. This is usually when the app is not bootstrapped on the html or body tag. Falling back to native promises which won't trigger an automatic digest when promises resolve.");
+    }
+    return tryNativePromise();
+}
+function wrapPromise(pluginObj, methodName, args, opts) {
+    if (opts === void 0) { opts = {}; }
+    var pluginResult, rej;
+    var p = getPromise$1(function (resolve, reject) {
+        if (opts.destruct) {
+            pluginResult = callCordovaPlugin(pluginObj, methodName, args, opts, function () {
+                var args = [];
+                for (var _i = 0; _i < arguments.length; _i++) {
+                    args[_i] = arguments[_i];
+                }
+                return resolve(args);
+            }, function () {
+                var args = [];
+                for (var _i = 0; _i < arguments.length; _i++) {
+                    args[_i] = arguments[_i];
+                }
+                return reject(args);
+            });
+        }
+        else {
+            pluginResult = callCordovaPlugin(pluginObj, methodName, args, opts, resolve, reject);
+        }
+        rej = reject;
+    });
+    // Angular throws an error on unhandled rejection, but in this case we have already printed
+    // a warning that Cordova is undefined or the plugin is uninstalled, so there is no reason
+    // to error
+    if (pluginResult && pluginResult.error) {
+        p.catch(function () { });
+        typeof rej === 'function' && rej(pluginResult.error);
+    }
+    return p;
+}
+function wrapOtherPromise(pluginObj, methodName, args, opts) {
+    if (opts === void 0) { opts = {}; }
+    return getPromise$1(function (resolve, reject) {
+        var pluginResult = callCordovaPlugin(pluginObj, methodName, args, opts);
+        if (pluginResult) {
+            if (pluginResult.error) {
+                reject(pluginResult.error);
+            }
+            else if (pluginResult.then) {
+                pluginResult.then(resolve).catch(reject);
+            }
+        }
+        else {
+            reject({ error: 'unexpected_error' });
+        }
+    });
+}
+function wrapObservable(pluginObj, methodName, args, opts) {
+    if (opts === void 0) { opts = {}; }
+    return new overlays.Observable(function (observer) {
+        var pluginResult;
+        if (opts.destruct) {
+            pluginResult = callCordovaPlugin(pluginObj, methodName, args, opts, function () {
+                var args = [];
+                for (var _i = 0; _i < arguments.length; _i++) {
+                    args[_i] = arguments[_i];
+                }
+                return observer.next(args);
+            }, function () {
+                var args = [];
+                for (var _i = 0; _i < arguments.length; _i++) {
+                    args[_i] = arguments[_i];
+                }
+                return observer.error(args);
+            });
+        }
+        else {
+            pluginResult = callCordovaPlugin(pluginObj, methodName, args, opts, observer.next.bind(observer), observer.error.bind(observer));
+        }
+        if (pluginResult && pluginResult.error) {
+            observer.error(pluginResult.error);
+            observer.complete();
+        }
+        return function () {
+            try {
+                if (opts.clearFunction) {
+                    if (opts.clearWithArgs) {
+                        return callCordovaPlugin(pluginObj, opts.clearFunction, args, opts, observer.next.bind(observer), observer.error.bind(observer));
+                    }
+                    return callCordovaPlugin(pluginObj, opts.clearFunction, []);
+                }
+            }
+            catch (e) {
+                console.warn('Unable to clear the previous observable watch for', pluginObj.constructor.getPluginName(), methodName);
+                console.warn(e);
+            }
+        };
+    });
+}
+/**
+ * Wrap the event with an observable
+ * @private
+ * @param event event name
+ * @param element The element to attach the event listener to
+ * @returns {Observable}
+ */
+function wrapEventObservable(event, element) {
+    element =
+        typeof window !== 'undefined' && element
+            ? get$1(window, element)
+            : element || (typeof window !== 'undefined' ? window : {});
+    return overlays.fromEvent(element, event);
+}
+function checkAvailability(plugin, methodName, pluginName) {
+    var pluginRef, pluginInstance, pluginPackage;
+    if (typeof plugin === 'string') {
+        pluginRef = plugin;
+    }
+    else {
+        pluginRef = plugin.constructor.getPluginRef();
+        pluginName = plugin.constructor.getPluginName();
+        pluginPackage = plugin.constructor.getPluginInstallName();
+    }
+    pluginInstance = getPlugin(pluginRef);
+    if (!pluginInstance || (!!methodName && typeof pluginInstance[methodName] === 'undefined')) {
+        if (typeof window === 'undefined' || !window.cordova) {
+            cordovaWarn(pluginName, methodName);
+            return ERR_CORDOVA_NOT_AVAILABLE;
+        }
+        pluginWarn(pluginName, pluginPackage, methodName);
+        return ERR_PLUGIN_NOT_INSTALLED;
+    }
+    return true;
+}
+/**
+ * Checks if _objectInstance exists and has the method/property
+ * @private
+ */
+function instanceAvailability(pluginObj, methodName) {
+    return pluginObj._objectInstance && (!methodName || typeof pluginObj._objectInstance[methodName] !== 'undefined');
+}
+function setIndex(args, opts, resolve, reject) {
+    if (opts === void 0) { opts = {}; }
+    // ignore resolve and reject in case sync
+    if (opts.sync) {
+        return args;
+    }
+    // If the plugin method expects myMethod(success, err, options)
+    if (opts.callbackOrder === 'reverse') {
+        // Get those arguments in the order [resolve, reject, ...restOfArgs]
+        args.unshift(reject);
+        args.unshift(resolve);
+    }
+    else if (opts.callbackStyle === 'node') {
+        args.push(function (err, result) {
+            if (err) {
+                reject(err);
+            }
+            else {
+                resolve(result);
+            }
+        });
+    }
+    else if (opts.callbackStyle === 'object' && opts.successName && opts.errorName) {
+        var obj = {};
+        obj[opts.successName] = resolve;
+        obj[opts.errorName] = reject;
+        args.push(obj);
+    }
+    else if (typeof opts.successIndex !== 'undefined' || typeof opts.errorIndex !== 'undefined') {
+        var setSuccessIndex = function () {
+            // If we've specified a success/error index
+            if (opts.successIndex > args.length) {
+                args[opts.successIndex] = resolve;
+            }
+            else {
+                args.splice(opts.successIndex, 0, resolve);
+            }
+        };
+        var setErrorIndex = function () {
+            // We don't want that the reject cb gets spliced into the position of an optional argument that has not been
+            // defined and thus causing non expected behavior.
+            if (opts.errorIndex > args.length) {
+                args[opts.errorIndex] = reject; // insert the reject fn at the correct specific index
+            }
+            else {
+                args.splice(opts.errorIndex, 0, reject); // otherwise just splice it into the array
+            }
+        };
+        if (opts.successIndex > opts.errorIndex) {
+            setErrorIndex();
+            setSuccessIndex();
+        }
+        else {
+            setSuccessIndex();
+            setErrorIndex();
+        }
+    }
+    else {
+        // Otherwise, let's tack them on to the end of the argument list
+        // which is 90% of cases
+        args.push(resolve);
+        args.push(reject);
+    }
+    return args;
+}
+function callCordovaPlugin(pluginObj, methodName, args, opts, resolve, reject) {
+    if (opts === void 0) { opts = {}; }
+    // Try to figure out where the success/error callbacks need to be bound
+    // to our promise resolve/reject handlers.
+    args = setIndex(args, opts, resolve, reject);
+    var availabilityCheck = checkAvailability(pluginObj, methodName);
+    if (availabilityCheck === true) {
+        var pluginInstance = getPlugin(pluginObj.constructor.getPluginRef());
+        return pluginInstance[methodName].apply(pluginInstance, args);
+    }
+    else {
+        return availabilityCheck;
+    }
+}
+function callInstance(pluginObj, methodName, args, opts, resolve, reject) {
+    if (opts === void 0) { opts = {}; }
+    args = setIndex(args, opts, resolve, reject);
+    if (instanceAvailability(pluginObj, methodName)) {
+        return pluginObj._objectInstance[methodName].apply(pluginObj._objectInstance, args);
+    }
+}
+function getPlugin(pluginRef) {
+    if (typeof window !== 'undefined') {
+        return get$1(window, pluginRef);
+    }
+    return null;
+}
+function get$1(element, path) {
+    var paths = path.split('.');
+    var obj = element;
+    for (var i = 0; i < paths.length; i++) {
+        if (!obj) {
+            return null;
+        }
+        obj = obj[paths[i]];
+    }
+    return obj;
+}
+function pluginWarn(pluginName, plugin, method) {
+    if (method) {
+        console.warn('Native: tried calling ' + pluginName + '.' + method + ', but the ' + pluginName + ' plugin is not installed.');
+    }
+    else {
+        console.warn("Native: tried accessing the " + pluginName + " plugin but it's not installed.");
+    }
+    if (plugin) {
+        console.warn("Install the " + pluginName + " plugin: 'ionic cordova plugin add " + plugin + "'");
+    }
+}
+/**
+ * @private
+ * @param pluginName
+ * @param method
+ */
+function cordovaWarn(pluginName, method) {
+    if (typeof overlays.process_1 === 'undefined') {
+        if (method) {
+            console.warn('Native: tried calling ' +
+                pluginName +
+                '.' +
+                method +
+                ', but Cordova is not available. Make sure to include cordova.js or run in a device/simulator');
+        }
+        else {
+            console.warn('Native: tried accessing the ' +
+                pluginName +
+                ' plugin but Cordova is not available. Make sure to include cordova.js or run in a device/simulator');
+        }
+    }
+}
+/**
+ * @private
+ */
+var wrap = function (pluginObj, methodName, opts) {
+    if (opts === void 0) { opts = {}; }
+    return function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        if (opts.sync) {
+            // Sync doesn't wrap the plugin with a promise or observable, it returns the result as-is
+            return callCordovaPlugin(pluginObj, methodName, args, opts);
+        }
+        else if (opts.observable) {
+            return wrapObservable(pluginObj, methodName, args, opts);
+        }
+        else if (opts.eventObservable && opts.event) {
+            return wrapEventObservable(opts.event, opts.element);
+        }
+        else if (opts.otherPromise) {
+            return wrapOtherPromise(pluginObj, methodName, args, opts);
+        }
+        else {
+            return wrapPromise(pluginObj, methodName, args, opts);
+        }
+    };
+};
+/**
+ * @private
+ */
+function wrapInstance(pluginObj, methodName, opts) {
+    if (opts === void 0) { opts = {}; }
+    return function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        if (opts.sync) {
+            return callInstance(pluginObj, methodName, args, opts);
+        }
+        else if (opts.observable) {
+            return new overlays.Observable(function (observer) {
+                var pluginResult;
+                if (opts.destruct) {
+                    pluginResult = callInstance(pluginObj, methodName, args, opts, function () {
+                        var args = [];
+                        for (var _i = 0; _i < arguments.length; _i++) {
+                            args[_i] = arguments[_i];
+                        }
+                        return observer.next(args);
+                    }, function () {
+                        var args = [];
+                        for (var _i = 0; _i < arguments.length; _i++) {
+                            args[_i] = arguments[_i];
+                        }
+                        return observer.error(args);
+                    });
+                }
+                else {
+                    pluginResult = callInstance(pluginObj, methodName, args, opts, observer.next.bind(observer), observer.error.bind(observer));
+                }
+                if (pluginResult && pluginResult.error) {
+                    observer.error(pluginResult.error);
+                }
+                return function () {
+                    try {
+                        if (opts.clearWithArgs) {
+                            return callInstance(pluginObj, opts.clearFunction, args, opts, observer.next.bind(observer), observer.error.bind(observer));
+                        }
+                        return callInstance(pluginObj, opts.clearFunction, []);
+                    }
+                    catch (e) {
+                        console.warn('Unable to clear the previous observable watch for', pluginObj.constructor.getPluginName(), methodName);
+                        console.warn(e);
+                    }
+                };
+            });
+        }
+        else if (opts.otherPromise) {
+            return getPromise$1(function (resolve, reject) {
+                var result;
+                if (opts.destruct) {
+                    result = callInstance(pluginObj, methodName, args, opts, function () {
+                        var args = [];
+                        for (var _i = 0; _i < arguments.length; _i++) {
+                            args[_i] = arguments[_i];
+                        }
+                        return resolve(args);
+                    }, function () {
+                        var args = [];
+                        for (var _i = 0; _i < arguments.length; _i++) {
+                            args[_i] = arguments[_i];
+                        }
+                        return reject(args);
+                    });
+                }
+                else {
+                    result = callInstance(pluginObj, methodName, args, opts, resolve, reject);
+                }
+                if (result && result.then) {
+                    result.then(resolve, reject);
+                }
+                else {
+                    reject();
+                }
+            });
+        }
+        else {
+            var pluginResult_1, rej_1;
+            var p = getPromise$1(function (resolve, reject) {
+                if (opts.destruct) {
+                    pluginResult_1 = callInstance(pluginObj, methodName, args, opts, function () {
+                        var args = [];
+                        for (var _i = 0; _i < arguments.length; _i++) {
+                            args[_i] = arguments[_i];
+                        }
+                        return resolve(args);
+                    }, function () {
+                        var args = [];
+                        for (var _i = 0; _i < arguments.length; _i++) {
+                            args[_i] = arguments[_i];
+                        }
+                        return reject(args);
+                    });
+                }
+                else {
+                    pluginResult_1 = callInstance(pluginObj, methodName, args, opts, resolve, reject);
+                }
+                rej_1 = reject;
+            });
+            // Angular throws an error on unhandled rejection, but in this case we have already printed
+            // a warning that Cordova is undefined or the plugin is uninstalled, so there is no reason
+            // to error
+            if (pluginResult_1 && pluginResult_1.error) {
+                p.catch(function () { });
+                typeof rej_1 === 'function' && rej_1(pluginResult_1.error);
+            }
+            return p;
+        }
+    };
+}
+
+/**
+ * @private
+ */
+function get(element, path) {
+    var paths = path.split('.');
+    var obj = element;
+    for (var i = 0; i < paths.length; i++) {
+        if (!obj) {
+            return null;
+        }
+        obj = obj[paths[i]];
+    }
+    return obj;
+}
+/**
+ * @private
+ */
+function getPromise(callback) {
+    if (callback === void 0) { callback = function () { }; }
+    var tryNativePromise = function () {
+        if (typeof Promise === 'function' || (typeof window !== 'undefined' && window.Promise)) {
+            return new Promise(function (resolve, reject) {
+                callback(resolve, reject);
+            });
+        }
+        else {
+            console.error('No Promise support or polyfill found. To enable Ionic Native support, please add the es6-promise polyfill before this script, or run with a library like Angular or on a recent browser.');
+        }
+    };
+    return tryNativePromise();
+}
+
+var IonicNativePlugin = /** @class */ (function () {
+    function IonicNativePlugin() {
+    }
+    /**
+     * Returns a boolean that indicates whether the plugin is installed
+     * @return {boolean}
+     */
+    IonicNativePlugin.installed = function () {
+        var isAvailable = checkAvailability(this.pluginRef) === true;
+        return isAvailable;
+    };
+    /**
+     * Returns the original plugin object
+     */
+    IonicNativePlugin.getPlugin = function () {
+        if (typeof window !== 'undefined') {
+            return get(window, this.pluginRef);
+        }
+        return null;
+    };
+    /**
+     * Returns the plugin's name
+     */
+    IonicNativePlugin.getPluginName = function () {
+        var pluginName = this.pluginName;
+        return pluginName;
+    };
+    /**
+     * Returns the plugin's reference
+     */
+    IonicNativePlugin.getPluginRef = function () {
+        var pluginRef = this.pluginRef;
+        return pluginRef;
+    };
+    /**
+     * Returns the plugin's install name
+     */
+    IonicNativePlugin.getPluginInstallName = function () {
+        var plugin = this.plugin;
+        return plugin;
+    };
+    /**
+     * Returns the plugin's supported platforms
+     */
+    IonicNativePlugin.getSupportedPlatforms = function () {
+        var platform = this.platforms;
+        return platform;
+    };
+    IonicNativePlugin.pluginName = '';
+    IonicNativePlugin.pluginRef = '';
+    IonicNativePlugin.plugin = '';
+    IonicNativePlugin.repo = '';
+    IonicNativePlugin.platforms = [];
+    IonicNativePlugin.install = '';
+    return IonicNativePlugin;
+}());
+
+function cordova(pluginObj, methodName, config, args) {
+    return wrap(pluginObj, methodName, config).apply(this, args);
+}
+
+function overrideFunction(pluginObj, methodName) {
+    return new overlays.Observable(function (observer) {
+        var availabilityCheck = checkAvailability(pluginObj, methodName);
+        if (availabilityCheck === true) {
+            var pluginInstance_1 = getPlugin(pluginObj.constructor.getPluginRef());
+            pluginInstance_1[methodName] = observer.next.bind(observer);
+            return function () { return (pluginInstance_1[methodName] = function () { }); };
+        }
+        else {
+            observer.error(availabilityCheck);
+            observer.complete();
+        }
+    });
+}
+function cordovaFunctionOverride(pluginObj, methodName, args) {
+    if (args === void 0) { args = []; }
+    return overrideFunction(pluginObj, methodName);
+}
+
+function cordovaInstance(pluginObj, methodName, config, args) {
+    args = Array.from(args);
+    return wrapInstance(pluginObj, methodName, config).apply(this, args);
+}
+
+function cordovaPropertyGet(pluginObj, key) {
+    if (checkAvailability(pluginObj, key) === true) {
+        return getPlugin(pluginObj.constructor.getPluginRef())[key];
+    }
+    return null;
+}
+function cordovaPropertySet(pluginObj, key, value) {
+    if (checkAvailability(pluginObj, key) === true) {
+        getPlugin(pluginObj.constructor.getPluginRef())[key] = value;
+    }
+}
+
+function instancePropertyGet(pluginObj, key) {
+    if (pluginObj._objectInstance && pluginObj._objectInstance[key]) {
+        return pluginObj._objectInstance[key];
+    }
+    return null;
+}
+function instancePropertySet(pluginObj, key, value) {
+    if (pluginObj._objectInstance) {
+        pluginObj._objectInstance[key] = value;
+    }
+}
+
+checkReady();
+
 var IOSFilePicker = /** @class */ (function (_super) {
     overlays.__extends(IOSFilePicker, _super);
     function IOSFilePicker() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    IOSFilePicker.prototype.pickFile = function (utis, position) { return overlays.cordova(this, "pickFile", { "callbackOrder": "reverse" }, arguments); };
+    IOSFilePicker.prototype.pickFile = function (utis, position) { return cordova(this, "pickFile", { "callbackOrder": "reverse" }, arguments); };
     IOSFilePicker.pluginName = "iOS File Picker";
     IOSFilePicker.plugin = "cordova-plugin-filepicker";
     IOSFilePicker.pluginRef = "FilePicker";
@@ -29904,7 +30502,7 @@ var IOSFilePicker = /** @class */ (function (_super) {
         { type: Injectable }
     ];
     return IOSFilePicker;
-}(overlays.IonicNativePlugin));
+}(IonicNativePlugin));
 
 const inputBarCss = ":host{--padding-input-container:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);--input-bar-placeholder-font-size:var(--font-size-16, 1rem);--input-bar-border-top:none;--emoji-icon-size:var(--font-size-28, 1.75rem);--graident-height:3.5rem;display:block;width:100%}:host .invisible{display:none}:host .gif-icon{cursor:pointer}:host yoo-links-preview{-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:-webkit-transform 0.25s;transition:-webkit-transform 0.25s;transition:transform 0.25s;transition:transform 0.25s, -webkit-transform 0.25s}:host yoo-links-preview.active{-webkit-transform:translateY(0px);transform:translateY(0px)}:host .outer-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:end;align-items:flex-end;min-height:57px;background:var(--light, #ffffff);border-top:var(--input-bar-border-top)}:host .outer-container .input-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:var(--padding-input-container)}:host .outer-container .input-container .capture-icon{cursor:pointer}:host .outer-container .input-container .input-bar-icon-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:var(--icon-size-01, 1rem)}:host .outer-container .input-container .input-bar-icon-container yoo-button:not(:last-of-type){margin-right:var(--spacing-08, 0.5rem)}:host .outer-container .input-container .action-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--app-color, #5a30f4);font-weight:bold;white-space:nowrap;cursor:pointer}:host .outer-container .placeholder{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:var(--spacing-08, 0.5rem) 0;color:var(--stable, #adadad);pointer-events:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .outer-container .bottom-dialog-container{position:relative;width:100%;height:0;overflow:hidden}:host .outer-container .bottom-dialog-container::after{position:absolute;bottom:0;width:100%;height:var(--graident-height);background-image:-webkit-gradient(linear, left top, left bottom, from(var(--light-20, rgba(255, 255, 255, 0.2))), to(var(--light, #ffffff)));background-image:linear-gradient(to bottom, var(--light-20, rgba(255, 255, 255, 0.2)), var(--light, #ffffff));border-radius:2.3px;content:\"\"}:host .outer-container .bottom-dialog-container .emoji-outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem)}:host .outer-container .bottom-dialog-container .emoji-outer-container.most-used{margin:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);padding:0;border-bottom:1px solid var(--stable-light-80, rgba(241, 241, 241, 0.8))}:host .outer-container .bottom-dialog-container .emoji-outer-container.most-used .emoji-container{margin-bottom:0}:host .outer-container .bottom-dialog-container .emoji-outer-container .header{color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .bottom-dialog-container .emoji-outer-container .emoji-container{display:grid;grid-gap:var(--font-size-20, 1.25rem);grid-template-columns:repeat(auto-fit, var(--emoji-icon-size));-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:calc(var(--graident-height) + var(--spacing-32, 2rem));padding:var(--spacing-08, 0.5rem);row-gap:0}:host .outer-container .bottom-dialog-container .emoji-outer-container .emoji-container .emoji{font-size:var(--emoji-icon-size)}:host .outer-container .bottom-dialog-container .slot-grid:not(.invisible){position:relative;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%}:host .indications-container{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:none;-ms-flex-align:center;align-items:center;width:100%;padding-left:var(--spacing-16, 1rem);color:var(--text-color, #807f83);font-size:var(--font-size-01);background:var(--stable-light, #f1f1f1);opacity:0;-webkit-transition:all ease 0.3s;transition:all ease 0.3s}:host .indications-container.active{display:-ms-flexbox;display:flex;opacity:1}:host .indications-container .close-reply{padding-right:var(--spacing-16, 1rem)}:host .indications-container .indications-inner{-ms-flex:1;flex:1;padding-left:var(--spacing-16, 1rem);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .indications-container .indications-inner .user-indication{-ms-flex:1;flex:1;color:var(--dark, #000000);font-weight:var(--font-weight-03)}:host .quick-reaction-overlay{position:fixed;top:20%;z-index:9;-ms-flex-direction:column;flex-direction:column;width:100%;height:auto;margin:auto;opacity:1;-webkit-transition:opacity 0.8s ease;transition:opacity 0.8s ease;pointer-events:auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host .quick-reaction-overlay.web{position:absolute;margin-top:-150%}:host .quick-reaction-overlay.hide{opacity:0;-webkit-transition:opacity 0.8s ease;transition:opacity 0.8s ease;pointer-events:none}:host .quick-reaction-overlay .reactions-container{display:grid;grid-template-columns:25% 25% 25% 25%;width:100%}:host .quick-reaction-overlay .reactions-container .reaction{font-size:var(--spacing-48, 3rem);text-align:center}:host .quick-reaction-overlay .reaction-title{padding-top:var(--spacing-16, 1rem);padding-bottom:var(--spacing-32, 2rem);color:var(--light, #ffffff);font-size:var(--font-size-16, 1rem)}:host(.footer){--input-bar-border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.iphone-x.footer) .outer-container:not(.focused),:host(.iphone-x.simple) .outer-container:not(.focused){padding-bottom:2rem}:host(.simple){position:absolute;bottom:0px;z-index:40000}:host(.simple) .outer-container{background:transparent}:host(.simple) yoo-form-text-area{--inputbar-background-color:var(--light-20, rgba(255, 255, 255, 0.2));--textarea-font-color:var(--light, #ffffff)}:host(.dark){background:var(--dark, #000000)}:host(.secondary) yoo-form-text-area{--input-bar-margin:0 var(--spacing-24, 1.5rem);--textarea-pointer-event:none;--input-bar-border-radius:var(--border-radius-04, 0.25rem);cursor:pointer}:host(.secondary) .outer-container{background-color:var(--light, #ffffff);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}:host(.secondary) .outer-container .input-bar-icon-container{position:relative;white-space:nowrap}:host(.secondary) .outer-container .input-bar-icon-container yoo-icon{cursor:pointer;fill:var(--stable-alt, #d0d0d0)}:host(.web:not(.small)){min-height:3.5625rem}:host(.small) yoo-form-text-area{--textarea-height:var(--spacing-24, 1.5rem);--textarea-inner-padding:var(--spacing-02, 0.125rem) 0}";
 
@@ -30639,11 +31237,9 @@ const YooInputBarComponent = class {
       await this.onWebRecorder();
     }
   }
-  onVibrate() {
+  async onVibrate() {
     if (overlays.isNativeMobile() && overlays.isIOS()) {
-      index$2.TapticEngine.impact({
-        style: 'medium'
-      });
+      await overlays.vibrateHapticMedium();
     }
   }
   async onActionClick(preventFocusAfter = false) {
@@ -30814,7 +31410,7 @@ const YooInputBarComponent = class {
   }
   renderTextarea() {
     var _a, _b, _c;
-    return (index.h("yoo-form-text-area", { ref: (el) => (this.formTextArea = el), class: "input-bar", resizable: "both", value: this.value, initialRows: 1, allowMention: (_a = this.advancedOptions) === null || _a === void 0 ? void 0 : _a.allowMention, mentionFitMaxRows: true, maxRows: 5, allowCustomInput: true, disableEnter: overlays.isWeb(this.host), otherIds: (_b = this.advancedOptions) === null || _b === void 0 ? void 0 : _b.otherIds, mentions: (_c = this.advancedOptions) === null || _c === void 0 ? void 0 : _c.mentions, onInputBlurred: (ev) => this.onInputBlurred(ev), onInputFocused: (ev) => this.onInputFocused(ev), onInputChanged: (ev) => this.onInput(ev), onEnterPressed: (ev) => overlays.isWeb(this.host) && ev.detail && this.onActionClick(), onClick: () => overlays.isWeb(this.host) && this.sendAttachment.emit('') }, !this.hasTextInside && (index.h("div", { slot: "placeholder", class: "placeholder" }, overlays.translate(this.placeholder))), this.isInputTypeAllowed(index$1.MessageInput.gif) && this.renderGifIcon()));
+    return (index.h("yoo-form-text-area", { ref: (el) => (this.formTextArea = el), class: "input-bar", resizable: "both", value: this.value, initialRows: 1, allowMention: (_a = this.advancedOptions) === null || _a === void 0 ? void 0 : _a.allowMention, mentionConfigs: this.mentionConfigs, mentionFitMaxRows: true, maxRows: 5, allowCustomInput: true, disableEnter: overlays.isWeb(this.host), otherIds: (_b = this.advancedOptions) === null || _b === void 0 ? void 0 : _b.otherIds, mentions: (_c = this.advancedOptions) === null || _c === void 0 ? void 0 : _c.mentions, onInputBlurred: (ev) => this.onInputBlurred(ev), onInputFocused: (ev) => this.onInputFocused(ev), onInputChanged: (ev) => this.onInput(ev), onEnterPressed: (ev) => overlays.isWeb(this.host) && ev.detail && this.onActionClick(), onClick: () => overlays.isWeb(this.host) && this.sendAttachment.emit('') }, !this.hasTextInside && (index.h("div", { slot: "placeholder", class: "placeholder" }, overlays.translate(this.placeholder))), this.isInputTypeAllowed(index$1.MessageInput.gif) && this.renderGifIcon()));
   }
   renderCaptureIcon() {
     var _a, _b, _c, _d, _e, _f;