@genexus/genexus-ide-ui 1.0.25 → 1.0.27

package/dist/genexus-ide-ui/p-3f9f8691.entry.js

@@ -1,774 +0,0 @@
-import { r as t, c as e, h as a, H as r, g as i } from "./p-aaed592c.js";
-
-import { L as o } from "./p-74d59062.js";
-
-import { c as s } from "./p-78b90603.js";
-
-import { r as l } from "./p-3ef5a5a6.js";
-
-const n = ':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)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}:host{display:grid;block-size:100%}.card-regular{background-color:var(--mer-surface__elevation--01);border:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01);border-radius:var(--mer-border__radius--md);padding:var(--mer-spacing--md) var(--mer-spacing--md);display:grid}.card-small{background-color:var(--mer-surface__elevation--02);border-radius:var(--mer-border__radius--sm);padding:var(--mer-spacing--sm) var(--mer-spacing--sm)}.card-small--actionable:hover{background-color:var(--mer-color__neutral-gray--600)}.card-small--actionable:active{background-color:var(--mer-color__neutral-gray--650)}.card-small:focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.empty-state{block-size:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--mer-spacing--sm);text-align:center}.empty-state__title,.empty-state__button,.empty-state__link{max-inline-size:300px}.opacity-0{opacity:0}.opacity-1{opacity:1}.display-contents{display:contents}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-view-primary{font-size:var(--mer-font__size--2xs)}p{margin:0;font-size:var(--mer-font__size--xxs)}.buttons-container{display:flex;gap:var(--mer-spacing--xs)}: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)}.options{padding:var(--gx-ide-container__padding);border-block-end:1px solid var(--gx-ide-container-border-color);grid-template-columns:auto 1fr;grid-template-areas:"path-url-label path-url-wrapper" "access-token-label access-token" "style-label style" "module-label module" "checkboxes-options checkboxes-options"}.options .path-url-label{grid-area:path-url-label}.options .path-url-wrapper{grid-area:path-url-wrapper;display:flex;flex-direction:row;gap:var(--gx-ide-grid-row-gap)}.options .path-url-wrapper__buttons-container{display:flex;flex-direction:row;gap:var(--gx-ide-container-elements-spacing)}.options .access-token-label{grid-area:access-token-label}.options .access-token{grid-area:access-token}.options .style-label{grid-area:style-label}.options .style{grid-area:style}.options .module-label{grid-area:module-label}.options .module{grid-area:module}.options .checkboxes-options{grid-area:checkboxes-options}.options--hide-access-token{grid-template-areas:"path-url-label path-url-wrapper" "style-label style" "module-label module" "checkboxes-options checkboxes-options"}.options .checkboxes-options{display:flex;justify-content:space-between;gap:var(--gx-ide-grid-row-gap)}.options .checkboxes-options__col-right{display:flex;opacity:1;transition:opacity 200ms;gap:var(--gx-ide-grid-row-gap)}.options .checkboxes-options__col-right--hidden{opacity:0}.messages-container{padding:var(--gx-ide-container__padding);height:100%;overflow-y:auto;}.messages-container::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.messages-container::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.messages-container::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.messages-container::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.messages-container::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.main{display:flex;height:100%;justify-content:center;overflow:auto}.main .design-tree,.main .design-tabs{transition:flex 200ms}.main .tree-container{flex:1}.main .design-tabs{flex:2}.main .design-tabs--fit-images img{object-fit:contain;width:100%;height:100%}.main .design-tabs img{display:block}.main--shrunken-tree .tree-container{flex:0.5}.main--shrunken-tree .design-tabs{flex:2.5}.panel-tab{height:100%;display:grid;grid-template-columns:1fr 1fr}.panel-tab .panel-item{width:100%;height:100%;overflow:auto;font-size:var(--mer-font__size--2xs);line-height:normal}.panel-tab .panel-item::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.panel-tab .panel-item::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.panel-tab .panel-item::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.panel-tab .panel-item::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.panel-tab .panel-item::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tab--hidden{display:none}';
-
-const c = "panels";
-
-const g = "stencils";
-
-const d = "images";
-
-const h = "design_system";
-
-const b = "fonts";
-
-const f = [ "resets/box-sizing", "utils/form", "utils/layout", "utils/typography", "components/button", "components/checkbox", "components/edit", "components/tree-view" ];
-
-const v = class {
-  constructor(r) {
-    t(this, r);
-    this.componentDidRenderFirstTime = e(this, "componentDidRenderFirstTime", 7);
-    this.renderedFirstTime = false;
-    /**
-         * An array that keeps track of the tree items id's (design system data type + item id) along with the content, that will be used to save and retrieve items information, in order to avoid using a callback to get items information that was already get. loadedItemsArray will be reset every time a new design is loaded.
-         */    this.loadedItems = new Map;
-    /**
-         * The path/URL value when loadCallback was called for the last time. This is used to determine
-         * if there is a difference with the actual path/URL value, in order to know if calling loadCallback
-         * again is required on blur on Path/URL/File input.
-         */    this.pathOnLoadCallback = "";
-    this.panelsSelected = [];
-    this.stencilsSelected = [];
-    // private imagesSelected: string[] = [];
-    // private designSystemSelected: string[] = [];
-        this.fontsSelected = [];
-    // 9.LOCAL METHODS //
-        this.attachTreeMouseListeners = () => {
-      this.treeDataEl.addEventListener("mouseenter", this.treeMouseEnter);
-      this.treeDataEl.addEventListener("mouseleave", this.treeMouseLeave);
-    };
-    this.removeTreeMouseListeners = () => {
-      this.treeDataEl.removeEventListener("mouseenter", this.treeMouseEnter);
-      this.treeDataEl.removeEventListener("mouseleave", this.treeMouseLeave);
-    };
-    this.treeMouseEnter = () => {
-      this.shrunkenTree = false;
-    };
-    this.treeMouseLeave = () => {
-      this.shrunkenTree = true;
-    };
-    this.messageType = t => {
-      if (t.type === "error") {
-        return "text-alert-error";
-      } else if (t.type === "warning") {
-        return "text-alert-warning";
-      } else {
-        return "text-gray";
-      }
-    };
-    this.objectsTreeSelectedItemsChangedHandler = async t => {
-      var e;
-      if (t.detail.length) {
-        const a = (e = t.detail[0]) === null || e === void 0 ? void 0 : e.item;
-        const r = a.id;
-        const i = r.split("@");
-        const o = i[0];
-        const s = i[1];
-        const l = o && o !== "parent";
-        const n = s === "design_system";
-        if (l || n) {
-          this.selectedDesignType = s;
-          const t = this.getLoadedItem(r);
-          if (!t) {
-            const t = await this.getDesignDataDetail(o, this.selectedDesignType);
-            this.loadedItems.set(r, {
-              designType: this.selectedDesignType,
-              designDataDetail: t
-            });
-          } else {
-            /* Item has been queried already. The item content exists already. */
-            this.selectedDesignType = t.designType;
-            this.selectedDesignItem = t.designDataDetail;
-            this.getCodeFactory(t.designType);
-            this.renderDetailDataTree(t.designType);
-          }
-        }
-      }
-    };
-    this.getLoadedItem = t => {
-      var e;
-      return (e = this.loadedItems) === null || e === void 0 ? void 0 : e.get(t);
-    };
-    this.objectsTreeCheckedItemsChangedHandler = t => {
-      const e = Array.from(t.detail.values());
-      let a = null;
-      const r = {};
-      for (const t of e) {
-        if (t.item.id.startsWith("parent@")) {
-          a = t.item.id.split("@")[1];
-          r[a] = [];
-        } else if (t.item.checked && a) {
-          const e = t.item.id.split("@")[1];
-          if (e === a) {
-            const e = t.item.id.split("@")[0];
-            r[a].push(e);
-          }
-        }
-      }
-      // const { designSystem, fonts, images, panels, stencils } = result;
-            const {fonts: i, panels: o, stencils: s} = r;
-      // this.designSystemSelected = designSystem;
-            this.fontsSelected = i;
-      // this.imagesSelected = images;
-            this.panelsSelected = o;
-      this.stencilsSelected = s;
-    };
-    this.selectFile = () => {
-      this.pathURLFile.openFile();
-    };
-    this.pathOnFileSelected = async t => {
-      this.selectedFile = t.detail[0];
-      const e = t.detail[0].name;
-      this.path = e;
-      this.showAccessToken = await this.requiresAccessTokenCallback(this.pathURLFile.value);
-    };
-    this.pathURLFileBlurHandler = async () => {
-      this.showAccessToken = await this.requiresAccessTokenCallback(this.pathURLFile.value);
-      if (this.path !== this.pathOnLoadCallback) {
-        // if loadOnBlur is true, and the actual path/URL value differs from the one
-        // when loadCallback was called the last time, it is required to call loadCallback
-        // again, because the DesignData might differ from the actual.
-        this.loadData();
-      }
-    };
-    this.loadData = async () => {
-      this.isLoading = true;
-      const t = this.selectedFile ? this.selectedFile : this.path;
-      const e = this.accessTokenEl ? this.accessTokenEl.value : undefined;
-      this.designData = null;
-      await this.loadCallback(t, e, this.messageCallback).then((t => {
-        // this.isLoading = false;
-        this.messages = [];
-        this.designData = t;
-        if (this.designData) {
-          this.panelsSelected = [ ...this.designData.panels.map((t => t.id)) ];
-          this.stencilsSelected = [ ...this.designData.stencils.map((t => t.id)) ];
-          // this.imagesSelected = [
-          //   ...this.designData.images.map(item => item.id)
-          // ];
-          // this.designSystemSelected = [
-          //   ...this.designData.designSystem.map(item => item.id)
-          // ];
-                    this.fontsSelected = [ ...this.designData.fonts.map((t => t.id)) ];
-        } else {
-          // There was probably an error
-          this.panelsSelected = [];
-          this.stencilsSelected = [];
-          // this.imagesSelected = [];
-          // this.designSystemSelected = [];
-                    this.fontsSelected = [];
-        }
-      }));
-      this.pathOnLoadCallback = this.path;
-      this.isLoading = false;
-    };
-    this.messageCallback = t => {
-      this.messages = [ ...this.messages, t ];
-    };
-    this.getDesignDataDetail = async (t, e) => {
-      let a;
-      switch (e) {
-       case d:
-        a = this.loadImageCallback;
-        break;
-
-       case h:
-        a = this.loadDesignSystemCallback;
-        break;
-
-       case b:
-        a = this.loadFontCallback;
-        break;
-
-       case c:
-       case g:
-        a = this.loadPanelDataCallback;
-        break;
-      }
-      let r;
-      await a(t).then((t => {
-        this.selectedDesignType = e;
-        this.selectedDesignItem = t;
-        this.getCodeFactory(e);
-        this.renderDetailDataTree(e);
-        r = t;
-      }));
-      return r;
-    };
-    this.confirm = () => {
-      var t, e;
-      this.confirmCallback({
-        panels: this.panelsSelected,
-        stencils: this.stencilsSelected,
-        fonts: this.fontsSelected,
-        /* images: this.imagesSelected, */
-        moduleId: (e = (t = this.filterModuleEl) === null || t === void 0 ? void 0 : t.value) === null || e === void 0 ? void 0 : e.id,
-        styleName: this.optionStyleEl.value,
-        importAsWebPanels: this.optionImportAsEl.checked
-      });
-    };
-    this.cancel = () => {
-      this.cancelCallback();
-      this.isLoading = false;
-    };
-    this.fitImagesHandler = t => {
-      this.fitImages = t.detail.value;
-    };
-    this.shrinkTreeHandler = t => {
-      const e = t.detail.value;
-      this.shrinkTree = e;
-      if (e) {
-        this.shrunkenTree = true;
-      } else {
-        this.shrunkenTree = false;
-      }
-    };
-    this.importAsWebPanelsChangedHandler = () => {
-      // When "Import as Web Panels" checkbox value changes, loadCallback has to be
-      // called again, because the received DesignData differs between having
-      // "Import as Web Panels" checked or not. This only makes sense if a file is
-      // selected or the Path/URL input is not empty
-      if (this.path.length !== 0 || !this.selectedFile) {
-        this.loadData();
-      }
-    };
-    this.pathURLFileValueChangedHandler = t => {
-      this.path = t.detail;
-    };
-    // 9.LOCAL METHODS -> RENDERS //
-        this.renderOptions = () => {
-      var t;
-      return a("div", {
-        class: {
-          "options grid": true,
-          "options--hide-access-token": !this.showAccessToken
-        }
-      }, a("gxg-label", {
-        class: "path-url-label"
-      }, this._componentLocale.options.path), a("div", {
-        class: "path-url-wrapper"
-      }, a("gxg-form-text", {
-        value: this.path,
-        onFileSelected: this.pathOnFileSelected,
-        onBlur: this.pathURLFileBlurHandler,
-        ref: t => this.pathURLFile = t,
-        clearButton: true,
-        part: "option-path",
-        disabled: this.isLoading,
-        type: "file",
-        acceptFile: this.extensions,
-        class: "path-url",
-        placeholder: this._componentLocale.options.pathPlaceholder,
-        onValueChanged: this.pathURLFileValueChangedHandler
-      }), a("div", {
-        class: "path-url-wrapper__buttons-container"
-      }, a("gxg-button", {
-        id: "button-select-file",
-        type: "primary-text-only",
-        onClick: this.selectFile,
-        part: "gxg-button gxg-button--select-file",
-        disabled: this.isLoading,
-        class: "select-file"
-      }, "..."), a("gxg-button", {
-        id: "button-load",
-        type: "primary-text-only",
-        onClick: this.loadData,
-        part: "gxg-button gxg-button--load",
-        disabled: this.path.length === 0 || this.isLoading,
-        class: "load-file"
-      }, this._componentLocale.options.btnLoad))), this.showAccessToken ? [ a("gxg-label", {
-        class: {
-          "access-token-label": true
-        }
-      }, this._componentLocale.options.accessToken), a("gxg-form-text", {
-        class: {
-          "access-token": true
-        },
-        ref: t => this.accessTokenEl = t,
-        part: "access-token",
-        disabled: this.isLoading
-      }) ] : null, a("gxg-label", {
-        class: "style-label"
-      }, this._componentLocale.options.style), a("gxg-combo-box", {
-        disabled: !this.styles || this.isLoading,
-        "display-validation-styles": true,
-        "display-validation-message": true,
-        ref: t => this.optionStyleEl = t,
-        part: "option-style",
-        class: "style"
-      }, l("gxg-combo-box-item", (t = this.styles) !== null && t !== void 0 ? t : [])), a("gxg-label", {
-        class: "module-label"
-      }, this._componentLocale.options.module), a("gx-ide-entity-selector", {
-        value: this.defaultModule,
-        defaultValue: this.defaultModule,
-        selectEntityCallback: this.selectModuleCallback,
-        ref: t => this.filterModuleEl = t,
-        class: "module"
-      }), a("div", {
-        class: "checkboxes-options"
-      }, a("gxg-form-checkbox", {
-        label: this._componentLocale.options.importAs,
-        class: "import-as-web-panels",
-        ref: t => this.optionImportAsEl = t,
-        part: "option-import-as-web-panels",
-        disabled: this.isLoading,
-        onChange: this.importAsWebPanelsChangedHandler
-      }), a("div", {
-        class: {
-          "checkboxes-options__col-right": true,
-          "checkboxes-options__col-right--hidden": !this.designDataTreeDataModel.length
-        }
-      }, a("gxg-form-checkbox", {
-        label: this._componentLocale.options.fitImages,
-        part: "fit-images-checkbox",
-        disabled: this.isLoading || !this.designDataTreeDataModel.length,
-        onChange: this.fitImagesHandler
-      }), a("gxg-form-checkbox", {
-        label: this._componentLocale.options.toggleTree,
-        part: "shrink-tree-checkbox",
-        disabled: this.isLoading || !this.designDataTreeDataModel.length,
-        onChange: this.shrinkTreeHandler
-      }))));
-    };
-    this.renderMessages = () => this.messages.length > 0 ? a("div", {
-      class: "messages-container",
-      ref: t => this.messagesList = t
-    }, this.messages.map((t => a("gxg-text", {
-      type: this.messageType(t)
-    }, t.type, ": ", t.text)))) : null;
-    this.renderMain = () => {
-      if (this.designData) {
-        /* #main*/
-        return a("main", {
-          class: {
-            main: true,
-            "main--shrunken-tree": this.shrunkenTree
-          }
-        }, [ this.renderDesignTree(), this.renderDesignTabs() ]);
-      } else if (!this.isLoading) {
-        return a("main", {
-          class: "main"
-        }, this.renderNoDesignData());
-      } else {
-        return this.renderMessages();
-      }
-    };
-    this.renderNoDesignData = () => {
-      if (!this.isLoading) {
-        return a("gxg-text", {
-          textAlign: s.gxgMessage.common.textAlign,
-          padding: s.gxgMessage.common.textAlign,
-          type: s.gxgMessage.common.type,
-          maxWidth: s.gxgMessage.common.maxWidth,
-          part: "no-design-selected"
-        }, this._componentLocale.messages.noDesignSelected, " ", a("br", null), a("gxg-text", {
-          type: "text-link-no-line",
-          onClick: this.selectFile,
-          part: "begin-by-loading-one"
-        }, this._componentLocale.messages.selectDesign));
-      }
-    };
-    this.renderDesignTree = () => a("div", {
-      class: "tree-container"
-    }, a("ch-tree-view-render", {
-      part: "data-tree",
-      class: "tree-view design-tree",
-      id: "data-tree",
-      model: this.designDataTreeDataModel,
-      dragDisabled: true,
-      dropDisabled: true,
-      toggleCheckboxes: true,
-      checkbox: true,
-      checked: true,
-      onCheckedItemsChange: this.objectsTreeCheckedItemsChangedHandler,
-      onSelectedItemsChange: this.objectsTreeSelectedItemsChangedHandler,
-      ref: t => this.treeDataEl = t
-    }));
-    this.renderFooter = () => [ a("gxg-button", {
-      id: "button-ok",
-      type: "primary-text-only",
-      onClick: this.confirm,
-      part: "gxg-button gxg-button--ok",
-      disabled: this.isLoading,
-      slot: "footer-end"
-    }, this._componentLocale.footer.btnOk), a("gxg-button", {
-      id: "button-cancel",
-      type: "outlined",
-      onClick: this.cancel,
-      part: "gxg-button gxg-button--cancel",
-      slot: "footer-end"
-    }, this._componentLocale.footer.btnCancel) ];
-    this.renderPanelTab = () => {
-      const t = (this.selectedDesignType === c || this.selectedDesignType === g) && this.detailTreeModel.length > 0;
-      return a("div", {
-        class: {
-          "panel-tab": true,
-          "panel-tab--controls-tree": t
-        },
-        part: "data-panel-composition-container"
-      }, this.selectedDesignItem && this.selectedDesignItem.composition && this.selectedDesignItem.composition.preview ? a("div", {
-        part: "data-panel-composition-preview",
-        class: "panel-item"
-      }, a("img", {
-        src: this.selectedDesignItem && this.selectedDesignItem.composition ? this.selectedDesignItem.composition.preview : undefined,
-        alt: "Preview"
-      })) : null, t ? a("ch-tree-view-render", {
-        part: "data-panel-composition-tree",
-        class: "tree-view panel-item",
-        model: this.detailTreeModel,
-        dragDisabled: true,
-        dropDisabled: true
-      }) : null);
-    };
-    this.renderImageTab = () => a("div", {
-      part: "data-panel-composition-preview",
-      class: "data-preview"
-    }, a("img", {
-      src: this.selectedDesignItem ? this.selectedDesignItem : undefined,
-      alt: "Preview"
-    }));
-    this.tabActivatedHandler = t => {
-      if (t.detail) {
-        const e = t.detail.tab;
-        this.activeTabs = Object.assign(Object.assign({}, this.activeTabs), {
-          [this.selectedDesignType]: e
-        });
-      }
-    };
-    this.isTabActive = t => {
-      const e = this.selectedDesignType;
-      if (this.activeTabs[e] === t) {
-        return true;
-      } else {
-        return false;
-      }
-    };
-    this.renderDesignTabs = () => a("gxg-tabs", {
-      class: {
-        "design-tabs": true,
-        "design-tabs--fit-images": this.fitImages
-      },
-      part: "data-tabs",
-      "no-border": true,
-      noPadding: true,
-      buttonsBorderAbove: true
-    }, a("gxg-tab-bar", {
-      slot: "tab-bar-container"
-    }, a("gxg-tab-button", {
-      hidden: !this.selectedDesignType || this.selectedDesignType !== h,
-      slot: "tab-bar",
-      "tab-label": this._componentLocale.tabs.tokens,
-      tab: "tokens",
-      key: "tokens",
-      onTabActivated: this.tabActivatedHandler,
-      isSelected: this.isTabActive("tokens")
-    }), a("gxg-tab-button", {
-      hidden: !this.selectedDesignType || this.selectedDesignType !== h,
-      slot: "tab-bar",
-      "tab-label": this._componentLocale.tabs.styles,
-      tab: "styles",
-      key: "styles",
-      onTabActivated: this.tabActivatedHandler,
-      isSelected: this.isTabActive("styles")
-    }), a("gxg-tab-button", {
-      hidden: !this.selectedDesignType || this.selectedDesignType === h,
-      slot: "tab-bar",
-      "tab-label": this._componentLocale.tabs.composition,
-      tab: "composition",
-      key: "composition",
-      onTabActivated: this.tabActivatedHandler,
-      isSelected: this.isTabActive("composition")
-    }), a("gxg-tab-button", {
-      hidden: !this.selectedDesignType || this.selectedDesignType !== c && this.selectedDesignType !== g,
-      slot: "tab-bar",
-      "tab-label": this._componentLocale.tabs.layout,
-      tab: "layout",
-      key: "layout",
-      onTabActivated: this.tabActivatedHandler,
-      isSelected: this.isTabActive("layout")
-    }), a("gxg-tab-button", {
-      hidden: !this.selectedDesignType || this.selectedDesignType !== c && this.selectedDesignType !== g,
-      slot: "tab-bar",
-      "tab-label": this._componentLocale.tabs.code,
-      tab: "code",
-      key: "code",
-      onTabActivated: this.tabActivatedHandler,
-      isSelected: this.isTabActive("code")
-    })), a("gxg-tab", {
-      tab: "tokens",
-      key: "tokens",
-      isSelected: this.isTabActive("tokens")
-    }, a("div", {
-      ref: t => this.tokensFactoryRenderEl = t
-    })), a("gxg-tab", {
-      tab: "styles",
-      key: "styles",
-      isSelected: this.isTabActive("styles")
-    }, a("div", {
-      ref: t => this.stylesFactoryRenderEl = t
-    })), a("gxg-tab", {
-      tab: "composition",
-      key: "composition",
-      isSelected: this.isTabActive("composition")
-    }, this.selectedDesignType === d || this.selectedDesignType === b ? this.renderImageTab() : this.renderPanelTab()), a("gxg-tab", {
-      tab: "layout",
-      key: "layout",
-      isSelected: this.isTabActive("layout")
-    }, a("div", {
-      ref: t => this.layoutFactoryRenderEl = t
-    })), a("gxg-tab", {
-      tab: "code",
-      key: "code",
-      isSelected: this.isTabActive("code")
-    }, a("div", {
-      ref: t => this.codeFactoryRenderEl = t
-    })));
-    this.activeTabs = {
-      panels: "composition",
-      stencils: "composition",
-      images: "composition",
-      fonts: "composition",
-      design_system: "tokens"
-    };
-    this.path = "";
-    this.designData = null;
-    this.detailTreeModel = [];
-    this.isLoading = false;
-    this.messages = [];
-    this.selectedFile = undefined;
-    this.selectedDesignType = undefined;
-    this.selectedDesignItem = undefined;
-    this.showAccessToken = undefined;
-    this.designDataTreeDataModel = [];
-    this.updateTabsActiveTab = false;
-    this.fitImages = false;
-    this.shrinkTree = false;
-    this.shrunkenTree = false;
-    this.treeSh = false;
-    this.displayTitle = false;
-    this.extensions = undefined;
-    this.defaultModule = undefined;
-    this.selectModuleCallback = undefined;
-    this.cancelCallback = undefined;
-    this.confirmCallback = undefined;
-    this.loadCallback = undefined;
-    this.loadDesignSystemCallback = undefined;
-    this.loadFontCallback = undefined;
-    this.loadImageCallback = undefined;
-    this.loadPanelDataCallback = undefined;
-    this.requiresAccessTokenCallback = undefined;
-    this.shadow = false;
-    this.styles = undefined;
-    this.textEditorFactoryCallback = undefined;
-  }
-  watchDesignDataHandler(t) {
-    if (t) {
-      this.designDataTreeDataModel = [ {
-        order: 0,
-        id: `parent@${c}`,
-        parts: "category tree-view-item",
-        leaf: false,
-        caption: this._componentLocale.tree.panels,
-        startImgSrc: "general/knowledge-base",
-        checkbox: true,
-        checked: true,
-        expanded: true,
-        items: this.designData.panels.map(((t, e) => ({
-          id: `${t.id}@${c}`,
-          class: "object tree-view-item",
-          leaf: true,
-          caption: t.name,
-          startImgSrc: "general/generator",
-          checkbox: true,
-          checked: true,
-          selected: e === 0
-        })))
-      }, {
-        order: 1,
-        id: `parent@${g}`,
-        parts: "category tree-view-item",
-        leaf: false,
-        caption: this._componentLocale.tree.stencils,
-        startImgSrc: "general/knowledge-base",
-        checkbox: true,
-        checked: true,
-        expanded: true,
-        items: this.designData.stencils.map((t => ({
-          id: `${t.id}@${g}`,
-          class: "object tree-view-item",
-          leaf: true,
-          caption: t.name,
-          startImgSrc: "general/generator",
-          checkbox: true,
-          checked: true
-        })))
-      }, {
-        order: 2,
-        id: `parent@${d}`,
-        parts: "category tree-view-item",
-        leaf: false,
-        caption: this._componentLocale.tree.images,
-        startImgSrc: "general/knowledge-base",
-        checkbox: true,
-        checked: true,
-        expanded: true,
-        items: this.designData.images.map((t => ({
-          id: `${t.id}@${d}`,
-          class: "object tree-view-item",
-          leaf: true,
-          caption: t.name,
-          startImgSrc: "general/generator",
-          checkbox: true,
-          checked: true
-        })))
-      }, {
-        order: 3,
-        id: `parent@${b}`,
-        parts: "category tree-view-item",
-        leaf: false,
-        caption: this._componentLocale.tree.fonts,
-        startImgSrc: "general/knowledge-base",
-        checkbox: true,
-        checked: true,
-        expanded: true,
-        items: this.designData.fonts.map((t => ({
-          id: `${t.id}@${b}`,
-          class: "object tree-view-item",
-          leaf: true,
-          caption: t.name,
-          startImgSrc: "general/generator",
-          checkbox: true,
-          checked: true
-        })))
-      }, {
-        order: 4,
-        id: `parent@${h}`,
-        parts: "category tree-view-item",
-        leaf: true,
-        caption: this._componentLocale.tree.designSystem,
-        startImgSrc: "general/knowledge-base",
-        checkbox: true,
-        checked: true
-      } ];
-    }
-  }
-  watchShrinkTreeHandler(t) {
-    if (t) {
-      this.attachTreeMouseListeners();
-    } else {
-      this.removeTreeMouseListeners();
-    }
-  }
-  // 6.COMPONENT LIFECYCLE EVENTS //
-  async componentWillLoad() {
-    this._componentLocale = await o.getComponentStrings(this.el);
-  }
-  componentDidRender() {
-    if (!this.renderedFirstTime) {
-      this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);
-      this.renderedFirstTime = true;
-    }
-  }
-  disconnectedCallback() {
-    this.removeTreeMouseListeners();
-  }
-  // 7.LISTENERS //
-  watchMessagesHandler(t, e) {
-    if (t !== e) {
-      if (this.messagesList) {
-        this.messagesList.scrollTop = this.messagesList.scrollHeight;
-      }
-    }
-  }
-  // 8.PUBLIC METHODS API //
-  /**
-     * Validate necessary data input
-     */
-  async validate() {
-    const t = true;
-    return t;
-  }
-  loadTreeItemCompositionModel(t) {
-    const e = [];
-    for (const a of t) {
-      let t = {
-        id: a.name,
-        caption: a.name,
-        startImgSrc: a.type,
-        checkbox: false,
-        expanded: true,
-        leaf: a.leaf
-      };
-      if (a.controls) {
-        t = Object.assign(Object.assign({}, t), {
-          items: this.loadTreeItemCompositionModel(a.controls)
-        });
-      }
-      e.push(t);
-    }
-    return e;
-  }
-  getCodeFactory(t) {
-    switch (t) {
-     case c:
-     case g:
-      this.textEditorFactoryCallback("html", this.codeFactoryRenderEl, this.selectedDesignItem.code);
-      this.textEditorFactoryCallback("html", this.layoutFactoryRenderEl, this.selectedDesignItem.layout);
-      break;
-
-     case h:
-      this.textEditorFactoryCallback("tokens", this.tokensFactoryRenderEl, this.selectedDesignItem.tokens);
-      this.textEditorFactoryCallback("styles", this.stylesFactoryRenderEl, this.selectedDesignItem.styles);
-      break;
-    }
-  }
-  renderDetailDataTree(t) {
-    switch (t) {
-     case c:
-     case g:
-      this.detailTreeModel = this.loadTreeItemCompositionModel(this.selectedDesignItem.composition.controls);
-      break;
-    }
-  }
-  // 10.RENDER() FUNCTION //
-  render() {
-    return a(r, {
-      class: "gx-ide-component"
-    }, a("ch-theme", {
-      model: f
-    }), a("div", {
-      class: "gx-ide-main-wrapper"
-    }, a("gx-ide-container", {
-      noContentPadding: true,
-      noContentGap: true,
-      displayBorderBottom: true,
-      part: "options-container",
-      slimmerFooter: s.gxIdeContainer.slimmerFooter,
-      containerTitle: this.displayTitle ? this._componentLocale.componentName : null
-    }, this.renderOptions(), this.renderMain(), this.renderFooter())));
-  }
-  static get assetsDirs() {
-    return [ "gx-ide-assets/design-import" ];
-  }
-  get el() {
-    return i(this);
-  }
-  static get watchers() {
-    return {
-      designData: [ "watchDesignDataHandler" ],
-      shrinkTree: [ "watchShrinkTreeHandler" ],
-      messages: [ "watchMessagesHandler" ]
-    };
-  }
-};
-
-v.style = n;
-
-export { v as gx_ide_design_import };
-//# sourceMappingURL=p-3f9f8691.entry.js.map