@bit.rhplus/ui.grid 0.0.14 → 0.0.16

package/AgGridColumns.js

@@ -42,9 +42,11 @@ export const AgGridColumn = (column) => {
 export const AgGridColumns = (columnDefs, options) => {
   if (!columnDefs) return [];
 
+  console.log("🚀 ~ AgGridColumns ~ columnDefs:", columnDefs)
   const resolvedColumnDefs = columnDefs instanceof ColumnBuilder && typeof columnDefs.build === 'function'
     ? columnDefs.build()
     : columnDefs;
-  const cols = resolvedColumnDefs && resolvedColumnDefs.map((column) => AgGridColumn(column, options));
+
+    const cols = resolvedColumnDefs && resolvedColumnDefs.map((column) => AgGridColumn(column, options));
   return cols;
 };

package/ColumnBuilder.jsx

@@ -1,6 +1,101 @@
 import * as React from 'react';
-import {prepareColDef} from './utils';
-import {currencySymbols} from './enums';
+// Oprava: import antd před vlastními importy
+import { Checkbox } from 'antd'; // Pokud Checkbox není používán, později ho odstraníme
+import { prepareColDef } from './utils';
+import { currencySymbols } from './enums';
+
+// Vytvoříme React hook funkci pro link cell renderer
+const useLinkCellRenderer = (params, onClick, linkStyle, hoverStyle, overviewToggle) => {
+  const [isHovered, setIsHovered] = React.useState(false);
+
+  const handleMouseEnter = React.useCallback(() => {
+    setIsHovered(true);
+  }, []);
+
+  const handleMouseLeave = React.useCallback(() => {
+    setIsHovered(false);
+  }, []);
+
+  const handleClick = React.useCallback((event) => {
+    event.stopPropagation();
+    // Odstranění console.log nebo zakomentování
+    // console.log('click');
+    
+    if (overviewToggle && params.api) {
+      params.api.dispatchEvent({
+        type: 'overviewToggle',
+        data: params.data,
+        params,
+      });
+    }
+
+    if (onClick) {
+      onClick(params);
+    }
+  }, [onClick, overviewToggle, params]);
+
+  const defaultLinkStyle = {
+    color: '#1a73e8',
+    textDecoration: 'none',
+    cursor: 'pointer',
+  };
+
+  const defaultHoverStyle = {
+    textDecoration: 'underline',
+  };
+
+  const computedLinkStyle = React.useMemo(() => ({
+    ...defaultLinkStyle,
+    ...(typeof linkStyle === 'function'
+      ? linkStyle(params)
+      : linkStyle || {}),
+  }), [linkStyle, params]);
+
+  const computedHoverStyle = React.useMemo(() => ({
+    ...defaultLinkStyle,
+    ...computedLinkStyle,
+    ...defaultHoverStyle,
+    ...(typeof hoverStyle === 'function'
+      ? hoverStyle(params)
+      : hoverStyle || {}),
+  }), [computedLinkStyle, hoverStyle, params]);
+
+  return {
+    isHovered,
+    handleMouseEnter,
+    handleMouseLeave,
+    handleClick,
+    computedLinkStyle,
+    computedHoverStyle,
+  };
+};
+
+// Vytvoříme React hook funkci pro object cell renderer
+const useObjectCellRenderer = (params, editable, onEditClick) => {
+  const [isHovered, setIsHovered] = React.useState(false);
+
+  const handleMouseEnter = React.useCallback(() => {
+    setIsHovered(true);
+  }, []);
+
+  const handleMouseLeave = React.useCallback(() => {
+    setIsHovered(false);
+  }, []);
+
+  const handleEditClick = React.useCallback((event) => {
+    event.stopPropagation();
+    if (onEditClick) {
+      onEditClick(params);
+    }
+  }, [onEditClick, params]);
+
+  return {
+    isHovered,
+    handleMouseEnter,
+    handleMouseLeave,
+    handleEditClick,
+  };
+};
 
 class ColumnBuilder {
   #addPreparedColumn(props) {
@@ -17,16 +112,58 @@ class ColumnBuilder {
     return this;
   }
 
-  addCurrencyColumn({currency, position, currencyStyle, cellAlign = 'right', editable, ...restProps}) {
+  // Nová metoda pro přidání sloupce s fakturou pro overview mód
+  addInvoiceCardColumn({
+    field = 'invoice',
+    headerName = '',
+    width = 340,
+    onCheckboxChange,
+    ...restProps
+  } = {}) {
+    const cellRenderer = 'invoiceCardRenderer';
+    
+    this.#addPreparedColumn({
+      headerName,
+      field,
+      width,
+      cellRenderer,
+      suppressSizeToFit: true,
+      cellRendererParams: {
+        onCheckboxChange: onCheckboxChange || ((id, checked) => {
+          // Odstranění console.log nebo zakomentování
+          // console.log(`Checkbox changed for ${id}:`, checked);
+        })
+      },
+      ...restProps,
+    });
+    
+    return this;
+  }
+
+  addCurrencyColumn({
+    currency,
+    position,
+    currencyStyle,
+    cellAlign = 'right',
+    editable,
+    ...restProps
+  }) {
     const cellRenderer = (params) => {
-      const currencyValue = typeof currency === 'function' ? currency(params) : currency;
+      const currencyValue =
+        typeof currency === 'function' ? currency(params) : currency;
       const symbol = currencySymbols[currencyValue] || currencyValue;
-  
+
       // Použití Number.isNaN místo globální isNaN
-      const value = params.value != null && !Number.isNaN(Number(params.value)) ? params.value.toFixed(2) : '0.00';
-  
-      const style = typeof currencyStyle === 'function' ? currencyStyle(params) : currencyStyle;
-  
+      const value =
+        params.value != null && !Number.isNaN(Number(params.value))
+          ? params.value.toFixed(2)
+          : '0.00';
+
+      const style =
+        typeof currencyStyle === 'function'
+          ? currencyStyle(params)
+          : currencyStyle;
+
       return (
         <span>
           {position === 'left' ? (
@@ -41,63 +178,147 @@ class ColumnBuilder {
         </span>
       );
     };
-  
-    this.#addPreparedColumn({ 
-      cellAlign, 
-      cellRenderer, 
+
+    this.#addPreparedColumn({
+      cellAlign,
+      cellRenderer,
       editable: this.#resolveEditable(editable),
-      ...restProps 
+      ...restProps,
     });
     return this;
   }
-    
-  addDateColumn({dateFormat = "DD.MM.YYYY", editable, ...restProps}) {
-    this.#addPreparedColumn({ 
-      dateRenderer: dateFormat, 
+
+  addDateColumn({ dateFormat = 'DD.MM.YYYY', editable, ...restProps }) {
+    this.#addPreparedColumn({
+      dateRenderer: dateFormat,
       editable: this.#resolveEditable(editable),
-      ...restProps 
+      ...restProps,
     });
-    return this; 
+    return this;
   }
   
-  addObjectColumn({contentTooltip, tooltipField, tooltipInteraction, tooltipShowDelay = 100, editable, onEditClick, ...restProps}) {    
+  addLinkColumn({
+    onClick,
+    linkStyle,
+    hoverStyle,
+    cellAlign = 'left',
+    editable,
+    overviewToggle = false, // Přidán výchozí parametr pro overview
+    ...restProps
+  }) {
+    // Vytvořím komponentu pro cell renderer, která používá hook
+    const LinkCellRenderer = React.memo((params) => {
+      const {
+        isHovered,
+        handleMouseEnter,
+        handleMouseLeave,
+        handleClick,
+        computedLinkStyle,
+        computedHoverStyle,
+      } = useLinkCellRenderer(params, onClick, linkStyle, hoverStyle, overviewToggle);
+
+      return (
+        <div
+          className="link-cell-container"
+          style={{
+            width: '100%',
+            height: '100%',
+            display: 'flex',
+            alignItems: 'center',
+          }}
+        >
+          <span
+            onClick={handleClick}
+            onMouseEnter={handleMouseEnter}
+            onMouseLeave={handleMouseLeave}
+            style={isHovered ? computedHoverStyle : computedLinkStyle}
+            role="button"
+            tabIndex={0}
+            onKeyPress={(event) => {
+              if (event.key === 'Enter' || event.key === ' ') {
+                handleClick(event);
+              }
+            }}
+          >
+            {params.value}
+          </span>
+        </div>
+      );
+    });
+
+    // Používáme funkci, která vrátí React komponentu
     const cellRenderer = (params) => {
-      /* eslint-disable */
-      const [isHovered, setIsHovered] = React.useState(false);
-      
-      const handleMouseEnter = () => {
-        setIsHovered(true);
-      };
-      
-      const handleMouseLeave = () => {
-        setIsHovered(false);
-      };
-      
-      const handleEditClick = (event) => {
-        event.stopPropagation();
-        if (onEditClick) {
-          onEditClick(params);
-        }
-      };
-      
+      return <LinkCellRenderer {...params} />;
+    };
+
+    this.#addPreparedColumn({
+      cellAlign,
+      cellRenderer,
+      editable: this.#resolveEditable(editable),
+      overviewToggle, // Předání příznaku dál
+      ...restProps,
+    });
+    return this;
+  }
+
+  // Přidání Helper metody pro overview link
+  addOverviewLinkColumn({
+    field = 'documentNumber',
+    headerName = '',
+    width = 130,
+    cellAlign = 'left',
+    linkStyle,
+    hoverStyle,
+    editable = false,
+    ...rest
+  } = {}) {
+    return this.addLinkColumn({
+      field,
+      headerName: this.intl.formatMessage({ id: rest.intlId }) || headerName,
+      width,
+      cellAlign,
+      linkStyle,
+      hoverStyle,
+      editable,
+      overviewToggle: true,
+      ...rest,
+    });
+  }
+
+  addObjectColumn({
+    contentTooltip,
+    tooltipField,
+    tooltipInteraction,
+    tooltipShowDelay = 100,
+    editable,
+    onEditClick,
+    ...restProps
+  }) {
+    // Vytvořím komponentu pro cell renderer, která používá hook
+    const ObjectCellRenderer = React.memo((params) => {
+      const {
+        isHovered,
+        handleMouseEnter,
+        handleMouseLeave,
+        handleEditClick,
+      } = useObjectCellRenderer(params, editable, onEditClick);
+
       return (
-        <div 
-          className="object-cell-container" 
-          style={{ 
-            position: 'relative', 
-            width: '100%', 
-            height: '100%', 
-            display: 'flex', 
-            alignItems: 'center' 
+        <div
+          className="object-cell-container"
+          style={{
+            position: 'relative',
+            width: '100%',
+            height: '100%',
+            display: 'flex',
+            alignItems: 'center',
           }}
           onMouseEnter={handleMouseEnter}
           onMouseLeave={handleMouseLeave}
         >
-          <div style={{ flexGrow: 1 }}>
-            {params.value}
-          </div>
+          <div style={{ flexGrow: 1 }}>{params.value}</div>
           {isHovered && editable && (
-            <button 
+            <button
               className="edit-object-button"
               style={{
                 position: 'absolute',
@@ -108,7 +329,7 @@ class ColumnBuilder {
                 padding: '4px',
                 display: 'flex',
                 alignItems: 'center',
-                justifyContent: 'center'
+                justifyContent: 'center',
               }}
               onClick={handleEditClick}
               title="Upravit"
@@ -118,55 +339,71 @@ class ColumnBuilder {
           )}
         </div>
       );
+    });
+
+    // Používáme funkci, která vrátí React komponentu
+    const cellRenderer = (params) => {
+      return <ObjectCellRenderer {...params} />;
     };
-  
-    this.#addPreparedColumn({ 
-      contentTooltip, 
-      tooltipField, 
-      tooltipInteraction, 
+
+    this.#addPreparedColumn({
+      contentTooltip,
+      tooltipField,
+      tooltipInteraction,
       tooltipShowDelay,
       cellRenderer,
       editable: this.#resolveEditable(editable),
-      ...restProps 
+      ...restProps,
     });
     return this;
   }
-  
-  addBooleanColumn({visibleFalse = true, visibleTrue = true, cellAlign, visibleGetter = () => true, editable, ...restProps}) {
+
+  addBooleanColumn({
+    visibleFalse = true,
+    visibleTrue = true,
+    cellAlign,
+    visibleGetter = () => true,
+    editable,
+    ...restProps
+  }) {
     const booleanRendererParams = {
       cellAlign,
       visibleFalse,
       visibleTrue,
-      visibleGetter
-    }
-    this.#addPreparedColumn({ 
-      booleanRenderer: true, 
-      booleanRendererParams, 
+      visibleGetter,
+    };
+    this.#addPreparedColumn({
+      booleanRenderer: true,
+      booleanRendererParams,
       editable: this.#resolveEditable(editable),
-      ...restProps 
+      ...restProps,
     });
-    
+
     return this;
   }
 
-  addButtonColumn({buttons, visibleGetter = () => true, editable, ...restProps}) {
+  addButtonColumn({
+    buttons,
+    visibleGetter = () => true,
+    editable,
+    ...restProps
+  }) {
     const buttonRendererParams = {
       buttons,
-      visibleGetter
-    }
-    this.#addPreparedColumn({ 
-      buttonRenderer: true, 
+      visibleGetter,
+    };
+    this.#addPreparedColumn({
+      buttonRenderer: true,
       buttonRendererParams,
       editable: this.#resolveEditable(editable),
-      ...restProps
-    })
+      ...restProps,
+    });
     return this;
   }
 
   // Pomocná metoda pro správné nastavení editable vlastnosti
   #resolveEditable(editable) {
-    if (!editable) 
-      return false;
+    if (!editable) return false;
     return editable;
   }
 

package/ContextBuilder.js

@@ -0,0 +1,199 @@
+import * as React from 'react';
+
+class ContextBuilder {
+  #addPreparedMenuItem(props) {
+    this.menuItems.push(props);
+  }
+
+  constructor(intl) {
+    this.menuItems = [];
+    this.intl = intl;
+    this.globalStyles = {};
+  }
+
+  addMenuItem(props) {
+    this.#addPreparedMenuItem(props);
+    return this;
+  }
+
+  addActionItem({ name, action, icon, disabled = false, tooltip, showCondition = () => true, 
+                  cssClasses, style, iconStyle, ...restProps }) {
+    this.#addPreparedMenuItem({
+      name,
+      action,
+      icon,
+      disabled: this.#resolveDisabled(disabled),
+      tooltip,
+      showCondition,
+      cssClasses,
+      style,
+      iconStyle,
+      ...restProps
+    });
+    return this;
+  }
+
+  addSubMenuItem({ name, icon, items, disabled = false, tooltip, showCondition = () => true, 
+                   cssClasses, style, iconStyle, ...restProps }) {
+    this.#addPreparedMenuItem({
+      name,
+      icon,
+      subMenu: Array.isArray(items) ? items : [],
+      disabled: this.#resolveDisabled(disabled),
+      tooltip,
+      showCondition,
+      cssClasses,
+      style,
+      iconStyle,
+      ...restProps
+    });
+    return this;
+  }
+
+  addSeparator({ showCondition = () => true, cssClasses, style }) {
+    this.#addPreparedMenuItem({
+      separator: true,
+      showCondition,
+      cssClasses,
+      style
+    });
+    return this;
+  }
+
+  addCustomItem({ component, showCondition = () => true, cssClasses, style, ...restProps }) {
+    const customComponent = (params) => {
+      return React.createElement(component, { ...params, ...restProps });
+    };
+
+    this.#addPreparedMenuItem({
+      custom: true,
+      component: customComponent,
+      showCondition,
+      cssClasses,
+      style,
+      ...restProps
+    });
+    return this;
+  }
+
+  addDynamicItems({ itemsGenerator, showCondition = () => true }) {
+    this.#addPreparedMenuItem({
+      dynamic: true,
+      itemsGenerator,
+      showCondition
+    });
+    return this;
+  }
+
+  // Nová metoda pro položku s vlastním CSS
+  addStyledActionItem({ name, action, icon, disabled = false, tooltip, showCondition = () => true,
+                        color, backgroundColor, fontWeight, fontSize, border, padding, margin,
+                        iconColor, iconSize, ...restProps }) {
+    
+    // Vytvoření objektu stylu pro text položky
+    const itemStyle = {};
+    if (color) itemStyle.color = color;
+    if (backgroundColor) itemStyle.backgroundColor = backgroundColor;
+    if (fontWeight) itemStyle.fontWeight = fontWeight;
+    if (fontSize) itemStyle.fontSize = fontSize;
+    if (border) itemStyle.border = border;
+    if (padding) itemStyle.padding = padding;
+    if (margin) itemStyle.margin = margin;
+    
+    // Vytvoření objektu stylu pro ikonu
+    const iconStyleObj = {};
+    if (iconColor) iconStyleObj.color = iconColor;
+    if (iconSize) iconStyleObj.fontSize = iconSize;
+    
+    this.#addPreparedMenuItem({
+      name,
+      action,
+      icon,
+      disabled: this.#resolveDisabled(disabled),
+      tooltip,
+      showCondition,
+      style: itemStyle,
+      iconStyle: iconStyleObj,
+      ...restProps
+    });
+    return this;
+  }
+  
+  // Nová metoda pro přidání CSS tříd k položce menu
+  addClassedActionItem({ name, action, icon, disabled = false, tooltip, showCondition = () => true,
+                         cssClasses, iconCssClasses, ...restProps }) {
+    this.#addPreparedMenuItem({
+      name,
+      action,
+      icon,
+      disabled: this.#resolveDisabled(disabled),
+      tooltip,
+      showCondition,
+      cssClasses,
+      iconCssClasses,
+      ...restProps
+    });
+    return this;
+  }
+
+  // Helper method for properly setting disabled property
+  #resolveDisabled(disabled) {
+    if (!disabled) 
+      return false;
+    return disabled;
+  }
+
+  // Nová metoda pro nastavení globálního stylu pro všechny položky menu
+  setGlobalStyles(styles = {}) {
+    this.globalStyles = styles;
+    return this;
+  }
+
+  build() {
+    return (params) => {
+      // Filter items based on showCondition
+      const filteredItems = this.menuItems
+        .filter(item => item.showCondition(params))
+        .map(item => {
+          // For dynamic items, call the generator function to get actual items
+          if (item.dynamic) {
+            return item.itemsGenerator(params);
+          }
+          
+          // Create a new item object instead of modifying the original
+          const { showCondition, ...menuItem } = item;
+          let newItem = { ...menuItem };
+          
+          // Apply global styles if defined
+          if (this.globalStyles && Object.keys(this.globalStyles).length > 0) {
+            if (newItem.style) {
+              newItem = {
+                ...newItem,
+                style: { ...this.globalStyles, ...newItem.style }
+              };
+            } else {
+              newItem = {
+                ...newItem,
+                style: { ...this.globalStyles }
+              };
+            }
+          }
+          
+          return newItem;
+        })
+        // Flatten any arrays returned by dynamic item generators
+        .flat();
+        
+      // Pokud používáme AG-Grid's Enterprise verzi, můžeme přidat vlastní CSS styly
+      // Tato část je nepovinná a závisí na implementaci AG-Grid
+      if (params && params.api && params.api.setPopupParentComponent) {
+        // Zde můžete nastavit vlastní komponentu pro kontextové menu
+        // To by vyžadovalo vytvoření této komponenty
+      }
+        
+      return filteredItems;
+    };
+  }
+}
+
+export default ContextBuilder;

package/dist/AgGridColumns.js

@@ -34,6 +34,7 @@ export const AgGridColumn = (column) => {
 export const AgGridColumns = (columnDefs, options) => {
     if (!columnDefs)
         return [];
+    console.log("🚀 ~ AgGridColumns ~ columnDefs:", columnDefs);
     const resolvedColumnDefs = columnDefs instanceof ColumnBuilder && typeof columnDefs.build === 'function'
         ? columnDefs.build()
         : columnDefs;

package/dist/AgGridColumns.js.map

@@ -1 +1 @@
-{"version":3,"file":"AgGridColumns.js","sourceRoot":"","sources":["../AgGridColumns.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,KAAK,OAAO,MAAM,YAAY,CAAC;AAEtC,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,IAAI,EAAE,MAAM;CACb,CAAA;AAED,sCAAsC;AACtC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,MAAM,EAAE,EAAE;IACrC,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAErE,MAAM,aAAa,GAAG,CAAC,cAAc,EAAE,EAAE;QACvC,QAAQ,cAAc,EAAE,CAAC;YACvB,KAAK,YAAY,CAAC,IAAI;gBACpB,OAAO,OAAO,CAAC,IAAI,CAAC;YACtB;gBACE,MAAM,KAAK,CAAC,+BAA+B,CAAC,CAAC;QACjD,CAAC;IACH,CAAC,CAAA;IAED,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,aAAa,GAAG,KAAK,IAAI,EAAE;YAC/B,IAAI,MAAM,CAAC,cAAc,EAAE,CAAC;gBAC1B,MAAM,MAAM,GAAG,aAAa,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;gBACpD,mBAAmB,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,uBAAuB;YAC5D,CAAC;QACH,CAAC,CAAC;QAEF,aAAa,EAAE,CAAC;IAClB,CAAC,EAAE,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC;IAE5B,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,gBAAgB,EAAE,CAAC;YACrB,MAAM,CAAC,gBAAgB,GAAG,gBAAgB,CAAC,CAAC,uBAAuB;QACrE,CAAC;IACH,CAAC,EAAE,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC,CAAC;IAE/B,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,UAAU,EAAE,OAAO,EAAE,EAAE;IACnD,IAAI,CAAC,UAAU;QAAE,OAAO,EAAE,CAAC;IAE3B,MAAM,kBAAkB,GAAG,UAAU,YAAY,aAAa,IAAI,OAAO,UAAU,CAAC,KAAK,KAAK,UAAU;QACtG,CAAC,CAAC,UAAU,CAAC,KAAK,EAAE;QACpB,CAAC,CAAC,UAAU,CAAC;IACf,MAAM,IAAI,GAAG,kBAAkB,IAAI,kBAAkB,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IACrG,OAAO,IAAI,CAAC;AACd,CAAC,CAAC"}
+{"version":3,"file":"AgGridColumns.js","sourceRoot":"","sources":["../AgGridColumns.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,KAAK,OAAO,MAAM,YAAY,CAAC;AAEtC,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,IAAI,EAAE,MAAM;CACb,CAAA;AAED,sCAAsC;AACtC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,MAAM,EAAE,EAAE;IACrC,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAErE,MAAM,aAAa,GAAG,CAAC,cAAc,EAAE,EAAE;QACvC,QAAQ,cAAc,EAAE,CAAC;YACvB,KAAK,YAAY,CAAC,IAAI;gBACpB,OAAO,OAAO,CAAC,IAAI,CAAC;YACtB;gBACE,MAAM,KAAK,CAAC,+BAA+B,CAAC,CAAC;QACjD,CAAC;IACH,CAAC,CAAA;IAED,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,aAAa,GAAG,KAAK,IAAI,EAAE;YAC/B,IAAI,MAAM,CAAC,cAAc,EAAE,CAAC;gBAC1B,MAAM,MAAM,GAAG,aAAa,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;gBACpD,mBAAmB,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,uBAAuB;YAC5D,CAAC;QACH,CAAC,CAAC;QAEF,aAAa,EAAE,CAAC;IAClB,CAAC,EAAE,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC;IAE5B,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,gBAAgB,EAAE,CAAC;YACrB,MAAM,CAAC,gBAAgB,GAAG,gBAAgB,CAAC,CAAC,uBAAuB;QACrE,CAAC;IACH,CAAC,EAAE,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC,CAAC;IAE/B,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,UAAU,EAAE,OAAO,EAAE,EAAE;IACnD,IAAI,CAAC,UAAU;QAAE,OAAO,EAAE,CAAC;IAE3B,OAAO,CAAC,GAAG,CAAC,kCAAkC,EAAE,UAAU,CAAC,CAAA;IAC3D,MAAM,kBAAkB,GAAG,UAAU,YAAY,aAAa,IAAI,OAAO,UAAU,CAAC,KAAK,KAAK,UAAU;QACtG,CAAC,CAAC,UAAU,CAAC,KAAK,EAAE;QACpB,CAAC,CAAC,UAAU,CAAC;IAEb,MAAM,IAAI,GAAG,kBAAkB,IAAI,kBAAkB,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IACvG,OAAO,IAAI,CAAC;AACd,CAAC,CAAC"}