\n * \n */\n\nvar BackButtonElement = function (_BaseElement) {\n _inherits(BackButtonElement, _BaseElement);\n\n /**\n * @attribute modifier\n * @type {String}\n * @description\n * [en]The appearance of the back button.[/en]\n * [ja]バックボタンの見た目を指定します。[/ja]\n */\n\n function BackButtonElement() {\n _classCallCheck(this, BackButtonElement);\n\n var _this = _possibleConstructorReturn(this, (BackButtonElement.__proto__ || Object.getPrototypeOf(BackButtonElement)).call(this));\n\n (0, _contentReady2.default)(_this, function () {\n _this._compile();\n });\n\n _this._options = {};\n _this._boundOnClick = _this._onClick.bind(_this);\n return _this;\n }\n\n _createClass(BackButtonElement, [{\n key: '_updateIcon',\n value: function _updateIcon() {\n var icon = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _util2.default.findChild(this, '.back-button__icon');\n\n icon.innerHTML = _autostyle2.default.getPlatform(this) === 'android' || _util2.default.hasModifier(this, 'material') ? _mdBackButtonIcon2.default : _iosBackButtonIcon2.default;\n }\n }, {\n key: '_compile',\n value: function _compile() {\n _autostyle2.default.prepare(this);\n\n this.classList.add(defaultClassName);\n\n if (!_util2.default.findChild(this, '.back-button__label')) {\n var label = _util2.default.create('span.back-button__label');\n\n while (this.childNodes[0]) {\n label.appendChild(this.childNodes[0]);\n }\n this.appendChild(label);\n }\n\n if (!_util2.default.findChild(this, '.back-button__icon')) {\n var icon = _util2.default.create('span.back-button__icon');\n this._updateIcon(icon);\n\n this.insertBefore(icon, this.children[0]);\n }\n\n _util2.default.updateRipple(this, undefined, { center: '', 'size': 'contain', 'background': 'transparent' });\n\n _modifierUtil2.default.initModifier(this, scheme);\n }\n\n /**\n * @property options\n * @type {Object}\n * @description\n * [en]Options object.[/en]\n * [ja]オプションを指定するオブジェクト。[/ja]\n */\n\n /**\n * @property options.animation\n * @type {String}\n * @description\n * [en]Animation name. Available animations are \"slide\", \"lift\", \"fade\" and \"none\".\n * These are platform based animations. For fixed animations, add \"-ios\" or \"-md\"\n * suffix to the animation name. E.g. \"lift-ios\", \"lift-md\". Defaults values are \"slide-ios\" and \"fade-md\".\n * [/en]\n * [ja][/ja]\n */\n\n /**\n * @property options.animationOptions\n * @type {String}\n * @description\n * [en]Specify the animation's duration, delay and timing. E.g. `{duration: 0.2, delay: 0.4, timing: 'ease-in'}`[/en]\n * [ja]アニメーション時のduration, delay, timingを指定します。e.g. `{duration: 0.2, delay: 0.4, timing: 'ease-in'}` [/ja]\n */\n\n /**\n * @property options.callback\n * @type {String}\n * @description\n * [en]Function that is called when the transition has ended.[/en]\n * [ja]このメソッドによる画面遷移が終了した際に呼び出される関数オブジェクトを指定します。[/ja]\n */\n\n /**\n * @property options.refresh\n * @description\n * [en]The previous page will be refreshed (destroyed and created again) before popPage action.[/en]\n * [ja]popPageする前に、前にあるページを生成しなおして更新する場合にtrueを指定します。[/ja]\n */\n\n }, {\n key: '_onClick',\n\n\n /**\n * @property onClick\n * @type {Function}\n * @description\n * [en]Used to override the default back button behavior.[/en]\n * [ja][/ja]\n */\n value: function _onClick() {\n if (this.onClick) {\n this.onClick.apply(this);\n } else {\n var navigator = _util2.default.findParent(this, 'ons-navigator');\n if (navigator) {\n navigator.popPage(this.options);\n }\n }\n }\n }, {\n key: 'connectedCallback',\n value: function connectedCallback() {\n this.addEventListener('click', this._boundOnClick, false);\n }\n }, {\n key: 'attributeChangedCallback',\n value: function attributeChangedCallback(name, last, current) {\n switch (name) {\n case 'class':\n if (!this.classList.contains(defaultClassName)) {\n this.className = defaultClassName + ' ' + current;\n }\n break;\n\n case 'modifier':\n {\n _modifierUtil2.default.onModifierChanged(last, current, this, scheme) && this._updateIcon();\n break;\n }\n }\n }\n }, {\n key: 'disconnectedCallback',\n value: function disconnectedCallback() {\n this.removeEventListener('click', this._boundOnClick, false);\n }\n }, {\n key: 'show',\n value: function show() {\n this.style.display = 'inline-block';\n }\n }, {\n key: 'hide',\n value: function hide() {\n this.style.display = 'none';\n }\n }, {\n key: 'options',\n get: function get() {\n return this._options;\n },\n set: function set(object) {\n this._options = object;\n }\n }], [{\n key: 'observedAttributes',\n get: function get() {\n return ['modifier', 'class'];\n }\n }]);\n\n return BackButtonElement;\n}(_baseElement2.default);\n\nexports.default = BackButtonElement;\n\n\ncustomElements.define('ons-back-button', BackButtonElement);\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 84 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _util = __webpack_require__(0);\n\nvar _util2 = _interopRequireDefault(_util);\n\nvar _autostyle = __webpack_require__(4);\n\nvar _autostyle2 = _interopRequireDefault(_autostyle);\n\nvar _modifierUtil = __webpack_require__(3);\n\nvar _modifierUtil2 = _interopRequireDefault(_modifierUtil);\n\nvar _baseElement = __webpack_require__(1);\n\nvar _baseElement2 = _interopRequireDefault(_baseElement);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /*\n Copyright 2013-2015 ASIAL CORPORATION\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n you may not use this file except in compliance with the License.\n You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n distributed under the License is distributed on an \"AS IS\" BASIS,\n WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n See the License for the specific language governing permissions and\n limitations under the License.\n \n */\n\nvar defaultClassName = 'bottom-bar';\nvar scheme = { '': 'bottom-bar--*' };\n\n/**\n * @element ons-bottom-toolbar\n * @category page\n * @description\n * [en]Toolbar component that is positioned at the bottom of the page.[/en]\n * [ja]ページ下部に配置されるツールバー用コンポーネントです。[/ja]\n * @modifier transparent\n * [en]Make the toolbar transparent.[/en]\n * [ja]ツールバーの背景を透明にして表示します。[/ja]\n * @seealso ons-toolbar [en]ons-toolbar component[/en][ja]ons-toolbarコンポーネント[/ja]\n * @example\n *
\n * Content\n * \n */\n\nvar BottomToolbarElement = function (_BaseElement) {\n _inherits(BottomToolbarElement, _BaseElement);\n\n /**\n * @attribute modifier\n * @type {String}\n * @description\n * [en]The appearance of the toolbar.[/en]\n * [ja]ツールバーの見た目の表現を指定します。[/ja]\n */\n\n function BottomToolbarElement() {\n _classCallCheck(this, BottomToolbarElement);\n\n var _this = _possibleConstructorReturn(this, (BottomToolbarElement.__proto__ || Object.getPrototypeOf(BottomToolbarElement)).call(this));\n\n _this.classList.add(defaultClassName);\n _modifierUtil2.default.initModifier(_this, scheme);\n return _this;\n }\n\n _createClass(BottomToolbarElement, [{\n key: 'connectedCallback',\n value: function connectedCallback() {\n if (_util2.default.match(this.parentNode, 'ons-page')) {\n this.parentNode.classList.add('page-with-bottom-toolbar');\n }\n }\n }, {\n key: 'attributeChangedCallback',\n value: function attributeChangedCallback(name, last, current) {\n switch (name) {\n case 'class':\n if (!this.classList.contains(defaultClassName)) {\n this.className = defaultClassName + ' ' + current;\n }\n break;\n case 'modifier':\n _modifierUtil2.default.onModifierChanged(last, current, this, scheme);\n break;\n }\n }\n }], [{\n key: 'observedAttributes',\n get: function get() {\n return ['modifier', 'class'];\n }\n }]);\n\n return BottomToolbarElement;\n}(_baseElement2.default);\n\nexports.default = BottomToolbarElement;\n\n\ncustomElements.define('ons-bottom-toolbar', BottomToolbarElement);\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 85 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _util = __webpack_require__(0);\n\nvar _util2 = _interopRequireDefault(_util);\n\nvar _autostyle = __webpack_require__(4);\n\nvar _autostyle2 = _interopRequireDefault(_autostyle);\n\nvar _modifierUtil = __webpack_require__(3);\n\nvar _modifierUtil2 = _interopRequireDefault(_modifierUtil);\n\nvar _baseElement = __webpack_require__(1);\n\nvar _baseElement2 = _interopRequireDefault(_baseElement);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /*\n Copyright 2013-2015 ASIAL CORPORATION\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n you may not use this file except in compliance with the License.\n You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n distributed under the License is distributed on an \"AS IS\" BASIS,\n WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n See the License for the specific language governing permissions and\n limitations under the License.\n \n */\n\nvar scheme = { '': 'button--*' };\n\nvar defaultClassName = 'button';\n\n/**\n * @element ons-button\n * @category form\n * @modifier outline\n * [en]Button with outline and transparent background[/en]\n * [ja]アウトラインを持ったボタンを表示します。[/ja]\n * @modifier light\n * [en]Button that doesn't stand out.[/en]\n * [ja]目立たないボタンを表示します。[/ja]\n * @modifier quiet\n * [en]Button with no outline and or background..[/en]\n * [ja]枠線や背景が無い文字だけのボタンを表示します。[/ja]\n * @modifier cta\n * [en]Button that really stands out.[/en]\n * [ja]目立つボタンを表示します。[/ja]\n * @modifier large\n * [en]Large button that covers the width of the screen.[/en]\n * [ja]横いっぱいに広がる大きなボタンを表示します。[/ja]\n * @modifier large--quiet\n * [en]Large quiet button.[/en]\n * [ja]横いっぱいに広がるquietボタンを表示します。[/ja]\n * @modifier large--cta\n * [en]Large call to action button.[/en]\n * [ja]横いっぱいに広がるctaボタンを表示します。[/ja]\n * @modifier material\n * [en]Material Design button[/en]\n * [ja]マテリアルデザインのボタン[/ja]\n * @modifier material--flat\n * [en]Material Design flat button[/en]\n * [ja]マテリアルデザインのフラットボタン[/ja]\n * @description\n * [en]\n * Button component. If you want to place a button in a toolbar, use `
` or `` instead.\n *\n * Will automatically display as a Material Design button with a ripple effect on Android.\n * [/en]\n * [ja]ボタン用コンポーネント。ツールバーにボタンを設置する場合は、ons-toolbar-buttonもしくはons-back-buttonコンポーネントを使用します。[/ja]\n * @codepen hLayx\n * @tutorial vanilla/Reference/button\n * @guide using-modifier [en]More details about the `modifier` attribute[/en][ja]modifier属性の使い方[/ja]\n * @guide cross-platform-styling [en]Information about cross platform styling[/en][ja]Information about cross platform styling[/ja]\n * @example\n * \n * Tap Me\n * \n */\n\nvar ButtonElement = function (_BaseElement) {\n _inherits(ButtonElement, _BaseElement);\n\n /**\n * @attribute modifier\n * @type {String}\n * @description\n * [en]The appearance of the button.[/en]\n * [ja]ボタンの表現を指定します。[/ja]\n */\n\n /**\n * @attribute ripple\n * @description\n * [en]If this attribute is defined, the button will have a ripple effect.[/en]\n * [ja][/ja]\n */\n\n /**\n * @attribute disabled\n * @description\n * [en]Specify if button should be disabled.[/en]\n * [ja]ボタンを無効化する場合は指定します。[/ja]\n */\n\n function ButtonElement() {\n _classCallCheck(this, ButtonElement);\n\n var _this = _possibleConstructorReturn(this, (ButtonElement.__proto__ || Object.getPrototypeOf(ButtonElement)).call(this));\n\n _this._compile();\n return _this;\n }\n\n _createClass(ButtonElement, [{\n key: 'attributeChangedCallback',\n value: function attributeChangedCallback(name, last, current) {\n switch (name) {\n case 'class':\n if (!this.classList.contains(defaultClassName)) {\n this.className = defaultClassName + ' ' + current;\n }\n break;\n case 'modifier':\n _modifierUtil2.default.onModifierChanged(last, current, this, scheme);\n break;\n case 'ripple':\n this._updateRipple();\n }\n }\n\n /**\n * @property disabled\n * @type {Boolean}\n * @description\n * [en]Whether the button is disabled or not.[/en]\n * [ja]無効化されている場合に`true`。[/ja]\n */\n\n }, {\n key: '_compile',\n value: function _compile() {\n _autostyle2.default.prepare(this);\n\n this.classList.add(defaultClassName);\n\n this._updateRipple();\n\n _modifierUtil2.default.initModifier(this, scheme);\n }\n }, {\n key: '_updateRipple',\n value: function _updateRipple() {\n _util2.default.updateRipple(this);\n }\n }, {\n key: 'disabled',\n set: function set(value) {\n return _util2.default.toggleAttribute(this, 'disabled', value);\n },\n get: function get() {\n return this.hasAttribute('disabled');\n }\n }], [{\n key: 'observedAttributes',\n get: function get() {\n return ['modifier', 'ripple', 'class'];\n }\n }]);\n\n return ButtonElement;\n}(_baseElement2.default);\n\nexports.default = ButtonElement;\n\n\ncustomElements.define('ons-button', ButtonElement);\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 86 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _autostyle = __webpack_require__(4);\n\nvar _autostyle2 = _interopRequireDefault(_autostyle);\n\nvar _modifierUtil = __webpack_require__(3);\n\nvar _modifierUtil2 = _interopRequireDefault(_modifierUtil);\n\nvar _baseElement = __webpack_require__(1);\n\nvar _baseElement2 = _interopRequireDefault(_baseElement);\n\nvar _contentReady = __webpack_require__(2);\n\nvar _contentReady2 = _interopRequireDefault(_contentReady);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /*\n Copyright 2013-2015 ASIAL CORPORATION\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n you may not use this file except in compliance with the License.\n You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n distributed under the License is distributed on an \"AS IS\" BASIS,\n WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n See the License for the specific language governing permissions and\n limitations under the License.\n \n */\n\nvar defaultClassName = 'card';\nvar scheme = {\n '': 'card--*',\n '.card__title': 'card--*__title',\n '.card__content': 'card--*__content'\n};\n\n/**\n * @element ons-card\n * @category visual\n * @modifier material\n * [en]A card with material design.[/en]\n * [ja]リストの上下のボーダーが無いリストを表示します。[/ja]\n * @description\n * [en]\n * Component to create a card that displays some information.\n *\n * The card may be composed by divs with specially prepared classes `title` and/or `content`. You can also add your own content as you please.[/en]\n * [ja][/ja]\n * @tutorial vanilla/Reference/card\n * @example\n * \n * Some content
\n * \n */\n\nvar CardElement = function (_BaseElement) {\n _inherits(CardElement, _BaseElement);\n\n /**\n * @attribute modifier\n * @type {String}\n * @description\n * [en]The appearance of the card.[/en]\n * [ja]リストの表現を指定します。[/ja]\n */\n\n function CardElement() {\n _classCallCheck(this, CardElement);\n\n var _this = _possibleConstructorReturn(this, (CardElement.__proto__ || Object.getPrototypeOf(CardElement)).call(this));\n\n (0, _contentReady2.default)(_this, function () {\n _this._compile();\n });\n return _this;\n }\n\n _createClass(CardElement, [{\n key: '_compile',\n value: function _compile() {\n var title = void 0,\n content = void 0;\n\n for (var i = 0; i < this.children.length; i++) {\n var el = this.children[i];\n\n if (el.classList.contains('title')) {\n el.classList.add('card__title');\n title = el;\n } else if (el.classList.contains('content')) {\n el.classList.add('card__content');\n content = el;\n }\n }\n\n _autostyle2.default.prepare(this);\n this.classList.add(defaultClassName);\n _modifierUtil2.default.initModifier(this, scheme);\n }\n }, {\n key: 'attributeChangedCallback',\n value: function attributeChangedCallback(name, last, current) {\n switch (name) {\n case 'class':\n if (!this.classList.contains(defaultClassName)) {\n this.className = defaultClassName + ' ' + current;\n }\n break;\n case 'modifier':\n _modifierUtil2.default.onModifierChanged(last, current, this, scheme);\n break;\n }\n }\n }], [{\n key: 'observedAttributes',\n get: function get() {\n return ['modifier', 'class'];\n }\n }]);\n\n return CardElement;\n}(_baseElement2.default);\n\nexports.default = CardElement;\n\n\ncustomElements.define('ons-card', CardElement);\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 87 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _util = __webpack_require__(0);\n\nvar _util2 = _interopRequireDefault(_util);\n\nvar _baseElement = __webpack_require__(1);\n\nvar _baseElement2 = _interopRequireDefault(_baseElement);\n\nvar _modifierUtil = __webpack_require__(3);\n\nvar _modifierUtil2 = _interopRequireDefault(_modifierUtil);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /*\n Copyright 2013-2015 ASIAL CORPORATION\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n you may not use this file except in compliance with the License.\n You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n distributed under the License is distributed on an \"AS IS\" BASIS,\n WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n See the License for the specific language governing permissions and\n limitations under the License.\n \n */\n\nvar scheme = { '': 'carousel-item--*' };\n\n/**\n * @element ons-carousel-item\n * @category carousel\n * @description\n * [en]\n * Carousel item component. Used as a child of the `` element.\n * [/en]\n * [ja][/ja]\n * @codepen xbbzOQ\n * @tutorial vanilla/Reference/carousel\n * @seealso ons-carousel\n * [en]`` components[/en]\n * [ja]コンポーネント[/ja]\n * @example\n * \n * \n * ...\n * \n * \n * ...\n * \n * \n */\n\nvar CarouselItemElement = function (_BaseElement) {\n _inherits(CarouselItemElement, _BaseElement);\n\n function CarouselItemElement() {\n _classCallCheck(this, CarouselItemElement);\n\n var _this = _possibleConstructorReturn(this, (CarouselItemElement.__proto__ || Object.getPrototypeOf(CarouselItemElement)).call(this));\n\n _this.style.width = '100%';\n _modifierUtil2.default.initModifier(_this, scheme);\n return _this;\n }\n\n _createClass(CarouselItemElement, [{\n key: 'attributeChangedCallback',\n value: function attributeChangedCallback(name, last, current) {\n if (name === 'modifier') {\n return _modifierUtil2.default.onModifierChanged(last, current, this, scheme);\n }\n }\n }], [{\n key: 'observedAttributes',\n get: function get() {\n return ['modifier'];\n }\n }]);\n\n return CarouselItemElement;\n}(_baseElement2.default);\n\nexports.default = CarouselItemElement;\n\n\ncustomElements.define('ons-carousel-item', CarouselItemElement);\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 88 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _typeof = typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _util = __webpack_require__(0);\n\nvar _util2 = _interopRequireDefault(_util);\n\nvar _baseElement = __webpack_require__(1);\n\nvar _baseElement2 = _interopRequireDefault(_baseElement);\n\nvar _gestureDetector = __webpack_require__(14);\n\nvar _gestureDetector2 = _interopRequireDefault(_gestureDetector);\n\nvar _doorlock = __webpack_require__(32);\n\nvar _doorlock2 = _interopRequireDefault(_doorlock);\n\nvar _animit = __webpack_require__(5);\n\nvar _animit2 = _interopRequireDefault(_animit);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /*\n Copyright 2013-2015 ASIAL CORPORATION\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n you may not use this file except in compliance with the License.\n You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n distributed under the License is distributed on an \"AS IS\" BASIS,\n WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n See the License for the specific language governing permissions and\n limitations under the License.\n \n */\n\nvar VerticalModeTrait = {\n\n _getScrollDelta: function _getScrollDelta(event) {\n return event.gesture.deltaY;\n },\n\n _getScrollVelocity: function _getScrollVelocity(event) {\n return event.gesture.velocityY;\n },\n\n _getElementSize: function _getElementSize() {\n if (!this._currentElementSize) {\n var styling = window.getComputedStyle(this, null);\n this._currentElementSize = this.getBoundingClientRect().height - parseInt(styling.getPropertyValue('border-top-width')) - parseInt(styling.getPropertyValue('border-bottom-width'));\n }\n\n return this._currentElementSize;\n },\n\n _generateScrollTransform: function _generateScrollTransform(scroll) {\n return 'translate3d(0px, ' + -scroll + 'px, 0px)';\n },\n\n _updateDimensionData: function _updateDimensionData() {\n this._style = window.getComputedStyle(this);\n this._dimensions = this.getBoundingClientRect();\n },\n\n _updateOffset: function _updateOffset() {\n if (this.centered) {\n var height = (this._dimensions.height || 0) - parseInt(this._style.paddingTop, 10) - parseInt(this._style.paddingBottom, 10);\n this._offset = -(height - this._getCarouselItemSize()) / 2;\n }\n },\n\n _layoutCarouselItems: function _layoutCarouselItems() {\n var children = this._getCarouselItemElements();\n\n var sizeAttr = this._getCarouselItemSizeAttr();\n var sizeInfo = this._decomposeSizeString(sizeAttr);\n\n for (var i = 0; i < children.length; i++) {\n children[i].style.position = 'absolute';\n children[i].style.height = sizeAttr;\n children[i].style.visibility = 'visible';\n children[i].style.top = i * sizeInfo.number + sizeInfo.unit;\n }\n },\n\n _setup: function _setup() {\n this._updateDimensionData();\n this._updateOffset();\n this._layoutCarouselItems();\n }\n};\n\nvar HorizontalModeTrait = {\n\n _getScrollDelta: function _getScrollDelta(event) {\n return event.gesture.deltaX;\n },\n\n _getScrollVelocity: function _getScrollVelocity(event) {\n return event.gesture.velocityX;\n },\n\n _getElementSize: function _getElementSize() {\n if (!this._currentElementSize) {\n var styling = window.getComputedStyle(this, null);\n this._currentElementSize = this.getBoundingClientRect().width - parseInt(styling.getPropertyValue('border-right-width')) - parseInt(styling.getPropertyValue('border-left-width'));\n }\n\n return this._currentElementSize;\n },\n\n _generateScrollTransform: function _generateScrollTransform(scroll) {\n return 'translate3d(' + -scroll + 'px, 0px, 0px)';\n },\n\n _updateDimensionData: function _updateDimensionData() {\n this._style = window.getComputedStyle(this);\n this._dimensions = this.getBoundingClientRect();\n },\n\n _updateOffset: function _updateOffset() {\n if (this.centered) {\n var width = (this._dimensions.width || 0) - parseInt(this._style.paddingLeft, 10) - parseInt(this._style.paddingRight, 10);\n this._offset = -(width - this._getCarouselItemSize()) / 2;\n }\n },\n\n _layoutCarouselItems: function _layoutCarouselItems() {\n var children = this._getCarouselItemElements();\n\n var sizeAttr = this._getCarouselItemSizeAttr();\n var sizeInfo = this._decomposeSizeString(sizeAttr);\n\n for (var i = 0; i < children.length; i++) {\n children[i].style.position = 'absolute';\n children[i].style.width = sizeAttr;\n children[i].style.visibility = 'visible';\n children[i].style.left = i * sizeInfo.number + sizeInfo.unit;\n }\n },\n\n _setup: function _setup() {\n this._updateDimensionData();\n this._updateOffset();\n this._layoutCarouselItems();\n }\n};\n\n/**\n * @element ons-carousel\n * @category carousel\n * @description\n * [en]\n * Carousel component. A carousel can be used to display several items in the same space.\n *\n * The component supports displaying content both horizontally and vertically. The user can scroll through the items by dragging and it can also be controller programmatically.\n * [/en]\n * [ja][/ja]\n * @codepen xbbzOQ\n * @tutorial vanilla/Reference/carousel\n * @seealso ons-carousel-item\n * [en]`` component[/en]\n * [ja]ons-carousel-itemコンポーネント[/ja]\n * @example\n * \n * \n * ...\n * \n * \n * ...\n * \n * \n */\n\nvar CarouselElement = function (_BaseElement) {\n _inherits(CarouselElement, _BaseElement);\n\n /**\n * @event postchange\n * @description\n * [en]Fired just after the current carousel item has changed.[/en]\n * [ja]現在表示しているカルーセルの要素が変わった時に発火します。[/ja]\n * @param {Object} event\n * [en]Event object.[/en]\n * [ja]イベントオブジェクトです。[/ja]\n * @param {Object} event.carousel\n * [en]Carousel object.[/en]\n * [ja]イベントが発火したCarouselオブジェクトです。[/ja]\n * @param {Number} event.activeIndex\n * [en]Current active index.[/en]\n * [ja]現在アクティブになっている要素のインデックス。[/ja]\n * @param {Number} event.lastActiveIndex\n * [en]Previous active index.[/en]\n * [ja]以前アクティブだった要素のインデックス。[/ja]\n */\n\n /**\n * @event refresh\n * @description\n * [en]Fired when the carousel has been refreshed.[/en]\n * [ja]カルーセルが更新された時に発火します。[/ja]\n * @param {Object} event\n * [en]Event object.[/en]\n * [ja]イベントオブジェクトです。[/ja]\n * @param {Object} event.carousel\n * [en]Carousel object.[/en]\n * [ja]イベントが発火したCarouselオブジェクトです。[/ja]\n */\n\n /**\n * @event overscroll\n * @description\n * [en]Fired when the carousel has been overscrolled.[/en]\n * [ja]カルーセルがオーバースクロールした時に発火します。[/ja]\n * @param {Object} event\n * [en]Event object.[/en]\n * [ja]イベントオブジェクトです。[/ja]\n * @param {Object} event.carousel\n * [en]Fired when the carousel has been refreshed.[/en]\n * [ja]カルーセルが更新された時に発火します。[/ja]\n * @param {Number} event.activeIndex\n * [en]Current active index.[/en]\n * [ja]現在アクティブになっている要素のインデックス。[/ja]\n * @param {String} event.direction\n * [en]Can be one of either \"up\", \"down\", \"left\" or \"right\".[/en]\n * [ja]オーバースクロールされた方向が得られます。\"up\", \"down\", \"left\", \"right\"のいずれかの方向が渡されます。[/ja]\n * @param {Function} event.waitToReturn\n * [en]Takes a Promise object as an argument. The carousel will not scroll back until the promise has been resolved or rejected.[/en]\n * [ja]この関数はPromiseオブジェクトを引数として受け取ります。渡したPromiseオブジェクトがresolveされるかrejectされるまで、カルーセルはスクロールバックしません。[/ja]\n */\n\n /**\n * @attribute direction\n * @type {String}\n * @description\n * [en]The direction of the carousel. Can be either \"horizontal\" or \"vertical\". Default is \"horizontal\".[/en]\n * [ja]カルーセルの方向を指定します。\"horizontal\"か\"vertical\"を指定できます。\"horizontal\"がデフォルト値です。[/ja]\n */\n\n /**\n * @attribute fullscreen\n * @description\n * [en]If this attribute is set the carousel will cover the whole screen.[/en]\n * [ja]この属性があると、absoluteポジションを使ってカルーセルが自動的に画面いっぱいに広がります。[/ja]\n */\n\n /**\n * @attribute overscrollable\n * @description\n * [en]If this attribute is set the carousel will be scrollable over the edge. It will bounce back when released.[/en]\n * [ja]この属性がある時、タッチやドラッグで端までスクロールした時に、バウンドするような効果が当たります。[/ja]\n */\n\n /**\n * @attribute centered\n * @description\n * [en]If this attribute is set the carousel then the selected item will be in the center of the carousel instead of the beginning. Useful only when the items are smaller than the carousel. [/en]\n * [ja]この属性がある時、選んでいるons-carousel-itemはカルーセルの真ん中へ行きます。項目がカルーセルよりも小さい場合にのみ、これは便利です。[/ja]\n */\n\n /**\n * @attribute item-width\n * @type {String}\n * @description\n * [en]ons-carousel-item's width. Only works when the direction is set to \"horizontal\".[/en]\n * [ja]ons-carousel-itemの幅を指定します。この属性は、direction属性に\"horizontal\"を指定した時のみ有効になります。[/ja]\n */\n\n /**\n * @attribute item-height\n * @type {String}\n * @description\n * [en]ons-carousel-item's height. Only works when the direction is set to \"vertical\".[/en]\n * [ja]ons-carousel-itemの高さを指定します。この属性は、direction属性に\"vertical\"を指定した時のみ有効になります。[/ja]\n */\n\n /**\n * @attribute auto-scroll\n * @description\n * [en]If this attribute is set the carousel will be automatically scrolled to the closest item border when released.[/en]\n * [ja]この属性がある時、一番近いcarousel-itemの境界まで自動的にスクロールするようになります。[/ja]\n */\n\n /**\n * @attribute auto-scroll-ratio\n * @type {Number}\n * @description\n * [en]A number between 0.0 and 1.0 that specifies how much the user must drag the carousel in order for it to auto scroll to the next item.[/en]\n * [ja]0.0から1.0までの値を指定します。カルーセルの要素をどれぐらいの割合までドラッグすると次の要素に自動的にスクロールするかを指定します。[/ja]\n */\n\n /**\n * @attribute swipeable\n * @description\n * [en]If this attribute is set the carousel can be scrolled by drag or swipe.[/en]\n * [ja]この属性がある時、カルーセルをスワイプやドラッグで移動できるようになります。[/ja]\n */\n\n /**\n * @attribute disabled\n * @description\n * [en]If this attribute is set the carousel is disabled.[/en]\n * [ja]この属性がある時、dragやtouchやswipeを受け付けなくなります。[/ja]\n */\n\n /**\n * @attribute initial-index\n * @initonly\n * @type {Number}\n * @description\n * [en]Specify the index of the ons-carousel-item to show initially. Default is 0.[/en]\n * [ja]最初に表示するons-carousel-itemを0始まりのインデックスで指定します。デフォルト値は 0 です。[/ja]\n */\n\n /**\n * @attribute auto-refresh\n * @description\n * [en]When this attribute is set the carousel will automatically refresh when the number of child nodes change.[/en]\n * [ja]この属性がある時、子要素の数が変わるとカルーセルは自動的に更新されるようになります。[/ja]\n */\n\n /**\n * @attribute animation\n * @type {String}\n * @description\n * [en]If this attribute is set to `\"none\"` the transitions will not be animated.[/en]\n * [ja][/ja]\n */\n\n /**\n * @attribute animation-options\n * @type {Expression}\n * @description\n * [en]Specify the animation's duration, timing and delay with an object literal. E.g. `{duration: 0.2, delay: 1, timing: 'ease-in'}`.[/en]\n * [ja]アニメーション時のduration, timing, delayをオブジェクトリテラルで指定します。例：{duration: 0.2, delay: 1, timing: 'ease-in'}[/ja]\n */\n\n function CarouselElement() {\n _classCallCheck(this, CarouselElement);\n\n var _this = _possibleConstructorReturn(this, (CarouselElement.__proto__ || Object.getPrototypeOf(CarouselElement)).call(this));\n\n _this._doorLock = new _doorlock2.default();\n _this._scroll = 0;\n _this._offset = 0;\n _this._lastActiveIndex = 0;\n\n _this._boundOnDragStart = _this._onDragStart.bind(_this);\n _this._boundOnDrag = _this._onDrag.bind(_this);\n _this._boundOnDragEnd = _this._onDragEnd.bind(_this);\n _this._boundOnResize = _this._onResize.bind(_this);\n\n _this._mixin(_this._isVertical() ? VerticalModeTrait : HorizontalModeTrait);\n return _this;\n }\n\n _createClass(CarouselElement, [{\n key: '_onResize',\n value: function _onResize() {\n var i = this._scroll / this._currentElementSize;\n delete this._currentElementSize;\n this.setActiveIndex(i);\n\n this.refresh();\n }\n }, {\n key: '_onDirectionChange',\n value: function _onDirectionChange() {\n if (this._isVertical()) {\n this.style.overflowX = 'auto';\n this.style.overflowY = '';\n } else {\n this.style.overflowX = '';\n this.style.overflowY = 'auto';\n }\n\n this.refresh();\n }\n }, {\n key: '_saveLastState',\n value: function _saveLastState() {\n this._lastState = {\n elementSize: this._getCarouselItemSize(),\n carouselElementCount: this.itemCount,\n width: this._getCarouselItemSize() * this.itemCount\n };\n }\n\n /**\n * @return {Number}\n */\n\n }, {\n key: '_getCarouselItemSize',\n value: function _getCarouselItemSize() {\n var sizeAttr = this._getCarouselItemSizeAttr();\n var sizeInfo = this._decomposeSizeString(sizeAttr);\n var elementSize = this._getElementSize();\n\n if (sizeInfo.unit === '%') {\n return Math.round(sizeInfo.number / 100 * elementSize);\n } else if (sizeInfo.unit === 'px') {\n return sizeInfo.number;\n } else {\n throw new Error('Invalid state');\n }\n }\n\n /**\n * @return {Number}\n */\n\n }, {\n key: '_getInitialIndex',\n value: function _getInitialIndex() {\n var index = parseInt(this.getAttribute('initial-index'), 10);\n\n if (typeof index === 'number' && !isNaN(index)) {\n return Math.max(Math.min(index, this.itemCount - 1), 0);\n } else {\n return 0;\n }\n }\n\n /**\n * @return {String}\n */\n\n }, {\n key: '_getCarouselItemSizeAttr',\n value: function _getCarouselItemSizeAttr() {\n var attrName = 'item-' + (this._isVertical() ? 'height' : 'width');\n var itemSizeAttr = ('' + this.getAttribute(attrName)).trim();\n\n return itemSizeAttr.match(/^\\d+(px|%)$/) ? itemSizeAttr : '100%';\n }\n\n /**\n * @return {Object}\n */\n\n }, {\n key: '_decomposeSizeString',\n value: function _decomposeSizeString(size) {\n var matches = size.match(/^(\\d+)(px|%)/);\n\n return {\n number: parseInt(matches[1], 10),\n unit: matches[2]\n };\n }\n }, {\n key: '_setupInitialIndex',\n value: function _setupInitialIndex() {\n this._scroll = (this._offset || 0) + this._getCarouselItemSize() * this._getInitialIndex();\n this._lastActiveIndex = this._getInitialIndex();\n this._scrollTo(this._scroll);\n }\n\n /**\n * @method setActiveIndex\n * @signature setActiveIndex(index, [options])\n * @param {Number} index\n * [en]The index that the carousel should be set to.[/en]\n * [ja]carousel要素のインデックスを指定します。[/ja]\n * @param {Object} [options]\n * [en]Parameter object.[/en]\n * [ja][/ja]\n * @param {Function} [options.callback]\n * [en]A function that will be called after the animation is finished.[/en]\n * [ja][/ja]\n * @param {String} [options.animation]\n * [en]If this attribute is set to `\"none\"` the transitions will not be animated.[/en]\n * [ja][/ja]\n * @param {Object} [options.animationOptions]\n * [en]An object that can be used to specify duration, delay and timing function of the animation.[/en]\n * [ja][/ja]\n * @description\n * [en]Specify the index of the `` to show.[/en]\n * [ja]表示するons-carousel-itemをindexで指定します。[/ja]\n * @return {Promise}\n * [en]Resolves to the carousel element.[/en]\n * [ja][/ja]\n */\n\n }, {\n key: 'setActiveIndex',\n value: function setActiveIndex(index) {\n var _this2 = this;\n\n var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n\n if (options && (typeof options === 'undefined' ? 'undefined' : _typeof(options)) != 'object') {\n throw new Error('options must be an object. You supplied ' + options);\n }\n\n options.animation = options.animation || this.getAttribute('animation');\n options.animationOptions = _util2.default.extend({ duration: 0.3, timing: 'cubic-bezier(.1, .7, .1, 1)' }, options.animationOptions || {}, this.hasAttribute('animation-options') ? _util2.default.animationOptionsParse(this.getAttribute('animation-options')) : {});\n\n index = Math.max(0, Math.min(index, this.itemCount - 1));\n var scroll = (this._offset || 0) + this._getCarouselItemSize() * index;\n var max = this._calculateMaxScroll();\n\n this._scroll = Math.max(0, Math.min(max, scroll));\n return this._scrollTo(this._scroll, options).then(function () {\n _this2._tryFirePostChangeEvent();\n return _this2;\n });\n }\n\n /**\n * @method getActiveIndex\n * @signature getActiveIndex()\n * @return {Number}\n * [en]The current carousel item index.[/en]\n * [ja]現在表示しているカルーセル要素のインデックスが返されます。[/ja]\n * @description\n * [en]Returns the index of the currently visible ``.[/en]\n * [ja]現在表示されているons-carousel-item要素のインデックスを返します。[/ja]\n */\n\n }, {\n key: 'getActiveIndex',\n value: function getActiveIndex() {\n var scroll = this._scroll - (this._offset || 0);\n var count = this.itemCount;\n var size = this._getCarouselItemSize();\n\n if (scroll < 0) {\n return 0;\n }\n\n var i = void 0;\n for (i = 0; i < count; i++) {\n if (size * i <= scroll && size * (i + 1) > scroll) {\n return i;\n }\n }\n\n // max carousel index\n return i;\n }\n\n /**\n * @method next\n * @signature next([options])\n * @param {Object} [options]\n * [en]Parameter object.[/en]\n * [ja][/ja]\n * @param {Function} [options.callback]\n * [en]A function that will be executed after the animation has finished.[/en]\n * [ja][/ja]\n * @param {String} [options.animation]\n * [en]If this attribute is set to `\"none\"` the transitions will not be animated.[/en]\n * [ja][/ja]\n * @param {Object} [options.animationOptions]\n * [en]An object that can be used to specify the duration, delay and timing function of the animation.[/en]\n * [ja][/ja]\n * @return {Promise}\n * [en]Resolves to the carousel element[/en]\n * [ja][/ja]\n * @description\n * [en]Show next ``.[/en]\n * [ja]次のons-carousel-itemを表示します。[/ja]\n */\n\n }, {\n key: 'next',\n value: function next(options) {\n return this.setActiveIndex(this.getActiveIndex() + 1, options);\n }\n\n /**\n * @method prev\n * @signature prev([options])\n * @param {Object} [options]\n * [en]Parameter object.[/en]\n * [ja][/ja]\n * @param {Function} [options.callback]\n * [en]A function that will be executed after the animation has finished.[/en]\n * [ja][/ja]\n * @param {String} [options.animation]\n * [en]If this attribute is set to `\"none\"` the transitions will not be animated.[/en]\n * [ja][/ja]\n * @param {Object} [options.animationOptions]\n * [en]An object that can be used to specify the duration, delay and timing function of the animation.[/en]\n * [ja][/ja]\n * @return {Promise}\n * [en]Resolves to the carousel element[/en]\n * [ja][/ja]\n * @description\n * [en]Show previous ``.[/en]\n * [ja]前のons-carousel-itemを表示します。[/ja]\n */\n\n }, {\n key: 'prev',\n value: function prev(options) {\n return this.setActiveIndex(this.getActiveIndex() - 1, options);\n }\n\n /**\n * @return {Boolean}\n */\n\n }, {\n key: '_isEnabledChangeEvent',\n value: function _isEnabledChangeEvent() {\n var elementSize = this._getElementSize();\n var carouselItemSize = this._getCarouselItemSize();\n\n return this.autoScroll && Math.abs(elementSize - carouselItemSize) < 0.5;\n }\n\n /**\n * @return {Boolean}\n */\n\n }, {\n key: '_isVertical',\n value: function _isVertical() {\n return this.getAttribute('direction') === 'vertical';\n }\n }, {\n key: '_show',\n value: function _show() {\n window.addEventListener('resize', this._boundOnResize, true);\n }\n }, {\n key: '_prepareEventListeners',\n value: function _prepareEventListeners() {\n var _this3 = this;\n\n this._gestureDetector = new _gestureDetector2.default(this, {\n dragMinDistance: 1,\n dragLockToAxis: true\n });\n this._mutationObserver = new MutationObserver(function () {\n return _this3.refresh();\n });\n\n this._updateSwipeable();\n this._updateAutoRefresh();\n\n window.addEventListener('resize', this._boundOnResize, true);\n }\n }, {\n key: '_hide',\n value: function _hide() {\n window.removeEventListener('resize', this._boundOnResize, true);\n }\n }, {\n key: '_removeEventListeners',\n value: function _removeEventListeners() {\n this._gestureDetector.dispose();\n this._gestureDetector = null;\n\n this._mutationObserver.disconnect();\n this._mutationObserver = null;\n\n window.removeEventListener('resize', this._boundOnResize, true);\n }\n }, {\n key: '_updateSwipeable',\n value: function _updateSwipeable() {\n if (this._gestureDetector) {\n var action = this.swipeable ? 'on' : 'off';\n this._gestureDetector[action]('drag', this._boundOnDrag);\n this._gestureDetector[action]('dragstart', this._boundOnDragStart);\n this._gestureDetector[action]('dragend', this._boundOnDragEnd);\n }\n }\n }, {\n key: '_updateAutoRefresh',\n value: function _updateAutoRefresh() {\n if (this._mutationObserver) {\n if (this.hasAttribute('auto-refresh')) {\n this._mutationObserver.observe(this, { childList: true });\n } else {\n this._mutationObserver.disconnect();\n }\n }\n }\n }, {\n key: '_tryFirePostChangeEvent',\n value: function _tryFirePostChangeEvent() {\n var currentIndex = this.getActiveIndex();\n\n if (this._lastActiveIndex !== currentIndex) {\n var lastActiveIndex = this._lastActiveIndex;\n this._lastActiveIndex = currentIndex;\n\n _util2.default.triggerElementEvent(this, 'postchange', {\n carousel: this,\n activeIndex: currentIndex,\n lastActiveIndex: lastActiveIndex\n });\n }\n }\n }, {\n key: '_canConsumeGesture',\n value: function _canConsumeGesture(gesture) {\n var d = gesture.direction;\n var isFirst = this._scroll === 0 && !this.overscrollable;\n var isLast = this._scroll === this._calculateMaxScroll() && !this.overscrollable;\n\n return this._isVertical() ? d === 'down' && !isFirst || d === 'up' && !isLast : d === 'right' && !isFirst || d === 'left' && !isLast;\n }\n }, {\n key: '_onDragStart',\n value: function _onDragStart(event) {\n var _this4 = this;\n\n this._ignoreDrag = event.consumed;\n\n if (event.gesture && !this._ignoreDrag) {\n var consume = event.consume;\n event.consume = function () {\n consume && consume();_this4._ignoreDrag = true;\n };\n if (this._canConsumeGesture(event.gesture)) {\n consume && consume();\n event.consumed = true;\n this._started = true; // Avoid starting drag from outside\n }\n }\n }\n }, {\n key: '_onDrag',\n value: function _onDrag(event) {\n if (!event.gesture || this._ignoreDrag || !this._canConsumeGesture(event.gesture) || !this._started) {\n return;\n }\n\n event.stopPropagation();\n\n this._lastDragEvent = event;\n\n var scroll = this._scroll - this._getScrollDelta(event);\n this._scrollTo(scroll);\n event.gesture.preventDefault();\n\n this._tryFirePostChangeEvent();\n }\n }, {\n key: '_onDragEnd',\n value: function _onDragEnd(event) {\n var _this5 = this;\n\n this._started = false;\n if (!event.gesture || !this._lastDragEvent || this._ignoreDrag) {\n return;\n }\n\n event.stopPropagation();\n\n this._currentElementSize = undefined;\n this._scroll = this._scroll - this._getScrollDelta(event);\n\n if (this._isOverScroll(this._scroll)) {\n var waitForAction = false;\n _util2.default.triggerElementEvent(this, 'overscroll', {\n carousel: this,\n activeIndex: this.getActiveIndex(),\n direction: this._getOverScrollDirection(),\n waitToReturn: function waitToReturn(promise) {\n waitForAction = true;\n promise.then(function () {\n return _this5._scrollToKillOverScroll();\n });\n }\n });\n\n if (!waitForAction) {\n this._scrollToKillOverScroll();\n }\n } else {\n this._startMomentumScroll();\n }\n this._lastDragEvent = null;\n\n event.gesture.preventDefault();\n }\n\n /**\n * @param {Object} trait\n */\n\n }, {\n key: '_mixin',\n value: function _mixin(trait) {\n Object.keys(trait).forEach(function (key) {\n this[key] = trait[key];\n }.bind(this));\n }\n }, {\n key: '_startMomentumScroll',\n value: function _startMomentumScroll() {\n if (this._lastDragEvent) {\n var velocity = this._getScrollVelocity(this._lastDragEvent);\n var duration = 0.3;\n var scrollDelta = duration * 100 * velocity;\n var scroll = this._normalizeScrollPosition(this._scroll + (this._getScrollDelta(this._lastDragEvent) > 0 ? -scrollDelta : scrollDelta));\n\n this._scroll = scroll;\n\n (0, _animit2.default)(this._getCarouselItemElements()).queue({\n transform: this._generateScrollTransform(this._scroll)\n }, {\n duration: duration,\n timing: 'cubic-bezier(.1, .7, .1, 1)'\n }).queue(function (done) {\n done();\n this._tryFirePostChangeEvent();\n }.bind(this)).play();\n }\n }\n }, {\n key: '_normalizeScrollPosition',\n value: function _normalizeScrollPosition(scroll) {\n var max = this._calculateMaxScroll();\n\n if (!this.autoScroll) {\n return Math.max(0, Math.min(max, scroll));\n }\n var arr = [];\n var size = this._getCarouselItemSize();\n var nbrOfItems = this.itemCount;\n\n for (var i = 0; i < nbrOfItems; i++) {\n if (i * size + this._offset < max) {\n arr.push(i * size + this._offset);\n }\n }\n arr.push(max);\n\n arr.sort(function (left, right) {\n left = Math.abs(left - scroll);\n right = Math.abs(right - scroll);\n\n return left - right;\n });\n\n arr = arr.filter(function (item, pos) {\n return !pos || item != arr[pos - 1];\n });\n\n var lastScroll = this._lastActiveIndex * size + this._offset;\n var scrollRatio = Math.abs(scroll - lastScroll) / size;\n var result = arr[0];\n\n if (scrollRatio <= this.autoScrollRatio) {\n result = lastScroll;\n } else if (scrollRatio < 1.0) {\n if (arr[0] === lastScroll && arr.length > 1) {\n result = arr[1];\n }\n }\n\n return Math.max(0, Math.min(max, result));\n }\n\n /**\n * @return {Array}\n */\n\n }, {\n key: '_getCarouselItemElements',\n value: function _getCarouselItemElements() {\n return _util2.default.arrayFrom(this.children).filter(function (child) {\n return child.nodeName.toLowerCase() === 'ons-carousel-item';\n });\n }\n\n /**\n * @param {Number} scroll\n * @param {Object} [options]\n * @return {Promise} Resolves to the carousel element\n */\n\n }, {\n key: '_scrollTo',\n value: function _scrollTo(scroll) {\n var _this6 = this;\n\n var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n\n var isOverscrollable = this.overscrollable;\n\n var normalizeScroll = function normalizeScroll(scroll) {\n var ratio = 0.35;\n\n if (scroll < 0) {\n return isOverscrollable ? Math.round(scroll * ratio) : 0;\n }\n\n var maxScroll = _this6._calculateMaxScroll();\n if (maxScroll < scroll) {\n return isOverscrollable ? maxScroll + Math.round((scroll - maxScroll) * ratio) : maxScroll;\n }\n\n return scroll;\n };\n\n return new Promise(function (resolve) {\n (0, _animit2.default)(_this6._getCarouselItemElements()).queue({\n transform: _this6._generateScrollTransform(normalizeScroll(scroll))\n }, options.animation !== 'none' ? options.animationOptions : {}).play(function () {\n if (options.callback instanceof Function) {\n options.callback();\n }\n resolve();\n });\n });\n }\n }, {\n key: '_calculateMaxScroll',\n value: function _calculateMaxScroll() {\n var max = this.itemCount * this._getCarouselItemSize() - this._getElementSize();\n return Math.ceil(max < 0 ? 0 : max); // Need to return an integer value.\n }\n }, {\n key: '_isOverScroll',\n value: function _isOverScroll(scroll) {\n if (scroll < 0 || scroll > this._calculateMaxScroll()) {\n return true;\n }\n return false;\n }\n }, {\n key: '_getOverScrollDirection',\n value: function _getOverScrollDirection() {\n if (this._isVertical()) {\n return this._scroll <= 0 ? 'up' : 'down';\n } else {\n return this._scroll <= 0 ? 'left' : 'right';\n }\n }\n }, {\n key: '_scrollToKillOverScroll',\n value: function _scrollToKillOverScroll() {\n var duration = 0.4;\n\n if (this._scroll < 0) {\n (0, _animit2.default)(this._getCarouselItemElements()).queue({\n transform: this._generateScrollTransform(0)\n }, {\n duration: duration,\n timing: 'cubic-bezier(.1, .4, .1, 1)'\n }).queue(function (done) {\n done();\n this._tryFirePostChangeEvent();\n }.bind(this)).play();\n this._scroll = 0;\n return;\n }\n\n var maxScroll = this._calculateMaxScroll();\n\n if (maxScroll < this._scroll) {\n (0, _animit2.default)(this._getCarouselItemElements()).queue({\n transform: this._generateScrollTransform(maxScroll)\n }, {\n duration: duration,\n timing: 'cubic-bezier(.1, .4, .1, 1)'\n }).queue(function (done) {\n done();\n this._tryFirePostChangeEvent();\n }.bind(this)).play();\n this._scroll = maxScroll;\n return;\n }\n\n return;\n }\n\n /**\n * @property itemCount\n * @readonly\n * @type {Number}\n * @description\n * [en]The number of carousel items.[/en]\n * [ja]カルーセル要素の数です。[/ja]\n */\n\n }, {\n key: 'refresh',\n\n\n /**\n * @method refresh\n * @signature refresh()\n * @description\n * [en]Update the layout of the carousel. Used when adding `` dynamically or to automatically adjust the size.[/en]\n * [ja]レイアウトや内部の状態を最新のものに更新します。ons-carousel-itemを動的に増やしたり、ons-carouselの大きさを動的に変える際に利用します。[/ja]\n */\n value: function refresh() {\n // Bug fix\n if (this._getCarouselItemSize() === 0) {\n return;\n }\n\n this._mixin(this._isVertical() ? VerticalModeTrait : HorizontalModeTrait);\n this._setup();\n\n if (this._lastState && this._lastState.width > 0) {\n var scroll = this._scroll; // - this._offset;\n\n if (this._isOverScroll(scroll)) {\n this._scrollToKillOverScroll();\n } else {\n if (this.autoScroll) {\n scroll = this._normalizeScrollPosition(scroll);\n }\n\n this._scrollTo(scroll);\n }\n }\n\n this._saveLastState();\n\n _util2.default.triggerElementEvent(this, 'refresh', { carousel: this });\n }\n\n /**\n * @method first\n * @signature first()\n * @param {Object} [options]\n * [en]Parameter object.[/en]\n * [ja][/ja]\n * @param {Function} [options.callback]\n * [en]A function that will be executed after the animation has finished.[/en]\n * [ja][/ja]\n * @param {String} [options.animation]\n * [en]If this is set to `\"none\"`, the transitions will not be animated.[/en]\n * [ja][/ja]\n * @param {Object} [options.animationOptions]\n * [en]An object that can be used to specify the duration, delay and timing function of the animation.[/en]\n * [ja][/ja]\n * @return {Promise}\n * [en]Resolves to the carousel element[/en]\n * [ja][/ja]\n * @description\n * [en]Show first ``.[/en]\n * [ja]最初のons-carousel-itemを表示します。[/ja]\n */\n\n }, {\n key: 'first',\n value: function first(options) {\n return this.setActiveIndex(0, options);\n }\n\n /**\n * @method last\n * @signature last()\n * @param {Object} [options]\n * [en]Parameter object.[/en]\n * [ja][/ja]\n * @param {Function} [options.callback]\n * [en]A function that will be executed after the animation has finished.[/en]\n * [ja][/ja]\n * @param {String} [options.animation]\n * [en]If this attribute is set to `\"none\"` the transitions will not be animated.[/en]\n * [ja][/ja]\n * @param {Object} [options.animationOptions]\n * [en]An object that can be used to specify the duration, delay and timing function of the animation.[/en]\n * [ja][/ja]\n * @return {Promise}\n * [en]Resolves to the carousel element[/en]\n * [ja]Resolves to the carousel element[/ja]\n * @description\n * [en]Show last ons-carousel item.[/en]\n * [ja]最後のons-carousel-itemを表示します。[/ja]\n */\n\n }, {\n key: 'last',\n value: function last(options) {\n this.setActiveIndex(Math.max(this.itemCount - 1, 0), options);\n }\n }, {\n key: 'connectedCallback',\n value: function connectedCallback() {\n var _this7 = this;\n\n this._prepareEventListeners();\n\n this._setup();\n this._setupInitialIndex();\n\n this._saveLastState();\n\n // Fix rendering glitch on Android 4.1\n if (this.offsetHeight === 0) {\n setImmediate(function () {\n return _this7.refresh();\n });\n }\n }\n }, {\n key: 'attributeChangedCallback',\n value: function attributeChangedCallback(name, last, current) {\n switch (name) {\n case 'swipeable':\n this._updateSwipeable();\n break;\n case 'auto-refresh':\n this._updateAutoRefresh();\n break;\n case 'direction':\n this._onDirectionChange();\n }\n }\n }, {\n key: 'disconnectedCallback',\n value: function disconnectedCallback() {\n this._removeEventListeners();\n }\n\n /**\n * @property autoScrollRatio\n * @type {Number}\n * @description\n * [en]The current auto scroll ratio. [/en]\n * [ja]現在のオートスクロールのratio値。[/ja]\n */\n\n }, {\n key: 'itemCount',\n get: function get() {\n return this._getCarouselItemElements().length;\n }\n }, {\n key: 'autoScrollRatio',\n get: function get() {\n var attr = this.getAttribute('auto-scroll-ratio');\n\n if (!attr) {\n return 0.5;\n }\n\n var scrollRatio = parseFloat(attr);\n if (scrollRatio < 0.0 || scrollRatio > 1.0) {\n throw new Error('Invalid ratio.');\n }\n\n return isNaN(scrollRatio) ? 0.5 : scrollRatio;\n },\n set: function set(ratio) {\n if (ratio < 0.0 || ratio > 1.0) {\n throw new Error('Invalid ratio.');\n }\n\n this.setAttribute('auto-scroll-ratio', ratio);\n }\n\n /**\n * @property swipeable\n * @type {Boolean}\n * @description\n * [en]true if the carousel is swipeable.[/en]\n * [ja]swipeableであればtrueを返します。[/ja]\n */\n\n }, {\n key: 'swipeable',\n get: function get() {\n return this.hasAttribute('swipeable');\n },\n set: function set(value) {\n return _util2.default.toggleAttribute(this, 'swipeable', value);\n }\n\n /**\n * @property autoScroll\n * @type {Boolean}\n * @description\n * [en]true if auto scroll is enabled.[/en]\n * [ja]オートスクロールが有効であればtrueを返します。[/ja]\n */\n\n }, {\n key: 'autoScroll',\n get: function get() {\n return this.hasAttribute('auto-scroll');\n },\n set: function set(value) {\n return _util2.default.toggleAttribute(this, 'auto-scroll', value);\n }\n\n /**\n * @property disabled\n * @type {Boolean}\n * @description\n * [en]Whether the carousel is disabled or not.[/en]\n * [ja]無効化されている場合に`true`。[/ja]\n */\n\n }, {\n key: 'disabled',\n get: function get() {\n return this.hasAttribute('disabled');\n },\n set: function set(value) {\n return _util2.default.toggleAttribute(this, 'disabled', value);\n }\n\n /**\n * @property overscrollable\n * @type {Boolean}\n * @description\n * [en]Whether the carousel is overscrollable or not.[/en]\n * [ja]overscrollできればtrueを返します。[/ja]\n */\n\n }, {\n key: 'overscrollable',\n get: function get() {\n return this.hasAttribute('overscrollable');\n },\n set: function set(value) {\n return _util2.default.toggleAttribute(this, 'overscrollable', value);\n }\n\n /**\n * @property centered\n * @type {Boolean}\n * @description\n * [en]Whether the carousel is centered or not.[/en]\n * [ja]centered状態になっていればtrueを返します。[/ja]\n */\n\n }, {\n key: 'centered',\n get: function get() {\n return this.hasAttribute('centered');\n },\n set: function set(value) {\n return _util2.default.toggleAttribute(this, 'centered', value);\n }\n }], [{\n key: 'observedAttributes',\n get: function get() {\n return ['swipeable', 'auto-refresh', 'direction'];\n }\n }, {\n key: 'events',\n get: function get() {\n return ['postchange', 'refresh', 'overscroll'];\n }\n }]);\n\n return CarouselElement;\n}(_baseElement2.default);\n\nexports.default = CarouselElement;\n\n\ncustomElements.define('ons-carousel', CarouselElement);\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 89 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _baseCheckbox = __webpack_require__(39);\n\nvar _baseCheckbox2 = _interopRequireDefault(_baseCheckbox);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /*\n Copyright 2013-2015 ASIAL CORPORATION\n Licensed under the Apache License, Version 2.0 (the \"License\");\n you may not use this file except in compliance with the License.\n You may obtain a copy of the License at\n http://www.apache.org/licenses/LICENSE-2.0\n Unless required by applicable law or agreed to in writing, software\n distributed under the License is distributed on an \"AS IS\" BASIS,\n WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n See the License for the specific language governing permissions and\n limitations under the License.\n */\n\nvar scheme = {\n '.checkbox': 'checkbox--*',\n '.checkbox__input': 'checkbox--*__input',\n '.checkbox__checkmark': 'checkbox--*__checkmark'\n};\n\n/**\n * @element ons-checkbox\n * @category form\n * @modifier material\n * [en]Displays a Material Design checkbox.[/en]\n * [ja][/ja]\n * @modifier noborder\n * [en]iOS borderless checkbox.[/en]\n * [ja][/ja]\n * @description\n * [en]\n * A checkbox element. The component will automatically render as a Material Design checkbox on Android devices.\n *\n * Most attributes that can be used for a normal `` element can also be used on the `` element.\n * [/en]\n * [ja][/ja]\n * @tutorial vanilla/Reference/input\n * @seealso ons-switch\n * [en]The `` element is used to display a draggable toggle switch.[/en]\n * [ja][/ja]\n * @seealso ons-radio\n * [en]The `` element is used to display a radio button.[/en]\n * [ja][/ja]\n * @seealso ons-input\n * [en]The `` element is used to display a text input.[/en]\n * [ja][/ja]\n * @seealso ons-search-input\n * [en]The `` element is used to display a search input.[/en]\n * [ja][/ja]\n * @seealso ons-range\n * [en]The `` element is used to display a range slider.[/en]\n * [ja][/ja]\n * @seealso ons-select\n * [en]The `` element is used to display a select box.[/en]\n * [ja][/ja]\n * @guide adding-page-content\n * [en]Using form components[/en]\n * [ja]フォームを使う[/ja]\n * @guide using-modifier [en]More details about the `modifier` attribute[/en][ja]modifier属性の使い方[/ja]\n * @example\n * \n */\n\nvar CheckboxElement = function (_BaseCheckboxElement) {\n _inherits(CheckboxElement, _BaseCheckboxElement);\n\n function CheckboxElement() {\n _classCallCheck(this, CheckboxElement);\n\n return _possibleConstructorReturn(this, (CheckboxElement.__proto__ || Object.getPrototypeOf(CheckboxElement)).apply(this, arguments));\n }\n\n _createClass(CheckboxElement, [{\n key: '_scheme',\n get: function get() {\n return scheme;\n }\n }, {\n key: '_defaultElementClass',\n get: function get() {\n return 'checkbox';\n }\n }, {\n key: 'type',\n get: function get() {\n return 'checkbox';\n }\n\n /**\n * @attribute input-id\n * @type {String}\n * @description\n * [en]Specify the \"id\" attribute of the inner `` element. This is useful when using `