@genexus/genexus-ide-ui 0.0.47 → 0.0.49

package/dist/types/components.d.ts

@@ -18,6 +18,7 @@ import { CancelCallback as CancelCallback1, CreateCallback as CreateCallback1, G
 import { CancelCallback as CancelCallback2, CreateCallback as CreateCallback2, NewObjectData, SelectModuleCallback, TypeCategoryData, ValidateNameCallback } from "./components/new-object/new-object";
 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 { CreateKBCallback } from "./components/share-kb/share-kb";
 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";
@@ -504,6 +505,24 @@ export namespace Components {
          */
         "selectorSourceCallback"?: SelectorSourceCallback;
     }
+    interface GxIdeShareKb {
+        /**
+          * Callback invoked when Share button is pressed
+         */
+        "createKBCallback": CreateKBCallback;
+        /**
+          * True if user can introduce server url manually
+         */
+        "enableCustomServer": boolean;
+        /**
+          * The name of the kb
+         */
+        "kbName": string;
+        /**
+          * Urls array of cataloged servers to be shown on combo
+         */
+        "serverUrls": string[];
+    }
     interface GxIdeTeamDevCommit {
         /**
           * Possible values for Categories filter
@@ -819,6 +838,10 @@ export interface GxIdeReferencesCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGxIdeReferencesElement;
 }
+export interface GxIdeShareKbCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLGxIdeShareKbElement;
+}
 export interface GxIdeTeamDevCommitCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGxIdeTeamDevCommitElement;
@@ -914,6 +937,12 @@ declare global {
         prototype: HTMLGxIdeReferencesElement;
         new (): HTMLGxIdeReferencesElement;
     };
+    interface HTMLGxIdeShareKbElement extends Components.GxIdeShareKb, HTMLStencilElement {
+    }
+    var HTMLGxIdeShareKbElement: {
+        prototype: HTMLGxIdeShareKbElement;
+        new (): HTMLGxIdeShareKbElement;
+    };
     interface HTMLGxIdeTeamDevCommitElement extends Components.GxIdeTeamDevCommit, HTMLStencilElement {
     }
     var HTMLGxIdeTeamDevCommitElement: {
@@ -980,6 +1009,7 @@ declare global {
         "gx-ide-new-object": HTMLGxIdeNewObjectElement;
         "gx-ide-object-selector": HTMLGxIdeObjectSelectorElement;
         "gx-ide-references": HTMLGxIdeReferencesElement;
+        "gx-ide-share-kb": HTMLGxIdeShareKbElement;
         "gx-ide-team-dev-commit": HTMLGxIdeTeamDevCommitElement;
         "gx-ide-team-dev-select-recent-comment": HTMLGxIdeTeamDevSelectRecentCommentElement;
         "gx-ide-team-dev-update": HTMLGxIdeTeamDevUpdateElement;
@@ -1514,6 +1544,28 @@ declare namespace LocalJSX {
          */
         "selectorSourceCallback"?: SelectorSourceCallback;
     }
+    interface GxIdeShareKb {
+        /**
+          * Callback invoked when Share button is pressed
+         */
+        "createKBCallback": CreateKBCallback;
+        /**
+          * True if user can introduce server url manually
+         */
+        "enableCustomServer"?: boolean;
+        /**
+          * The name of the kb
+         */
+        "kbName": string;
+        /**
+          * @description Gets fired when the component has rendered for the first time.
+         */
+        "onComponentDidRenderEvent"?: (event: GxIdeShareKbCustomEvent<string>) => void;
+        /**
+          * Urls array of cataloged servers to be shown on combo
+         */
+        "serverUrls": string[];
+    }
     interface GxIdeTeamDevCommit {
         /**
           * Possible values for Categories filter
@@ -1820,6 +1872,7 @@ declare namespace LocalJSX {
         "gx-ide-new-object": GxIdeNewObject;
         "gx-ide-object-selector": GxIdeObjectSelector;
         "gx-ide-references": GxIdeReferences;
+        "gx-ide-share-kb": GxIdeShareKb;
         "gx-ide-team-dev-commit": GxIdeTeamDevCommit;
         "gx-ide-team-dev-select-recent-comment": GxIdeTeamDevSelectRecentComment;
         "gx-ide-team-dev-update": GxIdeTeamDevUpdate;
@@ -1846,6 +1899,7 @@ declare module "@stencil/core" {
             "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-share-kb": LocalJSX.GxIdeShareKb & JSXBase.HTMLAttributes<HTMLGxIdeShareKbElement>;
             "gx-ide-team-dev-commit": LocalJSX.GxIdeTeamDevCommit & JSXBase.HTMLAttributes<HTMLGxIdeTeamDevCommitElement>;
             "gx-ide-team-dev-select-recent-comment": LocalJSX.GxIdeTeamDevSelectRecentComment & JSXBase.HTMLAttributes<HTMLGxIdeTeamDevSelectRecentCommentElement>;
             "gx-ide-team-dev-update": LocalJSX.GxIdeTeamDevUpdate & JSXBase.HTMLAttributes<HTMLGxIdeTeamDevUpdateElement>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genexus/genexus-ide-ui",
   "license": "Apache-2.0",
-  "version": "0.0.47",
+  "version": "0.0.49",
   "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.480"
+    "@genexus/gemini": "*0.1.483"
   },
   "devDependencies": {
-    "@genexus/gemini": "*0.1.480",
+    "@genexus/gemini": "*0.1.483",
     "@stencil-community/eslint-plugin": "^0.5.0",
     "@stencil/core": "^2.17.0",
     "@stencil/sass": "^2.0.1",

package/dist/genexus-ide-ui/p-052744b8.entry.js

@@ -1 +0,0 @@
-import{r as t,h as e,f as s,H as i}from"./p-976c3a09.js";const r=class{constructor(s){t(this,s),this.flattenedTreeModel=new Map,this.selectedItems=new Set,this.flattenedLazyTreeModel=new Map,this.waitDropProcessing=!1,this.treeModel={items:[]},this.multiSelection=!1,this.showLines="none",this.handleDroppableZoneEnter=t=>{const e=t.detail;if(!this.checkDroppableZoneCallback)return;const s=(new Date).getTime();this.checkDroppableZoneCallback(e).then((t=>{this.treeRef.updateValidDroppableZone(s,e.newContainer.id,e.draggedItems,t)}))},this.handleSelectedItemsChange=t=>{const e=new Map(t.detail);this.selectedItems.forEach((t=>{const s=this.flattenedTreeModel.get(t).item,i=e.get(t);i?(s.expanded=i.expanded,e.delete(t)):(s.selected=!1,this.selectedItems.delete(t))})),e.forEach(((t,e)=>{const s=this.flattenedTreeModel.get(e).item;s.selected=!0,s.expanded=t.expanded,this.selectedItems.add(e)}))},this.handleExpandedItemChange=t=>{const e=t.detail;this.flattenedTreeModel.get(e.id).item.expanded=e.expanded},this.handleItemsDropped=t=>{const e=t.detail,s=e.newContainer.id;if(!this.flattenedTreeModel.get(s))return;const i=e.draggedItems;if(0===i.length||!this.dropItemsCallback)return;const r=this.dropItemsCallback(e);this.waitDropProcessing=!0,r.then((t=>{if(this.waitDropProcessing=!1,!t.acceptDrop)return;const r=this.flattenedTreeModel.get(s).item;if(e.dropInTheSameTree)i.forEach(this.moveItemToNewParent(r));else{if(null==t.items)return;r.items.push(...t.items),t.items.forEach(this.flattenItemUIModel(r))}this.sortItems(r.items),r.expanded=!0}))},this.moveItemToNewParent=t=>e=>{const s=this.flattenedTreeModel.get(e.id),i=s.item,r=s.parentItem;r.items.splice(r.items.indexOf(i),1),t.items.push(i),s.parentItem=t},this.renderSubModel=t=>e("ch-tree-x-list-item",{id:t.id,caption:t.caption,checkbox:t.checkbox,checked:t.checked,class:t.class,disabled:t.disabled,expanded:t.expanded,indeterminate:t.indeterminate,lazyLoad:t.lazy,leaf:t.leaf,leftImgSrc:t.leftImgSrc,metadata:t.metadata,rightImgSrc:t.rightImgSrc,selected:t.selected,showExpandableButton:t.showExpandableButton,toggleCheckboxes:t.toggleCheckboxes},!t.leaf&&null!=t.items&&0!==t.items.length&&e("ch-tree-x-list",{slot:"tree"},t.items.map(this.renderSubModel))),this.flattenItemUIModel=t=>e=>{this.flattenedTreeModel.set(e.id,{parentItem:t,item:e}),e.expanded=null!=e.expanded&&e.expanded,e.indeterminate=null!=e.indeterminate&&e.indeterminate,e.lazy=null!=e.lazy&&e.lazy,e.selected=null!=e.selected&&e.selected,e.lazy&&this.flattenedLazyTreeModel.set(e.id,e),e.selected&&this.selectedItems.add(e.id),this.flattenSubModel(e)}}handleTreeModelChange(){this.flattenModel()}async scrollIntoVisible(t){const e=this.flattenedTreeModel.get(t);if(!e)return;let i=e.parentItem;for(;i&&null!=i.id;)i.expanded=!0,i=this.flattenedTreeModel.get(i.id).parentItem;s(this),this.treeRef.scrollIntoVisible(t)}async toggleItems(t,e){if(!t)return[];const i=[];return t.forEach((t=>{const s=this.flattenedTreeModel.get(t).item;s&&(s.expanded=null!=e?e:!s.expanded,i.push({id:s.id,expanded:s.expanded}))})),s(this),i}async updateAllItemsProperties(t){[...this.flattenedTreeModel.values()].forEach((e=>{null!=t.expanded&&(e.item.expanded=t.expanded),null!=t.checked&&(e.item.checked=t.checked,e.item.indeterminate=!1)})),s(this)}async updateItemsProperties(t,e){t.forEach((t=>{const s=this.flattenedTreeModel.get(t);this.updateItemProperty(s,e)})),s(this)}updateItemProperty(t,e){if(!t)return;const s=t.item;Object.keys(e).forEach((t=>{s[t]=e[t]}))}loadLazyChildrenHandler(t){t.stopPropagation();const e=t.detail;if(this.lazyLoadTreeItemsCallback){const i=this.lazyLoadTreeItemsCallback(e),r=t.target;r.downloading=!0,i.then((t=>{const i=this.flattenedLazyTreeModel.get(e);this.flattenedLazyTreeModel.delete(e),i.lazy=!1,r.downloading=!1,null!=t&&(i.items=t,this.sortItems(i.items),this.flattenSubModel(i),s(this))}))}}handleCaptionModification(t){if(t.stopPropagation(),!this.modifyItemCaptionCallback)return;const e=t.target,i=t.detail.id,r=this.flattenedTreeModel.get(i),n=r.item,h=t.detail.caption,o=n.caption;n.caption=h,e.caption=h,this.modifyItemCaptionCallback(i,h).then((t=>{t.success?(this.sortItems(r.parentItem.items),s(this)):(e.caption=o,n.caption=o)}))}flattenSubModel(t){const e=t.items;e?(this.sortItems(e),e.forEach(this.flattenItemUIModel(t))):!1===t.leaf&&(t.items=[])}sortItems(t){this.sortItemsCallback&&this.sortItemsCallback(t)}flattenModel(){this.flattenedTreeModel.clear(),this.flattenedLazyTreeModel.clear(),this.flattenSubModel(this.treeModel)}componentWillLoad(){this.flattenModel()}render(){return e(i,null,e("ch-tree-x",{multiSelection:this.multiSelection,waitDropProcessing:this.waitDropProcessing,onDroppableZoneEnter:this.handleDroppableZoneEnter,onExpandedItemChange:this.handleExpandedItemChange,onItemsDropped:this.handleItemsDropped,onSelectedItemsChange:this.handleSelectedItemsChange,ref:t=>this.treeRef=t},e("ch-tree-x-list",null,this.treeModel.items.map(this.renderSubModel))),e("div",{class:"tree-buttons"}))}static get watchers(){return{treeModel:["handleTreeModelChange"]}}};r.style="gxg-tree-view{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;height:100%}.tree-buttons{display:grid;grid-auto-rows:max-content;row-gap:8px}:not(.ch-tree-x-dragging-item) ch-tree-x-list-item:not([selected])::part(header):hover{background-color:#e8e8e9}.ch-tree-x-list-item--drag-enter{background-color:#eee;box-shadow:inset 0 0 1px 0px black}.ch-tree-x-list-item--drag-enter[selected]::part(header){background-color:#eee}ch-tree-x-list-item::part(header){border:1px solid transparent}ch-tree-x-list-item[selected]::part(header){background-color:#cfdee6;border-color:#0266a0}ch-tree-x-list-item.ch-tree-x-list-item--editing::part(header){background-color:rgba(207, 222, 230, 0.5);border-color:transparent}ch-tree-x-list-item:not(.ch-tree-x-list-item--editing)::part(header):focus-visible{border-color:black;z-index:1}.ch-tree-x-drag-info{padding-inline:6px;padding-block:2px;background-color:#cfdee6;border:1px solid #0266a0;border-radius:10px;font-size:8px}";export{r as gxg_tree_view}

package/dist/genexus-ide-ui/p-059830b9.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{r as d}from"./p-b8d5c561.js";import{f as n}from"./p-daf4eb69.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),n(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,displayBorderBottom:!0},r("gxg-form-radio-group",{ref:e=>this.runtimeGroup=e,row:!0,onChange:this.runtimeEnvironmentChangedHandler,slot:"header"},d("gxg-form-radio",this.runtimes,"runtime-environment"))),r("div",{class:"grid grid--no-gap grid--basic"},r("gx-ide-container",{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"},d("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"},d("gxg-combo-box-item",this.dataStores))),r("gx-ide-container",{noHeadingBorder:!0,"container-title":this._componentLocale.tabBasic.frontEnd.frontEndLabel},r("gxg-form-checkbox-group",{ref:e=>this.frontEndsEl=e},d("gxg-form-checkbox",this.frontEnds))))),this.renderTabAdvanced=()=>r("gxg-tab",{tab:"advanced","no-padding":!0},r("gx-ide-container",null,r("slot",{name:"property-grid"}))),this.dataStores=void 0,this.frontEnd=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"},r("div",{class:"gx-ide-main-wrapper"},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 gx-ide-overflow"},r("gxg-tabs",{class:"gxg-tabs"},r("gxg-tab-bar",{slot:"tab-bar-container",displayBorder:!0},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%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:999;border-bottom:1px solid var(--gray-01)}gxg-tabs{box-shadow:none}: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;height:100%}.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-0f85cf00.entry.js

@@ -1 +0,0 @@
-import{r as e,c as r,h as i,H as o,g as a}from"./p-976c3a09.js";import{L as t}from"./p-26957490.js";const l=class{constructor(i){e(this,i),this.componentDidRenderEvent=r(this,"componentDidRenderEvent",7),this.mainTile=void 0}async componentWillLoad(){this._componentLocale=await t.getComponentStrings(this.el)}componentDidRender(){this.componentDidRenderEvent.emit(this._componentLocale.componentName)}render(){return i(o,{class:"gx-ide-component"},i("div",{class:"gx-ide-main-wrapper gx-ide-overflow"},i("gx-ide-container",{fullHeight:!0,"container-title":"Header Title"},i("p",null,"Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis natus nam, veritatis aspernatur consequatur omnis blanditiis! Praesentium, ex labore? Odit, officiis eius rerum pariatur ea dicta possimus perferendis molestiae sunt!q"),i("gxg-form-text",{label:"Name",placeholder:"Elon Musk",labelPosition:"start",centerLabel:!0}),i("gxg-button",{slot:"footer"},"Create"))))}static get assetsDirs(){return["gx-ide-assets/template"]}get el(){return a(this)}};l.style=".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:999;border-bottom:1px solid var(--gray-01)}gxg-tabs{box-shadow:none}: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}";export{l as gx_ide_template}

package/dist/genexus-ide-ui/p-5c0cb73d.entry.js

@@ -1 +0,0 @@
-import{r as t,c as r,h as e,H as o,g as i}from"./p-976c3a09.js";import{a}from"./p-01406cbc.js";import{f as n,c as s}from"./p-e7e4f76c.js";import{r as l}from"./p-925cb9fe.js";import{s as c}from"./p-e46e26a6.js";import{e as g}from"./p-d8501cb4.js";import"./p-6a84b339.js";const h=class{constructor(e){t(this,e),this.selectionChanged=r(this,"selectionChanged",7),this.checkedChanged=r(this,"checkedChanged",7),this.checkboxes=!1,this.singleSelection=!1,this.allowsEmpty=!1,this.noBorder=!1,this.keyboardSuggestions={checkCheckbox:"to check a checkbox press (shift + space)",uncheckCheckbox:"to uncheck a checkbox press (shift + ctrl + space)"},this.disableSuggestions=!1,this.selectedItems=[],this.checkedItems=[],this.hideKeyboardSuggestions=!0,this.userUsedKeyboard=!1,this.headerHeight=0,this.firstChange=!0,this.disabled=!1,this.formMessageLogic=a,this.required=!1,this.validationStatus="indeterminate",this.initialSetup=()=>{const t=this.getAllItems();(null==t?void 0:t.length)&&t.forEach(((t,r)=>{t.index=r}));const r=!this.allowsEmpty&&0===this.selectedItemsLength(),e=this.singleSelection&&this.selectedItemsLength()>1,o=this.checkboxes,i=this.disabled;if(r||o||e||i){const t=this.getEnabledItems(),a=this.getSelectedItemsFunc();if(r){const r=t.find((t=>!t.selected));r&&(r.selected=!0)}else e&&(null==a?void 0:a.length)&&a.forEach(((t,r)=>{0!==r&&(t.selected=!1)}));o&&t.forEach((t=>{t.checkbox=!0,!this.disableSuggestions&&(t.emitCheckboxChange=!0)})),i&&t.forEach((t=>{t.disabled=!0}))}this.selectedItemsLength()>0&&this.updateSelectedItems()},this.setInitialActive=()=>{const t=this.getFirstSelectedItem();t&&this.setActiveItem(t)},this.handleKeyDown=t=>{this.userUsedKeyboard=!0;const r=t.ctrlKey,e=t.metaKey,o=t.shiftKey,i=this.getIndexByElement(this.activeItem);if("ArrowDown"!==t.code&&"ArrowUp"!==t.code&&"Space"!==t.code&&"Enter"!==t.code&&"Backspace"!==t.code&&"Delete"!==t.code&&"KeyA"!==t.code||t.preventDefault(),"ArrowDown"===t.code||"ArrowUp"===t.code)this.HandleArrow(t.code,o,i);else if("Space"===t.code||"Enter"===t.code){if(o&&r)this.setCheckboxState(this.getHighlightedItems(),!1)>0&&(this.hideKeyboardSuggestions=!0);else if(o&&!r)this.setCheckboxState(this.getHighlightedItems(),!0)>0&&(this.hideKeyboardSuggestions=!0);else if(!o&&(r||e)&&this.selectedItemsLength()>=1)this.unselectHighlightedItems();else if(!r&&!e)if(this.singleSelection){if(this.activeItem===this.getSelectedItemsFunc()[0])return;this.clearSelectedItems(),this.selectItems(this.activeItem)}else r||e?this.clearHighlightedItems():this.selectHighlightedItems()}else"KeyA"!==t.code||!r&&!e||this.singleSelection?"Delete"!==t.code&&"Backspace"!==t.code||this.unselectHighlightedItems():this.highlightAll()},this.HandleArrow=(t,r,e)=>{let o;e>=0?o="ArrowDown"===t?this.getNextItem(e):this.getPrevItem(e):"ArrowDown"===t&&(o=this.getFirstEnabledItem()),o&&(this.singleSelection&&!this.allowsEmpty&&o!==this.getSelectedItemsFunc()[0]&&this.clearSelectedItems(),r&&!this.singleSelection&&(!this.activeItem.selected&&this.selectItems(this.activeItem),!o.selected&&this.selectItems(o)),this.unhighlightAll(),this.setActiveItem(o),this.highlightItem(o),!(this.singleSelection||!this.singleSelection&&r)||o.selected||this.allowsEmpty||this.selectItems(o),l(this.main,o,t))},this.setSiblingSelected=async()=>{const t=this.getAllItems();t.forEach(((r,e)=>{r.siblingIsSelected=e!==t.length-1&&!!t[e+1].selected}))},this.selectedItemsLength=()=>this.getSelectedItemsFunc().length,this.getIndexByElement=t=>{let r;const e=this.getEnabledItems();if(null==e?void 0:e.length){const o=e.find((r=>r===t));o&&(r=o.index)}return r},this.updateSelectedItems=()=>{const t=[];this.getSelectedItemsFunc().forEach((r=>{t.push({active:r.active,selected:r.selected,checked:r.checked,index:r.index,value:r.value||r.textContent})})),this.selectedItems=[...t]},this.getAllItems=()=>{const t=[],r=this.el.querySelectorAll("gxg-list-box-item");return(null==r?void 0:r.length)&&r.forEach((r=>{t.push(r)})),t}}async getSelectedItems(){if(this.disabled)return null;const t=this.getSelectedItemsFunc(),r=[];return t.forEach((t=>{r.push({active:t.active,selected:t.selected,checked:t.checked,index:t.index,value:t.value})})),r}componentDidRender(){this.theTitle&&(this.headerHeight=this.header.clientHeight)}componentWillLoad(){this.initialSetup()}componentDidLoad(){this.setInitialActive()}itemLoadedHandler(){}itemClickedHandler(t){this.containerEl.focus();const{clickedItem:r,ctrlKey:e,cmdKey:o,shiftKey:i,index:a}=t.detail;if(this.singleSelection){if(this.activeItem===r&&!this.allowsEmpty)return;this.allowsEmpty&&(e||o)?this.unselectItems(r):(this.clearHighlightedItems(),this.clearSelectedItems(),this.selectItems(r),this.highlightItem(r))}else if(!i&&e||(this.clearHighlightedItems(),this.clearSelectedItems()),i){if(this.activeItem===r)return;let t;const e=a;if(this.activeItem){const r=this.getIndexByElement(this.activeItem);if(a===r)return;t=r}else t=0;this.selectMultipleItems(t,e)}else if(e){if(!this.allowsEmpty&&1===this.selectedItemsLength()&&r.selected)return;this.unhighlightItem(this.activeItem),this.toggleItem(r),this.highlightItem(r)}else this.selectItems(r),this.highlightItem(r);this.setActiveItem(r)}selectedItemsHandler(t){this.firstChange||this.selectionChanged.emit({items:t}),this.firstChange=!1}checkedItemsHandler(t){this.checkedChanged.emit(t)}disabledHandler(t){if(t){const t=this.getEnabledItems();null==t||t.forEach((t=>{t.disabled=!0}))}}hideKeyboardSuggestionsHandler(t,r){!0===t&&!1===r&&localStorage.setItem("gxg-list-box-hide-keyboard-suggestions","true")}itemSelectedHandler(){this.setSiblingSelected()}checkboxStateChangedHandler(t){const r=t.detail.checkedItem,e=t.detail.checked,o=[],i=this.getEnabledItems();(null==i?void 0:i.length)&&(i.forEach((t=>{let i;i=t===r?r:t;const a=t===r?e:i.checked;i&&a&&o.push({active:i.active,selected:i.selected,checked:a,index:i.index,value:i.value||i.textContent})})),this.checkedItems=o),localStorage.getItem("gxg-list-box-hide-keyboard-suggestions")||this.disableSuggestions||!this.userUsedKeyboard||(this.hideKeyboardSuggestions=!1)}clearSelectedItems(t=!1){const r=this.el.querySelectorAll(t?"gxg-list-box-item[selected]:not([highlighted])":"gxg-list-box-item[selected]");r.length>0&&r.forEach((t=>{this.unselectItems(t)}))}getSelectedItemsFunc(){const t=[],r=this.getEnabledItems();return(null==r?void 0:r.length)&&r.forEach((r=>{!r.disabled&&r.selected&&t.push(r)})),t}highlightItem(t,r=!1){t&&(this.singleSelection&&this.clearHighlightedItems(),t.highlighted=!0,!r&&(this.activeItem=t))}unhighlightItem(t){t&&(t.highlighted=!1)}unhighlightAll(t=!1){const r=this.getEnabledItems();return(null==r?void 0:r.length)?(r.forEach((r=>{(!t||r!==this.activeItem)&&(r.highlighted=!1)})),r.length):0}toggleHighlightedItems(){this.getHighlightedItems().forEach((t=>{this.toggleItem(t)}))}selectHighlightedItems(){return this.selectItems(this.getHighlightedItems())}unselectHighlightedItems(){return this.unselectItems(this.getHighlightedItems())}clearHighlightedItems(){const t=this.getEnabledItems();(null==t?void 0:t.length)&&t.forEach((t=>{t.highlighted&&this.unhighlightItem(t)}))}getHighlightedItems(){const t=[],r=this.getEnabledItems();return(null==r?void 0:r.length)&&r.forEach((r=>{r.highlighted&&t.push(r)})),t}getHighlightedItemsLength(){return this.getHighlightedItems().length}highlightAll(){let t=0;const r=this.getEnabledItems();return(null==r?void 0:r.length)&&r.forEach((r=>{this.highlightItem(r,!0),t++})),t}getItemByIndex(t){const r=this.getEnabledItems();let e;return(null==r?void 0:r.length)&&(e=r.find((r=>r.index===t))),e}getNextItem(t){const r=this.getAllItems();if(-1===t)return r[0];const e=r.length;let o=t+1;for(;o<e&&r[o].disabled;)o++;return o<e&&!r[o].disabled?r[o]:null}getPrevItem(t){const r=this.getAllItems();let e=t-1;for(;e>-1&&r[e].disabled;)e--;return e>-1&&!r[e].disabled?r[e]:null}selectItems(t){let r=0;return t&&Array.isArray(t)&&t.length>0?t.forEach((t=>{t.selected||t.disabled||(t.selected=!0)&&r++,this.activeItem!==t&&this.unhighlightItem(t)})):t&&!Array.isArray(t)&&(t.selected||t.disabled||(t.selected=!0)&&r++,this.activeItem!==t&&this.unhighlightItem(t)),this.updateSelectedItems(),r}unselectItems(t){let r=0,e=this.selectedItemsLength();return t&&Array.isArray(t)&&t.length>0&&e>0?t.forEach((t=>{t.selected&&!t.disabled&&(this.allowsEmpty?(t.selected=!1,r++):e>1&&(t.selected=!1,r++,e--)),this.activeItem!==t&&this.unhighlightItem(t)})):t&&!Array.isArray(t)&&(t.selected&&!t.disabled&&(t.selected=!1,r++),this.activeItem!==t&&this.unhighlightItem(t)),r>0&&this.updateSelectedItems(),r}toggleItem(t){(null==t?void 0:t.selected)?this.unselectItems(t):this.selectItems(t)}getActiveItem(){return this.getEnabledItems().find((t=>t.active))}setActiveItem(t){return!!t&&(this.clearActiveItem(),t.active=!0,this.activeItem=t,!0)}clearActiveItem(){const t=this.getActiveItem();return!!t&&(t.active=!1,!0)}getEnabledItems(){const t=[];return this.el.querySelectorAll("gxg-list-box-item").forEach((r=>{!r.disabled&&t.push(r)})),t}setCheckboxState(t,r=!0){if(t&&Array.isArray(t)&&0!==t.length){let e=0;return t.forEach((t=>{!t.checked&&r?(t.checked=!0,e++):t.checked&&!r&&(t.checked=!1,e++)})),e}if(!t||!Array.isArray(t)){const e=t;if(!e.checked&&r)return e.checked=!0,1;if(e.checked&&!r)return e.checked=!1,1}return 0}getFirstEnabledItem(){return this.getEnabledItems()[0]||null}getFirstSelectedItem(){const t=this.getEnabledItems();if((null==t?void 0:t.length)&&t[0].selected)return t[0]}selectMultipleItems(t,r){let e=r;const o=[];if(t!==r){if(t>r){const o=t;t=r,r=o,e=t}for(let i=t;i<=r;i++){const t=this.getItemByIndex(i);t&&o.push(t),i===e&&this.highlightItem(t)}(null==o?void 0:o.length)>0&&this.selectItems(o)}}renderKeyboardSuggestions(){if(Object.keys(this.keyboardSuggestions).length){const t=[];for(const r in this.keyboardSuggestions){const o=e("li",{class:"suggestions-__list-item"},this.keyboardSuggestions[r]);t.push(o)}return e("div",{class:"suggestions suggestions__container"},e("ul",{class:"suggestions__list"},t),e("gxg-button",{class:"suggestions__button",type:"secondary-icon-only",icon:"gemini-tools/close",onClick:()=>this.hideKeyboardSuggestions=!0}))}}render(){return e(o,{class:{large:c.large,"has-title":!!this.theTitle,[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,[s.DISABLED_CLASS]:this.disabled},onKeyDown:this.handleKeyDown},e("div",{class:{container:!0,"form-element":!0},tabindex:this.disabled?"-1":"0",ref:t=>this.containerEl=t},this.theTitle?e("header",{class:{header:!0},ref:t=>this.header=t},this.theTitle):null,this.disableSuggestions||this.hideKeyboardSuggestions?null:this.renderKeyboardSuggestions(),e("main",{class:{main:!0},style:{height:`calc(100% - ${this.headerHeight}px)`},ref:t=>this.main=t},e("slot",null))),a(this))}get el(){return i(this)}static get watchers(){return{selectedItems:["selectedItemsHandler"],checkedItems:["checkedItemsHandler"],disabled:["disabledHandler"],hideKeyboardSuggestions:["hideKeyboardSuggestionsHandler"]}}};h.style=":host(.gxg--disabled) .form-element,:host(.gxg--disabled.form-element){pointer-events:none;background-color:var(--gxg-background-color--disabled) !important;color:var(--gxg-color--disabled) !important;border-color:var(--gxg-border-color--disabled) !important;cursor:default !important}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.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)}:host{display:block;font-size:var(--font-size-sm);font-family:var(--font-family-primary);background-color:var(--color-background);color:var(--color-on-background);height:100%}:host .container{height:100%;border:var(--border-radius-xs) var(--border-style-regular) var(--gray-02)}:host .header{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;background-color:var(--gray-01);border-bottom:var(--gxg-border-common-styles);padding:var(--spacing-comp-01) var(--spacing-comp-02);text-transform:capitalize;font-size:inherit;font-weight:var(--font-weight-semibold);color:var(--color-on-background)}:host .main{overflow-y:auto;}:host .main::-webkit-scrollbar{width:6px;height:6px}:host .main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}:host .main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}:host .main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host .main--no-border{border:none}:host .icon{margin-inline-end:var(--spacing-comp-01)}:host .checkbox{margin-inline-end:var(--spacing-comp-01)}:host.selected{background-color:var(--color-secondary-active);color:var(--color-always-white)}.container:focus-within{outline:none}.container:not(:focus-within){--gxg-border-color--focused:transparent}:host([no-border]) .container{border:none}.suggestions__container{background-color:var(--gray-01);color:var(--gray-06);font-family:inherit;font-size:var(--font-size-sm);padding:var(--spacing-comp-01) var(--spacing-comp-02);display:flex;gap:var(--spacing-comp-01);align-items:center}.suggestions__list{margin:0;padding:0;list-style-type:none;flex-grow:1}.messages-wrapper{margin-top:var(--spacing-comp-02);display:flex;gap:var(--spacing-comp-01);flex-direction:column}:host(.large){font-size:var(--font-size-lg)}";const m=class{constructor(e){t(this,e),this.itemClicked=r(this,"itemClicked",7),this.itemLoaded=r(this,"itemLoaded",7),this.itemSelected=r(this,"itemSelected",7),this.checkboxStateChanged=r(this,"checkboxStateChanged",7),this.parts={checkbox:"checkbox"},this.icon=void 0,this.selected=!1,this.siblingIsSelected=!1,this.highlighted=!1,this.active=!1,this.index=null,this.emitCheckboxChange=!1,this.value=void 0,this.checkbox=!1,this.checked=!1,this.mouseOver=!1,this.handleCheckboxClick=t=>{t.stopPropagation(),this.checked=!!t.target.checked},this.attachExportParts=()=>{const t=this.el.getAttribute("part"),r=g(t,this.parts);r.length&&(this.exportparts=r)}}watchPropHandler(){this.itemSelected.emit()}checkboxChangedHandler(t){this.emitCheckboxChange&&this.checkboxStateChanged.emit({checkedItem:this.el,checked:t.detail.value})}iconColor(){return this.disabled?"disabled":this.selected?"primary-enabled":"auto"}componentWillLoad(){this.attachExportParts()}componentDidLoad(){this.itemLoaded.emit()}itemClickedFunc(t){this.itemClicked.emit({clickedItem:this.el,ctrlKey:t.ctrlKey,cmdKey:t.metaKey,shiftKey:t.shiftKey,index:this.index})}onMouseOver(){this.mouseOver=!0}onMouseOut(){this.mouseOver=!1}render(){return e(o,{class:{"has-icon":void 0!==this.icon,"no-checkbox":!this.checkbox,large:c.large,[s.DISABLED_CLASS]:this.disabled},onClick:this.itemClickedFunc.bind(this),exportParts:this.exportparts?this.exportparts:null},e("div",{class:{container:!0,"form-element":!0}},this.checkbox&&!this.disabled?e("gxg-form-checkbox",{tabindex:"-1",checked:this.checked,onClick:this.handleCheckboxClick,disabled:this.disabled,part:this.parts.checkbox}):null,void 0!==this.icon?e("gxg-icon",{class:"icon",color:this.iconColor(),size:"regular",type:this.icon}):null,e("div",{class:"description"},e("slot",null))))}get el(){return i(this)}static get watchers(){return{selected:["watchPropHandler"]}}};m.style=":host(.gxg--disabled) .form-element,:host(.gxg--disabled.form-element){pointer-events:none;background-color:var(--gxg-background-color--disabled) !important;color:var(--gxg-color--disabled) !important;border-color:var(--gxg-border-color--disabled) !important;cursor:default !important}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.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:block;font-family:var(--font-family-primary);font-size:inherit;color:inherit;display:flex;box-sizing:border-box;align-items:center;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-o-user-select:none;outline:none;border-bottom:1px solid transparent}:host .container{display:flex;align-items:center;padding:var(--spacing-comp-00) var(--spacing-comp-02);width:100%;height:var(--gxg-list-item-height--spaced);box-sizing:border-box}:host .icon{margin-inline-end:var(--spacing-comp-01);flex-shrink:0}:host gxg-form-checkbox{margin-inline-end:var(--spacing-comp-01)}:host gxg-form-checkbox::part(box){outline:none}:host(:not([disabled])){cursor:pointer !important}:host([disabled]){pointer-events:none}:host(:hover:not([selected])){background-color:var(--gxg-background-color--hover)}:host(.has-icon.no-checkbox) .container{padding-inline-start:var(--spacing-comp-01)}.description{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;}:host([active]){outline-style:solid;outline-color:var(--gxg-border-color--focused);outline-width:var(--border-width-md);outline-offset:-2px;background-color:var(--gxg-background-color--hover);color:var(--gxg-color--hover)}:host([selected]){background-color:var(--gxg-background-color--selected);color:var(--gxg-color--selected);border-bottom-color:var(--color-secondary-hover)}:host([selected]:hover){background-color:var(--gxg-background-color--selected-hover)}:host(:not([sibling-is-selected])){border-bottom-color:transparent}:host(.large) .container{padding:var(--spacing-comp-01)}";export{h as gxg_list_box,m as gxg_list_box_item}

package/dist/genexus-ide-ui/p-98c6b820.entry.js

@@ -1 +0,0 @@
-import{r as t,c as o,h as r,H as i,g as e}from"./p-976c3a09.js";import{a as n,r as a}from"./p-01406cbc.js";import{f as s,c as l}from"./p-e7e4f76c.js";import{s as c}from"./p-e46e26a6.js";import{e as g}from"./p-d8501cb4.js";const h=class{constructor(r){t(this,r),this.input=o(this,"input",7),this.change=o(this,"change",7),this.clearButtonClicked=o(this,"clearButtonClicked",7),this.valueChanged=o(this,"valueChanged",7),this.parts={input:"input"},this.clearButton=!1,this.debounce=!1,this.debounceDelay=800,this.disabled=!1,this.readonly=!1,this.icon=null,this.cursorEnd=!1,this.iconPosition=null,this.labelPosition="above",this.borderless=!1,this.minimal=!1,this.overDarkBackground=!1,this.required=!1,this.centerLabel=!1,this.preventValueChangedEmit=!1,this.preventValueChangeOnDisabled=!1,this.validationStatus="indeterminate",this.maxWidth="100%",this.width="100%",this.textStyle="regular",this.password=!1,this.maxLength=void 0,this.minLength=void 0,this.cursorInside=!1,this.inputSize="auto",this.mouseCoordinates={x:null,y:null},this.rtl=!1,this.attachExportParts=()=>{const t=this.el.getAttribute("part"),o=g(t,this.parts);o.length&&(this.exportparts=o)}}watchHandler(t){!this.preventValueChangedEmit&&this.debounce?(clearTimeout(this.timeoutReference),this.timeoutReference=setTimeout((()=>{this.valueChanged.emit(t)}),this.debounceDelay)):this.preventValueChangedEmit||this.debounce||this.valueChanged.emit(t),this.minimal&&this.updateGhostSpan(),this.minimal&&this.updateGhostSpan()}disabledHandler(t){this.preventValueChangeOnDisabled||(!0===t?(this.valueBeforeDisabled=this.value,this.value=null):this.value=this.valueBeforeDisabled)}async selectInputText(){this.textInput.focus(),this.textInput.select()}componentWillLoad(){this.attachExportParts()}iconPositionFunc(){if(null!==this.iconPosition&&null!==this.icon)return this.iconPosition}inputIcon(){const t=this.iconSize();if(null!==this.iconPosition&&null!==this.icon)return r("gxg-icon","warning"===this.validationStatus?{class:"custom-icon",type:this.icon,size:t,color:"warning"}:"error"===this.validationStatus?{class:"custom-icon",type:this.icon,size:t,color:"error"}:{class:"custom-icon",type:this.icon,size:t,color:this.disabled?"disabled":"auto"})}handleInput(t){t.stopPropagation();const o=t.target;this.value=o.value,this.input.emit(o.value)}handleChange(t){t.stopPropagation();const o=t.target;this.value=o.value,this.change.emit(o.value)}onFocusHandler(){this.cursorEnd&&this.textInput.setSelectionRange(this.textInput.value.length,this.textInput.value.length)}clearButtonFunc(){this.clearButtonClicked.emit({prevValue:this.value}),this.value=""}updateGhostSpan(){if(this.minimal){const t=this.el.shadowRoot.querySelector(".ghost-span");t.innerHTML=this.value;const o=t.offsetWidth+5;this.el.shadowRoot.querySelector(".input").style.width=o+"px"}}mouseEnterHandler(){setTimeout(function(){const t=this.el.shadowRoot.querySelector(".input").getBoundingClientRect();this.mouseCoordinates.x>t.left&&this.mouseCoordinates.x<t.right&&this.mouseCoordinates.y>t.top&&this.mouseCoordinates.y<t.bottom&&(this.cursorInside=!0)}.bind(this),500)}mouseOutHandler(){this.cursorInside=!1}mouseMoveHandler(t){this.mouseCoordinates.x=t.clientX,this.mouseCoordinates.y=t.clientY}componentDidLoad(){this.minimal&&(document.addEventListener("mousemove",this.mouseMoveHandler.bind(this)),new IntersectionObserver(function(t){if(t[0].intersectionRatio<=0)return;const o=this.el.shadowRoot.querySelector(".input"),r=window.getComputedStyle(o),i=this.el.shadowRoot.querySelector(".ghost-span");i.style.position="fixed",i.style.left="-1000px",i.style.top="-1000px",i.style.zIndex="-1000",i.style.opacity="0",i.style.fontSize=r.fontSize,i.style.fontFamily=r.fontFamily,i.style.textTransform=r.textTransform,i.style.display="inline-block",i.style.paddingLeft=r.paddingRight,i.style.paddingRight=r.paddingRight,i.style.letterSpacing=r.letterSpacing,i.style.fontWeight=r.fontWeight;const e=i.offsetWidth+5;o.style.width="0px";const n=this.el.shadowRoot.querySelector(".inner-wrapper").offsetWidth-5;o.style.width=e+"px",o.style.maxWidth=n+"px";const a=new ResizeObserver((()=>{o.style.width="0px";const t=this.el.shadowRoot.querySelector(".inner-wrapper").offsetWidth-5;o.style.maxWidth=t+"px",o.style.width=e+"px"})),s=this.el.shadowRoot.querySelector(".inner-wrapper");a.observe(s)}.bind(this)).observe(this.el.shadowRoot.querySelector(".input")));const t=document.getElementsByTagName("html")[0].getAttribute("dir"),o=document.getElementsByTagName("body")[0].getAttribute("dir");"rtl"!==t&&"rtl"!==o||(this.rtl=!0)}componentDidUnload(){this.minimal&&document.removeEventListener("mousemove",this.mouseMoveHandler)}iconSize(){return c.large?"regular":"small"}type(){return this.password?"password":"text"}render(){return r(i,{role:"textbox","aria-label":this.label,"icon-position":this.iconPositionFunc(),style:{width:this.width,maxWidth:this.maxWidth},class:{rtl:this.rtl,large:c.large,borderless:this.borderless,"has-icon":this.icon,[s.VALIDATION_INDETERMINATE_CLASS]:"indeterminate"===this.validationStatus,[s.VALIDATION_WARNING_CLASS]:"warning"===this.validationStatus,[s.VALIDATION_ERROR_CLASS]:"error"===this.validationStatus,[s.VALIDATION_SUCCESS_CLASS]:"success"===this.validationStatus,[l.DISABLED_CLASS]:this.disabled},exportParts:this.exportparts?this.exportparts:null},this.minimal?r("span",{class:"ghost-span"},this.value):null,r("div",{class:{"outer-wrapper":!0}},this.label?r("gxg-label",{labelPosition:this.labelPosition,center:this.centerLabel,width:this.labelWidth},this.label,a(this)):"",r("div",{class:{"inner-wrapper":!0,"clear-button":!0===this.clearButton}},r("input",{part:this.parts.input,type:this.type(),value:this.value,class:{input:!0,"form-element":!0,"cursor-inside":this.cursorInside,"clear-button":!0===this.clearButton,"custom-icon":this.icon,"custom-icon--end":"end"===this.iconPosition,"input--borderless":this.borderless},placeholder:this.placeholder,disabled:this.disabled,readonly:this.readonly,onInput:this.handleInput.bind(this),onChange:this.handleChange.bind(this),onFocus:this.onFocusHandler.bind(this),required:this.required,onMouseEnter:this.mouseEnterHandler.bind(this),onMouseOut:this.mouseOutHandler.bind(this),ref:t=>this.textInput=t,maxLength:this.maxLength?parseInt(this.maxLength):null,minLength:this.minLength?parseInt(this.minLength):null}),this.inputIcon(),this.clearButton?r("gxg-icon",{class:"clear-button",type:"gemini-tools/close",size:this.iconSize(),color:"onbackground",onClick:this.clearButtonFunc.bind(this)}):null,"start"===this.labelPosition?n(this):null)),"above"===this.labelPosition?n(this):null)}static get delegatesFocus(){return!0}get el(){return e(this)}static get watchers(){return{value:["watchHandler"],disabled:["disabledHandler"]}}};h.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}: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)}:host(.gxg--disabled) .form-element,:host(.gxg--disabled.form-element){pointer-events:none;background-color:var(--gxg-background-color--disabled) !important;color:var(--gxg-color--disabled) !important;border-color:var(--gxg-border-color--disabled) !important;cursor:default !important}:host{display:flex;flex-direction:column;width:100%}:host .outer-wrapper{position:relative;width:100%}:host .inner-wrapper{display:flex;flex-direction:column;position:relative;flex:1}:host .inner-wrapper gxg-icon{position:absolute}: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}:host label .required{padding-inline-start:2px}:host input{position:relative;width:100%}:host([label-position=start]) .outer-wrapper{display:flex;flex-direction:row}:host input[type=text],:host input[type=password]{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:var(--gxg-form-text-height);box-sizing:border-box}:host input[type=text]:focus,:host input[type=password]:focus{outline-style:solid;outline-color:var(--gxg-border-color--focused);outline-width:var(--border-width-md);outline-offset:-2px}:host input[disabled]{background-color:var(--gray-01);color:var(--color-on-disabled)}:host input[disabled]::-webkit-input-placeholder{color:var(--gray-04)}:host .input--borderless{border-color:transparent !important}:host input[readonly]{cursor:default}:host([minimal]) input[type=text]:not(:focus),:host([minimal]) input[type=password]:not(:focus){border-color:transparent;background-color:transparent}:host([minimal]) input.cursor-inside{border-color:var(--gray-02) !important;background-color:var(--color-background)}:host([minimal]) input[type=text]:focus,:host([minimal]) input[type=password]:focus{border-color:transparent}:host([minimal]:not([icon-position=start])) input[type=text],:host([minimal]:not([icon-position=start])) input[type=password]{padding-inline-start:0}:host([minimal]:not([icon-position=start])) input.cursor-inside{padding-inline-start:var(--spacing-comp-01)}:host([minimal]:not([icon-position=start])) input[type=text]:focus,:host([minimal]:not([icon-position=start])) input[type=password]:focus{padding-inline-start:var(--spacing-comp-01)}:host([minimal][over-dark-background]) input[type=text]:not(:focus),:host([minimal][over-dark-background]) input[type=password]:not(:focus){color:var(--color-on-primary)}:host gxg-icon{top:50%;transform:translateY(-50%)}:host([icon-position=end]) .clear-button gxg-icon:not(.clear-button){right:16px}:host(.has-icon[icon-position=start]) input{padding-inline-start:20px}:host([icon-position=end]) input{padding-inline-end:20px}:host([icon-position=end]) .inner-wrapper{flex-direction:row-reverse}:host gxg-icon.clear-button{left:auto;opacity:0.5;cursor:pointer}:host gxg-icon.clear-button:hover{opacity:1}:host([clear-button][icon-position=end]) gxg-icon:not(.clear-button){right:16px}:host([clear-button][icon-position=end]) input{padding-inline-end:36px}.custom-icon:has(+.clear-button){}.messages-wrapper{margin-top:var(--spacing-comp-02);display:flex;gap:var(--spacing-comp-01);flex-direction:column}:host([text-style=regular]) input{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}:host([text-style=quote]) input{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}:host([text-style=title-01]) input{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}:host([text-style=title-02]) input{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}:host([text-style=title-03]) input{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}:host([text-style=title-04]) input{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}:host([text-style=title-05]) input{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}:host(.rtl[icon-position=start]) gxg-icon{right:0;left:auto}:host(.rtl[icon-position=end]) gxg-icon{right:auto;left:0}:host(.large) label{font-size:var(--font-size-lg)}:host(.large) input{font-size:var(--font-size-lg)}:host(.large) input[type=text],:host(.large) input[type=password]{padding-left:7px;padding-right:7px}:host(.large.has-icon[icon-position=start]) input{padding-inline-start:var(--spacing-comp-05)}:host(.large.has-icon[icon-position=start]) input .inner-wrapper gxg-icon{left:2px}:host(.large[icon-position=end]) input{padding-inline-end:var(--spacing-comp-05)}:host(.large[icon-position=start]) .inner-wrapper gxg-icon{left:2px}:host(.large[icon-position=end]) .inner-wrapper gxg-icon{right:4px;left:auto}:host(.large) gxg-icon.clear-button{right:5px !important;left:auto !important}:host(.large[icon-position=end][clear-button]) .inner-wrapper gxg-icon{right:26px}:host(.large.has-icon[icon-position=start][clear-button]) input{padding-inline-end:26px}:host(.large[icon-position=end][clear-button]) input{padding-inline-end:48px}";export{h as gxg_form_text}

package/dist/genexus-ide-ui/p-9ba292a0.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as s,H as e,g as o}from"./p-976c3a09.js";import{L as r}from"./p-26957490.js";const a=class{constructor(e){t(this,e),this.create=i(this,"create",7),this.validateName=i(this,"validateName",7),this.cancel=i(this,"cancel",7),this.componentDidLoadEvent=i(this,"componentDidLoadEvent",7),this.descriptionModifiedByUser=!1,this.renderModuleFolder=()=>{if(this.selectedType.hasModule||this.selectedType.hasFolder){let t=this._componentLocale.moduleFolder;return this.selectedType.hasFolder?this.selectedType.hasModule||(t=this._componentLocale.folderOnly):t=this._componentLocale.moduleOnly,[s("gxg-label",{labelPosition:"start"},t),s("gx-ide-entity-selector",{value:this.parent,defaultValue:this.defaultParent,selectEntityCallback:this.selectModuleCallback,ref:t=>this.parentEl=t,part:"module"})]}return null},this.init=()=>{this.selectedType&&this.selectedType.name.length>0&&(this.name=this.selectedType.name,this.description=this.selectedType.name)},this.onInputNameHandler=t=>{const i=t.detail;this.descriptionModifiedByUser||(this.descriptionEl.value=i),this.processName(i)},this.onBlurNameHandler=()=>{this.validateNameHandler(this.nameEl.value)},this.onInputDescriptionHandler=t=>{this.description=t.detail,this.descriptionModifiedByUser=!0},this.processName=t=>{this.validateNameTimeoutRef&&clearTimeout(this.validateNameTimeoutRef),this.validateNameTimeoutRef=setTimeout((()=>{this.validateNameHandler(t)}),300)},this.validateNameHandler=async t=>{const i=await this.validateNameCallback(t);void 0!==i?(this.nameEl.validationMessage=i,this.nameEl.validationStatus="error",this.nameIsValid=!1):(this.nameEl.validationMessage=null,this.nameEl.validationStatus="indeterminate",this.nameIsValid=!0)},this.createCallbackHandler=async()=>{var t;const i={typeId:null===(t=this.selectedType)||void 0===t?void 0:t.id,name:this.nameEl.value,description:this.descriptionEl.value,moduleId:this.parentEl.value.id};await this.createCallback(i)},this.cancelCallbackHandler=async()=>{await this.cancelCallback()},this.categoryOnSelectionChangedHandler=t=>{const i=t.detail.items;i.length>0&&(this.selectedCategory=this.typeCategories[i[0].index],this.selectedCategory.types[0]&&(this.selectedType=this.selectedCategory.types[0]))},this.typeOnSelectionChangedHandler=t=>{const i=t.detail.items;i.length>0&&(this.selectedType=this.selectedCategory.types[i[0].index])},this.selectedCategory=void 0,this.selectedType=void 0,this.nameIsValid=!1,this.name=void 0,this.description=void 0,this.shadow=!1,this.typeCategories=void 0,this.parent=void 0,this.defaultParent=void 0,this.selectModuleCallback=void 0,this.validateNameCallback=void 0,this.createCallback=void 0,this.cancelCallback=void 0}watchPropHandler(t){this.name=t.name,this.description=t.name,this.descriptionModifiedByUser=!1,this.nameEl&&this.nameEl.focus()}async componentWillLoad(){this.selectedCategory=this.typeCategories[0],this.selectedType=this.typeCategories[0].types[0],this.init(),this._componentLocale=await r.getComponentStrings(this.el)}componentDidLoad(){this.nameEl.focus(),this.validateNameHandler(this.name),this.componentDidLoadEvent.emit(!0)}render(){return s(e,{class:{"gxi-new-kb":!0,"gxi-new-object--shadow":this.shadow}},s("div",{class:"gx-ide-main-wrapper gx-ide-overflow"},s("main",{class:"main"},s("gxg-container",{displayBorderBottom:!0},s("div",{class:"grid first-row"},this.typeCategories.length>1?s("gxg-list-box",{"single-selection":!0,"the-title":this._componentLocale.categorySelection,onSelectionChanged:this.categoryOnSelectionChangedHandler},this.typeCategories.map((t=>s("gxg-list-box-item",{key:t.id,value:t.id,icon:t.icon,part:`${t}-${t.id}`},t.name)))):null,s("gxg-list-box",{"single-selection":!0,"the-title":this._componentLocale.typeSelection,onSelectionChanged:this.typeOnSelectionChangedHandler},this.selectedCategory.types?this.selectedCategory.types.map((t=>s("gxg-list-box-item",{key:`${this.selectedCategory.id}-${t.id}`,icon:t.icon,selected:this.selectedType.id===t.id,part:`${t}-${t.id}`},t.name))):null),s("gxg-title",{type:"title-05"},"Text about the ",this.selectedType.name))),s("gxg-container",null,s("div",{class:"grid"},s("header",{class:"header grid"},s("gxg-label",{labelPosition:"start"},this._componentLocale.name),s("gxg-form-text",{"label-position":"start",placeholder:"Name","max-width":"100%",value:this.name,ref:t=>this.nameEl=t,onInput:this.onInputNameHandler,onBlur:this.onBlurNameHandler,part:"name","display-validation-styles":!0,"display-validation-message":!0}),s("gxg-label",{labelPosition:"start"},this._componentLocale.description),s("gxg-form-text",{"label-position":"start",placeholder:"Description","max-width":"100%",value:this.description,ref:t=>this.descriptionEl=t,onInput:this.onInputDescriptionHandler,part:"description","display-validation-styles":!0,"display-validation-message":!0}),this.renderModuleFolder()))),s("gxg-container",{displayBorderTop:!0},s("gxg-button",{id:"button-create",slot:"footer",type:"primary-text-only",onClick:this.createCallbackHandler,disabled:!this.nameIsValid,part:"gxg-button gxg-button--create"},this._componentLocale.footer.btnCreate),s("gxg-button",{id:"button-cancel",slot:"footer",type:"outlined",onClick:this.cancelCallbackHandler,part:"gxg-button gxg-button--cancel"},this._componentLocale.footer.btnCancel)))))}static get assetsDirs(){return["gx-ide-assets/new-object"]}get el(){return o(this)}static get watchers(){return{selectedType:["watchPropHandler"]}}};a.style=".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:999;border-bottom:1px solid var(--gray-01)}gxg-tabs{box-shadow:none}: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-object--shadow){border:none;box-shadow:var(--box-shadow-01)}.header{grid-template-columns:auto 1fr}.first-row{grid-template-columns:1fr 3fr;grid-template-rows:1fr}.first-row *:nth-child(3){grid-column:1/3}";export{a as gx_ide_new_object}

package/dist/genexus-ide-ui/p-d02f6ce4.entry.js

@@ -1 +0,0 @@
-import{r as e,h as a,g as l}from"./p-976c3a09.js";const i=class{constructor(l){e(this,l),this.comboValues=[{id:"web-net",label:"Web (.NET)",iconName:null},{id:"android",label:"Android",iconName:"general/android",selected:!0},{id:"apple",label:"Apple",iconName:"general/apple"},{id:"web-angular",label:"Web (Angular)",iconName:"general/angular"},{id:"we-chat-mini-program",label:"We Chat Mini Program",iconName:null}],this.updatedComboValues=[{id:"1",label:"1",iconName:null},{id:"2",label:"2",iconName:"general/android"},{id:"3",label:"3",iconName:"general/apple",selected:!0},{id:"4",label:"4",iconName:"general/angular"}],this.renderComboBoxItems=e=>{const l=[];return e.forEach((e=>{l.push(a("gxg-combo-box-item",{value:e.value||e.id,icon:e.iconName||e.icon,key:e.id},e.label||e.name))})),l},this.getSelectedGxOption=e=>{let a;if(null==e?void 0:e.length)for(let l=0;l<e.length;l++)if(e[l].selected){a=e[l];break}return a?a.id:e[0].id},this.updateFrontEnds=()=>{this.comboValues=this.updatedComboValues},this.valueChangedHandler=e=>{console.log("value updated",e.detail)}}render(){return[a("gxg-combo-box",{id:"combo-fruits",placeholder:"Select item","max-width":"100%","label-position":"start","center-label":!0,"cursor-end":!0,value:this.getSelectedGxOption(this.comboValues),onValueChanged:this.valueChangedHandler},this.renderComboBoxItems(this.comboValues)),a("button",{onClick:this.updateFrontEnds},"update")]}get el(){return l(this)}};i.style=".tree-buttons{margin-top:16px;display:flex;gap:8px;flex-wrap:wrap}";export{i as gxg_test}