chrome-tabs

├── .gitignore ├── noicon.png ├── chrome-tabs.gif ├── demo ├── img │ ├── favicon.ico │ └── p-logo-32.png ├── test.html └── index.html ├── .editorconfig ├── index.html ├── CHANGELOG.md ├── LICENSE.md ├── test ├── index.html └── chrome-tabs_test.html ├── README.md ├── bower.json ├── chrome-tab.html └── chrome-tabs.html /.gitignore: -------------------------------------------------------------------------------- 1 | bower_components 2 | -------------------------------------------------------------------------------- /noicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zedesk/chrome-tabs/HEAD/noicon.png -------------------------------------------------------------------------------- /chrome-tabs.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zedesk/chrome-tabs/HEAD/chrome-tabs.gif -------------------------------------------------------------------------------- /demo/img/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zedesk/chrome-tabs/HEAD/demo/img/favicon.ico -------------------------------------------------------------------------------- /demo/img/p-logo-32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zedesk/chrome-tabs/HEAD/demo/img/p-logo-32.png -------------------------------------------------------------------------------- /.editorconfig: -------------------------------------------------------------------------------- 1 | root = true 2 | 3 | [*] 4 | end_of_line = lf 5 | insert_final_newline = true 6 | charset = utf-8 7 | indent_style = space 8 | indent_size = 2 9 | 10 | [*.md] 11 | indent_style = space 12 | indent_size = 4 13 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | chrome-tabs 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /CHANGELOG.md: -------------------------------------------------------------------------------- 1 | 2 | ### v2.0.0 3 | 4 | The component no longer allows you to add and remove tabs by internal methods, this should be done by the parent element or by script, which complies better to the mediator pattern. 5 | 6 | Fix rendering when using the shadow dom. 7 | 8 | - remove removeTab method 9 | - remove addTab method 10 | 11 | ### v1.0.2 12 | 13 | - add a removeTab method 14 | 15 | ### v1.0.1 16 | 17 | - Fix bower.json 18 | - Fix the webcomponents.org badge 19 | - Add a demo for webcomponents.org 20 | 21 | ### v1.0.0 22 | 23 | A first public release of the component 24 | -------------------------------------------------------------------------------- /LICENSE.md: -------------------------------------------------------------------------------- 1 | ISC License (ISC) 2 | Copyright 2017 zeDesk 3 | 4 | Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted, provided that the above copyright notice and this permission notice appear in all copies. 5 | 6 | THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE. 7 | -------------------------------------------------------------------------------- /test/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 16 | 17 | 18 | 25 | 26 | 27 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/zedesk/chrome-tabs) 2 | 3 | # \ 4 | 5 | Chrome tabs 6 | 7 | Inspired by the project [chrome-tabs][1] by @adamschwartz, this project aims to create a webcomponent. 8 | 9 | ![chrome-tabs](chrome-tabs.gif) 10 | 11 | ## Quick example 12 | 13 | 25 | ```html 26 | 27 | 28 | 29 | 30 | 31 | 32 | ``` 33 | 34 | The component is licensed under the [ISC License](LICENSE.md) 35 | 36 | Demo and doc are available on http://zedesk.github.io/chrome-tabs/ 37 | 38 | [1]: https://github.com/adamschwartz/chrome-tabs 39 | -------------------------------------------------------------------------------- /bower.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "chrome-tabs", 3 | "version": "2.0.0", 4 | "description": "A chrome-tabs component", 5 | "license": "LICENSE.md", 6 | "main": "chrome-tabs.html", 7 | "authors": [ 8 | "zeDesk " 9 | ], 10 | "keywords": [ 11 | "web-components", 12 | "polymer", 13 | "tabs", 14 | "control" 15 | ], 16 | "repository": { 17 | "type": "git", 18 | "url": "git://github.com/zedesk/chrome-tabs.git" 19 | }, 20 | "dependencies": { 21 | "polymer": "Polymer/polymer#^1.4.0", 22 | "iron-menu-behavior": "PolymerElements/iron-menu-behavior#^1.2.0", 23 | "iron-flex-layout": "PolymerElements/iron-flex-layout#^1.3.1", 24 | "iron-behaviors": "PolymerElements/iron-behaviors#^1.0.17" 25 | }, 26 | "devDependencies": { 27 | "iron-component-page": "PolymerElements/iron-component-page#^1.0.0", 28 | "iron-demo-helpers": "PolymerElements/iron-demo-helpers#^1.0.0", 29 | "iron-pages": "PolymerElements/iron-pages#^1.0.8", 30 | "web-component-tester": "^4.0.0", 31 | "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0", 32 | "chai": "^3.5.0", 33 | "iron-test-helpers": "PolymerElements/iron-test-helpers#^1.4.0" 34 | }, 35 | "ignore": [ 36 | "demo/", 37 | "test/", 38 | "chrome-tabs.gif", 39 | "README.md", 40 | ".gitignore" 41 | ] 42 | } 43 | -------------------------------------------------------------------------------- /demo/test.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | chrome-tabs demo 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 21 | 22 | 23 | 63 | 64 | 65 | -------------------------------------------------------------------------------- /demo/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | chrome-tabs demo 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 21 | 22 | 23 | 24 |

25 |

Basic chrome-tabs Demo

26 | 27 | 102 | 103 | 104 |

customize chrome-tabs style

105 | 106 | 125 | 126 |

127 | 128 | 129 | -------------------------------------------------------------------------------- /test/chrome-tabs_test.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | chrome-tabs test 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 24 | 25 | 26 | 27 | 37 | 38 | 39 | 165 | 166 | 167 | 168 | -------------------------------------------------------------------------------- /chrome-tab.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 28 | 29 | 166 | 217 | 218 | -------------------------------------------------------------------------------- /chrome-tabs.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 37 | 38 | 126 | 127 | 232 | 233 | --------------------------------------------------------------------------------