@dynatrace/strato-components 3.11.3 → 3.12.0

package/esm/filters/timeframe-selector/components/custom-timeframe-selector/CustomTimeframeSelector.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/filters/timeframe-selector/components/custom-timeframe-selector/CustomTimeframeSelector.css.ts"],
-  "sourcesContent": ["import './CustomTimeframeSelector.css';\nexport var fieldset = '_at2xro0-3-11-3';\nexport var overlayRoot = '_at2xro1-3-11-3';\nexport var wrapper = '_at2xro2-3-11-3';"],
+  "sourcesContent": ["import './CustomTimeframeSelector.css';\nexport var fieldset = '_at2xro0-3-12-0';\nexport var overlayRoot = '_at2xro1-3-12-0';\nexport var wrapper = '_at2xro2-3-12-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,WAAW;AACf,IAAI,cAAc;AAClB,IAAI,UAAU;",
   "names": []
 }

package/esm/filters/timeframe-selector/components/overlay/TimeframeSelectorOverlay.css

@@ -1,4 +1,4 @@
-._14xc6b0-3-11-3 {
+._14xc6b0-3-12-0 {
   background: var(--dt-colors-background-surface-default, #fff);
   box-shadow: var(--dt-box-shadows-surface-floating-rest, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 5px 11px -2px #2d2e4e29);
   border-radius: var(--dt-borders-radius-surface-subdued, 9px);
@@ -9,18 +9,18 @@
   min-height: 0;
   max-width: 100vw;
 }
-._14xc6b1-3-11-3 {
+._14xc6b1-3-12-0 {
   overflow-y: auto;
   overflow-x: hidden;
   width: 100%;
 }
-._14xc6b2-3-11-3 {
+._14xc6b2-3-12-0 {
   box-sizing: border-box;
   min-width: 0;
   width: 100%;
   padding: var(--dt-spacings-size-6, 6px);
 }
-._14xc6b3-3-11-3 {
+._14xc6b3-3-12-0 {
   overflow-wrap: break-word;
   font-size: var(--dt-typography-text-small-default-size, 12px);
   line-height: var(--dt-typography-text-small-default-line-height, 1.333333333);

package/esm/filters/timeframe-selector/components/overlay/TimeframeSelectorOverlay.js

@@ -39,6 +39,7 @@ const TimeframeSelectorOverlay = forwardRef((props, forwardedRef) => {
     clearable,
     children,
     overlayClose,
+    overlayOwnerId,
     "data-dtrum-mask": dataDtrumMask,
     "data-dtrum-allow": dataDtrumAllow
   } = props;
@@ -60,6 +61,7 @@ const TimeframeSelectorOverlay = forwardRef((props, forwardedRef) => {
     OverlayContainer,
     {
       ...overlayContainerProps,
+      "data-dt-owner": overlayOwnerId,
       "data-dtrum-mask": dataDtrumMask,
       "data-dtrum-allow": dataDtrumAllow,
       children: /* @__PURE__ */ jsx(OverlayStackingProvider, { children: /* @__PURE__ */ jsxs(FocusScope, { autoFocus: true, children: [

package/esm/filters/timeframe-selector/components/overlay/TimeframeSelectorOverlay.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/filters/timeframe-selector/components/overlay/TimeframeSelectorOverlay.tsx"],
-  "sourcesContent": ["import { TZDateMini } from '@date-fns/tz';\nimport { forwardRef } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport * as styles from './TimeframeSelectorOverlay.sty.js';\nimport { TimeframeSelectorOverlayFooter } from './TimeframeSelectorOverlayFooter.js';\nimport { FocusScope } from '../../../../core/components/focus-scope/FocusScope.js';\nimport { OverlayContainer } from '../../../../core/components/OverlayContainer.js';\nimport { useOverlayStacking } from '../../../../core/hooks/useOverlayStacking.js';\nimport { useRovingFocus } from '../../../../core/hooks/useRovingFocus.js';\nimport { OverlayStackingProvider } from '../../../../core/providers/OverlayStackingProvider.js';\nimport { useTimeframeSelectorStore } from '../../../../core/time/timeframeStore/useTimeframeStore.js';\nimport type { MaskingProps } from '../../../../core/types/masking-props.js';\nimport type { WithChildren } from '../../../../core/types/with-children.js';\nimport { useDateTimeFormat } from '../../../../forms/date-time-picker/hooks/useDateTimeFormat.js';\nimport { Flex } from '../../../../layouts/flex/Flex.js';\nimport type { OverlayTriggerState } from '../../../../overlays/hooks/useOverlay.js';\nimport { DismissButton } from '../../../../overlays/hooks/useOverlay.js';\nimport type { OverlayProps } from '../../../../overlays/hooks/useOverlayWithTrigger.js';\nimport { TIMEFRAME_SELECTOR_MESSAGES } from '../../constants/timeframeSelectorMessages.js';\nimport type { TimeframeSelectorProps } from '../../TimeframeSelector.types.js';\nimport { CustomTimeframeSelector } from '../custom-timeframe-selector/CustomTimeframeSelector.js';\nimport { Presets } from '../presets/Presets.js';\nimport { RecentTimeframes } from '../presets/RecentTimeframes.js';\n\n//#region Typings\ninterface TimeframeSelectorOverlayProps\n  extends WithChildren,\n    MaskingProps,\n    Pick<TimeframeSelectorProps, 'clearable'> {\n  /** The props of the overlay. */\n  overlayProps: OverlayProps['overlayProps'];\n  /** The state of the overlay. */\n  overlayClose: OverlayTriggerState['close'];\n}\n//#endregion\n\nfunction getMaxWidth(toParts: (date: Date) => Intl.DateTimeFormatPart[]) {\n  const placeholderFromOrToParts = toParts(new TZDateMini()).map(\n    (part: Intl.DateTimeFormatPart) => {\n      if (part.type === 'dayPeriod') {\n        return 'AM/PM';\n      }\n\n      return part.value;\n    },\n  );\n  const placeholderFromOrTo = placeholderFromOrToParts.join('');\n  const placeholdersNumberOfChars = 2 * placeholderFromOrTo.length;\n  const surroundingSpace = 22; // this is an approximation in ch units of the space around the placeholders (including the inline padding inside each placeholder part)\n\n  return `${\n    placeholdersNumberOfChars * 1.05 + // try to compensate for the ch unit being calculated for \"0\" instead of a placeholder char, which needs slightly more width\n    surroundingSpace\n  }ch`;\n}\n\n/**\n * Relative Timeframe Selector Overlay component\n */\nexport const TimeframeSelectorOverlay = forwardRef<\n  HTMLDivElement,\n  TimeframeSelectorOverlayProps\n>((props, forwardedRef) => {\n  const {\n    overlayProps,\n    /* eslint-disable @typescript-eslint/no-deprecated */\n    clearable,\n    children,\n    overlayClose,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n  } = props;\n  const intl = useIntl();\n  const {\n    trapFocus,\n    style: overlayPropsStyle,\n    ...remainingOverlayProps\n  } = overlayProps;\n  const overlayContainerProps = useOverlayStacking(undefined, 'overlay');\n\n  const precision = useTimeframeSelectorStore((state) => state.precision);\n  const { toParts } = useDateTimeFormat('datetime', precision);\n\n  const { containerRef } = useRovingFocus<HTMLDivElement>({\n    initialIndex: 0,\n    direction: 'vertical',\n    focusableChildrenSelector: \"[role='option'][aria-disabled='false']\",\n  });\n\n  return (\n    <OverlayContainer\n      {...overlayContainerProps}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n    >\n      <OverlayStackingProvider>\n        <FocusScope autoFocus>\n          <Flex\n            ref={forwardedRef}\n            gap={4}\n            flexDirection=\"column\"\n            padding={4}\n            className={styles.wrapper}\n            style={{\n              ...overlayPropsStyle,\n              width: getMaxWidth(toParts),\n              maxHeight: `min(${overlayPropsStyle?.maxHeight}, 600px)`,\n            }}\n            aria-label={intl.formatMessage(\n              TIMEFRAME_SELECTOR_MESSAGES.overlayContainer,\n            )}\n            {...remainingOverlayProps}\n          >\n            <CustomTimeframeSelector />\n            <Flex\n              ref={containerRef}\n              gap={4}\n              paddingLeft={0}\n              paddingRight={0}\n              flexDirection=\"column\"\n              className={styles.scrollContainer}\n            >\n              {children ?? <Presets />}\n              <RecentTimeframes />\n            </Flex>\n            {/* eslint-disable @typescript-eslint/no-deprecated */}\n            <TimeframeSelectorOverlayFooter clearable={clearable} />\n          </Flex>\n          <DismissButton onDismiss={overlayClose} />\n        </FocusScope>\n      </OverlayStackingProvider>\n    </OverlayContainer>\n  );\n});\n\n(\n  TimeframeSelectorOverlay as typeof TimeframeSelectorOverlay & {\n    displayName: string;\n  }\n).displayName = 'TimeframeSelectorOverlay';\n"],
-  "mappings": "AAkHY,cACA,YADA;AAlHZ,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,eAAe;AAExB,YAAY,YAAY;AACxB,SAAS,sCAAsC;AAC/C,SAAS,kBAAkB;AAC3B,SAAS,wBAAwB;AACjC,SAAS,0BAA0B;AACnC,SAAS,sBAAsB;AAC/B,SAAS,+BAA+B;AACxC,SAAS,iCAAiC;AAG1C,SAAS,yBAAyB;AAClC,SAAS,YAAY;AAErB,SAAS,qBAAqB;AAE9B,SAAS,mCAAmC;AAE5C,SAAS,+BAA+B;AACxC,SAAS,eAAe;AACxB,SAAS,wBAAwB;AAcjC,SAAS,YAAY,SAAoD;AACvE,QAAM,2BAA2B,QAAQ,IAAI,WAAW,CAAC,EAAE;AAAA,IACzD,CAAC,SAAkC;AACjC,UAAI,KAAK,SAAS,aAAa;AAC7B,eAAO;AAAA,MACT;AAEA,aAAO,KAAK;AAAA,IACd;AAAA,EACF;AACA,QAAM,sBAAsB,yBAAyB,KAAK,EAAE;AAC5D,QAAM,4BAA4B,IAAI,oBAAoB;AAC1D,QAAM,mBAAmB;AAEzB,SAAO,GACL,4BAA4B;AAAA,EAC5B,gBACF;AACF;AAKO,MAAM,2BAA2B,WAGtC,CAAC,OAAO,iBAAiB;AACzB,QAAM;AAAA,IACJ;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,EACtB,IAAI;AACJ,QAAM,OAAO,QAAQ;AACrB,QAAM;AAAA,IACJ;AAAA,IACA,OAAO;AAAA,IACP,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,wBAAwB,mBAAmB,QAAW,SAAS;AAErE,QAAM,YAAY,0BAA0B,CAAC,UAAU,MAAM,SAAS;AACtE,QAAM,EAAE,QAAQ,IAAI,kBAAkB,YAAY,SAAS;AAE3D,QAAM,EAAE,aAAa,IAAI,eAA+B;AAAA,IACtD,cAAc;AAAA,IACd,WAAW;AAAA,IACX,2BAA2B;AAAA,EAC7B,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MAElB,8BAAC,2BACC,+BAAC,cAAW,WAAS,MACnB;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,KAAK;AAAA,YACL,eAAc;AAAA,YACd,SAAS;AAAA,YACT,WAAW,OAAO;AAAA,YAClB,OAAO;AAAA,cACL,GAAG;AAAA,cACH,OAAO,YAAY,OAAO;AAAA,cAC1B,WAAW,OAAO,mBAAmB,SAAS;AAAA,YAChD;AAAA,YACA,cAAY,KAAK;AAAA,cACf,4BAA4B;AAAA,YAC9B;AAAA,YACC,GAAG;AAAA,YAEJ;AAAA,kCAAC,2BAAwB;AAAA,cACzB;AAAA,gBAAC;AAAA;AAAA,kBACC,KAAK;AAAA,kBACL,KAAK;AAAA,kBACL,aAAa;AAAA,kBACb,cAAc;AAAA,kBACd,eAAc;AAAA,kBACd,WAAW,OAAO;AAAA,kBAEjB;AAAA,gCAAY,oBAAC,WAAQ;AAAA,oBACtB,oBAAC,oBAAiB;AAAA;AAAA;AAAA,cACpB;AAAA,cAEA,oBAAC,kCAA+B,WAAsB;AAAA;AAAA;AAAA,QACxD;AAAA,QACA,oBAAC,iBAAc,WAAW,cAAc;AAAA,SAC1C,GACF;AAAA;AAAA,EACF;AAEJ,CAAC;AAGC,yBAGA,cAAc;",
+  "sourcesContent": ["import { TZDateMini } from '@date-fns/tz';\nimport { forwardRef } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport * as styles from './TimeframeSelectorOverlay.sty.js';\nimport { TimeframeSelectorOverlayFooter } from './TimeframeSelectorOverlayFooter.js';\nimport { FocusScope } from '../../../../core/components/focus-scope/FocusScope.js';\nimport { OverlayContainer } from '../../../../core/components/OverlayContainer.js';\nimport { useOverlayStacking } from '../../../../core/hooks/useOverlayStacking.js';\nimport { useRovingFocus } from '../../../../core/hooks/useRovingFocus.js';\nimport { OverlayStackingProvider } from '../../../../core/providers/OverlayStackingProvider.js';\nimport { useTimeframeSelectorStore } from '../../../../core/time/timeframeStore/useTimeframeStore.js';\nimport type { MaskingProps } from '../../../../core/types/masking-props.js';\nimport type { WithChildren } from '../../../../core/types/with-children.js';\nimport { useDateTimeFormat } from '../../../../forms/date-time-picker/hooks/useDateTimeFormat.js';\nimport { Flex } from '../../../../layouts/flex/Flex.js';\nimport type { OverlayTriggerState } from '../../../../overlays/hooks/useOverlay.js';\nimport { DismissButton } from '../../../../overlays/hooks/useOverlay.js';\nimport type { OverlayProps } from '../../../../overlays/hooks/useOverlayWithTrigger.js';\nimport { TIMEFRAME_SELECTOR_MESSAGES } from '../../constants/timeframeSelectorMessages.js';\nimport type { TimeframeSelectorProps } from '../../TimeframeSelector.types.js';\nimport { CustomTimeframeSelector } from '../custom-timeframe-selector/CustomTimeframeSelector.js';\nimport { Presets } from '../presets/Presets.js';\nimport { RecentTimeframes } from '../presets/RecentTimeframes.js';\n\n//#region Typings\ninterface TimeframeSelectorOverlayProps\n  extends WithChildren,\n    MaskingProps,\n    Pick<TimeframeSelectorProps, 'clearable'> {\n  /** The props of the overlay. */\n  overlayProps: OverlayProps['overlayProps'];\n  /** The state of the overlay. */\n  overlayClose: OverlayTriggerState['close'];\n  /** Owner ID used to tag this overlay so focus changes into it are treated as internal. */\n  overlayOwnerId: string;\n}\n//#endregion\n\nfunction getMaxWidth(toParts: (date: Date) => Intl.DateTimeFormatPart[]) {\n  const placeholderFromOrToParts = toParts(new TZDateMini()).map(\n    (part: Intl.DateTimeFormatPart) => {\n      if (part.type === 'dayPeriod') {\n        return 'AM/PM';\n      }\n\n      return part.value;\n    },\n  );\n  const placeholderFromOrTo = placeholderFromOrToParts.join('');\n  const placeholdersNumberOfChars = 2 * placeholderFromOrTo.length;\n  const surroundingSpace = 22; // this is an approximation in ch units of the space around the placeholders (including the inline padding inside each placeholder part)\n\n  return `${\n    placeholdersNumberOfChars * 1.05 + // try to compensate for the ch unit being calculated for \"0\" instead of a placeholder char, which needs slightly more width\n    surroundingSpace\n  }ch`;\n}\n\n/**\n * Relative Timeframe Selector Overlay component\n */\nexport const TimeframeSelectorOverlay = forwardRef<\n  HTMLDivElement,\n  TimeframeSelectorOverlayProps\n>((props, forwardedRef) => {\n  const {\n    overlayProps,\n    /* eslint-disable @typescript-eslint/no-deprecated */\n    clearable,\n    children,\n    overlayClose,\n    overlayOwnerId,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n  } = props;\n  const intl = useIntl();\n  const {\n    trapFocus,\n    style: overlayPropsStyle,\n    ...remainingOverlayProps\n  } = overlayProps;\n  const overlayContainerProps = useOverlayStacking(undefined, 'overlay');\n\n  const precision = useTimeframeSelectorStore((state) => state.precision);\n  const { toParts } = useDateTimeFormat('datetime', precision);\n\n  const { containerRef } = useRovingFocus<HTMLDivElement>({\n    initialIndex: 0,\n    direction: 'vertical',\n    focusableChildrenSelector: \"[role='option'][aria-disabled='false']\",\n  });\n\n  return (\n    <OverlayContainer\n      {...overlayContainerProps}\n      data-dt-owner={overlayOwnerId}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n    >\n      <OverlayStackingProvider>\n        <FocusScope autoFocus>\n          <Flex\n            ref={forwardedRef}\n            gap={4}\n            flexDirection=\"column\"\n            padding={4}\n            className={styles.wrapper}\n            style={{\n              ...overlayPropsStyle,\n              width: getMaxWidth(toParts),\n              maxHeight: `min(${overlayPropsStyle?.maxHeight}, 600px)`,\n            }}\n            aria-label={intl.formatMessage(\n              TIMEFRAME_SELECTOR_MESSAGES.overlayContainer,\n            )}\n            {...remainingOverlayProps}\n          >\n            <CustomTimeframeSelector />\n            <Flex\n              ref={containerRef}\n              gap={4}\n              paddingLeft={0}\n              paddingRight={0}\n              flexDirection=\"column\"\n              className={styles.scrollContainer}\n            >\n              {children ?? <Presets />}\n              <RecentTimeframes />\n            </Flex>\n            {/* eslint-disable @typescript-eslint/no-deprecated */}\n            <TimeframeSelectorOverlayFooter clearable={clearable} />\n          </Flex>\n          <DismissButton onDismiss={overlayClose} />\n        </FocusScope>\n      </OverlayStackingProvider>\n    </OverlayContainer>\n  );\n});\n\n(\n  TimeframeSelectorOverlay as typeof TimeframeSelectorOverlay & {\n    displayName: string;\n  }\n).displayName = 'TimeframeSelectorOverlay';\n"],
+  "mappings": "AAsHY,cACA,YADA;AAtHZ,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,eAAe;AAExB,YAAY,YAAY;AACxB,SAAS,sCAAsC;AAC/C,SAAS,kBAAkB;AAC3B,SAAS,wBAAwB;AACjC,SAAS,0BAA0B;AACnC,SAAS,sBAAsB;AAC/B,SAAS,+BAA+B;AACxC,SAAS,iCAAiC;AAG1C,SAAS,yBAAyB;AAClC,SAAS,YAAY;AAErB,SAAS,qBAAqB;AAE9B,SAAS,mCAAmC;AAE5C,SAAS,+BAA+B;AACxC,SAAS,eAAe;AACxB,SAAS,wBAAwB;AAgBjC,SAAS,YAAY,SAAoD;AACvE,QAAM,2BAA2B,QAAQ,IAAI,WAAW,CAAC,EAAE;AAAA,IACzD,CAAC,SAAkC;AACjC,UAAI,KAAK,SAAS,aAAa;AAC7B,eAAO;AAAA,MACT;AAEA,aAAO,KAAK;AAAA,IACd;AAAA,EACF;AACA,QAAM,sBAAsB,yBAAyB,KAAK,EAAE;AAC5D,QAAM,4BAA4B,IAAI,oBAAoB;AAC1D,QAAM,mBAAmB;AAEzB,SAAO,GACL,4BAA4B;AAAA,EAC5B,gBACF;AACF;AAKO,MAAM,2BAA2B,WAGtC,CAAC,OAAO,iBAAiB;AACzB,QAAM;AAAA,IACJ;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,EACtB,IAAI;AACJ,QAAM,OAAO,QAAQ;AACrB,QAAM;AAAA,IACJ;AAAA,IACA,OAAO;AAAA,IACP,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,wBAAwB,mBAAmB,QAAW,SAAS;AAErE,QAAM,YAAY,0BAA0B,CAAC,UAAU,MAAM,SAAS;AACtE,QAAM,EAAE,QAAQ,IAAI,kBAAkB,YAAY,SAAS;AAE3D,QAAM,EAAE,aAAa,IAAI,eAA+B;AAAA,IACtD,cAAc;AAAA,IACd,WAAW;AAAA,IACX,2BAA2B;AAAA,EAC7B,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,iBAAe;AAAA,MACf,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MAElB,8BAAC,2BACC,+BAAC,cAAW,WAAS,MACnB;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,KAAK;AAAA,YACL,eAAc;AAAA,YACd,SAAS;AAAA,YACT,WAAW,OAAO;AAAA,YAClB,OAAO;AAAA,cACL,GAAG;AAAA,cACH,OAAO,YAAY,OAAO;AAAA,cAC1B,WAAW,OAAO,mBAAmB,SAAS;AAAA,YAChD;AAAA,YACA,cAAY,KAAK;AAAA,cACf,4BAA4B;AAAA,YAC9B;AAAA,YACC,GAAG;AAAA,YAEJ;AAAA,kCAAC,2BAAwB;AAAA,cACzB;AAAA,gBAAC;AAAA;AAAA,kBACC,KAAK;AAAA,kBACL,KAAK;AAAA,kBACL,aAAa;AAAA,kBACb,cAAc;AAAA,kBACd,eAAc;AAAA,kBACd,WAAW,OAAO;AAAA,kBAEjB;AAAA,gCAAY,oBAAC,WAAQ;AAAA,oBACtB,oBAAC,oBAAiB;AAAA;AAAA;AAAA,cACpB;AAAA,cAEA,oBAAC,kCAA+B,WAAsB;AAAA;AAAA;AAAA,QACxD;AAAA,QACA,oBAAC,iBAAc,WAAW,cAAc;AAAA,SAC1C,GACF;AAAA;AAAA,EACF;AAEJ,CAAC;AAGC,yBAGA,cAAc;",
   "names": []
 }

package/esm/filters/timeframe-selector/components/overlay/TimeframeSelectorOverlay.sty.js

@@ -1,8 +1,8 @@
 import "./TimeframeSelectorOverlay.css";
-var footer = "_14xc6b2-3-11-3";
-var hint = "_14xc6b3-3-11-3";
-var scrollContainer = "_14xc6b1-3-11-3";
-var wrapper = "_14xc6b0-3-11-3";
+var footer = "_14xc6b2-3-12-0";
+var hint = "_14xc6b3-3-12-0";
+var scrollContainer = "_14xc6b1-3-12-0";
+var wrapper = "_14xc6b0-3-12-0";
 export {
   footer,
   hint,

package/esm/filters/timeframe-selector/components/overlay/TimeframeSelectorOverlay.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/filters/timeframe-selector/components/overlay/TimeframeSelectorOverlay.css.ts"],
-  "sourcesContent": ["import './TimeframeSelectorOverlay.css';\nexport var footer = '_14xc6b2-3-11-3';\nexport var hint = '_14xc6b3-3-11-3';\nexport var scrollContainer = '_14xc6b1-3-11-3';\nexport var wrapper = '_14xc6b0-3-11-3';"],
+  "sourcesContent": ["import './TimeframeSelectorOverlay.css';\nexport var footer = '_14xc6b2-3-12-0';\nexport var hint = '_14xc6b3-3-12-0';\nexport var scrollContainer = '_14xc6b1-3-12-0';\nexport var wrapper = '_14xc6b0-3-12-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,SAAS;AACb,IAAI,OAAO;AACX,IAAI,kBAAkB;AACtB,IAAI,UAAU;",
   "names": []
 }

package/esm/filters/timeframe-selector/components/overlay/TimeframeSelectorOverlayFooter.js

@@ -67,7 +67,7 @@ const TimeframeSelectorOverlayFooter = (props) => {
               }),
               children: [
                 /* @__PURE__ */ jsx(Text, { className: styles.hint, children: timeZoneWithOffset }),
-                clearable && /* @__PURE__ */ jsx(Divider, { orientation: "vertical" }),
+                clearable && /* @__PURE__ */ jsx(Divider, { orientation: "vertical", "aria-hidden": true }),
                 /* @__PURE__ */ jsx(
                   Text,
                   {

package/esm/filters/timeframe-selector/components/overlay/TimeframeSelectorOverlayFooter.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/filters/timeframe-selector/components/overlay/TimeframeSelectorOverlayFooter.tsx"],
-  "sourcesContent": ["import { TZDateMini } from '@date-fns/tz';\nimport clsx from 'clsx';\nimport { useMemo } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport Spacings from '@dynatrace/strato-design-tokens/spacings';\nimport { getTimezone } from '@dynatrace-sdk/user-preferences';\n\nimport * as styles from './TimeframeSelectorOverlay.sty.js';\nimport { Button } from '../../../../buttons/button/Button.js';\nimport { TIMEFRAME_SELECTOR_DOCUMENTATION_URL } from '../../../../core/external-links.js';\nimport { useTimeframeSelectorStore } from '../../../../core/time/timeframeStore/useTimeframeStore.js';\nimport { getSafeRegionalFormat } from '../../../../forms/forms-core/time/helpers.js';\nimport { Divider } from '../../../../layouts/divider/Divider.js';\nimport { Flex } from '../../../../layouts/flex/Flex.js';\nimport { globalSprinkles } from '../../../../styles/safe-sprinkles.js';\nimport { ExternalLink } from '../../../../typography/external-link/ExternalLink.js';\nimport { Text } from '../../../../typography/text/Text.js';\nimport { TIMEFRAME_SELECTOR_MESSAGES } from '../../constants/timeframeSelectorMessages.js';\nimport type { TimeframeSelectorProps } from '../../TimeframeSelector.types.js';\n\nexport const TimeframeSelectorOverlayFooter = (\n  props: Pick<TimeframeSelectorProps, 'clearable'>,\n) => {\n  /* eslint-disable @typescript-eslint/no-deprecated */\n  const { clearable } = props;\n  const intl = useIntl();\n\n  const setValue = useTimeframeSelectorStore(\n    (state) => state.setTimeframeSelectorTimeframe,\n  );\n\n  const timeZoneWithOffset = useMemo(() => {\n    const timeZone = getTimezone();\n\n    const parts = new Intl.DateTimeFormat(getSafeRegionalFormat(), {\n      timeZone,\n      timeZoneName: 'shortOffset',\n    }).formatToParts(TZDateMini.tz(timeZone));\n    const partsShortName = new Intl.DateTimeFormat(getSafeRegionalFormat(), {\n      timeZone,\n      timeZoneName: 'short',\n    }).formatToParts(TZDateMini.tz(timeZone));\n    const timeZonePart = parts\n      ?.find((part) => part.type === 'timeZoneName')\n      ?.value.replace('GMT', 'UTC');\n    const timeZoneInfo = timeZonePart === 'UTC' ? 'UTC+0' : timeZonePart;\n    const timezoneDetails = timeZoneInfo ? ` (${timeZoneInfo})` : '';\n    const timeZoneShortName = partsShortName?.find(\n      (part) => part.type === 'timeZoneName',\n    )?.value;\n\n    return `${timeZoneShortName}${timezoneDetails}`;\n  }, []);\n\n  /** Handles the clear selection. Uses the pointerDown event to circumvent triggering the validation onBlur first. */\n  function handleClearSelection() {\n    setValue(null);\n  }\n\n  return (\n    <>\n      <Divider />\n      <Flex\n        justifyContent=\"space-between\"\n        alignItems=\"center\"\n        flexWrap=\"wrap-reverse\"\n        flex={1}\n        gap={4}\n        className={styles.footer}\n      >\n        <Flex\n          justifyContent={clearable ? 'flex-start' : 'space-between'}\n          alignItems=\"center\"\n          flexShrink={1}\n          flexGrow={1}\n          className={clsx(globalSprinkles({ paddingLeft: 6 }), {\n            [globalSprinkles({ paddingTop: 4, paddingBottom: 4 })]: !clearable,\n          })}\n        >\n          <Text className={styles.hint}>{timeZoneWithOffset}</Text>\n          {clearable && <Divider orientation=\"vertical\" />}\n          <Text\n            as={ExternalLink}\n            href={TIMEFRAME_SELECTOR_DOCUMENTATION_URL}\n            textStyle=\"small\"\n            style={{ paddingRight: Spacings.Size6 }}\n            data-dt-children-name=\"LearnMore\"\n          >\n            {intl.formatMessage(TIMEFRAME_SELECTOR_MESSAGES.docsLinkText)}\n          </Text>\n        </Flex>\n        {clearable && (\n          <Button\n            type=\"reset\"\n            onPointerDown={handleClearSelection}\n            size=\"condensed\"\n          >\n            {intl.formatMessage(\n              TIMEFRAME_SELECTOR_MESSAGES.resetTimeframeButton,\n            )}\n          </Button>\n        )}\n      </Flex>\n    </>\n  );\n};\n\n(\n  TimeframeSelectorOverlayFooter as typeof TimeframeSelectorOverlayFooter & {\n    displayName: string;\n  }\n).displayName = 'TimeframeSelectorOverlayFooter';\n"],
-  "mappings": "AA6DI,mBACE,KASE,YAVJ;AA7DJ,SAAS,kBAAkB;AAC3B,OAAO,UAAU;AACjB,SAAS,eAAe;AACxB,SAAS,eAAe;AAExB,OAAO,cAAc;AACrB,SAAS,mBAAmB;AAE5B,YAAY,YAAY;AACxB,SAAS,cAAc;AACvB,SAAS,4CAA4C;AACrD,SAAS,iCAAiC;AAC1C,SAAS,6BAA6B;AACtC,SAAS,eAAe;AACxB,SAAS,YAAY;AACrB,SAAS,uBAAuB;AAChC,SAAS,oBAAoB;AAC7B,SAAS,YAAY;AACrB,SAAS,mCAAmC;AAGrC,MAAM,iCAAiC,CAC5C,UACG;AAEH,QAAM,EAAE,UAAU,IAAI;AACtB,QAAM,OAAO,QAAQ;AAErB,QAAM,WAAW;AAAA,IACf,CAAC,UAAU,MAAM;AAAA,EACnB;AAEA,QAAM,qBAAqB,QAAQ,MAAM;AACvC,UAAM,WAAW,YAAY;AAE7B,UAAM,QAAQ,IAAI,KAAK,eAAe,sBAAsB,GAAG;AAAA,MAC7D;AAAA,MACA,cAAc;AAAA,IAChB,CAAC,EAAE,cAAc,WAAW,GAAG,QAAQ,CAAC;AACxC,UAAM,iBAAiB,IAAI,KAAK,eAAe,sBAAsB,GAAG;AAAA,MACtE;AAAA,MACA,cAAc;AAAA,IAChB,CAAC,EAAE,cAAc,WAAW,GAAG,QAAQ,CAAC;AACxC,UAAM,eAAe,OACjB,KAAK,CAAC,SAAS,KAAK,SAAS,cAAc,GAC3C,MAAM,QAAQ,OAAO,KAAK;AAC9B,UAAM,eAAe,iBAAiB,QAAQ,UAAU;AACxD,UAAM,kBAAkB,eAAe,KAAK,YAAY,MAAM;AAC9D,UAAM,oBAAoB,gBAAgB;AAAA,MACxC,CAAC,SAAS,KAAK,SAAS;AAAA,IAC1B,GAAG;AAEH,WAAO,GAAG,iBAAiB,GAAG,eAAe;AAAA,EAC/C,GAAG,CAAC,CAAC;AAGL,WAAS,uBAAuB;AAC9B,aAAS,IAAI;AAAA,EACf;AAEA,SACE,iCACE;AAAA,wBAAC,WAAQ;AAAA,IACT;AAAA,MAAC;AAAA;AAAA,QACC,gBAAe;AAAA,QACf,YAAW;AAAA,QACX,UAAS;AAAA,QACT,MAAM;AAAA,QACN,KAAK;AAAA,QACL,WAAW,OAAO;AAAA,QAElB;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,gBAAgB,YAAY,eAAe;AAAA,cAC3C,YAAW;AAAA,cACX,YAAY;AAAA,cACZ,UAAU;AAAA,cACV,WAAW,KAAK,gBAAgB,EAAE,aAAa,EAAE,CAAC,GAAG;AAAA,gBACnD,CAAC,gBAAgB,EAAE,YAAY,GAAG,eAAe,EAAE,CAAC,CAAC,GAAG,CAAC;AAAA,cAC3D,CAAC;AAAA,cAED;AAAA,oCAAC,QAAK,WAAW,OAAO,MAAO,8BAAmB;AAAA,gBACjD,aAAa,oBAAC,WAAQ,aAAY,YAAW;AAAA,gBAC9C;AAAA,kBAAC;AAAA;AAAA,oBACC,IAAI;AAAA,oBACJ,MAAM;AAAA,oBACN,WAAU;AAAA,oBACV,OAAO,EAAE,cAAc,SAAS,MAAM;AAAA,oBACtC,yBAAsB;AAAA,oBAErB,eAAK,cAAc,4BAA4B,YAAY;AAAA;AAAA,gBAC9D;AAAA;AAAA;AAAA,UACF;AAAA,UACC,aACC;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,eAAe;AAAA,cACf,MAAK;AAAA,cAEJ,eAAK;AAAA,gBACJ,4BAA4B;AAAA,cAC9B;AAAA;AAAA,UACF;AAAA;AAAA;AAAA,IAEJ;AAAA,KACF;AAEJ;AAGE,+BAGA,cAAc;",
+  "sourcesContent": ["import { TZDateMini } from '@date-fns/tz';\nimport clsx from 'clsx';\nimport { useMemo } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport Spacings from '@dynatrace/strato-design-tokens/spacings';\nimport { getTimezone } from '@dynatrace-sdk/user-preferences';\n\nimport * as styles from './TimeframeSelectorOverlay.sty.js';\nimport { Button } from '../../../../buttons/button/Button.js';\nimport { TIMEFRAME_SELECTOR_DOCUMENTATION_URL } from '../../../../core/external-links.js';\nimport { useTimeframeSelectorStore } from '../../../../core/time/timeframeStore/useTimeframeStore.js';\nimport { getSafeRegionalFormat } from '../../../../forms/forms-core/time/helpers.js';\nimport { Divider } from '../../../../layouts/divider/Divider.js';\nimport { Flex } from '../../../../layouts/flex/Flex.js';\nimport { globalSprinkles } from '../../../../styles/safe-sprinkles.js';\nimport { ExternalLink } from '../../../../typography/external-link/ExternalLink.js';\nimport { Text } from '../../../../typography/text/Text.js';\nimport { TIMEFRAME_SELECTOR_MESSAGES } from '../../constants/timeframeSelectorMessages.js';\nimport type { TimeframeSelectorProps } from '../../TimeframeSelector.types.js';\n\nexport const TimeframeSelectorOverlayFooter = (\n  props: Pick<TimeframeSelectorProps, 'clearable'>,\n) => {\n  /* eslint-disable @typescript-eslint/no-deprecated */\n  const { clearable } = props;\n  const intl = useIntl();\n\n  const setValue = useTimeframeSelectorStore(\n    (state) => state.setTimeframeSelectorTimeframe,\n  );\n\n  const timeZoneWithOffset = useMemo(() => {\n    const timeZone = getTimezone();\n\n    const parts = new Intl.DateTimeFormat(getSafeRegionalFormat(), {\n      timeZone,\n      timeZoneName: 'shortOffset',\n    }).formatToParts(TZDateMini.tz(timeZone));\n    const partsShortName = new Intl.DateTimeFormat(getSafeRegionalFormat(), {\n      timeZone,\n      timeZoneName: 'short',\n    }).formatToParts(TZDateMini.tz(timeZone));\n    const timeZonePart = parts\n      ?.find((part) => part.type === 'timeZoneName')\n      ?.value.replace('GMT', 'UTC');\n    const timeZoneInfo = timeZonePart === 'UTC' ? 'UTC+0' : timeZonePart;\n    const timezoneDetails = timeZoneInfo ? ` (${timeZoneInfo})` : '';\n    const timeZoneShortName = partsShortName?.find(\n      (part) => part.type === 'timeZoneName',\n    )?.value;\n\n    return `${timeZoneShortName}${timezoneDetails}`;\n  }, []);\n\n  /** Handles the clear selection. Uses the pointerDown event to circumvent triggering the validation onBlur first. */\n  function handleClearSelection() {\n    setValue(null);\n  }\n\n  return (\n    <>\n      <Divider />\n      <Flex\n        justifyContent=\"space-between\"\n        alignItems=\"center\"\n        flexWrap=\"wrap-reverse\"\n        flex={1}\n        gap={4}\n        className={styles.footer}\n      >\n        <Flex\n          justifyContent={clearable ? 'flex-start' : 'space-between'}\n          alignItems=\"center\"\n          flexShrink={1}\n          flexGrow={1}\n          className={clsx(globalSprinkles({ paddingLeft: 6 }), {\n            [globalSprinkles({ paddingTop: 4, paddingBottom: 4 })]: !clearable,\n          })}\n        >\n          <Text className={styles.hint}>{timeZoneWithOffset}</Text>\n          {clearable && <Divider orientation=\"vertical\" aria-hidden />}\n          <Text\n            as={ExternalLink}\n            href={TIMEFRAME_SELECTOR_DOCUMENTATION_URL}\n            textStyle=\"small\"\n            style={{ paddingRight: Spacings.Size6 }}\n            data-dt-children-name=\"LearnMore\"\n          >\n            {intl.formatMessage(TIMEFRAME_SELECTOR_MESSAGES.docsLinkText)}\n          </Text>\n        </Flex>\n        {clearable && (\n          <Button\n            type=\"reset\"\n            onPointerDown={handleClearSelection}\n            size=\"condensed\"\n          >\n            {intl.formatMessage(\n              TIMEFRAME_SELECTOR_MESSAGES.resetTimeframeButton,\n            )}\n          </Button>\n        )}\n      </Flex>\n    </>\n  );\n};\n\n(\n  TimeframeSelectorOverlayFooter as typeof TimeframeSelectorOverlayFooter & {\n    displayName: string;\n  }\n).displayName = 'TimeframeSelectorOverlayFooter';\n"],
+  "mappings": "AA6DI,mBACE,KASE,YAVJ;AA7DJ,SAAS,kBAAkB;AAC3B,OAAO,UAAU;AACjB,SAAS,eAAe;AACxB,SAAS,eAAe;AAExB,OAAO,cAAc;AACrB,SAAS,mBAAmB;AAE5B,YAAY,YAAY;AACxB,SAAS,cAAc;AACvB,SAAS,4CAA4C;AACrD,SAAS,iCAAiC;AAC1C,SAAS,6BAA6B;AACtC,SAAS,eAAe;AACxB,SAAS,YAAY;AACrB,SAAS,uBAAuB;AAChC,SAAS,oBAAoB;AAC7B,SAAS,YAAY;AACrB,SAAS,mCAAmC;AAGrC,MAAM,iCAAiC,CAC5C,UACG;AAEH,QAAM,EAAE,UAAU,IAAI;AACtB,QAAM,OAAO,QAAQ;AAErB,QAAM,WAAW;AAAA,IACf,CAAC,UAAU,MAAM;AAAA,EACnB;AAEA,QAAM,qBAAqB,QAAQ,MAAM;AACvC,UAAM,WAAW,YAAY;AAE7B,UAAM,QAAQ,IAAI,KAAK,eAAe,sBAAsB,GAAG;AAAA,MAC7D;AAAA,MACA,cAAc;AAAA,IAChB,CAAC,EAAE,cAAc,WAAW,GAAG,QAAQ,CAAC;AACxC,UAAM,iBAAiB,IAAI,KAAK,eAAe,sBAAsB,GAAG;AAAA,MACtE;AAAA,MACA,cAAc;AAAA,IAChB,CAAC,EAAE,cAAc,WAAW,GAAG,QAAQ,CAAC;AACxC,UAAM,eAAe,OACjB,KAAK,CAAC,SAAS,KAAK,SAAS,cAAc,GAC3C,MAAM,QAAQ,OAAO,KAAK;AAC9B,UAAM,eAAe,iBAAiB,QAAQ,UAAU;AACxD,UAAM,kBAAkB,eAAe,KAAK,YAAY,MAAM;AAC9D,UAAM,oBAAoB,gBAAgB;AAAA,MACxC,CAAC,SAAS,KAAK,SAAS;AAAA,IAC1B,GAAG;AAEH,WAAO,GAAG,iBAAiB,GAAG,eAAe;AAAA,EAC/C,GAAG,CAAC,CAAC;AAGL,WAAS,uBAAuB;AAC9B,aAAS,IAAI;AAAA,EACf;AAEA,SACE,iCACE;AAAA,wBAAC,WAAQ;AAAA,IACT;AAAA,MAAC;AAAA;AAAA,QACC,gBAAe;AAAA,QACf,YAAW;AAAA,QACX,UAAS;AAAA,QACT,MAAM;AAAA,QACN,KAAK;AAAA,QACL,WAAW,OAAO;AAAA,QAElB;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,gBAAgB,YAAY,eAAe;AAAA,cAC3C,YAAW;AAAA,cACX,YAAY;AAAA,cACZ,UAAU;AAAA,cACV,WAAW,KAAK,gBAAgB,EAAE,aAAa,EAAE,CAAC,GAAG;AAAA,gBACnD,CAAC,gBAAgB,EAAE,YAAY,GAAG,eAAe,EAAE,CAAC,CAAC,GAAG,CAAC;AAAA,cAC3D,CAAC;AAAA,cAED;AAAA,oCAAC,QAAK,WAAW,OAAO,MAAO,8BAAmB;AAAA,gBACjD,aAAa,oBAAC,WAAQ,aAAY,YAAW,eAAW,MAAC;AAAA,gBAC1D;AAAA,kBAAC;AAAA;AAAA,oBACC,IAAI;AAAA,oBACJ,MAAM;AAAA,oBACN,WAAU;AAAA,oBACV,OAAO,EAAE,cAAc,SAAS,MAAM;AAAA,oBACtC,yBAAsB;AAAA,oBAErB,eAAK,cAAc,4BAA4B,YAAY;AAAA;AAAA,gBAC9D;AAAA;AAAA;AAAA,UACF;AAAA,UACC,aACC;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,eAAe;AAAA,cACf,MAAK;AAAA,cAEJ,eAAK;AAAA,gBACJ,4BAA4B;AAAA,cAC9B;AAAA;AAAA,UACF;AAAA;AAAA;AAAA,IAEJ;AAAA,KACF;AAEJ;AAGE,+BAGA,cAAc;",
   "names": []
 }

package/esm/filters/timeframe-selector/components/presets/Presets.css

@@ -1,11 +1,11 @@
-._14rlfn30-3-11-3 {
+._14rlfn30-3-12-0 {
   justify-content: space-between;
   align-items: center;
   grid: auto / auto-flow;
   grid-template-columns: auto 1fr;
   max-height: var(--dt-spacings-size-20, 20px);
 }
-._14rlfn31-3-11-3 {
+._14rlfn31-3-12-0 {
   position: relative;
   list-style: none;
   cursor: pointer;
@@ -16,45 +16,45 @@
   border-radius: var(--dt-borders-radius-field-default, 6px);
   outline-offset: calc(var(--dt-spacings-size-2, 2px) * -1);
 }
-._14rlfn32-3-11-3 {
+._14rlfn32-3-12-0 {
   background-color: var(--dt-colors-background-field-neutral-default, #e4e5eb00);
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
 }
-._14rlfn32-3-11-3:hover {
+._14rlfn32-3-12-0:hover {
   background-color: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
 }
-._14rlfn32-3-11-3:active {
+._14rlfn32-3-12-0:active {
   background-color: var(--dt-colors-background-field-neutral-default-active, #d0d1dc);
 }
-._14rlfn33-3-11-3 {
+._14rlfn33-3-12-0 {
   color: var(--dt-colors-text-primary-default, #464cce);
 }
-._14rlfn33-3-11-3:hover {
+._14rlfn33-3-12-0:hover {
   background-color: var(--dt-colors-background-field-primary-default-hover, #d5dbf6);
 }
-._14rlfn33-3-11-3:active {
+._14rlfn33-3-12-0:active {
   background-color: var(--dt-colors-background-field-primary-default-active, #c9d1f4);
 }
-._14rlfn34-3-11-3 {
+._14rlfn34-3-12-0 {
   color: var(--dt-colors-text-neutral-disabled, #595a7d80);
   cursor: not-allowed;
 }
-._14rlfn36-3-11-3 {
+._14rlfn36-3-12-0 {
   min-width: 0;
 }
-._14rlfn37-3-11-3 {
+._14rlfn37-3-12-0 {
   white-space: nowrap;
   overflow: hidden;
   display: block;
   text-overflow: ellipsis;
 }
-._14rlfn38-3-11-3 {
+._14rlfn38-3-12-0 {
   padding-top: var(--dt-spacings-size-6, 6px);
   padding-bottom: var(--dt-spacings-size-6, 6px);
   padding-left: var(--dt-spacings-size-12, 12px);
   padding-right: var(--dt-spacings-size-12, 12px);
 }
-._14rlfn39-3-11-3::before {
+._14rlfn39-3-12-0::before {
   content: "";
   position: absolute;
   width: 2px;
@@ -62,62 +62,62 @@
   left: 4px;
   border-radius: var(--dt-borders-radius-field-emphasized, 9999px);
 }
-._14rlfn3a-3-11-3::before {
+._14rlfn3a-3-12-0::before {
   content: "";
 }
-._14rlfn3b-3-11-3::before {
+._14rlfn3b-3-12-0::before {
   background-color: var(--dt-colors-border-neutral-disabled, #dadbe480);
 }
-._14rlfn3c-3-11-3::before {
+._14rlfn3c-3-12-0::before {
   background-color: var(--dt-colors-border-primary-accent, #464cce);
 }
-._14rlfn3e-3-11-3 {
+._14rlfn3e-3-12-0 {
   white-space: nowrap;
   overflow: hidden;
   display: block;
   text-overflow: ellipsis;
   text-align: right;
 }
-._14rlfn3f-3-11-3 {
+._14rlfn3f-3-12-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._14rlfn3g-3-11-3 {
+._14rlfn3g-3-12-0 {
   color: var(--dt-colors-text-primary-default, #464cce);
 }
-._14rlfn3h-3-11-3 {
+._14rlfn3h-3-12-0 {
   color: var(--dt-colors-text-neutral-disabled, #595a7d80);
 }
-._14rlfn3i-3-11-3 {
+._14rlfn3i-3-12-0 {
   position: absolute;
   width: 2px;
   height: 20px;
   left: 4px;
   border-radius: var(--dt-borders-radius-field-emphasized, 9999px);
 }
-._14rlfn3j-3-11-3 {
+._14rlfn3j-3-12-0 {
   background-color: var(--dt-colors-border-neutral-disabled, #dadbe480);
 }
-._14rlfn3k-3-11-3 {
+._14rlfn3k-3-12-0 {
   background-color: var(--dt-colors-border-primary-accent, #464cce);
 }
-._14rlfn3l-3-11-3 {
+._14rlfn3l-3-12-0 {
   position: relative;
   margin: 0;
   padding: 0;
   list-style-type: none;
 }
-._14rlfn3m-3-11-3 {
+._14rlfn3m-3-12-0 {
   padding-top: var(--dt-spacings-size-12, 12px);
   padding-right: var(--dt-spacings-size-12, 12px);
   padding-bottom: var(--dt-spacings-size-4, 4px);
   padding-left: var(--dt-spacings-size-12, 12px);
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._14rlfn3n-3-11-3 {
+._14rlfn3n-3-12-0 {
   flex-shrink: 0;
 }
 @media screen and (max-width: 470px) {
-  ._14rlfn3d-3-11-3 {
+  ._14rlfn3d-3-12-0 {
     display: none;
   }
 }

package/esm/filters/timeframe-selector/components/presets/Presets.sty.js

@@ -1,16 +1,16 @@
 import "./Presets.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var displayValueWrapper = "_14rlfn36-3-11-3";
-var formattedPresetValue = _7a468({ defaultClassName: "_14rlfn3e-3-11-3", variantClassNames: { state: { rest: "_14rlfn3f-3-11-3", selected: "_14rlfn3g-3-11-3", disabled: "_14rlfn3h-3-11-3" } }, defaultVariants: { state: "rest" }, compoundVariants: [] });
-var indicatorIcon = _7a468({ defaultClassName: "_14rlfn3i-3-11-3", variantClassNames: { isDisabled: { true: "_14rlfn3j-3-11-3", false: "_14rlfn3k-3-11-3" } }, defaultVariants: {}, compoundVariants: [] });
-var item = _7a468({ defaultClassName: "_14rlfn31-3-11-3", variantClassNames: { state: { rest: "_14rlfn32-3-11-3", selected: "_14rlfn33-3-11-3", disabled: "_14rlfn34-3-11-3" }, defaultVariants: { state: "rest" } }, defaultVariants: {}, compoundVariants: [] });
-var itemContainer = "_14rlfn30-3-11-3";
-var listContainer = "_14rlfn3l-3-11-3";
-var mediaQuery = "_14rlfn3d-3-11-3";
-var recentHeading = "_14rlfn3m-3-11-3";
-var recentIcon = "_14rlfn3n-3-11-3";
-var timeframeDisplayValue = "_14rlfn37-3-11-3";
-var wrapper = _7a468({ defaultClassName: "_14rlfn38-3-11-3", variantClassNames: { isSelected: { true: "_14rlfn39-3-11-3", false: "_14rlfn3a-3-11-3" }, isDisabled: { true: "_14rlfn3b-3-11-3", false: "_14rlfn3c-3-11-3" } }, defaultVariants: {}, compoundVariants: [] });
+var displayValueWrapper = "_14rlfn36-3-12-0";
+var formattedPresetValue = _7a468({ defaultClassName: "_14rlfn3e-3-12-0", variantClassNames: { state: { rest: "_14rlfn3f-3-12-0", selected: "_14rlfn3g-3-12-0", disabled: "_14rlfn3h-3-12-0" } }, defaultVariants: { state: "rest" }, compoundVariants: [] });
+var indicatorIcon = _7a468({ defaultClassName: "_14rlfn3i-3-12-0", variantClassNames: { isDisabled: { true: "_14rlfn3j-3-12-0", false: "_14rlfn3k-3-12-0" } }, defaultVariants: {}, compoundVariants: [] });
+var item = _7a468({ defaultClassName: "_14rlfn31-3-12-0", variantClassNames: { state: { rest: "_14rlfn32-3-12-0", selected: "_14rlfn33-3-12-0", disabled: "_14rlfn34-3-12-0" }, defaultVariants: { state: "rest" } }, defaultVariants: {}, compoundVariants: [] });
+var itemContainer = "_14rlfn30-3-12-0";
+var listContainer = "_14rlfn3l-3-12-0";
+var mediaQuery = "_14rlfn3d-3-12-0";
+var recentHeading = "_14rlfn3m-3-12-0";
+var recentIcon = "_14rlfn3n-3-12-0";
+var timeframeDisplayValue = "_14rlfn37-3-12-0";
+var wrapper = _7a468({ defaultClassName: "_14rlfn38-3-12-0", variantClassNames: { isSelected: { true: "_14rlfn39-3-12-0", false: "_14rlfn3a-3-12-0" }, isDisabled: { true: "_14rlfn3b-3-12-0", false: "_14rlfn3c-3-12-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   displayValueWrapper,
   formattedPresetValue,

package/esm/filters/timeframe-selector/components/presets/Presets.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/filters/timeframe-selector/components/presets/Presets.css.ts"],
-  "sourcesContent": ["import './Presets.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var displayValueWrapper = '_14rlfn36-3-11-3';\nexport var formattedPresetValue = _7a468({defaultClassName:'_14rlfn3e-3-11-3',variantClassNames:{state:{rest:'_14rlfn3f-3-11-3',selected:'_14rlfn3g-3-11-3',disabled:'_14rlfn3h-3-11-3'}},defaultVariants:{state:'rest'},compoundVariants:[]});\nexport var indicatorIcon = _7a468({defaultClassName:'_14rlfn3i-3-11-3',variantClassNames:{isDisabled:{true:'_14rlfn3j-3-11-3',false:'_14rlfn3k-3-11-3'}},defaultVariants:{},compoundVariants:[]});\nexport var item = _7a468({defaultClassName:'_14rlfn31-3-11-3',variantClassNames:{state:{rest:'_14rlfn32-3-11-3',selected:'_14rlfn33-3-11-3',disabled:'_14rlfn34-3-11-3'},defaultVariants:{state:'rest'}},defaultVariants:{},compoundVariants:[]});\nexport var itemContainer = '_14rlfn30-3-11-3';\nexport var listContainer = '_14rlfn3l-3-11-3';\nexport var mediaQuery = '_14rlfn3d-3-11-3';\nexport var recentHeading = '_14rlfn3m-3-11-3';\nexport var recentIcon = '_14rlfn3n-3-11-3';\nexport var timeframeDisplayValue = '_14rlfn37-3-11-3';\nexport var wrapper = _7a468({defaultClassName:'_14rlfn38-3-11-3',variantClassNames:{isSelected:{true:'_14rlfn39-3-11-3',false:'_14rlfn3a-3-11-3'},isDisabled:{true:'_14rlfn3b-3-11-3',false:'_14rlfn3c-3-11-3'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './Presets.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var displayValueWrapper = '_14rlfn36-3-12-0';\nexport var formattedPresetValue = _7a468({defaultClassName:'_14rlfn3e-3-12-0',variantClassNames:{state:{rest:'_14rlfn3f-3-12-0',selected:'_14rlfn3g-3-12-0',disabled:'_14rlfn3h-3-12-0'}},defaultVariants:{state:'rest'},compoundVariants:[]});\nexport var indicatorIcon = _7a468({defaultClassName:'_14rlfn3i-3-12-0',variantClassNames:{isDisabled:{true:'_14rlfn3j-3-12-0',false:'_14rlfn3k-3-12-0'}},defaultVariants:{},compoundVariants:[]});\nexport var item = _7a468({defaultClassName:'_14rlfn31-3-12-0',variantClassNames:{state:{rest:'_14rlfn32-3-12-0',selected:'_14rlfn33-3-12-0',disabled:'_14rlfn34-3-12-0'},defaultVariants:{state:'rest'}},defaultVariants:{},compoundVariants:[]});\nexport var itemContainer = '_14rlfn30-3-12-0';\nexport var listContainer = '_14rlfn3l-3-12-0';\nexport var mediaQuery = '_14rlfn3d-3-12-0';\nexport var recentHeading = '_14rlfn3m-3-12-0';\nexport var recentIcon = '_14rlfn3n-3-12-0';\nexport var timeframeDisplayValue = '_14rlfn37-3-12-0';\nexport var wrapper = _7a468({defaultClassName:'_14rlfn38-3-12-0',variantClassNames:{isSelected:{true:'_14rlfn39-3-12-0',false:'_14rlfn3a-3-12-0'},isDisabled:{true:'_14rlfn3b-3-12-0',false:'_14rlfn3c-3-12-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,sBAAsB;AAC1B,IAAI,uBAAuB,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,OAAM,EAAC,MAAK,oBAAmB,UAAS,oBAAmB,UAAS,mBAAkB,EAAC,GAAE,iBAAgB,EAAC,OAAM,OAAM,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACtO,IAAI,gBAAgB,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,YAAW,EAAC,MAAK,oBAAmB,OAAM,mBAAkB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACzL,IAAI,OAAO,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,OAAM,EAAC,MAAK,oBAAmB,UAAS,oBAAmB,UAAS,mBAAkB,GAAE,iBAAgB,EAAC,OAAM,OAAM,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACzO,IAAI,gBAAgB;AACpB,IAAI,gBAAgB;AACpB,IAAI,aAAa;AACjB,IAAI,gBAAgB;AACpB,IAAI,aAAa;AACjB,IAAI,wBAAwB;AAC5B,IAAI,UAAU,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,YAAW,EAAC,MAAK,oBAAmB,OAAM,mBAAkB,GAAE,YAAW,EAAC,MAAK,oBAAmB,OAAM,mBAAkB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/filters/timeframe-selector/components/trigger/Trigger.css

@@ -1,24 +1,24 @@
-._attccb0-3-11-3 {
+._attccb0-3-12-0 {
   cursor: default;
 }
-:root:not(._1jgl8s50-3-11-3) ._attccb0-3-11-3 {
+:root:not(._1jgl8s50-3-12-0) ._attccb0-3-12-0 {
   background-color: var(--dt-colors-background-field-neutral-disabled, #e4e5eb80);
 }
-._attccb1-3-11-3 {
+._attccb1-3-12-0 {
   font-size: 0;
   transition-property: transform;
 }
-._attccb0-3-11-3 ._attccb1-3-11-3 {
+._attccb0-3-12-0 ._attccb1-3-12-0 {
   color: var(--dt-colors-text-neutral-disabled, #595a7d80);
 }
-._attccb2-3-11-3 {
+._attccb2-3-12-0 {
   transform: rotate(180deg);
 }
-._1jgl8s50-3-11-3 ._attccb3-3-11-3:hover, ._1jgl8s50-3-11-3 ._attccb3-3-11-3:active {
-  --_bx32h3-3-11-3: var(--dt-colors-background-surface-default, #fff);
-  --_bx32h4-3-11-3: var(--dt-box-shadows-field-neutral-emphasized-rest, inset 0px 0px 0px 1px #2f2f4f1f, inset 0px -1px 0px #2f2f4f14, 0px 1px 1px -1px #2d2e4e1f, inset 0px 0px 0px 1px #fff);
+._1jgl8s50-3-12-0 ._attccb3-3-12-0:hover, ._1jgl8s50-3-12-0 ._attccb3-3-12-0:active {
+  --_bx32h3-3-12-0: var(--dt-colors-background-surface-default, #fff);
+  --_bx32h4-3-12-0: var(--dt-box-shadows-field-neutral-emphasized-rest, inset 0px 0px 0px 1px #2f2f4f1f, inset 0px -1px 0px #2f2f4f14, 0px 1px 1px -1px #2d2e4e1f, inset 0px 0px 0px 1px #fff);
 }
-._1jgl8s50-3-11-3 ._attccb4-3-11-3:hover, ._1jgl8s50-3-11-3 ._attccb4-3-11-3:active {
-  --_bx32h3-3-11-3: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
-  --_bx32h4-3-11-3: var(--dt-box-shadows-field-critical-emphasized-rest, inset 0px 0px 0px 1px #7500130f, inset 0px -1px 0px #7500131a, 0px 1px 1px -1px #2d2e4e1f, inset 0px 0px 0px 1px #f8e1e1);
+._1jgl8s50-3-12-0 ._attccb4-3-12-0:hover, ._1jgl8s50-3-12-0 ._attccb4-3-12-0:active {
+  --_bx32h3-3-12-0: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
+  --_bx32h4-3-12-0: var(--dt-box-shadows-field-critical-emphasized-rest, inset 0px 0px 0px 1px #7500130f, inset 0px -1px 0px #7500131a, 0px 1px 1px -1px #2d2e4e1f, inset 0px 0px 0px 1px #f8e1e1);
 }

package/esm/filters/timeframe-selector/components/trigger/Trigger.sty.js

@@ -1,10 +1,10 @@
 import "../../../../core/components/app-root/AppRoot.css";
 import "../../../../styles/field.css";
 import "./Trigger.css";
-var readOnly = "_attccb0-3-11-3";
-var readOnlyColor = { neutral: "_attccb3-3-11-3", critical: "_attccb4-3-11-3" };
-var suffix = "_attccb1-3-11-3";
-var suffixOpen = "_attccb2-3-11-3";
+var readOnly = "_attccb0-3-12-0";
+var readOnlyColor = { neutral: "_attccb3-3-12-0", critical: "_attccb4-3-12-0" };
+var suffix = "_attccb1-3-12-0";
+var suffixOpen = "_attccb2-3-12-0";
 export {
   readOnly,
   readOnlyColor,

package/esm/filters/timeframe-selector/components/trigger/Trigger.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/filters/timeframe-selector/components/trigger/Trigger.css.ts"],
-  "sourcesContent": ["import '../../../../core/components/app-root/AppRoot.css';\nimport '../../../../styles/field.css';\nimport './Trigger.css';\nexport var readOnly = '_attccb0-3-11-3';\nexport var readOnlyColor = {neutral:'_attccb3-3-11-3',critical:'_attccb4-3-11-3'};\nexport var suffix = '_attccb1-3-11-3';\nexport var suffixOpen = '_attccb2-3-11-3';"],
+  "sourcesContent": ["import '../../../../core/components/app-root/AppRoot.css';\nimport '../../../../styles/field.css';\nimport './Trigger.css';\nexport var readOnly = '_attccb0-3-12-0';\nexport var readOnlyColor = {neutral:'_attccb3-3-12-0',critical:'_attccb4-3-12-0'};\nexport var suffix = '_attccb1-3-12-0';\nexport var suffixOpen = '_attccb2-3-12-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACA,IAAI,WAAW;AACf,IAAI,gBAAgB,EAAC,SAAQ,mBAAkB,UAAS,kBAAiB;AACzE,IAAI,SAAS;AACb,IAAI,aAAa;",
   "names": []
 }

package/esm/filters/timeframe-selector/constants/timeframeSelectorMessages.js

@@ -120,8 +120,8 @@ const TIMEFRAME_SELECTOR_MESSAGES = defineMessages({
   },
   timeframeLabel: {
     defaultMessage: "Timeframe",
-    id: "EKDlkAM4+D7rcALf",
-    description: "Timeframe label shown in the TimeframeSelector overlay."
+    id: "/p/pwzT/bHq8jsba",
+    description: "Label for the TimeframeSelector: used as the visible label in the custom timeframe overlay and as the default accessible name for the trigger button."
   }
 });
 export {

package/esm/filters/timeframe-selector/constants/timeframeSelectorMessages.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/timeframe-selector/constants/timeframeSelectorMessages.ts"],
-  "sourcesContent": ["import { omit } from 'lodash-es';\nimport { defineMessages } from 'react-intl';\n\nimport { TIME_ERROR_MESSAGES } from '../../../core/time/timeErrorMessages.js';\n\n/**\n * Error messages for the TimeframeSelector component. Reuses the shared\n * {@link TIME_ERROR_MESSAGES}, omitting the keys that only apply to a\n * single-value picker (TimeframeSelector always deals with a range).\n * @internal\n */\nexport const TIMEFRAMESELECTOR_ERROR_MESSAGES: Omit<\n  typeof TIME_ERROR_MESSAGES,\n  'singleValueMissing' | 'invalid'\n> = omit(TIME_ERROR_MESSAGES, ['singleValueMissing', 'invalid']);\n\n/** @internal */\nexport const TIMEFRAME_SELECTOR_MESSAGES = defineMessages({\n  startTime: {\n    description:\n      'Description for the start time of the preset item value, that is shown in the tooltip',\n    defaultMessage: 'Start',\n    id: 'QF4myF79Hrp3e/0Q',\n  },\n  endTime: {\n    description:\n      'Description for the end time of the preset item value, that is shown in the tooltip',\n    defaultMessage: 'End',\n    id: 'fHGjouAXIpSTl8T2',\n  },\n  duration: {\n    description:\n      'Description for the duration of the timeframe, that is shown in the tooltip',\n    defaultMessage: 'Duration',\n    id: 'ZvsC1dVcKeywqOWW',\n  },\n  prefix: {\n    description:\n      'Prefix for the moving a duration of the timeframe forward or backward, that is shown in the tooltip',\n    defaultMessage: 'Move ',\n    id: 'VoHb/9htaX3GgMyA',\n  },\n  suffix: {\n    description:\n      'Suffix for the moving a duration of the timeframe forward or backward, that is shown in the tooltip',\n    defaultMessage: ' {suffix}',\n    id: 'IU+dkogAuDAabi52',\n  },\n  'ms-duration': {\n    description: 'Timeframe duration formatter: timeframe-millisecond',\n    defaultMessage:\n      '{offset, plural, one {# millisecond} other {# milliseconds}} ',\n    id: 'L6ZeI3XBOuh0L/CT',\n  },\n  's-duration': {\n    description: 'Timeframe duration formatter: timeframe-second',\n    defaultMessage: '{offset, plural, one {# second} other {# seconds}} ',\n    id: 'mG+nMDkU8bB8zLlO',\n  },\n  'm-duration': {\n    description: 'Timeframe duration formatter: timeframe-minute',\n    defaultMessage: '{offset, plural, one {# minute} other {# minutes}} ',\n    id: 'JlWcGe/hRo/kyTD+',\n  },\n  'h-duration': {\n    description: 'Timeframe duration formatter: timeframe-hour',\n    defaultMessage: '{offset, plural, one {# hour} other {# hours}}',\n    id: 'ADLDZ8spJCrDx/6Q',\n  },\n  'd-duration': {\n    description: 'Timeframe duration formatter: timeframe-day',\n    defaultMessage: '{offset, plural, one {# day} other {# days}}',\n    id: 'gIQd1giAq7WNDZp6',\n  },\n  'w-duration': {\n    description: 'Timeframe duration formatter: timeframe-week',\n    defaultMessage: '{offset, plural, one {# week} other {# weeks}}',\n    id: 'TuHiu5OflYhkrvKy',\n  },\n  'M-duration': {\n    description: 'Timeframe duration formatter: timeframe-month',\n    defaultMessage: '{offset, plural, one {# month} other {# months}} ',\n    id: 'AYfNQEjfwenkbxsg',\n  },\n  'q-duration': {\n    description: 'Timeframe duration formatter: timeframe-quarter',\n    defaultMessage: '{offset, plural, one {# quarter} other {# quarters}}',\n    id: 'ItflQisz88wfEcF+',\n  },\n  'y-duration': {\n    description: 'Timeframe duration formatter: timeframe-year',\n    defaultMessage: '{offset, plural, one {# year} other {# years}}',\n    id: 'gzgHXY7+xENWvOfC',\n  },\n  absoluteDateDuration: {\n    description: 'Timeframe duration formatter: move-absolute-date',\n    defaultMessage:\n      '{years, select, 0 {} other {{years, plural, one {# year } other {# years }}}}' +\n      '{months, select, 0 {} other {{months, plural, one {# month } other {# months }}}}' +\n      '{days, select, 0 {} other {{days, plural, one {# day } other {# days }}}}' +\n      '{hours, select, 0 {} other {{hours, plural, one {# hour } other {# hours }}}}' +\n      '{minutes, select, 0 {} other {{minutes, plural, one {# minute } other {# minutes }}}}' +\n      '{seconds, select, 0 {} other {{seconds, plural, one {# second } other {# seconds }}}}' +\n      '{milliseconds, select, 0 {} other {{milliseconds, plural, one {# millisecond } other {# milliseconds }}}}',\n    id: 'sITxaoPwIvMbTOY3',\n  },\n  docsLinkText: {\n    defaultMessage: 'Learn more',\n    id: 'q9YfvvFrRo1n8wvN',\n    description:\n      'Display text for the link to the timeframe selector documentation.',\n  },\n  resetTimeframeButton: {\n    defaultMessage: 'Reset timeframe',\n    id: 'EG+qZn4zIajJ41CP',\n    description:\n      'Shown for the reset timeframe button of the timeframe selector.',\n  },\n  timeframePresets: {\n    defaultMessage: 'List of timeframe presets',\n    id: '1cycyeSJyv4MEQyz',\n    description: 'Aria label for the list of timeframe presets.',\n  },\n  recentTimeframesHeading: {\n    defaultMessage: 'Recently used',\n    id: '8kqNkvIZtJIon5xR',\n    description: 'Heading for the recently used timeframes.',\n  },\n  recentTimeframesList: {\n    defaultMessage: 'List of recently used timeframes',\n    id: 'BDzwWccOiezgFJp3',\n    description: 'Aria label for the list of recently used timeframes.',\n  },\n  disabledTooltip: {\n    defaultMessage: 'The timeframe exceeds the limits supported in this app.',\n    id: 'KzBG7IQ4sG79Dlpy',\n    description: 'Tooltip message for a disabled timeframe.',\n  },\n  overlayContainer: {\n    defaultMessage:\n      'Timeframe selector overlay for providing a custom timeframe or selecting one of the presets',\n    id: 'hnsZ5MLEj9V3vVxP',\n    description: 'Aria label for the overlay of the timeframe selector.',\n  },\n  applyButton: {\n    defaultMessage: 'Apply',\n    id: 'Np6+N27mrjvIJEls',\n    description: 'Shown for the apply button of the timeframe selector.',\n  },\n  timeframeLabel: {\n    defaultMessage: 'Timeframe',\n    id: 'EKDlkAM4+D7rcALf',\n    description: 'Timeframe label shown in the TimeframeSelector overlay.',\n  },\n});\n"],
-  "mappings": "AAAA,SAAS,YAAY;AACrB,SAAS,sBAAsB;AAE/B,SAAS,2BAA2B;AAQ7B,MAAM,mCAGT,KAAK,qBAAqB,CAAC,sBAAsB,SAAS,CAAC;AAGxD,MAAM,8BAA8B,eAAe;AAAA,EACxD,WAAW;AAAA,IACT,aACE;AAAA,IACF,gBAAgB;AAAA,IAChB,IAAI;AAAA,EACN;AAAA,EACA,SAAS;AAAA,IACP,aACE;AAAA,IACF,gBAAgB;AAAA,IAChB,IAAI;AAAA,EACN;AAAA,EACA,UAAU;AAAA,IACR,aACE;AAAA,IACF,gBAAgB;AAAA,IAChB,IAAI;AAAA,EACN;AAAA,EACA,QAAQ;AAAA,IACN,aACE;AAAA,IACF,gBAAgB;AAAA,IAChB,IAAI;AAAA,EACN;AAAA,EACA,QAAQ;AAAA,IACN,aACE;AAAA,IACF,gBAAgB;AAAA,IAChB,IAAI;AAAA,EACN;AAAA,EACA,eAAe;AAAA,IACb,aAAa;AAAA,IACb,gBACE;AAAA,IACF,IAAI;AAAA,EACN;AAAA,EACA,cAAc;AAAA,IACZ,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,IAAI;AAAA,EACN;AAAA,EACA,cAAc;AAAA,IACZ,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,IAAI;AAAA,EACN;AAAA,EACA,cAAc;AAAA,IACZ,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,IAAI;AAAA,EACN;AAAA,EACA,cAAc;AAAA,IACZ,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,IAAI;AAAA,EACN;AAAA,EACA,cAAc;AAAA,IACZ,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,IAAI;AAAA,EACN;AAAA,EACA,cAAc;AAAA,IACZ,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,IAAI;AAAA,EACN;AAAA,EACA,cAAc;AAAA,IACZ,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,IAAI;AAAA,EACN;AAAA,EACA,cAAc;AAAA,IACZ,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,IAAI;AAAA,EACN;AAAA,EACA,sBAAsB;AAAA,IACpB,aAAa;AAAA,IACb,gBACE;AAAA,IAOF,IAAI;AAAA,EACN;AAAA,EACA,cAAc;AAAA,IACZ,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,aACE;AAAA,EACJ;AAAA,EACA,sBAAsB;AAAA,IACpB,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,aACE;AAAA,EACJ;AAAA,EACA,kBAAkB;AAAA,IAChB,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,aAAa;AAAA,EACf;AAAA,EACA,yBAAyB;AAAA,IACvB,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,aAAa;AAAA,EACf;AAAA,EACA,sBAAsB;AAAA,IACpB,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,aAAa;AAAA,EACf;AAAA,EACA,iBAAiB;AAAA,IACf,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,aAAa;AAAA,EACf;AAAA,EACA,kBAAkB;AAAA,IAChB,gBACE;AAAA,IACF,IAAI;AAAA,IACJ,aAAa;AAAA,EACf;AAAA,EACA,aAAa;AAAA,IACX,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,aAAa;AAAA,EACf;AAAA,EACA,gBAAgB;AAAA,IACd,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,aAAa;AAAA,EACf;AACF,CAAC;",
+  "sourcesContent": ["import { omit } from 'lodash-es';\nimport { defineMessages } from 'react-intl';\n\nimport { TIME_ERROR_MESSAGES } from '../../../core/time/timeErrorMessages.js';\n\n/**\n * Error messages for the TimeframeSelector component. Reuses the shared\n * {@link TIME_ERROR_MESSAGES}, omitting the keys that only apply to a\n * single-value picker (TimeframeSelector always deals with a range).\n * @internal\n */\nexport const TIMEFRAMESELECTOR_ERROR_MESSAGES: Omit<\n  typeof TIME_ERROR_MESSAGES,\n  'singleValueMissing' | 'invalid'\n> = omit(TIME_ERROR_MESSAGES, ['singleValueMissing', 'invalid']);\n\n/** @internal */\nexport const TIMEFRAME_SELECTOR_MESSAGES = defineMessages({\n  startTime: {\n    description:\n      'Description for the start time of the preset item value, that is shown in the tooltip',\n    defaultMessage: 'Start',\n    id: 'QF4myF79Hrp3e/0Q',\n  },\n  endTime: {\n    description:\n      'Description for the end time of the preset item value, that is shown in the tooltip',\n    defaultMessage: 'End',\n    id: 'fHGjouAXIpSTl8T2',\n  },\n  duration: {\n    description:\n      'Description for the duration of the timeframe, that is shown in the tooltip',\n    defaultMessage: 'Duration',\n    id: 'ZvsC1dVcKeywqOWW',\n  },\n  prefix: {\n    description:\n      'Prefix for the moving a duration of the timeframe forward or backward, that is shown in the tooltip',\n    defaultMessage: 'Move ',\n    id: 'VoHb/9htaX3GgMyA',\n  },\n  suffix: {\n    description:\n      'Suffix for the moving a duration of the timeframe forward or backward, that is shown in the tooltip',\n    defaultMessage: ' {suffix}',\n    id: 'IU+dkogAuDAabi52',\n  },\n  'ms-duration': {\n    description: 'Timeframe duration formatter: timeframe-millisecond',\n    defaultMessage:\n      '{offset, plural, one {# millisecond} other {# milliseconds}} ',\n    id: 'L6ZeI3XBOuh0L/CT',\n  },\n  's-duration': {\n    description: 'Timeframe duration formatter: timeframe-second',\n    defaultMessage: '{offset, plural, one {# second} other {# seconds}} ',\n    id: 'mG+nMDkU8bB8zLlO',\n  },\n  'm-duration': {\n    description: 'Timeframe duration formatter: timeframe-minute',\n    defaultMessage: '{offset, plural, one {# minute} other {# minutes}} ',\n    id: 'JlWcGe/hRo/kyTD+',\n  },\n  'h-duration': {\n    description: 'Timeframe duration formatter: timeframe-hour',\n    defaultMessage: '{offset, plural, one {# hour} other {# hours}}',\n    id: 'ADLDZ8spJCrDx/6Q',\n  },\n  'd-duration': {\n    description: 'Timeframe duration formatter: timeframe-day',\n    defaultMessage: '{offset, plural, one {# day} other {# days}}',\n    id: 'gIQd1giAq7WNDZp6',\n  },\n  'w-duration': {\n    description: 'Timeframe duration formatter: timeframe-week',\n    defaultMessage: '{offset, plural, one {# week} other {# weeks}}',\n    id: 'TuHiu5OflYhkrvKy',\n  },\n  'M-duration': {\n    description: 'Timeframe duration formatter: timeframe-month',\n    defaultMessage: '{offset, plural, one {# month} other {# months}} ',\n    id: 'AYfNQEjfwenkbxsg',\n  },\n  'q-duration': {\n    description: 'Timeframe duration formatter: timeframe-quarter',\n    defaultMessage: '{offset, plural, one {# quarter} other {# quarters}}',\n    id: 'ItflQisz88wfEcF+',\n  },\n  'y-duration': {\n    description: 'Timeframe duration formatter: timeframe-year',\n    defaultMessage: '{offset, plural, one {# year} other {# years}}',\n    id: 'gzgHXY7+xENWvOfC',\n  },\n  absoluteDateDuration: {\n    description: 'Timeframe duration formatter: move-absolute-date',\n    defaultMessage:\n      '{years, select, 0 {} other {{years, plural, one {# year } other {# years }}}}' +\n      '{months, select, 0 {} other {{months, plural, one {# month } other {# months }}}}' +\n      '{days, select, 0 {} other {{days, plural, one {# day } other {# days }}}}' +\n      '{hours, select, 0 {} other {{hours, plural, one {# hour } other {# hours }}}}' +\n      '{minutes, select, 0 {} other {{minutes, plural, one {# minute } other {# minutes }}}}' +\n      '{seconds, select, 0 {} other {{seconds, plural, one {# second } other {# seconds }}}}' +\n      '{milliseconds, select, 0 {} other {{milliseconds, plural, one {# millisecond } other {# milliseconds }}}}',\n    id: 'sITxaoPwIvMbTOY3',\n  },\n  docsLinkText: {\n    defaultMessage: 'Learn more',\n    id: 'q9YfvvFrRo1n8wvN',\n    description:\n      'Display text for the link to the timeframe selector documentation.',\n  },\n  resetTimeframeButton: {\n    defaultMessage: 'Reset timeframe',\n    id: 'EG+qZn4zIajJ41CP',\n    description:\n      'Shown for the reset timeframe button of the timeframe selector.',\n  },\n  timeframePresets: {\n    defaultMessage: 'List of timeframe presets',\n    id: '1cycyeSJyv4MEQyz',\n    description: 'Aria label for the list of timeframe presets.',\n  },\n  recentTimeframesHeading: {\n    defaultMessage: 'Recently used',\n    id: '8kqNkvIZtJIon5xR',\n    description: 'Heading for the recently used timeframes.',\n  },\n  recentTimeframesList: {\n    defaultMessage: 'List of recently used timeframes',\n    id: 'BDzwWccOiezgFJp3',\n    description: 'Aria label for the list of recently used timeframes.',\n  },\n  disabledTooltip: {\n    defaultMessage: 'The timeframe exceeds the limits supported in this app.',\n    id: 'KzBG7IQ4sG79Dlpy',\n    description: 'Tooltip message for a disabled timeframe.',\n  },\n  overlayContainer: {\n    defaultMessage:\n      'Timeframe selector overlay for providing a custom timeframe or selecting one of the presets',\n    id: 'hnsZ5MLEj9V3vVxP',\n    description: 'Aria label for the overlay of the timeframe selector.',\n  },\n  applyButton: {\n    defaultMessage: 'Apply',\n    id: 'Np6+N27mrjvIJEls',\n    description: 'Shown for the apply button of the timeframe selector.',\n  },\n  timeframeLabel: {\n    defaultMessage: 'Timeframe',\n    id: '/p/pwzT/bHq8jsba',\n    description:\n      'Label for the TimeframeSelector: used as the visible label in the custom timeframe overlay and as the default accessible name for the trigger button.',\n  },\n});\n"],
+  "mappings": "AAAA,SAAS,YAAY;AACrB,SAAS,sBAAsB;AAE/B,SAAS,2BAA2B;AAQ7B,MAAM,mCAGT,KAAK,qBAAqB,CAAC,sBAAsB,SAAS,CAAC;AAGxD,MAAM,8BAA8B,eAAe;AAAA,EACxD,WAAW;AAAA,IACT,aACE;AAAA,IACF,gBAAgB;AAAA,IAChB,IAAI;AAAA,EACN;AAAA,EACA,SAAS;AAAA,IACP,aACE;AAAA,IACF,gBAAgB;AAAA,IAChB,IAAI;AAAA,EACN;AAAA,EACA,UAAU;AAAA,IACR,aACE;AAAA,IACF,gBAAgB;AAAA,IAChB,IAAI;AAAA,EACN;AAAA,EACA,QAAQ;AAAA,IACN,aACE;AAAA,IACF,gBAAgB;AAAA,IAChB,IAAI;AAAA,EACN;AAAA,EACA,QAAQ;AAAA,IACN,aACE;AAAA,IACF,gBAAgB;AAAA,IAChB,IAAI;AAAA,EACN;AAAA,EACA,eAAe;AAAA,IACb,aAAa;AAAA,IACb,gBACE;AAAA,IACF,IAAI;AAAA,EACN;AAAA,EACA,cAAc;AAAA,IACZ,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,IAAI;AAAA,EACN;AAAA,EACA,cAAc;AAAA,IACZ,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,IAAI;AAAA,EACN;AAAA,EACA,cAAc;AAAA,IACZ,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,IAAI;AAAA,EACN;AAAA,EACA,cAAc;AAAA,IACZ,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,IAAI;AAAA,EACN;AAAA,EACA,cAAc;AAAA,IACZ,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,IAAI;AAAA,EACN;AAAA,EACA,cAAc;AAAA,IACZ,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,IAAI;AAAA,EACN;AAAA,EACA,cAAc;AAAA,IACZ,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,IAAI;AAAA,EACN;AAAA,EACA,cAAc;AAAA,IACZ,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,IAAI;AAAA,EACN;AAAA,EACA,sBAAsB;AAAA,IACpB,aAAa;AAAA,IACb,gBACE;AAAA,IAOF,IAAI;AAAA,EACN;AAAA,EACA,cAAc;AAAA,IACZ,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,aACE;AAAA,EACJ;AAAA,EACA,sBAAsB;AAAA,IACpB,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,aACE;AAAA,EACJ;AAAA,EACA,kBAAkB;AAAA,IAChB,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,aAAa;AAAA,EACf;AAAA,EACA,yBAAyB;AAAA,IACvB,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,aAAa;AAAA,EACf;AAAA,EACA,sBAAsB;AAAA,IACpB,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,aAAa;AAAA,EACf;AAAA,EACA,iBAAiB;AAAA,IACf,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,aAAa;AAAA,EACf;AAAA,EACA,kBAAkB;AAAA,IAChB,gBACE;AAAA,IACF,IAAI;AAAA,IACJ,aAAa;AAAA,EACf;AAAA,EACA,aAAa;AAAA,IACX,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,aAAa;AAAA,EACf;AAAA,EACA,gBAAgB;AAAA,IACd,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,aACE;AAAA,EACJ;AACF,CAAC;",
   "names": []
 }