@recursyve/nice-ui-kit.v2 13.2.0-beta.113 → 13.2.0-beta.114

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

@@ -9926,22 +9926,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
             args: [{ selector: "[niceChipListItemLabel]" }]
         }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });
 
+const NICE_CHIP_LIST_OPTIONS = new InjectionToken("nice_chip_list_options");
+
 class NiceChipListItemsComponent {
-    constructor() {
+    constructor(options) {
+        this.options = options;
         this.color = "primary";
         this.removeChip = new EventEmitter();
         this.defaultColor = "primary";
+        if (!this.options) {
+            this.options = {
+                closeButtonIcon: {
+                    matIcon: "cancel"
+                }
+            };
+        }
     }
     remove(index) {
         this.removeChip.next(index);
     }
 }
-NiceChipListItemsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: NiceChipListItemsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NiceChipListItemsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: NiceChipListItemsComponent, selector: "nice-chip-list-items", inputs: { color: "color", items$: "items$" }, outputs: { removeChip: "removeChip" }, queries: [{ propertyName: "itemLabel", first: true, predicate: ChipListItemLabelDirective, descendants: true, read: TemplateRef }], ngImport: i0, template: "<div class=\"nice-items-row\" *ngIf=\"(items$ | async)?.length\">\n    <div\n        class=\"nice-chip\"\n        *ngFor=\"let value of items$ | async; let i = index\"\n        [ngClass]=\"color\"\n    >\n        <span *ngIf=\"!itemLabel\">{{ value }}</span>\n        <ng-container *ngIf=\"itemLabel\">\n            <ng-container *ngTemplateOutlet=\"itemLabel; context: { $implicit: value }\"></ng-container>\n        </ng-container>\n        <button (click)=\"remove(i)\">\n            <mat-icon class=\"close-icon\">cancel</mat-icon>\n        </button>\n    </div>\n</div>\n", components: [{ type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "async": i6.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+NiceChipListItemsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: NiceChipListItemsComponent, deps: [{ token: NICE_CHIP_LIST_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+NiceChipListItemsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: NiceChipListItemsComponent, selector: "nice-chip-list-items", inputs: { color: "color", items$: "items$" }, outputs: { removeChip: "removeChip" }, queries: [{ propertyName: "itemLabel", first: true, predicate: ChipListItemLabelDirective, descendants: true, read: TemplateRef }], ngImport: i0, template: "<div class=\"nice-items-row\" *ngIf=\"(items$ | async)?.length\">\n    <div\n        class=\"nice-chip\"\n        *ngFor=\"let value of items$ | async; let i = index\"\n        [ngClass]=\"color\"\n    >\n        <span *ngIf=\"!itemLabel\">{{ value }}</span>\n        <ng-container *ngIf=\"itemLabel\">\n            <ng-container *ngTemplateOutlet=\"itemLabel; context: { $implicit: value }\"></ng-container>\n        </ng-container>\n        <button (click)=\"remove(i)\">\n            <mat-icon *ngIf=\"options.closeButtonIcon.matIcon\">\n                {{ options.closeButtonIcon.matIcon }}\n            </mat-icon>\n            <mat-icon\n                *ngIf=\"options.closeButtonIcon.svgIcon\"\n                [svgIcon]=\"options.closeButtonIcon.svgIcon\"\n            ></mat-icon>\n        </button>\n    </div>\n</div>\n", components: [{ type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "async": i6.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: NiceChipListItemsComponent, decorators: [{
             type: Component,
-            args: [{ selector: "nice-chip-list-items", changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"nice-items-row\" *ngIf=\"(items$ | async)?.length\">\n    <div\n        class=\"nice-chip\"\n        *ngFor=\"let value of items$ | async; let i = index\"\n        [ngClass]=\"color\"\n    >\n        <span *ngIf=\"!itemLabel\">{{ value }}</span>\n        <ng-container *ngIf=\"itemLabel\">\n            <ng-container *ngTemplateOutlet=\"itemLabel; context: { $implicit: value }\"></ng-container>\n        </ng-container>\n        <button (click)=\"remove(i)\">\n            <mat-icon class=\"close-icon\">cancel</mat-icon>\n        </button>\n    </div>\n</div>\n" }]
-        }], propDecorators: { itemLabel: [{
+            args: [{ selector: "nice-chip-list-items", changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"nice-items-row\" *ngIf=\"(items$ | async)?.length\">\n    <div\n        class=\"nice-chip\"\n        *ngFor=\"let value of items$ | async; let i = index\"\n        [ngClass]=\"color\"\n    >\n        <span *ngIf=\"!itemLabel\">{{ value }}</span>\n        <ng-container *ngIf=\"itemLabel\">\n            <ng-container *ngTemplateOutlet=\"itemLabel; context: { $implicit: value }\"></ng-container>\n        </ng-container>\n        <button (click)=\"remove(i)\">\n            <mat-icon *ngIf=\"options.closeButtonIcon.matIcon\">\n                {{ options.closeButtonIcon.matIcon }}\n            </mat-icon>\n            <mat-icon\n                *ngIf=\"options.closeButtonIcon.svgIcon\"\n                [svgIcon]=\"options.closeButtonIcon.svgIcon\"\n            ></mat-icon>\n        </button>\n    </div>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [NICE_CHIP_LIST_OPTIONS]
+                }] }]; }, propDecorators: { itemLabel: [{
                 type: ContentChild,
                 args: [ChipListItemLabelDirective, { read: TemplateRef }]
             }], color: [{
@@ -10070,6 +10085,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
             }] } });
 
 class NiceChipListDirectiveModule {
+    static forRoot(options) {
+        if (!options) {
+            options = {
+                closeButtonIcon: {
+                    matIcon: "cancel"
+                }
+            };
+        }
+        return {
+            ngModule: NiceChipListDirectiveModule,
+            providers: [
+                {
+                    provide: NICE_CHIP_LIST_OPTIONS,
+                    useValue: options
+                }
+            ]
+        };
+    }
 }
 NiceChipListDirectiveModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: NiceChipListDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
 NiceChipListDirectiveModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: NiceChipListDirectiveModule, declarations: [NiceChipListDirective, NiceChipListItemsComponent, ChipListItemLabelDirective], imports: [CommonModule, MatIconModule], exports: [NiceChipListDirective, NiceChipListItemsComponent, ChipListItemLabelDirective] });