@tekus/kiosks-design-system 2.26.0 → 2.27.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 +13 -3
- package/fesm2022/tekus-kiosks-design-system.mjs +12 -2
- package/fesm2022/tekus-kiosks-design-system.mjs.map +1 -1
- package/lib/components/tk-kiosk-custome/tk-kiosk-custome.component.d.ts +3 -1
- package/package.json +1 -1
|
@@ -27,13 +27,21 @@ export class TkKioskCustomeComponent {
|
|
|
27
27
|
this.imageBorderRadius = 'circle';
|
|
28
28
|
// Output event emitter for counter changes
|
|
29
29
|
this.onChange = new EventEmitter();
|
|
30
|
+
this.onClick = new EventEmitter();
|
|
30
31
|
}
|
|
31
32
|
// Emit changes for counter actions
|
|
32
33
|
onChangeCounter(value) {
|
|
33
34
|
this.onChange.emit(value);
|
|
34
35
|
}
|
|
36
|
+
handleClick() {
|
|
37
|
+
if (this.isSelectable && !this.isDisabled) {
|
|
38
|
+
this.selected = !this.selected;
|
|
39
|
+
console.log('Card clicked:', this.selected);
|
|
40
|
+
this.onClick.emit();
|
|
41
|
+
}
|
|
42
|
+
}
|
|
35
43
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskCustomeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
36
|
-
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" }, 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)=\"
|
|
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\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" }] }); }
|
|
37
45
|
}
|
|
38
46
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskCustomeComponent, decorators: [{
|
|
39
47
|
type: Component,
|
|
@@ -43,7 +51,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
|
|
|
43
51
|
TkKioskBtnCountComponent,
|
|
44
52
|
TkKioskCheckCardComponent,
|
|
45
53
|
CustomCurrencyPipe,
|
|
46
|
-
], 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)=\"
|
|
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\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"] }]
|
|
47
55
|
}], propDecorators: { title: [{
|
|
48
56
|
type: Input
|
|
49
57
|
}], image: [{
|
|
@@ -70,5 +78,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
|
|
|
70
78
|
type: Input
|
|
71
79
|
}], onChange: [{
|
|
72
80
|
type: Output
|
|
81
|
+
}], onClick: [{
|
|
82
|
+
type: Output
|
|
73
83
|
}] } });
|
|
74
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
84
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGsta2lvc2stY3VzdG9tZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90ay1raW9zay1kcy9zcmMvbGliL2NvbXBvbmVudHMvdGsta2lvc2stY3VzdG9tZS90ay1raW9zay1jdXN0b21lLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RrLWtpb3NrLWRzL3NyYy9saWIvY29tcG9uZW50cy90ay1raW9zay1jdXN0b21lL3RrLWtpb3NrLWN1c3RvbWUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUNwRSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUMvRCxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUNqRSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUN0RSxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxzREFBc0QsQ0FBQzs7QUFlakcsTUFBTSxPQUFPLHVCQUF1QjtJQWJwQztRQWNFLDhCQUE4QjtRQUNyQixVQUFLLEdBQUcsRUFBRSxDQUFDO1FBQ1gsVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUNYLFVBQUssR0FBRyxDQUFDLENBQUM7UUFDVixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBRTFCLG1DQUFtQztRQUMxQixnQkFBVyxHQUFxQyxFQUFFLENBQUM7UUFDbkQsYUFBUSxHQUFHLENBQUMsQ0FBQztRQUNiLGFBQVEsR0FBRyxDQUFDLENBQUM7UUFDYixhQUFRLEdBQUcsQ0FBQyxDQUFDO1FBRXRCLCtCQUErQjtRQUN0QixpQkFBWSxHQUFHLElBQUksQ0FBQztRQUU3Qix3Q0FBd0M7UUFDL0IsZUFBVSxHQUFHLEtBQUssQ0FBQztRQUU1QixnQ0FBZ0M7UUFDdkIsY0FBUyxHQUEwQixRQUFRLENBQUM7UUFFckQsb0NBQW9DO1FBQzNCLHNCQUFpQixHQUFzQixRQUFRLENBQUM7UUFFekQsMkNBQTJDO1FBQ2pDLGFBQVEsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBQ3RDLFlBQU8sR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0tBYzlDO0lBWkMsbUNBQW1DO0lBQ25DLGVBQWUsQ0FBQyxLQUFhO1FBQzNCLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzVCLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxJQUFJLENBQUMsWUFBWSxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsRUFBRTtZQUN6QyxJQUFJLENBQUMsUUFBUSxHQUFHLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQztZQUMvQixPQUFPLENBQUMsR0FBRyxDQUFDLGVBQWUsRUFBRSxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7WUFDNUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQztTQUNyQjtJQUNILENBQUM7OEdBeENVLHVCQUF1QjtrR0FBdkIsdUJBQXVCLDJhQ3BCcEMscXlDQWlEQSxtSUR0Q0ksMEJBQTBCLDBIQUMxQix1QkFBdUIsb0tBQ3ZCLHdCQUF3QixvTUFDeEIseUJBQXlCLG1MQUN6QixrQkFBa0I7OzJGQUtULHVCQUF1QjtrQkFibkMsU0FBUzsrQkFDRSxrQkFBa0IsY0FDaEIsSUFBSSxXQUNQO3dCQUNQLDBCQUEwQjt3QkFDMUIsdUJBQXVCO3dCQUN2Qix3QkFBd0I7d0JBQ3hCLHlCQUF5Qjt3QkFDekIsa0JBQWtCO3FCQUNuQjs4QkFNUSxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUdHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBR0csWUFBWTtzQkFBcEIsS0FBSztnQkFHRyxVQUFVO3NCQUFsQixLQUFLO2dCQUdHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBR0csaUJBQWlCO3NCQUF6QixLQUFLO2dCQUdJLFFBQVE7c0JBQWpCLE1BQU07Z0JBQ0csT0FBTztzQkFBaEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBUa0tpb3NrVHlwb2dyYXBoeUNvbXBvbmVudCB9IGZyb20gJy4uL3RrLWtpb3NrLXR5cG9ncmFwaHknO1xuaW1wb3J0IHsgVGtLaW9za0ljb25CdG5Db21wb25lbnQgfSBmcm9tICcuLi90ay1raW9zay1pY29uLWJ0bic7XG5pbXBvcnQgeyBUa0tpb3NrQnRuQ291bnRDb21wb25lbnQgfSBmcm9tICcuLi90ay1raW9zay1idG4tY291bnQnO1xuaW1wb3J0IHsgQ3VzdG9tQ3VycmVuY3lQaXBlIH0gZnJvbSAnLi4vLi4vcGlwZXMvY3VzdG9tLWN1cnJlbmN5LnBpcGUnO1xuaW1wb3J0IHsgVGtLaW9za0NoZWNrQ2FyZENvbXBvbmVudCB9IGZyb20gJy4uL3RrLWtpb3NrLWNoZWNrLWNhcmQvdGsta2lvc2stY2hlY2stY2FyZC5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd0ay1raW9zay1jdXN0b21lJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIFRrS2lvc2tUeXBvZ3JhcGh5Q29tcG9uZW50LFxuICAgIFRrS2lvc2tJY29uQnRuQ29tcG9uZW50LFxuICAgIFRrS2lvc2tCdG5Db3VudENvbXBvbmVudCxcbiAgICBUa0tpb3NrQ2hlY2tDYXJkQ29tcG9uZW50LFxuICAgIEN1c3RvbUN1cnJlbmN5UGlwZSxcbiAgXSxcbiAgdGVtcGxhdGVVcmw6ICcuL3RrLWtpb3NrLWN1c3RvbWUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vdGsta2lvc2stY3VzdG9tZS5jb21wb25lbnQuc2NzcycsXG59KVxuZXhwb3J0IGNsYXNzIFRrS2lvc2tDdXN0b21lQ29tcG9uZW50IHtcbiAgLy8gSW5wdXRzIGZvciBiYXNpYyBwcm9wZXJ0aWVzXG4gIEBJbnB1dCgpIHRpdGxlID0gJyc7XG4gIEBJbnB1dCgpIGltYWdlID0gJyc7XG4gIEBJbnB1dCgpIHByaWNlID0gMDtcbiAgQElucHV0KCkgc2VsZWN0ZWQgPSBmYWxzZTtcblxuICAvLyBJbnB1dHMgZm9yIGNvdW50ZXIgZnVuY3Rpb25hbGl0eVxuICBASW5wdXQoKSB0eXBlQ291bnRlcjogJ2FkZCcgfCAnbWludXMnIHwgJ2NvdW50ZXInIHwgJycgPSAnJztcbiAgQElucHV0KCkgcXVhbnRpdHkgPSAwO1xuICBASW5wdXQoKSB0b3RhbE1heCA9IDA7XG4gIEBJbnB1dCgpIHRvdGFsTWluID0gMDtcblxuICAvLyBJbnB1dCBmb3Igc2VsZWN0aW9uIGJlaGF2aW9yXG4gIEBJbnB1dCgpIGlzU2VsZWN0YWJsZSA9IHRydWU7XG5cbiAgLy8gTmV3IGlucHV0IGZvciBkaXNhYmxpbmcgdGhlIGNvbXBvbmVudFxuICBASW5wdXQoKSBpc0Rpc2FibGVkID0gZmFsc2U7XG5cbiAgLy8gTmV3IGlucHV0IGZvciBjaGVjayBjYXJkIHR5cGVcbiAgQElucHV0KCkgdHlwZUNoZWNrOiAnc2ltcGxlJyB8ICdtdWx0aXBsZScgPSAnc2ltcGxlJztcblxuICAvLyBOZXcgaW5wdXQgZm9yIGltYWdlIGJvcmRlciByYWRpdXNcbiAgQElucHV0KCkgaW1hZ2VCb3JkZXJSYWRpdXM6ICdjaXJjbGUnIHwgJ25vbmUnID0gJ2NpcmNsZSc7XG5cbiAgLy8gT3V0cHV0IGV2ZW50IGVtaXR0ZXIgZm9yIGNvdW50ZXIgY2hhbmdlc1xuICBAT3V0cHV0KCkgb25DaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPG51bWJlcj4oKTtcbiAgQE91dHB1dCgpIG9uQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgLy8gRW1pdCBjaGFuZ2VzIGZvciBjb3VudGVyIGFjdGlvbnNcbiAgb25DaGFuZ2VDb3VudGVyKHZhbHVlOiBudW1iZXIpOiB2b2lkIHtcbiAgICB0aGlzLm9uQ2hhbmdlLmVtaXQodmFsdWUpO1xuICB9XG5cbiAgaGFuZGxlQ2xpY2soKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuaXNTZWxlY3RhYmxlICYmICF0aGlzLmlzRGlzYWJsZWQpIHtcbiAgICAgIHRoaXMuc2VsZWN0ZWQgPSAhdGhpcy5zZWxlY3RlZDtcbiAgICAgIGNvbnNvbGUubG9nKCdDYXJkIGNsaWNrZWQ6JywgdGhpcy5zZWxlY3RlZCk7XG4gICAgICB0aGlzLm9uQ2xpY2suZW1pdCgpO1xuICAgIH1cbiAgfVxufVxuIiwiPHRrLWtpb3NrLWNoZWNrLWNhcmRcbiAgW29wdGlvbl09XCJ7XG4gICAgaW1hZ2U6IGltYWdlLFxuICAgIG5hbWU6IHRpdGxlLFxuICAgIGNoZWNrZWQ6IHNlbGVjdGVkXG4gIH1cIlxuICBbaXNEaXNhYmxlZF09XCJpc0Rpc2FibGVkXCJcbiAgW2hpZGVDaGVja109XCIhaXNTZWxlY3RhYmxlXCJcbiAgW3R5cGVdPVwidHlwZUNoZWNrXCJcbiAgW2ltYWdlQm9yZGVyUmFkaXVzXT1cImltYWdlQm9yZGVyUmFkaXVzXCJcbiAgKG9uQ2xpY2spPVwiaGFuZGxlQ2xpY2soKVwiXG4gIFt3aWR0aF09XCIhdHlwZUNvdW50ZXIgPyAnJyA6ICcyNDBweCdcIlxuPlxuICA8ZGl2IGNsYXNzPVwidGsta2lvc2stY3VzdG9tZV9fY29udGVudFwiPlxuICAgIDx0ay1raW9zay10eXBvZ3JhcGh5XG4gICAgICBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlclwiXG4gICAgICB0eXBlPVwiaDYtaGVhZGluZ1wiXG4gICAgICB3ZWlnaHQ9XCI2MDBcIlxuICAgID5cbiAgICAgIHt7IHByaWNlIHwgY3VzdG9tQ3VycmVuY3kgfX1cbiAgICA8L3RrLWtpb3NrLXR5cG9ncmFwaHk+XG5cbiAgICBAaWYgKHR5cGVDb3VudGVyID09PSAnYWRkJykge1xuICAgIDx0ay1raW9zay1pY29uLWJ0blxuICAgICAgW3NpemVdPVwiJ3NtYWxsJ1wiXG4gICAgICBjb2xvcj1cInByaW1hcnlcIlxuICAgICAgKGJ0bkNsaWNrKT1cIm9uQ2hhbmdlQ291bnRlcigxKVwiXG4gICAgPjwvdGsta2lvc2staWNvbi1idG4+XG4gICAgfSBAaWYgKHR5cGVDb3VudGVyID09PSAnbWludXMnKSB7XG4gICAgPHRrLWtpb3NrLWljb24tYnRuXG4gICAgICBbc2l6ZV09XCInc21hbGwnXCJcbiAgICAgIGljb249XCJ0ay1raW9zazptaW51c1wiXG4gICAgICBjb2xvcj1cInByaW1hcnlcIlxuICAgICAgKGJ0bkNsaWNrKT1cIm9uQ2hhbmdlQ291bnRlcigtMSlcIlxuICAgID48L3RrLWtpb3NrLWljb24tYnRuPlxuICAgIH0gQGlmICh0eXBlQ291bnRlciA9PT0gJ2NvdW50ZXInKSB7XG4gICAgPHRrLWtpb3NrLWJ0bi1jb3VudFxuICAgICAgW2NvdW50XT1cInF1YW50aXR5XCJcbiAgICAgIFtzdHJva2VkXT1cImZhbHNlXCJcbiAgICAgIFt0b3RhbE1heF09XCJ0b3RhbE1heFwiXG4gICAgICBbdG90YWxNaW5dPVwidG90YWxNaW5cIlxuICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgICAob25BZGQpPVwib25DaGFuZ2VDb3VudGVyKDEpXCJcbiAgICAgIChvblJlbW92ZSk9XCJvbkNoYW5nZUNvdW50ZXIoLTEpXCJcbiAgICA+PC90ay1raW9zay1idG4tY291bnQ+XG4gICAgfVxuICA8L2Rpdj5cbjwvdGsta2lvc2stY2hlY2stY2FyZD5cbiJdfQ==
|
|
@@ -3021,13 +3021,21 @@ class TkKioskCustomeComponent {
|
|
|
3021
3021
|
this.imageBorderRadius = 'circle';
|
|
3022
3022
|
// Output event emitter for counter changes
|
|
3023
3023
|
this.onChange = new EventEmitter();
|
|
3024
|
+
this.onClick = new EventEmitter();
|
|
3024
3025
|
}
|
|
3025
3026
|
// Emit changes for counter actions
|
|
3026
3027
|
onChangeCounter(value) {
|
|
3027
3028
|
this.onChange.emit(value);
|
|
3028
3029
|
}
|
|
3030
|
+
handleClick() {
|
|
3031
|
+
if (this.isSelectable && !this.isDisabled) {
|
|
3032
|
+
this.selected = !this.selected;
|
|
3033
|
+
console.log('Card clicked:', this.selected);
|
|
3034
|
+
this.onClick.emit();
|
|
3035
|
+
}
|
|
3036
|
+
}
|
|
3029
3037
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskCustomeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3030
|
-
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" }, 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)=\"
|
|
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\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" }] }); }
|
|
3031
3039
|
}
|
|
3032
3040
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskCustomeComponent, decorators: [{
|
|
3033
3041
|
type: Component,
|
|
@@ -3037,7 +3045,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
|
|
|
3037
3045
|
TkKioskBtnCountComponent,
|
|
3038
3046
|
TkKioskCheckCardComponent,
|
|
3039
3047
|
CustomCurrencyPipe,
|
|
3040
|
-
], 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)=\"
|
|
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\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"] }]
|
|
3041
3049
|
}], propDecorators: { title: [{
|
|
3042
3050
|
type: Input
|
|
3043
3051
|
}], image: [{
|
|
@@ -3064,6 +3072,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
|
|
|
3064
3072
|
type: Input
|
|
3065
3073
|
}], onChange: [{
|
|
3066
3074
|
type: Output
|
|
3075
|
+
}], onClick: [{
|
|
3076
|
+
type: Output
|
|
3067
3077
|
}] } });
|
|
3068
3078
|
|
|
3069
3079
|
class TkKioskTimePickerComponent {
|