@genexus/genexus-ide-ui 0.0.76 → 0.0.78
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/ch-shortcuts_2.cjs.entry.js +230 -0
- package/dist/cjs/genexus-ide-ui.cjs.js +1 -1
- package/dist/cjs/gx-ide-ai-assistant.cjs.entry.js +16 -2
- package/dist/cjs/gx-ide-ai-message.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-new-environment.cjs.entry.js +7 -2
- package/dist/cjs/gxg-form-text.cjs.entry.js +3 -5
- package/dist/cjs/gxg-test.cjs.entry.js +7 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/ai-assistant/ai-assistant.css +1 -0
- package/dist/collection/components/ai-assistant/ai-assistant.js +15 -1
- package/dist/collection/components/ai-assistant/ai-message.css +3 -6
- package/dist/collection/components/new-environment/gx-ide-assets/new-environment/shortcuts.json +21 -0
- package/dist/collection/components/new-environment/new-environment.js +8 -3
- package/dist/components/ai-message.js +1 -1
- package/dist/components/ch-shortcuts.js +1 -236
- package/dist/{esm/ch-shortcuts.entry.js → components/ch-shortcuts2.js} +40 -9
- package/dist/components/form-text.js +3 -5
- package/dist/components/gx-ide-ai-assistant.js +16 -2
- package/dist/components/gx-ide-new-environment.js +58 -29
- package/dist/components/gxg-shortcuts.js +6 -0
- package/dist/components/gxg-test.js +32 -2
- package/dist/components/index.js +1 -0
- package/dist/components/shortcuts.js +58 -0
- package/dist/esm/ch-shortcuts_2.entry.js +225 -0
- package/dist/esm/genexus-ide-ui.js +1 -1
- package/dist/esm/gx-ide-ai-assistant.entry.js +16 -2
- package/dist/esm/gx-ide-ai-message.entry.js +1 -1
- package/dist/esm/gx-ide-new-environment.entry.js +8 -3
- package/dist/esm/gxg-form-text.entry.js +3 -5
- package/dist/esm/gxg-test.entry.js +7 -1
- package/dist/esm/loader.js +1 -1
- package/dist/genexus-ide-ui/genexus-ide-ui.esm.js +1 -1
- package/dist/genexus-ide-ui/gx-ide-assets/new-environment/shortcuts.json +21 -0
- package/dist/genexus-ide-ui/p-0967fafc.entry.js +1 -0
- package/dist/genexus-ide-ui/p-0b6d53e1.entry.js +1 -0
- package/dist/genexus-ide-ui/p-2d77e2a3.entry.js +1 -0
- package/dist/genexus-ide-ui/p-4bceda48.entry.js +1 -0
- package/dist/genexus-ide-ui/p-ab4e48bc.entry.js +1 -0
- package/dist/genexus-ide-ui/p-e4e7e070.entry.js +1 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/form-text/form-text.css +1 -1
- package/dist/node_modules/@genexus/gemini/dist/collection/components/shortcuts/shortcuts.css +366 -0
- package/dist/types/components/ai-assistant/ai-assistant.d.ts +3 -0
- package/dist/types/components/new-environment/new-environment.d.ts +2 -0
- package/package.json +3 -3
- package/dist/cjs/ch-shortcuts.cjs.entry.js +0 -211
- package/dist/genexus-ide-ui/p-0f3c3a5e.entry.js +0 -1
- package/dist/genexus-ide-ui/p-2e7d1eef.entry.js +0 -1
- package/dist/genexus-ide-ui/p-4a8187c1.entry.js +0 -1
- package/dist/genexus-ide-ui/p-72fad9dd.entry.js +0 -1
- package/dist/genexus-ide-ui/p-9f4e169e.entry.js +0 -1
- package/dist/genexus-ide-ui/p-f13a59cc.entry.js +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as n,H as r,g as o}from"./p-0906fb46.js";import{f as e}from"./p-b374d112.js";const i=new Map;let s;function l(t){var n;(!t.repeat||t.repeat&&(null===(n=null==s?void 0:s.shortcut.conditions)||void 0===n?void 0:n.allowRepeat))&&(s=function(t){const n=i.get(c(t.ctrlKey,t.altKey,t.shiftKey,t.metaKey,t.key));if(n&&function(t){var n,r,o,i;const s=e();return(null===(n=t.shortcut.conditions)||void 0===n?void 0:n.focusInclude)?Array.from(t.root.querySelectorAll(null===(r=t.shortcut.conditions)||void 0===r?void 0:r.focusInclude)).some((t=>s.includes(t))):!(null===(o=t.shortcut.conditions)||void 0===o?void 0:o.focusExclude)||!Array.from(t.root.querySelectorAll(null===(i=t.shortcut.conditions)||void 0===i?void 0:i.focusExclude)).some((t=>s.includes(t)))}(n)){const r=a(n.shortcut.selector,n.root);r&&("click"===n.shortcut.action?r.dispatchEvent(new Event("click")):r.focus(),!1!==n.shortcut.preventDefault&&t.preventDefault())}return n}(t))}function c(t,n,r,o,e){return[t?"Ctrl":null,n?"Alt":null,r?"Shift":null,o?"Meta":null,e?e.charAt(0).toUpperCase()+e.slice(1):null].filter((t=>null!==t)).join("+")}function a(t,n){const r=(t,n)=>{const o=t.shadowRoot,e=n.split(" "),i=o.querySelector(e.map((t=>`[part~="${t}"]`)).join(""));if(i)return i;const s=o.querySelector(e.map((t=>`[exportparts*="${t}"]`)).join(""));if(s){const t=[],n=s.getAttribute("exportparts");if(e.forEach((r=>{const o=n.match(`(?:([\\w-]+):)?(${r})`)[1];o&&t.push(o)})),e.length===t.length)return r(s,t.join(" "))}return null};if(t.includes("::part")){const o=t.match("(.*)::part\\(([^)]+)\\)"),e=o[2];return r(n.querySelector(o[1]),e)}return n.querySelector(t)}const u=class{constructor(n){t(this,n),this.showShortcuts=!1,this.showKey="F10",this.windowClosedHandler=()=>{this.showShortcuts=!1}}componentDidLoad(){this.src&&fetch(this.src).then((t=>{t.ok&&t.json().then((t=>{const n=this.el.getRootNode();!function(t,n,r){r.forEach((r=>{(function(t=""){return t.split(" ").map((t=>t.split("+").reduce(((t,n)=>{switch(n.toLowerCase()){case"ctrl":t.ctrl=!0;break;case"alt":t.alt=!0;break;case"shift":t.shift=!0;break;case"meta":t.meta=!0;break;default:t.key=n}return t}),{ctrl:!1,alt:!1,shift:!1,meta:!1,key:""})))})(r.keyShortcuts).forEach((o=>{i.set(c(o.ctrl,o.alt,o.shift,o.meta,o.key),{name:t,root:n,shortcut:r})}))})),i.size>0&&window.addEventListener("keydown",l,{capture:!0})}(this.src,n,t)}))}))}disconnectedCallback(){!function(t){const n=[];i.forEach(((r,o)=>{r.name===t&&n.push(o)})),n.forEach((t=>i.delete(t))),0===i.size&&window.removeEventListener("keydown",l,{capture:!0})}(this.src)}windowKeyDownHandler(t){t.key===this.showKey&&(this.showShortcuts=!this.showShortcuts,t.preventDefault())}renderShortcuts(){return Array.from(i.values()).filter((t=>{var n;return!(null===(n=t.shortcut.conditions)||void 0===n?void 0:n.focusInclude)})).map((t=>({element:a(t.shortcut.selector,t.root),keyShortcuts:t.shortcut.keyShortcuts,legendPosition:t.shortcut.legendPosition}))).map((t=>n("ch-window",{container:t.element,modal:!1,hidden:!1,closeOnEscape:!0,closeOnOutsideClick:!0,xAlign:"outside-end",yAlign:"inside-start",onWindowClosed:this.windowClosedHandler,exportparts:"mask:element"},n("span",{part:"tooltip"},t.keyShortcuts))))}render(){return n(r,null,this.showShortcuts&&this.renderShortcuts())}get el(){return o(this)}};u.style=":host{display:contents}";export{u as ch_shortcuts}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as s,h as e,g as a}from"./p-0906fb46.js";import{h as r}from"./p-64d3885f.js";const i=class{constructor(e){s(this,e),this.copyable=!1,this.evaluateMessageIsCopyable=()=>{this.copyable="assistant-in-progress"!==this.messageType&&"assistant-action"!==this.messageType},this.copyMessage=()=>{navigator.clipboard.writeText(this.message),this.showCopiedMessage=!0,setTimeout((()=>{this.showCopiedMessage=!1}),1500)},this.visible=!1,this.showCopiedMessage=!1,this.message=void 0,this.messageType=void 0,this.filterValue=void 0,this.hidden=void 0,this.translations=void 0}async componentWillLoad(){this.evaluateMessageIsCopyable()}componentDidRender(){setTimeout((()=>{this.visible=!0,this.el.parentElement.scrollTo(0,0)}),0)}render(){return e("li",{class:{message:!0,"message--visible":this.visible&&!this.hidden,[`message--${[this.messageType]}`]:!0,"message--assistant":"user"!==this.messageType,"message--copyable":this.copyable,"message--copying":this.showCopiedMessage},onClick:this.copyable&&this.copyMessage},e("div",{class:"message__outer-wrapper"},e("div",{class:{"message__inner-wrapper":!0}},e("div",{class:{message__caption:!0,"message__caption--in-progress":"assistant-in-progress"===this.messageType}},this.showCopiedMessage?e("span",{class:{copied:!0}},e("gxg-icon",{color:"mercury",type:"bpm/tasks"}),this.translations.copied):null,r(this.message,this.filterValue)),"assistant-in-progress"===this.messageType?e("div",{class:"animation-wrapper"},e("div",{class:"dot-pulse"})):null)))}static get assetsDirs(){return["gx-ide-assets/ai-message"]}get el(){return a(this)}};i.style='.message{--ai-bg-color:#242d36;--ai-error-bg-color:#272124;--ai-error-border-color:#a3585e;--ai-message-error-color:var(--color-error-dark);display:grid;grid-template-rows:0fr;transition:grid-template-rows 100ms;transition:grid-template-rows 100ms, -ms-grid-rows 100ms;}.message__outer-wrapper{overflow:hidden}.message__inner-wrapper{padding:var(--spacing-comp-01) var(--spacing-comp-02);border-radius:var(--border-radius-sm);border:var(--border-width-sm) solid transparent;background-color:var(--assistant-bg-color);margin-block-start:var(--spacing-comp-02)}.message__caption{font-size:var(--mc-font-size-xxs);line-height:1.6em;position:relative}.message--visible{grid-template-rows:1fr}.message--copying{pointer-events:none}.message--copying span:not(.copied),.message--copying .message__caption{color:transparent;-webkit-user-select:none;-ms-user-select:none;user-select:none;}.message--user .message__inner-wrapper{background-color:var(--gray-12)}.message--assistant-action .message__inner-wrapper{font-style:italic}.message--assistant-in-progress .message__inner-wrapper{font-style:italic;display:grid;grid-template-columns:1fr auto;gap:var(--spacing-comp-02)}.message--assistant-in-progress .message__inner-wrapper .message__caption{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}.message--assistant-in-progress .message__inner-wrapper .animation-wrapper{flex:none}.message--assistant-chat .message__inner-wrapper,.message--assistant-action .message__inner-wrapper{background-color:var(--ai-bg-color)}.message--assistant-error .message__inner-wrapper{background-color:var(--ai-error-bg-color);border-color:var(--ai-error-border-color)}.message--copyable{cursor:pointer}.message--copyable:hover{filter:brightness(1.2)}.message:last-child{margin-block-end:0}:host(:first-child) .message__inner-wrapper{margin-block-end:0}.animation-wrapper{width:45px;display:flex;align-items:center;justify-content:center}.dot-pulse{position:relative;left:-9999px;width:5px;height:5px;border-radius:2.5px;background-color:var(--gray-03);color:var(--gray-03);box-shadow:9999px 0 0 -5px;animation:dot-pulse 1.5s infinite linear;animation-delay:0.25s}.dot-pulse::before,.dot-pulse::after{content:"";display:inline-block;position:absolute;top:0;width:5px;height:5px;border-radius:2.5px;background-color:var(--gray-03);color:var(--gray-03)}.dot-pulse::before{box-shadow:9984px 0 0 -5px;animation:dot-pulse-before 1.5s infinite linear;animation-delay:0s}.dot-pulse::after{box-shadow:10014px 0 0 -5px;animation:dot-pulse-after 1.5s infinite linear;animation-delay:0.5s}@keyframes dot-pulse-before{0%{box-shadow:9984px 0 0 -5px}30%{box-shadow:9984px 0 0 2px}60%,100%{box-shadow:9984px 0 0 -5px}}@keyframes dot-pulse{0%{box-shadow:9999px 0 0 -5px}30%{box-shadow:9999px 0 0 2px}60%,100%{box-shadow:9999px 0 0 -5px}}@keyframes dot-pulse-after{0%{box-shadow:10014px 0 0 -5px}30%{box-shadow:10014px 0 0 2px}60%,100%{box-shadow:10014px 0 0 -5px}}.copied{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-on-background);display:flex;gap:var(--spacing-comp-01)}.hiChar{color:var(--gx-ide-hi-char-color);font-weight:600}';export{i as gx_ide_ai_message}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as i,c as t,h as e,H as o,g as a}from"./p-0906fb46.js";import{L as r}from"./p-26957490.js";import{s}from"./p-64d3885f.js";import{c as n}from"./p-13ffa7c0.js";import{r as d}from"./p-6bb17c51.js";import{f as l}from"./p-daf4eb69.js";const h=class{constructor(o){i(this,o),this.componentDidRenderFirstTime=t(this,"componentDidRenderFirstTime",7),this.renderedFirstTime=!1,this.selectedFrontEndsIds=[],this.envNameModifiedByUser=!1,this.initialSetup=()=>{this.updateSelectedFrontEndsIds(),this.setInitialRuntimeId(),this.setInitialLanguageId(),this.setInitialDataStoreId()},this.evaluateSelectedRuntimeEnvironmentId=()=>{1===this.runtimes.length&&(this.selectedRuntimeEnvironmentId=this.runtimes[0].id)},this.setInitialRuntimeId=()=>{var i;if(null===(i=this.runtimeEnvironmentEl)||void 0===i?void 0:i.value){const i=this.runtimes.find((i=>{var t;return i.value===(null===(t=this.runtimeEnvironmentEl)||void 0===t?void 0:t.value)}));i&&(this.selectedRuntimeEnvironmentId=i.id)}},this.setInitialLanguageId=()=>{var i;if(null===(i=this.languageEl)||void 0===i?void 0:i.value){const i=this.languages.find((i=>{var t;return i.id===(null===(t=this.languageEl)||void 0===t?void 0:t.value)}));i&&(this.selectedLanguageId=i.id)}},this.setInitialDataStoreId=()=>{var i;if(null===(i=this.dataStoreEl)||void 0===i?void 0:i.value){const i=this.dataStores.find((i=>{var t;return i.id===(null===(t=this.dataStoreEl)||void 0===t?void 0:t.value)}));i&&(this.selectedDataStoreId=i.id)}},this.envNameInputHandler=i=>{const t=(i.detail+"").trim();t!==this.environmentName&&(this.environmentName=t,this.envNameModifiedByUser=!0)},this.updateSelectedFrontEndsIds=()=>{this.selectedFrontEndsIds=[],this.frontEndsEl.getValues().then((i=>{i.forEach((i=>{i.value&&this.selectedFrontEndsIds.push(i.id)}))}))},this.setEnvironmentHandler=async()=>{this.createCallback&&this.createCallback({setAsCurrent:this.setAsCurrentEnvironmentEl.checked,name:this.environmentNameEl.value,runtime:this.selectedRuntimeEnvironmentId,language:this.languageEl.value,dataStores:this.dataStoreEl.value,frontEnds:this.selectedFrontEndsIds}).then((i=>{l(i,this)}))},this.cancelButtonClickedHandler=async()=>{await this.cancelCallback()},this.runtimeEnvironmentChangedHandler=i=>{this.selectedRuntimeEnvironmentId=i.detail.id,this.updateDataSources()},this.languageValueChangedHandler=()=>{this.selectedLanguageId=this.languageEl.value,this.updateDataSources(),this.updateFrontEnds(),this.updateEnvironmentName()},this.dataStoreValueChangedHandler=()=>{this.selectedDataStoreId=this.dataStoreEl.value,this.updateEnvironmentName()},this.updateDataSources=async()=>{if(this.getDataSourcesCallback){const i=await this.getDataSourcesCallback(this.selectedLanguageId,this.selectedRuntimeEnvironmentId);(null==i?void 0:i.length)>0&&(this.dataStores=i)}},this.updateFrontEnds=async()=>{if(this.getFrontEndsCallback){const i=await this.getFrontEndsCallback(this.selectedLanguageId);(null==i?void 0:i.length)>0&&(this.frontEnds=i)}},this.updateEnvironmentName=async()=>{if(this.getEnvironmentNameCallback&&this.environmentNameEl&&this.envNameModifiedByUser){const i=await this.getEnvironmentNameCallback(this.selectedLanguageId,this.selectedDataStoreId);i&&(this.environmentName=i)}},this.evaluateSingleRuntimeIcon=()=>"local"===this.runtimes[0].id?"window-tools/rol":"window-tools/genexus-cloud",this.renderTabBasic=()=>e("gxg-tab",{tab:"basic","no-padding":!0,flexContainer:!0,class:"tab tab__basic",isSelected:!this.isAdvanced},e("gx-ide-container",{containerTitle:this._componentLocale.runtime,noContentPadding:!0,displayBorderBottom:!0,flexRow:1===this.runtimes.length},this.runtimes.length>1?e("gxg-form-radio-group",{slot:"header",ref:i=>this.runtimeEnvironmentEl=i,row:!0,center:!0,onChange:this.runtimeEnvironmentChangedHandler},d("gxg-form-radio",this.runtimes,"runtime-environment")):[e("div",{class:"tab__basic__single-runtime",slot:"header"},e("gxg-icon",{color:"disabled",type:this.evaluateSingleRuntimeIcon()}),e("gxg-text",{textAlign:"center"},this.runtimes[0].label))],e("div",{class:"basic-main"},e("gx-ide-container",{"container-title":this._componentLocale.tabBasic.backEnd.backEndLabel,class:"basic-main__back-end",contentBorderEnd:!0,titleType:"secondary"},e("gxg-combo-box",{"disable-filter":!0,label:this._componentLocale.tabBasic.backEnd.language,value:s(this.languages),ref:i=>this.languageEl=i,toolTip:n.tooltip,onValueChanged:this.languageValueChangedHandler,part:"language"},d("gxg-combo-box-item",this.languages)),e("gxg-combo-box",{"disable-filter":!0,label:this._componentLocale.tabBasic.backEnd.dataStores,value:s(this.dataStores),ref:i=>this.dataStoreEl=i,onValueChanged:this.dataStoreValueChangedHandler,toolTip:n.tooltip,part:"data-store"},d("gxg-combo-box-item",this.dataStores))),e("gx-ide-container",{"container-title":this._componentLocale.tabBasic.frontEnd.frontEndLabel,class:"basic-main__front-end",titleType:"secondary"},e("gxg-form-checkbox-group",{ref:i=>this.frontEndsEl=i,onGroupValuesChanged:this.updateSelectedFrontEndsIds},d("gxg-form-checkbox",this.frontEnds)))))),this.renderTabAdvanced=()=>e("gxg-tab",{tab:"advanced","no-padding":!0},e("gx-ide-container",null,e("slot",{name:"property-grid"}))),this.displayTitle=!1,this.cancelCallback=void 0,this.createCallback=void 0,this.dataStores=void 0,this.disableAdvanced=!1,this.environmentName=void 0,this.frontEnds=void 0,this.getEnvironmentNameCallback=void 0,this.getFrontEndsCallback=void 0,this.getDataSourcesCallback=void 0,this.isAdvanced=!1,this.languages=void 0,this.runtimes=void 0,this.setAsTarget=!0}async componentWillLoad(){this._componentLocale=await r.getComponentStrings(this.el),this.evaluateSelectedRuntimeEnvironmentId()}componentDidLoad(){this.initialSetup()}componentDidRender(){this.renderedFirstTime||(this.componentDidRenderFirstTime.emit(this._componentLocale.componentName),this.renderedFirstTime=!0)}render(){return e(o,{class:"gx-ide-component"},e("div",{class:"gx-ide-main-wrapper"},e("gx-ide-container",{containerTitle:this.displayTitle?this._componentLocale.componentName:null,noContentPadding:!0,noBorderFooter:!0,slimmerFooter:n.gxIdeContainer.slimmerFooter},e("header",{class:"header",slot:"header"},e("gxg-label",{labelPosition:"start",class:"header__label"},this._componentLocale.name),e("gxg-form-text",{"label-position":"start",placeholder:"New Environment","max-width":"100%",value:this.environmentName,ref:i=>this.environmentNameEl=i,onInput:!this.envNameModifiedByUser&&this.envNameInputHandler,toolTip:n.tooltip,class:"header__text",part:"environment-name"})),e("main",{class:"main"},e("gxg-tabs",{class:"gxg-tabs"},this.isAdvanced?e("gxg-tab-bar",{slot:"tab-bar-container",displayBorder:!0},e("gxg-tab-button",{slot:"tab-bar","tab-label":this._componentLocale.tabBasic.tabLabel,tab:"basic","is-selected":!0}),this.isAdvanced?e("gxg-tab-button",{slot:"tab-bar","tab-label":this._componentLocale.tabAdvanced.tabLabel,tab:"advanced",disabled:this.disableAdvanced}):null):null,this.renderTabBasic(),this.isAdvanced&&this.renderTabAdvanced())),e("gxg-form-checkbox",{label:this._componentLocale.footer.setAsCurrentEnvironment,ref:i=>this.setAsCurrentEnvironmentEl=i,checked:this.setAsTarget,part:"set-as-current-environment",slot:"footer-start"}),e("gxg-button",{id:"button-cancel",slot:"footer-end",type:"outlined",onClick:this.cancelButtonClickedHandler,part:"gxg-button gxg-button--cancel"},this._componentLocale.footer.btnCancel),e("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))))}static get assetsDirs(){return["gx-ide-assets/new-environment"]}get el(){return a(this)}};h.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}.overflow-auto{overflow:auto}.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:99;border-bottom:1px solid var(--gray-01)}ch-grid-column:first-child{padding-inline-start:var(--gxg-container--padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gxg-container--padding) !important}ch-grid-cell{--spacing-comp-02:var(--gxg-container--padding)}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);font-family:var(--font-family-primary);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.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}.tree-container{display:flex;height:100%;width:100%;box-sizing:border-box}: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{display:flex}.header__label{flex:none}.main{height:100%}.gxg-tabs{margin-top:0;box-shadow:none}.tab__basic__single-runtime{display:flex;align-items:center;justify-content:center;gap:var(--spacing-comp-01)}.basic-main{display:flex;height:100%}.basic-main__back-end{flex:1}.basic-main__front-end{flex:1}.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{h as gx_ide_new_environment}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as o,h as r,H as i,g as e}from"./p-0906fb46.js";import{b as n,r as a,a as s}from"./p-a2469a76.js";import{f as l,c}from"./p-e7e4f76c.js";import{s as g}from"./p-a85038e2.js";import{e as h}from"./p-d8501cb4.js";const p=class{constructor(i){t(this,i),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.fileSelected=o(this,"fileSelected",7),this.parts={input:"input"},this.hideTooltip=!1,this.toolTip=!1,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="start",this.borderless=!1,this.minimal=!1,this.overDarkBackground=!1,this.required=!1,this.centerLabel=!1,this.type="text",this.multiple=!1,this.preventValueChangedEmit=!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=h(t,this.parts);o.length&&(this.exportparts=o)},this.evaluateIcon=()=>{"file"===this.type&&(this.icon="controls/file-upload",this.iconPosition="start",this.placeholder=this.placeholder||"Select a file")},this.evaluateLabelAlignment=()=>{"start"===this.labelPosition&&(this.centerLabel=!0)},this.handleClick=()=>{this.openFile()},this.handleKeyDown=t=>{"Enter"===t.key&&"file"===this.type&&this.textInput.click()},this.inputFileChangedHandler=t=>{const o=t.target.files;this.fileList=o,this.fileSelected.emit(o),this.value=o.length>1?`${o.length} files chosen`:o[0].name},this.renderInputFile=()=>{if("file"===this.type)return r("input",{class:"input-file",type:"file",multiple:this.multiple,accept:this.acceptFile,ref:t=>this.fileInputEl=t,onChange:this.inputFileChangedHandler,style:{display:"none"}})}}watchValueHandler(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()}async selectInputText(){this.textInput.focus(),this.textInput.select()}async openFile(){"file"===this.type&&this.fileInputEl.click()}async clearInput(){this.clearButtonFunc()}componentWillLoad(){this.evaluateIcon(),this.attachExportParts(),this.evaluateLabelAlignment()}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="","file"===this.type&&(this.fileList=null,this.fileInputEl.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 g.large?"regular":"small"}evaluateType(){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:g.large,mercury:g.mercury,borderless:this.borderless,file:"file"===this.type,tooltip:this.toolTip,"has-icon":this.icon,[l.VALIDATION_INDETERMINATE_CLASS]:"indeterminate"===this.validationStatus,[l.VALIDATION_WARNING_CLASS]:"warning"===this.validationStatus,[l.VALIDATION_ERROR_CLASS]:"error"===this.validationStatus,[l.VALIDATION_SUCCESS_CLASS]:"success"===this.validationStatus,[c.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.evaluateType(),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||"file"===this.type,onClick:this.handleClick,onInput:this.handleInput.bind(this),onKeyDown:this.handleKeyDown,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,this.toolTip?s(this,this.hideTooltip):null,"start"!==this.labelPosition||this.toolTip?null:n(this),this.renderInputFile())),"above"!==this.labelPosition||this.toolTip?null:n(this))}static get delegatesFocus(){return!0}get el(){return e(this)}static get watchers(){return{value:["watchValueHandler"]}}};p.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{cursor:initial}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px);height:var(--gxg-scrollbar-width, 6px)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px);border:var(--gxg-scrollbar-track-thumb-border);background-clip:padding-box}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04)}:host(.gxg-validation--warning) .form-element{border-color:var(--color-warning-dark)}:host(.gxg-validation--warning) .form-element:focus{outline-color:var(--color-warning-dark);border-color:var(--color-warning-dark)}:host(.gxg-validation--warning) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-warning-dark)}:host(.gxg-validation--error) .form-element{border-color:var(--color-error-dark)}:host(.gxg-validation--error) .form-element:focus{outline-color:var(--color-error-dark);border-color:var(--color-error-dark)}:host(.gxg-validation--error) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-error-dark)}:host(.gxg-validation--success) .form-element{border-color:var(--color-success-dark)}:host(.gxg-validation--success) .form-element:focus{outline-color:var(--color-success-dark);border-color:var(--color-success-dark)}:host(.gxg-validation--success) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-success-dark)}.tooltip-outer-wrapper{display:grid;grid-template-columns:0fr;transition:grid-template-columns var(--timing-02)}:host(.tooltip--visible) .tooltip-outer-wrapper{grid-template-columns:1fr}.tooltip-inner-wrapper{overflow:hidden;transition:150ms width;width:0}.tooltip-inner-wrapper gxg-icon{display:flex;position:relative !important;top:0 !important;transform:none !important;margin-inline-start:var(--spacing-comp-01)}.tooltip-inner-wrapper--visible{width:24px}.tooltip-inner-wrapper--hidden{display:none}:host(.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(.tooltip) .inner-wrapper{flex-direction:row;align-items:center;justify-content:center}:host(.tooltip) .tooltip-container{width:0;overflow:hidden;transition:width --timing-01}:host(.tooltip--visible) .tooltip-container{width:20px}: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:var(--border-width-md) solid var(--gxg-border-color--focused);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(.file) .input{user-select:none;cursor:pointer}: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{p as gxg_form_text}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r,h as a,g as t}from"./p-0906fb46.js";const o=class{constructor(a){r(this,a)}render(){return a("div",{class:"card"},a("p",null,"The universe is incredibly vast and mysterious. One interesting fact is that there are more stars in the observable universe than there are grains of sand on all the beaches on Earth. It's mind-boggling! 🌌🌟"),a("p",null,"The universe is about 13.8 billion years old, but we can only observe a tiny fraction of it due to the speed of light."),a("p",null,"Black holes can be both incredibly massive and incredibly small. Some are as tiny as a single atom but contain the mass of a mountain!"),a("p",null,"There's a phenomenon called \"dark matter,\" which makes up about 27% of the universe's mass, yet we can't see or detect it directly. It's a big cosmic mystery."),a("p",null,"The Hubble Space Telescope has captured images of galaxies that are billions of light-years away, showing us what they looked like in the distant past."))}get el(){return t(this)}};o.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{cursor:initial}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px);height:var(--gxg-scrollbar-width, 6px)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px);border:var(--gxg-scrollbar-track-thumb-border);background-clip:padding-box}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04)}.card{overflow:auto;cursor:initial;height:100px}.card::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px);height:var(--gxg-scrollbar-width, 6px)}.card::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.card::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px);border:var(--gxg-scrollbar-track-thumb-border);background-clip:padding-box}.card::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04)}";export{o as gxg_test}
|