123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990 |
- var __extends = (this && this.__extends) || (function () {
- var extendStatics = Object.setPrototypeOf ||
- ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
- function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
- return function (d, b) {
- extendStatics(d, b);
- function __() { this.constructor = d; }
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
- };
- })();
- (function (factory) {
- if (typeof module === "object" && typeof module.exports === "object") {
- var v = factory(require, exports);
- if (v !== undefined) module.exports = v;
- }
- else if (typeof define === "function" && define.amd) {
- define(["require", "exports", "@angular/core", "../../config/config", "../ion"], factory);
- }
- })(function (require, exports) {
- "use strict";
- Object.defineProperty(exports, "__esModule", { value: true });
- var core_1 = require("@angular/core");
- var config_1 = require("../../config/config");
- var ion_1 = require("../ion");
- /**
- * @hidden
- */
- var TabButton = (function (_super) {
- __extends(TabButton, _super);
- function TabButton(config, elementRef, renderer) {
- var _this = _super.call(this, config, elementRef, renderer) || this;
- _this.ionSelect = new core_1.EventEmitter();
- _this.disHover = (config.get('hoverCSS') === false);
- _this.layout = config.get('tabsLayout');
- return _this;
- }
- TabButton.prototype.ngOnInit = function () {
- this.tab.btn = this;
- this.layout = this.tab.parent.tabsLayout || this.layout;
- this.hasTitle = !!this.tab.tabTitle;
- this.hasIcon = !!this.tab.tabIcon && this.layout !== 'icon-hide';
- this.hasTitleOnly = (this.hasTitle && !this.hasIcon);
- this.hasIconOnly = (this.hasIcon && !this.hasTitle);
- this.hasBadge = !!this.tab.tabBadge;
- };
- TabButton.prototype.onClick = function () {
- this.ionSelect.emit(this.tab);
- return false;
- };
- TabButton.prototype.updateHref = function (href) {
- this.setElementAttribute('href', href);
- };
- TabButton.decorators = [
- { type: core_1.Component, args: [{
- selector: '.tab-button',
- template: '<ion-icon *ngIf="tab.tabIcon" [name]="tab.tabIcon" [isActive]="tab.isSelected" class="tab-button-icon"></ion-icon>' +
- '<span *ngIf="tab.tabTitle" class="tab-button-text">{{tab.tabTitle}}</span>' +
- '<ion-badge *ngIf="tab.tabBadge" class="tab-badge" [color]="tab.tabBadgeStyle">{{tab.tabBadge}}</ion-badge>' +
- '<div class="button-effect"></div>',
- host: {
- '[attr.id]': 'tab._btnId',
- '[attr.aria-controls]': 'tab._tabId',
- '[attr.aria-selected]': 'tab.isSelected',
- '[class.has-title]': 'hasTitle',
- '[class.has-icon]': 'hasIcon',
- '[class.has-title-only]': 'hasTitleOnly',
- '[class.icon-only]': 'hasIconOnly',
- '[class.has-badge]': 'hasBadge',
- '[class.disable-hover]': 'disHover',
- '[class.tab-disabled]': '!tab.enabled',
- '[class.tab-hidden]': '!tab.show',
- }
- },] },
- ];
- /** @nocollapse */
- TabButton.ctorParameters = function () { return [
- { type: config_1.Config, },
- { type: core_1.ElementRef, },
- { type: core_1.Renderer, },
- ]; };
- TabButton.propDecorators = {
- 'tab': [{ type: core_1.Input },],
- 'ionSelect': [{ type: core_1.Output },],
- 'onClick': [{ type: core_1.HostListener, args: ['click',] },],
- };
- return TabButton;
- }(ion_1.Ion));
- exports.TabButton = TabButton;
- });
- //# sourceMappingURL=tab-button.js.map
|