@tekus/kiosks-design-system 3.1.1 → 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 +5 -3
- package/fesm2022/tekus-kiosks-design-system.mjs +4 -2
- package/fesm2022/tekus-kiosks-design-system.mjs.map +1 -1
- 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
|
@@ -52,8 +52,10 @@ export class TkKioskBarSearchComponent {
|
|
|
52
52
|
}
|
|
53
53
|
updateCursorPosition(event) {
|
|
54
54
|
const target = event.target;
|
|
55
|
-
|
|
56
|
-
|
|
55
|
+
if (target) {
|
|
56
|
+
this.cursorPosition = target.selectionStart ?? 0;
|
|
57
|
+
this.cursorPositionChange.emit(this.cursorPosition);
|
|
58
|
+
}
|
|
57
59
|
}
|
|
58
60
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskBarSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
59
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"] }] }); }
|
|
@@ -81,4 +83,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
|
|
|
81
83
|
}], cursorPositionChange: [{
|
|
82
84
|
type: Output
|
|
83
85
|
}] } });
|
|
84
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
86
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGsta2lvc2stYmFyLXNlYXJjaC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90ay1raW9zay1kcy9zcmMvbGliL2NvbXBvbmVudHMvdGsta2lvc2stYmFyL3RrLWtpb3NrLWJhci1zZWFyY2gvdGsta2lvc2stYmFyLXNlYXJjaC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90ay1raW9zay1kcy9zcmMvbGliL2NvbXBvbmVudHMvdGsta2lvc2stYmFyL3RrLWtpb3NrLWJhci1zZWFyY2gvdGsta2lvc2stYmFyLXNlYXJjaC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ25FLE9BQU8sRUFBRSxXQUFXLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDaEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7O0FBZXBELE1BQU0sT0FBTyx5QkFBeUI7SUFadEM7UUFhVyxlQUFVLEdBQUcsd0JBQXdCLENBQUM7UUFDdEMsZ0JBQVcsR0FBRyxXQUFXLENBQUM7UUFDbkMsNEJBQTRCO1FBQ25CLGdCQUFXLEdBQUcsT0FBTyxDQUFDO1FBQ3RCLHNCQUFpQixHQUFHLFdBQVcsQ0FBQztRQUN6QyxtQkFBYyxHQUFHLENBQUMsQ0FBQztRQVNuQixpREFBaUQ7UUFDdkMsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBc0IsQ0FBQztRQUNyRCx5QkFBb0IsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBRTVELFdBQU0sR0FBRyxJQUFJLFdBQVcsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUM3QixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLGlCQUFZLEdBQUcsWUFBWSxDQUFDO0tBbUM3QjtJQWhEQyxJQUFhLFdBQVcsQ0FBQyxLQUFjO1FBQ3JDLElBQUksQ0FBQyxLQUFLLEVBQUU7WUFDVixJQUFJLENBQUMsTUFBTSxDQUFDLFVBQVUsQ0FBQyxFQUFFLENBQUMsQ0FBQztZQUMzQixJQUFJLENBQUMsTUFBTSxDQUFDLGFBQWEsRUFBRSxDQUFDO1NBQzdCO0lBQ0gsQ0FBQztJQVVELFlBQVk7UUFDVixPQUFPLENBQUMsR0FBRyxDQUFDLGNBQWMsQ0FBQyxDQUFDO1FBQzVCLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDO0lBQ3ZCLENBQUM7SUFFRCxXQUFXLENBQUMsQ0FBUztRQUNuQixJQUFJLElBQUksQ0FBQyxNQUFNLEVBQUUsS0FBSyxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLElBQUksR0FBRztZQUFFLE9BQU87UUFDN0QsSUFBSSxDQUFDLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDMUIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUM5QixDQUFDO0lBRUQsYUFBYTtRQUNYLElBQUksQ0FBQyxNQUFNLENBQUMsVUFBVSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQzNCLElBQUksQ0FBQyxNQUFNLENBQUMsYUFBYSxFQUFFLENBQUM7UUFDNUIsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7SUFDeEIsQ0FBQztJQUVELGdCQUFnQixDQUFDLEtBQWE7UUFDNUIsSUFBSSxLQUFLLElBQUksT0FBTyxLQUFLLENBQUMsZUFBZSxLQUFLLFVBQVUsRUFBRTtZQUN4RCxLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7U0FDekI7UUFDRCxNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssSUFBSSxFQUFFLENBQUM7UUFDdEMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLEtBQWMsRUFBRSxDQUFDLENBQUM7UUFDeEQsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7SUFDeEIsQ0FBQztJQUVELG9CQUFvQixDQUFDLEtBQVk7UUFDL0IsTUFBTSxNQUFNLEdBQUcsS0FBSyxDQUFDLE1BQTBCLENBQUM7UUFDaEQsSUFBSSxNQUFNLEVBQUU7WUFDVixJQUFJLENBQUMsY0FBYyxHQUFHLE1BQU0sQ0FBQyxjQUFjLElBQUksQ0FBQyxDQUFDO1lBQ2pELElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDO1NBQ3JEO0lBQ0gsQ0FBQzs4R0F2RFUseUJBQXlCO2tHQUF6Qix5QkFBeUIsd1VDcEJ0QyxxNkJBOEJBLGd1QkRsQkksYUFBYSwrQkFDYix3QkFBd0IseVJBQ3hCLGVBQWUsZ0tBQ2YsbUJBQW1COzsyRkFLVix5QkFBeUI7a0JBWnJDLFNBQVM7K0JBQ0UscUJBQXFCLGNBQ25CLElBQUksV0FDUDt3QkFDUCxhQUFhO3dCQUNiLHdCQUF3Qjt3QkFDeEIsZUFBZTt3QkFDZixtQkFBbUI7cUJBQ3BCOzhCQUtRLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFFRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLGlCQUFpQjtzQkFBekIsS0FBSztnQkFHTyxXQUFXO3NCQUF2QixLQUFLO2dCQVFJLFdBQVc7c0JBQXBCLE1BQU07Z0JBQ0csb0JBQW9CO3NCQUE3QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRrS2lvc2tLZXlib2FyZENvbXBvbmVudCB9IGZyb20gJy4uLy4uL3RrLWtpb3NrLWtleWJvYXJkJztcbmltcG9ydCB7IEZvcm1Db250cm9sLCBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsga2V5Ym9hcmRUeXBlIH0gZnJvbSAnLi4vLi4vLi4vaGVscGVycyc7XG5pbXBvcnQgeyBOekljb25EaXJlY3RpdmUgfSBmcm9tICduZy16b3Jyby1hbnRkL2ljb24nO1xuaW1wb3J0IHsgTnpJbnB1dE1vZHVsZSB9IGZyb20gJ25nLXpvcnJvLWFudGQvaW5wdXQnO1xuaW1wb3J0IHsgU2VhcmNoRXZlbnRQYXlsb2FkIH0gZnJvbSAnLi4vLi4vLi4vbW9kZWxzL1NlYXJjaEV2ZW50UGF5bG9hZC5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3RrLWtpb3NrLWJhci1zZWFyY2gnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgTnpJbnB1dE1vZHVsZSxcbiAgICBUa0tpb3NrS2V5Ym9hcmRDb21wb25lbnQsXG4gICAgTnpJY29uRGlyZWN0aXZlLFxuICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG4gIF0sXG4gIHRlbXBsYXRlVXJsOiAnLi90ay1raW9zay1iYXItc2VhcmNoLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vdGsta2lvc2stYmFyLXNlYXJjaC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBUa0tpb3NrQmFyU2VhcmNoQ29tcG9uZW50IHtcbiAgQElucHV0KCkgaWNvblNlYXJjaCA9ICd0ay1raW9zazpzZWFyY2gtbm9ybWFsJztcbiAgQElucHV0KCkgcGxhY2Vob2xkZXIgPSAnQnVzY2FyLi4uJztcbiAgLyoqIFBvc2l0aW9uIHRvcCBhYnNvbHV0ZSAqL1xuICBASW5wdXQoKSBrZXlib2FyZFRvcCA9ICc0MjBweCc7XG4gIEBJbnB1dCgpIGtleWJvYXJkRW50ZXJUZXh0ID0gJ1NpZ3VpZW50ZSc7XG4gIGN1cnNvclBvc2l0aW9uID0gMDtcblxuICBASW5wdXQoKSBzZXQgcmVzZXRTZWFyY2godmFsdWU6IGJvb2xlYW4pIHtcbiAgICBpZiAoIXZhbHVlKSB7XG4gICAgICB0aGlzLnNlYXJjaC5wYXRjaFZhbHVlKCcnKTtcbiAgICAgIHRoaXMuc2VhcmNoLm1hcmtBc1RvdWNoZWQoKTtcbiAgICB9XG4gIH1cblxuICAvKiogRXZlbnQgb3V0cHV0IHdoZW4gZW50ZXIgYnV0dG9uIGlzIHByZXNzZWQgICovXG4gIEBPdXRwdXQoKSBzZWFyY2hWYWx1ZSA9IG5ldyBFdmVudEVtaXR0ZXI8U2VhcmNoRXZlbnRQYXlsb2FkPigpO1xuICBAT3V0cHV0KCkgY3Vyc29yUG9zaXRpb25DaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPG51bWJlcj4oKTtcblxuICBzZWFyY2ggPSBuZXcgRm9ybUNvbnRyb2woJycpO1xuICBrZXlib2FyZCA9IGZhbHNlO1xuICBrZXlib2FyZFR5cGUgPSBrZXlib2FyZFR5cGU7XG5cbiAgb3BlbktleWJvYXJkKCkge1xuICAgIGNvbnNvbGUubG9nKCdvcGVuS2V5Ym9hcmQnKTtcbiAgICB0aGlzLmtleWJvYXJkID0gdHJ1ZTtcbiAgfVxuXG4gIGNoYW5nZVZhbHVlKGU6IHN0cmluZykge1xuICAgIGlmICh0aGlzLnNlYXJjaD8udmFsdWU/LnNsaWNlKC0xKSA9PSAnICcgJiYgZSA9PSAnICcpIHJldHVybjtcbiAgICB0aGlzLnNlYXJjaC5wYXRjaFZhbHVlKGUpO1xuICAgIHRoaXMuc2VhcmNoLm1hcmtBc1RvdWNoZWQoKTtcbiAgfVxuXG4gIGNsb3NlS2V5Ym9hcmQoKSB7XG4gICAgdGhpcy5zZWFyY2gucGF0Y2hWYWx1ZSgnJyk7XG4gICAgdGhpcy5zZWFyY2gubWFya0FzVG91Y2hlZCgpO1xuICAgIHRoaXMua2V5Ym9hcmQgPSBmYWxzZTtcbiAgfVxuXG4gIHNlYXJjaFZhbHVlRXZlbnQoZXZlbnQ/OiBFdmVudCkge1xuICAgIGlmIChldmVudCAmJiB0eXBlb2YgZXZlbnQuc3RvcFByb3BhZ2F0aW9uID09PSAnZnVuY3Rpb24nKSB7XG4gICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICB9XG4gICAgY29uc3QgdmFsdWUgPSB0aGlzLnNlYXJjaC52YWx1ZSA/PyAnJztcbiAgICB0aGlzLnNlYXJjaFZhbHVlLmVtaXQoeyB2YWx1ZSwgZXZlbnQ6IGV2ZW50IGFzIEV2ZW50IH0pO1xuICAgIHRoaXMua2V5Ym9hcmQgPSBmYWxzZTtcbiAgfVxuXG4gIHVwZGF0ZUN1cnNvclBvc2l0aW9uKGV2ZW50OiBFdmVudCkge1xuICAgIGNvbnN0IHRhcmdldCA9IGV2ZW50LnRhcmdldCBhcyBIVE1MSW5wdXRFbGVtZW50O1xuICAgIGlmICh0YXJnZXQpIHtcbiAgICAgIHRoaXMuY3Vyc29yUG9zaXRpb24gPSB0YXJnZXQuc2VsZWN0aW9uU3RhcnQgPz8gMDtcbiAgICAgIHRoaXMuY3Vyc29yUG9zaXRpb25DaGFuZ2UuZW1pdCh0aGlzLmN1cnNvclBvc2l0aW9uKTtcbiAgICB9XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJpbnB1dF9fY29udGFpbmVyXCI+XG4gIDxkaXYgY2xhc3M9XCJpbnB1dCBpbnB1dC0tc2VhcmNoXCI+XG4gICAgPHNwYW4gbnotaWNvbiBbbnpUeXBlXT1cImljb25TZWFyY2hcIiBjbGFzcz1cImljb25cIiBpZD1cImljb25TZWFyY2hcIj48L3NwYW4+XG5cbiAgICA8aW5wdXRcbiAgICAgIHR5cGU9XCJ0ZXh0XCJcbiAgICAgIGNsYXNzPVwiaW5wdXQtZmllbGRcIlxuICAgICAgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCJcbiAgICAgIFtmb3JtQ29udHJvbF09XCJzZWFyY2hcIlxuICAgICAgKGNsaWNrKT1cIm9wZW5LZXlib2FyZCgpOyB1cGRhdGVDdXJzb3JQb3NpdGlvbigkZXZlbnQpXCJcbiAgICAvPlxuICA8L2Rpdj5cbjwvZGl2PlxuQGlmKGtleWJvYXJkKXtcbjx0ay1raW9zay1rZXlib2FyZFxuICBjbGFzcz1cImtleWJvYXJkXCJcbiAgW3ZhbHVlRml4XT1cInNlYXJjaD8udmFsdWUgfHwgbnVsbFwiXG4gIFt0b3BdPVwia2V5Ym9hcmRUb3BcIlxuICAodmFsdWUpPVwiY2hhbmdlVmFsdWUoJGV2ZW50KVwiXG4gIChzZWFyY2hWYWx1ZSk9XCJzZWFyY2hWYWx1ZUV2ZW50KCRldmVudClcIlxuICAoY2xvc2UpPVwiY2xvc2VLZXlib2FyZCgpXCJcbiAgdGhlbWVLZXlib2FyZD1cImhnLXRoZW1lLWRlZmF1bHQgbXlUaGVtZTIgdGVrdXMtdGhlbWVcIlxuICBjbGFzc0tleWJvYXJkPVwic2ltcGxlLWtleWJvYXJkXCJcbiAgW3R5cGVLZXlib2FyZF09XCJrZXlib2FyZFR5cGVcIlxuICBvcGVuVHlwZUtleWJvYXJkPVwidGV4dFwiXG4gIFtlbnRlclRleHRdPVwia2V5Ym9hcmRFbnRlclRleHRcIlxuICBbY3Vyc29yUG9zaXRpb25dPVwiY3Vyc29yUG9zaXRpb25cIlxuICAoY3Vyc29yUG9zaXRpb25DaGFuZ2UpPVwiY3Vyc29yUG9zaXRpb24gPSAkZXZlbnRcIlxuPjwvdGsta2lvc2sta2V5Ym9hcmQ+XG59XG4iXX0=
|
|
@@ -630,8 +630,10 @@ class TkKioskBarSearchComponent {
|
|
|
630
630
|
}
|
|
631
631
|
updateCursorPosition(event) {
|
|
632
632
|
const target = event.target;
|
|
633
|
-
|
|
634
|
-
|
|
633
|
+
if (target) {
|
|
634
|
+
this.cursorPosition = target.selectionStart ?? 0;
|
|
635
|
+
this.cursorPositionChange.emit(this.cursorPosition);
|
|
636
|
+
}
|
|
635
637
|
}
|
|
636
638
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskBarSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
637
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"] }] }); }
|