@genexus/genexus-ide-ui 0.0.37 → 0.0.38

package/dist/types/components/new-object/new-object.d.ts

@@ -0,0 +1,107 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { EntityData } from "../entity-selector/entity-selector";
+export declare class GxIdeNewObject {
+  /**
+   * The component hard-coded strings translations.
+   */
+  private _componentLocale;
+  private validateNameTimeoutRef;
+  el: HTMLGxIdeNewObjectElement;
+  private nameEl;
+  private descriptionEl;
+  private parentEl;
+  private descriptionModifiedByUser;
+  selectedCategory: TypeCategoryData | null;
+  selectedType: TypeData | null;
+  nameIsValid: boolean;
+  name: string;
+  description: string;
+  /**
+   * Applies a shadow all around
+   */
+  readonly shadow = false;
+  /**
+   * Array containing category list and its corresponding types
+   */
+  readonly typeCategories: TypeCategoryData[];
+  /**
+   * Current value for Module/Folder
+   */
+  readonly parent: EntityData;
+  /**
+   * Default value for the Module/Folder field.
+   */
+  readonly defaultParent: EntityData;
+  /**
+   * Callback invoked when the action is executed on the Module/Folder filter (button '...'). It returns the information of the selected object (id and name) or 'undefined' if it was canceled.
+   */
+  readonly selectModuleCallback: SelectModuleCallback;
+  /**
+   * Callback invoked when you must validate a name. Returns error message or 'undefined' if name is not valid.
+   */
+  readonly validateNameCallback: ValidateNameCallback;
+  /**
+   * Callback invoked when user wants to cancel object creation
+   */
+  readonly createCallback: CreateCallback;
+  /**
+   * Callback invoked when user wants to confirm object creation
+   */
+  readonly cancelCallback: CancelCallback;
+  /**
+   * This event emm=its the data needed to create a new object
+   */
+  create: EventEmitter<NewObjectData>;
+  /**
+   * This event is trigger after a validation of the object name is made. Returns undefined if its valid, otherwise an error message
+   */
+  validateName: EventEmitter<string | undefined>;
+  /**
+   * This event emits the 'cancel' event
+   */
+  cancel: EventEmitter<boolean>;
+  /**
+   * This event is emited once just after the component is fully loaded and the first render() occurs.
+   */
+  componentDidLoadEvent: EventEmitter<boolean>;
+  componentWillLoad(): Promise<void>;
+  componentDidLoad(): void;
+  private renderModuleFolder;
+  /**
+   * This method initializes tha name value. It depends on 'this.selectedType'
+   */
+  private init;
+  private onInputNameHandler;
+  private onBlurNameHandler;
+  private onInputDescriptionHandler;
+  private processName;
+  private validateNameHandler;
+  private createCallbackHandler;
+  private cancelCallbackHandler;
+  private categoryOnClickHandler;
+  private typeOnClickHandler;
+  render(): any;
+}
+export interface NewObjectData {
+  typeId: string;
+  name: string;
+  description: string | undefined;
+  moduleId: string;
+}
+export type ValidateNameCallback = (name: string) => Promise<string | undefined>;
+export type SelectModuleCallback = () => Promise<EntityData | undefined>;
+export type CreateCallback = (data: NewObjectData) => Promise<boolean>;
+export type CancelCallback = () => Promise<void>;
+export type TypeCategoryData = {
+  id: string;
+  name: string;
+  icon: string;
+  types: TypeData[];
+};
+export type TypeData = {
+  id: string;
+  name: string;
+  icon: string;
+  hasModule: boolean;
+  hasFolder: boolean;
+};

package/dist/types/components/references/helpers.d.ts

@@ -1,16 +1,11 @@
-import { SuggestData } from "@genexus/chameleon-controls-library/dist/types/components/suggest/suggest-list/ch-suggest-list";
+import { SuggestData } from "@genexus/chameleon-controls-library/dist/types/components/suggest/ch-suggest";
 import { GxgTreeItemData } from "@genexus/gemini/dist/types/components/tree-item/gxg-tree-item";
 import { SelectorCategoryData } from "./references";
-import { ObjectData } from "./references";
 import { ReferenceData } from "./references";
 /**
  * @description This function converts SelectorCategoryData[] SuggestData
  */
 export declare const convertObjectDataToSuggestData: (selectorCategoriesData: SelectorCategoryData[]) => SuggestData;
-/**
- * @description Keeps an updated state of the last suggested categories objects passed by the host.
- */
-export declare const updateSuggestedObjects: (selectorCategoryData: SelectorCategoryData[]) => ObjectData[];
 /**
  * @description This function converts ReferenceData[] data to GxgTreeItemData[]
  */

package/dist/types/components/references/references.d.ts

@@ -1,19 +1,19 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import { GxgTreeItemData } from "@genexus/gemini/dist/types/components/tree-item/gxg-tree-item";
-import { SuggestData } from "@genexus/chameleon-controls-library/dist/types/components/suggest/suggest-list/ch-suggest-list";
+import { SuggestData } from "@genexus/chameleon-controls-library/dist/types/components/suggest/ch-suggest";
 export declare class GxIdeReferences {
   /**
    * The component hard-coded strings translations.
    */
   private _componentLocale;
-  /**
-   * Keeps an array of the last suggested objects, returned by selectorSourceCallback
-   */
-  private suggestedObjects;
   /**
    * The references messages max. width that appear if the tree is empty or could not be retrieved.
    */
   private referencesMessagesMaxWidth;
+  /**
+   * The last SelectorCategoryData[] returned by selectorSourceCallback
+   */
+  private selectorCategoryData;
   el: HTMLGxIdeReferencesElement;
   private selectObjectSuggestEl;
   referencedByTreeData: GxgTreeItemData[];
@@ -71,7 +71,7 @@ export declare class GxIdeReferences {
    */
   private attachSelectObjectListener;
   /**
-   * This handler gets fired every time the value of the 'Select Object' ch-suggest changes. Then, it calls the 'updateSuggestedObjects' method, that keeps the state of the last suggested objects that were passed bu the host. Also, it shows the suggested objects on the ch-suggest box.
+   * This handler gets fired every time the value of the 'Select Object' ch-suggest changes.
    */
   private selectObjectValueChangedHandler;
   private openObjectCallbackHandler;

package/dist/types/components.d.ts

@@ -14,13 +14,14 @@ import { ItemData } from "./components/list-selector/list-selector-item/list-sel
 import { GxOption, ObjectType as ObjectType1 } from "./common/types";
 import { CancelCallback, ChangedCallback, CreateCallback } from "./components/new-environment/new-environment";
 import { CancelCallback as CancelCallback1, CreateCallback as CreateCallback1, SelectLocationCallback } from "./components/new-kb/new-kb";
-import { CancelCallback as CancelCallback2, LoadCallback, NewObjectCallback, ObjectType, OpenSelectionCallback, SelectModuleCallback } from "./components/object-selector/object-selector";
+import { CancelCallback as CancelCallback2, CreateCallback as CreateCallback2, NewObjectData, SelectModuleCallback, TypeCategoryData, ValidateNameCallback } from "./components/new-object/new-object";
 import { EntityData as EntityData1 } from "./components/entity-selector/entity-selector";
+import { CancelCallback as CancelCallback3, LoadCallback, NewObjectCallback, ObjectType, OpenSelectionCallback, SelectModuleCallback as SelectModuleCallback1 } from "./components/object-selector/object-selector";
 import { LoadReferencesCallback, ObjectData, OpenObjectCallback, OpenSelectorDialogCallback, SelectorSourceCallback, SelectReferenceCallback } from "./components/references/references";
 import { CommitCallback, CommitSelectCallback, GetRecentComment, LoadCallback as LoadCallback1, ObjectsContextMenuCallback, PendingItemsCheckedCallback } from "./components/team-dev-commit/team-dev-commit";
 import { cancelCallback, confirmCallback } from "./components/team-dev-select-recent-comment/team-dev-select-recent-comment";
 import { ConfirmCallback, GridContextMenuCallback, LoadCallback as LoadCallback2, ObjectsContextMenuCallback as ObjectsContextMenuCallback1, PendingItemsCheckedCallback as PendingItemsCheckedCallback1, UpdateCallback, UpdateFromData, UpdateSelectCallback } from "./components/team-dev-update/team-dev-update";
-import { AddCallback, CancelCallback as CancelCallback3, ConfirmCallback as ConfirmCallback1, ObjectData as ObjectData1 } from "./components/team-dev-update-partial-selection/team-dev-update-partial-selection";
+import { AddCallback, CancelCallback as CancelCallback4, ConfirmCallback as ConfirmCallback1, ObjectData as ObjectData1 } from "./components/team-dev-update-partial-selection/team-dev-update-partial-selection";
 import { cancelCallbackFn, confirmCallbackFn } from "./components/team-dev-update-to-revision/team-dev-update-to-revision";
 import { GxgTreeItemData } from "@genexus/gemini/dist/types/components/tree-item/gxg-tree-item";
 export namespace Components {
@@ -232,13 +233,17 @@ export namespace Components {
          */
         "dataStores": GxOption[];
         /**
-          * Specify whether it is feasible to display information related to local configuration parameters
+          * It allows selecting multiple generators for the front end
          */
         "disableAdvanced": boolean;
         /**
           * Name of the new environment
          */
         "environmentName": string;
+        /**
+          * It allows selecting multiple generators for the front end
+         */
+        "frontEnd": GxOption[];
         /**
           * It allows selecting multiple generators for the front end
          */
@@ -342,6 +347,40 @@ export namespace Components {
          */
         "userName": string;
     }
+    interface GxIdeNewObject {
+        /**
+          * Callback invoked when user wants to confirm object creation
+         */
+        "cancelCallback": CancelCallback;
+        /**
+          * Callback invoked when user wants to cancel object creation
+         */
+        "createCallback": CreateCallback;
+        /**
+          * Default value for the Module/Folder field.
+         */
+        "defaultParent": EntityData1;
+        /**
+          * Current value for Module/Folder
+         */
+        "parent": EntityData1;
+        /**
+          * Callback invoked when the action is executed on the Module/Folder filter (button '...'). It returns the information of the selected object (id and name) or 'undefined' if it was canceled.
+         */
+        "selectModuleCallback": SelectModuleCallback;
+        /**
+          * Applies a shadow all around
+         */
+        "shadow": false;
+        /**
+          * Array containing category list and its corresponding types
+         */
+        "typeCategories": TypeCategoryData[];
+        /**
+          * Callback invoked when you must validate a name. Returns error message or 'undefined' if name is not valid.
+         */
+        "validateNameCallback": ValidateNameCallback;
+    }
     interface GxIdeObjectSelector {
         /**
           * Callback invoked when the user wishes to cancel the selection of objects.
@@ -635,6 +674,10 @@ export interface GxIdeNewKbCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGxIdeNewKbElement;
 }
+export interface GxIdeNewObjectCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLGxIdeNewObjectElement;
+}
 export interface GxIdeObjectSelectorCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGxIdeObjectSelectorElement;
@@ -710,6 +753,12 @@ declare global {
         prototype: HTMLGxIdeNewKbElement;
         new (): HTMLGxIdeNewKbElement;
     };
+    interface HTMLGxIdeNewObjectElement extends Components.GxIdeNewObject, HTMLStencilElement {
+    }
+    var HTMLGxIdeNewObjectElement: {
+        prototype: HTMLGxIdeNewObjectElement;
+        new (): HTMLGxIdeNewObjectElement;
+    };
     interface HTMLGxIdeObjectSelectorElement extends Components.GxIdeObjectSelector, HTMLStencilElement {
     }
     var HTMLGxIdeObjectSelectorElement: {
@@ -778,6 +827,7 @@ declare global {
         "gx-ide-list-selector-item": HTMLGxIdeListSelectorItemElement;
         "gx-ide-new-environment": HTMLGxIdeNewEnvironmentElement;
         "gx-ide-new-kb": HTMLGxIdeNewKbElement;
+        "gx-ide-new-object": HTMLGxIdeNewObjectElement;
         "gx-ide-object-selector": HTMLGxIdeObjectSelectorElement;
         "gx-ide-references": HTMLGxIdeReferencesElement;
         "gx-ide-team-dev-commit": HTMLGxIdeTeamDevCommitElement;
@@ -1007,13 +1057,17 @@ declare namespace LocalJSX {
          */
         "dataStores": GxOption[];
         /**
-          * Specify whether it is feasible to display information related to local configuration parameters
+          * It allows selecting multiple generators for the front end
          */
         "disableAdvanced"?: boolean;
         /**
           * Name of the new environment
          */
         "environmentName"?: string;
+        /**
+          * It allows selecting multiple generators for the front end
+         */
+        "frontEnd": GxOption[];
         /**
           * It allows selecting multiple generators for the front end
          */
@@ -1125,6 +1179,56 @@ declare namespace LocalJSX {
          */
         "userName"?: string;
     }
+    interface GxIdeNewObject {
+        /**
+          * Callback invoked when user wants to confirm object creation
+         */
+        "cancelCallback"?: CancelCallback;
+        /**
+          * Callback invoked when user wants to cancel object creation
+         */
+        "createCallback"?: CreateCallback;
+        /**
+          * Default value for the Module/Folder field.
+         */
+        "defaultParent"?: EntityData1;
+        /**
+          * This event emits the 'cancel' event
+         */
+        "onCancel"?: (event: GxIdeNewObjectCustomEvent<boolean>) => void;
+        /**
+          * This event is emited once just after the component is fully loaded and the first render() occurs.
+         */
+        "onComponentDidLoadEvent"?: (event: GxIdeNewObjectCustomEvent<boolean>) => void;
+        /**
+          * This event emm=its the data needed to create a new object
+         */
+        "onCreate"?: (event: GxIdeNewObjectCustomEvent<NewObjectData>) => void;
+        /**
+          * This event is trigger after a validation of the object name is made. Returns undefined if its valid, otherwise an error message
+         */
+        "onValidateName"?: (event: GxIdeNewObjectCustomEvent<string | undefined>) => void;
+        /**
+          * Current value for Module/Folder
+         */
+        "parent"?: EntityData1;
+        /**
+          * Callback invoked when the action is executed on the Module/Folder filter (button '...'). It returns the information of the selected object (id and name) or 'undefined' if it was canceled.
+         */
+        "selectModuleCallback"?: SelectModuleCallback;
+        /**
+          * Applies a shadow all around
+         */
+        "shadow"?: false;
+        /**
+          * Array containing category list and its corresponding types
+         */
+        "typeCategories": TypeCategoryData[];
+        /**
+          * Callback invoked when you must validate a name. Returns error message or 'undefined' if name is not valid.
+         */
+        "validateNameCallback"?: ValidateNameCallback;
+    }
     interface GxIdeObjectSelector {
         /**
           * Callback invoked when the user wishes to cancel the selection of objects.
@@ -1421,6 +1525,7 @@ declare namespace LocalJSX {
         "gx-ide-list-selector-item": GxIdeListSelectorItem;
         "gx-ide-new-environment": GxIdeNewEnvironment;
         "gx-ide-new-kb": GxIdeNewKb;
+        "gx-ide-new-object": GxIdeNewObject;
         "gx-ide-object-selector": GxIdeObjectSelector;
         "gx-ide-references": GxIdeReferences;
         "gx-ide-team-dev-commit": GxIdeTeamDevCommit;
@@ -1444,6 +1549,7 @@ declare module "@stencil/core" {
             "gx-ide-list-selector-item": LocalJSX.GxIdeListSelectorItem & JSXBase.HTMLAttributes<HTMLGxIdeListSelectorItemElement>;
             "gx-ide-new-environment": LocalJSX.GxIdeNewEnvironment & JSXBase.HTMLAttributes<HTMLGxIdeNewEnvironmentElement>;
             "gx-ide-new-kb": LocalJSX.GxIdeNewKb & JSXBase.HTMLAttributes<HTMLGxIdeNewKbElement>;
+            "gx-ide-new-object": LocalJSX.GxIdeNewObject & JSXBase.HTMLAttributes<HTMLGxIdeNewObjectElement>;
             "gx-ide-object-selector": LocalJSX.GxIdeObjectSelector & JSXBase.HTMLAttributes<HTMLGxIdeObjectSelectorElement>;
             "gx-ide-references": LocalJSX.GxIdeReferences & JSXBase.HTMLAttributes<HTMLGxIdeReferencesElement>;
             "gx-ide-team-dev-commit": LocalJSX.GxIdeTeamDevCommit & JSXBase.HTMLAttributes<HTMLGxIdeTeamDevCommitElement>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genexus/genexus-ide-ui",
   "license": "Apache-2.0",
-  "version": "0.0.37",
+  "version": "0.0.38",
   "description": "GeneXus IDE UI components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -36,10 +36,10 @@
     "@types/react": "^18.2.8"
   },
   "peerDependencies": {
-    "@genexus/gemini": "*0.1.448"
+    "@genexus/gemini": "*0.1.452"
   },
   "devDependencies": {
-    "@genexus/gemini": "*0.1.448",
+    "@genexus/gemini": "*0.1.452",
     "@stencil-community/eslint-plugin": "^0.5.0",
     "@stencil/core": "^2.17.0",
     "@stencil/sass": "^2.0.1",

package/dist/genexus-ide-ui/p-35bc6e3a.entry.js

@@ -1 +0,0 @@
-import{r,c as t,h as e,H as o,g as a}from"./p-976c3a09.js";import{c as i,g as n}from"./p-64765a81.js";import{s}from"./p-e46e26a6.js";import{e as l}from"./p-d8501cb4.js";const c=class{constructor(e){r(this,e),this.valueChanged=t(this,"valueChanged",7),this.btnClearClickHandler=()=>{this.value=this.defaultValue},this.btnSelectClickHandler=()=>{this.selectEntityCallback&&this.selectEntityCallback().then((r=>{this.value=r}))},this.iconColor=()=>{let r;return this.value?r=this.value:this.defaultValue&&(r=this.defaultValue),(null==r?void 0:r.iconColor)||"auto"},this.iconSrc=()=>this.value?this.value.iconSrc:this.defaultValue?this.defaultValue.iconSrc:void 0,this.buttonFocusHandler=r=>{"focus"===r.type?this.buttonHasFocus=!0:"blur"===r.type&&(this.buttonHasFocus=!1)},this.accessibilityLabels={buttonClearLabel:"clears the actual value",buttonSelectLabel:"displays the entity selector"},this.defaultValue=void 0,this.label=void 0,this.labelPosition="above",this.centerLabel=!1,this.labelWidth=void 0,this.selectEntityCallback=void 0,this.value=void 0,this.buttonHasFocus=!1}valueChangedHandler(){this.valueChanged.emit(this.value)}render(){var r,t,a,i;return e(o,{class:{"gxg-entity-selector--button-has-focus":this.buttonHasFocus}},this.label&&e("gxg-label",{part:"label",labelPosition:this.labelPosition,center:this.centerLabel,width:this.labelWidth},this.label),e("div",{part:"wrapper",class:"wrapper"},this.iconSrc()&&e("gxg-icon",{color:this.iconColor(),type:this.iconSrc(),part:"icon","aria-hidden":"true"}),e("input",{type:"text",readonly:!0,part:"input input-entity",value:(null===(r=this.value)||void 0===r?void 0:r.name)||(null===(t=this.defaultValue)||void 0===t?void 0:t.name)}),e("gxg-button",{part:"button-clear",onClick:this.btnClearClickHandler,"aria-label":null===(a=this.accessibilityLabels)||void 0===a?void 0:a.buttonClearLabel,onFocus:this.buttonFocusHandler,onBlur:this.buttonFocusHandler,type:"secondary-icon-only",icon:"gemini-tools/reset"}),e("gxg-button",{part:"button-select",onClick:this.btnSelectClickHandler,"aria-label":null===(i=this.accessibilityLabels)||void 0===i?void 0:i.buttonSelectLabel,onFocus:this.buttonFocusHandler,onBlur:this.buttonFocusHandler,type:"secondary-icon-only",icon:"gemini-tools/show-more-horizontal",disabled:!this.selectEntityCallback})))}static get watchers(){return{value:["valueChangedHandler"]}}};c.style=":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:6px;height:6px}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host{display:flex;flex-direction:column;color:var(--color-primary-enabled);}:host .container{display:flex;flex-direction:column;gap:30px}:host label{font-size:14px}:host .wrapper{display:inline-flex;align-items:center;gap:var(--spacing-comp-01);border:var(--gxg-border-common-styles);border-radius:var(--border-radius-sm);padding:var(--spacing-comp-01);height:var(--gxg-form-text-height);box-sizing:border-box;background-color:var(--color-background)}:host input{flex:1;border:0;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-size:var(--font-size-lg)}:host input:focus-visible{outline:none}:host(:focus-within) .wrapper{outline-style:solid;outline-color:var(--color-primary-active);outline-width:var(--border-width-md);outline-offset:-2px}:host(.gxg-entity-selector--button-has-focus) .wrapper{outline:none}:host([label-position=start]){flex-direction:row}:host([label-position=start]) .wrapper{flex:1}";var g=i((function(r){window,r.exports=function(r){var t={};function e(o){if(t[o])return t[o].exports;var a=t[o]={i:o,l:!1,exports:{}};return r[o].call(a.exports,a,a.exports,e),a.l=!0,a.exports}return e.m=r,e.c=t,e.d=function(r,t,o){e.o(r,t)||Object.defineProperty(r,t,{enumerable:!0,get:o})},e.r=function(r){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})},e.t=function(r,t){if(1&t&&(r=e(r)),8&t)return r;if(4&t&&"object"==typeof r&&r&&r.__esModule)return r;var o=Object.create(null);if(e.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:r}),2&t&&"string"!=typeof r)for(var a in r)e.d(o,a,function(t){return r[t]}.bind(null,a));return o},e.n=function(r){var t=r&&r.__esModule?function(){return r.default}:function(){return r};return e.d(t,"a",t),t},e.o=function(r,t){return Object.prototype.hasOwnProperty.call(r,t)},e.p="",e(e.s=0)}([function(r,t,e){e.r(t);var o=[],a=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],i=["January","February","March","April","May","June","July","August","September","October","November","December"],n={t:"top",r:"right",b:"bottom",l:"left",c:"centered"};function s(){}var l=["click","focusin","keydown","input"];function c(r){l.forEach((function(t){r.addEventListener(t,r===document?j:E)}))}function g(r){return Array.isArray(r)?r.map(g):"[object Object]"===M(r)?Object.keys(r).reduce((function(t,e){return t[e]=g(r[e]),t}),{}):r}function d(r,t){var e=r.calendar.querySelector(".qs-overlay"),o=e&&!e.classList.contains("qs-hidden");t=t||new Date(r.currentYear,r.currentMonth),r.calendar.innerHTML=[f(t,r,o),v(t,r,o),u(r,o)].join(""),o&&window.requestAnimationFrame((function(){z(!0,r)}))}function f(r,t,e){return['<div class="qs-controls'+(e?" qs-blur":"")+'">','<div class="qs-arrow qs-left"></div>','<div class="qs-month-year'+(t.disableYearOverlay?" qs-disabled-year-overlay":"")+'">','<span class="qs-month">'+t.months[r.getMonth()]+"</span>",'<span class="qs-year">'+r.getFullYear()+"</span>","</div>",'<div class="qs-arrow qs-right"></div>',"</div>"].join("")}function v(r,t,e){var o=t.currentMonth,a=t.currentYear,i=t.dateSelected,n=t.maxDate,s=t.minDate,l=t.showAllDates,c=t.days,g=t.disabledDates,d=t.startDay,f=t.weekendIndices,v=t.events,u=t.getRange?t.getRange():{},m=+u.start,h=+u.end,p=w(new Date(r).setDate(1)),b=p.getDay()-d,y=b<0?7:0;p.setMonth(p.getMonth()+1),p.setDate(0);var x=p.getDate(),q=[],k=y+7*((b+x)/7|0);k+=(b+x)%7?7:0;for(var z=1;z<=k;z++){var D=(z-1)%7,M=c[D],S=z-(b>=0?b:7+b),j=new Date(a,o,S),E=v[+j],O=S<1||S>x,A=O?S<1?-1:1:0,N=O&&!l,C=N?"":j.getDate(),J=D===f[0]||D===f[1],T=m!==h,P="qs-square "+M;E&&!N&&(P+=" qs-event"),O&&(P+=" qs-outside-current-month"),!l&&O||(P+=" qs-num"),+j==+i&&(P+=" qs-active"),(g[+j]||t.disabler(j)||J&&t.noWeekends||s&&+j<+s||n&&+j>+n)&&!N&&(P+=" qs-disabled"),+w(new Date)==+j&&(P+=" qs-current"),+j===m&&h&&T&&(P+=" qs-range-start"),+j>m&&+j<h&&(P+=" qs-range-middle"),+j===h&&m&&T&&(P+=" qs-range-end"),N&&(P+=" qs-empty",C=""),q.push('<div class="'+P+'" data-direction="'+A+'">'+C+"</div>")}var F=c.map((function(r){return'<div class="qs-square qs-day">'+r+"</div>"})).concat(q);return F.unshift('<div class="qs-squares'+(e?" qs-blur":"")+'">'),F.push("</div>"),F.join("")}function u(r,t){var e=r.overlayButton;return['<div class="qs-overlay'+(t?"":" qs-hidden")+'">',"<div>",'<input class="qs-overlay-year" placeholder="'+r.overlayPlaceholder+'" inputmode="numeric" />','<div class="qs-close">&#10005;</div>',"</div>",'<div class="qs-overlay-month-container">'+r.overlayMonths.map((function(r,t){return'<div class="qs-overlay-month" data-month-num="'+t+'">'+r+"</div>"})).join("")+"</div>",'<div class="qs-submit qs-disabled">'+e+"</div>","</div>"].join("")}function m(r,t,e){var o=t.el,a=t.calendar.querySelector(".qs-active"),i=t.sibling;(o.disabled||o.readOnly)&&t.respectDisabledReadOnly||(t.dateSelected=e?void 0:new Date(t.currentYear,t.currentMonth,r.textContent),a&&a.classList.remove("qs-active"),e||r.classList.add("qs-active"),p(o,t,e),e||q(t),i&&(h({instance:t,deselect:e}),t.first&&!i.dateSelected&&(i.currentYear=t.currentYear,i.currentMonth=t.currentMonth,i.currentMonthName=t.currentMonthName),d(t),d(i)),t.onSelect(t,e?void 0:new Date(t.dateSelected)))}function h(r){var t=r.instance.first?r.instance:r.instance.sibling,e=t.sibling;t===r.instance?r.deselect?(t.minDate=t.originalMinDate,e.minDate=e.originalMinDate):e.minDate=t.dateSelected:r.deselect?(e.maxDate=e.originalMaxDate,t.maxDate=t.originalMaxDate):t.maxDate=e.dateSelected}function p(r,t,e){if(!t.nonInput)return e?r.value="":t.formatter!==s?t.formatter(r,t.dateSelected,t):void(r.value=t.dateSelected.toDateString())}function b(r,t,e,o){e||o?(e&&(t.currentYear=+e),o&&(t.currentMonth=+o)):(t.currentMonth+=r.contains("qs-right")?1:-1,12===t.currentMonth?(t.currentMonth=0,t.currentYear++):-1===t.currentMonth&&(t.currentMonth=11,t.currentYear--)),t.currentMonthName=t.months[t.currentMonth],d(t),t.onMonthChange(t)}function y(r){if(!r.noPosition){var t=r.position.top,e=r.position.right;if(r.position.centered)return r.calendarContainer.classList.add("qs-centered");var o=r.positionedEl.getBoundingClientRect(),a=r.el.getBoundingClientRect(),i=r.calendarContainer.getBoundingClientRect(),n=a.left-o.left+(e?a.width-i.width:0)+"px";r.calendarContainer.style.setProperty("top",a.top-o.top+(t?-1*i.height:a.height)+"px"),r.calendarContainer.style.setProperty("left",n)}}function x(r){return"[object Date]"===M(r)&&"Invalid Date"!==r.toString()}function w(r){if(x(r)||"number"==typeof r&&!isNaN(r)){var t=new Date(+r);return new Date(t.getFullYear(),t.getMonth(),t.getDate())}}function q(r){r.disabled||!r.calendarContainer.classList.contains("qs-hidden")&&!r.alwaysShow&&("overlay"!==r.defaultView&&z(!0,r),r.calendarContainer.classList.add("qs-hidden"),r.onHide(r))}function k(r){r.disabled||(r.calendarContainer.classList.remove("qs-hidden"),"overlay"===r.defaultView&&z(!1,r),y(r),r.onShow(r))}function z(r,t){var e=t.calendar,o=e.querySelector(".qs-overlay"),a=o.querySelector(".qs-overlay-year"),i=e.querySelector(".qs-controls"),n=e.querySelector(".qs-squares");r?(o.classList.add("qs-hidden"),i.classList.remove("qs-blur"),n.classList.remove("qs-blur"),a.value=""):(o.classList.remove("qs-hidden"),i.classList.add("qs-blur"),n.classList.add("qs-blur"),a.focus())}function D(r,t,e,o){var a=isNaN(+(new Date).setFullYear(t.value||void 0)),i=a?null:t.value;13===r.which||13===r.keyCode||"click"===r.type?o?b(null,e,i,o):a||t.classList.contains("qs-disabled")||b(null,e,i):e.calendar.contains(t)&&e.calendar.querySelector(".qs-submit").classList[a?"add":"remove"]("qs-disabled")}function M(r){return{}.toString.call(r)}function S(r){o.forEach((function(t){t!==r&&q(t)}))}function j(r){if(!r.__qs_shadow_dom){var t=r.which||r.keyCode,e=r.type,a=r.target,n=a.classList,s=o.filter((function(r){return r.calendar.contains(a)||r.el===a}))[0],l=s&&s.calendar.contains(a);if(!(s&&s.isMobile&&s.disableMobile))if("click"===e){if(!s)return o.forEach(q);if(s.disabled)return;var c=s.calendar,g=s.calendarContainer,f=s.disableYearOverlay,v=s.nonInput,u=c.querySelector(".qs-overlay-year"),h=!!c.querySelector(".qs-hidden"),p=c.querySelector(".qs-month-year").contains(a),y=a.dataset.monthNum;if(s.noPosition&&!l)(g.classList.contains("qs-hidden")?k:q)(s);else if(n.contains("qs-arrow"))b(n,s);else if(p||n.contains("qs-close"))f||z(!h,s);else if(y)D(r,u,s,y);else{if(n.contains("qs-disabled"))return;if(n.contains("qs-num")){var x=a.textContent,w=+a.dataset.direction,M=new Date(s.currentYear,s.currentMonth+w,x);if(w){s.currentYear=M.getFullYear(),s.currentMonth=M.getMonth(),s.currentMonthName=i[s.currentMonth],d(s);for(var j,E=s.calendar.querySelectorAll('[data-direction="0"]'),O=0;!j;){var A=E[O];A.textContent===x&&(j=A),O++}a=j}return void(+M==+s.dateSelected?m(a,s,!0):a.classList.contains("qs-disabled")||m(a,s))}n.contains("qs-submit")?D(r,u,s):v&&a===s.el&&(k(s),S(s))}}else if("focusin"===e&&s)k(s),S(s);else if("keydown"===e&&9===t&&s)q(s);else if("keydown"===e&&s&&!s.disabled){var N=!s.calendar.querySelector(".qs-overlay").classList.contains("qs-hidden");13===t&&N&&l?D(r,a,s):27===t&&N&&l&&z(!0,s)}else if("input"===e){if(!s||!s.calendar.contains(a))return;var C=s.calendar.querySelector(".qs-submit"),J=a.value.split("").reduce((function(r,t){return r||"0"!==t?r+(t.match(/[0-9]/)?t:""):""}),"").slice(0,4);a.value=J,C.classList[4===J.length?"remove":"add"]("qs-disabled")}}}function E(r){j(r),r.__qs_shadow_dom=!0}function O(r,t){l.forEach((function(e){r.removeEventListener(e,t)}))}function A(){k(this)}function N(){q(this)}function C(r,t){var e=w(r),o=this.currentYear,a=this.currentMonth,i=this.sibling;if(null==r)return this.dateSelected=void 0,p(this.el,this,!0),i&&(h({instance:this,deselect:!0}),d(i)),d(this),this;if(!x(r))throw new Error("`setDate` needs a JavaScript Date object.");if(this.disabledDates[+e]||e<this.minDate||e>this.maxDate)throw new Error("You can't manually set a date that's disabled.");this.dateSelected=e,t&&(this.currentYear=e.getFullYear(),this.currentMonth=e.getMonth(),this.currentMonthName=this.months[e.getMonth()]),p(this.el,this),i&&(h({instance:this}),d(i));var n=o===e.getFullYear()&&a===e.getMonth();return n||t?d(this,e):n||d(this,new Date(o,a,1)),this}function J(r){return P(this,r,!0)}function T(r){return P(this,r)}function P(r,t,e){var o=r.dateSelected,a=r.first,i=r.sibling,n=r.minDate,s=r.maxDate,l=w(t),c=e?"Min":"Max";function g(){return"original"+c+"Date"}function f(){return c.toLowerCase()+"Date"}function v(){return"set"+c}function u(){throw new Error("Out-of-range date passed to "+v())}if(null==t)r[g()]=void 0,i?(i[g()]=void 0,e?(a&&!o||!a&&!i.dateSelected)&&(r.minDate=void 0,i.minDate=void 0):(a&&!i.dateSelected||!a&&!o)&&(r.maxDate=void 0,i.maxDate=void 0)):r[f()]=void 0;else{if(!x(t))throw new Error("Invalid date passed to "+v());i?((a&&e&&l>(o||s)||a&&!e&&l<(i.dateSelected||n)||!a&&e&&l>(i.dateSelected||s)||!a&&!e&&l<(o||n))&&u(),r[g()]=l,i[g()]=l,(e&&(a&&!o||!a&&!i.dateSelected)||!e&&(a&&!i.dateSelected||!a&&!o))&&(r[f()]=l,i[f()]=l)):((e&&l>(o||s)||!e&&l<(o||n))&&u(),r[f()]=l)}return i&&d(i),d(r),r}function F(){var r=this.first?this:this.sibling;return{start:r.dateSelected,end:r.sibling.dateSelected}}function I(){var r=this.shadowDom,t=this.positionedEl,e=this.calendarContainer,a=this.sibling,i=this;this.inlinePosition&&(o.some((function(r){return r!==i&&r.positionedEl===t}))||t.style.setProperty("position",null)),e.remove(),o=o.filter((function(r){return r!==i})),a&&delete a.sibling,o.length||O(document,j);var n=o.some((function(t){return t.shadowDom===r}));for(var s in r&&!n&&O(r,E),this)delete this[s];o.length||l.forEach((function(r){document.removeEventListener(r,j)}))}function L(r,t){var e=new Date(r);if(!x(e))throw new Error("Invalid date passed to `navigate`");this.currentYear=e.getFullYear(),this.currentMonth=e.getMonth(),d(this),t&&this.onMonthChange(this)}function _(){var r=!this.calendarContainer.classList.contains("qs-hidden"),t=!this.calendarContainer.querySelector(".qs-overlay").classList.contains("qs-hidden");r&&z(t,this)}t.default=function(r,t){var e=function(r,t){var e,l,c=function(r){var t=g(r);t.events&&(t.events=t.events.reduce((function(r,t){if(!x(t))throw new Error('"options.events" must only contain valid JavaScript Date objects.');return r[+w(t)]=!0,r}),{})),["startDate","dateSelected","minDate","maxDate"].forEach((function(r){var e=t[r];if(e&&!x(e))throw new Error('"options.'+r+'" needs to be a valid JavaScript Date object.');t[r]=w(e)}));var e=t.position,i=t.maxDate,l=t.minDate,c=t.dateSelected,d=t.overlayPlaceholder,f=t.overlayButton,v=t.startDay,u=t.id;if(t.startDate=w(t.startDate||c||new Date),t.disabledDates=(t.disabledDates||[]).reduce((function(r,t){var e=+w(t);if(!x(t))throw new Error('You supplied an invalid date to "options.disabledDates".');if(e===+w(c))throw new Error('"disabledDates" cannot contain the same date as "dateSelected".');return r[e]=1,r}),{}),t.hasOwnProperty("id")&&null==u)throw new Error("`id` cannot be `null` or `undefined`");if(null!=u){var m=o.filter((function(r){return r.id===u}));if(m.length>1)throw new Error("Only two datepickers can share an id.");m.length?(t.second=!0,t.sibling=m[0]):t.first=!0}var h=["tr","tl","br","bl","c"].some((function(r){return e===r}));if(e&&!h)throw new Error('"options.position" must be one of the following: tl, tr, bl, br, or c.');function p(r){throw new Error('"dateSelected" in options is '+(r?"less":"greater")+' than "'+(r||"max")+'Date".')}if(t.position=function(r){var t=r[1],e={};return e[n[r[0]]]=1,t&&(e[n[t]]=1),e}(e||"bl"),i<l)throw new Error('"maxDate" in options is less than "minDate".');if(c&&(l>c&&p("min"),i<c&&p()),["onSelect","onShow","onHide","onMonthChange","formatter","disabler"].forEach((function(r){"function"!=typeof t[r]&&(t[r]=s)})),["customDays","customMonths","customOverlayMonths"].forEach((function(r,e){var o=t[r],a=e?12:7;if(o){if(!Array.isArray(o)||o.length!==a||o.some((function(r){return"string"!=typeof r})))throw new Error('"'+r+'" must be an array with '+a+" strings.");t[e?e<2?"months":"overlayMonths":"days"]=o}})),v&&v>0&&v<7){var b=(t.customDays||a).slice(),y=b.splice(0,v);t.customDays=b.concat(y),t.startDay=+v,t.weekendIndices=[b.length-1,b.length]}else t.startDay=0,t.weekendIndices=[6,0];"string"!=typeof d&&delete t.overlayPlaceholder,"string"!=typeof f&&delete t.overlayButton;var q=t.defaultView;if(q&&"calendar"!==q&&"overlay"!==q)throw new Error('options.defaultView must either be "calendar" or "overlay".');return t.defaultView=q||"calendar",t}(t||{startDate:w(new Date),position:"bl",defaultView:"calendar"}),d=r;if("string"==typeof d)d="#"===d[0]?document.getElementById(d.slice(1)):document.querySelector(d);else{if("[object ShadowRoot]"===M(d))throw new Error("Using a shadow DOM as your selector is not supported.");for(var f,v=d.parentNode;!f;){var u=M(v);"[object HTMLDocument]"===u?f=!0:"[object ShadowRoot]"===u?(f=!0,e=v,l=v.host):v=v.parentNode}}if(!d)throw new Error("No selector / element found.");if(o.some((function(r){return r.el===d})))throw new Error("A datepicker already exists on that element.");var m=d===document.body,h=e?d.parentElement||e:m?document.body:d.parentElement,b=e?d.parentElement||l:h,y=document.createElement("div"),q=document.createElement("div");y.className="qs-datepicker-container qs-hidden",q.className="qs-datepicker";var z={shadowDom:e,customElement:l,positionedEl:b,el:d,parent:h,nonInput:"INPUT"!==d.nodeName,noPosition:m,position:!m&&c.position,startDate:c.startDate,dateSelected:c.dateSelected,disabledDates:c.disabledDates,minDate:c.minDate,maxDate:c.maxDate,noWeekends:!!c.noWeekends,weekendIndices:c.weekendIndices,calendarContainer:y,calendar:q,currentMonth:(c.startDate||c.dateSelected).getMonth(),currentMonthName:(c.months||i)[(c.startDate||c.dateSelected).getMonth()],currentYear:(c.startDate||c.dateSelected).getFullYear(),events:c.events||{},defaultView:c.defaultView,setDate:C,remove:I,setMin:J,setMax:T,show:A,hide:N,navigate:L,toggleOverlay:_,onSelect:c.onSelect,onShow:c.onShow,onHide:c.onHide,onMonthChange:c.onMonthChange,formatter:c.formatter,disabler:c.disabler,months:c.months||i,days:c.customDays||a,startDay:c.startDay,overlayMonths:c.overlayMonths||(c.months||i).map((function(r){return r.slice(0,3)})),overlayPlaceholder:c.overlayPlaceholder||"4-digit year",overlayButton:c.overlayButton||"Submit",disableYearOverlay:!!c.disableYearOverlay,disableMobile:!!c.disableMobile,isMobile:"ontouchstart"in window,alwaysShow:!!c.alwaysShow,id:c.id,showAllDates:!!c.showAllDates,respectDisabledReadOnly:!!c.respectDisabledReadOnly,first:c.first,second:c.second};if(c.sibling){var D=c.sibling,S=z,j=D.minDate||S.minDate,E=D.maxDate||S.maxDate;S.sibling=D,D.sibling=S,D.minDate=j,D.maxDate=E,S.minDate=j,S.maxDate=E,D.originalMinDate=j,D.originalMaxDate=E,S.originalMinDate=j,S.originalMaxDate=E,D.getRange=F,S.getRange=F}c.dateSelected&&p(d,z);var O=getComputedStyle(b).position;m||O&&"static"!==O||(z.inlinePosition=!0,b.style.setProperty("position","relative"));var P=o.filter((function(r){return r.positionedEl===z.positionedEl}));return P.some((function(r){return r.inlinePosition}))&&(z.inlinePosition=!0,P.forEach((function(r){r.inlinePosition=!0}))),y.appendChild(q),h.appendChild(y),z.alwaysShow&&k(z),z}(r,t);if(o.length||c(document),e.shadowDom&&(o.some((function(r){return r.shadowDom===e.shadowDom}))||c(e.shadowDom)),o.push(e),e.second){var l=e.sibling;h({instance:e,deselect:!e.dateSelected}),h({instance:l,deselect:!l.dateSelected}),d(l)}return d(e,e.startDate||e.dateSelected),e.alwaysShow&&y(e),e}}]).default}));const d=n(g),f=class{constructor(e){r(this,e),this.valueChanged=t(this,"valueChanged",7),this.parts={input:"input"},this.alwaysShow=!1,this.label=void 0,this.noWeekends=!1,this.maxWidth="100%",this.rtl=!1,this.attachExportParts=()=>{const r=this.el.getAttribute("part"),t=l(r,this.parts);t.length&&(this.exportparts=t)}}componentWillLoad(){this.attachExportParts()}componentDidLoad(){const r=document.getElementsByTagName("html")[0].getAttribute("dir"),t=document.getElementsByTagName("body")[0].getAttribute("dir");"rtl"!==r&&"rtl"!==t||(this.rtl=!0);let e=new Date;if(void 0!==this.value&&""!==this.value){const r=new Date(this.value);"[object Date]"===Object.prototype.toString.call(r)&&(isNaN(r.getTime())||(e=new Date(this.value)))}e.getFullYear(),e.getMonth(),e.getDate();const o=this.minDate?new Date(this.minDate):void 0,a=null==o?void 0:o.getFullYear(),i=null==o?void 0:o.getMonth(),n=null==o?void 0:o.getDate(),s=this.maxDate?new Date(this.maxDate):void 0,l=null==s?void 0:s.getFullYear(),c=null==s?void 0:s.getMonth(),g=null==s?void 0:s.getDate(),f=this.el.shadowRoot.querySelector("#date-picker");d(f,{onSelect:r=>{const t=r.dateSelected;this.valueChanged.emit(t),this.value=t},formatter:(r,t)=>{r.value=t.toDateString()},position:"bl",startDay:1,customDays:["S","M","T","W","T","F","S"],customMonths:["January","February","March","April","May","June","July","August","September","October","November","December"],customOverlayMonths:["JAN","FEB","MAR","APR","MAY","JUN","JUL","AUG","SEP","OCT","NOV","DEC"],overlayButton:"Go!",overlayPlaceholder:"Enter a 4-digit year",alwaysShow:this.alwaysShow,maxDate:s&&new Date(l,c,g),minDate:o&&new Date(a,i,n),startDate:this.value,showAllDates:!0,noWeekends:this.noWeekends,disabler:r=>2===r.getDay()&&9===r.getMonth(),disableMobile:!0,disableYearOverlay:!1,id:"date-picker"}).calendarContainer.style.setProperty("font-size","9px")}render(){return e(o,{class:{rtl:this.rtl,large:s.large},style:{maxWidth:this.maxWidth},exportParts:this.exportparts?this.exportparts:null},this.label?e("gxg-label",{class:"label"},this.label):null,e("input",{type:"text",id:"date-picker",part:this.parts.input,readOnly:!0}))}get el(){return a(this)}};f.style='/*! 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}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:6px;height:6px}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.qs-datepicker-container{font-size:1rem;font-family:sans-serif;color:black;position:absolute;width:15.625em;display:flex;flex-direction:column;z-index:9001;user-select:none;border:1px solid gray;border-radius:0.263921875em;overflow:hidden;background:white;box-shadow:0 1.25em 1.25em -0.9375em rgba(0, 0, 0, 0.3)}.qs-datepicker-container *{box-sizing:border-box}.qs-centered{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%)}.qs-hidden{display:none}.qs-overlay{position:absolute;top:0;left:0;background:rgba(0, 0, 0, 0.75);color:white;width:100%;height:100%;padding:0.5em;z-index:1;opacity:1;transition:opacity 0.3s;display:flex;flex-direction:column}.qs-overlay.qs-hidden{opacity:0;z-index:-1}.qs-overlay .qs-overlay-year{border:none;background:transparent;border-bottom:1px solid white;border-radius:0;color:white;font-size:0.875em;padding:0.25em 0;width:80%;text-align:center;margin:0 auto;display:block}.qs-overlay .qs-overlay-year::-webkit-inner-spin-button{-webkit-appearance:none}.qs-overlay .qs-close{padding:0.5em;cursor:pointer;position:absolute;top:0;right:0}.qs-overlay .qs-submit{border:1px solid white;border-radius:0.263921875em;padding:0.5em;margin:0 auto auto;cursor:pointer;background:rgba(128, 128, 128, 0.4)}.qs-overlay .qs-submit.qs-disabled{color:gray;border-color:gray;cursor:not-allowed}.qs-overlay .qs-overlay-month-container{display:flex;flex-wrap:wrap;flex-grow:1}.qs-overlay .qs-overlay-month{display:flex;justify-content:center;align-items:center;width:calc(100% / 3);cursor:pointer;opacity:0.5;transition:opacity 0.15s}.qs-overlay .qs-overlay-month.active,.qs-overlay .qs-overlay-month:hover{opacity:1}.qs-controls{width:100%;display:flex;justify-content:space-between;align-items:center;flex-grow:1;flex-shrink:0;background:lightgray;filter:blur(0px);transition:filter 0.3s}.qs-controls.qs-blur{filter:blur(5px)}.qs-arrow{height:1.5625em;width:1.5625em;position:relative;cursor:pointer;border-radius:0.263921875em;transition:background 0.15s}.qs-arrow:hover{background:rgba(0, 0, 0, 0.1)}.qs-arrow:hover.qs-left:after{border-right-color:black}.qs-arrow:hover.qs-right:after{border-left-color:black}.qs-arrow:after{content:"";border:0.390625em solid transparent;position:absolute;top:50%;transition:border 0.2s}.qs-arrow.qs-left:after{border-right-color:gray;right:50%;transform:translate(25%, -50%)}.qs-arrow.qs-right:after{border-left-color:gray;left:50%;transform:translate(-25%, -50%)}.qs-month-year{font-weight:bold;transition:border 0.2s;border-bottom:1px solid transparent;cursor:pointer}.qs-month-year:hover{border-bottom:1px solid gray}.qs-month-year:focus,.qs-month-year:active:focus{outline:none}.qs-month{padding-right:0.5ex}.qs-year{padding-left:0.5ex}.qs-squares{display:flex;flex-wrap:wrap;padding:0.3125em;filter:blur(0px);transition:filter 0.3s}.qs-squares.qs-blur{filter:blur(5px)}.qs-square{width:calc(100% / 7);height:1.5625em;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.1s;border-radius:0.263921875em}.qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover{background:orange}.qs-current{font-weight:bold;text-decoration:underline}.qs-active,.qs-range-start,.qs-range-end{background:lightblue}.qs-range-start:not(.qs-range-6){border-top-right-radius:0;border-bottom-right-radius:0}.qs-range-middle{background:#d4ebf2}.qs-range-middle:not(.qs-range-0):not(.qs-range-6){border-radius:0}.qs-range-middle.qs-range-0{border-top-right-radius:0;border-bottom-right-radius:0}.qs-range-middle.qs-range-6{border-top-left-radius:0;border-bottom-left-radius:0}.qs-range-end:not(.qs-range-0){border-top-left-radius:0;border-bottom-left-radius:0}.qs-disabled,.qs-outside-current-month{opacity:0.2}.qs-disabled{cursor:not-allowed}.qs-empty{cursor:default}.qs-day{cursor:default;font-weight:bold;color:gray}.qs-event{position:relative}.qs-event:after{content:"";position:absolute;width:0.46875em;height:0.46875em;border-radius:50%;background:#07f;bottom:0;right:0}:host{display:block}:host label{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;align-items:center;cursor:default}#date-picker{width:100%;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;border-width:var(--border-width-sm);border-color:var(--gray-02);border-style:var(--border-style-regular);border-radius:var(--border-radius-sm);padding-left:var(--spacing-comp-01);padding-right:var(--spacing-comp-01);color:var(--color-on-background);background-color:var(--color-background);height:20px;box-sizing:border-box;padding:0 5px;cursor:pointer;z-index:100}#date-picker:focus{outline-style:solid;outline-color:var(--color-primary-active);outline-width:var(--border-width-md);outline-offset:-2px}.qs-datepicker{padding:4px 0 0 0}.qs-datepicker-container{border:none;box-shadow:var(--box-shadow-01);padding:0;width:181px;background:var(--color-background);margin-top:6px}.qs-datepicker .qs-controls{background-color:transparent;color:var(--color-on-background)}.qs-datepicker .qs-square{border:1px solid var(--gray-01);border-radius:0;width:var(--spacing-comp-05);height:var(--spacing-comp-05);margin:0.5px;color:var(--color-on-background);font-family:var(--font-family-primary)}.qs-month-year{font-size:var(--font-size-xs);font-family:var(--font-family-primary);text-transform:uppercase;font-weight:var(--font-weight-regular)}.qs-datepicker .qs-square.qs-day{color:var(--color-on-background);border:0;height:var(--spacing-comp-04);font-family:var(--font-family-primary);font-weight:var(--font-weight-extra-bold)}.qs-datepicker .qs-square.qs-active,.qs-datepicker .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover{background-color:var(--color-primary-hover-opacity-01);border-color:var(--color-primary-active)}.qs-datepicker .qs-arrow:after{width:3px;height:3px;border:1px solid black;top:4px}.qs-datepicker .qs-arrow:hover{background-color:transparent}.qs-datepicker .qs-arrow:hover:after{border-color:var(--color-primary-active)}.qs-datepicker .qs-arrow.qs-right:after,.qs-datepicker .qs-arrow.qs-left:after{border-color:var(--color-on-background)}.qs-datepicker .qs-arrow.qs-left:after{border-right:0;border-bottom:0;transform:rotate(-45deg) !important;left:13px}.qs-datepicker .qs-arrow.qs-right:after{border-left:0;border-bottom:0;transform:rotate(45deg) !important;left:-4px}.qs-disabled,.qs-outside-current-month{opacity:0.4}:host(.rtl) .qs-datepicker-container{right:0}.qs-overlay{background-color:var(--color-background);font-family:var(--font-family-primary)}.qs-overlay .qs-close{color:var(--color-on-background);margin-top:4px;margin-right:4px}.qs-overlay .qs-overlay-year{font-size:var(--font-size-lg);color:var(--color-on-background)}.qs-overlay .qs-overlay-year:focus-visible{outline:none}.qs-overlay .qs-overlay-month{font-size:var(--font-size-lg);color:var(--color-on-background)}.qs-overlay .qs-submit{border-radius:var(--border-radius-xs);border:none;padding:0.2em;padding-inline-start:var(--spacing-comp-04);padding-inline-end:var(--spacing-comp-04);background:var(--color-primary-enabled);font-size:var(--font-size-lg);transition:background 0.25s}.qs-overlay .qs-submit:hover{background:var(--color-primary-hover)}.qs-overlay .qs-submit.qs-disabled{color:var(--color-on-disabled);background:var(--color-primary-disabled);opacity:1}.qs-overlay-month-container{flex-wrap:wrap;flex-grow:0.8;margin-top:10px;margin-bottom:10px}:host(.large) #date-picker{font-size:var(--font-size-lg);height:var(--spacing-comp-05)}:host(.large) label,:host(.large) .qs-month-year,:host(.large) .qs-square.qs-day,:host(.large) .qs-square{font-size:var(--font-size-lg)}';export{c as gx_ide_entity_selector,f as gxg_date_picker}

package/dist/genexus-ide-ui/p-4aa2885b.entry.js

@@ -1 +0,0 @@
-import{r as e,c as t,h as r,H as i,g as o}from"./p-976c3a09.js";import{L as a}from"./p-26957490.js";import{f as d,r as n}from"./p-db945a17.js";const s=class{constructor(i){e(this,i),this.componentDidRenderEvent=t(this,"componentDidRenderEvent",7),this.getFrontEndOptionsValues=()=>{const e=[];return this.frontEndsEl.getValues().then((t=>{t.forEach((t=>{e.push({id:t.id,checked:t.value,disabled:t.disabled})}))})),e},this.getRuntimeValue=()=>{this.runtimeEl=[];const e=this.runtimeGroup.querySelectorAll("gxg-form-radio");return null==e||e.forEach((e=>{this.runtimeEl.push({id:e.id,checked:e.checked})})),this.runtimeEl},this.setEnvironmentHandler=async()=>{if(this.createCallback){const e={name:this.nameEl.value,runtime:this.getRuntimeValue(),language:this.languageEl.value,dataStores:this.dataStoreEl.value,frontEnds:this.getFrontEndOptionsValues()};this.createCallback(e).then((e=>{console.log("formSubmitResult",e),d(e,this)}))}},this.cancelButtonClickedHandler=async()=>{await this.cancelCallback()},this.runtimeEnvironmentChangedHandler=()=>{this.changedHandler()},this.languageValueChangedHandler=()=>{this.changedHandler()},this.dataStoreValueChangedHandler=()=>{this.changedHandler()},this.changedHandler=()=>{const e={name:this.nameEl.value,runtime:this.getRuntimeValue(),language:this.languageEl.value,dataStores:this.dataStoreEl.value,frontEnds:this.getFrontEndOptionsValues()};this.changedCallback(e)},this.renderTabBasic=()=>r("gxg-tab",{tab:"basic","no-padding":!0,flexContainer:!0},r("gx-ide-container",{containerTitle:this._componentLocale.runtime,fieldset:!0,displayBorderTop:!0,displayBorderBottom:!0},r("gxg-form-radio-group",{ref:e=>this.runtimeGroup=e,row:!0,onChange:this.runtimeEnvironmentChangedHandler,slot:"header"},n("gxg-form-radio",this.runtimes,"runtime-environment"))),r("div",{class:"grid grid--no-gap grid--basic"},r("gx-ide-container",{fieldset:!0,noHeadingBorder:!0,"container-title":this._componentLocale.tabBasic.backEnd.backEndLabel},r("gxg-combo-box",{"disable-filter":!0,label:this._componentLocale.tabBasic.backEnd.language,value:this.languages[0].id,ref:e=>this.languageEl=e,onValueChanged:this.languageValueChangedHandler,part:"language"},n("gxg-combo-box-item",this.languages)),r("gxg-combo-box",{"disable-filter":!0,label:this._componentLocale.tabBasic.backEnd.dataStores,value:this.dataStores[0].id,ref:e=>this.dataStoreEl=e,onValueChanged:this.dataStoreValueChangedHandler,part:"data-store"},n("gxg-combo-box-item",this.dataStores))),r("gx-ide-container",{fieldset:!0,noHeadingBorder:!0,"container-title":this._componentLocale.tabBasic.frontEnd.frontEndLabel},r("gxg-form-checkbox-group",{ref:e=>this.frontEndsEl=e},n("gxg-form-checkbox",this.frontEnds))))),this.renderTabAdvanced=()=>r("gxg-tab",{tab:"advanced","no-padding":!0},r("gx-ide-container",{displayBorderTop:!0},r("slot",{name:"property-grid"}))),this.hideTopBar=!1,this.dataStores=void 0,this.frontEnds=void 0,this.disableAdvanced=!1,this.setAsTarget=!0,this.runtimes=void 0,this.languages=void 0,this.environmentName=void 0,this.createCallback=void 0,this.cancelCallback=void 0,this.changedCallback=void 0}async componentWillLoad(){this._componentLocale=await a.getComponentStrings(this.el)}componentDidRender(){this.componentDidRenderEvent.emit(this._componentLocale.componentName)}render(){return r(i,{class:"gx-ide-component"},this.hideTopBar?null:r("gx-ide-top-bar",{topBarTitle:this._componentLocale.componentName}),r("div",{class:"gx-ide-main-wrapper gx-ide-overflow"},r("gx-ide-container",null,r("header",{class:"header grid"},r("gxg-label",{labelPosition:"start"},this._componentLocale.name),r("gxg-form-text",{"label-position":"start",placeholder:"NewEnvironment","max-width":"100%",value:this.environmentName,ref:e=>this.nameEl=e,part:"environment-name"}))),r("main",{class:"gxi-full-height"},r("gxg-tabs",{height:"100%",position:"top",class:"gxg-tabs"},r("gxg-tab-bar",{slot:"tab-bar-container"},r("gxg-tab-button",{slot:"tab-bar","tab-label":this._componentLocale.tabBasic.tabLabel,tab:"basic","is-selected":!0}),r("gxg-tab-button",{slot:"tab-bar","tab-label":this._componentLocale.tabAdvanced.tabLabel,tab:"advanced",disabled:this.disableAdvanced})),this.renderTabBasic(),this.renderTabAdvanced())),r("gx-ide-container",{displayBorderTop:!0},r("gxg-form-checkbox",{label:this._componentLocale.setCurrentEnvironment,id:"show-current-environment",checked:this.setAsTarget,slot:"footer-start"}),r("gxg-button",{id:"button-create",slot:"footer-end",type:"primary-text-only",onClick:this.setEnvironmentHandler,part:"gxg-button gxg-button--create"},this._componentLocale.footer.btnSetNewEnvironment),r("gxg-button",{id:"button-cancel",slot:"footer-end",type:"outlined",onClick:this.cancelButtonClickedHandler,part:"gxg-button gxg-button--cancel"},this._componentLocale.footer.btnCancel))))}static get assetsDirs(){return["gx-ide-assets/new-environment"]}get el(){return o(this)}};s.style=".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-weight-regular);font-size:var(--font-size-lg);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}:host{display:block;border:1px solid var(--gxg-border-color--regular);background-color:var(--color-background)}:host(.gxi-new-environment--shadow){border:none;box-shadow:var(--box-shadow-01)}.header{grid-template-columns:repeat(2, 1fr);grid-template-rows:1fr;grid-template-columns:auto 1fr auto}.header *:nth-child(1){grid-area:1/1/2/2}.header *:nth-child(2){grid-area:1/2/2/3}.gxg-tabs{margin-top:0;box-shadow:none}.grid--basic{flex-grow:1;grid-template-columns:1fr 1fr;gap:0}.grid--basic>*:first-child{border-right:1px solid var(--gx-ide-container-border-color)}.advanced-second-row{grid-template-columns:repeat(2, 1fr);grid-template-rows:1fr}.advanced-second-row>*:nth-child(1){grid-area:1/1/2/2}.advanced-second-row>*:nth-child(2){grid-area:1/2/2/3}.advanced-second-row-col-left{grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(4, 1fr);grid-template-columns:1fr auto}.advanced-second-row-col-left>*{display:flex;align-items:self-end}.advanced-second-row-col-left>*:nth-child(1){grid-area:1/1/2/2}.advanced-second-row-col-left>*:nth-child(2){grid-area:1/2/2/3}.advanced-second-row-col-left>*:nth-child(3){grid-area:2/1/3/2}.advanced-second-row-col-left>*:nth-child(4){grid-area:2/2/3/3}.advanced-second-row-col-left>*:nth-child(5){grid-area:3/1/4/2}.advanced-second-row-col-left>*:nth-child(6){grid-area:3/2/4/3}.advanced-second-row-col-left>*:nth-child(7){grid-area:4/1/5/2}.advanced-second-row-col-left>*:nth-child(8){grid-area:4/2/5/3}.advanced-second-row-col-right{grid-template-columns:1fr;grid-template-rows:repeat(4, 1fr);grid-auto-rows:1fr}.advanced-second-row-col-right *:nth-child(1){grid-area:1/1/2/2}.advanced-second-row-col-right *:nth-child(2){grid-area:2/1/3/2}.advanced-second-row-col-right *:nth-child(3){grid-area:3/1/4/2}.advanced-second-row-col-right *:nth-child(4){grid-area:4/1/5/2}";export{s as gx_ide_new_environment}

package/dist/genexus-ide-ui/p-714bd8ea.entry.js

@@ -1 +0,0 @@
-import{r,c as t,h as o,H as e,g as a}from"./p-976c3a09.js";import{s as i}from"./p-e46e26a6.js";import{a as s}from"./p-01406cbc.js";import{f as n,c as l}from"./p-e7e4f76c.js";const c="ArrowDown",g="ArrowUp",h=class{constructor(o){r(this,o),this.inputChanged=t(this,"inputChanged",7),this.keyEventsDictionary={ArrowDown:r=>{const t=this.getNewFocusedItem(r.currentFocusedItem,c),o=this.getNewFocusedItem(t,c);t&&t.focus(),o||this.scrollListToBottom()},ArrowUp:r=>{const t=this.getNewFocusedItem(r.currentFocusedItem,g),o=this.getNewFocusedItem(t,g);t&&t.focus(),o||this.scrollListToTop()}},this.windowHidden=!0,this.debounce=500,this.labelPosition="start",this.showLabel=!0,this.showHeader=!1,this.cursorEnd=!1,this.evaluateSlotIsEmpty=()=>{this.chWindow.hidden=!this.el.firstElementChild},this.setFocusOnFirstItem=()=>{const r=this.el.querySelector("ch-suggest-list-item");r&&r.focus()},this.getChSuggestListItems=()=>Array.from(this.el.querySelectorAll("ch-suggest-list-item")),this.getNewFocusedItem=(r,t)=>{const o=r=>{const o=r.querySelectorAll("ch-suggest-list-item");let e=o&&o[o.length-1];if(t===c)e=r.querySelector("ch-suggest-list-item");else{const t=r.querySelectorAll("ch-suggest-list-item");e=t&&t[t.length-1]}return e};if(!r)return;let e=t===c?r.nextElementSibling:r.previousElementSibling;if("CH-SUGGEST-LIST"===(null==e?void 0:e.nodeName))e=o(e);else if(!e){const a=r.parentElement,i=t===c?a.nextElementSibling:a.previousElementSibling,s="CH-SUGGEST-LIST"===a.nodeName;if(s&&i&&"CH-SUGGEST-LIST-ITEM"===i.nodeName)e=t===c?a.nextElementSibling:a.previousElementSibling;else if(s&&i&&"CH-SUGGEST-LIST"===i.nodeName){const r=t===c?a.nextElementSibling:a.previousElementSibling;let i;i=t===c?r.querySelector("ch-suggest-list-item"):o(r),e=i||null}}return e},this.handleInput=r=>{const t=r.target.value;this.caption=t,this.timeoutReference&&clearTimeout(this.timeoutReference),this.timeoutReference=setTimeout((()=>{this.processInputEvent(t)}),this.debounce)},this.handleKeyDown=r=>{r.key===c&&(r.preventDefault(),this.setFocusOnFirstItem())},this.evaluateWindowMaxHeight=()=>{const r=window.innerHeight,t=document.body.scrollHeight,o=t>=r?t:r,e=this.textInput.getBoundingClientRect().bottom+window.scrollY;this.el.style.setProperty("--window-max-height",o-e+"px")},this.scrollListToTop=()=>{this.chWindow.shadowRoot.querySelector("[part='window']").scrollTop=0},this.scrollListToBottom=()=>{const r=this.chWindow.shadowRoot.querySelector("[part='window']");r.scrollTop=r.scrollHeight},this.processInputEvent=r=>{this.inputChanged.emit(r),this.caption=r,this.value=void 0,this.evaluateWindowMaxHeight()},this.closeWindow=()=>{this.chWindow.hidden=!0},this.onFocusHandler=()=>{this.cursorEnd&&this.textInput.setSelectionRange(this.textInput.value.length,this.textInput.value.length)}}itemSelectedHandler(r){this.value=r.detail.value,this.caption=r.detail.caption,this.closeWindow()}focusChangeAttemptHandler(r){const t=this.keyEventsDictionary[r.detail.code];if(t){const o=r.detail.el,e=this.getChSuggestListItems(),a=e.findIndex((r=>r===o));t({event:r.detail,currentFocusedItem:o,chSuggestListItemsArray:e,currentFocusedItemIndex:a,newItemToSetFocusOn:null})}}windowClosedHandler(){this.textInput.focus(),this.windowHidden=!0}async selectInputText(){this.textInput.focus(),this.textInput.select()}render(){return o(e,null,o("div",{class:"main-wrapper",part:"main-wrapper"},o("div",{class:"label-input-wrapper",part:"label-input-wrapper"},this.showLabel&&this.label&&o("label",{id:"label",htmlFor:"input",part:"label"},this.label),o("input",{type:"text",id:"input",part:"input",class:"input",ref:r=>this.textInput=r,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:void 0,"aria-labelledby":this.showLabel&&this.label?"label":void 0,"aria-expanded":this.windowHidden.toString()})),o("ch-window",{id:"ch-window",container:this.textInput,"close-on-outside-click":!0,"close-on-escape":!0,xAlign:"inside-start",yAlign:"outside-end",ref:r=>this.chWindow=r,showHeader:this.showHeader,caption:this.suggestTitle,exportparts:"\n            header:header, \n            caption:title, \n            close:close-button,\n            window:dropdown"},o("slot",{onSlotchange:this.evaluateSlotIsEmpty}))))}static get delegatesFocus(){return!0}get el(){return a(this)}};h.style="*,::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}";const p=class{constructor(t){r(this,t)}render(){return o(e,null,this.label&&o("h2",{id:"heading",part:"title",class:"title"},this.label),o("ul",{"aria-labelledby":this.label?"heading":void 0,part:"list",class:"list"},o("slot",null)))}};p.style="*,::after,::before{box-sizing:border-box}:host{display:block}.title{margin:0;font:inherit}.list{margin:0;padding:0}";const d=class{constructor(o){r(this,o),this.itemSelected=t(this,"itemSelected",7),this.focusChangeAttempt=t(this,"focusChangeAttempt",7),this.handleClick=()=>{this.itemSelected.emit({value:this.value||this.el.innerText,caption:this.el.innerText,description:this.description})},this.handleKeyDown=r=>{"ArrowUp"!==r.code&&"ArrowDown"!==r.code||(r.preventDefault(),this.focusChangeAttempt.emit({el:this.el,code:r.code}))}}render(){return o(e,{role:"listitem",onKeyDown:this.handleKeyDown},o("button",{part:"button",onClick:this.handleClick},o("slot",{name:"icon"}),o("div",{class:"content-wrapper",part:"content-wrapper"},o("slot",null),this.description&&o("span",{part:"description"},this.description))))}static get delegatesFocus(){return!0}get el(){return a(this)}};d.style=":host{display:block}:where(button){all:unset;display:flex;width:100%;cursor:pointer}*,::after,::before{box-sizing:border-box}";const u=class{constructor(t){r(this,t),this.validationStatus="indeterminate",this.disabled=!1,this.ellipsis=!0}render(){return o(e,{class:{large:i.large,[n.VALIDATION_INDETERMINATE_CLASS]:"indeterminate"===this.validationStatus,[n.VALIDATION_WARNING_CLASS]:"warning"===this.validationStatus,[n.VALIDATION_ERROR_CLASS]:"error"===this.validationStatus,[n.VALIDATION_SUCCESS_CLASS]:"success"===this.validationStatus,[l.DISABLED_CLASS]:this.disabled}},o("slot",null),s(this))}};u.style='@charset "UTF-8";:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:6px;height:6px}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host(.gxg-validation--warning) .form-element{border-color:var(--color-warning-dark)}:host(.gxg-validation--warning) .form-element:focus{outline-color:var(--color-warning-dark);border-color:var(--color-warning-dark)}:host(.gxg-validation--warning) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-warning-dark)}:host(.gxg-validation--error) .form-element{border-color:var(--color-error-dark)}:host(.gxg-validation--error) .form-element:focus{outline-color:var(--color-error-dark);border-color:var(--color-error-dark)}:host(.gxg-validation--error) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-error-dark)}:host(.gxg-validation--success) .form-element{border-color:var(--color-success-dark)}:host(.gxg-validation--success) .form-element:focus{outline-color:var(--color-success-dark);border-color:var(--color-success-dark)}:host(.gxg-validation--success) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-success-dark)}ch-suggest{font-family:var(--font-family-primary);font-size:var(--font-size-lg);color:var(--color-on-background);}ch-suggest::-webkit-scrollbar{width:6px;height:6px}ch-suggest::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}ch-suggest::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}ch-suggest::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}ch-suggest ::-webkit-scrollbar{width:6px;height:6px}ch-suggest ::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}ch-suggest ::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}ch-suggest ::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}ch-suggest::part(label){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;align-items:center;cursor:default;font-size:inherit}ch-suggest[label-position=start]::part(label){margin-inline-end:var(--gxg-label-margin-horizontal)}ch-suggest[label-position=above]::part(label){margin-block-end:var(--gxg-label-margin-vertical)}ch-suggest::part(input){height:var(--spacing-comp-05);border:var(--border-width-sm) solid var(--gxg-border-color--regular);padding:var(--spacing-comp-01) var(--spacing-comp-02);box-sizing:border-box;background-color:var(--color-background)}ch-suggest::part(input):focus{outline-style:solid;outline-color:var(--color-primary-active);outline-width:var(--border-width-md);outline-offset:-2px}ch-suggest::part(input):focus{outline-style:solid;outline-color:var(--color-primary-active);outline-width:var(--border-width-md);outline-offset:-2px}ch-suggest::part(header){display:block;padding-block-end:var(--spacing-comp-02);display:flex;justify-content:flex-end}ch-suggest::part(close-button){height:var(--spacing-comp-05);width:var(--spacing-comp-05);background-color:var(--color-background);color:var(--color-primary-hover);border:1px solid var(--color-primary-hover);box-sizing:border-box;cursor:pointer;display:block}ch-suggest::part(close-button):hover{background-color:var(--color-primary-hover-opacity-01)}ch-suggest::part(close-button)::after{content:"✖";width:100%;display:block;line-height:24px;text-align:center}ch-suggest::part(close-button):focus{outline-style:solid;outline-color:var(--color-primary-active);outline-width:var(--border-width-md);outline-offset:-2px}ch-suggest::part(dropdown){background-color:var(--color-background);margin-top:var(--spacing-comp-01);padding:var(--spacing-comp-02);box-shadow:var(--box-shadow-02);}ch-suggest::part(dropdown)::-webkit-scrollbar{width:6px;height:6px}ch-suggest::part(dropdown)::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}ch-suggest::part(dropdown)::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}ch-suggest::part(dropdown)::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}ch-suggest::part(dropdown) ::-webkit-scrollbar{width:6px;height:6px}ch-suggest::part(dropdown) ::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}ch-suggest::part(dropdown) ::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}ch-suggest::part(dropdown) ::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.messages-wrapper{margin-top:var(--spacing-comp-02);display:flex;gap:var(--spacing-comp-01);flex-direction:column}gxg-suggest.gxg-validation--success ch-suggest::part(input){outline-color:var(--color-success-dark);border-color:var(--color-success-dark)}gxg-suggest.gxg-validation--success ch-suggest::part(input)+.checkmark{--checkmark-border-color:var(--color-success-dark)}gxg-suggest.gxg-validation--warning ch-suggest::part(input){outline-color:var(--color-warning-dark);border-color:var(--color-warning-dark)}gxg-suggest.gxg-validation--warning ch-suggest::part(input)+.checkmark{--checkmark-border-color:var(--color-warning-dark)}gxg-suggest.gxg-validation--error ch-suggest::part(input){outline-color:var(--color-error-dark);border-color:var(--color-error-dark)}gxg-suggest.gxg-validation--error ch-suggest::part(input)+.checkmark{--checkmark-border-color:var(--color-error-dark)}gxg-suggest.gxg--disabled ch-suggest{pointer-events:none}gxg-suggest.gxg--disabled ch-suggest::part(input){background-color:var(--gray-01);color:var(--color-on-disabled)}gxg-suggest[ellipsis]:not([ellipsis=false]) ch-suggest-list-item::part(content-wrapper){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}ch-suggest-list{margin-block-start:var(--spacing-comp-02);font-family:inherit;border:var(--border-width-sm) solid var(--gxg-border-color--regular)}ch-suggest-list:first-child{margin-block-start:0}ch-suggest-list:last-child{margin-block-end:0}ch-suggest-list::part(title){text-transform:uppercase;font-weight:var(--font-weight-semibold);margin:var(--spacing-comp-01) 0 0 0;padding:var(--spacing-comp-01) var(--spacing-comp-02)}ch-suggest-list:first-child{margin-block-start:0}ch-suggest-list+ch-suggest-list{margin-block-start:0;border-block-start:0}ch-suggest-list+ch-suggest-list::part(title){margin-block-start:0}ch-suggest-list-item{}ch-suggest-list-item::part(button){padding:var(--spacing-comp-01) var(--spacing-comp-02);align-items:center;gap:var(--spacing-comp-01);box-sizing:border-box}ch-suggest-list-item::part(button):focus{outline-style:solid;outline-color:var(--color-primary-active);outline-width:var(--border-width-md);outline-offset:-2px}ch-suggest-list-item::part(description)::before{content:" - "}ch-suggest-list-item gxg-icon::part(ch-icon){--icon-size:16px;margin-right:2px}ch-suggest-list-item:hover{background-color:var(--gxg-background-color-item-hover)}';export{h as ch_suggest,p as ch_suggest_list,d as ch_suggest_list_item,u as gxg_suggest}

package/dist/genexus-ide-ui/p-74a88934.entry.js

@@ -1 +0,0 @@
-import{h as e,r as t,c as i,H as r,g as o}from"./p-976c3a09.js";import{L as s}from"./p-26957490.js";import{u as a,r as n}from"./p-71ecc7fd.js";const d=t=>e("gxg-icon",{color:"auto",type:t,slot:"icon"}),l=e=>{const t=[];if(!e)return t;const i=e=>{var t;const r={description:e.description,lazy:e.hasChildren,icon:e.icon,id:e.id,label:e.name};return(null===(t=e.items)||void 0===t?void 0:t.length)>0&&(r.items=e.items.map((e=>i(e)))),r};return e.forEach((e=>{t.push(i(e))})),t},g=class{constructor(e){t(this,e),this.componentDidRenderEvent=i(this,"componentDidRenderEvent",7),this.suggestedObjects=[],this.referencesMessagesMaxWidth="200px",this.attachSelectObjectListener=()=>{this.selectObjectSuggestEl.addEventListener("itemSelected",(e=>{const t=e.detail.value;this.selectedObject=this.suggestedObjects.find((e=>e.id===t))}))},this.selectObjectValueChangedHandler=async e=>{this.selectorSourceCallback(e.detail).then((e=>{this.suggestedObjects=(e=>{const t=[];return(null==e?void 0:e.length)&&e.forEach((e=>{e.items&&e.items.forEach((e=>{t.push({id:e.id,icon:e.icon,name:e.name,description:e.description})}))})),t})(e),this.objectsSuggestions=(e=>{const t={suggestItems:null,suggestLists:[]};return e.length&&e.forEach((e=>{const i={label:e.name,items:[]};e.items.forEach((e=>{i.items.push({value:e.id,caption:e.name,description:e.description,icon:e.icon})})),t.suggestLists.push(i)})),t})(e)})).catch((()=>{}))},this.openObjectCallbackHandler=async()=>{this.openObjectCallback(this.selectedObject.id)},this.openSelectorDialogCallbackHandler=async()=>{this.openSelectorDialogCallback().then((e=>{this.selectedObject=e})).catch((()=>{}))},this.evaluateInitialReferenceData=()=>{this.selectedObject&&this.selectedObjectHandler(this.selectedObject)},this.loadReferencesHandler=async(e,t=!1)=>{this.loadReferencesCallback&&(t||this.loadReferencesCallback(e,!1).then((e=>{this.referencedByTreeData=l(e)})).catch((()=>{})),t&&this.loadReferencesCallback(e,!0).then((e=>{this.referencesToTreeData=l(e)})).catch((()=>{})))},this.hideBarButtonClickedHandler=()=>{this.barHidden=!this.barHidden},this.getRef=(e=!1)=>e?this.referencesToTreeData:this.referencedByTreeData,this.updateRef=(e=!1,t)=>{e?this.referencesToTreeData=t:this.referencedByTreeData=t},this.referencesPanelStateChangedHandler=(e=!1)=>t=>{const i=t.detail.emittedBy,r=t.detail.itemData,o=t.detail.itemData.id,s=t.detail.itemData.label;"selectionChanged"===i&&this.selectReferenceCallback(o),"doubleClicked"===i&&this.openObjectCallback(o);let n=[];if(r.lazy){let t=[];this.loadReferencesCallback(o,e).then((i=>{t=l(i),n=a(this.getRef(e),{id:o,label:s,items:t},o),this.updateRef(e,n)})).catch((()=>{}))}else n=a(this.getRef(e),r,o),this.updateRef(e,n)},this.referencedByTreeData=void 0,this.referencesToTreeData=void 0,this.barHidden=!1,this.objectsSuggestions=void 0,this.referencedBy=void 0,this.referencesTo=void 0,this.selectedObject=void 0,this.selectorSourceCallback=void 0,this.loadReferencesCallback=void 0,this.openObjectCallback=void 0,this.openSelectorDialogCallback=void 0,this.selectReferenceCallback=void 0}selectedObjectHandler(e){e.id&&(this.loadReferencesHandler(e.id,!1),this.loadReferencesHandler(e.id,!0))}async componentWillLoad(){this._componentLocale=await s.getComponentStrings(this.el),this.evaluateInitialReferenceData()}componentDidLoad(){this.attachSelectObjectListener()}componentDidRender(){this.componentDidRenderEvent.emit(this._componentLocale.componentName)}render(){var t,i,o,s,a,l,g;return e(r,{class:"gx-ide-component"},e("div",{class:"gx-ide-main-wrapper gx-ide-overflow"},e("gx-ide-container",{displayBorderBottom:!0},e("header",{class:"header"},e("div",{class:"header__top grid"},e("gxg-button",{icon:"navigation/arrow-down",type:"secondary-icon-only",class:"hide-bar-button",onClick:this.hideBarButtonClickedHandler,part:"toggle-bar-button"}),e("gxg-label",{labelPosition:"start",class:"suggest-label",part:"select-object-label"},this._componentLocale.header.selectObject),e("gxg-suggest",null,e("ch-suggest",{value:this.selectedObject.id,onInputChanged:this.selectObjectValueChangedHandler,ref:e=>this.selectObjectSuggestEl=e,part:"object-selector-suggest",exportparts:"dropdown:select-object-dropdown"},(null==(g=this.objectsSuggestions)?void 0:g.suggestLists.length)?g.suggestLists.map((t=>e("ch-suggest-list",{label:t.label},t.items.map((t=>{return e("ch-suggest-list-item",{description:(i=t).description,value:i.value},[i.caption,i.icon&&d(i.icon)]);var i}))))):[])),e("gxg-button",{type:"secondary-icon-only",icon:"gemini-tools/show-more-horizontal",onClick:this.openSelectorDialogCallbackHandler,class:"selector-dialog-button",part:"open-selector-dialog-button"})),e("div",{class:{header__bottom:!0,"header__bottom--hidden":this.barHidden}},e("div",{class:"outer-wrapper"},e("div",{class:"inner-wrapper"},e("div",{class:"inner-wrapper__left"},e("gxg-icon",{type:this.selectedObject.icon,color:"auto"}),e("gxg-text",{padding:"s",type:"text-link",part:"open-object-text-link",onClick:this.openObjectCallbackHandler},`${this.selectedObject.name} : ${this.selectedObject.description}`)),e("div",{class:"inner-wrapper__right gxi-hidden"},e("gxg-form-checkbox",{id:"references-by-type",label:"Group references by type",required:!0,"display-validation-styles":!0,part:"references-type-checkbox"}))))))),e("main",{class:"main grid"},e("gx-ide-container",{containerTitle:this._componentLocale.main.isReferencedBy,justifyContent:"center",fullHeight:!0,part:"referenced-by-container"},e("gxg-tree",{class:{"gxi-hidden":!(null===(t=this.referencedByTreeData)||void 0===t?void 0:t.length)},checkbox:!1,onTreeItemStateChanged:this.referencesPanelStateChangedHandler(!1),part:"referenced-by-tree"},n(this.referencedByTreeData)),!(null===(i=this.referencedByTreeData)||void 0===i?void 0:i.length)&&e("gxg-text",{textAlign:"center",padding:"m",type:"text-regular",maxWidth:this.referencesMessagesMaxWidth,part:"referenced-by-text"},0===(null===(o=this.referencedByTreeData)||void 0===o?void 0:o.length)?this._componentLocale.main.isReferencedByEmpty:this._componentLocale.main.isReferencedByError)),e("gx-ide-container",{containerTitle:this._componentLocale.main.hasReferencesTo,justifyContent:"center",fullHeight:!0,part:"references-to-container"},e("gxg-tree",{class:{"gxi-hidden":!(null===(s=this.referencesToTreeData)||void 0===s?void 0:s.length)},checkbox:!1,onTreeItemStateChanged:this.referencesPanelStateChangedHandler(!0),part:"references-to-tree"},n(this.referencesToTreeData)),!(null===(a=this.referencesToTreeData)||void 0===a?void 0:a.length)&&e("gxg-text",{textAlign:"center",padding:"m",type:"text-regular",maxWidth:this.referencesMessagesMaxWidth,part:"references-to-text"},0===(null===(l=this.referencesToTreeData)||void 0===l?void 0:l.length)?this._componentLocale.main.hasReferencesEmpty:this._componentLocale.main.hasReferencesToError)))))}static get assetsDirs(){return["gx-ide-assets/references"]}get el(){return o(this)}static get watchers(){return{selectedObject:["selectedObjectHandler"]}}};g.style='.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-weight-regular);font-size:var(--font-size-lg);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}:host{display:block}.header{}.header__top{grid-template-columns:min-content auto 1fr min-content;grid-template-rows:1fr;grid-template-areas:"hide-bar-button suggest-label gxg-suggest selector-dialog-button"}.header__top .hide-bar-button{grid-area:hide-bar-button}.header__top .suggest-label{grid-area:suggest-label}.header__top gxg-suggest{grid-area:gxg-suggest}.header__top .selector-dialog-button{grid-area:selector-dialog-button}.header__bottom{display:grid;grid-template-rows:1fr;transition:var(--gx-ide-timing-super-fast-ms) grid-template-rows}.header__bottom--hidden{grid-template-rows:0fr}.header__bottom .outer-wrapper{overflow:hidden}.header__bottom .inner-wrapper{padding-top:var(--gx-ide-grid-row-gap);display:flex;flex-direction:row;align-items:center;justify-content:space-between}.header__bottom .inner-wrapper__left{display:flex;align-items:center;gap:var(--gx-ide-grid-row-gap)}.header-hidden .first-row{grid-template-columns:auto 1fr auto}.header-hidden .first-row>:nth-child(3){align-self:end}.header-hidden .second-row{display:none}.main{grid-template-columns:1fr 1fr;grid-template-rows:1fr;grid-template-areas:"is-referenced has-references";height:100%;gap:0}.main>*:first-child{border-right:1px solid var(--gx-ide-container-border-color)}.main .is-referenced{grid-area:is-referenced}.main .has-references{grid-area:has-references}';export{g as gx_ide_references}