fundamental-ngx
Version:
SAP Fiori Fundamentals, implemented in Angular
72 lines • 5.75 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, ContentChild, Input, ViewEncapsulation } from '@angular/core';
import { SearchInputComponent } from '../../search-input/search-input.component';
/**
* The component that represents a shellbar action.
* ```html
* <fd-shellbar-action *ngFor="let action of actions"
* [glyph]="action.glyph"
* [callback]="action.callback"
* [label]="action.label"
* [notificationCount]="action.notificationCount"
* [notificationLabel]="action.notificationLabel">
* </fd-shellbar-action>
* ```
*/
var ShellbarActionComponent = /** @class */ (function () {
function ShellbarActionComponent() {
}
ShellbarActionComponent.decorators = [
{ type: Component, args: [{
selector: 'fd-shellbar-action',
template: "<div class=\"fd-shellbar__action fd-shellbar__action--collapsible\">\n <button *ngIf=\"!searchInputComponent\" class=\"fd-button--shell\" (click)=\"callback ? callback($event) : ''\"\n [ngClass]=\"(glyph ? ('sap-icon--' + glyph) : '')\"\n [attr.aria-label]=\"label\">\n <span *ngIf=\"notificationCount\" class=\"fd-counter fd-counter--notification\" [attr.aria-label]=\"notificationLabel\">{{notificationCount}}</span>\n </button>\n <div *ngIf=\"searchInputComponent\" class=\"fd-search-input fd-search-input--closed\">\n <ng-content select=\"fd-search-input\"></ng-content>\n </div>\n</div>\n",
encapsulation: ViewEncapsulation.None
}] }
];
ShellbarActionComponent.propDecorators = {
glyph: [{ type: Input }],
callback: [{ type: Input }],
label: [{ type: Input }],
notificationLabel: [{ type: Input }],
notificationCount: [{ type: Input }],
searchInputComponent: [{ type: ContentChild, args: [SearchInputComponent,] }]
};
return ShellbarActionComponent;
}());
export { ShellbarActionComponent };
if (false) {
/**
* The glyph (icon) name
* @type {?}
*/
ShellbarActionComponent.prototype.glyph;
/**
* Callback that hanldles the response to clicks on any of the actions.
* @type {?}
*/
ShellbarActionComponent.prototype.callback;
/**
* The action label.
* @type {?}
*/
ShellbarActionComponent.prototype.label;
/**
* The notification label.
* @type {?}
*/
ShellbarActionComponent.prototype.notificationLabel;
/**
* Represents the number of notifications.
* @type {?}
*/
ShellbarActionComponent.prototype.notificationCount;
/**
* @hidden
* @type {?}
*/
ShellbarActionComponent.prototype.searchInputComponent;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hlbGxiYXItYWN0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL2Z1bmRhbWVudGFsLW5neC8iLCJzb3VyY2VzIjpbImxpYi9zaGVsbGJhci9zaGVsbGJhci1hY3Rpb24vc2hlbGxiYXItYWN0aW9uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2xGLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDJDQUEyQyxDQUFDOzs7Ozs7Ozs7Ozs7O0FBY2pGO0lBQUE7SUErQkEsQ0FBQzs7Z0JBL0JBLFNBQVMsU0FBQztvQkFDUCxRQUFRLEVBQUUsb0JBQW9CO29CQUM5Qiw2b0JBQStDO29CQUMvQyxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtpQkFDeEM7Ozt3QkFJSSxLQUFLOzJCQUlMLEtBQUs7d0JBSUwsS0FBSztvQ0FJTCxLQUFLO29DQUlMLEtBQUs7dUNBSUwsWUFBWSxTQUFDLG9CQUFvQjs7SUFHdEMsOEJBQUM7Q0FBQSxBQS9CRCxJQStCQztTQTFCWSx1QkFBdUI7Ozs7OztJQUdoQyx3Q0FDYzs7Ozs7SUFHZCwyQ0FDbUI7Ozs7O0lBR25CLHdDQUNjOzs7OztJQUdkLG9EQUMwQjs7Ozs7SUFHMUIsb0RBQzBCOzs7OztJQUcxQix1REFDMkMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENvbnRlbnRDaGlsZCwgSW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTZWFyY2hJbnB1dENvbXBvbmVudCB9IGZyb20gJy4uLy4uL3NlYXJjaC1pbnB1dC9zZWFyY2gtaW5wdXQuY29tcG9uZW50JztcblxuLyoqXG4gKiBUaGUgY29tcG9uZW50IHRoYXQgcmVwcmVzZW50cyBhIHNoZWxsYmFyIGFjdGlvbi5cbiAqIGBgYGh0bWxcbiAqICA8ZmQtc2hlbGxiYXItYWN0aW9uICpuZ0Zvcj1cImxldCBhY3Rpb24gb2YgYWN0aW9uc1wiXG4gKiAgICAgICAgICAgICAgICAgICAgICBbZ2x5cGhdPVwiYWN0aW9uLmdseXBoXCJcbiAqICAgICAgICAgICAgICAgICAgICAgIFtjYWxsYmFja109XCJhY3Rpb24uY2FsbGJhY2tcIlxuICogICAgICAgICAgICAgICAgICAgICAgW2xhYmVsXT1cImFjdGlvbi5sYWJlbFwiXG4gKiAgICAgICAgICAgICAgICAgICAgICBbbm90aWZpY2F0aW9uQ291bnRdPVwiYWN0aW9uLm5vdGlmaWNhdGlvbkNvdW50XCJcbiAqICAgICAgICAgICAgICAgICAgICAgIFtub3RpZmljYXRpb25MYWJlbF09XCJhY3Rpb24ubm90aWZpY2F0aW9uTGFiZWxcIj5cbiAqICA8L2ZkLXNoZWxsYmFyLWFjdGlvbj5cbiAqIGBgYFxuICovXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2ZkLXNoZWxsYmFyLWFjdGlvbicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3NoZWxsYmFyLWFjdGlvbi5jb21wb25lbnQuaHRtbCcsXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxufSlcbmV4cG9ydCBjbGFzcyBTaGVsbGJhckFjdGlvbkNvbXBvbmVudCB7XG5cbiAgICAvKiogVGhlIGdseXBoIChpY29uKSBuYW1lICovXG4gICAgQElucHV0KClcbiAgICBnbHlwaDogc3RyaW5nO1xuXG4gICAgLyoqIENhbGxiYWNrIHRoYXQgaGFubGRsZXMgdGhlIHJlc3BvbnNlIHRvIGNsaWNrcyBvbiBhbnkgb2YgdGhlIGFjdGlvbnMuICovXG4gICAgQElucHV0KClcbiAgICBjYWxsYmFjazogRnVuY3Rpb247XG5cbiAgICAvKiogVGhlIGFjdGlvbiBsYWJlbC4gKi9cbiAgICBASW5wdXQoKVxuICAgIGxhYmVsOiBzdHJpbmc7XG5cbiAgICAvKiogVGhlIG5vdGlmaWNhdGlvbiBsYWJlbC4gKi9cbiAgICBASW5wdXQoKVxuICAgIG5vdGlmaWNhdGlvbkxhYmVsOiBzdHJpbmc7XG5cbiAgICAvKiogUmVwcmVzZW50cyB0aGUgbnVtYmVyIG9mIG5vdGlmaWNhdGlvbnMuICovXG4gICAgQElucHV0KClcbiAgICBub3RpZmljYXRpb25Db3VudDogbnVtYmVyO1xuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBAQ29udGVudENoaWxkKFNlYXJjaElucHV0Q29tcG9uZW50KVxuICAgIHNlYXJjaElucHV0Q29tcG9uZW50OiBTZWFyY2hJbnB1dENvbXBvbmVudDtcblxufVxuIl19