@fivethree/core
Version:
Fivethree Core Components
93 lines • 6.6 kB
JavaScript
/**
* @fileoverview added by tsickle
* Generated from: lib/app-bar/app-bar-tab/app-bar-tab.component.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, Input, Host, HostBinding, ElementRef } from '@angular/core';
import { Router } from '@angular/router';
import { IonTabs } from '@ionic/angular';
import { FivAppBar } from '../app-bar.component';
var FivAppBarTab = /** @class */ (function () {
function FivAppBarTab(appBar, ionTabs, router, el) {
this.appBar = appBar;
this.ionTabs = ionTabs;
this.router = router;
this.el = el;
this.type = 'unbounded';
}
Object.defineProperty(FivAppBarTab.prototype, "active", {
get: /**
* @return {?}
*/
function () {
return this.router.url.endsWith(this.href);
},
enumerable: true,
configurable: true
});
Object.defineProperty(FivAppBarTab.prototype, "classes", {
get: /**
* @return {?}
*/
function () {
return "label-" + this.appBar.titleMode;
},
enumerable: true,
configurable: true
});
/**
* @return {?}
*/
FivAppBarTab.prototype.ngOnInit = /**
* @return {?}
*/
function () { };
/**
* @return {?}
*/
FivAppBarTab.prototype.onClick = /**
* @return {?}
*/
function () {
this.ionTabs.select(this.tab);
};
FivAppBarTab.decorators = [
{ type: Component, args: [{
selector: 'fiv-app-bar-tab',
template: "<ng-template>\n <ng-content></ng-content>\n</ng-template>\n\n<div (click)=\"onClick()\" class=\"tab ion-activatable\" [ngClass]=\"{'active': active}\">\n <ng-content select=\"fiv-icon\"></ng-content>\n <ng-content *ngIf=\"appBar.titleMode === 'show' || (active && appBar.titleMode === 'active-only')\" select=\"ion-label\">\n </ng-content>\n <ion-ripple-effect [type]=\"type\"></ion-ripple-effect>\n</div>",
styles: [":host{width:50%;height:100%;display:inline-block;position:relative}:host .tab{width:100%;height:100%;display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;overflow:visible}:host .tab.active{--fiv-icon-color:var(--fiv-icon-activ-color, var(--ion-color-primary))}:host .tab.active ::ng-deep ion-label{color:var(--ion-color-primary)}:host(.label-hide) ::ng-deep ion-label{display:none}:host(.label-active-only) .tab:not(.active) ::ng-deep ion-label{display:none}"]
}] }
];
/** @nocollapse */
FivAppBarTab.ctorParameters = function () { return [
{ type: FivAppBar, decorators: [{ type: Host }] },
{ type: IonTabs, decorators: [{ type: Host }] },
{ type: Router },
{ type: ElementRef }
]; };
FivAppBarTab.propDecorators = {
tab: [{ type: Input }],
href: [{ type: Input }],
type: [{ type: Input }],
classes: [{ type: HostBinding, args: ['class',] }]
};
return FivAppBarTab;
}());
export { FivAppBarTab };
if (false) {
/** @type {?} */
FivAppBarTab.prototype.tab;
/** @type {?} */
FivAppBarTab.prototype.href;
/** @type {?} */
FivAppBarTab.prototype.type;
/** @type {?} */
FivAppBarTab.prototype.appBar;
/** @type {?} */
FivAppBarTab.prototype.ionTabs;
/** @type {?} */
FivAppBarTab.prototype.router;
/** @type {?} */
FivAppBarTab.prototype.el;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwLWJhci10YWIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGZpdmV0aHJlZS9jb3JlLyIsInNvdXJjZXMiOlsibGliL2FwcC1iYXIvYXBwLWJhci10YWIvYXBwLWJhci10YWIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0FBQUEsT0FBTyxFQUNMLFNBQVMsRUFFVCxLQUFLLEVBQ0wsSUFBSSxFQUNKLFdBQVcsRUFDWCxVQUFVLEVBQ1gsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3pDLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUN6QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFFakQ7SUFrQkUsc0JBQ2lCLE1BQWlCLEVBQ2pCLE9BQWdCLEVBQ3hCLE1BQWMsRUFDZCxFQUFjO1FBSE4sV0FBTSxHQUFOLE1BQU0sQ0FBVztRQUNqQixZQUFPLEdBQVAsT0FBTyxDQUFTO1FBQ3hCLFdBQU0sR0FBTixNQUFNLENBQVE7UUFDZCxPQUFFLEdBQUYsRUFBRSxDQUFZO1FBZGQsU0FBSSxHQUE0QixXQUFXLENBQUM7SUFlbEQsQ0FBQztJQWJKLHNCQUFJLGdDQUFNOzs7O1FBQVY7WUFDRSxPQUFPLElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDN0MsQ0FBQzs7O09BQUE7SUFFRCxzQkFBMEIsaUNBQU87Ozs7UUFBakM7WUFDRSxPQUFPLFdBQVMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxTQUFXLENBQUM7UUFDMUMsQ0FBQzs7O09BQUE7Ozs7SUFTRCwrQkFBUTs7O0lBQVIsY0FBWSxDQUFDOzs7O0lBRWIsOEJBQU87OztJQUFQO1FBQ0UsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQ2hDLENBQUM7O2dCQTdCRixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLGlCQUFpQjtvQkFDM0Isc2FBQTJDOztpQkFFNUM7Ozs7Z0JBTlEsU0FBUyx1QkFxQmIsSUFBSTtnQkF0QkEsT0FBTyx1QkF1QlgsSUFBSTtnQkF4QkEsTUFBTTtnQkFGYixVQUFVOzs7c0JBWVQsS0FBSzt1QkFDTCxLQUFLO3VCQUNMLEtBQUs7MEJBTUwsV0FBVyxTQUFDLE9BQU87O0lBZ0J0QixtQkFBQztDQUFBLEFBOUJELElBOEJDO1NBekJZLFlBQVk7OztJQUN2QiwyQkFBcUI7O0lBQ3JCLDRCQUFzQjs7SUFDdEIsNEJBQXFEOztJQVduRCw4QkFBZ0M7O0lBQ2hDLCtCQUErQjs7SUFDL0IsOEJBQXFCOztJQUNyQiwwQkFBcUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIE9uSW5pdCxcbiAgSW5wdXQsXG4gIEhvc3QsXG4gIEhvc3RCaW5kaW5nLFxuICBFbGVtZW50UmVmXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7IElvblRhYnMgfSBmcm9tICdAaW9uaWMvYW5ndWxhcic7XG5pbXBvcnQgeyBGaXZBcHBCYXIgfSBmcm9tICcuLi9hcHAtYmFyLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Zpdi1hcHAtYmFyLXRhYicsXG4gIHRlbXBsYXRlVXJsOiAnLi9hcHAtYmFyLXRhYi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2FwcC1iYXItdGFiLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgRml2QXBwQmFyVGFiIGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgdGFiOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGhyZWY6IHN0cmluZztcbiAgQElucHV0KCkgdHlwZTogJ2JvdW5kZWQnIHwgJ3VuYm91bmRlZCcgPSAndW5ib3VuZGVkJztcblxuICBnZXQgYWN0aXZlKCkge1xuICAgIHJldHVybiB0aGlzLnJvdXRlci51cmwuZW5kc1dpdGgodGhpcy5ocmVmKTtcbiAgfVxuXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKSBnZXQgY2xhc3NlcygpOiBzdHJpbmcge1xuICAgIHJldHVybiBgbGFiZWwtJHt0aGlzLmFwcEJhci50aXRsZU1vZGV9YDtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKFxuICAgIEBIb3N0KCkgcHVibGljIGFwcEJhcjogRml2QXBwQmFyLFxuICAgIEBIb3N0KCkgcHVibGljIGlvblRhYnM6IElvblRhYnMsXG4gICAgcHVibGljIHJvdXRlcjogUm91dGVyLFxuICAgIHB1YmxpYyBlbDogRWxlbWVudFJlZlxuICApIHt9XG5cbiAgbmdPbkluaXQoKSB7fVxuXG4gIG9uQ2xpY2soKSB7XG4gICAgdGhpcy5pb25UYWJzLnNlbGVjdCh0aGlzLnRhYik7XG4gIH1cbn1cbiJdfQ==