@gooddata/sdk-ui-dashboard 10.33.0-alpha.74 → 10.33.0-alpha.76

package/styles/css/resizing.css

@@ -8,7 +8,6 @@
   top: 0;
   right: 20px;
   bottom: 100%;
-  width: 0;
   height: 100%;
 }
 
@@ -23,8 +22,8 @@
 .dash-width-resizer-hotspot,
 .resizer-drag-preview {
   display: flex;
-  width: 40px;
-  padding: 0 0 0 5px;
+  justify-content: center;
+  width: 20px;
   cursor: col-resize;
 }
 
@@ -181,9 +180,6 @@
   background: var(--gd-dashboards-content-backgroundColor-from-theme, var(--gd-palette-complementary-0-from-theme, rgba(255, 255, 255, 0.95)));
 }
 
-.gd-grid-layout-width-resizer-drag-preview {
-  padding: 0 0 0 10px;
-}
 .gd-grid-layout-width-resizer-drag-preview.gd-first-container-row-widget .gd-fluidlayout-width-resizer__container {
   padding-top: 0;
 }
@@ -195,16 +191,15 @@
 }
 .gd-grid-layout-resizer-drag-preview .gd-fluidlayout-width-resizer,
 .gd-grid-layout .gd-fluidlayout-width-resizer {
-  padding: 4px 0;
   display: flex;
   flex-direction: column;
   border-radius: 4px;
+  align-items: center;
 }
 .gd-grid-layout-resizer-drag-preview .gd-fluidlayout-width-resizer .width-resizer-line,
 .gd-grid-layout .gd-fluidlayout-width-resizer .width-resizer-line {
   flex: 1 0 auto;
   width: 0;
-  margin-left: 4px;
   height: unset;
 }
 .gd-grid-layout-resizer-drag-preview .dash-height-resizer-container,
@@ -259,17 +254,20 @@
 }
 
 .gd-grid-layout .dash-width-resizer-container {
-  position: relative;
-  left: -10px;
-  right: 0;
-  width: 0;
+  position: absolute;
+  right: -20px;
+  width: 20px;
+  display: flex;
+  justify-content: center;
 }
 .gd-grid-layout .dash-width-resizer-container.gd-first-container-row-widget .gd-fluidlayout-width-resizer__container {
   padding-top: 0;
 }
 .gd-grid-layout .gd-fluidlayout-width-resizer__container {
   background: var(--gd-dashboards-content-backgroundColor, var(--gd-palette-complementary-0, #fff));
-  width: 100%;
+  width: 20px;
+  display: flex;
+  justify-content: center;
 }
 .gd-grid-layout .dash-height-resizer-hotspot {
   position: absolute;
@@ -293,9 +291,10 @@
 }
 
 .sdk-edit-mode-on .gd-grid-layout .dash-width-resizer-hotspot {
-  position: unset;
+  position: static;
   width: 20px;
-  padding: 0 0 0 10px;
+  display: flex;
+  justify-content: center;
 }
 .sdk-edit-mode-on .gd-grid-layout .gd-resize-overlay-text {
   right: -10px;
@@ -328,4 +327,58 @@
   left: unset;
 }
 
+.gd-grid-layout-ruler {
+  --bullet-size: 6px;
+  --bullet-size-active: 9px;
+  --gap: 20px;
+  padding: 20px 0 20px var(--gap);
+  position: absolute;
+  left: 0;
+  right: 0;
+  display: flex;
+}
+.gd-grid-layout-ruler__grid {
+  flex-grow: 1;
+  flex-shrink: 0;
+  display: grid;
+  gap: var(--gap);
+  grid-template-columns: repeat(var(--columns-num), 1fr);
+  grid-template-rows: auto;
+  justify-content: start;
+  align-items: stretch;
+}
+.gd-grid-layout-ruler__bullet-container {
+  width: var(--gap);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: relative;
+  left: calc(var(--gap) * -1);
+}
+.gd-grid-layout-ruler__bullet-container--last {
+  left: 0;
+}
+.gd-grid-layout-ruler__bullet {
+  width: var(--bullet-size);
+  height: var(--bullet-size);
+  border-radius: 100%;
+  background-color: var(--gd-palette-complementary-6-from-theme, #b0beca);
+  position: absolute;
+  opacity: 0;
+  transform: translateY(-20px);
+  transition: transform 0.2s ease-out, opacity 0.1s ease-in, width 0.1s ease-out, height 0.1s ease-out;
+}
+.gd-grid-layout-ruler--active .gd-grid-layout-ruler__bullet {
+  opacity: 1;
+  transform: translateY(0);
+}
+.gd-grid-layout-ruler__bullet--active {
+  background-color: var(--gd-palette-primary-base, #14b2e2);
+  width: var(--bullet-size-active);
+  height: var(--bullet-size-active);
+}
+.gd-grid-layout-ruler__bullet--initial {
+  background-color: var(--gd-palette-complementary-9, #000);
+}
+
 /*# sourceMappingURL=resizing.css.map */

package/styles/css/resizing.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../node_modules/@gooddata/sdk-ui-kit/styles/scss/mixins.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/Bubble/_variables.scss","../scss/resizing.scss","../scss/_variables.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss","../scss/_zIndexes.scss"],"names":[],"mappings":"AA0HA;AA4DA;ACjLA;AAAA;AAAA;ACAA;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;AAAA;EAEI;EACA;EACA;EACA;;;AAGJ;AAAA;EAEI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;AAEA;EACI,kBCvCsB;;AD0C1B;EACI,kBEOkB;;AFJtB;EACI;EACA;;AAEA;EACI,cExCQ;;AF0CZ;EACI,cElCI;;AFqCR;EACI,cE3Bc;;AF8BlB;EACI,cEdY;;;AFmBxB;EACI;EACA;EACA;;AAEA;EACI,kBCzEsB;;AD4E1B;EACI,kBE3BkB;;AF8BtB;EACI;EACA;EACA,cEpDkB;;AFsDlB;EACI,cE3EQ;;AF8EZ;EACI,cEtEI;;AFyER;EACI,cE/Dc;;AFkElB;EACI,cElDY;;;AFwDpB;AAAA;AAAA;AAAA;EAII,SGzFO;;AH4FX;EACI;EACA;EACA;EACA;;AAGJ;AAAA;EAEI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI,SG7Ge;EH8Gf;EACA;EACA;;AAEA;EACI,kBC/H0B;;ADkI9B;EACI,YCnI0B;;ADqI9B;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI,SGnIoB;EHoIpB;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;AAEA;EACI,MEjJkB;;AFoJtB;EACI;;AAGJ;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;;;AAMJ;EACI;;AAEI;EACI;;;AAOR;AAAA;EACI;EACA;;AAEJ;AAAA;EACI;EACA;EACA;EACA;;AAEA;AAAA;EACI;EACA;EACA;EACA;;AAIR;AAAA;EACI;EACA;EACA;EACA;EACA;;AAGJ;AAAA;EAGI,OAF4B;EAG5B,QAH4B;EAI5B;EACA;EACA;;AACA;AAAA;EACI,cE3OQ;;AF6OZ;AAAA;EACI,cErOI;;AFwOR;AAAA;EACI,cE9Nc;;AFiOlB;AAAA;EACI,cEjNY;;AFoNpB;AAAA;EACI;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACI;EACA;EACA;;;AAKZ;EACI;;;AAIA;EACI;EACA;EACA;EACA;;AAEI;EACI;;AAKZ;EACI,YC7OgC;ED8OhC;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;;;AAKJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;;;AAIR;EAEI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA","file":"resizing.css"}
+{"version":3,"sourceRoot":"","sources":["../../node_modules/@gooddata/sdk-ui-kit/styles/scss/mixins.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/Bubble/_variables.scss","../scss/resizing.scss","../scss/_variables.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss","../scss/_zIndexes.scss"],"names":[],"mappings":"AA0HA;AA4DA;ACjLA;AAAA;AAAA;ACAA;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;AAAA;EAEI;EACA;EACA;EACA;;;AAGJ;AAAA;EAEI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;AAEA;EACI,kBCtCsB;;ADyC1B;EACI,kBEQkB;;AFLtB;EACI;EACA;;AAEA;EACI,cEvCQ;;AFyCZ;EACI,cEjCI;;AFoCR;EACI,cE1Bc;;AF6BlB;EACI,cEbY;;;AFkBxB;EACI;EACA;EACA;;AAEA;EACI,kBCxEsB;;AD2E1B;EACI,kBE1BkB;;AF6BtB;EACI;EACA;EACA,cEnDkB;;AFqDlB;EACI,cE1EQ;;AF6EZ;EACI,cErEI;;AFwER;EACI,cE9Dc;;AFiElB;EACI,cEjDY;;;AFuDpB;AAAA;AAAA;AAAA;EAII,SGxFO;;AH2FX;EACI;EACA;EACA;EACA;;AAGJ;AAAA;EAEI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI,SG5Ge;EH6Gf;EACA;EACA;;AAEA;EACI,kBC9H0B;;ADiI9B;EACI,YClI0B;;ADoI9B;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI,SGlIoB;EHmIpB;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;AAEA;EACI,MEhJkB;;AFmJtB;EACI;;AAGJ;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;;;AAQI;EACI;;;AAOR;AAAA;EACI;EACA;;AAEJ;AAAA;EACI;EACA;EACA;EACA;;AAEA;AAAA;EACI;EACA;EACA;;AAIR;AAAA;EACI;EACA;EACA;EACA;EACA;;AAGJ;AAAA;EAGI,OAF4B;EAG5B,QAH4B;EAI5B;EACA;EACA;;AACA;AAAA;EACI,cExOQ;;AF0OZ;AAAA;EACI,cElOI;;AFqOR;AAAA;EACI,cE3Nc;;AF8NlB;AAAA;EACI,cE9MY;;AFiNpB;AAAA;EACI;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACI;EACA;EACA;;;AAKZ;EACI;;;AAIA;EACI;EACA;EACA;EACA;EACA;;AAEI;EACI;;AAKZ;EACI,YC3OgC;ED4OhC;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;;;AAKJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;;;AAIR;EAEI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;;AAIR;EAGI;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAIR;EACI;EACA;EACA;EACA;EAIA;EAEA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI,kBEvYc;EFwYd;EACA;;AAGJ;EACI","file":"resizing.css"}

package/styles/scss/dragAndDrop.scss

@@ -427,6 +427,10 @@
     );
     text-align: center;
 
+    &.drag-info-empty-nested-layout {
+        padding: 0;
+    }
+
     h2 {
         font-weight: bold;
         font-size: 20px;

package/styles/scss/resizing.scss

@@ -8,7 +8,6 @@
     top: 0;
     right: 20px;
     bottom: 100%;
-    width: 0;
     height: 100%;
 }
 
@@ -23,8 +22,8 @@
 .dash-width-resizer-hotspot,
 .resizer-drag-preview {
     display: flex;
-    width: 40px;
-    padding: 0 0 0 5px;
+    justify-content: center;
+    width: 20px;
     cursor: col-resize;
 }
 
@@ -209,7 +208,6 @@
 }
 
 .gd-grid-layout-width-resizer-drag-preview {
-    padding: 0 0 0 10px;
     &.gd-first-container-row-widget {
         .gd-fluidlayout-width-resizer__container {
             padding-top: 0;
@@ -224,15 +222,14 @@
         border-radius: 4px;
     }
     .gd-fluidlayout-width-resizer {
-        padding: 4px 0;
         display: flex;
         flex-direction: column;
         border-radius: 4px;
+        align-items: center;
 
         .width-resizer-line {
             flex: 1 0 auto;
             width: 0;
-            margin-left: 4px;
             height: unset;
         }
     }
@@ -289,10 +286,11 @@
 
 .gd-grid-layout {
     .dash-width-resizer-container {
-        position: relative;
-        left: -10px;
-        right: 0;
-        width: 0;
+        position: absolute;
+        right: -20px;
+        width: 20px;
+        display: flex;
+        justify-content: center;
         &.gd-first-container-row-widget {
             .gd-fluidlayout-width-resizer__container {
                 padding-top: 0;
@@ -302,7 +300,9 @@
 
     .gd-fluidlayout-width-resizer__container {
         background: variables.$gd-dashboards-content-backgroundColor;
-        width: 100%;
+        width: 20px;
+        display: flex;
+        justify-content: center;
     }
 
     .dash-height-resizer-hotspot {
@@ -331,9 +331,10 @@
 
 .sdk-edit-mode-on .gd-grid-layout {
     .dash-width-resizer-hotspot {
-        position: unset;
+        position: static;
         width: 20px;
-        padding: 0 0 0 10px;
+        display: flex;
+        justify-content: center;
     }
 
     .gd-resize-overlay-text {
@@ -371,3 +372,71 @@
         left: unset;
     }
 }
+
+.gd-grid-layout-ruler {
+    $root: &;
+
+    --bullet-size: 6px;
+    --bullet-size-active: 9px;
+    --gap: 20px;
+
+    padding: 20px 0 20px var(--gap);
+    position: absolute;
+    left: 0;
+    right: 0;
+    display: flex;
+
+    &__grid {
+        flex-grow: 1;
+        flex-shrink: 0;
+        display: grid;
+        gap: var(--gap);
+        grid-template-columns: repeat(var(--columns-num), 1fr);
+        grid-template-rows: auto;
+        justify-content: start;
+        align-items: stretch;
+    }
+
+    &__bullet-container {
+        width: var(--gap);
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        position: relative;
+        left: calc(var(--gap) * -1);
+
+        &--last {
+            left: 0;
+        }
+    }
+
+    &__bullet {
+        width: var(--bullet-size);
+        height: var(--bullet-size);
+        border-radius: 100%;
+        background-color: var(
+            --gd-palette-complementary-6-from-theme,
+            kit-variables.$default-gd-color-disabled
+        );
+        position: absolute;
+
+        opacity: 0;
+        transform: translateY(-20px);
+        transition: transform 0.2s ease-out, opacity 0.1s ease-in, width 0.1s ease-out, height 0.1s ease-out;
+
+        #{$root}--active & {
+            opacity: 1;
+            transform: translateY(0);
+        }
+
+        &--active {
+            background-color: kit-variables.$gd-palette-primary-base;
+            width: var(--bullet-size-active);
+            height: var(--bullet-size-active);
+        }
+
+        &--initial {
+            background-color: var(--gd-palette-complementary-9, #000);
+        }
+    }
+}

package/esm/presentation/flexibleLayout/dragAndDrop/Resize/BulletsBar/Bullet.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-export interface BulletProps {
-    index: number;
-    isInitial: boolean;
-    isCurrent: boolean;
-    isLast?: boolean;
-}
-export declare const Bullet: React.FC<BulletProps>;
-//# sourceMappingURL=Bullet.d.ts.map

package/esm/presentation/flexibleLayout/dragAndDrop/Resize/BulletsBar/Bullet.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Bullet.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/flexibleLayout/dragAndDrop/Resize/BulletsBar/Bullet.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,WAAW;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAoBxC,CAAC"}

package/esm/presentation/flexibleLayout/dragAndDrop/Resize/BulletsBar/Bullet.js

@@ -1,16 +0,0 @@
-// (C) 2019-2024 GoodData Corporation
-import React from "react";
-import classnames from "classnames";
-export const Bullet = ({ isCurrent, isInitial, isLast, index }) => {
-    const bulletStyle = classnames("gd-resize-bullet", `s-resize-bullet-${index}`, {
-        "gd-resize-bullet--last": isLast,
-    });
-    return (React.createElement("div", { className: bulletStyle },
-        React.createElement("svg", { className: "gd-resize-bullet-icon" },
-            React.createElement("circle", { cx: "3", cy: "3", r: "3", className: classnames({
-                    active: isCurrent,
-                    initial: isInitial,
-                    passive: !isCurrent && !isInitial,
-                }) }))));
-};
-//# sourceMappingURL=Bullet.js.map

package/esm/presentation/flexibleLayout/dragAndDrop/Resize/BulletsBar/Bullet.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Bullet.js","sourceRoot":"","sources":["../../../../../../src/presentation/flexibleLayout/dragAndDrop/Resize/BulletsBar/Bullet.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AASpC,MAAM,CAAC,MAAM,MAAM,GAA0B,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE;IACrF,MAAM,WAAW,GAAG,UAAU,CAAC,kBAAkB,EAAE,mBAAmB,KAAK,EAAE,EAAE;QAC3E,wBAAwB,EAAE,MAAM;KACnC,CAAC,CAAC;IACH,OAAO,CACH,6BAAK,SAAS,EAAE,WAAW;QACvB,6BAAK,SAAS,EAAC,uBAAuB;YAClC,gCACI,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,GAAG,EACN,CAAC,EAAC,GAAG,EACL,SAAS,EAAE,UAAU,CAAC;oBAClB,MAAM,EAAE,SAAS;oBACjB,OAAO,EAAE,SAAS;oBAClB,OAAO,EAAE,CAAC,SAAS,IAAI,CAAC,SAAS;iBACpC,CAAC,GACJ,CACA,CACJ,CACT,CAAC;AACN,CAAC,CAAC"}

package/esm/presentation/flexibleLayout/dragAndDrop/Resize/BulletsBar/BulletsBar.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-export declare const BulletsBar: React.FC;
-//# sourceMappingURL=BulletsBar.d.ts.map

package/esm/presentation/flexibleLayout/dragAndDrop/Resize/BulletsBar/BulletsBar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BulletsBar.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/flexibleLayout/dragAndDrop/Resize/BulletsBar/BulletsBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAuC9B,CAAC"}

package/esm/presentation/flexibleLayout/dragAndDrop/Resize/BulletsBar/BulletsBar.js

@@ -1,20 +0,0 @@
-// (C) 2019-2024 GoodData Corporation
-import React from "react";
-import { DASHBOARD_LAYOUT_GRID_COLUMNS_COUNT } from "../../../../../_staging/dashboard/flexibleLayout/config.js";
-import { useResizeWidthStatus } from "../../../../dragAndDrop/index.js";
-import { Bullet } from "./Bullet.js";
-export const BulletsBar = () => {
-    const widthResizingStatus = useResizeWidthStatus();
-    if (!widthResizingStatus.isResizingWidth) {
-        return null;
-    }
-    // CSS Grid: grid setup copies the main dashboard grid with 12 columns. Each column contains one bullet
-    // that marks the grid column start. The last bullet is rendered next to the grid in flex container and
-    // shifted via CSS to the left so, it is placed directly on the grid line. This could be done entirely
-    // in CSS, but we need to be able to style bullets based on state (current, initial).
-    return (React.createElement("div", { className: "gd-grid-layout__ruler" },
-        React.createElement("div", { className: "gd-grid-layout__container--root" }, [...Array(DASHBOARD_LAYOUT_GRID_COLUMNS_COUNT)].map((_, index) => (React.createElement("div", { key: index, className: "gd-grid-layout__item--span-1" },
-            React.createElement(Bullet, { key: index, index: index, isInitial: widthResizingStatus.initialIndex === index, isCurrent: widthResizingStatus.currentIndex === index }),
-            index === DASHBOARD_LAYOUT_GRID_COLUMNS_COUNT - 1 ? (React.createElement(Bullet, { index: DASHBOARD_LAYOUT_GRID_COLUMNS_COUNT, isInitial: widthResizingStatus.initialIndex === DASHBOARD_LAYOUT_GRID_COLUMNS_COUNT, isCurrent: widthResizingStatus.currentIndex === DASHBOARD_LAYOUT_GRID_COLUMNS_COUNT, isLast: true })) : null))))));
-};
-//# sourceMappingURL=BulletsBar.js.map

package/esm/presentation/flexibleLayout/dragAndDrop/Resize/BulletsBar/BulletsBar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BulletsBar.js","sourceRoot":"","sources":["../../../../../../src/presentation/flexibleLayout/dragAndDrop/Resize/BulletsBar/BulletsBar.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,mCAAmC,EAAE,MAAM,4DAA4D,CAAC;AACjH,OAAO,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AAExE,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,MAAM,CAAC,MAAM,UAAU,GAAa,GAAG,EAAE;IACrC,MAAM,mBAAmB,GAAG,oBAAoB,EAAE,CAAC;IAEnD,IAAI,CAAC,mBAAmB,CAAC,eAAe,EAAE,CAAC;QACvC,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,uGAAuG;IACvG,uGAAuG;IACvG,sGAAsG;IACtG,qFAAqF;IACrF,OAAO,CACH,6BAAK,SAAS,EAAC,uBAAuB;QAClC,6BAAK,SAAS,EAAC,iCAAiC,IAC3C,CAAC,GAAG,KAAK,CAAC,mCAAmC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAC/D,6BAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,8BAA8B;YACrD,oBAAC,MAAM,IACH,GAAG,EAAE,KAAK,EACV,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,mBAAmB,CAAC,YAAY,KAAK,KAAK,EACrD,SAAS,EAAE,mBAAmB,CAAC,YAAY,KAAK,KAAK,GACvD;YACD,KAAK,KAAK,mCAAmC,GAAG,CAAC,CAAC,CAAC,CAAC,CACjD,oBAAC,MAAM,IACH,KAAK,EAAE,mCAAmC,EAC1C,SAAS,EACL,mBAAmB,CAAC,YAAY,KAAK,mCAAmC,EAE5E,SAAS,EACL,mBAAmB,CAAC,YAAY,KAAK,mCAAmC,EAE5E,MAAM,EAAE,IAAI,GACd,CACL,CAAC,CAAC,CAAC,IAAI,CACN,CACT,CAAC,CACA,CACJ,CACT,CAAC;AACN,CAAC,CAAC"}