simpo-component-library 1.6.38 → 1.6.40
Sign up to get free protection for your applications and to get access to all the features.
- package/esm2022/lib/ecommerce/sections/category-product/category-product.component.mjs +16 -13
- package/esm2022/lib/ecommerce/sections/product-category-list/product-category-list.component.mjs +9 -4
- package/esm2022/lib/ecommerce/sections/product-desc/product-desc.component.mjs +4 -4
- package/esm2022/lib/elements/card-skeleton-loader/card-skeleton-loader.component.mjs +13 -4
- package/fesm2022/simpo-component-library.mjs +31 -15
- package/fesm2022/simpo-component-library.mjs.map +1 -1
- package/lib/ecommerce/sections/category-product/category-product.component.d.ts +2 -3
- package/lib/ecommerce/sections/product-category-list/product-category-list.component.d.ts +1 -0
- package/lib/elements/card-skeleton-loader/card-skeleton-loader.component.d.ts +4 -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/package.json +1 -1
- package/simpo-component-library-1.6.39.tgz +0 -0
- package/simpo-component-library-1.6.40.tgz +0 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
1
|
+
import { Component, HostListener, Input } from '@angular/core';
|
|
2
2
|
import { SimpoComponentModule } from '../../components/index';
|
|
3
3
|
import { CommonModule } from '@angular/common';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
@@ -9,18 +9,27 @@ export class CardSkeletonLoaderComponent {
|
|
|
9
9
|
this.count = 5;
|
|
10
10
|
this.showTitles = false;
|
|
11
11
|
}
|
|
12
|
+
getScreenSize() {
|
|
13
|
+
this.count = 2;
|
|
14
|
+
}
|
|
15
|
+
ngOnInit() {
|
|
16
|
+
this.getScreenSize();
|
|
17
|
+
}
|
|
12
18
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: CardSkeletonLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.4", type: CardSkeletonLoaderComponent, isStandalone: true, selector: "simpo-card-skeleton-loader", inputs: { count: "count", showTitles: "showTitles" }, ngImport: i0, template: "<div class=\"d-flex flex-column\" style=\"margin-left: 20px;\" *ngIf=\"showTitles\">\r\n <ngx-skeleton-loader [theme]=\"{\r\n width: '10vw',\r\n 'border-radius': '0',\r\n height: '25px',\r\n 'margin-bottom': '20px'\r\n }\"></ngx-skeleton-loader>\r\n <ngx-skeleton-loader [theme]=\"{\r\n width: '16vw',\r\n 'border-radius': '0',\r\n height: '10px',\r\n 'margin-bottom': '10px'\r\n }\"></ngx-skeleton-loader>\r\n</div>\r\n<div class=\"skeleton-parent\">\r\n <div class=\"skeleton\" *ngFor=\"let _ of [].constructor(
|
|
19
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.4", type: CardSkeletonLoaderComponent, isStandalone: true, selector: "simpo-card-skeleton-loader", inputs: { count: "count", showTitles: "showTitles" }, host: { listeners: { "window: resize": "getScreenSize($event)" } }, ngImport: i0, template: "<div class=\"d-flex flex-column\" style=\"margin-left: 20px;\" *ngIf=\"showTitles\">\r\n <ngx-skeleton-loader [theme]=\"{\r\n width: '10vw',\r\n 'border-radius': '0',\r\n height: '25px',\r\n 'margin-bottom': '20px'\r\n }\"></ngx-skeleton-loader>\r\n <ngx-skeleton-loader [theme]=\"{\r\n width: '16vw',\r\n 'border-radius': '0',\r\n height: '10px',\r\n 'margin-bottom': '10px'\r\n }\"></ngx-skeleton-loader>\r\n</div>\r\n<div class=\"skeleton-parent\">\r\n <div class=\"skeleton\" *ngFor=\"let _ of [].constructor(count)\">\r\n <ngx-skeleton-loader count=\"1\" appearance=\"circle\" [theme]=\"{\r\n width: '100%',\r\n height: '25vh',\r\n 'border-radius': '10px',\r\n 'position': 'relative',\r\n 'right': '5px'\r\n }\">\r\n </ngx-skeleton-loader>\r\n <div class=\"second-section-wrapper\">\r\n <div class=\"wrapper\">\r\n <ngx-skeleton-loader [theme]=\"{\r\n width: '80%',\r\n 'border-radius': '0',\r\n height: '15px',\r\n 'margin-bottom': '10px'\r\n }\"></ngx-skeleton-loader>\r\n </div>\r\n <div class=\"wrapper\">\r\n <ngx-skeleton-loader [theme]=\"{\r\n width: '90%',\r\n 'border-radius': '0',\r\n height: '15px',\r\n 'margin-bottom': '10px'\r\n }\"></ngx-skeleton-loader>\r\n </div>\r\n <div class=\"wrapper\">\r\n <ngx-skeleton-loader [theme]=\"{\r\n width: '60%',\r\n 'border-radius': '0',\r\n height: '15px',\r\n 'margin-bottom': '10px'\r\n }\"></ngx-skeleton-loader>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: [".skeleton-parent{display:flex;gap:15px;padding-left:20px;padding-right:20px;width:100%}.skeleton{padding:10px;border:1px solid #e5e7eb;width:20%;border-radius:10px}.wrapper{width:100%;flex:1}.second-section-wrapper{width:100%;height:auto;flex:1}@media screen and (max-width: 475px){.skeleton{width:50%}}\n"], dependencies: [{ 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: SimpoComponentModule }, { kind: "component", type: i2.NgxSkeletonLoaderComponent, selector: "ngx-skeleton-loader", inputs: ["count", "loadingText", "appearance", "animation", "ariaLabel", "theme"] }] }); }
|
|
14
20
|
}
|
|
15
21
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: CardSkeletonLoaderComponent, decorators: [{
|
|
16
22
|
type: Component,
|
|
17
23
|
args: [{ selector: 'simpo-card-skeleton-loader', standalone: true, imports: [
|
|
18
24
|
CommonModule,
|
|
19
25
|
SimpoComponentModule
|
|
20
|
-
], template: "<div class=\"d-flex flex-column\" style=\"margin-left: 20px;\" *ngIf=\"showTitles\">\r\n <ngx-skeleton-loader [theme]=\"{\r\n width: '10vw',\r\n 'border-radius': '0',\r\n height: '25px',\r\n 'margin-bottom': '20px'\r\n }\"></ngx-skeleton-loader>\r\n <ngx-skeleton-loader [theme]=\"{\r\n width: '16vw',\r\n 'border-radius': '0',\r\n height: '10px',\r\n 'margin-bottom': '10px'\r\n }\"></ngx-skeleton-loader>\r\n</div>\r\n<div class=\"skeleton-parent\">\r\n <div class=\"skeleton\" *ngFor=\"let _ of [].constructor(
|
|
26
|
+
], template: "<div class=\"d-flex flex-column\" style=\"margin-left: 20px;\" *ngIf=\"showTitles\">\r\n <ngx-skeleton-loader [theme]=\"{\r\n width: '10vw',\r\n 'border-radius': '0',\r\n height: '25px',\r\n 'margin-bottom': '20px'\r\n }\"></ngx-skeleton-loader>\r\n <ngx-skeleton-loader [theme]=\"{\r\n width: '16vw',\r\n 'border-radius': '0',\r\n height: '10px',\r\n 'margin-bottom': '10px'\r\n }\"></ngx-skeleton-loader>\r\n</div>\r\n<div class=\"skeleton-parent\">\r\n <div class=\"skeleton\" *ngFor=\"let _ of [].constructor(count)\">\r\n <ngx-skeleton-loader count=\"1\" appearance=\"circle\" [theme]=\"{\r\n width: '100%',\r\n height: '25vh',\r\n 'border-radius': '10px',\r\n 'position': 'relative',\r\n 'right': '5px'\r\n }\">\r\n </ngx-skeleton-loader>\r\n <div class=\"second-section-wrapper\">\r\n <div class=\"wrapper\">\r\n <ngx-skeleton-loader [theme]=\"{\r\n width: '80%',\r\n 'border-radius': '0',\r\n height: '15px',\r\n 'margin-bottom': '10px'\r\n }\"></ngx-skeleton-loader>\r\n </div>\r\n <div class=\"wrapper\">\r\n <ngx-skeleton-loader [theme]=\"{\r\n width: '90%',\r\n 'border-radius': '0',\r\n height: '15px',\r\n 'margin-bottom': '10px'\r\n }\"></ngx-skeleton-loader>\r\n </div>\r\n <div class=\"wrapper\">\r\n <ngx-skeleton-loader [theme]=\"{\r\n width: '60%',\r\n 'border-radius': '0',\r\n height: '15px',\r\n 'margin-bottom': '10px'\r\n }\"></ngx-skeleton-loader>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: [".skeleton-parent{display:flex;gap:15px;padding-left:20px;padding-right:20px;width:100%}.skeleton{padding:10px;border:1px solid #e5e7eb;width:20%;border-radius:10px}.wrapper{width:100%;flex:1}.second-section-wrapper{width:100%;height:auto;flex:1}@media screen and (max-width: 475px){.skeleton{width:50%}}\n"] }]
|
|
21
27
|
}], propDecorators: { count: [{
|
|
22
28
|
type: Input
|
|
23
29
|
}], showTitles: [{
|
|
24
30
|
type: Input
|
|
31
|
+
}], getScreenSize: [{
|
|
32
|
+
type: HostListener,
|
|
33
|
+
args: ["window: resize", ["$event"]]
|
|
25
34
|
}] } });
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
35
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1za2VsZXRvbi1sb2FkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2ltcG8tdWkvc3JjL2xpYi9lbGVtZW50cy9jYXJkLXNrZWxldG9uLWxvYWRlci9jYXJkLXNrZWxldG9uLWxvYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL2VsZW1lbnRzL2NhcmQtc2tlbGV0b24tbG9hZGVyL2NhcmQtc2tlbGV0b24tbG9hZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUM5RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7Ozs7QUFZL0MsTUFBTSxPQUFPLDJCQUEyQjtJQVZ4QztRQVlXLFVBQUssR0FBVyxDQUFDLENBQUM7UUFDbEIsZUFBVSxHQUFZLEtBQUssQ0FBQztLQVV0QztJQVBDLGFBQWE7UUFDWCxJQUFJLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQztJQUNqQixDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUN2QixDQUFDOzhHQVpVLDJCQUEyQjtrR0FBM0IsMkJBQTJCLGdOQ2R4QyxreERBbURNLDBXRDNDRixZQUFZLCtQQUNaLG9CQUFvQjs7MkZBS1gsMkJBQTJCO2tCQVZ2QyxTQUFTOytCQUNFLDRCQUE0QixjQUMxQixJQUFJLFdBQ1A7d0JBQ1AsWUFBWTt3QkFDWixvQkFBb0I7cUJBQ3JCOzhCQU1RLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUdOLGFBQWE7c0JBRFosWUFBWTt1QkFBQyxnQkFBZ0IsRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdExpc3RlbmVyLCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFNpbXBvQ29tcG9uZW50TW9kdWxlIH0gZnJvbSAnLi4vLi4vY29tcG9uZW50cy9pbmRleCc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3NpbXBvLWNhcmQtc2tlbGV0b24tbG9hZGVyJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIFNpbXBvQ29tcG9uZW50TW9kdWxlXHJcbiAgXSxcclxuICB0ZW1wbGF0ZVVybDogJy4vY2FyZC1za2VsZXRvbi1sb2FkZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9jYXJkLXNrZWxldG9uLWxvYWRlci5jb21wb25lbnQuY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgQ2FyZFNrZWxldG9uTG9hZGVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgQElucHV0KCkgY291bnQ6IG51bWJlciA9IDU7XHJcbiAgQElucHV0KCkgc2hvd1RpdGxlczogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICBASG9zdExpc3RlbmVyKFwid2luZG93OiByZXNpemVcIiwgW1wiJGV2ZW50XCJdKVxyXG4gIGdldFNjcmVlblNpemUoKSB7XHJcbiAgICB0aGlzLmNvdW50ID0gMjtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5nZXRTY3JlZW5TaXplKCk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJkLWZsZXggZmxleC1jb2x1bW5cIiBzdHlsZT1cIm1hcmdpbi1sZWZ0OiAyMHB4O1wiICpuZ0lmPVwic2hvd1RpdGxlc1wiPlxyXG4gICAgPG5neC1za2VsZXRvbi1sb2FkZXIgW3RoZW1lXT1cIntcclxuICAgICAgICB3aWR0aDogJzEwdncnLFxyXG4gICAgICAgICdib3JkZXItcmFkaXVzJzogJzAnLFxyXG4gICAgICAgIGhlaWdodDogJzI1cHgnLFxyXG4gICAgICAgICdtYXJnaW4tYm90dG9tJzogJzIwcHgnXHJcbiAgICB9XCI+PC9uZ3gtc2tlbGV0b24tbG9hZGVyPlxyXG4gICAgPG5neC1za2VsZXRvbi1sb2FkZXIgW3RoZW1lXT1cIntcclxuICAgICAgICB3aWR0aDogJzE2dncnLFxyXG4gICAgICAgICdib3JkZXItcmFkaXVzJzogJzAnLFxyXG4gICAgICAgIGhlaWdodDogJzEwcHgnLFxyXG4gICAgICAgICdtYXJnaW4tYm90dG9tJzogJzEwcHgnXHJcbiAgICB9XCI+PC9uZ3gtc2tlbGV0b24tbG9hZGVyPlxyXG48L2Rpdj5cclxuPGRpdiBjbGFzcz1cInNrZWxldG9uLXBhcmVudFwiPlxyXG4gICAgPGRpdiBjbGFzcz1cInNrZWxldG9uXCIgKm5nRm9yPVwibGV0IF8gb2YgW10uY29uc3RydWN0b3IoY291bnQpXCI+XHJcbiAgICAgIDxuZ3gtc2tlbGV0b24tbG9hZGVyIGNvdW50PVwiMVwiIGFwcGVhcmFuY2U9XCJjaXJjbGVcIiBbdGhlbWVdPVwie1xyXG4gICAgICAgIHdpZHRoOiAnMTAwJScsXHJcbiAgICAgICAgaGVpZ2h0OiAnMjV2aCcsXHJcbiAgICAgICAgJ2JvcmRlci1yYWRpdXMnOiAnMTBweCcsXHJcbiAgICAgICAgJ3Bvc2l0aW9uJzogJ3JlbGF0aXZlJyxcclxuICAgICAgICAncmlnaHQnOiAnNXB4J1xyXG4gICAgICB9XCI+XHJcbiAgICAgIDwvbmd4LXNrZWxldG9uLWxvYWRlcj5cclxuICAgICAgPGRpdiBjbGFzcz1cInNlY29uZC1zZWN0aW9uLXdyYXBwZXJcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwid3JhcHBlclwiPlxyXG4gICAgICAgICAgPG5neC1za2VsZXRvbi1sb2FkZXIgW3RoZW1lXT1cIntcclxuICAgICAgICAgICAgICB3aWR0aDogJzgwJScsXHJcbiAgICAgICAgICAgICAgJ2JvcmRlci1yYWRpdXMnOiAnMCcsXHJcbiAgICAgICAgICAgICAgaGVpZ2h0OiAnMTVweCcsXHJcbiAgICAgICAgICAgICAgJ21hcmdpbi1ib3R0b20nOiAnMTBweCdcclxuICAgICAgICAgICAgfVwiPjwvbmd4LXNrZWxldG9uLWxvYWRlcj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwid3JhcHBlclwiPlxyXG4gICAgICAgICAgPG5neC1za2VsZXRvbi1sb2FkZXIgW3RoZW1lXT1cIntcclxuICAgICAgICAgICAgICB3aWR0aDogJzkwJScsXHJcbiAgICAgICAgICAgICAgJ2JvcmRlci1yYWRpdXMnOiAnMCcsXHJcbiAgICAgICAgICAgICAgaGVpZ2h0OiAnMTVweCcsXHJcbiAgICAgICAgICAgICAgJ21hcmdpbi1ib3R0b20nOiAnMTBweCdcclxuICAgICAgICAgICAgfVwiPjwvbmd4LXNrZWxldG9uLWxvYWRlcj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwid3JhcHBlclwiPlxyXG4gICAgICAgICAgPG5neC1za2VsZXRvbi1sb2FkZXIgW3RoZW1lXT1cIntcclxuICAgICAgICAgICAgICB3aWR0aDogJzYwJScsXHJcbiAgICAgICAgICAgICAgJ2JvcmRlci1yYWRpdXMnOiAnMCcsXHJcbiAgICAgICAgICAgICAgaGVpZ2h0OiAnMTVweCcsXHJcbiAgICAgICAgICAgICAgJ21hcmdpbi1ib3R0b20nOiAnMTBweCdcclxuICAgICAgICAgICAgfVwiPjwvbmd4LXNrZWxldG9uLWxvYWRlcj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+Il19
|