@hxui/angular
Version:
This README includes the steps that are necessary to import the HxUi-angular into a project or to contribute with development.
159 lines (158 loc) • 12.9 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes} checked by tsc
*/
import { Component, Input, ViewEncapsulation } from '@angular/core';
import { Context, Visibility } from '../enums';
import { Subject } from 'rxjs';
var TooltipContentComponent = /** @class */ (function () {
function TooltipContentComponent() {
this.placement = 'bottom';
this.context = Context.None;
/**
* Enums to be used in the template *
*/
this.contextEnum = Context;
this.visibilityEnum = Visibility;
this.visibility = Visibility.Hidden;
/**
* Subject for notifying that the tooltip has been hidden from the view
*/
this._onHide = new Subject();
}
/**
* Shows the tooltip
* @param delay Amount of milliseconds to the delay showing the tooltip.
*/
/**
* Shows the tooltip
* @param {?} delay Amount of milliseconds to the delay showing the tooltip.
* @return {?}
*/
TooltipContentComponent.prototype.show = /**
* Shows the tooltip
* @param {?} delay Amount of milliseconds to the delay showing the tooltip.
* @return {?}
*/
function (delay) {
var _this = this;
// Cancel the delayed hide if it is scheduled
if (this._hideTimeoutId) {
clearTimeout(this._hideTimeoutId);
}
this._showTimeoutId = window.setTimeout(function () {
_this.visibility = Visibility.Visible;
}, delay);
};
/**
* Hide the tooltip after the provided delay in ms.
* @param delay Amount of milliseconds to delay hiding the tooltip.
*/
/**
* Hide the tooltip after the provided delay in ms.
* @param {?} delay Amount of milliseconds to delay hiding the tooltip.
* @return {?}
*/
TooltipContentComponent.prototype.hide = /**
* Hide the tooltip after the provided delay in ms.
* @param {?} delay Amount of milliseconds to delay hiding the tooltip.
* @return {?}
*/
function (delay) {
var _this = this;
// Cancel the delayed show if it is scheduled
if (this._showTimeoutId) {
clearTimeout(this._showTimeoutId);
}
this._hideTimeoutId = window.setTimeout(function () {
_this.visibility = Visibility.Hidden;
_this._onHide.next();
}, delay);
};
/** Returns an observable that notifies when the tooltip has been hidden from view. */
/**
* Returns an observable that notifies when the tooltip has been hidden from view.
* @return {?}
*/
TooltipContentComponent.prototype.afterHidden = /**
* Returns an observable that notifies when the tooltip has been hidden from view.
* @return {?}
*/
function () {
return this._onHide.asObservable();
};
/**
* @return {?}
*/
TooltipContentComponent.prototype.isVisible = /**
* @return {?}
*/
function () {
return this.visibility === Visibility.Visible;
};
TooltipContentComponent.decorators = [
{ type: Component, args: [{
selector: 'hx-tooltip-content, hxa-tooltip-content',
template: " \n <div class=\"hx-tooltip is-{{ placement }}\"\n [class.is-active]='visibility === visibilityEnum.Visible'\n [class.is-success]=\"context === contextEnum.Success\"\n [class.is-warning]=\"context === contextEnum.Warning\"\n [class.is-danger]=\"context === contextEnum.Danger\"\n role=\"tooltip\">\n <div class=\"hx-tooltip-content\">\n {{ content }}\n </div>\n </div>\n",
styles: [
'.hxa-tooltip-panel { display:flex; position: absolute; pointer-events: auto; box-sizing: border-box; z-index: 1000; max-width: 100%; max-height: 100%;}',
'.hx-tooltip.is-left, .hx-tooltip.is-left:before{ margin-right:.5rem; }',
'.hx-tooltip.is-right, .hx-tooltip.is-right:before{ margin-left:.5rem; }',
'.hx-tooltip.is-bottom, .hx-tooltip.is-bottom:before{ margin-top:.5rem; }',
'.hx-tooltip.is-top, .hx-tooltip.is-top:before{ margin-bottom:.5rem; }'
],
encapsulation: ViewEncapsulation.None
},] },
];
/** @nocollapse */
TooltipContentComponent.ctorParameters = function () { return []; };
TooltipContentComponent.propDecorators = {
"content": [{ type: Input },],
"placement": [{ type: Input },],
"context": [{ type: Input },],
};
return TooltipContentComponent;
}());
export { TooltipContentComponent };
function TooltipContentComponent_tsickle_Closure_declarations() {
/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
TooltipContentComponent.decorators;
/**
* @nocollapse
* @type {function(): !Array<(null|{type: ?, decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>)})>}
*/
TooltipContentComponent.ctorParameters;
/** @type {!Object<string,!Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
TooltipContentComponent.propDecorators;
/** @type {?} */
TooltipContentComponent.prototype.content;
/** @type {?} */
TooltipContentComponent.prototype.placement;
/** @type {?} */
TooltipContentComponent.prototype.context;
/**
* Enums to be used in the template *
* @type {?}
*/
TooltipContentComponent.prototype.contextEnum;
/** @type {?} */
TooltipContentComponent.prototype.visibilityEnum;
/** @type {?} */
TooltipContentComponent.prototype.visibility;
/**
* Subject for notifying that the tooltip has been hidden from the view
* @type {?}
*/
TooltipContentComponent.prototype._onHide;
/**
* The timeout ID of any current timer set to show the tooltip
* @type {?}
*/
TooltipContentComponent.prototype._showTimeoutId;
/**
* The timeout ID of any current timer set to hide the tooltip
* @type {?}
*/
TooltipContentComponent.prototype._hideTimeoutId;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC1jb250ZW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BoeHVpL2FuZ3VsYXIvIiwic291cmNlcyI6WyJsaWIvdG9vbHRpcC90b29sdGlwLWNvbnRlbnQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULEtBQUssRUFDTCxpQkFBaUIsRUFDbEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFDLE9BQU8sRUFBRSxVQUFVLEVBQUMsTUFBTSxVQUFVLENBQUM7QUFDN0MsT0FBTyxFQUFhLE9BQU8sRUFBQyxNQUFNLE1BQU0sQ0FBQzs7SUFtRHZDO3lCQXBCaUQsUUFBUTt1QkFHdEMsT0FBTyxDQUFDLElBQUk7Ozs7MkJBR2pCLE9BQU87OEJBQ0osVUFBVTswQkFFRixVQUFVLENBQUMsTUFBTTs7Ozt1QkFHRCxJQUFJLE9BQU8sRUFBRTtLQVF0QztJQUdoQjs7O09BR0c7Ozs7OztJQUNILHNDQUFJOzs7OztJQUFKLFVBQUssS0FBYTtRQUFsQixpQkFVQzs7UUFSQyxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FBQztZQUN4QixZQUFZLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDO1NBQ25DO1FBRUQsSUFBSSxDQUFDLGNBQWMsR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDO1lBQ3RDLEtBQUksQ0FBQyxVQUFVLEdBQUcsVUFBVSxDQUFDLE9BQU8sQ0FBQztTQUV0QyxFQUFFLEtBQUssQ0FBQyxDQUFDO0tBQ1g7SUFFRDs7O09BR0c7Ozs7OztJQUNILHNDQUFJOzs7OztJQUFKLFVBQUssS0FBYTtRQUFsQixpQkFVQzs7UUFSQyxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FBQztZQUN4QixZQUFZLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDO1NBQ25DO1FBRUQsSUFBSSxDQUFDLGNBQWMsR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDO1lBQ3RDLEtBQUksQ0FBQyxVQUFVLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztZQUNwQyxLQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDO1NBQ3JCLEVBQUUsS0FBSyxDQUFDLENBQUM7S0FDWDtJQUVELHNGQUFzRjs7Ozs7SUFDdEYsNkNBQVc7Ozs7SUFBWDtRQUNFLE1BQU0sQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLFlBQVksRUFBRSxDQUFDO0tBQ3BDOzs7O0lBRUQsMkNBQVM7OztJQUFUO1FBQ0UsTUFBTSxDQUFDLElBQUksQ0FBQyxVQUFVLEtBQUssVUFBVSxDQUFDLE9BQU8sQ0FBQztLQUMvQzs7Z0JBM0ZGLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUseUNBQXlDO29CQUNuRCxRQUFRLEVBQUUsZ2RBV1g7b0JBQ0MsTUFBTSxFQUFFO3dCQUNOLHlKQUF5Sjt3QkFDekosd0VBQXdFO3dCQUN4RSx5RUFBeUU7d0JBQ3pFLDBFQUEwRTt3QkFDMUUsdUVBQXVFO3FCQUN4RTtvQkFDRCxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtpQkFDdEM7Ozs7OzRCQUdFLEtBQUs7OEJBR0wsS0FBSzs0QkFHTCxLQUFLOztrQ0F2Q1I7O1NBK0JhLHVCQUF1QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ29tcG9uZW50LFxyXG4gIElucHV0LFxyXG4gIFZpZXdFbmNhcHN1bGF0aW9uXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7Q29udGV4dCwgVmlzaWJpbGl0eX0gZnJvbSAnLi4vZW51bXMnO1xyXG5pbXBvcnQge09ic2VydmFibGUsIFN1YmplY3R9IGZyb20gJ3J4anMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdoeC10b29sdGlwLWNvbnRlbnQsIGh4YS10b29sdGlwLWNvbnRlbnQnLFxyXG4gIHRlbXBsYXRlOiBgICAgIFxyXG4gICAgICA8ZGl2IGNsYXNzPVwiaHgtdG9vbHRpcCBpcy17eyBwbGFjZW1lbnQgfX1cIlxyXG4gICAgICAgICAgIFtjbGFzcy5pcy1hY3RpdmVdPSd2aXNpYmlsaXR5ID09PSB2aXNpYmlsaXR5RW51bS5WaXNpYmxlJ1xyXG4gICAgICAgICAgIFtjbGFzcy5pcy1zdWNjZXNzXT1cImNvbnRleHQgPT09IGNvbnRleHRFbnVtLlN1Y2Nlc3NcIlxyXG4gICAgICAgICAgIFtjbGFzcy5pcy13YXJuaW5nXT1cImNvbnRleHQgPT09IGNvbnRleHRFbnVtLldhcm5pbmdcIlxyXG4gICAgICAgICAgIFtjbGFzcy5pcy1kYW5nZXJdPVwiY29udGV4dCA9PT0gY29udGV4dEVudW0uRGFuZ2VyXCJcclxuICAgICAgICAgICByb2xlPVwidG9vbHRpcFwiPlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cImh4LXRvb2x0aXAtY29udGVudFwiPlxyXG4gICAgICAgICAgICB7eyBjb250ZW50IH19XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9kaXY+XHJcbmAsXHJcbiAgc3R5bGVzOiBbXHJcbiAgICAnLmh4YS10b29sdGlwLXBhbmVsIHsgZGlzcGxheTpmbGV4OyBwb3NpdGlvbjogYWJzb2x1dGU7IHBvaW50ZXItZXZlbnRzOiBhdXRvOyBib3gtc2l6aW5nOiBib3JkZXItYm94OyB6LWluZGV4OiAxMDAwOyBtYXgtd2lkdGg6IDEwMCU7IG1heC1oZWlnaHQ6IDEwMCU7fScsXHJcbiAgICAnLmh4LXRvb2x0aXAuaXMtbGVmdCwgLmh4LXRvb2x0aXAuaXMtbGVmdDpiZWZvcmV7IG1hcmdpbi1yaWdodDouNXJlbTsgfScsXHJcbiAgICAnLmh4LXRvb2x0aXAuaXMtcmlnaHQsIC5oeC10b29sdGlwLmlzLXJpZ2h0OmJlZm9yZXsgbWFyZ2luLWxlZnQ6LjVyZW07IH0nLFxyXG4gICAgJy5oeC10b29sdGlwLmlzLWJvdHRvbSwgLmh4LXRvb2x0aXAuaXMtYm90dG9tOmJlZm9yZXsgbWFyZ2luLXRvcDouNXJlbTsgfScsXHJcbiAgICAnLmh4LXRvb2x0aXAuaXMtdG9wLCAuaHgtdG9vbHRpcC5pcy10b3A6YmVmb3JleyBtYXJnaW4tYm90dG9tOi41cmVtOyB9J1xyXG4gIF0sXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxyXG59KVxyXG5leHBvcnQgY2xhc3MgVG9vbHRpcENvbnRlbnRDb21wb25lbnQge1xyXG5cclxuICBASW5wdXQoKVxyXG4gIGNvbnRlbnQ6IHN0cmluZztcclxuXHJcbiAgQElucHV0KClcclxuICBwbGFjZW1lbnQ6ICd0b3AnIHwgJ2JvdHRvbScgfCAnbGVmdCcgfCAncmlnaHQnID0gJ2JvdHRvbSc7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgY29udGV4dDogQ29udGV4dCA9IENvbnRleHQuTm9uZTtcclxuXHJcbiAgLyoqIEVudW1zIHRvIGJlIHVzZWQgaW4gdGhlIHRlbXBsYXRlICoqL1xyXG4gIGNvbnRleHRFbnVtID0gQ29udGV4dDtcclxuICB2aXNpYmlsaXR5RW51bSA9IFZpc2liaWxpdHk7XHJcblxyXG4gIHZpc2liaWxpdHk6IFZpc2liaWxpdHkgPSBWaXNpYmlsaXR5LkhpZGRlbjtcclxuXHJcbiAgLyoqIFN1YmplY3QgZm9yIG5vdGlmeWluZyB0aGF0IHRoZSB0b29sdGlwIGhhcyBiZWVuIGhpZGRlbiBmcm9tIHRoZSB2aWV3ICovXHJcbiAgcHJpdmF0ZSByZWFkb25seSBfb25IaWRlOiBTdWJqZWN0PGFueT4gPSBuZXcgU3ViamVjdCgpO1xyXG5cclxuICAvKiogVGhlIHRpbWVvdXQgSUQgb2YgYW55IGN1cnJlbnQgdGltZXIgc2V0IHRvIHNob3cgdGhlIHRvb2x0aXAgKi9cclxuICBwcml2YXRlIF9zaG93VGltZW91dElkOiBudW1iZXI7XHJcblxyXG4gIC8qKiBUaGUgdGltZW91dCBJRCBvZiBhbnkgY3VycmVudCB0aW1lciBzZXQgdG8gaGlkZSB0aGUgdG9vbHRpcCAqL1xyXG4gIHByaXZhdGUgX2hpZGVUaW1lb3V0SWQ6IG51bWJlcjtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7fVxyXG5cclxuXHJcbiAgLyoqXHJcbiAgICogU2hvd3MgdGhlIHRvb2x0aXBcclxuICAgKiBAcGFyYW0gZGVsYXkgQW1vdW50IG9mIG1pbGxpc2Vjb25kcyB0byB0aGUgZGVsYXkgc2hvd2luZyB0aGUgdG9vbHRpcC5cclxuICAgKi9cclxuICBzaG93KGRlbGF5OiBudW1iZXIpOiB2b2lkIHtcclxuICAgIC8vIENhbmNlbCB0aGUgZGVsYXllZCBoaWRlIGlmIGl0IGlzIHNjaGVkdWxlZFxyXG4gICAgaWYgKHRoaXMuX2hpZGVUaW1lb3V0SWQpIHtcclxuICAgICAgY2xlYXJUaW1lb3V0KHRoaXMuX2hpZGVUaW1lb3V0SWQpO1xyXG4gICAgfVxyXG5cclxuICAgIHRoaXMuX3Nob3dUaW1lb3V0SWQgPSB3aW5kb3cuc2V0VGltZW91dCgoKSA9PiB7XHJcbiAgICAgIHRoaXMudmlzaWJpbGl0eSA9IFZpc2liaWxpdHkuVmlzaWJsZTtcclxuXHJcbiAgICB9LCBkZWxheSk7XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBIaWRlIHRoZSB0b29sdGlwIGFmdGVyIHRoZSBwcm92aWRlZCBkZWxheSBpbiBtcy5cclxuICAgKiBAcGFyYW0gZGVsYXkgQW1vdW50IG9mIG1pbGxpc2Vjb25kcyB0byBkZWxheSBoaWRpbmcgdGhlIHRvb2x0aXAuXHJcbiAgICovXHJcbiAgaGlkZShkZWxheTogbnVtYmVyKTogdm9pZCB7XHJcbiAgICAvLyBDYW5jZWwgdGhlIGRlbGF5ZWQgc2hvdyBpZiBpdCBpcyBzY2hlZHVsZWRcclxuICAgIGlmICh0aGlzLl9zaG93VGltZW91dElkKSB7XHJcbiAgICAgIGNsZWFyVGltZW91dCh0aGlzLl9zaG93VGltZW91dElkKTtcclxuICAgIH1cclxuXHJcbiAgICB0aGlzLl9oaWRlVGltZW91dElkID0gd2luZG93LnNldFRpbWVvdXQoKCkgPT4ge1xyXG4gICAgICB0aGlzLnZpc2liaWxpdHkgPSBWaXNpYmlsaXR5LkhpZGRlbjtcclxuICAgICAgdGhpcy5fb25IaWRlLm5leHQoKTtcclxuICAgIH0sIGRlbGF5KTtcclxuICB9XHJcblxyXG4gIC8qKiBSZXR1cm5zIGFuIG9ic2VydmFibGUgdGhhdCBub3RpZmllcyB3aGVuIHRoZSB0b29sdGlwIGhhcyBiZWVuIGhpZGRlbiBmcm9tIHZpZXcuICovXHJcbiAgYWZ0ZXJIaWRkZW4oKTogT2JzZXJ2YWJsZTx2b2lkPiB7XHJcbiAgICByZXR1cm4gdGhpcy5fb25IaWRlLmFzT2JzZXJ2YWJsZSgpO1xyXG4gIH1cclxuXHJcbiAgaXNWaXNpYmxlKCk6IGJvb2xlYW4ge1xyXG4gICAgcmV0dXJuIHRoaXMudmlzaWJpbGl0eSA9PT0gVmlzaWJpbGl0eS5WaXNpYmxlO1xyXG4gIH1cclxuXHJcbn1cclxuIl19