ngx-sfc-common 0.0.26 → 0.0.28

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

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

package/lib/components/index.d.ts

@@ -44,3 +44,4 @@ export { IconComponent } from './icon/icon.component';
 export { CollapseExpandComponent } from './collapse-expand/collapse-expand.component';
 export { CollapseExpandContainerComponent } from './collapse-expand-container/collapse-expand-container.component';
 export { ToggleComponent } from './toggle/toggle.component';
+export { MessageComponent } from './message/message.component';

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

@@ -1,4 +1,5 @@
 export declare enum LoadContainerLoadType {
+    Common = "common",
     Button = "button",
     Scroll = "scroll",
     Pagination = "pagination"

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

@@ -1,4 +1,5 @@
 export declare enum LoadContainerType {
     Dropdown = "dropdown",
-    Table = "table"
+    Table = "table",
+    Container = "container"
 }

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

@@ -3,7 +3,7 @@ import { ComponentSize, Position } from '../../enums';
 import { ILoadContainerResultModel } from './models/load-container-result.model';
 import { LoaderService } from '../loader/service/loader.service';
 import { ILoadContainerModel } from './models/load-container.model';
-import { LoadMoreService, PaginationService, SortingService } from '../../services';
+import { LoadMoreService, PaginationService, ReloadService, SortingService } from '../../services';
 import { LoadContainerType } from './enums/load-container-type.enum';
 import * as i0 from "@angular/core";
 export declare class LoadContainerComponent implements OnDestroy {
@@ -11,6 +11,7 @@ export declare class LoadContainerComponent implements OnDestroy {
     private loadMoreService;
     private paginationService;
     private sortingService;
+    private reloadService;
     ComponentSize: typeof ComponentSize;
     Position: typeof Position;
     id: string;
@@ -48,7 +49,7 @@ export declare class LoadContainerComponent implements OnDestroy {
     private _subscription;
     private source;
     private predicateChanged;
-    constructor(loaderService: LoaderService, loadMoreService: LoadMoreService, paginationService: PaginationService, sortingService: SortingService);
+    constructor(loaderService: LoaderService, loadMoreService: LoadMoreService, paginationService: PaginationService, sortingService: SortingService, reloadService: ReloadService);
     ngOnDestroy(): void;
     more(event: MouseEvent): void;
     onScroll(): void;

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

@@ -1,3 +1,4 @@
 export interface ILoadContainerPredicateParameters {
     value: any;
+    reload?: boolean;
 }

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

@@ -0,0 +1,9 @@
+import { NotificationType } from '../../enums';
+import { empty } from '../../types';
+import * as i0 from "@angular/core";
+export declare class MessageComponent {
+    message: string | empty;
+    type: NotificationType;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MessageComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MessageComponent, "sfc-message", never, { "message": "message"; "type": "type"; }, {}, never, never, false, never>;
+}

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

@@ -1,13 +1,16 @@
 import { OnDestroy, OnInit, TemplateRef, ViewContainerRef } from '@angular/core';
 import { ModalService } from '../../service/modal.service';
+import { IModalOpenOnClickModel } from './modal-open-on-click.model';
 import * as i0 from "@angular/core";
 export declare class ModalOpenOnClickDirective implements OnInit, OnDestroy {
     private templateRef;
     private viewContainer;
     private modalService;
-    set modalOpenOnClick(elements: HTMLElement | HTMLElement[]);
-    private clickHandler;
+    set modalOpenOnClick(model: IModalOpenOnClickModel);
+    private _id;
+    get id(): string;
     private elements;
+    private clickHandler;
     private _closeSubscription?;
     constructor(templateRef: TemplateRef<any>, viewContainer: ViewContainerRef, modalService: ModalService);
     ngOnInit(): void;

package/lib/components/modal/directive/click/modal-open-on-click.model.d.ts

@@ -0,0 +1,4 @@
+export interface IModalOpenOnClickModel {
+    id: string;
+    elements: HTMLElement | HTMLElement[];
+}

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

@@ -5,9 +5,10 @@ export declare class ModalOpenDirective implements OnDestroy {
     private templateRef;
     private viewContainer;
     private modalService;
+    id: string;
     private _openSubscription;
     constructor(templateRef: TemplateRef<any>, viewContainer: ViewContainerRef, modalService: ModalService);
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ModalOpenDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ModalOpenDirective, "[sfcModalOpen]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ModalOpenDirective, "[sfcModalOpen]", never, { "id": "sfcModalOpen"; }, {}, never, never, false, never>;
 }

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

@@ -3,17 +3,18 @@ import { IDefaultModalFooterModel } from './default-modal-footer.model';
 import { ButtonType } from '../../../button/button-type.enum';
 import { ComponentSize } from '../../../../enums';
 import { ModalService } from '../../service/modal.service';
+import { DefaultModalFooterConstants } from './default-modal-footer.constants';
 import * as i0 from "@angular/core";
 export declare class DefaultModalFooterComponent implements OnInit {
     private modalService;
-    private readonly DEFAULT_MODAL_FOOTER_MODEL;
-    readonly BUTTON_CUSTOM_SIZE = 0.9;
     ComponentSize: typeof ComponentSize;
     ButtonType: typeof ButtonType;
+    Constants: typeof DefaultModalFooterConstants;
+    id: string;
     model: IDefaultModalFooterModel;
     constructor(modalService: ModalService);
     ngOnInit(): void;
     onButtonClick(isCancelButton?: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DefaultModalFooterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DefaultModalFooterComponent, "sfc-default-modal-footer", never, { "model": "model"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DefaultModalFooterComponent, "sfc-default-modal-footer", never, { "id": "id"; "model": "model"; }, {}, never, never, false, never>;
 }

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

@@ -0,0 +1,5 @@
+import { IDefaultModalFooterModel } from "./default-modal-footer.model";
+export declare class DefaultModalFooterConstants {
+    static BUTTON_CUSTOM_SIZE: number;
+    static DEFAULT_MODAL_FOOTER_MODEL: IDefaultModalFooterModel;
+}

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

@@ -5,12 +5,12 @@ import { IconDefinition } from '@fortawesome/free-solid-svg-icons';
 import * as i0 from "@angular/core";
 export declare class DefaultModalHeaderComponent implements OnInit {
     private modalService;
-    private readonly DEFAULT_MODAL_HEADER_MODEL;
+    id: string;
     model: IDefaultModalHeaderModel;
     get icon(): IconDefinition;
     constructor(modalService: ModalService);
     ngOnInit(): void;
     onClose(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DefaultModalHeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DefaultModalHeaderComponent, "sfc-default-modal-header", never, { "model": "model"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DefaultModalHeaderComponent, "sfc-default-modal-header", never, { "id": "id"; "model": "model"; }, {}, never, never, false, never>;
 }

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

@@ -0,0 +1,4 @@
+import { IDefaultModalHeaderModel } from "./default-modal-header.model";
+export declare class DefaultModalHeaderConstants {
+    static DEFAULT_MODAL_HEADER_MODEL: IDefaultModalHeaderModel;
+}

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

@@ -1,12 +1,17 @@
-import { QueryList, TemplateRef } from '@angular/core';
+import { AfterViewInit, OnDestroy, QueryList, TemplateRef } from '@angular/core';
+import { ModalOpenDirective } from './directive/open/modal-open.directive';
 import { TemplateReferenceDirective } from '../../directives';
 import { IDefaultModalFooterModel } from './footer/default/default-modal-footer.model';
 import { IDefaultModalHeaderModel } from './header/default/default-modal-header.model';
 import { ModalTemplate } from './modal-template.enum';
 import { ModalService } from './service/modal.service';
+import { ModalOpenOnClickDirective } from './directive/click/modal-open-on-click.directive';
 import * as i0 from "@angular/core";
-export declare class ModalComponent {
-    private modalService;
+export declare class ModalComponent implements AfterViewInit, OnDestroy {
+    modalService: ModalService;
+    private document;
+    private openDirective;
+    private openOnClickDirective;
     ModalTemplate: typeof ModalTemplate;
     body?: TemplateRef<any>;
     header?: TemplateRef<any>;
@@ -19,8 +24,12 @@ export declare class ModalComponent {
     showFooter: boolean;
     onEscapeKeyDownHandler(): void;
     templates: QueryList<TemplateReferenceDirective> | undefined;
-    constructor(modalService: ModalService);
+    get id(): string;
+    private bodyOverflow;
+    constructor(modalService: ModalService, document: Document, openDirective: ModalOpenDirective, openOnClickDirective: ModalOpenOnClickDirective);
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     close(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ModalComponent, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModalComponent, [null, null, { optional: true; }, { optional: true; }]>;
     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

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

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

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

package/lib/components/toggle-switcher/toggle-switcher.component.d.ts

@@ -1,3 +1,4 @@
+import { EventEmitter } from '@angular/core';
 import { IToggleSwitcherModel } from './toggle-switcher.model';
 import * as i0 from "@angular/core";
 export declare class ToggleSwitcherComponent {
@@ -5,8 +6,9 @@ export declare class ToggleSwitcherComponent {
     disabled: boolean;
     leftModel: IToggleSwitcherModel;
     rightModel: IToggleSwitcherModel;
-    onClick: () => boolean;
+    toggle: EventEmitter<boolean>;
+    onClick: () => void;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<ToggleSwitcherComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ToggleSwitcherComponent, "sfc-toggle-switcher", never, { "active": "active"; "disabled": "disabled"; "leftModel": "leftModel"; "rightModel": "rightModel"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToggleSwitcherComponent, "sfc-toggle-switcher", never, { "active": "active"; "disabled": "disabled"; "leftModel": "leftModel"; "rightModel": "rightModel"; }, { "toggle": "toggle"; }, never, never, false, never>;
 }

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

@@ -18,5 +18,6 @@ export declare class UIConstants {
     static CSS_CLASS_FIXED: string;
     static CSS_CLASS_BACKGROUND: string;
     static CSS_CLASS_TOP: string;
+    static CSS_CLASS_SCROLL: string;
     static RGB_OPACITY_PLACEHOLDER: string;
 }

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

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

package/lib/enums/index.d.ts

@@ -7,3 +7,7 @@ export { Theme } from './theme.enum';
 export { UIClass } from './ui.enum';
 export { Sequence } from './sequence.enum';
 export { Compare } from './compare.enum';
+export { State } from './state.enum';
+export { NotificationType } from './notification-type.enum';
+export { Select } from './select.enum';
+export { ItemsView } from './items-view.enum';

package/lib/enums/items-view.enum.d.ts

@@ -0,0 +1,5 @@
+export declare enum ItemsView {
+    List = "list",
+    Icons = "icons",
+    Cards = "cards"
+}

package/lib/enums/notification-type.enum.d.ts

@@ -0,0 +1,5 @@
+export declare enum NotificationType {
+    Info = "info",
+    Success = "success",
+    Failed = "failed"
+}

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

@@ -0,0 +1,4 @@
+export declare enum Select {
+    Single = "single",
+    Multiple = "multiple"
+}

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

@@ -0,0 +1,4 @@
+export declare enum State {
+    Added = "added",
+    Removed = "removed"
+}

package/lib/models/index.d.ts

@@ -1 +1,3 @@
 export { IClassModel } from './class.model';
+export { ISelectModel } from './select.model';
+export { ObservableModel } from './observable.model';

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

@@ -0,0 +1,8 @@
+import { BehaviorSubject, Observable } from "rxjs";
+export declare class ObservableModel<T> {
+    private defaultValue;
+    constructor(defaultValue?: T | null);
+    subject: BehaviorSubject<T>;
+    value$: Observable<T>;
+    get value(): T | null;
+}

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

@@ -0,0 +1,4 @@
+export interface ISelectModel {
+    active: boolean;
+    disabled: boolean;
+}

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

@@ -31,19 +31,21 @@ import * as i29 from "./components/icon/icon.component";
 import * as i30 from "./components/collapse-expand/collapse-expand.component";
 import * as i31 from "./components/collapse-expand-container/collapse-expand-container.component";
 import * as i32 from "./components/toggle/toggle.component";
-import * as i33 from "./components/loader/bounce/bounce-loader.component";
-import * as i34 from "./components/loader/circle/circle-loader.component";
-import * as i35 from "./components/modal/modal.component";
-import * as i36 from "./components/modal/directive/open/modal-open.directive";
-import * as i37 from "./components/modal/directive/click/modal-open-on-click.directive";
-import * as i38 from "./components/modal/header/default/default-modal-header.component";
-import * as i39 from "./components/modal/footer/default/default-modal-footer.component";
-import * as i40 from "./pipes/switch-multi-case/switch-multi-case.pipe";
-import * as i41 from "./pipes/sort-by/sort-by.pipe";
-import * as i42 from "@angular/common";
-import * as i43 from "@fortawesome/angular-fontawesome";
+import * as i33 from "./components/message/message.component";
+import * as i34 from "./components/loader/bounce/bounce-loader.component";
+import * as i35 from "./components/loader/circle/circle-loader.component";
+import * as i36 from "./components/modal/modal.component";
+import * as i37 from "./components/modal/directive/open/modal-open.directive";
+import * as i38 from "./components/modal/directive/click/modal-open-on-click.directive";
+import * as i39 from "./components/modal/header/default/default-modal-header.component";
+import * as i40 from "./components/modal/footer/default/default-modal-footer.component";
+import * as i41 from "./pipes/switch-multi-case/switch-multi-case.pipe";
+import * as i42 from "./pipes/sort-by/sort-by.pipe";
+import * as i43 from "./pipes/repeat/repeat.pipe";
+import * as i44 from "@angular/common";
+import * as i45 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.CollapseExpandDirective, typeof i4.IfDirective, typeof i5.ThrowElementOnHoverDirective, typeof i6.TemplateReferenceDirective, typeof i7.MouseDownDirective, typeof i8.ComponentSizeDirective, typeof i9.DestroyParentDirective, typeof i10.DomChangesDirective, typeof i11.ScrollTrackerDirective, typeof i12.ScrollIntoViewDirective, typeof i13.ImageLoadDirective, typeof i14.ComponentReferenceDirective, typeof i15.ButtonComponent, typeof i16.TooltipComponent, typeof i17.DelimeterComponent, typeof i18.ToggleSwitcherComponent, typeof i19.CheckmarkComponent, typeof i20.TemplateContentComponent, typeof i21.CloseComponent, typeof i22.HamburgerComponent, typeof i23.HamburgerMenuComponent, typeof i24.DotComponent, typeof i25.DotsComponent, typeof i26.PaginationComponent, typeof i27.LoadMoreButtonComponent, typeof i28.LoadContainerComponent, typeof i29.IconComponent, typeof i30.CollapseExpandComponent, typeof i31.CollapseExpandContainerComponent, typeof i32.ToggleComponent, typeof i33.BounceLoaderComponent, typeof i34.CircleLoaderComponent, typeof i35.ModalComponent, typeof i36.ModalOpenDirective, typeof i37.ModalOpenOnClickDirective, typeof i38.DefaultModalHeaderComponent, typeof i39.DefaultModalFooterComponent, typeof i40.SwitchMultiCasePipe, typeof i41.SortByPipe], [typeof i42.CommonModule, typeof i43.FontAwesomeModule], [typeof i1.ClickOutsideDirective, typeof i2.ShowHideElementDirective, typeof i3.CollapseExpandDirective, typeof i4.IfDirective, typeof i5.ThrowElementOnHoverDirective, typeof i6.TemplateReferenceDirective, typeof i7.MouseDownDirective, typeof i8.ComponentSizeDirective, typeof i9.DestroyParentDirective, typeof i10.DomChangesDirective, typeof i11.ScrollTrackerDirective, typeof i12.ScrollIntoViewDirective, typeof i13.ImageLoadDirective, typeof i14.ComponentReferenceDirective, typeof i15.ButtonComponent, typeof i16.TooltipComponent, typeof i17.DelimeterComponent, typeof i21.CloseComponent, typeof i19.CheckmarkComponent, typeof i20.TemplateContentComponent, typeof i18.ToggleSwitcherComponent, typeof i24.DotComponent, typeof i25.DotsComponent, typeof i22.HamburgerComponent, typeof i23.HamburgerMenuComponent, typeof i26.PaginationComponent, typeof i27.LoadMoreButtonComponent, typeof i28.LoadContainerComponent, typeof i29.IconComponent, typeof i30.CollapseExpandComponent, typeof i31.CollapseExpandContainerComponent, typeof i32.ToggleComponent, typeof i33.BounceLoaderComponent, typeof i34.CircleLoaderComponent, typeof i35.ModalComponent, typeof i36.ModalOpenDirective, typeof i37.ModalOpenOnClickDirective, typeof i38.DefaultModalHeaderComponent, typeof i39.DefaultModalFooterComponent, typeof i40.SwitchMultiCasePipe, typeof i41.SortByPipe]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgxSfcCommonModule, [typeof i1.ClickOutsideDirective, typeof i2.ShowHideElementDirective, typeof i3.CollapseExpandDirective, typeof i4.IfDirective, typeof i5.ThrowElementOnHoverDirective, typeof i6.TemplateReferenceDirective, typeof i7.MouseDownDirective, typeof i8.ComponentSizeDirective, typeof i9.DestroyParentDirective, typeof i10.DomChangesDirective, typeof i11.ScrollTrackerDirective, typeof i12.ScrollIntoViewDirective, typeof i13.ImageLoadDirective, typeof i14.ComponentReferenceDirective, typeof i15.ButtonComponent, typeof i16.TooltipComponent, typeof i17.DelimeterComponent, typeof i18.ToggleSwitcherComponent, typeof i19.CheckmarkComponent, typeof i20.TemplateContentComponent, typeof i21.CloseComponent, typeof i22.HamburgerComponent, typeof i23.HamburgerMenuComponent, typeof i24.DotComponent, typeof i25.DotsComponent, typeof i26.PaginationComponent, typeof i27.LoadMoreButtonComponent, typeof i28.LoadContainerComponent, typeof i29.IconComponent, typeof i30.CollapseExpandComponent, typeof i31.CollapseExpandContainerComponent, typeof i32.ToggleComponent, typeof i33.MessageComponent, typeof i34.BounceLoaderComponent, typeof i35.CircleLoaderComponent, typeof i36.ModalComponent, typeof i37.ModalOpenDirective, typeof i38.ModalOpenOnClickDirective, typeof i39.DefaultModalHeaderComponent, typeof i40.DefaultModalFooterComponent, typeof i41.SwitchMultiCasePipe, typeof i42.SortByPipe, typeof i43.RepeatPipe], [typeof i44.CommonModule, typeof i45.FontAwesomeModule], [typeof i1.ClickOutsideDirective, typeof i2.ShowHideElementDirective, typeof i3.CollapseExpandDirective, typeof i4.IfDirective, typeof i5.ThrowElementOnHoverDirective, typeof i6.TemplateReferenceDirective, typeof i7.MouseDownDirective, typeof i8.ComponentSizeDirective, typeof i9.DestroyParentDirective, typeof i10.DomChangesDirective, typeof i11.ScrollTrackerDirective, typeof i12.ScrollIntoViewDirective, typeof i13.ImageLoadDirective, typeof i14.ComponentReferenceDirective, typeof i15.ButtonComponent, typeof i16.TooltipComponent, typeof i17.DelimeterComponent, typeof i21.CloseComponent, typeof i19.CheckmarkComponent, typeof i20.TemplateContentComponent, typeof i18.ToggleSwitcherComponent, typeof i24.DotComponent, typeof i25.DotsComponent, typeof i22.HamburgerComponent, typeof i23.HamburgerMenuComponent, typeof i26.PaginationComponent, typeof i27.LoadMoreButtonComponent, typeof i28.LoadContainerComponent, typeof i29.IconComponent, typeof i30.CollapseExpandComponent, typeof i31.CollapseExpandContainerComponent, typeof i32.ToggleComponent, typeof i33.MessageComponent, typeof i34.BounceLoaderComponent, typeof i35.CircleLoaderComponent, typeof i36.ModalComponent, typeof i37.ModalOpenDirective, typeof i38.ModalOpenOnClickDirective, typeof i39.DefaultModalHeaderComponent, typeof i40.DefaultModalFooterComponent, typeof i41.SwitchMultiCasePipe, typeof i42.SortByPipe, typeof i43.RepeatPipe]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NgxSfcCommonModule>;
 }

package/lib/pipes/index.d.ts

@@ -1,2 +1,3 @@
 export { SwitchMultiCasePipe } from './switch-multi-case/switch-multi-case.pipe';
 export { SortByPipe } from './sort-by/sort-by.pipe';
+export { RepeatPipe } from './repeat/repeat.pipe';

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

@@ -0,0 +1,7 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class RepeatPipe implements PipeTransform {
+    transform(value: number): number[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<RepeatPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<RepeatPipe, "sfcRepeat", false>;
+}

package/lib/services/index.d.ts

@@ -5,3 +5,4 @@ export { LoadMoreService } from './load-more/load-more.service';
 export { PaginationService } from './pagination/pagination.service';
 export { SortingService } from './sorting/sorting.service';
 export { ISortingModel } from './sorting/sorting.model';
+export { ReloadService } from './reload/reload.service';

package/lib/services/reload/reload.service.d.ts

@@ -0,0 +1,9 @@
+import { Observable } from "rxjs";
+import * as i0 from "@angular/core";
+export declare class ReloadService {
+    private model;
+    get reload$(): Observable<string[]>;
+    reload(...ids: string[]): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ReloadService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ReloadService>;
+}

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

@@ -28,6 +28,13 @@ export declare function hasItemBy<T>(collection: Array<T>, predicate: (item: T)
  */
 export declare function hasObjectItem<T>(collection: Array<any>, // TODO <-- Array<T>
 property: string, value: T): boolean;
+/**
+ * Return true if first collection has item in second collection
+ * @param collection1 Array of objects where search
+ * @param collection2 Array of objects where try to find
+ * @returns
+ */
+export declare function hasAnyItem<T>(collection1: T[], collection2: T[]): boolean;
 /**
  * Return value from collection by predicate function
  * @param collection Array of items
@@ -154,3 +161,10 @@ export declare function updateItemBy<T>(collection: Array<T>, predicate: (item:
  * @returns Collection or empty
  */
 export declare function getCollectionOrEmpty<T>(collection: Array<T>): Array<T>;
+/**
+ * Check if arrays are equal
+ * @param a First array
+ * @param b Second array
+ * @returns True if arrays are equal
+ */
+export declare function isArraysEquals<T>(a: Array<T>, b: Array<T>): boolean;

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

@@ -30,11 +30,6 @@ export declare function addPropertyToObject(obj: any, property: string, value?:
  * @param property Property name to remove
  */
 export declare function removePropertyFromObject(obj: any, property: string): void;
-/**
-  * Deep merge object with others
-  * @param target Object to merge
-  * @param sources
-  */
 /**
  * Deep merge object with others
  * @param target  Object to merge
@@ -50,10 +45,16 @@ export declare function mergeDeep(target: any, ...sources: any[]): any;
 export declare const nameof: <T>(name: keyof T) => keyof T;
 /**
    * Determines if the input is a Number or something that can be coerced to a Number
-   * @param - The input to be tested
+   * @param number The input to be tested
    * @returns - An indication if the input is a Number or can be coerced to a Number
    */
 export declare function isNumeric(number: any): boolean;
+/**
+ *  Determines if the input is a string
+ * @param value The input to be tested
+ * @returns An indication if the input is a string
+ */
+export declare function isString(value: any): boolean;
 /**
  * Return true if current browser is Chrome
  * @returns If current browser is Chrome
@@ -81,3 +82,14 @@ export declare function isEqual(obj1: any, obj2: any): boolean;
  * @returns Random GUID
  */
 export declare function generateGuid(): string;
+/**
+ * Check if value is Json parsable string
+ * @param value string value
+ * @returns True if string can be JSON parsed
+ */
+export declare function isJsonString(value: string): boolean;
+/**
+ * Stop propagation and prevent default
+ * @param event Event object
+ */
+export declare function stopAndPreventPropagation(event: Event): void;

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

@@ -168,6 +168,27 @@ 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;
+/**
+ * Return true if first time greater or equal to second time
+ * @param date1 First date time value
+ * @param date2 Second date time value
+ * @returns True if first time greater or equal to second time
+ */
+export declare function isTimeGreatOrEqual(date1: Date, date2: Date): boolean;
+/**
+ * Return true if first time less or equal to second time
+ * @param date1 First date time value
+ * @param date2 Second date time value
+ * @returns True if first time less or equal to second time
+ */
+export declare function isDateTimeLessOrEqual(date1: Date, date2: Date): boolean;
+/**
+ * Return true if first time less or equal to second time
+ * @param date1 First date time value
+ * @param date2 Second date time value
+ * @returns True if first time less or equal to second time
+ */
+export declare function isTimeLessOrEqual(date1: Date, date2: Date): boolean;
 /**
  * Convert UTC date to local
  * @param date Date value
@@ -192,4 +213,4 @@ export declare function convertDateToTimestamp(date: Date, locale?: string): str
  * @param birthdate Date of birth
  * @returns Age
  */
-export declare function getAge(birthdate: Date): number;
+export declare function getAge(birthdate: Date | null): number | null;

package/lib/utils/index.d.ts

@@ -1,7 +1,7 @@
-export { isDefined, isObject, isAsyncData, addPropertyToObject, removePropertyFromObject, mergeDeep, nameof, isNumeric, isChromeBrowser, isEmail, parseBoolean, isEqual, generateGuid } from './common.utils';
+export { isDefined, isObject, isAsyncData, addPropertyToObject, removePropertyFromObject, mergeDeep, nameof, isNumeric, isString, isChromeBrowser, isEmail, parseBoolean, isEqual, generateGuid, isJsonString, stopAndPreventPropagation } from './common.utils';
 export { isNullOrEmptyString, contains, trim } from './string.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, convertDateToTimestamp, getAge } from './date-time.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, isDateTimeLessOrEqual, isTimeGreatOrEqual, isTimeLessOrEqual, convertUTCDateToLocalDate, convertTimestampToDate, convertDateToTimestamp, getAge } 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, count } from './collections.utils';
+export { any, hasItem, hasItemBy, hasObjectItem, hasAnyItem, firstOrDefault, firstItem, lastItem, all, where, skip, sort, sortBy, sortByPath, distinct, sum, max, remove, addItem, removeItem, removeItemBy, updateItemBy, getCollectionOrEmpty, count, isArraysEquals } from './collections.utils';
 export { buildHttpParams } from './http.utils';

package/package.json

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

package/public-api.d.ts

@@ -7,3 +7,4 @@ export * from './lib/directives';
 export * from './lib/pipes';
 export * from './lib/components';
 export * from './lib/types';
+export * from './lib/models';

package/styles/_mixins.scss

@@ -48,6 +48,12 @@
   flex-wrap: wrap;
 }
 
+@mixin center-column() {
+  @include center;
+
+  flex-direction: column;
+}
+
 @mixin not-first-not-last {
   &:not(:first-child, :last-child) {
     @content;
@@ -97,3 +103,8 @@
     background: transparent;
   }
 }
+
+@mixin host($cursor: default) {
+  cursor: $cursor;
+  user-select: none;
+}