@sam-senior/virtual-keyboard 1.0.3 → 2.0.0

package/lib/virtual-keyboard.directive.d.ts

@@ -1,33 +1,37 @@
-import { OnDestroy, OnChanges, ElementRef, EventEmitter } from '@angular/core';
-import { NgControl } from '@angular/forms';
-export declare class VirtualKeyboardDirective implements OnDestroy, OnChanges {
-    elementRef: ElementRef;
-    fieldControl: NgControl;
-    private keyboardPosition;
-    private keyboardType;
-    activateKeyboard: boolean;
-    private showOnFocus;
-    showKeyboard: boolean;
-    private keyboardValueAccepted;
-    showKeyboardChange: EventEmitter<boolean>;
-    _showKeyboard: boolean;
-    private keyboardElement;
-    private value;
-    private keyboardjQueryElement;
-    constructor(elementRef: ElementRef, fieldControl: NgControl);
-    ngOnChanges(): void;
-    ngOnDestroy(): void;
-    private isKeyboardCreated;
-    private getDefaultKeyboardOptions;
-    private getKeyboardDisplayOptions;
-    private getKeyboardLayout;
-    private getCustomKeyboardForEmail;
-    private createKeyboardOptions;
-    private onKeyboardVisible;
-    private onBeforeClose;
-    private onValueAccepted;
-    private onChange;
-    private addBottomKeyboardClass;
-    private addCustomKeyboardFocusClass;
-    private injectCssRule;
-}
+import { OnDestroy, OnChanges, ElementRef, EventEmitter } from '@angular/core';
+import { NgControl } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class VirtualKeyboardDirective implements OnDestroy, OnChanges {
+    elementRef: ElementRef;
+    fieldControl: NgControl;
+    private keyboardPosition;
+    private keyboardType;
+    set activateKeyboard(activateKeyboard: boolean);
+    private showOnFocus;
+    get showKeyboard(): boolean;
+    set showKeyboard(revealKeyboard: boolean);
+    private keyboardValueAccepted;
+    showKeyboardChange: EventEmitter<boolean>;
+    _showKeyboard: boolean;
+    private keyboardElement;
+    private value;
+    private keyboardjQueryElement;
+    constructor(elementRef: ElementRef, fieldControl: NgControl);
+    ngOnChanges(): void;
+    ngOnDestroy(): void;
+    private isKeyboardCreated;
+    private getDefaultKeyboardOptions;
+    private getKeyboardDisplayOptions;
+    private getKeyboardLayout;
+    private getCustomKeyboardForEmail;
+    private createKeyboardOptions;
+    private onKeyboardVisible;
+    private onBeforeClose;
+    private onValueAccepted;
+    private onChange;
+    private addBottomKeyboardClass;
+    private addCustomKeyboardFocusClass;
+    private injectCssRule;
+    static ɵfac: i0.ɵɵFactoryDeclaration<VirtualKeyboardDirective, [null, { optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<VirtualKeyboardDirective, "[samVirtualKeyboard]", never, { "keyboardPosition": { "alias": "keyboardPosition"; "required": false; }; "keyboardType": { "alias": "keyboardType"; "required": false; }; "activateKeyboard": { "alias": "activateKeyboard"; "required": false; }; "showOnFocus": { "alias": "showOnFocus"; "required": false; }; "showKeyboard": { "alias": "showKeyboard"; "required": false; }; }, { "keyboardValueAccepted": "keyboardValueAccepted"; "showKeyboardChange": "showKeyboardChange"; }, never, never, false, never>;
+}

package/lib/virtual-keyboard.module.d.ts

@@ -1,2 +1,7 @@
-export declare class VirtualKeyboardModule {
-}
+import * as i0 from "@angular/core";
+import * as i1 from "./virtual-keyboard.directive";
+export declare class VirtualKeyboardModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<VirtualKeyboardModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<VirtualKeyboardModule, [typeof i1.VirtualKeyboardDirective], never, [typeof i1.VirtualKeyboardDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<VirtualKeyboardModule>;
+}

package/package.json

@@ -1,22 +1,26 @@
 {
   "name": "@sam-senior/virtual-keyboard",
-  "version": "1.0.3",
+  "version": "2.0.0",
   "peerDependencies": {
-    "@angular/common": "^7.2.0",
-    "@angular/core": "^7.2.0"
+    "@angular/common": "^18.0.0",
+    "@angular/core": "^18.0.0"
   },
   "dependencies": {
     "virtual-keyboard": "^1.28.1",
-    "tslib": "^1.9.0"
+    "tslib": "^2.3.0"
+  },
+  "module": "fesm2022/sam-senior-virtual-keyboard.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/sam-senior-virtual-keyboard.mjs",
+      "esm": "./esm2022/sam-senior-virtual-keyboard.mjs",
+      "default": "./fesm2022/sam-senior-virtual-keyboard.mjs"
+    }
   },
-  "main": "bundles/sam-senior-virtual-keyboard.umd.js",
-  "module": "fesm5/sam-senior-virtual-keyboard.js",
-  "es2015": "fesm2015/sam-senior-virtual-keyboard.js",
-  "esm5": "esm5/sam-senior-virtual-keyboard.js",
-  "esm2015": "esm2015/sam-senior-virtual-keyboard.js",
-  "fesm5": "fesm5/sam-senior-virtual-keyboard.js",
-  "fesm2015": "fesm2015/sam-senior-virtual-keyboard.js",
-  "typings": "sam-senior-virtual-keyboard.d.ts",
-  "metadata": "sam-senior-virtual-keyboard.metadata.json",
   "sideEffects": false
-}
+}

package/public_api.d.ts

@@ -1 +1,2 @@
-export * from './lib/virtual-keyboard.module';
+export * from './lib/virtual-keyboard.directive';
+export * from './lib/virtual-keyboard.module';

package/bundles/sam-senior-virtual-keyboard.umd.js

@@ -1,412 +0,0 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/forms')) :
-    typeof define === 'function' && define.amd ? define('@sam-senior/virtual-keyboard', ['exports', '@angular/core', '@angular/forms'], factory) :
-    (factory((global['sam-senior'] = global['sam-senior'] || {}, global['sam-senior']['virtual-keyboard'] = {}),global.ng.core,global.ng.forms));
-}(this, (function (exports,core,forms) { 'use strict';
-
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    /**
-     * ************************************************************
-     * Método que retonar instancia do elemento jQuery, pois
-     * o projeto que implementa esta diretiva fica fora da lib.
-     * Devido ficar fora, o webpack não ficará aqui, portando não
-     * tem jQuery na lib;
-     * **************************************************************
-     * @type {?}
-     */
-    var jQueryInstance = ( /**
-     * @param {?} element
-     * @return {?}
-     */function (element) {
-        /** @type {?} */
-        var windowInstance = ( /** @type {?} */(window));
-        return windowInstance.jQuery ? windowInstance.jQuery(element) : null;
-    });
-    var VirtualKeyboardDirective = /** @class */ (function () {
-        function VirtualKeyboardDirective(elementRef, fieldControl) {
-            this.elementRef = elementRef;
-            this.fieldControl = fieldControl;
-            this.keyboardPosition = 'bottom';
-            this.keyboardType = 'email';
-            this.showOnFocus = true;
-            this.keyboardValueAccepted = new core.EventEmitter();
-            this.showKeyboardChange = new core.EventEmitter();
-            this._showKeyboard = false;
-            this.value = '';
-        }
-        Object.defineProperty(VirtualKeyboardDirective.prototype, "activateKeyboard", {
-            set: /**
-             * @param {?} activateKeyboard
-             * @return {?}
-             */ function (activateKeyboard) {
-                if (activateKeyboard) {
-                    this.keyboardElement = ( /** @type {?} */(this.elementRef.nativeElement));
-                    this.keyboardjQueryElement = jQueryInstance(this.keyboardElement);
-                    if (this.keyboardjQueryElement) {
-                        this.keyboardjQueryElement.keyboard(this.createKeyboardOptions());
-                    }
-                }
-            },
-            enumerable: true,
-            configurable: true
-        });
-        Object.defineProperty(VirtualKeyboardDirective.prototype, "showKeyboard", {
-            get: /**
-             * @return {?}
-             */ function () {
-                return this._showKeyboard;
-            },
-            set: /**
-             * @param {?} revealKeyboard
-             * @return {?}
-             */ function (revealKeyboard) {
-                this._showKeyboard = revealKeyboard;
-                this.showKeyboardChange.emit(this._showKeyboard);
-            },
-            enumerable: true,
-            configurable: true
-        });
-        /**
-         * @return {?}
-         */
-        VirtualKeyboardDirective.prototype.ngOnChanges = /**
-         * @return {?}
-         */
-            function () {
-                if (this.showKeyboard && this.isKeyboardCreated()) {
-                    this.keyboardjQueryElement.getkeyboard().reveal();
-                }
-            };
-        /**
-         * @return {?}
-         */
-        VirtualKeyboardDirective.prototype.ngOnDestroy = /**
-         * @return {?}
-         */
-            function () {
-                if (this.isKeyboardCreated()) {
-                    this.keyboardjQueryElement
-                        .keyboard()
-                        .getkeyboard()
-                        .destroy();
-                }
-            };
-        /**
-         * @private
-         * @return {?}
-         */
-        VirtualKeyboardDirective.prototype.isKeyboardCreated = /**
-         * @private
-         * @return {?}
-         */
-            function () {
-                return (this.keyboardjQueryElement &&
-                    this.keyboardjQueryElement.keyboard() &&
-                    this.keyboardjQueryElement.keyboard().getkeyboard());
-            };
-        /**
-         * @private
-         * @return {?}
-         */
-        VirtualKeyboardDirective.prototype.getDefaultKeyboardOptions = /**
-         * @private
-         * @return {?}
-         */
-            function () {
-                /** @type {?} */
-                var keyboardOptions = ( /** @type {?} */({}));
-                if (!this.showOnFocus) {
-                    keyboardOptions.openOn = '';
-                }
-                keyboardOptions.usePreview = false;
-                keyboardOptions.accepted = this.onValueAccepted.bind(this);
-                keyboardOptions.visible = this.onKeyboardVisible.bind(this);
-                keyboardOptions.beforeClose = this.onBeforeClose.bind(this);
-                keyboardOptions.change = this.onChange.bind(this);
-                return keyboardOptions;
-            };
-        /**
-         * @private
-         * @return {?}
-         */
-        VirtualKeyboardDirective.prototype.getKeyboardDisplayOptions = /**
-         * @private
-         * @return {?}
-         */
-            function () {
-                return {
-                    bksp: '\u2190',
-                    normal: 'ABC',
-                    meta1: '%?@',
-                    meta2: '#+=',
-                    accept: 'OK'
-                };
-            };
-        /**
-         * @private
-         * @return {?}
-         */
-        VirtualKeyboardDirective.prototype.getKeyboardLayout = /**
-         * @private
-         * @return {?}
-         */
-            function () {
-                /** @type {?} */
-                var customLayout = {};
-                if (this.keyboardType === 'alphanumeric') {
-                    customLayout = {
-                        normal: [
-                            '1 2 3 4 5 6 7 8 9 0',
-                            'Q W E R T Y U I O P {bksp}',
-                            'A S D F G H J K L Ç',
-                            'Z X C V B N M {accept}'
-                        ]
-                    };
-                }
-                else if (this.keyboardType === 'email') {
-                    customLayout = this.getCustomKeyboardForEmail();
-                }
-                return customLayout;
-            };
-        /**
-         * @private
-         * @return {?}
-         */
-        VirtualKeyboardDirective.prototype.getCustomKeyboardForEmail = /**
-         * @private
-         * @return {?}
-         */
-            function () {
-                return {
-                    normal: [
-                        '1 2 3 4 5 6 7 8 9 0',
-                        'q w e r t y u i o p {bksp}',
-                        'a s d f g h j k l ç',
-                        '{s} z x c v b n m .',
-                        '{meta1} {space} _ - {accept}'
-                    ],
-                    shift: [
-                        '1 2 3 4 5 6 7 8 9 0',
-                        'Q W E R T Y U I O P {bksp}',
-                        'A S D F G H J K L Ç',
-                        '{s} Z X C V B N M .',
-                        '{meta1} {space} _ - {accept}'
-                    ],
-                    meta1: [
-                        "` | { } % ^ * / ' {bksp}",
-                        '{meta2} $ & ~ # = + @',
-                        '{normal} {space} ! ? {accept}'
-                    ],
-                    meta2: [
-                        '[ ] { } \u2039 \u203a ^ * " , {bksp}',
-                        '\\ | / < > $ \u00a3 \u00a5 \u2022',
-                        '{meta1} \u20ac & ~ # = + .',
-                        '{normal} {space} ! ? {accept}'
-                    ]
-                };
-            };
-        /**
-         * @private
-         * @return {?}
-         */
-        VirtualKeyboardDirective.prototype.createKeyboardOptions = /**
-         * @private
-         * @return {?}
-         */
-            function () {
-                /** @type {?} */
-                var keyboardOptions = this.getDefaultKeyboardOptions();
-                if (this.keyboardPosition !== 'relative') {
-                    keyboardOptions.position = false;
-                }
-                if (this.keyboardPosition === 'bottom') {
-                    this.addBottomKeyboardClass();
-                }
-                keyboardOptions.css = {
-                    buttonDefault: 'keyboard-button-override'
-                };
-                keyboardOptions.display = this.getKeyboardDisplayOptions();
-                keyboardOptions.layout = 'custom';
-                keyboardOptions.customLayout = this.getKeyboardLayout();
-                return keyboardOptions;
-            };
-        /**
-         * @private
-         * @return {?}
-         */
-        VirtualKeyboardDirective.prototype.onKeyboardVisible = /**
-         * @private
-         * @return {?}
-         */
-            function () {
-                this.addCustomKeyboardFocusClass();
-            };
-        /**
-         * @private
-         * @return {?}
-         */
-        VirtualKeyboardDirective.prototype.onBeforeClose = /**
-         * @private
-         * @return {?}
-         */
-            function () {
-                // O elemente do jQuery limpa tudo o que não passou pelo accept
-                // Necessário setar o valor quando somente fechado a modal.
-                /** @type {?} */
-                var formControl = this.fieldControl.control;
-                formControl.setValue(this.value);
-                this.showKeyboard = false;
-            };
-        /**
-         * @private
-         * @return {?}
-         */
-        VirtualKeyboardDirective.prototype.onValueAccepted = /**
-         * @private
-         * @return {?}
-         */
-            function () {
-                /** @type {?} */
-                var casted = ( /** @type {?} */(this.keyboardElement));
-                this.keyboardValueAccepted.emit(casted.value);
-            };
-        /**
-         * @private
-         * @param {?} event
-         * @return {?}
-         */
-        VirtualKeyboardDirective.prototype.onChange = /**
-         * @private
-         * @param {?} event
-         * @return {?}
-         */
-            function (event) {
-                /** @type {?} */
-                var virtualkeyboardevent = new CustomEvent('virtualkeyboardevent', event);
-                document.dispatchEvent(virtualkeyboardevent);
-                if (this.keyboardElement instanceof HTMLInputElement) {
-                    /** @type {?} */
-                    var keyboardElement_1 = ( /** @type {?} */(this.keyboardElement));
-                    // Arquivo possui referecia do jQuery que é alterado ao fechar o teclado.
-                    // Necessário clonar a string.
-                    /** @type {?} */
-                    var inputVal_1 = JSON.stringify(keyboardElement_1.value).replace('"', '').replace('"', '');
-                    if (this.fieldControl) {
-                        /** @type {?} */
-                        var formControl = this.fieldControl.control;
-                        this.value = inputVal_1;
-                        formControl.setValue(inputVal_1);
-                        formControl.markAsDirty();
-                        formControl.updateValueAndValidity();
-                    }
-                    // Este setTimeout é necessário para fazer com que o
-                    // cursor do input sempre esteja no final da string digitada
-                    // e o final da string sempre esteja visivel.
-                    setTimeout(( /**
-                     * @return {?}
-                     */function () {
-                        keyboardElement_1.value = inputVal_1;
-                        keyboardElement_1.scrollLeft = keyboardElement_1.scrollWidth;
-                    }));
-                }
-            };
-        /**
-         * @private
-         * @return {?}
-         */
-        VirtualKeyboardDirective.prototype.addBottomKeyboardClass = /**
-         * @private
-         * @return {?}
-         */
-            function () {
-                this.injectCssRule(".ui-keyboard {\n        border-radius: 0;\n        left: 0;\n        top: auto;\n        bottom: 0;\n        position: fixed;\n        width: 100%;\n      }");
-            };
-        /**
-         * @private
-         * @return {?}
-         */
-        VirtualKeyboardDirective.prototype.addCustomKeyboardFocusClass = /**
-         * @private
-         * @return {?}
-         */
-            function () {
-                this.injectCssRule(".ui-keyboard-has-focus {\n        z-index: 900;\n      }");
-            };
-        /**
-         * @private
-         * @param {?} rule
-         * @return {?}
-         */
-        VirtualKeyboardDirective.prototype.injectCssRule = /**
-         * @private
-         * @param {?} rule
-         * @return {?}
-         */
-            function (rule) {
-                /** @type {?} */
-                var style = ( /** @type {?} */(document.createElement('style')));
-                style.appendChild(document.createTextNode(''));
-                document.head.appendChild(style);
-                style.sheet.insertRule(rule);
-            };
-        VirtualKeyboardDirective.decorators = [
-            { type: core.Directive, args: [{
-                        selector: '[samVirtualKeyboard]'
-                    },] }
-        ];
-        /** @nocollapse */
-        VirtualKeyboardDirective.ctorParameters = function () {
-            return [
-                { type: core.ElementRef },
-                { type: forms.NgControl, decorators: [{ type: core.Optional }] }
-            ];
-        };
-        VirtualKeyboardDirective.propDecorators = {
-            keyboardPosition: [{ type: core.Input }],
-            keyboardType: [{ type: core.Input }],
-            activateKeyboard: [{ type: core.Input }],
-            showOnFocus: [{ type: core.Input }],
-            showKeyboard: [{ type: core.Input }],
-            keyboardValueAccepted: [{ type: core.Output }],
-            showKeyboardChange: [{ type: core.Output }]
-        };
-        return VirtualKeyboardDirective;
-    }());
-
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    var VirtualKeyboardModule = /** @class */ (function () {
-        function VirtualKeyboardModule() {
-        }
-        VirtualKeyboardModule.decorators = [
-            { type: core.NgModule, args: [{
-                        declarations: [VirtualKeyboardDirective],
-                        exports: [VirtualKeyboardDirective]
-                    },] }
-        ];
-        return VirtualKeyboardModule;
-    }());
-
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-
-    exports.VirtualKeyboardModule = VirtualKeyboardModule;
-    exports.ɵa = VirtualKeyboardDirective;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-})));
-
-//# sourceMappingURL=sam-senior-virtual-keyboard.umd.js.map

package/bundles/sam-senior-virtual-keyboard.umd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sam-senior-virtual-keyboard.umd.js.map","sources":["ng://@sam-senior/virtual-keyboard/lib/virtual-keyboard.directive.ts","ng://@sam-senior/virtual-keyboard/lib/virtual-keyboard.module.ts"],"sourcesContent":["import { Directive, OnDestroy, OnChanges, ElementRef, Optional, Input, Output, EventEmitter } from '@angular/core';\r\nimport { NgControl } from '@angular/forms';\r\n\r\nimport { KeyboardOptions } from '../../node_modules/virtual-keyboard';\r\n\r\n/***************************************************************\r\n* Método que retonar instancia do elemento jQuery, pois\r\n* o projeto que implementa esta diretiva fica fora da lib.\r\n* Devido ficar fora, o webpack não ficará aqui, portando não\r\n* tem jQuery na lib;\r\n****************************************************************/\r\nconst jQueryInstance = (element) => {\r\n  const windowInstance = window as any;\r\n  return windowInstance.jQuery ? windowInstance.jQuery(element) : null;\r\n};\r\n\r\n@Directive({\r\n  selector: '[samVirtualKeyboard]'\r\n})\r\nexport class VirtualKeyboardDirective\r\n  implements OnDestroy, OnChanges {\r\n\r\n  @Input() private keyboardPosition: 'relative' | 'bottom' = 'bottom';\r\n  @Input() private keyboardType: 'email' | 'alphanumeric' = 'email';\r\n  @Input() public set activateKeyboard(activateKeyboard: boolean) {\r\n    if (activateKeyboard) {\r\n      this.keyboardElement = this.elementRef.nativeElement as HTMLElement;\r\n      this.keyboardjQueryElement = jQueryInstance(this.keyboardElement);\r\n      if (this.keyboardjQueryElement) {\r\n        this.keyboardjQueryElement.keyboard(this.createKeyboardOptions());\r\n      }\r\n    }\r\n  }\r\n  @Input() private showOnFocus = true;\r\n  @Input()\r\n  public get showKeyboard(): boolean {\r\n    return this._showKeyboard;\r\n  }\r\n  public set showKeyboard(revealKeyboard: boolean) {\r\n    this._showKeyboard = revealKeyboard;\r\n    this.showKeyboardChange.emit(this._showKeyboard);\r\n  }\r\n\r\n  @Output() private keyboardValueAccepted = new EventEmitter();\r\n  @Output() public showKeyboardChange = new EventEmitter<boolean>();\r\n\r\n  public _showKeyboard = false;\r\n  private keyboardElement: HTMLElement;\r\n  private value = '';\r\n\r\n  // Any devido a ser referência do jQuery;\r\n  private keyboardjQueryElement: any;\r\n\r\n  constructor(\r\n    public elementRef: ElementRef,\r\n    @Optional() public fieldControl: NgControl\r\n  ) { }\r\n\r\n  ngOnChanges() {\r\n    if (this.showKeyboard && this.isKeyboardCreated()) {\r\n      this.keyboardjQueryElement.getkeyboard().reveal();\r\n    }\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    if (this.isKeyboardCreated()) {\r\n      this.keyboardjQueryElement\r\n        .keyboard()\r\n        .getkeyboard()\r\n        .destroy();\r\n    }\r\n  }\r\n\r\n  private isKeyboardCreated(): boolean {\r\n    return (\r\n      this.keyboardjQueryElement &&\r\n      this.keyboardjQueryElement.keyboard() &&\r\n      this.keyboardjQueryElement.keyboard().getkeyboard()\r\n    );\r\n  }\r\n\r\n  private getDefaultKeyboardOptions() {\r\n    const keyboardOptions = {} as KeyboardOptions;\r\n    if (!this.showOnFocus) {\r\n      keyboardOptions.openOn = '';\r\n    }\r\n    keyboardOptions.usePreview = false;\r\n    keyboardOptions.accepted = this.onValueAccepted.bind(this);\r\n    keyboardOptions.visible = this.onKeyboardVisible.bind(this);\r\n    keyboardOptions.beforeClose = this.onBeforeClose.bind(this);\r\n    keyboardOptions.change = this.onChange.bind(this);\r\n    return keyboardOptions;\r\n  }\r\n\r\n  private getKeyboardDisplayOptions() {\r\n    return {\r\n      bksp: '\\u2190',\r\n      normal: 'ABC',\r\n      meta1: '%?@',\r\n      meta2: '#+=',\r\n      accept: 'OK'\r\n    };\r\n  }\r\n\r\n  private getKeyboardLayout() {\r\n    let customLayout = {};\r\n    if (this.keyboardType === 'alphanumeric') {\r\n      customLayout = {\r\n        normal: [\r\n          '1 2 3 4 5 6 7 8 9 0',\r\n          'Q W E R T Y U I O P {bksp}',\r\n          'A S D F G H J K L Ç',\r\n          'Z X C V B N M {accept}'\r\n        ]\r\n      };\r\n    } else if (this.keyboardType === 'email') {\r\n      customLayout = this.getCustomKeyboardForEmail();\r\n    }\r\n    return customLayout;\r\n  }\r\n\r\n  private getCustomKeyboardForEmail() {\r\n    return {\r\n      normal: [\r\n        '1 2 3 4 5 6 7 8 9 0',\r\n        'q w e r t y u i o p {bksp}',\r\n        'a s d f g h j k l ç',\r\n        '{s} z x c v b n m .',\r\n        '{meta1} {space} _ - {accept}'\r\n      ],\r\n      shift: [\r\n        '1 2 3 4 5 6 7 8 9 0',\r\n        'Q W E R T Y U I O P {bksp}',\r\n        'A S D F G H J K L Ç',\r\n        '{s} Z X C V B N M .',\r\n        '{meta1} {space} _ - {accept}'\r\n      ],\r\n      meta1: [\r\n        \"` | { } % ^ * / ' {bksp}\",\r\n        '{meta2} $ & ~ # = + @',\r\n        '{normal} {space} ! ? {accept}'\r\n      ],\r\n      meta2: [\r\n        '[ ] { } \\u2039 \\u203a ^ * \" , {bksp}',\r\n        '\\\\ | / < > $ \\u00a3 \\u00a5 \\u2022',\r\n        '{meta1} \\u20ac & ~ # = + .',\r\n        '{normal} {space} ! ? {accept}'\r\n      ]\r\n    };\r\n  }\r\n\r\n  private createKeyboardOptions(): KeyboardOptions {\r\n    const keyboardOptions = this.getDefaultKeyboardOptions();\r\n    if (this.keyboardPosition !== 'relative') {\r\n      keyboardOptions.position = false;\r\n    }\r\n    if (this.keyboardPosition === 'bottom') {\r\n      this.addBottomKeyboardClass();\r\n    }\r\n    keyboardOptions.css = {\r\n      buttonDefault: 'keyboard-button-override'\r\n    };\r\n\r\n    keyboardOptions.display = this.getKeyboardDisplayOptions();\r\n    keyboardOptions.layout = 'custom';\r\n    keyboardOptions.customLayout = this.getKeyboardLayout();\r\n\r\n    return keyboardOptions;\r\n  }\r\n\r\n  private onKeyboardVisible() {\r\n    this.addCustomKeyboardFocusClass();\r\n  }\r\n\r\n  private onBeforeClose() {\r\n    // O elemente do jQuery limpa tudo o que não passou pelo accept\r\n    // Necessário setar o valor quando somente fechado a modal.\r\n    const formControl = this.fieldControl.control;\r\n    formControl.setValue(this.value);\r\n    this.showKeyboard = false;\r\n  }\r\n\r\n  private onValueAccepted() {\r\n    const casted = this.keyboardElement as any;\r\n    this.keyboardValueAccepted.emit(casted.value);\r\n  }\r\n\r\n  private onChange(event) {\r\n    const virtualkeyboardevent = new CustomEvent('virtualkeyboardevent', event);\r\n    document.dispatchEvent(virtualkeyboardevent);\r\n    if (this.keyboardElement instanceof HTMLInputElement) {\r\n      const keyboardElement = this.keyboardElement as HTMLInputElement;\r\n      // Arquivo possui referecia do jQuery que é alterado ao fechar o teclado.\r\n      // Necessário clonar a string.\r\n      const inputVal = JSON.stringify(keyboardElement.value).replace('\"', '').replace('\"', '');\r\n      if (this.fieldControl) {\r\n        const formControl = this.fieldControl.control;\r\n        this.value = inputVal;\r\n        formControl.setValue(inputVal);\r\n        formControl.markAsDirty();\r\n        formControl.updateValueAndValidity();\r\n      }\r\n      // Este setTimeout é necessário para fazer com que o\r\n      // cursor do input sempre esteja no final da string digitada\r\n      // e o final da string sempre esteja visivel.\r\n      setTimeout(() => {\r\n        keyboardElement.value = inputVal;\r\n        keyboardElement.scrollLeft = keyboardElement.scrollWidth;\r\n      });\r\n    }\r\n  }\r\n\r\n  private addBottomKeyboardClass() {\r\n    this.injectCssRule(\r\n      `.ui-keyboard {\r\n        border-radius: 0;\r\n        left: 0;\r\n        top: auto;\r\n        bottom: 0;\r\n        position: fixed;\r\n        width: 100%;\r\n      }`\r\n    );\r\n  }\r\n\r\n  private addCustomKeyboardFocusClass() {\r\n    this.injectCssRule(\r\n      `.ui-keyboard-has-focus {\r\n        z-index: 900;\r\n      }`\r\n    );\r\n  }\r\n\r\n  private injectCssRule(rule) {\r\n    const style = document.createElement('style') as any;\r\n    style.appendChild(document.createTextNode(''));\r\n    document.head.appendChild(style);\r\n    style.sheet.insertRule(rule);\r\n  }\r\n}\r\n\r\n","import { NgModule } from '@angular/core';\r\nimport { VirtualKeyboardDirective } from './virtual-keyboard.directive';\r\n\r\n@NgModule({\r\n  declarations: [VirtualKeyboardDirective],\r\n  exports: [VirtualKeyboardDirective]\r\n})\r\nexport class VirtualKeyboardModule { }\r\n"],"names":["EventEmitter","Directive","ElementRef","NgControl","Optional","Input","Output","NgModule"],"mappings":";;;;;;;;;;AAAA;;;;;;;;;QAWM,cAAc;;;OAAG,UAAC,OAAO;;YACvB,cAAc,sBAAG,MAAM,EAAO;QACpC,OAAO,cAAc,CAAC,MAAM,GAAG,cAAc,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC;IACvE,CAAC,CAAA;;QAuCC,kCACS,UAAsB,EACV,YAAuB;YADnC,eAAU,GAAV,UAAU,CAAY;YACV,iBAAY,GAAZ,YAAY,CAAW;YAjC3B,qBAAgB,GAA0B,QAAQ,CAAC;YACnD,iBAAY,GAA6B,OAAO,CAAC;YAUjD,gBAAW,GAAG,IAAI,CAAC;YAUlB,0BAAqB,GAAG,IAAIA,iBAAY,EAAE,CAAC;YAC5C,uBAAkB,GAAG,IAAIA,iBAAY,EAAW,CAAC;YAE3D,kBAAa,GAAG,KAAK,CAAC;YAErB,UAAK,GAAG,EAAE,CAAC;SAQd;QAhCL,sBAAoB,sDAAgB;;;;gBAApC,UAAqC,gBAAyB;gBAC5D,IAAI,gBAAgB,EAAE;oBACpB,IAAI,CAAC,eAAe,sBAAG,IAAI,CAAC,UAAU,CAAC,aAAa,EAAe,CAAC;oBACpE,IAAI,CAAC,qBAAqB,GAAG,cAAc,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;oBAClE,IAAI,IAAI,CAAC,qBAAqB,EAAE;wBAC9B,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC,CAAC;qBACnE;iBACF;aACF;;;WAAA;QAED,sBACW,kDAAY;;;gBADvB;gBAEE,OAAO,IAAI,CAAC,aAAa,CAAC;aAC3B;;;;gBACD,UAAwB,cAAuB;gBAC7C,IAAI,CAAC,aAAa,GAAG,cAAc,CAAC;gBACpC,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;aAClD;;;WAJA;;;;QAqBD,8CAAW;;;YAAX;gBACE,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,iBAAiB,EAAE,EAAE;oBACjD,IAAI,CAAC,qBAAqB,CAAC,WAAW,EAAE,CAAC,MAAM,EAAE,CAAC;iBACnD;aACF;;;;QAED,8CAAW;;;YAAX;gBACE,IAAI,IAAI,CAAC,iBAAiB,EAAE,EAAE;oBAC5B,IAAI,CAAC,qBAAqB;yBACvB,QAAQ,EAAE;yBACV,WAAW,EAAE;yBACb,OAAO,EAAE,CAAC;iBACd;aACF;;;;;QAEO,oDAAiB;;;;YAAzB;gBACE,QACE,IAAI,CAAC,qBAAqB;oBAC1B,IAAI,CAAC,qBAAqB,CAAC,QAAQ,EAAE;oBACrC,IAAI,CAAC,qBAAqB,CAAC,QAAQ,EAAE,CAAC,WAAW,EAAE,EACnD;aACH;;;;;QAEO,4DAAyB;;;;YAAjC;;oBACQ,eAAe,sBAAG,EAAE,EAAmB;gBAC7C,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;oBACrB,eAAe,CAAC,MAAM,GAAG,EAAE,CAAC;iBAC7B;gBACD,eAAe,CAAC,UAAU,GAAG,KAAK,CAAC;gBACnC,eAAe,CAAC,QAAQ,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBAC3D,eAAe,CAAC,OAAO,GAAG,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBAC5D,eAAe,CAAC,WAAW,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBAC5D,eAAe,CAAC,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBAClD,OAAO,eAAe,CAAC;aACxB;;;;;QAEO,4DAAyB;;;;YAAjC;gBACE,OAAO;oBACL,IAAI,EAAE,QAAQ;oBACd,MAAM,EAAE,KAAK;oBACb,KAAK,EAAE,KAAK;oBACZ,KAAK,EAAE,KAAK;oBACZ,MAAM,EAAE,IAAI;iBACb,CAAC;aACH;;;;;QAEO,oDAAiB;;;;YAAzB;;oBACM,YAAY,GAAG,EAAE;gBACrB,IAAI,IAAI,CAAC,YAAY,KAAK,cAAc,EAAE;oBACxC,YAAY,GAAG;wBACb,MAAM,EAAE;4BACN,qBAAqB;4BACrB,4BAA4B;4BAC5B,qBAAqB;4BACrB,wBAAwB;yBACzB;qBACF,CAAC;iBACH;qBAAM,IAAI,IAAI,CAAC,YAAY,KAAK,OAAO,EAAE;oBACxC,YAAY,GAAG,IAAI,CAAC,yBAAyB,EAAE,CAAC;iBACjD;gBACD,OAAO,YAAY,CAAC;aACrB;;;;;QAEO,4DAAyB;;;;YAAjC;gBACE,OAAO;oBACL,MAAM,EAAE;wBACN,qBAAqB;wBACrB,4BAA4B;wBAC5B,qBAAqB;wBACrB,qBAAqB;wBACrB,8BAA8B;qBAC/B;oBACD,KAAK,EAAE;wBACL,qBAAqB;wBACrB,4BAA4B;wBAC5B,qBAAqB;wBACrB,qBAAqB;wBACrB,8BAA8B;qBAC/B;oBACD,KAAK,EAAE;wBACL,0BAA0B;wBAC1B,uBAAuB;wBACvB,+BAA+B;qBAChC;oBACD,KAAK,EAAE;wBACL,sCAAsC;wBACtC,mCAAmC;wBACnC,4BAA4B;wBAC5B,+BAA+B;qBAChC;iBACF,CAAC;aACH;;;;;QAEO,wDAAqB;;;;YAA7B;;oBACQ,eAAe,GAAG,IAAI,CAAC,yBAAyB,EAAE;gBACxD,IAAI,IAAI,CAAC,gBAAgB,KAAK,UAAU,EAAE;oBACxC,eAAe,CAAC,QAAQ,GAAG,KAAK,CAAC;iBAClC;gBACD,IAAI,IAAI,CAAC,gBAAgB,KAAK,QAAQ,EAAE;oBACtC,IAAI,CAAC,sBAAsB,EAAE,CAAC;iBAC/B;gBACD,eAAe,CAAC,GAAG,GAAG;oBACpB,aAAa,EAAE,0BAA0B;iBAC1C,CAAC;gBAEF,eAAe,CAAC,OAAO,GAAG,IAAI,CAAC,yBAAyB,EAAE,CAAC;gBAC3D,eAAe,CAAC,MAAM,GAAG,QAAQ,CAAC;gBAClC,eAAe,CAAC,YAAY,GAAG,IAAI,CAAC,iBAAiB,EAAE,CAAC;gBAExD,OAAO,eAAe,CAAC;aACxB;;;;;QAEO,oDAAiB;;;;YAAzB;gBACE,IAAI,CAAC,2BAA2B,EAAE,CAAC;aACpC;;;;;QAEO,gDAAa;;;;YAArB;;;;oBAGQ,WAAW,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO;gBAC7C,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBACjC,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;aAC3B;;;;;QAEO,kDAAe;;;;YAAvB;;oBACQ,MAAM,sBAAG,IAAI,CAAC,eAAe,EAAO;gBAC1C,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;aAC/C;;;;;;QAEO,2CAAQ;;;;;YAAhB,UAAiB,KAAK;;oBACd,oBAAoB,GAAG,IAAI,WAAW,CAAC,sBAAsB,EAAE,KAAK,CAAC;gBAC3E,QAAQ,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;gBAC7C,IAAI,IAAI,CAAC,eAAe,YAAY,gBAAgB,EAAE;;wBAC9C,iBAAe,sBAAG,IAAI,CAAC,eAAe,EAAoB;;;;wBAG1D,UAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,iBAAe,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC;oBACxF,IAAI,IAAI,CAAC,YAAY,EAAE;;4BACf,WAAW,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO;wBAC7C,IAAI,CAAC,KAAK,GAAG,UAAQ,CAAC;wBACtB,WAAW,CAAC,QAAQ,CAAC,UAAQ,CAAC,CAAC;wBAC/B,WAAW,CAAC,WAAW,EAAE,CAAC;wBAC1B,WAAW,CAAC,sBAAsB,EAAE,CAAC;qBACtC;;;;oBAID,UAAU;;uBAAC;wBACT,iBAAe,CAAC,KAAK,GAAG,UAAQ,CAAC;wBACjC,iBAAe,CAAC,UAAU,GAAG,iBAAe,CAAC,WAAW,CAAC;qBAC1D,EAAC,CAAC;iBACJ;aACF;;;;;QAEO,yDAAsB;;;;YAA9B;gBACE,IAAI,CAAC,aAAa,CAChB,8JAOE,CACH,CAAC;aACH;;;;;QAEO,8DAA2B;;;;YAAnC;gBACE,IAAI,CAAC,aAAa,CAChB,0DAEE,CACH,CAAC;aACH;;;;;;QAEO,gDAAa;;;;;YAArB,UAAsB,IAAI;;oBAClB,KAAK,sBAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,EAAO;gBACpD,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC,CAAC;gBAC/C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;gBACjC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;aAC9B;;oBA9NFC,cAAS,SAAC;wBACT,QAAQ,EAAE,sBAAsB;qBACjC;;;;;wBAlByCC,eAAU;wBAC3CC,eAAS,uBAsDbC,aAAQ;;;;uCAjCVC,UAAK;mCACLA,UAAK;uCACLA,UAAK;kCASLA,UAAK;mCACLA,UAAK;4CASLC,WAAM;yCACNA,WAAM;;QAmMT,+BAAC;KA/ND;;;;;;AChBA;QAGA;SAIsC;;oBAJrCC,aAAQ,SAAC;wBACR,YAAY,EAAE,CAAC,wBAAwB,CAAC;wBACxC,OAAO,EAAE,CAAC,wBAAwB,CAAC;qBACpC;;QACoC,4BAAC;KAJtC;;;;;;;;;;;;;;;;;;;;;;;"}

package/bundles/sam-senior-virtual-keyboard.umd.min.js

@@ -1,2 +0,0 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/forms")):"function"==typeof define&&define.amd?define("@sam-senior/virtual-keyboard",["exports","@angular/core","@angular/forms"],t):t((e["sam-senior"]=e["sam-senior"]||{},e["sam-senior"]["virtual-keyboard"]={}),e.ng.core,e.ng.forms)}(this,function(e,o,t){"use strict";var r=function(){function e(e,t){this.elementRef=e,this.fieldControl=t,this.keyboardPosition="bottom",this.keyboardType="email",this.showOnFocus=!0,this.keyboardValueAccepted=new o.EventEmitter,this.showKeyboardChange=new o.EventEmitter,this._showKeyboard=!1,this.value=""}return Object.defineProperty(e.prototype,"activateKeyboard",{set:function(e){var t,o;e&&(this.keyboardElement=this.elementRef.nativeElement,this.keyboardjQueryElement=(t=this.keyboardElement,(o=window).jQuery?o.jQuery(t):null),this.keyboardjQueryElement&&this.keyboardjQueryElement.keyboard(this.createKeyboardOptions()))},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"showKeyboard",{get:function(){return this._showKeyboard},set:function(e){this._showKeyboard=e,this.showKeyboardChange.emit(this._showKeyboard)},enumerable:!0,configurable:!0}),e.prototype.ngOnChanges=function(){this.showKeyboard&&this.isKeyboardCreated()&&this.keyboardjQueryElement.getkeyboard().reveal()},e.prototype.ngOnDestroy=function(){this.isKeyboardCreated()&&this.keyboardjQueryElement.keyboard().getkeyboard().destroy()},e.prototype.isKeyboardCreated=function(){return this.keyboardjQueryElement&&this.keyboardjQueryElement.keyboard()&&this.keyboardjQueryElement.keyboard().getkeyboard()},e.prototype.getDefaultKeyboardOptions=function(){var e={};return this.showOnFocus||(e.openOn=""),e.usePreview=!1,e.accepted=this.onValueAccepted.bind(this),e.visible=this.onKeyboardVisible.bind(this),e.beforeClose=this.onBeforeClose.bind(this),e.change=this.onChange.bind(this),e},e.prototype.getKeyboardDisplayOptions=function(){return{bksp:"←",normal:"ABC",meta1:"%?@",meta2:"#+=",accept:"OK"}},e.prototype.getKeyboardLayout=function(){var e={};return"alphanumeric"===this.keyboardType?e={normal:["1 2 3 4 5 6 7 8 9 0","Q W E R T Y U I O P {bksp}","A S D F G H J K L Ç","Z X C V B N M {accept}"]}:"email"===this.keyboardType&&(e=this.getCustomKeyboardForEmail()),e},e.prototype.getCustomKeyboardForEmail=function(){return{normal:["1 2 3 4 5 6 7 8 9 0","q w e r t y u i o p {bksp}","a s d f g h j k l ç","{s} z x c v b n m .","{meta1} {space} _ - {accept}"],shift:["1 2 3 4 5 6 7 8 9 0","Q W E R T Y U I O P {bksp}","A S D F G H J K L Ç","{s} Z X C V B N M .","{meta1} {space} _ - {accept}"],meta1:["` | { } % ^ * / ' {bksp}","{meta2} $ & ~ # = + @","{normal} {space} ! ? {accept}"],meta2:['[ ] { } ‹ › ^ * " , {bksp}',"\\ | / < > $ £ ¥ •","{meta1} € & ~ # = + .","{normal} {space} ! ? {accept}"]}},e.prototype.createKeyboardOptions=function(){var e=this.getDefaultKeyboardOptions();return"relative"!==this.keyboardPosition&&(e.position=!1),"bottom"===this.keyboardPosition&&this.addBottomKeyboardClass(),e.css={buttonDefault:"keyboard-button-override"},e.display=this.getKeyboardDisplayOptions(),e.layout="custom",e.customLayout=this.getKeyboardLayout(),e},e.prototype.onKeyboardVisible=function(){this.addCustomKeyboardFocusClass()},e.prototype.onBeforeClose=function(){this.fieldControl.control.setValue(this.value),this.showKeyboard=!1},e.prototype.onValueAccepted=function(){var e=this.keyboardElement;this.keyboardValueAccepted.emit(e.value)},e.prototype.onChange=function(e){var t=new CustomEvent("virtualkeyboardevent",e);if(document.dispatchEvent(t),this.keyboardElement instanceof HTMLInputElement){var o=this.keyboardElement,r=JSON.stringify(o.value).replace('"',"").replace('"',"");if(this.fieldControl){var a=this.fieldControl.control;this.value=r,a.setValue(r),a.markAsDirty(),a.updateValueAndValidity()}setTimeout(function(){o.value=r,o.scrollLeft=o.scrollWidth})}},e.prototype.addBottomKeyboardClass=function(){this.injectCssRule(".ui-keyboard {\n        border-radius: 0;\n        left: 0;\n        top: auto;\n        bottom: 0;\n        position: fixed;\n        width: 100%;\n      }")},e.prototype.addCustomKeyboardFocusClass=function(){this.injectCssRule(".ui-keyboard-has-focus {\n        z-index: 900;\n      }")},e.prototype.injectCssRule=function(e){var t=document.createElement("style");t.appendChild(document.createTextNode("")),document.head.appendChild(t),t.sheet.insertRule(e)},e.decorators=[{type:o.Directive,args:[{selector:"[samVirtualKeyboard]"}]}],e.ctorParameters=function(){return[{type:o.ElementRef},{type:t.NgControl,decorators:[{type:o.Optional}]}]},e.propDecorators={keyboardPosition:[{type:o.Input}],keyboardType:[{type:o.Input}],activateKeyboard:[{type:o.Input}],showOnFocus:[{type:o.Input}],showKeyboard:[{type:o.Input}],keyboardValueAccepted:[{type:o.Output}],showKeyboardChange:[{type:o.Output}]},e}(),a=function(){function e(){}return e.decorators=[{type:o.NgModule,args:[{declarations:[r],exports:[r]}]}],e}();e.VirtualKeyboardModule=a,e.ɵa=r,Object.defineProperty(e,"__esModule",{value:!0})});
-//# sourceMappingURL=sam-senior-virtual-keyboard.umd.min.js.map

package/bundles/sam-senior-virtual-keyboard.umd.min.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["ng://@sam-senior/virtual-keyboard/lib/virtual-keyboard.directive.ts","ng://@sam-senior/virtual-keyboard/lib/virtual-keyboard.module.ts"],"names":["VirtualKeyboardDirective","elementRef","fieldControl","this","keyboardPosition","keyboardType","showOnFocus","keyboardValueAccepted","EventEmitter","showKeyboardChange","_showKeyboard","value","Object","defineProperty","prototype","activateKeyboard","element","windowInstance","keyboardElement","keyboardjQueryElement","jQuery","keyboard","createKeyboardOptions","revealKeyboard","emit","ngOnChanges","showKeyboard","isKeyboardCreated","getkeyboard","reveal","ngOnDestroy","destroy","getDefaultKeyboardOptions","keyboardOptions","openOn","usePreview","accepted","onValueAccepted","bind","visible","onKeyboardVisible","beforeClose","onBeforeClose","change","onChange","getKeyboardDisplayOptions","bksp","normal","meta1","meta2","accept","getKeyboardLayout","customLayout","getCustomKeyboardForEmail","shift","position","addBottomKeyboardClass","css","buttonDefault","display","layout","addCustomKeyboardFocusClass","control","setValue","casted","event","virtualkeyboardevent","CustomEvent","document","dispatchEvent","HTMLInputElement","keyboardElement_1","inputVal_1","JSON","stringify","replace","formControl","markAsDirty","updateValueAndValidity","setTimeout","scrollLeft","scrollWidth","injectCssRule","rule","style","createElement","appendChild","createTextNode","head","sheet","insertRule","Directive","args","selector","ElementRef","NgControl","decorators","type","Optional","Input","Output","VirtualKeyboardModule","NgModule","declarations","exports"],"mappings":"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","sourcesContent":["import { Directive, OnDestroy, OnChanges, ElementRef, Optional, Input, Output, EventEmitter } from '@angular/core';\r\nimport { NgControl } from '@angular/forms';\r\n\r\nimport { KeyboardOptions } from '../../node_modules/virtual-keyboard';\r\n\r\n/***************************************************************\r\n* Método que retonar instancia do elemento jQuery, pois\r\n* o projeto que implementa esta diretiva fica fora da lib.\r\n* Devido ficar fora, o webpack não ficará aqui, portando não\r\n* tem jQuery na lib;\r\n****************************************************************/\r\nconst jQueryInstance = (element) => {\r\n  const windowInstance = window as any;\r\n  return windowInstance.jQuery ? windowInstance.jQuery(element) : null;\r\n};\r\n\r\n@Directive({\r\n  selector: '[samVirtualKeyboard]'\r\n})\r\nexport class VirtualKeyboardDirective\r\n  implements OnDestroy, OnChanges {\r\n\r\n  @Input() private keyboardPosition: 'relative' | 'bottom' = 'bottom';\r\n  @Input() private keyboardType: 'email' | 'alphanumeric' = 'email';\r\n  @Input() public set activateKeyboard(activateKeyboard: boolean) {\r\n    if (activateKeyboard) {\r\n      this.keyboardElement = this.elementRef.nativeElement as HTMLElement;\r\n      this.keyboardjQueryElement = jQueryInstance(this.keyboardElement);\r\n      if (this.keyboardjQueryElement) {\r\n        this.keyboardjQueryElement.keyboard(this.createKeyboardOptions());\r\n      }\r\n    }\r\n  }\r\n  @Input() private showOnFocus = true;\r\n  @Input()\r\n  public get showKeyboard(): boolean {\r\n    return this._showKeyboard;\r\n  }\r\n  public set showKeyboard(revealKeyboard: boolean) {\r\n    this._showKeyboard = revealKeyboard;\r\n    this.showKeyboardChange.emit(this._showKeyboard);\r\n  }\r\n\r\n  @Output() private keyboardValueAccepted = new EventEmitter();\r\n  @Output() public showKeyboardChange = new EventEmitter<boolean>();\r\n\r\n  public _showKeyboard = false;\r\n  private keyboardElement: HTMLElement;\r\n  private value = '';\r\n\r\n  // Any devido a ser referência do jQuery;\r\n  private keyboardjQueryElement: any;\r\n\r\n  constructor(\r\n    public elementRef: ElementRef,\r\n    @Optional() public fieldControl: NgControl\r\n  ) { }\r\n\r\n  ngOnChanges() {\r\n    if (this.showKeyboard && this.isKeyboardCreated()) {\r\n      this.keyboardjQueryElement.getkeyboard().reveal();\r\n    }\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    if (this.isKeyboardCreated()) {\r\n      this.keyboardjQueryElement\r\n        .keyboard()\r\n        .getkeyboard()\r\n        .destroy();\r\n    }\r\n  }\r\n\r\n  private isKeyboardCreated(): boolean {\r\n    return (\r\n      this.keyboardjQueryElement &&\r\n      this.keyboardjQueryElement.keyboard() &&\r\n      this.keyboardjQueryElement.keyboard().getkeyboard()\r\n    );\r\n  }\r\n\r\n  private getDefaultKeyboardOptions() {\r\n    const keyboardOptions = {} as KeyboardOptions;\r\n    if (!this.showOnFocus) {\r\n      keyboardOptions.openOn = '';\r\n    }\r\n    keyboardOptions.usePreview = false;\r\n    keyboardOptions.accepted = this.onValueAccepted.bind(this);\r\n    keyboardOptions.visible = this.onKeyboardVisible.bind(this);\r\n    keyboardOptions.beforeClose = this.onBeforeClose.bind(this);\r\n    keyboardOptions.change = this.onChange.bind(this);\r\n    return keyboardOptions;\r\n  }\r\n\r\n  private getKeyboardDisplayOptions() {\r\n    return {\r\n      bksp: '\\u2190',\r\n      normal: 'ABC',\r\n      meta1: '%?@',\r\n      meta2: '#+=',\r\n      accept: 'OK'\r\n    };\r\n  }\r\n\r\n  private getKeyboardLayout() {\r\n    let customLayout = {};\r\n    if (this.keyboardType === 'alphanumeric') {\r\n      customLayout = {\r\n        normal: [\r\n          '1 2 3 4 5 6 7 8 9 0',\r\n          'Q W E R T Y U I O P {bksp}',\r\n          'A S D F G H J K L Ç',\r\n          'Z X C V B N M {accept}'\r\n        ]\r\n      };\r\n    } else if (this.keyboardType === 'email') {\r\n      customLayout = this.getCustomKeyboardForEmail();\r\n    }\r\n    return customLayout;\r\n  }\r\n\r\n  private getCustomKeyboardForEmail() {\r\n    return {\r\n      normal: [\r\n        '1 2 3 4 5 6 7 8 9 0',\r\n        'q w e r t y u i o p {bksp}',\r\n        'a s d f g h j k l ç',\r\n        '{s} z x c v b n m .',\r\n        '{meta1} {space} _ - {accept}'\r\n      ],\r\n      shift: [\r\n        '1 2 3 4 5 6 7 8 9 0',\r\n        'Q W E R T Y U I O P {bksp}',\r\n        'A S D F G H J K L Ç',\r\n        '{s} Z X C V B N M .',\r\n        '{meta1} {space} _ - {accept}'\r\n      ],\r\n      meta1: [\r\n        \"` | { } % ^ * / ' {bksp}\",\r\n        '{meta2} $ & ~ # = + @',\r\n        '{normal} {space} ! ? {accept}'\r\n      ],\r\n      meta2: [\r\n        '[ ] { } \\u2039 \\u203a ^ * \" , {bksp}',\r\n        '\\\\ | / < > $ \\u00a3 \\u00a5 \\u2022',\r\n        '{meta1} \\u20ac & ~ # = + .',\r\n        '{normal} {space} ! ? {accept}'\r\n      ]\r\n    };\r\n  }\r\n\r\n  private createKeyboardOptions(): KeyboardOptions {\r\n    const keyboardOptions = this.getDefaultKeyboardOptions();\r\n    if (this.keyboardPosition !== 'relative') {\r\n      keyboardOptions.position = false;\r\n    }\r\n    if (this.keyboardPosition === 'bottom') {\r\n      this.addBottomKeyboardClass();\r\n    }\r\n    keyboardOptions.css = {\r\n      buttonDefault: 'keyboard-button-override'\r\n    };\r\n\r\n    keyboardOptions.display = this.getKeyboardDisplayOptions();\r\n    keyboardOptions.layout = 'custom';\r\n    keyboardOptions.customLayout = this.getKeyboardLayout();\r\n\r\n    return keyboardOptions;\r\n  }\r\n\r\n  private onKeyboardVisible() {\r\n    this.addCustomKeyboardFocusClass();\r\n  }\r\n\r\n  private onBeforeClose() {\r\n    // O elemente do jQuery limpa tudo o que não passou pelo accept\r\n    // Necessário setar o valor quando somente fechado a modal.\r\n    const formControl = this.fieldControl.control;\r\n    formControl.setValue(this.value);\r\n    this.showKeyboard = false;\r\n  }\r\n\r\n  private onValueAccepted() {\r\n    const casted = this.keyboardElement as any;\r\n    this.keyboardValueAccepted.emit(casted.value);\r\n  }\r\n\r\n  private onChange(event) {\r\n    const virtualkeyboardevent = new CustomEvent('virtualkeyboardevent', event);\r\n    document.dispatchEvent(virtualkeyboardevent);\r\n    if (this.keyboardElement instanceof HTMLInputElement) {\r\n      const keyboardElement = this.keyboardElement as HTMLInputElement;\r\n      // Arquivo possui referecia do jQuery que é alterado ao fechar o teclado.\r\n      // Necessário clonar a string.\r\n      const inputVal = JSON.stringify(keyboardElement.value).replace('\"', '').replace('\"', '');\r\n      if (this.fieldControl) {\r\n        const formControl = this.fieldControl.control;\r\n        this.value = inputVal;\r\n        formControl.setValue(inputVal);\r\n        formControl.markAsDirty();\r\n        formControl.updateValueAndValidity();\r\n      }\r\n      // Este setTimeout é necessário para fazer com que o\r\n      // cursor do input sempre esteja no final da string digitada\r\n      // e o final da string sempre esteja visivel.\r\n      setTimeout(() => {\r\n        keyboardElement.value = inputVal;\r\n        keyboardElement.scrollLeft = keyboardElement.scrollWidth;\r\n      });\r\n    }\r\n  }\r\n\r\n  private addBottomKeyboardClass() {\r\n    this.injectCssRule(\r\n      `.ui-keyboard {\r\n        border-radius: 0;\r\n        left: 0;\r\n        top: auto;\r\n        bottom: 0;\r\n        position: fixed;\r\n        width: 100%;\r\n      }`\r\n    );\r\n  }\r\n\r\n  private addCustomKeyboardFocusClass() {\r\n    this.injectCssRule(\r\n      `.ui-keyboard-has-focus {\r\n        z-index: 900;\r\n      }`\r\n    );\r\n  }\r\n\r\n  private injectCssRule(rule) {\r\n    const style = document.createElement('style') as any;\r\n    style.appendChild(document.createTextNode(''));\r\n    document.head.appendChild(style);\r\n    style.sheet.insertRule(rule);\r\n  }\r\n}\r\n\r\n","import { NgModule } from '@angular/core';\r\nimport { VirtualKeyboardDirective } from './virtual-keyboard.directive';\r\n\r\n@NgModule({\r\n  declarations: [VirtualKeyboardDirective],\r\n  exports: [VirtualKeyboardDirective]\r\n})\r\nexport class VirtualKeyboardModule { }\r\n"]}