@m4l/graphics 7.2.3-beta.1 → 7.2.3-beta.2

package/components/GlobalStyles/getDateRangePickerPopupGlobalStyles.d.ts

@@ -0,0 +1,319 @@
+import { Theme } from '@mui/material/styles';
+/**
+ * Tipo extendido del Theme de MUI que incluye las propiedades personalizadas del tema de M4L
+ */
+export type ExtendedTheme = Theme & {
+    vars: {
+        size: {
+            [key: string]: {
+                [key: string]: {
+                    [key: string]: string | number;
+                };
+            };
+        };
+        palette: Record<string, any>;
+        customShadows: Record<string, any>;
+    };
+    generalSettings: {
+        isMobile: boolean;
+    };
+};
+/**
+ * Genera los estilos globales para el popup del DateRangePicker de rsuite.
+ * Estos estilos se aplican globalmente a todos los popups de DateRangePicker.
+ * @param theme - Tema de MUI
+ * @returns Objeto con los estilos del popup
+ */
+export declare function getDateRangePickerPopupGlobalStyles(theme: ExtendedTheme): {
+    '.rs-picker-popup': {
+        backgroundColor: string;
+        borderRadius: string;
+        marginTop: string;
+        boxShadow: string;
+        color: string;
+        '& .rs-picker-daterange-header': {
+            fontSize: string;
+            lineHeight: string;
+            fontWeight: number;
+            letterSpacing: string;
+            color: string;
+            borderColor: string;
+        };
+        '& .rs-picker-daterange-calendar-group': {
+            height: string;
+            '& .rs-calendar-header': {
+                '& .rs-btn-icon:not([data-with-text])': {
+                    '&:hover': {
+                        backgroundColor: string;
+                    };
+                    '&:active': {
+                        backgroundColor: string;
+                    };
+                    '& svg': {
+                        fill: string;
+                    };
+                };
+                '& .rs-calendar-header-title': {
+                    '&:hover': {
+                        backgroundColor: string;
+                    };
+                    '&:active': {
+                        backgroundColor: string;
+                    };
+                    fontSize: string;
+                    lineHeight: string;
+                    fontWeight: number;
+                    letterSpacing: string;
+                    color: string;
+                };
+            };
+            '& .rs-calendar:first-child': {
+                borderColor: string;
+            };
+            '& .rs-calendar-body': {
+                display: string;
+                alignItems: string;
+                justifyContent: string;
+                '& .rs-calendar-table': {
+                    display: string;
+                    flexDirection: string;
+                    alignItems: string;
+                    justifyContent: string;
+                    gap: string;
+                    '& .rs-calendar-table-header-row': {
+                        display: string;
+                        justifyContent: string;
+                        width: string;
+                        '& .rs-calendar-table-header-cell': {
+                            width: string;
+                            height: string;
+                            '& .rs-calendar-table-header-cell-content': any;
+                        };
+                    };
+                };
+                '& .rs-calendar-table-cell': {
+                    width: string;
+                    height: string;
+                    borderTop: string;
+                    borderBottom: string;
+                    '&:hover .rs-calendar-table-cell-content': {
+                        backgroundColor: string;
+                        '& .rs-calendar-table-cell-day': {
+                            color: string;
+                        };
+                    };
+                    '&:active .rs-calendar-table-cell-content': {
+                        backgroundColor: string;
+                        '& .rs-calendar-table-cell-day': {
+                            color: string;
+                        };
+                    };
+                    '& .rs-calendar-table-cell-content': any;
+                    '&.rs-calendar-table-cell-un-same-month': {
+                        '& .rs-calendar-table-cell-content': {
+                            '& .rs-calendar-table-cell-day': {
+                                color: string;
+                            };
+                        };
+                    };
+                    '&.rs-calendar-table-cell-is-today': {
+                        '& .rs-calendar-table-cell-content': {
+                            boxShadow: string;
+                        };
+                    };
+                    '&.rs-calendar-table-cell-in-range': {
+                        borderRadius: number;
+                        borderTop: string;
+                        borderBottom: string;
+                        '&:before': {
+                            height: string;
+                            margin: string;
+                            backgroundColor: string;
+                            inset: number;
+                        };
+                        '& .rs-calendar-table-cell-content': {
+                            backgroundColor: string;
+                        };
+                    };
+                    '&.rs-calendar-table-cell-selected-start': {
+                        borderTopLeftRadius: string;
+                        borderBottomLeftRadius: string;
+                        '&:hover .rs-calendar-table-cell-content': {
+                            backgroundColor: string;
+                            '& .rs-calendar-table-cell-day': {
+                                color: string;
+                            };
+                        };
+                        '&:active .rs-calendar-table-cell-content': {
+                            backgroundColor: string;
+                            '& .rs-calendar-table-cell-day': {
+                                color: string;
+                            };
+                        };
+                        '& .rs-calendar-table-cell-content': {
+                            boxShadow: string;
+                            backgroundColor: string;
+                        };
+                    };
+                    '&.rs-calendar-table-cell-selected-end': {
+                        borderTopRightRadius: string;
+                        borderBottomRightRadius: string;
+                        '&:hover .rs-calendar-table-cell-content': {
+                            backgroundColor: string;
+                            '& .rs-calendar-table-cell-day': {
+                                color: string;
+                            };
+                        };
+                        '&:active .rs-calendar-table-cell-content': {
+                            backgroundColor: string;
+                            '& .rs-calendar-table-cell-day': {
+                                color: string;
+                            };
+                        };
+                        '& .rs-calendar-table-cell-content': {
+                            boxShadow: string;
+                            backgroundColor: string;
+                        };
+                    };
+                };
+            };
+            '& .rs-calendar-month-dropdown': {
+                backgroundColor: string;
+                borderColor: string;
+                '& .rs-calendar-month-dropdown-row': {
+                    borderColor: string;
+                    '& .rs-calendar-month-dropdown-list': {
+                        height: string;
+                    };
+                    '& .rs-calendar-month-dropdown-year': {
+                        '&.rs-calendar-month-dropdown-year-active': {
+                            color: string;
+                        };
+                        fontSize: string;
+                        lineHeight: string;
+                        fontWeight: number;
+                        letterSpacing: string;
+                        color: string;
+                    };
+                    '& .rs-calendar-month-dropdown-cell': {
+                        display: string;
+                        alignItems: string;
+                        justifyContent: string;
+                        '& .rs-calendar-month-dropdown-cell-content': {
+                            '&:hover': {
+                                backgroundColor: string;
+                                color: string;
+                            };
+                            '&:active': {
+                                backgroundColor: string;
+                                color: string;
+                            };
+                            fontSize: string;
+                            lineHeight: string;
+                            fontWeight: number;
+                            letterSpacing: string;
+                            color: string;
+                        };
+                        '&.rs-calendar-month-dropdown-cell-active .rs-calendar-month-dropdown-cell-content': {
+                            '&:hover': {
+                                backgroundColor: string;
+                            };
+                            '&:active': {
+                                backgroundColor: string;
+                            };
+                            fontSize: string;
+                            lineHeight: string;
+                            fontWeight: number;
+                            letterSpacing: string;
+                            backgroundColor: string;
+                            color: string;
+                        };
+                    };
+                };
+            };
+            '& .rs-calendar-time-dropdown': {
+                backgroundColor: string;
+                borderColor: string;
+                '& .rs-calendar-time-dropdown-column-title': {
+                    fontSize: string;
+                    lineHeight: string;
+                    fontWeight: number;
+                    letterSpacing: string;
+                    backgroundColor: string;
+                    color: string;
+                };
+                '& .rs-scroll-view-custom-scrollbar': {
+                    '& li': {
+                        '& .rs-calendar-time-dropdown-cell': {
+                            '&:hover': {
+                                backgroundColor: string;
+                            };
+                            '&:active': {
+                                backgroundColor: string;
+                            };
+                            '&.rs-calendar-time-dropdown-cell-active': {
+                                backgroundColor: string;
+                                color: string;
+                                '&:hover': {
+                                    backgroundColor: string;
+                                };
+                                '&:active': {
+                                    backgroundColor: string;
+                                };
+                            };
+                            fontSize: string;
+                            lineHeight: string;
+                            fontWeight: number;
+                            letterSpacing: string;
+                            borderRadius: string;
+                            color: string;
+                        };
+                    };
+                };
+            };
+            '& .rs-calendar-btn-close': {
+                backgroundColor: string;
+                '&:hover': {
+                    backgroundColor: string;
+                    borderColor: string;
+                    color: string;
+                };
+                '&:active': {
+                    backgroundColor: string;
+                };
+                '& svg': {
+                    fill: string;
+                };
+            };
+            '& .rs-calendar': {
+                borderColor: string;
+                height: string;
+            };
+        };
+        '& .rs-picker-toolbar': {
+            backgroundColor: string;
+            borderColor: string;
+            display: string;
+            alignItems: string;
+            justifyContent: string;
+            '& .rs-picker-toolbar-ranges': {
+                '& .rs-btn': {
+                    color: string;
+                };
+            };
+            '& .rs-btn': {
+                fontSize: string;
+                lineHeight: string;
+                fontWeight: number;
+                letterSpacing: string;
+            };
+            '& .rs-picker-toolbar-right': {
+                display: string;
+                alignItems: string;
+                justifyContent: string;
+                '& .rs-btn': any;
+            };
+        };
+    };
+};
+//# sourceMappingURL=getDateRangePickerPopupGlobalStyles.d.ts.map

package/components/GlobalStyles/getDateRangePickerPopupGlobalStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getDateRangePickerPopupGlobalStyles.d.ts","sourceRoot":"","sources":["../../../../../../packages/graphics/src/components/GlobalStyles/getDateRangePickerPopupGlobalStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAG7C;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG;IAClC,IAAI,EAAE;QACJ,IAAI,EAAE;YACJ,CAAC,GAAG,EAAE,MAAM,GAAG;gBACb,CAAC,GAAG,EAAE,MAAM,GAAG;oBACb,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;iBAChC,CAAC;aACH,CAAC;SACH,CAAC;QACF,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QAC7B,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;KACpC,CAAC;IACF,eAAe,EAAE;QACf,QAAQ,EAAE,OAAO,CAAC;KACnB,CAAC;CACH,CAAC;AA6CF;;;;;GAKG;AACH,wBAAgB,mCAAmC,CAAC,KAAK,EAAE,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyWvE"}

package/components/GlobalStyles/getDateRangePickerPopupGlobalStyles.js

@@ -0,0 +1,347 @@
+import { TYPOGRAPHY_SIZES_MOBILE as s, TYPOGRAPHY_SIZES_DESKTOP as i } from "@m4l/styles";
+function l(r, a, e, t, n = "height") {
+  const d = r.vars.size[r.generalSettings.isMobile ? "mobile" : "desktop"][a][e], c = typeof t == "function" ? t(d) : t;
+  return {
+    [n]: d,
+    ...c
+  };
+}
+function o(r, a, e) {
+  return (r ? s : i)[a][e];
+}
+function b(r) {
+  const a = "medium", e = r.generalSettings.isMobile;
+  return {
+    // Estilos globales para el popup del DateRangePicker de rsuite
+    ".rs-picker-popup": {
+      backgroundColor: r.vars.palette.background.default,
+      borderRadius: r.vars.size.borderRadius.r3,
+      marginTop: r.vars.size.baseSpacings.sp1,
+      boxShadow: r.vars.customShadows.z4,
+      color: r.vars.palette.text.primary,
+      // Header
+      "& .rs-picker-daterange-header": {
+        color: r.vars.palette.text.primary,
+        borderColor: r.vars.palette.border.disabled,
+        ...o(e, a, "body")
+      },
+      // Body
+      "& .rs-picker-daterange-calendar-group": {
+        height: "fit-content",
+        "& .rs-calendar-header": {
+          // arrow buttons
+          "& .rs-btn-icon:not([data-with-text])": {
+            "&:hover": {
+              backgroundColor: r.vars.palette.default.hoverOpacity
+            },
+            "&:active": {
+              backgroundColor: r.vars.palette.default.activeOpacity
+            },
+            "& svg": {
+              fill: r.vars.palette.text.primary
+            }
+          },
+          // button title month
+          "& .rs-calendar-header-title": {
+            color: r.vars.palette.text.primary,
+            ...o(e, a, "body"),
+            "&:hover": {
+              backgroundColor: r.vars.palette.default.hoverOpacity
+            },
+            "&:active": {
+              backgroundColor: r.vars.palette.default.activeOpacity
+            }
+          }
+        },
+        // calendar start
+        "& .rs-calendar:first-child": {
+          borderColor: r.vars.palette.border.disabled
+        },
+        // calendar body
+        "& .rs-calendar-body": {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          "& .rs-calendar-table": {
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "center",
+            justifyContent: "center",
+            gap: r.vars.size.baseSpacings["sp0-5"],
+            // table header
+            "& .rs-calendar-table-header-row": {
+              display: "flex",
+              justifyContent: "space-between",
+              width: "100%",
+              "& .rs-calendar-table-header-cell": {
+                width: "fit-content",
+                height: "fit-content",
+                "& .rs-calendar-table-header-cell-content": {
+                  color: r.vars.palette.text.secondary,
+                  ...o(e, a, "body"),
+                  ...l(
+                    r,
+                    a,
+                    "action",
+                    (t) => ({
+                      minWidth: t,
+                      maxWidth: t,
+                      height: "auto"
+                    })
+                  )
+                }
+              }
+            }
+          },
+          // button days
+          "& .rs-calendar-table-cell": {
+            width: "fit-content",
+            height: "fit-content",
+            borderTop: "1px dashed transparent",
+            borderBottom: "1px dashed transparent",
+            "&:hover .rs-calendar-table-cell-content": {
+              backgroundColor: r.vars.palette.default.hoverOpacity,
+              "& .rs-calendar-table-cell-day": {
+                color: r.vars.palette.primary.enabled
+              }
+            },
+            "&:active .rs-calendar-table-cell-content": {
+              backgroundColor: r.vars.palette.default.activeOpacity,
+              "& .rs-calendar-table-cell-day": {
+                color: r.vars.palette.primary.enabled
+              }
+            },
+            "& .rs-calendar-table-cell-content": {
+              borderRadius: r.vars.size.borderRadius.r2,
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              ...l(
+                r,
+                a,
+                "action",
+                (t) => ({
+                  minHeight: t,
+                  maxHeight: t,
+                  minWidth: t,
+                  maxWidth: t
+                })
+              ),
+              "& .rs-calendar-table-cell-day": {
+                ...o(e, a, "body")
+              }
+            },
+            "&.rs-calendar-table-cell-un-same-month": {
+              "& .rs-calendar-table-cell-content": {
+                "& .rs-calendar-table-cell-day": {
+                  color: r.vars.palette.text.secondary
+                }
+              }
+            },
+            "&.rs-calendar-table-cell-is-today": {
+              "& .rs-calendar-table-cell-content": {
+                boxShadow: `0 0 0 1px ${r.vars.palette.primary.enabled}`
+              }
+            },
+            "&.rs-calendar-table-cell-in-range": {
+              borderRadius: 0,
+              borderTop: `1px dashed ${r.vars.palette.border.secondary}`,
+              borderBottom: `1px dashed ${r.vars.palette.border.secondary}`,
+              "&:before": {
+                height: "unset",
+                margin: "unset",
+                backgroundColor: r.vars.palette.default.hoverOpacity,
+                inset: 0
+              },
+              "& .rs-calendar-table-cell-content": {
+                backgroundColor: "transparent"
+              }
+            },
+            "&.rs-calendar-table-cell-selected-start": {
+              // Radio exterior = radio interior (r2 = 8px) + grosor del borde (1px) = 9px
+              // para que el contenido interno no se vea cortado en las esquinas
+              borderTopLeftRadius: `calc(${r.vars.size.borderRadius.r2} + 1px)`,
+              borderBottomLeftRadius: `calc(${r.vars.size.borderRadius.r2} + 1px)`,
+              "&:hover .rs-calendar-table-cell-content": {
+                backgroundColor: `${r.vars.palette.primary.hover} !important`,
+                "& .rs-calendar-table-cell-day": {
+                  color: `${r.vars.palette.primary.contrastText} !important`
+                }
+              },
+              "&:active .rs-calendar-table-cell-content": {
+                backgroundColor: `${r.vars.palette.primary.active} !important`,
+                "& .rs-calendar-table-cell-day": {
+                  color: `${r.vars.palette.primary.contrastText} !important`
+                }
+              },
+              "& .rs-calendar-table-cell-content": {
+                boxShadow: `0 0 0 1px ${r.vars.palette.primary.activeOpacity}`,
+                backgroundColor: r.vars.palette.primary.enabled
+              }
+            },
+            "&.rs-calendar-table-cell-selected-end": {
+              // Radio exterior = radio interior (r2 = 8px) + grosor del borde (1px) = 9px
+              // para que el contenido interno no se vea cortado en las esquinas
+              borderTopRightRadius: `calc(${r.vars.size.borderRadius.r2} + 1px)`,
+              borderBottomRightRadius: `calc(${r.vars.size.borderRadius.r2} + 1px)`,
+              "&:hover .rs-calendar-table-cell-content": {
+                backgroundColor: `${r.vars.palette.primary.hover} !important`,
+                "& .rs-calendar-table-cell-day": {
+                  color: `${r.vars.palette.primary.contrastText} !important`
+                }
+              },
+              "&:active .rs-calendar-table-cell-content": {
+                backgroundColor: `${r.vars.palette.primary.active} !important`,
+                "& .rs-calendar-table-cell-day": {
+                  color: `${r.vars.palette.primary.contrastText} !important`
+                }
+              },
+              "& .rs-calendar-table-cell-content": {
+                boxShadow: `0 0 0 1px ${r.vars.palette.primary.activeOpacity}`,
+                backgroundColor: r.vars.palette.primary.enabled
+              }
+            }
+          }
+        },
+        // calendar month dropdown
+        "& .rs-calendar-month-dropdown": {
+          backgroundColor: r.vars.palette.background.default,
+          borderColor: r.vars.palette.border.disabled,
+          "& .rs-calendar-month-dropdown-row": {
+            borderColor: r.vars.palette.border.disabled,
+            "& .rs-calendar-month-dropdown-list": {
+              height: "100%"
+            },
+            // year title
+            "& .rs-calendar-month-dropdown-year": {
+              color: r.vars.palette.text.primary,
+              ...o(e, a, "body"),
+              "&.rs-calendar-month-dropdown-year-active": {
+                color: r.vars.palette.primary.enabled
+              }
+            },
+            // month title
+            "& .rs-calendar-month-dropdown-cell": {
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              "& .rs-calendar-month-dropdown-cell-content": {
+                color: r.vars.palette.text.primary,
+                ...o(e, a, "body"),
+                "&:hover": {
+                  backgroundColor: r.vars.palette.default.hoverOpacity,
+                  color: r.vars.palette.primary.enabled
+                },
+                "&:active": {
+                  backgroundColor: r.vars.palette.default.activeOpacity,
+                  color: r.vars.palette.primary.enabled
+                }
+              },
+              "&.rs-calendar-month-dropdown-cell-active .rs-calendar-month-dropdown-cell-content": {
+                backgroundColor: r.vars.palette.primary.enabled,
+                color: r.vars.palette.primary.contrastText,
+                ...o(e, a, "body"),
+                "&:hover": {
+                  backgroundColor: r.vars.palette.primary.hover
+                },
+                "&:active": {
+                  backgroundColor: r.vars.palette.primary.active
+                }
+              }
+            }
+          }
+        },
+        // calendar hours dropdown
+        "& .rs-calendar-time-dropdown": {
+          backgroundColor: r.vars.palette.background.default,
+          borderColor: r.vars.palette.border.disabled,
+          "& .rs-calendar-time-dropdown-column-title": {
+            backgroundColor: "transparent",
+            color: r.vars.palette.text.primary,
+            ...o(e, a, "body")
+          },
+          "& .rs-scroll-view-custom-scrollbar": {
+            "& li": {
+              "& .rs-calendar-time-dropdown-cell": {
+                borderRadius: r.vars.size.borderRadius.r2,
+                color: r.vars.palette.text.primary,
+                ...o(e, a, "body"),
+                "&:hover": {
+                  backgroundColor: r.vars.palette.default.hoverOpacity
+                },
+                "&:active": {
+                  backgroundColor: r.vars.palette.default.activeOpacity
+                },
+                "&.rs-calendar-time-dropdown-cell-active": {
+                  backgroundColor: r.vars.palette.primary.enabled,
+                  color: r.vars.palette.primary.contrastText,
+                  "&:hover": {
+                    backgroundColor: r.vars.palette.primary.hover
+                  },
+                  "&:active": {
+                    backgroundColor: r.vars.palette.primary.active
+                  }
+                }
+              }
+            }
+          }
+        },
+        // calendar close button dropdown
+        "& .rs-calendar-btn-close": {
+          backgroundColor: r.vars.palette.background.default,
+          "&:hover": {
+            backgroundColor: r.vars.palette.background.hover,
+            borderColor: r.vars.palette.border.disabled,
+            color: r.vars.palette.text.primary
+          },
+          "&:active": {
+            backgroundColor: r.vars.palette.background.hover
+          },
+          "& svg": {
+            fill: r.vars.palette.text.primary
+          }
+        },
+        "& .rs-calendar": {
+          borderColor: r.vars.palette.border.disabled,
+          height: "fit-content"
+        }
+      },
+      // toolbar
+      "& .rs-picker-toolbar": {
+        backgroundColor: r.vars.palette.background.default,
+        borderColor: r.vars.palette.border.disabled,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "space-between",
+        "& .rs-picker-toolbar-ranges": {
+          "& .rs-btn": {
+            color: r.vars.palette.primary.enabled
+          }
+        },
+        "& .rs-btn": {
+          ...o(e, a, "body")
+        },
+        "& .rs-picker-toolbar-right": {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          "& .rs-btn": {
+            backgroundColor: r.vars.palette.primary.enabled,
+            borderRadius: r.vars.size.borderRadius["r1-5"],
+            color: r.vars.palette.primary.contrastText,
+            ...l(r, a, "action"),
+            "&:hover": {
+              backgroundColor: r.vars.palette.primary.hover
+            },
+            "&:active": {
+              backgroundColor: r.vars.palette.primary.active
+            }
+          }
+        }
+      }
+    }
+  };
+}
+export {
+  b as getDateRangePickerPopupGlobalStyles
+};

package/components/GlobalStyles/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Estilos globales
+ * @author Juan Escobar - automatic
+ * @createdAt 2024-10-06 20:07:17 - automatic
+ * @updatedAt 2024-10-06 20:07:18 - automatic
+ * @updatedUser Juan Escobar - automatic
+ */
+export declare function GlobalStyles(): import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/components/GlobalStyles/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/graphics/src/components/GlobalStyles/index.tsx"],"names":[],"mappings":"AAaA;;;;;;GAMG;AACH,wBAAgB,YAAY,qDAiG3B"}