@genexus/genexus-ide-ui 0.0.9

package/dist/components/icon2.js

@@ -0,0 +1,88 @@
+import { proxyCustomElement, HTMLElement, getAssetPath, h, Host } from '@stencil/core/internal/client';
+import { d as defineCustomElement$1 } from './icon.js';
+
+const iconCss = "/*! 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}.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}:host{display:inline-block;line-height:0;height:20px;width:20px;display:inline-flex;align-items:center;justify-content:center}";
+
+/*********************************
+CONSTANTS
+*********************************/
+const COLOR_MAPPINGS = {
+  alwaysblack: "color-always-black",
+  disabled: "color-primary-disabled",
+  ondisabled: "color-on-disabled",
+  error: "color-error-dark",
+  negative: "color-on-primary",
+  onbackground: "color-on-background",
+  "primary-enabled": "color-primary-enabled",
+  "primary-active": "color-primary-active",
+  "primary-hover": "color-primary-hover",
+  success: "color-success-dark",
+  warning: "color-warning-dark",
+};
+const GxgIcon = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    /**
+     * The size of the icon. Possible values: regular, small.
+     */
+    this.size = "regular";
+  }
+  /*********************************
+  METHODS
+  *********************************/
+  getSrcPath() {
+    return getAssetPath(`./icon-assets/${this.type}.svg`);
+  }
+  iconSize() {
+    if (this.size === "regular") {
+      return "16px";
+    }
+    else if (this.size === "small") {
+      return "12px";
+    }
+  }
+  render() {
+    return (h(Host, null, h("ch-icon", { style: {
+        "--icon-color": this.mapColorToCssVar(COLOR_MAPPINGS[this.color]),
+        "--icon-size": this.iconSize(),
+      }, "auto-color": this.color === "auto", src: this.getSrcPath(), part: "ch-icon" })));
+  }
+  mapColorToCssVar(color) {
+    if (color) {
+      return `var(--${color})`;
+    }
+    else {
+      //default color
+      return `var(--color-on-background)`;
+    }
+  }
+  static get assetsDirs() { return ["icon-assets"]; }
+  get element() { return this; }
+  static get style() { return iconCss; }
+}, [1, "gxg-icon", {
+    "color": [1],
+    "size": [1],
+    "type": [8]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["gxg-icon", "ch-icon"];
+  components.forEach(tagName => { switch (tagName) {
+    case "gxg-icon":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, GxgIcon);
+      }
+      break;
+    case "ch-icon":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$1();
+      }
+      break;
+  } });
+}
+
+export { GxgIcon as G, defineCustomElement as d };

package/dist/components/index.d.ts

@@ -0,0 +1,35 @@
+/* GenexusIdeUi custom elements */
+export { GxIdeDirectorySelector as GxIdeDirectorySelector } from '../types/components/directory-selector/directory-selector';
+export { GxIdeEntitySelector as GxIdeEntitySelector } from '../types/components/entity-selector/entity-selector';
+export { GxIdeNewKb as GxIdeNewKb } from '../types/components/new-kb/new-kb';
+export { GxIdeTemplate as GxIdeTemplate } from '../types/components/_template/template';
+export { GxIdeUiTest as GxIdeTest } from '../types/components/_test/test';
+
+/**
+ * Used to manually set the base path where assets can be found.
+ * If the script is used as "module", it's recommended to use "import.meta.url",
+ * such as "setAssetPath(import.meta.url)". Other options include
+ * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
+ * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
+ * But do note that this configuration depends on how your script is bundled, or lack of
+ * bundling, and where your assets can be loaded from. Additionally custom bundling
+ * will have to ensure the static assets are copied to its build directory.
+ */
+export declare const setAssetPath: (path: string) => void;
+
+/**
+ * Used to specify a nonce value that corresponds with an application's CSP.
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * Alternatively, the nonce value can be set on a meta tag in the DOM head
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) which
+ * will result in the same behavior.
+ */
+export declare const setNonce: (nonce: string) => void
+
+export interface SetPlatformOptions {
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+}
+export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
+export * from '../types';

package/dist/components/index.js

@@ -0,0 +1,129 @@
+export { setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';
+export { ChAccordion, defineCustomElement as defineCustomElementChAccordion } from './ch-accordion.js';
+export { ChDragBar, defineCustomElement as defineCustomElementChDragBar } from './ch-drag-bar.js';
+export { ChDropdown, defineCustomElement as defineCustomElementChDropdown } from './ch-dropdown.js';
+export { ChDropdownItem, defineCustomElement as defineCustomElementChDropdownItem } from './ch-dropdown-item.js';
+export { ChDropdownItemSeparator, defineCustomElement as defineCustomElementChDropdownItemSeparator } from './ch-dropdown-item-separator.js';
+export { ChFormCheckbox, defineCustomElement as defineCustomElementChFormCheckbox } from './ch-form-checkbox.js';
+export { ChGrid, defineCustomElement as defineCustomElementChGrid } from './ch-grid.js';
+export { ChGridActionRefresh, defineCustomElement as defineCustomElementChGridActionRefresh } from './ch-grid-action-refresh.js';
+export { ChGridActionSettings, defineCustomElement as defineCustomElementChGridActionSettings } from './ch-grid-action-settings.js';
+export { ChGridActionbar, defineCustomElement as defineCustomElementChGridActionbar } from './ch-grid-actionbar.js';
+export { ChGridColumn, defineCustomElement as defineCustomElementChGridColumn } from './ch-grid-column.js';
+export { ChGridColumnDisplay, defineCustomElement as defineCustomElementChGridColumnDisplay } from './ch-grid-column-display.js';
+export { ChGridColumnResize, defineCustomElement as defineCustomElementChGridColumnResize } from './ch-grid-column-resize.js';
+export { ChGridColumnSettings, defineCustomElement as defineCustomElementChGridColumnSettings } from './ch-grid-column-settings.js';
+export { ChGridColumnset, defineCustomElement as defineCustomElementChGridColumnset } from './ch-grid-columnset.js';
+export { ChGridRowActions, defineCustomElement as defineCustomElementChGridRowActions } from './ch-grid-row-actions.js';
+export { ChGridRowsetEmpty, defineCustomElement as defineCustomElementChGridRowsetEmpty } from './ch-grid-rowset-empty.js';
+export { ChGridRowsetLegend, defineCustomElement as defineCustomElementChGridRowsetLegend } from './ch-grid-rowset-legend.js';
+export { ChGridSettings, defineCustomElement as defineCustomElementChGridSettings } from './ch-grid-settings.js';
+export { ChGridSettingsColumns, defineCustomElement as defineCustomElementChGridSettingsColumns } from './ch-grid-settings-columns.js';
+export { ChGridVirtualScroller, defineCustomElement as defineCustomElementChGridVirtualScroller } from './ch-grid-virtual-scroller.js';
+export { ChIcon, defineCustomElement as defineCustomElementChIcon } from './ch-icon.js';
+export { ChIntersectionObserver, defineCustomElement as defineCustomElementChIntersectionObserver } from './ch-intersection-observer.js';
+export { ChNextDataModeling, defineCustomElement as defineCustomElementChNextDataModeling } from './ch-next-data-modeling.js';
+export { ChNextDataModelingItem, defineCustomElement as defineCustomElementChNextDataModelingItem } from './ch-next-data-modeling-item.js';
+export { ChNextProgressBar, defineCustomElement as defineCustomElementChNextProgressBar } from './ch-next-progress-bar.js';
+export { ChNotifications, defineCustomElement as defineCustomElementChNotifications } from './ch-notifications.js';
+export { ChNotificationsItem, defineCustomElement as defineCustomElementChNotificationsItem } from './ch-notifications-item.js';
+export { ChPaginator, defineCustomElement as defineCustomElementChPaginator } from './ch-paginator.js';
+export { ChPaginatorNavigate, defineCustomElement as defineCustomElementChPaginatorNavigate } from './ch-paginator-navigate.js';
+export { ChPaginatorPages, defineCustomElement as defineCustomElementChPaginatorPages } from './ch-paginator-pages.js';
+export { ChQr, defineCustomElement as defineCustomElementChQr } from './ch-qr.js';
+export { ChSelect, defineCustomElement as defineCustomElementChSelect } from './ch-select.js';
+export { ChSelectOption, defineCustomElement as defineCustomElementChSelectOption } from './ch-select-option.js';
+export { ChSidebarMenu, defineCustomElement as defineCustomElementChSidebarMenu } from './ch-sidebar-menu.js';
+export { ChSidebarMenuList, defineCustomElement as defineCustomElementChSidebarMenuList } from './ch-sidebar-menu-list.js';
+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 { 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';
+export { ChTextblock, defineCustomElement as defineCustomElementChTextblock } from './ch-textblock.js';
+export { ChTree, defineCustomElement as defineCustomElementChTree } from './ch-tree.js';
+export { ChTreeItem, defineCustomElement as defineCustomElementChTreeItem } from './ch-tree-item.js';
+export { ChWindow, defineCustomElement as defineCustomElementChWindow } from './ch-window.js';
+export { ChWindowClose, defineCustomElement as defineCustomElementChWindowClose } from './ch-window-close.js';
+export { GxGridChameleon, defineCustomElement as defineCustomElementGxGridChameleon } from './gx-grid-chameleon.js';
+export { GxGridChameleonColumnFilter, defineCustomElement as defineCustomElementGxGridChameleonColumnFilter } from './gx-grid-chameleon-column-filter.js';
+export { GxIdeDirectorySelector, defineCustomElement as defineCustomElementGxIdeDirectorySelector } from './gx-ide-directory-selector.js';
+export { GxIdeEntitySelector, defineCustomElement as defineCustomElementGxIdeEntitySelector } from './gx-ide-entity-selector.js';
+export { GxIdeNewKb, defineCustomElement as defineCustomElementGxIdeNewKb } from './gx-ide-new-kb.js';
+export { GxIdeTemplate, defineCustomElement as defineCustomElementGxIdeTemplate } from './gx-ide-template.js';
+export { GxIdeTest, defineCustomElement as defineCustomElementGxIdeTest } from './gx-ide-test.js';
+export { GxgAccordion, defineCustomElement as defineCustomElementGxgAccordion } from './gxg-accordion.js';
+export { GxgAccordionItem, defineCustomElement as defineCustomElementGxgAccordionItem } from './gxg-accordion-item.js';
+export { GxgAlert, defineCustomElement as defineCustomElementGxgAlert } from './gxg-alert.js';
+export { GxgBox, defineCustomElement as defineCustomElementGxgBox } from './gxg-box.js';
+export { GxgBreadcrumb, defineCustomElement as defineCustomElementGxgBreadcrumb } from './gxg-breadcrumb.js';
+export { GxgBreadcrumbs, defineCustomElement as defineCustomElementGxgBreadcrumbs } from './gxg-breadcrumbs.js';
+export { GxgButton, defineCustomElement as defineCustomElementGxgButton } from './gxg-button.js';
+export { GxgButtonGroup, defineCustomElement as defineCustomElementGxgButtonGroup } from './gxg-button-group.js';
+export { GxgCard, defineCustomElement as defineCustomElementGxgCard } from './gxg-card.js';
+export { GxgColorPicker, defineCustomElement as defineCustomElementGxgColorPicker } from './gxg-color-picker.js';
+export { GxgColumn, defineCustomElement as defineCustomElementGxgColumn } from './gxg-column.js';
+export { GxgColumns, defineCustomElement as defineCustomElementGxgColumns } from './gxg-columns.js';
+export { GxgComboBox, defineCustomElement as defineCustomElementGxgComboBox } from './gxg-combo-box.js';
+export { GxgComboBoxItem, defineCustomElement as defineCustomElementGxgComboBoxItem } from './gxg-combo-box-item.js';
+export { GxgContainer, defineCustomElement as defineCustomElementGxgContainer } from './gxg-container.js';
+export { GxgContextualMenu, defineCustomElement as defineCustomElementGxgContextualMenu } from './gxg-contextual-menu.js';
+export { GxgContextualMenuItem, defineCustomElement as defineCustomElementGxgContextualMenuItem } from './gxg-contextual-menu-item.js';
+export { GxgContextualMenuSubmenu, defineCustomElement as defineCustomElementGxgContextualMenuSubmenu } from './gxg-contextual-menu-submenu.js';
+export { GxgDatePicker, defineCustomElement as defineCustomElementGxgDatePicker } from './gxg-date-picker.js';
+export { GxgDemo, defineCustomElement as defineCustomElementGxgDemo } from './gxg-demo.js';
+export { GxgDragBox, defineCustomElement as defineCustomElementGxgDragBox } from './gxg-drag-box.js';
+export { GxgDragContainer, defineCustomElement as defineCustomElementGxgDragContainer } from './gxg-drag-container.js';
+export { GxgDropDown, defineCustomElement as defineCustomElementGxgDropDown } from './gxg-drop-down.js';
+export { GxgFilter, defineCustomElement as defineCustomElementGxgFilter } from './gxg-filter.js';
+export { GxgFilterItem, defineCustomElement as defineCustomElementGxgFilterItem } from './gxg-filter-item.js';
+export { GxgFormCheckbox, defineCustomElement as defineCustomElementGxgFormCheckbox } from './gxg-form-checkbox.js';
+export { GxgFormMessage, defineCustomElement as defineCustomElementGxgFormMessage } from './gxg-form-message.js';
+export { GxgFormRadio, defineCustomElement as defineCustomElementGxgFormRadio } from './gxg-form-radio.js';
+export { GxgFormRadioGroup, defineCustomElement as defineCustomElementGxgFormRadioGroup } from './gxg-form-radio-group.js';
+export { GxgFormText, defineCustomElement as defineCustomElementGxgFormText } from './gxg-form-text.js';
+export { GxgFormTextarea, defineCustomElement as defineCustomElementGxgFormTextarea } from './gxg-form-textarea.js';
+export { GxgGrid, defineCustomElement as defineCustomElementGxgGrid } from './gxg-grid.js';
+export { GxgIcon, defineCustomElement as defineCustomElementGxgIcon } from './gxg-icon.js';
+export { GxgLabel, defineCustomElement as defineCustomElementGxgLabel } from './gxg-label.js';
+export { GxgListBox, defineCustomElement as defineCustomElementGxgListBox } from './gxg-list-box.js';
+export { GxgListBoxItem, defineCustomElement as defineCustomElementGxgListBoxItem } from './gxg-list-box-item.js';
+export { GxgLoader, defineCustomElement as defineCustomElementGxgLoader } from './gxg-loader.js';
+export { GxgMenu, defineCustomElement as defineCustomElementGxgMenu } from './gxg-menu.js';
+export { GxgMenuItem, defineCustomElement as defineCustomElementGxgMenuItem } from './gxg-menu-item.js';
+export { GxgModal, defineCustomElement as defineCustomElementGxgModal } from './gxg-modal.js';
+export { GxgMoreInfo, defineCustomElement as defineCustomElementGxgMoreInfo } from './gxg-more-info.js';
+export { GxgOption, defineCustomElement as defineCustomElementGxgOption } from './gxg-option.js';
+export { GxgOptionV2, defineCustomElement as defineCustomElementGxgOptionV2 } from './gxg-option-v2.js';
+export { GxgOptions, defineCustomElement as defineCustomElementGxgOptions } from './gxg-options.js';
+export { GxgOptionsItem, defineCustomElement as defineCustomElementGxgOptionsItem } from './gxg-options-item.js';
+export { GxgPaginator, defineCustomElement as defineCustomElementGxgPaginator } from './gxg-paginator.js';
+export { GxgPill, defineCustomElement as defineCustomElementGxgPill } from './gxg-pill.js';
+export { GxgProgressBar, defineCustomElement as defineCustomElementGxgProgressBar } from './gxg-progress-bar.js';
+export { GxgSelect, defineCustomElement as defineCustomElementGxgSelect } from './gxg-select.js';
+export { GxgSelectV2, defineCustomElement as defineCustomElementGxgSelectV2 } from './gxg-select-v2.js';
+export { GxgSeparator, defineCustomElement as defineCustomElementGxgSeparator } from './gxg-separator.js';
+export { GxgSlider, defineCustomElement as defineCustomElementGxgSlider } from './gxg-slider.js';
+export { GxgSpacerLayout, defineCustomElement as defineCustomElementGxgSpacerLayout } from './gxg-spacer-layout.js';
+export { GxgSpacerOne, defineCustomElement as defineCustomElementGxgSpacerOne } from './gxg-spacer-one.js';
+export { GxgSplit, defineCustomElement as defineCustomElementGxgSplit } from './gxg-split.js';
+export { GxgSplitter, defineCustomElement as defineCustomElementGxgSplitter } from './gxg-splitter.js';
+export { GxgStack, defineCustomElement as defineCustomElementGxgStack } from './gxg-stack.js';
+export { GxgStepper, defineCustomElement as defineCustomElementGxgStepper } from './gxg-stepper.js';
+export { GxgSuggest, defineCustomElement as defineCustomElementGxgSuggest } from './gxg-suggest.js';
+export { GxgTab, defineCustomElement as defineCustomElementGxgTab } from './gxg-tab.js';
+export { GxgTabBar, defineCustomElement as defineCustomElementGxgTabBar } from './gxg-tab-bar.js';
+export { GxgTabButton, defineCustomElement as defineCustomElementGxgTabButton } from './gxg-tab-button.js';
+export { GxgTabs, defineCustomElement as defineCustomElementGxgTabs } from './gxg-tabs.js';
+export { GxgTest, defineCustomElement as defineCustomElementGxgTest } from './gxg-test.js';
+export { GxgText, defineCustomElement as defineCustomElementGxgText } from './gxg-text.js';
+export { GxgTitle, defineCustomElement as defineCustomElementGxgTitle } from './gxg-title.js';
+export { GxgToggle, defineCustomElement as defineCustomElementGxgToggle } from './gxg-toggle.js';
+export { GxgToolbar, defineCustomElement as defineCustomElementGxgToolbar } from './gxg-toolbar.js';
+export { GxgToolbarItem, defineCustomElement as defineCustomElementGxgToolbarItem } from './gxg-toolbar-item.js';
+export { GxgTooltip, defineCustomElement as defineCustomElementGxgTooltip } from './gxg-tooltip.js';
+export { GxgTree, defineCustomElement as defineCustomElementGxgTree } from './gxg-tree.js';
+export { GxgTreeGridDivs, defineCustomElement as defineCustomElementGxgTreeGridDivs } from './gxg-tree-grid-divs.js';
+export { GxgTreeItem, defineCustomElement as defineCustomElementGxgTreeItem } from './gxg-tree-item.js';
+export { GxgWindow, defineCustomElement as defineCustomElementGxgWindow } from './gxg-window.js';

package/dist/components/index2.js

@@ -0,0 +1,100 @@
+import { Build, getElement } from '@stencil/core/internal/client';
+
+const ClickOutsideOptionsDefaults = {
+    triggerEvents: "click",
+    exclude: ""
+};
+/**
+ * Call this function as soon as the click outside of annotated method's host is done.
+ * @example
+```
+@ClickOutside()
+callback() {
+  // this will run when click outside of element (host component) is done.
+}
+```
+ */
+function ClickOutside(opt = ClickOutsideOptionsDefaults) {
+    return (proto, methodName) => {
+        // this is to resolve the 'compiler optimization issue':
+        // lifecycle events not being called when not explicitly declared in at least one of components from bundle
+        Build.connectedCallback = true;
+        Build.disconnectedCallback = true;
+        const { connectedCallback, disconnectedCallback } = proto;
+        proto.connectedCallback = function () {
+            const host = getElement(this);
+            const method = this[methodName];
+            registerClickOutside(this, host, method, opt);
+            return connectedCallback && connectedCallback.call(this);
+        };
+        proto.disconnectedCallback = function () {
+            const host = getElement(this);
+            const method = this[methodName];
+            removeClickOutside(this, host, method, opt);
+            return disconnectedCallback && disconnectedCallback.call(this);
+        };
+    };
+}
+/**
+ * Register callback function for HTMLElement to be executed when user clicks outside of element.
+ * @example
+```
+<span
+    ref={spanEl => registerClickOutside(this, spanEl, () => this.test())}>
+      Hello, World!
+</span>;
+```
+ */
+function registerClickOutside(component, element, callback, opt = ClickOutsideOptionsDefaults) {
+    const excludedNodes = getExcludedNodes(opt);
+    getTriggerEvents(opt).forEach(triggerEvent => {
+        window.addEventListener(triggerEvent, (e) => {
+            initClickOutside(e, component, element, callback, excludedNodes);
+        }, false);
+    });
+}
+/**
+ * Remove click outside callback function for HTMLElement.
+ */
+function removeClickOutside(component, element, callback, opt = ClickOutsideOptionsDefaults) {
+    getTriggerEvents(opt).forEach(triggerEvent => {
+        window.removeEventListener(triggerEvent, (e) => {
+            initClickOutside(e, component, element, callback);
+        }, false);
+    });
+}
+function initClickOutside(event, component, element, callback, excludedNodes) {
+    const target = event.target;
+    if (!element.contains(target) && !isExcluded(target, excludedNodes)) {
+        callback.call(component);
+    }
+}
+function getTriggerEvents(opt) {
+    if (opt.triggerEvents) {
+        return opt.triggerEvents.split(",").map(e => e.trim());
+    }
+    return ["click"];
+}
+function getExcludedNodes(opt) {
+    if (opt.exclude) {
+        try {
+            return Array.from(document.querySelectorAll(opt.exclude));
+        }
+        catch (err) {
+            console.warn(`@ClickOutside: Exclude: '${opt.exclude}' will not be evaluated. Check your exclude selector syntax.`, err);
+        }
+    }
+    return;
+}
+function isExcluded(target, excudedNodes) {
+    if (target && excudedNodes) {
+        for (let excludedNode of excudedNodes) {
+            if (excludedNode.contains(target)) {
+                return true;
+            }
+        }
+    }
+    return false;
+}
+
+export { ClickOutside as C };

package/dist/components/locale.js

@@ -0,0 +1,70 @@
+class Locale {
+  static getLang() {
+    var _a;
+    let lang = (_a = document
+      .getElementsByTagName("html")[0]
+      .getAttribute("lang")) === null || _a === void 0 ? void 0 : _a.valueOf();
+    // Normalize en-US
+    if (lang === "en-US") {
+      lang = "en";
+    }
+    return lang;
+  }
+  static getStrings(component, lang, folder) {
+    if (folder === "") {
+      folder = `${component}/`;
+    }
+    const path = `${Locale.commonAssetsPath}${Locale._assetsFolder}${folder}${this._langsFolder}${component}${Locale._langPrefix}${lang}${Locale._langExt}`;
+    return new Promise((resolve, reject) => {
+      fetch(path)
+        // Locale.commonAssetsPath +
+        // Locale._assetsFolder +
+        // folder +
+        // Locale._assetsFolderSuffix +
+        // component +
+        // Locale._langPrefix +
+        // lang +
+        // Locale._langExt
+        .then(langFile => {
+        if (langFile.ok) {
+          resolve(langFile.json());
+        }
+        else {
+          reject();
+        }
+      }, () => reject());
+    });
+  }
+  static async getComponentStrings(element, folder = "", component = "") {
+    if (component === "") {
+      component = element.tagName
+        .toLowerCase()
+        .replace(this._componentPrefix, "");
+    }
+    const lang = Locale.getLang();
+    let strings;
+    try {
+      strings = await Locale.getStrings(component, lang, folder);
+    }
+    catch (e) {
+      strings = await Locale.getStrings(component, Locale._defaultLanguage, folder);
+    }
+    return strings;
+  }
+  static format(text, parms) {
+    let ret = text;
+    parms.forEach(parm => {
+      ret = ret.replace(`{${parms.indexOf(parm)}}`, parm);
+    });
+    return ret;
+  }
+}
+Locale._defaultLanguage = "en";
+Locale._assetsFolder = "gx-ide-assets/";
+Locale._componentPrefix = "gx-ide-";
+Locale._langsFolder = "langs/";
+Locale._langPrefix = ".lang.";
+Locale._langExt = ".json";
+Locale.commonAssetsPath = "";
+
+export { Locale as L };

package/dist/components/notifications-item.js

@@ -0,0 +1,62 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+
+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)}}";
+
+const ChNotificationsItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.notificationClick = createEvent(this, "notificationClick", 7);
+    this.notificationDismiss = createEvent(this, "notificationDismiss", 7);
+    /**
+     * `true` to show the close notification button
+     */
+    this.showCloseButton = true;
+    /**
+     *
+     */
+    this.timeToDismiss = 5000;
+    this.handleNotificationDismiss = (mustClearTimeout = false) => () => {
+      if (mustClearTimeout) {
+        clearTimeout(this.timeout);
+      }
+      this.notificationDismiss.emit(Number(this.element.id));
+    };
+    this.handleNotificationClick = (mustClearTimeout = false) => () => {
+      if (mustClearTimeout) {
+        clearTimeout(this.timeout);
+      }
+      this.notificationClick.emit(Number(this.element.id));
+    };
+  }
+  componentDidLoad() {
+    this.timeout = setTimeout(this.handleNotificationDismiss(false), this.timeToDismiss);
+  }
+  render() {
+    return (h(Host, null, h("button", { class: "main", part: "notification-item__main", type: "button", onClick: this.handleNotificationClick(true) }, this.leftImgSrc && (h("img", { "aria-hidden": "true", alt: "", src: this.leftImgSrc, loading: "lazy" })), h("slot", null)), this.showCloseButton && (h("button", { "aria-label": this.closeButtonLabel, class: !this.buttonImgSrc ? "close-image" : undefined, part: "notification-item__close-button", type: "button", onClick: this.handleNotificationDismiss(true) }, this.buttonImgSrc && (h("img", { "aria-hidden": "true", alt: "", src: this.buttonImgSrc, loading: "lazy" }))))));
+  }
+  get element() { return this; }
+  static get style() { return notificationsItemCss; }
+}, [1, "ch-notifications-item", {
+    "buttonImgSrc": [1, "button-img-src"],
+    "closeButtonLabel": [1, "close-button-label"],
+    "leftImgSrc": [1, "left-img-src"],
+    "showCloseButton": [4, "show-close-button"],
+    "timeToDismiss": [2, "time-to-dismiss"]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["ch-notifications-item"];
+  components.forEach(tagName => { switch (tagName) {
+    case "ch-notifications-item":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, ChNotificationsItem);
+      }
+      break;
+  } });
+}
+
+export { ChNotificationsItem as C, defineCustomElement as d };

package/dist/components/repositionScroll.js

@@ -0,0 +1,40 @@
+const KeyboardKeys = {
+    ARROW_DOWN: "ArrowDown",
+    ARROW_UP: "ArrowUp",
+    SPACE: "Space",
+    ENTER: "Enter",
+    ESCAPE: "Escape",
+    TAB: "Tab",
+};
+
+const repositionScroll = (scollableElementRef, activeItem, direction) => {
+    console.log("scrollableElement", scollableElementRef);
+    console.log("activeItem", activeItem);
+    console.log("direction", direction);
+    console.log("=================");
+    const scrollableElement = scollableElementRef;
+    const hasVerticalScrollbar = (scrollableElement === null || scrollableElement === void 0 ? void 0 : scrollableElement.scrollHeight) > (scrollableElement === null || scrollableElement === void 0 ? void 0 : scrollableElement.clientHeight);
+    if (hasVerticalScrollbar && activeItem) {
+        const scrollableElementScrollTop = scrollableElement.scrollTop;
+        if (direction === KeyboardKeys.ARROW_UP) {
+            const scrollableElementTop = scrollableElement.getBoundingClientRect()
+                .top;
+            const selectedItemTop = activeItem.getBoundingClientRect().top;
+            if (selectedItemTop < scrollableElementTop) {
+                const offset = scrollableElementTop - selectedItemTop;
+                scrollableElement.scrollTo(0, scrollableElementScrollTop - offset);
+            }
+        }
+        else if (direction === KeyboardKeys.ARROW_DOWN) {
+            const scrollableElementBottom = scrollableElement.getBoundingClientRect()
+                .bottom;
+            const selectedItemBottom = activeItem.getBoundingClientRect().bottom;
+            if (selectedItemBottom > scrollableElementBottom) {
+                const offset = selectedItemBottom - scrollableElementBottom;
+                scrollableElement.scrollTo(0, scrollableElementScrollTop + offset);
+            }
+        }
+    }
+};
+
+export { KeyboardKeys as K, repositionScroll as r };

package/dist/components/reserverd-names.js

@@ -0,0 +1,11 @@
+const KEY_CODES = {
+  ENTER: "Enter"
+};
+// - - - - - - - - - - - - - - - - - - - -
+//               Line clamp
+// - - - - - - - - - - - - - - - - - - - -
+const HEIGHT_MEASURING = "height-measuring";
+const LINE_CLAMP = "line-clamp";
+const LINE_MEASURING = "line-measuring";
+
+export { HEIGHT_MEASURING as H, KEY_CODES as K, LINE_MEASURING as L, LINE_CLAMP as a };