@genexus/genexus-ide-ui 0.0.112 → 0.0.113

package/dist/components/gx-ide-start-page.js

@@ -18,7 +18,7 @@ import { d as defineCustomElement$4 } from './title.js';
 import { d as defineCustomElement$3 } from './title-editable.js';
 import { d as defineCustomElement$2 } from './tooltip.js';
 
-const startPageCss = ":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-container{display:flex;height:100%;width:100%;box-sizing:border-box}:host{display:block;box-shadow:none;height:100%;overflow:auto;opacity:0;transition:var(--gx-ide-show-component-delay) opacity}:host(.rendered){opacity:1}gxg-tabs{background-color:transparent;box-shadow:none;height:100% !important;overflow:auto}.kbs-empty-state{height:100%}.layout{height:100%;overflow:auto}.layout gxg-card{height:100%;overflow:auto}.kbs-container,.news-container{display:flex;flex-direction:column;gap:var(--gx-ide-articles-gap)}.news-container p:first-child{margin-top:0}.news-container p:last-child{margin-bottom:0}gxg-card.section{border-bottom:2px solid var(--gray-00)}";
+const startPageCss = ":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-container{display:flex;height:100%;width:100%;box-sizing:border-box}p{margin:0}:host{display:block;box-shadow:none;height:100%;overflow:auto;opacity:0;transition:var(--gx-ide-show-component-delay) opacity}:host(.rendered){opacity:1}gxg-tabs{background-color:transparent;box-shadow:none;height:100% !important;overflow:auto}.kbs-empty-state{height:100%}.layout{height:100%;overflow:auto}.layout gxg-card{height:100%;overflow:auto}.kbs-container,.news-container{display:flex;flex-direction:column;gap:var(--gx-ide-articles-gap)}.news-container p:first-child{margin-top:0}.news-container p:last-child{margin-bottom:0}gxg-card.section{border-bottom:2px solid var(--gray-00)}";
 
 const GxIdeStartPage$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeStartPage extends HTMLElement {
     constructor() {

package/dist/components/gx-ide-start-page.js.map

@@ -1 +1 @@
-{"file":"gx-ide-start-page.js","mappings":"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","names":["GxIdeStartPage"],"sources":["src/components/start-page/start-page.scss?tag=gx-ide-start-page&encapsulation=shadow","src/components/start-page/start-page.tsx"],"sourcesContent":["@import \"../../global/gx-ide-common.scss\";\n@import \"../../global/gx-ide-mixins.scss\";\n\n:host {\n  display: block;\n  box-shadow: none;\n  height: 100%;\n  overflow: auto;\n  opacity: 0;\n  transition: var(--gx-ide-show-component-delay) opacity;\n}\n:host(.rendered) {\n  opacity: 1;\n}\ngxg-tabs {\n  background-color: transparent;\n  box-shadow: none;\n  height: 100% !important;\n  overflow: auto;\n}\n.kbs-empty-state {\n  height: 100%;\n}\n.layout {\n  height: 100%;\n  overflow: auto;\n  gxg-card {\n    height: 100%;\n    overflow: auto;\n  }\n}\n.kbs-container,\n.news-container {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gx-ide-articles-gap);\n}\n.news-container {\n  p:first-child {\n    margin-top: 0;\n  }\n  p:last-child {\n    margin-bottom: 0;\n  }\n}\ngxg-card.section {\n  border-bottom: 2px solid var(--gray-00);\n}\n","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  State\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\nimport { Locale } from \"../../common/locale\";\nimport { formatDate } from \"../../common/helpers\";\n\n@Component({\n  tag: \"gx-ide-start-page\",\n  styleUrl: \"start-page.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/start-page\"]\n})\nexport class GxIdeStartPage {\n  /*\nINDEX:\n1.OWN PROPERTIES \n2.REFERENCE TO ELEMENTS\n3.STATE() VARIABLES\n4.PUBLIC PROPERTY API | WATCH'S\n5.EVENTS (EMIT)\n6.COMPONENT LIFECYCLE METHODS\n7.LISTENERS\n8.PUBLIC METHODS API\n9.LOCAL METHODS\n10.RENDER() FUNCTION\n*/\n\n  // 1.OWN PROPERTIES //\n\n  /**\n   * The component hard-coded strings translations.\n   */\n  private _componentLocale: any;\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeStartPageElement;\n  // private recentNewsEl!: HTMLGxgCardElement;\n\n  // 3.STATE() VARIABLES //\n\n  /*\n   * The filter value to search for kbs\n   */\n  @State() kbsFilterValue = \"\";\n\n  /**\n   * True if the component has been rendered for the first time.\n   */\n  @State() renderedFirstTime = false;\n\n  // 4.PUBLIC PROPERTY API | WATCH'S //\n\n  /**\n   * A temporary array of news for testing purposes\n   */\n  @Prop() readonly news: NewsData[];\n\n  /**\n   * Ann array of the user's KB's\n   */\n  @Prop() readonly kbs: RecentKBData[];\n\n  /**\n   * Callback invoked to open a knowledge base when the user clicks on a KB card.\n   */\n  @Prop() readonly openKbCallback: OpenKbCallback;\n\n  /**\n   * Callback invoked to load the news feed (right panel \"Recent News\").\n   */\n  @Prop() readonly getNewsCallback: GetNewsCallback;\n\n  /**\n   * Callback invoked to open a news article.\n   */\n  @Prop() readonly openNewsCallback: OpenNewsCallback;\n\n  // 5.EVENTS (EMIT) //\n\n  /**\n   * @description Gets fired when the component has rendered for the first time.\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<string>;\n\n  // 6.COMPONENT LIFECYCLE METHODS //\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  private getNewsCallbackRecentNews = async (): Promise<NewsData[]> => {\n    return new Promise(async resolve => {\n      if (this.getNewsCallback) {\n        const newsResult = await this.getNewsCallback();\n        resolve(newsResult);\n      }\n    });\n  };\n\n  componentDidRender() {\n    if (!this.renderedFirstTime) {\n      this.componentDidRenderFirstTime.emit(\n        this._componentLocale.componentName\n      );\n      this.renderedFirstTime = true;\n    }\n  }\n\n  // 7.LISTENERS //\n\n  // 8.PUBLIC METHODS API //\n\n  // 9.LOCAL METHODS //\n\n  private kbClickHandler = async (e: MouseEvent) => {\n    const kbId = (e.target as HTMLElement).id;\n    if (this.openKbCallback) {\n      await this.openKbCallback(kbId);\n    }\n  };\n\n  private searchKbsInputHandler = (e: CustomEvent<string>) => {\n    this.kbsFilterValue = e.detail.toLowerCase();\n  };\n\n  // private NewsClickHandler = async (e: MouseEvent) => {\n  //   const newsId = (e.target as HTMLElement).id;\n  //   if (this.openNewsCallback) {\n  //     await this.openNewsCallback(newsId);\n  //   }\n  // };\n\n  // 9.LOCAL METHODS -> RENDERS //\n\n  // private renderNews = (news: NewsData): HTMLGxgCardElement | null => {\n  //   if (news.id && news.title) {\n  //     return (\n  //       <gxg-card\n  //         id={news.id}\n  //         key={news.id}\n  //         cardType=\"article\"\n  //         cardTitle={news.title}\n  //         icon=\"gx-test/test-results\"\n  //         iconColor=\"auto\"\n  //         actionable\n  //         onClick={this.NewsClickHandler}\n  //         titleSemibold\n  //         noHeaderBorder\n  //       >\n  //         {news.body ? <p>{news.body}</p> : null}\n  //       </gxg-card>\n  //     );\n  //   }\n  //   return null;\n  // };\n\n  // 9.LOCAL METHODS -> RENDERS //\n\n  private renderKb = (kb: RecentKBData): HTMLGxgCardElement | null => {\n    if (\n      kb.id &&\n      kb.name &&\n      kb.name.toLowerCase().includes(this.kbsFilterValue)\n    ) {\n      const formattedDate = formatDate(kb.lastOpenedDate, \"pretty\");\n      const subtitle = formattedDate\n        ? `${this._componentLocale.recentKbs.lastOpened} ${formattedDate}`\n        : null;\n      return (\n        <gxg-card\n          id={kb.id}\n          key={kb.id}\n          cardType=\"article\"\n          cardTitle={kb.name}\n          icon=\"general/knowledge-base\"\n          iconColor=\"auto\"\n          cardSubtitle={subtitle}\n          actionable\n          filterValue={this.kbsFilterValue}\n          onClick={this.kbClickHandler}\n        ></gxg-card>\n      );\n    }\n    return null;\n  };\n\n  private renderHomeTabContent = (): HTMLElement => {\n    return (\n      <div class=\"layout layout--two-cols layout--space-above\">\n        <gxg-card\n          class=\"section\"\n          cardTitle={this._componentLocale.recentKbs.title}\n          displayHeaderSlot\n        >\n          {this.kbs?.length > 0 ? (\n            [\n              <div class=\"kbs-container\">\n                {this.kbs?.map(kb => {\n                  return this.renderKb(kb);\n                })}\n              </div>,\n              <gxg-form-text\n                slot=\"header\"\n                placeholder=\"Search KBs by name\"\n                onInput={this.searchKbsInputHandler as any}\n              ></gxg-form-text>\n            ]\n          ) : (\n            <gx-ide-empty-state\n              class=\"kbs-empty-state\"\n              stateIcon=\"mercury/folder\"\n              stateTitle=\" You haven't created any Knowledge Base\"\n              stateDescription=\"Once you have created your first knowledge base it will appear on this \n          window.\"\n            ></gx-ide-empty-state>\n          )}\n        </gxg-card>\n        <gx-ide-recent-news\n          class=\"section\"\n          getNewsCallback={this.getNewsCallbackRecentNews}\n          openNewsCallback={this.openNewsCallback}\n        ></gx-ide-recent-news>\n      </div>\n    );\n  };\n\n  // private renderTabs = (): HTMLGxgTabsElement => {\n  //   return (\n  //     <gxg-tabs height=\"auto\" minWidth=\"100%\" no-border>\n  //       <gxg-tab-bar slot=\"tab-bar-container\" displayBorder>\n  //         <gxg-tab-button\n  //           slot=\"tab-bar\"\n  //           tab-label={this._componentLocale.tabs.home}\n  //           tab=\"home\"\n  //           is-selected\n  //         ></gxg-tab-button>\n  //         <gxg-tab-button\n  //           slot=\"tab-bar\"\n  //           tab-label={this._componentLocale.tabs.learn}\n  //           tab=\"learn\"\n  //           disabled\n  //         ></gxg-tab-button>\n  //         <gxg-tab-button\n  //           slot=\"tab-bar\"\n  //           tab-label={this._componentLocale.tabs.samples}\n  //           tab=\"samples\"\n  //           disabled\n  //         ></gxg-tab-button>\n  //         <gxg-tab-button\n  //           slot=\"tab-bar\"\n  //           tab-label={this._componentLocale.tabs.marketplace}\n  //           tab=\"marketplace\"\n  //           disabled\n  //         ></gxg-tab-button>\n  //         <gxg-tab-button\n  //           slot=\"tab-bar\"\n  //           tab-label={this._componentLocale.tabs.updates}\n  //           tab=\"updates\"\n  //           disabled\n  //         ></gxg-tab-button>\n  //       </gxg-tab-bar>\n  //       <gxg-tab tab=\"home\">{this.renderHomeTabContent()}</gxg-tab>\n  //       <gxg-tab tab=\"learn\"></gxg-tab>\n  //       <gxg-tab tab=\"samples\"></gxg-tab>\n  //       <gxg-tab tab=\"marketplace\"></gxg-tab>\n  //       <gxg-tab tab=\"updates\"></gxg-tab>\n  //     </gxg-tabs>\n  //   );\n  // };\n\n  // 10.RENDER() FUNCTION //\n\n  render() {\n    return (\n      <Host class={{ rendered: this.renderedFirstTime }}>\n        {/* this.renderTabs()*/}\n        {this.renderHomeTabContent()}\n      </Host>\n    );\n  }\n}\n\nexport type OpenKbCallback = (id: string) => Promise<void>;\nexport type GetNewsCallback = () => Promise<NewsData[]>;\nexport type OpenNewsCallback = (id: string) => Promise<void>;\n\nexport type RecentKBData = {\n  id: string;\n  name: string;\n  lastOpenedDate?: Date;\n};\nexport type NewsData = {\n  id: string;\n  title: string;\n  body: string;\n};\n"],"version":3}
+{"file":"gx-ide-start-page.js","mappings":"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","names":["GxIdeStartPage"],"sources":["src/components/start-page/start-page.scss?tag=gx-ide-start-page&encapsulation=shadow","src/components/start-page/start-page.tsx"],"sourcesContent":["@import \"../../global/gx-ide-common.scss\";\n@import \"../../global/gx-ide-mixins.scss\";\n\n:host {\n  display: block;\n  box-shadow: none;\n  height: 100%;\n  overflow: auto;\n  opacity: 0;\n  transition: var(--gx-ide-show-component-delay) opacity;\n}\n:host(.rendered) {\n  opacity: 1;\n}\ngxg-tabs {\n  background-color: transparent;\n  box-shadow: none;\n  height: 100% !important;\n  overflow: auto;\n}\n.kbs-empty-state {\n  height: 100%;\n}\n.layout {\n  height: 100%;\n  overflow: auto;\n  gxg-card {\n    height: 100%;\n    overflow: auto;\n  }\n}\n.kbs-container,\n.news-container {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gx-ide-articles-gap);\n}\n.news-container {\n  p:first-child {\n    margin-top: 0;\n  }\n  p:last-child {\n    margin-bottom: 0;\n  }\n}\ngxg-card.section {\n  border-bottom: 2px solid var(--gray-00);\n}\n","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  State\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\nimport { Locale } from \"../../common/locale\";\nimport { formatDate } from \"../../common/helpers\";\n\n@Component({\n  tag: \"gx-ide-start-page\",\n  styleUrl: \"start-page.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/start-page\"]\n})\nexport class GxIdeStartPage {\n  /*\nINDEX:\n1.OWN PROPERTIES \n2.REFERENCE TO ELEMENTS\n3.STATE() VARIABLES\n4.PUBLIC PROPERTY API | WATCH'S\n5.EVENTS (EMIT)\n6.COMPONENT LIFECYCLE METHODS\n7.LISTENERS\n8.PUBLIC METHODS API\n9.LOCAL METHODS\n10.RENDER() FUNCTION\n*/\n\n  // 1.OWN PROPERTIES //\n\n  /**\n   * The component hard-coded strings translations.\n   */\n  private _componentLocale: any;\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeStartPageElement;\n  // private recentNewsEl!: HTMLGxgCardElement;\n\n  // 3.STATE() VARIABLES //\n\n  /*\n   * The filter value to search for kbs\n   */\n  @State() kbsFilterValue = \"\";\n\n  /**\n   * True if the component has been rendered for the first time.\n   */\n  @State() renderedFirstTime = false;\n\n  // 4.PUBLIC PROPERTY API | WATCH'S //\n\n  /**\n   * A temporary array of news for testing purposes\n   */\n  @Prop() readonly news: NewsData[];\n\n  /**\n   * Ann array of the user's KB's\n   */\n  @Prop() readonly kbs: RecentKBData[];\n\n  /**\n   * Callback invoked to open a knowledge base when the user clicks on a KB card.\n   */\n  @Prop() readonly openKbCallback: OpenKbCallback;\n\n  /**\n   * Callback invoked to load the news feed (right panel \"Recent News\").\n   */\n  @Prop() readonly getNewsCallback: GetNewsCallback;\n\n  /**\n   * Callback invoked to open a news article.\n   */\n  @Prop() readonly openNewsCallback: OpenNewsCallback;\n\n  // 5.EVENTS (EMIT) //\n\n  /**\n   * @description Gets fired when the component has rendered for the first time.\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<string>;\n\n  // 6.COMPONENT LIFECYCLE METHODS //\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  private getNewsCallbackRecentNews = async (): Promise<NewsData[]> => {\n    return new Promise(async resolve => {\n      if (this.getNewsCallback) {\n        const newsResult = await this.getNewsCallback();\n        resolve(newsResult);\n      }\n    });\n  };\n\n  componentDidRender() {\n    if (!this.renderedFirstTime) {\n      this.componentDidRenderFirstTime.emit(\n        this._componentLocale.componentName\n      );\n      this.renderedFirstTime = true;\n    }\n  }\n\n  // 7.LISTENERS //\n\n  // 8.PUBLIC METHODS API //\n\n  // 9.LOCAL METHODS //\n\n  private kbClickHandler = async (e: MouseEvent) => {\n    const kbId = (e.target as HTMLElement).id;\n    if (this.openKbCallback) {\n      await this.openKbCallback(kbId);\n    }\n  };\n\n  private searchKbsInputHandler = (e: CustomEvent<string>) => {\n    this.kbsFilterValue = e.detail.toLowerCase();\n  };\n\n  // private NewsClickHandler = async (e: MouseEvent) => {\n  //   const newsId = (e.target as HTMLElement).id;\n  //   if (this.openNewsCallback) {\n  //     await this.openNewsCallback(newsId);\n  //   }\n  // };\n\n  // 9.LOCAL METHODS -> RENDERS //\n\n  // private renderNews = (news: NewsData): HTMLGxgCardElement | null => {\n  //   if (news.id && news.title) {\n  //     return (\n  //       <gxg-card\n  //         id={news.id}\n  //         key={news.id}\n  //         cardType=\"article\"\n  //         cardTitle={news.title}\n  //         icon=\"gx-test/test-results\"\n  //         iconColor=\"auto\"\n  //         actionable\n  //         onClick={this.NewsClickHandler}\n  //         titleSemibold\n  //         noHeaderBorder\n  //       >\n  //         {news.body ? <p>{news.body}</p> : null}\n  //       </gxg-card>\n  //     );\n  //   }\n  //   return null;\n  // };\n\n  // 9.LOCAL METHODS -> RENDERS //\n\n  private renderKb = (kb: RecentKBData): HTMLGxgCardElement | null => {\n    if (\n      kb.id &&\n      kb.name &&\n      kb.name.toLowerCase().includes(this.kbsFilterValue)\n    ) {\n      const formattedDate = formatDate(kb.lastOpenedDate, \"pretty\");\n      const subtitle = formattedDate\n        ? `${this._componentLocale.recentKbs.lastOpened} ${formattedDate}`\n        : null;\n      return (\n        <gxg-card\n          id={kb.id}\n          key={kb.id}\n          cardType=\"article\"\n          cardTitle={kb.name}\n          icon=\"general/knowledge-base\"\n          iconColor=\"auto\"\n          cardSubtitle={subtitle}\n          actionable\n          filterValue={this.kbsFilterValue}\n          onClick={this.kbClickHandler}\n        ></gxg-card>\n      );\n    }\n    return null;\n  };\n\n  private renderHomeTabContent = (): HTMLElement => {\n    return (\n      <div class=\"layout layout--two-cols layout--space-above\">\n        <gxg-card\n          class=\"section\"\n          cardTitle={this._componentLocale.recentKbs.title}\n          displayHeaderSlot\n        >\n          {this.kbs?.length > 0 ? (\n            [\n              <div class=\"kbs-container\">\n                {this.kbs?.map(kb => {\n                  return this.renderKb(kb);\n                })}\n              </div>,\n              <gxg-form-text\n                slot=\"header\"\n                placeholder=\"Search KBs by name\"\n                onInput={this.searchKbsInputHandler as any}\n              ></gxg-form-text>\n            ]\n          ) : (\n            <gx-ide-empty-state\n              class=\"kbs-empty-state\"\n              stateIcon=\"mercury/folder\"\n              stateTitle=\" You haven't created any Knowledge Base\"\n              stateDescription=\"Once you have created your first knowledge base it will appear on this \n          window.\"\n            ></gx-ide-empty-state>\n          )}\n        </gxg-card>\n        <gx-ide-recent-news\n          class=\"section\"\n          getNewsCallback={this.getNewsCallbackRecentNews}\n          openNewsCallback={this.openNewsCallback}\n        ></gx-ide-recent-news>\n      </div>\n    );\n  };\n\n  // private renderTabs = (): HTMLGxgTabsElement => {\n  //   return (\n  //     <gxg-tabs height=\"auto\" minWidth=\"100%\" no-border>\n  //       <gxg-tab-bar slot=\"tab-bar-container\" displayBorder>\n  //         <gxg-tab-button\n  //           slot=\"tab-bar\"\n  //           tab-label={this._componentLocale.tabs.home}\n  //           tab=\"home\"\n  //           is-selected\n  //         ></gxg-tab-button>\n  //         <gxg-tab-button\n  //           slot=\"tab-bar\"\n  //           tab-label={this._componentLocale.tabs.learn}\n  //           tab=\"learn\"\n  //           disabled\n  //         ></gxg-tab-button>\n  //         <gxg-tab-button\n  //           slot=\"tab-bar\"\n  //           tab-label={this._componentLocale.tabs.samples}\n  //           tab=\"samples\"\n  //           disabled\n  //         ></gxg-tab-button>\n  //         <gxg-tab-button\n  //           slot=\"tab-bar\"\n  //           tab-label={this._componentLocale.tabs.marketplace}\n  //           tab=\"marketplace\"\n  //           disabled\n  //         ></gxg-tab-button>\n  //         <gxg-tab-button\n  //           slot=\"tab-bar\"\n  //           tab-label={this._componentLocale.tabs.updates}\n  //           tab=\"updates\"\n  //           disabled\n  //         ></gxg-tab-button>\n  //       </gxg-tab-bar>\n  //       <gxg-tab tab=\"home\">{this.renderHomeTabContent()}</gxg-tab>\n  //       <gxg-tab tab=\"learn\"></gxg-tab>\n  //       <gxg-tab tab=\"samples\"></gxg-tab>\n  //       <gxg-tab tab=\"marketplace\"></gxg-tab>\n  //       <gxg-tab tab=\"updates\"></gxg-tab>\n  //     </gxg-tabs>\n  //   );\n  // };\n\n  // 10.RENDER() FUNCTION //\n\n  render() {\n    return (\n      <Host class={{ rendered: this.renderedFirstTime }}>\n        {/* this.renderTabs()*/}\n        {this.renderHomeTabContent()}\n      </Host>\n    );\n  }\n}\n\nexport type OpenKbCallback = (id: string) => Promise<void>;\nexport type GetNewsCallback = () => Promise<NewsData[]>;\nexport type OpenNewsCallback = (id: string) => Promise<void>;\n\nexport type RecentKBData = {\n  id: string;\n  name: string;\n  lastOpenedDate?: Date;\n};\nexport type NewsData = {\n  id: string;\n  title: string;\n  body: string;\n};\n"],"version":3}

package/dist/components/gx-ide-status-buttons2.js

@@ -6,7 +6,7 @@ import { d as defineCustomElement$3 } from './list-selector-item.js';
 import { d as defineCustomElement$2 } from './icon2.js';
 import { d as defineCustomElement$1 } from './title.js';
 
-const gxIdeStatusButtonsCss = ":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:block;border-radius:var(--ds-form-control-border-radius);--status-buttons-label-color:var(--mer-text__on-surface)}gx-ide-list-selector::part(list){display:flex;flex-direction:row;background-color:var(--mer-color__elevation--01)}gx-ide-list-selector-item{border-block-start:none !important;flex:1;text-align:center;}gx-ide-list-selector-item:not(:last-child){border-inline-end:1px solid var(--gx-ide-container-border-color)}gx-ide-list-selector-item .label__wrapper{display:inline-flex;width:auto;min-height:0}gx-ide-list-selector-item .label__description{color:var(--status-buttons-label-color);margin-inline-start:var(--mer-spacing--xxs);text-transform:capitalize}gx-ide-list-selector-item .active-indicator{display:inline-block;width:var(--mer-spacing--xxs);height:var(--mer-spacing--xxs);border:1px solid var(--mer-border-color__dim);border-radius:calc(var(--mer-spacing--xs) / 2);background-color:var(--mer-border-color__dim)}gx-ide-list-selector-item.error.not-zero .active-indicator{background-color:var(--mer-border-color__error);border-color:var(--mer-border-color__error)}gx-ide-list-selector-item.warning.not-zero .active-indicator{background-color:var(--mer-border-color__warning);border-color:var(--mer-border-color__warning)}gx-ide-list-selector-item.success.not-zero .active-indicator{background-color:var(--mer-border-color__success);border-color:var(--mer-border-color__success)}gx-ide-list-selector-item.message.not-zero .active-indicator{background-color:var(--mer-border-color__primary);border-color:var(--mer-border-color__primary)}gx-ide-list-selector-item input:after{display:none}gx-ide-list-selector-item input:checked+.label{--status-buttons-label-color:var(--mer-text__on-surface);background-color:inherit}gx-ide-list-selector-item input:checked+.label .label__wrapper:before{display:block}gx-ide-list-selector-item:hover input:checked+.label{background-color:var(--ds-item-background-color--hover) !important}gx-ide-list-selector-item .label__wrapper{position:relative}gx-ide-list-selector-item .label__wrapper:before{content:\"\";width:4px;height:7px;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);border-color:var(--gxg-checkbox-indicator-color);border-style:solid;position:absolute;left:auto;top:12px;right:14px;display:none}gx-ide-list-selector-item .label__wrapper:after{content:\"\";width:var(--gxg-checkbox-size);height:var(--gxg-checkbox-size);border:1px solid var(--gxg-checkbox-border-color);border-radius:var(--gxg-checkbox-border-radius)}:host([compact]) gx-ide-list-selector-item{font-size:var(--mer-font__size--xxs)}:host([compact]) .label__wrapper{gap:var(--mer-spacing--xxs);padding:var(--mer-spacing--xxxs) var(--mer-spacing--xs) var(--mer-spacing--xxxs) var(--mer-spacing--xxs)}:host([compact]) .label__wrapper:before{top:10px}:host([compact]) .label__universal-slot{margin-inline-end:var(--mer-spacing--xxxs)}:host([no-inner-borders]) gx-ide-list-selector-item{border-inline-end:none}";
+const gxIdeStatusButtonsCss = ":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:block;border-radius:var(--ds-form-control-border-radius);--status-buttons-label-color:var(--mer-text__on-surface)}gx-ide-list-selector::part(list){display:flex;flex-direction:row;background-color:var(--mer-color__elevation--01)}gx-ide-list-selector-item{border-block-start:none !important;flex:1;text-align:center;}gx-ide-list-selector-item:not(:last-child){border-inline-end:1px solid var(--gx-ide-container-border-color)}gx-ide-list-selector-item .label__wrapper{display:inline-flex;width:auto;min-height:0}gx-ide-list-selector-item .label__description{color:var(--status-buttons-label-color);margin-inline-start:var(--mer-spacing--xxs);text-transform:capitalize}gx-ide-list-selector-item .active-indicator{display:inline-block;width:var(--mer-spacing--xxs);height:var(--mer-spacing--xxs);border:1px solid var(--mer-border-color__dim);border-radius:calc(var(--mer-spacing--xs) / 2);background-color:var(--mer-border-color__dim)}gx-ide-list-selector-item.error.not-zero .active-indicator{background-color:var(--mer-border-color__error);border-color:var(--mer-border-color__error)}gx-ide-list-selector-item.warning.not-zero .active-indicator{background-color:var(--mer-border-color__warning);border-color:var(--mer-border-color__warning)}gx-ide-list-selector-item.success.not-zero .active-indicator{background-color:var(--mer-border-color__success);border-color:var(--mer-border-color__success)}gx-ide-list-selector-item.message.not-zero .active-indicator{background-color:var(--mer-border-color__primary);border-color:var(--mer-border-color__primary)}gx-ide-list-selector-item input:after{display:none}gx-ide-list-selector-item input:checked+.label{--status-buttons-label-color:var(--mer-text__on-surface);background-color:inherit}gx-ide-list-selector-item input:checked+.label .label__wrapper:before{display:block}gx-ide-list-selector-item:hover input:checked+.label{background-color:var(--ds-item-background-color--hover) !important}gx-ide-list-selector-item .label__wrapper{position:relative}gx-ide-list-selector-item .label__wrapper:before{content:\"\";width:4px;height:7px;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);border-color:var(--gxg-checkbox-indicator-color);border-style:solid;position:absolute;left:auto;top:12px;right:14px;display:none}gx-ide-list-selector-item .label__wrapper:after{content:\"\";width:var(--gxg-checkbox-size);height:var(--gxg-checkbox-size);border:1px solid var(--gxg-checkbox-border-color);border-radius:var(--gxg-checkbox-border-radius)}:host([compact]) gx-ide-list-selector-item{font-size:var(--mer-font__size--xxs)}:host([compact]) .label__wrapper{padding:var(--mer-spacing--xxxs) var(--mer-spacing--xs) var(--mer-spacing--xxxs) var(--mer-spacing--xxs)}:host([compact]) .label__wrapper:before{top:10px}:host([compact]) .label__universal-slot{margin-inline-end:var(--mer-spacing--xxxs)}:host([no-inner-borders]) gx-ide-list-selector-item{border-inline-end:none}";
 
 const GxIdeStatusButtons = /*@__PURE__*/ proxyCustomElement(class GxIdeStatusButtons extends HTMLElement {
     constructor() {

package/dist/components/gx-ide-status-buttons2.js.map

@@ -1 +1 @@
-{"file":"gx-ide-status-buttons2.js","mappings":"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","names":[],"sources":["src/components/_helpers/status-buttons/gx-ide-status-buttons.scss?tag=gx-ide-status-buttons&encapsulation=shadow","src/components/_helpers/status-buttons/gx-ide-status-buttons.tsx"],"sourcesContent":["@import \"../../../../node_modules/@genexus/gemini/dist/gemini/globals/mixins.scss\";\n\n:host {\n  display: block;\n  border-radius: var(--ds-form-control-border-radius);\n  --status-buttons-label-color: var(--mer-text__on-surface);\n}\n/*list-selector*/\ngx-ide-list-selector::part(list) {\n  display: flex;\n  flex-direction: row;\n  background-color: var(--mer-color__elevation--01);\n}\n/*list-selector-items*/\ngx-ide-list-selector-item {\n  border-block-start: none !important; //reset\n\n  &:not(:last-child) {\n    border-inline-end: 1px solid var(--gx-ide-container-border-color);\n  }\n  flex: 1;\n  text-align: center;\n\n  .label {\n    &__wrapper {\n      display: inline-flex;\n      width: auto;\n      min-height: 0;\n    }\n    &__description {\n      color: var(--status-buttons-label-color);\n      margin-inline-start: var(--mer-spacing--xxs);\n      text-transform: capitalize;\n    }\n  }\n\n  /*active indicator*/\n  .active-indicator {\n    display: inline-block;\n    width: var(--mer-spacing--xxs);\n    height: var(--mer-spacing--xxs);\n    border: 1px solid var(--mer-border-color__dim);\n    border-radius: calc(var(--mer-spacing--xs) / 2);\n    background-color: var(--mer-border-color__dim);\n  }\n\n  /*States*/\n  &.error.not-zero {\n    .active-indicator {\n      background-color: var(--mer-border-color__error);\n      border-color: var(--mer-border-color__error);\n    }\n  }\n  &.warning.not-zero {\n    .active-indicator {\n      background-color: var(--mer-border-color__warning);\n      border-color: var(--mer-border-color__warning);\n    }\n  }\n  &.success.not-zero {\n    .active-indicator {\n      background-color: var(--mer-border-color__success);\n      border-color: var(--mer-border-color__success);\n    }\n  }\n  &.message.not-zero {\n    .active-indicator {\n      background-color: var(--mer-border-color__primary);\n      border-color: var(--mer-border-color__primary);\n    }\n  }\n\n  input {\n    &:after {\n      display: none;\n    }\n  }\n  input:checked {\n    + .label {\n      --status-buttons-label-color: var(--mer-text__on-surface);\n      background-color: inherit;\n\n      .label__wrapper {\n        &:before {\n          display: block;\n        }\n      }\n    }\n  }\n\n  /*hover*/\n  &:hover {\n    input:checked + .label {\n      background-color: var(--ds-item-background-color--hover) !important;\n    }\n  }\n\n  .label__wrapper {\n    position: relative;\n    &:before {\n      content: \"\";\n      width: 4px;\n      height: 7px;\n      border-width: 0 2px 2px 0;\n      -webkit-transform: rotate(45deg);\n      -ms-transform: rotate(45deg);\n      transform: rotate(45deg);\n      border-color: var(--gxg-checkbox-indicator-color);\n      border-style: solid;\n      position: absolute;\n      left: auto;\n      top: 12px;\n      right: 14px;\n      display: none;\n    }\n    &:after {\n      content: \"\";\n      width: var(--gxg-checkbox-size);\n      height: var(--gxg-checkbox-size);\n      border: 1px solid var(--gxg-checkbox-border-color);\n      border-radius: var(--gxg-checkbox-border-radius);\n    }\n  }\n}\n\n/*--------------------\nCompact size\n--------------------*/\n:host([compact]) {\n  gx-ide-list-selector-item {\n    font-size: var(--mer-font__size--xxs);\n  }\n  .label__wrapper {\n    gap: var(--mer-spacing--xxs);\n    padding: var(--mer-spacing--xxxs) var(--mer-spacing--xs)\n      var(--mer-spacing--xxxs) var(--mer-spacing--xxs);\n    &:before {\n      top: 10px;\n    }\n  }\n  .label__universal-slot {\n    margin-inline-end: var(--mer-spacing--xxxs);\n  }\n}\n\n/*--------------------\nAll about borders\n--------------------*/\n:host([no-inner-borders]) {\n  gx-ide-list-selector-item {\n    border-inline-end: none;\n  }\n}\n","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  State,\n  Event,\n  EventEmitter\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\nimport { Size } from \"@genexus/gemini/dist/types/components/icon/icon\";\n/* CUSTOM IMPORTS */\nimport { CheckedItemsInfo } from \"../list-selector/list-selector\";\nimport { Locale } from \"../../../common/locale\";\n@Component({\n  tag: \"gx-ide-status-buttons\",\n  styleUrl: \"gx-ide-status-buttons.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/status-buttons\"]\n})\nexport class GxIdeStatusButtons {\n  /*\nINDEX:\n1.OWN PROPERTIES \n2.REFERENCE TO ELEMENTS\n3.STATE() VARIABLES\n4.PUBLIC PROPERTY API | WATCH'S\n5.EVENTS (EMIT)\n6.COMPONENT LIFECYCLE METHODS\n7.LISTENERS\n8.PUBLIC METHODS API\n9.LOCAL METHODS\n10.RENDER() FUNCTION\n*/\n\n  // 1.OWN PROPERTIES | WATCH'S //\n\n  /**\n   * The component hard-coded strings translations.\n   */\n  private _componentLocale: any;\n\n  /**\n   * Whether or not the buttons are active\n   */\n  @Prop() readonly active: boolean = false;\n\n  /**\n   * The errors amount\n   */\n  @Prop() readonly errors: number = 0;\n\n  /**\n   * Hide the errors button\n   */\n  @Prop() readonly hideError: boolean = false;\n\n  /**\n   * The warnings amount\n   */\n  @Prop() readonly warnings: number = 0;\n\n  /**\n   * Hide the warnings button\n   */\n  @Prop() readonly hideWarning: boolean = false;\n\n  /**\n   * The successes amount\n   */\n  @Prop() readonly successes: number = 0;\n\n  /**\n   * Hide the successes button\n   */\n  @Prop() readonly hideSuccess: boolean = false;\n\n  /**\n   * The messages amount\n   */\n  @Prop() readonly messages: number = 0;\n\n  /**\n   * Hide the messages button\n   */\n  @Prop() readonly hideMessage: boolean = false;\n\n  /**\n   * Display only the number\n   */\n  @Prop() readonly minimal: boolean = false;\n\n  /**\n   * If present will make the component look smaller.\n   */\n  @Prop({ reflect: true }) readonly compact: boolean = false;\n\n  /**\n   * No inner borders\n   */\n  @Prop({ reflect: true }) readonly noInnerBorders: boolean = false;\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeStatusButtonsElement;\n\n  // 3.STATE() VARIABLES //\n\n  @State() iconsSize: Size = \"small\";\n\n  // 4.PUBLIC PROPERTY API | WATCH'S //\n\n  // 5.EVENTS (EMIT) //\n\n  /**\n   * Emits the actual selection\n   */\n  @Event() selectionChanged: EventEmitter<CheckedItemsInfo>;\n\n  // 6.COMPONENT LIFECYCLE METHODS //\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n    this.evaluateIconsSize();\n  }\n\n  // 7.LISTENERS //\n\n  // 8.PUBLIC METHODS API //\n\n  // 9.LOCAL METHODS //\n\n  private evaluateIconsSize = () => {\n    if (this.compact) {\n      this.iconsSize = \"small\";\n    }\n  };\n\n  private evaluateLabel = (\n    type: \"errors\" | \"warnings\" | \"successes\" | \"messages\"\n  ): string => {\n    const amount = this[type];\n    if (this.minimal) {\n      return `${amount}`;\n    } else {\n      const singular: boolean = amount === 1;\n      return singular\n        ? `${amount} ${this._componentLocale[type][\"singular\"]}`\n        : `${amount} ${this._componentLocale[type][\"plural\"]}`;\n    }\n  };\n\n  private selectionChangedHandler = (e: CustomEvent<CheckedItemsInfo>) => {\n    e.stopPropagation();\n    this.selectionChanged.emit(e.detail);\n  };\n\n  // 10.RENDER() FUNCTION //\n\n  render() {\n    return (\n      <Host>\n        <gx-ide-list-selector\n          type=\"multi-selection\"\n          listName=\"status-buttons\"\n          noListBorder\n          ellipsis\n          iconsSize={this.iconsSize}\n          onSelectionChanged={this.selectionChangedHandler}\n        >\n          {!this.hideError ? (\n            <gx-ide-list-selector-item\n              itemId=\"errors\"\n              itemValue={this.evaluateLabel(\"errors\")}\n              icon=\"gx-test/result-exception\"\n              iconColor={this.errors === 0 ? \"disabled\" : \"mercury-on-surface\"}\n              class={{ \"error\": true, \"not-zero\": this.errors !== 0 }}\n              itemChecked\n            >\n              <span\n                slot=\"universal\"\n                class={{\n                  \"active-indicator\": true\n                }}\n              ></span>\n            </gx-ide-list-selector-item>\n          ) : null}\n          {!this.hideWarning ? (\n            <gx-ide-list-selector-item\n              itemId=\"warnings\"\n              itemValue={this.evaluateLabel(\"warnings\")}\n              icon=\"gx-test/result-warning\"\n              iconColor={\n                this.warnings === 0 ? \"disabled\" : \"mercury-on-surface\"\n              }\n              class={{ \"warning\": true, \"not-zero\": this.warnings !== 0 }}\n              itemChecked\n            >\n              <span\n                slot=\"universal\"\n                class={{\n                  \"active-indicator\": true\n                }}\n              ></span>\n            </gx-ide-list-selector-item>\n          ) : null}\n          {!this.hideSuccess ? (\n            <gx-ide-list-selector-item\n              itemId=\"successes\"\n              itemValue={this.evaluateLabel(\"successes\")}\n              icon=\"gx-test/result-ok\"\n              iconColor={\n                this.successes === 0 ? \"disabled\" : \"mercury-on-surface\"\n              }\n              class={{ \"success\": true, \"not-zero\": this.successes !== 0 }}\n              itemChecked\n            >\n              <span\n                slot=\"universal\"\n                class={{\n                  \"active-indicator\": true\n                }}\n              ></span>\n            </gx-ide-list-selector-item>\n          ) : null}\n          {!this.hideMessage ? (\n            <gx-ide-list-selector-item\n              itemId=\"messages\"\n              itemValue={this.evaluateLabel(\"messages\")}\n              icon=\"gx-test/screenshot-viewer\"\n              iconColor={\n                this.messages === 0 ? \"disabled\" : \"mercury-on-surface\"\n              }\n              class={{ \"message\": true, \"not-zero\": this.messages !== 0 }}\n              itemChecked\n            >\n              <span\n                slot=\"universal\"\n                class={{\n                  \"active-indicator\": true\n                }}\n              ></span>\n            </gx-ide-list-selector-item>\n          ) : null}\n        </gx-ide-list-selector>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"gx-ide-status-buttons2.js","mappings":"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","names":[],"sources":["src/components/_helpers/status-buttons/gx-ide-status-buttons.scss?tag=gx-ide-status-buttons&encapsulation=shadow","src/components/_helpers/status-buttons/gx-ide-status-buttons.tsx"],"sourcesContent":["@import \"../../../../node_modules/@genexus/gemini/dist/gemini/globals/mixins.scss\";\n\n:host {\n  display: block;\n  border-radius: var(--ds-form-control-border-radius);\n  --status-buttons-label-color: var(--mer-text__on-surface);\n}\n/*list-selector*/\ngx-ide-list-selector::part(list) {\n  display: flex;\n  flex-direction: row;\n  background-color: var(--mer-color__elevation--01);\n}\n/*list-selector-items*/\ngx-ide-list-selector-item {\n  border-block-start: none !important; //reset\n\n  &:not(:last-child) {\n    border-inline-end: 1px solid var(--gx-ide-container-border-color);\n  }\n  flex: 1;\n  text-align: center;\n\n  .label {\n    &__wrapper {\n      display: inline-flex;\n      width: auto;\n      min-height: 0;\n    }\n    &__description {\n      color: var(--status-buttons-label-color);\n      margin-inline-start: var(--mer-spacing--xxs);\n      text-transform: capitalize;\n    }\n  }\n\n  /*active indicator*/\n  .active-indicator {\n    display: inline-block;\n    width: var(--mer-spacing--xxs);\n    height: var(--mer-spacing--xxs);\n    border: 1px solid var(--mer-border-color__dim);\n    border-radius: calc(var(--mer-spacing--xs) / 2);\n    background-color: var(--mer-border-color__dim);\n  }\n\n  /*States*/\n  &.error.not-zero {\n    .active-indicator {\n      background-color: var(--mer-border-color__error);\n      border-color: var(--mer-border-color__error);\n    }\n  }\n  &.warning.not-zero {\n    .active-indicator {\n      background-color: var(--mer-border-color__warning);\n      border-color: var(--mer-border-color__warning);\n    }\n  }\n  &.success.not-zero {\n    .active-indicator {\n      background-color: var(--mer-border-color__success);\n      border-color: var(--mer-border-color__success);\n    }\n  }\n  &.message.not-zero {\n    .active-indicator {\n      background-color: var(--mer-border-color__primary);\n      border-color: var(--mer-border-color__primary);\n    }\n  }\n\n  input {\n    &:after {\n      display: none;\n    }\n  }\n  input:checked {\n    + .label {\n      --status-buttons-label-color: var(--mer-text__on-surface);\n      background-color: inherit;\n\n      .label__wrapper {\n        &:before {\n          display: block;\n        }\n      }\n    }\n  }\n\n  /*hover*/\n  &:hover {\n    input:checked + .label {\n      background-color: var(--ds-item-background-color--hover) !important;\n    }\n  }\n\n  .label__wrapper {\n    position: relative;\n    &:before {\n      content: \"\";\n      width: 4px;\n      height: 7px;\n      border-width: 0 2px 2px 0;\n      -webkit-transform: rotate(45deg);\n      -ms-transform: rotate(45deg);\n      transform: rotate(45deg);\n      border-color: var(--gxg-checkbox-indicator-color);\n      border-style: solid;\n      position: absolute;\n      left: auto;\n      top: 12px;\n      right: 14px;\n      display: none;\n    }\n    &:after {\n      content: \"\";\n      width: var(--gxg-checkbox-size);\n      height: var(--gxg-checkbox-size);\n      border: 1px solid var(--gxg-checkbox-border-color);\n      border-radius: var(--gxg-checkbox-border-radius);\n    }\n  }\n}\n\n/*--------------------\nCompact size\n--------------------*/\n:host([compact]) {\n  gx-ide-list-selector-item {\n    font-size: var(--mer-font__size--xxs);\n  }\n  .label__wrapper {\n    padding: var(--mer-spacing--xxxs) var(--mer-spacing--xs)\n      var(--mer-spacing--xxxs) var(--mer-spacing--xxs);\n    &:before {\n      top: 10px;\n    }\n  }\n  .label__universal-slot {\n    margin-inline-end: var(--mer-spacing--xxxs);\n  }\n}\n\n/*--------------------\nAll about borders\n--------------------*/\n:host([no-inner-borders]) {\n  gx-ide-list-selector-item {\n    border-inline-end: none;\n  }\n}\n","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  State,\n  Event,\n  EventEmitter\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\nimport { Size } from \"@genexus/gemini/dist/types/components/icon/icon\";\n/* CUSTOM IMPORTS */\nimport { CheckedItemsInfo } from \"../list-selector/list-selector\";\nimport { Locale } from \"../../../common/locale\";\n@Component({\n  tag: \"gx-ide-status-buttons\",\n  styleUrl: \"gx-ide-status-buttons.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/status-buttons\"]\n})\nexport class GxIdeStatusButtons {\n  /*\nINDEX:\n1.OWN PROPERTIES \n2.REFERENCE TO ELEMENTS\n3.STATE() VARIABLES\n4.PUBLIC PROPERTY API | WATCH'S\n5.EVENTS (EMIT)\n6.COMPONENT LIFECYCLE METHODS\n7.LISTENERS\n8.PUBLIC METHODS API\n9.LOCAL METHODS\n10.RENDER() FUNCTION\n*/\n\n  // 1.OWN PROPERTIES | WATCH'S //\n\n  /**\n   * The component hard-coded strings translations.\n   */\n  private _componentLocale: any;\n\n  /**\n   * Whether or not the buttons are active\n   */\n  @Prop() readonly active: boolean = false;\n\n  /**\n   * The errors amount\n   */\n  @Prop() readonly errors: number = 0;\n\n  /**\n   * Hide the errors button\n   */\n  @Prop() readonly hideError: boolean = false;\n\n  /**\n   * The warnings amount\n   */\n  @Prop() readonly warnings: number = 0;\n\n  /**\n   * Hide the warnings button\n   */\n  @Prop() readonly hideWarning: boolean = false;\n\n  /**\n   * The successes amount\n   */\n  @Prop() readonly successes: number = 0;\n\n  /**\n   * Hide the successes button\n   */\n  @Prop() readonly hideSuccess: boolean = false;\n\n  /**\n   * The messages amount\n   */\n  @Prop() readonly messages: number = 0;\n\n  /**\n   * Hide the messages button\n   */\n  @Prop() readonly hideMessage: boolean = false;\n\n  /**\n   * Display only the number\n   */\n  @Prop() readonly minimal: boolean = false;\n\n  /**\n   * If present will make the component look smaller.\n   */\n  @Prop({ reflect: true }) readonly compact: boolean = false;\n\n  /**\n   * No inner borders\n   */\n  @Prop({ reflect: true }) readonly noInnerBorders: boolean = false;\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeStatusButtonsElement;\n\n  // 3.STATE() VARIABLES //\n\n  @State() iconsSize: Size = \"small\";\n\n  // 4.PUBLIC PROPERTY API | WATCH'S //\n\n  // 5.EVENTS (EMIT) //\n\n  /**\n   * Emits the actual selection\n   */\n  @Event() selectionChanged: EventEmitter<CheckedItemsInfo>;\n\n  // 6.COMPONENT LIFECYCLE METHODS //\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n    this.evaluateIconsSize();\n  }\n\n  // 7.LISTENERS //\n\n  // 8.PUBLIC METHODS API //\n\n  // 9.LOCAL METHODS //\n\n  private evaluateIconsSize = () => {\n    if (this.compact) {\n      this.iconsSize = \"small\";\n    }\n  };\n\n  private evaluateLabel = (\n    type: \"errors\" | \"warnings\" | \"successes\" | \"messages\"\n  ): string => {\n    const amount = this[type];\n    if (this.minimal) {\n      return `${amount}`;\n    } else {\n      const singular: boolean = amount === 1;\n      return singular\n        ? `${amount} ${this._componentLocale[type][\"singular\"]}`\n        : `${amount} ${this._componentLocale[type][\"plural\"]}`;\n    }\n  };\n\n  private selectionChangedHandler = (e: CustomEvent<CheckedItemsInfo>) => {\n    e.stopPropagation();\n    this.selectionChanged.emit(e.detail);\n  };\n\n  // 10.RENDER() FUNCTION //\n\n  render() {\n    return (\n      <Host>\n        <gx-ide-list-selector\n          type=\"multi-selection\"\n          listName=\"status-buttons\"\n          noListBorder\n          ellipsis\n          iconsSize={this.iconsSize}\n          onSelectionChanged={this.selectionChangedHandler}\n        >\n          {!this.hideError ? (\n            <gx-ide-list-selector-item\n              itemId=\"errors\"\n              itemValue={this.evaluateLabel(\"errors\")}\n              icon=\"gx-test/result-exception\"\n              iconColor={this.errors === 0 ? \"disabled\" : \"mercury-on-surface\"}\n              class={{ \"error\": true, \"not-zero\": this.errors !== 0 }}\n              itemChecked\n            >\n              <span\n                slot=\"universal\"\n                class={{\n                  \"active-indicator\": true\n                }}\n              ></span>\n            </gx-ide-list-selector-item>\n          ) : null}\n          {!this.hideWarning ? (\n            <gx-ide-list-selector-item\n              itemId=\"warnings\"\n              itemValue={this.evaluateLabel(\"warnings\")}\n              icon=\"gx-test/result-warning\"\n              iconColor={\n                this.warnings === 0 ? \"disabled\" : \"mercury-on-surface\"\n              }\n              class={{ \"warning\": true, \"not-zero\": this.warnings !== 0 }}\n              itemChecked\n            >\n              <span\n                slot=\"universal\"\n                class={{\n                  \"active-indicator\": true\n                }}\n              ></span>\n            </gx-ide-list-selector-item>\n          ) : null}\n          {!this.hideSuccess ? (\n            <gx-ide-list-selector-item\n              itemId=\"successes\"\n              itemValue={this.evaluateLabel(\"successes\")}\n              icon=\"gx-test/result-ok\"\n              iconColor={\n                this.successes === 0 ? \"disabled\" : \"mercury-on-surface\"\n              }\n              class={{ \"success\": true, \"not-zero\": this.successes !== 0 }}\n              itemChecked\n            >\n              <span\n                slot=\"universal\"\n                class={{\n                  \"active-indicator\": true\n                }}\n              ></span>\n            </gx-ide-list-selector-item>\n          ) : null}\n          {!this.hideMessage ? (\n            <gx-ide-list-selector-item\n              itemId=\"messages\"\n              itemValue={this.evaluateLabel(\"messages\")}\n              icon=\"gx-test/screenshot-viewer\"\n              iconColor={\n                this.messages === 0 ? \"disabled\" : \"mercury-on-surface\"\n              }\n              class={{ \"message\": true, \"not-zero\": this.messages !== 0 }}\n              itemChecked\n            >\n              <span\n                slot=\"universal\"\n                class={{\n                  \"active-indicator\": true\n                }}\n              ></span>\n            </gx-ide-list-selector-item>\n          ) : null}\n        </gx-ide-list-selector>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/gx-ide-team-dev-commit.js

@@ -31,7 +31,7 @@ import { d as defineCustomElement$4 } from './tabs.js';
 import { d as defineCustomElement$3 } from './title.js';
 import { d as defineCustomElement$2 } from './tooltip.js';
 
-const commitCss = ":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-container{display:flex;height:100%;width:100%;box-sizing:border-box}:host{display:block}.header{border-top:1px solid var(--gx-ide-container-border-color);display:flex;flex-direction:column}.header>*{padding:var(--gx-ide-container__padding)}.header__first-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:-3px}.header__first-row .commit-label{flex:none}.header__first-row .commit-textarea{flex:none}.header__first-row__right-col{display:flex;align-items:center;gap:var(--gx-ide-grid-column-gap)}.header__second-row{padding:0 var(--gx-ide-container__padding) var(--gx-ide-container__padding) var(--gx-ide-container__padding)}.header .filters-outer-wrapper{display:grid;padding:0;grid-template-rows:1fr;transition:grid-template-rows 200ms;border-bottom:1px solid var(--gx-ide-container-border-color)}.header .filters-outer-wrapper--hidden{grid-template-rows:0fr}.header .filters-inner-wrapper{overflow:hidden}.header__third-row{padding:0 var(--gx-ide-container__padding) var(--gx-ide-container__padding) var(--gx-ide-container__padding);display:grid;column-gap:var(--gx-ide-grid-column-gap);row-gap:var(--gx-ide-grid-row-gap);grid-template-columns:auto 1fr auto 1fr;grid-template-areas:\"pattern-label pattern-form-text pattern-form-text pattern-form-text\" \"changeset-label changeset-combo type-label type-combo\" \"folder-label folder-combo category-label category-combo\"}.header__third-row .pattern-label{grid-area:pattern-label}.header__third-row .pattern-form-text{grid-area:pattern-form-text}.header__third-row .changeset-label{grid-area:changeset-label}.header__third-row .changeset-combo{grid-area:changeset-combo}.header__third-row .type-label{grid-area:type-label}.header__third-row .type-combo{grid-area:type-combo}.header__third-row .folder-label{grid-area:folder-label}.header__third-row .folder-combo{grid-area:folder-combo}.header__third-row .category-label{grid-area:category-label}.header__third-row .category-combo{grid-area:category-combo}.main{height:100%}.grid-container{padding:0}ch-grid{height:auto}";
+const commitCss = ":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-container{display:flex;height:100%;width:100%;box-sizing:border-box}p{margin:0}:host{display:block}.header{border-top:1px solid var(--gx-ide-container-border-color);display:flex;flex-direction:column}.header>*{padding:var(--gx-ide-container__padding)}.header__first-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:-3px}.header__first-row .commit-label{flex:none}.header__first-row .commit-textarea{flex:none}.header__first-row__right-col{display:flex;align-items:center;gap:var(--gx-ide-grid-column-gap)}.header__second-row{padding:0 var(--gx-ide-container__padding) var(--gx-ide-container__padding) var(--gx-ide-container__padding)}.header .filters-outer-wrapper{display:grid;padding:0;grid-template-rows:1fr;transition:grid-template-rows 200ms;border-bottom:1px solid var(--gx-ide-container-border-color)}.header .filters-outer-wrapper--hidden{grid-template-rows:0fr}.header .filters-inner-wrapper{overflow:hidden}.header__third-row{padding:0 var(--gx-ide-container__padding) var(--gx-ide-container__padding) var(--gx-ide-container__padding);display:grid;column-gap:var(--gx-ide-grid-column-gap);row-gap:var(--gx-ide-grid-row-gap);grid-template-columns:auto 1fr auto 1fr;grid-template-areas:\"pattern-label pattern-form-text pattern-form-text pattern-form-text\" \"changeset-label changeset-combo type-label type-combo\" \"folder-label folder-combo category-label category-combo\"}.header__third-row .pattern-label{grid-area:pattern-label}.header__third-row .pattern-form-text{grid-area:pattern-form-text}.header__third-row .changeset-label{grid-area:changeset-label}.header__third-row .changeset-combo{grid-area:changeset-combo}.header__third-row .type-label{grid-area:type-label}.header__third-row .type-combo{grid-area:type-combo}.header__third-row .folder-label{grid-area:folder-label}.header__third-row .folder-combo{grid-area:folder-combo}.header__third-row .category-label{grid-area:category-label}.header__third-row .category-combo{grid-area:category-combo}.main{height:100%}.grid-container{padding:0}ch-grid{height:auto}";
 
 const GxIdeTeamDevCommit$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeTeamDevCommit extends HTMLElement {
     constructor() {

package/dist/components/gx-ide-team-dev-commit.js.map

@@ -1 +1 @@
-{"file":"gx-ide-team-dev-commit.js","mappings":"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","names":["GxIdeTeamDevCommit"],"sources":["src/components/team-dev/commit/commit.scss?tag=gx-ide-team-dev-commit&encapsulation=shadow","src/components/team-dev/commit/commit.tsx"],"sourcesContent":["@import \"../../../global/gx-ide-common.scss\";\n@import \"../../../global/gx-ide-mixins.scss\";\n\n:host {\n  display: block;\n}\n/*--- Header ---*/\n.header {\n  border-top: 1px solid var(--gx-ide-container-border-color);\n  display: flex;\n  flex-direction: column;\n  > * {\n    padding: var(--gx-ide-container__padding);\n  }\n  &__first-row {\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: -3px;\n    .commit-label {\n      flex: none;\n    }\n    .commit-textarea {\n      flex: none;\n    }\n    &__right-col {\n      display: flex;\n      align-items: center;\n      gap: var(--gx-ide-grid-column-gap);\n    }\n  }\n  &__second-row {\n    padding: 0 var(--gx-ide-container__padding) var(--gx-ide-container__padding)\n      var(--gx-ide-container__padding);\n  }\n  .filters-outer-wrapper {\n    display: grid;\n    padding: 0;\n    grid-template-rows: 1fr;\n    transition: grid-template-rows 200ms;\n    border-bottom: 1px solid var(--gx-ide-container-border-color);\n    &--hidden {\n      grid-template-rows: 0fr;\n    }\n  }\n  .filters-inner-wrapper {\n    overflow: hidden;\n  }\n  &__third-row {\n    padding: 0 var(--gx-ide-container__padding) var(--gx-ide-container__padding)\n      var(--gx-ide-container__padding);\n    display: grid;\n    column-gap: var(--gx-ide-grid-column-gap);\n    row-gap: var(--gx-ide-grid-row-gap);\n    grid-template-columns: auto 1fr auto 1fr;\n    grid-template-areas:\n      \"pattern-label pattern-form-text pattern-form-text pattern-form-text\"\n      \"changeset-label changeset-combo type-label type-combo\"\n      \"folder-label folder-combo category-label category-combo\";\n\n    .pattern-label {\n      grid-area: pattern-label;\n    }\n    .pattern-form-text {\n      grid-area: pattern-form-text;\n    }\n    .changeset-label {\n      grid-area: changeset-label;\n    }\n    .changeset-combo {\n      grid-area: changeset-combo;\n    }\n    .type-label {\n      grid-area: type-label;\n    }\n    .type-combo {\n      grid-area: type-combo;\n    }\n    .folder-label {\n      grid-area: folder-label;\n    }\n    .folder-combo {\n      grid-area: folder-combo;\n    }\n    .category-label {\n      grid-area: category-label;\n    }\n    .category-combo {\n      grid-area: category-combo;\n    }\n  }\n}\n/*--- Main ---*/\n.main {\n  height: 100%;\n}\n.grid-container {\n  padding: 0;\n}\nch-grid {\n  height: auto;\n}\n","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  Method,\n  State\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\nimport { Color } from \"@genexus/gemini/dist/types/components/icon/icon\";\nimport {\n  ChGridMarkingChangedEvent,\n  ChGridRowContextMenuEvent,\n  ChGridSelectionChangedEvent\n} from \"@genexus/chameleon-controls-library/dist/types/components/grid/ch-grid-types\";\n/* CUSTOM IMPORTS */\nimport { Locale } from \"../../../common/locale\";\nimport { config } from \"../../../common/config\";\nimport {\n  GxOption,\n  ObjectState,\n  ContextMenuInfo,\n  ObjectType,\n  ItemsCheckedState,\n  ItemsCheckedResult\n} from \"../../../common/types\";\nimport { gridCommon } from \"../../../common/grid\";\nimport { renderComboItems } from \"../../../common/render-combo-items\";\nimport { formatDate } from \"../../../common/helpers\";\n\n@Component({\n  tag: \"gx-ide-team-dev-commit\",\n  styleUrl: \"commit.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/team-dev-commit\"]\n})\nexport class GxIdeTeamDevCommit {\n  /*\nINDEX:\n1.OWN PROPERTIES\n2.REFERENCE TO ELEMENTS\n3.STATE() VARIABLES\n4.PUBLIC PROPERTY API | WATCH'S\n5.EVENTS (EMIT)\n6.COMPONENT LIFECYCLE METHODS\n7.LISTENERS\n8.PUBLIC METHODS API\n9.LOCAL METHODS\n10.RENDER() FUNCTION\n*/\n\n  // 1.OWN PROPERTIES //\n\n  /**\n   * The component hard-coded strings translations.\n   */\n  private _componentLocale: any;\n  private loadDataCalledFirstTime = false; // pending commits grid checkboxes, should be checked, after loadData has loaded commits for the first time.\n  private renderedFirstTime = false;\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeTeamDevCommitElement;\n\n  // filters\n  private patternEl!: HTMLGxgFormTextElement;\n  private changeSetEl!: HTMLGxgComboBoxElement;\n  private typesEl!: HTMLGxgComboBoxElement;\n  private foldersEl!: HTMLGxgComboBoxElement;\n  private categoriesEl!: HTMLGxgComboBoxElement;\n  // other\n  private chGridPendingCommitsEl!: HTMLChGridElement;\n  private chGridIgnoredObjectsEl!: HTMLChGridElement;\n  private commitCommentEl!: HTMLGxgFormTextareaElement;\n\n  // 3.STATE() VARIABLES //\n\n  @State() filtersHidden = true;\n  @State() comment = \"\";\n  @State() pendingCommits: ModifiedObjectData[] = [];\n  @State() ignoredObjects: ModifiedObjectData[] = [];\n  @State() commitButtonEnabled = false;\n  @State() filterHasConditions = false;\n\n  // 4.PUBLIC PROPERTY API | WATCH'S //\n\n  /**\n   * If true it displays the component title on the header\n   */\n  @Prop() readonly displayTitle = false;\n\n  /**\n   * Possible values for ChangeSet filter\n   */\n  @Prop() readonly changeSet: GxOption[];\n\n  /**\n   * Possible values for Type filter\n   */\n  @Prop() readonly types: ObjectType[];\n\n  /**\n   * Possible values for Folders filter\n   */\n  @Prop() readonly folders: GxOption[];\n\n  /**\n   * Possible values for Categories filter\n   */\n  @Prop() readonly categories: GxOption[];\n\n  /**\n   * Callback invoked when user press Recent Comments button.\n   */\n  @Prop() readonly getRecentCommentCallback: GetRecentComment;\n\n  /**\n   * Callback invoked when user wants to reload the grid\n   */\n  @Prop() readonly loadCallback: LoadCallback;\n\n  /**\n   * Callback invoked when user starts the commit process\n   */\n  @Prop() readonly commitCallback: CommitCallback;\n\n  /**\n   * Callback that should be invoked when the user selects rows from the grids\n   */\n  @Prop() readonly selectCallback: CommitSelectCallback;\n\n  /**\n   * Callback invoked when user check/uncheck any item from the 'Pending to Commit' grid\n   */\n  @Prop() readonly pendingItemsCheckedCallback!: PendingItemsCheckedCallback;\n\n  /**\n   * Callback that must be invoked when user activate the context menu in any of the grids\n   */\n  @Prop() readonly objectsContextMenuCallback: ObjectsContextMenuCallback;\n\n  // 5.EVENTS (EMIT) //\n\n  /**\n   * This event is emitted once just after the component is fully loaded and the first render() occurs\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<boolean>;\n\n  /**\n   * This event is emitted once just after the component is fully loaded and the first render() occurs.\n   */\n  @Event() componentDidLoadEvent: EventEmitter<boolean>;\n\n  // 6.COMPONENT LIFECYCLE METHODS //\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  async componentDidLoad() {\n    await this.loadData();\n    this.loadDataCalledFirstTime = true;\n    this.componentDidLoadEvent.emit(true);\n    this.conditionToCommit();\n    this.commitCommentEl.focus();\n  }\n\n  async componentDidRender() {\n    if (!this.renderedFirstTime) {\n      this.componentDidRenderFirstTime.emit(\n        this._componentLocale.componentName\n      );\n      this.renderedFirstTime = true;\n    }\n\n    if (this.loadDataCalledFirstTime) {\n      // call this method only once\n      await this.markAllPendingCommitsRows();\n      // attach \"rowMarkingChanged\" after rows have been checked for the first time.\n      this.chGridPendingCommitsEl.addEventListener(\n        \"rowMarkingChanged\",\n        this.pendingCommitsRowMarkingChangedHandler\n      );\n      this.loadDataCalledFirstTime = false;\n    }\n  }\n\n  // 7.LISTENERS //\n\n  // 8.PUBLIC METHODS API //\n\n  /**\n   * The method used by the Host to instruct the component to force a data refresh in the grids.\n   */\n  @Method()\n  async reload(): Promise<void> {\n    this.loadData();\n  }\n\n  // 9.LOCAL METHODS //\n\n  private conditionToCommit = async () => {\n    const commitComment = !!this.commitCommentEl.value.length;\n    const pendingChecked = await this.chGridPendingCommitsEl.getMarkedRows();\n    if (commitComment && pendingChecked.length > 0) {\n      this.commitButtonEnabled = true;\n    } else {\n      this.commitButtonEnabled = false;\n    }\n  };\n\n  private markAllPendingCommitsRows = () => {\n    this.chGridPendingCommitsEl.markAllRows();\n  };\n\n  private togglePendingCommitsCheckboxes = async (\n    itemsToToggle: ItemsCheckedResult\n  ) => {\n    if (this.chGridPendingCommitsEl) {\n      const itemsToCheck: string[] = itemsToToggle.itemsToCheck;\n      const itemsToUncheck: string[] = itemsToToggle.itemsToUncheck;\n      // check\n      for (const rowId of itemsToCheck) {\n        await this.chGridPendingCommitsEl.markRow(rowId, true);\n      }\n      // uncheck\n      for (const rowId of itemsToUncheck) {\n        await this.chGridPendingCommitsEl.markRow(rowId, false);\n      }\n    }\n  };\n\n  private revertPendingCommitsCheckboxes = async (\n    addedRowsIds: string[],\n    removedRowsId: string[]\n  ) => {\n    if (this.chGridPendingCommitsEl) {\n      for (const rowId of addedRowsIds) {\n        await this.chGridPendingCommitsEl.markRow(rowId, false);\n      }\n      for (const rowId of removedRowsId) {\n        await this.chGridPendingCommitsEl.markRow(rowId, true);\n      }\n    }\n  };\n\n  private renderIconState = (state: ObjectState): HTMLGxgIconElement => {\n    let type;\n    let color: Color;\n    switch (state) {\n      case \"inserted\":\n        type = \"gx-server/new\";\n        color = \"success\";\n        break;\n      case \"modified\":\n        type = \"gx-server/changes-commit-pending\";\n        color = \"primary-active\";\n        break;\n      case \"deleted\":\n        type = \"gx-server/delete\";\n        color = \"error\";\n        break;\n      case \"conflicted\":\n        type = \"gx-server/conflict\";\n        color = \"warning\";\n        break;\n    }\n    return <gxg-icon type={type} color={color} size=\"small\"></gxg-icon>;\n  };\n\n  private pendingCommitsRowMarkingChangedHandler = async (\n    e: CustomEvent<ChGridMarkingChangedEvent>\n  ): Promise<void> => {\n    // remove \"rowMarkingChanged\" until checkboxes have been added/removed on togglePendingCommitsCheckboxes, to prevent loops.\n    this.chGridPendingCommitsEl.removeEventListener(\n      \"rowMarkingChanged\",\n      this.pendingCommitsRowMarkingChangedHandler\n    );\n    if (this.chGridPendingCommitsEl) {\n      const addedRowsIds = e.detail.addedRowsId;\n      const removedRowsId = e.detail.removedRowsId;\n      const pendingItemCheckedResult = await this.pendingItemsCheckedCallback({\n        itemsChecked: addedRowsIds,\n        itemsUnchecked: removedRowsId\n      });\n      if (pendingItemCheckedResult === undefined) {\n        // undo check/uncheck\n        await this.revertPendingCommitsCheckboxes(addedRowsIds, removedRowsId);\n      } else {\n        await this.togglePendingCommitsCheckboxes(pendingItemCheckedResult);\n      }\n      this.conditionToCommit();\n      this.chGridPendingCommitsEl.addEventListener(\n        \"rowMarkingChanged\",\n        this.pendingCommitsRowMarkingChangedHandler\n      );\n    }\n  };\n\n  private objectsOnContextMenuCallbackHandler =\n    (grid: CommitSourceType) =>\n    async (ev: CustomEvent<ChGridRowContextMenuEvent>) => {\n      ev.preventDefault();\n      ev.stopPropagation();\n      let selection: string[] = [];\n      if (grid === \"commit\") {\n        selection = ev.detail.selectedRowsId;\n      } else if (grid === \"ignored\") {\n        selection = await this.chGridIgnoredObjectsEl.getSelectedRows();\n      }\n      if (this.objectsContextMenuCallback) {\n        await this.objectsContextMenuCallback(grid, {\n          selection: selection,\n          clientX: ev.detail.clientX,\n          clientY: ev.detail.clientY\n        });\n      }\n    };\n\n  private gridOnSelectionChangedCallbackHandler =\n    (grid: CommitSourceType) =>\n    async (ev: CustomEvent<ChGridSelectionChangedEvent>) => {\n      if (this.selectCallback) {\n        await this.selectCallback(grid, ev.detail.rowsId);\n      }\n    };\n\n  /* pending commits grid render*/\n  private renderPendingCommitsGrid = (): Element => {\n    return (\n      <gxg-grid ellipsis-cell-wrapper noBorder fullHeight>\n        <ch-grid\n          rowSelectionMode=\"multiple\"\n          ref={(el: HTMLChGridElement) => (this.chGridPendingCommitsEl = el)}\n          part=\"ch-grid-pending-commits\"\n          onRowContextMenu={this.objectsOnContextMenuCallbackHandler(\"commit\")}\n          onSelectionChanged={this.gridOnSelectionChangedCallbackHandler(\n            \"commit\"\n          )}\n        >\n          <ch-grid-columnset>\n            <ch-grid-column\n              columnType=\"rich\"\n              richRowSelector\n              richRowSelectorMode=\"mark\"\n              settingable={false}\n              sortable={false}\n              size={gridCommon.colSize.auto}\n            ></ch-grid-column>\n\n            <ch-grid-column\n              columnName=\"State\"\n              settingable={false}\n              sortable={false}\n              size={gridCommon.colSize.auto}\n            ></ch-grid-column>\n            <ch-grid-column\n              settingable={false}\n              sortable={false}\n              size={gridCommon.colSize.auto}\n            ></ch-grid-column>\n            <ch-grid-column\n              sortable\n              columnName=\"Name\"\n              settingable={false}\n              size={gridCommon.colSize.auto}\n            ></ch-grid-column>\n            <ch-grid-column\n              sortable\n              columnName=\"Type\"\n              settingable={false}\n              size={gridCommon.colSize.auto}\n            ></ch-grid-column>\n            <ch-grid-column\n              columnName=\"Description\"\n              settingable={false}\n              size={gridCommon.colSize.common}\n            ></ch-grid-column>\n            <ch-grid-column\n              sortable\n              columnName=\"Modified On\"\n              settingable={false}\n              size={gridCommon.colSize.auto}\n            ></ch-grid-column>\n            <ch-grid-column\n              columnName=\"Module\"\n              settingable={false}\n              size={gridCommon.colSize.auto}\n            ></ch-grid-column>\n            <ch-grid-column\n              columnName=\"Local State\"\n              settingable={false}\n              size={gridCommon.colSize.auto}\n            ></ch-grid-column>\n            <ch-grid-column\n              columnName=\"Last Synchronized\"\n              settingable={false}\n              size={gridCommon.colSize.auto}\n            ></ch-grid-column>\n            <ch-grid-column\n              sortable\n              columnName=\"User\"\n              settingable={false}\n              size={gridCommon.colSize.auto}\n            ></ch-grid-column>\n          </ch-grid-columnset>\n\n          {this.pendingCommits.map((obj: ModifiedObjectData) => (\n            <ch-grid-row rowid={obj.id}>\n              <ch-grid-cell cell-type=\"rich\" row-selector></ch-grid-cell>\n              <ch-grid-cell>\n                <span class=\"cell-wrapper\">\n                  {this.renderIconState(obj.state)}\n                </span>\n              </ch-grid-cell>\n\n              <ch-grid-cell>\n                <span class=\"cell-wrapper\">\n                  <gxg-icon\n                    color=\"auto\"\n                    type={obj.iconType}\n                    size=\"small\"\n                  ></gxg-icon>\n                </span>\n              </ch-grid-cell>\n              <ch-grid-cell>\n                <span class=\"cell-wrapper\">{obj.name}</span>\n              </ch-grid-cell>\n              <ch-grid-cell>\n                <span class=\"cell-wrapper\">{obj.type}</span>\n              </ch-grid-cell>\n\n              <ch-grid-cell>\n                <span class=\"cell-wrapper\">{obj.description}</span>\n              </ch-grid-cell>\n              <ch-grid-cell>\n                <span class=\"cell-wrapper\">{`${formatDate(\n                  obj.modifiedOn\n                )}`}</span>\n              </ch-grid-cell>\n              <ch-grid-cell>\n                <span class=\"cell-wrapper\">{obj.module}</span>\n              </ch-grid-cell>\n\n              <ch-grid-cell>\n                <span class=\"cell-wrapper\">{obj.localState}</span>\n              </ch-grid-cell>\n              <ch-grid-cell>\n                <span class=\"cell-wrapper\">{`${formatDate(\n                  obj.lastSynchronized\n                )}`}</span>\n              </ch-grid-cell>\n              <ch-grid-cell>\n                <span class=\"cell-wrapper\">{obj.user}</span>\n              </ch-grid-cell>\n            </ch-grid-row>\n          ))}\n        </ch-grid>\n      </gxg-grid>\n    );\n  };\n\n  /* ignored objects grid render*/\n  private renderIgnoredObjectsGrid = (): Element => {\n    return (\n      <gxg-grid ellipsis-cell-wrapper noBorder fullHeight>\n        <ch-grid\n          rowSelectionMode=\"multiple\"\n          ref={(el: HTMLChGridElement) => (this.chGridIgnoredObjectsEl = el)}\n          part=\"ch-grid-pending-commits\"\n          onRowContextMenu={this.objectsOnContextMenuCallbackHandler(\"ignored\")}\n          onSelectionChanged={this.gridOnSelectionChangedCallbackHandler(\n            \"ignored\"\n          )}\n        >\n          <ch-grid-columnset>\n            <ch-grid-column\n              columnName=\"\"\n              settingable={false}\n              size={gridCommon.colSize.auto}\n            ></ch-grid-column>\n            <ch-grid-column\n              columnName=\"TypeIcon\"\n              settingable={false}\n              size={gridCommon.colSize.auto}\n            ></ch-grid-column>\n            <ch-grid-column\n              columnName=\"Name\"\n              settingable={false}\n              sortable\n              size={gridCommon.colSize.common}\n            ></ch-grid-column>\n            <ch-grid-column\n              columnName=\"Type\"\n              settingable={false}\n              size={gridCommon.colSize.common}\n            ></ch-grid-column>\n            <ch-grid-column\n              columnName=\"Description\"\n              settingable={false}\n              size={gridCommon.colSize.common}\n            ></ch-grid-column>\n            <ch-grid-column\n              columnName=\"Modified On\"\n              settingable={false}\n              size={gridCommon.colSize.common}\n            ></ch-grid-column>\n            <ch-grid-column\n              columnName=\"Module\"\n              settingable={false}\n              size={gridCommon.colSize.common}\n            ></ch-grid-column>\n            <ch-grid-column\n              columnName=\"Local State\"\n              settingable={false}\n              size={gridCommon.colSize.common}\n            ></ch-grid-column>\n            <ch-grid-column\n              columnName=\"Last Synchronized\"\n              settingable={false}\n              size={gridCommon.colSize.common}\n            ></ch-grid-column>\n            <ch-grid-column\n              columnName=\"User\"\n              settingable={false}\n              size={gridCommon.colSize.common}\n            ></ch-grid-column>\n          </ch-grid-columnset>\n\n          {this.ignoredObjects.map((obj: ModifiedObjectData) => (\n            <ch-grid-row rowid={obj.id} selected>\n              <ch-grid-cell>\n                <span class=\"cell-wrapper\">\n                  {this.renderIconState(obj.state)}\n                </span>\n              </ch-grid-cell>\n              <ch-grid-cell>\n                <span class=\"cell-wrapper\">\n                  <gxg-icon color=\"auto\" type={obj.iconType}></gxg-icon>\n                </span>\n              </ch-grid-cell>\n              <ch-grid-cell>\n                <span class=\"cell-wrapper\">{obj.name}</span>\n              </ch-grid-cell>\n              <ch-grid-cell>\n                <span class=\"cell-wrapper\">{obj.type}</span>\n              </ch-grid-cell>\n              <ch-grid-cell>\n                <span class=\"cell-wrapper\">{obj.description}</span>\n              </ch-grid-cell>\n              <ch-grid-cell>\n                <span class=\"cell-wrapper\">{`${formatDate(\n                  obj.modifiedOn\n                )}`}</span>\n              </ch-grid-cell>\n              <ch-grid-cell>\n                <span class=\"cell-wrapper\">{obj.module}</span>\n              </ch-grid-cell>\n              <ch-grid-cell>\n                <span class=\"cell-wrapper\">{obj.localState}</span>\n              </ch-grid-cell>\n              <ch-grid-cell>\n                <span class=\"cell-wrapper\">{`${formatDate(\n                  obj.lastSynchronized\n                )}`}</span>\n              </ch-grid-cell>\n              <ch-grid-cell>\n                <span class=\"cell-wrapper\">{obj.user}</span>\n              </ch-grid-cell>\n            </ch-grid-row>\n          ))}\n        </ch-grid>\n      </gxg-grid>\n    );\n  };\n\n  private getRecentCommentHandler = async () => {\n    if (this.getRecentCommentCallback) {\n      const response = await this.getRecentCommentCallback();\n      if (response) {\n        this.comment = response;\n      }\n    }\n  };\n\n  private commitCallbackHandler = async () => {\n    const commitCommentEl = this.commitCommentEl.value;\n    this.chGridPendingCommitsEl\n      .getMarkedRows()\n      .then(async pendingCommitsCheckedIds => {\n        await this.commitCallback(pendingCommitsCheckedIds, commitCommentEl);\n        /* returns boolean*/\n      });\n  };\n\n  private loadData = async (): Promise<void> => {\n    const filtersData: FiltersData = {\n      pattern: this.patternEl.value,\n      changeSet: this.changeSetEl.value,\n      folder: this.foldersEl.value,\n      category: this.categoriesEl.value,\n      type: this.typesEl.value\n    };\n\n    this.evaluateFilterConditions();\n\n    // this.pendingCommits = null;\n    // this.ignoredObjects = null;\n\n    return await this.loadCallback(filtersData).then(\n      async ({ pending, ignored }) => {\n        this.pendingCommits = pending;\n        this.ignoredObjects = ignored;\n      }\n    );\n  };\n\n  private toggleFiltersHandler = () => {\n    this.filtersHidden = !this.filtersHidden;\n  };\n\n  private evaluateFilterConditions = () => {\n    if (\n      this.patternEl.value ||\n      this.changeSetEl.value ||\n      this.typesEl.value ||\n      this.foldersEl.value ||\n      this.categoriesEl.value\n    ) {\n      this.filterHasConditions = true;\n    } else {\n      this.filterHasConditions = false;\n    }\n  };\n\n  // 10.RENDER() FUNCTION //\n\n  render() {\n    return (\n      <Host class=\"gx-ide-component\">\n        <div class=\"gx-ide-main-wrapper\">\n          <gx-ide-container\n            noContentPadding\n            noHeadingPadding\n            headingPaddingTop\n            containerTitle={\n              this.displayTitle ? this._componentLocale.componentName : null\n            }\n            slimmerFooter={config.gxIdeContainer.slimmerFooter}\n            noHeadingBorder\n          >\n            <div class=\"header\" slot=\"header\">\n              <div class=\"header__first-row\">\n                <div class=\"header__first-row__left-col\">\n                  <gxg-label\n                    part=\"commit-label\"\n                    labelPosition=\"start\"\n                    class=\"commit-label\"\n                    noMargin\n                  >\n                    {this._componentLocale.header.commentLabel}\n                  </gxg-label>\n                </div>\n                <div class=\"header__first-row__right-col\">\n                  {/* filter button*/}\n                  <gxg-button\n                    onClick={this.toggleFiltersHandler}\n                    type=\"secondary-icon-only\"\n                    icon={\n                      this.filterHasConditions\n                        ? \"window-tools/filter-conditions\"\n                        : \"window-tools/filter\"\n                    }\n                    part=\"gxg-button gxg-button--show-filter\"\n                    class=\"filter-btn\"\n                  ></gxg-button>\n\n                  {/* reset button*/}\n                  <gxg-button\n                    type=\"secondary-icon-only\"\n                    icon=\"gemini-tools/reset\"\n                    onClick={this.loadData}\n                    part=\"gxg-button gxg-button--reload\"\n                    class=\"reset-btn\"\n                  ></gxg-button>\n\n                  {/* recen comments button*/}\n                  <gxg-button\n                    class=\"header-button\"\n                    type=\"outlined\"\n                    part=\"location\"\n                    onClick={this.getRecentCommentHandler}\n                  >\n                    {this._componentLocale.header.recentCommentsButton}\n                  </gxg-button>\n                </div>\n              </div>\n              <div class=\"header__second-row\">\n                {/* commit comment textarea*/}\n                <gxg-form-textarea\n                  height=\"90px\"\n                  value={this.comment}\n                  ref={(el: HTMLGxgFormTextareaElement) =>\n                    (this.commitCommentEl = el)\n                  }\n                  singleLine\n                  onInput={this.conditionToCommit}\n                  placeholder={this._componentLocale.header.commentPlaceholder}\n                  part=\"comment\"\n                  class=\"commit-textarea\"\n                ></gxg-form-textarea>\n              </div>\n              <div\n                class={{\n                  \"filters-outer-wrapper\": true,\n                  \"filters-outer-wrapper--hidden\": this.filtersHidden\n                }}\n              >\n                <div\n                  class={{\n                    \"filters-inner-wrapper\": true\n                  }}\n                >\n                  <div\n                    class={{\n                      \"header__third-row\": true\n                    }}\n                  >\n                    {/* pattern*/}\n                    <gxg-label\n                      part=\"pattern-label\"\n                      labelPosition=\"start\"\n                      class=\"pattern-label\"\n                      noMargin\n                    >\n                      {this._componentLocale.filtersMenu.patternLabel}\n                    </gxg-label>\n                    <gxg-form-text\n                      disable-filter\n                      value=\"\"\n                      ref={(el: HTMLGxgFormTextElement) =>\n                        (this.patternEl = el as HTMLGxgFormTextElement)\n                      }\n                      display-validation-styles\n                      display-validation-message\n                      part=\"pattern-form-text\"\n                      class=\"pattern-form-text\"\n                      onInput={this.loadData}\n                    ></gxg-form-text>\n\n                    {/* changeset */}\n                    <gxg-label\n                      part=\"changeset-label\"\n                      labelPosition=\"start\"\n                      class=\"changeset-label\"\n                      noMargin\n                    >\n                      {this._componentLocale.filtersMenu.changesetLabel}\n                    </gxg-label>\n                    <gxg-combo-box\n                      value={this.changeSet[0][\"id\"]}\n                      ref={(el: HTMLGxgComboBoxElement) =>\n                        (this.changeSetEl = el as HTMLGxgComboBoxElement)\n                      }\n                      part=\"changeset-combo\"\n                      class=\"changeset-combo\"\n                      display-validation-styles\n                      display-validation-message\n                      onValueChanged={this.loadData}\n                    >\n                      {renderComboItems(this.changeSet)}\n                    </gxg-combo-box>\n\n                    {/* type */}\n                    <gxg-label\n                      part=\"type-label\"\n                      labelPosition=\"start\"\n                      class=\"type-label\"\n                      noMargin\n                    >\n                      {this._componentLocale.filtersMenu.typeLabel}\n                    </gxg-label>\n                    <gxg-combo-box\n                      labelPosition=\"start\"\n                      value={this.types[0][\"id\"]}\n                      ref={(el: HTMLGxgComboBoxElement) =>\n                        (this.typesEl = el as HTMLGxgComboBoxElement)\n                      }\n                      part=\"type-combo\"\n                      class=\"type-combo\"\n                      onValueChanged={this.loadData}\n                    >\n                      {renderComboItems(this.types)}\n                    </gxg-combo-box>\n\n                    {/* folder */}\n                    <gxg-label\n                      part=\"folder-label\"\n                      labelPosition=\"start\"\n                      class=\"folder-label\"\n                      noMargin\n                    >\n                      {this._componentLocale.filtersMenu.folderLabel}\n                    </gxg-label>\n                    <gxg-combo-box\n                      value={this.folders[0][\"id\"]}\n                      ref={(el: HTMLGxgComboBoxElement) =>\n                        (this.foldersEl = el as HTMLGxgComboBoxElement)\n                      }\n                      part=\"folder-combo\"\n                      display-validation-styles\n                      display-validation-message\n                      onValueChanged={this.loadData}\n                    >\n                      {renderComboItems(this.folders)}\n                    </gxg-combo-box>\n\n                    {/* category */}\n                    <gxg-label\n                      part=\"category-label\"\n                      labelPosition=\"start\"\n                      class=\"category-label\"\n                      noMargin\n                    >\n                      {this._componentLocale.filtersMenu.categoryLabel}\n                    </gxg-label>\n                    <gxg-combo-box\n                      value={this.categories[0][\"id\"]}\n                      ref={(el: HTMLGxgComboBoxElement) =>\n                        (this.categoriesEl = el as HTMLGxgComboBoxElement)\n                      }\n                      part=\"category-combo\"\n                      class=\"category-combo\"\n                      onValueChanged={this.loadData}\n                    >\n                      {renderComboItems(this.categories)}\n                    </gxg-combo-box>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <main class=\"main\">\n              <gx-ide-container noContentPadding class=\"grid-container\">\n                <div class=\"tabs-container gxi-full-height\">\n                  <gxg-tabs class=\"gxg-tabs\">\n                    <gxg-tab-bar slot=\"tab-bar-container\" displayBorder>\n                      <gxg-tab-button\n                        slot=\"tab-bar\"\n                        tab-label={`${this._componentLocale.tabs.pendingCommits} (${this.pendingCommits.length})`}\n                        tab=\"pending-commits\"\n                        is-selected\n                      ></gxg-tab-button>\n                      <gxg-tab-button\n                        slot=\"tab-bar\"\n                        tab-label={`${this._componentLocale.tabs.ignoredObjects} (${this.ignoredObjects.length})`}\n                        tab=\"ignored-objects\"\n                      ></gxg-tab-button>\n                    </gxg-tab-bar>\n                    <gxg-tab tab=\"pending-commits\" no-padding flex>\n                      {this.renderPendingCommitsGrid()}\n                    </gxg-tab>\n                    <gxg-tab tab=\"ignored-objects\" no-padding flex>\n                      {this.renderIgnoredObjectsGrid()}\n                    </gxg-tab>\n                  </gxg-tabs>\n                </div>\n              </gx-ide-container>\n            </main>\n\n            {/* footer */}\n            <gxg-button\n              slot=\"footer-end\"\n              type=\"primary-text-only\"\n              onClick={this.commitCallbackHandler}\n              part=\"commit-button\"\n              disabled={!this.commitButtonEnabled}\n            >\n              {this._componentLocale.footer.commitButton}\n            </gxg-button>\n          </gx-ide-container>\n        </div>\n      </Host>\n    );\n  }\n}\n\nexport type GetRecentComment = () => Promise<string | undefined>;\n\nexport type LoadCallback = (filters: FiltersData) => Promise<CommitData>;\n\nexport type CommitCallback = (\n  selection: string[],\n  commitCommentEl: string\n) => Promise<boolean>;\n\nexport type PendingItemsCheckedCallback = (\n  pendingItemsCheckedState: ItemsCheckedState\n) => Promise<ItemsCheckedResult | undefined>;\n\nexport type CommitSelectCallback = (\n  grid: CommitSourceType,\n  selectionIds: string[]\n) => Promise<void>;\n\nexport type ItemCheckedCallback = (\n  checkedItemIds: string[]\n) => Promise<ItemsCheckedResult | undefined>;\n\nexport type ObjectsContextMenuCallback = (\n  grid: CommitSourceType,\n  contextMenuInfo: ContextMenuInfo\n) => Promise<void>;\n\nexport type CommitSourceType = \"commit\" | \"ignored\";\n\nexport type CommitData = {\n  pending: ModifiedObjectData[];\n  ignored: ModifiedObjectData[];\n};\n\nexport type ModifiedObjectData = {\n  id: string;\n  name: string;\n  iconType: string;\n  state: ObjectState;\n  type: string;\n  description: string;\n  modifiedOn: Date;\n  module: string;\n  localState: ObjectState;\n  lastSynchronized: Date;\n  user: string;\n};\n\nexport type FiltersData = {\n  pattern: string;\n  changeSet: string;\n  type: string;\n  folder: string;\n  category: string;\n};\n"],"version":3}
+{"file":"gx-ide-team-dev-commit.js","mappings":"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","names":["GxIdeTeamDevCommit"],"sources":["src/components/team-dev/commit/commit.scss?tag=gx-ide-team-dev-commit&encapsulation=shadow","src/components/team-dev/commit/commit.tsx"],"sourcesContent":["@import \"../../../global/gx-ide-common.scss\";\n@import \"../../../global/gx-ide-mixins.scss\";\n\n:host {\n  display: block;\n}\n/*--- Header ---*/\n.header {\n  border-top: 1px solid var(--gx-ide-container-border-color);\n  display: flex;\n  flex-direction: column;\n  > * {\n    padding: var(--gx-ide-container__padding);\n  }\n  &__first-row {\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: -3px;\n    .commit-label {\n      flex: none;\n    }\n    .commit-textarea {\n      flex: none;\n    }\n    &__right-col {\n      display: flex;\n      align-items: center;\n      gap: var(--gx-ide-grid-column-gap);\n    }\n  }\n  &__second-row {\n    padding: 0 var(--gx-ide-container__padding) var(--gx-ide-container__padding)\n      var(--gx-ide-container__padding);\n  }\n  .filters-outer-wrapper {\n    display: grid;\n    padding: 0;\n    grid-template-rows: 1fr;\n    transition: grid-template-rows 200ms;\n    border-bottom: 1px solid var(--gx-ide-container-border-color);\n    &--hidden {\n      grid-template-rows: 0fr;\n    }\n  }\n  .filters-inner-wrapper {\n    overflow: hidden;\n  }\n  &__third-row {\n    padding: 0 var(--gx-ide-container__padding) var(--gx-ide-container__padding)\n      var(--gx-ide-container__padding);\n    display: grid;\n    column-gap: var(--gx-ide-grid-column-gap);\n    row-gap: var(--gx-ide-grid-row-gap);\n    grid-template-columns: auto 1fr auto 1fr;\n    grid-template-areas:\n      \"pattern-label pattern-form-text pattern-form-text pattern-form-text\"\n      \"changeset-label changeset-combo type-label type-combo\"\n      \"folder-label folder-combo category-label category-combo\";\n\n    .pattern-label {\n      grid-area: pattern-label;\n    }\n    .pattern-form-text {\n      grid-area: pattern-form-text;\n    }\n    .changeset-label {\n      grid-area: changeset-label;\n    }\n    .changeset-combo {\n      grid-area: changeset-combo;\n    }\n    .type-label {\n      grid-area: type-label;\n    }\n    .type-combo {\n      grid-area: type-combo;\n    }\n    .folder-label {\n      grid-area: folder-label;\n    }\n    .folder-combo {\n      grid-area: folder-combo;\n    }\n    .category-label {\n      grid-area: category-label;\n    }\n    .category-combo {\n      grid-area: category-combo;\n    }\n  }\n}\n/*--- Main ---*/\n.main {\n  height: 100%;\n}\n.grid-container {\n  padding: 0;\n}\nch-grid {\n  height: auto;\n}\n","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  Method,\n  State\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\nimport { Color } from \"@genexus/gemini/dist/types/components/icon/icon\";\nimport {\n  ChGridMarkingChangedEvent,\n  ChGridRowContextMenuEvent,\n  ChGridSelectionChangedEvent\n} from \"@genexus/chameleon-controls-library/dist/types/components/grid/ch-grid-types\";\n/* CUSTOM IMPORTS */\nimport { Locale } from \"../../../common/locale\";\nimport { config } from \"../../../common/config\";\nimport {\n  GxOption,\n  ObjectState,\n  ContextMenuInfo,\n  ObjectType,\n  ItemsCheckedState,\n  ItemsCheckedResult\n} from \"../../../common/types\";\nimport { gridCommon } from \"../../../common/grid\";\nimport { renderComboItems } from \"../../../common/render-combo-items\";\nimport { formatDate } from \"../../../common/helpers\";\n\n@Component({\n  tag: \"gx-ide-team-dev-commit\",\n  styleUrl: \"commit.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/team-dev-commit\"]\n})\nexport class GxIdeTeamDevCommit {\n  /*\nINDEX:\n1.OWN PROPERTIES\n2.REFERENCE TO ELEMENTS\n3.STATE() VARIABLES\n4.PUBLIC PROPERTY API | WATCH'S\n5.EVENTS (EMIT)\n6.COMPONENT LIFECYCLE METHODS\n7.LISTENERS\n8.PUBLIC METHODS API\n9.LOCAL METHODS\n10.RENDER() FUNCTION\n*/\n\n  // 1.OWN PROPERTIES //\n\n  /**\n   * The component hard-coded strings translations.\n   */\n  private _componentLocale: any;\n  private loadDataCalledFirstTime = false; // pending commits grid checkboxes, should be checked, after loadData has loaded commits for the first time.\n  private renderedFirstTime = false;\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeTeamDevCommitElement;\n\n  // filters\n  private patternEl!: HTMLGxgFormTextElement;\n  private changeSetEl!: HTMLGxgComboBoxElement;\n  private typesEl!: HTMLGxgComboBoxElement;\n  private foldersEl!: HTMLGxgComboBoxElement;\n  private categoriesEl!: HTMLGxgComboBoxElement;\n  // other\n  private chGridPendingCommitsEl!: HTMLChGridElement;\n  private chGridIgnoredObjectsEl!: HTMLChGridElement;\n  private commitCommentEl!: HTMLGxgFormTextareaElement;\n\n  // 3.STATE() VARIABLES //\n\n  @State() filtersHidden = true;\n  @State() comment = \"\";\n  @State() pendingCommits: ModifiedObjectData[] = [];\n  @State() ignoredObjects: ModifiedObjectData[] = [];\n  @State() commitButtonEnabled = false;\n  @State() filterHasConditions = false;\n\n  // 4.PUBLIC PROPERTY API | WATCH'S //\n\n  /**\n   * If true it displays the component title on the header\n   */\n  @Prop() readonly displayTitle = false;\n\n  /**\n   * Possible values for ChangeSet filter\n   */\n  @Prop() readonly changeSet: GxOption[];\n\n  /**\n   * Possible values for Type filter\n   */\n  @Prop() readonly types: ObjectType[];\n\n  /**\n   * Possible values for Folders filter\n   */\n  @Prop() readonly folders: GxOption[];\n\n  /**\n   * Possible values for Categories filter\n   */\n  @Prop() readonly categories: GxOption[];\n\n  /**\n   * Callback invoked when user press Recent Comments button.\n   */\n  @Prop() readonly getRecentCommentCallback: GetRecentComment;\n\n  /**\n   * Callback invoked when user wants to reload the grid\n   */\n  @Prop() readonly loadCallback: LoadCallback;\n\n  /**\n   * Callback invoked when user starts the commit process\n   */\n  @Prop() readonly commitCallback: CommitCallback;\n\n  /**\n   * Callback that should be invoked when the user selects rows from the grids\n   */\n  @Prop() readonly selectCallback: CommitSelectCallback;\n\n  /**\n   * Callback invoked when user check/uncheck any item from the 'Pending to Commit' grid\n   */\n  @Prop() readonly pendingItemsCheckedCallback!: PendingItemsCheckedCallback;\n\n  /**\n   * Callback that must be invoked when user activate the context menu in any of the grids\n   */\n  @Prop() readonly objectsContextMenuCallback: ObjectsContextMenuCallback;\n\n  // 5.EVENTS (EMIT) //\n\n  /**\n   * This event is emitted once just after the component is fully loaded and the first render() occurs\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<boolean>;\n\n  /**\n   * This event is emitted once just after the component is fully loaded and the first render() occurs.\n   */\n  @Event() componentDidLoadEvent: EventEmitter<boolean>;\n\n  // 6.COMPONENT LIFECYCLE METHODS //\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  async componentDidLoad() {\n    await this.loadData();\n    this.loadDataCalledFirstTime = true;\n    this.componentDidLoadEvent.emit(true);\n    this.conditionToCommit();\n    this.commitCommentEl.focus();\n  }\n\n  async componentDidRender() {\n    if (!this.renderedFirstTime) {\n      this.componentDidRenderFirstTime.emit(\n        this._componentLocale.componentName\n      );\n      this.renderedFirstTime = true;\n    }\n\n    if (this.loadDataCalledFirstTime) {\n      // call this method only once\n      await this.markAllPendingCommitsRows();\n      // attach \"rowMarkingChanged\" after rows have been checked for the first time.\n      this.chGridPendingCommitsEl.addEventListener(\n        \"rowMarkingChanged\",\n        this.pendingCommitsRowMarkingChangedHandler\n      );\n      this.loadDataCalledFirstTime = false;\n    }\n  }\n\n  // 7.LISTENERS //\n\n  // 8.PUBLIC METHODS API //\n\n  /**\n   * The method used by the Host to instruct the component to force a data refresh in the grids.\n   */\n  @Method()\n  async reload(): Promise<void> {\n    this.loadData();\n  }\n\n  // 9.LOCAL METHODS //\n\n  private conditionToCommit = async () => {\n    const commitComment = !!this.commitCommentEl.value.length;\n    const pendingChecked = await this.chGridPendingCommitsEl.getMarkedRows();\n    if (commitComment && pendingChecked.length > 0) {\n      this.commitButtonEnabled = true;\n    } else {\n      this.commitButtonEnabled = false;\n    }\n  };\n\n  private markAllPendingCommitsRows = () => {\n    this.chGridPendingCommitsEl.markAllRows();\n  };\n\n  private togglePendingCommitsCheckboxes = async (\n    itemsToToggle: ItemsCheckedResult\n  ) => {\n    if (this.chGridPendingCommitsEl) {\n      const itemsToCheck: string[] = itemsToToggle.itemsToCheck;\n      const itemsToUncheck: string[] = itemsToToggle.itemsToUncheck;\n      // check\n      for (const rowId of itemsToCheck) {\n        await this.chGridPendingCommitsEl.markRow(rowId, true);\n      }\n      // uncheck\n      for (const rowId of itemsToUncheck) {\n        await this.chGridPendingCommitsEl.markRow(rowId, false);\n      }\n    }\n  };\n\n  private revertPendingCommitsCheckboxes = async (\n    addedRowsIds: string[],\n    removedRowsId: string[]\n  ) => {\n    if (this.chGridPendingCommitsEl) {\n      for (const rowId of addedRowsIds) {\n        await this.chGridPendingCommitsEl.markRow(rowId, false);\n      }\n      for (const rowId of removedRowsId) {\n        await this.chGridPendingCommitsEl.markRow(rowId, true);\n      }\n    }\n  };\n\n  private renderIconState = (state: ObjectState): HTMLGxgIconElement => {\n    let type;\n    let color: Color;\n    switch (state) {\n      case \"inserted\":\n        type = \"gx-server/new\";\n        color = \"success\";\n        break;\n      case \"modified\":\n        type = \"gx-server/changes-commit-pending\";\n        color = \"primary-active\";\n        break;\n      case \"deleted\":\n        type = \"gx-server/delete\";\n        color = \"error\";\n        break;\n      case \"conflicted\":\n        type = \"gx-server/conflict\";\n        color = \"warning\";\n        break;\n    }\n    return <gxg-icon type={type} color={color} size=\"small\"></gxg-icon>;\n  };\n\n  private pendingCommitsRowMarkingChangedHandler = async (\n    e: CustomEvent<ChGridMarkingChangedEvent>\n  ): Promise<void> => {\n    // remove \"rowMarkingChanged\" until checkboxes have been added/removed on togglePendingCommitsCheckboxes, to prevent loops.\n    this.chGridPendingCommitsEl.removeEventListener(\n      \"rowMarkingChanged\",\n      this.pendingCommitsRowMarkingChangedHandler\n    );\n    if (this.chGridPendingCommitsEl) {\n      const addedRowsIds = e.detail.addedRowsId;\n      const removedRowsId = e.detail.removedRowsId;\n      const pendingItemCheckedResult = await this.pendingItemsCheckedCallback({\n        itemsChecked: addedRowsIds,\n        itemsUnchecked: removedRowsId\n      });\n      if (pendingItemCheckedResult === undefined) {\n        // undo check/uncheck\n        await this.revertPendingCommitsCheckboxes(addedRowsIds, removedRowsId);\n      } else {\n        await this.togglePendingCommitsCheckboxes(pendingItemCheckedResult);\n      }\n      this.conditionToCommit();\n      this.chGridPendingCommitsEl.addEventListener(\n        \"rowMarkingChanged\",\n        this.pendingCommitsRowMarkingChangedHandler\n      );\n    }\n  };\n\n  private objectsOnContextMenuCallbackHandler =\n    (grid: CommitSourceType) =>\n    async (ev: CustomEvent<ChGridRowContextMenuEvent>) => {\n      ev.preventDefault();\n      ev.stopPropagation();\n      let selection: string[] = [];\n      if (grid === \"commit\") {\n        selection = ev.detail.selectedRowsId;\n      } else if (grid === \"ignored\") {\n        selection = await this.chGridIgnoredObjectsEl.getSelectedRows();\n      }\n      if (this.objectsContextMenuCallback) {\n        await this.objectsContextMenuCallback(grid, {\n          selection: selection,\n          clientX: ev.detail.clientX,\n          clientY: ev.detail.clientY\n        });\n      }\n    };\n\n  private gridOnSelectionChangedCallbackHandler =\n    (grid: CommitSourceType) =>\n    async (ev: CustomEvent<ChGridSelectionChangedEvent>) => {\n      if (this.selectCallback) {\n        await this.selectCallback(grid, ev.detail.rowsId);\n      }\n    };\n\n  /* pending commits grid render*/\n  private renderPendingCommitsGrid = (): Element => {\n    return (\n      <gxg-grid ellipsis-cell-wrapper noBorder fullHeight>\n        <ch-grid\n          rowSelectionMode=\"multiple\"\n          ref={(el: HTMLChGridElement) => (this.chGridPendingCommitsEl = el)}\n          part=\"ch-grid-pending-commits\"\n          onRowContextMenu={this.objectsOnContextMenuCallbackHandler(\"commit\")}\n          onSelectionChanged={this.gridOnSelectionChangedCallbackHandler(\n            \"commit\"\n          )}\n        >\n          <ch-grid-columnset>\n            <ch-grid-column\n              columnType=\"rich\"\n              richRowSelector\n              richRowSelectorMode=\"mark\"\n              settingable={false}\n              sortable={false}\n              size={gridCommon.colSize.auto}\n            ></ch-grid-column>\n\n            <ch-grid-column\n              columnName=\"State\"\n              settingable={false}\n              sortable={false}\n              size={gridCommon.colSize.auto}\n            ></ch-grid-column>\n            <ch-grid-column\n              settingable={false}\n              sortable={false}\n              size={gridCommon.colSize.auto}\n            ></ch-grid-column>\n            <ch-grid-column\n              sortable\n              columnName=\"Name\"\n              settingable={false}\n              size={gridCommon.colSize.auto}\n            ></ch-grid-column>\n            <ch-grid-column\n              sortable\n              columnName=\"Type\"\n              settingable={false}\n              size={gridCommon.colSize.auto}\n            ></ch-grid-column>\n            <ch-grid-column\n              columnName=\"Description\"\n              settingable={false}\n              size={gridCommon.colSize.common}\n            ></ch-grid-column>\n            <ch-grid-column\n              sortable\n              columnName=\"Modified On\"\n              settingable={false}\n              size={gridCommon.colSize.auto}\n            ></ch-grid-column>\n            <ch-grid-column\n              columnName=\"Module\"\n              settingable={false}\n              size={gridCommon.colSize.auto}\n            ></ch-grid-column>\n            <ch-grid-column\n              columnName=\"Local State\"\n              settingable={false}\n              size={gridCommon.colSize.auto}\n            ></ch-grid-column>\n            <ch-grid-column\n              columnName=\"Last Synchronized\"\n              settingable={false}\n              size={gridCommon.colSize.auto}\n            ></ch-grid-column>\n            <ch-grid-column\n              sortable\n              columnName=\"User\"\n              settingable={false}\n              size={gridCommon.colSize.auto}\n            ></ch-grid-column>\n          </ch-grid-columnset>\n\n          {this.pendingCommits.map((obj: ModifiedObjectData) => (\n            <ch-grid-row rowid={obj.id}>\n              <ch-grid-cell cell-type=\"rich\" row-selector></ch-grid-cell>\n              <ch-grid-cell>\n                <span class=\"cell-wrapper\">\n                  {this.renderIconState(obj.state)}\n                </span>\n              </ch-grid-cell>\n\n              <ch-grid-cell>\n                <span class=\"cell-wrapper\">\n                  <gxg-icon\n                    color=\"auto\"\n                    type={obj.iconType}\n                    size=\"small\"\n                  ></gxg-icon>\n                </span>\n              </ch-grid-cell>\n              <ch-grid-cell>\n                <span class=\"cell-wrapper\">{obj.name}</span>\n              </ch-grid-cell>\n              <ch-grid-cell>\n                <span class=\"cell-wrapper\">{obj.type}</span>\n              </ch-grid-cell>\n\n              <ch-grid-cell>\n                <span class=\"cell-wrapper\">{obj.description}</span>\n              </ch-grid-cell>\n              <ch-grid-cell>\n                <span class=\"cell-wrapper\">{`${formatDate(\n                  obj.modifiedOn\n                )}`}</span>\n              </ch-grid-cell>\n              <ch-grid-cell>\n                <span class=\"cell-wrapper\">{obj.module}</span>\n              </ch-grid-cell>\n\n              <ch-grid-cell>\n                <span class=\"cell-wrapper\">{obj.localState}</span>\n              </ch-grid-cell>\n              <ch-grid-cell>\n                <span class=\"cell-wrapper\">{`${formatDate(\n                  obj.lastSynchronized\n                )}`}</span>\n              </ch-grid-cell>\n              <ch-grid-cell>\n                <span class=\"cell-wrapper\">{obj.user}</span>\n              </ch-grid-cell>\n            </ch-grid-row>\n          ))}\n        </ch-grid>\n      </gxg-grid>\n    );\n  };\n\n  /* ignored objects grid render*/\n  private renderIgnoredObjectsGrid = (): Element => {\n    return (\n      <gxg-grid ellipsis-cell-wrapper noBorder fullHeight>\n        <ch-grid\n          rowSelectionMode=\"multiple\"\n          ref={(el: HTMLChGridElement) => (this.chGridIgnoredObjectsEl = el)}\n          part=\"ch-grid-pending-commits\"\n          onRowContextMenu={this.objectsOnContextMenuCallbackHandler(\"ignored\")}\n          onSelectionChanged={this.gridOnSelectionChangedCallbackHandler(\n            \"ignored\"\n          )}\n        >\n          <ch-grid-columnset>\n            <ch-grid-column\n              columnName=\"\"\n              settingable={false}\n              size={gridCommon.colSize.auto}\n            ></ch-grid-column>\n            <ch-grid-column\n              columnName=\"TypeIcon\"\n              settingable={false}\n              size={gridCommon.colSize.auto}\n            ></ch-grid-column>\n            <ch-grid-column\n              columnName=\"Name\"\n              settingable={false}\n              sortable\n              size={gridCommon.colSize.common}\n            ></ch-grid-column>\n            <ch-grid-column\n              columnName=\"Type\"\n              settingable={false}\n              size={gridCommon.colSize.common}\n            ></ch-grid-column>\n            <ch-grid-column\n              columnName=\"Description\"\n              settingable={false}\n              size={gridCommon.colSize.common}\n            ></ch-grid-column>\n            <ch-grid-column\n              columnName=\"Modified On\"\n              settingable={false}\n              size={gridCommon.colSize.common}\n            ></ch-grid-column>\n            <ch-grid-column\n              columnName=\"Module\"\n              settingable={false}\n              size={gridCommon.colSize.common}\n            ></ch-grid-column>\n            <ch-grid-column\n              columnName=\"Local State\"\n              settingable={false}\n              size={gridCommon.colSize.common}\n            ></ch-grid-column>\n            <ch-grid-column\n              columnName=\"Last Synchronized\"\n              settingable={false}\n              size={gridCommon.colSize.common}\n            ></ch-grid-column>\n            <ch-grid-column\n              columnName=\"User\"\n              settingable={false}\n              size={gridCommon.colSize.common}\n            ></ch-grid-column>\n          </ch-grid-columnset>\n\n          {this.ignoredObjects.map((obj: ModifiedObjectData) => (\n            <ch-grid-row rowid={obj.id} selected>\n              <ch-grid-cell>\n                <span class=\"cell-wrapper\">\n                  {this.renderIconState(obj.state)}\n                </span>\n              </ch-grid-cell>\n              <ch-grid-cell>\n                <span class=\"cell-wrapper\">\n                  <gxg-icon color=\"auto\" type={obj.iconType}></gxg-icon>\n                </span>\n              </ch-grid-cell>\n              <ch-grid-cell>\n                <span class=\"cell-wrapper\">{obj.name}</span>\n              </ch-grid-cell>\n              <ch-grid-cell>\n                <span class=\"cell-wrapper\">{obj.type}</span>\n              </ch-grid-cell>\n              <ch-grid-cell>\n                <span class=\"cell-wrapper\">{obj.description}</span>\n              </ch-grid-cell>\n              <ch-grid-cell>\n                <span class=\"cell-wrapper\">{`${formatDate(\n                  obj.modifiedOn\n                )}`}</span>\n              </ch-grid-cell>\n              <ch-grid-cell>\n                <span class=\"cell-wrapper\">{obj.module}</span>\n              </ch-grid-cell>\n              <ch-grid-cell>\n                <span class=\"cell-wrapper\">{obj.localState}</span>\n              </ch-grid-cell>\n              <ch-grid-cell>\n                <span class=\"cell-wrapper\">{`${formatDate(\n                  obj.lastSynchronized\n                )}`}</span>\n              </ch-grid-cell>\n              <ch-grid-cell>\n                <span class=\"cell-wrapper\">{obj.user}</span>\n              </ch-grid-cell>\n            </ch-grid-row>\n          ))}\n        </ch-grid>\n      </gxg-grid>\n    );\n  };\n\n  private getRecentCommentHandler = async () => {\n    if (this.getRecentCommentCallback) {\n      const response = await this.getRecentCommentCallback();\n      if (response) {\n        this.comment = response;\n      }\n    }\n  };\n\n  private commitCallbackHandler = async () => {\n    const commitCommentEl = this.commitCommentEl.value;\n    this.chGridPendingCommitsEl\n      .getMarkedRows()\n      .then(async pendingCommitsCheckedIds => {\n        await this.commitCallback(pendingCommitsCheckedIds, commitCommentEl);\n        /* returns boolean*/\n      });\n  };\n\n  private loadData = async (): Promise<void> => {\n    const filtersData: FiltersData = {\n      pattern: this.patternEl.value,\n      changeSet: this.changeSetEl.value,\n      folder: this.foldersEl.value,\n      category: this.categoriesEl.value,\n      type: this.typesEl.value\n    };\n\n    this.evaluateFilterConditions();\n\n    // this.pendingCommits = null;\n    // this.ignoredObjects = null;\n\n    return await this.loadCallback(filtersData).then(\n      async ({ pending, ignored }) => {\n        this.pendingCommits = pending;\n        this.ignoredObjects = ignored;\n      }\n    );\n  };\n\n  private toggleFiltersHandler = () => {\n    this.filtersHidden = !this.filtersHidden;\n  };\n\n  private evaluateFilterConditions = () => {\n    if (\n      this.patternEl.value ||\n      this.changeSetEl.value ||\n      this.typesEl.value ||\n      this.foldersEl.value ||\n      this.categoriesEl.value\n    ) {\n      this.filterHasConditions = true;\n    } else {\n      this.filterHasConditions = false;\n    }\n  };\n\n  // 10.RENDER() FUNCTION //\n\n  render() {\n    return (\n      <Host class=\"gx-ide-component\">\n        <div class=\"gx-ide-main-wrapper\">\n          <gx-ide-container\n            noContentPadding\n            noHeadingPadding\n            headingPaddingTop\n            containerTitle={\n              this.displayTitle ? this._componentLocale.componentName : null\n            }\n            slimmerFooter={config.gxIdeContainer.slimmerFooter}\n            noHeadingBorder\n          >\n            <div class=\"header\" slot=\"header\">\n              <div class=\"header__first-row\">\n                <div class=\"header__first-row__left-col\">\n                  <gxg-label\n                    part=\"commit-label\"\n                    labelPosition=\"start\"\n                    class=\"commit-label\"\n                    noMargin\n                  >\n                    {this._componentLocale.header.commentLabel}\n                  </gxg-label>\n                </div>\n                <div class=\"header__first-row__right-col\">\n                  {/* filter button*/}\n                  <gxg-button\n                    onClick={this.toggleFiltersHandler}\n                    type=\"secondary-icon-only\"\n                    icon={\n                      this.filterHasConditions\n                        ? \"window-tools/filter-conditions\"\n                        : \"window-tools/filter\"\n                    }\n                    part=\"gxg-button gxg-button--show-filter\"\n                    class=\"filter-btn\"\n                  ></gxg-button>\n\n                  {/* reset button*/}\n                  <gxg-button\n                    type=\"secondary-icon-only\"\n                    icon=\"gemini-tools/reset\"\n                    onClick={this.loadData}\n                    part=\"gxg-button gxg-button--reload\"\n                    class=\"reset-btn\"\n                  ></gxg-button>\n\n                  {/* recen comments button*/}\n                  <gxg-button\n                    class=\"header-button\"\n                    type=\"outlined\"\n                    part=\"location\"\n                    onClick={this.getRecentCommentHandler}\n                  >\n                    {this._componentLocale.header.recentCommentsButton}\n                  </gxg-button>\n                </div>\n              </div>\n              <div class=\"header__second-row\">\n                {/* commit comment textarea*/}\n                <gxg-form-textarea\n                  height=\"90px\"\n                  value={this.comment}\n                  ref={(el: HTMLGxgFormTextareaElement) =>\n                    (this.commitCommentEl = el)\n                  }\n                  singleLine\n                  onInput={this.conditionToCommit}\n                  placeholder={this._componentLocale.header.commentPlaceholder}\n                  part=\"comment\"\n                  class=\"commit-textarea\"\n                ></gxg-form-textarea>\n              </div>\n              <div\n                class={{\n                  \"filters-outer-wrapper\": true,\n                  \"filters-outer-wrapper--hidden\": this.filtersHidden\n                }}\n              >\n                <div\n                  class={{\n                    \"filters-inner-wrapper\": true\n                  }}\n                >\n                  <div\n                    class={{\n                      \"header__third-row\": true\n                    }}\n                  >\n                    {/* pattern*/}\n                    <gxg-label\n                      part=\"pattern-label\"\n                      labelPosition=\"start\"\n                      class=\"pattern-label\"\n                      noMargin\n                    >\n                      {this._componentLocale.filtersMenu.patternLabel}\n                    </gxg-label>\n                    <gxg-form-text\n                      disable-filter\n                      value=\"\"\n                      ref={(el: HTMLGxgFormTextElement) =>\n                        (this.patternEl = el as HTMLGxgFormTextElement)\n                      }\n                      display-validation-styles\n                      display-validation-message\n                      part=\"pattern-form-text\"\n                      class=\"pattern-form-text\"\n                      onInput={this.loadData}\n                    ></gxg-form-text>\n\n                    {/* changeset */}\n                    <gxg-label\n                      part=\"changeset-label\"\n                      labelPosition=\"start\"\n                      class=\"changeset-label\"\n                      noMargin\n                    >\n                      {this._componentLocale.filtersMenu.changesetLabel}\n                    </gxg-label>\n                    <gxg-combo-box\n                      value={this.changeSet[0][\"id\"]}\n                      ref={(el: HTMLGxgComboBoxElement) =>\n                        (this.changeSetEl = el as HTMLGxgComboBoxElement)\n                      }\n                      part=\"changeset-combo\"\n                      class=\"changeset-combo\"\n                      display-validation-styles\n                      display-validation-message\n                      onValueChanged={this.loadData}\n                    >\n                      {renderComboItems(this.changeSet)}\n                    </gxg-combo-box>\n\n                    {/* type */}\n                    <gxg-label\n                      part=\"type-label\"\n                      labelPosition=\"start\"\n                      class=\"type-label\"\n                      noMargin\n                    >\n                      {this._componentLocale.filtersMenu.typeLabel}\n                    </gxg-label>\n                    <gxg-combo-box\n                      labelPosition=\"start\"\n                      value={this.types[0][\"id\"]}\n                      ref={(el: HTMLGxgComboBoxElement) =>\n                        (this.typesEl = el as HTMLGxgComboBoxElement)\n                      }\n                      part=\"type-combo\"\n                      class=\"type-combo\"\n                      onValueChanged={this.loadData}\n                    >\n                      {renderComboItems(this.types)}\n                    </gxg-combo-box>\n\n                    {/* folder */}\n                    <gxg-label\n                      part=\"folder-label\"\n                      labelPosition=\"start\"\n                      class=\"folder-label\"\n                      noMargin\n                    >\n                      {this._componentLocale.filtersMenu.folderLabel}\n                    </gxg-label>\n                    <gxg-combo-box\n                      value={this.folders[0][\"id\"]}\n                      ref={(el: HTMLGxgComboBoxElement) =>\n                        (this.foldersEl = el as HTMLGxgComboBoxElement)\n                      }\n                      part=\"folder-combo\"\n                      display-validation-styles\n                      display-validation-message\n                      onValueChanged={this.loadData}\n                    >\n                      {renderComboItems(this.folders)}\n                    </gxg-combo-box>\n\n                    {/* category */}\n                    <gxg-label\n                      part=\"category-label\"\n                      labelPosition=\"start\"\n                      class=\"category-label\"\n                      noMargin\n                    >\n                      {this._componentLocale.filtersMenu.categoryLabel}\n                    </gxg-label>\n                    <gxg-combo-box\n                      value={this.categories[0][\"id\"]}\n                      ref={(el: HTMLGxgComboBoxElement) =>\n                        (this.categoriesEl = el as HTMLGxgComboBoxElement)\n                      }\n                      part=\"category-combo\"\n                      class=\"category-combo\"\n                      onValueChanged={this.loadData}\n                    >\n                      {renderComboItems(this.categories)}\n                    </gxg-combo-box>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <main class=\"main\">\n              <gx-ide-container noContentPadding class=\"grid-container\">\n                <div class=\"tabs-container gxi-full-height\">\n                  <gxg-tabs class=\"gxg-tabs\">\n                    <gxg-tab-bar slot=\"tab-bar-container\" displayBorder>\n                      <gxg-tab-button\n                        slot=\"tab-bar\"\n                        tab-label={`${this._componentLocale.tabs.pendingCommits} (${this.pendingCommits.length})`}\n                        tab=\"pending-commits\"\n                        is-selected\n                      ></gxg-tab-button>\n                      <gxg-tab-button\n                        slot=\"tab-bar\"\n                        tab-label={`${this._componentLocale.tabs.ignoredObjects} (${this.ignoredObjects.length})`}\n                        tab=\"ignored-objects\"\n                      ></gxg-tab-button>\n                    </gxg-tab-bar>\n                    <gxg-tab tab=\"pending-commits\" no-padding flex>\n                      {this.renderPendingCommitsGrid()}\n                    </gxg-tab>\n                    <gxg-tab tab=\"ignored-objects\" no-padding flex>\n                      {this.renderIgnoredObjectsGrid()}\n                    </gxg-tab>\n                  </gxg-tabs>\n                </div>\n              </gx-ide-container>\n            </main>\n\n            {/* footer */}\n            <gxg-button\n              slot=\"footer-end\"\n              type=\"primary-text-only\"\n              onClick={this.commitCallbackHandler}\n              part=\"commit-button\"\n              disabled={!this.commitButtonEnabled}\n            >\n              {this._componentLocale.footer.commitButton}\n            </gxg-button>\n          </gx-ide-container>\n        </div>\n      </Host>\n    );\n  }\n}\n\nexport type GetRecentComment = () => Promise<string | undefined>;\n\nexport type LoadCallback = (filters: FiltersData) => Promise<CommitData>;\n\nexport type CommitCallback = (\n  selection: string[],\n  commitCommentEl: string\n) => Promise<boolean>;\n\nexport type PendingItemsCheckedCallback = (\n  pendingItemsCheckedState: ItemsCheckedState\n) => Promise<ItemsCheckedResult | undefined>;\n\nexport type CommitSelectCallback = (\n  grid: CommitSourceType,\n  selectionIds: string[]\n) => Promise<void>;\n\nexport type ItemCheckedCallback = (\n  checkedItemIds: string[]\n) => Promise<ItemsCheckedResult | undefined>;\n\nexport type ObjectsContextMenuCallback = (\n  grid: CommitSourceType,\n  contextMenuInfo: ContextMenuInfo\n) => Promise<void>;\n\nexport type CommitSourceType = \"commit\" | \"ignored\";\n\nexport type CommitData = {\n  pending: ModifiedObjectData[];\n  ignored: ModifiedObjectData[];\n};\n\nexport type ModifiedObjectData = {\n  id: string;\n  name: string;\n  iconType: string;\n  state: ObjectState;\n  type: string;\n  description: string;\n  modifiedOn: Date;\n  module: string;\n  localState: ObjectState;\n  lastSynchronized: Date;\n  user: string;\n};\n\nexport type FiltersData = {\n  pattern: string;\n  changeSet: string;\n  type: string;\n  folder: string;\n  category: string;\n};\n"],"version":3}