simpo-component-library 2.1.7 → 2.1.8

package/lib/components/input-fields/input-fields.component.d.ts

@@ -19,6 +19,7 @@ export declare class InputFieldsComponent implements OnChanges {
     generateColorBasedOnNumber(number: number): string;
     selectDropdown(value: string): void;
     handleOutsideClick(event: MouseEvent): void;
+    onCheckboxChange(selectedIndex: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputFieldsComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<InputFieldsComponent, "simpo-input-fields", never, { "feild": { "alias": "feild"; "required": false; }; "opacity": { "alias": "opacity"; "required": false; }; "bgColor": { "alias": "bgColor"; "required": false; }; "sectionId": { "alias": "sectionId"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/directive/spacing-horizontal.directive.d.ts

@@ -7,6 +7,7 @@ export declare class SpacingHorizontalDirective {
     private el;
     private eventService;
     layout?: LayOutModel;
+    isHeader?: boolean;
     constructor(el: ElementRef, eventService: EventsService);
     ngOnChanges(): void;
     ngOnDestroy(): void;
@@ -14,5 +15,5 @@ export declare class SpacingHorizontalDirective {
     positionLayoutSubscription?: Subscription;
     positionLayoutChangeCheck(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpacingHorizontalDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SpacingHorizontalDirective, "[spacingHorizontal]", never, { "layout": { "alias": "spacingHorizontal"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SpacingHorizontalDirective, "[spacingHorizontal]", never, { "layout": { "alias": "spacingHorizontal"; "required": false; }; "isHeader": { "alias": "isHeader"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/sections/property-list/property-list.component.d.ts

@@ -0,0 +1,22 @@
+import { OnInit } from '@angular/core';
+import { PropertyListContentModal, PropertyListModal, PropertyListStylesModal } from './property-list.modal';
+import { LayOutModel } from '../../styles/style.model';
+import BaseSection from '../BaseSection';
+import { SPACING } from '../../styles/index';
+import * as i0 from "@angular/core";
+export declare class PropertyListComponent extends BaseSection implements OnInit {
+    data?: PropertyListModal;
+    index?: number;
+    edit?: boolean;
+    delete?: boolean;
+    customClass?: string;
+    constructor();
+    styles?: PropertyListStylesModal;
+    content?: PropertyListContentModal;
+    ngOnInit(): void;
+    propertyList: any[];
+    get stylesLayout(): LayOutModel;
+    get headingSpace(): SPACING;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PropertyListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PropertyListComponent, "simpo-property-list", 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; }; }, {}, never, never, true, never>;
+}

package/lib/sections/property-list/property-list.modal.d.ts

@@ -0,0 +1,14 @@
+import { ActionModel, InputTextModel, StylesModel } from "../../styles/style.model";
+export interface PropertyListModal {
+    id: string;
+    sectionType: string;
+    sectionName: string;
+    content: PropertyListContentModal;
+    styles: PropertyListStylesModal;
+    action: ActionModel;
+}
+export interface PropertyListContentModal {
+    inputText: InputTextModel[];
+}
+export interface PropertyListStylesModal extends StylesModel {
+}

package/package.json

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

package/public-api.d.ts

@@ -35,6 +35,7 @@ export * from './lib/sections/logo-gallery/logo-gallery.component';
 export * from './lib/sections/registration-form/registration-form.component';
 export * from './lib/sections/property-component/property-component.component';
 export * from './lib/sections/usp-video-section/usp-video-section.component';
+export * from './lib/sections/property-list/property-list.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';

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

@@ -1,86 +1,86 @@
-@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;
-  }
-}
+@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;
+  }
+}