@tekus/kiosks-design-system 2.27.0 → 2.29.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-custome/tk-kiosk-custome.component.mjs +3 -4
- package/esm2022/lib/components/tk-kiosk-stepper/tk-kiosk-stepper-container/tk-kiosk-stepper-container.component.mjs +17 -6
- package/fesm2022/tekus-kiosks-design-system.mjs +18 -8
- package/fesm2022/tekus-kiosks-design-system.mjs.map +1 -1
- package/lib/components/tk-kiosk-stepper/tk-kiosk-stepper-container/tk-kiosk-stepper-container.component.d.ts +7 -4
- package/package.json +1 -1
|
@@ -36,12 +36,11 @@ export class TkKioskCustomeComponent {
|
|
|
36
36
|
handleClick() {
|
|
37
37
|
if (this.isSelectable && !this.isDisabled) {
|
|
38
38
|
this.selected = !this.selected;
|
|
39
|
-
console.log('Card clicked:', this.selected);
|
|
40
39
|
this.onClick.emit();
|
|
41
40
|
}
|
|
42
41
|
}
|
|
43
42
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskCustomeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
44
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: TkKioskCustomeComponent, isStandalone: true, selector: "tk-kiosk-custome", inputs: { title: "title", image: "image", price: "price", selected: "selected", typeCounter: "typeCounter", quantity: "quantity", totalMax: "totalMax", totalMin: "totalMin", isSelectable: "isSelectable", isDisabled: "isDisabled", typeCheck: "typeCheck", imageBorderRadius: "imageBorderRadius" }, outputs: { onChange: "onChange", onClick: "onClick" }, ngImport: i0, template: "<tk-kiosk-check-card\n [option]=\"{\n image: image,\n name: title,\n checked: selected\n }\"\n [isDisabled]=\"isDisabled\"\n [hideCheck]=\"!isSelectable\"\n [type]=\"typeCheck\"\n [imageBorderRadius]=\"imageBorderRadius\"\n (onClick)=\"handleClick()\"\n [width]=\"!typeCounter ? '' : '240px'\"\n>\n <div class=\"tk-kiosk-custome__content\">\n <tk-kiosk-typography\n style=\"text-align: center\"\n type=\"h6-heading\"\n weight=\"600\"\n >\n {{ price | customCurrency }}\n </tk-kiosk-typography>\n
|
|
43
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: TkKioskCustomeComponent, isStandalone: true, selector: "tk-kiosk-custome", inputs: { title: "title", image: "image", price: "price", selected: "selected", typeCounter: "typeCounter", quantity: "quantity", totalMax: "totalMax", totalMin: "totalMin", isSelectable: "isSelectable", isDisabled: "isDisabled", typeCheck: "typeCheck", imageBorderRadius: "imageBorderRadius" }, outputs: { onChange: "onChange", onClick: "onClick" }, ngImport: i0, template: "<tk-kiosk-check-card\n [option]=\"{\n image: image,\n name: title,\n checked: selected\n }\"\n [isDisabled]=\"isDisabled\"\n [hideCheck]=\"!isSelectable\"\n [type]=\"typeCheck\"\n [imageBorderRadius]=\"imageBorderRadius\"\n (onClick)=\"handleClick()\"\n [width]=\"!typeCounter ? '' : '240px'\"\n>\n <div class=\"tk-kiosk-custome__content\">\n @if (price) {\n\n <tk-kiosk-typography\n style=\"text-align: center\"\n type=\"h6-heading\"\n weight=\"600\"\n >\n {{ price | customCurrency }}\n </tk-kiosk-typography>\n } @if (typeCounter === 'add') {\n <tk-kiosk-icon-btn\n [size]=\"'small'\"\n color=\"primary\"\n (btnClick)=\"onChangeCounter(1)\"\n ></tk-kiosk-icon-btn>\n } @if (typeCounter === 'minus') {\n <tk-kiosk-icon-btn\n [size]=\"'small'\"\n icon=\"tk-kiosk:minus\"\n color=\"primary\"\n (btnClick)=\"onChangeCounter(-1)\"\n ></tk-kiosk-icon-btn>\n } @if (typeCounter === 'counter') {\n <tk-kiosk-btn-count\n [count]=\"quantity\"\n [stroked]=\"false\"\n [totalMax]=\"totalMax\"\n [totalMin]=\"totalMin\"\n size=\"small\"\n color=\"primary\"\n (onAdd)=\"onChangeCounter(1)\"\n (onRemove)=\"onChangeCounter(-1)\"\n ></tk-kiosk-btn-count>\n }\n </div>\n</tk-kiosk-check-card>\n", styles: [".tk-kiosk-custome__content{display:flex;flex-direction:column;gap:12px}\n"], dependencies: [{ 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"] }, { kind: "component", type: TkKioskBtnCountComponent, selector: "tk-kiosk-btn-count", inputs: ["count", "totalMax", "totalMin", "measure", "type", "rounded", "color", "size", "stroked"], outputs: ["onAdd", "onRemove"] }, { kind: "component", type: TkKioskCheckCardComponent, selector: "tk-kiosk-check-card", inputs: ["width", "minHeight", "isDisabled", "hideCheck", "imageBorderRadius", "option", "type"], outputs: ["onClick"] }, { kind: "pipe", type: CustomCurrencyPipe, name: "customCurrency" }] }); }
|
|
45
44
|
}
|
|
46
45
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskCustomeComponent, decorators: [{
|
|
47
46
|
type: Component,
|
|
@@ -51,7 +50,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
|
|
|
51
50
|
TkKioskBtnCountComponent,
|
|
52
51
|
TkKioskCheckCardComponent,
|
|
53
52
|
CustomCurrencyPipe,
|
|
54
|
-
], template: "<tk-kiosk-check-card\n [option]=\"{\n image: image,\n name: title,\n checked: selected\n }\"\n [isDisabled]=\"isDisabled\"\n [hideCheck]=\"!isSelectable\"\n [type]=\"typeCheck\"\n [imageBorderRadius]=\"imageBorderRadius\"\n (onClick)=\"handleClick()\"\n [width]=\"!typeCounter ? '' : '240px'\"\n>\n <div class=\"tk-kiosk-custome__content\">\n <tk-kiosk-typography\n style=\"text-align: center\"\n type=\"h6-heading\"\n weight=\"600\"\n >\n {{ price | customCurrency }}\n </tk-kiosk-typography>\n
|
|
53
|
+
], template: "<tk-kiosk-check-card\n [option]=\"{\n image: image,\n name: title,\n checked: selected\n }\"\n [isDisabled]=\"isDisabled\"\n [hideCheck]=\"!isSelectable\"\n [type]=\"typeCheck\"\n [imageBorderRadius]=\"imageBorderRadius\"\n (onClick)=\"handleClick()\"\n [width]=\"!typeCounter ? '' : '240px'\"\n>\n <div class=\"tk-kiosk-custome__content\">\n @if (price) {\n\n <tk-kiosk-typography\n style=\"text-align: center\"\n type=\"h6-heading\"\n weight=\"600\"\n >\n {{ price | customCurrency }}\n </tk-kiosk-typography>\n } @if (typeCounter === 'add') {\n <tk-kiosk-icon-btn\n [size]=\"'small'\"\n color=\"primary\"\n (btnClick)=\"onChangeCounter(1)\"\n ></tk-kiosk-icon-btn>\n } @if (typeCounter === 'minus') {\n <tk-kiosk-icon-btn\n [size]=\"'small'\"\n icon=\"tk-kiosk:minus\"\n color=\"primary\"\n (btnClick)=\"onChangeCounter(-1)\"\n ></tk-kiosk-icon-btn>\n } @if (typeCounter === 'counter') {\n <tk-kiosk-btn-count\n [count]=\"quantity\"\n [stroked]=\"false\"\n [totalMax]=\"totalMax\"\n [totalMin]=\"totalMin\"\n size=\"small\"\n color=\"primary\"\n (onAdd)=\"onChangeCounter(1)\"\n (onRemove)=\"onChangeCounter(-1)\"\n ></tk-kiosk-btn-count>\n }\n </div>\n</tk-kiosk-check-card>\n", styles: [".tk-kiosk-custome__content{display:flex;flex-direction:column;gap:12px}\n"] }]
|
|
55
54
|
}], propDecorators: { title: [{
|
|
56
55
|
type: Input
|
|
57
56
|
}], image: [{
|
|
@@ -81,4 +80,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
|
|
|
81
80
|
}], onClick: [{
|
|
82
81
|
type: Output
|
|
83
82
|
}] } });
|
|
84
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
83
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGsta2lvc2stY3VzdG9tZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90ay1raW9zay1kcy9zcmMvbGliL2NvbXBvbmVudHMvdGsta2lvc2stY3VzdG9tZS90ay1raW9zay1jdXN0b21lLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RrLWtpb3NrLWRzL3NyYy9saWIvY29tcG9uZW50cy90ay1raW9zay1jdXN0b21lL3RrLWtpb3NrLWN1c3RvbWUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUNwRSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUMvRCxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUNqRSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUN0RSxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxzREFBc0QsQ0FBQzs7QUFlakcsTUFBTSxPQUFPLHVCQUF1QjtJQWJwQztRQWNFLDhCQUE4QjtRQUNyQixVQUFLLEdBQUcsRUFBRSxDQUFDO1FBQ1gsVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUNYLFVBQUssR0FBRyxDQUFDLENBQUM7UUFDVixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBRTFCLG1DQUFtQztRQUMxQixnQkFBVyxHQUFxQyxFQUFFLENBQUM7UUFDbkQsYUFBUSxHQUFHLENBQUMsQ0FBQztRQUNiLGFBQVEsR0FBRyxDQUFDLENBQUM7UUFDYixhQUFRLEdBQUcsQ0FBQyxDQUFDO1FBRXRCLCtCQUErQjtRQUN0QixpQkFBWSxHQUFHLElBQUksQ0FBQztRQUU3Qix3Q0FBd0M7UUFDL0IsZUFBVSxHQUFHLEtBQUssQ0FBQztRQUU1QixnQ0FBZ0M7UUFDdkIsY0FBUyxHQUEwQixRQUFRLENBQUM7UUFFckQsb0NBQW9DO1FBQzNCLHNCQUFpQixHQUFzQixRQUFRLENBQUM7UUFFekQsMkNBQTJDO1FBQ2pDLGFBQVEsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBQ3RDLFlBQU8sR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0tBYTlDO0lBWEMsbUNBQW1DO0lBQ25DLGVBQWUsQ0FBQyxLQUFhO1FBQzNCLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzVCLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxJQUFJLENBQUMsWUFBWSxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsRUFBRTtZQUN6QyxJQUFJLENBQUMsUUFBUSxHQUFHLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQztZQUMvQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDO1NBQ3JCO0lBQ0gsQ0FBQzs4R0F2Q1UsdUJBQXVCO2tHQUF2Qix1QkFBdUIsMmFDcEJwQywwekNBa0RBLG1JRHZDSSwwQkFBMEIsMEhBQzFCLHVCQUF1QixvS0FDdkIsd0JBQXdCLG9NQUN4Qix5QkFBeUIsbUxBQ3pCLGtCQUFrQjs7MkZBS1QsdUJBQXVCO2tCQWJuQyxTQUFTOytCQUNFLGtCQUFrQixjQUNoQixJQUFJLFdBQ1A7d0JBQ1AsMEJBQTBCO3dCQUMxQix1QkFBdUI7d0JBQ3ZCLHdCQUF3Qjt3QkFDeEIseUJBQXlCO3dCQUN6QixrQkFBa0I7cUJBQ25COzhCQU1RLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBR0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFHRyxZQUFZO3NCQUFwQixLQUFLO2dCQUdHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBR0csU0FBUztzQkFBakIsS0FBSztnQkFHRyxpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBR0ksUUFBUTtzQkFBakIsTUFBTTtnQkFDRyxPQUFPO3NCQUFoQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRrS2lvc2tUeXBvZ3JhcGh5Q29tcG9uZW50IH0gZnJvbSAnLi4vdGsta2lvc2stdHlwb2dyYXBoeSc7XG5pbXBvcnQgeyBUa0tpb3NrSWNvbkJ0bkNvbXBvbmVudCB9IGZyb20gJy4uL3RrLWtpb3NrLWljb24tYnRuJztcbmltcG9ydCB7IFRrS2lvc2tCdG5Db3VudENvbXBvbmVudCB9IGZyb20gJy4uL3RrLWtpb3NrLWJ0bi1jb3VudCc7XG5pbXBvcnQgeyBDdXN0b21DdXJyZW5jeVBpcGUgfSBmcm9tICcuLi8uLi9waXBlcy9jdXN0b20tY3VycmVuY3kucGlwZSc7XG5pbXBvcnQgeyBUa0tpb3NrQ2hlY2tDYXJkQ29tcG9uZW50IH0gZnJvbSAnLi4vdGsta2lvc2stY2hlY2stY2FyZC90ay1raW9zay1jaGVjay1jYXJkLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3RrLWtpb3NrLWN1c3RvbWUnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgVGtLaW9za1R5cG9ncmFwaHlDb21wb25lbnQsXG4gICAgVGtLaW9za0ljb25CdG5Db21wb25lbnQsXG4gICAgVGtLaW9za0J0bkNvdW50Q29tcG9uZW50LFxuICAgIFRrS2lvc2tDaGVja0NhcmRDb21wb25lbnQsXG4gICAgQ3VzdG9tQ3VycmVuY3lQaXBlLFxuICBdLFxuICB0ZW1wbGF0ZVVybDogJy4vdGsta2lvc2stY3VzdG9tZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi90ay1raW9zay1jdXN0b21lLmNvbXBvbmVudC5zY3NzJyxcbn0pXG5leHBvcnQgY2xhc3MgVGtLaW9za0N1c3RvbWVDb21wb25lbnQge1xuICAvLyBJbnB1dHMgZm9yIGJhc2ljIHByb3BlcnRpZXNcbiAgQElucHV0KCkgdGl0bGUgPSAnJztcbiAgQElucHV0KCkgaW1hZ2UgPSAnJztcbiAgQElucHV0KCkgcHJpY2UgPSAwO1xuICBASW5wdXQoKSBzZWxlY3RlZCA9IGZhbHNlO1xuXG4gIC8vIElucHV0cyBmb3IgY291bnRlciBmdW5jdGlvbmFsaXR5XG4gIEBJbnB1dCgpIHR5cGVDb3VudGVyOiAnYWRkJyB8ICdtaW51cycgfCAnY291bnRlcicgfCAnJyA9ICcnO1xuICBASW5wdXQoKSBxdWFudGl0eSA9IDA7XG4gIEBJbnB1dCgpIHRvdGFsTWF4ID0gMDtcbiAgQElucHV0KCkgdG90YWxNaW4gPSAwO1xuXG4gIC8vIElucHV0IGZvciBzZWxlY3Rpb24gYmVoYXZpb3JcbiAgQElucHV0KCkgaXNTZWxlY3RhYmxlID0gdHJ1ZTtcblxuICAvLyBOZXcgaW5wdXQgZm9yIGRpc2FibGluZyB0aGUgY29tcG9uZW50XG4gIEBJbnB1dCgpIGlzRGlzYWJsZWQgPSBmYWxzZTtcblxuICAvLyBOZXcgaW5wdXQgZm9yIGNoZWNrIGNhcmQgdHlwZVxuICBASW5wdXQoKSB0eXBlQ2hlY2s6ICdzaW1wbGUnIHwgJ211bHRpcGxlJyA9ICdzaW1wbGUnO1xuXG4gIC8vIE5ldyBpbnB1dCBmb3IgaW1hZ2UgYm9yZGVyIHJhZGl1c1xuICBASW5wdXQoKSBpbWFnZUJvcmRlclJhZGl1czogJ2NpcmNsZScgfCAnbm9uZScgPSAnY2lyY2xlJztcblxuICAvLyBPdXRwdXQgZXZlbnQgZW1pdHRlciBmb3IgY291bnRlciBjaGFuZ2VzXG4gIEBPdXRwdXQoKSBvbkNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpO1xuICBAT3V0cHV0KCkgb25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICAvLyBFbWl0IGNoYW5nZXMgZm9yIGNvdW50ZXIgYWN0aW9uc1xuICBvbkNoYW5nZUNvdW50ZXIodmFsdWU6IG51bWJlcik6IHZvaWQge1xuICAgIHRoaXMub25DaGFuZ2UuZW1pdCh2YWx1ZSk7XG4gIH1cblxuICBoYW5kbGVDbGljaygpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5pc1NlbGVjdGFibGUgJiYgIXRoaXMuaXNEaXNhYmxlZCkge1xuICAgICAgdGhpcy5zZWxlY3RlZCA9ICF0aGlzLnNlbGVjdGVkO1xuICAgICAgdGhpcy5vbkNsaWNrLmVtaXQoKTtcbiAgICB9XG4gIH1cbn1cbiIsIjx0ay1raW9zay1jaGVjay1jYXJkXG4gIFtvcHRpb25dPVwie1xuICAgIGltYWdlOiBpbWFnZSxcbiAgICBuYW1lOiB0aXRsZSxcbiAgICBjaGVja2VkOiBzZWxlY3RlZFxuICB9XCJcbiAgW2lzRGlzYWJsZWRdPVwiaXNEaXNhYmxlZFwiXG4gIFtoaWRlQ2hlY2tdPVwiIWlzU2VsZWN0YWJsZVwiXG4gIFt0eXBlXT1cInR5cGVDaGVja1wiXG4gIFtpbWFnZUJvcmRlclJhZGl1c109XCJpbWFnZUJvcmRlclJhZGl1c1wiXG4gIChvbkNsaWNrKT1cImhhbmRsZUNsaWNrKClcIlxuICBbd2lkdGhdPVwiIXR5cGVDb3VudGVyID8gJycgOiAnMjQwcHgnXCJcbj5cbiAgPGRpdiBjbGFzcz1cInRrLWtpb3NrLWN1c3RvbWVfX2NvbnRlbnRcIj5cbiAgICBAaWYgKHByaWNlKSB7XG5cbiAgICA8dGsta2lvc2stdHlwb2dyYXBoeVxuICAgICAgc3R5bGU9XCJ0ZXh0LWFsaWduOiBjZW50ZXJcIlxuICAgICAgdHlwZT1cImg2LWhlYWRpbmdcIlxuICAgICAgd2VpZ2h0PVwiNjAwXCJcbiAgICA+XG4gICAgICB7eyBwcmljZSB8IGN1c3RvbUN1cnJlbmN5IH19XG4gICAgPC90ay1raW9zay10eXBvZ3JhcGh5PlxuICAgIH0gQGlmICh0eXBlQ291bnRlciA9PT0gJ2FkZCcpIHtcbiAgICA8dGsta2lvc2staWNvbi1idG5cbiAgICAgIFtzaXplXT1cIidzbWFsbCdcIlxuICAgICAgY29sb3I9XCJwcmltYXJ5XCJcbiAgICAgIChidG5DbGljayk9XCJvbkNoYW5nZUNvdW50ZXIoMSlcIlxuICAgID48L3RrLWtpb3NrLWljb24tYnRuPlxuICAgIH0gQGlmICh0eXBlQ291bnRlciA9PT0gJ21pbnVzJykge1xuICAgIDx0ay1raW9zay1pY29uLWJ0blxuICAgICAgW3NpemVdPVwiJ3NtYWxsJ1wiXG4gICAgICBpY29uPVwidGsta2lvc2s6bWludXNcIlxuICAgICAgY29sb3I9XCJwcmltYXJ5XCJcbiAgICAgIChidG5DbGljayk9XCJvbkNoYW5nZUNvdW50ZXIoLTEpXCJcbiAgICA+PC90ay1raW9zay1pY29uLWJ0bj5cbiAgICB9IEBpZiAodHlwZUNvdW50ZXIgPT09ICdjb3VudGVyJykge1xuICAgIDx0ay1raW9zay1idG4tY291bnRcbiAgICAgIFtjb3VudF09XCJxdWFudGl0eVwiXG4gICAgICBbc3Ryb2tlZF09XCJmYWxzZVwiXG4gICAgICBbdG90YWxNYXhdPVwidG90YWxNYXhcIlxuICAgICAgW3RvdGFsTWluXT1cInRvdGFsTWluXCJcbiAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICBjb2xvcj1cInByaW1hcnlcIlxuICAgICAgKG9uQWRkKT1cIm9uQ2hhbmdlQ291bnRlcigxKVwiXG4gICAgICAob25SZW1vdmUpPVwib25DaGFuZ2VDb3VudGVyKC0xKVwiXG4gICAgPjwvdGsta2lvc2stYnRuLWNvdW50PlxuICAgIH1cbiAgPC9kaXY+XG48L3RrLWtpb3NrLWNoZWNrLWNhcmQ+XG4iXX0=
|
|
@@ -9,17 +9,26 @@ export class TkKioskStepperContainerComponent {
|
|
|
9
9
|
this.complete = false;
|
|
10
10
|
this.disabled = false;
|
|
11
11
|
/**
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
12
|
+
* This event is when a press "Quiero otro igual" btn
|
|
13
|
+
* @eventProperty <Boolean>
|
|
14
|
+
*/
|
|
15
15
|
this.cloneHandler = new EventEmitter();
|
|
16
|
+
this.titleClick = new EventEmitter();
|
|
17
|
+
}
|
|
18
|
+
cloneEmitter() {
|
|
19
|
+
this.cloneHandler.emit(true);
|
|
20
|
+
}
|
|
21
|
+
handleTitleClick() {
|
|
22
|
+
if (!this.disabled) {
|
|
23
|
+
this.titleClick.emit();
|
|
24
|
+
}
|
|
16
25
|
}
|
|
17
26
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskStepperContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18
|
-
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" }, ngImport: i0, template: "<section class=\"container\">\n <
|
|
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"] }] }); }
|
|
19
28
|
}
|
|
20
29
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskStepperContainerComponent, decorators: [{
|
|
21
30
|
type: Component,
|
|
22
|
-
args: [{ selector: 'tk-kiosk-stepper-container', standalone: true, imports: [NgClass, TkKioskBtnComponent, TkKioskTypographyComponent], template: "<section class=\"container\">\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 (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"] }]
|
|
23
32
|
}], propDecorators: { title: [{
|
|
24
33
|
type: Input
|
|
25
34
|
}], complete: [{
|
|
@@ -28,5 +37,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
|
|
|
28
37
|
type: Input
|
|
29
38
|
}], cloneHandler: [{
|
|
30
39
|
type: Output
|
|
40
|
+
}], titleClick: [{
|
|
41
|
+
type: Output
|
|
31
42
|
}] } });
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGsta2lvc2stc3RlcHBlci1jb250YWluZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGsta2lvc2stZHMvc3JjL2xpYi9jb21wb25lbnRzL3RrLWtpb3NrLXN0ZXBwZXIvdGsta2lvc2stc3RlcHBlci1jb250YWluZXIvdGsta2lvc2stc3RlcHBlci1jb250YWluZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGsta2lvc2stZHMvc3JjL2xpYi9jb21wb25lbnRzL3RrLWtpb3NrLXN0ZXBwZXIvdGsta2lvc2stc3RlcHBlci1jb250YWluZXIvdGsta2lvc2stc3RlcHBlci1jb250YWluZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUN2RSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDMUMsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7O0FBU3pELE1BQU0sT0FBTyxnQ0FBZ0M7SUFQN0M7UUFRVyxVQUFLLEdBQUcsRUFBRSxDQUFDO1FBQ1gsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBRTFCOzs7V0FHRztRQUNPLGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztRQUMzQyxlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztLQVdqRDtJQVRDLFlBQVk7UUFDVixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUMvQixDQUFDO0lBRUQsZ0JBQWdCO1FBQ2QsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDbEIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztTQUN4QjtJQUNILENBQUM7OEdBcEJVLGdDQUFnQztrR0FBaEMsZ0NBQWdDLG1PQ1o3QyxrZ0NBMkNBLHltQkRuQ1ksT0FBTyxvRkFBRSxtQkFBbUIsNk1BQUUsMEJBQTBCOzsyRkFJdkQsZ0NBQWdDO2tCQVA1QyxTQUFTOytCQUNFLDRCQUE0QixjQUMxQixJQUFJLFdBQ1AsQ0FBQyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsMEJBQTBCLENBQUM7OEJBSzFELEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBTUksWUFBWTtzQkFBckIsTUFBTTtnQkFDRyxVQUFVO3NCQUFuQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRrS2lvc2tUeXBvZ3JhcGh5Q29tcG9uZW50IH0gZnJvbSAnLi4vLi4vdGsta2lvc2stdHlwb2dyYXBoeSc7XG5pbXBvcnQgeyBOZ0NsYXNzIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFRrS2lvc2tCdG5Db21wb25lbnQgfSBmcm9tICcuLi8uLi90ay1raW9zay1idG4nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd0ay1raW9zay1zdGVwcGVyLWNvbnRhaW5lcicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtOZ0NsYXNzLCBUa0tpb3NrQnRuQ29tcG9uZW50LCBUa0tpb3NrVHlwb2dyYXBoeUNvbXBvbmVudF0sXG4gIHRlbXBsYXRlVXJsOiAnLi90ay1raW9zay1zdGVwcGVyLWNvbnRhaW5lci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi90ay1raW9zay1zdGVwcGVyLWNvbnRhaW5lci5jb21wb25lbnQuc2NzcycsXG59KVxuZXhwb3J0IGNsYXNzIFRrS2lvc2tTdGVwcGVyQ29udGFpbmVyQ29tcG9uZW50IHtcbiAgQElucHV0KCkgdGl0bGUgPSAnJztcbiAgQElucHV0KCkgY29tcGxldGUgPSBmYWxzZTtcbiAgQElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcblxuICAvKipcbiAgICogVGhpcyBldmVudCBpcyB3aGVuIGEgcHJlc3MgXCJRdWllcm8gb3RybyBpZ3VhbFwiIGJ0blxuICAgKiBAZXZlbnRQcm9wZXJ0eSA8Qm9vbGVhbj5cbiAgICovXG4gIEBPdXRwdXQoKSBjbG9uZUhhbmRsZXIgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG4gIEBPdXRwdXQoKSB0aXRsZUNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIGNsb25lRW1pdHRlcigpIHtcbiAgICB0aGlzLmNsb25lSGFuZGxlci5lbWl0KHRydWUpO1xuICB9XG5cbiAgaGFuZGxlVGl0bGVDbGljaygpIHtcbiAgICBpZiAoIXRoaXMuZGlzYWJsZWQpIHtcbiAgICAgIHRoaXMudGl0bGVDbGljay5lbWl0KCk7XG4gICAgfVxuICB9XG59XG4iLCI8c2VjdGlvbiBjbGFzcz1cImNvbnRhaW5lclwiPlxuICA8YnV0dG9uXG4gICAgY2xhc3M9XCJ0aXRsZVwiXG4gICAgW25nQ2xhc3NdPVwieyAndGl0bGUtLWNvbXBsZXRlJzogY29tcGxldGUsICd0aXRsZS0tZGlzYWJsZWQnOiBkaXNhYmxlZCB9XCJcbiAgICAob25jbGljayk9XCJoYW5kbGVUaXRsZUNsaWNrKClcIlxuICA+XG4gICAgPHRrLWtpb3NrLXR5cG9ncmFwaHlcbiAgICAgIHR5cGU9XCJoNi1oZWFkaW5nXCJcbiAgICAgIHNpemU9XCIyMnB4XCJcbiAgICAgIHdlaWdodD1cIjYwMFwiXG4gICAgICBbY29sb3JdPVwiZGlzYWJsZWQgPyAndGstY29sb3ItbmV1dHJhbC02MDAnIDogJ3RrLWNvbG9yLXdoaXRlLTkwMCdcIlxuICAgID5cbiAgICAgIHt7IHRpdGxlIH19XG4gICAgPC90ay1raW9zay10eXBvZ3JhcGh5PlxuICA8L2J1dHRvbj5cblxuICA8c2VjdGlvbiBjbGFzcz1cImNvbnRlbnRcIj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDwvc2VjdGlvbj5cblxuICBAaWYgKGNvbXBsZXRlKSB7XG4gIDxzZWN0aW9uIGNsYXNzPVwiYWN0aW9uc1wiPlxuICAgIDx0ay1raW9zay1idG5cbiAgICAgIChvbkNsaWNrKT1cImNsb25lRW1pdHRlcigpXCJcbiAgICAgIHRleHRTaXplPVwiYm9keTJcIlxuICAgICAgW3N0cm9rZWRdPVwidHJ1ZVwiXG4gICAgICB2YXJpYW50PVwic2Vjb25kYXJ5XCJcbiAgICAgIFtyb3VuZGVkXT1cInRydWVcIlxuICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICA+XG4gICAgICA8dGsta2lvc2stdHlwb2dyYXBoeVxuICAgICAgICB0eXBlPVwiaDYtaGVhZGluZ1wiXG4gICAgICAgIHNpemU9XCIxNHB4XCJcbiAgICAgICAgd2VpZ2h0PVwiNjAwXCJcbiAgICAgICAgW2NvbG9yXT1cIid0ay1jb2xvci1zZWNvbmRhcnktOTAwJ1wiXG4gICAgICA+XG4gICAgICAgIMKhUXVpZXJvIG90cm8gaWd1YWwhXG4gICAgICA8L3RrLWtpb3NrLXR5cG9ncmFwaHk+XG4gICAgPC90ay1raW9zay1idG4+XG4gIDwvc2VjdGlvbj5cblxuICB9XG48L3NlY3Rpb24+XG4iXX0=
|
|
@@ -2883,17 +2883,26 @@ class TkKioskStepperContainerComponent {
|
|
|
2883
2883
|
this.complete = false;
|
|
2884
2884
|
this.disabled = false;
|
|
2885
2885
|
/**
|
|
2886
|
-
|
|
2887
|
-
|
|
2888
|
-
|
|
2886
|
+
* This event is when a press "Quiero otro igual" btn
|
|
2887
|
+
* @eventProperty <Boolean>
|
|
2888
|
+
*/
|
|
2889
2889
|
this.cloneHandler = new EventEmitter();
|
|
2890
|
+
this.titleClick = new EventEmitter();
|
|
2891
|
+
}
|
|
2892
|
+
cloneEmitter() {
|
|
2893
|
+
this.cloneHandler.emit(true);
|
|
2894
|
+
}
|
|
2895
|
+
handleTitleClick() {
|
|
2896
|
+
if (!this.disabled) {
|
|
2897
|
+
this.titleClick.emit();
|
|
2898
|
+
}
|
|
2890
2899
|
}
|
|
2891
2900
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskStepperContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2892
|
-
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" }, ngImport: i0, template: "<section class=\"container\">\n <
|
|
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"] }] }); }
|
|
2893
2902
|
}
|
|
2894
2903
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskStepperContainerComponent, decorators: [{
|
|
2895
2904
|
type: Component,
|
|
2896
|
-
args: [{ selector: 'tk-kiosk-stepper-container', standalone: true, imports: [NgClass, TkKioskBtnComponent, TkKioskTypographyComponent], template: "<section class=\"container\">\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 (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"] }]
|
|
2897
2906
|
}], propDecorators: { title: [{
|
|
2898
2907
|
type: Input
|
|
2899
2908
|
}], complete: [{
|
|
@@ -2902,6 +2911,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
|
|
|
2902
2911
|
type: Input
|
|
2903
2912
|
}], cloneHandler: [{
|
|
2904
2913
|
type: Output
|
|
2914
|
+
}], titleClick: [{
|
|
2915
|
+
type: Output
|
|
2905
2916
|
}] } });
|
|
2906
2917
|
|
|
2907
2918
|
class TkKioskStepperLayoutComponent {
|
|
@@ -3030,12 +3041,11 @@ class TkKioskCustomeComponent {
|
|
|
3030
3041
|
handleClick() {
|
|
3031
3042
|
if (this.isSelectable && !this.isDisabled) {
|
|
3032
3043
|
this.selected = !this.selected;
|
|
3033
|
-
console.log('Card clicked:', this.selected);
|
|
3034
3044
|
this.onClick.emit();
|
|
3035
3045
|
}
|
|
3036
3046
|
}
|
|
3037
3047
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskCustomeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3038
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: TkKioskCustomeComponent, isStandalone: true, selector: "tk-kiosk-custome", inputs: { title: "title", image: "image", price: "price", selected: "selected", typeCounter: "typeCounter", quantity: "quantity", totalMax: "totalMax", totalMin: "totalMin", isSelectable: "isSelectable", isDisabled: "isDisabled", typeCheck: "typeCheck", imageBorderRadius: "imageBorderRadius" }, outputs: { onChange: "onChange", onClick: "onClick" }, ngImport: i0, template: "<tk-kiosk-check-card\n [option]=\"{\n image: image,\n name: title,\n checked: selected\n }\"\n [isDisabled]=\"isDisabled\"\n [hideCheck]=\"!isSelectable\"\n [type]=\"typeCheck\"\n [imageBorderRadius]=\"imageBorderRadius\"\n (onClick)=\"handleClick()\"\n [width]=\"!typeCounter ? '' : '240px'\"\n>\n <div class=\"tk-kiosk-custome__content\">\n <tk-kiosk-typography\n style=\"text-align: center\"\n type=\"h6-heading\"\n weight=\"600\"\n >\n {{ price | customCurrency }}\n </tk-kiosk-typography>\n
|
|
3048
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: TkKioskCustomeComponent, isStandalone: true, selector: "tk-kiosk-custome", inputs: { title: "title", image: "image", price: "price", selected: "selected", typeCounter: "typeCounter", quantity: "quantity", totalMax: "totalMax", totalMin: "totalMin", isSelectable: "isSelectable", isDisabled: "isDisabled", typeCheck: "typeCheck", imageBorderRadius: "imageBorderRadius" }, outputs: { onChange: "onChange", onClick: "onClick" }, ngImport: i0, template: "<tk-kiosk-check-card\n [option]=\"{\n image: image,\n name: title,\n checked: selected\n }\"\n [isDisabled]=\"isDisabled\"\n [hideCheck]=\"!isSelectable\"\n [type]=\"typeCheck\"\n [imageBorderRadius]=\"imageBorderRadius\"\n (onClick)=\"handleClick()\"\n [width]=\"!typeCounter ? '' : '240px'\"\n>\n <div class=\"tk-kiosk-custome__content\">\n @if (price) {\n\n <tk-kiosk-typography\n style=\"text-align: center\"\n type=\"h6-heading\"\n weight=\"600\"\n >\n {{ price | customCurrency }}\n </tk-kiosk-typography>\n } @if (typeCounter === 'add') {\n <tk-kiosk-icon-btn\n [size]=\"'small'\"\n color=\"primary\"\n (btnClick)=\"onChangeCounter(1)\"\n ></tk-kiosk-icon-btn>\n } @if (typeCounter === 'minus') {\n <tk-kiosk-icon-btn\n [size]=\"'small'\"\n icon=\"tk-kiosk:minus\"\n color=\"primary\"\n (btnClick)=\"onChangeCounter(-1)\"\n ></tk-kiosk-icon-btn>\n } @if (typeCounter === 'counter') {\n <tk-kiosk-btn-count\n [count]=\"quantity\"\n [stroked]=\"false\"\n [totalMax]=\"totalMax\"\n [totalMin]=\"totalMin\"\n size=\"small\"\n color=\"primary\"\n (onAdd)=\"onChangeCounter(1)\"\n (onRemove)=\"onChangeCounter(-1)\"\n ></tk-kiosk-btn-count>\n }\n </div>\n</tk-kiosk-check-card>\n", styles: [".tk-kiosk-custome__content{display:flex;flex-direction:column;gap:12px}\n"], dependencies: [{ 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"] }, { kind: "component", type: TkKioskBtnCountComponent, selector: "tk-kiosk-btn-count", inputs: ["count", "totalMax", "totalMin", "measure", "type", "rounded", "color", "size", "stroked"], outputs: ["onAdd", "onRemove"] }, { kind: "component", type: TkKioskCheckCardComponent, selector: "tk-kiosk-check-card", inputs: ["width", "minHeight", "isDisabled", "hideCheck", "imageBorderRadius", "option", "type"], outputs: ["onClick"] }, { kind: "pipe", type: CustomCurrencyPipe, name: "customCurrency" }] }); }
|
|
3039
3049
|
}
|
|
3040
3050
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskCustomeComponent, decorators: [{
|
|
3041
3051
|
type: Component,
|
|
@@ -3045,7 +3055,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
|
|
|
3045
3055
|
TkKioskBtnCountComponent,
|
|
3046
3056
|
TkKioskCheckCardComponent,
|
|
3047
3057
|
CustomCurrencyPipe,
|
|
3048
|
-
], template: "<tk-kiosk-check-card\n [option]=\"{\n image: image,\n name: title,\n checked: selected\n }\"\n [isDisabled]=\"isDisabled\"\n [hideCheck]=\"!isSelectable\"\n [type]=\"typeCheck\"\n [imageBorderRadius]=\"imageBorderRadius\"\n (onClick)=\"handleClick()\"\n [width]=\"!typeCounter ? '' : '240px'\"\n>\n <div class=\"tk-kiosk-custome__content\">\n <tk-kiosk-typography\n style=\"text-align: center\"\n type=\"h6-heading\"\n weight=\"600\"\n >\n {{ price | customCurrency }}\n </tk-kiosk-typography>\n
|
|
3058
|
+
], template: "<tk-kiosk-check-card\n [option]=\"{\n image: image,\n name: title,\n checked: selected\n }\"\n [isDisabled]=\"isDisabled\"\n [hideCheck]=\"!isSelectable\"\n [type]=\"typeCheck\"\n [imageBorderRadius]=\"imageBorderRadius\"\n (onClick)=\"handleClick()\"\n [width]=\"!typeCounter ? '' : '240px'\"\n>\n <div class=\"tk-kiosk-custome__content\">\n @if (price) {\n\n <tk-kiosk-typography\n style=\"text-align: center\"\n type=\"h6-heading\"\n weight=\"600\"\n >\n {{ price | customCurrency }}\n </tk-kiosk-typography>\n } @if (typeCounter === 'add') {\n <tk-kiosk-icon-btn\n [size]=\"'small'\"\n color=\"primary\"\n (btnClick)=\"onChangeCounter(1)\"\n ></tk-kiosk-icon-btn>\n } @if (typeCounter === 'minus') {\n <tk-kiosk-icon-btn\n [size]=\"'small'\"\n icon=\"tk-kiosk:minus\"\n color=\"primary\"\n (btnClick)=\"onChangeCounter(-1)\"\n ></tk-kiosk-icon-btn>\n } @if (typeCounter === 'counter') {\n <tk-kiosk-btn-count\n [count]=\"quantity\"\n [stroked]=\"false\"\n [totalMax]=\"totalMax\"\n [totalMin]=\"totalMin\"\n size=\"small\"\n color=\"primary\"\n (onAdd)=\"onChangeCounter(1)\"\n (onRemove)=\"onChangeCounter(-1)\"\n ></tk-kiosk-btn-count>\n }\n </div>\n</tk-kiosk-check-card>\n", styles: [".tk-kiosk-custome__content{display:flex;flex-direction:column;gap:12px}\n"] }]
|
|
3049
3059
|
}], propDecorators: { title: [{
|
|
3050
3060
|
type: Input
|
|
3051
3061
|
}], image: [{
|