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

package/lib/directives/chip-list/chip-list.directive.d.ts

@@ -1,14 +1,16 @@
-import { ElementRef, OnChanges, OnInit, SimpleChanges } from "@angular/core";
+import { ElementRef, OnChanges, OnDestroy, OnInit, SimpleChanges } from "@angular/core";
 import { ControlValueAccessor, NgControl } from "@angular/forms";
 import { NiceAsyncTypeaheadComponent } from "../../components";
+import { KeyboardCodes } from "../../utils";
 import { NiceChipListItemsComponent } from "./chip-list-items/chip-list-items.component";
 import * as i0 from "@angular/core";
-export declare class NiceChipListDirective implements ControlValueAccessor, OnInit, OnChanges {
+export declare class NiceChipListDirective implements ControlValueAccessor, OnInit, OnDestroy, OnChanges {
     private asyncTypeahead;
     private ngControl;
     private elementRef;
     withItemList: NiceChipListItemsComponent;
     reloadOnSelected: boolean;
+    separatorKeyboardCodes: KeyboardCodes[];
     private unsubscribeAll$;
     private values$;
     private _values;
@@ -18,12 +20,13 @@ export declare class NiceChipListDirective implements ControlValueAccessor, OnIn
     onKeyDown(event: KeyboardEvent): void;
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
     writeValue(obj: any[]): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     private setupAsyncTypeahead;
     private addValue;
     private updateTypeaheadSearchOptions;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NiceChipListDirective, [{ optional: true; }, { optional: true; }, null]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NiceChipListDirective, "input[niceChipList], nice-async-typeahead[niceChipList]", never, { "withItemList": "withItemList"; "reloadOnSelected": "reloadOnSelected"; }, {}, never, never, false>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NiceChipListDirective, [{ optional: true; }, { optional: true; self: true; }, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NiceChipListDirective, "input[niceChipList], nice-async-typeahead[niceChipList]", never, { "withItemList": "withItemList"; "reloadOnSelected": "reloadOnSelected"; "separatorKeyboardCodes": "separatorKeyboardCodes"; }, {}, never, never, false, never>;
 }

package/lib/directives/chip-list/chip-list.module.d.ts

@@ -1,3 +1,5 @@
+import { ModuleWithProviders } from "@angular/core";
+import { NiceChipListOptions } from "./chip-list-items/chip-list-items.component";
 import * as i0 from "@angular/core";
 import * as i1 from "./chip-list.directive";
 import * as i2 from "./chip-list-items/chip-list-items.component";
@@ -5,6 +7,7 @@ import * as i3 from "./chip-list-items/chip-list-item-label.directive";
 import * as i4 from "@angular/common";
 import * as i5 from "@angular/material/icon";
 export declare class NiceChipListDirectiveModule {
+    static forRoot(options?: NiceChipListOptions): ModuleWithProviders<NiceChipListDirectiveModule>;
     static ɵfac: i0.ɵɵFactoryDeclaration<NiceChipListDirectiveModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<NiceChipListDirectiveModule, [typeof i1.NiceChipListDirective, typeof i2.NiceChipListItemsComponent, typeof i3.ChipListItemLabelDirective], [typeof i4.CommonModule, typeof i5.MatIconModule], [typeof i1.NiceChipListDirective, typeof i2.NiceChipListItemsComponent, typeof i3.ChipListItemLabelDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NiceChipListDirectiveModule>;

package/lib/directives/draggable-list/draggable-list.directive.d.ts

@@ -0,0 +1,24 @@
+import { CdkDragDrop, CdkDropList } from "@angular/cdk/drag-drop";
+import { EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges } from "@angular/core";
+import { FormArray, FormArrayName } from "@angular/forms";
+import * as i0 from "@angular/core";
+export declare class NiceDraggableListDirective<T> implements OnInit, OnDestroy, OnChanges {
+    private formArrayName;
+    private cdkDropList;
+    items: T[];
+    rankProperty: string;
+    itemsUpdated: EventEmitter<T[]>;
+    itemRankUpdated: EventEmitter<T>;
+    sortedItems: T[];
+    formArray: FormArray;
+    private unsubscribeAll$;
+    constructor(formArrayName: FormArrayName, cdkDropList: CdkDropList);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    drop(event: CdkDragDrop<any, any>): void;
+    private sortItems;
+    private getNextRank;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NiceDraggableListDirective<any>, [{ optional: true; }, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NiceDraggableListDirective<any>, "[cdkDropList][niceDraggableList]", never, { "items": "items"; "rankProperty": "rankProperty"; }, { "itemsUpdated": "itemsUpdated"; "itemRankUpdated": "itemRankUpdated"; }, never, never, false, never>;
+}

package/lib/directives/draggable-list/draggable-list.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./draggable-list.directive";
+import * as i2 from "@angular/cdk/drag-drop";
+export declare class NiceDraggableListModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NiceDraggableListModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NiceDraggableListModule, [typeof i1.NiceDraggableListDirective], [typeof i2.DragDropModule], [typeof i1.NiceDraggableListDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NiceDraggableListModule>;
+}

package/lib/directives/draggable-list/index.d.ts

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

package/lib/directives/draggable-list/public-api.d.ts

@@ -0,0 +1,2 @@
+export * from "./draggable-list.directive";
+export * from "./draggable-list.module";

package/lib/directives/dropzone/dropzone.directive.d.ts

@@ -7,5 +7,5 @@ export declare class NiceDropzoneDirective {
     onDragLeave(event: DragEvent): void;
     ondrop(event: DragEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NiceDropzoneDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NiceDropzoneDirective, "[niceDropzone]", never, {}, { "filesDropped": "filesDropped"; }, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NiceDropzoneDirective, "[niceDropzone]", never, {}, { "filesDropped": "filesDropped"; }, never, never, false, never>;
 }

package/lib/directives/image-error-placeholder/image-error-placeholder.directive.d.ts

@@ -7,5 +7,5 @@ export declare class NiceImageErrorPlaceholderDirective {
     constructor(elementRef: ElementRef, viewContainerRef: ViewContainerRef);
     onError(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NiceImageErrorPlaceholderDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NiceImageErrorPlaceholderDirective, "img[niceImageErrorPlaceholder]", never, { "fallback": "fallback"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NiceImageErrorPlaceholderDirective, "img[niceImageErrorPlaceholder]", never, { "fallback": "fallback"; }, {}, never, never, false, never>;
 }

package/lib/directives/material/nice-material-style.directive.d.ts

@@ -5,5 +5,5 @@ export declare class NiceMaterialStyleDirective implements OnInit {
     constructor(element: ElementRef);
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NiceMaterialStyleDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NiceMaterialStyleDirective, "[keep-material-style]", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NiceMaterialStyleDirective, "[keep-material-style]", never, {}, {}, never, never, false, never>;
 }

package/lib/directives/material/nice-rounded-style.directive.d.ts

@@ -5,5 +5,5 @@ export declare class NiceRoundedStyleDirective implements OnInit {
     constructor(element: ElementRef);
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NiceRoundedStyleDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NiceRoundedStyleDirective, "[nice-rounded-style]", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NiceRoundedStyleDirective, "[nice-rounded-style]", never, {}, {}, never, never, false, never>;
 }

package/lib/directives/modals/modal-on-click.directive.d.ts

@@ -6,5 +6,5 @@ export declare class NiceModalOnClickDirective<T, Return, Data = any> extends Ni
     constructor(dialog: MatDialog, modal: Type<T>, options: MatDialogConfig<Data>);
     onClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NiceModalOnClickDirective<any, any, any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NiceModalOnClickDirective<any, any, any>, never, never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NiceModalOnClickDirective<any, any, any>, never, never, {}, {}, never, never, false, never>;
 }

package/lib/directives/modals/modal-opener.directive.d.ts

@@ -10,5 +10,5 @@ export declare class NiceModalOpenerDirective<T, Return, Data> {
     constructor(dialog: MatDialog, modal: Type<T>, options: MatDialogConfig<Data>);
     open(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NiceModalOpenerDirective<any, any, any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NiceModalOpenerDirective<any, any, any>, never, never, { "modalData": "modalData"; }, { "modalAfterClosed": "modalAfterClosed"; }, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NiceModalOpenerDirective<any, any, any>, never, never, { "modalData": "modalData"; }, { "modalAfterClosed": "modalAfterClosed"; }, never, never, false, never>;
 }

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

@@ -2,6 +2,7 @@ export * from "./autofocus";
 export * from "./autogrow";
 export * from "./chip-async-typeahead";
 export * from "./chip-list";
+export * from "./draggable-list";
 export * from "./dropzone";
 export * from "./image-error-placeholder";
 export * from "./material";
@@ -10,3 +11,5 @@ export * from "./scroll-reset";
 export * from "./scrollbar";
 export * from "./stop-propagation";
 export * from "./window";
+export * from "./rerender";
+export * from "./resolve";

package/lib/directives/rerender/index.d.ts

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

package/lib/directives/rerender/public-api.d.ts

@@ -0,0 +1 @@
+export * from "./rerender.directive";

package/lib/directives/rerender/rerender.directive.d.ts

@@ -0,0 +1,10 @@
+import { TemplateRef, ViewContainerRef } from "@angular/core";
+import * as i0 from "@angular/core";
+export declare class RerenderDirective {
+    private templateRef;
+    private viewContainerRef;
+    set rerender(_: any);
+    constructor(templateRef: TemplateRef<any>, viewContainerRef: ViewContainerRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<RerenderDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RerenderDirective, "[rerender]", never, { "rerender": "rerender"; }, {}, never, never, true, never>;
+}

package/lib/directives/resolve/index.d.ts

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

package/lib/directives/resolve/public-api.d.ts

@@ -0,0 +1 @@
+export * from "./resolve.directive";

package/lib/directives/resolve/resolve.directive.d.ts

@@ -0,0 +1,18 @@
+import { TemplateRef, ViewContainerRef } from "@angular/core";
+import * as i0 from "@angular/core";
+declare class ResolveDirectiveContext<T> {
+    $implicit: T;
+    resolve: T;
+}
+export declare class ResolveDirective<T> {
+    private templateRef;
+    private viewContainerRef;
+    private context;
+    private embeddedViewRef;
+    set resolve(value: T);
+    constructor(templateRef: TemplateRef<any>, viewContainerRef: ViewContainerRef);
+    static ngTemplateContextGuard<T>(directive: ResolveDirective<T>, ctx: any): ctx is ResolveDirectiveContext<T>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ResolveDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ResolveDirective<any>, "[resolve]", never, { "resolve": "resolve"; }, {}, never, never, true, never>;
+}
+export {};

package/lib/directives/scroll-reset/scroll-reset.directive.d.ts

@@ -18,5 +18,5 @@ export declare class NiceScrollResetDirective implements OnInit, OnDestroy {
      */
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NiceScrollResetDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NiceScrollResetDirective, "[niceScrollReset]", ["niceScrollReset"], {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NiceScrollResetDirective, "[niceScrollReset]", ["niceScrollReset"], {}, {}, never, never, false, never>;
 }

package/lib/directives/scrollbar/scrollbar.directive.d.ts

@@ -108,5 +108,5 @@ export declare class NiceScrollbarDirective implements OnChanges, OnInit, OnDest
      */
     private _destroy;
     static ɵfac: i0.ɵɵFactoryDeclaration<NiceScrollbarDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NiceScrollbarDirective, "[niceScrollbar]", ["niceScrollbar"], { "niceScrollbar": "niceScrollbar"; "niceScrollbarOptions": "niceScrollbarOptions"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NiceScrollbarDirective, "[niceScrollbar]", ["niceScrollbar"], { "niceScrollbar": "niceScrollbar"; "niceScrollbarOptions": "niceScrollbarOptions"; }, {}, never, never, false, never>;
 }

package/lib/directives/stop-propagation/click-stop-propagation.directive.d.ts

@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
 export declare class NiceClickStopPropagationDirective {
     stopClick(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NiceClickStopPropagationDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NiceClickStopPropagationDirective, "[niceClickStopPropagation]", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NiceClickStopPropagationDirective, "[niceClickStopPropagation]", never, {}, {}, never, never, false, never>;
 }

package/lib/directives/window/prevent-close-window.directive.d.ts

@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
 export declare class NicePreventCloseWindowDirective {
     handleClose($event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NicePreventCloseWindowDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NicePreventCloseWindowDirective, "[nicePreventCloseWindow]", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NicePreventCloseWindowDirective, "[nicePreventCloseWindow]", never, {}, {}, never, never, false, never>;
 }

package/lib/pipes/phone.pipe.d.ts

@@ -1,9 +1,9 @@
 import { PipeTransform } from "@angular/core";
-import { MaskApplierService } from "ngx-mask";
+import { NgxMaskService } from "ngx-mask";
 import * as i0 from "@angular/core";
 export declare class PhonePipe implements PipeTransform {
-    private maskApplierService;
-    constructor(maskApplierService: MaskApplierService);
+    private maskService;
+    constructor(maskService: NgxMaskService);
     transform(rawPhoneNumber: string, extension?: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<PhonePipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<PhonePipe, "phone", false>;

package/lib/pipes/pipes.module.d.ts

@@ -21,8 +21,9 @@ import * as i19 from "./range.pipe";
 import * as i20 from "./round.pipe";
 import * as i21 from "./sanitize-bypass.pipe";
 import * as i22 from "./seconds-to-time.pipe";
+import * as i23 from "./track-by-prop.pipe";
 export declare class NicePipesModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NicePipesModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NicePipesModule, [typeof i1.BooleanPipe, typeof i2.CapitalizeFirstLetterPipe, typeof i3.CeilPipe, typeof i4.FindByKeyPipe, typeof i5.FirstLetterPipe, typeof i6.FloorPipe, typeof i7.JoinPipe, typeof i8.EntriesPipe, typeof i9.LinkPipe, typeof i10.LocalizedBooleanPipe, typeof i11.LocalizedCurrencyPipe, typeof i12.LocalizedDatePipe, typeof i13.LocalizedDateOnlyPipe, typeof i14.MinutesToTimePipe, typeof i15.NumberToOrdinalIndicatorPipe, typeof i16.PadPipe, typeof i17.PhonePipe, typeof i18.PostalCodePipe, typeof i19.RangePipe, typeof i20.RoundPipe, typeof i21.SanitizeBypassPipe, typeof i22.SecondsToTimePipe], never, [typeof i1.BooleanPipe, typeof i2.CapitalizeFirstLetterPipe, typeof i3.CeilPipe, typeof i4.FindByKeyPipe, typeof i5.FirstLetterPipe, typeof i6.FloorPipe, typeof i7.JoinPipe, typeof i8.EntriesPipe, typeof i9.LinkPipe, typeof i10.LocalizedBooleanPipe, typeof i11.LocalizedCurrencyPipe, typeof i12.LocalizedDatePipe, typeof i13.LocalizedDateOnlyPipe, typeof i14.MinutesToTimePipe, typeof i15.NumberToOrdinalIndicatorPipe, typeof i16.PadPipe, typeof i17.PhonePipe, typeof i18.PostalCodePipe, typeof i19.RangePipe, typeof i20.RoundPipe, typeof i21.SanitizeBypassPipe, typeof i22.SecondsToTimePipe]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NicePipesModule, [typeof i1.BooleanPipe, typeof i2.CapitalizeFirstLetterPipe, typeof i3.CeilPipe, typeof i4.FindByKeyPipe, typeof i5.FirstLetterPipe, typeof i6.FloorPipe, typeof i7.JoinPipe, typeof i8.EntriesPipe, typeof i9.LinkPipe, typeof i10.LocalizedBooleanPipe, typeof i11.LocalizedCurrencyPipe, typeof i12.LocalizedDatePipe, typeof i13.LocalizedDateOnlyPipe, typeof i14.MinutesToTimePipe, typeof i15.NumberToOrdinalIndicatorPipe, typeof i16.PadPipe, typeof i17.PhonePipe, typeof i18.PostalCodePipe, typeof i19.RangePipe, typeof i20.RoundPipe, typeof i21.SanitizeBypassPipe, typeof i22.SecondsToTimePipe, typeof i23.TrackByPropPipe], never, [typeof i1.BooleanPipe, typeof i2.CapitalizeFirstLetterPipe, typeof i3.CeilPipe, typeof i4.FindByKeyPipe, typeof i5.FirstLetterPipe, typeof i6.FloorPipe, typeof i7.JoinPipe, typeof i8.EntriesPipe, typeof i9.LinkPipe, typeof i10.LocalizedBooleanPipe, typeof i11.LocalizedCurrencyPipe, typeof i12.LocalizedDatePipe, typeof i13.LocalizedDateOnlyPipe, typeof i14.MinutesToTimePipe, typeof i15.NumberToOrdinalIndicatorPipe, typeof i16.PadPipe, typeof i17.PhonePipe, typeof i18.PostalCodePipe, typeof i19.RangePipe, typeof i20.RoundPipe, typeof i21.SanitizeBypassPipe, typeof i22.SecondsToTimePipe, typeof i23.TrackByPropPipe]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NicePipesModule>;
 }

package/lib/pipes/postal-code.pipe.d.ts

@@ -1,9 +1,9 @@
 import { PipeTransform } from "@angular/core";
-import { MaskApplierService } from "ngx-mask";
+import { NgxMaskService } from "ngx-mask";
 import * as i0 from "@angular/core";
 export declare class PostalCodePipe implements PipeTransform {
-    private maskApplierService;
-    constructor(maskApplierService: MaskApplierService);
+    private maskService;
+    constructor(maskService: NgxMaskService);
     transform(postalCode: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<PostalCodePipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<PostalCodePipe, "postalCode", false>;

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

@@ -19,5 +19,6 @@ export * from "./pipes.module";
 export * from "./postal-code.pipe";
 export * from "./range.pipe";
 export * from "./round.pipe";
+export * from "./track-by-prop.pipe";
 export * from "./sanitize-bypass.pipe";
 export * from "./seconds-to-time.pipe";

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

@@ -0,0 +1,7 @@
+import { PipeTransform, TrackByFunction } from "@angular/core";
+import * as i0 from "@angular/core";
+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/providers/config/config.model.d.ts

@@ -1,6 +1,6 @@
-export declare type Scheme = "auto" | "dark" | "light";
-export declare type Theme = "default" | string;
-export declare type Screens = {
+export type Scheme = "auto" | "dark" | "light";
+export type Theme = "default" | string;
+export type Screens = {
     [key: string]: string;
 };
 /**

package/lib/types/constructor.d.ts

@@ -1,5 +1,5 @@
 /**
  * From @angular/material/core/common-behaviors/constructor.ts
  */
-export declare type Constructor<T> = new (...args: any[]) => T;
-export declare type AbstractConstructor<T = object> = abstract new (...args: any[]) => T;
+export type Constructor<T> = new (...args: any[]) => T;
+export type AbstractConstructor<T = object> = abstract new (...args: any[]) => T;

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/lib/utils/keyboard.utils.d.ts

@@ -2,5 +2,6 @@ export declare enum KeyboardCodes {
     ArrowUp = "ArrowUp",
     ArrowDown = "ArrowDown",
     Enter = "Enter",
-    Shift = "Shift"
+    Shift = "Shift",
+    Comma = "Comma"
 }

package/lib/utils/lexorank.utils.d.ts

@@ -0,0 +1,6 @@
+import { LexoRank } from "lexorank";
+export declare class LexoRankUtils {
+    static compareStringFn(previousRank?: string, nextRank?: string): number;
+    static compareFn(previousRank: LexoRank, nextRank: LexoRank): number;
+    static getNewRank(afterRank?: string, beforeRank?: string): string;
+}

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

@@ -7,6 +7,7 @@ export * from "./font-awesome.utils";
 export * from "./form-data.utils";
 export * from "./http-status.utils";
 export * from "./keyboard.utils";
+export * from "./lexorank.utils";
 export * from "./modal.utils";
 export * from "./number.utils";
 export * from "./object.utils";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@recursyve/nice-ui-kit.v2",
-  "version": "14.0.0-beta.99",
+  "version": "15.0.0-beta.119",
   "exports": {
     ".": {
       "sass": "./_index.scss",
@@ -16,20 +16,20 @@
     }
   },
   "peerDependencies": {
-    "@angular/cdk": "^14.0.0",
-    "@angular/common": "^14.0.0",
-    "@angular/core": "^14.0.0",
-    "@angular/forms": "^14.0.0",
-    "@angular/material": "^14.0.0",
+    "@angular/cdk": "^15.0.0",
+    "@angular/common": "^15.0.0",
+    "@angular/core": "^15.0.0",
+    "@angular/forms": "^15.0.0",
+    "@angular/material": "^15.0.0",
     "@ngx-translate/core": "^14.0.0",
-    "@recursyve/ngx-form-generator": ">= 14.0.0-beta.36",
-    "ngx-mask": "^14.0.0",
-    "perfect-scrollbar": "^1.5.3",
+    "@recursyve/ngx-form-generator": ">= 15.0.0-beta.40",
+    "ngx-mask": "^15.0.0",
+    "perfect-scrollbar": "^1.5.5",
     "uuid": ">= 9.0.0"
   },
   "dependencies": {
     "tslib": "^2.0.0",
-    "lottie-web": "~5.7.1",
+    "lottie-web": "~5.12.0",
     "class-transformer": "^0.5.1"
   },
   "module": "fesm2015/recursyve-nice-ui-kit.v2.mjs",

package/src/lib/components/assets-carousel/assets-carousel.theme.scss

@@ -1,5 +1,12 @@
 @use "../../nice.utils" as nice;
 
+/* Variables */
+:root {
+    --nice-assets-carousel-asset-width: 90px;
+    --nice-assets-carousel-asset-height: 60px;
+    --nice-assets-carousel-asset-gap: 0.75rem;
+}
+
 @mixin nice-assets-carousel-theme($theme) {
     nice-assets-carousel {
         .carousel-container {
@@ -50,6 +57,7 @@
                 .asset-list {
                     @apply flex flex-row;
 
+                    gap: var(--nice-assets-carousel-asset-gap);
                     transition: transform 500ms cubic-bezier(0.35, 0, 0.25, 1);
                 }
             }
@@ -64,15 +72,11 @@
         }
 
         image, img, video {
-            @apply w-full h-full select-none object-cover rounded;
+            @apply w-full h-full select-none object-cover;
         }
 
         .action-button {
-            @apply absolute w-8 h-8 min-w-8 min-h-8;
-
-            .mat-button-wrapper {
-                @apply w-full;
-            }
+            @apply absolute w-8 h-8 min-w-8 min-h-8 #{!important};
         }
 
         .active-image {
@@ -98,7 +102,7 @@
             .active-buttons {
                 @apply absolute top-3 right-3 flex flex-row;
 
-                .mat-icon-button {
+                .mdc-icon-button {
                     @apply bg-white ml-2.5 rounded;
 
                     @include nice.override-mat-icon-size(32, true);
@@ -131,8 +135,8 @@
         .add-asset-container {
             @apply bg-default z-50 cursor-pointer select-none mr-3;
 
-            min-width: 90px;
-            min-height: 60px;
+            min-width: var(--nice-assets-carousel-asset-width);
+            min-height: var(--nice-assets-carousel-asset-height);
 
             .add-asset {
                 @apply h-full w-full flex justify-center items-center border border-white border-solid rounded;
@@ -144,13 +148,13 @@
         }
 
         .asset {
-            width: 90px;
-            height: 60px;
+            width: var(--nice-assets-carousel-asset-width);
+            height: var(--nice-assets-carousel-asset-height);
 
-            @apply rounded mr-3 cursor-pointer;
+            @apply rounded cursor-pointer overflow-hidden border border-transparent;
 
             &.active {
-                @apply border border-opacity-100 #{!important};
+                @apply border-opacity-100 #{!important};
 
                 &.primary {
                     @apply border-primary;
@@ -170,8 +174,10 @@
     .nice-asset-options-menu {
         @apply mt-1 bg-white #{!important};
 
-        .mat-menu-item {
-            @apply text-black #{!important};
+        .mat-mdc-menu-item {
+            span {
+                @apply text-black #{!important};
+            }
 
             .mat-icon {
                 @apply text-black #{!important};

package/src/lib/components/collapsable/collapsable.theme.scss

@@ -0,0 +1,48 @@
+/* From https://github.com/saadeghi/daisyui/blob/master/src/components/unstyled/collapse.css */
+
+@mixin nice-collapsable-theme($theme) {
+    nice-collapsable {
+        .nice-collapse {
+            @apply relative visible grid overflow-hidden;
+        }
+        .collapse-title,
+        .nice-collapse > input[type="checkbox"],
+        .collapse-content {
+            @apply col-start-1 row-start-1;
+        }
+        .nice-collapse > input[type="checkbox"] {
+            @apply opacity-0;
+
+            appearance: none;
+            -webkit-appearance: none;
+            -ms-progress-appearance: none;
+        }
+        .collapse-content {
+            @apply row-start-2 overflow-hidden;
+            max-height: 0px;
+        }
+        .collapse-open .collapse-content,
+        .nice-collapse:focus:not(.collapse-close) .collapse-content,
+        .nice-collapse:not(.collapse-close)
+        input[type="checkbox"]:checked
+        ~ .collapse-content {
+            max-height: 9000px;
+        }
+
+        .collapse-title {
+            @apply bg-card p-4;
+        }
+
+        .peer:hover ~ .collapse-title {
+            @apply shadow-2xl;
+        }
+
+        .collapse-content {
+            @apply bg-card;
+        }
+
+        .peer:checked ~ .collapse-content {
+            @apply p-4;
+        }
+    }
+}

package/src/lib/components/date-range-picker/date-range-picker.theme.scss

@@ -0,0 +1,47 @@
+@use "@angular/material" as mat;
+
+@mixin nice-date-picker-theme($theme) {
+    $accent: map-get($theme, accent);
+    $background: map-get($theme, background);
+    $foreground: map-get($theme, foreground);
+
+    mat-calendar {
+        .mat-calendar-body-in-range::before {
+            background: mat.get-color-from-palette($accent, 0.2) !important;
+        }
+    }
+
+    nice-date-range-picker {
+        .from-to {
+            @apply flex;
+
+            color: map-get($foreground, text);
+        }
+
+        .nice-date-picker-container {
+            @apply flex justify-center items-center;
+
+            .nice-date-picker-header {
+                @apply mr-3;
+            }
+        }
+
+        .separator {
+            @apply px-3;
+        }
+    }
+
+    nice-range-preset {
+        background-color: map-get($background, background);
+
+        button {
+            .mat-button-focus-overlay {
+                background: mat.get-color-from-palette($accent) !important;
+            }
+        }
+
+        .mdc-button:hover .mat-button-focus-overlay {
+            opacity: 0.2 !important;
+        }
+    }
+}