@syncfusion/ej2-angular-querybuilder 22.1.34 → 22.1.37-ngcc

package/ej2-angular-querybuilder.metadata.json

@@ -0,0 +1 @@
+{"__symbolic":"module","version":3,"exports":[{"from":"@syncfusion/ej2-querybuilder"}],"metadata":{"ɵa":["allowValidation","columns","cssClass","dataSource","displayMode","enableNotCondition","enablePersistence","enableRtl","fieldMode","fieldModel","headerTemplate","height","immediateModeDelay","locale","matchCase","maxGroupCount","operatorModel","readonly","rule","separator","showButtons","sortDirection","summaryView","valueModel","width"],"ɵb":["actionBegin","beforeChange","change","created","dataBound","ruleChange"],"ColumnDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@syncfusion/ej2-angular-base","name":"ComplexBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"ejs-querybuilder>e-columns>e-column","inputs":["category","columns","field","format","label","operators","ruleTemplate","step","template","type","validation","value","values"],"outputs":[],"queries":{}}]}],"members":{"ruleTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":["ruleTemplate"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@syncfusion/ej2-angular-base","name":"Template"}}]}],"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":["template"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@syncfusion/ej2-angular-base","name":"Template"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef"}]}]}},"ColumnsDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@syncfusion/ej2-angular-base","name":"ArrayBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"ejs-querybuilder>e-columns","queries":{"children":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","name":"ColumnDirective"}]}}}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"QueryBuilderComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@syncfusion/ej2-querybuilder","name":"QueryBuilder"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"ejs-querybuilder","inputs":{"__symbolic":"reference","name":"ɵa"},"outputs":{"__symbolic":"reference","name":"ɵb"},"template":"","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"},"queries":{"childColumns":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","name":"ColumnsDirective"}]}}}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@syncfusion/ej2-angular-base","name":"ComponentMixins"},"arguments":[[{"__symbolic":"reference","module":"@syncfusion/ej2-angular-base","name":"ComponentBase"}]]}],"members":{"headerTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":["headerTemplate"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@syncfusion/ej2-angular-base","name":"Template"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef"},{"__symbolic":"reference","module":"@angular/core","name":"Injector"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterContentChecked":[{"__symbolic":"method"}]}},"QueryBuilderModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}],"declarations":[{"__symbolic":"reference","name":"QueryBuilderComponent"},{"__symbolic":"reference","name":"ColumnDirective"},{"__symbolic":"reference","name":"ColumnsDirective"}],"exports":[{"__symbolic":"reference","name":"QueryBuilderComponent"},{"__symbolic":"reference","name":"ColumnDirective"},{"__symbolic":"reference","name":"ColumnsDirective"}]}]}],"members":{}},"QueryBuilderAllModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","name":"QueryBuilderModule"}],"exports":[{"__symbolic":"reference","name":"QueryBuilderModule"}],"providers":[]}]}],"members":{}}},"origins":{"ɵa":"./src/query-builder/querybuilder.component","ɵb":"./src/query-builder/querybuilder.component","ColumnDirective":"./src/query-builder/columns.directive","ColumnsDirective":"./src/query-builder/columns.directive","QueryBuilderComponent":"./src/query-builder/querybuilder.component","QueryBuilderModule":"./src/query-builder/querybuilder.module","QueryBuilderAllModule":"./src/query-builder/querybuilder-all.module"},"importAs":"@syncfusion/ej2-angular-querybuilder"}

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-angular-querybuilder@*",
-  "_id": "@syncfusion/ej2-angular-querybuilder@20.1.59",
+  "_id": "@syncfusion/ej2-angular-querybuilder@22.1.34",
   "_inBundle": false,
-  "_integrity": "sha512-6PatKdhzadzAg1U5wP49Y2Zisn0AJKFpF4B/sZ36Ucjj9ACMyx8zj4ICONlBZ5tlM+9VwFE2SSVDnuUXiUnz+w==",
+  "_integrity": "sha512-ZBgkB/VtNGs38DznW3hhRJAb9DPva+mMNpNt2FJ4ZOOLURPsv7dQYzNMFSt1b2nNY1b2Vph5Uc0bWtgoJQUtzw==",
   "_location": "/@syncfusion/ej2-angular-querybuilder",
   "_phantomChildren": {},
   "_requested": {
@@ -19,10 +19,10 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-angular-release/@syncfusion/ej2-angular-querybuilder/-/ej2-angular-querybuilder-20.1.59.tgz",
-  "_shasum": "9dc0c25f1bc37a2b865eece9cdbf34096b14c151",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-angular-querybuilder/-/ej2-angular-querybuilder-22.1.34.tgz",
+  "_shasum": "3d2400bf06b27e944ea2d95a8f5be13ccbcd0eb7",
   "_spec": "@syncfusion/ej2-angular-querybuilder@*",
-  "_where": "/jenkins/workspace/elease-automation_release_21.1.1/ivypackages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -33,46 +33,26 @@
   "dependencies": {
     "@syncfusion/ej2-angular-base": "~22.1.34",
     "@syncfusion/ej2-base": "~22.1.34",
-    "@syncfusion/ej2-querybuilder": "22.1.34",
-    "tslib": "^2.3.0"
+    "@syncfusion/ej2-querybuilder": "22.1.37"
   },
   "deprecated": false,
   "description": "Essential JS 2 QueryBuilder for Angular",
-  "es2020": "fesm2020/syncfusion-ej2-angular-querybuilder.mjs",
-  "esm2020": "esm2020/syncfusion-ej2-angular-querybuilder.mjs",
-  "exports": {
-    "./package.json": {
-      "default": "./package.json"
-    },
-    ".": {
-      "types": "./syncfusion-ej2-angular-querybuilder.d.ts",
-      "esm2020": "./esm2020/syncfusion-ej2-angular-querybuilder.mjs",
-      "es2020": "./fesm2020/syncfusion-ej2-angular-querybuilder.mjs",
-      "es2015": "./fesm2015/syncfusion-ej2-angular-querybuilder.mjs",
-      "node": "./fesm2015/syncfusion-ej2-angular-querybuilder.mjs",
-      "default": "./fesm2020/syncfusion-ej2-angular-querybuilder.mjs"
-    }
-  },
-  "fesm2015": "fesm2015/syncfusion-ej2-angular-querybuilder.mjs",
-  "fesm2020": "fesm2020/syncfusion-ej2-angular-querybuilder.mjs",
+  "devDependencies": {},
+  "es2015": "@syncfusion/ej2-angular-querybuilder.js",
   "homepage": "https://www.syncfusion.com/angular-components",
   "keywords": [
-    "ej2",
-    "Syncfusion",
-    "web-components",
-    "ej2-query-builder",
-    "ej2-querybuilder",
-    "query-builder",
-    "querybuilder",
     "angular",
     "ng",
-    "ej2-ng-query-builder",
-    "ng-query-builder",
-    "ej2-angular-query-builder",
-    "ng-querybuilder"
+    "ej2 ng query builder",
+    "ng query builder",
+    "angular query builder",
+    "syncfusion angular query designer",
+    "angular filter"
   ],
   "license": "SEE LICENSE IN license",
-  "module": "fesm2015/syncfusion-ej2-angular-querybuilder.mjs",
+  "main": "dist/ej2-angular-querybuilder.umd.js",
+  "metadata": "ej2-angular-querybuilder.metadata.json",
+  "module": "@syncfusion/ej2-angular-querybuilder.es5.js",
   "name": "@syncfusion/ej2-angular-querybuilder",
   "repository": {
     "type": "git",
@@ -80,6 +60,6 @@
   },
   "schematics": "./schematics/collection.json",
   "sideEffects": false,
-  "typings": "syncfusion-ej2-angular-querybuilder.d.ts",
-  "version": "22.1.34"
+  "typings": "ej2-angular-querybuilder.d.ts",
+  "version": "22.1.37-ngcc"
 }

package/postinstall/tagchange.js

@@ -0,0 +1,18 @@
+var fs = require("fs");
+var glob = require("glob");
+
+var selectors = ['ejs-querybuilder'];
+
+if (process.env.tagName !== undefined) {
+  var newTagPrefix = process.env.tagName.trim();
+  var files = glob.sync("./@syncfusion/*");
+  for (var i = 0; i < files.length; i++) {
+    var sourceFile = fs.readFileSync(files[i], "utf8");
+    for (var j = 0; j < selectors.length; j++) {
+      selectors[j] = selectors[j].replace('[','').replace(']','');
+      var tagRegex = new RegExp(selectors[j], "g");
+      sourceFile = sourceFile.replace(tagRegex,selectors[j].replace("ejs", newTagPrefix));
+    }
+    fs.writeFileSync(files[i], sourceFile, "utf8");
+  }
+}

package/schematics/collection.json

@@ -0,0 +1,10 @@
+{
+  "$schema": "./node_modules/@angular-devkit/schematics/collection-schema.json",
+  "schematics": {
+    "ng-add": {
+      "description": "Adds Essential JS 2 specific Angular package to an application",
+      "factory": "./ng-add",
+      "schema": "./ng-add/schema.json"
+    }
+  }
+}

package/schematics/ng-add/index.d.ts

@@ -0,0 +1,3 @@
+import { OptionsSchema } from './schema';
+import { Rule } from '@angular-devkit/schematics';
+export default function (options: OptionsSchema): Rule;

package/schematics/ng-add/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const lib_details_1 = require("./../utils/lib-details");
+const schematics_1 = require("@syncfusion/ej2-angular-base/schematics");
+function default_1(options) {
+    const libOptions = Object.assign({}, { 'pkgName': lib_details_1.pkgName, 'pkgVer': lib_details_1.pkgVer, 'moduleName': lib_details_1.moduleName, 'themeVer': lib_details_1.themeVer });
+    return schematics_1.install(options, libOptions);
+}
+exports.default = default_1;

package/schematics/ng-add/schema.d.ts

@@ -0,0 +1,13 @@
+export interface OptionsSchema {
+    skipPackageJson: boolean;
+    modules: string;
+    modulePath: string;
+    theme: 'material' | 'fabric' | 'bootstrap' | 'highcontrast';
+    project?: string;
+}
+export interface LibOptionsSchema {
+    pkgName: string;
+    pkgVer: string;
+    moduleName: string;
+    themeVer: string;
+}

package/schematics/ng-add/schema.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/schematics/ng-add/schema.json

@@ -0,0 +1,34 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "ngAdd",
+  "title": "Add Essential JS 2 Angular packages",
+  "type": "object",
+  "properties": {
+    "skipPackageJson": {
+      "type": "boolean",
+      "default": false,
+      "description": "Do not add add Essential JS 2 Angular packages dependencies to package.json (e.g., --skipPackageJson)"
+    },
+    "modules": {
+      "type": "string",
+      "default": "",
+      "description": "Add only specific Essential JS 2 modules to the app.module file (eg: --modules=slider, grid)"
+    },
+    "modulePath": {
+      "type": "string",
+      "default": "",
+      "description": "Used to specify the path of the module file where the EJ2 module needs to be imported"
+    },
+    "theme": {
+      "enum": [
+        "material",
+        "fabric",
+        "bootstrap",
+        "highcontrast"
+      ],
+      "default": "material",
+      "description": "Used to change the theme that needs to be imported"
+    }
+  },
+  "required": []
+}

package/schematics/tsconfig.json

@@ -0,0 +1,25 @@
+{
+    "compilerOptions": {
+        "lib": ["es2017", "dom"],
+        "module": "commonjs",
+        "moduleResolution": "node",
+        "noEmitOnError": false,
+        "skipDefaultLibCheck": true,
+        "skipLibCheck": true,
+        "sourceMap": true,
+        "target": "es6",
+        "declaration": true,
+        "types": [
+            "jasmine",
+            "node"
+        ]
+    },
+    "exclude": [
+        "node_modules",
+        "src",
+        "src/**/*.ts",
+        "spec",
+        "spec/**/*.ts",
+        "@typings"
+    ]
+}

package/schematics/utils/lib-details.d.ts

@@ -0,0 +1,4 @@
+export declare const pkgName = "@syncfusion/ej2-angular-querybuilder";
+export declare const pkgVer = "^22.1.34";
+export declare const moduleName = "QueryBuilderModule";
+export declare const themeVer = "~22.1.34";

package/schematics/utils/lib-details.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.pkgName = '@syncfusion/ej2-angular-querybuilder';
+exports.pkgVer = '^22.1.37';
+exports.moduleName = 'QueryBuilderModule';
+exports.themeVer = '~22.1.37';

package/schematics/utils/lib-details.ts

@@ -1,4 +1,4 @@
 export const pkgName = '@syncfusion/ej2-angular-querybuilder';
-export const pkgVer = '^20.1.59';
+export const pkgVer = '^22.1.37';
 export const moduleName = 'QueryBuilderModule';
-export const themeVer = '~20.1.59';
+export const themeVer = '~22.1.37';

package/src/query-builder/columns.directive.d.ts

@@ -1,6 +1,5 @@
 import { ViewContainerRef } from '@angular/core';
 import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
-import * as i0 from "@angular/core";
 /**
  * `e-column` directive represent a column of the Angular QueryBuilder.
  * It must be contained in a QueryBuilder component(`ejs-querybuilder`).
@@ -77,16 +76,16 @@ export declare class ColumnDirective extends ComplexBase<ColumnDirective> {
     /**
      * Specifies the rule template for the field with any other widgets.
      * @default null
+     * @asptype string
      */
     ruleTemplate: any;
     /**
      * Specifies the template for value field such as slider or any other widgets.
      * @default null
+     * @asptype string
      */
     template: any;
     constructor(viewContainerRef: ViewContainerRef);
-    static ɵfac: i0.ɵɵFactoryDeclaration<ColumnDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ColumnDirective, "ejs-querybuilder>e-columns>e-column", never, { "category": "category"; "columns": "columns"; "field": "field"; "format": "format"; "label": "label"; "operators": "operators"; "ruleTemplate": "ruleTemplate"; "step": "step"; "template": "template"; "type": "type"; "validation": "validation"; "value": "value"; "values": "values"; }, {}, ["ruleTemplate", "template"]>;
 }
 /**
  * Column Array Directive
@@ -94,6 +93,4 @@ export declare class ColumnDirective extends ComplexBase<ColumnDirective> {
  */
 export declare class ColumnsDirective extends ArrayBase<ColumnsDirective> {
     constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<ColumnsDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ColumnsDirective, "ejs-querybuilder>e-columns", never, {}, {}, ["children"]>;
 }

package/src/query-builder/querybuilder-all.module.d.ts

@@ -1,11 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "./querybuilder.module";
 /**
  * NgModule definition for the QueryBuilder component with providers.
  */
 export declare class QueryBuilderAllModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<QueryBuilderAllModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<QueryBuilderAllModule, never, [typeof i1.CommonModule, typeof i2.QueryBuilderModule], [typeof i2.QueryBuilderModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<QueryBuilderAllModule>;
 }

package/src/query-builder/querybuilder.component.d.ts

@@ -2,7 +2,6 @@ import { ElementRef, ViewContainerRef, QueryList, Renderer2, Injector } from '@a
 import { IComponentBase } from '@syncfusion/ej2-angular-base';
 import { QueryBuilder } from '@syncfusion/ej2-querybuilder';
 import { ColumnsDirective } from './columns.directive';
-import * as i0 from "@angular/core";
 export declare const inputs: string[];
 export declare const outputs: string[];
 export declare const twoWays: string[];
@@ -30,6 +29,7 @@ export declare class QueryBuilderComponent extends QueryBuilder implements IComp
     /**
      * Specifies the template for the header with any other widgets.
      * @default null
+     * @asptype string
      */
     headerTemplate: any;
     constructor(ngEle: ElementRef, srenderer: Renderer2, viewContainerRef: ViewContainerRef, injector: Injector);
@@ -39,6 +39,4 @@ export declare class QueryBuilderComponent extends QueryBuilder implements IComp
     ngAfterContentChecked(): void;
     registerEvents: (eventList: string[]) => void;
     addTwoWay: (propList: string[]) => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<QueryBuilderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<QueryBuilderComponent, "ejs-querybuilder", never, { "allowValidation": "allowValidation"; "columns": "columns"; "cssClass": "cssClass"; "dataSource": "dataSource"; "displayMode": "displayMode"; "enableNotCondition": "enableNotCondition"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "fieldMode": "fieldMode"; "fieldModel": "fieldModel"; "headerTemplate": "headerTemplate"; "height": "height"; "immediateModeDelay": "immediateModeDelay"; "locale": "locale"; "matchCase": "matchCase"; "maxGroupCount": "maxGroupCount"; "operatorModel": "operatorModel"; "readonly": "readonly"; "rule": "rule"; "separator": "separator"; "showButtons": "showButtons"; "sortDirection": "sortDirection"; "summaryView": "summaryView"; "valueModel": "valueModel"; "width": "width"; }, { "actionBegin": "actionBegin"; "beforeChange": "beforeChange"; "change": "change"; "created": "created"; "dataBound": "dataBound"; "ruleChange": "ruleChange"; }, ["headerTemplate", "childColumns"], never>;
 }

package/src/query-builder/querybuilder.module.d.ts

@@ -1,12 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./querybuilder.component";
-import * as i2 from "./columns.directive";
-import * as i3 from "@angular/common";
 /**
  * NgModule definition for the QueryBuilder component.
  */
 export declare class QueryBuilderModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<QueryBuilderModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<QueryBuilderModule, [typeof i1.QueryBuilderComponent, typeof i2.ColumnDirective, typeof i2.ColumnsDirective], [typeof i3.CommonModule], [typeof i1.QueryBuilderComponent, typeof i2.ColumnDirective, typeof i2.ColumnsDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<QueryBuilderModule>;
 }

package/styles/bootstrap-dark.css

@@ -182,7 +182,7 @@
 .e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small {
   border-bottom-left-radius: 0;
   border-top-left-radius: 0;
-  border-top-right-radius: 4px;
+  border-top-right-radius: 0;
 }
 .e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small.e-not-readonly {
   border-bottom-right-radius: 4px;

package/styles/bootstrap.css

@@ -180,7 +180,7 @@
 .e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small {
   border-bottom-left-radius: 0;
   border-top-left-radius: 0;
-  border-top-right-radius: 4px;
+  border-top-right-radius: 0;
 }
 .e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small.e-not-readonly {
   border-bottom-right-radius: 4px;

package/styles/bootstrap4.css

@@ -260,7 +260,7 @@
 .e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small {
   border-bottom-left-radius: 0;
   border-top-left-radius: 0;
-  border-top-right-radius: 4px;
+  border-top-right-radius: 0;
 }
 .e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small.e-not-readonly {
   border-bottom-right-radius: 4px;

package/styles/bootstrap5-dark.css

@@ -230,7 +230,7 @@
 .e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small {
   border-bottom-left-radius: 0;
   border-top-left-radius: 0;
-  border-top-right-radius: 4px;
+  border-top-right-radius: 0;
 }
 .e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small.e-not-readonly {
   border-bottom-right-radius: 4px;

package/styles/bootstrap5.css

@@ -230,7 +230,7 @@
 .e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small {
   border-bottom-left-radius: 0;
   border-top-left-radius: 0;
-  border-top-right-radius: 4px;
+  border-top-right-radius: 0;
 }
 .e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small.e-not-readonly {
   border-bottom-right-radius: 4px;

package/styles/fluent-dark.css

@@ -210,7 +210,7 @@
 .e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small {
   border-bottom-left-radius: 0;
   border-top-left-radius: 0;
-  border-top-right-radius: 4px;
+  border-top-right-radius: 0;
 }
 .e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small.e-not-readonly {
   border-bottom-right-radius: 4px;

package/styles/fluent.css

@@ -210,7 +210,7 @@
 .e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small {
   border-bottom-left-radius: 0;
   border-top-left-radius: 0;
-  border-top-right-radius: 4px;
+  border-top-right-radius: 0;
 }
 .e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small.e-not-readonly {
   border-bottom-right-radius: 4px;

package/styles/material-dark.css

@@ -156,7 +156,7 @@
 .e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small {
   border-bottom-left-radius: 0;
   border-top-left-radius: 0;
-  border-top-right-radius: 2px;
+  border-top-right-radius: 0;
 }
 .e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small.e-not-readonly {
   border-bottom-right-radius: 2px;

package/styles/material.css

@@ -181,7 +181,7 @@
 .e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small {
   border-bottom-left-radius: 0;
   border-top-left-radius: 0;
-  border-top-right-radius: 2px;
+  border-top-right-radius: 0;
 }
 .e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small.e-not-readonly {
   border-bottom-right-radius: 2px;

package/styles/material3-dark.css

@@ -115,21 +115,26 @@
 }
 
 .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
-  margin: 6px 6px 5px;
-  min-height: 12px;
-  min-width: 12px;
-  padding: 6px;
+  margin: 0 6px;
+  min-height: 30px;
+  min-width: 30px;
 }
 
 .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
 .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
-  min-height: 16px;
-  min-width: 16px;
+  min-height: 38px;
+  min-width: 38px;
+}
+
+.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
+.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
+  min-height: 22px;
+  min-width: 22px;
 }
 
 .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter,
 .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter {
-  padding: 8px 16px 8px 0;
+  padding: 4px 16px 4px 0;
 }
 
 .e-input-group.e-ddl,
@@ -149,7 +154,7 @@
 .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus.e-small .e-clear-icon,
 .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon,
 .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon {
-  margin: 0;
+  margin: 4px;
 }
 
 .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
@@ -158,7 +163,7 @@
 .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
 .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
 .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small.e-input-focus .e-input-filter {
-  padding: 5px 5px 5px 12px;
+  padding: 4px 5px 4px 12px;
 }
 
 .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
@@ -168,8 +173,8 @@
 .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
 .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
 .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger.e-small .e-clear-icon {
-  min-height: 18px;
-  min-width: 18px;
+  min-height: 34px;
+  min-width: 34px;
 }
 
 .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
@@ -182,6 +187,10 @@
   padding: 8px 16px;
 }
 
+.e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon {
+  margin: 0 4px;
+}
+
 .e-ddl.e-popup.e-outline .e-filter-parent {
   padding: 4px 8px;
 }
@@ -220,8 +229,6 @@
 }
 .e-query-builder.e-rtl .e-btn-group.e-rtl .e-btn.e-btngroup-and-lbl.e-small.e-not {
   border: 1px solid var(--color-sf-outline);
-  border-bottom-left-radius: 20px;
-  border-top-left-radius: 20px;
 }
 .e-query-builder.e-rtl .e-btn-group.e-rtl .e-btn.e-btngroup-and-lbl.e-small.e-readonly-and {
   border-bottom-left-radius: 20px;
@@ -237,9 +244,10 @@
 }
 .e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small {
   border: 1px solid var(--color-sf-outline);
-  border-bottom-left-radius: 20px;
-  border-top-left-radius: 20px;
-  border-top-right-radius: 20px;
+  border-bottom-right-radius: 4px;
+  border-bottom-left-radius: 0;
+  border-top-left-radius: 0;
+  border-top-right-radius: 4px;
 }
 .e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small.e-not-readonly {
   border-bottom-right-radius: 20px;
@@ -338,8 +346,8 @@
 .e-query-builder .e-group-header .e-qb-toggle.e-btn.e-small {
   border: 1px solid var(--color-sf-outline);
   border-bottom-right-radius: 20px;
-  border-bottom-left-radius: 20px;
-  border-top-left-radius: 20px;
+  border-bottom-left-radius: 4px;
+  border-top-left-radius: 4px;
   border-top-right-radius: 20px;
 }
 .e-query-builder .e-group-header .e-qb-toggle.e-btn.e-small.e-not-readonly {
@@ -361,6 +369,8 @@
 }
 .e-query-builder .e-group-header .e-btn.e-btngroup-and-lbl.e-small.e-not {
   border: 1px solid var(--color-sf-outline);
+  border-bottom-right-radius: 0;
+  border-top-right-radius: 0;
   border-bottom-left-radius: 0;
   border-top-left-radius: 0;
 }
@@ -373,10 +383,6 @@
 }
 .e-query-builder .e-group-header .e-btn.e-btngroup-or-lbl.e-small {
   border: 1px solid var(--color-sf-outline);
-  border-bottom-right-radius: 20px;
-  border-top-right-radius: 20px;
-  border-bottom-left-radius: 0;
-  border-top-left-radius: 0;
 }
 .e-query-builder .e-group-header .e-btn.e-btngroup-or-lbl.e-small.e-readonly-or-not {
   border-bottom-left-radius: 20px;

package/styles/material3-dark.scss

@@ -1,3 +1,2 @@
 
-@import 'ej2-base/styles/material3-dark-definition.scss';
 @import 'query-builder/material3-dark.scss';