@stratio/egeo
Version:
131 lines • 10.2 kB
JavaScript
/**
* @fileoverview added by tsickle
* Generated from: lib/st-pop-over/st-pop-over.component.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
/*
* © 2017 Stratio Big Data Inc., Sucursal en España.
*
* This software is licensed under the Apache License, Version 2.0.
* This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY;
* without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
* See the terms of the License for more details.
*
* SPDX-License-Identifier: Apache-2.0.
*/
import { Component, Input, Output, EventEmitter } from '@angular/core';
import { StPopOffset, StPopPlacement } from '../st-pop/st-pop.model';
/**
* \@description {Component} Pop Over
*
* This components pop over a content with a title
*
* \@example
*
* {html}
*
* ```
* <st-pop-over [qaTag]="qaTag" [title]="title" [hidden]="hidden">
* <!-- CONTENT TO POP OVER -->
* </st-pop-over>
* ```
*/
var StPopOverComponent = /** @class */ (function () {
function StPopOverComponent() {
/**
* \@input {boolean} [hidden=false] Show or hide the pop over
*/
this.hidden = false;
/**
* \@Input {StPopOffset} [offset={x: 0 , y: 17}] For position with offset in x o y axis
*/
this.offset = { x: 0, y: 17 };
/**
* \@Input {boolean} [showSettingBtn=false] when true, settings icon is displayed
*/
this.showSettingBtn = false;
/**
* \@Input {boolean} [showArrow=true] when true, arrow icon is displayed
*/
this.showArrow = true;
/**
* \@Output {Event} [click] Notify event click
*/
this.clickConfig = new EventEmitter();
this.placement = StPopPlacement.BOTTOM;
this.defaultOffset = { x: 21, y: 8 };
}
Object.defineProperty(StPopOverComponent.prototype, "popOffset", {
get: /**
* @return {?}
*/
function () {
return { x: (this.offset.x + this.defaultOffset.x), y: (this.offset.y + this.defaultOffset.y) };
},
enumerable: true,
configurable: true
});
StPopOverComponent.decorators = [
{ type: Component, args: [{
selector: 'st-pop-over',
template: "<!--\n\n \u00A9 2017 Stratio Big Data Inc., Sucursal en Espa\u00F1a.\n\n This software is licensed under the Apache License, Version 2.0.\n This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY;\n without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.\n See the terms of the License for more details.\n\n SPDX-License-Identifier: Apache-2.0.\n\n-->\n<st-pop [hidden]=\"hidden\" [placement]=\"placement\" [openToLeft]=\"true\" [offset]=\"popOffset\" class=\"test\">\n <div pop-button>\n <ng-content select=[pop-over-button]></ng-content>\n </div>\n\n <div pop-content [style.z-index]=\"9\" class=\"content st-pop-over__content\" [ngClass]=\"{'st-pop-over__content--with-arrow': showArrow}\">\n <div class=\"st-pop-over__header\" [ngClass]=\"{'st-pop-over__header--underlined': title}\" *ngIf=\"title || showSettingBtn\">\n <span *ngIf=\"title\" class=\"title\">{{title}}</span>\n <button class=\"button st-pop-over__setting-action\" *ngIf=\"showSettingBtn\" (click)=\"clickConfig.emit($event)\">\n <i class=\"icon-settings2\"></i>\n </button>\n </div>\n <ng-content select=[pop-over-content]></ng-content>\n </div>\n</st-pop>\n",
styles: ["@charset \"UTF-8\";.content{display:inline-block}.arrow{position:relative;width:13px;height:13px;bottom:47px;transform:rotate(-45deg);float:right;margin-right:15px;border-radius:2px}.st-pop-over__title{display:flex;flex-wrap:nowrap;align-items:center}.st-pop-over__setting-action{margin-left:auto}.arrow-with-config{bottom:56px}"]
}] }
];
StPopOverComponent.propDecorators = {
qaTag: [{ type: Input }],
title: [{ type: Input }],
hidden: [{ type: Input }],
offset: [{ type: Input }],
showSettingBtn: [{ type: Input }],
showArrow: [{ type: Input }],
clickConfig: [{ type: Output }]
};
return StPopOverComponent;
}());
export { StPopOverComponent };
if (false) {
/**
* \@input {string} [qaTag=''] For set id for tests
* @type {?}
*/
StPopOverComponent.prototype.qaTag;
/**
* \@input {string} title Title of the pop over
* @type {?}
*/
StPopOverComponent.prototype.title;
/**
* \@input {boolean} [hidden=false] Show or hide the pop over
* @type {?}
*/
StPopOverComponent.prototype.hidden;
/**
* \@Input {StPopOffset} [offset={x: 0 , y: 17}] For position with offset in x o y axis
* @type {?}
*/
StPopOverComponent.prototype.offset;
/**
* \@Input {boolean} [showSettingBtn=false] when true, settings icon is displayed
* @type {?}
*/
StPopOverComponent.prototype.showSettingBtn;
/**
* \@Input {boolean} [showArrow=true] when true, arrow icon is displayed
* @type {?}
*/
StPopOverComponent.prototype.showArrow;
/**
* \@Output {Event} [click] Notify event click
* @type {?}
*/
StPopOverComponent.prototype.clickConfig;
/** @type {?} */
StPopOverComponent.prototype.placement;
/**
* @type {?}
* @private
*/
StPopOverComponent.prototype.defaultOffset;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3QtcG9wLW92ZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHN0cmF0aW8vZWdlby8iLCJzb3VyY2VzIjpbImxpYi9zdC1wb3Atb3Zlci9zdC1wb3Atb3Zlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7O0FBVUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV2RSxPQUFPLEVBQUUsV0FBVyxFQUFFLGNBQWMsRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7Ozs7Ozs7Ozs7Ozs7O0FBaUJyRTtJQUFBOzs7O1FBWVksV0FBTSxHQUFZLEtBQUssQ0FBQzs7OztRQUV4QixXQUFNLEdBQWdCLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsRUFBRSxFQUFFLENBQUM7Ozs7UUFFdEMsbUJBQWMsR0FBYSxLQUFLLENBQUM7Ozs7UUFFakMsY0FBUyxHQUFhLElBQUksQ0FBQzs7OztRQUcxQixnQkFBVyxHQUF3QixJQUFJLFlBQVksRUFBUyxDQUFDO1FBRWhFLGNBQVMsR0FBbUIsY0FBYyxDQUFDLE1BQU0sQ0FBQztRQUNqRCxrQkFBYSxHQUFnQixFQUFFLENBQUMsRUFBRSxFQUFFLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDO0lBS3hELENBQUM7SUFIRSxzQkFBSSx5Q0FBUzs7OztRQUFiO1lBQ0csT0FBTyxFQUFFLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO1FBQ25HLENBQUM7OztPQUFBOztnQkE1QkgsU0FBUyxTQUFDO29CQUNSLFFBQVEsRUFBRSxhQUFhO29CQUV2Qiwyd0NBQTJDOztpQkFDN0M7Ozt3QkFJRyxLQUFLO3dCQUVMLEtBQUs7eUJBRUwsS0FBSzt5QkFFTCxLQUFLO2lDQUVMLEtBQUs7NEJBRUwsS0FBSzs4QkFHTCxNQUFNOztJQVFWLHlCQUFDO0NBQUEsQUE3QkQsSUE2QkM7U0F4Qlksa0JBQWtCOzs7Ozs7SUFHNUIsbUNBQXVCOzs7OztJQUV2QixtQ0FBdUI7Ozs7O0lBRXZCLG9DQUFpQzs7Ozs7SUFFakMsb0NBQStDOzs7OztJQUUvQyw0Q0FBMEM7Ozs7O0lBRTFDLHVDQUFvQzs7Ozs7SUFHcEMseUNBQXVFOztJQUV2RSx1Q0FBeUQ7Ozs7O0lBQ3pELDJDQUFxRCIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiDCqSAyMDE3IFN0cmF0aW8gQmlnIERhdGEgSW5jLiwgU3VjdXJzYWwgZW4gRXNwYcOxYS5cbiAqXG4gKiBUaGlzIHNvZnR3YXJlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAuXG4gKiBUaGlzIHByb2dyYW0gaXMgZGlzdHJpYnV0ZWQgaW4gdGhlIGhvcGUgdGhhdCBpdCB3aWxsIGJlIHVzZWZ1bCwgYnV0IFdJVEhPVVQgQU5ZIFdBUlJBTlRZO1xuICogd2l0aG91dCBldmVuIHRoZSBpbXBsaWVkIHdhcnJhbnR5IG9mIE1FUkNIQU5UQUJJTElUWSBvciBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRS5cbiAqIFNlZSB0aGUgdGVybXMgb2YgdGhlIExpY2Vuc2UgZm9yIG1vcmUgZGV0YWlscy5cbiAqXG4gKiBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMC5cbiAqL1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgU3RQb3BPZmZzZXQsIFN0UG9wUGxhY2VtZW50IH0gZnJvbSAnLi4vc3QtcG9wL3N0LXBvcC5tb2RlbCc7XG5cbi8qKlxuICogQGRlc2NyaXB0aW9uIHtDb21wb25lbnR9IFBvcCBPdmVyXG4gKlxuICogVGhpcyBjb21wb25lbnRzIHBvcCBvdmVyIGEgY29udGVudCB3aXRoIGEgdGl0bGVcbiAqXG4gKiBAZXhhbXBsZVxuICpcbiAqIHtodG1sfVxuICpcbiAqIGBgYFxuICogICAgPHN0LXBvcC1vdmVyIFtxYVRhZ109XCJxYVRhZ1wiIFt0aXRsZV09XCJ0aXRsZVwiIFtoaWRkZW5dPVwiaGlkZGVuXCI+XG4gKiAgICAgICA8IS0tIENPTlRFTlQgVE8gUE9QIE9WRVIgLS0+XG4gKiAgICA8L3N0LXBvcC1vdmVyPlxuICogYGBgXG4gKi9cbkBDb21wb25lbnQoe1xuICAgc2VsZWN0b3I6ICdzdC1wb3Atb3ZlcicsXG4gICBzdHlsZVVybHM6IFsnLi9zdC1wb3Atb3Zlci5jb21wb25lbnQuc2NzcyddLFxuICAgdGVtcGxhdGVVcmw6ICcuL3N0LXBvcC1vdmVyLmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBTdFBvcE92ZXJDb21wb25lbnQge1xuXG4gICAvKiogQGlucHV0IHtzdHJpbmd9IFtxYVRhZz0nJ10gRm9yIHNldCBpZCBmb3IgdGVzdHMgKi9cbiAgIEBJbnB1dCgpIHFhVGFnOiBzdHJpbmc7XG4gICAvKiogQGlucHV0IHtzdHJpbmd9IHRpdGxlIFRpdGxlIG9mIHRoZSBwb3Agb3ZlciAqL1xuICAgQElucHV0KCkgdGl0bGU6IHN0cmluZztcbiAgIC8qKiBAaW5wdXQge2Jvb2xlYW59IFtoaWRkZW49ZmFsc2VdIFNob3cgb3IgaGlkZSB0aGUgcG9wIG92ZXIgKi9cbiAgIEBJbnB1dCgpIGhpZGRlbjogYm9vbGVhbiA9IGZhbHNlO1xuICAgLyoqIEBJbnB1dCB7U3RQb3BPZmZzZXR9IFtvZmZzZXQ9e3g6IDAgLCB5OiAxN31dIEZvciBwb3NpdGlvbiB3aXRoIG9mZnNldCBpbiB4IG8geSBheGlzICovXG4gICBASW5wdXQoKSBvZmZzZXQ6IFN0UG9wT2Zmc2V0ID0geyB4OiAwLCB5OiAxNyB9O1xuICAgLyoqIEBJbnB1dCB7Ym9vbGVhbn0gW3Nob3dTZXR0aW5nQnRuPWZhbHNlXSB3aGVuIHRydWUsIHNldHRpbmdzIGljb24gaXMgZGlzcGxheWVkICAgICovXG4gICBASW5wdXQoKSBzaG93U2V0dGluZ0J0bj86IGJvb2xlYW4gPSBmYWxzZTtcbiAgIC8qKiBASW5wdXQge2Jvb2xlYW59IFtzaG93QXJyb3c9dHJ1ZV0gd2hlbiB0cnVlLCBhcnJvdyBpY29uIGlzIGRpc3BsYXllZCAgICAqL1xuICAgQElucHV0KCkgc2hvd0Fycm93PzogYm9vbGVhbiA9IHRydWU7XG5cbiAgIC8qKiBAT3V0cHV0IHtFdmVudH0gW2NsaWNrXSBOb3RpZnkgZXZlbnQgY2xpY2sgKi9cbiAgIEBPdXRwdXQoKSBjbGlja0NvbmZpZzogRXZlbnRFbWl0dGVyPEV2ZW50PiA9IG5ldyBFdmVudEVtaXR0ZXI8RXZlbnQ+KCk7XG5cbiAgIHB1YmxpYyBwbGFjZW1lbnQ6IFN0UG9wUGxhY2VtZW50ID0gU3RQb3BQbGFjZW1lbnQuQk9UVE9NO1xuICAgcHJpdmF0ZSBkZWZhdWx0T2Zmc2V0OiBTdFBvcE9mZnNldCA9IHsgeDogMjEsIHk6IDggfTtcblxuICAgZ2V0IHBvcE9mZnNldCgpOiBTdFBvcE9mZnNldCB7XG4gICAgICByZXR1cm4geyB4OiAodGhpcy5vZmZzZXQueCArIHRoaXMuZGVmYXVsdE9mZnNldC54KSwgeTogKHRoaXMub2Zmc2V0LnkgKyB0aGlzLmRlZmF1bHRPZmZzZXQueSkgfTtcbiAgIH1cbn1cbiJdfQ==