fundamental-ngx
Version:
SAP Fiori Fundamentals, implemented in Angular
52 lines • 4.17 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, HostListener, Input } from '@angular/core';
var ProductMenuComponent = /** @class */ (function () {
function ProductMenuComponent() {
this.productMenuCollapsed = false;
}
/**
* @return {?}
*/
ProductMenuComponent.prototype.onResize = /**
* @return {?}
*/
function () {
/** @type {?} */
var mq = window.matchMedia('(max-width: 601px)');
mq.matches ? this.productMenuCollapsed = true : this.productMenuCollapsed = false;
};
/**
* @return {?}
*/
ProductMenuComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () {
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 <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"
}] }
];
ProductMenuComponent.propDecorators = {
control: [{ type: Input }],
items: [{ type: Input }],
onResize: [{ type: HostListener, args: ['window:resize', [],] }]
};
return ProductMenuComponent;
}());
export { ProductMenuComponent };
if (false) {
/** @type {?} */
ProductMenuComponent.prototype.control;
/** @type {?} */
ProductMenuComponent.prototype.items;
/** @type {?} */
ProductMenuComponent.prototype.productMenuCollapsed;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZHVjdC1tZW51LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL2Z1bmRhbWVudGFsLW5neC8iLCJzb3VyY2VzIjpbImxpYi9zaGVsbGJhci9wcm9kdWN0LW1lbnUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFFdkU7SUFBQTtRQVlJLHlCQUFvQixHQUFZLEtBQUssQ0FBQztJQVkxQyxDQUFDOzs7O0lBVEcsdUNBQVE7OztJQURSOztZQUVVLEVBQUUsR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDLG9CQUFvQixDQUFDO1FBQ2xELEVBQUUsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxvQkFBb0IsR0FBRyxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxvQkFBb0IsR0FBRyxLQUFLLENBQUM7SUFDdEYsQ0FBQzs7OztJQUVELHVDQUFROzs7SUFBUjtRQUNJLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUNwQixDQUFDOztnQkF0QkosU0FBUyxTQUFDO29CQUNQLFFBQVEsRUFBRSxpQkFBaUI7b0JBQzNCLHV3QkFBNEM7aUJBQy9DOzs7MEJBR0ksS0FBSzt3QkFHTCxLQUFLOzJCQUtMLFlBQVksU0FBQyxlQUFlLEVBQUUsRUFBRTs7SUFVckMsMkJBQUM7Q0FBQSxBQXhCRCxJQXdCQztTQXBCWSxvQkFBb0I7OztJQUU3Qix1Q0FDZ0I7O0lBRWhCLHFDQUNhOztJQUViLG9EQUFzQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdExpc3RlbmVyLCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZmQtcHJvZHVjdC1tZW51JyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vcHJvZHVjdC1tZW51LmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBQcm9kdWN0TWVudUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgICBASW5wdXQoKVxuICAgIGNvbnRyb2w6IHN0cmluZztcblxuICAgIEBJbnB1dCgpXG4gICAgaXRlbXM6IGFueVtdO1xuXG4gICAgcHJvZHVjdE1lbnVDb2xsYXBzZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAgIEBIb3N0TGlzdGVuZXIoJ3dpbmRvdzpyZXNpemUnLCBbXSlcbiAgICBvblJlc2l6ZSgpIHtcbiAgICAgICAgY29uc3QgbXEgPSB3aW5kb3cubWF0Y2hNZWRpYSgnKG1heC13aWR0aDogNjAxcHgpJyk7XG4gICAgICAgIG1xLm1hdGNoZXMgPyB0aGlzLnByb2R1Y3RNZW51Q29sbGFwc2VkID0gdHJ1ZSA6IHRoaXMucHJvZHVjdE1lbnVDb2xsYXBzZWQgPSBmYWxzZTtcbiAgICB9XG5cbiAgICBuZ09uSW5pdCgpIHtcbiAgICAgICAgdGhpcy5vblJlc2l6ZSgpO1xuICAgIH1cblxufVxuIl19