@tekus/kiosks-design-system 2.26.0 → 2.28.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 +12 -3
- package/fesm2022/tekus-kiosks-design-system.mjs +11 -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,20 @@ 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
|
+
this.onClick.emit();
|
|
40
|
+
}
|
|
41
|
+
}
|
|
35
42
|
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)=\"
|
|
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" }] }); }
|
|
37
44
|
}
|
|
38
45
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskCustomeComponent, decorators: [{
|
|
39
46
|
type: Component,
|
|
@@ -43,7 +50,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
|
|
|
43
50
|
TkKioskBtnCountComponent,
|
|
44
51
|
TkKioskCheckCardComponent,
|
|
45
52
|
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)=\"
|
|
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"] }]
|
|
47
54
|
}], propDecorators: { title: [{
|
|
48
55
|
type: Input
|
|
49
56
|
}], image: [{
|
|
@@ -70,5 +77,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
|
|
|
70
77
|
type: Input
|
|
71
78
|
}], onChange: [{
|
|
72
79
|
type: Output
|
|
80
|
+
}], onClick: [{
|
|
81
|
+
type: Output
|
|
73
82
|
}] } });
|
|
74
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
83
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGsta2lvc2stY3VzdG9tZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90ay1raW9zay1kcy9zcmMvbGliL2NvbXBvbmVudHMvdGsta2lvc2stY3VzdG9tZS90ay1raW9zay1jdXN0b21lLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RrLWtpb3NrLWRzL3NyYy9saWIvY29tcG9uZW50cy90ay1raW9zay1jdXN0b21lL3RrLWtpb3NrLWN1c3RvbWUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUNwRSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUMvRCxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUNqRSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUN0RSxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxzREFBc0QsQ0FBQzs7QUFlakcsTUFBTSxPQUFPLHVCQUF1QjtJQWJwQztRQWNFLDhCQUE4QjtRQUNyQixVQUFLLEdBQUcsRUFBRSxDQUFDO1FBQ1gsVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUNYLFVBQUssR0FBRyxDQUFDLENBQUM7UUFDVixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBRTFCLG1DQUFtQztRQUMxQixnQkFBVyxHQUFxQyxFQUFFLENBQUM7UUFDbkQsYUFBUSxHQUFHLENBQUMsQ0FBQztRQUNiLGFBQVEsR0FBRyxDQUFDLENBQUM7UUFDYixhQUFRLEdBQUcsQ0FBQyxDQUFDO1FBRXRCLCtCQUErQjtRQUN0QixpQkFBWSxHQUFHLElBQUksQ0FBQztRQUU3Qix3Q0FBd0M7UUFDL0IsZUFBVSxHQUFHLEtBQUssQ0FBQztRQUU1QixnQ0FBZ0M7UUFDdkIsY0FBUyxHQUEwQixRQUFRLENBQUM7UUFFckQsb0NBQW9DO1FBQzNCLHNCQUFpQixHQUFzQixRQUFRLENBQUM7UUFFekQsMkNBQTJDO1FBQ2pDLGFBQVEsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBQ3RDLFlBQU8sR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0tBYTlDO0lBWEMsbUNBQW1DO0lBQ25DLGVBQWUsQ0FBQyxLQUFhO1FBQzNCLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzVCLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxJQUFJLENBQUMsWUFBWSxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsRUFBRTtZQUN6QyxJQUFJLENBQUMsUUFBUSxHQUFHLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQztZQUMvQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDO1NBQ3JCO0lBQ0gsQ0FBQzs4R0F2Q1UsdUJBQXVCO2tHQUF2Qix1QkFBdUIsMmFDcEJwQywwekNBa0RBLG1JRHZDSSwwQkFBMEIsMEhBQzFCLHVCQUF1QixvS0FDdkIsd0JBQXdCLG9NQUN4Qix5QkFBeUIsbUxBQ3pCLGtCQUFrQjs7MkZBS1QsdUJBQXVCO2tCQWJuQyxTQUFTOytCQUNFLGtCQUFrQixjQUNoQixJQUFJLFdBQ1A7d0JBQ1AsMEJBQTBCO3dCQUMxQix1QkFBdUI7d0JBQ3ZCLHdCQUF3Qjt3QkFDeEIseUJBQXlCO3dCQUN6QixrQkFBa0I7cUJBQ25COzhCQU1RLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBR0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFHRyxZQUFZO3NCQUFwQixLQUFLO2dCQUdHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBR0csU0FBUztzQkFBakIsS0FBSztnQkFHRyxpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBR0ksUUFBUTtzQkFBakIsTUFBTTtnQkFDRyxPQUFPO3NCQUFoQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRrS2lvc2tUeXBvZ3JhcGh5Q29tcG9uZW50IH0gZnJvbSAnLi4vdGsta2lvc2stdHlwb2dyYXBoeSc7XG5pbXBvcnQgeyBUa0tpb3NrSWNvbkJ0bkNvbXBvbmVudCB9IGZyb20gJy4uL3RrLWtpb3NrLWljb24tYnRuJztcbmltcG9ydCB7IFRrS2lvc2tCdG5Db3VudENvbXBvbmVudCB9IGZyb20gJy4uL3RrLWtpb3NrLWJ0bi1jb3VudCc7XG5pbXBvcnQgeyBDdXN0b21DdXJyZW5jeVBpcGUgfSBmcm9tICcuLi8uLi9waXBlcy9jdXN0b20tY3VycmVuY3kucGlwZSc7XG5pbXBvcnQgeyBUa0tpb3NrQ2hlY2tDYXJkQ29tcG9uZW50IH0gZnJvbSAnLi4vdGsta2lvc2stY2hlY2stY2FyZC90ay1raW9zay1jaGVjay1jYXJkLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3RrLWtpb3NrLWN1c3RvbWUnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgVGtLaW9za1R5cG9ncmFwaHlDb21wb25lbnQsXG4gICAgVGtLaW9za0ljb25CdG5Db21wb25lbnQsXG4gICAgVGtLaW9za0J0bkNvdW50Q29tcG9uZW50LFxuICAgIFRrS2lvc2tDaGVja0NhcmRDb21wb25lbnQsXG4gICAgQ3VzdG9tQ3VycmVuY3lQaXBlLFxuICBdLFxuICB0ZW1wbGF0ZVVybDogJy4vdGsta2lvc2stY3VzdG9tZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi90ay1raW9zay1jdXN0b21lLmNvbXBvbmVudC5zY3NzJyxcbn0pXG5leHBvcnQgY2xhc3MgVGtLaW9za0N1c3RvbWVDb21wb25lbnQge1xuICAvLyBJbnB1dHMgZm9yIGJhc2ljIHByb3BlcnRpZXNcbiAgQElucHV0KCkgdGl0bGUgPSAnJztcbiAgQElucHV0KCkgaW1hZ2UgPSAnJztcbiAgQElucHV0KCkgcHJpY2UgPSAwO1xuICBASW5wdXQoKSBzZWxlY3RlZCA9IGZhbHNlO1xuXG4gIC8vIElucHV0cyBmb3IgY291bnRlciBmdW5jdGlvbmFsaXR5XG4gIEBJbnB1dCgpIHR5cGVDb3VudGVyOiAnYWRkJyB8ICdtaW51cycgfCAnY291bnRlcicgfCAnJyA9ICcnO1xuICBASW5wdXQoKSBxdWFudGl0eSA9IDA7XG4gIEBJbnB1dCgpIHRvdGFsTWF4ID0gMDtcbiAgQElucHV0KCkgdG90YWxNaW4gPSAwO1xuXG4gIC8vIElucHV0IGZvciBzZWxlY3Rpb24gYmVoYXZpb3JcbiAgQElucHV0KCkgaXNTZWxlY3RhYmxlID0gdHJ1ZTtcblxuICAvLyBOZXcgaW5wdXQgZm9yIGRpc2FibGluZyB0aGUgY29tcG9uZW50XG4gIEBJbnB1dCgpIGlzRGlzYWJsZWQgPSBmYWxzZTtcblxuICAvLyBOZXcgaW5wdXQgZm9yIGNoZWNrIGNhcmQgdHlwZVxuICBASW5wdXQoKSB0eXBlQ2hlY2s6ICdzaW1wbGUnIHwgJ211bHRpcGxlJyA9ICdzaW1wbGUnO1xuXG4gIC8vIE5ldyBpbnB1dCBmb3IgaW1hZ2UgYm9yZGVyIHJhZGl1c1xuICBASW5wdXQoKSBpbWFnZUJvcmRlclJhZGl1czogJ2NpcmNsZScgfCAnbm9uZScgPSAnY2lyY2xlJztcblxuICAvLyBPdXRwdXQgZXZlbnQgZW1pdHRlciBmb3IgY291bnRlciBjaGFuZ2VzXG4gIEBPdXRwdXQoKSBvbkNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpO1xuICBAT3V0cHV0KCkgb25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICAvLyBFbWl0IGNoYW5nZXMgZm9yIGNvdW50ZXIgYWN0aW9uc1xuICBvbkNoYW5nZUNvdW50ZXIodmFsdWU6IG51bWJlcik6IHZvaWQge1xuICAgIHRoaXMub25DaGFuZ2UuZW1pdCh2YWx1ZSk7XG4gIH1cblxuICBoYW5kbGVDbGljaygpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5pc1NlbGVjdGFibGUgJiYgIXRoaXMuaXNEaXNhYmxlZCkge1xuICAgICAgdGhpcy5zZWxlY3RlZCA9ICF0aGlzLnNlbGVjdGVkO1xuICAgICAgdGhpcy5vbkNsaWNrLmVtaXQoKTtcbiAgICB9XG4gIH1cbn1cbiIsIjx0ay1raW9zay1jaGVjay1jYXJkXG4gIFtvcHRpb25dPVwie1xuICAgIGltYWdlOiBpbWFnZSxcbiAgICBuYW1lOiB0aXRsZSxcbiAgICBjaGVja2VkOiBzZWxlY3RlZFxuICB9XCJcbiAgW2lzRGlzYWJsZWRdPVwiaXNEaXNhYmxlZFwiXG4gIFtoaWRlQ2hlY2tdPVwiIWlzU2VsZWN0YWJsZVwiXG4gIFt0eXBlXT1cInR5cGVDaGVja1wiXG4gIFtpbWFnZUJvcmRlclJhZGl1c109XCJpbWFnZUJvcmRlclJhZGl1c1wiXG4gIChvbkNsaWNrKT1cImhhbmRsZUNsaWNrKClcIlxuICBbd2lkdGhdPVwiIXR5cGVDb3VudGVyID8gJycgOiAnMjQwcHgnXCJcbj5cbiAgPGRpdiBjbGFzcz1cInRrLWtpb3NrLWN1c3RvbWVfX2NvbnRlbnRcIj5cbiAgICBAaWYgKHByaWNlKSB7XG5cbiAgICA8dGsta2lvc2stdHlwb2dyYXBoeVxuICAgICAgc3R5bGU9XCJ0ZXh0LWFsaWduOiBjZW50ZXJcIlxuICAgICAgdHlwZT1cImg2LWhlYWRpbmdcIlxuICAgICAgd2VpZ2h0PVwiNjAwXCJcbiAgICA+XG4gICAgICB7eyBwcmljZSB8IGN1c3RvbUN1cnJlbmN5IH19XG4gICAgPC90ay1raW9zay10eXBvZ3JhcGh5PlxuICAgIH0gQGlmICh0eXBlQ291bnRlciA9PT0gJ2FkZCcpIHtcbiAgICA8dGsta2lvc2staWNvbi1idG5cbiAgICAgIFtzaXplXT1cIidzbWFsbCdcIlxuICAgICAgY29sb3I9XCJwcmltYXJ5XCJcbiAgICAgIChidG5DbGljayk9XCJvbkNoYW5nZUNvdW50ZXIoMSlcIlxuICAgID48L3RrLWtpb3NrLWljb24tYnRuPlxuICAgIH0gQGlmICh0eXBlQ291bnRlciA9PT0gJ21pbnVzJykge1xuICAgIDx0ay1raW9zay1pY29uLWJ0blxuICAgICAgW3NpemVdPVwiJ3NtYWxsJ1wiXG4gICAgICBpY29uPVwidGsta2lvc2s6bWludXNcIlxuICAgICAgY29sb3I9XCJwcmltYXJ5XCJcbiAgICAgIChidG5DbGljayk9XCJvbkNoYW5nZUNvdW50ZXIoLTEpXCJcbiAgICA+PC90ay1raW9zay1pY29uLWJ0bj5cbiAgICB9IEBpZiAodHlwZUNvdW50ZXIgPT09ICdjb3VudGVyJykge1xuICAgIDx0ay1raW9zay1idG4tY291bnRcbiAgICAgIFtjb3VudF09XCJxdWFudGl0eVwiXG4gICAgICBbc3Ryb2tlZF09XCJmYWxzZVwiXG4gICAgICBbdG90YWxNYXhdPVwidG90YWxNYXhcIlxuICAgICAgW3RvdGFsTWluXT1cInRvdGFsTWluXCJcbiAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICBjb2xvcj1cInByaW1hcnlcIlxuICAgICAgKG9uQWRkKT1cIm9uQ2hhbmdlQ291bnRlcigxKVwiXG4gICAgICAob25SZW1vdmUpPVwib25DaGFuZ2VDb3VudGVyKC0xKVwiXG4gICAgPjwvdGsta2lvc2stYnRuLWNvdW50PlxuICAgIH1cbiAgPC9kaXY+XG48L3RrLWtpb3NrLWNoZWNrLWNhcmQ+XG4iXX0=
|
|
@@ -3021,13 +3021,20 @@ 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
|
+
this.onClick.emit();
|
|
3034
|
+
}
|
|
3035
|
+
}
|
|
3029
3036
|
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)=\"
|
|
3037
|
+
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" }] }); }
|
|
3031
3038
|
}
|
|
3032
3039
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskCustomeComponent, decorators: [{
|
|
3033
3040
|
type: Component,
|
|
@@ -3037,7 +3044,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
|
|
|
3037
3044
|
TkKioskBtnCountComponent,
|
|
3038
3045
|
TkKioskCheckCardComponent,
|
|
3039
3046
|
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)=\"
|
|
3047
|
+
], 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"] }]
|
|
3041
3048
|
}], propDecorators: { title: [{
|
|
3042
3049
|
type: Input
|
|
3043
3050
|
}], image: [{
|
|
@@ -3064,6 +3071,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
|
|
|
3064
3071
|
type: Input
|
|
3065
3072
|
}], onChange: [{
|
|
3066
3073
|
type: Output
|
|
3074
|
+
}], onClick: [{
|
|
3075
|
+
type: Output
|
|
3067
3076
|
}] } });
|
|
3068
3077
|
|
|
3069
3078
|
class TkKioskTimePickerComponent {
|