@recursyve/nice-ui-kit.v2 14.0.0-beta.116 → 14.0.0-beta.118

package/lib/components/assets-carousel/assets-carousel.component.d.ts

@@ -46,6 +46,7 @@ export declare class NiceAssetsCarouselComponent implements ControlValueAccessor
     inputElement: ElementRef<HTMLInputElement>;
     color: ThemePalette;
     edit: boolean;
+    loading: boolean;
     accept: string[];
     customActions: NiceAssetsCarouselActions[];
     imagesProcessor: (fileList: FileList) => Promise<FileList>;
@@ -79,5 +80,5 @@ export declare class NiceAssetsCarouselComponent implements ControlValueAccessor
     startSyncVideo(): Promise<void>;
     private getProcessedFiles;
     static ɵfac: i0.ɵɵFactoryDeclaration<NiceAssetsCarouselComponent, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NiceAssetsCarouselComponent, "nice-assets-carousel", never, { "color": "color"; "edit": "edit"; "accept": "accept"; "customActions": "customActions"; "imagesProcessor": "imagesProcessor"; "multipleUpload": "multipleUpload"; "visiblePreviewAsset": "visiblePreviewAsset"; "showAddAssetContainer": "showAddAssetContainer"; "assets": "assets"; }, { "activeChange": "activeChange"; "removedAsset": "removedAsset"; }, ["activeContent"], never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NiceAssetsCarouselComponent, "nice-assets-carousel", never, { "color": "color"; "edit": "edit"; "loading": "loading"; "accept": "accept"; "customActions": "customActions"; "imagesProcessor": "imagesProcessor"; "multipleUpload": "multipleUpload"; "visiblePreviewAsset": "visiblePreviewAsset"; "showAddAssetContainer": "showAddAssetContainer"; "assets": "assets"; }, { "activeChange": "activeChange"; "removedAsset": "removedAsset"; }, ["activeContent"], never, false>;
 }

package/lib/components/assets-carousel/assets-carousel.module.d.ts

@@ -10,9 +10,10 @@ import * as i6 from "@angular/material/menu";
 import * as i7 from "@angular/material/core";
 import * as i8 from "../../directives/dropzone/dropzone.module";
 import * as i9 from "@ngx-translate/core";
+import * as i10 from "@angular/material/progress-spinner";
 export declare class NiceAssetsCarouselModule {
     static forRoot(options?: NiceAssetsCarouselOptions): ModuleWithProviders<NiceAssetsCarouselModule>;
     static ɵfac: i0.ɵɵFactoryDeclaration<NiceAssetsCarouselModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NiceAssetsCarouselModule, [typeof i1.NiceAssetsCarouselComponent, typeof i2.NiceAssetsCarouselActiveContentDirective], [typeof i3.CommonModule, typeof i4.MatIconModule, typeof i5.MatButtonModule, typeof i6.MatMenuModule, typeof i7.MatRippleModule, typeof i8.NiceDropzoneModule, typeof i9.TranslateModule], [typeof i1.NiceAssetsCarouselComponent, typeof i2.NiceAssetsCarouselActiveContentDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NiceAssetsCarouselModule, [typeof i1.NiceAssetsCarouselComponent, typeof i2.NiceAssetsCarouselActiveContentDirective], [typeof i3.CommonModule, typeof i4.MatIconModule, typeof i5.MatButtonModule, typeof i6.MatMenuModule, typeof i7.MatRippleModule, typeof i8.NiceDropzoneModule, typeof i9.TranslateModule, typeof i10.MatProgressSpinnerModule], [typeof i1.NiceAssetsCarouselComponent, typeof i2.NiceAssetsCarouselActiveContentDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NiceAssetsCarouselModule>;
 }

package/lib/components/public-api.d.ts

@@ -19,4 +19,5 @@ export * from "./search-bar";
 export * from "./sweet-alert";
 export * from "./toast";
 export * from "./toggle-button-group";
+export * from "./translation-form";
 export * from "./typeahead";

package/lib/components/translation-form/components/textarea/translation-form-textarea.component.d.ts

@@ -0,0 +1,9 @@
+import { TranslationFormComponent } from "../translation-form.component";
+import * as i0 from "@angular/core";
+export declare class TranslationFormTextareaComponent extends TranslationFormComponent {
+    resizable: boolean;
+    rows: number;
+    cols: number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TranslationFormTextareaComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TranslationFormTextareaComponent, "nice-translation-form-textarea", never, { "resizable": "resizable"; "rows": "rows"; "cols": "cols"; }, {}, never, never, false>;
+}

package/lib/components/translation-form/components/textfield/translation-form-textfield.component.d.ts

@@ -0,0 +1,6 @@
+import { TranslationFormComponent } from "../translation-form.component";
+import * as i0 from "@angular/core";
+export declare class TranslationFormTextfieldComponent extends TranslationFormComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TranslationFormTextfieldComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TranslationFormTextfieldComponent, "nice-translation-form-textfield", never, {}, {}, never, never, false>;
+}

package/lib/components/translation-form/components/translation-form.component.d.ts

@@ -0,0 +1,55 @@
+import { ChangeDetectorRef, OnDestroy, OnInit } from "@angular/core";
+import { AbstractControlDirective, ControlContainer, ControlValueAccessor, FormControl, FormGroup, NgControl } from "@angular/forms";
+import { MatFormFieldControl } from "@angular/material/form-field";
+import { Subject } from "rxjs";
+import { TranslationContextDirective } from "../directives/translation-context.directive";
+import { TranslationFormService } from "../providers/translation-form.service";
+import * as i0 from "@angular/core";
+export declare abstract class TranslationFormComponent implements OnInit, OnDestroy, MatFormFieldControl<string>, ControlValueAccessor {
+    private container;
+    private context;
+    private service;
+    private changeDetectorRef;
+    get classList(): any;
+    get shouldLabelFloat(): boolean;
+    set required(req: boolean);
+    get required(): boolean;
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    set placeholder(placeholder: string);
+    get placeholder(): string;
+    set value(value: any);
+    get value(): any;
+    get empty(): boolean;
+    get errorState(): boolean;
+    constructor(container: ControlContainer, context: TranslationContextDirective, service: TranslationFormService, changeDetectorRef: ChangeDetectorRef);
+    floating: boolean;
+    maxLength: number;
+    id: string;
+    describedBy: string;
+    formGroup: FormGroup;
+    currentControl?: FormControl;
+    stateChanges: Subject<void>;
+    ngControl: AbstractControlDirective | NgControl;
+    focused: boolean;
+    controlType: string;
+    private _unsubscribeAll$;
+    private _required;
+    private _disabled;
+    private _placeholder;
+    private _value;
+    readonly autofilled: boolean;
+    readonly userAriaDescribedBy: string;
+    propagate: (value: string) => void;
+    onContainerClick(event: MouseEvent): void;
+    setDescribedByIds(ids: string[]): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    writeValue(value: any): void;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    setLanguage(language: string): void;
+    private setupFormControls;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TranslationFormComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TranslationFormComponent, "ng-component", never, { "required": "required"; "disabled": "disabled"; "placeholder": "placeholder"; "floating": "floating"; "maxLength": "maxLength"; }, {}, never, never, false>;
+}

package/lib/components/translation-form/components/translation-form.module.d.ts

@@ -0,0 +1,16 @@
+import { ModuleWithProviders } from "@angular/core";
+import * as i0 from "@angular/core";
+import * as i1 from "./textfield/translation-form-textfield.component";
+import * as i2 from "./textarea/translation-form-textarea.component";
+import * as i3 from "../toggle/translation-toggle.component";
+import * as i4 from "../directives/translation-context.directive";
+import * as i5 from "@angular/material/button-toggle";
+import * as i6 from "@angular/material/input";
+import * as i7 from "@angular/forms";
+import * as i8 from "@angular/common";
+export declare class NiceTranslationFormModule {
+    static forRoot(): ModuleWithProviders<NiceTranslationFormModule>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NiceTranslationFormModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NiceTranslationFormModule, [typeof i1.TranslationFormTextfieldComponent, typeof i2.TranslationFormTextareaComponent, typeof i3.TranslationToggleComponent, typeof i4.TranslationContextDirective], [typeof i5.MatButtonToggleModule, typeof i6.MatInputModule, typeof i7.ReactiveFormsModule, typeof i8.NgForOf, typeof i8.NgIf, typeof i8.AsyncPipe, typeof i8.UpperCasePipe], [typeof i1.TranslationFormTextfieldComponent, typeof i2.TranslationFormTextareaComponent, typeof i3.TranslationToggleComponent, typeof i4.TranslationContextDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NiceTranslationFormModule>;
+}

package/lib/components/translation-form/decorators/translation-form.decorator.d.ts

@@ -0,0 +1 @@
+export declare const TranslationFormDecorator: () => PropertyDecorator;

package/lib/components/translation-form/directives/translation-context.directive.d.ts

@@ -0,0 +1,15 @@
+import { OnDestroy, OnInit } from "@angular/core";
+import { BehaviorSubject } from "rxjs";
+import { TranslationFormService } from "../providers/translation-form.service";
+import * as i0 from "@angular/core";
+export declare class TranslationContextDirective implements OnInit, OnDestroy {
+    private translationFormService;
+    activeLanguage$: BehaviorSubject<string>;
+    private _unsubscribeAll$;
+    constructor(translationFormService: TranslationFormService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    updateLanguage(language: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TranslationContextDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TranslationContextDirective, "[niceTranslationContext]", never, {}, {}, never, never, false>;
+}

package/lib/components/translation-form/index.d.ts

@@ -0,0 +1 @@
+export * from "./public-api";

package/lib/components/translation-form/providers/translation-form.service.d.ts

@@ -0,0 +1,12 @@
+import { BehaviorSubject } from "rxjs";
+import * as i0 from "@angular/core";
+export declare class TranslationFormService {
+    private _languages$;
+    private _requiredLanguages$;
+    get languages$(): BehaviorSubject<string[]>;
+    get requiredLanguages$(): BehaviorSubject<string[]>;
+    setLanguages(languages?: string[]): void;
+    setRequiredLanguages(languages?: string[]): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TranslationFormService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TranslationFormService>;
+}

package/lib/components/translation-form/public-api.d.ts

@@ -0,0 +1,9 @@
+export * from "./toggle/translation-toggle.component";
+export * from "./directives/translation-context.directive";
+export * from "./providers/translation-form.service";
+export * from "./validators/require-for-languages.validator";
+export * from "./translation.form";
+export * from "./components/translation-form.module";
+export * from "./components/textarea/translation-form-textarea.component";
+export * from "./components/textfield/translation-form-textfield.component";
+export * from "./decorators/translation-form.decorator";

package/lib/components/translation-form/toggle/translation-toggle.component.d.ts

@@ -0,0 +1,14 @@
+import { MatButtonToggleChange } from "@angular/material/button-toggle";
+import { TranslationContextDirective } from "../directives/translation-context.directive";
+import { TranslationFormService } from "../providers/translation-form.service";
+import * as i0 from "@angular/core";
+export declare class TranslationToggleComponent {
+    private context;
+    private translationFormService;
+    languages$: import("rxjs").BehaviorSubject<string[]>;
+    activeLanguage$: import("rxjs").BehaviorSubject<string>;
+    constructor(context: TranslationContextDirective, translationFormService: TranslationFormService);
+    onChange($event: MatButtonToggleChange): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TranslationToggleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TranslationToggleComponent, "nice-translation-toggle", never, {}, {}, never, never, false>;
+}

package/lib/components/translation-form/translation.form.d.ts

@@ -0,0 +1,5 @@
+export declare class TranslationForm {
+    constructor(values?: {
+        [language: string]: string;
+    });
+}

package/lib/components/translation-form/validators/require-for-languages.validator.d.ts

@@ -0,0 +1,14 @@
+import { ValidationErrors, FormGroup } from "@angular/forms";
+import { AsyncValidator } from "@recursyve/ngx-form-generator";
+import { Observable } from "rxjs";
+import { TranslationFormService } from "../providers/translation-form.service";
+import * as i0 from "@angular/core";
+export declare function RequireForLanguages(): (target: object, propertyKey: string) => void;
+export declare class RequireForLanguagesValidator extends AsyncValidator {
+    private service;
+    name: string;
+    constructor(service: TranslationFormService);
+    validate(formGroup: FormGroup): Observable<ValidationErrors | null>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RequireForLanguagesValidator, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<RequireForLanguagesValidator>;
+}

package/lib/pipes/track-by-prop.pipe.d.ts

@@ -1,6 +1,6 @@
 import { PipeTransform, TrackByFunction } from "@angular/core";
 import * as i0 from "@angular/core";
-export declare class TrackByPropPipe<T = any> implements PipeTransform {
+export declare class TrackByPropPipe<T> implements PipeTransform {
     transform(prop: keyof T & string): TrackByFunction<T>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TrackByPropPipe<any>, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<TrackByPropPipe<any>, "trackByProp", false>;

package/lib/utils/array.utils.d.ts

@@ -8,7 +8,7 @@ export declare class ArrayUtils {
     }): boolean;
     private static unorderedShallowEquals;
     static sortByKey(array: any[], key: string): any[];
-    static sortByKeyFn(key: string): (a: any, b: any) => 1 | -1 | 0;
+    static sortByKeyFn(key: string): (a: any, b: any) => 0 | 1 | -1;
     static groupBy<Item, Key, Value>(array: Item[], keySelector: (item: Item) => Key, valueSelector: (item: Item) => Value[] | Value): Map<Key, Value[]>;
 }
 declare global {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@recursyve/nice-ui-kit.v2",
-  "version": "14.0.0-beta.116",
+  "version": "14.0.0-beta.118",
   "exports": {
     ".": {
       "sass": "./_index.scss",
@@ -22,7 +22,7 @@
     "@angular/forms": "^14.0.0",
     "@angular/material": "^14.0.0",
     "@ngx-translate/core": "^14.0.0",
-    "@recursyve/ngx-form-generator": ">= 14.0.0-beta.36",
+    "@recursyve/ngx-form-generator": ">= 14.0.0-beta.40",
     "ngx-mask": "^14.0.0",
     "perfect-scrollbar": "^1.5.3",
     "uuid": ">= 9.0.0"