@sam-senior/virtual-keyboard 1.0.2 → 2.0.0

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

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

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}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.autoAccept=!0,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.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=o.value;if(this.fieldControl){var a=this.fieldControl.control;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","Object","defineProperty","prototype","activateKeyboard","element","windowInstance","keyboardElement","keyboardjQueryElement","jQuery","keyboard","createKeyboardOptions","revealKeyboard","emit","ngOnChanges","showKeyboard","isKeyboardCreated","getkeyboard","reveal","ngOnDestroy","destroy","getDefaultKeyboardOptions","keyboardOptions","openOn","usePreview","autoAccept","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","casted","value","event","virtualkeyboardevent","CustomEvent","document","dispatchEvent","HTMLInputElement","keyboardElement_1","inputVal_1","formControl","control","setValue","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":"uZAoDE,SAAAA,EACSC,EACYC,GADZC,KAAAF,WAAAA,EACYE,KAAAD,aAAAA,EAhCJC,KAAAC,iBAA0C,SAC1CD,KAAAE,aAAyC,QAUzCF,KAAAG,aAAc,EAUbH,KAAAI,sBAAwB,IAAIC,EAAAA,aAC7BL,KAAAM,mBAAqB,IAAID,EAAAA,aAEnCL,KAAAO,eAAgB,EA0LzB,OAhNEC,OAAAC,eAAoBZ,EAAAa,UAAA,mBAAgB,KAApC,SAAqCC,GAbnB,IAAIC,EAChBC,EAaAF,IACFX,KAAKc,gBAAkBd,KAAKF,WAAwB,cACpDE,KAAKe,uBAhBaH,EAgB0BZ,KAAKc,iBAf/CD,EAAc,QACEG,OAASH,EAAeG,OAAOJ,GAAW,MAexDZ,KAAKe,uBACPf,KAAKe,sBAAsBE,SAASjB,KAAKkB,2DAK/CV,OAAAC,eACWZ,EAAAa,UAAA,eAAY,KADvB,WAEE,OAAOV,KAAKO,mBAEd,SAAwBY,GACtBnB,KAAKO,cAAgBY,EACrBnB,KAAKM,mBAAmBc,KAAKpB,KAAKO,gDAiBpCV,EAAAa,UAAAW,YAAA,WACMrB,KAAKsB,cAAgBtB,KAAKuB,qBAC5BvB,KAAKe,sBAAsBS,cAAcC,UAI7C5B,EAAAa,UAAAgB,YAAA,WACM1B,KAAKuB,qBACPvB,KAAKe,sBACFE,WACAO,cACAG,WAIC9B,EAAAa,UAAAa,kBAAR,WACE,OACEvB,KAAKe,uBACLf,KAAKe,sBAAsBE,YAC3BjB,KAAKe,sBAAsBE,WAAWO,eAIlC3B,EAAAa,UAAAkB,0BAAR,eACQC,EAAe,GAUrB,OATK7B,KAAKG,cACR0B,EAAgBC,OAAS,IAE3BD,EAAgBE,YAAa,EAC7BF,EAAgBG,YAAa,EAC7BH,EAAgBI,SAAWjC,KAAKkC,gBAAgBC,KAAKnC,MACrD6B,EAAgBO,QAAUpC,KAAKqC,kBAAkBF,KAAKnC,MACtD6B,EAAgBS,YAActC,KAAKuC,cAAcJ,KAAKnC,MACtD6B,EAAgBW,OAASxC,KAAKyC,SAASN,KAAKnC,MACrC6B,GAGDhC,EAAAa,UAAAgC,0BAAR,WACE,MAAO,CACLC,KAAM,IACNC,OAAQ,MACRC,MAAO,MACPC,MAAO,MACPC,OAAQ,OAIJlD,EAAAa,UAAAsC,kBAAR,eACMC,EAAe,GAanB,MAZ0B,iBAAtBjD,KAAKE,aACP+C,EAAe,CACbL,OAAQ,CACN,sBACA,6BACA,sBACA,2BAG2B,UAAtB5C,KAAKE,eACd+C,EAAejD,KAAKkD,6BAEfD,GAGDpD,EAAAa,UAAAwC,0BAAR,WACE,MAAO,CACLN,OAAQ,CACN,sBACA,6BACA,sBACA,sBACA,gCAEFO,MAAO,CACL,sBACA,6BACA,sBACA,sBACA,gCAEFN,MAAO,CACL,2BACA,wBACA,iCAEFC,MAAO,CACL,6BACA,qBACA,wBACA,mCAKEjD,EAAAa,UAAAQ,sBAAR,eACQW,EAAkB7B,KAAK4B,4BAe7B,MAd8B,aAA1B5B,KAAKC,mBACP4B,EAAgBuB,UAAW,GAEC,WAA1BpD,KAAKC,kBACPD,KAAKqD,yBAEPxB,EAAgByB,IAAM,CACpBC,cAAe,4BAGjB1B,EAAgB2B,QAAUxD,KAAK0C,4BAC/Bb,EAAgB4B,OAAS,SACzB5B,EAAgBoB,aAAejD,KAAKgD,oBAE7BnB,GAGDhC,EAAAa,UAAA2B,kBAAR,WACErC,KAAK0D,+BAGC7D,EAAAa,UAAA6B,cAAR,WACEvC,KAAKsB,cAAe,GAGdzB,EAAAa,UAAAwB,gBAAR,eACQyB,EAAS3D,KAAoB,gBACnCA,KAAKI,sBAAsBgB,KAAKuC,EAAOC,QAGjC/D,EAAAa,UAAA+B,SAAR,SAAiBoB,OACTC,EAAuB,IAAIC,YAAY,uBAAwBF,GAErE,GADAG,SAASC,cAAcH,GACnB9D,KAAKc,2BAA2BoD,iBAAkB,KAC9CC,EAAkBnE,KAAoB,gBACtCoE,EAAWD,EAAgBP,MACjC,GAAI5D,KAAKD,aAAc,KACfsE,EAAcrE,KAAKD,aAAauE,QACtCD,EAAYE,SAASH,GACrBC,EAAYG,cACZH,EAAYI,yBAKdC,WAAU,WACRP,EAAgBP,MAAQQ,EACxBD,EAAgBQ,WAAaR,EAAgBS,gBAK3C/E,EAAAa,UAAA2C,uBAAR,WACErD,KAAK6E,cACH,iKAWIhF,EAAAa,UAAAgD,4BAAR,WACE1D,KAAK6E,cACH,6DAMIhF,EAAAa,UAAAmE,cAAR,SAAsBC,OACdC,EAAQf,SAASgB,cAAc,SACrCD,EAAME,YAAYjB,SAASkB,eAAe,KAC1ClB,SAASmB,KAAKF,YAAYF,GAC1BA,EAAMK,MAAMC,WAAWP,wBAtN1BQ,EAAAA,UAASC,KAAA,CAAC,CACTC,SAAU,oEAjB8BC,EAAAA,kBACjCC,EAAAA,UAASC,WAAA,CAAA,CAAAC,KAqDbC,EAAAA,wDAhCFC,EAAAA,4BACAA,EAAAA,gCACAA,EAAAA,2BASAA,EAAAA,4BACAA,EAAAA,qCASAC,EAAAA,mCACAA,EAAAA,UA4LHlG,KCxOAmG,EAAA,WAGA,SAAAA,KAIqC,2BAJpCC,EAAAA,SAAQV,KAAA,CAAC,CACRW,aAAc,CAACrG,GACfsG,QAAS,CAACtG,OAEyBmG,EAPrC","sourcesContent":["import { Directive, OnDestroy, OnChanges, ElementRef, Optional, Input, Output, EventEmitter } from '@angular/core';\nimport { NgControl } from '@angular/forms';\n\nimport { KeyboardOptions } from '../../node_modules/virtual-keyboard';\n\n/***************************************************************\n* Método que retonar instancia do elemento jQuery, pois\n* o projeto que implementa esta diretiva fica fora da lib.\n* Devido ficar fora, o webpack não ficará aqui, portando não\n* tem jQuery na lib;\n****************************************************************/\nconst jQueryInstance = (element) => {\n  const windowInstance = window as any;\n  return windowInstance.jQuery ? windowInstance.jQuery(element) : null;\n};\n\n@Directive({\n  selector: '[samVirtualKeyboard]'\n})\nexport class VirtualKeyboardDirective\n  implements OnDestroy, OnChanges {\n\n  @Input() private keyboardPosition: 'relative' | 'bottom' = 'bottom';\n  @Input() private keyboardType: 'email' | 'alphanumeric' = 'email';\n  @Input() public set activateKeyboard(activateKeyboard: boolean) {\n    if (activateKeyboard) {\n      this.keyboardElement = this.elementRef.nativeElement as HTMLElement;\n      this.keyboardjQueryElement = jQueryInstance(this.keyboardElement);\n      if (this.keyboardjQueryElement) {\n        this.keyboardjQueryElement.keyboard(this.createKeyboardOptions());\n      }\n    }\n  }\n  @Input() private showOnFocus = true;\n  @Input()\n  public get showKeyboard(): boolean {\n    return this._showKeyboard;\n  }\n  public set showKeyboard(revealKeyboard: boolean) {\n    this._showKeyboard = revealKeyboard;\n    this.showKeyboardChange.emit(this._showKeyboard);\n  }\n\n  @Output() private keyboardValueAccepted = new EventEmitter();\n  @Output() public showKeyboardChange = new EventEmitter<boolean>();\n\n  public _showKeyboard = false;\n  private keyboardElement: HTMLElement;\n\n  // Any devido a ser referência do jQuery;\n  private keyboardjQueryElement: any;\n\n  constructor(\n    public elementRef: ElementRef,\n    @Optional() public fieldControl: NgControl\n  ) { }\n\n  ngOnChanges() {\n    if (this.showKeyboard && this.isKeyboardCreated()) {\n      this.keyboardjQueryElement.getkeyboard().reveal();\n    }\n  }\n\n  ngOnDestroy() {\n    if (this.isKeyboardCreated()) {\n      this.keyboardjQueryElement\n        .keyboard()\n        .getkeyboard()\n        .destroy();\n    }\n  }\n\n  private isKeyboardCreated(): boolean {\n    return (\n      this.keyboardjQueryElement &&\n      this.keyboardjQueryElement.keyboard() &&\n      this.keyboardjQueryElement.keyboard().getkeyboard()\n    );\n  }\n\n  private getDefaultKeyboardOptions() {\n    const keyboardOptions = {} as KeyboardOptions;\n    if (!this.showOnFocus) {\n      keyboardOptions.openOn = '';\n    }\n    keyboardOptions.usePreview = false;\n    keyboardOptions.autoAccept = true;\n    keyboardOptions.accepted = this.onValueAccepted.bind(this);\n    keyboardOptions.visible = this.onKeyboardVisible.bind(this);\n    keyboardOptions.beforeClose = this.onBeforeClose.bind(this);\n    keyboardOptions.change = this.onChange.bind(this);\n    return keyboardOptions;\n  }\n\n  private getKeyboardDisplayOptions() {\n    return {\n      bksp: '\\u2190',\n      normal: 'ABC',\n      meta1: '%?@',\n      meta2: '#+=',\n      accept: 'OK'\n    };\n  }\n\n  private getKeyboardLayout() {\n    let customLayout = {};\n    if (this.keyboardType === 'alphanumeric') {\n      customLayout = {\n        normal: [\n          '1 2 3 4 5 6 7 8 9 0',\n          'Q W E R T Y U I O P {bksp}',\n          'A S D F G H J K L Ç',\n          'Z X C V B N M {accept}'\n        ]\n      };\n    } else if (this.keyboardType === 'email') {\n      customLayout = this.getCustomKeyboardForEmail();\n    }\n    return customLayout;\n  }\n\n  private getCustomKeyboardForEmail() {\n    return {\n      normal: [\n        '1 2 3 4 5 6 7 8 9 0',\n        'q w e r t y u i o p {bksp}',\n        'a s d f g h j k l ç',\n        '{s} z x c v b n m .',\n        '{meta1} {space} _ - {accept}'\n      ],\n      shift: [\n        '1 2 3 4 5 6 7 8 9 0',\n        'Q W E R T Y U I O P {bksp}',\n        'A S D F G H J K L Ç',\n        '{s} Z X C V B N M .',\n        '{meta1} {space} _ - {accept}'\n      ],\n      meta1: [\n        \"` | { } % ^ * / ' {bksp}\",\n        '{meta2} $ & ~ # = + @',\n        '{normal} {space} ! ? {accept}'\n      ],\n      meta2: [\n        '[ ] { } \\u2039 \\u203a ^ * \" , {bksp}',\n        '\\\\ | / < > $ \\u00a3 \\u00a5 \\u2022',\n        '{meta1} \\u20ac & ~ # = + .',\n        '{normal} {space} ! ? {accept}'\n      ]\n    };\n  }\n\n  private createKeyboardOptions(): KeyboardOptions {\n    const keyboardOptions = this.getDefaultKeyboardOptions();\n    if (this.keyboardPosition !== 'relative') {\n      keyboardOptions.position = false;\n    }\n    if (this.keyboardPosition === 'bottom') {\n      this.addBottomKeyboardClass();\n    }\n    keyboardOptions.css = {\n      buttonDefault: 'keyboard-button-override'\n    };\n\n    keyboardOptions.display = this.getKeyboardDisplayOptions();\n    keyboardOptions.layout = 'custom';\n    keyboardOptions.customLayout = this.getKeyboardLayout();\n\n    return keyboardOptions;\n  }\n\n  private onKeyboardVisible() {\n    this.addCustomKeyboardFocusClass();\n  }\n\n  private onBeforeClose() {\n    this.showKeyboard = false;\n  }\n\n  private onValueAccepted() {\n    const casted = this.keyboardElement as any;\n    this.keyboardValueAccepted.emit(casted.value);\n  }\n\n  private onChange(event) {\n    const virtualkeyboardevent = new CustomEvent('virtualkeyboardevent', event);\n    document.dispatchEvent(virtualkeyboardevent);\n    if (this.keyboardElement instanceof HTMLInputElement) {\n      const keyboardElement = this.keyboardElement as HTMLInputElement;\n      const inputVal = keyboardElement.value;\n      if (this.fieldControl) {\n        const formControl = this.fieldControl.control;\n        formControl.setValue(inputVal);\n        formControl.markAsDirty();\n        formControl.updateValueAndValidity();\n      }\n      // Este setTimeout é necessário para fazer com que o\n      // cursor do input sempre esteja no final da string digitada\n      // e o final da string sempre esteja visivel.\n      setTimeout(() => {\n        keyboardElement.value = inputVal;\n        keyboardElement.scrollLeft = keyboardElement.scrollWidth;\n      });\n    }\n  }\n\n  private addBottomKeyboardClass() {\n    this.injectCssRule(\n      `.ui-keyboard {\n        border-radius: 0;\n        left: 0;\n        top: auto;\n        bottom: 0;\n        position: fixed;\n        width: 100%;\n      }`\n    );\n  }\n\n  private addCustomKeyboardFocusClass() {\n    this.injectCssRule(\n      `.ui-keyboard-has-focus {\n        z-index: 900;\n      }`\n    );\n  }\n\n  private injectCssRule(rule) {\n    const style = document.createElement('style') as any;\n    style.appendChild(document.createTextNode(''));\n    document.head.appendChild(style);\n    style.sheet.insertRule(rule);\n  }\n}\n\n","import { NgModule } from '@angular/core';\nimport { VirtualKeyboardDirective } from './virtual-keyboard.directive';\n\n@NgModule({\n  declarations: [VirtualKeyboardDirective],\n  exports: [VirtualKeyboardDirective]\n})\nexport class VirtualKeyboardModule { }\n"]}