Add bower_components as it contains the resources used by github pages.
This commit is contained in:
31
bower_components/Split.js/.bower.json
vendored
Normal file
31
bower_components/Split.js/.bower.json
vendored
Normal file
@@ -0,0 +1,31 @@
|
||||
{
|
||||
"name": "Split.js",
|
||||
"main": "split.js",
|
||||
"version": "1.0.6",
|
||||
"homepage": "https://github.com/nathancahill/Split.js",
|
||||
"authors": [
|
||||
"Nathan Cahill <nathan@nathancahill.com>"
|
||||
],
|
||||
"description": "A lightweight utility for creating adjustable split views",
|
||||
"keywords": [
|
||||
"css"
|
||||
],
|
||||
"license": "MIT",
|
||||
"ignore": [
|
||||
"**/.*",
|
||||
"node_modules",
|
||||
"bower_components",
|
||||
"test",
|
||||
"tests"
|
||||
],
|
||||
"_release": "1.0.6",
|
||||
"_resolution": {
|
||||
"type": "version",
|
||||
"tag": "v1.0.6",
|
||||
"commit": "2b2563f7ca8ed0ddf732e9c8677db727559fab22"
|
||||
},
|
||||
"_source": "git://github.com/nathancahill/Split.js.git",
|
||||
"_target": "~1.0.6",
|
||||
"_originalSource": "Split.js",
|
||||
"_direct": true
|
||||
}
|
||||
9
bower_components/Split.js/AUTHORS.md
vendored
Normal file
9
bower_components/Split.js/AUTHORS.md
vendored
Normal file
@@ -0,0 +1,9 @@
|
||||
## Authors
|
||||
|
||||
### Lead
|
||||
|
||||
- Nathan Cahill @nathancahill
|
||||
|
||||
### Contributors
|
||||
|
||||
- Rod Montgomery @RodMontgomery
|
||||
15
bower_components/Split.js/Gruntfile.js
vendored
Normal file
15
bower_components/Split.js/Gruntfile.js
vendored
Normal file
@@ -0,0 +1,15 @@
|
||||
module.exports = function(grunt) {
|
||||
grunt.initConfig({
|
||||
pkg: grunt.file.readJSON('package.json'),
|
||||
jasmine: {
|
||||
test: {
|
||||
src: 'split.js',
|
||||
options: {
|
||||
specs: ['test/split.spec.js']
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
grunt.loadNpmTasks('grunt-contrib-jasmine');
|
||||
};
|
||||
19
bower_components/Split.js/LICENSE.txt
vendored
Normal file
19
bower_components/Split.js/LICENSE.txt
vendored
Normal file
@@ -0,0 +1,19 @@
|
||||
Copyright (c) 2015 Nathan Cahill
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in
|
||||
all copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
||||
THE SOFTWARE.
|
||||
166
bower_components/Split.js/README.md
vendored
Normal file
166
bower_components/Split.js/README.md
vendored
Normal file
@@ -0,0 +1,166 @@
|
||||
## Split.js
|
||||
|
||||
[](https://travis-ci.org/nathancahill/Split.js)
|
||||
[](https://raw.githubusercontent.com/nathancahill/Split.js/master/split.min.js)
|
||||
|
||||
Split.js is a lightweight, unopinionated utility for creating adjustable split views or panes. [Demo](http://nathancahill.github.io/Split.js/).
|
||||
|
||||
No dependencies or markup required, just two or more elements with a common parent. Views can be split horizontally or vertically, with draggable gutters inserted between every two elements.
|
||||
|
||||
## Installation
|
||||
|
||||
Install with Bower:
|
||||
|
||||
```shell
|
||||
bower install Split.js
|
||||
```
|
||||
|
||||
NPM:
|
||||
|
||||
```shell
|
||||
npm install split.js
|
||||
```
|
||||
|
||||
Or clone from Github:
|
||||
|
||||
```shell
|
||||
git clone https://github.com/nathancahill/Split.js.git
|
||||
```
|
||||
|
||||
## Documentation
|
||||
|
||||
```js
|
||||
Split(<HTMLElement|selector[]> elements, <options> options?)
|
||||
```
|
||||
|
||||
| Options | Type | Default | Description |
|
||||
|---|---|---|---|
|
||||
| sizes | Array | | Initial sizes of each element in percents or CSS values. |
|
||||
| minSize | Number or Array | 100 | Minimum size of each element. |
|
||||
| gutterSize | Number | 10 | Gutter size in pixels. |
|
||||
| snapOffset | Number | 30 | Snap to minimum width offset in pixels. |
|
||||
| direction | String | 'horizontal' | Direction to split: horizontal or vertical. |
|
||||
| cursor | String | 'grabbing' | Cursor to display while dragging. |
|
||||
| onDrag | Function | | Callback on drag. |
|
||||
| onDragStart | Function | | Callback on drag start. |
|
||||
| onDragEnd | Function | | Callback on drag end. |
|
||||
|
||||
## Usage Examples
|
||||
|
||||
A split with two elements, starting at 25% and 75% wide with 200px minimum width.
|
||||
|
||||
```js
|
||||
Split(['#one', '#two'], {
|
||||
sizes: [25, 75],
|
||||
minSize: 200
|
||||
});
|
||||
```
|
||||
|
||||
A split with three elements, starting with even widths with 100px, 100px and 300px minimum widths, respectively.
|
||||
|
||||
```js
|
||||
Split(['#one', '#two', '#three'], {
|
||||
minSize: [100, 100, 300]
|
||||
});
|
||||
```
|
||||
|
||||
A vertical split with two elements.
|
||||
|
||||
```js
|
||||
Split(['#one', '#two'], {
|
||||
direction: 'vertical'
|
||||
});
|
||||
```
|
||||
|
||||
Specifying the initial widths with CSS values. Not recommended, the size/gutter calculations would have to be done before hand and won't scale on viewport resize.
|
||||
|
||||
```js
|
||||
Split(['#one', '#two'], {
|
||||
sizes: ['200px', '500px']
|
||||
});
|
||||
```
|
||||
|
||||
JSFiddle style is also possible: [Demo](http://nathancahill.github.io/Split.js/examples/jsfiddle.html).
|
||||
|
||||
## CSS
|
||||
|
||||
In being non-opionionated, the only CSS Split.js sets is the widths or heights of the elements. Everything else is left up to you. However, here's some basic CSS to style the gutters with:
|
||||
|
||||
```css
|
||||
.gutter {
|
||||
background-color: #eee;
|
||||
|
||||
background-repeat: no-repeat;
|
||||
background-position: 50%;
|
||||
}
|
||||
|
||||
.gutter.gutter-horizontal {
|
||||
background-image: url('grips/vertical.png');
|
||||
cursor: ew-resize;
|
||||
}
|
||||
|
||||
.gutter.gutter-vertical {
|
||||
background-image: url('grips/horizontal.png');
|
||||
cursor: ns-resize;
|
||||
}
|
||||
```
|
||||
|
||||
Split.js also works best when the elements are sized using `border-box`. The `split` class would have to be added manually to apply these styles:
|
||||
|
||||
```css
|
||||
.split {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
```
|
||||
|
||||
And for horizontal splits, floating the elements with 100% height is useful:
|
||||
|
||||
```css
|
||||
.split, .gutter.gutter-horizontal {
|
||||
height: 100%;
|
||||
float: left;
|
||||
}
|
||||
```
|
||||
|
||||
Overflow can be handled as well:
|
||||
|
||||
```css
|
||||
.split {
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
```
|
||||
|
||||
## Browser Support
|
||||
|
||||
This library uses [calc()](https://developer.mozilla.org/en-US/docs/Web/CSS/calc#AutoCompatibilityTable), [box-sizing](https://developer.mozilla.org/en-US/docs/Web/CSS/box-sizing#AutoCompatibilityTable) and [getBoundingClientRect()](https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect#AutoCompatibilityTable). This features are supported in the following browsers:
|
||||
|
||||
| <img src="http://i.imgur.com/dJC1GUv.png" width="48px" height="48px" alt="Chrome logo"> | <img src="http://i.imgur.com/o1m5RcQ.png" width="48px" height="48px" alt="Firefox logo"> | <img src="http://i.imgur.com/8h3iz5H.png" width="48px" height="48px" alt="Internet Explorer logo"> | <img src="http://i.imgur.com/iQV4nmJ.png" width="48px" height="48px" alt="Opera logo"> | <img src="http://i.imgur.com/j3tgNKJ.png" width="48px" height="48px" alt="Safari logo"> |
|
||||
|:---:|:---:|:---:|:---:|:---:|
|
||||
| 19+ ✔ | 4+ ✔ | 9+ ✔ | 32+ ✔ | 7+ ✔ |
|
||||
|
||||
Gracefully falls back in IE 8 and below to only setting the initial widths/heights and not allowing dragging. IE 8 requires a [polyfill](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/isArray) for `Array.isArray()`
|
||||
|
||||
## License
|
||||
|
||||
Copyright (c) 2015 Nathan Cahill
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in
|
||||
all copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
||||
THE SOFTWARE.
|
||||
21
bower_components/Split.js/bower.json
vendored
Normal file
21
bower_components/Split.js/bower.json
vendored
Normal file
@@ -0,0 +1,21 @@
|
||||
{
|
||||
"name": "Split.js",
|
||||
"main": "split.js",
|
||||
"version": "1.0.6",
|
||||
"homepage": "https://github.com/nathancahill/Split.js",
|
||||
"authors": [
|
||||
"Nathan Cahill <nathan@nathancahill.com>"
|
||||
],
|
||||
"description": "A lightweight utility for creating adjustable split views",
|
||||
"keywords": [
|
||||
"css"
|
||||
],
|
||||
"license": "MIT",
|
||||
"ignore": [
|
||||
"**/.*",
|
||||
"node_modules",
|
||||
"bower_components",
|
||||
"test",
|
||||
"tests"
|
||||
]
|
||||
}
|
||||
86
bower_components/Split.js/examples/jsfiddle.html
vendored
Normal file
86
bower_components/Split.js/examples/jsfiddle.html
vendored
Normal file
@@ -0,0 +1,86 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Split.js</title>
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.css">
|
||||
<style>
|
||||
html, body {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
padding: 8px;
|
||||
background-color: #F6F6F6;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.split {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.content {
|
||||
border: 1px solid #C0C0C0;
|
||||
box-shadow: inset 0 1px 2px #e4e4e4;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.gutter {
|
||||
background-color: transparent;
|
||||
|
||||
background-repeat: no-repeat;
|
||||
background-position: 50%;
|
||||
}
|
||||
|
||||
.gutter.gutter-horizontal {
|
||||
cursor: col-resize;
|
||||
background-image: url('../grips/vertical.png');
|
||||
}
|
||||
|
||||
.gutter.gutter-vertical {
|
||||
cursor: row-resize;
|
||||
background-image: url('../grips/horizontal.png');
|
||||
}
|
||||
|
||||
.split.split-horizontal, .gutter.gutter-horizontal {
|
||||
height: 100%;
|
||||
float: left;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="a" class="split split-horizontal">
|
||||
<div id="c" class="split content"></div>
|
||||
<div id="d" class="split content"></div>
|
||||
</div>
|
||||
<div id="b" class="split split-horizontal">
|
||||
<div id="e" class="split content"></div>
|
||||
<div id="f" class="split content"></div>
|
||||
</div>
|
||||
</body>
|
||||
<script src="../split.js"></script>
|
||||
<script>
|
||||
Split(['#a', '#b'], {
|
||||
gutterSize: 8,
|
||||
cursor: 'col-resize'
|
||||
})
|
||||
|
||||
Split(['#c', '#d'], {
|
||||
direction: 'vertical',
|
||||
sizes: [25, 75],
|
||||
gutterSize: 8,
|
||||
cursor: 'row-resize'
|
||||
})
|
||||
|
||||
Split(['#e', '#f'], {
|
||||
direction: 'vertical',
|
||||
sizes: [25, 75],
|
||||
gutterSize: 8,
|
||||
cursor: 'row-resize'
|
||||
})
|
||||
</script>
|
||||
</html>
|
||||
BIN
bower_components/Split.js/grips/horizontal.png
vendored
Normal file
BIN
bower_components/Split.js/grips/horizontal.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
BIN
bower_components/Split.js/grips/vertical.png
vendored
Normal file
BIN
bower_components/Split.js/grips/vertical.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 91 B |
279
bower_components/Split.js/index.html
vendored
Normal file
279
bower_components/Split.js/index.html
vendored
Normal file
@@ -0,0 +1,279 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Split.js</title>
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.css">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.css">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.8.0/styles/github.min.css">
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.8.0/highlight.min.js"></script>
|
||||
<style>
|
||||
td {
|
||||
padding: 8px 10px;
|
||||
}
|
||||
|
||||
td:first-child {
|
||||
font-family: monospace;
|
||||
}
|
||||
|
||||
h3 {
|
||||
margin-top: 100px;
|
||||
}
|
||||
|
||||
h5 {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
hr {
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
.example-1 {
|
||||
height: 600px;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.example-2, .example-3, .example-4, .example-5 {
|
||||
height: 250px;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
#one, #two {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
#one p {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.example-4, .example-5 {
|
||||
height: 400px;
|
||||
}
|
||||
|
||||
.split p {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.split {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.gutter {
|
||||
background-color: #eee;
|
||||
|
||||
background-repeat: no-repeat;
|
||||
background-position: 50%;
|
||||
}
|
||||
|
||||
.gutter.gutter-horizontal {
|
||||
background-image: url('grips/vertical.png');
|
||||
cursor: ew-resize;
|
||||
}
|
||||
|
||||
.gutter.gutter-vertical {
|
||||
background-image: url('grips/horizontal.png');
|
||||
cursor: ns-resize;
|
||||
}
|
||||
|
||||
.split.split-horizontal, .gutter.gutter-horizontal {
|
||||
height: 100%;
|
||||
float: left;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<a href="https://github.com/nathancahill/Split.js"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_gray_6d6d6d.png"></a>
|
||||
<div class="container">
|
||||
<h3>Split.js</h3>
|
||||
<div class="row example-1">
|
||||
<div id="one" class="split split-horizontal">
|
||||
<p>Split.js is a lightweight, unopinionated utility for creating adjustable split views or panes.</p>
|
||||
<p>
|
||||
No dependencies or markup required, just two or more elements with a common parent.
|
||||
</p>
|
||||
<p>
|
||||
Views can be split horizontally or vertically, with draggable gutters inserted between every two elements.
|
||||
</p>
|
||||
</div>
|
||||
<div id="two" class="split split-horizontal">
|
||||
<h5>Documentation</h5>
|
||||
<hr>
|
||||
<pre><code>Split(<HTMLElement|selector[]> elements, <options> options?)</code></pre>
|
||||
<table class="u-full-width">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Options</th>
|
||||
<th>Type</th>
|
||||
<th>Default</th>
|
||||
<th>Description</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>sizes</td>
|
||||
<td>Array of numbers</td>
|
||||
<td></td>
|
||||
<td>Initial sizes of each element in percents.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>minSize</td>
|
||||
<td>Number or array</td>
|
||||
<td>100</td>
|
||||
<td>Minimum size of each element.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>gutterSize</td>
|
||||
<td>Number</td>
|
||||
<td>10</td>
|
||||
<td>Gutter size in pixels.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>snapOffset</td>
|
||||
<td>Number</td>
|
||||
<td>30</td>
|
||||
<td>Snap to minimum size offset.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>direction</td>
|
||||
<td>String</td>
|
||||
<td>'horizontal'</td>
|
||||
<td>Direction to split: horizontal or vertical.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>cursor</td>
|
||||
<td>String</td>
|
||||
<td>'grabbing'</td>
|
||||
<td>Cursor to display while dragging.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>onDrag</td>
|
||||
<td>Function</td>
|
||||
<td></td>
|
||||
<td>Callback on drag.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>onDragStart</td>
|
||||
<td>Function</td>
|
||||
<td></td>
|
||||
<td>Callback on drag start.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>onDragEnd</td>
|
||||
<td>Function</td>
|
||||
<td></td>
|
||||
<td>Callback on drag end.</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<br><br>
|
||||
<div class="row">
|
||||
<h5>Usage Examples</h5>
|
||||
<hr>
|
||||
<p>A split with two elements, starting at 25% and 75% wide with 200px minimum width.</p>
|
||||
<pre><code>Split(['#one', '#two'], {
|
||||
sizes: [25, 75],
|
||||
minSize: 200
|
||||
});</code></pre>
|
||||
<div class="example-2">
|
||||
<div id="three" class="split split-horizontal">
|
||||
<p>Bacon ipsum dolor amet beef ribs meatloaf picanha pork loin pork chop rump pig sausage bacon shank boudin beef fatback. Pork loin turducken t-bone chicken.</p>
|
||||
</div>
|
||||
<div id="four" class="split split-horizontal">
|
||||
<p>Brisket andouille cow ball tip. Ham ground round short loin tri-tip ribeye t-bone boudin, pork loin turkey drumstick tongue pork chop. Kielbasa doner picanha turducken, swine bacon shank pastrami andouille. Hamburger tongue tenderloin meatball picanha. Rump bresaola chicken bacon, ground round corned beef ribeye salami. Turkey fatback short ribs andouille meatball, brisket pork belly cow t-bone turducken pig beef ribs.</p>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<p>A split with three elements, starting with even widths with 100px, 100px and 300px minimum widths, respectively.</p>
|
||||
<pre><code>Split(['#one', '#two', '#three'], {
|
||||
minSize: [100, 100, 300]
|
||||
});</code></pre>
|
||||
<div class="example-3">
|
||||
<div id="five" class="split split-horizontal">
|
||||
<p>Min width: 100px<br><br>
|
||||
Bacon ipsum dolor amet beef ribs meatloaf picanha pork loin pork chop rump pig sausage bacon shank boudin beef fatback. Pork loin turducken t-bone chicken.</p>
|
||||
</div>
|
||||
<div id="six" class="split split-horizontal">
|
||||
<p>Min width: 100px<br><br>
|
||||
Brisket andouille cow ball tip. Ham ground round short loin tri-tip ribeye t-bone boudin, pork loin turkey drumstick tongue pork chop. Kielbasa doner picanha turducken, swine bacon shank pastrami andouille.</p>
|
||||
</div>
|
||||
<div id="seven" class="split split-horizontal">
|
||||
<p>Min width: 300px<br><br>
|
||||
Hamburger tongue tenderloin meatball picanha. Rump bresaola chicken bacon, ground round corned beef ribeye salami. Turkey fatback short ribs andouille meatball, brisket pork belly cow t-bone turducken pig beef ribs.</p>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<p>A vertical split with two elements, starting with even heights.</p>
|
||||
<pre><code>Split(['#eight', '#nine'], {
|
||||
direction: 'vertical'
|
||||
});</code></pre>
|
||||
<div class="example-4">
|
||||
<div id="eight" class="split split-vertical">
|
||||
<p>Bacon ipsum dolor amet beef ribs meatloaf picanha pork loin pork chop rump pig sausage bacon shank boudin beef fatback. Pork loin turducken t-bone chicken.</p>
|
||||
</div>
|
||||
<div id="nine" class="split split-vertical">
|
||||
<p>Brisket andouille cow ball tip. Ham ground round short loin tri-tip ribeye t-bone boudin, pork loin turkey drumstick tongue pork chop. Kielbasa doner picanha turducken, swine bacon shank pastrami andouille.</p>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<p>Nested splits, horizontal and vertical.</p>
|
||||
<pre><code>Split(['#ten', '#eleven']);
|
||||
|
||||
Split(['#twelve', '#thirteen'], {
|
||||
direction: 'vertical'
|
||||
});</code></pre>
|
||||
<div class="example-5">
|
||||
<div id="ten" class="split split-horizontal">
|
||||
<div id="twelve" class="split split-vertical">
|
||||
<p>Bacon ipsum dolor amet beef ribs meatloaf picanha pork loin pork chop rump pig sausage bacon shank boudin beef fatback. Pork loin turducken t-bone chicken.</p>
|
||||
</div>
|
||||
<div id="thirteen" class="split split-vertical">
|
||||
<p>Bacon ipsum dolor amet beef ribs meatloaf picanha pork loin pork chop rump pig sausage bacon shank boudin beef fatback. Pork loin turducken t-bone chicken.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="eleven" class="split split-horizontal">
|
||||
<p>Brisket andouille cow ball tip. Ham ground round short loin tri-tip ribeye t-bone boudin, pork loin turkey drumstick tongue pork chop. Kielbasa doner picanha turducken, swine bacon shank pastrami andouille.</p>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<p>JSFiddle style is also possible: <a href="examples/jsfiddle.html">Demo</a>.
|
||||
<br>
|
||||
<br><br>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script>hljs.initHighlightingOnLoad();</script>
|
||||
<script src="split.js"></script>
|
||||
<script>
|
||||
Split(['#one', '#two'], {
|
||||
sizes: [29, 71],
|
||||
minSize: 200
|
||||
});
|
||||
|
||||
Split(['#three', '#four'], {
|
||||
sizes: [25, 75],
|
||||
minSize: 200
|
||||
});
|
||||
|
||||
Split(['#five', '#six', '#seven'], {
|
||||
minSize: [100, 100, 300]
|
||||
});
|
||||
|
||||
Split(['#eight', '#nine'], {
|
||||
direction: 'vertical'
|
||||
});
|
||||
|
||||
Split(['#ten', '#eleven']);
|
||||
|
||||
Split(['#twelve', '#thirteen'], {
|
||||
direction: 'vertical'
|
||||
});
|
||||
</script>
|
||||
</html>
|
||||
30
bower_components/Split.js/package.json
vendored
Normal file
30
bower_components/Split.js/package.json
vendored
Normal file
@@ -0,0 +1,30 @@
|
||||
{
|
||||
"name": "split.js",
|
||||
"version": "1.0.6",
|
||||
"description": "A lightweight utility for creating adjustable split views",
|
||||
"main": "split.js",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "git+https://github.com/nathancahill/Split.js.git"
|
||||
},
|
||||
"keywords": [
|
||||
"css"
|
||||
],
|
||||
"author": "Nathan Cahill <nathan@nathancahill.com>",
|
||||
"license": "MIT",
|
||||
"bugs": {
|
||||
"url": "https://github.com/nathancahill/Split.js/issues"
|
||||
},
|
||||
"homepage": "https://github.com/nathancahill/Split.js#readme",
|
||||
"devDependencies": {
|
||||
"eslint": "^1.9.0",
|
||||
"grunt": "^0.4.5",
|
||||
"grunt-contrib-jasmine": "nathancahill/grunt-contrib-jasmine",
|
||||
"jasmine": "^2.3.2",
|
||||
"uglifyjs": "^2.4.10"
|
||||
},
|
||||
"scripts": {
|
||||
"test": "./node_modules/.bin/grunt jasmine",
|
||||
"build": "./node_modules/.bin/uglifyjs -m -o split.min.js split.js"
|
||||
}
|
||||
}
|
||||
352
bower_components/Split.js/split.js
vendored
Normal file
352
bower_components/Split.js/split.js
vendored
Normal file
@@ -0,0 +1,352 @@
|
||||
|
||||
'use strict';
|
||||
|
||||
(function() {
|
||||
|
||||
var global = this
|
||||
, addEventListener = 'addEventListener'
|
||||
, removeEventListener = 'removeEventListener'
|
||||
, getBoundingClientRect = 'getBoundingClientRect'
|
||||
, isIE8 = global.attachEvent && !global[addEventListener]
|
||||
, document = global.document
|
||||
|
||||
, calc = (function () {
|
||||
var el
|
||||
, prefixes = ["", "-webkit-", "-moz-", "-o-"]
|
||||
|
||||
for (var i = 0; i < prefixes.length; i++) {
|
||||
el = document.createElement('div')
|
||||
el.style.cssText = "width:" + prefixes[i] + "calc(9px)"
|
||||
|
||||
if (el.style.length) {
|
||||
return prefixes[i] + "calc"
|
||||
}
|
||||
}
|
||||
})()
|
||||
, elementOrSelector = function (el) {
|
||||
if (typeof el === 'string' || el instanceof String) {
|
||||
return document.querySelector(el)
|
||||
} else {
|
||||
return el
|
||||
}
|
||||
}
|
||||
|
||||
, Split = function (ids, options) {
|
||||
var dimension
|
||||
, i
|
||||
, clientDimension
|
||||
, clientAxis
|
||||
, position
|
||||
, gutterClass
|
||||
, paddingA
|
||||
, paddingB
|
||||
, pairs = []
|
||||
|
||||
// Set defaults
|
||||
|
||||
options = typeof options !== 'undefined' ? options : {}
|
||||
|
||||
if (!options.gutterSize) options.gutterSize = 10
|
||||
if (!options.minSize) options.minSize = 100
|
||||
if (!options.snapOffset) options.snapOffset = 30
|
||||
if (!options.direction) options.direction = 'horizontal'
|
||||
|
||||
if (options.direction == 'horizontal') {
|
||||
dimension = 'width'
|
||||
clientDimension = 'clientWidth'
|
||||
clientAxis = 'clientX'
|
||||
position = 'left'
|
||||
gutterClass = 'gutter gutter-horizontal'
|
||||
paddingA = 'paddingLeft'
|
||||
paddingB = 'paddingRight'
|
||||
if (!options.cursor) options.cursor = 'ew-resize'
|
||||
} else if (options.direction == 'vertical') {
|
||||
dimension = 'height'
|
||||
clientDimension = 'clientHeight'
|
||||
clientAxis = 'clientY'
|
||||
position = 'top'
|
||||
gutterClass = 'gutter gutter-vertical'
|
||||
paddingA = 'paddingTop'
|
||||
paddingB = 'paddingBottom'
|
||||
if (!options.cursor) options.cursor = 'ns-resize'
|
||||
}
|
||||
|
||||
// Event listeners for drag events, bound to a pair object.
|
||||
// Calculate the pair's position and size when dragging starts.
|
||||
// Prevent selection on start and re-enable it when done.
|
||||
|
||||
var startDragging = function (e) {
|
||||
var self = this
|
||||
, a = self.a
|
||||
, b = self.b
|
||||
|
||||
if (!self.dragging && options.onDragStart) {
|
||||
options.onDragStart()
|
||||
}
|
||||
|
||||
e.preventDefault()
|
||||
|
||||
self.dragging = true
|
||||
self.move = drag.bind(self)
|
||||
self.stop = stopDragging.bind(self)
|
||||
|
||||
global[addEventListener]('mouseup', self.stop)
|
||||
global[addEventListener]('touchend', self.stop)
|
||||
global[addEventListener]('touchcancel', self.stop)
|
||||
|
||||
self.parent[addEventListener]('mousemove', self.move)
|
||||
self.parent[addEventListener]('touchmove', self.move)
|
||||
|
||||
a[addEventListener]('selectstart', preventSelection)
|
||||
a[addEventListener]('dragstart', preventSelection)
|
||||
b[addEventListener]('selectstart', preventSelection)
|
||||
b[addEventListener]('dragstart', preventSelection)
|
||||
|
||||
a.style.userSelect = 'none'
|
||||
a.style.webkitUserSelect = 'none'
|
||||
a.style.MozUserSelect = 'none'
|
||||
a.style.pointerEvents = 'none'
|
||||
|
||||
b.style.userSelect = 'none'
|
||||
b.style.webkitUserSelect = 'none'
|
||||
b.style.MozUserSelect = 'none'
|
||||
b.style.pointerEvents = 'none'
|
||||
|
||||
self.gutter.style.cursor = options.cursor
|
||||
self.parent.style.cursor = options.cursor
|
||||
|
||||
calculateSizes.call(self)
|
||||
}
|
||||
, stopDragging = function () {
|
||||
var self = this
|
||||
, a = self.a
|
||||
, b = self.b
|
||||
|
||||
if (self.dragging && options.onDragEnd) {
|
||||
options.onDragEnd()
|
||||
}
|
||||
|
||||
self.dragging = false
|
||||
|
||||
global[removeEventListener]('mouseup', self.stop)
|
||||
global[removeEventListener]('touchend', self.stop)
|
||||
global[removeEventListener]('touchcancel', self.stop)
|
||||
|
||||
self.parent[removeEventListener]('mousemove', self.move)
|
||||
self.parent[removeEventListener]('touchmove', self.move)
|
||||
|
||||
delete self.stop
|
||||
delete self.move
|
||||
|
||||
a[removeEventListener]('selectstart', preventSelection)
|
||||
a[removeEventListener]('dragstart', preventSelection)
|
||||
b[removeEventListener]('selectstart', preventSelection)
|
||||
b[removeEventListener]('dragstart', preventSelection)
|
||||
|
||||
a.style.userSelect = ''
|
||||
a.style.webkitUserSelect = ''
|
||||
a.style.MozUserSelect = ''
|
||||
a.style.pointerEvents = ''
|
||||
|
||||
b.style.userSelect = ''
|
||||
b.style.webkitUserSelect = ''
|
||||
b.style.MozUserSelect = ''
|
||||
b.style.pointerEvents = ''
|
||||
|
||||
self.gutter.style.cursor = ''
|
||||
self.parent.style.cursor = ''
|
||||
}
|
||||
, drag = function (e) {
|
||||
var offset
|
||||
|
||||
if (!this.dragging) return
|
||||
|
||||
// Get the relative position of the event from the first side of the
|
||||
// pair.
|
||||
|
||||
if ('touches' in e) {
|
||||
offset = e.touches[0][clientAxis] - this.start
|
||||
} else {
|
||||
offset = e[clientAxis] - this.start
|
||||
}
|
||||
|
||||
// If within snapOffset of min or max, set offset to min or max
|
||||
|
||||
if (offset <= this.aMin + options.snapOffset) {
|
||||
offset = this.aMin
|
||||
} else if (offset >= this.size - this.bMin - options.snapOffset) {
|
||||
offset = this.size - this.bMin
|
||||
}
|
||||
|
||||
adjust.call(this, offset)
|
||||
|
||||
if (options.onDrag) {
|
||||
options.onDrag()
|
||||
}
|
||||
}
|
||||
, calculateSizes = function () {
|
||||
// Calculate the pairs size, and percentage of the parent size
|
||||
var computedStyle = global.getComputedStyle(this.parent)
|
||||
, parentSize = this.parent[clientDimension] - parseFloat(computedStyle[paddingA]) - parseFloat(computedStyle[paddingB])
|
||||
|
||||
this.size = this.a[getBoundingClientRect]()[dimension] + this.b[getBoundingClientRect]()[dimension] + this.aGutterSize + this.bGutterSize
|
||||
this.percentage = Math.min(this.size / parentSize * 100, 100)
|
||||
this.start = this.a[getBoundingClientRect]()[position]
|
||||
}
|
||||
, adjust = function (offset) {
|
||||
// A size is the same as offset. B size is total size - A size.
|
||||
// Both sizes are calculated from the initial parent percentage.
|
||||
|
||||
this.a.style[dimension] = calc + '(' + (offset / this.size * this.percentage) + '% - ' + this.aGutterSize + 'px)'
|
||||
this.b.style[dimension] = calc + '(' + (this.percentage - (offset / this.size * this.percentage)) + '% - ' + this.bGutterSize + 'px)'
|
||||
}
|
||||
, fitMin = function () {
|
||||
var self = this
|
||||
, a = self.a
|
||||
, b = self.b
|
||||
|
||||
if (a[getBoundingClientRect]()[dimension] < self.aMin) {
|
||||
a.style[dimension] = (self.aMin - self.aGutterSize) + 'px'
|
||||
b.style[dimension] = (self.size - self.aMin - self.aGutterSize) + 'px'
|
||||
} else if (b[getBoundingClientRect]()[dimension] < self.bMin) {
|
||||
a.style[dimension] = (self.size - self.bMin - self.bGutterSize) + 'px'
|
||||
b.style[dimension] = (self.bMin - self.bGutterSize) + 'px'
|
||||
}
|
||||
}
|
||||
, fitMinReverse = function () {
|
||||
var self = this
|
||||
, a = self.a
|
||||
, b = self.b
|
||||
|
||||
if (b[getBoundingClientRect]()[dimension] < self.bMin) {
|
||||
a.style[dimension] = (self.size - self.bMin - self.bGutterSize) + 'px'
|
||||
b.style[dimension] = (self.bMin - self.bGutterSize) + 'px'
|
||||
} else if (a[getBoundingClientRect]()[dimension] < self.aMin) {
|
||||
a.style[dimension] = (self.aMin - self.aGutterSize) + 'px'
|
||||
b.style[dimension] = (self.size - self.aMin - self.aGutterSize) + 'px'
|
||||
}
|
||||
}
|
||||
, balancePairs = function (pairs) {
|
||||
for (var i = 0; i < pairs.length; i++) {
|
||||
calculateSizes.call(pairs[i])
|
||||
fitMin.call(pairs[i])
|
||||
}
|
||||
|
||||
for (i = pairs.length - 1; i >= 0; i--) {
|
||||
calculateSizes.call(pairs[i])
|
||||
fitMinReverse.call(pairs[i])
|
||||
}
|
||||
}
|
||||
, preventSelection = function () { return false }
|
||||
, parent = elementOrSelector(ids[0]).parentNode
|
||||
|
||||
if (!options.sizes) {
|
||||
var percent = 100 / ids.length
|
||||
|
||||
options.sizes = []
|
||||
|
||||
for (i = 0; i < ids.length; i++) {
|
||||
options.sizes.push(percent)
|
||||
}
|
||||
}
|
||||
|
||||
if (!Array.isArray(options.minSize)) {
|
||||
var minSizes = []
|
||||
|
||||
for (i = 0; i < ids.length; i++) {
|
||||
minSizes.push(options.minSize)
|
||||
}
|
||||
|
||||
options.minSize = minSizes
|
||||
}
|
||||
|
||||
for (i = 0; i < ids.length; i++) {
|
||||
var el = elementOrSelector(ids[i])
|
||||
, isFirst = (i == 1)
|
||||
, isLast = (i == ids.length - 1)
|
||||
, size
|
||||
, gutterSize = options.gutterSize
|
||||
, pair
|
||||
|
||||
if (i > 0) {
|
||||
pair = {
|
||||
a: elementOrSelector(ids[i - 1]),
|
||||
b: el,
|
||||
aMin: options.minSize[i - 1],
|
||||
bMin: options.minSize[i],
|
||||
dragging: false,
|
||||
parent: parent,
|
||||
isFirst: isFirst,
|
||||
isLast: isLast,
|
||||
direction: options.direction
|
||||
}
|
||||
|
||||
// For first and last pairs, first and last gutter width is half.
|
||||
|
||||
pair.aGutterSize = options.gutterSize
|
||||
pair.bGutterSize = options.gutterSize
|
||||
|
||||
if (isFirst) {
|
||||
pair.aGutterSize = options.gutterSize / 2
|
||||
}
|
||||
|
||||
if (isLast) {
|
||||
pair.bGutterSize = options.gutterSize / 2
|
||||
}
|
||||
}
|
||||
|
||||
// IE9 and above
|
||||
if (!isIE8) {
|
||||
if (i > 0) {
|
||||
var gutter = document.createElement('div')
|
||||
|
||||
gutter.className = gutterClass
|
||||
gutter.style[dimension] = options.gutterSize + 'px'
|
||||
|
||||
gutter[addEventListener]('mousedown', startDragging.bind(pair))
|
||||
gutter[addEventListener]('touchstart', startDragging.bind(pair))
|
||||
|
||||
parent.insertBefore(gutter, el)
|
||||
|
||||
pair.gutter = gutter
|
||||
}
|
||||
|
||||
if (i === 0 || i == ids.length - 1) {
|
||||
gutterSize = options.gutterSize / 2
|
||||
}
|
||||
|
||||
if (typeof options.sizes[i] === 'string' || options.sizes[i] instanceof String) {
|
||||
size = options.sizes[i]
|
||||
} else {
|
||||
size = calc + '(' + options.sizes[i] + '% - ' + gutterSize + 'px)'
|
||||
}
|
||||
|
||||
// IE8 and below
|
||||
} else {
|
||||
if (typeof options.sizes[i] === 'string' || options.sizes[i] instanceof String) {
|
||||
size = options.sizes[i]
|
||||
} else {
|
||||
size = options.sizes[i] + '%'
|
||||
}
|
||||
}
|
||||
|
||||
el.style[dimension] = size
|
||||
|
||||
if (i > 0) {
|
||||
pairs.push(pair)
|
||||
}
|
||||
}
|
||||
|
||||
balancePairs(pairs)
|
||||
}
|
||||
|
||||
if (typeof exports !== 'undefined') {
|
||||
if (typeof module !== 'undefined' && module.exports) {
|
||||
exports = module.exports = Split
|
||||
}
|
||||
exports.Split = Split
|
||||
} else {
|
||||
global.Split = Split
|
||||
}
|
||||
|
||||
}).call(window)
|
||||
1
bower_components/Split.js/split.min.js
vendored
Normal file
1
bower_components/Split.js/split.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";(function(){var e=this,t="addEventListener",i="removeEventListener",s="getBoundingClientRect",r=e.attachEvent&&!e[t],n=e.document,a=function(){var e,t=["","-webkit-","-moz-","-o-"];for(var i=0;i<t.length;i++){e=n.createElement("div");e.style.cssText="width:"+t[i]+"calc(9px)";if(e.style.length){return t[i]+"calc"}}}(),o=function(e){if(typeof e==="string"||e instanceof String){return n.querySelector(e)}else{return e}},l=function(l,u){var c,f,g,p,h,z,d,S,y=[];u=typeof u!=="undefined"?u:{};if(!u.gutterSize)u.gutterSize=10;if(!u.minSize)u.minSize=100;if(!u.snapOffset)u.snapOffset=30;if(!u.direction)u.direction="horizontal";if(u.direction=="horizontal"){c="width";g="clientWidth";p="clientX";h="left";z="gutter gutter-horizontal";d="paddingLeft";S="paddingRight";if(!u.cursor)u.cursor="ew-resize"}else if(u.direction=="vertical"){c="height";g="clientHeight";p="clientY";h="top";z="gutter gutter-vertical";d="paddingTop";S="paddingBottom";if(!u.cursor)u.cursor="ns-resize"}var v=function(i){var s=this,r=s.a,n=s.b;if(!s.dragging&&u.onDragStart){u.onDragStart()}i.preventDefault();s.dragging=true;s.move=b.bind(s);s.stop=m.bind(s);e[t]("mouseup",s.stop);e[t]("touchend",s.stop);e[t]("touchcancel",s.stop);s.parent[t]("mousemove",s.move);s.parent[t]("touchmove",s.move);r[t]("selectstart",U);r[t]("dragstart",U);n[t]("selectstart",U);n[t]("dragstart",U);r.style.userSelect="none";r.style.webkitUserSelect="none";r.style.MozUserSelect="none";r.style.pointerEvents="none";n.style.userSelect="none";n.style.webkitUserSelect="none";n.style.MozUserSelect="none";n.style.pointerEvents="none";s.gutter.style.cursor=u.cursor;s.parent.style.cursor=u.cursor;M.call(s)},m=function(){var t=this,s=t.a,r=t.b;if(t.dragging&&u.onDragEnd){u.onDragEnd()}t.dragging=false;e[i]("mouseup",t.stop);e[i]("touchend",t.stop);e[i]("touchcancel",t.stop);t.parent[i]("mousemove",t.move);t.parent[i]("touchmove",t.move);delete t.stop;delete t.move;s[i]("selectstart",U);s[i]("dragstart",U);r[i]("selectstart",U);r[i]("dragstart",U);s.style.userSelect="";s.style.webkitUserSelect="";s.style.MozUserSelect="";s.style.pointerEvents="";r.style.userSelect="";r.style.webkitUserSelect="";r.style.MozUserSelect="";r.style.pointerEvents="";t.gutter.style.cursor="";t.parent.style.cursor=""},b=function(e){var t;if(!this.dragging)return;if("touches"in e){t=e.touches[0][p]-this.start}else{t=e[p]-this.start}if(t<=this.aMin+u.snapOffset){t=this.aMin}else if(t>=this.size-this.bMin-u.snapOffset){t=this.size-this.bMin}x.call(this,t);if(u.onDrag){u.onDrag()}},M=function(){var t=e.getComputedStyle(this.parent),i=this.parent[g]-parseFloat(t[d])-parseFloat(t[S]);this.size=this.a[s]()[c]+this.b[s]()[c]+this.aGutterSize+this.bGutterSize;this.percentage=Math.min(this.size/i*100,100);this.start=this.a[s]()[h]},x=function(e){this.a.style[c]=a+"("+e/this.size*this.percentage+"% - "+this.aGutterSize+"px)";this.b.style[c]=a+"("+(this.percentage-e/this.size*this.percentage)+"% - "+this.bGutterSize+"px)"},G=function(){var e=this,t=e.a,i=e.b;if(t[s]()[c]<e.aMin){t.style[c]=e.aMin-e.aGutterSize+"px";i.style[c]=e.size-e.aMin-e.aGutterSize+"px"}else if(i[s]()[c]<e.bMin){t.style[c]=e.size-e.bMin-e.bGutterSize+"px";i.style[c]=e.bMin-e.bGutterSize+"px"}},w=function(){var e=this,t=e.a,i=e.b;if(i[s]()[c]<e.bMin){t.style[c]=e.size-e.bMin-e.bGutterSize+"px";i.style[c]=e.bMin-e.bGutterSize+"px"}else if(t[s]()[c]<e.aMin){t.style[c]=e.aMin-e.aGutterSize+"px";i.style[c]=e.size-e.aMin-e.aGutterSize+"px"}},E=function(e){for(var t=0;t<e.length;t++){M.call(e[t]);G.call(e[t])}for(t=e.length-1;t>=0;t--){M.call(e[t]);w.call(e[t])}},U=function(){return false},D=o(l[0]).parentNode;if(!u.sizes){var k=100/l.length;u.sizes=[];for(f=0;f<l.length;f++){u.sizes.push(k)}}if(!Array.isArray(u.minSize)){var L=[];for(f=0;f<l.length;f++){L.push(u.minSize)}u.minSize=L}for(f=0;f<l.length;f++){var O=o(l[f]),B=f==1,F=f==l.length-1,A,C=u.gutterSize,N;if(f>0){N={a:o(l[f-1]),b:O,aMin:u.minSize[f-1],bMin:u.minSize[f],dragging:false,parent:D,isFirst:B,isLast:F,direction:u.direction};N.aGutterSize=u.gutterSize;N.bGutterSize=u.gutterSize;if(B){N.aGutterSize=u.gutterSize/2}if(F){N.bGutterSize=u.gutterSize/2}}if(!r){if(f>0){var R=n.createElement("div");R.className=z;R.style[c]=u.gutterSize+"px";R[t]("mousedown",v.bind(N));R[t]("touchstart",v.bind(N));D.insertBefore(R,O);N.gutter=R}if(f===0||f==l.length-1){C=u.gutterSize/2}if(typeof u.sizes[f]==="string"||u.sizes[f]instanceof String){A=u.sizes[f]}else{A=a+"("+u.sizes[f]+"% - "+C+"px)"}}else{if(typeof u.sizes[f]==="string"||u.sizes[f]instanceof String){A=u.sizes[f]}else{A=u.sizes[f]+"%"}}O.style[c]=A;if(f>0){y.push(N)}}E(y)};if(typeof exports!=="undefined"){if(typeof module!=="undefined"&&module.exports){exports=module.exports=l}exports.Split=l}else{e.Split=l}}).call(window);
|
||||
Reference in New Issue
Block a user