fundamental-ngx
Version:
SAP Fundamentals, implemented in Angular
69 lines • 5.4 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, HostListener, Input, ViewEncapsulation } from '@angular/core';
/**
* The component that represents a product menu.
* Product menu is used for navigating to applications within the product.
* ```html
* <fd-product-menu [control]="productMenuControl"
* [items]="productMenuItems">
* </fd-product-menu>
* ```
*/
export class ProductMenuComponent {
constructor() {
/**
* @hidden
*/
this.productMenuCollapsed = false;
}
/**
* @hidden
* @return {?}
*/
onResize() {
/** @type {?} */
const mq = window.matchMedia('(max-width: 601px)');
mq.matches ? this.productMenuCollapsed = true : this.productMenuCollapsed = false;
}
/**
* @hidden
* @return {?}
*/
ngOnInit() {
this.onResize();
}
}
ProductMenuComponent.decorators = [
{ type: Component, args: [{
selector: 'fd-product-menu',
template: "<div class=\"fd-product-menu\">\n <fd-popover [options]=\"{placement: 'bottom-end'}\"\n [focusTrapped]=\"false\"\n [disabled]=\"!items || items.length === 0\" >\n <fd-popover-control>\n <button class=\"fd-product-menu__control\">\n <span class=\"fd-shellbar__title fd-product-menu__title\">\n {{control}}\n </span>\n </button>\n </fd-popover-control>\n <fd-popover-body>\n <fd-menu>\n <ul fd-menu-list>\n <li fd-menu-item *ngFor=\"let item of items\" (click)=\"item.callback($event)\">\n {{item.name}}\n </li>\n </ul>\n </fd-menu>\n </fd-popover-body>\n </fd-popover>\n</div>\n",
encapsulation: ViewEncapsulation.None
}] }
];
ProductMenuComponent.propDecorators = {
control: [{ type: Input }],
items: [{ type: Input }],
onResize: [{ type: HostListener, args: ['window:resize', [],] }]
};
if (false) {
/**
* The control element to toggle the product menu,
* represented by the name of the current application.
* @type {?}
*/
ProductMenuComponent.prototype.control;
/**
* The items in the product menu.
* @type {?}
*/
ProductMenuComponent.prototype.items;
/**
* @hidden
* @type {?}
*/
ProductMenuComponent.prototype.productMenuCollapsed;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZHVjdC1tZW51LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL2Z1bmRhbWVudGFsLW5neC8iLCJzb3VyY2VzIjpbImxpYi9zaGVsbGJhci9wcm9kdWN0LW1lbnUvcHJvZHVjdC1tZW51LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7Ozs7O0FBZ0IxRixNQUFNLE9BQU8sb0JBQW9CO0lBTGpDOzs7O1FBbUJJLHlCQUFvQixHQUFZLEtBQUssQ0FBQztJQWMxQyxDQUFDOzs7OztJQVZHLFFBQVE7O2NBQ0UsRUFBRSxHQUFHLE1BQU0sQ0FBQyxVQUFVLENBQUMsb0JBQW9CLENBQUM7UUFDbEQsRUFBRSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLG9CQUFvQixHQUFHLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLG9CQUFvQixHQUFHLEtBQUssQ0FBQztJQUN0RixDQUFDOzs7OztJQUdELFFBQVE7UUFDSixJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDcEIsQ0FBQzs7O1lBL0JKLFNBQVMsU0FBQztnQkFDUCxRQUFRLEVBQUUsaUJBQWlCO2dCQUMzQixxMEJBQTRDO2dCQUM1QyxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTthQUN4Qzs7O3NCQU9JLEtBQUs7b0JBSUwsS0FBSzt1QkFPTCxZQUFZLFNBQUMsZUFBZSxFQUFFLEVBQUU7Ozs7Ozs7O0lBWGpDLHVDQUNnQjs7Ozs7SUFHaEIscUNBQ2E7Ozs7O0lBR2Isb0RBQXNDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0TGlzdGVuZXIsIElucHV0LCBPbkluaXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuICogVGhlIGNvbXBvbmVudCB0aGF0IHJlcHJlc2VudHMgYSBwcm9kdWN0IG1lbnUuXG4gKiBQcm9kdWN0IG1lbnUgaXMgdXNlZCBmb3IgbmF2aWdhdGluZyB0byBhcHBsaWNhdGlvbnMgd2l0aGluIHRoZSBwcm9kdWN0LlxuICogYGBgaHRtbFxuICogPGZkLXByb2R1Y3QtbWVudSBbY29udHJvbF09XCJwcm9kdWN0TWVudUNvbnRyb2xcIlxuICogICAgICAgICAgICAgICAgICBbaXRlbXNdPVwicHJvZHVjdE1lbnVJdGVtc1wiPlxuICogPC9mZC1wcm9kdWN0LW1lbnU+XG4gKiBgYGBcbiAqL1xuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdmZC1wcm9kdWN0LW1lbnUnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9wcm9kdWN0LW1lbnUuY29tcG9uZW50Lmh0bWwnLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcbn0pXG5leHBvcnQgY2xhc3MgUHJvZHVjdE1lbnVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gICAgLyoqIFxuICAgICAqIFRoZSBjb250cm9sIGVsZW1lbnQgdG8gdG9nZ2xlIHRoZSBwcm9kdWN0IG1lbnUsXG4gICAgICogcmVwcmVzZW50ZWQgYnkgdGhlIG5hbWUgb2YgdGhlIGN1cnJlbnQgYXBwbGljYXRpb24uIFxuICAgICAqL1xuICAgIEBJbnB1dCgpXG4gICAgY29udHJvbDogc3RyaW5nO1xuXG4gICAgLyoqIFRoZSBpdGVtcyBpbiB0aGUgcHJvZHVjdCBtZW51LiAqL1xuICAgIEBJbnB1dCgpXG4gICAgaXRlbXM6IGFueVtdO1xuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBwcm9kdWN0TWVudUNvbGxhcHNlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBASG9zdExpc3RlbmVyKCd3aW5kb3c6cmVzaXplJywgW10pXG4gICAgb25SZXNpemUoKSB7XG4gICAgICAgIGNvbnN0IG1xID0gd2luZG93Lm1hdGNoTWVkaWEoJyhtYXgtd2lkdGg6IDYwMXB4KScpO1xuICAgICAgICBtcS5tYXRjaGVzID8gdGhpcy5wcm9kdWN0TWVudUNvbGxhcHNlZCA9IHRydWUgOiB0aGlzLnByb2R1Y3RNZW51Q29sbGFwc2VkID0gZmFsc2U7XG4gICAgfVxuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBuZ09uSW5pdCgpIHtcbiAgICAgICAgdGhpcy5vblJlc2l6ZSgpO1xuICAgIH1cblxufVxuIl19