72 lines
2.8 KiB
JavaScript
72 lines
2.8 KiB
JavaScript
import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
|
|
import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
|
|
import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
|
|
import _inherits from 'babel-runtime/helpers/inherits';
|
|
/*
|
|
Copyright 2013-2015 ASIAL CORPORATION
|
|
|
|
Licensed under the Apache License, Version 2.0 (the "License");
|
|
you may not use this file except in compliance with the License.
|
|
You may obtain a copy of the License at
|
|
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
Unless required by applicable law or agreed to in writing, software
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
See the License for the specific language governing permissions and
|
|
limitations under the License.
|
|
|
|
*/
|
|
|
|
import onsElements from '../ons/elements';
|
|
import BaseElement from './base/base-element';
|
|
|
|
/**
|
|
* @element ons-row
|
|
* @category grid
|
|
* @description
|
|
* [en]Represents a row in the grid system. Use with `<ons-col>` to layout components.[/en]
|
|
* [ja]グリッドシステムにて行を定義します。ons-colとともに使用し、コンポーネントの配置に使用します。[/ja]
|
|
* @codepen GgujC {wide}
|
|
* @guide features.html
|
|
* [en]Layouting guide[/en]
|
|
* [ja]レイアウト調整[/ja]
|
|
* @seealso ons-col
|
|
* [en]The `<ons-col>` component is used as children of `<ons-row>`.[/en]
|
|
* [ja]ons-colコンポーネント[/ja]
|
|
* @note
|
|
* [en]For Android 4.3 and earlier, and iOS6 and earlier, when using mixed alignment with ons-row and ons-col, they may not be displayed correctly. You can use only one vertical-align.[/en]
|
|
* [ja]Android 4.3以前、もしくはiOS 6以前のOSの場合、ons-rowとons-colを組み合わせてそれぞれのons-col要素のvertical-align属性の値に別々の値を指定すると、描画が崩れる場合があります。vertical-align属性の値には一つの値だけを指定できます。[/ja]
|
|
* @example
|
|
* <ons-row>
|
|
* <ons-col width="50px"><ons-icon icon="fa-twitter"></ons-icon></ons-col>
|
|
* <ons-col>Text</ons-col>
|
|
* </ons-row>
|
|
*/
|
|
|
|
/**
|
|
* @attribute vertical-align
|
|
* @type {String}
|
|
* @description
|
|
* [en]Short hand attribute for aligning vertically. Valid values are top, bottom, and center.[/en]
|
|
* [ja]縦に整列するために指定します。top、bottom、centerのいずれかを指定できます。[/ja]
|
|
*/
|
|
|
|
var RowElement = function (_BaseElement) {
|
|
_inherits(RowElement, _BaseElement);
|
|
|
|
function RowElement() {
|
|
_classCallCheck(this, RowElement);
|
|
|
|
return _possibleConstructorReturn(this, (RowElement.__proto__ || _Object$getPrototypeOf(RowElement)).apply(this, arguments));
|
|
}
|
|
|
|
return RowElement;
|
|
}(BaseElement);
|
|
|
|
export default RowElement;
|
|
|
|
|
|
onsElements.Row = RowElement;
|
|
customElements.define('ons-row', RowElement); |