tango-app-ui-manage-stores 3.0.8 → 3.0.10-dev

package/lib/components/add-stores/add-stores.component.d.ts

@@ -1,5 +1,14 @@
+import { ElementRef } from "@angular/core";
+import { StoresService } from "../../services/stores.service";
 import * as i0 from "@angular/core";
 export declare class AddStoresComponent {
+    private storeService;
+    inputFile: ElementRef;
+    phoneRegex: RegExp;
+    emailRegex: RegExp;
+    constructor(storeService: StoresService);
+    onUpload(e: any): void;
+    validateField(value: string | undefined | null | number, fieldName: string, row: number, regex?: RegExp): string | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<AddStoresComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AddStoresComponent, "lib-add-stores", never, {}, {}, never, never, false, never>;
 }

package/lib/components/add-stores-form/add-stores-form.component.d.ts

@@ -2,7 +2,6 @@
 import { ChangeDetectorRef, OnInit } from "@angular/core";
 import { FormBuilder, FormGroup, AbstractControl, ValidationErrors } from "@angular/forms";
 import { StoresService } from "../../services/stores.service";
-import { StoreResponse } from "../../interfaces/store.interface";
 import { Router } from "@angular/router";
 import { NgxGpAutocompleteDirective } from "@angular-magic/ngx-gp-autocomplete/lib/ngx-gp-autocomplete.directive";
 import * as i0 from "@angular/core";
@@ -19,7 +18,6 @@ export declare class AddStoresFormComponent implements OnInit {
     handleAddressChange(place: google.maps.places.PlaceResult | any): void;
     constructor(fb: FormBuilder, storesService: StoresService, changeDetector: ChangeDetectorRef, router: Router);
     ngOnInit(): void;
-    loadStore(store: StoreResponse): void;
     settingvalue(label: any): void;
     createForm(): void;
     timeRangeValidator(control: AbstractControl): ValidationErrors | null;

package/lib/components/create-group/create-group.component.d.ts

@@ -0,0 +1,41 @@
+import { ChangeDetectorRef, OnInit } from "@angular/core";
+import { FormBuilder, FormGroup } from "@angular/forms";
+import { NgbActiveModal } from "@ng-bootstrap/ng-bootstrap";
+import { GroupService } from "../../services/group.service";
+import { GlobalStateService, ToastService } from "tango-app-ui-shared";
+import * as i0 from "@angular/core";
+export declare class CreateGroupComponent implements OnInit {
+    private activeModal;
+    private cd;
+    private fb;
+    private groupService;
+    private ts;
+    private gs;
+    type: string;
+    editGroup: any;
+    groupType: string;
+    groupForm: FormGroup;
+    availableStores: any[];
+    selectedValuesArray: any[];
+    group: any;
+    Opendropdown: boolean;
+    dataObject: any[];
+    $headerFilters: any;
+    selectedText: string;
+    constructor(activeModal: NgbActiveModal, cd: ChangeDetectorRef, fb: FormBuilder, groupService: GroupService, ts: ToastService, gs: GlobalStateService);
+    ngOnInit(): void;
+    getGroup(): void;
+    loadGroup(): void;
+    createForm(): void;
+    getAvailableStores(): void;
+    cancel(): void;
+    editgroup(): void;
+    groupSubmit(): void;
+    onClick(event: MouseEvent): void;
+    opendropdown(e: MouseEvent): void;
+    Dropdown(value: any, index: number, event: MouseEvent): void;
+    toggleCheckbox(event: any, store: any, index: number, subIndex: number): void;
+    loadSelectedStores(stores: any[]): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CreateGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CreateGroupComponent, "lib-create-group", never, { "type": { "alias": "type"; "required": false; }; "editGroup": { "alias": "editGroup"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/components/group-delete-popup/group-delete-popup.component.d.ts

@@ -0,0 +1,17 @@
+import { ChangeDetectorRef } from "@angular/core";
+import { NgbActiveModal } from "@ng-bootstrap/ng-bootstrap";
+import { GroupService } from "../../services/group.service";
+import { ToastService } from "tango-app-ui-shared";
+import * as i0 from "@angular/core";
+export declare class GroupDeletePopupComponent {
+    private activeModal;
+    private cd;
+    private groupService;
+    private ts;
+    deleteGroup: any;
+    constructor(activeModal: NgbActiveModal, cd: ChangeDetectorRef, groupService: GroupService, ts: ToastService);
+    cancel(): void;
+    onDeleteGroup(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GroupDeletePopupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GroupDeletePopupComponent, "lib-group-delete-popup", never, { "deleteGroup": { "alias": "deleteGroup"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/components/group-details/group-details.component.d.ts

@@ -0,0 +1,37 @@
+import { ChangeDetectorRef, EventEmitter, OnInit } from "@angular/core";
+import { Router } from "@angular/router";
+import { StoresService } from "../../services/stores.service";
+import { GlobalStateService } from "tango-app-ui-shared";
+import { GroupService } from "../../services/group.service";
+import * as i0 from "@angular/core";
+export declare class GroupDetailsComponent implements OnInit {
+    private router;
+    private storesService;
+    private groupService;
+    private changeDetector;
+    private gs;
+    dataEvent: EventEmitter<string>;
+    searchValue: any;
+    storeList: any[];
+    storeList_req: any;
+    pagination: any;
+    loading: boolean;
+    noData: boolean;
+    supportEmail: string;
+    columns: any[];
+    paginationSizes: number[];
+    $headerFilters: any;
+    group: any;
+    constructor(router: Router, storesService: StoresService, groupService: GroupService, changeDetector: ChangeDetectorRef, gs: GlobalStateService);
+    ngOnInit(): void;
+    backToGroup(): void;
+    searchData(): void;
+    loadTable(): void;
+    onPageChange(pageOffset: number): void;
+    onPageSizeChange(pageSize: number): void;
+    onSort(column: string): void;
+    colDirection(column: string): number;
+    paginationSize(): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GroupDetailsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GroupDetailsComponent, "lib-group-details", never, {}, { "dataEvent": "dataEvent"; }, never, never, false, never>;
+}

package/lib/components/tango-manage-groups/tango-manage-groups.component.d.ts

@@ -0,0 +1,38 @@
+import { EventEmitter, ElementRef, OnInit, ChangeDetectorRef } from "@angular/core";
+import { Router } from "@angular/router";
+import { NgbModal } from "@ng-bootstrap/ng-bootstrap";
+import { GroupService } from "../../services/group.service";
+import { GlobalStateService } from "tango-app-ui-shared";
+import * as i0 from "@angular/core";
+export declare class TangoManageGroupsComponent implements OnInit {
+    private elementRef;
+    private router;
+    private modalService;
+    private groupService;
+    private cd;
+    private gs;
+    dataEvent: EventEmitter<string>;
+    Opendropdown: boolean;
+    groups: any[];
+    groupData: any;
+    group_req: any;
+    dataObject: any;
+    showdropdown: any;
+    selectedValues: string[];
+    selectedValuesArray: any[];
+    loading: boolean;
+    searchValue: string;
+    $headerFilters: any;
+    constructor(elementRef: ElementRef, router: Router, modalService: NgbModal, groupService: GroupService, cd: ChangeDetectorRef, gs: GlobalStateService);
+    ngOnInit(): void;
+    getGroups(): void;
+    searchData(): void;
+    groupsDetials(val: any): void;
+    toggleCheckbox(issue: string, index: number): void;
+    Reset(): void;
+    Apply(): void;
+    createGroup(type: any, group?: any): void;
+    deleteGroups(data: any, group: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TangoManageGroupsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TangoManageGroupsComponent, "lib-tango-manage-groups", never, {}, { "dataEvent": "dataEvent"; }, never, never, false, never>;
+}

package/lib/components/tango-manage-stores/tango-manage-stores.component.d.ts

@@ -3,7 +3,8 @@ import { PageInfoService } from "tango-app-ui-metronics";
 import { storeList, storeList_req } from "../../interfaces/store.interface";
 import { StoresService } from "../../services/stores.service";
 import { ExcelService } from "../../services/excel.service";
-import { GlobalStateService } from 'tango-app-ui-shared';
+import { Router } from "@angular/router";
+import { GlobalStateService } from "tango-app-ui-shared";
 import * as i0 from "@angular/core";
 export interface pagination {
     limit: number;
@@ -17,6 +18,8 @@ export declare class TangoManageStoresComponent implements OnInit {
     private changeDetector;
     private excelService;
     private gs;
+    private router;
+    filterOptions: any[];
     searchValue: any;
     storeList: storeList[];
     storeList_req: storeList_req;
@@ -25,19 +28,30 @@ export declare class TangoManageStoresComponent implements OnInit {
     noData: boolean;
     supportEmail: string;
     columns: any[];
-    constructor(pageInfo: PageInfoService, storesService: StoresService, changeDetector: ChangeDetectorRef, excelService: ExcelService, gs: GlobalStateService);
+    paginationSizes: number[];
+    receivedData: string;
+    $headerFilters: any;
+    constructor(pageInfo: PageInfoService, storesService: StoresService, changeDetector: ChangeDetectorRef, excelService: ExcelService, gs: GlobalStateService, router: Router);
+    receiveGroupData(data: string): void;
     setPageData(): void;
     ngOnInit(): void;
     searchStore(): void;
-    applyFilter(): void;
+    Selecttabs(value: any): void;
+    applyFilter(filters: any): void;
+    getCountries(): void;
+    getStates(): void;
+    getCities(): void;
     loadTable(): void;
     exportXLSX(): void;
-    navigateTo(): void;
+    navigateToStore(store: any): void;
     onPageChange(pageOffset: number): void;
     onPageSizeChange(pageSize: number): void;
+    isLinkActive(link: string): boolean;
     editStore(): void;
     onSort(column: string): void;
     colDirection(column: string): number;
+    paginationSize(): number;
+    goToEdgeApp(store: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TangoManageStoresComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TangoManageStoresComponent, "lib-tango-manage-stores", never, {}, {}, never, never, false, never>;
 }

package/lib/interfaces/store.interface.d.ts

@@ -19,7 +19,7 @@ export interface Store {
         open: string;
         close: string;
     };
-    edge: {
+    edge?: {
         camDetails: {
             cameras: string;
         };
@@ -50,7 +50,7 @@ export interface StoreResponse {
         open: string;
         close: string;
     };
-    edge: {
+    edge?: {
         camDetails: {
             cameras: number;
         };
@@ -89,7 +89,7 @@ export interface storeList {
     }[] | any;
 }
 export interface storeList_req {
-    clientId: number;
+    clientId: string;
     fromDate: string;
     toDate: string;
     limit: number;
@@ -98,4 +98,23 @@ export interface storeList_req {
     sortOrder: number;
     search: string;
 }
+export interface StoreBulkItem {
+    StoreName: string;
+    BusinessType: string;
+    StoreType: string;
+    TimeZone: string;
+    SpocName: string;
+    SpocEmail: string;
+    SpocContact: string;
+    Latitude: string;
+    Longitude: string;
+    CameraCount: string;
+    storeProfile?: {
+        address: string;
+        country: string;
+        state: string;
+        city: string;
+        pincode: string;
+    };
+}
 export {};

package/lib/route-wrappers/stores-edgeapp-wrapper.module.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class StoresEdgeappWrapperModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<StoresEdgeappWrapperModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<StoresEdgeappWrapperModule, never, never, never>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<StoresEdgeappWrapperModule>;
+}

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

@@ -0,0 +1,20 @@
+import { HttpClient } from "@angular/common/http";
+import { BehaviorSubject, Observable } from "rxjs";
+import { GlobalStateService } from "tango-app-ui-shared";
+import * as i0 from "@angular/core";
+export declare class GroupService {
+    private http;
+    private gs;
+    private groupApiUrl;
+    private storeApiUrl;
+    groupComms: BehaviorSubject<any>;
+    constructor(http: HttpClient, gs: GlobalStateService);
+    getGroups(params: any): Observable<any>;
+    getGroup(params: any): Observable<any>;
+    createGroup(groupBody: any): Observable<any>;
+    updateGroup(groupBody: any): Observable<any>;
+    getStores(req: any): Observable<any>;
+    private handleError;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GroupService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<GroupService>;
+}

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

@@ -1,16 +1,22 @@
-import { HttpClient } from '@angular/common/http';
-import { Observable } from 'rxjs';
-import { Store, StoreResponse, storeList } from '../interfaces/store.interface';
-import { GlobalStateService } from 'tango-app-ui-shared';
+import { HttpClient } from "@angular/common/http";
+import { Observable } from "rxjs";
+import { Store, StoreResponse, storeList } from "../interfaces/store.interface";
+import { GlobalStateService } from "tango-app-ui-shared";
 import * as i0 from "@angular/core";
 export declare class StoresService {
     private http;
     private gs;
     private storeApiUrl;
+    private middlewareApiUrl;
     constructor(http: HttpClient, gs: GlobalStateService);
-    getStoreList(params?: any): Observable<storeList>;
+    getStoreList(params: any): Observable<storeList>;
     getStore(storeId: string): Observable<storeList>;
     createStore(storeBody: StoreResponse): Observable<Store>;
+    storeBulkUpload(storesBodyReq: any): Observable<any>;
+    getCountries(params?: any): Observable<any>;
+    getStates(params: any): Observable<any>;
+    getCities(params: any): Observable<any>;
+    getAddress(latitude: number, longitude: number): Promise<any>;
     private handleError;
     static ɵfac: i0.ɵɵFactoryDeclaration<StoresService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<StoresService>;

package/lib/tango-manage-stores.module.d.ts

@@ -2,15 +2,20 @@ import * as i0 from "@angular/core";
 import * as i1 from "./components/tango-manage-stores/tango-manage-stores.component";
 import * as i2 from "./components/add-stores/add-stores.component";
 import * as i3 from "./components/add-stores-form/add-stores-form.component";
-import * as i4 from "@angular/common";
-import * as i5 from "./tango-manage-stores-routing.module";
-import * as i6 from "ngx-material-timepicker";
-import * as i7 from "@angular/forms";
-import * as i8 from "./utils/utils.module";
-import * as i9 from "@ng-bootstrap/ng-bootstrap";
-import * as i10 from "@angular-magic/ngx-gp-autocomplete";
+import * as i4 from "./components/tango-manage-groups/tango-manage-groups.component";
+import * as i5 from "./components/group-details/group-details.component";
+import * as i6 from "./components/create-group/create-group.component";
+import * as i7 from "./components/group-delete-popup/group-delete-popup.component";
+import * as i8 from "./utils/filters/filters.component";
+import * as i9 from "@angular/common";
+import * as i10 from "./tango-manage-stores-routing.module";
+import * as i11 from "ngx-material-timepicker";
+import * as i12 from "@angular/forms";
+import * as i13 from "@ng-bootstrap/ng-bootstrap";
+import * as i14 from "@angular-magic/ngx-gp-autocomplete";
+import * as i15 from "tango-app-ui-shared";
 export declare class TangoManageStoresModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TangoManageStoresModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TangoManageStoresModule, [typeof i1.TangoManageStoresComponent, typeof i2.AddStoresComponent, typeof i3.AddStoresFormComponent], [typeof i4.CommonModule, typeof i5.TangoManageStoresRoutingModule, typeof i6.NgxMaterialTimepickerModule, typeof i7.FormsModule, typeof i7.ReactiveFormsModule, typeof i8.UtilsModule, typeof i9.NgbModule, typeof i10.NgxGpAutocompleteModule], never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TangoManageStoresModule, [typeof i1.TangoManageStoresComponent, typeof i2.AddStoresComponent, typeof i3.AddStoresFormComponent, typeof i4.TangoManageGroupsComponent, typeof i5.GroupDetailsComponent, typeof i6.CreateGroupComponent, typeof i7.GroupDeletePopupComponent, typeof i8.FiltersComponent], [typeof i9.CommonModule, typeof i10.TangoManageStoresRoutingModule, typeof i11.NgxMaterialTimepickerModule, typeof i12.FormsModule, typeof i12.ReactiveFormsModule, typeof i13.NgbModule, typeof i14.NgxGpAutocompleteModule, typeof i15.CommonSharedModule], never>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TangoManageStoresModule>;
 }

package/lib/utils/filters/filters.component.d.ts

@@ -0,0 +1,33 @@
+import { ElementRef, EventEmitter, OnInit, Renderer2 } from "@angular/core";
+import { Router } from "@angular/router";
+import * as i0 from "@angular/core";
+export declare class FiltersComponent implements OnInit {
+    private elementRef;
+    private renderer;
+    private router;
+    dataObject: any[];
+    AppliedFilters: EventEmitter<any>;
+    Opendropdown: boolean;
+    permission: {
+        group: string;
+        description: string;
+    }[];
+    showdropdown: any;
+    selectedValues: string[];
+    selectedValuesArray: any[];
+    searchValue: any;
+    dummyArray: any[];
+    noFilter: boolean;
+    responseArray: any[];
+    constructor(elementRef: ElementRef, renderer: Renderer2, router: Router);
+    onClick(event: MouseEvent): void;
+    ngOnInit(): void;
+    opendropdown(e: MouseEvent): void;
+    Dropdown(value: any, index: number, event: MouseEvent): void;
+    toggleCheckbox(issue: string, index: number): void;
+    Reset(): void;
+    searchData(event: any, i: any): void;
+    Apply(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FiltersComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FiltersComponent, "lib-filters-custom", never, { "dataObject": { "alias": "dataObject"; "required": false; }; }, { "AppliedFilters": "AppliedFilters"; }, never, never, false, never>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tango-app-ui-manage-stores",
-  "version": "3.0.8",
+  "version": "3.0.10-dev",
   "peerDependencies": {
     "@angular/common": "^17.0.0",
     "@angular/core": "^17.0.0"

package/esm2022/lib/utils/pagination/pagination.component.mjs

@@ -1,48 +0,0 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "ngx-pagination";
-import * as i3 from "@angular/forms";
-export class PaginationComponent {
-    collection = [];
-    itemsPerPage;
-    currentPage;
-    totalItems;
-    directionLinks = false;
-    pageSize;
-    paginationSizes;
-    pageChange = new EventEmitter();
-    pageSizeChange = new EventEmitter();
-    onPageChange(page) {
-        this.pageChange.emit(page);
-    }
-    onPageSizeChange() {
-        this.itemsPerPage = this.pageSize;
-        this.pageSizeChange.emit(this.pageSize);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: PaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: PaginationComponent, selector: "lib-pagination", inputs: { collection: "collection", itemsPerPage: "itemsPerPage", currentPage: "currentPage", totalItems: "totalItems", directionLinks: "directionLinks", pageSize: "pageSize", paginationSizes: "paginationSizes" }, outputs: { pageChange: "pageChange", pageSizeChange: "pageSizeChange" }, ngImport: i0, template: "<div class=\"row\">\r\n    <div class=\"col-md-3\"></div>\r\n    <div class=\"col-md-3 mt-4 text-end pe-0\"><span class=\"sub-title\">\r\n        <span class=\"me-3\">Displaying</span>\r\n        <select class=\"border-val \" [(ngModel)]=\"pageSize\" (change)=\"onPageSizeChange()\">\r\n            <option value=\"{{ size }}\" *ngFor=\"let size of paginationSizes\">\r\n                {{ size }}\r\n            </option>>\r\n        </select>\r\n        <span class=\"ms-3\">out of {{totalItems}} items</span>\r\n    </span></div>\r\n    <div class=\"col-md-4 text-start ps-0\">\r\n    <ul>\r\n        <li\r\n            *ngFor=\"let item of collection | paginate: { itemsPerPage: itemsPerPage, currentPage: currentPage, totalItems: totalItems }\">\r\n        </li>\r\n    </ul>\r\n    <pagination-controls\r\n        (pageChange)=\"onPageChange($event);currentPage=$event;\"\r\n        [directionLinks]=\"directionLinks\"\r\n        [maxSize]=\"7\"\r\n        [responsive]=\"true\">\r\n    </pagination-controls>\r\n    </div>\r\n    <div class=\"col-md-2\"></div>\r\n</div>\r\n", styles: ["::ng-deep .ngx-pagination .current{padding:6px;background:#eaf8ff!important;cursor:default;border-radius:4px;color:#00a3ff!important}::ng-deep .ngx-pagination .current{padding:12px!important;background:#eaf8ff!important;cursor:default;color:#00a3ff!important;width:40px;height:40px;border-radius:8px;background:var(--Primary-50, #EAF8FF);color:var(--Primary-600, #00A3FF)!important;text-align:center;font-size:14px!important;font-style:normal;font-weight:500;line-height:20px}::ng-deep .ngx-pagination{color:var(--Gray-500, #667085)!important;font-size:14px!important;font-style:normal;font-weight:500;line-height:20px}::ng-deep .ngx-pagination a{padding:.1875rem 1rem!important}*{font-family:Inter!important}.border-val{padding:10px 14px!important;border-radius:8px!important;border:1px solid var(--Gray-300, #D0D5DD)!important;background:var(--White, #FFF)!important;box-shadow:0 1px 2px #1018280d!important}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\"><path d=\"M10 12l-6-6h12l-6 6z\" fill=\"%23777\"/></svg>');background-repeat:no-repeat;background-position-x:calc(100% - 12px);background-position-y:50%;padding-right:20px}.sub-title{color:var(--Gray-700, #344054)!important;font-size:14px!important;font-weight:500!important;line-height:20px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.PaginationControlsComponent, selector: "pagination-controls", inputs: ["id", "maxSize", "directionLinks", "autoHide", "responsive", "previousLabel", "nextLabel", "screenReaderPaginationLabel", "screenReaderPageLabel", "screenReaderCurrentLabel"], outputs: ["pageChange", "pageBoundsCorrection"] }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i2.PaginatePipe, name: "paginate" }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: PaginationComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-pagination', template: "<div class=\"row\">\r\n    <div class=\"col-md-3\"></div>\r\n    <div class=\"col-md-3 mt-4 text-end pe-0\"><span class=\"sub-title\">\r\n        <span class=\"me-3\">Displaying</span>\r\n        <select class=\"border-val \" [(ngModel)]=\"pageSize\" (change)=\"onPageSizeChange()\">\r\n            <option value=\"{{ size }}\" *ngFor=\"let size of paginationSizes\">\r\n                {{ size }}\r\n            </option>>\r\n        </select>\r\n        <span class=\"ms-3\">out of {{totalItems}} items</span>\r\n    </span></div>\r\n    <div class=\"col-md-4 text-start ps-0\">\r\n    <ul>\r\n        <li\r\n            *ngFor=\"let item of collection | paginate: { itemsPerPage: itemsPerPage, currentPage: currentPage, totalItems: totalItems }\">\r\n        </li>\r\n    </ul>\r\n    <pagination-controls\r\n        (pageChange)=\"onPageChange($event);currentPage=$event;\"\r\n        [directionLinks]=\"directionLinks\"\r\n        [maxSize]=\"7\"\r\n        [responsive]=\"true\">\r\n    </pagination-controls>\r\n    </div>\r\n    <div class=\"col-md-2\"></div>\r\n</div>\r\n", styles: ["::ng-deep .ngx-pagination .current{padding:6px;background:#eaf8ff!important;cursor:default;border-radius:4px;color:#00a3ff!important}::ng-deep .ngx-pagination .current{padding:12px!important;background:#eaf8ff!important;cursor:default;color:#00a3ff!important;width:40px;height:40px;border-radius:8px;background:var(--Primary-50, #EAF8FF);color:var(--Primary-600, #00A3FF)!important;text-align:center;font-size:14px!important;font-style:normal;font-weight:500;line-height:20px}::ng-deep .ngx-pagination{color:var(--Gray-500, #667085)!important;font-size:14px!important;font-style:normal;font-weight:500;line-height:20px}::ng-deep .ngx-pagination a{padding:.1875rem 1rem!important}*{font-family:Inter!important}.border-val{padding:10px 14px!important;border-radius:8px!important;border:1px solid var(--Gray-300, #D0D5DD)!important;background:var(--White, #FFF)!important;box-shadow:0 1px 2px #1018280d!important}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\"><path d=\"M10 12l-6-6h12l-6 6z\" fill=\"%23777\"/></svg>');background-repeat:no-repeat;background-position-x:calc(100% - 12px);background-position-y:50%;padding-right:20px}.sub-title{color:var(--Gray-700, #344054)!important;font-size:14px!important;font-weight:500!important;line-height:20px}\n"] }]
-        }], propDecorators: { collection: [{
-                type: Input
-            }], itemsPerPage: [{
-                type: Input
-            }], currentPage: [{
-                type: Input
-            }], totalItems: [{
-                type: Input
-            }], directionLinks: [{
-                type: Input
-            }], pageSize: [{
-                type: Input
-            }], paginationSizes: [{
-                type: Input
-            }], pageChange: [{
-                type: Output
-            }], pageSizeChange: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90YW5nby1tYW5hZ2Utc3RvcmVzL3NyYy9saWIvdXRpbHMvcGFnaW5hdGlvbi9wYWdpbmF0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RhbmdvLW1hbmFnZS1zdG9yZXMvc3JjL2xpYi91dGlscy9wYWdpbmF0aW9uL3BhZ2luYXRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFTdkUsTUFBTSxPQUFPLG1CQUFtQjtJQUNyQixVQUFVLEdBQVUsRUFBRSxDQUFDO0lBQ3ZCLFlBQVksQ0FBUztJQUNyQixXQUFXLENBQVM7SUFDcEIsVUFBVSxDQUFTO0lBQ25CLGNBQWMsR0FBWSxLQUFLLENBQUM7SUFFaEMsUUFBUSxDQUFTO0lBQ2pCLGVBQWUsQ0FBVztJQUN6QixVQUFVLEdBQXlCLElBQUksWUFBWSxFQUFVLENBQUM7SUFDOUQsY0FBYyxHQUF5QixJQUFJLFlBQVksRUFBVSxDQUFDO0lBRTVFLFlBQVksQ0FBQyxJQUFZO1FBQ3ZCLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzdCLENBQUM7SUFFRCxnQkFBZ0I7UUFDZCxJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUM7UUFDbEMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQzFDLENBQUM7dUdBbkJVLG1CQUFtQjsyRkFBbkIsbUJBQW1CLHFWQ1RoQywyakNBMEJBOzsyRkRqQmEsbUJBQW1CO2tCQVAvQixTQUFTOytCQUNFLGdCQUFnQjs4QkFPakIsVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUVHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDSSxVQUFVO3NCQUFuQixNQUFNO2dCQUNHLGNBQWM7c0JBQXZCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItcGFnaW5hdGlvbicsXHJcbiAgLy8gc3RhbmRhbG9uZTogdHJ1ZSxcclxuICAvLyBpbXBvcnRzOiBbXSxcclxuICB0ZW1wbGF0ZVVybDogJy4vcGFnaW5hdGlvbi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL3BhZ2luYXRpb24uY29tcG9uZW50LnNjc3MnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBQYWdpbmF0aW9uQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSBjb2xsZWN0aW9uOiBhbnlbXSA9IFtdO1xyXG4gIEBJbnB1dCgpIGl0ZW1zUGVyUGFnZTogbnVtYmVyO1xyXG4gIEBJbnB1dCgpIGN1cnJlbnRQYWdlOiBudW1iZXI7XHJcbiAgQElucHV0KCkgdG90YWxJdGVtczogbnVtYmVyO1xyXG4gIEBJbnB1dCgpIGRpcmVjdGlvbkxpbmtzOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIEBJbnB1dCgpIHBhZ2VTaXplOiBudW1iZXI7XHJcbiAgQElucHV0KCkgcGFnaW5hdGlvblNpemVzOiBudW1iZXJbXTtcclxuICBAT3V0cHV0KCkgcGFnZUNoYW5nZTogRXZlbnRFbWl0dGVyPG51bWJlcj4gPSBuZXcgRXZlbnRFbWl0dGVyPG51bWJlcj4oKTtcclxuICBAT3V0cHV0KCkgcGFnZVNpemVDaGFuZ2U6IEV2ZW50RW1pdHRlcjxudW1iZXI+ID0gbmV3IEV2ZW50RW1pdHRlcjxudW1iZXI+KCk7XHJcbiAgXHJcbiAgb25QYWdlQ2hhbmdlKHBhZ2U6IG51bWJlcikge1xyXG4gICAgdGhpcy5wYWdlQ2hhbmdlLmVtaXQocGFnZSk7XHJcbiAgfVxyXG5cclxuICBvblBhZ2VTaXplQ2hhbmdlKCkge1xyXG4gICAgdGhpcy5pdGVtc1BlclBhZ2UgPSB0aGlzLnBhZ2VTaXplO1xyXG4gICAgdGhpcy5wYWdlU2l6ZUNoYW5nZS5lbWl0KHRoaXMucGFnZVNpemUpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwicm93XCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY29sLW1kLTNcIj48L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJjb2wtbWQtMyBtdC00IHRleHQtZW5kIHBlLTBcIj48c3BhbiBjbGFzcz1cInN1Yi10aXRsZVwiPlxyXG4gICAgICAgIDxzcGFuIGNsYXNzPVwibWUtM1wiPkRpc3BsYXlpbmc8L3NwYW4+XHJcbiAgICAgICAgPHNlbGVjdCBjbGFzcz1cImJvcmRlci12YWwgXCIgWyhuZ01vZGVsKV09XCJwYWdlU2l6ZVwiIChjaGFuZ2UpPVwib25QYWdlU2l6ZUNoYW5nZSgpXCI+XHJcbiAgICAgICAgICAgIDxvcHRpb24gdmFsdWU9XCJ7eyBzaXplIH19XCIgKm5nRm9yPVwibGV0IHNpemUgb2YgcGFnaW5hdGlvblNpemVzXCI+XHJcbiAgICAgICAgICAgICAgICB7eyBzaXplIH19XHJcbiAgICAgICAgICAgIDwvb3B0aW9uPj5cclxuICAgICAgICA8L3NlbGVjdD5cclxuICAgICAgICA8c3BhbiBjbGFzcz1cIm1zLTNcIj5vdXQgb2Yge3t0b3RhbEl0ZW1zfX0gaXRlbXM8L3NwYW4+XHJcbiAgICA8L3NwYW4+PC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY29sLW1kLTQgdGV4dC1zdGFydCBwcy0wXCI+XHJcbiAgICA8dWw+XHJcbiAgICAgICAgPGxpXHJcbiAgICAgICAgICAgICpuZ0Zvcj1cImxldCBpdGVtIG9mIGNvbGxlY3Rpb24gfCBwYWdpbmF0ZTogeyBpdGVtc1BlclBhZ2U6IGl0ZW1zUGVyUGFnZSwgY3VycmVudFBhZ2U6IGN1cnJlbnRQYWdlLCB0b3RhbEl0ZW1zOiB0b3RhbEl0ZW1zIH1cIj5cclxuICAgICAgICA8L2xpPlxyXG4gICAgPC91bD5cclxuICAgIDxwYWdpbmF0aW9uLWNvbnRyb2xzXHJcbiAgICAgICAgKHBhZ2VDaGFuZ2UpPVwib25QYWdlQ2hhbmdlKCRldmVudCk7Y3VycmVudFBhZ2U9JGV2ZW50O1wiXHJcbiAgICAgICAgW2RpcmVjdGlvbkxpbmtzXT1cImRpcmVjdGlvbkxpbmtzXCJcclxuICAgICAgICBbbWF4U2l6ZV09XCI3XCJcclxuICAgICAgICBbcmVzcG9uc2l2ZV09XCJ0cnVlXCI+XHJcbiAgICA8L3BhZ2luYXRpb24tY29udHJvbHM+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJjb2wtbWQtMlwiPjwvZGl2PlxyXG48L2Rpdj5cclxuIl19

package/esm2022/lib/utils/utils.module.mjs

@@ -1,30 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { PaginationComponent } from './pagination/pagination.component';
-import { NgxPaginationModule } from 'ngx-pagination';
-import { FormsModule } from '@angular/forms';
-import * as i0 from "@angular/core";
-export class UtilsModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: UtilsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.8", ngImport: i0, type: UtilsModule, declarations: [PaginationComponent], imports: [CommonModule,
-            NgxPaginationModule,
-            FormsModule], exports: [PaginationComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: UtilsModule, imports: [CommonModule,
-            NgxPaginationModule,
-            FormsModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: UtilsModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [PaginationComponent],
-                    imports: [
-                        CommonModule,
-                        NgxPaginationModule,
-                        FormsModule
-                    ],
-                    exports: [
-                        PaginationComponent
-                    ]
-                }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXRpbHMubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGFuZ28tbWFuYWdlLXN0b3Jlcy9zcmMvbGliL3V0aWxzL3V0aWxzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUN4RSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNyRCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7O0FBYTdDLE1BQU0sT0FBTyxXQUFXO3VHQUFYLFdBQVc7d0dBQVgsV0FBVyxpQkFWUCxtQkFBbUIsYUFFaEMsWUFBWTtZQUNaLG1CQUFtQjtZQUNuQixXQUFXLGFBR1gsbUJBQW1CO3dHQUdWLFdBQVcsWUFScEIsWUFBWTtZQUNaLG1CQUFtQjtZQUNuQixXQUFXOzsyRkFNRixXQUFXO2tCQVh2QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLG1CQUFtQixDQUFDO29CQUNuQyxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixtQkFBbUI7d0JBQ25CLFdBQVc7cUJBQ1o7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLG1CQUFtQjtxQkFDcEI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBQYWdpbmF0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi9wYWdpbmF0aW9uL3BhZ2luYXRpb24uY29tcG9uZW50JztcclxuaW1wb3J0IHsgTmd4UGFnaW5hdGlvbk1vZHVsZSB9IGZyb20gJ25neC1wYWdpbmF0aW9uJztcclxuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gIGRlY2xhcmF0aW9uczogW1BhZ2luYXRpb25Db21wb25lbnRdLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIE5neFBhZ2luYXRpb25Nb2R1bGUsXHJcbiAgICBGb3Jtc01vZHVsZVxyXG4gIF0sXHJcbiAgZXhwb3J0czogW1xyXG4gICAgUGFnaW5hdGlvbkNvbXBvbmVudFxyXG4gIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIFV0aWxzTW9kdWxlIHsgfVxyXG4iXX0=

package/lib/utils/pagination/pagination.component.d.ts

@@ -1,17 +0,0 @@
-import { EventEmitter } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare class PaginationComponent {
-    collection: any[];
-    itemsPerPage: number;
-    currentPage: number;
-    totalItems: number;
-    directionLinks: boolean;
-    pageSize: number;
-    paginationSizes: number[];
-    pageChange: EventEmitter<number>;
-    pageSizeChange: EventEmitter<number>;
-    onPageChange(page: number): void;
-    onPageSizeChange(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PaginationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PaginationComponent, "lib-pagination", never, { "collection": { "alias": "collection"; "required": false; }; "itemsPerPage": { "alias": "itemsPerPage"; "required": false; }; "currentPage": { "alias": "currentPage"; "required": false; }; "totalItems": { "alias": "totalItems"; "required": false; }; "directionLinks": { "alias": "directionLinks"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "paginationSizes": { "alias": "paginationSizes"; "required": false; }; }, { "pageChange": "pageChange"; "pageSizeChange": "pageSizeChange"; }, never, never, false, never>;
-}

package/lib/utils/utils.module.d.ts

@@ -1,10 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./pagination/pagination.component";
-import * as i2 from "@angular/common";
-import * as i3 from "ngx-pagination";
-import * as i4 from "@angular/forms";
-export declare class UtilsModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<UtilsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<UtilsModule, [typeof i1.PaginationComponent], [typeof i2.CommonModule, typeof i3.NgxPaginationModule, typeof i4.FormsModule], [typeof i1.PaginationComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<UtilsModule>;
-}