@syncfusion/ej2-multicolumn-combobox 26.2.12 → 27.1.48

package/styles/tailwind.css

@@ -16,32 +16,10 @@
   font-size: 10px;
 }
 
-.e-bigger .e-dropdownbase .e-list-group-item,
-.e-bigger .e-fixed-head,
-.e-bigger.e-dropdownbase .e-list-group-item,
-.e-bigger.e-fixed-head {
-  font-size: 14px;
-}
-
-.e-bigger.e-small .e-dropdownbase .e-list-group-item,
-.e-bigger.e-small .e-fixed-head,
-.e-bigger.e-small.e-dropdownbase .e-list-group-item,
-.e-bigger.e-small.e-fixed-head {
-  font-size: 12px;
-}
-
 .e-dropdownbase .e-list-item .e-list-icon {
   padding: 0 8px 0 0;
 }
 
-.e-bigger .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 12px 0 0;
-}
-
-.e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 8px 0 0;
-}
-
 .e-small .e-dropdownbase .e-list-item .e-list-icon {
   padding: 0 4px 0 0;
 }
@@ -96,46 +74,11 @@
   margin-top: 2px;
 }
 
-.e-bigger .e-ddl.e-popup,
-.e-bigger.e-ddl.e-popup {
-  border-radius: 6px;
-  margin-top: 8px;
-}
-
-.e-bigger.e-small .e-ddl.e-popup,
-.e-small.e-bigger.e-ddl.e-popup {
-  border-radius: 4px;
-  margin-top: 6px;
-}
-
 .e-popup.e-ddl .e-dropdownbase {
   min-height: 26px;
   padding: 4px 0;
 }
 
-.e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
-  border-color: #e5e7eb;
-}
-
-.e-bigger .e-popup.e-ddl-device-filter {
-  margin-top: 0;
-}
-
-.e-bigger .e-ddl-device .e-input-group,
-.e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
-  background: #fff;
-  border-width: 0;
-  -webkit-box-shadow: none;
-          box-shadow: none;
-  margin-bottom: 0;
-}
-
-.e-bigger .e-ddl-device .e-input-group .e-back-icon,
-.e-bigger .e-ddl-device .e-input-group input.e-input,
-.e-bigger .e-ddl-device .e-input-group .e-clear-icon {
-  background-color: #fff;
-}
-
 .e-input-group.e-ddl,
 .e-input-group.e-ddl .e-input,
 .e-input-group.e-ddl .e-ddl-icon {
@@ -162,6 +105,7 @@
 }
 
 .e-multicolumn-grid th.e-grouptopleftcell.e-lastgrouptopleftcell,
+.e-multicolumn-grid th.e-grouptopleftcell.e-lastgroupleftcell,
 .e-multicolumn-grid td.e-recordplusexpand,
 .e-multicolumn-grid td.e-indentcell,
 .e-multicolumn-grid col.e-group-intent,
@@ -169,6 +113,10 @@
   display: none;
 }
 
+.e-multicolumn-grid td.e-rowcell {
+  cursor: default;
+}
+
 .e-multicolumn-grid .e-gridheader .e-headercelldiv {
   overflow: hidden;
 }
@@ -185,16 +133,27 @@
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
+  border-radius: 0 0 2px 2px;
 }
 
 .e-multicolumn-grid.e-grid {
   border-width: 1px;
+  border-radius: 2px;
+}
+.e-multicolumn-grid.e-grid .e-gridcontent {
+  border-radius: 0 0 2px 2px;
 }
 
 .e-input-group.e-multicolumn-list input[readonly].e-input {
   pointer-events: none;
 }
 
+.e-multicolumn-list:has(.e-popup-footer) .e-multicolumn-grid.e-grid {
+  border-radius: 2px 2px 0 0;
+}
+.e-multicolumn-list:has(.e-popup-footer) .e-multicolumn-grid.e-grid .e-gridcontent {
+  border-radius: 0;
+}
 .e-multicolumn-list.e-icon-anim .e-multicolumn-list-icon::before {
   -webkit-transform: rotate(180deg);
           transform: rotate(180deg);
@@ -225,7 +184,7 @@
 
 .e-popup.e-multicolumn-list {
   position: absolute;
-  border-radius: 4px;
+  border-radius: 2px;
   margin-top: 2px;
 }
 .e-popup.e-multicolumn-list .e-nodata {
@@ -243,20 +202,25 @@
   position: sticky;
   top: 0;
   z-index: 1;
+  border-radius: 2px 2px 0 0;
 }
 
 .e-multicolumn-grid .e-headercontent {
-  border-right-width: inherit !important; /* stylelint-disable-line declaration-no-important */
+  border-right-color: transparent; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-multicolumn-grid.e-rtl .e-headercontent {
-  border-left-width: inherit !important; /* stylelint-disable-line declaration-no-important */
+  border-left-color: transparent; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-multicolumn-grid .e-content {
   overflow: auto !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon {
+  position: relative;
+}
+
 .e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
 .e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-small.e-popup.e-multicolumn-list .e-popup-footer,
 .e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
@@ -277,57 +241,6 @@
   margin-top: 2px;
 }
 
-.e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
-.e-bigger .e-popup.e-multicolumn-list .e-popup-footer {
-  font-size: 16px;
-}
-.e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
-.e-bigger.e-popup .e-multicolumn-grid .e-row,
-.e-bigger.e-popup .e-multicolumn-grid .e-emptyrow,
-.e-bigger .e-popup.e-multicolumn-list .e-popup-footer,
-.e-bigger .e-popup .e-multicolumn-grid .e-row,
-.e-bigger .e-popup .e-multicolumn-grid .e-emptyrow {
-  height: 36px;
-}
-.e-bigger.e-popup.e-multicolumn-list,
-.e-bigger .e-popup.e-multicolumn-list {
-  margin-top: 2px;
-}
-
-.e-bigger.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
-.e-bigger.e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
-.e-bigger.e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
-.e-bigger.e-small .e-popup .e-multicolumn-grid .e-rowcell,
-.e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
-.e-bigger .e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
-.e-bigger .e-small.e-popup .e-multicolumn-grid .e-rowcell,
-.e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
-.e-small .e-bigger.e-popup .e-multicolumn-grid .e-headercelldiv,
-.e-small .e-bigger.e-popup .e-multicolumn-grid .e-rowcell,
-.e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer {
-  font-size: 14px;
-}
-.e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
-.e-bigger.e-small.e-popup .e-multicolumn-grid .e-row,
-.e-bigger.e-small.e-popup .e-multicolumn-grid .e-emptyrow,
-.e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
-.e-bigger.e-small .e-popup .e-multicolumn-grid .e-row,
-.e-bigger.e-small .e-popup .e-multicolumn-grid .e-emptyrow,
-.e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
-.e-bigger .e-small.e-popup .e-multicolumn-grid .e-row,
-.e-bigger .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
-.e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
-.e-small .e-bigger.e-popup .e-multicolumn-grid .e-row,
-.e-small .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow {
-  height: 32px;
-}
-.e-bigger.e-small.e-popup.e-multicolumn-list,
-.e-bigger.e-small .e-popup.e-multicolumn-list,
-.e-bigger .e-small.e-popup.e-multicolumn-list,
-.e-small .e-bigger.e-popup.e-multicolumn-list {
-  margin-top: 2px;
-}
-
 .e-multicolumn-list .e-popup-footer {
   background: #fff;
   color: #6b7280;
@@ -374,8 +287,62 @@
 .e-popup.e-multicolumn-list .e-altrow {
   background: #f9fafb;
 }
+.e-popup.e-multicolumn-list .e-grid .e-headercell {
+  background-color: unset;
+}
 .e-popup.e-multicolumn-list .e-headertext,
 .e-popup.e-multicolumn-list .e-grid th.e-headercell[aria-sort=ascending] .e-headertext,
 .e-popup.e-multicolumn-list .e-grid th.e-headercell[aria-sort=descending] .e-headertext {
   color: #6b7280;
+}
+
+.e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
+.e-bigger .e-popup.e-multicolumn-list .e-popup-footer {
+  font-size: 16px;
+}
+.e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
+.e-bigger.e-popup .e-multicolumn-grid .e-row,
+.e-bigger.e-popup .e-multicolumn-grid .e-emptyrow,
+.e-bigger .e-popup.e-multicolumn-list .e-popup-footer,
+.e-bigger .e-popup .e-multicolumn-grid .e-row,
+.e-bigger .e-popup .e-multicolumn-grid .e-emptyrow {
+  height: 36px;
+}
+.e-bigger.e-popup.e-multicolumn-list,
+.e-bigger .e-popup.e-multicolumn-list {
+  margin-top: 2px;
+}
+
+.e-bigger.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
+.e-bigger.e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
+.e-bigger.e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
+.e-bigger.e-small .e-popup .e-multicolumn-grid .e-rowcell,
+.e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
+.e-bigger .e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
+.e-bigger .e-small.e-popup .e-multicolumn-grid .e-rowcell,
+.e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
+.e-small .e-bigger.e-popup .e-multicolumn-grid .e-headercelldiv,
+.e-small .e-bigger.e-popup .e-multicolumn-grid .e-rowcell,
+.e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer {
+  font-size: 14px;
+}
+.e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
+.e-bigger.e-small.e-popup .e-multicolumn-grid .e-row,
+.e-bigger.e-small.e-popup .e-multicolumn-grid .e-emptyrow,
+.e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
+.e-bigger.e-small .e-popup .e-multicolumn-grid .e-row,
+.e-bigger.e-small .e-popup .e-multicolumn-grid .e-emptyrow,
+.e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
+.e-bigger .e-small.e-popup .e-multicolumn-grid .e-row,
+.e-bigger .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
+.e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
+.e-small .e-bigger.e-popup .e-multicolumn-grid .e-row,
+.e-small .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow {
+  height: 32px;
+}
+.e-bigger.e-small.e-popup.e-multicolumn-list,
+.e-bigger.e-small .e-popup.e-multicolumn-list,
+.e-bigger .e-small.e-popup.e-multicolumn-list,
+.e-small .e-bigger.e-popup.e-multicolumn-list {
+  margin-top: 2px;
 }

package/styles/tailwind.scss

@@ -8,3 +8,4 @@
 @import 'multicolumn-combobox/tailwind-definition.scss';
 @import 'multicolumn-combobox/icons/tailwind.scss';
 @import 'multicolumn-combobox/all.scss';
+@import 'multicolumn-combobox/bigger.scss';

package/tslint.json

@@ -0,0 +1,111 @@
+{
+  "rules": {
+    "chai-vague-errors": true,
+    "use-isnan": true,
+    "missing-jsdoc": true,
+    "missing-optional-annotation": true,
+    "no-backbone-get-set-outside-model": true,
+    "no-banned-terms": true,
+    "no-constant-condition": true,
+    "no-control-regex": true,
+    "no-cookies": true,
+    "no-delete-expression": true,
+    "no-document-write": true,
+    "no-document-domain": true,
+    "no-disable-auto-sanitization": true,
+    "no-duplicate-case": true,
+    "no-duplicate-parameter-names": true,
+    "no-empty-interfaces": true,
+    "no-exec-script": true,
+    "no-function-constructor-with-string-args": true,
+    "no-function-expression": true,
+    "no-invalid-regexp": true,
+    "no-for-in": true,
+    "member-access": true,
+    "no-multiline-string": true,
+    "no-multiple-var-decl": true,
+    "no-unnecessary-bind": true,
+    "no-unnecessary-semicolons": true,
+    "no-octal-literal": true,
+    "no-regex-spaces": true,
+    "no-sparse-arrays": true,
+    "no-string-based-set-immediate": true,
+    "no-string-based-set-interval": true,
+    "no-unused-imports": true,
+    "no-with-statement": true,
+    "prefer-array-literal": true,
+    "promise-must-complete": false,
+    "react-no-dangerous-html": true,
+    "use-named-parameter": true,
+    "valid-typeof": true,
+    "max-func-body-length": [true, 100, {
+      "ignore-parameters-to-function-regex": "describe"
+    }],
+    "class-name": true,
+    "curly": true,
+    "eofline": false,
+    "forin": true,
+    "indent": [
+      true,
+      "spaces"
+    ],
+    "label-position": true,       
+    "max-line-length": [true, 140],
+    "no-arg": true,
+    "no-console": [true,
+      "debug",
+      "info",
+      "log",
+      "time",
+      "timeEnd",
+      "trace"
+    ],
+    "no-construct": true,
+    "no-parameter-properties": true,
+    "no-debugger": true,    
+    "no-duplicate-variable": true,
+    "no-empty": true,
+    "no-eval": true,
+    "no-string-literal": true,
+    "no-switch-case-fall-through": true,
+    "trailing-comma": true,
+    "no-trailing-whitespace": true,
+    "no-unused-expression": true,
+    "no-use-before-declare": false,
+    "no-var-requires": true,
+    "one-line": [true,
+      "check-open-brace",
+      "check-catch",
+      "check-else",
+      "check-whitespace"
+    ],
+    "no-any": true,
+    "no-conditional-assignment": true,
+    "no-angle-bracket-type-assertion": false,
+    "align": [true, "parameters", "arguments", "statements"],
+    "no-empty-line-after-opening-brace": false,
+    "typedef-whitespace": [false],
+    "ban": true,
+    "quotemark": [true, "single"],
+    "semicolon": true,
+    "triple-equals": [true, "allow-null-check"],
+    "typedef": [true,
+      "call-signature",
+      "parameter",
+      "property-declaration",
+      "variable-declaration",
+      "arrow-parameter",
+      "member-variable-declaration"],    
+    "variable-name": true,
+    "whitespace": [true,
+      "check-branch",
+      "check-decl",
+      "check-operator",
+      "check-separator",
+      "check-type"
+    ],
+    "jsdoc-format": true,
+    "no-var-keyword": true,
+    "radix": true
+  }
+}