@genexus/genexus-ide-ui 1.0.2 → 1.0.4

package/dist/collection/components/kb-manager-export/kb-manager-export.css

@@ -318,46 +318,6 @@ FORM ELEMENTS
 /* hiChar styles
 Found on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.
 */
-.button-primary-destructive {
-  --control__border-color: var(--button-primary__border-color--destructive);
-  background-color: var(--button-primary__bg-color--destructive);
-  color: var(--button-primary__color--destructive);
-}
-.button-primary-destructive:hover {
-  --control__border-color: var(
-    --button-primary__bg-color--destructive-hover
-  );
-  background-color: var(--button-primary__bg-color--destructive-hover);
-  color: var(--button-primary__color--destructive);
-}
-.button-primary-destructive:active {
-  --control__border-color: var(
-    --button-primary__bg-color--destructive-active
-  );
-  background-color: var(--button-primary__bg-color--destructive-active);
-  color: var(--button-primary__color--destructive);
-}
-
-.button-secondary-destructive {
-  --control__border-color: var(--button-secondary__border-color--destructive);
-  background-color: var(--button-secondary__bg-color--destructive);
-  color: var(--button-secondary__color--destructive);
-}
-.button-secondary-destructive:hover {
-  --control__border-color: var(
-    --button-secondary__bg-color--destructive-hover
-  );
-  background-color: var(--button-secondary__bg-color--destructive-hover);
-  color: var(--button-secondary__color--destructive);
-}
-.button-secondary-destructive:active {
-  --control__border-color: var(
-    --button-secondary__bg-color--destructive-active
-  );
-  background-color: var(--button-secondary__bg-color--destructive-active);
-  color: var(--button-secondary__color--destructive);
-}
-
 /* - - - - - - - - - - - - - - - - -
 New classes for Chameleon + Mercury
 - - - - - - - - - - - - - - - - - */

package/dist/collection/components/kb-manager-import/kb-manager-import.css

@@ -7,46 +7,6 @@
   contain-intrinsic-size: auto var(--ch-tree-view-item__image-size);
 }
 
-.button-primary-destructive {
-  --control__border-color: var(--button-primary__border-color--destructive);
-  background-color: var(--button-primary__bg-color--destructive);
-  color: var(--button-primary__color--destructive);
-}
-.button-primary-destructive:hover {
-  --control__border-color: var(
-    --button-primary__bg-color--destructive-hover
-  );
-  background-color: var(--button-primary__bg-color--destructive-hover);
-  color: var(--button-primary__color--destructive);
-}
-.button-primary-destructive:active {
-  --control__border-color: var(
-    --button-primary__bg-color--destructive-active
-  );
-  background-color: var(--button-primary__bg-color--destructive-active);
-  color: var(--button-primary__color--destructive);
-}
-
-.button-secondary-destructive {
-  --control__border-color: var(--button-secondary__border-color--destructive);
-  background-color: var(--button-secondary__bg-color--destructive);
-  color: var(--button-secondary__color--destructive);
-}
-.button-secondary-destructive:hover {
-  --control__border-color: var(
-    --button-secondary__bg-color--destructive-hover
-  );
-  background-color: var(--button-secondary__bg-color--destructive-hover);
-  color: var(--button-secondary__color--destructive);
-}
-.button-secondary-destructive:active {
-  --control__border-color: var(
-    --button-secondary__bg-color--destructive-active
-  );
-  background-color: var(--button-secondary__bg-color--destructive-active);
-  color: var(--button-secondary__color--destructive);
-}
-
 .tree-view::part(item__action objects-workflow)::before {
   grid-area: start-img;
   background: no-repeat center/100% var(--icon__objects_workflow--enabled);
@@ -1536,46 +1496,6 @@ Found on /common/helpers.tsx hiChar function is used to add a span/class to ever
   contain-intrinsic-size: auto var(--ch-tree-view-item__image-size);
 }
 
-.button-primary-destructive {
-  --control__border-color: var(--button-primary__border-color--destructive);
-  background-color: var(--button-primary__bg-color--destructive);
-  color: var(--button-primary__color--destructive);
-}
-.button-primary-destructive:hover {
-  --control__border-color: var(
-    --button-primary__bg-color--destructive-hover
-  );
-  background-color: var(--button-primary__bg-color--destructive-hover);
-  color: var(--button-primary__color--destructive);
-}
-.button-primary-destructive:active {
-  --control__border-color: var(
-    --button-primary__bg-color--destructive-active
-  );
-  background-color: var(--button-primary__bg-color--destructive-active);
-  color: var(--button-primary__color--destructive);
-}
-
-.button-secondary-destructive {
-  --control__border-color: var(--button-secondary__border-color--destructive);
-  background-color: var(--button-secondary__bg-color--destructive);
-  color: var(--button-secondary__color--destructive);
-}
-.button-secondary-destructive:hover {
-  --control__border-color: var(
-    --button-secondary__bg-color--destructive-hover
-  );
-  background-color: var(--button-secondary__bg-color--destructive-hover);
-  color: var(--button-secondary__color--destructive);
-}
-.button-secondary-destructive:active {
-  --control__border-color: var(
-    --button-secondary__bg-color--destructive-active
-  );
-  background-color: var(--button-secondary__bg-color--destructive-active);
-  color: var(--button-secondary__color--destructive);
-}
-
 /* - - - - - - - - - - - - - - - - -
 New classes for Chameleon + Mercury
 - - - - - - - - - - - - - - - - - */

package/dist/collection/components/modules/edit-module-server/edit-module-server.css

@@ -318,46 +318,6 @@ FORM ELEMENTS
 /* hiChar styles
 Found on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.
 */
-.button-primary-destructive {
-  --control__border-color: var(--button-primary__border-color--destructive);
-  background-color: var(--button-primary__bg-color--destructive);
-  color: var(--button-primary__color--destructive);
-}
-.button-primary-destructive:hover {
-  --control__border-color: var(
-    --button-primary__bg-color--destructive-hover
-  );
-  background-color: var(--button-primary__bg-color--destructive-hover);
-  color: var(--button-primary__color--destructive);
-}
-.button-primary-destructive:active {
-  --control__border-color: var(
-    --button-primary__bg-color--destructive-active
-  );
-  background-color: var(--button-primary__bg-color--destructive-active);
-  color: var(--button-primary__color--destructive);
-}
-
-.button-secondary-destructive {
-  --control__border-color: var(--button-secondary__border-color--destructive);
-  background-color: var(--button-secondary__bg-color--destructive);
-  color: var(--button-secondary__color--destructive);
-}
-.button-secondary-destructive:hover {
-  --control__border-color: var(
-    --button-secondary__bg-color--destructive-hover
-  );
-  background-color: var(--button-secondary__bg-color--destructive-hover);
-  color: var(--button-secondary__color--destructive);
-}
-.button-secondary-destructive:active {
-  --control__border-color: var(
-    --button-secondary__bg-color--destructive-active
-  );
-  background-color: var(--button-secondary__bg-color--destructive-active);
-  color: var(--button-secondary__color--destructive);
-}
-
 /* - - - - - - - - - - - - - - - - -
 New classes for Chameleon + Mercury
 - - - - - - - - - - - - - - - - - */

package/dist/collection/components/modules/manage-module-references/manage-module-references.css

@@ -318,46 +318,6 @@ FORM ELEMENTS
 /* hiChar styles
 Found on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.
 */
-.button-primary-destructive {
-  --control__border-color: var(--button-primary__border-color--destructive);
-  background-color: var(--button-primary__bg-color--destructive);
-  color: var(--button-primary__color--destructive);
-}
-.button-primary-destructive:hover {
-  --control__border-color: var(
-    --button-primary__bg-color--destructive-hover
-  );
-  background-color: var(--button-primary__bg-color--destructive-hover);
-  color: var(--button-primary__color--destructive);
-}
-.button-primary-destructive:active {
-  --control__border-color: var(
-    --button-primary__bg-color--destructive-active
-  );
-  background-color: var(--button-primary__bg-color--destructive-active);
-  color: var(--button-primary__color--destructive);
-}
-
-.button-secondary-destructive {
-  --control__border-color: var(--button-secondary__border-color--destructive);
-  background-color: var(--button-secondary__bg-color--destructive);
-  color: var(--button-secondary__color--destructive);
-}
-.button-secondary-destructive:hover {
-  --control__border-color: var(
-    --button-secondary__bg-color--destructive-hover
-  );
-  background-color: var(--button-secondary__bg-color--destructive-hover);
-  color: var(--button-secondary__color--destructive);
-}
-.button-secondary-destructive:active {
-  --control__border-color: var(
-    --button-secondary__bg-color--destructive-active
-  );
-  background-color: var(--button-secondary__bg-color--destructive-active);
-  color: var(--button-secondary__color--destructive);
-}
-
 /* - - - - - - - - - - - - - - - - -
 New classes for Chameleon + Mercury
 - - - - - - - - - - - - - - - - - */

package/dist/collection/components/modules/manage-module-references-v2/manage-module-references.css

@@ -318,46 +318,6 @@ FORM ELEMENTS
 /* hiChar styles
 Found on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.
 */
-.button-primary-destructive {
-  --control__border-color: var(--button-primary__border-color--destructive);
-  background-color: var(--button-primary__bg-color--destructive);
-  color: var(--button-primary__color--destructive);
-}
-.button-primary-destructive:hover {
-  --control__border-color: var(
-    --button-primary__bg-color--destructive-hover
-  );
-  background-color: var(--button-primary__bg-color--destructive-hover);
-  color: var(--button-primary__color--destructive);
-}
-.button-primary-destructive:active {
-  --control__border-color: var(
-    --button-primary__bg-color--destructive-active
-  );
-  background-color: var(--button-primary__bg-color--destructive-active);
-  color: var(--button-primary__color--destructive);
-}
-
-.button-secondary-destructive {
-  --control__border-color: var(--button-secondary__border-color--destructive);
-  background-color: var(--button-secondary__bg-color--destructive);
-  color: var(--button-secondary__color--destructive);
-}
-.button-secondary-destructive:hover {
-  --control__border-color: var(
-    --button-secondary__bg-color--destructive-hover
-  );
-  background-color: var(--button-secondary__bg-color--destructive-hover);
-  color: var(--button-secondary__color--destructive);
-}
-.button-secondary-destructive:active {
-  --control__border-color: var(
-    --button-secondary__bg-color--destructive-active
-  );
-  background-color: var(--button-secondary__bg-color--destructive-active);
-  color: var(--button-secondary__color--destructive);
-}
-
 /* - - - - - - - - - - - - - - - - -
 New classes for Chameleon + Mercury
 - - - - - - - - - - - - - - - - - */

package/dist/collection/components/new-environment/new-environment.css

@@ -318,46 +318,6 @@ FORM ELEMENTS
 /* hiChar styles
 Found on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.
 */
-.button-primary-destructive {
-  --control__border-color: var(--button-primary__border-color--destructive);
-  background-color: var(--button-primary__bg-color--destructive);
-  color: var(--button-primary__color--destructive);
-}
-.button-primary-destructive:hover {
-  --control__border-color: var(
-    --button-primary__bg-color--destructive-hover
-  );
-  background-color: var(--button-primary__bg-color--destructive-hover);
-  color: var(--button-primary__color--destructive);
-}
-.button-primary-destructive:active {
-  --control__border-color: var(
-    --button-primary__bg-color--destructive-active
-  );
-  background-color: var(--button-primary__bg-color--destructive-active);
-  color: var(--button-primary__color--destructive);
-}
-
-.button-secondary-destructive {
-  --control__border-color: var(--button-secondary__border-color--destructive);
-  background-color: var(--button-secondary__bg-color--destructive);
-  color: var(--button-secondary__color--destructive);
-}
-.button-secondary-destructive:hover {
-  --control__border-color: var(
-    --button-secondary__bg-color--destructive-hover
-  );
-  background-color: var(--button-secondary__bg-color--destructive-hover);
-  color: var(--button-secondary__color--destructive);
-}
-.button-secondary-destructive:active {
-  --control__border-color: var(
-    --button-secondary__bg-color--destructive-active
-  );
-  background-color: var(--button-secondary__bg-color--destructive-active);
-  color: var(--button-secondary__color--destructive);
-}
-
 /* - - - - - - - - - - - - - - - - -
 New classes for Chameleon + Mercury
 - - - - - - - - - - - - - - - - - */

package/dist/collection/components/new-kb/new-kb.css

@@ -318,46 +318,6 @@ FORM ELEMENTS
 /* hiChar styles
 Found on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.
 */
-.button-primary-destructive {
-  --control__border-color: var(--button-primary__border-color--destructive);
-  background-color: var(--button-primary__bg-color--destructive);
-  color: var(--button-primary__color--destructive);
-}
-.button-primary-destructive:hover {
-  --control__border-color: var(
-    --button-primary__bg-color--destructive-hover
-  );
-  background-color: var(--button-primary__bg-color--destructive-hover);
-  color: var(--button-primary__color--destructive);
-}
-.button-primary-destructive:active {
-  --control__border-color: var(
-    --button-primary__bg-color--destructive-active
-  );
-  background-color: var(--button-primary__bg-color--destructive-active);
-  color: var(--button-primary__color--destructive);
-}
-
-.button-secondary-destructive {
-  --control__border-color: var(--button-secondary__border-color--destructive);
-  background-color: var(--button-secondary__bg-color--destructive);
-  color: var(--button-secondary__color--destructive);
-}
-.button-secondary-destructive:hover {
-  --control__border-color: var(
-    --button-secondary__bg-color--destructive-hover
-  );
-  background-color: var(--button-secondary__bg-color--destructive-hover);
-  color: var(--button-secondary__color--destructive);
-}
-.button-secondary-destructive:active {
-  --control__border-color: var(
-    --button-secondary__bg-color--destructive-active
-  );
-  background-color: var(--button-secondary__bg-color--destructive-active);
-  color: var(--button-secondary__color--destructive);
-}
-
 /* - - - - - - - - - - - - - - - - -
 New classes for Chameleon + Mercury
 - - - - - - - - - - - - - - - - - */

package/dist/collection/components/new-object/new-object.css

@@ -318,46 +318,6 @@ FORM ELEMENTS
 /* hiChar styles
 Found on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.
 */
-.button-primary-destructive {
-  --control__border-color: var(--button-primary__border-color--destructive);
-  background-color: var(--button-primary__bg-color--destructive);
-  color: var(--button-primary__color--destructive);
-}
-.button-primary-destructive:hover {
-  --control__border-color: var(
-    --button-primary__bg-color--destructive-hover
-  );
-  background-color: var(--button-primary__bg-color--destructive-hover);
-  color: var(--button-primary__color--destructive);
-}
-.button-primary-destructive:active {
-  --control__border-color: var(
-    --button-primary__bg-color--destructive-active
-  );
-  background-color: var(--button-primary__bg-color--destructive-active);
-  color: var(--button-primary__color--destructive);
-}
-
-.button-secondary-destructive {
-  --control__border-color: var(--button-secondary__border-color--destructive);
-  background-color: var(--button-secondary__bg-color--destructive);
-  color: var(--button-secondary__color--destructive);
-}
-.button-secondary-destructive:hover {
-  --control__border-color: var(
-    --button-secondary__bg-color--destructive-hover
-  );
-  background-color: var(--button-secondary__bg-color--destructive-hover);
-  color: var(--button-secondary__color--destructive);
-}
-.button-secondary-destructive:active {
-  --control__border-color: var(
-    --button-secondary__bg-color--destructive-active
-  );
-  background-color: var(--button-secondary__bg-color--destructive-active);
-  color: var(--button-secondary__color--destructive);
-}
-
 /* - - - - - - - - - - - - - - - - -
 New classes for Chameleon + Mercury
 - - - - - - - - - - - - - - - - - */

package/dist/collection/components/object-selector/gx-ide-assets/object-selector/langs/object-selector.lang.en.json

@@ -2,12 +2,10 @@
   "componentName": "Object Selector",
   "location": "Location",
   "filter": {
-    "title": "Filters",
     "pattern": "Pattern",
     "type": "Type",
     "category": "Category",
     "module": "Module",
-    "modified": "Modified",
     "after": "After",
     "afterNone": "None",
     "afterDateTime": "After Date/Time",

package/dist/collection/components/object-selector/gx-ide-assets/object-selector/langs/object-selector.lang.ja.json

@@ -2,11 +2,11 @@
   "componentName": "オブジェクトセレクター",
   "location": "場所",
   "filter": {
-    "title": "フィルタ",
     "pattern": "パターン",
     "type": "タイプ",
     "category": "カテゴリ",
     "module": "モジュール",
+    "after": "",
     "modified": "変更あり",
     "afterNone": "なし",
     "afterDateTime": "日付/時刻以降",

package/dist/collection/components/object-selector/object-selector.css

@@ -318,46 +318,6 @@ FORM ELEMENTS
 /* hiChar styles
 Found on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.
 */
-.button-primary-destructive {
-  --control__border-color: var(--button-primary__border-color--destructive);
-  background-color: var(--button-primary__bg-color--destructive);
-  color: var(--button-primary__color--destructive);
-}
-.button-primary-destructive:hover {
-  --control__border-color: var(
-    --button-primary__bg-color--destructive-hover
-  );
-  background-color: var(--button-primary__bg-color--destructive-hover);
-  color: var(--button-primary__color--destructive);
-}
-.button-primary-destructive:active {
-  --control__border-color: var(
-    --button-primary__bg-color--destructive-active
-  );
-  background-color: var(--button-primary__bg-color--destructive-active);
-  color: var(--button-primary__color--destructive);
-}
-
-.button-secondary-destructive {
-  --control__border-color: var(--button-secondary__border-color--destructive);
-  background-color: var(--button-secondary__bg-color--destructive);
-  color: var(--button-secondary__color--destructive);
-}
-.button-secondary-destructive:hover {
-  --control__border-color: var(
-    --button-secondary__bg-color--destructive-hover
-  );
-  background-color: var(--button-secondary__bg-color--destructive-hover);
-  color: var(--button-secondary__color--destructive);
-}
-.button-secondary-destructive:active {
-  --control__border-color: var(
-    --button-secondary__bg-color--destructive-active
-  );
-  background-color: var(--button-secondary__bg-color--destructive-active);
-  color: var(--button-secondary__color--destructive);
-}
-
 /* - - - - - - - - - - - - - - - - -
 New classes for Chameleon + Mercury
 - - - - - - - - - - - - - - - - - */
@@ -622,46 +582,6 @@ New : For Mercury
 /* hiChar styles
 Found on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.
 */
-.button-primary-destructive {
-  --control__border-color: var(--button-primary__border-color--destructive);
-  background-color: var(--button-primary__bg-color--destructive);
-  color: var(--button-primary__color--destructive);
-}
-.button-primary-destructive:hover {
-  --control__border-color: var(
-    --button-primary__bg-color--destructive-hover
-  );
-  background-color: var(--button-primary__bg-color--destructive-hover);
-  color: var(--button-primary__color--destructive);
-}
-.button-primary-destructive:active {
-  --control__border-color: var(
-    --button-primary__bg-color--destructive-active
-  );
-  background-color: var(--button-primary__bg-color--destructive-active);
-  color: var(--button-primary__color--destructive);
-}
-
-.button-secondary-destructive {
-  --control__border-color: var(--button-secondary__border-color--destructive);
-  background-color: var(--button-secondary__bg-color--destructive);
-  color: var(--button-secondary__color--destructive);
-}
-.button-secondary-destructive:hover {
-  --control__border-color: var(
-    --button-secondary__bg-color--destructive-hover
-  );
-  background-color: var(--button-secondary__bg-color--destructive-hover);
-  color: var(--button-secondary__color--destructive);
-}
-.button-secondary-destructive:active {
-  --control__border-color: var(
-    --button-secondary__bg-color--destructive-active
-  );
-  background-color: var(--button-secondary__bg-color--destructive-active);
-  color: var(--button-secondary__color--destructive);
-}
-
 :host {
   block-size: 100%;
   display: grid;

package/dist/collection/components/object-selector/object-selector.js

@@ -153,7 +153,7 @@ export class GxIdeObjectSelector {
             });
         });
         _GxIdeObjectSelector_renderFilter.set(this, () => {
-            return (h("form", { class: "field-group filter-layout spacing-body" }, h("div", { class: "field field-block pattern" }, h("label", { class: "label", htmlFor: "pattern" }, __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").filter.pattern), h("ch-edit", { accessibleName: __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").filter.pattern, debounce: config.inputDebounce, class: "form-input", part: "filter-pattern", id: "pattern", name: "pattern", value: this.patternValue, mode: "text", ref: (el) => (__classPrivateFieldSet(this, _GxIdeObjectSelector_patternInput, el, "f")), onInput: __classPrivateFieldGet(this, _GxIdeObjectSelector_refreshUIWithNewConfiguration, "f") })), h("div", { class: "field field-block type" }, h("label", { class: "label", htmlFor: "type" }, __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").filter.type), h("ch-combo-box-render", { accessibleName: __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").filter.type, class: "combo-box", disabled: !this.types, value: this.defaultType, part: "filter-type", id: "type", model: mapObjectTypeToComboBoxItemModel(this.types), ref: (el) => (__classPrivateFieldSet(this, _GxIdeObjectSelector_typeComboBox, el, "f")), onInput: __classPrivateFieldGet(this, _GxIdeObjectSelector_refreshUIWithNewConfiguration, "f") })), h("div", { class: "field field-block category" }, h("label", { class: "label", htmlFor: "category" }, __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").filter.category), h("ch-combo-box-render", { id: "category", class: "combo-box", accessibleName: __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").filter.category, disabled: !this.categories, model: mapCategoryToComboBoxItemModel(this.categories), value: this.defaultCategory, part: "filter-category", onInput: this.categories && __classPrivateFieldGet(this, _GxIdeObjectSelector_refreshUIWithNewConfiguration, "f"), ref: (el) => (__classPrivateFieldSet(this, _GxIdeObjectSelector_categoryComboBox, el, "f")) })), h("gx-ide-entity-selector", { value: this.defaultModule, defaultValue: this.defaultModule, selectEntityCallback: this.selectModuleCallback, ref: (el) => (__classPrivateFieldSet(this, _GxIdeObjectSelector_moduleEntitySelector, el, "f")), class: "module", id: "module", onValueChanged: __classPrivateFieldGet(this, _GxIdeObjectSelector_refreshUIWithNewConfiguration, "f"), labelPosition: "block-start" }), h("ch-accordion-render", { class: "accordion-outlined modified-accordion", model: MODIFIED_ACCORDION_MODEL }, h("div", { slot: "modified", class: "spacing-body" }, h("div", { class: "field-group field-group-modified" }, h("div", { class: "field field-block after" }, h("label", { class: "label", htmlFor: "after-type" }, __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").filter.after), h("ch-combo-box-render", { class: "combo-box", value: this.modifiedAfterValue, part: "filter-after-type", id: "after-type", model: __classPrivateFieldGet(this, _GxIdeObjectSelector_afterModel, "f"), ref: (el) => (__classPrivateFieldSet(this, _GxIdeObjectSelector_afterTypeComboBox, el, "f")), onInput: __classPrivateFieldGet(this, _GxIdeObjectSelector_handleAfterValueChange, "f") })), h("div", { class: "field field-block" }, h("label", { class: "label", htmlFor: "user-name" }, __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").filter.user), h("ch-edit", { class: "form-input", part: "filter-user", value: this.patternValue, ref: (el) => (__classPrivateFieldSet(this, _GxIdeObjectSelector_userInput, el, "f")), id: "user-name", name: "userName", startImgSrc: USER_ICON, onInput: __classPrivateFieldGet(this, _GxIdeObjectSelector_refreshUIWithNewConfiguration, "f") })), h("div", { class: "field field-block" }, h("label", { class: {
+            return (h("form", { class: "field-group filter-layout spacing-body" }, h("div", { class: "field field-block pattern" }, h("label", { class: "label", htmlFor: "pattern" }, __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").filter.pattern), h("ch-edit", { accessibleName: __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").filter.pattern, debounce: config.inputDebounce, class: "form-input", part: "filter-pattern", id: "pattern", name: "pattern", value: this.patternValue, mode: "text", ref: (el) => (__classPrivateFieldSet(this, _GxIdeObjectSelector_patternInput, el, "f")), onInput: __classPrivateFieldGet(this, _GxIdeObjectSelector_refreshUIWithNewConfiguration, "f") })), h("div", { class: "field field-block type" }, h("label", { class: "label", htmlFor: "type" }, __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").filter.type), h("ch-combo-box-render", { accessibleName: __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").filter.type, class: "combo-box", disabled: !this.types, value: this.defaultType, part: "filter-type", id: "type", model: mapObjectTypeToComboBoxItemModel(this.types), ref: (el) => (__classPrivateFieldSet(this, _GxIdeObjectSelector_typeComboBox, el, "f")), onInput: __classPrivateFieldGet(this, _GxIdeObjectSelector_refreshUIWithNewConfiguration, "f") })), h("div", { class: "field field-block category" }, h("label", { class: "label", htmlFor: "category" }, __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").filter.category), h("ch-combo-box-render", { id: "category", class: "combo-box", accessibleName: __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").filter.category, disabled: !this.categories, model: mapCategoryToComboBoxItemModel(this.categories), value: this.defaultCategory, part: "filter-category", onInput: this.categories && __classPrivateFieldGet(this, _GxIdeObjectSelector_refreshUIWithNewConfiguration, "f"), ref: (el) => (__classPrivateFieldSet(this, _GxIdeObjectSelector_categoryComboBox, el, "f")) })), h("gx-ide-entity-selector", { class: "module", id: "module", value: this.defaultModule, ref: (el) => (__classPrivateFieldSet(this, _GxIdeObjectSelector_moduleEntitySelector, el, "f")), labelCaption: __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").filter.module, labelPosition: "block-start", onValueChanged: __classPrivateFieldGet(this, _GxIdeObjectSelector_refreshUIWithNewConfiguration, "f"), defaultValue: this.defaultModule, selectEntityCallback: this.selectModuleCallback }), h("ch-accordion-render", { class: "accordion-outlined modified-accordion", model: MODIFIED_ACCORDION_MODEL }, h("div", { slot: "modified", class: "spacing-body" }, h("div", { class: "field-group field-group-modified" }, h("div", { class: "field field-block after" }, h("label", { class: "label", htmlFor: "after-type" }, __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").filter.after), h("ch-combo-box-render", { class: "combo-box", value: this.modifiedAfterValue, part: "filter-after-type", id: "after-type", model: __classPrivateFieldGet(this, _GxIdeObjectSelector_afterModel, "f"), ref: (el) => (__classPrivateFieldSet(this, _GxIdeObjectSelector_afterTypeComboBox, el, "f")), onInput: __classPrivateFieldGet(this, _GxIdeObjectSelector_handleAfterValueChange, "f") })), h("div", { class: "field field-block" }, h("label", { class: "label", htmlFor: "user-name" }, __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").filter.user), h("ch-edit", { class: "form-input", part: "filter-user", value: this.patternValue, ref: (el) => (__classPrivateFieldSet(this, _GxIdeObjectSelector_userInput, el, "f")), id: "user-name", name: "userName", startImgSrc: USER_ICON, onInput: __classPrivateFieldGet(this, _GxIdeObjectSelector_refreshUIWithNewConfiguration, "f") })), h("div", { class: "field field-block" }, h("label", { class: {
                     "label": true,
                     "label--disabled": this.modifiedAfterValue !== "afterDateTime"
                 }, htmlFor: "modified-date" }, __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").filter.dateTime), h("input", { type: "datetime-local", class: "form-input input-date-time", id: "modified-date", name: "modifiedDate", part: "filter-pattern", value: this.patternValue, max: TODAY, ref: (el) => (__classPrivateFieldSet(this, _GxIdeObjectSelector_modifiedDateInput, el, "f")), disabled: this.modifiedAfterValue !== "afterDateTime", onInput: __classPrivateFieldGet(this, _GxIdeObjectSelector_refreshUIWithNewConfiguration, "f") })))))));