@tekus/kiosks-design-system 3.12.0 → 3.13.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.
|
@@ -1381,7 +1381,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
1381
1381
|
|
|
1382
1382
|
class CustomCurrencyPipe {
|
|
1383
1383
|
constructor() { }
|
|
1384
|
-
transform(price, decimal = true) {
|
|
1384
|
+
transform(price, decimal = true, showPositiveSign = false) {
|
|
1385
1385
|
// Format the integer part of the price
|
|
1386
1386
|
let strPrice = numeral(parseInt(price)).format('$0,0');
|
|
1387
1387
|
// Handle large numbers by replacing the first comma with an apostrophe
|
|
@@ -1398,6 +1398,9 @@ class CustomCurrencyPipe {
|
|
|
1398
1398
|
strPrice += numeral(decimalValue).format('.00'); // Append formatted decimal part
|
|
1399
1399
|
}
|
|
1400
1400
|
}
|
|
1401
|
+
if (showPositiveSign && price > 0) {
|
|
1402
|
+
strPrice = `+ ${strPrice}`;
|
|
1403
|
+
}
|
|
1401
1404
|
return strPrice;
|
|
1402
1405
|
}
|
|
1403
1406
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CustomCurrencyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
@@ -3484,7 +3487,7 @@ class TkKioskCustomCheckCardComponent {
|
|
|
3484
3487
|
this.onClick.emit();
|
|
3485
3488
|
}
|
|
3486
3489
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TkKioskCustomCheckCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3487
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: TkKioskCustomCheckCardComponent, isStandalone: true, selector: "tk-kiosk-custom-check-card", 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", width: "width", minHeight: "minHeight" }, 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]=\"width || (!typeCounter ? '' : '240px')\"\n [minHeight]=\"minHeight\">\n <div class=\"tk-kiosk-custom-check-card__content\">\n @if (price) {\n <tk-kiosk-typography\n style=\"text-align: center\"\n type=\"h6-heading\"\n weight=\"600\">\n {{ price | customCurrency }}\n </tk-kiosk-typography>\n } @if (typeCounter === 'add') {\n <div\n (click)=\"$event.stopPropagation()\"\n (keydown.space)=\"$event.stopPropagation()\"\n (keydown.enter)=\"$event.stopPropagation()\">\n <tk-kiosk-icon-btn\n [size]=\"'small'\"\n color=\"primary\"\n (btnClick)=\"onChangeCounter(1)\"></tk-kiosk-icon-btn>\n </div>\n } @if (typeCounter === 'minus') {\n <div\n (click)=\"$event.stopPropagation()\"\n (keydown.space)=\"$event.stopPropagation()\"\n (keydown.enter)=\"$event.stopPropagation()\">\n <tk-kiosk-icon-btn\n [size]=\"'small'\"\n icon=\"tk-kiosk:minus\"\n color=\"primary\"\n (btnClick)=\"onChangeCounter(-1)\"></tk-kiosk-icon-btn>\n </div>\n } @if (typeCounter === 'counter') {\n <div\n (click)=\"$event.stopPropagation()\"\n (keydown.space)=\"$event.stopPropagation()\"\n (keydown.enter)=\"$event.stopPropagation()\">\n <tk-kiosk-btn-count\n [count]=\"quantity\"\n [stroked]=\"false\"\n [totalMax]=\"totalMax\"\n [totalMin]=\"totalMin\"\n [isAddDisabled]=\"isAddDisabled\"\n [isMinusDisabled]=\"isMinusDisabled\"\n size=\"small\"\n color=\"primary\"\n (onAdd)=\"onChangeCounter(1)\"\n (onRemove)=\"onChangeCounter(-1)\"></tk-kiosk-btn-count>\n </div>\n }\n </div>\n</tk-kiosk-check-card>\n", styles: [".tk-kiosk-custom-check-card__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", "isAddDisabled", "isMinusDisabled", "type", "rounded", "color", "size", "stroked", "showTrashIcon"], 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" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3490
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: TkKioskCustomCheckCardComponent, isStandalone: true, selector: "tk-kiosk-custom-check-card", 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", width: "width", minHeight: "minHeight" }, 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]=\"width || (!typeCounter ? '' : '240px')\"\n [minHeight]=\"minHeight\">\n <div class=\"tk-kiosk-custom-check-card__content\">\n @if (price) {\n <tk-kiosk-typography\n style=\"text-align: center\"\n type=\"h6-heading\"\n weight=\"600\">\n {{ price | customCurrency:true:true }}\n </tk-kiosk-typography>\n } @if (typeCounter === 'add') {\n <div\n (click)=\"$event.stopPropagation()\"\n (keydown.space)=\"$event.stopPropagation()\"\n (keydown.enter)=\"$event.stopPropagation()\">\n <tk-kiosk-icon-btn\n [size]=\"'small'\"\n color=\"primary\"\n (btnClick)=\"onChangeCounter(1)\"></tk-kiosk-icon-btn>\n </div>\n } @if (typeCounter === 'minus') {\n <div\n (click)=\"$event.stopPropagation()\"\n (keydown.space)=\"$event.stopPropagation()\"\n (keydown.enter)=\"$event.stopPropagation()\">\n <tk-kiosk-icon-btn\n [size]=\"'small'\"\n icon=\"tk-kiosk:minus\"\n color=\"primary\"\n (btnClick)=\"onChangeCounter(-1)\"></tk-kiosk-icon-btn>\n </div>\n } @if (typeCounter === 'counter') {\n <div\n (click)=\"$event.stopPropagation()\"\n (keydown.space)=\"$event.stopPropagation()\"\n (keydown.enter)=\"$event.stopPropagation()\">\n <tk-kiosk-btn-count\n [count]=\"quantity\"\n [stroked]=\"false\"\n [totalMax]=\"totalMax\"\n [totalMin]=\"totalMin\"\n [isAddDisabled]=\"isAddDisabled\"\n [isMinusDisabled]=\"isMinusDisabled\"\n size=\"small\"\n color=\"primary\"\n (onAdd)=\"onChangeCounter(1)\"\n (onRemove)=\"onChangeCounter(-1)\"></tk-kiosk-btn-count>\n </div>\n }\n </div>\n</tk-kiosk-check-card>\n", styles: [".tk-kiosk-custom-check-card__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", "isAddDisabled", "isMinusDisabled", "type", "rounded", "color", "size", "stroked", "showTrashIcon"], 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" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3488
3491
|
}
|
|
3489
3492
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TkKioskCustomCheckCardComponent, decorators: [{
|
|
3490
3493
|
type: Component,
|
|
@@ -3494,7 +3497,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
3494
3497
|
TkKioskBtnCountComponent,
|
|
3495
3498
|
TkKioskCheckCardComponent,
|
|
3496
3499
|
CustomCurrencyPipe,
|
|
3497
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, 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]=\"width || (!typeCounter ? '' : '240px')\"\n [minHeight]=\"minHeight\">\n <div class=\"tk-kiosk-custom-check-card__content\">\n @if (price) {\n <tk-kiosk-typography\n style=\"text-align: center\"\n type=\"h6-heading\"\n weight=\"600\">\n {{ price | customCurrency }}\n </tk-kiosk-typography>\n } @if (typeCounter === 'add') {\n <div\n (click)=\"$event.stopPropagation()\"\n (keydown.space)=\"$event.stopPropagation()\"\n (keydown.enter)=\"$event.stopPropagation()\">\n <tk-kiosk-icon-btn\n [size]=\"'small'\"\n color=\"primary\"\n (btnClick)=\"onChangeCounter(1)\"></tk-kiosk-icon-btn>\n </div>\n } @if (typeCounter === 'minus') {\n <div\n (click)=\"$event.stopPropagation()\"\n (keydown.space)=\"$event.stopPropagation()\"\n (keydown.enter)=\"$event.stopPropagation()\">\n <tk-kiosk-icon-btn\n [size]=\"'small'\"\n icon=\"tk-kiosk:minus\"\n color=\"primary\"\n (btnClick)=\"onChangeCounter(-1)\"></tk-kiosk-icon-btn>\n </div>\n } @if (typeCounter === 'counter') {\n <div\n (click)=\"$event.stopPropagation()\"\n (keydown.space)=\"$event.stopPropagation()\"\n (keydown.enter)=\"$event.stopPropagation()\">\n <tk-kiosk-btn-count\n [count]=\"quantity\"\n [stroked]=\"false\"\n [totalMax]=\"totalMax\"\n [totalMin]=\"totalMin\"\n [isAddDisabled]=\"isAddDisabled\"\n [isMinusDisabled]=\"isMinusDisabled\"\n size=\"small\"\n color=\"primary\"\n (onAdd)=\"onChangeCounter(1)\"\n (onRemove)=\"onChangeCounter(-1)\"></tk-kiosk-btn-count>\n </div>\n }\n </div>\n</tk-kiosk-check-card>\n", styles: [".tk-kiosk-custom-check-card__content{display:flex;flex-direction:column;gap:12px}\n"] }]
|
|
3500
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, 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]=\"width || (!typeCounter ? '' : '240px')\"\n [minHeight]=\"minHeight\">\n <div class=\"tk-kiosk-custom-check-card__content\">\n @if (price) {\n <tk-kiosk-typography\n style=\"text-align: center\"\n type=\"h6-heading\"\n weight=\"600\">\n {{ price | customCurrency:true:true }}\n </tk-kiosk-typography>\n } @if (typeCounter === 'add') {\n <div\n (click)=\"$event.stopPropagation()\"\n (keydown.space)=\"$event.stopPropagation()\"\n (keydown.enter)=\"$event.stopPropagation()\">\n <tk-kiosk-icon-btn\n [size]=\"'small'\"\n color=\"primary\"\n (btnClick)=\"onChangeCounter(1)\"></tk-kiosk-icon-btn>\n </div>\n } @if (typeCounter === 'minus') {\n <div\n (click)=\"$event.stopPropagation()\"\n (keydown.space)=\"$event.stopPropagation()\"\n (keydown.enter)=\"$event.stopPropagation()\">\n <tk-kiosk-icon-btn\n [size]=\"'small'\"\n icon=\"tk-kiosk:minus\"\n color=\"primary\"\n (btnClick)=\"onChangeCounter(-1)\"></tk-kiosk-icon-btn>\n </div>\n } @if (typeCounter === 'counter') {\n <div\n (click)=\"$event.stopPropagation()\"\n (keydown.space)=\"$event.stopPropagation()\"\n (keydown.enter)=\"$event.stopPropagation()\">\n <tk-kiosk-btn-count\n [count]=\"quantity\"\n [stroked]=\"false\"\n [totalMax]=\"totalMax\"\n [totalMin]=\"totalMin\"\n [isAddDisabled]=\"isAddDisabled\"\n [isMinusDisabled]=\"isMinusDisabled\"\n size=\"small\"\n color=\"primary\"\n (onAdd)=\"onChangeCounter(1)\"\n (onRemove)=\"onChangeCounter(-1)\"></tk-kiosk-btn-count>\n </div>\n }\n </div>\n</tk-kiosk-check-card>\n", styles: [".tk-kiosk-custom-check-card__content{display:flex;flex-direction:column;gap:12px}\n"] }]
|
|
3498
3501
|
}], propDecorators: { title: [{
|
|
3499
3502
|
type: Input
|
|
3500
3503
|
}], image: [{
|