Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
23 commits
Select commit Hold shift + click to select a range
433af9b
required by polymer 2.0
renfeng Apr 4, 2017
c8ee222
polymer test
renfeng Aug 4, 2017
f91a267
Merge https://github.com/PolymerEl/paper-tags
renfeng Aug 8, 2017
398ffb1
test two way data binding on adding a tag
renfeng Aug 8, 2017
c5d1b1f
moved <style> inside <template> as required by polymer 2
renfeng Aug 8, 2017
909f8f7
fixed removing last item does not fire tag-remove
christophe-g Mar 4, 2018
fc46e7c
fix remove tags
christophe-g Mar 19, 2018
c811f98
Merge pull request #24 from renfeng/master
christophe-g May 22, 2018
f0480c3
Fixed "Published on webcomponents.org" badge link
renfeng May 30, 2018
2b891e2
Merge pull request #29 from renfeng/master
christophe-g May 30, 2018
e52de94
Update bower.json
robin-dev Feb 2, 2018
e857fb2
changement des dépendances
robin-dev Feb 2, 2018
63a49a4
Changing bower.json dependancies to Polymer 2.0
robin-dev Feb 2, 2018
c13dc03
change to webcomponentsjs dependancies in bower.json
robin-dev Feb 2, 2018
b09e13c
Update bower.json
robin-dev Feb 2, 2018
43aa69c
adding paper-listbox to bower.json
robin-dev Feb 2, 2018
ad251b0
Converted everything to Polymer 2.0
robin-dev Feb 2, 2018
0fb6ee3
formatting
AlexanderYZhang May 30, 2018
0a037f9
bower update
AlexanderYZhang May 30, 2018
b187546
fixes for polymer 2.0
AlexanderYZhang May 31, 2018
80ff81d
removed dependency on Polymer.Base._getpathparts, default labelPath i…
AlexanderYZhang May 31, 2018
6fe4170
polymer2 fixes
AlexanderYZhang May 31, 2018
c893dc3
Changed demo for Polymer2, needs dom-bind wrapped around template
AlexanderYZhang Jun 25, 2018
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion README.md
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://beta.webcomponents.org/element/polymerEl/paper-tags)
[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/polymerEl/paper-tags)

# \<paper-tags\>

Expand Down
36 changes: 20 additions & 16 deletions bower.json
Original file line number Diff line number Diff line change
Expand Up @@ -23,25 +23,29 @@
"/test/",
"/demo/"
],
"repository": {
"type": "git",
"url": "https://github.com/AlexanderYZhang/paper-tags.git"
},
"dependencies": {
"polymer": "Polymer/polymer#^1.4.0",
"paper-input": "PolymerElements/paper-input#^1.1.14",
"paper-badge": "PolymerElements/paper-badge#^1.1.1",
"paper-icon-button": "PolymerElements/paper-icon-button#^1.0.7",
"iron-icons": "PolymerElements/iron-icons#^1.1.3",
"iron-icon": "PolymerElements/iron-icon#^1.0.8",
"iron-a11y-keys": "PolymerElements/iron-a11y-keys#^1.0.4",
"iron-behaviors": "PolymerElements/iron-behaviors#^1.0.13",
"iron-validatable-behavior": "PolymerElements/iron-validatable-behavior#^1.0.5",
"paper-item": "PolymerElements/paper-item#^1.2.1",
"paper-ripple": "PolymerElements/paper-ripple#^1.0.0",
"paper-dropdown-menu": "PolymerElements/paper-dropdown-menu#^1.2.1",
"paper-menu": "PolymerElements/paper-menu#^1.2.2"
"polymer": "Polymer/polymer#^2.0.0",
"paper-input": "PolymerElements/paper-input#^2.0.0",
"paper-badge": "PolymerElements/paper-badge#^2.0.0",
"paper-icon-button": "PolymerElements/paper-icon-button#^2.0.0",
"iron-icons": "PolymerElements/iron-icons#^2.0.0",
"iron-icon": "PolymerElements/iron-icon#^2.0.0",
"iron-a11y-keys": "PolymerElements/iron-a11y-keys#^2.0.0",
"iron-behaviors": "PolymerElements/iron-behaviors#^2.0.0",
"iron-validatable-behavior": "PolymerElements/iron-validatable-behavior#^2.0.0",
"paper-item": "PolymerElements/paper-item#^2.0.0",
"paper-ripple": "PolymerElements/paper-ripple#^2.0.0",
"paper-dropdown-menu": "PolymerElements/paper-dropdown-menu#^2.0.0",
"paper-listbox": "PolymerElements/paper-listbox#^2.0.0"
},
"devDependencies": {
"iron-component-page": "PolymerElements/iron-component-page#^1.0.0",
"iron-demo-helpers": "PolymerElements/iron-demo-helpers#^1.0.0",
"iron-component-page": "PolymerElements/iron-component-page#^2.0.0",
"iron-demo-helpers": "PolymerElements/iron-demo-helpers#^2.0.0",
"web-component-tester": "^4.0.0",
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
"webcomponentsjs": "webcomponents/webcomponentsjs#^1.0.0"
}
}
103 changes: 56 additions & 47 deletions demo/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,6 @@
<link rel="import" href="../../iron-demo-helpers/demo-pages-shared-styles.html">
<link rel="import" href="../../paper-dropdown-menu/paper-dropdown-menu.html">
<link rel="import" href="../../paper-item/paper-item.html">
<link rel="import" href="../../paper-menu/paper-menu.html">
<link rel="import" href="../paper-tags.html">
<link rel="import" href="../paper-tags-input.html">
<link rel="import" href="../paper-tags-dropdown.html">
Expand All @@ -42,61 +41,67 @@ <h4>paper-tags</h4>
<h4>paper-tags-input</h4>
<demo-snippet class="centered-demo">
<template>
<template is="dom-bind">
<paper-tags-input id="control" label="input label" show-counter="tags" items='["hello", "new"]' value="{{value}}" value-join="{{valueJoin}}" maxLength="10"></paper-tags-input>
<div>
<div>value: {{valueJoin}}</div>
<div>input value: {{value}}</div>
</div>
</template>
<dom-bind>
<template>
<paper-tags-input id="control" label="input label" show-counter="tags" items='["hello", "new"]' value="{{value}}" value-join="{{valueJoin}}" maxLength="10"></paper-tags-input>
<div>
<div>value: {{valueJoin}}</div>
<div>input value: {{value}}</div>
</div>
</template>
</dom-bind>
</template>
</demo-snippet>
</div>
<div class="vertical-section-container centered">
<h4>paper-tags-dropdown</h4>
<demo-snippet class="centered-demo">
<template>
<template id="tagDropdown" is="dom-bind">
<style is="custom-style">
paper-tags-dropdown {
--paper-menu: {
width: 200px;
}
}
</style>
<paper-tags-dropdown id="control" items="{{items}}" label-path="label" noink label="label dropdown" value-object='{"5": "true"}'></paper-tags-dropdown>
</template>
<template>
<dom-bind>
<template class="tagContainer">
<style is="custom-style">
paper-tags-dropdown {
--paper-menu: {
width: 200px;
}
}
</style>
<paper-tags-dropdown id="control" items="{{items}}" label-path="label" noink label="label dropdown" value-object='{"5": "true"}'></paper-tags-dropdown>
</template>
</dom-bind>
</template>
</demo-snippet>
</div>
<div class="vertical-section-container centered">
<h4>paper-tags-dropdown string array</h4>
<demo-snippet class="centered-demo">
<template>
<template id="stringArrayTagDropdown" is="dom-bind">
<style is="custom-style">
paper-tags-dropdown {
--paper-menu: {
width: 200px;
}
}
</style>
<paper-tags-dropdown
id="stringControl"
items='["Doe", "Rae", "Mee", "Faa", "So", "Laa", "Tee", "Daa"]'
label-path="label"
noink
label="label dropdown"
value-array='["Rae"]'>
</paper-tags-dropdown>
</template>
<dom-bind>
<template class="tagContainer">
<style is="custom-style">
paper-tags-dropdown {
--paper-menu: {
width: 200px;
}
}
</style>
<paper-tags-dropdown
id="control"
items='["Doe", "Rae", "Mee", "Faa", "So", "Laa", "Tee", "Daa"]'
label-path="label"
noink
label="label dropdown"
value-array='["Rae"]'>
</paper-tags-dropdown>
</template>
</dom-bind>
</template>
</demo-snippet>
</div>
<script>
window.addEventListener('WebComponentsReady', function() {

tagDropdown = document.querySelector('#tagDropdown');
var paperDropdowns = document.querySelectorAll("paper-tags-dropdown");
// app.listenSelect = function(e) {
// console.info('Listed', e);
// }
Expand All @@ -118,18 +123,22 @@ <h4>paper-tags-dropdown string array</h4>
desc: 'description 4',
label: 'Bar'
}];
setTimeout(function() {
tagDropdown.$.control.set('items', data)
}, 100);

tagDropdown.$.control.addEventListener('tag-removed', function(e, d) {
console.log("tag-removed", e.detail);
}.bind(this));
paperDropdowns.forEach(function(item) {
setTimeout(function() {
item.set('items', data)
}, 100);

item.addEventListener('tag-removed', function(e, d) {
console.log("tag-removed", e.detail);
}.bind(this));

item.addEventListener('tag-added', function(e, d) {
console.log("tag-added", e.detail);
}.bind(this));

tagDropdown.$.control.addEventListener('tag-added', function(e, d) {
console.log("tag-added", e.detail);
}.bind(this));
});
});
});
</script>
</body>

Expand Down
74 changes: 0 additions & 74 deletions paper-tags-behavior.html

This file was deleted.

Loading