@genexus/genexus-ide-ui 1.0.65 → 1.0.67

package/dist/collection/components/splash/gx-ide-assets/splash/images/copyrights-illustration.svg

@@ -0,0 +1,118 @@
+<svg width="431" height="676" viewBox="0 0 431 676" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_2073_8996" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="-20" width="689" height="813">
+<rect y="-20" width="688.674" height="812.344" rx="8" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_2073_8996)">
+<circle cx="-33.4995" cy="64.0341" r="161.431" transform="rotate(62.2678 -33.4995 64.0341)" fill="url(#paint0_linear_2073_8996)" fill-opacity="0.5"/>
+<circle cx="658.17" cy="5.0323" r="281.045" transform="rotate(53.4002 658.17 5.0323)" fill="url(#paint1_linear_2073_8996)" fill-opacity="0.5"/>
+<circle cx="658.17" cy="5.0323" r="280.045" transform="rotate(53.4002 658.17 5.0323)" stroke="url(#paint2_linear_2073_8996)" stroke-opacity="0.4" stroke-width="2"/>
+<circle cx="530.918" cy="385.295" r="161.431" fill="url(#paint3_linear_2073_8996)" fill-opacity="0.4"/>
+<circle cx="530.918" cy="385.295" r="160.431" stroke="url(#paint4_linear_2073_8996)" stroke-opacity="0.4" stroke-width="2"/>
+<g filter="url(#filter0_f_2073_8996)">
+<circle cx="452.952" cy="696.592" r="340.686" transform="rotate(118.835 452.952 696.592)" fill="url(#paint5_linear_2073_8996)" fill-opacity="0.7"/>
+<circle cx="452.952" cy="696.592" r="339.686" transform="rotate(118.835 452.952 696.592)" stroke="url(#paint6_linear_2073_8996)" stroke-opacity="0.4" stroke-width="2"/>
+</g>
+<g filter="url(#filter1_f_2073_8996)">
+<circle cx="-174.297" cy="576.667" r="340.686" transform="rotate(-107.68 -174.297 576.667)" fill="url(#paint7_linear_2073_8996)" fill-opacity="0.7"/>
+<circle cx="-174.297" cy="576.667" r="339.686" transform="rotate(-107.68 -174.297 576.667)" stroke="url(#paint8_linear_2073_8996)" stroke-opacity="0.4" stroke-width="2"/>
+</g>
+<circle cx="427.739" cy="734.798" r="161.431" fill="url(#paint9_linear_2073_8996)" fill-opacity="0.4"/>
+<circle cx="371.523" cy="-7.5674" r="161.431" transform="rotate(133.557 371.523 -7.5674)" fill="url(#paint10_linear_2073_8996)" fill-opacity="0.4"/>
+<circle cx="64.3916" cy="755.281" r="281.045" transform="rotate(53.4002 64.3916 755.281)" fill="url(#paint11_linear_2073_8996)" fill-opacity="0.5"/>
+<circle cx="64.3916" cy="755.281" r="280.045" transform="rotate(53.4002 64.3916 755.281)" stroke="url(#paint12_linear_2073_8996)" stroke-opacity="0.4" stroke-width="2"/>
+<circle cx="-21.4232" cy="787.174" r="161.431" fill="url(#paint13_linear_2073_8996)" fill-opacity="0.4"/>
+<circle cx="-21.4232" cy="787.174" r="160.431" stroke="url(#paint14_linear_2073_8996)" stroke-opacity="0.4" stroke-width="2"/>
+<path d="M240.828 436.036C243.682 436.192 246.236 437.858 247.528 440.408L287.954 520.168C289.246 522.717 289.08 525.762 287.519 528.156L238.657 603.046C237.096 605.44 234.375 606.819 231.522 606.663L142.234 601.793C139.38 601.638 136.826 599.971 135.534 597.422L95.1075 517.662C93.8154 515.112 93.9815 512.067 95.5432 509.674L144.404 434.783C145.966 432.39 148.686 431.011 151.54 431.166L240.828 436.036Z" fill="url(#paint15_linear_2073_8996)" fill-opacity="0.15"/>
+<path d="M240.8 436.536C243.476 436.681 245.87 438.244 247.082 440.634L287.508 520.394C288.72 522.784 288.564 525.639 287.1 527.883L238.239 602.773C236.774 605.017 234.224 606.31 231.549 606.164L142.261 601.294C139.586 601.148 137.191 599.586 135.98 597.196L95.5535 517.436C94.3421 515.046 94.4978 512.191 95.9619 509.947L144.823 435.056C146.287 432.812 148.837 431.52 151.513 431.666L240.8 436.536Z" stroke="url(#paint16_linear_2073_8996)" stroke-opacity="0.7"/>
+<circle cx="23.0775" cy="202.576" r="161.431" fill="url(#paint17_linear_2073_8996)" fill-opacity="0.4"/>
+<circle cx="23.0775" cy="202.576" r="160.431" stroke="url(#paint18_linear_2073_8996)" stroke-opacity="0.4" stroke-width="2"/>
+</g>
+<defs>
+<filter id="filter0_f_2073_8996" x="12.2028" y="255.843" width="881.498" height="881.497" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="50" result="effect1_foregroundBlur_2073_8996"/>
+</filter>
+<filter id="filter1_f_2073_8996" x="-615.074" y="135.889" width="881.554" height="881.554" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="50" result="effect1_foregroundBlur_2073_8996"/>
+</filter>
+<linearGradient id="paint0_linear_2073_8996" x1="-79.4297" y1="225.465" x2="81.0984" y2="-276.69" gradientUnits="userSpaceOnUse">
+<stop stop-color="#226B98" stop-opacity="0"/>
+<stop offset="0.886406" stop-color="#5BA7FF" stop-opacity="0.5"/>
+</linearGradient>
+<linearGradient id="paint1_linear_2073_8996" x1="377.124" y1="-19.7322" x2="939.215" y2="29.7967" gradientUnits="userSpaceOnUse">
+<stop stop-color="#226B98" stop-opacity="0"/>
+<stop offset="0.886406" stop-color="#5BA7FF" stop-opacity="0.5"/>
+</linearGradient>
+<linearGradient id="paint2_linear_2073_8996" x1="874.322" y1="-205.627" x2="460.15" y2="210.2" gradientUnits="userSpaceOnUse">
+<stop stop-color="#00CCFF"/>
+<stop offset="1" stop-color="#C358FF"/>
+</linearGradient>
+<linearGradient id="paint3_linear_2073_8996" x1="484.988" y1="546.727" x2="645.516" y2="44.5715" gradientUnits="userSpaceOnUse">
+<stop stop-color="#226B98" stop-opacity="0"/>
+<stop offset="0.886406" stop-color="#5BA7FF" stop-opacity="0.5"/>
+</linearGradient>
+<linearGradient id="paint4_linear_2073_8996" x1="655.075" y1="264.294" x2="417.176" y2="503.143" gradientUnits="userSpaceOnUse">
+<stop stop-color="#00CCFF"/>
+<stop offset="1" stop-color="#C358FF"/>
+</linearGradient>
+<linearGradient id="paint5_linear_2073_8996" x1="452.951" y1="355.907" x2="452.951" y2="1037.28" gradientUnits="userSpaceOnUse">
+<stop stop-color="#5BA7FF"/>
+<stop offset="1" stop-color="#226B98" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint6_linear_2073_8996" x1="714.973" y1="441.229" x2="212.91" y2="945.299" gradientUnits="userSpaceOnUse">
+<stop stop-color="#00CCFF"/>
+<stop offset="1" stop-color="#C358FF"/>
+</linearGradient>
+<linearGradient id="paint7_linear_2073_8996" x1="-174.297" y1="235.981" x2="-174.297" y2="917.352" gradientUnits="userSpaceOnUse">
+<stop stop-color="#5BA7FF"/>
+<stop offset="1" stop-color="#226B98" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint8_linear_2073_8996" x1="87.724" y1="321.304" x2="-414.339" y2="825.373" gradientUnits="userSpaceOnUse">
+<stop stop-color="#00CCFF"/>
+<stop offset="1" stop-color="#C358FF"/>
+</linearGradient>
+<linearGradient id="paint9_linear_2073_8996" x1="381.809" y1="896.229" x2="542.337" y2="394.074" gradientUnits="userSpaceOnUse">
+<stop stop-color="#226B98" stop-opacity="0"/>
+<stop offset="0.886406" stop-color="#7945AA"/>
+</linearGradient>
+<linearGradient id="paint10_linear_2073_8996" x1="325.593" y1="153.864" x2="486.121" y2="-348.291" gradientUnits="userSpaceOnUse">
+<stop stop-color="#226B98" stop-opacity="0"/>
+<stop offset="0.886406" stop-color="#5BA7FF" stop-opacity="0.5"/>
+</linearGradient>
+<linearGradient id="paint11_linear_2073_8996" x1="-216.654" y1="730.516" x2="345.437" y2="780.045" gradientUnits="userSpaceOnUse">
+<stop stop-color="#226B98" stop-opacity="0"/>
+<stop offset="0.886406" stop-color="#5BA7FF" stop-opacity="0.5"/>
+</linearGradient>
+<linearGradient id="paint12_linear_2073_8996" x1="280.544" y1="544.622" x2="-133.628" y2="960.449" gradientUnits="userSpaceOnUse">
+<stop stop-color="#00CCFF"/>
+<stop offset="1" stop-color="#C358FF"/>
+</linearGradient>
+<linearGradient id="paint13_linear_2073_8996" x1="-67.3534" y1="948.606" x2="93.1747" y2="446.451" gradientUnits="userSpaceOnUse">
+<stop stop-color="#226B98" stop-opacity="0"/>
+<stop offset="0.886406" stop-color="#5BA7FF" stop-opacity="0.5"/>
+</linearGradient>
+<linearGradient id="paint14_linear_2073_8996" x1="102.734" y1="666.173" x2="-135.165" y2="905.022" gradientUnits="userSpaceOnUse">
+<stop stop-color="#00CCFF"/>
+<stop offset="1" stop-color="#C358FF"/>
+</linearGradient>
+<linearGradient id="paint15_linear_2073_8996" x1="363.203" y1="554.094" x2="137.622" y2="601.542" gradientUnits="userSpaceOnUse">
+<stop stop-color="#00CCFF"/>
+<stop offset="1" stop-color="#C152FF"/>
+</linearGradient>
+<linearGradient id="paint16_linear_2073_8996" x1="363.203" y1="554.094" x2="137.622" y2="601.542" gradientUnits="userSpaceOnUse">
+<stop stop-color="#00CCFF"/>
+<stop offset="1" stop-color="#A300FF"/>
+</linearGradient>
+<linearGradient id="paint17_linear_2073_8996" x1="-22.8528" y1="364.008" x2="137.675" y2="-138.147" gradientUnits="userSpaceOnUse">
+<stop stop-color="#226B98" stop-opacity="0"/>
+<stop offset="0.886406" stop-color="#5BA7FF" stop-opacity="0.5"/>
+</linearGradient>
+<linearGradient id="paint18_linear_2073_8996" x1="147.234" y1="81.5746" x2="-90.6644" y2="320.424" gradientUnits="userSpaceOnUse">
+<stop stop-color="#00CCFF"/>
+<stop offset="1" stop-color="#C358FF"/>
+</linearGradient>
+</defs>
+</svg>

package/dist/collection/components/splash/gx-ide-assets/splash/langs/splash.lang.en.json

@@ -1,14 +1,15 @@
 {
-  "copyright": {
-    "illustrationAriaLabel": "GeneXus Next geometric shapes illustration",
-    "illustrationFigureAriaLabel": "Geometric shape illustration",
-    "illustrationAlternativeText": "GeneXus Next isologotype",
-    "title": "GeneXus Next",
-    "version": "Version ",
-    "c1988": " © 1988",
-    "allRightsReserved": "All rights reserved. GeneXus is powered by Globant.",
-    "description": "This computer program is protected by copyright law and international treaties. Unauthorized reproduction or distribution of this program or any portion of it may result in severe civil and criminal penalties."
+  "illustrationAlternativeText": "GeneXus Next isologotype",
+  "title": "GeneXus Next",
+  "allRightsReserved": "All rights reserved. GeneXus is powered by Globant.",
+  "copyright": "This computer program is protected by copyright law and international treaties. Unauthorized reproduction or distribution of this program or any portion of it may result in severe civil and criminal penalties. All rights reserved. GeneXus is a Globant company.",
+  "initializingServices": "Initializing backend services",
+  "warnings": {
+    "installationFailed": "Service initialization failed.",
+    "checkTheLog": "Check the log for details.",
+    "dockerMissing": "Docker is not installed or not found in your system's PATH. Please install Docker to proceed."
   },
-  "closeSliderAriaLabel": "Close slider",
-  "startButtonCaption": "Start"
+  "downloadDocker": "Download Docker",
+  "openLog": "Open Log",
+  "closeSliderAriaLabel": "Close slider"
 }

package/dist/collection/components/splash/gx-ide-assets/splash/langs/splash.lang.ja.json

@@ -1,14 +1,15 @@
 {
-  "copyright": {
-    "illustrationAriaLabel": "",
-    "illustrationFigureAriaLabel": "",
-    "illustrationAlternativeText": "",
-    "title": "",
-    "version": "",
-    "c1988": "",
-    "allRightsReserved": "",
-    "description": ""
+  "illustrationAlternativeText": "",
+  "title": "",
+  "allRightsReserved": "",
+  "copyright": "",
+  "initializingServices": "",
+  "warnings": {
+    "installationFailed": "",
+    "checkTheLog": "",
+    "dockerMissing": ""
   },
-  "closeSliderAriaLabel": "",
-  "startButtonCaption": ""
+  "downloadDocker": "",
+  "openLog": "",
+  "closeSliderAriaLabel": ""
 }

package/dist/collection/components/splash/gx-ide-assets/splash/langs/splash.lang.zh.json

@@ -1,14 +1,15 @@
 {
-  "copyright": {
-    "illustrationAriaLabel": "",
-    "illustrationFigureAriaLabel": "",
-    "illustrationAlternativeText": "",
-    "title": "",
-    "version": "",
-    "c1988": "",
-    "allRightsReserved": "",
-    "description": ""
+  "illustrationAlternativeText": "",
+  "title": "",
+  "allRightsReserved": "",
+  "copyright": "",
+  "initializingServices": "",
+  "warnings": {
+    "installationFailed": "",
+    "checkTheLog": "",
+    "dockerMissing": ""
   },
-  "closeSliderAriaLabel": "",
-  "startButtonCaption": ""
+  "downloadDocker": "",
+  "openLog": "",
+  "closeSliderAriaLabel": ""
 }

package/dist/collection/components/splash/splash.css

@@ -1,56 +1,167 @@
+.button-close {
+  /* TODO:
+  The close button seems not to be a Mercury button from the showcase.
+  Ask design team to include this button style somewere. 
+  */
+  position: absolute;
+  inset-inline-end: 24px;
+  inset-block-start: 24px;
+  padding: 19px;
+  border-radius: var(--control__border-radius);
+}
+.button-close:hover {
+  background-color: var(--mer-surface__elevation--02);
+}
+.button-close:active {
+  background-color: var(--mer-surface__elevation--03);
+}
+.button-close ch-image {
+  transform: scale(1.8);
+}
+
 :host {
-  display: grid;
-  block-size: 100%;
-  inline-size: 100%;
+  --wrapper-copacity: 0;
+  --wrapper-min-inline-size: 700px;
+  --wrapper-max-inline-size: 1040px;
+  --wrapper-block-size: 640px;
+  transition: var(--mer-timing--regular) opacity;
+  display: flex;
   align-items: center;
   justify-content: center;
-  padding: var(--mer-spacing--xl);
+  inline-size: 100%;
+  block-size: 100%;
+  padding: 16px;
+  overflow: auto;
 }
 
-.slide {
+.wrapper {
+  flex: 1;
   display: grid;
-  max-inline-size: 1100px;
-  grid-template-columns: 1fr 550px;
+  grid-template-columns: 1fr var(--wrapper-block-size);
+  block-size: var(--wrapper-block-size);
+  max-inline-size: var(--wrapper-max-inline-size);
   background-color: var(--mer-surface__elevation--01);
-  border-radius: var(--mer-spacing--md);
-  overflow: hidden;
-  opacity: 0;
-  transition: var(--slide-fade-duration) opacity;
-}
-.slide--visible {
-  opacity: 1;
+  border-radius: var(--mer-spacing--sm);
+  overflow: auto;
+  transform: translateY(6px);
 }
-.slide__illustration {
-  overflow: hidden;
-  max-block-size: 700px;
+
+.side-inline-start {
+  background-size: cover;
 }
-.slide__copy {
+
+.side-inline-end {
+  position: relative;
   display: grid;
-  block-size: 100%;
-  inline-size: 100%;
-  padding: var(--mer-spacing--3xl);
+  grid-template-rows: max-content 1fr max-content;
+  padding: 64px 80px;
+  transition: 1000ms grid-template-rows;
+  overflow: auto;
 }
-.slide__copy-container {
-  display: grid;
-  gap: var(--mer-spacing--md);
-  max-inline-size: 480px;
-  place-self: center;
+
+.close-button {
+  position: absolute;
+  inset-inline-end: 0;
+  inset-block-start: 0;
 }
-.slide__copy-header {
+
+.header {
   display: grid;
   gap: var(--mer-spacing--md);
+  margin-block-end: 92px;
 }
-.slide__copy-title {
-  font-size: var(--mer-font__size--xl);
+
+.header__logo__close-button {
+  display: flex;
+  justify-content: space-between;
+}
+
+.title {
   color: var(--mer-text__on-surface);
-  letter-spacing: 0.02em;
+  font-size: var(--mer-font__size--xl);
   font-weight: var(--mer-font__weight--semi-bold);
+  letter-spacing: 0.02em;
 }
-.slide__copy-description {
-  display: grid;
+
+.header__description {
   color: var(--mer-text__complementary);
-  gap: var(--mer-spacing--md);
-  font-size: var(--mer-font__size--sm);
-  font-weight: var(--mer-font__weight--light);
-  line-height: var(--mer-line-height--spaced);
+  line-height: 1.45 !important;
+}
+
+.main {
+  display: flex;
+  flex-direction: column;
+  gap: var(--mer-spacing--sm);
+  overflow: auto;
+}
+
+.log__container {
+  --logVisibleLines: 6;
+  --logFontSize: 12px;
+  --logLineHeight: 1.2;
+  --logGap: 4px;
+  --logContainerBlockSize: calc(
+    var(--logFontSize) * var(--logLineHeight) * var(--logVisibleLines) +
+      calc(var(--logGap) * (var(--logVisibleLines) - 1))
+  );
+  block-size: var(--logContainerBlockSize);
+  font-family: monospace;
+  color: var(--mer-text__complementary);
+  display: flex;
+  flex-direction: column-reverse;
+  gap: var(--logGap);
+  overflow: hidden;
+}
+.log__container:hover {
+  overflow: auto;
+}
+
+.log__message {
+  opacity: 0;
+  transition: var(--mer-timing--regular) opacity;
+  animation: fadeInLogMessage 0.45s ease-out forwards;
+}
+.log__message--error {
+  color: var(--mer-text__error);
+}
+
+.footer {
+  display: grid;
+  grid-auto-rows: max-content;
+  gap: var(--mer-spacing--sm);
+  margin-block-start: var(--mer-spacing--lg);
+}
+
+.error-message {
+  font-family: monospace;
+  font-size: 13px;
+  line-height: 1.5;
+  color: var(--mer-text__error);
+  margin-block-start: auto;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+}
+
+.status--processing {
+  display: flex;
+  flex-direction: row;
+  align-items: baseline;
+  gap: 4px;
+}
+
+@keyframes fadeInLogMessage {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+.download-docker-button {
+  margin-inline-end: 12px;
+}
+
+.button-tertiary {
+  padding-inline-start: 0 !important;
 }