chi-app-lib
Version:
This is a custom component (input dropdown grid textarea map captcha) published to npm.
99 lines • 6.69 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, Input, Output, EventEmitter } from '@angular/core';
var CaptchaComponent = /** @class */ (function () {
function CaptchaComponent() {
this.refreshIcon = 'refresh';
this.key = new EventEmitter();
this.id = 'captcha' + this.idGenerator();
}
/**
* @return {?}
*/
CaptchaComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () {
this.createCpatcha();
};
/**
* @param {?} changes
* @return {?}
*/
CaptchaComponent.prototype.ngOnChanges = /**
* @param {?} changes
* @return {?}
*/
function (changes) {
/** @type {?} */
var name = changes.isRefreshImage;
if (name.currentValue) {
this.createCpatcha();
}
};
/**
* @return {?}
*/
CaptchaComponent.prototype.createCpatcha = /**
* @return {?}
*/
function () {
/** @type {?} */
var captchaKey = Math.floor((1 + Math.random()) * 0x10000).toString(16).substring(1);
this.imageLink = this.imageUrl + captchaKey;
this.key.emit(captchaKey);
this.isRefreshImage = false;
};
/**
* @return {?}
*/
CaptchaComponent.prototype.idGenerator = /**
* @return {?}
*/
function () {
/** @type {?} */
var number = Math.random();
number.toString(36);
return number.toString(36).substr(2, 9);
};
CaptchaComponent.decorators = [
{ type: Component, args: [{
selector: 'lib-captcha',
template: "<div class=\"element-container\" id=\"{{id}}\" [ngClass]=\"className\">\n <div>\n <img src=\"{{imageLink}}\" width=\"100%\">\n </div>\n <button mat-button mat-icon-button\n [ngClass]=\"iconClass\"\n (click)=\"createCpatcha()\">\n <mat-icon>{{refreshIcon}}</mat-icon>\n </button>\n</div>\n",
styles: [".element-container{display:flex;flex-direction:row}.element-container>button{display:flex;place-content:center;justify-content:center}"]
}] }
];
/** @nocollapse */
CaptchaComponent.ctorParameters = function () { return []; };
CaptchaComponent.propDecorators = {
imageUrl: [{ type: Input }],
className: [{ type: Input }],
iconClass: [{ type: Input }],
refreshIcon: [{ type: Input }],
isRefreshImage: [{ type: Input }],
key: [{ type: Output }]
};
return CaptchaComponent;
}());
export { CaptchaComponent };
if (false) {
/** @type {?} */
CaptchaComponent.prototype.imageUrl;
/** @type {?} */
CaptchaComponent.prototype.className;
/** @type {?} */
CaptchaComponent.prototype.iconClass;
/** @type {?} */
CaptchaComponent.prototype.refreshIcon;
/** @type {?} */
CaptchaComponent.prototype.isRefreshImage;
/** @type {?} */
CaptchaComponent.prototype.key;
/** @type {?} */
CaptchaComponent.prototype.imageLink;
/** @type {?} */
CaptchaComponent.prototype.id;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FwdGNoYS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9jaGktYXBwLWxpYi8iLCJzb3VyY2VzIjpbImxpYi9jYXB0Y2hhL2NhcHRjaGEuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsWUFBWSxFQUF5QyxNQUFNLGVBQWUsQ0FBQztBQUVySDtJQWdCRTtRQU5TLGdCQUFXLEdBQUcsU0FBUyxDQUFDO1FBRXZCLFFBQUcsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBRTNDLE9BQUUsR0FBRyxTQUFTLEdBQUcsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBR3BDLENBQUM7Ozs7SUFFRCxtQ0FBUTs7O0lBQVI7UUFDRSxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDdkIsQ0FBQzs7Ozs7SUFFRCxzQ0FBVzs7OztJQUFYLFVBQVksT0FBc0I7O1lBQzFCLElBQUksR0FBaUIsT0FBTyxDQUFDLGNBQWM7UUFDakQsSUFBSSxJQUFJLENBQUMsWUFBWSxFQUFFO1lBQ3JCLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztTQUN0QjtJQUNILENBQUM7Ozs7SUFFRCx3Q0FBYTs7O0lBQWI7O1lBQ1EsVUFBVSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEdBQUcsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDLEdBQUcsT0FBTyxDQUFDLENBQUMsUUFBUSxDQUFDLEVBQUUsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUM7UUFDdEYsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsUUFBUSxHQUFHLFVBQVUsQ0FBQztRQUM1QyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUMxQixJQUFJLENBQUMsY0FBYyxHQUFHLEtBQUssQ0FBQztJQUM5QixDQUFDOzs7O0lBRUQsc0NBQVc7OztJQUFYOztZQUNRLE1BQU0sR0FBRyxJQUFJLENBQUMsTUFBTSxFQUFFO1FBQzVCLE1BQU0sQ0FBQyxRQUFRLENBQUMsRUFBRSxDQUFDLENBQUM7UUFDcEIsT0FBTyxNQUFNLENBQUMsUUFBUSxDQUFDLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUM7SUFDMUMsQ0FBQzs7Z0JBekNGLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsYUFBYTtvQkFDdkIsa1ZBQXVDOztpQkFFeEM7Ozs7OzJCQUdFLEtBQUs7NEJBQ0wsS0FBSzs0QkFDTCxLQUFLOzhCQUNMLEtBQUs7aUNBQ0wsS0FBSztzQkFDTCxNQUFNOztJQStCVCx1QkFBQztDQUFBLEFBM0NELElBMkNDO1NBdENZLGdCQUFnQjs7O0lBRTNCLG9DQUFrQjs7SUFDbEIscUNBQW1COztJQUNuQixxQ0FBbUI7O0lBQ25CLHVDQUFpQzs7SUFDakMsMENBQXdCOztJQUN4QiwrQkFBMkM7O0lBQzNDLHFDQUFVOztJQUNWLDhCQUFvQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgU2ltcGxlQ2hhbmdlcywgU2ltcGxlQ2hhbmdlLCBPbkNoYW5nZXN9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItY2FwdGNoYScsXG4gIHRlbXBsYXRlVXJsOiAnLi9jYXB0Y2hhLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY2FwdGNoYS5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIENhcHRjaGFDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcyB7XG5cbiAgQElucHV0KCkgaW1hZ2VVcmw7XG4gIEBJbnB1dCgpIGNsYXNzTmFtZTtcbiAgQElucHV0KCkgaWNvbkNsYXNzO1xuICBASW5wdXQoKSByZWZyZXNoSWNvbiA9ICdyZWZyZXNoJztcbiAgQElucHV0KCkgaXNSZWZyZXNoSW1hZ2U7XG4gIEBPdXRwdXQoKSBrZXkgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgaW1hZ2VMaW5rO1xuICBpZCA9ICdjYXB0Y2hhJyArIHRoaXMuaWRHZW5lcmF0b3IoKTtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuY3JlYXRlQ3BhdGNoYSgpO1xuICB9XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcykge1xuICAgIGNvbnN0IG5hbWU6IFNpbXBsZUNoYW5nZSA9IGNoYW5nZXMuaXNSZWZyZXNoSW1hZ2U7XG4gICAgaWYgKG5hbWUuY3VycmVudFZhbHVlKSB7XG4gICAgICB0aGlzLmNyZWF0ZUNwYXRjaGEoKTtcbiAgICB9XG4gIH1cblxuICBjcmVhdGVDcGF0Y2hhKCkge1xuICAgIGNvbnN0IGNhcHRjaGFLZXkgPSBNYXRoLmZsb29yKCgxICsgTWF0aC5yYW5kb20oKSkgKiAweDEwMDAwKS50b1N0cmluZygxNikuc3Vic3RyaW5nKDEpO1xuICAgIHRoaXMuaW1hZ2VMaW5rID0gdGhpcy5pbWFnZVVybCArIGNhcHRjaGFLZXk7XG4gICAgdGhpcy5rZXkuZW1pdChjYXB0Y2hhS2V5KTtcbiAgICB0aGlzLmlzUmVmcmVzaEltYWdlID0gZmFsc2U7XG4gIH1cblxuICBpZEdlbmVyYXRvcigpIHtcbiAgICBjb25zdCBudW1iZXIgPSBNYXRoLnJhbmRvbSgpO1xuICAgIG51bWJlci50b1N0cmluZygzNik7XG4gICAgcmV0dXJuIG51bWJlci50b1N0cmluZygzNikuc3Vic3RyKDIsIDkpO1xuICB9XG5cbn1cbiJdfQ==