npm - @syncfusion/ej2-angular-dropdowns - Versions diffs - 23.1.38-ngcc → 23.1.38 - Mend

@syncfusion/ej2-angular-dropdowns 23.1.38-ngcc → 23.1.38

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 (471) hide show

package/esm2020/public_api.mjs +3 -0
package/esm2020/src/auto-complete/autocomplete-all.module.mjs +23 -0
package/esm2020/src/auto-complete/autocomplete.component.mjs +129 -0
package/esm2020/src/auto-complete/autocomplete.module.mjs +25 -0
package/esm2020/src/combo-box/combobox-all.module.mjs +23 -0
package/esm2020/src/combo-box/combobox.component.mjs +129 -0
package/esm2020/src/combo-box/combobox.module.mjs +25 -0
package/esm2020/src/drop-down-list/dropdownlist-all.module.mjs +29 -0
package/esm2020/src/drop-down-list/dropdownlist.component.mjs +135 -0
package/esm2020/src/drop-down-list/dropdownlist.module.mjs +25 -0
package/esm2020/src/drop-down-tree/dropdowntree-all.module.mjs +23 -0
package/esm2020/src/drop-down-tree/dropdowntree.component.mjs +116 -0
package/esm2020/src/drop-down-tree/dropdowntree.module.mjs +25 -0
package/esm2020/src/index.mjs +23 -0
package/esm2020/src/list-box/listbox-all.module.mjs +23 -0
package/esm2020/src/list-box/listbox.component.mjs +104 -0
package/esm2020/src/list-box/listbox.module.mjs +25 -0
package/esm2020/src/mention/mention-all.module.mjs +23 -0
package/esm2020/src/mention/mention.component.mjs +84 -0
package/esm2020/src/mention/mention.module.mjs +25 -0
package/esm2020/src/multi-select/multiselect-all.module.mjs +29 -0
package/esm2020/src/multi-select/multiselect.component.mjs +135 -0
package/esm2020/src/multi-select/multiselect.module.mjs +25 -0
package/esm2020/syncfusion-ej2-angular-dropdowns.mjs +5 -0
package/fesm2015/syncfusion-ej2-angular-dropdowns.mjs +1084 -0
package/fesm2015/syncfusion-ej2-angular-dropdowns.mjs.map +1 -0
package/fesm2020/syncfusion-ej2-angular-dropdowns.mjs +1084 -0
package/fesm2020/syncfusion-ej2-angular-dropdowns.mjs.map +1 -0
package/package.json +26 -12
package/src/auto-complete/autocomplete-all.module.d.ts +6 -0
package/src/auto-complete/autocomplete.component.d.ts +7 -4
package/src/auto-complete/autocomplete.module.d.ts +6 -0
package/src/combo-box/combobox-all.module.d.ts +6 -0
package/src/combo-box/combobox.component.d.ts +7 -4
package/src/combo-box/combobox.module.d.ts +6 -0
package/src/drop-down-list/dropdownlist-all.module.d.ts +6 -0
package/src/drop-down-list/dropdownlist.component.d.ts +5 -2
package/src/drop-down-list/dropdownlist.module.d.ts +6 -0
package/src/drop-down-tree/dropdowntree-all.module.d.ts +6 -0
package/src/drop-down-tree/dropdowntree.component.d.ts +3 -0
package/src/drop-down-tree/dropdowntree.module.d.ts +6 -0
package/src/list-box/listbox-all.module.d.ts +6 -0
package/src/list-box/listbox.component.d.ts +4 -1
package/src/list-box/listbox.module.d.ts +6 -0
package/src/mention/mention-all.module.d.ts +6 -0
package/src/mention/mention.component.d.ts +3 -0
package/src/mention/mention.module.d.ts +6 -0
package/src/multi-select/multiselect-all.module.d.ts +6 -0
package/src/multi-select/multiselect.component.d.ts +3 -0
package/src/multi-select/multiselect.module.d.ts +6 -0
package/styles/auto-complete/_all.scss +1 -0
package/styles/auto-complete/_bootstrap-dark-definition.scss +3 -0
package/styles/auto-complete/_bootstrap-definition.scss +2 -0
package/styles/auto-complete/_bootstrap4-definition.scss +11 -0
package/styles/auto-complete/_bootstrap5-dark-definition.scss +1 -0
package/styles/auto-complete/_bootstrap5-definition.scss +2 -0
package/styles/auto-complete/_fabric-dark-definition.scss +2 -0
package/styles/auto-complete/_fabric-definition.scss +2 -0
package/styles/auto-complete/_fluent-dark-definition.scss +1 -0
package/styles/auto-complete/_fluent-definition.scss +2 -0
package/styles/auto-complete/_fusionnew-definition.scss +2 -0
package/styles/auto-complete/_highcontrast-definition.scss +2 -0
package/styles/auto-complete/_highcontrast-light-definition.scss +2 -0
package/styles/auto-complete/_material-dark-definition.scss +2 -0
package/styles/auto-complete/_material-definition.scss +2 -0
package/styles/auto-complete/_material3-dark-definition.scss +1 -0
package/styles/auto-complete/_material3-definition.scss +2 -0
package/styles/auto-complete/_tailwind-dark-definition.scss +1 -0
package/styles/auto-complete/_tailwind-definition.scss +2 -0
package/styles/auto-complete/bootstrap-dark.scss +4 -1
package/styles/auto-complete/bootstrap.scss +4 -1
package/styles/auto-complete/bootstrap4.scss +4 -1
package/styles/auto-complete/bootstrap5-dark.scss +4 -1
package/styles/auto-complete/bootstrap5.scss +4 -1
package/styles/auto-complete/fabric-dark.scss +4 -1
package/styles/auto-complete/fabric.scss +4 -1
package/styles/auto-complete/fluent-dark.scss +4 -1
package/styles/auto-complete/fluent.scss +4 -1
package/styles/auto-complete/highcontrast-light.scss +4 -1
package/styles/auto-complete/highcontrast.scss +4 -1
package/styles/auto-complete/material-dark.scss +4 -1
package/styles/auto-complete/material.scss +4 -1
package/styles/auto-complete/material3-dark.scss +4 -1
package/styles/auto-complete/material3.scss +4 -1
package/styles/auto-complete/tailwind-dark.scss +4 -1
package/styles/auto-complete/tailwind.scss +4 -1
package/styles/bootstrap-dark.css +7 -70
package/styles/bootstrap.css +7 -70
package/styles/bootstrap4.css +8 -71
package/styles/bootstrap5-dark.css +8 -71
package/styles/bootstrap5.css +8 -71
package/styles/combo-box/_all.scss +1 -0
package/styles/combo-box/_bootstrap-dark-definition.scss +2 -0
package/styles/combo-box/_bootstrap-definition.scss +2 -0
package/styles/combo-box/_bootstrap4-definition.scss +11 -0
package/styles/combo-box/_bootstrap5-dark-definition.scss +1 -0
package/styles/combo-box/_bootstrap5-definition.scss +2 -0
package/styles/combo-box/_fabric-dark-definition.scss +2 -0
package/styles/combo-box/_fabric-definition.scss +2 -0
package/styles/combo-box/_fluent-dark-definition.scss +1 -0
package/styles/combo-box/_fluent-definition.scss +2 -0
package/styles/combo-box/_fusionnew-definition.scss +2 -0
package/styles/combo-box/_highcontrast-definition.scss +2 -0
package/styles/combo-box/_highcontrast-light-definition.scss +3 -0
package/styles/combo-box/_material-dark-definition.scss +2 -0
package/styles/combo-box/_material-definition.scss +2 -0
package/styles/combo-box/_material3-dark-definition.scss +1 -0
package/styles/combo-box/_material3-definition.scss +2 -0
package/styles/combo-box/_tailwind-dark-definition.scss +1 -0
package/styles/combo-box/_tailwind-definition.scss +2 -0
package/styles/combo-box/bootstrap-dark.scss +4 -1
package/styles/combo-box/bootstrap.scss +4 -1
package/styles/combo-box/bootstrap4.scss +4 -1
package/styles/combo-box/bootstrap5-dark.scss +4 -1
package/styles/combo-box/bootstrap5.scss +4 -1
package/styles/combo-box/fabric-dark.scss +4 -1
package/styles/combo-box/fabric.scss +4 -1
package/styles/combo-box/fluent-dark.scss +4 -1
package/styles/combo-box/fluent.scss +4 -1
package/styles/combo-box/highcontrast-light.scss +4 -1
package/styles/combo-box/highcontrast.scss +4 -1
package/styles/combo-box/material-dark.scss +4 -1
package/styles/combo-box/material.scss +4 -1
package/styles/combo-box/material3-dark.scss +4 -1
package/styles/combo-box/material3.scss +4 -1
package/styles/combo-box/tailwind-dark.scss +4 -1
package/styles/combo-box/tailwind.scss +4 -1
package/styles/drop-down-base/_all.scss +2 -0
package/styles/drop-down-base/_bootstrap-dark-definition.scss +83 -0
package/styles/drop-down-base/_bootstrap-definition.scss +83 -0
package/styles/drop-down-base/_bootstrap4-definition.scss +90 -0
package/styles/drop-down-base/_bootstrap5-dark-definition.scss +1 -0
package/styles/drop-down-base/_bootstrap5-definition.scss +117 -0
package/styles/drop-down-base/_definition.scss +23 -0
package/styles/drop-down-base/_fabric-dark-definition.scss +86 -0
package/styles/drop-down-base/_fabric-definition.scss +84 -0
package/styles/drop-down-base/_fluent-dark-definition.scss +1 -0
package/styles/drop-down-base/_fluent-definition.scss +121 -0
package/styles/drop-down-base/_fusionnew-definition.scss +117 -0
package/styles/drop-down-base/_highcontrast-definition.scss +105 -0
package/styles/drop-down-base/_highcontrast-light-definition.scss +105 -0
package/styles/drop-down-base/_layout.scss +195 -0
package/styles/drop-down-base/_material-dark-definition.scss +86 -0
package/styles/drop-down-base/_material-definition.scss +85 -0
package/styles/drop-down-base/_material3-dark-definition.scss +1 -0
package/styles/drop-down-base/_material3-definition.scss +87 -0
package/styles/drop-down-base/_tailwind-dark-definition.scss +1 -0
package/styles/drop-down-base/_tailwind-definition.scss +129 -0
package/styles/drop-down-base/_theme.scss +391 -0
package/styles/drop-down-base/bootstrap-dark.scss +3 -1
package/styles/drop-down-base/bootstrap.scss +3 -1
package/styles/drop-down-base/bootstrap4.scss +3 -1
package/styles/drop-down-base/bootstrap5-dark.scss +3 -1
package/styles/drop-down-base/bootstrap5.scss +3 -1
package/styles/drop-down-base/fabric-dark.scss +3 -1
package/styles/drop-down-base/fabric.scss +3 -1
package/styles/drop-down-base/fluent-dark.scss +3 -1
package/styles/drop-down-base/fluent.scss +3 -1
package/styles/drop-down-base/highcontrast-light.scss +3 -1
package/styles/drop-down-base/highcontrast.scss +3 -1
package/styles/drop-down-base/material-dark.scss +3 -1
package/styles/drop-down-base/material.scss +3 -1
package/styles/drop-down-base/material3-dark.scss +3 -1
package/styles/drop-down-base/material3.scss +3 -1
package/styles/drop-down-base/tailwind-dark.scss +3 -1
package/styles/drop-down-base/tailwind.scss +3 -1
package/styles/drop-down-list/_all.scss +3 -0
package/styles/drop-down-list/_bootstrap-dark-definition.scss +157 -0
package/styles/drop-down-list/_bootstrap-definition.scss +156 -0
package/styles/drop-down-list/_bootstrap4-definition.scss +191 -0
package/styles/drop-down-list/_bootstrap5-dark-definition.scss +1 -0
package/styles/drop-down-list/_bootstrap5-definition.scss +201 -0
package/styles/drop-down-list/_fabric-dark-definition.scss +128 -0
package/styles/drop-down-list/_fabric-definition.scss +124 -0
package/styles/drop-down-list/_fluent-dark-definition.scss +1 -0
package/styles/drop-down-list/_fluent-definition.scss +185 -0
package/styles/drop-down-list/_fusionnew-definition.scss +201 -0
package/styles/drop-down-list/_highcontrast-definition.scss +142 -0
package/styles/drop-down-list/_highcontrast-light-definition.scss +144 -0
package/styles/drop-down-list/_layout.scss +310 -0
package/styles/drop-down-list/_material-dark-definition.scss +143 -0
package/styles/drop-down-list/_material-definition.scss +167 -0
package/styles/drop-down-list/_material3-dark-definition.scss +1 -0
package/styles/drop-down-list/_material3-definition.scss +180 -0
package/styles/drop-down-list/_tailwind-dark-definition.scss +1 -0
package/styles/drop-down-list/_tailwind-definition.scss +134 -0
package/styles/drop-down-list/_theme.scss +10 -0
package/styles/drop-down-list/bootstrap-dark.scss +9 -1
package/styles/drop-down-list/bootstrap.scss +9 -1
package/styles/drop-down-list/bootstrap4.scss +9 -1
package/styles/drop-down-list/bootstrap5-dark.scss +9 -1
package/styles/drop-down-list/bootstrap5.scss +9 -1
package/styles/drop-down-list/fabric-dark.scss +9 -1
package/styles/drop-down-list/fabric.scss +9 -1
package/styles/drop-down-list/fluent-dark.scss +9 -1
package/styles/drop-down-list/fluent.scss +9 -1
package/styles/drop-down-list/highcontrast-light.scss +9 -1
package/styles/drop-down-list/highcontrast.scss +9 -1
package/styles/drop-down-list/icons/_bootstrap-dark.scss +14 -0
package/styles/drop-down-list/icons/_bootstrap.scss +14 -0
package/styles/drop-down-list/icons/_bootstrap4.scss +14 -0
package/styles/drop-down-list/icons/_bootstrap5-dark.scss +1 -0
package/styles/drop-down-list/icons/_bootstrap5.scss +14 -0
package/styles/drop-down-list/icons/_fabric-dark.scss +14 -0
package/styles/drop-down-list/icons/_fabric.scss +14 -0
package/styles/drop-down-list/icons/_fluent-dark.scss +1 -0
package/styles/drop-down-list/icons/_fluent.scss +14 -0
package/styles/drop-down-list/icons/_fusionnew.scss +14 -0
package/styles/drop-down-list/icons/_highcontrast-light.scss +14 -0
package/styles/drop-down-list/icons/_highcontrast.scss +14 -0
package/styles/drop-down-list/icons/_material-dark.scss +14 -0
package/styles/drop-down-list/icons/_material.scss +14 -0
package/styles/drop-down-list/icons/_material3-dark.scss +1 -0
package/styles/drop-down-list/icons/_material3.scss +14 -0
package/styles/drop-down-list/icons/_tailwind-dark.scss +1 -0
package/styles/drop-down-list/icons/_tailwind.scss +14 -0
package/styles/drop-down-list/material-dark.scss +9 -1
package/styles/drop-down-list/material.scss +9 -1
package/styles/drop-down-list/material3-dark.scss +9 -1
package/styles/drop-down-list/material3.scss +9 -1
package/styles/drop-down-list/tailwind-dark.scss +9 -1
package/styles/drop-down-list/tailwind.scss +9 -1
package/styles/drop-down-tree/_all.scss +2 -0
package/styles/drop-down-tree/_bootstrap-dark-definition.scss +72 -0
package/styles/drop-down-tree/_bootstrap-definition.scss +71 -0
package/styles/drop-down-tree/_bootstrap4-definition.scss +72 -0
package/styles/drop-down-tree/_bootstrap5-dark-definition.scss +1 -0
package/styles/drop-down-tree/_bootstrap5-definition.scss +60 -0
package/styles/drop-down-tree/_fabric-dark-definition.scss +72 -0
package/styles/drop-down-tree/_fabric-definition.scss +72 -0
package/styles/drop-down-tree/_fluent-dark-definition.scss +1 -0
package/styles/drop-down-tree/_fluent-definition.scss +66 -0
package/styles/drop-down-tree/_fusionnew-definition.scss +60 -0
package/styles/drop-down-tree/_highcontrast-definition.scss +72 -0
package/styles/drop-down-tree/_highcontrast-light-definition.scss +72 -0
package/styles/drop-down-tree/_layout.scss +1412 -0
package/styles/drop-down-tree/_material-dark-definition.scss +73 -0
package/styles/drop-down-tree/_material-definition.scss +73 -0
package/styles/drop-down-tree/_material3-dark-definition.scss +1 -0
package/styles/drop-down-tree/_material3-definition.scss +76 -0
package/styles/drop-down-tree/_tailwind-dark-definition.scss +1 -0
package/styles/drop-down-tree/_tailwind-definition.scss +61 -0
package/styles/drop-down-tree/_theme.scss +132 -0
package/styles/drop-down-tree/bootstrap-dark.scss +9 -1
package/styles/drop-down-tree/bootstrap.scss +9 -1
package/styles/drop-down-tree/bootstrap4.scss +9 -1
package/styles/drop-down-tree/bootstrap5-dark.scss +9 -1
package/styles/drop-down-tree/bootstrap5.scss +9 -1
package/styles/drop-down-tree/fabric-dark.scss +9 -1
package/styles/drop-down-tree/fabric.scss +9 -1
package/styles/drop-down-tree/fluent-dark.scss +9 -1
package/styles/drop-down-tree/fluent.scss +9 -1
package/styles/drop-down-tree/highcontrast-light.scss +9 -1
package/styles/drop-down-tree/highcontrast.scss +9 -1
package/styles/drop-down-tree/icons/_bootstrap-dark.scss +11 -0
package/styles/drop-down-tree/icons/_bootstrap.scss +11 -0
package/styles/drop-down-tree/icons/_bootstrap4.scss +11 -0
package/styles/drop-down-tree/icons/_bootstrap5-dark.scss +1 -0
package/styles/drop-down-tree/icons/_bootstrap5.scss +11 -0
package/styles/drop-down-tree/icons/_fabric-dark.scss +11 -0
package/styles/drop-down-tree/icons/_fabric.scss +11 -0
package/styles/drop-down-tree/icons/_fluent-dark.scss +1 -0
package/styles/drop-down-tree/icons/_fluent.scss +11 -0
package/styles/drop-down-tree/icons/_fusionnew.scss +11 -0
package/styles/drop-down-tree/icons/_highcontrast-light.scss +11 -0
package/styles/drop-down-tree/icons/_highcontrast.scss +11 -0
package/styles/drop-down-tree/icons/_material-dark.scss +11 -0
package/styles/drop-down-tree/icons/_material.scss +11 -0
package/styles/drop-down-tree/icons/_material3-dark.scss +1 -0
package/styles/drop-down-tree/icons/_material3.scss +11 -0
package/styles/drop-down-tree/icons/_tailwind-dark.scss +11 -0
package/styles/drop-down-tree/icons/_tailwind.scss +11 -0
package/styles/drop-down-tree/material-dark.scss +9 -1
package/styles/drop-down-tree/material.scss +9 -1
package/styles/drop-down-tree/material3-dark.scss +9 -1
package/styles/drop-down-tree/material3.scss +9 -1
package/styles/drop-down-tree/tailwind-dark.scss +9 -1
package/styles/drop-down-tree/tailwind.scss +9 -1
package/styles/fabric-dark.css +7 -70
package/styles/fabric.css +7 -70
package/styles/fluent-dark.css +7 -70
package/styles/fluent.css +7 -70
package/styles/highcontrast-light.css +7 -70
package/styles/highcontrast.css +7 -70
package/styles/list-box/_all.scss +2 -0
package/styles/list-box/_bootstrap-dark-definition.scss +122 -0
package/styles/list-box/_bootstrap-definition.scss +115 -0
package/styles/list-box/_bootstrap4-definition.scss +120 -0
package/styles/list-box/_bootstrap5-dark-definition.scss +1 -0
package/styles/list-box/_bootstrap5-definition.scss +118 -0
package/styles/list-box/_fabric-dark-definition.scss +122 -0
package/styles/list-box/_fabric-definition.scss +115 -0
package/styles/list-box/_fluent-dark-definition.scss +1 -0
package/styles/list-box/_fluent-definition.scss +118 -0
package/styles/list-box/_fusionnew-definition.scss +111 -0
package/styles/list-box/_highcontrast-definition.scss +115 -0
package/styles/list-box/_highcontrast-light-definition.scss +122 -0
package/styles/list-box/_layout.scss +542 -0
package/styles/list-box/_material-dark-definition.scss +122 -0
package/styles/list-box/_material-definition.scss +115 -0
package/styles/list-box/_material3-dark-definition.scss +1 -0
package/styles/list-box/_material3-definition.scss +117 -0
package/styles/list-box/_tailwind-dark-definition.scss +1 -0
package/styles/list-box/_tailwind-definition.scss +117 -0
package/styles/list-box/_theme.scss +317 -0
package/styles/list-box/bootstrap-dark.css +7 -70
package/styles/list-box/bootstrap-dark.scss +5 -1
package/styles/list-box/bootstrap.css +7 -70
package/styles/list-box/bootstrap.scss +5 -1
package/styles/list-box/bootstrap4.css +8 -71
package/styles/list-box/bootstrap4.scss +5 -1
package/styles/list-box/bootstrap5-dark.css +8 -71
package/styles/list-box/bootstrap5-dark.scss +5 -1
package/styles/list-box/bootstrap5.css +8 -71
package/styles/list-box/bootstrap5.scss +5 -1
package/styles/list-box/fabric-dark.css +7 -70
package/styles/list-box/fabric-dark.scss +5 -1
package/styles/list-box/fabric.css +7 -70
package/styles/list-box/fabric.scss +5 -1
package/styles/list-box/fluent-dark.css +7 -70
package/styles/list-box/fluent-dark.scss +5 -1
package/styles/list-box/fluent.css +7 -70
package/styles/list-box/fluent.scss +5 -1
package/styles/list-box/highcontrast-light.css +7 -70
package/styles/list-box/highcontrast-light.scss +5 -1
package/styles/list-box/highcontrast.css +7 -70
package/styles/list-box/highcontrast.scss +5 -1
package/styles/list-box/icons/_bootstrap-dark.scss +25 -0
package/styles/list-box/icons/_bootstrap.scss +25 -0
package/styles/list-box/icons/_bootstrap4.scss +25 -0
package/styles/list-box/icons/_bootstrap5-dark.scss +1 -0
package/styles/list-box/icons/_bootstrap5.scss +25 -0
package/styles/list-box/icons/_fabric-dark.scss +25 -0
package/styles/list-box/icons/_fabric.scss +25 -0
package/styles/list-box/icons/_fluent-dark.scss +1 -0
package/styles/list-box/icons/_fluent.scss +25 -0
package/styles/list-box/icons/_fusionnew.scss +25 -0
package/styles/list-box/icons/_highcontrast-light.scss +25 -0
package/styles/list-box/icons/_highcontrast.scss +25 -0
package/styles/list-box/icons/_material-dark.scss +25 -0
package/styles/list-box/icons/_material.scss +25 -0
package/styles/list-box/icons/_material3-dark.scss +1 -0
package/styles/list-box/icons/_material3.scss +25 -0
package/styles/list-box/icons/_tailwind-dark.scss +25 -0
package/styles/list-box/icons/_tailwind.scss +25 -0
package/styles/list-box/material-dark.css +8 -71
package/styles/list-box/material-dark.scss +5 -1
package/styles/list-box/material.css +8 -71
package/styles/list-box/material.scss +5 -1
package/styles/list-box/material3-dark.css +8 -71
package/styles/list-box/material3-dark.scss +5 -1
package/styles/list-box/material3.css +8 -71
package/styles/list-box/material3.scss +5 -1
package/styles/list-box/tailwind-dark.css +8 -71
package/styles/list-box/tailwind-dark.scss +5 -1
package/styles/list-box/tailwind.css +8 -71
package/styles/list-box/tailwind.scss +5 -1
package/styles/material-dark.css +8 -71
package/styles/material.css +8 -71
package/styles/material3-dark.css +9 -458
package/styles/material3-dark.scss +1 -0
package/styles/material3.css +98 -939
package/styles/material3.scss +1 -0
package/styles/mention/_all.scss +1 -0
package/styles/mention/_bootstrap-dark-definition.scss +3 -0
package/styles/mention/_bootstrap-definition.scss +3 -0
package/styles/mention/_bootstrap4-definition.scss +3 -0
package/styles/mention/_bootstrap5-dark-definition.scss +1 -0
package/styles/mention/_bootstrap5-definition.scss +1 -0
package/styles/mention/_fabric-dark-definition.scss +2 -0
package/styles/mention/_fabric-definition.scss +3 -0
package/styles/mention/_fluent-dark-definition.scss +1 -0
package/styles/mention/_fluent-definition.scss +1 -0
package/styles/mention/_fusionnew-definition.scss +1 -0
package/styles/mention/_highcontrast-definition.scss +3 -0
package/styles/mention/_highcontrast-light-definition.scss +3 -0
package/styles/mention/_layout.scss +6 -0
package/styles/mention/_material-dark-definition.scss +3 -0
package/styles/mention/_material-definition.scss +3 -0
package/styles/mention/_material3-dark-definition.scss +1 -0
package/styles/mention/_material3-definition.scss +1 -0
package/styles/mention/_tailwind-dark-definition.scss +1 -0
package/styles/mention/_tailwind-definition.scss +1 -0
package/styles/mention/bootstrap-dark.scss +6 -1
package/styles/mention/bootstrap.scss +6 -1
package/styles/mention/bootstrap4.scss +6 -1
package/styles/mention/bootstrap5-dark.scss +6 -1
package/styles/mention/bootstrap5.scss +6 -1
package/styles/mention/fabric-dark.scss +6 -1
package/styles/mention/fabric.scss +6 -1
package/styles/mention/fluent-dark.scss +6 -1
package/styles/mention/fluent.scss +6 -1
package/styles/mention/highcontrast-light.scss +6 -1
package/styles/mention/highcontrast.scss +6 -1
package/styles/mention/material-dark.scss +6 -1
package/styles/mention/material.scss +6 -1
package/styles/mention/material3-dark.scss +6 -1
package/styles/mention/material3.scss +6 -1
package/styles/mention/tailwind-dark.scss +6 -1
package/styles/mention/tailwind.scss +6 -1
package/styles/multi-select/_all.scss +2 -0
package/styles/multi-select/_bootstrap-dark-definition.scss +196 -0
package/styles/multi-select/_bootstrap-definition.scss +190 -0
package/styles/multi-select/_bootstrap4-definition.scss +257 -0
package/styles/multi-select/_bootstrap5-dark-definition.scss +1 -0
package/styles/multi-select/_bootstrap5-definition.scss +227 -0
package/styles/multi-select/_fabric-dark-definition.scss +185 -0
package/styles/multi-select/_fabric-definition.scss +181 -0
package/styles/multi-select/_fluent-dark-definition.scss +1 -0
package/styles/multi-select/_fluent-definition.scss +238 -0
package/styles/multi-select/_fusionnew-definition.scss +227 -0
package/styles/multi-select/_highcontrast-definition.scss +296 -0
package/styles/multi-select/_highcontrast-light-definition.scss +295 -0
package/styles/multi-select/_layout.scss +2188 -0
package/styles/multi-select/_material-dark-definition.scss +228 -0
package/styles/multi-select/_material-definition.scss +221 -0
package/styles/multi-select/_material3-dark-definition.scss +1 -0
package/styles/multi-select/_material3-definition.scss +246 -0
package/styles/multi-select/_tailwind-dark-definition.scss +1 -0
package/styles/multi-select/_tailwind-definition.scss +232 -0
package/styles/multi-select/_theme.scss +586 -0
package/styles/multi-select/bootstrap-dark.scss +9 -1
package/styles/multi-select/bootstrap.scss +9 -1
package/styles/multi-select/bootstrap4.scss +9 -1
package/styles/multi-select/bootstrap5-dark.scss +9 -1
package/styles/multi-select/bootstrap5.scss +9 -1
package/styles/multi-select/fabric-dark.scss +9 -1
package/styles/multi-select/fabric.scss +9 -1
package/styles/multi-select/fluent-dark.scss +9 -1
package/styles/multi-select/fluent.scss +9 -1
package/styles/multi-select/highcontrast-light.scss +9 -1
package/styles/multi-select/highcontrast.scss +9 -1
package/styles/multi-select/icons/_bootstrap-dark.scss +26 -0
package/styles/multi-select/icons/_bootstrap.scss +26 -0
package/styles/multi-select/icons/_bootstrap4.scss +37 -0
package/styles/multi-select/icons/_bootstrap5-dark.scss +1 -0
package/styles/multi-select/icons/_bootstrap5.scss +26 -0
package/styles/multi-select/icons/_fabric-dark.scss +26 -0
package/styles/multi-select/icons/_fabric.scss +26 -0
package/styles/multi-select/icons/_fluent-dark.scss +1 -0
package/styles/multi-select/icons/_fluent.scss +55 -0
package/styles/multi-select/icons/_fusionnew.scss +26 -0
package/styles/multi-select/icons/_highcontrast-light.scss +26 -0
package/styles/multi-select/icons/_highcontrast.scss +26 -0
package/styles/multi-select/icons/_material-dark.scss +693 -0
package/styles/multi-select/icons/_material.scss +693 -0
package/styles/multi-select/icons/_material3-dark.scss +1 -0
package/styles/multi-select/icons/_material3.scss +692 -0
package/styles/multi-select/icons/_tailwind-dark.scss +1 -0
package/styles/multi-select/icons/_tailwind.scss +26 -0
package/styles/multi-select/material-dark.scss +9 -1
package/styles/multi-select/material.scss +9 -1
package/styles/multi-select/material3-dark.scss +9 -1
package/styles/multi-select/material3.scss +9 -1
package/styles/multi-select/tailwind-dark.scss +9 -1
package/styles/multi-select/tailwind.scss +9 -1
package/styles/tailwind-dark.css +8 -71
package/styles/tailwind.css +8 -71
package/syncfusion-ej2-angular-dropdowns.d.ts +5 -0
package/@syncfusion/ej2-angular-dropdowns.es5.js +0 -1475
package/@syncfusion/ej2-angular-dropdowns.es5.js.map +0 -1
package/@syncfusion/ej2-angular-dropdowns.js +0 -1390
package/@syncfusion/ej2-angular-dropdowns.js.map +0 -1
package/CHANGELOG.md +0 -2370
package/dist/ej2-angular-dropdowns.umd.js +0 -1545
package/dist/ej2-angular-dropdowns.umd.js.map +0 -1
package/dist/ej2-angular-dropdowns.umd.min.js +0 -11
package/dist/ej2-angular-dropdowns.umd.min.js.map +0 -1
package/ej2-angular-dropdowns.d.ts +0 -11
package/ej2-angular-dropdowns.metadata.json +0 -1
package/postinstall/tagchange.js +0 -18

package/styles/material3.css CHANGED Viewed

@@ -493,117 +493,6 @@
   background-color: rgba(var(--color-sf-on-surface), 0.05);
 }
-:root {
-  --color-sf-black: 0, 0, 0;
-  --color-sf-white: 255, 255, 255;
-  --color-sf-primary: 103, 80, 164;
-  --color-sf-primary-container: 234, 221, 255;
-  --color-sf-secondary: 98, 91, 113;
-  --color-sf-secondary-container: 232, 222, 248;
-  --color-sf-tertiary: 125, 82, 96;
-  --color-sf-tertiary-container: 255, 216, 228;
-  --color-sf-surface: 255, 255, 255;
-  --color-sf-surface-variant: 231, 224, 236;
-  --color-sf-background: var(--color-sf-surface);
-  --color-sf-on-primary: 255, 255, 255;
-  --color-sf-on-primary-container: 33, 0, 94;
-  --color-sf-on-secondary: 255, 255, 255;
-  --color-sf-on-secondary-container: 30, 25, 43;
-  --color-sf-on-tertiary: 255, 255, 255;
-  --color-sf-on-tertiary-containe: 55, 11, 30;
-  --color-sf-on-surface: 28, 27, 31;
-  --color-sf-on-surface-variant: 73, 69, 78;
-  --color-sf-on-background: 28, 27, 31;
-  --color-sf-outline: 121, 116, 126;
-  --color-sf-outline-variant: 196, 199, 197;
-  --color-sf-shadow: 0, 0, 0;
-  --color-sf-surface-tint-color: 103, 80, 164;
-  --color-sf-inverse-surface: 49, 48, 51;
-  --color-sf-inverse-on-surface: 244, 239, 244;
-  --color-sf-inverse-primary: 208, 188, 255;
-  --color-sf-scrim: 0, 0, 0;
-  --color-sf-error: 179, 38, 30;
-  --color-sf-error-container: 249, 222, 220;
-  --color-sf-on-error: 255, 250, 250;
-  --color-sf-on-error-container: 65, 14, 11;
-  --color-sf-success: 32, 81, 7;
-  --color-sf-success-container: 209, 255, 186;
-  --color-sf-on-success: 244, 255, 239;
-  --color-sf-on-success-container: 13, 39, 0;
-  --color-sf-info: 1, 87, 155;
-  --color-sf-info-container: 233, 245, 255;
-  --color-sf-on-info: 250, 253, 255;
-  --color-sf-on-info-container: 0, 51, 91;
-  --color-sf-warning: 145, 76, 0;
-  --color-sf-warning-container: 254, 236, 222;
-  --color-sf-on-warning: 255, 255, 255;
-  --color-sf-on-warning-container: 47, 21, 0;
-  --color-sf-spreadsheet-gridline: var(--color-sf-surface-variant);
-  --color-sf-shadow-focus-ring1: 0 0 0 1px rgb(255, 255, 255), 0 0 0 3px rgb(0, 0, 0);
-  --color-sf-diagram-palette-background: --color-sf-white;
-  --color-sf-success-text: 255, 255, 255;
-  --color-sf-warning-text: 255, 255, 255;
-  --color-sf-danger-text: 255, 255, 255;
-  --color-sf-info-text: 255, 255, 255;
-  --color-sf-content-text-color-alt2: var(--color-sf-on-secondary-container);
-  --color-sf-secondary-bg-color: var(--color-sf-surface);
-}
-.e-dark-mode {
-  --color-sf-black: 0, 0, 0;
-  --color-sf-white: 255, 255, 255;
-  --color-sf-primary: 208, 188, 255;
-  --color-sf-primary-container: 79, 55, 139;
-  --color-sf-secondary: 204, 194, 220;
-  --color-sf-secondary-container: 74, 68, 88;
-  --color-sf-tertiary: 239, 184, 200;
-  --color-sf-tertiary-container: 99, 59, 72;
-  --color-sf-surface: 28, 27, 31;
-  --color-sf-surface-variant: 28, 27, 31;
-  --color-sf-background: var(--color-sf-surface);
-  --color-sf-on-primary: 55, 30, 115;
-  --color-sf-on-primary-container: 234, 221, 255;
-  --color-sf-on-secondary: 51, 45, 65;
-  --color-sf-on-secondary-container: 232, 222, 248;
-  --color-sf-on-tertiary: 73, 37, 50;
-  --color-sf-on-tertiary-containe: 255, 216, 228;
-  --color-sf-on-surface: 230, 225, 229;
-  --color-sf-on-surface-variant: 202, 196, 208;
-  --color-sf-on-background: 230, 225, 229;
-  --color-sf-outline: 147, 143, 153;
-  --color-sf-outline-variant: 68, 71, 70;
-  --color-sf-shadow: 0, 0, 0;
-  --color-sf-surface-tint-color: 208, 188, 255;
-  --color-sf-inverse-surface: 230, 225, 229;
-  --color-sf-inverse-on-surface: 49, 48, 51;
-  --color-sf-inverse-primary: 103, 80, 164;
-  --color-sf-scrim: 0, 0, 0;
-  --color-sf-error: 242, 184, 181;
-  --color-sf-error-container: 140, 29, 24;
-  --color-sf-on-error: 96, 20, 16;
-  --color-sf-on-error-container: 249, 222, 220;
-  --color-sf-success: 83, 202, 23;
-  --color-sf-success-container: 22, 62, 2;
-  --color-sf-on-success: 13, 39, 0;
-  --color-sf-on-success-container: 183, 250, 150;
-  --color-sf-info: 71, 172, 251;
-  --color-sf-info-container: 0, 67, 120;
-  --color-sf-on-info: 0, 51, 91;
-  --color-sf-on-info-container: 173, 219, 255;
-  --color-sf-warning: 245, 180, 130;
-  --color-sf-warning-container: 123, 65, 0;
-  --color-sf-on-warning: 99, 52, 0;
-  --color-sf-on-warning-container: 255, 220, 193;
-  --color-sf-spreadsheet-gridline: 231, 224, 236;
-  --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
-  --color-sf-success-text: 0, 0, 0;
-  --color-sf-warning-text: 0, 0, 0;
-  --color-sf-info-text: 0, 0, 0;
-  --color-sf-danger-text: 0, 0, 0;
-  --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
-  --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
-}
 /* stylelint-disable property-no-vendor-prefix */
 @keyframes e-input-ripple {
   100% {
@@ -1040,117 +929,6 @@ ejs-dropdownlist {
   color: rgba(var(--color-sf-on-surface));
 }
-:root {
-  --color-sf-black: 0, 0, 0;
-  --color-sf-white: 255, 255, 255;
-  --color-sf-primary: 103, 80, 164;
-  --color-sf-primary-container: 234, 221, 255;
-  --color-sf-secondary: 98, 91, 113;
-  --color-sf-secondary-container: 232, 222, 248;
-  --color-sf-tertiary: 125, 82, 96;
-  --color-sf-tertiary-container: 255, 216, 228;
-  --color-sf-surface: 255, 255, 255;
-  --color-sf-surface-variant: 231, 224, 236;
-  --color-sf-background: var(--color-sf-surface);
-  --color-sf-on-primary: 255, 255, 255;
-  --color-sf-on-primary-container: 33, 0, 94;
-  --color-sf-on-secondary: 255, 255, 255;
-  --color-sf-on-secondary-container: 30, 25, 43;
-  --color-sf-on-tertiary: 255, 255, 255;
-  --color-sf-on-tertiary-containe: 55, 11, 30;
-  --color-sf-on-surface: 28, 27, 31;
-  --color-sf-on-surface-variant: 73, 69, 78;
-  --color-sf-on-background: 28, 27, 31;
-  --color-sf-outline: 121, 116, 126;
-  --color-sf-outline-variant: 196, 199, 197;
-  --color-sf-shadow: 0, 0, 0;
-  --color-sf-surface-tint-color: 103, 80, 164;
-  --color-sf-inverse-surface: 49, 48, 51;
-  --color-sf-inverse-on-surface: 244, 239, 244;
-  --color-sf-inverse-primary: 208, 188, 255;
-  --color-sf-scrim: 0, 0, 0;
-  --color-sf-error: 179, 38, 30;
-  --color-sf-error-container: 249, 222, 220;
-  --color-sf-on-error: 255, 250, 250;
-  --color-sf-on-error-container: 65, 14, 11;
-  --color-sf-success: 32, 81, 7;
-  --color-sf-success-container: 209, 255, 186;
-  --color-sf-on-success: 244, 255, 239;
-  --color-sf-on-success-container: 13, 39, 0;
-  --color-sf-info: 1, 87, 155;
-  --color-sf-info-container: 233, 245, 255;
-  --color-sf-on-info: 250, 253, 255;
-  --color-sf-on-info-container: 0, 51, 91;
-  --color-sf-warning: 145, 76, 0;
-  --color-sf-warning-container: 254, 236, 222;
-  --color-sf-on-warning: 255, 255, 255;
-  --color-sf-on-warning-container: 47, 21, 0;
-  --color-sf-spreadsheet-gridline: var(--color-sf-surface-variant);
-  --color-sf-shadow-focus-ring1: 0 0 0 1px rgb(255, 255, 255), 0 0 0 3px rgb(0, 0, 0);
-  --color-sf-diagram-palette-background: --color-sf-white;
-  --color-sf-success-text: 255, 255, 255;
-  --color-sf-warning-text: 255, 255, 255;
-  --color-sf-danger-text: 255, 255, 255;
-  --color-sf-info-text: 255, 255, 255;
-  --color-sf-content-text-color-alt2: var(--color-sf-on-secondary-container);
-  --color-sf-secondary-bg-color: var(--color-sf-surface);
-}
-.e-dark-mode {
-  --color-sf-black: 0, 0, 0;
-  --color-sf-white: 255, 255, 255;
-  --color-sf-primary: 208, 188, 255;
-  --color-sf-primary-container: 79, 55, 139;
-  --color-sf-secondary: 204, 194, 220;
-  --color-sf-secondary-container: 74, 68, 88;
-  --color-sf-tertiary: 239, 184, 200;
-  --color-sf-tertiary-container: 99, 59, 72;
-  --color-sf-surface: 28, 27, 31;
-  --color-sf-surface-variant: 28, 27, 31;
-  --color-sf-background: var(--color-sf-surface);
-  --color-sf-on-primary: 55, 30, 115;
-  --color-sf-on-primary-container: 234, 221, 255;
-  --color-sf-on-secondary: 51, 45, 65;
-  --color-sf-on-secondary-container: 232, 222, 248;
-  --color-sf-on-tertiary: 73, 37, 50;
-  --color-sf-on-tertiary-containe: 255, 216, 228;
-  --color-sf-on-surface: 230, 225, 229;
-  --color-sf-on-surface-variant: 202, 196, 208;
-  --color-sf-on-background: 230, 225, 229;
-  --color-sf-outline: 147, 143, 153;
-  --color-sf-outline-variant: 68, 71, 70;
-  --color-sf-shadow: 0, 0, 0;
-  --color-sf-surface-tint-color: 208, 188, 255;
-  --color-sf-inverse-surface: 230, 225, 229;
-  --color-sf-inverse-on-surface: 49, 48, 51;
-  --color-sf-inverse-primary: 103, 80, 164;
-  --color-sf-scrim: 0, 0, 0;
-  --color-sf-error: 242, 184, 181;
-  --color-sf-error-container: 140, 29, 24;
-  --color-sf-on-error: 96, 20, 16;
-  --color-sf-on-error-container: 249, 222, 220;
-  --color-sf-success: 83, 202, 23;
-  --color-sf-success-container: 22, 62, 2;
-  --color-sf-on-success: 13, 39, 0;
-  --color-sf-on-success-container: 183, 250, 150;
-  --color-sf-info: 71, 172, 251;
-  --color-sf-info-container: 0, 67, 120;
-  --color-sf-on-info: 0, 51, 91;
-  --color-sf-on-info-container: 173, 219, 255;
-  --color-sf-warning: 245, 180, 130;
-  --color-sf-warning-container: 123, 65, 0;
-  --color-sf-on-warning: 99, 52, 0;
-  --color-sf-on-warning-container: 255, 220, 193;
-  --color-sf-spreadsheet-gridline: 231, 224, 236;
-  --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
-  --color-sf-success-text: 0, 0, 0;
-  --color-sf-warning-text: 0, 0, 0;
-  --color-sf-info-text: 0, 0, 0;
-  --color-sf-danger-text: 0, 0, 0;
-  --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
-  --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
-}
 /* stylelint-disable property-no-vendor-prefix */
 @keyframes e-input-ripple {
   100% {
@@ -1507,384 +1285,50 @@ ejs-dropdownlist {
 }
 .e-bigger .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
 .e-ddt.e-bigger.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
-  margin-left: 52px;
-  margin-right: 1px;
-}
-.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 {
-  right: auto;
-}
-.e-ddt .e-chips {
-  background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
-  border-color: rgba(var(--color-sf-outline));
-  border: 1px solid;
-}
-.e-ddt .e-chips .e-chips-close::before {
-  color: rgba(var(--color-sf-on-surface));
-}
-.e-ddt .e-chips > .e-chipcontent {
-  color: rgba(var(--color-sf-on-surface));
-}
-.e-ddt .e-chips:hover {
-  background: rgba(var(--color-sf-on-surface), 0.05);
-}
-.e-ddt .e-chips:hover > .e-chipcontent {
-  color: rgba(var(--color-sf-on-surface));
-}
-.e-ddt .e-overflow .e-remain {
-  color: #757575;
-}
-.e-ddt.e-popup {
-  background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
-  border-color: rgba(var(--color-sf-outline-variant));
-}
-.e-ddt.e-popup .e-popup-content.e-no-data {
-  color: rgba(var(--color-sf-on-surface));
-}
-.e-ddt.e-popup .e-selectall-parent {
-  border-bottom-color: rgba(var(--color-sf-outline-variant));
-}
-.e-ddt.e-popup .e-selectall-parent .e-all-text {
-  color: rgba(var(--color-sf-on-surface));
-}
-:root {
-  --color-sf-black: 0, 0, 0;
-  --color-sf-white: 255, 255, 255;
-  --color-sf-primary: 103, 80, 164;
-  --color-sf-primary-container: 234, 221, 255;
-  --color-sf-secondary: 98, 91, 113;
-  --color-sf-secondary-container: 232, 222, 248;
-  --color-sf-tertiary: 125, 82, 96;
-  --color-sf-tertiary-container: 255, 216, 228;
-  --color-sf-surface: 255, 255, 255;
-  --color-sf-surface-variant: 231, 224, 236;
-  --color-sf-background: var(--color-sf-surface);
-  --color-sf-on-primary: 255, 255, 255;
-  --color-sf-on-primary-container: 33, 0, 94;
-  --color-sf-on-secondary: 255, 255, 255;
-  --color-sf-on-secondary-container: 30, 25, 43;
-  --color-sf-on-tertiary: 255, 255, 255;
-  --color-sf-on-tertiary-containe: 55, 11, 30;
-  --color-sf-on-surface: 28, 27, 31;
-  --color-sf-on-surface-variant: 73, 69, 78;
-  --color-sf-on-background: 28, 27, 31;
-  --color-sf-outline: 121, 116, 126;
-  --color-sf-outline-variant: 196, 199, 197;
-  --color-sf-shadow: 0, 0, 0;
-  --color-sf-surface-tint-color: 103, 80, 164;
-  --color-sf-inverse-surface: 49, 48, 51;
-  --color-sf-inverse-on-surface: 244, 239, 244;
-  --color-sf-inverse-primary: 208, 188, 255;
-  --color-sf-scrim: 0, 0, 0;
-  --color-sf-error: 179, 38, 30;
-  --color-sf-error-container: 249, 222, 220;
-  --color-sf-on-error: 255, 250, 250;
-  --color-sf-on-error-container: 65, 14, 11;
-  --color-sf-success: 32, 81, 7;
-  --color-sf-success-container: 209, 255, 186;
-  --color-sf-on-success: 244, 255, 239;
-  --color-sf-on-success-container: 13, 39, 0;
-  --color-sf-info: 1, 87, 155;
-  --color-sf-info-container: 233, 245, 255;
-  --color-sf-on-info: 250, 253, 255;
-  --color-sf-on-info-container: 0, 51, 91;
-  --color-sf-warning: 145, 76, 0;
-  --color-sf-warning-container: 254, 236, 222;
-  --color-sf-on-warning: 255, 255, 255;
-  --color-sf-on-warning-container: 47, 21, 0;
-  --color-sf-spreadsheet-gridline: var(--color-sf-surface-variant);
-  --color-sf-shadow-focus-ring1: 0 0 0 1px rgb(255, 255, 255), 0 0 0 3px rgb(0, 0, 0);
-  --color-sf-diagram-palette-background: --color-sf-white;
-  --color-sf-success-text: 255, 255, 255;
-  --color-sf-warning-text: 255, 255, 255;
-  --color-sf-danger-text: 255, 255, 255;
-  --color-sf-info-text: 255, 255, 255;
-  --color-sf-content-text-color-alt2: var(--color-sf-on-secondary-container);
-  --color-sf-secondary-bg-color: var(--color-sf-surface);
-}
-.e-dark-mode {
-  --color-sf-black: 0, 0, 0;
-  --color-sf-white: 255, 255, 255;
-  --color-sf-primary: 208, 188, 255;
-  --color-sf-primary-container: 79, 55, 139;
-  --color-sf-secondary: 204, 194, 220;
-  --color-sf-secondary-container: 74, 68, 88;
-  --color-sf-tertiary: 239, 184, 200;
-  --color-sf-tertiary-container: 99, 59, 72;
-  --color-sf-surface: 28, 27, 31;
-  --color-sf-surface-variant: 28, 27, 31;
-  --color-sf-background: var(--color-sf-surface);
-  --color-sf-on-primary: 55, 30, 115;
-  --color-sf-on-primary-container: 234, 221, 255;
-  --color-sf-on-secondary: 51, 45, 65;
-  --color-sf-on-secondary-container: 232, 222, 248;
-  --color-sf-on-tertiary: 73, 37, 50;
-  --color-sf-on-tertiary-containe: 255, 216, 228;
-  --color-sf-on-surface: 230, 225, 229;
-  --color-sf-on-surface-variant: 202, 196, 208;
-  --color-sf-on-background: 230, 225, 229;
-  --color-sf-outline: 147, 143, 153;
-  --color-sf-outline-variant: 68, 71, 70;
-  --color-sf-shadow: 0, 0, 0;
-  --color-sf-surface-tint-color: 208, 188, 255;
-  --color-sf-inverse-surface: 230, 225, 229;
-  --color-sf-inverse-on-surface: 49, 48, 51;
-  --color-sf-inverse-primary: 103, 80, 164;
-  --color-sf-scrim: 0, 0, 0;
-  --color-sf-error: 242, 184, 181;
-  --color-sf-error-container: 140, 29, 24;
-  --color-sf-on-error: 96, 20, 16;
-  --color-sf-on-error-container: 249, 222, 220;
-  --color-sf-success: 83, 202, 23;
-  --color-sf-success-container: 22, 62, 2;
-  --color-sf-on-success: 13, 39, 0;
-  --color-sf-on-success-container: 183, 250, 150;
-  --color-sf-info: 71, 172, 251;
-  --color-sf-info-container: 0, 67, 120;
-  --color-sf-on-info: 0, 51, 91;
-  --color-sf-on-info-container: 173, 219, 255;
-  --color-sf-warning: 245, 180, 130;
-  --color-sf-warning-container: 123, 65, 0;
-  --color-sf-on-warning: 99, 52, 0;
-  --color-sf-on-warning-container: 255, 220, 193;
-  --color-sf-spreadsheet-gridline: 231, 224, 236;
-  --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
-  --color-sf-success-text: 0, 0, 0;
-  --color-sf-warning-text: 0, 0, 0;
-  --color-sf-info-text: 0, 0, 0;
-  --color-sf-danger-text: 0, 0, 0;
-  --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
-  --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
-}
-/* stylelint-disable-line no-empty-source */
-:root {
-  --color-sf-black: 0, 0, 0;
-  --color-sf-white: 255, 255, 255;
-  --color-sf-primary: 103, 80, 164;
-  --color-sf-primary-container: 234, 221, 255;
-  --color-sf-secondary: 98, 91, 113;
-  --color-sf-secondary-container: 232, 222, 248;
-  --color-sf-tertiary: 125, 82, 96;
-  --color-sf-tertiary-container: 255, 216, 228;
-  --color-sf-surface: 255, 255, 255;
-  --color-sf-surface-variant: 231, 224, 236;
-  --color-sf-background: var(--color-sf-surface);
-  --color-sf-on-primary: 255, 255, 255;
-  --color-sf-on-primary-container: 33, 0, 94;
-  --color-sf-on-secondary: 255, 255, 255;
-  --color-sf-on-secondary-container: 30, 25, 43;
-  --color-sf-on-tertiary: 255, 255, 255;
-  --color-sf-on-tertiary-containe: 55, 11, 30;
-  --color-sf-on-surface: 28, 27, 31;
-  --color-sf-on-surface-variant: 73, 69, 78;
-  --color-sf-on-background: 28, 27, 31;
-  --color-sf-outline: 121, 116, 126;
-  --color-sf-outline-variant: 196, 199, 197;
-  --color-sf-shadow: 0, 0, 0;
-  --color-sf-surface-tint-color: 103, 80, 164;
-  --color-sf-inverse-surface: 49, 48, 51;
-  --color-sf-inverse-on-surface: 244, 239, 244;
-  --color-sf-inverse-primary: 208, 188, 255;
-  --color-sf-scrim: 0, 0, 0;
-  --color-sf-error: 179, 38, 30;
-  --color-sf-error-container: 249, 222, 220;
-  --color-sf-on-error: 255, 250, 250;
-  --color-sf-on-error-container: 65, 14, 11;
-  --color-sf-success: 32, 81, 7;
-  --color-sf-success-container: 209, 255, 186;
-  --color-sf-on-success: 244, 255, 239;
-  --color-sf-on-success-container: 13, 39, 0;
-  --color-sf-info: 1, 87, 155;
-  --color-sf-info-container: 233, 245, 255;
-  --color-sf-on-info: 250, 253, 255;
-  --color-sf-on-info-container: 0, 51, 91;
-  --color-sf-warning: 145, 76, 0;
-  --color-sf-warning-container: 254, 236, 222;
-  --color-sf-on-warning: 255, 255, 255;
-  --color-sf-on-warning-container: 47, 21, 0;
-  --color-sf-spreadsheet-gridline: var(--color-sf-surface-variant);
-  --color-sf-shadow-focus-ring1: 0 0 0 1px rgb(255, 255, 255), 0 0 0 3px rgb(0, 0, 0);
-  --color-sf-diagram-palette-background: --color-sf-white;
-  --color-sf-success-text: 255, 255, 255;
-  --color-sf-warning-text: 255, 255, 255;
-  --color-sf-danger-text: 255, 255, 255;
-  --color-sf-info-text: 255, 255, 255;
-  --color-sf-content-text-color-alt2: var(--color-sf-on-secondary-container);
-  --color-sf-secondary-bg-color: var(--color-sf-surface);
-}
-.e-dark-mode {
-  --color-sf-black: 0, 0, 0;
-  --color-sf-white: 255, 255, 255;
-  --color-sf-primary: 208, 188, 255;
-  --color-sf-primary-container: 79, 55, 139;
-  --color-sf-secondary: 204, 194, 220;
-  --color-sf-secondary-container: 74, 68, 88;
-  --color-sf-tertiary: 239, 184, 200;
-  --color-sf-tertiary-container: 99, 59, 72;
-  --color-sf-surface: 28, 27, 31;
-  --color-sf-surface-variant: 28, 27, 31;
-  --color-sf-background: var(--color-sf-surface);
-  --color-sf-on-primary: 55, 30, 115;
-  --color-sf-on-primary-container: 234, 221, 255;
-  --color-sf-on-secondary: 51, 45, 65;
-  --color-sf-on-secondary-container: 232, 222, 248;
-  --color-sf-on-tertiary: 73, 37, 50;
-  --color-sf-on-tertiary-containe: 255, 216, 228;
-  --color-sf-on-surface: 230, 225, 229;
-  --color-sf-on-surface-variant: 202, 196, 208;
-  --color-sf-on-background: 230, 225, 229;
-  --color-sf-outline: 147, 143, 153;
-  --color-sf-outline-variant: 68, 71, 70;
-  --color-sf-shadow: 0, 0, 0;
-  --color-sf-surface-tint-color: 208, 188, 255;
-  --color-sf-inverse-surface: 230, 225, 229;
-  --color-sf-inverse-on-surface: 49, 48, 51;
-  --color-sf-inverse-primary: 103, 80, 164;
-  --color-sf-scrim: 0, 0, 0;
-  --color-sf-error: 242, 184, 181;
-  --color-sf-error-container: 140, 29, 24;
-  --color-sf-on-error: 96, 20, 16;
-  --color-sf-on-error-container: 249, 222, 220;
-  --color-sf-success: 83, 202, 23;
-  --color-sf-success-container: 22, 62, 2;
-  --color-sf-on-success: 13, 39, 0;
-  --color-sf-on-success-container: 183, 250, 150;
-  --color-sf-info: 71, 172, 251;
-  --color-sf-info-container: 0, 67, 120;
-  --color-sf-on-info: 0, 51, 91;
-  --color-sf-on-info-container: 173, 219, 255;
-  --color-sf-warning: 245, 180, 130;
-  --color-sf-warning-container: 123, 65, 0;
-  --color-sf-on-warning: 99, 52, 0;
-  --color-sf-on-warning-container: 255, 220, 193;
-  --color-sf-spreadsheet-gridline: 231, 224, 236;
-  --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
-  --color-sf-success-text: 0, 0, 0;
-  --color-sf-warning-text: 0, 0, 0;
-  --color-sf-info-text: 0, 0, 0;
-  --color-sf-danger-text: 0, 0, 0;
-  --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
-  --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
+  margin-left: 52px;
+  margin-right: 1px;
 }
-/* stylelint-disable-line no-empty-source */
-:root {
-  --color-sf-black: 0, 0, 0;
-  --color-sf-white: 255, 255, 255;
-  --color-sf-primary: 103, 80, 164;
-  --color-sf-primary-container: 234, 221, 255;
-  --color-sf-secondary: 98, 91, 113;
-  --color-sf-secondary-container: 232, 222, 248;
-  --color-sf-tertiary: 125, 82, 96;
-  --color-sf-tertiary-container: 255, 216, 228;
-  --color-sf-surface: 255, 255, 255;
-  --color-sf-surface-variant: 231, 224, 236;
-  --color-sf-background: var(--color-sf-surface);
-  --color-sf-on-primary: 255, 255, 255;
-  --color-sf-on-primary-container: 33, 0, 94;
-  --color-sf-on-secondary: 255, 255, 255;
-  --color-sf-on-secondary-container: 30, 25, 43;
-  --color-sf-on-tertiary: 255, 255, 255;
-  --color-sf-on-tertiary-containe: 55, 11, 30;
-  --color-sf-on-surface: 28, 27, 31;
-  --color-sf-on-surface-variant: 73, 69, 78;
-  --color-sf-on-background: 28, 27, 31;
-  --color-sf-outline: 121, 116, 126;
-  --color-sf-outline-variant: 196, 199, 197;
-  --color-sf-shadow: 0, 0, 0;
-  --color-sf-surface-tint-color: 103, 80, 164;
-  --color-sf-inverse-surface: 49, 48, 51;
-  --color-sf-inverse-on-surface: 244, 239, 244;
-  --color-sf-inverse-primary: 208, 188, 255;
-  --color-sf-scrim: 0, 0, 0;
-  --color-sf-error: 179, 38, 30;
-  --color-sf-error-container: 249, 222, 220;
-  --color-sf-on-error: 255, 250, 250;
-  --color-sf-on-error-container: 65, 14, 11;
-  --color-sf-success: 32, 81, 7;
-  --color-sf-success-container: 209, 255, 186;
-  --color-sf-on-success: 244, 255, 239;
-  --color-sf-on-success-container: 13, 39, 0;
-  --color-sf-info: 1, 87, 155;
-  --color-sf-info-container: 233, 245, 255;
-  --color-sf-on-info: 250, 253, 255;
-  --color-sf-on-info-container: 0, 51, 91;
-  --color-sf-warning: 145, 76, 0;
-  --color-sf-warning-container: 254, 236, 222;
-  --color-sf-on-warning: 255, 255, 255;
-  --color-sf-on-warning-container: 47, 21, 0;
-  --color-sf-spreadsheet-gridline: var(--color-sf-surface-variant);
-  --color-sf-shadow-focus-ring1: 0 0 0 1px rgb(255, 255, 255), 0 0 0 3px rgb(0, 0, 0);
-  --color-sf-diagram-palette-background: --color-sf-white;
-  --color-sf-success-text: 255, 255, 255;
-  --color-sf-warning-text: 255, 255, 255;
-  --color-sf-danger-text: 255, 255, 255;
-  --color-sf-info-text: 255, 255, 255;
-  --color-sf-content-text-color-alt2: var(--color-sf-on-secondary-container);
-  --color-sf-secondary-bg-color: var(--color-sf-surface);
+.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 {
+  right: auto;
 }
-.e-dark-mode {
-  --color-sf-black: 0, 0, 0;
-  --color-sf-white: 255, 255, 255;
-  --color-sf-primary: 208, 188, 255;
-  --color-sf-primary-container: 79, 55, 139;
-  --color-sf-secondary: 204, 194, 220;
-  --color-sf-secondary-container: 74, 68, 88;
-  --color-sf-tertiary: 239, 184, 200;
-  --color-sf-tertiary-container: 99, 59, 72;
-  --color-sf-surface: 28, 27, 31;
-  --color-sf-surface-variant: 28, 27, 31;
-  --color-sf-background: var(--color-sf-surface);
-  --color-sf-on-primary: 55, 30, 115;
-  --color-sf-on-primary-container: 234, 221, 255;
-  --color-sf-on-secondary: 51, 45, 65;
-  --color-sf-on-secondary-container: 232, 222, 248;
-  --color-sf-on-tertiary: 73, 37, 50;
-  --color-sf-on-tertiary-containe: 255, 216, 228;
-  --color-sf-on-surface: 230, 225, 229;
-  --color-sf-on-surface-variant: 202, 196, 208;
-  --color-sf-on-background: 230, 225, 229;
-  --color-sf-outline: 147, 143, 153;
-  --color-sf-outline-variant: 68, 71, 70;
-  --color-sf-shadow: 0, 0, 0;
-  --color-sf-surface-tint-color: 208, 188, 255;
-  --color-sf-inverse-surface: 230, 225, 229;
-  --color-sf-inverse-on-surface: 49, 48, 51;
-  --color-sf-inverse-primary: 103, 80, 164;
-  --color-sf-scrim: 0, 0, 0;
-  --color-sf-error: 242, 184, 181;
-  --color-sf-error-container: 140, 29, 24;
-  --color-sf-on-error: 96, 20, 16;
-  --color-sf-on-error-container: 249, 222, 220;
-  --color-sf-success: 83, 202, 23;
-  --color-sf-success-container: 22, 62, 2;
-  --color-sf-on-success: 13, 39, 0;
-  --color-sf-on-success-container: 183, 250, 150;
-  --color-sf-info: 71, 172, 251;
-  --color-sf-info-container: 0, 67, 120;
-  --color-sf-on-info: 0, 51, 91;
-  --color-sf-on-info-container: 173, 219, 255;
-  --color-sf-warning: 245, 180, 130;
-  --color-sf-warning-container: 123, 65, 0;
-  --color-sf-on-warning: 99, 52, 0;
-  --color-sf-on-warning-container: 255, 220, 193;
-  --color-sf-spreadsheet-gridline: 231, 224, 236;
-  --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
-  --color-sf-success-text: 0, 0, 0;
-  --color-sf-warning-text: 0, 0, 0;
-  --color-sf-info-text: 0, 0, 0;
-  --color-sf-danger-text: 0, 0, 0;
-  --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
-  --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
+.e-ddt .e-chips {
+  background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
+  border-color: rgba(var(--color-sf-outline));
+  border: 1px solid;
+}
+.e-ddt .e-chips .e-chips-close::before {
+  color: rgba(var(--color-sf-on-surface));
+}
+.e-ddt .e-chips > .e-chipcontent {
+  color: rgba(var(--color-sf-on-surface));
+}
+.e-ddt .e-chips:hover {
+  background: rgba(var(--color-sf-on-surface), 0.05);
+}
+.e-ddt .e-chips:hover > .e-chipcontent {
+  color: rgba(var(--color-sf-on-surface));
+}
+.e-ddt .e-overflow .e-remain {
+  color: #757575;
+}
+.e-ddt.e-popup {
+  background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
+  border-color: rgba(var(--color-sf-outline-variant));
+}
+.e-ddt.e-popup .e-popup-content.e-no-data {
+  color: rgba(var(--color-sf-on-surface));
+}
+.e-ddt.e-popup .e-selectall-parent {
+  border-bottom-color: rgba(var(--color-sf-outline-variant));
+}
+.e-ddt.e-popup .e-selectall-parent .e-all-text {
+  color: rgba(var(--color-sf-on-surface));
 }
+/* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
 /* stylelint-disable property-no-vendor-prefix */
 @keyframes e-input-ripple {
   100% {
@@ -4304,170 +3748,59 @@ ejs-multiselect {
   color: rgba(var(--color-sf-on-surface-variant));
 }
-.e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before,
-.e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
-  color: #fff;
-}
-.e-multiselect.e-outline:not(.e-disabled) .e-multi-select-wrapper .e-chips:not(.e-chip-selected) .e-chips-close:hover::before,
-.e-multiselect.e-filled:not(.e-disabled) .e-multi-select-wrapper .e-chips:not(.e-chip-selected) .e-chips-close:hover::before {
-  color: rgba(var(--color-sf-on-surface), 0.87);
-}
-.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain,
-.e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain {
-  color: rgba(var(--color-sf-on-surface), 0.6);
-}
-.e-multiselect.e-outline.e-disabled .e-multi-select-wrapper .e-delim-values,
-.e-multiselect.e-outline.e-disabled .e-multi-select-wrapper .e-delim-values .e-remain,
-.e-multiselect.e-outline.e-disabled .e-multi-select-wrapper .e-chips > .e-chipcontent,
-.e-multiselect.e-outline.e-disabled .e-multi-select-wrapper .e-chips .e-chips-close::before,
-.e-multiselect.e-outline.e-disabled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
-  color: rgba(var(--color-sf-on-surface), 0.38);
-}
-.e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
-  -webkit-text-fill-color: rgba(var(--color-sf-on-surface), 0.38);
-  color: rgba(var(--color-sf-on-surface), 0.38);
-}
-.e-multiselect.e-outline.e-disabled .e-multi-select-wrapper .e-chips {
-  background: transparent;
-}
-.e-multiselect.e-filled .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip.e-chip-selected,
-.e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
-  background: rgba(var(--color-sf-primary));
-  border-radius: 4px;
-  box-sizing: border-box;
-  color: #fff;
-  height: 40px;
-  line-height: 40px;
-  margin-left: 0;
-  margin-right: 0;
-  width: 100%;
-}
-.e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close,
-.e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
-  width: 33px;
-}
-.e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent,
-.e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
-  color: #fff;
-}
-:root {
-  --color-sf-black: 0, 0, 0;
-  --color-sf-white: 255, 255, 255;
-  --color-sf-primary: 103, 80, 164;
-  --color-sf-primary-container: 234, 221, 255;
-  --color-sf-secondary: 98, 91, 113;
-  --color-sf-secondary-container: 232, 222, 248;
-  --color-sf-tertiary: 125, 82, 96;
-  --color-sf-tertiary-container: 255, 216, 228;
-  --color-sf-surface: 255, 255, 255;
-  --color-sf-surface-variant: 231, 224, 236;
-  --color-sf-background: var(--color-sf-surface);
-  --color-sf-on-primary: 255, 255, 255;
-  --color-sf-on-primary-container: 33, 0, 94;
-  --color-sf-on-secondary: 255, 255, 255;
-  --color-sf-on-secondary-container: 30, 25, 43;
-  --color-sf-on-tertiary: 255, 255, 255;
-  --color-sf-on-tertiary-containe: 55, 11, 30;
-  --color-sf-on-surface: 28, 27, 31;
-  --color-sf-on-surface-variant: 73, 69, 78;
-  --color-sf-on-background: 28, 27, 31;
-  --color-sf-outline: 121, 116, 126;
-  --color-sf-outline-variant: 196, 199, 197;
-  --color-sf-shadow: 0, 0, 0;
-  --color-sf-surface-tint-color: 103, 80, 164;
-  --color-sf-inverse-surface: 49, 48, 51;
-  --color-sf-inverse-on-surface: 244, 239, 244;
-  --color-sf-inverse-primary: 208, 188, 255;
-  --color-sf-scrim: 0, 0, 0;
-  --color-sf-error: 179, 38, 30;
-  --color-sf-error-container: 249, 222, 220;
-  --color-sf-on-error: 255, 250, 250;
-  --color-sf-on-error-container: 65, 14, 11;
-  --color-sf-success: 32, 81, 7;
-  --color-sf-success-container: 209, 255, 186;
-  --color-sf-on-success: 244, 255, 239;
-  --color-sf-on-success-container: 13, 39, 0;
-  --color-sf-info: 1, 87, 155;
-  --color-sf-info-container: 233, 245, 255;
-  --color-sf-on-info: 250, 253, 255;
-  --color-sf-on-info-container: 0, 51, 91;
-  --color-sf-warning: 145, 76, 0;
-  --color-sf-warning-container: 254, 236, 222;
-  --color-sf-on-warning: 255, 255, 255;
-  --color-sf-on-warning-container: 47, 21, 0;
-  --color-sf-spreadsheet-gridline: var(--color-sf-surface-variant);
-  --color-sf-shadow-focus-ring1: 0 0 0 1px rgb(255, 255, 255), 0 0 0 3px rgb(0, 0, 0);
-  --color-sf-diagram-palette-background: --color-sf-white;
-  --color-sf-success-text: 255, 255, 255;
-  --color-sf-warning-text: 255, 255, 255;
-  --color-sf-danger-text: 255, 255, 255;
-  --color-sf-info-text: 255, 255, 255;
-  --color-sf-content-text-color-alt2: var(--color-sf-on-secondary-container);
-  --color-sf-secondary-bg-color: var(--color-sf-surface);
+.e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before,
+.e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
+  color: #fff;
 }
-.e-dark-mode {
-  --color-sf-black: 0, 0, 0;
-  --color-sf-white: 255, 255, 255;
-  --color-sf-primary: 208, 188, 255;
-  --color-sf-primary-container: 79, 55, 139;
-  --color-sf-secondary: 204, 194, 220;
-  --color-sf-secondary-container: 74, 68, 88;
-  --color-sf-tertiary: 239, 184, 200;
-  --color-sf-tertiary-container: 99, 59, 72;
-  --color-sf-surface: 28, 27, 31;
-  --color-sf-surface-variant: 28, 27, 31;
-  --color-sf-background: var(--color-sf-surface);
-  --color-sf-on-primary: 55, 30, 115;
-  --color-sf-on-primary-container: 234, 221, 255;
-  --color-sf-on-secondary: 51, 45, 65;
-  --color-sf-on-secondary-container: 232, 222, 248;
-  --color-sf-on-tertiary: 73, 37, 50;
-  --color-sf-on-tertiary-containe: 255, 216, 228;
-  --color-sf-on-surface: 230, 225, 229;
-  --color-sf-on-surface-variant: 202, 196, 208;
-  --color-sf-on-background: 230, 225, 229;
-  --color-sf-outline: 147, 143, 153;
-  --color-sf-outline-variant: 68, 71, 70;
-  --color-sf-shadow: 0, 0, 0;
-  --color-sf-surface-tint-color: 208, 188, 255;
-  --color-sf-inverse-surface: 230, 225, 229;
-  --color-sf-inverse-on-surface: 49, 48, 51;
-  --color-sf-inverse-primary: 103, 80, 164;
-  --color-sf-scrim: 0, 0, 0;
-  --color-sf-error: 242, 184, 181;
-  --color-sf-error-container: 140, 29, 24;
-  --color-sf-on-error: 96, 20, 16;
-  --color-sf-on-error-container: 249, 222, 220;
-  --color-sf-success: 83, 202, 23;
-  --color-sf-success-container: 22, 62, 2;
-  --color-sf-on-success: 13, 39, 0;
-  --color-sf-on-success-container: 183, 250, 150;
-  --color-sf-info: 71, 172, 251;
-  --color-sf-info-container: 0, 67, 120;
-  --color-sf-on-info: 0, 51, 91;
-  --color-sf-on-info-container: 173, 219, 255;
-  --color-sf-warning: 245, 180, 130;
-  --color-sf-warning-container: 123, 65, 0;
-  --color-sf-on-warning: 99, 52, 0;
-  --color-sf-on-warning-container: 255, 220, 193;
-  --color-sf-spreadsheet-gridline: 231, 224, 236;
-  --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
-  --color-sf-success-text: 0, 0, 0;
-  --color-sf-warning-text: 0, 0, 0;
-  --color-sf-info-text: 0, 0, 0;
-  --color-sf-danger-text: 0, 0, 0;
-  --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
-  --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
+.e-multiselect.e-outline:not(.e-disabled) .e-multi-select-wrapper .e-chips:not(.e-chip-selected) .e-chips-close:hover::before,
+.e-multiselect.e-filled:not(.e-disabled) .e-multi-select-wrapper .e-chips:not(.e-chip-selected) .e-chips-close:hover::before {
+  color: rgba(var(--color-sf-on-surface), 0.87);
+}
+.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain,
+.e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain {
+  color: rgba(var(--color-sf-on-surface), 0.6);
+}
+.e-multiselect.e-outline.e-disabled .e-multi-select-wrapper .e-delim-values,
+.e-multiselect.e-outline.e-disabled .e-multi-select-wrapper .e-delim-values .e-remain,
+.e-multiselect.e-outline.e-disabled .e-multi-select-wrapper .e-chips > .e-chipcontent,
+.e-multiselect.e-outline.e-disabled .e-multi-select-wrapper .e-chips .e-chips-close::before,
+.e-multiselect.e-outline.e-disabled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
+  color: rgba(var(--color-sf-on-surface), 0.38);
+}
+.e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
+  -webkit-text-fill-color: rgba(var(--color-sf-on-surface), 0.38);
+  color: rgba(var(--color-sf-on-surface), 0.38);
+}
+.e-multiselect.e-outline.e-disabled .e-multi-select-wrapper .e-chips {
+  background: transparent;
+}
+.e-multiselect.e-filled .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip.e-chip-selected,
+.e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
+  background: rgba(var(--color-sf-primary));
+  border-radius: 4px;
+  box-sizing: border-box;
+  color: #fff;
+  height: 40px;
+  line-height: 40px;
+  margin-left: 0;
+  margin-right: 0;
+  width: 100%;
+}
+.e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close,
+.e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
+  width: 33px;
+}
+.e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent,
+.e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
+  color: #fff;
 }
 .e-listbox-tool .e-moveup::before {
@@ -5022,66 +4355,27 @@ ejs-listbox {
 }
 .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-small .e-listbox-container.e-filter-list .e-list-parent {
-  height: calc(100% - 35px) !important; /* stylelint-disable-line declaration-no-important */
-}
-.e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
-  height: calc(100% - 44px) !important; /* stylelint-disable-line declaration-no-important */
-}
-.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
-  height: calc(100% - 44px) !important; /* stylelint-disable-line declaration-no-important */
+  height: calc(100% - 35px);
 }
+.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
-  height: 100%;
+  height: calc(100% - 48px);
 }
 .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
 .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
-  height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
-}
-.e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
-  height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
-}
-.e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
-  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
-}
-.e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
-  height: calc(100% - 44px) !important; /* stylelint-disable-line declaration-no-important */
-}
-.e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
-  height: 100%;
+  height: calc(100% - 98px);
 }
 .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
-.e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
-  height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
-}
 .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
-  height: 100%;
+  height: calc(100% - 48px);
 }
 .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
-.e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
-  height: calc(100% - 37px) !important; /* stylelint-disable-line declaration-no-important */
-}
-.e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
-  height: calc(100% - 76px) !important; /* stylelint-disable-line declaration-no-important */
-}
-.e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
-  height: calc(100% - 92px) !important; /* stylelint-disable-line declaration-no-important */
-}
 .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
-  height: 100%;
+  height: calc(100% - 37px);
 }
 .e-listbox-wrapper,
@@ -5108,13 +4402,13 @@ ejs-listbox {
 .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-listbox-container.e-filter-list .e-list-parent,
 .e-listboxtool-wrapper.e-filter-list .e-list-parent {
-  height: calc(100% - 36px);
+  height: calc(100% - 40px);
 }
 .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
 .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
 .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
-  height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
+  height: calc(100% - 79px);
 }
 .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -5390,141 +4684,6 @@ ejs-listbox {
   padding-right: 16px;
 }
-.e-listbox-container.e-filter-list .e-list-parent {
-  height: 100%;
-}
-.e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
-  height: 100%;
-}
-.e-listbox-container .e-selectall-parent + .e-list-parent {
-  height: 100%;
-}
-.e-listbox-container.e-filter-list .e-list-wrap {
-  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
-}
-.e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
-  height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
-}
-.e-listbox-container .e-selectall-parent + .e-list-wrap {
-  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
-}
-:root {
-  --color-sf-black: 0, 0, 0;
-  --color-sf-white: 255, 255, 255;
-  --color-sf-primary: 103, 80, 164;
-  --color-sf-primary-container: 234, 221, 255;
-  --color-sf-secondary: 98, 91, 113;
-  --color-sf-secondary-container: 232, 222, 248;
-  --color-sf-tertiary: 125, 82, 96;
-  --color-sf-tertiary-container: 255, 216, 228;
-  --color-sf-surface: 255, 255, 255;
-  --color-sf-surface-variant: 231, 224, 236;
-  --color-sf-background: var(--color-sf-surface);
-  --color-sf-on-primary: 255, 255, 255;
-  --color-sf-on-primary-container: 33, 0, 94;
-  --color-sf-on-secondary: 255, 255, 255;
-  --color-sf-on-secondary-container: 30, 25, 43;
-  --color-sf-on-tertiary: 255, 255, 255;
-  --color-sf-on-tertiary-containe: 55, 11, 30;
-  --color-sf-on-surface: 28, 27, 31;
-  --color-sf-on-surface-variant: 73, 69, 78;
-  --color-sf-on-background: 28, 27, 31;
-  --color-sf-outline: 121, 116, 126;
-  --color-sf-outline-variant: 196, 199, 197;
-  --color-sf-shadow: 0, 0, 0;
-  --color-sf-surface-tint-color: 103, 80, 164;
-  --color-sf-inverse-surface: 49, 48, 51;
-  --color-sf-inverse-on-surface: 244, 239, 244;
-  --color-sf-inverse-primary: 208, 188, 255;
-  --color-sf-scrim: 0, 0, 0;
-  --color-sf-error: 179, 38, 30;
-  --color-sf-error-container: 249, 222, 220;
-  --color-sf-on-error: 255, 250, 250;
-  --color-sf-on-error-container: 65, 14, 11;
-  --color-sf-success: 32, 81, 7;
-  --color-sf-success-container: 209, 255, 186;
-  --color-sf-on-success: 244, 255, 239;
-  --color-sf-on-success-container: 13, 39, 0;
-  --color-sf-info: 1, 87, 155;
-  --color-sf-info-container: 233, 245, 255;
-  --color-sf-on-info: 250, 253, 255;
-  --color-sf-on-info-container: 0, 51, 91;
-  --color-sf-warning: 145, 76, 0;
-  --color-sf-warning-container: 254, 236, 222;
-  --color-sf-on-warning: 255, 255, 255;
-  --color-sf-on-warning-container: 47, 21, 0;
-  --color-sf-spreadsheet-gridline: var(--color-sf-surface-variant);
-  --color-sf-shadow-focus-ring1: 0 0 0 1px rgb(255, 255, 255), 0 0 0 3px rgb(0, 0, 0);
-  --color-sf-diagram-palette-background: --color-sf-white;
-  --color-sf-success-text: 255, 255, 255;
-  --color-sf-warning-text: 255, 255, 255;
-  --color-sf-danger-text: 255, 255, 255;
-  --color-sf-info-text: 255, 255, 255;
-  --color-sf-content-text-color-alt2: var(--color-sf-on-secondary-container);
-  --color-sf-secondary-bg-color: var(--color-sf-surface);
-}
-.e-dark-mode {
-  --color-sf-black: 0, 0, 0;
-  --color-sf-white: 255, 255, 255;
-  --color-sf-primary: 208, 188, 255;
-  --color-sf-primary-container: 79, 55, 139;
-  --color-sf-secondary: 204, 194, 220;
-  --color-sf-secondary-container: 74, 68, 88;
-  --color-sf-tertiary: 239, 184, 200;
-  --color-sf-tertiary-container: 99, 59, 72;
-  --color-sf-surface: 28, 27, 31;
-  --color-sf-surface-variant: 28, 27, 31;
-  --color-sf-background: var(--color-sf-surface);
-  --color-sf-on-primary: 55, 30, 115;
-  --color-sf-on-primary-container: 234, 221, 255;
-  --color-sf-on-secondary: 51, 45, 65;
-  --color-sf-on-secondary-container: 232, 222, 248;
-  --color-sf-on-tertiary: 73, 37, 50;
-  --color-sf-on-tertiary-containe: 255, 216, 228;
-  --color-sf-on-surface: 230, 225, 229;
-  --color-sf-on-surface-variant: 202, 196, 208;
-  --color-sf-on-background: 230, 225, 229;
-  --color-sf-outline: 147, 143, 153;
-  --color-sf-outline-variant: 68, 71, 70;
-  --color-sf-shadow: 0, 0, 0;
-  --color-sf-surface-tint-color: 208, 188, 255;
-  --color-sf-inverse-surface: 230, 225, 229;
-  --color-sf-inverse-on-surface: 49, 48, 51;
-  --color-sf-inverse-primary: 103, 80, 164;
-  --color-sf-scrim: 0, 0, 0;
-  --color-sf-error: 242, 184, 181;
-  --color-sf-error-container: 140, 29, 24;
-  --color-sf-on-error: 96, 20, 16;
-  --color-sf-on-error-container: 249, 222, 220;
-  --color-sf-success: 83, 202, 23;
-  --color-sf-success-container: 22, 62, 2;
-  --color-sf-on-success: 13, 39, 0;
-  --color-sf-on-success-container: 183, 250, 150;
-  --color-sf-info: 71, 172, 251;
-  --color-sf-info-container: 0, 67, 120;
-  --color-sf-on-info: 0, 51, 91;
-  --color-sf-on-info-container: 173, 219, 255;
-  --color-sf-warning: 245, 180, 130;
-  --color-sf-warning-container: 123, 65, 0;
-  --color-sf-on-warning: 99, 52, 0;
-  --color-sf-on-warning-container: 255, 220, 193;
-  --color-sf-spreadsheet-gridline: 231, 224, 236;
-  --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
-  --color-sf-success-text: 0, 0, 0;
-  --color-sf-warning-text: 0, 0, 0;
-  --color-sf-info-text: 0, 0, 0;
-  --color-sf-danger-text: 0, 0, 0;
-  --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
-  --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
-}
 /* stylelint-disable-line no-empty-source */
 /* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {