@genexus/genexus-ide-ui 0.0.20 → 0.0.22

package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/test/test-tree-x.css

@@ -0,0 +1,59 @@
+ch-test-tree-x {
+  display: grid;
+  grid-template-columns: 350px max-content;
+  grid-template-rows: 1fr;
+  height: 100%;
+}
+ch-test-tree-x > .test-tree-x-scroll {
+  position: relative;
+  overflow-y: auto;
+  margin-inline-end: 16px;
+}
+ch-test-tree-x > .test-tree-x-scroll > ch-tree-x {
+  position: absolute;
+  inset: 0;
+  margin: 2px;
+}
+
+.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;
+}

package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/tree-x/tree-x.css

@@ -0,0 +1,29 @@
+ch-tree-x {
+  display: flex;
+}
+ch-tree-x.ch-tree-x-dragging-item :not(.ch-tree-x-list-item--accept-drop) {
+  pointer-events: none;
+}
+ch-tree-x.ch-tree-x-dragging-item .ch-tree-x-list-item--accept-drop {
+  pointer-events: all;
+}
+ch-tree-x.ch-tree-x-waiting-drop-processing {
+  cursor: wait;
+}
+ch-tree-x.ch-tree-x-waiting-drop-processing > ch-tree-x-list {
+  pointer-events: none;
+}
+
+.ch-tree-x-drag-info {
+  --rtl-offset: 16px;
+  position: fixed;
+  left: 0;
+  top: 0;
+  transform: translate(calc(var(--ch-tree-x-dragging-item-x) + var(--rtl-offset)), calc(var(--ch-tree-x-dragging-item-y) + 8px));
+  pointer-events: none;
+  z-index: 1;
+}
+
+html[dir=rtl] .ch-tree-x-drag-info {
+  --rtl-offset: -100%;
+}

package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/tree-x-list/tree-x-list.css

@@ -0,0 +1,6 @@
+:host {
+  display: grid;
+  grid-auto-rows: min-content;
+  position: relative;
+  width: 100%;
+}

package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/tree-x-list-item/tree-x-list-item.css

@@ -0,0 +1,244 @@
+:where(button) {
+  all: unset;
+  display: flex;
+  cursor: pointer;
+  user-select: none;
+  touch-action: manipulation;
+  -webkit-user-drag: element;
+}
+
+*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+:host {
+  --checkbox-size: 1em;
+  --expandable-button-width: 12px;
+  --tab-width: calc(
+    var(--checkbox-size) + var(--expandable-button-width) +
+      (5px * 2)
+  );
+  display: grid;
+  grid-template-rows: min-content;
+}
+
+.header {
+  --own-offset: 0px;
+  display: flex;
+  align-items: center;
+  min-height: calc(1em + 6px);
+  padding-inline-start: var(--padding-inline-start);
+}
+.header--disabled {
+  opacity: 0.5;
+  pointer-events: none;
+}
+.header--even {
+  --padding-inline-start: calc(
+    var(--parent-padding-inline-start--odd, 0px) + var(--tab-width)
+  );
+}
+.header--even + .expandable {
+  --parent-padding-inline-start--even: calc(
+    var(--parent-padding-inline-start--odd, 0px) + var(--tab-width)
+  );
+}
+.header--even .dashed-line {
+  --inset-inline-start: calc(
+    var(--parent-padding-inline-start--odd, 0px) +
+      var(--parent-checkbox-offset) + var(--parent-expandable-offset)
+  );
+}
+.header--even-expandable {
+  --padding-inline-start: calc(
+        var(--parent-padding-inline-start--odd, 0px) + var(--tab-width) - calc(
+    var(--expandable-button-width) + 5px
+  )
+      );
+}
+.header--even-expandable + .expandable {
+  --parent-padding-inline-start--even: calc(
+        var(--parent-padding-inline-start--odd, 0px) + var(--tab-width) - calc(
+    var(--expandable-button-width) + 5px
+  )
+      );
+}
+.header--odd {
+  --padding-inline-start: calc(
+    var(--parent-padding-inline-start--even, 0px) + var(--tab-width)
+  );
+}
+.header--odd + .expandable {
+  --parent-padding-inline-start--odd: calc(
+    var(--parent-padding-inline-start--even, 0px) + var(--tab-width)
+  );
+}
+.header--odd .dashed-line {
+  --inset-inline-start: calc(
+    var(--parent-padding-inline-start--even, 0px) +
+      var(--parent-checkbox-offset) + var(--parent-expandable-offset)
+  );
+}
+.header--odd-expandable {
+  --padding-inline-start: calc(
+        var(--parent-padding-inline-start--even, 0px) + var(--tab-width) - calc(
+    var(--expandable-button-width) + 5px
+  )
+      );
+}
+.header--odd-expandable + .expandable {
+  --parent-padding-inline-start--odd: calc(
+        var(--parent-padding-inline-start--even, 0px) + var(--tab-width) - calc(
+    var(--expandable-button-width) + 5px
+  )
+      );
+}
+.header--level-0 {
+  --padding-inline-start: 0px;
+}
+.header--level-0 + .expandable {
+  --parent-padding-inline-start--even: 0px;
+}
+.header--expandable-offset {
+  --own-offset: calc(
+    var(--expandable-button-width) + 5px
+  );
+}
+.header--expandable-offset + .expandable {
+  --parent-expandable-offset: calc(var(--expandable-button-width) / 2);
+}
+.header--checkbox-offset + .expandable {
+  --parent-checkbox-offset: calc(var(--checkbox-size) / 2);
+  --parent-negative-checkbox-offset: calc(var(--checkbox-size) / 2);
+}
+
+.dashed-line {
+  position: absolute;
+  inset-inline-start: var(--inset-inline-start);
+  height: 1px;
+  width: calc( var(--tab-width) - var(--parent-checkbox-offset) - var(--parent-expandable-offset) - var(--own-offset) - 4px );
+  border: 0 dashed #a9a9a9;
+  border-block-end-width: 1px;
+  pointer-events: none;
+  content-visibility: hidden;
+  contain-intrinsic-size: auto 100px;
+}
+
+.last-dashed-line {
+  inset-block-start: 0;
+  height: calc(100% - var(--distance-to-checkbox));
+  border-inline-start-width: 1px;
+  border-end-start-radius: 2px;
+  pointer-events: none;
+}
+
+.expandable-button {
+  display: grid;
+  place-items: center;
+  width: var(--expandable-button-width);
+  height: var(--expandable-button-width);
+  margin-inline-end: 5px;
+  z-index: 1;
+}
+.expandable-button::before {
+  content: "";
+  width: calc(100% - 2px);
+  height: calc(100% - 2px);
+  background-color: currentColor;
+  -webkit-mask-size: calc(var(--expandable-button-width) - 2px);
+}
+.expandable-button--collapsed::before {
+  -webkit-mask-image: url('data:image/svg+xml,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.15,8.5H8.54v5.61h-1V8.5H1.93v-1H7.54V1.89h1V7.5h5.61Z"/></svg>');
+}
+.expandable-button--expanded::before {
+  -webkit-mask-image: url('data:image/svg+xml,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.15,8.5H1.93v-1H14.15Z"/></svg>');
+}
+.expandable-button:focus-visible {
+  outline: 1px solid #000;
+}
+
+.checkbox {
+  margin-inline-end: 5px;
+}
+
+.action {
+  display: grid;
+  grid-template: "left-img text right-img"/max-content 1fr max-content;
+  align-items: center;
+  height: 100%;
+  flex: 1;
+}
+
+.readonly-mode {
+  padding-block: 0.75px;
+}
+
+.left-img,
+.right-img {
+  display: block;
+  width: 0.875em;
+  height: 0.875em;
+}
+
+.left-img {
+  grid-area: left-img;
+  margin-inline-end: 6px;
+}
+
+.right-img {
+  grid-area: right-img;
+  margin-inline-start: 6px;
+}
+
+.edit-name {
+  grid-area: text;
+  width: 100%;
+  height: 100%;
+  background-color: unset;
+  padding: 0;
+  margin: 0;
+  border: 1px solid currentColor;
+  font: unset;
+  outline: unset;
+}
+
+.downloading {
+  width: 0.75em;
+  height: 0.75em;
+  margin-inline-start: 8px;
+  border: 2px solid currentColor;
+  border-inline-start-color: transparent;
+  border-radius: 50%;
+  opacity: 0.75;
+  animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+.expandable {
+  --parent-expandable-offset: 0px;
+  --parent-negative-checkbox-offset: 0px;
+  --parent-checkbox-offset: 0px;
+  display: grid;
+  grid-template-rows: 0fr;
+  content-visibility: auto;
+  contain-intrinsic-size: auto 100px;
+}
+
+.expanded {
+  grid-template-rows: 1fr;
+}
+
+:not(.expanded) ::slotted([slot=tree]) {
+  display: none;
+  overflow: hidden;
+  content-visibility: hidden;
+}

package/dist/node_modules/@genexus/gemini/dist/collection/components/accordion/accordion.css

@@ -342,6 +342,7 @@ template {
 }
 
 /*ALIGNMENT*/
+/*Ellipsis*/
 /*****************************************************
 TYPOGRAPHY
 *****************************************************/
@@ -653,6 +654,28 @@ GXG-BUTTON and GXG-BUTTON-GROUP COMMON STYLES
 /*****************************************************
 FORM ELEMENTS
 *****************************************************/
+.gxg-scrollbar {
+  /* Track */
+  /* Handle */
+  /* Handle on hover */
+}
+.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;
   width: 100% !important;

package/dist/node_modules/@genexus/gemini/dist/collection/components/accordion-item/accordion-item.css

@@ -343,6 +343,7 @@ template {
 }
 
 /*ALIGNMENT*/
+/*Ellipsis*/
 /*****************************************************
 TYPOGRAPHY
 *****************************************************/
@@ -654,6 +655,28 @@ GXG-BUTTON and GXG-BUTTON-GROUP COMMON STYLES
 /*****************************************************
 FORM ELEMENTS
 *****************************************************/
+.gxg-scrollbar {
+  /* Track */
+  /* Handle */
+  /* Handle on hover */
+}
+.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 {
   position: relative;
   outline: none;

package/dist/node_modules/@genexus/gemini/dist/collection/components/alert/alert.css

@@ -342,6 +342,7 @@ template {
 }
 
 /*ALIGNMENT*/
+/*Ellipsis*/
 /*****************************************************
 TYPOGRAPHY
 *****************************************************/
@@ -653,6 +654,28 @@ GXG-BUTTON and GXG-BUTTON-GROUP COMMON STYLES
 /*****************************************************
 FORM ELEMENTS
 *****************************************************/
+.gxg-scrollbar {
+  /* Track */
+  /* Handle */
+  /* Handle on hover */
+}
+.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 {
   position: fixed;
   bottom: 0;

package/dist/node_modules/@genexus/gemini/dist/collection/components/box/box.css

@@ -342,6 +342,7 @@ template {
 }
 
 /*ALIGNMENT*/
+/*Ellipsis*/
 /*****************************************************
 TYPOGRAPHY
 *****************************************************/
@@ -653,6 +654,28 @@ GXG-BUTTON and GXG-BUTTON-GROUP COMMON STYLES
 /*****************************************************
 FORM ELEMENTS
 *****************************************************/
+.gxg-scrollbar {
+  /* Track */
+  /* Handle */
+  /* Handle on hover */
+}
+.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;
   background: var(--color-on-primary);
@@ -685,11 +708,6 @@ FORM ELEMENTS
   background: var(--gray-04);
   cursor: pointer;
 }
-:host .gxg-scroll {
-  display: block;
-  overflow-y: auto;
-  padding-right: 2px;
-}
 
 :host([background=white]) {
   background: var(--color-background);

package/dist/node_modules/@genexus/gemini/dist/collection/components/button/button.css

@@ -342,6 +342,7 @@ template {
 }
 
 /*ALIGNMENT*/
+/*Ellipsis*/
 /*****************************************************
 TYPOGRAPHY
 *****************************************************/
@@ -653,6 +654,28 @@ GXG-BUTTON and GXG-BUTTON-GROUP COMMON STYLES
 /*****************************************************
 FORM ELEMENTS
 *****************************************************/
+.gxg-scrollbar {
+  /* Track */
+  /* Handle */
+  /* Handle on hover */
+}
+.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;
+}
+
 /*****************************************************
 'PRIMARY TEXT ONLY' && 'PRIMARY TEXT ICON' BUTTON TYPE
 *****************************************************/

package/dist/node_modules/@genexus/gemini/dist/collection/components/button-group/button-group.css

@@ -342,6 +342,7 @@ template {
 }
 
 /*ALIGNMENT*/
+/*Ellipsis*/
 /*****************************************************
 TYPOGRAPHY
 *****************************************************/
@@ -653,6 +654,28 @@ GXG-BUTTON and GXG-BUTTON-GROUP COMMON STYLES
 /*****************************************************
 FORM ELEMENTS
 *****************************************************/
+.gxg-scrollbar {
+  /* Track */
+  /* Handle */
+  /* Handle on hover */
+}
+.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(.button-group) {
   display: inline-block;
   line-height: 0;

package/dist/node_modules/@genexus/gemini/dist/collection/components/card/card.css

@@ -342,6 +342,7 @@ template {
 }
 
 /*ALIGNMENT*/
+/*Ellipsis*/
 /*****************************************************
 TYPOGRAPHY
 *****************************************************/
@@ -653,6 +654,28 @@ GXG-BUTTON and GXG-BUTTON-GROUP COMMON STYLES
 /*****************************************************
 FORM ELEMENTS
 *****************************************************/
+.gxg-scrollbar {
+  /* Track */
+  /* Handle */
+  /* Handle on hover */
+}
+.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;
   background: var(--color-on-primary);

package/dist/node_modules/@genexus/gemini/dist/collection/components/color-picker/color-picker.css

@@ -4,6 +4,7 @@
 }
 
 /*ALIGNMENT*/
+/*Ellipsis*/
 /*****************************************************
 TYPOGRAPHY
 *****************************************************/
@@ -315,6 +316,28 @@ GXG-BUTTON and GXG-BUTTON-GROUP COMMON STYLES
 /*****************************************************
 FORM ELEMENTS
 *****************************************************/
+.gxg-scrollbar {
+  /* Track */
+  /* Handle */
+  /* Handle on hover */
+}
+.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 {
   width: 230px;
   display: block;

package/dist/node_modules/@genexus/gemini/dist/collection/components/column/column.css

@@ -342,6 +342,7 @@ template {
 }
 
 /*ALIGNMENT*/
+/*Ellipsis*/
 /*****************************************************
 TYPOGRAPHY
 *****************************************************/
@@ -653,6 +654,28 @@ GXG-BUTTON and GXG-BUTTON-GROUP COMMON STYLES
 /*****************************************************
 FORM ELEMENTS
 *****************************************************/
+.gxg-scrollbar {
+  /* Track */
+  /* Handle */
+  /* Handle on hover */
+}
+.gxg-scrollbar::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+.gxg-scrollbar::-webkit-scrollbar-track {
+  background-color: var(--gray-02);
+  border-radius: 10px;
+}
+.gxg-scrollbar::-webkit-scrollbar-thumb {
+  background: var(--gray-05);
+  border-radius: 10px;
+}
+.gxg-scrollbar::-webkit-scrollbar-thumb:hover {
+  background: var(--gray-04);
+  cursor: pointer;
+}
+
 :host {
   display: flex;
 }