@ngui/collapsable
Advanced tools
Comparing version 0.5.0 to 0.5.1
"use strict"; | ||
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { | ||
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; | ||
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); | ||
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; | ||
return c > 3 && r && Object.defineProperty(target, key, r), r; | ||
}; | ||
var __metadata = (this && this.__metadata) || function (k, v) { | ||
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); | ||
}; | ||
Object.defineProperty(exports, "__esModule", { value: true }); | ||
var core_1 = require("@angular/core"); | ||
@@ -56,24 +48,20 @@ var NguiCollapsableComponent = (function () { | ||
}()); | ||
__decorate([ | ||
core_1.Input('selected'), | ||
__metadata("design:type", String) | ||
], NguiCollapsableComponent.prototype, "selectedIndex", void 0); | ||
__decorate([ | ||
core_1.Input('selected-index-class'), | ||
__metadata("design:type", String) | ||
], NguiCollapsableComponent.prototype, "selectedIndexClass", void 0); | ||
__decorate([ | ||
core_1.Input('selected-contents-class'), | ||
__metadata("design:type", String) | ||
], NguiCollapsableComponent.prototype, "selectedContentsClass", void 0); | ||
NguiCollapsableComponent = __decorate([ | ||
core_1.Component({ | ||
selector: 'ngui-collapsable, [ngui-collapsable]', | ||
encapsulation: core_1.ViewEncapsulation.None, | ||
template: "<ng-content></ng-content>", | ||
styles: ["\n [ngui-collapsable] [index] {\n display: block;\n cursor: pointer;\n position: relative;\n margin: 2px 0 0 0;\n padding: .5em .5em .5em .7em;\n border: 1px solid #cccccc;\n background: #ededed;\n font-weight: normal;\n border-radius: 2px; \n color: #2b2b2b;\n }\n [ngui-collapsable] [index].selected {\n border: 1px solid #003eff;\n background: #007fff;\n color: #ffffff;\n border-radius: 2px 2px 0 0;\n }\n [ngui-collapsable] [contents] {\n border-top: 0;\n background: #ffffff;\n color: #333333;\n padding: 0px;\n border-radius: 0 0 2px 2px;\n height: 0;\n border: 0;\n font-size: 0;\n }\n [ngui-collapsable] [contents].selected {\n height: 50px;\n padding: 10px;\n border: 1px solid #dddddd;\n transition: font-size 0.3s ease-in, height 0.3s ease-in;\n font-size: inherit;\n }\n "], | ||
}), | ||
__metadata("design:paramtypes", [core_1.ViewContainerRef]) | ||
], NguiCollapsableComponent); | ||
NguiCollapsableComponent.decorators = [ | ||
{ type: core_1.Component, args: [{ | ||
selector: 'ngui-collapsable, [ngui-collapsable]', | ||
encapsulation: core_1.ViewEncapsulation.None, | ||
template: "<ng-content></ng-content>", | ||
styles: ["\n [ngui-collapsable] [index] {\n display: block;\n cursor: pointer;\n position: relative;\n margin: 2px 0 0 0;\n padding: .5em .5em .5em .7em;\n border: 1px solid #cccccc;\n background: #ededed;\n font-weight: normal;\n border-radius: 2px; \n color: #2b2b2b;\n }\n [ngui-collapsable] [index].selected {\n border: 1px solid #003eff;\n background: #007fff;\n color: #ffffff;\n border-radius: 2px 2px 0 0;\n }\n [ngui-collapsable] [contents] {\n border-top: 0;\n background: #ffffff;\n color: #333333;\n padding: 0px;\n border-radius: 0 0 2px 2px;\n height: 0;\n border: 0;\n font-size: 0;\n }\n [ngui-collapsable] [contents].selected {\n height: 50px;\n padding: 10px;\n border: 1px solid #dddddd;\n transition: font-size 0.3s ease-in, height 0.3s ease-in;\n font-size: inherit;\n }\n "], | ||
},] }, | ||
]; | ||
/** @nocollapse */ | ||
NguiCollapsableComponent.ctorParameters = function () { return [ | ||
{ type: core_1.ViewContainerRef, }, | ||
]; }; | ||
NguiCollapsableComponent.propDecorators = { | ||
'selectedIndex': [{ type: core_1.Input, args: ['selected',] },], | ||
'selectedIndexClass': [{ type: core_1.Input, args: ['selected-index-class',] },], | ||
'selectedContentsClass': [{ type: core_1.Input, args: ['selected-contents-class',] },], | ||
}; | ||
exports.NguiCollapsableComponent = NguiCollapsableComponent; | ||
//# sourceMappingURL=collapsable.component.js.map |
"use strict"; | ||
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { | ||
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; | ||
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); | ||
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; | ||
return c > 3 && r && Object.defineProperty(target, key, r), r; | ||
}; | ||
var __metadata = (this && this.__metadata) || function (k, v) { | ||
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); | ||
}; | ||
Object.defineProperty(exports, "__esModule", { value: true }); | ||
var core_1 = require("@angular/core"); | ||
@@ -20,11 +12,12 @@ var common_1 = require("@angular/common"); | ||
}()); | ||
NguiCollapsableModule = __decorate([ | ||
core_1.NgModule({ | ||
imports: [common_1.CommonModule, forms_1.FormsModule], | ||
declarations: [collapsable_component_1.NguiCollapsableComponent], | ||
exports: [collapsable_component_1.NguiCollapsableComponent] | ||
}), | ||
__metadata("design:paramtypes", []) | ||
], NguiCollapsableModule); | ||
NguiCollapsableModule.decorators = [ | ||
{ type: core_1.NgModule, args: [{ | ||
imports: [common_1.CommonModule, forms_1.FormsModule], | ||
declarations: [collapsable_component_1.NguiCollapsableComponent], | ||
exports: [collapsable_component_1.NguiCollapsableComponent] | ||
},] }, | ||
]; | ||
/** @nocollapse */ | ||
NguiCollapsableModule.ctorParameters = function () { return []; }; | ||
exports.NguiCollapsableModule = NguiCollapsableModule; | ||
//# sourceMappingURL=collapsable.module.js.map |
@@ -10,3 +10,3 @@ (function webpackUniversalModuleDefinition(root, factory) { | ||
root["collapsable"] = factory(root["@angular/core"], root["@angular/common"], root["@angular/forms"]); | ||
})(this, function(__WEBPACK_EXTERNAL_MODULE_2__, __WEBPACK_EXTERNAL_MODULE_4__, __WEBPACK_EXTERNAL_MODULE_5__) { | ||
})(this, function(__WEBPACK_EXTERNAL_MODULE_1__, __WEBPACK_EXTERNAL_MODULE_4__, __WEBPACK_EXTERNAL_MODULE_5__) { | ||
return /******/ (function(modules) { // webpackBootstrap | ||
@@ -20,10 +20,10 @@ /******/ // The module cache | ||
/******/ // Check if module is in cache | ||
/******/ if(installedModules[moduleId]) | ||
/******/ if(installedModules[moduleId]) { | ||
/******/ return installedModules[moduleId].exports; | ||
/******/ | ||
/******/ } | ||
/******/ // Create a new module (and put it into the cache) | ||
/******/ var module = installedModules[moduleId] = { | ||
/******/ exports: {}, | ||
/******/ id: moduleId, | ||
/******/ loaded: false | ||
/******/ i: moduleId, | ||
/******/ l: false, | ||
/******/ exports: {} | ||
/******/ }; | ||
@@ -35,3 +35,3 @@ /******/ | ||
/******/ // Flag the module as loaded | ||
/******/ module.loaded = true; | ||
/******/ module.l = true; | ||
/******/ | ||
@@ -49,2 +49,28 @@ /******/ // Return the exports of the module | ||
/******/ | ||
/******/ // identity function for calling harmony imports with the correct context | ||
/******/ __webpack_require__.i = function(value) { return value; }; | ||
/******/ | ||
/******/ // define getter function for harmony exports | ||
/******/ __webpack_require__.d = function(exports, name, getter) { | ||
/******/ if(!__webpack_require__.o(exports, name)) { | ||
/******/ Object.defineProperty(exports, name, { | ||
/******/ configurable: false, | ||
/******/ enumerable: true, | ||
/******/ get: getter | ||
/******/ }); | ||
/******/ } | ||
/******/ }; | ||
/******/ | ||
/******/ // getDefaultExport function for compatibility with non-harmony modules | ||
/******/ __webpack_require__.n = function(module) { | ||
/******/ var getter = module && module.__esModule ? | ||
/******/ function getDefault() { return module['default']; } : | ||
/******/ function getModuleExports() { return module; }; | ||
/******/ __webpack_require__.d(getter, 'a', getter); | ||
/******/ return getter; | ||
/******/ }; | ||
/******/ | ||
/******/ // Object.prototype.hasOwnProperty.call | ||
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; | ||
/******/ | ||
/******/ // __webpack_public_path__ | ||
@@ -54,3 +80,3 @@ /******/ __webpack_require__.p = ""; | ||
/******/ // Load entry module and return exports | ||
/******/ return __webpack_require__(0); | ||
/******/ return __webpack_require__(__webpack_require__.s = 3); | ||
/******/ }) | ||
@@ -60,150 +86,151 @@ /************************************************************************/ | ||
/* 0 */ | ||
/***/ function(module, exports, __webpack_require__) { | ||
/***/ (function(module, exports, __webpack_require__) { | ||
"use strict"; | ||
var collapsable_component_1 = __webpack_require__(1); | ||
exports.NguiCollapsableComponent = collapsable_component_1.NguiCollapsableComponent; | ||
var collapsable_module_1 = __webpack_require__(3); | ||
exports.NguiCollapsableModule = collapsable_module_1.NguiCollapsableModule; | ||
"use strict"; | ||
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { | ||
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; | ||
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); | ||
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; | ||
return c > 3 && r && Object.defineProperty(target, key, r), r; | ||
}; | ||
var __metadata = (this && this.__metadata) || function (k, v) { | ||
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); | ||
}; | ||
Object.defineProperty(exports, "__esModule", { value: true }); | ||
var core_1 = __webpack_require__(1); | ||
var NguiCollapsableComponent = (function () { | ||
function NguiCollapsableComponent(viewContainer) { | ||
this.viewContainer = viewContainer; | ||
this.selectedIndexClass = 'selected'; | ||
this.selectedContentsClass = 'selected'; | ||
this.el = this.viewContainer.element.nativeElement; | ||
} | ||
NguiCollapsableComponent.prototype.ngAfterViewInit = function () { | ||
var _this = this; | ||
this.indexEls = [].slice.call(this.el.querySelectorAll('[index]')); | ||
this.contentsEls = [].slice.call(this.el.querySelectorAll('[contents]')); | ||
this.selectTab(this.selectedIndex); | ||
this.indexEls.forEach(function (el) { | ||
el.addEventListener('click', function () { | ||
_this.selectTab(el.getAttribute('index')); | ||
}); | ||
}); | ||
}; | ||
NguiCollapsableComponent.prototype.selectTab = function (id) { | ||
var _this = this; | ||
id = id || this.indexEls[0].getAttribute('index'); | ||
this.indexEls.forEach(function (el) { | ||
_this.removeClass(el, _this.selectedIndexClass); | ||
if (el.getAttribute('index') == id) { | ||
_this.addClass(el, _this.selectedIndexClass); | ||
} | ||
}); | ||
this.contentsEls.forEach(function (el) { | ||
_this.removeClass(el, _this.selectedContentsClass); | ||
if (el.getAttribute('contents') == id) { | ||
_this.addClass(el, _this.selectedContentsClass); | ||
} | ||
}); | ||
}; | ||
NguiCollapsableComponent.prototype.addClass = function (el, str) { | ||
var classNames = (el.className || '').split(' '); | ||
classNames.push(str); | ||
el.className = classNames.join(' '); | ||
}; | ||
NguiCollapsableComponent.prototype.removeClass = function (el, str) { | ||
el.className = (el.className || '').replace(new RegExp('[ ]*' + str), ''); | ||
}; | ||
return NguiCollapsableComponent; | ||
}()); | ||
__decorate([ | ||
core_1.Input('selected'), | ||
__metadata("design:type", String) | ||
], NguiCollapsableComponent.prototype, "selectedIndex", void 0); | ||
__decorate([ | ||
core_1.Input('selected-index-class'), | ||
__metadata("design:type", String) | ||
], NguiCollapsableComponent.prototype, "selectedIndexClass", void 0); | ||
__decorate([ | ||
core_1.Input('selected-contents-class'), | ||
__metadata("design:type", String) | ||
], NguiCollapsableComponent.prototype, "selectedContentsClass", void 0); | ||
NguiCollapsableComponent = __decorate([ | ||
core_1.Component({ | ||
selector: 'ngui-collapsable, [ngui-collapsable]', | ||
encapsulation: core_1.ViewEncapsulation.None, | ||
template: "<ng-content></ng-content>", | ||
styles: ["\n [ngui-collapsable] [index] {\n display: block;\n cursor: pointer;\n position: relative;\n margin: 2px 0 0 0;\n padding: .5em .5em .5em .7em;\n border: 1px solid #cccccc;\n background: #ededed;\n font-weight: normal;\n border-radius: 2px; \n color: #2b2b2b;\n }\n [ngui-collapsable] [index].selected {\n border: 1px solid #003eff;\n background: #007fff;\n color: #ffffff;\n border-radius: 2px 2px 0 0;\n }\n [ngui-collapsable] [contents] {\n border-top: 0;\n background: #ffffff;\n color: #333333;\n padding: 0px;\n border-radius: 0 0 2px 2px;\n height: 0;\n border: 0;\n font-size: 0;\n }\n [ngui-collapsable] [contents].selected {\n height: 50px;\n padding: 10px;\n border: 1px solid #dddddd;\n transition: font-size 0.3s ease-in, height 0.3s ease-in;\n font-size: inherit;\n }\n "], | ||
}), | ||
__metadata("design:paramtypes", [core_1.ViewContainerRef]) | ||
], NguiCollapsableComponent); | ||
exports.NguiCollapsableComponent = NguiCollapsableComponent; | ||
/***/ }, | ||
/***/ }), | ||
/* 1 */ | ||
/***/ function(module, exports, __webpack_require__) { | ||
/***/ (function(module, exports) { | ||
"use strict"; | ||
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { | ||
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; | ||
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); | ||
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; | ||
return c > 3 && r && Object.defineProperty(target, key, r), r; | ||
}; | ||
var __metadata = (this && this.__metadata) || function (k, v) { | ||
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); | ||
}; | ||
var core_1 = __webpack_require__(2); | ||
var NguiCollapsableComponent = (function () { | ||
function NguiCollapsableComponent(viewContainer) { | ||
this.viewContainer = viewContainer; | ||
this.selectedIndexClass = 'selected'; | ||
this.selectedContentsClass = 'selected'; | ||
this.el = this.viewContainer.element.nativeElement; | ||
} | ||
NguiCollapsableComponent.prototype.ngAfterViewInit = function () { | ||
var _this = this; | ||
this.indexEls = [].slice.call(this.el.querySelectorAll('[index]')); | ||
this.contentsEls = [].slice.call(this.el.querySelectorAll('[contents]')); | ||
this.selectTab(this.selectedIndex); | ||
this.indexEls.forEach(function (el) { | ||
el.addEventListener('click', function () { | ||
_this.selectTab(el.getAttribute('index')); | ||
}); | ||
}); | ||
}; | ||
NguiCollapsableComponent.prototype.selectTab = function (id) { | ||
var _this = this; | ||
id = id || this.indexEls[0].getAttribute('index'); | ||
this.indexEls.forEach(function (el) { | ||
_this.removeClass(el, _this.selectedIndexClass); | ||
if (el.getAttribute('index') == id) { | ||
_this.addClass(el, _this.selectedIndexClass); | ||
} | ||
}); | ||
this.contentsEls.forEach(function (el) { | ||
_this.removeClass(el, _this.selectedContentsClass); | ||
if (el.getAttribute('contents') == id) { | ||
_this.addClass(el, _this.selectedContentsClass); | ||
} | ||
}); | ||
}; | ||
NguiCollapsableComponent.prototype.addClass = function (el, str) { | ||
var classNames = (el.className || '').split(' '); | ||
classNames.push(str); | ||
el.className = classNames.join(' '); | ||
}; | ||
NguiCollapsableComponent.prototype.removeClass = function (el, str) { | ||
el.className = (el.className || '').replace(new RegExp('[ ]*' + str), ''); | ||
}; | ||
return NguiCollapsableComponent; | ||
}()); | ||
__decorate([ | ||
core_1.Input('selected'), | ||
__metadata("design:type", String) | ||
], NguiCollapsableComponent.prototype, "selectedIndex", void 0); | ||
__decorate([ | ||
core_1.Input('selected-index-class'), | ||
__metadata("design:type", String) | ||
], NguiCollapsableComponent.prototype, "selectedIndexClass", void 0); | ||
__decorate([ | ||
core_1.Input('selected-contents-class'), | ||
__metadata("design:type", String) | ||
], NguiCollapsableComponent.prototype, "selectedContentsClass", void 0); | ||
NguiCollapsableComponent = __decorate([ | ||
core_1.Component({ | ||
selector: 'ngui-collapsable, [ngui-collapsable]', | ||
encapsulation: core_1.ViewEncapsulation.None, | ||
template: "<ng-content></ng-content>", | ||
styles: ["\n [ngui-collapsable] [index] {\n display: block;\n cursor: pointer;\n position: relative;\n margin: 2px 0 0 0;\n padding: .5em .5em .5em .7em;\n border: 1px solid #cccccc;\n background: #ededed;\n font-weight: normal;\n border-radius: 2px; \n color: #2b2b2b;\n }\n [ngui-collapsable] [index].selected {\n border: 1px solid #003eff;\n background: #007fff;\n color: #ffffff;\n border-radius: 2px 2px 0 0;\n }\n [ngui-collapsable] [contents] {\n border-top: 0;\n background: #ffffff;\n color: #333333;\n padding: 0px;\n border-radius: 0 0 2px 2px;\n height: 0;\n border: 0;\n font-size: 0;\n }\n [ngui-collapsable] [contents].selected {\n height: 50px;\n padding: 10px;\n border: 1px solid #dddddd;\n transition: font-size 0.3s ease-in, height 0.3s ease-in;\n font-size: inherit;\n }\n "], | ||
}), | ||
__metadata("design:paramtypes", [core_1.ViewContainerRef]) | ||
], NguiCollapsableComponent); | ||
exports.NguiCollapsableComponent = NguiCollapsableComponent; | ||
module.exports = __WEBPACK_EXTERNAL_MODULE_1__; | ||
/***/ }, | ||
/***/ }), | ||
/* 2 */ | ||
/***/ function(module, exports) { | ||
/***/ (function(module, exports, __webpack_require__) { | ||
module.exports = __WEBPACK_EXTERNAL_MODULE_2__; | ||
"use strict"; | ||
/***/ }, | ||
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { | ||
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; | ||
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); | ||
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; | ||
return c > 3 && r && Object.defineProperty(target, key, r), r; | ||
}; | ||
Object.defineProperty(exports, "__esModule", { value: true }); | ||
var core_1 = __webpack_require__(1); | ||
var common_1 = __webpack_require__(4); | ||
var forms_1 = __webpack_require__(5); | ||
var collapsable_component_1 = __webpack_require__(0); | ||
var NguiCollapsableModule = (function () { | ||
function NguiCollapsableModule() { | ||
} | ||
return NguiCollapsableModule; | ||
}()); | ||
NguiCollapsableModule = __decorate([ | ||
core_1.NgModule({ | ||
imports: [common_1.CommonModule, forms_1.FormsModule], | ||
declarations: [collapsable_component_1.NguiCollapsableComponent], | ||
exports: [collapsable_component_1.NguiCollapsableComponent] | ||
}) | ||
], NguiCollapsableModule); | ||
exports.NguiCollapsableModule = NguiCollapsableModule; | ||
/***/ }), | ||
/* 3 */ | ||
/***/ function(module, exports, __webpack_require__) { | ||
/***/ (function(module, exports, __webpack_require__) { | ||
"use strict"; | ||
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { | ||
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; | ||
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); | ||
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; | ||
return c > 3 && r && Object.defineProperty(target, key, r), r; | ||
}; | ||
var __metadata = (this && this.__metadata) || function (k, v) { | ||
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); | ||
}; | ||
var core_1 = __webpack_require__(2); | ||
var common_1 = __webpack_require__(4); | ||
var forms_1 = __webpack_require__(5); | ||
var collapsable_component_1 = __webpack_require__(1); | ||
var NguiCollapsableModule = (function () { | ||
function NguiCollapsableModule() { | ||
} | ||
return NguiCollapsableModule; | ||
}()); | ||
NguiCollapsableModule = __decorate([ | ||
core_1.NgModule({ | ||
imports: [common_1.CommonModule, forms_1.FormsModule], | ||
declarations: [collapsable_component_1.NguiCollapsableComponent], | ||
exports: [collapsable_component_1.NguiCollapsableComponent] | ||
}), | ||
__metadata("design:paramtypes", []) | ||
], NguiCollapsableModule); | ||
exports.NguiCollapsableModule = NguiCollapsableModule; | ||
"use strict"; | ||
Object.defineProperty(exports, "__esModule", { value: true }); | ||
var collapsable_component_1 = __webpack_require__(0); | ||
exports.NguiCollapsableComponent = collapsable_component_1.NguiCollapsableComponent; | ||
var collapsable_module_1 = __webpack_require__(2); | ||
exports.NguiCollapsableModule = collapsable_module_1.NguiCollapsableModule; | ||
/***/ }, | ||
/***/ }), | ||
/* 4 */ | ||
/***/ function(module, exports) { | ||
/***/ (function(module, exports) { | ||
module.exports = __WEBPACK_EXTERNAL_MODULE_4__; | ||
module.exports = __WEBPACK_EXTERNAL_MODULE_4__; | ||
/***/ }, | ||
/***/ }), | ||
/* 5 */ | ||
/***/ function(module, exports) { | ||
/***/ (function(module, exports) { | ||
module.exports = __WEBPACK_EXTERNAL_MODULE_5__; | ||
module.exports = __WEBPACK_EXTERNAL_MODULE_5__; | ||
/***/ } | ||
/******/ ]) | ||
/***/ }) | ||
/******/ ]); | ||
}); | ||
; | ||
//# sourceMappingURL=collapsable.umd.js.map |
"use strict"; | ||
Object.defineProperty(exports, "__esModule", { value: true }); | ||
var collapsable_component_1 = require("./collapsable.component"); | ||
@@ -3,0 +4,0 @@ exports.NguiCollapsableComponent = collapsable_component_1.NguiCollapsableComponent; |
{ | ||
"name": "@ngui/collapsable", | ||
"version": "0.5.0", | ||
"version": "0.5.1", | ||
"description": "Angular2 Tab Component", | ||
@@ -30,28 +30,28 @@ "license": "MIT", | ||
"devDependencies": { | ||
"@angular/common": "^4.0.0", | ||
"@angular/compiler": "^4.0.0", | ||
"@angular/compiler-cli": "^4.0.0", | ||
"@angular/core": "^4.0.0", | ||
"@angular/forms": "^4.0.0", | ||
"@angular/http": "^4.0.0", | ||
"@angular/platform-browser": "^4.0.0", | ||
"@angular/platform-browser-dynamic": "^4.0.0", | ||
"@angular/router": "^4.0.0", | ||
"@types/node": "^7.0.12", | ||
"@angular/common": "^4.0.3", | ||
"@angular/compiler": "^4.0.3", | ||
"@angular/compiler-cli": "^4.0.3", | ||
"@angular/core": "^4.0.3", | ||
"@angular/forms": "^4.0.3", | ||
"@angular/http": "^4.0.3", | ||
"@angular/platform-browser": "^4.0.3", | ||
"@angular/platform-browser-dynamic": "^4.0.3", | ||
"@angular/router": "^4.0.3", | ||
"@types/node": "^7.0.13", | ||
"angular2-template-loader": "^0.6.2", | ||
"codelyzer": "^3.0.0-beta.4", | ||
"codelyzer": "^3.0.0", | ||
"core-js": "^2.4.1", | ||
"npm-check-updates": "^2.10.4", | ||
"npm-check-updates": "^2.11.0", | ||
"npm-run-all": "^4.0.2", | ||
"raw-loader": "^0.5.1", | ||
"rimraf": "^2.6.1", | ||
"rxjs": "^5.2.0", | ||
"rxjs": "^5.3.0", | ||
"strip-loader": "^0.1.2", | ||
"ts-loader": "^2.0.3", | ||
"tslint": "^4.5.1", | ||
"tslint": "^5.1.0", | ||
"typescript": "^2.2.2", | ||
"webpack": "^2.3.2", | ||
"webpack-dev-server": "^2.4.2", | ||
"zone.js": "^0.8.5" | ||
"webpack": "^2.4.1", | ||
"webpack-dev-server": "^2.4.4", | ||
"zone.js": "^0.8.9" | ||
} | ||
} |
# collapsable | ||
Angular2 Accordion Component | ||
## IMPORTANT NOTICE | ||
After 0.5.0 or higher, `ng2-collapsable` has been changed to `@ngui/collapsable`. Here are the changes; | ||
* Module `ng2-collapsable` is changed to `@ngui/collapsable`. | ||
* Direvtive `ng2-collapsable` is changed to `ngui-collapsable`. | ||
* Class name `Ng2CollapsableModule` is changed to `NguiCollapsableModule`. | ||
<a href="https://rawgit.com/ng2-ui/collapsable/master/app/index.html"> | ||
@@ -5,0 +13,0 @@ Demo |
@@ -9,6 +9,6 @@ var path = require("path"); | ||
resolve: { | ||
extensions: ['', '.ts', '.js', '.json', '.css', '.html'] | ||
extensions: ['.ts', '.js', '.json', '.css', '.html'] | ||
}, | ||
resolveLoader: { | ||
root: path.join(__dirname, 'node_modules') | ||
modules: [path.join(__dirname, 'node_modules')] | ||
}, | ||
@@ -27,9 +27,9 @@ output: { | ||
module: { | ||
loaders: [ | ||
rules: [ | ||
{ // Support for .ts files. | ||
test: /\.ts$/, | ||
loaders: ['ts', 'angular2-template-loader'] | ||
loaders: ['ts-loader', 'angular2-template-loader'] | ||
} | ||
] | ||
} | ||
}; | ||
}; |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
48999
21
401
87