@lxlib/seed
Version:
This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 9.1.1.
156 lines • 9.93 kB
JavaScript
/**
* @fileoverview added by tsickle
* Generated from: quick-menu.component.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { __decorate, __metadata } from "tslib";
import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, Input, Renderer2, ViewEncapsulation, } from '@angular/core';
import { InputNumber } from '@lxlib/util';
var QuickMenuComponent = /** @class */ (function () {
// #endregion
function QuickMenuComponent(cdr, el, render) {
this.cdr = cdr;
this.el = el;
this.render = render;
this.ctrlStyle = {};
// #region fields
this.icon = 'question-circle';
this.top = 120;
this.width = 200;
this.bgColor = '#fff';
this.borderColor = '#ddd';
this.show = false;
this.initFlag = false;
}
/**
* @return {?}
*/
QuickMenuComponent.prototype._click = /**
* @return {?}
*/
function () {
this.show = !this.show;
this.setStyle();
};
/**
* @private
* @return {?}
*/
QuickMenuComponent.prototype.setStyle = /**
* @private
* @return {?}
*/
function () {
this.ctrlStyle = {
'background-color': this.bgColor,
'border-color': this.borderColor,
};
/** @type {?} */
var res = [
"top:" + this.top + "px",
"width:" + this.width + "px",
"background-color:" + this.bgColor,
"border-color:" + this.borderColor,
"margin-right:-" + (this.show ? 0 : this.width) + "px",
];
this.render.setAttribute(this.el.nativeElement, 'style', res.join(';'));
this.cdr.detectChanges();
};
/**
* @return {?}
*/
QuickMenuComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () {
this.initFlag = true;
this.setStyle();
};
/**
* @return {?}
*/
QuickMenuComponent.prototype.ngOnChanges = /**
* @return {?}
*/
function () {
if (this.initFlag)
this.setStyle();
};
QuickMenuComponent.decorators = [
{ type: Component, args: [{
selector: 'quick-menu',
exportAs: 'quickMenu',
template: "<div class=\"quick-menu__inner\">\n <div class=\"quick-menu__ctrl\" [ngStyle]=\"ctrlStyle\">\n <div class=\"quick-menu__ctrl-icon\">\n <ng-container *nzStringTemplateOutlet=\"icon\">\n <i nz-icon [nzType]=\"icon\"></i>\n </ng-container>\n </div>\n </div>\n <ng-content></ng-content>\n</div>\n",
host: {
'[class.quick-menu]': 'true',
'(click)': '_click()',
},
preserveWhitespaces: false,
changeDetection: ChangeDetectionStrategy.OnPush,
encapsulation: ViewEncapsulation.None
}] }
];
/** @nocollapse */
QuickMenuComponent.ctorParameters = function () { return [
{ type: ChangeDetectorRef },
{ type: ElementRef },
{ type: Renderer2 }
]; };
QuickMenuComponent.propDecorators = {
icon: [{ type: Input }],
top: [{ type: Input }],
width: [{ type: Input }],
bgColor: [{ type: Input }],
borderColor: [{ type: Input }]
};
__decorate([
InputNumber(),
__metadata("design:type", Object)
], QuickMenuComponent.prototype, "top", void 0);
__decorate([
InputNumber(),
__metadata("design:type", Object)
], QuickMenuComponent.prototype, "width", void 0);
return QuickMenuComponent;
}());
export { QuickMenuComponent };
if (false) {
/** @type {?} */
QuickMenuComponent.prototype.ctrlStyle;
/** @type {?} */
QuickMenuComponent.prototype.icon;
/** @type {?} */
QuickMenuComponent.prototype.top;
/** @type {?} */
QuickMenuComponent.prototype.width;
/** @type {?} */
QuickMenuComponent.prototype.bgColor;
/** @type {?} */
QuickMenuComponent.prototype.borderColor;
/**
* @type {?}
* @private
*/
QuickMenuComponent.prototype.show;
/**
* @type {?}
* @private
*/
QuickMenuComponent.prototype.initFlag;
/**
* @type {?}
* @private
*/
QuickMenuComponent.prototype.cdr;
/**
* @type {?}
* @private
*/
QuickMenuComponent.prototype.el;
/**
* @type {?}
* @private
*/
QuickMenuComponent.prototype.render;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicXVpY2stbWVudS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AbHhsaWIvc2VlZC9xdWljay1tZW51LyIsInNvdXJjZXMiOlsicXVpY2stbWVudS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixpQkFBaUIsRUFDakIsU0FBUyxFQUNULFVBQVUsRUFDVixLQUFLLEVBR0wsU0FBUyxFQUVULGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBRTFDO0lBYUUsYUFBYTtJQUViLDRCQUFvQixHQUFzQixFQUFVLEVBQWMsRUFBVSxNQUFpQjtRQUF6RSxRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQUFVLE9BQUUsR0FBRixFQUFFLENBQVk7UUFBVSxXQUFNLEdBQU4sTUFBTSxDQUFXO1FBQzdGLGNBQVMsR0FBOEIsRUFBRSxDQUFDOztRQUlqQyxTQUFJLEdBQStCLGlCQUFpQixDQUFDO1FBQ3RDLFFBQUcsR0FBRyxHQUFHLENBQUM7UUFDVixVQUFLLEdBQUcsR0FBRyxDQUFDO1FBQzNCLFlBQU8sR0FBRyxNQUFNLENBQUM7UUFDakIsZ0JBQVcsR0FBRyxNQUFNLENBQUM7UUFFdEIsU0FBSSxHQUFHLEtBQUssQ0FBQztRQUViLGFBQVEsR0FBRyxLQUFLLENBQUM7SUFidUUsQ0FBQzs7OztJQWVqRyxtQ0FBTTs7O0lBQU47UUFDRSxJQUFJLENBQUMsSUFBSSxHQUFHLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQztRQUN2QixJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDbEIsQ0FBQzs7Ozs7SUFFTyxxQ0FBUTs7OztJQUFoQjtRQUNFLElBQUksQ0FBQyxTQUFTLEdBQUc7WUFDZixrQkFBa0IsRUFBRSxJQUFJLENBQUMsT0FBTztZQUNoQyxjQUFjLEVBQUUsSUFBSSxDQUFDLFdBQVc7U0FDakMsQ0FBQzs7WUFFSSxHQUFHLEdBQWE7WUFDcEIsU0FBTyxJQUFJLENBQUMsR0FBRyxPQUFJO1lBQ25CLFdBQVMsSUFBSSxDQUFDLEtBQUssT0FBSTtZQUN2QixzQkFBb0IsSUFBSSxDQUFDLE9BQVM7WUFDbEMsa0JBQWdCLElBQUksQ0FBQyxXQUFhO1lBQ2xDLG9CQUFpQixJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLFFBQUk7U0FDaEQ7UUFDRCxJQUFJLENBQUMsTUFBTSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLGFBQWEsRUFBRSxPQUFPLEVBQUUsR0FBRyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDO1FBQ3hFLElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDM0IsQ0FBQzs7OztJQUNELHFDQUFROzs7SUFBUjtRQUNFLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDO1FBQ3JCLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUNsQixDQUFDOzs7O0lBQ0Qsd0NBQVc7OztJQUFYO1FBQ0UsSUFBSSxJQUFJLENBQUMsUUFBUTtZQUFFLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUNyQyxDQUFDOztnQkF6REYsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSxZQUFZO29CQUN0QixRQUFRLEVBQUUsV0FBVztvQkFDckIsMFVBQTBDO29CQUMxQyxJQUFJLEVBQUU7d0JBQ0osb0JBQW9CLEVBQUUsTUFBTTt3QkFDNUIsU0FBUyxFQUFFLFVBQVU7cUJBQ3RCO29CQUNELG1CQUFtQixFQUFFLEtBQUs7b0JBQzFCLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtpQkFDdEM7Ozs7Z0JBeEJDLGlCQUFpQjtnQkFFakIsVUFBVTtnQkFJVixTQUFTOzs7dUJBMkJSLEtBQUs7c0JBQ0wsS0FBSzt3QkFDTCxLQUFLOzBCQUNMLEtBQUs7OEJBQ0wsS0FBSzs7SUFIa0I7UUFBZCxXQUFXLEVBQUU7O21EQUFXO0lBQ1Y7UUFBZCxXQUFXLEVBQUU7O3FEQUFhO0lBb0N0Qyx5QkFBQztDQUFBLEFBMURELElBMERDO1NBOUNZLGtCQUFrQjs7O0lBSTdCLHVDQUEwQzs7SUFJMUMsa0NBQThEOztJQUM5RCxpQ0FBa0M7O0lBQ2xDLG1DQUFvQzs7SUFDcEMscUNBQTBCOztJQUMxQix5Q0FBOEI7Ozs7O0lBRTlCLGtDQUFxQjs7Ozs7SUFFckIsc0NBQXlCOzs7OztJQWJiLGlDQUE4Qjs7Ozs7SUFBRSxnQ0FBc0I7Ozs7O0lBQUUsb0NBQXlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENoYW5nZURldGVjdG9yUmVmLFxuICBDb21wb25lbnQsXG4gIEVsZW1lbnRSZWYsXG4gIElucHV0LFxuICBPbkNoYW5nZXMsXG4gIE9uSW5pdCxcbiAgUmVuZGVyZXIyLFxuICBUZW1wbGF0ZVJlZixcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBJbnB1dE51bWJlciB9IGZyb20gJ0BseGxpYi91dGlsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncXVpY2stbWVudScsXG4gIGV4cG9ydEFzOiAncXVpY2tNZW51JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3F1aWNrLW1lbnUuY29tcG9uZW50Lmh0bWwnLFxuICBob3N0OiB7XG4gICAgJ1tjbGFzcy5xdWljay1tZW51XSc6ICd0cnVlJyxcbiAgICAnKGNsaWNrKSc6ICdfY2xpY2soKScsXG4gIH0sXG4gIHByZXNlcnZlV2hpdGVzcGFjZXM6IGZhbHNlLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgUXVpY2tNZW51Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMge1xuICAvLyAjZW5kcmVnaW9uXG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjZHI6IENoYW5nZURldGVjdG9yUmVmLCBwcml2YXRlIGVsOiBFbGVtZW50UmVmLCBwcml2YXRlIHJlbmRlcjogUmVuZGVyZXIyKSB7fVxuICBjdHJsU3R5bGU6IHsgW2tleTogc3RyaW5nXTogc3RyaW5nIH0gPSB7fTtcblxuICAvLyAjcmVnaW9uIGZpZWxkc1xuXG4gIEBJbnB1dCgpIGljb246IHN0cmluZyB8IFRlbXBsYXRlUmVmPHZvaWQ+ID0gJ3F1ZXN0aW9uLWNpcmNsZSc7XG4gIEBJbnB1dCgpIEBJbnB1dE51bWJlcigpIHRvcCA9IDEyMDtcbiAgQElucHV0KCkgQElucHV0TnVtYmVyKCkgd2lkdGggPSAyMDA7XG4gIEBJbnB1dCgpIGJnQ29sb3IgPSAnI2ZmZic7XG4gIEBJbnB1dCgpIGJvcmRlckNvbG9yID0gJyNkZGQnO1xuXG4gIHByaXZhdGUgc2hvdyA9IGZhbHNlO1xuXG4gIHByaXZhdGUgaW5pdEZsYWcgPSBmYWxzZTtcblxuICBfY2xpY2soKSB7XG4gICAgdGhpcy5zaG93ID0gIXRoaXMuc2hvdztcbiAgICB0aGlzLnNldFN0eWxlKCk7XG4gIH1cblxuICBwcml2YXRlIHNldFN0eWxlKCkge1xuICAgIHRoaXMuY3RybFN0eWxlID0ge1xuICAgICAgJ2JhY2tncm91bmQtY29sb3InOiB0aGlzLmJnQ29sb3IsXG4gICAgICAnYm9yZGVyLWNvbG9yJzogdGhpcy5ib3JkZXJDb2xvcixcbiAgICB9O1xuXG4gICAgY29uc3QgcmVzOiBzdHJpbmdbXSA9IFtcbiAgICAgIGB0b3A6JHt0aGlzLnRvcH1weGAsXG4gICAgICBgd2lkdGg6JHt0aGlzLndpZHRofXB4YCxcbiAgICAgIGBiYWNrZ3JvdW5kLWNvbG9yOiR7dGhpcy5iZ0NvbG9yfWAsXG4gICAgICBgYm9yZGVyLWNvbG9yOiR7dGhpcy5ib3JkZXJDb2xvcn1gLFxuICAgICAgYG1hcmdpbi1yaWdodDotJHt0aGlzLnNob3cgPyAwIDogdGhpcy53aWR0aH1weGAsXG4gICAgXTtcbiAgICB0aGlzLnJlbmRlci5zZXRBdHRyaWJ1dGUodGhpcy5lbC5uYXRpdmVFbGVtZW50LCAnc3R5bGUnLCByZXMuam9pbignOycpKTtcbiAgICB0aGlzLmNkci5kZXRlY3RDaGFuZ2VzKCk7XG4gIH1cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5pbml0RmxhZyA9IHRydWU7XG4gICAgdGhpcy5zZXRTdHlsZSgpO1xuICB9XG4gIG5nT25DaGFuZ2VzKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmluaXRGbGFnKSB0aGlzLnNldFN0eWxlKCk7XG4gIH1cbn1cbiJdfQ==