@recursyve/ngx-material-components 19.0.0-beta.9 → 20.0.0

package/chip-list/index.d.ts

@@ -0,0 +1,41 @@
+import * as _angular_core from '@angular/core';
+import { Injector, Signal, OnInit } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { Observable } from 'rxjs';
+
+declare class NiceChipListItems<T> {
+    readonly removeChip: _angular_core.OutputEmitterRef<number>;
+    protected readonly injector: Injector;
+    items?: Signal<T[]>;
+    formatLabelFn?: (value: T) => string;
+    setItemsReactivity(items$: Observable<T[]>): void;
+    setFormatLabel(fn: (value: T) => string): void;
+    remove(index: number): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NiceChipListItems<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NiceChipListItems<any>, "nice-chip-list-items", never, {}, { "removeChip": "removeChip"; }, never, never, true, never>;
+}
+
+declare class NiceChipListDirective<T> implements ControlValueAccessor, OnInit {
+    readonly withItemList: _angular_core.InputSignal<NiceChipListItems<T>>;
+    readonly reloadOnSelected: _angular_core.InputSignal<boolean>;
+    readonly separatorKeyboardCodes: _angular_core.InputSignal<string[]>;
+    private readonly elementRef;
+    private readonly injector;
+    private readonly asyncTypeahead;
+    private readonly ngControl;
+    private readonly values;
+    private propagateChanges?;
+    constructor();
+    onKeyDown(event: KeyboardEvent): void;
+    ngOnInit(): void;
+    writeValue(obj: T[] | null): void;
+    registerOnChange(fn: (_: T[]) => void): void;
+    registerOnTouched(): void;
+    private setupAsyncTypeahead;
+    private addValue;
+    private updateTypeaheadSearchOptions;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NiceChipListDirective<any>, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NiceChipListDirective<any>, "input[niceChipList], nice-async-typeahead[niceChipList]", never, { "withItemList": { "alias": "withItemList"; "required": true; "isSignal": true; }; "reloadOnSelected": { "alias": "reloadOnSelected"; "required": false; "isSignal": true; }; "separatorKeyboardCodes": { "alias": "separatorKeyboardCodes"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { NiceChipListDirective, NiceChipListItems };

package/common/index.d.ts

@@ -0,0 +1,24 @@
+import * as i0 from '@angular/core';
+import { FactoryProvider, Provider, InjectionToken, PipeTransform } from '@angular/core';
+
+type NiceTranslater = (key: string, params?: Record<string, string>) => string;
+
+type NiceTranslaterOptions = {
+    translater: Omit<FactoryProvider, "provide" | "multi"> & {
+        useFactory: (...args: any[]) => NiceTranslater;
+    };
+};
+
+declare function provideNiceComponents(options: NiceTranslaterOptions): Provider[];
+
+declare const NICE_COMPONENTS_TRANSLATER: InjectionToken<unknown>;
+
+declare class NiceTranslatePipe implements PipeTransform {
+    private readonly translater;
+    transform(key: string, params?: Record<string, string>): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NiceTranslatePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<NiceTranslatePipe, "niceTranslate", true>;
+}
+
+export { NICE_COMPONENTS_TRANSLATER, NiceTranslatePipe, provideNiceComponents };
+export type { NiceTranslater };

package/dropzone/index.d.ts

@@ -0,0 +1,125 @@
+import * as _angular_core from '@angular/core';
+import { EventEmitter, OnDestroy, ElementRef, Provider } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { MatRippleLoader } from '@angular/material/core';
+
+declare class NiceDropzoneDirective {
+    fileOver: boolean;
+    filesDropped: EventEmitter<FileList>;
+    files: _angular_core.OutputEmitterRef<void>;
+    onDragOver(event: DragEvent): void;
+    onDragLeave(event: DragEvent): void;
+    ondrop(event: DragEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NiceDropzoneDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NiceDropzoneDirective, "[niceDropzone]", never, {}, { "filesDropped": "filesDropped"; "files": "files"; }, never, never, true, never>;
+}
+
+type NiceDropzoneImageConfig = {
+    minSize?: {
+        width: number;
+        height: number;
+    };
+    maxSize?: {
+        width: number;
+        height: number;
+    };
+    recommendedSize?: {
+        width: number;
+        height: number;
+    };
+};
+type NiceDropzoneFileSizeConfig = {
+    size: number;
+    unit: "B" | "KB" | "MB" | "GB";
+};
+type NiceDropzoneTranslationKeyConfig = {
+    upload: {
+        file: string;
+        files: string;
+        image: string;
+        images: string;
+    };
+    format: {
+        label: string;
+    };
+    ratio: {
+        label: string;
+        pixels: string;
+    };
+    size: {
+        label: string;
+        units: {
+            B: string;
+            KB: string;
+            MB: string;
+            GB: string;
+        };
+    };
+};
+
+type NiceFileDimensions = {
+    width: number;
+    height: number;
+    ratio: number;
+};
+type NiceLocalFile = {
+    file: File;
+    name: string;
+    size?: number;
+    dimensions?: NiceFileDimensions;
+};
+type NiceRemoteFile = {
+    id: string | number;
+    name: string;
+    url: string;
+    size?: number;
+};
+type NiceSelectedFiles = NiceLocalFile | NiceRemoteFile;
+declare function isLocalFile(file: NiceSelectedFiles): file is NiceLocalFile;
+declare function isRemoteFile(file: NiceSelectedFiles): file is NiceRemoteFile;
+
+declare const niceDropzoneModes: readonly ["image", "file", "all"];
+type NiceDropzoneModes = (typeof niceDropzoneModes)[number];
+declare class NiceDropzone implements OnDestroy, ControlValueAccessor {
+    readonly mode: _angular_core.InputSignal<"file" | "image" | "all">;
+    readonly multiple: _angular_core.InputSignalWithTransform<boolean, any>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, any>;
+    readonly accept: _angular_core.InputSignal<string[] | undefined>;
+    readonly config: _angular_core.InputSignal<NiceDropzoneImageConfig | undefined>;
+    readonly maxFileSize: _angular_core.InputSignal<NiceDropzoneFileSizeConfig | undefined>;
+    protected readonly _elementRef: _angular_core.Signal<ElementRef<any> | undefined>;
+    protected readonly _inputRef: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
+    /**
+     * Handles the lazy creation of the MatButton ripple.
+     * Used to improve the initial load time of large applications.
+     */
+    protected readonly _rippleLoader: MatRippleLoader;
+    protected readonly _translationKeys: NiceDropzoneTranslationKeyConfig;
+    protected readonly files: _angular_core.WritableSignal<NiceSelectedFiles[]>;
+    protected _disabled: boolean;
+    private _onChange;
+    private _value;
+    constructor();
+    ngOnDestroy(): void;
+    writeValue(value: NiceSelectedFiles | NiceSelectedFiles[] | null): void;
+    registerOnChange(fn: (value: NiceSelectedFiles | NiceSelectedFiles[] | null) => void): void;
+    registerOnTouched(): void;
+    setDisabledState(disabled: boolean): void;
+    onFileChanged(event: Event): void;
+    onFilesDropped(fileList: FileList): Promise<void>;
+    onFileDelete(index: number): void;
+    protected propagateChanges(value: NiceSelectedFiles | NiceSelectedFiles[] | null): void;
+    protected getImageDimension(file: File): Promise<NiceFileDimensions>;
+    protected resetInput(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NiceDropzone, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NiceDropzone, "nice-dropzone", never, { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type NiceDropzoneOptions = {
+    translationKeys: NiceDropzoneTranslationKeyConfig;
+};
+
+declare function provideDropzone(options?: NiceDropzoneOptions): Provider[];
+
+export { NiceDropzone, NiceDropzoneDirective, isLocalFile, isRemoteFile, niceDropzoneModes, provideDropzone };
+export type { NiceDropzoneFileSizeConfig, NiceDropzoneImageConfig, NiceDropzoneModes, NiceDropzoneOptions, NiceDropzoneTranslationKeyConfig, NiceFileDimensions, NiceLocalFile, NiceRemoteFile, NiceSelectedFiles };

package/fesm2022/recursyve-ngx-material-components-chip-list.mjs

@@ -0,0 +1,157 @@
+import * as i0 from '@angular/core';
+import { input, inject, ElementRef, Injector, signal, effect, untracked, HostListener, Directive, Component, output, ChangeDetectionStrategy } from '@angular/core';
+import { toObservable, toSignal } from '@angular/core/rxjs-interop';
+import { NgControl } from '@angular/forms';
+import { NiceAsyncTypeahead } from '@recursyve/ngx-material-components/typeahead';
+import { MatChipSet, MatChipRemove, MatChipRow } from '@angular/material/chips';
+
+class NiceChipListDirective {
+    withItemList = input.required(...(ngDevMode ? [{ debugName: "withItemList" }] : []));
+    reloadOnSelected = input(true, ...(ngDevMode ? [{ debugName: "reloadOnSelected" }] : []));
+    separatorKeyboardCodes = input(["Enter"], ...(ngDevMode ? [{ debugName: "separatorKeyboardCodes" }] : []));
+    elementRef = inject(ElementRef);
+    injector = inject(Injector);
+    asyncTypeahead = inject(NiceAsyncTypeahead, { optional: true });
+    ngControl = inject(NgControl, { optional: true });
+    values = signal([], ...(ngDevMode ? [{ debugName: "values" }] : []));
+    propagateChanges;
+    constructor() {
+        if (this.ngControl) {
+            this.ngControl.valueAccessor = this;
+        }
+        effect(() => {
+            const values = this.values();
+            untracked(() => this.updateTypeaheadSearchOptions(values));
+        });
+    }
+    onKeyDown(event) {
+        if (this.asyncTypeahead) {
+            return;
+        }
+        if (!this.separatorKeyboardCodes().includes(event.code)) {
+            return;
+        }
+        if (!this.elementRef.nativeElement.validity.valid) {
+            return;
+        }
+        this.addValue(this.elementRef.nativeElement.value);
+        this.elementRef.nativeElement.value = "";
+        event.preventDefault();
+    }
+    ngOnInit() {
+        this.setupAsyncTypeahead();
+        const parentElement = this.elementRef.nativeElement.parentElement;
+        if (parentElement.classList.contains("mat-mdc-form-field-infix")) {
+            parentElement.style.alignItems = "flex-start";
+            parentElement.style.flexDirection = "column-reverse";
+        }
+        const withItemList = this.withItemList();
+        withItemList.setItemsReactivity(toObservable(this.values, { injector: this.injector }));
+        withItemList.removeChip.subscribe((index) => {
+            const values = [...this.values()];
+            values.splice(index, 1);
+            this.propagateChanges?.(values);
+            this.values.set(values);
+        });
+        if (this.asyncTypeahead) {
+            withItemList.setFormatLabel((item) => this.asyncTypeahead.formatLabel(item));
+        }
+    }
+    writeValue(obj) {
+        if (!obj) {
+            this.values.set([]);
+        }
+        else if (Array.isArray(obj)) {
+            this.values.set([...obj]);
+        }
+    }
+    registerOnChange(fn) {
+        this.propagateChanges = fn;
+    }
+    registerOnTouched() {
+        return;
+    }
+    setupAsyncTypeahead() {
+        if (!this.asyncTypeahead) {
+            return;
+        }
+        this.asyncTypeahead.selected
+            .subscribe((value) => {
+            if (!value) {
+                return;
+            }
+            this.addValue(value);
+            this.asyncTypeahead?.removeActiveValue();
+        });
+    }
+    addValue(value) {
+        const values = [...this.values()];
+        if (values.includes(value)) {
+            return;
+        }
+        values.push(value);
+        this.propagateChanges?.(values);
+        this.values.set(values);
+    }
+    updateTypeaheadSearchOptions(ignore) {
+        if (!this.asyncTypeahead) {
+            return;
+        }
+        const searchOptions = this.asyncTypeahead.searchOptions();
+        this.asyncTypeahead.setSearchOptions({ ...(searchOptions ?? {}), ignore });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: NiceChipListDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.2.1", type: NiceChipListDirective, isStandalone: true, selector: "input[niceChipList], nice-async-typeahead[niceChipList]", inputs: { withItemList: { classPropertyName: "withItemList", publicName: "withItemList", isSignal: true, isRequired: true, transformFunction: null }, reloadOnSelected: { classPropertyName: "reloadOnSelected", publicName: "reloadOnSelected", isSignal: true, isRequired: false, transformFunction: null }, separatorKeyboardCodes: { classPropertyName: "separatorKeyboardCodes", publicName: "separatorKeyboardCodes", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "keydown": "onKeyDown($event)" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: NiceChipListDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "input[niceChipList], nice-async-typeahead[niceChipList]"
+                }]
+        }], ctorParameters: () => [], propDecorators: { onKeyDown: [{
+                type: HostListener,
+                args: ["keydown", ["$event"]]
+            }] } });
+
+class NiceChipListItemsClearIcon {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: NiceChipListItemsClearIcon, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", type: NiceChipListItemsClearIcon, isStandalone: true, selector: "nice-chip-list-items-clear-icon", ngImport: i0, template: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n    <path d=\"M12 0a12 12 0 1 0 12 12A12 12 0 0 0 12 0Zm5.49 16.07a1 1 0 0 1 -1.41 1.42l-3.9 -3.9a0.25 0.25 0 0 0 -0.36 0l-3.9 3.9a1 1 0 1 1 -1.41 -1.42l3.9 -3.89a0.25 0.25 0 0 0 0 -0.36l-3.9 -3.9a1 1 0 0 1 1.41 -1.41l3.9 3.9a0.25 0.25 0 0 0 0.36 0l3.9 -3.9a1 1 0 0 1 1.41 1.41l-3.9 3.9a0.25 0.25 0 0 0 0 0.36Z\" fill=\"currentColor\" stroke-width=\"1\"></path>\n</svg>\n" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: NiceChipListItemsClearIcon, decorators: [{
+            type: Component,
+            args: [{ selector: "nice-chip-list-items-clear-icon", template: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n    <path d=\"M12 0a12 12 0 1 0 12 12A12 12 0 0 0 12 0Zm5.49 16.07a1 1 0 0 1 -1.41 1.42l-3.9 -3.9a0.25 0.25 0 0 0 -0.36 0l-3.9 3.9a1 1 0 1 1 -1.41 -1.42l3.9 -3.89a0.25 0.25 0 0 0 0 -0.36l-3.9 -3.9a1 1 0 0 1 1.41 -1.41l3.9 3.9a0.25 0.25 0 0 0 0.36 0l3.9 -3.9a1 1 0 0 1 1.41 1.41l-3.9 3.9a0.25 0.25 0 0 0 0 0.36Z\" fill=\"currentColor\" stroke-width=\"1\"></path>\n</svg>\n" }]
+        }] });
+
+class NiceChipListItems {
+    removeChip = output();
+    injector = inject(Injector);
+    items;
+    formatLabelFn;
+    setItemsReactivity(items$) {
+        this.items = toSignal(items$, { injector: this.injector, initialValue: [] });
+    }
+    setFormatLabel(fn) {
+        this.formatLabelFn = fn;
+    }
+    remove(index) {
+        this.removeChip.emit(index);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: NiceChipListItems, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.1", type: NiceChipListItems, isStandalone: true, selector: "nice-chip-list-items", outputs: { removeChip: "removeChip" }, ngImport: i0, template: "@if (items) {\n    <mat-chip-set>\n        @for (item of items(); track item) {\n            <mat-chip-row [highlighted]=\"true\" (removed)=\"remove($index)\">\n                @if (formatLabelFn) {\n                    {{ formatLabelFn(item) }}\n                } @else {\n                    {{ item }}\n                }\n\n                <button matChipRemove>\n                    <nice-chip-list-items-clear-icon />\n                </button>\n            </mat-chip-row>\n        }\n    </mat-chip-set>\n}\n", styles: ["nice-chip-list-items-clear-icon{margin-top:-1px;width:16px;height:16px}\n"], dependencies: [{ kind: "component", type: MatChipSet, selector: "mat-chip-set", inputs: ["disabled", "role", "tabIndex"] }, { kind: "directive", type: MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "component", type: NiceChipListItemsClearIcon, selector: "nice-chip-list-items-clear-icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: NiceChipListItems, decorators: [{
+            type: Component,
+            args: [{ selector: "nice-chip-list-items", imports: [
+                        MatChipSet,
+                        MatChipRemove,
+                        MatChipRow,
+                        NiceChipListItemsClearIcon
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (items) {\n    <mat-chip-set>\n        @for (item of items(); track item) {\n            <mat-chip-row [highlighted]=\"true\" (removed)=\"remove($index)\">\n                @if (formatLabelFn) {\n                    {{ formatLabelFn(item) }}\n                } @else {\n                    {{ item }}\n                }\n\n                <button matChipRemove>\n                    <nice-chip-list-items-clear-icon />\n                </button>\n            </mat-chip-row>\n        }\n    </mat-chip-set>\n}\n", styles: ["nice-chip-list-items-clear-icon{margin-top:-1px;width:16px;height:16px}\n"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NiceChipListDirective, NiceChipListItems };
+//# sourceMappingURL=recursyve-ngx-material-components-chip-list.mjs.map

package/fesm2022/recursyve-ngx-material-components-chip-list.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"recursyve-ngx-material-components-chip-list.mjs","sources":["../../../src/material-components/chip-list/chip-list.ts","../../../src/material-components/chip-list/icons/clear/chip-list-items-clear-icon.ts","../../../src/material-components/chip-list/icons/clear/chip-list-items-clear-icon.svg","../../../src/material-components/chip-list/items/chip-list-items.ts","../../../src/material-components/chip-list/items/chip-list-items.html","../../../src/material-components/chip-list/recursyve-ngx-material-components-chip-list.ts"],"sourcesContent":["import {\n    Directive,\n    effect,\n    ElementRef,\n    HostListener,\n    inject,\n    Injector,\n    input,\n    OnInit,\n    signal,\n    untracked\n} from \"@angular/core\";\nimport { toObservable } from \"@angular/core/rxjs-interop\";\nimport { ControlValueAccessor, NgControl } from \"@angular/forms\";\nimport { NiceAsyncTypeahead } from \"@recursyve/ngx-material-components/typeahead\";\nimport { NiceChipListItems } from \"./items/chip-list-items\";\n\n@Directive({\n    selector: \"input[niceChipList], nice-async-typeahead[niceChipList]\"\n})\nexport class NiceChipListDirective<T> implements ControlValueAccessor, OnInit {\n    public readonly withItemList = input.required<NiceChipListItems<T>>();\n    public readonly reloadOnSelected = input<boolean>(true);\n    public readonly separatorKeyboardCodes = input<string[]>([\"Enter\"]);\n\n    private readonly elementRef = inject(ElementRef);\n    private readonly injector = inject(Injector);\n    private readonly asyncTypeahead = inject<NiceAsyncTypeahead<T>>(NiceAsyncTypeahead, { optional: true });\n    private readonly ngControl = inject<NgControl>(NgControl, { optional: true });\n\n    private readonly values = signal<T[]>([]);\n\n    private propagateChanges?: (_: T[]) => void;\n\n    constructor() {\n        if (this.ngControl) {\n            this.ngControl.valueAccessor = this;\n        }\n\n        effect(() => {\n            const values = this.values();\n            untracked(() => this.updateTypeaheadSearchOptions(values));\n        });\n    }\n\n    @HostListener(\"keydown\", [\"$event\"])\n    public onKeyDown(event: KeyboardEvent): void {\n        if (this.asyncTypeahead) {\n            return;\n        }\n\n        if (!this.separatorKeyboardCodes().includes(event.code)) {\n            return;\n        }\n\n        if (!this.elementRef.nativeElement.validity.valid) {\n            return;\n        }\n\n        this.addValue(this.elementRef.nativeElement.value);\n        this.elementRef.nativeElement.value = \"\";\n        event.preventDefault();\n    }\n\n    public ngOnInit(): void {\n        this.setupAsyncTypeahead();\n\n        const parentElement = this.elementRef.nativeElement.parentElement;\n        if (parentElement.classList.contains(\"mat-mdc-form-field-infix\")) {\n            parentElement.style.alignItems = \"flex-start\";\n            parentElement.style.flexDirection = \"column-reverse\";\n        }\n\n        const withItemList = this.withItemList();\n        withItemList.setItemsReactivity(toObservable(this.values, { injector: this.injector }));\n        withItemList.removeChip.subscribe((index) => {\n            const values = [...this.values()];\n            values.splice(index, 1);\n\n            this.propagateChanges?.(values);\n            this.values.set(values);\n        });\n\n        if (this.asyncTypeahead) {\n            withItemList.setFormatLabel((item) => this.asyncTypeahead!.formatLabel(item));\n        }\n    }\n\n    public writeValue(obj: T[] | null): void {\n        if (!obj) {\n            this.values.set([]);\n        } else if (Array.isArray(obj)) {\n            this.values.set([...obj]);\n        }\n    }\n\n    public registerOnChange(fn: (_: T[]) => void): void {\n        this.propagateChanges = fn;\n    }\n\n    public registerOnTouched(): void {\n        return;\n    }\n\n    private setupAsyncTypeahead(): void {\n        if (!this.asyncTypeahead) {\n            return;\n        }\n\n        this.asyncTypeahead.selected\n            .subscribe((value) => {\n                if (!value) {\n                    return;\n                }\n\n                this.addValue(value);\n                this.asyncTypeahead?.removeActiveValue();\n            });\n    }\n\n    private addValue(value: T): void {\n        const values = [...this.values()];\n        if (values.includes(value)) {\n            return;\n        }\n\n        values.push(value);\n        this.propagateChanges?.(values);\n        this.values.set(values);\n    }\n\n    private updateTypeaheadSearchOptions(ignore: T[]): void {\n        if (!this.asyncTypeahead) {\n            return;\n        }\n\n        const searchOptions = this.asyncTypeahead.searchOptions();\n        this.asyncTypeahead.setSearchOptions({ ...(searchOptions ?? {}), ignore });\n    }\n}\n","import { Component } from \"@angular/core\";\n\n@Component({\n    selector: \"nice-chip-list-items-clear-icon\",\n    templateUrl: \"chip-list-items-clear-icon.svg\"\n})\nexport class NiceChipListItemsClearIcon {}\n","<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n    <path d=\"M12 0a12 12 0 1 0 12 12A12 12 0 0 0 12 0Zm5.49 16.07a1 1 0 0 1 -1.41 1.42l-3.9 -3.9a0.25 0.25 0 0 0 -0.36 0l-3.9 3.9a1 1 0 1 1 -1.41 -1.42l3.9 -3.89a0.25 0.25 0 0 0 0 -0.36l-3.9 -3.9a1 1 0 0 1 1.41 -1.41l3.9 3.9a0.25 0.25 0 0 0 0.36 0l3.9 -3.9a1 1 0 0 1 1.41 1.41l-3.9 3.9a0.25 0.25 0 0 0 0 0.36Z\" fill=\"currentColor\" stroke-width=\"1\"></path>\n</svg>\n","import { ChangeDetectionStrategy, Component, inject, Injector, output, Signal } from \"@angular/core\";\nimport { toSignal } from \"@angular/core/rxjs-interop\";\nimport { MatChipRemove, MatChipRow, MatChipSet } from \"@angular/material/chips\";\nimport { Observable } from \"rxjs\";\nimport { NiceChipListItemsClearIcon } from \"../icons/clear/chip-list-items-clear-icon\";\n\n@Component({\n    selector: \"nice-chip-list-items\",\n    templateUrl: \"./chip-list-items.html\",\n    styleUrls: [\"./chip-list-items.scss\"],\n    imports: [\n        MatChipSet,\n        MatChipRemove,\n        MatChipRow,\n        NiceChipListItemsClearIcon\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class NiceChipListItems<T> {\n    public readonly removeChip = output<number>();\n\n    protected readonly injector = inject(Injector);\n\n    public items?: Signal<T[]>;\n    public formatLabelFn?: (value: T) => string;\n\n    public setItemsReactivity(items$: Observable<T[]>): void {\n        this.items = toSignal(items$, { injector: this.injector, initialValue: [] });\n    }\n\n    public setFormatLabel(fn: (value: T) => string): void {\n        this.formatLabelFn = fn;\n    }\n\n    public remove(index: number): void {\n        this.removeChip.emit(index);\n    }\n}\n","@if (items) {\n    <mat-chip-set>\n        @for (item of items(); track item) {\n            <mat-chip-row [highlighted]=\"true\" (removed)=\"remove($index)\">\n                @if (formatLabelFn) {\n                    {{ formatLabelFn(item) }}\n                } @else {\n                    {{ item }}\n                }\n\n                <button matChipRemove>\n                    <nice-chip-list-items-clear-icon />\n                </button>\n            </mat-chip-row>\n        }\n    </mat-chip-set>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/recursyve-ngx-material-components-common.mjs

@@ -0,0 +1,39 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, Pipe } from '@angular/core';
+
+const NICE_COMPONENTS_TRANSLATER = new InjectionToken("nice_components_translater");
+
+function provideNiceComponents(options) {
+    return [
+        {
+            provide: NICE_COMPONENTS_TRANSLATER,
+            ...options.translater
+        }
+    ];
+}
+
+class NiceTranslatePipe {
+    translater = inject(NICE_COMPONENTS_TRANSLATER);
+    transform(key, params) {
+        return this.translater(key, params);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: NiceTranslatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.2.1", ngImport: i0, type: NiceTranslatePipe, isStandalone: true, name: "niceTranslate" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: NiceTranslatePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: "niceTranslate"
+                }]
+        }] });
+
+/*
+ * Public API Surface of dropzone
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NICE_COMPONENTS_TRANSLATER, NiceTranslatePipe, provideNiceComponents };
+//# sourceMappingURL=recursyve-ngx-material-components-common.mjs.map

package/fesm2022/recursyve-ngx-material-components-common.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"recursyve-ngx-material-components-common.mjs","sources":["../../../src/material-components/common/translater/constant.ts","../../../src/material-components/common/provider.ts","../../../src/material-components/common/translater/translate-pipe.ts","../../../src/material-components/common/index.ts","../../../src/material-components/common/recursyve-ngx-material-components-common.ts"],"sourcesContent":["import { InjectionToken } from \"@angular/core\";\n\nexport const NICE_COMPONENTS_TRANSLATER = new InjectionToken(\"nice_components_translater\");\n","import { Provider } from \"@angular/core\";\nimport { NICE_COMPONENTS_TRANSLATER } from \"./translater/constant\";\nimport { NiceTranslaterOptions } from \"./translater/options\";\n\nexport function provideNiceComponents(options: NiceTranslaterOptions): Provider[] {\n    return [\n        { \n            provide: NICE_COMPONENTS_TRANSLATER,\n            ...options.translater\n        }\n    ];\n}\n","import { inject, Pipe, PipeTransform } from \"@angular/core\";\nimport { NICE_COMPONENTS_TRANSLATER } from \"./constant\";\nimport { NiceTranslater } from \"./translater\";\n\n@Pipe({\n    name: \"niceTranslate\"\n})\nexport class NiceTranslatePipe implements PipeTransform {\n    private readonly translater = inject<NiceTranslater>(NICE_COMPONENTS_TRANSLATER);\n\n    public transform(key: string, params?: Record<string, string>): string {\n        return this.translater(key, params);\n    }\n}\n","/*\n * Public API Surface of dropzone\n */\n\nexport * from \"./provider\";\nexport * from \"./translater/constant\";\nexport * from \"./translater/translate-pipe\";\nexport * from \"./translater/translater\";\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAEa,0BAA0B,GAAG,IAAI,cAAc,CAAC,4BAA4B;;ACEnF,SAAU,qBAAqB,CAAC,OAA8B,EAAA;IAChE,OAAO;AACH,QAAA;AACI,YAAA,OAAO,EAAE,0BAA0B;YACnC,GAAG,OAAO,CAAC;AACd;KACJ;AACL;;MCJa,iBAAiB,CAAA;AACT,IAAA,UAAU,GAAG,MAAM,CAAiB,0BAA0B,CAAC;IAEzE,SAAS,CAAC,GAAW,EAAE,MAA+B,EAAA;QACzD,OAAO,IAAI,CAAC,UAAU,CAAC,GAAG,EAAE,MAAM,CAAC;IACvC;uGALS,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA;qGAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,IAAA,EAAA,eAAA,EAAA,CAAA;;2FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAH7B,IAAI;AAAC,YAAA,IAAA,EAAA,CAAA;AACF,oBAAA,IAAI,EAAE;AACT,iBAAA;;;ACND;;AAEG;;ACFH;;AAEG;;;;"}