@recursyve/nice-ui-kit.v2 14.0.0-beta.120 → 14.0.0-beta.121
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/components/translation-form/components/translation-form.component.mjs +5 -5
- package/esm2020/lib/components/translation-form/decorators/translation-form-group.decorator.mjs +4 -0
- package/esm2020/lib/components/translation-form/directives/translation-context.directive.mjs +5 -5
- package/esm2020/lib/components/translation-form/providers/nice-translation-form.service.mjs +59 -0
- package/esm2020/lib/components/translation-form/public-api.mjs +7 -7
- package/esm2020/lib/components/translation-form/toggle/translation-toggle.component.mjs +5 -5
- package/esm2020/lib/components/translation-form/validators/require-for-languages.validator.mjs +22 -21
- package/fesm2015/recursyve-nice-ui-kit.v2.mjs +71 -57
- package/fesm2015/recursyve-nice-ui-kit.v2.mjs.map +1 -1
- package/fesm2020/recursyve-nice-ui-kit.v2.mjs +70 -57
- package/fesm2020/recursyve-nice-ui-kit.v2.mjs.map +1 -1
- package/lib/components/translation-form/components/translation-form.component.d.ts +2 -2
- package/lib/components/translation-form/decorators/translation-form-group.decorator.d.ts +1 -0
- package/lib/components/translation-form/directives/translation-context.directive.d.ts +2 -2
- package/lib/components/translation-form/providers/nice-translation-form.service.d.ts +16 -0
- package/lib/components/translation-form/public-api.d.ts +6 -6
- package/lib/components/translation-form/toggle/translation-toggle.component.d.ts +3 -3
- package/lib/components/translation-form/validators/require-for-languages.validator.d.ts +3 -3
- package/package.json +1 -1
- package/esm2020/lib/components/translation-form/decorators/translation-form.decorator.mjs +0 -4
- package/esm2020/lib/components/translation-form/providers/translation-form.service.mjs +0 -46
- package/lib/components/translation-form/decorators/translation-form.decorator.d.ts +0 -1
- package/lib/components/translation-form/providers/translation-form.service.d.ts +0 -12
|
@@ -3,7 +3,7 @@ import { AbstractControlDirective, ControlContainer, ControlValueAccessor, FormC
|
|
|
3
3
|
import { MatFormFieldControl } from "@angular/material/form-field";
|
|
4
4
|
import { Subject } from "rxjs";
|
|
5
5
|
import { TranslationContextDirective } from "../directives/translation-context.directive";
|
|
6
|
-
import {
|
|
6
|
+
import { NiceTranslationFormService } from "../providers/nice-translation-form.service";
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
export declare abstract class TranslationFormComponent implements OnInit, OnDestroy, MatFormFieldControl<string>, ControlValueAccessor {
|
|
9
9
|
private container;
|
|
@@ -22,7 +22,7 @@ export declare abstract class TranslationFormComponent implements OnInit, OnDest
|
|
|
22
22
|
get value(): any;
|
|
23
23
|
get empty(): boolean;
|
|
24
24
|
get errorState(): boolean;
|
|
25
|
-
constructor(container: ControlContainer, context: TranslationContextDirective, service:
|
|
25
|
+
constructor(container: ControlContainer, context: TranslationContextDirective, service: NiceTranslationFormService, changeDetectorRef: ChangeDetectorRef);
|
|
26
26
|
floating: boolean;
|
|
27
27
|
maxLength: number;
|
|
28
28
|
id: string;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const TranslationFormGroup: () => PropertyDecorator;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { OnDestroy, OnInit } from "@angular/core";
|
|
2
2
|
import { BehaviorSubject } from "rxjs";
|
|
3
|
-
import {
|
|
3
|
+
import { NiceTranslationFormService } from "../providers/nice-translation-form.service";
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
export declare class TranslationContextDirective implements OnInit, OnDestroy {
|
|
6
6
|
private translationFormService;
|
|
7
7
|
activeLanguage$: BehaviorSubject<string>;
|
|
8
8
|
private _unsubscribeAll$;
|
|
9
|
-
constructor(translationFormService:
|
|
9
|
+
constructor(translationFormService: NiceTranslationFormService);
|
|
10
10
|
ngOnInit(): void;
|
|
11
11
|
ngOnDestroy(): void;
|
|
12
12
|
updateLanguage(language: string): void;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { Observable } from "rxjs";
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class NiceTranslationFormService {
|
|
4
|
+
private _languages$;
|
|
5
|
+
private _requiredLanguages$;
|
|
6
|
+
get languages$(): Observable<string[]>;
|
|
7
|
+
get languages(): string[];
|
|
8
|
+
get requiredLanguages$(): Observable<string[]>;
|
|
9
|
+
get requiredLanguages(): string[];
|
|
10
|
+
get hasLanguages$(): Observable<boolean>;
|
|
11
|
+
get hasLanguages(): boolean;
|
|
12
|
+
setLanguages(languages?: string[]): void;
|
|
13
|
+
setRequiredLanguages(languages?: string[]): void;
|
|
14
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NiceTranslationFormService, never>;
|
|
15
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<NiceTranslationFormService>;
|
|
16
|
+
}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
export * from "./toggle/translation-toggle.component";
|
|
2
|
-
export * from "./directives/translation-context.directive";
|
|
3
|
-
export * from "./providers/translation-form.service";
|
|
4
|
-
export * from "./validators/require-for-languages.validator";
|
|
5
|
-
export * from "./translation.form";
|
|
6
1
|
export * from "./components/translation-form.module";
|
|
7
2
|
export * from "./components/textarea/translation-form-textarea.component";
|
|
8
3
|
export * from "./components/textfield/translation-form-textfield.component";
|
|
9
|
-
export * from "./decorators/translation-form.decorator";
|
|
4
|
+
export * from "./decorators/translation-form-group.decorator";
|
|
5
|
+
export * from "./directives/translation-context.directive";
|
|
6
|
+
export * from "./providers/nice-translation-form.service";
|
|
7
|
+
export * from "./toggle/translation-toggle.component";
|
|
8
|
+
export * from "./validators/require-for-languages.validator";
|
|
9
|
+
export * from "./translation.form";
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { MatButtonToggleChange } from "@angular/material/button-toggle";
|
|
2
2
|
import { TranslationContextDirective } from "../directives/translation-context.directive";
|
|
3
|
-
import {
|
|
3
|
+
import { NiceTranslationFormService } from "../providers/nice-translation-form.service";
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
export declare class TranslationToggleComponent {
|
|
6
6
|
private context;
|
|
7
7
|
private translationFormService;
|
|
8
|
-
languages$: import("rxjs").
|
|
8
|
+
languages$: import("rxjs").Observable<string[]>;
|
|
9
9
|
activeLanguage$: import("rxjs").BehaviorSubject<string>;
|
|
10
|
-
constructor(context: TranslationContextDirective, translationFormService:
|
|
10
|
+
constructor(context: TranslationContextDirective, translationFormService: NiceTranslationFormService);
|
|
11
11
|
onChange($event: MatButtonToggleChange): void;
|
|
12
12
|
static ɵfac: i0.ɵɵFactoryDeclaration<TranslationToggleComponent, never>;
|
|
13
13
|
static ɵcmp: i0.ɵɵComponentDeclaration<TranslationToggleComponent, "nice-translation-toggle", never, {}, {}, never, never, false>;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { FormGroup, ValidationErrors } from "@angular/forms";
|
|
2
2
|
import { AsyncValidator } from "@recursyve/ngx-form-generator";
|
|
3
3
|
import { Observable } from "rxjs";
|
|
4
|
-
import {
|
|
4
|
+
import { NiceTranslationFormService } from "../providers/nice-translation-form.service";
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export declare function RequireForLanguages(): (target: object, propertyKey: string) => void;
|
|
7
7
|
export declare class RequireForLanguagesValidator extends AsyncValidator {
|
|
8
8
|
private service;
|
|
9
9
|
name: string;
|
|
10
|
-
constructor(service:
|
|
10
|
+
constructor(service: NiceTranslationFormService);
|
|
11
11
|
validate(formGroup: FormGroup): Observable<ValidationErrors | null>;
|
|
12
12
|
static ɵfac: i0.ɵɵFactoryDeclaration<RequireForLanguagesValidator, never>;
|
|
13
13
|
static ɵprov: i0.ɵɵInjectableDeclaration<RequireForLanguagesValidator>;
|
package/package.json
CHANGED
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import { DynamicGroup } from "@recursyve/ngx-form-generator";
|
|
2
|
-
// tslint:disable-next-line:variable-name
|
|
3
|
-
export const TranslationFormDecorator = () => DynamicGroup();
|
|
4
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhbnNsYXRpb24tZm9ybS5kZWNvcmF0b3IuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uaWNlLXVpLWtpdC12Mi9zcmMvbGliL2NvbXBvbmVudHMvdHJhbnNsYXRpb24tZm9ybS9kZWNvcmF0b3JzL3RyYW5zbGF0aW9uLWZvcm0uZGVjb3JhdG9yLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUU3RCx5Q0FBeUM7QUFDekMsTUFBTSxDQUFDLE1BQU0sd0JBQXdCLEdBQUcsR0FBRyxFQUFFLENBQUMsWUFBWSxFQUFFLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEeW5hbWljR3JvdXAgfSBmcm9tIFwiQHJlY3Vyc3l2ZS9uZ3gtZm9ybS1nZW5lcmF0b3JcIjtcblxuLy8gdHNsaW50OmRpc2FibGUtbmV4dC1saW5lOnZhcmlhYmxlLW5hbWVcbmV4cG9ydCBjb25zdCBUcmFuc2xhdGlvbkZvcm1EZWNvcmF0b3IgPSAoKSA9PiBEeW5hbWljR3JvdXAoKTtcbiJdfQ==
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import { Injectable } from "@angular/core";
|
|
2
|
-
import { BehaviorSubject } from "rxjs";
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export class TranslationFormService {
|
|
5
|
-
constructor() {
|
|
6
|
-
this._languages$ = new BehaviorSubject([]);
|
|
7
|
-
this._requiredLanguages$ = new BehaviorSubject([]);
|
|
8
|
-
}
|
|
9
|
-
get languages$() {
|
|
10
|
-
return this._languages$;
|
|
11
|
-
}
|
|
12
|
-
get requiredLanguages$() {
|
|
13
|
-
return this._requiredLanguages$;
|
|
14
|
-
}
|
|
15
|
-
setLanguages(languages) {
|
|
16
|
-
this._languages$.next(languages ?? []);
|
|
17
|
-
}
|
|
18
|
-
setRequiredLanguages(languages) {
|
|
19
|
-
if (!languages?.length) {
|
|
20
|
-
this._requiredLanguages$.next([]);
|
|
21
|
-
}
|
|
22
|
-
const languagesValues = this.languages$.getValue();
|
|
23
|
-
const unregisteredLanguages = languages?.filter((language) => !languagesValues.includes(language));
|
|
24
|
-
if (unregisteredLanguages?.length) {
|
|
25
|
-
throw new Error(`You provided languages that are not configured
|
|
26
|
-
> Configured languages: [${languagesValues}]
|
|
27
|
-
> Missing languages provided: [${unregisteredLanguages}]
|
|
28
|
-
`);
|
|
29
|
-
}
|
|
30
|
-
if (languages.length > languagesValues.length) {
|
|
31
|
-
this._requiredLanguages$.next(languagesValues);
|
|
32
|
-
}
|
|
33
|
-
else {
|
|
34
|
-
this._requiredLanguages$.next(languages);
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
TranslationFormService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: TranslationFormService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
39
|
-
TranslationFormService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: TranslationFormService, providedIn: "root" });
|
|
40
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: TranslationFormService, decorators: [{
|
|
41
|
-
type: Injectable,
|
|
42
|
-
args: [{
|
|
43
|
-
providedIn: "root",
|
|
44
|
-
}]
|
|
45
|
-
}] });
|
|
46
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhbnNsYXRpb24tZm9ybS5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmljZS11aS1raXQtdjIvc3JjL2xpYi9jb21wb25lbnRzL3RyYW5zbGF0aW9uLWZvcm0vcHJvdmlkZXJzL3RyYW5zbGF0aW9uLWZvcm0uc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxNQUFNLENBQUM7O0FBS3ZDLE1BQU0sT0FBTyxzQkFBc0I7SUFIbkM7UUFJWSxnQkFBVyxHQUFHLElBQUksZUFBZSxDQUFXLEVBQUUsQ0FBQyxDQUFDO1FBQ2hELHdCQUFtQixHQUFHLElBQUksZUFBZSxDQUFXLEVBQUUsQ0FBQyxDQUFDO0tBc0NuRTtJQXBDRyxJQUFXLFVBQVU7UUFDakIsT0FBTyxJQUFJLENBQUMsV0FBVyxDQUFDO0lBQzVCLENBQUM7SUFFRCxJQUFXLGtCQUFrQjtRQUN6QixPQUFPLElBQUksQ0FBQyxtQkFBbUIsQ0FBQztJQUNwQyxDQUFDO0lBRU0sWUFBWSxDQUFDLFNBQW9CO1FBQ3BDLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLFNBQVMsSUFBSSxFQUFFLENBQUMsQ0FBQztJQUMzQyxDQUFDO0lBRU0sb0JBQW9CLENBQUMsU0FBb0I7UUFDNUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxNQUFNLEVBQUU7WUFDcEIsSUFBSSxDQUFDLG1CQUFtQixDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztTQUNyQztRQUVELE1BQU0sZUFBZSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsUUFBUSxFQUFFLENBQUM7UUFFbkQsTUFBTSxxQkFBcUIsR0FBYSxTQUFTLEVBQUUsTUFBTSxDQUNyRCxDQUFDLFFBQVEsRUFBRSxFQUFFLENBQUMsQ0FBQyxlQUFlLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxDQUNwRCxDQUFDO1FBRUYsSUFBSSxxQkFBcUIsRUFBRSxNQUFNLEVBQUU7WUFDL0IsTUFBTSxJQUFJLEtBQUssQ0FBQzswQ0FDYyxlQUFlO2dEQUNULHFCQUFxQjthQUN4RCxDQUFDLENBQUM7U0FDTjtRQUVELElBQUksU0FBUyxDQUFDLE1BQU0sR0FBRyxlQUFlLENBQUMsTUFBTSxFQUFFO1lBQzNDLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDLENBQUM7U0FDbEQ7YUFBTTtZQUNILElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7U0FDNUM7SUFDTCxDQUFDOzttSEF2Q1Esc0JBQXNCO3VIQUF0QixzQkFBc0IsY0FGbkIsTUFBTTsyRkFFVCxzQkFBc0I7a0JBSGxDLFVBQVU7bUJBQUM7b0JBQ1IsVUFBVSxFQUFFLE1BQU07aUJBQ3JCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0YWJsZSB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBCZWhhdmlvclN1YmplY3QgfSBmcm9tIFwicnhqc1wiO1xuXG5ASW5qZWN0YWJsZSh7XG4gICAgcHJvdmlkZWRJbjogXCJyb290XCIsXG59KVxuZXhwb3J0IGNsYXNzIFRyYW5zbGF0aW9uRm9ybVNlcnZpY2Uge1xuICAgIHByaXZhdGUgX2xhbmd1YWdlcyQgPSBuZXcgQmVoYXZpb3JTdWJqZWN0PHN0cmluZ1tdPihbXSk7XG4gICAgcHJpdmF0ZSBfcmVxdWlyZWRMYW5ndWFnZXMkID0gbmV3IEJlaGF2aW9yU3ViamVjdDxzdHJpbmdbXT4oW10pO1xuXG4gICAgcHVibGljIGdldCBsYW5ndWFnZXMkKCk6IEJlaGF2aW9yU3ViamVjdDxzdHJpbmdbXT4ge1xuICAgICAgICByZXR1cm4gdGhpcy5fbGFuZ3VhZ2VzJDtcbiAgICB9XG5cbiAgICBwdWJsaWMgZ2V0IHJlcXVpcmVkTGFuZ3VhZ2VzJCgpOiBCZWhhdmlvclN1YmplY3Q8c3RyaW5nW10+IHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX3JlcXVpcmVkTGFuZ3VhZ2VzJDtcbiAgICB9XG5cbiAgICBwdWJsaWMgc2V0TGFuZ3VhZ2VzKGxhbmd1YWdlcz86IHN0cmluZ1tdKTogdm9pZCB7XG4gICAgICAgIHRoaXMuX2xhbmd1YWdlcyQubmV4dChsYW5ndWFnZXMgPz8gW10pO1xuICAgIH1cblxuICAgIHB1YmxpYyBzZXRSZXF1aXJlZExhbmd1YWdlcyhsYW5ndWFnZXM/OiBzdHJpbmdbXSk6IHZvaWQge1xuICAgICAgICBpZiAoIWxhbmd1YWdlcz8ubGVuZ3RoKSB7XG4gICAgICAgICAgICB0aGlzLl9yZXF1aXJlZExhbmd1YWdlcyQubmV4dChbXSk7XG4gICAgICAgIH1cblxuICAgICAgICBjb25zdCBsYW5ndWFnZXNWYWx1ZXMgPSB0aGlzLmxhbmd1YWdlcyQuZ2V0VmFsdWUoKTtcblxuICAgICAgICBjb25zdCB1bnJlZ2lzdGVyZWRMYW5ndWFnZXM6IHN0cmluZ1tdID0gbGFuZ3VhZ2VzPy5maWx0ZXIoXG4gICAgICAgICAgICAobGFuZ3VhZ2UpID0+ICFsYW5ndWFnZXNWYWx1ZXMuaW5jbHVkZXMobGFuZ3VhZ2UpXG4gICAgICAgICk7XG5cbiAgICAgICAgaWYgKHVucmVnaXN0ZXJlZExhbmd1YWdlcz8ubGVuZ3RoKSB7XG4gICAgICAgICAgICB0aHJvdyBuZXcgRXJyb3IoYFlvdSBwcm92aWRlZCBsYW5ndWFnZXMgdGhhdCBhcmUgbm90IGNvbmZpZ3VyZWRcbiAgICAgICAgICAgICAgID4gQ29uZmlndXJlZCBsYW5ndWFnZXM6IFske2xhbmd1YWdlc1ZhbHVlc31dXG4gICAgICAgICAgICAgICA+IE1pc3NpbmcgbGFuZ3VhZ2VzIHByb3ZpZGVkOiBbJHt1bnJlZ2lzdGVyZWRMYW5ndWFnZXN9XVxuICAgICAgICAgICAgYCk7XG4gICAgICAgIH1cblxuICAgICAgICBpZiAobGFuZ3VhZ2VzLmxlbmd0aCA+IGxhbmd1YWdlc1ZhbHVlcy5sZW5ndGgpIHtcbiAgICAgICAgICAgIHRoaXMuX3JlcXVpcmVkTGFuZ3VhZ2VzJC5uZXh0KGxhbmd1YWdlc1ZhbHVlcyk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICB0aGlzLl9yZXF1aXJlZExhbmd1YWdlcyQubmV4dChsYW5ndWFnZXMpO1xuICAgICAgICB9XG4gICAgfVxufVxuIl19
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const TranslationFormDecorator: () => PropertyDecorator;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { BehaviorSubject } from "rxjs";
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class TranslationFormService {
|
|
4
|
-
private _languages$;
|
|
5
|
-
private _requiredLanguages$;
|
|
6
|
-
get languages$(): BehaviorSubject<string[]>;
|
|
7
|
-
get requiredLanguages$(): BehaviorSubject<string[]>;
|
|
8
|
-
setLanguages(languages?: string[]): void;
|
|
9
|
-
setRequiredLanguages(languages?: string[]): void;
|
|
10
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TranslationFormService, never>;
|
|
11
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<TranslationFormService>;
|
|
12
|
-
}
|