simpo-component-library 0.0.1 → 0.0.3

package/esm2022/lib/sections/image-carousel-section/image-carousel-section.component.mjs

@@ -19,7 +19,7 @@ export class ImageCarouselSectionComponent {
         this.screenWidth = window.innerWidth;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ImageCarouselSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: ImageCarouselSectionComponent, isStandalone: true, selector: "simpo-image-carousel-section", inputs: { data: "data" }, host: { listeners: { "window:resize": "getScreenSize($event)" } }, ngImport: i0, template: "<section class=\"container-fluid\" [id]=\"data?.id\" [simpoBackground]=\"style?.background\">\n  <div class=\"row\">\n    <div *ngFor=\"let text of data?.content?.inputText\">\n      <div class=\"heading-large mb-1\" [innerHTML]=\"text.value\"></div>\n    </div>\n\n    <div id=\"carouselExampleCaptions\" class=\"carousel slide mb-1\">\n      <ol class=\"carousel-indicators\">\n        <li *ngFor=\"let img of content?.listItem?.data; let i = index\" [class.active]=\"i === 0\"\n          data-bs-target=\"#carouselExampleCaptions\" [attr.data-bs-slide-to]=\"i\"></li>\n      </ol>\n      <div class=\"carousel-inner\">\n        <div class=\"carousel-item\" *ngFor=\"let img of content?.listItem?.data; let i = index\" [class.active]=\"i === 0\">\n          <div class=\"row\">\n            <div class=\"col d-flex\" *ngIf=\"screenWidth >= 475\">\n              <img class=\"d-block position-relative\"style=\"width: 20%; left: -20px\" [src]=\"img.image.url\" [alt]=\"img.image.altText\">\n              <img class=\"d-block image-height-80vh\"style=\"width: 60%;\"  [src]=\"img.image.url\" [alt]=\"img.image.altText\">\n              <img class=\"d-block position-relative\" style=\"width: 20%; right: -20px;\" [src]=\"img.image.url\" [alt]=\"img.image.altText\">\n            </div>\n            <div class=\"col d-flex\" *ngIf=\"screenWidth < 475\">\n              <img class=\"d-block w-100 image-height-40vh\"  [src]=\"img.image.url\" [alt]=\"img.image.altText\">\n            </div>\n          </div>\n        </div>\n      </div>\n      <a *ngIf=\"screenWidth > 475\" class=\"carousel-control-prev\" data-bs-target=\"#carouselExampleCaptions\" role=\"button\" data-bs-slide=\"prev\">\n        <span class=\"carousel-control-prev-icon previous-icon\" aria-hidden=\"true\"></span>\n        <span class=\"sr-only\">Previous</span>\n      </a>\n      <a *ngIf=\"screenWidth > 475\" class=\"carousel-control-next\" data-bs-target=\"#carouselExampleCaptions\" role=\"button\" data-bs-slide=\"next\">\n        <span class=\"carousel-control-next-icon previous-icon\" aria-hidden=\"true\"></span>\n        <span class=\"sr-only\">Next</span>\n      </a>\n    </div>\n\n\n  </div>\n</section>", styles: [".mb-1{margin-bottom:1.5rem!important}.previous-icon{width:65px;height:65px}.image-height-80vh{height:80vh;object-fit:cover}.image-height-40vh{height:40vh}\n"], dependencies: [{ kind: "ngmodule", type: SimpoElementsModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: StyleDirectivesModule }, { kind: "directive", type: i2.BackgroundDirective, selector: "[simpoBackground]", inputs: ["simpoBackground"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: ImageCarouselSectionComponent, isStandalone: true, selector: "simpo-image-carousel-section", inputs: { data: "data", index: "index" }, host: { listeners: { "window:resize": "getScreenSize($event)" } }, ngImport: i0, template: "<section class=\"container-fluid\" [id]=\"data?.id\" [simpoBackground]=\"style?.background\">\n  <div class=\"row\">\n    <div *ngFor=\"let text of data?.content?.inputText\">\n      <div class=\"heading-large mb-1\" [innerHTML]=\"text.value\"></div>\n    </div>\n\n    <div id=\"carouselExampleCaptions\" class=\"carousel slide mb-1\">\n      <ol class=\"carousel-indicators\">\n        <li *ngFor=\"let img of content?.listItem?.data; let i = index\" [class.active]=\"i === 0\"\n          data-bs-target=\"#carouselExampleCaptions\" [attr.data-bs-slide-to]=\"i\"></li>\n      </ol>\n      <div class=\"carousel-inner\">\n        <div class=\"carousel-item\" *ngFor=\"let img of content?.listItem?.data; let i = index\" [class.active]=\"i === 0\">\n          <div class=\"row\">\n            <div class=\"col d-flex\" *ngIf=\"screenWidth >= 475\">\n              <img class=\"d-block position-relative\"style=\"width: 20%; left: -20px\" [src]=\"img.image.url\" [alt]=\"img.image.altText\">\n              <img class=\"d-block image-height-80vh\"style=\"width: 60%;\"  [src]=\"img.image.url\" [alt]=\"img.image.altText\">\n              <img class=\"d-block position-relative\" style=\"width: 20%; right: -20px;\" [src]=\"img.image.url\" [alt]=\"img.image.altText\">\n            </div>\n            <div class=\"col d-flex\" *ngIf=\"screenWidth < 475\">\n              <img class=\"d-block w-100 image-height-40vh\"  [src]=\"img.image.url\" [alt]=\"img.image.altText\">\n            </div>\n          </div>\n        </div>\n      </div>\n      <a *ngIf=\"screenWidth > 475\" class=\"carousel-control-prev\" data-bs-target=\"#carouselExampleCaptions\" role=\"button\" data-bs-slide=\"prev\">\n        <span class=\"carousel-control-prev-icon previous-icon\" aria-hidden=\"true\"></span>\n        <span class=\"sr-only\">Previous</span>\n      </a>\n      <a *ngIf=\"screenWidth > 475\" class=\"carousel-control-next\" data-bs-target=\"#carouselExampleCaptions\" role=\"button\" data-bs-slide=\"next\">\n        <span class=\"carousel-control-next-icon previous-icon\" aria-hidden=\"true\"></span>\n        <span class=\"sr-only\">Next</span>\n      </a>\n    </div>\n\n\n  </div>\n</section>", styles: [".mb-1{margin-bottom:1.5rem!important}.previous-icon{width:65px;height:65px}.image-height-80vh{height:80vh;object-fit:cover}.image-height-40vh{height:40vh}\n"], dependencies: [{ kind: "ngmodule", type: SimpoElementsModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: StyleDirectivesModule }, { kind: "directive", type: i2.BackgroundDirective, selector: "[simpoBackground]", inputs: ["simpoBackground"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ImageCarouselSectionComponent, decorators: [{
             type: Component,
@@ -31,8 +31,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
                     ], template: "<section class=\"container-fluid\" [id]=\"data?.id\" [simpoBackground]=\"style?.background\">\n  <div class=\"row\">\n    <div *ngFor=\"let text of data?.content?.inputText\">\n      <div class=\"heading-large mb-1\" [innerHTML]=\"text.value\"></div>\n    </div>\n\n    <div id=\"carouselExampleCaptions\" class=\"carousel slide mb-1\">\n      <ol class=\"carousel-indicators\">\n        <li *ngFor=\"let img of content?.listItem?.data; let i = index\" [class.active]=\"i === 0\"\n          data-bs-target=\"#carouselExampleCaptions\" [attr.data-bs-slide-to]=\"i\"></li>\n      </ol>\n      <div class=\"carousel-inner\">\n        <div class=\"carousel-item\" *ngFor=\"let img of content?.listItem?.data; let i = index\" [class.active]=\"i === 0\">\n          <div class=\"row\">\n            <div class=\"col d-flex\" *ngIf=\"screenWidth >= 475\">\n              <img class=\"d-block position-relative\"style=\"width: 20%; left: -20px\" [src]=\"img.image.url\" [alt]=\"img.image.altText\">\n              <img class=\"d-block image-height-80vh\"style=\"width: 60%;\"  [src]=\"img.image.url\" [alt]=\"img.image.altText\">\n              <img class=\"d-block position-relative\" style=\"width: 20%; right: -20px;\" [src]=\"img.image.url\" [alt]=\"img.image.altText\">\n            </div>\n            <div class=\"col d-flex\" *ngIf=\"screenWidth < 475\">\n              <img class=\"d-block w-100 image-height-40vh\"  [src]=\"img.image.url\" [alt]=\"img.image.altText\">\n            </div>\n          </div>\n        </div>\n      </div>\n      <a *ngIf=\"screenWidth > 475\" class=\"carousel-control-prev\" data-bs-target=\"#carouselExampleCaptions\" role=\"button\" data-bs-slide=\"prev\">\n        <span class=\"carousel-control-prev-icon previous-icon\" aria-hidden=\"true\"></span>\n        <span class=\"sr-only\">Previous</span>\n      </a>\n      <a *ngIf=\"screenWidth > 475\" class=\"carousel-control-next\" data-bs-target=\"#carouselExampleCaptions\" role=\"button\" data-bs-slide=\"next\">\n        <span class=\"carousel-control-next-icon previous-icon\" aria-hidden=\"true\"></span>\n        <span class=\"sr-only\">Next</span>\n      </a>\n    </div>\n\n\n  </div>\n</section>", styles: [".mb-1{margin-bottom:1.5rem!important}.previous-icon{width:65px;height:65px}.image-height-80vh{height:80vh;object-fit:cover}.image-height-40vh{height:40vh}\n"] }]
         }], ctorParameters: () => [], propDecorators: { data: [{
                 type: Input
+            }], index: [{
+                type: Input
             }], getScreenSize: [{
                 type: HostListener,
                 args: ['window:resize', ['$event']]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UtY2Fyb3VzZWwtc2VjdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL3NlY3Rpb25zL2ltYWdlLWNhcm91c2VsLXNlY3Rpb24vaW1hZ2UtY2Fyb3VzZWwtc2VjdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL3NlY3Rpb25zL2ltYWdlLWNhcm91c2VsLXNlY3Rpb24vaW1hZ2UtY2Fyb3VzZWwtc2VjdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFNL0QsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQzVELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLGdEQUFnRCxDQUFDO0FBQzFGLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLG9CQUFvQixDQUFDOzs7O0FBY3pELE1BQU0sT0FBTyw2QkFBNkI7SUFNeEM7UUFXQSxnQkFBVyxHQUFXLENBQUMsQ0FBQztRQVZ0QixJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDdkIsQ0FBQztJQUlELFFBQVE7UUFDTixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxJQUFJLEVBQUUsT0FBTyxDQUFDO1FBQ2xDLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLElBQUksRUFBRSxNQUFNLENBQUM7SUFDakMsQ0FBQztJQUlELGFBQWEsQ0FBQyxLQUFjO1FBQzFCLElBQUksQ0FBQyxXQUFXLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FBQztJQUN2QyxDQUFDOzhHQXJCVSw2QkFBNkI7a0dBQTdCLDZCQUE2QixxTEN2QjFDLGtwRUFxQ1UscU5EdEJOLG1CQUFtQiw4QkFDbkIsWUFBWSwrUEFFWixxQkFBcUI7OzJGQUtaLDZCQUE2QjtrQkFaekMsU0FBUzsrQkFDRSw4QkFBOEIsY0FDNUIsSUFBSSxXQUNQO3dCQUNQLG1CQUFtQjt3QkFDbkIsWUFBWTt3QkFDWix3QkFBd0I7d0JBQ3hCLHFCQUFxQjtxQkFDdEI7d0RBS1EsSUFBSTtzQkFBWixLQUFLO2dCQWtCTixhQUFhO3NCQURaLFlBQVk7dUJBQUMsZUFBZSxFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0TGlzdGVuZXIsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBJbWFnZUNhcm91c2VsU2VjdGlvbixcbiAgSW1hZ2VDYXJvdXNlbFNlY3Rpb25Db250ZW50TW9kZWwsXG4gIEltYWdlQ2Fyb3VzZWxTZWN0aW9uU3R5bGVzTW9kZWwsXG59IGZyb20gJy4vaW1hZ2UtY2Fyb3VzZWwubW9kZWwnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFN0eWxlRGlyZWN0aXZlc01vZHVsZSB9IGZyb20gJ0BzaW1wby11aS9kaXJlY3RpdmUnO1xuaW1wb3J0IHsgQ29sdW1uRGlyZWN0aXZlRGlyZWN0aXZlIH0gZnJvbSAnQHNpbXBvLXVpL2RpcmVjdGl2ZS9jb2x1bW4tZGlyZWN0aXZlLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBTaW1wb0VsZW1lbnRzTW9kdWxlIH0gZnJvbSAnQHNpbXBvLXVpL2VsZW1lbnRzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2ltcG8taW1hZ2UtY2Fyb3VzZWwtc2VjdGlvbicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBTaW1wb0VsZW1lbnRzTW9kdWxlLFxuICAgIENvbW1vbk1vZHVsZSxcbiAgICBDb2x1bW5EaXJlY3RpdmVEaXJlY3RpdmUsXG4gICAgU3R5bGVEaXJlY3RpdmVzTW9kdWxlLFxuICBdLFxuICB0ZW1wbGF0ZVVybDogJy4vaW1hZ2UtY2Fyb3VzZWwtc2VjdGlvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9pbWFnZS1jYXJvdXNlbC1zZWN0aW9uLmNvbXBvbmVudC5jc3MnLFxufSlcbmV4cG9ydCBjbGFzcyBJbWFnZUNhcm91c2VsU2VjdGlvbkNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGRhdGE/OiBJbWFnZUNhcm91c2VsU2VjdGlvbjtcblxuICBjb250ZW50PzogSW1hZ2VDYXJvdXNlbFNlY3Rpb25Db250ZW50TW9kZWw7XG4gIHN0eWxlPzogSW1hZ2VDYXJvdXNlbFNlY3Rpb25TdHlsZXNNb2RlbDtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICB0aGlzLmdldFNjcmVlblNpemUoKTtcbiAgfVxuXG5cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLmNvbnRlbnQgPSB0aGlzLmRhdGE/LmNvbnRlbnQ7XG4gICAgdGhpcy5zdHlsZSA9IHRoaXMuZGF0YT8uc3R5bGVzO1xuICB9XG5cbiAgc2NyZWVuV2lkdGg6IG51bWJlciA9IDA7XG4gIEBIb3N0TGlzdGVuZXIoJ3dpbmRvdzpyZXNpemUnLCBbJyRldmVudCddKVxuICBnZXRTY3JlZW5TaXplKGV2ZW50PzogbnVtYmVyKSB7XG4gICAgdGhpcy5zY3JlZW5XaWR0aCA9IHdpbmRvdy5pbm5lcldpZHRoO1xuICB9XG59XG4iLCI8c2VjdGlvbiBjbGFzcz1cImNvbnRhaW5lci1mbHVpZFwiIFtpZF09XCJkYXRhPy5pZFwiIFtzaW1wb0JhY2tncm91bmRdPVwic3R5bGU/LmJhY2tncm91bmRcIj5cbiAgPGRpdiBjbGFzcz1cInJvd1wiPlxuICAgIDxkaXYgKm5nRm9yPVwibGV0IHRleHQgb2YgZGF0YT8uY29udGVudD8uaW5wdXRUZXh0XCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiaGVhZGluZy1sYXJnZSBtYi0xXCIgW2lubmVySFRNTF09XCJ0ZXh0LnZhbHVlXCI+PC9kaXY+XG4gICAgPC9kaXY+XG5cbiAgICA8ZGl2IGlkPVwiY2Fyb3VzZWxFeGFtcGxlQ2FwdGlvbnNcIiBjbGFzcz1cImNhcm91c2VsIHNsaWRlIG1iLTFcIj5cbiAgICAgIDxvbCBjbGFzcz1cImNhcm91c2VsLWluZGljYXRvcnNcIj5cbiAgICAgICAgPGxpICpuZ0Zvcj1cImxldCBpbWcgb2YgY29udGVudD8ubGlzdEl0ZW0/LmRhdGE7IGxldCBpID0gaW5kZXhcIiBbY2xhc3MuYWN0aXZlXT1cImkgPT09IDBcIlxuICAgICAgICAgIGRhdGEtYnMtdGFyZ2V0PVwiI2Nhcm91c2VsRXhhbXBsZUNhcHRpb25zXCIgW2F0dHIuZGF0YS1icy1zbGlkZS10b109XCJpXCI+PC9saT5cbiAgICAgIDwvb2w+XG4gICAgICA8ZGl2IGNsYXNzPVwiY2Fyb3VzZWwtaW5uZXJcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImNhcm91c2VsLWl0ZW1cIiAqbmdGb3I9XCJsZXQgaW1nIG9mIGNvbnRlbnQ/Lmxpc3RJdGVtPy5kYXRhOyBsZXQgaSA9IGluZGV4XCIgW2NsYXNzLmFjdGl2ZV09XCJpID09PSAwXCI+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cInJvd1wiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNvbCBkLWZsZXhcIiAqbmdJZj1cInNjcmVlbldpZHRoID49IDQ3NVwiPlxuICAgICAgICAgICAgICA8aW1nIGNsYXNzPVwiZC1ibG9jayBwb3NpdGlvbi1yZWxhdGl2ZVwic3R5bGU9XCJ3aWR0aDogMjAlOyBsZWZ0OiAtMjBweFwiIFtzcmNdPVwiaW1nLmltYWdlLnVybFwiIFthbHRdPVwiaW1nLmltYWdlLmFsdFRleHRcIj5cbiAgICAgICAgICAgICAgPGltZyBjbGFzcz1cImQtYmxvY2sgaW1hZ2UtaGVpZ2h0LTgwdmhcInN0eWxlPVwid2lkdGg6IDYwJTtcIiAgW3NyY109XCJpbWcuaW1hZ2UudXJsXCIgW2FsdF09XCJpbWcuaW1hZ2UuYWx0VGV4dFwiPlxuICAgICAgICAgICAgICA8aW1nIGNsYXNzPVwiZC1ibG9jayBwb3NpdGlvbi1yZWxhdGl2ZVwiIHN0eWxlPVwid2lkdGg6IDIwJTsgcmlnaHQ6IC0yMHB4O1wiIFtzcmNdPVwiaW1nLmltYWdlLnVybFwiIFthbHRdPVwiaW1nLmltYWdlLmFsdFRleHRcIj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNvbCBkLWZsZXhcIiAqbmdJZj1cInNjcmVlbldpZHRoIDwgNDc1XCI+XG4gICAgICAgICAgICAgIDxpbWcgY2xhc3M9XCJkLWJsb2NrIHctMTAwIGltYWdlLWhlaWdodC00MHZoXCIgIFtzcmNdPVwiaW1nLmltYWdlLnVybFwiIFthbHRdPVwiaW1nLmltYWdlLmFsdFRleHRcIj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgICAgPGEgKm5nSWY9XCJzY3JlZW5XaWR0aCA+IDQ3NVwiIGNsYXNzPVwiY2Fyb3VzZWwtY29udHJvbC1wcmV2XCIgZGF0YS1icy10YXJnZXQ9XCIjY2Fyb3VzZWxFeGFtcGxlQ2FwdGlvbnNcIiByb2xlPVwiYnV0dG9uXCIgZGF0YS1icy1zbGlkZT1cInByZXZcIj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJjYXJvdXNlbC1jb250cm9sLXByZXYtaWNvbiBwcmV2aW91cy1pY29uXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+PC9zcGFuPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInNyLW9ubHlcIj5QcmV2aW91czwvc3Bhbj5cbiAgICAgIDwvYT5cbiAgICAgIDxhICpuZ0lmPVwic2NyZWVuV2lkdGggPiA0NzVcIiBjbGFzcz1cImNhcm91c2VsLWNvbnRyb2wtbmV4dFwiIGRhdGEtYnMtdGFyZ2V0PVwiI2Nhcm91c2VsRXhhbXBsZUNhcHRpb25zXCIgcm9sZT1cImJ1dHRvblwiIGRhdGEtYnMtc2xpZGU9XCJuZXh0XCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwiY2Fyb3VzZWwtY29udHJvbC1uZXh0LWljb24gcHJldmlvdXMtaWNvblwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPjwvc3Bhbj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzci1vbmx5XCI+TmV4dDwvc3Bhbj5cbiAgICAgIDwvYT5cbiAgICA8L2Rpdj5cblxuXG4gIDwvZGl2PlxuPC9zZWN0aW9uPiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UtY2Fyb3VzZWwtc2VjdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL3NlY3Rpb25zL2ltYWdlLWNhcm91c2VsLXNlY3Rpb24vaW1hZ2UtY2Fyb3VzZWwtc2VjdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL3NlY3Rpb25zL2ltYWdlLWNhcm91c2VsLXNlY3Rpb24vaW1hZ2UtY2Fyb3VzZWwtc2VjdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFNL0QsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQzVELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLGdEQUFnRCxDQUFDO0FBQzFGLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLG9CQUFvQixDQUFDOzs7O0FBY3pELE1BQU0sT0FBTyw2QkFBNkI7SUFNeEM7UUFXQSxnQkFBVyxHQUFXLENBQUMsQ0FBQztRQVZ0QixJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDdkIsQ0FBQztJQUlELFFBQVE7UUFDTixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxJQUFJLEVBQUUsT0FBTyxDQUFDO1FBQ2xDLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLElBQUksRUFBRSxNQUFNLENBQUM7SUFDakMsQ0FBQztJQUlELGFBQWEsQ0FBQyxLQUFjO1FBQzFCLElBQUksQ0FBQyxXQUFXLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FBQztJQUN2QyxDQUFDOzhHQXJCVSw2QkFBNkI7a0dBQTdCLDZCQUE2QixxTUN2QjFDLGtwRUFxQ1UscU5EdEJOLG1CQUFtQiw4QkFDbkIsWUFBWSwrUEFFWixxQkFBcUI7OzJGQUtaLDZCQUE2QjtrQkFaekMsU0FBUzsrQkFDRSw4QkFBOEIsY0FDNUIsSUFBSSxXQUNQO3dCQUNQLG1CQUFtQjt3QkFDbkIsWUFBWTt3QkFDWix3QkFBd0I7d0JBQ3hCLHFCQUFxQjtxQkFDdEI7d0RBS1EsSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFpQk4sYUFBYTtzQkFEWixZQUFZO3VCQUFDLGVBQWUsRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdExpc3RlbmVyLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgSW1hZ2VDYXJvdXNlbFNlY3Rpb24sXG4gIEltYWdlQ2Fyb3VzZWxTZWN0aW9uQ29udGVudE1vZGVsLFxuICBJbWFnZUNhcm91c2VsU2VjdGlvblN0eWxlc01vZGVsLFxufSBmcm9tICcuL2ltYWdlLWNhcm91c2VsLm1vZGVsJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBTdHlsZURpcmVjdGl2ZXNNb2R1bGUgfSBmcm9tICdAc2ltcG8tdWkvZGlyZWN0aXZlJztcbmltcG9ydCB7IENvbHVtbkRpcmVjdGl2ZURpcmVjdGl2ZSB9IGZyb20gJ0BzaW1wby11aS9kaXJlY3RpdmUvY29sdW1uLWRpcmVjdGl2ZS5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgU2ltcG9FbGVtZW50c01vZHVsZSB9IGZyb20gJ0BzaW1wby11aS9lbGVtZW50cyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NpbXBvLWltYWdlLWNhcm91c2VsLXNlY3Rpb24nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgU2ltcG9FbGVtZW50c01vZHVsZSxcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgQ29sdW1uRGlyZWN0aXZlRGlyZWN0aXZlLFxuICAgIFN0eWxlRGlyZWN0aXZlc01vZHVsZSxcbiAgXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2ltYWdlLWNhcm91c2VsLXNlY3Rpb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vaW1hZ2UtY2Fyb3VzZWwtc2VjdGlvbi5jb21wb25lbnQuY3NzJyxcbn0pXG5leHBvcnQgY2xhc3MgSW1hZ2VDYXJvdXNlbFNlY3Rpb25Db21wb25lbnQge1xuICBASW5wdXQoKSBkYXRhPzogSW1hZ2VDYXJvdXNlbFNlY3Rpb247XG4gIEBJbnB1dCgpIGluZGV4PyA6IG51bWJlcjtcbiAgY29udGVudD86IEltYWdlQ2Fyb3VzZWxTZWN0aW9uQ29udGVudE1vZGVsO1xuICBzdHlsZT86IEltYWdlQ2Fyb3VzZWxTZWN0aW9uU3R5bGVzTW9kZWw7XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgdGhpcy5nZXRTY3JlZW5TaXplKCk7XG4gIH1cblxuXG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5jb250ZW50ID0gdGhpcy5kYXRhPy5jb250ZW50O1xuICAgIHRoaXMuc3R5bGUgPSB0aGlzLmRhdGE/LnN0eWxlcztcbiAgfVxuXG4gIHNjcmVlbldpZHRoOiBudW1iZXIgPSAwO1xuICBASG9zdExpc3RlbmVyKCd3aW5kb3c6cmVzaXplJywgWyckZXZlbnQnXSlcbiAgZ2V0U2NyZWVuU2l6ZShldmVudD86IG51bWJlcikge1xuICAgIHRoaXMuc2NyZWVuV2lkdGggPSB3aW5kb3cuaW5uZXJXaWR0aDtcbiAgfVxufVxuIiwiPHNlY3Rpb24gY2xhc3M9XCJjb250YWluZXItZmx1aWRcIiBbaWRdPVwiZGF0YT8uaWRcIiBbc2ltcG9CYWNrZ3JvdW5kXT1cInN0eWxlPy5iYWNrZ3JvdW5kXCI+XG4gIDxkaXYgY2xhc3M9XCJyb3dcIj5cbiAgICA8ZGl2ICpuZ0Zvcj1cImxldCB0ZXh0IG9mIGRhdGE/LmNvbnRlbnQ/LmlucHV0VGV4dFwiPlxuICAgICAgPGRpdiBjbGFzcz1cImhlYWRpbmctbGFyZ2UgbWItMVwiIFtpbm5lckhUTUxdPVwidGV4dC52YWx1ZVwiPjwvZGl2PlxuICAgIDwvZGl2PlxuXG4gICAgPGRpdiBpZD1cImNhcm91c2VsRXhhbXBsZUNhcHRpb25zXCIgY2xhc3M9XCJjYXJvdXNlbCBzbGlkZSBtYi0xXCI+XG4gICAgICA8b2wgY2xhc3M9XCJjYXJvdXNlbC1pbmRpY2F0b3JzXCI+XG4gICAgICAgIDxsaSAqbmdGb3I9XCJsZXQgaW1nIG9mIGNvbnRlbnQ/Lmxpc3RJdGVtPy5kYXRhOyBsZXQgaSA9IGluZGV4XCIgW2NsYXNzLmFjdGl2ZV09XCJpID09PSAwXCJcbiAgICAgICAgICBkYXRhLWJzLXRhcmdldD1cIiNjYXJvdXNlbEV4YW1wbGVDYXB0aW9uc1wiIFthdHRyLmRhdGEtYnMtc2xpZGUtdG9dPVwiaVwiPjwvbGk+XG4gICAgICA8L29sPlxuICAgICAgPGRpdiBjbGFzcz1cImNhcm91c2VsLWlubmVyXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJjYXJvdXNlbC1pdGVtXCIgKm5nRm9yPVwibGV0IGltZyBvZiBjb250ZW50Py5saXN0SXRlbT8uZGF0YTsgbGV0IGkgPSBpbmRleFwiIFtjbGFzcy5hY3RpdmVdPVwiaSA9PT0gMFwiPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJyb3dcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb2wgZC1mbGV4XCIgKm5nSWY9XCJzY3JlZW5XaWR0aCA+PSA0NzVcIj5cbiAgICAgICAgICAgICAgPGltZyBjbGFzcz1cImQtYmxvY2sgcG9zaXRpb24tcmVsYXRpdmVcInN0eWxlPVwid2lkdGg6IDIwJTsgbGVmdDogLTIwcHhcIiBbc3JjXT1cImltZy5pbWFnZS51cmxcIiBbYWx0XT1cImltZy5pbWFnZS5hbHRUZXh0XCI+XG4gICAgICAgICAgICAgIDxpbWcgY2xhc3M9XCJkLWJsb2NrIGltYWdlLWhlaWdodC04MHZoXCJzdHlsZT1cIndpZHRoOiA2MCU7XCIgIFtzcmNdPVwiaW1nLmltYWdlLnVybFwiIFthbHRdPVwiaW1nLmltYWdlLmFsdFRleHRcIj5cbiAgICAgICAgICAgICAgPGltZyBjbGFzcz1cImQtYmxvY2sgcG9zaXRpb24tcmVsYXRpdmVcIiBzdHlsZT1cIndpZHRoOiAyMCU7IHJpZ2h0OiAtMjBweDtcIiBbc3JjXT1cImltZy5pbWFnZS51cmxcIiBbYWx0XT1cImltZy5pbWFnZS5hbHRUZXh0XCI+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb2wgZC1mbGV4XCIgKm5nSWY9XCJzY3JlZW5XaWR0aCA8IDQ3NVwiPlxuICAgICAgICAgICAgICA8aW1nIGNsYXNzPVwiZC1ibG9jayB3LTEwMCBpbWFnZS1oZWlnaHQtNDB2aFwiICBbc3JjXT1cImltZy5pbWFnZS51cmxcIiBbYWx0XT1cImltZy5pbWFnZS5hbHRUZXh0XCI+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxhICpuZ0lmPVwic2NyZWVuV2lkdGggPiA0NzVcIiBjbGFzcz1cImNhcm91c2VsLWNvbnRyb2wtcHJldlwiIGRhdGEtYnMtdGFyZ2V0PVwiI2Nhcm91c2VsRXhhbXBsZUNhcHRpb25zXCIgcm9sZT1cImJ1dHRvblwiIGRhdGEtYnMtc2xpZGU9XCJwcmV2XCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwiY2Fyb3VzZWwtY29udHJvbC1wcmV2LWljb24gcHJldmlvdXMtaWNvblwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPjwvc3Bhbj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzci1vbmx5XCI+UHJldmlvdXM8L3NwYW4+XG4gICAgICA8L2E+XG4gICAgICA8YSAqbmdJZj1cInNjcmVlbldpZHRoID4gNDc1XCIgY2xhc3M9XCJjYXJvdXNlbC1jb250cm9sLW5leHRcIiBkYXRhLWJzLXRhcmdldD1cIiNjYXJvdXNlbEV4YW1wbGVDYXB0aW9uc1wiIHJvbGU9XCJidXR0b25cIiBkYXRhLWJzLXNsaWRlPVwibmV4dFwiPlxuICAgICAgICA8c3BhbiBjbGFzcz1cImNhcm91c2VsLWNvbnRyb2wtbmV4dC1pY29uIHByZXZpb3VzLWljb25cIiBhcmlhLWhpZGRlbj1cInRydWVcIj48L3NwYW4+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic3Itb25seVwiPk5leHQ8L3NwYW4+XG4gICAgICA8L2E+XG4gICAgPC9kaXY+XG5cblxuICA8L2Rpdj5cbjwvc2VjdGlvbj4iXX0=

package/esm2022/lib/sections/image-grid-section/image-grid-section.component.mjs

@@ -32,7 +32,7 @@ export class ImageGridSectionComponent {
         this.showEditors = isShow;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ImageGridSectionComponent, deps: [{ token: i1.EventsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: ImageGridSectionComponent, isStandalone: true, selector: "simpo-image-grid-section", inputs: { data: "data" }, viewQueries: [{ propertyName: "_mainContainer", first: true, predicate: ["mainContainer"], descendants: true }], ngImport: i0, template: "<section [id]=\"data?.id\" [simpoBackground]=\"style?.background\" simpoHover (hovering)=\"showEditTabs($event)\" class=\"total-container\">\n  <div #mainContainer [id]=\"data?.id\" [simpoOverlay]=\"style?.background\">\n    <div class=\"container-fluid\" [id]=\"data?.id\" [simpoBorder]=\"style?.border\" [simpoLayout]=\"style?.layout\">\n      <div class=\"row\" [id]=\"data?.id\" [simpoAnimation]=\"style?.animation\"\n        [ngStyle]=\"style?.removeGaps && style?.fullWidth ? {'padding': '0px'} : style?.removeGaps ? {'padding': '0px 15px'} : style?.fullWidth ? {'padding': '0px'} : {}\">\n        <div *ngFor=\"let text of data?.content?.inputText\">\n          <div class=\"heading-large mb-1\" [innerHTML]=\"text.value\"></div>\n        </div>\n\n\n        <div class=\"main-image-section\" [simpoColumnDirective]=\"style?.size\" [id]=\"data?.id\"\n          *ngFor=\"let img of content?.listItem?.data\"\n          [ngStyle]=\"style?.removeGaps ? {'padding': '0px', 'margin': '0px'} : {}\">\n          <div class=\"image-section\">\n            <img [simpoImageDirective]=\"style?.image\" [simpoCorner]=\"style?.corners\" [id]=\"data?.id\"\n              [src]=\"img.image.url\" [alt]=\"img.image.altText\" />\n          </div>\n        </div>\n\n      </div>\n    </div>\n  </div>\n\n  <div class=\"hover_effect\" *ngIf=\"showEditors\">\n    <simpo-hover-elements [data]=\"data\"></simpo-hover-elements>\n  </div>\n</section>\n", styles: [".total-container{height:auto;position:relative}.main-image-section{margin-bottom:1.5rem}.image-section,.image-section img{width:100%}.mb-1{margin-bottom:1.5rem!important}.hover_effect{position:absolute;width:100%;top:0;left:0;height:100%}@media screen and (min-width: 760px){.cards{padding-bottom:24px}}\n"], dependencies: [{ kind: "ngmodule", type: SimpoElementsModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: ColumnDirectiveDirective, selector: "[simpoColumnDirective]", inputs: ["simpoColumnDirective"] }, { kind: "ngmodule", type: StyleDirectivesModule }, { kind: "directive", type: i3.AnimationDirective, selector: "[simpoAnimation]", inputs: ["simpoAnimation"] }, { kind: "directive", type: i4.BorderDirective, selector: "[simpoBorder]", inputs: ["simpoBorder"] }, { kind: "directive", type: i5.OverlayDirective, selector: "[simpoOverlay]", inputs: ["simpoOverlay"] }, { kind: "directive", type: i6.BackgroundDirective, selector: "[simpoBackground]", inputs: ["simpoBackground"] }, { kind: "directive", type: i7.ContentFitDirective, selector: "[simpoLayout]", inputs: ["simpoLayout"] }, { kind: "directive", type: i8.HoverDirective, selector: "[simpoHover]", outputs: ["hovering"] }, { kind: "directive", type: i9.CornerDirective, selector: "[simpoCorner]", inputs: ["simpoCorner"] }, { kind: "directive", type: i10.ImageDirectiveDirective, selector: "[simpoImageDirective]", inputs: ["simpoImageDirective"] }, { kind: "ngmodule", type: SimpoComponentModule }, { kind: "component", type: i11.HoverElementsComponent, selector: "simpo-hover-elements", inputs: ["data"], outputs: ["edit"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: ImageGridSectionComponent, isStandalone: true, selector: "simpo-image-grid-section", inputs: { data: "data", index: "index" }, viewQueries: [{ propertyName: "_mainContainer", first: true, predicate: ["mainContainer"], descendants: true }], ngImport: i0, template: "<section [id]=\"data?.id\" [simpoBackground]=\"style?.background\" simpoHover (hovering)=\"showEditTabs($event)\" class=\"total-container\">\n  <div #mainContainer [id]=\"data?.id\" [simpoOverlay]=\"style?.background\">\n    <div class=\"container-fluid\" [id]=\"data?.id\" [simpoBorder]=\"style?.border\" [simpoLayout]=\"style?.layout\">\n      <div class=\"row\" [id]=\"data?.id\" [simpoAnimation]=\"style?.animation\"\n        [ngStyle]=\"style?.removeGaps && style?.fullWidth ? {'padding': '0px'} : style?.removeGaps ? {'padding': '0px 15px'} : style?.fullWidth ? {'padding': '0px'} : {}\">\n        <div *ngFor=\"let text of data?.content?.inputText\">\n          <div class=\"heading-large mb-1\" [innerHTML]=\"text.value\"></div>\n        </div>\n\n\n        <div class=\"main-image-section\" [simpoColumnDirective]=\"style?.size\" [id]=\"data?.id\"\n          *ngFor=\"let img of content?.listItem?.data\"\n          [ngStyle]=\"style?.removeGaps ? {'padding': '0px', 'margin': '0px'} : {}\">\n          <div class=\"image-section\">\n            <img [simpoImageDirective]=\"style?.image\" [simpoCorner]=\"style?.corners\" [id]=\"data?.id\"\n              [src]=\"img.image.url\" [alt]=\"img.image.altText\" />\n          </div>\n        </div>\n\n      </div>\n    </div>\n  </div>\n\n  <div class=\"hover_effect\" *ngIf=\"showEditors\">\n    <simpo-hover-elements [data]=\"data\"></simpo-hover-elements>\n  </div>\n</section>\n", styles: [".total-container{height:auto;position:relative}.main-image-section{margin-bottom:1.5rem}.image-section,.image-section img{width:100%}.mb-1{margin-bottom:1.5rem!important}.hover_effect{position:absolute;width:100%;top:0;left:0;height:100%}@media screen and (min-width: 760px){.cards{padding-bottom:24px}}\n"], dependencies: [{ kind: "ngmodule", type: SimpoElementsModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: ColumnDirectiveDirective, selector: "[simpoColumnDirective]", inputs: ["simpoColumnDirective"] }, { kind: "ngmodule", type: StyleDirectivesModule }, { kind: "directive", type: i3.AnimationDirective, selector: "[simpoAnimation]", inputs: ["simpoAnimation"] }, { kind: "directive", type: i4.BorderDirective, selector: "[simpoBorder]", inputs: ["simpoBorder"] }, { kind: "directive", type: i5.OverlayDirective, selector: "[simpoOverlay]", inputs: ["simpoOverlay"] }, { kind: "directive", type: i6.BackgroundDirective, selector: "[simpoBackground]", inputs: ["simpoBackground"] }, { kind: "directive", type: i7.ContentFitDirective, selector: "[simpoLayout]", inputs: ["simpoLayout"] }, { kind: "directive", type: i8.HoverDirective, selector: "[simpoHover]", outputs: ["hovering"] }, { kind: "directive", type: i9.CornerDirective, selector: "[simpoCorner]", inputs: ["simpoCorner"] }, { kind: "directive", type: i10.ImageDirectiveDirective, selector: "[simpoImageDirective]", inputs: ["simpoImageDirective"] }, { kind: "ngmodule", type: SimpoComponentModule }, { kind: "component", type: i11.HoverElementsComponent, selector: "simpo-hover-elements", inputs: ["data", "index"], outputs: ["edit"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ImageGridSectionComponent, decorators: [{
             type: Component,
@@ -48,8 +48,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
                     ], template: "<section [id]=\"data?.id\" [simpoBackground]=\"style?.background\" simpoHover (hovering)=\"showEditTabs($event)\" class=\"total-container\">\n  <div #mainContainer [id]=\"data?.id\" [simpoOverlay]=\"style?.background\">\n    <div class=\"container-fluid\" [id]=\"data?.id\" [simpoBorder]=\"style?.border\" [simpoLayout]=\"style?.layout\">\n      <div class=\"row\" [id]=\"data?.id\" [simpoAnimation]=\"style?.animation\"\n        [ngStyle]=\"style?.removeGaps && style?.fullWidth ? {'padding': '0px'} : style?.removeGaps ? {'padding': '0px 15px'} : style?.fullWidth ? {'padding': '0px'} : {}\">\n        <div *ngFor=\"let text of data?.content?.inputText\">\n          <div class=\"heading-large mb-1\" [innerHTML]=\"text.value\"></div>\n        </div>\n\n\n        <div class=\"main-image-section\" [simpoColumnDirective]=\"style?.size\" [id]=\"data?.id\"\n          *ngFor=\"let img of content?.listItem?.data\"\n          [ngStyle]=\"style?.removeGaps ? {'padding': '0px', 'margin': '0px'} : {}\">\n          <div class=\"image-section\">\n            <img [simpoImageDirective]=\"style?.image\" [simpoCorner]=\"style?.corners\" [id]=\"data?.id\"\n              [src]=\"img.image.url\" [alt]=\"img.image.altText\" />\n          </div>\n        </div>\n\n      </div>\n    </div>\n  </div>\n\n  <div class=\"hover_effect\" *ngIf=\"showEditors\">\n    <simpo-hover-elements [data]=\"data\"></simpo-hover-elements>\n  </div>\n</section>\n", styles: [".total-container{height:auto;position:relative}.main-image-section{margin-bottom:1.5rem}.image-section,.image-section img{width:100%}.mb-1{margin-bottom:1.5rem!important}.hover_effect{position:absolute;width:100%;top:0;left:0;height:100%}@media screen and (min-width: 760px){.cards{padding-bottom:24px}}\n"] }]
         }], ctorParameters: () => [{ type: i1.EventsService }], propDecorators: { data: [{
                 type: Input
+            }], index: [{
+                type: Input
             }], _mainContainer: [{
                 type: ViewChild,
                 args: ['mainContainer']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UtZ3JpZC1zZWN0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpbXBvLXVpL3NyYy9saWIvc2VjdGlvbnMvaW1hZ2UtZ3JpZC1zZWN0aW9uL2ltYWdlLWdyaWQtc2VjdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL3NlY3Rpb25zL2ltYWdlLWdyaWQtc2VjdGlvbi9pbWFnZS1ncmlkLXNlY3Rpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBYyxLQUFLLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBR3hFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxnREFBZ0QsQ0FBQztBQUMxRixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUN6RCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUU1RCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSwrQ0FBK0MsQ0FBQztBQUN4RixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUNoRixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQzs7Ozs7Ozs7Ozs7OztBQWtCNUQsTUFBTSxPQUFPLHlCQUF5QjtJQU1wQyxZQUFvQixZQUEyQjtRQUEzQixpQkFBWSxHQUFaLFlBQVksQ0FBZTtRQUpuQixtQkFBYyxHQUFzQixJQUFJLENBQUM7UUFZckUsZ0JBQVcsR0FBYSxLQUFLLENBQUM7SUFSb0IsQ0FBQztJQUVuRCxRQUFRO1FBQ04sSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsSUFBSSxFQUFFLE9BQU8sQ0FBQztRQUNsQyxJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxJQUFJLEVBQUUsTUFBTSxDQUFDO0lBQ2pDLENBQUM7SUFLRCxZQUFZLENBQUMsTUFBYztRQUN6QixJQUFJLENBQUMsV0FBVyxHQUFHLE1BQU0sQ0FBQztJQUM1QixDQUFDOzhHQWxCVSx5QkFBeUI7a0dBQXpCLHlCQUF5QiwrTkM1QnRDLGc2Q0EyQkEsMFdEWEksbUJBQW1CLDhCQUNuQixZQUFZLHFWQUNaLHdCQUF3QixvR0FDeEIscUJBQXFCLHUzQkFJckIsb0JBQW9COzsyRkFLWCx5QkFBeUI7a0JBaEJyQyxTQUFTOytCQUNFLDBCQUEwQixjQUN4QixJQUFJLFdBQ1A7d0JBQ1AsbUJBQW1CO3dCQUNuQixZQUFZO3dCQUNaLHdCQUF3Qjt3QkFDeEIscUJBQXFCO3dCQUNyQix1QkFBdUI7d0JBQ3ZCLG1CQUFtQjt3QkFDbkIscUJBQXFCO3dCQUNyQixvQkFBb0I7cUJBQ3JCO2tGQUtRLElBQUk7c0JBQVosS0FBSztnQkFDc0IsY0FBYztzQkFBekMsU0FBUzt1QkFBQyxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbnB1dCwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJbWFnZUdyaWRDb250ZW50TW9kYWwsIEltYWdlR3JpZFNlY3Rpb25Nb2RlbCwgSW1hZ2VHcmlkU3R5bGVzTW9kZWwgfSBmcm9tICcuL2ltYWdlLWdyaWQtc2VjdGlvbi5tb2RlbCc7XG5pbXBvcnQgeyBFdmVudHNTZXJ2aWNlIH0gZnJvbSAnQHNpbXBvLXVpL3NlcnZpY2VzL2V2ZW50cy5zZXJ2aWNlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb2x1bW5EaXJlY3RpdmVEaXJlY3RpdmUgfSBmcm9tICdAc2ltcG8tdWkvZGlyZWN0aXZlL2NvbHVtbi1kaXJlY3RpdmUuZGlyZWN0aXZlJztcbmltcG9ydCB7IFNpbXBvRWxlbWVudHNNb2R1bGUgfSBmcm9tICdAc2ltcG8tdWkvZWxlbWVudHMnO1xuaW1wb3J0IHsgU3R5bGVEaXJlY3RpdmVzTW9kdWxlIH0gZnJvbSAnQHNpbXBvLXVpL2RpcmVjdGl2ZSc7XG5pbXBvcnQgeyBDb3JuZXJEaXJlY3RpdmUgfSBmcm9tICdAc2ltcG8tdWkvZGlyZWN0aXZlL2Nvcm5lci1kaXJlY3RpdmUnO1xuaW1wb3J0IHsgSW1hZ2VEaXJlY3RpdmVEaXJlY3RpdmUgfSBmcm9tICdAc2ltcG8tdWkvZGlyZWN0aXZlL2ltYWdlLWRpcmVjdGl2ZS5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgQ29udGVudEZpdERpcmVjdGl2ZSB9IGZyb20gJ0BzaW1wby11aS9kaXJlY3RpdmUvY29udGVudC1maXQtZGlyZWN0aXZlJztcbmltcG9ydCB7IFNpbXBvQ29tcG9uZW50TW9kdWxlIH0gZnJvbSAnQHNpbXBvLXVpL2NvbXBvbmVudHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzaW1wby1pbWFnZS1ncmlkLXNlY3Rpb24nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgU2ltcG9FbGVtZW50c01vZHVsZSxcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgQ29sdW1uRGlyZWN0aXZlRGlyZWN0aXZlLFxuICAgIFN0eWxlRGlyZWN0aXZlc01vZHVsZSxcbiAgICBJbWFnZURpcmVjdGl2ZURpcmVjdGl2ZSxcbiAgICBDb250ZW50Rml0RGlyZWN0aXZlLFxuICAgIFN0eWxlRGlyZWN0aXZlc01vZHVsZSxcbiAgICBTaW1wb0NvbXBvbmVudE1vZHVsZVxuICBdLFxuICB0ZW1wbGF0ZVVybDogJy4vaW1hZ2UtZ3JpZC1zZWN0aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL2ltYWdlLWdyaWQtc2VjdGlvbi5jb21wb25lbnQuY3NzJ1xufSlcbmV4cG9ydCBjbGFzcyBJbWFnZUdyaWRTZWN0aW9uQ29tcG9uZW50IHtcbiAgQElucHV0KCkgZGF0YT86SW1hZ2VHcmlkU2VjdGlvbk1vZGVsO1xuICBAVmlld0NoaWxkKCdtYWluQ29udGFpbmVyJykgX21haW5Db250YWluZXI6IEVsZW1lbnRSZWYgfCBudWxsID0gbnVsbDtcbiAgY29udGVudD86IEltYWdlR3JpZENvbnRlbnRNb2RhbDtcbiAgc3R5bGU/OiBJbWFnZUdyaWRTdHlsZXNNb2RlbDtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGV2ZW50U2VydmljZTogRXZlbnRzU2VydmljZSkge31cblxuICBuZ09uSW5pdCgpe1xuICAgIHRoaXMuY29udGVudCA9IHRoaXMuZGF0YT8uY29udGVudDtcbiAgICB0aGlzLnN0eWxlID0gdGhpcy5kYXRhPy5zdHlsZXM7XG4gIH1cblxuXG4gIHNob3dFZGl0b3JzIDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIHNob3dFZGl0VGFicyhpc1Nob3c6Ym9vbGVhbil7XG4gICAgdGhpcy5zaG93RWRpdG9ycyA9IGlzU2hvdztcbiAgfVxufVxuIiwiPHNlY3Rpb24gW2lkXT1cImRhdGE/LmlkXCIgW3NpbXBvQmFja2dyb3VuZF09XCJzdHlsZT8uYmFja2dyb3VuZFwiIHNpbXBvSG92ZXIgKGhvdmVyaW5nKT1cInNob3dFZGl0VGFicygkZXZlbnQpXCIgY2xhc3M9XCJ0b3RhbC1jb250YWluZXJcIj5cbiAgPGRpdiAjbWFpbkNvbnRhaW5lciBbaWRdPVwiZGF0YT8uaWRcIiBbc2ltcG9PdmVybGF5XT1cInN0eWxlPy5iYWNrZ3JvdW5kXCI+XG4gICAgPGRpdiBjbGFzcz1cImNvbnRhaW5lci1mbHVpZFwiIFtpZF09XCJkYXRhPy5pZFwiIFtzaW1wb0JvcmRlcl09XCJzdHlsZT8uYm9yZGVyXCIgW3NpbXBvTGF5b3V0XT1cInN0eWxlPy5sYXlvdXRcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJyb3dcIiBbaWRdPVwiZGF0YT8uaWRcIiBbc2ltcG9BbmltYXRpb25dPVwic3R5bGU/LmFuaW1hdGlvblwiXG4gICAgICAgIFtuZ1N0eWxlXT1cInN0eWxlPy5yZW1vdmVHYXBzICYmIHN0eWxlPy5mdWxsV2lkdGggPyB7J3BhZGRpbmcnOiAnMHB4J30gOiBzdHlsZT8ucmVtb3ZlR2FwcyA/IHsncGFkZGluZyc6ICcwcHggMTVweCd9IDogc3R5bGU/LmZ1bGxXaWR0aCA/IHsncGFkZGluZyc6ICcwcHgnfSA6IHt9XCI+XG4gICAgICAgIDxkaXYgKm5nRm9yPVwibGV0IHRleHQgb2YgZGF0YT8uY29udGVudD8uaW5wdXRUZXh0XCI+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImhlYWRpbmctbGFyZ2UgbWItMVwiIFtpbm5lckhUTUxdPVwidGV4dC52YWx1ZVwiPjwvZGl2PlxuICAgICAgICA8L2Rpdj5cblxuXG4gICAgICAgIDxkaXYgY2xhc3M9XCJtYWluLWltYWdlLXNlY3Rpb25cIiBbc2ltcG9Db2x1bW5EaXJlY3RpdmVdPVwic3R5bGU/LnNpemVcIiBbaWRdPVwiZGF0YT8uaWRcIlxuICAgICAgICAgICpuZ0Zvcj1cImxldCBpbWcgb2YgY29udGVudD8ubGlzdEl0ZW0/LmRhdGFcIlxuICAgICAgICAgIFtuZ1N0eWxlXT1cInN0eWxlPy5yZW1vdmVHYXBzID8geydwYWRkaW5nJzogJzBweCcsICdtYXJnaW4nOiAnMHB4J30gOiB7fVwiPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJpbWFnZS1zZWN0aW9uXCI+XG4gICAgICAgICAgICA8aW1nIFtzaW1wb0ltYWdlRGlyZWN0aXZlXT1cInN0eWxlPy5pbWFnZVwiIFtzaW1wb0Nvcm5lcl09XCJzdHlsZT8uY29ybmVyc1wiIFtpZF09XCJkYXRhPy5pZFwiXG4gICAgICAgICAgICAgIFtzcmNdPVwiaW1nLmltYWdlLnVybFwiIFthbHRdPVwiaW1nLmltYWdlLmFsdFRleHRcIiAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cblxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuXG4gIDxkaXYgY2xhc3M9XCJob3Zlcl9lZmZlY3RcIiAqbmdJZj1cInNob3dFZGl0b3JzXCI+XG4gICAgPHNpbXBvLWhvdmVyLWVsZW1lbnRzIFtkYXRhXT1cImRhdGFcIj48L3NpbXBvLWhvdmVyLWVsZW1lbnRzPlxuICA8L2Rpdj5cbjwvc2VjdGlvbj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UtZ3JpZC1zZWN0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpbXBvLXVpL3NyYy9saWIvc2VjdGlvbnMvaW1hZ2UtZ3JpZC1zZWN0aW9uL2ltYWdlLWdyaWQtc2VjdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL3NlY3Rpb25zL2ltYWdlLWdyaWQtc2VjdGlvbi9pbWFnZS1ncmlkLXNlY3Rpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBYyxLQUFLLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBR3hFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxnREFBZ0QsQ0FBQztBQUMxRixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUN6RCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUU1RCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSwrQ0FBK0MsQ0FBQztBQUN4RixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUNoRixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQzs7Ozs7Ozs7Ozs7OztBQWtCNUQsTUFBTSxPQUFPLHlCQUF5QjtJQU9wQyxZQUFvQixZQUEyQjtRQUEzQixpQkFBWSxHQUFaLFlBQVksQ0FBZTtRQUpuQixtQkFBYyxHQUFzQixJQUFJLENBQUM7UUFZckUsZ0JBQVcsR0FBYSxLQUFLLENBQUM7SUFSb0IsQ0FBQztJQUVuRCxRQUFRO1FBQ04sSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsSUFBSSxFQUFFLE9BQU8sQ0FBQztRQUNsQyxJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxJQUFJLEVBQUUsTUFBTSxDQUFDO0lBQ2pDLENBQUM7SUFLRCxZQUFZLENBQUMsTUFBYztRQUN6QixJQUFJLENBQUMsV0FBVyxHQUFHLE1BQU0sQ0FBQztJQUM1QixDQUFDOzhHQW5CVSx5QkFBeUI7a0dBQXpCLHlCQUF5QiwrT0M1QnRDLGc2Q0EyQkEsMFdEWEksbUJBQW1CLDhCQUNuQixZQUFZLHFWQUNaLHdCQUF3QixvR0FDeEIscUJBQXFCLHUzQkFJckIsb0JBQW9COzsyRkFLWCx5QkFBeUI7a0JBaEJyQyxTQUFTOytCQUNFLDBCQUEwQixjQUN4QixJQUFJLFdBQ1A7d0JBQ1AsbUJBQW1CO3dCQUNuQixZQUFZO3dCQUNaLHdCQUF3Qjt3QkFDeEIscUJBQXFCO3dCQUNyQix1QkFBdUI7d0JBQ3ZCLG1CQUFtQjt3QkFDbkIscUJBQXFCO3dCQUNyQixvQkFBb0I7cUJBQ3JCO2tGQUtRLElBQUk7c0JBQVosS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ3NCLGNBQWM7c0JBQXpDLFNBQVM7dUJBQUMsZUFBZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgSW5wdXQsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSW1hZ2VHcmlkQ29udGVudE1vZGFsLCBJbWFnZUdyaWRTZWN0aW9uTW9kZWwsIEltYWdlR3JpZFN0eWxlc01vZGVsIH0gZnJvbSAnLi9pbWFnZS1ncmlkLXNlY3Rpb24ubW9kZWwnO1xuaW1wb3J0IHsgRXZlbnRzU2VydmljZSB9IGZyb20gJ0BzaW1wby11aS9zZXJ2aWNlcy9ldmVudHMuc2VydmljZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29sdW1uRGlyZWN0aXZlRGlyZWN0aXZlIH0gZnJvbSAnQHNpbXBvLXVpL2RpcmVjdGl2ZS9jb2x1bW4tZGlyZWN0aXZlLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBTaW1wb0VsZW1lbnRzTW9kdWxlIH0gZnJvbSAnQHNpbXBvLXVpL2VsZW1lbnRzJztcbmltcG9ydCB7IFN0eWxlRGlyZWN0aXZlc01vZHVsZSB9IGZyb20gJ0BzaW1wby11aS9kaXJlY3RpdmUnO1xuaW1wb3J0IHsgQ29ybmVyRGlyZWN0aXZlIH0gZnJvbSAnQHNpbXBvLXVpL2RpcmVjdGl2ZS9jb3JuZXItZGlyZWN0aXZlJztcbmltcG9ydCB7IEltYWdlRGlyZWN0aXZlRGlyZWN0aXZlIH0gZnJvbSAnQHNpbXBvLXVpL2RpcmVjdGl2ZS9pbWFnZS1kaXJlY3RpdmUuZGlyZWN0aXZlJztcbmltcG9ydCB7IENvbnRlbnRGaXREaXJlY3RpdmUgfSBmcm9tICdAc2ltcG8tdWkvZGlyZWN0aXZlL2NvbnRlbnQtZml0LWRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBTaW1wb0NvbXBvbmVudE1vZHVsZSB9IGZyb20gJ0BzaW1wby11aS9jb21wb25lbnRzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2ltcG8taW1hZ2UtZ3JpZC1zZWN0aW9uJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIFNpbXBvRWxlbWVudHNNb2R1bGUsXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIENvbHVtbkRpcmVjdGl2ZURpcmVjdGl2ZSxcbiAgICBTdHlsZURpcmVjdGl2ZXNNb2R1bGUsXG4gICAgSW1hZ2VEaXJlY3RpdmVEaXJlY3RpdmUsXG4gICAgQ29udGVudEZpdERpcmVjdGl2ZSxcbiAgICBTdHlsZURpcmVjdGl2ZXNNb2R1bGUsXG4gICAgU2ltcG9Db21wb25lbnRNb2R1bGVcbiAgXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2ltYWdlLWdyaWQtc2VjdGlvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9pbWFnZS1ncmlkLXNlY3Rpb24uY29tcG9uZW50LmNzcydcbn0pXG5leHBvcnQgY2xhc3MgSW1hZ2VHcmlkU2VjdGlvbkNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGRhdGE/OkltYWdlR3JpZFNlY3Rpb25Nb2RlbDtcbiAgQElucHV0KCkgaW5kZXg/IDogbnVtYmVyO1xuICBAVmlld0NoaWxkKCdtYWluQ29udGFpbmVyJykgX21haW5Db250YWluZXI6IEVsZW1lbnRSZWYgfCBudWxsID0gbnVsbDtcbiAgY29udGVudD86IEltYWdlR3JpZENvbnRlbnRNb2RhbDtcbiAgc3R5bGU/OiBJbWFnZUdyaWRTdHlsZXNNb2RlbDtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGV2ZW50U2VydmljZTogRXZlbnRzU2VydmljZSkge31cblxuICBuZ09uSW5pdCgpe1xuICAgIHRoaXMuY29udGVudCA9IHRoaXMuZGF0YT8uY29udGVudDtcbiAgICB0aGlzLnN0eWxlID0gdGhpcy5kYXRhPy5zdHlsZXM7XG4gIH1cblxuXG4gIHNob3dFZGl0b3JzIDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIHNob3dFZGl0VGFicyhpc1Nob3c6Ym9vbGVhbil7XG4gICAgdGhpcy5zaG93RWRpdG9ycyA9IGlzU2hvdztcbiAgfVxufVxuIiwiPHNlY3Rpb24gW2lkXT1cImRhdGE/LmlkXCIgW3NpbXBvQmFja2dyb3VuZF09XCJzdHlsZT8uYmFja2dyb3VuZFwiIHNpbXBvSG92ZXIgKGhvdmVyaW5nKT1cInNob3dFZGl0VGFicygkZXZlbnQpXCIgY2xhc3M9XCJ0b3RhbC1jb250YWluZXJcIj5cbiAgPGRpdiAjbWFpbkNvbnRhaW5lciBbaWRdPVwiZGF0YT8uaWRcIiBbc2ltcG9PdmVybGF5XT1cInN0eWxlPy5iYWNrZ3JvdW5kXCI+XG4gICAgPGRpdiBjbGFzcz1cImNvbnRhaW5lci1mbHVpZFwiIFtpZF09XCJkYXRhPy5pZFwiIFtzaW1wb0JvcmRlcl09XCJzdHlsZT8uYm9yZGVyXCIgW3NpbXBvTGF5b3V0XT1cInN0eWxlPy5sYXlvdXRcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJyb3dcIiBbaWRdPVwiZGF0YT8uaWRcIiBbc2ltcG9BbmltYXRpb25dPVwic3R5bGU/LmFuaW1hdGlvblwiXG4gICAgICAgIFtuZ1N0eWxlXT1cInN0eWxlPy5yZW1vdmVHYXBzICYmIHN0eWxlPy5mdWxsV2lkdGggPyB7J3BhZGRpbmcnOiAnMHB4J30gOiBzdHlsZT8ucmVtb3ZlR2FwcyA/IHsncGFkZGluZyc6ICcwcHggMTVweCd9IDogc3R5bGU/LmZ1bGxXaWR0aCA/IHsncGFkZGluZyc6ICcwcHgnfSA6IHt9XCI+XG4gICAgICAgIDxkaXYgKm5nRm9yPVwibGV0IHRleHQgb2YgZGF0YT8uY29udGVudD8uaW5wdXRUZXh0XCI+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImhlYWRpbmctbGFyZ2UgbWItMVwiIFtpbm5lckhUTUxdPVwidGV4dC52YWx1ZVwiPjwvZGl2PlxuICAgICAgICA8L2Rpdj5cblxuXG4gICAgICAgIDxkaXYgY2xhc3M9XCJtYWluLWltYWdlLXNlY3Rpb25cIiBbc2ltcG9Db2x1bW5EaXJlY3RpdmVdPVwic3R5bGU/LnNpemVcIiBbaWRdPVwiZGF0YT8uaWRcIlxuICAgICAgICAgICpuZ0Zvcj1cImxldCBpbWcgb2YgY29udGVudD8ubGlzdEl0ZW0/LmRhdGFcIlxuICAgICAgICAgIFtuZ1N0eWxlXT1cInN0eWxlPy5yZW1vdmVHYXBzID8geydwYWRkaW5nJzogJzBweCcsICdtYXJnaW4nOiAnMHB4J30gOiB7fVwiPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJpbWFnZS1zZWN0aW9uXCI+XG4gICAgICAgICAgICA8aW1nIFtzaW1wb0ltYWdlRGlyZWN0aXZlXT1cInN0eWxlPy5pbWFnZVwiIFtzaW1wb0Nvcm5lcl09XCJzdHlsZT8uY29ybmVyc1wiIFtpZF09XCJkYXRhPy5pZFwiXG4gICAgICAgICAgICAgIFtzcmNdPVwiaW1nLmltYWdlLnVybFwiIFthbHRdPVwiaW1nLmltYWdlLmFsdFRleHRcIiAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cblxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuXG4gIDxkaXYgY2xhc3M9XCJob3Zlcl9lZmZlY3RcIiAqbmdJZj1cInNob3dFZGl0b3JzXCI+XG4gICAgPHNpbXBvLWhvdmVyLWVsZW1lbnRzIFtkYXRhXT1cImRhdGFcIj48L3NpbXBvLWhvdmVyLWVsZW1lbnRzPlxuICA8L2Rpdj5cbjwvc2VjdGlvbj5cbiJdfQ==

package/esm2022/lib/sections/image-section/image-section.component.mjs

@@ -28,7 +28,7 @@ export class ImageSectionComponent {
         this.showEditors = isShow;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ImageSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: ImageSectionComponent, isStandalone: true, selector: "simpo-image-section", inputs: { data: "data" }, viewQueries: [{ propertyName: "_mainContainer", first: true, predicate: ["mainContainer"], descendants: true }], ngImport: i0, template: "<section [id]=\"data?.id\" [simpoBackground]=\"style?.background\" simpoHover (hovering)=\"showEditTabs($event)\"\n    class=\"total-container\">\n    <div #mainContainer [id]=\"data?.id\" [simpoOverlay]=\"style?.background\">\n        <div class=\"container-fluid main-section\" [id]=\"data?.id\" [simpoBorder]=\"style?.border\"\n            [simpoLayout]=\"style?.layout\">\n            <div class=\"row\" [id]=\"data?.id\" [simpoAnimation]=\"style?.animation\">\n                <div *ngFor=\"let text of data?.content?.inputText\">\n                    <div class=\"heading-large mb-1\" [innerHTML]=\"text.value\"></div>\n                </div>\n\n                <div class=\"image-section\" [ngStyle]=\"style?.fullWidth ? {'padding': '0px', 'margin': '0px'} : {}\">\n                    <img [ngClass]=\"{'h-80': style?.layout?.fit === 'content', 'image': style?.layout?.fit === 'screen'}\"\n                        [src]=\"content?.image?.url\" [alt]=\"content?.image?.altText\" [simpoCorner]=\"style?.corners\"\n                        [id]=\"data?.id\" />\n                </div>\n\n            </div>\n        </div>\n    </div>\n\n    <div class=\"hover_effect\" *ngIf=\"showEditors\">\n        <simpo-hover-elements [data]=\"data\"></simpo-hover-elements>\n    </div>\n</section>\n", styles: [".image{width:100%}.main-section{width:100%;height:100%!important;display:block!important}.h-80{width:100%;height:80vh}.mb-1{margin-bottom:1.5rem!important}.total-container{height:auto;position:relative}.hover_effect{position:absolute;width:100%;top:0;left:0;height:100%}@media screen and (min-width: 760px){.cards{padding-bottom:24px}}\n"], dependencies: [{ kind: "ngmodule", type: SimpoElementsModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: StyleDirectivesModule }, { kind: "directive", type: i2.AnimationDirective, selector: "[simpoAnimation]", inputs: ["simpoAnimation"] }, { kind: "directive", type: i3.BorderDirective, selector: "[simpoBorder]", inputs: ["simpoBorder"] }, { kind: "directive", type: i4.OverlayDirective, selector: "[simpoOverlay]", inputs: ["simpoOverlay"] }, { kind: "directive", type: i5.BackgroundDirective, selector: "[simpoBackground]", inputs: ["simpoBackground"] }, { kind: "directive", type: i6.ContentFitDirective, selector: "[simpoLayout]", inputs: ["simpoLayout"] }, { kind: "directive", type: i7.HoverDirective, selector: "[simpoHover]", outputs: ["hovering"] }, { kind: "directive", type: i8.CornerDirective, selector: "[simpoCorner]", inputs: ["simpoCorner"] }, { kind: "ngmodule", type: SimpoComponentModule }, { kind: "component", type: i9.HoverElementsComponent, selector: "simpo-hover-elements", inputs: ["data"], outputs: ["edit"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: ImageSectionComponent, isStandalone: true, selector: "simpo-image-section", inputs: { data: "data", index: "index" }, viewQueries: [{ propertyName: "_mainContainer", first: true, predicate: ["mainContainer"], descendants: true }], ngImport: i0, template: "<section [id]=\"data?.id\" [simpoBackground]=\"style?.background\" simpoHover (hovering)=\"showEditTabs($event)\"\n    class=\"total-container\">\n    <div #mainContainer [id]=\"data?.id\" [simpoOverlay]=\"style?.background\">\n        <div class=\"container-fluid main-section\" [id]=\"data?.id\" [simpoBorder]=\"style?.border\"\n            [simpoLayout]=\"style?.layout\">\n            <div class=\"row\" [id]=\"data?.id\" [simpoAnimation]=\"style?.animation\">\n                <div *ngFor=\"let text of data?.content?.inputText\">\n                    <div class=\"heading-large mb-1\" [innerHTML]=\"text.value\"></div>\n                </div>\n\n                <div class=\"image-section\" [ngStyle]=\"style?.fullWidth ? {'padding': '0px', 'margin': '0px'} : {}\">\n                    <img [ngClass]=\"{'h-80': style?.layout?.fit === 'content', 'image': style?.layout?.fit === 'screen'}\"\n                        [src]=\"content?.image?.url\" [alt]=\"content?.image?.altText\" [simpoCorner]=\"style?.corners\"\n                        [id]=\"data?.id\" />\n                </div>\n\n            </div>\n        </div>\n    </div>\n\n    <div class=\"hover_effect\" *ngIf=\"showEditors\">\n        <simpo-hover-elements [data]=\"data\"></simpo-hover-elements>\n    </div>\n</section>\n", styles: [".image{width:100%}.main-section{width:100%;height:100%!important;display:block!important}.h-80{width:100%;height:80vh}.mb-1{margin-bottom:1.5rem!important}.total-container{height:auto;position:relative}.hover_effect{position:absolute;width:100%;top:0;left:0;height:100%}@media screen and (min-width: 760px){.cards{padding-bottom:24px}}\n"], dependencies: [{ kind: "ngmodule", type: SimpoElementsModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: StyleDirectivesModule }, { kind: "directive", type: i2.AnimationDirective, selector: "[simpoAnimation]", inputs: ["simpoAnimation"] }, { kind: "directive", type: i3.BorderDirective, selector: "[simpoBorder]", inputs: ["simpoBorder"] }, { kind: "directive", type: i4.OverlayDirective, selector: "[simpoOverlay]", inputs: ["simpoOverlay"] }, { kind: "directive", type: i5.BackgroundDirective, selector: "[simpoBackground]", inputs: ["simpoBackground"] }, { kind: "directive", type: i6.ContentFitDirective, selector: "[simpoLayout]", inputs: ["simpoLayout"] }, { kind: "directive", type: i7.HoverDirective, selector: "[simpoHover]", outputs: ["hovering"] }, { kind: "directive", type: i8.CornerDirective, selector: "[simpoCorner]", inputs: ["simpoCorner"] }, { kind: "ngmodule", type: SimpoComponentModule }, { kind: "component", type: i9.HoverElementsComponent, selector: "simpo-hover-elements", inputs: ["data", "index"], outputs: ["edit"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ImageSectionComponent, decorators: [{
             type: Component,
@@ -42,8 +42,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
                     ], template: "<section [id]=\"data?.id\" [simpoBackground]=\"style?.background\" simpoHover (hovering)=\"showEditTabs($event)\"\n    class=\"total-container\">\n    <div #mainContainer [id]=\"data?.id\" [simpoOverlay]=\"style?.background\">\n        <div class=\"container-fluid main-section\" [id]=\"data?.id\" [simpoBorder]=\"style?.border\"\n            [simpoLayout]=\"style?.layout\">\n            <div class=\"row\" [id]=\"data?.id\" [simpoAnimation]=\"style?.animation\">\n                <div *ngFor=\"let text of data?.content?.inputText\">\n                    <div class=\"heading-large mb-1\" [innerHTML]=\"text.value\"></div>\n                </div>\n\n                <div class=\"image-section\" [ngStyle]=\"style?.fullWidth ? {'padding': '0px', 'margin': '0px'} : {}\">\n                    <img [ngClass]=\"{'h-80': style?.layout?.fit === 'content', 'image': style?.layout?.fit === 'screen'}\"\n                        [src]=\"content?.image?.url\" [alt]=\"content?.image?.altText\" [simpoCorner]=\"style?.corners\"\n                        [id]=\"data?.id\" />\n                </div>\n\n            </div>\n        </div>\n    </div>\n\n    <div class=\"hover_effect\" *ngIf=\"showEditors\">\n        <simpo-hover-elements [data]=\"data\"></simpo-hover-elements>\n    </div>\n</section>\n", styles: [".image{width:100%}.main-section{width:100%;height:100%!important;display:block!important}.h-80{width:100%;height:80vh}.mb-1{margin-bottom:1.5rem!important}.total-container{height:auto;position:relative}.hover_effect{position:absolute;width:100%;top:0;left:0;height:100%}@media screen and (min-width: 760px){.cards{padding-bottom:24px}}\n"] }]
         }], propDecorators: { data: [{
                 type: Input
+            }], index: [{
+                type: Input
             }], _mainContainer: [{
                 type: ViewChild,
                 args: ['mainContainer']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2Utc2VjdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL3NlY3Rpb25zL2ltYWdlLXNlY3Rpb24vaW1hZ2Utc2VjdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL3NlY3Rpb25zL2ltYWdlLXNlY3Rpb24vaW1hZ2Utc2VjdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFjLEtBQUssRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFNeEUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQzVELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLGdEQUFnRCxDQUFDO0FBQzFGLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3pELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQ2hGLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDOzs7Ozs7Ozs7OztBQWdCNUQsTUFBTSxPQUFPLHFCQUFxQjtJQWRsQztRQWdCOEIsbUJBQWMsR0FBc0IsSUFBSSxDQUFDO1FBU3JFLGdCQUFXLEdBQVksS0FBSyxDQUFDO0tBSzlCO0lBVkMsUUFBUTtRQUNOLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLElBQUksRUFBRSxPQUFPLENBQUM7UUFDbEMsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsSUFBSSxFQUFFLE1BQU0sQ0FBQztJQUNqQyxDQUFDO0lBSUQsWUFBWSxDQUFDLE1BQWU7UUFDMUIsSUFBSSxDQUFDLFdBQVcsR0FBRyxNQUFNLENBQUM7SUFDNUIsQ0FBQzs4R0FmVSxxQkFBcUI7a0dBQXJCLHFCQUFxQiwwTkMzQmxDLCt3Q0F3QkEsMFlEUEksbUJBQW1CLDhCQUNuQixZQUFZLGtiQUVaLHFCQUFxQix5dkJBRXJCLG9CQUFvQjs7MkZBS1gscUJBQXFCO2tCQWRqQyxTQUFTOytCQUNFLHFCQUFxQixjQUNuQixJQUFJLFdBQ1A7d0JBQ1AsbUJBQW1CO3dCQUNuQixZQUFZO3dCQUNaLHdCQUF3Qjt3QkFDeEIscUJBQXFCO3dCQUNyQixtQkFBbUI7d0JBQ25CLG9CQUFvQjtxQkFDckI7OEJBS1EsSUFBSTtzQkFBWixLQUFLO2dCQUNzQixjQUFjO3NCQUF6QyxTQUFTO3VCQUFDLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIElucHV0LCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIEltYWdlQ29udGVudE1vZGFsLFxuICBpbWFnZVNlY3Rpb25Nb2RlbCxcbiAgaW1hZ2VTZWN0aW9uU3R5bGVzTW9kZWwsXG59IGZyb20gJy4vaW1hZ2Utc2VjdGlvbi5tb2RlbCc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgU3R5bGVEaXJlY3RpdmVzTW9kdWxlIH0gZnJvbSAnQHNpbXBvLXVpL2RpcmVjdGl2ZSc7XG5pbXBvcnQgeyBDb2x1bW5EaXJlY3RpdmVEaXJlY3RpdmUgfSBmcm9tICdAc2ltcG8tdWkvZGlyZWN0aXZlL2NvbHVtbi1kaXJlY3RpdmUuZGlyZWN0aXZlJztcbmltcG9ydCB7IFNpbXBvRWxlbWVudHNNb2R1bGUgfSBmcm9tICdAc2ltcG8tdWkvZWxlbWVudHMnO1xuaW1wb3J0IHsgQ29udGVudEZpdERpcmVjdGl2ZSB9IGZyb20gJ0BzaW1wby11aS9kaXJlY3RpdmUvY29udGVudC1maXQtZGlyZWN0aXZlJztcbmltcG9ydCB7IFNpbXBvQ29tcG9uZW50TW9kdWxlIH0gZnJvbSAnQHNpbXBvLXVpL2NvbXBvbmVudHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzaW1wby1pbWFnZS1zZWN0aW9uJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIFNpbXBvRWxlbWVudHNNb2R1bGUsXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIENvbHVtbkRpcmVjdGl2ZURpcmVjdGl2ZSxcbiAgICBTdHlsZURpcmVjdGl2ZXNNb2R1bGUsXG4gICAgQ29udGVudEZpdERpcmVjdGl2ZSxcbiAgICBTaW1wb0NvbXBvbmVudE1vZHVsZSxcbiAgXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2ltYWdlLXNlY3Rpb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vaW1hZ2Utc2VjdGlvbi5jb21wb25lbnQuY3NzJyxcbn0pXG5leHBvcnQgY2xhc3MgSW1hZ2VTZWN0aW9uQ29tcG9uZW50IHtcbiAgQElucHV0KCkgZGF0YT86IGltYWdlU2VjdGlvbk1vZGVsO1xuICBAVmlld0NoaWxkKCdtYWluQ29udGFpbmVyJykgX21haW5Db250YWluZXI6IEVsZW1lbnRSZWYgfCBudWxsID0gbnVsbDtcbiAgY29udGVudD86IEltYWdlQ29udGVudE1vZGFsO1xuICBzdHlsZT86IGltYWdlU2VjdGlvblN0eWxlc01vZGVsO1xuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuY29udGVudCA9IHRoaXMuZGF0YT8uY29udGVudDtcbiAgICB0aGlzLnN0eWxlID0gdGhpcy5kYXRhPy5zdHlsZXM7XG4gIH1cblxuICBzaG93RWRpdG9yczogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIHNob3dFZGl0VGFicyhpc1Nob3c6IGJvb2xlYW4pIHtcbiAgICB0aGlzLnNob3dFZGl0b3JzID0gaXNTaG93O1xuICB9XG59XG4iLCI8c2VjdGlvbiBbaWRdPVwiZGF0YT8uaWRcIiBbc2ltcG9CYWNrZ3JvdW5kXT1cInN0eWxlPy5iYWNrZ3JvdW5kXCIgc2ltcG9Ib3ZlciAoaG92ZXJpbmcpPVwic2hvd0VkaXRUYWJzKCRldmVudClcIlxuICAgIGNsYXNzPVwidG90YWwtY29udGFpbmVyXCI+XG4gICAgPGRpdiAjbWFpbkNvbnRhaW5lciBbaWRdPVwiZGF0YT8uaWRcIiBbc2ltcG9PdmVybGF5XT1cInN0eWxlPy5iYWNrZ3JvdW5kXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb250YWluZXItZmx1aWQgbWFpbi1zZWN0aW9uXCIgW2lkXT1cImRhdGE/LmlkXCIgW3NpbXBvQm9yZGVyXT1cInN0eWxlPy5ib3JkZXJcIlxuICAgICAgICAgICAgW3NpbXBvTGF5b3V0XT1cInN0eWxlPy5sYXlvdXRcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJyb3dcIiBbaWRdPVwiZGF0YT8uaWRcIiBbc2ltcG9BbmltYXRpb25dPVwic3R5bGU/LmFuaW1hdGlvblwiPlxuICAgICAgICAgICAgICAgIDxkaXYgKm5nRm9yPVwibGV0IHRleHQgb2YgZGF0YT8uY29udGVudD8uaW5wdXRUZXh0XCI+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJoZWFkaW5nLWxhcmdlIG1iLTFcIiBbaW5uZXJIVE1MXT1cInRleHQudmFsdWVcIj48L2Rpdj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cblxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJpbWFnZS1zZWN0aW9uXCIgW25nU3R5bGVdPVwic3R5bGU/LmZ1bGxXaWR0aCA/IHsncGFkZGluZyc6ICcwcHgnLCAnbWFyZ2luJzogJzBweCd9IDoge31cIj5cbiAgICAgICAgICAgICAgICAgICAgPGltZyBbbmdDbGFzc109XCJ7J2gtODAnOiBzdHlsZT8ubGF5b3V0Py5maXQgPT09ICdjb250ZW50JywgJ2ltYWdlJzogc3R5bGU/LmxheW91dD8uZml0ID09PSAnc2NyZWVuJ31cIlxuICAgICAgICAgICAgICAgICAgICAgICAgW3NyY109XCJjb250ZW50Py5pbWFnZT8udXJsXCIgW2FsdF09XCJjb250ZW50Py5pbWFnZT8uYWx0VGV4dFwiIFtzaW1wb0Nvcm5lcl09XCJzdHlsZT8uY29ybmVyc1wiXG4gICAgICAgICAgICAgICAgICAgICAgICBbaWRdPVwiZGF0YT8uaWRcIiAvPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuXG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG5cbiAgICA8ZGl2IGNsYXNzPVwiaG92ZXJfZWZmZWN0XCIgKm5nSWY9XCJzaG93RWRpdG9yc1wiPlxuICAgICAgICA8c2ltcG8taG92ZXItZWxlbWVudHMgW2RhdGFdPVwiZGF0YVwiPjwvc2ltcG8taG92ZXItZWxlbWVudHM+XG4gICAgPC9kaXY+XG48L3NlY3Rpb24+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2Utc2VjdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL3NlY3Rpb25zL2ltYWdlLXNlY3Rpb24vaW1hZ2Utc2VjdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL3NlY3Rpb25zL2ltYWdlLXNlY3Rpb24vaW1hZ2Utc2VjdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFjLEtBQUssRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFNeEUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQzVELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLGdEQUFnRCxDQUFDO0FBQzFGLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3pELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQ2hGLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDOzs7Ozs7Ozs7OztBQWdCNUQsTUFBTSxPQUFPLHFCQUFxQjtJQWRsQztRQWlCOEIsbUJBQWMsR0FBc0IsSUFBSSxDQUFDO1FBU3JFLGdCQUFXLEdBQVksS0FBSyxDQUFDO0tBSzlCO0lBVkMsUUFBUTtRQUNOLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLElBQUksRUFBRSxPQUFPLENBQUM7UUFDbEMsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsSUFBSSxFQUFFLE1BQU0sQ0FBQztJQUNqQyxDQUFDO0lBSUQsWUFBWSxDQUFDLE1BQWU7UUFDMUIsSUFBSSxDQUFDLFdBQVcsR0FBRyxNQUFNLENBQUM7SUFDNUIsQ0FBQzs4R0FoQlUscUJBQXFCO2tHQUFyQixxQkFBcUIsME9DM0JsQywrd0NBd0JBLDBZRFBJLG1CQUFtQiw4QkFDbkIsWUFBWSxrYkFFWixxQkFBcUIseXZCQUVyQixvQkFBb0I7OzJGQUtYLHFCQUFxQjtrQkFkakMsU0FBUzsrQkFDRSxxQkFBcUIsY0FDbkIsSUFBSSxXQUNQO3dCQUNQLG1CQUFtQjt3QkFDbkIsWUFBWTt3QkFDWix3QkFBd0I7d0JBQ3hCLHFCQUFxQjt3QkFDckIsbUJBQW1CO3dCQUNuQixvQkFBb0I7cUJBQ3JCOzhCQUtRLElBQUk7c0JBQVosS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ3NCLGNBQWM7c0JBQXpDLFNBQVM7dUJBQUMsZUFBZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgSW5wdXQsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgSW1hZ2VDb250ZW50TW9kYWwsXG4gIGltYWdlU2VjdGlvbk1vZGVsLFxuICBpbWFnZVNlY3Rpb25TdHlsZXNNb2RlbCxcbn0gZnJvbSAnLi9pbWFnZS1zZWN0aW9uLm1vZGVsJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBTdHlsZURpcmVjdGl2ZXNNb2R1bGUgfSBmcm9tICdAc2ltcG8tdWkvZGlyZWN0aXZlJztcbmltcG9ydCB7IENvbHVtbkRpcmVjdGl2ZURpcmVjdGl2ZSB9IGZyb20gJ0BzaW1wby11aS9kaXJlY3RpdmUvY29sdW1uLWRpcmVjdGl2ZS5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgU2ltcG9FbGVtZW50c01vZHVsZSB9IGZyb20gJ0BzaW1wby11aS9lbGVtZW50cyc7XG5pbXBvcnQgeyBDb250ZW50Rml0RGlyZWN0aXZlIH0gZnJvbSAnQHNpbXBvLXVpL2RpcmVjdGl2ZS9jb250ZW50LWZpdC1kaXJlY3RpdmUnO1xuaW1wb3J0IHsgU2ltcG9Db21wb25lbnRNb2R1bGUgfSBmcm9tICdAc2ltcG8tdWkvY29tcG9uZW50cyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NpbXBvLWltYWdlLXNlY3Rpb24nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgU2ltcG9FbGVtZW50c01vZHVsZSxcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgQ29sdW1uRGlyZWN0aXZlRGlyZWN0aXZlLFxuICAgIFN0eWxlRGlyZWN0aXZlc01vZHVsZSxcbiAgICBDb250ZW50Rml0RGlyZWN0aXZlLFxuICAgIFNpbXBvQ29tcG9uZW50TW9kdWxlLFxuICBdLFxuICB0ZW1wbGF0ZVVybDogJy4vaW1hZ2Utc2VjdGlvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9pbWFnZS1zZWN0aW9uLmNvbXBvbmVudC5jc3MnLFxufSlcbmV4cG9ydCBjbGFzcyBJbWFnZVNlY3Rpb25Db21wb25lbnQge1xuICBASW5wdXQoKSBkYXRhPzogaW1hZ2VTZWN0aW9uTW9kZWw7XG4gIEBJbnB1dCgpIGluZGV4PyA6IG51bWJlcjtcbiAgQFZpZXdDaGlsZCgnbWFpbkNvbnRhaW5lcicpIF9tYWluQ29udGFpbmVyOiBFbGVtZW50UmVmIHwgbnVsbCA9IG51bGw7XG4gIGNvbnRlbnQ/OiBJbWFnZUNvbnRlbnRNb2RhbDtcbiAgc3R5bGU/OiBpbWFnZVNlY3Rpb25TdHlsZXNNb2RlbDtcblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmNvbnRlbnQgPSB0aGlzLmRhdGE/LmNvbnRlbnQ7XG4gICAgdGhpcy5zdHlsZSA9IHRoaXMuZGF0YT8uc3R5bGVzO1xuICB9XG5cbiAgc2hvd0VkaXRvcnM6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBzaG93RWRpdFRhYnMoaXNTaG93OiBib29sZWFuKSB7XG4gICAgdGhpcy5zaG93RWRpdG9ycyA9IGlzU2hvdztcbiAgfVxufVxuIiwiPHNlY3Rpb24gW2lkXT1cImRhdGE/LmlkXCIgW3NpbXBvQmFja2dyb3VuZF09XCJzdHlsZT8uYmFja2dyb3VuZFwiIHNpbXBvSG92ZXIgKGhvdmVyaW5nKT1cInNob3dFZGl0VGFicygkZXZlbnQpXCJcbiAgICBjbGFzcz1cInRvdGFsLWNvbnRhaW5lclwiPlxuICAgIDxkaXYgI21haW5Db250YWluZXIgW2lkXT1cImRhdGE/LmlkXCIgW3NpbXBvT3ZlcmxheV09XCJzdHlsZT8uYmFja2dyb3VuZFwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29udGFpbmVyLWZsdWlkIG1haW4tc2VjdGlvblwiIFtpZF09XCJkYXRhPy5pZFwiIFtzaW1wb0JvcmRlcl09XCJzdHlsZT8uYm9yZGVyXCJcbiAgICAgICAgICAgIFtzaW1wb0xheW91dF09XCJzdHlsZT8ubGF5b3V0XCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwicm93XCIgW2lkXT1cImRhdGE/LmlkXCIgW3NpbXBvQW5pbWF0aW9uXT1cInN0eWxlPy5hbmltYXRpb25cIj5cbiAgICAgICAgICAgICAgICA8ZGl2ICpuZ0Zvcj1cImxldCB0ZXh0IG9mIGRhdGE/LmNvbnRlbnQ/LmlucHV0VGV4dFwiPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaGVhZGluZy1sYXJnZSBtYi0xXCIgW2lubmVySFRNTF09XCJ0ZXh0LnZhbHVlXCI+PC9kaXY+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaW1hZ2Utc2VjdGlvblwiIFtuZ1N0eWxlXT1cInN0eWxlPy5mdWxsV2lkdGggPyB7J3BhZGRpbmcnOiAnMHB4JywgJ21hcmdpbic6ICcwcHgnfSA6IHt9XCI+XG4gICAgICAgICAgICAgICAgICAgIDxpbWcgW25nQ2xhc3NdPVwieydoLTgwJzogc3R5bGU/LmxheW91dD8uZml0ID09PSAnY29udGVudCcsICdpbWFnZSc6IHN0eWxlPy5sYXlvdXQ/LmZpdCA9PT0gJ3NjcmVlbid9XCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtzcmNdPVwiY29udGVudD8uaW1hZ2U/LnVybFwiIFthbHRdPVwiY29udGVudD8uaW1hZ2U/LmFsdFRleHRcIiBbc2ltcG9Db3JuZXJdPVwic3R5bGU/LmNvcm5lcnNcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2lkXT1cImRhdGE/LmlkXCIgLz5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cblxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuXG4gICAgPGRpdiBjbGFzcz1cImhvdmVyX2VmZmVjdFwiICpuZ0lmPVwic2hvd0VkaXRvcnNcIj5cbiAgICAgICAgPHNpbXBvLWhvdmVyLWVsZW1lbnRzIFtkYXRhXT1cImRhdGFcIj48L3NpbXBvLWhvdmVyLWVsZW1lbnRzPlxuICAgIDwvZGl2PlxuPC9zZWN0aW9uPlxuIl19

package/esm2022/lib/sections/navbar-section/navbar-section.component.mjs

@@ -0,0 +1,16 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+export class NavbarSectionComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: NavbarSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: NavbarSectionComponent, isStandalone: true, selector: "simpo-navbar-section", inputs: { index: "index" }, ngImport: i0, template: "<nav class=\"navbar navbar-expand-lg bg-light\">\r\n  <div class=\"container-fluid\">\r\n    <a class=\"navbar-brand\" href=\"#\">Navbar</a>\r\n    <button class=\"navbar-toggler\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#navbarNavAltMarkup\" aria-controls=\"navbarNavAltMarkup\" aria-expanded=\"false\" aria-label=\"Toggle navigation\">\r\n      <span class=\"navbar-toggler-icon\"></span>\r\n    </button>\r\n    <div class=\"collapse navbar-collapse\" id=\"navbarNavAltMarkup\">\r\n      <div class=\"navbar-nav\">\r\n        <a class=\"nav-link active\" aria-current=\"page\" href=\"#\">Home</a>\r\n        <a class=\"nav-link\" href=\"#\">Features</a>\r\n        <a class=\"nav-link\" href=\"#\">Pricing</a>\r\n        <a class=\"nav-link disabled\">Disabled</a>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</nav>", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: NavbarSectionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'simpo-navbar-section', standalone: true, imports: [], template: "<nav class=\"navbar navbar-expand-lg bg-light\">\r\n  <div class=\"container-fluid\">\r\n    <a class=\"navbar-brand\" href=\"#\">Navbar</a>\r\n    <button class=\"navbar-toggler\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#navbarNavAltMarkup\" aria-controls=\"navbarNavAltMarkup\" aria-expanded=\"false\" aria-label=\"Toggle navigation\">\r\n      <span class=\"navbar-toggler-icon\"></span>\r\n    </button>\r\n    <div class=\"collapse navbar-collapse\" id=\"navbarNavAltMarkup\">\r\n      <div class=\"navbar-nav\">\r\n        <a class=\"nav-link active\" aria-current=\"page\" href=\"#\">Home</a>\r\n        <a class=\"nav-link\" href=\"#\">Features</a>\r\n        <a class=\"nav-link\" href=\"#\">Pricing</a>\r\n        <a class=\"nav-link disabled\">Disabled</a>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</nav>" }]
+        }], ctorParameters: () => [], propDecorators: { index: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2YmFyLXNlY3Rpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2ltcG8tdWkvc3JjL2xpYi9zZWN0aW9ucy9uYXZiYXItc2VjdGlvbi9uYXZiYXItc2VjdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL3NlY3Rpb25zL25hdmJhci1zZWN0aW9uL25hdmJhci1zZWN0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOztBQVN6RCxNQUFNLE9BQU8sc0JBQXNCO0lBR2pDLGdCQUFjLENBQUM7SUFFZixRQUFRO0lBRVIsQ0FBQzs4R0FQVSxzQkFBc0I7a0dBQXRCLHNCQUFzQiw0R0NUbkMsMDBCQWVNOzsyRkROTyxzQkFBc0I7a0JBUGxDLFNBQVM7K0JBQ0Usc0JBQXNCLGNBQ3BCLElBQUksV0FDUCxFQUFFO3dEQU1GLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzaW1wby1uYXZiYXItc2VjdGlvbicsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbXSxcclxuICB0ZW1wbGF0ZVVybDogJy4vbmF2YmFyLXNlY3Rpb24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9uYXZiYXItc2VjdGlvbi5jb21wb25lbnQuY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgTmF2YmFyU2VjdGlvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdHtcclxuXHJcbiAgQElucHV0KCkgaW5kZXg/IDogbnVtYmVyO1xyXG4gIGNvbnN0cnVjdG9yKCl7fVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIFxyXG4gIH1cclxufVxyXG4iLCI8bmF2IGNsYXNzPVwibmF2YmFyIG5hdmJhci1leHBhbmQtbGcgYmctbGlnaHRcIj5cclxuICA8ZGl2IGNsYXNzPVwiY29udGFpbmVyLWZsdWlkXCI+XHJcbiAgICA8YSBjbGFzcz1cIm5hdmJhci1icmFuZFwiIGhyZWY9XCIjXCI+TmF2YmFyPC9hPlxyXG4gICAgPGJ1dHRvbiBjbGFzcz1cIm5hdmJhci10b2dnbGVyXCIgdHlwZT1cImJ1dHRvblwiIGRhdGEtYnMtdG9nZ2xlPVwiY29sbGFwc2VcIiBkYXRhLWJzLXRhcmdldD1cIiNuYXZiYXJOYXZBbHRNYXJrdXBcIiBhcmlhLWNvbnRyb2xzPVwibmF2YmFyTmF2QWx0TWFya3VwXCIgYXJpYS1leHBhbmRlZD1cImZhbHNlXCIgYXJpYS1sYWJlbD1cIlRvZ2dsZSBuYXZpZ2F0aW9uXCI+XHJcbiAgICAgIDxzcGFuIGNsYXNzPVwibmF2YmFyLXRvZ2dsZXItaWNvblwiPjwvc3Bhbj5cclxuICAgIDwvYnV0dG9uPlxyXG4gICAgPGRpdiBjbGFzcz1cImNvbGxhcHNlIG5hdmJhci1jb2xsYXBzZVwiIGlkPVwibmF2YmFyTmF2QWx0TWFya3VwXCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJuYXZiYXItbmF2XCI+XHJcbiAgICAgICAgPGEgY2xhc3M9XCJuYXYtbGluayBhY3RpdmVcIiBhcmlhLWN1cnJlbnQ9XCJwYWdlXCIgaHJlZj1cIiNcIj5Ib21lPC9hPlxyXG4gICAgICAgIDxhIGNsYXNzPVwibmF2LWxpbmtcIiBocmVmPVwiI1wiPkZlYXR1cmVzPC9hPlxyXG4gICAgICAgIDxhIGNsYXNzPVwibmF2LWxpbmtcIiBocmVmPVwiI1wiPlByaWNpbmc8L2E+XHJcbiAgICAgICAgPGEgY2xhc3M9XCJuYXYtbGluayBkaXNhYmxlZFwiPkRpc2FibGVkPC9hPlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L25hdj4iXX0=

package/esm2022/lib/sections/service-section/service-section.component.mjs

@@ -34,7 +34,7 @@ export class ServiceSectionComponent {
         this.showEditors = isShow;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ServiceSectionComponent, deps: [{ token: i1.EventsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: ServiceSectionComponent, isStandalone: true, selector: "simpo-service-section", inputs: { data: "data" }, viewQueries: [{ propertyName: "_mainContainer", first: true, predicate: ["mainContainer"], descendants: true }], ngImport: i0, template: "<section [id]=\"data?.id\" [simpoBackground]=\"style?.background\" simpoHover (hovering)=\"showEditTabs($event)\" class=\"total-container\">\n  <div #mainContainer [id]=\"data?.id\" [simpoOverlay]=\"style?.background\">\n    <div class=\"container-fluid\" [id]=\"data?.id\" [simpoBorder]=\"style?.border\" [simpoLayout]=\"style?.layout\">\n      <div class=\"row\" [id]=\"data?.id\" [simpoAnimation]=\"style?.animation\">\n        <div *ngFor=\"let text of data?.content?.inputText\">\n          <div class=\"heading-large mb-1\" [innerHTML]=\"text.value\"></div>\n        </div>\n\n        <div class=\"cards\" [simpoColumnDirective]=\"data?.styles?.size\" [id]=\"data?.id\"\n          *ngFor=\"let service of content?.listItem?.data\">\n          <ng-container *ngIf=\"style?.textPosition === TextPosition.BELOW_IMAGE\">\n            <simpo-below-image-card [data]=\"service\" [styles]=\"style\" [content]=\"content\" [button]=\"button\"\n              [componentId]=\"data?.id\"></simpo-below-image-card>\n          </ng-container>\n          <ng-container *ngIf=\"style?.textPosition === TextPosition.TOP_OF_IMAGE\">\n            <simpo-top-of-image-card [data]=\"service\" [styles]=\"style\" [content]=\"content\" [button]=\"button\"\n              [componentId]=\"data?.id\"></simpo-top-of-image-card>\n          </ng-container>\n          <ng-container *ngIf=\"style?.textPosition === TextPosition.COVERING_IMAGE\">\n            <simpo-covering-image-card [data]=\"service\" [styles]=\"style\" [content]=\"content\" [button]=\"button\"\n              [componentId]=\"data?.id\"></simpo-covering-image-card>\n          </ng-container>\n\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"hover_effect\" *ngIf=\"showEditors\">\n    <simpo-hover-elements [data]=\"data\"></simpo-hover-elements>\n  </div>\n</section>\n", styles: [".total-container{height:auto;position:relative}.mb-1{margin-bottom:1.5rem!important}.cards{padding-bottom:10px}.hover_effect{position:absolute;width:100%;top:0;left:0;height:100%}@media screen and (min-width: 760px){.cards{padding-bottom:24px}}\n"], dependencies: [{ kind: "ngmodule", type: SimpoElementsModule }, { kind: "component", type: i2.BelowImageCardComponent, selector: "simpo-below-image-card", inputs: ["data", "styles", "content", "componentId", "button"] }, { kind: "component", type: i3.TopOfImageCardComponent, selector: "simpo-top-of-image-card", inputs: ["data", "styles", "content", "componentId", "button"] }, { kind: "component", type: i4.CoveringImageCardComponent, selector: "simpo-covering-image-card", inputs: ["data", "styles", "content", "componentId", "button"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: ContentFitDirective, selector: "[simpoLayout]", inputs: ["simpoLayout"] }, { kind: "ngmodule", type: StyleDirectivesModule }, { kind: "directive", type: i6.AnimationDirective, selector: "[simpoAnimation]", inputs: ["simpoAnimation"] }, { kind: "directive", type: i7.BorderDirective, selector: "[simpoBorder]", inputs: ["simpoBorder"] }, { kind: "directive", type: i8.OverlayDirective, selector: "[simpoOverlay]", inputs: ["simpoOverlay"] }, { kind: "directive", type: i9.BackgroundDirective, selector: "[simpoBackground]", inputs: ["simpoBackground"] }, { kind: "directive", type: i10.HoverDirective, selector: "[simpoHover]", outputs: ["hovering"] }, { kind: "directive", type: i11.ColumnDirectiveDirective, selector: "[simpoColumnDirective]", inputs: ["simpoColumnDirective"] }, { kind: "ngmodule", type: SimpoComponentModule }, { kind: "component", type: i12.HoverElementsComponent, selector: "simpo-hover-elements", inputs: ["data"], outputs: ["edit"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: ServiceSectionComponent, isStandalone: true, selector: "simpo-service-section", inputs: { data: "data", index: "index" }, viewQueries: [{ propertyName: "_mainContainer", first: true, predicate: ["mainContainer"], descendants: true }], ngImport: i0, template: "<section [id]=\"data?.id\" [simpoBackground]=\"style?.background\" simpoHover (hovering)=\"showEditTabs($event)\" class=\"total-container\">\n  <div #mainContainer [id]=\"data?.id\" [simpoOverlay]=\"style?.background\">\n    <div class=\"container-fluid\" [id]=\"data?.id\" [simpoBorder]=\"style?.border\" [simpoLayout]=\"style?.layout\">\n      <div class=\"row\" [id]=\"data?.id\" [simpoAnimation]=\"style?.animation\">\n        <div *ngFor=\"let text of data?.content?.inputText\">\n          <div class=\"heading-large mb-1\" [innerHTML]=\"text.value\"></div>\n        </div>\n\n        <div class=\"cards\" [simpoColumnDirective]=\"data?.styles?.size\" [id]=\"data?.id\"\n          *ngFor=\"let service of content?.listItem?.data\">\n          <ng-container *ngIf=\"style?.textPosition === TextPosition.BELOW_IMAGE\">\n            <simpo-below-image-card [data]=\"service\" [styles]=\"style\" [content]=\"content\" [button]=\"button\"\n              [componentId]=\"data?.id\"></simpo-below-image-card>\n          </ng-container>\n          <ng-container *ngIf=\"style?.textPosition === TextPosition.TOP_OF_IMAGE\">\n            <simpo-top-of-image-card [data]=\"service\" [styles]=\"style\" [content]=\"content\" [button]=\"button\"\n              [componentId]=\"data?.id\"></simpo-top-of-image-card>\n          </ng-container>\n          <ng-container *ngIf=\"style?.textPosition === TextPosition.COVERING_IMAGE\">\n            <simpo-covering-image-card [data]=\"service\" [styles]=\"style\" [content]=\"content\" [button]=\"button\"\n              [componentId]=\"data?.id\"></simpo-covering-image-card>\n          </ng-container>\n\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"hover_effect\" *ngIf=\"showEditors\">\n    <simpo-hover-elements [data]=\"data\"></simpo-hover-elements>\n  </div>\n</section>\n", styles: [".total-container{height:auto;position:relative}.mb-1{margin-bottom:1.5rem!important}.cards{padding-bottom:10px}.hover_effect{position:absolute;width:100%;top:0;left:0;height:100%}@media screen and (min-width: 760px){.cards{padding-bottom:24px}}\n"], dependencies: [{ kind: "ngmodule", type: SimpoElementsModule }, { kind: "component", type: i2.BelowImageCardComponent, selector: "simpo-below-image-card", inputs: ["data", "styles", "content", "componentId", "button"] }, { kind: "component", type: i3.TopOfImageCardComponent, selector: "simpo-top-of-image-card", inputs: ["data", "styles", "content", "componentId", "button"] }, { kind: "component", type: i4.CoveringImageCardComponent, selector: "simpo-covering-image-card", inputs: ["data", "styles", "content", "componentId", "button"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: ContentFitDirective, selector: "[simpoLayout]", inputs: ["simpoLayout"] }, { kind: "ngmodule", type: StyleDirectivesModule }, { kind: "directive", type: i6.AnimationDirective, selector: "[simpoAnimation]", inputs: ["simpoAnimation"] }, { kind: "directive", type: i7.BorderDirective, selector: "[simpoBorder]", inputs: ["simpoBorder"] }, { kind: "directive", type: i8.OverlayDirective, selector: "[simpoOverlay]", inputs: ["simpoOverlay"] }, { kind: "directive", type: i9.BackgroundDirective, selector: "[simpoBackground]", inputs: ["simpoBackground"] }, { kind: "directive", type: i10.HoverDirective, selector: "[simpoHover]", outputs: ["hovering"] }, { kind: "directive", type: i11.ColumnDirectiveDirective, selector: "[simpoColumnDirective]", inputs: ["simpoColumnDirective"] }, { kind: "ngmodule", type: SimpoComponentModule }, { kind: "component", type: i12.HoverElementsComponent, selector: "simpo-hover-elements", inputs: ["data", "index"], outputs: ["edit"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ServiceSectionComponent, decorators: [{
             type: Component,
@@ -47,8 +47,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
                     ], template: "<section [id]=\"data?.id\" [simpoBackground]=\"style?.background\" simpoHover (hovering)=\"showEditTabs($event)\" class=\"total-container\">\n  <div #mainContainer [id]=\"data?.id\" [simpoOverlay]=\"style?.background\">\n    <div class=\"container-fluid\" [id]=\"data?.id\" [simpoBorder]=\"style?.border\" [simpoLayout]=\"style?.layout\">\n      <div class=\"row\" [id]=\"data?.id\" [simpoAnimation]=\"style?.animation\">\n        <div *ngFor=\"let text of data?.content?.inputText\">\n          <div class=\"heading-large mb-1\" [innerHTML]=\"text.value\"></div>\n        </div>\n\n        <div class=\"cards\" [simpoColumnDirective]=\"data?.styles?.size\" [id]=\"data?.id\"\n          *ngFor=\"let service of content?.listItem?.data\">\n          <ng-container *ngIf=\"style?.textPosition === TextPosition.BELOW_IMAGE\">\n            <simpo-below-image-card [data]=\"service\" [styles]=\"style\" [content]=\"content\" [button]=\"button\"\n              [componentId]=\"data?.id\"></simpo-below-image-card>\n          </ng-container>\n          <ng-container *ngIf=\"style?.textPosition === TextPosition.TOP_OF_IMAGE\">\n            <simpo-top-of-image-card [data]=\"service\" [styles]=\"style\" [content]=\"content\" [button]=\"button\"\n              [componentId]=\"data?.id\"></simpo-top-of-image-card>\n          </ng-container>\n          <ng-container *ngIf=\"style?.textPosition === TextPosition.COVERING_IMAGE\">\n            <simpo-covering-image-card [data]=\"service\" [styles]=\"style\" [content]=\"content\" [button]=\"button\"\n              [componentId]=\"data?.id\"></simpo-covering-image-card>\n          </ng-container>\n\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"hover_effect\" *ngIf=\"showEditors\">\n    <simpo-hover-elements [data]=\"data\"></simpo-hover-elements>\n  </div>\n</section>\n", styles: [".total-container{height:auto;position:relative}.mb-1{margin-bottom:1.5rem!important}.cards{padding-bottom:10px}.hover_effect{position:absolute;width:100%;top:0;left:0;height:100%}@media screen and (min-width: 760px){.cards{padding-bottom:24px}}\n"] }]
         }], ctorParameters: () => [{ type: i1.EventsService }], propDecorators: { data: [{
                 type: Input
+            }], index: [{
+                type: Input
             }], _mainContainer: [{
                 type: ViewChild,
                 args: ['mainContainer']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VydmljZS1zZWN0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpbXBvLXVpL3NyYy9saWIvc2VjdGlvbnMvc2VydmljZS1zZWN0aW9uL3NlcnZpY2Utc2VjdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL3NlY3Rpb25zL3NlcnZpY2Utc2VjdGlvbi9zZXJ2aWNlLXNlY3Rpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQWMsS0FBSyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN4RSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUd6RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDaEQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDaEYsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDNUQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7Ozs7Ozs7Ozs7Ozs7O0FBZ0I1RCxNQUFNLE9BQU8sdUJBQXVCO0lBUWxDLFlBQW9CLFlBQTJCO1FBQTNCLGlCQUFZLEdBQVosWUFBWSxDQUFlO1FBTm5CLG1CQUFjLEdBQXNCLElBQUksQ0FBQztRQUNyRSxpQkFBWSxHQUFHLFlBQVksQ0FBQztRQWE1QixnQkFBVyxHQUFhLEtBQUssQ0FBQztJQVJvQixDQUFDO0lBRW5ELFFBQVE7UUFDTixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxJQUFJLEVBQUUsT0FBTyxDQUFDO1FBQ2xDLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLElBQUksRUFBRSxNQUFNLENBQUM7UUFDL0IsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsSUFBSSxFQUFFLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUE7SUFDNUMsQ0FBQztJQUlELFlBQVksQ0FBQyxNQUFjO1FBQ3pCLElBQUksQ0FBQyxXQUFXLEdBQUcsTUFBTSxDQUFDO0lBQzVCLENBQUM7OEdBcEJVLHVCQUF1QjtrR0FBdkIsdUJBQXVCLDROQ3hCcEMsaXpEQStCQSwrU0RoQkksbUJBQW1CLDRmQUNuQixZQUFZLGdRQUNaLG1CQUFtQixrRkFDbkIscUJBQXFCLDZxQkFDckIsb0JBQW9COzsyRkFLWCx1QkFBdUI7a0JBYm5DLFNBQVM7K0JBQ0UsdUJBQXVCLGNBQ3JCLElBQUksV0FDUDt3QkFDUCxtQkFBbUI7d0JBQ25CLFlBQVk7d0JBQ1osbUJBQW1CO3dCQUNuQixxQkFBcUI7d0JBQ3JCLG9CQUFvQjtxQkFDckI7a0ZBS1EsSUFBSTtzQkFBWixLQUFLO2dCQUNzQixjQUFjO3NCQUF6QyxTQUFTO3VCQUFDLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbnB1dCwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTaW1wb0VsZW1lbnRzTW9kdWxlIH0gZnJvbSAnQHNpbXBvLXVpL2VsZW1lbnRzJztcbmltcG9ydCB7IFNlcnZpY2VDb250ZW50TW9kYWwsIFNlcnZpY2VTZWN0aW9uTW9kYWwsIFNlcnZpY2VTdHlsZXNNb2RlbCB9IGZyb20gJy4vc2VydmljZS1zZWN0aW9uLm1vZGVsJztcbmltcG9ydCB7IEV2ZW50c1NlcnZpY2UgfSBmcm9tICdAc2ltcG8tdWkvc2VydmljZXMvZXZlbnRzLnNlcnZpY2UnO1xuaW1wb3J0IHsgVGV4dFBvc2l0aW9uIH0gZnJvbSAnQHNpbXBvLXVpL3N0eWxlcyc7XG5pbXBvcnQgeyBDb250ZW50Rml0RGlyZWN0aXZlIH0gZnJvbSAnQHNpbXBvLXVpL2RpcmVjdGl2ZS9jb250ZW50LWZpdC1kaXJlY3RpdmUnO1xuaW1wb3J0IHsgU3R5bGVEaXJlY3RpdmVzTW9kdWxlIH0gZnJvbSAnQHNpbXBvLXVpL2RpcmVjdGl2ZSc7XG5pbXBvcnQgeyBTaW1wb0NvbXBvbmVudE1vZHVsZSB9IGZyb20gJ0BzaW1wby11aS9jb21wb25lbnRzJztcbmltcG9ydCB7IEJ1dHRvbk1vZGVsIH0gZnJvbSAnQHNpbXBvLXVpL3N0eWxlcy9zdHlsZS5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NpbXBvLXNlcnZpY2Utc2VjdGlvbicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBTaW1wb0VsZW1lbnRzTW9kdWxlLFxuICAgIENvbW1vbk1vZHVsZSxcbiAgICBDb250ZW50Rml0RGlyZWN0aXZlLFxuICAgIFN0eWxlRGlyZWN0aXZlc01vZHVsZSxcbiAgICBTaW1wb0NvbXBvbmVudE1vZHVsZVxuICBdLFxuICB0ZW1wbGF0ZVVybDogJy4vc2VydmljZS1zZWN0aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL3NlcnZpY2Utc2VjdGlvbi5jb21wb25lbnQuY3NzJ1xufSlcbmV4cG9ydCBjbGFzcyBTZXJ2aWNlU2VjdGlvbkNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGRhdGE/OlNlcnZpY2VTZWN0aW9uTW9kYWw7XG4gIEBWaWV3Q2hpbGQoJ21haW5Db250YWluZXInKSBfbWFpbkNvbnRhaW5lcjogRWxlbWVudFJlZiB8IG51bGwgPSBudWxsO1xuICBUZXh0UG9zaXRpb24gPSBUZXh0UG9zaXRpb247XG4gIGNvbnRlbnQ/OiBTZXJ2aWNlQ29udGVudE1vZGFsO1xuICBzdHlsZT86IFNlcnZpY2VTdHlsZXNNb2RlbDtcbiAgYnV0dG9uPzogQnV0dG9uTW9kZWxcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGV2ZW50U2VydmljZTogRXZlbnRzU2VydmljZSkge31cblxuICBuZ09uSW5pdCgpe1xuICAgIHRoaXMuY29udGVudCA9IHRoaXMuZGF0YT8uY29udGVudDtcbiAgICB0aGlzLnN0eWxlID0gdGhpcy5kYXRhPy5zdHlsZXM7XG4gICAgdGhpcy5idXR0b24gPSB0aGlzLmRhdGE/LmFjdGlvbi5idXR0b25zWzBdXG4gIH1cblxuICBzaG93RWRpdG9ycyA6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBzaG93RWRpdFRhYnMoaXNTaG93OmJvb2xlYW4pe1xuICAgIHRoaXMuc2hvd0VkaXRvcnMgPSBpc1Nob3c7XG4gIH1cbn1cbiIsIjxzZWN0aW9uIFtpZF09XCJkYXRhPy5pZFwiIFtzaW1wb0JhY2tncm91bmRdPVwic3R5bGU/LmJhY2tncm91bmRcIiBzaW1wb0hvdmVyIChob3ZlcmluZyk9XCJzaG93RWRpdFRhYnMoJGV2ZW50KVwiIGNsYXNzPVwidG90YWwtY29udGFpbmVyXCI+XG4gIDxkaXYgI21haW5Db250YWluZXIgW2lkXT1cImRhdGE/LmlkXCIgW3NpbXBvT3ZlcmxheV09XCJzdHlsZT8uYmFja2dyb3VuZFwiPlxuICAgIDxkaXYgY2xhc3M9XCJjb250YWluZXItZmx1aWRcIiBbaWRdPVwiZGF0YT8uaWRcIiBbc2ltcG9Cb3JkZXJdPVwic3R5bGU/LmJvcmRlclwiIFtzaW1wb0xheW91dF09XCJzdHlsZT8ubGF5b3V0XCI+XG4gICAgICA8ZGl2IGNsYXNzPVwicm93XCIgW2lkXT1cImRhdGE/LmlkXCIgW3NpbXBvQW5pbWF0aW9uXT1cInN0eWxlPy5hbmltYXRpb25cIj5cbiAgICAgICAgPGRpdiAqbmdGb3I9XCJsZXQgdGV4dCBvZiBkYXRhPy5jb250ZW50Py5pbnB1dFRleHRcIj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiaGVhZGluZy1sYXJnZSBtYi0xXCIgW2lubmVySFRNTF09XCJ0ZXh0LnZhbHVlXCI+PC9kaXY+XG4gICAgICAgIDwvZGl2PlxuXG4gICAgICAgIDxkaXYgY2xhc3M9XCJjYXJkc1wiIFtzaW1wb0NvbHVtbkRpcmVjdGl2ZV09XCJkYXRhPy5zdHlsZXM/LnNpemVcIiBbaWRdPVwiZGF0YT8uaWRcIlxuICAgICAgICAgICpuZ0Zvcj1cImxldCBzZXJ2aWNlIG9mIGNvbnRlbnQ/Lmxpc3RJdGVtPy5kYXRhXCI+XG4gICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInN0eWxlPy50ZXh0UG9zaXRpb24gPT09IFRleHRQb3NpdGlvbi5CRUxPV19JTUFHRVwiPlxuICAgICAgICAgICAgPHNpbXBvLWJlbG93LWltYWdlLWNhcmQgW2RhdGFdPVwic2VydmljZVwiIFtzdHlsZXNdPVwic3R5bGVcIiBbY29udGVudF09XCJjb250ZW50XCIgW2J1dHRvbl09XCJidXR0b25cIlxuICAgICAgICAgICAgICBbY29tcG9uZW50SWRdPVwiZGF0YT8uaWRcIj48L3NpbXBvLWJlbG93LWltYWdlLWNhcmQ+XG4gICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInN0eWxlPy50ZXh0UG9zaXRpb24gPT09IFRleHRQb3NpdGlvbi5UT1BfT0ZfSU1BR0VcIj5cbiAgICAgICAgICAgIDxzaW1wby10b3Atb2YtaW1hZ2UtY2FyZCBbZGF0YV09XCJzZXJ2aWNlXCIgW3N0eWxlc109XCJzdHlsZVwiIFtjb250ZW50XT1cImNvbnRlbnRcIiBbYnV0dG9uXT1cImJ1dHRvblwiXG4gICAgICAgICAgICAgIFtjb21wb25lbnRJZF09XCJkYXRhPy5pZFwiPjwvc2ltcG8tdG9wLW9mLWltYWdlLWNhcmQ+XG4gICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInN0eWxlPy50ZXh0UG9zaXRpb24gPT09IFRleHRQb3NpdGlvbi5DT1ZFUklOR19JTUFHRVwiPlxuICAgICAgICAgICAgPHNpbXBvLWNvdmVyaW5nLWltYWdlLWNhcmQgW2RhdGFdPVwic2VydmljZVwiIFtzdHlsZXNdPVwic3R5bGVcIiBbY29udGVudF09XCJjb250ZW50XCIgW2J1dHRvbl09XCJidXR0b25cIlxuICAgICAgICAgICAgICBbY29tcG9uZW50SWRdPVwiZGF0YT8uaWRcIj48L3NpbXBvLWNvdmVyaW5nLWltYWdlLWNhcmQ+XG4gICAgICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJob3Zlcl9lZmZlY3RcIiAqbmdJZj1cInNob3dFZGl0b3JzXCI+XG4gICAgPHNpbXBvLWhvdmVyLWVsZW1lbnRzIFtkYXRhXT1cImRhdGFcIj48L3NpbXBvLWhvdmVyLWVsZW1lbnRzPlxuICA8L2Rpdj5cbjwvc2VjdGlvbj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VydmljZS1zZWN0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpbXBvLXVpL3NyYy9saWIvc2VjdGlvbnMvc2VydmljZS1zZWN0aW9uL3NlcnZpY2Utc2VjdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL3NlY3Rpb25zL3NlcnZpY2Utc2VjdGlvbi9zZXJ2aWNlLXNlY3Rpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQWMsS0FBSyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN4RSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUd6RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDaEQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDaEYsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDNUQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7Ozs7Ozs7Ozs7Ozs7O0FBZ0I1RCxNQUFNLE9BQU8sdUJBQXVCO0lBU2xDLFlBQW9CLFlBQTJCO1FBQTNCLGlCQUFZLEdBQVosWUFBWSxDQUFlO1FBTm5CLG1CQUFjLEdBQXNCLElBQUksQ0FBQztRQUNyRSxpQkFBWSxHQUFHLFlBQVksQ0FBQztRQWE1QixnQkFBVyxHQUFhLEtBQUssQ0FBQztJQVJvQixDQUFDO0lBRW5ELFFBQVE7UUFDTixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxJQUFJLEVBQUUsT0FBTyxDQUFDO1FBQ2xDLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLElBQUksRUFBRSxNQUFNLENBQUM7UUFDL0IsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsSUFBSSxFQUFFLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUE7SUFDNUMsQ0FBQztJQUlELFlBQVksQ0FBQyxNQUFjO1FBQ3pCLElBQUksQ0FBQyxXQUFXLEdBQUcsTUFBTSxDQUFDO0lBQzVCLENBQUM7OEdBckJVLHVCQUF1QjtrR0FBdkIsdUJBQXVCLDRPQ3hCcEMsaXpEQStCQSwrU0RoQkksbUJBQW1CLDRmQUNuQixZQUFZLGdRQUNaLG1CQUFtQixrRkFDbkIscUJBQXFCLDZxQkFDckIsb0JBQW9COzsyRkFLWCx1QkFBdUI7a0JBYm5DLFNBQVM7K0JBQ0UsdUJBQXVCLGNBQ3JCLElBQUksV0FDUDt3QkFDUCxtQkFBbUI7d0JBQ25CLFlBQVk7d0JBQ1osbUJBQW1CO3dCQUNuQixxQkFBcUI7d0JBQ3JCLG9CQUFvQjtxQkFDckI7a0ZBS1EsSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDc0IsY0FBYztzQkFBekMsU0FBUzt1QkFBQyxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgSW5wdXQsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU2ltcG9FbGVtZW50c01vZHVsZSB9IGZyb20gJ0BzaW1wby11aS9lbGVtZW50cyc7XG5pbXBvcnQgeyBTZXJ2aWNlQ29udGVudE1vZGFsLCBTZXJ2aWNlU2VjdGlvbk1vZGFsLCBTZXJ2aWNlU3R5bGVzTW9kZWwgfSBmcm9tICcuL3NlcnZpY2Utc2VjdGlvbi5tb2RlbCc7XG5pbXBvcnQgeyBFdmVudHNTZXJ2aWNlIH0gZnJvbSAnQHNpbXBvLXVpL3NlcnZpY2VzL2V2ZW50cy5zZXJ2aWNlJztcbmltcG9ydCB7IFRleHRQb3NpdGlvbiB9IGZyb20gJ0BzaW1wby11aS9zdHlsZXMnO1xuaW1wb3J0IHsgQ29udGVudEZpdERpcmVjdGl2ZSB9IGZyb20gJ0BzaW1wby11aS9kaXJlY3RpdmUvY29udGVudC1maXQtZGlyZWN0aXZlJztcbmltcG9ydCB7IFN0eWxlRGlyZWN0aXZlc01vZHVsZSB9IGZyb20gJ0BzaW1wby11aS9kaXJlY3RpdmUnO1xuaW1wb3J0IHsgU2ltcG9Db21wb25lbnRNb2R1bGUgfSBmcm9tICdAc2ltcG8tdWkvY29tcG9uZW50cyc7XG5pbXBvcnQgeyBCdXR0b25Nb2RlbCB9IGZyb20gJ0BzaW1wby11aS9zdHlsZXMvc3R5bGUubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzaW1wby1zZXJ2aWNlLXNlY3Rpb24nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgU2ltcG9FbGVtZW50c01vZHVsZSxcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgQ29udGVudEZpdERpcmVjdGl2ZSxcbiAgICBTdHlsZURpcmVjdGl2ZXNNb2R1bGUsXG4gICAgU2ltcG9Db21wb25lbnRNb2R1bGVcbiAgXSxcbiAgdGVtcGxhdGVVcmw6ICcuL3NlcnZpY2Utc2VjdGlvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9zZXJ2aWNlLXNlY3Rpb24uY29tcG9uZW50LmNzcydcbn0pXG5leHBvcnQgY2xhc3MgU2VydmljZVNlY3Rpb25Db21wb25lbnQge1xuICBASW5wdXQoKSBkYXRhPzpTZXJ2aWNlU2VjdGlvbk1vZGFsO1xuICBASW5wdXQoKSBpbmRleD8gOiBudW1iZXI7XG4gIEBWaWV3Q2hpbGQoJ21haW5Db250YWluZXInKSBfbWFpbkNvbnRhaW5lcjogRWxlbWVudFJlZiB8IG51bGwgPSBudWxsO1xuICBUZXh0UG9zaXRpb24gPSBUZXh0UG9zaXRpb247XG4gIGNvbnRlbnQ/OiBTZXJ2aWNlQ29udGVudE1vZGFsO1xuICBzdHlsZT86IFNlcnZpY2VTdHlsZXNNb2RlbDtcbiAgYnV0dG9uPzogQnV0dG9uTW9kZWxcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGV2ZW50U2VydmljZTogRXZlbnRzU2VydmljZSkge31cblxuICBuZ09uSW5pdCgpe1xuICAgIHRoaXMuY29udGVudCA9IHRoaXMuZGF0YT8uY29udGVudDtcbiAgICB0aGlzLnN0eWxlID0gdGhpcy5kYXRhPy5zdHlsZXM7XG4gICAgdGhpcy5idXR0b24gPSB0aGlzLmRhdGE/LmFjdGlvbi5idXR0b25zWzBdXG4gIH1cblxuICBzaG93RWRpdG9ycyA6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBzaG93RWRpdFRhYnMoaXNTaG93OmJvb2xlYW4pe1xuICAgIHRoaXMuc2hvd0VkaXRvcnMgPSBpc1Nob3c7XG4gIH1cbn1cbiIsIjxzZWN0aW9uIFtpZF09XCJkYXRhPy5pZFwiIFtzaW1wb0JhY2tncm91bmRdPVwic3R5bGU/LmJhY2tncm91bmRcIiBzaW1wb0hvdmVyIChob3ZlcmluZyk9XCJzaG93RWRpdFRhYnMoJGV2ZW50KVwiIGNsYXNzPVwidG90YWwtY29udGFpbmVyXCI+XG4gIDxkaXYgI21haW5Db250YWluZXIgW2lkXT1cImRhdGE/LmlkXCIgW3NpbXBvT3ZlcmxheV09XCJzdHlsZT8uYmFja2dyb3VuZFwiPlxuICAgIDxkaXYgY2xhc3M9XCJjb250YWluZXItZmx1aWRcIiBbaWRdPVwiZGF0YT8uaWRcIiBbc2ltcG9Cb3JkZXJdPVwic3R5bGU/LmJvcmRlclwiIFtzaW1wb0xheW91dF09XCJzdHlsZT8ubGF5b3V0XCI+XG4gICAgICA8ZGl2IGNsYXNzPVwicm93XCIgW2lkXT1cImRhdGE/LmlkXCIgW3NpbXBvQW5pbWF0aW9uXT1cInN0eWxlPy5hbmltYXRpb25cIj5cbiAgICAgICAgPGRpdiAqbmdGb3I9XCJsZXQgdGV4dCBvZiBkYXRhPy5jb250ZW50Py5pbnB1dFRleHRcIj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiaGVhZGluZy1sYXJnZSBtYi0xXCIgW2lubmVySFRNTF09XCJ0ZXh0LnZhbHVlXCI+PC9kaXY+XG4gICAgICAgIDwvZGl2PlxuXG4gICAgICAgIDxkaXYgY2xhc3M9XCJjYXJkc1wiIFtzaW1wb0NvbHVtbkRpcmVjdGl2ZV09XCJkYXRhPy5zdHlsZXM/LnNpemVcIiBbaWRdPVwiZGF0YT8uaWRcIlxuICAgICAgICAgICpuZ0Zvcj1cImxldCBzZXJ2aWNlIG9mIGNvbnRlbnQ/Lmxpc3RJdGVtPy5kYXRhXCI+XG4gICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInN0eWxlPy50ZXh0UG9zaXRpb24gPT09IFRleHRQb3NpdGlvbi5CRUxPV19JTUFHRVwiPlxuICAgICAgICAgICAgPHNpbXBvLWJlbG93LWltYWdlLWNhcmQgW2RhdGFdPVwic2VydmljZVwiIFtzdHlsZXNdPVwic3R5bGVcIiBbY29udGVudF09XCJjb250ZW50XCIgW2J1dHRvbl09XCJidXR0b25cIlxuICAgICAgICAgICAgICBbY29tcG9uZW50SWRdPVwiZGF0YT8uaWRcIj48L3NpbXBvLWJlbG93LWltYWdlLWNhcmQ+XG4gICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInN0eWxlPy50ZXh0UG9zaXRpb24gPT09IFRleHRQb3NpdGlvbi5UT1BfT0ZfSU1BR0VcIj5cbiAgICAgICAgICAgIDxzaW1wby10b3Atb2YtaW1hZ2UtY2FyZCBbZGF0YV09XCJzZXJ2aWNlXCIgW3N0eWxlc109XCJzdHlsZVwiIFtjb250ZW50XT1cImNvbnRlbnRcIiBbYnV0dG9uXT1cImJ1dHRvblwiXG4gICAgICAgICAgICAgIFtjb21wb25lbnRJZF09XCJkYXRhPy5pZFwiPjwvc2ltcG8tdG9wLW9mLWltYWdlLWNhcmQ+XG4gICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInN0eWxlPy50ZXh0UG9zaXRpb24gPT09IFRleHRQb3NpdGlvbi5DT1ZFUklOR19JTUFHRVwiPlxuICAgICAgICAgICAgPHNpbXBvLWNvdmVyaW5nLWltYWdlLWNhcmQgW2RhdGFdPVwic2VydmljZVwiIFtzdHlsZXNdPVwic3R5bGVcIiBbY29udGVudF09XCJjb250ZW50XCIgW2J1dHRvbl09XCJidXR0b25cIlxuICAgICAgICAgICAgICBbY29tcG9uZW50SWRdPVwiZGF0YT8uaWRcIj48L3NpbXBvLWNvdmVyaW5nLWltYWdlLWNhcmQ+XG4gICAgICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJob3Zlcl9lZmZlY3RcIiAqbmdJZj1cInNob3dFZGl0b3JzXCI+XG4gICAgPHNpbXBvLWhvdmVyLWVsZW1lbnRzIFtkYXRhXT1cImRhdGFcIj48L3NpbXBvLWhvdmVyLWVsZW1lbnRzPlxuICA8L2Rpdj5cbjwvc2VjdGlvbj5cbiJdfQ==

package/esm2022/lib/sections/team-member-section/team-member-section.component.mjs

@@ -33,7 +33,7 @@ export class TeamMemberSectionComponent {
         this.showEditors = isShow;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: TeamMemberSectionComponent, deps: [{ token: i1.EventsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: TeamMemberSectionComponent, isStandalone: true, selector: "simpo-team-member-section", inputs: { data: "data" }, ngImport: i0, template: "<section [id]=\"data?.id\" [simpoBackground]=\"style?.background\" simpoHover (hovering)=\"showEditTabs($event)\" class=\"total-container\">\n  <div #mainContainer [id]=\"data?.id\" [simpoOverlay]=\"style?.background\">\n    <div class=\"container-fluid\" [id]=\"data?.id\" [simpoBorder]=\"style?.border\" [simpoLayout]=\"style?.layout\">\n      <div class=\"row\" [id]=\"data?.id\" [simpoAnimation]=\"style?.animation\">\n        <div *ngFor=\"let text of data?.content?.inputText\">\n          <div class=\"heading-large mb-1\" [innerHTML]=\"text.value\"></div>\n        </div>\n\n        <div class=\"cards\" [simpoColumnDirective]=\"data?.styles?.size\" [id]=\"data?.id\"\n          *ngFor=\"let service of content?.listItem?.data\">\n          <ng-container *ngIf=\"style?.textPosition === TextPosition.BELOW_IMAGE\">\n            <simpo-below-image-card [data]=\"service\" [styles]=\"style\" [content]=\"content\" [button]=\"button\"\n              [componentId]=\"data?.id\"></simpo-below-image-card>\n          </ng-container>\n          <ng-container *ngIf=\"style?.textPosition === TextPosition.TOP_OF_IMAGE\">\n            <simpo-top-of-image-card [data]=\"service\" [styles]=\"style\" [content]=\"content\" [button]=\"button\"\n              [componentId]=\"data?.id\"></simpo-top-of-image-card>\n          </ng-container>\n          <ng-container *ngIf=\"style?.textPosition === TextPosition.COVERING_IMAGE\">\n            <simpo-covering-image-card [data]=\"service\" [styles]=\"style\" [content]=\"content\" [button]=\"button\"\n              [componentId]=\"data?.id\"></simpo-covering-image-card>\n          </ng-container>\n\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"hover_effect\" *ngIf=\"showEditors\">\n    <simpo-hover-elements [data]=\"data\"></simpo-hover-elements>\n  </div>\n</section>\n", styles: [".total-container{height:auto;position:relative}.mb-1{margin-bottom:1.5rem!important}.cards{padding-bottom:10px}.hover_effect{position:absolute;width:100%;top:0;left:0;height:100%}@media screen and (min-width: 760px){.cards{padding-bottom:24px}}\n"], dependencies: [{ kind: "ngmodule", type: SimpoElementsModule }, { kind: "component", type: i2.BelowImageCardComponent, selector: "simpo-below-image-card", inputs: ["data", "styles", "content", "componentId", "button"] }, { kind: "component", type: i3.TopOfImageCardComponent, selector: "simpo-top-of-image-card", inputs: ["data", "styles", "content", "componentId", "button"] }, { kind: "component", type: i4.CoveringImageCardComponent, selector: "simpo-covering-image-card", inputs: ["data", "styles", "content", "componentId", "button"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: ContentFitDirective, selector: "[simpoLayout]", inputs: ["simpoLayout"] }, { kind: "ngmodule", type: StyleDirectivesModule }, { kind: "directive", type: i6.AnimationDirective, selector: "[simpoAnimation]", inputs: ["simpoAnimation"] }, { kind: "directive", type: i7.BorderDirective, selector: "[simpoBorder]", inputs: ["simpoBorder"] }, { kind: "directive", type: i8.OverlayDirective, selector: "[simpoOverlay]", inputs: ["simpoOverlay"] }, { kind: "directive", type: i9.BackgroundDirective, selector: "[simpoBackground]", inputs: ["simpoBackground"] }, { kind: "directive", type: i10.HoverDirective, selector: "[simpoHover]", outputs: ["hovering"] }, { kind: "directive", type: i11.ColumnDirectiveDirective, selector: "[simpoColumnDirective]", inputs: ["simpoColumnDirective"] }, { kind: "ngmodule", type: SimpoComponentModule }, { kind: "component", type: i12.HoverElementsComponent, selector: "simpo-hover-elements", inputs: ["data"], outputs: ["edit"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: TeamMemberSectionComponent, isStandalone: true, selector: "simpo-team-member-section", inputs: { data: "data", index: "index" }, ngImport: i0, template: "<section [id]=\"data?.id\" [simpoBackground]=\"style?.background\" simpoHover (hovering)=\"showEditTabs($event)\" class=\"total-container\">\n  <div #mainContainer [id]=\"data?.id\" [simpoOverlay]=\"style?.background\">\n    <div class=\"container-fluid\" [id]=\"data?.id\" [simpoBorder]=\"style?.border\" [simpoLayout]=\"style?.layout\">\n      <div class=\"row\" [id]=\"data?.id\" [simpoAnimation]=\"style?.animation\">\n        <div *ngFor=\"let text of data?.content?.inputText\">\n          <div class=\"heading-large mb-1\" [innerHTML]=\"text.value\"></div>\n        </div>\n\n        <div class=\"cards\" [simpoColumnDirective]=\"data?.styles?.size\" [id]=\"data?.id\"\n          *ngFor=\"let service of content?.listItem?.data\">\n          <ng-container *ngIf=\"style?.textPosition === TextPosition.BELOW_IMAGE\">\n            <simpo-below-image-card [data]=\"service\" [styles]=\"style\" [content]=\"content\" [button]=\"button\"\n              [componentId]=\"data?.id\"></simpo-below-image-card>\n          </ng-container>\n          <ng-container *ngIf=\"style?.textPosition === TextPosition.TOP_OF_IMAGE\">\n            <simpo-top-of-image-card [data]=\"service\" [styles]=\"style\" [content]=\"content\" [button]=\"button\"\n              [componentId]=\"data?.id\"></simpo-top-of-image-card>\n          </ng-container>\n          <ng-container *ngIf=\"style?.textPosition === TextPosition.COVERING_IMAGE\">\n            <simpo-covering-image-card [data]=\"service\" [styles]=\"style\" [content]=\"content\" [button]=\"button\"\n              [componentId]=\"data?.id\"></simpo-covering-image-card>\n          </ng-container>\n\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"hover_effect\" *ngIf=\"showEditors\">\n    <simpo-hover-elements [data]=\"data\"></simpo-hover-elements>\n  </div>\n</section>\n", styles: [".total-container{height:auto;position:relative}.mb-1{margin-bottom:1.5rem!important}.cards{padding-bottom:10px}.hover_effect{position:absolute;width:100%;top:0;left:0;height:100%}@media screen and (min-width: 760px){.cards{padding-bottom:24px}}\n"], dependencies: [{ kind: "ngmodule", type: SimpoElementsModule }, { kind: "component", type: i2.BelowImageCardComponent, selector: "simpo-below-image-card", inputs: ["data", "styles", "content", "componentId", "button"] }, { kind: "component", type: i3.TopOfImageCardComponent, selector: "simpo-top-of-image-card", inputs: ["data", "styles", "content", "componentId", "button"] }, { kind: "component", type: i4.CoveringImageCardComponent, selector: "simpo-covering-image-card", inputs: ["data", "styles", "content", "componentId", "button"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: ContentFitDirective, selector: "[simpoLayout]", inputs: ["simpoLayout"] }, { kind: "ngmodule", type: StyleDirectivesModule }, { kind: "directive", type: i6.AnimationDirective, selector: "[simpoAnimation]", inputs: ["simpoAnimation"] }, { kind: "directive", type: i7.BorderDirective, selector: "[simpoBorder]", inputs: ["simpoBorder"] }, { kind: "directive", type: i8.OverlayDirective, selector: "[simpoOverlay]", inputs: ["simpoOverlay"] }, { kind: "directive", type: i9.BackgroundDirective, selector: "[simpoBackground]", inputs: ["simpoBackground"] }, { kind: "directive", type: i10.HoverDirective, selector: "[simpoHover]", outputs: ["hovering"] }, { kind: "directive", type: i11.ColumnDirectiveDirective, selector: "[simpoColumnDirective]", inputs: ["simpoColumnDirective"] }, { kind: "ngmodule", type: SimpoComponentModule }, { kind: "component", type: i12.HoverElementsComponent, selector: "simpo-hover-elements", inputs: ["data", "index"], outputs: ["edit"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: TeamMemberSectionComponent, decorators: [{
             type: Component,
@@ -46,5 +46,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
                     ], template: "<section [id]=\"data?.id\" [simpoBackground]=\"style?.background\" simpoHover (hovering)=\"showEditTabs($event)\" class=\"total-container\">\n  <div #mainContainer [id]=\"data?.id\" [simpoOverlay]=\"style?.background\">\n    <div class=\"container-fluid\" [id]=\"data?.id\" [simpoBorder]=\"style?.border\" [simpoLayout]=\"style?.layout\">\n      <div class=\"row\" [id]=\"data?.id\" [simpoAnimation]=\"style?.animation\">\n        <div *ngFor=\"let text of data?.content?.inputText\">\n          <div class=\"heading-large mb-1\" [innerHTML]=\"text.value\"></div>\n        </div>\n\n        <div class=\"cards\" [simpoColumnDirective]=\"data?.styles?.size\" [id]=\"data?.id\"\n          *ngFor=\"let service of content?.listItem?.data\">\n          <ng-container *ngIf=\"style?.textPosition === TextPosition.BELOW_IMAGE\">\n            <simpo-below-image-card [data]=\"service\" [styles]=\"style\" [content]=\"content\" [button]=\"button\"\n              [componentId]=\"data?.id\"></simpo-below-image-card>\n          </ng-container>\n          <ng-container *ngIf=\"style?.textPosition === TextPosition.TOP_OF_IMAGE\">\n            <simpo-top-of-image-card [data]=\"service\" [styles]=\"style\" [content]=\"content\" [button]=\"button\"\n              [componentId]=\"data?.id\"></simpo-top-of-image-card>\n          </ng-container>\n          <ng-container *ngIf=\"style?.textPosition === TextPosition.COVERING_IMAGE\">\n            <simpo-covering-image-card [data]=\"service\" [styles]=\"style\" [content]=\"content\" [button]=\"button\"\n              [componentId]=\"data?.id\"></simpo-covering-image-card>\n          </ng-container>\n\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"hover_effect\" *ngIf=\"showEditors\">\n    <simpo-hover-elements [data]=\"data\"></simpo-hover-elements>\n  </div>\n</section>\n", styles: [".total-container{height:auto;position:relative}.mb-1{margin-bottom:1.5rem!important}.cards{padding-bottom:10px}.hover_effect{position:absolute;width:100%;top:0;left:0;height:100%}@media screen and (min-width: 760px){.cards{padding-bottom:24px}}\n"] }]
         }], ctorParameters: () => [{ type: i1.EventsService }], propDecorators: { data: [{
                 type: Input
+            }], index: [{
+                type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVhbS1tZW1iZXItc2VjdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL3NlY3Rpb25zL3RlYW0tbWVtYmVyLXNlY3Rpb24vdGVhbS1tZW1iZXItc2VjdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL3NlY3Rpb25zL3RlYW0tbWVtYmVyLXNlY3Rpb24vdGVhbS1tZW1iZXItc2VjdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVqRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFFaEQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDekQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQ2hGLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQzVELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDOzs7Ozs7Ozs7Ozs7OztBQWdCNUQsTUFBTSxPQUFPLDBCQUEwQjtJQVFyQyxZQUFvQixZQUEyQjtRQUEzQixpQkFBWSxHQUFaLFlBQVksQ0FBZTtRQUwvQyxpQkFBWSxHQUFHLFlBQVksQ0FBQztRQWE1QixnQkFBVyxHQUFhLEtBQUssQ0FBQztJQVJvQixDQUFDO0lBRW5ELFFBQVE7UUFDTixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxJQUFJLEVBQUUsT0FBTyxDQUFDO1FBQ2xDLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLElBQUksRUFBRSxNQUFNLENBQUM7UUFDL0IsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsSUFBSSxFQUFFLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUE7SUFDNUMsQ0FBQztJQUlELFlBQVksQ0FBQyxNQUFjO1FBQ3pCLElBQUksQ0FBQyxXQUFXLEdBQUcsTUFBTSxDQUFDO0lBQzVCLENBQUM7OEdBcEJVLDBCQUEwQjtrR0FBMUIsMEJBQTBCLCtHQ3hCdkMsaXpEQStCQSwrU0RoQkksbUJBQW1CLDRmQUNuQixZQUFZLGdRQUNaLG1CQUFtQixrRkFDbkIscUJBQXFCLDZxQkFDckIsb0JBQW9COzsyRkFLWCwwQkFBMEI7a0JBYnRDLFNBQVM7K0JBQ0UsMkJBQTJCLGNBQ3pCLElBQUksV0FDUDt3QkFDUCxtQkFBbUI7d0JBQ25CLFlBQVk7d0JBQ1osbUJBQW1CO3dCQUNuQixxQkFBcUI7d0JBQ3JCLG9CQUFvQjtxQkFDckI7a0ZBS1EsSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVGVhbU1lbWJlckNvbnRlbnRNb2RhbCwgVGVhbU1lbWJlclNlY3Rpb25Nb2RhbCwgVGVhbU1lbWJlclN0eWxlc01vZGVsIH0gZnJvbSAnLi90ZWFtLW1lbWJlci1zZWN0aW9uLm1vZGVsJztcbmltcG9ydCB7IFRleHRQb3NpdGlvbiB9IGZyb20gJ0BzaW1wby11aS9zdHlsZXMnO1xuaW1wb3J0IHsgRXZlbnRzU2VydmljZSB9IGZyb20gJ0BzaW1wby11aS9zZXJ2aWNlcy9ldmVudHMuc2VydmljZSc7XG5pbXBvcnQgeyBTaW1wb0VsZW1lbnRzTW9kdWxlIH0gZnJvbSAnQHNpbXBvLXVpL2VsZW1lbnRzJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb250ZW50Rml0RGlyZWN0aXZlIH0gZnJvbSAnQHNpbXBvLXVpL2RpcmVjdGl2ZS9jb250ZW50LWZpdC1kaXJlY3RpdmUnO1xuaW1wb3J0IHsgU3R5bGVEaXJlY3RpdmVzTW9kdWxlIH0gZnJvbSAnQHNpbXBvLXVpL2RpcmVjdGl2ZSc7XG5pbXBvcnQgeyBTaW1wb0NvbXBvbmVudE1vZHVsZSB9IGZyb20gJ0BzaW1wby11aS9jb21wb25lbnRzJztcbmltcG9ydCB7IEJ1dHRvbk1vZGVsIH0gZnJvbSAnQHNpbXBvLXVpL3N0eWxlcy9zdHlsZS5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NpbXBvLXRlYW0tbWVtYmVyLXNlY3Rpb24nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgU2ltcG9FbGVtZW50c01vZHVsZSxcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgQ29udGVudEZpdERpcmVjdGl2ZSxcbiAgICBTdHlsZURpcmVjdGl2ZXNNb2R1bGUsXG4gICAgU2ltcG9Db21wb25lbnRNb2R1bGVcbiAgXSxcbiAgdGVtcGxhdGVVcmw6ICcuL3RlYW0tbWVtYmVyLXNlY3Rpb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vdGVhbS1tZW1iZXItc2VjdGlvbi5jb21wb25lbnQuY3NzJ1xufSlcbmV4cG9ydCBjbGFzcyBUZWFtTWVtYmVyU2VjdGlvbkNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGRhdGE/OlRlYW1NZW1iZXJTZWN0aW9uTW9kYWw7XG5cbiAgVGV4dFBvc2l0aW9uID0gVGV4dFBvc2l0aW9uO1xuICBjb250ZW50PzogVGVhbU1lbWJlckNvbnRlbnRNb2RhbDtcbiAgc3R5bGU/OiBUZWFtTWVtYmVyU3R5bGVzTW9kZWw7XG4gIGJ1dHRvbj86IEJ1dHRvbk1vZGVsXG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBldmVudFNlcnZpY2U6IEV2ZW50c1NlcnZpY2UpIHt9XG5cbiAgbmdPbkluaXQoKXtcbiAgICB0aGlzLmNvbnRlbnQgPSB0aGlzLmRhdGE/LmNvbnRlbnQ7XG4gICAgdGhpcy5zdHlsZSA9IHRoaXMuZGF0YT8uc3R5bGVzO1xuICAgIHRoaXMuYnV0dG9uID0gdGhpcy5kYXRhPy5hY3Rpb24uYnV0dG9uc1swXVxuICB9XG5cbiAgc2hvd0VkaXRvcnMgOiBib29sZWFuID0gZmFsc2U7XG5cbiAgc2hvd0VkaXRUYWJzKGlzU2hvdzpib29sZWFuKXtcbiAgICB0aGlzLnNob3dFZGl0b3JzID0gaXNTaG93O1xuICB9XG5cbn1cbiIsIjxzZWN0aW9uIFtpZF09XCJkYXRhPy5pZFwiIFtzaW1wb0JhY2tncm91bmRdPVwic3R5bGU/LmJhY2tncm91bmRcIiBzaW1wb0hvdmVyIChob3ZlcmluZyk9XCJzaG93RWRpdFRhYnMoJGV2ZW50KVwiIGNsYXNzPVwidG90YWwtY29udGFpbmVyXCI+XG4gIDxkaXYgI21haW5Db250YWluZXIgW2lkXT1cImRhdGE/LmlkXCIgW3NpbXBvT3ZlcmxheV09XCJzdHlsZT8uYmFja2dyb3VuZFwiPlxuICAgIDxkaXYgY2xhc3M9XCJjb250YWluZXItZmx1aWRcIiBbaWRdPVwiZGF0YT8uaWRcIiBbc2ltcG9Cb3JkZXJdPVwic3R5bGU/LmJvcmRlclwiIFtzaW1wb0xheW91dF09XCJzdHlsZT8ubGF5b3V0XCI+XG4gICAgICA8ZGl2IGNsYXNzPVwicm93XCIgW2lkXT1cImRhdGE/LmlkXCIgW3NpbXBvQW5pbWF0aW9uXT1cInN0eWxlPy5hbmltYXRpb25cIj5cbiAgICAgICAgPGRpdiAqbmdGb3I9XCJsZXQgdGV4dCBvZiBkYXRhPy5jb250ZW50Py5pbnB1dFRleHRcIj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiaGVhZGluZy1sYXJnZSBtYi0xXCIgW2lubmVySFRNTF09XCJ0ZXh0LnZhbHVlXCI+PC9kaXY+XG4gICAgICAgIDwvZGl2PlxuXG4gICAgICAgIDxkaXYgY2xhc3M9XCJjYXJkc1wiIFtzaW1wb0NvbHVtbkRpcmVjdGl2ZV09XCJkYXRhPy5zdHlsZXM/LnNpemVcIiBbaWRdPVwiZGF0YT8uaWRcIlxuICAgICAgICAgICpuZ0Zvcj1cImxldCBzZXJ2aWNlIG9mIGNvbnRlbnQ/Lmxpc3RJdGVtPy5kYXRhXCI+XG4gICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInN0eWxlPy50ZXh0UG9zaXRpb24gPT09IFRleHRQb3NpdGlvbi5CRUxPV19JTUFHRVwiPlxuICAgICAgICAgICAgPHNpbXBvLWJlbG93LWltYWdlLWNhcmQgW2RhdGFdPVwic2VydmljZVwiIFtzdHlsZXNdPVwic3R5bGVcIiBbY29udGVudF09XCJjb250ZW50XCIgW2J1dHRvbl09XCJidXR0b25cIlxuICAgICAgICAgICAgICBbY29tcG9uZW50SWRdPVwiZGF0YT8uaWRcIj48L3NpbXBvLWJlbG93LWltYWdlLWNhcmQ+XG4gICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInN0eWxlPy50ZXh0UG9zaXRpb24gPT09IFRleHRQb3NpdGlvbi5UT1BfT0ZfSU1BR0VcIj5cbiAgICAgICAgICAgIDxzaW1wby10b3Atb2YtaW1hZ2UtY2FyZCBbZGF0YV09XCJzZXJ2aWNlXCIgW3N0eWxlc109XCJzdHlsZVwiIFtjb250ZW50XT1cImNvbnRlbnRcIiBbYnV0dG9uXT1cImJ1dHRvblwiXG4gICAgICAgICAgICAgIFtjb21wb25lbnRJZF09XCJkYXRhPy5pZFwiPjwvc2ltcG8tdG9wLW9mLWltYWdlLWNhcmQ+XG4gICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInN0eWxlPy50ZXh0UG9zaXRpb24gPT09IFRleHRQb3NpdGlvbi5DT1ZFUklOR19JTUFHRVwiPlxuICAgICAgICAgICAgPHNpbXBvLWNvdmVyaW5nLWltYWdlLWNhcmQgW2RhdGFdPVwic2VydmljZVwiIFtzdHlsZXNdPVwic3R5bGVcIiBbY29udGVudF09XCJjb250ZW50XCIgW2J1dHRvbl09XCJidXR0b25cIlxuICAgICAgICAgICAgICBbY29tcG9uZW50SWRdPVwiZGF0YT8uaWRcIj48L3NpbXBvLWNvdmVyaW5nLWltYWdlLWNhcmQ+XG4gICAgICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJob3Zlcl9lZmZlY3RcIiAqbmdJZj1cInNob3dFZGl0b3JzXCI+XG4gICAgPHNpbXBvLWhvdmVyLWVsZW1lbnRzIFtkYXRhXT1cImRhdGFcIj48L3NpbXBvLWhvdmVyLWVsZW1lbnRzPlxuICA8L2Rpdj5cbjwvc2VjdGlvbj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVhbS1tZW1iZXItc2VjdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL3NlY3Rpb25zL3RlYW0tbWVtYmVyLXNlY3Rpb24vdGVhbS1tZW1iZXItc2VjdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL3NlY3Rpb25zL3RlYW0tbWVtYmVyLXNlY3Rpb24vdGVhbS1tZW1iZXItc2VjdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVqRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFFaEQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDekQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQ2hGLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQzVELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDOzs7Ozs7Ozs7Ozs7OztBQWdCNUQsTUFBTSxPQUFPLDBCQUEwQjtJQVFyQyxZQUFvQixZQUEyQjtRQUEzQixpQkFBWSxHQUFaLFlBQVksQ0FBZTtRQUwvQyxpQkFBWSxHQUFHLFlBQVksQ0FBQztRQWE1QixnQkFBVyxHQUFhLEtBQUssQ0FBQztJQVJvQixDQUFDO0lBRW5ELFFBQVE7UUFDTixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxJQUFJLEVBQUUsT0FBTyxDQUFDO1FBQ2xDLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLElBQUksRUFBRSxNQUFNLENBQUM7UUFDL0IsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsSUFBSSxFQUFFLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUE7SUFDNUMsQ0FBQztJQUlELFlBQVksQ0FBQyxNQUFjO1FBQ3pCLElBQUksQ0FBQyxXQUFXLEdBQUcsTUFBTSxDQUFDO0lBQzVCLENBQUM7OEdBcEJVLDBCQUEwQjtrR0FBMUIsMEJBQTBCLCtIQ3hCdkMsaXpEQStCQSwrU0RoQkksbUJBQW1CLDRmQUNuQixZQUFZLGdRQUNaLG1CQUFtQixrRkFDbkIscUJBQXFCLDZxQkFDckIsb0JBQW9COzsyRkFLWCwwQkFBMEI7a0JBYnRDLFNBQVM7K0JBQ0UsMkJBQTJCLGNBQ3pCLElBQUksV0FDUDt3QkFDUCxtQkFBbUI7d0JBQ25CLFlBQVk7d0JBQ1osbUJBQW1CO3dCQUNuQixxQkFBcUI7d0JBQ3JCLG9CQUFvQjtxQkFDckI7a0ZBS1EsSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRlYW1NZW1iZXJDb250ZW50TW9kYWwsIFRlYW1NZW1iZXJTZWN0aW9uTW9kYWwsIFRlYW1NZW1iZXJTdHlsZXNNb2RlbCB9IGZyb20gJy4vdGVhbS1tZW1iZXItc2VjdGlvbi5tb2RlbCc7XG5pbXBvcnQgeyBUZXh0UG9zaXRpb24gfSBmcm9tICdAc2ltcG8tdWkvc3R5bGVzJztcbmltcG9ydCB7IEV2ZW50c1NlcnZpY2UgfSBmcm9tICdAc2ltcG8tdWkvc2VydmljZXMvZXZlbnRzLnNlcnZpY2UnO1xuaW1wb3J0IHsgU2ltcG9FbGVtZW50c01vZHVsZSB9IGZyb20gJ0BzaW1wby11aS9lbGVtZW50cyc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29udGVudEZpdERpcmVjdGl2ZSB9IGZyb20gJ0BzaW1wby11aS9kaXJlY3RpdmUvY29udGVudC1maXQtZGlyZWN0aXZlJztcbmltcG9ydCB7IFN0eWxlRGlyZWN0aXZlc01vZHVsZSB9IGZyb20gJ0BzaW1wby11aS9kaXJlY3RpdmUnO1xuaW1wb3J0IHsgU2ltcG9Db21wb25lbnRNb2R1bGUgfSBmcm9tICdAc2ltcG8tdWkvY29tcG9uZW50cyc7XG5pbXBvcnQgeyBCdXR0b25Nb2RlbCB9IGZyb20gJ0BzaW1wby11aS9zdHlsZXMvc3R5bGUubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzaW1wby10ZWFtLW1lbWJlci1zZWN0aW9uJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIFNpbXBvRWxlbWVudHNNb2R1bGUsXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIENvbnRlbnRGaXREaXJlY3RpdmUsXG4gICAgU3R5bGVEaXJlY3RpdmVzTW9kdWxlLFxuICAgIFNpbXBvQ29tcG9uZW50TW9kdWxlXG4gIF0sXG4gIHRlbXBsYXRlVXJsOiAnLi90ZWFtLW1lbWJlci1zZWN0aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL3RlYW0tbWVtYmVyLXNlY3Rpb24uY29tcG9uZW50LmNzcydcbn0pXG5leHBvcnQgY2xhc3MgVGVhbU1lbWJlclNlY3Rpb25Db21wb25lbnQge1xuICBASW5wdXQoKSBkYXRhPzpUZWFtTWVtYmVyU2VjdGlvbk1vZGFsO1xuICBASW5wdXQoKSBpbmRleD8gOiBudW1iZXI7XG4gIFRleHRQb3NpdGlvbiA9IFRleHRQb3NpdGlvbjtcbiAgY29udGVudD86IFRlYW1NZW1iZXJDb250ZW50TW9kYWw7XG4gIHN0eWxlPzogVGVhbU1lbWJlclN0eWxlc01vZGVsO1xuICBidXR0b24/OiBCdXR0b25Nb2RlbFxuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgZXZlbnRTZXJ2aWNlOiBFdmVudHNTZXJ2aWNlKSB7fVxuXG4gIG5nT25Jbml0KCl7XG4gICAgdGhpcy5jb250ZW50ID0gdGhpcy5kYXRhPy5jb250ZW50O1xuICAgIHRoaXMuc3R5bGUgPSB0aGlzLmRhdGE/LnN0eWxlcztcbiAgICB0aGlzLmJ1dHRvbiA9IHRoaXMuZGF0YT8uYWN0aW9uLmJ1dHRvbnNbMF1cbiAgfVxuXG4gIHNob3dFZGl0b3JzIDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIHNob3dFZGl0VGFicyhpc1Nob3c6Ym9vbGVhbil7XG4gICAgdGhpcy5zaG93RWRpdG9ycyA9IGlzU2hvdztcbiAgfVxuXG59XG4iLCI8c2VjdGlvbiBbaWRdPVwiZGF0YT8uaWRcIiBbc2ltcG9CYWNrZ3JvdW5kXT1cInN0eWxlPy5iYWNrZ3JvdW5kXCIgc2ltcG9Ib3ZlciAoaG92ZXJpbmcpPVwic2hvd0VkaXRUYWJzKCRldmVudClcIiBjbGFzcz1cInRvdGFsLWNvbnRhaW5lclwiPlxuICA8ZGl2ICNtYWluQ29udGFpbmVyIFtpZF09XCJkYXRhPy5pZFwiIFtzaW1wb092ZXJsYXldPVwic3R5bGU/LmJhY2tncm91bmRcIj5cbiAgICA8ZGl2IGNsYXNzPVwiY29udGFpbmVyLWZsdWlkXCIgW2lkXT1cImRhdGE/LmlkXCIgW3NpbXBvQm9yZGVyXT1cInN0eWxlPy5ib3JkZXJcIiBbc2ltcG9MYXlvdXRdPVwic3R5bGU/LmxheW91dFwiPlxuICAgICAgPGRpdiBjbGFzcz1cInJvd1wiIFtpZF09XCJkYXRhPy5pZFwiIFtzaW1wb0FuaW1hdGlvbl09XCJzdHlsZT8uYW5pbWF0aW9uXCI+XG4gICAgICAgIDxkaXYgKm5nRm9yPVwibGV0IHRleHQgb2YgZGF0YT8uY29udGVudD8uaW5wdXRUZXh0XCI+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImhlYWRpbmctbGFyZ2UgbWItMVwiIFtpbm5lckhUTUxdPVwidGV4dC52YWx1ZVwiPjwvZGl2PlxuICAgICAgICA8L2Rpdj5cblxuICAgICAgICA8ZGl2IGNsYXNzPVwiY2FyZHNcIiBbc2ltcG9Db2x1bW5EaXJlY3RpdmVdPVwiZGF0YT8uc3R5bGVzPy5zaXplXCIgW2lkXT1cImRhdGE/LmlkXCJcbiAgICAgICAgICAqbmdGb3I9XCJsZXQgc2VydmljZSBvZiBjb250ZW50Py5saXN0SXRlbT8uZGF0YVwiPlxuICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJzdHlsZT8udGV4dFBvc2l0aW9uID09PSBUZXh0UG9zaXRpb24uQkVMT1dfSU1BR0VcIj5cbiAgICAgICAgICAgIDxzaW1wby1iZWxvdy1pbWFnZS1jYXJkIFtkYXRhXT1cInNlcnZpY2VcIiBbc3R5bGVzXT1cInN0eWxlXCIgW2NvbnRlbnRdPVwiY29udGVudFwiIFtidXR0b25dPVwiYnV0dG9uXCJcbiAgICAgICAgICAgICAgW2NvbXBvbmVudElkXT1cImRhdGE/LmlkXCI+PC9zaW1wby1iZWxvdy1pbWFnZS1jYXJkPlxuICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJzdHlsZT8udGV4dFBvc2l0aW9uID09PSBUZXh0UG9zaXRpb24uVE9QX09GX0lNQUdFXCI+XG4gICAgICAgICAgICA8c2ltcG8tdG9wLW9mLWltYWdlLWNhcmQgW2RhdGFdPVwic2VydmljZVwiIFtzdHlsZXNdPVwic3R5bGVcIiBbY29udGVudF09XCJjb250ZW50XCIgW2J1dHRvbl09XCJidXR0b25cIlxuICAgICAgICAgICAgICBbY29tcG9uZW50SWRdPVwiZGF0YT8uaWRcIj48L3NpbXBvLXRvcC1vZi1pbWFnZS1jYXJkPlxuICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJzdHlsZT8udGV4dFBvc2l0aW9uID09PSBUZXh0UG9zaXRpb24uQ09WRVJJTkdfSU1BR0VcIj5cbiAgICAgICAgICAgIDxzaW1wby1jb3ZlcmluZy1pbWFnZS1jYXJkIFtkYXRhXT1cInNlcnZpY2VcIiBbc3R5bGVzXT1cInN0eWxlXCIgW2NvbnRlbnRdPVwiY29udGVudFwiIFtidXR0b25dPVwiYnV0dG9uXCJcbiAgICAgICAgICAgICAgW2NvbXBvbmVudElkXT1cImRhdGE/LmlkXCI+PC9zaW1wby1jb3ZlcmluZy1pbWFnZS1jYXJkPlxuICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiaG92ZXJfZWZmZWN0XCIgKm5nSWY9XCJzaG93RWRpdG9yc1wiPlxuICAgIDxzaW1wby1ob3Zlci1lbGVtZW50cyBbZGF0YV09XCJkYXRhXCI+PC9zaW1wby1ob3Zlci1lbGVtZW50cz5cbiAgPC9kaXY+XG48L3NlY3Rpb24+XG4iXX0=

package/esm2022/lib/sections/testimonial-section/testimonial-section.component.mjs

@@ -28,7 +28,7 @@ export class TestimonialSectionComponent {
         this.showEditors = isShow;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: TestimonialSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: TestimonialSectionComponent, isStandalone: true, selector: "simpo-testimonial-section", inputs: { data: "data" }, viewQueries: [{ propertyName: "_mainContainer", first: true, predicate: ["mainContainer"], descendants: true }], ngImport: i0, template: "<section [id]=\"data?.id\" [simpoBackground]=\"style?.background\" simpoHover\n  (hovering)=\"showEditTabs($event)\" class=\"total-container\">\n  <div #mainContainer [id]=\"data?.id\" [simpoOverlay]=\"style?.background\">\n    <div class=\"container-fluid\" [id]=\"data?.id\" [simpoBorder]=\"style?.border\" [simpoLayout]=\"style?.layout\">\n      <div class=\"row\" [id]=\"data?.id\" [simpoAnimation]=\"style?.animation\">\n        <div *ngFor=\"let text of data?.content?.inputText\">\n          <div class=\"heading-large mb-1\" [innerHTML]=\"text.value\"></div>\n        </div>\n\n        <div id=\"testimonialCarousel\" class=\"carousel slide mb-1\">\n          <ol class=\"carousel-indicators\">\n            <li *ngFor=\"let img of content?.listItem?.data; let i = index\" [class.active]=\"i === 0\"\n              data-bs-target=\"#testimonialCarousel\" [attr.data-bs-slide-to]=\"i\"></li>\n          </ol>\n          <div class=\"carousel-inner\">\n            <div class=\"carousel-item\" *ngFor=\"let testimonial of content?.listItem?.data; let i = index\"\n              [class.active]=\"i === 0\">\n              <div style=\"width: 90%; margin: auto;\">\n                <div class=\"carousel-caption d-flex flex-column h-100 bottom-0\" style=\"width: 90%;\" [simpoContainerLayout]=\"style?.layout\">\n                  <img [src]=\"testimonial.image.url\" class=\"mb-1\">\n                  <p class=\"heading-medium\">{{ testimonial.inputText[0].value }}</p>\n                  <span href=\"#\" class=\"py-2 px-4 mb-1\">- {{ testimonial.inputText[1].value }}</span>\n                </div>\n              </div>\n            </div>\n          </div>\n          <a class=\"carousel-control-prev\" data-bs-target=\"#testimonialCarousel\" role=\"button\" data-bs-slide=\"prev\">\n            <span class=\"carousel-control-prev-icon previous-icon\" aria-hidden=\"true\"></span>\n            <span class=\"sr-only\">Previous</span>\n          </a>\n          <a class=\"carousel-control-next\" data-bs-target=\"#testimonialCarousel\" role=\"button\" data-bs-slide=\"next\">\n            <span class=\"carousel-control-next-icon previous-icon\" aria-hidden=\"true\"></span>\n            <span class=\"sr-only\">Next</span>\n          </a>\n        </div>\n\n\n      </div>\n    </div>\n  </div>\n\n  <div class=\"hover_effect\" *ngIf=\"showEditors\">\n    <simpo-hover-elements [data]=\"data\"></simpo-hover-elements>\n  </div>\n</section>\n", styles: [".total-container{height:auto;position:relative}.carousel-caption{padding:0!important;left:0%!important;right:0%!important;text-align:unset!important;position:relative!important}.carousel-caption img{width:100px;height:100px;border-radius:50%}.heading-large{margin-left:1%;margin-right:1%}.mb-1{margin-bottom:1.5rem!important}.carousel-indicators{bottom:-30px!important}.carousel-control-prev,.carousel-control-next{width:5%!important}.previous-icon{position:absolute;width:45px;height:45px}.hover_effect{position:absolute;width:100%;top:0;left:0;height:100%}@media screen and (min-width: 760px){.cards{padding-bottom:24px}}\n"], dependencies: [{ kind: "ngmodule", type: SimpoElementsModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: StyleDirectivesModule }, { kind: "directive", type: i2.AnimationDirective, selector: "[simpoAnimation]", inputs: ["simpoAnimation"] }, { kind: "directive", type: i3.BorderDirective, selector: "[simpoBorder]", inputs: ["simpoBorder"] }, { kind: "directive", type: i4.OverlayDirective, selector: "[simpoOverlay]", inputs: ["simpoOverlay"] }, { kind: "directive", type: i5.BackgroundDirective, selector: "[simpoBackground]", inputs: ["simpoBackground"] }, { kind: "directive", type: i6.ContentFitDirective, selector: "[simpoLayout]", inputs: ["simpoLayout"] }, { kind: "directive", type: i7.ContainerFitDirective, selector: "[simpoContainerLayout]", inputs: ["simpoContainerLayout"] }, { kind: "directive", type: i8.HoverDirective, selector: "[simpoHover]", outputs: ["hovering"] }, { kind: "ngmodule", type: SimpoComponentModule }, { kind: "component", type: i9.HoverElementsComponent, selector: "simpo-hover-elements", inputs: ["data"], outputs: ["edit"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: TestimonialSectionComponent, isStandalone: true, selector: "simpo-testimonial-section", inputs: { data: "data", index: "index" }, viewQueries: [{ propertyName: "_mainContainer", first: true, predicate: ["mainContainer"], descendants: true }], ngImport: i0, template: "<section [id]=\"data?.id\" [simpoBackground]=\"style?.background\" simpoHover\n  (hovering)=\"showEditTabs($event)\" class=\"total-container\">\n  <div #mainContainer [id]=\"data?.id\" [simpoOverlay]=\"style?.background\">\n    <div class=\"container-fluid\" [id]=\"data?.id\" [simpoBorder]=\"style?.border\" [simpoLayout]=\"style?.layout\">\n      <div class=\"row\" [id]=\"data?.id\" [simpoAnimation]=\"style?.animation\">\n        <div *ngFor=\"let text of data?.content?.inputText\">\n          <div class=\"heading-large mb-1\" [innerHTML]=\"text.value\"></div>\n        </div>\n\n        <div id=\"testimonialCarousel\" class=\"carousel slide mb-1\">\n          <ol class=\"carousel-indicators\">\n            <li *ngFor=\"let img of content?.listItem?.data; let i = index\" [class.active]=\"i === 0\"\n              data-bs-target=\"#testimonialCarousel\" [attr.data-bs-slide-to]=\"i\"></li>\n          </ol>\n          <div class=\"carousel-inner\">\n            <div class=\"carousel-item\" *ngFor=\"let testimonial of content?.listItem?.data; let i = index\"\n              [class.active]=\"i === 0\">\n              <div style=\"width: 90%; margin: auto;\">\n                <div class=\"carousel-caption d-flex flex-column h-100 bottom-0\" style=\"width: 90%;\" [simpoContainerLayout]=\"style?.layout\">\n                  <img [src]=\"testimonial.image.url\" class=\"mb-1\">\n                  <p class=\"heading-medium\">{{ testimonial.inputText[0].value }}</p>\n                  <span href=\"#\" class=\"py-2 px-4 mb-1\">- {{ testimonial.inputText[1].value }}</span>\n                </div>\n              </div>\n            </div>\n          </div>\n          <a class=\"carousel-control-prev\" data-bs-target=\"#testimonialCarousel\" role=\"button\" data-bs-slide=\"prev\">\n            <span class=\"carousel-control-prev-icon previous-icon\" aria-hidden=\"true\"></span>\n            <span class=\"sr-only\">Previous</span>\n          </a>\n          <a class=\"carousel-control-next\" data-bs-target=\"#testimonialCarousel\" role=\"button\" data-bs-slide=\"next\">\n            <span class=\"carousel-control-next-icon previous-icon\" aria-hidden=\"true\"></span>\n            <span class=\"sr-only\">Next</span>\n          </a>\n        </div>\n\n\n      </div>\n    </div>\n  </div>\n\n  <div class=\"hover_effect\" *ngIf=\"showEditors\">\n    <simpo-hover-elements [data]=\"data\"></simpo-hover-elements>\n  </div>\n</section>\n", styles: [".total-container{height:auto;position:relative}.carousel-caption{padding:0!important;left:0%!important;right:0%!important;text-align:unset!important;position:relative!important}.carousel-caption img{width:100px;height:100px;border-radius:50%}.heading-large{margin-left:1%;margin-right:1%}.mb-1{margin-bottom:1.5rem!important}.carousel-indicators{bottom:-30px!important}.carousel-control-prev,.carousel-control-next{width:5%!important}.previous-icon{position:absolute;width:45px;height:45px}.hover_effect{position:absolute;width:100%;top:0;left:0;height:100%}@media screen and (min-width: 760px){.cards{padding-bottom:24px}}\n"], dependencies: [{ kind: "ngmodule", type: SimpoElementsModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: StyleDirectivesModule }, { kind: "directive", type: i2.AnimationDirective, selector: "[simpoAnimation]", inputs: ["simpoAnimation"] }, { kind: "directive", type: i3.BorderDirective, selector: "[simpoBorder]", inputs: ["simpoBorder"] }, { kind: "directive", type: i4.OverlayDirective, selector: "[simpoOverlay]", inputs: ["simpoOverlay"] }, { kind: "directive", type: i5.BackgroundDirective, selector: "[simpoBackground]", inputs: ["simpoBackground"] }, { kind: "directive", type: i6.ContentFitDirective, selector: "[simpoLayout]", inputs: ["simpoLayout"] }, { kind: "directive", type: i7.ContainerFitDirective, selector: "[simpoContainerLayout]", inputs: ["simpoContainerLayout"] }, { kind: "directive", type: i8.HoverDirective, selector: "[simpoHover]", outputs: ["hovering"] }, { kind: "ngmodule", type: SimpoComponentModule }, { kind: "component", type: i9.HoverElementsComponent, selector: "simpo-hover-elements", inputs: ["data", "index"], outputs: ["edit"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: TestimonialSectionComponent, decorators: [{
             type: Component,
@@ -42,8 +42,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
                     ], template: "<section [id]=\"data?.id\" [simpoBackground]=\"style?.background\" simpoHover\n  (hovering)=\"showEditTabs($event)\" class=\"total-container\">\n  <div #mainContainer [id]=\"data?.id\" [simpoOverlay]=\"style?.background\">\n    <div class=\"container-fluid\" [id]=\"data?.id\" [simpoBorder]=\"style?.border\" [simpoLayout]=\"style?.layout\">\n      <div class=\"row\" [id]=\"data?.id\" [simpoAnimation]=\"style?.animation\">\n        <div *ngFor=\"let text of data?.content?.inputText\">\n          <div class=\"heading-large mb-1\" [innerHTML]=\"text.value\"></div>\n        </div>\n\n        <div id=\"testimonialCarousel\" class=\"carousel slide mb-1\">\n          <ol class=\"carousel-indicators\">\n            <li *ngFor=\"let img of content?.listItem?.data; let i = index\" [class.active]=\"i === 0\"\n              data-bs-target=\"#testimonialCarousel\" [attr.data-bs-slide-to]=\"i\"></li>\n          </ol>\n          <div class=\"carousel-inner\">\n            <div class=\"carousel-item\" *ngFor=\"let testimonial of content?.listItem?.data; let i = index\"\n              [class.active]=\"i === 0\">\n              <div style=\"width: 90%; margin: auto;\">\n                <div class=\"carousel-caption d-flex flex-column h-100 bottom-0\" style=\"width: 90%;\" [simpoContainerLayout]=\"style?.layout\">\n                  <img [src]=\"testimonial.image.url\" class=\"mb-1\">\n                  <p class=\"heading-medium\">{{ testimonial.inputText[0].value }}</p>\n                  <span href=\"#\" class=\"py-2 px-4 mb-1\">- {{ testimonial.inputText[1].value }}</span>\n                </div>\n              </div>\n            </div>\n          </div>\n          <a class=\"carousel-control-prev\" data-bs-target=\"#testimonialCarousel\" role=\"button\" data-bs-slide=\"prev\">\n            <span class=\"carousel-control-prev-icon previous-icon\" aria-hidden=\"true\"></span>\n            <span class=\"sr-only\">Previous</span>\n          </a>\n          <a class=\"carousel-control-next\" data-bs-target=\"#testimonialCarousel\" role=\"button\" data-bs-slide=\"next\">\n            <span class=\"carousel-control-next-icon previous-icon\" aria-hidden=\"true\"></span>\n            <span class=\"sr-only\">Next</span>\n          </a>\n        </div>\n\n\n      </div>\n    </div>\n  </div>\n\n  <div class=\"hover_effect\" *ngIf=\"showEditors\">\n    <simpo-hover-elements [data]=\"data\"></simpo-hover-elements>\n  </div>\n</section>\n", styles: [".total-container{height:auto;position:relative}.carousel-caption{padding:0!important;left:0%!important;right:0%!important;text-align:unset!important;position:relative!important}.carousel-caption img{width:100px;height:100px;border-radius:50%}.heading-large{margin-left:1%;margin-right:1%}.mb-1{margin-bottom:1.5rem!important}.carousel-indicators{bottom:-30px!important}.carousel-control-prev,.carousel-control-next{width:5%!important}.previous-icon{position:absolute;width:45px;height:45px}.hover_effect{position:absolute;width:100%;top:0;left:0;height:100%}@media screen and (min-width: 760px){.cards{padding-bottom:24px}}\n"] }]
         }], propDecorators: { data: [{
                 type: Input
+            }], index: [{
+                type: Input
             }], _mainContainer: [{
                 type: ViewChild,
                 args: ['mainContainer']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVzdGltb25pYWwtc2VjdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL3NlY3Rpb25zL3Rlc3RpbW9uaWFsLXNlY3Rpb24vdGVzdGltb25pYWwtc2VjdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL3NlY3Rpb25zL3Rlc3RpbW9uaWFsLXNlY3Rpb24vdGVzdGltb25pYWwtc2VjdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFjLEtBQUssRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFNeEUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQzVELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLGdEQUFnRCxDQUFDO0FBQzFGLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3pELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQzVELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDJDQUEyQyxDQUFDOzs7Ozs7Ozs7OztBQWdCaEYsTUFBTSxPQUFPLDJCQUEyQjtJQWR4QztRQWdCOEIsbUJBQWMsR0FBc0IsSUFBSSxDQUFDO1FBU3JFLGdCQUFXLEdBQVksS0FBSyxDQUFDO0tBSzlCO0lBVkMsUUFBUTtRQUNOLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLElBQUksRUFBRSxPQUFPLENBQUM7UUFDbEMsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsSUFBSSxFQUFFLE1BQU0sQ0FBQztJQUNqQyxDQUFDO0lBSUQsWUFBWSxDQUFDLE1BQWU7UUFDMUIsSUFBSSxDQUFDLFdBQVcsR0FBRyxNQUFNLENBQUM7SUFDNUIsQ0FBQzs4R0FmVSwyQkFBMkI7a0dBQTNCLDJCQUEyQixnT0MzQnhDLHU1RUE2Q0EsMHFCRDVCSSxtQkFBbUIsOEJBQ25CLFlBQVksK1BBRVoscUJBQXFCLGl4QkFFckIsb0JBQW9COzsyRkFLWCwyQkFBMkI7a0JBZHZDLFNBQVM7K0JBQ0UsMkJBQTJCLGNBQ3pCLElBQUksV0FDUDt3QkFDUCxtQkFBbUI7d0JBQ25CLFlBQVk7d0JBQ1osd0JBQXdCO3dCQUN4QixxQkFBcUI7d0JBQ3JCLG1CQUFtQjt3QkFDbkIsb0JBQW9CO3FCQUNyQjs4QkFLUSxJQUFJO3NCQUFaLEtBQUs7Z0JBQ3NCLGNBQWM7c0JBQXpDLFNBQVM7dUJBQUMsZUFBZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgSW5wdXQsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgdGVzdGltb25pYWxDb250ZW50TW9kZWwsXG4gIHRlc3RpbW9uaWFsU2VjdGlvbk1vZGVsLFxuICB0ZXN0aW1vbmlhbFN0eWxlc01vZGVsLFxufSBmcm9tICcuL3Rlc3RpbW9uaWFsLXNlY3Rpb24ubW9kZWwnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFN0eWxlRGlyZWN0aXZlc01vZHVsZSB9IGZyb20gJ0BzaW1wby11aS9kaXJlY3RpdmUnO1xuaW1wb3J0IHsgQ29sdW1uRGlyZWN0aXZlRGlyZWN0aXZlIH0gZnJvbSAnQHNpbXBvLXVpL2RpcmVjdGl2ZS9jb2x1bW4tZGlyZWN0aXZlLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBTaW1wb0VsZW1lbnRzTW9kdWxlIH0gZnJvbSAnQHNpbXBvLXVpL2VsZW1lbnRzJztcbmltcG9ydCB7IFNpbXBvQ29tcG9uZW50TW9kdWxlIH0gZnJvbSAnQHNpbXBvLXVpL2NvbXBvbmVudHMnO1xuaW1wb3J0IHsgQ29udGVudEZpdERpcmVjdGl2ZSB9IGZyb20gJ0BzaW1wby11aS9kaXJlY3RpdmUvY29udGVudC1maXQtZGlyZWN0aXZlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2ltcG8tdGVzdGltb25pYWwtc2VjdGlvbicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBTaW1wb0VsZW1lbnRzTW9kdWxlLFxuICAgIENvbW1vbk1vZHVsZSxcbiAgICBDb2x1bW5EaXJlY3RpdmVEaXJlY3RpdmUsXG4gICAgU3R5bGVEaXJlY3RpdmVzTW9kdWxlLFxuICAgIENvbnRlbnRGaXREaXJlY3RpdmUsXG4gICAgU2ltcG9Db21wb25lbnRNb2R1bGUsXG4gIF0sXG4gIHRlbXBsYXRlVXJsOiAnLi90ZXN0aW1vbmlhbC1zZWN0aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL3Rlc3RpbW9uaWFsLXNlY3Rpb24uY29tcG9uZW50LmNzcycsXG59KVxuZXhwb3J0IGNsYXNzIFRlc3RpbW9uaWFsU2VjdGlvbkNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGRhdGE/OiB0ZXN0aW1vbmlhbFNlY3Rpb25Nb2RlbDtcbiAgQFZpZXdDaGlsZCgnbWFpbkNvbnRhaW5lcicpIF9tYWluQ29udGFpbmVyOiBFbGVtZW50UmVmIHwgbnVsbCA9IG51bGw7XG4gIGNvbnRlbnQ/OiB0ZXN0aW1vbmlhbENvbnRlbnRNb2RlbDtcbiAgc3R5bGU/OiB0ZXN0aW1vbmlhbFN0eWxlc01vZGVsO1xuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuY29udGVudCA9IHRoaXMuZGF0YT8uY29udGVudDtcbiAgICB0aGlzLnN0eWxlID0gdGhpcy5kYXRhPy5zdHlsZXM7XG4gIH1cblxuICBzaG93RWRpdG9yczogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIHNob3dFZGl0VGFicyhpc1Nob3c6IGJvb2xlYW4pIHtcbiAgICB0aGlzLnNob3dFZGl0b3JzID0gaXNTaG93O1xuICB9XG59XG4iLCI8c2VjdGlvbiBbaWRdPVwiZGF0YT8uaWRcIiBbc2ltcG9CYWNrZ3JvdW5kXT1cInN0eWxlPy5iYWNrZ3JvdW5kXCIgc2ltcG9Ib3ZlclxuICAoaG92ZXJpbmcpPVwic2hvd0VkaXRUYWJzKCRldmVudClcIiBjbGFzcz1cInRvdGFsLWNvbnRhaW5lclwiPlxuICA8ZGl2ICNtYWluQ29udGFpbmVyIFtpZF09XCJkYXRhPy5pZFwiIFtzaW1wb092ZXJsYXldPVwic3R5bGU/LmJhY2tncm91bmRcIj5cbiAgICA8ZGl2IGNsYXNzPVwiY29udGFpbmVyLWZsdWlkXCIgW2lkXT1cImRhdGE/LmlkXCIgW3NpbXBvQm9yZGVyXT1cInN0eWxlPy5ib3JkZXJcIiBbc2ltcG9MYXlvdXRdPVwic3R5bGU/LmxheW91dFwiPlxuICAgICAgPGRpdiBjbGFzcz1cInJvd1wiIFtpZF09XCJkYXRhPy5pZFwiIFtzaW1wb0FuaW1hdGlvbl09XCJzdHlsZT8uYW5pbWF0aW9uXCI+XG4gICAgICAgIDxkaXYgKm5nRm9yPVwibGV0IHRleHQgb2YgZGF0YT8uY29udGVudD8uaW5wdXRUZXh0XCI+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImhlYWRpbmctbGFyZ2UgbWItMVwiIFtpbm5lckhUTUxdPVwidGV4dC52YWx1ZVwiPjwvZGl2PlxuICAgICAgICA8L2Rpdj5cblxuICAgICAgICA8ZGl2IGlkPVwidGVzdGltb25pYWxDYXJvdXNlbFwiIGNsYXNzPVwiY2Fyb3VzZWwgc2xpZGUgbWItMVwiPlxuICAgICAgICAgIDxvbCBjbGFzcz1cImNhcm91c2VsLWluZGljYXRvcnNcIj5cbiAgICAgICAgICAgIDxsaSAqbmdGb3I9XCJsZXQgaW1nIG9mIGNvbnRlbnQ/Lmxpc3RJdGVtPy5kYXRhOyBsZXQgaSA9IGluZGV4XCIgW2NsYXNzLmFjdGl2ZV09XCJpID09PSAwXCJcbiAgICAgICAgICAgICAgZGF0YS1icy10YXJnZXQ9XCIjdGVzdGltb25pYWxDYXJvdXNlbFwiIFthdHRyLmRhdGEtYnMtc2xpZGUtdG9dPVwiaVwiPjwvbGk+XG4gICAgICAgICAgPC9vbD5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiY2Fyb3VzZWwtaW5uZXJcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjYXJvdXNlbC1pdGVtXCIgKm5nRm9yPVwibGV0IHRlc3RpbW9uaWFsIG9mIGNvbnRlbnQ/Lmxpc3RJdGVtPy5kYXRhOyBsZXQgaSA9IGluZGV4XCJcbiAgICAgICAgICAgICAgW2NsYXNzLmFjdGl2ZV09XCJpID09PSAwXCI+XG4gICAgICAgICAgICAgIDxkaXYgc3R5bGU9XCJ3aWR0aDogOTAlOyBtYXJnaW46IGF1dG87XCI+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNhcm91c2VsLWNhcHRpb24gZC1mbGV4IGZsZXgtY29sdW1uIGgtMTAwIGJvdHRvbS0wXCIgc3R5bGU9XCJ3aWR0aDogOTAlO1wiIFtzaW1wb0NvbnRhaW5lckxheW91dF09XCJzdHlsZT8ubGF5b3V0XCI+XG4gICAgICAgICAgICAgICAgICA8aW1nIFtzcmNdPVwidGVzdGltb25pYWwuaW1hZ2UudXJsXCIgY2xhc3M9XCJtYi0xXCI+XG4gICAgICAgICAgICAgICAgICA8cCBjbGFzcz1cImhlYWRpbmctbWVkaXVtXCI+e3sgdGVzdGltb25pYWwuaW5wdXRUZXh0WzBdLnZhbHVlIH19PC9wPlxuICAgICAgICAgICAgICAgICAgPHNwYW4gaHJlZj1cIiNcIiBjbGFzcz1cInB5LTIgcHgtNCBtYi0xXCI+LSB7eyB0ZXN0aW1vbmlhbC5pbnB1dFRleHRbMV0udmFsdWUgfX08L3NwYW4+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPGEgY2xhc3M9XCJjYXJvdXNlbC1jb250cm9sLXByZXZcIiBkYXRhLWJzLXRhcmdldD1cIiN0ZXN0aW1vbmlhbENhcm91c2VsXCIgcm9sZT1cImJ1dHRvblwiIGRhdGEtYnMtc2xpZGU9XCJwcmV2XCI+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cImNhcm91c2VsLWNvbnRyb2wtcHJldi1pY29uIHByZXZpb3VzLWljb25cIiBhcmlhLWhpZGRlbj1cInRydWVcIj48L3NwYW4+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInNyLW9ubHlcIj5QcmV2aW91czwvc3Bhbj5cbiAgICAgICAgICA8L2E+XG4gICAgICAgICAgPGEgY2xhc3M9XCJjYXJvdXNlbC1jb250cm9sLW5leHRcIiBkYXRhLWJzLXRhcmdldD1cIiN0ZXN0aW1vbmlhbENhcm91c2VsXCIgcm9sZT1cImJ1dHRvblwiIGRhdGEtYnMtc2xpZGU9XCJuZXh0XCI+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cImNhcm91c2VsLWNvbnRyb2wtbmV4dC1pY29uIHByZXZpb3VzLWljb25cIiBhcmlhLWhpZGRlbj1cInRydWVcIj48L3NwYW4+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInNyLW9ubHlcIj5OZXh0PC9zcGFuPlxuICAgICAgICAgIDwvYT5cbiAgICAgICAgPC9kaXY+XG5cblxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuXG4gIDxkaXYgY2xhc3M9XCJob3Zlcl9lZmZlY3RcIiAqbmdJZj1cInNob3dFZGl0b3JzXCI+XG4gICAgPHNpbXBvLWhvdmVyLWVsZW1lbnRzIFtkYXRhXT1cImRhdGFcIj48L3NpbXBvLWhvdmVyLWVsZW1lbnRzPlxuICA8L2Rpdj5cbjwvc2VjdGlvbj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVzdGltb25pYWwtc2VjdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL3NlY3Rpb25zL3Rlc3RpbW9uaWFsLXNlY3Rpb24vdGVzdGltb25pYWwtc2VjdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL3NlY3Rpb25zL3Rlc3RpbW9uaWFsLXNlY3Rpb24vdGVzdGltb25pYWwtc2VjdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFjLEtBQUssRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFNeEUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQzVELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLGdEQUFnRCxDQUFDO0FBQzFGLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3pELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQzVELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDJDQUEyQyxDQUFDOzs7Ozs7Ozs7OztBQWdCaEYsTUFBTSxPQUFPLDJCQUEyQjtJQWR4QztRQWlCOEIsbUJBQWMsR0FBc0IsSUFBSSxDQUFDO1FBU3JFLGdCQUFXLEdBQVksS0FBSyxDQUFDO0tBSzlCO0lBVkMsUUFBUTtRQUNOLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLElBQUksRUFBRSxPQUFPLENBQUM7UUFDbEMsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsSUFBSSxFQUFFLE1BQU0sQ0FBQztJQUNqQyxDQUFDO0lBSUQsWUFBWSxDQUFDLE1BQWU7UUFDMUIsSUFBSSxDQUFDLFdBQVcsR0FBRyxNQUFNLENBQUM7SUFDNUIsQ0FBQzs4R0FoQlUsMkJBQTJCO2tHQUEzQiwyQkFBMkIsZ1BDM0J4Qyx1NUVBNkNBLDBxQkQ1QkksbUJBQW1CLDhCQUNuQixZQUFZLCtQQUVaLHFCQUFxQixpeEJBRXJCLG9CQUFvQjs7MkZBS1gsMkJBQTJCO2tCQWR2QyxTQUFTOytCQUNFLDJCQUEyQixjQUN6QixJQUFJLFdBQ1A7d0JBQ1AsbUJBQW1CO3dCQUNuQixZQUFZO3dCQUNaLHdCQUF3Qjt3QkFDeEIscUJBQXFCO3dCQUNyQixtQkFBbUI7d0JBQ25CLG9CQUFvQjtxQkFDckI7OEJBS1EsSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDc0IsY0FBYztzQkFBekMsU0FBUzt1QkFBQyxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbnB1dCwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICB0ZXN0aW1vbmlhbENvbnRlbnRNb2RlbCxcbiAgdGVzdGltb25pYWxTZWN0aW9uTW9kZWwsXG4gIHRlc3RpbW9uaWFsU3R5bGVzTW9kZWwsXG59IGZyb20gJy4vdGVzdGltb25pYWwtc2VjdGlvbi5tb2RlbCc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgU3R5bGVEaXJlY3RpdmVzTW9kdWxlIH0gZnJvbSAnQHNpbXBvLXVpL2RpcmVjdGl2ZSc7XG5pbXBvcnQgeyBDb2x1bW5EaXJlY3RpdmVEaXJlY3RpdmUgfSBmcm9tICdAc2ltcG8tdWkvZGlyZWN0aXZlL2NvbHVtbi1kaXJlY3RpdmUuZGlyZWN0aXZlJztcbmltcG9ydCB7IFNpbXBvRWxlbWVudHNNb2R1bGUgfSBmcm9tICdAc2ltcG8tdWkvZWxlbWVudHMnO1xuaW1wb3J0IHsgU2ltcG9Db21wb25lbnRNb2R1bGUgfSBmcm9tICdAc2ltcG8tdWkvY29tcG9uZW50cyc7XG5pbXBvcnQgeyBDb250ZW50Rml0RGlyZWN0aXZlIH0gZnJvbSAnQHNpbXBvLXVpL2RpcmVjdGl2ZS9jb250ZW50LWZpdC1kaXJlY3RpdmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzaW1wby10ZXN0aW1vbmlhbC1zZWN0aW9uJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIFNpbXBvRWxlbWVudHNNb2R1bGUsXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIENvbHVtbkRpcmVjdGl2ZURpcmVjdGl2ZSxcbiAgICBTdHlsZURpcmVjdGl2ZXNNb2R1bGUsXG4gICAgQ29udGVudEZpdERpcmVjdGl2ZSxcbiAgICBTaW1wb0NvbXBvbmVudE1vZHVsZSxcbiAgXSxcbiAgdGVtcGxhdGVVcmw6ICcuL3Rlc3RpbW9uaWFsLXNlY3Rpb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vdGVzdGltb25pYWwtc2VjdGlvbi5jb21wb25lbnQuY3NzJyxcbn0pXG5leHBvcnQgY2xhc3MgVGVzdGltb25pYWxTZWN0aW9uQ29tcG9uZW50IHtcbiAgQElucHV0KCkgZGF0YT86IHRlc3RpbW9uaWFsU2VjdGlvbk1vZGVsO1xuICBASW5wdXQoKSBpbmRleD8gOiBudW1iZXI7XG4gIEBWaWV3Q2hpbGQoJ21haW5Db250YWluZXInKSBfbWFpbkNvbnRhaW5lcjogRWxlbWVudFJlZiB8IG51bGwgPSBudWxsO1xuICBjb250ZW50PzogdGVzdGltb25pYWxDb250ZW50TW9kZWw7XG4gIHN0eWxlPzogdGVzdGltb25pYWxTdHlsZXNNb2RlbDtcblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmNvbnRlbnQgPSB0aGlzLmRhdGE/LmNvbnRlbnQ7XG4gICAgdGhpcy5zdHlsZSA9IHRoaXMuZGF0YT8uc3R5bGVzO1xuICB9XG5cbiAgc2hvd0VkaXRvcnM6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBzaG93RWRpdFRhYnMoaXNTaG93OiBib29sZWFuKSB7XG4gICAgdGhpcy5zaG93RWRpdG9ycyA9IGlzU2hvdztcbiAgfVxufVxuIiwiPHNlY3Rpb24gW2lkXT1cImRhdGE/LmlkXCIgW3NpbXBvQmFja2dyb3VuZF09XCJzdHlsZT8uYmFja2dyb3VuZFwiIHNpbXBvSG92ZXJcbiAgKGhvdmVyaW5nKT1cInNob3dFZGl0VGFicygkZXZlbnQpXCIgY2xhc3M9XCJ0b3RhbC1jb250YWluZXJcIj5cbiAgPGRpdiAjbWFpbkNvbnRhaW5lciBbaWRdPVwiZGF0YT8uaWRcIiBbc2ltcG9PdmVybGF5XT1cInN0eWxlPy5iYWNrZ3JvdW5kXCI+XG4gICAgPGRpdiBjbGFzcz1cImNvbnRhaW5lci1mbHVpZFwiIFtpZF09XCJkYXRhPy5pZFwiIFtzaW1wb0JvcmRlcl09XCJzdHlsZT8uYm9yZGVyXCIgW3NpbXBvTGF5b3V0XT1cInN0eWxlPy5sYXlvdXRcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJyb3dcIiBbaWRdPVwiZGF0YT8uaWRcIiBbc2ltcG9BbmltYXRpb25dPVwic3R5bGU/LmFuaW1hdGlvblwiPlxuICAgICAgICA8ZGl2ICpuZ0Zvcj1cImxldCB0ZXh0IG9mIGRhdGE/LmNvbnRlbnQ/LmlucHV0VGV4dFwiPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJoZWFkaW5nLWxhcmdlIG1iLTFcIiBbaW5uZXJIVE1MXT1cInRleHQudmFsdWVcIj48L2Rpdj5cbiAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgPGRpdiBpZD1cInRlc3RpbW9uaWFsQ2Fyb3VzZWxcIiBjbGFzcz1cImNhcm91c2VsIHNsaWRlIG1iLTFcIj5cbiAgICAgICAgICA8b2wgY2xhc3M9XCJjYXJvdXNlbC1pbmRpY2F0b3JzXCI+XG4gICAgICAgICAgICA8bGkgKm5nRm9yPVwibGV0IGltZyBvZiBjb250ZW50Py5saXN0SXRlbT8uZGF0YTsgbGV0IGkgPSBpbmRleFwiIFtjbGFzcy5hY3RpdmVdPVwiaSA9PT0gMFwiXG4gICAgICAgICAgICAgIGRhdGEtYnMtdGFyZ2V0PVwiI3Rlc3RpbW9uaWFsQ2Fyb3VzZWxcIiBbYXR0ci5kYXRhLWJzLXNsaWRlLXRvXT1cImlcIj48L2xpPlxuICAgICAgICAgIDwvb2w+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImNhcm91c2VsLWlubmVyXCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY2Fyb3VzZWwtaXRlbVwiICpuZ0Zvcj1cImxldCB0ZXN0aW1vbmlhbCBvZiBjb250ZW50Py5saXN0SXRlbT8uZGF0YTsgbGV0IGkgPSBpbmRleFwiXG4gICAgICAgICAgICAgIFtjbGFzcy5hY3RpdmVdPVwiaSA9PT0gMFwiPlxuICAgICAgICAgICAgICA8ZGl2IHN0eWxlPVwid2lkdGg6IDkwJTsgbWFyZ2luOiBhdXRvO1wiPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjYXJvdXNlbC1jYXB0aW9uIGQtZmxleCBmbGV4LWNvbHVtbiBoLTEwMCBib3R0b20tMFwiIHN0eWxlPVwid2lkdGg6IDkwJTtcIiBbc2ltcG9Db250YWluZXJMYXlvdXRdPVwic3R5bGU/LmxheW91dFwiPlxuICAgICAgICAgICAgICAgICAgPGltZyBbc3JjXT1cInRlc3RpbW9uaWFsLmltYWdlLnVybFwiIGNsYXNzPVwibWItMVwiPlxuICAgICAgICAgICAgICAgICAgPHAgY2xhc3M9XCJoZWFkaW5nLW1lZGl1bVwiPnt7IHRlc3RpbW9uaWFsLmlucHV0VGV4dFswXS52YWx1ZSB9fTwvcD5cbiAgICAgICAgICAgICAgICAgIDxzcGFuIGhyZWY9XCIjXCIgY2xhc3M9XCJweS0yIHB4LTQgbWItMVwiPi0ge3sgdGVzdGltb25pYWwuaW5wdXRUZXh0WzFdLnZhbHVlIH19PC9zcGFuPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDxhIGNsYXNzPVwiY2Fyb3VzZWwtY29udHJvbC1wcmV2XCIgZGF0YS1icy10YXJnZXQ9XCIjdGVzdGltb25pYWxDYXJvdXNlbFwiIHJvbGU9XCJidXR0b25cIiBkYXRhLWJzLXNsaWRlPVwicHJldlwiPlxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJjYXJvdXNlbC1jb250cm9sLXByZXYtaWNvbiBwcmV2aW91cy1pY29uXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+PC9zcGFuPlxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJzci1vbmx5XCI+UHJldmlvdXM8L3NwYW4+XG4gICAgICAgICAgPC9hPlxuICAgICAgICAgIDxhIGNsYXNzPVwiY2Fyb3VzZWwtY29udHJvbC1uZXh0XCIgZGF0YS1icy10YXJnZXQ9XCIjdGVzdGltb25pYWxDYXJvdXNlbFwiIHJvbGU9XCJidXR0b25cIiBkYXRhLWJzLXNsaWRlPVwibmV4dFwiPlxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJjYXJvdXNlbC1jb250cm9sLW5leHQtaWNvbiBwcmV2aW91cy1pY29uXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+PC9zcGFuPlxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJzci1vbmx5XCI+TmV4dDwvc3Bhbj5cbiAgICAgICAgICA8L2E+XG4gICAgICAgIDwvZGl2PlxuXG5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cblxuICA8ZGl2IGNsYXNzPVwiaG92ZXJfZWZmZWN0XCIgKm5nSWY9XCJzaG93RWRpdG9yc1wiPlxuICAgIDxzaW1wby1ob3Zlci1lbGVtZW50cyBbZGF0YV09XCJkYXRhXCI+PC9zaW1wby1ob3Zlci1lbGVtZW50cz5cbiAgPC9kaXY+XG48L3NlY3Rpb24+XG4iXX0=