simpo-component-library 3.6.250 → 3.6.251
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/corner-directive.mjs +2 -2
- package/esm2022/lib/directive/image-editor.directive.mjs +4 -11
- package/esm2022/lib/directive/set-dynamic-background.directive.mjs +2 -2
- package/esm2022/lib/ecommerce/sections/authentication-required/authentication-required.component.mjs +2 -1
- package/esm2022/lib/ecommerce/sections/cart/cart.component.mjs +2 -2
- package/esm2022/lib/ecommerce/sections/featured-products/featured-products.component.mjs +2 -2
- package/esm2022/lib/ecommerce/sections/returns-calculator/returns-calculator.component.mjs +141 -19
- package/esm2022/lib/ecommerce/sections/scheme-details/scheme-details.component.mjs +89 -11
- package/esm2022/lib/ecommerce/sections/user-profile/user-profile.component.mjs +31 -14
- package/esm2022/lib/ecommerce/sections/verify-payment/verify-payment.component.mjs +43 -2
- package/esm2022/lib/elements/below-image-card/below-image-card.component.mjs +5 -24
- package/esm2022/lib/elements/covering-image-card/covering-image-card.component.mjs +2 -2
- package/esm2022/lib/elements/image-editor/image-editor.component.mjs +27 -57
- package/esm2022/lib/elements/pricing-s1/pricing-s1.component.mjs +2 -2
- package/esm2022/lib/sections/appointment-form/appointment-form.component.mjs +2 -2
- package/esm2022/lib/sections/banner-carousel/banner-carousel.component.mjs +2 -2
- package/esm2022/lib/sections/banner-grid-section/banner-grid-section.component.mjs +2 -2
- package/esm2022/lib/sections/banner-section/banner-section.component.mjs +4 -4
- package/esm2022/lib/sections/contact-us/contact-us.component.mjs +1 -1
- package/esm2022/lib/sections/faq-section/faq-section.component.mjs +1 -1
- package/esm2022/lib/sections/features-section/features-section.component.mjs +2 -2
- package/esm2022/lib/sections/header-section/header-section.component.mjs +3 -3
- package/esm2022/lib/sections/image-carousel-section/image-carousel-section.component.mjs +2 -2
- package/esm2022/lib/sections/image-grid-section/image-grid-section.component.mjs +2 -2
- package/esm2022/lib/sections/image-section/image-section.component.mjs +2 -2
- package/esm2022/lib/sections/logo-gallery/logo-gallery.component.mjs +2 -2
- package/esm2022/lib/sections/logo-showcase/logo-showcase.component.mjs +4 -5
- package/esm2022/lib/sections/logo-showcase/logo-showcase.modal.mjs +1 -1
- package/esm2022/lib/sections/new-services/new-services.component.mjs +1 -1
- package/esm2022/lib/sections/new-testimonials/new-testimonials.component.mjs +1 -1
- package/esm2022/lib/sections/news-letter-component/news-letter-component.component.mjs +2 -2
- package/esm2022/lib/sections/pricing-section/pricing-section.component.mjs +2 -2
- package/esm2022/lib/sections/process-modern/process-modern.component.mjs +2 -2
- package/esm2022/lib/sections/process-section/process-section.component.mjs +1 -1
- package/esm2022/lib/sections/testimonial-fullwidth/testimonial-fullwidth.component.mjs +2 -2
- package/esm2022/lib/sections/testimonial-section/testimonial-section.component.mjs +2 -2
- package/esm2022/lib/sections/text-image-section/text-image-section.component.mjs +2 -2
- package/esm2022/lib/services/events.service.mjs +1 -2
- package/esm2022/lib/services/rest.service.mjs +30 -3
- package/esm2022/lib/services/storage.service.mjs +4 -1
- package/esm2022/lib/styles/style.model.mjs +1 -1
- package/esm2022/public-api.mjs +1 -2
- package/fesm2022/simpo-component-library.mjs +388 -201
- package/fesm2022/simpo-component-library.mjs.map +1 -1
- package/lib/directive/image-editor.directive.d.ts +1 -4
- package/lib/ecommerce/sections/returns-calculator/returns-calculator.component.d.ts +21 -3
- package/lib/ecommerce/sections/scheme-details/scheme-details.component.d.ts +16 -2
- package/lib/ecommerce/sections/user-profile/user-profile.component.d.ts +2 -1
- package/lib/ecommerce/sections/verify-payment/verify-payment.component.d.ts +3 -0
- package/lib/elements/below-image-card/below-image-card.component.d.ts +0 -3
- package/lib/elements/image-editor/image-editor.component.d.ts +1 -4
- package/lib/sections/logo-showcase/logo-showcase.component.d.ts +1 -0
- package/lib/sections/logo-showcase/logo-showcase.modal.d.ts +3 -2
- package/lib/services/events.service.d.ts +0 -1
- package/lib/services/rest.service.d.ts +6 -1
- package/lib/services/storage.service.d.ts +1 -0
- package/lib/styles/style.model.d.ts +0 -4
- package/package.json +1 -1
- package/public-api.d.ts +0 -1
- package/simpo-component-library-3.6.251.tgz +0 -0
- package/esm2022/lib/directive/icon-directive.directive.mjs +0 -43
- package/lib/directive/icon-directive.directive.d.ts +0 -16
- package/simpo-component-library-3.6.250.tgz +0 -0
@@ -3,7 +3,6 @@ import { Image } from '../styles/style.model';
|
|
3
3
|
import { MatDialog } from '@angular/material/dialog';
|
4
4
|
import { EventsService } from '../services/events.service';
|
5
5
|
import { Router } from '@angular/router';
|
6
|
-
import { Icon } from '../styles/style.model';
|
7
6
|
import * as i0 from "@angular/core";
|
8
7
|
export declare class ImageEditorDirective implements OnInit, OnDestroy {
|
9
8
|
private el;
|
@@ -13,8 +12,6 @@ export declare class ImageEditorDirective implements OnInit, OnDestroy {
|
|
13
12
|
appImageEditor: boolean;
|
14
13
|
imageData?: Image;
|
15
14
|
sectionId?: string;
|
16
|
-
showIcon?: boolean;
|
17
|
-
iconData?: Icon;
|
18
15
|
private mouseEnterSub?;
|
19
16
|
private mouseLeaveSub?;
|
20
17
|
private clickSub?;
|
@@ -27,5 +24,5 @@ export declare class ImageEditorDirective implements OnInit, OnDestroy {
|
|
27
24
|
ngOnDestroy(): void;
|
28
25
|
redirectTo(): void;
|
29
26
|
static ɵfac: i0.ɵɵFactoryDeclaration<ImageEditorDirective, never>;
|
30
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<ImageEditorDirective, "[appImageEditor]", never, { "appImageEditor": { "alias": "appImageEditor"; "required": false; }; "imageData": { "alias": "imageData"; "required": false; }; "sectionId": { "alias": "sectionId"; "required": false; };
|
27
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ImageEditorDirective, "img[appImageEditor]", never, { "appImageEditor": { "alias": "appImageEditor"; "required": false; }; "imageData": { "alias": "imageData"; "required": false; }; "sectionId": { "alias": "sectionId"; "required": false; }; }, {}, never, never, true, never>;
|
31
28
|
}
|
@@ -1,10 +1,18 @@
|
|
1
|
+
import { TemplateRef } from '@angular/core';
|
1
2
|
import BaseSection from '../../../sections/BaseSection';
|
2
3
|
import { ReturnsCalculatorModel, ReturnsCalculatorStyleModel } from './returns-calculator.model';
|
3
4
|
import { LayOutModel } from '../../../styles/style.model';
|
4
5
|
import { EventsService } from '.././../../services/events.service';
|
6
|
+
import { RestService } from '../../../services/rest.service';
|
7
|
+
import { StorageServiceService } from '../../../services/storage.service';
|
8
|
+
import { MatDialog } from '@angular/material/dialog';
|
5
9
|
import * as i0 from "@angular/core";
|
6
10
|
export declare class ReturnsCalculatorComponent extends BaseSection {
|
7
11
|
private readonly _eventService;
|
12
|
+
private restService;
|
13
|
+
private matDialog;
|
14
|
+
private storageService;
|
15
|
+
showChargesTemplate: TemplateRef<HTMLDivElement>;
|
8
16
|
data?: ReturnsCalculatorModel;
|
9
17
|
edit?: boolean;
|
10
18
|
customClass?: string;
|
@@ -15,9 +23,12 @@ export declare class ReturnsCalculatorComponent extends BaseSection {
|
|
15
23
|
monthlyAmount: number;
|
16
24
|
maxAmount: number;
|
17
25
|
minAmount: number;
|
18
|
-
constructor(_eventService: EventsService);
|
26
|
+
constructor(_eventService: EventsService, restService: RestService, matDialog: MatDialog, storageService: StorageServiceService);
|
19
27
|
ngOnInit(): void;
|
20
|
-
|
28
|
+
maturityCount: number;
|
29
|
+
enrolledScheme: any;
|
30
|
+
onSchemeChange(scheme: any): void;
|
31
|
+
benefitAmount: number;
|
21
32
|
onAmountChange(): void;
|
22
33
|
get individualContribution(): number;
|
23
34
|
get orraBonus(): number;
|
@@ -28,7 +39,14 @@ export declare class ReturnsCalculatorComponent extends BaseSection {
|
|
28
39
|
getButtonId(index: number): string;
|
29
40
|
getButtonStyle(index: number): import("../../../styles/style.model").ButtonStyleModel | undefined;
|
30
41
|
getButtonData(index: number): import("../../../styles/style.model").Button | undefined;
|
31
|
-
redirectTo(
|
42
|
+
redirectTo(scheme: any): void;
|
43
|
+
closeDialog(): void;
|
44
|
+
storeCharges: any;
|
45
|
+
enrollScheme(scheme: any): void;
|
46
|
+
continuePayment(payload: any): void;
|
47
|
+
allSchemes: any[];
|
48
|
+
getEnrolledSchemes(): void;
|
49
|
+
openCashfreeSdk(sessionId: string): void;
|
32
50
|
static ɵfac: i0.ɵɵFactoryDeclaration<ReturnsCalculatorComponent, never>;
|
33
51
|
static ɵcmp: i0.ɵɵComponentDeclaration<ReturnsCalculatorComponent, "simpo-returns-calculator", never, { "data": { "alias": "data"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "delete": { "alias": "delete"; "required": false; }; "index": { "alias": "index"; "required": false; }; }, {}, never, never, true, never>;
|
34
52
|
}
|
@@ -1,15 +1,29 @@
|
|
1
|
-
import { EventEmitter, OnInit } from '@angular/core';
|
1
|
+
import { EventEmitter, OnInit, TemplateRef } from '@angular/core';
|
2
|
+
import { StorageServiceService } from '@simpo-ui/services/storage.service';
|
3
|
+
import { RestService } from '@simpo-ui/services/rest.service';
|
4
|
+
import { MatDialog } from '@angular/material/dialog';
|
5
|
+
import { EventsService } from '.././../../services/events.service';
|
2
6
|
import * as i0 from "@angular/core";
|
3
7
|
export declare class SchemeDetailsComponent implements OnInit {
|
8
|
+
private storageService;
|
9
|
+
private restService;
|
10
|
+
private matDialog;
|
11
|
+
private readonly _eventService;
|
4
12
|
schemeDetails: any;
|
5
13
|
gotoSchemeOverview: EventEmitter<void>;
|
6
|
-
|
14
|
+
showChargesTemplate: TemplateRef<HTMLDivElement>;
|
15
|
+
constructor(storageService: StorageServiceService, restService: RestService, matDialog: MatDialog, _eventService: EventsService);
|
7
16
|
ngOnInit(): void;
|
8
17
|
screenWidth: any;
|
9
18
|
getScreenSize(event?: any): void;
|
10
19
|
paymentData: any[];
|
11
20
|
getPaymentScheme(): void;
|
12
21
|
getDueDate(paymentDate: string | Date): number | null;
|
22
|
+
storeCharges: any;
|
23
|
+
closeDialog(): void;
|
24
|
+
payDuePayment(passBook: any): void;
|
25
|
+
continuePayment(payload: any): void;
|
26
|
+
openCashfreeSdk(sessionId: string): void;
|
13
27
|
goBack(): void;
|
14
28
|
static ɵfac: i0.ɵɵFactoryDeclaration<SchemeDetailsComponent, never>;
|
15
29
|
static ɵcmp: i0.ɵɵComponentDeclaration<SchemeDetailsComponent, "simpo-scheme-details", never, { "schemeDetails": { "alias": "schemeDetails"; "required": false; }; }, { "gotoSchemeOverview": "gotoSchemeOverview"; }, never, never, true, never>;
|
@@ -47,9 +47,10 @@ export declare class UserProfileComponent extends BaseSection implements OnInit
|
|
47
47
|
ecomConfigs: any;
|
48
48
|
getEcommerceConfigs(): void;
|
49
49
|
getUserOrderDetails(): void;
|
50
|
-
|
50
|
+
totalSavings: number;
|
51
51
|
userEnrollments: any[];
|
52
52
|
paymentData: any[];
|
53
|
+
totalSchemes: any[];
|
53
54
|
getAllSchemes(): void;
|
54
55
|
getUserWislistDetails(): void;
|
55
56
|
deleteFromWhislist(product: OrderedItems): void;
|
@@ -26,10 +26,13 @@ export declare class VerifyComponent extends BaseSection implements OnInit {
|
|
26
26
|
loadingText: string;
|
27
27
|
private API_COUNT;
|
28
28
|
private MAX_API_COUNT;
|
29
|
+
private PASSBOOK_API_COUNT;
|
30
|
+
private MAX_PASSBOOK_API_COUNT;
|
29
31
|
ngOnInit(): void;
|
30
32
|
get getImageUrl(): string | undefined;
|
31
33
|
get isMobile(): boolean;
|
32
34
|
checkPaymentStatus(): void;
|
35
|
+
checkPassbookPaymentStatus(): void;
|
33
36
|
editSection(): void;
|
34
37
|
static ɵfac: i0.ɵɵFactoryDeclaration<VerifyComponent, never>;
|
35
38
|
static ɵcmp: i0.ɵɵComponentDeclaration<VerifyComponent, "simpo-verify-payment", never, { "data": { "alias": "data"; "required": false; }; "responseData": { "alias": "responseData"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "index": { "alias": "index"; "required": false; }; "delete": { "alias": "delete"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; }, {}, never, never, true, never>;
|
@@ -16,9 +16,6 @@ export declare class BelowImageCardComponent {
|
|
16
16
|
getContentAnimation(): {
|
17
17
|
contentAnimation: any;
|
18
18
|
};
|
19
|
-
get getIconStyls(): any;
|
20
|
-
ngOnChanges(): void;
|
21
|
-
getAlignment(): "justify-items-start" | "justify-items-end" | "justify-items-center";
|
22
19
|
static ɵfac: i0.ɵɵFactoryDeclaration<BelowImageCardComponent, never>;
|
23
20
|
static ɵcmp: i0.ɵɵComponentDeclaration<BelowImageCardComponent, "simpo-below-image-card", never, { "data": { "alias": "data"; "required": false; }; "styles": { "alias": "styles"; "required": false; }; "content": { "alias": "content"; "required": false; }; "componentId": { "alias": "componentId"; "required": false; }; "button": { "alias": "button"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; }, {}, never, never, true, never>;
|
24
21
|
}
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import { MatDialog, MatDialogRef } from '@angular/material/dialog';
|
2
2
|
import { EventsService } from '../../services/events.service';
|
3
|
-
import { Button,
|
3
|
+
import { Button, Image } from '../../styles/style.model';
|
4
4
|
import { ElementServiceService } from '../editor-service.service';
|
5
5
|
import { RedirectionLinkType } from '../../styles/index';
|
6
6
|
import * as i0 from "@angular/core";
|
@@ -12,7 +12,6 @@ export declare class ImageEditorComponent {
|
|
12
12
|
private matDialog;
|
13
13
|
constructor(eventsService: EventsService, editorService: ElementServiceService, dialogRef: MatDialogRef<ImageEditorComponent>, data: any, matDialog: MatDialog);
|
14
14
|
imageData: Image;
|
15
|
-
iconData: Icon;
|
16
15
|
sectionId: string;
|
17
16
|
private backDrop;
|
18
17
|
link: Button;
|
@@ -23,7 +22,6 @@ export declare class ImageEditorComponent {
|
|
23
22
|
min: number;
|
24
23
|
imgLoader: boolean;
|
25
24
|
updateImage(): Promise<void>;
|
26
|
-
changeIconColor(): void;
|
27
25
|
horizontalPosition(): void;
|
28
26
|
deleteImage(): void;
|
29
27
|
linkType: any[];
|
@@ -42,7 +40,6 @@ export declare class ImageEditorComponent {
|
|
42
40
|
categoryPath: any;
|
43
41
|
addCategoryToPath(): void;
|
44
42
|
onPageChange(event: any): void;
|
45
|
-
imageHelperFunction(): Promise<void>;
|
46
43
|
static ɵfac: i0.ɵɵFactoryDeclaration<ImageEditorComponent, never>;
|
47
44
|
static ɵcmp: i0.ɵɵComponentDeclaration<ImageEditorComponent, "simpo-image-editor", never, {}, {}, never, never, true, never>;
|
48
45
|
}
|
@@ -22,6 +22,7 @@ export declare class LogoShowcaseComponent extends BaseSection implements OnInit
|
|
22
22
|
isFullWidth: boolean;
|
23
23
|
constructor(_eventService: EventsService);
|
24
24
|
ngOnInit(): void;
|
25
|
+
leftOrRight: any;
|
25
26
|
get stylesLayout(): LayOutModel;
|
26
27
|
get animationDuration(): logoSpeed;
|
27
28
|
get animationDirection(): logoDirection.Left | "reverse" | "normal";
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { ImageStyle, StylesModel, ActionModel, InputTextModel, ListItemModal, PositionLayoutModal, DisplaySection
|
1
|
+
import { Image, ImageStyle, StylesModel, ActionModel, InputTextModel, ListItemModal, PositionLayoutModal, DisplaySection } from "./../../styles/style.model";
|
2
2
|
import { Corners, logoDirection, logoSpeed, logoType, showCaseType, AlignContent } from './../../styles/index';
|
3
3
|
import { CARD_SIZE, LOGO_POSITION } from './../../styles/types';
|
4
4
|
export interface LogoShowcaseSection {
|
@@ -15,10 +15,11 @@ export interface LogoShowcaseContentModel {
|
|
15
15
|
listItem: ListItemModal<LogoShowcaseItemModel>;
|
16
16
|
}
|
17
17
|
export interface Display extends DisplaySection {
|
18
|
+
showIcon: boolean;
|
18
19
|
showButtonOnHover: boolean;
|
19
20
|
}
|
20
21
|
export interface LogoShowcaseItemModel {
|
21
|
-
|
22
|
+
image: Image;
|
22
23
|
inputText: InputTextModel[];
|
23
24
|
}
|
24
25
|
export interface LogoShowcaseStylesModel extends StylesModel {
|
@@ -46,7 +46,6 @@ export declare class EventsService implements OnInit {
|
|
46
46
|
showBagIcon: EventEmitter<boolean>;
|
47
47
|
formFieldChanged: EventEmitter<unknown>;
|
48
48
|
elementHeight: EventEmitter<unknown>;
|
49
|
-
iconChanged: EventEmitter<unknown>;
|
50
49
|
static ɵfac: i0.ɵɵFactoryDeclaration<EventsService, never>;
|
51
50
|
static ɵprov: i0.ɵɵInjectableDeclaration<EventsService>;
|
52
51
|
}
|
@@ -16,12 +16,14 @@ export declare class RestService implements OnDestroy {
|
|
16
16
|
isJewellery: boolean;
|
17
17
|
constructor(http: HttpClient, BASE_URL: string, ECOMMERCE_URL: string, CMIS_URL: string);
|
18
18
|
orraBaseUrl: string;
|
19
|
+
passBookUrl: string;
|
19
20
|
getBusinessDetails(): void;
|
20
21
|
ngOnDestroy(): void;
|
21
22
|
getFeaturedProduct(collectionId: string | undefined | null): Observable<any>;
|
22
23
|
getCategoriesByCollectionId(collectionId: string): Observable<any>;
|
24
|
+
getPassbookOrderStatus(orderId: any): Observable<Object>;
|
23
25
|
getProductBySelectedCategory(categoryId: string): Observable<Object>;
|
24
|
-
getAllSchemes(
|
26
|
+
getAllSchemes(userId?: any, storeId?: any): any;
|
25
27
|
getAllRedemptionSchemes(): Observable<Object>;
|
26
28
|
getProductDetails(productId?: string | null): Observable<any>;
|
27
29
|
getCollectionByIds(collectionIds: string[]): Observable<any>;
|
@@ -104,6 +106,9 @@ export declare class RestService implements OnDestroy {
|
|
104
106
|
redeemScheme(scheme: string, cartId: any, action: boolean): Observable<Object>;
|
105
107
|
getReviewsByProductId(productId: string, pageNumber: number): Observable<Object>;
|
106
108
|
getFieldsToDisplay(fieldsList: any[]): any;
|
109
|
+
generateToken(bId: any, userId: any, storeId?: any, userType?: any): Observable<Object>;
|
110
|
+
getAllEnrolledSchemes(payload: any): Observable<Object>;
|
111
|
+
enrollScheme(payload: any, checkCharges: boolean): Observable<Object>;
|
107
112
|
static ɵfac: i0.ɵɵFactoryDeclaration<RestService, never>;
|
108
113
|
static ɵprov: i0.ɵɵInjectableDeclaration<RestService>;
|
109
114
|
}
|
@@ -25,6 +25,7 @@ export declare class StorageServiceService {
|
|
25
25
|
userCollectionRef: IDBObjectStore | null;
|
26
26
|
trialCartCollectionRef: IDBObjectStore | null;
|
27
27
|
createDataBase(): Promise<void>;
|
28
|
+
setToken(token: any): void;
|
28
29
|
updateAllData(): void;
|
29
30
|
mergeAllItems(unSyncedItem: any[], syncedItem: any[]): any[];
|
30
31
|
getUserCart(): Promise<IDBRequest<OrderedItems[]>>;
|
@@ -169,12 +169,8 @@ export interface Image {
|
|
169
169
|
content?: Button;
|
170
170
|
}
|
171
171
|
export interface Icon {
|
172
|
-
id?: string;
|
173
172
|
url: string;
|
174
|
-
altText?: string;
|
175
173
|
color: string;
|
176
|
-
showBackground?: boolean;
|
177
|
-
backgroundColor?: string;
|
178
174
|
}
|
179
175
|
export interface ButtonStyleModel {
|
180
176
|
type: BUTTON_TYPE;
|
package/package.json
CHANGED
package/public-api.d.ts
CHANGED
@@ -96,7 +96,6 @@ export * from './lib/directive/height.directive';
|
|
96
96
|
export * from './lib/directive/alignment.directive';
|
97
97
|
export * from './lib/directive/translate-onhover.directive';
|
98
98
|
export * from './lib/directive/merge-header.directive';
|
99
|
-
export * from './lib/directive/icon-directive.directive';
|
100
99
|
export * from './lib/styles/index';
|
101
100
|
export * from './lib/styles/style.model';
|
102
101
|
export * from './lib/styles/types';
|
Binary file
|
@@ -1,43 +0,0 @@
|
|
1
|
-
import { Directive, Input } from '@angular/core';
|
2
|
-
import * as i0 from "@angular/core";
|
3
|
-
import * as i1 from "../services/events.service";
|
4
|
-
export class IconDirectiveDirective {
|
5
|
-
constructor(eventsService, el) {
|
6
|
-
this.eventsService = eventsService;
|
7
|
-
this.el = el;
|
8
|
-
}
|
9
|
-
ngOnInit() {
|
10
|
-
this.eventsService.iconChanged.subscribe((data) => {
|
11
|
-
debugger;
|
12
|
-
if (data.id === this.iconId) {
|
13
|
-
this.iconData = data.icon;
|
14
|
-
this.updateIconStyles();
|
15
|
-
}
|
16
|
-
});
|
17
|
-
}
|
18
|
-
ngOnChanges() {
|
19
|
-
this.updateIconStyles();
|
20
|
-
}
|
21
|
-
updateIconStyles() {
|
22
|
-
this.el.nativeElement.style.maskImage = `url(${this.iconData?.url})`;
|
23
|
-
this.el.nativeElement.style.maskSize = 'contain';
|
24
|
-
this.el.nativeElement.style.maskPosition = 'center center';
|
25
|
-
this.el.nativeElement.style.maskRepeat = 'no-repeat';
|
26
|
-
this.el.nativeElement.style.backgroundColor = this.iconData?.color || 'transparent';
|
27
|
-
}
|
28
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: IconDirectiveDirective, deps: [{ token: i1.EventsService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
29
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: IconDirectiveDirective, isStandalone: true, selector: "[simpoIconDirective]", inputs: { iconData: ["simpoIconDirective", "iconData"], iconId: "iconId" }, usesOnChanges: true, ngImport: i0 }); }
|
30
|
-
}
|
31
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: IconDirectiveDirective, decorators: [{
|
32
|
-
type: Directive,
|
33
|
-
args: [{
|
34
|
-
selector: '[simpoIconDirective]',
|
35
|
-
standalone: true
|
36
|
-
}]
|
37
|
-
}], ctorParameters: () => [{ type: i1.EventsService }, { type: i0.ElementRef }], propDecorators: { iconData: [{
|
38
|
-
type: Input,
|
39
|
-
args: ['simpoIconDirective']
|
40
|
-
}], iconId: [{
|
41
|
-
type: Input
|
42
|
-
}] } });
|
43
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1kaXJlY3RpdmUuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2ltcG8tdWkvc3JjL2xpYi9kaXJlY3RpdmUvaWNvbi1kaXJlY3RpdmUuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFRN0QsTUFBTSxPQUFPLHNCQUFzQjtJQUtqQyxZQUNVLGFBQTRCLEVBQzVCLEVBQWM7UUFEZCxrQkFBYSxHQUFiLGFBQWEsQ0FBZTtRQUM1QixPQUFFLEdBQUYsRUFBRSxDQUFZO0lBQ3BCLENBQUM7SUFFTCxRQUFRO1FBQ04sSUFBSSxDQUFDLGFBQWEsQ0FBQyxXQUFXLENBQUMsU0FBUyxDQUFDLENBQUMsSUFBUyxFQUFFLEVBQUU7WUFDckQsUUFBUSxDQUFBO1lBQ1IsSUFBSSxJQUFJLENBQUMsRUFBRSxLQUFLLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQztnQkFDNUIsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDO2dCQUMxQixJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQztZQUMxQixDQUFDO1FBQ0gsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDO0lBQzFCLENBQUM7SUFFTyxnQkFBZ0I7UUFDdEIsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLFNBQVMsR0FBRyxPQUFPLElBQUksQ0FBQyxRQUFRLEVBQUUsR0FBRyxHQUFHLENBQUM7UUFDckUsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLFFBQVEsR0FBRyxTQUFTLENBQUM7UUFDakQsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLFlBQVksR0FBRyxlQUFlLENBQUM7UUFDM0QsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLFVBQVUsR0FBRyxXQUFXLENBQUM7UUFDckQsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLGVBQWUsR0FBRyxJQUFJLENBQUMsUUFBUSxFQUFFLEtBQUssSUFBSSxhQUFhLENBQUM7SUFDdEYsQ0FBQzsrR0E5QlUsc0JBQXNCO21HQUF0QixzQkFBc0I7OzRGQUF0QixzQkFBc0I7a0JBSmxDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHNCQUFzQjtvQkFDaEMsVUFBVSxFQUFFLElBQUk7aUJBQ2pCOzJHQUc4QixRQUFRO3NCQUFwQyxLQUFLO3VCQUFDLG9CQUFvQjtnQkFDbEIsTUFBTTtzQkFBZCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBFbGVtZW50UmVmLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBJY29uIH0gZnJvbSAnLi4vc3R5bGVzL3N0eWxlLm1vZGVsJztcclxuaW1wb3J0IHsgRXZlbnRzU2VydmljZSB9IGZyb20gJy4uL3NlcnZpY2VzL2V2ZW50cy5zZXJ2aWNlJztcclxuXHJcbkBEaXJlY3RpdmUoe1xyXG4gIHNlbGVjdG9yOiAnW3NpbXBvSWNvbkRpcmVjdGl2ZV0nLFxyXG4gIHN0YW5kYWxvbmU6IHRydWVcclxufSlcclxuZXhwb3J0IGNsYXNzIEljb25EaXJlY3RpdmVEaXJlY3RpdmUge1xyXG5cclxuICBASW5wdXQoJ3NpbXBvSWNvbkRpcmVjdGl2ZScpIGljb25EYXRhPzogSWNvbjtcclxuICBASW5wdXQoKSBpY29uSWQhOiBzdHJpbmc7XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHJpdmF0ZSBldmVudHNTZXJ2aWNlOiBFdmVudHNTZXJ2aWNlLFxyXG4gICAgcHJpdmF0ZSBlbDogRWxlbWVudFJlZlxyXG4gICkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgdGhpcy5ldmVudHNTZXJ2aWNlLmljb25DaGFuZ2VkLnN1YnNjcmliZSgoZGF0YTogYW55KSA9PiB7XHJcbiAgICAgIGRlYnVnZ2VyXHJcbiAgICAgIGlmIChkYXRhLmlkID09PSB0aGlzLmljb25JZCkge1xyXG4gICAgICAgIHRoaXMuaWNvbkRhdGEgPSBkYXRhLmljb247XHJcbiAgICAgICAgdGhpcy51cGRhdGVJY29uU3R5bGVzKCk7XHJcbiAgICAgIH1cclxuICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgbmdPbkNoYW5nZXMoKSB7XHJcbiAgICB0aGlzLnVwZGF0ZUljb25TdHlsZXMoKTtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgdXBkYXRlSWNvblN0eWxlcygpIHtcclxuICAgIHRoaXMuZWwubmF0aXZlRWxlbWVudC5zdHlsZS5tYXNrSW1hZ2UgPSBgdXJsKCR7dGhpcy5pY29uRGF0YT8udXJsfSlgO1xyXG4gICAgdGhpcy5lbC5uYXRpdmVFbGVtZW50LnN0eWxlLm1hc2tTaXplID0gJ2NvbnRhaW4nO1xyXG4gICAgdGhpcy5lbC5uYXRpdmVFbGVtZW50LnN0eWxlLm1hc2tQb3NpdGlvbiA9ICdjZW50ZXIgY2VudGVyJztcclxuICAgIHRoaXMuZWwubmF0aXZlRWxlbWVudC5zdHlsZS5tYXNrUmVwZWF0ID0gJ25vLXJlcGVhdCc7XHJcbiAgICB0aGlzLmVsLm5hdGl2ZUVsZW1lbnQuc3R5bGUuYmFja2dyb3VuZENvbG9yID0gdGhpcy5pY29uRGF0YT8uY29sb3IgfHwgJ3RyYW5zcGFyZW50JztcclxuICB9XHJcblxyXG59XHJcbiJdfQ==
|
@@ -1,16 +0,0 @@
|
|
1
|
-
import { ElementRef } from '@angular/core';
|
2
|
-
import { Icon } from '../styles/style.model';
|
3
|
-
import { EventsService } from '../services/events.service';
|
4
|
-
import * as i0 from "@angular/core";
|
5
|
-
export declare class IconDirectiveDirective {
|
6
|
-
private eventsService;
|
7
|
-
private el;
|
8
|
-
iconData?: Icon;
|
9
|
-
iconId: string;
|
10
|
-
constructor(eventsService: EventsService, el: ElementRef);
|
11
|
-
ngOnInit(): void;
|
12
|
-
ngOnChanges(): void;
|
13
|
-
private updateIconStyles;
|
14
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<IconDirectiveDirective, never>;
|
15
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<IconDirectiveDirective, "[simpoIconDirective]", never, { "iconData": { "alias": "simpoIconDirective"; "required": false; }; "iconId": { "alias": "iconId"; "required": false; }; }, {}, never, never, true, never>;
|
16
|
-
}
|
Binary file
|