@tekus/kiosks-design-system 1.16.0 → 1.18.0
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/tk-kiosk-bar/tk-kiosk-bar-cart/tk-kiosk-bar-cart.component.mjs +3 -3
- package/esm2022/lib/components/tk-kiosk-slider/tk-kiosk-slider.component.mjs +3 -3
- package/esm2022/lib/components/tk-kiosk-vertical-arrow-scroll/tk-kiosk-vertical-arrow-scroll.component.mjs +3 -3
- package/fesm2022/tekus-kiosks-design-system.mjs +6 -6
- package/fesm2022/tekus-kiosks-design-system.mjs.map +1 -1
- package/package.json +1 -1
package/esm2022/lib/components/tk-kiosk-bar/tk-kiosk-bar-cart/tk-kiosk-bar-cart.component.mjs
CHANGED
|
@@ -13,11 +13,11 @@ export class TkKioskBarCartComponent {
|
|
|
13
13
|
this.onClickSeeMore = new EventEmitter();
|
|
14
14
|
}
|
|
15
15
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskBarCartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
16
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: TkKioskBarCartComponent, isStandalone: true, selector: "tk-kiosk-bar-cart", inputs: { iconWidth: "iconWidth", iconHeight: "iconHeight", cartItems: "cartItems", icon: "icon" }, outputs: { onClickSeeMore: "onClickSeeMore" }, ngImport: i0, template: "<div class=\"bar-cart\">\n\n <section class=\"bar-cart__data\">\n <div class=\"bar-cart__data__icon-cart\" [class.bar-cart__data__icon-cart--disabled]=\"cartItems === 0\"\n >\n <span nz-icon [nzType]=\"icon\" [class.iconItems]=\"cartItems>0\" [ngStyle]=\"{'font-size': iconWidth, 'height':iconHeight}\" class=\"icon\"></span>\n\n <div class=\"bar-cart__data__icon-cart__elipse\" *ngIf=\"cartItems>0\">\n </div>\n </div>\n <tk-kiosk-typography *ngIf=\"cartItems==0\" type=\"subtitle2\" name=\"emptyCartText\" color=\"tk-color-text-900\">\n Tu carrito est\u00E1 vac\u00EDo\n </tk-kiosk-typography>\n\n <tk-kiosk-typography *ngIf=\"cartItems>0\" type=\"subtitle2\" name=\"touchedCartText\" color=\"tk-color-text-900\">\n Productos en tu carrito\n </tk-kiosk-typography>\n\n <div class=\"bar-cart__data__counter\" *ngIf=\"cartItems>0\">\n <tk-kiosk-typography type=\"subtitle1\" color=\"tk-color-text-accent-900\">{{cartItems}}</tk-kiosk-typography>\n </div>\n </section>\n\n <tk-kiosk-btn *ngIf=\"cartItems>0\" text=\"Ver detalle\" (onClick)=\"onClickSeeMore.emit(true)\" textSize=\"h6-heading\"\n textColor=\"tk-color-secondary-900\" [outline]=\"true\"></tk-kiosk-btn>\n \n</div>", styles: [".bar-cart{width:100%;display:flex;justify-content:space-between;align-items:center}.bar-cart .bar-cart__data{display:flex;align-items:center}.bar-cart .bar-cart__data__counter{margin-left:15px;border-radius:50%;height:67px;padding:10px;display:flex;text-align:center;width:47px;height:46px;flex-direction:column;justify-content:center;background:var(--tk-color-accent-900
|
|
16
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: TkKioskBarCartComponent, isStandalone: true, selector: "tk-kiosk-bar-cart", inputs: { iconWidth: "iconWidth", iconHeight: "iconHeight", cartItems: "cartItems", icon: "icon" }, outputs: { onClickSeeMore: "onClickSeeMore" }, ngImport: i0, template: "<div class=\"bar-cart\">\n\n <section class=\"bar-cart__data\">\n <div class=\"bar-cart__data__icon-cart\" [class.bar-cart__data__icon-cart--disabled]=\"cartItems === 0\"\n >\n <span nz-icon [nzType]=\"icon\" [class.iconItems]=\"cartItems>0\" [ngStyle]=\"{'font-size': iconWidth, 'height':iconHeight}\" class=\"icon\"></span>\n\n <div class=\"bar-cart__data__icon-cart__elipse\" *ngIf=\"cartItems>0\">\n </div>\n </div>\n <tk-kiosk-typography *ngIf=\"cartItems==0\" type=\"subtitle2\" name=\"emptyCartText\" color=\"tk-color-text-900\">\n Tu carrito est\u00E1 vac\u00EDo\n </tk-kiosk-typography>\n\n <tk-kiosk-typography *ngIf=\"cartItems>0\" type=\"subtitle2\" name=\"touchedCartText\" color=\"tk-color-text-900\">\n Productos en tu carrito\n </tk-kiosk-typography>\n\n <div class=\"bar-cart__data__counter\" *ngIf=\"cartItems>0\">\n <tk-kiosk-typography type=\"subtitle1\" color=\"tk-color-text-accent-900\">{{cartItems}}</tk-kiosk-typography>\n </div>\n </section>\n\n <tk-kiosk-btn *ngIf=\"cartItems>0\" text=\"Ver detalle\" (onClick)=\"onClickSeeMore.emit(true)\" textSize=\"h6-heading\"\n textColor=\"tk-color-secondary-900\" [outline]=\"true\"></tk-kiosk-btn>\n \n</div>", styles: [".bar-cart{width:100%;display:flex;justify-content:space-between;align-items:center}.bar-cart .bar-cart__data{display:flex;align-items:center}.bar-cart .bar-cart__data__counter{margin-left:15px;border-radius:50%;height:67px;padding:10px;display:flex;text-align:center;width:47px;height:46px;flex-direction:column;justify-content:center;background:var(--tk-color-accent-900)}.bar-cart .bar-cart__data__icon-cart{background:var(--tk-color-secondary-900);border-radius:55px;padding:20px;margin-right:20px;position:relative;display:flex}.bar-cart .bar-cart__data__icon-cart .icon{color:var(--tk-color-white-900)}.bar-cart .bar-cart__data__icon-cart .iconItems{color:var(--tk-color-text-secondary-900)}.bar-cart .bar-cart__data__icon-cart__elipse{position:absolute;top:0;right:0;width:33px;height:33px;background:var(--tk-color-accent-900);border-radius:100%}.bar-cart .bar-cart__data__icon-cart--disabled{border-radius:55px;background:var(--tk-color-neutral-400)}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "component", type: TkKioskTypographyComponent, selector: "tk-kiosk-typography", inputs: ["type", "color", "size", "weight", "lineBreak"] }, { kind: "component", type: TkKioskBtnComponent, selector: "tk-kiosk-btn", inputs: ["text", "disabled", "outline", "stroked", "rounded", "variant", "size", "textColor", "textSize"], outputs: ["onClick"] }] }); }
|
|
17
17
|
}
|
|
18
18
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskBarCartComponent, decorators: [{
|
|
19
19
|
type: Component,
|
|
20
|
-
args: [{ selector: 'tk-kiosk-bar-cart', standalone: true, imports: [NgStyle, NgIf, NzIconDirective, TkKioskTypographyComponent, TkKioskBtnComponent], template: "<div class=\"bar-cart\">\n\n <section class=\"bar-cart__data\">\n <div class=\"bar-cart__data__icon-cart\" [class.bar-cart__data__icon-cart--disabled]=\"cartItems === 0\"\n >\n <span nz-icon [nzType]=\"icon\" [class.iconItems]=\"cartItems>0\" [ngStyle]=\"{'font-size': iconWidth, 'height':iconHeight}\" class=\"icon\"></span>\n\n <div class=\"bar-cart__data__icon-cart__elipse\" *ngIf=\"cartItems>0\">\n </div>\n </div>\n <tk-kiosk-typography *ngIf=\"cartItems==0\" type=\"subtitle2\" name=\"emptyCartText\" color=\"tk-color-text-900\">\n Tu carrito est\u00E1 vac\u00EDo\n </tk-kiosk-typography>\n\n <tk-kiosk-typography *ngIf=\"cartItems>0\" type=\"subtitle2\" name=\"touchedCartText\" color=\"tk-color-text-900\">\n Productos en tu carrito\n </tk-kiosk-typography>\n\n <div class=\"bar-cart__data__counter\" *ngIf=\"cartItems>0\">\n <tk-kiosk-typography type=\"subtitle1\" color=\"tk-color-text-accent-900\">{{cartItems}}</tk-kiosk-typography>\n </div>\n </section>\n\n <tk-kiosk-btn *ngIf=\"cartItems>0\" text=\"Ver detalle\" (onClick)=\"onClickSeeMore.emit(true)\" textSize=\"h6-heading\"\n textColor=\"tk-color-secondary-900\" [outline]=\"true\"></tk-kiosk-btn>\n \n</div>", styles: [".bar-cart{width:100%;display:flex;justify-content:space-between;align-items:center}.bar-cart .bar-cart__data{display:flex;align-items:center}.bar-cart .bar-cart__data__counter{margin-left:15px;border-radius:50%;height:67px;padding:10px;display:flex;text-align:center;width:47px;height:46px;flex-direction:column;justify-content:center;background:var(--tk-color-accent-900
|
|
20
|
+
args: [{ selector: 'tk-kiosk-bar-cart', standalone: true, imports: [NgStyle, NgIf, NzIconDirective, TkKioskTypographyComponent, TkKioskBtnComponent], template: "<div class=\"bar-cart\">\n\n <section class=\"bar-cart__data\">\n <div class=\"bar-cart__data__icon-cart\" [class.bar-cart__data__icon-cart--disabled]=\"cartItems === 0\"\n >\n <span nz-icon [nzType]=\"icon\" [class.iconItems]=\"cartItems>0\" [ngStyle]=\"{'font-size': iconWidth, 'height':iconHeight}\" class=\"icon\"></span>\n\n <div class=\"bar-cart__data__icon-cart__elipse\" *ngIf=\"cartItems>0\">\n </div>\n </div>\n <tk-kiosk-typography *ngIf=\"cartItems==0\" type=\"subtitle2\" name=\"emptyCartText\" color=\"tk-color-text-900\">\n Tu carrito est\u00E1 vac\u00EDo\n </tk-kiosk-typography>\n\n <tk-kiosk-typography *ngIf=\"cartItems>0\" type=\"subtitle2\" name=\"touchedCartText\" color=\"tk-color-text-900\">\n Productos en tu carrito\n </tk-kiosk-typography>\n\n <div class=\"bar-cart__data__counter\" *ngIf=\"cartItems>0\">\n <tk-kiosk-typography type=\"subtitle1\" color=\"tk-color-text-accent-900\">{{cartItems}}</tk-kiosk-typography>\n </div>\n </section>\n\n <tk-kiosk-btn *ngIf=\"cartItems>0\" text=\"Ver detalle\" (onClick)=\"onClickSeeMore.emit(true)\" textSize=\"h6-heading\"\n textColor=\"tk-color-secondary-900\" [outline]=\"true\"></tk-kiosk-btn>\n \n</div>", styles: [".bar-cart{width:100%;display:flex;justify-content:space-between;align-items:center}.bar-cart .bar-cart__data{display:flex;align-items:center}.bar-cart .bar-cart__data__counter{margin-left:15px;border-radius:50%;height:67px;padding:10px;display:flex;text-align:center;width:47px;height:46px;flex-direction:column;justify-content:center;background:var(--tk-color-accent-900)}.bar-cart .bar-cart__data__icon-cart{background:var(--tk-color-secondary-900);border-radius:55px;padding:20px;margin-right:20px;position:relative;display:flex}.bar-cart .bar-cart__data__icon-cart .icon{color:var(--tk-color-white-900)}.bar-cart .bar-cart__data__icon-cart .iconItems{color:var(--tk-color-text-secondary-900)}.bar-cart .bar-cart__data__icon-cart__elipse{position:absolute;top:0;right:0;width:33px;height:33px;background:var(--tk-color-accent-900);border-radius:100%}.bar-cart .bar-cart__data__icon-cart--disabled{border-radius:55px;background:var(--tk-color-neutral-400)}\n"] }]
|
|
21
21
|
}], propDecorators: { iconWidth: [{
|
|
22
22
|
type: Input
|
|
23
23
|
}], iconHeight: [{
|
|
@@ -29,4 +29,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
|
|
|
29
29
|
}], onClickSeeMore: [{
|
|
30
30
|
type: Output
|
|
31
31
|
}] } });
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGsta2lvc2stYmFyLWNhcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGsta2lvc2stZHMvc3JjL2xpYi9jb21wb25lbnRzL3RrLWtpb3NrLWJhci90ay1raW9zay1iYXItY2FydC90ay1raW9zay1iYXItY2FydC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90ay1raW9zay1kcy9zcmMvbGliL2NvbXBvbmVudHMvdGsta2lvc2stYmFyL3RrLWtpb3NrLWJhci1jYXJ0L3RrLWtpb3NrLWJhci1jYXJ0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDaEQsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUN2RSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUN6RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7O0FBU3JELE1BQU0sT0FBTyx1QkFBdUI7SUFQcEM7UUFRVyxjQUFTLEdBQVcsTUFBTSxDQUFDO1FBQzNCLGVBQVUsR0FBVyxNQUFNLENBQUM7UUFDNUIsY0FBUyxHQUFXLENBQUMsQ0FBQztRQUN0QixTQUFJLEdBQVcsd0JBQXdCLENBQUM7UUFFdkMsbUJBQWMsR0FBMEIsSUFBSSxZQUFZLEVBQVcsQ0FBQztLQUcvRTs4R0FUWSx1QkFBdUI7a0dBQXZCLHVCQUF1QixnT0NicEMseXpDQTBCTSwwL0JEakJNLE9BQU8sMkVBQUUsSUFBSSw2RkFBRSxlQUFlLGlLQUFFLDBCQUEwQiwwSEFBRSxtQkFBbUI7OzJGQUk5RSx1QkFBdUI7a0JBUG5DLFNBQVM7K0JBQ0UsbUJBQW1CLGNBQ2pCLElBQUksV0FDUCxDQUFDLE9BQU8sRUFBRSxJQUFJLEVBQUUsZUFBZSxFQUFFLDBCQUEwQixFQUFFLG1CQUFtQixDQUFDOzhCQUtqRixTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBRUksY0FBYztzQkFBdkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nSWYsIE5nU3R5bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRrS2lvc2tUeXBvZ3JhcGh5Q29tcG9uZW50IH0gZnJvbSAnLi4vLi4vdGsta2lvc2stdHlwb2dyYXBoeSc7XG5pbXBvcnQgeyBUa0tpb3NrQnRuQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vdGsta2lvc2stYnRuJztcbmltcG9ydCB7IE56SWNvbkRpcmVjdGl2ZSB9IGZyb20gJ25nLXpvcnJvLWFudGQvaWNvbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3RrLWtpb3NrLWJhci1jYXJ0JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW05nU3R5bGUsIE5nSWYsIE56SWNvbkRpcmVjdGl2ZSwgVGtLaW9za1R5cG9ncmFwaHlDb21wb25lbnQsIFRrS2lvc2tCdG5Db21wb25lbnRdLFxuICB0ZW1wbGF0ZVVybDogJy4vdGsta2lvc2stYmFyLWNhcnQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vdGsta2lvc2stYmFyLWNhcnQuY29tcG9uZW50LnNjc3MnXG59KVxuZXhwb3J0IGNsYXNzIFRrS2lvc2tCYXJDYXJ0Q29tcG9uZW50IHtcbiAgQElucHV0KCkgaWNvbldpZHRoOiBzdHJpbmcgPSAnNjBweCc7XG4gIEBJbnB1dCgpIGljb25IZWlnaHQ6IHN0cmluZyA9ICc2MHB4JztcbiAgQElucHV0KCkgY2FydEl0ZW1zOiBudW1iZXIgPSAwO1xuICBASW5wdXQoKSBpY29uOiBzdHJpbmcgPSAndGsta2lvc2s6c2hvcHBpbmctY2FydCc7XG5cbiAgQE91dHB1dCgpIG9uQ2xpY2tTZWVNb3JlOiBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4gPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG5cbiAgXG59XG4iLCI8ZGl2IGNsYXNzPVwiYmFyLWNhcnRcIj5cblxuICAgIDxzZWN0aW9uIGNsYXNzPVwiYmFyLWNhcnRfX2RhdGFcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImJhci1jYXJ0X19kYXRhX19pY29uLWNhcnRcIiBbY2xhc3MuYmFyLWNhcnRfX2RhdGFfX2ljb24tY2FydC0tZGlzYWJsZWRdPVwiY2FydEl0ZW1zID09PSAwXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgIDxzcGFuIG56LWljb24gW256VHlwZV09XCJpY29uXCIgW2NsYXNzLmljb25JdGVtc109XCJjYXJ0SXRlbXM+MFwiIFtuZ1N0eWxlXT1cInsnZm9udC1zaXplJzogaWNvbldpZHRoLCAnaGVpZ2h0JzppY29uSGVpZ2h0fVwiICBjbGFzcz1cImljb25cIj48L3NwYW4+XG5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJiYXItY2FydF9fZGF0YV9faWNvbi1jYXJ0X19lbGlwc2VcIiAqbmdJZj1cImNhcnRJdGVtcz4wXCI+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDx0ay1raW9zay10eXBvZ3JhcGh5ICpuZ0lmPVwiY2FydEl0ZW1zPT0wXCIgdHlwZT1cInN1YnRpdGxlMlwiIG5hbWU9XCJlbXB0eUNhcnRUZXh0XCIgY29sb3I9XCJ0ay1jb2xvci10ZXh0LTkwMFwiPlxuICAgICAgICAgICAgVHUgY2Fycml0byBlc3TDoSB2YWPDrW9cbiAgICAgICAgPC90ay1raW9zay10eXBvZ3JhcGh5PlxuXG4gICAgICAgIDx0ay1raW9zay10eXBvZ3JhcGh5ICpuZ0lmPVwiY2FydEl0ZW1zPjBcIiB0eXBlPVwic3VidGl0bGUyXCIgbmFtZT1cInRvdWNoZWRDYXJ0VGV4dFwiIGNvbG9yPVwidGstY29sb3ItdGV4dC05MDBcIj5cbiAgICAgICAgICAgIFByb2R1Y3RvcyBlbiB0dSBjYXJyaXRvXG4gICAgICAgIDwvdGsta2lvc2stdHlwb2dyYXBoeT5cblxuICAgICAgICA8ZGl2IGNsYXNzPVwiYmFyLWNhcnRfX2RhdGFfX2NvdW50ZXJcIiAqbmdJZj1cImNhcnRJdGVtcz4wXCI+XG4gICAgICAgICAgICA8dGsta2lvc2stdHlwb2dyYXBoeSB0eXBlPVwic3VidGl0bGUxXCIgY29sb3I9XCJ0ay1jb2xvci10ZXh0LWFjY2VudC05MDBcIj57e2NhcnRJdGVtc319PC90ay1raW9zay10eXBvZ3JhcGh5PlxuICAgICAgICA8L2Rpdj5cbiAgICA8L3NlY3Rpb24+XG5cbiAgICA8dGsta2lvc2stYnRuICpuZ0lmPVwiY2FydEl0ZW1zPjBcIiB0ZXh0PVwiVmVyIGRldGFsbGVcIiAob25DbGljayk9XCJvbkNsaWNrU2VlTW9yZS5lbWl0KHRydWUpXCIgIHRleHRTaXplPVwiaDYtaGVhZGluZ1wiXG4gICAgICAgIHRleHRDb2xvcj1cInRrLWNvbG9yLXNlY29uZGFyeS05MDBcIiBbb3V0bGluZV09XCJ0cnVlXCI+PC90ay1raW9zay1idG4+XG4gICAgICAgIFxuPC9kaXY+Il19
|
|
@@ -66,7 +66,7 @@ export class TkKioskSliderComponent {
|
|
|
66
66
|
this.viewAll.emit();
|
|
67
67
|
}
|
|
68
68
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskSliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
69
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: TkKioskSliderComponent, isStandalone: true, selector: "tk-kiosk-slider", inputs: { sizeNextScroll: "sizeNextScroll", sizePreviousScroll: "sizePreviousScroll", showArrows: "showArrows", marginTop: "marginTop", appearance: "appearance", direction: "direction", showViewAll: "showViewAll" }, outputs: { viewAll: "viewAll" }, viewQueries: [{ propertyName: "content", first: true, predicate: ["slider"], descendants: true }], ngImport: i0, template: "<div [ngClass]=\"'cont' + ' ' + direction + ' ' + appearance\">\n <ng-container *ngIf=\"showArrows && appearance == 'default'\">\n <div\n class=\"ant-arrow ant-arrow__previous\"\n (click)=\"goPrevious()\"\n *ngIf=\"showPreviousArrow\"\n >\n <tk-kiosk-icon-btn size=\"small\" icon=\"tk-kiosk:chevron-left\" ></tk-kiosk-icon-btn>\n </div>\n\n <div\n class=\"ant-arrow ant-arrow__next\"\n (click)=\"goNext()\"\n *ngIf=\"showNextArrow\"\n >\n <tk-kiosk-icon-btn size=\"small\" icon=\"tk-kiosk:chevron-right\" ></tk-kiosk-icon-btn>\n </div>\n </ng-container>\n\n <ng-container *ngIf=\"showArrows && appearance == 'lg'\">\n <div\n class=\"ant-arrow__lg ant-arrow__previous_lg\"\n (click)=\"goPrevious()\"\n *ngIf=\"showPreviousArrow\"\n >\n <span nz-icon nzType=\"tk-kiosk:chevron-left\" class=\"icon\"></span>\n </div>\n\n <div\n class=\"ant-arrow__lg ant-arrow__next_lg\"\n (click)=\"goNext()\"\n *ngIf=\"showNextArrow\"\n >\n <span nz-icon nzType=\"tk-kiosk:chevron-right\" class=\"icon\"></span>\n\n </div>\n </ng-container>\n\n\n <div #slider class=\"slider\" (scroll)=\"onScroll()\">\n <ng-content></ng-content>\n\n <nz-card class=\"view-more\" *ngIf=\"showViewAll\" (click)=\"goToViewAll()\" >\n <div class=\"view-more__body\">\n\n <tk-kiosk-typography type=\"h5-heading\" color=\"tk-color-text-900\">\n Ver todos\n </tk-kiosk-typography>\n <tk-kiosk-icon-btn size=\"small\" icon=\"tk-kiosk:arrow-right\" color=\"secondary\"></tk-kiosk-icon-btn>\n </div>\n </nz-card>\n </div>\n\n</div>\n", styles: ["@charset \"UTF-8\";*{box-sizing:border-box}.cont{max-width:100%;height:fit-content;position:relative}.icon{margin-right:6px;font-size:30px;color:var(--tk-color-primary-
|
|
69
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: TkKioskSliderComponent, isStandalone: true, selector: "tk-kiosk-slider", inputs: { sizeNextScroll: "sizeNextScroll", sizePreviousScroll: "sizePreviousScroll", showArrows: "showArrows", marginTop: "marginTop", appearance: "appearance", direction: "direction", showViewAll: "showViewAll" }, outputs: { viewAll: "viewAll" }, viewQueries: [{ propertyName: "content", first: true, predicate: ["slider"], descendants: true }], ngImport: i0, template: "<div [ngClass]=\"'cont' + ' ' + direction + ' ' + appearance\">\n <ng-container *ngIf=\"showArrows && appearance == 'default'\">\n <div\n class=\"ant-arrow ant-arrow__previous\"\n (click)=\"goPrevious()\"\n *ngIf=\"showPreviousArrow\"\n >\n <tk-kiosk-icon-btn size=\"small\" icon=\"tk-kiosk:chevron-left\" ></tk-kiosk-icon-btn>\n </div>\n\n <div\n class=\"ant-arrow ant-arrow__next\"\n (click)=\"goNext()\"\n *ngIf=\"showNextArrow\"\n >\n <tk-kiosk-icon-btn size=\"small\" icon=\"tk-kiosk:chevron-right\" ></tk-kiosk-icon-btn>\n </div>\n </ng-container>\n\n <ng-container *ngIf=\"showArrows && appearance == 'lg'\">\n <div\n class=\"ant-arrow__lg ant-arrow__previous_lg\"\n (click)=\"goPrevious()\"\n *ngIf=\"showPreviousArrow\"\n >\n <span nz-icon nzType=\"tk-kiosk:chevron-left\" class=\"icon\"></span>\n </div>\n\n <div\n class=\"ant-arrow__lg ant-arrow__next_lg\"\n (click)=\"goNext()\"\n *ngIf=\"showNextArrow\"\n >\n <span nz-icon nzType=\"tk-kiosk:chevron-right\" class=\"icon\"></span>\n\n </div>\n </ng-container>\n\n\n <div #slider class=\"slider\" (scroll)=\"onScroll()\">\n <ng-content></ng-content>\n\n <nz-card class=\"view-more\" *ngIf=\"showViewAll\" (click)=\"goToViewAll()\" >\n <div class=\"view-more__body\">\n\n <tk-kiosk-typography type=\"h5-heading\" color=\"tk-color-text-900\">\n Ver todos\n </tk-kiosk-typography>\n <tk-kiosk-icon-btn size=\"small\" icon=\"tk-kiosk:arrow-right\" color=\"secondary\"></tk-kiosk-icon-btn>\n </div>\n </nz-card>\n </div>\n\n</div>\n", styles: ["@charset \"UTF-8\";*{box-sizing:border-box}:host{height:100%}.cont{max-width:100%;height:fit-content;position:relative}.icon{margin-right:6px;font-size:30px;color:var(--tk-color-primary-900)}.slider{margin:0 100px;display:flex;position:relative;overflow-x:auto;gap:18px;padding:20px 0;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.slider::-webkit-scrollbar{display:none}.ant-arrow{position:absolute;z-index:2;top:calc(50% - 30px)}.ant-arrow__previous{left:14px}.ant-arrow__next{right:14px}.ant-arrow__lg{width:48px;height:200px;z-index:2;top:calc(50% - 100px);border-radius:8px;background:var(--tk-color-white-900);display:flex;justify-content:center;align-items:center;box-shadow:0 4px 4px #00000040}.ant-arrow__lg img{width:50px;height:50px}.ant-arrow__previous_lg{left:35px;transform:translate(-100%);position:absolute}.ant-arrow__previous_lg img{transform:rotate(180deg)}.ant-arrow__next_lg{position:absolute;right:-15px}.view-more{min-width:330px;display:flex;justify-content:center;align-items:center;border-radius:16px;background-color:var(--tk-color-neutral-100);box-shadow:6px 6px 10px #7884950d}.view-more__body{width:max-content;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}::ng-deep .example-box{display:flex;align-items:center;justify-content:center;min-width:150px;min-height:260px;max-width:150px;max-height:260px;border-radius:16px;background-color:var(--tk-color-neutral-100);box-shadow:6px 6px 10px #7884950d}::ng-deep .example-box--lg{min-width:330px;min-height:400px;max-width:330px;max-height:400px}.lg .slider{margin:0}.vertical.cont{max-width:fit-content;height:100%;padding:100px 0}.vertical .slider{height:100%;flex-direction:column;margin:0}.vertical .ant-arrow{top:unset;left:calc(50% - 30px);transform:rotate(90deg)}.vertical .ant-arrow__previous{top:14px}.vertical .ant-arrow__next{right:unset;bottom:14px}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "component", type: NzCardComponent, selector: "nz-card", inputs: ["nzBordered", "nzBorderless", "nzLoading", "nzHoverable", "nzBodyStyle", "nzCover", "nzActions", "nzType", "nzSize", "nzTitle", "nzExtra"], exportAs: ["nzCard"] }, { kind: "component", type: TkKioskTypographyComponent, selector: "tk-kiosk-typography", inputs: ["type", "color", "size", "weight", "lineBreak"] }, { kind: "component", type: TkKioskIconBtnComponent, selector: "tk-kiosk-icon-btn", inputs: ["isDisabled", "size", "type", "color", "icon", "iconSrc", "bgColor"], outputs: ["btnClick"] }] }); }
|
|
70
70
|
}
|
|
71
71
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskSliderComponent, decorators: [{
|
|
72
72
|
type: Component,
|
|
@@ -78,7 +78,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
|
|
|
78
78
|
NzCardComponent,
|
|
79
79
|
TkKioskTypographyComponent,
|
|
80
80
|
TkKioskIconBtnComponent,
|
|
81
|
-
], template: "<div [ngClass]=\"'cont' + ' ' + direction + ' ' + appearance\">\n <ng-container *ngIf=\"showArrows && appearance == 'default'\">\n <div\n class=\"ant-arrow ant-arrow__previous\"\n (click)=\"goPrevious()\"\n *ngIf=\"showPreviousArrow\"\n >\n <tk-kiosk-icon-btn size=\"small\" icon=\"tk-kiosk:chevron-left\" ></tk-kiosk-icon-btn>\n </div>\n\n <div\n class=\"ant-arrow ant-arrow__next\"\n (click)=\"goNext()\"\n *ngIf=\"showNextArrow\"\n >\n <tk-kiosk-icon-btn size=\"small\" icon=\"tk-kiosk:chevron-right\" ></tk-kiosk-icon-btn>\n </div>\n </ng-container>\n\n <ng-container *ngIf=\"showArrows && appearance == 'lg'\">\n <div\n class=\"ant-arrow__lg ant-arrow__previous_lg\"\n (click)=\"goPrevious()\"\n *ngIf=\"showPreviousArrow\"\n >\n <span nz-icon nzType=\"tk-kiosk:chevron-left\" class=\"icon\"></span>\n </div>\n\n <div\n class=\"ant-arrow__lg ant-arrow__next_lg\"\n (click)=\"goNext()\"\n *ngIf=\"showNextArrow\"\n >\n <span nz-icon nzType=\"tk-kiosk:chevron-right\" class=\"icon\"></span>\n\n </div>\n </ng-container>\n\n\n <div #slider class=\"slider\" (scroll)=\"onScroll()\">\n <ng-content></ng-content>\n\n <nz-card class=\"view-more\" *ngIf=\"showViewAll\" (click)=\"goToViewAll()\" >\n <div class=\"view-more__body\">\n\n <tk-kiosk-typography type=\"h5-heading\" color=\"tk-color-text-900\">\n Ver todos\n </tk-kiosk-typography>\n <tk-kiosk-icon-btn size=\"small\" icon=\"tk-kiosk:arrow-right\" color=\"secondary\"></tk-kiosk-icon-btn>\n </div>\n </nz-card>\n </div>\n\n</div>\n", styles: ["@charset \"UTF-8\";*{box-sizing:border-box}.cont{max-width:100%;height:fit-content;position:relative}.icon{margin-right:6px;font-size:30px;color:var(--tk-color-primary-
|
|
81
|
+
], template: "<div [ngClass]=\"'cont' + ' ' + direction + ' ' + appearance\">\n <ng-container *ngIf=\"showArrows && appearance == 'default'\">\n <div\n class=\"ant-arrow ant-arrow__previous\"\n (click)=\"goPrevious()\"\n *ngIf=\"showPreviousArrow\"\n >\n <tk-kiosk-icon-btn size=\"small\" icon=\"tk-kiosk:chevron-left\" ></tk-kiosk-icon-btn>\n </div>\n\n <div\n class=\"ant-arrow ant-arrow__next\"\n (click)=\"goNext()\"\n *ngIf=\"showNextArrow\"\n >\n <tk-kiosk-icon-btn size=\"small\" icon=\"tk-kiosk:chevron-right\" ></tk-kiosk-icon-btn>\n </div>\n </ng-container>\n\n <ng-container *ngIf=\"showArrows && appearance == 'lg'\">\n <div\n class=\"ant-arrow__lg ant-arrow__previous_lg\"\n (click)=\"goPrevious()\"\n *ngIf=\"showPreviousArrow\"\n >\n <span nz-icon nzType=\"tk-kiosk:chevron-left\" class=\"icon\"></span>\n </div>\n\n <div\n class=\"ant-arrow__lg ant-arrow__next_lg\"\n (click)=\"goNext()\"\n *ngIf=\"showNextArrow\"\n >\n <span nz-icon nzType=\"tk-kiosk:chevron-right\" class=\"icon\"></span>\n\n </div>\n </ng-container>\n\n\n <div #slider class=\"slider\" (scroll)=\"onScroll()\">\n <ng-content></ng-content>\n\n <nz-card class=\"view-more\" *ngIf=\"showViewAll\" (click)=\"goToViewAll()\" >\n <div class=\"view-more__body\">\n\n <tk-kiosk-typography type=\"h5-heading\" color=\"tk-color-text-900\">\n Ver todos\n </tk-kiosk-typography>\n <tk-kiosk-icon-btn size=\"small\" icon=\"tk-kiosk:arrow-right\" color=\"secondary\"></tk-kiosk-icon-btn>\n </div>\n </nz-card>\n </div>\n\n</div>\n", styles: ["@charset \"UTF-8\";*{box-sizing:border-box}:host{height:100%}.cont{max-width:100%;height:fit-content;position:relative}.icon{margin-right:6px;font-size:30px;color:var(--tk-color-primary-900)}.slider{margin:0 100px;display:flex;position:relative;overflow-x:auto;gap:18px;padding:20px 0;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.slider::-webkit-scrollbar{display:none}.ant-arrow{position:absolute;z-index:2;top:calc(50% - 30px)}.ant-arrow__previous{left:14px}.ant-arrow__next{right:14px}.ant-arrow__lg{width:48px;height:200px;z-index:2;top:calc(50% - 100px);border-radius:8px;background:var(--tk-color-white-900);display:flex;justify-content:center;align-items:center;box-shadow:0 4px 4px #00000040}.ant-arrow__lg img{width:50px;height:50px}.ant-arrow__previous_lg{left:35px;transform:translate(-100%);position:absolute}.ant-arrow__previous_lg img{transform:rotate(180deg)}.ant-arrow__next_lg{position:absolute;right:-15px}.view-more{min-width:330px;display:flex;justify-content:center;align-items:center;border-radius:16px;background-color:var(--tk-color-neutral-100);box-shadow:6px 6px 10px #7884950d}.view-more__body{width:max-content;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}::ng-deep .example-box{display:flex;align-items:center;justify-content:center;min-width:150px;min-height:260px;max-width:150px;max-height:260px;border-radius:16px;background-color:var(--tk-color-neutral-100);box-shadow:6px 6px 10px #7884950d}::ng-deep .example-box--lg{min-width:330px;min-height:400px;max-width:330px;max-height:400px}.lg .slider{margin:0}.vertical.cont{max-width:fit-content;height:100%;padding:100px 0}.vertical .slider{height:100%;flex-direction:column;margin:0}.vertical .ant-arrow{top:unset;left:calc(50% - 30px);transform:rotate(90deg)}.vertical .ant-arrow__previous{top:14px}.vertical .ant-arrow__next{right:unset;bottom:14px}\n"] }]
|
|
82
82
|
}], propDecorators: { sizeNextScroll: [{
|
|
83
83
|
type: Input,
|
|
84
84
|
args: ['sizeNextScroll']
|
|
@@ -106,4 +106,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
|
|
|
106
106
|
type: ViewChild,
|
|
107
107
|
args: ['slider', { static: false }]
|
|
108
108
|
}] } });
|
|
109
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
109
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGsta2lvc2stc2xpZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RrLWtpb3NrLWRzL3NyYy9saWIvY29tcG9uZW50cy90ay1raW9zay1zbGlkZXIvdGsta2lvc2stc2xpZGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RrLWtpb3NrLWRzL3NyYy9saWIvY29tcG9uZW50cy90ay1raW9zay1zbGlkZXIvdGsta2lvc2stc2xpZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3pELE9BQU8sRUFDTCxTQUFTLEVBRVQsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBQ04sU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNyRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDckQsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDcEUsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sc0JBQXNCLENBQUM7O0FBaUIvRCxNQUFNLE9BQU8sc0JBQXNCO0lBZm5DO1FBZ0IyQixtQkFBYyxHQUFHLEdBQUcsQ0FBQztRQUNqQix1QkFBa0IsR0FBRyxHQUFHLENBQUM7UUFDakMsZUFBVSxHQUFHLElBQUksQ0FBQztRQUNuQixjQUFTLEdBQUcsTUFBTSxDQUFDO1FBQ2xCLGVBQVUsR0FBcUIsU0FBUyxDQUFDO1FBQzFDLGNBQVMsR0FBOEIsWUFBWSxDQUFDO1FBQ2xELGdCQUFXLEdBQVksS0FBSyxDQUFDO1FBRXpDLFlBQU8sR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQVkxRCxzQkFBaUIsR0FBRyxLQUFLLENBQUM7UUFDMUIsa0JBQWEsR0FBRyxLQUFLLENBQUM7S0FpRHZCO0lBM0RDLElBQTRDLE9BQU8sQ0FBQyxPQUFtQjtRQUNyRSxJQUFJLE9BQU8sRUFBRTtZQUNYLDhDQUE4QztZQUM5QyxZQUFZO1lBRVosSUFBSSxDQUFDLGFBQWEsR0FBRyxPQUFPLENBQUM7U0FDOUI7SUFDSCxDQUFDO0lBS0QsZUFBZTtRQUNiLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUNsQixDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksSUFBSSxDQUFDLGFBQWEsRUFBRSxhQUFhLEVBQUU7WUFDckMsTUFBTSxFQUNKLFVBQVUsRUFDVixTQUFTLEVBQ1QsV0FBVyxFQUNYLFdBQVcsRUFDWCxZQUFZLEVBQ1osWUFBWSxHQUNiLEdBQUcsSUFBSSxDQUFDLGFBQWEsRUFBRSxhQUFhLENBQUM7WUFFdEMsSUFBSSxJQUFJLENBQUMsU0FBUyxJQUFJLFVBQVUsRUFBRTtnQkFDaEMsSUFBSSxDQUFDLGlCQUFpQixHQUFHLFNBQVMsR0FBRyxHQUFHLENBQUM7Z0JBQ3pDLElBQUksQ0FBQyxhQUFhO29CQUNoQixJQUFJLENBQUMsS0FBSyxDQUFDLFlBQVksR0FBRyxTQUFTLENBQUMsR0FBRyxZQUFZLENBQUM7YUFDdkQ7aUJBQU07Z0JBQ0wsSUFBSSxDQUFDLGlCQUFpQixHQUFHLFVBQVUsR0FBRyxHQUFHLENBQUM7Z0JBQzFDLElBQUksQ0FBQyxhQUFhLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxXQUFXLEdBQUcsVUFBVSxDQUFDLEdBQUcsV0FBVyxDQUFDO2FBQ3pFO1NBQ0Y7SUFDSCxDQUFDO0lBRUQsVUFBVTtRQUNSLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxFQUFFLGFBQWE7WUFBRSxPQUFPO1FBQy9DLElBQUksSUFBSSxDQUFDLFNBQVMsSUFBSSxVQUFVLEVBQUU7WUFDaEMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsU0FBUyxJQUFJLElBQUksQ0FBQyxrQkFBa0IsQ0FBQztTQUN2RTthQUFNO1lBQ0wsSUFBSSxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsVUFBVSxJQUFJLElBQUksQ0FBQyxrQkFBa0IsQ0FBQztTQUN4RTtJQUNILENBQUM7SUFFRCxNQUFNO1FBQ0osSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsYUFBYTtZQUFFLE9BQU87UUFDL0MsSUFBSSxJQUFJLENBQUMsU0FBUyxJQUFJLFVBQVUsRUFBRTtZQUNoQyxJQUFJLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxTQUFTLElBQUksSUFBSSxDQUFDLGNBQWMsQ0FBQztTQUNuRTthQUFNO1lBQ0wsSUFBSSxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsVUFBVSxJQUFJLElBQUksQ0FBQyxjQUFjLENBQUM7U0FDcEU7SUFDSCxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDdEIsQ0FBQzs4R0F0RVUsc0JBQXNCO2tHQUF0QixzQkFBc0IsdWFDN0JuQyxtb0RBc0RBLHU2RERwQ0ksSUFBSSw2RkFFSixPQUFPLG9GQUNQLGVBQWUsaUtBQ2YsZUFBZSwrTkFDZiwwQkFBMEIsMEhBQzFCLHVCQUF1Qjs7MkZBS2Qsc0JBQXNCO2tCQWZsQyxTQUFTOytCQUNFLGlCQUFpQixjQUNmLElBQUksV0FDUDt3QkFDUCxJQUFJO3dCQUNKLE9BQU87d0JBQ1AsT0FBTzt3QkFDUCxlQUFlO3dCQUNmLGVBQWU7d0JBQ2YsMEJBQTBCO3dCQUMxQix1QkFBdUI7cUJBQ3hCOzhCQUt3QixjQUFjO3NCQUF0QyxLQUFLO3VCQUFDLGdCQUFnQjtnQkFDTSxrQkFBa0I7c0JBQTlDLEtBQUs7dUJBQUMsb0JBQW9CO2dCQUNOLFVBQVU7c0JBQTlCLEtBQUs7dUJBQUMsWUFBWTtnQkFDQyxTQUFTO3NCQUE1QixLQUFLO3VCQUFDLFdBQVc7Z0JBQ0csVUFBVTtzQkFBOUIsS0FBSzt1QkFBQyxZQUFZO2dCQUNDLFNBQVM7c0JBQTVCLEtBQUs7dUJBQUMsV0FBVztnQkFDSSxXQUFXO3NCQUFoQyxLQUFLO3VCQUFDLGFBQWE7Z0JBRVYsT0FBTztzQkFBaEIsTUFBTTtnQkFHcUMsT0FBTztzQkFBbEQsU0FBUzt1QkFBQyxRQUFRLEVBQUUsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdDbGFzcywgTmdJZiwgTmdTdHlsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1xuICBDb21wb25lbnQsXG4gIEVsZW1lbnRSZWYsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgVmlld0NoaWxkLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE56Q2FyZENvbXBvbmVudCB9IGZyb20gJ25nLXpvcnJvLWFudGQvY2FyZCc7XG5pbXBvcnQgeyBOekljb25EaXJlY3RpdmUgfSBmcm9tICduZy16b3Jyby1hbnRkL2ljb24nO1xuaW1wb3J0IHsgVGtLaW9za1R5cG9ncmFwaHlDb21wb25lbnQgfSBmcm9tICcuLi90ay1raW9zay10eXBvZ3JhcGh5JztcbmltcG9ydCB7IFRrS2lvc2tJY29uQnRuQ29tcG9uZW50IH0gZnJvbSAnLi4vdGsta2lvc2staWNvbi1idG4nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd0ay1raW9zay1zbGlkZXInLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgTmdJZixcbiAgICBOZ1N0eWxlLFxuICAgIE5nQ2xhc3MsXG4gICAgTnpJY29uRGlyZWN0aXZlLFxuICAgIE56Q2FyZENvbXBvbmVudCxcbiAgICBUa0tpb3NrVHlwb2dyYXBoeUNvbXBvbmVudCxcbiAgICBUa0tpb3NrSWNvbkJ0bkNvbXBvbmVudCxcbiAgXSxcbiAgdGVtcGxhdGVVcmw6ICcuL3RrLWtpb3NrLXNsaWRlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi90ay1raW9zay1zbGlkZXIuY29tcG9uZW50LnNjc3MnLFxufSlcbmV4cG9ydCBjbGFzcyBUa0tpb3NrU2xpZGVyQ29tcG9uZW50IHtcbiAgQElucHV0KCdzaXplTmV4dFNjcm9sbCcpIHNpemVOZXh0U2Nyb2xsID0gODUwO1xuICBASW5wdXQoJ3NpemVQcmV2aW91c1Njcm9sbCcpIHNpemVQcmV2aW91c1Njcm9sbCA9IDg1MDtcbiAgQElucHV0KCdzaG93QXJyb3dzJykgc2hvd0Fycm93cyA9IHRydWU7XG4gIEBJbnB1dCgnbWFyZ2luVG9wJykgbWFyZ2luVG9wID0gJzkwcHgnO1xuICBASW5wdXQoJ2FwcGVhcmFuY2UnKSBhcHBlYXJhbmNlOiAnZGVmYXVsdCcgfCAnbGcnID0gJ2RlZmF1bHQnO1xuICBASW5wdXQoJ2RpcmVjdGlvbicpIGRpcmVjdGlvbjogJ2hvcml6b250YWwnIHwgJ3ZlcnRpY2FsJyA9ICdob3Jpem9udGFsJztcbiAgQElucHV0KCdzaG93Vmlld0FsbCcpIHNob3dWaWV3QWxsOiBib29sZWFuID0gZmFsc2U7XG5cbiAgQE91dHB1dCgpIHZpZXdBbGw6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIHNsaWRlckVsZW1lbnQhOiBFbGVtZW50UmVmO1xuICBAVmlld0NoaWxkKCdzbGlkZXInLCB7IHN0YXRpYzogZmFsc2UgfSkgc2V0IGNvbnRlbnQoY29udGVudDogRWxlbWVudFJlZikge1xuICAgIGlmIChjb250ZW50KSB7XG4gICAgICAvLyBpbml0aWFsbHkgc2V0dGVyIGdldHMgY2FsbGVkIHdpdGggdW5kZWZpbmVkXG4gICAgICAvLyBkZWJ1Z2dlcjtcblxuICAgICAgdGhpcy5zbGlkZXJFbGVtZW50ID0gY29udGVudDtcbiAgICB9XG4gIH1cblxuICBzaG93UHJldmlvdXNBcnJvdyA9IGZhbHNlO1xuICBzaG93TmV4dEFycm93ID0gZmFsc2U7XG5cbiAgbmdBZnRlclZpZXdJbml0KCkge1xuICAgIHRoaXMub25TY3JvbGwoKTtcbiAgfVxuXG4gIG9uU2Nyb2xsKCkge1xuICAgIGlmICh0aGlzLnNsaWRlckVsZW1lbnQ/Lm5hdGl2ZUVsZW1lbnQpIHtcbiAgICAgIGNvbnN0IHtcbiAgICAgICAgc2Nyb2xsTGVmdCxcbiAgICAgICAgc2Nyb2xsVG9wLFxuICAgICAgICBzY3JvbGxXaWR0aCxcbiAgICAgICAgY2xpZW50V2lkdGgsXG4gICAgICAgIHNjcm9sbEhlaWdodCxcbiAgICAgICAgY2xpZW50SGVpZ2h0LFxuICAgICAgfSA9IHRoaXMuc2xpZGVyRWxlbWVudD8ubmF0aXZlRWxlbWVudDtcblxuICAgICAgaWYgKHRoaXMuZGlyZWN0aW9uID09ICd2ZXJ0aWNhbCcpIHtcbiAgICAgICAgdGhpcy5zaG93UHJldmlvdXNBcnJvdyA9IHNjcm9sbFRvcCA+IDEwMDtcbiAgICAgICAgdGhpcy5zaG93TmV4dEFycm93ID1cbiAgICAgICAgICBNYXRoLmZsb29yKHNjcm9sbEhlaWdodCAtIHNjcm9sbFRvcCkgPiBjbGllbnRIZWlnaHQ7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICB0aGlzLnNob3dQcmV2aW91c0Fycm93ID0gc2Nyb2xsTGVmdCA+IDEwMDtcbiAgICAgICAgdGhpcy5zaG93TmV4dEFycm93ID0gTWF0aC5mbG9vcihzY3JvbGxXaWR0aCAtIHNjcm9sbExlZnQpID4gY2xpZW50V2lkdGg7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgZ29QcmV2aW91cygpIHtcbiAgICBpZiAoIXRoaXMuc2xpZGVyRWxlbWVudD8ubmF0aXZlRWxlbWVudCkgcmV0dXJuO1xuICAgIGlmICh0aGlzLmRpcmVjdGlvbiA9PSAndmVydGljYWwnKSB7XG4gICAgICB0aGlzLnNsaWRlckVsZW1lbnQubmF0aXZlRWxlbWVudC5zY3JvbGxUb3AgLT0gdGhpcy5zaXplUHJldmlvdXNTY3JvbGw7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuc2xpZGVyRWxlbWVudC5uYXRpdmVFbGVtZW50LnNjcm9sbExlZnQgLT0gdGhpcy5zaXplUHJldmlvdXNTY3JvbGw7XG4gICAgfVxuICB9XG5cbiAgZ29OZXh0KCkge1xuICAgIGlmICghdGhpcy5zbGlkZXJFbGVtZW50Py5uYXRpdmVFbGVtZW50KSByZXR1cm47XG4gICAgaWYgKHRoaXMuZGlyZWN0aW9uID09ICd2ZXJ0aWNhbCcpIHtcbiAgICAgIHRoaXMuc2xpZGVyRWxlbWVudC5uYXRpdmVFbGVtZW50LnNjcm9sbFRvcCArPSB0aGlzLnNpemVOZXh0U2Nyb2xsO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLnNsaWRlckVsZW1lbnQubmF0aXZlRWxlbWVudC5zY3JvbGxMZWZ0ICs9IHRoaXMuc2l6ZU5leHRTY3JvbGw7XG4gICAgfVxuICB9XG5cbiAgZ29Ub1ZpZXdBbGwoKSB7XG4gICAgdGhpcy52aWV3QWxsLmVtaXQoKTtcbiAgfVxufVxuIiwiPGRpdiBbbmdDbGFzc109XCInY29udCcgKyAnICcgKyBkaXJlY3Rpb24gICsgJyAnICsgYXBwZWFyYW5jZVwiPlxuICA8bmctY29udGFpbmVyICpuZ0lmPVwic2hvd0Fycm93cyAmJiBhcHBlYXJhbmNlID09ICdkZWZhdWx0J1wiPlxuICAgIDxkaXZcbiAgICAgIGNsYXNzPVwiYW50LWFycm93IGFudC1hcnJvd19fcHJldmlvdXNcIlxuICAgICAgKGNsaWNrKT1cImdvUHJldmlvdXMoKVwiXG4gICAgICAqbmdJZj1cInNob3dQcmV2aW91c0Fycm93XCJcbiAgICA+XG4gICAgICA8dGsta2lvc2staWNvbi1idG4gc2l6ZT1cInNtYWxsXCIgaWNvbj1cInRrLWtpb3NrOmNoZXZyb24tbGVmdFwiID48L3RrLWtpb3NrLWljb24tYnRuPlxuICAgIDwvZGl2PlxuXG4gICAgPGRpdlxuICAgICAgY2xhc3M9XCJhbnQtYXJyb3cgYW50LWFycm93X19uZXh0XCJcbiAgICAgIChjbGljayk9XCJnb05leHQoKVwiXG4gICAgICAqbmdJZj1cInNob3dOZXh0QXJyb3dcIlxuICAgID5cbiAgICAgIDx0ay1raW9zay1pY29uLWJ0biBzaXplPVwic21hbGxcIiBpY29uPVwidGsta2lvc2s6Y2hldnJvbi1yaWdodFwiID48L3RrLWtpb3NrLWljb24tYnRuPlxuICAgIDwvZGl2PlxuICA8L25nLWNvbnRhaW5lcj5cblxuICA8bmctY29udGFpbmVyICpuZ0lmPVwic2hvd0Fycm93cyAmJiBhcHBlYXJhbmNlID09ICdsZydcIj5cbiAgICA8ZGl2XG4gICAgICBjbGFzcz1cImFudC1hcnJvd19fbGcgYW50LWFycm93X19wcmV2aW91c19sZ1wiXG4gICAgICAoY2xpY2spPVwiZ29QcmV2aW91cygpXCJcbiAgICAgICpuZ0lmPVwic2hvd1ByZXZpb3VzQXJyb3dcIlxuICAgID5cbiAgICAgICAgPHNwYW4gbnotaWNvbiBuelR5cGU9XCJ0ay1raW9zazpjaGV2cm9uLWxlZnRcIiBjbGFzcz1cImljb25cIj48L3NwYW4+XG4gICAgPC9kaXY+XG5cbiAgICA8ZGl2XG4gICAgICBjbGFzcz1cImFudC1hcnJvd19fbGcgYW50LWFycm93X19uZXh0X2xnXCJcbiAgICAgIChjbGljayk9XCJnb05leHQoKVwiXG4gICAgICAqbmdJZj1cInNob3dOZXh0QXJyb3dcIlxuICAgID5cbiAgICAgICAgPHNwYW4gbnotaWNvbiBuelR5cGU9XCJ0ay1raW9zazpjaGV2cm9uLXJpZ2h0XCIgY2xhc3M9XCJpY29uXCI+PC9zcGFuPlxuXG4gICAgPC9kaXY+XG4gIDwvbmctY29udGFpbmVyPlxuXG5cbiAgPGRpdiAjc2xpZGVyIGNsYXNzPVwic2xpZGVyXCIgKHNjcm9sbCk9XCJvblNjcm9sbCgpXCI+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuXG4gICAgPG56LWNhcmQgY2xhc3M9XCJ2aWV3LW1vcmVcIiAqbmdJZj1cInNob3dWaWV3QWxsXCIgKGNsaWNrKT1cImdvVG9WaWV3QWxsKClcIiA+XG4gICAgICA8ZGl2IGNsYXNzPVwidmlldy1tb3JlX19ib2R5XCI+XG5cbiAgICAgICAgPHRrLWtpb3NrLXR5cG9ncmFwaHkgdHlwZT1cImg1LWhlYWRpbmdcIiBjb2xvcj1cInRrLWNvbG9yLXRleHQtOTAwXCI+XG4gICAgICAgICAgVmVyIHRvZG9zXG4gICAgICAgIDwvdGsta2lvc2stdHlwb2dyYXBoeT5cbiAgICAgICAgPHRrLWtpb3NrLWljb24tYnRuIHNpemU9XCJzbWFsbFwiIGljb249XCJ0ay1raW9zazphcnJvdy1yaWdodFwiIGNvbG9yPVwic2Vjb25kYXJ5XCI+PC90ay1raW9zay1pY29uLWJ0bj5cbiAgICAgIDwvZGl2PlxuICAgIDwvbnotY2FyZD5cbiAgPC9kaXY+XG5cbjwvZGl2PlxuIl19
|
|
@@ -42,11 +42,11 @@ export class TkKioskVerticalArrowScrollComponent {
|
|
|
42
42
|
this.destroy$.complete();
|
|
43
43
|
}
|
|
44
44
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskVerticalArrowScrollComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
45
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: TkKioskVerticalArrowScrollComponent, isStandalone: true, selector: "tk-kiosk-vertical-arrow-scroll", inputs: { elementToScroll: "elementToScroll", sizeTopScroll: "sizeTopScroll", sizeBottomScroll: "sizeBottomScroll", showArrows: "showArrows", distanceBottomIcon: "distanceBottomIcon" }, ngImport: i0, template: "<div class=\"cont\">\n\n <ng-container *ngIf=\"showArrows\">\n <div class=\"ant-arrow ant-arrow__top\" (click)=\"goTop()\" *ngIf=\"showUpArrow\">\n <span nz-icon [nzType]=\"icon\" class=\"arrow\"></span>\n </div>\n\n <div class=\"ant-arrow \" [style]=\"{bottom:distanceBottomIcon}\" (click)=\"goBottom()\"\n *ngIf=\"showDownArrow\">\n <span nz-icon [nzType]=\"icon\" class=\"arrow\"></span>\n </div>\n </ng-container>\n <ng-content></ng-content>\n\n</div>", styles: ["@charset \"UTF-8\";.cont{max-width:100%;height:fit-content;position:relative}.ant-arrow{background:var(--tk-color-
|
|
45
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: TkKioskVerticalArrowScrollComponent, isStandalone: true, selector: "tk-kiosk-vertical-arrow-scroll", inputs: { elementToScroll: "elementToScroll", sizeTopScroll: "sizeTopScroll", sizeBottomScroll: "sizeBottomScroll", showArrows: "showArrows", distanceBottomIcon: "distanceBottomIcon" }, ngImport: i0, template: "<div class=\"cont\">\n\n <ng-container *ngIf=\"showArrows\">\n <div class=\"ant-arrow ant-arrow__top\" (click)=\"goTop()\" *ngIf=\"showUpArrow\">\n <span nz-icon [nzType]=\"icon\" class=\"arrow\"></span>\n </div>\n\n <div class=\"ant-arrow \" [style]=\"{bottom:distanceBottomIcon}\" (click)=\"goBottom()\"\n *ngIf=\"showDownArrow\">\n <span nz-icon [nzType]=\"icon\" class=\"arrow\"></span>\n </div>\n </ng-container>\n <ng-content></ng-content>\n\n</div>", styles: ["@charset \"UTF-8\";.cont{max-width:100%;height:fit-content;position:relative}.ant-arrow{background:var(--tk-color-secondary-900);position:fixed;z-index:10;right:30px;border-radius:50%;padding:10px;width:110px;height:110px;display:flex;justify-content:center;align-items:center}.ant-arrow span{margin:0;padding:0;font-size:80px;display:flex;color:#fff}.ant-arrow__top span{transform:rotate(180deg)}.ant-arrow__bottom{bottom:146px}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: NzIconModule }] }); }
|
|
46
46
|
}
|
|
47
47
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskVerticalArrowScrollComponent, decorators: [{
|
|
48
48
|
type: Component,
|
|
49
|
-
args: [{ selector: 'tk-kiosk-vertical-arrow-scroll', standalone: true, imports: [NgIf, NzIconDirective, NzIconModule], template: "<div class=\"cont\">\n\n <ng-container *ngIf=\"showArrows\">\n <div class=\"ant-arrow ant-arrow__top\" (click)=\"goTop()\" *ngIf=\"showUpArrow\">\n <span nz-icon [nzType]=\"icon\" class=\"arrow\"></span>\n </div>\n\n <div class=\"ant-arrow \" [style]=\"{bottom:distanceBottomIcon}\" (click)=\"goBottom()\"\n *ngIf=\"showDownArrow\">\n <span nz-icon [nzType]=\"icon\" class=\"arrow\"></span>\n </div>\n </ng-container>\n <ng-content></ng-content>\n\n</div>", styles: ["@charset \"UTF-8\";.cont{max-width:100%;height:fit-content;position:relative}.ant-arrow{background:var(--tk-color-
|
|
49
|
+
args: [{ selector: 'tk-kiosk-vertical-arrow-scroll', standalone: true, imports: [NgIf, NzIconDirective, NzIconModule], template: "<div class=\"cont\">\n\n <ng-container *ngIf=\"showArrows\">\n <div class=\"ant-arrow ant-arrow__top\" (click)=\"goTop()\" *ngIf=\"showUpArrow\">\n <span nz-icon [nzType]=\"icon\" class=\"arrow\"></span>\n </div>\n\n <div class=\"ant-arrow \" [style]=\"{bottom:distanceBottomIcon}\" (click)=\"goBottom()\"\n *ngIf=\"showDownArrow\">\n <span nz-icon [nzType]=\"icon\" class=\"arrow\"></span>\n </div>\n </ng-container>\n <ng-content></ng-content>\n\n</div>", styles: ["@charset \"UTF-8\";.cont{max-width:100%;height:fit-content;position:relative}.ant-arrow{background:var(--tk-color-secondary-900);position:fixed;z-index:10;right:30px;border-radius:50%;padding:10px;width:110px;height:110px;display:flex;justify-content:center;align-items:center}.ant-arrow span{margin:0;padding:0;font-size:80px;display:flex;color:#fff}.ant-arrow__top span{transform:rotate(180deg)}.ant-arrow__bottom{bottom:146px}\n"] }]
|
|
50
50
|
}], ctorParameters: () => [], propDecorators: { elementToScroll: [{
|
|
51
51
|
type: Input,
|
|
52
52
|
args: ['elementToScroll']
|
|
@@ -63,4 +63,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
|
|
|
63
63
|
type: Input,
|
|
64
64
|
args: ['distanceBottomIcon']
|
|
65
65
|
}] } });
|
|
66
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
66
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGsta2lvc2stdmVydGljYWwtYXJyb3ctc2Nyb2xsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RrLWtpb3NrLWRzL3NyYy9saWIvY29tcG9uZW50cy90ay1raW9zay12ZXJ0aWNhbC1hcnJvdy1zY3JvbGwvdGsta2lvc2stdmVydGljYWwtYXJyb3ctc2Nyb2xsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RrLWtpb3NrLWRzL3NyYy9saWIvY29tcG9uZW50cy90ay1raW9zay12ZXJ0aWNhbC1hcnJvdy1zY3JvbGwvdGsta2lvc2stdmVydGljYWwtYXJyb3ctc2Nyb2xsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUN2QyxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssR0FBRyxNQUFNLGVBQWUsQ0FBQztBQUNsRCxPQUFPLEVBQUUsZUFBZSxFQUFFLFlBQVksRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ25FLE9BQU8sRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsTUFBTSxNQUFNLENBQUM7O0FBU25FLE1BQU0sT0FBTyxtQ0FBbUM7SUFZOUM7UUFWd0Isa0JBQWEsR0FBRyxHQUFHLENBQUE7UUFDaEIscUJBQWdCLEdBQUcsR0FBRyxDQUFBO1FBQzVCLGVBQVUsR0FBRyxJQUFJLENBQUE7UUFDVCx1QkFBa0IsR0FBRyxPQUFPLENBQUE7UUFFekQsZ0JBQVcsR0FBRyxLQUFLLENBQUM7UUFDcEIsa0JBQWEsR0FBRyxJQUFJLENBQUM7UUFDckIsU0FBSSxHQUFHLHdCQUF3QixDQUFBO1FBQ3ZCLGFBQVEsR0FBRyxJQUFJLE9BQU8sRUFBUSxDQUFDO0lBRXZCLENBQUM7SUFDakIsUUFBUTtRQUVOLElBQUksSUFBSSxDQUFDLGVBQWUsRUFBRTtZQUN4QixNQUFNLE9BQU8sR0FBRyxTQUFTLENBQU0sSUFBSSxDQUFDLGVBQWUsRUFBRSxRQUFRLENBQUMsQ0FBQztZQUUvRCxPQUFPO2lCQUNKLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztpQkFDbEQsU0FBUyxDQUFDLEdBQUcsRUFBRTtnQkFDZCxxQ0FBcUM7WUFDdkMsQ0FBQyxDQUFDLENBQUM7WUFFTCxPQUFPLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxFQUFFLE1BQU0sRUFBRSxFQUFFLEVBQUU7Z0JBQzlELElBQUksTUFBTSxFQUFFO29CQUNWLE1BQU0sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLFlBQVksRUFBRSxHQUFHLE1BQU0sQ0FBQztvQkFDekQsSUFBSSxDQUFDLFdBQVcsR0FBRyxTQUFTLEdBQUcsR0FBRyxDQUFDO29CQUNuQyxJQUFJLENBQUMsYUFBYSxHQUFHLENBQUMsQ0FDcEIsSUFBSSxDQUFDLEtBQUssQ0FBQyxZQUFZLEdBQUcsU0FBUyxDQUFDLEtBQUssWUFBWSxDQUN0RCxDQUFDO2lCQUNIO1lBQ0gsQ0FBQyxDQUFDLENBQUM7U0FDSjtJQUNILENBQUM7SUFDRCxLQUFLO1FBQ0gsSUFBSSxDQUFDLGVBQWUsQ0FBQyxTQUFTLElBQUksSUFBSSxDQUFDLGFBQWEsQ0FBQztJQUN2RCxDQUFDO0lBQ0QsUUFBUTtRQUNOLElBQUksQ0FBQyxlQUFlLENBQUMsU0FBUyxJQUFJLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQztJQUMxRCxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDckIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUMzQixDQUFDOzhHQTdDVSxtQ0FBbUM7a0dBQW5DLG1DQUFtQyxvUkNaaEQsK2dCQWNNLHllRE5NLElBQUksNkZBQUUsZUFBZSxnS0FBRSxZQUFZOzsyRkFJbEMsbUNBQW1DO2tCQVAvQyxTQUFTOytCQUNFLGdDQUFnQyxjQUM5QixJQUFJLFdBQ1AsQ0FBQyxJQUFJLEVBQUUsZUFBZSxFQUFFLFlBQVksQ0FBQzt3REFLcEIsZUFBZTtzQkFBeEMsS0FBSzt1QkFBQyxpQkFBaUI7Z0JBQ0EsYUFBYTtzQkFBcEMsS0FBSzt1QkFBQyxlQUFlO2dCQUNLLGdCQUFnQjtzQkFBMUMsS0FBSzt1QkFBQyxrQkFBa0I7Z0JBQ0osVUFBVTtzQkFBOUIsS0FBSzt1QkFBQyxZQUFZO2dCQUNVLGtCQUFrQjtzQkFBOUMsS0FBSzt1QkFBQyxvQkFBb0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ0lmIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOekljb25EaXJlY3RpdmUsIE56SWNvbk1vZHVsZSB9IGZyb20gJ25nLXpvcnJvLWFudGQvaWNvbic7XG5pbXBvcnQgeyBTdWJqZWN0LCBmcm9tRXZlbnQsIHRha2VVbnRpbCwgdGhyb3R0bGVUaW1lIH0gZnJvbSAncnhqcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3RrLWtpb3NrLXZlcnRpY2FsLWFycm93LXNjcm9sbCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtOZ0lmLCBOekljb25EaXJlY3RpdmUsIE56SWNvbk1vZHVsZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi90ay1raW9zay12ZXJ0aWNhbC1hcnJvdy1zY3JvbGwuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi90ay1raW9zay12ZXJ0aWNhbC1hcnJvdy1zY3JvbGwuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBUa0tpb3NrVmVydGljYWxBcnJvd1Njcm9sbENvbXBvbmVudCB7XG4gIEBJbnB1dCgnZWxlbWVudFRvU2Nyb2xsJykgZWxlbWVudFRvU2Nyb2xsOiBhbnk7XG4gIEBJbnB1dCgnc2l6ZVRvcFNjcm9sbCcpIHNpemVUb3BTY3JvbGwgPSA2MjBcbiAgQElucHV0KCdzaXplQm90dG9tU2Nyb2xsJykgc2l6ZUJvdHRvbVNjcm9sbCA9IDYyMFxuICBASW5wdXQoJ3Nob3dBcnJvd3MnKSBzaG93QXJyb3dzID0gdHJ1ZVxuICBASW5wdXQoJ2Rpc3RhbmNlQm90dG9tSWNvbicpIGRpc3RhbmNlQm90dG9tSWNvbiA9ICcxNDZweCdcblxuICBzaG93VXBBcnJvdyA9IGZhbHNlO1xuICBzaG93RG93bkFycm93ID0gdHJ1ZTtcbiAgaWNvbiA9ICd0ay1raW9zazphcnJvdy1nby1kb3duJ1xuICBwcml2YXRlIGRlc3Ryb3kkID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcblxuICBjb25zdHJ1Y3RvcigpIHsgfVxuICBuZ09uSW5pdCgpOiB2b2lkIHtcblxuICAgIGlmICh0aGlzLmVsZW1lbnRUb1Njcm9sbCkge1xuICAgICAgY29uc3Qgc2Nyb2xsJCA9IGZyb21FdmVudDxhbnk+KHRoaXMuZWxlbWVudFRvU2Nyb2xsLCAnc2Nyb2xsJyk7XG5cbiAgICAgIHNjcm9sbCRcbiAgICAgICAgLnBpcGUodGhyb3R0bGVUaW1lKDIwMDApLCB0YWtlVW50aWwodGhpcy5kZXN0cm95JCkpXG4gICAgICAgIC5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgICAgIC8vdGhpcy5fc2lnbmFsaW5nLmNsb3NlKCkuc3Vic2NyaWJlKClcbiAgICAgICAgfSk7XG5cbiAgICAgIHNjcm9sbCQucGlwZSh0YWtlVW50aWwodGhpcy5kZXN0cm95JCkpLnN1YnNjcmliZSgoeyB0YXJnZXQgfSkgPT4ge1xuICAgICAgICBpZiAodGFyZ2V0KSB7XG4gICAgICAgICAgY29uc3QgeyBzY3JvbGxUb3AsIHNjcm9sbEhlaWdodCwgY2xpZW50SGVpZ2h0IH0gPSB0YXJnZXQ7XG4gICAgICAgICAgdGhpcy5zaG93VXBBcnJvdyA9IHNjcm9sbFRvcCA+IDEwMDtcbiAgICAgICAgICB0aGlzLnNob3dEb3duQXJyb3cgPSAhKFxuICAgICAgICAgICAgTWF0aC5mbG9vcihzY3JvbGxIZWlnaHQgLSBzY3JvbGxUb3ApID09PSBjbGllbnRIZWlnaHRcbiAgICAgICAgICApO1xuICAgICAgICB9XG4gICAgICB9KTtcbiAgICB9XG4gIH1cbiAgZ29Ub3AoKSB7XG4gICAgdGhpcy5lbGVtZW50VG9TY3JvbGwuc2Nyb2xsVG9wIC09IHRoaXMuc2l6ZVRvcFNjcm9sbDtcbiAgfVxuICBnb0JvdHRvbSgpIHtcbiAgICB0aGlzLmVsZW1lbnRUb1Njcm9sbC5zY3JvbGxUb3AgKz0gdGhpcy5zaXplQm90dG9tU2Nyb2xsO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5kZXN0cm95JC5uZXh0KCk7XG4gICAgdGhpcy5kZXN0cm95JC5jb21wbGV0ZSgpO1xuICB9XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJjb250XCI+XG5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwic2hvd0Fycm93c1wiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiYW50LWFycm93IGFudC1hcnJvd19fdG9wXCIgKGNsaWNrKT1cImdvVG9wKClcIiAqbmdJZj1cInNob3dVcEFycm93XCI+XG4gICAgICAgICAgICA8c3BhbiBuei1pY29uIFtuelR5cGVdPVwiaWNvblwiIGNsYXNzPVwiYXJyb3dcIj48L3NwYW4+XG4gICAgICAgIDwvZGl2PlxuXG4gICAgICAgIDxkaXYgY2xhc3M9XCJhbnQtYXJyb3cgXCIgW3N0eWxlXT1cIntib3R0b206ZGlzdGFuY2VCb3R0b21JY29ufVwiIChjbGljayk9XCJnb0JvdHRvbSgpXCJcbiAgICAgICAgICAgICpuZ0lmPVwic2hvd0Rvd25BcnJvd1wiPlxuICAgICAgICAgICAgPHNwYW4gbnotaWNvbiBbbnpUeXBlXT1cImljb25cIiBjbGFzcz1cImFycm93XCI+PC9zcGFuPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG5cbjwvZGl2PiJdfQ==
|
|
@@ -153,11 +153,11 @@ class TkKioskBarCartComponent {
|
|
|
153
153
|
this.onClickSeeMore = new EventEmitter();
|
|
154
154
|
}
|
|
155
155
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskBarCartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
156
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: TkKioskBarCartComponent, isStandalone: true, selector: "tk-kiosk-bar-cart", inputs: { iconWidth: "iconWidth", iconHeight: "iconHeight", cartItems: "cartItems", icon: "icon" }, outputs: { onClickSeeMore: "onClickSeeMore" }, ngImport: i0, template: "<div class=\"bar-cart\">\n\n <section class=\"bar-cart__data\">\n <div class=\"bar-cart__data__icon-cart\" [class.bar-cart__data__icon-cart--disabled]=\"cartItems === 0\"\n >\n <span nz-icon [nzType]=\"icon\" [class.iconItems]=\"cartItems>0\" [ngStyle]=\"{'font-size': iconWidth, 'height':iconHeight}\" class=\"icon\"></span>\n\n <div class=\"bar-cart__data__icon-cart__elipse\" *ngIf=\"cartItems>0\">\n </div>\n </div>\n <tk-kiosk-typography *ngIf=\"cartItems==0\" type=\"subtitle2\" name=\"emptyCartText\" color=\"tk-color-text-900\">\n Tu carrito est\u00E1 vac\u00EDo\n </tk-kiosk-typography>\n\n <tk-kiosk-typography *ngIf=\"cartItems>0\" type=\"subtitle2\" name=\"touchedCartText\" color=\"tk-color-text-900\">\n Productos en tu carrito\n </tk-kiosk-typography>\n\n <div class=\"bar-cart__data__counter\" *ngIf=\"cartItems>0\">\n <tk-kiosk-typography type=\"subtitle1\" color=\"tk-color-text-accent-900\">{{cartItems}}</tk-kiosk-typography>\n </div>\n </section>\n\n <tk-kiosk-btn *ngIf=\"cartItems>0\" text=\"Ver detalle\" (onClick)=\"onClickSeeMore.emit(true)\" textSize=\"h6-heading\"\n textColor=\"tk-color-secondary-900\" [outline]=\"true\"></tk-kiosk-btn>\n \n</div>", styles: [".bar-cart{width:100%;display:flex;justify-content:space-between;align-items:center}.bar-cart .bar-cart__data{display:flex;align-items:center}.bar-cart .bar-cart__data__counter{margin-left:15px;border-radius:50%;height:67px;padding:10px;display:flex;text-align:center;width:47px;height:46px;flex-direction:column;justify-content:center;background:var(--tk-color-accent-900
|
|
156
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: TkKioskBarCartComponent, isStandalone: true, selector: "tk-kiosk-bar-cart", inputs: { iconWidth: "iconWidth", iconHeight: "iconHeight", cartItems: "cartItems", icon: "icon" }, outputs: { onClickSeeMore: "onClickSeeMore" }, ngImport: i0, template: "<div class=\"bar-cart\">\n\n <section class=\"bar-cart__data\">\n <div class=\"bar-cart__data__icon-cart\" [class.bar-cart__data__icon-cart--disabled]=\"cartItems === 0\"\n >\n <span nz-icon [nzType]=\"icon\" [class.iconItems]=\"cartItems>0\" [ngStyle]=\"{'font-size': iconWidth, 'height':iconHeight}\" class=\"icon\"></span>\n\n <div class=\"bar-cart__data__icon-cart__elipse\" *ngIf=\"cartItems>0\">\n </div>\n </div>\n <tk-kiosk-typography *ngIf=\"cartItems==0\" type=\"subtitle2\" name=\"emptyCartText\" color=\"tk-color-text-900\">\n Tu carrito est\u00E1 vac\u00EDo\n </tk-kiosk-typography>\n\n <tk-kiosk-typography *ngIf=\"cartItems>0\" type=\"subtitle2\" name=\"touchedCartText\" color=\"tk-color-text-900\">\n Productos en tu carrito\n </tk-kiosk-typography>\n\n <div class=\"bar-cart__data__counter\" *ngIf=\"cartItems>0\">\n <tk-kiosk-typography type=\"subtitle1\" color=\"tk-color-text-accent-900\">{{cartItems}}</tk-kiosk-typography>\n </div>\n </section>\n\n <tk-kiosk-btn *ngIf=\"cartItems>0\" text=\"Ver detalle\" (onClick)=\"onClickSeeMore.emit(true)\" textSize=\"h6-heading\"\n textColor=\"tk-color-secondary-900\" [outline]=\"true\"></tk-kiosk-btn>\n \n</div>", styles: [".bar-cart{width:100%;display:flex;justify-content:space-between;align-items:center}.bar-cart .bar-cart__data{display:flex;align-items:center}.bar-cart .bar-cart__data__counter{margin-left:15px;border-radius:50%;height:67px;padding:10px;display:flex;text-align:center;width:47px;height:46px;flex-direction:column;justify-content:center;background:var(--tk-color-accent-900)}.bar-cart .bar-cart__data__icon-cart{background:var(--tk-color-secondary-900);border-radius:55px;padding:20px;margin-right:20px;position:relative;display:flex}.bar-cart .bar-cart__data__icon-cart .icon{color:var(--tk-color-white-900)}.bar-cart .bar-cart__data__icon-cart .iconItems{color:var(--tk-color-text-secondary-900)}.bar-cart .bar-cart__data__icon-cart__elipse{position:absolute;top:0;right:0;width:33px;height:33px;background:var(--tk-color-accent-900);border-radius:100%}.bar-cart .bar-cart__data__icon-cart--disabled{border-radius:55px;background:var(--tk-color-neutral-400)}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "component", type: TkKioskTypographyComponent, selector: "tk-kiosk-typography", inputs: ["type", "color", "size", "weight", "lineBreak"] }, { kind: "component", type: TkKioskBtnComponent, selector: "tk-kiosk-btn", inputs: ["text", "disabled", "outline", "stroked", "rounded", "variant", "size", "textColor", "textSize"], outputs: ["onClick"] }] }); }
|
|
157
157
|
}
|
|
158
158
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskBarCartComponent, decorators: [{
|
|
159
159
|
type: Component,
|
|
160
|
-
args: [{ selector: 'tk-kiosk-bar-cart', standalone: true, imports: [NgStyle, NgIf, NzIconDirective, TkKioskTypographyComponent, TkKioskBtnComponent], template: "<div class=\"bar-cart\">\n\n <section class=\"bar-cart__data\">\n <div class=\"bar-cart__data__icon-cart\" [class.bar-cart__data__icon-cart--disabled]=\"cartItems === 0\"\n >\n <span nz-icon [nzType]=\"icon\" [class.iconItems]=\"cartItems>0\" [ngStyle]=\"{'font-size': iconWidth, 'height':iconHeight}\" class=\"icon\"></span>\n\n <div class=\"bar-cart__data__icon-cart__elipse\" *ngIf=\"cartItems>0\">\n </div>\n </div>\n <tk-kiosk-typography *ngIf=\"cartItems==0\" type=\"subtitle2\" name=\"emptyCartText\" color=\"tk-color-text-900\">\n Tu carrito est\u00E1 vac\u00EDo\n </tk-kiosk-typography>\n\n <tk-kiosk-typography *ngIf=\"cartItems>0\" type=\"subtitle2\" name=\"touchedCartText\" color=\"tk-color-text-900\">\n Productos en tu carrito\n </tk-kiosk-typography>\n\n <div class=\"bar-cart__data__counter\" *ngIf=\"cartItems>0\">\n <tk-kiosk-typography type=\"subtitle1\" color=\"tk-color-text-accent-900\">{{cartItems}}</tk-kiosk-typography>\n </div>\n </section>\n\n <tk-kiosk-btn *ngIf=\"cartItems>0\" text=\"Ver detalle\" (onClick)=\"onClickSeeMore.emit(true)\" textSize=\"h6-heading\"\n textColor=\"tk-color-secondary-900\" [outline]=\"true\"></tk-kiosk-btn>\n \n</div>", styles: [".bar-cart{width:100%;display:flex;justify-content:space-between;align-items:center}.bar-cart .bar-cart__data{display:flex;align-items:center}.bar-cart .bar-cart__data__counter{margin-left:15px;border-radius:50%;height:67px;padding:10px;display:flex;text-align:center;width:47px;height:46px;flex-direction:column;justify-content:center;background:var(--tk-color-accent-900
|
|
160
|
+
args: [{ selector: 'tk-kiosk-bar-cart', standalone: true, imports: [NgStyle, NgIf, NzIconDirective, TkKioskTypographyComponent, TkKioskBtnComponent], template: "<div class=\"bar-cart\">\n\n <section class=\"bar-cart__data\">\n <div class=\"bar-cart__data__icon-cart\" [class.bar-cart__data__icon-cart--disabled]=\"cartItems === 0\"\n >\n <span nz-icon [nzType]=\"icon\" [class.iconItems]=\"cartItems>0\" [ngStyle]=\"{'font-size': iconWidth, 'height':iconHeight}\" class=\"icon\"></span>\n\n <div class=\"bar-cart__data__icon-cart__elipse\" *ngIf=\"cartItems>0\">\n </div>\n </div>\n <tk-kiosk-typography *ngIf=\"cartItems==0\" type=\"subtitle2\" name=\"emptyCartText\" color=\"tk-color-text-900\">\n Tu carrito est\u00E1 vac\u00EDo\n </tk-kiosk-typography>\n\n <tk-kiosk-typography *ngIf=\"cartItems>0\" type=\"subtitle2\" name=\"touchedCartText\" color=\"tk-color-text-900\">\n Productos en tu carrito\n </tk-kiosk-typography>\n\n <div class=\"bar-cart__data__counter\" *ngIf=\"cartItems>0\">\n <tk-kiosk-typography type=\"subtitle1\" color=\"tk-color-text-accent-900\">{{cartItems}}</tk-kiosk-typography>\n </div>\n </section>\n\n <tk-kiosk-btn *ngIf=\"cartItems>0\" text=\"Ver detalle\" (onClick)=\"onClickSeeMore.emit(true)\" textSize=\"h6-heading\"\n textColor=\"tk-color-secondary-900\" [outline]=\"true\"></tk-kiosk-btn>\n \n</div>", styles: [".bar-cart{width:100%;display:flex;justify-content:space-between;align-items:center}.bar-cart .bar-cart__data{display:flex;align-items:center}.bar-cart .bar-cart__data__counter{margin-left:15px;border-radius:50%;height:67px;padding:10px;display:flex;text-align:center;width:47px;height:46px;flex-direction:column;justify-content:center;background:var(--tk-color-accent-900)}.bar-cart .bar-cart__data__icon-cart{background:var(--tk-color-secondary-900);border-radius:55px;padding:20px;margin-right:20px;position:relative;display:flex}.bar-cart .bar-cart__data__icon-cart .icon{color:var(--tk-color-white-900)}.bar-cart .bar-cart__data__icon-cart .iconItems{color:var(--tk-color-text-secondary-900)}.bar-cart .bar-cart__data__icon-cart__elipse{position:absolute;top:0;right:0;width:33px;height:33px;background:var(--tk-color-accent-900);border-radius:100%}.bar-cart .bar-cart__data__icon-cart--disabled{border-radius:55px;background:var(--tk-color-neutral-400)}\n"] }]
|
|
161
161
|
}], propDecorators: { iconWidth: [{
|
|
162
162
|
type: Input
|
|
163
163
|
}], iconHeight: [{
|
|
@@ -842,7 +842,7 @@ class TkKioskSliderComponent {
|
|
|
842
842
|
this.viewAll.emit();
|
|
843
843
|
}
|
|
844
844
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskSliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
845
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: TkKioskSliderComponent, isStandalone: true, selector: "tk-kiosk-slider", inputs: { sizeNextScroll: "sizeNextScroll", sizePreviousScroll: "sizePreviousScroll", showArrows: "showArrows", marginTop: "marginTop", appearance: "appearance", direction: "direction", showViewAll: "showViewAll" }, outputs: { viewAll: "viewAll" }, viewQueries: [{ propertyName: "content", first: true, predicate: ["slider"], descendants: true }], ngImport: i0, template: "<div [ngClass]=\"'cont' + ' ' + direction + ' ' + appearance\">\n <ng-container *ngIf=\"showArrows && appearance == 'default'\">\n <div\n class=\"ant-arrow ant-arrow__previous\"\n (click)=\"goPrevious()\"\n *ngIf=\"showPreviousArrow\"\n >\n <tk-kiosk-icon-btn size=\"small\" icon=\"tk-kiosk:chevron-left\" ></tk-kiosk-icon-btn>\n </div>\n\n <div\n class=\"ant-arrow ant-arrow__next\"\n (click)=\"goNext()\"\n *ngIf=\"showNextArrow\"\n >\n <tk-kiosk-icon-btn size=\"small\" icon=\"tk-kiosk:chevron-right\" ></tk-kiosk-icon-btn>\n </div>\n </ng-container>\n\n <ng-container *ngIf=\"showArrows && appearance == 'lg'\">\n <div\n class=\"ant-arrow__lg ant-arrow__previous_lg\"\n (click)=\"goPrevious()\"\n *ngIf=\"showPreviousArrow\"\n >\n <span nz-icon nzType=\"tk-kiosk:chevron-left\" class=\"icon\"></span>\n </div>\n\n <div\n class=\"ant-arrow__lg ant-arrow__next_lg\"\n (click)=\"goNext()\"\n *ngIf=\"showNextArrow\"\n >\n <span nz-icon nzType=\"tk-kiosk:chevron-right\" class=\"icon\"></span>\n\n </div>\n </ng-container>\n\n\n <div #slider class=\"slider\" (scroll)=\"onScroll()\">\n <ng-content></ng-content>\n\n <nz-card class=\"view-more\" *ngIf=\"showViewAll\" (click)=\"goToViewAll()\" >\n <div class=\"view-more__body\">\n\n <tk-kiosk-typography type=\"h5-heading\" color=\"tk-color-text-900\">\n Ver todos\n </tk-kiosk-typography>\n <tk-kiosk-icon-btn size=\"small\" icon=\"tk-kiosk:arrow-right\" color=\"secondary\"></tk-kiosk-icon-btn>\n </div>\n </nz-card>\n </div>\n\n</div>\n", styles: ["@charset \"UTF-8\";*{box-sizing:border-box}.cont{max-width:100%;height:fit-content;position:relative}.icon{margin-right:6px;font-size:30px;color:var(--tk-color-primary-
|
|
845
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: TkKioskSliderComponent, isStandalone: true, selector: "tk-kiosk-slider", inputs: { sizeNextScroll: "sizeNextScroll", sizePreviousScroll: "sizePreviousScroll", showArrows: "showArrows", marginTop: "marginTop", appearance: "appearance", direction: "direction", showViewAll: "showViewAll" }, outputs: { viewAll: "viewAll" }, viewQueries: [{ propertyName: "content", first: true, predicate: ["slider"], descendants: true }], ngImport: i0, template: "<div [ngClass]=\"'cont' + ' ' + direction + ' ' + appearance\">\n <ng-container *ngIf=\"showArrows && appearance == 'default'\">\n <div\n class=\"ant-arrow ant-arrow__previous\"\n (click)=\"goPrevious()\"\n *ngIf=\"showPreviousArrow\"\n >\n <tk-kiosk-icon-btn size=\"small\" icon=\"tk-kiosk:chevron-left\" ></tk-kiosk-icon-btn>\n </div>\n\n <div\n class=\"ant-arrow ant-arrow__next\"\n (click)=\"goNext()\"\n *ngIf=\"showNextArrow\"\n >\n <tk-kiosk-icon-btn size=\"small\" icon=\"tk-kiosk:chevron-right\" ></tk-kiosk-icon-btn>\n </div>\n </ng-container>\n\n <ng-container *ngIf=\"showArrows && appearance == 'lg'\">\n <div\n class=\"ant-arrow__lg ant-arrow__previous_lg\"\n (click)=\"goPrevious()\"\n *ngIf=\"showPreviousArrow\"\n >\n <span nz-icon nzType=\"tk-kiosk:chevron-left\" class=\"icon\"></span>\n </div>\n\n <div\n class=\"ant-arrow__lg ant-arrow__next_lg\"\n (click)=\"goNext()\"\n *ngIf=\"showNextArrow\"\n >\n <span nz-icon nzType=\"tk-kiosk:chevron-right\" class=\"icon\"></span>\n\n </div>\n </ng-container>\n\n\n <div #slider class=\"slider\" (scroll)=\"onScroll()\">\n <ng-content></ng-content>\n\n <nz-card class=\"view-more\" *ngIf=\"showViewAll\" (click)=\"goToViewAll()\" >\n <div class=\"view-more__body\">\n\n <tk-kiosk-typography type=\"h5-heading\" color=\"tk-color-text-900\">\n Ver todos\n </tk-kiosk-typography>\n <tk-kiosk-icon-btn size=\"small\" icon=\"tk-kiosk:arrow-right\" color=\"secondary\"></tk-kiosk-icon-btn>\n </div>\n </nz-card>\n </div>\n\n</div>\n", styles: ["@charset \"UTF-8\";*{box-sizing:border-box}:host{height:100%}.cont{max-width:100%;height:fit-content;position:relative}.icon{margin-right:6px;font-size:30px;color:var(--tk-color-primary-900)}.slider{margin:0 100px;display:flex;position:relative;overflow-x:auto;gap:18px;padding:20px 0;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.slider::-webkit-scrollbar{display:none}.ant-arrow{position:absolute;z-index:2;top:calc(50% - 30px)}.ant-arrow__previous{left:14px}.ant-arrow__next{right:14px}.ant-arrow__lg{width:48px;height:200px;z-index:2;top:calc(50% - 100px);border-radius:8px;background:var(--tk-color-white-900);display:flex;justify-content:center;align-items:center;box-shadow:0 4px 4px #00000040}.ant-arrow__lg img{width:50px;height:50px}.ant-arrow__previous_lg{left:35px;transform:translate(-100%);position:absolute}.ant-arrow__previous_lg img{transform:rotate(180deg)}.ant-arrow__next_lg{position:absolute;right:-15px}.view-more{min-width:330px;display:flex;justify-content:center;align-items:center;border-radius:16px;background-color:var(--tk-color-neutral-100);box-shadow:6px 6px 10px #7884950d}.view-more__body{width:max-content;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}::ng-deep .example-box{display:flex;align-items:center;justify-content:center;min-width:150px;min-height:260px;max-width:150px;max-height:260px;border-radius:16px;background-color:var(--tk-color-neutral-100);box-shadow:6px 6px 10px #7884950d}::ng-deep .example-box--lg{min-width:330px;min-height:400px;max-width:330px;max-height:400px}.lg .slider{margin:0}.vertical.cont{max-width:fit-content;height:100%;padding:100px 0}.vertical .slider{height:100%;flex-direction:column;margin:0}.vertical .ant-arrow{top:unset;left:calc(50% - 30px);transform:rotate(90deg)}.vertical .ant-arrow__previous{top:14px}.vertical .ant-arrow__next{right:unset;bottom:14px}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "component", type: NzCardComponent, selector: "nz-card", inputs: ["nzBordered", "nzBorderless", "nzLoading", "nzHoverable", "nzBodyStyle", "nzCover", "nzActions", "nzType", "nzSize", "nzTitle", "nzExtra"], exportAs: ["nzCard"] }, { kind: "component", type: TkKioskTypographyComponent, selector: "tk-kiosk-typography", inputs: ["type", "color", "size", "weight", "lineBreak"] }, { kind: "component", type: TkKioskIconBtnComponent, selector: "tk-kiosk-icon-btn", inputs: ["isDisabled", "size", "type", "color", "icon", "iconSrc", "bgColor"], outputs: ["btnClick"] }] }); }
|
|
846
846
|
}
|
|
847
847
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskSliderComponent, decorators: [{
|
|
848
848
|
type: Component,
|
|
@@ -854,7 +854,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
|
|
|
854
854
|
NzCardComponent,
|
|
855
855
|
TkKioskTypographyComponent,
|
|
856
856
|
TkKioskIconBtnComponent,
|
|
857
|
-
], template: "<div [ngClass]=\"'cont' + ' ' + direction + ' ' + appearance\">\n <ng-container *ngIf=\"showArrows && appearance == 'default'\">\n <div\n class=\"ant-arrow ant-arrow__previous\"\n (click)=\"goPrevious()\"\n *ngIf=\"showPreviousArrow\"\n >\n <tk-kiosk-icon-btn size=\"small\" icon=\"tk-kiosk:chevron-left\" ></tk-kiosk-icon-btn>\n </div>\n\n <div\n class=\"ant-arrow ant-arrow__next\"\n (click)=\"goNext()\"\n *ngIf=\"showNextArrow\"\n >\n <tk-kiosk-icon-btn size=\"small\" icon=\"tk-kiosk:chevron-right\" ></tk-kiosk-icon-btn>\n </div>\n </ng-container>\n\n <ng-container *ngIf=\"showArrows && appearance == 'lg'\">\n <div\n class=\"ant-arrow__lg ant-arrow__previous_lg\"\n (click)=\"goPrevious()\"\n *ngIf=\"showPreviousArrow\"\n >\n <span nz-icon nzType=\"tk-kiosk:chevron-left\" class=\"icon\"></span>\n </div>\n\n <div\n class=\"ant-arrow__lg ant-arrow__next_lg\"\n (click)=\"goNext()\"\n *ngIf=\"showNextArrow\"\n >\n <span nz-icon nzType=\"tk-kiosk:chevron-right\" class=\"icon\"></span>\n\n </div>\n </ng-container>\n\n\n <div #slider class=\"slider\" (scroll)=\"onScroll()\">\n <ng-content></ng-content>\n\n <nz-card class=\"view-more\" *ngIf=\"showViewAll\" (click)=\"goToViewAll()\" >\n <div class=\"view-more__body\">\n\n <tk-kiosk-typography type=\"h5-heading\" color=\"tk-color-text-900\">\n Ver todos\n </tk-kiosk-typography>\n <tk-kiosk-icon-btn size=\"small\" icon=\"tk-kiosk:arrow-right\" color=\"secondary\"></tk-kiosk-icon-btn>\n </div>\n </nz-card>\n </div>\n\n</div>\n", styles: ["@charset \"UTF-8\";*{box-sizing:border-box}.cont{max-width:100%;height:fit-content;position:relative}.icon{margin-right:6px;font-size:30px;color:var(--tk-color-primary-
|
|
857
|
+
], template: "<div [ngClass]=\"'cont' + ' ' + direction + ' ' + appearance\">\n <ng-container *ngIf=\"showArrows && appearance == 'default'\">\n <div\n class=\"ant-arrow ant-arrow__previous\"\n (click)=\"goPrevious()\"\n *ngIf=\"showPreviousArrow\"\n >\n <tk-kiosk-icon-btn size=\"small\" icon=\"tk-kiosk:chevron-left\" ></tk-kiosk-icon-btn>\n </div>\n\n <div\n class=\"ant-arrow ant-arrow__next\"\n (click)=\"goNext()\"\n *ngIf=\"showNextArrow\"\n >\n <tk-kiosk-icon-btn size=\"small\" icon=\"tk-kiosk:chevron-right\" ></tk-kiosk-icon-btn>\n </div>\n </ng-container>\n\n <ng-container *ngIf=\"showArrows && appearance == 'lg'\">\n <div\n class=\"ant-arrow__lg ant-arrow__previous_lg\"\n (click)=\"goPrevious()\"\n *ngIf=\"showPreviousArrow\"\n >\n <span nz-icon nzType=\"tk-kiosk:chevron-left\" class=\"icon\"></span>\n </div>\n\n <div\n class=\"ant-arrow__lg ant-arrow__next_lg\"\n (click)=\"goNext()\"\n *ngIf=\"showNextArrow\"\n >\n <span nz-icon nzType=\"tk-kiosk:chevron-right\" class=\"icon\"></span>\n\n </div>\n </ng-container>\n\n\n <div #slider class=\"slider\" (scroll)=\"onScroll()\">\n <ng-content></ng-content>\n\n <nz-card class=\"view-more\" *ngIf=\"showViewAll\" (click)=\"goToViewAll()\" >\n <div class=\"view-more__body\">\n\n <tk-kiosk-typography type=\"h5-heading\" color=\"tk-color-text-900\">\n Ver todos\n </tk-kiosk-typography>\n <tk-kiosk-icon-btn size=\"small\" icon=\"tk-kiosk:arrow-right\" color=\"secondary\"></tk-kiosk-icon-btn>\n </div>\n </nz-card>\n </div>\n\n</div>\n", styles: ["@charset \"UTF-8\";*{box-sizing:border-box}:host{height:100%}.cont{max-width:100%;height:fit-content;position:relative}.icon{margin-right:6px;font-size:30px;color:var(--tk-color-primary-900)}.slider{margin:0 100px;display:flex;position:relative;overflow-x:auto;gap:18px;padding:20px 0;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.slider::-webkit-scrollbar{display:none}.ant-arrow{position:absolute;z-index:2;top:calc(50% - 30px)}.ant-arrow__previous{left:14px}.ant-arrow__next{right:14px}.ant-arrow__lg{width:48px;height:200px;z-index:2;top:calc(50% - 100px);border-radius:8px;background:var(--tk-color-white-900);display:flex;justify-content:center;align-items:center;box-shadow:0 4px 4px #00000040}.ant-arrow__lg img{width:50px;height:50px}.ant-arrow__previous_lg{left:35px;transform:translate(-100%);position:absolute}.ant-arrow__previous_lg img{transform:rotate(180deg)}.ant-arrow__next_lg{position:absolute;right:-15px}.view-more{min-width:330px;display:flex;justify-content:center;align-items:center;border-radius:16px;background-color:var(--tk-color-neutral-100);box-shadow:6px 6px 10px #7884950d}.view-more__body{width:max-content;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}::ng-deep .example-box{display:flex;align-items:center;justify-content:center;min-width:150px;min-height:260px;max-width:150px;max-height:260px;border-radius:16px;background-color:var(--tk-color-neutral-100);box-shadow:6px 6px 10px #7884950d}::ng-deep .example-box--lg{min-width:330px;min-height:400px;max-width:330px;max-height:400px}.lg .slider{margin:0}.vertical.cont{max-width:fit-content;height:100%;padding:100px 0}.vertical .slider{height:100%;flex-direction:column;margin:0}.vertical .ant-arrow{top:unset;left:calc(50% - 30px);transform:rotate(90deg)}.vertical .ant-arrow__previous{top:14px}.vertical .ant-arrow__next{right:unset;bottom:14px}\n"] }]
|
|
858
858
|
}], propDecorators: { sizeNextScroll: [{
|
|
859
859
|
type: Input,
|
|
860
860
|
args: ['sizeNextScroll']
|
|
@@ -2388,11 +2388,11 @@ class TkKioskVerticalArrowScrollComponent {
|
|
|
2388
2388
|
this.destroy$.complete();
|
|
2389
2389
|
}
|
|
2390
2390
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskVerticalArrowScrollComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2391
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: TkKioskVerticalArrowScrollComponent, isStandalone: true, selector: "tk-kiosk-vertical-arrow-scroll", inputs: { elementToScroll: "elementToScroll", sizeTopScroll: "sizeTopScroll", sizeBottomScroll: "sizeBottomScroll", showArrows: "showArrows", distanceBottomIcon: "distanceBottomIcon" }, ngImport: i0, template: "<div class=\"cont\">\n\n <ng-container *ngIf=\"showArrows\">\n <div class=\"ant-arrow ant-arrow__top\" (click)=\"goTop()\" *ngIf=\"showUpArrow\">\n <span nz-icon [nzType]=\"icon\" class=\"arrow\"></span>\n </div>\n\n <div class=\"ant-arrow \" [style]=\"{bottom:distanceBottomIcon}\" (click)=\"goBottom()\"\n *ngIf=\"showDownArrow\">\n <span nz-icon [nzType]=\"icon\" class=\"arrow\"></span>\n </div>\n </ng-container>\n <ng-content></ng-content>\n\n</div>", styles: ["@charset \"UTF-8\";.cont{max-width:100%;height:fit-content;position:relative}.ant-arrow{background:var(--tk-color-
|
|
2391
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: TkKioskVerticalArrowScrollComponent, isStandalone: true, selector: "tk-kiosk-vertical-arrow-scroll", inputs: { elementToScroll: "elementToScroll", sizeTopScroll: "sizeTopScroll", sizeBottomScroll: "sizeBottomScroll", showArrows: "showArrows", distanceBottomIcon: "distanceBottomIcon" }, ngImport: i0, template: "<div class=\"cont\">\n\n <ng-container *ngIf=\"showArrows\">\n <div class=\"ant-arrow ant-arrow__top\" (click)=\"goTop()\" *ngIf=\"showUpArrow\">\n <span nz-icon [nzType]=\"icon\" class=\"arrow\"></span>\n </div>\n\n <div class=\"ant-arrow \" [style]=\"{bottom:distanceBottomIcon}\" (click)=\"goBottom()\"\n *ngIf=\"showDownArrow\">\n <span nz-icon [nzType]=\"icon\" class=\"arrow\"></span>\n </div>\n </ng-container>\n <ng-content></ng-content>\n\n</div>", styles: ["@charset \"UTF-8\";.cont{max-width:100%;height:fit-content;position:relative}.ant-arrow{background:var(--tk-color-secondary-900);position:fixed;z-index:10;right:30px;border-radius:50%;padding:10px;width:110px;height:110px;display:flex;justify-content:center;align-items:center}.ant-arrow span{margin:0;padding:0;font-size:80px;display:flex;color:#fff}.ant-arrow__top span{transform:rotate(180deg)}.ant-arrow__bottom{bottom:146px}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: NzIconModule }] }); }
|
|
2392
2392
|
}
|
|
2393
2393
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskVerticalArrowScrollComponent, decorators: [{
|
|
2394
2394
|
type: Component,
|
|
2395
|
-
args: [{ selector: 'tk-kiosk-vertical-arrow-scroll', standalone: true, imports: [NgIf, NzIconDirective, NzIconModule], template: "<div class=\"cont\">\n\n <ng-container *ngIf=\"showArrows\">\n <div class=\"ant-arrow ant-arrow__top\" (click)=\"goTop()\" *ngIf=\"showUpArrow\">\n <span nz-icon [nzType]=\"icon\" class=\"arrow\"></span>\n </div>\n\n <div class=\"ant-arrow \" [style]=\"{bottom:distanceBottomIcon}\" (click)=\"goBottom()\"\n *ngIf=\"showDownArrow\">\n <span nz-icon [nzType]=\"icon\" class=\"arrow\"></span>\n </div>\n </ng-container>\n <ng-content></ng-content>\n\n</div>", styles: ["@charset \"UTF-8\";.cont{max-width:100%;height:fit-content;position:relative}.ant-arrow{background:var(--tk-color-
|
|
2395
|
+
args: [{ selector: 'tk-kiosk-vertical-arrow-scroll', standalone: true, imports: [NgIf, NzIconDirective, NzIconModule], template: "<div class=\"cont\">\n\n <ng-container *ngIf=\"showArrows\">\n <div class=\"ant-arrow ant-arrow__top\" (click)=\"goTop()\" *ngIf=\"showUpArrow\">\n <span nz-icon [nzType]=\"icon\" class=\"arrow\"></span>\n </div>\n\n <div class=\"ant-arrow \" [style]=\"{bottom:distanceBottomIcon}\" (click)=\"goBottom()\"\n *ngIf=\"showDownArrow\">\n <span nz-icon [nzType]=\"icon\" class=\"arrow\"></span>\n </div>\n </ng-container>\n <ng-content></ng-content>\n\n</div>", styles: ["@charset \"UTF-8\";.cont{max-width:100%;height:fit-content;position:relative}.ant-arrow{background:var(--tk-color-secondary-900);position:fixed;z-index:10;right:30px;border-radius:50%;padding:10px;width:110px;height:110px;display:flex;justify-content:center;align-items:center}.ant-arrow span{margin:0;padding:0;font-size:80px;display:flex;color:#fff}.ant-arrow__top span{transform:rotate(180deg)}.ant-arrow__bottom{bottom:146px}\n"] }]
|
|
2396
2396
|
}], ctorParameters: () => [], propDecorators: { elementToScroll: [{
|
|
2397
2397
|
type: Input,
|
|
2398
2398
|
args: ['elementToScroll']
|