Index: bower_components/core-splitter/core-splitter.html |
diff --git a/bower_components/core-splitter/core-splitter.html b/bower_components/core-splitter/core-splitter.html |
deleted file mode 100644 |
index 5d07b1dce6ff9dac55c558f0660ed0d040cc1933..0000000000000000000000000000000000000000 |
--- a/bower_components/core-splitter/core-splitter.html |
+++ /dev/null |
@@ -1,148 +0,0 @@ |
-<!-- |
-Copyright (c) 2014 The Polymer Project Authors. All rights reserved. |
-This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt |
-The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt |
-The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt |
-Code distributed by Google as part of the polymer project is also |
-subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt |
---> |
- |
-<!-- |
-`core-splitter` provides a split bar and dragging on the split bar |
-will resize the sibling element. Use its `direction` property to indicate |
-which sibling element to be resized and the orientation. Usually you would want |
-to use `core-splitter` along with flex layout so that the other sibling |
-element can be _flexible_. |
- |
-Example: |
- |
- <div horizontal layout> |
- <div>left</div> |
- <core-splitter direction="left"></core-splitter> |
- <div flex>right</div> |
- </div> |
- |
-In the above example, dragging the splitter will resize the _left_ element. And |
-since the parent container is a flexbox and the _right_ element has |
-`flex`, the _right_ element will be auto-resized. |
- |
-For horizontal splitter set `direction` to `up` or `down`. |
- |
-Example: |
- |
- <div vertical layout> |
- <div>top</div> |
- <core-splitter direction="up"></core-splitter> |
- <div flex>bottom</div> |
- </div> |
- |
-@group Polymer Core Elements |
-@element core-splitter |
-@homepage github.io |
---> |
- |
-<link rel="import" href="../polymer/polymer.html"> |
- |
-<polymer-element name="core-splitter" attributes="direction locked minSize allowOverflow" |
- on-trackstart="{{trackStart}}" on-track="{{track}}" on-down="{{preventSelection}}"> |
- |
-<template> |
- |
- <link rel="stylesheet" href="core-splitter.css"> |
- |
-</template> |
-<script> |
- |
- Polymer('core-splitter', { |
- |
- /** |
- * Possible values are `left`, `right`, `up` and `down`. |
- * |
- * @attribute direction |
- * @type string |
- * @default 'left' |
- */ |
- direction: 'left', |
- |
- /** |
- * Minimum width to which the splitter target can be sized, e.g. |
- * `minSize="100px"` |
- * |
- * @attribute minSize |
- * @type string |
- * @default '' |
- */ |
- minSize: '', |
- |
- /** |
- * Locks the split bar so it can't be dragged. |
- * |
- * @attribute locked |
- * @type boolean |
- * @default false |
- */ |
- locked: false, |
- |
- /** |
- * By default the parent and siblings of the splitter are set to overflow hidden. This helps |
- * avoid elements bleeding outside the splitter regions. Set this property to true to allow |
- * these elements to overflow. |
- * |
- * @attribute allowOverflow |
- * @type boolean |
- * @default false |
- */ |
- allowOverflow: false, |
- |
- ready: function() { |
- this.directionChanged(); |
- }, |
- |
- domReady: function() { |
- if (!this.allowOverflow) { |
- this.parentNode.style.overflow = this.nextElementSibling.style.overflow = |
- this.previousElementSibling.style.overflow = 'hidden'; |
- } |
- }, |
- |
- directionChanged: function() { |
- this.isNext = this.direction === 'right' || this.direction === 'down'; |
- this.horizontal = this.direction === 'up' || this.direction === 'down'; |
- this.update(); |
- }, |
- |
- update: function() { |
- this.target = this.isNext ? this.nextElementSibling : this.previousElementSibling; |
- this.dimension = this.horizontal ? 'height' : 'width'; |
- this.classList.toggle('horizontal', this.horizontal); |
- }, |
- |
- targetChanged: function(old) { |
- if (old) { |
- old.style[old.__splitterMinSize] = ''; |
- } |
- var min = this.target.__splitterMinSize = this.horizontal ? 'minHeight' : 'minWidth'; |
- this.target.style[min] = this.minSize; |
- }, |
- |
- trackStart: function() { |
- this.update(); |
- this.size = parseInt(getComputedStyle(this.target)[this.dimension]); |
- }, |
- |
- track: function(e) { |
- if (this.locked) { |
- return; |
- } |
- var d = e[this.horizontal ? 'dy' : 'dx']; |
- this.target.style[this.dimension] = |
- this.size + (this.isNext ? -d : d) + 'px'; |
- }, |
- |
- preventSelection: function(e) { |
- e.preventDefault(); |
- } |
- }); |
- |
-</script> |
-</polymer-element> |