@genexus/genexus-ide-ui 0.0.18 → 0.0.20

package/dist/components/gx-ide-references.js

@@ -31,7 +31,7 @@ const renderSuggestLists = (suggestData) => {
   return [];
 };
 const renderSuggestListsItem = (suggestItem) => {
-  return (h("ch-suggest-list-item", { description: suggestItem.description, value: suggestItem.value }, [suggestItem.label, suggestItem.icon && renderIcon(suggestItem.icon)]));
+  return (h("ch-suggest-list-item", { description: suggestItem.description, value: suggestItem.value }, [suggestItem.caption, suggestItem.icon && renderIcon(suggestItem.icon)]));
 };
 const renderIcon = (iconName) => {
   return h("gxg-icon", { color: "auto", type: iconName, slot: "icon" });
@@ -54,7 +54,7 @@ const convertObjectDataToSuggestData = (selectorCategoriesData) => {
       selectorCategory.items.forEach((objectData) => {
         const suggestItem = {
           value: objectData.id,
-          label: objectData.name,
+          caption: objectData.name,
           description: objectData.description,
           icon: objectData.icon
         };
@@ -319,10 +319,10 @@ const GxIdeReferences$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
   // 10.RENDER() FUNCTION //
   render() {
     var _a, _b, _c, _d, _e, _f;
-    return (h(Host, { class: "gx-ide-component" }, h("div", { class: "gx-ide-main-wrapper gx-ide-overflow" }, h("gx-ide-container", { displayBorderBottom: true }, h("header", { class: "header" }, h("div", { class: "header__top grid" }, h("gxg-button", { icon: "navigation/arrow-down", type: "secondary-icon-only", class: "hide-bar-button", onClick: this.hideBarButtonClickedHandler, part: "toggle-bar-button" }), h("gxg-label", { labelPosition: "start", class: "suggest-label", part: "select-object-label" }, this._componentLocale.header.selectObject), h("gxg-suggest", null, h("ch-suggest", { value: this.selectedObject.id, onValueChanged: this.selectObjectValueChangedHandler, ref: el => (this.selectObjectSuggestEl = el), part: "object-selector-suggest" }, renderSuggestLists(this.objectsSuggestions))), h("gxg-button", { type: "secondary-icon-only", icon: "gemini-tools/show-more-horizontal", onClick: this.openSelectorDialogCallbackHandler, class: "selector-dialog-button", part: "open-selector-dialog-button" })), h("div", { class: {
+    return (h(Host, { class: "gx-ide-component" }, h("div", { class: "gx-ide-main-wrapper gx-ide-overflow" }, h("gx-ide-container", { displayBorderBottom: true }, h("header", { class: "header" }, h("div", { class: "header__top grid" }, h("gxg-button", { icon: "navigation/arrow-down", type: "secondary-icon-only", class: "hide-bar-button", onClick: this.hideBarButtonClickedHandler, part: "toggle-bar-button" }), h("gxg-label", { labelPosition: "start", class: "suggest-label", part: "select-object-label" }, this._componentLocale.header.selectObject), h("gxg-suggest", null, h("ch-suggest", { value: this.selectedObject.id, onInputChanged: this.selectObjectValueChangedHandler, ref: el => (this.selectObjectSuggestEl = el), part: "object-selector-suggest" }, renderSuggestLists(this.objectsSuggestions))), h("gxg-button", { type: "secondary-icon-only", icon: "gemini-tools/show-more-horizontal", onClick: this.openSelectorDialogCallbackHandler, class: "selector-dialog-button", part: "open-selector-dialog-button" })), h("div", { class: {
         "header__bottom": true,
         "header__bottom--hidden": this.barHidden
-      } }, h("div", { class: "outer-wrapper" }, h("div", { class: "inner-wrapper" }, h("div", { class: "inner-wrapper__left" }, h("gxg-icon", { type: this.selectedObject.icon, color: "auto" }), h("gxg-text", { padding: "s", type: "text-link", part: "open-object-text-link", onClick: this.openObjectCallbackHandler }, `${this.selectedObject.name} : ${this.selectedObject.description}`)), h("div", { class: "inner-wrapper__right gxi-hidden" }, h("gxg-form-checkbox", { id: "references-by-type", label: "Group references by type", required: true, "display-validation-styles": true, part: "references-type-checkbox" }))))))), h("main", { class: "main grid" }, h("gx-ide-container", { containerTitle: this._componentLocale.main.isReferencedBy, justifyContent: "center", fullHeight: true, part: "referenced-by-container" }, h("gxg-tree", { class: { "gxi-hidden": !((_a = this.referencedByTreeData) === null || _a === void 0 ? void 0 : _a.length) }, checkbox: true, onTreeItemStateChanged: this.referencesPanelStateChangedHandler(false), part: "referenced-by-tree" }, renderTreeItems(this.referencedByTreeData)), !((_b = this.referencedByTreeData) === null || _b === void 0 ? void 0 : _b.length) && (h("gxg-text", { textAlign: "center", padding: "m", type: "text-regular", maxWidth: this.referencesMessagesMaxWidth, part: "referenced-by-text" }, ((_c = this.referencedByTreeData) === null || _c === void 0 ? void 0 : _c.length) === 0
+      } }, h("div", { class: "outer-wrapper" }, h("div", { class: "inner-wrapper" }, h("div", { class: "inner-wrapper__left" }, h("gxg-icon", { type: this.selectedObject.icon, color: "auto" }), h("gxg-text", { padding: "s", type: "text-link", part: "open-object-text-link", onClick: this.openObjectCallbackHandler }, `${this.selectedObject.name} : ${this.selectedObject.description}`)), h("div", { class: "inner-wrapper__right gxi-hidden" }, h("gxg-form-checkbox", { id: "references-by-type", label: "Group references by type", required: true, "display-validation-styles": true, part: "references-type-checkbox" }))))))), h("main", { class: "main grid" }, h("gx-ide-container", { containerTitle: this._componentLocale.main.isReferencedBy, justifyContent: "center", fullHeight: true, part: "referenced-by-container" }, h("gxg-tree", { class: { "gxi-hidden": !((_a = this.referencedByTreeData) === null || _a === void 0 ? void 0 : _a.length) }, checkbox: false, onTreeItemStateChanged: this.referencesPanelStateChangedHandler(false), part: "referenced-by-tree" }, renderTreeItems(this.referencedByTreeData)), !((_b = this.referencedByTreeData) === null || _b === void 0 ? void 0 : _b.length) && (h("gxg-text", { textAlign: "center", padding: "m", type: "text-regular", maxWidth: this.referencesMessagesMaxWidth, part: "referenced-by-text" }, ((_c = this.referencedByTreeData) === null || _c === void 0 ? void 0 : _c.length) === 0
       ? this._componentLocale.main.isReferencedByEmpty
       : this._componentLocale.main.isReferencedByError))), h("gx-ide-container", { containerTitle: this._componentLocale.main.hasReferencesTo, justifyContent: "center", fullHeight: true, part: "references-to-container" }, h("gxg-tree", { class: { "gxi-hidden": !((_d = this.referencesToTreeData) === null || _d === void 0 ? void 0 : _d.length) }, checkbox: false, onTreeItemStateChanged: this.referencesPanelStateChangedHandler(true), part: "references-to-tree" }, renderTreeItems(this.referencesToTreeData)), !((_e = this.referencesToTreeData) === null || _e === void 0 ? void 0 : _e.length) && (h("gxg-text", { textAlign: "center", padding: "m", type: "text-regular", maxWidth: this.referencesMessagesMaxWidth, part: "references-to-text" }, ((_f = this.referencesToTreeData) === null || _f === void 0 ? void 0 : _f.length) === 0
       ? this._componentLocale.main.hasReferencesEmpty

package/dist/components/index.js

@@ -38,6 +38,7 @@ export { ChSidebarMenuList, defineCustomElement as defineCustomElementChSidebarM
 export { ChSidebarMenuListItem, defineCustomElement as defineCustomElementChSidebarMenuListItem } from './ch-sidebar-menu-list-item.js';
 export { ChStepList, defineCustomElement as defineCustomElementChStepList } from './ch-step-list.js';
 export { ChStepListItem, defineCustomElement as defineCustomElementChStepListItem } from './ch-step-list-item.js';
+export { ChStyle, defineCustomElement as defineCustomElementChStyle } from './ch-style.js';
 export { ChSuggest, defineCustomElement as defineCustomElementChSuggest } from './ch-suggest.js';
 export { ChSuggestList, defineCustomElement as defineCustomElementChSuggestList } from './ch-suggest-list.js';
 export { ChSuggestListItem, defineCustomElement as defineCustomElementChSuggestListItem } from './ch-suggest-list-item.js';

package/dist/esm/ch-accordion.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-4f0a5746.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-7d5d0c30.js';
 
 const accordionCss = ":where(button){all:unset}*,::before,::after{box-sizing:border-box}:host{--chevron:url('data:image/svg+xml,<svg width=\"14\" height=\"8\" viewBox=\"0 0 14 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1.645 0.5L7 4.83019L12.355 0.5L14 1.83962L7 7.5L0 1.83962L1.645 0.5Z\" fill=\"%23000\"/></svg>');display:grid;grid-template-rows:min-content min-content;width:100%;height:100%;text-align:start}.header{display:grid;grid-template-columns:1fr min-content;grid-template-rows:1fr;text-align:start;cursor:pointer}.chevron{align-self:center;width:14px;height:8px;-webkit-mask:var(--chevron);background-color:#000;transition:transform 250ms}.chevron--expanded{transform:rotate(180deg)}.expandable{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows 250ms}.expanded{visibility:visible;grid-template-rows:1fr}.expandable ::slotted(*){height:100%;overflow:hidden}";
 

package/dist/esm/ch-drag-bar.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-4f0a5746.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-7d5d0c30.js';
 
 const dragBarCss = "*,::before,::after{box-sizing:border-box}:host{display:flex;width:100%;height:100%}.container{display:flex;width:100%;height:100%}.bar{position:relative;width:4px;background-color:#323942;cursor:col-resize}.bar-item{position:absolute;inset-block-start:calc(50% - 35px);inset-inline-start:calc(2px - 10px);display:flex;align-items:center;justify-content:center;background-color:#2d333a;border-radius:10px;width:20px;height:70px;padding:7px 4px;touch-action:manipulation;user-select:none}.bar-item-src{display:block;width:100%;height:100%;pointer-events:none}.bar-item-src--rtl{transform:rotateY(180deg)}.start-component{display:flex;width:var(--ch-drag-bar__start-component-width);max-width:calc(100% - 10px - 2px)}.end-component{display:flex;flex:1}";
 

package/dist/esm/ch-dropdown-item-separator.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-4f0a5746.js';
+import { r as registerInstance, h, H as Host } from './index-7d5d0c30.js';
 
 const dropdownItemSeparatorCss = ":host{display:flex;height:1px;background-color:#99999980;margin-block:2px}";
 

package/dist/esm/ch-dropdown-item.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-4f0a5746.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-7d5d0c30.js';
 
 const dropdownItemCss = ":where(a,button){all:unset}*,::before,::after{box-sizing:border-box}@media (prefers-color-scheme: light){.action:focus,.action:hover{background-color:#ccc}.action:active{background-color:#e9e9e9}}@media (prefers-color-scheme: dark){.action:focus,.action:hover{background-color:#3e3e40}.action:active{background-color:#575965}}:host{display:flex;width:100%;height:100%}.action{display:flex;align-items:center;column-gap:8px;width:100%;height:100%;cursor:pointer;padding-block:8px;padding-inline:16px;font-size:0.875em;text-align:start;transition-property:background-color, border-color, box-shadow, color, filter, opacity;transition-duration:250ms}.left-img,.right-img{display:block;width:24px;height:24px;min-width:24px}.content{width:100%}";
 

package/dist/esm/ch-dropdown.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-4f0a5746.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-7d5d0c30.js';
 
 const dropdownCss = ":where(button){all:unset}*,::before,::after{box-sizing:border-box}@media (prefers-color-scheme: light){.section{background-color:#fbfbfb;color:#000}}@media (prefers-color-scheme: dark){.section{background-color:#242426;color:#e9e9e9}}:host{--ch-dropdown-rtl-initial-X:1;--ch-dropdown-translateX:0;--ch-dropdown-translateY:0;display:flex;position:relative;width:100%;height:100%}.expandable-button{display:flex;position:relative;width:100%;height:100%;cursor:pointer;z-index:108}.expandable-button:focus-within{box-shadow:0px 0px 0 1px currentColor;transition:box-shadow 250ms}.dummy-separation{display:flex;position:absolute;z-index:107}.dummy-separation--vertical{width:100%;height:var(--separation-between-button-size)}.dummy-separation--top{inset-block-start:var(--separation-between-button)}.dummy-separation--bottom{inset-block-end:var(--separation-between-button)}.dummy-separation--horizontal{width:var(--separation-between-button-size);height:100%}.dummy-separation--left{inset-inline-start:var(--separation-between-button)}.dummy-separation--right{inset-inline-end:var(--separation-between-button)}.section{position:absolute;border-radius:5px;box-shadow:0 3px 4px #80808024, 0 3px 3px -2px #8080801f, 0 1px 8px #80808030;width:max-content;max-width:350px;z-index:107}.header+.list,.list+.footer{margin-block-start:8px}.list{display:flex;flex-direction:column;gap:4px}.position--top{inset-block-start:var(--separation-between-button);transform:translate(var(--ch-dropdown-translateX), -100%)}.position--right{inset-inline-end:var(--separation-between-button);transform:translate(calc(100% * var(--ch-dropdown-rtl-initial-X)), var(--ch-dropdown-translateY))}.position--bottom{inset-block-end:var(--separation-between-button);transform:translate(var(--ch-dropdown-translateX), 100%)}.position--left{inset-inline-start:var(--separation-between-button);transform:translate(calc(-100% * var(--ch-dropdown-rtl-initial-X)), var(--ch-dropdown-translateY))}.align--left{inset-inline-start:0}.align--center{inset-inline-start:50%;--ch-dropdown-translateX:calc(-50% * var(--ch-dropdown-rtl-initial-X))}.align--right{inset-inline-end:0}.valign--top{inset-block-start:0}.valign--middle{inset-block-start:50%;--ch-dropdown-translateY:calc(-50% * var(--ch-dropdown-rtl-initial-X))}.valign--bottom{inset-block-end:0}";
 

package/dist/esm/ch-form-checkbox.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-4f0a5746.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-7d5d0c30.js';
 
 const chFormCheckboxCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--ui-animaton-speed:0.2s}:host{display:flex}:host .label{display:block;margin-bottom:16px}:host .label:last-child{margin-bottom:0}:host input:focus+.checkmark{box-shadow:0px 0px 0px var(--border-width-sm) var(--color-primary-active);border-color:var(--color-primary-active) !important}:host input[disabled]{cursor:not-allowed}:host input[disabled]+.checkmark{border-color:var(--darkGray) !important;pointer-events:none}:host input[disabled]+.checkmark:after{border-color:var(--darkGray) !important}:host([inline]) .outer-wrapper{display:flex}:host([inline]) .label{margin-inline-end:var(--spacing-comp-04);margin-bottom:0}:host{}:host .label{display:flex;align-items:center;position:relative;cursor:pointer;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;display:flex;margin-bottom:var(--spacing-lay-xs)}:host .label__required{font-size:var(--font-size-xs);padding-left:var(--spacing-lay-xs)}:host .label input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}:host .label input[on-focus]+.checkmark{box-shadow:inset 0px 0px 0px 1px var(--color-primary-active);border-color:var(--color-primary-active) !important}:host .checkmark:focus{box-shadow:none}:host .checkmark{display:inline-block;position:relative;margin-inline-end:var(--spacing-comp-02);height:var(--spacing-comp-04);width:var(--spacing-comp-04);border-width:1px;border-style:solid;border-radius:3px;border-color:var(--gray-04);box-sizing:border-box;flex-shrink:0;background:var(--color-background)}:host .checkmark.no-label{margin-inline-end:0}:host .checkmark:after{content:\"\";position:absolute;display:none}:host .label input~.checkmark:after{display:block;border-color:transparent}:host .label input:checked~.checkmark:after{display:block;border-color:var(--color-primary-hover);transition-property:border-color;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease}:host .label input:checked~.checkmark{border-color:var(--color-primary-hover)}:host .label .checkmark:after{left:5px;top:2px;width:3px;height:7px;border:solid;border-color:var(--color-primary-hover);border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}:host([indeterminate]) .label input:checked~.checkmark:after{display:block;width:10px;height:2px;transform:rotate(0deg);border:0;background-color:var(--color-primary-hover);left:2px;top:6px}:host([disabled=true]) label{cursor:not-allowed}";
 

package/dist/esm/ch-global-stylesheet-f8bbf095.js

@@ -0,0 +1,3 @@
+const CH_GLOBAL_STYLESHEET = new CSSStyleSheet({ disabled: true });
+
+export { CH_GLOBAL_STYLESHEET as C };

package/dist/esm/ch-grid-action-refresh_6.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-4f0a5746.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-7d5d0c30.js';
 
 const chGridActionRefreshCss = "@layer ch-grid {\n  ch-grid-action-refresh[disabled] {\n    pointer-events: none;\n  }\n}";
 

package/dist/esm/ch-grid-column-display.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, g as getElement } from './index-4f0a5746.js';
+import { r as registerInstance, g as getElement } from './index-7d5d0c30.js';
 
 const chGridColumnDisplayCss = "@layer ch-grid {\n  ch-grid-column-display {\n    position: fixed !important;\n    width: 0 !important;\n    height: 0 !important;\n    padding: 0 !important;\n    border: none !important;\n    margin: 0 !important;\n    right: 0 !important;\n    bottom: 0 !important;\n    pointer-events: none !important;\n  }\n}";
 

package/dist/esm/ch-grid-row-actions.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-4f0a5746.js';
+import { r as registerInstance, h, H as Host } from './index-7d5d0c30.js';
 
 const chGridRowActionsCss = ":host{display:contents}";
 

package/dist/esm/ch-grid-rowset-empty.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance } from './index-4f0a5746.js';
+import { r as registerInstance } from './index-7d5d0c30.js';
 
 const chGridRowsetEmptyCss = "@layer ch-grid {\n  ch-grid-rowset-empty {\n    display: flex;\n    grid-column-start: 1;\n    grid-column-end: -1;\n    margin-inline-start: calc(var(--indent) * (var(--level)));\n  }\n}";
 

package/dist/esm/ch-grid-rowset-legend_2.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getAssetPath, g as getElement } from './index-4f0a5746.js';
-import { s as state } from './store-75f5d491.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getAssetPath, g as getElement } from './index-7d5d0c30.js';
+import { s as state } from './store-1b33440d.js';
 
 const chGridRowsetLegendCss = ":host{display:flex;grid-column-start:1;grid-column-end:-1;margin-inline-start:calc(var(--indent) * (var(--level) - 1))}:host::part(selector-label){display:none}";
 

package/dist/esm/ch-grid-virtual-scroller.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, g as getElement } from './index-4f0a5746.js';
+import { r as registerInstance, c as createEvent, g as getElement } from './index-7d5d0c30.js';
 
 const chGridVirtualScrollerCss = "@layer ch-grid {\n  ch-grid-virtual-scroller {\n    display: contents;\n  }\n\n  ch-grid-virtual-scroller::before {\n    content: \"\";\n    height: 0;\n    padding-top: inherit;\n    grid-column: 1/-1;\n    grid-row: 2;\n  }\n\n  ch-grid-virtual-scroller::after {\n    content: \"\";\n    height: 0;\n    padding-bottom: inherit;\n    grid-column: 1/-1;\n  }\n}";
 

package/dist/esm/ch-grid_7.entry.js

@@ -1,4 +1,5 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-4f0a5746.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-7d5d0c30.js';
+import { C as CH_GLOBAL_STYLESHEET } from './ch-global-stylesheet-f8bbf095.js';
 
 /**
  * The `ch-grid-row` component represents a grid row.
@@ -1501,6 +1502,7 @@ class ChGridManager {
     this.styleSheet.insertRule(`:host {}`, StyleRule.BASE_LAYER);
     this.styleSheet.insertRule(".main {}", StyleRule.COLUMNS_WIDTH);
     this.grid.shadowRoot.adoptedStyleSheets.push(this.styleSheet);
+    this.grid.shadowRoot.adoptedStyleSheets.push(CH_GLOBAL_STYLESHEET);
     this.columns = new ChGridManagerColumns(this);
     this.selection = new ChGridManagerSelection(this);
     this.rowActions = new ChGridManagerRowActions(this);

package/dist/esm/ch-icon_2.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, g as getElement, a as getAssetPath, H as Host } from './index-4f0a5746.js';
+import { r as registerInstance, h, g as getElement, a as getAssetPath, H as Host } from './index-7d5d0c30.js';
 
 const iconContent = new Map();
 const requests = new Map();

package/dist/esm/ch-intersection-observer.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-4f0a5746.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-7d5d0c30.js';
 
 const intersectionObserverCss = ":host{display:contents}";
 

package/dist/esm/ch-next-data-modeling-item.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-4f0a5746.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-7d5d0c30.js';
 import { K as KEY_CODES } from './reserverd-names-482f1a10.js';
 
 const nextDataModelingItemCss = ":where(button){all:unset;display:inline-flex;cursor:pointer}*,::before,::after{box-sizing:border-box}.error-text,.name{color:inherit;font:inherit;margin:0;padding:0;outline:0}gx-edit:is(.gx-edit--auto-fill,.gx-edit--auto-fill:focus-within,.gx-edit--auto-fill:hover){background-color:var(--gx-edit-auto-fill-background-color)}:host{display:grid;--chevron-color:#ccc}:host(:hover) .button-primary,:host(:focus-within) .button-primary{display:grid}:host(:hover) .button-primary::before,:host(:focus-within) .button-primary::before{content:\"\"}:host(.gx-disabled){pointer-events:none}.add-new-field--level-0{display:grid;grid-template:\"name . . .\" min-content \"field-name type confirm cancel\" 1fr \"error-text . confirm cancel\" min-content \"sub-item sub-item confirm cancel\" min-content/1fr min-content 56px 32px;row-gap:8px}.add-new-field--level-0 ::slotted(ch-next-data-modeling){grid-area:sub-item}.add-new-field--level-1{display:grid;grid-template:\"name . . .\" min-content \"field-name type confirm cancel\" 1fr \"error-text . . .\" min-content/1fr min-content 56px 32px;row-gap:8px}.add-new-field--level-2{display:grid;grid-template:\"sub-field name . . .\" min-content \". field-name type confirm cancel\" 1fr \". error-text . . .\" min-content/min-content 1fr min-content 56px 32px;row-gap:4px}.add-new-field--no-actions{grid-template:\"sub-field name .\" min-content \". field-name type\" 1fr \". error-text .\" min-content/min-content 1fr min-content}.accordion:hover .edit-button,.accordion:hover .delete-button,.accordion:focus-within .edit-button,.accordion:focus-within .delete-button{display:grid}.sub-field{grid-area:sub-field}.field-name{grid-area:field-name;margin-inline-end:8px}.button-confirm{grid-area:confirm;margin-inline:16px 8px}.button-cancel{grid-area:cancel}.error-text{grid-area:error-text;display:flex;white-space:break-spaces}.header{display:grid;grid-template:\"sub-field name type edit delete\" 1fr/min-content max-content 1fr min-content max-content;align-items:center;width:100%;margin-inline-end:12px}.accordion::part(accordion__header){column-gap:24px}.edit-mode{grid-template:\"sub-field field-name type confirm cancel\" min-content \"sub-field error-text error-text confirm cancel\" min-content/min-content 1fr min-content 56px 32px}.name{grid-area:name}.name-entity{text-decoration:underline}.type{grid-area:type}.select-wrapper{--chevron:url('data:image/svg+xml,<svg width=\"12\" height=\"8\" viewBox=\"0 0 12 8\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1.41 0L6 4.59L10.59 0L12 1.42L6 7.42L0 1.42L1.41 0Z\"/></svg>');grid-area:type;position:relative}.select-wrapper::after{content:\"\";display:flex;position:absolute;inset-inline-end:0;inset-block-start:calc(50% - 3.75px);width:12px;height:7.5px;margin-inline:8px 16px;-webkit-mask:var(--chevron) no-repeat;background-color:var(--chevron-color);pointer-events:none}.select{display:flex;height:100%;appearance:none;background-color:unset;cursor:pointer;outline:unset;transition-property:background-color, border-color, color;transition-duration:250ms}.button-new-entity{align-items:center;transition:color 250ms}.optimization{display:contents}.button-primary{display:none;align-self:center;height:20px;padding:2px}.button-primary::before{display:flex}.button-edit{grid-area:edit;width:21px}.button-edit::before{-webkit-mask:var(--edit-icon) no-repeat}.button-delete{grid-area:delete;width:18px;margin-inline-start:12px}.button-delete::before{-webkit-mask:var(--delete-icon) no-repeat}.delete-mode,.waiting-mode{grid-area:delete;display:grid;grid-template-columns:1fr 24px 24px;align-items:center;column-gap:8px;cursor:auto;animation:fade-in 250ms ease-in-out}.waiting-mode{grid-template-columns:24px 1fr}.waiting-mode__loading{order:-1;width:100%;fill:none;animation:rotate 1.5s linear 0.125s infinite}circle{stroke:currentColor;stroke-dasharray:1, 200;stroke-linecap:round;animation:indeterminate-loading 1.25s ease-in-out 0.125s infinite}@keyframes fade-in{0%{opacity:0}}@keyframes rotate{100%{transform:rotate(1turn)}}@keyframes indeterminate-loading{50%,60%{stroke-dasharray:20, 200;stroke-dashoffset:-8px}100%{stroke-dashoffset:-24px}}";

package/dist/esm/ch-next-data-modeling.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-4f0a5746.js';
+import { r as registerInstance, h, H as Host } from './index-7d5d0c30.js';
 
 const nextDataModelingCss = "ch-next-data-modeling{--delete-icon:url('data:image/svg+xml,<svg width=\"14\" height=\"16\" viewBox=\"0 0 14 16\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1.87729 4.55154H12.1585V14.3936C12.1613 14.8186 11.9944 15.2273 11.6949 15.5288C11.3953 15.8304 10.9878 16 10.5627 16H3.47304C3.04797 16 2.64046 15.8304 2.34089 15.5288C2.04133 15.2273 1.87447 14.8186 1.87729 14.3936V4.55154ZM10.5734 1.42436V1.25301C10.5676 0.559264 10.0035 0 9.30972 0H4.72605C4.03228 0 3.46821 0.559264 3.46233 1.25301V1.42436H0.078125V3.03079H14.0005V1.42436H10.5734Z\" fill=\"%23000\"/></svg>');--edit-icon:url('data:image/svg+xml,<svg width=\"17\" height=\"16\" viewBox=\"0 0 17 16\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M14.4291 5.4137L10.8838 1.73151L12.0517 0.50411C12.3715 0.168037 12.7644 0 13.2304 0C13.6964 0 14.089 0.168037 14.4082 0.50411L15.5761 1.73151C15.8958 2.06758 16.0627 2.47321 16.0766 2.94838C16.0905 3.42356 15.9376 3.82889 15.6178 4.16438L14.4291 5.4137ZM13.2195 6.70685L4.37728 16H0.832031V12.274L9.67429 2.98082L13.2195 6.70685Z\" fill=\"%23000\"/></svg>');display:grid;grid-template-columns:1fr;grid-auto-rows:min-content;flex:1;height:100%}";
 

package/dist/esm/ch-next-progress-bar.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-4f0a5746.js';
+import { r as registerInstance, h, H as Host } from './index-7d5d0c30.js';
 
 const nextProgressBarCss = "*,::before,::after{box-sizing:border-box}:where(.title,.description){font:unset;margin:0;padding:0;text-align:start}:host{--last-checked-gradient:linear-gradient(\n    90deg,\n    #00000000,\n    #fff,\n    #00000000\n  );--step-background-color:#ddd;--step-background-color--checked:#bbb;display:block;width:100%}.steps-container{display:flex;column-gap:4px;height:8px}.step{position:relative;background-color:var(--step-background-color);border-radius:20px;width:68px;max-width:calc(100% / var(--amount-of-steps));height:100%;overflow:hidden}.step--checked::before{content:\"\";display:flex;position:absolute;width:0;height:100%;background-color:var(--step-background-color--checked);animation:checked-load 0.3s linear calc(var(--delay) * 0.3s) forwards}.step--last-checked::after{content:\"\";display:flex;position:absolute;background:var(--last-checked-gradient), var(--last-checked-gradient);width:80%;height:100%;margin-inline-start:-128%;animation:last-checked-animation 2.25s ease-in-out calc(var(--delay) * 0.3s) infinite}.description{transition:opacity 300ms linear}.description-transition{opacity:0}@keyframes checked-load{to{width:100%}}@keyframes last-checked-animation{to{margin-inline-start:192%}}";
 

package/dist/esm/ch-notifications-item.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-4f0a5746.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-7d5d0c30.js';
 
 const notificationsItemCss = ":where(button){all:unset;display:flex;height:100%;cursor:pointer}*,::before,::after{box-sizing:border-box}:host{display:grid;grid-template-columns:1fr 48px;background-color:#fff;border-radius:5px;box-shadow:0px 4px 25px #00000040;overflow:hidden;white-space:break-spaces;opacity:0;transform:translateX(calc(100% * var(--ch-notification-item-initial-X)));animation:notification-added 250ms ease-in-out var(--delay-to-animate) forwards}.main{padding:12px}.close-image{background-color:currentColor;-webkit-mask:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.875 18L6.75 16.875L11.25 12.375L6.75 7.875L7.875 6.75L12.375 11.25L16.875 6.75L18 7.875L13.5 12.375L18 16.875L16.875 18L12.375 13.5L7.875 18Z'/%3E%3C/svg%3E\") 50% 50%/24px 24px no-repeat}@keyframes notification-added{to{opacity:1;transform:translateX(0)}}";
 

package/dist/esm/ch-notifications.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-4f0a5746.js';
+import { r as registerInstance, h, H as Host } from './index-7d5d0c30.js';
 
 const notificationsCss = "ch-notifications{--ch-notification-item-rtl-initial-X:1;display:flex;flex-direction:column;gap:14px;position:fixed;inset-block-end:86px;width:425px;max-width:75vw}ch-notifications.ch-notifications-position--bottom-end{--ch-notification-item-initial-X:var(--ch-notification-item-rtl-initial-X);inset-inline-end:70px}ch-notifications.ch-notifications-position--bottom-start{--ch-notification-item-initial-X:calc(\n    var(--ch-notification-item-rtl-initial-X) * -1\n  );inset-inline-start:70px}";
 

package/dist/esm/ch-paginator-pages.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-4f0a5746.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-7d5d0c30.js';
 
 const chPaginatorPagesCss = "button{all:unset}.pages{display:flex;align-items:center;list-style-type:none;margin:0;padding:0}";
 

package/dist/esm/ch-qr.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-4f0a5746.js';
+import { r as registerInstance, h, H as Host } from './index-7d5d0c30.js';
 
 /*
  jquery-qrcode v0.14.0 - https://larsjung.de/jquery-qrcode/ */

package/dist/esm/ch-select-option.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-4f0a5746.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-7d5d0c30.js';
 
 const chSelectOptionCss = ":host{display:block}:host .option{padding-left:16px;padding-right:16px;color:var(--text-color);font-size:var(--font-size);font-family:var(--font-family);height:32px;line-height:32px;display:flex;align-items:center;justify-content:space-between}:host .option:hover{transition:background-color 0.25s;background-color:var(--item-hover-color)}:host .option-selected{background-color:var(--item-active-color)}:host .option[disabled]{color:gray;cursor:default}:host .option[disabled] ch-icon{filter:grayscale(100%)}:host .option[disabled]:hover{background-color:transparent}:host .icon{display:inline-block;line-height:0}:host .left-icon{margin-inline-end:8px}:host .right-icon{margin-inline-start:16px}:host .left-container{display:flex;align-items:center}";
 

package/dist/esm/ch-select.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, a as getAssetPath, h, H as Host, g as getElement } from './index-4f0a5746.js';
-import { C as ClickOutside } from './index-f3a45e56.js';
+import { r as registerInstance, c as createEvent, a as getAssetPath, h, H as Host, g as getElement } from './index-7d5d0c30.js';
+import { C as ClickOutside } from './index-b7960231.js';
 
 const chSelectCss = ":host{--text-color:var(--black);--font-family:\"Source Sans Pro\", sans-serif;--title-font-weight:bold;--font-size:14px;--background-color:var(--whiteSmoke);--item-hover-color:var(--lightGray);--item-active-color:var(--silverGray);--icon-color:var(--black);--icon-size:20px;--arrow-color:var(--black);--padding-left:8px;--padding-right:8px;--justify-content:space-between;display:block;cursor:pointer;z-index:10}:host .icon{display:inline-block;line-height:0}:host .text{color:var(--text-color);font-family:var(--font-family);white-space:nowrap}:host .active{overflow:hidden;transition:max-height 0.5s;max-height:1000px}:host .inactive{overflow:hidden;max-height:0;transition:max-height 0.32s}:host .list-container{background-color:var(--background-color);display:flex;justify-content:var(--justify-content);padding:6px var(--padding-right) 6px var(--padding-left);height:32px;box-sizing:border-box;align-items:center}:host .list-container .left-container{display:flex;align-items:center;align-self:center;padding-inline-end:8px}:host .list-container .left-container .custom-icon{margin-inline-end:8px}:host .list-container .arrow-icon{transform:rotate(180deg);transition:transform 0.25s}:host .select-container.uncollapsed .arrow-icon{transform:rotate(0)}:host .select-options{width:fit-content;background-color:var(--background-color);position:absolute;z-index:100}";
 

package/dist/esm/ch-sidebar-menu-list-item.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-4f0a5746.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-7d5d0c30.js';
 
 const chSidebarMenuListItemCss = ":host{display:block;cursor:pointer}:host .icon{display:inline-block;line-height:0}:host .main-container{transition:background-color 0.25s;position:relative}:host .main-container:hover{background-color:var(--item-hover-color)}:host .text{color:var(--text-color)}:host(.collapsable){overflow:hidden}:host(.item--active) .main-container{background-color:var(--item-active-color)}:host(.item) .main-container:active{background-color:var(--item-active-color)}:host(.list-one__item) .main-container{display:flex;justify-content:space-between;padding:var(--first-list-text-vertical-padding) 8px var(--first-list-text-vertical-padding) 16px;min-height:40px;box-sizing:border-box;align-items:start}:host(.list-one__item) .main-container .left-container{display:flex;align-items:start;padding-inline-end:8px}:host(.list-one__item) .main-container .left-container .custom-icon{margin-inline-end:8px}:host(.list-one__item) .main-container .left-container .text{font-size:var(--first-list-font-size);text-transform:var(--first-list-text-transform);line-height:var(--first-list-line-height)}:host(.list-one__item) .main-container .arrow-icon{transform:rotate(180deg);transition:transform 0.25s}:host(.list-one__item.uncollapsed) .arrow-icon{transform:rotate(0)}:host(.list-one__item.speed-zero){transition-duration:0.01s !important}:host(.switch-order) .main-container{flex-direction:row-reverse}:host(.switch-order) .left-container{flex-direction:row-reverse;padding-inline-end:0 !important}:host(.switch-order) .text{opacity:0}:host(.switch-order) .custom-icon{margin-inline-end:0 !important}:host(.list-two__item) .main-container{display:flex;align-items:self-start;padding-inline-start:44px;padding-top:var(--second-list-text-vertical-padding);padding-bottom:var(--second-list-text-vertical-padding);min-height:20px}:host(.list-two__item) .main-container .arrow-icon{transform:rotate(0);transition:transform 0.25s;margin-inline-end:4px}:host(.list-two__item) .main-container .text{font-size:var(--second-list-font-size);font-weight:700;letter-spacing:0.027em;text-transform:var(--second-list-text-transform);line-height:var(--second-list-line-height)}:host(.list-two__item:not(.collapsable)) .main-container{padding-inline-start:51px}:host(.list-two__item.uncollapsed) .arrow-icon{transform:rotate(90deg)}:host(.list-three__item) .main-container{padding-inline-start:73px;padding-top:var(--third-list-text-vertical-padding);padding-bottom:var(--third-list-text-vertical-padding)}:host(.list-three__item) .main-container .text{font-size:var(--third-list-font-size);text-transform:var(--third-list-text-transform);line-height:var(--third-list-line-height)}";
 

package/dist/esm/ch-sidebar-menu-list.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-4f0a5746.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-7d5d0c30.js';
 
 const chSidebarMenuListCss = ":host{display:block}:host ul{padding:0;margin:0}";
 

package/dist/esm/ch-sidebar-menu.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-4f0a5746.js';
-import { C as ClickOutside } from './index-f3a45e56.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-7d5d0c30.js';
+import { C as ClickOutside } from './index-b7960231.js';
 
 class StorageItem {
   constructor(data) {

package/dist/esm/ch-step-list-item.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, a as getAssetPath, h, H as Host, g as getElement } from './index-4f0a5746.js';
+import { r as registerInstance, c as createEvent, a as getAssetPath, h, H as Host, g as getElement } from './index-7d5d0c30.js';
 
 const chStepListItemCss = ":host{--text-color:var(--black);--font-family:\"Source Sans Pro\", sans-serif;--font-size:14px;--font-weight:bold;--item-color:var(--lightGray);--line-color:var(--lightGray);--item-active-color:var(--black)}:host .item{width:250px}:host .li-item{position:relative;display:flex;flex-direction:column}:host .li-item--active .round-tab{background-color:var(--item-active-color)}:host .li-item--active .horizontal-line{background-color:var(--item-active-color)}:host .horizontal-line{background-color:var(--line-color);width:100%;height:3px;position:absolute;z-index:1;top:28px}:host .round-tab{width:25px;height:25px;border-radius:50%;background-color:var(--item-color);margin-left:auto;margin-right:auto;display:flex;align-items:center;justify-content:center;z-index:2}:host .round-tab:hover{cursor:pointer}:host .text{color:var(--text-color);font-size:var(--font-size);font-family:var(--font-family);font-weight:var(--font-weight);letter-spacing:0.38px;text-align:center;margin-left:auto;margin-right:auto}:host .text:hover{cursor:pointer}:host .item-icon{position:absolute;z-index:2}";
 

package/dist/esm/ch-step-list.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, g as getElement } from './index-4f0a5746.js';
+import { r as registerInstance, h, g as getElement } from './index-7d5d0c30.js';
 
 const chStepListCss = ":host .step-container ul{list-style:none;display:flex;padding:0px}";
 

package/dist/esm/ch-style.entry.js

@@ -0,0 +1,30 @@
+import { r as registerInstance, g as getElement } from './index-7d5d0c30.js';
+import { C as CH_GLOBAL_STYLESHEET } from './ch-global-stylesheet-f8bbf095.js';
+
+const chStyleCss = ":host{display:none}";
+
+const ChStyle = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  componentDidLoad() {
+    if (this.href) {
+      fetch(this.href).then(response => {
+        if (response.ok) {
+          response.text().then(style => {
+            CH_GLOBAL_STYLESHEET.replace(style);
+            CH_GLOBAL_STYLESHEET.disabled = false;
+          });
+        }
+      });
+    }
+    else {
+      CH_GLOBAL_STYLESHEET.replace(this.el.innerText);
+      CH_GLOBAL_STYLESHEET.disabled = false;
+    }
+  }
+  get el() { return getElement(this); }
+};
+ChStyle.style = chStyleCss;
+
+export { ChStyle as ch_style };

package/dist/esm/ch-suggest_5.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-4f0a5746.js';
-import { s as state } from './store-75f5d491.js';
-import { f as formMessageLogic } from './form-73d85602.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-7d5d0c30.js';
+import { s as state } from './store-1b33440d.js';
+import { f as formMessageLogic } from './form-d0cdf54f.js';
 import { f as formClasses, c as commonClassesNames } from './classesNames-6cd8fadb.js';
 
 const chSuggestCss = "*,::after,::before{box-sizing:border-box}:host{--window-max-height:none;--window-gap:50px}.main-wrapper{display:block}.label-input-wrapper{display:flex}.label-input-wrapper .input{flex:1}:host([label-position=start]) .label-input-wrapper{flex-direction:row}:host([label-position=above]) .label-input-wrapper{flex-direction:column}.input{background-color:unset;border:none;color:inherit;font:inherit;margin:0;padding:0;outline:0}.ch-window-container{position:relative}ch-window::part(window){width:100%;max-height:calc(var(--window-max-height) - var(--window-gap));overflow-y:auto}";
@@ -10,7 +10,7 @@ const ARROW_UP$1 = "ArrowUp";
 const ChSuggest = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.valueChanged = createEvent(this, "valueChanged", 7);
+    this.inputChanged = createEvent(this, "inputChanged", 7);
     this.keyEventsDictionary = {
       ArrowDown: (e) => {
         const newFocusedItem = this.getNewFocusedItem(e.currentFocusedItem, ARROW_DOWN$1);
@@ -125,12 +125,12 @@ const ChSuggest = class {
      * Every time the input event is triggered, the value of the input is sent to processInputEvent, which is responsible for displaying a window with the suggested options. this.debounce is a delay that, along with clearTimeout, ensures that the window is only shown after the user has stopped typing.
      */
     this.handleInput = (e) => {
-      this.value = e.target.value;
+      const inputValue = e.target.value;
       if (this.timeoutReference) {
         clearTimeout(this.timeoutReference);
       }
       this.timeoutReference = setTimeout(() => {
-        this.processInputEvent();
+        this.processInputEvent(inputValue);
       }, this.debounce);
     };
     this.handleKeyDown = (e) => {
@@ -155,9 +155,11 @@ const ChSuggest = class {
       const partWindow = this.chWindow.shadowRoot.querySelector("[part='window']");
       partWindow.scrollTop = partWindow.scrollHeight;
     };
-    this.processInputEvent = () => {
+    this.processInputEvent = (inputValue) => {
+      this.inputChanged.emit(inputValue);
+      this.caption = inputValue;
+      this.value = undefined;
       this.evaluateWindowMaxHeight();
-      this.valueChanged.emit(this.value);
     };
     this.closeWindow = () => {
       this.chWindow.hidden = true;
@@ -172,6 +174,7 @@ const ChSuggest = class {
   // 7.LISTENERS //
   itemSelectedHandler(event) {
     this.value = event.detail.value;
+    this.caption = event.detail.caption;
     this.closeWindow();
   }
   focusChangeAttemptHandler(event) {
@@ -206,7 +209,7 @@ const ChSuggest = class {
   }
   // 10.RENDER() FUNCTION //
   render() {
-    return (h(Host, null, h("div", { class: "main-wrapper", part: "main-wrapper" }, h("div", { class: "label-input-wrapper", part: "label-input-wrapper" }, this.showLabel && this.label && (h("label", { id: "label", htmlFor: "input", part: "label" }, this.label)), h("input", { type: "text", id: "input", part: "input", class: "input", ref: el => (this.textInput = el), onInput: this.handleInput, onKeyDown: this.handleKeyDown, onFocus: this.onFocusHandler, value: this.value, autocomplete: "off", "aria-controls": "ch-window", "aria-label": !this.showLabel && this.label ? this.label : undefined, "aria-labelledby": this.showLabel && this.label ? "label" : undefined, "aria-expanded": this.windowHidden.toString() })), h("ch-window", { id: "ch-window", container: this.textInput, "close-on-outside-click": true, "close-on-escape": true, xAlign: "inside-start", yAlign: "outside-end", ref: el => (this.chWindow = el), showHeader: this.showHeader, caption: this.suggestTitle, exportparts: "\n            header:header, \n            caption:title, \n            close:close-button,\n            window:dropdown" }, h("slot", { onSlotchange: this.evaluateSlotIsEmpty })))));
+    return (h(Host, null, h("div", { class: "main-wrapper", part: "main-wrapper" }, h("div", { class: "label-input-wrapper", part: "label-input-wrapper" }, this.showLabel && this.label && (h("label", { id: "label", htmlFor: "input", part: "label" }, this.label)), h("input", { type: "text", id: "input", part: "input", class: "input", ref: el => (this.textInput = el), onInput: this.handleInput, onKeyDown: this.handleKeyDown, onFocus: this.onFocusHandler, value: this.caption, autocomplete: "off", "aria-controls": "ch-window", "aria-label": !this.showLabel && this.label ? this.label : undefined, "aria-labelledby": this.showLabel && this.label ? "label" : undefined, "aria-expanded": this.windowHidden.toString() })), h("ch-window", { id: "ch-window", container: this.textInput, "close-on-outside-click": true, "close-on-escape": true, xAlign: "inside-start", yAlign: "outside-end", ref: el => (this.chWindow = el), showHeader: this.showHeader, caption: this.suggestTitle, exportparts: "\n            header:header, \n            caption:title, \n            close:close-button,\n            window:dropdown" }, h("slot", { onSlotchange: this.evaluateSlotIsEmpty })))));
   }
   static get delegatesFocus() { return true; }
   get el() { return getElement(this); }
@@ -250,6 +253,7 @@ const ChSuggestListItem = class {
     this.handleClick = () => {
       this.itemSelected.emit({
         value: this.value || this.el.innerText,
+        caption: this.el.innerText,
         description: this.description
       });
     };

package/dist/esm/ch-textblock.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-4f0a5746.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-7d5d0c30.js';
 import { L as LINE_MEASURING, H as HEIGHT_MEASURING, a as LINE_CLAMP } from './reserverd-names-482f1a10.js';
 
 function debounce(func, wait, immediate = false) {

package/dist/esm/ch-tree-item.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-4f0a5746.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-7d5d0c30.js';
 
 const chTreeItemCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--ui-animaton-speed:0.2s}:host{--text-color:var(--black);--font-family:\"Source Sans Pro\", sans-serif;--font-weight:normal;--font-size:12px;--guide-color:var(--darkGray);--item-hover-color:var(--lightGray);--item-active-color:var(--silverGray);display:block}:host .text{padding-left:var(--spacing-comp-01)}:host li{list-style:none;font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight);color:var(--text-color);height:20px;overflow:hidden}:host li.tree-open{height:auto}:host li .li-text{height:100%;padding:0 var(--spacing-comp-02);cursor:pointer;display:flex;align-items:center;position:relative}:host li .li-text:hover{background-color:var(--item-hover-color)}:host li .li-text:active{background-color:var(--item-active-color)}:host li .li-text:focus{outline:none;box-shadow:inset 0px 0px 0px 2px var(--color-primary-active)}:host li .li-text--selected{background-color:var(--item-active-color)}:host li .li-text--selected:hover{background-color:var(--item-hover-color)}:host li .vertical-line{position:absolute;width:1px;height:0;top:21px;left:15px;z-index:1;background-image:linear-gradient(var(--guide-color) 28%, rgba(255, 255, 255, 0) 0%);background-position:right;background-size:1px 4px;background-repeat:repeat-y}:host li .horizontal-line{position:absolute;width:16px;height:1px;top:11px;z-index:1;margin-left:-23px;top:10px;background-image:linear-gradient(to right, var(--guide-color) 33%, rgba(255, 255, 255, 0) 0%);background-position:bottom;background-size:3px 1px;background-repeat:repeat-x}:host li .horizontal-line.display-none{display:none}:host li .closed-opened-icons{position:relative;display:flex;margin-left:-2px}:host li .toggle-icon{position:relative;z-index:2;padding-left:3px;padding-right:3px;transition-property:opacity;transition-duration:0.5s;transition-timing-function:ease}:host .checkbox{margin-right:var(--spacing-comp-01)}:host .icon{height:20px;justify-content:center;align-items:center;padding-left:2px;padding-right:2px}:host .right-icon{margin-inline-start:auto;position:relative;top:0;transition-property:top;transition-duration:0.5s;transition-timing-function:ease}:host .loading{opacity:1;display:inline;right:11px;top:-20px;position:absolute;z-index:1;transition-property:all;transition-duration:0.5s;transition-timing-function:ease;border-radius:50%;width:8px;height:8px;border:0.18rem solid var(--gray-04);border-top-color:var(--gray-01);animation:spin 1s infinite linear}:host .loading--double{border-style:double;border-width:0.5rem}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.label input[disabled]{color:red}:host([disabled]) li .text{color:var(--darkGray)}:host([disabled]) .toggle-icon{pointer-events:none}:host([downloading]){pointer-events:none}:host([downloading]) .right-icon{top:20px}:host([downloading]) .loading{top:3px}:host([downloaded]) .loading,:host([downloaded]) .right-icon{opacity:0}";
 

package/dist/esm/ch-tree.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, g as getElement } from './index-4f0a5746.js';
+import { r as registerInstance, h, g as getElement } from './index-7d5d0c30.js';
 
 const chTreeCss = ":host{display:flex}:host ul{margin:0;padding-left:0;width:100%}:host .nested-tree{width:100%}:host(.main-tree){overflow:hidden}.main-tree-container{position:relative;width:100%}";
 

package/dist/esm/ch-window_2.entry.js

@@ -1,4 +1,5 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-4f0a5746.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-7d5d0c30.js';
+import { C as CH_GLOBAL_STYLESHEET } from './ch-global-stylesheet-f8bbf095.js';
 
 const chWindowCss = ":host{--ch-window-offset-x:0px;--ch-window-offset-y:0px}:host(:not([hidden])){display:contents}:host(:is(:not([modal]),[modal=\"false\"])) .mask{pointer-events:none}.window{pointer-events:all}.mask{display:flex;position:fixed;inset:0;inset-inline-start:calc( var(--ch-window-inset-inline-start) + var(--ch-window-offset-x) );inset-block-start:calc( var(--ch-window-inset-block-start) + var(--ch-window-offset-y) );z-index:var(--ch-window-mask-z-index, 1000)}:host(:is([x-align=\"outside-start\"],[x-align=\"inside-start\"])) .mask{justify-content:flex-start}:host([x-align=center]) .mask{justify-content:center}:host(:is([x-align=\"outside-end\"],[x-align=\"inside-end\"])) .mask{justify-content:flex-end}:host(:is([y-align=\"outside-start\"],[y-align=\"inside-start\"])) .mask{align-items:flex-start}:host([y-align=center]) .mask{align-items:center}:host(:is([y-align=\"outside-end\"],[y-align=\"inside-end\"])) .mask{align-items:flex-end}.window{display:flex;flex-direction:column;transform:translate(var(--ch-window-x-outside, 0px), var(--ch-window-y-outside, 0px)) translate(var(--ch-window-x-drag, 0px), var(--ch-window-y-drag, 0px))}:host([x-align=outside-start]) .window{--ch-window-x-outside:-100%}:host([x-align=outside-end]) .window{--ch-window-x-outside:100%}:host([y-align=outside-start]) .window{--ch-window-y-outside:-100%}:host([y-align=outside-end]) .window{--ch-window-y-outside:100%}";
 
@@ -68,6 +69,23 @@ const ChWindow = class {
         this.mask.style.removeProperty("height");
       }
     };
+    this.windowResizeHandler = () => {
+      this.updatePosition();
+      this.watchCSSAlign();
+    };
+    this.windowScrollHandler = () => {
+      this.updatePosition();
+    };
+    this.closeOnOutsideClickHandler = (eventInfo) => {
+      if (!eventInfo.composedPath().includes(this.window)) {
+        this.hidden = true;
+      }
+    };
+    this.closeOnEscapeHandler = (eventInfo) => {
+      if (eventInfo.key === "Escape") {
+        this.hidden = true;
+      }
+    };
   }
   containerHandler(value, oldValue) {
     this.containerResizeObserverHandler(value, oldValue);
@@ -76,10 +94,13 @@ const ChWindow = class {
   hiddenHandler() {
     if (this.hidden) {
       this.resetDrag();
+      this.removeListeners();
       this.windowClosed.emit();
     }
     else {
       this.updatePosition();
+      this.watchCSSAlign();
+      this.addListeners();
       this.windowOpened.emit();
     }
   }
@@ -87,26 +108,7 @@ const ChWindow = class {
     this.containerResizeObserver = new ResizeObserver(this.updatePosition);
     this.containerResizeObserverHandler(this.container);
     this.watchCSSAlign();
-  }
-  windowResizeHandler() {
-    this.updatePosition();
-    this.watchCSSAlign();
-  }
-  documentClickHandler(eventInfo) {
-    if (this.closeOnOutsideClick &&
-      !eventInfo.composedPath().includes(this.window)) {
-      this.hidden = true;
-    }
-  }
-  documentKeyDownHandler(eventInfo) {
-    if (!this.hidden && this.closeOnEscape && eventInfo.key === "Escape") {
-      this.hidden = true;
-    }
-  }
-  windowScrollHandler() {
-    if (this.container) {
-      this.updatePosition();
-    }
+    this.loadGlobalStyleSheet();
   }
   mousedownHandler(eventInfo) {
     if (this.isDraggable(eventInfo.composedPath())) {
@@ -161,6 +163,42 @@ const ChWindow = class {
       this.containerResizeObserver.unobserve(unobserve);
     }
   }
+  addListeners() {
+    window.addEventListener("resize", this.windowResizeHandler, {
+      passive: true
+    });
+    if (this.container) {
+      document.addEventListener("scroll", this.windowScrollHandler, {
+        capture: true,
+        passive: true
+      });
+    }
+    if (this.closeOnOutsideClick) {
+      document.addEventListener("click", this.closeOnOutsideClickHandler, {
+        capture: true
+      });
+    }
+    if (this.closeOnEscape) {
+      document.addEventListener("keydown", this.closeOnEscapeHandler, {
+        capture: true
+      });
+    }
+  }
+  removeListeners() {
+    window.removeEventListener("resize", this.windowResizeHandler);
+    document.removeEventListener("scroll", this.windowScrollHandler, {
+      capture: true
+    });
+    document.removeEventListener("click", this.closeOnOutsideClickHandler, {
+      capture: true
+    });
+    document.removeEventListener("keydown", this.closeOnEscapeHandler, {
+      capture: true
+    });
+  }
+  loadGlobalStyleSheet() {
+    this.el.shadowRoot.adoptedStyleSheets.push(CH_GLOBAL_STYLESHEET);
+  }
   render() {
     return (h(Host, null, h("div", { class: "mask", part: "mask", ref: el => (this.mask = el), onClick: this.maskClickHandler }, h("section", { class: "window", part: "window", ref: el => (this.window = el) }, this.showHeader && (h("header", { part: "header", ref: el => (this.header = el) }, h("slot", { name: "header" }, h("span", { part: "caption" }, this.caption), h("ch-window-close", { part: "close", title: this.closeTooltip }, this.closeText)))), h("div", { part: "main" }, h("slot", null)), this.showFooter && (h("footer", { part: "footer" }, h("slot", { name: "footer" })))))));
   }

package/dist/esm/{form-73d85602.js → form-d0cdf54f.js}

@@ -1,4 +1,4 @@
-import { h } from './index-4f0a5746.js';
+import { h } from './index-7d5d0c30.js';
 
 // interface FormComponent {
 //   error: boolean;

package/dist/esm/{form-validation-a6686ca1.js → form-validation-702577da.js}

@@ -1,4 +1,4 @@
-import { h } from './index-4f0a5746.js';
+import { h } from './index-7d5d0c30.js';
 
 /* STENCIL IMPORTS */
 const renderFormItems = (componentType = "gxg-combo-box-item", options, group = "undefined-group", callback) => {