monkey-style-guide-v2 0.0.126 → 0.0.127

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "monkey-style-guide-v2",
-  "version": "0.0.126",
+  "version": "0.0.127",
   "peerDependencies": {
-    "@angular/animations": "^20.3.14",
-    "@angular/cdk": "^20.2.14",
-    "@angular/common": "^20.3.14",
-    "@angular/core": "^20.3.14",
-    "@angular/forms": "^20.3.14",
-    "@angular/platform-browser": "^20.3.14",
-    "@angular/router": "^20.3.14",
+    "@angular/animations": "^21.0.6",
+    "@angular/cdk": "^21.0.5",
+    "@angular/common": "^21.0.6",
+    "@angular/core": "^21.0.6",
+    "@angular/forms": "^21.0.6",
+    "@angular/platform-browser": "^21.0.6",
+    "@angular/router": "^21.0.6",
     "rxjs": "~7.8.0",
     "ngx-mask": "^19.0.6",
     "libphonenumber-js": "^1.12.9"
@@ -19,13 +19,13 @@
   },
   "sideEffects": false,
   "module": "fesm2022/monkey-style-guide-v2.mjs",
-  "typings": "index.d.ts",
+  "typings": "types/monkey-style-guide-v2.d.ts",
   "exports": {
     "./package.json": {
       "default": "./package.json"
     },
     ".": {
-      "types": "./index.d.ts",
+      "types": "./types/monkey-style-guide-v2.d.ts",
       "default": "./fesm2022/monkey-style-guide-v2.mjs"
     }
   }

package/{index.d.ts → types/monkey-style-guide-v2.d.ts}

@@ -614,6 +614,12 @@ declare class MonkeyDividerComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyDividerComponent, "monkey-divider", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "vertical": { "alias": "vertical"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; }; }, {}, never, never, true, never>;
 }
 
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
+
 type MonkeyDownloadButtonChangeEvent = {
     component: MonkeyDownloadButtonComponent;
 };
@@ -639,6 +645,12 @@ declare class MonkeyDownloadButtonComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyDownloadButtonComponent, "monkey-download-button", never, { "progress": { "alias": "progress"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, { "onChange": "onChange"; }, never, ["[first]", "*", "[last]"], true, never>;
 }
 
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
+
 declare class MonkeyFilterBarComponent implements AfterContentInit, OnDestroy, OnChanges {
     protected _elementRef: ElementRef<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>;
     showPopOver: boolean;
@@ -652,6 +664,12 @@ declare class MonkeyFilterBarComponent implements AfterContentInit, OnDestroy, O
     static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyFilterBarComponent, "monkey-filter-bar", never, {}, {}, never, never, true, never>;
 }
 
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
+
 declare class MonkeyIconComponent implements OnInit {
     set icon(val: string);
     size: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
@@ -885,6 +903,12 @@ declare class MonkeyInputDateRangeComponent implements MonkeyFormFieldControl, C
     static ngAcceptInputType_required: unknown;
 }
 
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
+
 interface Country {
     iso: string;
     code: string;
@@ -1072,12 +1096,6 @@ interface MonkeyModalConfirmationConfig {
     icon?: string;
 }
 
-/** ************************
- * Copyright Monkey Exchange. All Rights Reserved
- * This style guide was developed by Monkey Exchange Team
- * MIT Licence
- ************************* */
-
 declare class MonkeyModalRef {
     readonly overlayRef: OverlayRef;
     readonly config: MonkeyModalConfig;
@@ -1189,18 +1207,28 @@ declare class MonkeyOptionComponent {
     disabled: boolean;
     type: string;
     get displayContent(): string;
-    selected: boolean;
+    selected: i0.InputSignal<boolean>;
     tabIndex: number;
     action: Function;
+    isSelected: i0.Signal<boolean>;
     readonly id: string;
+    private _selectedState;
     private handleAction;
+    constructor();
     onClick(event: MouseEvent): void;
     handleKeyDown(event: KeyboardEvent): void;
+    onSelect(select: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyOptionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyOptionComponent, "monkey-option", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyOptionComponent, "monkey-option", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; }; "type": { "alias": "type"; "required": false; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
     static ngAcceptInputType_disabled: unknown;
 }
 
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
+
 declare class MonkeyRadioButtonComponent implements MonkeyFormFieldControl, ControlValueAccessor, AfterContentInit {
     private changeDetectorRef;
     private formField;
@@ -1357,24 +1385,18 @@ declare class MonkeyStatusComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyStatusComponent, "monkey-status", never, { "type": { "alias": "type"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-/** ************************
- * Copyright Monkey Exchange. All Rights Reserved
- * This style guide was developed by Monkey Exchange Team
- * MIT Licence
- ************************* */
-
 declare class MonkeyStepComponent implements AfterContentInit {
     protected id: string;
     subSteps: QueryList<MonkeyStepComponent>;
     label: string;
     step: string;
     icon: string;
-    number?: number;
-    hasSubSteps: boolean;
-    isSubStep: boolean;
-    isCurrent: boolean;
-    isComplete: boolean;
-    isActive: boolean;
+    number: i0.WritableSignal<number | undefined>;
+    hasSubSteps: i0.WritableSignal<boolean>;
+    isSubStep: i0.WritableSignal<boolean>;
+    isCurrent: i0.WritableSignal<boolean>;
+    isComplete: i0.WritableSignal<boolean>;
+    isActive: i0.WritableSignal<boolean>;
     ngAfterContentInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyStepComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyStepComponent, "monkey-step", never, { "label": { "alias": "label"; "required": false; }; "step": { "alias": "step"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; }, {}, ["subSteps"], ["*"], false, never>;
@@ -1407,6 +1429,12 @@ declare class MonkeyStepperModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<MonkeyStepperModule>;
 }
 
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
+
 declare class MonkeyPaginationActionComponent {
     disabled: boolean;
     first: boolean;
@@ -1433,6 +1461,12 @@ declare class MonkeyPaginationLabelComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyPaginationLabelComponent, "monkey-pagination-label", ["monkeyPaginationLabel"], { "id": { "alias": "id"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
+
 declare class MonkeyPaginationSizeComponent {
     size: 10 | 20 | 50 | 100;
     disabled: boolean;
@@ -1545,7 +1579,7 @@ declare class MonkeyColumnSortable implements OnInit, OnDestroy {
     name: string;
     private _sortableDirection;
     private subscriptions;
-    disabled: boolean;
+    get disabled(): boolean;
     constructor(el: ElementRef, renderer: Renderer2, table: MonkeyTableComponent);
     private createSvgElement;
     ngOnInit(): void;
@@ -1601,7 +1635,7 @@ declare class MonkeyTabComponent {
     isSelected: boolean;
     handleClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyTabComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyTabComponent, "monkey-tab", never, { "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "onClick": "onClick"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyTabComponent, "monkey-tab", never, { "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "isSelected": { "alias": "isSelected"; "required": false; }; }, { "onClick": "onClick"; }, never, ["*"], false, never>;
     static ngAcceptInputType_disabled: unknown;
 }
 
@@ -1669,7 +1703,6 @@ declare class MonkeyToastComponent {
     get id(): string;
     set id(value: string);
     get class(): string;
-    animationState: string;
     constructor(host: ElementRef<HTMLElement>);
     close(): void;
     onAnimationEnd(event: AnimationEvent): void;
@@ -1707,9 +1740,15 @@ declare class MonkeyToggleLineButtonComponent {
     checked: boolean | undefined;
     name: string | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyToggleLineButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyToggleLineButtonComponent, "monkey-toggle-line-button", never, { "disabled": { "alias": "disabled"; "required": false; }; }, { "onChange": "onChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyToggleLineButtonComponent, "monkey-toggle-line-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; }, { "onChange": "onChange"; }, never, ["*"], true, never>;
 }
 
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
+
 declare class MonkeyToggleLineComponent implements AfterContentInit, OnDestroy, OnChanges {
     value: boolean | undefined;
     name: string;