/**
 * @fileoverview added by tsickle
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
import { Component, Input, TemplateRef, ElementRef } from '@angular/core';
export class TooltipContainerComponent {
    /**
     * @param {?} elementRef
     */
    constructor(elementRef) {
        this.elementRef = elementRef;
        /**
         * \@prop shows the arrow or not
         */
        this.showArrow = true;
        this.classList = {};
        this.isTooltip = true;
    }
    /**
     * \@prop Sets direction of the tooltip | null
     * @param {?} direction
     * @return {?}
     */
    set direction(direction) {
        this.classList['md-event-overlay--top'] = direction === 'top';
        this.classList['md-event-overlay--bottom'] = direction === 'bottom';
        this.classList['md-event-overlay--left'] = direction === 'left';
        this.classList['md-event-overlay--right'] = direction === 'right';
    }
    /**
     * @return {?}
     */
    ngOnInit() {
        this.classList['md-tooltip'] = this.isTooltip;
        this.classList['md-event-overlay--arrow'] = this.showArrow;
    }
}
TooltipContainerComponent.decorators = [
    { type: Component, args: [{
                selector: 'md-tooltip-container',
                template: `
  <div [ngClass]="classList" class="md-event-overlay">
    <div *ngIf="showArrow" class="md-event-overlay__arrow" ></div>
    <div  class="md-event-overlay__children">
        <md-tooltip
          #mdtooltip
          id={{this.id}}
          text={{this.text}}
          maxWidth={{this.maxWidth}}
          [tooltipTemplate]="tooltipTemplate"
        ></md-tooltip>
    </div>
  </div>
  `,
                styles: [".md-tooltip.md-event-overlay{position:static}.md-tooltip.md-event-overlay>.md-event-overlay__children{position:static;padding:12px}.md-tooltip.md-event-overlay>.md-event-overlay__arrow{z-index:1027}.md-tooltip.md-event-overlay.md-event-overlay--arrow.md-event-overlay--right{display:flex;flex-direction:row;align-items:center}.md-tooltip.md-event-overlay.md-event-overlay--arrow.md-event-overlay--right>.md-event-overlay__arrow{margin-top:0}.md-tooltip.md-event-overlay.md-event-overlay--arrow.md-event-overlay--left{display:flex;flex-direction:row-reverse;align-items:center}.md-tooltip.md-event-overlay.md-event-overlay--arrow.md-event-overlay--left>.md-event-overlay__arrow{margin-left:-2px;margin-top:0}.md-tooltip.md-event-overlay.md-event-overlay--arrow.md-event-overlay--left>.md-event-overlay__children{margin-right:14px}.md-tooltip.md-event-overlay.md-event-overlay--arrow.md-event-overlay--bottom{display:flex;flex-direction:column;align-items:center}.md-tooltip.md-event-overlay.md-event-overlay--arrow.md-event-overlay--bottom>.md-event-overlay__arrow{margin-left:0}.md-tooltip.md-event-overlay.md-event-overlay--arrow.md-event-overlay--top{display:flex;flex-direction:column-reverse;align-items:center}.md-tooltip.md-event-overlay.md-event-overlay--arrow.md-event-overlay--top>.md-event-overlay__arrow{margin-top:-2px;margin-left:0}.md-tooltip.md-event-overlay.md-event-overlay--arrow.md-event-overlay--top>.md-event-overlay__children{margin-bottom:14px}"]
            }] }
];
/** @nocollapse */
TooltipContainerComponent.ctorParameters = () => [
    { type: ElementRef }
];
TooltipContainerComponent.propDecorators = {
    text: [{ type: Input }],
    tooltipTemplate: [{ type: Input }],
    direction: [{ type: Input }],
    showArrow: [{ type: Input }],
    id: [{ type: Input }],
    maxWidth: [{ type: Input }]
};
if (false) {
    /**
     * \@prop Sets text in the tooltip
     * @type {?}
     */
    TooltipContainerComponent.prototype.text;
    /**
     * \@prop Sets a component in the tooltip
     * @type {?}
     */
    TooltipContainerComponent.prototype.tooltipTemplate;
    /**
     * \@prop shows the arrow or not
     * @type {?}
     */
    TooltipContainerComponent.prototype.showArrow;
    /**
     * \@prop Sets the id for screen reader
     * @type {?}
     */
    TooltipContainerComponent.prototype.id;
    /**
     * \@prop Sets the max-width
     * @type {?}
     */
    TooltipContainerComponent.prototype.maxWidth;
    /** @type {?} */
    TooltipContainerComponent.prototype.classList;
    /** @type {?} */
    TooltipContainerComponent.prototype.isTooltip;
    /**
     * @type {?}
     * @private
     */
    TooltipContainerComponent.prototype.elementRef;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC1jb250YWluZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQG1vbWVudHVtLXVpL2FuZ3VsYXIvIiwic291cmNlcyI6WyJ0b29sdGlwL3Rvb2x0aXAtY29udGFpbmVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUcsV0FBVyxFQUFFLFVBQVUsRUFBUyxNQUFNLGVBQWUsQ0FBQztBQXNCbEYsTUFBTSxPQUFPLHlCQUF5Qjs7OztJQWtDcEMsWUFBb0IsVUFBc0I7UUFBdEIsZUFBVSxHQUFWLFVBQVUsQ0FBWTs7OztRQWhCakMsY0FBUyxHQUFhLElBQUksQ0FBQztRQVE3QixjQUFTLEdBQTZCLEVBQUUsQ0FBQztRQUN6QyxjQUFTLEdBQVksSUFBSSxDQUFDO0lBT1ksQ0FBQzs7Ozs7O0lBekI5QyxJQUNJLFNBQVMsQ0FBQyxTQUFpQjtRQUM3QixJQUFJLENBQUMsU0FBUyxDQUFDLHVCQUF1QixDQUFDLEdBQUcsU0FBUyxLQUFLLEtBQUssQ0FBQztRQUM5RCxJQUFJLENBQUMsU0FBUyxDQUFDLDBCQUEwQixDQUFDLEdBQUcsU0FBUyxLQUFLLFFBQVEsQ0FBQztRQUNwRSxJQUFJLENBQUMsU0FBUyxDQUFDLHdCQUF3QixDQUFDLEdBQUcsU0FBUyxLQUFLLE1BQU0sQ0FBQztRQUNoRSxJQUFJLENBQUMsU0FBUyxDQUFDLHlCQUF5QixDQUFDLEdBQUcsU0FBUyxLQUFLLE9BQU8sQ0FBQztJQUNwRSxDQUFDOzs7O0lBY0QsUUFBUTtRQUNOLElBQUksQ0FBQyxTQUFTLENBQUMsWUFBWSxDQUFDLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQztRQUM5QyxJQUFJLENBQUMsU0FBUyxDQUFDLHlCQUF5QixDQUFDLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQztJQUM3RCxDQUFDOzs7WUFsREYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxzQkFBc0I7Z0JBRWhDLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7OztHQWFUOzthQUNGOzs7O1lBckJ3QyxVQUFVOzs7bUJBeUJoRCxLQUFLOzhCQUdMLEtBQUs7d0JBR0wsS0FBSzt3QkFTTCxLQUFLO2lCQUdMLEtBQUs7dUJBR0osS0FBSzs7Ozs7OztJQXJCUCx5Q0FBc0I7Ozs7O0lBR3RCLG9EQUE0Qzs7Ozs7SUFZNUMsOENBQW9DOzs7OztJQUdwQyx1Q0FBb0I7Ozs7O0lBR25CLDZDQUEwQjs7SUFFM0IsOENBQWdEOztJQUNoRCw4Q0FBaUM7Ozs7O0lBT3JCLCtDQUE4QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsICBUZW1wbGF0ZVJlZiwgRWxlbWVudFJlZiwgT25Jbml0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21kLXRvb2x0aXAtY29udGFpbmVyJyxcbiAgc3R5bGVVcmxzOiBbJ3Rvb2x0aXAtY29udGFpbmVyLnNjc3MnXSxcbiAgdGVtcGxhdGU6IGBcbiAgPGRpdiBbbmdDbGFzc109XCJjbGFzc0xpc3RcIiBjbGFzcz1cIm1kLWV2ZW50LW92ZXJsYXlcIj5cbiAgICA8ZGl2ICpuZ0lmPVwic2hvd0Fycm93XCIgY2xhc3M9XCJtZC1ldmVudC1vdmVybGF5X19hcnJvd1wiID48L2Rpdj5cbiAgICA8ZGl2ICBjbGFzcz1cIm1kLWV2ZW50LW92ZXJsYXlfX2NoaWxkcmVuXCI+XG4gICAgICAgIDxtZC10b29sdGlwXG4gICAgICAgICAgI21kdG9vbHRpcFxuICAgICAgICAgIGlkPXt7dGhpcy5pZH19XG4gICAgICAgICAgdGV4dD17e3RoaXMudGV4dH19XG4gICAgICAgICAgbWF4V2lkdGg9e3t0aGlzLm1heFdpZHRofX1cbiAgICAgICAgICBbdG9vbHRpcFRlbXBsYXRlXT1cInRvb2x0aXBUZW1wbGF0ZVwiXG4gICAgICAgID48L21kLXRvb2x0aXA+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuICBgXG59KVxuZXhwb3J0IGNsYXNzIFRvb2x0aXBDb250YWluZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIC8qKiBAcHJvcCBTZXRzIHRleHQgaW4gdGhlIHRvb2x0aXAgKi9cbiAgQElucHV0KCkgdGV4dDogc3RyaW5nO1xuXG4gICAvKiogQHByb3AgU2V0cyBhIGNvbXBvbmVudCBpbiB0aGUgdG9vbHRpcCAqL1xuICBASW5wdXQoKSB0b29sdGlwVGVtcGxhdGU/OiBUZW1wbGF0ZVJlZjxhbnk+O1xuXG4gIC8qKiBAcHJvcCBTZXRzIGRpcmVjdGlvbiBvZiB0aGUgdG9vbHRpcCB8IG51bGwgKi9cbiAgQElucHV0KClcbiAgc2V0IGRpcmVjdGlvbihkaXJlY3Rpb246IHN0cmluZykge1xuICAgIHRoaXMuY2xhc3NMaXN0WydtZC1ldmVudC1vdmVybGF5LS10b3AnXSA9IGRpcmVjdGlvbiA9PT0gJ3RvcCc7XG4gICAgdGhpcy5jbGFzc0xpc3RbJ21kLWV2ZW50LW92ZXJsYXktLWJvdHRvbSddID0gZGlyZWN0aW9uID09PSAnYm90dG9tJztcbiAgICB0aGlzLmNsYXNzTGlzdFsnbWQtZXZlbnQtb3ZlcmxheS0tbGVmdCddID0gZGlyZWN0aW9uID09PSAnbGVmdCc7XG4gICAgdGhpcy5jbGFzc0xpc3RbJ21kLWV2ZW50LW92ZXJsYXktLXJpZ2h0J10gPSBkaXJlY3Rpb24gPT09ICdyaWdodCc7XG4gIH1cblxuICAvKiogQHByb3Agc2hvd3MgdGhlIGFycm93IG9yIG5vdCAqL1xuICBASW5wdXQoKSBzaG93QXJyb3c6IGJvb2xlYW4gID0gdHJ1ZTtcblxuICAvKiogQHByb3AgU2V0cyB0aGUgaWQgZm9yIHNjcmVlbiByZWFkZXIgKi9cbiAgQElucHV0KCkgaWQ6IHN0cmluZztcblxuICAgLyoqIEBwcm9wIFNldHMgdGhlIG1heC13aWR0aCAqL1xuICAgQElucHV0KCkgbWF4V2lkdGg6IG51bWJlcjtcblxuICBwdWJsaWMgY2xhc3NMaXN0OiB7W2tleTogc3RyaW5nXTogYm9vbGVhbn0gPSB7fTtcbiAgcHVibGljIGlzVG9vbHRpcDogYm9vbGVhbiA9IHRydWU7XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5jbGFzc0xpc3RbJ21kLXRvb2x0aXAnXSA9IHRoaXMuaXNUb29sdGlwO1xuICAgIHRoaXMuY2xhc3NMaXN0WydtZC1ldmVudC1vdmVybGF5LS1hcnJvdyddID0gdGhpcy5zaG93QXJyb3c7XG4gIH1cblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYpIHt9XG59XG4iXX0=