@tekus/kiosks-design-system 0.0.24 → 0.0.26
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-hour-select/tk-kiosk-hour-select.component.mjs +18 -7
- package/esm2022/lib/components/tk-kiosk-product-card/tk-kiosk-product-card.component.mjs +30 -6
- package/esm2022/lib/components/tk-kiosk-product-resume/tk-kiosk-product-resume.component.mjs +30 -6
- package/esm2022/lib/components/tk-kiosk-product-slider/tk-kiosk-product-slider.component.mjs +3 -3
- package/esm2022/lib/components/tk-kiosk-text-field/tk-kiosk-text-field.component.mjs +12 -6
- package/esm2022/lib/icon-data-set/icons/clock.mjs +5 -0
- package/esm2022/lib/icon-data-set/icons/index.mjs +2 -1
- package/esm2022/lib/icon-data-set/icons-svg.mjs +6 -2
- package/fesm2022/tekus-kiosks-design-system.mjs +95 -20
- package/fesm2022/tekus-kiosks-design-system.mjs.map +1 -1
- package/lib/components/tk-kiosk-hour-select/tk-kiosk-hour-select.component.d.ts +4 -1
- package/lib/components/tk-kiosk-product-card/tk-kiosk-product-card.component.d.ts +12 -3
- package/lib/components/tk-kiosk-product-resume/tk-kiosk-product-resume.component.d.ts +12 -2
- package/lib/components/tk-kiosk-text-field/tk-kiosk-text-field.component.d.ts +4 -2
- package/lib/icon-data-set/icons/clock.d.ts +1 -0
- package/lib/icon-data-set/icons/index.d.ts +1 -0
- package/package.json +1 -1
|
@@ -1,26 +1,31 @@
|
|
|
1
|
-
import { NgFor } from '@angular/common';
|
|
1
|
+
import { NgFor, NgStyle } from '@angular/common';
|
|
2
2
|
import { Component, Input } from '@angular/core';
|
|
3
3
|
import { ReactiveFormsModule } from '@angular/forms';
|
|
4
4
|
import { NzSelectModule } from 'ng-zorro-antd/select';
|
|
5
|
-
import {
|
|
5
|
+
import { NzIconDirective } from 'ng-zorro-antd/icon';
|
|
6
6
|
import { TkKioskTypographyComponent } from '../tk-kiosk-typography';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
import * as i1 from "ng-zorro-antd/select";
|
|
9
9
|
import * as i2 from "@angular/forms";
|
|
10
|
-
import * as i3 from "ng-zorro-antd/icon";
|
|
11
10
|
export class TkKioskHourSelectComponent {
|
|
11
|
+
constructor() {
|
|
12
|
+
this.iconWidth = '40px';
|
|
13
|
+
this.iconHeight = '40px';
|
|
14
|
+
this.icon = 'tk-kiosk:clock';
|
|
15
|
+
}
|
|
12
16
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskHourSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: TkKioskHourSelectComponent, isStandalone: true, selector: "tk-kiosk-hour-select", inputs: { label: "label", placeholder: "placeholder", controlName: "controlName", formGroup: "formGroup", options: "options" }, ngImport: i0, template: "<ng-container [formGroup]=\"formGroup\">\n <nz-select\n class=\"tk-select\"\n [formControlName]=\"controlName\"\n [nzPlaceHolder]=\"placeholder\"\n [nzDropdownStyle]=\"{ borderRadius: '30px', overflow: 'hidden' }\"\n [nzOptionHeightPx]=\"70\"\n [nzSuffixIcon]=\"hourIcon\"\n >\n <nz-option\n nzCustomContent\n *ngFor=\"let option of options\"\n [nzValue]=\"option\"\n [nzLabel]=\"option\"\n >\n <div class=\"tk-select__option\">\n <tk-kiosk-typography type=\"subtitle2\" color=\"tk-color-neutral-300\">\n {{ option }}\n </tk-kiosk-typography>\n </div>\n </nz-option>\n </nz-select>\n</ng-container>\n\n<ng-template #hourIcon>\n <figure class=\"hour-icon\">\n <
|
|
17
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: TkKioskHourSelectComponent, isStandalone: true, selector: "tk-kiosk-hour-select", inputs: { label: "label", placeholder: "placeholder", controlName: "controlName", formGroup: "formGroup", options: "options", iconWidth: "iconWidth", iconHeight: "iconHeight", icon: "icon" }, ngImport: i0, template: "<ng-container [formGroup]=\"formGroup\">\n <nz-select\n class=\"tk-select\"\n [formControlName]=\"controlName\"\n [nzPlaceHolder]=\"placeholder\"\n [nzDropdownStyle]=\"{ borderRadius: '30px', overflow: 'hidden' }\"\n [nzOptionHeightPx]=\"70\"\n [nzSuffixIcon]=\"hourIcon\"\n >\n <nz-option\n nzCustomContent\n *ngFor=\"let option of options\"\n [nzValue]=\"option\"\n [nzLabel]=\"option\"\n >\n <div class=\"tk-select__option\">\n <tk-kiosk-typography type=\"subtitle2\" color=\"tk-color-neutral-300\">\n {{ option }}\n </tk-kiosk-typography>\n </div>\n </nz-option>\n </nz-select>\n</ng-container>\n\n<ng-template #hourIcon>\n <figure class=\"hour-icon\">\n <span nz-icon [nzType]=\"icon\" [ngStyle]=\"{'font-size': iconWidth, 'height':iconHeight}\" > </span>\n </figure>\n</ng-template>\n", styles: [".tk-select{width:100%;height:71px;margin-bottom:46px;border-radius:30px;overflow:hidden;border:none;font-size:32px;background-color:var(--tk-color-primary-900);box-shadow:0 1px 5px #0000001f,0 2px 2px #00000024,0 1px 1px #0003}.tk-select__option{font-size:32px;color:var(--tk-color-neutral-100);padding:10px 12px;height:60px;line-height:normal}.tk-select .hour-icon{margin:0}.tk-select .hour-icon span{color:#fff}.tk-select ::ng-deep .ant-select-selector{height:100%;border-radius:30px 0 0 30px;padding:20px 24px}.tk-select ::ng-deep .ant-select-arrow{font-size:32px;color:#fff;background-color:var(--tk-color-primary-900);width:80px;display:flex;right:0;justify-content:center;height:71px;top:10%}\n"], dependencies: [{ kind: "ngmodule", type: NzSelectModule }, { kind: "component", type: i1.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i1.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus"], exportAs: ["nzSelect"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: TkKioskTypographyComponent, selector: "tk-kiosk-typography", inputs: ["type", "color", "size", "weight", "lineBreak"] }, { kind: "directive", type: NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }] }); }
|
|
14
18
|
}
|
|
15
19
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskHourSelectComponent, decorators: [{
|
|
16
20
|
type: Component,
|
|
17
21
|
args: [{ selector: 'tk-kiosk-hour-select', standalone: true, imports: [
|
|
18
22
|
NzSelectModule,
|
|
19
23
|
ReactiveFormsModule,
|
|
24
|
+
NgStyle,
|
|
20
25
|
NgFor,
|
|
21
26
|
TkKioskTypographyComponent,
|
|
22
|
-
|
|
23
|
-
], template: "<ng-container [formGroup]=\"formGroup\">\n <nz-select\n class=\"tk-select\"\n [formControlName]=\"controlName\"\n [nzPlaceHolder]=\"placeholder\"\n [nzDropdownStyle]=\"{ borderRadius: '30px', overflow: 'hidden' }\"\n [nzOptionHeightPx]=\"70\"\n [nzSuffixIcon]=\"hourIcon\"\n >\n <nz-option\n nzCustomContent\n *ngFor=\"let option of options\"\n [nzValue]=\"option\"\n [nzLabel]=\"option\"\n >\n <div class=\"tk-select__option\">\n <tk-kiosk-typography type=\"subtitle2\" color=\"tk-color-neutral-300\">\n {{ option }}\n </tk-kiosk-typography>\n </div>\n </nz-option>\n </nz-select>\n</ng-container>\n\n<ng-template #hourIcon>\n <figure class=\"hour-icon\">\n <
|
|
27
|
+
NzIconDirective,
|
|
28
|
+
], template: "<ng-container [formGroup]=\"formGroup\">\n <nz-select\n class=\"tk-select\"\n [formControlName]=\"controlName\"\n [nzPlaceHolder]=\"placeholder\"\n [nzDropdownStyle]=\"{ borderRadius: '30px', overflow: 'hidden' }\"\n [nzOptionHeightPx]=\"70\"\n [nzSuffixIcon]=\"hourIcon\"\n >\n <nz-option\n nzCustomContent\n *ngFor=\"let option of options\"\n [nzValue]=\"option\"\n [nzLabel]=\"option\"\n >\n <div class=\"tk-select__option\">\n <tk-kiosk-typography type=\"subtitle2\" color=\"tk-color-neutral-300\">\n {{ option }}\n </tk-kiosk-typography>\n </div>\n </nz-option>\n </nz-select>\n</ng-container>\n\n<ng-template #hourIcon>\n <figure class=\"hour-icon\">\n <span nz-icon [nzType]=\"icon\" [ngStyle]=\"{'font-size': iconWidth, 'height':iconHeight}\" > </span>\n </figure>\n</ng-template>\n", styles: [".tk-select{width:100%;height:71px;margin-bottom:46px;border-radius:30px;overflow:hidden;border:none;font-size:32px;background-color:var(--tk-color-primary-900);box-shadow:0 1px 5px #0000001f,0 2px 2px #00000024,0 1px 1px #0003}.tk-select__option{font-size:32px;color:var(--tk-color-neutral-100);padding:10px 12px;height:60px;line-height:normal}.tk-select .hour-icon{margin:0}.tk-select .hour-icon span{color:#fff}.tk-select ::ng-deep .ant-select-selector{height:100%;border-radius:30px 0 0 30px;padding:20px 24px}.tk-select ::ng-deep .ant-select-arrow{font-size:32px;color:#fff;background-color:var(--tk-color-primary-900);width:80px;display:flex;right:0;justify-content:center;height:71px;top:10%}\n"] }]
|
|
24
29
|
}], propDecorators: { label: [{
|
|
25
30
|
type: Input
|
|
26
31
|
}], placeholder: [{
|
|
@@ -31,5 +36,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
|
|
|
31
36
|
type: Input
|
|
32
37
|
}], options: [{
|
|
33
38
|
type: Input
|
|
39
|
+
}], iconWidth: [{
|
|
40
|
+
type: Input
|
|
41
|
+
}], iconHeight: [{
|
|
42
|
+
type: Input
|
|
43
|
+
}], icon: [{
|
|
44
|
+
type: Input
|
|
34
45
|
}] } });
|
|
35
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
46
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGsta2lvc2staG91ci1zZWxlY3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGsta2lvc2stZHMvc3JjL2xpYi9jb21wb25lbnRzL3RrLWtpb3NrLWhvdXItc2VsZWN0L3RrLWtpb3NrLWhvdXItc2VsZWN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RrLWtpb3NrLWRzL3NyYy9saWIvY29tcG9uZW50cy90ay1raW9zay1ob3VyLXNlbGVjdC90ay1raW9zay1ob3VyLXNlbGVjdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ2pELE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxtQkFBbUIsRUFBYSxNQUFNLGdCQUFnQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUN0RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDckQsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7Ozs7QUFnQnBFLE1BQU0sT0FBTywwQkFBMEI7SUFkdkM7UUFvQlcsY0FBUyxHQUFHLE1BQU0sQ0FBQztRQUNuQixlQUFVLEdBQUcsTUFBTSxDQUFDO1FBQ3BCLFNBQUksR0FBRyxnQkFBZ0IsQ0FBQztLQUNqQzs4R0FUVywwQkFBMEI7a0dBQTFCLDBCQUEwQixnUkNyQnZDLGczQkE2QkEscXZCRGxCSSxjQUFjLDhoQ0FDZCxtQkFBbUIsb2xCQUNuQixPQUFPLDJFQUNQLEtBQUssbUhBQ0wsMEJBQTBCLDBIQUMxQixlQUFlOzsyRkFLTiwwQkFBMEI7a0JBZHRDLFNBQVM7K0JBQ0Usc0JBQXNCLGNBQ3BCLElBQUksV0FDUDt3QkFDUCxjQUFjO3dCQUNkLG1CQUFtQjt3QkFDbkIsT0FBTzt3QkFDUCxLQUFLO3dCQUNMLDBCQUEwQjt3QkFDMUIsZUFBZTtxQkFDaEI7OEJBS1EsS0FBSztzQkFBYixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdGb3IsIE5nU3R5bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUmVhY3RpdmVGb3Jtc01vZHVsZSwgRm9ybUdyb3VwIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgTnpTZWxlY3RNb2R1bGUgfSBmcm9tICduZy16b3Jyby1hbnRkL3NlbGVjdCc7XG5pbXBvcnQgeyBOekljb25EaXJlY3RpdmUgfSBmcm9tICduZy16b3Jyby1hbnRkL2ljb24nO1xuaW1wb3J0IHsgVGtLaW9za1R5cG9ncmFwaHlDb21wb25lbnQgfSBmcm9tICcuLi90ay1raW9zay10eXBvZ3JhcGh5JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndGsta2lvc2staG91ci1zZWxlY3QnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgTnpTZWxlY3RNb2R1bGUsXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgICBOZ1N0eWxlLFxuICAgIE5nRm9yLFxuICAgIFRrS2lvc2tUeXBvZ3JhcGh5Q29tcG9uZW50LFxuICAgIE56SWNvbkRpcmVjdGl2ZSxcbiAgXSxcbiAgdGVtcGxhdGVVcmw6ICcuL3RrLWtpb3NrLWhvdXItc2VsZWN0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vdGsta2lvc2staG91ci1zZWxlY3QuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgVGtLaW9za0hvdXJTZWxlY3RDb21wb25lbnQge1xuICBASW5wdXQoKSBsYWJlbCE6IHN0cmluZztcbiAgQElucHV0KCkgcGxhY2Vob2xkZXIhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGNvbnRyb2xOYW1lITogc3RyaW5nO1xuICBASW5wdXQoKSBmb3JtR3JvdXAhOiBGb3JtR3JvdXA7XG4gIEBJbnB1dCgpIG9wdGlvbnMhOiBzdHJpbmdbXTtcbiAgQElucHV0KCkgaWNvbldpZHRoID0gJzQwcHgnO1xuICBASW5wdXQoKSBpY29uSGVpZ2h0ID0gJzQwcHgnO1xuICBASW5wdXQoKSBpY29uID0gJ3RrLWtpb3NrOmNsb2NrJztcbiB9XG4iLCI8bmctY29udGFpbmVyIFtmb3JtR3JvdXBdPVwiZm9ybUdyb3VwXCI+XG4gIDxuei1zZWxlY3RcbiAgICBjbGFzcz1cInRrLXNlbGVjdFwiXG4gICAgW2Zvcm1Db250cm9sTmFtZV09XCJjb250cm9sTmFtZVwiXG4gICAgW256UGxhY2VIb2xkZXJdPVwicGxhY2Vob2xkZXJcIlxuICAgIFtuekRyb3Bkb3duU3R5bGVdPVwieyBib3JkZXJSYWRpdXM6ICczMHB4Jywgb3ZlcmZsb3c6ICdoaWRkZW4nIH1cIlxuICAgIFtuek9wdGlvbkhlaWdodFB4XT1cIjcwXCJcbiAgICBbbnpTdWZmaXhJY29uXT1cImhvdXJJY29uXCJcbiAgPlxuICAgIDxuei1vcHRpb25cbiAgICAgIG56Q3VzdG9tQ29udGVudFxuICAgICAgKm5nRm9yPVwibGV0IG9wdGlvbiBvZiBvcHRpb25zXCJcbiAgICAgIFtuelZhbHVlXT1cIm9wdGlvblwiXG4gICAgICBbbnpMYWJlbF09XCJvcHRpb25cIlxuICAgID5cbiAgICAgIDxkaXYgY2xhc3M9XCJ0ay1zZWxlY3RfX29wdGlvblwiPlxuICAgICAgICA8dGsta2lvc2stdHlwb2dyYXBoeSB0eXBlPVwic3VidGl0bGUyXCIgY29sb3I9XCJ0ay1jb2xvci1uZXV0cmFsLTMwMFwiPlxuICAgICAgICAgIHt7IG9wdGlvbiB9fVxuICAgICAgICA8L3RrLWtpb3NrLXR5cG9ncmFwaHk+XG4gICAgICA8L2Rpdj5cbiAgICA8L256LW9wdGlvbj5cbiAgPC9uei1zZWxlY3Q+XG48L25nLWNvbnRhaW5lcj5cblxuPG5nLXRlbXBsYXRlICNob3VySWNvbj5cbiAgPGZpZ3VyZSBjbGFzcz1cImhvdXItaWNvblwiPlxuICAgIDxzcGFuIG56LWljb24gW256VHlwZV09XCJpY29uXCIgW25nU3R5bGVdPVwieydmb250LXNpemUnOiBpY29uV2lkdGgsICdoZWlnaHQnOmljb25IZWlnaHR9XCIgPiA8L3NwYW4+XG4gIDwvZmlndXJlPlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==
|