simpo-component-library 3.5.46 → 3.5.52

package/lib/components/payment-details/payment-details.component.d.ts

@@ -42,11 +42,17 @@ export declare class PaymentDetailsComponent {
     addingTransportFee(): void;
     removeTrasportFee(): void;
     onCheckboxChange(item: any, event: any): void;
+    addingTransportRequest(): void;
     getPickupTime(item: any): Date | null;
     getDroptime(item: any): Date | null;
     changeTransportTermValue(item: any): void;
     addSingleStop(ev: any, item: any): void;
     calculateTotalAmountV2(cal: number, value: any): void;
+    listAllKits: any;
+    getAllKits(): void;
+    addRemoveKit(item: any, ev: any): void;
+    changePaymentStatus(item: any): void;
+    hasActiveKits(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<PaymentDetailsComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PaymentDetailsComponent, "simpo-payment-details", never, { "admissionData": { "alias": "admissionData"; "required": false; }; "subscriptionsData": { "alias": "subscriptionsData"; "required": false; }; "termPaymentList": { "alias": "termPaymentList"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/components/trasport-availability/trasport-availability.component.d.ts

@@ -0,0 +1,14 @@
+import { MatDialogRef } from '@angular/material/dialog';
+import { MatSnackBar } from '@angular/material/snack-bar';
+import * as i0 from "@angular/core";
+export declare class TrasportAvailabilityComponent {
+    dialogRef: MatDialogRef<TrasportAvailabilityComponent>;
+    data: any;
+    private snackBar;
+    constructor(dialogRef: MatDialogRef<TrasportAvailabilityComponent>, data: any, snackBar: MatSnackBar);
+    ngOnInit(): void;
+    close(): void;
+    sendRequest(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TrasportAvailabilityComponent, [null, { optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TrasportAvailabilityComponent, "simpo-trasport-availability", never, {}, {}, never, never, true, never>;
+}

package/lib/directive/background-directive.d.ts

@@ -11,7 +11,7 @@ export declare class BackgroundDirective implements OnChanges {
     constructor(el: ElementRef, eventService: EventsService);
     ngOnDestroy(): void;
     ngOnChanges(change: SimpleChanges): void;
-    getTextColor(bgColor: string): "#ffffff" | "#000000" | "#ffffff;";
+    getTextColor(bgColor: string): "#000000" | "#ffffff" | "#ffffff;";
     static ɵfac: i0.ɵɵFactoryDeclaration<BackgroundDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<BackgroundDirective, "[simpoBackground]", never, { "simpoBackground": { "alias": "simpoBackground"; "required": false; }; "scrollValue": { "alias": "scrollValue"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/directive/button-directive.directive.d.ts

@@ -16,7 +16,7 @@ export declare class ButtonDirectiveDirective implements OnChanges {
     applyButtonStyleChanges(): void;
     applyButtonType(style: ButtonStyleModel, backgroundInfo?: BackgroundModel): void;
     applyButtonShape(style: ButtonStyleModel): void;
-    getTextColor(bgColor: string): "#ffffff" | "#000000" | "#ffffff;";
+    getTextColor(bgColor: string): "#000000" | "#ffffff" | "#ffffff;";
     buttonStyleSubscription?: Subscription;
     buttonStyleChangeCheck(): void;
     changeButtonStyle(id: any, style: ButtonStyleModel, backgroundInfo: BackgroundModel): void;

package/lib/directive/color.directive.d.ts

@@ -12,7 +12,7 @@ export declare class ColorDirective implements OnChanges {
     ngOnDestroy(): void;
     applyColor(): void;
     bgColorChangeCheck(): void;
-    getTextColor(): "#ffffff" | "#000000" | "#ffffff;";
+    getTextColor(): "#000000" | "#ffffff" | "#ffffff;";
     static ɵfac: i0.ɵɵFactoryDeclaration<ColorDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ColorDirective, "[simpoColor]", never, { "bgColor": { "alias": "simpoColor"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/elements/editor-service.service.d.ts

@@ -1,16 +1,20 @@
 import { HttpClient } from '@angular/common/http';
+import { MatDialog } from '@angular/material/dialog';
 import * as i0 from "@angular/core";
 export declare class ElementServiceService {
     private http;
     private BASE_URL;
     private CMIS_URL;
-    constructor(http: HttpClient, BASE_URL: string, CMIS_URL: string);
+    dialog: MatDialog;
+    constructor(http: HttpClient, BASE_URL: string, CMIS_URL: string, dialog: MatDialog);
+    openSocialBrand(componentName: any, height: any, width: any, data: any): import("@angular/material/dialog").MatDialogRef<unknown, any>;
     getComponentApi(businessType?: 'STATIC' | 'E_COMMERCE'): import("rxjs").Observable<Object>;
     regenerateText(request: any): import("rxjs").Observable<Object>;
     getImageLibrary(): import("rxjs").Observable<Object>;
     saveImagesToBusinessLibrary(mediaRequest: any): import("rxjs").Observable<Object>;
     getTemplate(): import("rxjs").Observable<Object>;
     getAllVehicleTypes(data: any): import("rxjs").Observable<Object>;
+    getAllCombos(data: any): import("rxjs").Observable<Object>;
     getAllStops(bId: any): import("rxjs").Observable<Object>;
     getVehicleRoutes(stopId: any, typeId: any): import("rxjs").Observable<Object>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElementServiceService, never>;

package/lib/elements/top-of-image-card/top-of-image-card.component.d.ts

@@ -11,9 +11,6 @@ export declare class TopOfImageCardComponent {
     edit?: boolean;
     constructor(_eventService: EventsService);
     ngOnInit(): void;
-    getContentAnimation(): {
-        contentAnimation: any;
-    };
     redirectTo(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TopOfImageCardComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TopOfImageCardComponent, "simpo-top-of-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>;

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

@@ -23,7 +23,7 @@ export declare class BannerCarouselComponent extends BaseSection implements OnIn
     constructor(_eventService: EventsService);
     ngOnInit(): void;
     get stylesLayout(): LayOutModel;
-    get getBlurValue(): "NONE" | "LIGHT" | "MODERATE" | "STRONG" | "VERY_STRONG" | undefined;
+    get getBlurValue(): "STRONG" | "NONE" | "LIGHT" | "MODERATE" | "VERY_STRONG" | undefined;
     get getBackgroundColor(): BackgroundModel;
     get getBackgroundOpacity(): "0" | "0.7" | "0.5" | "0.3" | "0.2";
     opacityValue(value: OverlayValue): "0" | "0.7" | "0.5" | "0.3" | "0.2";

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

@@ -6,7 +6,6 @@ import { ActivatedRoute, Router } from '@angular/router';
 import { MatDialog } from '@angular/material/dialog';
 import { StorageServiceService } from '../../services/storage.service';
 import { Header_Type, ProductCardTheme } from '../../styles/index';
-import { MovingTextModal } from '../moving-text/moving-text.modal';
 import * as i0 from "@angular/core";
 export declare class HeaderSectionComponent implements OnInit {
     private readonly _eventService;
@@ -40,7 +39,6 @@ export declare class HeaderSectionComponent implements OnInit {
     goToCart(): void;
     applyFilter(value: any, type: string): void;
     onScroll(event: any): void;
-    movingText?: MovingTextModal;
     ngOnInit(): void;
     isNavbarOpen: boolean;
     screenWidth: number;

package/lib/sections/header-section/header-section.model.d.ts

@@ -1,5 +1,5 @@
-import { Header_Type, HeaderButtonStyle, headlineAnimationType, ProductCardTheme } from "./../../styles/index";
-import { BackgroundModel, DisplaySection, HeaderButtonStyleModel, InputTextModel, ListItemModal, NavbarButton } from "../../styles/style.model";
+import { Header_Type, HeaderButtonStyle, ProductCardTheme } from "./../../styles/index";
+import { BackgroundModel, HeaderButtonStyleModel, InputTextModel, NavbarButton } from "../../styles/style.model";
 import { FooterLayoutModel, FooterLogoModel, FooterSocialLinkModel } from "../footer-section/footer-section.modal";
 import { ActionModel } from "../../styles/style.model";
 export interface HeaderSectionModel {
@@ -19,13 +19,6 @@ export interface HeaderContentModel {
     ecomlinks: {
         [key: string]: string[];
     };
-    listItem: ListItemModal<HeaderSectionListItemModel>;
-    display: Display;
-}
-export interface Display extends DisplaySection {
-}
-export interface HeaderSectionListItemModel {
-    inputText: InputTextModel[];
 }
 export interface HeaderStyleModel {
     layout: FooterLayoutModel;
@@ -35,5 +28,4 @@ export interface HeaderStyleModel {
     navbarButtonStyle: HeaderButtonStyleModel;
     styling: Header_Type;
     theme: ProductCardTheme;
-    animationType: headlineAnimationType;
 }

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

@@ -18,7 +18,7 @@ export declare class PricingSectionComponent extends BaseSection {
     constructor(_eventService: EventsService);
     ngOnInit(): void;
     get stylesLayout(): LayOutModel;
-    getTextColor(): "#ffffff" | "#000000";
+    getTextColor(): "#000000" | "#ffffff";
     get headingSpace(): SPACING;
     editSection(): void;
     redirectTo(): void;

package/lib/sections/service-section/service-section.model.d.ts

@@ -1,4 +1,4 @@
-import { ActionModel, Button, CardStyles, contentAnimationModel, DisplaySection, Icon, Image, InputTextModel, ListItemModal, StylesModel } from './../../styles/style.model';
+import { ActionModel, Button, CardStyles, DisplaySection, Icon, Image, InputTextModel, ListItemModal, StylesModel } from './../../styles/style.model';
 export interface ServiceSectionModal {
     id: string;
     sectionType: string;
@@ -14,11 +14,9 @@ export interface ServiceContentModal {
 }
 export interface Display extends DisplaySection {
     showIcon: boolean;
-    showButtonOnHover: boolean;
 }
 export interface ServiceStylesModel extends StylesModel, CardStyles {
     direction: "ROW" | "COLUMN";
-    contentAnimation: contentAnimationModel;
 }
 export interface ServiceItemModal {
     image: Image;

package/lib/services/events.service.d.ts

@@ -17,7 +17,6 @@ export declare class EventsService implements OnInit {
     colorOverlayChangeChecks: EventEmitter<unknown>;
     alignmentChangeChecks: EventEmitter<unknown>;
     animationChangeChecks: EventEmitter<unknown>;
-    contentAnimationChangeChecks: EventEmitter<unknown>;
     spacingChangeChecks: EventEmitter<unknown>;
     borderChangeChecks: EventEmitter<unknown>;
     cardSizeChangeChecks: EventEmitter<unknown>;

package/lib/styles/index.d.ts

@@ -233,11 +233,6 @@ export declare enum FooterType {
     FOOTER_3 = "Footer3",
     FOOTER_4 = "Footer4"
 }
-export declare enum headlineAnimationType {
-    INFINITE_SCROLL = "InfiniteScroll",
-    SOFT_TRANSITION = "SoftTransition",
-    NO_EFFECT = "NoEffect"
-}
 export declare enum GradientDirection {
     DOWN = "",
     RIGHT = "90deg",

package/lib/styles/style.model.d.ts

@@ -1,5 +1,5 @@
 import { AlignContent, Corners, DeviderType, ImageFit, ImageRatio, OverlayValue, RedirectionLinkType, SPACING, TEXT_SIZE, TextPosition } from '.';
-import { ALIGN, ANIMATION_DIRECTION, ANIMATION_SPEED, BUTTON_SHAPE, BUTTON_TYPE, CARD_SIZE, FIT, LAYOUTPOSITION, LINK_TYPE, SPACING_TYPE, CONTENTPOSITION, BORDER_DIRECTION, BACKGROUND_TYPE, FILE_TYPE, GRADIENT_DIRECTION, CONTENT_ANIMATION } from './types';
+import { ALIGN, ANIMATION_DIRECTION, ANIMATION_SPEED, BUTTON_SHAPE, BUTTON_TYPE, CARD_SIZE, FIT, LAYOUTPOSITION, LINK_TYPE, SPACING_TYPE, CONTENTPOSITION, BORDER_DIRECTION, BACKGROUND_TYPE, FILE_TYPE, GRADIENT_DIRECTION } from './types';
 export interface SpacingModel {
     top: SPACING_TYPE;
     bottom: SPACING_TYPE;
@@ -28,9 +28,6 @@ export interface LayOutModel {
     spacingHorizontal?: SPACING_TYPE;
     spacingAround?: SPACING_TYPE;
 }
-export interface contentAnimationModel {
-    contentAnimation: CONTENT_ANIMATION;
-}
 export interface BannerLayOutModel {
     layoutAlignment: PositionLayoutModal;
     contentAlignment: contentAlignmentModal;
@@ -89,7 +86,6 @@ export interface DisplaySection {
     showCard: boolean;
     showIcon: boolean;
     linkType: LINK_TYPE;
-    showHeadline: boolean;
 }
 export interface Button {
     linkType: RedirectionLinkType;

package/lib/styles/types.d.ts

@@ -1,5 +1,4 @@
 export type SPACING_TYPE = 'none' | 'small' | 'medium' | 'large' | 'remove';
-export type CONTENT_ANIMATION = 'hover' | 'grow-shadow' | 'pop-bounce' | 'hover-pop' | 'slide-in-left';
 export type ALIGN = 'left' | 'center' | 'right';
 export type LAYOUTPOSITION = 'left' | 'right' | 'top' | 'bottom';
 export type CONTENTPOSITION = 'image center' | 'image top' | 'image bottom';

package/package.json

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

package/public-api.d.ts

@@ -40,7 +40,6 @@ export * from './lib/sections/footer/footer.component';
 export * from './lib/sections/header-section/header-section.component';
 export * from './lib/sections/new-testimonials/new-testimonials.component';
 export * from './lib/sections/new-services/new-services.component';
-export * from './lib/sections/moving-text/moving-text.component';
 export * from './lib/ecommerce/sections/featured-products/featured-products.component';
 export * from './lib/ecommerce/sections/featured-category/featured-category.component';
 export * from './lib/ecommerce/sections/product-desc/product-desc.component';
@@ -83,7 +82,6 @@ export * from './lib/directive/container-alignment.directive';
 export * from './lib/directive/sticky-directive';
 export * from './lib/directive/removeCarousel-directive';
 export * from './lib/directive/spacing-around.directive';
-export * from './lib/directive/hover-animation.directive';
 export * from './lib/styles/index';
 export * from './lib/styles/style.model';
 export * from './lib/styles/types';

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

@@ -1,192 +1,192 @@
-: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;
-  }
-
-  .media-selector {
-    width: 100% !important;
-    max-width: 100% !important;
-  }
-
-  .add-section{
-    width: 100% !important;
-    max-width: 100% !important;
-  }
-
-}
-
-.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;
+: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;
+  }
+
+  .media-selector {
+    width: 100% !important;
+    max-width: 100% !important;
+  }
+
+  .add-section{
+    width: 100% !important;
+    max-width: 100% !important;
+  }
+
+}
+
+.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;
 }