simpo-component-library 3.2.73 → 3.2.75
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 +18 -1
- package/esm2022/lib/directive/button-directive.directive.mjs +26 -14
- package/esm2022/lib/ecommerce/sections/cart/cart.component.mjs +9 -5
- package/esm2022/lib/ecommerce/sections/category-product/category-product.component.mjs +5 -4
- package/esm2022/lib/ecommerce/sections/checkout/checkout.component.mjs +2 -2
- package/esm2022/lib/ecommerce/sections/featured-category/featured-category.component.mjs +7 -5
- package/esm2022/lib/ecommerce/sections/featured-category/featured-collection.component.mjs +7 -5
- package/esm2022/lib/ecommerce/sections/featured-products/featured-products.component.mjs +6 -5
- package/esm2022/lib/ecommerce/sections/product-desc/product-desc.component.mjs +2 -2
- package/esm2022/lib/ecommerce/sections/product-list/product-list.component.mjs +2 -2
- package/esm2022/lib/ecommerce/sections/user-profile/user-profile.component.mjs +8 -4
- package/esm2022/lib/elements/below-image-card/below-image-card.component.mjs +3 -3
- package/esm2022/lib/elements/covering-image-card/covering-image-card.component.mjs +3 -3
- package/esm2022/lib/elements/simpo-button/simpo-button.component.mjs +5 -3
- package/esm2022/lib/elements/text-editor/text-editor.component.mjs +88 -4
- package/esm2022/lib/elements/top-of-image-card/top-of-image-card.component.mjs +1 -1
- 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/carousel-banner/carousel-banner.component.mjs +2 -2
- package/esm2022/lib/sections/contact-us/contact-us.component.mjs +2 -2
- package/esm2022/lib/sections/footer-section/footer-section.component.mjs +2 -2
- package/esm2022/lib/sections/header-section/header-section.component.mjs +2 -2
- package/esm2022/lib/sections/header-text/header-text.component.mjs +2 -2
- package/esm2022/lib/sections/image-section/image-section.component.mjs +2 -2
- package/esm2022/lib/sections/logo-showcase/logo-showcase.component.mjs +3 -3
- package/esm2022/lib/sections/navbar-section/navbar-section.component.mjs +2 -2
- package/esm2022/lib/sections/pricing-section/pricing-section.component.mjs +2 -2
- package/esm2022/lib/sections/property-list/property-list.component.mjs +2 -2
- package/esm2022/lib/sections/recent-blog-post-section/recent-blog-post-section.component.mjs +2 -2
- package/esm2022/lib/sections/registration-form/registration-form.component.mjs +2 -2
- package/esm2022/lib/sections/text-image-section/text-image-section.component.mjs +2 -2
- package/esm2022/lib/sections/text-section/text-section.component.mjs +2 -2
- 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 +199 -70
- 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 +6 -5
- package/lib/directive/color.directive.d.ts +1 -1
- package/lib/elements/simpo-button/simpo-button.component.d.ts +3 -2
- package/lib/elements/text-editor/text-editor.component.d.ts +5 -0
- package/lib/sections/banner-carousel/banner-carousel.component.d.ts +2 -2
- package/lib/sections/carousel-banner/carousel-banner.component.d.ts +1 -1
- package/lib/sections/image-section/image-section.component.d.ts +2 -2
- package/lib/sections/logo-showcase/logo-showcase.component.d.ts +1 -1
- package/lib/sections/pricing-section/pricing-section.component.d.ts +1 -1
- package/lib/styles/index.d.ts +6 -0
- package/lib/styles/style.model.d.ts +8 -2
- package/lib/styles/types.d.ts +1 -0
- package/package.json +1 -1
- package/simpo-component-library-3.2.75.tgz +0 -0
- package/simpo-component-library-3.2.73.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
|
}
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import { ElementRef, OnChanges } from '@angular/core';
|
2
2
|
import { EventsService } from '../services/events.service';
|
3
|
-
import { ButtonStyleModel } from '../styles/style.model';
|
3
|
+
import { BackgroundModel, ButtonStyleModel } from '../styles/style.model';
|
4
4
|
import { Subscription } from 'rxjs';
|
5
5
|
import * as i0 from "@angular/core";
|
6
6
|
export declare class ButtonDirectiveDirective implements OnChanges {
|
@@ -9,16 +9,17 @@ export declare class ButtonDirectiveDirective implements OnChanges {
|
|
9
9
|
buttonStyle?: ButtonStyleModel;
|
10
10
|
color?: string;
|
11
11
|
scrollValue?: number;
|
12
|
+
backgroundInfo?: BackgroundModel;
|
12
13
|
constructor(el: ElementRef, eventService: EventsService);
|
13
14
|
ngOnChanges(): void;
|
14
15
|
ngOnDestroy(): void;
|
15
16
|
applyButtonStyleChanges(): void;
|
16
|
-
applyButtonType(style: ButtonStyleModel,
|
17
|
+
applyButtonType(style: ButtonStyleModel, backgroundInfo?: BackgroundModel): void;
|
17
18
|
applyButtonShape(style: ButtonStyleModel): void;
|
18
|
-
getTextColor(bgColor: string): "#
|
19
|
+
getTextColor(bgColor: string): "#000000" | "#ffffff" | "#ffffff;";
|
19
20
|
buttonStyleSubscription?: Subscription;
|
20
21
|
buttonStyleChangeCheck(): void;
|
21
|
-
changeButtonStyle(id: any, style: ButtonStyleModel,
|
22
|
+
changeButtonStyle(id: any, style: ButtonStyleModel, backgroundInfo: BackgroundModel): void;
|
22
23
|
static ɵfac: i0.ɵɵFactoryDeclaration<ButtonDirectiveDirective, never>;
|
23
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<ButtonDirectiveDirective, "[simpoButtonDirective]", never, { "buttonStyle": { "alias": "buttonStyle"; "required": false; }; "color": { "alias": "color"; "required": false; }; "scrollValue": { "alias": "scrollValue"; "required": false; }; }, {}, never, never, true, never>;
|
24
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ButtonDirectiveDirective, "[simpoButtonDirective]", never, { "buttonStyle": { "alias": "buttonStyle"; "required": false; }; "color": { "alias": "color"; "required": false; }; "scrollValue": { "alias": "scrollValue"; "required": false; }; "backgroundInfo": { "alias": "backgroundInfo"; "required": false; }; }, {}, never, never, true, never>;
|
24
25
|
}
|
@@ -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
|
}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { Button, ButtonStyleModel } from '../../styles/style.model';
|
1
|
+
import { BackgroundModel, Button, ButtonStyleModel } from '../../styles/style.model';
|
2
2
|
import { EventsService } from '../../services/events.service';
|
3
3
|
import * as i0 from "@angular/core";
|
4
4
|
export declare class SimpoButtonComponent {
|
@@ -9,9 +9,10 @@ export declare class SimpoButtonComponent {
|
|
9
9
|
color?: string;
|
10
10
|
sectionId?: string;
|
11
11
|
edit?: boolean;
|
12
|
+
backgroundInfo?: BackgroundModel;
|
12
13
|
constructor(_eventService: EventsService);
|
13
14
|
ngOnInit(): void;
|
14
15
|
redirectTo(): void;
|
15
16
|
static ɵfac: i0.ɵɵFactoryDeclaration<SimpoButtonComponent, never>;
|
16
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SimpoButtonComponent, "app-button-element", never, { "buttonContent": { "alias": "buttonContent"; "required": false; }; "buttonStyle": { "alias": "buttonStyle"; "required": false; }; "buttonId": { "alias": "buttonId"; "required": false; }; "color": { "alias": "color"; "required": false; }; "sectionId": { "alias": "sectionId"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; }, {}, never, never, true, never>;
|
17
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SimpoButtonComponent, "app-button-element", never, { "buttonContent": { "alias": "buttonContent"; "required": false; }; "buttonStyle": { "alias": "buttonStyle"; "required": false; }; "buttonId": { "alias": "buttonId"; "required": false; }; "color": { "alias": "color"; "required": false; }; "sectionId": { "alias": "sectionId"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "backgroundInfo": { "alias": "backgroundInfo"; "required": false; }; }, {}, never, never, true, never>;
|
17
18
|
}
|
@@ -20,6 +20,9 @@ export declare class TextEditorComponent {
|
|
20
20
|
rightZero: boolean;
|
21
21
|
showSuggestion: boolean;
|
22
22
|
toolbarData: any;
|
23
|
+
selectedColorType: 'SOLID' | 'GRADIENT';
|
24
|
+
primaryColor: string;
|
25
|
+
secondaryColor: string;
|
23
26
|
constructor(editorService: ElementServiceService, platformId: Object);
|
24
27
|
ngOnInit(): void;
|
25
28
|
ngOnDestroy(): void;
|
@@ -33,6 +36,8 @@ export declare class TextEditorComponent {
|
|
33
36
|
openColorPicker(): void;
|
34
37
|
readFormattingProperties(): void;
|
35
38
|
reFormattingData(): void;
|
39
|
+
changeGradientColor(): void;
|
40
|
+
applyGradientToText(gradientValue: any): void;
|
36
41
|
regenerateText(): void;
|
37
42
|
static ɵfac: i0.ɵɵFactoryDeclaration<TextEditorComponent, never>;
|
38
43
|
static ɵcmp: i0.ɵɵComponentDeclaration<TextEditorComponent, "simpo-text-editor", never, { "value": { "alias": "value"; "required": false; }; "editable": { "alias": "editable"; "required": false; }; "sectionId": { "alias": "sectionId"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
|
@@ -25,8 +25,8 @@ export declare class BannerCarouselComponent extends BaseSection implements OnIn
|
|
25
25
|
get stylesLayout(): LayOutModel;
|
26
26
|
get getBlurValue(): "NONE" | "LIGHT" | "MODERATE" | "STRONG" | "VERY_STRONG" | undefined;
|
27
27
|
get getBackgroundColor(): BackgroundModel;
|
28
|
-
get getBackgroundOpacity(): "0" | "0.
|
29
|
-
opacityValue(value: OverlayValue): "0" | "0.
|
28
|
+
get getBackgroundOpacity(): "0.2" | "0.3" | "0.5" | "0.7" | "0";
|
29
|
+
opacityValue(value: OverlayValue): "0.2" | "0.3" | "0.5" | "0.7" | "0";
|
30
30
|
editSection(): void;
|
31
31
|
static ɵfac: i0.ɵɵFactoryDeclaration<BannerCarouselComponent, never>;
|
32
32
|
static ɵcmp: i0.ɵɵComponentDeclaration<BannerCarouselComponent, "simpo-banner-carousel", never, { "data": { "alias": "data"; "required": false; }; "index": { "alias": "index"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "delete": { "alias": "delete"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "nextComponentColor": { "alias": "nextComponentColor"; "required": false; }; }, {}, never, never, true, never>;
|
@@ -25,7 +25,7 @@ export declare class CarouselBannerComponent extends BaseSection implements OnIn
|
|
25
25
|
get canMergeNavbar(): boolean | undefined;
|
26
26
|
get isBorderlessImage(): boolean | undefined;
|
27
27
|
get getPositionLayout(): PositionLayoutModal;
|
28
|
-
opacityValue(value: OverlayValue): "0" | "0.
|
28
|
+
opacityValue(value: OverlayValue): "0.2" | "0.3" | "0.5" | "0.7" | "0";
|
29
29
|
editSection(): void;
|
30
30
|
static ɵfac: i0.ɵɵFactoryDeclaration<CarouselBannerComponent, never>;
|
31
31
|
static ɵcmp: i0.ɵɵComponentDeclaration<CarouselBannerComponent, "simpo-carousel-banner", never, { "data": { "alias": "data"; "required": false; }; "index": { "alias": "index"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "delete": { "alias": "delete"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "nextComponentColor": { "alias": "nextComponentColor"; "required": false; }; }, {}, never, never, true, never>;
|
@@ -20,8 +20,8 @@ export declare class ImageSectionComponent extends BaseSection {
|
|
20
20
|
constructor(_eventService: EventsService);
|
21
21
|
ngOnInit(): void;
|
22
22
|
get canMergeNavbar(): boolean | undefined;
|
23
|
-
get getBackgroundOpacity(): "
|
24
|
-
opacityValue(value: OverlayValue): "
|
23
|
+
get getBackgroundOpacity(): "0.2" | "0.3" | "0.5" | "0.7" | "1";
|
24
|
+
opacityValue(value: OverlayValue): "0.2" | "0.3" | "0.5" | "0.7" | "1";
|
25
25
|
editSection(): void;
|
26
26
|
redirectTo(): void;
|
27
27
|
static ɵfac: i0.ɵɵFactoryDeclaration<ImageSectionComponent, never>;
|
@@ -23,7 +23,7 @@ export declare class LogoShowcaseComponent extends BaseSection implements OnInit
|
|
23
23
|
constructor(_eventService: EventsService);
|
24
24
|
ngOnInit(): void;
|
25
25
|
get animationDuration(): logoSpeed;
|
26
|
-
get animationDirection():
|
26
|
+
get animationDirection(): "reverse" | "normal" | logoDirection.Left;
|
27
27
|
screenWidth: number;
|
28
28
|
getScreenSize(event?: number): void;
|
29
29
|
editSection(): void;
|
@@ -17,7 +17,7 @@ export declare class PricingSectionComponent extends BaseSection {
|
|
17
17
|
style?: PricingSectionStylesModel;
|
18
18
|
constructor(_eventService: EventsService);
|
19
19
|
ngOnInit(): void;
|
20
|
-
getTextColor(): "#
|
20
|
+
getTextColor(): "#000000" | "#ffffff";
|
21
21
|
get headingSpace(): SPACING;
|
22
22
|
editSection(): void;
|
23
23
|
redirectTo(): void;
|
package/lib/styles/index.d.ts
CHANGED
@@ -1,5 +1,5 @@
|
|
1
|
-
import { AlignContent, Corners, DeviderType, 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, BORDER_DIRECTION } from './types';
|
1
|
+
import { AlignContent, Corners, DeviderType, GradientDirection, 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, BORDER_DIRECTION, BACKGROUND_TYPE } from './types';
|
3
3
|
export interface SpacingModel {
|
4
4
|
top: SPACING_TYPE;
|
5
5
|
bottom: SPACING_TYPE;
|
@@ -55,6 +55,12 @@ export interface BackgroundModel {
|
|
55
55
|
position: PositionModel;
|
56
56
|
blur?: keyof typeof OverlayValue;
|
57
57
|
overlay?: OverlayValue;
|
58
|
+
backgroundType: BACKGROUND_TYPE;
|
59
|
+
secondaryAccentColor: string;
|
60
|
+
gradientDirection: GradientDirection;
|
61
|
+
accentBackgroundType: BACKGROUND_TYPE;
|
62
|
+
secondaryColor: string;
|
63
|
+
backgroundGradientDirection: GradientDirection;
|
58
64
|
}
|
59
65
|
export interface AnimationModel {
|
60
66
|
type: ANIMATION_DIRECTION;
|
package/lib/styles/types.d.ts
CHANGED
@@ -18,3 +18,4 @@ export type SITE_NAME_LOGo = 'custom' | 'same as header';
|
|
18
18
|
export type INPUT_FIELDS_TYPE = "text" | "number" | "desc" | "password" | "checkbox" | "option" | "money" | "rating" | "dropdown" | "address" | "email" | "date" | "radioButton";
|
19
19
|
export type MAP_STYLE = 'Streets' | 'Outdoors' | 'Light' | 'Dark' | 'Satellite' | 'Satellite_street' | 'navigation_day' | 'navigation_night';
|
20
20
|
export type BANNER_TRANSITION = 'Horizontal' | 'Animated';
|
21
|
+
export type BACKGROUND_TYPE = 'Solid' | 'Gradient';
|
package/package.json
CHANGED
Binary file
|
Binary file
|