ctt-babylon 0.0.173 → 0.0.174
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/components/core/babylon-offers-list/babylon-offers-list.component.mjs +3 -3
- package/esm2022/lib/interfaces/babylon-room.interace.mjs +1 -1
- package/fesm2022/ctt-babylon.mjs +3 -3
- package/fesm2022/ctt-babylon.mjs.map +1 -1
- package/lib/interfaces/babylon-room.interace.d.ts +2 -0
- package/package.json +1 -1
|
@@ -9,11 +9,11 @@ export class BabylonOffersListComponent {
|
|
|
9
9
|
this.offerClick = new EventEmitter();
|
|
10
10
|
}
|
|
11
11
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonOffersListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonOffersListComponent, isStandalone: true, selector: "lib-babylon-offers-list", inputs: { pretitle: "pretitle", title: "title", items: "items" }, outputs: { offerClick: "offerClick" }, ngImport: i0, template: "<section class=\"babylon__offers-list margin-main\">\r\n <div class=\"container\">\r\n <div class=\"intro_info align--center\">\r\n @if(pretitle){\r\n <h2 class=\"pretitle mb--10\">{{ pretitle }}</h2>\r\n } @if(title){\r\n <h3 class=\"title\" >{{ title }}</h3>\r\n }\r\n </div>\r\n </div>\r\n @if (items?.length) {\r\n <div class=\"container\">\r\n <div class=\"row cs_gap_y_80\">\r\n @for (item of items; track $index) {\r\n <div class=\"col-lg-6\">\r\n <div class=\"cs_card cs_style_2 text-center\">\r\n @if (item.img) {\r\n <div class=\"cs_card_thumb d-block position-relative cs_primary_bg cs--radius\">\r\n <img [src]=\"item?.img?.src\" [alt]=\"item?.img?.alt\" class=\"cs--radius\">\r\n @if(item.seeOfferButton){\r\n <div class=\"cs_card_hover cs_center position-absolute\">\r\n <div class=\"cs_card_btn position-relative cs_zindex_2\">\r\n <div class=\"btns__box align--center \">\r\n <a\r\n [href]=\"item.
|
|
12
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonOffersListComponent, isStandalone: true, selector: "lib-babylon-offers-list", inputs: { pretitle: "pretitle", title: "title", items: "items" }, outputs: { offerClick: "offerClick" }, ngImport: i0, template: "<section class=\"babylon__offers-list margin-main\">\r\n <div class=\"container\">\r\n <div class=\"intro_info align--center\">\r\n @if(pretitle){\r\n <h2 class=\"pretitle mb--10\">{{ pretitle }}</h2>\r\n } @if(title){\r\n <h3 class=\"title\" >{{ title }}</h3>\r\n }\r\n </div>\r\n </div>\r\n @if (items?.length) {\r\n <div class=\"container\">\r\n <div class=\"row cs_gap_y_80\">\r\n @for (item of items; track $index) {\r\n <div class=\"col-lg-6\">\r\n <div class=\"cs_card cs_style_2 text-center\">\r\n @if (item.img) {\r\n <div class=\"cs_card_thumb d-block position-relative cs_primary_bg cs--radius\">\r\n <img [src]=\"item?.img?.src\" [alt]=\"item?.img?.alt\" class=\"cs--radius\">\r\n @if(item.seeOfferButton){\r\n <div class=\"cs_card_hover cs_center position-absolute\">\r\n <div class=\"cs_card_btn position-relative cs_zindex_2\">\r\n <div class=\"btns__box align--center \">\r\n <a\r\n [href]=\"item.offerUrl\"\r\n [routerLink]=\"item.offerUrl\"\r\n (click)=\"offerClick.emit(item.id)\"\r\n class=\"btn btn_primary btn--light \"\r\n >\r\n <b>{{item?.seeOfferButton?.label}}</b>\r\n <span class=\"babylon-arrow-right-big\"></span>\r\n </a>\r\n </div>\r\n </div>\r\n </div>\r\n }\r\n <div class=\"cs_card_hover_overlay position-absolute h-100 w-100 start-0 top-0\"></div>\r\n </div>\r\n }\r\n <div class=\"cs_card_info position-relative row\">\r\n <div class=\"col-xl-8 col-lg-7\">\r\n <div class=\"intro_info no-align\">\r\n @if(item.pretitle){\r\n <h3 class=\"pretitle mb--10\" >{{ item?.pretitle}}</h3>\r\n } @if(item.title){\r\n <h2 class=\"title--small mb--10\" >{{ item?.title}}</h2>\r\n }\r\n </div>\r\n </div>\r\n <div class=\"col-xl-4 col-lg-5\">\r\n @if(item.price){\r\n <h4 class=\"subtitle mb--10 \"><span class=\"text\">{{ item?.labelFrom }}</span> {{ item?.price }}{{ item.currency | currencySymbol }}</h4>\r\n } @if(item.discount){\r\n <h4 class=\"subtitle mb--10 \"><span class=\"text\">{{ item?.labelFrom }}</span> {{ item?.discount }}%</h4>\r\n } @if(item.reserveButton){\r\n <a\r\n [href]=\"item.offerUrl\"\r\n [routerLink]=\"item.offerUrl\"\r\n (click)=\"offerClick.emit(item.id)\"\r\n class=\"btn btn_call btn--light \"\r\n >\r\n <b>{{item?.reserveButton?.label}}</b>\r\n <span class=\"babylon-arrow-right-big\"></span>\r\n </a>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n }\r\n </section>\r\n", styles: [".cs_card.cs_style_2 .cs_card_info{padding:10px 15px 0}.cs_card.cs_style_2 .cs_card_hover{inset:25px;z-index:2}.cs_card.cs_style_2 .cs_card_hover:before,.cs_card.cs_style_2 .cs_card_hover:after{content:\"\";position:absolute;height:0%;width:0%;transition:all .5s ease}.cs_card.cs_style_2 .cs_card_hover:before{left:0;bottom:0;border:1px solid var(--cl_accent);border-top-width:0;border-right-width:0}.cs_card.cs_style_2 .cs_card_hover:after{right:0;top:0;border:1px solid var(--cl_accent);border-bottom-width:0;border-left-width:0}.cs_card.cs_style_2 .cs_card_btn{transform:scale(0);opacity:0;transition:all .5s cubic-bezier(.5,2.2,.7,.7)}.cs_card.cs_style_2 .cs_card_hover_overlay{background-color:#1b1b1b80;opacity:0;transition:all .5s ease}.cs_card.cs_style_2:hover .cs_card_hover:before,.cs_card.cs_style_2:hover .cs_card_hover:after{height:100%;width:100%}.cs_card.cs_style_2:hover .cs_card_btn{opacity:1;transform:scale(1);transition-delay:.1s}.cs_card.cs_style_2:hover .cs_card_hover_overlay{opacity:1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: BabylonCurrencyPipe, name: "currencySymbol" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
13
13
|
}
|
|
14
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonOffersListComponent, decorators: [{
|
|
15
15
|
type: Component,
|
|
16
|
-
args: [{ selector: 'lib-babylon-offers-list', standalone: true, imports: [CommonModule, RouterModule, BabylonCurrencyPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"babylon__offers-list margin-main\">\r\n <div class=\"container\">\r\n <div class=\"intro_info align--center\">\r\n @if(pretitle){\r\n <h2 class=\"pretitle mb--10\">{{ pretitle }}</h2>\r\n } @if(title){\r\n <h3 class=\"title\" >{{ title }}</h3>\r\n }\r\n </div>\r\n </div>\r\n @if (items?.length) {\r\n <div class=\"container\">\r\n <div class=\"row cs_gap_y_80\">\r\n @for (item of items; track $index) {\r\n <div class=\"col-lg-6\">\r\n <div class=\"cs_card cs_style_2 text-center\">\r\n @if (item.img) {\r\n <div class=\"cs_card_thumb d-block position-relative cs_primary_bg cs--radius\">\r\n <img [src]=\"item?.img?.src\" [alt]=\"item?.img?.alt\" class=\"cs--radius\">\r\n @if(item.seeOfferButton){\r\n <div class=\"cs_card_hover cs_center position-absolute\">\r\n <div class=\"cs_card_btn position-relative cs_zindex_2\">\r\n <div class=\"btns__box align--center \">\r\n <a\r\n [href]=\"item.
|
|
16
|
+
args: [{ selector: 'lib-babylon-offers-list', standalone: true, imports: [CommonModule, RouterModule, BabylonCurrencyPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"babylon__offers-list margin-main\">\r\n <div class=\"container\">\r\n <div class=\"intro_info align--center\">\r\n @if(pretitle){\r\n <h2 class=\"pretitle mb--10\">{{ pretitle }}</h2>\r\n } @if(title){\r\n <h3 class=\"title\" >{{ title }}</h3>\r\n }\r\n </div>\r\n </div>\r\n @if (items?.length) {\r\n <div class=\"container\">\r\n <div class=\"row cs_gap_y_80\">\r\n @for (item of items; track $index) {\r\n <div class=\"col-lg-6\">\r\n <div class=\"cs_card cs_style_2 text-center\">\r\n @if (item.img) {\r\n <div class=\"cs_card_thumb d-block position-relative cs_primary_bg cs--radius\">\r\n <img [src]=\"item?.img?.src\" [alt]=\"item?.img?.alt\" class=\"cs--radius\">\r\n @if(item.seeOfferButton){\r\n <div class=\"cs_card_hover cs_center position-absolute\">\r\n <div class=\"cs_card_btn position-relative cs_zindex_2\">\r\n <div class=\"btns__box align--center \">\r\n <a\r\n [href]=\"item.offerUrl\"\r\n [routerLink]=\"item.offerUrl\"\r\n (click)=\"offerClick.emit(item.id)\"\r\n class=\"btn btn_primary btn--light \"\r\n >\r\n <b>{{item?.seeOfferButton?.label}}</b>\r\n <span class=\"babylon-arrow-right-big\"></span>\r\n </a>\r\n </div>\r\n </div>\r\n </div>\r\n }\r\n <div class=\"cs_card_hover_overlay position-absolute h-100 w-100 start-0 top-0\"></div>\r\n </div>\r\n }\r\n <div class=\"cs_card_info position-relative row\">\r\n <div class=\"col-xl-8 col-lg-7\">\r\n <div class=\"intro_info no-align\">\r\n @if(item.pretitle){\r\n <h3 class=\"pretitle mb--10\" >{{ item?.pretitle}}</h3>\r\n } @if(item.title){\r\n <h2 class=\"title--small mb--10\" >{{ item?.title}}</h2>\r\n }\r\n </div>\r\n </div>\r\n <div class=\"col-xl-4 col-lg-5\">\r\n @if(item.price){\r\n <h4 class=\"subtitle mb--10 \"><span class=\"text\">{{ item?.labelFrom }}</span> {{ item?.price }}{{ item.currency | currencySymbol }}</h4>\r\n } @if(item.discount){\r\n <h4 class=\"subtitle mb--10 \"><span class=\"text\">{{ item?.labelFrom }}</span> {{ item?.discount }}%</h4>\r\n } @if(item.reserveButton){\r\n <a\r\n [href]=\"item.offerUrl\"\r\n [routerLink]=\"item.offerUrl\"\r\n (click)=\"offerClick.emit(item.id)\"\r\n class=\"btn btn_call btn--light \"\r\n >\r\n <b>{{item?.reserveButton?.label}}</b>\r\n <span class=\"babylon-arrow-right-big\"></span>\r\n </a>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n }\r\n </section>\r\n", styles: [".cs_card.cs_style_2 .cs_card_info{padding:10px 15px 0}.cs_card.cs_style_2 .cs_card_hover{inset:25px;z-index:2}.cs_card.cs_style_2 .cs_card_hover:before,.cs_card.cs_style_2 .cs_card_hover:after{content:\"\";position:absolute;height:0%;width:0%;transition:all .5s ease}.cs_card.cs_style_2 .cs_card_hover:before{left:0;bottom:0;border:1px solid var(--cl_accent);border-top-width:0;border-right-width:0}.cs_card.cs_style_2 .cs_card_hover:after{right:0;top:0;border:1px solid var(--cl_accent);border-bottom-width:0;border-left-width:0}.cs_card.cs_style_2 .cs_card_btn{transform:scale(0);opacity:0;transition:all .5s cubic-bezier(.5,2.2,.7,.7)}.cs_card.cs_style_2 .cs_card_hover_overlay{background-color:#1b1b1b80;opacity:0;transition:all .5s ease}.cs_card.cs_style_2:hover .cs_card_hover:before,.cs_card.cs_style_2:hover .cs_card_hover:after{height:100%;width:100%}.cs_card.cs_style_2:hover .cs_card_btn{opacity:1;transform:scale(1);transition-delay:.1s}.cs_card.cs_style_2:hover .cs_card_hover_overlay{opacity:1}\n"] }]
|
|
17
17
|
}], propDecorators: { pretitle: [{
|
|
18
18
|
type: Input
|
|
19
19
|
}], title: [{
|
|
@@ -23,4 +23,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
23
23
|
}], offerClick: [{
|
|
24
24
|
type: Output
|
|
25
25
|
}] } });
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFieWxvbi1vZmZlcnMtbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYWJ5bG9uL3NyYy9saWIvY29tcG9uZW50cy9jb3JlL2JhYnlsb24tb2ZmZXJzLWxpc3QvYmFieWxvbi1vZmZlcnMtbGlzdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYWJ5bG9uL3NyYy9saWIvY29tcG9uZW50cy9jb3JlL2JhYnlsb24tb2ZmZXJzLWxpc3QvYmFieWxvbi1vZmZlcnMtbGlzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBR2hHLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sc0NBQXNDLENBQUM7OztBQVUzRSxNQUFNLE9BQU8sMEJBQTBCO0lBUnZDO1FBYVksZUFBVSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7S0FDbkQ7K0dBTlksMEJBQTBCO21HQUExQiwwQkFBMEIsNExDZnZDLGsvSEEwRUEsMmlDRGhFWSxZQUFZLDhCQUFFLFlBQVksMlFBQUUsbUJBQW1COzs0RkFLOUMsMEJBQTBCO2tCQVJ0QyxTQUFTOytCQUNFLHlCQUF5QixjQUN2QixJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsWUFBWSxFQUFFLG1CQUFtQixDQUFDLG1CQUd6Qyx1QkFBdUIsQ0FBQyxNQUFNOzhCQUd0QyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBRUksVUFBVTtzQkFBbkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBCYWJ5bG9uSW1hZ2VJIH0gZnJvbSAnLi4vLi4vLi4vaW50ZXJmYWNlcy9iYWJ5bG9uLWltYWdlLmludGVyZmFjZSc7XHJcbmltcG9ydCB7IEJhYnlsb25CdXR0b25JIH0gZnJvbSAnLi4vLi4vLi4vaW50ZXJmYWNlcy9iYWJ5bG9uLWJ1dHRvbi5pbnRlcmZhY2UnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBSb3V0ZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xyXG5pbXBvcnQgeyBCYWJ5bG9uQ3VycmVuY3lQaXBlIH0gZnJvbSAnLi4vLi4vLi4vcGlwZXMvYmFieWxvbi1jdXJyZW5jeS5waXBlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWJhYnlsb24tb2ZmZXJzLWxpc3QnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgUm91dGVyTW9kdWxlLCBCYWJ5bG9uQ3VycmVuY3lQaXBlXSxcclxuICB0ZW1wbGF0ZVVybDogJy4vYmFieWxvbi1vZmZlcnMtbGlzdC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2JhYnlsb24tb2ZmZXJzLWxpc3QuY29tcG9uZW50LnNjc3MnLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQmFieWxvbk9mZmVyc0xpc3RDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIHByZXRpdGxlPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHRpdGxlPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGl0ZW1zPzogQmFieWxvbk9mZmVyc0xpc3RJdGVtW107XHJcblxyXG4gIEBPdXRwdXQoKSBvZmZlckNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxudW1iZXI+KCk7XHJcbn1cclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgQmFieWxvbk9mZmVyc0xpc3RJdGVtIHtcclxuICBpZD86IG51bWJlcjtcclxuICB0aXRsZT86IHN0cmluZztcclxuICBwcmV0aXRsZT86IHN0cmluZztcclxuICBsYWJlbEZyb20/OiBzdHJpbmc7XHJcbiAgcHJpY2U/OiBzdHJpbmc7XHJcbiAgY3VycmVuY3k6IHN0cmluZztcclxuICBpbWc/OiBCYWJ5bG9uSW1hZ2VJO1xyXG4gIG9mZmVyVXJsPzogc3RyaW5nO1xyXG4gIHNlZU9mZmVyQnV0dG9uPzogQmFieWxvbkJ1dHRvbkk7XHJcbiAgcmVzZXJ2ZUJ1dHRvbj86IEJhYnlsb25CdXR0b25JO1xyXG4gIGRpc2NvdW50PzogbnVtYmVyO1xyXG59XHJcbiIsIjxzZWN0aW9uIGNsYXNzPVwiYmFieWxvbl9fb2ZmZXJzLWxpc3QgbWFyZ2luLW1haW5cIj5cclxuICAgIDxkaXYgY2xhc3M9XCJjb250YWluZXJcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiaW50cm9faW5mbyBhbGlnbi0tY2VudGVyXCI+XHJcbiAgICAgICAgICBAaWYocHJldGl0bGUpe1xyXG4gICAgICAgICAgICA8aDIgY2xhc3M9XCJwcmV0aXRsZSBtYi0tMTBcIj57eyBwcmV0aXRsZSB9fTwvaDI+XHJcbiAgICAgICAgICB9IEBpZih0aXRsZSl7XHJcbiAgICAgICAgICAgIDxoMyBjbGFzcz1cInRpdGxlXCIgPnt7IHRpdGxlIH19PC9oMz5cclxuICAgICAgICAgIH1cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gICAgQGlmIChpdGVtcz8ubGVuZ3RoKSB7XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJjb250YWluZXJcIj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJyb3cgY3NfZ2FwX3lfODBcIj5cclxuICAgICAgICAgICAgQGZvciAoaXRlbSBvZiBpdGVtczsgdHJhY2sgJGluZGV4KSB7XHJcbiAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNvbC1sZy02XCI+XHJcbiAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjc19jYXJkIGNzX3N0eWxlXzIgdGV4dC1jZW50ZXJcIj5cclxuICAgICAgICAgICAgICAgICAgICBAaWYgKGl0ZW0uaW1nKSB7XHJcbiAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY3NfY2FyZF90aHVtYiBkLWJsb2NrIHBvc2l0aW9uLXJlbGF0aXZlIGNzX3ByaW1hcnlfYmcgY3MtLXJhZGl1c1wiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgIDxpbWcgW3NyY109XCJpdGVtPy5pbWc/LnNyY1wiIFthbHRdPVwiaXRlbT8uaW1nPy5hbHRcIiBjbGFzcz1cImNzLS1yYWRpdXNcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICBAaWYoaXRlbS5zZWVPZmZlckJ1dHRvbil7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY3NfY2FyZF9ob3ZlciBjc19jZW50ZXIgcG9zaXRpb24tYWJzb2x1dGVcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY3NfY2FyZF9idG4gcG9zaXRpb24tcmVsYXRpdmUgY3NfemluZGV4XzJcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImJ0bnNfX2JveCBhbGlnbi0tY2VudGVyIFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGFcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2hyZWZdPVwiaXRlbS5vZmZlclVybFwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtyb3V0ZXJMaW5rXT1cIml0ZW0ub2ZmZXJVcmxcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwib2ZmZXJDbGljay5lbWl0KGl0ZW0uaWQpXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJidG4gYnRuX3ByaW1hcnkgYnRuLS1saWdodCBcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxiPnt7aXRlbT8uc2VlT2ZmZXJCdXR0b24/LmxhYmVsfX08L2I+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJiYWJ5bG9uLWFycm93LXJpZ2h0LWJpZ1wiPjwvc3Bhbj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvYT5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNzX2NhcmRfaG92ZXJfb3ZlcmxheSBwb3NpdGlvbi1hYnNvbHV0ZSBoLTEwMCB3LTEwMCBzdGFydC0wIHRvcC0wXCI+PC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY3NfY2FyZF9pbmZvIHBvc2l0aW9uLXJlbGF0aXZlIHJvd1wiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb2wteGwtOCBjb2wtbGctN1wiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaW50cm9faW5mbyBuby1hbGlnblwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBAaWYoaXRlbS5wcmV0aXRsZSl7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aDMgY2xhc3M9XCJwcmV0aXRsZSBtYi0tMTBcIiA+e3sgaXRlbT8ucHJldGl0bGV9fTwvaDM+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0gQGlmKGl0ZW0udGl0bGUpe1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGgyIGNsYXNzPVwidGl0bGUtLXNtYWxsIG1iLS0xMFwiID57eyBpdGVtPy50aXRsZX19PC9oMj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLXhsLTQgY29sLWxnLTVcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIEBpZihpdGVtLnByaWNlKXtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGg0IGNsYXNzPVwic3VidGl0bGUgIG1iLS0xMCBcIj48c3BhbiBjbGFzcz1cInRleHRcIj57eyBpdGVtPy5sYWJlbEZyb20gfX08L3NwYW4+IHt7IGl0ZW0/LnByaWNlIH19e3sgaXRlbS5jdXJyZW5jeSB8IGN1cnJlbmN5U3ltYm9sIH19PC9oND5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0gQGlmKGl0ZW0uZGlzY291bnQpe1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aDQgY2xhc3M9XCJzdWJ0aXRsZSAgbWItLTEwIFwiPjxzcGFuIGNsYXNzPVwidGV4dFwiPnt7IGl0ZW0/LmxhYmVsRnJvbSB9fTwvc3Bhbj4ge3sgaXRlbT8uZGlzY291bnQgfX0lPC9oND5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0gQGlmKGl0ZW0ucmVzZXJ2ZUJ1dHRvbil7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxhXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2hyZWZdPVwiaXRlbS5vZmZlclVybFwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3JvdXRlckxpbmtdPVwiaXRlbS5vZmZlclVybFwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cIm9mZmVyQ2xpY2suZW1pdChpdGVtLmlkKVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJidG4gYnRuX2NhbGwgYnRuLS1saWdodCBcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICA+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Yj57e2l0ZW0/LnJlc2VydmVCdXR0b24/LmxhYmVsfX08L2I+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImJhYnlsb24tYXJyb3ctcmlnaHQtYmlnXCI+PC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2E+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICAgIH1cclxuICA8L3NlY3Rpb24+XHJcbiJdfQ==
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFieWxvbi1yb29tLmludGVyYWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFieWxvbi9zcmMvbGliL2ludGVyZmFjZXMvYmFieWxvbi1yb29tLmludGVyYWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCYWJ5bG9uQWR2SW5mb0kgfSBmcm9tIFwiLi9iYWJ5bG9uLWFkdmFudGFnZXMtaW5mby5pbnRlcmZhY2VcIjtcclxuaW1wb3J0IHsgQmFieWxvbkJ1dHRvbkkgfSBmcm9tIFwiLi9iYWJ5bG9uLWJ1dHRvbi5pbnRlcmZhY2VcIjtcclxuaW1wb3J0IHsgQmFieWxvbkltYWdlSSB9IGZyb20gXCIuL2JhYnlsb24taW1hZ2UuaW50ZXJmYWNlXCI7XHJcbmltcG9ydCB7IEJhYnlsb25Sb29tVGV4dEluZm9JIH0gZnJvbSBcIi4vYmFieWxvbi1yb29tcy10ZXh0LWluZm8uaW50ZXJmYWNlXCI7XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIEJhYnlsb25Sb29tSW5mb0kge1xyXG4gICAgYWN0aXZlPzogYm9vbGVhbjtcclxuICAgIGJ1dHRvbnM/OiBCYWJ5bG9uQnV0dG9uSVtdO1xyXG4gICAgbGlua3M/OiBCYWJ5bG9uQnV0dG9uSVtdO1xyXG4gICAgaW1hZ2VzPzogQmFieWxvbkltYWdlSVtdO1xyXG4gICAgbmFtZUlkPzogc3RyaW5nO1xyXG4gICAgcHJpY2U/OiBzdHJpbmc7XHJcbiAgICB0ZXh0cz86IEJhYnlsb25Sb29tVGV4dEluZm9JLFxyXG4gICAgYWR2YW50YWdlcz86IEJhYnlsb25BZHZJbmZvSVtdO1xyXG4gIH0iXX0=
|
package/fesm2022/ctt-babylon.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import {
|
|
2
|
+
import { Component, ChangeDetectionStrategy, Input, EventEmitter, signal, Output, Directive, ViewChild, inject, InjectionToken, Injectable, HostListener, Pipe } from '@angular/core';
|
|
3
3
|
import * as i1 from '@angular/router';
|
|
4
4
|
import { RouterModule } from '@angular/router';
|
|
5
5
|
import * as i1$1 from '@angular/common';
|
|
@@ -1399,11 +1399,11 @@ class BabylonOffersListComponent {
|
|
|
1399
1399
|
this.offerClick = new EventEmitter();
|
|
1400
1400
|
}
|
|
1401
1401
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonOffersListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1402
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonOffersListComponent, isStandalone: true, selector: "lib-babylon-offers-list", inputs: { pretitle: "pretitle", title: "title", items: "items" }, outputs: { offerClick: "offerClick" }, ngImport: i0, template: "<section class=\"babylon__offers-list margin-main\">\r\n <div class=\"container\">\r\n <div class=\"intro_info align--center\">\r\n @if(pretitle){\r\n <h2 class=\"pretitle mb--10\">{{ pretitle }}</h2>\r\n } @if(title){\r\n <h3 class=\"title\" >{{ title }}</h3>\r\n }\r\n </div>\r\n </div>\r\n @if (items?.length) {\r\n <div class=\"container\">\r\n <div class=\"row cs_gap_y_80\">\r\n @for (item of items; track $index) {\r\n <div class=\"col-lg-6\">\r\n <div class=\"cs_card cs_style_2 text-center\">\r\n @if (item.img) {\r\n <div class=\"cs_card_thumb d-block position-relative cs_primary_bg cs--radius\">\r\n <img [src]=\"item?.img?.src\" [alt]=\"item?.img?.alt\" class=\"cs--radius\">\r\n @if(item.seeOfferButton){\r\n <div class=\"cs_card_hover cs_center position-absolute\">\r\n <div class=\"cs_card_btn position-relative cs_zindex_2\">\r\n <div class=\"btns__box align--center \">\r\n <a\r\n [href]=\"item.
|
|
1402
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonOffersListComponent, isStandalone: true, selector: "lib-babylon-offers-list", inputs: { pretitle: "pretitle", title: "title", items: "items" }, outputs: { offerClick: "offerClick" }, ngImport: i0, template: "<section class=\"babylon__offers-list margin-main\">\r\n <div class=\"container\">\r\n <div class=\"intro_info align--center\">\r\n @if(pretitle){\r\n <h2 class=\"pretitle mb--10\">{{ pretitle }}</h2>\r\n } @if(title){\r\n <h3 class=\"title\" >{{ title }}</h3>\r\n }\r\n </div>\r\n </div>\r\n @if (items?.length) {\r\n <div class=\"container\">\r\n <div class=\"row cs_gap_y_80\">\r\n @for (item of items; track $index) {\r\n <div class=\"col-lg-6\">\r\n <div class=\"cs_card cs_style_2 text-center\">\r\n @if (item.img) {\r\n <div class=\"cs_card_thumb d-block position-relative cs_primary_bg cs--radius\">\r\n <img [src]=\"item?.img?.src\" [alt]=\"item?.img?.alt\" class=\"cs--radius\">\r\n @if(item.seeOfferButton){\r\n <div class=\"cs_card_hover cs_center position-absolute\">\r\n <div class=\"cs_card_btn position-relative cs_zindex_2\">\r\n <div class=\"btns__box align--center \">\r\n <a\r\n [href]=\"item.offerUrl\"\r\n [routerLink]=\"item.offerUrl\"\r\n (click)=\"offerClick.emit(item.id)\"\r\n class=\"btn btn_primary btn--light \"\r\n >\r\n <b>{{item?.seeOfferButton?.label}}</b>\r\n <span class=\"babylon-arrow-right-big\"></span>\r\n </a>\r\n </div>\r\n </div>\r\n </div>\r\n }\r\n <div class=\"cs_card_hover_overlay position-absolute h-100 w-100 start-0 top-0\"></div>\r\n </div>\r\n }\r\n <div class=\"cs_card_info position-relative row\">\r\n <div class=\"col-xl-8 col-lg-7\">\r\n <div class=\"intro_info no-align\">\r\n @if(item.pretitle){\r\n <h3 class=\"pretitle mb--10\" >{{ item?.pretitle}}</h3>\r\n } @if(item.title){\r\n <h2 class=\"title--small mb--10\" >{{ item?.title}}</h2>\r\n }\r\n </div>\r\n </div>\r\n <div class=\"col-xl-4 col-lg-5\">\r\n @if(item.price){\r\n <h4 class=\"subtitle mb--10 \"><span class=\"text\">{{ item?.labelFrom }}</span> {{ item?.price }}{{ item.currency | currencySymbol }}</h4>\r\n } @if(item.discount){\r\n <h4 class=\"subtitle mb--10 \"><span class=\"text\">{{ item?.labelFrom }}</span> {{ item?.discount }}%</h4>\r\n } @if(item.reserveButton){\r\n <a\r\n [href]=\"item.offerUrl\"\r\n [routerLink]=\"item.offerUrl\"\r\n (click)=\"offerClick.emit(item.id)\"\r\n class=\"btn btn_call btn--light \"\r\n >\r\n <b>{{item?.reserveButton?.label}}</b>\r\n <span class=\"babylon-arrow-right-big\"></span>\r\n </a>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n }\r\n </section>\r\n", styles: [".cs_card.cs_style_2 .cs_card_info{padding:10px 15px 0}.cs_card.cs_style_2 .cs_card_hover{inset:25px;z-index:2}.cs_card.cs_style_2 .cs_card_hover:before,.cs_card.cs_style_2 .cs_card_hover:after{content:\"\";position:absolute;height:0%;width:0%;transition:all .5s ease}.cs_card.cs_style_2 .cs_card_hover:before{left:0;bottom:0;border:1px solid var(--cl_accent);border-top-width:0;border-right-width:0}.cs_card.cs_style_2 .cs_card_hover:after{right:0;top:0;border:1px solid var(--cl_accent);border-bottom-width:0;border-left-width:0}.cs_card.cs_style_2 .cs_card_btn{transform:scale(0);opacity:0;transition:all .5s cubic-bezier(.5,2.2,.7,.7)}.cs_card.cs_style_2 .cs_card_hover_overlay{background-color:#1b1b1b80;opacity:0;transition:all .5s ease}.cs_card.cs_style_2:hover .cs_card_hover:before,.cs_card.cs_style_2:hover .cs_card_hover:after{height:100%;width:100%}.cs_card.cs_style_2:hover .cs_card_btn{opacity:1;transform:scale(1);transition-delay:.1s}.cs_card.cs_style_2:hover .cs_card_hover_overlay{opacity:1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: BabylonCurrencyPipe, name: "currencySymbol" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1403
1403
|
}
|
|
1404
1404
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonOffersListComponent, decorators: [{
|
|
1405
1405
|
type: Component,
|
|
1406
|
-
args: [{ selector: 'lib-babylon-offers-list', standalone: true, imports: [CommonModule, RouterModule, BabylonCurrencyPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"babylon__offers-list margin-main\">\r\n <div class=\"container\">\r\n <div class=\"intro_info align--center\">\r\n @if(pretitle){\r\n <h2 class=\"pretitle mb--10\">{{ pretitle }}</h2>\r\n } @if(title){\r\n <h3 class=\"title\" >{{ title }}</h3>\r\n }\r\n </div>\r\n </div>\r\n @if (items?.length) {\r\n <div class=\"container\">\r\n <div class=\"row cs_gap_y_80\">\r\n @for (item of items; track $index) {\r\n <div class=\"col-lg-6\">\r\n <div class=\"cs_card cs_style_2 text-center\">\r\n @if (item.img) {\r\n <div class=\"cs_card_thumb d-block position-relative cs_primary_bg cs--radius\">\r\n <img [src]=\"item?.img?.src\" [alt]=\"item?.img?.alt\" class=\"cs--radius\">\r\n @if(item.seeOfferButton){\r\n <div class=\"cs_card_hover cs_center position-absolute\">\r\n <div class=\"cs_card_btn position-relative cs_zindex_2\">\r\n <div class=\"btns__box align--center \">\r\n <a\r\n [href]=\"item.
|
|
1406
|
+
args: [{ selector: 'lib-babylon-offers-list', standalone: true, imports: [CommonModule, RouterModule, BabylonCurrencyPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"babylon__offers-list margin-main\">\r\n <div class=\"container\">\r\n <div class=\"intro_info align--center\">\r\n @if(pretitle){\r\n <h2 class=\"pretitle mb--10\">{{ pretitle }}</h2>\r\n } @if(title){\r\n <h3 class=\"title\" >{{ title }}</h3>\r\n }\r\n </div>\r\n </div>\r\n @if (items?.length) {\r\n <div class=\"container\">\r\n <div class=\"row cs_gap_y_80\">\r\n @for (item of items; track $index) {\r\n <div class=\"col-lg-6\">\r\n <div class=\"cs_card cs_style_2 text-center\">\r\n @if (item.img) {\r\n <div class=\"cs_card_thumb d-block position-relative cs_primary_bg cs--radius\">\r\n <img [src]=\"item?.img?.src\" [alt]=\"item?.img?.alt\" class=\"cs--radius\">\r\n @if(item.seeOfferButton){\r\n <div class=\"cs_card_hover cs_center position-absolute\">\r\n <div class=\"cs_card_btn position-relative cs_zindex_2\">\r\n <div class=\"btns__box align--center \">\r\n <a\r\n [href]=\"item.offerUrl\"\r\n [routerLink]=\"item.offerUrl\"\r\n (click)=\"offerClick.emit(item.id)\"\r\n class=\"btn btn_primary btn--light \"\r\n >\r\n <b>{{item?.seeOfferButton?.label}}</b>\r\n <span class=\"babylon-arrow-right-big\"></span>\r\n </a>\r\n </div>\r\n </div>\r\n </div>\r\n }\r\n <div class=\"cs_card_hover_overlay position-absolute h-100 w-100 start-0 top-0\"></div>\r\n </div>\r\n }\r\n <div class=\"cs_card_info position-relative row\">\r\n <div class=\"col-xl-8 col-lg-7\">\r\n <div class=\"intro_info no-align\">\r\n @if(item.pretitle){\r\n <h3 class=\"pretitle mb--10\" >{{ item?.pretitle}}</h3>\r\n } @if(item.title){\r\n <h2 class=\"title--small mb--10\" >{{ item?.title}}</h2>\r\n }\r\n </div>\r\n </div>\r\n <div class=\"col-xl-4 col-lg-5\">\r\n @if(item.price){\r\n <h4 class=\"subtitle mb--10 \"><span class=\"text\">{{ item?.labelFrom }}</span> {{ item?.price }}{{ item.currency | currencySymbol }}</h4>\r\n } @if(item.discount){\r\n <h4 class=\"subtitle mb--10 \"><span class=\"text\">{{ item?.labelFrom }}</span> {{ item?.discount }}%</h4>\r\n } @if(item.reserveButton){\r\n <a\r\n [href]=\"item.offerUrl\"\r\n [routerLink]=\"item.offerUrl\"\r\n (click)=\"offerClick.emit(item.id)\"\r\n class=\"btn btn_call btn--light \"\r\n >\r\n <b>{{item?.reserveButton?.label}}</b>\r\n <span class=\"babylon-arrow-right-big\"></span>\r\n </a>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n }\r\n </section>\r\n", styles: [".cs_card.cs_style_2 .cs_card_info{padding:10px 15px 0}.cs_card.cs_style_2 .cs_card_hover{inset:25px;z-index:2}.cs_card.cs_style_2 .cs_card_hover:before,.cs_card.cs_style_2 .cs_card_hover:after{content:\"\";position:absolute;height:0%;width:0%;transition:all .5s ease}.cs_card.cs_style_2 .cs_card_hover:before{left:0;bottom:0;border:1px solid var(--cl_accent);border-top-width:0;border-right-width:0}.cs_card.cs_style_2 .cs_card_hover:after{right:0;top:0;border:1px solid var(--cl_accent);border-bottom-width:0;border-left-width:0}.cs_card.cs_style_2 .cs_card_btn{transform:scale(0);opacity:0;transition:all .5s cubic-bezier(.5,2.2,.7,.7)}.cs_card.cs_style_2 .cs_card_hover_overlay{background-color:#1b1b1b80;opacity:0;transition:all .5s ease}.cs_card.cs_style_2:hover .cs_card_hover:before,.cs_card.cs_style_2:hover .cs_card_hover:after{height:100%;width:100%}.cs_card.cs_style_2:hover .cs_card_btn{opacity:1;transform:scale(1);transition-delay:.1s}.cs_card.cs_style_2:hover .cs_card_hover_overlay{opacity:1}\n"] }]
|
|
1407
1407
|
}], propDecorators: { pretitle: [{
|
|
1408
1408
|
type: Input
|
|
1409
1409
|
}], title: [{
|