@unipin/angular-applet 17.3.1 → 18.0.0

package/lib/components/containers/applet-container/applet-container.component.d.ts

@@ -1,4 +1,4 @@
-import { OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
 import { Subscription } from 'rxjs';
 import { PermissionService } from '../../../modules';
 import * as i0 from "@angular/core";
@@ -16,10 +16,13 @@ export declare class AppletContainerComponent implements OnInit, OnDestroy {
         }[];
         version: string;
     };
+    protected readonly ch: ChangeDetectorRef;
     protected readonly permissionService: PermissionService;
     isCollapsed: boolean;
     isHidden: boolean[];
+    isMenuActive: boolean;
     protected sub: Subscription;
+    protected subEvent: Subscription;
     constructor(config: {
         icon: string;
         name: string;
@@ -32,10 +35,11 @@ export declare class AppletContainerComponent implements OnInit, OnDestroy {
             permModule: string;
         }[];
         version: string;
-    }, permissionService: PermissionService);
+    }, ch: ChangeDetectorRef, permissionService: PermissionService);
     ngOnInit(): void;
     ngOnDestroy(): void;
     toggleSidenav(): void;
+    selectMenu(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AppletContainerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AppletContainerComponent, "up-applet-container", never, {}, {}, never, ["*"], true, never>;
 }

package/lib/components/containers/column-container/column-container.component.d.ts

@@ -9,6 +9,7 @@ export declare class ColumnContainerComponent implements OnDestroy {
         visible: boolean;
         route: Route;
     }[];
+    colSize: number;
     protected readonly openedArea: {
         [key: string]: number;
     };
@@ -19,6 +20,7 @@ export declare class ColumnContainerComponent implements OnDestroy {
     protected navigate(): void;
     protected next(route: Route): void;
     protected previous(pos: number): void;
+    protected checkScreen(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ColumnContainerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ColumnContainerComponent, "up-column-container", never, {}, {}, never, never, true, never>;
 }

package/lib/components/containers/list-container/interfaces/list-container-config.interface.d.ts

@@ -1,10 +1,9 @@
+import { ButtonGroupConfig } from '../../../buttons';
 import { GridConfig } from '../../../grids/interfaces/grid-config.interface';
 import { FilterConfig } from '../../../filter/interfaces/filter-config.interface';
 export interface ListContainerConfig {
     baseUrl: `${string}/`;
+    buttons?: ButtonGroupConfig[];
     gridConfig: GridConfig;
     filterConfig?: FilterConfig;
-    permissions: {
-        canCreate: boolean;
-    };
 }

package/lib/components/containers/modal-container/modal-container.component.d.ts

@@ -4,6 +4,7 @@ import * as i0 from "@angular/core";
 export declare class ModalContainerComponent implements OnInit {
     protected readonly modalCtrl: ModalController;
     header: string;
+    disabled: boolean;
     protected key: string;
     constructor(modalCtrl: ModalController);
     ngOnInit(): void;
@@ -11,5 +12,5 @@ export declare class ModalContainerComponent implements OnInit {
     popState(ev: PopStateEvent): void;
     close(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ModalContainerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModalContainerComponent, "up-modal-container", never, { "header": { "alias": "header"; "required": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModalContainerComponent, "up-modal-container", never, { "header": { "alias": "header"; "required": true; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/lib/components/forms/currency-input/form-currency-input.component.d.ts

@@ -0,0 +1,55 @@
+import { ChangeDetectorRef, OnChanges, SimpleChanges, EventEmitter } from '@angular/core';
+import { AbstractControl, ControlValueAccessor, ValidationErrors, Validator } from '@angular/forms';
+import { Observable, Subject } from 'rxjs';
+import { CurrencyService } from '../../../services';
+import * as i0 from "@angular/core";
+export declare class FormCurrencyInputComponent implements ControlValueAccessor, Validator, OnChanges {
+    numberPlaceholder: string;
+    protected readonly ch: ChangeDetectorRef;
+    protected readonly currencyService: CurrencyService;
+    clearable: boolean;
+    isInputNumber: boolean;
+    initialItems: {
+        label: string;
+        value: string;
+        magnifyValue: number;
+    }[];
+    numberValue: number | null;
+    isNumberDisabled: boolean;
+    required: boolean;
+    disabled: boolean;
+    bindLabel: string;
+    bindValue: string;
+    onChange: EventEmitter<{
+        ccy: {
+            label: string;
+            value: string;
+            magnifyValue: number;
+        } | any;
+        number: number | null;
+    }>;
+    readonly typeahead: Subject<string>;
+    protected readonly query$: Observable<any[]>;
+    items$: Observable<any[]>;
+    isLoading: boolean;
+    isTouched: boolean;
+    value: any | null;
+    errorMsg: string;
+    protected formControl: AbstractControl;
+    protected decimalLimiter: number;
+    protected changed: (_val: any) => void;
+    protected onTouched: () => void;
+    constructor(numberPlaceholder: string, ch: ChangeDetectorRef, currencyService: CurrencyService);
+    ngOnChanges(changes: SimpleChanges): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    writeValue(val: any): void;
+    setDisabledState?(d: boolean): void;
+    validate(control: AbstractControl): ValidationErrors | null;
+    change(e?: any): void;
+    numberInput({ value }: any): void;
+    limitDecimal({ charCode, preventDefault, target: { value } }: any): void;
+    protected queryFunc(keyword: string): Observable<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormCurrencyInputComponent, [{ attribute: "numberPlaceholder"; }, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormCurrencyInputComponent, "up-currency-input", never, { "clearable": { "alias": "clearable"; "required": false; }; "isInputNumber": { "alias": "isInputNumber"; "required": false; }; "initialItems": { "alias": "initialItems"; "required": false; }; "numberValue": { "alias": "numberValue"; "required": false; }; "isNumberDisabled": { "alias": "isNumberDisabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "bindLabel": { "alias": "bindLabel"; "required": false; }; "bindValue": { "alias": "bindValue"; "required": false; }; }, { "onChange": "onChange"; }, never, never, true, never>;
+}

package/lib/components/forms/index.d.ts

@@ -6,3 +6,4 @@ export { FormSearchableSelectComponent } from './searchable-select/form-searchab
 export { FormSelectComponent } from './select/form-select.component';
 export { FormTextareaComponent } from './textarea/form-textarea.component';
 export { FormImagePickerComponent } from './image-picker/form-image-picker.component';
+export { FormCurrencyInputComponent } from './currency-input/form-currency-input.component';

package/lib/components/grids/services/grid.service.d.ts

@@ -6,7 +6,7 @@ export declare class GridService {
     };
     getApi(id: string): GridApi;
     setApi(id: string, api: GridApi): void;
-    refreshGridCache(id: string): void;
+    refreshGridCache(id: string, forceRefresh?: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GridService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<GridService>;
 }

package/lib/components/index.d.ts

@@ -1,7 +1,7 @@
 export { ButtonGroupComponent, ButtonGroupConfig, ButtonLoadingComponent } from './buttons';
 export { AppletContainerComponent, ColumnContainerComponent, ColumnHeaderContainerComponent, ListContainerConfig, ListPaginationContainerComponent, ListSnapshotContainerComponent, ModalContainerComponent } from './containers';
 export { FilterComponent, FilterConfig, FilterField, FilterSearchEvent } from './filter';
-export { FormDateComponent, FormInputComponent, FormNumberComponent, FormPasswordComponent, FormSearchableSelectComponent, FormSelectComponent, FormTextareaComponent, FormImagePickerComponent } from './forms';
+export { FormDateComponent, FormInputComponent, FormNumberComponent, FormPasswordComponent, FormSearchableSelectComponent, FormSelectComponent, FormTextareaComponent, FormImagePickerComponent, FormCurrencyInputComponent } from './forms';
 export { GridConfig, GridPaginationComponent, GridService, GridSnapshotComponent } from './grids';
 export { TabContentComponent, TabGroupComponent, TabsComponentModule } from './tabs';
 export { AuditListComponent, AuditDetailComponent } from './audit';

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

@@ -6,7 +6,7 @@ import * as i0 from "@angular/core";
 export declare class CurrencyService {
     protected readonly apollo: Apollo;
     constructor(apollo: Apollo);
-    query(): Observable<ApolloQueryResult<{
+    query(keyword?: string): Observable<ApolloQueryResult<{
         webConfigMsCurrency: {
             data: Currency[];
         };

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@unipin/angular-applet",
-  "version": "17.3.1",
+  "version": "18.0.0",
   "sideEffects": false,
   "homepage": "https://backoffice.unipin.com/",
   "description": "Angular specific wrappers for UniPin applet",
   "peerDependencies": {
     "@angular-architects/module-federation-tools": "17.x.x",
-    "@angular/common": "17.x.x",
-    "@angular/core": "17.x.x",
+    "@angular/common": "18.x.x",
+    "@angular/core": "18.x.x",
     "@ionic/angular": "7.x.x",
     "ionicons": "^7.x.x",
     "@apollo/client": "3.x.x",
@@ -16,7 +16,7 @@
   },
   "dependencies": {
     "tslib": "^2.3.0",
-    "angular-split": "15.x.x",
+    "angular-split": "17.x.x",
     "@ng-select/ng-select": "12.x.x",
     "@ag-grid-community/core": "31.x.x",
     "@ag-grid-community/angular": "31.x.x",

package/public-api.d.ts

@@ -1,4 +1,4 @@
-export { ButtonGroupConfig, ButtonGroupComponent, ButtonLoadingComponent, FormDateComponent, FormInputComponent, FormNumberComponent, FormPasswordComponent, FormSearchableSelectComponent, FormSelectComponent, FormTextareaComponent, FormImagePickerComponent, FilterConfig, FilterField, FilterSearchEvent, FilterComponent, GridConfig, GridService, GridPaginationComponent, GridSnapshotComponent, AppletContainerComponent, ColumnContainerComponent, ColumnHeaderContainerComponent, ListContainerConfig, ListPaginationContainerComponent, ListSnapshotContainerComponent, ModalContainerComponent, TabGroupComponent, TabContentComponent, TabsComponentModule, AuditListComponent, AuditDetailComponent, ApprovalListComponent, ApprovalDetailComponent } from './lib/components';
+export { ButtonGroupConfig, ButtonGroupComponent, ButtonLoadingComponent, FormDateComponent, FormInputComponent, FormNumberComponent, FormPasswordComponent, FormSearchableSelectComponent, FormSelectComponent, FormTextareaComponent, FormImagePickerComponent, FormCurrencyInputComponent, FilterConfig, FilterField, FilterSearchEvent, FilterComponent, GridConfig, GridService, GridPaginationComponent, GridSnapshotComponent, AppletContainerComponent, ColumnContainerComponent, ColumnHeaderContainerComponent, ListContainerConfig, ListPaginationContainerComponent, ListSnapshotContainerComponent, ModalContainerComponent, TabGroupComponent, TabContentComponent, TabsComponentModule, AuditListComponent, AuditDetailComponent, ApprovalListComponent, ApprovalDetailComponent } from './lib/components';
 export { AuthGuard } from './lib/guards';
 export { HeaderInterceptor, RefreshTokenInterceptor } from './lib/interceptors';
 export { User } from './lib/interfaces';

package/src/assets/scss/grid.scss

@@ -7494,3 +7494,12 @@ input[class^=ag-][type=range]:disabled {
 .ag-aria-description-container {
 	display: none;
 }
+
+
+@media (max-width: 767px) {
+  .ag-paging-row-summary-panel { display: none !important; }
+    
+  .ag-paging-description {
+    #ag-25-start-page { display: none !important; }
+  }
+}