@web-utils/component 2.0.9 → 2.0.11

package/dist/components/vue-tags-input/style.css

@@ -1 +1,682 @@
-.tags-input{display:flex;flex-wrap:wrap;align-items:center}.tags-input input{flex:1 1 auto;background:transparent;border:none}.tags-input input:focus{outline:none}.tags-input input[type=text]{color:#495057}.tags-input-wrapper-default{padding:.5rem .25rem;background:#fff;border:1px solid transparent;border-color:#dbdbdb;border-radius:.25rem}.tags-input span{margin-right:.3rem}.tags-input-remove{position:relative;display:inline-block;width:.5rem;height:.5rem;cursor:pointer}.tags-input-remove:before,.tags-input-remove:after{position:absolute;top:50%;left:0;width:100%;height:2px;margin-top:-1px;background:#ea0000;content:""}.tags-input-remove:before{transform:rotate(45deg)}.tags-input-remove:after{transform:rotate(-45deg)}.tags-input-badge{display:inline-block;padding:.25em .4em;font-weight:700;font-size:75%;line-height:1;white-space:nowrap;text-align:center;vertical-align:baseline;border-radius:.25rem}.tags-input-badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.tags-input-badge-selected-default{color:#212529;background-color:#f0f1f2}.typeahead-hide-btn{color:#999!important}.typeahead-badges>span{margin-right:.3rem;cursor:pointer}.typeahead-dropdown{position:absolute;top:50px;right:0;z-index:1000;width:100%;max-height:150px;margin:0;padding:0;overflow:auto;list-style-type:none;border-radius:4px;box-shadow:0 0 5px #d7d7d7}.typeahead-dropdown li{padding:.25rem 1rem;cursor:pointer}.tags-input-typeahead-item-default{color:gray;background-color:#fff}.tags-input-typeahead-item-highlighted-default{background-color:#f5f7fa}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/* The input */
+.tags-input {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+}
+.tags-input input {
+  flex: 1 1 auto;
+  background: transparent;
+  border: none;
+}
+.tags-input input:focus {
+  outline: none;
+}
+.tags-input input[type='text'] {
+  color: #495057;
+}
+.tags-input-wrapper-default {
+  padding: 0.5rem 0.25rem;
+  background: #fff;
+  border: 1px solid transparent;
+  border-color: #dbdbdb;
+  border-radius: 0.25rem;
+}
+
+/* The tag badges & the remove icon */
+.tags-input span {
+  margin-right: 0.3rem;
+}
+.tags-input-remove {
+  position: relative;
+  display: inline-block;
+  width: 0.5rem;
+  height: 0.5rem;
+  cursor: pointer;
+}
+.tags-input-remove::before, .tags-input-remove::after {
+  position: absolute;
+  top: 50%;
+  left: 0;
+  width: 100%;
+  height: 2px;
+  margin-top: -1px;
+  background: #ea0000;
+  content: '';
+}
+.tags-input-remove::before {
+  transform: rotate(45deg);
+}
+.tags-input-remove::after {
+  transform: rotate(-45deg);
+}
+
+/* Tag badge styles */
+.tags-input-badge {
+  display: inline-block;
+  padding: 0.25em 0.4em;
+  font-weight: 700;
+  font-size: 75%;
+  line-height: 1;
+  white-space: nowrap;
+  text-align: center;
+  vertical-align: baseline;
+  border-radius: 0.25rem;
+}
+.tags-input-badge-pill {
+  padding-right: 0.6em;
+  padding-left: 0.6em;
+  border-radius: 10rem;
+}
+.tags-input-badge-selected-default {
+  color: #212529;
+  background-color: #f0f1f2;
+}
+
+/* Typeahead */
+.typeahead-hide-btn {
+  color: #999 !important;
+}
+
+/* Typeahead - badges */
+.typeahead-badges > span {
+  margin-right: 0.3rem;
+  cursor: pointer;
+}
+
+/* Typeahead - dropdown */
+.typeahead-dropdown {
+  position: absolute;
+  top: 50px;
+  right: 0;
+  z-index: 1000;
+  width: 100%;
+  max-height: 150px;
+  margin: 0;
+  padding: 0;
+  overflow: auto;
+  list-style-type: none;
+  border-radius: 4px;
+  box-shadow: 0 0 5px #d7d7d7;
+}
+.typeahead-dropdown li {
+  padding: 0.25rem 1rem;
+  cursor: pointer;
+}
+
+/* Typeahead elements style/theme */
+.tags-input-typeahead-item-default {
+  color: grey;
+  background-color: white;
+}
+.tags-input-typeahead-item-highlighted-default {
+  background-color: #f5f7fa;
+}