UNPKG

@grapecity/inputman.angular

Version:

このパッケージには、Angular用の[InputManJS](https://developer.mescius.jp/inputmanjs)コンポーネントが含まれます。

101 lines 11.2 kB
import { Component, Input, Output, ElementRef, EventEmitter } from '@angular/core'; import { GC } from '../inputman'; import { GcComponents } from './GcComponents'; import * as i0 from "@angular/core"; export class GcSoftKeyboardComponent extends GcComponents { constructor(ref) { super(ref); this.onOpen = new EventEmitter(); this.onClose = new EventEmitter(); this.onKeyPress = new EventEmitter(); } initGcComponent() { var element = document.createElement('div'); this.createTemplate(element); this._imCtrl = new GC.InputMan.GcSoftKeyboard(element, this); this.setTarget(this.target); this.setOpened(this.opened); } bindEvent() { if (!this._imCtrl) return; this._imCtrl.addEventListener(GC.InputMan.GcSoftKeyboardEvent.KeyPress, (s, e) => { this.onKeyPress.emit(e); }); this._imCtrl.addEventListener(GC.InputMan.GcSoftKeyboardEvent.Open, (s) => { this.onOpen.emit(s); }); this._imCtrl.addEventListener(GC.InputMan.GcSoftKeyboardEvent.Close, (s) => { this.onClose.emit(s); }); } setValueToIMControl(key, value) { if (key === 'opened') { this.setOpened(value); } else if (key === 'target') { this.setTarget(value); } else { super.setValueToIMControl(key, value); } } setOpened(opened) { if (opened === true) { this._imCtrl.open(); } else if (opened === false) { this._imCtrl.close(); } } setTarget(str) { let target = this.tryGetTarget(str); if (target) { this._imCtrl.target = target; } } tryGetTarget(str) { try { let target = document.querySelector(str); return target; } catch { } return null; } } GcSoftKeyboardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GcSoftKeyboardComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); GcSoftKeyboardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: GcSoftKeyboardComponent, selector: "gc-soft-keyboard", inputs: { opened: "opened", randomDisplay: "randomDisplay", hideButtonWhenMouseOn: "hideButtonWhenMouseOn", displayType: "displayType", showSecurityOptions: "showSecurityOptions", securityLevel: "securityLevel", qwertyLayout: "qwertyLayout", showCapitalLetters: "showCapitalLetters", target: "target", enabled: "enabled" }, outputs: { onOpen: "onOpen", onClose: "onClose", onKeyPress: "onKeyPress" }, usesInheritance: true, ngImport: i0, template: ``, isInline: true }); i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GcSoftKeyboardComponent, decorators: [{ type: Component, args: [{ selector: 'gc-soft-keyboard', template: `` }] }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { opened: [{ type: Input }], randomDisplay: [{ type: Input }], hideButtonWhenMouseOn: [{ type: Input }], displayType: [{ type: Input }], showSecurityOptions: [{ type: Input }], securityLevel: [{ type: Input }], qwertyLayout: [{ type: Input }], showCapitalLetters: [{ type: Input }], target: [{ type: Input }], enabled: [{ type: Input }], onOpen: [{ type: Output }], onClose: [{ type: Output }], onKeyPress: [{ type: Output }] } }); //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiR2NTb2Z0S2V5Ym9hcmQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL0djU29mdEtleWJvYXJkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ25GLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFDakMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGdCQUFnQixDQUFDOztBQU05QyxNQUFNLE9BQU8sdUJBQXdCLFNBQVEsWUFBd0M7SUFnQmpGLFlBQVksR0FBZTtRQUN2QixLQUFLLENBQUMsR0FBRyxDQUFDLENBQUM7UUFMTCxXQUFNLEdBQTZDLElBQUksWUFBWSxFQUFFLENBQUM7UUFDdEUsWUFBTyxHQUE2QyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ3ZFLGVBQVUsR0FBeUIsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUloRSxDQUFDO0lBRVMsZUFBZTtRQUNyQixJQUFJLE9BQU8sR0FBRyxRQUFRLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzVDLElBQUksQ0FBQyxjQUFjLENBQUMsT0FBTyxDQUFDLENBQUM7UUFFN0IsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLEVBQUUsQ0FBQyxRQUFRLENBQUMsY0FBYyxDQUFDLE9BQU8sRUFBRSxJQUFXLENBQUMsQ0FBQztRQUNwRSxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUM1QixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUVoQyxDQUFDO0lBQ1MsU0FBUztRQUNmLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTztZQUFFLE9BQU87UUFFMUIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQyxFQUFFLENBQUMsUUFBUSxDQUFDLG1CQUFtQixDQUFDLFFBQVEsRUFBRSxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUUsRUFBRTtZQUM3RSxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUM1QixDQUFDLENBQUMsQ0FBQztRQUNILElBQUksQ0FBQyxPQUFPLENBQUMsZ0JBQWdCLENBQUMsRUFBRSxDQUFDLFFBQVEsQ0FBQyxtQkFBbUIsQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDLEVBQUUsRUFBRTtZQUN0RSxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUN4QixDQUFDLENBQUMsQ0FBQztRQUNILElBQUksQ0FBQyxPQUFPLENBQUMsZ0JBQWdCLENBQUMsRUFBRSxDQUFDLFFBQVEsQ0FBQyxtQkFBbUIsQ0FBQyxLQUFLLEVBQUUsQ0FBQyxDQUFDLEVBQUUsRUFBRTtZQUN2RSxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUN6QixDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFUyxtQkFBbUIsQ0FBQyxHQUFXLEVBQUUsS0FBVTtRQUNqRCxJQUFJLEdBQUcsS0FBSyxRQUFRLEVBQUU7WUFDbEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUN6QjthQUFNLElBQUksR0FBRyxLQUFLLFFBQVEsRUFBRTtZQUN6QixJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQ3pCO2FBQU07WUFDSCxLQUFLLENBQUMsbUJBQW1CLENBQUMsR0FBRyxFQUFFLEtBQUssQ0FBQyxDQUFDO1NBQ3pDO0lBQ0wsQ0FBQztJQUVPLFNBQVMsQ0FBQyxNQUFlO1FBQzdCLElBQUksTUFBTSxLQUFLLElBQUksRUFBRTtZQUNqQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDO1NBQ3ZCO2FBQU0sSUFBSSxNQUFNLEtBQUssS0FBSyxFQUFFO1lBQ3pCLElBQUksQ0FBQyxPQUFPLENBQUMsS0FBSyxFQUFFLENBQUM7U0FDeEI7SUFDTCxDQUFDO0lBQ08sU0FBUyxDQUFDLEdBQVc7UUFDekIsSUFBSSxNQUFNLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUNwQyxJQUFJLE1BQU0sRUFBRTtZQUNSLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxHQUFHLE1BQTBCLENBQUM7U0FDcEQ7SUFDTCxDQUFDO0lBQ08sWUFBWSxDQUFDLEdBQVc7UUFDNUIsSUFBSTtZQUNBLElBQUksTUFBTSxHQUFHLFFBQVEsQ0FBQyxhQUFhLENBQUMsR0FBRyxDQUFDLENBQUM7WUFDekMsT0FBTyxNQUFNLENBQUM7U0FDakI7UUFBQyxNQUFNLEdBQUc7UUFFWCxPQUFPLElBQUksQ0FBQztJQUNoQixDQUFDOztxSEF6RVEsdUJBQXVCO3lHQUF2Qix1QkFBdUIsZ2VBRnRCLEVBQUU7NEZBRUgsdUJBQXVCO2tCQUpuQyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxrQkFBa0I7b0JBQzVCLFFBQVEsRUFBRSxFQUFFO2lCQUNmO2lHQUVZLE1BQU07c0JBQWQsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLHFCQUFxQjtzQkFBN0IsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLG1CQUFtQjtzQkFBM0IsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csa0JBQWtCO3NCQUExQixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBRUksTUFBTTtzQkFBZixNQUFNO2dCQUNHLE9BQU87c0JBQWhCLE1BQU07Z0JBQ0csVUFBVTtzQkFBbkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE91dHB1dCwgRWxlbWVudFJlZiwgRXZlbnRFbWl0dGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBHQyB9IGZyb20gJy4uL2lucHV0bWFuJztcbmltcG9ydCB7IEdjQ29tcG9uZW50cyB9IGZyb20gJy4vR2NDb21wb25lbnRzJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdnYy1zb2Z0LWtleWJvYXJkJyxcbiAgICB0ZW1wbGF0ZTogYGBcbn0pXG5leHBvcnQgY2xhc3MgR2NTb2Z0S2V5Ym9hcmRDb21wb25lbnQgZXh0ZW5kcyBHY0NvbXBvbmVudHM8R0MuSW5wdXRNYW4uR2NTb2Z0S2V5Ym9hcmQ+IHtcbiAgICBASW5wdXQoKSBvcGVuZWQ/OiBib29sZWFuO1xuICAgIEBJbnB1dCgpIHJhbmRvbURpc3BsYXk/OiBib29sZWFuO1xuICAgIEBJbnB1dCgpIGhpZGVCdXR0b25XaGVuTW91c2VPbj86IGJvb2xlYW47XG4gICAgQElucHV0KCkgZGlzcGxheVR5cGU/OiBHQy5JbnB1dE1hbi5EaXNwbGF5VHlwZSB8IG51bGw7XG4gICAgQElucHV0KCkgc2hvd1NlY3VyaXR5T3B0aW9ucz86IGJvb2xlYW47XG4gICAgQElucHV0KCkgc2VjdXJpdHlMZXZlbD86IEdDLklucHV0TWFuLlNlY3VyaXR5TGV2ZWwgfCBudWxsO1xuICAgIEBJbnB1dCgpIHF3ZXJ0eUxheW91dD86IGJvb2xlYW47XG4gICAgQElucHV0KCkgc2hvd0NhcGl0YWxMZXR0ZXJzPzogYm9vbGVhbjtcbiAgICBASW5wdXQoKSB0YXJnZXQ/OiBzdHJpbmc7XG4gICAgQElucHV0KCkgZW5hYmxlZD86IGJvb2xlYW47XG5cbiAgICBAT3V0cHV0KCkgb25PcGVuOiBFdmVudEVtaXR0ZXI8R0MuSW5wdXRNYW4uR2NTb2Z0S2V5Ym9hcmQ+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICAgIEBPdXRwdXQoKSBvbkNsb3NlOiBFdmVudEVtaXR0ZXI8R0MuSW5wdXRNYW4uR2NTb2Z0S2V5Ym9hcmQ+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICAgIEBPdXRwdXQoKSBvbktleVByZXNzOiBFdmVudEVtaXR0ZXI8b2JqZWN0PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICAgIGNvbnN0cnVjdG9yKHJlZjogRWxlbWVudFJlZikge1xuICAgICAgICBzdXBlcihyZWYpO1xuICAgIH1cblxuICAgIHByb3RlY3RlZCBpbml0R2NDb21wb25lbnQoKTogdm9pZCB7XG4gICAgICAgIHZhciBlbGVtZW50ID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnZGl2Jyk7XG4gICAgICAgIHRoaXMuY3JlYXRlVGVtcGxhdGUoZWxlbWVudCk7XG5cbiAgICAgICAgdGhpcy5faW1DdHJsID0gbmV3IEdDLklucHV0TWFuLkdjU29mdEtleWJvYXJkKGVsZW1lbnQsIHRoaXMgYXMgYW55KTtcbiAgICAgICAgdGhpcy5zZXRUYXJnZXQodGhpcy50YXJnZXQpO1xuICAgICAgICB0aGlzLnNldE9wZW5lZCh0aGlzLm9wZW5lZCk7XG5cbiAgICB9XG4gICAgcHJvdGVjdGVkIGJpbmRFdmVudCgpOiB2b2lkIHtcbiAgICAgICAgaWYgKCF0aGlzLl9pbUN0cmwpIHJldHVybjtcblxuICAgICAgICB0aGlzLl9pbUN0cmwuYWRkRXZlbnRMaXN0ZW5lcihHQy5JbnB1dE1hbi5HY1NvZnRLZXlib2FyZEV2ZW50LktleVByZXNzLCAocywgZSkgPT4ge1xuICAgICAgICAgICAgdGhpcy5vbktleVByZXNzLmVtaXQoZSk7XG4gICAgICAgIH0pO1xuICAgICAgICB0aGlzLl9pbUN0cmwuYWRkRXZlbnRMaXN0ZW5lcihHQy5JbnB1dE1hbi5HY1NvZnRLZXlib2FyZEV2ZW50Lk9wZW4sIChzKSA9PiB7XG4gICAgICAgICAgICB0aGlzLm9uT3Blbi5lbWl0KHMpO1xuICAgICAgICB9KTtcbiAgICAgICAgdGhpcy5faW1DdHJsLmFkZEV2ZW50TGlzdGVuZXIoR0MuSW5wdXRNYW4uR2NTb2Z0S2V5Ym9hcmRFdmVudC5DbG9zZSwgKHMpID0+IHtcbiAgICAgICAgICAgIHRoaXMub25DbG9zZS5lbWl0KHMpO1xuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBwcm90ZWN0ZWQgc2V0VmFsdWVUb0lNQ29udHJvbChrZXk6IHN0cmluZywgdmFsdWU6IGFueSkge1xuICAgICAgICBpZiAoa2V5ID09PSAnb3BlbmVkJykge1xuICAgICAgICAgICAgdGhpcy5zZXRPcGVuZWQodmFsdWUpO1xuICAgICAgICB9IGVsc2UgaWYgKGtleSA9PT0gJ3RhcmdldCcpIHtcbiAgICAgICAgICAgIHRoaXMuc2V0VGFyZ2V0KHZhbHVlKTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHN1cGVyLnNldFZhbHVlVG9JTUNvbnRyb2woa2V5LCB2YWx1ZSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBwcml2YXRlIHNldE9wZW5lZChvcGVuZWQ6IGJvb2xlYW4pIHtcbiAgICAgICAgaWYgKG9wZW5lZCA9PT0gdHJ1ZSkge1xuICAgICAgICAgICAgdGhpcy5faW1DdHJsLm9wZW4oKTtcbiAgICAgICAgfSBlbHNlIGlmIChvcGVuZWQgPT09IGZhbHNlKSB7XG4gICAgICAgICAgICB0aGlzLl9pbUN0cmwuY2xvc2UoKTtcbiAgICAgICAgfVxuICAgIH1cbiAgICBwcml2YXRlIHNldFRhcmdldChzdHI6IHN0cmluZykge1xuICAgICAgICBsZXQgdGFyZ2V0ID0gdGhpcy50cnlHZXRUYXJnZXQoc3RyKTtcbiAgICAgICAgaWYgKHRhcmdldCkge1xuICAgICAgICAgICAgdGhpcy5faW1DdHJsLnRhcmdldCA9IHRhcmdldCBhcyBIVE1MSW5wdXRFbGVtZW50O1xuICAgICAgICB9XG4gICAgfVxuICAgIHByaXZhdGUgdHJ5R2V0VGFyZ2V0KHN0cjogc3RyaW5nKSB7XG4gICAgICAgIHRyeSB7XG4gICAgICAgICAgICBsZXQgdGFyZ2V0ID0gZG9jdW1lbnQucXVlcnlTZWxlY3RvcihzdHIpO1xuICAgICAgICAgICAgcmV0dXJuIHRhcmdldDtcbiAgICAgICAgfSBjYXRjaCB7IH1cblxuICAgICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG59Il19