@syncfusion/ej2-vue-dropdowns 18.2.44-4569 → 18.2.44-4571

package/styles/drop-down-tree/bootstrap4.css

@@ -60,7 +60,8 @@
 }
 
 .e-input-group.e-ddl .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle,
-.e-ddl.e-popup .e-filter-parent .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle {
+.e-ddl.e-popup .e-filter-parent .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle,
+.e-ddl.e-popup .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle {
   stroke-width: 1px;
 }
 
@@ -95,6 +96,7 @@
 }
 
 .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
+  box-sizing: content-box;
   min-height: 29px;
 }
 
@@ -107,25 +109,27 @@
   display: none;
 }
 
-.e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon {
+.e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-clear-icon {
   bottom: 0;
   position: absolute;
   right: 0;
 }
 
-.e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon {
+.e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
   right: 23px;
 }
 
-.e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon {
+.e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
   bottom: 0;
   position: absolute;
   right: 0;
 }
 
 .e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-input-focus input.e-dropdowntree.e-chip-input,
-.e-ddt.e-input-group.e-control-wrapper.e-show-chip input.e-dropdowntree.e-chip-input, .e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-input-focus input.e-dropdowntree.e-chip-input,
-.e-ddt.e-float-input.e-control-wrapper.e-show-chip input.e-dropdowntree.e-chip-input {
+.e-ddt.e-input-group.e-control-wrapper.e-show-chip input.e-dropdowntree.e-chip-input, .e-ddt.e-input-group.e-control-wrapper.e-show-text.e-input-focus input.e-dropdowntree.e-chip-input,
+.e-ddt.e-input-group.e-control-wrapper.e-show-text input.e-dropdowntree.e-chip-input, .e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-input-focus input.e-dropdowntree.e-chip-input,
+.e-ddt.e-float-input.e-control-wrapper.e-show-chip input.e-dropdowntree.e-chip-input, .e-ddt.e-float-input.e-control-wrapper.e-show-text.e-input-focus input.e-dropdowntree.e-chip-input,
+.e-ddt.e-float-input.e-control-wrapper.e-show-text input.e-dropdowntree.e-chip-input {
   padding-left: 0;
   padding-right: 0;
 }
@@ -134,19 +138,19 @@
   width: 100%;
 }
 
-.e-ddt .e-chips-wrapper .e-chips-close {
+.e-ddt.e-show-chip .e-chips-close {
   line-height: 24px;
   min-height: 24px;
   min-width: 24px;
   text-align: center;
 }
 
-.e-ddt .e-chips-wrapper .e-chips-close::before {
+.e-ddt.e-show-chip .e-chips-close::before {
   font-size: 8px;
   vertical-align: middle;
 }
 
-.e-ddt .e-chips-wrapper .e-chips {
+.e-ddt.e-show-chip .e-chips {
   -ms-flex-align: center;
       align-items: center;
   border-radius: 4px;
@@ -163,7 +167,7 @@
   white-space: nowrap;
 }
 
-.e-ddt .e-chips-wrapper .e-chips > .e-chipcontent {
+.e-ddt.e-show-chip .e-chips > .e-chipcontent {
   max-width: 100%;
   overflow: hidden;
   padding: 0 8px 0 8px;
@@ -172,6 +176,44 @@
   white-space: nowrap;
 }
 
+.e-ddt .e-overflow {
+  white-space: nowrap;
+}
+
+.e-ddt .e-overflow.e-show-text {
+  padding: 4px 8px 0 8px;
+}
+
+.e-ddt .e-overflow.e-total-count {
+  box-sizing: border-box;
+  display: inline-block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.e-ddt .e-overflow.e-total-count .e-remain {
+  padding: 0 8px 0 0;
+}
+
+.e-ddt .e-overflow.e-wrap-count {
+  padding-top: 4px;
+}
+
+.e-ddt .e-overflow .e-remain {
+  cursor: pointer;
+  display: inline-block;
+  font-size: 14px;
+  padding: 0 0 0 8px;
+}
+
+.e-ddt .e-overflow .e-remain.e-wrap-count {
+  padding-top: 4px;
+}
+
+.e-ddt.e-show-chip .e-overflow.e-total-count .e-remain {
+  padding: 4px 8px 0 8px;
+}
+
 .e-ddt.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
   margin-right: 23px;
   max-width: calc(100% - 24px);
@@ -312,10 +354,31 @@
   cursor: default;
 }
 
-.e-ddt.e-rtl .e-chips-wrapper .e-chips {
+.e-ddt.e-rtl.e-show-chip .e-chips {
   float: right;
 }
 
+.e-ddt.e-rtl.e-show-chip .e-overflow .e-remain, .e-ddt.e-rtl.e-show-text .e-overflow .e-remain {
+  padding: 0 8px 0 0;
+}
+
+.e-ddt.e-rtl.e-show-chip .e-overflow .e-remain.e-wrap-count, .e-ddt.e-rtl.e-show-text .e-overflow .e-remain.e-wrap-count {
+  padding-top: 4px;
+}
+
+.e-ddt.e-rtl.e-show-chip .e-overflow.e-wrap-count, .e-ddt.e-rtl.e-show-text .e-overflow.e-wrap-count {
+  position: absolute;
+  right: auto;
+}
+
+.e-ddt.e-rtl.e-show-text .e-overflow.e-total-count .e-remain {
+  padding: 0 0 0 8px;
+}
+
+.e-ddt.e-rtl.e-show-chip .e-overflow.e-total-count .e-remain {
+  padding: 4px 8px 0 8px;
+}
+
 .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
   margin-left: 23px;
   margin-right: 1px;
@@ -332,13 +395,15 @@
 }
 
 .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon,
-.e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon,
-.e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon {
+.e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-text .e-clear-icon,
+.e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon,
+.e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-text .e-clear-icon,
+.e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
   left: 0;
   right: auto;
 }
 
-.e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon {
+.e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
   left: 23px;
 }
 
@@ -351,15 +416,20 @@
   height: 32px;
 }
 
-.e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon,
+.e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon,
 .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon,
-.e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon {
+.e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon,
+.e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon,
+.e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
   right: 32px;
+  right: 33px;
 }
 
-.e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon,
+.e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon,
 .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon,
-.e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon {
+.e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon,
+.e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon,
+.e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
   bottom: 0;
 }
 
@@ -375,18 +445,23 @@
   min-height: 36px;
 }
 
-.e-bigger .e-ddt .e-chips-wrapper .e-chips-close,
-.e-ddt.e-bigger .e-chips-wrapper .e-chips-close {
+.e-bigger .e-ddt.e-show-chip .e-chips-close,
+.e-ddt.e-bigger.e-show-chip .e-chips-close {
   line-height: 27px;
   min-height: 30px;
   min-width: 30px;
 }
 
-.e-bigger .e-ddt .e-chips-wrapper .e-chips-close::before,
-.e-ddt.e-bigger .e-chips-wrapper .e-chips-close::before {
+.e-bigger .e-ddt.e-show-chip .e-chips-close::before,
+.e-ddt.e-bigger.e-show-chip .e-chips-close::before {
   font-size: 10px;
 }
 
+.e-bigger .e-ddt .e-overflow.e-show-text,
+.e-ddt.e-bigger .e-overflow.e-show-text {
+  padding: 6px 12px 0 12px;
+}
+
 .e-bigger .e-ddt.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
 .e-ddt.e-bigger.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
   margin-right: 32px;
@@ -433,8 +508,9 @@
   margin-right: 1px;
 }
 
-.e-bigger .e-ddt.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon,
-.e-ddt.e-bigger.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon {
+.e-bigger .e-ddt.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-rtl.e-show-text.e-input-group.e-show-dd-icon .e-clear-icon,
+.e-ddt.e-bigger.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon,
+.e-ddt.e-bigger.e-rtl.e-show-text.e-input-group.e-show-dd-icon .e-clear-icon {
   left: 32px;
   right: auto;
 }
@@ -459,6 +535,14 @@
   color: #fff;
 }
 
+.e-ddt .e-overflow {
+  color: #6c757d;
+}
+
+.e-ddt .e-overflow .e-remain {
+  color: #6c757d;
+}
+
 .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
   background-color: #fff;
 }

package/styles/drop-down-tree/fabric-dark.css

@@ -78,6 +78,7 @@
 }
 
 .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
+  box-sizing: content-box;
   min-height: 30px;
 }
 
@@ -89,25 +90,27 @@
   display: none;
 }
 
-.e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon {
+.e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-clear-icon {
   bottom: 0;
   position: absolute;
   right: 0;
 }
 
-.e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon {
+.e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
   right: 30px;
 }
 
-.e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon {
+.e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
   bottom: 0;
   position: absolute;
   right: 0;
 }
 
 .e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-input-focus input.e-dropdowntree.e-chip-input,
-.e-ddt.e-input-group.e-control-wrapper.e-show-chip input.e-dropdowntree.e-chip-input, .e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-input-focus input.e-dropdowntree.e-chip-input,
-.e-ddt.e-float-input.e-control-wrapper.e-show-chip input.e-dropdowntree.e-chip-input {
+.e-ddt.e-input-group.e-control-wrapper.e-show-chip input.e-dropdowntree.e-chip-input, .e-ddt.e-input-group.e-control-wrapper.e-show-text.e-input-focus input.e-dropdowntree.e-chip-input,
+.e-ddt.e-input-group.e-control-wrapper.e-show-text input.e-dropdowntree.e-chip-input, .e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-input-focus input.e-dropdowntree.e-chip-input,
+.e-ddt.e-float-input.e-control-wrapper.e-show-chip input.e-dropdowntree.e-chip-input, .e-ddt.e-float-input.e-control-wrapper.e-show-text.e-input-focus input.e-dropdowntree.e-chip-input,
+.e-ddt.e-float-input.e-control-wrapper.e-show-text input.e-dropdowntree.e-chip-input {
   padding-left: 0;
   padding-right: 0;
 }
@@ -116,19 +119,19 @@
   width: 100%;
 }
 
-.e-ddt .e-chips-wrapper .e-chips-close {
+.e-ddt.e-show-chip .e-chips-close {
   line-height: 23px;
   min-height: 26px;
   min-width: 18px;
   text-align: center;
 }
 
-.e-ddt .e-chips-wrapper .e-chips-close::before {
+.e-ddt.e-show-chip .e-chips-close::before {
   font-size: 10px;
   vertical-align: middle;
 }
 
-.e-ddt .e-chips-wrapper .e-chips {
+.e-ddt.e-show-chip .e-chips {
   -ms-flex-align: center;
       align-items: center;
   border-radius: 0;
@@ -145,7 +148,7 @@
   white-space: nowrap;
 }
 
-.e-ddt .e-chips-wrapper .e-chips > .e-chipcontent {
+.e-ddt.e-show-chip .e-chips > .e-chipcontent {
   max-width: 100%;
   overflow: hidden;
   padding: 0 4px 0 4px;
@@ -155,6 +158,44 @@
   line-height: 26px;
 }
 
+.e-ddt .e-overflow {
+  white-space: nowrap;
+}
+
+.e-ddt .e-overflow.e-show-text {
+  padding: 6px 10px 0 10px;
+}
+
+.e-ddt .e-overflow.e-total-count {
+  box-sizing: border-box;
+  display: inline-block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.e-ddt .e-overflow.e-total-count .e-remain {
+  padding: 0 16px 0 0;
+}
+
+.e-ddt .e-overflow.e-wrap-count {
+  padding-top: 6px;
+}
+
+.e-ddt .e-overflow .e-remain {
+  cursor: pointer;
+  display: inline-block;
+  font-size: 14px;
+  padding: 0 0 0 16px;
+}
+
+.e-ddt .e-overflow .e-remain.e-wrap-count {
+  padding-top: 6px;
+}
+
+.e-ddt.e-show-chip .e-overflow.e-total-count .e-remain {
+  padding: 6px 10px 0 10px;
+}
+
 .e-ddt.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
   margin-right: 30px;
   max-width: calc(100% - 31px);
@@ -294,10 +335,31 @@
   cursor: default;
 }
 
-.e-ddt.e-rtl .e-chips-wrapper .e-chips {
+.e-ddt.e-rtl.e-show-chip .e-chips {
   float: right;
 }
 
+.e-ddt.e-rtl.e-show-chip .e-overflow .e-remain, .e-ddt.e-rtl.e-show-text .e-overflow .e-remain {
+  padding: 0 16px 0 0;
+}
+
+.e-ddt.e-rtl.e-show-chip .e-overflow .e-remain.e-wrap-count, .e-ddt.e-rtl.e-show-text .e-overflow .e-remain.e-wrap-count {
+  padding-top: 6px;
+}
+
+.e-ddt.e-rtl.e-show-chip .e-overflow.e-wrap-count, .e-ddt.e-rtl.e-show-text .e-overflow.e-wrap-count {
+  position: absolute;
+  right: auto;
+}
+
+.e-ddt.e-rtl.e-show-text .e-overflow.e-total-count .e-remain {
+  padding: 0 0 0 16px;
+}
+
+.e-ddt.e-rtl.e-show-chip .e-overflow.e-total-count .e-remain {
+  padding: 6px 10px 0 10px;
+}
+
 .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
   margin-left: 30px;
   margin-right: 1px;
@@ -314,13 +376,15 @@
 }
 
 .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon,
-.e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon,
-.e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon {
+.e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-text .e-clear-icon,
+.e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon,
+.e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-text .e-clear-icon,
+.e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
   left: 0;
   right: auto;
 }
 
-.e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon {
+.e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
   left: 30px;
 }
 
@@ -333,15 +397,19 @@
   height: 34px;
 }
 
-.e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon,
+.e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon,
 .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon,
-.e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon {
+.e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon,
+.e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon,
+.e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
   right: 38px;
 }
 
-.e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon,
+.e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon,
 .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon,
-.e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon {
+.e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon,
+.e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon,
+.e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
   bottom: 0;
 }
 
@@ -351,6 +419,11 @@
   min-height: 38px;
 }
 
+.e-bigger .e-ddt .e-overflow.e-show-text,
+.e-ddt.e-bigger .e-overflow.e-show-text {
+  padding: 8px 12px 0 12px;
+}
+
 .e-bigger .e-ddt.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
 .e-ddt.e-bigger.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
   margin-right: 38px;
@@ -397,8 +470,9 @@
   margin-right: 1px;
 }
 
-.e-bigger .e-ddt.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon,
-.e-ddt.e-bigger.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon {
+.e-bigger .e-ddt.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-rtl.e-show-text.e-input-group.e-show-dd-icon .e-clear-icon,
+.e-ddt.e-bigger.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon,
+.e-ddt.e-bigger.e-rtl.e-show-text.e-input-group.e-show-dd-icon .e-clear-icon {
   left: 38px;
   right: auto;
 }
@@ -423,6 +497,10 @@
   color: #fff;
 }
 
+.e-ddt .e-overflow .e-remain {
+  color: #9a9a9a;
+}
+
 .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
   background-color: #201f1f;
 }