@recursyve/nice-ui-kit.v2 13.2.0-beta.110 → 13.2.0-beta.112

package/lib/components/date-range-picker/components/header/header.component.d.ts

@@ -0,0 +1,20 @@
+import { ChangeDetectorRef, OnDestroy } from "@angular/core";
+import { DateAdapter, MatDateFormats } from "@angular/material/core";
+import { MatCalendar } from "@angular/material/datepicker";
+import * as i0 from "@angular/core";
+export declare class HeaderComponent<D> implements OnDestroy {
+    private calendar;
+    private dateAdapter;
+    private dateFormats;
+    private readonly destroy$;
+    toggled: boolean;
+    constructor(calendar: MatCalendar<D>, dateAdapter: DateAdapter<D>, dateFormats: MatDateFormats, cdr: ChangeDetectorRef);
+    get periodLabel(): string;
+    previousClicked(mode: "month" | "year"): void;
+    nextClicked(mode: "month" | "year"): void;
+    private changeDate;
+    clickOptions(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HeaderComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HeaderComponent<any>, "ng-component", never, {}, {}, never, never>;
+}

package/lib/components/date-range-picker/components/range-preset/range-preset.component.d.ts

@@ -0,0 +1,23 @@
+import { DateAdapter } from "@angular/material/core";
+import { MatDateRangePicker } from "@angular/material/datepicker";
+import { NiceDateRangePickerServiceService } from "../../providers/date-range-picker.service";
+import * as i0 from "@angular/core";
+declare const customPresets: string[];
+declare type CustomPreset = typeof customPresets[number];
+export declare class RangePresetComponent<D> {
+    private dateAdapter;
+    private picker;
+    private service;
+    readonly customPresets: string[];
+    readonly allowClear$: import("rxjs").BehaviorSubject<boolean>;
+    constructor(dateAdapter: DateAdapter<D>, picker: MatDateRangePicker<D>, service: NiceDateRangePickerServiceService);
+    clearRange(): void;
+    selectRange(rangeName: CustomPreset): void;
+    private calculateDateRange;
+    private calculateMonth;
+    private calculateWeek;
+    private get today();
+    static ɵfac: i0.ɵɵFactoryDeclaration<RangePresetComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RangePresetComponent<any>, "nice-range-preset", never, {}, {}, never, never>;
+}
+export {};

package/lib/components/date-range-picker/date-range-picker.component.d.ts

@@ -0,0 +1,26 @@
+import { OnInit } from "@angular/core";
+import { ControlValueAccessor, FormGroup } from "@angular/forms";
+import { HeaderComponent } from "./components/header/header.component";
+import * as i0 from "@angular/core";
+export interface NiceDateRangePickerValue {
+    from: Date;
+    to: Date;
+}
+export declare class NiceDateRangePickerComponent implements OnInit, ControlValueAccessor {
+    readonly HeaderComponent: typeof HeaderComponent;
+    private picker;
+    min: Date;
+    max: Date;
+    nowIsMax: boolean;
+    allowClear: boolean;
+    formGroup: FormGroup;
+    now: Date;
+    value: NiceDateRangePickerValue;
+    private propage;
+    ngOnInit(): void;
+    writeValue(value: NiceDateRangePickerValue): void;
+    registerOnChange(fn: (value: NiceDateRangePickerValue) => void): void;
+    registerOnTouched(fn: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NiceDateRangePickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NiceDateRangePickerComponent, "nice-date-range-picker", never, { "min": "min"; "max": "max"; "nowIsMax": "nowIsMax"; "allowClear": "allowClear"; }, {}, never, never>;
+}

package/lib/components/date-range-picker/date-range-picker.module.d.ts

@@ -0,0 +1,18 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./date-range-picker.component";
+import * as i2 from "./components/range-preset/range-preset.component";
+import * as i3 from "./components/header/header.component";
+import * as i4 from "@angular/common";
+import * as i5 from "@angular/material/datepicker";
+import * as i6 from "@angular/material/form-field";
+import * as i7 from "@angular/material/card";
+import * as i8 from "@angular/material/button";
+import * as i9 from "@angular/material/icon";
+import * as i10 from "@ngx-translate/core";
+import * as i11 from "@angular/forms";
+import * as i12 from "../../pipes/pipes.module";
+export declare class NiceDateRangePickerModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NiceDateRangePickerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NiceDateRangePickerModule, [typeof i1.NiceDateRangePickerComponent, typeof i2.RangePresetComponent, typeof i3.HeaderComponent], [typeof i4.CommonModule, typeof i5.MatDatepickerModule, typeof i6.MatFormFieldModule, typeof i7.MatCardModule, typeof i8.MatButtonModule, typeof i9.MatIconModule, typeof i10.TranslateModule, typeof i11.ReactiveFormsModule, typeof i12.NicePipesModule], [typeof i1.NiceDateRangePickerComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NiceDateRangePickerModule>;
+}

package/lib/components/date-range-picker/index.d.ts

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

package/lib/components/date-range-picker/providers/date-range-picker.service.d.ts

@@ -0,0 +1,8 @@
+import { BehaviorSubject } from "rxjs";
+import * as i0 from "@angular/core";
+export declare class NiceDateRangePickerServiceService {
+    allowClear$: BehaviorSubject<boolean>;
+    setAllowClear(allowClear: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NiceDateRangePickerServiceService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<NiceDateRangePickerServiceService>;
+}

package/lib/components/date-range-picker/public-api.d.ts

@@ -0,0 +1,2 @@
+export * from "./date-range-picker.component";
+export * from "./date-range-picker.module";

package/lib/components/navigation/directives/show-hint.directive.d.ts

@@ -0,0 +1,34 @@
+import { Overlay } from "@angular/cdk/overlay";
+import { Platform } from "@angular/cdk/platform";
+import { AfterViewInit, ElementRef, NgZone, OnDestroy, ViewContainerRef } from "@angular/core";
+import { NiceNavigationItem } from "../navigation.types";
+import * as i0 from "@angular/core";
+export declare class NiceShowHintDirective implements AfterViewInit, OnDestroy {
+    private _overlay;
+    private _elementRef;
+    private _viewContainerRef;
+    private _ngZone;
+    private _platform;
+    shouldShow: boolean;
+    item: NiceNavigationItem;
+    private _pointerExitEventsInitialized;
+    private _portal;
+    private _hintInstance;
+    private _overlayRef;
+    private readonly _passiveListeners;
+    private readonly unsubscribeAll$;
+    constructor(_overlay: Overlay, _elementRef: ElementRef<HTMLElement>, _viewContainerRef: ViewContainerRef, _ngZone: NgZone, _platform: Platform);
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    show(): void;
+    hide(): void;
+    private _createOverlay;
+    private _detach;
+    private _isHintVisible;
+    private _setupPointerEnterEventsIfNeeded;
+    private _setupPointerExitEventsIfNeeded;
+    private _platformSupportsMouseEvents;
+    private _addListeners;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NiceShowHintDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NiceShowHintDirective, "[niceShowHint]", never, { "shouldShow": "shouldShow"; "item": "item"; }, {}, never>;
+}

package/lib/components/navigation/navigation.module.d.ts

@@ -12,17 +12,19 @@ import * as i10 from "./vertical/components/divider/divider.component";
 import * as i11 from "./vertical/components/group/group.component";
 import * as i12 from "./vertical/components/spacer/spacer.component";
 import * as i13 from "./vertical/vertical.component";
-import * as i14 from "@angular/common";
-import * as i15 from "@angular/router";
-import * as i16 from "@angular/material/button";
-import * as i17 from "@angular/material/divider";
-import * as i18 from "@angular/material/icon";
-import * as i19 from "@angular/material/menu";
-import * as i20 from "@angular/material/tooltip";
-import * as i21 from "../../directives/scrollbar/scrollbar.module";
-import * as i22 from "@ngx-translate/core";
+import * as i14 from "./pipes/should-show-hint.pipe";
+import * as i15 from "./directives/show-hint.directive";
+import * as i16 from "@angular/common";
+import * as i17 from "@angular/router";
+import * as i18 from "@angular/material/button";
+import * as i19 from "@angular/material/divider";
+import * as i20 from "@angular/material/icon";
+import * as i21 from "@angular/material/menu";
+import * as i22 from "@angular/material/tooltip";
+import * as i23 from "../../directives/scrollbar/scrollbar.module";
+import * as i24 from "@ngx-translate/core";
 export declare class NiceNavigationModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NiceNavigationModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NiceNavigationModule, [typeof i1.NiceNavigationComponent, typeof i2.NiceHorizontalNavigationBasicItemComponent, typeof i3.NiceHorizontalNavigationBranchItemComponent, typeof i4.NiceHorizontalNavigationDividerItemComponent, typeof i5.NiceHorizontalNavigationSpacerItemComponent, typeof i6.NiceHorizontalNavigationComponent, typeof i7.NiceVerticalNavigationAsideItemComponent, typeof i8.NiceVerticalNavigationBasicItemComponent, typeof i9.NiceVerticalNavigationCollapsableItemComponent, typeof i10.NiceVerticalNavigationDividerItemComponent, typeof i11.NiceVerticalNavigationGroupItemComponent, typeof i12.NiceVerticalNavigationSpacerItemComponent, typeof i13.NiceVerticalNavigationComponent], [typeof i14.CommonModule, typeof i15.RouterModule, typeof i16.MatButtonModule, typeof i17.MatDividerModule, typeof i18.MatIconModule, typeof i19.MatMenuModule, typeof i20.MatTooltipModule, typeof i21.NiceScrollbarModule, typeof i22.TranslateModule], [typeof i6.NiceHorizontalNavigationComponent, typeof i13.NiceVerticalNavigationComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NiceNavigationModule, [typeof i1.NiceNavigationComponent, typeof i2.NiceHorizontalNavigationBasicItemComponent, typeof i3.NiceHorizontalNavigationBranchItemComponent, typeof i4.NiceHorizontalNavigationDividerItemComponent, typeof i5.NiceHorizontalNavigationSpacerItemComponent, typeof i6.NiceHorizontalNavigationComponent, typeof i7.NiceVerticalNavigationAsideItemComponent, typeof i8.NiceVerticalNavigationBasicItemComponent, typeof i9.NiceVerticalNavigationCollapsableItemComponent, typeof i10.NiceVerticalNavigationDividerItemComponent, typeof i11.NiceVerticalNavigationGroupItemComponent, typeof i12.NiceVerticalNavigationSpacerItemComponent, typeof i13.NiceVerticalNavigationComponent, typeof i14.NiceShouldShowHintPipe, typeof i15.NiceShowHintDirective], [typeof i16.CommonModule, typeof i17.RouterModule, typeof i18.MatButtonModule, typeof i19.MatDividerModule, typeof i20.MatIconModule, typeof i21.MatMenuModule, typeof i22.MatTooltipModule, typeof i23.NiceScrollbarModule, typeof i24.TranslateModule], [typeof i6.NiceHorizontalNavigationComponent, typeof i13.NiceVerticalNavigationComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NiceNavigationModule>;
 }

package/lib/components/navigation/navigation.types.d.ts

@@ -1,3 +1,5 @@
+import { Type } from "@angular/core";
+import { NavigationHintResolver } from "./providers/hint.resolver";
 export declare type IconType = "fontawesome" | "material" | "svg";
 export interface NiceNavigationItem {
     id?: string;
@@ -28,6 +30,10 @@ export interface NiceNavigationItem {
     };
     children?: NiceNavigationItem[];
     meta?: any;
+    hint?: {
+        resolver: Type<NavigationHintResolver>;
+        component: Type<any>;
+    };
 }
 export declare type NiceVerticalNavigationAppearance = "default" | "compact" | "dense" | "thin";
 export declare type NiceVerticalNavigationMode = "over" | "side";

package/lib/components/navigation/pipes/should-show-hint.pipe.d.ts

@@ -0,0 +1,12 @@
+import { Injector, PipeTransform } from "@angular/core";
+import { Observable } from "rxjs";
+import { NiceNavigationItem } from "../navigation.types";
+import * as i0 from "@angular/core";
+export declare class NiceShouldShowHintPipe implements PipeTransform {
+    private injector;
+    constructor(injector: Injector);
+    transform(value: NiceNavigationItem | NiceNavigationItem[]): Observable<boolean>;
+    private transformHint;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NiceShouldShowHintPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<NiceShouldShowHintPipe, "niceShouldShowHint">;
+}

package/lib/components/navigation/providers/hint.resolver.d.ts

@@ -0,0 +1,4 @@
+import { Observable } from "rxjs";
+export declare abstract class NavigationHintResolver {
+    abstract shouldShowHint(): Observable<boolean>;
+}

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

@@ -4,6 +4,7 @@ export * from "./async-typeahead";
 export * from "./base-form";
 export * from "./card";
 export * from "./carousel";
+export * from "./date-range-picker";
 export * from "./drawer";
 export * from "./export-bottom-sheet";
 export * from "./form-error";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@recursyve/nice-ui-kit.v2",
-  "version": "13.2.0-beta.110",
+  "version": "13.2.0-beta.112",
   "exports": {
     ".": {
       "sass": "./_index.scss",

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;
+            }
+        }
+
+        .mat-button:hover:not(.mat-button-disabled) .mat-button-focus-overlay {
+            opacity: 0.2 !important;
+        }
+    }
+}

package/src/lib/components/navigation/vertical/styles/appearances/default.theme.scss

@@ -240,6 +240,14 @@
                         opacity: 0.4;
                     }
 
+                    .nice-vertical-navigation-item-icon-wrapper {
+                        position: relative;
+
+                        .nice-vertical-navigation-hint {
+                            display: none;
+                        }
+                    }
+
                     .nice-vertical-navigation-item-icon {
                         margin-right: 16px;
 
@@ -254,6 +262,20 @@
                     }
 
                     .nice-vertical-navigation-item-title-wrapper {
+                        .nice-vertical-navigation-item-title {
+                            position: relative;
+
+                            span {
+                                padding: 16px;
+                            }
+                        }
+
+                        .nice-vertical-navigation-hint {
+                            width: 8px;
+                            height: 8px;
+                            top: -4px;
+                            right: 4px
+                        }
 
                         .nice-vertical-navigation-item-subtitle {
                             font-size: 11px;
@@ -481,6 +503,9 @@
     nice-vertical-navigation-basic-item,
     nice-vertical-navigation-collapsable-item,
     nice-vertical-navigation-group-item {
+        .nice-vertical-navigation-hint {
+            @apply absolute h-2 w-2 rounded-full bg-accent;
+        }
 
         .nice-vertical-navigation-item-wrapper {
 
@@ -602,4 +627,17 @@
             }
         }
     }
+
+    nice-vertical-navigation {
+        &.nice-vertical-navigation-appearance-dense:not(.nice-vertical-navigation-hover) {
+            .nice-vertical-navigation-hint {
+                display: block !important;
+
+                width: 8px;
+                height: 8px;
+                top: -4px;
+                right: 8px
+            }
+        }
+    }
 }

package/src/lib/nice.theme.scss

@@ -8,6 +8,7 @@
 @import "./components/assets-carousel/assets-carousel.theme";
 @import "./components/base-form/base-form.theme";
 @import "./components/card/card.theme";
+@import "components/date-range-picker/date-range-picker.theme";
 @import "./components/drawer/drawer.theme";
 @import "./components/horizontal-stepper/horizontal-stepper.theme";
 @import "./components/navigation/horizontal/horizontal.theme";
@@ -21,6 +22,7 @@
     @include nice-assets-carousel-theme($theme);
     @include nice-base-form-theme($theme);
     @include nice-card-theme($theme);
+    @include nice-date-picker-theme($theme);
     @include nice-drawer-theme($theme);
     @include nice-horizontal-stepper-theme($theme);
     @include nice-toggle-button-group-theme($theme);