npm - @genexus/genexus-ide-ui - Versions diffs - 0.0.93 → 0.0.94 - Mend

@genexus/genexus-ide-ui 0.0.93 → 0.0.94

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1152) hide show

package/dist/genexus-ide-ui/{p-635dacc5.entry.js → p-7c7c26ab.entry.js} RENAMED Viewed

@@ -1,18 +1,18 @@
-import { r, c as t, g as e, h as o, H as i } from "./p-1e275d2c.js";
+import { r as t, c as r, g as e, h as o, H as i } from "./p-d8a08b43.js";
-import { a } from "./p-b78719d3.js";
+import { a } from "./p-5028570f.js";
-import { f as n, c as s } from "./p-537654ad.js";
+import { f as s, c as n } from "./p-537654ad.js";
 import { r as l } from "./p-efa273d7.js";
-import { s as c } from "./p-e4c542c6.js";
+import { s as c } from "./p-7c350e3f.js";
 import { e as g } from "./p-1a098c4f.js";
 import "./p-a78773a3.js";
-const h = ":host(.gxg--disabled) .form-element,:host(.gxg--disabled.form-element){pointer-events:none;background-color:var(--gxg-background-color--disabled) !important;color:var(--gxg-color--disabled) !important;border-color:var(--gxg-border-color--disabled) !important;cursor:default !important}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);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(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.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-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{cursor:initial}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px);height:var(--gxg-scrollbar-width, 6px)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px);border:var(--gxg-scrollbar-track-thumb-border);background-clip:padding-box}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04)}:host(.gxg-validation--warning) .form-element{border-color:var(--color-warning-dark)}:host(.gxg-validation--warning) .form-element:focus{outline-color:var(--color-warning-dark);border-color:var(--color-warning-dark)}:host(.gxg-validation--warning) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-warning-dark)}:host(.gxg-validation--error) .form-element{border-color:var(--color-error-dark)}:host(.gxg-validation--error) .form-element:focus{outline-color:var(--color-error-dark);border-color:var(--color-error-dark)}:host(.gxg-validation--error) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-error-dark)}:host(.gxg-validation--success) .form-element{border-color:var(--color-success-dark)}:host(.gxg-validation--success) .form-element:focus{outline-color:var(--color-success-dark);border-color:var(--color-success-dark)}:host(.gxg-validation--success) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-success-dark)}.tooltip-outer-wrapper{display:grid;grid-template-columns:0fr;transition:grid-template-columns var(--timing-02)}:host(.tooltip--visible) .tooltip-outer-wrapper{grid-template-columns:1fr}.tooltip-inner-wrapper{overflow:hidden;transition:150ms width;width:0}.tooltip-inner-wrapper gxg-icon{display:flex;position:relative !important;top:0 !important;transform:none !important;margin-inline-start:var(--spacing-comp-01)}.tooltip-inner-wrapper--visible{width:24px}.tooltip-inner-wrapper--hidden{display:none}:host{display:block;font-size:var(--font-size-sm);font-family:var(--font-family-primary);background-color:var(--color-background);color:var(--color-on-background);height:100%}:host .container{height:100%;border:var(--border-radius-xs) var(--border-style-regular) var(--gxg-border-color--regular);border-radius:var(--border-radius-sm);overflow:hidden}:host .header{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;background-color:var(--gray-01);border-bottom:var(--gxg-border-common-styles);padding:var(--spacing-comp-01) var(--spacing-comp-02);text-transform:capitalize;font-size:inherit;font-weight:var(--font-weight-semibold);color:var(--color-on-background)}:host .icon{margin-inline-end:var(--spacing-comp-01)}:host .checkbox{margin-inline-end:var(--spacing-comp-01)}:host.selected{background-color:var(--color-secondary-active);color:var(--color-always-white)}.main{overflow-y:auto;cursor:initial}.main::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px);height:var(--gxg-scrollbar-width, 6px)}.main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px);border:var(--gxg-scrollbar-track-thumb-border);background-clip:padding-box}.main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04)}.main--no-border{border:none}.container:focus-within{outline:none}.container:not(:focus-within){--gxg-border-color--focused:transparent}:host([no-border]) .container{border:none}.suggestions__container{background-color:var(--gray-01);color:var(--gray-06);font-family:inherit;font-size:var(--font-size-sm);padding:var(--spacing-comp-01) var(--spacing-comp-02);display:flex;gap:var(--spacing-comp-01);align-items:center}.suggestions__list{margin:0;padding:0;list-style-type:none;flex-grow:1}:host([no-border]) .container{border:none}:host([border-top]) .container{border-top:1px solid var(--gxg-border-color--regular)}:host([border-end]) .container{border-inline-end:1px solid var(--gxg-border-color--regular)}:host([border-bottom]) .container{border-bottom:1px solid var(--gxg-border-color--regular)}:host([border-start]) .container{border-inline-start:1px solid var(--gxg-border-color--regular)}:host(.gxg--disabled) .header{color:var(--gxg-color--disabled);border-bottom-color:var(--gxg-border-color--disabled)}.messages-wrapper{margin-top:var(--spacing-comp-02);display:flex;gap:var(--spacing-comp-01);flex-direction:column}:host(.large){font-size:var(--font-size-lg)}";
+const h = ":host(.gxg--disabled) .form-element,:host(.gxg--disabled.form-element){pointer-events:none;background-color:var(--gxg-background-color--disabled) !important;color:var(--gxg-color--disabled) !important;border-color:var(--gxg-border-color--disabled) !important;cursor:default !important}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);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(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.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-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{cursor:initial}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px);height:var(--gxg-scrollbar-width, 6px)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px);border:var(--gxg-scrollbar-track-thumb-border);background-clip:padding-box}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04)}:host(.gxg-validation--warning) .form-element{border-color:var(--color-warning-dark)}:host(.gxg-validation--warning) .form-element:focus{outline-color:var(--color-warning-dark);border-color:var(--color-warning-dark)}:host(.gxg-validation--warning) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-warning-dark)}:host(.gxg-validation--error) .form-element{border-color:var(--color-error-dark)}:host(.gxg-validation--error) .form-element:focus{outline-color:var(--color-error-dark);border-color:var(--color-error-dark)}:host(.gxg-validation--error) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-error-dark)}:host(.gxg-validation--success) .form-element{border-color:var(--color-success-dark)}:host(.gxg-validation--success) .form-element:focus{outline-color:var(--color-success-dark);border-color:var(--color-success-dark)}:host(.gxg-validation--success) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-success-dark)}.tooltip-outer-wrapper{display:grid;grid-template-columns:0fr;transition:grid-template-columns var(--timing-02)}:host(.tooltip--visible) .tooltip-outer-wrapper{grid-template-columns:1fr}.tooltip-inner-wrapper{overflow:hidden;transition:150ms width;width:0}.tooltip-inner-wrapper gxg-icon{display:flex;position:relative !important;top:0 !important;transform:none !important;margin-inline-start:var(--spacing-comp-01)}.tooltip-inner-wrapper--visible{width:24px}.tooltip-inner-wrapper--hidden{display:none}:host{display:block;font-size:var(--font-size-sm);font-family:var(--font-family-primary);background-color:var(--color-background);color:var(--color-on-background);height:100%}:host .container{height:100%;border:var(--border-radius-xs) var(--border-style-regular) var(--gxg-border-color--regular);border-radius:var(--border-radius-sm);overflow:hidden}:host .header{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;background-color:var(--gray-01);border-bottom:var(--gxg-border-common-styles);padding:var(--spacing-comp-01) var(--spacing-comp-02);text-transform:capitalize;font-size:inherit;font-weight:var(--font-weight-semibold);color:var(--color-on-background)}:host .icon{margin-inline-end:var(--spacing-comp-01)}:host .checkbox{margin-inline-end:var(--spacing-comp-01)}:host.selected{background-color:var(--color-secondary-active);color:var(--color-always-white)}.main{overflow-y:auto;cursor:initial}.main::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px);height:var(--gxg-scrollbar-width, 6px)}.main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px);border:var(--gxg-scrollbar-track-thumb-border);background-clip:padding-box}.main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04)}.main--no-border{border:none}.container:focus-within{outline:none}.container:not(:focus-within){--gxg-border-color--focused:transparent}:host([no-border]) .container{border:none}.suggestions__container{background-color:var(--gray-01);color:var(--gray-06);font-family:inherit;font-size:var(--font-size-sm);padding:var(--spacing-comp-01) var(--spacing-comp-02);display:flex;gap:var(--spacing-comp-01);align-items:center;display:none}.suggestions__list{margin:0;padding:0;list-style-type:none;flex-grow:1}:host([no-border]) .container{border:none}:host([border-top]) .container{border-top:1px solid var(--gxg-border-color--regular)}:host([border-end]) .container{border-inline-end:1px solid var(--gxg-border-color--regular)}:host([border-bottom]) .container{border-bottom:1px solid var(--gxg-border-color--regular)}:host([border-start]) .container{border-inline-start:1px solid var(--gxg-border-color--regular)}:host(.gxg--disabled) .header{color:var(--gxg-color--disabled);border-bottom-color:var(--gxg-border-color--disabled)}.messages-wrapper{margin-top:var(--spacing-comp-02);display:flex;gap:var(--spacing-comp-01);flex-direction:column}:host(.large){font-size:var(--font-size-lg)}";
 const f = class {
   constructor(e) {
@@ -20,75 +20,76 @@ const f = class {
          * This is needed to evaluate if keyboard suggestions should be displayed.
          */
     this.userUsedKeyboard = false;
-    this.firstChange = true;
+    this.selectedItemsState = [];
     /*VALIDATION*/    this.formMessageLogic = a;
-    this.initialSetup = () => {
-      /*set index to every item*/
-      const r = this.getAllItems();
-      if (r === null || r === void 0 ? void 0 : r.length) r.forEach(((r, t) => {
-        r.index = t;
+    this.setIndexes = () => {
+      const t = this.getAllItems();
+      t.forEach(((t, r) => {
+        t.index = r;
       }));
-      /*conditions to do setup*/      const t = !this.allowsEmpty && this.selectedItemsLength() === 0;
-      const e = this.singleSelection && this.selectedItemsLength() > 1;
-      const o = this.checkboxes;
-      const i = this.disabled;
-      const a = t || o || e || i;
-      /*/conditions to do setup*/      if (a) {
-        const r = this.getEnabledItems();
-        const a = this.getSelectedItemsFunc();
-        if (t) {
-          const t = r.find((r => !r.selected));
-          t && (t.selected = true);
-        } else if (e) {
-          if (a === null || a === void 0 ? void 0 : a.length) {
-            a.forEach(((r, t) => {
-              /*keep only the first one selected*/
-              t !== 0 && (r.selected = false);
-            }));
+    };
+    this.initialSetup = () => {
+      const t = this.getEnabledItems();
+      const r = this.selectedItemsLength();
+      //1. Select item if allowsEmpty is false and no item is currently selected
+            const e = !this.allowsEmpty && r === 0;
+      if (e) {
+        const r = t.find((t => !t.selected));
+        r && (r.selected = true);
+      } else if (this.singleSelection && r > 1) {
+        //Only one item can be selected. Unselect every selected items, except the first one.
+        const t = this.getSelectedItemsFunc();
+        t.forEach(((t, r) => {
+          if (r !== 0) {
+            t.selected = false;
           }
-        }
-        if (o) {
-          r.forEach((r => {
-            r.checkbox = true;
-            !this.disableSuggestions && (r.emitCheckboxChange = true);
-          }));
-        }
-        if (i) {
-          r.forEach((r => {
-            r.disabled = true;
-          }));
+        }));
+      }
+      //2. Set active item, if not active item exists yet
+            const o = this.getActiveItem();
+      if (!o) {
+        const t = this.getEnabledItems()[0];
+        if (t) {
+          t.active = true;
+          this.activeItem = t;
         }
       }
-      /*Do updateSelectedItems to initialize this.getSelectedItems array*/      this.selectedItemsLength() > 0 && this.updateSelectedItems();
-    };
-    this.setInitialActive = () => {
-      const r = this.getFirstSelectedItem();
-      if (r) {
-        this.setActiveItem(r);
+      //3. Set index on every item
+            this.setIndexes();
+      //4. disable items
+            if (this.disabled) {
+        this.disabledHandler(true);
+      }
+      //5. set checkboxes
+            if (this.checkboxes) {
+        const t = this.getAllItems();
+        t.forEach((t => {
+          t.checkbox = true;
+        }));
       }
     };
-    this.handleKeyDown = r => {
+    this.handleKeyDown = t => {
       this.userUsedKeyboard = true;
-      const t = r.ctrlKey;
-      const e = r.metaKey;
-      const o = r.shiftKey;
-      const i = this.getIndexByElement(this.activeItem);
-      if (r.code === "ArrowDown" || r.code === "ArrowUp" || r.code === "Space" || r.code === "Backspace" || r.code === "Delete" || r.code === "KeyA") {
-        r.preventDefault();
+      const r = t.ctrlKey;
+      const e = t.metaKey;
+      const o = t.shiftKey;
+      //const activeItemIndex = this.getIndexByElement(this.activeItem);
+            if (t.code === "ArrowDown" || t.code === "ArrowUp" || t.code === "Space" || t.code === "Backspace" || t.code === "Delete" || t.code === "KeyA") {
+        t.preventDefault();
       }
-      if (r.code === "ArrowDown" || r.code === "ArrowUp") {
-        this.HandleArrow(r.code, o, i);
-      } else if (r.code === "Space") {
-        if (o && t) {
+      if (t.code === "ArrowDown" || t.code === "ArrowUp") {
+        this.handleArrow(t.code, o);
+      } else if (t.code === "Space") {
+        if (o && r) {
           /*uncheck checkbox*/
-          const r = this.setCheckboxState(this.getHighlightedItems(), false);
-          r > 0 && (this.hideKeyboardSuggestions = true);
-        } else if (o && !t) {
-          const r = this.setCheckboxState(this.getHighlightedItems(), true);
-          r > 0 && (this.hideKeyboardSuggestions = true);
-        } else if (!o && (t || e) && this.selectedItemsLength() >= 1) {
+          const t = this.setCheckboxState(this.getHighlightedItems(), false);
+          t > 0 && (this.hideKeyboardSuggestions = true);
+        } else if (o && (!r || !e)) {
+          const t = this.setCheckboxState(this.getHighlightedItems(), true);
+          t > 0 && (this.hideKeyboardSuggestions = true);
+        } else if (!o && (r || e) && this.selectedItemsLength() >= 1) {
           this.unselectHighlightedItems();
-        } else if (!t && !e) {
+        } else if (!r && !e) {
           if (this.singleSelection) {
             if (this.activeItem === this.getSelectedItemsFunc()[0]) {
               return;
@@ -97,95 +98,115 @@ const f = class {
             this.selectItems(this.activeItem);
           } else {
             /*multi-select allowed*/
-            if (t || e) {
+            if (r || e) {
               this.clearHighlightedItems();
             } else {
-              this.selectHighlightedItems();
-            }
+              this.selectItems(this.activeItem);
+              //this.selectHighlightedItems();
+                        }
           }
         }
-      } else if (r.code === "KeyA" && (t || e) && !this.singleSelection) {
+      } else if (t.code === "KeyA" && (r || e) && !this.singleSelection) {
         /*highlight all*/
         this.highlightAll();
-      } else if (r.code === "Delete" || r.code === "Backspace") {
+      } else if (t.code === "Delete" || t.code === "Backspace") {
         /*Deselect highlighted items*/
         this.unselectHighlightedItems();
       }
+      this.evaluateSelectedItems();
     };
-    this.HandleArrow = (r, t, e) => {
+    this.handleArrow = (t, r) => {
       /*Get the next element*/
-      let o;
-      if (e >= 0) {
-        r === "ArrowDown" ? o = this.getNextItem(e) : o = this.getPrevItem(e);
-      } else {
-        r === "ArrowDown" ? o = this.getFirstEnabledItem() : null;
-      }
-      /*Handle*/      if (o) {
-        this.singleSelection && !this.allowsEmpty && o !== this.getSelectedItemsFunc()[0] && this.clearSelectedItems();
-        if (t && !this.singleSelection) {
+      let e;
+      const o = this.getActiveItem();
+      e = t === "ArrowDown" ? e = this.getNextItem(o) : e = this.getPrevItem(o);
+      /*Handle*/      if (e) {
+        this.singleSelection && !this.allowsEmpty && e !== this.getSelectedItemsFunc()[0] && this.clearSelectedItems();
+        if (r && !this.singleSelection) {
           !this.activeItem.selected && this.selectItems(this.activeItem);
-          !o.selected && this.selectItems(o);
+          !e.selected && this.selectItems(e);
         }
         this.unhighlightAll();
-        this.setActiveItem(o);
-        this.highlightItem(o);
-        if ((this.singleSelection || !this.singleSelection && t) && !o.selected && !this.allowsEmpty) {
-          this.selectItems(o);
+        this.setActiveItem(e);
+        this.highlightItem(e);
+        if ((this.singleSelection || !this.singleSelection && r) && !e.selected && !this.allowsEmpty) {
+          this.selectItems(e);
         }
-        l(this.main, o, r);
+        l(this.main, e, t);
       }
     };
     /* SELECTED */    this.setSiblingSelected = async () => {
-      const r = this.getAllItems();
-      r.forEach(((t, e) => {
-        if (e === r.length - 1) {
-          t.siblingIsSelected = false;
+      const t = this.getAllItems();
+      t.forEach(((r, e) => {
+        if (e === t.length - 1) {
+          r.siblingIsSelected = false;
         } else {
-          if (r[e + 1].selected) {
-            t.siblingIsSelected = true;
+          if (t[e + 1].selected) {
+            r.siblingIsSelected = true;
           } else {
-            t.siblingIsSelected = false;
+            r.siblingIsSelected = false;
           }
         }
       }));
     };
     this.selectedItemsLength = () => this.getSelectedItemsFunc().length;
-    this.getIndexByElement = r => {
-      let t;
+    this.getIndexByElement = t => {
+      let r;
       const e = this.getEnabledItems();
       if (e === null || e === void 0 ? void 0 : e.length) {
-        const o = e.find((t => t === r));
-        o && (t = o.index);
+        const o = e.find((r => r === t));
+        o && (r = o.index);
       }
-      return t;
+      return r;
     };
-    this.updateSelectedItems = () => {
+    this.evaluateSelectedItems = () => {
+      const t = [];
       const r = [];
-      const t = this.getSelectedItemsFunc();
-      t.forEach((t => {
-        r.push({
-          active: t.active,
-          selected: t.selected,
-          checked: t.checked,
-          index: t.index,
-          value: t.value || t.textContent
-        });
+      const e = this.getSelectedItems();
+      e.then((e => {
+        e.forEach((e => {
+          t.push(e.value);
+          r.push({
+            active: e.active,
+            selected: e.selected,
+            checked: e.checked,
+            index: e.index,
+            value: e.value
+          });
+        }));
+        const o = JSON.stringify(this.selectedItemsState) !== JSON.stringify(t);
+        if (o) {
+          this.selectedItemsState = t;
+          this.selectedItems = [ ...r ];
+        }
+      }));
+    };
+    this.updateSelectedItems = () => {
+      const t = [];
+      const r = this.getSelectedItems();
+      r.then((r => {
+        r.forEach((r => {
+          t.push(r.value);
+        }));
+        const e = JSON.stringify(this.selectedItemsState) !== JSON.stringify(t);
+        if (e) {
+          this.selectedItemsState = t;
+        }
       }));
-      this.selectedItems = [ ...r ];
     };
     /* OTHER */    this.getAllItems = () => {
-      const r = [];
-      const t = this.el.querySelectorAll("gxg-list-box-item");
-      if (t === null || t === void 0 ? void 0 : t.length) {
-        t.forEach((t => {
-          r.push(t);
+      const t = [];
+      const r = this.el.querySelectorAll("gxg-list-box-item");
+      if (r === null || r === void 0 ? void 0 : r.length) {
+        r.forEach((r => {
+          t.push(r);
         }));
       }
-      return r;
+      return t;
     };
-    r(this, e);
-    this.selectionChanged = t(this, "selectionChanged", 7);
-    this.checkedChanged = t(this, "checkedChanged", 7);
+    t(this, e);
+    this.selectionChanged = r(this, "selectionChanged", 7);
+    this.checkedChanged = r(this, "checkedChanged", 7);
     this.theTitle = undefined;
     this.checkboxes = false;
     this.singleSelection = false;
@@ -217,128 +238,127 @@ const f = class {
   /*********************************
     METHODS
     *********************************/  async getSelectedItems() {
-    const r = this.getSelectedItemsFunc();
-    const t = [];
-    r.forEach((r => {
-      t.push({
-        active: r.active,
-        selected: r.selected,
-        checked: r.checked,
-        index: r.index,
-        value: r.value
+    const t = this.getSelectedItemsFunc();
+    const r = [];
+    t.forEach((t => {
+      r.push({
+        active: t.active,
+        selected: t.selected,
+        checked: t.checked,
+        index: t.index,
+        value: t.value || t.textContent
       });
     }));
-    return t;
+    return r;
   }
   componentDidRender() {
     if (this.theTitle) {
       this.headerHeight = this.header.clientHeight;
     }
   }
-  componentWillLoad() {
-    this.initialSetup();
-  }
   componentDidLoad() {
-    this.setInitialActive();
+    //this.setInitialActive();
   }
   itemLoadedHandler() {
-    //this.initialSetup();
+    this.initialSetup();
+    this.updateSelectedItems();
   }
-  itemClickedHandler(r) {
+  itemClickedHandler(t) {
+    const {clickedItem: r, ctrlKey: e, cmdKey: o, shiftKey: i, index: a} = t["detail"];
+    if (this.singleSelection) {
+      this.setActiveItem(r);
+    }
     this.containerEl.focus();
-    const {clickedItem: t, ctrlKey: e, cmdKey: o, shiftKey: i, index: a} = r["detail"];
     //this.clearActiveItem();
         if (this.singleSelection) {
-      if (this.activeItem === t && !this.allowsEmpty) {
+      if (r.selected && !this.allowsEmpty) {
         /*same item. do nothing.*/
         return;
       }
       if (this.allowsEmpty && (e || o)) {
-        this.unselectItems(t);
+        this.unselectItems(r);
       } else {
         this.clearHighlightedItems();
         this.clearSelectedItems();
-        this.selectItems(t);
-        this.highlightItem(t);
+        this.selectItems(r);
+        this.highlightItem(r);
       }
     } else {
       /*multiple-selection allowed*/
-      if (i || !e) {
+      if (i || !o && !o) {
         this.clearHighlightedItems();
         this.clearSelectedItems();
       }
       if (i) {
-        if (this.activeItem === t) return;
-        let r;
+        if (this.activeItem === r) return;
+        let t;
         const e = a;
         if (this.activeItem) {
-          const t = this.getIndexByElement(this.activeItem);
-          if (a === t) {
+          const r = this.getIndexByElement(this.activeItem);
+          if (a === r) {
             return;
           }
-          r = t;
+          t = r;
         } else {
-          r = 0;
+          t = 0;
         }
-        this.selectMultipleItems(r, e);
-      } else if (e) {
-        if (!this.allowsEmpty && this.selectedItemsLength() === 1 && t.selected) {
+        this.selectMultipleItems(t, e);
+      } else if (e || o) {
+        if (!this.allowsEmpty && this.selectedItemsLength() === 1 && r.selected) {
           return;
         }
         this.unhighlightItem(this.activeItem);
-        this.toggleItem(t);
-        this.highlightItem(t);
+        this.toggleItem(r);
+        this.highlightItem(r);
       } else {
-        this.selectItems(t);
-        this.highlightItem(t);
+        this.selectItems(r);
+        this.highlightItem(r);
       }
     }
-    this.setActiveItem(t);
+    this.setActiveItem(r);
+    this.evaluateSelectedItems();
   }
-  selectedItemsHandler(r) {
-    if (!this.firstChange && (r.length > 0 || this.emitEmptySelection)) {
-      this.selectionChanged.emit({
-        items: r
-      });
-    }
-    this.firstChange = false;
+  selectedItemsHandler(t) {
+    this.selectionChanged.emit({
+      items: t
+    });
   }
-  checkedItemsHandler(r) {
-    this.checkedChanged.emit(r);
+  checkedItemsHandler(t) {
+    this.checkedChanged.emit(t);
   }
-  disabledHandler(r) {
-    if (r) {
-      const r = this.getEnabledItems();
-      r === null || r === void 0 ? void 0 : r.forEach((r => {
-        r.disabled = true;
+  disabledHandler(t) {
+    if (t) {
+      const t = this.getEnabledItems();
+      t === null || t === void 0 ? void 0 : t.forEach((t => {
+        t.disabled = true;
       }));
     } else {
-      const r = this.getDisabledItems();
-      r === null || r === void 0 ? void 0 : r.forEach((r => {
-        r.disabled = false;
+      const t = this.getDisabledItems();
+      t === null || t === void 0 ? void 0 : t.forEach((t => {
+        t.disabled = false;
       }));
     }
   }
-  hideKeyboardSuggestionsHandler(r, t) {
-    r === true && t === false && localStorage.setItem("gxg-list-box-hide-keyboard-suggestions", "true");
+  hideKeyboardSuggestionsHandler(t, r) {
+    t === true && r === false && localStorage.setItem("gxg-list-box-hide-keyboard-suggestions", "true");
   }
   itemSelectedHandler() {
     this.setSiblingSelected();
   }
-  checkboxStateChangedHandler(r) {
-    const t = r.detail.checkedItem;
-    const e = r.detail.checked;
+  checkboxStateChangedHandler(t) {
+    const r = t.detail.checkedItem;
+    const e = t.detail.checked;
     /*Update checkboxes array*/    const o = [];
     const i = this.getEnabledItems();
     if (i === null || i === void 0 ? void 0 : i.length) {
-      i.forEach((r => {
+      i.forEach((t => {
         let i;
-        if (r === t) {
-          i = t;
-        } else {
+        if (t === r) {
           i = r;
+        } else {
+          i = t;
         }
-        const a = r === t ? e : i.checked;
+        const a = t === r ? e : i.checked;
         if (i && a) {
           o.push({
             active: i.active,
@@ -356,237 +376,231 @@ const f = class {
       this.hideKeyboardSuggestions = false;
     }
   }
-  clearSelectedItems(r = false) {
-    const t = r ? this.el.querySelectorAll("gxg-list-box-item[selected]:not([highlighted])") : this.el.querySelectorAll("gxg-list-box-item[selected]");
-    if (t.length > 0) {
-      t.forEach((r => {
-        this.unselectItems(r);
+  clearSelectedItems(t = false) {
+    const r = t ? this.el.querySelectorAll("gxg-list-box-item[selected]:not([highlighted])") : this.el.querySelectorAll("gxg-list-box-item[selected]");
+    if (r.length > 0) {
+      r.forEach((t => {
+        this.unselectItems(t);
       }));
     }
   }
   getSelectedItemsFunc() {
-    const r = [];
-    const t = this.getAllItems();
-    if (t === null || t === void 0 ? void 0 : t.length) {
-      t.forEach((t => {
-        t.selected && r.push(t);
+    const t = [];
+    const r = this.getAllItems();
+    if (r === null || r === void 0 ? void 0 : r.length) {
+      r.forEach((r => {
+        r.selected && t.push(r);
       }));
     }
-    return r;
+    return t;
   }
-  /* HIGHLIGHTED */  highlightItem(r, t = false) {
-    if (r) {
+  /* HIGHLIGHTED */  highlightItem(t, r = false) {
+    if (t) {
       this.singleSelection && this.clearHighlightedItems();
-      r.highlighted = true;
-      !t && (this.activeItem = r);
+      t.highlighted = true;
+      !r && (this.activeItem = t);
     }
   }
-  unhighlightItem(r) {
-    if (r) {
-      r.highlighted = false;
+  unhighlightItem(t) {
+    if (t) {
+      t.highlighted = false;
     }
   }
-  unhighlightAll(r = false) {
-    const t = this.getEnabledItems();
-    if (t === null || t === void 0 ? void 0 : t.length) {
-      t.forEach((t => {
-        r && t === this.activeItem ? null : t.highlighted = false;
+  unhighlightAll(t = false) {
+    const r = this.getEnabledItems();
+    if (r === null || r === void 0 ? void 0 : r.length) {
+      r.forEach((r => {
+        t && r === this.activeItem ? null : r.highlighted = false;
       }));
-      return t.length;
+      return r.length;
     }
     return 0;
   }
   toggleHighlightedItems() {
-    const r = this.getHighlightedItems();
-    r.forEach((r => {
-      this.toggleItem(r);
+    const t = this.getHighlightedItems();
+    t.forEach((t => {
+      this.toggleItem(t);
     }));
   }
   selectHighlightedItems() {
-    const r = this.selectItems(this.getHighlightedItems());
-    return r;
+    const t = this.selectItems(this.getHighlightedItems());
+    return t;
   }
   unselectHighlightedItems() {
-    const r = this.unselectItems(this.getHighlightedItems());
-    return r;
+    const t = this.unselectItems(this.getHighlightedItems());
+    return t;
   }
   clearHighlightedItems() {
-    const r = this.getEnabledItems();
-    if (r === null || r === void 0 ? void 0 : r.length) {
-      r.forEach((r => {
-        r.highlighted && this.unhighlightItem(r);
+    const t = this.getEnabledItems();
+    if (t === null || t === void 0 ? void 0 : t.length) {
+      t.forEach((t => {
+        t.highlighted && this.unhighlightItem(t);
       }));
     }
   }
   getHighlightedItems() {
-    const r = [];
-    const t = this.getEnabledItems();
-    if (t === null || t === void 0 ? void 0 : t.length) {
-      t.forEach((t => {
-        t.highlighted && r.push(t);
+    const t = [];
+    const r = this.getEnabledItems();
+    if (r === null || r === void 0 ? void 0 : r.length) {
+      r.forEach((r => {
+        r.highlighted && t.push(r);
       }));
     }
-    return r;
+    return t;
   }
   getHighlightedItemsLength() {
     return this.getHighlightedItems().length;
   }
   highlightAll() {
-    let r = 0;
-    const t = this.getEnabledItems();
-    if (t === null || t === void 0 ? void 0 : t.length) {
-      t.forEach((t => {
-        this.highlightItem(t, true);
-        r++;
+    let t = 0;
+    const r = this.getEnabledItems();
+    if (r === null || r === void 0 ? void 0 : r.length) {
+      r.forEach((r => {
+        this.highlightItem(r, true);
+        t++;
       }));
     }
-    return r;
+    return t;
   }
-  /* INDEX */  getItemByIndex(r) {
-    const t = this.getEnabledItems();
+  /* INDEX */  getItemByIndex(t) {
+    const r = this.getEnabledItems();
     let e;
-    if (t === null || t === void 0 ? void 0 : t.length) {
-      e = t.find((t => t.index === r));
+    if (r === null || r === void 0 ? void 0 : r.length) {
+      e = r.find((r => r.index === t));
     }
     return e;
   }
-  /* PREV/NEXT */  getNextItem(r) {
-    const t = this.getAllItems();
-    if (r === -1) {
-      return t[0];
-    }
-    const e = t.length;
-    let o = r + 1;
-    while (o < e && t[o].disabled) {
-      o++;
-    }
-    if (o < e && !t[o].disabled) {
-      return t[o];
+  /* PREV/NEXT */  getNextItem(t) {
+    const r = this.getEnabledItems();
+    const e = r.findIndex((r => r === t));
+    //If is the last item, select the first one
+        if (e === r.length - 1) {
+      return r[0];
+    } else {
+      return r[e + 1];
     }
-    return null;
   }
-  getPrevItem(r) {
-    const t = this.getAllItems();
-    let e = r - 1;
-    while (e > -1 && t[e].disabled) {
-      e--;
-    }
-    if (e > -1 && !t[e].disabled) {
-      return t[e];
+  getPrevItem(t) {
+    const r = this.getEnabledItems();
+    const e = r.findIndex((r => r === t));
+    //If is the first item, select the last one
+        if (e === 0) {
+      return r[r.length - 1];
+    } else {
+      return r[e - 1];
     }
-    return null;
   }
-  /* SELECTED */  selectItems(r) {
-    let t = 0;
-    if (r && Array.isArray(r) && r.length > 0) {
-      r.forEach((r => {
-        if (!r.selected && !r.disabled) {
-          (r.selected = true) && t++;
+  /* SELECTED */  selectItems(t) {
+    let r = 0;
+    if (t && Array.isArray(t) && t.length > 0) {
+      t.forEach((t => {
+        if (!t.selected && !t.disabled) {
+          (t.selected = true) && r++;
         }
-        this.activeItem !== r && this.unhighlightItem(r);
+        this.activeItem !== t && this.unhighlightItem(t);
       }));
-    } else if (r && !Array.isArray(r)) {
-      if (!r.selected && !r.disabled) {
-        (r.selected = true) && t++;
+    } else if (t && !Array.isArray(t)) {
+      if (!t.selected && !t.disabled) {
+        (t.selected = true) && r++;
       }
-      this.activeItem !== r && this.unhighlightItem(r);
+      this.activeItem !== t && this.unhighlightItem(t);
     }
-    this.updateSelectedItems();
-    return t;
+    //this.updateSelectedItems();
+        return r;
   }
-  unselectItems(r) {
-    let t = 0;
+  unselectItems(t) {
+    let r = 0;
     let e = this.selectedItemsLength();
-    if (r && Array.isArray(r) && r.length > 0 && e > 0) {
-      r.forEach((r => {
-        if (r.selected && !r.disabled) {
+    if (t && Array.isArray(t) && t.length > 0 && e > 0) {
+      t.forEach((t => {
+        if (t.selected && !t.disabled) {
           if (this.allowsEmpty) {
-            r.selected = false;
-            t++;
+            t.selected = false;
+            r++;
           } else {
             /*al least one item has to stay selected*/
             if (e > 1) {
-              r.selected = false;
-              t++;
+              t.selected = false;
+              r++;
               e--;
             }
           }
         }
-        this.activeItem !== r && this.unhighlightItem(r);
+        this.activeItem !== t && this.unhighlightItem(t);
       }));
-    } else if (r && !Array.isArray(r)) {
-      if (r.selected && !r.disabled) {
-        r.selected = false;
-        t++;
+    } else if (t && !Array.isArray(t)) {
+      if (t.selected && !t.disabled) {
+        t.selected = false;
+        r++;
       }
-      this.activeItem !== r && this.unhighlightItem(r);
+      this.activeItem !== t && this.unhighlightItem(t);
     }
-    t > 0 && this.updateSelectedItems();
-    return t;
+    //unselected > 0 && this.updateSelectedItems();
+        return r;
   }
-  toggleItem(r) {
-    if (r === null || r === void 0 ? void 0 : r.selected) {
-      this.unselectItems(r);
+  toggleItem(t) {
+    if (t === null || t === void 0 ? void 0 : t.selected) {
+      this.unselectItems(t);
     } else {
-      this.selectItems(r);
+      this.selectItems(t);
     }
   }
   /* ACTIVE */  getActiveItem() {
-    const r = this.getEnabledItems();
-    return r.find((r => r.active));
+    const t = this.getEnabledItems();
+    return t.find((t => t.active));
   }
-  setActiveItem(r) {
-    if (r) {
+  setActiveItem(t) {
+    if (t) {
       this.clearActiveItem();
- /*Only one active item allowed at a time*/      r.active = true;
-      this.activeItem = r;
+ /*Only one active item allowed at a time*/      t.active = true;
+      this.activeItem = t;
       return true;
     }
     return false;
   }
   clearActiveItem() {
-    const r = this.getActiveItem();
-    if (r) {
-      r.active = false;
+    const t = this.getActiveItem();
+    if (t) {
+      t.active = false;
       return true;
     }
     return false;
   }
   /* ENABLED */  getEnabledItems() {
-    const r = [];
-    const t = this.el.querySelectorAll("gxg-list-box-item");
-    t.forEach((t => {
-      !t.disabled && r.push(t);
+    const t = [];
+    const r = this.el.querySelectorAll("gxg-list-box-item");
+    r.forEach((r => {
+      !r.disabled && t.push(r);
     }));
-    return r;
+    return t;
   }
   /* DISABLED*/  getDisabledItems() {
-    const r = [];
-    const t = this.el.querySelectorAll("gxg-list-box-item");
-    t.forEach((t => {
-      t.disabled && r.push(t);
+    const t = [];
+    const r = this.el.querySelectorAll("gxg-list-box-item");
+    r.forEach((r => {
+      r.disabled && t.push(r);
     }));
-    return r;
+    return t;
   }
-  /* CHECKBOX */  setCheckboxState(r, t = true) {
-    if (r && Array.isArray(r) && r.length !== 0) {
+  /* CHECKBOX */  setCheckboxState(t, r = true) {
+    if (t && Array.isArray(t) && t.length !== 0) {
       let e = 0;
-      r.forEach((r => {
-        if (!r.checked && t) {
-          r.checked = true;
+      t.forEach((t => {
+        if (!t.checked && r) {
+          t.checked = true;
           e++;
-        } else if (r.checked && !t) {
-          r.checked = false;
+        } else if (t.checked && !r) {
+          t.checked = false;
           e++;
         }
       }));
       return e;
-    } else if (!(r && Array.isArray(r))) {
-      const e = r;
-      if (!e.checked && t) {
+    } else if (!(t && Array.isArray(t))) {
+      const e = t;
+      if (!e.checked && r) {
         e.checked = true;
         return 1;
-      } else if (e.checked && !t) {
+      } else if (e.checked && !r) {
         e.checked = false;
         return 1;
       }
@@ -597,28 +611,28 @@ const f = class {
     return this.getEnabledItems()[0] || null;
   }
   getFirstSelectedItem() {
-    const r = this.getEnabledItems();
-    if ((r === null || r === void 0 ? void 0 : r.length) && r[0].selected) {
-      return r[0];
+    const t = this.getEnabledItems();
+    if ((t === null || t === void 0 ? void 0 : t.length) && t[0].selected) {
+      return t[0];
     }
     return undefined;
   }
-  selectMultipleItems(r, t) {
-    let e = t;
+  selectMultipleItems(t, r) {
+    let e = r;
     const o = [];
-    if (r === t) {
+    if (t === r) {
       return;
-    } else if (r > t) {
-      const o = r;
-      r = t;
-      t = o;
-      e = r;
-    }
-    for (let i = r; i <= t; i++) {
-      const r = this.getItemByIndex(i);
-      r && o.push(r);
+    } else if (t > r) {
+      const o = t;
+      t = r;
+      r = o;
+      e = t;
+    }
+    for (let i = t; i <= r; i++) {
+      const t = this.getItemByIndex(i);
+      t && o.push(t);
       if (i === e) {
-        this.highlightItem(r);
+        this.highlightItem(t);
       }
     }
     if ((o === null || o === void 0 ? void 0 : o.length) > 0) {
@@ -627,18 +641,18 @@ const f = class {
   }
   renderKeyboardSuggestions() {
     if (Object.keys(this.keyboardSuggestions).length) {
-      const r = [];
-      for (const t in this.keyboardSuggestions) {
+      const t = [];
+      for (const r in this.keyboardSuggestions) {
         const e = o("li", {
           class: "suggestions-__list-item"
-        }, this.keyboardSuggestions[t]);
-        r.push(e);
+        }, this.keyboardSuggestions[r]);
+        t.push(e);
       }
       return o("div", {
         class: "suggestions suggestions__container"
       }, o("ul", {
         class: "suggestions__list"
-      }, r), o("gxg-button", {
+      }, t), o("gxg-button", {
         class: "suggestions__button",
         type: "secondary-icon-only",
         icon: "gemini-tools/close",
@@ -651,11 +665,11 @@ const f = class {
       class: {
         large: c.large,
         "has-title": !!this.theTitle,
-        [n["VALIDATION_INDETERMINATE_CLASS"]]: this.validationStatus === "indeterminate",
-        [n["VALIDATION_WARNING_CLASS"]]: this.validationStatus === "warning",
-        [n["VALIDATION_ERROR_CLASS"]]: this.validationStatus === "error",
-        [n["VALIDATION_SUCCESS_CLASS"]]: this.validationStatus === "success",
-        [s["DISABLED_CLASS"]]: this.disabled
+        [s["VALIDATION_INDETERMINATE_CLASS"]]: this.validationStatus === "indeterminate",
+        [s["VALIDATION_WARNING_CLASS"]]: this.validationStatus === "warning",
+        [s["VALIDATION_ERROR_CLASS"]]: this.validationStatus === "error",
+        [s["VALIDATION_SUCCESS_CLASS"]]: this.validationStatus === "success",
+        [n["DISABLED_CLASS"]]: this.disabled
       },
       onKeyDown: this.handleKeyDown
     }, o("div", {
@@ -664,12 +678,12 @@ const f = class {
         "form-element": true
       },
       tabindex: this.disabled ? "-1" : "0",
-      ref: r => this.containerEl = r
+      ref: t => this.containerEl = t
     }, this.theTitle ? o("header", {
       class: {
         header: true
       },
-      ref: r => this.header = r
+      ref: t => this.header = t
     }, this.theTitle) : null, !this.disableSuggestions && !this.hideKeyboardSuggestions ? this.renderKeyboardSuggestions() : null, o("main", {
       class: {
         main: true
@@ -677,7 +691,7 @@ const f = class {
       style: {
         height: `calc(100% - ${this.headerHeight}px)`
       },
-      ref: r => this.main = r
+      ref: t => this.main = t
     }, o("slot", null))), a(this));
   }
   static get watchers() {
@@ -692,27 +706,27 @@ const f = class {
 f.style = h;
-const d = ":host(.gxg--disabled) .form-element,:host(.gxg--disabled.form-element){pointer-events:none;background-color:var(--gxg-background-color--disabled) !important;color:var(--gxg-color--disabled) !important;border-color:var(--gxg-border-color--disabled) !important;cursor:default !important}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);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(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.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-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{cursor:initial}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px);height:var(--gxg-scrollbar-width, 6px)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px);border:var(--gxg-scrollbar-track-thumb-border);background-clip:padding-box}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04)}:host{display:block;font-family:var(--font-family-primary);font-size:inherit;color:inherit;display:flex;box-sizing:border-box;align-items:center;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-o-user-select:none;outline:none;border-bottom:1px solid transparent}:host .container{display:flex;align-items:center;padding:var(--spacing-comp-00) var(--spacing-comp-02);width:100%;height:var(--gxg-list-item-height--spaced);box-sizing:border-box}:host .icon{margin-inline-end:var(--spacing-comp-01);flex-shrink:0}:host gxg-form-checkbox{margin-inline-end:var(--spacing-comp-01)}:host gxg-form-checkbox::part(box){outline:none}:host(:not([disabled])){cursor:pointer !important}:host([disabled]){pointer-events:none;border-bottom:transparent}:host(:hover:not([selected])){background-color:var(--gxg-background-color--hover)}:host(.has-icon.no-checkbox) .container{padding-inline-start:calc(var(--spacing-comp-01) * 1.5)}.description{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;}:host([active]){outline:var(--border-width-md) solid var(--gxg-border-color--focused);outline-offset:-2px;background-color:var(--gxg-background-color--hover);color:var(--gxg-color--hover)}:host([selected]:not(.gxg--disabled)){background-color:var(--gxg-background-color--selected);color:var(--gxg-color--selected)}:host([selected][sibling-is-selected]:not(.gxg--disabled)){border-bottom-color:var(--gxg-border-color--selected)}:host([selected]:hover){background-color:var(--gxg-background-color--selected-hover)}:host(:not([sibling-is-selected])){border-bottom-color:transparent}:host(.large) .container{padding:var(--spacing-comp-01) var(--spacing-comp-02)}";
+const d = ":host(.gxg--disabled) .form-element,:host(.gxg--disabled.form-element){pointer-events:none;background-color:var(--gxg-background-color--disabled) !important;color:var(--gxg-color--disabled) !important;border-color:var(--gxg-border-color--disabled) !important;cursor:default !important}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);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(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.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-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{cursor:initial}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px);height:var(--gxg-scrollbar-width, 6px)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px);border:var(--gxg-scrollbar-track-thumb-border);background-clip:padding-box}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04)}:host{display:block;font-family:var(--font-family-primary);font-size:inherit;color:inherit;display:flex;box-sizing:border-box;align-items:center;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-o-user-select:none;outline:none;border-bottom:1px solid transparent}:host .container{display:flex;align-items:center;padding:var(--spacing-comp-00) var(--spacing-comp-02);width:100%;height:var(--gxg-list-item-height--spaced);box-sizing:border-box}:host .icon{margin-inline-end:var(--spacing-comp-01);flex-shrink:0}:host gxg-form-checkbox{margin-inline-end:var(--spacing-comp-01)}:host gxg-form-checkbox::part(box){outline:none}:host(:not([disabled])){cursor:pointer !important}:host([disabled]){pointer-events:none;border-bottom:transparent}:host(:hover:not([selected])){background-color:var(--gxg-background-color--hover)}:host(.has-icon.no-checkbox) .container{padding-inline-start:calc(var(--spacing-comp-01) * 1.5)}.description{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;}:host([active]){outline:var(--border-width-md) solid var(--gxg-border-color--focused);outline-offset:-2px;color:var(--gxg-color--hover)}:host([selected]:not(.gxg--disabled)){background-color:var(--gxg-background-color--selected);color:var(--gxg-color--selected)}:host([selected][sibling-is-selected]:not(.gxg--disabled)){border-bottom-color:var(--gxg-border-color--selected)}:host([selected]:hover){background-color:var(--gxg-background-color--selected-hover)}:host(:not([sibling-is-selected])){border-bottom-color:transparent}:host(.large) .container{padding:var(--spacing-comp-01) var(--spacing-comp-02)}";
 const m = class {
   constructor(e) {
     this.parts = {
       checkbox: "checkbox"
     };
-    this.handleCheckboxClick = r => {
-      r.stopPropagation();
-      r.target.checked ? this.checked = true : this.checked = false;
+    this.handleCheckboxClick = t => {
+      t.stopPropagation();
+      t.target.checked ? this.checked = true : this.checked = false;
     };
     this.attachExportParts = () => {
-      const r = this.el.getAttribute("part");
-      const t = g(r, this.parts);
-      t.length && (this.exportparts = t);
+      const t = this.el.getAttribute("part");
+      const r = g(t, this.parts);
+      r.length && (this.exportparts = r);
     };
-    r(this, e);
-    this.itemClicked = t(this, "itemClicked", 7);
-    this.itemLoaded = t(this, "itemLoaded", 7);
-    this.itemSelected = t(this, "itemSelected", 7);
-    this.checkboxStateChanged = t(this, "checkboxStateChanged", 7);
+    t(this, e);
+    this.itemClicked = r(this, "itemClicked", 7);
+    this.itemLoaded = r(this, "itemLoaded", 7);
+    this.itemSelected = r(this, "itemSelected", 7);
+    this.checkboxStateChanged = r(this, "checkboxStateChanged", 7);
     this.disabled = undefined;
     this.icon = undefined;
     this.selected = false;
@@ -732,11 +746,11 @@ const m = class {
   watchPropHandler() {
     this.itemSelected.emit();
   }
-  checkboxChangedHandler(r) {
-    const t = r.detail.value;
+  checkboxChangedHandler(t) {
+    const r = t.detail.value;
     this.emitCheckboxChange && this.checkboxStateChanged.emit({
       checkedItem: this.el,
-      checked: t
+      checked: r
     });
   }
   iconColor() {
@@ -752,14 +766,16 @@ const m = class {
     this.attachExportParts();
   }
   componentDidLoad() {
-    this.itemLoaded.emit();
+    this.itemLoaded.emit({
+      value: this.value
+    });
   }
-  itemClickedFunc(r) {
+  itemClickedFunc(t) {
     this.itemClicked.emit({
       clickedItem: this.el,
-      ctrlKey: r.ctrlKey,
-      cmdKey: r.metaKey,
-      shiftKey: r.shiftKey,
+      ctrlKey: t.ctrlKey,
+      cmdKey: t.metaKey,
+      shiftKey: t.shiftKey,
       index: this.index
     });
   }
@@ -775,7 +791,7 @@ const m = class {
         "has-icon": this.icon !== undefined,
         "no-checkbox": !this.checkbox,
         large: c.large,
-        [s["DISABLED_CLASS"]]: this.disabled
+        [n["DISABLED_CLASS"]]: this.disabled
       },
       onClick: this.itemClickedFunc.bind(this),
       // onMouseOver={this.onMouseOver.bind(this)}
@@ -811,4 +827,4 @@ const m = class {
 m.style = d;
 export { f as gxg_list_box, m as gxg_list_box_item };
-//# sourceMappingURL=p-635dacc5.entry.js.map
+//# sourceMappingURL=p-7c7c26ab.entry.js.map