@genexus/genexus-ide-ui 1.0.1 → 1.0.3

package/dist/esm/gx-ide-object-selector.entry.js

@@ -1,211 +1,217 @@
-import { r as registerInstance, c as createEvent, a as getAssetPath, h, H as Host, g as getElement } from './index-2f305780.js';
+import { r as registerInstance, a as getAssetPath, h, H as Host, g as getElement } from './index-27c691bc.js';
+import { g as getIconPath } from './assets-manager-120996e9.js';
 import { L as Locale } from './locale-3c32f251.js';
-import { c as config } from './config-a492e15e.js';
-import { r as renderComboItems } from './render-combo-items-42fe0712.js';
-import { f as formatDate } from './helpers-0a23ab69.js';
-import { g as gridCommon } from './grid-55fe9537.js';
+import { c as config } from './config-6cfbb06f.js';
+import { a as formatDate } from './helpers-05c62775.js';
 import { F as FILTER_AFTER } from './constants-f9193da7.js';
 
-const objectSelectorCss = ":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-view-primary{font-size:var(--mer-font__size--2xs)}p{margin:0;font-size:var(--mer-font__size--xxs)}:host{display:block;border:1px solid var(--gxg-border-color--regular);background-color:var(--mer-color__surface)}.filter-grid{display:grid;padding:var(--mer-spacing--sm);row-gap:var(--gx-ide-grid-row-gap);column-gap:var(--gx-ide-grid-column-gap);border-block-start:1px solid var(--gx-ide-container-border-color);border-block-end:1px solid var(--gx-ide-container-border-color);grid-template-columns:1fr 1fr;grid-template-areas:\"pattern type\" \"category module-folder\" \"modified-row modified-row\"}.filter-grid .pattern{grid-area:pattern}.filter-grid .type{grid-area:type}.filter-grid .category{grid-area:category}.filter-grid .module-folder{grid-area:module-folder}.filter-grid .modified-row{grid-area:modified-row}.filter-grid--no-title{border-top:0}.modified-row{min-height:24px;display:flex;align-items:center;gap:var(--gx-ide-grid-column-gap);flex:1}.modified-row__inner-wrapper{display:flex;align-items:center;gap:var(--gx-ide-grid-column-gap);flex:1}.modified-row__inner-wrapper .date-time{display:flex;align-items:center}.modified-row .user{max-width:205px !important}.modified-row .date-time{flex:1}gx-ide-container::part(content){display:grid}ch-tabular-grid{overflow:auto;max-width:100%}.tabular-grid-object-selector ch-tabular-grid-cell:is(:nth-child(5)){padding-block:var(--grid-cell__padding-block);padding-inline:var(--grid-cell__padding-inline);align-items:start;justify-content:start;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.objects-count{display:flex;justify-content:space-around}.objects-count>*{flex:1;padding:var(--mer-spacing--2xs)}.objects-count>:not(:last-child){border-inline-end:1px solid var(--gx-ide-container-border-color)}";
+// - - - - - - - - - - - -
+// Data Mappings
+// - - - - - - - - - - - -
+// ch-combo-box-render
+const mapObjectTypeToComboBoxItemModel = (objectTypeModel) => objectTypeModel.map(objectType => ({
+    value: objectType.id,
+    caption: objectType.name
+}));
+const mapCategoryToComboBoxItemModel = (categoryModel) => categoryModel.map(category => ({
+    value: category.id,
+    caption: category.label
+}));
 
+const objectSelectorCss = ":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}:host{display:grid;block-size:100%}.card-regular{background-color:var(--mer-surface__elevation--01);border:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01);border-radius:var(--mer-border__radius--md);padding:var(--mer-spacing--md) var(--mer-spacing--md);display:grid}.card-small{background-color:var(--mer-surface__elevation--02);border-radius:var(--mer-border__radius--sm);padding:var(--mer-spacing--sm) var(--mer-spacing--sm)}.card-small--actionable:hover{background-color:var(--mer-color__neutral-gray--600)}.card-small--actionable:active{background-color:var(--mer-color__neutral-gray--650)}.card-small:focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.empty-state{block-size:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--mer-spacing--sm);text-align:center}.empty-state__title,.empty-state__button,.empty-state__link{max-inline-size:300px}.opacity-0{opacity:0}.opacity-1{opacity:1}.display-contents{display:contents}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-view-primary{font-size:var(--mer-font__size--2xs)}p{margin:0;font-size:var(--mer-font__size--xxs)}.buttons-container{display:flex;gap:var(--mer-spacing--xs)}:host{block-size:100%;display:grid;grid-template-rows:auto 1fr auto;overflow:auto}.filter-layout{grid-template:\"pattern type\" \"category module\" \"modified modified\";grid-template-columns:1fr 1fr}.pattern{grid-area:pattern}.type{grid-area:type}.category{grid-area:category}.module{grid-area:module}.modified-accordion{grid-area:modified;display:flex;flex-direction:column}.field-group-modified{grid-template-columns:1fr 1fr 1fr}gx-ide-container::part(content){display:grid}ch-tabular-grid{overflow:auto;max-width:100%}.tabular-grid-object-selector ch-tabular-grid-cell:is(:nth-child(5)){padding-block:var(--grid-cell__padding-block);padding-inline:var(--grid-cell__padding-inline);align-items:start;justify-content:start;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.objects-count{display:grid;grid-template-columns:1fr 1fr;border-block-start:var(--mer-border__width--sm) solid var(--mer-color__elevation--04)}.objects-selected{text-align:start}.objects-matching{text-align:end}.objects-selected,.objects-matching{padding:var(--mer-spacing--xs) var(--mer-spacing--md)}div.buttons-footer{justify-content:space-between}ch-tabular-grid-rowset-empty{position:relative}ch-tabular-grid.empty-result::part(main){overflow:hidden}input::-webkit-datetime-edit-fields-wrapper{padding:none}";
+
+var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m")
+        throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var _GxIdeObjectSelector_componentLocale, _GxIdeObjectSelector_shortcutsSrc, _GxIdeObjectSelector_afterModel, _GxIdeObjectSelector_patternInput, _GxIdeObjectSelector_typeComboBox, _GxIdeObjectSelector_categoryComboBox, _GxIdeObjectSelector_moduleEntitySelector, _GxIdeObjectSelector_afterTypeComboBox, _GxIdeObjectSelector_userInput, _GxIdeObjectSelector_modifiedDateInput, _GxIdeObjectSelector_objectsGrid, _GxIdeObjectSelector_shortcutsEl, _GxIdeObjectSelector_cancelCallbackHandler, _GxIdeObjectSelector_chGridKeyDownHandler, _GxIdeObjectSelector_deselectAll, _GxIdeObjectSelector_evaluateObjectsCount, _GxIdeObjectSelector_getToday, _GxIdeObjectSelector_handleAfterValueChange, _GxIdeObjectSelector_handleObjectsSelectionChange, _GxIdeObjectSelector_hostKeyPressHandler, _GxIdeObjectSelector_newObjectCallbackHandler, _GxIdeObjectSelector_openSelectionCallbackHandler, _GxIdeObjectSelector_refreshUIWithNewConfiguration, _GxIdeObjectSelector_renderFilter, _GxIdeObjectSelector_renderFooter, _GxIdeObjectSelector_renderObjects, _GxIdeObjectSelector_selectAll, _GxIdeObjectSelector_setAfterDefaultValue, _GxIdeObjectSelector_setAfterOptions, _GxIdeObjectSelector_sortObjectsByName;
 const CSS_BUNDLES = [
     "resets/box-sizing",
-    // "utils/form",
-    // "utils/layout",
-    // "utils/typography",
-    // "components/button",
-    // "components/checkbox",
-    // "components/edit",
-    "components/tabular-grid"
+    "utils/form--full",
+    "components/accordion",
+    "components/tabular-grid",
+    "utils/typography",
+    "utils/layout"
 ];
+const FILTER_ICON = getIconPath({
+    category: "window-tools",
+    name: "filter",
+    colorType: "on-elevation"
+});
+const USER_ICON = getIconPath({
+    category: "system",
+    name: "user",
+    colorType: "on-elevation"
+});
+const MODIFIED_ACCORDION_MODEL = [
+    {
+        id: "modified",
+        caption: "Modified",
+        expanded: false
+    }
+];
+let TODAY = null;
 const GxIdeObjectSelector = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.componentDidRenderFirstTime = createEvent(this, "componentDidRenderFirstTime", 7);
-        this.componentDidLoadEvent = createEvent(this, "componentDidLoadEvent", 7);
-        this.renderedFirstTime = false;
-        this.shortcutsSrc = getAssetPath(`./gx-ide-assets/object-selector/shortcuts.json`);
-        // 9.LOCAL METHODS
-        this.loaderCancelCallbackHandler = async () => {
-            this.cancelCallbackHandler();
-        };
-        this.getObjects = () => {
-            var _a, _b, _c, _d, _e, _f;
-            /* 'modified' checkbox, should only be considered if 'date' || 'user' */
-            const modified = this.filterModifiedEl.checked;
-            const modifiedAfter = this.filterAfterTypeEl.value;
-            const user = (_b = (_a = this.filterUserEl) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.trim();
-            const filters = {
-                pattern: (_c = this.filterPatternEl) === null || _c === void 0 ? void 0 : _c.value,
-                // type: this.filterTypeEl?.value,
-                type: this.selectedAttribute,
-                // category: this.filterCategoryEl?.value,
-                category: this.selectedCategory,
-                module: (_e = (_d = this.filterModuleEl) === null || _d === void 0 ? void 0 : _d.value) === null || _e === void 0 ? void 0 : _e.id,
-                modifiedAfter: modified && modifiedAfter ? modifiedAfter : null,
-                modifiedBy: modified && user ? user : null,
-                modifiedDate: modified && modifiedAfter === FILTER_AFTER.DATE_TIME
-                    ? (_f = this.filterModifiedDateEl) === null || _f === void 0 ? void 0 : _f.value
-                    : null
-            };
-            if (this.loadCallback) {
-                this.loading = true;
-                this.objects = [];
-                this.loadCallback(filters).then((items) => {
-                    this.loaderEl.show = false;
-                    if (items) {
-                        this.objects = items;
-                    }
-                    this.selectedObjectsIds = [];
-                    this.deselectAll();
-                    this.loading = false;
-                });
-            }
-        };
-        this.openSelectionCallbackHandler = (e) => {
-            e.stopPropagation();
-            this.openSelectionCallback(this.selectedObjectsIds);
-        };
-        this.cancelCallbackHandler = () => {
+        _GxIdeObjectSelector_componentLocale.set(this, void 0);
+        _GxIdeObjectSelector_shortcutsSrc.set(this, getAssetPath(`./gx-ide-assets/object-selector/shortcuts.json`));
+        _GxIdeObjectSelector_afterModel.set(this, null);
+        /* References needed to collect data */
+        _GxIdeObjectSelector_patternInput.set(this, void 0);
+        _GxIdeObjectSelector_typeComboBox.set(this, void 0);
+        _GxIdeObjectSelector_categoryComboBox.set(this, void 0);
+        _GxIdeObjectSelector_moduleEntitySelector.set(this, void 0);
+        _GxIdeObjectSelector_afterTypeComboBox.set(this, void 0);
+        _GxIdeObjectSelector_userInput.set(this, void 0);
+        _GxIdeObjectSelector_modifiedDateInput.set(this, void 0);
+        _GxIdeObjectSelector_objectsGrid.set(this, void 0);
+        _GxIdeObjectSelector_shortcutsEl.set(this, void 0);
+        _GxIdeObjectSelector_cancelCallbackHandler.set(this, () => {
             this.cancelCallback();
-        };
-        this.selectAll = () => {
-            this.chGridEl.selectAllRows();
-        };
-        this.deselectAll = () => {
-            this.chGridEl.selectAllRows(false);
-        };
-        this.newObjectCallbackHandler = () => {
-            this.newObjectCallback();
-        };
-        this.listenChanges = async () => {
-            /* pattern*/
-            this.filterPatternEl.addEventListener("input", () => {
-                this.getObjects();
-            });
-            /* type*/
-            this.filterTypeEl.addEventListener("valueChanged", (e) => {
-                this.selectedAttribute = e.detail;
-                this.getObjects();
-            });
-            /* category*/
-            this.filterCategoryEl.addEventListener("valueChanged", (e) => {
-                this.selectedCategory = e.detail;
-                this.getObjects();
-            });
-            /* module/folder*/
-            this.filterModuleEl.addEventListener("valueChanged", () => {
-                this.getObjects();
-            });
-            /* modified */
-            this.filterModifiedEl.addEventListener("change", (e) => {
-                this.filterModified = e.detail.value;
-                this.getObjects();
-            });
-            /* modified after... */
-            this.filterAfterTypeEl.addEventListener("valueChanged", () => {
-                this.filterAfterType = this.filterAfterTypeEl.value;
-                this.getObjects();
-            });
-            /* user... */
-            this.filterUserEl.addEventListener("input", () => {
-                this.getObjects();
-            });
-            /* Date/Time */
-            this.filterModifiedDateEl.addEventListener("valueChanged", () => {
-                this.getObjects();
-            });
-            // for grid selection
-            this.chGridEl.addEventListener("selectionChanged", (ev) => {
-                this.selectedObjectsIds = ev.detail.rowsId;
-            });
-        };
-        this.filterTypeHandler = (e) => {
-            this.selectedAttribute = e.detail.value;
-            this.getObjects();
-        };
-        this.filterCategoryHandler = (e) => {
-            this.selectedCategory = e.detail.value;
-            this.getObjects();
-        };
-        this.chGridKeyDownHandler = (e) => {
+        });
+        _GxIdeObjectSelector_chGridKeyDownHandler.set(this, (e) => {
             if (e.key === "Enter") {
-                this.openSelectionCallbackHandler(e);
+                __classPrivateFieldGet(this, _GxIdeObjectSelector_openSelectionCallbackHandler, "f").call(this, e);
             }
-        };
-        this.hostKeyPressHandler = (e) => {
-            // just prevent keypress propagation
-            if (e.key === "Enter") {
-                e.stopPropagation();
-            }
-        };
-        this.evaluateObjectsCount = (type) => {
-            if (type === "selected" && this.selectedObjectsIds.length === 0) {
-                return this._componentLocale.objCount.selected.none;
-            }
-            else if (type === "selected" && this.selectedObjectsIds.length === 1) {
-                return `1 ${this._componentLocale.objCount.selected.one}`;
+        });
+        _GxIdeObjectSelector_deselectAll.set(this, () => {
+            __classPrivateFieldGet(this, _GxIdeObjectSelector_objectsGrid, "f").selectAllRows(false);
+        });
+        _GxIdeObjectSelector_evaluateObjectsCount.set(this, (type) => {
+            const locale = __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f");
+            if (type === "selected") {
+                if (this.selectedObjectsIdsArray.length === 0) {
+                    return locale.objCount.selected.none;
+                }
+                if (this.selectedObjectsIdsArray.length === 1) {
+                    return `1 ${locale.objCount.selected.one}`;
+                }
+                return `${this.selectedObjectsIdsArray.length} ${locale.objCount.selected.many}`;
             }
-            else if (type === "selected" && this.selectedObjectsIds.length > 1) {
-                return `${this.selectedObjectsIds.length} ${this._componentLocale.objCount.selected.many}`;
+            // type === "matching"
+            if (this.objects.length === 0) {
+                return locale.objCount.matching.none;
             }
-            else if (type === "matching" && this.objects.length === 0) {
-                return this._componentLocale.objCount.matching.none;
+            if (this.objects.length === 1) {
+                return `1 ${locale.objCount.matching.one}`;
             }
-            else if (type === "matching" && this.objects.length === 1) {
-                return `1 ${this._componentLocale.objCount.matching.one}`;
+            return `${this.objects.length} ${locale.objCount.matching.many}`;
+        });
+        _GxIdeObjectSelector_getToday.set(this, () => {
+            const now = new Date();
+            const date = now.toISOString().split("T")[0];
+            const time = now.toISOString().split("T")[1].slice(0, 5); // Only take 'HH:MM' part
+            return `${date}T${time}`;
+        });
+        _GxIdeObjectSelector_handleAfterValueChange.set(this, (event) => {
+            this.modifiedAfterValue = event.detail;
+            if (this.modifiedAfterValue !== FILTER_AFTER.DATE_TIME ||
+                (this.modifiedAfterValue === FILTER_AFTER.DATE_TIME &&
+                    __classPrivateFieldGet(this, _GxIdeObjectSelector_modifiedDateInput, "f").value)) {
+                // if "modified" is "after date/time" only refresh ui if date/time is valid.
+                __classPrivateFieldGet(this, _GxIdeObjectSelector_refreshUIWithNewConfiguration, "f").call(this);
             }
-            else {
-                // hopefully: type === "matching" && this.objects.length > 1
-                return `${this.objects.length} ${this._componentLocale.objCount.matching.many}`;
+        });
+        _GxIdeObjectSelector_handleObjectsSelectionChange.set(this, (event) => {
+            this.selectedObjectsIdsArray = event.detail.rowsId;
+        });
+        _GxIdeObjectSelector_hostKeyPressHandler.set(this, (e) => {
+            // just prevent keypress propagation
+            if (e.key === "Enter") {
+                e.stopPropagation();
             }
-        };
-        this.afterClosedHandler = () => {
-            // do the same as if the value was changed.
-            this.filterAfterType = this.filterAfterTypeEl.value;
-            this.getObjects();
-        };
-        // 9.LOCAL METHODS  -> RENDER
-        this.renderFilter = () => {
-            return (h("div", { part: "filters-container", class: {
-                    "filter-grid": true,
-                    "filter-grid--no-title": !this.displayTitle
-                }, slot: "header" }, h("gxg-form-text", { "label-position": "above", label: this._componentLocale.filter.pattern, ref: (el) => (this.filterPatternEl = el), value: this.patternValue, class: "pattern", part: "filter-pattern" }), h("gxg-combo-box", { "disable-filter": true, label: this._componentLocale.filter.type, value: this.defaultType, disabled: !this.types, "display-validation-styles": true, "display-validation-message": true, ref: (el) => (this.filterTypeEl = el), class: "type", part: "filter-type" }, this.types.map(item => (h("gxg-combo-box-item", { value: item.id, onItemSelected: this.filterTypeHandler }, item.name)))), h("gxg-combo-box", { "disable-filter": true, label: this._componentLocale.filter.category, value: this.defaultCategory, disabled: !this.categories, "display-validation-styles": true, "display-validation-message": true, ref: (el) => (this.filterCategoryEl = el), class: "category", part: "filter-category" }, this.categories.map(item => (h("gxg-combo-box-item", { value: item.id, onItemSelected: this.filterCategoryHandler }, item.label)))), h("gx-ide-entity-selector", { label: this._componentLocale.filter.module, "label-position": "above", value: this.defaultModule, defaultValue: this.defaultModule, selectEntityCallback: this.selectModuleCallback, ref: (el) => (this.filterModuleEl = el), class: "module-folder" }), h("div", { class: "modified-row" }, h("gxg-form-checkbox", { label: this._componentLocale.filter.modified, class: "align-center", ref: (el) => (this.filterModifiedEl = el), part: "filter-modified" }), h("div", { class: "modified-row__inner-wrapper" }, h("gxg-combo-box", { class: {
-                    "gxi-hidden": !this.filterModified,
-                    "combo-modified": true
-                }, "disable-filter": true, value: this.filterAfterType, "display-validation-styles": true, "display-validation-message": true, ref: (el) => (this.filterAfterTypeEl = el), part: "filter-after-type", onClosed: this.afterClosedHandler }, renderComboItems([
+        });
+        _GxIdeObjectSelector_newObjectCallbackHandler.set(this, () => {
+            this.newObjectCallback();
+        });
+        _GxIdeObjectSelector_openSelectionCallbackHandler.set(this, (e) => {
+            e.stopPropagation();
+            this.openSelectionCallback(this.selectedObjectsIdsArray);
+        });
+        _GxIdeObjectSelector_refreshUIWithNewConfiguration.set(this, () => {
+            var _a, _b, _c, _d, _e, _f;
+            /* 'modified' checkbox, should only be considered if 'date' || 'user' */
+            const modifiedAfter = __classPrivateFieldGet(this, _GxIdeObjectSelector_afterTypeComboBox, "f").value;
+            const user = (_b = (_a = __classPrivateFieldGet(this, _GxIdeObjectSelector_userInput, "f")) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.trim();
+            const filters = {
+                pattern: (_c = __classPrivateFieldGet(this, _GxIdeObjectSelector_patternInput, "f")) === null || _c === void 0 ? void 0 : _c.value,
+                type: __classPrivateFieldGet(this, _GxIdeObjectSelector_typeComboBox, "f").value,
+                category: __classPrivateFieldGet(this, _GxIdeObjectSelector_categoryComboBox, "f").value,
+                module: (_e = (_d = __classPrivateFieldGet(this, _GxIdeObjectSelector_moduleEntitySelector, "f")) === null || _d === void 0 ? void 0 : _d.value) === null || _e === void 0 ? void 0 : _e.id,
+                modifiedAfter: modifiedAfter ? modifiedAfter : null,
+                modifiedBy: user ? user : null,
+                modifiedDate: modifiedAfter === FILTER_AFTER.DATE_TIME
+                    ? new Date((_f = __classPrivateFieldGet(this, _GxIdeObjectSelector_modifiedDateInput, "f")) === null || _f === void 0 ? void 0 : _f.value)
+                    : null
+            };
+            this.loading = true;
+            this.objects = [];
+            this.loadCallback(filters).then((objects) => {
+                if (objects) {
+                    this.objects = __classPrivateFieldGet(this, _GxIdeObjectSelector_sortObjectsByName, "f").call(this, objects);
+                }
+                this.selectedObjectsIdsArray = [];
+                __classPrivateFieldGet(this, _GxIdeObjectSelector_deselectAll, "f").call(this);
+                this.loading = false;
+            });
+        });
+        _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", { 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") })))))));
+        });
+        _GxIdeObjectSelector_renderFooter.set(this, () => {
+            return (h("footer", null, h("div", { class: "objects-count", slot: "footer-above" }, h("p", { class: "text-body-regular-s objects-selected", part: "objects-selected" }, __classPrivateFieldGet(this, _GxIdeObjectSelector_evaluateObjectsCount, "f").call(this, "selected")), h("p", { class: "text-body-regular-s objects-matching", part: "objects-matching" }, __classPrivateFieldGet(this, _GxIdeObjectSelector_evaluateObjectsCount, "f").call(this, "matching"))), h("div", { class: "buttons-footer control-footer-with-border" }, h("button", { class: "button-secondary", part: "button button-new", onClick: !this.loading ? __classPrivateFieldGet(this, _GxIdeObjectSelector_newObjectCallbackHandler, "f") : undefined, disabled: this.loading }, __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").footer.btnNew), h("div", { class: "end buttons-container" }, h("button", { class: "button-secondary", part: "button button-cancel", onClick: __classPrivateFieldGet(this, _GxIdeObjectSelector_cancelCallbackHandler, "f") }, __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").footer.btnCancel), h("button", { class: "button-primary", part: "button button-confirm", onClick: __classPrivateFieldGet(this, _GxIdeObjectSelector_openSelectionCallbackHandler, "f"), disabled: this.loading }, __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").footer.btnConfirm), this.multiSelection ? (h("button", { class: "button-secondary", onClick: __classPrivateFieldGet(this, _GxIdeObjectSelector_selectAll, "f"), part: "button button-select-all" }, __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").footer.btnSelectAll)) : null))));
+        });
+        _GxIdeObjectSelector_renderObjects.set(this, () => {
+            return (h("ch-tabular-grid", { class: {
+                    "tabular-grid": true,
+                    "tabular-grid-object-selector": true,
+                    "empty-result": this.objects.length === 0
+                }, rowSelectionMode: this.multiSelection ? "multiple" : "single", ref: (el) => (__classPrivateFieldSet(this, _GxIdeObjectSelector_objectsGrid, el, "f")), part: "ch-grid-objects", onKeyDown: __classPrivateFieldGet(this, _GxIdeObjectSelector_chGridKeyDownHandler, "f"), onSelectionChanged: __classPrivateFieldGet(this, _GxIdeObjectSelector_handleObjectsSelectionChange, "f"), onDblClick: __classPrivateFieldGet(this, _GxIdeObjectSelector_openSelectionCallbackHandler, "f") }, h("ch-tabular-grid-columnset", { class: "tabular-grid-column-set" }, h("ch-tabular-grid-column", { "column-name-position": "text", settingable: false, size: config.tabularGrid.colSize.maxContent, class: "tabular-grid-column" }), h("ch-tabular-grid-column", { "column-name": __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").tableHead.name, "column-name-position": "text", settingable: false, size: config.tabularGrid.colSize.maxContent, class: "tabular-grid-column" }), h("ch-tabular-grid-column", { "column-name": __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").tableHead.type, "column-name-position": "text", settingable: false, size: config.tabularGrid.colSize.maxContent, class: "tabular-grid-column" }), h("ch-tabular-grid-column", { "column-name": __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").tableHead.module, "column-name-position": "text", settingable: false, size: config.tabularGrid.colSize.maxContent, class: "tabular-grid-column" }), h("ch-tabular-grid-column", { "column-name": __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").tableHead.description, "column-name-position": "text", settingable: false, size: config.tabularGrid.colSize.commonDouble, class: "tabular-grid-column" }), h("ch-tabular-grid-column", { "column-name": __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").tableHead.modifiedDate, "column-name-position": "text", settingable: false, size: config.tabularGrid.colSize.maxContent, class: "tabular-grid-column" }), h("ch-tabular-grid-column", { "column-name": __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").tableHead.importDate, "column-name-position": "text", settingable: false, size: config.tabularGrid.colSize.maxContent, class: "tabular-grid-column" })), this.objects.length ? (h("ch-tabular-grid-rowset", { class: "tabular-grid-rowset" }, this.objects.map((obj) => (h("ch-tabular-grid-row", { rowid: obj.id, key: obj.id, class: "tabular-grid-row" }, h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, h("ch-image", { src: obj.icon, class: "icon-md" })), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, obj.name), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, obj.type), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, obj.module), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, obj.description), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, `${formatDate(obj.modifiedDate, "date-time")}`), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, `${formatDate(obj.importDate, "date-time")}`)))))) : (h("ch-tabular-grid-rowset", { class: "tabular-grid-rowset" }, h("ch-tabular-grid-rowset-empty", null, this.loader && this.loading ? (h("gx-ide-loader", { loaderTitle: __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").loader.title, show: true })) : (h("gx-ide-empty-state", { stateIconSrc: FILTER_ICON, stateTitle: __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").emptyState.title })))))));
+        });
+        _GxIdeObjectSelector_selectAll.set(this, () => {
+            __classPrivateFieldGet(this, _GxIdeObjectSelector_objectsGrid, "f").selectAllRows();
+        });
+        _GxIdeObjectSelector_setAfterDefaultValue.set(this, () => {
+            this.modifiedAfterValue = FILTER_AFTER.NONE;
+        });
+        _GxIdeObjectSelector_setAfterOptions.set(this, () => {
+            __classPrivateFieldSet(this, _GxIdeObjectSelector_afterModel, [
                 {
-                    id: FILTER_AFTER.NONE,
-                    label: this._componentLocale.filter.afterNone,
+                    caption: __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").filter.afterNone,
                     value: FILTER_AFTER.NONE
                 },
                 {
-                    id: FILTER_AFTER.DATE_TIME,
-                    label: this._componentLocale.filter[FILTER_AFTER.DATE_TIME],
+                    caption: __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").filter[FILTER_AFTER.DATE_TIME],
                     value: FILTER_AFTER.DATE_TIME
                 },
                 {
-                    id: FILTER_AFTER.IMPORT,
-                    label: this._componentLocale.filter[FILTER_AFTER.IMPORT],
+                    caption: __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").filter[FILTER_AFTER.IMPORT],
                     value: FILTER_AFTER.IMPORT
                 },
                 {
-                    id: FILTER_AFTER.LAST_BUILD,
-                    label: this._componentLocale.filter[FILTER_AFTER.LAST_BUILD],
+                    caption: __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").filter[FILTER_AFTER.LAST_BUILD],
                     value: FILTER_AFTER.LAST_BUILD
                 }
-            ])), h("gxg-form-text", { class: {
-                    "gxi-hidden": !this.filterModified,
-                    "user": true
-                }, "label-position": "start", label: this._componentLocale.filter.user, "max-width": "150px", ref: (el) => (this.filterUserEl = el), part: "filter-user" }), h("div", { class: {
-                    "date-time": true,
-                    "gxi-hidden": !this.filterModified ||
-                        this.filterAfterType !== FILTER_AFTER.DATE_TIME
-                }, part: "filter-datetime" }, h("gxg-label", { "label-position": "start" }, this._componentLocale.filter.dateTime), h("gxg-date-picker", { ref: (el) => (this.filterModifiedDateEl = el), class: "date-time" }))))));
-        };
-        this.renderObjects = () => {
-            return (h("ch-tabular-grid", { class: "tabular-grid tabular-grid-object-selector", rowSelectionMode: this.multiSelection ? "multiple" : "single", ref: (el) => (this.chGridEl = el), onKeyDown: this.chGridKeyDownHandler, part: "ch-grid-objects" }, h("ch-tabular-grid-columnset", { class: "tabular-grid-column-set" }, h("ch-tabular-grid-column", { "column-name-position": "text", settingable: false, size: gridCommon.colSize.maxContent, class: "tabular-grid-column" }), h("ch-tabular-grid-column", { "column-name": this._componentLocale.tableHead.name, "column-name-position": "text", settingable: false, size: gridCommon.colSize.maxContent, class: "tabular-grid-column" }), h("ch-tabular-grid-column", { "column-name": this._componentLocale.tableHead.type, "column-name-position": "text", settingable: false, size: gridCommon.colSize.maxContent, class: "tabular-grid-column" }), h("ch-tabular-grid-column", { "column-name": this._componentLocale.tableHead.module, "column-name-position": "text", settingable: false, size: gridCommon.colSize.maxContent, class: "tabular-grid-column" }), h("ch-tabular-grid-column", { "column-name": this._componentLocale.tableHead.description, "column-name-position": "text", settingable: false, size: gridCommon.colSize.commonDouble, class: "tabular-grid-column" }), h("ch-tabular-grid-column", { "column-name": this._componentLocale.tableHead.modifiedDate, "column-name-position": "text", settingable: false, size: gridCommon.colSize.maxContent, class: "tabular-grid-column" }), h("ch-tabular-grid-column", { "column-name": this._componentLocale.tableHead.importDate, "column-name-position": "text", settingable: false, size: gridCommon.colSize.maxContent, class: "tabular-grid-column" })), !this.loading ? (h("ch-tabular-grid-rowset", { class: "tabular-grid-rowset" }, this.objects
-                .sort((a, b) => {
+            ], "f");
+        });
+        _GxIdeObjectSelector_sortObjectsByName.set(this, (objects) => {
+            return objects.sort((a, b) => {
                 const nameA = a.name.toLowerCase(), nameB = b.name.toLowerCase();
                 if (nameA < nameB) {
                     return -1;
@@ -214,62 +220,49 @@ const GxIdeObjectSelector = class {
                     return 1;
                 }
                 return 0;
-            })
-                .map((obj) => (h("ch-tabular-grid-row", { rowid: obj.id, onDblClick: this.openSelectionCallbackHandler, class: "tabular-grid-row" }, h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, h("ch-image", { src: obj.icon, class: "icon-md" })), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, obj.name), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, obj.type), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, obj.module), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, obj.description), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, `${formatDate(obj.modifiedDate, "date-time")}`), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, `${formatDate(obj.importDate, "date-time")}`)))))) : (h("ch-tabular-grid-rowset", { class: "tabular-grid-rowset" }, h("ch-tabular-grid-rowset-empty", { ref: (el) => (this.chGridRowsetEmptyEl = el) })))));
-        };
-        this.filterAfterType = "";
+            });
+        });
         this.filterModified = false;
+        this.loading = false;
+        this.modifiedAfterValue = undefined;
         this.objects = [];
-        this.selectedObjectsIds = [];
-        this.loading = true;
-        this.displayTitle = false;
-        this.loader = false;
-        this.multiSelection = true;
-        this.patternValue = undefined;
-        this.types = undefined;
-        this.defaultType = undefined;
+        this.selectedObjectsIdsArray = [];
+        this.cancelCallback = undefined;
         this.categories = undefined;
         this.defaultCategory = undefined;
         this.defaultModule = undefined;
-        this.selectModuleCallback = undefined;
-        this.cancelCallback = undefined;
+        this.defaultType = undefined;
+        this.loader = false;
         this.loadCallback = undefined;
+        this.multiSelection = false;
         this.newObjectCallback = undefined;
         this.openSelectionCallback = undefined;
+        this.patternValue = undefined;
+        this.selectModuleCallback = undefined;
+        this.types = undefined;
     }
-    evaluateLoading(loading) {
-        this.loaderEl.show = loading;
+    async connectedCallback() {
+        TODAY = __classPrivateFieldGet(this, _GxIdeObjectSelector_getToday, "f").call(this);
     }
-    // 6.COMPONENT LIFECYCLE EVENTS
     async componentWillLoad() {
-        this._componentLocale = await Locale.getComponentStrings(this.el);
-        this.componentDidLoadEvent.emit(true);
+        __classPrivateFieldSet(this, _GxIdeObjectSelector_componentLocale, await Locale.getComponentStrings(this.el), "f");
+        __classPrivateFieldGet(this, _GxIdeObjectSelector_setAfterOptions, "f").call(this);
+        __classPrivateFieldGet(this, _GxIdeObjectSelector_setAfterDefaultValue, "f").call(this);
     }
     componentDidLoad() {
-        this.listenChanges();
-        this.selectedAttribute = this.filterTypeEl.value;
-        this.getObjects();
-        this.filterPatternEl.focus();
-        this.evaluateLoading(this.loading);
-    }
-    componentDidRender() {
-        if (!this.renderedFirstTime) {
-            this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);
-            this.renderedFirstTime = true;
-        }
-        this.loaderEl.container = this.chGridRowsetEmptyEl;
+        __classPrivateFieldGet(this, _GxIdeObjectSelector_refreshUIWithNewConfiguration, "f").call(this);
+        __classPrivateFieldGet(this, _GxIdeObjectSelector_patternInput, "f").focus();
     }
-    // 7.LISTENERS
-    // 8.PUBLIC METHODS API
+    componentDidRender() { }
     /**
      * Suspends or reactivates the shortcuts
      */
     async suspendShortcuts(suspendShortcuts) {
         if (suspendShortcuts) {
-            this.gxgShortcutsEl.suspend = true;
+            __classPrivateFieldGet(this, _GxIdeObjectSelector_shortcutsEl, "f").suspend = true;
         }
         else {
-            this.gxgShortcutsEl.suspend = false;
+            __classPrivateFieldGet(this, _GxIdeObjectSelector_shortcutsEl, "f").suspend = false;
         }
     }
     /**
@@ -279,17 +272,14 @@ const GxIdeObjectSelector = class {
         const isValid = true;
         return isValid;
     }
-    // 10.RENDER() FUNCTION
     render() {
-        return (h(Host, { class: "gx-ide-component", onKeyPress: this.hostKeyPressHandler }, h("ch-theme", { model: CSS_BUNDLES }), h("div", { class: "gx-ide-main-wrapper" }, h("gx-ide-container", { containerTitle: this.displayTitle ? this._componentLocale.componentName : null, noContentPadding: true, noAboveFooterPadding: true, noHeadingPadding: true, headingPaddingTop: true, noHeadingBorder: true, slimmerFooter: config.gxIdeContainer.slimmerFooter, class: { loading: this.loading } }, this.renderFilter(), this.renderObjects(), h("div", { class: "objects-count", slot: "footer-above" }, h("gxg-text", { class: "align-end", part: "objects-selected", textAlign: "center" }, this.evaluateObjectsCount("selected")), h("gxg-text", { class: "align-end", part: "objects-matching", textAlign: "center" }, this.evaluateObjectsCount("matching"))), h("gxg-button", { type: "outlined", onClick: this.cancelCallbackHandler, part: "gxg-button gxg-button--cancel", slot: "footer-end" }, this._componentLocale.footer.btnCancel), h("gxg-button", { type: "primary-text-only", onClick: this.openSelectionCallbackHandler, part: "gxg-button gxg-button--ok", slot: "footer-end" }, this._componentLocale.footer.btnConfirm), h("gxg-button", { type: "secondary-text-icon", icon: "menus/new-object", onClick: this.newObjectCallbackHandler, part: "gxg-button gxg-button--new", slot: "footer-start" }, this._componentLocale.footer.btnNew), this.multiSelection ? (h("gxg-button", { type: "secondary-text-only", onClick: this.selectAll, part: "gxg-button gxg-button--select-all", slot: "footer-start" }, this._componentLocale.footer.btnSelectAll)) : null)), h("gxg-shortcuts", { src: this.shortcutsSrc, ref: (el) => (this.gxgShortcutsEl = el) }), this.loader ? (h("gx-ide-loader", { cancelLabel: this._componentLocale.loader.cancelLabel, loaderTitle: this._componentLocale.loader.title, ref: el => (this.loaderEl = el), cancelCallback: this.loaderCancelCallbackHandler })) : null));
+        return (h(Host, { onKeyPress: __classPrivateFieldGet(this, _GxIdeObjectSelector_hostKeyPressHandler, "f") }, h("ch-theme", { model: CSS_BUNDLES }), __classPrivateFieldGet(this, _GxIdeObjectSelector_renderFilter, "f").call(this), __classPrivateFieldGet(this, _GxIdeObjectSelector_renderObjects, "f").call(this), __classPrivateFieldGet(this, _GxIdeObjectSelector_renderFooter, "f").call(this), h("ch-shortcuts", { src: __classPrivateFieldGet(this, _GxIdeObjectSelector_shortcutsSrc, "f"), ref: (el) => (__classPrivateFieldSet(this, _GxIdeObjectSelector_shortcutsEl, el, "f")) })));
     }
     static get delegatesFocus() { return true; }
     static get assetsDirs() { return ["gx-ide-assets/object-selector"]; }
     get el() { return getElement(this); }
-    static get watchers() { return {
-        "loading": ["evaluateLoading"]
-    }; }
 };
+_GxIdeObjectSelector_componentLocale = new WeakMap(), _GxIdeObjectSelector_shortcutsSrc = new WeakMap(), _GxIdeObjectSelector_afterModel = new WeakMap(), _GxIdeObjectSelector_patternInput = new WeakMap(), _GxIdeObjectSelector_typeComboBox = new WeakMap(), _GxIdeObjectSelector_categoryComboBox = new WeakMap(), _GxIdeObjectSelector_moduleEntitySelector = new WeakMap(), _GxIdeObjectSelector_afterTypeComboBox = new WeakMap(), _GxIdeObjectSelector_userInput = new WeakMap(), _GxIdeObjectSelector_modifiedDateInput = new WeakMap(), _GxIdeObjectSelector_objectsGrid = new WeakMap(), _GxIdeObjectSelector_shortcutsEl = new WeakMap(), _GxIdeObjectSelector_cancelCallbackHandler = new WeakMap(), _GxIdeObjectSelector_chGridKeyDownHandler = new WeakMap(), _GxIdeObjectSelector_deselectAll = new WeakMap(), _GxIdeObjectSelector_evaluateObjectsCount = new WeakMap(), _GxIdeObjectSelector_getToday = new WeakMap(), _GxIdeObjectSelector_handleAfterValueChange = new WeakMap(), _GxIdeObjectSelector_handleObjectsSelectionChange = new WeakMap(), _GxIdeObjectSelector_hostKeyPressHandler = new WeakMap(), _GxIdeObjectSelector_newObjectCallbackHandler = new WeakMap(), _GxIdeObjectSelector_openSelectionCallbackHandler = new WeakMap(), _GxIdeObjectSelector_refreshUIWithNewConfiguration = new WeakMap(), _GxIdeObjectSelector_renderFilter = new WeakMap(), _GxIdeObjectSelector_renderFooter = new WeakMap(), _GxIdeObjectSelector_renderObjects = new WeakMap(), _GxIdeObjectSelector_selectAll = new WeakMap(), _GxIdeObjectSelector_setAfterDefaultValue = new WeakMap(), _GxIdeObjectSelector_setAfterOptions = new WeakMap(), _GxIdeObjectSelector_sortObjectsByName = new WeakMap();
 GxIdeObjectSelector.style = objectSelectorCss;
 
 export { GxIdeObjectSelector as gx_ide_object_selector };