simpo-component-library 1.4.75 → 1.4.76
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/directive/background-directive.mjs +1 -1
- package/esm2022/lib/directive/border-directive.mjs +41 -11
- package/esm2022/lib/directive/spacing-horizontal.directive.mjs +45 -0
- package/esm2022/lib/ecommerce/sections/address/address.component.mjs +1 -3
- package/esm2022/lib/ecommerce/sections/authenticate-user/authenticate-user.component.mjs +1 -2
- package/esm2022/lib/ecommerce/sections/order-details/order-details.component.mjs +34 -4
- package/esm2022/lib/ecommerce/sections/user-profile/user-profile.component.mjs +60 -6
- package/esm2022/lib/ecommerce/sections/user-profile/user-profile.modal.mjs +1 -1
- package/esm2022/lib/ecommerce/styles/OrderedItems.modal.mjs +2 -2
- package/esm2022/lib/services/rest.service.mjs +4 -1
- package/esm2022/lib/styles/index.mjs +8 -1
- package/esm2022/lib/styles/style.model.mjs +1 -1
- package/esm2022/lib/styles/types.mjs +1 -1
- package/fesm2022/simpo-component-library.mjs +181 -23
- package/fesm2022/simpo-component-library.mjs.map +1 -1
- package/lib/directive/background-directive.d.ts +1 -1
- package/lib/directive/button-directive.directive.d.ts +1 -1
- package/lib/directive/color.directive.d.ts +1 -1
- package/lib/directive/spacing-horizontal.directive.d.ts +18 -0
- package/lib/ecommerce/sections/order-details/order-details.component.d.ts +8 -1
- package/lib/ecommerce/sections/user-profile/user-profile.component.d.ts +10 -2
- package/lib/ecommerce/sections/user-profile/user-profile.modal.d.ts +5 -1
- package/lib/ecommerce/styles/OrderedItems.modal.d.ts +1 -1
- package/lib/sections/pricing-section/pricing-section.component.d.ts +1 -1
- package/lib/services/rest.service.d.ts +1 -0
- package/lib/styles/index.d.ts +6 -0
- package/lib/styles/style.model.d.ts +4 -1
- package/lib/styles/types.d.ts +1 -0
- package/package.json +1 -1
- package/simpo-component-library-1.4.76.tgz +0 -0
|
@@ -11,7 +11,7 @@ export declare class BackgroundDirective implements OnChanges {
|
|
|
11
11
|
constructor(el: ElementRef, eventService: EventsService);
|
|
12
12
|
ngOnDestroy(): void;
|
|
13
13
|
ngOnChanges(change: SimpleChanges): void;
|
|
14
|
-
getTextColor(bgColor: string): "#
|
|
14
|
+
getTextColor(bgColor: string): "#000000" | "#ffffff" | "#ffffff;";
|
|
15
15
|
static ɵfac: i0.ɵɵFactoryDeclaration<BackgroundDirective, never>;
|
|
16
16
|
static ɵdir: i0.ɵɵDirectiveDeclaration<BackgroundDirective, "[simpoBackground]", never, { "simpoBackground": { "alias": "simpoBackground"; "required": false; }; "scrollValue": { "alias": "scrollValue"; "required": false; }; }, {}, never, never, true, never>;
|
|
17
17
|
}
|
|
@@ -15,7 +15,7 @@ export declare class ButtonDirectiveDirective implements OnChanges {
|
|
|
15
15
|
applyButtonStyleChanges(): void;
|
|
16
16
|
applyButtonType(style: ButtonStyleModel, color: string): void;
|
|
17
17
|
applyButtonShape(style: ButtonStyleModel): void;
|
|
18
|
-
getTextColor(bgColor: string): "#
|
|
18
|
+
getTextColor(bgColor: string): "#000000" | "#ffffff" | "#ffffff;";
|
|
19
19
|
buttonStyleSubscription?: Subscription;
|
|
20
20
|
buttonStyleChangeCheck(): void;
|
|
21
21
|
changeButtonStyle(id: any, style: ButtonStyleModel, bgColor: string): void;
|
|
@@ -12,7 +12,7 @@ export declare class ColorDirective implements OnChanges {
|
|
|
12
12
|
ngOnDestroy(): void;
|
|
13
13
|
applyColor(): void;
|
|
14
14
|
bgColorChangeCheck(): void;
|
|
15
|
-
getTextColor(): "#
|
|
15
|
+
getTextColor(): "#000000" | "#ffffff" | "#ffffff;";
|
|
16
16
|
static ɵfac: i0.ɵɵFactoryDeclaration<ColorDirective, never>;
|
|
17
17
|
static ɵdir: i0.ɵɵDirectiveDeclaration<ColorDirective, "[simpoColor]", never, { "bgColor": { "alias": "simpoColor"; "required": false; }; }, {}, never, never, true, never>;
|
|
18
18
|
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { ElementRef } from '@angular/core';
|
|
2
|
+
import { EventsService } from '../services/events.service';
|
|
3
|
+
import { Subscription } from 'rxjs';
|
|
4
|
+
import { LayOutModel } from '../styles/style.model';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export declare class SpacingHorizontalDirective {
|
|
7
|
+
private el;
|
|
8
|
+
private eventService;
|
|
9
|
+
layout?: LayOutModel;
|
|
10
|
+
constructor(el: ElementRef, eventService: EventsService);
|
|
11
|
+
ngOnChanges(): void;
|
|
12
|
+
ngOnDestroy(): void;
|
|
13
|
+
changeHorizontalSpacing(): void;
|
|
14
|
+
positionLayoutSubscription?: Subscription;
|
|
15
|
+
positionLayoutChangeCheck(): void;
|
|
16
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SpacingHorizontalDirective, never>;
|
|
17
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<SpacingHorizontalDirective, "[spacingHorizontal]", never, { "layout": { "alias": "spacingHorizontal"; "required": false; }; }, {}, never, never, true, never>;
|
|
18
|
+
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { OnInit } from '@angular/core';
|
|
2
2
|
import { EventsService } from '../../../services/events.service';
|
|
3
|
+
import { ProfileStylesModal } from '../user-profile/user-profile.modal';
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
5
|
export declare class OrderDetailsComponent implements OnInit {
|
|
5
6
|
private readonly _eventService;
|
|
@@ -8,10 +9,16 @@ export declare class OrderDetailsComponent implements OnInit {
|
|
|
8
9
|
index?: number;
|
|
9
10
|
edit?: boolean;
|
|
10
11
|
delete?: boolean;
|
|
12
|
+
orderDetailData: any;
|
|
11
13
|
isLoading: boolean;
|
|
14
|
+
styles?: ProfileStylesModal;
|
|
12
15
|
constructor(_eventService: EventsService);
|
|
13
16
|
orderTimiline: any;
|
|
14
17
|
ngOnInit(): void;
|
|
18
|
+
get getCardBGColor(): string;
|
|
19
|
+
get isMobile(): boolean;
|
|
20
|
+
private getComplementColor;
|
|
21
|
+
private convertHEX;
|
|
15
22
|
static ɵfac: i0.ɵɵFactoryDeclaration<OrderDetailsComponent, never>;
|
|
16
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<OrderDetailsComponent, "simpo-order-details", never, { "responseData": { "alias": "responseData"; "required": false; }; "data": { "alias": "data"; "required": false; }; "index": { "alias": "index"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "delete": { "alias": "delete"; "required": false; }; }, {}, never, never, true, never>;
|
|
23
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<OrderDetailsComponent, "simpo-order-details", never, { "responseData": { "alias": "responseData"; "required": false; }; "data": { "alias": "data"; "required": false; }; "index": { "alias": "index"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "delete": { "alias": "delete"; "required": false; }; "orderDetailData": { "alias": "orderDetailData"; "required": false; }; }, {}, never, never, true, never>;
|
|
17
24
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { OnInit } from '@angular/core';
|
|
2
2
|
import { EventsService } from '.././../../services/events.service';
|
|
3
|
-
import { ResponseData, Tabs } from './user-profile.modal';
|
|
3
|
+
import { ProfileContentModal, ProfileStylesModal, ResponseData, Tabs } from './user-profile.modal';
|
|
4
4
|
import { OrderItem } from '../../styles/order.modal';
|
|
5
5
|
import { Router } from '@angular/router';
|
|
6
6
|
import { RestService } from "../../../services/rest.service";
|
|
@@ -21,18 +21,23 @@ export declare class UserProfileComponent implements OnInit {
|
|
|
21
21
|
edit?: boolean;
|
|
22
22
|
delete?: boolean;
|
|
23
23
|
isLoading: boolean;
|
|
24
|
+
styles?: ProfileStylesModal;
|
|
25
|
+
content?: ProfileContentModal;
|
|
24
26
|
button: any;
|
|
25
27
|
selectedSidePanelTab: string | null;
|
|
26
28
|
userDetails: User | null;
|
|
27
29
|
addressList: any;
|
|
30
|
+
orderDetailsData: any;
|
|
28
31
|
sidePanelList: Tabs[];
|
|
29
32
|
tabs: Tabs[];
|
|
30
33
|
orderList: OrderItem[];
|
|
31
34
|
ngOnInit(): void;
|
|
35
|
+
getUserOrderDetails(): void;
|
|
36
|
+
get getProductWidth(): string;
|
|
32
37
|
getUserInfo(): void;
|
|
33
38
|
goToPanel(panel: any): void;
|
|
34
39
|
goBack(): void;
|
|
35
|
-
|
|
40
|
+
goToOrderDetails(order: any): void;
|
|
36
41
|
addNewAddress(): void;
|
|
37
42
|
goToHome(): void;
|
|
38
43
|
selectTab(tab: Tabs): void;
|
|
@@ -40,6 +45,9 @@ export declare class UserProfileComponent implements OnInit {
|
|
|
40
45
|
get getUserDetails(): User | null;
|
|
41
46
|
get isMobile(): boolean;
|
|
42
47
|
get getUserProfile(): string;
|
|
48
|
+
get getCardBGColor(): string;
|
|
49
|
+
private getComplementColor;
|
|
50
|
+
private convertHEX;
|
|
43
51
|
static ɵfac: i0.ɵɵFactoryDeclaration<UserProfileComponent, never>;
|
|
44
52
|
static ɵcmp: i0.ɵɵComponentDeclaration<UserProfileComponent, "simpo-user-profile", never, { "responseData": { "alias": "responseData"; "required": false; }; "data": { "alias": "data"; "required": false; }; "index": { "alias": "index"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "delete": { "alias": "delete"; "required": false; }; }, {}, never, never, true, never>;
|
|
45
53
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { UserDetails } from "../../styles/cart.modal";
|
|
2
|
-
import { ActionModel, AnimationModel, BackgroundModel, LayOutModel } from "../../../styles/style.model";
|
|
2
|
+
import { ActionModel, AnimationModel, BackgroundModel, BorderModel, Image, InputTextModel, LayOutModel } from "../../../styles/style.model";
|
|
3
3
|
import { OrderItem } from "../../styles/order.modal";
|
|
4
4
|
export interface Tabs {
|
|
5
5
|
icon: string | null;
|
|
@@ -22,10 +22,14 @@ export interface ProfileStylesModal {
|
|
|
22
22
|
elementInRow: number;
|
|
23
23
|
mobileColumn: number;
|
|
24
24
|
animation: AnimationModel;
|
|
25
|
+
border: BorderModel;
|
|
26
|
+
swap: boolean;
|
|
25
27
|
}
|
|
26
28
|
export interface ProfileContentModal {
|
|
27
29
|
display: Display;
|
|
28
30
|
button: string;
|
|
31
|
+
image: Image;
|
|
32
|
+
inputText: InputTextModel[];
|
|
29
33
|
}
|
|
30
34
|
export interface Display {
|
|
31
35
|
showButton: boolean;
|
|
@@ -15,7 +15,7 @@ export declare class PricingSectionComponent extends BaseSection {
|
|
|
15
15
|
style?: PricingSectionStylesModel;
|
|
16
16
|
constructor(_eventService: EventsService);
|
|
17
17
|
ngOnInit(): void;
|
|
18
|
-
getTextColor(): "#
|
|
18
|
+
getTextColor(): "#000000" | "#ffffff";
|
|
19
19
|
get headingSpace(): SPACING;
|
|
20
20
|
editSection(): void;
|
|
21
21
|
static ɵfac: i0.ɵɵFactoryDeclaration<PricingSectionComponent, never>;
|
|
@@ -25,6 +25,7 @@ export declare class RestService implements OnDestroy {
|
|
|
25
25
|
getUserInfo(userId: string): Observable<Object>;
|
|
26
26
|
addUserAddress(user: any): Observable<Object>;
|
|
27
27
|
updateProfile(payload: any): Observable<Object>;
|
|
28
|
+
getUserOrders(payload: any): Observable<Object>;
|
|
28
29
|
toggleItemCartToFav(): void;
|
|
29
30
|
createPaymentToken(payload: any): Observable<Object>;
|
|
30
31
|
refundPayment(orderId: string, payload: any): Observable<Object>;
|
package/lib/styles/index.d.ts
CHANGED
|
@@ -27,6 +27,12 @@ export declare enum BANNERALIGNMENT {
|
|
|
27
27
|
top = "flex-lg-column",
|
|
28
28
|
bottom = "flex-lg-column-reverse"
|
|
29
29
|
}
|
|
30
|
+
export declare enum SPACINGALIGN {
|
|
31
|
+
large = "8rem",
|
|
32
|
+
medium = "6rem",
|
|
33
|
+
small = "2rem",
|
|
34
|
+
none = "0rem"
|
|
35
|
+
}
|
|
30
36
|
export declare enum BANNERHALIGN {
|
|
31
37
|
left = "justify-content-start text-start",
|
|
32
38
|
center = "justify-content-center text-center",
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { AlignContent, Corners, ImageFit, ImageRatio, OverlayValue, RedirectionLinkType, SPACING, TEXT_SIZE, TextPosition } from '.';
|
|
2
|
-
import { ALIGN, ANIMATION_DIRECTION, ANIMATION_SPEED, BUTTON_SHAPE, BUTTON_TYPE, CARD_SIZE, FIT, LAYOUTPOSITION, LINK_TYPE, SPACING_TYPE, CONTENTPOSITION } from './types';
|
|
2
|
+
import { ALIGN, ANIMATION_DIRECTION, ANIMATION_SPEED, BUTTON_SHAPE, BUTTON_TYPE, CARD_SIZE, FIT, LAYOUTPOSITION, LINK_TYPE, SPACING_TYPE, CONTENTPOSITION, BORDER_DIRECTION } from './types';
|
|
3
3
|
export interface SpacingModel {
|
|
4
4
|
top: SPACING_TYPE;
|
|
5
5
|
bottom: SPACING_TYPE;
|
|
@@ -13,6 +13,8 @@ export interface BorderModel {
|
|
|
13
13
|
color: string;
|
|
14
14
|
type: string;
|
|
15
15
|
thickness: string;
|
|
16
|
+
direction?: BORDER_DIRECTION[];
|
|
17
|
+
radius?: number;
|
|
16
18
|
}
|
|
17
19
|
export interface DeviderModel {
|
|
18
20
|
display: boolean;
|
|
@@ -22,6 +24,7 @@ export interface LayOutModel {
|
|
|
22
24
|
fit: FIT;
|
|
23
25
|
headingSpacing?: SPACING;
|
|
24
26
|
spacing: SpacingModel;
|
|
27
|
+
spacingHorizontal?: SPACING_TYPE;
|
|
25
28
|
}
|
|
26
29
|
export interface BannerLayOutModel {
|
|
27
30
|
layoutAlignment: PositionLayoutModal;
|
package/lib/styles/types.d.ts
CHANGED
|
@@ -5,6 +5,7 @@ export type CONTENTPOSITION = 'image center' | 'image top' | 'image bottom';
|
|
|
5
5
|
export type FIT = 'content' | 'screen';
|
|
6
6
|
export type CARD_SIZE = 'Small' | 'Medium' | 'Large';
|
|
7
7
|
export type ANIMATION_DIRECTION = 'left' | 'top' | 'bottom' | 'right' | 'fadeIn' | 'zoom' | 'none';
|
|
8
|
+
export type BORDER_DIRECTION = "ALL" | "LEFT" | "RIGHT" | "TOP" | "BOTTOM";
|
|
8
9
|
export type ANIMATION_SPEED = 'slow' | 'medium' | 'fast';
|
|
9
10
|
export type LINK_TYPE = 'Button' | 'List Item';
|
|
10
11
|
export type BUTTON_TYPE = 'Solid' | 'Outline';
|
package/package.json
CHANGED
|
Binary file
|