simpo-component-library 3.6.312 → 3.6.314

package/lib/ecommerce/sections/authentication-required/authentication-required.component.d.ts

@@ -63,7 +63,7 @@ export declare class AuthenticationRequiredComponent extends BaseSection {
     validateNumber(event: KeyboardEvent): void;
     validateOTP(event: KeyboardEvent): void;
     checkStrength(): void;
-    getStrengthColor(index: number): "tomato" | "#d3d3d3ba" | "orange" | "yellow" | "lightgreen";
+    getStrengthColor(index: number): "yellow" | "tomato" | "#d3d3d3ba" | "orange" | "lightgreen";
     emailDebounceTimer: any;
     onEmailChange(): void;
     emailCheck: boolean;

package/lib/ecommerce/sections/product-desc/product-desc.component.d.ts

@@ -112,7 +112,7 @@ export declare class ProductDescComponent extends BaseSection {
     getTextColor(color: any): "#000000" | "#ffffff";
     languages: string[];
     selectedLang: string;
-    getClass(map: any): "col-6" | "col-4" | "col-3" | "width-max";
+    getClass(map: any): "col-4" | "col-6" | "col-3" | "width-max";
     onFindInStore(id: string): void;
     onBookAppointment(): void;
     isDetails: boolean;

package/lib/elements/link-editor/link-editor.component.d.ts

@@ -29,7 +29,7 @@ export declare class LinkEditorComponent {
     changeButtonStyle(): void;
     getContrastTextColor(backgroundHex: any): void;
     backgroundType: string[];
-    setBorderRadius(): "0px" | "7px" | "99px";
+    setBorderRadius(): "0px" | "99px" | "7px";
     setBorder(): string;
     setColor(): any;
     setBackground(): any;

package/lib/elements/pricing-s1/pricing-s1.component.d.ts

@@ -15,7 +15,7 @@ export declare class PricingS1Component extends BaseSection {
     editSection(): void;
     getButtonId(): string;
     redirectTo(): void;
-    getClass(): "col-12" | "col-4" | "col-3" | "col-5";
+    getClass(): "col-4" | "col-12" | "col-5" | "col-3";
     static ɵfac: i0.ɵɵFactoryDeclaration<PricingS1Component, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PricingS1Component, "simpo-pricing-s1", never, { "data": { "alias": "data"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/sections/banner-carousel/banner-carousel.component.d.ts

@@ -25,8 +25,8 @@ export declare class BannerCarouselComponent extends BaseSection implements OnIn
     get stylesLayout(): LayOutModel;
     get getBlurValue(): "NONE" | "LIGHT" | "MODERATE" | "STRONG" | "VERY_STRONG" | undefined;
     get getBackgroundColor(): BackgroundModel;
-    get getBackgroundOpacity(): "0.2" | "0.3" | "0.5" | "0.7" | "0";
-    opacityValue(value: OverlayValue): "0.2" | "0.3" | "0.5" | "0.7" | "0";
+    get getBackgroundOpacity(): "0" | "0.7" | "0.5" | "0.3" | "0.2";
+    opacityValue(value: OverlayValue): "0" | "0.7" | "0.5" | "0.3" | "0.2";
     editSection(): void;
     getScreenSize(): number;
     static ɵfac: i0.ɵɵFactoryDeclaration<BannerCarouselComponent, never>;

package/lib/sections/carousel-banner/carousel-banner.component.d.ts

@@ -25,7 +25,7 @@ export declare class CarouselBannerComponent extends BaseSection implements OnIn
     get canMergeNavbar(): boolean | undefined;
     get isBorderlessImage(): boolean | undefined;
     get getPositionLayout(): PositionLayoutModal;
-    opacityValue(value: OverlayValue): "0.2" | "0.3" | "0.5" | "0.7" | "0";
+    opacityValue(value: OverlayValue): "0" | "0.7" | "0.5" | "0.3" | "0.2";
     editSection(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CarouselBannerComponent, never>;
     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>;

package/lib/sections/image-section/image-section.component.d.ts

@@ -20,9 +20,9 @@ export declare class ImageSectionComponent extends BaseSection {
     constructor(_eventService: EventsService);
     ngOnInit(): void;
     get canMergeNavbar(): boolean | undefined;
-    get getBackgroundOpacity(): "0.2" | "0.3" | "0.5" | "0.7" | "1";
+    get getBackgroundOpacity(): "1" | "0.7" | "0.5" | "0.3" | "0.2";
     get stylesLayout(): LayOutModel;
-    opacityValue(value: OverlayValue): "0.2" | "0.3" | "0.5" | "0.7" | "1";
+    opacityValue(value: OverlayValue): "1" | "0.7" | "0.5" | "0.3" | "0.2";
     editSection(): void;
     redirectTo(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ImageSectionComponent, never>;

package/lib/sections/logo-showcase/logo-showcase.component.d.ts

@@ -24,7 +24,7 @@ export declare class LogoShowcaseComponent extends BaseSection implements OnInit
     ngOnInit(): void;
     get stylesLayout(): LayOutModel;
     get animationDuration(): logoSpeed;
-    get animationDirection(): "reverse" | "normal" | logoDirection.Left;
+    get animationDirection(): logoDirection.Left | "reverse" | "normal";
     get isMobile(): boolean;
     get getPositionLayout(): PositionLayoutModal;
     screenWidth: number;

package/lib/sections/moving-text/moving-text.component.d.ts

@@ -3,6 +3,7 @@ import { EventsService } from '../../services/events.service';
 import * as i0 from "@angular/core";
 export declare class MovingTextComponent extends BaseSection {
     private _eventService;
+    private platformId;
     data?: any;
     edit?: boolean;
     delete?: boolean;
@@ -15,7 +16,7 @@ export declare class MovingTextComponent extends BaseSection {
     private interval;
     private animationDuration;
     private displayDuration;
-    constructor(_eventService: EventsService);
+    constructor(_eventService: EventsService, platformId: Object);
     ngOnInit(): void;
     ngOnDestroy(): void;
     startAnimationCycle(): void;

package/lib/sections/pricing-section/pricing-section.component.d.ts

@@ -23,7 +23,7 @@ export declare class PricingSectionComponent extends BaseSection {
     getButtonId(): string;
     editSection(): void;
     redirectTo(): void;
-    getClass(): "col-12" | "col-6" | "col-4" | "col-3";
+    getClass(): "col-4" | "col-12" | "col-6" | "col-3";
     static ɵfac: i0.ɵɵFactoryDeclaration<PricingSectionComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PricingSectionComponent, "simpo-pricing-section", never, { "data": { "alias": "data"; "required": false; }; "index": { "alias": "index"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "delete": { "alias": "delete"; "required": false; }; "nextComponentColor": { "alias": "nextComponentColor"; "required": false; }; }, {}, never, never, true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "simpo-component-library",
-  "version": "3.6.312",
+  "version": "3.6.314",
   "peerDependencies": {
     "@angular/common": "^17.2.0",
     "@angular/core": "^17.2.0",

package/src/lib/styles/global-styles.css

@@ -1,273 +1,264 @@
-:root {
-  --primary-font-family: 'mulish';
-  --primary-bg-color: linear-gradient(345deg, #230860 0%, #00b6ff 100%);
-  --primary-color: white;
-}
-
-.add-section {
-  position: absolute !important;
-  width: 40%;
-  top: 0;
-  left: 0 !important;
-  height: 100vh;
-  background-color: transparent !important;
-  box-shadow: none !important;
-  animation: slideInLeft 0.5s ease-in-out forwards;
-}
-.dropdown-menu {
-  .dropdown-item {
-    border-bottom: unset !important;
-    font-family: var(--website-font-family) !important;
-  }
-  .dropdown-item:active{
-    background-color: transparent !important;
-  }
-}
-
-.add-section.closing {
-  animation: slideOutLeft 0.5 s ease-in-out forwards;
-}
-
-@keyframes slideInLeft {
-  from {
-    transform: translateX(-100%);
-    opacity: 0;
-  }
-
-  to {
-    transform: translateX(0);
-    opacity: 1;
-  }
-}
-
-@keyframes slideOutLeft {
-  from {
-    transform: translateX(0);
-    opacity: 1;
-  }
-
-  to {
-    transform: translateX(-100%);
-    /* Close to the left side */
-    opacity: 0;
-  }
-}
-
-
-@media screen and (min-width: 1280px) {
-  .content-side {
-    h1 {
-      font-size: 72px !important;
-      line-height: 80px !important;
-    }
-
-    h2 {
-      font-size: 48px !important;
-      line-height: 56px !important;
-    }
-
-    h3 {
-      font-size: 32px !important;
-      line-height: 40px !important;
-    }
-
-    h4 {
-      font-size: 24px !important;
-      line-height: 36px !important;
-    }
-
-    h5 {
-      font-size: 18px !important;
-      line-height: 28px !important;
-    }
-
-    p {
-      font-size: 16px !important;
-      line-height: 21px !important;
-    }
-  }
-
-}
-
-@media screen and (min-width: 768px) {
-  .content-side {
-    h1 {
-      font-size: 46px;
-      line-height: 54px;
-    }
-
-    h2 {
-      font-size: 35px;
-      line-height: 42px;
-    }
-
-    h3 {
-      font-size: 28px;
-      line-height: 36px;
-    }
-
-    h4 {
-      font-size: 18px;
-      line-height: 26px;
-    }
-
-    h5 {
-      font-size: 16px;
-      line-height: 24px;
-    }
-
-    p {
-      font-size: 14px;
-      line-height: 21px;
-    }
-  }
-
-}
-
-.content-side {
-  h1 {
-    font-size: 36px;
-    line-height: 42px;
-  }
-
-  h2 {
-    font-size: 30px;
-    line-height: 36px;
-  }
-
-  h3 {
-    font-size: 24px;
-    line-height: 32px;
-  }
-
-  h4 {
-    font-size: 18px;
-    line-height: 26px;
-  }
-
-  h5 {
-    font-size: 16px;
-    line-height: 24px;
-  }
-
-  p {
-    font-size: 14px;
-    line-height: 21px;
-  }
-}
-
-.link-editor {
-  height: 100vh;
-  width: 28vw;
-  position: absolute !important;
-  top: 0;
-  left: 0 !important;
-  animation: slideInLeft 0.5s ease-in-out forwards;
-}
-
-@media screen and (max-width : 475px) {
-  .link-editor {
-    width: 100% !important;
-  }
-
-  .link-editor {
-    width: 100% !important;
-    max-width: 100% !important;
-  }
-
-  .sidepanel-class {
-    max-width: 100vw !important;
-  }
-
-  .address-class {
-    width: 100vw;
-  }
-
-  .media-selector {
-    width: 100% !important;
-    max-width: 100% !important;
-  }
-
-  .add-section {
-    width: 100% !important;
-    max-width: 100% !important;
-  }
-
-  .address-class {
-    width: 100vw;
-  }
-
-}
-
-.mat-mdc-form-field-subscript-wrapper {
-  display: none;
-}
-
-.media-selector {
-  position: absolute !important;
-  top: 0 !important;
-  left: 0 !important;
-  width: 60%;
-  height: 100vh;
-  animation: slideInLeft 0.5s ease-in-out forwards;
-}
-
-/* .appointment-form {
-  @media only screen and (max-width: 500px) {
-    margin: auto !important;
-    height: 65vh !important;
-    width: 95vw !important;
-  }
-} */
-
-.hover-effect:hover {
-  box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
-}
-
-.sidepanel-class {
-  position: absolute !important;
-  right: 0px;
-  top: 0px;
-  height: 100vh;
-}
-
-.video-call-dialog {
-  width: 55% !important;
-  height: 85vh !important;
-  border-radius: 18px !important;
-
-  .mat-mdc-dialog-surface {
-    border-radius: 22px !important;
-  }
-}
-
-.scroll-container-store {
-  .cdk-virtual-scroll-content-wrapper {
-    position: unset !important;
-  }
-}
-
-.p-rating-icon {
-  color: gold;
-}
-
-.appointment-form {
-  width: 100vw;
-  height: 100vh;
-  max-width: 100vw;
-  position: static;
-  margin-left: 0px;
-  margin-top: 0px;
-  margin-right: 0px;
-}
-
-.trim-text {
-  text-align: left !important;
-  display: -webkit-box !important;
-  white-space: nowrap !important;
-  overflow: hidden !important;
-  -webkit-line-clamp: 2 !important;
-  -webkit-box-orient: vertical;
-  text-overflow: ellipsis !important;
-  /* word-break: break-all; */
+:root {
+  --primary-font-family: 'mulish';
+  --primary-bg-color: linear-gradient(345deg, #230860 0%, #00b6ff 100%);
+  --primary-color: white;
+}
+
+.add-section {
+  position: absolute !important;
+  width: 40%;
+  top: 0;
+  left: 0 !important;
+  height: 100vh;
+  background-color: transparent !important;
+  box-shadow: none !important;
+  animation: slideInLeft 0.5s ease-in-out forwards;
+}
+
+.add-section.closing {
+  animation: slideOutLeft 0.5 s ease-in-out forwards;
+}
+
+@keyframes slideInLeft {
+  from {
+    transform: translateX(-100%);
+    opacity: 0;
+  }
+
+  to {
+    transform: translateX(0);
+    opacity: 1;
+  }
+}
+
+@keyframes slideOutLeft {
+  from {
+    transform: translateX(0);
+    opacity: 1;
+  }
+
+  to {
+    transform: translateX(-100%);
+    /* Close to the left side */
+    opacity: 0;
+  }
+}
+
+
+@media screen and (min-width: 1280px) {
+  .content-side {
+    h1 {
+      font-size: 72px !important;
+      line-height: 80px !important;
+    }
+
+    h2 {
+      font-size: 48px !important;
+      line-height: 56px !important;
+    }
+
+    h3 {
+      font-size: 32px !important;
+      line-height: 40px !important;
+    }
+
+    h4 {
+      font-size: 24px !important;
+      line-height: 36px !important;
+    }
+
+    h5 {
+      font-size: 18px !important;
+      line-height: 28px !important;
+    }
+
+    p {
+      font-size: 16px !important;
+      line-height: 21px !important;
+    }
+  }
+
+}
+
+@media screen and (min-width: 768px) {
+  .content-side {
+    h1 {
+      font-size: 46px;
+      line-height: 54px;
+    }
+
+    h2 {
+      font-size: 35px;
+      line-height: 42px;
+    }
+
+    h3 {
+      font-size: 28px;
+      line-height: 36px;
+    }
+
+    h4 {
+      font-size: 18px;
+      line-height: 26px;
+    }
+
+    h5 {
+      font-size: 16px;
+      line-height: 24px;
+    }
+
+    p {
+      font-size: 14px;
+      line-height: 21px;
+    }
+  }
+
+}
+
+.content-side {
+  h1 {
+    font-size: 36px;
+    line-height: 42px;
+  }
+
+  h2 {
+    font-size: 30px;
+    line-height: 36px;
+  }
+
+  h3 {
+    font-size: 24px;
+    line-height: 32px;
+  }
+
+  h4 {
+    font-size: 18px;
+    line-height: 26px;
+  }
+
+  h5 {
+    font-size: 16px;
+    line-height: 24px;
+  }
+
+  p {
+    font-size: 14px;
+    line-height: 21px;
+  }
+}
+
+.link-editor {
+  height: 100vh;
+  width: 28vw;
+  position: absolute !important;
+  top: 0;
+  left: 0 !important;
+  animation: slideInLeft 0.5s ease-in-out forwards;
+}
+
+@media screen and (max-width : 475px) {
+  .link-editor {
+    width: 100% !important;
+  }
+
+  .link-editor {
+    width: 100% !important;
+    max-width: 100% !important;
+  }
+
+  .sidepanel-class {
+    max-width: 100vw !important;
+  }
+
+  .address-class {
+    width: 100vw;
+  }
+
+  .media-selector {
+    width: 100% !important;
+    max-width: 100% !important;
+  }
+
+  .add-section {
+    width: 100% !important;
+    max-width: 100% !important;
+  }
+
+  .address-class {
+    width: 100vw;
+  }
+
+}
+
+.mat-mdc-form-field-subscript-wrapper {
+  display: none;
+}
+
+.media-selector {
+  position: absolute !important;
+  top: 0 !important;
+  left: 0 !important;
+  width: 60%;
+  height: 100vh;
+  animation: slideInLeft 0.5s ease-in-out forwards;
+}
+
+/* .appointment-form {
+  @media only screen and (max-width: 500px) {
+    margin: auto !important;
+    height: 65vh !important;
+    width: 95vw !important;
+  }
+} */
+
+.hover-effect:hover {
+  box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
+}
+
+.sidepanel-class {
+  position: absolute !important;
+  right: 0px;
+  top: 0px;
+  height: 100vh;
+}
+
+.video-call-dialog {
+  width: 55% !important;
+  height: 85vh !important;
+  border-radius: 18px !important;
+
+  .mat-mdc-dialog-surface {
+    border-radius: 22px !important;
+  }
+}
+
+.scroll-container-store {
+  .cdk-virtual-scroll-content-wrapper {
+    position: unset !important;
+  }
+}
+
+.p-rating-icon {
+  color: gold;
+}
+
+.appointment-form {
+  width: 100vw;
+  height: 100vh;
+  max-width: 100vw;
+  position: static;
+  margin-left: 0px;
+  margin-top: 0px;
+  margin-right: 0px;
+}
+
+.trim-text {
+  text-align: left !important;
+  display: -webkit-box !important;
+  white-space: nowrap !important;
+  overflow: hidden !important;
+  -webkit-line-clamp: 2 !important;
+  -webkit-box-orient: vertical;
+  text-overflow: ellipsis !important;
+  /* word-break: break-all; */
 }