UNPKG

@krisdages/aurelia-bootstrap

Version:
150 lines (115 loc) 5.15 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.AubsTabsetCustomElement = undefined; var _dec, _dec2, _class, _desc, _value, _class2, _descriptor, _descriptor2, _descriptor3; var _aureliaFramework = require("aurelia-framework"); var _bootstrapOptions = require("../utils/bootstrap-options"); function _initDefineProp(target, property, descriptor, context) { if (!descriptor) return; Object.defineProperty(target, property, { enumerable: descriptor.enumerable, configurable: descriptor.configurable, writable: descriptor.writable, value: descriptor.initializer ? descriptor.initializer.call(context) : void 0 }); } function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } function _applyDecoratedDescriptor(target, property, decorators, descriptor, context) { var desc = {}; Object['ke' + 'ys'](descriptor).forEach(function (key) { desc[key] = descriptor[key]; }); desc.enumerable = !!desc.enumerable; desc.configurable = !!desc.configurable; if ('value' in desc || desc.initializer) { desc.writable = true; } desc = decorators.slice().reverse().reduce(function (desc, decorator) { return decorator(target, property, desc) || desc; }, desc); if (context && desc.initializer !== void 0) { desc.value = desc.initializer ? desc.initializer.call(context) : void 0; desc.initializer = undefined; } if (desc.initializer === void 0) { Object['define' + 'Property'](target, property, desc); desc = null; } return desc; } function _initializerWarningHelper(descriptor, context) { throw new Error('Decorating class property failed. Please ensure that transform-class-properties is enabled.'); } var AubsTabsetCustomElement = exports.AubsTabsetCustomElement = (_dec = (0, _aureliaFramework.children)({ name: "tabs", selector: "aubs-tab" }), _dec2 = (0, _aureliaFramework.bindable)({ defaultBindingMode: _aureliaFramework.bindingMode.twoWay }), _dec(_class = (_class2 = function () { function AubsTabsetCustomElement() { _classCallCheck(this, AubsTabsetCustomElement); _initDefineProp(this, "type", _descriptor, this); _initDefineProp(this, "vertical", _descriptor2, this); _initDefineProp(this, "active", _descriptor3, this); this.tabsClass = 'nav-tabs'; } AubsTabsetCustomElement.prototype.typeChanged = function typeChanged() { this.tabsClass = this.type === 'pills' ? 'nav-pills' : 'nav-tabs'; }; AubsTabsetCustomElement.prototype.activeChanged = function activeChanged(newValue) { if (!this.tabs || this.tabs.length == 0) { return; } if (newValue > this.tabs.length) { this.active = 0; return; } this.selectTab(this.tabs[this.active], true); }; AubsTabsetCustomElement.prototype.tabsChanged = function tabsChanged() { for (var i = 0; i < this.tabs.length; i++) { var next = this.tabs[i]; next.index = i; } if (this.active >= this.tabs.length) { this.active = 0; } this.selectTab(this.tabs[this.active]); }; AubsTabsetCustomElement.prototype.selectTab = function selectTab(tab) { var force = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false; if (tab.disabled && !force) { return; } this.active = tab.index; this.emitTabChanged(); }; AubsTabsetCustomElement.prototype.emitTabChanged = function emitTabChanged() { for (var _iterator = this.tabs, _isArray = Array.isArray(_iterator), _i = 0, _iterator = _isArray ? _iterator : _iterator[Symbol.iterator]();;) { var _ref; if (_isArray) { if (_i >= _iterator.length) break; _ref = _iterator[_i++]; } else { _i = _iterator.next(); if (_i.done) break; _ref = _i.value; } var next = _ref; next.handleTabChanged(this.active); } }; return AubsTabsetCustomElement; }(), (_descriptor = _applyDecoratedDescriptor(_class2.prototype, "type", [_aureliaFramework.bindable], { enumerable: true, initializer: function initializer() { return _bootstrapOptions.bootstrapOptions.tabsetType; } }), _descriptor2 = _applyDecoratedDescriptor(_class2.prototype, "vertical", [_aureliaFramework.bindable], { enumerable: true, initializer: function initializer() { return _bootstrapOptions.bootstrapOptions.tabsetVertical; } }), _descriptor3 = _applyDecoratedDescriptor(_class2.prototype, "active", [_dec2], { enumerable: true, initializer: function initializer() { return 0; } })), _class2)) || _class);