@syncfusion/ej2-dropdowns 33.2.6 → 33.2.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (33) hide show
  1. package/dist/ej2-dropdowns.min.js +1 -10
  2. package/dist/ej2-dropdowns.umd.min.js +1 -10
  3. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-dropdowns.es2015.js +46 -6
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +47 -6
  7. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  8. package/dist/global/ej2-dropdowns.min.js +1 -10
  9. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  10. package/dist/global/index.d.ts +0 -9
  11. package/package.json +4 -4
  12. package/src/drop-down-base/drop-down-base.js +2 -1
  13. package/src/drop-down-list/drop-down-list.js +3 -0
  14. package/src/drop-down-tree/drop-down-tree.d.ts +1 -0
  15. package/src/drop-down-tree/drop-down-tree.js +13 -0
  16. package/src/mention/mention.js +5 -1
  17. package/src/multi-select/multi-select.d.ts +1 -0
  18. package/src/multi-select/multi-select.js +24 -4
  19. package/styles/bds-lite.css +2 -2
  20. package/styles/bds.css +4 -4
  21. package/styles/drop-down-tree/_bigger.scss +25 -4
  22. package/styles/drop-down-tree/_layout.scss +18 -3
  23. package/styles/drop-down-tree/_material3-dark-definition.scss +2 -0
  24. package/styles/drop-down-tree/_material3-definition.scss +2 -0
  25. package/styles/drop-down-tree/_theme.scss +9 -1
  26. package/styles/drop-down-tree/material3-dark.css +244 -1
  27. package/styles/drop-down-tree/material3.css +244 -1
  28. package/styles/material3-dark-lite.css +106 -1
  29. package/styles/material3-dark.css +244 -1
  30. package/styles/material3-lite.css +106 -1
  31. package/styles/material3.css +244 -1
  32. package/styles/multi-select/_bds-definition.scss +4 -4
  33. package/styles/multi-select/bds.css +4 -4
package/styles/material3-dark.css CHANGED
@@ -2187,6 +2187,108 @@ ejs-dropdownlist {
2187
2187
  text-overflow: ellipsis;
2188
2188
  white-space: nowrap;
2189
2189
  }
2190
+ .e-ddt.e-outline .e-overflow.e-show-text {
2191
+ padding: 10px 12px 9px;
2192
+ }
2193
+ .e-ddt.e-outline .e-overflow.e-total-count {
2194
+ padding: 10px 12px;
2195
+ }
2196
+ .e-ddt.e-outline.e-input-group.e-control-wrapper.e-show-dd-icon .e-clear-icon, .e-ddt.e-outline.e-float-input.e-control-wrapper.e-show-dd-icon .e-clear-icon {
2197
+ right: 30px;
2198
+ }
2199
+ .e-ddt.e-outline.e-input-group.e-control-wrapper:not(.e-show-chip).e-show-dd-icon.e-input-focus .e-clear-icon, .e-ddt.e-outline.e-float-input.e-control-wrapper:not(.e-show-chip).e-show-dd-icon.e-input-focus .e-clear-icon {
2200
+ min-height: 20px;
2201
+ }
2202
+ .e-ddt.e-outline.e-show-chip .e-overflow,
2203
+ .e-ddt.e-outline.e-show-chip .e-chips-wrapper {
2204
+ padding: 4px 12px;
2205
+ }
2206
+ .e-ddt.e-filled.e-float-input.e-control-wrapper .e-overflow.e-show-text {
2207
+ line-height: 21px;
2208
+ padding: 14px 2px 5px 0;
2209
+ }
2210
+ .e-ddt.e-filled.e-float-input.e-control-wrapper .e-overflow .e-remain.e-wrap-count {
2211
+ padding-top: 10px;
2212
+ }
2213
+ .e-ddt.e-filled.e-float-input.e-control-wrapper .e-float-text.e-label-top {
2214
+ font-size: 12px !important; /* stylelint-disable-line declaration-no-important */
2215
+ }
2216
+ .e-ddt.e-filled.e-float-input.e-control-wrapper:not(.e-show-chip) .e-ddt-icon, .e-ddt.e-filled.e-float-input.e-control-wrapper:not(.e-show-chip).e-show-dd-icon .e-clear-icon {
2217
+ padding-top: 8px;
2218
+ }
2219
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
2220
+ bottom: 6px;
2221
+ right: 0;
2222
+ }
2223
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-text .e-clear-icon {
2224
+ bottom: 5px;
2225
+ right: 30px;
2226
+ }
2227
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip:not(.e-show-dd-icon) .e-clear-icon, .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-text:not(.e-show-dd-icon) .e-clear-icon {
2228
+ bottom: 9px;
2229
+ right: 10px;
2230
+ }
2231
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper,
2232
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow {
2233
+ padding-top: 8px;
2234
+ }
2235
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips,
2236
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips {
2237
+ height: 18px;
2238
+ }
2239
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent,
2240
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips > .e-chipcontent {
2241
+ font-size: 12px;
2242
+ padding: 0 4px 0 0;
2243
+ }
2244
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips-close::before,
2245
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips-close::before {
2246
+ font-size: 12px;
2247
+ height: 12px;
2248
+ width: 12px;
2249
+ }
2250
+ .e-ddt.e-filled .e-chips-wrapper .e-chips,
2251
+ .e-ddt.e-filled .e-overflow .e-chips {
2252
+ margin-top: 8px;
2253
+ padding: 0 8px;
2254
+ }
2255
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow.e-show-text {
2256
+ line-height: 39px;
2257
+ padding: 0;
2258
+ }
2259
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow .e-remain.e-wrap-count {
2260
+ line-height: 39px;
2261
+ padding-top: 0;
2262
+ }
2263
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips,
2264
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips {
2265
+ height: 28px;
2266
+ margin-top: 8px;
2267
+ padding: 0 8px;
2268
+ }
2269
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent,
2270
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips > .e-chipcontent {
2271
+ font-size: 13px;
2272
+ padding: 0 8px 0 0;
2273
+ }
2274
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips-close::before,
2275
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips-close::before {
2276
+ font-size: 14px;
2277
+ height: 12px;
2278
+ width: 12px;
2279
+ }
2280
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-text .e-ddt-icon, .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip .e-ddt-icon {
2281
+ bottom: 10px;
2282
+ right: 10px;
2283
+ }
2284
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-clear-icon {
2285
+ bottom: 9px;
2286
+ right: 38px;
2287
+ }
2288
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input):not(.e-show-dd-icon) .e-clear-icon {
2289
+ bottom: 9px;
2290
+ right: 10px;
2291
+ }
2190
2292
  .e-ddt .e-overflow {
2191
2293
  white-space: nowrap;
2192
2294
  }
@@ -2466,8 +2568,8 @@ ejs-dropdownlist {
2466
2568
  /* 16px */
2467
2569
  .e-ddt .e-chips {
2468
2570
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
2469
- border-color: rgba(var(--color-sf-outline));
2470
2571
  border: 1px solid;
2572
+ border-color: rgba(var(--color-sf-outline));
2471
2573
  }
2472
2574
  .e-ddt .e-chips .e-chips-close::before {
2473
2575
  color: rgba(var(--color-sf-on-surface));
@@ -2475,6 +2577,9 @@ ejs-dropdownlist {
2475
2577
  .e-ddt .e-chips > .e-chipcontent {
2476
2578
  color: rgba(var(--color-sf-on-surface));
2477
2579
  }
2580
+ .e-ddt.e-filled .e-chips {
2581
+ background: transparent;
2582
+ }
2478
2583
  .e-ddt .e-overflow .e-remain {
2479
2584
  color: #757575;
2480
2585
  }
@@ -2597,6 +2702,144 @@ ejs-dropdownlist {
2597
2702
  .e-ddt.e-bigger .e-overflow.e-show-text {
2598
2703
  padding: 8px 12px;
2599
2704
  }
2705
+ .e-bigger .e-ddt.e-outline .e-overflow.e-show-text, .e-bigger .e-ddt.e-outline .e-overflow.e-total-count,
2706
+ .e-ddt.e-bigger.e-outline .e-overflow.e-show-text,
2707
+ .e-ddt.e-bigger.e-outline .e-overflow.e-total-count {
2708
+ padding: 15px 16px;
2709
+ }
2710
+ .e-bigger .e-ddt.e-outline.e-input-group.e-control-wrapper.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-outline.e-float-input.e-control-wrapper.e-show-dd-icon .e-clear-icon,
2711
+ .e-ddt.e-bigger.e-outline.e-input-group.e-control-wrapper.e-show-dd-icon .e-clear-icon,
2712
+ .e-ddt.e-bigger.e-outline.e-float-input.e-control-wrapper.e-show-dd-icon .e-clear-icon {
2713
+ right: 36px;
2714
+ }
2715
+ .e-bigger .e-ddt.e-outline.e-show-chip .e-overflow,
2716
+ .e-ddt.e-bigger.e-outline.e-show-chip .e-overflow {
2717
+ padding: 8px 15px;
2718
+ }
2719
+ .e-bigger .e-ddt.e-outline.e-show-chip .e-overflow.e-total-count .e-remain,
2720
+ .e-ddt.e-bigger.e-outline.e-show-chip .e-overflow.e-total-count .e-remain {
2721
+ padding-top: 10px;
2722
+ }
2723
+ .e-bigger .e-ddt.e-outline.e-show-chip .e-overflow .e-remain.e-wrap-count,
2724
+ .e-ddt.e-bigger.e-outline.e-show-chip .e-overflow .e-remain.e-wrap-count {
2725
+ padding-top: 10px;
2726
+ }
2727
+ .e-bigger .e-ddt.e-outline.e-show-chip .e-chips-wrapper,
2728
+ .e-ddt.e-bigger.e-outline.e-show-chip .e-chips-wrapper {
2729
+ padding: 8px 15px;
2730
+ }
2731
+ .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper .e-overflow.e-show-text,
2732
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper .e-overflow.e-show-text {
2733
+ line-height: 30px;
2734
+ padding: 19px 12px 0 0;
2735
+ }
2736
+ .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper .e-overflow .e-remain.e-wrap-count,
2737
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper .e-overflow .e-remain.e-wrap-count {
2738
+ padding-top: 14px;
2739
+ }
2740
+ .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper .e-float-text.e-label-top,
2741
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper .e-float-text.e-label-top {
2742
+ font-size: 12px !important; /* stylelint-disable-line declaration-no-important */
2743
+ top: 12px !important; /* stylelint-disable-line declaration-no-important */
2744
+ }
2745
+ .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper:not(.e-show-chip) .e-ddt-icon, .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper:not(.e-show-chip).e-show-dd-icon .e-clear-icon,
2746
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper:not(.e-show-chip) .e-ddt-icon,
2747
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper:not(.e-show-chip).e-show-dd-icon .e-clear-icon {
2748
+ padding-top: 8px;
2749
+ }
2750
+ .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon,
2751
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon,
2752
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
2753
+ padding: 0;
2754
+ }
2755
+ .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon, .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-text .e-clear-icon,
2756
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon,
2757
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-text .e-clear-icon {
2758
+ bottom: 0;
2759
+ right: 30px;
2760
+ }
2761
+ .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip:not(.e-show-dd-icon) .e-clear-icon, .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-text:not(.e-show-dd-icon) .e-clear-icon,
2762
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip:not(.e-show-dd-icon) .e-clear-icon,
2763
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-text:not(.e-show-dd-icon) .e-clear-icon {
2764
+ bottom: 14px;
2765
+ right: 12px;
2766
+ }
2767
+ .e-bigger .e-ddt.e-filled .e-chips-wrapper .e-chips,
2768
+ .e-bigger .e-ddt.e-filled .e-overflow .e-chips,
2769
+ .e-ddt.e-bigger.e-filled .e-chips-wrapper .e-chips,
2770
+ .e-ddt.e-bigger.e-filled .e-overflow .e-chips {
2771
+ margin-top: 8px;
2772
+ padding: 0 8px;
2773
+ }
2774
+ .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper,
2775
+ .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow,
2776
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper,
2777
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow {
2778
+ padding-top: 19px;
2779
+ }
2780
+ .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips,
2781
+ .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips,
2782
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips,
2783
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips {
2784
+ height: 26px;
2785
+ }
2786
+ .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent,
2787
+ .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips > .e-chipcontent,
2788
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent,
2789
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips > .e-chipcontent {
2790
+ font-size: 13px;
2791
+ }
2792
+ .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips-close::before,
2793
+ .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips-close::before,
2794
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips-close::before,
2795
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips-close::before {
2796
+ font-size: 14px;
2797
+ height: 14px;
2798
+ width: 14px;
2799
+ }
2800
+ .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow.e-show-text,
2801
+ .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow.e-show-text {
2802
+ line-height: 55px;
2803
+ }
2804
+ .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow .e-remain.e-wrap-count,
2805
+ .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow .e-remain.e-wrap-count {
2806
+ line-height: 55px;
2807
+ padding-top: 0;
2808
+ }
2809
+ .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips,
2810
+ .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips,
2811
+ .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips,
2812
+ .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips {
2813
+ height: 32px;
2814
+ padding: 0 12px;
2815
+ }
2816
+ .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent,
2817
+ .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips > .e-chipcontent,
2818
+ .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent,
2819
+ .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips > .e-chipcontent {
2820
+ font-size: 14px;
2821
+ }
2822
+ .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips-close::before,
2823
+ .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips-close::before,
2824
+ .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips-close::before,
2825
+ .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips-close::before {
2826
+ font-size: 16px;
2827
+ height: 16px;
2828
+ width: 16px;
2829
+ }
2830
+ .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-text .e-ddt-icon, .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-text:not(.e-show-dd-icon) .e-clear-icon, .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip:not(.e-show-dd-icon) .e-clear-icon,
2831
+ .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-text .e-ddt-icon,
2832
+ .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-text:not(.e-show-dd-icon) .e-clear-icon,
2833
+ .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip .e-ddt-icon,
2834
+ .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip:not(.e-show-dd-icon) .e-clear-icon {
2835
+ bottom: 16px;
2836
+ right: 12px;
2837
+ }
2838
+ .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-clear-icon,
2839
+ .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-clear-icon {
2840
+ bottom: 15px;
2841
+ right: 44px;
2842
+ }
2600
2843
  .e-bigger .e-ddt.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
2601
2844
  .e-ddt.e-bigger.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
2602
2845
  max-width: calc(100% - 37px);
package/styles/material3-lite.css CHANGED
@@ -1747,6 +1747,108 @@ ejs-dropdownlist {
1747
1747
  text-overflow: ellipsis;
1748
1748
  white-space: nowrap;
1749
1749
  }
1750
+ .e-ddt.e-outline .e-overflow.e-show-text {
1751
+ padding: 10px 12px 9px;
1752
+ }
1753
+ .e-ddt.e-outline .e-overflow.e-total-count {
1754
+ padding: 10px 12px;
1755
+ }
1756
+ .e-ddt.e-outline.e-input-group.e-control-wrapper.e-show-dd-icon .e-clear-icon, .e-ddt.e-outline.e-float-input.e-control-wrapper.e-show-dd-icon .e-clear-icon {
1757
+ right: 30px;
1758
+ }
1759
+ .e-ddt.e-outline.e-input-group.e-control-wrapper:not(.e-show-chip).e-show-dd-icon.e-input-focus .e-clear-icon, .e-ddt.e-outline.e-float-input.e-control-wrapper:not(.e-show-chip).e-show-dd-icon.e-input-focus .e-clear-icon {
1760
+ min-height: 20px;
1761
+ }
1762
+ .e-ddt.e-outline.e-show-chip .e-overflow,
1763
+ .e-ddt.e-outline.e-show-chip .e-chips-wrapper {
1764
+ padding: 4px 12px;
1765
+ }
1766
+ .e-ddt.e-filled.e-float-input.e-control-wrapper .e-overflow.e-show-text {
1767
+ line-height: 21px;
1768
+ padding: 14px 2px 5px 0;
1769
+ }
1770
+ .e-ddt.e-filled.e-float-input.e-control-wrapper .e-overflow .e-remain.e-wrap-count {
1771
+ padding-top: 10px;
1772
+ }
1773
+ .e-ddt.e-filled.e-float-input.e-control-wrapper .e-float-text.e-label-top {
1774
+ font-size: 12px !important; /* stylelint-disable-line declaration-no-important */
1775
+ }
1776
+ .e-ddt.e-filled.e-float-input.e-control-wrapper:not(.e-show-chip) .e-ddt-icon, .e-ddt.e-filled.e-float-input.e-control-wrapper:not(.e-show-chip).e-show-dd-icon .e-clear-icon {
1777
+ padding-top: 8px;
1778
+ }
1779
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
1780
+ bottom: 6px;
1781
+ right: 0;
1782
+ }
1783
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-text .e-clear-icon {
1784
+ bottom: 5px;
1785
+ right: 30px;
1786
+ }
1787
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip:not(.e-show-dd-icon) .e-clear-icon, .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-text:not(.e-show-dd-icon) .e-clear-icon {
1788
+ bottom: 9px;
1789
+ right: 10px;
1790
+ }
1791
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper,
1792
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow {
1793
+ padding-top: 8px;
1794
+ }
1795
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips,
1796
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips {
1797
+ height: 18px;
1798
+ }
1799
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent,
1800
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips > .e-chipcontent {
1801
+ font-size: 12px;
1802
+ padding: 0 4px 0 0;
1803
+ }
1804
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips-close::before,
1805
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips-close::before {
1806
+ font-size: 12px;
1807
+ height: 12px;
1808
+ width: 12px;
1809
+ }
1810
+ .e-ddt.e-filled .e-chips-wrapper .e-chips,
1811
+ .e-ddt.e-filled .e-overflow .e-chips {
1812
+ margin-top: 8px;
1813
+ padding: 0 8px;
1814
+ }
1815
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow.e-show-text {
1816
+ line-height: 39px;
1817
+ padding: 0;
1818
+ }
1819
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow .e-remain.e-wrap-count {
1820
+ line-height: 39px;
1821
+ padding-top: 0;
1822
+ }
1823
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips,
1824
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips {
1825
+ height: 28px;
1826
+ margin-top: 8px;
1827
+ padding: 0 8px;
1828
+ }
1829
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent,
1830
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips > .e-chipcontent {
1831
+ font-size: 13px;
1832
+ padding: 0 8px 0 0;
1833
+ }
1834
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips-close::before,
1835
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips-close::before {
1836
+ font-size: 14px;
1837
+ height: 12px;
1838
+ width: 12px;
1839
+ }
1840
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-text .e-ddt-icon, .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip .e-ddt-icon {
1841
+ bottom: 10px;
1842
+ right: 10px;
1843
+ }
1844
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-clear-icon {
1845
+ bottom: 9px;
1846
+ right: 38px;
1847
+ }
1848
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input):not(.e-show-dd-icon) .e-clear-icon {
1849
+ bottom: 9px;
1850
+ right: 10px;
1851
+ }
1750
1852
  .e-ddt .e-overflow {
1751
1853
  white-space: nowrap;
1752
1854
  }
@@ -2028,8 +2130,8 @@ ejs-dropdownlist {
2028
2130
 
2029
2131
  .e-ddt .e-chips {
2030
2132
  background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
2031
- border-color: rgba(var(--color-sf-outline));
2032
2133
  border: 1px solid;
2134
+ border-color: rgba(var(--color-sf-outline));
2033
2135
  }
2034
2136
  .e-ddt .e-chips .e-chips-close::before {
2035
2137
  color: rgba(var(--color-sf-on-surface));
@@ -2037,6 +2139,9 @@ ejs-dropdownlist {
2037
2139
  .e-ddt .e-chips > .e-chipcontent {
2038
2140
  color: rgba(var(--color-sf-on-surface));
2039
2141
  }
2142
+ .e-ddt.e-filled .e-chips {
2143
+ background: transparent;
2144
+ }
2040
2145
  .e-ddt .e-overflow .e-remain {
2041
2146
  color: #757575;
2042
2147
  }
package/styles/material3.css CHANGED
@@ -2203,6 +2203,108 @@ ejs-dropdownlist {
2203
2203
  text-overflow: ellipsis;
2204
2204
  white-space: nowrap;
2205
2205
  }
2206
+ .e-ddt.e-outline .e-overflow.e-show-text {
2207
+ padding: 10px 12px 9px;
2208
+ }
2209
+ .e-ddt.e-outline .e-overflow.e-total-count {
2210
+ padding: 10px 12px;
2211
+ }
2212
+ .e-ddt.e-outline.e-input-group.e-control-wrapper.e-show-dd-icon .e-clear-icon, .e-ddt.e-outline.e-float-input.e-control-wrapper.e-show-dd-icon .e-clear-icon {
2213
+ right: 30px;
2214
+ }
2215
+ .e-ddt.e-outline.e-input-group.e-control-wrapper:not(.e-show-chip).e-show-dd-icon.e-input-focus .e-clear-icon, .e-ddt.e-outline.e-float-input.e-control-wrapper:not(.e-show-chip).e-show-dd-icon.e-input-focus .e-clear-icon {
2216
+ min-height: 20px;
2217
+ }
2218
+ .e-ddt.e-outline.e-show-chip .e-overflow,
2219
+ .e-ddt.e-outline.e-show-chip .e-chips-wrapper {
2220
+ padding: 4px 12px;
2221
+ }
2222
+ .e-ddt.e-filled.e-float-input.e-control-wrapper .e-overflow.e-show-text {
2223
+ line-height: 21px;
2224
+ padding: 14px 2px 5px 0;
2225
+ }
2226
+ .e-ddt.e-filled.e-float-input.e-control-wrapper .e-overflow .e-remain.e-wrap-count {
2227
+ padding-top: 10px;
2228
+ }
2229
+ .e-ddt.e-filled.e-float-input.e-control-wrapper .e-float-text.e-label-top {
2230
+ font-size: 12px !important; /* stylelint-disable-line declaration-no-important */
2231
+ }
2232
+ .e-ddt.e-filled.e-float-input.e-control-wrapper:not(.e-show-chip) .e-ddt-icon, .e-ddt.e-filled.e-float-input.e-control-wrapper:not(.e-show-chip).e-show-dd-icon .e-clear-icon {
2233
+ padding-top: 8px;
2234
+ }
2235
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
2236
+ bottom: 6px;
2237
+ right: 0;
2238
+ }
2239
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-text .e-clear-icon {
2240
+ bottom: 5px;
2241
+ right: 30px;
2242
+ }
2243
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip:not(.e-show-dd-icon) .e-clear-icon, .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-text:not(.e-show-dd-icon) .e-clear-icon {
2244
+ bottom: 9px;
2245
+ right: 10px;
2246
+ }
2247
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper,
2248
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow {
2249
+ padding-top: 8px;
2250
+ }
2251
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips,
2252
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips {
2253
+ height: 18px;
2254
+ }
2255
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent,
2256
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips > .e-chipcontent {
2257
+ font-size: 12px;
2258
+ padding: 0 4px 0 0;
2259
+ }
2260
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips-close::before,
2261
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips-close::before {
2262
+ font-size: 12px;
2263
+ height: 12px;
2264
+ width: 12px;
2265
+ }
2266
+ .e-ddt.e-filled .e-chips-wrapper .e-chips,
2267
+ .e-ddt.e-filled .e-overflow .e-chips {
2268
+ margin-top: 8px;
2269
+ padding: 0 8px;
2270
+ }
2271
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow.e-show-text {
2272
+ line-height: 39px;
2273
+ padding: 0;
2274
+ }
2275
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow .e-remain.e-wrap-count {
2276
+ line-height: 39px;
2277
+ padding-top: 0;
2278
+ }
2279
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips,
2280
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips {
2281
+ height: 28px;
2282
+ margin-top: 8px;
2283
+ padding: 0 8px;
2284
+ }
2285
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent,
2286
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips > .e-chipcontent {
2287
+ font-size: 13px;
2288
+ padding: 0 8px 0 0;
2289
+ }
2290
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips-close::before,
2291
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips-close::before {
2292
+ font-size: 14px;
2293
+ height: 12px;
2294
+ width: 12px;
2295
+ }
2296
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-text .e-ddt-icon, .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip .e-ddt-icon {
2297
+ bottom: 10px;
2298
+ right: 10px;
2299
+ }
2300
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-clear-icon {
2301
+ bottom: 9px;
2302
+ right: 38px;
2303
+ }
2304
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input):not(.e-show-dd-icon) .e-clear-icon {
2305
+ bottom: 9px;
2306
+ right: 10px;
2307
+ }
2206
2308
  .e-ddt .e-overflow {
2207
2309
  white-space: nowrap;
2208
2310
  }
@@ -2484,8 +2586,8 @@ ejs-dropdownlist {
2484
2586
 
2485
2587
  .e-ddt .e-chips {
2486
2588
  background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
2487
- border-color: rgba(var(--color-sf-outline));
2488
2589
  border: 1px solid;
2590
+ border-color: rgba(var(--color-sf-outline));
2489
2591
  }
2490
2592
  .e-ddt .e-chips .e-chips-close::before {
2491
2593
  color: rgba(var(--color-sf-on-surface));
@@ -2493,6 +2595,9 @@ ejs-dropdownlist {
2493
2595
  .e-ddt .e-chips > .e-chipcontent {
2494
2596
  color: rgba(var(--color-sf-on-surface));
2495
2597
  }
2598
+ .e-ddt.e-filled .e-chips {
2599
+ background: transparent;
2600
+ }
2496
2601
  .e-ddt .e-overflow .e-remain {
2497
2602
  color: #757575;
2498
2603
  }
@@ -2617,6 +2722,144 @@ ejs-dropdownlist {
2617
2722
  .e-ddt.e-bigger .e-overflow.e-show-text {
2618
2723
  padding: 8px 12px;
2619
2724
  }
2725
+ .e-bigger .e-ddt.e-outline .e-overflow.e-show-text, .e-bigger .e-ddt.e-outline .e-overflow.e-total-count,
2726
+ .e-ddt.e-bigger.e-outline .e-overflow.e-show-text,
2727
+ .e-ddt.e-bigger.e-outline .e-overflow.e-total-count {
2728
+ padding: 15px 16px;
2729
+ }
2730
+ .e-bigger .e-ddt.e-outline.e-input-group.e-control-wrapper.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-outline.e-float-input.e-control-wrapper.e-show-dd-icon .e-clear-icon,
2731
+ .e-ddt.e-bigger.e-outline.e-input-group.e-control-wrapper.e-show-dd-icon .e-clear-icon,
2732
+ .e-ddt.e-bigger.e-outline.e-float-input.e-control-wrapper.e-show-dd-icon .e-clear-icon {
2733
+ right: 36px;
2734
+ }
2735
+ .e-bigger .e-ddt.e-outline.e-show-chip .e-overflow,
2736
+ .e-ddt.e-bigger.e-outline.e-show-chip .e-overflow {
2737
+ padding: 8px 15px;
2738
+ }
2739
+ .e-bigger .e-ddt.e-outline.e-show-chip .e-overflow.e-total-count .e-remain,
2740
+ .e-ddt.e-bigger.e-outline.e-show-chip .e-overflow.e-total-count .e-remain {
2741
+ padding-top: 10px;
2742
+ }
2743
+ .e-bigger .e-ddt.e-outline.e-show-chip .e-overflow .e-remain.e-wrap-count,
2744
+ .e-ddt.e-bigger.e-outline.e-show-chip .e-overflow .e-remain.e-wrap-count {
2745
+ padding-top: 10px;
2746
+ }
2747
+ .e-bigger .e-ddt.e-outline.e-show-chip .e-chips-wrapper,
2748
+ .e-ddt.e-bigger.e-outline.e-show-chip .e-chips-wrapper {
2749
+ padding: 8px 15px;
2750
+ }
2751
+ .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper .e-overflow.e-show-text,
2752
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper .e-overflow.e-show-text {
2753
+ line-height: 30px;
2754
+ padding: 19px 12px 0 0;
2755
+ }
2756
+ .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper .e-overflow .e-remain.e-wrap-count,
2757
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper .e-overflow .e-remain.e-wrap-count {
2758
+ padding-top: 14px;
2759
+ }
2760
+ .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper .e-float-text.e-label-top,
2761
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper .e-float-text.e-label-top {
2762
+ font-size: 12px !important; /* stylelint-disable-line declaration-no-important */
2763
+ top: 12px !important; /* stylelint-disable-line declaration-no-important */
2764
+ }
2765
+ .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper:not(.e-show-chip) .e-ddt-icon, .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper:not(.e-show-chip).e-show-dd-icon .e-clear-icon,
2766
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper:not(.e-show-chip) .e-ddt-icon,
2767
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper:not(.e-show-chip).e-show-dd-icon .e-clear-icon {
2768
+ padding-top: 8px;
2769
+ }
2770
+ .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon,
2771
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon,
2772
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
2773
+ padding: 0;
2774
+ }
2775
+ .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon, .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-text .e-clear-icon,
2776
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon,
2777
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-text .e-clear-icon {
2778
+ bottom: 0;
2779
+ right: 30px;
2780
+ }
2781
+ .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip:not(.e-show-dd-icon) .e-clear-icon, .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-text:not(.e-show-dd-icon) .e-clear-icon,
2782
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip:not(.e-show-dd-icon) .e-clear-icon,
2783
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-text:not(.e-show-dd-icon) .e-clear-icon {
2784
+ bottom: 14px;
2785
+ right: 12px;
2786
+ }
2787
+ .e-bigger .e-ddt.e-filled .e-chips-wrapper .e-chips,
2788
+ .e-bigger .e-ddt.e-filled .e-overflow .e-chips,
2789
+ .e-ddt.e-bigger.e-filled .e-chips-wrapper .e-chips,
2790
+ .e-ddt.e-bigger.e-filled .e-overflow .e-chips {
2791
+ margin-top: 8px;
2792
+ padding: 0 8px;
2793
+ }
2794
+ .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper,
2795
+ .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow,
2796
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper,
2797
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow {
2798
+ padding-top: 19px;
2799
+ }
2800
+ .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips,
2801
+ .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips,
2802
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips,
2803
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips {
2804
+ height: 26px;
2805
+ }
2806
+ .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent,
2807
+ .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips > .e-chipcontent,
2808
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent,
2809
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips > .e-chipcontent {
2810
+ font-size: 13px;
2811
+ }
2812
+ .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips-close::before,
2813
+ .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips-close::before,
2814
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips-close::before,
2815
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips-close::before {
2816
+ font-size: 14px;
2817
+ height: 14px;
2818
+ width: 14px;
2819
+ }
2820
+ .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow.e-show-text,
2821
+ .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow.e-show-text {
2822
+ line-height: 55px;
2823
+ }
2824
+ .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow .e-remain.e-wrap-count,
2825
+ .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow .e-remain.e-wrap-count {
2826
+ line-height: 55px;
2827
+ padding-top: 0;
2828
+ }
2829
+ .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips,
2830
+ .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips,
2831
+ .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips,
2832
+ .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips {
2833
+ height: 32px;
2834
+ padding: 0 12px;
2835
+ }
2836
+ .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent,
2837
+ .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips > .e-chipcontent,
2838
+ .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent,
2839
+ .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips > .e-chipcontent {
2840
+ font-size: 14px;
2841
+ }
2842
+ .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips-close::before,
2843
+ .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips-close::before,
2844
+ .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips-close::before,
2845
+ .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips-close::before {
2846
+ font-size: 16px;
2847
+ height: 16px;
2848
+ width: 16px;
2849
+ }
2850
+ .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-text .e-ddt-icon, .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-text:not(.e-show-dd-icon) .e-clear-icon, .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip:not(.e-show-dd-icon) .e-clear-icon,
2851
+ .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-text .e-ddt-icon,
2852
+ .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-text:not(.e-show-dd-icon) .e-clear-icon,
2853
+ .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip .e-ddt-icon,
2854
+ .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip:not(.e-show-dd-icon) .e-clear-icon {
2855
+ bottom: 16px;
2856
+ right: 12px;
2857
+ }
2858
+ .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-clear-icon,
2859
+ .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-clear-icon {
2860
+ bottom: 15px;
2861
+ right: 44px;
2862
+ }
2620
2863
  .e-bigger .e-ddt.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
2621
2864
  .e-ddt.e-bigger.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
2622
2865
  max-width: calc(100% - 37px);