Index: third_party/polymer/v1_0/components/paper-tabs/paper-tab.html |
diff --git a/third_party/polymer/v1_0/components/paper-tabs/paper-tab.html b/third_party/polymer/v1_0/components/paper-tabs/paper-tab.html |
deleted file mode 100644 |
index 4737ec86235a8dd3d96b2cd2586d6187e5d44aa9..0000000000000000000000000000000000000000 |
--- a/third_party/polymer/v1_0/components/paper-tabs/paper-tab.html |
+++ /dev/null |
@@ -1,158 +0,0 @@ |
-<!-- |
-@license |
-Copyright (c) 2015 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 |
---> |
- |
-<link rel="import" href="../polymer/polymer.html"> |
-<link rel="import" href="../iron-flex-layout/classes/iron-flex-layout.html"> |
-<link rel="import" href="../iron-flex-layout/iron-flex-layout.html"> |
-<link rel="import" href="../iron-behaviors/iron-control-state.html"> |
-<link rel="import" href="../paper-ripple/paper-ripple.html"> |
- |
-<!-- |
-`paper-tab` is styled to look like a tab. It should be used in conjunction with |
-`paper-tabs`. |
- |
-Example: |
- |
- <paper-tabs selected="0"> |
- <paper-tab>TAB 1</paper-tab> |
- <paper-tab>TAB 2</paper-tab> |
- <paper-tab>TAB 3</paper-tab> |
- </paper-tabs> |
- |
-### Styling |
- |
-The following custom properties and mixins are available for styling: |
- |
-Custom property | Description | Default |
-----------------|-------------|---------- |
-`--paper-tab-ink` | Ink color | `--paper-yellow-a100` |
-`--paper-tab` | Mixin applied to the tab | `{}` |
-`--paper-tab-content` | Mixin applied to the tab content | `{}` |
- |
---> |
- |
-<dom-module id="paper-tab"> |
- |
- <style> |
- |
- :host { |
- @apply(--layout-inline); |
- @apply(--layout-center); |
- @apply(--layout-center-justified); |
- @apply(--layout-flex); |
- |
- position: relative; |
- padding: 0 12px; |
- overflow: hidden; |
- cursor: pointer; |
- |
- @apply(--paper-tab); |
- } |
- |
- :host(:focus) { |
- outline: none; |
- } |
- |
- :host([link]) { |
- padding: 0; |
- } |
- |
- .tab-content { |
- height: 100%; |
- -webkit-transform: translateZ(0); |
- transform: translateZ(0); |
- transition: opacity 0.1s cubic-bezier(0.4, 0.0, 1, 1); |
- |
- @apply(--paper-tab-content); |
- } |
- |
- :host(:not(.iron-selected)) > .tab-content { |
- opacity: 0.8; |
- } |
- |
- :host(:focus) .tab-content { |
- opacity: 1; |
- font-weight: 700; |
- } |
- |
- #ink { |
- color: var(--paper-tab-ink, --paper-yellow-a100); |
- pointer-events: none; |
- } |
- |
- .tab-content > ::content > a { |
- height: 100%; |
- /* flex */ |
- -ms-flex: 1 1 0.000000001px; |
- -webkit-flex: 1; |
- flex: 1; |
- -webkit-flex-basis: 0.000000001px; |
- flex-basis: 0.000000001px; |
- } |
- |
- </style> |
- |
- <template> |
- |
- <div class="tab-content flex-auto center-center horizontal layout"> |
- <content></content> |
- </div> |
- |
- <template is="dom-if" if="[[!noink]]"> |
- <paper-ripple id="ink" initial-opacity="0.95" opacity-decay-velocity="0.98"></paper-ripple> |
- </template> |
- |
- </template> |
- |
-</dom-module> |
- |
-<script> |
- |
- Polymer({ |
- |
- is: 'paper-tab', |
- |
- behaviors: [ |
- Polymer.IronControlState |
- ], |
- |
- properties: { |
- |
- /** |
- * If true, ink ripple effect is disabled. |
- * |
- * @attribute noink |
- */ |
- noink: { |
- type: Boolean, |
- value: false |
- } |
- |
- }, |
- |
- hostAttributes: { |
- role: 'tab' |
- }, |
- |
- listeners: { |
- down: '_onDown' |
- }, |
- |
- get _parentNoink () { |
- var parent = Polymer.dom(this).parentNode; |
- return !!parent && !!parent.noink; |
- }, |
- |
- _onDown: function(e) { |
- this.noink = !!this.noink || !!this._parentNoink; |
- } |
- }); |
- |
-</script> |