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.
Files changed (55) hide show
  1. package/esm2022/lib/directive/background-directive.mjs +18 -1
  2. package/esm2022/lib/directive/button-directive.directive.mjs +26 -14
  3. package/esm2022/lib/ecommerce/sections/cart/cart.component.mjs +9 -5
  4. package/esm2022/lib/ecommerce/sections/category-product/category-product.component.mjs +5 -4
  5. package/esm2022/lib/ecommerce/sections/checkout/checkout.component.mjs +2 -2
  6. package/esm2022/lib/ecommerce/sections/featured-category/featured-category.component.mjs +7 -5
  7. package/esm2022/lib/ecommerce/sections/featured-category/featured-collection.component.mjs +7 -5
  8. package/esm2022/lib/ecommerce/sections/featured-products/featured-products.component.mjs +6 -5
  9. package/esm2022/lib/ecommerce/sections/product-desc/product-desc.component.mjs +2 -2
  10. package/esm2022/lib/ecommerce/sections/product-list/product-list.component.mjs +2 -2
  11. package/esm2022/lib/ecommerce/sections/user-profile/user-profile.component.mjs +8 -4
  12. package/esm2022/lib/elements/below-image-card/below-image-card.component.mjs +3 -3
  13. package/esm2022/lib/elements/covering-image-card/covering-image-card.component.mjs +3 -3
  14. package/esm2022/lib/elements/simpo-button/simpo-button.component.mjs +5 -3
  15. package/esm2022/lib/elements/text-editor/text-editor.component.mjs +88 -4
  16. package/esm2022/lib/elements/top-of-image-card/top-of-image-card.component.mjs +1 -1
  17. package/esm2022/lib/sections/appointment-form/appointment-form.component.mjs +2 -2
  18. package/esm2022/lib/sections/banner-carousel/banner-carousel.component.mjs +2 -2
  19. package/esm2022/lib/sections/banner-grid-section/banner-grid-section.component.mjs +2 -2
  20. package/esm2022/lib/sections/banner-section/banner-section.component.mjs +4 -4
  21. package/esm2022/lib/sections/carousel-banner/carousel-banner.component.mjs +2 -2
  22. package/esm2022/lib/sections/contact-us/contact-us.component.mjs +2 -2
  23. package/esm2022/lib/sections/footer-section/footer-section.component.mjs +2 -2
  24. package/esm2022/lib/sections/header-section/header-section.component.mjs +2 -2
  25. package/esm2022/lib/sections/header-text/header-text.component.mjs +2 -2
  26. package/esm2022/lib/sections/image-section/image-section.component.mjs +2 -2
  27. package/esm2022/lib/sections/logo-showcase/logo-showcase.component.mjs +3 -3
  28. package/esm2022/lib/sections/navbar-section/navbar-section.component.mjs +2 -2
  29. package/esm2022/lib/sections/pricing-section/pricing-section.component.mjs +2 -2
  30. package/esm2022/lib/sections/property-list/property-list.component.mjs +2 -2
  31. package/esm2022/lib/sections/recent-blog-post-section/recent-blog-post-section.component.mjs +2 -2
  32. package/esm2022/lib/sections/registration-form/registration-form.component.mjs +2 -2
  33. package/esm2022/lib/sections/text-image-section/text-image-section.component.mjs +2 -2
  34. package/esm2022/lib/sections/text-section/text-section.component.mjs +2 -2
  35. package/esm2022/lib/styles/index.mjs +8 -1
  36. package/esm2022/lib/styles/style.model.mjs +1 -1
  37. package/esm2022/lib/styles/types.mjs +1 -1
  38. package/fesm2022/simpo-component-library.mjs +199 -70
  39. package/fesm2022/simpo-component-library.mjs.map +1 -1
  40. package/lib/directive/background-directive.d.ts +1 -1
  41. package/lib/directive/button-directive.directive.d.ts +6 -5
  42. package/lib/directive/color.directive.d.ts +1 -1
  43. package/lib/elements/simpo-button/simpo-button.component.d.ts +3 -2
  44. package/lib/elements/text-editor/text-editor.component.d.ts +5 -0
  45. package/lib/sections/banner-carousel/banner-carousel.component.d.ts +2 -2
  46. package/lib/sections/carousel-banner/carousel-banner.component.d.ts +1 -1
  47. package/lib/sections/image-section/image-section.component.d.ts +2 -2
  48. package/lib/sections/logo-showcase/logo-showcase.component.d.ts +1 -1
  49. package/lib/sections/pricing-section/pricing-section.component.d.ts +1 -1
  50. package/lib/styles/index.d.ts +6 -0
  51. package/lib/styles/style.model.d.ts +8 -2
  52. package/lib/styles/types.d.ts +1 -0
  53. package/package.json +1 -1
  54. package/simpo-component-library-3.2.75.tgz +0 -0
  55. 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): "#ffffff" | "#000000" | "#ffffff;";
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, color: string): void;
17
+ applyButtonType(style: ButtonStyleModel, backgroundInfo?: BackgroundModel): void;
17
18
  applyButtonShape(style: ButtonStyleModel): void;
18
- getTextColor(bgColor: string): "#ffffff" | "#000000" | "#ffffff;";
19
+ getTextColor(bgColor: string): "#000000" | "#ffffff" | "#ffffff;";
19
20
  buttonStyleSubscription?: Subscription;
20
21
  buttonStyleChangeCheck(): void;
21
- changeButtonStyle(id: any, style: ButtonStyleModel, bgColor: string): void;
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(): "#ffffff" | "#000000" | "#ffffff;";
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.7" | "0.5" | "0.3" | "0.2";
29
- opacityValue(value: OverlayValue): "0" | "0.7" | "0.5" | "0.3" | "0.2";
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.7" | "0.5" | "0.3" | "0.2";
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(): "1" | "0.7" | "0.5" | "0.3" | "0.2";
24
- opacityValue(value: OverlayValue): "1" | "0.7" | "0.5" | "0.3" | "0.2";
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(): logoDirection.Left | "reverse" | "normal";
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(): "#ffffff" | "#000000";
20
+ getTextColor(): "#000000" | "#ffffff";
21
21
  get headingSpace(): SPACING;
22
22
  editSection(): void;
23
23
  redirectTo(): void;
@@ -233,3 +233,9 @@ export declare enum FooterType {
233
233
  FOOTER_3 = "Footer3",
234
234
  FOOTER_4 = "Footer4"
235
235
  }
236
+ export declare enum GradientDirection {
237
+ DOWN = "",
238
+ RIGHT = "90deg",
239
+ DIAGONAL_RIGHT = "45deg",
240
+ DIAGONAL_LEFT = "315deg"
241
+ }
@@ -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;
@@ -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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "simpo-component-library",
3
- "version": "3.2.73",
3
+ "version": "3.2.75",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^17.2.0",
6
6
  "@angular/core": "^17.2.0",
Binary file