@tekus/kiosks-design-system 3.1.0 → 3.2.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/assets/img/hamburguesa.jpg +0 -0
- package/assets/img/tekus-logo.png +0 -0
- package/assets/img/tk-logo-normal-light.svg +12 -0
- package/esm2022/lib/components/tk-kiosk-bar/tk-kiosk-bar-search/tk-kiosk-bar-search.component.mjs +13 -9
- package/esm2022/lib/models/SearchEventPayload.model.mjs +2 -0
- package/fesm2022/tekus-kiosks-design-system.mjs +12 -7
- package/fesm2022/tekus-kiosks-design-system.mjs.map +1 -1
- package/lib/components/tk-kiosk-bar/tk-kiosk-bar-search/tk-kiosk-bar-search.component.d.ts +3 -2
- package/lib/models/SearchEventPayload.model.d.ts +4 -0
- package/package.json +1 -1
|
Binary file
|
|
Binary file
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
<svg width="122" height="37" viewBox="0 0 122 37" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.97748 12.0455H0.0644531V6.53912H2.97748V0.681282H9.03912V6.53912H14.6445V12.0455H9.03912V24.9858C9.03912 27.7642 9.99829 28.7739 12.2214 28.7739C12.9805 28.7739 13.6872 28.7234 14.3417 28.5719V33.9773C13.4834 34.1792 12.4233 34.2802 11.2099 34.2802C5.7054 34.2802 2.97748 31.4008 2.97748 25.6421V12.0455Z" fill="white"/>
|
|
3
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M36.7694 18.1167C36.7694 16.6022 36.1131 15.2878 34.8511 14.2276C33.5871 13.117 32.1231 12.5617 30.3544 12.5617C28.4847 12.5617 26.8206 13.117 25.4557 14.1772C24.0927 15.2373 23.3336 16.5517 23.1821 18.1167H36.7694ZM17.0195 20.8446C17.0195 16.8041 18.2816 13.5714 20.759 11.0958C23.2831 8.62033 26.4654 7.40875 30.3544 7.40875C34.0415 7.40875 37.0723 8.62033 39.3964 11.0958C41.7709 13.5714 42.932 16.6022 42.932 20.2388C42.932 20.996 42.8815 21.7028 42.831 22.3609H23.0307C23.2326 26.4014 26.213 29.0265 30.7096 29.0265C33.3347 29.0265 35.6083 28.0673 37.579 26.0985L41.2156 29.6341C38.3362 32.6631 34.7987 34.1794 30.5058 34.1794C26.5177 34.1794 23.2326 32.966 20.759 30.5933C18.2816 28.2188 17.0195 25.0365 17.0195 21.0465V20.8446Z" fill="white"/>
|
|
4
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M73.3574 7.35847H79.4695V22.9669C79.4695 26.8054 81.6422 28.6733 85.0245 28.6733C88.4106 28.6733 90.5813 26.755 90.5813 22.9146V7.35847H96.6916V23.3203C96.6916 26.8559 95.5828 29.582 93.3597 31.4517C91.1366 33.3196 88.3582 34.2301 84.974 34.2301C81.5898 34.2301 78.8114 33.3196 76.6407 31.4517C74.468 29.582 73.3574 26.9569 73.3574 23.4717V7.35847Z" fill="#6AD0BC"/>
|
|
5
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M103.512 25.7946C104.675 27.6139 107.149 28.9769 110.232 28.9769C113.412 28.9769 114.775 27.7653 114.775 26.1985C114.775 25.3403 114.169 24.6317 113.311 24.1773C112.756 23.824 111.696 23.4706 110.939 23.2182C110.178 22.9658 108.665 22.5114 107.807 22.158C103.714 20.6922 101.543 18.6224 101.543 14.9858C101.543 12.6112 102.401 10.7939 104.12 9.42897C105.888 8.06595 108.007 7.35919 110.535 7.35919C114.121 7.35919 116.849 8.62125 118.767 11.0968L115.383 14.6829C114.272 13.2675 112.605 12.5608 110.432 12.5608C108.564 12.5608 107.352 13.4694 107.352 14.8343C107.352 15.6925 107.807 16.1469 108.514 16.6012C108.917 16.8536 109.929 17.2594 110.583 17.5099C111.341 17.7137 112.756 18.2185 113.764 18.5719C118.464 20.2378 120.586 22.5114 120.586 26.148C120.586 30.8448 117.049 34.2308 110.129 34.2308C105.028 34.2308 101.24 32.2601 99.623 29.0779L103.512 25.7946Z" fill="#6AD0BC"/>
|
|
6
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M46.7852 34.2654H52.6449V0.531906H46.7852V34.2654Z" fill="white"/>
|
|
7
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M58.5059 16.6887V13.7589V10.829H61.4338H64.3637V13.7589V16.6887H61.4338H58.5059Z" fill="white"/>
|
|
8
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M64.3633 10.8296V7.89973V4.97174H67.2931H70.223V7.89973V10.8296H67.2931H64.3633Z" fill="white"/>
|
|
9
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M67.2931 34.2658H64.3633V31.3378V28.408H67.2931H70.2211V31.3378V34.2658H67.2931Z" fill="white"/>
|
|
10
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M52.6426 22.5479H58.5042V16.6882H52.6426V22.5479Z" fill="white"/>
|
|
11
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M58.5039 28.4076H64.3617V22.5479H58.5039V28.4076Z" fill="white"/>
|
|
12
|
+
</svg>
|
package/esm2022/lib/components/tk-kiosk-bar/tk-kiosk-bar-search/tk-kiosk-bar-search.component.mjs
CHANGED
|
@@ -4,7 +4,6 @@ import { FormControl, ReactiveFormsModule } from '@angular/forms';
|
|
|
4
4
|
import { keyboardType } from '../../../helpers';
|
|
5
5
|
import { NzIconDirective } from 'ng-zorro-antd/icon';
|
|
6
6
|
import { NzInputModule } from 'ng-zorro-antd/input';
|
|
7
|
-
import { TkKioskTypographyComponent } from '../../tk-kiosk-typography';
|
|
8
7
|
import * as i0 from "@angular/core";
|
|
9
8
|
import * as i1 from "@angular/forms";
|
|
10
9
|
export class TkKioskBarSearchComponent {
|
|
@@ -43,27 +42,32 @@ export class TkKioskBarSearchComponent {
|
|
|
43
42
|
this.search.markAsTouched();
|
|
44
43
|
this.keyboard = false;
|
|
45
44
|
}
|
|
46
|
-
searchValueEvent() {
|
|
47
|
-
|
|
45
|
+
searchValueEvent(event) {
|
|
46
|
+
if (event && typeof event.stopPropagation === 'function') {
|
|
47
|
+
event.stopPropagation();
|
|
48
|
+
}
|
|
49
|
+
const value = this.search.value ?? '';
|
|
50
|
+
this.searchValue.emit({ value, event: event });
|
|
48
51
|
this.keyboard = false;
|
|
49
52
|
}
|
|
50
53
|
updateCursorPosition(event) {
|
|
51
54
|
const target = event.target;
|
|
52
|
-
|
|
53
|
-
|
|
55
|
+
if (target) {
|
|
56
|
+
this.cursorPosition = target.selectionStart ?? 0;
|
|
57
|
+
this.cursorPositionChange.emit(this.cursorPosition);
|
|
58
|
+
}
|
|
54
59
|
}
|
|
55
60
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskBarSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
56
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: TkKioskBarSearchComponent, isStandalone: true, selector: "tk-kiosk-bar-search", inputs: { iconSearch: "iconSearch", placeholder: "placeholder", keyboardTop: "keyboardTop", keyboardEnterText: "keyboardEnterText", resetSearch: "resetSearch" }, outputs: { searchValue: "searchValue", cursorPositionChange: "cursorPositionChange" }, ngImport: i0, template: "<div class=\"input__container\">\n <div class=\"input input--search\">\n <span nz-icon [nzType]=\"iconSearch\" class=\"icon\" id=\"iconSearch\"></span>\n\n <input\n type=\"text\"\n class=\"input-field\"\n [placeholder]=\"placeholder\"\n [formControl]=\"search\"\n (click)=\"openKeyboard(); updateCursorPosition($event)\"\n />\n </div>\n</div>\n@if(keyboard){\n<tk-kiosk-keyboard\n class=\"keyboard\"\n [valueFix]=\"search?.value || null\"\n [top]=\"keyboardTop\"\n (value)=\"changeValue($event)\"\n (searchValue)=\"searchValueEvent()\"\n (close)=\"closeKeyboard()\"\n themeKeyboard=\"hg-theme-default myTheme2 tekus-theme\"\n classKeyboard=\"simple-keyboard\"\n [typeKeyboard]=\"keyboardType\"\n openTypeKeyboard=\"text\"\n [enterText]=\"keyboardEnterText\"\n [cursorPosition]=\"cursorPosition\"\n (cursorPositionChange)=\"cursorPosition = $event\"\n></tk-kiosk-keyboard>\n}\n", styles: ["*{box-sizing:border-box}.input{box-shadow:var(--tk-color-shadow-small);border-radius:30px;overflow:hidden;border:none;background-color:var(--tk-color-white-900);width:100%;height:72px;display:flex;align-items:center}.input__container{padding:30px 0;position:relative}.input--search{color:var(--tk-color-neutral-500);text-align:center;font-size:30px;width:auto;position:relative}.input .icon{margin-bottom:0;display:flex;justify-content:center;align-items:center;padding:12px 24px}.input-field{width:100%;height:100%;padding:0 20px;font-size:30px;border:none!important}.input-field:focus{outline:none;box-shadow:none}.keyboard-numeric{position:absolute;left:0;right:0;top:315px}\n"], dependencies: [{ kind: "ngmodule", type: NzInputModule }, { kind: "component", type: TkKioskKeyboardComponent, selector: "tk-kiosk-keyboard", inputs: ["cursorPosition", "top", "openTypeKeyboard", "valueFix", "themeKeyboard", "classKeyboard", "enterText", "setCursorPosition", "typeKeyboard"], outputs: ["value", "close", "searchValue", "cursorPositionChange"] }, { kind: "directive", type: NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
|
|
61
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: TkKioskBarSearchComponent, isStandalone: true, selector: "tk-kiosk-bar-search", inputs: { iconSearch: "iconSearch", placeholder: "placeholder", keyboardTop: "keyboardTop", keyboardEnterText: "keyboardEnterText", resetSearch: "resetSearch" }, outputs: { searchValue: "searchValue", cursorPositionChange: "cursorPositionChange" }, ngImport: i0, template: "<div class=\"input__container\">\n <div class=\"input input--search\">\n <span nz-icon [nzType]=\"iconSearch\" class=\"icon\" id=\"iconSearch\"></span>\n\n <input\n type=\"text\"\n class=\"input-field\"\n [placeholder]=\"placeholder\"\n [formControl]=\"search\"\n (click)=\"openKeyboard(); updateCursorPosition($event)\"\n />\n </div>\n</div>\n@if(keyboard){\n<tk-kiosk-keyboard\n class=\"keyboard\"\n [valueFix]=\"search?.value || null\"\n [top]=\"keyboardTop\"\n (value)=\"changeValue($event)\"\n (searchValue)=\"searchValueEvent($event)\"\n (close)=\"closeKeyboard()\"\n themeKeyboard=\"hg-theme-default myTheme2 tekus-theme\"\n classKeyboard=\"simple-keyboard\"\n [typeKeyboard]=\"keyboardType\"\n openTypeKeyboard=\"text\"\n [enterText]=\"keyboardEnterText\"\n [cursorPosition]=\"cursorPosition\"\n (cursorPositionChange)=\"cursorPosition = $event\"\n></tk-kiosk-keyboard>\n}\n", styles: ["*{box-sizing:border-box}.input{box-shadow:var(--tk-color-shadow-small);border-radius:30px;overflow:hidden;border:none;background-color:var(--tk-color-white-900);width:100%;height:72px;display:flex;align-items:center}.input__container{padding:30px 0;position:relative}.input--search{color:var(--tk-color-neutral-500);text-align:center;font-size:30px;width:auto;position:relative}.input .icon{margin-bottom:0;display:flex;justify-content:center;align-items:center;padding:12px 24px}.input-field{width:100%;height:100%;padding:0 20px;font-size:30px;border:none!important}.input-field:focus{outline:none;box-shadow:none}.keyboard-numeric{position:absolute;left:0;right:0;top:315px}\n"], dependencies: [{ kind: "ngmodule", type: NzInputModule }, { kind: "component", type: TkKioskKeyboardComponent, selector: "tk-kiosk-keyboard", inputs: ["cursorPosition", "top", "openTypeKeyboard", "valueFix", "themeKeyboard", "classKeyboard", "enterText", "setCursorPosition", "typeKeyboard"], outputs: ["value", "close", "searchValue", "cursorPositionChange"] }, { kind: "directive", type: NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
|
|
57
62
|
}
|
|
58
63
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskBarSearchComponent, decorators: [{
|
|
59
64
|
type: Component,
|
|
60
65
|
args: [{ selector: 'tk-kiosk-bar-search', standalone: true, imports: [
|
|
61
66
|
NzInputModule,
|
|
62
67
|
TkKioskKeyboardComponent,
|
|
63
|
-
TkKioskTypographyComponent,
|
|
64
68
|
NzIconDirective,
|
|
65
69
|
ReactiveFormsModule,
|
|
66
|
-
], template: "<div class=\"input__container\">\n <div class=\"input input--search\">\n <span nz-icon [nzType]=\"iconSearch\" class=\"icon\" id=\"iconSearch\"></span>\n\n <input\n type=\"text\"\n class=\"input-field\"\n [placeholder]=\"placeholder\"\n [formControl]=\"search\"\n (click)=\"openKeyboard(); updateCursorPosition($event)\"\n />\n </div>\n</div>\n@if(keyboard){\n<tk-kiosk-keyboard\n class=\"keyboard\"\n [valueFix]=\"search?.value || null\"\n [top]=\"keyboardTop\"\n (value)=\"changeValue($event)\"\n (searchValue)=\"searchValueEvent()\"\n (close)=\"closeKeyboard()\"\n themeKeyboard=\"hg-theme-default myTheme2 tekus-theme\"\n classKeyboard=\"simple-keyboard\"\n [typeKeyboard]=\"keyboardType\"\n openTypeKeyboard=\"text\"\n [enterText]=\"keyboardEnterText\"\n [cursorPosition]=\"cursorPosition\"\n (cursorPositionChange)=\"cursorPosition = $event\"\n></tk-kiosk-keyboard>\n}\n", styles: ["*{box-sizing:border-box}.input{box-shadow:var(--tk-color-shadow-small);border-radius:30px;overflow:hidden;border:none;background-color:var(--tk-color-white-900);width:100%;height:72px;display:flex;align-items:center}.input__container{padding:30px 0;position:relative}.input--search{color:var(--tk-color-neutral-500);text-align:center;font-size:30px;width:auto;position:relative}.input .icon{margin-bottom:0;display:flex;justify-content:center;align-items:center;padding:12px 24px}.input-field{width:100%;height:100%;padding:0 20px;font-size:30px;border:none!important}.input-field:focus{outline:none;box-shadow:none}.keyboard-numeric{position:absolute;left:0;right:0;top:315px}\n"] }]
|
|
70
|
+
], template: "<div class=\"input__container\">\n <div class=\"input input--search\">\n <span nz-icon [nzType]=\"iconSearch\" class=\"icon\" id=\"iconSearch\"></span>\n\n <input\n type=\"text\"\n class=\"input-field\"\n [placeholder]=\"placeholder\"\n [formControl]=\"search\"\n (click)=\"openKeyboard(); updateCursorPosition($event)\"\n />\n </div>\n</div>\n@if(keyboard){\n<tk-kiosk-keyboard\n class=\"keyboard\"\n [valueFix]=\"search?.value || null\"\n [top]=\"keyboardTop\"\n (value)=\"changeValue($event)\"\n (searchValue)=\"searchValueEvent($event)\"\n (close)=\"closeKeyboard()\"\n themeKeyboard=\"hg-theme-default myTheme2 tekus-theme\"\n classKeyboard=\"simple-keyboard\"\n [typeKeyboard]=\"keyboardType\"\n openTypeKeyboard=\"text\"\n [enterText]=\"keyboardEnterText\"\n [cursorPosition]=\"cursorPosition\"\n (cursorPositionChange)=\"cursorPosition = $event\"\n></tk-kiosk-keyboard>\n}\n", styles: ["*{box-sizing:border-box}.input{box-shadow:var(--tk-color-shadow-small);border-radius:30px;overflow:hidden;border:none;background-color:var(--tk-color-white-900);width:100%;height:72px;display:flex;align-items:center}.input__container{padding:30px 0;position:relative}.input--search{color:var(--tk-color-neutral-500);text-align:center;font-size:30px;width:auto;position:relative}.input .icon{margin-bottom:0;display:flex;justify-content:center;align-items:center;padding:12px 24px}.input-field{width:100%;height:100%;padding:0 20px;font-size:30px;border:none!important}.input-field:focus{outline:none;box-shadow:none}.keyboard-numeric{position:absolute;left:0;right:0;top:315px}\n"] }]
|
|
67
71
|
}], propDecorators: { iconSearch: [{
|
|
68
72
|
type: Input
|
|
69
73
|
}], placeholder: [{
|
|
@@ -79,4 +83,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
|
|
|
79
83
|
}], cursorPositionChange: [{
|
|
80
84
|
type: Output
|
|
81
85
|
}] } });
|
|
82
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
86
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGsta2lvc2stYmFyLXNlYXJjaC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90ay1raW9zay1kcy9zcmMvbGliL2NvbXBvbmVudHMvdGsta2lvc2stYmFyL3RrLWtpb3NrLWJhci1zZWFyY2gvdGsta2lvc2stYmFyLXNlYXJjaC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90ay1raW9zay1kcy9zcmMvbGliL2NvbXBvbmVudHMvdGsta2lvc2stYmFyL3RrLWtpb3NrLWJhci1zZWFyY2gvdGsta2lvc2stYmFyLXNlYXJjaC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ25FLE9BQU8sRUFBRSxXQUFXLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDaEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7O0FBZXBELE1BQU0sT0FBTyx5QkFBeUI7SUFadEM7UUFhVyxlQUFVLEdBQUcsd0JBQXdCLENBQUM7UUFDdEMsZ0JBQVcsR0FBRyxXQUFXLENBQUM7UUFDbkMsNEJBQTRCO1FBQ25CLGdCQUFXLEdBQUcsT0FBTyxDQUFDO1FBQ3RCLHNCQUFpQixHQUFHLFdBQVcsQ0FBQztRQUN6QyxtQkFBYyxHQUFHLENBQUMsQ0FBQztRQVNuQixpREFBaUQ7UUFDdkMsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBc0IsQ0FBQztRQUNyRCx5QkFBb0IsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBRTVELFdBQU0sR0FBRyxJQUFJLFdBQVcsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUM3QixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLGlCQUFZLEdBQUcsWUFBWSxDQUFDO0tBbUM3QjtJQWhEQyxJQUFhLFdBQVcsQ0FBQyxLQUFjO1FBQ3JDLElBQUksQ0FBQyxLQUFLLEVBQUU7WUFDVixJQUFJLENBQUMsTUFBTSxDQUFDLFVBQVUsQ0FBQyxFQUFFLENBQUMsQ0FBQztZQUMzQixJQUFJLENBQUMsTUFBTSxDQUFDLGFBQWEsRUFBRSxDQUFDO1NBQzdCO0lBQ0gsQ0FBQztJQVVELFlBQVk7UUFDVixPQUFPLENBQUMsR0FBRyxDQUFDLGNBQWMsQ0FBQyxDQUFDO1FBQzVCLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDO0lBQ3ZCLENBQUM7SUFFRCxXQUFXLENBQUMsQ0FBUztRQUNuQixJQUFJLElBQUksQ0FBQyxNQUFNLEVBQUUsS0FBSyxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLElBQUksR0FBRztZQUFFLE9BQU87UUFDN0QsSUFBSSxDQUFDLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDMUIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUM5QixDQUFDO0lBRUQsYUFBYTtRQUNYLElBQUksQ0FBQyxNQUFNLENBQUMsVUFBVSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQzNCLElBQUksQ0FBQyxNQUFNLENBQUMsYUFBYSxFQUFFLENBQUM7UUFDNUIsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7SUFDeEIsQ0FBQztJQUVELGdCQUFnQixDQUFDLEtBQWE7UUFDNUIsSUFBSSxLQUFLLElBQUksT0FBTyxLQUFLLENBQUMsZUFBZSxLQUFLLFVBQVUsRUFBRTtZQUN4RCxLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7U0FDekI7UUFDRCxNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssSUFBSSxFQUFFLENBQUM7UUFDdEMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLEtBQWMsRUFBRSxDQUFDLENBQUM7UUFDeEQsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7SUFDeEIsQ0FBQztJQUVELG9CQUFvQixDQUFDLEtBQVk7UUFDL0IsTUFBTSxNQUFNLEdBQUcsS0FBSyxDQUFDLE1BQTBCLENBQUM7UUFDaEQsSUFBSSxNQUFNLEVBQUU7WUFDVixJQUFJLENBQUMsY0FBYyxHQUFHLE1BQU0sQ0FBQyxjQUFjLElBQUksQ0FBQyxDQUFDO1lBQ2pELElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDO1NBQ3JEO0lBQ0gsQ0FBQzs4R0F2RFUseUJBQXlCO2tHQUF6Qix5QkFBeUIsd1VDcEJ0QyxxNkJBOEJBLGd1QkRsQkksYUFBYSwrQkFDYix3QkFBd0IseVJBQ3hCLGVBQWUsZ0tBQ2YsbUJBQW1COzsyRkFLVix5QkFBeUI7a0JBWnJDLFNBQVM7K0JBQ0UscUJBQXFCLGNBQ25CLElBQUksV0FDUDt3QkFDUCxhQUFhO3dCQUNiLHdCQUF3Qjt3QkFDeEIsZUFBZTt3QkFDZixtQkFBbUI7cUJBQ3BCOzhCQUtRLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFFRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLGlCQUFpQjtzQkFBekIsS0FBSztnQkFHTyxXQUFXO3NCQUF2QixLQUFLO2dCQVFJLFdBQVc7c0JBQXBCLE1BQU07Z0JBQ0csb0JBQW9CO3NCQUE3QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRrS2lvc2tLZXlib2FyZENvbXBvbmVudCB9IGZyb20gJy4uLy4uL3RrLWtpb3NrLWtleWJvYXJkJztcbmltcG9ydCB7IEZvcm1Db250cm9sLCBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsga2V5Ym9hcmRUeXBlIH0gZnJvbSAnLi4vLi4vLi4vaGVscGVycyc7XG5pbXBvcnQgeyBOekljb25EaXJlY3RpdmUgfSBmcm9tICduZy16b3Jyby1hbnRkL2ljb24nO1xuaW1wb3J0IHsgTnpJbnB1dE1vZHVsZSB9IGZyb20gJ25nLXpvcnJvLWFudGQvaW5wdXQnO1xuaW1wb3J0IHsgU2VhcmNoRXZlbnRQYXlsb2FkIH0gZnJvbSAnLi4vLi4vLi4vbW9kZWxzL1NlYXJjaEV2ZW50UGF5bG9hZC5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3RrLWtpb3NrLWJhci1zZWFyY2gnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgTnpJbnB1dE1vZHVsZSxcbiAgICBUa0tpb3NrS2V5Ym9hcmRDb21wb25lbnQsXG4gICAgTnpJY29uRGlyZWN0aXZlLFxuICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG4gIF0sXG4gIHRlbXBsYXRlVXJsOiAnLi90ay1raW9zay1iYXItc2VhcmNoLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vdGsta2lvc2stYmFyLXNlYXJjaC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBUa0tpb3NrQmFyU2VhcmNoQ29tcG9uZW50IHtcbiAgQElucHV0KCkgaWNvblNlYXJjaCA9ICd0ay1raW9zazpzZWFyY2gtbm9ybWFsJztcbiAgQElucHV0KCkgcGxhY2Vob2xkZXIgPSAnQnVzY2FyLi4uJztcbiAgLyoqIFBvc2l0aW9uIHRvcCBhYnNvbHV0ZSAqL1xuICBASW5wdXQoKSBrZXlib2FyZFRvcCA9ICc0MjBweCc7XG4gIEBJbnB1dCgpIGtleWJvYXJkRW50ZXJUZXh0ID0gJ1NpZ3VpZW50ZSc7XG4gIGN1cnNvclBvc2l0aW9uID0gMDtcblxuICBASW5wdXQoKSBzZXQgcmVzZXRTZWFyY2godmFsdWU6IGJvb2xlYW4pIHtcbiAgICBpZiAoIXZhbHVlKSB7XG4gICAgICB0aGlzLnNlYXJjaC5wYXRjaFZhbHVlKCcnKTtcbiAgICAgIHRoaXMuc2VhcmNoLm1hcmtBc1RvdWNoZWQoKTtcbiAgICB9XG4gIH1cblxuICAvKiogRXZlbnQgb3V0cHV0IHdoZW4gZW50ZXIgYnV0dG9uIGlzIHByZXNzZWQgICovXG4gIEBPdXRwdXQoKSBzZWFyY2hWYWx1ZSA9IG5ldyBFdmVudEVtaXR0ZXI8U2VhcmNoRXZlbnRQYXlsb2FkPigpO1xuICBAT3V0cHV0KCkgY3Vyc29yUG9zaXRpb25DaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPG51bWJlcj4oKTtcblxuICBzZWFyY2ggPSBuZXcgRm9ybUNvbnRyb2woJycpO1xuICBrZXlib2FyZCA9IGZhbHNlO1xuICBrZXlib2FyZFR5cGUgPSBrZXlib2FyZFR5cGU7XG5cbiAgb3BlbktleWJvYXJkKCkge1xuICAgIGNvbnNvbGUubG9nKCdvcGVuS2V5Ym9hcmQnKTtcbiAgICB0aGlzLmtleWJvYXJkID0gdHJ1ZTtcbiAgfVxuXG4gIGNoYW5nZVZhbHVlKGU6IHN0cmluZykge1xuICAgIGlmICh0aGlzLnNlYXJjaD8udmFsdWU/LnNsaWNlKC0xKSA9PSAnICcgJiYgZSA9PSAnICcpIHJldHVybjtcbiAgICB0aGlzLnNlYXJjaC5wYXRjaFZhbHVlKGUpO1xuICAgIHRoaXMuc2VhcmNoLm1hcmtBc1RvdWNoZWQoKTtcbiAgfVxuXG4gIGNsb3NlS2V5Ym9hcmQoKSB7XG4gICAgdGhpcy5zZWFyY2gucGF0Y2hWYWx1ZSgnJyk7XG4gICAgdGhpcy5zZWFyY2gubWFya0FzVG91Y2hlZCgpO1xuICAgIHRoaXMua2V5Ym9hcmQgPSBmYWxzZTtcbiAgfVxuXG4gIHNlYXJjaFZhbHVlRXZlbnQoZXZlbnQ/OiBFdmVudCkge1xuICAgIGlmIChldmVudCAmJiB0eXBlb2YgZXZlbnQuc3RvcFByb3BhZ2F0aW9uID09PSAnZnVuY3Rpb24nKSB7XG4gICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICB9XG4gICAgY29uc3QgdmFsdWUgPSB0aGlzLnNlYXJjaC52YWx1ZSA/PyAnJztcbiAgICB0aGlzLnNlYXJjaFZhbHVlLmVtaXQoeyB2YWx1ZSwgZXZlbnQ6IGV2ZW50IGFzIEV2ZW50IH0pO1xuICAgIHRoaXMua2V5Ym9hcmQgPSBmYWxzZTtcbiAgfVxuXG4gIHVwZGF0ZUN1cnNvclBvc2l0aW9uKGV2ZW50OiBFdmVudCkge1xuICAgIGNvbnN0IHRhcmdldCA9IGV2ZW50LnRhcmdldCBhcyBIVE1MSW5wdXRFbGVtZW50O1xuICAgIGlmICh0YXJnZXQpIHtcbiAgICAgIHRoaXMuY3Vyc29yUG9zaXRpb24gPSB0YXJnZXQuc2VsZWN0aW9uU3RhcnQgPz8gMDtcbiAgICAgIHRoaXMuY3Vyc29yUG9zaXRpb25DaGFuZ2UuZW1pdCh0aGlzLmN1cnNvclBvc2l0aW9uKTtcbiAgICB9XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJpbnB1dF9fY29udGFpbmVyXCI+XG4gIDxkaXYgY2xhc3M9XCJpbnB1dCBpbnB1dC0tc2VhcmNoXCI+XG4gICAgPHNwYW4gbnotaWNvbiBbbnpUeXBlXT1cImljb25TZWFyY2hcIiBjbGFzcz1cImljb25cIiBpZD1cImljb25TZWFyY2hcIj48L3NwYW4+XG5cbiAgICA8aW5wdXRcbiAgICAgIHR5cGU9XCJ0ZXh0XCJcbiAgICAgIGNsYXNzPVwiaW5wdXQtZmllbGRcIlxuICAgICAgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCJcbiAgICAgIFtmb3JtQ29udHJvbF09XCJzZWFyY2hcIlxuICAgICAgKGNsaWNrKT1cIm9wZW5LZXlib2FyZCgpOyB1cGRhdGVDdXJzb3JQb3NpdGlvbigkZXZlbnQpXCJcbiAgICAvPlxuICA8L2Rpdj5cbjwvZGl2PlxuQGlmKGtleWJvYXJkKXtcbjx0ay1raW9zay1rZXlib2FyZFxuICBjbGFzcz1cImtleWJvYXJkXCJcbiAgW3ZhbHVlRml4XT1cInNlYXJjaD8udmFsdWUgfHwgbnVsbFwiXG4gIFt0b3BdPVwia2V5Ym9hcmRUb3BcIlxuICAodmFsdWUpPVwiY2hhbmdlVmFsdWUoJGV2ZW50KVwiXG4gIChzZWFyY2hWYWx1ZSk9XCJzZWFyY2hWYWx1ZUV2ZW50KCRldmVudClcIlxuICAoY2xvc2UpPVwiY2xvc2VLZXlib2FyZCgpXCJcbiAgdGhlbWVLZXlib2FyZD1cImhnLXRoZW1lLWRlZmF1bHQgbXlUaGVtZTIgdGVrdXMtdGhlbWVcIlxuICBjbGFzc0tleWJvYXJkPVwic2ltcGxlLWtleWJvYXJkXCJcbiAgW3R5cGVLZXlib2FyZF09XCJrZXlib2FyZFR5cGVcIlxuICBvcGVuVHlwZUtleWJvYXJkPVwidGV4dFwiXG4gIFtlbnRlclRleHRdPVwia2V5Ym9hcmRFbnRlclRleHRcIlxuICBbY3Vyc29yUG9zaXRpb25dPVwiY3Vyc29yUG9zaXRpb25cIlxuICAoY3Vyc29yUG9zaXRpb25DaGFuZ2UpPVwiY3Vyc29yUG9zaXRpb24gPSAkZXZlbnRcIlxuPjwvdGsta2lvc2sta2V5Ym9hcmQ+XG59XG4iXX0=
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VhcmNoRXZlbnRQYXlsb2FkLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGsta2lvc2stZHMvc3JjL2xpYi9tb2RlbHMvU2VhcmNoRXZlbnRQYXlsb2FkLm1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgaW50ZXJmYWNlIFNlYXJjaEV2ZW50UGF5bG9hZCB7XG4gIHZhbHVlOiBzdHJpbmc7XG4gIGV2ZW50OiBFdmVudDtcbn1cbiJdfQ==
|
|
@@ -620,27 +620,32 @@ class TkKioskBarSearchComponent {
|
|
|
620
620
|
this.search.markAsTouched();
|
|
621
621
|
this.keyboard = false;
|
|
622
622
|
}
|
|
623
|
-
searchValueEvent() {
|
|
624
|
-
|
|
623
|
+
searchValueEvent(event) {
|
|
624
|
+
if (event && typeof event.stopPropagation === 'function') {
|
|
625
|
+
event.stopPropagation();
|
|
626
|
+
}
|
|
627
|
+
const value = this.search.value ?? '';
|
|
628
|
+
this.searchValue.emit({ value, event: event });
|
|
625
629
|
this.keyboard = false;
|
|
626
630
|
}
|
|
627
631
|
updateCursorPosition(event) {
|
|
628
632
|
const target = event.target;
|
|
629
|
-
|
|
630
|
-
|
|
633
|
+
if (target) {
|
|
634
|
+
this.cursorPosition = target.selectionStart ?? 0;
|
|
635
|
+
this.cursorPositionChange.emit(this.cursorPosition);
|
|
636
|
+
}
|
|
631
637
|
}
|
|
632
638
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskBarSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
633
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: TkKioskBarSearchComponent, isStandalone: true, selector: "tk-kiosk-bar-search", inputs: { iconSearch: "iconSearch", placeholder: "placeholder", keyboardTop: "keyboardTop", keyboardEnterText: "keyboardEnterText", resetSearch: "resetSearch" }, outputs: { searchValue: "searchValue", cursorPositionChange: "cursorPositionChange" }, ngImport: i0, template: "<div class=\"input__container\">\n <div class=\"input input--search\">\n <span nz-icon [nzType]=\"iconSearch\" class=\"icon\" id=\"iconSearch\"></span>\n\n <input\n type=\"text\"\n class=\"input-field\"\n [placeholder]=\"placeholder\"\n [formControl]=\"search\"\n (click)=\"openKeyboard(); updateCursorPosition($event)\"\n />\n </div>\n</div>\n@if(keyboard){\n<tk-kiosk-keyboard\n class=\"keyboard\"\n [valueFix]=\"search?.value || null\"\n [top]=\"keyboardTop\"\n (value)=\"changeValue($event)\"\n (searchValue)=\"searchValueEvent()\"\n (close)=\"closeKeyboard()\"\n themeKeyboard=\"hg-theme-default myTheme2 tekus-theme\"\n classKeyboard=\"simple-keyboard\"\n [typeKeyboard]=\"keyboardType\"\n openTypeKeyboard=\"text\"\n [enterText]=\"keyboardEnterText\"\n [cursorPosition]=\"cursorPosition\"\n (cursorPositionChange)=\"cursorPosition = $event\"\n></tk-kiosk-keyboard>\n}\n", styles: ["*{box-sizing:border-box}.input{box-shadow:var(--tk-color-shadow-small);border-radius:30px;overflow:hidden;border:none;background-color:var(--tk-color-white-900);width:100%;height:72px;display:flex;align-items:center}.input__container{padding:30px 0;position:relative}.input--search{color:var(--tk-color-neutral-500);text-align:center;font-size:30px;width:auto;position:relative}.input .icon{margin-bottom:0;display:flex;justify-content:center;align-items:center;padding:12px 24px}.input-field{width:100%;height:100%;padding:0 20px;font-size:30px;border:none!important}.input-field:focus{outline:none;box-shadow:none}.keyboard-numeric{position:absolute;left:0;right:0;top:315px}\n"], dependencies: [{ kind: "ngmodule", type: NzInputModule }, { kind: "component", type: TkKioskKeyboardComponent, selector: "tk-kiosk-keyboard", inputs: ["cursorPosition", "top", "openTypeKeyboard", "valueFix", "themeKeyboard", "classKeyboard", "enterText", "setCursorPosition", "typeKeyboard"], outputs: ["value", "close", "searchValue", "cursorPositionChange"] }, { kind: "directive", type: NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
|
|
639
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: TkKioskBarSearchComponent, isStandalone: true, selector: "tk-kiosk-bar-search", inputs: { iconSearch: "iconSearch", placeholder: "placeholder", keyboardTop: "keyboardTop", keyboardEnterText: "keyboardEnterText", resetSearch: "resetSearch" }, outputs: { searchValue: "searchValue", cursorPositionChange: "cursorPositionChange" }, ngImport: i0, template: "<div class=\"input__container\">\n <div class=\"input input--search\">\n <span nz-icon [nzType]=\"iconSearch\" class=\"icon\" id=\"iconSearch\"></span>\n\n <input\n type=\"text\"\n class=\"input-field\"\n [placeholder]=\"placeholder\"\n [formControl]=\"search\"\n (click)=\"openKeyboard(); updateCursorPosition($event)\"\n />\n </div>\n</div>\n@if(keyboard){\n<tk-kiosk-keyboard\n class=\"keyboard\"\n [valueFix]=\"search?.value || null\"\n [top]=\"keyboardTop\"\n (value)=\"changeValue($event)\"\n (searchValue)=\"searchValueEvent($event)\"\n (close)=\"closeKeyboard()\"\n themeKeyboard=\"hg-theme-default myTheme2 tekus-theme\"\n classKeyboard=\"simple-keyboard\"\n [typeKeyboard]=\"keyboardType\"\n openTypeKeyboard=\"text\"\n [enterText]=\"keyboardEnterText\"\n [cursorPosition]=\"cursorPosition\"\n (cursorPositionChange)=\"cursorPosition = $event\"\n></tk-kiosk-keyboard>\n}\n", styles: ["*{box-sizing:border-box}.input{box-shadow:var(--tk-color-shadow-small);border-radius:30px;overflow:hidden;border:none;background-color:var(--tk-color-white-900);width:100%;height:72px;display:flex;align-items:center}.input__container{padding:30px 0;position:relative}.input--search{color:var(--tk-color-neutral-500);text-align:center;font-size:30px;width:auto;position:relative}.input .icon{margin-bottom:0;display:flex;justify-content:center;align-items:center;padding:12px 24px}.input-field{width:100%;height:100%;padding:0 20px;font-size:30px;border:none!important}.input-field:focus{outline:none;box-shadow:none}.keyboard-numeric{position:absolute;left:0;right:0;top:315px}\n"], dependencies: [{ kind: "ngmodule", type: NzInputModule }, { kind: "component", type: TkKioskKeyboardComponent, selector: "tk-kiosk-keyboard", inputs: ["cursorPosition", "top", "openTypeKeyboard", "valueFix", "themeKeyboard", "classKeyboard", "enterText", "setCursorPosition", "typeKeyboard"], outputs: ["value", "close", "searchValue", "cursorPositionChange"] }, { kind: "directive", type: NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
|
|
634
640
|
}
|
|
635
641
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskBarSearchComponent, decorators: [{
|
|
636
642
|
type: Component,
|
|
637
643
|
args: [{ selector: 'tk-kiosk-bar-search', standalone: true, imports: [
|
|
638
644
|
NzInputModule,
|
|
639
645
|
TkKioskKeyboardComponent,
|
|
640
|
-
TkKioskTypographyComponent,
|
|
641
646
|
NzIconDirective,
|
|
642
647
|
ReactiveFormsModule,
|
|
643
|
-
], template: "<div class=\"input__container\">\n <div class=\"input input--search\">\n <span nz-icon [nzType]=\"iconSearch\" class=\"icon\" id=\"iconSearch\"></span>\n\n <input\n type=\"text\"\n class=\"input-field\"\n [placeholder]=\"placeholder\"\n [formControl]=\"search\"\n (click)=\"openKeyboard(); updateCursorPosition($event)\"\n />\n </div>\n</div>\n@if(keyboard){\n<tk-kiosk-keyboard\n class=\"keyboard\"\n [valueFix]=\"search?.value || null\"\n [top]=\"keyboardTop\"\n (value)=\"changeValue($event)\"\n (searchValue)=\"searchValueEvent()\"\n (close)=\"closeKeyboard()\"\n themeKeyboard=\"hg-theme-default myTheme2 tekus-theme\"\n classKeyboard=\"simple-keyboard\"\n [typeKeyboard]=\"keyboardType\"\n openTypeKeyboard=\"text\"\n [enterText]=\"keyboardEnterText\"\n [cursorPosition]=\"cursorPosition\"\n (cursorPositionChange)=\"cursorPosition = $event\"\n></tk-kiosk-keyboard>\n}\n", styles: ["*{box-sizing:border-box}.input{box-shadow:var(--tk-color-shadow-small);border-radius:30px;overflow:hidden;border:none;background-color:var(--tk-color-white-900);width:100%;height:72px;display:flex;align-items:center}.input__container{padding:30px 0;position:relative}.input--search{color:var(--tk-color-neutral-500);text-align:center;font-size:30px;width:auto;position:relative}.input .icon{margin-bottom:0;display:flex;justify-content:center;align-items:center;padding:12px 24px}.input-field{width:100%;height:100%;padding:0 20px;font-size:30px;border:none!important}.input-field:focus{outline:none;box-shadow:none}.keyboard-numeric{position:absolute;left:0;right:0;top:315px}\n"] }]
|
|
648
|
+
], template: "<div class=\"input__container\">\n <div class=\"input input--search\">\n <span nz-icon [nzType]=\"iconSearch\" class=\"icon\" id=\"iconSearch\"></span>\n\n <input\n type=\"text\"\n class=\"input-field\"\n [placeholder]=\"placeholder\"\n [formControl]=\"search\"\n (click)=\"openKeyboard(); updateCursorPosition($event)\"\n />\n </div>\n</div>\n@if(keyboard){\n<tk-kiosk-keyboard\n class=\"keyboard\"\n [valueFix]=\"search?.value || null\"\n [top]=\"keyboardTop\"\n (value)=\"changeValue($event)\"\n (searchValue)=\"searchValueEvent($event)\"\n (close)=\"closeKeyboard()\"\n themeKeyboard=\"hg-theme-default myTheme2 tekus-theme\"\n classKeyboard=\"simple-keyboard\"\n [typeKeyboard]=\"keyboardType\"\n openTypeKeyboard=\"text\"\n [enterText]=\"keyboardEnterText\"\n [cursorPosition]=\"cursorPosition\"\n (cursorPositionChange)=\"cursorPosition = $event\"\n></tk-kiosk-keyboard>\n}\n", styles: ["*{box-sizing:border-box}.input{box-shadow:var(--tk-color-shadow-small);border-radius:30px;overflow:hidden;border:none;background-color:var(--tk-color-white-900);width:100%;height:72px;display:flex;align-items:center}.input__container{padding:30px 0;position:relative}.input--search{color:var(--tk-color-neutral-500);text-align:center;font-size:30px;width:auto;position:relative}.input .icon{margin-bottom:0;display:flex;justify-content:center;align-items:center;padding:12px 24px}.input-field{width:100%;height:100%;padding:0 20px;font-size:30px;border:none!important}.input-field:focus{outline:none;box-shadow:none}.keyboard-numeric{position:absolute;left:0;right:0;top:315px}\n"] }]
|
|
644
649
|
}], propDecorators: { iconSearch: [{
|
|
645
650
|
type: Input
|
|
646
651
|
}], placeholder: [{
|