simpo-component-library 2.0.64 → 2.0.65
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/elements/svg-divider/svg-divider.component.mjs +5 -2
- package/fesm2022/simpo-component-library.mjs +4 -1
- package/fesm2022/simpo-component-library.mjs.map +1 -1
- package/lib/elements/svg-divider/svg-divider.component.d.ts +1 -0
- package/lib/sections/banner-carousel/banner-carousel.component.d.ts +3 -3
- package/lib/sections/carousel-banner/carousel-banner.component.d.ts +1 -1
- package/lib/sections/image-section/image-section.component.d.ts +2 -2
- package/package.json +1 -1
- package/simpo-component-library-2.0.65.tgz +0 -0
- package/simpo-component-library-2.0.64.tgz +0 -0
|
@@ -12,8 +12,11 @@ export class SvgDividerComponent {
|
|
|
12
12
|
ngOnInit() {
|
|
13
13
|
this.svgType = svgData[this.dividerType || DeviderType.TILT];
|
|
14
14
|
}
|
|
15
|
+
ngOnChanges() {
|
|
16
|
+
this.svgType = svgData[this.dividerType || DeviderType.TILT];
|
|
17
|
+
}
|
|
15
18
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: SvgDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
16
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.4", type: SvgDividerComponent, isStandalone: true, selector: "simpo-svg-divider", inputs: { dividerType: "dividerType", color: "color" }, ngImport: i0, template: "<div class=\"custom-shape-divider-bottom\" [style.transform]=\"svgType.rotate ? 'rotate(180deg)' : ''\">\r\n <svg [attr.fill]=\"color\" [style.transform]=\"svgType.rotateY ? 'rotateY(180deg)' : ''\" data-name=\"Layer 1\"\r\n xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1200 120\" preserveAspectRatio=\"none\">\r\n <path [attr.d]=\"svgType.svg\" class=\"shape-fill\"></path>\r\n </svg>\r\n</div>\r\n", styles: [".custom-shape-divider-bottom{position:absolute;bottom:0;left:0;width:100%;overflow:hidden;line-height:0}.custom-shape-divider-bottom svg{position:relative;display:block;width:calc(100% + 1.3px);height:56px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
19
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.4", type: SvgDividerComponent, isStandalone: true, selector: "simpo-svg-divider", inputs: { dividerType: "dividerType", color: "color" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"custom-shape-divider-bottom\" [style.transform]=\"svgType.rotate ? 'rotate(180deg)' : ''\">\r\n <svg [attr.fill]=\"color\" [style.transform]=\"svgType.rotateY ? 'rotateY(180deg)' : ''\" data-name=\"Layer 1\"\r\n xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1200 120\" preserveAspectRatio=\"none\">\r\n <path [attr.d]=\"svgType.svg\" class=\"shape-fill\"></path>\r\n </svg>\r\n</div>\r\n", styles: [".custom-shape-divider-bottom{position:absolute;bottom:0;left:0;width:100%;overflow:hidden;line-height:0}.custom-shape-divider-bottom svg{position:relative;display:block;width:calc(100% + 1.3px);height:56px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
17
20
|
}
|
|
18
21
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: SvgDividerComponent, decorators: [{
|
|
19
22
|
type: Component,
|
|
@@ -23,4 +26,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImpor
|
|
|
23
26
|
}], color: [{
|
|
24
27
|
type: Input
|
|
25
28
|
}] } });
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3ZnLWRpdmlkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2ltcG8tdWkvc3JjL2xpYi9lbGVtZW50cy9zdmctZGl2aWRlci9zdmctZGl2aWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL2VsZW1lbnRzL3N2Zy1kaXZpZGVyL3N2Zy1kaXZpZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxXQUFXLEVBQUUsT0FBTyxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDMUQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDOztBQVMvQyxNQUFNLE9BQU8sbUJBQW1CO0lBUGhDO1FBUUUsb0JBQWUsR0FBRyxXQUFXLENBQUM7UUFDOUIsWUFBTyxHQUFHLE9BQU8sQ0FBQTtRQUVSLGdCQUFXLEdBQWlCLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDO1FBRy9ELFlBQU8sR0FBUSxPQUFPLENBQUMsSUFBSSxDQUFDO0tBUTdCO0lBUEMsUUFBUTtRQUNOLElBQUksQ0FBQyxPQUFPLEdBQUcsT0FBTyxDQUFDLElBQUksQ0FBQyxXQUFXLElBQUksV0FBVyxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQy9ELENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLE9BQU8sR0FBRyxPQUFPLENBQUMsSUFBSSxDQUFDLFdBQVcsSUFBSSxXQUFXLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDL0QsQ0FBQzs4R0FkVSxtQkFBbUI7a0dBQW5CLG1CQUFtQiwwSkNYaEMsK1pBTUEseVFEQ1ksWUFBWTs7MkZBSVgsbUJBQW1CO2tCQVAvQixTQUFTOytCQUNFLG1CQUFtQixjQUNqQixJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUM7OEJBUWQsV0FBVztzQkFBbkIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IERldmlkZXJUeXBlLCBzdmdEYXRhIH0gZnJvbSAnLi4vLi4vc3R5bGVzL2luZGV4JztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc2ltcG8tc3ZnLWRpdmlkZXInLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3N2Zy1kaXZpZGVyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vc3ZnLWRpdmlkZXIuY29tcG9uZW50LmNzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIFN2Z0RpdmlkZXJDb21wb25lbnQge1xyXG4gIGRldmlkZXJUeXBlRW51bSA9IERldmlkZXJUeXBlO1xyXG4gIHN2Z0RhdGEgPSBzdmdEYXRhXHJcblxyXG4gIEBJbnB1dCgpIGRpdmlkZXJUeXBlPzogRGV2aWRlclR5cGUgPSB0aGlzLmRldmlkZXJUeXBlRW51bS5USUxUO1xyXG4gIEBJbnB1dCgpIGNvbG9yPzogc3RyaW5nO1xyXG5cclxuICBzdmdUeXBlOiBhbnkgPSBzdmdEYXRhLlRJTFQ7XHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICB0aGlzLnN2Z1R5cGUgPSBzdmdEYXRhW3RoaXMuZGl2aWRlclR5cGUgfHwgRGV2aWRlclR5cGUuVElMVF07XHJcbiAgfVxyXG5cclxuICBuZ09uQ2hhbmdlcygpIHtcclxuICAgIHRoaXMuc3ZnVHlwZSA9IHN2Z0RhdGFbdGhpcy5kaXZpZGVyVHlwZSB8fCBEZXZpZGVyVHlwZS5USUxUXTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImN1c3RvbS1zaGFwZS1kaXZpZGVyLWJvdHRvbVwiIFtzdHlsZS50cmFuc2Zvcm1dPVwic3ZnVHlwZS5yb3RhdGUgPyAncm90YXRlKDE4MGRlZyknIDogJydcIj5cclxuICA8c3ZnIFthdHRyLmZpbGxdPVwiY29sb3JcIiBbc3R5bGUudHJhbnNmb3JtXT1cInN2Z1R5cGUucm90YXRlWSA/ICdyb3RhdGVZKDE4MGRlZyknIDogJydcIiBkYXRhLW5hbWU9XCJMYXllciAxXCJcclxuICAgIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB2aWV3Qm94PVwiMCAwIDEyMDAgMTIwXCIgcHJlc2VydmVBc3BlY3RSYXRpbz1cIm5vbmVcIj5cclxuICAgIDxwYXRoIFthdHRyLmRdPVwic3ZnVHlwZS5zdmdcIiBjbGFzcz1cInNoYXBlLWZpbGxcIj48L3BhdGg+XHJcbiAgPC9zdmc+XHJcbjwvZGl2PlxyXG4iXX0=
|
|
@@ -1328,8 +1328,11 @@ class SvgDividerComponent {
|
|
|
1328
1328
|
ngOnInit() {
|
|
1329
1329
|
this.svgType = svgData[this.dividerType || DeviderType.TILT];
|
|
1330
1330
|
}
|
|
1331
|
+
ngOnChanges() {
|
|
1332
|
+
this.svgType = svgData[this.dividerType || DeviderType.TILT];
|
|
1333
|
+
}
|
|
1331
1334
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: SvgDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1332
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.4", type: SvgDividerComponent, isStandalone: true, selector: "simpo-svg-divider", inputs: { dividerType: "dividerType", color: "color" }, ngImport: i0, template: "<div class=\"custom-shape-divider-bottom\" [style.transform]=\"svgType.rotate ? 'rotate(180deg)' : ''\">\r\n <svg [attr.fill]=\"color\" [style.transform]=\"svgType.rotateY ? 'rotateY(180deg)' : ''\" data-name=\"Layer 1\"\r\n xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1200 120\" preserveAspectRatio=\"none\">\r\n <path [attr.d]=\"svgType.svg\" class=\"shape-fill\"></path>\r\n </svg>\r\n</div>\r\n", styles: [".custom-shape-divider-bottom{position:absolute;bottom:0;left:0;width:100%;overflow:hidden;line-height:0}.custom-shape-divider-bottom svg{position:relative;display:block;width:calc(100% + 1.3px);height:56px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
1335
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.4", type: SvgDividerComponent, isStandalone: true, selector: "simpo-svg-divider", inputs: { dividerType: "dividerType", color: "color" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"custom-shape-divider-bottom\" [style.transform]=\"svgType.rotate ? 'rotate(180deg)' : ''\">\r\n <svg [attr.fill]=\"color\" [style.transform]=\"svgType.rotateY ? 'rotateY(180deg)' : ''\" data-name=\"Layer 1\"\r\n xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1200 120\" preserveAspectRatio=\"none\">\r\n <path [attr.d]=\"svgType.svg\" class=\"shape-fill\"></path>\r\n </svg>\r\n</div>\r\n", styles: [".custom-shape-divider-bottom{position:absolute;bottom:0;left:0;width:100%;overflow:hidden;line-height:0}.custom-shape-divider-bottom svg{position:relative;display:block;width:calc(100% + 1.3px);height:56px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
1333
1336
|
}
|
|
1334
1337
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: SvgDividerComponent, decorators: [{
|
|
1335
1338
|
type: Component,
|