@tekus/kiosks-design-system 2.29.0 → 2.31.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.
@@ -18,11 +18,11 @@ export class TkKioskCardResumeCheckoutComponent {
18
18
  this.handleCoupon.emit();
19
19
  }
20
20
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskCardResumeCheckoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
21
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: TkKioskCardResumeCheckoutComponent, isStandalone: true, selector: "tk-kiosk-card-resume-checkout", inputs: { subTotal: "subTotal", total: "total", couponValue: "couponValue", disabledCoupon: "disabledCoupon" }, outputs: { handleCoupon: "handleCoupon", handleEditCoupon: "handleEditCoupon" }, ngImport: i0, template: "<section class=\"totals\">\n <div class=\"total-container\">\n <div class=\"cupon-action\" [class.disabled-coupon]=\"disabledCoupon\" (click)=\"handleCouponEvent()\">\n <span nz-icon nzType=\"tk-kiosk:tiket-2\"></span>\n <tk-kiosk-typography [type]=\"'h3-heading'\"\n [color]=\" disabledCoupon ? 'tk-color-neutral-400' : 'tk-color-success-900'\" [size]=\"'32px'\"\n [weight]=\"'600'\">\n Redimir cup\u00F3n\n </tk-kiosk-typography>\n </div>\n\n <section class=\"total-row\">\n <tk-kiosk-typography [type]=\"'h3-heading'\" [size]=\"'32px'\" [weight]=\"'600'\">\n Subtotal\n </tk-kiosk-typography>\n <tk-kiosk-typography name=\"subtotal\" [type]=\"'h3-heading'\" [size]=\"'32px'\" [weight]=\"'600'\">\n {{ subTotal }}\n </tk-kiosk-typography>\n </section>\n @if (couponValue && couponValue !== '0') {\n\n <section class=\"total-row\">\n <tk-kiosk-typography [type]=\"'h3-heading'\" color=\"tk-color-success-600\" [size]=\"'32px'\" [weight]=\"'600'\">\n Descuento cup\u00F3n\n </tk-kiosk-typography>\n <section class=\"row\">\n <tk-kiosk-icon-btn (btnClick)=\"handleEditCoupon.emit()\" size=\"small\" class=\"btn-edit\" icon=\"tk-kiosk:edit-outline\"></tk-kiosk-icon-btn>\n <tk-kiosk-typography name=\"discount\" [type]=\"'h3-heading'\" color=\"tk-color-success-600\" [size]=\"'32px'\"\n [weight]=\"'600'\">\n - {{ couponValue }}\n </tk-kiosk-typography>\n </section>\n </section>\n }\n\n <section class=\"total-row\">\n <tk-kiosk-typography [type]=\"'h3-heading'\" [size]=\"'32px'\" [weight]=\"'600'\">\n Total\n </tk-kiosk-typography>\n <tk-kiosk-typography name=\"total\" [type]=\"'h3-heading'\" [size]=\"'32px'\" [weight]=\"'600'\">\n {{ total }}\n </tk-kiosk-typography>\n </section>\n </div>\n</section>", styles: [".totals{width:100%}.totals .total-container{border-radius:24px;border:1px solid var(--tk-color-neutral-200);overflow:hidden}.totals .total-container .total-row{display:flex;justify-content:space-between;align-items:center;padding:20px 37px;border-bottom:1px solid var(--tk-color-neutral-200)}.totals .total-container .total-row:last-child{border-bottom:none}.totals .total-container .cupon-action{display:flex;padding:30px 37px;justify-content:center;align-items:center;cursor:pointer;gap:20px;align-self:stretch;background:var(--tk-color-success-100, #E3FCEF)}.totals .total-container .cupon-action span{font-size:40px;color:var(--tk-color-success-900)}.totals .total-container .disabled-coupon{background:var(--tk-color-neutral-100);cursor:not-allowed}.totals .total-container .disabled-coupon span{color:var(--tk-color-neutral-400)}.resume{display:flex;flex-direction:column;align-items:center;padding:50px 20px 450px;gap:45px}.row{display:flex;align-items:center;gap:15px}.scrollable{height:1055px;overflow-y:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.scrollable::-webkit-scrollbar{display:none}:host ::ng-deep .btn-edit button{background:#fff!important;border-color:#fff!important}:host ::ng-deep .btn-edit button span{color:var(--tk-color-primary-900)}\n"], dependencies: [{ kind: "component", type: TkKioskTypographyComponent, selector: "tk-kiosk-typography", inputs: ["type", "color", "size", "weight", "lineBreak"] }, { kind: "directive", type: NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "component", type: TkKioskIconBtnComponent, selector: "tk-kiosk-icon-btn", inputs: ["isDisabled", "size", "type", "color", "icon", "iconSrc", "bgColor"], outputs: ["btnClick"] }] }); }
21
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: TkKioskCardResumeCheckoutComponent, isStandalone: true, selector: "tk-kiosk-card-resume-checkout", inputs: { subTotal: "subTotal", total: "total", couponValue: "couponValue", disabledCoupon: "disabledCoupon" }, outputs: { handleCoupon: "handleCoupon", handleEditCoupon: "handleEditCoupon" }, ngImport: i0, template: "<section class=\"totals\">\n <div class=\"total-container\">\n @if (!disabledCoupon) {\n <div class=\"cupon-action\" [class.disabled-coupon]=\"disabledCoupon\" (click)=\"handleCouponEvent()\">\n <span nz-icon nzType=\"tk-kiosk:tiket-2\"></span>\n <tk-kiosk-typography [type]=\"'h3-heading'\"\n [color]=\" disabledCoupon ? 'tk-color-neutral-400' : 'tk-color-success-900'\" [size]=\"'32px'\"\n [weight]=\"'600'\">\n Redimir cup\u00F3n\n </tk-kiosk-typography>\n </div>\n }\n\n <section class=\"total-row\">\n <tk-kiosk-typography [type]=\"'h3-heading'\" [size]=\"'32px'\" [weight]=\"'600'\">\n Subtotal\n </tk-kiosk-typography>\n <tk-kiosk-typography name=\"subtotal\" [type]=\"'h3-heading'\" [size]=\"'32px'\" [weight]=\"'600'\">\n {{ subTotal }}\n </tk-kiosk-typography>\n </section>\n @if (couponValue && couponValue !== '0') {\n\n <section class=\"total-row\">\n <tk-kiosk-typography [type]=\"'h3-heading'\" color=\"tk-color-success-600\" [size]=\"'32px'\" [weight]=\"'600'\">\n Descuento cup\u00F3n\n </tk-kiosk-typography>\n <section class=\"row\">\n <tk-kiosk-icon-btn (btnClick)=\"handleEditCoupon.emit()\" size=\"small\" class=\"btn-edit\" icon=\"tk-kiosk:edit-outline\"></tk-kiosk-icon-btn>\n <tk-kiosk-typography name=\"discount\" [type]=\"'h3-heading'\" color=\"tk-color-success-600\" [size]=\"'32px'\"\n [weight]=\"'600'\">\n - {{ couponValue }}\n </tk-kiosk-typography>\n </section>\n </section>\n }\n\n <section class=\"total-row\">\n <tk-kiosk-typography [type]=\"'h3-heading'\" [size]=\"'32px'\" [weight]=\"'600'\">\n Total\n </tk-kiosk-typography>\n <tk-kiosk-typography name=\"total\" [type]=\"'h3-heading'\" [size]=\"'32px'\" [weight]=\"'600'\">\n {{ total }}\n </tk-kiosk-typography>\n </section>\n </div>\n</section>", styles: [".totals{width:100%}.totals .total-container{border-radius:24px;border:1px solid var(--tk-color-neutral-200);overflow:hidden}.totals .total-container .total-row{display:flex;justify-content:space-between;align-items:center;padding:20px 37px;border-bottom:1px solid var(--tk-color-neutral-200)}.totals .total-container .total-row:last-child{border-bottom:none}.totals .total-container .cupon-action{display:flex;padding:30px 37px;justify-content:center;align-items:center;cursor:pointer;gap:20px;align-self:stretch;background:var(--tk-color-success-100, #E3FCEF)}.totals .total-container .cupon-action span{font-size:40px;color:var(--tk-color-success-900)}.totals .total-container .disabled-coupon{background:var(--tk-color-neutral-100);cursor:not-allowed}.totals .total-container .disabled-coupon span{color:var(--tk-color-neutral-400)}.resume{display:flex;flex-direction:column;align-items:center;padding:50px 20px 450px;gap:45px}.row{display:flex;align-items:center;gap:15px}.scrollable{height:1055px;overflow-y:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.scrollable::-webkit-scrollbar{display:none}:host ::ng-deep .btn-edit button{background:#fff!important;border-color:#fff!important}:host ::ng-deep .btn-edit button span{color:var(--tk-color-primary-900)}\n"], dependencies: [{ kind: "component", type: TkKioskTypographyComponent, selector: "tk-kiosk-typography", inputs: ["type", "color", "size", "weight", "lineBreak"] }, { kind: "directive", type: NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "component", type: TkKioskIconBtnComponent, selector: "tk-kiosk-icon-btn", inputs: ["isDisabled", "size", "type", "color", "icon", "iconSrc", "bgColor"], outputs: ["btnClick"] }] }); }
22
22
  }
23
23
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskCardResumeCheckoutComponent, decorators: [{
24
24
  type: Component,
25
- args: [{ selector: 'tk-kiosk-card-resume-checkout', standalone: true, imports: [TkKioskTypographyComponent, NzIconDirective, TkKioskIconBtnComponent], template: "<section class=\"totals\">\n <div class=\"total-container\">\n <div class=\"cupon-action\" [class.disabled-coupon]=\"disabledCoupon\" (click)=\"handleCouponEvent()\">\n <span nz-icon nzType=\"tk-kiosk:tiket-2\"></span>\n <tk-kiosk-typography [type]=\"'h3-heading'\"\n [color]=\" disabledCoupon ? 'tk-color-neutral-400' : 'tk-color-success-900'\" [size]=\"'32px'\"\n [weight]=\"'600'\">\n Redimir cup\u00F3n\n </tk-kiosk-typography>\n </div>\n\n <section class=\"total-row\">\n <tk-kiosk-typography [type]=\"'h3-heading'\" [size]=\"'32px'\" [weight]=\"'600'\">\n Subtotal\n </tk-kiosk-typography>\n <tk-kiosk-typography name=\"subtotal\" [type]=\"'h3-heading'\" [size]=\"'32px'\" [weight]=\"'600'\">\n {{ subTotal }}\n </tk-kiosk-typography>\n </section>\n @if (couponValue && couponValue !== '0') {\n\n <section class=\"total-row\">\n <tk-kiosk-typography [type]=\"'h3-heading'\" color=\"tk-color-success-600\" [size]=\"'32px'\" [weight]=\"'600'\">\n Descuento cup\u00F3n\n </tk-kiosk-typography>\n <section class=\"row\">\n <tk-kiosk-icon-btn (btnClick)=\"handleEditCoupon.emit()\" size=\"small\" class=\"btn-edit\" icon=\"tk-kiosk:edit-outline\"></tk-kiosk-icon-btn>\n <tk-kiosk-typography name=\"discount\" [type]=\"'h3-heading'\" color=\"tk-color-success-600\" [size]=\"'32px'\"\n [weight]=\"'600'\">\n - {{ couponValue }}\n </tk-kiosk-typography>\n </section>\n </section>\n }\n\n <section class=\"total-row\">\n <tk-kiosk-typography [type]=\"'h3-heading'\" [size]=\"'32px'\" [weight]=\"'600'\">\n Total\n </tk-kiosk-typography>\n <tk-kiosk-typography name=\"total\" [type]=\"'h3-heading'\" [size]=\"'32px'\" [weight]=\"'600'\">\n {{ total }}\n </tk-kiosk-typography>\n </section>\n </div>\n</section>", styles: [".totals{width:100%}.totals .total-container{border-radius:24px;border:1px solid var(--tk-color-neutral-200);overflow:hidden}.totals .total-container .total-row{display:flex;justify-content:space-between;align-items:center;padding:20px 37px;border-bottom:1px solid var(--tk-color-neutral-200)}.totals .total-container .total-row:last-child{border-bottom:none}.totals .total-container .cupon-action{display:flex;padding:30px 37px;justify-content:center;align-items:center;cursor:pointer;gap:20px;align-self:stretch;background:var(--tk-color-success-100, #E3FCEF)}.totals .total-container .cupon-action span{font-size:40px;color:var(--tk-color-success-900)}.totals .total-container .disabled-coupon{background:var(--tk-color-neutral-100);cursor:not-allowed}.totals .total-container .disabled-coupon span{color:var(--tk-color-neutral-400)}.resume{display:flex;flex-direction:column;align-items:center;padding:50px 20px 450px;gap:45px}.row{display:flex;align-items:center;gap:15px}.scrollable{height:1055px;overflow-y:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.scrollable::-webkit-scrollbar{display:none}:host ::ng-deep .btn-edit button{background:#fff!important;border-color:#fff!important}:host ::ng-deep .btn-edit button span{color:var(--tk-color-primary-900)}\n"] }]
25
+ args: [{ selector: 'tk-kiosk-card-resume-checkout', standalone: true, imports: [TkKioskTypographyComponent, NzIconDirective, TkKioskIconBtnComponent], template: "<section class=\"totals\">\n <div class=\"total-container\">\n @if (!disabledCoupon) {\n <div class=\"cupon-action\" [class.disabled-coupon]=\"disabledCoupon\" (click)=\"handleCouponEvent()\">\n <span nz-icon nzType=\"tk-kiosk:tiket-2\"></span>\n <tk-kiosk-typography [type]=\"'h3-heading'\"\n [color]=\" disabledCoupon ? 'tk-color-neutral-400' : 'tk-color-success-900'\" [size]=\"'32px'\"\n [weight]=\"'600'\">\n Redimir cup\u00F3n\n </tk-kiosk-typography>\n </div>\n }\n\n <section class=\"total-row\">\n <tk-kiosk-typography [type]=\"'h3-heading'\" [size]=\"'32px'\" [weight]=\"'600'\">\n Subtotal\n </tk-kiosk-typography>\n <tk-kiosk-typography name=\"subtotal\" [type]=\"'h3-heading'\" [size]=\"'32px'\" [weight]=\"'600'\">\n {{ subTotal }}\n </tk-kiosk-typography>\n </section>\n @if (couponValue && couponValue !== '0') {\n\n <section class=\"total-row\">\n <tk-kiosk-typography [type]=\"'h3-heading'\" color=\"tk-color-success-600\" [size]=\"'32px'\" [weight]=\"'600'\">\n Descuento cup\u00F3n\n </tk-kiosk-typography>\n <section class=\"row\">\n <tk-kiosk-icon-btn (btnClick)=\"handleEditCoupon.emit()\" size=\"small\" class=\"btn-edit\" icon=\"tk-kiosk:edit-outline\"></tk-kiosk-icon-btn>\n <tk-kiosk-typography name=\"discount\" [type]=\"'h3-heading'\" color=\"tk-color-success-600\" [size]=\"'32px'\"\n [weight]=\"'600'\">\n - {{ couponValue }}\n </tk-kiosk-typography>\n </section>\n </section>\n }\n\n <section class=\"total-row\">\n <tk-kiosk-typography [type]=\"'h3-heading'\" [size]=\"'32px'\" [weight]=\"'600'\">\n Total\n </tk-kiosk-typography>\n <tk-kiosk-typography name=\"total\" [type]=\"'h3-heading'\" [size]=\"'32px'\" [weight]=\"'600'\">\n {{ total }}\n </tk-kiosk-typography>\n </section>\n </div>\n</section>", styles: [".totals{width:100%}.totals .total-container{border-radius:24px;border:1px solid var(--tk-color-neutral-200);overflow:hidden}.totals .total-container .total-row{display:flex;justify-content:space-between;align-items:center;padding:20px 37px;border-bottom:1px solid var(--tk-color-neutral-200)}.totals .total-container .total-row:last-child{border-bottom:none}.totals .total-container .cupon-action{display:flex;padding:30px 37px;justify-content:center;align-items:center;cursor:pointer;gap:20px;align-self:stretch;background:var(--tk-color-success-100, #E3FCEF)}.totals .total-container .cupon-action span{font-size:40px;color:var(--tk-color-success-900)}.totals .total-container .disabled-coupon{background:var(--tk-color-neutral-100);cursor:not-allowed}.totals .total-container .disabled-coupon span{color:var(--tk-color-neutral-400)}.resume{display:flex;flex-direction:column;align-items:center;padding:50px 20px 450px;gap:45px}.row{display:flex;align-items:center;gap:15px}.scrollable{height:1055px;overflow-y:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.scrollable::-webkit-scrollbar{display:none}:host ::ng-deep .btn-edit button{background:#fff!important;border-color:#fff!important}:host ::ng-deep .btn-edit button span{color:var(--tk-color-primary-900)}\n"] }]
26
26
  }], propDecorators: { subTotal: [{
27
27
  type: Input
28
28
  }], total: [{
@@ -36,4 +36,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
36
36
  }], handleEditCoupon: [{
37
37
  type: Output
38
38
  }] } });
39
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGsta2lvc2stY2FyZC1yZXN1bWUtY2hlY2tvdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGsta2lvc2stZHMvc3JjL2xpYi9jb21wb25lbnRzL3RrLWtpb3NrLWNhcmQtcmVzdW1lLWNoZWNrb3V0L3RrLWtpb3NrLWNhcmQtcmVzdW1lLWNoZWNrb3V0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RrLWtpb3NrLWRzL3NyYy9saWIvY29tcG9uZW50cy90ay1raW9zay1jYXJkLXJlc3VtZS1jaGVja291dC90ay1raW9zay1jYXJkLXJlc3VtZS1jaGVja291dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3BFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNyRCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQzs7QUFTL0QsTUFBTSxPQUFPLGtDQUFrQztJQVAvQztRQVFXLGFBQVEsR0FBRyxFQUFFLENBQUM7UUFDZCxVQUFLLEdBQUcsRUFBRSxDQUFDO1FBQ1gsZ0JBQVcsR0FBRyxFQUFFLENBQUM7UUFDakIsbUJBQWMsR0FBRyxLQUFLLENBQUM7UUFDdEIsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ2xDLHFCQUFnQixHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7S0FNakQ7SUFKQyxpQkFBaUI7UUFDZixJQUFJLElBQUksQ0FBQyxjQUFjO1lBQUUsT0FBTztRQUNoQyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzNCLENBQUM7OEdBWFUsa0NBQWtDO2tHQUFsQyxrQ0FBa0MsMFJDWi9DLDBtRUE0Q1UscTBDRHBDRSwwQkFBMEIsMEhBQUUsZUFBZSxpS0FBRSx1QkFBdUI7OzJGQUluRSxrQ0FBa0M7a0JBUDlDLFNBQVM7K0JBQ0UsK0JBQStCLGNBQzdCLElBQUksV0FDUCxDQUFDLDBCQUEwQixFQUFFLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQzs4QkFLdEUsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUNJLFlBQVk7c0JBQXJCLE1BQU07Z0JBQ0csZ0JBQWdCO3NCQUF6QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRrS2lvc2tUeXBvZ3JhcGh5Q29tcG9uZW50IH0gZnJvbSAnLi4vdGsta2lvc2stdHlwb2dyYXBoeSc7XG5pbXBvcnQgeyBOekljb25EaXJlY3RpdmUgfSBmcm9tICduZy16b3Jyby1hbnRkL2ljb24nO1xuaW1wb3J0IHsgVGtLaW9za0ljb25CdG5Db21wb25lbnQgfSBmcm9tICcuLi90ay1raW9zay1pY29uLWJ0bic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3RrLWtpb3NrLWNhcmQtcmVzdW1lLWNoZWNrb3V0JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1RrS2lvc2tUeXBvZ3JhcGh5Q29tcG9uZW50LCBOekljb25EaXJlY3RpdmUsIFRrS2lvc2tJY29uQnRuQ29tcG9uZW50XSxcbiAgdGVtcGxhdGVVcmw6ICcuL3RrLWtpb3NrLWNhcmQtcmVzdW1lLWNoZWNrb3V0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL3RrLWtpb3NrLWNhcmQtcmVzdW1lLWNoZWNrb3V0LmNvbXBvbmVudC5zY3NzJ1xufSlcbmV4cG9ydCBjbGFzcyBUa0tpb3NrQ2FyZFJlc3VtZUNoZWNrb3V0Q29tcG9uZW50IHtcbiAgQElucHV0KCkgc3ViVG90YWwgPSAnJztcbiAgQElucHV0KCkgdG90YWwgPSAnJztcbiAgQElucHV0KCkgY291cG9uVmFsdWUgPSAnJztcbiAgQElucHV0KCkgZGlzYWJsZWRDb3Vwb24gPSBmYWxzZTtcbiAgQE91dHB1dCgpIGhhbmRsZUNvdXBvbiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgQE91dHB1dCgpIGhhbmRsZUVkaXRDb3Vwb24gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgaGFuZGxlQ291cG9uRXZlbnQoKSB7IFxuICAgIGlmICh0aGlzLmRpc2FibGVkQ291cG9uKSByZXR1cm47XG4gICAgdGhpcy5oYW5kbGVDb3Vwb24uZW1pdCgpO1xuICB9XG59XG4iLCI8c2VjdGlvbiBjbGFzcz1cInRvdGFsc1wiPlxuICAgIDxkaXYgY2xhc3M9XCJ0b3RhbC1jb250YWluZXJcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImN1cG9uLWFjdGlvblwiIFtjbGFzcy5kaXNhYmxlZC1jb3Vwb25dPVwiZGlzYWJsZWRDb3Vwb25cIiAoY2xpY2spPVwiaGFuZGxlQ291cG9uRXZlbnQoKVwiPlxuICAgICAgICAgICAgPHNwYW4gbnotaWNvbiBuelR5cGU9XCJ0ay1raW9zazp0aWtldC0yXCI+PC9zcGFuPlxuICAgICAgICAgICAgPHRrLWtpb3NrLXR5cG9ncmFwaHkgW3R5cGVdPVwiJ2gzLWhlYWRpbmcnXCJcbiAgICAgICAgICAgICAgICBbY29sb3JdPVwiIGRpc2FibGVkQ291cG9uID8gJ3RrLWNvbG9yLW5ldXRyYWwtNDAwJyA6ICd0ay1jb2xvci1zdWNjZXNzLTkwMCdcIiBbc2l6ZV09XCInMzJweCdcIlxuICAgICAgICAgICAgICAgIFt3ZWlnaHRdPVwiJzYwMCdcIj5cbiAgICAgICAgICAgICAgICBSZWRpbWlyIGN1cMOzblxuICAgICAgICAgICAgPC90ay1raW9zay10eXBvZ3JhcGh5PlxuICAgICAgICA8L2Rpdj5cblxuICAgICAgICA8c2VjdGlvbiBjbGFzcz1cInRvdGFsLXJvd1wiPlxuICAgICAgICAgICAgPHRrLWtpb3NrLXR5cG9ncmFwaHkgW3R5cGVdPVwiJ2gzLWhlYWRpbmcnXCIgW3NpemVdPVwiJzMycHgnXCIgW3dlaWdodF09XCInNjAwJ1wiPlxuICAgICAgICAgICAgICAgIFN1YnRvdGFsXG4gICAgICAgICAgICA8L3RrLWtpb3NrLXR5cG9ncmFwaHk+XG4gICAgICAgICAgICA8dGsta2lvc2stdHlwb2dyYXBoeSBuYW1lPVwic3VidG90YWxcIiBbdHlwZV09XCInaDMtaGVhZGluZydcIiBbc2l6ZV09XCInMzJweCdcIiBbd2VpZ2h0XT1cIic2MDAnXCI+XG4gICAgICAgICAgICAgICAgIHt7IHN1YlRvdGFsIH19XG4gICAgICAgICAgICA8L3RrLWtpb3NrLXR5cG9ncmFwaHk+XG4gICAgICAgIDwvc2VjdGlvbj5cbiAgICAgICAgQGlmIChjb3Vwb25WYWx1ZSAmJiBjb3Vwb25WYWx1ZSAhPT0gJzAnKSB7XG5cbiAgICAgICAgPHNlY3Rpb24gY2xhc3M9XCJ0b3RhbC1yb3dcIj5cbiAgICAgICAgICAgIDx0ay1raW9zay10eXBvZ3JhcGh5IFt0eXBlXT1cIidoMy1oZWFkaW5nJ1wiIGNvbG9yPVwidGstY29sb3Itc3VjY2Vzcy02MDBcIiBbc2l6ZV09XCInMzJweCdcIiBbd2VpZ2h0XT1cIic2MDAnXCI+XG4gICAgICAgICAgICAgICAgRGVzY3VlbnRvIGN1cMOzblxuICAgICAgICAgICAgPC90ay1raW9zay10eXBvZ3JhcGh5PlxuICAgICAgICAgICAgPHNlY3Rpb24gY2xhc3M9XCJyb3dcIj5cbiAgICAgICAgICAgICAgICA8dGsta2lvc2staWNvbi1idG4gKGJ0bkNsaWNrKT1cImhhbmRsZUVkaXRDb3Vwb24uZW1pdCgpXCIgc2l6ZT1cInNtYWxsXCIgY2xhc3M9XCJidG4tZWRpdFwiICBpY29uPVwidGsta2lvc2s6ZWRpdC1vdXRsaW5lXCI+PC90ay1raW9zay1pY29uLWJ0bj5cbiAgICAgICAgICAgICAgICA8dGsta2lvc2stdHlwb2dyYXBoeSBuYW1lPVwiZGlzY291bnRcIiBbdHlwZV09XCInaDMtaGVhZGluZydcIiBjb2xvcj1cInRrLWNvbG9yLXN1Y2Nlc3MtNjAwXCIgW3NpemVdPVwiJzMycHgnXCJcbiAgICAgICAgICAgICAgICAgICAgW3dlaWdodF09XCInNjAwJ1wiPlxuICAgICAgICAgICAgICAgICAgICAtIHt7IGNvdXBvblZhbHVlIH19XG4gICAgICAgICAgICAgICAgPC90ay1raW9zay10eXBvZ3JhcGh5PlxuICAgICAgICAgICAgPC9zZWN0aW9uPlxuICAgICAgICA8L3NlY3Rpb24+XG4gICAgICAgIH1cblxuICAgICAgICA8c2VjdGlvbiBjbGFzcz1cInRvdGFsLXJvd1wiPlxuICAgICAgICAgICAgPHRrLWtpb3NrLXR5cG9ncmFwaHkgW3R5cGVdPVwiJ2gzLWhlYWRpbmcnXCIgW3NpemVdPVwiJzMycHgnXCIgW3dlaWdodF09XCInNjAwJ1wiPlxuICAgICAgICAgICAgICAgIFRvdGFsXG4gICAgICAgICAgICA8L3RrLWtpb3NrLXR5cG9ncmFwaHk+XG4gICAgICAgICAgICA8dGsta2lvc2stdHlwb2dyYXBoeSBuYW1lPVwidG90YWxcIiBbdHlwZV09XCInaDMtaGVhZGluZydcIiBbc2l6ZV09XCInMzJweCdcIiBbd2VpZ2h0XT1cIic2MDAnXCI+XG4gICAgICAgICAgICAgICAge3sgdG90YWwgfX1cbiAgICAgICAgICAgIDwvdGsta2lvc2stdHlwb2dyYXBoeT5cbiAgICAgICAgPC9zZWN0aW9uPlxuICAgIDwvZGl2PlxuPC9zZWN0aW9uPiJdfQ==
39
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGsta2lvc2stY2FyZC1yZXN1bWUtY2hlY2tvdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGsta2lvc2stZHMvc3JjL2xpYi9jb21wb25lbnRzL3RrLWtpb3NrLWNhcmQtcmVzdW1lLWNoZWNrb3V0L3RrLWtpb3NrLWNhcmQtcmVzdW1lLWNoZWNrb3V0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RrLWtpb3NrLWRzL3NyYy9saWIvY29tcG9uZW50cy90ay1raW9zay1jYXJkLXJlc3VtZS1jaGVja291dC90ay1raW9zay1jYXJkLXJlc3VtZS1jaGVja291dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3BFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNyRCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQzs7QUFTL0QsTUFBTSxPQUFPLGtDQUFrQztJQVAvQztRQVFXLGFBQVEsR0FBRyxFQUFFLENBQUM7UUFDZCxVQUFLLEdBQUcsRUFBRSxDQUFDO1FBQ1gsZ0JBQVcsR0FBRyxFQUFFLENBQUM7UUFDakIsbUJBQWMsR0FBRyxLQUFLLENBQUM7UUFDdEIsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ2xDLHFCQUFnQixHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7S0FNakQ7SUFKQyxpQkFBaUI7UUFDZixJQUFJLElBQUksQ0FBQyxjQUFjO1lBQUUsT0FBTztRQUNoQyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzNCLENBQUM7OEdBWFUsa0NBQWtDO2tHQUFsQyxrQ0FBa0MsMFJDWi9DLHNwRUE4Q1UscTBDRHRDRSwwQkFBMEIsMEhBQUUsZUFBZSxpS0FBRSx1QkFBdUI7OzJGQUluRSxrQ0FBa0M7a0JBUDlDLFNBQVM7K0JBQ0UsK0JBQStCLGNBQzdCLElBQUksV0FDUCxDQUFDLDBCQUEwQixFQUFFLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQzs4QkFLdEUsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUNJLFlBQVk7c0JBQXJCLE1BQU07Z0JBQ0csZ0JBQWdCO3NCQUF6QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRrS2lvc2tUeXBvZ3JhcGh5Q29tcG9uZW50IH0gZnJvbSAnLi4vdGsta2lvc2stdHlwb2dyYXBoeSc7XG5pbXBvcnQgeyBOekljb25EaXJlY3RpdmUgfSBmcm9tICduZy16b3Jyby1hbnRkL2ljb24nO1xuaW1wb3J0IHsgVGtLaW9za0ljb25CdG5Db21wb25lbnQgfSBmcm9tICcuLi90ay1raW9zay1pY29uLWJ0bic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3RrLWtpb3NrLWNhcmQtcmVzdW1lLWNoZWNrb3V0JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1RrS2lvc2tUeXBvZ3JhcGh5Q29tcG9uZW50LCBOekljb25EaXJlY3RpdmUsIFRrS2lvc2tJY29uQnRuQ29tcG9uZW50XSxcbiAgdGVtcGxhdGVVcmw6ICcuL3RrLWtpb3NrLWNhcmQtcmVzdW1lLWNoZWNrb3V0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL3RrLWtpb3NrLWNhcmQtcmVzdW1lLWNoZWNrb3V0LmNvbXBvbmVudC5zY3NzJ1xufSlcbmV4cG9ydCBjbGFzcyBUa0tpb3NrQ2FyZFJlc3VtZUNoZWNrb3V0Q29tcG9uZW50IHtcbiAgQElucHV0KCkgc3ViVG90YWwgPSAnJztcbiAgQElucHV0KCkgdG90YWwgPSAnJztcbiAgQElucHV0KCkgY291cG9uVmFsdWUgPSAnJztcbiAgQElucHV0KCkgZGlzYWJsZWRDb3Vwb24gPSBmYWxzZTtcbiAgQE91dHB1dCgpIGhhbmRsZUNvdXBvbiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgQE91dHB1dCgpIGhhbmRsZUVkaXRDb3Vwb24gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgaGFuZGxlQ291cG9uRXZlbnQoKSB7IFxuICAgIGlmICh0aGlzLmRpc2FibGVkQ291cG9uKSByZXR1cm47XG4gICAgdGhpcy5oYW5kbGVDb3Vwb24uZW1pdCgpO1xuICB9XG59XG4iLCI8c2VjdGlvbiBjbGFzcz1cInRvdGFsc1wiPlxuICAgIDxkaXYgY2xhc3M9XCJ0b3RhbC1jb250YWluZXJcIj5cbiAgICAgICAgQGlmICghZGlzYWJsZWRDb3Vwb24pIHtcbiAgICAgICAgPGRpdiBjbGFzcz1cImN1cG9uLWFjdGlvblwiIFtjbGFzcy5kaXNhYmxlZC1jb3Vwb25dPVwiZGlzYWJsZWRDb3Vwb25cIiAoY2xpY2spPVwiaGFuZGxlQ291cG9uRXZlbnQoKVwiPlxuICAgICAgICAgICAgPHNwYW4gbnotaWNvbiBuelR5cGU9XCJ0ay1raW9zazp0aWtldC0yXCI+PC9zcGFuPlxuICAgICAgICAgICAgPHRrLWtpb3NrLXR5cG9ncmFwaHkgW3R5cGVdPVwiJ2gzLWhlYWRpbmcnXCJcbiAgICAgICAgICAgICAgICBbY29sb3JdPVwiIGRpc2FibGVkQ291cG9uID8gJ3RrLWNvbG9yLW5ldXRyYWwtNDAwJyA6ICd0ay1jb2xvci1zdWNjZXNzLTkwMCdcIiBbc2l6ZV09XCInMzJweCdcIlxuICAgICAgICAgICAgICAgIFt3ZWlnaHRdPVwiJzYwMCdcIj5cbiAgICAgICAgICAgICAgICBSZWRpbWlyIGN1cMOzblxuICAgICAgICAgICAgPC90ay1raW9zay10eXBvZ3JhcGh5PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgfVxuXG4gICAgICAgIDxzZWN0aW9uIGNsYXNzPVwidG90YWwtcm93XCI+XG4gICAgICAgICAgICA8dGsta2lvc2stdHlwb2dyYXBoeSBbdHlwZV09XCInaDMtaGVhZGluZydcIiBbc2l6ZV09XCInMzJweCdcIiBbd2VpZ2h0XT1cIic2MDAnXCI+XG4gICAgICAgICAgICAgICAgU3VidG90YWxcbiAgICAgICAgICAgIDwvdGsta2lvc2stdHlwb2dyYXBoeT5cbiAgICAgICAgICAgIDx0ay1raW9zay10eXBvZ3JhcGh5IG5hbWU9XCJzdWJ0b3RhbFwiIFt0eXBlXT1cIidoMy1oZWFkaW5nJ1wiIFtzaXplXT1cIiczMnB4J1wiIFt3ZWlnaHRdPVwiJzYwMCdcIj5cbiAgICAgICAgICAgICAgICAge3sgc3ViVG90YWwgfX1cbiAgICAgICAgICAgIDwvdGsta2lvc2stdHlwb2dyYXBoeT5cbiAgICAgICAgPC9zZWN0aW9uPlxuICAgICAgICBAaWYgKGNvdXBvblZhbHVlICYmIGNvdXBvblZhbHVlICE9PSAnMCcpIHtcblxuICAgICAgICA8c2VjdGlvbiBjbGFzcz1cInRvdGFsLXJvd1wiPlxuICAgICAgICAgICAgPHRrLWtpb3NrLXR5cG9ncmFwaHkgW3R5cGVdPVwiJ2gzLWhlYWRpbmcnXCIgY29sb3I9XCJ0ay1jb2xvci1zdWNjZXNzLTYwMFwiIFtzaXplXT1cIiczMnB4J1wiIFt3ZWlnaHRdPVwiJzYwMCdcIj5cbiAgICAgICAgICAgICAgICBEZXNjdWVudG8gY3Vww7NuXG4gICAgICAgICAgICA8L3RrLWtpb3NrLXR5cG9ncmFwaHk+XG4gICAgICAgICAgICA8c2VjdGlvbiBjbGFzcz1cInJvd1wiPlxuICAgICAgICAgICAgICAgIDx0ay1raW9zay1pY29uLWJ0biAoYnRuQ2xpY2spPVwiaGFuZGxlRWRpdENvdXBvbi5lbWl0KClcIiBzaXplPVwic21hbGxcIiBjbGFzcz1cImJ0bi1lZGl0XCIgIGljb249XCJ0ay1raW9zazplZGl0LW91dGxpbmVcIj48L3RrLWtpb3NrLWljb24tYnRuPlxuICAgICAgICAgICAgICAgIDx0ay1raW9zay10eXBvZ3JhcGh5IG5hbWU9XCJkaXNjb3VudFwiIFt0eXBlXT1cIidoMy1oZWFkaW5nJ1wiIGNvbG9yPVwidGstY29sb3Itc3VjY2Vzcy02MDBcIiBbc2l6ZV09XCInMzJweCdcIlxuICAgICAgICAgICAgICAgICAgICBbd2VpZ2h0XT1cIic2MDAnXCI+XG4gICAgICAgICAgICAgICAgICAgIC0ge3sgY291cG9uVmFsdWUgfX1cbiAgICAgICAgICAgICAgICA8L3RrLWtpb3NrLXR5cG9ncmFwaHk+XG4gICAgICAgICAgICA8L3NlY3Rpb24+XG4gICAgICAgIDwvc2VjdGlvbj5cbiAgICAgICAgfVxuXG4gICAgICAgIDxzZWN0aW9uIGNsYXNzPVwidG90YWwtcm93XCI+XG4gICAgICAgICAgICA8dGsta2lvc2stdHlwb2dyYXBoeSBbdHlwZV09XCInaDMtaGVhZGluZydcIiBbc2l6ZV09XCInMzJweCdcIiBbd2VpZ2h0XT1cIic2MDAnXCI+XG4gICAgICAgICAgICAgICAgVG90YWxcbiAgICAgICAgICAgIDwvdGsta2lvc2stdHlwb2dyYXBoeT5cbiAgICAgICAgICAgIDx0ay1raW9zay10eXBvZ3JhcGh5IG5hbWU9XCJ0b3RhbFwiIFt0eXBlXT1cIidoMy1oZWFkaW5nJ1wiIFtzaXplXT1cIiczMnB4J1wiIFt3ZWlnaHRdPVwiJzYwMCdcIj5cbiAgICAgICAgICAgICAgICB7eyB0b3RhbCB9fVxuICAgICAgICAgICAgPC90ay1raW9zay10eXBvZ3JhcGh5PlxuICAgICAgICA8L3NlY3Rpb24+XG4gICAgPC9kaXY+XG48L3NlY3Rpb24+Il19
@@ -24,11 +24,11 @@ export class TkKioskStepperContainerComponent {
24
24
  }
25
25
  }
26
26
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskStepperContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
27
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: TkKioskStepperContainerComponent, isStandalone: true, selector: "tk-kiosk-stepper-container", inputs: { title: "title", complete: "complete", disabled: "disabled" }, outputs: { cloneHandler: "cloneHandler", titleClick: "titleClick" }, ngImport: i0, template: "<section class=\"container\">\n <button\n class=\"title\"\n [ngClass]=\"{ 'title--complete': complete, 'title--disabled': disabled }\"\n (onclick)=\"handleTitleClick()\"\n >\n <tk-kiosk-typography\n type=\"h6-heading\"\n size=\"22px\"\n weight=\"600\"\n [color]=\"disabled ? 'tk-color-neutral-600' : 'tk-color-white-900'\"\n >\n {{ title }}\n </tk-kiosk-typography>\n </button>\n\n <section class=\"content\">\n <ng-content></ng-content>\n </section>\n\n @if (complete) {\n <section class=\"actions\">\n <tk-kiosk-btn\n (onClick)=\"cloneEmitter()\"\n textSize=\"body2\"\n [stroked]=\"true\"\n variant=\"secondary\"\n [rounded]=\"true\"\n size=\"small\"\n >\n <tk-kiosk-typography\n type=\"h6-heading\"\n size=\"14px\"\n weight=\"600\"\n [color]=\"'tk-color-secondary-900'\"\n >\n \u00A1Quiero otro igual!\n </tk-kiosk-typography>\n </tk-kiosk-btn>\n </section>\n\n }\n</section>\n", styles: [".container{width:174px}.container .title{padding:12px 24px;flex-direction:column;align-items:flex-start;align-self:stretch;border-radius:12px;background:var(--tk-color-secondary-900);text-align:center;display:flex;align-items:center}.container .title--complete{background:var(--tk-color-primary-900)}.container .title--disabled{background:var(--tk-color-neutral-300, #B3B3B3)}.container .content{margin:24px 0;gap:24px;display:flex;flex-direction:column}.container .actions{margin-bottom:20px;width:100%}.container .actions tk-kiosk-btn{width:100%;margin:0}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: TkKioskBtnComponent, selector: "tk-kiosk-btn", inputs: ["text", "disabled", "outline", "stroked", "rounded", "variant", "size", "textColor", "backgroundColor", "textSize"], outputs: ["onClick"] }, { kind: "component", type: TkKioskTypographyComponent, selector: "tk-kiosk-typography", inputs: ["type", "color", "size", "weight", "lineBreak"] }] }); }
27
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: TkKioskStepperContainerComponent, isStandalone: true, selector: "tk-kiosk-stepper-container", inputs: { title: "title", complete: "complete", disabled: "disabled" }, outputs: { cloneHandler: "cloneHandler", titleClick: "titleClick" }, ngImport: i0, template: "<section class=\"container\">\n <button\n class=\"title\"\n [ngClass]=\"{ 'title--complete': complete, 'title--disabled': disabled }\"\n (click)=\"handleTitleClick()\"\n >\n <tk-kiosk-typography\n type=\"h6-heading\"\n size=\"22px\"\n weight=\"600\"\n [color]=\"disabled ? 'tk-color-neutral-600' : 'tk-color-white-900'\"\n >\n {{ title }}\n </tk-kiosk-typography>\n </button>\n\n <section class=\"content\">\n <ng-content></ng-content>\n </section>\n\n @if (complete) {\n <section class=\"actions\">\n <tk-kiosk-btn\n (onClick)=\"cloneEmitter()\"\n textSize=\"body2\"\n [stroked]=\"true\"\n variant=\"secondary\"\n [rounded]=\"true\"\n size=\"small\"\n >\n <tk-kiosk-typography\n type=\"h6-heading\"\n size=\"14px\"\n weight=\"600\"\n [color]=\"'tk-color-secondary-900'\"\n >\n \u00A1Quiero otro igual!\n </tk-kiosk-typography>\n </tk-kiosk-btn>\n </section>\n\n }\n</section>\n", styles: [".container{width:174px}.container .title{padding:12px 24px;flex-direction:column;align-items:flex-start;align-self:stretch;border-radius:12px;background:var(--tk-color-secondary-900);text-align:center;display:flex;align-items:center}.container .title--complete{background:var(--tk-color-primary-900)}.container .title--disabled{background:var(--tk-color-neutral-300, #B3B3B3)}.container .content{margin:24px 0;gap:24px;display:flex;flex-direction:column}.container .actions{margin-bottom:20px;width:100%}.container .actions tk-kiosk-btn{width:100%;margin:0}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: TkKioskBtnComponent, selector: "tk-kiosk-btn", inputs: ["text", "disabled", "outline", "stroked", "rounded", "variant", "size", "textColor", "backgroundColor", "textSize"], outputs: ["onClick"] }, { kind: "component", type: TkKioskTypographyComponent, selector: "tk-kiosk-typography", inputs: ["type", "color", "size", "weight", "lineBreak"] }] }); }
28
28
  }
29
29
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskStepperContainerComponent, decorators: [{
30
30
  type: Component,
31
- args: [{ selector: 'tk-kiosk-stepper-container', standalone: true, imports: [NgClass, TkKioskBtnComponent, TkKioskTypographyComponent], template: "<section class=\"container\">\n <button\n class=\"title\"\n [ngClass]=\"{ 'title--complete': complete, 'title--disabled': disabled }\"\n (onclick)=\"handleTitleClick()\"\n >\n <tk-kiosk-typography\n type=\"h6-heading\"\n size=\"22px\"\n weight=\"600\"\n [color]=\"disabled ? 'tk-color-neutral-600' : 'tk-color-white-900'\"\n >\n {{ title }}\n </tk-kiosk-typography>\n </button>\n\n <section class=\"content\">\n <ng-content></ng-content>\n </section>\n\n @if (complete) {\n <section class=\"actions\">\n <tk-kiosk-btn\n (onClick)=\"cloneEmitter()\"\n textSize=\"body2\"\n [stroked]=\"true\"\n variant=\"secondary\"\n [rounded]=\"true\"\n size=\"small\"\n >\n <tk-kiosk-typography\n type=\"h6-heading\"\n size=\"14px\"\n weight=\"600\"\n [color]=\"'tk-color-secondary-900'\"\n >\n \u00A1Quiero otro igual!\n </tk-kiosk-typography>\n </tk-kiosk-btn>\n </section>\n\n }\n</section>\n", styles: [".container{width:174px}.container .title{padding:12px 24px;flex-direction:column;align-items:flex-start;align-self:stretch;border-radius:12px;background:var(--tk-color-secondary-900);text-align:center;display:flex;align-items:center}.container .title--complete{background:var(--tk-color-primary-900)}.container .title--disabled{background:var(--tk-color-neutral-300, #B3B3B3)}.container .content{margin:24px 0;gap:24px;display:flex;flex-direction:column}.container .actions{margin-bottom:20px;width:100%}.container .actions tk-kiosk-btn{width:100%;margin:0}\n"] }]
31
+ args: [{ selector: 'tk-kiosk-stepper-container', standalone: true, imports: [NgClass, TkKioskBtnComponent, TkKioskTypographyComponent], template: "<section class=\"container\">\n <button\n class=\"title\"\n [ngClass]=\"{ 'title--complete': complete, 'title--disabled': disabled }\"\n (click)=\"handleTitleClick()\"\n >\n <tk-kiosk-typography\n type=\"h6-heading\"\n size=\"22px\"\n weight=\"600\"\n [color]=\"disabled ? 'tk-color-neutral-600' : 'tk-color-white-900'\"\n >\n {{ title }}\n </tk-kiosk-typography>\n </button>\n\n <section class=\"content\">\n <ng-content></ng-content>\n </section>\n\n @if (complete) {\n <section class=\"actions\">\n <tk-kiosk-btn\n (onClick)=\"cloneEmitter()\"\n textSize=\"body2\"\n [stroked]=\"true\"\n variant=\"secondary\"\n [rounded]=\"true\"\n size=\"small\"\n >\n <tk-kiosk-typography\n type=\"h6-heading\"\n size=\"14px\"\n weight=\"600\"\n [color]=\"'tk-color-secondary-900'\"\n >\n \u00A1Quiero otro igual!\n </tk-kiosk-typography>\n </tk-kiosk-btn>\n </section>\n\n }\n</section>\n", styles: [".container{width:174px}.container .title{padding:12px 24px;flex-direction:column;align-items:flex-start;align-self:stretch;border-radius:12px;background:var(--tk-color-secondary-900);text-align:center;display:flex;align-items:center}.container .title--complete{background:var(--tk-color-primary-900)}.container .title--disabled{background:var(--tk-color-neutral-300, #B3B3B3)}.container .content{margin:24px 0;gap:24px;display:flex;flex-direction:column}.container .actions{margin-bottom:20px;width:100%}.container .actions tk-kiosk-btn{width:100%;margin:0}\n"] }]
32
32
  }], propDecorators: { title: [{
33
33
  type: Input
34
34
  }], complete: [{
@@ -40,4 +40,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
40
40
  }], titleClick: [{
41
41
  type: Output
42
42
  }] } });
43
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGsta2lvc2stc3RlcHBlci1jb250YWluZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGsta2lvc2stZHMvc3JjL2xpYi9jb21wb25lbnRzL3RrLWtpb3NrLXN0ZXBwZXIvdGsta2lvc2stc3RlcHBlci1jb250YWluZXIvdGsta2lvc2stc3RlcHBlci1jb250YWluZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGsta2lvc2stZHMvc3JjL2xpYi9jb21wb25lbnRzL3RrLWtpb3NrLXN0ZXBwZXIvdGsta2lvc2stc3RlcHBlci1jb250YWluZXIvdGsta2lvc2stc3RlcHBlci1jb250YWluZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUN2RSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDMUMsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7O0FBU3pELE1BQU0sT0FBTyxnQ0FBZ0M7SUFQN0M7UUFRVyxVQUFLLEdBQUcsRUFBRSxDQUFDO1FBQ1gsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBRTFCOzs7V0FHRztRQUNPLGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztRQUMzQyxlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztLQVdqRDtJQVRDLFlBQVk7UUFDVixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUMvQixDQUFDO0lBRUQsZ0JBQWdCO1FBQ2QsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDbEIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztTQUN4QjtJQUNILENBQUM7OEdBcEJVLGdDQUFnQztrR0FBaEMsZ0NBQWdDLG1PQ1o3QyxrZ0NBMkNBLHltQkRuQ1ksT0FBTyxvRkFBRSxtQkFBbUIsNk1BQUUsMEJBQTBCOzsyRkFJdkQsZ0NBQWdDO2tCQVA1QyxTQUFTOytCQUNFLDRCQUE0QixjQUMxQixJQUFJLFdBQ1AsQ0FBQyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsMEJBQTBCLENBQUM7OEJBSzFELEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBTUksWUFBWTtzQkFBckIsTUFBTTtnQkFDRyxVQUFVO3NCQUFuQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRrS2lvc2tUeXBvZ3JhcGh5Q29tcG9uZW50IH0gZnJvbSAnLi4vLi4vdGsta2lvc2stdHlwb2dyYXBoeSc7XG5pbXBvcnQgeyBOZ0NsYXNzIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFRrS2lvc2tCdG5Db21wb25lbnQgfSBmcm9tICcuLi8uLi90ay1raW9zay1idG4nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd0ay1raW9zay1zdGVwcGVyLWNvbnRhaW5lcicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtOZ0NsYXNzLCBUa0tpb3NrQnRuQ29tcG9uZW50LCBUa0tpb3NrVHlwb2dyYXBoeUNvbXBvbmVudF0sXG4gIHRlbXBsYXRlVXJsOiAnLi90ay1raW9zay1zdGVwcGVyLWNvbnRhaW5lci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi90ay1raW9zay1zdGVwcGVyLWNvbnRhaW5lci5jb21wb25lbnQuc2NzcycsXG59KVxuZXhwb3J0IGNsYXNzIFRrS2lvc2tTdGVwcGVyQ29udGFpbmVyQ29tcG9uZW50IHtcbiAgQElucHV0KCkgdGl0bGUgPSAnJztcbiAgQElucHV0KCkgY29tcGxldGUgPSBmYWxzZTtcbiAgQElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcblxuICAvKipcbiAgICogVGhpcyBldmVudCBpcyB3aGVuIGEgcHJlc3MgXCJRdWllcm8gb3RybyBpZ3VhbFwiIGJ0blxuICAgKiBAZXZlbnRQcm9wZXJ0eSA8Qm9vbGVhbj5cbiAgICovXG4gIEBPdXRwdXQoKSBjbG9uZUhhbmRsZXIgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG4gIEBPdXRwdXQoKSB0aXRsZUNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIGNsb25lRW1pdHRlcigpIHtcbiAgICB0aGlzLmNsb25lSGFuZGxlci5lbWl0KHRydWUpO1xuICB9XG5cbiAgaGFuZGxlVGl0bGVDbGljaygpIHtcbiAgICBpZiAoIXRoaXMuZGlzYWJsZWQpIHtcbiAgICAgIHRoaXMudGl0bGVDbGljay5lbWl0KCk7XG4gICAgfVxuICB9XG59XG4iLCI8c2VjdGlvbiBjbGFzcz1cImNvbnRhaW5lclwiPlxuICA8YnV0dG9uXG4gICAgY2xhc3M9XCJ0aXRsZVwiXG4gICAgW25nQ2xhc3NdPVwieyAndGl0bGUtLWNvbXBsZXRlJzogY29tcGxldGUsICd0aXRsZS0tZGlzYWJsZWQnOiBkaXNhYmxlZCB9XCJcbiAgICAob25jbGljayk9XCJoYW5kbGVUaXRsZUNsaWNrKClcIlxuICA+XG4gICAgPHRrLWtpb3NrLXR5cG9ncmFwaHlcbiAgICAgIHR5cGU9XCJoNi1oZWFkaW5nXCJcbiAgICAgIHNpemU9XCIyMnB4XCJcbiAgICAgIHdlaWdodD1cIjYwMFwiXG4gICAgICBbY29sb3JdPVwiZGlzYWJsZWQgPyAndGstY29sb3ItbmV1dHJhbC02MDAnIDogJ3RrLWNvbG9yLXdoaXRlLTkwMCdcIlxuICAgID5cbiAgICAgIHt7IHRpdGxlIH19XG4gICAgPC90ay1raW9zay10eXBvZ3JhcGh5PlxuICA8L2J1dHRvbj5cblxuICA8c2VjdGlvbiBjbGFzcz1cImNvbnRlbnRcIj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDwvc2VjdGlvbj5cblxuICBAaWYgKGNvbXBsZXRlKSB7XG4gIDxzZWN0aW9uIGNsYXNzPVwiYWN0aW9uc1wiPlxuICAgIDx0ay1raW9zay1idG5cbiAgICAgIChvbkNsaWNrKT1cImNsb25lRW1pdHRlcigpXCJcbiAgICAgIHRleHRTaXplPVwiYm9keTJcIlxuICAgICAgW3N0cm9rZWRdPVwidHJ1ZVwiXG4gICAgICB2YXJpYW50PVwic2Vjb25kYXJ5XCJcbiAgICAgIFtyb3VuZGVkXT1cInRydWVcIlxuICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICA+XG4gICAgICA8dGsta2lvc2stdHlwb2dyYXBoeVxuICAgICAgICB0eXBlPVwiaDYtaGVhZGluZ1wiXG4gICAgICAgIHNpemU9XCIxNHB4XCJcbiAgICAgICAgd2VpZ2h0PVwiNjAwXCJcbiAgICAgICAgW2NvbG9yXT1cIid0ay1jb2xvci1zZWNvbmRhcnktOTAwJ1wiXG4gICAgICA+XG4gICAgICAgIMKhUXVpZXJvIG90cm8gaWd1YWwhXG4gICAgICA8L3RrLWtpb3NrLXR5cG9ncmFwaHk+XG4gICAgPC90ay1raW9zay1idG4+XG4gIDwvc2VjdGlvbj5cblxuICB9XG48L3NlY3Rpb24+XG4iXX0=
43
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGsta2lvc2stc3RlcHBlci1jb250YWluZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGsta2lvc2stZHMvc3JjL2xpYi9jb21wb25lbnRzL3RrLWtpb3NrLXN0ZXBwZXIvdGsta2lvc2stc3RlcHBlci1jb250YWluZXIvdGsta2lvc2stc3RlcHBlci1jb250YWluZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGsta2lvc2stZHMvc3JjL2xpYi9jb21wb25lbnRzL3RrLWtpb3NrLXN0ZXBwZXIvdGsta2lvc2stc3RlcHBlci1jb250YWluZXIvdGsta2lvc2stc3RlcHBlci1jb250YWluZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUN2RSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDMUMsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7O0FBU3pELE1BQU0sT0FBTyxnQ0FBZ0M7SUFQN0M7UUFRVyxVQUFLLEdBQUcsRUFBRSxDQUFDO1FBQ1gsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBRTFCOzs7V0FHRztRQUNPLGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztRQUMzQyxlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztLQVdqRDtJQVRDLFlBQVk7UUFDVixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUMvQixDQUFDO0lBRUQsZ0JBQWdCO1FBQ2QsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDbEIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztTQUN4QjtJQUNILENBQUM7OEdBcEJVLGdDQUFnQztrR0FBaEMsZ0NBQWdDLG1PQ1o3QyxnZ0NBMkNBLHltQkRuQ1ksT0FBTyxvRkFBRSxtQkFBbUIsNk1BQUUsMEJBQTBCOzsyRkFJdkQsZ0NBQWdDO2tCQVA1QyxTQUFTOytCQUNFLDRCQUE0QixjQUMxQixJQUFJLFdBQ1AsQ0FBQyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsMEJBQTBCLENBQUM7OEJBSzFELEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBTUksWUFBWTtzQkFBckIsTUFBTTtnQkFDRyxVQUFVO3NCQUFuQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRrS2lvc2tUeXBvZ3JhcGh5Q29tcG9uZW50IH0gZnJvbSAnLi4vLi4vdGsta2lvc2stdHlwb2dyYXBoeSc7XG5pbXBvcnQgeyBOZ0NsYXNzIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFRrS2lvc2tCdG5Db21wb25lbnQgfSBmcm9tICcuLi8uLi90ay1raW9zay1idG4nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd0ay1raW9zay1zdGVwcGVyLWNvbnRhaW5lcicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtOZ0NsYXNzLCBUa0tpb3NrQnRuQ29tcG9uZW50LCBUa0tpb3NrVHlwb2dyYXBoeUNvbXBvbmVudF0sXG4gIHRlbXBsYXRlVXJsOiAnLi90ay1raW9zay1zdGVwcGVyLWNvbnRhaW5lci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi90ay1raW9zay1zdGVwcGVyLWNvbnRhaW5lci5jb21wb25lbnQuc2NzcycsXG59KVxuZXhwb3J0IGNsYXNzIFRrS2lvc2tTdGVwcGVyQ29udGFpbmVyQ29tcG9uZW50IHtcbiAgQElucHV0KCkgdGl0bGUgPSAnJztcbiAgQElucHV0KCkgY29tcGxldGUgPSBmYWxzZTtcbiAgQElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcblxuICAvKipcbiAgICogVGhpcyBldmVudCBpcyB3aGVuIGEgcHJlc3MgXCJRdWllcm8gb3RybyBpZ3VhbFwiIGJ0blxuICAgKiBAZXZlbnRQcm9wZXJ0eSA8Qm9vbGVhbj5cbiAgICovXG4gIEBPdXRwdXQoKSBjbG9uZUhhbmRsZXIgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG4gIEBPdXRwdXQoKSB0aXRsZUNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIGNsb25lRW1pdHRlcigpIHtcbiAgICB0aGlzLmNsb25lSGFuZGxlci5lbWl0KHRydWUpO1xuICB9XG5cbiAgaGFuZGxlVGl0bGVDbGljaygpIHtcbiAgICBpZiAoIXRoaXMuZGlzYWJsZWQpIHtcbiAgICAgIHRoaXMudGl0bGVDbGljay5lbWl0KCk7XG4gICAgfVxuICB9XG59XG4iLCI8c2VjdGlvbiBjbGFzcz1cImNvbnRhaW5lclwiPlxuICA8YnV0dG9uXG4gICAgY2xhc3M9XCJ0aXRsZVwiXG4gICAgW25nQ2xhc3NdPVwieyAndGl0bGUtLWNvbXBsZXRlJzogY29tcGxldGUsICd0aXRsZS0tZGlzYWJsZWQnOiBkaXNhYmxlZCB9XCJcbiAgICAoY2xpY2spPVwiaGFuZGxlVGl0bGVDbGljaygpXCJcbiAgPlxuICAgIDx0ay1raW9zay10eXBvZ3JhcGh5XG4gICAgICB0eXBlPVwiaDYtaGVhZGluZ1wiXG4gICAgICBzaXplPVwiMjJweFwiXG4gICAgICB3ZWlnaHQ9XCI2MDBcIlxuICAgICAgW2NvbG9yXT1cImRpc2FibGVkID8gJ3RrLWNvbG9yLW5ldXRyYWwtNjAwJyA6ICd0ay1jb2xvci13aGl0ZS05MDAnXCJcbiAgICA+XG4gICAgICB7eyB0aXRsZSB9fVxuICAgIDwvdGsta2lvc2stdHlwb2dyYXBoeT5cbiAgPC9idXR0b24+XG5cbiAgPHNlY3Rpb24gY2xhc3M9XCJjb250ZW50XCI+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L3NlY3Rpb24+XG5cbiAgQGlmIChjb21wbGV0ZSkge1xuICA8c2VjdGlvbiBjbGFzcz1cImFjdGlvbnNcIj5cbiAgICA8dGsta2lvc2stYnRuXG4gICAgICAob25DbGljayk9XCJjbG9uZUVtaXR0ZXIoKVwiXG4gICAgICB0ZXh0U2l6ZT1cImJvZHkyXCJcbiAgICAgIFtzdHJva2VkXT1cInRydWVcIlxuICAgICAgdmFyaWFudD1cInNlY29uZGFyeVwiXG4gICAgICBbcm91bmRlZF09XCJ0cnVlXCJcbiAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgPlxuICAgICAgPHRrLWtpb3NrLXR5cG9ncmFwaHlcbiAgICAgICAgdHlwZT1cImg2LWhlYWRpbmdcIlxuICAgICAgICBzaXplPVwiMTRweFwiXG4gICAgICAgIHdlaWdodD1cIjYwMFwiXG4gICAgICAgIFtjb2xvcl09XCIndGstY29sb3Itc2Vjb25kYXJ5LTkwMCdcIlxuICAgICAgPlxuICAgICAgICDCoVF1aWVybyBvdHJvIGlndWFsIVxuICAgICAgPC90ay1raW9zay10eXBvZ3JhcGh5PlxuICAgIDwvdGsta2lvc2stYnRuPlxuICA8L3NlY3Rpb24+XG5cbiAgfVxuPC9zZWN0aW9uPlxuIl19
@@ -2858,11 +2858,11 @@ class TkKioskCardResumeCheckoutComponent {
2858
2858
  this.handleCoupon.emit();
2859
2859
  }
2860
2860
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskCardResumeCheckoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
2861
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: TkKioskCardResumeCheckoutComponent, isStandalone: true, selector: "tk-kiosk-card-resume-checkout", inputs: { subTotal: "subTotal", total: "total", couponValue: "couponValue", disabledCoupon: "disabledCoupon" }, outputs: { handleCoupon: "handleCoupon", handleEditCoupon: "handleEditCoupon" }, ngImport: i0, template: "<section class=\"totals\">\n <div class=\"total-container\">\n <div class=\"cupon-action\" [class.disabled-coupon]=\"disabledCoupon\" (click)=\"handleCouponEvent()\">\n <span nz-icon nzType=\"tk-kiosk:tiket-2\"></span>\n <tk-kiosk-typography [type]=\"'h3-heading'\"\n [color]=\" disabledCoupon ? 'tk-color-neutral-400' : 'tk-color-success-900'\" [size]=\"'32px'\"\n [weight]=\"'600'\">\n Redimir cup\u00F3n\n </tk-kiosk-typography>\n </div>\n\n <section class=\"total-row\">\n <tk-kiosk-typography [type]=\"'h3-heading'\" [size]=\"'32px'\" [weight]=\"'600'\">\n Subtotal\n </tk-kiosk-typography>\n <tk-kiosk-typography name=\"subtotal\" [type]=\"'h3-heading'\" [size]=\"'32px'\" [weight]=\"'600'\">\n {{ subTotal }}\n </tk-kiosk-typography>\n </section>\n @if (couponValue && couponValue !== '0') {\n\n <section class=\"total-row\">\n <tk-kiosk-typography [type]=\"'h3-heading'\" color=\"tk-color-success-600\" [size]=\"'32px'\" [weight]=\"'600'\">\n Descuento cup\u00F3n\n </tk-kiosk-typography>\n <section class=\"row\">\n <tk-kiosk-icon-btn (btnClick)=\"handleEditCoupon.emit()\" size=\"small\" class=\"btn-edit\" icon=\"tk-kiosk:edit-outline\"></tk-kiosk-icon-btn>\n <tk-kiosk-typography name=\"discount\" [type]=\"'h3-heading'\" color=\"tk-color-success-600\" [size]=\"'32px'\"\n [weight]=\"'600'\">\n - {{ couponValue }}\n </tk-kiosk-typography>\n </section>\n </section>\n }\n\n <section class=\"total-row\">\n <tk-kiosk-typography [type]=\"'h3-heading'\" [size]=\"'32px'\" [weight]=\"'600'\">\n Total\n </tk-kiosk-typography>\n <tk-kiosk-typography name=\"total\" [type]=\"'h3-heading'\" [size]=\"'32px'\" [weight]=\"'600'\">\n {{ total }}\n </tk-kiosk-typography>\n </section>\n </div>\n</section>", styles: [".totals{width:100%}.totals .total-container{border-radius:24px;border:1px solid var(--tk-color-neutral-200);overflow:hidden}.totals .total-container .total-row{display:flex;justify-content:space-between;align-items:center;padding:20px 37px;border-bottom:1px solid var(--tk-color-neutral-200)}.totals .total-container .total-row:last-child{border-bottom:none}.totals .total-container .cupon-action{display:flex;padding:30px 37px;justify-content:center;align-items:center;cursor:pointer;gap:20px;align-self:stretch;background:var(--tk-color-success-100, #E3FCEF)}.totals .total-container .cupon-action span{font-size:40px;color:var(--tk-color-success-900)}.totals .total-container .disabled-coupon{background:var(--tk-color-neutral-100);cursor:not-allowed}.totals .total-container .disabled-coupon span{color:var(--tk-color-neutral-400)}.resume{display:flex;flex-direction:column;align-items:center;padding:50px 20px 450px;gap:45px}.row{display:flex;align-items:center;gap:15px}.scrollable{height:1055px;overflow-y:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.scrollable::-webkit-scrollbar{display:none}:host ::ng-deep .btn-edit button{background:#fff!important;border-color:#fff!important}:host ::ng-deep .btn-edit button span{color:var(--tk-color-primary-900)}\n"], dependencies: [{ kind: "component", type: TkKioskTypographyComponent, selector: "tk-kiosk-typography", inputs: ["type", "color", "size", "weight", "lineBreak"] }, { kind: "directive", type: NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "component", type: TkKioskIconBtnComponent, selector: "tk-kiosk-icon-btn", inputs: ["isDisabled", "size", "type", "color", "icon", "iconSrc", "bgColor"], outputs: ["btnClick"] }] }); }
2861
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: TkKioskCardResumeCheckoutComponent, isStandalone: true, selector: "tk-kiosk-card-resume-checkout", inputs: { subTotal: "subTotal", total: "total", couponValue: "couponValue", disabledCoupon: "disabledCoupon" }, outputs: { handleCoupon: "handleCoupon", handleEditCoupon: "handleEditCoupon" }, ngImport: i0, template: "<section class=\"totals\">\n <div class=\"total-container\">\n @if (!disabledCoupon) {\n <div class=\"cupon-action\" [class.disabled-coupon]=\"disabledCoupon\" (click)=\"handleCouponEvent()\">\n <span nz-icon nzType=\"tk-kiosk:tiket-2\"></span>\n <tk-kiosk-typography [type]=\"'h3-heading'\"\n [color]=\" disabledCoupon ? 'tk-color-neutral-400' : 'tk-color-success-900'\" [size]=\"'32px'\"\n [weight]=\"'600'\">\n Redimir cup\u00F3n\n </tk-kiosk-typography>\n </div>\n }\n\n <section class=\"total-row\">\n <tk-kiosk-typography [type]=\"'h3-heading'\" [size]=\"'32px'\" [weight]=\"'600'\">\n Subtotal\n </tk-kiosk-typography>\n <tk-kiosk-typography name=\"subtotal\" [type]=\"'h3-heading'\" [size]=\"'32px'\" [weight]=\"'600'\">\n {{ subTotal }}\n </tk-kiosk-typography>\n </section>\n @if (couponValue && couponValue !== '0') {\n\n <section class=\"total-row\">\n <tk-kiosk-typography [type]=\"'h3-heading'\" color=\"tk-color-success-600\" [size]=\"'32px'\" [weight]=\"'600'\">\n Descuento cup\u00F3n\n </tk-kiosk-typography>\n <section class=\"row\">\n <tk-kiosk-icon-btn (btnClick)=\"handleEditCoupon.emit()\" size=\"small\" class=\"btn-edit\" icon=\"tk-kiosk:edit-outline\"></tk-kiosk-icon-btn>\n <tk-kiosk-typography name=\"discount\" [type]=\"'h3-heading'\" color=\"tk-color-success-600\" [size]=\"'32px'\"\n [weight]=\"'600'\">\n - {{ couponValue }}\n </tk-kiosk-typography>\n </section>\n </section>\n }\n\n <section class=\"total-row\">\n <tk-kiosk-typography [type]=\"'h3-heading'\" [size]=\"'32px'\" [weight]=\"'600'\">\n Total\n </tk-kiosk-typography>\n <tk-kiosk-typography name=\"total\" [type]=\"'h3-heading'\" [size]=\"'32px'\" [weight]=\"'600'\">\n {{ total }}\n </tk-kiosk-typography>\n </section>\n </div>\n</section>", styles: [".totals{width:100%}.totals .total-container{border-radius:24px;border:1px solid var(--tk-color-neutral-200);overflow:hidden}.totals .total-container .total-row{display:flex;justify-content:space-between;align-items:center;padding:20px 37px;border-bottom:1px solid var(--tk-color-neutral-200)}.totals .total-container .total-row:last-child{border-bottom:none}.totals .total-container .cupon-action{display:flex;padding:30px 37px;justify-content:center;align-items:center;cursor:pointer;gap:20px;align-self:stretch;background:var(--tk-color-success-100, #E3FCEF)}.totals .total-container .cupon-action span{font-size:40px;color:var(--tk-color-success-900)}.totals .total-container .disabled-coupon{background:var(--tk-color-neutral-100);cursor:not-allowed}.totals .total-container .disabled-coupon span{color:var(--tk-color-neutral-400)}.resume{display:flex;flex-direction:column;align-items:center;padding:50px 20px 450px;gap:45px}.row{display:flex;align-items:center;gap:15px}.scrollable{height:1055px;overflow-y:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.scrollable::-webkit-scrollbar{display:none}:host ::ng-deep .btn-edit button{background:#fff!important;border-color:#fff!important}:host ::ng-deep .btn-edit button span{color:var(--tk-color-primary-900)}\n"], dependencies: [{ kind: "component", type: TkKioskTypographyComponent, selector: "tk-kiosk-typography", inputs: ["type", "color", "size", "weight", "lineBreak"] }, { kind: "directive", type: NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "component", type: TkKioskIconBtnComponent, selector: "tk-kiosk-icon-btn", inputs: ["isDisabled", "size", "type", "color", "icon", "iconSrc", "bgColor"], outputs: ["btnClick"] }] }); }
2862
2862
  }
2863
2863
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskCardResumeCheckoutComponent, decorators: [{
2864
2864
  type: Component,
2865
- args: [{ selector: 'tk-kiosk-card-resume-checkout', standalone: true, imports: [TkKioskTypographyComponent, NzIconDirective, TkKioskIconBtnComponent], template: "<section class=\"totals\">\n <div class=\"total-container\">\n <div class=\"cupon-action\" [class.disabled-coupon]=\"disabledCoupon\" (click)=\"handleCouponEvent()\">\n <span nz-icon nzType=\"tk-kiosk:tiket-2\"></span>\n <tk-kiosk-typography [type]=\"'h3-heading'\"\n [color]=\" disabledCoupon ? 'tk-color-neutral-400' : 'tk-color-success-900'\" [size]=\"'32px'\"\n [weight]=\"'600'\">\n Redimir cup\u00F3n\n </tk-kiosk-typography>\n </div>\n\n <section class=\"total-row\">\n <tk-kiosk-typography [type]=\"'h3-heading'\" [size]=\"'32px'\" [weight]=\"'600'\">\n Subtotal\n </tk-kiosk-typography>\n <tk-kiosk-typography name=\"subtotal\" [type]=\"'h3-heading'\" [size]=\"'32px'\" [weight]=\"'600'\">\n {{ subTotal }}\n </tk-kiosk-typography>\n </section>\n @if (couponValue && couponValue !== '0') {\n\n <section class=\"total-row\">\n <tk-kiosk-typography [type]=\"'h3-heading'\" color=\"tk-color-success-600\" [size]=\"'32px'\" [weight]=\"'600'\">\n Descuento cup\u00F3n\n </tk-kiosk-typography>\n <section class=\"row\">\n <tk-kiosk-icon-btn (btnClick)=\"handleEditCoupon.emit()\" size=\"small\" class=\"btn-edit\" icon=\"tk-kiosk:edit-outline\"></tk-kiosk-icon-btn>\n <tk-kiosk-typography name=\"discount\" [type]=\"'h3-heading'\" color=\"tk-color-success-600\" [size]=\"'32px'\"\n [weight]=\"'600'\">\n - {{ couponValue }}\n </tk-kiosk-typography>\n </section>\n </section>\n }\n\n <section class=\"total-row\">\n <tk-kiosk-typography [type]=\"'h3-heading'\" [size]=\"'32px'\" [weight]=\"'600'\">\n Total\n </tk-kiosk-typography>\n <tk-kiosk-typography name=\"total\" [type]=\"'h3-heading'\" [size]=\"'32px'\" [weight]=\"'600'\">\n {{ total }}\n </tk-kiosk-typography>\n </section>\n </div>\n</section>", styles: [".totals{width:100%}.totals .total-container{border-radius:24px;border:1px solid var(--tk-color-neutral-200);overflow:hidden}.totals .total-container .total-row{display:flex;justify-content:space-between;align-items:center;padding:20px 37px;border-bottom:1px solid var(--tk-color-neutral-200)}.totals .total-container .total-row:last-child{border-bottom:none}.totals .total-container .cupon-action{display:flex;padding:30px 37px;justify-content:center;align-items:center;cursor:pointer;gap:20px;align-self:stretch;background:var(--tk-color-success-100, #E3FCEF)}.totals .total-container .cupon-action span{font-size:40px;color:var(--tk-color-success-900)}.totals .total-container .disabled-coupon{background:var(--tk-color-neutral-100);cursor:not-allowed}.totals .total-container .disabled-coupon span{color:var(--tk-color-neutral-400)}.resume{display:flex;flex-direction:column;align-items:center;padding:50px 20px 450px;gap:45px}.row{display:flex;align-items:center;gap:15px}.scrollable{height:1055px;overflow-y:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.scrollable::-webkit-scrollbar{display:none}:host ::ng-deep .btn-edit button{background:#fff!important;border-color:#fff!important}:host ::ng-deep .btn-edit button span{color:var(--tk-color-primary-900)}\n"] }]
2865
+ args: [{ selector: 'tk-kiosk-card-resume-checkout', standalone: true, imports: [TkKioskTypographyComponent, NzIconDirective, TkKioskIconBtnComponent], template: "<section class=\"totals\">\n <div class=\"total-container\">\n @if (!disabledCoupon) {\n <div class=\"cupon-action\" [class.disabled-coupon]=\"disabledCoupon\" (click)=\"handleCouponEvent()\">\n <span nz-icon nzType=\"tk-kiosk:tiket-2\"></span>\n <tk-kiosk-typography [type]=\"'h3-heading'\"\n [color]=\" disabledCoupon ? 'tk-color-neutral-400' : 'tk-color-success-900'\" [size]=\"'32px'\"\n [weight]=\"'600'\">\n Redimir cup\u00F3n\n </tk-kiosk-typography>\n </div>\n }\n\n <section class=\"total-row\">\n <tk-kiosk-typography [type]=\"'h3-heading'\" [size]=\"'32px'\" [weight]=\"'600'\">\n Subtotal\n </tk-kiosk-typography>\n <tk-kiosk-typography name=\"subtotal\" [type]=\"'h3-heading'\" [size]=\"'32px'\" [weight]=\"'600'\">\n {{ subTotal }}\n </tk-kiosk-typography>\n </section>\n @if (couponValue && couponValue !== '0') {\n\n <section class=\"total-row\">\n <tk-kiosk-typography [type]=\"'h3-heading'\" color=\"tk-color-success-600\" [size]=\"'32px'\" [weight]=\"'600'\">\n Descuento cup\u00F3n\n </tk-kiosk-typography>\n <section class=\"row\">\n <tk-kiosk-icon-btn (btnClick)=\"handleEditCoupon.emit()\" size=\"small\" class=\"btn-edit\" icon=\"tk-kiosk:edit-outline\"></tk-kiosk-icon-btn>\n <tk-kiosk-typography name=\"discount\" [type]=\"'h3-heading'\" color=\"tk-color-success-600\" [size]=\"'32px'\"\n [weight]=\"'600'\">\n - {{ couponValue }}\n </tk-kiosk-typography>\n </section>\n </section>\n }\n\n <section class=\"total-row\">\n <tk-kiosk-typography [type]=\"'h3-heading'\" [size]=\"'32px'\" [weight]=\"'600'\">\n Total\n </tk-kiosk-typography>\n <tk-kiosk-typography name=\"total\" [type]=\"'h3-heading'\" [size]=\"'32px'\" [weight]=\"'600'\">\n {{ total }}\n </tk-kiosk-typography>\n </section>\n </div>\n</section>", styles: [".totals{width:100%}.totals .total-container{border-radius:24px;border:1px solid var(--tk-color-neutral-200);overflow:hidden}.totals .total-container .total-row{display:flex;justify-content:space-between;align-items:center;padding:20px 37px;border-bottom:1px solid var(--tk-color-neutral-200)}.totals .total-container .total-row:last-child{border-bottom:none}.totals .total-container .cupon-action{display:flex;padding:30px 37px;justify-content:center;align-items:center;cursor:pointer;gap:20px;align-self:stretch;background:var(--tk-color-success-100, #E3FCEF)}.totals .total-container .cupon-action span{font-size:40px;color:var(--tk-color-success-900)}.totals .total-container .disabled-coupon{background:var(--tk-color-neutral-100);cursor:not-allowed}.totals .total-container .disabled-coupon span{color:var(--tk-color-neutral-400)}.resume{display:flex;flex-direction:column;align-items:center;padding:50px 20px 450px;gap:45px}.row{display:flex;align-items:center;gap:15px}.scrollable{height:1055px;overflow-y:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.scrollable::-webkit-scrollbar{display:none}:host ::ng-deep .btn-edit button{background:#fff!important;border-color:#fff!important}:host ::ng-deep .btn-edit button span{color:var(--tk-color-primary-900)}\n"] }]
2866
2866
  }], propDecorators: { subTotal: [{
2867
2867
  type: Input
2868
2868
  }], total: [{
@@ -2898,11 +2898,11 @@ class TkKioskStepperContainerComponent {
2898
2898
  }
2899
2899
  }
2900
2900
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskStepperContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
2901
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: TkKioskStepperContainerComponent, isStandalone: true, selector: "tk-kiosk-stepper-container", inputs: { title: "title", complete: "complete", disabled: "disabled" }, outputs: { cloneHandler: "cloneHandler", titleClick: "titleClick" }, ngImport: i0, template: "<section class=\"container\">\n <button\n class=\"title\"\n [ngClass]=\"{ 'title--complete': complete, 'title--disabled': disabled }\"\n (onclick)=\"handleTitleClick()\"\n >\n <tk-kiosk-typography\n type=\"h6-heading\"\n size=\"22px\"\n weight=\"600\"\n [color]=\"disabled ? 'tk-color-neutral-600' : 'tk-color-white-900'\"\n >\n {{ title }}\n </tk-kiosk-typography>\n </button>\n\n <section class=\"content\">\n <ng-content></ng-content>\n </section>\n\n @if (complete) {\n <section class=\"actions\">\n <tk-kiosk-btn\n (onClick)=\"cloneEmitter()\"\n textSize=\"body2\"\n [stroked]=\"true\"\n variant=\"secondary\"\n [rounded]=\"true\"\n size=\"small\"\n >\n <tk-kiosk-typography\n type=\"h6-heading\"\n size=\"14px\"\n weight=\"600\"\n [color]=\"'tk-color-secondary-900'\"\n >\n \u00A1Quiero otro igual!\n </tk-kiosk-typography>\n </tk-kiosk-btn>\n </section>\n\n }\n</section>\n", styles: [".container{width:174px}.container .title{padding:12px 24px;flex-direction:column;align-items:flex-start;align-self:stretch;border-radius:12px;background:var(--tk-color-secondary-900);text-align:center;display:flex;align-items:center}.container .title--complete{background:var(--tk-color-primary-900)}.container .title--disabled{background:var(--tk-color-neutral-300, #B3B3B3)}.container .content{margin:24px 0;gap:24px;display:flex;flex-direction:column}.container .actions{margin-bottom:20px;width:100%}.container .actions tk-kiosk-btn{width:100%;margin:0}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: TkKioskBtnComponent, selector: "tk-kiosk-btn", inputs: ["text", "disabled", "outline", "stroked", "rounded", "variant", "size", "textColor", "backgroundColor", "textSize"], outputs: ["onClick"] }, { kind: "component", type: TkKioskTypographyComponent, selector: "tk-kiosk-typography", inputs: ["type", "color", "size", "weight", "lineBreak"] }] }); }
2901
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: TkKioskStepperContainerComponent, isStandalone: true, selector: "tk-kiosk-stepper-container", inputs: { title: "title", complete: "complete", disabled: "disabled" }, outputs: { cloneHandler: "cloneHandler", titleClick: "titleClick" }, ngImport: i0, template: "<section class=\"container\">\n <button\n class=\"title\"\n [ngClass]=\"{ 'title--complete': complete, 'title--disabled': disabled }\"\n (click)=\"handleTitleClick()\"\n >\n <tk-kiosk-typography\n type=\"h6-heading\"\n size=\"22px\"\n weight=\"600\"\n [color]=\"disabled ? 'tk-color-neutral-600' : 'tk-color-white-900'\"\n >\n {{ title }}\n </tk-kiosk-typography>\n </button>\n\n <section class=\"content\">\n <ng-content></ng-content>\n </section>\n\n @if (complete) {\n <section class=\"actions\">\n <tk-kiosk-btn\n (onClick)=\"cloneEmitter()\"\n textSize=\"body2\"\n [stroked]=\"true\"\n variant=\"secondary\"\n [rounded]=\"true\"\n size=\"small\"\n >\n <tk-kiosk-typography\n type=\"h6-heading\"\n size=\"14px\"\n weight=\"600\"\n [color]=\"'tk-color-secondary-900'\"\n >\n \u00A1Quiero otro igual!\n </tk-kiosk-typography>\n </tk-kiosk-btn>\n </section>\n\n }\n</section>\n", styles: [".container{width:174px}.container .title{padding:12px 24px;flex-direction:column;align-items:flex-start;align-self:stretch;border-radius:12px;background:var(--tk-color-secondary-900);text-align:center;display:flex;align-items:center}.container .title--complete{background:var(--tk-color-primary-900)}.container .title--disabled{background:var(--tk-color-neutral-300, #B3B3B3)}.container .content{margin:24px 0;gap:24px;display:flex;flex-direction:column}.container .actions{margin-bottom:20px;width:100%}.container .actions tk-kiosk-btn{width:100%;margin:0}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: TkKioskBtnComponent, selector: "tk-kiosk-btn", inputs: ["text", "disabled", "outline", "stroked", "rounded", "variant", "size", "textColor", "backgroundColor", "textSize"], outputs: ["onClick"] }, { kind: "component", type: TkKioskTypographyComponent, selector: "tk-kiosk-typography", inputs: ["type", "color", "size", "weight", "lineBreak"] }] }); }
2902
2902
  }
2903
2903
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskStepperContainerComponent, decorators: [{
2904
2904
  type: Component,
2905
- args: [{ selector: 'tk-kiosk-stepper-container', standalone: true, imports: [NgClass, TkKioskBtnComponent, TkKioskTypographyComponent], template: "<section class=\"container\">\n <button\n class=\"title\"\n [ngClass]=\"{ 'title--complete': complete, 'title--disabled': disabled }\"\n (onclick)=\"handleTitleClick()\"\n >\n <tk-kiosk-typography\n type=\"h6-heading\"\n size=\"22px\"\n weight=\"600\"\n [color]=\"disabled ? 'tk-color-neutral-600' : 'tk-color-white-900'\"\n >\n {{ title }}\n </tk-kiosk-typography>\n </button>\n\n <section class=\"content\">\n <ng-content></ng-content>\n </section>\n\n @if (complete) {\n <section class=\"actions\">\n <tk-kiosk-btn\n (onClick)=\"cloneEmitter()\"\n textSize=\"body2\"\n [stroked]=\"true\"\n variant=\"secondary\"\n [rounded]=\"true\"\n size=\"small\"\n >\n <tk-kiosk-typography\n type=\"h6-heading\"\n size=\"14px\"\n weight=\"600\"\n [color]=\"'tk-color-secondary-900'\"\n >\n \u00A1Quiero otro igual!\n </tk-kiosk-typography>\n </tk-kiosk-btn>\n </section>\n\n }\n</section>\n", styles: [".container{width:174px}.container .title{padding:12px 24px;flex-direction:column;align-items:flex-start;align-self:stretch;border-radius:12px;background:var(--tk-color-secondary-900);text-align:center;display:flex;align-items:center}.container .title--complete{background:var(--tk-color-primary-900)}.container .title--disabled{background:var(--tk-color-neutral-300, #B3B3B3)}.container .content{margin:24px 0;gap:24px;display:flex;flex-direction:column}.container .actions{margin-bottom:20px;width:100%}.container .actions tk-kiosk-btn{width:100%;margin:0}\n"] }]
2905
+ args: [{ selector: 'tk-kiosk-stepper-container', standalone: true, imports: [NgClass, TkKioskBtnComponent, TkKioskTypographyComponent], template: "<section class=\"container\">\n <button\n class=\"title\"\n [ngClass]=\"{ 'title--complete': complete, 'title--disabled': disabled }\"\n (click)=\"handleTitleClick()\"\n >\n <tk-kiosk-typography\n type=\"h6-heading\"\n size=\"22px\"\n weight=\"600\"\n [color]=\"disabled ? 'tk-color-neutral-600' : 'tk-color-white-900'\"\n >\n {{ title }}\n </tk-kiosk-typography>\n </button>\n\n <section class=\"content\">\n <ng-content></ng-content>\n </section>\n\n @if (complete) {\n <section class=\"actions\">\n <tk-kiosk-btn\n (onClick)=\"cloneEmitter()\"\n textSize=\"body2\"\n [stroked]=\"true\"\n variant=\"secondary\"\n [rounded]=\"true\"\n size=\"small\"\n >\n <tk-kiosk-typography\n type=\"h6-heading\"\n size=\"14px\"\n weight=\"600\"\n [color]=\"'tk-color-secondary-900'\"\n >\n \u00A1Quiero otro igual!\n </tk-kiosk-typography>\n </tk-kiosk-btn>\n </section>\n\n }\n</section>\n", styles: [".container{width:174px}.container .title{padding:12px 24px;flex-direction:column;align-items:flex-start;align-self:stretch;border-radius:12px;background:var(--tk-color-secondary-900);text-align:center;display:flex;align-items:center}.container .title--complete{background:var(--tk-color-primary-900)}.container .title--disabled{background:var(--tk-color-neutral-300, #B3B3B3)}.container .content{margin:24px 0;gap:24px;display:flex;flex-direction:column}.container .actions{margin-bottom:20px;width:100%}.container .actions tk-kiosk-btn{width:100%;margin:0}\n"] }]
2906
2906
  }], propDecorators: { title: [{
2907
2907
  type: Input
2908
2908
  }], complete: [{