@openmrs/esm-active-visits-app 3.1.1-pre.474 → 3.1.1-pre.49

package/dist/382.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"382.js","mappings":"6XAEO,MAAMA,EAAwB,IAAqC,IAApC,MAAEC,EAAQ,KAAV,OAAgBC,EAAS,MAAW,EACxE,OACE,yBAAKD,MAAOA,EAAOC,OAAQA,EAAQC,QAAQ,aACzC,0DACA,uBAAGC,KAAK,OAAOC,SAAS,WACtB,0BACEC,EAAE,2NACFF,KAAK,YAEP,0BACEE,EAAE,8WACFF,KAAK,YAEP,0BACEE,EAAE,2LACFF,KAAK,YAEP,4BAAQA,KAAK,UAAUG,GAAI,OAAQC,GAAI,MAAOC,EAAG,QACjD,4BAAQL,KAAK,OAAOC,SAAS,UAAUE,GAAI,OAAQC,GAAI,MAAOC,EAAG,QACjE,0BACEH,EAAE,kIACFF,KAAK,YAEP,0BACEE,EAAE,oaACFF,KAAK,YAEP,0BACEE,EAAE,4IACFF,KAAK,YAEP,4BAAQA,KAAK,UAAUG,GAAI,OAAQC,GAAI,MAAOC,EAAG,QACjD,4BAAQL,KAAK,OAAOC,SAAS,UAAUE,GAAI,OAAQC,GAAI,MAAOC,EAAG,U,iKCvBrEC,EAAU,GAEdA,EAAQC,kBAAoB,IAC5BD,EAAQE,cAAgB,IAElBF,EAAQG,OAAS,SAAc,KAAM,QAE3CH,EAAQI,OAAS,IACjBJ,EAAQK,mBAAqB,IAEhB,IAAI,IAASL,GAKnB,QAAe,KAAW,WAAiB,gBAAiBM,E,gNCcnE,MA2MA,EA3M0B,KACxB,MAAM,EAAEC,IAAMC,EAAAA,EAAAA,kBACRC,GAASC,EAAAA,EAAAA,aACTC,GAASC,EAAAA,EAAAA,kBACT,aAAEC,EAAF,QAAgBC,EAAhB,UAAyBC,EAAzB,aAAoCC,GC3BrC,WACL,MAAQC,KAAMC,GAuCT,WACL,MAAM,KAAED,EAAF,MAAQE,IAAUC,EAAAA,EAAAA,IAAsC,sBAAsBC,EAAAA,cAEpF,MAAO,CACLJ,KAAMA,GAAc,KACpBH,QAASK,GA5C0BG,GAC/BC,EAAYC,GAAAA,GAAQC,OAAO,cAC3BC,EAAkBR,GAAoBD,MAAMS,iBAAiBC,KAS7DC,EAAO,6OAHXL,EACA,aACAG,GAEI,KAAET,EAAF,MAAQE,EAAR,aAAeH,IAAiBI,EAAAA,EAAAA,IAAmDQ,EAAKP,EAAAA,cAmB9F,MAAO,CACLR,aAL4BI,GAAMA,MAAMY,QAAQC,OAC9Cb,EAAKA,KAAKY,QAAQE,KAdMC,IAAD,CACzBC,IAAKD,GAAOE,SAASC,QAAQF,IAC7BG,GAAIJ,EAAML,KACVU,SAAUL,GAAOE,SAASI,YAAY,IAAIC,WAC1CC,OAAQR,GAAOE,SAASC,QAAQK,OAChCC,SAAUT,GAAOS,UAAUd,KAC3Be,KAAMV,GAAOE,SAASC,QAAQQ,QAC9BC,YAAaZ,GAAOE,SAASP,KAC7BkB,eAAgBb,GAAOc,cACvBC,UAAWf,GAAOe,WAAWJ,QAC7BK,UAAWhB,EAAML,SAI2BsB,QAAO,QAAC,eAAEJ,GAAH,SAAwBrB,GAAAA,CAAMqB,GAAgBK,aAC/F,GAIFnC,WAAYE,IAASE,EACrBL,QAASK,EACTH,aAAAA,GDTyDmC,GACrDC,EAAyB,YAAXzC,EACd0C,EAAY5C,GAAQI,cAAcwC,WAAa,CAAC,GAAI,GAAI,GAAI,GAAI,KAC/DC,EAAiBC,IAAeC,EAAAA,EAAAA,UAAS/C,GAAQI,cAAc4C,UAAY,KAC3EC,EAAcC,IAAmBH,EAAAA,EAAAA,UAAS,IAE3CI,GAAaC,EAAAA,EAAAA,UACjB,IAAM,CACJ,CACEzB,GAAI,EACJ0B,OAAQvD,EAAE,iBAAkB,cAC5BwD,IAAK,kBAEP,CACE3B,GAAI,EACJ0B,OAAQvD,EAAE,WAAY,aACtBwD,IAAK,YAEP,CACE3B,GAAI,EACJ0B,OAAQvD,EAAE,OAAQ,QAClBwD,IAAK,QAEP,CACE3B,GAAI,EACJ0B,OAAQvD,EAAE,SAAU,UACpBwD,IAAK,UAEP,CACE3B,GAAI,EACJ0B,OAAQvD,EAAE,MAAO,OACjBwD,IAAK,OAEP,CACE3B,GAAI,EACJ0B,OAAQvD,EAAE,YAAa,cACvBwD,IAAK,eAGT,CAACxD,IAGGyD,EAAUnD,EAAakB,KAAKC,IAAD,IAC5BA,EACHa,gBAAgBoB,EAAAA,EAAAA,iBAAeC,EAAAA,EAAAA,WAAUlC,EAAMa,qBAG3CsB,GAAgBN,EAAAA,EAAAA,UAAQ,KAC5B,GAAIH,GAAwC,KAAxBA,EAAaU,OAAe,CAC9C,MAAMC,EAASX,EAAaY,cAC5B,OAAON,EAAQf,QAAQsB,GACrBC,OAAOC,KAAKF,GAAgBG,MAAMZ,GACjB,gBAAXA,GAGI,GAAES,EAAeT,KAAUQ,cAAcK,SAASN,OAI9D,OAAOL,IAER,CAACN,EAAcM,KAEZ,KACJY,EACA/C,QAASgD,EAFL,YAGJC,IACkBC,EAAAA,EAAAA,eAAcZ,EAAeb,GAE3C0B,GAAeC,EAAAA,EAAAA,cAAaC,GAAMvB,EAAgBuB,EAAEC,OAAOC,QAAQ,IAQzE,OANAC,EAAAA,EAAAA,YAAU,KACY,IAAhBP,GACFF,EAAK,KAEN,CAAClB,IAEA3C,EACK,kBAACuE,EAAA,EAAD,CAAmBC,KAAK,gBAE7B1E,GAAciB,OAEd,yBAAK0D,UAAWC,EAAAA,uBACd,yBAAKD,UAAWC,EAAAA,mCACd,yBAAKD,UAAYpC,EAAqCqC,EAAAA,eAAvBA,EAAAA,eAC7B,4BAAKlF,EAAE,eAAgB,mBAEzB,yBAAKiF,UAAWC,EAAAA,iCACd,8BAAOzE,EAAe,kBAAC0E,EAAA,EAAD,MAAoB,QAG9C,kBAACC,EAAA,GAAD,CACEC,KAAMf,EACNgB,QAASjC,EACTkC,KAAM1C,EAAc,UAAY,SAChC2C,gBAAc,IACb,QAAC,KAAEH,EAAF,QAAQC,EAAR,eAAiBG,EAAjB,cAAiCC,EAAjC,oBAAgDC,EAAhD,YAAqEC,GAAtE,SACC,kBAACC,EAAA,EAAD,CAAgBZ,UAAWC,EAAAA,gBACzB,kBAACY,EAAA,EAAD,KACE,kBAACC,EAAA,EAAD,KACE,kBAACC,EAAA,EAAD,CACEC,SAAUN,IAAsBO,wBAA0B,EAAI,EAC9DC,UAAU,GACVC,YAAapG,EAAE,cAAe,gBAC9BqG,SAAU5B,MAIhB,kBAAC6B,EAAA,EAAD,GAAOrB,UAAWC,EAAAA,mBAA8BQ,KAC9C,kBAACa,EAAA,EAAD,KACE,kBAACC,EAAA,EAAD,KACE,kBAACC,EAAA,EAAD,MACCnB,EAAQ9D,KAAK+B,GACZ,kBAACmD,EAAA,EAAgBjB,EAAe,CAAElC,OAAAA,IAAYA,EAAOA,YAI3D,kBAACoD,EAAA,EAAD,KACGtB,EAAK7D,KAAI,CAACoF,EAAKC,IACd,kBAAC,aAAD,CAAgBrD,IAAKqD,GACnB,kBAACC,EAAA,EAAmBlB,EAAY,CAAEgB,IAAAA,IAC/BA,EAAIG,MAAMvF,KAAKwF,GACd,kBAACC,EAAA,EAAD,CAAWzD,IAAKwD,EAAKnF,IACG,SAArBmF,EAAKE,KAAK3D,OACT,kBAAC,EAAA4D,iBAAD,CACEC,GAAK,8BAA6B9C,IAAwBuC,IAAQxE,sBACjE2E,EAAKnC,OAGRmC,EAAKnC,UAKZ+B,EAAIS,WACH,kBAACb,EAAA,EAAD,CAAUvB,UAAWC,EAAAA,wBACnB,wBAAIoC,QAAShC,EAAQ/D,OAAS,GAC5B,kBAAC,EAAAgG,cAAD,CACEtC,UAAWC,EAAAA,sBACXsC,kBAAkB,qBAClBC,MAAO,CACLhF,UAAW6B,EAAsBuC,IAAQpE,UACzCJ,YAAaiC,EAAsBuC,IAAQxE,iBAMnD,mCAMO,IAAhBgD,EAAK9D,QACJ,uBACEmG,MAAO,CAAEzI,OAAQ4D,EAAc,OAAS,OAAQ8E,WAAY9E,EAAc,OAAS,QACnFoC,UAAY,GAAEC,EAAAA,YAAmBA,EAAAA,cAChClF,EAAE,gBAAiB,oBAGxB,kBAAC4H,EAAA,EAAD,CACEC,YAAY,YACZC,aAAa,gBACbC,KAAMxD,EACNrB,SAAUH,EACVD,UAAWA,EACXkF,WAAYpE,EAAcrC,OAC1B0D,UAAWC,EAAAA,WACXmB,SAAU,IAAwB,IAAvB,SAAEnD,EAAF,KAAY6E,GAAW,EAC5B7E,IAAaH,GACfC,EAAYE,GAEV6E,IAASxD,GACXF,EAAK0D,WAWrB,yBAAK9C,UAAWC,EAAAA,uBACd,kBAAC+C,EAAA,GAAD,CAAMC,OAAK,EAACjD,UAAWC,EAAAA,MACrB,yBAAKD,UAAYpC,EAAqCqC,EAAAA,eAAvBA,EAAAA,eAC7B,4BAAKlF,EAAE,eAAgB,mBAEzB,kBAACjB,EAAD,MACA,uBAAGkG,UAAWC,EAAAA,SACXlF,EAAE,4BAA6B,iE,iEEzOtCmI,E,MAA0B,GAA4B,KAE1DA,EAAwBC,KAAK,CAACC,EAAOxG,GAAI,skGAAykG,GAAG,CAAC,QAAU,EAAE,QAAU,CAAC,wEAAwE,4BAA4B,oHAAoH,0DAA0D,iIAAiI,MAAQ,GAAG,SAAW,ipCAAipC,eAAiB,CAAC,8xCAA8xC,4iBAA0jB,q3lBAAq3lB,qzDAAuzD,46jDAA46jD,WAAa,MAEtp6EsG,EAAwBG,OAAS,CAChC,oBAAuB,iEACvB,oBAAuB,iEACvB,WAAc,wDACd,UAAa,uDACb,YAAe,yDACf,OAAU,oDACV,OAAU,oDACV,sBAAyB,mEACzB,kCAAqC,+EACrC,gCAAmC,6EACnC,eAAkB,4DAClB,WAAc,wDACd,SAAY,sDACZ,sBAAyB,mEACzB,uBAA0B,oEAC1B,OAAU,oDACV,QAAW,qDACX,eAAkB,4DAClB,cAAiB,2DACjB,KAAQ,mDAET","sources":["webpack://@openmrs/esm-active-visits-app/./src/active-visits-widget/empty-data-illustration.component.tsx","webpack://@openmrs/esm-active-visits-app/./src/active-visits-widget/active-visits.scss?170a","webpack://@openmrs/esm-active-visits-app/./src/active-visits-widget/active-visits.component.tsx","webpack://@openmrs/esm-active-visits-app/./src/active-visits-widget/active-visits.resource.tsx","webpack://@openmrs/esm-active-visits-app/./src/active-visits-widget/active-visits.scss"],"sourcesContent":["import React from 'react';\n\nexport const EmptyDataIllustration = ({ width = '61', height = '59' }) => {\n  return (\n    <svg width={width} height={height} viewBox=\"0 0 61 59\">\n      <title>Empty data illustration</title>\n      <g fill=\"none\" fillRule=\"evenodd\">\n        <path\n          d=\"M38.133 13.186H21.947c-.768.001-1.39.623-1.39 1.391V50.55l-.186.057-3.97 1.216a.743.743 0 01-.927-.493L3.664 12.751a.742.742 0 01.492-.926l6.118-1.874 17.738-5.43 6.119-1.873a.741.741 0 01.926.492L38.076 13l.057.186z\"\n          fill=\"#F4F4F4\"\n        />\n        <path\n          d=\"M41.664 13L38.026 1.117A1.576 1.576 0 0036.056.07l-8.601 2.633-17.737 5.43-8.603 2.634a1.578 1.578 0 00-1.046 1.97l12.436 40.616a1.58 1.58 0 001.969 1.046l5.897-1.805.185-.057v-.194l-.185.057-5.952 1.822a1.393 1.393 0 01-1.737-.923L.247 12.682a1.39 1.39 0 01.923-1.738L9.772 8.31 27.51 2.881 36.112.247a1.393 1.393 0 011.737.923L41.47 13l.057.186h.193l-.057-.185z\"\n          fill=\"#8D8D8D\"\n        />\n        <path\n          d=\"M11.378 11.855a.836.836 0 01-.798-.59L9.385 7.361a.835.835 0 01.554-1.042l16.318-4.996a.836.836 0 011.042.554l1.195 3.902a.836.836 0 01-.554 1.043l-16.318 4.995a.831.831 0 01-.244.037z\"\n          fill=\"#C6C6C6\"\n        />\n        <circle fill=\"#C6C6C6\" cx={17.636} cy={2.314} r={1.855} />\n        <circle fill=\"#FFF\" fillRule=\"nonzero\" cx={17.636} cy={2.314} r={1.175} />\n        <path\n          d=\"M55.893 53.995H24.544a.79.79 0 01-.788-.789V15.644a.79.79 0 01.788-.788h31.349a.79.79 0 01.788.788v37.562a.79.79 0 01-.788.789z\"\n          fill=\"#F4F4F4\"\n        />\n        <path\n          d=\"M41.47 13H21.948a1.579 1.579 0 00-1.576 1.577V52.4l.185-.057V14.577c.001-.768.623-1.39 1.391-1.39h19.581L41.471 13zm17.02 0H21.947a1.579 1.579 0 00-1.576 1.577v42.478c0 .87.706 1.576 1.576 1.577H58.49a1.579 1.579 0 001.576-1.577V14.577a1.579 1.579 0 00-1.576-1.576zm1.39 44.055c0 .768-.622 1.39-1.39 1.392H21.947c-.768-.001-1.39-.624-1.39-1.392V14.577c0-.768.622-1.39 1.39-1.39H58.49c.768 0 1.39.622 1.39 1.39v42.478z\"\n          fill=\"#8D8D8D\"\n        />\n        <path\n          d=\"M48.751 17.082H31.686a.836.836 0 01-.835-.835v-4.081c0-.46.374-.834.835-.835H48.75c.461 0 .834.374.835.835v4.08c0 .462-.374.835-.835.836z\"\n          fill=\"#C6C6C6\"\n        />\n        <circle fill=\"#C6C6C6\" cx={40.218} cy={9.755} r={1.855} />\n        <circle fill=\"#FFF\" fillRule=\"nonzero\" cx={40.218} cy={9.755} r={1.13} />\n      </g>\n    </svg>\n  );\n};\n","\n      import API from \"!../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n      import domAPI from \"!../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n      import insertFn from \"!../../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n      import setAttributes from \"!../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n      import insertStyleElement from \"!../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n      import styleTagTransformFn from \"!../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n      import content, * as namedExport from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../../../node_modules/@openmrs/webpack-config/node_modules/sass-loader/dist/cjs.js!./active-visits.scss\";\n      \n      \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n      options.insert = insertFn.bind(null, \"head\");\n    \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../../../node_modules/@openmrs/webpack-config/node_modules/sass-loader/dist/cjs.js!./active-visits.scss\";\n       export default content && content.locals ? content.locals : undefined;\n","import React, { useMemo, useEffect, useState, useCallback } from 'react';\nimport {\n  DataTable,\n  DataTableSkeleton,\n  InlineLoading,\n  Pagination,\n  Search,\n  Table,\n  TableContainer,\n  TableHead,\n  TableRow,\n  TableHeader,\n  TableBody,\n  TableCell,\n  TableToolbar,\n  TableToolbarContent,\n  TableExpandRow,\n  TableExpandHeader,\n  Tile,\n} from 'carbon-components-react';\nimport {\n  useLayoutType,\n  useConfig,\n  usePagination,\n  ConfigurableLink,\n  ExtensionSlot,\n  formatDatetime,\n  parseDate,\n} from '@openmrs/esm-framework';\nimport { useTranslation } from 'react-i18next';\nimport { EmptyDataIllustration } from './empty-data-illustration.component';\nimport { ActiveVisit, useActiveVisits } from './active-visits.resource';\nimport styles from './active-visits.scss';\n\ninterface PaginationData {\n  goTo: (page: number) => void;\n  results: Array<ActiveVisit>;\n  currentPage: number;\n}\n\nconst ActiveVisitsTable = () => {\n  const { t } = useTranslation();\n  const config = useConfig();\n  const layout = useLayoutType();\n  const { activeVisits, isError, isLoading, isValidating } = useActiveVisits();\n  const desktopView = layout === 'desktop';\n  const pageSizes = config?.activeVisits?.pageSizes ?? [10, 20, 30, 40, 50];\n  const [currentPageSize, setPageSize] = useState(config?.activeVisits?.pageSize ?? 10);\n  const [searchString, setSearchString] = useState('');\n\n  const headerData = useMemo(\n    () => [\n      {\n        id: 0,\n        header: t('visitStartTime', 'Visit Time'),\n        key: 'visitStartTime',\n      },\n      {\n        id: 1,\n        header: t('idNumber', 'ID Number'),\n        key: 'idNumber',\n      },\n      {\n        id: 2,\n        header: t('name', 'Name'),\n        key: 'name',\n      },\n      {\n        id: 3,\n        header: t('gender', 'Gender'),\n        key: 'gender',\n      },\n      {\n        id: 4,\n        header: t('age', 'Age'),\n        key: 'age',\n      },\n      {\n        id: 5,\n        header: t('visitType', 'Visit Type'),\n        key: 'visitType',\n      },\n    ],\n    [t],\n  );\n\n  const rowData = activeVisits.map((visit) => ({\n    ...visit,\n    visitStartTime: formatDatetime(parseDate(visit.visitStartTime)),\n  }));\n\n  const searchResults = useMemo(() => {\n    if (searchString && searchString.trim() !== '') {\n      const search = searchString.toLowerCase();\n      return rowData.filter((activeVisitRow) =>\n        Object.keys(activeVisitRow).some((header) => {\n          if (header === 'patientUuid') {\n            return false;\n          }\n          return `${activeVisitRow[header]}`.toLowerCase().includes(search);\n        }),\n      );\n    } else {\n      return rowData;\n    }\n  }, [searchString, rowData]);\n\n  const {\n    goTo,\n    results: paginatedActiveVisits,\n    currentPage,\n  }: PaginationData = usePagination(searchResults, currentPageSize);\n\n  const handleSearch = useCallback((e) => setSearchString(e.target.value), []);\n\n  useEffect(() => {\n    if (currentPage !== 1) {\n      goTo(1);\n    }\n  }, [searchString]);\n\n  if (isLoading) {\n    return <DataTableSkeleton role=\"progressbar\" />;\n  }\n  if (activeVisits?.length) {\n    return (\n      <div className={styles.activeVisitsContainer}>\n        <div className={styles.activeVisitsDetailHeaderContainer}>\n          <div className={!desktopView ? styles.tabletHeading : styles.desktopHeading}>\n            <h4>{t('activeVisits', 'Active Visits')}</h4>\n          </div>\n          <div className={styles.backgroundDataFetchingIndicator}>\n            <span>{isValidating ? <InlineLoading /> : null}</span>\n          </div>\n        </div>\n        <DataTable\n          rows={paginatedActiveVisits}\n          headers={headerData}\n          size={desktopView ? 'compact' : 'normal'}\n          useZebraStyles>\n          {({ rows, headers, getHeaderProps, getTableProps, getBatchActionProps, getRowProps }) => (\n            <TableContainer className={styles.tableContainer}>\n              <TableToolbar>\n                <TableToolbarContent>\n                  <Search\n                    tabIndex={getBatchActionProps().shouldShowBatchActions ? -1 : 0}\n                    labelText=\"\"\n                    placeholder={t('filterTable', 'Filter table')}\n                    onChange={handleSearch}\n                  />\n                </TableToolbarContent>\n              </TableToolbar>\n              <Table className={styles.activeVisitsTable} {...getTableProps()}>\n                <TableHead>\n                  <TableRow>\n                    <TableExpandHeader />\n                    {headers.map((header) => (\n                      <TableHeader {...getHeaderProps({ header })}>{header.header}</TableHeader>\n                    ))}\n                  </TableRow>\n                </TableHead>\n                <TableBody>\n                  {rows.map((row, index) => (\n                    <React.Fragment key={index}>\n                      <TableExpandRow {...getRowProps({ row })}>\n                        {row.cells.map((cell) => (\n                          <TableCell key={cell.id}>\n                            {cell.info.header === 'name' ? (\n                              <ConfigurableLink\n                                to={`\\${openmrsSpaBase}/patient/${paginatedActiveVisits?.[index]?.patientUuid}/chart/`}>\n                                {cell.value}\n                              </ConfigurableLink>\n                            ) : (\n                              cell.value\n                            )}\n                          </TableCell>\n                        ))}\n                      </TableExpandRow>\n                      {row.isExpanded ? (\n                        <TableRow className={styles.expandedActiveVisitRow}>\n                          <th colSpan={headers.length + 2}>\n                            <ExtensionSlot\n                              className={styles.visitSummaryContainer}\n                              extensionSlotName=\"visit-summary-slot\"\n                              state={{\n                                visitUuid: paginatedActiveVisits[index]?.visitUuid,\n                                patientUuid: paginatedActiveVisits[index]?.patientUuid,\n                              }}\n                            />\n                          </th>\n                        </TableRow>\n                      ) : (\n                        <div />\n                      )}\n                    </React.Fragment>\n                  ))}\n                </TableBody>\n              </Table>\n              {rows.length === 0 && (\n                <p\n                  style={{ height: desktopView ? '2rem' : '3rem', marginLeft: desktopView ? '2rem' : '3rem' }}\n                  className={`${styles.emptyRow} ${styles.bodyLong01}`}>\n                  {t('noVisitsFound', 'No visits found')}\n                </p>\n              )}\n              <Pagination\n                forwardText=\"Next page\"\n                backwardText=\"Previous page\"\n                page={currentPage}\n                pageSize={currentPageSize}\n                pageSizes={pageSizes}\n                totalItems={searchResults.length}\n                className={styles.pagination}\n                onChange={({ pageSize, page }) => {\n                  if (pageSize !== currentPageSize) {\n                    setPageSize(pageSize);\n                  }\n                  if (page !== currentPage) {\n                    goTo(page);\n                  }\n                }}\n              />\n            </TableContainer>\n          )}\n        </DataTable>\n      </div>\n    );\n  }\n  return (\n    <div className={styles.activeVisitsContainer}>\n      <Tile light className={styles.tile}>\n        <div className={!desktopView ? styles.tabletHeading : styles.desktopHeading}>\n          <h4>{t('activeVisits', 'Active Visits')}</h4>\n        </div>\n        <EmptyDataIllustration />\n        <p className={styles.content}>\n          {t('noActiveVisitsForLocation', 'There are no active visits to display for this location.')}\n        </p>\n      </Tile>\n    </div>\n  );\n};\n\nexport default ActiveVisitsTable;\n","import useSWR from 'swr';\nimport dayjs from 'dayjs';\nimport { openmrsFetch, Visit, SessionUser } from '@openmrs/esm-framework';\n\nexport interface ActiveVisit {\n  age: string;\n  id: string;\n  idNumber: string;\n  gender: string;\n  location: string;\n  name: string;\n  patientUuid: string;\n  visitStartTime: string;\n  visitType: string;\n  visitUuid: string;\n}\n\nexport function useActiveVisits() {\n  const { data: currentUserSession } = useCurrentSession();\n  const startDate = dayjs().format('YYYY-MM-DD');\n  const sessionLocation = currentUserSession?.data?.sessionLocation?.uuid;\n\n  const customRepresentation =\n    'custom:(uuid,patient:(uuid,identifiers:(identifier,uuid),person:(age,display,gender,uuid)),' +\n    'visitType:(uuid,name,display),location:(uuid,name,display),startDatetime,' +\n    'stopDatetime)&fromStartDate=' +\n    startDate +\n    '&location=' +\n    sessionLocation;\n  const url = `/ws/rest/v1/visit?includeInactive=false&v=${customRepresentation}`;\n  const { data, error, isValidating } = useSWR<{ data: { results: Array<Visit> } }, Error>(url, openmrsFetch);\n\n  const mapVisitProperties = (visit: Visit): ActiveVisit => ({\n    age: visit?.patient?.person?.age,\n    id: visit.uuid,\n    idNumber: visit?.patient?.identifiers[0]?.identifier,\n    gender: visit?.patient?.person?.gender,\n    location: visit?.location?.uuid,\n    name: visit?.patient?.person?.display,\n    patientUuid: visit?.patient?.uuid,\n    visitStartTime: visit?.startDatetime,\n    visitType: visit?.visitType?.display,\n    visitUuid: visit.uuid,\n  });\n\n  const formattedActiveVisits = data?.data?.results.length\n    ? data.data.results.map(mapVisitProperties).filter(({ visitStartTime }) => dayjs(visitStartTime).isToday())\n    : [];\n\n  return {\n    activeVisits: formattedActiveVisits,\n    isLoading: !data && !error,\n    isError: error,\n    isValidating,\n  };\n}\n\nexport function useCurrentSession() {\n  const { data, error } = useSWR<{ data: SessionUser }, Error>(`/ws/rest/v1/session`, openmrsFetch);\n\n  return {\n    data: data ? data : null,\n    isError: error,\n  };\n}\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-active-visits__active-visits__productiveHeading01___5dzOt{font-size:.875rem;font-weight:600;line-height:1.29;letter-spacing:.16px}.-esm-active-visits__active-visits__productiveHeading02___-o9Tn{font-size:1rem;font-weight:600;line-height:1.375;letter-spacing:0}.-esm-active-visits__active-visits__bodyLong01___xwAEE{font-size:.875rem;font-weight:400;line-height:1.43;letter-spacing:.16px}.-esm-active-visits__active-visits__caption01___e7sSC{font-size:.75rem;font-weight:400;line-height:1.34;letter-spacing:.32px}.-esm-active-visits__active-visits__bodyShort02___BiPkR{font-size:1rem;font-weight:400;line-height:1.375;letter-spacing:0}.-esm-active-visits__active-visits__text02___lkEHs{color:#525252}.-esm-active-visits__active-visits__text01___iTf3H{color:#161616}.-esm-active-visits__active-visits__activeVisitsContainer___XAE0K{background-color:#fff;border:1px solid #e0e0e0;width:100%;margin:0 auto;max-width:95vw}.-esm-active-visits__active-visits__activeVisitsDetailHeaderContainer___pjwhu{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0 .75rem 1rem;background-color:#fff}.-esm-active-visits__active-visits__backgroundDataFetchingIndicator___YszBc{align-items:center;display:flex;flex:1 1 0%;justify-content:center}.-esm-active-visits__active-visits__tableContainer___27wfu section{position:relative}.-esm-active-visits__active-visits__tableContainer___27wfu a{text-decoration:none}.-esm-active-visits__active-visits__pagination___h8NbE{overflow:hidden}.-esm-active-visits__active-visits__emptyRow___jKDsj{padding:0 1rem;display:flex;align-items:center}.-esm-active-visits__active-visits__visitSummaryContainer___mBkXn{width:100%;max-width:768px;margin:1rem auto}.-esm-active-visits__active-visits__expandedActiveVisitRow___ONSwO>td>div{max-height:max-content !important}.-esm-active-visits__active-visits__expandedActiveVisitRow___ONSwO td{padding:0 2rem}.-esm-active-visits__active-visits__expandedActiveVisitRow___ONSwO th[colspan] td[colspan]>div:first-child{padding:0 1rem}.-esm-active-visits__active-visits__action___Kn0CE{margin-bottom:.5rem}.-esm-active-visits__active-visits__content___hF3rN{font-size:.875rem;font-weight:600;line-height:1.29;letter-spacing:.16px;color:#525252;margin-top:1rem;margin-bottom:.5rem}.-esm-active-visits__active-visits__desktopHeading___3cKg8 h4{font-size:1rem;font-weight:600;line-height:1.375;letter-spacing:0;color:#525252}.-esm-active-visits__active-visits__tabletHeading___vrNoH h4{font-size:1.25rem;font-weight:400;line-height:1.4;letter-spacing:0;color:#525252}.-esm-active-visits__active-visits__desktopHeading___3cKg8,.-esm-active-visits__active-visits__tabletHeading___vrNoH{text-align:left;text-transform:capitalize;margin-bottom:1rem}.-esm-active-visits__active-visits__desktopHeading___3cKg8 h4:after,.-esm-active-visits__active-visits__tabletHeading___vrNoH h4:after{content:\\\"\\\";display:block;width:2rem;padding-top:3px;border-bottom:.375rem solid;border-bottom-color:#007d79;border-bottom-color:var(--brand-03)}.-esm-active-visits__active-visits__tile___OJ1Dy{text-align:center}\", \"\",{\"version\":3,\"sources\":[\"webpack://./../../node_modules/@openmrs/esm-styleguide/src/_vars.scss\",\"webpack://./src/root.scss\",\"webpack://./../../node_modules/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/type/_styles.scss\",\"webpack://./src/active-visits-widget/active-visits.scss\",\"webpack://./../../node_modules/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/themes/generated/_mixins.scss\"],\"names\":[],\"mappings\":\"AAyCA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CCzCF,gEC4gBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CD7rB1B,gECwgBI,cAqLsB,CArLtB,eAqLsB,CArLtB,iBAqLsB,CArLtB,gBAqLsB,CDzrB1B,uDCogBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CDrrB1B,sDCggBI,gBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CDjrB1B,wDC4fI,cAqLsB,CArLtB,eAqLsB,CArLtB,iBAqLsB,CArLtB,gBAqLsB,CD7qB1B,mDACE,aAAA,CAGF,mDACE,aAAA,CE1BF,kEACE,qBHIc,CGHd,wBAAA,CACA,UAAA,CACA,aAAA,CACA,cAAA,CAGF,8EACE,YAAA,CACA,6BAAA,CACA,kBAAA,CACA,4BAAA,CACA,qBHRc,CGWhB,4EACE,kBAAA,CACA,YAAA,CACA,WAAA,CACA,sBAAA,CAGF,mEACE,iBAAA,CAGF,6DACE,oBAAA,CAGF,uDACE,eAAA,CAGF,qDACE,cAAA,CACA,YAAA,CACA,kBAAA,CAGF,kEACE,UAAA,CACA,eAAA,CACA,gBAAA,CAGF,0EACE,iCAAA,CAGF,sEACE,cAAA,CAGF,2GACE,cAAA,CAGF,mDACE,mBCmFa,CDhFf,oDD8cI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CCjoBxB,aH9DQ,CG+DR,eC+Ea,CD9Eb,mBC4Ea,CDxEb,8DDscE,cAqLsB,CArLtB,eAqLsB,CArLtB,iBAqLsB,CArLtB,gBAqLsB,CCznBtB,aHtEM,CG2ER,6DD+bE,iBAqLsB,CArLtB,eAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CClnBtB,aH7EM,CGiFV,qHACE,eAAA,CACA,yBAAA,CACA,kBC0Da,CDxDb,uIACE,UAAA,CACA,aAAA,CACA,UAAA,CACA,eAAA,CACA,2BAAA,CH3DF,2BAAA,CACA,mCAAA,CG+DF,iDACE,iBAAA\",\"sourcesContent\":[\"$ui-01: #f4f4f4;\\n$ui-02: #ffffff;\\n$ui-03: #e0e0e0;\\n$ui-04: #8d8d8d;\\n$ui-05: #161616;\\n$text-02: #525252;\\n$text-03: #a8a8a8;\\n$ui-background: #ffffff;\\n$color-gray-30: #c6c6c6;\\n$color-gray-70: #525252;\\n$color-gray-100: #161616;\\n$color-blue-60-2: #0f62fe;\\n$color-blue-10: #edf5ff;\\n$color-yellow-50: #feecae;\\n$carbon--red-50: #fa4d56;\\n$inverse-link: #78a9ff;\\n$support-02: #24a148;\\n$inverse-support-03: #f1c21b;\\n$warning-background: #fff8e1;\\n$openmrs-background-grey: #f4f4f4;\\n$danger: #da1e28;\\n$interactive-01: #0f62fe;\\n$field-01: #f4f4f4;\\n$grey-2: #e0e0e0;\\n$labeldropdown: #c6c6c6;\\n\\n@mixin brand-01($property) {\\n  #{$property}: #005d5d;\\n  #{$property}: var(--brand-01);\\n}\\n\\n@mixin brand-02($property) {\\n  #{$property}: #004144;\\n  #{$property}: var(--brand-02);\\n}\\n\\n@mixin brand-03($property) {\\n  #{$property}: #007d79;\\n  #{$property}: var(--brand-03);\\n}\\n\\n:root {\\n  --brand-01: #005d5d;\\n  --brand-02: #004144;\\n  --brand-03: #007d79;\\n}\\n\\n$breakpoint-phone-min: 0px;\\n$breakpoint-phone-max: 600px;\\n$breakpoint-tablet-min: 601px;\\n$breakpoint-tablet-max: 1200px;\\n$breakpoint-desktop-min: 1201px;\\n$breakpoint-desktop-max: 99999999px;\\n\\n/* These color variables will be removed in a future release */\\n$brand-teal-01: #007d79;\\n$brand-01: #005d5d;\\n$brand-02: #004144;\\n\",\"@import \\\"carbon-components/scss/globals/scss/typography.scss\\\";\\n@import \\\"~@openmrs/esm-styleguide/src/vars\\\";\\n\\n.productiveHeading01 {\\n  @include carbon--type-style(\\\"productive-heading-01\\\");\\n}\\n\\n.productiveHeading02 {\\n  @include carbon--type-style(\\\"productive-heading-02\\\");\\n}\\n\\n.bodyLong01 {\\n  @include carbon--type-style(\\\"body-long-01\\\");\\n}\\n\\n.caption01 {\\n  @include carbon--type-style(\\\"caption-01\\\");\\n}\\n\\n.bodyShort02 {\\n  @include carbon--type-style(\\\"body-short-02\\\");\\n}\\n\\n.text02 {\\n  color: #525252;\\n}\\n\\n.text01 {\\n  color: #161616;\\n}\",\"//\\n// Copyright IBM Corp. 2018, 2018\\n//\\n// This source code is licensed under the Apache-2.0 license found in the\\n// LICENSE file in the root directory of this source tree.\\n//\\n\\n@import '../layout/breakpoint';\\n@import 'font-family';\\n@import 'scale';\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$caption-01: (\\n  font-size: carbon--type-scale(1),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.34,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$label-01: (\\n  font-size: carbon--type-scale(1),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.34,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$helper-text-01: (\\n  font-size: carbon--type-scale(1),\\n  line-height: 1.34,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$body-short-01: (\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.29,\\n  letter-spacing: 0.16px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$body-long-01: (\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.43,\\n  letter-spacing: 0.16px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$body-short-02: (\\n  font-size: carbon--type-scale(3),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.375,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$body-long-02: (\\n  font-size: carbon--type-scale(3),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.5,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$code-01: (\\n  font-family: carbon--font-family('mono'),\\n  font-size: carbon--type-scale(1),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.34,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$code-02: (\\n  font-family: carbon--font-family('mono'),\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.43,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$heading-01: (\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.29,\\n  letter-spacing: 0.16px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-01: $heading-01 !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$heading-02: (\\n  font-size: carbon--type-scale(3),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.375,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-02: $heading-02 !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-03: (\\n  font-size: carbon--type-scale(5),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.4,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-04: (\\n  font-size: carbon--type-scale(7),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.29,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-05: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.25,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-06: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('light'),\\n  // Extra digit needed for precision in Chrome\\n  line-height: 1.199,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-07: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-01: map-merge(\\n  $heading-01,\\n  (\\n    line-height: 1.25,\\n  )\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-02: map-merge(\\n  $heading-02,\\n  (\\n    line-height: 1.5,\\n  )\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-03: (\\n  font-size: carbon--type-scale(5),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.4,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    xlg: (\\n      font-size: carbon--type-scale(5),\\n      line-height: 1.25,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(6),\\n      line-height: 1.334,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-04: (\\n  font-size: carbon--type-scale(7),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.29,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    xlg: (\\n      font-size: carbon--type-scale(7),\\n      line-height: 1.25,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(8),\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-05: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.25,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(9),\\n      font-weight: carbon--font-weight('light'),\\n      line-height: 1.22,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(10),\\n      line-height: 1.19,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(11),\\n      line-height: 1.17,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(13),\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-06: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.25,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(9),\\n      line-height: 1.22,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(10),\\n      line-height: 1.19,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(11),\\n      line-height: 1.17,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(13),\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-paragraph-01: (\\n  font-size: carbon--type-scale(6),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.334,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    lg: (\\n      font-size: carbon--type-scale(7),\\n      line-height: 1.29,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(8),\\n      line-height: 1.25,\\n    ),\\n  ),\\n);\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$quotation-01: (\\n  font-size: carbon--type-scale(5),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.3,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(5),\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(6),\\n      line-height: 1.334,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(7),\\n      line-height: 1.29,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(8),\\n      line-height: 1.25,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$quotation-02: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.25,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(9),\\n      line-height: 1.22,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(10),\\n      line-height: 1.19,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(11),\\n      line-height: 1.17,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(13),\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$display-01: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(10),\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(12),\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(13),\\n      line-height: 1.17,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(15),\\n      line-height: 1.13,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$display-02: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(10),\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(12),\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(13),\\n      line-height: 1.16,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(15),\\n      line-height: 1.13,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$display-03: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(14),\\n      line-height: 1.15,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(17),\\n      line-height: 1.11,\\n      letter-spacing: -0.64px,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(20),\\n      line-height: 1.07,\\n      letter-spacing: -0.64px,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(23),\\n      line-height: 1.05,\\n      letter-spacing: -0.96px,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$display-04: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(14),\\n      line-height: 1.15,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(17),\\n      line-height: 1.11,\\n      letter-spacing: -0.64px,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(20),\\n      line-height: 1.07,\\n      letter-spacing: -0.64px,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(23),\\n      line-height: 1.05,\\n      letter-spacing: -0.96px,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$tokens: (\\n  caption-01: $caption-01,\\n  label-01: $label-01,\\n  helper-text-01: $helper-text-01,\\n  body-short-01: $body-short-01,\\n  body-short-02: $body-short-02,\\n  body-long-01: $body-long-01,\\n  body-long-02: $body-long-02,\\n  code-01: $code-01,\\n  code-02: $code-02,\\n  heading-01: $heading-01,\\n  heading-02: $heading-02,\\n  productive-heading-01: $productive-heading-01,\\n  productive-heading-02: $productive-heading-02,\\n  productive-heading-03: $productive-heading-03,\\n  productive-heading-04: $productive-heading-04,\\n  productive-heading-05: $productive-heading-05,\\n  productive-heading-06: $productive-heading-06,\\n  productive-heading-07: $productive-heading-07,\\n  expressive-paragraph-01: $expressive-paragraph-01,\\n  expressive-heading-01: $expressive-heading-01,\\n  expressive-heading-02: $expressive-heading-02,\\n  expressive-heading-03: $expressive-heading-03,\\n  expressive-heading-04: $expressive-heading-04,\\n  expressive-heading-05: $expressive-heading-05,\\n  expressive-heading-06: $expressive-heading-06,\\n  quotation-01: $quotation-01,\\n  quotation-02: $quotation-02,\\n  display-01: $display-01,\\n  display-02: $display-02,\\n  display-03: $display-03,\\n  display-04: $display-04,\\n);\\n\\n/// @param {Map} $map\\n/// @access public\\n/// @group @carbon/type\\n@mixin properties($map) {\\n  @each $name, $value in $map {\\n    #{$name}: $value;\\n  }\\n}\\n\\n/// @param {Number} $value - Number with units\\n/// @return {Number} Without units\\n/// @access public\\n/// @group @carbon/type\\n@function strip-unit($value) {\\n  @return $value / ($value * 0 + 1);\\n}\\n\\n/// This helper includes fluid type styles for the given token value. Fluid type\\n/// means that the `font-size` is computed using `calc()` in order to be\\n/// determined by the screen size instead of a breakpoint. As a result, fluid\\n/// styles should be used with caution in fixed width contexts.\\n///\\n/// In addition, we make use of %-based line-heights so that the line-height of\\n/// each type style is computed correctly due to the dynamic nature of the\\n/// `font-size`.\\n///\\n/// Most of the logic for this work comes from CSS Tricks:\\n/// https://css-tricks.com/snippets/css/fluid-typography/\\n///\\n/// @param {Map} $type-styles - The value of a given type token\\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - Custom breakpoints to use\\n/// @access public\\n/// @group @carbon/type\\n@mixin fluid-type($type-styles, $breakpoints: $carbon--grid-breakpoints) {\\n  // Include the initial styles for the given token by default without any\\n  // media query guard. This includes `font-size` as a fallback in the case\\n  // that a browser does not support `calc()`\\n  @include properties(map-remove($type-styles, breakpoints));\\n  // We also need to include the `sm` styles by default since they don't\\n  // appear in the fluid styles for tokens\\n  @include fluid-type-size($type-styles, sm, $breakpoints);\\n\\n  // Finally, we need to go through all the breakpoints defined in the type\\n  // token and apply the properties and fluid type size for that given\\n  // breakpoint\\n  @each $name, $values in map-get($type-styles, breakpoints) {\\n    @include carbon--breakpoint($name) {\\n      @include properties($values);\\n      @include fluid-type-size($type-styles, $name, $breakpoints);\\n    }\\n  }\\n}\\n\\n/// Computes the fluid `font-size` for a given type style and breakpoint\\n/// @param {Map} $type-styles - The styles for a given token\\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - The breakpoints for the grid system\\n/// @access public\\n/// @group @carbon/type\\n@mixin fluid-type-size(\\n  $type-styles,\\n  $name,\\n  $breakpoints: $carbon--grid-breakpoints\\n) {\\n  // Get the information about the breakpoint we're currently working in. Useful\\n  // for getting initial width information\\n  $breakpoint: map-get($breakpoints, $name);\\n\\n  // Our fluid styles are captured under the 'breakpoints' property in our type\\n  // styles map. These define what values to treat as `max-` variables below\\n  $fluid-sizes: map-get($type-styles, breakpoints);\\n  $fluid-breakpoint: ();\\n  // Special case for `sm` because the styles for small are on the type style\\n  // directly\\n  @if $name == sm {\\n    $fluid-breakpoint: map-remove($type-styles, breakpoints);\\n  } @else {\\n    $fluid-breakpoint: map-get($fluid-sizes, $name);\\n  }\\n\\n  // Initialize our font-sizes to the default size for the type style\\n  $max-font-size: map-get($type-styles, font-size);\\n  $min-font-size: map-get($type-styles, font-size);\\n  @if map-has-key($fluid-breakpoint, font-size) {\\n    $min-font-size: map-get($fluid-breakpoint, font-size);\\n  }\\n\\n  // Initialize our min and max width to the width of the current breakpoint\\n  $max-vw: map-get($breakpoint, width);\\n  $min-vw: map-get($breakpoint, width);\\n\\n  // We can use `breakpoint-next` to see if there is another breakpoint we can\\n  // use to update `max-font-size` and `max-vw` with larger values\\n  $next-breakpoint-available: carbon--breakpoint-next($name, $breakpoints);\\n  $next-fluid-breakpoint-name: null;\\n\\n  // We need to figure out what the next available fluid breakpoint is for our\\n  // given $type-styles. In this loop we try and iterate through breakpoints\\n  // until we either manually set $next-breakpoint-available to null or\\n  // `breakpoint-next` returns null.\\n  @while $next-breakpoint-available {\\n    @if map-has-key($fluid-sizes, $next-breakpoint-available) {\\n      $next-fluid-breakpoint-name: $next-breakpoint-available;\\n      $next-breakpoint-available: null;\\n    } @else {\\n      $next-breakpoint-available: carbon--breakpoint-next(\\n        $next-breakpoint-available,\\n        $breakpoints\\n      );\\n    }\\n  }\\n\\n  // If we have found the next available fluid breakpoint name, then we know\\n  // that we have values that we can use to set max-font-size and max-vw as both\\n  // values derive from the next breakpoint\\n  @if $next-fluid-breakpoint-name {\\n    $next-fluid-breakpoint: map-get($breakpoints, $next-fluid-breakpoint-name);\\n    $max-font-size: map-get(\\n      map-get($fluid-sizes, $next-fluid-breakpoint-name),\\n      font-size\\n    );\\n    $max-vw: map-get($next-fluid-breakpoint, width);\\n\\n    // prettier-ignore\\n    font-size: calc(#{$min-font-size} +\\n      #{strip-unit($max-font-size - $min-font-size)} *\\n      ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\\n    );\\n  } @else {\\n    // Otherwise, just default to setting the font size found from the type\\n    // style or the given fluid breakpoint in the type style\\n    font-size: $min-font-size;\\n  }\\n}\\n\\n// TODO move following variable and `custom-property` mixin into shared file for\\n// both `@carbon/type` and `@carbon/themes`\\n\\n/// @access private\\n/// @group @carbon/type\\n$custom-property-prefix: 'cds' !default;\\n\\n/// @access private\\n/// @group @carbon/type\\n@mixin custom-properties($name, $value) {\\n  @each $property, $value in $value {\\n    #{$property}: var(\\n      --#{$custom-property-prefix}-#{$name}-#{$property},\\n      #{$value}\\n    );\\n  }\\n}\\n\\n/// Helper mixin to include the styles for a given token in any selector in your\\n/// project. Also includes an optional fluid option that will enable fluid\\n/// styles for the token if they are defined. Fluid styles will cause the\\n/// token's font-size to be computed based on the viewport size. As a result, use\\n/// with caution in fixed contexts.\\n/// @param {String} $name - The name of the token to get the styles for\\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - Provide a custom breakpoint map to use\\n/// @access public\\n/// @group @carbon/type\\n@mixin carbon--type-style(\\n  $name,\\n  $fluid: false,\\n  $breakpoints: $carbon--grid-breakpoints\\n) {\\n  @if not map-has-key($tokens, $name) {\\n    @error 'Unable to find a token with the name: `#{$name}`';\\n  }\\n\\n  $token: map-get($tokens, $name);\\n\\n  // If $fluid is set to true and the token has breakpoints defined for fluid\\n  // styles, delegate to the fluid-type helper for the given token\\n  @if $fluid == true and map-has-key($token, 'breakpoints') {\\n    @include fluid-type($token, $breakpoints);\\n  } @else {\\n    @if global-variable-exists('feature-flags') and\\n      map-get($feature-flags, 'enable-css-custom-properties')\\n    {\\n      @include custom-properties($name, $token);\\n    } @else {\\n      // Otherwise, we just include all the property declarations directly on the\\n      // selector\\n      @include properties(map-remove($token, 'breakpoints'));\\n    }\\n  }\\n}\\n\",\"@import \\\"../root.scss\\\";\\n\\n.activeVisitsContainer {\\n  background-color: $ui-background;\\n  border: 1px solid $ui-03;\\n  width: 100%;\\n  margin: 0 auto;\\n  max-width: 95vw;\\n}\\n\\n.activeVisitsDetailHeaderContainer {\\n  display: flex;\\n  justify-content: space-between;\\n  align-items: center;\\n  padding: $spacing-04 0 $spacing-04 $spacing-05;\\n  background-color: $ui-background;\\n}\\n\\n.backgroundDataFetchingIndicator {\\n  align-items: center;\\n  display: flex;\\n  flex: 1 1 0%;\\n  justify-content: center;\\n}\\n\\n.tableContainer section{\\n  position: relative;\\n}\\n\\n.tableContainer a {\\n  text-decoration: none;\\n}\\n\\n.pagination {\\n  overflow: hidden;\\n}\\n\\n.emptyRow {\\n  padding: 0 1rem;\\n  display: flex;\\n  align-items: center;\\n}\\n\\n.visitSummaryContainer {\\n  width: 100%;\\n  max-width: 768px;\\n  margin: 1rem auto;\\n}\\n\\n.expandedActiveVisitRow > td > div {\\n  max-height: max-content !important;\\n}\\n\\n.expandedActiveVisitRow td {\\n  padding: 0 2rem;\\n}\\n\\n.expandedActiveVisitRow th[colspan] td[colspan] > div:first-child {\\n  padding: 0 1rem;\\n}\\n\\n.action {\\n  margin-bottom: $spacing-03;\\n}\\n\\n.content {\\n  @include carbon--type-style(\\\"productive-heading-01\\\");\\n  color: $text-02;\\n  margin-top: $spacing-05;\\n  margin-bottom: $spacing-03;\\n}\\n\\n.desktopHeading {\\n  h4 {\\n    @include carbon--type-style('productive-heading-02');\\n    color: $text-02;\\n  }\\n}\\n\\n.tabletHeading {\\n  h4 {\\n    @include carbon--type-style('productive-heading-03');\\n    color: $text-02;\\n  }\\n}\\n\\n.desktopHeading, .tabletHeading {\\n  text-align: left;\\n  text-transform: capitalize;\\n  margin-bottom: $spacing-05;\\n  \\n  h4:after {\\n    content: \\\"\\\";\\n    display: block;\\n    width: 2rem;\\n    padding-top: 3px;\\n    border-bottom: 0.375rem solid;\\n    @include brand-03(border-bottom-color);\\n  }\\n}\\n\\n.tile {\\n  text-align: center;\\n}\",\"// Code generated by @carbon/themes. DO NOT EDIT.\\n//\\n// Copyright IBM Corp. 2018, 2019\\n//\\n// This source code is licensed under the Apache-2.0 license found in the\\n// LICENSE file in the root directory of this source tree.\\n//\\n\\n@import './themes';\\n\\n/// Define theme variables from a map of tokens\\n/// @access public\\n/// @param {Map} $theme [$carbon--theme] - Map of theme tokens\\n/// @param {Bool} $emit-custom-properties [false] - Output CSS Custom Properties for theme tokens\\n/// @content Pass in your custom declaration blocks to be used after the token maps set theming variables.\\n///\\n/// @example scss\\n///   // Default usage\\n///   @include carbon--theme();\\n///\\n///   // Alternate styling (not white theme)\\n///   @include carbon--theme($carbon--theme--g90) {\\n///     // declarations...\\n///   }\\n///\\n///   // Inline styling\\n///   @include carbon--theme($carbon--theme--g90) {\\n///     .my-dark-theme {\\n///       // declarations...\\n///     }\\n///   }\\n///\\n/// @group @carbon/themes\\n@mixin carbon--theme(\\n  $theme: $carbon--theme,\\n  $emit-custom-properties: false,\\n  $emit-difference: false\\n) {\\n  $parent-carbon-theme: $carbon--theme;\\n  $carbon--theme: $theme !global;\\n  $interactive-01: map-get($theme, 'interactive-01') !global;\\n  $interactive-02: map-get($theme, 'interactive-02') !global;\\n  $interactive-03: map-get($theme, 'interactive-03') !global;\\n  $interactive-04: map-get($theme, 'interactive-04') !global;\\n  $ui-background: map-get($theme, 'ui-background') !global;\\n  $ui-01: map-get($theme, 'ui-01') !global;\\n  $ui-02: map-get($theme, 'ui-02') !global;\\n  $ui-03: map-get($theme, 'ui-03') !global;\\n  $ui-04: map-get($theme, 'ui-04') !global;\\n  $ui-05: map-get($theme, 'ui-05') !global;\\n  $text-01: map-get($theme, 'text-01') !global;\\n  $text-02: map-get($theme, 'text-02') !global;\\n  $text-03: map-get($theme, 'text-03') !global;\\n  $text-04: map-get($theme, 'text-04') !global;\\n  $text-05: map-get($theme, 'text-05') !global;\\n  $text-error: map-get($theme, 'text-error') !global;\\n  $icon-01: map-get($theme, 'icon-01') !global;\\n  $icon-02: map-get($theme, 'icon-02') !global;\\n  $icon-03: map-get($theme, 'icon-03') !global;\\n  $link-01: map-get($theme, 'link-01') !global;\\n  $link-02: map-get($theme, 'link-02') !global;\\n  $inverse-link: map-get($theme, 'inverse-link') !global;\\n  $field-01: map-get($theme, 'field-01') !global;\\n  $field-02: map-get($theme, 'field-02') !global;\\n  $inverse-01: map-get($theme, 'inverse-01') !global;\\n  $inverse-02: map-get($theme, 'inverse-02') !global;\\n  $support-01: map-get($theme, 'support-01') !global;\\n  $support-02: map-get($theme, 'support-02') !global;\\n  $support-03: map-get($theme, 'support-03') !global;\\n  $support-04: map-get($theme, 'support-04') !global;\\n  $inverse-support-01: map-get($theme, 'inverse-support-01') !global;\\n  $inverse-support-02: map-get($theme, 'inverse-support-02') !global;\\n  $inverse-support-03: map-get($theme, 'inverse-support-03') !global;\\n  $inverse-support-04: map-get($theme, 'inverse-support-04') !global;\\n  $overlay-01: map-get($theme, 'overlay-01') !global;\\n  $danger-01: map-get($theme, 'danger-01') !global;\\n  $danger-02: map-get($theme, 'danger-02') !global;\\n  $focus: map-get($theme, 'focus') !global;\\n  $inverse-focus-ui: map-get($theme, 'inverse-focus-ui') !global;\\n  $hover-primary: map-get($theme, 'hover-primary') !global;\\n  $active-primary: map-get($theme, 'active-primary') !global;\\n  $hover-primary-text: map-get($theme, 'hover-primary-text') !global;\\n  $hover-secondary: map-get($theme, 'hover-secondary') !global;\\n  $active-secondary: map-get($theme, 'active-secondary') !global;\\n  $hover-tertiary: map-get($theme, 'hover-tertiary') !global;\\n  $active-tertiary: map-get($theme, 'active-tertiary') !global;\\n  $hover-ui: map-get($theme, 'hover-ui') !global;\\n  $hover-light-ui: map-get($theme, 'hover-light-ui') !global;\\n  $hover-selected-ui: map-get($theme, 'hover-selected-ui') !global;\\n  $active-ui: map-get($theme, 'active-ui') !global;\\n  $active-light-ui: map-get($theme, 'active-light-ui') !global;\\n  $selected-ui: map-get($theme, 'selected-ui') !global;\\n  $selected-light-ui: map-get($theme, 'selected-light-ui') !global;\\n  $inverse-hover-ui: map-get($theme, 'inverse-hover-ui') !global;\\n  $hover-danger: map-get($theme, 'hover-danger') !global;\\n  $active-danger: map-get($theme, 'active-danger') !global;\\n  $hover-row: map-get($theme, 'hover-row') !global;\\n  $visited-link: map-get($theme, 'visited-link') !global;\\n  $disabled-01: map-get($theme, 'disabled-01') !global;\\n  $disabled-02: map-get($theme, 'disabled-02') !global;\\n  $disabled-03: map-get($theme, 'disabled-03') !global;\\n  $highlight: map-get($theme, 'highlight') !global;\\n  $decorative-01: map-get($theme, 'decorative-01') !global;\\n  $button-separator: map-get($theme, 'button-separator') !global;\\n  $skeleton-01: map-get($theme, 'skeleton-01') !global;\\n  $skeleton-02: map-get($theme, 'skeleton-02') !global;\\n  $brand-01: map-get($theme, 'brand-01') !global;\\n  $brand-02: map-get($theme, 'brand-02') !global;\\n  $brand-03: map-get($theme, 'brand-03') !global;\\n  $active-01: map-get($theme, 'active-01') !global;\\n  $hover-field: map-get($theme, 'hover-field') !global;\\n  $danger: map-get($theme, 'danger') !global;\\n  $caption-01: map-get($theme, 'caption-01') !global;\\n  $label-01: map-get($theme, 'label-01') !global;\\n  $helper-text-01: map-get($theme, 'helper-text-01') !global;\\n  $body-short-01: map-get($theme, 'body-short-01') !global;\\n  $body-long-01: map-get($theme, 'body-long-01') !global;\\n  $body-short-02: map-get($theme, 'body-short-02') !global;\\n  $body-long-02: map-get($theme, 'body-long-02') !global;\\n  $code-01: map-get($theme, 'code-01') !global;\\n  $code-02: map-get($theme, 'code-02') !global;\\n  $heading-01: map-get($theme, 'heading-01') !global;\\n  $productive-heading-01: map-get($theme, 'productive-heading-01') !global;\\n  $heading-02: map-get($theme, 'heading-02') !global;\\n  $productive-heading-02: map-get($theme, 'productive-heading-02') !global;\\n  $productive-heading-03: map-get($theme, 'productive-heading-03') !global;\\n  $productive-heading-04: map-get($theme, 'productive-heading-04') !global;\\n  $productive-heading-05: map-get($theme, 'productive-heading-05') !global;\\n  $productive-heading-06: map-get($theme, 'productive-heading-06') !global;\\n  $productive-heading-07: map-get($theme, 'productive-heading-07') !global;\\n  $expressive-heading-01: map-get($theme, 'expressive-heading-01') !global;\\n  $expressive-heading-02: map-get($theme, 'expressive-heading-02') !global;\\n  $expressive-heading-03: map-get($theme, 'expressive-heading-03') !global;\\n  $expressive-heading-04: map-get($theme, 'expressive-heading-04') !global;\\n  $expressive-heading-05: map-get($theme, 'expressive-heading-05') !global;\\n  $expressive-heading-06: map-get($theme, 'expressive-heading-06') !global;\\n  $expressive-paragraph-01: map-get($theme, 'expressive-paragraph-01') !global;\\n  $quotation-01: map-get($theme, 'quotation-01') !global;\\n  $quotation-02: map-get($theme, 'quotation-02') !global;\\n  $display-01: map-get($theme, 'display-01') !global;\\n  $display-02: map-get($theme, 'display-02') !global;\\n  $display-03: map-get($theme, 'display-03') !global;\\n  $display-04: map-get($theme, 'display-04') !global;\\n  $spacing-01: map-get($theme, 'spacing-01') !global;\\n  $spacing-02: map-get($theme, 'spacing-02') !global;\\n  $spacing-03: map-get($theme, 'spacing-03') !global;\\n  $spacing-04: map-get($theme, 'spacing-04') !global;\\n  $spacing-05: map-get($theme, 'spacing-05') !global;\\n  $spacing-06: map-get($theme, 'spacing-06') !global;\\n  $spacing-07: map-get($theme, 'spacing-07') !global;\\n  $spacing-08: map-get($theme, 'spacing-08') !global;\\n  $spacing-09: map-get($theme, 'spacing-09') !global;\\n  $spacing-10: map-get($theme, 'spacing-10') !global;\\n  $spacing-11: map-get($theme, 'spacing-11') !global;\\n  $spacing-12: map-get($theme, 'spacing-12') !global;\\n  $fluid-spacing-01: map-get($theme, 'fluid-spacing-01') !global;\\n  $fluid-spacing-02: map-get($theme, 'fluid-spacing-02') !global;\\n  $fluid-spacing-03: map-get($theme, 'fluid-spacing-03') !global;\\n  $fluid-spacing-04: map-get($theme, 'fluid-spacing-04') !global;\\n  $layout-01: map-get($theme, 'layout-01') !global;\\n  $layout-02: map-get($theme, 'layout-02') !global;\\n  $layout-03: map-get($theme, 'layout-03') !global;\\n  $layout-04: map-get($theme, 'layout-04') !global;\\n  $layout-05: map-get($theme, 'layout-05') !global;\\n  $layout-06: map-get($theme, 'layout-06') !global;\\n  $layout-07: map-get($theme, 'layout-07') !global;\\n  $container-01: map-get($theme, 'container-01') !global;\\n  $container-02: map-get($theme, 'container-02') !global;\\n  $container-03: map-get($theme, 'container-03') !global;\\n  $container-04: map-get($theme, 'container-04') !global;\\n  $container-05: map-get($theme, 'container-05') !global;\\n  $icon-size-01: map-get($theme, 'icon-size-01') !global;\\n  $icon-size-02: map-get($theme, 'icon-size-02') !global;\\n\\n  @if global-variable-exists('feature-flags') and\\n    map-get($feature-flags, 'enable-css-custom-properties')\\n  {\\n    $interactive-01: var(\\n      --#{$custom-property-prefix}-interactive-01,\\n      map-get($theme, 'interactive-01')\\n    ) !global;\\n    $interactive-02: var(\\n      --#{$custom-property-prefix}-interactive-02,\\n      map-get($theme, 'interactive-02')\\n    ) !global;\\n    $interactive-03: var(\\n      --#{$custom-property-prefix}-interactive-03,\\n      map-get($theme, 'interactive-03')\\n    ) !global;\\n    $interactive-04: var(\\n      --#{$custom-property-prefix}-interactive-04,\\n      map-get($theme, 'interactive-04')\\n    ) !global;\\n    $ui-background: var(\\n      --#{$custom-property-prefix}-ui-background,\\n      map-get($theme, 'ui-background')\\n    ) !global;\\n    $ui-01: var(\\n      --#{$custom-property-prefix}-ui-01,\\n      map-get($theme, 'ui-01')\\n    ) !global;\\n    $ui-02: var(\\n      --#{$custom-property-prefix}-ui-02,\\n      map-get($theme, 'ui-02')\\n    ) !global;\\n    $ui-03: var(\\n      --#{$custom-property-prefix}-ui-03,\\n      map-get($theme, 'ui-03')\\n    ) !global;\\n    $ui-04: var(\\n      --#{$custom-property-prefix}-ui-04,\\n      map-get($theme, 'ui-04')\\n    ) !global;\\n    $ui-05: var(\\n      --#{$custom-property-prefix}-ui-05,\\n      map-get($theme, 'ui-05')\\n    ) !global;\\n    $text-01: var(\\n      --#{$custom-property-prefix}-text-01,\\n      map-get($theme, 'text-01')\\n    ) !global;\\n    $text-02: var(\\n      --#{$custom-property-prefix}-text-02,\\n      map-get($theme, 'text-02')\\n    ) !global;\\n    $text-03: var(\\n      --#{$custom-property-prefix}-text-03,\\n      map-get($theme, 'text-03')\\n    ) !global;\\n    $text-04: var(\\n      --#{$custom-property-prefix}-text-04,\\n      map-get($theme, 'text-04')\\n    ) !global;\\n    $text-05: var(\\n      --#{$custom-property-prefix}-text-05,\\n      map-get($theme, 'text-05')\\n    ) !global;\\n    $text-error: var(\\n      --#{$custom-property-prefix}-text-error,\\n      map-get($theme, 'text-error')\\n    ) !global;\\n    $icon-01: var(\\n      --#{$custom-property-prefix}-icon-01,\\n      map-get($theme, 'icon-01')\\n    ) !global;\\n    $icon-02: var(\\n      --#{$custom-property-prefix}-icon-02,\\n      map-get($theme, 'icon-02')\\n    ) !global;\\n    $icon-03: var(\\n      --#{$custom-property-prefix}-icon-03,\\n      map-get($theme, 'icon-03')\\n    ) !global;\\n    $link-01: var(\\n      --#{$custom-property-prefix}-link-01,\\n      map-get($theme, 'link-01')\\n    ) !global;\\n    $link-02: var(\\n      --#{$custom-property-prefix}-link-02,\\n      map-get($theme, 'link-02')\\n    ) !global;\\n    $inverse-link: var(\\n      --#{$custom-property-prefix}-inverse-link,\\n      map-get($theme, 'inverse-link')\\n    ) !global;\\n    $field-01: var(\\n      --#{$custom-property-prefix}-field-01,\\n      map-get($theme, 'field-01')\\n    ) !global;\\n    $field-02: var(\\n      --#{$custom-property-prefix}-field-02,\\n      map-get($theme, 'field-02')\\n    ) !global;\\n    $inverse-01: var(\\n      --#{$custom-property-prefix}-inverse-01,\\n      map-get($theme, 'inverse-01')\\n    ) !global;\\n    $inverse-02: var(\\n      --#{$custom-property-prefix}-inverse-02,\\n      map-get($theme, 'inverse-02')\\n    ) !global;\\n    $support-01: var(\\n      --#{$custom-property-prefix}-support-01,\\n      map-get($theme, 'support-01')\\n    ) !global;\\n    $support-02: var(\\n      --#{$custom-property-prefix}-support-02,\\n      map-get($theme, 'support-02')\\n    ) !global;\\n    $support-03: var(\\n      --#{$custom-property-prefix}-support-03,\\n      map-get($theme, 'support-03')\\n    ) !global;\\n    $support-04: var(\\n      --#{$custom-property-prefix}-support-04,\\n      map-get($theme, 'support-04')\\n    ) !global;\\n    $inverse-support-01: var(\\n      --#{$custom-property-prefix}-inverse-support-01,\\n      map-get($theme, 'inverse-support-01')\\n    ) !global;\\n    $inverse-support-02: var(\\n      --#{$custom-property-prefix}-inverse-support-02,\\n      map-get($theme, 'inverse-support-02')\\n    ) !global;\\n    $inverse-support-03: var(\\n      --#{$custom-property-prefix}-inverse-support-03,\\n      map-get($theme, 'inverse-support-03')\\n    ) !global;\\n    $inverse-support-04: var(\\n      --#{$custom-property-prefix}-inverse-support-04,\\n      map-get($theme, 'inverse-support-04')\\n    ) !global;\\n    $overlay-01: var(\\n      --#{$custom-property-prefix}-overlay-01,\\n      map-get($theme, 'overlay-01')\\n    ) !global;\\n    $danger-01: var(\\n      --#{$custom-property-prefix}-danger-01,\\n      map-get($theme, 'danger-01')\\n    ) !global;\\n    $danger-02: var(\\n      --#{$custom-property-prefix}-danger-02,\\n      map-get($theme, 'danger-02')\\n    ) !global;\\n    $focus: var(\\n      --#{$custom-property-prefix}-focus,\\n      map-get($theme, 'focus')\\n    ) !global;\\n    $inverse-focus-ui: var(\\n      --#{$custom-property-prefix}-inverse-focus-ui,\\n      map-get($theme, 'inverse-focus-ui')\\n    ) !global;\\n    $hover-primary: var(\\n      --#{$custom-property-prefix}-hover-primary,\\n      map-get($theme, 'hover-primary')\\n    ) !global;\\n    $active-primary: var(\\n      --#{$custom-property-prefix}-active-primary,\\n      map-get($theme, 'active-primary')\\n    ) !global;\\n    $hover-primary-text: var(\\n      --#{$custom-property-prefix}-hover-primary-text,\\n      map-get($theme, 'hover-primary-text')\\n    ) !global;\\n    $hover-secondary: var(\\n      --#{$custom-property-prefix}-hover-secondary,\\n      map-get($theme, 'hover-secondary')\\n    ) !global;\\n    $active-secondary: var(\\n      --#{$custom-property-prefix}-active-secondary,\\n      map-get($theme, 'active-secondary')\\n    ) !global;\\n    $hover-tertiary: var(\\n      --#{$custom-property-prefix}-hover-tertiary,\\n      map-get($theme, 'hover-tertiary')\\n    ) !global;\\n    $active-tertiary: var(\\n      --#{$custom-property-prefix}-active-tertiary,\\n      map-get($theme, 'active-tertiary')\\n    ) !global;\\n    $hover-ui: var(\\n      --#{$custom-property-prefix}-hover-ui,\\n      map-get($theme, 'hover-ui')\\n    ) !global;\\n    $hover-light-ui: var(\\n      --#{$custom-property-prefix}-hover-light-ui,\\n      map-get($theme, 'hover-light-ui')\\n    ) !global;\\n    $hover-selected-ui: var(\\n      --#{$custom-property-prefix}-hover-selected-ui,\\n      map-get($theme, 'hover-selected-ui')\\n    ) !global;\\n    $active-ui: var(\\n      --#{$custom-property-prefix}-active-ui,\\n      map-get($theme, 'active-ui')\\n    ) !global;\\n    $active-light-ui: var(\\n      --#{$custom-property-prefix}-active-light-ui,\\n      map-get($theme, 'active-light-ui')\\n    ) !global;\\n    $selected-ui: var(\\n      --#{$custom-property-prefix}-selected-ui,\\n      map-get($theme, 'selected-ui')\\n    ) !global;\\n    $selected-light-ui: var(\\n      --#{$custom-property-prefix}-selected-light-ui,\\n      map-get($theme, 'selected-light-ui')\\n    ) !global;\\n    $inverse-hover-ui: var(\\n      --#{$custom-property-prefix}-inverse-hover-ui,\\n      map-get($theme, 'inverse-hover-ui')\\n    ) !global;\\n    $hover-danger: var(\\n      --#{$custom-property-prefix}-hover-danger,\\n      map-get($theme, 'hover-danger')\\n    ) !global;\\n    $active-danger: var(\\n      --#{$custom-property-prefix}-active-danger,\\n      map-get($theme, 'active-danger')\\n    ) !global;\\n    $hover-row: var(\\n      --#{$custom-property-prefix}-hover-row,\\n      map-get($theme, 'hover-row')\\n    ) !global;\\n    $visited-link: var(\\n      --#{$custom-property-prefix}-visited-link,\\n      map-get($theme, 'visited-link')\\n    ) !global;\\n    $disabled-01: var(\\n      --#{$custom-property-prefix}-disabled-01,\\n      map-get($theme, 'disabled-01')\\n    ) !global;\\n    $disabled-02: var(\\n      --#{$custom-property-prefix}-disabled-02,\\n      map-get($theme, 'disabled-02')\\n    ) !global;\\n    $disabled-03: var(\\n      --#{$custom-property-prefix}-disabled-03,\\n      map-get($theme, 'disabled-03')\\n    ) !global;\\n    $highlight: var(\\n      --#{$custom-property-prefix}-highlight,\\n      map-get($theme, 'highlight')\\n    ) !global;\\n    $decorative-01: var(\\n      --#{$custom-property-prefix}-decorative-01,\\n      map-get($theme, 'decorative-01')\\n    ) !global;\\n    $button-separator: var(\\n      --#{$custom-property-prefix}-button-separator,\\n      map-get($theme, 'button-separator')\\n    ) !global;\\n    $skeleton-01: var(\\n      --#{$custom-property-prefix}-skeleton-01,\\n      map-get($theme, 'skeleton-01')\\n    ) !global;\\n    $skeleton-02: var(\\n      --#{$custom-property-prefix}-skeleton-02,\\n      map-get($theme, 'skeleton-02')\\n    ) !global;\\n    $brand-01: var(\\n      --#{$custom-property-prefix}-brand-01,\\n      map-get($theme, 'brand-01')\\n    ) !global;\\n    $brand-02: var(\\n      --#{$custom-property-prefix}-brand-02,\\n      map-get($theme, 'brand-02')\\n    ) !global;\\n    $brand-03: var(\\n      --#{$custom-property-prefix}-brand-03,\\n      map-get($theme, 'brand-03')\\n    ) !global;\\n    $active-01: var(\\n      --#{$custom-property-prefix}-active-01,\\n      map-get($theme, 'active-01')\\n    ) !global;\\n    $hover-field: var(\\n      --#{$custom-property-prefix}-hover-field,\\n      map-get($theme, 'hover-field')\\n    ) !global;\\n    $danger: var(\\n      --#{$custom-property-prefix}-danger,\\n      map-get($theme, 'danger')\\n    ) !global;\\n    $spacing-01: var(\\n      --#{$custom-property-prefix}-spacing-01,\\n      map-get($theme, 'spacing-01')\\n    ) !global;\\n    $spacing-02: var(\\n      --#{$custom-property-prefix}-spacing-02,\\n      map-get($theme, 'spacing-02')\\n    ) !global;\\n    $spacing-03: var(\\n      --#{$custom-property-prefix}-spacing-03,\\n      map-get($theme, 'spacing-03')\\n    ) !global;\\n    $spacing-04: var(\\n      --#{$custom-property-prefix}-spacing-04,\\n      map-get($theme, 'spacing-04')\\n    ) !global;\\n    $spacing-05: var(\\n      --#{$custom-property-prefix}-spacing-05,\\n      map-get($theme, 'spacing-05')\\n    ) !global;\\n    $spacing-06: var(\\n      --#{$custom-property-prefix}-spacing-06,\\n      map-get($theme, 'spacing-06')\\n    ) !global;\\n    $spacing-07: var(\\n      --#{$custom-property-prefix}-spacing-07,\\n      map-get($theme, 'spacing-07')\\n    ) !global;\\n    $spacing-08: var(\\n      --#{$custom-property-prefix}-spacing-08,\\n      map-get($theme, 'spacing-08')\\n    ) !global;\\n    $spacing-09: var(\\n      --#{$custom-property-prefix}-spacing-09,\\n      map-get($theme, 'spacing-09')\\n    ) !global;\\n    $spacing-10: var(\\n      --#{$custom-property-prefix}-spacing-10,\\n      map-get($theme, 'spacing-10')\\n    ) !global;\\n    $spacing-11: var(\\n      --#{$custom-property-prefix}-spacing-11,\\n      map-get($theme, 'spacing-11')\\n    ) !global;\\n    $spacing-12: var(\\n      --#{$custom-property-prefix}-spacing-12,\\n      map-get($theme, 'spacing-12')\\n    ) !global;\\n    $fluid-spacing-01: var(\\n      --#{$custom-property-prefix}-fluid-spacing-01,\\n      map-get($theme, 'fluid-spacing-01')\\n    ) !global;\\n    $fluid-spacing-02: var(\\n      --#{$custom-property-prefix}-fluid-spacing-02,\\n      map-get($theme, 'fluid-spacing-02')\\n    ) !global;\\n    $fluid-spacing-03: var(\\n      --#{$custom-property-prefix}-fluid-spacing-03,\\n      map-get($theme, 'fluid-spacing-03')\\n    ) !global;\\n    $fluid-spacing-04: var(\\n      --#{$custom-property-prefix}-fluid-spacing-04,\\n      map-get($theme, 'fluid-spacing-04')\\n    ) !global;\\n    $layout-01: var(\\n      --#{$custom-property-prefix}-layout-01,\\n      map-get($theme, 'layout-01')\\n    ) !global;\\n    $layout-02: var(\\n      --#{$custom-property-prefix}-layout-02,\\n      map-get($theme, 'layout-02')\\n    ) !global;\\n    $layout-03: var(\\n      --#{$custom-property-prefix}-layout-03,\\n      map-get($theme, 'layout-03')\\n    ) !global;\\n    $layout-04: var(\\n      --#{$custom-property-prefix}-layout-04,\\n      map-get($theme, 'layout-04')\\n    ) !global;\\n    $layout-05: var(\\n      --#{$custom-property-prefix}-layout-05,\\n      map-get($theme, 'layout-05')\\n    ) !global;\\n    $layout-06: var(\\n      --#{$custom-property-prefix}-layout-06,\\n      map-get($theme, 'layout-06')\\n    ) !global;\\n    $layout-07: var(\\n      --#{$custom-property-prefix}-layout-07,\\n      map-get($theme, 'layout-07')\\n    ) !global;\\n    $container-01: var(\\n      --#{$custom-property-prefix}-container-01,\\n      map-get($theme, 'container-01')\\n    ) !global;\\n    $container-02: var(\\n      --#{$custom-property-prefix}-container-02,\\n      map-get($theme, 'container-02')\\n    ) !global;\\n    $container-03: var(\\n      --#{$custom-property-prefix}-container-03,\\n      map-get($theme, 'container-03')\\n    ) !global;\\n    $container-04: var(\\n      --#{$custom-property-prefix}-container-04,\\n      map-get($theme, 'container-04')\\n    ) !global;\\n    $container-05: var(\\n      --#{$custom-property-prefix}-container-05,\\n      map-get($theme, 'container-05')\\n    ) !global;\\n    $icon-size-01: var(\\n      --#{$custom-property-prefix}-icon-size-01,\\n      map-get($theme, 'icon-size-01')\\n    ) !global;\\n    $icon-size-02: var(\\n      --#{$custom-property-prefix}-icon-size-02,\\n      map-get($theme, 'icon-size-02')\\n    ) !global;\\n  }\\n  @if $emit-custom-properties == true {\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'interactive-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'interactive-01',\\n        map-get($theme, 'interactive-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'interactive-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'interactive-02',\\n        map-get($theme, 'interactive-02')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'interactive-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'interactive-03',\\n        map-get($theme, 'interactive-03')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'interactive-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'interactive-04',\\n        map-get($theme, 'interactive-04')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'ui-background',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'ui-background',\\n        map-get($theme, 'ui-background')\\n      );\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'ui-01', $emit-difference) {\\n      @include custom-property('ui-01', map-get($theme, 'ui-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'ui-02', $emit-difference) {\\n      @include custom-property('ui-02', map-get($theme, 'ui-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'ui-03', $emit-difference) {\\n      @include custom-property('ui-03', map-get($theme, 'ui-03'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'ui-04', $emit-difference) {\\n      @include custom-property('ui-04', map-get($theme, 'ui-04'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'ui-05', $emit-difference) {\\n      @include custom-property('ui-05', map-get($theme, 'ui-05'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'text-01', $emit-difference) {\\n      @include custom-property('text-01', map-get($theme, 'text-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'text-02', $emit-difference) {\\n      @include custom-property('text-02', map-get($theme, 'text-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'text-03', $emit-difference) {\\n      @include custom-property('text-03', map-get($theme, 'text-03'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'text-04', $emit-difference) {\\n      @include custom-property('text-04', map-get($theme, 'text-04'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'text-05', $emit-difference) {\\n      @include custom-property('text-05', map-get($theme, 'text-05'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'text-error',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('text-error', map-get($theme, 'text-error'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'icon-01', $emit-difference) {\\n      @include custom-property('icon-01', map-get($theme, 'icon-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'icon-02', $emit-difference) {\\n      @include custom-property('icon-02', map-get($theme, 'icon-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'icon-03', $emit-difference) {\\n      @include custom-property('icon-03', map-get($theme, 'icon-03'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'link-01', $emit-difference) {\\n      @include custom-property('link-01', map-get($theme, 'link-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'link-02', $emit-difference) {\\n      @include custom-property('link-02', map-get($theme, 'link-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-link',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('inverse-link', map-get($theme, 'inverse-link'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'field-01', $emit-difference)\\n    {\\n      @include custom-property('field-01', map-get($theme, 'field-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'field-02', $emit-difference)\\n    {\\n      @include custom-property('field-02', map-get($theme, 'field-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('inverse-01', map-get($theme, 'inverse-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('inverse-02', map-get($theme, 'inverse-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'support-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('support-01', map-get($theme, 'support-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'support-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('support-02', map-get($theme, 'support-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'support-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('support-03', map-get($theme, 'support-03'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'support-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('support-04', map-get($theme, 'support-04'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-support-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'inverse-support-01',\\n        map-get($theme, 'inverse-support-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-support-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'inverse-support-02',\\n        map-get($theme, 'inverse-support-02')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-support-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'inverse-support-03',\\n        map-get($theme, 'inverse-support-03')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-support-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'inverse-support-04',\\n        map-get($theme, 'inverse-support-04')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'overlay-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('overlay-01', map-get($theme, 'overlay-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'danger-01', $emit-difference)\\n    {\\n      @include custom-property('danger-01', map-get($theme, 'danger-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'danger-02', $emit-difference)\\n    {\\n      @include custom-property('danger-02', map-get($theme, 'danger-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'focus', $emit-difference) {\\n      @include custom-property('focus', map-get($theme, 'focus'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-focus-ui',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'inverse-focus-ui',\\n        map-get($theme, 'inverse-focus-ui')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-primary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'hover-primary',\\n        map-get($theme, 'hover-primary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'active-primary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'active-primary',\\n        map-get($theme, 'active-primary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-primary-text',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'hover-primary-text',\\n        map-get($theme, 'hover-primary-text')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-secondary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'hover-secondary',\\n        map-get($theme, 'hover-secondary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'active-secondary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'active-secondary',\\n        map-get($theme, 'active-secondary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-tertiary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'hover-tertiary',\\n        map-get($theme, 'hover-tertiary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'active-tertiary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'active-tertiary',\\n        map-get($theme, 'active-tertiary')\\n      );\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'hover-ui', $emit-difference)\\n    {\\n      @include custom-property('hover-ui', map-get($theme, 'hover-ui'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-light-ui',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'hover-light-ui',\\n        map-get($theme, 'hover-light-ui')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-selected-ui',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'hover-selected-ui',\\n        map-get($theme, 'hover-selected-ui')\\n      );\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'active-ui', $emit-difference)\\n    {\\n      @include custom-property('active-ui', map-get($theme, 'active-ui'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'active-light-ui',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'active-light-ui',\\n        map-get($theme, 'active-light-ui')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'selected-ui',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('selected-ui', map-get($theme, 'selected-ui'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'selected-light-ui',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'selected-light-ui',\\n        map-get($theme, 'selected-light-ui')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-hover-ui',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'inverse-hover-ui',\\n        map-get($theme, 'inverse-hover-ui')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-danger',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('hover-danger', map-get($theme, 'hover-danger'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'active-danger',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'active-danger',\\n        map-get($theme, 'active-danger')\\n      );\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'hover-row', $emit-difference)\\n    {\\n      @include custom-property('hover-row', map-get($theme, 'hover-row'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'visited-link',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('visited-link', map-get($theme, 'visited-link'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'disabled-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('disabled-01', map-get($theme, 'disabled-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'disabled-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('disabled-02', map-get($theme, 'disabled-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'disabled-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('disabled-03', map-get($theme, 'disabled-03'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'highlight', $emit-difference)\\n    {\\n      @include custom-property('highlight', map-get($theme, 'highlight'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'decorative-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'decorative-01',\\n        map-get($theme, 'decorative-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'button-separator',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'button-separator',\\n        map-get($theme, 'button-separator')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'skeleton-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('skeleton-01', map-get($theme, 'skeleton-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'skeleton-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('skeleton-02', map-get($theme, 'skeleton-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'brand-01', $emit-difference)\\n    {\\n      @include custom-property('brand-01', map-get($theme, 'brand-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'brand-02', $emit-difference)\\n    {\\n      @include custom-property('brand-02', map-get($theme, 'brand-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'brand-03', $emit-difference)\\n    {\\n      @include custom-property('brand-03', map-get($theme, 'brand-03'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'active-01', $emit-difference)\\n    {\\n      @include custom-property('active-01', map-get($theme, 'active-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-field',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('hover-field', map-get($theme, 'hover-field'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'danger', $emit-difference) {\\n      @include custom-property('danger', map-get($theme, 'danger'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'caption-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('caption-01', map-get($theme, 'caption-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'label-01', $emit-difference)\\n    {\\n      @include custom-property('label-01', map-get($theme, 'label-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'helper-text-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'helper-text-01',\\n        map-get($theme, 'helper-text-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'body-short-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'body-short-01',\\n        map-get($theme, 'body-short-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'body-long-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('body-long-01', map-get($theme, 'body-long-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'body-short-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'body-short-02',\\n        map-get($theme, 'body-short-02')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'body-long-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('body-long-02', map-get($theme, 'body-long-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'code-01', $emit-difference) {\\n      @include custom-property('code-01', map-get($theme, 'code-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'code-02', $emit-difference) {\\n      @include custom-property('code-02', map-get($theme, 'code-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'heading-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('heading-01', map-get($theme, 'heading-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'productive-heading-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'productive-heading-01',\\n        map-get($theme, 'productive-heading-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'heading-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('heading-02', map-get($theme, 'heading-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'productive-heading-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'productive-heading-02',\\n        map-get($theme, 'productive-heading-02')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'productive-heading-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'productive-heading-03',\\n        map-get($theme, 'productive-heading-03')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'productive-heading-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'productive-heading-04',\\n        map-get($theme, 'productive-heading-04')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'productive-heading-05',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'productive-heading-05',\\n        map-get($theme, 'productive-heading-05')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'productive-heading-06',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'productive-heading-06',\\n        map-get($theme, 'productive-heading-06')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'productive-heading-07',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'productive-heading-07',\\n        map-get($theme, 'productive-heading-07')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'expressive-heading-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'expressive-heading-01',\\n        map-get($theme, 'expressive-heading-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'expressive-heading-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'expressive-heading-02',\\n        map-get($theme, 'expressive-heading-02')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'expressive-heading-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'expressive-heading-03',\\n        map-get($theme, 'expressive-heading-03')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'expressive-heading-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'expressive-heading-04',\\n        map-get($theme, 'expressive-heading-04')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'expressive-heading-05',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'expressive-heading-05',\\n        map-get($theme, 'expressive-heading-05')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'expressive-heading-06',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'expressive-heading-06',\\n        map-get($theme, 'expressive-heading-06')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'expressive-paragraph-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'expressive-paragraph-01',\\n        map-get($theme, 'expressive-paragraph-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'quotation-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('quotation-01', map-get($theme, 'quotation-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'quotation-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('quotation-02', map-get($theme, 'quotation-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'display-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('display-01', map-get($theme, 'display-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'display-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('display-02', map-get($theme, 'display-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'display-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('display-03', map-get($theme, 'display-03'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'display-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('display-04', map-get($theme, 'display-04'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-01', map-get($theme, 'spacing-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-02', map-get($theme, 'spacing-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-03', map-get($theme, 'spacing-03'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-04', map-get($theme, 'spacing-04'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-05',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-05', map-get($theme, 'spacing-05'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-06',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-06', map-get($theme, 'spacing-06'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-07',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-07', map-get($theme, 'spacing-07'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-08',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-08', map-get($theme, 'spacing-08'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-09',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-09', map-get($theme, 'spacing-09'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-10',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-10', map-get($theme, 'spacing-10'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-11',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-11', map-get($theme, 'spacing-11'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-12',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-12', map-get($theme, 'spacing-12'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'fluid-spacing-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'fluid-spacing-01',\\n        map-get($theme, 'fluid-spacing-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'fluid-spacing-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'fluid-spacing-02',\\n        map-get($theme, 'fluid-spacing-02')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'fluid-spacing-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'fluid-spacing-03',\\n        map-get($theme, 'fluid-spacing-03')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'fluid-spacing-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'fluid-spacing-04',\\n        map-get($theme, 'fluid-spacing-04')\\n      );\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layout-01', $emit-difference)\\n    {\\n      @include custom-property('layout-01', map-get($theme, 'layout-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layout-02', $emit-difference)\\n    {\\n      @include custom-property('layout-02', map-get($theme, 'layout-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layout-03', $emit-difference)\\n    {\\n      @include custom-property('layout-03', map-get($theme, 'layout-03'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layout-04', $emit-difference)\\n    {\\n      @include custom-property('layout-04', map-get($theme, 'layout-04'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layout-05', $emit-difference)\\n    {\\n      @include custom-property('layout-05', map-get($theme, 'layout-05'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layout-06', $emit-difference)\\n    {\\n      @include custom-property('layout-06', map-get($theme, 'layout-06'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layout-07', $emit-difference)\\n    {\\n      @include custom-property('layout-07', map-get($theme, 'layout-07'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'container-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('container-01', map-get($theme, 'container-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'container-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('container-02', map-get($theme, 'container-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'container-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('container-03', map-get($theme, 'container-03'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'container-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('container-04', map-get($theme, 'container-04'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'container-05',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('container-05', map-get($theme, 'container-05'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'icon-size-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('icon-size-01', map-get($theme, 'icon-size-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'icon-size-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('icon-size-02', map-get($theme, 'icon-size-02'));\\n    }\\n  }\\n\\n  @content;\\n\\n  // Reset to default theme after apply in content\\n  @if $carbon--theme != $parent-carbon-theme {\\n    $carbon--theme: $parent-carbon-theme !global;\\n\\n    @include carbon--theme();\\n  }\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\n___CSS_LOADER_EXPORT___.locals = {\n\t\"productiveHeading01\": \"-esm-active-visits__active-visits__productiveHeading01___5dzOt\",\n\t\"productiveHeading02\": \"-esm-active-visits__active-visits__productiveHeading02___-o9Tn\",\n\t\"bodyLong01\": \"-esm-active-visits__active-visits__bodyLong01___xwAEE\",\n\t\"caption01\": \"-esm-active-visits__active-visits__caption01___e7sSC\",\n\t\"bodyShort02\": \"-esm-active-visits__active-visits__bodyShort02___BiPkR\",\n\t\"text02\": \"-esm-active-visits__active-visits__text02___lkEHs\",\n\t\"text01\": \"-esm-active-visits__active-visits__text01___iTf3H\",\n\t\"activeVisitsContainer\": \"-esm-active-visits__active-visits__activeVisitsContainer___XAE0K\",\n\t\"activeVisitsDetailHeaderContainer\": \"-esm-active-visits__active-visits__activeVisitsDetailHeaderContainer___pjwhu\",\n\t\"backgroundDataFetchingIndicator\": \"-esm-active-visits__active-visits__backgroundDataFetchingIndicator___YszBc\",\n\t\"tableContainer\": \"-esm-active-visits__active-visits__tableContainer___27wfu\",\n\t\"pagination\": \"-esm-active-visits__active-visits__pagination___h8NbE\",\n\t\"emptyRow\": \"-esm-active-visits__active-visits__emptyRow___jKDsj\",\n\t\"visitSummaryContainer\": \"-esm-active-visits__active-visits__visitSummaryContainer___mBkXn\",\n\t\"expandedActiveVisitRow\": \"-esm-active-visits__active-visits__expandedActiveVisitRow___ONSwO\",\n\t\"action\": \"-esm-active-visits__active-visits__action___Kn0CE\",\n\t\"content\": \"-esm-active-visits__active-visits__content___hF3rN\",\n\t\"desktopHeading\": \"-esm-active-visits__active-visits__desktopHeading___3cKg8\",\n\t\"tabletHeading\": \"-esm-active-visits__active-visits__tabletHeading___vrNoH\",\n\t\"tile\": \"-esm-active-visits__active-visits__tile___OJ1Dy\"\n};\nexport default ___CSS_LOADER_EXPORT___;\n"],"names":["EmptyDataIllustration","width","height","viewBox","fill","fillRule","d","cx","cy","r","options","styleTagTransform","setAttributes","insert","domAPI","insertStyleElement","undefined","t","useTranslation","config","useConfig","layout","useLayoutType","activeVisits","isError","isLoading","isValidating","data","currentUserSession","error","useSWR","openmrsFetch","useCurrentSession","startDate","dayjs","format","sessionLocation","uuid","url","results","length","map","visit","age","patient","person","id","idNumber","identifiers","identifier","gender","location","name","display","patientUuid","visitStartTime","startDatetime","visitType","visitUuid","filter","isToday","useActiveVisits","desktopView","pageSizes","currentPageSize","setPageSize","useState","pageSize","searchString","setSearchString","headerData","useMemo","header","key","rowData","formatDatetime","parseDate","searchResults","trim","search","toLowerCase","activeVisitRow","Object","keys","some","includes","goTo","paginatedActiveVisits","currentPage","usePagination","handleSearch","useCallback","e","target","value","useEffect","DataTableSkeleton","role","className","styles","InlineLoading","DataTable","rows","headers","size","useZebraStyles","getHeaderProps","getTableProps","getBatchActionProps","getRowProps","TableContainer","TableToolbar","TableToolbarContent","Search","tabIndex","shouldShowBatchActions","labelText","placeholder","onChange","Table","TableHead","TableRow","TableExpandHeader","TableHeader","TableBody","row","index","TableExpandRow","cells","cell","TableCell","info","ConfigurableLink","to","isExpanded","colSpan","ExtensionSlot","extensionSlotName","state","style","marginLeft","Pagination","forwardText","backwardText","page","totalItems","Tile","light","___CSS_LOADER_EXPORT___","push","module","locals"],"sourceRoot":""}

package/dist/55.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunk_openmrs_esm_active_visits_app=self.webpackChunk_openmrs_esm_active_visits_app||[]).push([[55],{182:(e,t,n)=>{n.d(t,{Z:()=>N});var a,i,l=n(7896),c=n(2159),o=n(9902),r=n.n(o),s=n(3980),d=n.n(s),p=n(2779),u=n.n(p),g=n(5495),h=["children"],m=r().forwardRef((function(e,t){var n=e.children,l=(0,g._)(e,h);return r().createElement(g.I,(0,g.a)({width:16,height:16,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",ref:t},l),a||(a=r().createElement("path",{d:"M8,1C4.1,1,1,4.1,1,8s3.1,7,7,7s7-3.1,7-7S11.9,1,8,1z M10.7,11.5L4.5,5.3l0.8-0.8l6.2,6.2L10.7,11.5z"})),i||(i=r().createElement("path",{fill:"none",d:"M10.7,11.5L4.5,5.3l0.8-0.8l6.2,6.2L10.7,11.5z","data-icon-path":"inner-path",opacity:"0"})),n)})),f=n(3346),v=n(3597),b=n(6666),x=n(3182),Z=n(330),T=["id","active","className","withOverlay","small","description"],y=(0,x.Z)();function w(e){var t,n,a=e.id,i=e.active,s=e.className,d=e.withOverlay,p=e.small,g=e.description,h=(0,c.Z)(e,T),m=(0,Z.A)(),f=(0,o.useRef)(y()).current,v=u()(s,(t={},(0,b.Z)(t,"".concat(m,"--loading"),!0),(0,b.Z)(t,"".concat(m,"--loading--small"),p),(0,b.Z)(t,"".concat(m,"--loading--stop"),!i),t)),x=u()((n={},(0,b.Z)(n,"".concat(m,"--loading-overlay"),!0),(0,b.Z)(n,"".concat(m,"--loading-overlay--stop"),!i),n)),w=a||"loading-id-".concat(f),C=r().createElement("div",(0,l.Z)({},h,{"aria-atomic":"true","aria-labelledby":w,"aria-live":i?"assertive":"off",className:v}),r().createElement("label",{id:w,className:"".concat(m,"--visually-hidden")},g),r().createElement("svg",{className:"".concat(m,"--loading__svg"),viewBox:"0 0 100 100"},r().createElement("title",null,g),p?r().createElement("circle",{className:"".concat(m,"--loading__background"),cx:"50%",cy:"50%",r:"44"}):null,r().createElement("circle",{className:"".concat(m,"--loading__stroke"),cx:"50%",cy:"50%",r:"44"})));return d?r().createElement("div",{className:x},C):C}w.propTypes={active:d().bool,className:d().string,description:d().string,id:d().string,small:d().bool,withOverlay:d().bool},w.defaultProps={active:!0,withOverlay:!0,small:!1,description:"Active loading indicator"};const C=w;var k=["className","success","status","iconDescription","description","onSuccess","successDelay"];function N(e){var t=e.className,n=e.success,a=e.status,i=void 0===a?n?"finished":"active":a,o=e.iconDescription,s=e.description,d=e.onSuccess,p=e.successDelay,g=(0,c.Z)(e,k),h=(0,Z.A)(),v=u()("".concat(h,"--inline-loading"),t),b=r().createElement("div",{className:"".concat(h,"--inline-loading__text")},s),x="error"===i?r().createElement(m,{className:"".concat(h,"--inline-loading--error")},r().createElement("title",null,o)):"finished"===i?(setTimeout((function(){d&&d()}),p),r().createElement(f.Y3p,{className:"".concat(h,"--inline-loading__checkmark-container")},r().createElement("title",null,o))):"inactive"===i||"active"===i?r().createElement(C,{small:!0,description:o,withOverlay:!1,active:"active"===i}):void 0,T=x&&r().createElement("div",{className:"".concat(h,"--inline-loading__animation")},x);return r().createElement("div",(0,l.Z)({className:v},g,{"aria-live":"assertive"}),T,s&&b)}N.propTypes={className:d().string,description:d().node,iconDescription:d().string,onSuccess:d().func,status:d().oneOf(["inactive","active","finished","error"]),success:(0,v.Z)(d().bool,'\nThe prop `success` for InlineLoading has been deprecated in favor of `status`. Please use `status="finished"` instead.'),successDelay:d().number},N.defaultProps={successDelay:1500}},448:(e,t,n)=>{n.d(t,{Z:()=>re});var a,i,l,c,o,r,s,d=n(145),p=n(7896),u=n(2159),g=n(9249),h=n(7371),m=n(753),f=n(8106),v=n(1987),b=n(5058),x=n(6666),Z=n(6522),T=n(3980),y=n.n(T),w=n(9902),C=n.n(w),k=n(2779),N=n.n(k),E=n(5495),_=["children"],I=["children"],S=C().forwardRef((function(e,t){var n=e.children,i=(0,E._)(e,_);return C().createElement(E.I,(0,E.a)({width:16,height:16,viewBox:"0 0 32 32",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",ref:t},i),a||(a=C().createElement("path",{d:"M20 24L10 16 20 8z"})),n)})),D=C().forwardRef((function(e,t){var n=e.children,a=(0,E._)(e,I);return C().createElement(E.I,(0,E.a)({width:16,height:16,viewBox:"0 0 32 32",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",ref:t},a),i||(i=C().createElement("path",{d:"M12 8L22 16 12 24z"})),n)})),P=n(8479),z=n(3346),R=["children"],K=["children"],M=C().forwardRef((function(e,t){var n=e.children,a=(0,E._)(e,R);return C().createElement(E.I,(0,E.a)({width:16,height:16,viewBox:"0 0 32 32",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",ref:t},a),l||(l=C().createElement("path",{fill:"none",d:"M16,26a1.5,1.5,0,1,1,1.5-1.5A1.5,1.5,0,0,1,16,26Zm-1.125-5h2.25V12h-2.25Z","data-icon-path":"inner-path"})),c||(c=C().createElement("path",{d:"M16.002,6.1714h-.004L4.6487,27.9966,4.6506,28H27.3494l.0019-.0034ZM14.875,12h2.25v9h-2.25ZM16,26a1.5,1.5,0,1,1,1.5-1.5A1.5,1.5,0,0,1,16,26Z"})),o||(o=C().createElement("path",{d:"M29,30H3a1,1,0,0,1-.8872-1.4614l13-25a1,1,0,0,1,1.7744,0l13,25A1,1,0,0,1,29,30ZM4.6507,28H27.3493l.002-.0033L16.002,6.1714h-.004L4.6487,27.9967Z"})),n)})),L=C().forwardRef((function(e,t){var n=e.children,a=(0,E._)(e,K);return C().createElement(E.I,(0,E.a)({width:16,height:16,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",ref:t},a),r||(r=C().createElement("path",{d:"M8,1C4.2,1,1,4.2,1,8s3.2,7,7,7s7-3.1,7-7S11.9,1,8,1z M7.5,4h1v5h-1C7.5,9,7.5,4,7.5,4z M8,12.2\tc-0.4,0-0.8-0.4-0.8-0.8s0.3-0.8,0.8-0.8c0.4,0,0.8,0.4,0.8,0.8S8.4,12.2,8,12.2z"})),s||(s=C().createElement("path",{d:"M7.5,4h1v5h-1C7.5,9,7.5,4,7.5,4z M8,12.2c-0.4,0-0.8-0.4-0.8-0.8s0.3-0.8,0.8-0.8\tc0.4,0,0.8,0.4,0.8,0.8S8.4,12.2,8,12.2z","data-icon-path":"inner-path",opacity:"0"})),n)})),O=n(3597),B=n(309),A=n(330),U=["className","id","inline","labelText","disabled","children","noLabel","iconDescription","hideLabel","invalid","invalidText","helperText","light","size","warn","warnText"],H=C().forwardRef((function(e,t){var n,a,i,l=e.className,c=e.id,o=e.inline,r=e.labelText,s=e.disabled,d=e.children,g=e.noLabel,h=(e.iconDescription,e.hideLabel),m=e.invalid,f=e.invalidText,v=e.helperText,b=e.light,Z=e.size,T=e.warn,y=e.warnText,w=(0,u.Z)(e,U),k=(0,A.A)(),E=(0,B.ye)("enable-v11-release"),_=N()((n={},(0,x.Z)(n,"".concat(k,"--select"),!0),(0,x.Z)(n,"".concat(k,"--select--inline"),o),(0,x.Z)(n,"".concat(k,"--select--light"),b),(0,x.Z)(n,"".concat(k,"--select--invalid"),m),(0,x.Z)(n,"".concat(k,"--select--disabled"),s),(0,x.Z)(n,"".concat(k,"--select--warning"),T),n),[E?null:l]),I=N()("".concat(k,"--label"),(a={},(0,x.Z)(a,"".concat(k,"--visually-hidden"),h),(0,x.Z)(a,"".concat(k,"--label--disabled"),s),a)),S=N()((i={},(0,x.Z)(i,"".concat(k,"--select-input"),!0),(0,x.Z)(i,"".concat(k,"--select-input--").concat(Z),Z),i)),D="".concat(c,"-error-msg"),P=m?f:T?y:void 0,R=m||T?C().createElement("div",{className:"".concat(k,"--form-requirement"),id:D},P):null,K=N()("".concat(k,"--form__helper-text"),(0,x.Z)({},"".concat(k,"--form__helper-text--disabled"),s)),O=v?C().createElement("div",{className:K},v):null,H={};m&&(H["aria-describedby"]=D);var j=C().createElement(C().Fragment,null,C().createElement("select",(0,p.Z)({},w,H,{id:c,className:S,disabled:s||void 0,"aria-invalid":m||void 0,ref:t}),d),C().createElement(z.cRw,{className:"".concat(k,"--select__arrow")}),m&&C().createElement(L,{className:"".concat(k,"--select__invalid-icon")}),!m&&T&&C().createElement(M,{className:"".concat(k,"--select__invalid-icon ").concat(k,"--select__invalid-icon--warning")}));return C().createElement("div",{className:E?N()("".concat(k,"--form-item"),l):"".concat(k,"--form-item")},C().createElement("div",{className:_},!g&&C().createElement("label",{htmlFor:c,className:I},r),o&&C().createElement("div",{className:"".concat(k,"--select-input--inline__wrapper")},C().createElement("div",{className:"".concat(k,"--select-input__wrapper"),"data-invalid":m||null},j),R),!o&&C().createElement("div",{className:"".concat(k,"--select-input__wrapper"),"data-invalid":m||null},j),!o&&R?R:O))}));H.displayName="Select",H.propTypes={children:y().node,className:y().string,defaultValue:y().any,disabled:y().bool,helperText:y().node,hideLabel:y().bool,iconDescription:(0,O.Z)(y().string,"The `iconDescription` prop for `Select` is no longer needed and has been deprecated. It will be moved in the next major release."),id:y().string.isRequired,inline:y().bool,invalid:y().bool,invalidText:y().node,labelText:y().node,light:y().bool,noLabel:y().bool,onChange:y().func,size:y().oneOf(["sm","md","lg","xl"]),warn:y().bool,warnText:y().node},H.defaultProps={disabled:!1,labelText:"Select",inline:!1,invalid:!1,invalidText:"",helperText:"",light:!1};const j=H;var F=["className","value","disabled","hidden","text"],q=P.settings.prefix,V=function(e){var t,n=e.className,a=e.value,i=e.disabled,l=e.hidden,c=e.text,o=(0,u.Z)(e,F),r=N()((t={},(0,x.Z)(t,"".concat(q,"--select-option"),!0),(0,x.Z)(t,n,n),t));return C().createElement("option",(0,p.Z)({},o,{className:r,value:a,disabled:i,hidden:l}),c)};V.propTypes={className:y().string,disabled:y().bool,hidden:y().bool,text:y().string.isRequired,value:y().any.isRequired},V.defaultProps={disabled:!1,hidden:!1,value:"",text:""};const $=V;function W(e,t){if(!Array.isArray(e)||!Array.isArray(t)||e.length!==t.length)return!1;if(e===t)return!0;for(var n=0;n<e.length;n++)if(e[n]!==t[n])return!1;return!0}var Y=n(7030),G=["backwardText","className","forwardText","id","itemsPerPageText","itemRangeText","pageRangeText","pageSize","pageSizes","itemText","pageText","pageNumberText","pagesUnknown","isLastPage","disabled","pageInputDisabled","pageSizeInputDisabled","totalItems","onChange","page","size","forwardedRef"];var J=P.settings.prefix,Q=0,X=function(e){return"object"===(0,Z.Z)(e[0])&&null!==e[0]?e:e.map((function(e){return{text:e,value:e}}))},ee=function(e){(0,f.Z)(i,e);var t,n,a=(t=i,n=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,a=(0,b.Z)(t);if(n){var i=(0,b.Z)(this).constructor;e=Reflect.construct(a,arguments,i)}else e=a.apply(this,arguments);return(0,v.Z)(this,e)});function i(e){var t;(0,g.Z)(this,i),t=a.call(this,e),(0,x.Z)((0,m.Z)(t),"handleSizeChange",(function(e){var n=Number(e.target.value);t.setState({pageSize:n,page:1}),t.props.onChange({page:1,pageSize:n})})),(0,x.Z)((0,m.Z)(t),"handlePageChange",(function(e){t.setState({page:e.target.value})})),(0,x.Z)((0,m.Z)(t),"handlePageInputChange",(function(e){var n=Number(e.target.value);n>0&&n<=Math.max(Math.ceil(t.props.totalItems/t.state.pageSize),1)&&(t.setState({page:n}),t.props.onChange({page:n,pageSize:t.state.pageSize}))})),(0,x.Z)((0,m.Z)(t),"incrementPage",(function(){var e=t.state.page+1;t.setState({page:e}),t.props.onChange({page:e,pageSize:t.state.pageSize})})),(0,x.Z)((0,m.Z)(t),"decrementPage",(function(){var e=t.state.page-1;t.setState({page:e}),t.props.onChange({page:e,pageSize:t.state.pageSize})})),(0,x.Z)((0,m.Z)(t),"renderSelectItems",(function(e){for(var t=1,n=[];t<=e;)n.push(C().createElement($,{key:t,value:t,text:String(t)})),t++;return n}));var n=t.props,l=n.pageSizes,c=n.page,o=n.pageSize,r=X(l);return t.state={page:c,pageSize:o&&r.some((function(e){return o===e.value}))?o:r[0].value,prevPageSizes:r,prevPage:c,prevPageSize:o},t.uniqueId=++Q,t}return(0,h.Z)(i,[{key:"render",value:function(){var e=this.props,t=e.backwardText,n=e.className,a=e.forwardText,i=e.id,l=e.itemsPerPageText,c=e.itemRangeText,o=e.pageRangeText,r=(e.pageSize,e.pageSizes),s=e.itemText,d=e.pageText,g=(e.pageNumberText,e.pagesUnknown),h=e.isLastPage,m=e.disabled,f=e.pageInputDisabled,v=e.pageSizeInputDisabled,b=e.totalItems,Z=(e.onChange,e.page,e.size),T=e.forwardedRef,y=(0,u.Z)(e,G),w=N()("".concat(J,"--pagination"),n,(0,x.Z)({},"".concat(J,"--pagination--").concat(Z),Z)),k=i||this.uniqueId,E=this.state,_=E.page,I=E.pageSize,P=Math.max(Math.ceil(b/I),1),z=m||1===_,R=N()("".concat(J,"--pagination__button"),"".concat(J,"--pagination__button--backward"),(0,x.Z)({},"".concat(J,"--pagination__button--no-index"),z)),K=m||_===P,M=N()("".concat(J,"--pagination__button"),"".concat(J,"--pagination__button--forward"),(0,x.Z)({},"".concat(J,"--pagination__button--no-index"),K)),L=this.renderSelectItems(P),O=X(r);return C().createElement("div",(0,p.Z)({className:w,ref:T},y),C().createElement("div",{className:"".concat(J,"--pagination__left")},C().createElement("label",{id:"".concat(J,"-pagination-select-").concat(k,"-count-label"),className:"".concat(J,"--pagination__text"),htmlFor:"".concat(J,"-pagination-select-").concat(k)},l),C().createElement(j,{id:"".concat(J,"-pagination-select-").concat(k),className:"".concat(J,"--select__item-count"),labelText:"",hideLabel:!0,noLabel:!0,inline:!0,onChange:this.handleSizeChange,disabled:v||m,value:I},O.map((function(e){return C().createElement($,{key:e.value,value:e.value,text:String(e.text)})}))),C().createElement("span",{className:"".concat(J,"--pagination__text ").concat(J,"--pagination__items-count")},g?s(I*(_-1)+1,_*I):c(Math.min(I*(_-1)+1,b),Math.min(_*I,b),b))),C().createElement("div",{className:"".concat(J,"--pagination__right")},C().createElement(j,{id:"".concat(J,"-pagination-select-").concat(k,"-right"),className:"".concat(J,"--select__page-number"),labelText:"Page number, of ".concat(P," pages"),inline:!0,hideLabel:!0,onChange:this.handlePageInputChange,value:_,disabled:f||m},L),C().createElement("span",{className:"".concat(J,"--pagination__text")},g?d(_):o(_,P)),C().createElement("div",{className:"".concat(J,"--pagination__control-buttons")},C().createElement(Y.Z,{kind:"ghost",className:R,hasIconOnly:!0,renderIcon:S,iconDescription:t,tooltipAlignment:"center",tooltipPosition:"top",onClick:this.decrementPage,disabled:z}),C().createElement(Y.Z,{kind:"ghost",className:M,hasIconOnly:!0,renderIcon:D,iconDescription:a,tooltipAlignment:"end",tooltipPosition:"top",onClick:this.incrementPage,disabled:K||h}))))}}],[{key:"getDerivedStateFromProps",value:function(e,t){var n=e.pageSizes,a=e.page,i=e.pageSize,l=t.prevPageSizes,c=t.prevPage,o=t.prevPageSize,r=t.page,s=t.pageSize,d=X(n),p=!W(d.map((function(e){return e.value})),l.map((function(e){return e.value})));p&&!d.some((function(e){return i===e.value}))&&(i=d[0].value);var u=a!==c,g=i!==o;return p||u||g?{page:(g?1:u&&a)||r,pageSize:g?i:s,prevPageSizes:d,prevPage:a,prevPageSize:i}:null}}]),i}(w.Component);(0,x.Z)(ee,"propTypes",{backwardText:y().string,className:y().string,disabled:y().bool,forwardText:y().string,id:y().oneOfType([y().string,y().number]),isLastPage:y().bool,itemRangeText:y().func,itemText:y().func,itemsPerPageText:y().string,onChange:y().func,page:y().number,pageInputDisabled:y().bool,pageNumberText:y().string,pageRangeText:y().func,pageSize:y().number,pageSizeInputDisabled:y().bool,pageSizes:y().oneOfType([y().arrayOf(y().number),y().arrayOf(y().shape({text:y().text,value:y().number}))]).isRequired,pageText:y().func,pagesUnknown:y().bool,size:y().oneOf(["sm","md","lg"]),totalItems:y().number}),(0,x.Z)(ee,"defaultProps",{backwardText:"Previous page",itemRangeText:function(e,t,n){return"".concat(e,"–").concat(t," of ").concat(n," items")},forwardText:"Next page",itemsPerPageText:"Items per page:",pageNumberText:"Page Number",pageRangeText:function(e,t){return"of ".concat(t," ").concat(1===t?"page":"pages")},disabled:!1,page:1,pagesUnknown:!1,isLastPage:!1,itemText:function(e,t){return"".concat(e,"–").concat(t," items")},pageText:function(e){return"page ".concat(e)}});var te=n(2867),ne=n(7304),ae=["backwardText","className","disabled","forwardText","id","isLastPage","itemText","itemRangeText","itemsPerPageText","onChange","pageNumberText","pageRangeText","page","pageInputDisabled","pageSize","pageSizeInputDisabled","pageSizes","pageText","pagesUnknown","size","totalItems"];function ie(e){return"object"===(0,Z.Z)(e[0])&&null!==e[0]?e:e.map((function(e){return{text:e,value:e}}))}function le(e,t){return t&&e.find((function(e){return t===e.value}))?t:e[0].value}var ce=C().forwardRef((function(e,t){var n,a,i,l=e.backwardText,c=void 0===l?"Previous page":l,o=e.className,r=e.disabled,s=void 0!==r&&r,d=e.forwardText,g=void 0===d?"Next page":d,h=e.id,m=e.isLastPage,f=void 0!==m&&m,v=e.itemText,b=void 0===v?function(e,t){return"".concat(e,"–").concat(t," items")}:v,Z=e.itemRangeText,T=void 0===Z?function(e,t,n){return"".concat(e,"–").concat(t," of ").concat(n," items")}:Z,y=e.itemsPerPageText,k=void 0===y?"Items per page:":y,E=e.onChange,_=(e.pageNumberText,e.pageRangeText),I=void 0===_?function(e,t){return"of ".concat(t," ").concat(1===t?"page":"pages")}:_,P=e.page,z=void 0===P?1:P,R=e.pageInputDisabled,K=e.pageSize,M=e.pageSizeInputDisabled,L=e.pageSizes,O=e.pageText,B=void 0===O?function(e){return"page ".concat(e)}:O,U=e.pagesUnknown,H=void 0!==U&&U,F=e.size,q=e.totalItems,V=(0,u.Z)(e,ae),G=(0,A.A)(),J=(0,ne.E)(h),Q=(0,w.useState)((function(){return ie(L)})),X=(0,te.Z)(Q,2),ee=X[0],ce=X[1],oe=(0,w.useState)(L),re=(0,te.Z)(oe,2),se=re[0],de=re[1],pe=(0,w.useState)(z),ue=(0,te.Z)(pe,2),ge=ue[0],he=ue[1],me=(0,w.useState)(z),fe=(0,te.Z)(me,2),ve=fe[0],be=fe[1],xe=(0,w.useState)((function(){return le(ee,K)})),Ze=(0,te.Z)(xe,2),Te=Ze[0],ye=Ze[1],we=(0,w.useState)(K),Ce=(0,te.Z)(we,2),ke=Ce[0],Ne=Ce[1],Ee=N()((n={},(0,x.Z)(n,"".concat(G,"--pagination"),!0),(0,x.Z)(n,"".concat(G,"--pagination--").concat(F),F),(0,x.Z)(n,o,!!o),n)),_e=Math.max(Math.ceil(q/Te),1),Ie=s||1===ge,Se=N()((a={},(0,x.Z)(a,"".concat(G,"--pagination__button"),!0),(0,x.Z)(a,"".concat(G,"--pagination__button--backward"),!0),(0,x.Z)(a,"".concat(G,"--pagination__button--no-index"),Ie),a)),De=s||ge===_e,Pe=N()((i={},(0,x.Z)(i,"".concat(G,"--pagination__button"),!0),(0,x.Z)(i,"".concat(G,"--pagination__button--forward"),!0),(0,x.Z)(i,"".concat(G,"--pagination__button--no-index"),De),i)),ze=function(e){for(var t=1,n=[];t<=e;)n.push(C().createElement($,{key:t,value:t,text:String(t)})),t++;return n}(_e);if(z!==ve&&(he(z),be(z)),K!==ke&&(ye(le(ee,K)),Ne(K)),!W(L,se)){var Re=ie(L),Ke=Re.find((function(e){return e.value===Te}));Ke||he(1),ce(Re),de(L)}return C().createElement("div",(0,p.Z)({className:Ee,ref:t},V),C().createElement("div",{className:"".concat(G,"--pagination__left")},C().createElement("label",{id:"".concat(G,"-pagination-select-").concat(J,"-count-label"),className:"".concat(G,"--pagination__text"),htmlFor:"".concat(G,"-pagination-select-").concat(J)},k),C().createElement(j,{id:"".concat(G,"-pagination-select-").concat(J),className:"".concat(G,"--select__item-count"),labelText:"",hideLabel:!0,noLabel:!0,inline:!0,onChange:function(e){var t={pageSize:Number(e.target.value),page:1};he(t.page),ye(t.pageSize),E&&E(t)},disabled:M||s,value:Te},ee.map((function(e){return C().createElement($,{key:e.value,value:e.value,text:String(e.text)})}))),C().createElement("span",{className:"".concat(G,"--pagination__text ").concat(G,"--pagination__items-count")},H?b(Te*(ge-1)+1,ge*Te):T(Math.min(Te*(ge-1)+1,q),Math.min(ge*Te,q),q))),C().createElement("div",{className:"".concat(G,"--pagination__right")},C().createElement(j,{id:"".concat(G,"-pagination-select-").concat(J,"-right"),className:"".concat(G,"--select__page-number"),labelText:"Page number, of ".concat(_e," pages"),inline:!0,hideLabel:!0,onChange:function(e){var t=Number(e.target.value);t>0&&t<=Math.max(Math.ceil(q/Te),1)&&(he(t),E&&E({page:t,pageSize:Te}))},value:ge,disabled:R||s},ze),C().createElement("span",{className:"".concat(G,"--pagination__text")},H?B(ge):I(ge,_e)),C().createElement("div",{className:"".concat(G,"--pagination__control-buttons")},C().createElement(Y.Z,{kind:"ghost",className:Se,hasIconOnly:!0,renderIcon:S,iconDescription:c,tooltipAlignment:"center",tooltipPosition:"top",onClick:function(){var e=ge-1;he(e),E&&E({page:e,pageSize:Te})},disabled:Ie}),C().createElement(Y.Z,{kind:"ghost",className:Pe,hasIconOnly:!0,renderIcon:D,iconDescription:g,tooltipAlignment:"end",tooltipPosition:"top",onClick:function(){var e=ge+1;he(e),E&&E({page:e,pageSize:Te})},disabled:De||f}))))}));ce.propTypes={backwardText:y().string,className:y().string,disabled:y().bool,forwardText:y().string,id:y().oneOfType([y().string,y().number]),isLastPage:y().bool,itemRangeText:y().func,itemText:y().func,itemsPerPageText:y().string,onChange:y().func,page:y().number,pageInputDisabled:y().bool,pageNumberText:y().string,pageRangeText:y().func,pageSize:y().number,pageSizeInputDisabled:y().bool,pageSizes:y().oneOfType([y().arrayOf(y().number),y().arrayOf(y().shape({text:y().text,value:y().number}))]).isRequired,pageText:y().func,pagesUnknown:y().bool,size:y().oneOf(["sm","md","lg"]),totalItems:y().number};const oe=ce,re=d.am("enable-v11-release")?oe:ee},7613:(e,t,n)=>{n.d(t,{n9:()=>J});var a=n(145),i=n(2867),l=n(7896),c=n(6666),o=n(2159),r=n(9902),s=n.n(r),d=n(3980),p=n.n(d),u=n(2779),g=n.n(u),h=n(3346),m=n(330),f=["children","className","href","disabled","inline","visited","renderIcon","size"],v=function(e){var t,n=e.children,a=e.className,i=e.href,r=e.disabled,d=e.inline,p=e.visited,u=e.renderIcon,h=e.size,v=(0,o.Z)(e,f),b=(0,m.A)(),x=g()("".concat(b,"--link"),a,(t={},(0,c.Z)(t,"".concat(b,"--link--disabled"),r),(0,c.Z)(t,"".concat(b,"--link--inline"),d),(0,c.Z)(t,"".concat(b,"--link--visited"),p),(0,c.Z)(t,"".concat(b,"--link--").concat(h),h),t)),Z=r?"p":"a",T="_blank"===v.target?"noopener":null;return s().createElement(Z,(0,l.Z)({href:r?null:i,className:x,rel:T},v),n,!d&&u&&s().createElement("div",{className:"".concat(b,"--link__icon")},s().createElement(u,null)))};v.propTypes={children:p().node,className:p().string,disabled:p().bool,href:p().string,inline:p().bool,renderIcon:p().oneOfType([p().func,p().object]),size:p().oneOf(["sm","md","lg"]),visited:p().bool};const b=v;var x=n(4509),Z=n(4817),T=n(3597),y=n(3834),w=n(1223),C=["children","className","light"],k=["children","className","clicked","handleClick","handleKeyDown","href","light","onClick","onKeyDown"],N=["children","className","disabled","handleClick","handleKeyDown","iconDescription","id","light","name","onClick","onChange","onKeyDown","selected","tabIndex","title","value"],E=["tabIndex","className","children","expanded","tileMaxHeight","tilePadding","onClick","onKeyUp","tileCollapsedIconText","tileExpandedIconText","tileCollapsedLabel","tileExpandedLabel","onBeforeClick","light"],_=s().forwardRef((function(e,t){var n=e.children,a=e.className,i=e.light,r=void 0!==i&&i,d=(0,o.Z)(e,C),p=(0,m.A)(),u=g()("".concat(p,"--tile"),(0,c.Z)({},"".concat(p,"--tile--light"),r),a);return s().createElement("div",(0,l.Z)({className:u,ref:t},d),n)}));_.displayName="Tile",_.propTypes={children:p().node,className:p().string,light:(0,T.Z)(p().bool,"The `light` prop for `Tile` is no longer needed and has been deprecated. It will be removed in the next major release. Use the Layer component instead.")};var I=s().forwardRef((function(e,t){var n,a=e.children,d=e.className,p=e.clicked,u=void 0!==p&&p,h=e.handleClick,f=e.handleKeyDown,v=e.href,T=e.light,y=void 0!==T&&T,w=e.onClick,C=void 0===w?function(){}:w,N=e.onKeyDown,E=void 0===N?function(){}:N,_=(0,o.Z)(e,k),I=(0,m.A)(),S=g()("".concat(I,"--tile"),"".concat(I,"--tile--clickable"),(n={},(0,c.Z)(n,"".concat(I,"--tile--is-clicked"),u),(0,c.Z)(n,"".concat(I,"--tile--light"),y),n),d),D=(0,r.useState)(u),P=(0,i.Z)(D,2),z=P[0],R=P[1],K=h||C,M=f||E;return s().createElement(b,(0,l.Z)({className:S,href:v,onClick:function(e){e.persist(),R(!z),K(e)},onKeyDown:function(e){e.persist(),(0,x.wB)(e,[Z.Ce,Z.T])&&(e.preventDefault(),R(!z),M(e)),M(e)},ref:t},_),a)}));I.displayName="ClickableTile",I.propTypes={children:p().node,className:p().string,clicked:p().bool,handleClick:(0,T.Z)(p().func,"The handleClick prop for ClickableTile has been deprecated in favor of onClick. It will be removed in the next major release."),handleKeyDown:(0,T.Z)(p().func,"The handleKeyDown prop for ClickableTile has been deprecated in favor of onKeyDown. It will be removed in the next major release."),href:p().string,light:(0,T.Z)(p().bool,"The `light` prop for `ClickableTile` is no longer needed and has been deprecated. It will be removed in the next major release. Use the Layer component instead."),onClick:p().func,onKeyDown:p().func,rel:p().string};var S=s().forwardRef((function(e,t){var n,a=e.children,d=e.className,p=e.disabled,u=e.handleClick,f=e.handleKeyDown,v=(e.iconDescription,e.id),b=e.light,T=void 0!==b&&b,y=e.name,w=e.onClick,C=void 0===w?function(){}:w,k=e.onChange,E=void 0===k?function(){}:k,_=e.onKeyDown,I=void 0===_?function(){}:_,S=e.selected,D=void 0!==S&&S,P=e.tabIndex,z=void 0===P?0:P,R=e.title,K=void 0===R?"title":R,M=e.value,L=void 0===M?"value":M,O=(0,o.Z)(e,N),B=(0,m.A)(),A=u||C,U=f||I,H=(0,r.useState)(D),j=(0,i.Z)(H,2),F=j[0],q=j[1],V=(0,r.useState)(D),$=(0,i.Z)(V,2),W=$[0],Y=$[1],G=g()("".concat(B,"--tile"),"".concat(B,"--tile--selectable"),(n={},(0,c.Z)(n,"".concat(B,"--tile--is-selected"),F),(0,c.Z)(n,"".concat(B,"--tile--light"),T),(0,c.Z)(n,"".concat(B,"--tile--disabled"),p),n),d),J=g()("".concat(B,"--tile-input"),(0,c.Z)({},"".concat(B,"--tile-input--checked"),F));return D!==W&&(q(D),Y(D)),s().createElement(s().Fragment,null,s().createElement("input",{checked:F,className:J,disabled:p,id:v,name:y,onChange:p?null:function(e){q(e.target.checked),E(e)},ref:t,tabIndex:-1,title:K,type:"checkbox",value:L}),s().createElement("label",(0,l.Z)({className:G,htmlFor:v,onClick:p?null:function(e){e.preventDefault(),e.persist(),q(!F),A(e),E(e)},onKeyDown:p?null:function(e){e.persist(),(0,x.wB)(e,[Z.Ce,Z.T])&&(e.preventDefault(),q(!F),E(e)),U(e)},tabIndex:p?null:z},O),s().createElement("span",{className:"".concat(B,"--tile__checkmark ").concat(B,"--tile__checkmark--persistent")},F?s().createElement(h.DI$,null):s().createElement(h.OB5,null)),s().createElement("span",{className:"".concat(B,"--tile-content")},a)))}));function D(e){var t,n=e.tabIndex,a=e.className,d=e.children,p=e.expanded,u=e.tileMaxHeight,f=e.tilePadding,v=e.onClick,b=e.onKeyUp,T=e.tileCollapsedIconText,C=e.tileExpandedIconText,k=e.tileCollapsedLabel,N=e.tileExpandedLabel,_=e.onBeforeClick,I=e.light,S=(0,o.Z)(e,E),D=(0,r.useState)(u),P=(0,i.Z)(D,2),z=P[0],R=P[1],K=(0,r.useState)(f),M=(0,i.Z)(K,2),L=M[0],O=M[1],B=(0,r.useState)(p),A=(0,i.Z)(B,2),U=A[0],H=A[1],j=(0,r.useState)(u),F=(0,i.Z)(j,2),q=F[0],V=F[1],$=(0,r.useState)(f),W=(0,i.Z)($,2),Y=W[0],G=W[1],J=(0,r.useState)(p),Q=(0,i.Z)(J,2),X=Q[0],ee=Q[1],te=(0,r.useRef)(null),ne=(0,r.useRef)(null),ae=(0,r.useRef)(null),ie=(0,m.A)();function le(){X&&R(ne.current.getBoundingClientRect().height),R(te.current.getBoundingClientRect().height)}p!==U&&(ee(p),H(p),le()),u!==q&&(R(u),V(u)),f!==Y&&(O(f),G(f));var ce=g()("".concat(ie,"--tile"),"".concat(ie,"--tile--expandable"),(t={},(0,c.Z)(t,"".concat(ie,"--tile--is-expanded"),X),(0,c.Z)(t,"".concat(ie,"--tile--light"),I),t),a),oe={maxHeight:X?null:z+L},re=s().Children.toArray(d);return(0,w.Z)((function(){var e=window.getComputedStyle(ae.current,null),t=te.current.getBoundingClientRect().height,n=parseInt(e.getPropertyValue("padding-top"),10),a=parseInt(e.getPropertyValue("padding-bottom"),10);R(t),O(n+a)}),[]),(0,r.useEffect)((function(){var e=new ResizeObserver((function(e){var t=(0,i.Z)(e,1)[0];R(t.contentRect.height)}));return e.observe(te.current),function(){return e.disconnect()}}),[]),s().createElement("button",(0,l.Z)({type:"button",ref:ae,style:oe,className:ce,"aria-expanded":X,title:X?C:T},S,{onKeyUp:(0,y.M)([b,function(e){e.target!==ae.current&&(0,x.wB)(e,[Z.Ce,Z.T])&&e.preventDefault()}]),onClick:(0,y.M)([v,function(e){_(e)&&"INPUT"!==e.target.tagName&&(e.persist(),ee(!X),le(),v&&v(e))}]),tabIndex:n}),s().createElement("div",{ref:ne},s().createElement("div",{ref:te,className:"".concat(ie,"--tile-content")},re[0]),s().createElement("div",{className:"".concat(ie,"--tile__chevron")},s().createElement("span",null,X?N:k),s().createElement(h.cRw,null)),s().createElement("div",{className:"".concat(ie,"--tile-content")},re[1])))}S.displayName="SelectableTile",S.propTypes={children:p().node,className:p().string,disabled:p().bool,handleClick:(0,T.Z)(p().func,"The `handleClick` prop for `SelectableTile` has been deprecated in favor of `onClick`. It will be removed in the next major release."),handleKeyDown:(0,T.Z)(p().func,"The `handleKeyDown` prop for `SelectableTile` has been deprecated in favor of `onKeyDown`. It will be removed in the next major release."),iconDescription:(0,T.Z)(p().string,"The `iconDescription` prop for `SelectableTile` is no longer needed and has been deprecated. It will be removed in the next major release."),id:p().string,light:(0,T.Z)(p().bool,"The `light` prop for `SelectableTile` is no longer needed and has been deprecated. It will be removed in the next major release. Use the Layer component instead."),name:p().string,onChange:p().func,onClick:p().func,onKeyDown:p().func,selected:p().bool,tabIndex:p().number,title:p().string,value:p().oneOfType([p().string,p().number]).isRequired},D.propTypes={children:p().node,className:p().string,expanded:p().bool,id:p().string,light:(0,T.Z)(p().bool,"The `light` prop for `ExpandableTile` is no longer needed and has been deprecated. It will be removed in the next major release. Use the Layer component instead."),onBeforeClick:p().func,onClick:p().func,onKeyUp:p().func,tabIndex:p().number,tileCollapsedIconText:p().string,tileCollapsedLabel:p().string,tileExpandedIconText:p().string,tileExpandedLabel:p().string},D.defaultProps={tabIndex:0,expanded:!1,tileMaxHeight:0,tilePadding:0,onBeforeClick:function(){return!0},onClick:function(){},tileCollapsedIconText:"Interact to expand Tile",tileExpandedIconText:"Interact to collapse Tile"},D.displayName="ExpandableTile";var P=s().forwardRef((function(e,t){var n=e.children,a=(0,m.A)();return s().createElement("span",{ref:t,className:"".concat(a,"--tile-content__above-the-fold")},n)}));P.propTypes={children:p().node},P.displayName="TileAboveTheFoldContent";var z=s().forwardRef((function(e,t){var n=e.children,a=(0,m.A)();return s().createElement("span",{ref:t,className:"".concat(a,"--tile-content__below-the-fold")},n)}));z.propTypes={children:p().node},z.displayName="TileBelowTheFoldContent";var R=n(753),K=n(9249),M=n(7371),L=n(8106),O=n(1987),B=n(5058),A=["children","className","light"],U=["children","href","className","handleClick","handleKeyDown","onClick","onKeyDown","clicked","light"],H=["children","id","tabIndex","value","name","title","iconDescription","className","handleClick","handleKeyDown","onClick","onChange","onKeyDown","light","disabled","selected"],j=["tabIndex","className","expanded","tileMaxHeight","tilePadding","handleClick","onKeyUp","tileCollapsedIconText","tileExpandedIconText","tileCollapsedLabel","tileExpandedLabel","onBeforeClick","light"];function F(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,a=(0,B.Z)(e);if(t){var i=(0,B.Z)(this).constructor;n=Reflect.construct(a,arguments,i)}else n=a.apply(this,arguments);return(0,O.Z)(this,n)}}var q=function(e){(0,L.Z)(n,e);var t=F(n);function n(){return(0,K.Z)(this,n),t.apply(this,arguments)}return(0,M.Z)(n,[{key:"render",value:function(){var e=this.context,t=this.props,n=t.children,a=t.className,i=t.light,r=(0,o.Z)(t,A),d=g()("".concat(e,"--tile"),(0,c.Z)({},"".concat(e,"--tile--light"),i),a);return s().createElement("div",(0,l.Z)({className:d},r),n)}}]),n}(r.Component);(0,c.Z)(q,"propTypes",{children:p().node,className:p().string,light:p().bool}),(0,c.Z)(q,"contextType",m.T),(0,c.Z)(q,"defaultProps",{light:!1});var V=function(e){(0,L.Z)(n,e);var t=F(n);function n(){var e;(0,K.Z)(this,n);for(var a=arguments.length,i=new Array(a),l=0;l<a;l++)i[l]=arguments[l];return e=t.call.apply(t,[this].concat(i)),(0,c.Z)((0,R.Z)(e),"state",{}),(0,c.Z)((0,R.Z)(e),"handleClick",(function(t){t.persist(),e.setState({clicked:!e.state.clicked},(function(){var n,a,i,l;(null===(n=(a=e.props).handleClick)||void 0===n?void 0:n.call(a,t))||null===(i=(l=e.props).onClick)||void 0===i||i.call(l,t)}))})),(0,c.Z)((0,R.Z)(e),"handleKeyDown",(function(t){var n,a;t.persist(),(0,x.wB)(t,[Z.Ce,Z.T])?e.setState({clicked:!e.state.clicked},(function(){var n,a;(null===(n=(a=e.props).handleKeyDown)||void 0===n?void 0:n.call(a,t))||e.props.onKeyDown(t)})):(null===(n=(a=e.props).handleKeyDown)||void 0===n?void 0:n.call(a,t))||e.props.onKeyDown(t)})),e}return(0,M.Z)(n,[{key:"render",value:function(){var e,t=this.context,n=this.props,a=n.children,i=n.href,r=n.className,d=(n.handleClick,n.handleKeyDown,n.onClick,n.onKeyDown,n.clicked,n.light),p=(0,o.Z)(n,U),u=g()("".concat(t,"--tile"),"".concat(t,"--tile--clickable"),(e={},(0,c.Z)(e,"".concat(t,"--tile--is-clicked"),this.state.clicked),(0,c.Z)(e,"".concat(t,"--tile--light"),d),e),r);return s().createElement(b,(0,l.Z)({href:i,className:u},p,{onClick:this.handleClick,onKeyDown:this.handleKeyDown}),a)}}],[{key:"getDerivedStateFromProps",value:function(e,t){var n=e.clicked;return t.prevClicked===n?null:{clicked:n,prevClicked:n}}}]),n}(r.Component);function $(e){var t,n=e.children,a=e.id,d=e.tabIndex,p=e.value,u=e.name,f=e.title,v=(e.iconDescription,e.className),b=e.handleClick,T=e.handleKeyDown,y=e.onClick,w=e.onChange,C=e.onKeyDown,k=e.light,N=e.disabled,E=e.selected,_=(0,o.Z)(e,H),I=(0,m.A)(),S=b||y,D=T||C,P=(0,r.useState)(E),z=(0,i.Z)(P,2),R=z[0],K=z[1],M=(0,r.useRef)(null),L=g()("".concat(I,"--tile"),"".concat(I,"--tile--selectable"),(t={},(0,c.Z)(t,"".concat(I,"--tile--is-selected"),R),(0,c.Z)(t,"".concat(I,"--tile--light"),k),(0,c.Z)(t,"".concat(I,"--tile--disabled"),N),t),v),O=g()("".concat(I,"--tile-input"),(0,c.Z)({},"".concat(I,"--tile-input--checked"),R));return(0,r.useEffect)((function(){K(E)}),[E]),s().createElement(s().Fragment,null,s().createElement("input",{ref:M,tabIndex:-1,id:a,className:O,value:p,onChange:N?null:function(e){K(e.target.checked),w(e)},type:"checkbox",disabled:N,name:u,title:f,checked:R}),s().createElement("label",(0,l.Z)({htmlFor:a,className:L,tabIndex:N?null:d},_,{onClick:N?null:function(e){e.preventDefault(),e.persist(),K(!R),S(e),w(e)},onKeyDown:N?null:function(e){e.persist(),(0,x.wB)(e,[Z.Ce,Z.T])&&(e.preventDefault(),K(!R),w(e)),D(e)}}),s().createElement("span",{className:"".concat(I,"--tile__checkmark ").concat(I,"--tile__checkmark--persistent")},R?s().createElement(h.DI$,null):s().createElement(h.OB5,null)),s().createElement("span",{className:"".concat(I,"--tile-content")},n)))}(0,c.Z)(V,"propTypes",{children:p().node,className:p().string,handleClick:(0,T.Z)(p().func,"The handleClick prop for ClickableTile has been deprecated in favor of onClick. It will be removed in the next major release."),handleKeyDown:(0,T.Z)(p().func,"The handleKeyDown prop for ClickableTile has been deprecated in favor of onKeyDown. It will be removed in the next major release."),href:p().string,light:p().bool,onClick:p().func,onKeyDown:p().func,rel:p().string}),(0,c.Z)(V,"contextType",m.T),(0,c.Z)(V,"defaultProps",{clicked:!1,onClick:function(){},onKeyDown:function(){},light:!1}),$.defaultProps={value:"value",title:"title",selected:!1,tabIndex:0,light:!1,onClick:function(){},onChange:function(){},onKeyDown:function(){}},$.propTypes={children:p().node,className:p().string,disabled:p().bool,handleClick:(0,T.Z)(p().func,"The `handleClick` prop for `SelectableTile` has been deprecated in favor of `onClick`. It will be removed in the next major release."),handleKeyDown:(0,T.Z)(p().func,"The `handleKeyDown` prop for `SelectableTile` has been deprecated in favor of `onKeyDown`. It will be removed in the next major release."),iconDescription:(0,T.Z)(p().string,"The `iconDescription` prop for `SelectableTile` is no longer needed and has been deprecated. It will be removed in the next major release."),id:p().string,light:p().bool,name:p().string,onChange:p().func,onClick:p().func,onKeyDown:p().func,selected:p().bool,tabIndex:p().number,title:p().string,value:p().oneOfType([p().string,p().number]).isRequired};var W=function(e){(0,L.Z)(n,e);var t=F(n);function n(){var e;(0,K.Z)(this,n);for(var a=arguments.length,l=new Array(a),o=0;o<a;o++)l[o]=arguments[o];return e=t.call.apply(t,[this].concat(l)),(0,c.Z)((0,R.Z)(e),"state",{}),(0,c.Z)((0,R.Z)(e),"resizeObserver",null),(0,c.Z)((0,R.Z)(e),"componentDidMount",(function(){if(e.resizeObserver=new ResizeObserver((function(t){var n=(0,i.Z)(t,1)[0];e.setState({tileMaxHeight:n.contentRect.height})})),e.tile){var t=window.getComputedStyle(e.tile,null);e.aboveTheFold&&(e.resizeObserver.observe(e.aboveTheFold),e.setState({tileMaxHeight:e.aboveTheFold.getBoundingClientRect().height,tilePadding:parseInt(t.getPropertyValue("padding-top"),10)+parseInt(t.getPropertyValue("padding-bottom"),10)}))}})),(0,c.Z)((0,R.Z)(e),"componentDidUpdate",(function(t){t.expanded!==e.props.expanded&&e.setMaxHeight()})),(0,c.Z)((0,R.Z)(e),"setMaxHeight",(function(){(e.state.expanded?e.tileContent:e.aboveTheFold)&&e.setState({tileMaxHeight:e.state.expanded?e.tileContent.getBoundingClientRect().height:e.aboveTheFold.getBoundingClientRect().height})})),(0,c.Z)((0,R.Z)(e),"handleClick",(function(t){e.props.onBeforeClick(t)&&"INPUT"!==t.target.tagName&&(t.persist(),e.setState({expanded:!e.state.expanded},(function(){var n,a,i,l;e.setMaxHeight(),(null===(n=(a=e.props).handleClick)||void 0===n?void 0:n.call(a,t))||null===(i=(l=e.props).onClick)||void 0===i||i.call(l,t)})))})),(0,c.Z)((0,R.Z)(e),"handleKeyUp",(function(t){t.target!==e.tile&&(0,x.wB)(t,[Z.Ce,Z.T])&&t.preventDefault()})),(0,c.Z)((0,R.Z)(e),"getChildren",(function(){return s().Children.toArray(e.props.children)})),e}return(0,M.Z)(n,[{key:"componentWillUnmount",value:function(){this.resizeObserver&&this.resizeObserver.disconnect()}},{key:"render",value:function(){var e,t=this,n=this.props,a=n.tabIndex,i=n.className,r=(n.expanded,n.tileMaxHeight,n.tilePadding,n.handleClick,n.onKeyUp),d=n.tileCollapsedIconText,p=n.tileExpandedIconText,u=n.tileCollapsedLabel,m=n.tileExpandedLabel,f=(n.onBeforeClick,n.light),v=(0,o.Z)(n,j),b=this.context,x=this.state.expanded,Z=g()("".concat(b,"--tile"),"".concat(b,"--tile--expandable"),(e={},(0,c.Z)(e,"".concat(b,"--tile--is-expanded"),x),(0,c.Z)(e,"".concat(b,"--tile--light"),f),e),i),T={maxHeight:x?null:this.state.tileMaxHeight+this.state.tilePadding},w=this.getChildren();return s().createElement("button",(0,l.Z)({type:"button",ref:function(e){t.tile=e},style:T,className:Z,"aria-expanded":x,title:x?p:d},v,{onKeyUp:(0,y.M)([r,this.handleKeyUp]),onClick:this.handleClick,tabIndex:a}),s().createElement("div",{ref:function(e){t.tileContent=e}},s().createElement("div",{ref:function(e){t.aboveTheFold=e},className:"".concat(b,"--tile-content")},w[0]),s().createElement("div",{className:"".concat(b,"--tile__chevron")},s().createElement("span",null,x?m:u),s().createElement(h.cRw,null)),s().createElement("div",{className:"".concat(b,"--tile-content")},w[1])))}}],[{key:"getDerivedStateFromProps",value:function(e,t){var n=e.expanded,a=e.tileMaxHeight,i=e.tilePadding,l=t.prevExpanded,c=t.prevTileMaxHeight,o=t.prevTilePadding,r=t.expanded,s=t.tileMaxHeight,d=t.tilePadding,p=l!==n,u=c!==a,g=o!==i;return p||u||g?{expanded:p?n:r,tileMaxHeight:u?a:s,tilePadding:g?i:d,prevExpanded:n,prevTileMaxHeight:a,prevTilePadding:i}:null}}]),n}(r.Component);(0,c.Z)(W,"propTypes",{children:p().node,className:p().string,expanded:p().bool,handleClick:(0,T.Z)(p().func,"The handleClick prop for ExpandableTile has been deprecated in favor of onClick. It will be removed in the next major release."),id:p().string,light:p().bool,onBeforeClick:p().func,onClick:p().func,onKeyUp:p().func,tabIndex:p().number,tileCollapsedIconText:p().string,tileCollapsedLabel:p().string,tileExpandedIconText:p().string,tileExpandedLabel:p().string}),(0,c.Z)(W,"contextType",m.T),(0,c.Z)(W,"defaultProps",{tabIndex:0,expanded:!1,tileMaxHeight:0,tilePadding:0,onBeforeClick:function(){return!0},onClick:function(){},tileCollapsedIconText:"Interact to expand Tile",tileExpandedIconText:"Interact to collapse Tile",light:!1});var Y=function(e){(0,L.Z)(n,e);var t=F(n);function n(){return(0,K.Z)(this,n),t.apply(this,arguments)}return(0,M.Z)(n,[{key:"render",value:function(){var e=this.context,t=this.props.children;return s().createElement("span",{className:"".concat(e,"--tile-content__above-the-fold")},t)}}]),n}(r.Component);(0,c.Z)(Y,"propTypes",{children:p().node}),(0,c.Z)(Y,"contextType",m.T);var G=function(e){(0,L.Z)(n,e);var t=F(n);function n(){return(0,K.Z)(this,n),t.apply(this,arguments)}return(0,M.Z)(n,[{key:"render",value:function(){var e=this.props.children,t=this.context;return s().createElement("span",{className:"".concat(t,"--tile-content__below-the-fold")},e)}}]),n}(r.Component);(0,c.Z)(G,"propTypes",{children:p().node}),(0,c.Z)(G,"contextType",m.T);var J=a.am("enable-v11-release")?_:q;a.am("enable-v11-release"),a.am("enable-v11-release"),a.am("enable-v11-release"),a.am("enable-v11-release"),a.am("enable-v11-release")}}]);
-//# sourceMappingURL=55.js.map