@tekus/kiosks-design-system 2.33.0 → 3.0.1
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/public-api.mjs +2 -2
- package/esm2022/lib/components/tk-kiosk-custom-check-card/index.mjs +2 -0
- package/esm2022/lib/components/tk-kiosk-custom-check-card/tk-kiosk-custom-check-card.component.mjs +142 -0
- package/esm2022/lib/components/tk-kiosk-modal/tk-kiosk-modal.component.mjs +2 -2
- package/esm2022/lib/icon-data-set/icons/download.mjs +7 -0
- package/esm2022/lib/icon-data-set/icons/index.mjs +3 -1
- package/esm2022/lib/icon-data-set/icons/refresh.mjs +9 -0
- package/esm2022/lib/icon-data-set/icons-svg.mjs +10 -2
- package/esm2022/lib/icon-data-set/illustrations/index.mjs +2 -1
- package/esm2022/lib/icon-data-set/illustrations/sync.mjs +37 -0
- package/esm2022/lib/icon-data-set/illustrations-svg.mjs +6 -2
- package/esm2022/lib/types/border-radius.mjs +2 -0
- package/esm2022/lib/types/check.mjs +2 -0
- package/esm2022/lib/types/counter.mjs +2 -0
- package/esm2022/lib/types/index.mjs +4 -0
- package/fesm2022/tekus-kiosks-design-system.mjs +141 -23
- package/fesm2022/tekus-kiosks-design-system.mjs.map +1 -1
- package/lib/components/public-api.d.ts +1 -1
- package/lib/components/tk-kiosk-custom-check-card/index.d.ts +1 -0
- package/lib/components/tk-kiosk-custom-check-card/tk-kiosk-custom-check-card.component.d.ts +80 -0
- package/lib/icon-data-set/icons/download.d.ts +1 -0
- package/lib/icon-data-set/icons/index.d.ts +2 -0
- package/lib/icon-data-set/icons/refresh.d.ts +1 -0
- package/lib/icon-data-set/illustrations/index.d.ts +1 -0
- package/lib/icon-data-set/illustrations/sync.d.ts +1 -0
- package/lib/types/border-radius.d.ts +1 -0
- package/lib/types/check.d.ts +1 -0
- package/lib/types/counter.d.ts +1 -0
- package/lib/types/index.d.ts +3 -0
- package/package.json +1 -1
- package/esm2022/lib/components/tk-kiosk-custome/index.mjs +0 -2
- package/esm2022/lib/components/tk-kiosk-custome/tk-kiosk-custome.component.mjs +0 -89
- package/lib/components/tk-kiosk-custome/index.d.ts +0 -1
- package/lib/components/tk-kiosk-custome/tk-kiosk-custome.component.d.ts +0 -24
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Component, Input, EventEmitter, Output, input, ViewChild, Pipe, NgModule, Injectable } from '@angular/core';
|
|
2
|
+
import { Component, Input, EventEmitter, Output, input, ViewChild, Pipe, NgModule, ChangeDetectionStrategy, Injectable } from '@angular/core';
|
|
3
3
|
import * as i1 from '@angular/common';
|
|
4
4
|
import { CommonModule, NgIf, NgClass, NgStyle, NgFor, registerLocaleData, SlicePipe } from '@angular/common';
|
|
5
5
|
import * as i1$1 from 'ng-zorro-antd/icon';
|
|
@@ -1228,11 +1228,11 @@ class TkKioskModalComponent {
|
|
|
1228
1228
|
this.visibleChange.emit(this.visible);
|
|
1229
1229
|
}
|
|
1230
1230
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1231
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: TkKioskModalComponent, isStandalone: true, selector: "tk-kiosk-modal", inputs: { visible: "visible", width: "width", height: "height", title: "title", showClose: "showClose" }, outputs: { visibleChange: "visibleChange" }, ngImport: i0, template: "<div class=\"modal\" [class.visible]=\"visible\">\n <div class=\"modal-content\" [style.width]=\"width\" [style.height]=\"height\">\n <tk-kiosk-icon-btn\n class=\"close-icon\"\n icon=\"tk-kiosk:x\"\n (btnClick)=\"closeModal()\"\n *ngIf=\"showClose\"\n type=\"outline\"\n size=\"small\"\n >\n </tk-kiosk-icon-btn>\n\n <div class=\"modal__header\">\n @if (title) {\n <tk-kiosk-typography type=\"h3-heading\" class=\"title\">\n {{ title }}\n </tk-kiosk-typography>\n }\n </div>\n <ng-content></ng-content>\n </div>\n</div>\n\n<div class=\"overlay\" [class.visible]=\"visible\"></div>\n", styles: [".overlay{z-index:1998;inset:0;position:fixed;width:100%;height:100%;background-color:#
|
|
1231
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: TkKioskModalComponent, isStandalone: true, selector: "tk-kiosk-modal", inputs: { visible: "visible", width: "width", height: "height", title: "title", showClose: "showClose" }, outputs: { visibleChange: "visibleChange" }, ngImport: i0, template: "<div class=\"modal\" [class.visible]=\"visible\">\n <div class=\"modal-content\" [style.width]=\"width\" [style.height]=\"height\">\n <tk-kiosk-icon-btn\n class=\"close-icon\"\n icon=\"tk-kiosk:x\"\n (btnClick)=\"closeModal()\"\n *ngIf=\"showClose\"\n type=\"outline\"\n size=\"small\"\n >\n </tk-kiosk-icon-btn>\n\n <div class=\"modal__header\">\n @if (title) {\n <tk-kiosk-typography type=\"h3-heading\" class=\"title\">\n {{ title }}\n </tk-kiosk-typography>\n }\n </div>\n <ng-content></ng-content>\n </div>\n</div>\n\n<div class=\"overlay\" [class.visible]=\"visible\"></div>\n", styles: [".overlay{z-index:1998;inset:0;position:fixed;width:100%;height:100%;background-color:#10182099;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility 0s linear .3s}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:fit-content;display:flex;justify-content:center;align-items:flex-end;z-index:1999;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility 0s linear .3s}.modal__header{display:flex;padding:40px 150px;text-align:center;min-height:100px}.modal.visible{opacity:1;visibility:visible;transition:opacity .3s ease-in-out,visibility 0s linear}.overlay.visible{opacity:1;visibility:visible;transition:opacity .1s ease-in-out,visibility 0s linear}.modal-content{border-radius:50px;display:flex;flex-direction:column;align-items:center;background-color:var(--tk-color-white-900);overflow:hidden}.close-icon{position:absolute;align-self:flex-end;margin:24px}\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: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
1232
1232
|
}
|
|
1233
1233
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskModalComponent, decorators: [{
|
|
1234
1234
|
type: Component,
|
|
1235
|
-
args: [{ selector: 'tk-kiosk-modal', standalone: true, imports: [NgClass, TkKioskTypographyComponent, TkKioskIconBtnComponent, NgIf], template: "<div class=\"modal\" [class.visible]=\"visible\">\n <div class=\"modal-content\" [style.width]=\"width\" [style.height]=\"height\">\n <tk-kiosk-icon-btn\n class=\"close-icon\"\n icon=\"tk-kiosk:x\"\n (btnClick)=\"closeModal()\"\n *ngIf=\"showClose\"\n type=\"outline\"\n size=\"small\"\n >\n </tk-kiosk-icon-btn>\n\n <div class=\"modal__header\">\n @if (title) {\n <tk-kiosk-typography type=\"h3-heading\" class=\"title\">\n {{ title }}\n </tk-kiosk-typography>\n }\n </div>\n <ng-content></ng-content>\n </div>\n</div>\n\n<div class=\"overlay\" [class.visible]=\"visible\"></div>\n", styles: [".overlay{z-index:1998;inset:0;position:fixed;width:100%;height:100%;background-color:#
|
|
1235
|
+
args: [{ selector: 'tk-kiosk-modal', standalone: true, imports: [NgClass, TkKioskTypographyComponent, TkKioskIconBtnComponent, NgIf], template: "<div class=\"modal\" [class.visible]=\"visible\">\n <div class=\"modal-content\" [style.width]=\"width\" [style.height]=\"height\">\n <tk-kiosk-icon-btn\n class=\"close-icon\"\n icon=\"tk-kiosk:x\"\n (btnClick)=\"closeModal()\"\n *ngIf=\"showClose\"\n type=\"outline\"\n size=\"small\"\n >\n </tk-kiosk-icon-btn>\n\n <div class=\"modal__header\">\n @if (title) {\n <tk-kiosk-typography type=\"h3-heading\" class=\"title\">\n {{ title }}\n </tk-kiosk-typography>\n }\n </div>\n <ng-content></ng-content>\n </div>\n</div>\n\n<div class=\"overlay\" [class.visible]=\"visible\"></div>\n", styles: [".overlay{z-index:1998;inset:0;position:fixed;width:100%;height:100%;background-color:#10182099;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility 0s linear .3s}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:fit-content;display:flex;justify-content:center;align-items:flex-end;z-index:1999;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility 0s linear .3s}.modal__header{display:flex;padding:40px 150px;text-align:center;min-height:100px}.modal.visible{opacity:1;visibility:visible;transition:opacity .3s ease-in-out,visibility 0s linear}.overlay.visible{opacity:1;visibility:visible;transition:opacity .1s ease-in-out,visibility 0s linear}.modal-content{border-radius:50px;display:flex;flex-direction:column;align-items:center;background-color:var(--tk-color-white-900);overflow:hidden}.close-icon{position:absolute;align-self:flex-end;margin:24px}\n"] }]
|
|
1236
1236
|
}], ctorParameters: () => [], propDecorators: { visible: [{
|
|
1237
1237
|
type: Input
|
|
1238
1238
|
}], width: [{
|
|
@@ -1864,6 +1864,22 @@ const tkKioskTriangleExclamation = `<svg width="104" height="98" viewBox="0 0 10
|
|
|
1864
1864
|
<path d="M43.1045 6.56836C46.9312 -0.522615 57.0746 -0.522507 60.9014 6.56836L101.526 81.7637L101.678 82.0557C102.413 83.5268 102.781 85.1565 102.748 86.8047C102.713 88.5627 102.223 90.2819 101.325 91.793C100.428 93.304 99.1542 94.5557 97.6289 95.4248C96.199 96.2396 94.5939 96.692 92.9531 96.7451L92.624 96.75H11.3691C9.6151 96.7493 7.89156 96.2914 6.36719 95.4219C4.84279 94.5523 3.5694 93.3009 2.67285 91.79C1.77631 90.2792 1.28692 88.5602 1.25195 86.8027C1.21704 85.0454 1.63803 83.309 2.47363 81.7637L43.1045 6.56836ZM52.0059 9.0127C51.5781 9.01277 51.1577 9.12965 50.79 9.34961C50.4225 9.56963 50.1206 9.8854 49.917 10.2637V10.2646L9.28613 85.4658C9.09017 85.829 8.99145 86.2373 9 86.6504C9.0086 87.0635 9.1241 87.4676 9.33496 87.8223C9.5458 88.1768 9.84467 88.4703 10.2021 88.6738C10.5597 88.8774 10.9641 88.9836 11.375 88.9834H92.626C93.0375 88.984 93.4426 88.8776 93.8008 88.6738C94.1589 88.47 94.458 88.1756 94.6689 87.8203C94.8799 87.4649 94.9959 87.0603 95.0039 86.6465C95.0118 86.2328 94.9119 85.8242 94.7148 85.4609L94.7139 85.459L54.0957 10.2646V10.2637C53.892 9.88523 53.5895 9.56964 53.2217 9.34961C52.8539 9.12961 52.4338 9.0127 52.0059 9.0127ZM51.9941 70.1787C53.4365 70.1788 54.8196 70.7533 55.8389 71.7754C56.8582 72.7976 57.4307 74.1842 57.4307 75.6289C57.4305 77.0734 56.8581 78.4594 55.8389 79.4814C54.8195 80.5035 53.4365 81.078 51.9941 81.0781C50.5516 81.0781 49.1679 80.5037 48.1484 79.4814C47.1292 78.4594 46.5568 77.0734 46.5566 75.6289C46.5566 74.1842 47.1291 72.7976 48.1484 71.7754C49.1679 70.7531 50.5516 70.1787 51.9941 70.1787ZM51.9941 32.5811C53.0222 32.5812 54.008 32.9914 54.7344 33.7197C55.4606 34.4481 55.8682 35.4358 55.8682 36.4648V61.5293C55.8682 62.5584 55.4607 63.546 54.7344 64.2744C54.008 65.0028 53.0222 65.412 51.9941 65.4121C50.9659 65.4121 49.9794 65.0029 49.2529 64.2744C48.5267 63.5461 48.1191 62.5584 48.1191 61.5293V36.4648C48.1191 35.4358 48.5268 34.4481 49.2529 33.7197C49.9794 32.9913 50.9659 32.5811 51.9941 32.5811Z" fill="currentColor" stroke="currentColor" stroke-width="1.5"/>
|
|
1865
1865
|
</svg>`;
|
|
1866
1866
|
|
|
1867
|
+
const tkKioskDownload = `<svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
1868
|
+
<path d="M26.7048 38.9385H15.2948C6.70234 38.9385 3.02734 35.2635 3.02734 26.671V26.4435C3.02734 18.6735 6.08984 14.9285 12.9498 14.281C13.6498 14.2285 14.3148 14.7535 14.3848 15.471C14.4548 16.1885 13.9298 16.836 13.1948 16.906C7.69984 17.4135 5.65234 20.0035 5.65234 26.461V26.6885C5.65234 33.811 8.17234 36.331 15.2948 36.331H26.7048C33.8273 36.331 36.3473 33.811 36.3473 26.6885V26.461C36.3473 19.9685 34.2648 17.3785 28.6648 16.906C27.9473 16.836 27.4048 16.206 27.4748 15.4885C27.5448 14.771 28.1573 14.2285 28.8923 14.2985C35.8573 14.8935 38.9723 18.656 38.9723 26.4785V26.706C38.9723 35.2635 35.2973 38.9385 26.7048 38.9385Z" fill="#161619"/>
|
|
1869
|
+
<path d="M21 27.3525C20.2825 27.3525 19.6875 26.7575 19.6875 26.04V3.5C19.6875 2.7825 20.2825 2.1875 21 2.1875C21.7175 2.1875 22.3125 2.7825 22.3125 3.5V26.04C22.3125 26.775 21.7175 27.3525 21 27.3525Z" fill="#161619"/>
|
|
1870
|
+
<path d="M20.9997 29.3132C20.6672 29.3132 20.3347 29.1907 20.0722 28.9282L14.2097 23.0657C13.7022 22.5582 13.7022 21.7182 14.2097 21.2107C14.7172 20.7032 15.5572 20.7032 16.0647 21.2107L20.9997 26.1457L25.9347 21.2107C26.4422 20.7032 27.2822 20.7032 27.7897 21.2107C28.2972 21.7182 28.2972 22.5582 27.7897 23.0657L21.9272 28.9282C21.6647 29.1907 21.3322 29.3132 20.9997 29.3132Z" fill="#161619"/>
|
|
1871
|
+
</svg>
|
|
1872
|
+
`;
|
|
1873
|
+
|
|
1874
|
+
const tkKioskRefresh = `<svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
1875
|
+
<path d="M21 39.8125C10.6225 39.8125 2.1875 31.3775 2.1875 21C2.1875 10.6225 10.6225 2.1875 21 2.1875C31.3775 2.1875 39.8125 10.6225 39.8125 21C39.8125 31.3775 31.3775 39.8125 21 39.8125ZM21 4.8125C12.075 4.8125 4.8125 12.075 4.8125 21C4.8125 29.925 12.075 37.1875 21 37.1875C29.925 37.1875 37.1875 29.925 37.1875 21C37.1875 12.075 29.925 4.8125 21 4.8125Z" fill="#161619"/>
|
|
1876
|
+
<path d="M20.9995 30.5721C18.5495 30.5721 16.0995 29.6447 14.227 27.7722C13.737 27.2822 13.2995 26.7396 12.897 26.0921C12.512 25.4796 12.7045 24.6747 13.317 24.2897C13.9295 23.9047 14.7346 24.0972 15.1196 24.7097C15.4171 25.1997 15.732 25.5847 16.082 25.9347C18.7945 28.6472 23.2045 28.6472 25.917 25.9347C26.967 24.8847 27.6321 23.5197 27.8596 21.9972C27.9646 21.2797 28.6295 20.7547 29.347 20.8772C30.0645 20.9822 30.5545 21.6472 30.467 22.3647C30.1695 24.4472 29.242 26.3197 27.7895 27.7897C25.8995 29.6447 23.4495 30.5721 20.9995 30.5721Z" fill="#161619"/>
|
|
1877
|
+
<path d="M12.8448 21.1397C12.7748 21.1397 12.7223 21.1397 12.6523 21.1222C11.9348 21.0172 11.4273 20.3521 11.5323 19.6346C11.8298 17.5521 12.7573 15.6797 14.2098 14.2097C17.9373 10.4822 24.0098 10.4822 27.7548 14.2097C28.2448 14.6997 28.6823 15.2422 29.0848 15.9072C29.4698 16.5197 29.2773 17.3247 28.6648 17.7097C28.0523 18.0947 27.2473 17.9022 26.8623 17.2897C26.5648 16.8172 26.2498 16.4147 25.8998 16.0647C23.1873 13.3522 18.7773 13.3522 16.0648 16.0647C15.0148 17.1147 14.3498 18.4797 14.1223 20.0022C14.0523 20.6672 13.4923 21.1397 12.8448 21.1397Z" fill="#161619"/>
|
|
1878
|
+
<path d="M13.6855 31.3775C12.968 31.3775 12.373 30.7825 12.373 30.065V25.3926C12.373 24.6751 12.968 24.0801 13.6855 24.0801H18.358C19.0755 24.0801 19.6705 24.6751 19.6705 25.3926C19.6705 26.1101 19.0755 26.7051 18.358 26.7051H14.998V30.065C14.998 30.7825 14.4205 31.3775 13.6855 31.3775Z" fill="#161619"/>
|
|
1879
|
+
<path d="M28.315 17.9205H23.6426C22.9251 17.9205 22.3301 17.3255 22.3301 16.608C22.3301 15.8905 22.9251 15.2955 23.6426 15.2955H27.0025V11.9355C27.0025 11.218 27.5975 10.623 28.315 10.623C29.0325 10.623 29.6275 11.218 29.6275 11.9355V16.608C29.6275 17.343 29.0325 17.9205 28.315 17.9205Z" fill="#161619"/>
|
|
1880
|
+
</svg>
|
|
1881
|
+
`;
|
|
1882
|
+
|
|
1867
1883
|
const iconsDefaults = [
|
|
1868
1884
|
{
|
|
1869
1885
|
name: 'tk-kiosk:add',
|
|
@@ -2002,6 +2018,14 @@ const iconsDefaults = [
|
|
|
2002
2018
|
name: 'tk-kiosk:triangle-exclamation',
|
|
2003
2019
|
literal: tkKioskTriangleExclamation,
|
|
2004
2020
|
},
|
|
2021
|
+
{
|
|
2022
|
+
name: 'tk-kiosk:download',
|
|
2023
|
+
literal: tkKioskDownload,
|
|
2024
|
+
},
|
|
2025
|
+
{
|
|
2026
|
+
name: 'tk-kiosk:refresh',
|
|
2027
|
+
literal: tkKioskRefresh,
|
|
2028
|
+
},
|
|
2005
2029
|
];
|
|
2006
2030
|
|
|
2007
2031
|
const forToGo = `<svg width="150" height="150" viewBox="0 0 150 150" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
@@ -2460,6 +2484,43 @@ const qrCodePayment = `<svg width="117" height="139" viewBox="0 0 117 139" fill=
|
|
|
2460
2484
|
</svg>
|
|
2461
2485
|
`;
|
|
2462
2486
|
|
|
2487
|
+
const sync = `<svg width="553" height="455" viewBox="0 0 553 455" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2488
|
+
<g clip-path="url(#clip0_1692_5902)">
|
|
2489
|
+
<path d="M359.553 340.019C283.767 340.019 222.11 278.336 222.11 202.518C222.11 126.7 283.767 65.0176 359.553 65.0176C367.565 65.0166 375.563 65.7098 383.455 67.0896C383.554 67.1066 383.648 67.1429 383.732 67.1963C383.817 67.2497 383.89 67.3193 383.947 67.401C384.005 67.4827 384.045 67.575 384.067 67.6725C384.089 67.77 384.091 67.8708 384.074 67.9693C384.057 68.0677 384.02 68.1617 383.967 68.246C383.913 68.3303 383.843 68.4032 383.761 68.4605C383.68 68.5177 383.587 68.5583 383.49 68.5799C383.392 68.6014 383.291 68.6035 383.193 68.586C375.387 67.2216 367.477 66.5361 359.553 66.5369C284.604 66.5369 223.629 127.538 223.629 202.518C223.629 277.499 284.604 338.5 359.553 338.5C434.502 338.5 495.477 277.499 495.477 202.518C495.511 168.628 482.861 135.953 460.019 110.925C459.885 110.776 459.815 110.58 459.825 110.38C459.835 110.179 459.923 109.991 460.072 109.855C460.22 109.72 460.416 109.649 460.616 109.658C460.817 109.666 461.005 109.754 461.142 109.902C484.239 135.209 497.03 168.249 496.996 202.518C496.996 278.336 435.339 340.019 359.553 340.019Z" fill="#E4E4E4"/>
|
|
2490
|
+
<path d="M420.155 112.175C435.173 112.175 447.348 99.995 447.348 84.9703C447.348 69.9456 435.173 57.7656 420.155 57.7656C405.137 57.7656 392.962 69.9456 392.962 84.9703C392.962 99.995 405.137 112.175 420.155 112.175Z" fill="#16006F"/>
|
|
2491
|
+
<path d="M416.445 99.1305C415.976 99.1305 415.512 99.021 415.093 98.8109C414.673 98.6008 414.307 98.2957 414.026 97.9198L406.607 88.0238C406.369 87.7059 406.195 87.3441 406.097 86.9592C405.998 86.5742 405.976 86.1736 406.032 85.7802C406.089 85.3868 406.222 85.0083 406.424 84.6664C406.626 84.3245 406.894 84.0258 407.212 83.7873C407.53 83.5489 407.891 83.3754 408.276 83.2768C408.661 83.1782 409.061 83.1564 409.455 83.2126C409.848 83.2688 410.226 83.402 410.568 83.6044C410.91 83.8069 411.208 84.0747 411.447 84.3927L416.3 90.8663L428.766 72.16C429.212 71.495 429.904 71.034 430.689 70.8782C431.474 70.7223 432.289 70.8843 432.956 71.3286C433.622 71.7729 434.085 72.4633 434.243 73.2484C434.401 74.0336 434.242 74.8495 433.8 75.5173L418.962 97.7828C418.694 98.1855 418.333 98.5179 417.91 98.7522C417.486 98.9866 417.013 99.1159 416.529 99.1295C416.501 99.13 416.473 99.1305 416.445 99.1305Z" fill="white"/>
|
|
2492
|
+
<path d="M299.096 161.833L290.616 164.883C289.855 165.156 289.017 165.115 288.286 164.77C287.555 164.425 286.99 163.804 286.717 163.043C286.443 162.282 286.483 161.443 286.828 160.712C287.172 159.98 287.793 159.415 288.553 159.141L297.033 156.091C297.794 155.818 298.632 155.859 299.363 156.204C300.095 156.549 300.659 157.17 300.932 157.931C301.206 158.692 301.166 159.531 300.822 160.262C300.477 160.994 299.857 161.559 299.096 161.833Z" fill="#16006F"/>
|
|
2493
|
+
<path d="M482.775 355.055C483.853 350.942 486.441 347.385 490.023 345.096C490.378 344.869 490.008 344.33 489.653 344.556C485.93 346.946 483.244 350.652 482.132 354.935C482.026 355.344 482.67 355.462 482.775 355.055Z" fill="white"/>
|
|
2494
|
+
<path d="M551.06 253.048L529.084 290.044L529.919 290.485L522.478 304.6L520.928 303.779L516.038 312.007L517.253 312.705L509.28 326.516L507.898 325.719L436.192 446.446C434.312 449.605 431.255 451.889 427.693 452.796C424.131 453.704 420.355 453.16 417.193 451.285L283.889 372.044C280.73 370.163 278.447 367.105 277.54 363.541C276.633 359.977 277.177 356.199 279.052 353.036L393.919 159.639C395.8 156.48 398.856 154.196 402.418 153.289C405.98 152.381 409.756 152.925 412.918 154.8L546.222 234.041C549.38 235.924 551.662 238.982 552.568 242.545C553.475 246.108 552.933 249.885 551.06 253.048Z" fill="#3F3D56"/>
|
|
2495
|
+
<path d="M421.945 443.818L288.171 364.298C287.197 363.718 286.494 362.776 286.214 361.677C285.935 360.579 286.102 359.414 286.68 358.439L402.309 163.755C402.889 162.782 403.831 162.078 404.929 161.798C406.027 161.519 407.191 161.686 408.166 162.264L541.94 241.784C542.913 242.364 543.617 243.307 543.896 244.405C544.175 245.503 544.008 246.668 543.43 247.643L427.801 442.327C427.221 443.3 426.279 444.004 425.181 444.284C424.083 444.564 422.919 444.396 421.945 443.818Z" fill="white"/>
|
|
2496
|
+
<path d="M476.895 198.947C477.546 198.947 478.074 198.419 478.074 197.768C478.074 197.116 477.546 196.588 476.895 196.588C476.244 196.588 475.716 197.116 475.716 197.768C475.716 198.419 476.244 198.947 476.895 198.947Z" fill="white"/>
|
|
2497
|
+
<path d="M469.597 338.407L357.929 272.028C357.579 271.821 357.273 271.548 357.028 271.223C356.784 270.898 356.606 270.528 356.505 270.134C356.404 269.74 356.382 269.33 356.439 268.928C356.497 268.525 356.634 268.138 356.841 267.788C357.049 267.439 357.324 267.134 357.649 266.89C357.975 266.647 358.346 266.471 358.74 266.371C359.134 266.272 359.544 266.251 359.946 266.31C360.348 266.37 360.735 266.508 361.083 266.717L472.751 333.096C473.101 333.302 473.407 333.576 473.652 333.901C473.896 334.226 474.074 334.596 474.175 334.99C474.276 335.384 474.298 335.794 474.24 336.196C474.183 336.599 474.046 336.986 473.838 337.335C473.631 337.685 473.356 337.99 473.03 338.233C472.705 338.476 472.334 338.653 471.94 338.752C471.546 338.852 471.136 338.873 470.734 338.813C470.332 338.754 469.945 338.616 469.597 338.407Z" fill="#E6E6E6"/>
|
|
2498
|
+
<path d="M425.008 328.122L388.278 306.288C387.929 306.081 387.624 305.807 387.382 305.482C387.139 305.157 386.962 304.787 386.862 304.394C386.762 304.001 386.74 303.592 386.798 303.191C386.856 302.789 386.993 302.403 387.2 302.054C387.407 301.705 387.681 301.401 388.006 301.158C388.33 300.915 388.7 300.738 389.093 300.638C389.486 300.538 389.895 300.517 390.296 300.575C390.697 300.633 391.083 300.769 391.432 300.977L428.163 322.811C428.511 323.018 428.816 323.292 429.058 323.617C429.301 323.942 429.478 324.311 429.578 324.704C429.678 325.097 429.699 325.506 429.641 325.908C429.583 326.309 429.447 326.695 429.24 327.044C429.033 327.393 428.759 327.697 428.434 327.94C428.109 328.183 427.74 328.36 427.347 328.46C426.954 328.56 426.545 328.581 426.144 328.523C425.743 328.465 425.357 328.329 425.008 328.122Z" fill="#E6E6E6"/>
|
|
2499
|
+
<path d="M410.567 352.436L373.836 330.602C373.132 330.183 372.623 329.502 372.422 328.708C372.22 327.914 372.341 327.073 372.759 326.369C373.178 325.664 373.858 325.155 374.652 324.953C375.445 324.751 376.287 324.872 376.991 325.291L413.721 347.125C414.07 347.332 414.374 347.606 414.617 347.93C414.86 348.255 415.036 348.625 415.136 349.018C415.236 349.411 415.258 349.82 415.2 350.222C415.142 350.623 415.005 351.009 414.798 351.358C414.591 351.707 414.318 352.011 413.993 352.254C413.668 352.497 413.299 352.673 412.906 352.774C412.513 352.874 412.104 352.895 411.703 352.837C411.301 352.779 410.915 352.643 410.567 352.436Z" fill="#E6E6E6"/>
|
|
2500
|
+
<path d="M403.17 364.891L366.44 343.057C366.09 342.85 365.785 342.576 365.541 342.251C365.297 341.926 365.12 341.557 365.019 341.163C364.919 340.769 364.896 340.36 364.954 339.958C365.012 339.556 365.149 339.169 365.356 338.82C365.563 338.47 365.838 338.165 366.163 337.922C366.489 337.679 366.859 337.503 367.252 337.403C367.646 337.303 368.055 337.282 368.457 337.341C368.859 337.4 369.245 337.537 369.594 337.746L406.324 359.58C406.675 359.786 406.981 360.06 407.225 360.385C407.47 360.71 407.648 361.08 407.749 361.473C407.85 361.867 407.872 362.277 407.814 362.68C407.757 363.083 407.62 363.47 407.412 363.819C407.205 364.169 406.93 364.474 406.604 364.717C406.278 364.96 405.908 365.137 405.514 365.236C405.12 365.336 404.71 365.357 404.307 365.297C403.905 365.238 403.519 365.1 403.17 364.891Z" fill="#E6E6E6"/>
|
|
2501
|
+
<path d="M438.488 352.353L360.558 306.029C359.858 305.609 359.352 304.928 359.152 304.136C358.953 303.344 359.075 302.504 359.492 301.802C359.909 301.1 360.587 300.591 361.378 300.388C362.169 300.185 363.009 300.304 363.713 300.718L441.643 347.042C441.993 347.249 442.299 347.522 442.543 347.847C442.788 348.172 442.966 348.542 443.067 348.936C443.168 349.33 443.19 349.74 443.132 350.143C443.075 350.545 442.938 350.932 442.731 351.282C442.523 351.632 442.248 351.937 441.922 352.18C441.597 352.423 441.226 352.6 440.832 352.699C440.438 352.799 440.028 352.819 439.626 352.76C439.224 352.701 438.837 352.562 438.488 352.353Z" fill="#E6E6E6"/>
|
|
2502
|
+
<path d="M423.635 411.556L410.299 403.628C409.103 402.916 408.239 401.758 407.897 400.409C407.554 399.059 407.761 397.629 408.472 396.433C409.183 395.236 410.339 394.371 411.688 394.026C413.036 393.682 414.465 393.888 415.662 394.597L428.999 402.525C430.196 403.237 431.062 404.395 431.405 405.745C431.749 407.095 431.542 408.526 430.831 409.724C430.12 410.921 428.962 411.787 427.612 412.131C426.263 412.474 424.832 412.268 423.635 411.556Z" fill="#16006F"/>
|
|
2503
|
+
<path d="M448.518 282.837C463.616 282.837 475.855 270.593 475.855 255.489C475.855 240.385 463.616 228.141 448.518 228.141C433.421 228.141 421.182 240.385 421.182 255.489C421.182 270.593 433.421 282.837 448.518 282.837Z" fill="#16006F"/>
|
|
2504
|
+
<path d="M0.322266 366.622H370.264V152.358C370.262 150.753 369.624 149.213 368.489 148.078C367.355 146.943 365.816 146.305 364.211 146.303H6.37506C4.77034 146.305 3.23187 146.943 2.09714 148.078C0.96242 149.213 0.324119 150.753 0.322266 152.358V366.622Z" fill="#CACACA"/>
|
|
2505
|
+
<path d="M358.834 154.678H11.752V351.805H358.834V154.678Z" fill="white"/>
|
|
2506
|
+
<path d="M4.97662e-10 360.824V387.265C-1.19659e-05 388.361 0.215782 389.446 0.635061 390.459C1.05434 391.471 1.66889 392.392 2.44363 393.167C3.21837 393.942 4.13813 394.557 5.15038 394.976C6.16263 395.396 7.24755 395.611 8.3432 395.611H144.886V447.792H143.072C142.93 447.792 142.789 447.82 142.657 447.875C142.526 447.929 142.406 448.009 142.306 448.11C142.205 448.211 142.125 448.33 142.071 448.462C142.016 448.593 141.988 448.734 141.988 448.877V452.506C141.988 452.648 142.016 452.789 142.071 452.921C142.125 453.052 142.205 453.172 142.306 453.273C142.406 453.373 142.526 453.453 142.657 453.508C142.789 453.562 142.93 453.59 143.072 453.59H227.836C227.978 453.59 228.119 453.562 228.251 453.508C228.382 453.453 228.502 453.373 228.602 453.273C228.703 453.172 228.783 453.052 228.837 452.921C228.892 452.789 228.92 452.648 228.92 452.506V448.877C228.92 448.734 228.892 448.593 228.837 448.462C228.783 448.33 228.703 448.211 228.602 448.11C228.502 448.009 228.382 447.929 228.251 447.875C228.119 447.82 227.978 447.792 227.836 447.792H226.022V395.611H362.565C363.66 395.611 364.745 395.396 365.758 394.976C366.77 394.557 367.69 393.942 368.464 393.167C369.239 392.392 369.854 391.472 370.273 390.459C370.692 389.446 370.908 388.361 370.908 387.265V360.824L4.97662e-10 360.824Z" fill="#3F3D56"/>
|
|
2507
|
+
<path d="M308.611 220.604H144.246C143.21 220.604 142.216 220.192 141.483 219.459C140.75 218.726 140.339 217.732 140.339 216.696C140.339 215.659 140.75 214.665 141.483 213.932C142.216 213.199 143.21 212.787 144.246 212.787H308.611C309.647 212.787 310.64 213.199 311.373 213.932C312.106 214.665 312.517 215.659 312.517 216.696C312.517 217.732 312.106 218.726 311.373 219.459C310.64 220.192 309.647 220.604 308.611 220.604Z" fill="#E6E6E6"/>
|
|
2508
|
+
<path d="M253.461 238.249H199.396C198.36 238.249 197.366 237.837 196.634 237.104C195.901 236.371 195.489 235.377 195.489 234.34C195.489 233.304 195.901 232.309 196.634 231.576C197.366 230.843 198.36 230.432 199.396 230.432H253.461C254.497 230.432 255.491 230.843 256.223 231.576C256.956 232.309 257.368 233.304 257.368 234.34C257.368 235.377 256.956 236.371 256.223 237.104C255.491 237.837 254.497 238.249 253.461 238.249Z" fill="#E6E6E6"/>
|
|
2509
|
+
<path d="M253.461 274.038H199.396C198.36 274.038 197.366 273.626 196.634 272.893C195.901 272.16 195.489 271.166 195.489 270.129C195.489 269.093 195.901 268.099 196.634 267.366C197.366 266.633 198.36 266.221 199.396 266.221H253.461C254.497 266.221 255.491 266.633 256.223 267.366C256.956 268.099 257.368 269.093 257.368 270.129C257.368 271.166 256.956 272.16 256.223 272.893C255.491 273.626 254.497 274.038 253.461 274.038Z" fill="#E6E6E6"/>
|
|
2510
|
+
<path d="M253.46 292.368H199.396C198.883 292.368 198.375 292.267 197.901 292.07C197.427 291.874 196.996 291.586 196.634 291.223C196.271 290.86 195.983 290.429 195.787 289.955C195.59 289.481 195.489 288.973 195.489 288.459C195.489 287.946 195.59 287.438 195.787 286.964C195.983 286.489 196.271 286.059 196.634 285.696C196.996 285.333 197.427 285.045 197.901 284.848C198.375 284.652 198.883 284.551 199.396 284.551H253.46C253.973 284.551 254.481 284.652 254.955 284.848C255.429 285.045 255.86 285.333 256.223 285.696C256.586 286.059 256.873 286.489 257.07 286.964C257.266 287.438 257.367 287.946 257.367 288.459C257.367 288.973 257.266 289.481 257.07 289.955C256.873 290.429 256.586 290.86 256.223 291.223C255.86 291.586 255.429 291.874 254.955 292.07C254.481 292.267 253.973 292.368 253.46 292.368Z" fill="#E6E6E6"/>
|
|
2511
|
+
<path d="M283.782 255.891H169.076C168.04 255.891 167.046 255.479 166.313 254.746C165.581 254.013 165.169 253.019 165.169 251.983C165.169 250.946 165.581 249.952 166.313 249.219C167.046 248.486 168.04 248.074 169.076 248.074H283.782C284.818 248.074 285.812 248.486 286.544 249.219C287.277 249.952 287.689 250.946 287.689 251.983C287.689 253.019 287.277 254.013 286.544 254.746C285.812 255.479 284.818 255.891 283.782 255.891Z" fill="#E6E6E6"/>
|
|
2512
|
+
<path d="M305.875 329.9H286.244C284.482 329.9 282.792 329.2 281.546 327.953C280.301 326.707 279.601 325.017 279.601 323.254C279.601 321.491 280.301 319.801 281.546 318.554C282.792 317.308 284.482 316.607 286.244 316.607H305.875C307.637 316.607 309.326 317.308 310.572 318.554C311.818 319.801 312.518 321.491 312.518 323.254C312.518 325.017 311.818 326.707 310.572 327.953C309.326 329.2 307.637 329.9 305.875 329.9Z" fill="#16006F"/>
|
|
2513
|
+
<path d="M92.5605 281.66C111.433 281.66 126.731 266.354 126.731 247.474C126.731 228.594 111.433 213.289 92.5605 213.289C73.6885 213.289 58.3896 228.594 58.3896 247.474C58.3896 266.354 73.6885 281.66 92.5605 281.66Z" fill="#16006F"/>
|
|
2514
|
+
<path d="M492.429 455H0.904464C0.665122 455 0.435826 454.904 0.266831 454.735C0.0978354 454.565 0.00292969 454.335 0.00292969 454.096C0.00292969 453.856 0.0978354 453.627 0.266831 453.457C0.435826 453.288 0.665122 453.192 0.904464 453.191H492.429C492.668 453.192 492.897 453.288 493.066 453.457C493.235 453.627 493.33 453.856 493.33 454.096C493.33 454.335 493.235 454.565 493.066 454.735C492.897 454.904 492.668 455 492.429 455Z" fill="#CACACA"/>
|
|
2515
|
+
</g>
|
|
2516
|
+
<defs>
|
|
2517
|
+
<clipPath id="clip0_1692_5902">
|
|
2518
|
+
<rect width="553" height="455" fill="white"/>
|
|
2519
|
+
</clipPath>
|
|
2520
|
+
</defs>
|
|
2521
|
+
</svg>
|
|
2522
|
+
`;
|
|
2523
|
+
|
|
2463
2524
|
const illustrationsDefaults = [
|
|
2464
2525
|
{
|
|
2465
2526
|
name: 'tk-kiosk:illustration-for-to-go',
|
|
@@ -2513,6 +2574,10 @@ const illustrationsDefaults = [
|
|
|
2513
2574
|
name: 'tk-kiosk:illustration-qr-code-payment',
|
|
2514
2575
|
literal: qrCodePayment,
|
|
2515
2576
|
},
|
|
2577
|
+
{
|
|
2578
|
+
name: 'tk-kiosk:sync',
|
|
2579
|
+
literal: sync,
|
|
2580
|
+
},
|
|
2516
2581
|
];
|
|
2517
2582
|
|
|
2518
2583
|
class TkKioskIconsConfigModule {
|
|
@@ -3084,54 +3149,107 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
|
|
|
3084
3149
|
type: Output
|
|
3085
3150
|
}] } });
|
|
3086
3151
|
|
|
3087
|
-
class
|
|
3152
|
+
class TkKioskCustomCheckCardComponent {
|
|
3088
3153
|
constructor() {
|
|
3089
|
-
|
|
3154
|
+
/**
|
|
3155
|
+
* Display title for the custom component
|
|
3156
|
+
*/
|
|
3090
3157
|
this.title = '';
|
|
3158
|
+
/**
|
|
3159
|
+
* Image URL to display in the component
|
|
3160
|
+
*/
|
|
3091
3161
|
this.image = '';
|
|
3162
|
+
/**
|
|
3163
|
+
* Price value to display
|
|
3164
|
+
*/
|
|
3092
3165
|
this.price = 0;
|
|
3166
|
+
/**
|
|
3167
|
+
* Selection state of the component
|
|
3168
|
+
*/
|
|
3093
3169
|
this.selected = false;
|
|
3094
|
-
|
|
3170
|
+
/**
|
|
3171
|
+
* Type of counter to display (add, minus, counter, or none)
|
|
3172
|
+
*/
|
|
3095
3173
|
this.typeCounter = '';
|
|
3174
|
+
/**
|
|
3175
|
+
* Current quantity value for counter
|
|
3176
|
+
*/
|
|
3096
3177
|
this.quantity = 0;
|
|
3178
|
+
/**
|
|
3179
|
+
* Maximum allowed quantity
|
|
3180
|
+
*/
|
|
3097
3181
|
this.totalMax = 0;
|
|
3182
|
+
/**
|
|
3183
|
+
* Minimum allowed quantity
|
|
3184
|
+
*/
|
|
3098
3185
|
this.totalMin = 0;
|
|
3099
|
-
|
|
3186
|
+
/**
|
|
3187
|
+
* Whether the component can be selected
|
|
3188
|
+
*/
|
|
3100
3189
|
this.isSelectable = true;
|
|
3101
|
-
|
|
3190
|
+
/**
|
|
3191
|
+
* Whether the component is disabled
|
|
3192
|
+
*/
|
|
3102
3193
|
this.isDisabled = false;
|
|
3103
|
-
|
|
3194
|
+
/**
|
|
3195
|
+
* Type of check card (simple or multiple)
|
|
3196
|
+
*/
|
|
3104
3197
|
this.typeCheck = 'simple';
|
|
3105
|
-
|
|
3198
|
+
/**
|
|
3199
|
+
* Border radius style for the image (circle or none)
|
|
3200
|
+
*/
|
|
3106
3201
|
this.imageBorderRadius = 'circle';
|
|
3202
|
+
/**
|
|
3203
|
+
* Custom width for the component
|
|
3204
|
+
*/
|
|
3107
3205
|
this.width = '';
|
|
3206
|
+
/**
|
|
3207
|
+
* Minimum height for the component
|
|
3208
|
+
*/
|
|
3108
3209
|
this.minHeight = '';
|
|
3109
|
-
|
|
3210
|
+
/**
|
|
3211
|
+
* Emitted when counter value changes
|
|
3212
|
+
*/
|
|
3110
3213
|
this.onChange = new EventEmitter();
|
|
3214
|
+
/**
|
|
3215
|
+
* Emitted when component is clicked
|
|
3216
|
+
*/
|
|
3111
3217
|
this.onClick = new EventEmitter();
|
|
3112
3218
|
}
|
|
3113
|
-
|
|
3219
|
+
/**
|
|
3220
|
+
* Handles counter value changes with validation
|
|
3221
|
+
* @param value - The increment/decrement value
|
|
3222
|
+
*/
|
|
3114
3223
|
onChangeCounter(value) {
|
|
3115
|
-
this.
|
|
3224
|
+
if (this.isDisabled)
|
|
3225
|
+
return;
|
|
3226
|
+
const newQuantity = this.quantity + value;
|
|
3227
|
+
if (this.totalMax > 0 && newQuantity > this.totalMax)
|
|
3228
|
+
return;
|
|
3229
|
+
if (this.totalMin >= 0 && newQuantity < this.totalMin)
|
|
3230
|
+
return;
|
|
3231
|
+
this.onChange.emit(newQuantity);
|
|
3116
3232
|
}
|
|
3233
|
+
/**
|
|
3234
|
+
* Handles component click events
|
|
3235
|
+
*/
|
|
3117
3236
|
handleClick() {
|
|
3118
|
-
if (this.isSelectable
|
|
3119
|
-
|
|
3120
|
-
|
|
3121
|
-
}
|
|
3237
|
+
if (!this.isSelectable || this.isDisabled)
|
|
3238
|
+
return;
|
|
3239
|
+
this.onClick.emit();
|
|
3122
3240
|
}
|
|
3123
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type:
|
|
3124
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type:
|
|
3241
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskCustomCheckCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3242
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", 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 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", "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" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3125
3243
|
}
|
|
3126
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type:
|
|
3244
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskCustomCheckCardComponent, decorators: [{
|
|
3127
3245
|
type: Component,
|
|
3128
|
-
args: [{ selector: 'tk-kiosk-
|
|
3246
|
+
args: [{ selector: 'tk-kiosk-custom-check-card', standalone: true, imports: [
|
|
3129
3247
|
TkKioskTypographyComponent,
|
|
3130
3248
|
TkKioskIconBtnComponent,
|
|
3131
3249
|
TkKioskBtnCountComponent,
|
|
3132
3250
|
TkKioskCheckCardComponent,
|
|
3133
3251
|
CustomCurrencyPipe,
|
|
3134
|
-
], 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-
|
|
3252
|
+
], 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 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"] }]
|
|
3135
3253
|
}], propDecorators: { title: [{
|
|
3136
3254
|
type: Input
|
|
3137
3255
|
}], image: [{
|
|
@@ -3643,5 +3761,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
|
|
|
3643
3761
|
* Generated bundle index. Do not edit.
|
|
3644
3762
|
*/
|
|
3645
3763
|
|
|
3646
|
-
export { CustomCurrencyPipe, ThemeService, TkKioskBadgeComponent, TkKioskBarCartComponent, TkKioskBarComponent, TkKioskBarLogoComponent, TkKioskBarNavigationComponent, TkKioskBarSearchComponent, TkKioskBtnCategoryComponent, TkKioskBtnComponent, TkKioskBtnCountComponent, TkKioskCardComponent, TkKioskCardResumeCheckoutComponent, TkKioskCheckCardComponent, TkKioskCheckCardGroupComponent, TkKioskCheckComponent, TkKioskCheckGroupComponent, TkKioskCodeFieldComponent,
|
|
3764
|
+
export { CustomCurrencyPipe, ThemeService, TkKioskBadgeComponent, TkKioskBarCartComponent, TkKioskBarComponent, TkKioskBarLogoComponent, TkKioskBarNavigationComponent, TkKioskBarSearchComponent, TkKioskBtnCategoryComponent, TkKioskBtnComponent, TkKioskBtnCountComponent, TkKioskCardComponent, TkKioskCardResumeCheckoutComponent, TkKioskCheckCardComponent, TkKioskCheckCardGroupComponent, TkKioskCheckComponent, TkKioskCheckGroupComponent, TkKioskCodeFieldComponent, TkKioskCustomCheckCardComponent, TkKioskDatePickerComponent, TkKioskFooterNavigationComponent, TkKioskHourSelectComponent, TkKioskIconBtnComponent, TkKioskIconsConfigModule, TkKioskIllustrationsComponent, TkKioskKeyboardComponent, TkKioskModalComponent, TkKioskProductCardComponent, TkKioskProductItemComponent, TkKioskProductOptionComponent, TkKioskProductResumeComponent, TkKioskProductSliderComponent, TkKioskSelectFieldComponent, TkKioskSliderComponent, TkKioskStatusCardComponent, TkKioskStepperContainerComponent, TkKioskStepperLayoutComponent, TkKioskStepperLayoutContentComponent, TkKioskStepperLayoutSideBarComponent, TkKioskStepperStepsComponent, TkKioskTextFieldComponent, TkKioskTimePickerComponent, TkKioskTypographyComponent, TkKioskVerticalArrowScrollComponent, TypographyService };
|
|
3647
3765
|
//# sourceMappingURL=tekus-kiosks-design-system.mjs.map
|