simpo-component-library 1.8.994 → 1.8.996
Sign up to get free protection for your applications and to get access to all the features.
- package/esm2022/lib/elements/heading-element/heading-element.component.mjs +4 -3
- package/esm2022/lib/sections/banner-section/banner-section.component.mjs +7 -5
- package/esm2022/lib/sections/faq-section/faq-section.component.mjs +20 -6
- package/esm2022/lib/sections/features-section/features-section.component.mjs +3 -3
- package/esm2022/lib/styles/style.model.mjs +1 -1
- package/fesm2022/simpo-component-library.mjs +94 -81
- package/fesm2022/simpo-component-library.mjs.map +1 -1
- package/lib/directive/background-directive.d.ts +1 -1
- package/lib/directive/button-directive.directive.d.ts +1 -1
- package/lib/directive/color.directive.d.ts +1 -1
- package/lib/sections/banner-carousel/banner-carousel.component.d.ts +2 -2
- package/lib/sections/carousel-banner/carousel-banner.component.d.ts +1 -1
- package/lib/sections/faq-section/faq-section.component.d.ts +2 -0
- package/lib/sections/image-section/image-section.component.d.ts +2 -2
- package/lib/sections/logo-showcase/logo-showcase.component.d.ts +1 -1
- package/lib/sections/pricing-section/pricing-section.component.d.ts +1 -1
- package/lib/styles/style.model.d.ts +1 -0
- package/package.json +1 -1
- package/simpo-component-library-1.8.996.tgz +0 -0
- package/simpo-component-library-1.8.994.tgz +0 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGUubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL3N0eWxlcy9zdHlsZS5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiXHJcbmltcG9ydCB7IEFsaWduQ29udGVudCwgQ29ybmVycywgSW1hZ2VGaXQsIEltYWdlUmF0aW8sIE92ZXJsYXlWYWx1ZSwgUmVkaXJlY3Rpb25MaW5rVHlwZSwgU1BBQ0lORywgVEVYVF9TSVpFLCBUZXh0UG9zaXRpb24gfSBmcm9tICcuJztcclxuaW1wb3J0IHtcclxuICBBTElHTixcclxuICBBTklNQVRJT05fRElSRUNUSU9OLFxyXG4gIEFOSU1BVElPTl9TUEVFRCxcclxuICBCVVRUT05fU0hBUEUsXHJcbiAgQlVUVE9OX1RZUEUsXHJcbiAgQ0FSRF9TSVpFLFxyXG4gIEZJVCxcclxuICBMQVlPVVRQT1NJVElPTixcclxuICBMSU5LX1RZUEUsXHJcbiAgU1BBQ0lOR19UWVBFLFxyXG4gIENPTlRFTlRQT1NJVElPTixcclxuICBCT1JERVJfRElSRUNUSU9OXHJcbn0gZnJvbSAnLi90eXBlcyc7XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIFNwYWNpbmdNb2RlbCB7XHJcbiAgdG9wOiBTUEFDSU5HX1RZUEU7XHJcbiAgYm90dG9tOiBTUEFDSU5HX1RZUEU7XHJcbn1cclxuZXhwb3J0IGludGVyZmFjZSBQb3NpdGlvbk1vZGVsIHtcclxuICB4OiBudW1iZXI7XHJcbiAgeTogbnVtYmVyO1xyXG59XHJcbmV4cG9ydCBpbnRlcmZhY2UgQm9yZGVyTW9kZWwge1xyXG4gIGRpc3BsYXk6IGJvb2xlYW47XHJcbiAgY29sb3I6IHN0cmluZztcclxuICB0eXBlOiBzdHJpbmc7XHJcbiAgdGhpY2tuZXNzOiBzdHJpbmc7XHJcbiAgZGlyZWN0aW9uPzogQk9SREVSX0RJUkVDVElPTltdO1xyXG4gIHJhZGl1cz86IG51bWJlcjtcclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBEZXZpZGVyTW9kZWwge1xyXG4gIGRpc3BsYXk6IGJvb2xlYW47XHJcbn1cclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgTGF5T3V0TW9kZWwge1xyXG4gIGFsaWduOiBBTElHTjtcclxuICBmaXQ6IEZJVDtcclxuICBoZWFkaW5nU3BhY2luZz86IFNQQUNJTkc7XHJcbiAgc3BhY2luZzogU3BhY2luZ01vZGVsO1xyXG4gIHNwYWNpbmdIb3Jpem9udGFsPzogU1BBQ0lOR19UWVBFXHJcbn1cclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgQmFubmVyTGF5T3V0TW9kZWx7XHJcbiAgbGF5b3V0QWxpZ25tZW50IDogUG9zaXRpb25MYXlvdXRNb2RhbDtcclxuICBjb250ZW50QWxpZ25tZW50OmNvbnRlbnRBbGlnbm1lbnRNb2RhbDtcclxuICBmaXQgOiBGSVQ7XHJcbiAgc3BhY2luZyA6IFNwYWNpbmdNb2RlbDtcclxuICBiYW5uZXJJbWFnZURpc3BsYXkgOiBib29sZWFuO1xyXG59XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIGNvbnRlbnRBbGlnbm1lbnRNb2RhbHtcclxuICBsYWJlbDpzdHJpbmcsXHJcbiAgdmFsdWU6Q09OVEVOVFBPU0lUSU9OLFxyXG4gIHR5cGVzOltdXHJcbn1cclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgUG9zaXRpb25MYXlvdXRNb2RhbHtcclxuICBsYWJlbDpzdHJpbmcsXHJcbiAgdmFsdWU6TEFZT1VUUE9TSVRJT04sXHJcbiAgdHlwZXM6W1wibGVmdFwiLFwicmlnaHRcIixcInRvcFwiLFwiYm90dG9tXCJdXHJcbn1cclxuZXhwb3J0IGludGVyZmFjZSBCYWNrZ3JvdW5kTW9kZWwge1xyXG4gIGNvbG9yOiBzdHJpbmc7XHJcbiAgYWNjZW50Q29sb3I6IHN0cmluZ1xyXG4gIGltYWdlOiBzdHJpbmc7XHJcbiAgYWx0TmFtZTogc3RyaW5nO1xyXG4gIG9wYWNpdHk6IG51bWJlcjtcclxuICBzaG93SW1hZ2U6IGJvb2xlYW47XHJcbiAgcG9zaXRpb246IFBvc2l0aW9uTW9kZWw7XHJcbiAgYmx1cj86IGtleW9mIHR5cGVvZiBPdmVybGF5VmFsdWU7XHJcbiAgb3ZlcmxheT86IE92ZXJsYXlWYWx1ZVxyXG59XHJcbmV4cG9ydCBpbnRlcmZhY2UgQW5pbWF0aW9uTW9kZWwge1xyXG4gIHR5cGU6IEFOSU1BVElPTl9ESVJFQ1RJT047XHJcbiAgc3BlZWQ6IEFOSU1BVElPTl9TUEVFRDtcclxufVxyXG5leHBvcnQgaW50ZXJmYWNlIFN0eWxlc01vZGVsIHtcclxuICBsYXlvdXQ6IExheU91dE1vZGVsO1xyXG4gIGJhY2tncm91bmQ6IEJhY2tncm91bmRNb2RlbDtcclxuICBhbmltYXRpb246IEFuaW1hdGlvbk1vZGVsO1xyXG4gIGJvcmRlcjogQm9yZGVyTW9kZWw7XHJcbiAgZGV2aWRlcjogRGV2aWRlck1vZGVsO1xyXG4gIGRpdmlkZXJJbWFnZT86IERpdmlkZXJJbWFnZTtcclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBEaXZpZGVySW1hZ2Uge1xyXG4gIHVybDogc3RyaW5nO1xyXG4gIHNob3dEaXZpZGVyOiBib29sZWFuO1xyXG59XHJcbmV4cG9ydCBpbnRlcmZhY2UgRGlzcGxheVNlY3Rpb24ge1xyXG4gIHNob3dIZWFkaW5nIDogYm9vbGVhbjtcclxuICBzaG93Q29udGVudCA6IGJvb2xlYW47XHJcbiAgc2hvd0ltYWdlIDogYm9vbGVhbjtcclxuICBzaG93TGluayA6IGJvb2xlYW47XHJcbiAgbGlua1R5cGU6IExJTktfVFlQRTtcclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBCdXR0b257XHJcbiAgbGlua1R5cGUgOiBSZWRpcmVjdGlvbkxpbmtUeXBlO1xyXG4gIGxhYmVsOiBzdHJpbmc7XHJcbiAgcmVkaXJlY3Rpb25Vcmw6IHN0cmluZztcclxuICBwYWdlSWQ6IHN0cmluZztcclxuICBuZXdUYWI6IGJvb2xlYW47XHJcbn1cclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgTmF2YmFyQnV0dG9ue1xyXG4gIGxhYmVsOiBzdHJpbmc7XHJcbiAgcmVkaXJlY3Rpb25Vcmw6IHN0cmluZztcclxuICBzdGF0dXM6Ym9vbGVhbjtcclxuICBwYWdlSWQ6IHN0cmluZztcclxuICBzaG93SGVhZGVyOiBib29sZWFuO1xyXG4gIGZvbGRlcjogRm9sZGVyO1xyXG59XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIEZvbGRlciB7XHJcbiAgZm9sZGVySWQ6IHN0cmluZztcclxuICBwYWdlczogUGFnZVtdO1xyXG59XHJcbmV4cG9ydCBpbnRlcmZhY2UgUGFnZSB7XHJcbiAgbGFiZWw6IHN0cmluZztcclxuICBwYWdlSWQ6IGFueTtcclxuICByZWRpcmVjdGlvblVybCA6IHN0cmluZztcclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBMaXN0SXRlbU1vZGFsPFQ+IHtcclxuICBsYWJlbDogc3RyaW5nO1xyXG4gIGRhdGE6IFRbXTtcclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBDYXJkU3R5bGVzIHtcclxuICBpbWFnZTogSW1hZ2VTdHlsZTtcclxuICBjb3JuZXJzOiBDb3JuZXJzO1xyXG4gIHNpemU6IENBUkRfU0laRTtcclxuICB0ZXh0UG9zaXRpb246IFRleHRQb3NpdGlvblxyXG4gIHRleHRCYWNrZ3JvdW5kOiBUZXh0QmFja2dyb3VuZDtcclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBUZXh0QmFja2dyb3VuZCB7XHJcbiAgY29sb3I6IHN0cmluZztcclxuICBhbW91bnQ6IG51bWJlcjtcclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBJbWFnZVN0eWxlIHtcclxuICBmaXQ6IEltYWdlRml0O1xyXG4gIHJhdGlvOiBJbWFnZVJhdGlvO1xyXG59XHJcbmV4cG9ydCBpbnRlcmZhY2UgQmFubmVyU3R5bGVzTW9kZWwge1xyXG4gIGxheW91dDogTGF5T3V0TW9kZWw7XHJcbiAgcG9zaXRpb25MYXlvdXQ6IFBvc2l0aW9uTGF5b3V0TW9kYWw7XHJcbiAgY29udGVudEFsaWdubWVudDogQWxpZ25Db250ZW50O1xyXG4gIGJvcmRlckxlc3NJbWFnZTogYm9vbGVhbjtcclxuICBiYWNrZ3JvdW5kOiBCYWNrZ3JvdW5kTW9kZWw7XHJcbiAgYW5pbWF0aW9uOiBBbmltYXRpb25Nb2RlbDtcclxuICBib3JkZXI6IEJvcmRlck1vZGVsO1xyXG4gIGRldmlkZXI6IERldmlkZXJNb2RlbDtcclxuICBpbWFnZTpJbWFnZVN0eWxlO1xyXG4gIGNvcm5lcnM6IENvcm5lcnM7XHJcbiAgbWVyZ2U/
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGUubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL3N0eWxlcy9zdHlsZS5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiXHJcbmltcG9ydCB7IEFsaWduQ29udGVudCwgQ29ybmVycywgSW1hZ2VGaXQsIEltYWdlUmF0aW8sIE92ZXJsYXlWYWx1ZSwgUmVkaXJlY3Rpb25MaW5rVHlwZSwgU1BBQ0lORywgVEVYVF9TSVpFLCBUZXh0UG9zaXRpb24gfSBmcm9tICcuJztcclxuaW1wb3J0IHtcclxuICBBTElHTixcclxuICBBTklNQVRJT05fRElSRUNUSU9OLFxyXG4gIEFOSU1BVElPTl9TUEVFRCxcclxuICBCVVRUT05fU0hBUEUsXHJcbiAgQlVUVE9OX1RZUEUsXHJcbiAgQ0FSRF9TSVpFLFxyXG4gIEZJVCxcclxuICBMQVlPVVRQT1NJVElPTixcclxuICBMSU5LX1RZUEUsXHJcbiAgU1BBQ0lOR19UWVBFLFxyXG4gIENPTlRFTlRQT1NJVElPTixcclxuICBCT1JERVJfRElSRUNUSU9OXHJcbn0gZnJvbSAnLi90eXBlcyc7XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIFNwYWNpbmdNb2RlbCB7XHJcbiAgdG9wOiBTUEFDSU5HX1RZUEU7XHJcbiAgYm90dG9tOiBTUEFDSU5HX1RZUEU7XHJcbn1cclxuZXhwb3J0IGludGVyZmFjZSBQb3NpdGlvbk1vZGVsIHtcclxuICB4OiBudW1iZXI7XHJcbiAgeTogbnVtYmVyO1xyXG59XHJcbmV4cG9ydCBpbnRlcmZhY2UgQm9yZGVyTW9kZWwge1xyXG4gIGRpc3BsYXk6IGJvb2xlYW47XHJcbiAgY29sb3I6IHN0cmluZztcclxuICB0eXBlOiBzdHJpbmc7XHJcbiAgdGhpY2tuZXNzOiBzdHJpbmc7XHJcbiAgZGlyZWN0aW9uPzogQk9SREVSX0RJUkVDVElPTltdO1xyXG4gIHJhZGl1cz86IG51bWJlcjtcclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBEZXZpZGVyTW9kZWwge1xyXG4gIGRpc3BsYXk6IGJvb2xlYW47XHJcbn1cclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgTGF5T3V0TW9kZWwge1xyXG4gIGFsaWduOiBBTElHTjtcclxuICBmaXQ6IEZJVDtcclxuICBoZWFkaW5nU3BhY2luZz86IFNQQUNJTkc7XHJcbiAgc3BhY2luZzogU3BhY2luZ01vZGVsO1xyXG4gIHNwYWNpbmdIb3Jpem9udGFsPzogU1BBQ0lOR19UWVBFXHJcbn1cclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgQmFubmVyTGF5T3V0TW9kZWx7XHJcbiAgbGF5b3V0QWxpZ25tZW50IDogUG9zaXRpb25MYXlvdXRNb2RhbDtcclxuICBjb250ZW50QWxpZ25tZW50OmNvbnRlbnRBbGlnbm1lbnRNb2RhbDtcclxuICBmaXQgOiBGSVQ7XHJcbiAgc3BhY2luZyA6IFNwYWNpbmdNb2RlbDtcclxuICBiYW5uZXJJbWFnZURpc3BsYXkgOiBib29sZWFuO1xyXG59XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIGNvbnRlbnRBbGlnbm1lbnRNb2RhbHtcclxuICBsYWJlbDpzdHJpbmcsXHJcbiAgdmFsdWU6Q09OVEVOVFBPU0lUSU9OLFxyXG4gIHR5cGVzOltdXHJcbn1cclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgUG9zaXRpb25MYXlvdXRNb2RhbHtcclxuICBsYWJlbDpzdHJpbmcsXHJcbiAgdmFsdWU6TEFZT1VUUE9TSVRJT04sXHJcbiAgdHlwZXM6W1wibGVmdFwiLFwicmlnaHRcIixcInRvcFwiLFwiYm90dG9tXCJdXHJcbn1cclxuZXhwb3J0IGludGVyZmFjZSBCYWNrZ3JvdW5kTW9kZWwge1xyXG4gIGNvbG9yOiBzdHJpbmc7XHJcbiAgYWNjZW50Q29sb3I6IHN0cmluZ1xyXG4gIGltYWdlOiBzdHJpbmc7XHJcbiAgYWx0TmFtZTogc3RyaW5nO1xyXG4gIG9wYWNpdHk6IG51bWJlcjtcclxuICBzaG93SW1hZ2U6IGJvb2xlYW47XHJcbiAgcG9zaXRpb246IFBvc2l0aW9uTW9kZWw7XHJcbiAgYmx1cj86IGtleW9mIHR5cGVvZiBPdmVybGF5VmFsdWU7XHJcbiAgb3ZlcmxheT86IE92ZXJsYXlWYWx1ZVxyXG59XHJcbmV4cG9ydCBpbnRlcmZhY2UgQW5pbWF0aW9uTW9kZWwge1xyXG4gIHR5cGU6IEFOSU1BVElPTl9ESVJFQ1RJT047XHJcbiAgc3BlZWQ6IEFOSU1BVElPTl9TUEVFRDtcclxufVxyXG5leHBvcnQgaW50ZXJmYWNlIFN0eWxlc01vZGVsIHtcclxuICBsYXlvdXQ6IExheU91dE1vZGVsO1xyXG4gIGJhY2tncm91bmQ6IEJhY2tncm91bmRNb2RlbDtcclxuICBhbmltYXRpb246IEFuaW1hdGlvbk1vZGVsO1xyXG4gIGJvcmRlcjogQm9yZGVyTW9kZWw7XHJcbiAgZGV2aWRlcjogRGV2aWRlck1vZGVsO1xyXG4gIGRpdmlkZXJJbWFnZT86IERpdmlkZXJJbWFnZTtcclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBEaXZpZGVySW1hZ2Uge1xyXG4gIHVybDogc3RyaW5nO1xyXG4gIHNob3dEaXZpZGVyOiBib29sZWFuO1xyXG59XHJcbmV4cG9ydCBpbnRlcmZhY2UgRGlzcGxheVNlY3Rpb24ge1xyXG4gIHNob3dIZWFkaW5nIDogYm9vbGVhbjtcclxuICBzaG93Q29udGVudCA6IGJvb2xlYW47XHJcbiAgc2hvd0ltYWdlIDogYm9vbGVhbjtcclxuICBzaG93TGluayA6IGJvb2xlYW47XHJcbiAgbGlua1R5cGU6IExJTktfVFlQRTtcclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBCdXR0b257XHJcbiAgbGlua1R5cGUgOiBSZWRpcmVjdGlvbkxpbmtUeXBlO1xyXG4gIGxhYmVsOiBzdHJpbmc7XHJcbiAgcmVkaXJlY3Rpb25Vcmw6IHN0cmluZztcclxuICBwYWdlSWQ6IHN0cmluZztcclxuICBuZXdUYWI6IGJvb2xlYW47XHJcbn1cclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgTmF2YmFyQnV0dG9ue1xyXG4gIGxhYmVsOiBzdHJpbmc7XHJcbiAgcmVkaXJlY3Rpb25Vcmw6IHN0cmluZztcclxuICBzdGF0dXM6Ym9vbGVhbjtcclxuICBwYWdlSWQ6IHN0cmluZztcclxuICBzaG93SGVhZGVyOiBib29sZWFuO1xyXG4gIGZvbGRlcjogRm9sZGVyO1xyXG59XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIEZvbGRlciB7XHJcbiAgZm9sZGVySWQ6IHN0cmluZztcclxuICBwYWdlczogUGFnZVtdO1xyXG59XHJcbmV4cG9ydCBpbnRlcmZhY2UgUGFnZSB7XHJcbiAgbGFiZWw6IHN0cmluZztcclxuICBwYWdlSWQ6IGFueTtcclxuICByZWRpcmVjdGlvblVybCA6IHN0cmluZztcclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBMaXN0SXRlbU1vZGFsPFQ+IHtcclxuICBsYWJlbDogc3RyaW5nO1xyXG4gIGRhdGE6IFRbXTtcclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBDYXJkU3R5bGVzIHtcclxuICBpbWFnZTogSW1hZ2VTdHlsZTtcclxuICBjb3JuZXJzOiBDb3JuZXJzO1xyXG4gIHNpemU6IENBUkRfU0laRTtcclxuICB0ZXh0UG9zaXRpb246IFRleHRQb3NpdGlvblxyXG4gIHRleHRCYWNrZ3JvdW5kOiBUZXh0QmFja2dyb3VuZDtcclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBUZXh0QmFja2dyb3VuZCB7XHJcbiAgY29sb3I6IHN0cmluZztcclxuICBhbW91bnQ6IG51bWJlcjtcclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBJbWFnZVN0eWxlIHtcclxuICBmaXQ6IEltYWdlRml0O1xyXG4gIHJhdGlvOiBJbWFnZVJhdGlvO1xyXG59XHJcbmV4cG9ydCBpbnRlcmZhY2UgQmFubmVyU3R5bGVzTW9kZWwge1xyXG4gIGxheW91dDogTGF5T3V0TW9kZWw7XHJcbiAgcG9zaXRpb25MYXlvdXQ6IFBvc2l0aW9uTGF5b3V0TW9kYWw7XHJcbiAgY29udGVudEFsaWdubWVudDogQWxpZ25Db250ZW50O1xyXG4gIGJvcmRlckxlc3NJbWFnZTogYm9vbGVhbjtcclxuICBiYWNrZ3JvdW5kOiBCYWNrZ3JvdW5kTW9kZWw7XHJcbiAgYW5pbWF0aW9uOiBBbmltYXRpb25Nb2RlbDtcclxuICBib3JkZXI6IEJvcmRlck1vZGVsO1xyXG4gIGRldmlkZXI6IERldmlkZXJNb2RlbDtcclxuICBpbWFnZTpJbWFnZVN0eWxlO1xyXG4gIGNvcm5lcnM6IENvcm5lcnM7XHJcbiAgbWVyZ2U/OiBib29sZWFuO1xyXG4gIHRleHRTaXplOiBUZXh0U2l6ZTtcclxuICBzaG93SW1hZ2U6Ym9vbGVhbjtcclxuICByZXZlcnRJbWFnZTogYm9vbGVhbjtcclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBJbnB1dFRleHRNb2RlbCB7XHJcbiAgbGFiZWw6IHN0cmluZztcclxuICB2YWx1ZTogc3RyaW5nO1xyXG4gIGlzUlRFOiBib29sZWFuO1xyXG59XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIEltYWdlIHtcclxuICBpZDogc3RyaW5nO1xyXG4gIHVybDogc3RyaW5nO1xyXG4gIGJsdXJoYXNoOiBzdHJpbmc7XHJcbiAgYWx0VGV4dDogc3RyaW5nO1xyXG4gIHBvc2l0aW9uIDogUG9zaXRpb25Nb2RlbDtcclxufVxyXG5leHBvcnQgaW50ZXJmYWNlIEljb24ge1xyXG4gIHVybDogc3RyaW5nO1xyXG4gIGNvbG9yOiBzdHJpbmc7XHJcbn1cclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgQnV0dG9uU3R5bGVNb2RlbCB7XHJcbiAgdHlwZTogQlVUVE9OX1RZUEU7XHJcbiAgc2hhcGU6IEJVVFRPTl9TSEFQRTtcclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBIZWFkZXJCdXR0b25TdHlsZU1vZGVse1xyXG4gIGNvbG9yOnN0cmluZyxcclxuICBib2xkQ29sb3I6IHN0cmluZyxcclxuICBiYWNrZ3JvdW5kQ29sb3I6c3RyaW5nLFxyXG4gIHN1YnRsZUNvbG9yOnN0cmluZ1xyXG59XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIEFjdGlvbk1vZGVsIHtcclxuICBkaXNwbGF5OiBib29sZWFuO1xyXG4gIGJ1dHRvbnM6IEJ1dHRvbk1vZGVsW107XHJcbn1cclxuZXhwb3J0IGludGVyZmFjZSBCdXR0b25Nb2RlbCB7XHJcbiAgaWQ6IHN0cmluZztcclxuICBjb250ZW50OiBCdXR0b247XHJcbiAgc3R5bGVzOiBCdXR0b25TdHlsZU1vZGVsO1xyXG59XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIEhlYWRlckJ1dHRvbk1vZGVse1xyXG4gIGlkIDogc3RyaW5nXHJcbiAgY29udGVudCA6IE5hdmJhckJ1dHRvbixcclxuICBzdHlsZXM6SGVhZGVyQnV0dG9uU3R5bGVNb2RlbFxyXG59XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIFRleHRTaXplIHtcclxuICBoZWFkaW5nOiBURVhUX1NJWkU7XHJcbiAgZGVzYzogVEVYVF9TSVpFO1xyXG59XHJcbiJdfQ==
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import * as i2 from '@angular/common';
|
|
2
2
|
import { CommonModule, isPlatformBrowser } from '@angular/common';
|
|
3
3
|
import * as i0 from '@angular/core';
|
|
4
|
-
import { Component, Input, EventEmitter, Injectable, Directive, HostListener, Output, NgModule, ViewChild,
|
|
4
|
+
import { Component, Input, EventEmitter, Injectable, Directive, Pipe, HostListener, Output, NgModule, ViewChild, Optional, Inject, PLATFORM_ID } from '@angular/core';
|
|
5
5
|
import { MatGridListModule } from '@angular/material/grid-list';
|
|
6
6
|
import * as i2$1 from '@angular/material/button';
|
|
7
7
|
import { MatButtonModule } from '@angular/material/button';
|
|
8
|
+
import * as i1 from '@angular/platform-browser';
|
|
8
9
|
import * as i10 from '@angular/material/icon';
|
|
9
10
|
import { MatIconModule, MatIcon } from '@angular/material/icon';
|
|
10
11
|
import * as i5 from '@angular/material/dialog';
|
|
@@ -13,7 +14,6 @@ import * as i8 from '@angular/forms';
|
|
|
13
14
|
import { FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';
|
|
14
15
|
import * as i13 from 'ngx-skeleton-loader';
|
|
15
16
|
import { NgxSkeletonLoaderModule } from 'ngx-skeleton-loader';
|
|
16
|
-
import * as i1 from '@angular/platform-browser';
|
|
17
17
|
import { MatMenuModule } from '@angular/material/menu';
|
|
18
18
|
import * as i8$1 from '@angular/material/bottom-sheet';
|
|
19
19
|
import { MatBottomSheetModule, MAT_BOTTOM_SHEET_DATA } from '@angular/material/bottom-sheet';
|
|
@@ -958,16 +958,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImpor
|
|
|
958
958
|
type: Input
|
|
959
959
|
}] } });
|
|
960
960
|
|
|
961
|
+
class SanitizeHtmlPipe {
|
|
962
|
+
constructor(_sanitizer) {
|
|
963
|
+
this._sanitizer = _sanitizer;
|
|
964
|
+
}
|
|
965
|
+
transform(v) {
|
|
966
|
+
if (!v) {
|
|
967
|
+
return ''; // Return an empty string if value is null, undefined, or empty
|
|
968
|
+
}
|
|
969
|
+
return this._sanitizer.bypassSecurityTrustHtml(v);
|
|
970
|
+
}
|
|
971
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: SanitizeHtmlPipe, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
972
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.1.4", ngImport: i0, type: SanitizeHtmlPipe, isStandalone: true, name: "sanitizeHtml" }); }
|
|
973
|
+
}
|
|
974
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: SanitizeHtmlPipe, decorators: [{
|
|
975
|
+
type: Pipe,
|
|
976
|
+
args: [{
|
|
977
|
+
name: 'sanitizeHtml',
|
|
978
|
+
standalone: true
|
|
979
|
+
}]
|
|
980
|
+
}], ctorParameters: () => [{ type: i1.DomSanitizer }] });
|
|
981
|
+
|
|
961
982
|
class HeadingElementComponent {
|
|
962
983
|
constructor() {
|
|
963
984
|
this.data = '';
|
|
964
985
|
}
|
|
965
986
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: HeadingElementComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
966
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.4", type: HeadingElementComponent, isStandalone: true, selector: "simpo-heading-element", inputs: { data: "data" }, ngImport: i0, template: "<h2 class=\"heading-large\" [innerHtml]=\"data\"></h2>\r\n", styles: [""] }); }
|
|
987
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.4", type: HeadingElementComponent, isStandalone: true, selector: "simpo-heading-element", inputs: { data: "data" }, ngImport: i0, template: "<h2 class=\"heading-large\" [innerHtml]=\"(data || '') | sanitizeHtml\"></h2>\r\n", styles: [""], dependencies: [{ kind: "pipe", type: SanitizeHtmlPipe, name: "sanitizeHtml" }] }); }
|
|
967
988
|
}
|
|
968
989
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: HeadingElementComponent, decorators: [{
|
|
969
990
|
type: Component,
|
|
970
|
-
args: [{ selector: 'simpo-heading-element', standalone: true, imports: [], template: "<h2 class=\"heading-large\" [innerHtml]=\"data\"></h2>\r\n" }]
|
|
991
|
+
args: [{ selector: 'simpo-heading-element', standalone: true, imports: [SanitizeHtmlPipe], template: "<h2 class=\"heading-large\" [innerHtml]=\"(data || '') | sanitizeHtml\"></h2>\r\n" }]
|
|
971
992
|
}], propDecorators: { data: [{
|
|
972
993
|
type: Input
|
|
973
994
|
}] } });
|
|
@@ -2234,26 +2255,59 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImpor
|
|
|
2234
2255
|
args: ['mouseleave']
|
|
2235
2256
|
}] } });
|
|
2236
2257
|
|
|
2237
|
-
class
|
|
2238
|
-
constructor(
|
|
2239
|
-
this.
|
|
2258
|
+
class SpacingHorizontalDirective {
|
|
2259
|
+
constructor(el, eventService) {
|
|
2260
|
+
this.el = el;
|
|
2261
|
+
this.eventService = eventService;
|
|
2262
|
+
this.positionLayoutChangeCheck();
|
|
2240
2263
|
}
|
|
2241
|
-
|
|
2242
|
-
|
|
2243
|
-
|
|
2264
|
+
ngOnChanges() {
|
|
2265
|
+
this.changeHorizontalSpacing();
|
|
2266
|
+
}
|
|
2267
|
+
ngOnDestroy() {
|
|
2268
|
+
if (this.positionLayoutSubscription) {
|
|
2269
|
+
this.positionLayoutSubscription.unsubscribe();
|
|
2244
2270
|
}
|
|
2245
|
-
return this._sanitizer.bypassSecurityTrustHtml(v);
|
|
2246
2271
|
}
|
|
2247
|
-
|
|
2248
|
-
|
|
2272
|
+
changeHorizontalSpacing() {
|
|
2273
|
+
if (window.innerWidth <= 475) {
|
|
2274
|
+
this.el.nativeElement.style.setProperty("padding-left", '1rem');
|
|
2275
|
+
this.el.nativeElement.style.setProperty("padding-right", '1rem');
|
|
2276
|
+
this.el.nativeElement.style.setProperty("padding-top", '0.8rem');
|
|
2277
|
+
this.el.nativeElement.style.setProperty("padding-bottom", '0.8rem');
|
|
2278
|
+
}
|
|
2279
|
+
else if (window.innerWidth > 475 && window.innerWidth <= 1024) {
|
|
2280
|
+
this.el.nativeElement.style.setProperty("padding-left", SPACINGALIGN.small);
|
|
2281
|
+
this.el.nativeElement.style.setProperty("padding-right", SPACINGALIGN.small);
|
|
2282
|
+
this.el.nativeElement.style.setProperty("padding-top", '0.8rem');
|
|
2283
|
+
this.el.nativeElement.style.setProperty("padding-bottom", '0.8rem');
|
|
2284
|
+
}
|
|
2285
|
+
else {
|
|
2286
|
+
this.el.nativeElement.style.setProperty("padding-left", SPACINGALIGN[this.layout?.spacingHorizontal]);
|
|
2287
|
+
this.el.nativeElement.style.setProperty("padding-right", SPACINGALIGN[this.layout?.spacingHorizontal]);
|
|
2288
|
+
}
|
|
2289
|
+
}
|
|
2290
|
+
positionLayoutChangeCheck() {
|
|
2291
|
+
this.positionLayoutSubscription = this.eventService.postionLayoutChangeChecks.subscribe((res) => {
|
|
2292
|
+
if (this.el.nativeElement.id === res.id) {
|
|
2293
|
+
this.layout = res.data;
|
|
2294
|
+
this.changeHorizontalSpacing();
|
|
2295
|
+
}
|
|
2296
|
+
});
|
|
2297
|
+
}
|
|
2298
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: SpacingHorizontalDirective, deps: [{ token: i0.ElementRef }, { token: EventsService }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2299
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.4", type: SpacingHorizontalDirective, isStandalone: true, selector: "[spacingHorizontal]", inputs: { layout: ["spacingHorizontal", "layout"] }, usesOnChanges: true, ngImport: i0 }); }
|
|
2249
2300
|
}
|
|
2250
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type:
|
|
2251
|
-
type:
|
|
2301
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: SpacingHorizontalDirective, decorators: [{
|
|
2302
|
+
type: Directive,
|
|
2252
2303
|
args: [{
|
|
2253
|
-
|
|
2304
|
+
selector: '[spacingHorizontal]',
|
|
2254
2305
|
standalone: true
|
|
2255
2306
|
}]
|
|
2256
|
-
}], ctorParameters: () => [{ type:
|
|
2307
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: EventsService }], propDecorators: { layout: [{
|
|
2308
|
+
type: Input,
|
|
2309
|
+
args: ['spacingHorizontal']
|
|
2310
|
+
}] } });
|
|
2257
2311
|
|
|
2258
2312
|
class BannerSectionComponent extends BaseSection {
|
|
2259
2313
|
constructor(_eventService) {
|
|
@@ -2294,9 +2348,9 @@ class BannerSectionComponent extends BaseSection {
|
|
|
2294
2348
|
event.stopPropagation();
|
|
2295
2349
|
}
|
|
2296
2350
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: BannerSectionComponent, deps: [{ token: EventsService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2297
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.4", type: BannerSectionComponent, isStandalone: true, selector: "simpo-banner-section", inputs: { data: "data", index: "index", edit: "edit", delete: "delete", customClass: "customClass" }, usesInheritance: true, ngImport: i0, template: "<div [id]=\"data?.id\"\r\n [ngClass]=\"{'mergeNavbar': canMergeNavbar && index == 1, 'justify-content-between d-flex': isBorderlessImage}\"\r\n [simpoBackground]=\"styles?.background\" class=\"total-container\" style=\"overflow-x: hidden;\" simpoHover (hovering)=\"showEditTabs($event)\" [attr.style]=\"customClass\">\r\n <ng-container *ngTemplateOutlet=\"ImageSection\"></ng-container>\r\n <div class=\"
|
|
2351
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.4", type: BannerSectionComponent, isStandalone: true, selector: "simpo-banner-section", inputs: { data: "data", index: "index", edit: "edit", delete: "delete", customClass: "customClass" }, usesInheritance: true, ngImport: i0, template: "<div [id]=\"data?.id\"\r\n [ngClass]=\"{'mergeNavbar': canMergeNavbar && index == 1, 'justify-content-between d-flex': isBorderlessImage}\"\r\n [simpoBackground]=\"styles?.background\" class=\"total-container\" style=\"overflow-x: hidden;\" simpoHover (hovering)=\"showEditTabs($event)\" [attr.style]=\"customClass\">\r\n <ng-container *ngTemplateOutlet=\"ImageSection\"></ng-container>\r\n <div class=\"py-5\" [ngClass]=\"{'col-lg-6 col-xxl-6': isBorderlessImage, 'w-100 col-xxl-8': !isBorderlessImage}\" [id]=\"data?.id\" [spacingHorizontal]=\"stylesLayout\" [simpoOverlay]=\"styles?.background\" [simpoBorder]=\"styles?.border\">\r\n <div class=\"row g-5 justify-content-start\"[id]=\"data?.id\" [style.flexDirection]=\"styles?.revertImage ? 'column-reverse' : ''\"\r\n [simpoAnimation]=\"styles?.animation\" [simpoLayout]=\"styles?.layout\" [simpoPositionLayoutDirective]=\"styles?.positionLayout\"\r\n [ngClass]=\"{ 'align-items-stretch': styles?.positionLayout?.value === 'left' || styles?.positionLayout?.value === 'right', 'flex-lg-row': true }\"\r\n >\r\n <div class=\"col-10 col-sm-8 col-lg-6\" *ngIf=\"content?.image?.showImage && !isBorderlessImage\" [simpoContainerAlignment]=\"stylesLayout\">\r\n <img loading=\"lazy\"\r\n [src]=\"content?.image?.url\"\r\n [simpoImageDirective]=\"styles?.image\" [id]=\"data?.id\" [simpoObjectPosition]=\"content?.image?.position\"\r\n [simpoCorner]=\"styles?.corners\" [class]=\"data?.id+(content?.image?.id || '')\"\r\n class=\"d-block w-100 insideImg\" style=\"object-fit: cover;\" [alt]=\"content?.image?.altText\" width=\"700\" height=\"500\" loading=\"lazy\"/>\r\n </div>\r\n <div class=\"d-flex flex-column justify-content-start gap-15\"\r\n [ngClass]=\"{'col-lg-12': isBorderlessImage, 'col-lg-6': !isBorderlessImage}\"\r\n [simpoContainerAlignment]=\"stylesLayout\" [id]=\"data?.id\" [simpoContentAlignment]=\"styles?.contentAlignment\">\r\n <div *ngFor=\"let item of content?.inputText\">\r\n <div [innerHTML]=\"item.value | sanitizeHtml\" class=\"text-element\"\r\n [ngClass]=\"item.label === 'Heading' ? 'heading-large lh-2 mb-3' : 'body-large'\"></div>\r\n </div>\r\n <div *ngFor=\"let item of content?.listItem?.data\" class=\"carder\">\r\n <div class=\"card_wrapper\">\r\n <div class=\"container_card visible\">\r\n <div class=\"card-section\">\r\n <div class=\"second-part-card\">\r\n\r\n </div>\r\n <div class=\"first-part-card\"\r\n [ngClass]=\"item.inputText[0].label=== 'Heading' ? 'heading-large lh-2 mb-3' : 'body-large'\">\r\n <img loading=\"lazy\" class=\"tick-img\"\r\n src=\"https://prod-simpo.s3.ap-south-1.amazonaws.com/prod-images/933997c1718790303127907598c1696063061900green_verified_image.png\"\r\n alt=\"something\" />\r\n\r\n {{ item.inputText[0].value }}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"data?.action && data?.action?.display\" class=\"button-display\"\r\n [simpoContainerAlignment]=\"stylesLayout\">\r\n <div *ngFor=\"let button of data?.action?.buttons\">\r\n <app-button-element [buttonContent]=\"button.content\" [buttonStyle]=\"button.styles\" [buttonId]=\"button.id\"\r\n [sectionId]=\"data?.id\" [color]=\"data?.styles?.background?.accentColor\"></app-button-element>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <!-- <div style=\" width: 100%; height: 500px;\">\r\n <img loading=\"lazy\" src=\"../../assets/divider.svg\" style=\"clip-path: polygon(0 55%, 100% 0, 100% 100%, 0% 100%); background-color: red;\">\r\n </div> -->\r\n <div [ngClass]=\"{'hover_effect': edit}\" *ngIf=\"showEditors\">\r\n <simpo-hover-elements [data]=\"data\" [index]=\"index\" [editOptions]=\"edit\"\r\n [isMerged]=\"styles?.merge ?? false\"></simpo-hover-elements>\r\n </div>\r\n <div *ngIf=\"showDelete\" [ngClass]=\"{'hover_effect': delete}\">\r\n <simpo-delete-hover-element [data]=\"data\" [index]=\"index\"></simpo-delete-hover-element>\r\n </div>\r\n</div>\r\n<ng-template #ImageSection>\r\n <div class=\"col-10 col-sm-8 col-lg-6\" [ngStyle]=\"{'width': styles?.positionLayout?.value === 'right' ? 'fit-content' : ''}\" style=\"padding: 0px !important;\"*ngIf=\"content?.image?.showImage && isBorderlessImage;\" [simpoBorderless]=\"getPositionLayout\">\r\n <img loading=\"lazy\"\r\n [src]=\"content?.image?.url\"\r\n class=\"d-block img-fluid h-100 w-100\" [alt]=\"content?.image?.altText\" width=\"700\" height=\"500\" loading=\"lazy\"/>\r\n </div>\r\n</ng-template>\r\n", styles: [".btn-primary{border:none}.hover_effect{position:absolute;width:100%;top:0;left:0;height:100%}.total-container{position:relative;height:auto}.button-display{display:flex;gap:10px}.gap-15{gap:15px}@media only screen and (max-width: 475px){.col-10{width:100%;max-width:100%;flex-basis:100%;height:32vh;padding-right:13px;padding-left:13px}.total-container{flex-direction:column}.insideImg{height:100%!important}}.text-element{inline-size:100%;overflow-wrap:break-word}.mergeNavbar{margin-top:-75px;padding-top:75px}.container_card .card-section{align-items:center;gap:20px;padding-top:5px;padding-bottom:5px;width:100%;border-radius:10px;opacity:0;transform:translateY(150px);transition:2s all ease}.card_wrapper{display:flex;flex-direction:column;gap:20px}.visible{visibility:visible!important}.visible .card-section{opacity:1;transform:translateY(0)}.first-part-card{min-width:fit-content}.first-part-card .body-large{font-size:1.1rem;font-weight:700}.second-part-card{width:2px;height:2px;border-radius:50%;display:flex;justify-content:center;align-items:center}.third-part-card .heading-large{font-size:1.1rem;font-weight:700}.third-part-card .body-large{font-size:12px;font-weight:400;line-height:15px}.tick-img{width:25px;height:25px;border-radius:50%}.third-part-card{display:flex;flex-direction:column;gap:10px}.image-card{width:50%!important}\n"], dependencies: [{ kind: "ngmodule", type: SimpoElementsModule }, { kind: "component", type: SimpoButtonComponent, selector: "app-button-element", inputs: ["buttonContent", "buttonStyle", "buttonId", "color", "sectionId"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: SimpoComponentModule }, { kind: "component", type: HoverElementsComponent, selector: "simpo-hover-elements", inputs: ["data", "index", "editOptions", "isMerged", "isEcommerce"], outputs: ["edit"] }, { kind: "component", type: DeleteHoverElementComponent, selector: "simpo-delete-hover-element", inputs: ["index", "data"], outputs: ["edit"] }, { kind: "ngmodule", type: MatGridListModule }, { kind: "directive", type:
|
|
2298
2352
|
//directive
|
|
2299
|
-
SimpoBorderlessDirective, selector: "[simpoBorderless]", inputs: ["simpoBorderless"] }, { kind: "directive", type: SimpoContainerAligment, selector: "[simpoContainerAlignment]", inputs: ["simpoContainerAlignment"] }, { kind: "directive", type: AnimationDirective, selector: "[simpoAnimation]", inputs: ["simpoAnimation"] }, { kind: "directive", type: BackgroundDirective, selector: "[simpoBackground]", inputs: ["simpoBackground", "scrollValue"] }, { kind: "directive", type: BorderDirective, selector: "[simpoBorder]", inputs: ["simpoBorder"] }, { kind: "directive", type: simpoConetenAlignmentDirective, selector: "[simpoContentAlignment]", inputs: ["simpoContentAlignment"] }, { kind: "directive", type: ContentFitDirective, selector: "[simpoLayout]", inputs: ["simpoLayout"] }, { kind: "directive", type: CornerDirective, selector: "[simpoCorner]", inputs: ["simpoCorner"] }, { kind: "directive", type: HoverDirective, selector: "[simpoHover]", outputs: ["hovering"] }, { kind: "directive", type: ImageDirectiveDirective, selector: "[simpoImageDirective]", inputs: ["simpoImageDirective"] }, { kind: "directive", type: OverlayDirective, selector: "[simpoOverlay]", inputs: ["simpoOverlay"] }, { kind: "directive", type: PositionLayoutDirectiveDirective, selector: "[simpoPositionLayoutDirective]", inputs: ["simpoPositionLayoutDirective"] }, { kind: "directive", type: ObjectPositionDirective, selector: "[simpoObjectPosition]", inputs: ["simpoObjectPosition"] }, { kind: "pipe", type: SanitizeHtmlPipe, name: "sanitizeHtml" }] }); }
|
|
2353
|
+
SimpoBorderlessDirective, selector: "[simpoBorderless]", inputs: ["simpoBorderless"] }, { kind: "directive", type: SimpoContainerAligment, selector: "[simpoContainerAlignment]", inputs: ["simpoContainerAlignment"] }, { kind: "directive", type: AnimationDirective, selector: "[simpoAnimation]", inputs: ["simpoAnimation"] }, { kind: "directive", type: BackgroundDirective, selector: "[simpoBackground]", inputs: ["simpoBackground", "scrollValue"] }, { kind: "directive", type: BorderDirective, selector: "[simpoBorder]", inputs: ["simpoBorder"] }, { kind: "directive", type: simpoConetenAlignmentDirective, selector: "[simpoContentAlignment]", inputs: ["simpoContentAlignment"] }, { kind: "directive", type: ContentFitDirective, selector: "[simpoLayout]", inputs: ["simpoLayout"] }, { kind: "directive", type: CornerDirective, selector: "[simpoCorner]", inputs: ["simpoCorner"] }, { kind: "directive", type: HoverDirective, selector: "[simpoHover]", outputs: ["hovering"] }, { kind: "directive", type: ImageDirectiveDirective, selector: "[simpoImageDirective]", inputs: ["simpoImageDirective"] }, { kind: "directive", type: OverlayDirective, selector: "[simpoOverlay]", inputs: ["simpoOverlay"] }, { kind: "directive", type: PositionLayoutDirectiveDirective, selector: "[simpoPositionLayoutDirective]", inputs: ["simpoPositionLayoutDirective"] }, { kind: "directive", type: ObjectPositionDirective, selector: "[simpoObjectPosition]", inputs: ["simpoObjectPosition"] }, { kind: "pipe", type: SanitizeHtmlPipe, name: "sanitizeHtml" }, { kind: "directive", type: SpacingHorizontalDirective, selector: "[spacingHorizontal]", inputs: ["spacingHorizontal"] }] }); }
|
|
2300
2354
|
}
|
|
2301
2355
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: BannerSectionComponent, decorators: [{
|
|
2302
2356
|
type: Component,
|
|
@@ -2329,8 +2383,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImpor
|
|
|
2329
2383
|
ObjectPositionDirective,
|
|
2330
2384
|
ColorDirective,
|
|
2331
2385
|
TextSizeDirective,
|
|
2332
|
-
SanitizeHtmlPipe
|
|
2333
|
-
|
|
2386
|
+
SanitizeHtmlPipe,
|
|
2387
|
+
SpacingHorizontalDirective
|
|
2388
|
+
], template: "<div [id]=\"data?.id\"\r\n [ngClass]=\"{'mergeNavbar': canMergeNavbar && index == 1, 'justify-content-between d-flex': isBorderlessImage}\"\r\n [simpoBackground]=\"styles?.background\" class=\"total-container\" style=\"overflow-x: hidden;\" simpoHover (hovering)=\"showEditTabs($event)\" [attr.style]=\"customClass\">\r\n <ng-container *ngTemplateOutlet=\"ImageSection\"></ng-container>\r\n <div class=\"py-5\" [ngClass]=\"{'col-lg-6 col-xxl-6': isBorderlessImage, 'w-100 col-xxl-8': !isBorderlessImage}\" [id]=\"data?.id\" [spacingHorizontal]=\"stylesLayout\" [simpoOverlay]=\"styles?.background\" [simpoBorder]=\"styles?.border\">\r\n <div class=\"row g-5 justify-content-start\"[id]=\"data?.id\" [style.flexDirection]=\"styles?.revertImage ? 'column-reverse' : ''\"\r\n [simpoAnimation]=\"styles?.animation\" [simpoLayout]=\"styles?.layout\" [simpoPositionLayoutDirective]=\"styles?.positionLayout\"\r\n [ngClass]=\"{ 'align-items-stretch': styles?.positionLayout?.value === 'left' || styles?.positionLayout?.value === 'right', 'flex-lg-row': true }\"\r\n >\r\n <div class=\"col-10 col-sm-8 col-lg-6\" *ngIf=\"content?.image?.showImage && !isBorderlessImage\" [simpoContainerAlignment]=\"stylesLayout\">\r\n <img loading=\"lazy\"\r\n [src]=\"content?.image?.url\"\r\n [simpoImageDirective]=\"styles?.image\" [id]=\"data?.id\" [simpoObjectPosition]=\"content?.image?.position\"\r\n [simpoCorner]=\"styles?.corners\" [class]=\"data?.id+(content?.image?.id || '')\"\r\n class=\"d-block w-100 insideImg\" style=\"object-fit: cover;\" [alt]=\"content?.image?.altText\" width=\"700\" height=\"500\" loading=\"lazy\"/>\r\n </div>\r\n <div class=\"d-flex flex-column justify-content-start gap-15\"\r\n [ngClass]=\"{'col-lg-12': isBorderlessImage, 'col-lg-6': !isBorderlessImage}\"\r\n [simpoContainerAlignment]=\"stylesLayout\" [id]=\"data?.id\" [simpoContentAlignment]=\"styles?.contentAlignment\">\r\n <div *ngFor=\"let item of content?.inputText\">\r\n <div [innerHTML]=\"item.value | sanitizeHtml\" class=\"text-element\"\r\n [ngClass]=\"item.label === 'Heading' ? 'heading-large lh-2 mb-3' : 'body-large'\"></div>\r\n </div>\r\n <div *ngFor=\"let item of content?.listItem?.data\" class=\"carder\">\r\n <div class=\"card_wrapper\">\r\n <div class=\"container_card visible\">\r\n <div class=\"card-section\">\r\n <div class=\"second-part-card\">\r\n\r\n </div>\r\n <div class=\"first-part-card\"\r\n [ngClass]=\"item.inputText[0].label=== 'Heading' ? 'heading-large lh-2 mb-3' : 'body-large'\">\r\n <img loading=\"lazy\" class=\"tick-img\"\r\n src=\"https://prod-simpo.s3.ap-south-1.amazonaws.com/prod-images/933997c1718790303127907598c1696063061900green_verified_image.png\"\r\n alt=\"something\" />\r\n\r\n {{ item.inputText[0].value }}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"data?.action && data?.action?.display\" class=\"button-display\"\r\n [simpoContainerAlignment]=\"stylesLayout\">\r\n <div *ngFor=\"let button of data?.action?.buttons\">\r\n <app-button-element [buttonContent]=\"button.content\" [buttonStyle]=\"button.styles\" [buttonId]=\"button.id\"\r\n [sectionId]=\"data?.id\" [color]=\"data?.styles?.background?.accentColor\"></app-button-element>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <!-- <div style=\" width: 100%; height: 500px;\">\r\n <img loading=\"lazy\" src=\"../../assets/divider.svg\" style=\"clip-path: polygon(0 55%, 100% 0, 100% 100%, 0% 100%); background-color: red;\">\r\n </div> -->\r\n <div [ngClass]=\"{'hover_effect': edit}\" *ngIf=\"showEditors\">\r\n <simpo-hover-elements [data]=\"data\" [index]=\"index\" [editOptions]=\"edit\"\r\n [isMerged]=\"styles?.merge ?? false\"></simpo-hover-elements>\r\n </div>\r\n <div *ngIf=\"showDelete\" [ngClass]=\"{'hover_effect': delete}\">\r\n <simpo-delete-hover-element [data]=\"data\" [index]=\"index\"></simpo-delete-hover-element>\r\n </div>\r\n</div>\r\n<ng-template #ImageSection>\r\n <div class=\"col-10 col-sm-8 col-lg-6\" [ngStyle]=\"{'width': styles?.positionLayout?.value === 'right' ? 'fit-content' : ''}\" style=\"padding: 0px !important;\"*ngIf=\"content?.image?.showImage && isBorderlessImage;\" [simpoBorderless]=\"getPositionLayout\">\r\n <img loading=\"lazy\"\r\n [src]=\"content?.image?.url\"\r\n class=\"d-block img-fluid h-100 w-100\" [alt]=\"content?.image?.altText\" width=\"700\" height=\"500\" loading=\"lazy\"/>\r\n </div>\r\n</ng-template>\r\n", styles: [".btn-primary{border:none}.hover_effect{position:absolute;width:100%;top:0;left:0;height:100%}.total-container{position:relative;height:auto}.button-display{display:flex;gap:10px}.gap-15{gap:15px}@media only screen and (max-width: 475px){.col-10{width:100%;max-width:100%;flex-basis:100%;height:32vh;padding-right:13px;padding-left:13px}.total-container{flex-direction:column}.insideImg{height:100%!important}}.text-element{inline-size:100%;overflow-wrap:break-word}.mergeNavbar{margin-top:-75px;padding-top:75px}.container_card .card-section{align-items:center;gap:20px;padding-top:5px;padding-bottom:5px;width:100%;border-radius:10px;opacity:0;transform:translateY(150px);transition:2s all ease}.card_wrapper{display:flex;flex-direction:column;gap:20px}.visible{visibility:visible!important}.visible .card-section{opacity:1;transform:translateY(0)}.first-part-card{min-width:fit-content}.first-part-card .body-large{font-size:1.1rem;font-weight:700}.second-part-card{width:2px;height:2px;border-radius:50%;display:flex;justify-content:center;align-items:center}.third-part-card .heading-large{font-size:1.1rem;font-weight:700}.third-part-card .body-large{font-size:12px;font-weight:400;line-height:15px}.tick-img{width:25px;height:25px;border-radius:50%}.third-part-card{display:flex;flex-direction:column;gap:10px}.image-card{width:50%!important}\n"] }]
|
|
2334
2389
|
}], ctorParameters: () => [{ type: EventsService }], propDecorators: { data: [{
|
|
2335
2390
|
type: Input
|
|
2336
2391
|
}], index: [{
|
|
@@ -2395,6 +2450,8 @@ class FaqSectionComponent extends BaseSection {
|
|
|
2395
2450
|
super();
|
|
2396
2451
|
this._eventService = _eventService;
|
|
2397
2452
|
this.unCollapsedList = [];
|
|
2453
|
+
this.screenWidth = 0;
|
|
2454
|
+
this.getScreenSize();
|
|
2398
2455
|
}
|
|
2399
2456
|
ngOnInit() {
|
|
2400
2457
|
this.content = this.data?.content;
|
|
@@ -2419,10 +2476,15 @@ class FaqSectionComponent extends BaseSection {
|
|
|
2419
2476
|
this._eventService.editSection.emit({ data: this.data });
|
|
2420
2477
|
}, 100);
|
|
2421
2478
|
}
|
|
2479
|
+
getScreenSize() {
|
|
2480
|
+
if (typeof window !== 'undefined') {
|
|
2481
|
+
this.screenWidth = window.innerWidth;
|
|
2482
|
+
}
|
|
2483
|
+
}
|
|
2422
2484
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: FaqSectionComponent, deps: [{ token: EventsService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2423
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.4", type: FaqSectionComponent, isStandalone: true, selector: "simpo-faq-section", inputs: { data: "data", index: "index", edit: "edit", delete: "delete", customClass: "customClass" }, usesInheritance: true, ngImport: i0, template: "<section [id]=\"data?.id\" [simpoBackground]=\"style?.background\"\r\n class=\"total-container\" simpoHover (hovering)=\"showEditTabs($event)\" [attr.style]=\"customClass\">\r\n <div class=\"col-xxl-8
|
|
2485
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.4", type: FaqSectionComponent, isStandalone: true, selector: "simpo-faq-section", inputs: { data: "data", index: "index", edit: "edit", delete: "delete", customClass: "customClass" }, host: { listeners: { "window: resize": "getScreenSize($event)" } }, usesInheritance: true, ngImport: i0, template: "<section [id]=\"data?.id\" [simpoBackground]=\"style?.background\"\r\n class=\"total-container\" simpoHover (hovering)=\"showEditTabs($event)\" [attr.style]=\"customClass\">\r\n <div class=\"col-xxl-8 py-5 w-100\" #mainContainer [id]=\"data?.id\" [simpoOverlay]=\"style?.background\" [spacingHorizontal]=\"stylesLayout\"\r\n [simpoBorder]=\"style?.border\" [simpoAnimation]=\"style?.animation\">\r\n\r\n <div *ngIf=\"!content?.image?.showImage || screenWidth <= 475\">\r\n <div class=\"container-fluid flex-col\" [id]=\"data?.id\" [simpoBorder]=\"style?.border\"\r\n [simpoLayout]=\"style?.layout\">\r\n <div *ngFor=\"let text of data?.content?.inputText\" class=\"\" [simpoContentTitleSpace]=\"headingSpace\">\r\n <simpo-heading-element [data]=\"text.value\"></simpo-heading-element>\r\n </div>\r\n\r\n <div [simpoContainerAlignment]=\"stylesLayout\" *ngFor=\"let itemData of content?.listItem?.data;let i = index\" class=\"data\"(click)=\"toggleContent(i)\">\r\n <p class=\"heading-medium position-relative\" data-toggle=\"collapse\" [simpoContainerAlignment]=\"stylesLayout\">\r\n <span style=\"display: block;\">{{itemData.inputText[0].value}}</span>\r\n <mat-icon *ngIf=\"unCollapsedList.includes(i)\" class=\"float-end\" [ngStyle]=\"{'left' : style?.layout?.align == 'right' ? 0 : '', 'right' : style?.layout?.align !== 'right' ? 0 : ''}\">keyboard_arrow_up</mat-icon>\r\n <mat-icon *ngIf=\"!unCollapsedList.includes(i)\" class=\"float-end\" [ngStyle]=\"{'left' : style?.layout?.align == 'right' ? 0 : '', 'right' : style?.layout?.align !== 'right' ? 0 : ''}\">keyboard_arrow_down</mat-icon>\r\n </p>\r\n <div class=\"body-large desc multi-collapse\" [ngClass]=\"{'collapse': !unCollapsedList.includes(i)}\" [innerHTML]=\"itemData.inputText[1].value\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"content?.image?.showImage && screenWidth > 475\" class=\"row g-5\" [id]=\"data?.id\"\r\n [simpoLayout]=\"style?.layout\" [simpoPositionLayoutDirective]=\"style?.positionLayout\"\r\n [ngClass]=\"{ 'align-items-stretch': style?.positionLayout?.value === 'left' || style?.positionLayout?.value === 'right' }\">\r\n\r\n\r\n <div class=\"col-lg-6 d-flex flex-column justify-content-start gap-15\"\r\n [simpoContainerAlignment]=\"stylesLayout\" [id]=\"data?.id\" [simpoContentAlignment]=\"style?.contentAlignment\">\r\n\r\n <div *ngFor=\"let text of data?.content?.inputText\" class=\"\" [simpoContentTitleSpace]=\"headingSpace\">\r\n <simpo-heading-element [data]=\"text.value\"></simpo-heading-element>\r\n </div>\r\n\r\n <div [simpoContainerAlignment]=\"stylesLayout\" *ngFor=\"let itemData of content?.listItem?.data;let i = index\" class=\"data\" (click)=\"toggleContent(i)\">\r\n <p class=\"heading-medium d-flex align-items-center justify-content-between position-relative\" data-toggle=\"collapse\">\r\n <span>{{itemData.inputText[0].value}}</span>\r\n <mat-icon *ngIf=\"unCollapsedList.includes(i)\"style=\"position:relative; right: 0px;\">keyboard_arrow_up</mat-icon>\r\n <mat-icon *ngIf=\"!unCollapsedList.includes(i)\"style=\"position: relative; right: 0px;\">keyboard_arrow_down</mat-icon>\r\n </p>\r\n <div class=\"body-large desc multi-collapse\" [ngClass]=\"{'collapse': !unCollapsedList.includes(i)}\" [innerHTML]=\"itemData.inputText[1].value\"></div>\r\n </div>\r\n </div>\r\n <div class=\"col-10 col-sm-8 col-lg-6\" [simpoContainerAlignment]=\"stylesLayout\" *ngIf=\"content?.image?.showImage\">\r\n <img loading=\"lazy\" [src]=\"content?.image?.url\" [simpoImageDirective]=\"style?.image\" [id]=\"data?.id\"\r\n [simpoObjectPosition]=\"content?.image?.position\" [simpoCorner]=\"style?.corners\"\r\n [class]=\"data?.id+(content?.image?.id || '')\" class=\"d-block mx-lg-auto img-fluid\"\r\n [alt]=\"content?.image?.altText\" loading=\"lazy\" />\r\n </div>\r\n </div>\r\n </div>\r\n <div [ngClass]=\"{'hover_effect': edit}\" *ngIf=\"showEditors\">\r\n <simpo-hover-elements [data]=\"data\" [index]=\"index\" [editOptions]=\"edit\"></simpo-hover-elements>\r\n </div>\r\n <div *ngIf=\"showDelete\" [ngClass]=\"{'hover_effect': delete}\">\r\n <simpo-delete-hover-element [data]=\"data\" [index]=\"index\"></simpo-delete-hover-element>\r\n </div>\r\n\r\n</section>\r\n", styles: [".mb-2{margin-bottom:2.5rem!important}.data{gap:1rem;padding-top:.5rem;padding-bottom:.5rem;box-shadow:#11182733 0 -1px inset;cursor:pointer;width:100%}.flex-col{display:block!important}.hover_effect{position:absolute;width:100%;top:0;left:0;height:100%}.total-container{height:auto;position:relative}.heading-large{margin-top:20px}@media only screen and (max-width: 475px){.row{display:flex;flex-direction:column-reverse}.col-10{width:100%!important}}.float-end{position:absolute;top:0}@media only screen and (min-width: 500px){.heading-medium{font-size:20px}}@media screen and (max-width: 500px){.heading-medium{font-size:18px}}\n"], dependencies: [{ kind: "ngmodule", type: SimpoElementsModule }, { kind: "component", type: HeadingElementComponent, selector: "simpo-heading-element", inputs: ["data"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: ContentFitDirective, selector: "[simpoLayout]", inputs: ["simpoLayout"] }, { kind: "ngmodule", type: SimpoComponentModule }, { kind: "component", type: HoverElementsComponent, selector: "simpo-hover-elements", inputs: ["data", "index", "editOptions", "isMerged", "isEcommerce"], outputs: ["edit"] }, { kind: "component", type: DeleteHoverElementComponent, selector: "simpo-delete-hover-element", inputs: ["index", "data"], outputs: ["edit"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type:
|
|
2424
2486
|
//directive
|
|
2425
|
-
AnimationDirective, selector: "[simpoAnimation]", inputs: ["simpoAnimation"] }, { kind: "directive", type: BackgroundDirective, selector: "[simpoBackground]", inputs: ["simpoBackground", "scrollValue"] }, { kind: "directive", type: BorderDirective, selector: "[simpoBorder]", inputs: ["simpoBorder"] }, { kind: "directive", type: simpoConetenAlignmentDirective, selector: "[simpoContentAlignment]", inputs: ["simpoContentAlignment"] }, { kind: "directive", type: CornerDirective, selector: "[simpoCorner]", inputs: ["simpoCorner"] }, { kind: "directive", type: HoverDirective, selector: "[simpoHover]", outputs: ["hovering"] }, { kind: "directive", type: ImageDirectiveDirective, selector: "[simpoImageDirective]", inputs: ["simpoImageDirective"] }, { kind: "directive", type: OverlayDirective, selector: "[simpoOverlay]", inputs: ["simpoOverlay"] }, { kind: "directive", type: PositionLayoutDirectiveDirective, selector: "[simpoPositionLayoutDirective]", inputs: ["simpoPositionLayoutDirective"] }, { kind: "directive", type: ContentTitleDirective, selector: "[simpoContentTitleSpace]", inputs: ["simpoContentTitleSpace"] }, { kind: "directive", type: ObjectPositionDirective, selector: "[simpoObjectPosition]", inputs: ["simpoObjectPosition"] }, { kind: "directive", type: SimpoContainerAligment, selector: "[simpoContainerAlignment]", inputs: ["simpoContainerAlignment"] }] }); }
|
|
2487
|
+
AnimationDirective, selector: "[simpoAnimation]", inputs: ["simpoAnimation"] }, { kind: "directive", type: BackgroundDirective, selector: "[simpoBackground]", inputs: ["simpoBackground", "scrollValue"] }, { kind: "directive", type: BorderDirective, selector: "[simpoBorder]", inputs: ["simpoBorder"] }, { kind: "directive", type: simpoConetenAlignmentDirective, selector: "[simpoContentAlignment]", inputs: ["simpoContentAlignment"] }, { kind: "directive", type: CornerDirective, selector: "[simpoCorner]", inputs: ["simpoCorner"] }, { kind: "directive", type: HoverDirective, selector: "[simpoHover]", outputs: ["hovering"] }, { kind: "directive", type: ImageDirectiveDirective, selector: "[simpoImageDirective]", inputs: ["simpoImageDirective"] }, { kind: "directive", type: OverlayDirective, selector: "[simpoOverlay]", inputs: ["simpoOverlay"] }, { kind: "directive", type: PositionLayoutDirectiveDirective, selector: "[simpoPositionLayoutDirective]", inputs: ["simpoPositionLayoutDirective"] }, { kind: "directive", type: ContentTitleDirective, selector: "[simpoContentTitleSpace]", inputs: ["simpoContentTitleSpace"] }, { kind: "directive", type: ObjectPositionDirective, selector: "[simpoObjectPosition]", inputs: ["simpoObjectPosition"] }, { kind: "directive", type: SimpoContainerAligment, selector: "[simpoContainerAlignment]", inputs: ["simpoContainerAlignment"] }, { kind: "directive", type: SpacingHorizontalDirective, selector: "[spacingHorizontal]", inputs: ["spacingHorizontal"] }] }); }
|
|
2426
2488
|
}
|
|
2427
2489
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: FaqSectionComponent, decorators: [{
|
|
2428
2490
|
type: Component,
|
|
@@ -2451,8 +2513,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImpor
|
|
|
2451
2513
|
TextBackgroundDirectiveDirective,
|
|
2452
2514
|
ContentTitleDirective,
|
|
2453
2515
|
ObjectPositionDirective,
|
|
2454
|
-
SimpoContainerAligment
|
|
2455
|
-
|
|
2516
|
+
SimpoContainerAligment,
|
|
2517
|
+
SanitizeHtmlPipe,
|
|
2518
|
+
SpacingHorizontalDirective
|
|
2519
|
+
], template: "<section [id]=\"data?.id\" [simpoBackground]=\"style?.background\"\r\n class=\"total-container\" simpoHover (hovering)=\"showEditTabs($event)\" [attr.style]=\"customClass\">\r\n <div class=\"col-xxl-8 py-5 w-100\" #mainContainer [id]=\"data?.id\" [simpoOverlay]=\"style?.background\" [spacingHorizontal]=\"stylesLayout\"\r\n [simpoBorder]=\"style?.border\" [simpoAnimation]=\"style?.animation\">\r\n\r\n <div *ngIf=\"!content?.image?.showImage || screenWidth <= 475\">\r\n <div class=\"container-fluid flex-col\" [id]=\"data?.id\" [simpoBorder]=\"style?.border\"\r\n [simpoLayout]=\"style?.layout\">\r\n <div *ngFor=\"let text of data?.content?.inputText\" class=\"\" [simpoContentTitleSpace]=\"headingSpace\">\r\n <simpo-heading-element [data]=\"text.value\"></simpo-heading-element>\r\n </div>\r\n\r\n <div [simpoContainerAlignment]=\"stylesLayout\" *ngFor=\"let itemData of content?.listItem?.data;let i = index\" class=\"data\"(click)=\"toggleContent(i)\">\r\n <p class=\"heading-medium position-relative\" data-toggle=\"collapse\" [simpoContainerAlignment]=\"stylesLayout\">\r\n <span style=\"display: block;\">{{itemData.inputText[0].value}}</span>\r\n <mat-icon *ngIf=\"unCollapsedList.includes(i)\" class=\"float-end\" [ngStyle]=\"{'left' : style?.layout?.align == 'right' ? 0 : '', 'right' : style?.layout?.align !== 'right' ? 0 : ''}\">keyboard_arrow_up</mat-icon>\r\n <mat-icon *ngIf=\"!unCollapsedList.includes(i)\" class=\"float-end\" [ngStyle]=\"{'left' : style?.layout?.align == 'right' ? 0 : '', 'right' : style?.layout?.align !== 'right' ? 0 : ''}\">keyboard_arrow_down</mat-icon>\r\n </p>\r\n <div class=\"body-large desc multi-collapse\" [ngClass]=\"{'collapse': !unCollapsedList.includes(i)}\" [innerHTML]=\"itemData.inputText[1].value\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"content?.image?.showImage && screenWidth > 475\" class=\"row g-5\" [id]=\"data?.id\"\r\n [simpoLayout]=\"style?.layout\" [simpoPositionLayoutDirective]=\"style?.positionLayout\"\r\n [ngClass]=\"{ 'align-items-stretch': style?.positionLayout?.value === 'left' || style?.positionLayout?.value === 'right' }\">\r\n\r\n\r\n <div class=\"col-lg-6 d-flex flex-column justify-content-start gap-15\"\r\n [simpoContainerAlignment]=\"stylesLayout\" [id]=\"data?.id\" [simpoContentAlignment]=\"style?.contentAlignment\">\r\n\r\n <div *ngFor=\"let text of data?.content?.inputText\" class=\"\" [simpoContentTitleSpace]=\"headingSpace\">\r\n <simpo-heading-element [data]=\"text.value\"></simpo-heading-element>\r\n </div>\r\n\r\n <div [simpoContainerAlignment]=\"stylesLayout\" *ngFor=\"let itemData of content?.listItem?.data;let i = index\" class=\"data\" (click)=\"toggleContent(i)\">\r\n <p class=\"heading-medium d-flex align-items-center justify-content-between position-relative\" data-toggle=\"collapse\">\r\n <span>{{itemData.inputText[0].value}}</span>\r\n <mat-icon *ngIf=\"unCollapsedList.includes(i)\"style=\"position:relative; right: 0px;\">keyboard_arrow_up</mat-icon>\r\n <mat-icon *ngIf=\"!unCollapsedList.includes(i)\"style=\"position: relative; right: 0px;\">keyboard_arrow_down</mat-icon>\r\n </p>\r\n <div class=\"body-large desc multi-collapse\" [ngClass]=\"{'collapse': !unCollapsedList.includes(i)}\" [innerHTML]=\"itemData.inputText[1].value\"></div>\r\n </div>\r\n </div>\r\n <div class=\"col-10 col-sm-8 col-lg-6\" [simpoContainerAlignment]=\"stylesLayout\" *ngIf=\"content?.image?.showImage\">\r\n <img loading=\"lazy\" [src]=\"content?.image?.url\" [simpoImageDirective]=\"style?.image\" [id]=\"data?.id\"\r\n [simpoObjectPosition]=\"content?.image?.position\" [simpoCorner]=\"style?.corners\"\r\n [class]=\"data?.id+(content?.image?.id || '')\" class=\"d-block mx-lg-auto img-fluid\"\r\n [alt]=\"content?.image?.altText\" loading=\"lazy\" />\r\n </div>\r\n </div>\r\n </div>\r\n <div [ngClass]=\"{'hover_effect': edit}\" *ngIf=\"showEditors\">\r\n <simpo-hover-elements [data]=\"data\" [index]=\"index\" [editOptions]=\"edit\"></simpo-hover-elements>\r\n </div>\r\n <div *ngIf=\"showDelete\" [ngClass]=\"{'hover_effect': delete}\">\r\n <simpo-delete-hover-element [data]=\"data\" [index]=\"index\"></simpo-delete-hover-element>\r\n </div>\r\n\r\n</section>\r\n", styles: [".mb-2{margin-bottom:2.5rem!important}.data{gap:1rem;padding-top:.5rem;padding-bottom:.5rem;box-shadow:#11182733 0 -1px inset;cursor:pointer;width:100%}.flex-col{display:block!important}.hover_effect{position:absolute;width:100%;top:0;left:0;height:100%}.total-container{height:auto;position:relative}.heading-large{margin-top:20px}@media only screen and (max-width: 475px){.row{display:flex;flex-direction:column-reverse}.col-10{width:100%!important}}.float-end{position:absolute;top:0}@media only screen and (min-width: 500px){.heading-medium{font-size:20px}}@media screen and (max-width: 500px){.heading-medium{font-size:18px}}\n"] }]
|
|
2456
2520
|
}], ctorParameters: () => [{ type: EventsService }], propDecorators: { data: [{
|
|
2457
2521
|
type: Input
|
|
2458
2522
|
}], index: [{
|
|
@@ -2463,6 +2527,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImpor
|
|
|
2463
2527
|
type: Input
|
|
2464
2528
|
}], customClass: [{
|
|
2465
2529
|
type: Input
|
|
2530
|
+
}], getScreenSize: [{
|
|
2531
|
+
type: HostListener,
|
|
2532
|
+
args: ["window: resize", ["$event"]]
|
|
2466
2533
|
}] } });
|
|
2467
2534
|
|
|
2468
2535
|
class FooterSectionComponent extends BaseSection {
|
|
@@ -6171,7 +6238,7 @@ class FeaturesSectionComponent extends BaseSection {
|
|
|
6171
6238
|
}, 100);
|
|
6172
6239
|
}
|
|
6173
6240
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: FeaturesSectionComponent, deps: [{ token: EventsService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6174
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.4", type: FeaturesSectionComponent, isStandalone: true, selector: "simpo-features-section", inputs: { data: "data", edit: "edit", customClass: "customClass", delete: "delete", index: "index" }, host: { listeners: { "window:resize": "getScreenSize($event)" } }, usesInheritance: true, ngImport: i0, template: "<section [id]=\"data?.id\" [simpoBackground]=\"styles?.background\" simpoHover (hovering)=\"showEditTabs($event)\"\r\n class=\"total-container\" [simpoBorder]=\"styles?.border\" [attr.style]=\"customClass\">\r\n <div #mainContainer [id]=\"data?.id\" [simpoOverlay]=\"styles?.background\">\r\n <div class=\"container-fluid d-flex flex-column\" [id]=\"data?.id\" [simpoLayout]=\"styles?.layout\">\r\n <div class=\"row\" *ngIf=\"screenWidth > 475\" [id]=\"data?.id\" [simpoAnimation]=\"styles?.animation\">\r\n <div *ngFor=\"let text of data?.content?.inputText\">\r\n <div class=\"heading-medium mb-1\" [innerHTML]=\"text.value | sanitizeHtml\"></div>\r\n </div>\r\n <div class=\" box justify-center d-flex g-25 mt-5 mb-5\">\r\n <div *ngFor=\"let tab of content?.listItem?.data; let index = index\">\r\n <div class=\"tab\" [ngClass]=\"{'active': index === selectedTabIndex}\" (click)=\"changetab(index)\">\r\n {{ tab.inputText[0].value }}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"row-container\" *ngIf=\"screenWidth <= 475\" [id]=\"data?.id\" [simpoAnimation]=\"styles?.animation\">\r\n <div *ngFor=\"let text of data?.content?.inputText\">\r\n <div class=\"heading-medium mb-1\" [innerHTML]=\"text.value | sanitizeHtml\"></div>\r\n </div>\r\n <div class=\" box d-flex g-25 mt-5 mb-5\">\r\n <div *ngFor=\"let tab of content?.listItem?.data; let index = index\">\r\n <div class=\"tab\" [ngClass]=\"{'active': index === selectedTabIndex}\" (click)=\"changetab(index)\">\r\n {{ tab.inputText[0].value }}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"content d-flex g-15 mt-5\">\r\n <div class=\"image\">\r\n <img loading=\"lazy\" [src]=\"currentData?.image?.url\" alt=\"\" [id]=\"data?.id\"\r\n [simpoImageDirective]=\"styles?.image\" [id]=\"data?.id\" [simpoObjectPosition]=\"currentData?.image?.position\"\r\n [simpoCorner]=\"styles?.corners\"\r\n class=\"d-block mx-lg-auto img-fluid h-100\"\r\n loading=\"lazy\">\r\n </div>\r\n <div class=\"content-heading\">\r\n <div class=\"heading-large\" [innerHtml]=\"currentData?.inputText?.[1]?.value\" [id]=\"data?.id\">\r\n </div>\r\n <div class=\"content-description body-large mt-1\" [innerHtml]=\"currentData?.inputText?.[2]?.value\">\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div [ngClass]=\"{'hover_effect': edit}\" *ngIf=\"showEditors\">\r\n <simpo-hover-elements [data]=\"data\" [index]=\"index\" [editOptions]=\"edit\"></simpo-hover-elements>\r\n </div>\r\n <div *ngIf=\"showDelete\" [ngClass]=\"{'hover_effect': delete}\">\r\n <simpo-delete-hover-element [data]=\"data\" [index]=\"index\"></simpo-delete-hover-element>\r\n </div>\r\n\r\n</section>\r\n", styles: [".hover_effect{position:absolute;width:100%;top:0;left:0;height:100%}.total-container{position:relative;height:auto}.content{padding:0px 10rem;width:90%;gap:3rem}.image{width:40%;flex:1}.image img{width:100%}.content-heading{width:60%;text-align:start}.content-description{width:100%;text-align:start}.active{font-weight:700;letter-spacing:.8px;border-bottom:2px solid
|
|
6241
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.4", type: FeaturesSectionComponent, isStandalone: true, selector: "simpo-features-section", inputs: { data: "data", edit: "edit", customClass: "customClass", delete: "delete", index: "index" }, host: { listeners: { "window:resize": "getScreenSize($event)" } }, usesInheritance: true, ngImport: i0, template: "<section [id]=\"data?.id\" [simpoBackground]=\"styles?.background\" simpoHover (hovering)=\"showEditTabs($event)\"\r\n class=\"total-container\" [simpoBorder]=\"styles?.border\" [attr.style]=\"customClass\">\r\n <div #mainContainer [id]=\"data?.id\" [simpoOverlay]=\"styles?.background\">\r\n <div class=\"container-fluid d-flex flex-column\" [id]=\"data?.id\" [simpoLayout]=\"styles?.layout\">\r\n <div class=\"row\" *ngIf=\"screenWidth > 475\" [id]=\"data?.id\" [simpoAnimation]=\"styles?.animation\">\r\n <div *ngFor=\"let text of data?.content?.inputText\">\r\n <div class=\"heading-medium mb-1\" [innerHTML]=\"text.value | sanitizeHtml\"></div>\r\n </div>\r\n <div class=\" box justify-center d-flex g-25 mt-5 mb-5\">\r\n <div *ngFor=\"let tab of content?.listItem?.data; let index = index\">\r\n <div class=\"tab\" [ngClass]=\"{'active': index === selectedTabIndex}\" [style.borderColor]=\"index === selectedTabIndex ? styles?.background?.accentColor : ''\" [style.color]=\"index === selectedTabIndex ? styles?.background?.accentColor : ''\" (click)=\"changetab(index)\">\r\n {{ tab.inputText[0].value }}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"row-container\" *ngIf=\"screenWidth <= 475\" [id]=\"data?.id\" [simpoAnimation]=\"styles?.animation\">\r\n <div *ngFor=\"let text of data?.content?.inputText\">\r\n <div class=\"heading-medium mb-1\" [innerHTML]=\"text.value | sanitizeHtml\"></div>\r\n </div>\r\n <div class=\" box d-flex g-25 mt-5 mb-5\">\r\n <div *ngFor=\"let tab of content?.listItem?.data; let index = index\">\r\n <div class=\"tab\" [ngClass]=\"{'active': index === selectedTabIndex}\" [style.borderColor]=\"index === selectedTabIndex ? styles?.background?.accentColor : ''\" [style.color]=\"index === selectedTabIndex ? styles?.background?.accentColor : ''\" (click)=\"changetab(index)\">\r\n {{ tab.inputText[0].value }}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"content d-flex g-15 mt-5\">\r\n <div class=\"image\">\r\n <img loading=\"lazy\" [src]=\"currentData?.image?.url\" alt=\"\" [id]=\"data?.id\"\r\n [simpoImageDirective]=\"styles?.image\" [id]=\"data?.id\" [simpoObjectPosition]=\"currentData?.image?.position\"\r\n [simpoCorner]=\"styles?.corners\"\r\n class=\"d-block mx-lg-auto img-fluid h-100\"\r\n loading=\"lazy\">\r\n </div>\r\n <div class=\"content-heading\">\r\n <div class=\"heading-large\" [innerHtml]=\"currentData?.inputText?.[1]?.value\" [id]=\"data?.id\">\r\n </div>\r\n <div class=\"content-description body-large mt-1\" [innerHtml]=\"currentData?.inputText?.[2]?.value\">\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div [ngClass]=\"{'hover_effect': edit}\" *ngIf=\"showEditors\">\r\n <simpo-hover-elements [data]=\"data\" [index]=\"index\" [editOptions]=\"edit\"></simpo-hover-elements>\r\n </div>\r\n <div *ngIf=\"showDelete\" [ngClass]=\"{'hover_effect': delete}\">\r\n <simpo-delete-hover-element [data]=\"data\" [index]=\"index\"></simpo-delete-hover-element>\r\n </div>\r\n\r\n</section>\r\n", styles: [".hover_effect{position:absolute;width:100%;top:0;left:0;height:100%}.total-container{position:relative;height:auto}.content{padding:0px 10rem;width:90%;gap:3rem}.image{width:40%;flex:1}.image img{width:100%}.content-heading{width:60%;text-align:start}.content-description{width:100%;text-align:start}.active{font-weight:700;letter-spacing:.8px;border-bottom:2px solid;padding-bottom:20px}.tab{letter-spacing:.8px;border-bottom:2px solid;padding-bottom:20px;cursor:pointer}@media only screen and (max-width: 768px){.content{flex-direction:column;padding:0 2rem;width:100%;gap:2rem}.image{order:-1;width:100%}.image img,.content-heading{width:100%}.box{overflow-x:scroll;gap:10%;margin:auto!important;padding:10px;width:85%!important}.row-container{width:100%!important}.tab{letter-spacing:.5px;border-bottom:1px solid;padding-bottom:10px;cursor:pointer}.image{width:100%}}.g-25{gap:55px}.mt-1{margin-top:1rem}.justify-center{justify-content:center}\n"], dependencies: [{ kind: "directive", type: BackgroundDirective, selector: "[simpoBackground]", inputs: ["simpoBackground", "scrollValue"] }, { kind: "directive", type: HoverDirective, selector: "[simpoHover]", outputs: ["hovering"] }, { kind: "component", type: HoverElementsComponent, selector: "simpo-hover-elements", inputs: ["data", "index", "editOptions", "isMerged", "isEcommerce"], outputs: ["edit"] }, { kind: "component", type: DeleteHoverElementComponent, selector: "simpo-delete-hover-element", inputs: ["index", "data"], outputs: ["edit"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: OverlayDirective, selector: "[simpoOverlay]", inputs: ["simpoOverlay"] }, { kind: "directive", type: BorderDirective, selector: "[simpoBorder]", inputs: ["simpoBorder"] }, { kind: "directive", type: AnimationDirective, selector: "[simpoAnimation]", inputs: ["simpoAnimation"] }, { kind: "directive", type: ContentFitDirective, selector: "[simpoLayout]", inputs: ["simpoLayout"] }, { kind: "directive", type: ImageDirectiveDirective, selector: "[simpoImageDirective]", inputs: ["simpoImageDirective"] }, { kind: "directive", type: ObjectPositionDirective, selector: "[simpoObjectPosition]", inputs: ["simpoObjectPosition"] }, { kind: "directive", type: CornerDirective, selector: "[simpoCorner]", inputs: ["simpoCorner"] }, { kind: "pipe", type: SanitizeHtmlPipe, name: "sanitizeHtml" }] }); }
|
|
6175
6242
|
}
|
|
6176
6243
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: FeaturesSectionComponent, decorators: [{
|
|
6177
6244
|
type: Component,
|
|
@@ -6190,7 +6257,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImpor
|
|
|
6190
6257
|
ObjectPositionDirective,
|
|
6191
6258
|
CornerDirective,
|
|
6192
6259
|
SanitizeHtmlPipe
|
|
6193
|
-
], template: "<section [id]=\"data?.id\" [simpoBackground]=\"styles?.background\" simpoHover (hovering)=\"showEditTabs($event)\"\r\n class=\"total-container\" [simpoBorder]=\"styles?.border\" [attr.style]=\"customClass\">\r\n <div #mainContainer [id]=\"data?.id\" [simpoOverlay]=\"styles?.background\">\r\n <div class=\"container-fluid d-flex flex-column\" [id]=\"data?.id\" [simpoLayout]=\"styles?.layout\">\r\n <div class=\"row\" *ngIf=\"screenWidth > 475\" [id]=\"data?.id\" [simpoAnimation]=\"styles?.animation\">\r\n <div *ngFor=\"let text of data?.content?.inputText\">\r\n <div class=\"heading-medium mb-1\" [innerHTML]=\"text.value | sanitizeHtml\"></div>\r\n </div>\r\n <div class=\" box justify-center d-flex g-25 mt-5 mb-5\">\r\n <div *ngFor=\"let tab of content?.listItem?.data; let index = index\">\r\n <div class=\"tab\" [ngClass]=\"{'active': index === selectedTabIndex}\" (click)=\"changetab(index)\">\r\n {{ tab.inputText[0].value }}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"row-container\" *ngIf=\"screenWidth <= 475\" [id]=\"data?.id\" [simpoAnimation]=\"styles?.animation\">\r\n <div *ngFor=\"let text of data?.content?.inputText\">\r\n <div class=\"heading-medium mb-1\" [innerHTML]=\"text.value | sanitizeHtml\"></div>\r\n </div>\r\n <div class=\" box d-flex g-25 mt-5 mb-5\">\r\n <div *ngFor=\"let tab of content?.listItem?.data; let index = index\">\r\n <div class=\"tab\" [ngClass]=\"{'active': index === selectedTabIndex}\" (click)=\"changetab(index)\">\r\n {{ tab.inputText[0].value }}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"content d-flex g-15 mt-5\">\r\n <div class=\"image\">\r\n <img loading=\"lazy\" [src]=\"currentData?.image?.url\" alt=\"\" [id]=\"data?.id\"\r\n [simpoImageDirective]=\"styles?.image\" [id]=\"data?.id\" [simpoObjectPosition]=\"currentData?.image?.position\"\r\n [simpoCorner]=\"styles?.corners\"\r\n class=\"d-block mx-lg-auto img-fluid h-100\"\r\n loading=\"lazy\">\r\n </div>\r\n <div class=\"content-heading\">\r\n <div class=\"heading-large\" [innerHtml]=\"currentData?.inputText?.[1]?.value\" [id]=\"data?.id\">\r\n </div>\r\n <div class=\"content-description body-large mt-1\" [innerHtml]=\"currentData?.inputText?.[2]?.value\">\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div [ngClass]=\"{'hover_effect': edit}\" *ngIf=\"showEditors\">\r\n <simpo-hover-elements [data]=\"data\" [index]=\"index\" [editOptions]=\"edit\"></simpo-hover-elements>\r\n </div>\r\n <div *ngIf=\"showDelete\" [ngClass]=\"{'hover_effect': delete}\">\r\n <simpo-delete-hover-element [data]=\"data\" [index]=\"index\"></simpo-delete-hover-element>\r\n </div>\r\n\r\n</section>\r\n", styles: [".hover_effect{position:absolute;width:100%;top:0;left:0;height:100%}.total-container{position:relative;height:auto}.content{padding:0px 10rem;width:90%;gap:3rem}.image{width:40%;flex:1}.image img{width:100%}.content-heading{width:60%;text-align:start}.content-description{width:100%;text-align:start}.active{font-weight:700;letter-spacing:.8px;border-bottom:2px solid
|
|
6260
|
+
], template: "<section [id]=\"data?.id\" [simpoBackground]=\"styles?.background\" simpoHover (hovering)=\"showEditTabs($event)\"\r\n class=\"total-container\" [simpoBorder]=\"styles?.border\" [attr.style]=\"customClass\">\r\n <div #mainContainer [id]=\"data?.id\" [simpoOverlay]=\"styles?.background\">\r\n <div class=\"container-fluid d-flex flex-column\" [id]=\"data?.id\" [simpoLayout]=\"styles?.layout\">\r\n <div class=\"row\" *ngIf=\"screenWidth > 475\" [id]=\"data?.id\" [simpoAnimation]=\"styles?.animation\">\r\n <div *ngFor=\"let text of data?.content?.inputText\">\r\n <div class=\"heading-medium mb-1\" [innerHTML]=\"text.value | sanitizeHtml\"></div>\r\n </div>\r\n <div class=\" box justify-center d-flex g-25 mt-5 mb-5\">\r\n <div *ngFor=\"let tab of content?.listItem?.data; let index = index\">\r\n <div class=\"tab\" [ngClass]=\"{'active': index === selectedTabIndex}\" [style.borderColor]=\"index === selectedTabIndex ? styles?.background?.accentColor : ''\" [style.color]=\"index === selectedTabIndex ? styles?.background?.accentColor : ''\" (click)=\"changetab(index)\">\r\n {{ tab.inputText[0].value }}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"row-container\" *ngIf=\"screenWidth <= 475\" [id]=\"data?.id\" [simpoAnimation]=\"styles?.animation\">\r\n <div *ngFor=\"let text of data?.content?.inputText\">\r\n <div class=\"heading-medium mb-1\" [innerHTML]=\"text.value | sanitizeHtml\"></div>\r\n </div>\r\n <div class=\" box d-flex g-25 mt-5 mb-5\">\r\n <div *ngFor=\"let tab of content?.listItem?.data; let index = index\">\r\n <div class=\"tab\" [ngClass]=\"{'active': index === selectedTabIndex}\" [style.borderColor]=\"index === selectedTabIndex ? styles?.background?.accentColor : ''\" [style.color]=\"index === selectedTabIndex ? styles?.background?.accentColor : ''\" (click)=\"changetab(index)\">\r\n {{ tab.inputText[0].value }}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"content d-flex g-15 mt-5\">\r\n <div class=\"image\">\r\n <img loading=\"lazy\" [src]=\"currentData?.image?.url\" alt=\"\" [id]=\"data?.id\"\r\n [simpoImageDirective]=\"styles?.image\" [id]=\"data?.id\" [simpoObjectPosition]=\"currentData?.image?.position\"\r\n [simpoCorner]=\"styles?.corners\"\r\n class=\"d-block mx-lg-auto img-fluid h-100\"\r\n loading=\"lazy\">\r\n </div>\r\n <div class=\"content-heading\">\r\n <div class=\"heading-large\" [innerHtml]=\"currentData?.inputText?.[1]?.value\" [id]=\"data?.id\">\r\n </div>\r\n <div class=\"content-description body-large mt-1\" [innerHtml]=\"currentData?.inputText?.[2]?.value\">\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div [ngClass]=\"{'hover_effect': edit}\" *ngIf=\"showEditors\">\r\n <simpo-hover-elements [data]=\"data\" [index]=\"index\" [editOptions]=\"edit\"></simpo-hover-elements>\r\n </div>\r\n <div *ngIf=\"showDelete\" [ngClass]=\"{'hover_effect': delete}\">\r\n <simpo-delete-hover-element [data]=\"data\" [index]=\"index\"></simpo-delete-hover-element>\r\n </div>\r\n\r\n</section>\r\n", styles: [".hover_effect{position:absolute;width:100%;top:0;left:0;height:100%}.total-container{position:relative;height:auto}.content{padding:0px 10rem;width:90%;gap:3rem}.image{width:40%;flex:1}.image img{width:100%}.content-heading{width:60%;text-align:start}.content-description{width:100%;text-align:start}.active{font-weight:700;letter-spacing:.8px;border-bottom:2px solid;padding-bottom:20px}.tab{letter-spacing:.8px;border-bottom:2px solid;padding-bottom:20px;cursor:pointer}@media only screen and (max-width: 768px){.content{flex-direction:column;padding:0 2rem;width:100%;gap:2rem}.image{order:-1;width:100%}.image img,.content-heading{width:100%}.box{overflow-x:scroll;gap:10%;margin:auto!important;padding:10px;width:85%!important}.row-container{width:100%!important}.tab{letter-spacing:.5px;border-bottom:1px solid;padding-bottom:10px;cursor:pointer}.image{width:100%}}.g-25{gap:55px}.mt-1{margin-top:1rem}.justify-center{justify-content:center}\n"] }]
|
|
6194
6261
|
}], ctorParameters: () => [{ type: EventsService }], propDecorators: { data: [{
|
|
6195
6262
|
type: Input
|
|
6196
6263
|
}], edit: [{
|
|
@@ -7270,60 +7337,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImpor
|
|
|
7270
7337
|
type: Input
|
|
7271
7338
|
}] } });
|
|
7272
7339
|
|
|
7273
|
-
class SpacingHorizontalDirective {
|
|
7274
|
-
constructor(el, eventService) {
|
|
7275
|
-
this.el = el;
|
|
7276
|
-
this.eventService = eventService;
|
|
7277
|
-
this.positionLayoutChangeCheck();
|
|
7278
|
-
}
|
|
7279
|
-
ngOnChanges() {
|
|
7280
|
-
this.changeHorizontalSpacing();
|
|
7281
|
-
}
|
|
7282
|
-
ngOnDestroy() {
|
|
7283
|
-
if (this.positionLayoutSubscription) {
|
|
7284
|
-
this.positionLayoutSubscription.unsubscribe();
|
|
7285
|
-
}
|
|
7286
|
-
}
|
|
7287
|
-
changeHorizontalSpacing() {
|
|
7288
|
-
if (window.innerWidth <= 475) {
|
|
7289
|
-
this.el.nativeElement.style.setProperty("padding-left", '1rem');
|
|
7290
|
-
this.el.nativeElement.style.setProperty("padding-right", '1rem');
|
|
7291
|
-
this.el.nativeElement.style.setProperty("padding-top", '0.8rem');
|
|
7292
|
-
this.el.nativeElement.style.setProperty("padding-bottom", '0.8rem');
|
|
7293
|
-
}
|
|
7294
|
-
else if (window.innerWidth > 475 && window.innerWidth <= 1024) {
|
|
7295
|
-
this.el.nativeElement.style.setProperty("padding-left", SPACINGALIGN.small);
|
|
7296
|
-
this.el.nativeElement.style.setProperty("padding-right", SPACINGALIGN.small);
|
|
7297
|
-
this.el.nativeElement.style.setProperty("padding-top", '0.8rem');
|
|
7298
|
-
this.el.nativeElement.style.setProperty("padding-bottom", '0.8rem');
|
|
7299
|
-
}
|
|
7300
|
-
else {
|
|
7301
|
-
this.el.nativeElement.style.setProperty("padding-left", SPACINGALIGN[this.layout?.spacingHorizontal]);
|
|
7302
|
-
this.el.nativeElement.style.setProperty("padding-right", SPACINGALIGN[this.layout?.spacingHorizontal]);
|
|
7303
|
-
}
|
|
7304
|
-
}
|
|
7305
|
-
positionLayoutChangeCheck() {
|
|
7306
|
-
this.positionLayoutSubscription = this.eventService.postionLayoutChangeChecks.subscribe((res) => {
|
|
7307
|
-
if (this.el.nativeElement.id === res.id) {
|
|
7308
|
-
this.layout = res.data;
|
|
7309
|
-
this.changeHorizontalSpacing();
|
|
7310
|
-
}
|
|
7311
|
-
});
|
|
7312
|
-
}
|
|
7313
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: SpacingHorizontalDirective, deps: [{ token: i0.ElementRef }, { token: EventsService }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
7314
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.4", type: SpacingHorizontalDirective, isStandalone: true, selector: "[spacingHorizontal]", inputs: { layout: ["spacingHorizontal", "layout"] }, usesOnChanges: true, ngImport: i0 }); }
|
|
7315
|
-
}
|
|
7316
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: SpacingHorizontalDirective, decorators: [{
|
|
7317
|
-
type: Directive,
|
|
7318
|
-
args: [{
|
|
7319
|
-
selector: '[spacingHorizontal]',
|
|
7320
|
-
standalone: true
|
|
7321
|
-
}]
|
|
7322
|
-
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: EventsService }], propDecorators: { layout: [{
|
|
7323
|
-
type: Input,
|
|
7324
|
-
args: ['spacingHorizontal']
|
|
7325
|
-
}] } });
|
|
7326
|
-
|
|
7327
7340
|
class FeaturedProductsComponent extends BaseSection {
|
|
7328
7341
|
constructor(platformId, _eventService, restService, router, cartService,
|
|
7329
7342
|
// private readonly bottomSheet: MatBottomSheet,
|