ngx-sfc-common 0.0.19 → 0.0.21

package/lib/components/button/button.component.d.ts

@@ -1,15 +1,16 @@
 import { ButtonType } from './button-type.enum';
 import { IconDefinition } from '@fortawesome/free-solid-svg-icons';
+import { IClassModel } from '../../models';
 import * as i0 from "@angular/core";
 export declare class ButtonComponent {
     private readonly BUTTON_DEFAULT_TEXT;
-    text: string;
+    text?: string;
     iconBefore?: IconDefinition;
     iconAfter?: IconDefinition;
     disabled: boolean;
     types: Array<ButtonType>;
-    get label(): string;
-    get classes(): any;
+    get label(): string | undefined;
+    get classes(): IClassModel;
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "sfc-button", never, { "text": "text"; "iconBefore": "iconBefore"; "iconAfter": "iconAfter"; "disabled": "disabled"; "types": "types"; }, {}, never, never, false, never>;
 }

package/lib/components/checkmark/checkmark.component.d.ts

@@ -6,7 +6,6 @@ export declare class CheckmarkComponent {
     disabled: boolean;
     icon: IconDefinition;
     type: CheckmarkType;
-    showNotActive: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<CheckmarkComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CheckmarkComponent, "sfc-checkmark", never, { "active": "active"; "disabled": "disabled"; "icon": "icon"; "type": "type"; "showNotActive": "showNotActive"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckmarkComponent, "sfc-checkmark", never, { "active": "active"; "disabled": "disabled"; "icon": "icon"; "type": "type"; }, {}, never, never, false, never>;
 }

package/lib/components/icon/icon.component.d.ts

@@ -1,8 +1,8 @@
 import { IconDefinition } from '@fortawesome/free-solid-svg-icons';
 import * as i0 from "@angular/core";
 export declare class IconComponent {
-    icon?: IconDefinition;
-    imageSrc?: string;
+    icon?: IconDefinition | null;
+    imageSrc?: string | null;
     get showImage(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<IconComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "sfc-icon", never, { "icon": "icon"; "imageSrc": "imageSrc"; }, {}, never, never, false, never>;

package/lib/components/index.d.ts

@@ -38,5 +38,7 @@ export { LoadMoreButtonComponent } from './load-more-button/load-more-button.com
 export { LoadContainerType } from './load-container/load-container.enum';
 export { LoaderFunction, FilterFunction, ILoadContainerModel } from './load-container/models/load-container.model';
 export { ILoadMoreParameters } from './load-container/models/load-more-parameters.model';
+export { ILoadMorePredicateParameters } from './load-container/models/load-more-predicate-parameters.model';
 export { ILoadMoreModel } from './load-container/models/load-more.model';
+export { LoadChangesSource } from './load-container/load-container.enum';
 export { IconComponent } from './icon/icon.component';

package/lib/components/load-container/load-container.component.d.ts

@@ -14,7 +14,6 @@ export declare class LoadContainerComponent implements OnDestroy {
     id: string;
     type: LoadContainerType;
     open: boolean;
-    size: number;
     loadMore: boolean;
     showEmpty: boolean;
     showLoadMoreButton: boolean;
@@ -35,6 +34,7 @@ export declare class LoadContainerComponent implements OnDestroy {
     private _loading;
     private set loading(value);
     private _subscription;
+    private source;
     constructor(loaderService: LoaderService, loadMoreService: LoadMoreService);
     ngOnDestroy(): void;
     more(event: MouseEvent): void;
@@ -44,6 +44,7 @@ export declare class LoadContainerComponent implements OnDestroy {
     private buildParameters;
     private buildDynamic;
     private buildStatic;
+    private resetParameters;
     static ɵfac: i0.ɵɵFactoryDeclaration<LoadContainerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LoadContainerComponent, "sfc-load-container", never, { "id": "id"; "type": "type"; "open": "open"; "size": "size"; "loadMore": "loadMore"; "showEmpty": "showEmpty"; "showLoadMoreButton": "showLoadMoreButton"; "loadMoreLabel": "loadMoreLabel"; "notFoundLabel": "notFoundLabel"; "model": "model"; "scrollTarget": "scrollTarget"; }, { "handleError": "handleError"; "handleSuccess": "handleSuccess"; "handleLoading": "handleLoading"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LoadContainerComponent, "sfc-load-container", never, { "id": "id"; "type": "type"; "open": "open"; "loadMore": "loadMore"; "showEmpty": "showEmpty"; "showLoadMoreButton": "showLoadMoreButton"; "loadMoreLabel": "loadMoreLabel"; "notFoundLabel": "notFoundLabel"; "model": "model"; "scrollTarget": "scrollTarget"; }, { "handleError": "handleError"; "handleSuccess": "handleSuccess"; "handleLoading": "handleLoading"; }, never, ["*"], false, never>;
 }

package/lib/components/load-container/load-container.enum.d.ts

@@ -2,3 +2,7 @@ export declare enum LoadContainerType {
     Dropdown = "dropdown",
     Table = "table"
 }
+export declare enum LoadChangesSource {
+    Parameters = "parameters",
+    Data = "data"
+}

package/lib/components/load-container/models/load-container.model.d.ts

@@ -1,10 +1,13 @@
 import { Observable } from "rxjs";
 import { ILoadMoreModel } from "./load-more.model";
 import { ILoadMoreParameters } from "./load-more-parameters.model";
-export declare type LoaderFunction = (parameters: ILoadMoreParameters) => Observable<ILoadMoreModel<any>>;
+import { ILoadMorePredicateParameters } from "./load-more-predicate-parameters.model";
+import { LoadChangesSource } from "../load-container.enum";
+export declare type LoaderFunction = (parameters: ILoadMoreParameters, source: LoadChangesSource) => Observable<ILoadMoreModel<any>>;
 export declare type FilterFunction = (data: any[], parameters: ILoadMoreParameters) => any[];
 export interface ILoadContainerModel {
-    predicate$?: Observable<any>;
+    size?: number;
+    predicate$?: Observable<ILoadMorePredicateParameters | null>;
     data$?: Observable<any[]>;
     loader?: LoaderFunction;
     filter?: FilterFunction;

package/lib/components/load-container/models/load-more-parameters.model.d.ts

@@ -1,4 +1,5 @@
+import { ILoadMorePredicateParameters } from "./load-more-predicate-parameters.model";
 export interface ILoadMoreParameters {
-    params: any;
+    params: ILoadMorePredicateParameters;
     page: number;
 }

package/lib/components/load-container/models/load-more-predicate-parameters.model.d.ts

@@ -0,0 +1,3 @@
+export interface ILoadMorePredicateParameters {
+    value: any;
+}

package/lib/components/load-container/models/load-more.model.d.ts

@@ -1,4 +1,5 @@
 export interface ILoadMoreModel<T> {
     next: boolean;
     items: T[];
+    reset: boolean;
 }

package/lib/components/load-container/service/load-more.service.d.ts

@@ -1,7 +1,7 @@
 import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class LoadMoreService {
-    readonly START_PAGE: number;
+    static readonly START_PAGE: number;
     private _page;
     private moreSubject;
     more$: Observable<number>;

package/lib/components/modal/directive/open/modal-open.directive.d.ts

@@ -5,7 +5,6 @@ export declare class ModalOpenDirective implements OnDestroy {
     private templateRef;
     private viewContainer;
     private modalService;
-    private _closeSubscription;
     private _openSubscription;
     constructor(templateRef: TemplateRef<any>, viewContainer: ViewContainerRef, modalService: ModalService);
     ngOnDestroy(): void;

package/lib/components/modal/footer/default/default-modal-footer.component.d.ts

@@ -10,7 +10,7 @@ export declare class DefaultModalFooterComponent implements OnInit {
     readonly BUTTON_CUSTOM_SIZE = 0.9;
     ComponentSize: typeof ComponentSize;
     ButtonType: typeof ButtonType;
-    model?: IDefaultModalFooterModel;
+    model: IDefaultModalFooterModel;
     constructor(modalService: ModalService);
     ngOnInit(): void;
     onButtonClick(isCancelButton?: boolean): void;

package/lib/components/modal/footer/default/default-modal-footer.model.d.ts

@@ -1,6 +1,8 @@
 export interface IDefaultModalFooterModel {
     cancelButton?: boolean;
+    cancelButtonText?: string;
+    onCancel?: (args: any) => void;
     applyButton?: boolean;
-    onCancel?: () => void;
-    onApply?: () => void;
+    applyButtonText?: string;
+    onApply?: (args: any) => void;
 }

package/lib/components/modal/header/default/default-modal-header.component.d.ts

@@ -6,7 +6,7 @@ import * as i0 from "@angular/core";
 export declare class DefaultModalHeaderComponent implements OnInit {
     private modalService;
     private readonly DEFAULT_MODAL_HEADER_MODEL;
-    model?: IDefaultModalHeaderModel;
+    model: IDefaultModalHeaderModel;
     get icon(): IconDefinition;
     constructor(modalService: ModalService);
     ngOnInit(): void;

package/lib/components/modal/header/default/default-modal-header.model.d.ts

@@ -1,6 +1,6 @@
 import { IconDefinition } from '@fortawesome/free-solid-svg-icons';
 export interface IDefaultModalHeaderModel {
     text?: string;
-    icon?: IconDefinition;
+    icon?: IconDefinition | null;
     showCloseIcon?: boolean;
 }

package/lib/components/modal/modal.component.d.ts

@@ -11,14 +11,16 @@ export declare class ModalComponent {
     body?: TemplateRef<any>;
     header?: TemplateRef<any>;
     footer?: TemplateRef<any>;
-    defaultHeaderModel?: IDefaultModalHeaderModel;
-    defaultFooterModel?: IDefaultModalFooterModel;
+    defaultHeaderModel: IDefaultModalHeaderModel;
+    defaultFooterModel: IDefaultModalFooterModel;
     hideOnEsc: boolean;
     hideOnClickOutside: boolean;
+    showHeader: boolean;
+    showFooter: boolean;
     onEscapeKeyDownHandler(): void;
     templates: QueryList<TemplateReferenceDirective> | undefined;
     constructor(modalService: ModalService);
     close(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ModalComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModalComponent, "sfc-modal", never, { "body": "body"; "header": "header"; "footer": "footer"; "defaultHeaderModel": "defaultHeaderModel"; "defaultFooterModel": "defaultFooterModel"; "hideOnEsc": "hideOnEsc"; "hideOnClickOutside": "hideOnClickOutside"; }, {}, ["templates"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModalComponent, "sfc-modal", never, { "body": "body"; "header": "header"; "footer": "footer"; "defaultHeaderModel": "defaultHeaderModel"; "defaultFooterModel": "defaultFooterModel"; "hideOnEsc": "hideOnEsc"; "hideOnClickOutside": "hideOnClickOutside"; "showHeader": "showHeader"; "showFooter": "showFooter"; }, {}, ["templates"], never, false, never>;
 }

package/lib/components/modal/service/modal.event.d.ts

@@ -0,0 +1,4 @@
+export interface IModalEvent {
+    open: boolean;
+    args?: any;
+}

package/lib/components/modal/service/modal.service.d.ts

@@ -1,12 +1,13 @@
 import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class ModalService {
-    private subjectClose;
-    private subjectOpen;
-    close$: Observable<void>;
-    open$: Observable<any>;
+    private subject;
+    modal$: Observable<any>;
+    get isOpen(): boolean;
+    args: any;
+    toggle(): void;
     close(): void;
-    open(options?: any): void;
+    open(args?: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ModalService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ModalService>;
 }

package/lib/constants/common.constants.d.ts

@@ -4,4 +4,5 @@ export declare class CommonConstants {
     static MOUSE_BUTTON_LEFT: number;
     static FULL_PERCENTAGE: number;
     static COMMON_TEXT_DELIMETER: string;
+    static PERCENTAGE_SYMBOL: string;
 }

package/lib/constants/ui.constants.d.ts

@@ -3,7 +3,10 @@ export declare class UIConstants {
     static CSS_PERCENTAGE: string;
     static CSS_DEGREES: string;
     static CSS_EM: string;
+    static CSS_CH: string;
     static CSS_INITIAL: string;
+    static CSS_INHERIT: string;
+    static CSS_NONE: string;
     static CSS_VISIBILITY_VISIBLE: string;
     static CSS_VISIBILITY_HIDDEN: string;
     static CSS_WIDTH: string;

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

@@ -0,0 +1,11 @@
+import { ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class IfDirective {
+    private el;
+    set sfcIf(show: boolean);
+    private display;
+    private get style();
+    constructor(el: ElementRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<IfDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IfDirective, "[sfcIf]", never, { "sfcIf": "sfcIf"; }, {}, never, never, false, never>;
+}

package/lib/directives/index.d.ts

@@ -1,6 +1,7 @@
 export { ClickOutsideDirective } from './click-outside/click-outside.directive';
 export { ClickOutsideEvent } from './click-outside/click-outside.event';
 export { ShowHideElementDirective } from './show-hide-element/show-hide-element.directive';
+export { IfDirective } from './if/if.directive';
 export { ThrowElementOnHoverDirective } from './throw-element-on-hover/throw-element-on-hover.directive';
 export { TemplateReferenceDirective } from './template-reference/template-reference.directive';
 export { MouseDownDirective } from './mouse-down/mouse-down.directive';

package/lib/directives/scroll-into-view/scroll-into-view.directive.d.ts

@@ -1,7 +1,11 @@
 import * as i0 from "@angular/core";
 export declare class ScrollIntoViewDirective {
-    set sfcScrollIntoView(value: HTMLElement);
+    set sfcScrollIntoView(target: HTMLElement);
+    /**
+     * Scroll into middle of local container(not whole page)
+     */
+    local: boolean;
     options: ScrollIntoViewOptions;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScrollIntoViewDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ScrollIntoViewDirective, "[sfcScrollIntoView]", never, { "sfcScrollIntoView": "sfcScrollIntoView"; "options": "options"; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScrollIntoViewDirective, "[sfcScrollIntoView]", never, { "sfcScrollIntoView": "sfcScrollIntoView"; "local": "local"; "options": "options"; }, {}, never, never, false, never>;
 }

package/lib/enums/compare.enum.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Flag for validation compare
+ */
+export declare enum Compare {
+    More = "more",
+    Less = "less"
+}

package/lib/enums/index.d.ts

@@ -6,3 +6,4 @@ export { SortingDirection } from './sorting-direction.enum';
 export { Theme } from './theme.enum';
 export { UIClass } from './ui.enum';
 export { Sequence } from './sequence.enum';
+export { Compare } from './compare.enum';

package/lib/models/class.model.d.ts

@@ -0,0 +1,3 @@
+export interface IClassModel {
+    [key: string]: boolean;
+}

package/lib/models/index.d.ts

@@ -0,0 +1 @@
+export { IClassModel } from './class.model';

package/lib/ngx-sfc-common.module.d.ts

@@ -1,42 +1,43 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./directives/click-outside/click-outside.directive";
 import * as i2 from "./directives/show-hide-element/show-hide-element.directive";
-import * as i3 from "./directives/throw-element-on-hover/throw-element-on-hover.directive";
-import * as i4 from "./directives/template-reference/template-reference.directive";
-import * as i5 from "./directives/mouse-down/mouse-down.directive";
-import * as i6 from "./directives/component-size/component-size.directive";
-import * as i7 from "./directives/destroy-parent/destroy-parent.directive";
-import * as i8 from "./directives/dom-changes/dom-changes.directive";
-import * as i9 from "./directives/scroll-tracker/scroll-tracker.directive";
-import * as i10 from "./directives/scroll-into-view/scroll-into-view.directive";
-import * as i11 from "./directives/image-size/image-load.directive";
-import * as i12 from "./components/button/button.component";
-import * as i13 from "./components/tooltip/tooltip.component";
-import * as i14 from "./components/delimeter/delimeter.component";
-import * as i15 from "./components/toggle-switcher/toggle-switcher.component";
-import * as i16 from "./components/checkmark/checkmark.component";
-import * as i17 from "./components/template-content/template-content.component";
-import * as i18 from "./components/close/close.component";
-import * as i19 from "./components/hamburger/default/hamburger.component";
-import * as i20 from "./components/hamburger/menu/hamburger-menu.component";
-import * as i21 from "./components/dots/dots.component";
-import * as i22 from "./components/pagination/pagination.component";
-import * as i23 from "./components/sorting/sorting.component";
-import * as i24 from "./components/load-more-button/load-more-button.component";
-import * as i25 from "./components/load-container/load-container.component";
-import * as i26 from "./components/icon/icon.component";
-import * as i27 from "./components/loader/bounce/bounce-loader.component";
-import * as i28 from "./components/loader/circle/circle-loader.component";
-import * as i29 from "./components/modal/modal.component";
-import * as i30 from "./components/modal/directive/open/modal-open.directive";
-import * as i31 from "./components/modal/directive/click/modal-open-on-click.directive";
-import * as i32 from "./components/modal/header/default/default-modal-header.component";
-import * as i33 from "./components/modal/footer/default/default-modal-footer.component";
-import * as i34 from "./pipes/switch-multi-case/switch-multi-case.pipe";
-import * as i35 from "@angular/common";
-import * as i36 from "@fortawesome/angular-fontawesome";
+import * as i3 from "./directives/if/if.directive";
+import * as i4 from "./directives/throw-element-on-hover/throw-element-on-hover.directive";
+import * as i5 from "./directives/template-reference/template-reference.directive";
+import * as i6 from "./directives/mouse-down/mouse-down.directive";
+import * as i7 from "./directives/component-size/component-size.directive";
+import * as i8 from "./directives/destroy-parent/destroy-parent.directive";
+import * as i9 from "./directives/dom-changes/dom-changes.directive";
+import * as i10 from "./directives/scroll-tracker/scroll-tracker.directive";
+import * as i11 from "./directives/scroll-into-view/scroll-into-view.directive";
+import * as i12 from "./directives/image-size/image-load.directive";
+import * as i13 from "./components/button/button.component";
+import * as i14 from "./components/tooltip/tooltip.component";
+import * as i15 from "./components/delimeter/delimeter.component";
+import * as i16 from "./components/toggle-switcher/toggle-switcher.component";
+import * as i17 from "./components/checkmark/checkmark.component";
+import * as i18 from "./components/template-content/template-content.component";
+import * as i19 from "./components/close/close.component";
+import * as i20 from "./components/hamburger/default/hamburger.component";
+import * as i21 from "./components/hamburger/menu/hamburger-menu.component";
+import * as i22 from "./components/dots/dots.component";
+import * as i23 from "./components/pagination/pagination.component";
+import * as i24 from "./components/sorting/sorting.component";
+import * as i25 from "./components/load-more-button/load-more-button.component";
+import * as i26 from "./components/load-container/load-container.component";
+import * as i27 from "./components/icon/icon.component";
+import * as i28 from "./components/loader/bounce/bounce-loader.component";
+import * as i29 from "./components/loader/circle/circle-loader.component";
+import * as i30 from "./components/modal/modal.component";
+import * as i31 from "./components/modal/directive/open/modal-open.directive";
+import * as i32 from "./components/modal/directive/click/modal-open-on-click.directive";
+import * as i33 from "./components/modal/header/default/default-modal-header.component";
+import * as i34 from "./components/modal/footer/default/default-modal-footer.component";
+import * as i35 from "./pipes/switch-multi-case/switch-multi-case.pipe";
+import * as i36 from "@angular/common";
+import * as i37 from "@fortawesome/angular-fontawesome";
 export declare class NgxSfcCommonModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NgxSfcCommonModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NgxSfcCommonModule, [typeof i1.ClickOutsideDirective, typeof i2.ShowHideElementDirective, typeof i3.ThrowElementOnHoverDirective, typeof i4.TemplateReferenceDirective, typeof i5.MouseDownDirective, typeof i6.ComponentSizeDirective, typeof i7.DestroyParentDirective, typeof i8.DomChangesDirective, typeof i9.ScrollTrackerDirective, typeof i10.ScrollIntoViewDirective, typeof i11.ImageLoadDirective, typeof i12.ButtonComponent, typeof i13.TooltipComponent, typeof i14.DelimeterComponent, typeof i15.ToggleSwitcherComponent, typeof i16.CheckmarkComponent, typeof i17.TemplateContentComponent, typeof i18.CloseComponent, typeof i19.HamburgerComponent, typeof i20.HamburgerMenuComponent, typeof i21.DotsComponent, typeof i22.PaginationComponent, typeof i23.SortingComponent, typeof i24.LoadMoreButtonComponent, typeof i25.LoadContainerComponent, typeof i26.IconComponent, typeof i27.BounceLoaderComponent, typeof i28.CircleLoaderComponent, typeof i29.ModalComponent, typeof i30.ModalOpenDirective, typeof i31.ModalOpenOnClickDirective, typeof i32.DefaultModalHeaderComponent, typeof i33.DefaultModalFooterComponent, typeof i34.SwitchMultiCasePipe], [typeof i35.CommonModule, typeof i36.FontAwesomeModule], [typeof i1.ClickOutsideDirective, typeof i2.ShowHideElementDirective, typeof i3.ThrowElementOnHoverDirective, typeof i4.TemplateReferenceDirective, typeof i5.MouseDownDirective, typeof i6.ComponentSizeDirective, typeof i7.DestroyParentDirective, typeof i8.DomChangesDirective, typeof i9.ScrollTrackerDirective, typeof i10.ScrollIntoViewDirective, typeof i11.ImageLoadDirective, typeof i12.ButtonComponent, typeof i13.TooltipComponent, typeof i14.DelimeterComponent, typeof i18.CloseComponent, typeof i16.CheckmarkComponent, typeof i17.TemplateContentComponent, typeof i15.ToggleSwitcherComponent, typeof i21.DotsComponent, typeof i19.HamburgerComponent, typeof i20.HamburgerMenuComponent, typeof i22.PaginationComponent, typeof i23.SortingComponent, typeof i24.LoadMoreButtonComponent, typeof i25.LoadContainerComponent, typeof i26.IconComponent, typeof i27.BounceLoaderComponent, typeof i28.CircleLoaderComponent, typeof i29.ModalComponent, typeof i30.ModalOpenDirective, typeof i31.ModalOpenOnClickDirective, typeof i32.DefaultModalHeaderComponent, typeof i33.DefaultModalFooterComponent, typeof i34.SwitchMultiCasePipe]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgxSfcCommonModule, [typeof i1.ClickOutsideDirective, typeof i2.ShowHideElementDirective, typeof i3.IfDirective, typeof i4.ThrowElementOnHoverDirective, typeof i5.TemplateReferenceDirective, typeof i6.MouseDownDirective, typeof i7.ComponentSizeDirective, typeof i8.DestroyParentDirective, typeof i9.DomChangesDirective, typeof i10.ScrollTrackerDirective, typeof i11.ScrollIntoViewDirective, typeof i12.ImageLoadDirective, typeof i13.ButtonComponent, typeof i14.TooltipComponent, typeof i15.DelimeterComponent, typeof i16.ToggleSwitcherComponent, typeof i17.CheckmarkComponent, typeof i18.TemplateContentComponent, typeof i19.CloseComponent, typeof i20.HamburgerComponent, typeof i21.HamburgerMenuComponent, typeof i22.DotsComponent, typeof i23.PaginationComponent, typeof i24.SortingComponent, typeof i25.LoadMoreButtonComponent, typeof i26.LoadContainerComponent, typeof i27.IconComponent, typeof i28.BounceLoaderComponent, typeof i29.CircleLoaderComponent, typeof i30.ModalComponent, typeof i31.ModalOpenDirective, typeof i32.ModalOpenOnClickDirective, typeof i33.DefaultModalHeaderComponent, typeof i34.DefaultModalFooterComponent, typeof i35.SwitchMultiCasePipe], [typeof i36.CommonModule, typeof i37.FontAwesomeModule], [typeof i1.ClickOutsideDirective, typeof i2.ShowHideElementDirective, typeof i3.IfDirective, typeof i4.ThrowElementOnHoverDirective, typeof i5.TemplateReferenceDirective, typeof i6.MouseDownDirective, typeof i7.ComponentSizeDirective, typeof i8.DestroyParentDirective, typeof i9.DomChangesDirective, typeof i10.ScrollTrackerDirective, typeof i11.ScrollIntoViewDirective, typeof i12.ImageLoadDirective, typeof i13.ButtonComponent, typeof i14.TooltipComponent, typeof i15.DelimeterComponent, typeof i19.CloseComponent, typeof i17.CheckmarkComponent, typeof i18.TemplateContentComponent, typeof i16.ToggleSwitcherComponent, typeof i22.DotsComponent, typeof i20.HamburgerComponent, typeof i21.HamburgerMenuComponent, typeof i23.PaginationComponent, typeof i24.SortingComponent, typeof i25.LoadMoreButtonComponent, typeof i26.LoadContainerComponent, typeof i27.IconComponent, typeof i28.BounceLoaderComponent, typeof i29.CircleLoaderComponent, typeof i30.ModalComponent, typeof i31.ModalOpenDirective, typeof i32.ModalOpenOnClickDirective, typeof i33.DefaultModalHeaderComponent, typeof i34.DefaultModalFooterComponent, typeof i35.SwitchMultiCasePipe]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NgxSfcCommonModule>;
 }

package/lib/utils/collections.utils.d.ts

@@ -54,6 +54,13 @@ export declare function lastItem<T>(collection: Array<T>): T | null | undefined;
  * @returns True if all values match predicate
  */
 export declare function all<T>(collection: Array<T>, predicate: (item: T) => boolean): boolean;
+/**
+ * Return count by predicate
+ * @param collection Array of objects
+ * @param predicate Function to define check logic
+ * @returns Items count
+ */
+export declare function count<T>(collection: Array<T>, predicate: (item: T) => boolean): number;
 /**
  * Return items from collection by predicate function
  * @param collection Array of items

package/lib/utils/common.utils.d.ts

@@ -69,3 +69,10 @@ export declare function isEmail(value: string): boolean;
  * @returns parsed string as boolean
  */
 export declare function parseBoolean(value: string): boolean;
+/**
+ * Return true if values equal
+ * @param obj1 First value to compare
+ * @param obj2 Second value to compare
+ * @returns True if equal
+ */
+export declare function isEqual(obj1: any, obj2: any): boolean;

package/lib/utils/date-time.utils.d.ts

@@ -52,6 +52,12 @@ export declare function setDefaultSecondsAndMiliseconds(date: Date): Date;
  * @returns Next date
  */
 export declare function getNextDate(date: Date): Date;
+/**
+ * Get previous date
+ * @param date Date value
+ * @returns Previous date
+ */
+export declare function getPreviousDate(date: Date): Date;
 /**
  * Get next month as date
  * @param date Date value
@@ -127,6 +133,13 @@ export declare function getWeeksNumberInMonth(date: Date): number;
  * @returns True if first and second date are equal
  */
 export declare function isEqualDates(date1: Date, date2: Date): boolean;
+/**
+ * Return true if first and second datetime are equal
+ * @param date1 First datetime value
+ * @param date2 Second datetime value
+ * @returns True if first and second datetime are equal
+ */
+export declare function isEqualDateTimes(date1: Date, date2: Date): boolean;
 /**
  * Return true if first date greater than second date
  * @param date1 First date value
@@ -155,3 +168,15 @@ export declare function isDateTimeGreat(date1: Date, date2: Date): boolean;
  * @returns True if first date time greater or equal to second date time
  */
 export declare function isDateTimeGreatOrEqual(date1: Date, date2: Date): boolean;
+/**
+ * Convert UTC date to local
+ * @param date Date value
+ * @returns Locale date
+ */
+export declare function convertUTCDateToLocalDate(date: Date): Date;
+/**
+ * Convert Json representation of timestamp to date value
+ * @param timestamp Timestamp for example - 12:23:45
+ * @returns Date value
+ */
+export declare function convertTimestampToDate(timestamp: string): Date;

package/lib/utils/file.utils.d.ts

@@ -23,3 +23,16 @@ export declare function readAsDataURL(file: File, onLoad: (result: string | Arra
  * @returns True if file is image
  */
 export declare function isImage(file: File): boolean;
+/**
+ * Convert file to base64 string
+ * @param file File value
+ * @returns Base64 string
+ */
+export declare function convertToBase64String(file: File): Promise<string>;
+/**
+ * Convert base64 string to file
+ * @param base64 Base64 string
+ * @param name File name
+ * @returns File value
+ */
+export declare function convertFromBase64String(base64: string, name: string): Promise<File>;

package/lib/utils/index.d.ts

@@ -1,6 +1,6 @@
-export { isDefined, isObject, isAsyncData, addPropertyToObject, removePropertyFromObject, mergeDeep, nameof, isNumeric, isChromeBrowser, isEmail, parseBoolean } from './common.utils';
+export { isDefined, isObject, isAsyncData, addPropertyToObject, removePropertyFromObject, mergeDeep, nameof, isNumeric, isChromeBrowser, isEmail, parseBoolean, isEqual } from './common.utils';
 export { isNullOrEmptyString, contains, trim } from './string.utils';
-export { setMinutes, setHours, setDay, setYear, setSeconds, setMilliseconds, setDefaultSecondsAndMiliseconds, getNextDate, getNextMonth, getPreviousMonth, getNextYear, getPreviousYear, getFirstDayOfMonth, getLastDayOfMonth, getFirstDayOfYear, getLastDayOfYear, getFirstDayOfMonthByYearAndMonth, getLastDayOfMonthByYearAndMonth, getWeeksNumberInMonth, isEqualDates, isDateGreat, isDateGreatOrEqual, isDateTimeGreat, isDateTimeGreatOrEqual } from './date-time.utils';
-export { parseFileSize, getFileExtension, readAsDataURL, isImage } from './file.utils';
+export { setMinutes, setHours, setDay, setYear, setSeconds, setMilliseconds, setDefaultSecondsAndMiliseconds, getNextDate, getPreviousDate, getNextMonth, getPreviousMonth, getNextYear, getPreviousYear, getFirstDayOfMonth, getLastDayOfMonth, getFirstDayOfYear, getLastDayOfYear, getFirstDayOfMonthByYearAndMonth, getLastDayOfMonthByYearAndMonth, getWeeksNumberInMonth, isEqualDates, isEqualDateTimes, isDateGreat, isDateGreatOrEqual, isDateTimeGreat, isDateTimeGreatOrEqual, convertUTCDateToLocalDate, convertTimestampToDate } from './date-time.utils';
+export { parseFileSize, getFileExtension, readAsDataURL, isImage, convertToBase64String, convertFromBase64String } from './file.utils';
 export { getCssLikeValue, getValueFromCssLikeValue, getCalcValue, getRotateValue, addClasses, removeClasses, rgbToHex, hexToRgb, replaceRgbOpacity } from './ui.utils';
-export { any, hasItem, hasItemBy, hasObjectItem, firstOrDefault, firstItem, lastItem, all, where, skip, sort, sortBy, sortByPath, distinct, sum, max, remove, addItem, removeItem, removeItemBy, updateItemBy, getCollectionOrEmpty } from './collections.utils';
+export { any, hasItem, hasItemBy, hasObjectItem, firstOrDefault, firstItem, lastItem, all, where, skip, sort, sortBy, sortByPath, distinct, sum, max, remove, addItem, removeItem, removeItemBy, updateItemBy, getCollectionOrEmpty, count } from './collections.utils';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-sfc-common",
-  "version": "0.0.19",
+  "version": "0.0.21",
   "description": "Angular common(shared) library for SFC project",
   "keywords": [
     "Street Football Club",

package/styles/_colors.scss

@@ -11,6 +11,7 @@ $color-8: #656d78 !default;
 $color-9: #434a54 !default;
 $color-10: #34323d !default;
 $color-11: #1b1d1f !default;
+$color-12: #000 !default;
 
 // shades
 $color-shadow-0: #00000005 !default;

package/styles/_index.scss

@@ -1,2 +1,4 @@
 @import "variables";
 @import "mixins";
+@import "mixins-scroll";
+@import "mixins-delimeter";

package/styles/_mixins-delimeter.scss

@@ -0,0 +1,21 @@
+@mixin delimeter-color($direction, $slice, $value-common, $value-dark) {
+  @include theme-value(
+    border-image,
+    linear-gradient(to $direction, $value-common) $slice,
+    linear-gradient(to $direction, $value-dark) $slice
+  );
+}
+
+@mixin delimeter-same-as-default() {
+  ::ng-deep sfc-delimeter {
+    &.horizontal {
+      &::before {
+        @include delimeter-color(right, 100% 1, $delimeter-common-color, $delimeter-common-color);
+      }
+
+      &::after {
+        @include delimeter-color(left, 100% 1, $delimeter-common-color, $delimeter-common-color);
+      }
+    }
+  }
+}

package/styles/_mixins-scroll.scss

@@ -0,0 +1,38 @@
+@mixin scroll($selector: "::ng-deep") {
+  #{$selector} ::-webkit-scrollbar {
+    @include square-size(0.375em);
+  }
+
+  #{$selector} ::-webkit-scrollbar-track {
+    border-radius: 0.625em;
+    background: $color-4;
+  }
+
+  #{$selector} ::-webkit-scrollbar-thumb {
+    border-radius: 0.625em;
+    background: rgb(0 0 0 / 20%);
+  }
+
+  #{$selector} ::-webkit-scrollbar-thumb:hover {
+    background: rgb(0 0 0 / 40%);
+  }
+
+  #{$selector} ::-webkit-scrollbar-thumb:active {
+    background: rgb(0 0 0 / 60%);
+  }
+}
+
+@mixin scroll-round-bordered($selector: "::ng-deep") {
+  #{$selector} ::-webkit-scrollbar {
+    width: 1em;
+  }
+
+  #{$selector} ::-webkit-scrollbar-thumb {
+    border: 0.35em solid rgb(0 0 0 / 0%);
+    background-clip: padding-box;
+  }
+
+  #{$selector} ::-webkit-scrollbar-track {
+    background: transparent;
+  }
+}