@recursyve/nice-ui-kit.v2 14.0.0-beta.119 → 14.0.0-beta.121

package/esm2020/lib/components/translation-form/toggle/translation-toggle.component.mjs

@@ -1,9 +1,9 @@
 import { Component } from "@angular/core";
 import { TranslationContextDirective } from "../directives/translation-context.directive";
-import { TranslationFormService } from "../providers/translation-form.service";
+import { NiceTranslationFormService } from "../providers/nice-translation-form.service";
 import * as i0 from "@angular/core";
 import * as i1 from "../directives/translation-context.directive";
-import * as i2 from "../providers/translation-form.service";
+import * as i2 from "../providers/nice-translation-form.service";
 import * as i3 from "@angular/material/button-toggle";
 import * as i4 from "@angular/common";
 export class TranslationToggleComponent {
@@ -17,10 +17,10 @@ export class TranslationToggleComponent {
         this.context.updateLanguage($event.value);
     }
 }
-TranslationToggleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: TranslationToggleComponent, deps: [{ token: i1.TranslationContextDirective }, { token: i2.TranslationFormService }], target: i0.ɵɵFactoryTarget.Component });
+TranslationToggleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: TranslationToggleComponent, deps: [{ token: i1.TranslationContextDirective }, { token: i2.NiceTranslationFormService }], target: i0.ɵɵFactoryTarget.Component });
 TranslationToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: TranslationToggleComponent, selector: "nice-translation-toggle", ngImport: i0, template: "<mat-button-toggle-group\n    *ngIf=\"(languages$ | async)?.length > 1\"\n    (change)=\"onChange($event)\"\n    [value]=\"activeLanguage$ | async\"\n>\n    <mat-button-toggle *ngFor=\"let language of languages$ | async\" [value]=\"language\">\n        {{ language | uppercase }}\n    </mat-button-toggle>\n</mat-button-toggle-group>\n", dependencies: [{ kind: "directive", type: i3.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i3.MatButtonToggle, selector: "mat-button-toggle", inputs: ["disableRipple", "aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "appearance", "checked", "disabled"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.UpperCasePipe, name: "uppercase" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: TranslationToggleComponent, decorators: [{
             type: Component,
             args: [{ selector: "nice-translation-toggle", template: "<mat-button-toggle-group\n    *ngIf=\"(languages$ | async)?.length > 1\"\n    (change)=\"onChange($event)\"\n    [value]=\"activeLanguage$ | async\"\n>\n    <mat-button-toggle *ngFor=\"let language of languages$ | async\" [value]=\"language\">\n        {{ language | uppercase }}\n    </mat-button-toggle>\n</mat-button-toggle-group>\n" }]
-        }], ctorParameters: function () { return [{ type: i1.TranslationContextDirective }, { type: i2.TranslationFormService }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhbnNsYXRpb24tdG9nZ2xlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25pY2UtdWkta2l0LXYyL3NyYy9saWIvY29tcG9uZW50cy90cmFuc2xhdGlvbi1mb3JtL3RvZ2dsZS90cmFuc2xhdGlvbi10b2dnbGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmljZS11aS1raXQtdjIvc3JjL2xpYi9jb21wb25lbnRzL3RyYW5zbGF0aW9uLWZvcm0vdG9nZ2xlL3RyYW5zbGF0aW9uLXRvZ2dsZS50ZW1wbGF0ZS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFMUMsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFDMUYsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7Ozs7OztBQU0vRSxNQUFNLE9BQU8sMEJBQTBCO0lBSW5DLFlBQ1ksT0FBb0MsRUFDcEMsc0JBQThDO1FBRDlDLFlBQU8sR0FBUCxPQUFPLENBQTZCO1FBQ3BDLDJCQUFzQixHQUF0QixzQkFBc0IsQ0FBd0I7UUFMbkQsZUFBVSxHQUFHLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxVQUFVLENBQUM7UUFDcEQsb0JBQWUsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLGVBQWUsQ0FBQztJQUtuRCxDQUFDO0lBRUcsUUFBUSxDQUFDLE1BQTZCO1FBQ3pDLElBQUksQ0FBQyxPQUFPLENBQUMsY0FBYyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM5QyxDQUFDOzt1SEFYUSwwQkFBMEI7MkdBQTFCLDBCQUEwQiwrRENUdkMsaVZBU0E7MkZEQWEsMEJBQTBCO2tCQUp0QyxTQUFTOytCQUNJLHlCQUF5QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBNYXRCdXR0b25Ub2dnbGVDaGFuZ2UgfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uLXRvZ2dsZVwiO1xuaW1wb3J0IHsgVHJhbnNsYXRpb25Db250ZXh0RGlyZWN0aXZlIH0gZnJvbSBcIi4uL2RpcmVjdGl2ZXMvdHJhbnNsYXRpb24tY29udGV4dC5kaXJlY3RpdmVcIjtcbmltcG9ydCB7IFRyYW5zbGF0aW9uRm9ybVNlcnZpY2UgfSBmcm9tIFwiLi4vcHJvdmlkZXJzL3RyYW5zbGF0aW9uLWZvcm0uc2VydmljZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogXCJuaWNlLXRyYW5zbGF0aW9uLXRvZ2dsZVwiLFxuICAgIHRlbXBsYXRlVXJsOiBcInRyYW5zbGF0aW9uLXRvZ2dsZS50ZW1wbGF0ZS5odG1sXCIsXG59KVxuZXhwb3J0IGNsYXNzIFRyYW5zbGF0aW9uVG9nZ2xlQ29tcG9uZW50IHtcbiAgICBwdWJsaWMgbGFuZ3VhZ2VzJCA9IHRoaXMudHJhbnNsYXRpb25Gb3JtU2VydmljZS5sYW5ndWFnZXMkO1xuICAgIHB1YmxpYyBhY3RpdmVMYW5ndWFnZSQgPSB0aGlzLmNvbnRleHQuYWN0aXZlTGFuZ3VhZ2UkO1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIHByaXZhdGUgY29udGV4dDogVHJhbnNsYXRpb25Db250ZXh0RGlyZWN0aXZlLFxuICAgICAgICBwcml2YXRlIHRyYW5zbGF0aW9uRm9ybVNlcnZpY2U6IFRyYW5zbGF0aW9uRm9ybVNlcnZpY2VcbiAgICApIHt9XG5cbiAgICBwdWJsaWMgb25DaGFuZ2UoJGV2ZW50OiBNYXRCdXR0b25Ub2dnbGVDaGFuZ2UpIHtcbiAgICAgICAgdGhpcy5jb250ZXh0LnVwZGF0ZUxhbmd1YWdlKCRldmVudC52YWx1ZSk7XG4gICAgfVxufVxuIiwiPG1hdC1idXR0b24tdG9nZ2xlLWdyb3VwXG4gICAgKm5nSWY9XCIobGFuZ3VhZ2VzJCB8IGFzeW5jKT8ubGVuZ3RoID4gMVwiXG4gICAgKGNoYW5nZSk9XCJvbkNoYW5nZSgkZXZlbnQpXCJcbiAgICBbdmFsdWVdPVwiYWN0aXZlTGFuZ3VhZ2UkIHwgYXN5bmNcIlxuPlxuICAgIDxtYXQtYnV0dG9uLXRvZ2dsZSAqbmdGb3I9XCJsZXQgbGFuZ3VhZ2Ugb2YgbGFuZ3VhZ2VzJCB8IGFzeW5jXCIgW3ZhbHVlXT1cImxhbmd1YWdlXCI+XG4gICAgICAgIHt7IGxhbmd1YWdlIHwgdXBwZXJjYXNlIH19XG4gICAgPC9tYXQtYnV0dG9uLXRvZ2dsZT5cbjwvbWF0LWJ1dHRvbi10b2dnbGUtZ3JvdXA+XG4iXX0=
+        }], ctorParameters: function () { return [{ type: i1.TranslationContextDirective }, { type: i2.NiceTranslationFormService }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhbnNsYXRpb24tdG9nZ2xlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25pY2UtdWkta2l0LXYyL3NyYy9saWIvY29tcG9uZW50cy90cmFuc2xhdGlvbi1mb3JtL3RvZ2dsZS90cmFuc2xhdGlvbi10b2dnbGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmljZS11aS1raXQtdjIvc3JjL2xpYi9jb21wb25lbnRzL3RyYW5zbGF0aW9uLWZvcm0vdG9nZ2xlL3RyYW5zbGF0aW9uLXRvZ2dsZS50ZW1wbGF0ZS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFMUMsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFDMUYsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sNENBQTRDLENBQUM7Ozs7OztBQU14RixNQUFNLE9BQU8sMEJBQTBCO0lBSW5DLFlBQ1ksT0FBb0MsRUFDcEMsc0JBQWtEO1FBRGxELFlBQU8sR0FBUCxPQUFPLENBQTZCO1FBQ3BDLDJCQUFzQixHQUF0QixzQkFBc0IsQ0FBNEI7UUFMdkQsZUFBVSxHQUFHLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxVQUFVLENBQUM7UUFDcEQsb0JBQWUsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLGVBQWUsQ0FBQztJQUtuRCxDQUFDO0lBRUcsUUFBUSxDQUFDLE1BQTZCO1FBQ3pDLElBQUksQ0FBQyxPQUFPLENBQUMsY0FBYyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM5QyxDQUFDOzt1SEFYUSwwQkFBMEI7MkdBQTFCLDBCQUEwQiwrRENUdkMsaVZBU0E7MkZEQWEsMEJBQTBCO2tCQUp0QyxTQUFTOytCQUNJLHlCQUF5QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBNYXRCdXR0b25Ub2dnbGVDaGFuZ2UgfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uLXRvZ2dsZVwiO1xuaW1wb3J0IHsgVHJhbnNsYXRpb25Db250ZXh0RGlyZWN0aXZlIH0gZnJvbSBcIi4uL2RpcmVjdGl2ZXMvdHJhbnNsYXRpb24tY29udGV4dC5kaXJlY3RpdmVcIjtcbmltcG9ydCB7IE5pY2VUcmFuc2xhdGlvbkZvcm1TZXJ2aWNlIH0gZnJvbSBcIi4uL3Byb3ZpZGVycy9uaWNlLXRyYW5zbGF0aW9uLWZvcm0uc2VydmljZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogXCJuaWNlLXRyYW5zbGF0aW9uLXRvZ2dsZVwiLFxuICAgIHRlbXBsYXRlVXJsOiBcInRyYW5zbGF0aW9uLXRvZ2dsZS50ZW1wbGF0ZS5odG1sXCIsXG59KVxuZXhwb3J0IGNsYXNzIFRyYW5zbGF0aW9uVG9nZ2xlQ29tcG9uZW50IHtcbiAgICBwdWJsaWMgbGFuZ3VhZ2VzJCA9IHRoaXMudHJhbnNsYXRpb25Gb3JtU2VydmljZS5sYW5ndWFnZXMkO1xuICAgIHB1YmxpYyBhY3RpdmVMYW5ndWFnZSQgPSB0aGlzLmNvbnRleHQuYWN0aXZlTGFuZ3VhZ2UkO1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIHByaXZhdGUgY29udGV4dDogVHJhbnNsYXRpb25Db250ZXh0RGlyZWN0aXZlLFxuICAgICAgICBwcml2YXRlIHRyYW5zbGF0aW9uRm9ybVNlcnZpY2U6IE5pY2VUcmFuc2xhdGlvbkZvcm1TZXJ2aWNlXG4gICAgKSB7fVxuXG4gICAgcHVibGljIG9uQ2hhbmdlKCRldmVudDogTWF0QnV0dG9uVG9nZ2xlQ2hhbmdlKSB7XG4gICAgICAgIHRoaXMuY29udGV4dC51cGRhdGVMYW5ndWFnZSgkZXZlbnQudmFsdWUpO1xuICAgIH1cbn1cbiIsIjxtYXQtYnV0dG9uLXRvZ2dsZS1ncm91cFxuICAgICpuZ0lmPVwiKGxhbmd1YWdlcyQgfCBhc3luYyk/Lmxlbmd0aCA+IDFcIlxuICAgIChjaGFuZ2UpPVwib25DaGFuZ2UoJGV2ZW50KVwiXG4gICAgW3ZhbHVlXT1cImFjdGl2ZUxhbmd1YWdlJCB8IGFzeW5jXCJcbj5cbiAgICA8bWF0LWJ1dHRvbi10b2dnbGUgKm5nRm9yPVwibGV0IGxhbmd1YWdlIG9mIGxhbmd1YWdlcyQgfCBhc3luY1wiIFt2YWx1ZV09XCJsYW5ndWFnZVwiPlxuICAgICAgICB7eyBsYW5ndWFnZSB8IHVwcGVyY2FzZSB9fVxuICAgIDwvbWF0LWJ1dHRvbi10b2dnbGU+XG48L21hdC1idXR0b24tdG9nZ2xlLWdyb3VwPlxuIl19

package/esm2020/lib/components/translation-form/validators/require-for-languages.validator.mjs

@@ -1,9 +1,9 @@
 import { Injectable } from "@angular/core";
 import { AsyncValidator, registerAsyncValidatorDecorator, } from "@recursyve/ngx-form-generator";
-import { of } from "rxjs";
-import { TranslationFormService } from "../providers/translation-form.service";
+import { map, take } from "rxjs/operators";
+import { NiceTranslationFormService } from "../providers/nice-translation-form.service";
 import * as i0 from "@angular/core";
-import * as i1 from "../providers/translation-form.service";
+import * as i1 from "../providers/nice-translation-form.service";
 export function RequireForLanguages() {
     return registerAsyncValidatorDecorator({
         name: "RequireForLanguages",
@@ -16,27 +16,28 @@ export class RequireForLanguagesValidator extends AsyncValidator {
         this.name = "RequireForLanguages";
     }
     validate(formGroup) {
-        const requiredLanguages = this.service.requiredLanguages$.getValue();
-        if (!requiredLanguages.length) {
-            return of(null);
-        }
-        const missingLanguages = [];
-        for (const requiredLanguage of requiredLanguages) {
-            const control = formGroup.get(requiredLanguage);
-            if (control?.value) {
-                continue;
+        return this.service.requiredLanguages$.pipe(take(1), map((requiredLanguages) => {
+            if (!requiredLanguages.length) {
+                return null;
             }
-            missingLanguages.push(requiredLanguage);
-        }
-        if (missingLanguages?.length) {
-            return of({ languageRequired: { missingLanguages } });
-        }
-        return of(null);
+            const missingLanguages = [];
+            for (const requiredLanguage of requiredLanguages) {
+                const control = formGroup.get(requiredLanguage);
+                if (control?.value) {
+                    continue;
+                }
+                missingLanguages.push(requiredLanguage);
+            }
+            if (missingLanguages?.length) {
+                return { languageRequired: { missingLanguages } };
+            }
+            return null;
+        }));
     }
 }
-RequireForLanguagesValidator.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: RequireForLanguagesValidator, deps: [{ token: i1.TranslationFormService }], target: i0.ɵɵFactoryTarget.Injectable });
+RequireForLanguagesValidator.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: RequireForLanguagesValidator, deps: [{ token: i1.NiceTranslationFormService }], target: i0.ɵɵFactoryTarget.Injectable });
 RequireForLanguagesValidator.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: RequireForLanguagesValidator });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: RequireForLanguagesValidator, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: i1.TranslationFormService }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVxdWlyZS1mb3ItbGFuZ3VhZ2VzLnZhbGlkYXRvci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25pY2UtdWkta2l0LXYyL3NyYy9saWIvY29tcG9uZW50cy90cmFuc2xhdGlvbi1mb3JtL3ZhbGlkYXRvcnMvcmVxdWlyZS1mb3ItbGFuZ3VhZ2VzLnZhbGlkYXRvci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTNDLE9BQU8sRUFDSCxjQUFjLEVBQ2QsK0JBQStCLEdBQ2xDLE1BQU0sK0JBQStCLENBQUM7QUFDdkMsT0FBTyxFQUFjLEVBQUUsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUN0QyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQzs7O0FBRS9FLE1BQU0sVUFBVSxtQkFBbUI7SUFDL0IsT0FBTywrQkFBK0IsQ0FBQztRQUNuQyxJQUFJLEVBQUUscUJBQXFCO0tBQzlCLENBQUMsQ0FBQztBQUNQLENBQUM7QUFHRCxNQUFNLE9BQU8sNEJBQTZCLFNBQVEsY0FBYztJQUc1RCxZQUFvQixPQUErQjtRQUMvQyxLQUFLLEVBQUUsQ0FBQztRQURRLFlBQU8sR0FBUCxPQUFPLENBQXdCO1FBRjVDLFNBQUksR0FBRyxxQkFBcUIsQ0FBQztJQUlwQyxDQUFDO0lBRU0sUUFBUSxDQUFDLFNBQW9CO1FBQ2hDLE1BQU0saUJBQWlCLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxrQkFBa0IsQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUVyRSxJQUFJLENBQUMsaUJBQWlCLENBQUMsTUFBTSxFQUFFO1lBQzNCLE9BQU8sRUFBRSxDQUFDLElBQUksQ0FBQyxDQUFDO1NBQ25CO1FBRUQsTUFBTSxnQkFBZ0IsR0FBYSxFQUFFLENBQUM7UUFFdEMsS0FBSyxNQUFNLGdCQUFnQixJQUFJLGlCQUFpQixFQUFFO1lBQzlDLE1BQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxHQUFHLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztZQUVoRCxJQUFJLE9BQU8sRUFBRSxLQUFLLEVBQUU7Z0JBQ2hCLFNBQVM7YUFDWjtZQUVELGdCQUFnQixDQUFDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1NBQzNDO1FBRUQsSUFBSSxnQkFBZ0IsRUFBRSxNQUFNLEVBQUU7WUFDMUIsT0FBTyxFQUFFLENBQUMsRUFBRSxnQkFBZ0IsRUFBRSxFQUFFLGdCQUFnQixFQUFFLEVBQUUsQ0FBQyxDQUFDO1NBQ3pEO1FBRUQsT0FBTyxFQUFFLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDcEIsQ0FBQzs7eUhBL0JRLDRCQUE0Qjs2SEFBNUIsNEJBQTRCOzJGQUE1Qiw0QkFBNEI7a0JBRHhDLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IFZhbGlkYXRpb25FcnJvcnMsIEZvcm1Hcm91cCB9IGZyb20gXCJAYW5ndWxhci9mb3Jtc1wiO1xuaW1wb3J0IHtcbiAgICBBc3luY1ZhbGlkYXRvcixcbiAgICByZWdpc3RlckFzeW5jVmFsaWRhdG9yRGVjb3JhdG9yLFxufSBmcm9tIFwiQHJlY3Vyc3l2ZS9uZ3gtZm9ybS1nZW5lcmF0b3JcIjtcbmltcG9ydCB7IE9ic2VydmFibGUsIG9mIH0gZnJvbSBcInJ4anNcIjtcbmltcG9ydCB7IFRyYW5zbGF0aW9uRm9ybVNlcnZpY2UgfSBmcm9tIFwiLi4vcHJvdmlkZXJzL3RyYW5zbGF0aW9uLWZvcm0uc2VydmljZVwiO1xuXG5leHBvcnQgZnVuY3Rpb24gUmVxdWlyZUZvckxhbmd1YWdlcygpIHtcbiAgICByZXR1cm4gcmVnaXN0ZXJBc3luY1ZhbGlkYXRvckRlY29yYXRvcih7XG4gICAgICAgIG5hbWU6IFwiUmVxdWlyZUZvckxhbmd1YWdlc1wiLFxuICAgIH0pO1xufVxuXG5ASW5qZWN0YWJsZSgpXG5leHBvcnQgY2xhc3MgUmVxdWlyZUZvckxhbmd1YWdlc1ZhbGlkYXRvciBleHRlbmRzIEFzeW5jVmFsaWRhdG9yIHtcbiAgICBwdWJsaWMgbmFtZSA9IFwiUmVxdWlyZUZvckxhbmd1YWdlc1wiO1xuXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBzZXJ2aWNlOiBUcmFuc2xhdGlvbkZvcm1TZXJ2aWNlKSB7XG4gICAgICAgIHN1cGVyKCk7XG4gICAgfVxuXG4gICAgcHVibGljIHZhbGlkYXRlKGZvcm1Hcm91cDogRm9ybUdyb3VwKTogT2JzZXJ2YWJsZTxWYWxpZGF0aW9uRXJyb3JzIHwgbnVsbD4ge1xuICAgICAgICBjb25zdCByZXF1aXJlZExhbmd1YWdlcyA9IHRoaXMuc2VydmljZS5yZXF1aXJlZExhbmd1YWdlcyQuZ2V0VmFsdWUoKTtcblxuICAgICAgICBpZiAoIXJlcXVpcmVkTGFuZ3VhZ2VzLmxlbmd0aCkge1xuICAgICAgICAgICAgcmV0dXJuIG9mKG51bGwpO1xuICAgICAgICB9XG5cbiAgICAgICAgY29uc3QgbWlzc2luZ0xhbmd1YWdlczogc3RyaW5nW10gPSBbXTtcblxuICAgICAgICBmb3IgKGNvbnN0IHJlcXVpcmVkTGFuZ3VhZ2Ugb2YgcmVxdWlyZWRMYW5ndWFnZXMpIHtcbiAgICAgICAgICAgIGNvbnN0IGNvbnRyb2wgPSBmb3JtR3JvdXAuZ2V0KHJlcXVpcmVkTGFuZ3VhZ2UpO1xuXG4gICAgICAgICAgICBpZiAoY29udHJvbD8udmFsdWUpIHtcbiAgICAgICAgICAgICAgICBjb250aW51ZTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgbWlzc2luZ0xhbmd1YWdlcy5wdXNoKHJlcXVpcmVkTGFuZ3VhZ2UpO1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKG1pc3NpbmdMYW5ndWFnZXM/Lmxlbmd0aCkge1xuICAgICAgICAgICAgcmV0dXJuIG9mKHsgbGFuZ3VhZ2VSZXF1aXJlZDogeyBtaXNzaW5nTGFuZ3VhZ2VzIH0gfSk7XG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4gb2YobnVsbCk7XG4gICAgfVxufVxuIl19
+        }], ctorParameters: function () { return [{ type: i1.NiceTranslationFormService }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVxdWlyZS1mb3ItbGFuZ3VhZ2VzLnZhbGlkYXRvci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25pY2UtdWkta2l0LXYyL3NyYy9saWIvY29tcG9uZW50cy90cmFuc2xhdGlvbi1mb3JtL3ZhbGlkYXRvcnMvcmVxdWlyZS1mb3ItbGFuZ3VhZ2VzLnZhbGlkYXRvci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTNDLE9BQU8sRUFBRSxjQUFjLEVBQUUsK0JBQStCLEdBQUcsTUFBTSwrQkFBK0IsQ0FBQztBQUVqRyxPQUFPLEVBQUUsR0FBRyxFQUFFLElBQUksRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzNDLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLDRDQUE0QyxDQUFDOzs7QUFFeEYsTUFBTSxVQUFVLG1CQUFtQjtJQUMvQixPQUFPLCtCQUErQixDQUFDO1FBQ25DLElBQUksRUFBRSxxQkFBcUI7S0FDOUIsQ0FBQyxDQUFDO0FBQ1AsQ0FBQztBQUdELE1BQU0sT0FBTyw0QkFBNkIsU0FBUSxjQUFjO0lBRzVELFlBQW9CLE9BQW1DO1FBQ25ELEtBQUssRUFBRSxDQUFDO1FBRFEsWUFBTyxHQUFQLE9BQU8sQ0FBNEI7UUFGaEQsU0FBSSxHQUFHLHFCQUFxQixDQUFDO0lBSXBDLENBQUM7SUFFTSxRQUFRLENBQUMsU0FBb0I7UUFDaEMsT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FDdkMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUNQLEdBQUcsQ0FBQyxDQUFDLGlCQUFpQixFQUFFLEVBQUU7WUFDdEIsSUFBSSxDQUFDLGlCQUFpQixDQUFDLE1BQU0sRUFBRTtnQkFDM0IsT0FBTyxJQUFJLENBQUM7YUFDZjtZQUVELE1BQU0sZ0JBQWdCLEdBQWEsRUFBRSxDQUFDO1lBQ3RDLEtBQUssTUFBTSxnQkFBZ0IsSUFBSSxpQkFBaUIsRUFBRTtnQkFDOUMsTUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLEdBQUcsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO2dCQUVoRCxJQUFJLE9BQU8sRUFBRSxLQUFLLEVBQUU7b0JBQ2hCLFNBQVM7aUJBQ1o7Z0JBRUQsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUM7YUFDM0M7WUFFRCxJQUFJLGdCQUFnQixFQUFFLE1BQU0sRUFBRTtnQkFDMUIsT0FBTyxFQUFFLGdCQUFnQixFQUFFLEVBQUUsZ0JBQWdCLEVBQUUsRUFBRSxDQUFDO2FBQ3JEO1lBRUQsT0FBTyxJQUFJLENBQUM7UUFDaEIsQ0FBQyxDQUFDLENBQ0wsQ0FBQztJQUNOLENBQUM7O3lIQWpDUSw0QkFBNEI7NkhBQTVCLDRCQUE0QjsyRkFBNUIsNEJBQTRCO2tCQUR4QyxVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0YWJsZSB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBGb3JtR3JvdXAsIFZhbGlkYXRpb25FcnJvcnMgfSBmcm9tIFwiQGFuZ3VsYXIvZm9ybXNcIjtcbmltcG9ydCB7IEFzeW5jVmFsaWRhdG9yLCByZWdpc3RlckFzeW5jVmFsaWRhdG9yRGVjb3JhdG9yLCB9IGZyb20gXCJAcmVjdXJzeXZlL25neC1mb3JtLWdlbmVyYXRvclwiO1xuaW1wb3J0IHsgT2JzZXJ2YWJsZSB9IGZyb20gXCJyeGpzXCI7XG5pbXBvcnQgeyBtYXAsIHRha2UgfSBmcm9tIFwicnhqcy9vcGVyYXRvcnNcIjtcbmltcG9ydCB7IE5pY2VUcmFuc2xhdGlvbkZvcm1TZXJ2aWNlIH0gZnJvbSBcIi4uL3Byb3ZpZGVycy9uaWNlLXRyYW5zbGF0aW9uLWZvcm0uc2VydmljZVwiO1xuXG5leHBvcnQgZnVuY3Rpb24gUmVxdWlyZUZvckxhbmd1YWdlcygpIHtcbiAgICByZXR1cm4gcmVnaXN0ZXJBc3luY1ZhbGlkYXRvckRlY29yYXRvcih7XG4gICAgICAgIG5hbWU6IFwiUmVxdWlyZUZvckxhbmd1YWdlc1wiLFxuICAgIH0pO1xufVxuXG5ASW5qZWN0YWJsZSgpXG5leHBvcnQgY2xhc3MgUmVxdWlyZUZvckxhbmd1YWdlc1ZhbGlkYXRvciBleHRlbmRzIEFzeW5jVmFsaWRhdG9yIHtcbiAgICBwdWJsaWMgbmFtZSA9IFwiUmVxdWlyZUZvckxhbmd1YWdlc1wiO1xuXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBzZXJ2aWNlOiBOaWNlVHJhbnNsYXRpb25Gb3JtU2VydmljZSkge1xuICAgICAgICBzdXBlcigpO1xuICAgIH1cblxuICAgIHB1YmxpYyB2YWxpZGF0ZShmb3JtR3JvdXA6IEZvcm1Hcm91cCk6IE9ic2VydmFibGU8VmFsaWRhdGlvbkVycm9ycyB8IG51bGw+IHtcbiAgICAgICAgcmV0dXJuIHRoaXMuc2VydmljZS5yZXF1aXJlZExhbmd1YWdlcyQucGlwZShcbiAgICAgICAgICAgIHRha2UoMSksXG4gICAgICAgICAgICBtYXAoKHJlcXVpcmVkTGFuZ3VhZ2VzKSA9PiB7XG4gICAgICAgICAgICAgICAgaWYgKCFyZXF1aXJlZExhbmd1YWdlcy5sZW5ndGgpIHtcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIG51bGw7XG4gICAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgICAgY29uc3QgbWlzc2luZ0xhbmd1YWdlczogc3RyaW5nW10gPSBbXTtcbiAgICAgICAgICAgICAgICBmb3IgKGNvbnN0IHJlcXVpcmVkTGFuZ3VhZ2Ugb2YgcmVxdWlyZWRMYW5ndWFnZXMpIHtcbiAgICAgICAgICAgICAgICAgICAgY29uc3QgY29udHJvbCA9IGZvcm1Hcm91cC5nZXQocmVxdWlyZWRMYW5ndWFnZSk7XG5cbiAgICAgICAgICAgICAgICAgICAgaWYgKGNvbnRyb2w/LnZhbHVlKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICBjb250aW51ZTtcbiAgICAgICAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgICAgICAgIG1pc3NpbmdMYW5ndWFnZXMucHVzaChyZXF1aXJlZExhbmd1YWdlKTtcbiAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICBpZiAobWlzc2luZ0xhbmd1YWdlcz8ubGVuZ3RoKSB7XG4gICAgICAgICAgICAgICAgICAgIHJldHVybiB7IGxhbmd1YWdlUmVxdWlyZWQ6IHsgbWlzc2luZ0xhbmd1YWdlcyB9IH07XG4gICAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgICAgcmV0dXJuIG51bGw7XG4gICAgICAgICAgICB9KVxuICAgICAgICApO1xuICAgIH1cbn1cbiJdfQ==

package/fesm2015/recursyve-nice-ui-kit.v2.mjs

@@ -1731,7 +1731,7 @@ class NiceAssetsCarouselComponent {
         this.color = this.defaultColor;
         this.edit = false;
         this.loading = false;
-        this.accept = ["image/*"];
+        this.accept = [];
         this.customActions = [];
         this.multipleUpload = false;
         this.visiblePreviewAsset = 4;
@@ -1739,6 +1739,7 @@ class NiceAssetsCarouselComponent {
         this.activeChange = new EventEmitter();
         this.removedAsset = new EventEmitter();
         this.listStyle = { transform: "translateX(0px)" };
+        this._imagesMimeTypes = ["image/png", "image/jpeg", "image/webp", "image/avif"];
         if (!this.options) {
             this.options = {
                 actionButtons: {
@@ -1800,6 +1801,21 @@ class NiceAssetsCarouselComponent {
                 || this._active >= this.visiblePreviewAsset;
         this.activeChange.emit(this._active);
     }
+    ngOnInit() {
+        var _a;
+        if (!((_a = this.accept) === null || _a === void 0 ? void 0 : _a.length)) {
+            this.accept = [...this._imagesMimeTypes];
+        }
+    }
+    ngOnChanges(changes) {
+        if ("accept" in changes && this.accept) {
+            const index = this.accept.indexOf("image/*");
+            if (index >= 0) {
+                this.accept.splice(index, 1);
+                this.accept.push(...this._imagesMimeTypes);
+            }
+        }
+    }
     writeValue(assets) {
         this._assets = assets !== null && assets !== void 0 ? assets : [];
         if (this._assets.length === 0) {
@@ -1844,42 +1860,30 @@ class NiceAssetsCarouselComponent {
     onFilesChange(event) {
         var _a;
         return __awaiter(this, void 0, void 0, function* () {
-            let files = (_a = event.target) === null || _a === void 0 ? void 0 : _a.files;
-            if (this.imagesProcessor) {
-                files = yield this.getProcessedFiles(files);
-            }
+            const files = (_a = event.target) === null || _a === void 0 ? void 0 : _a.files;
             yield this.onFilesDrop(files);
             this.inputElement.nativeElement.value = "";
         });
     }
-    onFilesDrop(files) {
+    onFilesDrop(fileList) {
         var _a;
         return __awaiter(this, void 0, void 0, function* () {
+            let files = this.filterOutUnsupportedFiles(fileList);
+            if (this.imagesProcessor) {
+                files = yield this.getProcessedFiles(files);
+            }
             if (!(files === null || files === void 0 ? void 0 : files.length)) {
                 return;
             }
-            let newAssetsAdded = false;
-            for (let i = 0; i < files.length; i++) {
-                const file = files.item(i);
-                if (!this.accept.some((accept) => {
-                    if (accept.endsWith("*")) {
-                        return file.type.startsWith(accept.replace("*", ""));
-                    }
-                    return accept === file.type;
-                })) {
-                    continue;
-                }
-                newAssetsAdded = true;
+            for (const file of files) {
                 this._assets.push({
                     file,
                     type: file.type.split("/").shift(),
                     base64: yield FileUtils.getDataUrl(file)
                 });
             }
-            if (newAssetsAdded) {
-                this.clickAsset(this._assets.length - 1);
-                (_a = this.propagate) === null || _a === void 0 ? void 0 : _a.call(this, this._assets);
-            }
+            this.clickAsset(this._assets.length - 1);
+            (_a = this.propagate) === null || _a === void 0 ? void 0 : _a.call(this, this._assets);
         });
     }
     clickRemove() {
@@ -1906,12 +1910,32 @@ class NiceAssetsCarouselComponent {
             yield this._assetsElement.get(this._active).nativeElement.firstElementChild.play();
         });
     }
+    filterOutUnsupportedFiles(fileList) {
+        const files = [];
+        for (let i = 0; i < fileList.length; i++) {
+            const file = fileList.item(i);
+            if (this.accept.some((accept) => {
+                if (accept.endsWith("*")) {
+                    return file.type.startsWith(accept.replace("*", ""));
+                }
+                return accept === file.type;
+            })) {
+                files.push(file);
+            }
+        }
+        return files;
+    }
     getProcessedFiles(files) {
         return __awaiter(this, void 0, void 0, function* () {
             try {
+                if (!files.length) {
+                    return null;
+                }
                 return yield this.imagesProcessor(files);
             }
-            catch (e) { }
+            catch (e) {
+                return null;
+            }
         });
     }
 }
@@ -1922,7 +1946,7 @@ NiceAssetsCarouselComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.
             useExisting: forwardRef(() => NiceAssetsCarouselComponent),
             multi: true
         }
-    ], queries: [{ propertyName: "activeContent", first: true, predicate: NiceAssetsCarouselActiveContentDirective, descendants: true, read: TemplateRef }], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["fileInput"], descendants: true }, { propertyName: "activeVideoElement", first: true, predicate: ["activeVideo"], descendants: true }, { propertyName: "assetsElement", predicate: ["assets"], descendants: true }], ngImport: i0, template: "<div class=\"carousel-container\" niceDropzone (filesDropped)=\"onFilesDrop($event)\">\n    <div\n        class=\"active-image\"\n        matRipple\n        [class.empty-state]=\"!_activeAsset\"\n        (click)=\"edit && fileInput.click();\n        $event.stopPropagation()\"\n    >\n        <div *ngIf=\"loading\" class=\"flex flex-row justify-center items-center h-full\">\n            <mat-spinner [diameter]=\"32\"></mat-spinner>\n        </div>\n        <ng-container *ngIf=\"!loading\">\n            <ng-container\n                *ngIf=\"_activeAsset && activeContent\"\n                [ngTemplateOutlet]=\"activeContent\"\n                [ngTemplateOutletContext]=\"{ $implicit: _activeAsset}\"\n            ></ng-container>\n            <img\n                *ngIf=\"_activeAsset?.type === 'image'\"\n                (mouseover)=\"showOverlay=true\"\n                [src]=\"_activeAsset.url ?? _activeAsset.base64\"\n                draggable=\"false\"\n                class=\"relative\"\n                alt=\"active-image\"\n            >\n            <video #activeVideo *ngIf=\"_activeAsset?.type === 'video'\" draggable=\"false\" loop [src]=\"_activeAsset.url ?? _activeAsset.base64\"></video>\n\n            <div class=\"empty-state-content\" *ngIf=\"!_activeAsset\">\n                <mat-icon *ngIf=\"options.upload.matIcon\">{{ options.upload.matIcon }}</mat-icon>\n                <mat-icon *ngIf=\"options.upload.svgIcon\" [svgIcon]=\"options.upload.svgIcon\"></mat-icon>\n                <div class=\"text\">\n                    {{ \"nice_ui_kit.assets_carousel.upload_here\" | translate }}\n                </div>\n            </div>\n\n            <div *ngIf=\"_activeAsset && showOverlay && edit\" class=\"active-image-overlay\">\n                <div\n                    (mouseout)=\"showOverlay=false\"\n                    class=\"flex flex-col justify-center items-center w-full h-full\"\n                >\n                    <mat-icon *ngIf=\"options.upload.matIcon\">{{ options.upload.matIcon }}</mat-icon>\n                    <mat-icon *ngIf=\"options.upload.svgIcon\" [svgIcon]=\"options.upload.svgIcon\"></mat-icon>\n                </div>\n            </div>\n\n            <div *ngIf=\"edit\" class=\"active-buttons\">\n                <button mat-icon-button (click)=\"fileInput.click(); $event.stopPropagation()\">\n                    <mat-icon *ngIf=\"options.actionButtons.addPhoto.matIcon\">{{ options.actionButtons.addPhoto.matIcon }}</mat-icon>\n                    <mat-icon *ngIf=\"options.actionButtons.addPhoto.svgIcon\" [svgIcon]=\"options.actionButtons.addPhoto.svgIcon\"></mat-icon>\n                </button>\n                <button mat-icon-button [matMenuTriggerFor]=\"assetActions\" (click)=\"$event.stopPropagation()\" [disabled]=\"!_activeAsset\">\n                    <mat-icon *ngIf=\"options.actionButtons.moreOptions.matIcon\">{{ options.actionButtons.moreOptions.matIcon }}</mat-icon>\n                    <mat-icon *ngIf=\"options.actionButtons.moreOptions.svgIcon\" [svgIcon]=\"options.actionButtons.moreOptions.svgIcon\"></mat-icon>\n                </button>\n                <mat-menu class=\"nice-asset-options-menu\" [xPosition]=\"'before'\" #assetActions=\"matMenu\">\n                    <button\n                        mat-menu-item\n                        *ngFor=\"let action of customActions\"\n                        (click)=\"clickCustom(action)\"\n                    >\n                        <mat-icon *ngIf=\"action.icon.matIcon\">{{ action.icon.matIcon }}</mat-icon>\n                        <mat-icon [svgIcon]=\"action.icon.svgIcon\" *ngIf=\"action.icon.svgIcon\"></mat-icon>\n                        <span>{{ action.name | translate }}</span>\n                    </button>\n                    <button mat-menu-item (click)=\"clickRemove()\">\n                        <mat-icon *ngIf=\"options.actionButtons.remove.matIcon\">{{ options.actionButtons.remove.matIcon }}</mat-icon>\n                        <mat-icon *ngIf=\"options.actionButtons.remove.svgIcon\" [svgIcon]=\"options.actionButtons.remove.svgIcon\"></mat-icon>\n                        <span>{{ \"nice_ui_kit.assets_carousel.delete\" | translate }}</span>\n                    </button>\n                </mat-menu>\n            </div>\n        </ng-container>\n    </div>\n\n    <div class=\"carousel\">\n        <button *ngIf=\"showAddAssetContainer || _activeAsset\" class=\"action-button left-arrow\" mat-icon-button [disabled]=\"!_active\" (click)=\"clickLeft()\">\n            <mat-icon *ngIf=\"options.leftArrow.matIcon\">{{ options.leftArrow.matIcon }}</mat-icon>\n            <mat-icon class=\"arrows\" *ngIf=\"options.leftArrow.svgIcon\" [svgIcon]=\"options.leftArrow.svgIcon\"></mat-icon>\n        </button>\n        <div class=\"asset-list-container\">\n            <div *ngIf=\"showAddAssetContainer && edit\" class=\"add-asset-container\">\n                <div class=\"add-asset\" matRipple (click)=\"fileInput.click()\">\n                    <mat-icon *ngIf=\"options.addPhoto.matIcon\">{{ options.addPhoto.matIcon }}</mat-icon>\n                    <mat-icon *ngIf=\"options.addPhoto.svgIcon\" [svgIcon]=\"options.addPhoto.svgIcon\"></mat-icon>\n                </div>\n            </div>\n            <div class=\"asset-list\" [ngStyle]=\"listStyle\">\n                <div\n                    #assets\n                    class=\"asset\"\n                    *ngFor=\"let asset of _assets; let i = index\"\n                    (click)=\"clickAsset(i)\"\n                    [ngClass]=\"color\"\n                    [class.active]=\"_active === i\"\n                >\n                    <ng-container>\n                        <img\n                            *ngIf=\"asset.type === 'image'\"\n                            draggable=\"false\"\n                            [src]=\"asset.url ?? asset.base64\"\n                            alt=\"add-image\"\n                        />\n                        <video\n                            *ngIf=\"asset.type === 'video'\"\n                            draggable=\"false\"\n                            loop\n                            [src]=\"asset.url ?? asset.base64\"\n                        ></video>\n                    </ng-container>\n                </div>\n            </div>\n        </div>\n        <button *ngIf=\"showAddAssetContainer || _activeAsset\" class=\"action-button right-arrow\" mat-icon-button [disabled]=\"_lastAsset\" (click)=\"clickRight()\">\n            <mat-icon *ngIf=\"options.rightArrow.matIcon\">{{ options.rightArrow.matIcon }}</mat-icon>\n            <mat-icon class=\"arrows\" *ngIf=\"options.rightArrow.svgIcon\" [svgIcon]=\"options.rightArrow.svgIcon\"></mat-icon>\n        </button>\n    </div>\n</div>\n\n<input #fileInput type=\"file\" hidden [accept]=\"accept\" (change)=\"onFilesChange($event)\" [multiple]=\"multipleUpload\">\n", styles: [":root{--nice-assets-carousel-asset-width: 90px;--nice-assets-carousel-asset-height: 60px;--nice-assets-carousel-asset-gap: .75rem}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4$1.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i4$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i4$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i2$1.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "directive", type: NiceDropzoneDirective, selector: "[niceDropzone]", outputs: ["filesDropped"] }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], animations: niceAnimations, encapsulation: i0.ViewEncapsulation.None });
+    ], queries: [{ propertyName: "activeContent", first: true, predicate: NiceAssetsCarouselActiveContentDirective, descendants: true, read: TemplateRef }], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["fileInput"], descendants: true }, { propertyName: "activeVideoElement", first: true, predicate: ["activeVideo"], descendants: true }, { propertyName: "assetsElement", predicate: ["assets"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"carousel-container\" niceDropzone (filesDropped)=\"onFilesDrop($event)\">\n    <div\n        class=\"active-image\"\n        matRipple\n        [class.empty-state]=\"!_activeAsset\"\n        (click)=\"edit && fileInput.click();\n        $event.stopPropagation()\"\n    >\n        <div *ngIf=\"loading\" class=\"flex flex-row justify-center items-center h-full\">\n            <mat-spinner [diameter]=\"32\"></mat-spinner>\n        </div>\n        <ng-container *ngIf=\"!loading\">\n            <ng-container\n                *ngIf=\"_activeAsset && activeContent\"\n                [ngTemplateOutlet]=\"activeContent\"\n                [ngTemplateOutletContext]=\"{ $implicit: _activeAsset}\"\n            ></ng-container>\n            <img\n                *ngIf=\"_activeAsset?.type === 'image'\"\n                (mouseover)=\"showOverlay=true\"\n                [src]=\"_activeAsset.url ?? _activeAsset.base64\"\n                draggable=\"false\"\n                class=\"relative\"\n                alt=\"active-image\"\n            >\n            <video #activeVideo *ngIf=\"_activeAsset?.type === 'video'\" draggable=\"false\" loop [src]=\"_activeAsset.url ?? _activeAsset.base64\"></video>\n\n            <div class=\"empty-state-content\" *ngIf=\"!_activeAsset\">\n                <mat-icon *ngIf=\"options.upload.matIcon\">{{ options.upload.matIcon }}</mat-icon>\n                <mat-icon *ngIf=\"options.upload.svgIcon\" [svgIcon]=\"options.upload.svgIcon\"></mat-icon>\n                <div class=\"text\">\n                    {{ \"nice_ui_kit.assets_carousel.upload_here\" | translate }}\n                </div>\n            </div>\n\n            <div *ngIf=\"_activeAsset && showOverlay && edit\" class=\"active-image-overlay\">\n                <div\n                    (mouseout)=\"showOverlay=false\"\n                    class=\"flex flex-col justify-center items-center w-full h-full\"\n                >\n                    <mat-icon *ngIf=\"options.upload.matIcon\">{{ options.upload.matIcon }}</mat-icon>\n                    <mat-icon *ngIf=\"options.upload.svgIcon\" [svgIcon]=\"options.upload.svgIcon\"></mat-icon>\n                </div>\n            </div>\n\n            <div *ngIf=\"edit\" class=\"active-buttons\">\n                <button mat-icon-button (click)=\"fileInput.click(); $event.stopPropagation()\">\n                    <mat-icon *ngIf=\"options.actionButtons.addPhoto.matIcon\">{{ options.actionButtons.addPhoto.matIcon }}</mat-icon>\n                    <mat-icon *ngIf=\"options.actionButtons.addPhoto.svgIcon\" [svgIcon]=\"options.actionButtons.addPhoto.svgIcon\"></mat-icon>\n                </button>\n                <button mat-icon-button [matMenuTriggerFor]=\"assetActions\" (click)=\"$event.stopPropagation()\" [disabled]=\"!_activeAsset\">\n                    <mat-icon *ngIf=\"options.actionButtons.moreOptions.matIcon\">{{ options.actionButtons.moreOptions.matIcon }}</mat-icon>\n                    <mat-icon *ngIf=\"options.actionButtons.moreOptions.svgIcon\" [svgIcon]=\"options.actionButtons.moreOptions.svgIcon\"></mat-icon>\n                </button>\n                <mat-menu class=\"nice-asset-options-menu\" [xPosition]=\"'before'\" #assetActions=\"matMenu\">\n                    <button\n                        mat-menu-item\n                        *ngFor=\"let action of customActions\"\n                        (click)=\"clickCustom(action)\"\n                    >\n                        <mat-icon *ngIf=\"action.icon.matIcon\">{{ action.icon.matIcon }}</mat-icon>\n                        <mat-icon [svgIcon]=\"action.icon.svgIcon\" *ngIf=\"action.icon.svgIcon\"></mat-icon>\n                        <span>{{ action.name | translate }}</span>\n                    </button>\n                    <button mat-menu-item (click)=\"clickRemove()\">\n                        <mat-icon *ngIf=\"options.actionButtons.remove.matIcon\">{{ options.actionButtons.remove.matIcon }}</mat-icon>\n                        <mat-icon *ngIf=\"options.actionButtons.remove.svgIcon\" [svgIcon]=\"options.actionButtons.remove.svgIcon\"></mat-icon>\n                        <span>{{ \"nice_ui_kit.assets_carousel.delete\" | translate }}</span>\n                    </button>\n                </mat-menu>\n            </div>\n        </ng-container>\n    </div>\n\n    <div class=\"carousel\">\n        <button *ngIf=\"showAddAssetContainer || _activeAsset\" class=\"action-button left-arrow\" mat-icon-button [disabled]=\"!_active\" (click)=\"clickLeft()\">\n            <mat-icon *ngIf=\"options.leftArrow.matIcon\">{{ options.leftArrow.matIcon }}</mat-icon>\n            <mat-icon class=\"arrows\" *ngIf=\"options.leftArrow.svgIcon\" [svgIcon]=\"options.leftArrow.svgIcon\"></mat-icon>\n        </button>\n        <div class=\"asset-list-container\">\n            <div *ngIf=\"showAddAssetContainer && edit\" class=\"add-asset-container\">\n                <div class=\"add-asset\" matRipple (click)=\"fileInput.click()\">\n                    <mat-icon *ngIf=\"options.addPhoto.matIcon\">{{ options.addPhoto.matIcon }}</mat-icon>\n                    <mat-icon *ngIf=\"options.addPhoto.svgIcon\" [svgIcon]=\"options.addPhoto.svgIcon\"></mat-icon>\n                </div>\n            </div>\n            <div class=\"asset-list\" [ngStyle]=\"listStyle\">\n                <div\n                    #assets\n                    class=\"asset\"\n                    *ngFor=\"let asset of _assets; let i = index\"\n                    (click)=\"clickAsset(i)\"\n                    [ngClass]=\"color\"\n                    [class.active]=\"_active === i\"\n                >\n                    <ng-container>\n                        <img\n                            *ngIf=\"asset.type === 'image'\"\n                            draggable=\"false\"\n                            [src]=\"asset.url ?? asset.base64\"\n                            alt=\"add-image\"\n                        />\n                        <video\n                            *ngIf=\"asset.type === 'video'\"\n                            draggable=\"false\"\n                            loop\n                            [src]=\"asset.url ?? asset.base64\"\n                        ></video>\n                    </ng-container>\n                </div>\n            </div>\n        </div>\n        <button *ngIf=\"showAddAssetContainer || _activeAsset\" class=\"action-button right-arrow\" mat-icon-button [disabled]=\"_lastAsset\" (click)=\"clickRight()\">\n            <mat-icon *ngIf=\"options.rightArrow.matIcon\">{{ options.rightArrow.matIcon }}</mat-icon>\n            <mat-icon class=\"arrows\" *ngIf=\"options.rightArrow.svgIcon\" [svgIcon]=\"options.rightArrow.svgIcon\"></mat-icon>\n        </button>\n    </div>\n</div>\n\n<input #fileInput type=\"file\" hidden [accept]=\"accept\" (change)=\"onFilesChange($event)\" [multiple]=\"multipleUpload\">\n", styles: [":root{--nice-assets-carousel-asset-width: 90px;--nice-assets-carousel-asset-height: 60px;--nice-assets-carousel-asset-gap: .75rem}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4$1.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i4$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i4$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i2$1.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "directive", type: NiceDropzoneDirective, selector: "[niceDropzone]", outputs: ["filesDropped"] }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], animations: niceAnimations, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceAssetsCarouselComponent, decorators: [{
             type: Component,
             args: [{ selector: "nice-assets-carousel", encapsulation: ViewEncapsulation.None, animations: niceAnimations, providers: [
@@ -10096,16 +10120,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImpor
                 }]
         }] });
 
-class TranslationFormService {
+class NiceTranslationFormService {
     constructor() {
         this._languages$ = new BehaviorSubject([]);
         this._requiredLanguages$ = new BehaviorSubject([]);
     }
     get languages$() {
-        return this._languages$;
+        return this._languages$.asObservable();
+    }
+    get languages() {
+        return this._languages$.getValue();
     }
     get requiredLanguages$() {
-        return this._requiredLanguages$;
+        return this._requiredLanguages$.asObservable();
+    }
+    get requiredLanguages() {
+        return this._requiredLanguages$.value;
+    }
+    get hasLanguages$() {
+        return this._languages$.asObservable().pipe(map((languages) => !!(languages === null || languages === void 0 ? void 0 : languages.length)));
+    }
+    get hasLanguages() {
+        var _a;
+        return !!((_a = this.languages) === null || _a === void 0 ? void 0 : _a.length);
     }
     setLanguages(languages) {
         this._languages$.next(languages !== null && languages !== void 0 ? languages : []);
@@ -10114,7 +10151,7 @@ class TranslationFormService {
         if (!(languages === null || languages === void 0 ? void 0 : languages.length)) {
             this._requiredLanguages$.next([]);
         }
-        const languagesValues = this.languages$.getValue();
+        const languagesValues = this.languages;
         const unregisteredLanguages = languages === null || languages === void 0 ? void 0 : languages.filter((language) => !languagesValues.includes(language));
         if (unregisteredLanguages === null || unregisteredLanguages === void 0 ? void 0 : unregisteredLanguages.length) {
             throw new Error(`You provided languages that are not configured
@@ -10130,9 +10167,9 @@ class TranslationFormService {
         }
     }
 }
-TranslationFormService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: TranslationFormService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-TranslationFormService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: TranslationFormService, providedIn: "root" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: TranslationFormService, decorators: [{
+NiceTranslationFormService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceTranslationFormService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+NiceTranslationFormService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceTranslationFormService, providedIn: "root" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceTranslationFormService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: "root",
@@ -10160,12 +10197,12 @@ class TranslationContextDirective {
         this.activeLanguage$.next(language);
     }
 }
-TranslationContextDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: TranslationContextDirective, deps: [{ token: TranslationFormService }], target: i0.ɵɵFactoryTarget.Directive });
+TranslationContextDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: TranslationContextDirective, deps: [{ token: NiceTranslationFormService }], target: i0.ɵɵFactoryTarget.Directive });
 TranslationContextDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.3", type: TranslationContextDirective, selector: "[niceTranslationContext]", ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: TranslationContextDirective, decorators: [{
             type: Directive,
             args: [{ selector: "[niceTranslationContext]" }]
-        }], ctorParameters: function () { return [{ type: TranslationFormService }]; } });
+        }], ctorParameters: function () { return [{ type: NiceTranslationFormService }]; } });
 
 class TranslationToggleComponent {
     constructor(context, translationFormService) {
@@ -10178,54 +10215,12 @@ class TranslationToggleComponent {
         this.context.updateLanguage($event.value);
     }
 }
-TranslationToggleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: TranslationToggleComponent, deps: [{ token: TranslationContextDirective }, { token: TranslationFormService }], target: i0.ɵɵFactoryTarget.Component });
+TranslationToggleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: TranslationToggleComponent, deps: [{ token: TranslationContextDirective }, { token: NiceTranslationFormService }], target: i0.ɵɵFactoryTarget.Component });
 TranslationToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: TranslationToggleComponent, selector: "nice-translation-toggle", ngImport: i0, template: "<mat-button-toggle-group\n    *ngIf=\"(languages$ | async)?.length > 1\"\n    (change)=\"onChange($event)\"\n    [value]=\"activeLanguage$ | async\"\n>\n    <mat-button-toggle *ngFor=\"let language of languages$ | async\" [value]=\"language\">\n        {{ language | uppercase }}\n    </mat-button-toggle>\n</mat-button-toggle-group>\n", dependencies: [{ kind: "directive", type: i3$2.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i3$2.MatButtonToggle, selector: "mat-button-toggle", inputs: ["disableRipple", "aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "appearance", "checked", "disabled"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.UpperCasePipe, name: "uppercase" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: TranslationToggleComponent, decorators: [{
             type: Component,
             args: [{ selector: "nice-translation-toggle", template: "<mat-button-toggle-group\n    *ngIf=\"(languages$ | async)?.length > 1\"\n    (change)=\"onChange($event)\"\n    [value]=\"activeLanguage$ | async\"\n>\n    <mat-button-toggle *ngFor=\"let language of languages$ | async\" [value]=\"language\">\n        {{ language | uppercase }}\n    </mat-button-toggle>\n</mat-button-toggle-group>\n" }]
-        }], ctorParameters: function () { return [{ type: TranslationContextDirective }, { type: TranslationFormService }]; } });
-
-function RequireForLanguages() {
-    return registerAsyncValidatorDecorator({
-        name: "RequireForLanguages",
-    });
-}
-class RequireForLanguagesValidator extends AsyncValidator {
-    constructor(service) {
-        super();
-        this.service = service;
-        this.name = "RequireForLanguages";
-    }
-    validate(formGroup) {
-        const requiredLanguages = this.service.requiredLanguages$.getValue();
-        if (!requiredLanguages.length) {
-            return of(null);
-        }
-        const missingLanguages = [];
-        for (const requiredLanguage of requiredLanguages) {
-            const control = formGroup.get(requiredLanguage);
-            if (control === null || control === void 0 ? void 0 : control.value) {
-                continue;
-            }
-            missingLanguages.push(requiredLanguage);
-        }
-        if (missingLanguages === null || missingLanguages === void 0 ? void 0 : missingLanguages.length) {
-            return of({ languageRequired: { missingLanguages } });
-        }
-        return of(null);
-    }
-}
-RequireForLanguagesValidator.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: RequireForLanguagesValidator, deps: [{ token: TranslationFormService }], target: i0.ɵɵFactoryTarget.Injectable });
-RequireForLanguagesValidator.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: RequireForLanguagesValidator });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: RequireForLanguagesValidator, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: TranslationFormService }]; } });
-
-class TranslationForm {
-    constructor(values) {
-        Object.assign(this, values !== null && values !== void 0 ? values : {});
-    }
-}
+        }], ctorParameters: function () { return [{ type: TranslationContextDirective }, { type: NiceTranslationFormService }]; } });
 
 class TranslationFormComponent {
     constructor(container, context, service, changeDetectorRef) {
@@ -10349,14 +10344,14 @@ class TranslationFormComponent {
         this.currentControl = this.formGroup.get(languages[0]);
     }
 }
-TranslationFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: TranslationFormComponent, deps: [{ token: i1$2.ControlContainer }, { token: TranslationContextDirective }, { token: TranslationFormService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+TranslationFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: TranslationFormComponent, deps: [{ token: i1$2.ControlContainer }, { token: TranslationContextDirective }, { token: NiceTranslationFormService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
 TranslationFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: TranslationFormComponent, selector: "ng-component", inputs: { required: "required", disabled: "disabled", placeholder: "placeholder", floating: "floating", maxLength: "maxLength" }, host: { properties: { "class": "this.classList", "class.floating": "this.shouldLabelFloat", "id": "this.id", "attr.aria-describedby": "this.describedBy" } }, ngImport: i0, template: ``, isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: TranslationFormComponent, decorators: [{
             type: Component,
             args: [{
                     template: ``,
                 }]
-        }], ctorParameters: function () { return [{ type: i1$2.ControlContainer }, { type: TranslationContextDirective }, { type: TranslationFormService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { classList: [{
+        }], ctorParameters: function () { return [{ type: i1$2.ControlContainer }, { type: TranslationContextDirective }, { type: NiceTranslationFormService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { classList: [{
                 type: HostBinding,
                 args: ["class"]
             }], shouldLabelFloat: [{
@@ -10429,6 +10424,43 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImpor
                     ], template: "<input\n    matInput\n    [formControl]=\"currentControl\"\n    [placeholder]=\"placeholder\"\n    [maxlength]=\"maxLength\"\n/>\n" }]
         }] });
 
+function RequireForLanguages() {
+    return registerAsyncValidatorDecorator({
+        name: "RequireForLanguages",
+    });
+}
+class RequireForLanguagesValidator extends AsyncValidator {
+    constructor(service) {
+        super();
+        this.service = service;
+        this.name = "RequireForLanguages";
+    }
+    validate(formGroup) {
+        return this.service.requiredLanguages$.pipe(take(1), map((requiredLanguages) => {
+            if (!requiredLanguages.length) {
+                return null;
+            }
+            const missingLanguages = [];
+            for (const requiredLanguage of requiredLanguages) {
+                const control = formGroup.get(requiredLanguage);
+                if (control === null || control === void 0 ? void 0 : control.value) {
+                    continue;
+                }
+                missingLanguages.push(requiredLanguage);
+            }
+            if (missingLanguages === null || missingLanguages === void 0 ? void 0 : missingLanguages.length) {
+                return { languageRequired: { missingLanguages } };
+            }
+            return null;
+        }));
+    }
+}
+RequireForLanguagesValidator.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: RequireForLanguagesValidator, deps: [{ token: NiceTranslationFormService }], target: i0.ɵɵFactoryTarget.Injectable });
+RequireForLanguagesValidator.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: RequireForLanguagesValidator });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: RequireForLanguagesValidator, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: NiceTranslationFormService }]; } });
+
 class NiceTranslationFormModule {
     static forRoot() {
         return {
@@ -10489,7 +10521,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImpor
         }] });
 
 // tslint:disable-next-line:variable-name
-const TranslationFormDecorator = () => DynamicGroup();
+const TranslationFormGroup = () => DynamicGroup();
+
+class TranslationForm {
+    constructor(values) {
+        Object.assign(this, values !== null && values !== void 0 ? values : {});
+    }
+}
 
 class NiceAutofocusDirective {
     constructor(elem) {
@@ -11372,5 +11410,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ArrayUtils, BooleanPipe, CapitalizeFirstLetterPipe, CarouselComponent, CaseUtils, CeilPipe, ChipListItemLabelDirective, ColorsUtils, DateUtils, DefaultExportBottomSheetService, EntriesPipe, ExportBottomSheetComponent, ExportBottomSheetService, FileUtils, FindByKeyPipe, FirstLetterPipe, FloorPipe, FontAwesomeUtils, FormDataUtils, HttpStatusCodes, ImgCropperConfig, ImgCropperError, ImgResolution, JoinPipe, KeyboardCodes, LexoRankUtils, LinkPipe, LocalizedBooleanPipe, LocalizedCurrencyPipe, LocalizedDateOnlyPipe, LocalizedDatePipe, MinutesToTimePipe, ModalMode, NICE_ASYNC_TYPEAHEAD_PROVIDER, NavigationHideItemResolver, NavigationHintResolver, NiceAlertComponent, NiceAlertModule, NiceAlertService, NiceApiException, NiceAssetsCarouselActiveContentDirective, NiceAssetsCarouselComponent, NiceAssetsCarouselModule, NiceAsyncTypeaheadComponent, NiceAsyncTypeaheadModule, NiceAsyncTypeaheadProvider, NiceAutofocusDirective, NiceAutofocusDirectiveModule, NiceAutogrowDirective, NiceAutogrowModule, NiceBaseForm, NiceBaseFormComponent, NiceBaseFormModule, NiceCardComponent, NiceCardModule, NiceCarouselModule, NiceChipAsyncTypeaheadDirective, NiceChipListDirective, NiceChipListDirectiveModule, NiceChipListItemsComponent, NiceClickStopPropagationDirective, NiceCollapsableComponent, NiceCollapsableModule, NiceConfigModule, NiceConfigService, NiceControlStatusDirective, NiceCropperAreaComponent, NiceDateRangePickerComponent, NiceDateRangePickerModule, NiceDraggableListDirective, NiceDraggableListModule, NiceDrawerComponent, NiceDrawerModule, NiceDrawerService, NiceDropzoneDirective, NiceDropzoneModule, NiceExportBottomSheetModule, NiceFormErrorComponent, NiceFormErrorModule, NiceFormSubmitDirective, NiceHorizontalNavigationBasicItemComponent, NiceHorizontalNavigationBranchItemComponent, NiceHorizontalNavigationComponent, NiceHorizontalNavigationDividerItemComponent, NiceHorizontalNavigationSpacerItemComponent, NiceHorizontalStepperComponent, NiceHorizontalStepperModule, NiceHttpExceptionFactory, NiceImageCropperComponent, NiceImageCropperModule, NiceImageErrorPlaceholderDirective, NiceImageErrorPlaceholderDirectiveModule, NiceLayoutComponent, NiceLayoutModule, NiceLoadingDirective, NiceLoadingSpinnerComponent, NiceLoadingSpinnerModule, NiceLottieComponent, NiceLottieModule, NiceMaterialModule, NiceMaterialStyleDirective, NiceMediaWatcherModule, NiceMediaWatcherService, NiceModalOnClickDirective, NiceModalOpenerDirective, NiceModule, NiceNavigationComponent, NiceNavigationModule, NiceNavigationService, NicePipesModule, NicePreventCloseWindowDirective, NiceRoundedStyleDirective, NiceScrollResetDirective, NiceScrollResetModule, NiceScrollbarDirective, NiceScrollbarModule, NiceSearchBarComponent, NiceSearchBarModule, NiceSplashScreenModule, NiceSplashScreenService, NiceStepComponent, NiceStopPropagationModule, NiceSweetAlertComponent, NiceSweetAlertDirective, NiceSweetAlertModule, NiceSweetAlertService, NiceToastComponent, NiceToastModule, NiceToastService, NiceToggleButtonGroupModule, NiceTransformResponseInterceptor, NiceTranslationFormModule, NiceTypeaheadComponent, NiceTypeaheadModule, NiceTypeaheadNewValue, NiceUtilsModule, NiceUtilsService, NiceVerticalNavigationAsideItemComponent, NiceVerticalNavigationBasicItemComponent, NiceVerticalNavigationCollapsableItemComponent, NiceVerticalNavigationComponent, NiceVerticalNavigationDividerItemComponent, NiceVerticalNavigationGroupItemComponent, NiceVerticalNavigationSpacerItemComponent, NiceWindowDirectiveModule, NumberToOrdinalIndicatorPipe, NumberUtils, ObjectUtils, OptionsScrollDirective, PadPipe, PhonePipe, PictureModalComponent, PictureModalService, PostalCodePipe, PromiseUtils, QueryParamsUtils, RangePipe, RegexUtils, RequireForLanguages, RequireForLanguagesValidator, RerenderDirective, ResolveDirective, RoundPipe, SanitizeBypassPipe, SecondsToTimePipe, TRANSFORM_TYPE, ToggleButtonComponent, ToggleButtonGroupComponent, TrackByPropPipe, TranslationContextDirective, TranslationForm, TranslationFormDecorator, TranslationFormService, TranslationFormTextareaComponent, TranslationFormTextfieldComponent, TranslationToggleComponent, TypeUtils, UrlUtils, _HintComponentBase, _normalizeDegrees, isNotNullOrUndefined, isNullOrUndefined, mergeDeep, mixinNiceApi, niceAnimations, round };
+export { ArrayUtils, BooleanPipe, CapitalizeFirstLetterPipe, CarouselComponent, CaseUtils, CeilPipe, ChipListItemLabelDirective, ColorsUtils, DateUtils, DefaultExportBottomSheetService, EntriesPipe, ExportBottomSheetComponent, ExportBottomSheetService, FileUtils, FindByKeyPipe, FirstLetterPipe, FloorPipe, FontAwesomeUtils, FormDataUtils, HttpStatusCodes, ImgCropperConfig, ImgCropperError, ImgResolution, JoinPipe, KeyboardCodes, LexoRankUtils, LinkPipe, LocalizedBooleanPipe, LocalizedCurrencyPipe, LocalizedDateOnlyPipe, LocalizedDatePipe, MinutesToTimePipe, ModalMode, NICE_ASYNC_TYPEAHEAD_PROVIDER, NavigationHideItemResolver, NavigationHintResolver, NiceAlertComponent, NiceAlertModule, NiceAlertService, NiceApiException, NiceAssetsCarouselActiveContentDirective, NiceAssetsCarouselComponent, NiceAssetsCarouselModule, NiceAsyncTypeaheadComponent, NiceAsyncTypeaheadModule, NiceAsyncTypeaheadProvider, NiceAutofocusDirective, NiceAutofocusDirectiveModule, NiceAutogrowDirective, NiceAutogrowModule, NiceBaseForm, NiceBaseFormComponent, NiceBaseFormModule, NiceCardComponent, NiceCardModule, NiceCarouselModule, NiceChipAsyncTypeaheadDirective, NiceChipListDirective, NiceChipListDirectiveModule, NiceChipListItemsComponent, NiceClickStopPropagationDirective, NiceCollapsableComponent, NiceCollapsableModule, NiceConfigModule, NiceConfigService, NiceControlStatusDirective, NiceCropperAreaComponent, NiceDateRangePickerComponent, NiceDateRangePickerModule, NiceDraggableListDirective, NiceDraggableListModule, NiceDrawerComponent, NiceDrawerModule, NiceDrawerService, NiceDropzoneDirective, NiceDropzoneModule, NiceExportBottomSheetModule, NiceFormErrorComponent, NiceFormErrorModule, NiceFormSubmitDirective, NiceHorizontalNavigationBasicItemComponent, NiceHorizontalNavigationBranchItemComponent, NiceHorizontalNavigationComponent, NiceHorizontalNavigationDividerItemComponent, NiceHorizontalNavigationSpacerItemComponent, NiceHorizontalStepperComponent, NiceHorizontalStepperModule, NiceHttpExceptionFactory, NiceImageCropperComponent, NiceImageCropperModule, NiceImageErrorPlaceholderDirective, NiceImageErrorPlaceholderDirectiveModule, NiceLayoutComponent, NiceLayoutModule, NiceLoadingDirective, NiceLoadingSpinnerComponent, NiceLoadingSpinnerModule, NiceLottieComponent, NiceLottieModule, NiceMaterialModule, NiceMaterialStyleDirective, NiceMediaWatcherModule, NiceMediaWatcherService, NiceModalOnClickDirective, NiceModalOpenerDirective, NiceModule, NiceNavigationComponent, NiceNavigationModule, NiceNavigationService, NicePipesModule, NicePreventCloseWindowDirective, NiceRoundedStyleDirective, NiceScrollResetDirective, NiceScrollResetModule, NiceScrollbarDirective, NiceScrollbarModule, NiceSearchBarComponent, NiceSearchBarModule, NiceSplashScreenModule, NiceSplashScreenService, NiceStepComponent, NiceStopPropagationModule, NiceSweetAlertComponent, NiceSweetAlertDirective, NiceSweetAlertModule, NiceSweetAlertService, NiceToastComponent, NiceToastModule, NiceToastService, NiceToggleButtonGroupModule, NiceTransformResponseInterceptor, NiceTranslationFormModule, NiceTranslationFormService, NiceTypeaheadComponent, NiceTypeaheadModule, NiceTypeaheadNewValue, NiceUtilsModule, NiceUtilsService, NiceVerticalNavigationAsideItemComponent, NiceVerticalNavigationBasicItemComponent, NiceVerticalNavigationCollapsableItemComponent, NiceVerticalNavigationComponent, NiceVerticalNavigationDividerItemComponent, NiceVerticalNavigationGroupItemComponent, NiceVerticalNavigationSpacerItemComponent, NiceWindowDirectiveModule, NumberToOrdinalIndicatorPipe, NumberUtils, ObjectUtils, OptionsScrollDirective, PadPipe, PhonePipe, PictureModalComponent, PictureModalService, PostalCodePipe, PromiseUtils, QueryParamsUtils, RangePipe, RegexUtils, RequireForLanguages, RequireForLanguagesValidator, RerenderDirective, ResolveDirective, RoundPipe, SanitizeBypassPipe, SecondsToTimePipe, TRANSFORM_TYPE, ToggleButtonComponent, ToggleButtonGroupComponent, TrackByPropPipe, TranslationContextDirective, TranslationForm, TranslationFormGroup, TranslationFormTextareaComponent, TranslationFormTextfieldComponent, TranslationToggleComponent, TypeUtils, UrlUtils, _HintComponentBase, _normalizeDegrees, isNotNullOrUndefined, isNullOrUndefined, mergeDeep, mixinNiceApi, niceAnimations, round };
 //# sourceMappingURL=recursyve-nice-ui-kit.v2.mjs.map