@digital-ai/dot-components 1.11.3 → 1.14.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/CHANGE_LOG.md +75 -1
  2. package/index.esm.js +584 -328
  3. package/index.umd.js +851 -507
  4. package/lib/components/button-toggle/ButtonToggle.d.ts +1 -10
  5. package/lib/components/button-toggle/index.d.ts +3 -1
  6. package/lib/components/button-toggle/utils/models.d.ts +12 -0
  7. package/lib/components/draggable-list/DraggableList.d.ts +16 -0
  8. package/lib/components/draggable-list/DraggableList.stories.data.d.ts +15 -0
  9. package/lib/components/draggable-list/DraggableList.stories.styles.d.ts +4 -0
  10. package/lib/components/draggable-list/DraggableList.styles.d.ts +3 -0
  11. package/lib/components/draggable-list/index.d.ts +2 -0
  12. package/lib/components/draggable-list/utils/helpers.d.ts +4 -0
  13. package/lib/components/draggable-list/utils/models.d.ts +5 -0
  14. package/lib/components/file-upload/FileUpload.d.ts +2 -2
  15. package/lib/components/file-upload/index.d.ts +2 -0
  16. package/lib/components/file-upload/utils/helpers.d.ts +15 -0
  17. package/lib/components/file-upload/{uploadHelpers.d.ts → utils/models.d.ts} +9 -7
  18. package/lib/components/helpers.d.ts +4 -0
  19. package/lib/components/index.d.ts +13 -6
  20. package/lib/components/inline-edit/InlineEdit.d.ts +14 -19
  21. package/lib/components/inline-edit/InlineEdit.stories.styles.d.ts +2 -0
  22. package/lib/components/inline-edit/InlineEdit.styles.d.ts +11 -1
  23. package/lib/components/inline-edit/index.d.ts +3 -0
  24. package/lib/components/inline-edit/utils/helpers.d.ts +5 -0
  25. package/lib/components/inline-edit/utils/models.d.ts +13 -0
  26. package/lib/components/input-form-fields/InputFormFields.propTypes.d.ts +3 -1
  27. package/lib/components/input-form-fields/InputText.d.ts +1 -1
  28. package/lib/components/list/utils/models.d.ts +1 -1
  29. package/lib/components/progress/index.d.ts +2 -0
  30. package/lib/components/snackbar/Snackbar.d.ts +5 -1
  31. package/lib/components/snackbar/index.d.ts +4 -0
  32. package/lib/components/truncate-with-tooltip/TruncateWithTooltip.d.ts +8 -0
  33. package/lib/components/truncate-with-tooltip/TruncateWithTooltip.styles.d.ts +3 -0
  34. package/lib/components/truncate-with-tooltip/index.d.ts +2 -0
  35. package/lib/components/truncate-with-tooltip/utils/helpers.d.ts +2 -0
  36. package/package.json +2 -1
package/index.esm.js CHANGED
@@ -1,10 +1,11 @@
1
1
  import * as React from 'react';
2
- import React__default, { useEffect, useState, forwardRef, Fragment, useRef, useMemo, useContext, createContext } from 'react';
2
+ import React__default, { useEffect, useState, forwardRef, useRef, Fragment, useMemo, useContext, createContext } from 'react';
3
3
  import { Tooltip, Icon, Typography, Accordion, AccordionSummary, AccordionDetails, Divider, AccordionActions, Toolbar, StylesProvider, MuiThemeProvider, IconButton, Link, Avatar, List, ListItem, CircularProgress, Popper, MenuList, MenuItem, Grow, Paper, ClickAwayListener, Drawer, ListItemIcon, ListItemText, Collapse, ListSubheader, useMediaQuery, InputAdornment, TextField, Button, darken, Chip, Badge, Breadcrumbs, Card, CardContent, CardHeader, FormControlLabel, Checkbox, FormControl, FormGroup, FormLabel, FormHelperText, Dialog, DialogTitle, DialogContent, DialogActions, useTheme, RadioGroup, Radio, Switch, Snackbar, ButtonGroup, TablePagination, TableContainer, TableCell, TableRow, TableBody, TableSortLabel, TableHead, Table, Tabs, Tab } from '@material-ui/core';
4
4
  import styled, { css, createGlobalStyle, ThemeProvider, keyframes } from 'styled-components';
5
5
  import { Alert, Autocomplete, AvatarGroup, ToggleButtonGroup, ToggleButton, Skeleton } from '@material-ui/lab';
6
6
  import { createTheme, alpha } from '@material-ui/core/styles';
7
7
  import { useDropzone } from 'react-dropzone';
8
+ import GridLayout, { WidthProvider } from 'react-grid-layout';
8
9
 
9
10
  function useStylesWithRootClass(name, className, ...args) {
10
11
  // combine the root classes into one string
@@ -35,11 +36,11 @@ const DotTooltip = ({
35
36
  }, /*#__PURE__*/React__default.createElement("span", null, children)) : children;
36
37
  };
37
38
 
38
- const rootClassName$V = 'dot-icon';
39
+ const rootClassName$X = 'dot-icon';
39
40
  const StyledIcon = styled(Icon).withConfig({
40
41
  displayName: "Iconstyles__StyledIcon",
41
42
  componentId: "st0ybo-0"
42
- })(["&.", "{align-items:center;box-sizing:content-box;display:flex;float:left;font-size:20px;justify-content:center;&.MuiIcon-fontSizeLarge{font-size:28px;height:35px;width:35px;i{height:28px}}&.MuiIcon-fontSizeSmall{font-size:18px;i{height:18px;}}i{height:20px;&:before{font-family:'dot' !important;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}&..icon-singleproject:before{content:\"\\e9f9\";}&.icon-share:before{content:\"\\e9fa\";}&.icon-requesttemplate:before{content:\"\\e9fb\";}&.icon-project:before{content:\"\\e9fc\";}&.icon-progresstracker:before{content:\"\\e9fd\";}&.icon-devops:before{content:\"\\e9fe\";}&.icon-closedproject:before{content:\"\\e9ff\";}&.icon-chess:before{content:\"\\ea00\";}&.icon-ball:before{content:\"\\ea01\";}&.icon-mobile:before{content:\"\\ea02\";}&.icon-ideaspace:before{content:\"\\e9de\";}&.icon-testtemplate:before{content:\"\\e9df\";}&.icon-regressionset:before{content:\"\\e9e0\";}&.icon-testset:before{content:\"\\e9e1\";}&.icon-forecast:before{content:\"\\e9e2\";}&.icon-bookmark:before{content:\"\\e9e3\";}&.icon-forward:before{content:\"\\e9e4\";}&.icon-assetapp:before{content:\"\\e9e5\";}&.icon-unbundle:before{content:\"\\e9e6\";}&.icon-stream:before{content:\"\\e9e7\";}&.icon-stream:before{content:\"\\e9e7\";}&.icon-hourglass:before{content:\"\\e9e8\";}&.icon-support:before{content:\"\\e9e9\";}&.icon-trophy:before{content:\"\\e9ea\";}&.icon-regression:before{content:\"\\e9eb\";}&.icon-tasktemplate:before{content:\"\\e9ec\";}&.icon-defecttemplate:before{content:\"\\e9ed\";}&.icon-request:before{content:\"\\e9ee\";}&.icon-activity:before{content:\"\\e9ef\";}&.icon-bulb:before{content:\"\\e9f0\";}&.icon-wallet:before{content:\"\\e9f1\";}&.icon-epic:before{content:\"\\e9f2\";}&.icon-column-swap-right:before{content:\"\\e9f3\";}&.icon-column-swap-left:before{content:\"\\e9f4\";}&.icon-gears:before{content:\"\\e9f5\";}&.icon-portfolioitemtemplate:before{content:\"\\e9f6\";}&.icon-storytemplate:before{content:\"\\e9f7\";}&.icon-story:before{content:\"\\e9f8\";}&.icon-check-line:before{content:\"\\e9dd\";}&.icon-plugins:before{content:\"\\e9dc\";}&.icon-integrations:before{content:\"\\e9db\";}&.icon-line-graph:before{content:\"\\e9d7\";}&.icon-rocket-filled:before{content:\"\\e9d8\";}&.icon-circle-check-outline:before{content:\"\\e9d9\";}&.icon-circle-info-outline:before{content:\"\\e9da\";}&.icon-analytics:before{content:\"\\e9d4\";}&.icon-Increment:before{content:\"\\e9d5\";}&.icon-Portfolio:before{content:\"\\e9d6\";}&.icon-user-security:before{content:\"\\e9d2\";}&.icon-rocket:before{content:\"\\e9d3\";}&.icon-merge:before{content:\"\\e9d1\";}&.icon-cpu:before{content:\"\\e9d0\";}&.icon-progression:before{content:\"\\e9cf\";}&.icon-commit:before{content:\"\\e95f\";}&.icon-design:before{content:\"\\e960\";}&.icon-key:before{content:\"\\e981\";}&.icon-infrastructure:before{content:\"\\e989\";}&.icon-report:before{content:\"\\e9ce\";}&.icon-package:before{content:\"\\e9c9\";}&.icon-security-off:before{content:\"\\e9ca\";}&.icon-security-on:before{content:\"\\e9cb\";}&.icon-marker-check:before{content:\"\\e9cc\";}&.icon-restore:before{content:\"\\e9cd\";}&.icon-check-outlined:before{content:\"\\e9c7\";}&.icon-circle-half-full:before{content:\"\\e9c8\";}&.icon-host:before{content:'\\e9b9';}&.icon-cluster:before{content:'\\e9ba';}&.icon-environment:before{content:'\\e9bb';}&.icon-monitor-controls:before{content:'\\e9bc';}&.icon-flag:before{content:'\\e9bd';}&.icon-satelite:before{content:'\\e9be';}&.icon-satelite-group:before{content:'\\e9bf';}&.icon-monitor-gears:before{content:'\\e9c0';}&.icon-patch:before{content:'\\e9b6';}&.icon-branch:before{content:'\\e9b4';}&.icon-send-airplane:before{content:'\\e9b5';}&.icon-briefcase:before{content:'\\e9b7';}&.icon-cluster-dependencies:before{content:'\\e9b8';}&.icon-script:before{content:'\\e966';}&.icon-pattern-bundle:before{content:'\\e967';}&.icon-outline:before{content:'\\e968';}&.icon-apps:before{content:'\\e969';}&.icon-archive:before{content:'\\e96a';}&.icon-arrow-down:before{content:'\\e96b';}&.icon-arrow-right:before{content:'\\e96c';}&.icon-arrow-up:before{content:'\\e96d';}&.icon-attachment:before{content:'\\e96e';}&.icon-board:before{content:'\\e96f';}&.icon-calendar:before{content:'\\e970';}&.icon-change:before{content:'\\e971';}&.icon-chevron-right:before{content:'\\e972';}&.icon-circle-minus-outlines:before{content:'\\e973';}&.icon-circle-paused:before{content:'\\e974';}&.icon-column:before{content:'\\e975';}&.icon-comment:before{content:'\\e976';}&.icon-configuration-preferences:before{content:'\\e977';}&.icon-conversation-bubbles:before{content:'\\e978';}&.icon-dashboard:before{content:'\\e979';}&.icon-database:before{content:'\\e97a';}&.icon-delivery-eta-icon:before{content:'\\e97b';}&.icon-download:before{content:'\\e97c';}&.icon-drag:before{content:'\\e97d';}&.icon-duplicate:before{content:'\\e97e';}&.icon-exit:before{content:'\\e97f';}&.icon-expand-chevrons:before{content:'\\e980';}&.icon-expander:before{content:'\\e981';}&.icon-file-image:before{content:'\\e982';}&.icon-file-lines:before{content:'\\e983';}&.icon-file-warning:before{content:'\\e984';}&.icon-file:before{content:'\\e985';}&.icon-filter:before{content:'\\e986';}&.icon-flag-none:before{content:'\\e987';}&.icon-folder:before{content:'\\e988';}&.icon-full-screen:before{content:'\\e989';}&.icon-fullscreen-enter:before{content:'\\e98a';}&.icon-fullscreen-exit:before{content:'\\e98b';}&.icon-grid:before{content:'\\e98c';}&.icon-hard-drive:before{content:'\\e98d';}&.icon-help:before{content:'\\e98e';}&.icon-history:before{content:'\\e98f';}&.icon-inbox:before{content:'\\e990';}&.icon-link:before{content:'\\e991';}&.icon-list:before{content:'\\e992';}&.icon-lock:before{content:'\\e993';}&.icon-mail:before{content:'\\e994';}&.icon-menu:before{content:'\\e995';}&.icon-monitor-satellite:before{content:'\\e996';}&.icon-monitor:before{content:'\\e997';}&.icon-notification-bell:before{content:'\\e998';}&.icon-open-new-tab:before{content:'\\e999';}&.icon-options:before{content:'\\e99a';}&.icon-parallel:before{content:'\\e99b';}&.icon-pending-clock:before{content:'\\e99c';}&.icon-play:before{content:'\\e99d';}&.icon-redo:before{content:'\\e99e';}&.icon-refresh:before{content:'\\e99f';}&.icon-release:before{content:'\\e9a0';}&.icon-search:before{content:'\\e9a3';}&.icon-sequential:before{content:'\\e9a4';}&.icon-sort-asc:before{content:'\\e9a5';}&.icon-sort-desc:before{content:'\\e9a6';}&.icon-star-favorites-active:before{content:'\\e9a7';}&.icon-star-favorites-default:before{content:'\\e9a8';}&.icon-target:before{content:'\\e9a9';}&.icon-task:before{content:'\\e9aa';}&.icon-template:before{content:'\\e9ab';}&.icon-undo:before{content:'\\e9ac';}&.icon-unlock:before{content:'\\e9ad';}&.icon-variable:before{content:'\\e9ae';}&.icon-vault:before{content:'\\e9af';}&.icon-visibility-off:before{content:'\\e9b0';}&.icon-visibility-on:before{content:'\\e9b1';}&.icon-webhook:before{content:'\\e9b2';}&.icon-wrench:before{content:'\\e9b3';}&.icon-bright:before{content:'\\e961';}&.icon-rogue-commits:before{content:'\\e962';}&.icon-home:before{content:'\\e963';}&.icon-blocking-issues:before{content:'\\e964';}&.icon-print-link:before{content:'\\e965';}&.icon-logo-deploy:before{content:'\\e902';}&.icon-logo-experitest:before{content:'\\e903';}&.icon-logo-numerify:before{content:'\\e904';}&.icon-logo-arxan:before{content:'\\e905';}&.icon-logo-continuum:before{content:'\\e906';}&.icon-logo-versionone:before{content:'\\e907';}&.icon-logo-release:before{content:'\\e908';}&.icon-warning-solid:before{content:'\\e909';}&.icon-warning-outline:before{content:'\\e90a';}&.icon-info-solid:before{content:'\\e90b';}&.icon-minus-solid:before{content:'\\e90c';}&.icon-check-solid:before{content:'\\e90d';}&.icon-error-solid:before{content:'\\e90e';}&.icon-error-outlines:before{content:'\\e90f';}&.icon-add-outlined:before{content:'\\e910';}&.icon-add-solid:before{content:'\\e911';}&.icon-clear-solid:before{content:'\\e912';}&.icon-dark:before{content:'\\e913';}&.icon-location:before{content:'\\e914';}&.icon-roadmap:before{content:'\\e915';}&.icon-follow-solid:before{content:'\\e916';}&.icon-follow-outlined:before{content:'\\e917';}&.icon-video:before{content:'\\e918';}&.icon-thumbs-down:before{content:'\\e919';}&.icon-camera:before{content:'\\e91a';}&.icon-users:before{content:'\\e91b';}&.icon-user:before{content:'\\e91c';}&.icon-announcement:before{content:'\\e91d';}&.icon-not-allowed:before{content:'\\e91e';}&.icon-zoom-out:before{content:'\\e91f';}&.icon-zoom-in:before{content:'\\e920';}&.icon-triangle:before{content:'\\e921';}&.icon-delay:before{content:'\\e922';}&.icon-circle-outline:before{content:'\\e923';}&.icon-circle:before{content:'\\e924';}&.icon-add-from-list:before{content:'\\e925';}&.icon-sync:before{content:'\\e926';}&.icon-keyboard:before{content:'\\e927';}&.icon-planner:before{content:'\\e928';}&.icon-tag:before{content:'\\e929';}&.icon-progress:before{content:'\\e92a';}&.icon-timeline:before{content:'\\e92b';}&.icon-abort:before{content:'\\e92c';}&.icon-cancel:before{content:'\\e92d';}&.icon-power:before{content:'\\e92e';}&.icon-resize:before{content:'\\e92f';}&.icon-close:before{content:'\\e930';}&.icon-save:before{content:'\\e931';}&.icon-drag-vertical-up-down:before{content:'\\e932';}&.icon-add:before{content:'\\e933';}&.icon-minus:before{content:'\\e934';}&.icon-target-none:before{content:'\\e935';}&.icon-placeholder:before{content:'\\e936';}&.icon-server:before{content:'\\e937';}&.icon-square-wrench:before{content:'\\e938';}&.icon-square-wrench-check:before{content:'\\e939';}&.icon-square-settings:before{content:'\\e93a';}&.icon-trigger:before{content:'\\e93c';}&.icon-precondition:before{content:'\\e93d';}&.icon-composition:before{content:'\\e93e';}&.icon-block:before{content:'\\e93f';}&.icon-group:before{content:'\\e940';}&.icon-settings-admin-opaque:before{content:'\\e941';}&.icon-puzzle:before{content:'\\e942';}&.icon-alphabet-icon:before{content:'\\e943';}&.icon-crop:before{content:'\\e944';}&.icon-upload-file:before{content:'\\e945';}&.icon-container:before{content:'\\e946';}&.icon-flag-risk:before{content:'\\e947';}&.icon-learn:before{content:'\\e948';}&.icon-tree:before{content:'\\e949';}&.icon-process-template:before{content:'\\e94a';}&.icon-flag-attention:before{content:'\\e94b';}&.icon-collection:before{content:'\\e94c';}&.icon-table:before{content:'\\e94d';}&.icon-linkBrakeIt:before{content:'\\e94e';}&.icon-move-folder:before{content:'\\e94f';}&.icon-columns:before{content:'\\e950';}&.icon-file-word-doc:before{content:'\\e951';}&.icon-file-ppt:before{content:'\\e952';}&.icon-file-zip:before{content:'\\e953';}&.icon-file-xls:before{content:'\\e954';}&.icon-file-pdf:before{content:'\\e955';}&.icon-file-xml:before{content:'\\e956';}&.icon-dictionary-locked:before{content:'\\e957';}&.icon-dictionary:before{content:'\\e958';}&.icon-file-dotted:before{content:'\\e959';}&.icon-file-circle-check:before{content:'\\e95a';}&.icon-back:before{content:'\\e95b';}&.icon-chevron-left:before{content:'\\e95c';}&.icon-chevron-up:before{content:'\\e95d';}&.icon-chevron-down:before{content:'\\e95e';}&.icon-return-level-up:before{content:'\\e95f';}&.icon-return:before{content:'\\e960';}&.icon-edit:before{content:'\\e900';}&.icon-delete:before{content:'\\e901';}&.icon-settings:before{content:\"\\e93b\";}&.icon-network-drive:before{content:\"\\e9a1\";}&.icon-GitOps:before{content:\"\\e9a2\";}&.icon-rss:before{content:\"\\e9c1\";}&.icon-bug:before{content:\"\\e9c2\";}&.icon-cloud:before{content:\"\\e9c3\";}&.icon-more-horizontal:before{content:\"\\e9c4\";}&.icon-expand:before{content:\"\\e9c5\";}&.icon-collapse:before{content:\"\\e9c6\";}}}}"], rootClassName$V);
43
+ })(["&.", "{align-items:center;box-sizing:content-box;display:flex;float:left;font-size:20px;justify-content:center;&.MuiIcon-fontSizeLarge{font-size:28px;height:35px;width:35px;i{height:28px}}&.MuiIcon-fontSizeSmall{font-size:18px;i{height:18px;}}i{height:20px;&:before{font-family:'dot' !important;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}&.icon-singleproject:before{content:\"\\e9f9\";}&.icon-share:before{content:\"\\e9fa\";}&.icon-requesttemplate:before{content:\"\\e9fb\";}&.icon-project:before{content:\"\\e9fc\";}&.icon-progresstracker:before{content:\"\\e9fd\";}&.icon-devops:before{content:\"\\e9fe\";}&.icon-closedproject:before{content:\"\\e9ff\";}&.icon-chess:before{content:\"\\ea00\";}&.icon-ball:before{content:\"\\ea01\";}&.icon-mobile:before{content:\"\\ea02\";}&.icon-ideaspace:before{content:\"\\e9de\";}&.icon-testtemplate:before{content:\"\\e9df\";}&.icon-regressionset:before{content:\"\\e9e0\";}&.icon-testset:before{content:\"\\e9e1\";}&.icon-forecast:before{content:\"\\e9e2\";}&.icon-bookmark:before{content:\"\\e9e3\";}&.icon-forward:before{content:\"\\e9e4\";}&.icon-assetapp:before{content:\"\\e9e5\";}&.icon-unbundle:before{content:\"\\e9e6\";}&.icon-stream:before{content:\"\\e9e7\";}&.icon-stream:before{content:\"\\e9e7\";}&.icon-hourglass:before{content:\"\\e9e8\";}&.icon-support:before{content:\"\\e9e9\";}&.icon-trophy:before{content:\"\\e9ea\";}&.icon-regression:before{content:\"\\e9eb\";}&.icon-tasktemplate:before{content:\"\\e9ec\";}&.icon-defecttemplate:before{content:\"\\e9ed\";}&.icon-request:before{content:\"\\e9ee\";}&.icon-activity:before{content:\"\\e9ef\";}&.icon-bulb:before{content:\"\\e9f0\";}&.icon-wallet:before{content:\"\\e9f1\";}&.icon-epic:before{content:\"\\e9f2\";}&.icon-column-swap-right:before{content:\"\\e9f3\";}&.icon-column-swap-left:before{content:\"\\e9f4\";}&.icon-gears:before{content:\"\\e9f5\";}&.icon-portfolioitemtemplate:before{content:\"\\e9f6\";}&.icon-storytemplate:before{content:\"\\e9f7\";}&.icon-story:before{content:\"\\e9f8\";}&.icon-check-line:before{content:\"\\e9dd\";}&.icon-plugins:before{content:\"\\e9dc\";}&.icon-integrations:before{content:\"\\e9db\";}&.icon-line-graph:before{content:\"\\e9d7\";}&.icon-rocket-filled:before{content:\"\\e9d8\";}&.icon-circle-check-outline:before{content:\"\\e9d9\";}&.icon-circle-info-outline:before{content:\"\\e9da\";}&.icon-analytics:before{content:\"\\e9d4\";}&.icon-Increment:before{content:\"\\e9d5\";}&.icon-Portfolio:before{content:\"\\e9d6\";}&.icon-user-security:before{content:\"\\e9d2\";}&.icon-rocket:before{content:\"\\e9d3\";}&.icon-merge:before{content:\"\\e9d1\";}&.icon-cpu:before{content:\"\\e9d0\";}&.icon-progression:before{content:\"\\e9cf\";}&.icon-commit:before{content:\"\\e95f\";}&.icon-design:before{content:\"\\e960\";}&.icon-key:before{content:\"\\e981\";}&.icon-infrastructure:before{content:\"\\e989\";}&.icon-report:before{content:\"\\e9ce\";}&.icon-package:before{content:\"\\e9c9\";}&.icon-security-off:before{content:\"\\e9ca\";}&.icon-security-on:before{content:\"\\e9cb\";}&.icon-marker-check:before{content:\"\\e9cc\";}&.icon-restore:before{content:\"\\e9cd\";}&.icon-check-outlined:before{content:\"\\e9c7\";}&.icon-circle-half-full:before{content:\"\\e9c8\";}&.icon-host:before{content:'\\e9b9';}&.icon-cluster:before{content:'\\e9ba';}&.icon-environment:before{content:'\\e9bb';}&.icon-monitor-controls:before{content:'\\e9bc';}&.icon-flag:before{content:'\\e9bd';}&.icon-satelite:before{content:'\\e9be';}&.icon-satelite-group:before{content:'\\e9bf';}&.icon-monitor-gears:before{content:'\\e9c0';}&.icon-patch:before{content:'\\e9b6';}&.icon-branch:before{content:'\\e9b4';}&.icon-send-airplane:before{content:'\\e9b5';}&.icon-briefcase:before{content:'\\e9b7';}&.icon-cluster-dependencies:before{content:'\\e9b8';}&.icon-script:before{content:'\\e966';}&.icon-pattern-bundle:before{content:'\\e967';}&.icon-outline:before{content:'\\e968';}&.icon-apps:before{content:'\\e969';}&.icon-archive:before{content:'\\e96a';}&.icon-arrow-down:before{content:'\\e96b';}&.icon-arrow-right:before{content:'\\e96c';}&.icon-arrow-up:before{content:'\\e96d';}&.icon-attachment:before{content:'\\e96e';}&.icon-board:before{content:'\\e96f';}&.icon-calendar:before{content:'\\e970';}&.icon-change:before{content:'\\e971';}&.icon-chevron-right:before{content:'\\e972';}&.icon-circle-minus-outlines:before{content:'\\e973';}&.icon-circle-paused:before{content:'\\e974';}&.icon-column:before{content:'\\e975';}&.icon-comment:before{content:'\\e976';}&.icon-configuration-preferences:before{content:'\\e977';}&.icon-conversation-bubbles:before{content:'\\e978';}&.icon-dashboard:before{content:'\\e979';}&.icon-database:before{content:'\\e97a';}&.icon-delivery-eta-icon:before{content:'\\e97b';}&.icon-download:before{content:'\\e97c';}&.icon-drag:before{content:'\\e97d';}&.icon-duplicate:before{content:'\\e97e';}&.icon-exit:before{content:'\\e97f';}&.icon-expand-chevrons:before{content:'\\e980';}&.icon-expander:before{content:'\\e981';}&.icon-file-image:before{content:'\\e982';}&.icon-file-lines:before{content:'\\e983';}&.icon-file-warning:before{content:'\\e984';}&.icon-file:before{content:'\\e985';}&.icon-filter:before{content:'\\e986';}&.icon-flag-none:before{content:'\\e987';}&.icon-folder:before{content:'\\e988';}&.icon-full-screen:before{content:'\\e989';}&.icon-fullscreen-enter:before{content:'\\e98a';}&.icon-fullscreen-exit:before{content:'\\e98b';}&.icon-grid:before{content:'\\e98c';}&.icon-hard-drive:before{content:'\\e98d';}&.icon-help:before{content:'\\e98e';}&.icon-history:before{content:'\\e98f';}&.icon-inbox:before{content:'\\e990';}&.icon-link:before{content:'\\e991';}&.icon-list:before{content:'\\e992';}&.icon-lock:before{content:'\\e993';}&.icon-mail:before{content:'\\e994';}&.icon-menu:before{content:'\\e995';}&.icon-monitor-satellite:before{content:'\\e996';}&.icon-monitor:before{content:'\\e997';}&.icon-notification-bell:before{content:'\\e998';}&.icon-open-new-tab:before{content:'\\e999';}&.icon-options:before{content:'\\e99a';}&.icon-parallel:before{content:'\\e99b';}&.icon-pending-clock:before{content:'\\e99c';}&.icon-play:before{content:'\\e99d';}&.icon-redo:before{content:'\\e99e';}&.icon-refresh:before{content:'\\e99f';}&.icon-release:before{content:'\\e9a0';}&.icon-search:before{content:'\\e9a3';}&.icon-sequential:before{content:'\\e9a4';}&.icon-sort-asc:before{content:'\\e9a5';}&.icon-sort-desc:before{content:'\\e9a6';}&.icon-star-favorites-active:before{content:'\\e9a7';}&.icon-star-favorites-default:before{content:'\\e9a8';}&.icon-target:before{content:'\\e9a9';}&.icon-task:before{content:'\\e9aa';}&.icon-template:before{content:'\\e9ab';}&.icon-undo:before{content:'\\e9ac';}&.icon-unlock:before{content:'\\e9ad';}&.icon-variable:before{content:'\\e9ae';}&.icon-vault:before{content:'\\e9af';}&.icon-visibility-off:before{content:'\\e9b0';}&.icon-visibility-on:before{content:'\\e9b1';}&.icon-webhook:before{content:'\\e9b2';}&.icon-wrench:before{content:'\\e9b3';}&.icon-bright:before{content:'\\e961';}&.icon-rogue-commits:before{content:'\\e962';}&.icon-home:before{content:'\\e963';}&.icon-blocking-issues:before{content:'\\e964';}&.icon-print-link:before{content:'\\e965';}&.icon-logo-deploy:before{content:'\\e902';}&.icon-logo-experitest:before{content:'\\e903';}&.icon-logo-numerify:before{content:'\\e904';}&.icon-logo-arxan:before{content:'\\e905';}&.icon-logo-continuum:before{content:'\\e906';}&.icon-logo-versionone:before{content:'\\e907';}&.icon-logo-release:before{content:'\\e908';}&.icon-warning-solid:before{content:'\\e909';}&.icon-warning-outline:before{content:'\\e90a';}&.icon-info-solid:before{content:'\\e90b';}&.icon-minus-solid:before{content:'\\e90c';}&.icon-check-solid:before{content:'\\e90d';}&.icon-error-solid:before{content:'\\e90e';}&.icon-error-outlines:before{content:'\\e90f';}&.icon-add-outlined:before{content:'\\e910';}&.icon-add-solid:before{content:'\\e911';}&.icon-clear-solid:before{content:'\\e912';}&.icon-dark:before{content:'\\e913';}&.icon-location:before{content:'\\e914';}&.icon-roadmap:before{content:'\\e915';}&.icon-follow-solid:before{content:'\\e916';}&.icon-follow-outlined:before{content:'\\e917';}&.icon-video:before{content:'\\e918';}&.icon-thumbs-down:before{content:'\\e919';}&.icon-camera:before{content:'\\e91a';}&.icon-users:before{content:'\\e91b';}&.icon-user:before{content:'\\e91c';}&.icon-announcement:before{content:'\\e91d';}&.icon-not-allowed:before{content:'\\e91e';}&.icon-zoom-out:before{content:'\\e91f';}&.icon-zoom-in:before{content:'\\e920';}&.icon-triangle:before{content:'\\e921';}&.icon-delay:before{content:'\\e922';}&.icon-circle-outline:before{content:'\\e923';}&.icon-circle:before{content:'\\e924';}&.icon-add-from-list:before{content:'\\e925';}&.icon-sync:before{content:'\\e926';}&.icon-keyboard:before{content:'\\e927';}&.icon-planner:before{content:'\\e928';}&.icon-tag:before{content:'\\e929';}&.icon-progress:before{content:'\\e92a';}&.icon-timeline:before{content:'\\e92b';}&.icon-abort:before{content:'\\e92c';}&.icon-cancel:before{content:'\\e92d';}&.icon-power:before{content:'\\e92e';}&.icon-resize:before{content:'\\e92f';}&.icon-close:before{content:'\\e930';}&.icon-save:before{content:'\\e931';}&.icon-drag-vertical-up-down:before{content:'\\e932';}&.icon-add:before{content:'\\e933';}&.icon-minus:before{content:'\\e934';}&.icon-target-none:before{content:'\\e935';}&.icon-placeholder:before{content:'\\e936';}&.icon-server:before{content:'\\e937';}&.icon-square-wrench:before{content:'\\e938';}&.icon-square-wrench-check:before{content:'\\e939';}&.icon-square-settings:before{content:'\\e93a';}&.icon-trigger:before{content:'\\e93c';}&.icon-precondition:before{content:'\\e93d';}&.icon-composition:before{content:'\\e93e';}&.icon-block:before{content:'\\e93f';}&.icon-group:before{content:'\\e940';}&.icon-settings-admin-opaque:before{content:'\\e941';}&.icon-puzzle:before{content:'\\e942';}&.icon-alphabet-icon:before{content:'\\e943';}&.icon-crop:before{content:'\\e944';}&.icon-upload-file:before{content:'\\e945';}&.icon-container:before{content:'\\e946';}&.icon-flag-risk:before{content:'\\e947';}&.icon-learn:before{content:'\\e948';}&.icon-tree:before{content:'\\e949';}&.icon-process-template:before{content:'\\e94a';}&.icon-flag-attention:before{content:'\\e94b';}&.icon-collection:before{content:'\\e94c';}&.icon-table:before{content:'\\e94d';}&.icon-linkBrakeIt:before{content:'\\e94e';}&.icon-move-folder:before{content:'\\e94f';}&.icon-columns:before{content:'\\e950';}&.icon-file-word-doc:before{content:'\\e951';}&.icon-file-ppt:before{content:'\\e952';}&.icon-file-zip:before{content:'\\e953';}&.icon-file-xls:before{content:'\\e954';}&.icon-file-pdf:before{content:'\\e955';}&.icon-file-xml:before{content:'\\e956';}&.icon-dictionary-locked:before{content:'\\e957';}&.icon-dictionary:before{content:'\\e958';}&.icon-file-dotted:before{content:'\\e959';}&.icon-file-circle-check:before{content:'\\e95a';}&.icon-back:before{content:'\\e95b';}&.icon-chevron-left:before{content:'\\e95c';}&.icon-chevron-up:before{content:'\\e95d';}&.icon-chevron-down:before{content:'\\e95e';}&.icon-return-level-up:before{content:'\\e95f';}&.icon-return:before{content:'\\e960';}&.icon-edit:before{content:'\\e900';}&.icon-delete:before{content:'\\e901';}&.icon-settings:before{content:\"\\e93b\";}&.icon-network-drive:before{content:\"\\e9a1\";}&.icon-GitOps:before{content:\"\\e9a2\";}&.icon-rss:before{content:\"\\e9c1\";}&.icon-bug:before{content:\"\\e9c2\";}&.icon-cloud:before{content:\"\\e9c3\";}&.icon-more-horizontal:before{content:\"\\e9c4\";}&.icon-expand:before{content:\"\\e9c5\";}&.icon-collapse:before{content:\"\\e9c6\";}}}}"], rootClassName$X);
43
44
 
44
45
  const DotIcon = ({
45
46
  ariaLabel,
@@ -50,7 +51,7 @@ const DotIcon = ({
50
51
  title,
51
52
  tooltip
52
53
  }) => {
53
- const rootClasses = useStylesWithRootClass(rootClassName$V, className); // deprecation warning(s)
54
+ const rootClasses = useStylesWithRootClass(rootClassName$X, className); // deprecation warning(s)
54
55
 
55
56
  useEffect(() => {
56
57
  // 'inherit' causes the vertical alignment of the icon to be not be centered
@@ -101,7 +102,7 @@ const DotTypography = ({
101
102
  }, children);
102
103
  };
103
104
 
104
- const rootClassName$U = 'dot-accordion';
105
+ const rootClassName$W = 'dot-accordion';
105
106
  const summaryClassName = 'dot-accordion-summary';
106
107
  const detailClassName = 'dot-accordion-details';
107
108
  const StyledAccordion = styled(Accordion).withConfig({
@@ -109,7 +110,7 @@ const StyledAccordion = styled(Accordion).withConfig({
109
110
  componentId: "sc-1amx4r3-0"
110
111
  })(["", ""], ({
111
112
  theme
112
- }) => css(["&.", "{background:", ";.", "{align-items:center;display:flex;.MuiAccordionSummary-content{align-items:center;gap:", "px;width:calc(100% - ", "px);.dot-tooltip{overflow:hidden;}}.MuiTypography-root{margin-bottom:0;}.MuiTypography-body1{padding:2px 0;}}}"], rootClassName$U, theme.palette.product === 'agility' && theme.palette.layer.n50, summaryClassName, theme.spacing(1), theme.spacing(5)));
113
+ }) => css(["&.", "{background:", ";.", "{align-items:center;display:flex;.MuiAccordionSummary-content{align-items:center;gap:", "px;width:calc(100% - ", "px);.dot-tooltip{overflow:hidden;}}.MuiTypography-root{margin-bottom:0;}.MuiTypography-body1{padding:2px 0;}}}"], rootClassName$W, theme.palette.product === 'agility' && theme.palette.layer.n50, summaryClassName, theme.spacing(1), theme.spacing(5)));
113
114
 
114
115
  const DotAccordion = ({
115
116
  actions,
@@ -127,7 +128,7 @@ const DotAccordion = ({
127
128
  summary,
128
129
  noWrap: _noWrap = true
129
130
  }) => {
130
- const rootClasses = useStylesWithRootClass(rootClassName$U, className);
131
+ const rootClasses = useStylesWithRootClass(rootClassName$W, className);
131
132
  const [elevation, setElevation] = useState();
132
133
  useEffect(() => {
133
134
  if (defaultExpanded !== undefined) {
@@ -174,13 +175,13 @@ const DotAccordion = ({
174
175
  }, children), /*#__PURE__*/React__default.createElement(Divider, null), actions && /*#__PURE__*/React__default.createElement(AccordionActions, null, actions));
175
176
  };
176
177
 
177
- const rootClassName$T = 'dot-action-toolbar';
178
+ const rootClassName$V = 'dot-action-toolbar';
178
179
  const StyledToolbar = styled(Toolbar).withConfig({
179
180
  displayName: "ActionToolbarstyles__StyledToolbar",
180
181
  componentId: "sc-5llm03-0"
181
182
  })(["", ""], ({
182
183
  theme
183
- }) => css(["&.", "{border-bottom:1px solid ", ";}"], rootClassName$T, theme.palette.product === 'agility' ? theme.palette.layer.n100 : theme.palette.grey[100]));
184
+ }) => css(["&.", "{border-bottom:1px solid ", ";}"], rootClassName$V, theme.palette.product === 'agility' ? theme.palette.layer.n100 : theme.palette.grey[100]));
184
185
 
185
186
  const DotActionToolbar = ({
186
187
  ariaLabel,
@@ -189,7 +190,7 @@ const DotActionToolbar = ({
189
190
  'data-testid': dataTestId,
190
191
  variant: _variant = 'dense'
191
192
  }) => {
192
- const rootClasses = useStylesWithRootClass(rootClassName$T, className);
193
+ const rootClasses = useStylesWithRootClass(rootClassName$V, className);
193
194
  return /*#__PURE__*/React__default.createElement(StyledToolbar, {
194
195
  "aria-label": ariaLabel,
195
196
  className: rootClasses,
@@ -198,13 +199,13 @@ const DotActionToolbar = ({
198
199
  }, children);
199
200
  };
200
201
 
201
- const rootClassName$S = 'dot-alert-banner';
202
+ const rootClassName$U = 'dot-alert-banner';
202
203
  const StyledAlertBanner = styled(Alert).withConfig({
203
204
  displayName: "AlertBannerstyles__StyledAlertBanner",
204
205
  componentId: "sc-1u3aqgz-0"
205
206
  })(["", ""], ({
206
207
  theme
207
- }) => css(["&.", "{border-radius:0;padding:", ";display:flex;align-items:center;.MuiAlert-icon,.MuiAlert-message{padding:0;.dot-typography{margin-bottom:0;}}&.MuiAlert-standardSuccess{.MuiAlert-icon,.dot-typography{color:", ";}}&.MuiAlert-standardInfo{background-color:", ";.MuiAlert-icon,.dot-typography{color:", ";}}&.MuiAlert-standardWarning{background-color:", ";color:", ";.MuiAlert-icon,.dot-typography{color:", ";}}&.MuiAlert-standardError{.MuiAlert-icon,.dot-typography{color:", ";}}}"], rootClassName$S, theme.spacing(2, 2), theme.palette.success[700], theme.palette.primary[50], theme.palette.primary[500], theme.palette.warning[100], theme.palette.grey[700], theme.palette.grey[700], theme.palette.error[700]));
208
+ }) => css(["&.", "{border-radius:0;padding:", ";display:flex;align-items:center;.MuiAlert-icon,.MuiAlert-message{padding:0;.dot-typography{margin-bottom:0;}}&.MuiAlert-standardSuccess{.MuiAlert-icon,.dot-typography{color:", ";}}&.MuiAlert-standardInfo{background-color:", ";.MuiAlert-icon,.dot-typography{color:", ";}}&.MuiAlert-standardWarning{background-color:", ";color:", ";.MuiAlert-icon,.dot-typography{color:", ";}}&.MuiAlert-standardError{.MuiAlert-icon,.dot-typography{color:", ";}}}"], rootClassName$U, theme.spacing(2, 2), theme.palette.success[700], theme.palette.primary[50], theme.palette.primary[500], theme.palette.warning[100], theme.palette.grey[700], theme.palette.grey[700], theme.palette.error[700]));
208
209
 
209
210
  var LatoRegular = "data:font/woff;base64,d09GRgABAAAAAJLUABIAAAABLwgAAQBoAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAACSuAAAABwAAAAcb/saQkdERUYAAIXwAAAAKgAAACoCRgMrR1BPUwAAhsQAAAv0AAAUdmAmoVZHU1VCAACGHAAAAKYAAADqFocEB09TLzIAAAIQAAAAXAAAAGDZunp+Y21hcAAABPQAAAJ0AAADhui+xwZjdnQgAAALRAAAACwAAAAuBvcYo2ZwZ20AAAdoAAADkAAABuVyWnJAZ2FzcAAAheQAAAAMAAAADAASABhnbHlmAAANnAAAbxMAAPDwTSctt2hlYWQAAAGUAAAANgAAADb8ovIiaGhlYQAAAcwAAAAhAAAAJA+2B6ZobXR4AAACbAAAAocAAAQ8QF5dz2xvY2EAAAtwAAACKgAAAioPQs/sbWF4cAAAAfAAAAAgAAAAIAINBLZuYW1lAAB8sAAABs4AABGjW9iUMHBvc3QAAIOAAAACZAAAA2Bnx6jocHJlcAAACvgAAABLAAAAS6YHlRcAAQAAAAEaoHRaB5VfDzz1AB8H0AAAAADKk15wAAAAAMrfLoX/RP6TCLkHLQAAAAgAAgAAAAAAAHicY2BkYGDf9i+MgYGT6b/Lf2eOnQxAEWTAyAUAh7QFcAAAAAABAAABFACCAAcAYgAEAAIAIgAtADkAAACQA6IAAgABeJxjYGZRZ5zAwMrAwFrBKsLAwCgBoZl3MVQwfuFgZuJnZWJiYmFmYm5gYFjvwJDgxQAFJZUBPgwODLy/mdi8/lUxTmDfxrhKgYFhMkiO+SvrTCClwMAEAIeND394nG2TX0iTURjGn50/n6uLXcguZOxChljICpHwYohIDBkSIUPGGDK8kBEiESEiEiIiEl6EDLERY4iEdBGjC4mIriQkwosQieiquggRWRIhFeLX8x5mLPODH8857/d95z3v+5xjLuEKGp7AHKCq+KgjKJn76CZjXhtSdgbpwDZKKosFMqBbMcJ3o4EnyKvnTrNq3//BWA95S26RcXK5rsJtIv8tB35iVpAxWSE1HUXMG0fGDuKiDaFqc8jZL6iaRTLO+SvO91BVBezoKfTYNDaNQbWpk+8Y93owbLawKWqDfNeGhCkjajewyjWDTUcIWQ8hs4+g+YQM63igav4BNcf8FR1m7QW06yOuk0dJr2OAmjItGFBriOgTdJksigqYCxz7bxgvcbzujaEocZIyg1T+o9tR1KPoVfuIMz5tgGZ7jJA+RJTjkC6jn3nj5CvJMv/Eae85XiTXyDxx3+ga7nJvIdaWVE8xrCvum2XpvYsVEKZn/eKJKiFNhhh7LbltAh0qhnuczzM+pX5zfxWs2CUUHEUk2fu46/s5NF3398QL50MDquBvc81H1G/ku9eBrlMfzsJ9zThfxIsGnBf0zGzipfT9PLwRqnjR8i8K/i/2/yF1h3w2adz468NZ2Bdqn/OiEXrhPKNKrZJPanX5HrNOlwfrppc+zKFb6pMcwSXua4vrppAQn+WsOa2fLfH3P+VdYr9QJ0xayQaR+AJpJnmzi07mKPNclXmvEiQnqA9IEFE5r5N13tkqshcUUmoKi2SFXiQZj9lV9Nn3yHA8bO+wvix6yZC7c9O4ynFCt/py957V76DcxRqZBfwTM4EIexDherv+IZJY8w/8A0TxApOI4OYfgjwA4AB4nK2TaVCOURTHf/ep3siStKgkTw9lyZJdWSNbdlkrFGXsRgwhfbBn11jHksm+L2MrS4YZJmbKoBljeXoia9lLQ7yP680H44NPzsy995wvv/+Z/zkXsKPi+CDkjUiSlbDV9iJGvkPpigNuMqtGMqZwFF6ihQgTESJKxIpkkarcVLKVJ3ZXVTfVW/VVNTVADVJD1DD1qJ/mF6ApmkVz1mpq3pqvFqj11mK0eP9bAZPKFdP8pSepKruFvfCU1FAxRESKGJEoqTck9YGkuqqeqo+q2qjBf1Fd/qDG2ahCUu3MUrPQvG5mmSfMrWaKmWTOMRPMaLOP1cPqbnX84W/cM+4YuUaOcdu4ZmQap4zw/Lz8u3qZXqIX60V6oV6g5+kZerqe9qjDw50WS4Uz/z0sipPN8Qr//wyB8jtT+HdUdGYvJ2TBkUpUxokqVJWuVseZGrhQE1c5PXc8qIUnXnhTW862Dr7Ulc77oVGP+vgTQAMa0ojGBNKEpjSjOUG0oCWtaE0b2tKO9gQTQgc60onOdJGbEUo3uhNGD3rSi970IZy+9KM/AxjIIAYzhAi5Q8MYzghGMopIoohmNGMYSwyxjJP9L2cFK1nNRraRxl72sI8D7OcghznKEY5xnJOc4BSnOcM5znKeDC5wmUtcIYt3zCKeCUzmA/NIZyZTKWMuU4RCCtsxmS3shD0TSeQr3ynnuTRuGgul9iEusog4ZmDlkRB8Y7rc84+MZzHL2EoOubzgJUUU84rXZAoHrnGfUr7wmRL5Hyrxnvm84S2fWMoalrCWVaxnA6msYzNbpMomdrKLHWTzmGckkI9BAQso5ClPfgLnE8bFeJyVVNty20YM5epmSU5zsSU5Md0G7EZuai5Z9xJHD5pMRrSkSZ7kTjtDpi9LX/IdfebXgHY/IJ/WgxUppa37EI9IA9izwB7gLNkzdM1kP2r2VulNFrFCgPjTilvHH7g1/yMNdOAXKfFqlQb8NvOJJ2JNsoy4N8+v+aW4vTnxqRingvi0SukjFUVO3F+lFhGStb5YZ2KdWd9mWeazF2ZZVRvFG4Z39Iw7eDx5Eu4kFynvJOGtp7zEznh0cwRc02CNULIxv2I1v7TnEbfqmBfqstMaW5oXOhcyrrbny/mYfHCoK3JzrPNz7G0bVpbAJ3kvKzD0LOO+eL/C68OLuCMFuDGeVWcpe7DLPl6sRpqQDPmBaI1nRUGoze2TQLPKa9uv9uNxfoZ6S1RZWv7zcsul9Lx9fc4qYe/NrVIKpSLeMR5Z5Lrb3VXerLBlpxFG3DUI7lpKUMZKbvwuUk1TuJr3bo78IMDJe4a7IXdPIu4boiVta+l8oqn4Pf130Jdtu8YDM+6fsBqeRvzA0CvkjfgrxJtrLJpdbxPTG/3lyd/5Gz0pH6ghKj40NEX2TXL0IJ9E/MjEB9OIH9+zCuZXQDwxZcMbjSmmpRNDY/yuKJZ6qfNLVnp2+1ip4QAF9jCWEZqOn1tlFd4UsSaaFsiyv12l2K0Tt5FNhcRWJv32Ir1rUov8u+Zx6zCbzTDJboKRObBeWG4nGI8VXa0V3UzsteZWkl9j3s0k92Fb0RJgOeri5ugFWqiRZyEz6SYuF1KsU2mnUThWetYWMche7EN2CBfZm3hDtb4Osm1GjGQgdAiR9nFFR0/BcujC3NUzrC30UvJLl0eOfVNkse6N91sa0xQ3eq2VuiHb5nXG8N45har5lb6sFFH1U4ssDqpiSd1QKx8QEKh7/tRoioX5ApdnmsVlTw0g1meb8Orz8OE/0fdifJQcrnWAy4e578f8ELM/+p/416b01GCfH8H+xvAT/NOG98J7z3VseD8scHYRBjj+F4NRxdwD9MVGTXX7ISRcN4qh93W2wJRdfAG+XHXLLxOaHFEu71Tjsn429CCrDkJG9MDPYX4r3Gu6Y6Eb6Ipvde4Nw+fCcI4e0AJfrZrUd4YHmwQvxeGnsL531jNYJ64xcA7hhIaHG7QRx6EjZwk6dpZAfzA82kBPxXHQH50l0J+cJdCfDR9soL+I46CvnCXQM2cJ9LXBa2L49frL9TcbhOYeuQgACABjILABI0QgsAMjcLAURSAgsChgZiCKVViwAiVhsAFFYyNisAIjRLMJCgMCK7MLEAMCK7MRFgMCK1myBCgGRVJEswsQBAIrAHicY2CAgx0M3UAMIntYZzIwsO5i/srA8G8l68r/H1h3sbD+//RvCgDeyQ6vAAAA2gDaANoA2gDaAU4BxALGA+gFFAYmBmYGmgbOB1AHpAgCCCIIbAiYCRIJnApECyoLuAxuDQYNXg4kDsIPSA/kEA4QPBBkERoSPhLIE2YUEhR8FOYVQhYCFnIWqBcmF8YYCBimGRgZlBoEGs4beBwuHJAdCB1oHfoegB7oH0Qfeh+mH9ggKCBKIHohZiJQIxAj6CS0JXQmpidEJ84ojClMKZIqXir+K4osgC12Lgwuwi+eMEIwojFKMdIyPDKYMxAzPDO2NAQ0BDR4NZo2iDcmN+o4KDjwOWI6lDtcO6g74jwCPUA9YD3EPio+rj9eP45AakDcQRBBoEIOQnBCtEPcRThG8EeoR7RHwEfMR9hH5EfwSLBKWkpmSnJKfkqKSpZKokquSrpLZEtwS3xLiEuUS6BLrEvSTLhMxEzQTNxM6Ez0TW5OSE5UTmBObE54ToROkFDiUfpSBlISUh5SKlI2UkJSTlJaUwJTDlMaUyZTMlM+U0pTrFSWVKJUrlS6VMZU0lXKVdZW+lhgWGxYeFmaWtpbFFt4W+Zb8lv+XWBe/l8KXxZfIl8uXzpfRl9SX15fal92X4JgNmB+YMxg1GE0YWRhvmIwYsRjLGPwZBBkMGRcZIhktGUCZVJlomaOZ8poCGiqakpqdGqcatJr+mysbWpuMm6Mbv5vam+Kb/ZwtnE4chRyoHLicyRzanOYdIJ1gnWmdgx2LHZUdpR21nced1J3nHggeHgAAHicxL13fFzVlTh+76vTe9EUzWg0mlEdlZmRRl2jalmSreYi9yb3CjZgbDrGdgCbGsAkmBoIJYQFUiBsEiAkm2x2NyHls5tOSE82kGRJCJbG31vee/NmNHIh+fx+f9hPc9+5571377mn3XPPARyIAcCe4U+BCGgELaADZNKujva21pbmVFMyXlVRVhosttsETidWDz+3bmwq3QsgA2AAsAxkWBgHkGMgVw8AYFjAQBAFHOA1HI//0moFAMqAIOiDQKMR8d+iaBBLtL7h53YhVN2FUQlACwQtQAgKIVUQmcUSjS899KFwiKIGgLCCC19C2hUrnmuutneyiXiAcTpMnBmGy6OdXGMyGi41MeHScnuySbqHfkVhyBpKoX8feFr6Rmu7ti6sDMSa6sOc9ZCB88ZS9SULWyqbK/x6j2FTZ72rothqLa5w1XdmHmb/cyYeZzfNPMBd5ooWW8PpVc2psbbqaMS9/bLSRHVFbWtFot3msrlmztSlrYFKt7siYO3iHvtgaxNfg78H/ODsn+B30JwZQQhckzYBEPA7bOiXURR4eZ58CBKir+MghGj8GTQ66FNZ1saWcNL4e9A9gMcGj5MC4GRLWF+6NOcei4YXjZcMgy8hjowXtKLREMO1bKOVTXYy2fGpZeCzrKAVrkT/2Gp7qNbrrS2120vxNWTnT81+JbZs+apkctXyZTGm/YPvobsOB7rri2GoGPnO+9hTzHXoO3XACT6Wtun1AOideqfVjFp0Aico3+owaCEHIAzgF8ZfzbMci74boE8Zfu43CKRcASG3CFSYQqE/yxj8P/4oXzpGINEnBtAQsBQOXRlMYiCKhxN3ABSelwZBNEFEEnXQGsr+CRMW1h/0FgsW+Bv5L/5U5icfKwmHSz4GS7N/4W9tAoAbR9/aCXpgSxrRbU93ugv96mxuakzU11VVlEcj4ZKAz+spslnMRp2WRU+Vvj9mMjCcxcii7+LQ+0a1UBT1QbOe4Xm8AnUaRhBMQTw2BlDCS7NfjaAEMYlvYkhO4AETzUOEu5gBIRg8iM20CxmsxrkdIRpgEMZ/4c5lBA/+KyT40uuBqBWTQCtok5iq0KKNoylOAA0w6zVmhABNqZ7X6SH6SwAEKSI8kxGa8EI1WKCRNRgBWcUIKYtXscmEnwIgvoQMK+hMsGjsG5NNKXuYNcFqaKc/u2DCHk51wjZox/+xCXsi7nI6RDYhYiiW/BLMMILAWNeScXcJhAv+tkATKx5deqfbC6Hmm92/MfJl5acHherA2JK/LRn1hODC7xr5SPTm7heKEIR29uN/6/4bfCKzotTHiTxcmXkgEoRPuP28QWiBA0PFfrglUJpZCR8PFGn4zAPDxb7My+5iXi+03AgH0FgAFuw4a+PKhK2gGfSCxXBp2tSMGE5Zqd/rdmkEQu1aNAuDRRAyQxUlxWgYFnZWGtGIdBlYlgNoZHmOR7wQjS+LxxcNPuKFDJoZNE4cZwsCnof4bwitfInoo9TzofE55+LDhNV/kfgg4CFiyxEVYq4EkczoxeJh8csgLgU4HmOKotfiMUKCPiRSCuFrYTmiBMyo3HbEthDT6oKYKMQAdIsCZlzlbIDFTMwMMXHAJG7pZKED9zCx8M9Xfm2wUfSa7PUDG/oiA8d2drfsfmibjvG6ekzb72uvdnhNla0jDaHBW/f1t+9/YqeB8Tl74H2R9LKG0u7N/eHZ75W2j9UFutd1BAz6DcMTelO0oVbD2J2NS6/fsPCWXf3c7fbAV40TrT0BTygkZvyu5MTh1StPHxwWnrMXMzfFB5NRS8YkxAbWMN+qX9BUYYGvCxXtw5iGeDB49h3+h/wTwA7KQQPoByvg6rRr2ZKRoZ50c1NDXU1VWam3yGKSJLofzVc9ojwgYk4XBSLQaEUNJPIAzyxmd9YgkuR4IAXI8wYeTc3wc6WoX/L8/RA87ixAogbYBIXmmgv25TgiqWSSKtBfI9FYC5pzJOgZJPCRdIJEvhfCyPNmFQInfoF0v9KXR+yIF86HA4FoMV3JaPAlpFkhMRxJ2DVKwk9E1ILVBSeilkS8kyGkRenoPJDM68nlB7r69i+rr1+2v6/3sqUNt/gbuiOR7nqfrx5fG/zMdcbiouvO/Fbntx/hG5PL92fBDyyrvzkfnOtactOq+vpVNy1ZdnR1ff3qo8t6Vrd5vW2re7pXtXg8LavgFVb7B0eMFjix5AgGPLJk2TEMeGxZz5pWr7d1TU/3Sgy4Eq2pibPv8gf5J0EXGIbptAOCgb66WEW0tMRq1oqgC3ZpMD0FsIaIliHTDNGiHayO+HiBZQOI3yPpycbR5GLhKSKOjWYXrWX0g4cch2ZZEJQfHJlmTCbdF4cKSJjoqudtvEIvXfMjEqmeQ6dfRmNWoXFi1pYeuDAMAscLmFhYxIRYwoRkPIKKCUHMfTCziZbXsjIRuBGtEBllgiJVIbAmQQkmVQvxBRJaaUqhO8zdozesS3F7ec7o5sVgQ39tfKwlaC1tisKPR2MaxmHbwwz0wJpnistct699766x+68cqpu8tK+jtXH6tsw36xdPJ/c935dZsWMn/2Riyd52FzTZvM21gZKWRbFwurs/mlnTe9eQ3bX/Jxsy3zK57li1o2nr3WsGrt6xJLDozsULr1uXOvN296a+8EQffLrlQUC0TaSvwQTR18bTOtRCtDRW1lJcWqyqI12dqmgMlBS0dIl0Ay98om8xuUoWl6djZRUrtTqFII9mfshAwQz8QExzDh3Uo+Vpcwcgke2U16fIT1FgYGjPNoEz6UeHt3cHAt3bh0f1Jt323cxl38/s/pzeojHZxPr9P//Frw9d+Zu3f36gQbSZzPbPZnaRlx/K/BC+IT9Ha8fPSTLlVNGgokMsxxPWlGqyward23W5j+GEbXvQc+Ddn7Wb0WMaDvz87d9ceejXv/j5/nr0GI1F/zl4F3nOenYd8wr/c1APtpHxrAf1RW4ynh40nqWxyoqykqDPbkEqlMghNYgMIVbZ0cgBI8RjW10ACKHGQOHsROCrNMz4rdFolaeaEM3VwZTb5a6FHTCBBq0TdiERacKSMgjxF5a7iiHcyIuO0DM1z5RFHGHbp2o+FXZpxSmT3mdFbdaQzRayokabX29h171hL7V4HJuGp50sozdsHp52lNgijq++URk0u/SoWW9gGL0etetdllD5V8n7TYNnuVLuJNCDy9I21KIHep1WgwwdDq09EY8F1kwjSDYhrQB9FFpzSKfHvAFEscBi8Ggw+EKUewVOUiSpiVgYnqd0F3KGrGFrqDFkZW6B92a235nZCT/KncwsPZaZgM8eg0+T91yb+RMcA38AAbAuLfg8AsfIdG8zQ0isMSrWDJAYJbvm3jGTGfPRRjIpYeUmvkgmV0plZ4mY6lKdbAozirXWYI03UBe0eOsXxAJGky5Y4hOM3qqg9bC7MmhzlScCsQ3rVkaLDRajSR+pbw3ZQjEyxoyBmWAeRUwrkhawmYPePe3OIxNAqYTFRjIakmn4x4yNefRefHMK2aPj6NvtYDItYN1C+XZT9utssISRvlvV6sSt0rPmfC8753vxZ07lG5N75tqO8Oz/nX2c+Sv/KtCCWFrQihxD3ukEeroBv3IjeoCRPFuHH5ZEfaoZ/DQ3kdWYDT9sShUPMyuM9aFhZ7iU/58SYqe1n/0TN4LkINavrkjrZG2Kk7/Ym6PAsCzlY8AGFLO7SK1vyPedhBOGclURlkgSCYQFWaPbwRDRAJFssBFdFtry1QluZPzWL+3e86+3jo3d+q97dn/p1vGXUmsO9fQcWp1KrcbXNSnmm69k/vfFqakXof2VV6DjM1NTn8n84ZXHfnq8re34Tx977Cf4+hM8WN9AKnaQ/zj6iH9PG2xWi9lk1CKhp/gawgaOQS+NBSKWglg264PYyOYAQ4Qyp1idJTIo+j9JRl4FZ6ZweEFXFYLjOEyP2Q74go3LujnAWP4CtgqNGieRsKqHJIQjIWsyxUtCBSbwOkd8LcmeBTqH1lwkNMOn7oDeWXCc/XZN7Ica0ahdBC/54A/HqazbhlCWITpIgM+mLRBgvdphtxhBAiYUv0SsDnEYZNJCJgCQEYP0gbg0nTxVWzCjwuwGrT+iVhO7fG4nDM1ifkVsGqmLmUGDlU6eB5oQY1jphS8hQdFBCAtBxJ4IxRErD2HeDzuRnKSkJAvcTpZZser0/p76iZ3tmWMVE1H4s+LSmT6zFf57y9resoqBtU1Nqxc06DQlXl4vrjGNHX6QfxJpC2vHjl99WUfmGr2x1Lerw15hhf/RunPX3q6udZ3BkpbFdcXIbLZsvHdLIx7PXWff5WrReA5hDyQEvd1tLQ31dbXRMp/HbgVDcEireCAHoCjoIMe7IcsgLQzJAkHkEdFxLMcgxZAHHLIPqeqFx1ojq4hZRiSrhd3nRoV7CiIQiCWhYFUQId6FFMOhD4UDQmlxU1z4gm0K9bxgRYVyPCSME3EX0lzcARavbTJBjQUnateq+/d2hrtXt9x6YviGT2269JF9g54Rp9MR1DAcY6ro2zw8fMlwNDh+275V109EyvvW4KmrN2hKPNmpS64/Ptm3c7zZGnn2xk2n97a1TH9krERrtXFavnhhuqZh8fq61vUDFdfDaM/q5s7V7UhnHK3NTiYDKtDaWI/0QAtwga+nTS4nUj6wzEafrqyNgAP7mAK8LK5V9h9aDDKvLCkIlV0BsmeqksLh5c0Rh10BeI7IdF+6IRcWzQoLebJaqCIwp48gKe1IBxKQPoB0AcoxWLxcQuyx/7E7nn9g9iZHMWdjXnr8AZaf/RtaaPwWiytzDF7ptq5iH8h8wdteMttG6ZzNoLGpBT9LW2pjleXBYm+RzaLBQlMemzbssaipZljeBREZBQDLY2sCG6roRXn6qlnfOnpZSAbExihOmJb5UKBuUCAWbhaZgsCJ2VC656L6Eq9NWMGBL5jDEjElhENsk1p2E0qmAooSryCW20Psm/Utmc6efev2PX2gbeyWV3Z3HZheFmqyBeyJwQ29wweX1paPXj7adKBz3wHmCX442pA5XtRz4PSaSz9/44Cnqikw4g1Gg/UrrlrUu2ukyuYIMacB8R9jnhJHY+1Fo/0g5tLVlaGg26nXAi/0KpRYVoQdw5jGEAcFHHVi6HMZhiy+JFiEm0mqO6h5AiKx2HxghZZ9LjumFh/mw9hx0AmhQz1cJoa5edn9B/oGr//s7l2fvqp3ySq40xQvOZ0xJ67KfL9i0d4FgwcmYzVj+3oHD4xXs3tadj+4ZdNT1wz2X/uZfWu/ewj+1uaZvSVcnhnpv3QiVjuxr2fgktGqhsndVKbtQW/ajsbLBnZgLQldbWYk6RXdxiHJEaSh4AEi7mRFl2WJEs1ASp1mgHWrAFG1sEKD+4VZKOtGTFadxdaZCCWtK4WWVgfk2s2a2U8ba8uvZVYafdZZh9XHnxorrTGfmfRGuNOeKrvPeiUS8evR/EaRzAgiKbwAfCXtbUyGSiDo6kguaFxQXVmSCCWsZhCEQUV21BZpGCQjAxo0PyxD/chZH2ZQhNSrgLg11thkkVwj9cJkzxGyV/VX93Fi93q66TzgxFsQVvXDV4kMeGn6qb1Pl44giYJyFRlgNc+e95vp3fn8dQO3H71kf+elD27c8NClnQf2Hb19wbXP7xzYu6iyYXJXW9uuyYbKRXsHBjZ1+kPdG9LpDd0hf+cmS8uOe9fe/EK06okDozdvaW3dcvPogSeqoi/cvPbeHS0nyxdsah/a3hMM9mwfat+0oJx5rnrB6ob4VE802jMVb1i9oBqvtbsR7TRJc/EAXmv1SHZ73GitofHPrrViifeiUUHcN2fpWCXeL6+1UgkW8XIOkplS9ZK4fzomAaGV1qiGJE5hzJUkbYvLDjFUOeGoAiQTn4k4e3OccpHxO/Z0D1zz7LatnzzY7a7pKM88aqwPPgZfdEWtqZuhp3pke1fP7kVV5Qu3dw/uHalgRpq2n9q09rFDA32HntrauXfH9uaMxu5m2oqT3ppa+Gjv7pHK6pEdXX07h6J1i7dQPnUdsp+uZH9AbIr78myKMmJTkA04zKFNwRyLipMcZUV4fwqbDlSKKfdZxeYocN8Jqc2hujWP1VnIDLPm/b4u3yw7n5nGagvt+V2XoWMRQGbEJ9O6ulgkjK1pZSwCxDwuOB4GyqfxePgJVIFvNkBFt5gXxoxh0pH824XGhp87Njkmef6e6NF5TXQhf7jOYbMzM/kjB9H6+x17P7ccsS0xzUEr1FfbCWflib/GzQdgMYR3s4LFkelyxDyemAO+6rDMfMB8Fd5xrdWj+4XeLPAW3ds6r+U6eCely3vg59g/sSfQEIggkdZJTheA5kKhGiCNzBw/ASf5CbBZdQ+7auYT+B/TeQx+/xgB/CN637/I72sB6H1TmO9F0DKsheUR7HOCzj9a8FtWezzV+K0tLP+76yxe9I4WXjDrf6HzWK/N7B2i71p69k/M+4j/VIB28NW0qSVVFyuPlJbg2AWF+ySwfudAMpiZEzBAeTEglgLHZR3Isj7VMH9XVYQBl3UZIz2q9YL68LzEqWhfjlf0p7xYBMSzOJndk2iEXNIqDQ6v2No+emxjc6x/YkGCsx0yxPpH+2OlraOxjuXtEYPH9NE52/Ce4mSFu3bJweGRPZMdTU2hU4/rq7pbWvqn2qsHGryBsoD7zEP5tMaAZWetgp8fBeNgA2xJl0xOQLBqxcSGyQ0L+ttaGhOY8/u9VrPIg3E4bsSj34uGcMwOdcwUspF0KcgLSK0UkOotIEtJg5RIDdW7gI5ldOgvgxaNlp4BAt2M4UWRx4PE8yIeJBFfQtiI+xrCu1zCqz0nXi3FC7UsILs550Wv9aWnLg4zwqUl6g8yyM+NmvofSqPlWQ8/NvBYwZmn7TkdtgDEHn+kNgehwIVLy6IYnEMzz+GZjyDglD1KYV3cbYs3GluPL26faivuvu5LV/dujq2x24KV7oap3vIVH/vOoaO/e3Z650t/v+2+3y41G5w6z87MO5/6VOb7P7w6NX3rM1/dtfq5B46sa+zYeUeGCXa1NVhHymuHr16Z6Hl5ePH4QOXC6daln7plyunI3DvcUFbn0zVvuW35zd+6pX/Li3+946nM2WenehLaop7BiT3/BWu+uPsbn75ja0vF4v0f/dzOXZ87OnLQEV/WDcu1XVuO9A8uJ2tWBwC/kMSxOMGX0gazyWjQawWeyXqWim14sz9AxDcabwarC3o5kkFm5DIQy7HJLGRe7EKFCogGMAApYAHgcAUG8S18we6kWjU+dbBCwQ6SNymEN3PYEIk6gAlkFuLJFfmF93hLNEdnrz4qlnruYTreyNzJuN9yOfVOndcBV2Yet/n5UzOHmQVN45X9XuzkexZpLg+hMXEgTaoKvJR2OZ0AVFWUljiDzkCRC7XbWaiRx6fGAImmyYkwq85KnEzZSxUgkXuyNlsl9UGDzwFqw2V7Z3uYiSWTOCcwhFJckNSJydozCWsoz5EBUQum7Gg4Iv8RehZ+/ciXDreFejf3PfBQ7/VfOJj5GmyavGJR2QMPZv4dgomDo9H7Hsr8nT+VXH/L8saNS3qcwceOrrpnVxtzImOM9q9r2Xv9zWXpVU3XXI5lysqz7/JaJANqwX+kbRBg27rIRfhQLaxVrOukHeK4Hx5gtsxh2ywuQPJ59VlL2KqKbbBBRQzEz9GXQT9p3IHS04lHPd12YZ1ItEJY6YwvsiGN1n7W4dtUhnkF8fnUcmplNdXEPWQxjkyd+ZePzTy/cfsXofah079c0SXarMbiiqahjen9X7p50aKbPrs9vWX5cNQKK4yTWy7d+So0PfIINL22c+OSFTqj3V/it4/e+eYNR9+8Y8Rc0lBqRq+IaJI/jmjSADzY5+1y2K1asbDPW6/yeRvO4/M2X6TPG7E/pE7EORd1docIPfHHt7ycmTk9+xum6DTkXt7ytcEjr+zPPA2X7n/lyCDzzYcz77+ylT+19V8z7z985Fu3j5x5eOS2b2FawesshL5JDx6aZ18Jf1lEejm6TcQDGgRBPpIDIM+3HcabSwD/Ix4SuZ8CauawXlkzDxSHN6PCCjS+yOFlVIsi/7jQ7BgTm/0O89zMCf7U6UzZfRn3afQZQP1NWnBL2oJatED5oqzfLeeL8LPwnjv5IkM2NNDPY06H/+V9iplEB5bjGMDGHBgG89s8R3Pu64fpy4/Mvvg6fnP96dn7yIvTdZtG6zYJfokjC2qqIuFin91q0GsEkIRJhdu1hSDZRodGyAIkjnmBQdIiDrKOBxpFgMYa2/KEmKSYR8UvNg8KDsl1TqASXUKmQuBk8Truvai+hIbDWST4Iq1nIrStYezqCFlNrCTUycKW4gJUYQFsrHXDspHoT+xu+Pmmy266b8XHMzOvbN/6JWj+5NI7r95Rm7L6LHZP54orJ6/8ys1Di2798gm9K+iA7S7LntkflLeW28kKfwyaXt3hqeutmvLpTRUR7+hd377h+PfuXizTDd9M1sLzaZNqGWS9tUWyXAVRHqpEsGxfenPvA7KtLK1wKn8RmeFNCbrzOhcUX/EGbTXhixIUQ6AADb4EVLaRzW18kW2vUNiKaQvJG2uCb359Zub111nudebW2QP8qdnrmWvRw95EH3k3+j4WjCv7m/S7DJRlkW/J7k4qe+jUi+UGUlyCcgNfpN1J9PgEvPu11+Q12H72Xebr6IcbfCqtcyPpYzJInNKLx0mEJASCDqEc5SDvDuI3ComYhNAqxVG2TJxAZq0TWzZ+MyABshBpKYh9JrNQ1A1VPheAep4UQNnvlA1kKichKEi+ECXUmmC+3rb/k7s3bGfQsDmdtvZ4z9YFkVfhOwe/eOOAv7jFb3XaKpbcuJJ9lnz7a2hmWtG3l4JvpE2loZJgwI8lBaPy+uOlQ9QJNKFYh+BJeDIHc73+haAYElaW4/WvonBYUtJtrkId8JW4/SWkkFdgpU0yui0D6OYapNxLNTAk4EYK48KmNFHZy2EtS/YCEvDGhVFkTP/YVVnyidmfOCNOf5Wbaf2k3Wu3aDJWvd0TKpp69VU2Ynczfo9z9l53iU5b5ptdIegsWqbFYDXws/skPohGkf0R+psH02kNXYFK9IwdSD5XqnqqwwjsxM+cvUXjCPxSq8o4Z6hxzkgiNYK5cgLuY3bNvPnao4/ilyDvIFyP/gyDL6cNJYFiv8uOtXJFI/ezNOCesro4XqF4rzfHsxKYCwOJ21jyrUga+RwoopeHVeDEk4Dmro7FvCCgbPFh9gHzYziyvgd55tBkIXomc4dmCjvVhWpYWo7anXjmkBYF2b0mp07nMsFfGv3e255imIzTE/PHPBkdyz51m9dvhO8wQlGjz5/wspe4dR9s5Yqd9Z6Z62Ix9kZv3Hnmbf6Uzj1zEuTwURe4M21wOR12A+Klqn1yM4fFIh4uQu4yw7Fykk+YONbN9AYeIT++gRYrCWvJguBriEhhLH0riE9BimhBA4SNpBw65uWYM/S5tRAtaix5lEGANq/HwnayzFMb3UHzzOsM89Q0f8roOPNv3gY3+7cPtlrsXMpT75hhMX0wYPXZP/Fv/f8f/6CYwkRqyiqhShnm30J64ZnTpzMzL2/Z8jLkTp+GPNUOD+x/5abBwZte2X9A0hD/8trOna9B48MPQ+Pru3a9nvnLw0fevGPx4jvePHLk23csWnTHt/F3I97GXYuGwIR0YKJdedxWM/pl5HO1K5aH0lEBbCYqSnGONuzHApDExkfV8LJGXI6f16iGIQcvwpLXkydhh9mzB2HF0gqXU99BFJmgN74Knzj+9SPdA8f+7fpf/Wry2mU1Tz79K6Zo9jf8qa4Dj22efvxg7/01o3t6PnI/9Z+tzvy3gOMZ/KAenEkbYtXhkMdtNmroiRIcdx7VI85JbEFsPCseWOIwy1pK2Mp0qqELA+IRsdAdlnUXhZvswuVAo+HjqItWgZV24eYDg1ByuVFwTrJaFTlIwi/LWWxhnYfGKhfvG4D7Hiprds+0HO49P7Ft/uwD19Vl9js80GZznIfoKM39EtFcEXrZn2IrJRzyedAvt93K51gpJskLICARl7eppc8/9xGWgJXNKVW3PJ9JLQUl6lmjugOJk8UDyBK7n5yowZ6TpISbYbEgpk6T83WTQ2JVdCy6sJBFIhbmUfRHj3/1+s76VTdOlvnhI880ejK3Wisq7vr3pdcvr3nyie8yy2af4k+ltt21auTI9iG7s2L2a5UMKHKeqBze1nXdDZRHt559l/0hovMO7CVua6mIhkN+L44Py3qJO5AlHkByhcGUg14RCRy8r4SPGEgHCnhr4V33hvm7Yq8ML8cWqHfbWy+ozzl22akPUaJLQTqdJp9xkJyJguJivFXrsFhj/Rv6u6d7S9s2HL7+8Ia29OEXLr3ll+PNGrfJ2TS+f7J/13BF23p0a31b275P7Dz41SHuJbO5tLI03D5e1z7aXFmTWnJoxdpPHBrYvGy13hxrikX717d1TzaXVzYtu37dyMk9PSOD6N39iH6vQfQrggdIzJ8IJMNCkYhOTHEsOaZGFN1cvQY1MuSMB9XNzFCRjEEs6Rs5fIsl0nGOIREhmxNMlQxItisUQEDhZNEoRXhy12QaXsvU8acePaPj/voooZeHzr7DO9E3ePA3QOCwmwyiADzQk/0GVtJhqYCmFCF/g5NoMUnVTSej2ERB5SbRyMNZKCLi0VeEMUXgaDZ2XijpGyJUYbfKIQT4zwDD/HDFrRsSr47e9d0jR7579+iriQ0n7m/fdc9KduvMqau++7GpqY999yr09/0r79nVQdeHBukwC0gMwBVpjc1qMTEqHVRDNDYIJeeiIfud2VsMPp+DtRj5K615t6qRiHNqsK+QcGbFeKmWNhrtRDFT6W4wrPmYt0QDP2py67VOE7xLLPV8fPbzn+ZPeR0zxtKx6uqxUvYv1uIPtiJ0iM7EX6P3rwB3pQ0V5dgGsZpUHmV32KXBKkWAoboYpggDq3xHzm0WJPFtM6t8i7PAbfw9IdzOMblfxCH1GymsaPrYamGeb8M/XaovhcRtDMOmh72lAqzQGAXRpIXjQtjT7EWm4ajNJOg0sJIPe+7NdD+b+SjSzLV85q5nyVj4fZ2lpV1e9hfWYvwr2RtqRz9sfqS19gcrHRHzmS+QOUZjxP0VjZEPPJLW+TxWs1GPNA2Fnk2E0KRplnRVZXxUN1Uaqzw+oextSqwqOJmmK0xYx6Mmbq7VVlBv1UIyZpINpiWiGcoRI2cy5a86HRp4uWiCG7RO80uZCPz9l10eTeY6UZ+5Wet2vsj8jHnJZJx9zelhDCbr7Nis221iVjjts/9lclN6535B/O3XpjUOm4AmUaF3p4HFaicNq88PeFHfpAHEKm+Hfc5NTCVu0koDZYk5Tqw2me6xBIT59MF8/9XZvzzlDejhoMOn13sdcIE26HmGaZ39KtPKrvPaZ78T7gwEO0uZmKUYz+0y9D13kz0VcjIYnwo26DHbVZ0MZhgVy5UtJ7UB5+Fg1umiAFC7sjTnXsGtXzmuR4TIwmxMpiBirXc7Z77Hxs98y87WzKD1OVgaOHPi9EjAx11+mvQ+mfkpzPCz6H2b5ffWaUSeyIp0qSo0T3UYmX4EvtLtZmuIRuglcDTrSbjP53rySZcv81MxMODy/P0/PG5yzhKe/cPZx5l35Nhw9Aygig3H4oI8nsaG0+UMaWw4S2YHE6BjJFRvZFYMFzcb+VdLSz4oLw1jPyb6hm+Qb0ikdWjYdSLPMfJuuRIbRR2DgMo9zNql13cnm7CdSr2CoZX05eG+zO0/dPiFhM8x8P7PUcfTrJ39MZpfK1iV1ljNXI6PQAelQyD0I1Tnn630FvkeTM2ECeuoAU75MgmdhtXS5CWoClwLywWR7Gkx3H645XprkeYrRrtocr+mcTuO86dmDzlMcL272llTnXnI5MDTn3mbdZxdhb6qmpxZwZogXlFpT+7xHpUfDYc9ITphHTN/+MTBg3jblLsFvoB0NC0eRwgEDmihVvlKI5kjrDhYySTpidsgO0v2uCtI3/6/QiWmj25xek2/4590uv9sNGOWT2zYd9lDnAgqQQuMp13VVQ31VS3VLZFwwO9xO+x6LQO08mm2lhBSzep4pB6SCGuG5YjDWRSQlUAMWEkjdAQ1kMYbQ6pvy0cdOy4YAeYvBMvcQOW2Qkh4pCfSwNUsOsSF1ChoiPJgod5AwLGcBbFo8B18jC2LSZAClOWtzjqI/dbS4TQlRQKOQSZqpxNiF3ejiSUe7EOj3hLeUTGyZF1r29aRWM9df3xm86buFd11bptPU7LktcuXHllZm4nXLe7vChx+ZleDt6bd4l1b1lLuCPVs7m/fuyzFjV5+ZagyZDe1jI81T59cOvtLezhe8h0uGO+rqmiNWKkNe9/ZP3MutK5dIALXpV1FbgCCxe5IUQS1OPE+IEN3TrE1W+3z2tGH071NY1CEivHowFt/WA4JyO7Gupx84PVCuzgZxa6tO0cXAWseckeqGMp2RCzbDSkDHE/dABgD7mTO7YSfhXlXTcFO+LgTgo0IiuYLjCyJUiwMzjJkFxJRhyyU5WfxslNU2t9NWKW5liwOUQjDUkG0koAFHMBw3wtdj26fOjnd1H7Jo1s2fiSh1UTh+PIbU/WXDZ68L9yznn919pGFK3pufPWafa+eGB/pWx1lrxhbmHH1NH3jC5tOrqoicmHo7J/ZazkeVEEmbaqIBvxFLuxTluw1PJOJKmRAebFTRGVAIZ7DqOw1R1B1DJ5T1ubFdnVyWVNv/q5Zsy3vRHvrBfUhNl5Y6YsvipGcY+sR4y4h7w1no0j6NRazOdy0qHno0kXlVSO7+7qXNJfZ3Pp4z1f3rHv0YH/Xlc/v3/FYF9utN3gCnsbpk1Orb9uQCEaD1u7x4YGbXrvqki/fgpYiXVODaPzfkNZUG15TUFpTTgfZWXdBF1lTeIHU2iHP+LzIzOfxVjdrVBGqgxA/4Y8CQxikvEbi5+yFw2oN6oXjzO7G1+f0REo+x/CUpxpJP3NeP3ml1BXuJ+KgbQweEaAsnVkj2UtpPWcP7JoTiKFK2wr5lUKldXnzhBZQJN6UstaiVhL4w66K6izdT+xaTpbMI1vXHEk+n+lAC6bhsgUn7yvtWR85PLqu94bX0HI5Od7VwsQ/6LphbCH8XU8jWi8nyHphyHr5GlovZSAGLemiaASCyopILBrzex0kmhtNQJlWXjtJFw5Lw3tEmAxxhD9kMatHIoDGkeD9y3kWz0X3Va2eeG5fBIk6CTTARMGTv3zaLqzTudYPjacOh+g5GrJ2FDHmRswrhNgWE151/74um2d2LVO/5MBg74aBOqvLEA+t3r4vtf1frh/sPvTcpdffbWPKS3vWcXzH/id3VfnXn1xXFyxDC6iiLWpf8JFv3Ljj88cW3fjRI51bhyupXe1Fk3M3/ywIwAiJNwiAQLHf53XasD+BePLiWMSYsV0MEXkFcvzo5ORbGT75Zgqq0jDgaajMdiEn43jAASWQh/SWOsgOwHLVM0jsOXY+q7picDOvOAETWXB0h+Mbczqpj+QBesCOeAJbVA9BKjsSJfH83oVDHkRFvpSTc8d0tbhJnhbE9oqxSWF9eZ/T91DDquvG+lo5WFIcrB1uKoaRzFvsGiPvdCzcuPzYmnrHCoemqGmqe831Mw+hxRzP3MX+hBNAC1gE1sD1af/oYgiWL128ZnTN0GC6E3u7LSb0Pi2wRS+fsO7XQFETtzKM2F3F8Cwb0EERfYwo7U/wAstTq9WEE1xhktdSklfCEFw0l8FChGwwHxkxPqEmXhjpOfGtK/Ry58YnAA4jiagRa7ByODofHgyiEQHOgTEPSo4juQ7kt8MXWUfEjg1kjZmhi6oH5SaY9U6qjzjImQ2StRyFoWkzpAAxyhjhr3v210F71f7Sls23TC7oKgm1rj907aH1rWgp7t37xJ7UusnqhCVUXzK8tGXLCXh71eDabbsaWhaEB3cPDV46WpX5StNks/+SXTsvKW6e4IRif09Ia+keG7pyWa3VUesqi1g4rSs+NdB9aF1LzdCGxuHtQUdvs6uutspSdcuaoSuX1p55PVrrMfCCxre4qbSt2uOt72EWB5qGY2v27FkTG26iSQ3uRFLjx0hWOsF7JP7GCZw2i9GA9U7FuxxykN0cqg9mDz84gmip5Bx/CMqAkOgIsgJIwKQ98BNqfAoYgZBVPdVmufJgYgWFc/DioB3cD0hn5GodJMYP77gyjVKQD+nByT2kyCG63ufqhHi/FU+faL3z+e7TWyevXVrz/PZdox9pRUrfM/2Tqc0nl80eZm7af+1I96wLP/8G9JTr+BcQebnBa9gD4LDpNNR6VHagPNksZdYgTjFjUm2srcsFMM4B2CX7PtQA2UAPeUCLOMlOJRmJZGDs4kqHifdGzgNGjVku15jlVmSdOfa8jC9w6vkfOMO1Xm8s7HCEY15vbdjJvjejZ9+DnUpbHb7WEd3r7L9l7iZj4gAVEGKKwmch0C+HFdGUov9GtXJMiRL7xENyMkKJL3FRbWthIWjjfNDkZLcEDWkqjsicbpReT2QR491JPETxQn2I4VGfD5g9igWJQymsvAoE6p05q3prw4WNjAJDXNK/eyTU5NMwJrPGZlzcU2DEz3y5Y/vimE633ijCheNcusDoQ3AfWsvvo7UcgFaVvPZgqmSzO294My0nUgULT2OQiAQpqEVez5F5QVWRLfJgVkjAcwJbMJwchmjklePyDRQetUKa3WJOR5AbEINEdHzuMzj5xeaPiKEzUSAmJor366gTc7jW4bXAtDngeSRzi8lntRUb4a0PuYKmzAvmQCD+Av/qzAN6K1xucWT2W706Q9CRMVht8EGnMeNHQ0546ePovyn0gwV7c/xIkg8IKxfGvMCtbKOZNuKRNINsuhnq1JvfEaXyw049z7/6QRd5GcLX+XeIDepLI2YFqkBVeaQ0hPOy4exHLFS8RaFKPY/JHc0ENXbILoMpqBFRsxxgSbZsZUBAVTpqM+AXcmSBFdKRgdF9AcpRAdREocBmNrtpm8XMEU/jfJ2I4xGtxzTuIOIOvMiiGzjmLEEOrZOliMQ8lIIbOZGRkOC8mUhvwFclFRbi/kifJmvTLZ1ckaSAKUce7IjqjM23rN56rd/Zv2xDfOzq5bXPb9tUM9oefn7j2p5L6tj3Itv6py7dkBpLFiU23rYay4krDgfbV7Xjvw4dXNAxawRZeYvmxQ3+QuStG7iRjWPCMyLIM1Ls4qnYo3EkkKjQsqxVgu5kIHzzXEJZASwkPHNC0xSMLCON4zmkLQJWSVuWk3ucT9pK4x3IH19Tz6M7syIXDeiehSvzRS617TkTGj87etrTaZvTAQHicGFnWK8FdmhXJIxfGjyOaKO8copXfQJxXhhndlvBi28qEXpqCCRcy3Jv0qMF/JwTw3PPSncyduxviirHYGv2vnB1b+/VL+zd+8I1fX3XvLD3nrvvvmdk33AkMryP44eOv3rFwS8fX7jw+JcPXvHq8aGZg19/8TPfSG68beXKkxuSZFzuzDzJmTmR+Dwuy/MjEu8Tm/Uj1vq8PMtzTsR3mYDi4iBUlnVj2IjfzsISueq90F5OdS8su+PqXoRWC/kg1T0VWz3/efN2knQAUzZkui7nqWp/JI4bYbGepHZHInpuyX1PyobynJIsz2T5kYQo6120q2lbEvvWXO8ipnNz9xO7ibdk36Nb1t6UgFbiLBk8gb2LmSf5kcjB0fW9N75G/IudLZk09595/kW0BjJPsm9Ic335eXzGuf4tlcfXoZ4IdWyT94J7OVW9FkpeMVbuhSfGNMeZltdTmWt1z3P1kaJwWBPIznVOX8XPJUiBFiCS61CTPGPq9+Rp1F6uiwyHXBEs6uALZbKxwM11jaWaEjDXNfbG8+lHt8uOsY0faTLoopknsC/5cuoaY9/74EX4v0MrZffYQHo0MnMCe8fSKck7RuQF8wGZ67eIvCCr2WLCGp0gR2iHDEhiOwXEibE/hUZKS0KD5iaUGR4+eiUDInLGx3jic+UH7aMkEijURy0Z5PMYJBNSurHgI7LiIb+bIh4k6eCSxTFJNUilw5ZiF2dIntpa1VfsFotMrck1V1ex77l8p3dcYbfe5LHv2jp7GMvWzrPvsmYkG8hp2tZmfJbW59EIbNaSTbRDyBdDhjtHnJRjnjip+bvOHyd1QX3OESclXESYFPN9g8ccTY0kY4MJX2xo7aa1Q7H4xpNrdjzTXqVx2WwVLeMdycVJT2xo3aZ1QzGcW3P6wVZ2scvlc7srGoPlyWhxqKJ9ecfAFcvj/U19RpO/1O+rbS+tSpUXl1R2rupu3Tle35WiekzN2XeZl/lOEIKj+PxLsa/IZcdptowCh9pCGtk7mNBCyAbRtxJyYJIA6/sCH8c2qOSuJlwCSUvifLVlmULDPF3xEEKBhfLJQaWjTLIX19FJO2INqPVCOgIgnXmTEOBrSEQ6qRZprOrOEHuXhDg5acPjjLV45sG8KGSdlC+NNtIt9RTJ/EwOIjlc2Y0T+MbB6w9ZXI9XMi7rSpyTu7PBXxlwakz6ZO0NlqPXMLvsjgVO2GK2Zx69fvahdKfZZrYurW4g83YIrZE32PeQ3vm+rH/aLDjmm2ez+qdJJMktETuU3BFy2Ixa/8wDQjdlBk2PL2WDN1WA0vIwq0CdbDaDmgRKjppjVQqvBTm4OudQEj4cgYFJoiUcWc/h0E1GktqF+6iMcmyJp0hUubLDYYU1O3Yuvrn1eaKLPrZj8tpl1ex7s4f2XzPUw/x+Rh/ZvXBFavrkMuYoGUdkX7P/i8bxPDFnpv9PY85sdzr9ApoNi6ixmRD5+Ry3ZDY9jFilefZA2WA4PFjG3GpxzuhpPBX/Dvs3UAs+kzbU1pSWBItzY87K3aqYM9OcmDP17dyYM3y+3VngdrX8oR75JvaVJEn8IwXgfOkQvkeC0mgMEhmK/KA05evt9OvtUlSa+icOxsWhIMjWZ4VqaLrV5edf05h4jUP/fd5jX+Tw8t/WWzW8RftV3m8/mvn8Ca/uZxodz+s0b+sDR6Ux6y0t7S1jbjc7HObZfeG+UGgwSEewlPm0u87trnfPTpBAHxw3yr6J6MEHnioQn+Z2mATE6BWiyItQ8+TcLhCjFlYDzBulVkWgLjpOzd5Eh4zGqbFS8Ay8NvP00y6H5n2t9Qc6h/mxzNNw09Muj+asaPqDzu14kBHhH03GzBG/H6ZN1ox/9h23CZ4odmeeIDFqJqSjvovGwwUOpzUIjcAxZH1gPdFh4uXkuZS9WGjQzzrVPRIATwCgMgq2bL9sgJoLN84bn0YS6s+JUINf0Pr8R17KrL3f7RWgWWvkccSiKBRbT2a+5yiCd7Ivu02zN7hq3O4aN3O1xUll3gAazaXom8z4FAk++Y9j1HJOkWQlWqEQtSIwb4RaCFxYgBrOO0UC1HAat8YQu9Skn/0RUznLGw1M+exPmXfZJ+1h02z0liFj2ML89FYqqzM/RSt7FqTBApKfv77IabPgoGbE8dMNZdRdismEkT2a5KzSPIk+BLz6kOnaSG0arH60QRLERvVeen6epBR2Olx4YRYrivJnBnp7Byx2S+Xk4YlGv8GxaIXJZnJVpkKhVKUL/blikcPgb5w4PFmJgOCTXeM7x9LxjRunk/0HltSOOmyblzVv27QxHu1ORLTaSDIdiW/ctK15+bTNMVa35EB/ctOmjejFf5V5Eu5D38uCdtXZSUx5puy4W1RZXOdmjKUsxhr+1c0387PvP0PnfwqNY408jl2dHe0NdTWVVpNeS8axGJLAFBaf+KJnaZCUp8VbCvuIyXzS8SI5jNFQKSOaoqmfySkCrArIRiUa0YSzVICPovGpmjj3IE5UISA84PBJNEyb8BjWjTls08vJGEbSSTyGie4oGcNlm22O0Vo8htMbN8bTYzvH6TcfgKc5GyJrH/pmGwRFLhtibToNso990Cei747hY/9JvGfdKEDZc4QsKoanftmcwG/yzUj0JiRPCNbvw5IfnPlb90J4e6R/Szq5Zd2yMvpjczf+wWxeOtC7b6ympDy0ZAH6IxYqx+GJP0Dz/F2k7+OaMlcXqCmzkOyeKCdzHPKqxLqnRZ2Iith6EBC/vwxMS8rkJVPKEorUQykpg+csgah+bkkZQSkp8z17acznjeHUNDGSmibzJFMcW7p8dTK5evnS2Ozb3E+lhDU+KYENjWe5+awTDe+vkKxOwVNpS21NZUU4FCgucuGaKqJs6ffr0Rsl/HYLkhPxKDK9qgCD+JMkSRmSOzJO0vqx9SSEjyFpf4JSylH0JActVqD/0Mhsc5Gt+2e+GWaiPReDDKecFOh+joyVZMYfuSgkjABofnyyi8yQTJb4vQjurN4+pzIH1SxxIQ5i15ogrc7BOly4KAfTsPpjl3T1XPP5K0i1DcvEkaZajdlkCMW6qpJdS9uiFr2Nr29/iRbj+PWxK5Mj+xeX63WjRz576d4v3DzOvuAo/q2hq6FTr7cWFYmzAhcs9WvFrsEh8dP2YuaXj3zZzbwvtGw6Dqj6CLhV/CdBJ6xLOzo7mpIk11QIR9jotRyjZBvEQRBsqpoRBUY5E8Wpo1bUue8EgWYIwhWyZDs5VQBB1vDPQaV0N4uKCZa+iO6iKO3lUzT4gg2xwXOiQKOh4XEIPWHQAjc/KikswE5inKVVTSdVKYFAorfD+D8RZyQmaz6Es9xaw8mS4qNNex7bs/jKtf1FgzqnzuTROyoTPbGu9ekS+FLAlTncEi9uCTCP6R1+20x7aWd98evMQ94yyK/9xOEF5X0rkW3P602eurCzavGevszfB22BvwzvjvHiiMnnNu3XlSb6ayHmg0fAzziOW4/ePwU+mtbhGmh+L+LR8pw2k/P8LAg5zfg8YaDIhUV9wIgUJ39J0M2SnHHEWx3Jnm51kPwRPefvmlUxc3PrSP5vURrDVHnKTT07KTdJryOIbrGcjqZYnqqFqbw8Uj8NFZ9adW/NttaWLdWnVtwbLA0V37fqvpptLS2ba9DvQOmRcOd4Xd1kR1lZx2Rd3XhnmHkI31p5HwINnEKgW3HXe1ffFyjFqPDv2nEMPV5bN9EZDndOYN0IrYtJfP4f2tJF5Pw/DnHyFLnxWWibBRugenkcq3VEVULfinMnYyYR1UJeAwUR16yKSicuyGpQKlbRLlRjna8jXQGyEZxSd8Gk2JjXT8CFpsLoD1IpC2HBV0z4QzqYpwnj3miCdBzQkURUpMIH/ovXEiRACzSCVkPzVNDsvASZTiL90FzVGWmfTqW8QGPoThjPbPuoN6iDDpNDFJHZadeEPPdktsJE5hm4JPPMC/TCXMJWeByz3wi3Fhe3lTJNVv/Mf2/ZvjXzBmzbuh29bFZnE8GSnLx9VI4XASCXPMjq2RaW6s6qWyzWocMKCD1oIWtzVqrRYZ1u5leZt2Z+SeXrpWdvZI/xT4BBsBLcmzYN9MWqK6KhYI7nMDUIIT+1uKMILYYwTTGc59HjqOsuojpxSVIpdZ+353l9gQVcgYKSa7uAQzCbixVNHi7T0ol+kmAltkFyEtYvavQ3jG7ZvmW0YfGShs74httW73imvVLjttoqWpd2xUeb/PGJbXu2TcSXrYl3Sc7C2c8N7D7S2VQfSA6MLqnoaeL+hJ2HnqrmYLSlrro2tWB1x/i10cjG/qwLMez3xDqjsZ5EVU1iYE168dXh6Pbh1p1j9Z2p2ccSC1oag97hurLm2mg47AgspPNh4u5nlvGHyXn9vXnn9UvQXFgYqlCT7Ax6oJyw9LJQ0rRZKU8JI9XIo+f0WaqFK4XxcvVxqsnlR2fweb/fsZVUul0VQZstWOFyV5bY4FacrM5dGbDZcN3DyqCN17or8K8Kt7sKw1W5837jzYS+s3/m/47kcS0YAhvhyrRr3ZrJ8f7eVCPO9+z3Ou1YKutk3W6BG3LI4Fan4wJzs3EBqKFkpFSPspIqllTI2mgVy3X/JHTObFHM/vnRCUDL4FJU0YKI1cg0vvTiD41HxGWvwgo+jZSxkCwcInTyA87FuVHpMJuikMNpypA84qQlRVKWcYJGL+g1QkfL4wc2Pry/q//QExt33ddSy1sMpmB8pG3gktHq6pEdnfU99ZGZieS6o4+8vHnzFx45ui6J//7C5s0v47+nayYuvfWRqSO/fnpTbGL/rY9OHfnVUxvhf/GiIKR7FvYd+uT05iev7O1LdQsGtLRiSw4OL7pyotrgKILazV949Kb1yeT6mx79wubpLzxC/0YPWfHYbQcmY9Of+u3RFY/fdvlk7eZP/56uo9VsF7OEfwpUgkbwf/jMUF1tVWN145wzQ030zBDLx7BEwnkgC5z60ZDzNAKQtWnK4Vgl7Co9DwL5zE7+SZ18PEh+DZ8HxcUd+8Fzf0GnfprooR8Xs6TdZtMYimrjzaXR7npfdOqOna0t0Xik2GJy8K7klQublrQGMm8lhsoGNrR7k+yg3tbgLHEjta69srS3McxEutptTqtZV9VQW9q+JJH5fjS8nbH6kAJH6rDcDK5nIfsIcKAZ0aYFdyXjYPTV9kY7LfDECiLxYeIQ1IKNN/+91WTSPWgymY0P8ry/tS7vNyO44U1+0WW0WjJniowmV+aMxqbxG/3wpnluUBv/btjGvsu8jcZ3IieHD+Y8xSRNWiWQcrpIkSCAxoFwOGUP0jYa57lNdQisKtzNrr53to15OzMFibj+B+v3cAr/9IEEWAiWwZNpbzKJawYmFyYH+3paUk2N9bVlpdjzqJe/pbMTIj6B45xERqSn0bQannAVjQ6KnEY63SZpwFZVYT/pXNu6fwyLM3s6rj0fCxIKvJzbqQA+NQ5Rknf9F4ujkH6O+O4wxYOsIE4UsN2LsdXPi004Bzat7J4/DzPlSeoMF9Vj3HbqrJczZ9Qy1bDv4hjorz4OS555fOcOq0f/i7tDlq9rPd6xA6lFdU579UDyCPPNi+CdP8ucZq+6+tDaIx5dwJF53gNrjaZLnRWt0UhzmY0QpoP7L2aC77so2nUwnbOv8X2X4QUywJYzbyK+jPWbyQL5iNwFzDGrouqe09ripMHPcUHlW1YD8akr+vuvmIrL12sDTQurqgabAoGmwaqqhU0Bblvv5cvj8eWX9/ZctjyRWH5ZN2oNBjHUUCoYTA2RhT4NxrhS7nmgB2ZwC44yxD7x3KyUWrnaWa26yJkGy3icNFcyvQE1vQE1vWmAWVOhamfn7Sjk1z/D9oqqBlpmJ/vFmR7u+czx45nb4b7j8OBM5BiesAn2CDMubAYxcB2uBICrRJLaSDEYU2yA6upzFi5SlqiJljk6N/Q8ZY5UoWJmKdsCrXLURaockYgIuXQOhCuTS9tDuJzII+465+tOdwbqDD/21JTY22O1LSaN3cpp+QXmm4XNgaZFdRX9na2BTwgal2NRtdFv+KEn2djoS6Tqq0wWCA07dhDCXcJexUygcegAz+OaRk3J+tqqygqSldZiAh2wg8zoMBqN7hZcWRnZpY6LKCJEiomQLRJaiOjD4JinEJEycvlViHIrEMG8QWThxsREW8kVPf1V/avqW5Z0VJtTZlOxXrAFqkuCdSUWa3l33fIFrfX1LQZ8eF3L94o13UuEzcWJvorrYvbFnaklLcWehsG6IsFtLPHbHcEKZ6Dab1oO25PxZF2FxYxGt3G0kVY3/wp3C7NUPicOcL5TDc+qzonL215WKJ0Tz6n0BsnWHLb3mKW/NfmcO+42hUr4JzMZs/HPbifZ38exYex7oBiuIDHgxYDU6qE7/KJsTUfJRrsDbx0GBH7OLj+OgLHQJLGLSGR3FjofDLM6ioFTKhnUSPAshZdm3CDFCOT2kWM2atV9OLylX5rtag4ScDl4gFG8hfG8J0lR6jh+jOFICADpSGP58QVzlmbciaedSNw4D3J3SpW+kOx/oa74og7+mhNAEC0nuelw6Aas2bVdjiPoPbF8aF+5KKyIVrLvze7ZfVCOJRjsS9RWLY9mfltRxhO6qDqb4l38KSQTHiHzZge2Arl9i6VEpHFs4CawGSwXOdZnU2CV5wCR1L043ARDAZpwiOYi9aVxyATHgCpiUmHfO94BxKFQuBfDyL1U9SWluCRn2EpTmMomFe/64QOZ3z+w7fHLuroue3wbf+rUByn+6x+k2DUd20+OLzuxuRm90lXwX+ETzG/Qt0WUmovz1lEsIMeuclc2BYLNFUVFFc3BQFOlmxlX/0J3qT57JPMwfAfoEO2/jvMfedxm9Cy0IoqVUzkhixERs4/SDc5SWAFx2SwW7xEQtxInpYQryQVkkgXg8IIqk+GgBMfJCR6ysDi923xghJeFFXB8kaPi3MS1Q3YGy1MJtdun6RnB4ipxVlW7Ktuj1fuKVo6XtIzVVw4FrcLfRK0Y8tq9NgN/YszR31SSKLNbTSmqvxxEsq5PWIek9iNSBnsdNrl4uV5JSEsSueYUJ1Sd5sxWPKyeC3iOkof1BdCep+Yh9dulcCxgHUwlrAln6FN3cTsNJre2/Ce7bshsZ/8Hfr56Smtq/uLsoaUkNpZtZ/6F5HoMgvVKfHjQGVTFh5NjVziHYY6ShdkS1bIuLKz7HEHdArIm4TUDl4zV1IxdMrDg0vGamvFLFyyZnFyyfHKSf7J6bP8CXOuqevzA4IL9Y9Wzs9unp7dtm57eTu32e5CdaER2og29G7ITI04LQHZiihRpsTelouUs+qsL2p0RJ5vf+IdWv+5Bo8lgflDnb/07rPi7+vf1yOSzWiFfZNB7IW+1op+Zw263O3N47g00BVsQ47iKvx+HZyC2WA8/k/bX11ZXRiPUS473grNV8ozyyKa9DjuyWssg0DLYpuARE4tjxU0LeC1gojpVoTsDYm1KNTg9DYqRN5I61HgMWE9IYu90ch5UKiRmimQxQjIwDxLAaUklvfMiIx5YZLR9nsUEP0TQGaRvEw0Im0EwXABKJh+l1pdedy5kyA7nNVUA6496nK9bKxf+k1Aj9sZCHUt3I6FeeetsCUCDLK1oDUBnuFGqARjJW1F8sinFJniliCxv3m0yTuzO/KfNyejgsqvO3Jqz5JCxyf7pD7MWe03xCBu31ZYsgvpuvfm55yyGFvjdNtV6fN1e48689P2gi19dXIKWOqanNYieYki7XAB/lQ5AsKC/J93R3tba0tyYqKtVa90KPQ2nGupxbKKkTbMKTclaNRlwloyKIatg6ylpUa1BR0lLNr4H81Hq1ZRxLqwqfGaKD1PZ+D+AL2sGULyQUodEcEsJZr3q40U9QqwX9OfHzsyHXedLb1Tj1RXAq+EBpj+5BCzuqqO+jgJP0RUwZRTyu2BrJp8u7QpFclsuzM6Z+XgOpf4+S6LMWxdiASVUxDt7uUS3HOhDdHs1/xDig4vBErCW2ZCO2qxrV69YvmRyQX93F6be+trK8lDQuti2OMsRrXIVoXVD0KAvglpdBGrECXw6LQCQzNUbdHEgajVaUYMGGGhFHXWxAAFosMljVHMPvR5remYLQ0o5UF5iolStk9TuTf+Ex5jNCDt9lgXOfZReWkDTBR5l5vW8WR/PfyRCA/QGXo+feb6nZ59lpp+Fl8Duf/RZnEB553meSdiy3pe+6sKfB1A3ZO1f6HOBET3XKPNsUwGebZyPZ384yzafsVtyGftMz4exfNkbCP93FOb/zNcu2i6eWZ0jJxhQk/k4skd4UInkxBv4JEd9bU5dNKxwJxzYCYCDYXF6fJaHJC8RT/ISSUYb56BVCBjpgLh8rqB+/q4MKTDARFQ4aFm0+btko/zUpQoYWqpAVmJ5ZQ+C64IJN/aKZpMhudwwz9BhmeDw1Lb5C6NFDSarmLkkvzTad3FltJqJy4dHdow01TeE7n/CUNMZr2sfa6vpJ5XRDHrOkl8a7exZWtNK+KstivRNYBGhFu4EhdoNOe0/UtqN8HJV+5tKuy2n/c9Ku07dLsaUdivcj/Xfs78BQPgByedaBANpB47DwDZKtsaHEq3U6ISQ5uNnNbSwH1psnEagx8DpwS2gl8vjiTSpjKxgJqTOquiBAmiyXc284ndov7CuPC/V3pJQ0EJ5vnSv1F3keA67u86DRlTQABqFC7I5S0JITkr/5Epe+CIyP2ZnZ+3tTN3sLzqYDTMzDbPffUEf8d4NfwC/vdZQbFIK8cDjmU84PIyD+VNlf5DazyszD5OaVMPMVekirKN1tDc3NdSVR0oCHjeypIfhsLIzPYyMWa4V8kKnycgCcSHUAA7v3gocmz36kluiSt7zDUItWjIa/EujsWjIdrLxH0JpK4TS+c9/S8yAJuaghHNQIjEgQhFvXc6DGxFpFrMsx0cvCjOOiNNgK7bwI7K79IsuCm12m115gBqpxpde/iHx8UAEPNlBghqNpDfSQcAXuoNEmaba8VHLnKeOGD0bZYZq/whzo8pBUnbLzx9cdt4KYxaLcWTyt49YCvtSLjdc9iUITp2r9phxcsM+IZXrckG8jtS5Iry0UuKxqYLthpz2HyntRtijav+z0q6j7We/iRbuKwRPDLULUPs+fe79iKHerGo30Paz76D2wwQ/bTeytP3PqP0gwU/bdQz1SeBIjG8jnmwBIfBW2hagQXJOi9lkwHSn1LuK4r17yIqApcxT2hIhcXESfapyE2BvH01Hl9tPgVWlJ4jNB8vgSICw0kdkqJu3MQuPS2CyNNQOWS3n6qfkvKZF25xSBbdwRKre5qQV3OJvMG5SL4EU7Jj97Rvcf+PCCZmn4dWZG+FSXDiBNTAnSAk3Us6NuT+OS7llLJdmWFLNTZpLvpnIy7gkL39A2km9EjJnCYlW3i7Ybshp/5HSboR/VLW/qbTbctr/rLTrcDsarWvADzmWmwJ6XN9Wy0N9tZYRtbAc0aoWsn/PfBJuXJc5nfnYOjideWIdXAGn2L9mPpl5cD3cmPn4ejgNV6zPPA6n8BijZ9zFv8X/AFFLDDRDW9rUmKiqCPjdTqNe0uLwScOUB3JMvCEaCSJRadIwgCe5vGAjzamYy9KknVDVCdGC3VmGTVIc5+qOqa/x3N0Ry+Ll4ohSZ3JWNN15wf1UBz0BqQGmyutHC8JEy0maOHs0y95SJIDcZeMdpPoN2S5PRsuhS1UjZtcro9Ou1uLFX9p3mBTv2P9vkxOOkpLpZ7buO9M93M/c1X73clzGg32/u332kgMfV9WNaag/XuyF3EZY8gIp5NHatNfn/v3GzO+ePvadheyNVdW4oMc1Xx+cOTKAS3ogeiH1BAjdtUj0+AAo1G7Iaf+R0m6En1S1/1lp10ntJJ85wdMh4WkB6vo1FuADH8e7Ij6P3Yp+mcXcXZGQKo+mqp7I3CI24fkAgSqlVrpG0sbOA03y72QL2uDD64VK2rz6qzklbaAl8y5/KvP+3KI2ELx89l3ucv5ZMAj+hM/b9PZ0tEXCWO8Cg3BQlNdNlQ/vFGSLS9FkHPiwjVU+y4/LiUn1Z9aR7B3IbpmvB1KLVSkAVLVDa3J7YXAOH7ola8Ks6kOrhjbnPQT9QLZSTjdsO83ZvM1JdUlMI65wbCunLihNEsh0MszDW+/dWFedHk5XN46tGWtsmT42uuG0FMqaGm6sGWjwNi/ZuKQ51ru4N+ZpXtHVt3e0+oX+617kn21fsyfRvqwnXp8oKU/G6ga2LF58aGkse/g9HWkeSFS1TvY0jnY1tS+oL+lOhqqWXLNkJsr+bNtTh3qAxE/fZQ/xTyL67cf0C/rAjwu2X5HTfkpp/1FO+0eU9rdz2g8r7Ttz2n+itL8FfiLx3ncFnAumF4yD1ewj6Siudj21fGL15OpFw/19XR3NTYmG2hiuWCnlV+2FvRZZox/sbmM0YtDNkJy/yOYSNUifkxKYGqGgg1LaUrOBEXHCpTKticEJdLDrnYM0GYSNJn30/7PwOSk+vBu95MPiAyp02Mmlwi2r3hsuGDc0GNSoL/RBBmlhrTjXgxByERjQKiH4RA0QidMq+/TzfMlt6AFr/sEH6GlGWj3H6clVfga+hnTSMe/pwg/RMbr5HgKgDj8gjB4GdKygO/+z9JKPfcu5nmWCQH5cFGjRw7TzPUzP8Xqa7EUW0tTbCXh8wf6/rXkPMooa4/keZESPMpKBu/AnrVihWDpzcvy6aJLfaPk5YldxCRZIAlcJc8SZZkkuYO7kxImtbRbP7AmudtH27v7VHVGLySbUhZZv2pG87Esp3/IdV7T1Xzo5J6f9Zy45eGeo6VOZz+J89tPjLZsWVsFXOtb3V4pwJti+nOPThz69r7J41bGVNcVlxVpNB04cfMmBzqlmT3hgx2D7gdVtXPzya8JVYZLzfsuqqa2zb/Hh5sGq5WNlQ3uG4Du49Fj33jGsyQ9lHiY50gfhVhxn1NeTjNfFqKQTOCzriI8H2+4DPqRt4WL2bdjO5AeQPTnXdidRHCoT3hGEGkx12BEnihZRSWk7MgfbXKtVwqYhaSVgDlYk6rI45XD6hR8CJzGMsacxixyzuPTkh8ClstVFUbKo6VviixwIn2tOs+eIhFdOK6ptaXi7ypaOTJ7Y0irlZK8rmLpdbxXibU9tsBa2o6/Ujx757CU0Z3s6P6W7VtM9OKRpVZnQSNaRHOFEli6UZOz/ERmY335FTvsppf1HOe2HlfadtP3s35HydZTg+Tq2e0Hfd6hsvxcHh6jar6DtZ99E7U0EP23/0Zu0/S3UXknw0/ad36H288jZv3A8fxQkkWZ3ddrU1JjubBxsGqytKSslcRekyn1rPUnAl0x47DazIEK/+uRjXqnc5LmBqS8620uqm4uZDT4b1IX+L6d/BKA7hU+7oelmnTmnXVxuBCTa4+Q4ukwg8GGOd2+NbW6xeXjH+hfHnwhrXBvaNw2Udx7+3MGNT1092HngE9um/6Xbcdnaz69bsH+8lrUkhzd1Dl8yUl47tp2rFI2CyzzoKDXxPrfZ1Glprz/UYtQ7Lb0NV33spT23/eKhZT2Hn9+39olrhpYtP/7F9LGZW5t2f2Jv9XhXJL78ir7xa5fFyLzQvMVYV5qguhL+ZNRO8gOS+ZqU6ORMwfYrctpPKe0/ymn/iNL+dk77YaV9J25HOtc0+FeulLuO5AKuBt207gPJvMqQmtTpavVRcrJwZRfxnAwLvBQznL8tYM37PY1jWeFGe0h9qjxkz//NvH0MPp7n9p+dzN8HQC+XPvsiF+MWIpu9GjTC6rQtVlPTGGvEZ+FwhLJWVM6at/sRl0omIvjsBhbayAC2Qh4WFzK+HSSZe9b6luPoPzQOJ1A28lvPj0MRv7kYRF+67+I6q6Lossa87IbPckpizqvO3xFrHjrckEhvmiQc2fLs7R09ON/jyI1NKVdbce8dPQM47ePoseY+ZMevnPl6G3xx4d6RA6MVMDW8f7QimRkdYA/0felynAeytGSo2POV/teuwskgo+FVPvfsvzy0gVnc3DR9R6ascfq2lfeun/1cPaZXku+J0P0KaT28Bwq1X5HTfkpp/1FO+2GlfafUTvK8EDxrJDy/AEo+Sv5V4ABheE3a5XICUOxzhl1hkgs6N0dh3FPEsjxnl3NEFq5To85JKcoZBy+059zskuqe584uqVSgUSpB5DxVnSNyvp5yFY/6eXvK2SXn1Lxpyf1EUlnyohNTWs+dlvL5rse2yzkp1x3Jz0kpFs0+PKTUvOnvyiTyc1IqdHBYoYOdEh3oMk/xd/KnQDmog8/g3aTKirJS6ju2WU1GjQDKYblO1vXqa6CGx1OBNW+0DjWkNDSOQxBIVtugiDdjpKmyQCXzZErqJzIBLT6OwQAxXhgBIBqS1F0hhnN3F/Fw0x0QGQ+jBC6r+gJewyfPhUCQMu7K24g9eX3xfZqvAG+csECsVyPBSh3xV9MPEKXTO4vzkACBRboiOcbDcmRPGyGsVyMUzoFQl919kQ5NRvF5YpwYStpeTMCwYnXAEEuKP/LTaGL8gTWJqc2j7Z4SzdHZq4+KpZ57mI43mI6Io6rU1VDlDjiMM12M+y2XU+/UfUfD97iLR3taN0e9Drgy87jNz5/6YKs+WF7njVaLWg3za2ZB03hlv1c6y5h5iv0N8WlMwl+mvf19w0N9k/2TWV+G024yaEW9TEmL26DALwwyGq0frQ+NFakHSI/GNQXJ0ACthtPSJSttajmCOqjRyOnrgnJ6LbSYLYyy6bf0nFghyTN3IdiBGrnsfJi4SOSAJtWJzPcUVtn6G7sgzCLgydHLaIFnqPA6WWynrPywKBEmdE9D9SCaykwZDZIjSD5CFlKoLKEiRaSLXmQhtyz18QqRusobg0W6wuXdvNrC5d2ypCmRbnFzImYXSy6y6BvilSvPvstrib+7XPJ3/1axTa4lsnSBJEv/QnzCz2ae4pKIh0bht9JeNF4hJT+F1WImPDQKowrlt3A0uIAHcnoJUrMGTx3dhSNJI/5fc1ce3VZ15u99q97TYsmSLEuWJUuyJa+xIi/yEjuysbM6CyVxEpKQFBwIgdCQQMKSpkkIWYCSQlLaAD2HAC2kSwhM2rKWUjrAlJZSMsN0b89Me+jCaUlI6RBsZe5371skWU6cgT/mHIIlvft97773vneXb/n9YCxU1LzBVN8iZ4gCBYcATAIqhFOT0IQUxdSjb4t7JtajIKxgFrQuqtBM1ewuVKJhWLCgXqE6U4WWA0zLJCejQgb0RZkWlinQHLAxtGtS9DJJpgdZZI6z1J9HHTqnNqX4KKsFGOk/c5AVpJzBdexSftPYQq5p7AR3bLlp2jnDqZHZYRoscGyR8fNVio07iJ/PhHp7MNmk9Az2DnamG+ri1VWh8jJqSdPwNJtuSYNNmLzNbDaWBHA9pMitFiRFoPm1xoiQv2aS861KHzqHNGWyqUw1psrza82bt/URc/akdBrT70TKOWOgnHkuhTyRV3gL8/wV6s5TR4zl4gvWJEK4ia7jik7MSlGL0f044znCsGwYEK+zhP3ZMKT+1qu+tW1G3y3HritKHJY68ClPIuJhtvWCzhymG1nbyhpu1h2v7QDCsAIusWkzHdZwfIqfmp2wWGcT07gx+H+Ql2XZRNwYjgJujBKT64KxY5yTBsNkwWD8NBq2j5fyzt6esbickD9mnDFUYlUhjYAC5nCcRirMFSA25rdi2JJaqxJolUmMb5BTBcyxKmBODxPWeD2ySN9vGTwvrhZ8BG+vyD7AXTv61nP+h3/A1/xwR6Xj+Wz0Ea5+1e0B+zAHaR2oncyPc8leyokeoPfOici1GFdSTrogc4CDwBA17QWkz0WPa7zPsCcJ5BxHecQjUAqTL1z05htc0GligyXwENjV4UNP2Uq+9NST/i+LL439YN6VTq980ZjIPTN0daV1gPtcbg7EB0YOhA2/mePfOWL4d7aQPjAe3FOWhHgEBVGSS2XI4rCpIRYh34J+H6Dh6SmCVj1S2lJB+mrFPMeY4wAtFcqIGYIbuTQANVEwo/vJQT4Hasjp5xKlaCjwBYqPVVprUKAGZrBGlnt24WoouZxgo180jAyvSMe9JHM4j1eJLBYTpuUCFFJAmAtSiHL0kXktXx2Y3EU56iTIZNQJ2RD8YyWW2jkMVSX5qsgQOmfyWhRBVBi0jz4V67rgD4Po0yoXjTm2jTq+MeRdsHBKG9+a7we3JPSZdvTRRdnDd//l8RUrHv/L3Yezi3yZLUfWrj1yU1/fTfB3S8aYdN+7afc1L2H7YZpasefm98Zadp04uGDBwRO7dp04MH/+gROkj7POnpJupPGKDJrLjWSq+/tSUzGaOaNvbv/cro6pmVSmsT5aZbBfJnHSYWBYTMGqJVTGglM6jaVKFtxAlh23KxzjypOsNBJpI0uV3JgsLInaP54Wr8mmOffcWrCi5ChB51SpT8AXFVFJFFkQPF4qa1EpvZ95nmK9g4Dh/P+bKkbFmauUsnEaJWCLLlwtAjwNUIplQZDZB1lTDn+hGGxxEbVWjHTNEFi0qNKEehEkEpuRYY1CVJk4wmgEGPNgkXqxhkHLXoMyM6h4Oi+o2LMs01TqtbXQmOKWF9PtL+0befTGTGbLY1fe9r221HNjj925NzqwdnDm2sHoPn5Nz+rB+vFBRIN8dNOWDbfo1DY3X3f1NqC3uXT/5a1AcHP833jRCBuSeaHr7Hv8r6QPnHGU1uYLic4XlPuBzhdLtL3TY8hsD7lIrL0DO3PaHzLa/wYiPUYu0ikjF0nFA/T3YfL7QTpP9WrnnU9/p5jQ9LyXaec9braX3UZ7J+TFGe2fNdr/Hn07R/+vjfaOvPaHjPa/Af3kRVqXfYg/JR4lY96HGQ9dcMQYu5e71CIJvEWvk2i0YyxR5jqZ/OX0XRxbBbsYgx4tkHCaDHp1RWQYMx6NV+rCZh1wCxOA4ZfjWYJmgaiOfswxtDVaD9ylSXECZFmlTGlID5awOLGwni/EE+tta6X5v25GvQrpQmDnUSg4i3i5w8v8f397WtPF0xstyx7wev/DW/7XXwbDUy7ONClluJ9HY/GfPHNZZ6BrxQD3Zgnnd89+/JUXL6/0BbpWDjy8g65vhHu4EbKGtKPlGYvdBphZJs6/SPEWYYOE2mARmQPmzw6xknHMkMq9Ii6ofmZA5Qyoqplj6LDuFm5ki9e93eXcIZXZbv3d14R7HNtcrm1kgrPk9McF/QG+jdz+yJRBAE7aBie1IrM/chFyAbk4uQDpDyNigfGAwdnysVttZdJ2qyTK4nbJZ93yu6+Jh1Txs4oqqsJnJSX7P2CrGi5OqYQ2UhutEu7iBkhfvegWqMN3OW2qJCIv9hosA6UAtUBjkzUUyw8bWH4hqNCiMJZmUQ2t0aaBTAGgmTEPBeQQqyneSFt0w/DWoiPgAPA0Ts1b2xfc5oh2NjR0Rh3bgn1XC3c1zL48Hems9flqOyPpy2c3QP+PCy/gJ8VnkRsFTbwCh4FTQLn5aCZnAaHjk4y/kUXggL9R7DK+5XBlonXCNfgj8be0Vv2SjAo88QYOUHACHCD7x8IBogyUtEpsXVV6Vm3d7I6qqo7ZdbWz0lUj7c1N6XRTc7sYqx9IVVSkBurrBpIVFcmBusaOjsamjg76THdnv45PkrchiPZmbICtYJFQEAcF3WdQwbxPzhIOBYFDOccToGMlAIkppzXhdYM0m4kVmdoiLYpdpTRuR0xGAp/pnX7Z2O/6G7qjK8a7S8Ld7c1ue46jhF5jqXCUWybuQwF0AnIwfV54zyjmeQAHaAx0CuybJADZ0FywZs6llbFgQKZajQGIDjCFWmxeR0QXDN6Gucc2wECNsAgRxtQ5UNR1GXKLWvTmOkpenphQFHxdXwrk4q8b8Ov4cHUCX+tv7quN9bQnfbO4zwSS/QnyuVlsqm9sXtARroxWLk0u6IS/zH4vE+7k3qFYNm50W6ZUJXtT1a2SNStDtTGwFkp1vE6yNif3yWUidoboL2yIZwfBzHNQOxOQLsoWljDIErtgxBYA4Z7PZ5GHjhMxPuFvvWqr9M65wx6J4GPvOyo8w8edoQhA5jhtp3xeipxTVsaee/LsaeEJ/h8ogqN0To2gqoqAz+Ow0W0lm1NrKdgHxkA8A5h3sEMis5XkCGvFDjCO2bCBhVNbvC1pEzanUi9vhJPirD1pBiKCxDY6uCS/tT7xplhrhAWAkk3lSwG4LMstYIICz0hUezUhUeI4sV6HgDFVkBstcRMqsBg7KahQpTAwMN9Cpi5P+W1jdBwUnghV7n0qu+nmHdH+sMxZnAFPf+cLiivg4v8xy1c9eje/cWznln0211zFKuLefm5rxlruttPn8CBn55/n9l8QvtqDfNXo77n9OzV58Y0LlRdTZ97Q5Lv40zghfojKoQ5CQtja4IZ4fnuaQTLS8QX87/LGyoplC9MWUXWGyh1un1zBn05+OnnpVwejok1yqJ7Gqe2hqoG41Vau0ro6/nd4hvgHppdYg5XlDUgyzcRJ04p4iueBSyoDyxbkKhb/kFydXK4rdjdpiq3lVlqv9y6egU7m6K2ZrN6TE6olVkDuA7eE3oepgEMS9kuAQzLBvfBN8ha9PPl71jjhzeTgXnKb6b2kffOHic1OeD8nfTvwVyZ/4xsnvnXQv+y73Gb6THL7N0FHPkb/JnyA5+oesZnN2fuFUvEHKIyvyzjCoQp/mRdQwgSOjto9AO5jJ2td7IBy1GA5J/BQmYOBQputRTjGbiUIZWwfMJtuHApFAGwKWM94NozZNQGY9LYWPUeegJGVYWcisK1vLdItyt8RKzhXHuiXtnnvNoS5AmGDPIwDHdx4HWTgnKZLi+OlkchDuQ+t4C0qbmRjtLZTIgEe6vf5XpymkBguNxlDE25XZHNdQ3Ro4cJEeW1bOu6bf3iwsTZ7ky+ebqstz27h7wsnFdXG4z/5fNlyOYCT4WnZ1aP/9Pl4BT+U91yb8R8yZc1TmhrrErFIZQXEC9nzVfXnO828kTVhThSqqygFhgULMtZ5EeCJKfkPXJLKJCPvoqu4DijR1p/EOH1Mg6hZwAS9mFCDjvKL7UwHmMRgcR0IqgSZXUzUG+bfhD/k+Wo2MmTaSDFtpqEouqFMrFSuyCzW1SmgTraMU4cUnqyX8izHgmSRgayaFBV5ei3nsSZKSzEFJ5hVObAMHEKRCawL761tHDw8nxnZ/IcHG+rwvuK2Nvb4tHAS++Ws3+fD78h++I1bSu3uTfR7/rv8a2QlOM3YK8095lsInEtYg1lHjhzOpfGIb8W2LG92j+wZmrd3TXf3mr3zhvaMdHOX6N/mkW/kKHmsS8+eFIfRuxRPtRt9BTiuIK+Woaqaq1Bgr9aWoRytctIDTQVHvOYutBKOsM7mtWEdrsg00AU2XSORAUCHgdCJtPIuT6NcSxdcYM15vi8tBHkQxMJfxsYKf7muILmz4jzfkYxmnf275RnxMXoPp6JBtAytRzvwrzKhbVtv2Lhu7erLAFu5PwM4AI31+r116DtVAHKD/CKGu2TDgI7CvJEYM74lVxj8weCTVyWOwjDoYZaOScjSCjVQQKM2ZAldKhle6GkTyAuCNQd6ubgOPcugB3ZyUNSJTO7I4lqh7C1XiVcy8gzmGEpERVJE6bzKiB4RQO1jOQoViSUbLDOV2VW7qBZVhqzIZrHaWBxa76FipzrJHl2V7LQSRcfvp7qNBK9Ct4VcEP1gdB805es8LWvOc5x7uXXJDdMHNg0nk8ObBi66cfHUO4NT+2pq+sC9AH+nBrnblWD59o/+rAbdu8S21iWbzOY3DCfvKGzOrz2vRmH6otuXJ5PLb180vHtFEggs+ld0BwLdK/r7lnf6/Z3L8WftrjO77E78qUW7oOGuRcN7oOGe4f6VXYFA18r+vkuh4aV95zlOx787yNvyC4rtTtbgnAdPgOteCOE+IWQ76LyP6PwjxQEkOskmmqxvxwP+4T/mQfxxlcXR/Ii+swMI8THxEJlt+jOSIpMRTR8bbTnFsvqoaNN9lCz2rhouS46aT8KAFcpBAmrTMHwwip49KWwk48lM/PlMaOaMzPTens50KtlQB6xTsNp0uxw2CFk49D4MKWTYbCPvRg5rEzFpWbEAAZVdp32yYYm8Q4qkoaybr7fFosJnVS1VjXDSnIl15lZLTKDd0OhV6UgBL/klH0+jqmpEFUwz/IHozxWT0QrePyC7y1sW2JBVtlkpHjY651msOrIBZSMzy34kmXFYObA3iH3sM2QGA367QZuRiLW1xFthfxeLHvCs+vzT1+7+3owei9Phqun99Nx7X6riYhXlWRir8YlgeXZd8Pv3tn9qWkOV32axWebOeHP/Dc/uXeK8ezc5voe/bdvr+4dGlg4o9viU+GvfT5dWemq9zlBJh6vyjTe8VTVVXlmeceX1Cw6cuO3KkpDTU+chc2qGny3WEdsNket7J1MeDofj4XhNdSwaqQoG/OUeF/jmVQMXyFdW4uBFspYPwYJe5HBK1hL3FfDjIWtYoo4k8wdsZOW2jhembYgGjq7xmQRFMaZrAQamO5QjJltEUa4n0pLIQdkWL0pAJEfRXmPgyBc5i8geZA7GuemVUPSqAoPP1hVzpYHINprgfVBtTh5hgqLwxtr4lyWrIFosRxSnc911ynft4dKw7WnLdetcDuvp49uOC4sdfgf5DzfbLWPH8Pq52WPBIJ43K3uAW2ixe6/O+vE7V8Pph8kuZpt4BKXRf1EM4jQiq8raOCB92lSj2j4+tdKLKRctMgCaXWFBg0eleMua/4sifJiteW3pHM9rW4INhI8pxdtSWMFYrhB1/gLERxEBCt5M4ZKAvFtbkhU4jWl6qQs22uZE5XNF6CK5LTelysHJXvpK8AMX770iPXjrkZGRI7cOpi/fd3HWEqrGj6x+4NruK544tX//qSeu6F7/wGr8aHUIf6ek76r9K695ZH1Hx/pHrlm5/6q+kuycWHDkqG/13qNrtr99//Dw/W9vX3N072rf0ZFgTMtreV9IiY+jetSLfp3xNDa0tzb0NvbWxmMRttYyEFY6ILs2GSS2xeXStIClsSFRW2y7wmDyZn2+Xr3QXkw+B8Ve15QvTba/mckLUgqsmKlBxCanPYw/cG+5wtCzmcmbKKw5W5GYPX+45dKDaztnH/jNweF71nYN7X1+w9r7kxy+Y2v9zI56u9Vtval/y+qZHjXeu6Rr0c6lTVXTFoudFfVBx5y7frT9R9kn3t/Tec2XV2360cHhZcM1FwVeed3j99hKP9qX3vD1TY2XZOK967+4pO/KGTXMtw382JeT8YYnI+zmPFYUih6sYO0FYGvMcYljRgMtupGbMxbNO8as22jD5aSLteBITQQzEmtu9RPcJWe+Sfbi87LbFY+iuBXIl3+Qf9HXFY12w54K9WaPiH7SZyv6Dn1/85gYDOx3H93JiEjDDQ/zjA1VJ2D2USd8W34jM5AYYYdZPRQyUcWhPYUVFwBWXBA5TgDXMg+u5TxYcYETEVcEVjwfVzzWJvqfezprffo58dChD49IS+DfIXKNi8g18hQb7u4Mvbg8lriog14reMRz0N9y+eJ0v3zYaMkxlriaHBH6mOqMFuehlxM1rjxvhLwoGjmzAlWWi4QnRtdwPWMv8w98dLGicjeO3Wm1kOsZ624d6z7U56i08Rw3Zq8kO2R0kFtBOXguxGd9kF8x+ij335S/YgqZXf5TOoZ86LaM6iPLK5ncWINRJGjHlHBdCz0jnvE7U0p33WQnbFPC00zH3MNkidKWF5pHBquxQbxExlKTk10jqMehbwTr8IKyoHifzSaIVgUfE4OeTWNvf5H7UqSus6wku6ZqIFrRUSnOdHo/XEjO04WyYhX/EN3ZL0BfzYR6ptXVAibdtAU9C1qm1nbXdYcrgS0N6oisOttI69wmvwg1lSEeMhE0FBdVUiA5DGIa9COFQIE6cQGx+aTfEAMeQpFnPDc6CIwKrheJTuCC5viD3yhHrYVRYzGuvhpYMZklCtRBo496Dq4mf2yL5BCzyCGe/0vH8nl9wcq+oRXp3usXp1KLr+9Nrxjqqwz2zVve0bthOJUa3jC2oLo3nfL7U+ne6urpyWAwOZ37QvX05mCweXp1dW8HHOrozUa7h+rrh7qjyWVbh4a2Lp2qf5+6FL4vS94bahtMJAZbw+XNs5LJWc3l+t9wK/zeRt6is/dlH+ZXkDVBDB3MqOFgmcduFTjjfasGH1Y5pklLhpeHQtCY5S36GxfJaQuFsBpXoi5E37mGnDZII+wjJgiFzhQzhmnlc0J+LHVPhrsNxPW8EYkiNxlv9h6/Nz5YZeEspaHykc+U7LT3XbFjbmxOSOUVT5W/a0lPjUW46OjTDuew4lDF9Zs/OnPlvaua7M4hm13CFd0r++lccAxv43/O/yuqQGnszgQqgxi1piBrPpiuTFMWZguwYRuYiPM95N3j3RJ5VZIRcrOao2TOFOhVY0o8CAmfAItHPhJbklgJsEzmT2ChhZ9yq4FlDcPwouJac3TlqWDSNYjeO8q4AnVnn3TftIgyDbsbOAJyghXiuCf4nXdXtk+JKv7Yhp7Wq9asagp1kG+Vsev729aOrGo6xzH+Uoe33LqxeUqkNmL3+m3rW6ZG6iLZo3by6/XJKeSzQ/u1NkL3z8/xJ4VtyI1+linTimXycETpEwO66xQdzGrJVYpSnekv5sC1y0A8LZjBb1IUT0TdxXSkSbJtsSRKbZOUy0w3RcZ7fwGR2CJquMHgBdYwSPOQP+n4n26RW7wRsnuLyLF0pC2SjtyH/7xxx8aT2TdX4f3Z1JYdW7Kn8dxV2WH+8ydP7nltz+jonteoPR9EC/n7hS8gF/KipowEhUQw24RdTgtwgwSLzzoCnJXGqURK2iWGcCWmVEsHeak0kJ05pSWQ8uJn/O7RM7xE/vnwzbc4K2w/LbWJJerPbBXOW/CtWXUPW1/9jfThdLE+KDSME0Rarnk+3JZAFwk00FgDJKeJGsj6Iov2CH969Izbj5+p66iY6s3ODJTSLki8b072dujFz9xWyaH+1Bp03vLR97U+bD+7j9zrU+SSPSiZITZBXgrSh6jLoUo8jPQ0OWrCW9Gi4Biv7dEUTOsgt+PdW/Hu7C1bT2GPpUQUHQouz/6pVBVLLNwLfNvo66M/5lvHnvPFS0vjPm6Qm9EQK42XgW8mmz1C1kIvEePpN+Z/NsbaaF0zy43htJx96psB67FrvhmWw4U13wzf4opxxGhe+p8/wZEAmcxfF19EEbxey2vQeI7L3Q4b0LmRM6WI1iaXE3ZKxHTBDaF7Tu0UPE8n/wjLEmdkyVNSrBwhaAF8nShnz0XkdRGDFHmSIiVM5JUCETgmCm3FJTkjN6JtvAjCLKMKxYkwvShKU8JeLqS9nn2anETrrWEFyxIrtMpRocXUgnhR5BGdmZgOXofmpY+hxcWSEvOgViD5CkI0sM59doO34qGuG761Kb6gUuI8bmt5yZOHuZGnsov4lXbR65ndsfKBDb2qutIu4wMHW0bD/OrRh1j8Fp7pKfE4CuOHgXkNhRF7olAUWAJPleLnxCEoS0GdQlowVasAkSBFpFqkT9Qic3QhCE+UmoEmQHETzRBscSHdC9/AhOAgvDvsoeTL557nWvM8uSK5Z2NrbCpUwoQeBYyUIueBNmwJnxsw1u2gVb8cOuTHUC6KaE5f9ZPRJT0wn2MsgxiQPyEgMCFbDbLCSI3Xk1P2l7cvMKsOCgyBenMA2BEMwauZQevaB9decmjWyFPt62t33oUt2axmA+2LvrSh335mmVjPSV/c3b4DLACf/XdJxT+UPiBzR2VGBZB6MvcoZH8KlGHGYADDFDjxYFFU85WqKs+JO73lruwvpA/sntdl2y8Qd/Y9qYzbLJ2icZ/hAi7CT4JTeRKUyj8G4mRvAiiSE14gUsZfLw3VlvlqQy5XqNZXVhsqlXaWJeBbokwnWi74Tt+JASnBRaV7LmgPNYB/myUy6+Dgw5LK3UvuqRXuKd0/q5SbLY+GDWYgkWWX8S3cvdlfugLeO06ortIyl/TBz22W11Wbhafv6Nl3ib6bpF8jJ5qesQBSrparqyXkjk8QlosmCBtEtvGExHKE0y3cTXtsQWWnRbAIO5Wgbc/fjkmqLK0SBIlbJclv5Z+/FM7PuOzN8+exzGvnH8cfb54/Qb3BdLJjKcH4jmN/o33gAUiXp72Q1Ldk6TJO4nmJuwz4GDEKiv/k5pA+2NEqyAG2qpCdjuzYLuo9+UQyfWmib7ythWW4tngk3LLv7k3zh4fnb9ov/nPTxu6enu6rt5K2T0th/E3ZXchBVnQvyxdL7v2mJ9rkL28EmJ3Gcn9T1CN9mXzzeOBbI0RVG+naYrP4E3xSbqK5vS15ub2TSN49T+7u5nDLQBz2Z7B/iw+0hJfpubvSrYn+5kCguT8Rz0AoOBNv6Oxs0HN3A5KFG5beIvuYY5DXCvxNWl4r2b1Q/9Dy/5dZq+OSViUza/UbsRp8eVl9b20s091aHq3BI76G6YlYpqtV+lxdTcOstspAONBQ3TC7NUQ+sHXffPJenJH+SvNW106Qt/rJZqfCFchGcqrxCT/+KmSk3u2MR/Cr77sqvav/xV1bJf31FYf9257yV+wO8v//BUcuz2IAeJzVVztvG0cQHlKSbdmSbQRBYLgwNqzEWKJEw5VcGTYECBBswzas0lneLckF727Pu3uiqTpV/kKqFKnSpEvKwFX+QYAgZZogTX5CZmb3+DAtv4AEiATy5nZn5/HNY4cAcKNRQAPC39eNzyLdgNXG95FuwvnGz5FegS+aNyK9ChvNJNJrsNV8FelzsLGyFunzsLfiI30Brq38Gul1uLJ6NdIXm7+v/xbpS3Bt489Ib8CtzWGkN+HVlc8jfRmuX72OljRW19HQT9kqohtwofFtpJtwufFDpFfgaeOXSK/CteZhpNfgUbOM9Dlc/yvS5+HLlU8ifQHt/y7S63Bj5e9IX1z7aVVE+hLsbfwY6Q1IN5uR3mx8tflNpC/D7St/wD0wUMIELGgYwBA8CNiCBNr4vAV70MXPTqS6uNZDXoFcE3iEJzOQUECKK0dQwQjfHJzi23381qBwh54Jrozx6VG+gMe47vBj4YQ5BBygpII1P0AJOa4KaKFEiWsGqQ7LJzkK+Vw8VbFmkiNYMp16AofIKeAh+kS887IXJWzjyjM+7XDdMG8XNdEH7plyYvVg6MVW0ha39rp7O/jVFb2J8JNHJpNFKo6qkXSn4v6pVumpTsRY+6F4rJyyJyoVB6bw4oHMlWgdSW9aHXGkE1U43KqKVFnhh0o8OTwSD0tVBO7IsC2eKeu0KUS300VbahiA5ACjN0DfCXmLr2pQZRKJ1yMyH4/Xo7HPaASx4jWJ+9O4d1FodDb4Wru6L8gUEVXvEz5dOFMgzDPDGZjvwW24g2/HnBueeQq4GT3SuEaZY2JUHVIVclA0YQ6tvdt3xLFyXtniJhqu3VAYhNeZyiZqZuHOmyzcmVo4c4T0Cnyj/LL4pGzL+ciIrel/RCV0IiDaCSm8lanKpR0J0z8zszrLwX2XEjhLFrzr4Bv4l9FwbEaoYT1FgWLTx52EK7HPlazRZOoXKceVOkwRq1dz9Gd1WyF3Hqu57jt1tzlmzEnrGIPXY+uDlEW59j360NZCZxGsM3hDPWfejtbUyvksbHM3OuSO4tl/xWcDRglbSjhQcgXfyd4QuIAMZW/ocSVSnjPaoxw5PZFwbfRZZ8J7BXpI/JbrxnIvDZr32UrPcodcFxkjQwhRtgp4gWua9ZCHIZPJ3zLaStpb3KGHsWdWU3yD/z2Um8a+r+Ala+shl+dTM50pY1Syt5MFT028X0ge+VlXFNnl3qo7lOggRpdifcp+UxSexuxJmMvxbhLlE1aGEbaMlWGft3lHxrVk2gIC7idsv0bfMpa7mKMVnizZjiRmIEkjn054v+ajsz72sD7rz9nHWUVo1imQX/Iu2Tbh2grFrVjGYJoz5OvdmHHDmEP1PUl+5NGWGk3H5xV3qeVazVCf4T3qZaOYv4q9T2M+zDSFiq5XZLxJ654wZiTOru+6krejBjVFlLJmwF09ZG+KK8GSgqtCMHYZWzuO2ITaoM5v5+wMdLqQEY5zX2O3sKwpTAp1x/CceRlrq7v4cuzcQnRnPku2TXGU6soMUsYxniRtO2a1jrk0i5xnm8K58FYxwhV7UmduHQ0XuSRmZcgdv5ArdWQNV07BJ9ziLeMkjhVW0w1Tqr5MlOjLXGcTkSqnBwWOJLoI80iV5zia0LxDo86xtE6Od3qSppbIa5fmnq0w4IhcoRrRCjJaJDJcwe2OOPR402nlBFqUSKv6VYbaexJvKDTGGZySSuNV4bWkjcQU/UwnXhcDUVptrPZ4eF9oL9zQVFkqnFK5eFFpj+MV3qGFK1Fq4VtiPMRpqnLBpZ5JcV5TL73oVV6M+WSqXZnJSVCKkge6kBndw9q7xdM4CwzQXadPleuIpwhPkknndIL8pTWlsR7HDrctULfXCc0OaPuJdrqXqRrRqiyVTSRNdQN9ongtUx4nlL6xuQuB0NKKobS5KSaC7myVqQEh0xF3PZ9wNEd6naMUMtNlSo1mUc2MGYlcjhBfdaJTxIEPYaCJkD5Ma2PpFuJNQd7GA4oMNdVgSPCmBoUUxou+yTIzRmswGpW1LBO/0wCEU7nesYYGWUoML3XmeIKZeueCu6xZir5SGQUTWcbopx9uI9Q6C3A4bw3u4aNKfGUVgUtuoJ9e9hAdH1AhZ03lCuUcZveQy7TE628X/8f834ljyGxO6vBVmiMHDL0v93d3x+NxB8uAh6NOYvLdDxf1+szhcG1+6ni+NHW8RX1dVm431NXzuq7wzH/102zrgyFow//pB92yhw7PEaolX5gdPpHh0/CosYvaDlB6+2N/Cm6dFe32v/MrcarQJVaX3nWczjrGDnYfHhy1l4rl/ZyHs0XCP+MH6+YAAHicbZBlUFRhFIafj1pZWkAauwtRUWxUTMRADMzL5bKswK7e3UXE7u7u7rG7u3vs7u78pYyyl+GX58d53nfOO+fMHBywV+5vsvlPCb+8hoNwwBEnnHFBRyFc0eOGOx544oU3PhTGFz/8KUIAgQQRTAihhBFOUYpRnBKUpBSlKUNZylGeClSkEpWpQlUiqEYk1alBTaKoRW2iqUNd6lGfBjSkETE0pglNiaUZzWlBS1rRmjjaEE9b2tGeDiTQkUQ60ZkudCWJbnSnBz3pRW8k4chKRjGaQ8zhDWOYwkQWs55VwokJ3GMkM/nGdyYzl3Gc4BFfWcIGfvKDX6xgE+c4w2aSkZlGChdQOMt5rnCRS1zmLalc5yrX2IKBL0znFje4SRrv+ch4+mAknUwyMLEMM/3oi4oFG1ay6M+7f//PYQADGcwg9rKcoQxhGMP5wCf2C2fhwh9yhU4U4jbPeC5chZ6tbBNuwp0XvOSA8BCewkt484rXrOEOT4UP93nAQ55wl8csZDs72M0eTrKTXZxiBMcZy0ZOc5gjHBSFmcRS5rGOBcznM6uZwSLWMpVZzGaf8OUox4Sf8BdFRIAIFEEiWISIUBEmwp3iE+PidDaTMSIiJiKfTXUxZoPZpKTrpHzG5lPR6BIvyTar4mLSkKDBoiFJQ44d+qQUs1WSZcVk1ecUSPudyCbRTrE21ZxnIqOiovUGVcpSqsiSRfFIMSqqYjFa7M4tU5JVs8mu9fatduklG1XZlpmaoWRrI1kqSCWrSv4qz4KjduuqGk0GLWM1ZqRoGZ80m8kgqbbMDMmmxf4CJkvc/QABAAIAEgAH//8ADwABAAAADAAAACIAAAACAAMAAgEGAAEBBwEIAAIBCQETAAEABAAAAAIAAAAAeJxljd0KAQEQhb9jxbLr/zdJHsMDyIUoF67VJkkkWT83HpUQ78HYuHIx58yZMzMHAWk6TIh1e4Mx2VWwW9MibnNeLxwjEfvTzjQIZ5RXi3lAI9xvQtqRQ4T6beGSp/7V9eiL6H21ZdLEU0ppefKVUVY55VVQUSXzPbos2XLkzIUrN+48eJrTsHLtOoGvD4+UNBxGyX3rfEs+sedg2qFCldobohoZkgAAeJyV12ts1NeZx/EnBBxvKNQ2fVWt3FUDom2yLk2aiJDLUslpwLFYtSG0Sx12WrEr6i6Wd3EsCw2WJWC4yC8qbbktxGEdJ3ECWJYSYBgS0jUTa1RNnVVEEmc0qkajiksIEhIokfxiZz8zQEL6IlI1+voc/y/nPM/v+Z0zZ+KOiLg7lsTjMav1x+2rY/6//bKnK74Zs12PSiWq92/v3/Gbf/mPrqiv9mrMjlm1tj7uWPBo7cne+DQ+nbUQY3eunzU2e9ac8bo1dy2ZM37X2vr76rv+5odzxu9eO2d87jfm/mv9fbNnfe1cfde8ma8fnrWwbk3DrxpGfWYaftXYql/7r3FvY75pXWNrY7465p3r71w/Zzw+bepu6r5zfVN39Urdmi8+1Xm++Jiv9pk3M2e8Nt6tz+jnn9v7PtUY7lrSMNqUqd6pxlX9VGetZTV242/1/+qVujXxVNxdaYuGyt9GY2VVNGkX+H9h5b1YpF2svRcP4EEso/QjeCyaY7n2icrv48nKSKzASjyNZ9BlrG5sRj+2GmsbtiOFHdiJXdht3D3Yi33YjwM4iMPmedEcI3gJL+MVjOJVvGauIziKYxjD6ziOEziJNE7hNM6aL+u9d4w96f8cpvTf1Z4z13mxXsDHdLiCq/rXcB0z3v02ZaapMk2VaapMU2WaAiUKlChQokCJAiVZTctqWlbTspqW1bSspmU1LeqSqEuiLom6JOqSqEuiLom6JOqSqEuiLom6JNpp0ZZEWxLttGhL8fdRJ765mF+rXZ/IciLLiSwnspzIcrG00h7L8EglFY9VNsRy/bWVZPyiMhHPajd6t8u73dikv1m7Rduv3e39PdiLfdiPAziIw8Z6RzuFc/rnPX8BF717CZfxSU2/Pvr10a8vPvP/YlGv4ri8yFeJfBXn9XFdH9flOS5/M+LfirgUj4rysUoiHleh5a5t9PwmbKk5Ks9ReY7Kc1Seo/IcleeovOgSKp0XWSLe9+6H+AgXvXepVt0+Ea4S4SpVrkZWrW4+fhN1PH23K3O189FQWU7b34pwuQj7orkyGt/CPe4trEXcR/M8zfPRQocHtA/iicogVwxyxSBXDEZbpRxPefYn3v0pnnZttfYZ7Rrtzyp74+eVD+Kf9NdW/jc6jPGsdl1lLDaaq0sM3dik/5xV2Is+z252Lam/xfV+/a3m2IbtSGEHdmJXrZ559cyrZ1498+qZV8+8euatsUFrbNAaG7TGBq2xQWts0Bob5NZBbh3k1kFuHeTWQW4djDfMf1x7AieRximcxpvuvYUzeBtnzZ91/R1zTWpz+KPrU/5/V/+82C/gojwu4WN6X9Z+giv6V927huv4zLUZ432Xl95TrQ946b2YZ13M1zZwZBMWuL4ISytD/JTnpTIvjfNShpfy8SPP/xIbvbMJW7DV89uwHSnswE7swmHvntWe075vjA/xES567xI+Nudl7Se4ov+ZdsbzD4myTYRtomvjpXzc4+5CdxbjXrTE/XzzAd9Uo03Gw+4vk98jlaMi7hBtH0+M8QMvGKPLGN3YpP9cZUX0YrP/k9otrvXr7zbWHuzFPuzHARzEIeM/jyG8UFvLHerygVpUs+tQi7xa5GXWJrM2WbXJqk0N8mqQV4O87Np86zZWOkXTKZpOEXSaudPbnd7u9HSnpzs93Rk/VKWkyrSrTLvKJK2jrHWUtY6aVSlp7SyzXjLWS8Z6yVgnWeska51krJOsdZKxTrLWR5bvsyqVVKmkSiVVKqlSSZVKqlSSXzP8muHXDL9m+DXDrxl+zfJrhl8z/Jrh1wy/Zvg1w69Zfs3ya5Zfsyqd5NMMn2b4NMujGRVuV9l2VZWLjHIympLRlIxyssiJKieqnKhyosqJKieqnKhyRswZYcoIU0bIxQ+oN8EHZT4o80GZB8o8UKZDkQ5FOhTtG3kaFOVftD+M8cEZe3eOF85QfoLyE5SfoPyEmpfVvKzmZTUvq3lZzctqXqZJkSZFmhRpUqRJkSZFehTpUaRHkR5FehTpUeSHsvyL8i/yRVn+RZWdUNkJlZ1Q2QmVnYiVUfd/f4q5mI8Gbm9UySbtPfJcaK0sxr14AA9iaWU1d7dx9wbuvo+7276U8a1s11Z+J9Nxmf4uNhq7y7jd2KT/XOUhrn9I5su4/qHY4lq//m7P78Fe7MN+HMBBHDbXX6/C+G0qjNdUOGec8+a6gIvmvYSP5XtZ+wmu6F917xqu4zPXWrill1vquaWeW3q5pZfn23xPTMm+LPuy7MuyL8u+zEm9nNTLSb2c1MtJvZzUy0m99uope/WUvXrKXj1lr56yV0/Zq6dkWJZhWYZlGZZlWJZhWYZlGZZlWJZhWYZlGZa5ste+PCXLsiyrdS5zaT2X1nNpb3yjdhL8y1PgUq582G7xVSe3Q+4/jyG8gOqJq3rS+sXne0Hjl/aDhP0gYbah2n6wWHsvWipLzTpk1iFa1dGqhVYttGrxfdpqn0jYJxJ0a7FPJGjXYp9I+D5dZ69IcFE7F/X4Pu3mpHbfpzs5qZ2T2u0jCQ5q55z2r9xPdpt7D/ZiH/bjAA7iRTGN4CW8jFcwilfxmliO4CiOYQyv4w3zHteewEmkcQqn8aZ7b+EM3q6dYpLqU0e9ITVqUaMW+1GCkkNq1cKJ7ZzY/vnedBXXcP3mPrXy5olm+LYTTYryJcqnKD9sB/42xYcp/V8UHv3SWfYps9w6z/5M7W6cRErUK908iSxxEllCxZJTyJKbp5ASNYepOUzNYWoOU3OYmsPUHKbYKMVGKTZKsVGKjVJslGKjf/W5+Kzxst67dTaunovP4wK+OEmkbjtJpChUolCJQqWbJ4nh+DWVmqnUQaVmKjVTaQOVElTaQKUO/kzxZ6qmVnVXW+TarZ3thkdv7G5PVAYomKBggoIJCq7m0RSPpiiZ4NEUNRM8mqLoAI+mePQQj47waJJHD1G5mcoJKieo3Ezl+6l8P7+mKJ2g9P2UbqZ0gtIdlO6gdAelOyjdQekOSnd85W74orlH8BJexisYxat4zbhHcBTHMIbX8Yb5j2tP4CTSOIXTeNO9t3AGb+Os+bPGurGDJlQnwbepm7toQpUSqpRQpWZValalDarUrErNqrRBlRKqlFClhCo1q1KHWjX6Fr5RgUnqT1J/kvKTlJ+keoHqBaoXKF2gcoHCf6buNFWnKZqhaIaCGcplqDNJnUnqTFJnkjqT1JmkziQFChQoUKBAgQIFChQoyL4g+4LsC7IvyL4g+4IsJ2VZkGVBhpMyLMgwI8OMTDIyycgkE43OgmlnwbSzYFpkJXW/KrqSc13aeS7tmy3tmy3tWy3tLJd2Bks7g6WdwdLOYGnnrrQ9uY5b5mKeN+drlzlBV38vLdf+SLu2cp6bskY+74xbHX3E6CNGHDHiiBFHjDhixBEjjvi+rotW3m/l/Vbe7+f7fj5s5b9W/lvPf+v5bj3ftapZq5q1qlm/mrWqWaua9atTq9ieNO8KrKyd3qontyw9s/TM0jNLzyw9s/Ssnsay9MzSM0vPLD2z9MzSMkvL6qkrG/PEkxRP0toq8G2Bbwt8W+DbAt8W+LbAtwV+K4gpKZZkLLSaxz5/c4H+IjxJjxVYiafxDLa6vg3bkcIO7MQuvOb+ERzFMYzhdRzHCZxEGqdwGme9M6nN4V3cimbG9dmimRDNhKsTruqLcYXYVohthd9wy+IRPBbfieXara5tw3aksAM7sQuHPXNWe047o/07jujhiB5u6LFKBjhi3W2/+ddxRPXMmOOEHithwEoY4IgefkvyW9KqGOC5JIf0WB0Dtd/3N37XD3DxANf0cE0P1/RwTQ9XD3D1AFcPcFBP3MEhdRz0NQ5q4POmWKAGi/ze/058z/nn+1bvA34HPOh0tDQeruX6qFwfj3+Q7RPxY99UbdEe/xg/iZ/G07E61sRaZ4WOeDb+mRO7ojv+nRufM89mTtwS/bE1tsX2SMWO2Bm74z9jT+yNfbE/DsSheD6G4gU6/Xe8GCPxUrwcr4TvmDgSR+NYjMUbcTxOxMlIx6k4Hf8TZyMb70Qu/hB/jHfp+n58GB/F+bjA7Zec7y5z+ZW4GtfiOp/P/D8c287EAAAAAQAAAADaiI1MAAAAAMqTXnAAAAAAyt8uhQ==";
210
211
 
@@ -981,6 +982,10 @@ const calculateNumberFromText = text => {
981
982
 
982
983
  return parseInt(charCodes, 10);
983
984
  };
985
+ const calculateWidth = width => {
986
+ if (!width) return;
987
+ return isString(width) ? width : `${width}px`;
988
+ };
984
989
  const getAvatarColorForInputText = value => {
985
990
  const colorOptions = [...Object.keys(avatarColors)];
986
991
  if (!value || !colorOptions || colorOptions.length <= 0) return 'default';
@@ -989,6 +994,11 @@ const getAvatarColorForInputText = value => {
989
994
  };
990
995
  const isString = str => typeof str === 'string';
991
996
  const isNumber = num => typeof num === 'number';
997
+ const renderNodeOrTypography = (content, typographyVariant = 'body1') => {
998
+ return isString(content) ? /*#__PURE__*/React__default.createElement(DotTypography, {
999
+ variant: typographyVariant
1000
+ }, content) : content;
1001
+ };
992
1002
 
993
1003
  const DotAlertBanner = ({
994
1004
  action,
@@ -1012,7 +1022,7 @@ const DotAlertBanner = ({
1012
1022
  success: AlertBannerIcon('check-solid'),
1013
1023
  warning: AlertBannerIcon('warning-solid')
1014
1024
  };
1015
- const rootClasses = useStylesWithRootClass(rootClassName$S, className);
1025
+ const rootClasses = useStylesWithRootClass(rootClassName$U, className);
1016
1026
  /* For simple string use default component, for everything else use 'div' */
1017
1027
 
1018
1028
  const typographyComponent = isString(children) ? undefined : 'div';
@@ -1049,13 +1059,13 @@ const DotAppLogo = ({
1049
1059
  }, displaySmallLogo ? appLogoSmall : appLogo);
1050
1060
  };
1051
1061
 
1052
- const rootClassName$R = 'dot-icon-btn';
1062
+ const rootClassName$T = 'dot-icon-btn';
1053
1063
  const StyledIconButton = styled(IconButton).withConfig({
1054
1064
  displayName: "IconButtonstyles__StyledIconButton",
1055
1065
  componentId: "eko0kb-0"
1056
1066
  })(["", ""], ({
1057
1067
  theme
1058
- }) => css(["&.", "{border:", ";border-color:", ";color:", ";font-size:inherit;padding:10px;&:hover{background:", ";}&:active,&:focus,&:focus-visible,&.Mui-focusVisible{background:", ";border-color:", ";}.dot-icon.MuiIcon-fontSizeSmall{padding:1px;}&.MuiIconButton-sizeSmall{padding:3px;}}"], rootClassName$R, theme.palette.product === 'agility' && '1px solid transparent', theme.palette.product === 'agility' && theme.palette.layer.n400, theme.palette.product === 'agility' && theme.palette.agilityInterface.textColor, theme.palette.product === 'agility' && theme.palette.layer.n0, theme.palette.product === 'agility' && theme.palette.agilityInterface.activeCardBg, theme.palette.product === 'agility' && g500));
1068
+ }) => css(["&.", "{border:", ";border-color:", ";color:", ";font-size:inherit;padding:10px;&:hover{background:", ";}&:active,&:focus,&:focus-visible,&.Mui-focusVisible{background:", ";border-color:", ";}.dot-icon.MuiIcon-fontSizeSmall{padding:1px;}&.MuiIconButton-sizeSmall{padding:3px;}}"], rootClassName$T, theme.palette.product === 'agility' && '1px solid transparent', theme.palette.product === 'agility' && theme.palette.layer.n400, theme.palette.product === 'agility' && theme.palette.agilityInterface.textColor, theme.palette.product === 'agility' && theme.palette.layer.n0, theme.palette.product === 'agility' && theme.palette.agilityInterface.activeCardBg, theme.palette.product === 'agility' && g500));
1059
1069
 
1060
1070
  const DotIconButton = ({
1061
1071
  ariaLabel,
@@ -1071,7 +1081,7 @@ const DotIconButton = ({
1071
1081
  tooltip,
1072
1082
  size: _size = 'medium'
1073
1083
  }) => {
1074
- const rootClasses = useStylesWithRootClass(rootClassName$R, className);
1084
+ const rootClasses = useStylesWithRootClass(rootClassName$T, className);
1075
1085
  useEffect(() => {
1076
1086
  // deprecation warning
1077
1087
  if (titleTooltip) {
@@ -1098,13 +1108,13 @@ const DotIconButton = ({
1098
1108
  })));
1099
1109
  };
1100
1110
 
1101
- const rootClassName$Q = 'dot-link';
1111
+ const rootClassName$S = 'dot-link';
1102
1112
  const StyledLink = styled(Link).withConfig({
1103
1113
  displayName: "Linkstyles__StyledLink",
1104
1114
  componentId: "sc-1lpmaww-0"
1105
1115
  })(["", ""], ({
1106
1116
  theme
1107
- }) => css(["&.", "{color:", ";cursor:pointer;&:hover:not(.MuiLink-underlineHover){text-decoration:none;}}"], rootClassName$Q, theme.palette.product === 'agility' && theme.palette.layer.n700));
1117
+ }) => css(["&.", "{color:", ";cursor:pointer;&:hover:not(.MuiLink-underlineHover){text-decoration:none;}}"], rootClassName$S, theme.palette.product === 'agility' && theme.palette.layer.n700));
1108
1118
 
1109
1119
  const DotLink = ({
1110
1120
  ariaLabel,
@@ -1122,7 +1132,7 @@ const DotLink = ({
1122
1132
  tooltip,
1123
1133
  underline: _underline = 'always'
1124
1134
  }) => {
1125
- const rootClasses = useStylesWithRootClass(rootClassName$Q, className);
1135
+ const rootClasses = useStylesWithRootClass(rootClassName$S, className);
1126
1136
 
1127
1137
  const handleKeyPress = event => {
1128
1138
  if (onClick && event.key === 'Enter') {
@@ -1157,7 +1167,7 @@ const DotLink = ({
1157
1167
  }, children));
1158
1168
  };
1159
1169
 
1160
- const rootClassName$P = 'dot-avatar';
1170
+ const rootClassName$R = 'dot-avatar';
1161
1171
  const avatarSpacing = {
1162
1172
  small: 3,
1163
1173
  medium: 5,
@@ -1236,7 +1246,7 @@ const DotAvatar = ({
1236
1246
  variant: _variant = 'circular',
1237
1247
  style
1238
1248
  }) => {
1239
- const rootClasses = useStylesWithRootClass(rootClassName$P, className);
1249
+ const rootClasses = useStylesWithRootClass(rootClassName$R, className);
1240
1250
 
1241
1251
  const getAvatarColor = () => {
1242
1252
  if (color) return color;
@@ -1271,7 +1281,7 @@ const DotAvatar = ({
1271
1281
  })));
1272
1282
  };
1273
1283
 
1274
- const rootClassName$O = 'dot-list';
1284
+ const rootClassName$Q = 'dot-list';
1275
1285
  const listItemRootClass = 'dot-list-item';
1276
1286
  const nestedListClassName = 'dot-nested-list';
1277
1287
  const nestedDrawerClassName = 'dot-nested-drawer';
@@ -1280,7 +1290,7 @@ const StyledList = styled(List).withConfig({
1280
1290
  componentId: "wxwqwr-0"
1281
1291
  })(["", ""], ({
1282
1292
  theme
1283
- }) => css(["&.", "{background:", ";&.", " .", "{padding-left:", "px;}.MuiListSubheader-root{padding:0;.MuiTypography-root{padding:", "px;}}}"], rootClassName$O, theme.palette.layer.n0, nestedListClassName, listItemRootClass, theme.spacing(4), theme.spacing(1)));
1293
+ }) => css(["&.", "{background:", ";&.", " .", "{padding-left:", "px;}.MuiListSubheader-root{padding:0;.MuiTypography-root{padding:", "px;}}}"], rootClassName$Q, theme.palette.layer.n0, nestedListClassName, listItemRootClass, theme.spacing(4), theme.spacing(1)));
1284
1294
 
1285
1295
  const getChevronIcon = (nestedListType, isOpened) => {
1286
1296
  if (nestedListType !== 'expandable') {
@@ -1304,11 +1314,11 @@ const StyledListItem = styled(ListItem).withConfig({
1304
1314
  theme
1305
1315
  }) => css(["&.", "{&.", "{padding:0;}p.MuiTypography-root{margin-bottom:0;}.", "{align-items:center;display:flex;flex-grow:2;}.", " .MuiIcon-root{margin-right:", "px;}.dot-icon i:before{color:", ";}}"], listItemRootClass, flyoutListItemClassName, listItemLinkClassName, flyoutItemLinkClassName, theme.spacing(4), theme.palette.text.primary));
1306
1316
 
1307
- const rootClassName$N = 'dot-progress';
1317
+ const rootClassName$P = 'dot-progress';
1308
1318
  const StyledCircularProgress = styled(CircularProgress).withConfig({
1309
1319
  displayName: "Progressstyles__StyledCircularProgress",
1310
1320
  componentId: "sc-1gs77rb-0"
1311
- })(["&.", "{&.MuiCircularProgress-colorSecondary{color:#649a3d;}}"], rootClassName$N);
1321
+ })(["&.", "{&.MuiCircularProgress-colorSecondary{color:#649a3d;}}"], rootClassName$P);
1312
1322
 
1313
1323
  const DotProgress = ({
1314
1324
  ariaLabel,
@@ -1322,7 +1332,7 @@ const DotProgress = ({
1322
1332
  value,
1323
1333
  variant: _variant = 'indeterminate'
1324
1334
  }) => {
1325
- const rootClasses = useStylesWithRootClass(rootClassName$N, className);
1335
+ const rootClasses = useStylesWithRootClass(rootClassName$P, className);
1326
1336
  useEffect(() => {
1327
1337
  // deprecation warning
1328
1338
  if (title) {
@@ -1363,7 +1373,7 @@ var variables = /*#__PURE__*/Object.freeze({
1363
1373
  });
1364
1374
 
1365
1375
  const flyoutMenuClassName = 'dot-flyout-menu';
1366
- const rootClassName$M = 'dot-menu';
1376
+ const rootClassName$O = 'dot-menu';
1367
1377
  const popperClassName = 'dot-popper';
1368
1378
  const getListMaxHeight = maxHeight => isString(maxHeight) ? maxHeight : `${maxHeight}px`;
1369
1379
  const StyledPopper$1 = styled(Popper).withConfig({
@@ -1371,7 +1381,7 @@ const StyledPopper$1 = styled(Popper).withConfig({
1371
1381
  componentId: "sc-134fmqu-0"
1372
1382
  })(["", ""], ({
1373
1383
  theme
1374
- }) => css(["&.", "{z-index:", ";}&.", ",&.", "{&.loading .MuiPaper-root{align-items:center;display:flex;justify-content:center;min-height:200px;min-width:200px;}ul,.dot-action-item{background:", ";.dot-action-item-text{white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis;}}ul{box-sizing:content-box;min-width:112px;overflow:auto;", " .dot-li{min-height:auto;&:hover{background:", ";}&:active,&:focus{background:", ";}}.dot-link{color:", ";}}.dot-action-item{height:", "px;border-top:1px solid ", ";line-height:inherit;button.dot-button{border-radius:", ";justify-content:flex-start;height:100%;margin:0;&:focus-visible{background-color:", ";}.MuiButton-label{gap:", "px;.MuiButton-startIcon{margin-left:0;.dot-icon{flex-shrink:0;}}}}}}"], popperClassName, levelSecond, rootClassName$M, popperClassName, theme.palette.product === 'agility' && theme.palette.agilityInterface.menuBg, ({
1384
+ }) => css(["&.", "{z-index:", ";}&.", ",&.", "{&.loading .MuiPaper-root{align-items:center;display:flex;justify-content:center;min-height:200px;min-width:200px;}ul,.dot-action-item{background:", ";.dot-action-item-text{white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis;}}ul{box-sizing:content-box;min-width:112px;overflow:auto;", " .dot-li{min-height:auto;&:hover{background:", ";}&:active,&:focus{background:", ";}}.dot-link{color:", ";}}.dot-action-item{height:", "px;border-top:1px solid ", ";line-height:inherit;button.dot-button{border-radius:", ";justify-content:flex-start;height:100%;margin:0;&:focus-visible{background-color:", ";}.MuiButton-label{gap:", "px;.MuiButton-startIcon{margin-left:0;.dot-icon{flex-shrink:0;}}}}}}"], popperClassName, levelSecond, rootClassName$O, popperClassName, theme.palette.product === 'agility' && theme.palette.agilityInterface.menuBg, ({
1375
1385
  $maxHeight
1376
1386
  }) => $maxHeight !== undefined && `
1377
1387
  max-height: ${getListMaxHeight($maxHeight)};
@@ -1381,15 +1391,15 @@ const MENU_ITEM_HEIGHT_NORMAL = 33;
1381
1391
  const MENU_ITEM_HEIGHT_DENSE = 28;
1382
1392
  const DEFAULT_MAX_VISIBLE_ITEMS = 7;
1383
1393
 
1384
- const rootClassName$L = 'dot-ul';
1385
- const listItemClassName = 'dot-li';
1394
+ const rootClassName$N = 'dot-ul';
1395
+ const listItemClassName$1 = 'dot-li';
1386
1396
  const listItemWithSubmenuClassName = 'dot-li-with-submenu';
1387
1397
  const StyledMenuList = styled(MenuList).withConfig({
1388
1398
  displayName: "MenuListstyles__StyledMenuList",
1389
1399
  componentId: "yqdwwg-0"
1390
1400
  })(["", ""], ({
1391
1401
  theme
1392
- }) => css(["&.", "{.dot-li{justify-content:space-between;gap:", "px;&.", "{padding-right:", "px;}}}"], rootClassName$L, theme.spacing(3), listItemWithSubmenuClassName, theme.spacing(0.5)));
1402
+ }) => css(["&.", "{.dot-li{justify-content:space-between;gap:", "px;&.", "{padding-right:", "px;}}}"], rootClassName$N, theme.spacing(3), listItemWithSubmenuClassName, theme.spacing(0.5)));
1393
1403
 
1394
1404
  const getDefaultItemHeight = isDense => isDense ? MENU_ITEM_HEIGHT_DENSE : MENU_ITEM_HEIGHT_NORMAL;
1395
1405
  const calculateItemHeight = (isDense, customItemHeight, menuItemHeight) => {
@@ -1467,7 +1477,7 @@ const DotMenuList = /*#__PURE__*/forwardRef(({
1467
1477
  onSubMenuCreate,
1468
1478
  selectedKey
1469
1479
  }, ref) => {
1470
- const rootClasses = useStylesWithRootClass(rootClassName$L, className);
1480
+ const rootClasses = useStylesWithRootClass(rootClassName$N, className);
1471
1481
  const [activeSubmenu, setActiveSubmenu] = useState(null);
1472
1482
  const [subItemAnchorEl, setSubItemAnchorEl] = useState(null);
1473
1483
 
@@ -1521,7 +1531,7 @@ const DotMenuList = /*#__PURE__*/forwardRef(({
1521
1531
  const isFirstItem = index === 0;
1522
1532
  const hasSubmenu = !!subItems;
1523
1533
  const hasAutoFocus = checkForAutoFocus(autoFocusItem, isFirstItem);
1524
- const menuItemClasses = useStylesWithRootClass(listItemClassName, hasSubmenu ? listItemWithSubmenuClassName : '', classes ? classes : '');
1534
+ const menuItemClasses = useStylesWithRootClass(listItemClassName$1, hasSubmenu ? listItemWithSubmenuClassName : '', classes ? classes : '');
1525
1535
 
1526
1536
  const handleClick = event => {
1527
1537
  // Execute select callback only for items which does not have
@@ -1581,7 +1591,7 @@ const DotMenu = ({
1581
1591
  open: _open = false,
1582
1592
  selectedKey
1583
1593
  }) => {
1584
- const rootClasses = useStylesWithRootClass(rootClassName$M, className, _loading ? 'loading' : '');
1594
+ const rootClasses = useStylesWithRootClass(rootClassName$O, className, _loading ? 'loading' : '');
1585
1595
  const isSubmenu = checkIfSubmenu(anchorEl);
1586
1596
  const hasSubItems = checkForSubItems(_menuItems); // Timeout object is customizable when Menu component is either submenu
1587
1597
  // (it is opened within parent menu) or it contains at least one item which
@@ -1674,13 +1684,13 @@ const CreateUUID = () => {
1674
1684
  });
1675
1685
  };
1676
1686
 
1677
- const rootClassName$K = 'dot-drawer';
1687
+ const rootClassName$M = 'dot-drawer';
1678
1688
  const StyledDrawer = styled(Drawer).withConfig({
1679
1689
  displayName: "Drawerstyles__StyledDrawer",
1680
1690
  componentId: "sc-1uiowy0-0"
1681
1691
  })(["", ""], ({
1682
1692
  theme
1683
- }) => css(["&.", " .MuiBackdrop-root{background-color:", ";}.dot-drawer-paper{background-color:", ";height:", ";padding:", "px;width:", ";}"], rootClassName$K, alpha(theme.palette.grey[900], 0.7), theme.palette.product === 'agility' && theme.palette.layer.n50, ({
1693
+ }) => css(["&.", " .MuiBackdrop-root{background-color:", ";}.dot-drawer-paper{background-color:", ";height:", ";padding:", "px;width:", ";}"], rootClassName$M, alpha(theme.palette.grey[900], 0.7), theme.palette.product === 'agility' && theme.palette.layer.n50, ({
1684
1694
  height,
1685
1695
  anchor
1686
1696
  }) => anchor === 'left' || anchor === 'right' ? '100%' : height, theme.spacing(2), ({
@@ -1688,13 +1698,13 @@ const StyledDrawer = styled(Drawer).withConfig({
1688
1698
  anchor
1689
1699
  }) => anchor === 'bottom' || anchor === 'top' ? 'auto' : width));
1690
1700
 
1691
- const rootClassName$J = 'dot-drawer-header';
1701
+ const rootClassName$L = 'dot-drawer-header';
1692
1702
  const StyleDrawerHeader = styled.div.withConfig({
1693
1703
  displayName: "DrawerHeaderstyles__StyleDrawerHeader",
1694
1704
  componentId: "sc-2d2xd3-0"
1695
1705
  })(["", ""], ({
1696
1706
  theme
1697
- }) => css(["&.", "{padding:", ";display:flex;align-items:center;.close-button{margin-left:auto;}}"], rootClassName$J, theme.spacing(0, 0, 2)));
1707
+ }) => css(["&.", "{padding:", ";display:flex;align-items:center;.close-button{margin-left:auto;}}"], rootClassName$L, theme.spacing(0, 0, 2)));
1698
1708
 
1699
1709
  const DotDrawerHeader = ({
1700
1710
  ariaLabel,
@@ -1704,7 +1714,7 @@ const DotDrawerHeader = ({
1704
1714
  onClose,
1705
1715
  variant
1706
1716
  }) => {
1707
- const rootClasses = useStylesWithRootClass(rootClassName$J, className);
1717
+ const rootClasses = useStylesWithRootClass(rootClassName$L, className);
1708
1718
  return /*#__PURE__*/React__default.createElement(StyleDrawerHeader, {
1709
1719
  "aria-label": ariaLabel,
1710
1720
  className: rootClasses,
@@ -1716,13 +1726,13 @@ const DotDrawerHeader = ({
1716
1726
  }));
1717
1727
  };
1718
1728
 
1719
- const rootClassName$I = 'dot-drawer-body';
1729
+ const rootClassName$K = 'dot-drawer-body';
1720
1730
  const StyleDrawerBody = styled.div.withConfig({
1721
1731
  displayName: "DrawerBodystyles__StyleDrawerBody",
1722
1732
  componentId: "sc-1mpmjdk-0"
1723
1733
  })(["", ""], ({
1724
1734
  theme
1725
- }) => css(["&.", "{display:flex;.dot-drawer-close-button{align-self:self-start;padding:0;margin-left:auto;}}"], rootClassName$I));
1735
+ }) => css(["&.", "{display:flex;.dot-drawer-close-button{align-self:self-start;padding:0;margin-left:auto;}}"], rootClassName$K));
1726
1736
 
1727
1737
  const DotDrawerBody = ({
1728
1738
  ariaLabel,
@@ -1733,7 +1743,7 @@ const DotDrawerBody = ({
1733
1743
  onClose,
1734
1744
  variant
1735
1745
  }) => {
1736
- const rootClasses = useStylesWithRootClass(rootClassName$I, className);
1746
+ const rootClasses = useStylesWithRootClass(rootClassName$K, className);
1737
1747
  return /*#__PURE__*/React__default.createElement(StyleDrawerBody, {
1738
1748
  "aria-label": ariaLabel,
1739
1749
  className: rootClasses,
@@ -1745,13 +1755,13 @@ const DotDrawerBody = ({
1745
1755
  }));
1746
1756
  };
1747
1757
 
1748
- const rootClassName$H = 'dot-drawer-footer';
1758
+ const rootClassName$J = 'dot-drawer-footer';
1749
1759
  const StyleDrawerFooter = styled.div.withConfig({
1750
1760
  displayName: "DrawerFooterstyles__StyleDrawerFooter",
1751
1761
  componentId: "sc-1ki05ze-0"
1752
1762
  })(["", ""], ({
1753
1763
  theme
1754
- }) => css(["&.", "{padding:", ";}"], rootClassName$H, theme.spacing(2, 0, 0)));
1764
+ }) => css(["&.", "{padding:", ";}"], rootClassName$J, theme.spacing(2, 0, 0)));
1755
1765
 
1756
1766
  const DotDrawerFooter = ({
1757
1767
  ariaLabel,
@@ -1759,7 +1769,7 @@ const DotDrawerFooter = ({
1759
1769
  className,
1760
1770
  'data-testid': dataTestId
1761
1771
  }) => {
1762
- const rootClasses = useStylesWithRootClass(rootClassName$H, className);
1772
+ const rootClasses = useStylesWithRootClass(rootClassName$J, className);
1763
1773
  return /*#__PURE__*/React__default.createElement(StyleDrawerFooter, {
1764
1774
  "aria-label": ariaLabel,
1765
1775
  className: rootClasses,
@@ -1789,7 +1799,7 @@ const DotDrawer = ({
1789
1799
  console.warn('Please use `children` or `drawerBodyProps`. If both are used, `children` is ignored.');
1790
1800
  }
1791
1801
  }, []);
1792
- const rootClasses = useStylesWithRootClass(rootClassName$K, className);
1802
+ const rootClasses = useStylesWithRootClass(rootClassName$M, className);
1793
1803
  const headerExists = !!drawerHeaderProps;
1794
1804
  const bodyTestId = drawerBodyProps ? drawerBodyProps[`data-testid`] : 'drawer-body';
1795
1805
  return /*#__PURE__*/React__default.createElement(StyledDrawer, {
@@ -1864,8 +1874,9 @@ const DotList = ({
1864
1874
  nestedListType: _nestedListType = 'expandable',
1865
1875
  width: _width = 240
1866
1876
  }) => {
1867
- const rootClasses = useStylesWithRootClass(rootClassName$O, className);
1877
+ const rootClasses = useStylesWithRootClass(rootClassName$Q, className);
1868
1878
  const listWidth = typeof _width === 'number' ? `${_width}px` : _width;
1879
+ const listRef = useRef();
1869
1880
  const [listItemIndex, setListItemIndex] = useState(null);
1870
1881
 
1871
1882
  const updateSelectedListItem = currentIndex => {
@@ -1881,6 +1892,7 @@ const DotList = ({
1881
1892
  "data-testid": dataTestId,
1882
1893
  dense: _dense,
1883
1894
  disablePadding: _disablePadding,
1895
+ ref: listRef,
1884
1896
  style: {
1885
1897
  width: listWidth
1886
1898
  }
@@ -1892,7 +1904,15 @@ const DotList = ({
1892
1904
  (_a = item.onClick) === null || _a === void 0 ? void 0 : _a.call(item, e);
1893
1905
  };
1894
1906
 
1895
- const handleMenuLeave = () => setListItemIndex(null);
1907
+ const handleMenuLeave = event => {
1908
+ var _a, _b; // Remove index only if clicked element is not found within the list
1909
+
1910
+
1911
+ if (!((_a = listRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target))) {
1912
+ setListItemIndex(null);
1913
+ (_b = item.onMenuLeave) === null || _b === void 0 ? void 0 : _b.call(item, event);
1914
+ }
1915
+ };
1896
1916
 
1897
1917
  if (item.child) {
1898
1918
  return /*#__PURE__*/React__default.createElement(Fragment, {
@@ -1990,18 +2010,11 @@ const DotListItem = ({
1990
2010
  const toggleOpen = event => setAnchorEl(event.currentTarget);
1991
2011
 
1992
2012
  const handleClick = event => {
1993
- if (onClick) {
1994
- event.stopPropagation();
1995
- onClick(event);
1996
- }
1997
-
2013
+ onClick === null || onClick === void 0 ? void 0 : onClick(event);
1998
2014
  toggleOpen(event);
1999
2015
  };
2000
2016
 
2001
- const handleMenuLeave = () => {
2002
- onMenuLeave();
2003
- setAnchorEl(null);
2004
- };
2017
+ const handleMenuLeave = event => onMenuLeave(event);
2005
2018
 
2006
2019
  const renderListItemText = () => primaryText && secondaryText ? /*#__PURE__*/React__default.createElement(ListItemText, {
2007
2020
  primary: primaryText,
@@ -2240,13 +2253,13 @@ function SvgLogoDigitalAi(_ref, svgRef) {
2240
2253
 
2241
2254
  var ForwardRef$1 = /*#__PURE__*/React.forwardRef(SvgLogoDigitalAi);
2242
2255
 
2243
- const rootClassName$G = 'dot-sidebar';
2256
+ const rootClassName$I = 'dot-sidebar';
2244
2257
  const StyledSidebar = styled.aside.withConfig({
2245
2258
  displayName: "Sidebarstyles__StyledSidebar",
2246
2259
  componentId: "l3atb4-0"
2247
2260
  })(["", ""], ({
2248
2261
  theme
2249
- }) => css(["&.", "{align-items:stretch;background:", ";border-width:0 1px;border-style:solid;border-color:", ";box-shadow:", ";box-sizing:border-box;color:", ";display:flex;height:100%;flex-direction:column;justify-content:space-between;letter-spacing:0.01em;padding:", ";-o-transition:width cubic-bezier(0.4,0,0.6,1) 0.3s;-moz-transition:width cubic-bezier(0.4,0,0.6,1) 0.3s;-webkit-transition:width cubic-bezier(0.4,0,0.6,1) 0.3s;transition:width cubic-bezier(0.4,0,0.6,1) 0.3s;header{align-items:center;border-bottom:1px solid;border-bottom-color:", ";display:flex;height:40px;flex-shrink:0;overflow:hidden;margin-bottom:", ";padding:", ";white-space:nowrap;&.app-logo{box-sizing:border-box;.dot-app-logo{svg,img{max-width:100%;}}}.dot-avatar{margin-right:", "px;}}.go-back{align-items:center;border-bottom:1px solid;border-bottom-color:", ";display:flex;.go-back-button{margin:", ";background-color:", ";&:hover{background-color:", ";}&:focus-visible{box-shadow:0 0 0 2px ", ",0 0 0 4px ", ";}}}hr.MuiDivider-root{background-color:", ";margin:", ";}.MuiListSubheader-root{border-bottom:1px solid;border-bottom-color:", ";margin:", ";.dot-typography{margin:0;}}ul.side-nav{background:transparent;flex-grow:2;overflow-x:hidden;overflow-y:auto;padding:0;width:auto;.dot-nested-list{background:transparent;}.", "{.dot-drawer-paper{padding:", "px;border-right:1px solid ", ";box-shadow:0 0 5px 0 rgba(0,0,0,0.15);padding-top:", ";}.MuiTypography-root.MuiTypography-subtitle2{border:", ";color:", ";font-size:", ";line-height:40px;margin:", ";padding:", ";}.", "{margin:0;padding-left:", "px;}}.dot-list-item{height:", ";padding:0;margin-bottom:", ";&.MuiListItem-root.Mui-selected,&.MuiListItem-root.Mui-selected:hover,&:hover{background-color:", ";}&.Mui-focusVisible{box-shadow:inset 0 0 0 2px ", ";border:2px solid ", ";}&:hover,&:active,&:focus{.dot-typography,.dot-icon i.dot-i:before{color:", ";}}&.open{background-color:", ";border:", ";border-radius:", ";&:hover{background-color:", ";}}.MuiTouchRipple-root{display:", ";}.dot-list-item-link .dot-icon{margin-right:", "px;}.dot-icon{border-radius:50%;height:40px;margin:", ";width:40px;}.dot-typography{white-space:nowrap;}}}.toggle-nav{border-top:1px solid;border-top-color:", ";padding:", "px;text-align:right;.dot-icon{transform:rotate(0deg);-o-transition:all cubic-bezier(0.4,0,0.2,1) 0.3s;-moz-transition:all cubic-bezier(0.4,0,0.2,1) 0.3s;-webkit-transition:all cubic-bezier(0.4,0,0.2,1) 0.3s;transition:all cubic-bezier(0.4,0,0.2,1) 0.3s;}}.powered-by{border-top:1px solid;border-top-color:", ";color:", ";display:flex;flex-direction:column;flex-shrink:0;font-size:12px;overflow:hidden;padding:", "px;p.desc{white-space:nowrap;}.company-name{margin-top:", "px;}.d-icon{display:none;}}&.collapsed{overflow:hidden;padding:", ";width:58px;-o-transition:all cubic-bezier(0.4,0,0.6,1) 0.3s;-moz-transition:all cubic-bezier(0.4,0,0.6,1) 0.3s;-webkit-transition:all cubic-bezier(0.4,0,0.6,1) 0.3s;transition:all cubic-bezier(0.4,0,0.6,1) 0.3s;li.MuiListSubheader-root .dot-typography,.go-back .MuiTypography-root,.MuiListItem-divider .dot-list-item-link,.child,.powered-by .company-name,.powered-by p.desc{display:none;}.dot-nested-drawer li.MuiListSubheader-root .dot-typography,.powered-by .d-icon{display:block;}header .dot-app-logo{text-align:center;}ul.side-nav{width:56px;.dot-list-item{margin-left:0;}.toggle-nav{align-self:center;}}.powered-by{align-items:center;}}}"], rootClassName$G, theme.palette.product === 'agility' ? theme.palette.layer.n50 : theme.palette.grey[50], theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.grey[100], theme.palette.product === 'agility' && '0 0 5px rgba(0, 0, 0, 0.15)', theme.palette.product === 'agility' ? theme.palette.layer.n700 : theme.palette.grey[700], theme.palette.product === 'agility' && `${theme.spacing(2)}px`, theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.grey[100], theme.palette.product === 'agility' && `${theme.spacing(1)}px`, theme.palette.product === 'agililty' ? theme.spacing(0, 0, 1) : theme.spacing(1, 2), theme.spacing(1), theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.grey[100], theme.spacing(0.5, 1), theme.palette.layer.n100, theme.palette.layer.n200, theme.palette.layer.n0, theme.palette.layer.n900, theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.grey[100], theme.palette.product === 'agility' ? theme.spacing(2, 0) : theme.spacing(1, 0), theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.grey[100], theme.spacing(0, 0, 1), nestedDrawerClassName, theme.spacing(2), theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.grey[100], theme.palette.product === 'agility' && '10px', theme.palette.product === 'agility' && 'none', theme.palette.product === 'agility' && theme.palette.agilityInterface.sideNavSubHeaderText, theme.palette.product === 'agility' && '11px', theme.palette.product === 'agility' && '10px 0 0', theme.palette.product === 'agility' && '0 8px', listItemRootClass, theme.spacing(2), theme.palette.product === 'agility' ? '40px' : '44px', theme.palette.product === 'agility' && `${theme.spacing(1)}px`, theme.palette.product === 'agility' && 'transparent', theme.palette.layer.n0, theme.palette.layer.n900, theme.palette.product === 'agility' && theme.palette.agilityInterface.sideNavHoverText, theme.palette.product === 'agility' && theme.palette.agilityInterface.sideNavHoverBg, theme.palette.product === 'agility' ? `1px solid ${theme.palette.agilityInterface.sideNavHoverBorder}` : 'none', theme.palette.product === 'agility' && '4px', theme.palette.product === 'agility' && theme.palette.agilityInterface.sideNavHoverBg, theme.palette.product === 'agility' && 'none', theme.spacing(1), theme.spacing(0, 1), theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.grey[100], theme.spacing(1), theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.grey[100], theme.palette.grey[400], theme.spacing(1), theme.spacing(1), theme.palette.product === 'agility' && theme.spacing(2, 0)));
2262
+ }) => css(["&.", "{align-items:stretch;background:", ";border-width:0 1px;border-style:solid;border-color:", ";box-shadow:", ";box-sizing:border-box;color:", ";display:flex;height:100%;flex-direction:column;justify-content:space-between;letter-spacing:0.01em;padding:", ";-o-transition:width cubic-bezier(0.4,0,0.6,1) 0.3s;-moz-transition:width cubic-bezier(0.4,0,0.6,1) 0.3s;-webkit-transition:width cubic-bezier(0.4,0,0.6,1) 0.3s;transition:width cubic-bezier(0.4,0,0.6,1) 0.3s;header{align-items:center;border-bottom:1px solid;border-bottom-color:", ";display:flex;height:40px;flex-shrink:0;overflow:hidden;margin-bottom:", ";padding:", ";white-space:nowrap;&.app-logo{box-sizing:border-box;.dot-app-logo{svg,img{max-width:100%;}}}.dot-avatar{margin-right:", "px;}}.go-back{align-items:center;border-bottom:1px solid;border-bottom-color:", ";display:flex;.go-back-button{margin:", ";background-color:", ";&:hover{background-color:", ";}&:focus-visible{box-shadow:0 0 0 2px ", ",0 0 0 4px ", ";}}}hr.MuiDivider-root{background-color:", ";margin:", ";}.MuiListSubheader-root{border-bottom:1px solid;border-bottom-color:", ";margin:", ";.dot-typography{margin:0;}}ul.side-nav{background:transparent;flex-grow:2;overflow-x:hidden;overflow-y:auto;padding:0;width:auto;.dot-nested-list{background:transparent;}.", "{.dot-drawer-paper{padding:", "px;overflow-y:scroll;border-right:1px solid ", ";box-shadow:0 0 5px 0 rgba(0,0,0,0.15);padding-top:", ";}.MuiTypography-root.MuiTypography-subtitle2{border:", ";color:", ";font-size:", ";line-height:40px;margin:", ";padding:", ";}.", "{margin:0;padding-left:", "px;}}.dot-list-item{height:", ";padding:0;margin-bottom:", ";&.MuiListItem-root.Mui-selected,&.MuiListItem-root.Mui-selected:hover,&:hover{background-color:", ";}&.Mui-focusVisible{box-shadow:inset 0 0 0 2px ", ";border:2px solid ", ";}&:hover,&:active,&:focus{.dot-typography,.dot-icon i.dot-i:before{color:", ";}}&.open{background-color:", ";border:", ";border-radius:", ";&:hover{background-color:", ";}}.MuiTouchRipple-root{display:", ";}.dot-list-item-link .dot-icon{margin-right:", "px;}.dot-icon{border-radius:50%;height:40px;margin:", ";width:40px;}.dot-typography{white-space:nowrap;}}}.toggle-nav{border-top:1px solid;border-top-color:", ";padding:", "px;text-align:right;.dot-icon{transform:rotate(0deg);-o-transition:all cubic-bezier(0.4,0,0.2,1) 0.3s;-moz-transition:all cubic-bezier(0.4,0,0.2,1) 0.3s;-webkit-transition:all cubic-bezier(0.4,0,0.2,1) 0.3s;transition:all cubic-bezier(0.4,0,0.2,1) 0.3s;}}.powered-by{border-top:1px solid;border-top-color:", ";color:", ";display:flex;flex-direction:column;flex-shrink:0;font-size:12px;overflow:hidden;padding:", "px;p.desc{white-space:nowrap;}.company-name{margin-top:", "px;}.d-icon{display:none;}}&.collapsed{overflow:hidden;padding:", ";width:58px;-o-transition:all cubic-bezier(0.4,0,0.6,1) 0.3s;-moz-transition:all cubic-bezier(0.4,0,0.6,1) 0.3s;-webkit-transition:all cubic-bezier(0.4,0,0.6,1) 0.3s;transition:all cubic-bezier(0.4,0,0.6,1) 0.3s;li.MuiListSubheader-root .dot-typography,.go-back .MuiTypography-root,.MuiListItem-divider .dot-list-item-link,.child,.powered-by .company-name,.powered-by p.desc{display:none;}.dot-nested-drawer li.MuiListSubheader-root .dot-typography,.powered-by .d-icon{display:block;}header .dot-app-logo{text-align:center;}ul.side-nav{width:56px;.dot-list-item{margin-left:0;}.toggle-nav{align-self:center;}}.powered-by{align-items:center;}}}"], rootClassName$I, theme.palette.product === 'agility' ? theme.palette.layer.n50 : theme.palette.grey[50], theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.grey[100], theme.palette.product === 'agility' && '0 0 5px rgba(0, 0, 0, 0.15)', theme.palette.product === 'agility' ? theme.palette.layer.n700 : theme.palette.grey[700], theme.palette.product === 'agility' && `${theme.spacing(2)}px`, theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.grey[100], theme.palette.product === 'agility' && `${theme.spacing(1)}px`, theme.palette.product === 'agililty' ? theme.spacing(0, 0, 1) : theme.spacing(1, 2), theme.spacing(1), theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.grey[100], theme.spacing(0.5, 1), theme.palette.layer.n100, theme.palette.layer.n200, theme.palette.layer.n0, theme.palette.layer.n900, theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.grey[100], theme.palette.product === 'agility' ? theme.spacing(2, 0) : theme.spacing(1, 0), theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.grey[100], theme.spacing(0, 0, 1), nestedDrawerClassName, theme.spacing(2), theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.grey[100], theme.palette.product === 'agility' && '10px', theme.palette.product === 'agility' && 'none', theme.palette.product === 'agility' && theme.palette.agilityInterface.sideNavSubHeaderText, theme.palette.product === 'agility' && '11px', theme.palette.product === 'agility' && '10px 0 0', theme.palette.product === 'agility' && '0 8px', listItemRootClass, theme.spacing(2), theme.palette.product === 'agility' ? '40px' : '44px', theme.palette.product === 'agility' && `${theme.spacing(1)}px`, theme.palette.product === 'agility' && 'transparent', theme.palette.layer.n0, theme.palette.layer.n900, theme.palette.product === 'agility' && theme.palette.agilityInterface.sideNavHoverText, theme.palette.product === 'agility' && theme.palette.agilityInterface.sideNavHoverBg, theme.palette.product === 'agility' ? `1px solid ${theme.palette.agilityInterface.sideNavHoverBorder}` : 'none', theme.palette.product === 'agility' && '4px', theme.palette.product === 'agility' && theme.palette.agilityInterface.sideNavHoverBg, theme.palette.product === 'agility' && 'none', theme.spacing(1), theme.spacing(0, 1), theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.grey[100], theme.spacing(1), theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.grey[100], theme.palette.grey[400], theme.spacing(1), theme.spacing(1), theme.palette.product === 'agility' && theme.spacing(2, 0)));
2250
2263
 
2251
2264
  const Brand = ({
2252
2265
  brandDesc
@@ -2335,7 +2348,7 @@ const DotSidebar = ({
2335
2348
  };
2336
2349
 
2337
2350
  const sidebarClasses = useStylesWithRootClass('side-nav', openClass);
2338
- const rootClasses = useStylesWithRootClass(rootClassName$G, openClass, className);
2351
+ const rootClasses = useStylesWithRootClass(rootClassName$I, openClass, className);
2339
2352
  return /*#__PURE__*/React__default.createElement(StyledSidebar, {
2340
2353
  "aria-label": ariaLabel,
2341
2354
  className: rootClasses,
@@ -2425,7 +2438,7 @@ function SvgLogoDigitalAiWhite(_ref, svgRef) {
2425
2438
 
2426
2439
  var ForwardRef = /*#__PURE__*/React.forwardRef(SvgLogoDigitalAiWhite);
2427
2440
 
2428
- const rootClassName$F = 'dot-app-toolbar';
2441
+ const rootClassName$H = 'dot-app-toolbar';
2429
2442
  const denseClassName = 'dense';
2430
2443
  const StyledMainMenu = styled(DotDrawer).withConfig({
2431
2444
  displayName: "AppToolbarstyles__StyledMainMenu",
@@ -2438,7 +2451,7 @@ const StyledAppToolbar = styled.header.withConfig({
2438
2451
  componentId: "sc-3kokby-1"
2439
2452
  })(["", ""], ({
2440
2453
  theme
2441
- }) => css(["&.", "{align-items:center;background:", ";border-bottom:4px solid ", ";box-sizing:border-box;color:", ";display:flex;height:64px;padding:", ";position:fixed;width:100%;z-index:", ";top:0;left:0;right:0;&.without-menu-icon{padding-left:", "px;}&.", "{height:48px;}.dot-main-menu-btn,.dot-right-side{.dot-icon-btn{border:", ";color:", ";&:hover,&:active,&:focus{background:", ";}}}.dot-main-menu-btn{text-align:center;}.dot-branding{align-items:center;display:flex;padding:", ";.primary-logo,.app-logo{margin-right:", "px;}.primary-logo,.dot-app-logo{display:flex;max-width:200px;svg,img{max-height:36px;max-width:200px;}}a{line-height:0;}.dot-product-name{color:", ";font-size:18px;margin:", ";}.divider{margin-left:", "px;}}div.dot-right-side{display:flex;flex-grow:2;justify-content:flex-end;}.avatar-wrapper{display:flex;align-items:center;justify-content:center;width:40px;button.dot-avatar:focus-visible{box-shadow:0px 0px 0px 3px ", ",0px 0px 0px 5px ", ";}}}"], rootClassName$F, theme.palette.product === 'agility' ? theme.palette.agilityInterface.headerBg : theme.palette.grey[700], theme.palette.grey[100], theme.palette.grey[0], theme.spacing(1.5, 2, 1.5, 1), levelFourth, theme.spacing(1.5), denseClassName, theme.palette.product === 'agility' && 'none', theme.palette.grey[100], theme.palette.product === 'agility' && theme.palette.agilityInterface.topBarIconHoverBg, theme.spacing(0, 4, 0, 0.75), theme.spacing(1.5), theme.palette.grey[100], theme.spacing(0, 1.5), theme.spacing(2), theme.palette.layer.n900, theme.palette.layer.n0));
2454
+ }) => css(["&.", "{align-items:center;background:", ";border-bottom:4px solid ", ";box-sizing:border-box;color:", ";display:flex;height:64px;padding:", ";position:fixed;width:100%;z-index:", ";top:0;left:0;right:0;&.without-menu-icon{padding-left:", "px;}&.", "{height:48px;}.dot-main-menu-btn,.dot-right-side{.dot-icon-btn{border:", ";color:", ";&:hover,&:active,&:focus{background:", ";}}}.dot-main-menu-btn{text-align:center;}.dot-branding{align-items:center;display:flex;padding:", ";.primary-logo,.app-logo{margin-right:", "px;}.primary-logo,.dot-app-logo{display:flex;max-width:200px;svg,img{max-height:36px;max-width:200px;}}a{line-height:0;}.dot-product-name{color:", ";font-size:18px;margin:", ";}.divider{margin-left:", "px;}}div.dot-right-side{display:flex;flex-grow:2;justify-content:flex-end;}.avatar-wrapper{display:flex;align-items:center;justify-content:center;width:40px;button.dot-avatar:focus-visible{box-shadow:0px 0px 0px 3px ", ",0px 0px 0px 5px ", ";}}}"], rootClassName$H, theme.palette.product === 'agility' ? theme.palette.agilityInterface.headerBg : theme.palette.grey[700], theme.palette.grey[100], theme.palette.grey[0], theme.spacing(1.5, 2, 1.5, 1), levelFourth, theme.spacing(1.5), denseClassName, theme.palette.product === 'agility' && 'none', theme.palette.grey[100], theme.palette.product === 'agility' && theme.palette.agilityInterface.topBarIconHoverBg, theme.spacing(0, 4, 0, 0.75), theme.spacing(1.5), theme.palette.grey[100], theme.spacing(0, 1.5), theme.spacing(2), theme.palette.layer.n900, theme.palette.layer.n0));
2442
2455
 
2443
2456
  const DotAppToolbar = ({
2444
2457
  appName,
@@ -2464,7 +2477,7 @@ const DotAppToolbar = ({
2464
2477
  const displayAppLogo = appLogo || appLogoSmall;
2465
2478
  const mainMenuRef = useRef(null);
2466
2479
  const denseClass = _dense ? denseClassName : '';
2467
- const rootClasses = useStylesWithRootClass(rootClassName$F, className, denseClass, showMainMenu ? '' : 'without-menu-icon');
2480
+ const rootClasses = useStylesWithRootClass(rootClassName$H, className, denseClass, showMainMenu ? '' : 'without-menu-icon');
2468
2481
  const mainMenuClasses = useStylesWithRootClass('dot-main-menu', denseClass, menuOpen ? 'open' : '');
2469
2482
  const targetBreakpoint = useMediaQuery(theme => theme.breakpoints.up('md'));
2470
2483
  useEffect(() => {
@@ -2558,7 +2571,7 @@ const DotAppToolbar = ({
2558
2571
  }, avatar)));
2559
2572
  };
2560
2573
 
2561
- const rootClassName$E = 'dot-autocomplete';
2574
+ const rootClassName$G = 'dot-autocomplete';
2562
2575
  const inputRootClassName = 'dot-input-root';
2563
2576
  const inputMediumClassName = 'dot-input-medium';
2564
2577
  const StyledAutocomplete = styled(Autocomplete).withConfig({
@@ -2566,9 +2579,9 @@ const StyledAutocomplete = styled(Autocomplete).withConfig({
2566
2579
  componentId: "j2sgjy-0"
2567
2580
  })(["", ""], ({
2568
2581
  theme
2569
- }) => css(["&.", "{.", ".", "{padding-top:", ";padding-bottom:", ";}}"], rootClassName$E, inputRootClassName, inputMediumClassName, theme.spacing(0), theme.spacing(0)));
2582
+ }) => css(["&.", "{.", ".", "{padding-top:", ";padding-bottom:", ";}}"], rootClassName$G, inputRootClassName, inputMediumClassName, theme.spacing(0), theme.spacing(0)));
2570
2583
 
2571
- const rootClassName$D = 'dot-text-field';
2584
+ const rootClassName$F = 'dot-text-field';
2572
2585
  const rootSelectClassName = 'dot-select-field';
2573
2586
  const warningClassName = 'dot-warning';
2574
2587
  const adornmentIconClassName = 'dot-adornment-icon';
@@ -2582,15 +2595,15 @@ const StyledTextField = styled(TextField).withConfig({
2582
2595
  })(["", ""], ({
2583
2596
  theme,
2584
2597
  InputProps
2585
- }) => css(["&.", "{.MuiInputBase-root{background:", "}.MuiInputBase-input{box-sizing:content-box;}.MuiOutlinedInput-notchedOutline{border-color:", "}.MuiOutlinedInput-input{padding:", ";}.MuiOutlinedInput-inputMarginDense{padding-top:10.5px;padding-bottom:10.5px;}.MuiOutlinedInput-inputMultiline{padding:0;}}&.", ",&.", "{.dot-adornment-icon .dot-icon i{margin-top:-2px;}.MuiFormLabel-root.Mui-focused{color:", "}select.dot-select{background:", ";}.MuiSelect-select:focus{background-color:transparent;}.Mui-error .", "{color:", ";}.MuiSelect-icon{right:", ";}&.", "{.MuiOutlinedInput-notchedOutline{border-color:", ";}.MuiInputLabel-outlined.MuiInputLabel-shrink{color:", ";}.", "{color:", ";}}.MuiOutlinedInput-adornedStart{padding-left:12px;}.MuiOutlinedInput-adornedEnd{padding-right:12px;}.MuiFormHelperText-root{font-size:", "px;margin:", ";display:flex;align-items:flex-end;&:not(.Mui-error){color:", ";}}.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:", ";}"], rootClassName$D, theme.palette.product === 'agility' && theme.palette.layer.n0, theme.palette.product === 'agility' && theme.palette.layer.n100, InputProps.startAdornment ? `18px 12px 18px 0px` : `18px 12px`, rootSelectClassName, rootClassName$D, theme.palette.product === 'agility' && theme.palette.layer.n700, theme.palette.product === 'agility' && theme.palette.layer.n0, adornmentIconClassName, theme.palette.error[500], InputProps.endAdornment ? `44px` : `12px`, warningClassName, theme.palette.warning[500], theme.palette.grey[700], adornmentIconClassName, theme.palette.warning[500], theme.typography.body2.fontSize, theme.spacing(0, 0, 0, 2), theme.palette.grey[700], theme.palette.product === 'agility' && agilityGreen));
2598
+ }) => css(["&.", "{.MuiInputBase-root{background:", "}.MuiInputBase-input{box-sizing:content-box;}.MuiOutlinedInput-notchedOutline{border-color:", "}.MuiOutlinedInput-input{padding:", ";}.MuiOutlinedInput-inputMarginDense{padding-top:10.5px;padding-bottom:10.5px;}.MuiOutlinedInput-inputMultiline{padding:0;}}&.", ",&.", "{.dot-adornment-icon .dot-icon i{margin-top:-2px;}.MuiFormLabel-root.Mui-focused{color:", "}select.dot-select{background:", ";}.MuiSelect-select:focus{background-color:transparent;}.Mui-error .", "{color:", ";}.MuiSelect-icon{right:", ";}&.", "{.MuiOutlinedInput-notchedOutline{border-color:", ";}.MuiInputLabel-outlined.MuiInputLabel-shrink{color:", ";}.", "{color:", ";}}.MuiOutlinedInput-adornedStart{padding-left:12px;}.MuiOutlinedInput-adornedEnd{padding-right:12px;}.MuiFormHelperText-root{font-size:", "px;margin:", ";display:flex;align-items:flex-end;&:not(.Mui-error){color:", ";}}.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:", ";}"], rootClassName$F, theme.palette.product === 'agility' && theme.palette.layer.n0, theme.palette.product === 'agility' && theme.palette.layer.n100, InputProps.startAdornment ? `18px 12px 18px 0px` : `18px 12px`, rootSelectClassName, rootClassName$F, theme.palette.product === 'agility' && theme.palette.layer.n700, theme.palette.product === 'agility' && theme.palette.layer.n0, adornmentIconClassName, theme.palette.error[500], InputProps.endAdornment ? `44px` : `12px`, warningClassName, theme.palette.warning[500], theme.palette.grey[700], adornmentIconClassName, theme.palette.warning[500], theme.typography.body2.fontSize, theme.spacing(0, 0, 0, 2), theme.palette.grey[700], theme.palette.product === 'agility' && agilityGreen));
2586
2599
 
2587
- const rootClassName$C = 'dot-button';
2600
+ const rootClassName$E = 'dot-button';
2588
2601
  const StyledButton = styled(Button).withConfig({
2589
2602
  displayName: "Buttonstyles__StyledButton",
2590
2603
  componentId: "sx99hh-0"
2591
2604
  })(["", ""], ({
2592
2605
  theme
2593
- }) => css(["&.", "{margin:", "px;min-width:auto;white-space:nowrap;&.MuiButton-containedPrimary{background-color:", ";}&.MuiButton-containedSecondary{background-color:", ";&:hover,&:active{background-color:", ";}}&.MuiButton-text{padding:6px 16px;}span.dot-icon{padding:0;i{height:auto;}}}"], rootClassName$C, theme.spacing(0.5), theme.palette.product === 'agility' && agilityGreen, theme.palette.error.main, darken(theme.palette.error.main, 0.2)));
2606
+ }) => css(["&.", "{margin:", "px;min-width:auto;white-space:nowrap;&.MuiButton-containedPrimary{background-color:", ";}&.MuiButton-containedSecondary{background-color:", ";&:hover,&:active{background-color:", ";}}&.MuiButton-text{padding:6px 16px;}span.dot-icon{padding:0;i{height:auto;}}}"], rootClassName$E, theme.spacing(0.5), theme.palette.product === 'agility' && agilityGreen, theme.palette.error.main, darken(theme.palette.error.main, 0.2)));
2594
2607
 
2595
2608
  /** This component wraps the Button component from @material-ui. */
2596
2609
 
@@ -2614,7 +2627,7 @@ const DotButton = /*#__PURE__*/React__default.forwardRef(({
2614
2627
  tooltip,
2615
2628
  type: _type = 'primary'
2616
2629
  }, ref) => {
2617
- const rootClasses = useStylesWithRootClass(rootClassName$C, className);
2630
+ const rootClasses = useStylesWithRootClass(rootClassName$E, className);
2618
2631
  let color;
2619
2632
  let variant;
2620
2633
 
@@ -2669,13 +2682,13 @@ const DotButton = /*#__PURE__*/React__default.forwardRef(({
2669
2682
  }, children));
2670
2683
  });
2671
2684
 
2672
- const rootClassName$B = 'dot-chip';
2685
+ const rootClassName$D = 'dot-chip';
2673
2686
  const StyledChip = styled(Chip).withConfig({
2674
2687
  displayName: "Chipstyles__StyledChip",
2675
2688
  componentId: "f1tsra-0"
2676
2689
  })(["", ""], ({
2677
2690
  theme
2678
- }) => css(["&.", "{border-color:", ";.dot-icon i{height:auto;}&.MuiChip-sizeSmall{.dot-icon,.dot-avatar{width:18px;height:18px;}}&.Mui-error{background-color:", ";border-color:", ";.MuiChip-deleteIcon{color:", ";}}&:not(.Mui-error){&:hover{background-color:", ";}.MuiChip-deleteIcon{&:hover{color:", ";}}}.MuiChip-deleteIcon{width:18px;height:18px;color:", ";}}"], rootClassName$B, theme.palette.grey[300], theme.palette.error[50], theme.palette.error.main, theme.palette.error.main, theme.palette.grey[50], theme.palette.grey[400], theme.palette.grey[300]));
2691
+ }) => css(["&.", "{border-color:", ";.dot-icon i{height:auto;}&.MuiChip-sizeSmall{.dot-icon,.dot-avatar{width:18px;height:18px;}}&.Mui-error{background-color:", ";border-color:", ";.MuiChip-deleteIcon{color:", ";}}&:not(.Mui-error){&:hover{background-color:", ";}.MuiChip-deleteIcon{&:hover{color:", ";}}}.MuiChip-deleteIcon{width:18px;height:18px;color:", ";}}"], rootClassName$D, theme.palette.grey[300], theme.palette.error[50], theme.palette.error.main, theme.palette.error.main, theme.palette.grey[50], theme.palette.grey[400], theme.palette.grey[300]));
2679
2692
 
2680
2693
  const DEFAULT_CHARACTERS_LIMIT = 32;
2681
2694
  const DotChip = ({
@@ -2695,7 +2708,7 @@ const DotChip = ({
2695
2708
  startIcon
2696
2709
  }) => {
2697
2710
  const errorClass = _error ? 'Mui-error' : '';
2698
- const rootClasses = useStylesWithRootClass(rootClassName$B, className, errorClass);
2711
+ const rootClasses = useStylesWithRootClass(rootClassName$D, className, errorClass);
2699
2712
 
2700
2713
  const getChipLabel = () => {
2701
2714
  if (_charactersLimit <= 0 || children.length < _charactersLimit) return children;
@@ -2811,8 +2824,8 @@ const DotAutoComplete = ({
2811
2824
  const isActionItemDefined = onActionItemClick !== undefined;
2812
2825
  const [isOpened, setIsOpened] = useState(false);
2813
2826
  const [inputText, setInputText] = useState('');
2814
- const rootClasses = useStylesWithRootClass(rootClassName$E, className);
2815
- const textFieldRootClasses = useStylesWithRootClass(rootClassName$D, className);
2827
+ const rootClasses = useStylesWithRootClass(rootClassName$G, className);
2828
+ const textFieldRootClasses = useStylesWithRootClass(rootClassName$F, className);
2816
2829
  const inputRootClasses = useStylesWithRootClass(inputRootClassName, _dense ? '' : inputMediumClassName);
2817
2830
  let textFieldInput; // Used for focus management while popper is opened
2818
2831
 
@@ -3067,13 +3080,13 @@ const DotAvatarGroup = ({
3067
3080
  }))));
3068
3081
  };
3069
3082
 
3070
- const rootClassName$A = 'dot-badge';
3083
+ const rootClassName$C = 'dot-badge';
3071
3084
  const StyledBadge = styled(Badge).withConfig({
3072
3085
  displayName: "Badgestyles__StyledBadge",
3073
3086
  componentId: "sc-1brv3h5-0"
3074
3087
  })(["", ""], ({
3075
3088
  theme
3076
- }) => css(["&.", "{.MuiBadge-badge{background-color:", ";&:not(.MuiBadge-dot){font-size:10px;height:", "px;min-width:", "px;padding:", ";}}}"], rootClassName$A, ({
3089
+ }) => css(["&.", "{.MuiBadge-badge{background-color:", ";&:not(.MuiBadge-dot){font-size:10px;height:", "px;min-width:", "px;padding:", ";}}}"], rootClassName$C, ({
3077
3090
  $badgeColor
3078
3091
  }) => {
3079
3092
  return $badgeColor;
@@ -3091,7 +3104,7 @@ const DotBadge = ({
3091
3104
  overlap,
3092
3105
  variant: _variant = 'dot'
3093
3106
  }) => {
3094
- const rootClasses = useStylesWithRootClass(rootClassName$A, className);
3107
+ const rootClasses = useStylesWithRootClass(rootClassName$C, className);
3095
3108
  return /*#__PURE__*/React__default.createElement(StyledBadge, {
3096
3109
  "$badgeColor": badgeColor,
3097
3110
  anchorOrigin: {
@@ -3112,20 +3125,20 @@ const DotBadge = ({
3112
3125
  }, children);
3113
3126
  };
3114
3127
 
3115
- const rootClassName$z = 'dot-breadcrumbs';
3128
+ const rootClassName$B = 'dot-breadcrumbs';
3116
3129
  const breadcrumbsWrapperClass = 'dot-breadcrumbs-wrapper';
3117
3130
  const StyledBreadcrumbsWrapper = styled.div.withConfig({
3118
3131
  displayName: "Breadcrumbsstyles__StyledBreadcrumbsWrapper",
3119
3132
  componentId: "sc-7cg374-0"
3120
3133
  })(["", ""], ({
3121
3134
  theme
3122
- }) => css(["&.", "{overflow:hidden;.dot-breadcrumbs-menu{.MuiMenuItem-root{padding:0;}a.breadcrumb{width:100%;padding:", ";}}}"], rootClassName$z, theme.spacing(0.5, 2)));
3135
+ }) => css(["&.", "{overflow:hidden;.dot-breadcrumbs-menu{.MuiMenuItem-root{padding:0;}a.breadcrumb{width:100%;padding:", ";}}}"], rootClassName$B, theme.spacing(0.5, 2)));
3123
3136
  const StyledBreadcrumbs = styled(Breadcrumbs).withConfig({
3124
3137
  displayName: "Breadcrumbsstyles__StyledBreadcrumbs",
3125
3138
  componentId: "sc-7cg374-1"
3126
3139
  })(["", ""], ({
3127
3140
  theme
3128
- }) => css(["&.", "{margin-bottom:0;.MuiBreadcrumbs-ol{flex-wrap:nowrap;}.MuiBreadcrumbs-li,.separator{color:", ";margin:0;white-space:nowrap;}.separator{font-size:12px;width:20px;height:20px;padding:0;}.MuiBreadcrumbs-separator{margin:0;}.MuiLink-underlineHover{cursor:pointer;}.MuiBreadcrumbs-li:last-child{overflow:hidden;text-overflow:ellipsis;}.breadcrumb{padding:", ";}.current-page{color:", ";cursor:default;}}"], rootClassName$z, theme.palette.grey[300], theme.spacing(0.5, 2), theme.palette.grey[700]));
3141
+ }) => css(["&.", "{margin-bottom:0;.MuiBreadcrumbs-ol{flex-wrap:nowrap;}.MuiBreadcrumbs-li,.separator{color:", ";margin:0;white-space:nowrap;}.separator{font-size:12px;width:20px;height:20px;padding:0;}.MuiBreadcrumbs-separator{margin:0;}.MuiLink-underlineHover{cursor:pointer;}.MuiBreadcrumbs-li:last-child{overflow:hidden;text-overflow:ellipsis;}.breadcrumb{padding:", ";}.current-page{color:", ";cursor:default;}}"], rootClassName$B, theme.palette.grey[300], theme.spacing(0.5, 2), theme.palette.grey[700]));
3129
3142
 
3130
3143
  const compareWidth = (parentEl, childEl) => {
3131
3144
  return parentEl.getBoundingClientRect().width < childEl.getBoundingClientRect().width;
@@ -3429,7 +3442,7 @@ const DotBreadcrumbs = ({
3429
3442
  }, /*#__PURE__*/React__default.createElement(StyledBreadcrumbs, {
3430
3443
  "aria-label": "breadcrumb",
3431
3444
  classes: {
3432
- root: rootClassName$z,
3445
+ root: rootClassName$B,
3433
3446
  ol: 'dot-ol',
3434
3447
  li: 'dot-li'
3435
3448
  },
@@ -3459,13 +3472,13 @@ const DotBreadcrumbs = ({
3459
3472
  }));
3460
3473
  };
3461
3474
 
3462
- const rootClassName$y = 'dot-button-toggle';
3475
+ const rootClassName$A = 'dot-button-toggle';
3463
3476
  const StyledToggleButtonGroup = styled(ToggleButtonGroup).withConfig({
3464
3477
  displayName: "ButtonTogglestyles__StyledToggleButtonGroup",
3465
3478
  componentId: "sc-1oh4ljv-0"
3466
3479
  })(["", ""], ({
3467
3480
  theme
3468
- }) => css(["&.", "{.dot-icon{+ p{margin-left:", "px;}i{height:auto;}}.MuiToggleButton-label{color:", ";p{margin-bottom:0;}}.MuiToggleButtonGroup-groupedHorizontal{border:1px solid ", ";border-radius:0px;:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px;margin-left:0;}:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px;margin-right:0;}}}.MuiButtonBase-root{&.Mui-disabled p,&.Mui-disabled .dot-icon{color:", ";}}"], rootClassName$y, theme.spacing(1), theme.palette.layer.n700, theme.palette.layer.n300, theme.palette.grey[200]));
3481
+ }) => css(["&.", "{.dot-icon{+ p{margin-left:", "px;}i{height:auto;}}.MuiToggleButton-label{color:", ";p{margin-bottom:0;}}.MuiToggleButtonGroup-groupedHorizontal{border:1px solid ", ";border-radius:0px;:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px;margin-left:0;}:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px;margin-right:0;}}}.MuiButtonBase-root{&.Mui-disabled p,&.Mui-disabled .dot-icon{color:", ";}}"], rootClassName$A, theme.spacing(1), theme.palette.layer.n700, theme.palette.layer.n300, theme.palette.grey[200]));
3469
3482
 
3470
3483
  const DotButtonToggle = ({
3471
3484
  ariaLabel,
@@ -3480,7 +3493,7 @@ const DotButtonToggle = ({
3480
3493
  size: _size = 'medium',
3481
3494
  value
3482
3495
  }) => {
3483
- const rootClasses = useStylesWithRootClass(rootClassName$y, className);
3496
+ const rootClasses = useStylesWithRootClass(rootClassName$A, className);
3484
3497
  return /*#__PURE__*/React__default.createElement(StyledToggleButtonGroup, {
3485
3498
  "aria-label": ariaLabel,
3486
3499
  classes: {
@@ -3549,13 +3562,13 @@ const DotCardContent = ({
3549
3562
  }, children);
3550
3563
  };
3551
3564
 
3552
- const rootClassName$x = 'dot-card-footer';
3565
+ const rootClassName$z = 'dot-card-footer';
3553
3566
  const StyledDiv = styled.div.withConfig({
3554
3567
  displayName: "CardFooterstyles__StyledDiv",
3555
3568
  componentId: "koblh6-0"
3556
3569
  })(["", ""], ({
3557
3570
  theme
3558
- }) => css(["&.", "{padding:", "px;}"], rootClassName$x, theme.spacing(2)));
3571
+ }) => css(["&.", "{padding:", "px;}"], rootClassName$z, theme.spacing(2)));
3559
3572
 
3560
3573
  const DotCardFooter = ({
3561
3574
  ariaLabel,
@@ -3563,7 +3576,7 @@ const DotCardFooter = ({
3563
3576
  className,
3564
3577
  'data-testid': dataTestId
3565
3578
  }) => {
3566
- const rootClasses = useStylesWithRootClass(rootClassName$x, className);
3579
+ const rootClasses = useStylesWithRootClass(rootClassName$z, className);
3567
3580
  return /*#__PURE__*/React__default.createElement(StyledDiv, {
3568
3581
  "aria-label": ariaLabel,
3569
3582
  className: rootClasses,
@@ -3606,19 +3619,19 @@ const DotCardHeader = ({
3606
3619
  });
3607
3620
  };
3608
3621
 
3609
- const rootClassName$w = 'dot-form-control-label';
3622
+ const rootClassName$y = 'dot-form-control-label';
3610
3623
  const StyledFormControlLabel = styled(FormControlLabel).withConfig({
3611
3624
  displayName: "FormControlLabelstyles__StyledFormControlLabel",
3612
3625
  componentId: "sc-1vt0om4-0"
3613
- })(["&.", "{.MuiFormControlLabel-label{margin-bottom:0;padding:0 0 0 4px;}&.MuiFormControlLabel-labelPlacementBottom{.MuiFormControlLabel-label{padding:4px 0 0 0;}}&.MuiFormControlLabel-labelPlacementTop{.MuiFormControlLabel-label{padding:0 0 4px 0;}}&.MuiFormControlLabel-labelPlacementStart{.MuiFormControlLabel-label{padding:0 4px 0;}}}"], rootClassName$w);
3626
+ })(["&.", "{.MuiFormControlLabel-label{margin-bottom:0;padding:0 0 0 4px;}&.MuiFormControlLabel-labelPlacementBottom{.MuiFormControlLabel-label{padding:4px 0 0 0;}}&.MuiFormControlLabel-labelPlacementTop{.MuiFormControlLabel-label{padding:0 0 4px 0;}}&.MuiFormControlLabel-labelPlacementStart{.MuiFormControlLabel-label{padding:0 4px 0;}}}"], rootClassName$y);
3614
3627
 
3615
- const rootClassName$v = 'dot-checkbox';
3628
+ const rootClassName$x = 'dot-checkbox';
3616
3629
  const StyledCheckbox = styled(Checkbox).withConfig({
3617
3630
  displayName: "Checkboxstyles__StyledCheckbox",
3618
3631
  componentId: "sc-1ubsn6i-0"
3619
3632
  })(["", ""], ({
3620
3633
  theme
3621
- }) => css(["&.", "{padding:", "px;}"], rootClassName$v, theme.spacing(1)));
3634
+ }) => css(["&.", "{padding:", "px;}"], rootClassName$x, theme.spacing(1)));
3622
3635
 
3623
3636
  function DotCheckbox({
3624
3637
  ariaLabel,
@@ -3639,7 +3652,7 @@ function DotCheckbox({
3639
3652
  size = 'medium',
3640
3653
  value
3641
3654
  }) {
3642
- const rootClasses = useStylesWithRootClass(rootClassName$w, className);
3655
+ const rootClasses = useStylesWithRootClass(rootClassName$y, className);
3643
3656
 
3644
3657
  const handleChange = event => {
3645
3658
  onChange && onChange(event, event.target.value);
@@ -3650,7 +3663,7 @@ function DotCheckbox({
3650
3663
  control: /*#__PURE__*/React__default.createElement(StyledCheckbox, {
3651
3664
  checked: checked,
3652
3665
  classes: {
3653
- root: rootClassName$v
3666
+ root: rootClassName$x
3654
3667
  },
3655
3668
  color: "primary",
3656
3669
  "data-testid": dataTestId,
@@ -3674,7 +3687,7 @@ function DotCheckbox({
3674
3687
  });
3675
3688
  }
3676
3689
 
3677
- const rootClassName$u = 'dot-form-group';
3690
+ const rootClassName$w = 'dot-form-group';
3678
3691
  const groupLabelClassName = 'dot-form-group-label';
3679
3692
  const startAdornmentClassName = 'dot-start-adornment';
3680
3693
  const endAdornmentClassName = 'dot-end-adornment';
@@ -3682,9 +3695,9 @@ const placementClassName = 'dot-';
3682
3695
  const StyledFormControl = styled(FormControl).withConfig({
3683
3696
  displayName: "FormControlstyles__StyledFormControl",
3684
3697
  componentId: "sc-532kip-0"
3685
- })(["&.", "{.MuiFormLabel-root{width:100%;line-height:24px;margin-bottom:4px;display:flex;align-items:center;.", "{padding-left:4px;}.", "{padding-right:4px;}}&.", "{.MuiFormHelperText-root,.MuiFormLabel-root{display:flex;flex-direction:row-reverse;}}&.", "{.MuiFormHelperText-root,.MuiFormLabel-root{display:flex;justify-content:center;}}}"], rootClassName$u, endAdornmentClassName, startAdornmentClassName, `${placementClassName}start`, `${placementClassName}bottom`);
3698
+ })(["&.", "{.MuiFormLabel-root{width:100%;line-height:24px;margin-bottom:4px;display:flex;align-items:center;.", "{padding-left:4px;}.", "{padding-right:4px;}}&.", "{.MuiFormHelperText-root,.MuiFormLabel-root{display:flex;flex-direction:row-reverse;}}&.", "{.MuiFormHelperText-root,.MuiFormLabel-root{display:flex;justify-content:center;}}}"], rootClassName$w, endAdornmentClassName, startAdornmentClassName, `${placementClassName}start`, `${placementClassName}bottom`);
3686
3699
 
3687
- const rootClassName$t = 'dot-checkbox-group';
3700
+ const rootClassName$v = 'dot-checkbox-group';
3688
3701
  const wrapperClassName$1 = 'dot-checkbox-group-wrapper';
3689
3702
  const checkboxListClassName = 'dot-checkbox-list';
3690
3703
  const checkboxListItemClassName = 'dot-checkbox-list-item';
@@ -3693,16 +3706,16 @@ const StyledCheckboxGroup = styled.div.withConfig({
3693
3706
  componentId: "bhb21v-0"
3694
3707
  })(["", ""], ({
3695
3708
  theme
3696
- }) => css(["{&.", "{.", "{width:100%;}.MuiFormLabel-root{display:inline;width:100%;}.", "{list-style:none;margin-top:0;padding-left:", "px;.", "{margin:0;}}}"], wrapperClassName$1, rootClassName$t, checkboxListClassName, theme.spacing(2.5), rootClassName$w));
3709
+ }) => css(["{&.", "{.", "{width:100%;}.MuiFormLabel-root{display:inline;width:100%;}.", "{list-style:none;margin-top:0;padding-left:", "px;.", "{margin:0;}}}"], wrapperClassName$1, rootClassName$v, checkboxListClassName, theme.spacing(2.5), rootClassName$y));
3697
3710
 
3698
- const rootClassName$s = 'dot-form-group';
3711
+ const rootClassName$u = 'dot-form-group';
3699
3712
  const StyledFormGroup = styled(FormGroup).withConfig({
3700
3713
  displayName: "FormGroupstyles__StyledFormGroup",
3701
3714
  componentId: "sc-1dlipcr-0"
3702
3715
  })(["", ""], ({
3703
3716
  theme,
3704
3717
  row
3705
- }) => css(["&.", "{& > *{margin:", ";}}"], rootClassName$s, row ? `${theme.spacing(0.5)}px` : 0));
3718
+ }) => css(["&.", "{& > *{margin:", ";}}"], rootClassName$u, row ? `${theme.spacing(0.5)}px` : 0));
3706
3719
 
3707
3720
  function DotFormGroup({
3708
3721
  ariaLabel,
@@ -3711,7 +3724,7 @@ function DotFormGroup({
3711
3724
  'data-testid': dataTestId,
3712
3725
  row
3713
3726
  }) {
3714
- const rootClasses = useStylesWithRootClass(rootClassName$u, className);
3727
+ const rootClasses = useStylesWithRootClass(rootClassName$w, className);
3715
3728
  return /*#__PURE__*/React__default.createElement(StyledFormGroup, {
3716
3729
  "aria-label": ariaLabel,
3717
3730
  classes: {
@@ -3749,7 +3762,7 @@ function DotCheckboxGroup({
3749
3762
  size = 'medium'
3750
3763
  }) {
3751
3764
  const placement = `${placementClassName}${labelPlacement}`;
3752
- const rootClasses = useStylesWithRootClass(rootClassName$u, rootClassName$t, className, placement);
3765
+ const rootClasses = useStylesWithRootClass(rootClassName$w, rootClassName$v, className, placement);
3753
3766
  const [selectedOptions, setSelectedOptions] = useState(defaultValues);
3754
3767
  const [allChecked, setAllChecked] = useState(false);
3755
3768
  /* This will ensure that state can be updated from the outside */
@@ -3831,13 +3844,13 @@ function DotCheckboxGroup({
3831
3844
  }, renderOptions), helperText && /*#__PURE__*/React__default.createElement(FormHelperText, null, helperText)));
3832
3845
  }
3833
3846
 
3834
- const rootClassName$r = 'dot-dialog';
3847
+ const rootClassName$t = 'dot-dialog';
3835
3848
  const StyledDialog = styled(Dialog).withConfig({
3836
3849
  displayName: "Dialogstyles__StyledDialog",
3837
3850
  componentId: "sc-1tkr4ex-0"
3838
3851
  })(["", ""], ({
3839
3852
  theme
3840
- }) => css(["&.", "{.MuiDialog-paper{background-color:", ";min-width:280px;max-height:80vh;max-width:80vw;}.MuiDialogTitle-root{align-items:center;display:flex;flex-wrap:nowrap;padding:", ";h2{flex-grow:1;}.dot-icon-button{margin-left:", "px;}}.dot-dialog-content{padding:", ";overflow-y:auto;}.dot-dialog-actions{padding:", ";.cancel-button{color:inherit;}}}"], rootClassName$r, theme.palette.product === 'agility' && theme.palette.layer.n50, theme.spacing(1, 2), theme.spacing(1), theme.spacing(1, 2), theme.spacing(2)));
3853
+ }) => css(["&.", "{.MuiDialog-paper{background-color:", ";min-width:280px;max-height:80vh;max-width:80vw;}.MuiDialogTitle-root{align-items:center;display:flex;flex-wrap:nowrap;padding:", ";h2{flex-grow:1;}.dot-icon-button{margin-left:", "px;}}.dot-dialog-content{padding:", ";overflow-y:auto;}.dot-dialog-actions{padding:", ";.cancel-button{color:inherit;}}}"], rootClassName$t, theme.palette.product === 'agility' && theme.palette.layer.n50, theme.spacing(1, 2), theme.spacing(1), theme.spacing(1, 2), theme.spacing(2)));
3841
3854
 
3842
3855
  const DotDialog = ({
3843
3856
  ariaLabel,
@@ -3854,7 +3867,7 @@ const DotDialog = ({
3854
3867
  submitButtonProps,
3855
3868
  title
3856
3869
  }) => {
3857
- const rootClasses = useStylesWithRootClass(rootClassName$r, className);
3870
+ const rootClasses = useStylesWithRootClass(rootClassName$t, className);
3858
3871
  const cancelClasses = useStylesWithRootClass(cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.className, 'cancel-button');
3859
3872
  const [isOpen, setIsOpen] = useState(open);
3860
3873
  useEffect(() => {
@@ -3898,9 +3911,7 @@ const DotDialog = ({
3898
3911
  open: isOpen
3899
3912
  }, /*#__PURE__*/React__default.createElement(DialogTitle, {
3900
3913
  disableTypography: true
3901
- }, /*#__PURE__*/React__default.createElement(DotTypography, {
3902
- variant: "h2"
3903
- }, title), closeIconVisible && /*#__PURE__*/React__default.createElement(DotIconButton, {
3914
+ }, renderNodeOrTypography(title, 'h2'), closeIconVisible && /*#__PURE__*/React__default.createElement(DotIconButton, {
3904
3915
  iconId: "close",
3905
3916
  onClick: handleCancel,
3906
3917
  size: "small"
@@ -3908,7 +3919,7 @@ const DotDialog = ({
3908
3919
  classes: {
3909
3920
  root: `dot-dialog-content`
3910
3921
  }
3911
- }, children), /*#__PURE__*/React__default.createElement(DialogActions, {
3922
+ }, renderNodeOrTypography(children)), /*#__PURE__*/React__default.createElement(DialogActions, {
3912
3923
  classes: {
3913
3924
  root: `dot-dialog-actions`
3914
3925
  }
@@ -3968,7 +3979,7 @@ const DotConfirmationDialog = ({
3968
3979
  }, _message);
3969
3980
  };
3970
3981
 
3971
- const rootClassName$q = 'dot-grid';
3982
+ const rootClassName$s = 'dot-grid';
3972
3983
 
3973
3984
  const frGetter = value => typeof value === 'number' ? `repeat(${value}, 1fr)` : value;
3974
3985
 
@@ -4016,7 +4027,7 @@ const Grid = ({
4016
4027
  className,
4017
4028
  children
4018
4029
  }) => {
4019
- const rootClasses = useStylesWithRootClass(rootClassName$q, className);
4030
+ const rootClasses = useStylesWithRootClass(rootClassName$s, className);
4020
4031
  return /*#__PURE__*/React__default.createElement("div", {
4021
4032
  className: rootClasses
4022
4033
  }, children);
@@ -4035,7 +4046,7 @@ const StyledGrid = styled(Grid).withConfig({
4035
4046
  rows,
4036
4047
  theme,
4037
4048
  width
4038
- }) => css(["&.", "{display:grid;grid-template-rows:", ";", " ", " ", " ", " ", ""], rootClassName$q, frGetter(rows), columns ? `${columns && `grid-template-columns: ${frGetter(columns)}`};` : breakpointsGetter$1(theme, _columnsBreakpoints, _columnGap, _rowGap), gridTemplateAreas && `grid-template-areas: ${gridTemplateAreas};`, gap && `grid-gap: ${gap};`, width && `width: ${width};`, height && `height: ${height};`));
4049
+ }) => css(["&.", "{display:grid;grid-template-rows:", ";", " ", " ", " ", " ", ""], rootClassName$s, frGetter(rows), columns ? `${columns && `grid-template-columns: ${frGetter(columns)}`};` : breakpointsGetter$1(theme, _columnsBreakpoints, _columnGap, _rowGap), gridTemplateAreas && `grid-template-areas: ${gridTemplateAreas};`, gap && `grid-gap: ${gap};`, width && `width: ${width};`, height && `height: ${height};`));
4039
4050
  const CssGrid = props => {
4040
4051
  return /*#__PURE__*/React__default.createElement(StyledGrid, Object.assign({}, props));
4041
4052
  };
@@ -4178,7 +4189,7 @@ const CssGridDebug = ({
4178
4189
  })));
4179
4190
  };
4180
4191
 
4181
- const rootClassName$p = 'dot-empty-state';
4192
+ const rootClassName$r = 'dot-empty-state';
4182
4193
  const StyledEmptyState = styled.div.withConfig({
4183
4194
  displayName: "EmptyStatestyles__StyledEmptyState",
4184
4195
  componentId: "sc-1sftmht-0"
@@ -4196,7 +4207,7 @@ const DotEmptyState = ({
4196
4207
  subtitle,
4197
4208
  title
4198
4209
  }) => {
4199
- const rootClasses = useStylesWithRootClass(rootClassName$p, className);
4210
+ const rootClasses = useStylesWithRootClass(rootClassName$r, className);
4200
4211
  return /*#__PURE__*/React__default.createElement(StyledEmptyState, {
4201
4212
  "aria-label": ariaLabel,
4202
4213
  className: rootClasses,
@@ -4224,15 +4235,15 @@ const StyledRadioGroup = styled(RadioGroup).withConfig({
4224
4235
  componentId: "sc-84g3mq-1"
4225
4236
  })(["", ""], ({
4226
4237
  theme
4227
- }) => css(["{&.", "{padding-left:", "px;.", "{margin:0;}}"], groupClassName, theme.spacing(2.5), rootClassName$w));
4238
+ }) => css(["{&.", "{padding-left:", "px;.", "{margin:0;}}"], groupClassName, theme.spacing(2.5), rootClassName$y));
4228
4239
 
4229
- const rootClassName$o = 'dot-form';
4240
+ const rootClassName$q = 'dot-form';
4230
4241
  const StyledFormContainer = styled.div.withConfig({
4231
4242
  displayName: "Formstyles__StyledFormContainer",
4232
4243
  componentId: "bbovqo-0"
4233
4244
  })(["", ""], ({
4234
4245
  theme
4235
- }) => css(["&.", "{margin:", ";.", ",.", ",.", ",.", "{margin:", ";}.", ",.", "{.", "{margin:0;}}}"], rootClassName$o, theme.spacing(3, 0), rootClassName$u, rootClassName$w, rootClassName$D, rootSelectClassName, theme.spacing(1, 0), rootClassName$t, groupClassName, rootClassName$w));
4246
+ }) => css(["&.", "{margin:", ";.", ",.", ",.", ",.", "{margin:", ";}.", ",.", "{.", "{margin:0;}}}"], rootClassName$q, theme.spacing(3, 0), rootClassName$w, rootClassName$y, rootClassName$F, rootSelectClassName, theme.spacing(1, 0), rootClassName$v, groupClassName, rootClassName$y));
4236
4247
 
4237
4248
  const DotForm = ({
4238
4249
  ariaLabel,
@@ -4241,7 +4252,7 @@ const DotForm = ({
4241
4252
  'data-testid': dataTestId,
4242
4253
  onSubmit
4243
4254
  }) => {
4244
- const rootClasses = useStylesWithRootClass(rootClassName$o, className);
4255
+ const rootClasses = useStylesWithRootClass(rootClassName$q, className);
4245
4256
  return /*#__PURE__*/React__default.createElement("form", {
4246
4257
  "aria-label": ariaLabel,
4247
4258
  "data-testid": dataTestId,
@@ -4252,11 +4263,11 @@ const DotForm = ({
4252
4263
  }, children));
4253
4264
  };
4254
4265
 
4255
- const rootClassName$n = 'dot-dynamic-form';
4266
+ const rootClassName$p = 'dot-dynamic-form';
4256
4267
  const StyledDynamicForm = styled(DotForm).withConfig({
4257
4268
  displayName: "DynamicFormstyles__StyledDynamicForm",
4258
4269
  componentId: "sc-1lnljcn-0"
4259
- })(["", ""], () => css(["&.", "{}"], rootClassName$n));
4270
+ })(["", ""], () => css(["&.", "{}"], rootClassName$p));
4260
4271
 
4261
4272
  const DATA_CONTROLS = ['dot-autocomplete', 'dot-checkbox', 'dot-checkbox-group', 'dot-input-select', 'dot-input-text', 'dot-radio-group', 'dot-switch'];
4262
4273
  /* Array of control types for which we don't have error state so validation doesn't make any sense */
@@ -4478,6 +4489,7 @@ const DotInputText = ({
4478
4489
  onChange,
4479
4490
  onFocus,
4480
4491
  onKeyDown,
4492
+ onMouseUp,
4481
4493
  placeholder,
4482
4494
  readOnly: _readOnly = false,
4483
4495
  required: _required = false,
@@ -4498,7 +4510,7 @@ const DotInputText = ({
4498
4510
  iconId: `${iconType}-solid`
4499
4511
  });
4500
4512
 
4501
- const rootStyles = useStylesWithRootClass(rootClassName$D, className, hasWarning);
4513
+ const rootStyles = useStylesWithRootClass(rootClassName$F, className, hasWarning);
4502
4514
 
4503
4515
  const endAdornmentIcon = endIcon || _error && renderIcon('error') || _warning && renderIcon('warning'); // Used to control text value from the consumer component
4504
4516
  // when debounce feature is enabled
@@ -4570,6 +4582,7 @@ const DotInputText = ({
4570
4582
  onChange: hasDebounce ? handleChange : onChange,
4571
4583
  onFocus: onFocus,
4572
4584
  onKeyDown: onKeyDown,
4585
+ onMouseUp: onMouseUp,
4573
4586
  placeholder: placeholder,
4574
4587
  required: _required,
4575
4588
  rows: _multiline ? rows : null,
@@ -4665,13 +4678,13 @@ const DotInputSelect = ({
4665
4678
  }, getOption(option))));
4666
4679
  };
4667
4680
 
4668
- const rootClassName$m = 'dot-progress-button';
4681
+ const rootClassName$o = 'dot-progress-button';
4669
4682
  const StyledProgressButton = styled(DotButton).withConfig({
4670
4683
  displayName: "ProgressButtonstyles__StyledProgressButton",
4671
4684
  componentId: "sc-1fvgky0-0"
4672
4685
  })(["", ""], ({
4673
4686
  theme
4674
- }) => css(["&.", "{.hidden{visibility:hidden;}.progress-circle{color:", ";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;}}"], rootClassName$m, theme.palette.layer.n300));
4687
+ }) => css(["&.", "{.hidden{visibility:hidden;}.progress-circle{color:", ";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;}}"], rootClassName$o, theme.palette.layer.n300));
4675
4688
 
4676
4689
  const SPINNER_DEFAULT_SIZE = 20;
4677
4690
  const SPINNER_LARGE_SIZE = 24;
@@ -4690,7 +4703,7 @@ const DotProgressButton = ({
4690
4703
  tooltip,
4691
4704
  type: _type = 'primary'
4692
4705
  }) => {
4693
- const rootClasses = useStylesWithRootClass(rootClassName$m, className);
4706
+ const rootClasses = useStylesWithRootClass(rootClassName$o, className);
4694
4707
  const isButtonDisabled = _disabled || _isLoading;
4695
4708
  const titleClasses = useStylesWithRootClass(_isLoading ? 'hidden' : '');
4696
4709
  const progressCircleSize = _size === 'large' ? SPINNER_LARGE_SIZE : SPINNER_DEFAULT_SIZE;
@@ -4714,13 +4727,13 @@ const DotProgressButton = ({
4714
4727
  }));
4715
4728
  };
4716
4729
 
4717
- const rootClassName$l = 'dot-radio';
4730
+ const rootClassName$n = 'dot-radio';
4718
4731
  const StyledRadioButton = styled(Radio).withConfig({
4719
4732
  displayName: "RadioButtonstyles__StyledRadioButton",
4720
4733
  componentId: "brp0sc-0"
4721
4734
  })(["", ""], ({
4722
4735
  theme
4723
- }) => css(["{&.", "{padding:8px;}"], rootClassName$l));
4736
+ }) => css(["{&.", "{padding:8px;}"], rootClassName$n));
4724
4737
 
4725
4738
  function DotRadioButton({
4726
4739
  ariaLabel,
@@ -4738,7 +4751,7 @@ function DotRadioButton({
4738
4751
  size = 'medium',
4739
4752
  value
4740
4753
  }) {
4741
- const rootClasses = useStylesWithRootClass(rootClassName$w, className);
4754
+ const rootClasses = useStylesWithRootClass(rootClassName$y, className);
4742
4755
 
4743
4756
  const handleChange = event => {
4744
4757
  onChange && onChange(event, event.target.value);
@@ -4750,7 +4763,7 @@ function DotRadioButton({
4750
4763
  "aria-label": ariaLabel,
4751
4764
  checked: checked,
4752
4765
  classes: {
4753
- root: rootClassName$l
4766
+ root: rootClassName$n
4754
4767
  },
4755
4768
  color: "primary",
4756
4769
  "data-testid": dataTestId,
@@ -4789,7 +4802,7 @@ const DotRadioGroup = ({
4789
4802
  size: _size = 'medium'
4790
4803
  }) => {
4791
4804
  const placement = `${placementClassName}${_labelPlacement}`;
4792
- const rootClasses = useStylesWithRootClass(rootClassName$u, className, placement);
4805
+ const rootClasses = useStylesWithRootClass(rootClassName$w, className, placement);
4793
4806
  const radioValue = value || defaultValue;
4794
4807
  const [selectedValue, setSelectedValue] = useState(radioValue);
4795
4808
  /* This will ensure that value can be updated from the outside */
@@ -4847,7 +4860,7 @@ const DotRadioGroup = ({
4847
4860
  }, renderOptions), helperText && /*#__PURE__*/React__default.createElement(FormHelperText, null, helperText)));
4848
4861
  };
4849
4862
 
4850
- const rootClassName$k = 'dot-switch';
4863
+ const rootClassName$m = 'dot-switch';
4851
4864
  const StyledSwitch = styled(Switch).withConfig({
4852
4865
  displayName: "Switchstyles__StyledSwitch",
4853
4866
  componentId: "eign2a-0"
@@ -4869,14 +4882,14 @@ const DotSwitch = ({
4869
4882
  onChange,
4870
4883
  size: _size = 'medium'
4871
4884
  }) => {
4872
- const rootClasses = useStylesWithRootClass(rootClassName$k, className);
4885
+ const rootClasses = useStylesWithRootClass(rootClassName$m, className);
4873
4886
 
4874
4887
  const handleChange = event => {
4875
4888
  onChange && onChange(event);
4876
4889
  };
4877
4890
 
4878
4891
  return /*#__PURE__*/React__default.createElement(StyledFormControlLabel, {
4879
- className: rootClassName$w,
4892
+ className: rootClassName$y,
4880
4893
  control: /*#__PURE__*/React__default.createElement(StyledSwitch, {
4881
4894
  checked: checked,
4882
4895
  classes: {
@@ -5227,7 +5240,7 @@ const DotDynamicForm = ({
5227
5240
  onChange,
5228
5241
  onSubmit
5229
5242
  }) => {
5230
- const rootClasses = useStylesWithRootClass(rootClassName$n, className); // Memoize this operation so that is doesn't get executed each time this
5243
+ const rootClasses = useStylesWithRootClass(rootClassName$p, className); // Memoize this operation so that is doesn't get executed each time this
5231
5244
  // component re-renders
5232
5245
 
5233
5246
  const initialFormState = useMemo(() => getInitialFormState(config, _liveValidation), [config, _liveValidation, getInitialFormState]);
@@ -5537,13 +5550,90 @@ function __awaiter(thisArg, _arguments, P, generator) {
5537
5550
  });
5538
5551
  }
5539
5552
 
5540
- const rootClassName$j = 'dot-inline-edit';
5553
+ const rootClassName$l = 'dot-inline-edit';
5554
+ const editModeClassName = 'dot-edit-mode';
5555
+ const viewModeClassName = 'dot-view-mode';
5556
+ const readOnlyClassName = 'dot-read-only';
5557
+ const editActionsClassName = 'dot-edit-actions';
5558
+ const editTextFieldClassName = 'dot-edit-text-field';
5541
5559
  const StyledInlineEdit = styled.div.withConfig({
5542
5560
  displayName: "InlineEditstyles__StyledInlineEdit",
5543
5561
  componentId: "sc-10l2c0v-0"
5544
5562
  })(["", ""], ({
5545
- theme
5546
- }) => css(["&.dot-inline-edit{color:", ";&:not(.disabled):not(.editing){&:hover,&:focus{.MuiInputAdornment-root{display:flex;}}}.MuiInputAdornment-root{display:none;}.editing-actions{display:flex;justify-content:flex-end;margin-top:", "px;.dot-icon-btn{background:", ";border:1px solid ", ";color:", ";margin-left:", "px;padding:", "px;&:hover{background:", ";}}}.inline-edit{&:hover,&:focus,&:active{cursor:pointer;}}.MuiOutlinedInput-adornedEnd{padding-right:0;margin-left:0;.dot-icon{height:auto;width:auto;}}}"], theme.palette.grey[700], theme.spacing(0.5), theme.palette.grey[0], theme.palette.grey[300], theme.palette.grey[700], theme.spacing(1), theme.spacing(0.25), theme.palette.grey[50]));
5563
+ theme,
5564
+ fullWidth
5565
+ }) => css(["&.dot-inline-edit{display:", ";align-items:center;color:", ";min-width:", "px;.", "{display:flex;width:100%;position:relative;.dot-edit-icon{height:100%;position:absolute;right:0;width:40px;background-color:", ";border-radius:", ";display:none;.dot-i{margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}}&:not(.", "):hover{border-radius:", "px;background-color:", ";cursor:pointer;.dot-edit-icon{display:block;}}.dot-view-mode-typography{padding:", ";margin-bottom:0;}}.dot-empty-value fieldset{border-color:", ";}.dot-adornment-error{color:", ";}.MuiInputBase-input{height:auto;}.MuiInputBase-root{margin-bottom:", "px;}", " .", " .dot-input{padding-left:", "px;}.MuiOutlinedInput-input:focus{cursor:auto;}.dot-counter-adornment{.dot-counter-max-length{color:", ";}.dot-counter-length,.dot-counter-max-length{&.dot-counter-limit{color:", ";}}}.dot-read-only-adornment{display:none;}.", "{display:flex;align-items:center;margin:", ";.dot-button{padding:", "px;margin-top:", ";margin-bottom:", ";}}}"], fullWidth ? 'flex' : 'inline-flex', theme.palette.grey[700], theme.spacing(32), viewModeClassName, theme.palette.layer.n50, theme.spacing(0, 0.5, 0.5, 0), readOnlyClassName, theme.spacing(0.5), theme.palette.layer.n50, theme.spacing(1.3125, 1), theme.palette.error[500], theme.palette.error[500], theme.spacing(0), ({
5566
+ typography
5567
+ }) => typography && `
5568
+ .MuiInputBase-root {
5569
+ font-family: ${theme.typography[typography].fontFamily || 'inherit'};
5570
+ font-size: ${theme.typography[typography].fontSize}px;
5571
+ line-height: ${theme.typography[typography].lineHeight || 'normal'};
5572
+ letter-spacing: ${theme.typography[typography].letterSpacing || 'normal'};
5573
+ text-transform: ${theme.typography[typography].textTransform || 'none'};
5574
+ }
5575
+ `, editTextFieldClassName, theme.spacing(1), theme.palette.layer.n400, theme.palette.error[500], editActionsClassName, theme.spacing(0, 0, 0, 0.5), theme.spacing(0.75), theme.spacing(0), theme.spacing(0)));
5576
+
5577
+ const getCounterAdornment = (currentLength, maxLength, dataTestId) => {
5578
+ if (currentLength === undefined || typeof currentLength !== 'number' || !maxLength || typeof maxLength !== 'number') return;
5579
+ const isLimitReached = currentLength >= maxLength;
5580
+ const limitClass = isLimitReached ? 'dot-counter-limit' : '';
5581
+ const currentLengthClasses = useStylesWithRootClass('dot-counter-length', limitClass);
5582
+ const maxLengthClasses = useStylesWithRootClass('dot-counter-max-length', limitClass);
5583
+ return /*#__PURE__*/React__default.createElement(InputAdornment, {
5584
+ className: "dot-counter-adornment",
5585
+ "data-testid": dataTestId && `${dataTestId}-counter`,
5586
+ position: "end"
5587
+ }, /*#__PURE__*/React__default.createElement("span", {
5588
+ className: currentLengthClasses,
5589
+ "data-testid": dataTestId && `${dataTestId}-counter-current`
5590
+ }, currentLength), /*#__PURE__*/React__default.createElement("span", {
5591
+ className: maxLengthClasses,
5592
+ "data-testid": dataTestId && `${dataTestId}-counter-max`
5593
+ }, "/", maxLength));
5594
+ };
5595
+ const getWarningAdornment = () => {
5596
+ return /*#__PURE__*/React__default.createElement(InputAdornment, {
5597
+ position: "end"
5598
+ }, /*#__PURE__*/React__default.createElement(DotTooltip, {
5599
+ title: "You must specify the value or press ESC to revert"
5600
+ }, /*#__PURE__*/React__default.createElement(DotIcon, {
5601
+ className: "dot-adornment-error",
5602
+ iconId: "error-solid"
5603
+ })));
5604
+ };
5605
+ const applyBindings = (bindings, inlineEditText) => {
5606
+ if (!bindings || !bindings.length || !inlineEditText) return;
5607
+ let text = inlineEditText;
5608
+ let boundNode = [];
5609
+ bindings.forEach((binding, index) => {
5610
+ const {
5611
+ binding: stringBinding,
5612
+ className = null,
5613
+ value
5614
+ } = binding;
5615
+ let bindingStringIndex = text.indexOf(stringBinding);
5616
+ let key = 0;
5617
+
5618
+ while (bindingStringIndex >= 0) {
5619
+ // Since key is needed only for bindings with className,
5620
+ // increment key value only if className value is defined
5621
+ className && key++;
5622
+ const nextStartingIndex = bindingStringIndex + stringBinding.length;
5623
+ const previousText = text.substr(0, bindingStringIndex);
5624
+ text = text.substr(nextStartingIndex, text.length);
5625
+ bindingStringIndex = text.indexOf(stringBinding); // Add nodes to array
5626
+
5627
+ boundNode = [boundNode, previousText, className ? /*#__PURE__*/React__default.createElement("span", {
5628
+ className: className,
5629
+ key: `${index}-${key}`
5630
+ }, value) : value];
5631
+ }
5632
+ }); // Add remainder of the text to the node
5633
+
5634
+ boundNode = [boundNode, text];
5635
+ return boundNode;
5636
+ };
5547
5637
 
5548
5638
  /**
5549
5639
  * @experimental This component is still in development
@@ -5551,141 +5641,181 @@ const StyledInlineEdit = styled.div.withConfig({
5551
5641
 
5552
5642
  const DotInlineEdit = ({
5553
5643
  ariaLabel,
5554
- autoFocus,
5644
+ bindings,
5645
+ charactersLimit,
5555
5646
  className,
5556
5647
  'data-testid': dataTestId,
5557
- disabled: _disabled = false,
5558
- error: _error = false,
5559
5648
  fullWidth: _fullWidth = true,
5560
- helperText,
5649
+ hideActionButtons,
5561
5650
  name,
5562
- onEditStateChange: _onEditStateChange = undefined,
5563
- onLabelChange: _onLabelChange = undefined,
5564
- readOnly: _readOnly = false,
5565
- required: _required = false,
5566
- size: _size = 'small',
5651
+ onChange,
5652
+ onEditStateChange,
5653
+ readOnly,
5654
+ typography: _typography = 'body1',
5567
5655
  value: _value = ''
5568
5656
  }) => {
5569
- const rootClasses = useStylesWithRootClass(rootClassName$j, className);
5570
5657
  const [editing, setEditing] = useState(false);
5571
5658
  const [originalValue, setOriginalValue] = useState('');
5572
5659
  const [inputValue, setInputValue] = useState(_value);
5660
+ const inputRef = useRef();
5661
+ const inlineEditRef = useRef();
5662
+ const rootClasses = useStylesWithRootClass(rootClassName$l, className, editing ? editModeClassName : '');
5573
5663
 
5574
- const handleClick = event => {
5575
- const inputElement = event.target; // only fire if clicking on input element
5576
-
5577
- if (inputElement.type === 'text') {
5578
- setOriginalValue(inputElement.value);
5579
- setEditing(true);
5664
+ const handleInlineEditClick = () => {
5665
+ if (editing) return;
5666
+ setOriginalValue(inputValue);
5667
+ setEditing(true);
5580
5668
 
5581
- if (_onEditStateChange) {
5582
- _onEditStateChange(true);
5583
- }
5669
+ if (onEditStateChange) {
5670
+ onEditStateChange(true);
5584
5671
  }
5585
5672
  };
5586
5673
 
5587
- const onConfirm = () => __awaiter(void 0, void 0, void 0, function* () {
5588
- if (_onLabelChange) {
5589
- const errorText = yield _onLabelChange(inputValue);
5674
+ const handleSave = () => __awaiter(void 0, void 0, void 0, function* () {
5675
+ var _a;
5676
+
5677
+ if (!inputValue) return;
5590
5678
 
5591
- if (errorText != null) {
5592
- window.alert(errorText);
5679
+ if (onChange) {
5680
+ const isSuccess = yield onChange(inputValue);
5681
+
5682
+ if (!isSuccess) {
5683
+ (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
5593
5684
  return;
5594
5685
  }
5595
5686
  }
5596
5687
 
5597
5688
  setEditing(false);
5598
- setInputValue(inputValue);
5599
5689
 
5600
- if (_onEditStateChange) {
5601
- _onEditStateChange(false);
5690
+ if (onEditStateChange) {
5691
+ onEditStateChange(false);
5602
5692
  }
5603
5693
  });
5604
5694
 
5605
- const onCancel = () => {
5695
+ const handleCancel = () => {
5606
5696
  setEditing(false);
5607
5697
  setInputValue(originalValue);
5608
5698
 
5609
- if (_onEditStateChange) {
5610
- _onEditStateChange(false);
5699
+ if (onEditStateChange) {
5700
+ onEditStateChange(false);
5611
5701
  }
5612
5702
  };
5613
5703
 
5614
- const onKeyPress = event => {
5615
- const inputWrapper = event.target;
5616
-
5704
+ const handleKeyPress = event => __awaiter(void 0, void 0, void 0, function* () {
5617
5705
  switch (event.key) {
5618
5706
  case 'Enter':
5619
- onConfirm();
5620
- inputWrapper.blur();
5707
+ // Save only when Enter is pressed within input field
5708
+ if (inputRef.current !== event.target) return;
5709
+ yield handleSave();
5621
5710
  break;
5622
5711
 
5623
5712
  case 'Escape':
5624
- onCancel();
5625
- inputWrapper.blur();
5713
+ handleCancel();
5626
5714
  break;
5627
5715
  }
5716
+ });
5717
+
5718
+ const handleBlur = event => __awaiter(void 0, void 0, void 0, function* () {
5719
+ if (!event.relatedTarget || !inlineEditRef.current.contains(event.relatedTarget)) {
5720
+ yield handleSave();
5721
+ }
5722
+ });
5723
+
5724
+ const renderEndAdornment = () => {
5725
+ if (inputValue === '') {
5726
+ return getWarningAdornment();
5727
+ }
5728
+
5729
+ if (charactersLimit && !charactersLimit.hideCounter) {
5730
+ return getCounterAdornment(inputValue.length, charactersLimit.maxLength, dataTestId);
5731
+ }
5732
+ };
5733
+
5734
+ const renderViewMode = () => {
5735
+ const viewModeClasses = useStylesWithRootClass(viewModeClassName, readOnly ? readOnlyClassName : '');
5736
+ return /*#__PURE__*/React__default.createElement("div", {
5737
+ className: viewModeClasses,
5738
+ "data-testid": dataTestId && `${dataTestId}-view-mode-wrapper`
5739
+ }, /*#__PURE__*/React__default.createElement(DotTypography, {
5740
+ className: "dot-view-mode-typography",
5741
+ "data-testid": dataTestId && `${dataTestId}-view-mode-typography`,
5742
+ variant: _typography
5743
+ }, bindings ? applyBindings(bindings, inputValue) : inputValue), /*#__PURE__*/React__default.createElement(DotIcon, {
5744
+ className: "dot-edit-icon",
5745
+ "data-testid": dataTestId && `${dataTestId}-edit-icon`,
5746
+ iconId: "edit"
5747
+ }));
5748
+ };
5749
+
5750
+ const renderEditMode = () => {
5751
+ const isSaveDisabled = inputValue === '';
5752
+ const textFieldClasses = useStylesWithRootClass(editTextFieldClassName, inputValue === '' ? 'dot-empty-value' : '');
5753
+ return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(TextField, {
5754
+ InputProps: {
5755
+ endAdornment: renderEndAdornment()
5756
+ },
5757
+ "aria-label": name,
5758
+ autoFocus: true,
5759
+ autoComplete: "off",
5760
+ className: textFieldClasses,
5761
+ error: false,
5762
+ fullWidth: _fullWidth,
5763
+ inputProps: {
5764
+ 'data-testid': dataTestId,
5765
+ className: 'dot-input',
5766
+ maxLength: charactersLimit === null || charactersLimit === void 0 ? void 0 : charactersLimit.maxLength
5767
+ },
5768
+ inputRef: inputRef,
5769
+ multiline: false,
5770
+ name: name,
5771
+ onChange: event => setInputValue(event.target.value),
5772
+ size: "small",
5773
+ type: "text",
5774
+ value: inputValue,
5775
+ variant: "outlined"
5776
+ }), !hideActionButtons && /*#__PURE__*/React__default.createElement("div", {
5777
+ className: editActionsClassName
5778
+ }, /*#__PURE__*/React__default.createElement(DotButton, {
5779
+ "data-testid": dataTestId && `${dataTestId}-cancel`,
5780
+ onClick: handleCancel,
5781
+ size: "small",
5782
+ tooltip: "Cancel [ESC]",
5783
+ type: "outlined"
5784
+ }, /*#__PURE__*/React__default.createElement(DotIcon, {
5785
+ iconId: "close"
5786
+ })), /*#__PURE__*/React__default.createElement(DotButton, {
5787
+ "data-testid": dataTestId && `${dataTestId}-save`,
5788
+ disabled: isSaveDisabled,
5789
+ onClick: handleSave,
5790
+ size: "small",
5791
+ tooltip: "Save [ENTER]",
5792
+ type: "outlined"
5793
+ }, /*#__PURE__*/React__default.createElement(DotIcon, {
5794
+ iconId: "check-line"
5795
+ }))));
5628
5796
  };
5629
5797
 
5630
5798
  return /*#__PURE__*/React__default.createElement(StyledInlineEdit, {
5631
5799
  "aria-label": ariaLabel,
5632
- className: `${rootClasses} ${editing ? 'editing' : _disabled ? 'disabled' : ''}`,
5633
- "data-testid": "inline-edit-wrapper",
5634
- onClick: event => !_disabled && handleClick(event),
5635
- onKeyDown: event => onKeyPress(event)
5636
- }, /*#__PURE__*/React__default.createElement(TextField, {
5637
- InputProps: {
5638
- endAdornment: /*#__PURE__*/React__default.createElement(InputAdornment, {
5639
- position: "end"
5640
- }, /*#__PURE__*/React__default.createElement(DotIcon, {
5641
- iconId: "edit"
5642
- }))
5643
- },
5644
- "aria-label": name,
5645
- autoComplete: "off",
5646
- autoFocus: autoFocus,
5647
- disabled: _disabled,
5648
- error: _error,
5800
+ className: rootClasses,
5801
+ "data-testid": dataTestId,
5649
5802
  fullWidth: _fullWidth,
5650
- helperText: helperText,
5651
- inputProps: {
5652
- 'data-testid': dataTestId,
5653
- className: 'dot-input',
5654
- readOnly: _readOnly
5655
- },
5656
- multiline: false,
5657
- name: name,
5658
- onChange: event => setInputValue(event.target.value),
5659
- required: _required,
5660
- size: _size,
5661
- type: "text",
5662
- value: inputValue,
5663
- variant: "outlined"
5664
- }), editing && /*#__PURE__*/React__default.createElement("div", {
5665
- className: "editing-actions"
5666
- }, /*#__PURE__*/React__default.createElement(DotIconButton, {
5667
- "data-testid": "inline-edit-cancel",
5668
- iconId: "close",
5669
- onClick: onCancel,
5670
- size: "small",
5671
- tooltip: "Cancel [esc]"
5672
- }), /*#__PURE__*/React__default.createElement(DotIconButton, {
5673
- "data-testid": "inline-edit-confirm",
5674
- iconId: "block",
5675
- onClick: onConfirm,
5676
- size: "small",
5677
- tooltip: "Cancel [enter]"
5678
- })));
5803
+ onBlur: !readOnly && editing ? handleBlur : undefined,
5804
+ onClick: !readOnly ? handleInlineEditClick : undefined,
5805
+ onKeyDown: !readOnly ? event => handleKeyPress(event) : undefined,
5806
+ ref: inlineEditRef,
5807
+ typography: _typography
5808
+ }, editing ? renderEditMode() : renderViewMode());
5679
5809
  };
5680
5810
 
5681
- const rootClassName$i = 'dot-navigation-rail';
5811
+ const rootClassName$k = 'dot-navigation-rail';
5682
5812
  const StyledNavigationRail = styled.div.withConfig({
5683
5813
  displayName: "NavigationRailstyles__StyledNavigationRail",
5684
5814
  componentId: "sc-160kivd-0"
5685
5815
  })(["", ""], ({
5686
5816
  theme,
5687
5817
  railItemPosition
5688
- }) => css(["&.", "{background-color:", ";border-left:1px solid ", ";display:flex;flex-direction:column;justify-content:", ";padding:", ";width:72px;.rail-item-button{flex-basis:72px;border-radius:0;margin:0;padding:0;width:100%;white-space:normal;&.selected{background-color:", ";}&:focus-visible{background-color:", ";}.MuiButton-label{display:flex;flex-direction:column;word-break:break-word;}}}"], rootClassName$i, theme.palette.layer.n50, theme.palette.layer.n100, railItemPosition, theme.spacing(1, 0, 0), theme.palette.layer.n0, theme.palette.layer.n100));
5818
+ }) => css(["&.", "{background-color:", ";border-left:1px solid ", ";display:flex;flex-direction:column;justify-content:", ";padding:", ";width:72px;.rail-item-button{flex-basis:72px;border-radius:0;margin:0;padding:0;width:100%;white-space:normal;&.selected{background-color:", ";}&:focus-visible{background-color:", ";}.MuiButton-label{display:flex;flex-direction:column;word-break:break-word;}}}"], rootClassName$k, theme.palette.layer.n50, theme.palette.layer.n100, railItemPosition, theme.spacing(1, 0, 0), theme.palette.layer.n0, theme.palette.layer.n100));
5689
5819
 
5690
5820
  const MAX_ALLOWED_ITEMS = 7;
5691
5821
  const DotNavigationRail = ({
@@ -5697,7 +5827,7 @@ const DotNavigationRail = ({
5697
5827
  railItems,
5698
5828
  selectedIndex: _selectedIndex = 0
5699
5829
  }) => {
5700
- const rootClasses = useStylesWithRootClass(rootClassName$i, className);
5830
+ const rootClasses = useStylesWithRootClass(rootClassName$k, className);
5701
5831
  const [selectedItemIndex, setSelectedItemIndex] = useState(_selectedIndex);
5702
5832
 
5703
5833
  const onItemSelect = index => () => {
@@ -5736,13 +5866,13 @@ const DotNavigationRail = ({
5736
5866
  }, railItems && renderRailItems());
5737
5867
  };
5738
5868
 
5739
- const rootClassName$h = 'dot-pill';
5869
+ const rootClassName$j = 'dot-pill';
5740
5870
  const StyledPill = styled(Chip).withConfig({
5741
5871
  displayName: "Pillstyles__StyledPill",
5742
5872
  componentId: "l7oxi2-0"
5743
5873
  })(["", ""], ({
5744
5874
  theme
5745
- }) => css(["&.", "{background-color:", ";color:", ";&.error{background-color:", ";color:", ";}&.success{background-color:", ";color:", ";}&.warning{background-color:", ";color:", ";}&.in-progress{background-color:", ";color:", ";}"], rootClassName$h, ({
5875
+ }) => css(["&.", "{background-color:", ";color:", ";&.error{background-color:", ";color:", ";}&.success{background-color:", ";color:", ";}&.warning{background-color:", ";color:", ";}&.in-progress{background-color:", ";color:", ";}"], rootClassName$j, ({
5746
5876
  backgroundcolor
5747
5877
  }) => {
5748
5878
  return backgroundcolor ? backgroundcolor : theme.palette.product === 'agility' ? theme.palette.layer.n100 : theme.palette.grey[200];
@@ -5762,7 +5892,7 @@ const DotPill = ({
5762
5892
  size: _size = 'medium',
5763
5893
  status: _status = 'default'
5764
5894
  }) => {
5765
- const rootClasses = useStylesWithRootClass(rootClassName$h, className, _status);
5895
+ const rootClasses = useStylesWithRootClass(rootClassName$j, className, _status);
5766
5896
  return /*#__PURE__*/React__default.createElement(StyledPill, {
5767
5897
  "aria-label": ariaLabel,
5768
5898
  backgroundcolor: backgroundcolor,
@@ -5777,13 +5907,13 @@ const DotPill = ({
5777
5907
  });
5778
5908
  };
5779
5909
 
5780
- const rootClassName$g = 'dot-skeleton';
5910
+ const rootClassName$i = 'dot-skeleton';
5781
5911
  const StyledSkeleton = styled(Skeleton).withConfig({
5782
5912
  displayName: "Skeletonstyles__StyledSkeleton",
5783
5913
  componentId: "sc-17ayzv5-0"
5784
5914
  })(["", ""], ({
5785
5915
  theme
5786
- }) => css(["&.", "{background-color:", ";}"], rootClassName$g, theme.palette.grey[100]));
5916
+ }) => css(["&.", "{background-color:", ";}"], rootClassName$i, theme.palette.grey[100]));
5787
5917
 
5788
5918
  const DotSkeleton = ({
5789
5919
  ariaLabel,
@@ -5794,7 +5924,7 @@ const DotSkeleton = ({
5794
5924
  width,
5795
5925
  variant
5796
5926
  }) => {
5797
- const rootClasses = useStylesWithRootClass(rootClassName$g, className); // When we upgrade to Material UI v5 this must be removed!
5927
+ const rootClasses = useStylesWithRootClass(rootClassName$i, className); // When we upgrade to Material UI v5 this must be removed!
5798
5928
 
5799
5929
  const skeletonVariant = variant === 'circular' ? 'circle' : variant === 'rectangular' ? 'rect' : variant;
5800
5930
  return /*#__PURE__*/React__default.createElement(StyledSkeleton, {
@@ -5810,13 +5940,13 @@ const DotSkeleton = ({
5810
5940
  }, children);
5811
5941
  };
5812
5942
 
5813
- const rootClassName$f = 'dot-snackbar';
5943
+ const rootClassName$h = 'dot-snackbar';
5814
5944
  const StyledSnackbar = styled(Snackbar).withConfig({
5815
5945
  displayName: "Snackbarstyles__StyledSnackbar",
5816
5946
  componentId: "sc-1huxoy3-0"
5817
5947
  })(["", ""], ({
5818
5948
  theme
5819
- }) => css(["&.", "{.MuiSvgIcon-root{color:", ";}.MuiAlert-icon{padding:11px 0px;}.MuiAlert-message{padding:13px 0px;word-break:break-all;}&.MuiSnackbar-anchorOriginTopRight{top:0px;z-index:", ";}.MuiAlert-root{&.MuiAlert-standardInfo{background-color:", ";}&.MuiAlert-standardWarning{color:", ";.MuiSvgIcon-root{color:", ";}}max-width:500px;min-width:344px;color:", ";z-index:", ";position:relative;margin-top:108px;background-color:", ";@media (min-width:720px){.MuiAlert-root{top:112px;position:relative;}}}"], rootClassName$f, theme.palette.layer.n0, levelFourth, theme.palette.primary[500], theme.palette.grey[900], theme.palette.grey[900], theme.palette.layer.n0, levelFourth, props => theme.palette[props.severity].main));
5949
+ }) => css(["&.", "{.MuiSvgIcon-root{color:", ";}.MuiAlert-icon{padding:11px 0px;}.MuiAlert-message{padding:13px 0px;}&.MuiSnackbar-anchorOriginTopRight{top:0px;z-index:", ";}.MuiAlert-root{&.MuiAlert-standardInfo{background-color:", ";}&.MuiAlert-standardWarning{color:", ";.MuiSvgIcon-root{color:", ";}}max-width:500px;min-width:344px;color:", ";z-index:", ";position:relative;margin-top:108px;background-color:", ";@media (min-width:720px){.MuiAlert-root{top:112px;position:relative;}}}"], rootClassName$h, theme.palette.layer.n0, levelFourth, theme.palette.primary[500], theme.palette.grey[900], theme.palette.grey[900], theme.palette.layer.n0, levelFourth, props => theme.palette[props.severity].main));
5820
5950
 
5821
5951
  function addAutoHideDuration(severity) {
5822
5952
  return severity === 'error' ? null : 10000;
@@ -5831,8 +5961,13 @@ function checkForConflictingEventHandlers({
5831
5961
  }
5832
5962
  }
5833
5963
 
5964
+ const DEFAULT_ANCHOR_ORIGIN = {
5965
+ vertical: 'top',
5966
+ horizontal: 'right'
5967
+ };
5834
5968
  const DotSnackbar = ({
5835
5969
  action,
5970
+ anchorOrigin: _anchorOrigin = DEFAULT_ANCHOR_ORIGIN,
5836
5971
  ariaLabel,
5837
5972
  children,
5838
5973
  className,
@@ -5847,12 +5982,9 @@ const DotSnackbar = ({
5847
5982
  onClose,
5848
5983
  action
5849
5984
  });
5850
- const rootClasses = useStylesWithRootClass(rootClassName$f, className);
5985
+ const rootClasses = useStylesWithRootClass(rootClassName$h, className);
5851
5986
  return /*#__PURE__*/React__default.createElement(StyledSnackbar, {
5852
- anchorOrigin: {
5853
- vertical: 'top',
5854
- horizontal: 'right'
5855
- },
5987
+ anchorOrigin: _anchorOrigin,
5856
5988
  "aria-label": ariaLabel,
5857
5989
  autoHideDuration: autoHideDuration,
5858
5990
  classes: {
@@ -5874,11 +6006,11 @@ const DotSnackbar = ({
5874
6006
  }, children)));
5875
6007
  };
5876
6008
 
5877
- const rootClassName$e = 'dot-snackbar-container';
6009
+ const rootClassName$g = 'dot-snackbar-container';
5878
6010
  const StyledSnackbarContainer = styled.div.withConfig({
5879
6011
  displayName: "SnackbarContainerstyles__StyledSnackbarContainer",
5880
6012
  componentId: "sc-1ogwjuc-0"
5881
- })(["", ""], () => css(["&.", "{position:absolute;top:0;width:250px;height:auto;right:0;& > div{position:relative;}}"], rootClassName$e));
6013
+ })(["", ""], () => css(["&.", "{position:absolute;top:0;width:250px;height:auto;right:0;& > div{position:relative;}}"], rootClassName$g));
5882
6014
 
5883
6015
  const DotSnackbarContext = /*#__PURE__*/createContext({
5884
6016
  alerts: [],
@@ -5898,10 +6030,10 @@ const DotSnackbarContainer = () => {
5898
6030
  }
5899
6031
 
5900
6032
  return /*#__PURE__*/React__default.createElement(StyledSnackbarContainer, {
5901
- className: rootClassName$e
6033
+ className: rootClassName$g
5902
6034
  }, /*#__PURE__*/React__default.createElement("div", {
5903
- className: rootClassName$e,
5904
- "data-testid": rootClassName$e
6035
+ className: rootClassName$g,
6036
+ "data-testid": rootClassName$g
5905
6037
  }, alerts.slice().reverse().map(alert => {
5906
6038
  return /*#__PURE__*/React__default.createElement(DotSnackbar, {
5907
6039
  key: alert.id,
@@ -5953,13 +6085,13 @@ const useDotSnackbarContext = () => {
5953
6085
  return useContext(DotSnackbarContext);
5954
6086
  };
5955
6087
 
5956
- const rootClassName$d = 'dot-split-button-group';
6088
+ const rootClassName$f = 'dot-split-button-group';
5957
6089
  const StyledSplitButtonGroup = styled(ButtonGroup).withConfig({
5958
6090
  displayName: "SplitButtonstyles__StyledSplitButtonGroup",
5959
6091
  componentId: "ild520-0"
5960
6092
  })(["", ""], ({
5961
6093
  theme
5962
- }) => css(["&.", "{box-shadow:0px 3px 1px -2px rgb(0 0 0 / 20%),0px 2px 2px 0px rgb(0 0 0 / 14%),0px 1px 5px 0px rgb(0 0 0 / 12%);&.disabled{box-shadow:none;.dot-button{background:", ";border:1px solid ", ";}}&.outlined,&.text{box-shadow:none;.expand-button{border-left:none;}}&.outlined .dot-button{border-color:", ";}&.destructive .expand-button{border-left-color:", ";}.dot-button{box-shadow:none;margin:0;padding:", ";}.expand-button{border-left:1px solid ", ";&.Mui-disabled{border-left:0;}.MuiButton-label,.dot-icon{width:14px;height:14px;}}}"], rootClassName$d, theme.palette.grey['50'], theme.palette.grey['200'], theme.palette.grey['300'], theme.palette.error['800'], theme.spacing(0.75, 1.5), theme.palette.primary['800']));
6094
+ }) => css(["&.", "{box-shadow:0px 3px 1px -2px rgb(0 0 0 / 20%),0px 2px 2px 0px rgb(0 0 0 / 14%),0px 1px 5px 0px rgb(0 0 0 / 12%);&.disabled{box-shadow:none;.dot-button{background:", ";border:1px solid ", ";}}&.outlined,&.text{box-shadow:none;.expand-button{border-left:none;}}&.outlined .dot-button{border-color:", ";}&.destructive .expand-button{border-left-color:", ";}.dot-button{box-shadow:none;margin:0;padding:", ";}.expand-button{border-left:1px solid ", ";&.Mui-disabled{border-left:0;}.MuiButton-label,.dot-icon{width:14px;height:14px;}}}"], rootClassName$f, theme.palette.grey['50'], theme.palette.grey['200'], theme.palette.grey['300'], theme.palette.error['800'], theme.spacing(0.75, 1.5), theme.palette.primary['800']));
5963
6095
  const StyledMenu$1 = styled(DotMenu).withConfig({
5964
6096
  displayName: "SplitButtonstyles__StyledMenu",
5965
6097
  componentId: "ild520-1"
@@ -5986,7 +6118,7 @@ const DotSplitButton = ({
5986
6118
  tooltip,
5987
6119
  type: _type = 'primary'
5988
6120
  }) => {
5989
- const rootClasses = useStylesWithRootClass(rootClassName$d, className, _type, _disabled ? 'disabled' : '');
6121
+ const rootClasses = useStylesWithRootClass(rootClassName$f, className, _type, _disabled ? 'disabled' : '');
5990
6122
  const [open, setOpen] = useState(false);
5991
6123
  const anchorRef = useRef(null);
5992
6124
  const optionIndexMap = {};
@@ -6051,14 +6183,14 @@ const DotSplitButton = ({
6051
6183
  }));
6052
6184
  };
6053
6185
 
6054
- const rootClassName$c = 'dot-table-pagination';
6186
+ const rootClassName$e = 'dot-table-pagination';
6055
6187
  const StyledTablePagination = styled.div.withConfig({
6056
6188
  displayName: "TablePaginationstyles__StyledTablePagination",
6057
6189
  componentId: "bs7p0b-0"
6058
6190
  })(["", ""], ({
6059
6191
  theme,
6060
6192
  typography
6061
- }) => css([".", "{.dot-caption{font-size:", "px;margin:0;}.dot-menu{margin-bottom:0;}border-top:1px solid ", ";}"], rootClassName$c, theme.typography[typography].fontSize, theme.palette.product === 'agility' ? theme.palette.layer.n100 : theme.palette.grey[200]));
6193
+ }) => css([".", "{.dot-caption{font-size:", "px;margin:0;}.dot-menu{margin-bottom:0;}border-top:1px solid ", ";}"], rootClassName$e, theme.typography[typography].fontSize, theme.palette.product === 'agility' ? theme.palette.layer.n100 : theme.palette.grey[200]));
6062
6194
 
6063
6195
  const ROWS_PER_PAGE_OPTIONS = [10, 25, 50, 100, 150, 200];
6064
6196
  /** This component wraps the TablePagination component from @material-ui. */
@@ -6074,7 +6206,7 @@ const DotTablePagination = ({
6074
6206
  rowsPerPage: _rowsPerPage = 10,
6075
6207
  typography: _typography = 'body1'
6076
6208
  }) => {
6077
- const rootClasses = useStylesWithRootClass(rootClassName$c, className);
6209
+ const rootClasses = useStylesWithRootClass(rootClassName$e, className);
6078
6210
 
6079
6211
  const handlePageChange = (event, newPage) => {
6080
6212
  onChangePage && onChangePage(newPage);
@@ -6111,13 +6243,13 @@ const DotTablePagination = ({
6111
6243
  );
6112
6244
  };
6113
6245
 
6114
- const rootClassName$b = 'dot-table';
6246
+ const rootClassName$d = 'dot-table';
6115
6247
  const StyledPaper = styled(Paper).withConfig({
6116
6248
  displayName: "Tablestyles__StyledPaper",
6117
6249
  componentId: "s95z6y-0"
6118
6250
  })(["", ""], ({
6119
6251
  theme
6120
- }) => css(["&.", "{background:", ";border:1px solid ", ";&.loading{opacity:0.4;pointer-events:none;.dot-table-pagination{display:none;}}}"], rootClassName$b, theme.palette.product === 'agility' && theme.palette.layer.n50, theme.palette.product === 'agility' ? theme.palette.layer.n100 : theme.palette.grey[200]));
6252
+ }) => css(["&.", "{background:", ";border:1px solid ", ";&.loading{opacity:0.4;pointer-events:none;.dot-table-pagination{display:none;}}}"], rootClassName$d, theme.palette.product === 'agility' && theme.palette.layer.n50, theme.palette.product === 'agility' ? theme.palette.layer.n100 : theme.palette.grey[200]));
6121
6253
  const StyledTableContainer = styled(TableContainer).withConfig({
6122
6254
  displayName: "Tablestyles__StyledTableContainer",
6123
6255
  componentId: "s95z6y-1"
@@ -6195,11 +6327,11 @@ const getBulkSelectedRowIds = (isChecked, selectedIds, pageData) => {
6195
6327
  return newIds;
6196
6328
  };
6197
6329
 
6198
- const rootClassName$a = 'dot-td';
6330
+ const rootClassName$c = 'dot-td';
6199
6331
  const StyledTableCell = styled(TableCell).withConfig({
6200
6332
  displayName: "TableCellstyles__StyledTableCell",
6201
6333
  componentId: "e84k25-0"
6202
- })(["", ""], () => css(["&.", "{padding-top:0;padding-bottom:0;&.noWrap,&.actionItems{max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}&.actionItems{text-overflow:clip;text-align:right;}.action-cell-wrapper{width:100%;}}"], rootClassName$a));
6334
+ })(["", ""], () => css(["&.", "{padding-top:0;padding-bottom:0;&.noWrap,&.actionItems{max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}&.actionItems{text-overflow:clip;text-align:right;}.action-cell-wrapper{width:100%;}}"], rootClassName$c));
6203
6335
 
6204
6336
  /**
6205
6337
  * A wrapper component around the TableCell component from @material-ui.
@@ -6246,7 +6378,7 @@ const DotBodyCell = ({
6246
6378
  setShowMenu(isOverflowing);
6247
6379
  };
6248
6380
 
6249
- const rootClasses = useStylesWithRootClass(rootClassName$a, className, noWrap && 'noWrap', Array.isArray(value) && 'actionItems');
6381
+ const rootClasses = useStylesWithRootClass(rootClassName$c, className, noWrap && 'noWrap', Array.isArray(value) && 'actionItems');
6250
6382
 
6251
6383
  const getTableCellValue = () => {
6252
6384
  if (Array.isArray(value)) {
@@ -6286,13 +6418,13 @@ const DotBodyCell = ({
6286
6418
  }, getTableCellValue());
6287
6419
  };
6288
6420
 
6289
- const rootClassName$9 = 'dot-td-checkbox';
6421
+ const rootClassName$b = 'dot-td-checkbox';
6290
6422
  const StyledTableBodyCheckboxCell = styled(TableCell).withConfig({
6291
6423
  displayName: "TableBodyCheckboxCellstyles__StyledTableBodyCheckboxCell",
6292
6424
  componentId: "ebk3sz-0"
6293
6425
  })(["", ""], ({
6294
6426
  theme
6295
- }) => css(["&.", "{padding-top:", ";padding-bottom:", ";}"], rootClassName$9, theme.spacing(0), theme.spacing(0)));
6427
+ }) => css(["&.", "{padding-top:", ";padding-bottom:", ";}"], rootClassName$b, theme.spacing(0), theme.spacing(0)));
6296
6428
 
6297
6429
  const DotBodyCheckboxCell = ({
6298
6430
  ariaLabel,
@@ -6302,7 +6434,7 @@ const DotBodyCheckboxCell = ({
6302
6434
  onChange,
6303
6435
  rowId
6304
6436
  }) => {
6305
- const rootClasses = useStylesWithRootClass(rootClassName$9, className);
6437
+ const rootClasses = useStylesWithRootClass(rootClassName$b, className);
6306
6438
  const [isCheckboxChecked, setIsCheckboxChecked] = useState(isChecked);
6307
6439
  /** This effect is used when 'checked' status is changed from the outside */
6308
6440
 
@@ -6329,13 +6461,13 @@ const DotBodyCheckboxCell = ({
6329
6461
  }));
6330
6462
  };
6331
6463
 
6332
- const rootClassName$8 = 'dot-tr';
6464
+ const rootClassName$a = 'dot-tr';
6333
6465
  const StyledTableRowStyles = styled(TableRow).withConfig({
6334
6466
  displayName: "TableRowstyles__StyledTableRowStyles",
6335
6467
  componentId: "a4fx2l-0"
6336
6468
  })(["", ""], ({
6337
6469
  theme
6338
- }) => css(["&.", "{&.selected{background-color:", ";}}"], rootClassName$8, theme.palette.primary[50]));
6470
+ }) => css(["&.", "{&.selected{background-color:", ";}}"], rootClassName$a, theme.palette.primary[50]));
6339
6471
 
6340
6472
  /**
6341
6473
  * A wrapper component around the TableRow component from @material-ui. This component can be used
@@ -6365,7 +6497,7 @@ const DotTableRow = ({
6365
6497
  selectedTableRowIds
6366
6498
  } = multiSelectBody || {};
6367
6499
  const isCheckboxChecked = selectedTableRowIds && selectedTableRowIds.includes(id) || false;
6368
- const rootClasses = useStylesWithRootClass(rootClassName$8, isCheckboxChecked ? 'selected' : undefined, className);
6500
+ const rootClasses = useStylesWithRootClass(rootClassName$a, isCheckboxChecked ? 'selected' : undefined, className);
6369
6501
 
6370
6502
  const renderCheckboxCell = () => {
6371
6503
  return /*#__PURE__*/React__default.createElement(DotBodyCheckboxCell, {
@@ -6410,13 +6542,13 @@ const EmptyDotRow = ({
6410
6542
  }));
6411
6543
  };
6412
6544
 
6413
- const rootClassName$7 = 'dot-tbody';
6545
+ const rootClassName$9 = 'dot-tbody';
6414
6546
  const StyledTableBody = styled(TableBody).withConfig({
6415
6547
  displayName: "TableBodystyles__StyledTableBody",
6416
6548
  componentId: "wszqgk-0"
6417
6549
  })(["", ""], ({
6418
6550
  theme
6419
- }) => css(["&.", "{tr:hover{background-color:", ";}tr:last-child td{border-bottom:none;}.empty-row td{text-align:center;}}"], rootClassName$7, theme.palette.product === 'agility' ? theme.palette.agilityInterface.fixedCol : theme.palette.grey[50]));
6551
+ }) => css(["&.", "{tr:hover{background-color:", ";}tr:last-child td{border-bottom:none;}.empty-row td{text-align:center;}}"], rootClassName$9, theme.palette.product === 'agility' ? theme.palette.agilityInterface.fixedCol : theme.palette.grey[50]));
6420
6552
 
6421
6553
  /**
6422
6554
  * A wrapper component around the TableBody component from @material-ui. This component can be used
@@ -6471,22 +6603,24 @@ const DotTableBody = ({
6471
6603
 
6472
6604
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(StyledTableBody, {
6473
6605
  classes: {
6474
- root: rootClassName$7
6606
+ root: rootClassName$9
6475
6607
  }
6476
6608
  }, getTableBodyRows()), /*#__PURE__*/React__default.createElement(StyledMenu, {
6477
6609
  anchorEl: anchorEl,
6610
+ disablePortal: true,
6478
6611
  id: menuId,
6479
6612
  menuItems: menuProps,
6613
+ menuPlacement: "bottom-end",
6480
6614
  onLeave: onLeave,
6481
6615
  open: open
6482
6616
  }));
6483
6617
  };
6484
6618
 
6485
- const rootClassName$6 = 'dot-th';
6619
+ const rootClassName$8 = 'dot-th';
6486
6620
  const StyledTableHeaderCell = styled(TableCell).withConfig({
6487
6621
  displayName: "TableHeaderCellstyles__StyledTableHeaderCell",
6488
6622
  componentId: "nko9j-0"
6489
- })(["", ""], () => css(["&.", "{&.MuiTableCell-alignCenter > span.MuiTableSortLabel-root{padding-left:26px;}.dot-cell-typography{font-weight:700;}}"], rootClassName$6));
6623
+ })(["", ""], () => css(["&.", "{&.MuiTableCell-alignCenter > span.MuiTableSortLabel-root{padding-left:26px;}.dot-cell-typography{font-weight:700;}}"], rootClassName$8));
6490
6624
 
6491
6625
  /**
6492
6626
  * A wrapper component around the TableCell component from @material-ui. This component should only
@@ -6531,7 +6665,7 @@ const DotHeaderCell = ({
6531
6665
  return /*#__PURE__*/React__default.createElement(StyledTableHeaderCell, {
6532
6666
  align: cellAlignment,
6533
6667
  classes: {
6534
- root: rootClassName$6
6668
+ root: rootClassName$8
6535
6669
  },
6536
6670
  key: uid,
6537
6671
  sortDirection: _sortable ? sortDirection : undefined,
@@ -6540,13 +6674,13 @@ const DotHeaderCell = ({
6540
6674
  }, getCellValue());
6541
6675
  };
6542
6676
 
6543
- const rootClassName$5 = 'dot-th-checkbox';
6677
+ const rootClassName$7 = 'dot-th-checkbox';
6544
6678
  const StyledTableHeaderCheckboxCell = styled(TableCell).withConfig({
6545
6679
  displayName: "TableHeaderCheckboxCellstyles__StyledTableHeaderCheckboxCell",
6546
6680
  componentId: "ymqg8x-0"
6547
6681
  })(["", ""], ({
6548
6682
  theme
6549
- }) => css(["&.", "{padding-top:", ";padding-bottom:", ";}"], rootClassName$5, theme.spacing(0), theme.spacing(0)));
6683
+ }) => css(["&.", "{padding-top:", ";padding-bottom:", ";}"], rootClassName$7, theme.spacing(0), theme.spacing(0)));
6550
6684
 
6551
6685
  const DotHeaderCheckboxCell = ({
6552
6686
  ariaLabel,
@@ -6555,7 +6689,7 @@ const DotHeaderCheckboxCell = ({
6555
6689
  multiSelectState,
6556
6690
  onCheckAllChange
6557
6691
  }) => {
6558
- const rootClasses = useStylesWithRootClass(rootClassName$5, className);
6692
+ const rootClasses = useStylesWithRootClass(rootClassName$7, className);
6559
6693
  const [checkboxState, setCheckboxState] = useState('unchecked');
6560
6694
  useEffect(() => {
6561
6695
  setCheckboxState(multiSelectState);
@@ -6672,13 +6806,13 @@ const DotHeaderRow = ({
6672
6806
  })));
6673
6807
  };
6674
6808
 
6675
- const rootClassName$4 = 'dot-table-selection-toolbar';
6809
+ const rootClassName$6 = 'dot-table-selection-toolbar';
6676
6810
  const StyledTableSelectionToolbar = styled(DotActionToolbar).withConfig({
6677
6811
  displayName: "TableSelectionToolbarstyles__StyledTableSelectionToolbar",
6678
6812
  componentId: "qpx3y9-0"
6679
6813
  })(["", ""], ({
6680
6814
  theme
6681
- }) => css(["&.", "{display:flex;align-items:center;justify-content:space-between;background-color:", ";.dot-selected-rows-container{display:flex;align-items:center;.dot-button{padding:", ";}}.dot-selected-rows-heading{font-weight:bold;}.dot-selected-rows-divider{padding:", ";}}"], rootClassName$4, theme.palette.primary[50], theme.spacing(0.25, 0.25, 0, 0.5), theme.spacing(0.25, 0, 0, 1)));
6815
+ }) => css(["&.", "{display:flex;align-items:center;justify-content:space-between;background-color:", ";.dot-selected-rows-container{display:flex;align-items:center;.dot-button{padding:", ";}}.dot-selected-rows-heading{font-weight:bold;}.dot-selected-rows-divider{padding:", ";}}"], rootClassName$6, theme.palette.primary[50], theme.spacing(0.25, 0.25, 0, 0.5), theme.spacing(0.25, 0, 0, 1)));
6682
6816
 
6683
6817
  const DotTableSelectionToolbar = ({
6684
6818
  ariaLabel,
@@ -6688,7 +6822,7 @@ const DotTableSelectionToolbar = ({
6688
6822
  onClearAll,
6689
6823
  selectedRowsNumber
6690
6824
  }) => {
6691
- const rootClasses = useStylesWithRootClass(rootClassName$4, className);
6825
+ const rootClasses = useStylesWithRootClass(rootClassName$6, className);
6692
6826
  return /*#__PURE__*/React__default.createElement(StyledTableSelectionToolbar, {
6693
6827
  ariaLabel: ariaLabel,
6694
6828
  className: rootClasses,
@@ -6775,7 +6909,7 @@ const DotTable = ({
6775
6909
  };
6776
6910
 
6777
6911
  const [pageData, setPageData] = useState(getSortedData().slice(0, rowsPerPage ? rowsPerPage : data.length));
6778
- const rootClasses = useStylesWithRootClass(rootClassName$b, className, _loading ? 'loading' : '');
6912
+ const rootClasses = useStylesWithRootClass(rootClassName$d, className, _loading ? 'loading' : '');
6779
6913
 
6780
6914
  const updateData = (newOrder, newOrderBy, newPage, newRowsPerPage) => {
6781
6915
  const newData = stableSort(data, getComparator(newOrder, newOrderBy));
@@ -6935,13 +7069,13 @@ const DotTable = ({
6935
7069
  }));
6936
7070
  };
6937
7071
 
6938
- const rootClassName$3 = 'dot-tabs';
7072
+ const rootClassName$5 = 'dot-tabs';
6939
7073
  const StyledTabs = styled(Tabs).withConfig({
6940
7074
  displayName: "Tabsstyles__StyledTabs",
6941
7075
  componentId: "sc-1pmrz8k-0"
6942
7076
  })(["", ""], ({
6943
7077
  theme
6944
- }) => css(["&.", "{&.MuiTabs-root{width:100%;}.dot-tab-label-container{display:flex;.dot-tab-label{padding-top:", "px;}}.MuiTab-root{color:", ";max-width:360px;min-width:0;&:hover{background-color:", ";color:", ";}&.Mui-selected{color:", ";}&.Mui-disabled{color:", ";}&.MuiTab-textColorPrimary:hover{background-color:", ";}&.MuiTab-textColorSecondary:hover{background-color:", ";}}.MuiIcon-root{display:inline;padding-right:", "px;}.MuiTabs-indicator{background-color:", ";}}"], rootClassName$3, theme.spacing(0.5), theme.palette.product === 'agility' && theme.palette.layer.n700, theme.palette.product === 'agility' && theme.palette.agilityInterface.activeCardBg, theme.palette.product === 'agility' && agilityGreen, theme.palette.product === 'agility' && agilityGreen, theme.palette.product === 'agility' && theme.palette.agilityInterface.disabledText, theme.palette.product !== 'agility' && alpha(theme.palette.primary.main, 0.12), theme.palette.product !== 'agility' && alpha(theme.palette.secondary.main, 0.12), theme.spacing(0.5), theme.palette.product === 'agility' && agilityGreen));
7078
+ }) => css(["&.", "{&.MuiTabs-root{width:100%;}.dot-tab-label-container{display:flex;.dot-tab-label{padding-top:", "px;}}.MuiTab-root{color:", ";max-width:360px;min-width:0;&:hover{background-color:", ";color:", ";}&.Mui-selected{color:", ";}&.Mui-disabled{color:", ";}&.MuiTab-textColorPrimary:hover{background-color:", ";}&.MuiTab-textColorSecondary:hover{background-color:", ";}}.MuiIcon-root{display:inline;padding-right:", "px;}.MuiTabs-indicator{background-color:", ";}}"], rootClassName$5, theme.spacing(0.5), theme.palette.product === 'agility' && theme.palette.layer.n700, theme.palette.product === 'agility' && theme.palette.agilityInterface.activeCardBg, theme.palette.product === 'agility' && agilityGreen, theme.palette.product === 'agility' && agilityGreen, theme.palette.product === 'agility' && theme.palette.agilityInterface.disabledText, theme.palette.product !== 'agility' && alpha(theme.palette.primary.main, 0.12), theme.palette.product !== 'agility' && alpha(theme.palette.secondary.main, 0.12), theme.spacing(0.5), theme.palette.product === 'agility' && agilityGreen));
6945
7079
 
6946
7080
  const DotTabs = ({
6947
7081
  centered: _centered = false,
@@ -6955,7 +7089,7 @@ const DotTabs = ({
6955
7089
  variant: _variant = 'standard'
6956
7090
  }) => {
6957
7091
  const [value, setValue] = useState(_initialValue);
6958
- const rootClasses = useStylesWithRootClass(rootClassName$3, className); // eslint-disable-next-line @typescript-eslint/no-explicit-any
7092
+ const rootClasses = useStylesWithRootClass(rootClassName$5, className); // eslint-disable-next-line @typescript-eslint/no-explicit-any
6959
7093
 
6960
7094
  const handleChange = (_event, val) => {
6961
7095
  setValue(val);
@@ -6999,22 +7133,22 @@ const DotTabs = ({
6999
7133
  }, tabArray);
7000
7134
  };
7001
7135
 
7002
- const rootClassName$2 = 'dot-file-upload';
7003
- const containerClassName = `${rootClassName$2}-container`;
7004
- const fileClassName = `${rootClassName$2}-item`;
7005
- const dropZoneClassName = `${rootClassName$2}-drop-zone`;
7136
+ const rootClassName$4 = 'dot-file-upload';
7137
+ const containerClassName = `${rootClassName$4}-container`;
7138
+ const fileClassName = `${rootClassName$4}-item`;
7139
+ const dropZoneClassName = `${rootClassName$4}-drop-zone`;
7006
7140
  const StyledFileUploadContainer = styled.div.withConfig({
7007
7141
  displayName: "FileUploadstyles__StyledFileUploadContainer",
7008
7142
  componentId: "sc-1q8bcxy-0"
7009
7143
  })(["", ""], ({
7010
7144
  theme
7011
- }) => css(["&.", "{.", "{border-bottom:1px solid ", ";&:hover{cursor:pointer;background:", ";}&.file-success:not(:hover){.", "-end-icon .dot-icon i:before{color:", ";}}&.file-error:not(:hover){.MuiListItemText-secondary,.", "-end-icon .dot-icon i:before{color:", ";}}.dot-typography,.file-item-text{flex-grow:2;padding-left:", "px;}.file-item-text{display:flex;flex-direction:column;.MuiTypography-body2{color:", ";}}}}"], containerClassName, listItemRootClass, theme.palette.layer.n100, theme.palette.layer.n50, listItemRootClass, theme.palette.secondary.main, listItemRootClass, theme.palette.error.main, theme.spacing(1), theme.palette.error.main));
7145
+ }) => css(["&.", "{.dot-max-files-message.dot-max-files-reached{color:", ";}.", "{border-bottom:1px solid ", ";&:hover{cursor:pointer;background:", ";}&.file-success:not(:hover){.", "-end-icon .dot-icon i:before{color:", ";}}&.file-error:not(:hover){.MuiListItemText-secondary,.", "-end-icon .dot-icon i:before{color:", ";}}.dot-typography,.file-item-text{flex-grow:2;padding-left:", "px;}.file-item-text{display:flex;flex-direction:column;.MuiTypography-body2{color:", ";}}}}"], containerClassName, theme.palette.error[500], listItemRootClass, theme.palette.layer.n100, theme.palette.layer.n50, listItemRootClass, theme.palette.secondary.main, listItemRootClass, theme.palette.error.main, theme.spacing(1), theme.palette.error.main));
7012
7146
  const StyledFileUpload = styled.div.withConfig({
7013
7147
  displayName: "FileUploadstyles__StyledFileUpload",
7014
7148
  componentId: "sc-1q8bcxy-1"
7015
7149
  })(["", ""], ({
7016
7150
  theme
7017
- }) => css(["&.", ".", "{align-items:center;background:", ";border:2px dashed ", ";border-radius:4px;color:", ";display:flex;flex-direction:column;flex-wrap:wrap;height:240px;justify-content:center;padding:", ";margin-bottom:", "px;&.disabled .dot-typography{color:", ";}.dot-icon{color:", ";font-size:100px;i.dot-i{height:100px;}}}"], rootClassName$2, dropZoneClassName, theme.palette.layer.n50, theme.palette.layer.n300, theme.palette.layer.n500, theme.spacing(3, 0), theme.spacing(1), theme.palette.layer.n300, theme.palette.layer.n100));
7151
+ }) => css(["&.", ".", "{align-items:center;background:", ";border:2px dashed ", ";border-radius:4px;color:", ";display:flex;flex-direction:column;flex-wrap:wrap;height:240px;justify-content:center;padding:", ";margin-bottom:", "px;text-align:center;&.disabled .dot-typography{color:", ";}.dot-icon{color:", ";font-size:100px;i.dot-i{height:100px;}}}"], rootClassName$4, dropZoneClassName, theme.palette.layer.n50, theme.palette.layer.n300, theme.palette.layer.n500, theme.spacing(3, 0), theme.spacing(1), theme.palette.layer.n300, theme.palette.layer.n100));
7018
7152
 
7019
7153
  const DotFileListItem = ({
7020
7154
  ariaLabel,
@@ -7049,6 +7183,40 @@ const DotFileListItem = ({
7049
7183
  }));
7050
7184
  };
7051
7185
 
7186
+ const renderMaxSizeMessage = maxSizeMB => /*#__PURE__*/React__default.createElement(DotTypography, {
7187
+ variant: "body2"
7188
+ }, "File size should not exceed ", maxSizeMB, "MB.");
7189
+ const renderMaxFilesMessage = (maxFiles, maxFilesClasses) => /*#__PURE__*/React__default.createElement(DotTypography, {
7190
+ className: maxFilesClasses,
7191
+ variant: "body2"
7192
+ }, maxFiles, " files are the maximum number of files you can upload.");
7193
+ const renderSelectFilesButton = (isUploadDisabled, onButtonClick) => /*#__PURE__*/React__default.createElement(DotButton, {
7194
+ disabled: isUploadDisabled,
7195
+ onClick: onButtonClick
7196
+ }, "Select file(s)");
7197
+ const renderActiveDragArea = () => /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(DotIcon, {
7198
+ iconId: "upload-file"
7199
+ }), /*#__PURE__*/React__default.createElement(DotTypography, {
7200
+ variant: "h3"
7201
+ }, "Drop the file(s) here ..."));
7202
+ const renderDragAndDropArea = (isUploadDisabled, onSelectButtonClick) => /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(DotIcon, {
7203
+ iconId: "upload-file"
7204
+ }), /*#__PURE__*/React__default.createElement(DotTypography, {
7205
+ variant: "h3"
7206
+ }, "Drag and drop your file(s) here ", /*#__PURE__*/React__default.createElement("br", null), " or"), renderSelectFilesButton(isUploadDisabled, onSelectButtonClick));
7207
+ const renderDropzoneContent = ({
7208
+ buttonOnly,
7209
+ isDragActive,
7210
+ isUploadDisabled,
7211
+ open
7212
+ }) => {
7213
+ if (buttonOnly) {
7214
+ return renderSelectFilesButton(isUploadDisabled, open);
7215
+ } else {
7216
+ return isDragActive ? renderActiveDragArea() : renderDragAndDropArea(isUploadDisabled, open);
7217
+ }
7218
+ };
7219
+ const getUploadedFilesList = (uploadedFiles, maxSize, onFileDelete) => uploadedFiles.map(file => parseListItem(onFileDelete, file, maxSize));
7052
7220
  const parseListItem = (deleteFile, fileToBeParsed, maxSize) => {
7053
7221
  const fileErrors = fileToBeParsed.errors;
7054
7222
  const parsedFile = fileToBeParsed.file;
@@ -7062,8 +7230,6 @@ const parseListItem = (deleteFile, fileToBeParsed, maxSize) => {
7062
7230
  return `File exceeds ${maxSize}MB`;
7063
7231
 
7064
7232
  case 'file-invalid-type':
7065
- return e.message;
7066
-
7067
7233
  case 'too-many-files':
7068
7234
  return e.message;
7069
7235
 
@@ -7079,8 +7245,7 @@ const parseListItem = (deleteFile, fileToBeParsed, maxSize) => {
7079
7245
  deleteFile: deleteFile,
7080
7246
  error: hasErrors,
7081
7247
  errorText: errorText,
7082
- file: parsedFile,
7083
- key: CreateUUID()
7248
+ file: parsedFile
7084
7249
  })
7085
7250
  };
7086
7251
  };
@@ -7097,7 +7262,12 @@ const DotFileUpload = ({
7097
7262
  onChange,
7098
7263
  onDragEnter
7099
7264
  }) => {
7100
- const rootClasses = useStylesWithRootClass(rootClassName$2, className, !_buttonOnly ? dropZoneClassName : '', disabled ? 'disabled' : '');
7265
+ const [uploadedFiles, setUploadedFiles] = useState([]);
7266
+ const [hasMaxFilesError, setHasMaxFilesError] = useState(false);
7267
+ const isUploadDisabled = disabled || maxFiles && uploadedFiles.length >= maxFiles;
7268
+ const rootClasses = useStylesWithRootClass(rootClassName$4, className, !_buttonOnly ? dropZoneClassName : '', isUploadDisabled ? 'disabled' : '');
7269
+ const maxFilesClasses = useStylesWithRootClass('dot-max-files-message', hasMaxFilesError ? 'dot-max-files-reached' : '');
7270
+ const allowMultiple = maxFiles === undefined || maxFiles > 1;
7101
7271
  const {
7102
7272
  acceptedFiles,
7103
7273
  fileRejections,
@@ -7107,13 +7277,12 @@ const DotFileUpload = ({
7107
7277
  open
7108
7278
  } = useDropzone({
7109
7279
  accept,
7110
- disabled,
7111
- maxFiles,
7280
+ disabled: isUploadDisabled,
7112
7281
  maxSize: maxSize * 1000000,
7282
+ multiple: allowMultiple,
7113
7283
  noClick: true,
7114
7284
  onDragEnter
7115
7285
  });
7116
- const [uploadedFiles, setUploadedFiles] = useState([]);
7117
7286
  useEffect(() => {
7118
7287
  onChange(uploadedFiles);
7119
7288
  }, [uploadedFiles]);
@@ -7131,7 +7300,16 @@ const DotFileUpload = ({
7131
7300
  };
7132
7301
 
7133
7302
  const parseFiles = () => {
7134
- // map through accepted files and make them same shape as rejected files
7303
+ const totalFilesToUpload = uploadedFiles.length + acceptedFiles.length + fileRejections.length;
7304
+ const isMaxFilesReached = maxFiles && totalFilesToUpload > maxFiles;
7305
+
7306
+ if (isMaxFilesReached) {
7307
+ setHasMaxFilesError(true);
7308
+ return;
7309
+ }
7310
+
7311
+ setHasMaxFilesError(false); // map through accepted files and make them same shape as rejected files
7312
+
7135
7313
  const mappedFiles = acceptedFiles.map(value => ({
7136
7314
  file: value,
7137
7315
  errors: []
@@ -7142,54 +7320,30 @@ const DotFileUpload = ({
7142
7320
  useEffect(() => {
7143
7321
  parseFiles();
7144
7322
  }, [acceptedFiles, fileRejections]);
7145
- const maxFilesMessage = /*#__PURE__*/React__default.createElement(DotTypography, {
7146
- variant: "body2"
7147
- }, maxFiles, " files are the maximum number of files you can upload at once.");
7148
- const maxSizeMessage = /*#__PURE__*/React__default.createElement(DotTypography, {
7149
- variant: "body2"
7150
- }, "File size should not exceed ", maxSize, "MB.");
7151
-
7152
- const dropzoneContent = () => {
7153
- if (_buttonOnly) {
7154
- return /*#__PURE__*/React__default.createElement(DotButton, {
7155
- disabled: disabled,
7156
- onClick: open
7157
- }, "Select file(s)");
7158
- } else {
7159
- return isDragActive ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(DotIcon, {
7160
- iconId: "upload-file"
7161
- }), /*#__PURE__*/React__default.createElement(DotTypography, {
7162
- variant: "h3"
7163
- }, "Drop the file(s) here ...")) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(DotIcon, {
7164
- iconId: "upload-file"
7165
- }), /*#__PURE__*/React__default.createElement(DotTypography, {
7166
- variant: "h3"
7167
- }, "Drag and drop your file(s) here"), /*#__PURE__*/React__default.createElement(DotTypography, {
7168
- variant: "h3"
7169
- }, "or"), /*#__PURE__*/React__default.createElement(DotButton, {
7170
- disabled: disabled,
7171
- onClick: open
7172
- }, "Select file(s)"));
7173
- }
7174
- };
7175
-
7323
+ const uploadedFilesList = getUploadedFilesList(uploadedFiles, maxSize, deleteFile);
7176
7324
  return /*#__PURE__*/React__default.createElement(StyledFileUploadContainer, {
7177
7325
  className: containerClassName
7178
7326
  }, /*#__PURE__*/React__default.createElement(StyledFileUpload, Object.assign({}, getRootProps(), {
7179
7327
  "aria-label": ariaLabel,
7180
7328
  className: rootClasses,
7181
7329
  "data-testid": dataTestId
7182
- }), /*#__PURE__*/React__default.createElement("input", Object.assign({}, getInputProps())), dropzoneContent()), maxSize && maxSizeMessage, maxFiles && maxFilesMessage, /*#__PURE__*/React__default.createElement(DotList, {
7183
- items: uploadedFiles.map(file => parseListItem(deleteFile, file, maxSize)),
7330
+ }), /*#__PURE__*/React__default.createElement("input", Object.assign({}, getInputProps())), renderDropzoneContent({
7331
+ buttonOnly: _buttonOnly,
7332
+ isDragActive,
7333
+ isUploadDisabled,
7334
+ open
7335
+ })), maxSize && renderMaxSizeMessage(maxSize), maxFiles && renderMaxFilesMessage(maxFiles, maxFilesClasses), /*#__PURE__*/React__default.createElement(DotList, {
7336
+ "data-testid": dataTestId && `${dataTestId}-file-list`,
7337
+ items: uploadedFilesList,
7184
7338
  width: "100%"
7185
7339
  }));
7186
7340
  };
7187
7341
 
7188
- const rootClassName$1 = 'dot-divider';
7342
+ const rootClassName$3 = 'dot-divider';
7189
7343
  const StyledDivider = styled(Divider).withConfig({
7190
7344
  displayName: "Dividerstyles__StyledDivider",
7191
7345
  componentId: "yu3sip-0"
7192
- })(["", ""], () => css(["&.", "{}"], rootClassName$1));
7346
+ })(["", ""], () => css(["&.", "{}"], rootClassName$3));
7193
7347
 
7194
7348
  const DotDivider = ({
7195
7349
  absolute,
@@ -7201,7 +7355,7 @@ const DotDivider = ({
7201
7355
  orientation,
7202
7356
  variant
7203
7357
  }) => {
7204
- const rootClasses = useStylesWithRootClass(rootClassName$1, className);
7358
+ const rootClasses = useStylesWithRootClass(rootClassName$3, className);
7205
7359
  return /*#__PURE__*/React__default.createElement(StyledDivider, {
7206
7360
  absolute: absolute,
7207
7361
  "aria-label": ariaLabel,
@@ -7216,11 +7370,11 @@ const DotDivider = ({
7216
7370
  });
7217
7371
  };
7218
7372
 
7219
- const rootClassName = 'dot-popper';
7373
+ const rootClassName$2 = 'dot-popper';
7220
7374
  const StyledPopper = styled(Popper).withConfig({
7221
7375
  displayName: "Popperstyles__StyledPopper",
7222
7376
  componentId: "sd1h8p-0"
7223
- })(["", ""], () => css(["&.", "{}"], rootClassName));
7377
+ })(["", ""], () => css(["&.", "{}"], rootClassName$2));
7224
7378
 
7225
7379
  const DotPopper = ({
7226
7380
  ariaLabel,
@@ -7233,7 +7387,7 @@ const DotPopper = ({
7233
7387
  open,
7234
7388
  placement
7235
7389
  }) => {
7236
- const rootClasses = useStylesWithRootClass(rootClassName, className);
7390
+ const rootClasses = useStylesWithRootClass(rootClassName$2, className);
7237
7391
 
7238
7392
  const handleClickAway = event => {
7239
7393
  if (onClickAway && (!anchorEl || !anchorEl.contains(event.currentTarget))) {
@@ -7263,4 +7417,106 @@ const DotPopper = ({
7263
7417
  }, children)))));
7264
7418
  };
7265
7419
 
7266
- export { Cell, CssCell, CssGrid, CssGridDebug, DotAccordion, DotActionToolbar, DotAlertBanner, DotAppLogo, DotAppToolbar, DotAutoComplete, DotAvatar, DotAvatarGroup, DotBadge, DotBreadcrumbs, DotButton, DotButtonToggle, DotCard, DotCardContent, DotCardFooter, DotCardHeader, DotCheckbox, DotCheckboxGroup, DotChip, DotConfirmationDialog, DotDialog, DotDivider, DotDrawer, DotDynamicForm, DotEmptyState, DotFileUpload, DotForm, DotFormGroup, DotHeaderRow, DotIcon, DotIconButton, DotInlineEdit, DotInputSelect, DotInputText, DotLink, DotList, DotMenu, DotNavigationRail, DotPill, DotPopper, DotProgress, DotProgressButton, DotRadioButton, DotRadioGroup, DotSidebar, DotSkeleton, DotSnackbar, DotSnackbarContainer, DotSnackbarProvider, DotSplitButton, DotSwitch, DotTable, DotTablePagination, DotTabs, DotThemeProvider, DotTooltip, DotTypography, avatarColors, lightThemeColors as lightColors, parseAutoCompleteValue, variables as themeVariables, typographyOptions, useDotSnackbarContext };
7420
+ const rootClassName$1 = 'dot-truncate-with-tooltip';
7421
+ const StyledTruncateWithTooltip = styled(Tooltip).withConfig({
7422
+ displayName: "TruncateWithTooltipstyles__StyledTruncateWithTooltip",
7423
+ componentId: "sc-1o80lur-0"
7424
+ })(["", ""], () => css(["&.", "{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}&.dot-characters-limit{display:inline;}"], rootClassName$1));
7425
+
7426
+ const getTruncatedLabel = (label, charactersLimit) => {
7427
+ if (!charactersLimit || charactersLimit <= 0 || label.length < charactersLimit) return label;
7428
+ return `${label.substr(0, charactersLimit)}...`;
7429
+ };
7430
+
7431
+ const DotTruncateWithTooltip = ({
7432
+ ariaLabel,
7433
+ charactersLimit,
7434
+ className,
7435
+ 'data-testid': dataTestId,
7436
+ label,
7437
+ width
7438
+ }) => {
7439
+ const rootClasses = useStylesWithRootClass(rootClassName$1, className, charactersLimit ? 'dot-characters-limit' : '');
7440
+ return /*#__PURE__*/React__default.createElement(StyledTruncateWithTooltip, {
7441
+ "aria-label": ariaLabel,
7442
+ className: rootClasses,
7443
+ "data-testid": dataTestId,
7444
+ title: label,
7445
+ style: {
7446
+ width: calculateWidth(width)
7447
+ }
7448
+ }, /*#__PURE__*/React__default.createElement("span", null, getTruncatedLabel(label, charactersLimit)));
7449
+ };
7450
+
7451
+ const rootClassName = 'dot-draggable-list';
7452
+ const listItemClassName = 'dot-draggable-list-item';
7453
+ const StyledDraggableList = styled.div.withConfig({
7454
+ displayName: "DraggableListstyles__StyledDraggableList",
7455
+ componentId: "sc-1nekees-0"
7456
+ })(["", ""], ({
7457
+ theme
7458
+ }) => css(["&.", " .", ".react-draggable-dragging{background-color:", ";}"], rootClassName, listItemClassName, theme.palette.grey[50]));
7459
+
7460
+ const getOrderedListItems = (layout, listItems) => {
7461
+ if (!listItems || !layout) return [];
7462
+ listItems.sort((a, b) => layout.find(layoutItem => layoutItem.i === a.id).y - layout.find(layoutItem => layoutItem.i === b.id).y);
7463
+ return listItems;
7464
+ };
7465
+ const getListItemLayout = listItems => {
7466
+ return listItems === null || listItems === void 0 ? void 0 : listItems.map((item, index) => ({
7467
+ i: item.id,
7468
+ x: 0,
7469
+ y: index,
7470
+ w: 1,
7471
+ h: 1
7472
+ }));
7473
+ };
7474
+
7475
+ const DEFAULT_LIST_WIDTH = 240;
7476
+ const DEFAULT_LIST_ITEM_HEIGHT = 36;
7477
+ const ListGridLayout = WidthProvider(GridLayout);
7478
+ const DotDraggableList = ({
7479
+ ariaLabel,
7480
+ className,
7481
+ 'data-testid': dataTestId,
7482
+ items,
7483
+ onChange,
7484
+ width: _width = DEFAULT_LIST_WIDTH,
7485
+ rowHeight: _rowHeight = DEFAULT_LIST_ITEM_HEIGHT
7486
+ }) => {
7487
+ const rootClasses = useStylesWithRootClass(rootClassName, className);
7488
+ const listWidth = typeof _width === 'number' ? `${_width}px` : _width;
7489
+
7490
+ const handleLayoutChange = () => layout => onChange(getOrderedListItems(layout, items));
7491
+
7492
+ return /*#__PURE__*/React__default.createElement(StyledDraggableList, {
7493
+ "aria-label": ariaLabel,
7494
+ className: rootClasses,
7495
+ "data-testid": dataTestId
7496
+ }, /*#__PURE__*/React__default.createElement(List, {
7497
+ "data-testid": dataTestId && `${dataTestId}-ul`,
7498
+ style: {
7499
+ width: listWidth
7500
+ }
7501
+ }, /*#__PURE__*/React__default.createElement(ListGridLayout, {
7502
+ className: "layout",
7503
+ layout: getListItemLayout(items),
7504
+ cols: 1,
7505
+ margin: [0, 0],
7506
+ onLayoutChange: onChange && handleLayoutChange(),
7507
+ rowHeight: _rowHeight
7508
+ }, items.map(({
7509
+ id: itemId,
7510
+ children
7511
+ }) => {
7512
+ return /*#__PURE__*/React__default.createElement(ListItem, {
7513
+ key: itemId,
7514
+ button: true,
7515
+ children: renderNodeOrTypography(children),
7516
+ className: listItemClassName,
7517
+ disableRipple: true
7518
+ });
7519
+ }))));
7520
+ };
7521
+
7522
+ export { Cell, CssCell, CssGrid, CssGridDebug, DotAccordion, DotActionToolbar, DotAlertBanner, DotAppLogo, DotAppToolbar, DotAutoComplete, DotAvatar, DotAvatarGroup, DotBadge, DotBreadcrumbs, DotButton, DotButtonToggle, DotCard, DotCardContent, DotCardFooter, DotCardHeader, DotCheckbox, DotCheckboxGroup, DotChip, DotConfirmationDialog, DotDialog, DotDivider, DotDraggableList, DotDrawer, DotDynamicForm, DotEmptyState, DotFileUpload, DotForm, DotFormGroup, DotHeaderRow, DotIcon, DotIconButton, DotInlineEdit, DotInputSelect, DotInputText, DotLink, DotList, DotMenu, DotNavigationRail, DotPill, DotPopper, DotProgress, DotProgressButton, DotRadioButton, DotRadioGroup, DotSidebar, DotSkeleton, DotSnackbar, DotSnackbarContainer, DotSnackbarProvider, DotSplitButton, DotSwitch, DotTable, DotTablePagination, DotTabs, DotThemeProvider, DotTooltip, DotTruncateWithTooltip, DotTypography, avatarColors, lightThemeColors as lightColors, parseAutoCompleteValue, variables as themeVariables, typographyOptions, useDotSnackbarContext };