@kushki/ng-suka/esm2015/lib/topbar/topbar-menu.component.js

<p align="center"> <h1 align="center">Suka Components Angular</h1> <p align="center"> An Angular implementation of the Suka Design System </p> </p>

/**
 * @fileoverview added by tsickle
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
import { Component, Input, HostListener, ElementRef } from '@angular/core';
import { DomSanitizer } from '@angular/platform-browser';
export class TopbarMenu {
    /**
     * @param {?} domSanitizer
     * @param {?} elementRef
     */
    constructor(domSanitizer, elementRef) {
        this.domSanitizer = domSanitizer;
        this.elementRef = elementRef;
        this.trigger = 'click';
        this.expanded = false;
        this._href = 'javascript:void(0)';
    }
    /**
     * @param {?} v
     * @return {?}
     */
    set href(v) {
        this._href = v;
    }
    /**
     * @return {?}
     */
    get href() {
        return (/** @type {?} */ (this.domSanitizer.bypassSecurityTrustUrl(this._href)));
    }
    /**
     * @return {?}
     */
    onClick() {
        if (this.trigger === 'click') {
            this.expanded = !this.expanded;
        }
    }
    /**
     * @return {?}
     */
    onMouseOver() {
        if (this.trigger === 'mouseover') {
            this.expanded = true;
        }
    }
    /**
     * @return {?}
     */
    onMouseOut() {
        if (this.trigger === 'mouseover') {
            this.expanded = false;
        }
    }
    /**
     * @param {?} event
     * @return {?}
     */
    onFocusOut(event) {
        if (!this.elementRef.nativeElement.contains(event.relatedTarget)) {
            this.expanded = false;
        }
    }
}
TopbarMenu.decorators = [
    { type: Component, args: [{
                selector: 'suka-topbar-menu',
                template: `
    <li
      class="topbar__sub-menu"
      style="height: 100%"
    >
      <a
        class="topbar__menu-item topbar__menu-title"
        [href]="href"
        role="menuitem"
        tabindex="0"
        aria-haspopup="true"
        [attr.aria-expanded]="expanded">
        <ng-content></ng-content>
        <suka-icon icon="chevron-down" class="topbar__menu-arrow" aria-hidden="true"></suka-icon>
      </a>
      <ul class="topbar__menu" role="menu">
        <ng-content select="suka-topbar-item"></ng-content>
      </ul>
    </li>
  `
            }] }
];
/** @nocollapse */
TopbarMenu.ctorParameters = () => [
    { type: DomSanitizer },
    { type: ElementRef }
];
TopbarMenu.propDecorators = {
    href: [{ type: Input }],
    trigger: [{ type: Input }],
    onClick: [{ type: HostListener, args: ['click',] }],
    onMouseOver: [{ type: HostListener, args: ['mouseover',] }],
    onMouseOut: [{ type: HostListener, args: ['mouseout',] }],
    onFocusOut: [{ type: HostListener, args: ['focusout', ['$event'],] }]
};
if (false) {
    /** @type {?} */
    TopbarMenu.prototype.trigger;
    /** @type {?} */
    TopbarMenu.prototype.expanded;
    /**
     * @type {?}
     * @protected
     */
    TopbarMenu.prototype._href;
    /**
     * @type {?}
     * @protected
     */
    TopbarMenu.prototype.domSanitizer;
    /**
     * @type {?}
     * @protected
     */
    TopbarMenu.prototype.elementRef;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9wYmFyLW1lbnUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGt1c2hraS9uZy1zdWthLyIsInNvdXJjZXMiOlsibGliL3RvcGJhci90b3BiYXItbWVudS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsS0FBSyxFQUNMLFlBQVksRUFDWixVQUFVLEVBQ1gsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBMEJ6RCxNQUFNLE9BQU8sVUFBVTs7Ozs7SUFlckIsWUFBc0IsWUFBMEIsRUFBWSxVQUFzQjtRQUE1RCxpQkFBWSxHQUFaLFlBQVksQ0FBYztRQUFZLGVBQVUsR0FBVixVQUFVLENBQVk7UUFOekUsWUFBTyxHQUEwQixPQUFPLENBQUM7UUFFM0MsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUVkLFVBQUssR0FBRyxvQkFBb0IsQ0FBQztJQUUrQyxDQUFDOzs7OztJQWR2RixJQUFhLElBQUksQ0FBQyxDQUFTO1FBQ3pCLElBQUksQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDO0lBQ2pCLENBQUM7Ozs7SUFFRCxJQUFJLElBQUk7UUFDTixPQUFPLG1CQUFBLElBQUksQ0FBQyxZQUFZLENBQUMsc0JBQXNCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxFQUFVLENBQUM7SUFDeEUsQ0FBQzs7OztJQVdELE9BQU87UUFDTCxJQUFJLElBQUksQ0FBQyxPQUFPLEtBQUssT0FBTyxFQUFFO1lBQzVCLElBQUksQ0FBQyxRQUFRLEdBQUcsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDO1NBQ2hDO0lBQ0gsQ0FBQzs7OztJQUdELFdBQVc7UUFDVCxJQUFJLElBQUksQ0FBQyxPQUFPLEtBQUssV0FBVyxFQUFFO1lBQ2hDLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDO1NBQ3RCO0lBQ0gsQ0FBQzs7OztJQUdELFVBQVU7UUFDUixJQUFJLElBQUksQ0FBQyxPQUFPLEtBQUssV0FBVyxFQUFFO1lBQ2hDLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO1NBQ3ZCO0lBQ0gsQ0FBQzs7Ozs7SUFHRCxVQUFVLENBQUMsS0FBSztRQUNkLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxFQUFFO1lBQ2hFLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO1NBQ3ZCO0lBQ0gsQ0FBQzs7O1lBbEVGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsa0JBQWtCO2dCQUM1QixRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FtQlQ7YUFDRjs7OztZQXpCUSxZQUFZO1lBRm5CLFVBQVU7OzttQkE2QlQsS0FBSztzQkFRTCxLQUFLO3NCQVFMLFlBQVksU0FBQyxPQUFPOzBCQU9wQixZQUFZLFNBQUMsV0FBVzt5QkFPeEIsWUFBWSxTQUFDLFVBQVU7eUJBT3ZCLFlBQVksU0FBQyxVQUFVLEVBQUUsQ0FBQyxRQUFRLENBQUM7Ozs7SUE3QnBDLDZCQUFrRDs7SUFFbEQsOEJBQXdCOzs7OztJQUV4QiwyQkFBdUM7Ozs7O0lBRTNCLGtDQUFvQzs7Ozs7SUFBRSxnQ0FBZ0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIElucHV0LFxuICBIb3N0TGlzdGVuZXIsXG4gIEVsZW1lbnRSZWZcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEb21TYW5pdGl6ZXIgfSBmcm9tICdAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyJztcblxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzdWthLXRvcGJhci1tZW51JyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8bGlcbiAgICAgIGNsYXNzPVwidG9wYmFyX19zdWItbWVudVwiXG4gICAgICBzdHlsZT1cImhlaWdodDogMTAwJVwiXG4gICAgPlxuICAgICAgPGFcbiAgICAgICAgY2xhc3M9XCJ0b3BiYXJfX21lbnUtaXRlbSB0b3BiYXJfX21lbnUtdGl0bGVcIlxuICAgICAgICBbaHJlZl09XCJocmVmXCJcbiAgICAgICAgcm9sZT1cIm1lbnVpdGVtXCJcbiAgICAgICAgdGFiaW5kZXg9XCIwXCJcbiAgICAgICAgYXJpYS1oYXNwb3B1cD1cInRydWVcIlxuICAgICAgICBbYXR0ci5hcmlhLWV4cGFuZGVkXT1cImV4cGFuZGVkXCI+XG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICAgICAgPHN1a2EtaWNvbiBpY29uPVwiY2hldnJvbi1kb3duXCIgY2xhc3M9XCJ0b3BiYXJfX21lbnUtYXJyb3dcIiBhcmlhLWhpZGRlbj1cInRydWVcIj48L3N1a2EtaWNvbj5cbiAgICAgIDwvYT5cbiAgICAgIDx1bCBjbGFzcz1cInRvcGJhcl9fbWVudVwiIHJvbGU9XCJtZW51XCI+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cInN1a2EtdG9wYmFyLWl0ZW1cIj48L25nLWNvbnRlbnQ+XG4gICAgICA8L3VsPlxuICAgIDwvbGk+XG4gIGBcbn0pXG5leHBvcnQgY2xhc3MgVG9wYmFyTWVudSB7XG4gIEBJbnB1dCgpIHNldCBocmVmKHY6IHN0cmluZykge1xuICAgIHRoaXMuX2hyZWYgPSB2O1xuICB9XG5cbiAgZ2V0IGhyZWYoKSB7XG4gICAgcmV0dXJuIHRoaXMuZG9tU2FuaXRpemVyLmJ5cGFzc1NlY3VyaXR5VHJ1c3RVcmwodGhpcy5faHJlZikgYXMgc3RyaW5nO1xuICB9XG5cbiAgQElucHV0KCkgdHJpZ2dlcjogJ2NsaWNrJyB8ICdtb3VzZW92ZXInID0gJ2NsaWNrJztcblxuICBwdWJsaWMgZXhwYW5kZWQgPSBmYWxzZTtcblxuICBwcm90ZWN0ZWQgX2hyZWYgPSAnamF2YXNjcmlwdDp2b2lkKDApJztcblxuICBjb25zdHJ1Y3Rvcihwcm90ZWN0ZWQgZG9tU2FuaXRpemVyOiBEb21TYW5pdGl6ZXIsIHByb3RlY3RlZCBlbGVtZW50UmVmOiBFbGVtZW50UmVmKSB7IH1cblxuICBASG9zdExpc3RlbmVyKCdjbGljaycpXG4gIG9uQ2xpY2soKSB7XG4gICAgaWYgKHRoaXMudHJpZ2dlciA9PT0gJ2NsaWNrJykge1xuICAgICAgdGhpcy5leHBhbmRlZCA9ICF0aGlzLmV4cGFuZGVkO1xuICAgIH1cbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ21vdXNlb3ZlcicpXG4gIG9uTW91c2VPdmVyKCkge1xuICAgIGlmICh0aGlzLnRyaWdnZXIgPT09ICdtb3VzZW92ZXInKSB7XG4gICAgICB0aGlzLmV4cGFuZGVkID0gdHJ1ZTtcbiAgICB9XG4gIH1cblxuICBASG9zdExpc3RlbmVyKCdtb3VzZW91dCcpXG4gIG9uTW91c2VPdXQoKSB7XG4gICAgaWYgKHRoaXMudHJpZ2dlciA9PT0gJ21vdXNlb3ZlcicpIHtcbiAgICAgIHRoaXMuZXhwYW5kZWQgPSBmYWxzZTtcbiAgICB9XG4gIH1cblxuICBASG9zdExpc3RlbmVyKCdmb2N1c291dCcsIFsnJGV2ZW50J10pXG4gIG9uRm9jdXNPdXQoZXZlbnQpIHtcbiAgICBpZiAoIXRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmNvbnRhaW5zKGV2ZW50LnJlbGF0ZWRUYXJnZXQpKSB7XG4gICAgICB0aGlzLmV4cGFuZGVkID0gZmFsc2U7XG4gICAgfVxuICB9XG59XG4iXX0=