udp-react-enterprise-component-library 25.14.1-beta.9 → 25.16.1

package/dist/ToggleSection-CBBfnC11.js

@@ -1,211 +0,0 @@
-import { FluentIconButton } from "./FluentIconButton-le92OnEc.js";
-import { ExtenderToggle } from "./ExtenderToggle-DnLA2lyT.js";
-import { ExportSidesheet, useUdpExport } from "./useUdpExport-Bg3Dwia8.js";
-import React, { forwardRef, useState } from "react";
-import { Typography, makeStyles, useTheme } from "@material-ui/core";
-import { AmbientTemplateGrid, UdpCalendarDay, UdpCalendarMonth, UdpCalendarWeek, UdpCalendarYear } from "udp-react-stencil-component-library";
-import clsx from "clsx";
-import { ChevronLeftIcon, ChevronRightIcon } from "@fluentui/react-icons";
-import PropTypes from "prop-types";
-
-//#region src/UI/templates/UdpGridTemplate.jsx
-const useStyles$6 = makeStyles((theme) => ({ root: {} }));
-const UdpGridTemplate = forwardRef((props, ref) => {
-	const { children,...otherProps } = props;
-	const classes = useStyles$6(props);
-	const { className } = props;
-	const [exportSidesheetOpen, setExportSidesheetOpen] = useState(false);
-	const { updateExportParameters, createExport, entity, searchObject, fileFormat, numRowsToExport, validSearch, errorList, activeExportJob, exportLoading, handleFileDownload, clearParameters } = useUdpExport();
-	const exportFromGrid = (entity$1, searchObject$1) => {
-		updateExportParameters(entity$1, searchObject$1);
-		setExportSidesheetOpen(true);
-	};
-	const handleCloseExportSidesheet = () => {
-		setExportSidesheetOpen(false);
-		clearParameters();
-	};
-	return /* @__PURE__ */ React.createElement("div", { className: clsx(classes.root, className) }, /* @__PURE__ */ React.createElement(AmbientTemplateGrid, {
-		ref,
-		...otherProps,
-		exportFunction: exportFromGrid
-	}), /* @__PURE__ */ React.createElement(ExportSidesheet, {
-		entity,
-		searchObject,
-		fileFormat,
-		numRowsToExport,
-		errorList,
-		activeExportJob,
-		handleFileDownload,
-		exportSidesheetOpen,
-		handleCloseExportSidesheet,
-		createExport,
-		exportLoading,
-		validSearch
-	}));
-});
-UdpGridTemplate.displayName = "UdpGridTemplate";
-
-//#endregion
-//#region src/UI/templates/UdpCalendar.jsx
-const useStyles$5 = makeStyles((theme) => ({ root: {} }));
-const UdpCalendar = (props) => {
-	const { initialView, className,...otherProps } = props;
-	const classes = useStyles$5(props);
-	const renderCalendarView = () => {
-		switch (initialView) {
-			case "day": return /* @__PURE__ */ React.createElement(UdpCalendarDay, { props: otherProps });
-			case "week": return /* @__PURE__ */ React.createElement(UdpCalendarWeek, { props: otherProps });
-			case "month": return /* @__PURE__ */ React.createElement(UdpCalendarMonth, { props: otherProps });
-			case "year": return /* @__PURE__ */ React.createElement(UdpCalendarYear, { props: otherProps });
-			default: return /* @__PURE__ */ React.createElement(UdpCalendarMonth, { props: otherProps });
-		}
-	};
-	return /* @__PURE__ */ React.createElement("div", { className: clsx(classes.root, className) }, renderCalendarView());
-};
-
-//#endregion
-//#region src/UI/templates/UdpCalendarDayView.jsx
-const useStyles$4 = makeStyles((theme) => ({ root: {} }));
-const UdpCalendarDayView = (props) => {
-	const { className,...otherProps } = props;
-	const classes = useStyles$4(props);
-	return /* @__PURE__ */ React.createElement("div", { className: clsx(classes.root, className) }, /* @__PURE__ */ React.createElement(UdpCalendarDay, { props: otherProps }));
-};
-
-//#endregion
-//#region src/UI/templates/UdpCalendarWeekView.jsx
-const useStyles$3 = makeStyles((theme) => ({ root: {} }));
-const UdpCalendarWeekView = (props) => {
-	const { className,...otherProps } = props;
-	const classes = useStyles$3(props);
-	return /* @__PURE__ */ React.createElement("div", { className: clsx(classes.root, className) }, /* @__PURE__ */ React.createElement(UdpCalendarWeek, { props: otherProps }));
-};
-
-//#endregion
-//#region src/UI/templates/UdpCalendarMonthView.jsx
-const useStyles$2 = makeStyles((theme) => ({ root: {} }));
-const UdpCalendarMonthView = (props) => {
-	const { className,...otherProps } = props;
-	const classes = useStyles$2(props);
-	return /* @__PURE__ */ React.createElement("div", { className: clsx(classes.root, className) }, /* @__PURE__ */ React.createElement(UdpCalendarMonth, { props: otherProps }));
-};
-
-//#endregion
-//#region src/UI/templates/UdpCalendarYearView.jsx
-const useStyles$1 = makeStyles((theme) => ({ root: {} }));
-const UdpCalendarYearView = (props) => {
-	const { className,...otherProps } = props;
-	const classes = useStyles$1(props);
-	return /* @__PURE__ */ React.createElement("div", { className: clsx(classes.root, className) }, /* @__PURE__ */ React.createElement(UdpCalendarYear, { props: otherProps }));
-};
-
-//#endregion
-//#region src/UI/templates/SapFlexibleTemplate.jsx
-const SapFlexibleTemplate = ({ left, center, right }) => {
-	const [columns, setColumns] = useState({
-		columnLeft: true,
-		columnCenter: true,
-		columnRight: true
-	});
-	const [columnPercent, setColumnPercent] = useState({
-		columnLeft: "25%",
-		columnCenter: "50%",
-		columnRight: "25%"
-	});
-	const classes = makeStyles((theme) => ({
-		root: {
-			display: "flex",
-			flexDirection: "row"
-		},
-		columnLeft: {
-			display: "flex",
-			flex: columnPercent.columnLeft,
-			height: "100vh"
-		},
-		columnCenter: {
-			flex: columnPercent.columnCenter,
-			height: "100vh"
-		},
-		columnRight: {
-			display: "flex",
-			flex: columnPercent.columnRight,
-			height: "100vh"
-		},
-		fillContent: { flex: 1 }
-	}))();
-	const handleToggleColumn = (columnType) => {
-		setColumns({
-			...columns,
-			columnCenter: !columns.columnCenter
-		});
-		if (columnType === "columnLeft") {
-			setColumnPercent({
-				...columnPercent,
-				columnLeft: "75%"
-			});
-			if (columnPercent.columnLeft === "75%") setColumnPercent({
-				...columnPercent,
-				columnLeft: "25%"
-			});
-		} else {
-			setColumnPercent({
-				...columnPercent,
-				columnRight: "75%"
-			});
-			if (columnPercent.columnRight === "75%") setColumnPercent({
-				...columnPercent,
-				columnRight: "25%"
-			});
-		}
-	};
-	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, columns.columnLeft && /* @__PURE__ */ React.createElement("div", { className: classes.columnLeft }, /* @__PURE__ */ React.createElement("div", { className: classes.fillContent }, left, " "), /* @__PURE__ */ React.createElement("div", { className: classes.toggle }, /* @__PURE__ */ React.createElement(FluentIconButton, {
-		"aria-label": columnPercent.columnLeft === "25%" ? "Expand column" : "Collapse column",
-		color: "primary",
-		icon: columnPercent.columnLeft === "25%" ? ChevronRightIcon : ChevronLeftIcon,
-		onClick: () => handleToggleColumn("columnLeft")
-	}))), columns.columnCenter && /* @__PURE__ */ React.createElement("div", { className: classes.columnCenter }, /* @__PURE__ */ React.createElement("div", null, " ", center, " ")), columns.columnRight && /* @__PURE__ */ React.createElement("div", { className: classes.columnRight }, /* @__PURE__ */ React.createElement("div", { className: classes.toggle }, /* @__PURE__ */ React.createElement(FluentIconButton, {
-		"aria-label": columnPercent.columnRight === "25%" ? "Expand column" : "Collapse column",
-		color: "primary",
-		icon: columnPercent.columnRight === "25%" ? ChevronLeftIcon : ChevronRightIcon,
-		onClick: () => handleToggleColumn("columnRight")
-	})), /* @__PURE__ */ React.createElement("div", { className: classes.fillContent }, " ", right, " ")));
-};
-
-//#endregion
-//#region src/UI/templates/ToggleSection.jsx
-const useStyles = makeStyles((theme) => ({
-	root: { width: "100%" },
-	container: {
-		padding: (props) => props.open ? theme.spacing(1) : theme.spacing(.25),
-		parddingRight: theme.spacing(1),
-		parddingleft: theme.spacing(1),
-		background: (props) => props.color
-	},
-	lowerShelf: { display: "flex" },
-	shelfOptions: {
-		flex: 1,
-		width: "100%"
-	}
-}));
-const ToggleSection = (props) => {
-	const classes = useStyles(props);
-	const { children, onClick, sectionOpen, options, toggleLabel, color } = props;
-	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", { className: classes.container }, " ", children, " "), /* @__PURE__ */ React.createElement("div", { className: classes.lowerShelf }, /* @__PURE__ */ React.createElement("div", { className: classes.shelfOptions }, options), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(ExtenderToggle, {
-		onClick,
-		open: sectionOpen,
-		toggleLabel,
-		color
-	}))));
-};
-ToggleSection.propTypes = {
-	children: PropTypes.node,
-	onClick: PropTypes.func,
-	sectionOpen: PropTypes.bool,
-	options: PropTypes.node,
-	toggleLabel: PropTypes.node,
-	color: PropTypes.string
-};
-
-//#endregion
-export { SapFlexibleTemplate, ToggleSection, UdpCalendar, UdpCalendarDayView, UdpCalendarMonthView, UdpCalendarWeekView, UdpCalendarYearView, UdpGridTemplate };
-//# sourceMappingURL=ToggleSection-CBBfnC11.js.map

package/dist/ToggleSection-CBBfnC11.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToggleSection-CBBfnC11.js","names":["useStyles","entity","searchObject","useStyles","useStyles","useStyles","useStyles","useStyles"],"sources":["../src/UI/templates/UdpGridTemplate.jsx","../src/UI/templates/UdpCalendar.jsx","../src/UI/templates/UdpCalendarDayView.jsx","../src/UI/templates/UdpCalendarWeekView.jsx","../src/UI/templates/UdpCalendarMonthView.jsx","../src/UI/templates/UdpCalendarYearView.jsx","../src/UI/templates/SapFlexibleTemplate.jsx","../src/UI/templates/ToggleSection.jsx"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\nimport clsx from 'clsx';\nimport React, { forwardRef, useState } from 'react';\nimport { AmbientTemplateGrid } from 'udp-react-stencil-component-library';\nimport { ExportSidesheet } from '../../udp/export/ExportSidesheet';\nimport { useUdpExport } from '../../udp/export/useUdpExport';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {}\n}));\n\nexport const UdpGridTemplate = forwardRef((props, ref) => {\n  const { children, ...otherProps } = props;\n  const classes = useStyles(props);\n  const { className } = props;\n\n  const [exportSidesheetOpen, setExportSidesheetOpen] = useState(false);\n  const {\n    updateExportParameters,\n    createExport,\n    entity,\n    searchObject,\n    fileFormat,\n    numRowsToExport,\n    validSearch,\n    errorList,\n    activeExportJob,\n    exportLoading,\n    handleFileDownload,\n    clearParameters\n  } = useUdpExport();\n\n  const exportFromGrid = (entity, searchObject) => {\n    updateExportParameters(entity, searchObject);\n    setExportSidesheetOpen(true);\n  };\n\n  const handleCloseExportSidesheet = () => {\n    setExportSidesheetOpen(false);\n    clearParameters();\n  };\n\n  return (\n    <div className={clsx(classes.root, className)}>\n      <AmbientTemplateGrid\n        ref={ref}\n        {...otherProps}\n        exportFunction={exportFromGrid}\n      />\n      <ExportSidesheet\n        entity={entity}\n        searchObject={searchObject}\n        fileFormat={fileFormat}\n        numRowsToExport={numRowsToExport}\n        errorList={errorList}\n        activeExportJob={activeExportJob}\n        handleFileDownload={handleFileDownload}\n        exportSidesheetOpen={exportSidesheetOpen}\n        handleCloseExportSidesheet={handleCloseExportSidesheet}\n        createExport={createExport}\n        exportLoading={exportLoading}\n        validSearch={validSearch}\n      />\n    </div>\n  );\n});\n\nUdpGridTemplate.displayName = 'UdpGridTemplate';\n","import React from 'react'\nimport { makeStyles, Typography } from '@material-ui/core';\nimport clsx from 'clsx'\nimport { UdpCalendarMonth, UdpCalendarDay, UdpCalendarWeek, UdpCalendarYear } from 'udp-react-stencil-component-library'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n\n  }\n\n}))\n\nexport const UdpCalendar = (props) => {\n  const {\n    initialView,\n    className,\n    ...otherProps\n  } = props\n  const classes = useStyles(props)\n\n  const renderCalendarView = () => {\n    switch (initialView) {\n      case 'day':\n        return <UdpCalendarDay props={otherProps} />;\n      case 'week':\n        return <UdpCalendarWeek props={otherProps} />;\n      case 'month':\n        return <UdpCalendarMonth props={otherProps} />;\n      case 'year':\n        return <UdpCalendarYear props={otherProps} />;\n      default:\n        return <UdpCalendarMonth props={otherProps} />;\n    }\n  }\n\n  return (\n    <div className={clsx(classes.root, className)}>\n      {renderCalendarView()}\n    </div>\n  )\n}\n","import React from 'react'\nimport { makeStyles, Typography } from '@material-ui/core';\nimport clsx from 'clsx'\nimport {UdpCalendarDay } from 'udp-react-stencil-component-library'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n\n  }\n}))\n\nexport const UdpCalendarDayView = (props) => {\n  const {\n    className,\n    ...otherProps\n  } = props\n  const classes = useStyles(props)\n\n  return (\n    <div className={clsx(classes.root, className)}>\n      <UdpCalendarDay props={otherProps} />\n    </div>\n  )\n}\n","import React from 'react'\nimport { makeStyles, Typography } from '@material-ui/core';\nimport clsx from 'clsx'\nimport {UdpCalendarWeek } from 'udp-react-stencil-component-library'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n\n  }\n}))\n\nexport const UdpCalendarWeekView = (props) => {\n  const {\n    className,\n    ...otherProps\n  } = props\n  const classes = useStyles(props)\n\n  return (\n    <div className={clsx(classes.root, className)}>\n      <UdpCalendarWeek props={otherProps} />\n    </div>\n  )\n}\n","import React from 'react'\nimport { makeStyles, Typography } from '@material-ui/core';\nimport clsx from 'clsx'\nimport {UdpCalendarMonth } from 'udp-react-stencil-component-library'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n\n  }\n}))\n\nexport const UdpCalendarMonthView = (props) => {\n  const {\n    className,\n    ...otherProps\n  } = props\n  const classes = useStyles(props)\n\n  return (\n    <div className={clsx(classes.root, className)}>\n      <UdpCalendarMonth props={otherProps} />\n    </div>\n  )\n}\n","import React from 'react'\nimport { makeStyles, Typography } from '@material-ui/core';\nimport clsx from 'clsx'\nimport {UdpCalendarYear } from 'udp-react-stencil-component-library'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n\n  }\n}))\n\nexport const UdpCalendarYearView = (props) => {\n  const {\n    className,\n    ...otherProps\n  } = props\n  const classes = useStyles(props)\n\n  return (\n    <div className={clsx(classes.root, className)}>\n      <UdpCalendarYear props={otherProps} />\n    </div>\n  )\n}\n","import React, { useState } from 'react'\nimport { makeStyles } from '@material-ui/core'\nimport { FluentIconButton } from '../inputs/buttons/FluentIconButton'\nimport { ChevronRightIcon, ChevronLeftIcon } from '@fluentui/react-icons'\n\nexport const SapFlexibleTemplate = ({ left, center, right }) => {\n  const [columns, setColumns] = useState({\n    columnLeft: true,\n    columnCenter: true,\n    columnRight: true\n  })\n\n  const [columnPercent, setColumnPercent] = useState({\n    columnLeft: '25%',\n    columnCenter: '50%',\n    columnRight: '25%'\n  })\n\n  const useStyles = makeStyles((theme) => ({\n    root: {\n      display: 'flex',\n      flexDirection: 'row'\n    },\n    columnLeft: {\n      display: 'flex',\n      flex: columnPercent.columnLeft,\n      height: '100vh'\n    },\n    columnCenter: {\n      flex: columnPercent.columnCenter,\n      height: '100vh'\n    },\n    columnRight: {\n      display: 'flex',\n      flex: columnPercent.columnRight,\n      height: '100vh'\n    },\n    fillContent: {\n      flex: 1\n    }\n  }))\n\n  const classes = useStyles()\n\n  const handleToggleColumn = (columnType) => {\n    setColumns({ ...columns, columnCenter: !columns.columnCenter })\n\n    if (columnType === 'columnLeft') {\n      setColumnPercent({ ...columnPercent, columnLeft: '75%' })\n\n      if (columnPercent.columnLeft === '75%') {\n        setColumnPercent({ ...columnPercent, columnLeft: '25%' })\n      }\n    } else {\n      setColumnPercent({ ...columnPercent, columnRight: '75%' })\n\n      if (columnPercent.columnRight === '75%') {\n        setColumnPercent({ ...columnPercent, columnRight: '25%' })\n      }\n    }\n  }\n\n  return (\n    <div className={classes.root}>\n      {columns.columnLeft && (\n        <div className={classes.columnLeft}>\n          <div className={classes.fillContent}>{left} </div>\n          <div className={classes.toggle}>\n            <FluentIconButton\n              aria-label={\n                columnPercent.columnLeft === '25%'\n                  ? 'Expand column'\n                  : 'Collapse column'\n              }\n              color='primary'\n              icon={\n                columnPercent.columnLeft === '25%'\n                  ? ChevronRightIcon\n                  : ChevronLeftIcon\n              }\n              onClick={() => handleToggleColumn('columnLeft')}\n            />\n          </div>\n        </div>\n      )}\n\n      {columns.columnCenter && (\n        <div className={classes.columnCenter}>\n          <div> {center} </div>\n        </div>\n      )}\n\n      {columns.columnRight && (\n        <div className={classes.columnRight}>\n          <div className={classes.toggle}>\n            <FluentIconButton\n              aria-label={\n                columnPercent.columnRight === '25%'\n                  ? 'Expand column'\n                  : 'Collapse column'\n              }\n              color='primary'\n              icon={\n                columnPercent.columnRight === '25%'\n                  ? ChevronLeftIcon\n                  : ChevronRightIcon\n              }\n              onClick={() => handleToggleColumn('columnRight')}\n            />\n          </div>\n          <div className={classes.fillContent}> {right} </div>\n        </div>\n      )}\n    </div>\n  )\n}\n","import React from 'react';\nimport { makeStyles, useTheme } from '@material-ui/core';\nimport { ExtenderToggle } from './ui/ExtenderToggle';\nimport PropTypes from 'prop-types';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    width: '100%'\n  },\n  container: {\n    padding: (props) => (props.open ? theme.spacing(1) : theme.spacing(0.25)),\n    parddingRight: theme.spacing(1),\n    parddingleft: theme.spacing(1),\n    background: (props) => props.color\n  },\n  lowerShelf: {\n    display: 'flex'\n  },\n  shelfOptions: {\n    flex: 1,\n    width: '100%'\n  }\n}));\n\nexport const ToggleSection = (props) => {\n  const classes = useStyles(props);\n  const { children, onClick, sectionOpen, options, toggleLabel, color } = props;\n\n  return (\n    <div className={classes.root}>\n      <div className={classes.container}> {children} </div>\n\n      <div className={classes.lowerShelf}>\n        <div className={classes.shelfOptions}>{options}</div>\n        <div>\n          <ExtenderToggle\n            onClick={onClick}\n            open={sectionOpen}\n            toggleLabel={toggleLabel}\n            color={color}\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\nToggleSection.propTypes = {\n  /**\n   * Contents of container\n   */\n  children: PropTypes.node,\n  /**\n   * Function to trigger panel to open and close\n   */\n  onClick: PropTypes.func,\n  /**\n   * State, if true, will cause panel to open. If false, the panel is closed.\n   */\n  sectionOpen: PropTypes.bool,\n  /**\n   * Shelf below drawer that fills the space left by the toggle button.\n   * Can be used to add things like additional toggles, other buttons,\n   * stats, etc.\n   */\n  options: PropTypes.node,\n  /**\n   * The label that appears on the toggle tab.\n   */\n  toggleLabel: PropTypes.node,\n  /**\n   * The color of the background section and toggle.\n   */\n  color: PropTypes.string\n};\n"],"mappings":"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"}

package/dist/TokenGroupItem-BAn9vpf7.js

@@ -1,36 +0,0 @@
-import { Token } from "./Token-DOIAu9p4.js";
-import React, { Fragment } from "react";
-import { Typography, makeStyles } from "@material-ui/core";
-import { DeveloperToolsIcon } from "@fluentui/react-icons";
-import PropTypes from "prop-types";
-
-//#region src/UI/templates/ui/TokenGroupItem.jsx
-const useStyles = makeStyles((theme) => ({
-	root: {},
-	label: { color: theme.palette.common.black }
-}));
-/**
-* @param {{label: string, icon: React.ElementType, color: string}} props
-*/
-const TokenGroupItem = ({ label, icon = DeveloperToolsIcon, color }) => {
-	const classes = useStyles();
-	return /* @__PURE__ */ React.createElement(Fragment, null, /* @__PURE__ */ React.createElement(Token, {
-		icon,
-		color,
-		size: "small",
-		variant: "filled",
-		type: "icon"
-	}), /* @__PURE__ */ React.createElement(Typography, {
-		variant: "caption",
-		className: classes.label
-	}, " ", label, " "));
-};
-TokenGroupItem.propTypes = {
-	label: PropTypes.string,
-	icon: PropTypes.bool,
-	color: PropTypes.string
-};
-
-//#endregion
-export { TokenGroupItem };
-//# sourceMappingURL=TokenGroupItem-BAn9vpf7.js.map

package/dist/TokenGroupItem-BAn9vpf7.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TokenGroupItem-BAn9vpf7.js","names":[],"sources":["../src/UI/templates/ui/TokenGroupItem.jsx"],"sourcesContent":["import React, {Fragment} from 'react'\nimport { makeStyles, Typography } from '@material-ui/core'\nimport { DeveloperToolsIcon } from '@fluentui/react-icons'\nimport {Token} from '../../components/dataDisplay/Token'\nimport PropTypes from 'prop-types'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  label: {\n    color: theme.palette.common.black\n  }\n}))\n\n/**\n * @param {{label: string, icon: React.ElementType, color: string}} props\n */\n  export const TokenGroupItem = ({label, icon = DeveloperToolsIcon, color}) => {\n    const classes = useStyles()\n    return (\n      <Fragment >\n        <Token icon={icon} color={color} size=\"small\" variant=\"filled\" type=\"icon\"  />\n        <Typography variant='caption' className={classes.label} > {label} </Typography>  \n      </Fragment>\n    )\n  }\n\n  \n  TokenGroupItem.propTypes = {\n    /**\n     * Label to display in list.\n     */\n    label: PropTypes.string,\n    /**\n     * Icon to display in grouping.\n     */\n    icon: PropTypes.bool,\n     /**\n     * sets color of token background\n     */\n    color: PropTypes.string,\n  \n  }"],"mappings":";;;;;;;AAMA,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM,EAAE;CACR,OAAO,EACL,OAAO,MAAM,QAAQ,OAAO,OAC7B;CACF,EAAE;;;;AAKD,MAAa,kBAAkB,EAAC,OAAO,OAAO,oBAAoB,YAAW;CAC3E,MAAM,UAAU,WAAW;AAC3B,QACE,oCAAC,gBACC,oCAAC;EAAY;EAAa;EAAO,MAAK;EAAQ,SAAQ;EAAS,MAAK;GAAU,EAC9E,oCAAC;EAAW,SAAQ;EAAU,WAAW,QAAQ;IAAQ,KAAE,OAAM,IAAc,CACtE;;AAKf,eAAe,YAAY;CAIzB,OAAO,UAAU;CAIjB,MAAM,UAAU;CAIhB,OAAO,UAAU;CAElB"}