npm - @ember-eui/core - Versions diffs - 16.1.1 → 16.2.0 - Mend

@ember-eui/core 16.1.1 → 16.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (858) hide show

package/dist/components/eui-super-date-picker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-super-date-picker.js","sources":["../../src/components/eui-super-date-picker.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached, tracked } from '@glimmer/tracking';\nimport { action } from '@ember/object';\nimport { on } from '@ember/modifier';\nimport { service } from '@ember/service';\n\nimport dateMath from '@elastic/datemath';\nimport { modifier } from 'ember-modifier';\nimport { eq, or } from 'ember-truth-helpers';\n\nimport { argOrDefaultDecorator } from '../helpers/arg-or-default.ts';\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport {\n euiSuperDatePickerStyles,\n euiTextTruncate\n} from '../utils/eui/styles.generated.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport EuiDatePopoverButton from './eui-super-date-picker/date-popover/eui-date-popover-button.gts';\nimport EuiDatePickerRange from './eui-super-date-picker/eui-date-picker-range.gts';\nimport EuiQuickSelectPopover from './eui-super-date-picker/eui-quick-select-popover.gts';\nimport EuiSuperUpdateButton from './eui-super-date-picker/eui-super-update-button.gts';\nimport EuiTimeWindowButtons from './eui-super-date-picker/eui-time-window-buttons.gts';\nimport EuiAutoRefresh from './eui-auto-refresh.gts';\nimport EuiAutoRefreshButton from './eui-auto-refresh-button.gts';\nimport EuiFormControlButton from './eui-form-control-button.gts';\nimport EuiFormControlLayout from './eui-form-control-layout.gts';\nimport EuiToolTip from './eui-tool-tip.gts';\nimport { isRangeInvalid } from './eui-super-date-picker/utils/index.ts';\nimport {\n prettyDuration,\n showPrettyDuration\n} from './eui-super-date-picker/utils/pretty-duration.ts';\nimport { useI18nTimeOptions } from './eui-super-date-picker/utils/time-options.ts';\n\nimport type EuiI18n from '../services/eui-i18n';\nimport type { EuiTimeZoneDisplayProps } from './eui-super-date-picker/date-popover/eui-time-zone-display.gts';\nimport type {\n CustomQuickSelectRenderOptions,\n EuiQuickSelectButtonProps\n} from './eui-super-date-picker/eui-quick-select-popover.gts';\nimport type { EuiSuperUpdateButtonProps } from './eui-super-date-picker/eui-super-update-button.gts';\nimport type { EuiTimeWindowButtonsConfig } from './eui-super-date-picker/eui-time-window-buttons.gts';\nimport type {\n ApplyRefreshInterval,\n ApplyTime,\n DurationRange,\n Milliseconds,\n QuickSelectPanel,\n RefreshUnitsOptions,\n ShortDate\n} from './eui-super-date-picker/types/global';\nimport type { ComponentLike } from '@glint/template';\nimport type { LocaleSpecifier, Moment } from 'moment';\n\nexport type {\n ApplyRefreshInterval,\n ApplyTime,\n CustomQuickSelectRenderOptions,\n DurationRange,\n EuiQuickSelectButtonProps,\n EuiSuperUpdateButtonProps,\n EuiTimeWindowButtonsConfig,\n EuiTimeZoneDisplayProps,\n Milliseconds,\n QuickSelectPanel,\n RefreshUnitsOptions,\n ShortDate\n};\n\n/*\n EuiSuperDatePicker picks a time range (absolute dates, relative like\n * \"last 15 minutes\", or \"now\") with a quick select popover and optional\n * auto refresh, as in Kibana. `@onTimeChange` receives date math strings.\n /\nexport interface EuiSuperDatePickerArgs {\n /\n Ranges listed as \"Commonly used\" in the quick select popover:\n * `[{ start: 'now/d', end: 'now/d', label: 'Today' }, …]`. Defaults to\n * EUI's list (Today, This week, Last 15 minutes, …).\n /\n commonlyUsedRanges?: DurationRange[];\n /\n Extra panels at the end of the quick select popover:\n * `[{ title: 'My panel', content: MyPanel }]`. `content` is a component,\n * rendered with `@applyTime`; call it with `{ start, end }` to apply a\n * range (as a quick selection) and close the popover.\n /\n customQuickSelectPanels?: QuickSelectPanel[];\n /\n moment format for absolute dates. Defaults to\n * `'MMM D, YYYY @ HH:mm:ss.SSS'`.\n /\n dateFormat?: string;\n /\n Set isAutoRefreshOnly to true to limit the component to only display\n * auto refresh content. Defaults to `false`.\n /\n isAutoRefreshOnly?: boolean;\n /\n Disables the picker. Defaults to `false`. Pass `{ display }` to also\n * replace the dates with your own content, e.g. `{ display: 'All time' }`\n * (a string or a component), in a disabled button.\n /\n isDisabled?: boolean \| { display: string \| ComponentLike };\n /\n Shows a commonly used or relative range (\"Last 15 minutes\") as one\n * summary button until it is clicked. Upstream always does this; in Ember\n * EUI it is opt-in. Defaults to `false`.\n /\n showPrettyDuration?: boolean;\n /* Shows the update button's loading state, e.g. while data refreshes. /\n isLoading?: boolean;\n /\n Whether auto refresh is paused (with `@onRefreshChange`).\n * Defaults to `true`.\n /\n isPaused?: boolean;\n /\n Sets the overall width by adding sensible min and max widths.\n * - `auto`: fits width to internal content / time string.\n * - `restricted`: static width that fits the longest possible time string\n * (600px with the update button, 480px without).\n * - `full`: expands to 100% of the container.\n * Defaults to `'restricted'`. `@isQuickSelectOnly` forces `'auto'`.\n /\n width?: 'restricted' \| 'full' \| 'auto';\n /\n Reduces overall height to compressed form size\n /\n compressed?: boolean;\n /\n Used to localize e.g. month names, passed to `moment`\n /\n locale?: LocaleSpecifier;\n /\n Called every `@refreshInterval` ms while not `@isPaused` (and by the\n * update button when the range has not changed), with `{ start, end,\n * refreshInterval }`. If it returns a promise, the next call waits for\n * it; if the promise rejects, refreshing stops.\n /\n onRefresh?: (props: {\n start: string;\n end: string;\n refreshInterval: number;\n }) => void \| Promise<unknown>;\n /\n Adds the \"Refresh every\" section to the quick select popover; called\n * with `{ refreshInterval, isPaused }` when the user changes them.\n /\n onRefreshChange?: ApplyRefreshInterval;\n /\n Callback for when the time changes.\n /\n onTimeChange: (props: {\n start: string;\n end: string;\n isQuickSelection: boolean;\n isInvalid: boolean;\n }) => void;\n /\n Ranges listed as \"Recently used\" in the quick select popover (their\n * `label`, or \"start → end\").\n /\n recentlyUsedRanges?: DurationRange[];\n /\n Refresh interval in milliseconds. Defaults to `1000`.\n /\n refreshInterval?: Milliseconds;\n /\n Minimum refresh interval in milliseconds: the refresh interval fields\n * don't go below it. Defaults to `0`.\n /\n refreshMinInterval?: Milliseconds;\n /\n The refresh interval's unit (`'s'`, `'m'` or `'h'`). By default it is\n * rounded up to the largest unit that fits (90 seconds become 2 minutes).\n * To keep the user's unit, store the `intervalUnits` `@onRefreshChange`\n * receives and pass it back here.\n /\n refreshIntervalUnits?: RefreshUnitsOptions;\n /\n Start of the range, as date math (`'now-15m'`, `'now/d'`) or an ISO\n * date. Defaults to `'now-15m'`.\n /\n start?: ShortDate;\n /* End of the range, like `@start`. Defaults to `'now'`. /\n end?: ShortDate;\n /\n Earliest selectable date (a moment): earlier days are disabled in the\n * calendar and a start before it makes the range invalid.\n /\n minDate?: Moment;\n /\n Latest selectable date (a moment): later days are disabled in the\n * calendar and an end after it makes the range invalid.\n /\n maxDate?: Moment;\n /\n moment format for times in the date picker. Defaults to `'HH:mm'`.\n /\n timeFormat?: string;\n /* UTC offset in minutes for absolute dates, e.g. `-300`. /\n utcOffset?: number;\n /\n Set showUpdateButton to false to immediately invoke onTimeChange for\n * all start and end changes; `'iconOnly'` shows a compact button.\n * Defaults to `true`.\n /\n showUpdateButton?: boolean \| 'iconOnly';\n /\n Hides the actual input reducing to just the quick select button.\n /\n isQuickSelectOnly?: boolean;\n /\n Arguments for the update button: `{ fill, color, size, iconType,\n * iconOnly, className, children, minWidth, showTooltip, toolTipProps,\n * responsive, 'data-test-subj' }` (`children` is a custom label;\n * `responsive` lists the screen sizes where it collapses to its icon,\n * `['xs', 's']` by default, or `false`). They win over the picker's own,\n * e.g. `{ fill: false }`.\n /\n updateButtonProps?: EuiSuperUpdateButtonProps;\n /\n Props for the quick select button, spread over its defaults:\n * `{ 'aria-label', 'data-test-subj', onClick, onMouseDown, label,\n * iconLeft, iconRight, className, … }`. `on` functions become event\n listeners (`onClick` runs after the popover toggles); other unknown\n * keys are set as attributes.\n /\n quickSelectButtonProps?: EuiQuickSelectButtonProps;\n /\n Shows a button group next to the control to shift the time window back\n * and forward and to zoom it out. `true`, or a configuration\n * `{ showZoomOut, showZoomIn, showShiftArrows, zoomFactor }` (zoom in is\n * off by default; `zoomFactor` defaults to `0.5`, also as `'50%'`).\n /\n showTimeWindowButtons?: boolean \| EuiTimeWindowButtonsConfig;\n /\n Shows time zone information in the start/end popovers:\n * `{ timeZone: 'America/Los_Angeles' }` (any IANA name, `'Browser'` or\n * `'UTC'`), plus an optional reference `date` and a `customRender`\n * component (`@nameDisplay`, `@utcOffset`, `@timeZoneName`).\n * Informational only: dates are not converted.\n /\n timeZoneDisplayProps?: EuiTimeZoneDisplayProps;\n /\n By default relative values are rounded to the largest unit that fits\n * (90 minutes show as \"~ 2 hours ago\"). `false` keeps the user's units.\n * Defaults to `true`.\n /\n canRoundRelativeUnits?: boolean;\n /* Called when the start or end date button gets focus. /\n onFocus?: (event: FocusEvent) => void;\n}\n\nexport interface EuiSuperDatePickerSignature {\n Element: HTMLDivElement;\n Args: EuiSuperDatePickerArgs;\n Blocks: {\n /\n Replaces the quick select popover's content (upstream\n * `customQuickSelectRender`). Yields the default panels as components\n * (`quickSelect`, `commonlyUsedRanges`, `recentlyUsedRanges`,\n * `refreshInterval`, `customQuickSelectPanels`) to re-order, omit or\n * mix with your own content.\n /\n customQuickSelectRender: [CustomQuickSelectRenderOptions];\n };\n}\n\nexport default class EuiSuperDatePicker extends Component<EuiSuperDatePickerSignature> {\n @argOrDefaultDecorator('MMM D, YYYY @ HH:mm:ss.SSS') dateFormat!: string;\n @argOrDefaultDecorator('HH:mm') timeFormat!: string;\n // @argOrDefaultDecorator('now-15m') start!: ShortDate;\n // @argOrDefaultDecorator('now') end!: ShortDate;\n @argOrDefaultDecorator(false) isAutoRefreshOnly!: boolean;\n @argOrDefaultDecorator(true) isPaused!: boolean;\n @argOrDefaultDecorator(true) showUpdateButton!: boolean \| 'iconOnly';\n @argOrDefaultDecorator('restricted') width!: string;\n // recentlyUsedRanges: [],\n @argOrDefaultDecorator(1000) refreshInterval!: Milliseconds;\n\n @service declare euiI18n: EuiI18n;\n\n /* Whether the start / end date popovers are open (upstream state). /\n @tracked isStartDatePopoverOpen = false;\n @tracked isEndDatePopoverOpen = false;\n\n /\n Upstream `showPrettyDuration` state, set for the @start/@end it was\n * set for (like the draft below): new arguments recompute it.\n /\n @tracked private prettyDurationOverride?: {\n show: boolean;\n forStart: ShortDate \| undefined;\n forEnd: ShortDate \| undefined;\n };\n\n /\n The range the user is editing, before it is applied with the update\n * button. It remembers the @start/@end it was based on: when the parent\n * passes a different range, the draft no longer applies and the picker\n * shows the new arguments (like EUI React's getDerivedStateFromProps).\n /\n @tracked private draft?: {\n start: ShortDate;\n end: ShortDate;\n hasChanged: boolean;\n forStart: ShortDate \| undefined;\n forEnd: ShortDate \| undefined;\n };\n\n private get currentDraft() {\n const { draft } = this;\n\n return draft &&\n draft.forStart === this.args.start &&\n draft.forEnd === this.args.end\n ? draft\n : undefined;\n }\n\n /* The applied range (upstream's props, not the draft). /\n get appliedStart(): ShortDate {\n return this.args.start ?? 'now-15m';\n }\n\n get appliedEnd(): ShortDate {\n return this.args.end ?? 'now';\n }\n\n get start(): ShortDate {\n return this.currentDraft?.start ?? this.args.start ?? 'now-15m';\n }\n\n get end(): ShortDate {\n return this.currentDraft?.end ?? this.args.end ?? 'now';\n }\n\n get isInvalid(): boolean {\n return isRangeInvalid(\n this.start,\n this.end,\n this.args.minDate,\n this.args.maxDate\n );\n }\n\n get hasChanged(): boolean {\n return this.currentDraft?.hasChanged ?? false;\n }\n\n get isDisabled(): boolean {\n return Boolean(this.args.isDisabled);\n }\n\n /* Upstream `isDisabled.display`. /\n get disabledDisplay(): string \| ComponentLike \| undefined {\n const { isDisabled } = this.args;\n return typeof isDisabled === 'object' && isDisabled !== null\n ? isDisabled.display \|\| undefined\n : undefined;\n }\n\n get disabledDisplayText(): string \| undefined {\n const display = this.disabledDisplay;\n return typeof display === 'string' ? display : undefined;\n }\n\n get commonlyUsedRanges(): DurationRange[] {\n return (\n this.args.commonlyUsedRanges ?? this.timeOptions.commonDurationRanges\n );\n }\n\n /\n Upstream: a commonly used range or a range relative to now (\"Last 15\n * minutes\") shows as one pretty duration button until it is clicked.\n /\n get showPrettyDurationState(): boolean {\n // Ember EUI: opt-in (upstream always shows it)\n if (!this.args.showPrettyDuration) return false;\n\n const override = this.prettyDurationOverride;\n\n if (\n override &&\n override.forStart === this.args.start &&\n override.forEnd === this.args.end\n ) {\n return override.show;\n }\n\n return showPrettyDuration(\n this.appliedStart,\n this.appliedEnd,\n this.commonlyUsedRanges\n );\n }\n\n private setPrettyDuration(show: boolean) {\n this.prettyDurationOverride = {\n show,\n forStart: this.args.start,\n forEnd: this.args.end\n };\n }\n\n /* The pretty duration (or `isDisabled.display`) button replaces the range. /\n get showPrettyDurationButton(): boolean {\n return Boolean(\n this.disabledDisplay \|\|\n (this.showPrettyDurationState &&\n !this.isStartDatePopoverOpen &&\n !this.isEndDatePopoverOpen)\n );\n }\n\n get prettyDurationText(): string {\n return prettyDuration(this.euiI18n, {\n timeFrom: this.start,\n timeTo: this.end,\n quickRanges: this.commonlyUsedRanges,\n dateFormat: this.dateFormat\n });\n }\n\n /* The pretty duration button's tooltip: the full range (upstream). /\n get formattedFullRange(): string {\n if (this.isInvalid) return '';\n\n const startMoment = dateMath.parse(this.start);\n const endMoment = dateMath.parse(this.end, { roundUp: true });\n\n return `${startMoment?.format(this.dateFormat)} – ${endMoment?.format(\n this.dateFormat\n )}`;\n }\n\n /* Upstream `offset={euiTheme.base * 0.5}`. /\n get prettyDurationTooltipOffset(): number {\n return this.context.upstream.euiTheme.base 0.5;\n }\n\n @cached\n get prettyDurationTextClass(): string {\n return euiClass(this.context, euiTextTruncate());\n }\n\n /** Upstream `hidePrettyDuration`: show the range with the start popover open. /\n @action\n hidePrettyDuration() {\n this.setPrettyDuration(false);\n this.isStartDatePopoverOpen = true;\n }\n\n @action\n onPrettyDurationFocus(event: FocusEvent) {\n this.args.onFocus?.(event);\n }\n\n @action\n onStartDatePopoverToggle() {\n this.isStartDatePopoverOpen = !this.isStartDatePopoverOpen;\n }\n\n @action\n onStartDatePopoverClose() {\n this.isStartDatePopoverOpen = false;\n }\n\n @action\n onEndDatePopoverToggle() {\n this.isEndDatePopoverOpen = !this.isEndDatePopoverOpen;\n }\n\n @action\n onEndDatePopoverClose() {\n this.isEndDatePopoverOpen = false;\n }\n\n /* Upstream shows the auto refresh button in the field while refreshing. /\n get showAutoRefreshAppend(): boolean {\n return !this.isPaused;\n }\n\n /* Upstream: the `checkCircle` icon on the right while an update is pending. /\n get hasChangedIcon(): boolean {\n return this.hasChanged && !this.isInvalid;\n }\n\n /* Upstream spreads `updateButtonProps.showTooltip` over its own. /\n get updateButtonShowTooltip(): boolean {\n return (\n this.updateButtonProps.showTooltip ??\n (!this.isStartDatePopoverOpen && !this.isEndDatePopoverOpen)\n );\n }\n\n private setDraft(start: ShortDate, end: ShortDate, hasChanged: boolean) {\n this.draft = {\n start,\n end,\n hasChanged,\n forStart: this.args.start,\n forEnd: this.args.end\n };\n }\n\n get timeOptions() {\n return useI18nTimeOptions(this.euiI18n);\n }\n\n setTime({ start, end }: DurationRange) {\n this.setDraft(\n start,\n end,\n !(this.appliedStart === start && this.appliedEnd === end)\n );\n\n if (!this.showUpdateButton) {\n this.args.onTimeChange({\n start,\n end,\n isQuickSelection: false,\n isInvalid: isRangeInvalid(\n start,\n end,\n this.args.minDate,\n this.args.maxDate\n )\n });\n }\n }\n\n applyTime() {\n this.args.onTimeChange({\n start: this.start,\n end: this.end,\n isQuickSelection: false,\n isInvalid: false\n });\n }\n\n @action\n applyQuickTime({ start, end }: DurationRange) {\n this.setDraft(start, end, false);\n this.setPrettyDuration(\n showPrettyDuration(start, end, this.commonlyUsedRanges)\n );\n\n this.args.onTimeChange({\n start,\n end,\n isQuickSelection: true,\n isInvalid: false\n });\n }\n\n @action\n setStart(start: ShortDate) {\n this.setTime({ start, end: this.end });\n }\n\n @action\n setEnd(end: ShortDate) {\n this.setTime({ start: this.start, end });\n }\n\n @action\n handleClickUpdateButton() {\n if (!this.hasChanged && this.args.onRefresh) {\n void this.args.onRefresh({\n start: this.start,\n end: this.end,\n refreshInterval: this.refreshInterval\n });\n } else {\n this.applyTime();\n }\n\n if (this.currentDraft) {\n this.draft = { ...this.currentDraft, hasChanged: false };\n }\n }\n\n get context() {\n return getEuiThemeContext(this);\n }\n\n /* Upstream `renderTimeWindowButtons`: not with `@isAutoRefreshOnly`. /\n get timeWindowConfig(): EuiTimeWindowButtonsConfig \| undefined {\n const { showTimeWindowButtons } = this.args;\n if (!showTimeWindowButtons \|\| this.isAutoRefreshOnly) return undefined;\n return typeof showTimeWindowButtons === 'boolean'\n ? {}\n : showTimeWindowButtons;\n }\n\n /* Upstream renders `EuiAutoRefresh` instead of the range. /\n get showAutoRefreshOnly() {\n return Boolean(this.isAutoRefreshOnly && this.args.onRefreshChange);\n }\n\n /* Upstream spreads `updateButtonProps` last over its own props. /\n get updateButtonProps(): EuiSuperUpdateButtonProps {\n return this.args.updateButtonProps ?? {};\n }\n\n get updateButtonIconOnly() {\n return (\n this.updateButtonProps.iconOnly ?? this.showUpdateButton === 'iconOnly'\n );\n }\n\n get updateButtonSize() {\n return this.updateButtonProps.size ?? (this.args.compressed ? 's' : 'm');\n }\n\n get updateButtonTestSubj() {\n return (\n this.updateButtonProps['data-test-subj'] ??\n 'superDatePickerApplyTimeButton'\n );\n }\n\n /* EuiAutoRefresh reports the picked units too (upstream). /\n onAutoRefreshChange = (change: {\n refreshInterval: number;\n isPaused: boolean;\n intervalUnits: RefreshUnitsOptions;\n }) => {\n const { refreshInterval, isPaused, intervalUnits } = change;\n this.args.onRefreshChange?.({ refreshInterval, isPaused, intervalUnits });\n };\n\n /* Upstream forces `auto` width when only the quick select shows. /\n get resolvedWidth(): 'restricted' \| 'full' \| 'auto' {\n if (this.args.isQuickSelectOnly) return 'auto';\n const width = this.width;\n return width === 'full' \|\| width === 'auto' ? width : 'restricted';\n }\n\n @cached\n get styles() {\n return useEuiBorealisStyles(this.context, euiSuperDatePickerStyles);\n }\n\n /* Root: flex row with the gap, the width and the special cases. /\n @cached\n get classes() {\n const styles = this.styles;\n const width = this.resolvedWidth;\n const needsUpdating =\n this.hasChanged && !this.isDisabled && !this.isInvalid;\n return [\n 'euiSuperDatePicker',\n needsUpdating && 'euiSuperDatePicker--needsUpdating',\n euiClass(\n this.context,\n { boxSizing: 'border-box' },\n styles.euiSuperDatePicker,\n styles.widths[width],\n !this.showUpdateButton && styles.noUpdateButton[width],\n this.isAutoRefreshOnly && styles.isAutoRefreshOnly[width],\n this.args.isQuickSelectOnly && styles.isQuickSelectOnly\n )\n ]\n .filter(Boolean)\n .join(' ');\n }\n\n /\n The range wrapper: grows, and carries the form state (disabled, then\n * invalid, then needs updating, else default) for the layout inside.\n /\n @cached\n get layoutCss() {\n const { states } = this.styles;\n const state = this.isDisabled\n ? states.disabled\n : this.isInvalid\n ? states.invalid\n : this.hasChanged\n ? states.needsUpdating\n : states.default;\n return [states.euiSuperDatePicker__formControlLayout, state];\n }\n\n @cached\n get rangeCss() {\n return [this.styles.euiSuperDatePicker__range, ...this.layoutCss];\n }\n\n get prettyDurationTooltipCss() {\n return this.styles.euiSuperDatePicker__prettyDurationTooltip;\n }\n\n /* Start/end popovers grow to share the range (upstream `rangeInput`). /\n get rangeInputCss() {\n return this.styles.euiSuperDatePicker__rangeInput;\n }\n\n /* Upstream shows the layout spinner only without the update button. /\n get isLayoutLoading() {\n return Boolean(this.args.isLoading && !this.showUpdateButton);\n }\n\n /\n Calls `@onRefresh` every `@refreshInterval` ms while not `@isPaused`.\n * A returned promise delays the next call until it settles; a rejected\n * one stops the refreshing.\n */\n autoRefresh = modifier(\n (\n _element: Element,\n [onRefresh, isPaused, refreshInterval]: [\n EuiSuperDatePickerArgs['onRefresh'],\n boolean,\n number\n ]\n ) => {\n if (!onRefresh \|\| isPaused \|\| !(refreshInterval > 0)) return;\n\n let stopped = false;\n let timer: ReturnType<typeof setTimeout>;\n\n const tick = async () => {\n try {\n await onRefresh({ start: this.start, end: this.end, refreshInterval });\n } catch {\n stopped = true;\n }\n\n if (!stopped) timer = setTimeout(() => void tick(), refreshInterval);\n };\n\n timer = setTimeout(() => void tick(), refreshInterval);\n\n return () => {\n stopped = true;\n clearTimeout(timer);\n };\n }\n );\n\n <template>\n <div\n class={{this.classes}}\n {{this.autoRefresh @onRefresh this.isPaused this.refreshInterval}}\n ...attributes\n >\n {{#if this.showAutoRefreshOnly}}\n <EuiAutoRefresh\n @isPaused={{this.isPaused}}\n @refreshInterval={{this.refreshInterval}}\n @minInterval={{@refreshMinInterval}}\n @intervalUnits={{@refreshIntervalUnits}}\n @onRefreshChange={{this.onAutoRefreshChange}}\n @fullWidth={{eq this.resolvedWidth \"full\"}}\n @compressed={{@compressed}}\n @isDisabled={{this.isDisabled}}\n />\n {{else}}\n {{#let\n (component\n EuiQuickSelectPopover\n start=this.start\n end=this.end\n applyTime=this.applyQuickTime\n timeOptions=this.timeOptions\n isDisabled=this.isDisabled\n compressed=@compressed\n commonlyUsedRanges=this.commonlyUsedRanges\n recentlyUsedRanges=@recentlyUsedRanges\n dateFormat=this.dateFormat\n onRefreshChange=@onRefreshChange\n isPaused=this.isPaused\n refreshInterval=this.refreshInterval\n refreshMinInterval=@refreshMinInterval\n intervalUnits=@refreshIntervalUnits\n customQuickSelectPanels=@customQuickSelectPanels\n hasCustomQuickSelectRender=(has-block \"customQuickSelectRender\")\n buttonProps=@quickSelectButtonProps\n )\n (component\n EuiAutoRefreshButton\n refreshInterval=this.refreshInterval\n minInterval=@refreshMinInterval\n intervalUnits=@refreshIntervalUnits\n isDisabled=this.isDisabled\n isPaused=this.isPaused\n onRefreshChange=this.onAutoRefreshChange\n shortHand=true\n )\n as \|QuickSelect AutoRefreshButton\|\n }}\n {{#if this.showPrettyDurationButton}}\n <EuiFormControlLayout\n @compressed={{@compressed}}\n @isInvalid={{this.isInvalid}}\n @isLoading={{this.isLayoutLoading}}\n @isDisabled={{this.isDisabled}}\n @fullWidth={{true}}\n @css={{this.layoutCss}}\n @isAppendProvided={{this.showAutoRefreshAppend}}\n >\n <:prepend>\n <QuickSelect>\n <:customQuickSelectRender as \|panels\|>\n {{yield panels to=\"customQuickSelectRender\"}}\n </:customQuickSelectRender>\n </QuickSelect>\n </:prepend>\n <:field>\n {{#unless @isQuickSelectOnly}}\n <EuiToolTip\n @css={{this.prettyDurationTooltipCss}}\n @content={{this.formattedFullRange}}\n @display=\"block\"\n @offset={{this.prettyDurationTooltipOffset}}\n >\n <EuiFormControlButton\n class=\"euiSuperDatePicker__prettyFormat\n {{if\n this.isDisabled\n 'euiSuperDatePicker__prettyFormat--disabled'\n }}\"\n @compressed={{@compressed}}\n @isDisabled={{this.isDisabled}}\n data-test-subj=\"superDatePickerShowDatesButton\"\n {{on \"click\" this.hidePrettyDuration}}\n {{on \"focus\" this.onPrettyDurationFocus}}\n >\n {{#if this.disabledDisplay}}\n {{#if this.disabledDisplayText}}\n {{this.disabledDisplayText}}\n {{else}}\n {{#let this.disabledDisplay as \|Display\|}}\n {{! @glint-expect-error: a string is handled above }}\n <Display />\n {{/let}}\n {{/if}}\n {{else}}\n <span\n class={{this.prettyDurationTextClass}}\n >{{this.prettyDurationText}}</span>\n {{/if}}\n </EuiFormControlButton>\n </EuiToolTip>\n {{/unless}}\n </:field>\n <:append>\n <AutoRefreshButton />\n </:append>\n </EuiFormControlLayout>\n {{else}}\n <EuiDatePickerRange\n @css={{this.rangeCss}}\n @fullWidth={{true}}\n @compressed={{@compressed}}\n @isInvalid={{this.isInvalid}}\n @isLoading={{this.isLayoutLoading}}\n @disabled={{this.isDisabled}}\n @delimiter={{if @isQuickSelectOnly \"\"}}\n @icon={{if this.hasChangedIcon \"checkCircle\"}}\n @iconSide={{if this.hasChangedIcon \"right\"}}\n @isAppendProvided={{this.showAutoRefreshAppend}}\n >\n <:prepend>\n <QuickSelect>\n <:customQuickSelectRender as \|panels\|>\n {{yield panels to=\"customQuickSelectRender\"}}\n </:customQuickSelectRender>\n </QuickSelect>\n </:prepend>\n\n <:startDateControl>\n {{#unless @isQuickSelectOnly}}\n <EuiDatePopoverButton\n @className=\"euiSuperDatePicker__startPopoverButton\"\n @css={{this.rangeInputCss}}\n @value={{this.start}}\n @compressed={{@compressed}}\n @position=\"start\"\n @isDisabled={{this.isDisabled}}\n @dateFormat={{this.dateFormat}}\n @timeFormat={{this.timeFormat}}\n @utcOffset={{@utcOffset}}\n @onChange={{this.setStart}}\n @isInvalid={{this.isInvalid}}\n @timeOptions={{this.timeOptions}}\n @needsUpdating={{this.hasChanged}}\n @locale={{@locale}}\n @minDate={{@minDate}}\n @maxDate={{@maxDate}}\n @canRoundRelativeUnits={{@canRoundRelativeUnits}}\n @timeZoneDisplayProps={{@timeZoneDisplayProps}}\n @onFocus={{@onFocus}}\n @isOpen={{this.isStartDatePopoverOpen}}\n @onPopoverToggle={{this.onStartDatePopoverToggle}}\n @onPopoverClose={{this.onStartDatePopoverClose}}\n />\n {{/unless}}\n </:startDateControl>\n\n <:endDateControl>\n {{#unless @isQuickSelectOnly}}\n <EuiDatePopoverButton\n @className=\"euiSuperDatePicker__endPopoverButton\"\n @css={{this.rangeInputCss}}\n @value={{this.end}}\n @compressed={{@compressed}}\n @position=\"end\"\n @isDisabled={{this.isDisabled}}\n @dateFormat={{this.dateFormat}}\n @timeFormat={{this.timeFormat}}\n @utcOffset={{@utcOffset}}\n @onChange={{this.setEnd}}\n @isInvalid={{this.isInvalid}}\n @timeOptions={{this.timeOptions}}\n @roundUp={{true}}\n @needsUpdating={{this.hasChanged}}\n @locale={{@locale}}\n @minDate={{@minDate}}\n @maxDate={{@maxDate}}\n @canRoundRelativeUnits={{@canRoundRelativeUnits}}\n @timeZoneDisplayProps={{@timeZoneDisplayProps}}\n @onFocus={{@onFocus}}\n @isOpen={{this.isEndDatePopoverOpen}}\n @onPopoverToggle={{this.onEndDatePopoverToggle}}\n @onPopoverClose={{this.onEndDatePopoverClose}}\n />\n {{/unless}}\n </:endDateControl>\n\n <:append>\n <AutoRefreshButton />\n </:append>\n </EuiDatePickerRange>\n {{/if}}\n {{/let}}\n\n {{#if this.timeWindowConfig}}\n <EuiTimeWindowButtons\n @applyTime={{this.applyQuickTime}}\n @start={{this.appliedStart}}\n @end={{this.appliedEnd}}\n @compressed={{@compressed}}\n @isDisabled={{or this.isDisabled this.isInvalid}}\n @showZoomOut={{this.timeWindowConfig.showZoomOut}}\n @showZoomIn={{this.timeWindowConfig.showZoomIn}}\n @showShiftArrows={{this.timeWindowConfig.showShiftArrows}}\n @zoomFactor={{this.timeWindowConfig.zoomFactor}}\n />\n {{/if}}\n\n {{#if this.showUpdateButton}}\n <EuiSuperUpdateButton\n @size={{this.updateButtonSize}}\n @onClick={{this.handleClickUpdateButton}}\n @isLoading={{@isLoading}}\n @isDisabled={{or this.isDisabled this.isInvalid}}\n @needsUpdate={{this.hasChanged}}\n @showTooltip={{this.updateButtonShowTooltip}}\n @fill={{this.updateButtonProps.fill}}\n @iconOnly={{this.updateButtonIconOnly}}\n @color={{this.updateButtonProps.color}}\n @iconType={{this.updateButtonProps.iconType}}\n @label={{this.updateButtonProps.children}}\n @minWidth={{this.updateButtonProps.minWidth}}\n @className={{this.updateButtonProps.className}}\n @toolTipProps={{this.updateButtonProps.toolTipProps}}\n @responsive={{this.updateButtonProps.responsive}}\n @element={{this.updateButtonProps.element}}\n @fullWidth={{this.updateButtonProps.fullWidth}}\n @hasAriaDisabled={{this.updateButtonProps.hasAriaDisabled}}\n @iconSide={{this.updateButtonProps.iconSide}}\n @iconSize={{this.updateButtonProps.iconSize}}\n @isSelected={{this.updateButtonProps.isSelected}}\n data-test-subj={{this.updateButtonTestSubj}}\n />\n {{/if}}\n {{/if}}\n </div>\n </template>\n}\n"],"names":["EuiSuperDatePicker","Component","g","prototype","argOrDefaultDecorator","i","service","tracked","currentDraft","draft","forStart","args","start","forEnd","end","undefined","appliedStart","appliedEnd","isInvalid","isRangeInvalid","minDate","maxDate","hasChanged","isDisabled","Boolean","disabledDisplay","display","disabledDisplayText","commonlyUsedRanges","timeOptions","commonDurationRanges","showPrettyDurationState","showPrettyDuration","override","prettyDurationOverride","show","setPrettyDuration","showPrettyDurationButton","isStartDatePopoverOpen","isEndDatePopoverOpen","prettyDurationText","prettyDuration","euiI18n","timeFrom","timeTo","quickRanges","dateFormat","formattedFullRange","startMoment","dateMath","parse","endMoment","roundUp","format","prettyDurationTooltipOffset","context","upstream","euiTheme","base","prettyDurationTextClass","euiClass","euiTextTruncate","n","cached","hidePrettyDuration","action","onPrettyDurationFocus","event","onFocus","onStartDatePopoverToggle","onStartDatePopoverClose","onEndDatePopoverToggle","onEndDatePopoverClose","showAutoRefreshAppend","isPaused","hasChangedIcon","updateButtonShowTooltip","updateButtonProps","showTooltip","setDraft","useI18nTimeOptions","setTime","showUpdateButton","onTimeChange","isQuickSelection","applyTime","applyQuickTime","setStart","setEnd","handleClickUpdateButton","onRefresh","refreshInterval","getEuiThemeContext","timeWindowConfig","showTimeWindowButtons","isAutoRefreshOnly","showAutoRefreshOnly","onRefreshChange","updateButtonIconOnly","iconOnly","updateButtonSize","size","compressed","updateButtonTestSubj","onAutoRefreshChange","change","intervalUnits","resolvedWidth","isQuickSelectOnly","width","styles","useEuiBorealisStyles","euiSuperDatePickerStyles","classes","needsUpdating","boxSizing","euiSuperDatePicker","widths","noUpdateButton","filter","join","layoutCss","states","state","disabled","invalid","default","euiSuperDatePicker__formControlLayout","rangeCss","euiSuperDatePicker__range","prettyDurationTooltipCss","euiSuperDatePicker__prettyDurationTooltip","rangeInputCss","euiSuperDatePicker__rangeInput","isLayoutLoading","isLoading","autoRefresh","modifier","_element","stopped","timer","tick","setTimeout","clearTimeout","setComponentTemplate","precompileTemplate","strictMode","scope","EuiAutoRefresh","eq","EuiQuickSelectPopover","EuiAutoRefreshButton","EuiFormControlLayout","EuiToolTip","EuiFormControlButton","on","EuiDatePickerRange","EuiDatePopoverButton","EuiTimeWindowButtons","or","EuiSuperUpdateButton"],"mappings":"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"}
1	+ {"version":3,"file":"eui-super-date-picker.js","sources":["../../src/components/eui-super-date-picker.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached, tracked } from '@glimmer/tracking';\nimport { action } from '@ember/object';\nimport { on } from '@ember/modifier';\nimport { service } from '@ember/service';\n\nimport dateMath from '@elastic/datemath';\nimport { modifier } from 'ember-modifier';\nimport { eq, or } from 'ember-truth-helpers';\n\nimport { argOrDefaultDecorator } from '../helpers/arg-or-default.ts';\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport {\n euiSuperDatePickerStyles,\n euiTextTruncate\n} from '../utils/eui/styles.generated.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport EuiDatePopoverButton from './eui-super-date-picker/date-popover/eui-date-popover-button.gts';\nimport EuiDatePickerRange from './eui-super-date-picker/eui-date-picker-range.gts';\nimport EuiQuickSelectPopover from './eui-super-date-picker/eui-quick-select-popover.gts';\nimport EuiSuperUpdateButton from './eui-super-date-picker/eui-super-update-button.gts';\nimport EuiTimeWindowButtons from './eui-super-date-picker/eui-time-window-buttons.gts';\nimport EuiAutoRefresh from './eui-auto-refresh.gts';\nimport EuiAutoRefreshButton from './eui-auto-refresh-button.gts';\nimport EuiFormControlButton from './eui-form-control-button.gts';\nimport EuiFormControlLayout from './eui-form-control-layout.gts';\nimport EuiToolTip from './eui-tool-tip.gts';\nimport { isRangeInvalid } from './eui-super-date-picker/utils/index.ts';\nimport {\n prettyDuration,\n showPrettyDuration\n} from './eui-super-date-picker/utils/pretty-duration.ts';\nimport { useI18nTimeOptions } from './eui-super-date-picker/utils/time-options.ts';\n\nimport type EuiI18n from '../services/eui-i18n';\nimport type { EuiTimeZoneDisplayProps } from './eui-super-date-picker/date-popover/eui-time-zone-display.gts';\nimport type {\n CustomQuickSelectRenderOptions,\n EuiQuickSelectButtonProps\n} from './eui-super-date-picker/eui-quick-select-popover.gts';\nimport type { EuiSuperUpdateButtonProps } from './eui-super-date-picker/eui-super-update-button.gts';\nimport type { EuiTimeWindowButtonsConfig } from './eui-super-date-picker/eui-time-window-buttons.gts';\nimport type {\n ApplyRefreshInterval,\n ApplyTime,\n DurationRange,\n Milliseconds,\n QuickSelectPanel,\n RefreshUnitsOptions,\n ShortDate\n} from './eui-super-date-picker/types/global';\nimport type { ComponentLike } from '@glint/template';\nimport type { LocaleSpecifier, Moment } from 'moment';\n\nexport type {\n ApplyRefreshInterval,\n ApplyTime,\n CustomQuickSelectRenderOptions,\n DurationRange,\n EuiQuickSelectButtonProps,\n EuiSuperUpdateButtonProps,\n EuiTimeWindowButtonsConfig,\n EuiTimeZoneDisplayProps,\n Milliseconds,\n QuickSelectPanel,\n RefreshUnitsOptions,\n ShortDate\n};\n\n/*\n EuiSuperDatePicker picks a time range (absolute dates, relative like\n * \"last 15 minutes\", or \"now\") with a quick select popover and optional\n * auto refresh, as in Kibana. `@onTimeChange` receives date math strings.\n /\nexport interface EuiSuperDatePickerArgs {\n /\n Ranges listed as \"Commonly used\" in the quick select popover:\n * `[{ start: 'now/d', end: 'now/d', label: 'Today' }, …]`. Defaults to\n * EUI's list (Today, This week, Last 15 minutes, …).\n /\n commonlyUsedRanges?: DurationRange[];\n /\n Extra panels at the end of the quick select popover:\n * `[{ title: 'My panel', content: MyPanel }]`. `content` is a component,\n * rendered with `@applyTime`; call it with `{ start, end }` to apply a\n * range (as a quick selection) and close the popover.\n /\n customQuickSelectPanels?: QuickSelectPanel[];\n /\n moment format for absolute dates. Defaults to\n * `'MMM D, YYYY @ HH:mm:ss.SSS'`.\n /\n dateFormat?: string;\n /\n Set isAutoRefreshOnly to true to limit the component to only display\n * auto refresh content. Defaults to `false`.\n /\n isAutoRefreshOnly?: boolean;\n /\n Disables the picker. Defaults to `false`. Pass `{ display }` to also\n * replace the dates with your own content, e.g. `{ display: 'All time' }`\n * (a string or a component), in a disabled button.\n /\n isDisabled?: boolean \| { display: string \| ComponentLike };\n /\n Shows a commonly used or relative range (\"Last 15 minutes\") as one\n * summary button until it is clicked. Upstream always does this; in Ember\n * EUI it is opt-in. Defaults to `false`.\n /\n showPrettyDuration?: boolean;\n /* Shows the update button's loading state, e.g. while data refreshes. /\n isLoading?: boolean;\n /\n Whether auto refresh is paused (with `@onRefreshChange`).\n * Defaults to `true`.\n /\n isPaused?: boolean;\n /\n Sets the overall width by adding sensible min and max widths.\n * - `auto`: fits width to internal content / time string.\n * - `restricted`: static width that fits the longest possible time string\n * (600px with the update button, 480px without).\n * - `full`: expands to 100% of the container.\n * Defaults to `'restricted'`. `@isQuickSelectOnly` forces `'auto'`.\n /\n width?: 'restricted' \| 'full' \| 'auto';\n /\n Reduces overall height to compressed form size\n /\n compressed?: boolean;\n /\n Used to localize e.g. month names, passed to `moment`. Defaults to\n * `'en'`, also for `null`.\n /\n locale?: LocaleSpecifier \| null;\n /\n Called every `@refreshInterval` ms while not `@isPaused` (and by the\n * update button when the range has not changed), with `{ start, end,\n * refreshInterval }`. If it returns a promise, the next call waits for\n * it; if the promise rejects, refreshing stops.\n /\n onRefresh?: (props: {\n start: string;\n end: string;\n refreshInterval: number;\n }) => void \| Promise<unknown>;\n /\n Adds the \"Refresh every\" section to the quick select popover; called\n * with `{ refreshInterval, isPaused }` when the user changes them.\n /\n onRefreshChange?: ApplyRefreshInterval;\n /\n Callback for when the time changes.\n /\n onTimeChange: (props: {\n start: string;\n end: string;\n isQuickSelection: boolean;\n isInvalid: boolean;\n }) => void;\n /\n Ranges listed as \"Recently used\" in the quick select popover (their\n * `label`, or \"start → end\").\n /\n recentlyUsedRanges?: DurationRange[];\n /\n Refresh interval in milliseconds. Defaults to `1000`.\n /\n refreshInterval?: Milliseconds;\n /\n Minimum refresh interval in milliseconds: the refresh interval fields\n * don't go below it. Defaults to `0`.\n /\n refreshMinInterval?: Milliseconds;\n /\n The refresh interval's unit (`'s'`, `'m'` or `'h'`). By default it is\n * rounded up to the largest unit that fits (90 seconds become 2 minutes).\n * To keep the user's unit, store the `intervalUnits` `@onRefreshChange`\n * receives and pass it back here.\n /\n refreshIntervalUnits?: RefreshUnitsOptions;\n /\n Start of the range, as date math (`'now-15m'`, `'now/d'`) or an ISO\n * date. Defaults to `'now-15m'`.\n /\n start?: ShortDate;\n /* End of the range, like `@start`. Defaults to `'now'`. /\n end?: ShortDate;\n /\n Earliest selectable date (a moment): earlier days are disabled in the\n * calendar and a start before it makes the range invalid.\n /\n minDate?: Moment;\n /\n Latest selectable date (a moment): later days are disabled in the\n * calendar and an end after it makes the range invalid.\n /\n maxDate?: Moment;\n /\n moment format for times in the date picker. Defaults to `'HH:mm'`.\n /\n timeFormat?: string;\n /* UTC offset in minutes for absolute dates, e.g. `-300`. /\n utcOffset?: number;\n /\n Set showUpdateButton to false to immediately invoke onTimeChange for\n * all start and end changes; `'iconOnly'` shows a compact button.\n * Defaults to `true`.\n /\n showUpdateButton?: boolean \| 'iconOnly';\n /\n Hides the actual input reducing to just the quick select button.\n /\n isQuickSelectOnly?: boolean;\n /\n Arguments for the update button: `{ fill, color, size, iconType,\n * iconOnly, className, children, minWidth, showTooltip, toolTipProps,\n * responsive, 'data-test-subj' }` (`children` is a custom label;\n * `responsive` lists the screen sizes where it collapses to its icon,\n * `['xs', 's']` by default, or `false`). They win over the picker's own,\n * e.g. `{ fill: false }`.\n /\n updateButtonProps?: EuiSuperUpdateButtonProps;\n /\n Props for the quick select button, spread over its defaults:\n * `{ 'aria-label', 'data-test-subj', onClick, onMouseDown, label,\n * iconLeft, iconRight, className, … }`. `on` functions become event\n listeners (`onClick` runs after the popover toggles); other unknown\n * keys are set as attributes.\n /\n quickSelectButtonProps?: EuiQuickSelectButtonProps;\n /\n Shows a button group next to the control to shift the time window back\n * and forward and to zoom it out. `true`, or a configuration\n * `{ showZoomOut, showZoomIn, showShiftArrows, zoomFactor }` (zoom in is\n * off by default; `zoomFactor` defaults to `0.5`, also as `'50%'`).\n /\n showTimeWindowButtons?: boolean \| EuiTimeWindowButtonsConfig;\n /\n Shows time zone information in the start/end popovers:\n * `{ timeZone: 'America/Los_Angeles' }` (any IANA name, `'Browser'` or\n * `'UTC'`), plus an optional reference `date` and a `customRender`\n * component (`@nameDisplay`, `@utcOffset`, `@timeZoneName`).\n * Informational only: dates are not converted.\n /\n timeZoneDisplayProps?: EuiTimeZoneDisplayProps;\n /\n By default relative values are rounded to the largest unit that fits\n * (90 minutes show as \"~ 2 hours ago\"). `false` keeps the user's units.\n * Defaults to `true`.\n /\n canRoundRelativeUnits?: boolean;\n /* Called when the start or end date button gets focus. /\n onFocus?: (event: FocusEvent) => void;\n}\n\nexport interface EuiSuperDatePickerSignature {\n Element: HTMLDivElement;\n Args: EuiSuperDatePickerArgs;\n Blocks: {\n /\n Replaces the quick select popover's content (upstream\n * `customQuickSelectRender`). Yields the default panels as components\n * (`quickSelect`, `commonlyUsedRanges`, `recentlyUsedRanges`,\n * `refreshInterval`, `customQuickSelectPanels`) to re-order, omit or\n * mix with your own content.\n /\n customQuickSelectRender: [CustomQuickSelectRenderOptions];\n };\n}\n\nexport default class EuiSuperDatePicker extends Component<EuiSuperDatePickerSignature> {\n @argOrDefaultDecorator('MMM D, YYYY @ HH:mm:ss.SSS') dateFormat!: string;\n @argOrDefaultDecorator('HH:mm') timeFormat!: string;\n // @argOrDefaultDecorator('now-15m') start!: ShortDate;\n // @argOrDefaultDecorator('now') end!: ShortDate;\n @argOrDefaultDecorator(false) isAutoRefreshOnly!: boolean;\n @argOrDefaultDecorator(true) isPaused!: boolean;\n @argOrDefaultDecorator(true) showUpdateButton!: boolean \| 'iconOnly';\n @argOrDefaultDecorator('restricted') width!: string;\n // recentlyUsedRanges: [],\n @argOrDefaultDecorator(1000) refreshInterval!: Milliseconds;\n\n @service declare euiI18n: EuiI18n;\n\n /* Whether the start / end date popovers are open (upstream state). /\n @tracked isStartDatePopoverOpen = false;\n @tracked isEndDatePopoverOpen = false;\n\n /\n Upstream `showPrettyDuration` state, set for the @start/@end it was\n * set for (like the draft below): new arguments recompute it.\n /\n @tracked private prettyDurationOverride?: {\n show: boolean;\n forStart: ShortDate \| undefined;\n forEnd: ShortDate \| undefined;\n };\n\n /\n The range the user is editing, before it is applied with the update\n * button. It remembers the @start/@end it was based on: when the parent\n * passes a different range, the draft no longer applies and the picker\n * shows the new arguments (like EUI React's getDerivedStateFromProps).\n /\n @tracked private draft?: {\n start: ShortDate;\n end: ShortDate;\n hasChanged: boolean;\n forStart: ShortDate \| undefined;\n forEnd: ShortDate \| undefined;\n };\n\n private get currentDraft() {\n const { draft } = this;\n\n return draft &&\n draft.forStart === this.args.start &&\n draft.forEnd === this.args.end\n ? draft\n : undefined;\n }\n\n /* The applied range (upstream's props, not the draft). /\n get appliedStart(): ShortDate {\n return this.args.start ?? 'now-15m';\n }\n\n get appliedEnd(): ShortDate {\n return this.args.end ?? 'now';\n }\n\n get start(): ShortDate {\n return this.currentDraft?.start ?? this.args.start ?? 'now-15m';\n }\n\n get end(): ShortDate {\n return this.currentDraft?.end ?? this.args.end ?? 'now';\n }\n\n get isInvalid(): boolean {\n return isRangeInvalid(\n this.start,\n this.end,\n this.args.minDate,\n this.args.maxDate\n );\n }\n\n get hasChanged(): boolean {\n return this.currentDraft?.hasChanged ?? false;\n }\n\n get isDisabled(): boolean {\n return Boolean(this.args.isDisabled);\n }\n\n /* Upstream `isDisabled.display`. /\n get disabledDisplay(): string \| ComponentLike \| undefined {\n const { isDisabled } = this.args;\n return typeof isDisabled === 'object' && isDisabled !== null\n ? isDisabled.display \|\| undefined\n : undefined;\n }\n\n get disabledDisplayText(): string \| undefined {\n const display = this.disabledDisplay;\n return typeof display === 'string' ? display : undefined;\n }\n\n get commonlyUsedRanges(): DurationRange[] {\n return (\n this.args.commonlyUsedRanges ?? this.timeOptions.commonDurationRanges\n );\n }\n\n /\n Upstream: a commonly used range or a range relative to now (\"Last 15\n * minutes\") shows as one pretty duration button until it is clicked.\n /\n get showPrettyDurationState(): boolean {\n // Ember EUI: opt-in (upstream always shows it)\n if (!this.args.showPrettyDuration) return false;\n\n const override = this.prettyDurationOverride;\n\n if (\n override &&\n override.forStart === this.args.start &&\n override.forEnd === this.args.end\n ) {\n return override.show;\n }\n\n return showPrettyDuration(\n this.appliedStart,\n this.appliedEnd,\n this.commonlyUsedRanges\n );\n }\n\n private setPrettyDuration(show: boolean) {\n this.prettyDurationOverride = {\n show,\n forStart: this.args.start,\n forEnd: this.args.end\n };\n }\n\n /* The pretty duration (or `isDisabled.display`) button replaces the range. /\n get showPrettyDurationButton(): boolean {\n return Boolean(\n this.disabledDisplay \|\|\n (this.showPrettyDurationState &&\n !this.isStartDatePopoverOpen &&\n !this.isEndDatePopoverOpen)\n );\n }\n\n get prettyDurationText(): string {\n return prettyDuration(this.euiI18n, {\n timeFrom: this.start,\n timeTo: this.end,\n quickRanges: this.commonlyUsedRanges,\n dateFormat: this.dateFormat\n });\n }\n\n /* The pretty duration button's tooltip: the full range (upstream). /\n get formattedFullRange(): string {\n if (this.isInvalid) return '';\n\n const startMoment = dateMath.parse(this.start);\n const endMoment = dateMath.parse(this.end, { roundUp: true });\n\n return `${startMoment?.format(this.dateFormat)} – ${endMoment?.format(\n this.dateFormat\n )}`;\n }\n\n /* Upstream `offset={euiTheme.base * 0.5}`. /\n get prettyDurationTooltipOffset(): number {\n return this.context.upstream.euiTheme.base 0.5;\n }\n\n @cached\n get prettyDurationTextClass(): string {\n return euiClass(this.context, euiTextTruncate());\n }\n\n /** Upstream `hidePrettyDuration`: show the range with the start popover open. /\n @action\n hidePrettyDuration() {\n this.setPrettyDuration(false);\n this.isStartDatePopoverOpen = true;\n }\n\n @action\n onPrettyDurationFocus(event: FocusEvent) {\n this.args.onFocus?.(event);\n }\n\n @action\n onStartDatePopoverToggle() {\n this.isStartDatePopoverOpen = !this.isStartDatePopoverOpen;\n }\n\n @action\n onStartDatePopoverClose() {\n this.isStartDatePopoverOpen = false;\n }\n\n @action\n onEndDatePopoverToggle() {\n this.isEndDatePopoverOpen = !this.isEndDatePopoverOpen;\n }\n\n @action\n onEndDatePopoverClose() {\n this.isEndDatePopoverOpen = false;\n }\n\n /* Upstream shows the auto refresh button in the field while refreshing. /\n get showAutoRefreshAppend(): boolean {\n return !this.isPaused;\n }\n\n /* Upstream: the `checkCircle` icon on the right while an update is pending. /\n get hasChangedIcon(): boolean {\n return this.hasChanged && !this.isInvalid;\n }\n\n /* Upstream spreads `updateButtonProps.showTooltip` over its own. /\n get updateButtonShowTooltip(): boolean {\n return (\n this.updateButtonProps.showTooltip ??\n (!this.isStartDatePopoverOpen && !this.isEndDatePopoverOpen)\n );\n }\n\n private setDraft(start: ShortDate, end: ShortDate, hasChanged: boolean) {\n this.draft = {\n start,\n end,\n hasChanged,\n forStart: this.args.start,\n forEnd: this.args.end\n };\n }\n\n get timeOptions() {\n return useI18nTimeOptions(this.euiI18n);\n }\n\n setTime({ start, end }: DurationRange) {\n this.setDraft(\n start,\n end,\n !(this.appliedStart === start && this.appliedEnd === end)\n );\n\n if (!this.showUpdateButton) {\n this.args.onTimeChange({\n start,\n end,\n isQuickSelection: false,\n isInvalid: isRangeInvalid(\n start,\n end,\n this.args.minDate,\n this.args.maxDate\n )\n });\n }\n }\n\n applyTime() {\n this.args.onTimeChange({\n start: this.start,\n end: this.end,\n isQuickSelection: false,\n isInvalid: false\n });\n }\n\n @action\n applyQuickTime({ start, end }: DurationRange) {\n this.setDraft(start, end, false);\n this.setPrettyDuration(\n showPrettyDuration(start, end, this.commonlyUsedRanges)\n );\n\n this.args.onTimeChange({\n start,\n end,\n isQuickSelection: true,\n isInvalid: false\n });\n }\n\n @action\n setStart(start: ShortDate) {\n this.setTime({ start, end: this.end });\n }\n\n @action\n setEnd(end: ShortDate) {\n this.setTime({ start: this.start, end });\n }\n\n @action\n handleClickUpdateButton() {\n if (!this.hasChanged && this.args.onRefresh) {\n void this.args.onRefresh({\n start: this.start,\n end: this.end,\n refreshInterval: this.refreshInterval\n });\n } else {\n this.applyTime();\n }\n\n if (this.currentDraft) {\n this.draft = { ...this.currentDraft, hasChanged: false };\n }\n }\n\n get context() {\n return getEuiThemeContext(this);\n }\n\n /* Upstream `renderTimeWindowButtons`: not with `@isAutoRefreshOnly`. /\n get timeWindowConfig(): EuiTimeWindowButtonsConfig \| undefined {\n const { showTimeWindowButtons } = this.args;\n if (!showTimeWindowButtons \|\| this.isAutoRefreshOnly) return undefined;\n return typeof showTimeWindowButtons === 'boolean'\n ? {}\n : showTimeWindowButtons;\n }\n\n /* Upstream renders `EuiAutoRefresh` instead of the range. /\n get showAutoRefreshOnly() {\n return Boolean(this.isAutoRefreshOnly && this.args.onRefreshChange);\n }\n\n /* Upstream spreads `updateButtonProps` last over its own props. /\n get updateButtonProps(): EuiSuperUpdateButtonProps {\n return this.args.updateButtonProps ?? {};\n }\n\n get updateButtonIconOnly() {\n return (\n this.updateButtonProps.iconOnly ?? this.showUpdateButton === 'iconOnly'\n );\n }\n\n get updateButtonSize() {\n return this.updateButtonProps.size ?? (this.args.compressed ? 's' : 'm');\n }\n\n get updateButtonTestSubj() {\n return (\n this.updateButtonProps['data-test-subj'] ??\n 'superDatePickerApplyTimeButton'\n );\n }\n\n /* EuiAutoRefresh reports the picked units too (upstream). /\n onAutoRefreshChange = (change: {\n refreshInterval: number;\n isPaused: boolean;\n intervalUnits: RefreshUnitsOptions;\n }) => {\n const { refreshInterval, isPaused, intervalUnits } = change;\n this.args.onRefreshChange?.({ refreshInterval, isPaused, intervalUnits });\n };\n\n /* Upstream forces `auto` width when only the quick select shows. /\n get resolvedWidth(): 'restricted' \| 'full' \| 'auto' {\n if (this.args.isQuickSelectOnly) return 'auto';\n const width = this.width;\n return width === 'full' \|\| width === 'auto' ? width : 'restricted';\n }\n\n @cached\n get styles() {\n return useEuiBorealisStyles(this.context, euiSuperDatePickerStyles);\n }\n\n /* Root: flex row with the gap, the width and the special cases. /\n @cached\n get classes() {\n const styles = this.styles;\n const width = this.resolvedWidth;\n const needsUpdating =\n this.hasChanged && !this.isDisabled && !this.isInvalid;\n return [\n 'euiSuperDatePicker',\n needsUpdating && 'euiSuperDatePicker--needsUpdating',\n euiClass(\n this.context,\n { boxSizing: 'border-box' },\n styles.euiSuperDatePicker,\n styles.widths[width],\n !this.showUpdateButton && styles.noUpdateButton[width],\n this.isAutoRefreshOnly && styles.isAutoRefreshOnly[width],\n this.args.isQuickSelectOnly && styles.isQuickSelectOnly\n )\n ]\n .filter(Boolean)\n .join(' ');\n }\n\n /\n The range wrapper: grows, and carries the form state (disabled, then\n * invalid, then needs updating, else default) for the layout inside.\n /\n @cached\n get layoutCss() {\n const { states } = this.styles;\n const state = this.isDisabled\n ? states.disabled\n : this.isInvalid\n ? states.invalid\n : this.hasChanged\n ? states.needsUpdating\n : states.default;\n return [states.euiSuperDatePicker__formControlLayout, state];\n }\n\n @cached\n get rangeCss() {\n return [this.styles.euiSuperDatePicker__range, ...this.layoutCss];\n }\n\n get prettyDurationTooltipCss() {\n return this.styles.euiSuperDatePicker__prettyDurationTooltip;\n }\n\n /* Start/end popovers grow to share the range (upstream `rangeInput`). /\n get rangeInputCss() {\n return this.styles.euiSuperDatePicker__rangeInput;\n }\n\n /* Upstream shows the layout spinner only without the update button. /\n get isLayoutLoading() {\n return Boolean(this.args.isLoading && !this.showUpdateButton);\n }\n\n /\n Calls `@onRefresh` every `@refreshInterval` ms while not `@isPaused`.\n * A returned promise delays the next call until it settles; a rejected\n * one stops the refreshing.\n */\n autoRefresh = modifier(\n (\n _element: Element,\n [onRefresh, isPaused, refreshInterval]: [\n EuiSuperDatePickerArgs['onRefresh'],\n boolean,\n number\n ]\n ) => {\n if (!onRefresh \|\| isPaused \|\| !(refreshInterval > 0)) return;\n\n let stopped = false;\n let timer: ReturnType<typeof setTimeout>;\n\n const tick = async () => {\n try {\n await onRefresh({ start: this.start, end: this.end, refreshInterval });\n } catch {\n stopped = true;\n }\n\n if (!stopped) timer = setTimeout(() => void tick(), refreshInterval);\n };\n\n timer = setTimeout(() => void tick(), refreshInterval);\n\n return () => {\n stopped = true;\n clearTimeout(timer);\n };\n }\n );\n\n <template>\n <div\n class={{this.classes}}\n {{this.autoRefresh @onRefresh this.isPaused this.refreshInterval}}\n ...attributes\n >\n {{#if this.showAutoRefreshOnly}}\n <EuiAutoRefresh\n @isPaused={{this.isPaused}}\n @refreshInterval={{this.refreshInterval}}\n @minInterval={{@refreshMinInterval}}\n @intervalUnits={{@refreshIntervalUnits}}\n @onRefreshChange={{this.onAutoRefreshChange}}\n @fullWidth={{eq this.resolvedWidth \"full\"}}\n @compressed={{@compressed}}\n @isDisabled={{this.isDisabled}}\n />\n {{else}}\n {{#let\n (component\n EuiQuickSelectPopover\n start=this.start\n end=this.end\n applyTime=this.applyQuickTime\n timeOptions=this.timeOptions\n isDisabled=this.isDisabled\n compressed=@compressed\n commonlyUsedRanges=this.commonlyUsedRanges\n recentlyUsedRanges=@recentlyUsedRanges\n dateFormat=this.dateFormat\n onRefreshChange=@onRefreshChange\n isPaused=this.isPaused\n refreshInterval=this.refreshInterval\n refreshMinInterval=@refreshMinInterval\n intervalUnits=@refreshIntervalUnits\n customQuickSelectPanels=@customQuickSelectPanels\n hasCustomQuickSelectRender=(has-block \"customQuickSelectRender\")\n buttonProps=@quickSelectButtonProps\n )\n (component\n EuiAutoRefreshButton\n refreshInterval=this.refreshInterval\n minInterval=@refreshMinInterval\n intervalUnits=@refreshIntervalUnits\n isDisabled=this.isDisabled\n isPaused=this.isPaused\n onRefreshChange=this.onAutoRefreshChange\n shortHand=true\n )\n as \|QuickSelect AutoRefreshButton\|\n }}\n {{#if this.showPrettyDurationButton}}\n <EuiFormControlLayout\n @compressed={{@compressed}}\n @isInvalid={{this.isInvalid}}\n @isLoading={{this.isLayoutLoading}}\n @isDisabled={{this.isDisabled}}\n @fullWidth={{true}}\n @css={{this.layoutCss}}\n @isAppendProvided={{this.showAutoRefreshAppend}}\n >\n <:prepend>\n <QuickSelect>\n <:customQuickSelectRender as \|panels\|>\n {{yield panels to=\"customQuickSelectRender\"}}\n </:customQuickSelectRender>\n </QuickSelect>\n </:prepend>\n <:field>\n {{#unless @isQuickSelectOnly}}\n <EuiToolTip\n @css={{this.prettyDurationTooltipCss}}\n @content={{this.formattedFullRange}}\n @display=\"block\"\n @offset={{this.prettyDurationTooltipOffset}}\n >\n <EuiFormControlButton\n class=\"euiSuperDatePicker__prettyFormat\n {{if\n this.isDisabled\n 'euiSuperDatePicker__prettyFormat--disabled'\n }}\"\n @compressed={{@compressed}}\n @isDisabled={{this.isDisabled}}\n data-test-subj=\"superDatePickerShowDatesButton\"\n {{on \"click\" this.hidePrettyDuration}}\n {{on \"focus\" this.onPrettyDurationFocus}}\n >\n {{#if this.disabledDisplay}}\n {{#if this.disabledDisplayText}}\n {{this.disabledDisplayText}}\n {{else}}\n {{#let this.disabledDisplay as \|Display\|}}\n {{! @glint-expect-error: a string is handled above }}\n <Display />\n {{/let}}\n {{/if}}\n {{else}}\n <span\n class={{this.prettyDurationTextClass}}\n >{{this.prettyDurationText}}</span>\n {{/if}}\n </EuiFormControlButton>\n </EuiToolTip>\n {{/unless}}\n </:field>\n <:append>\n <AutoRefreshButton />\n </:append>\n </EuiFormControlLayout>\n {{else}}\n <EuiDatePickerRange\n @css={{this.rangeCss}}\n @fullWidth={{true}}\n @compressed={{@compressed}}\n @isInvalid={{this.isInvalid}}\n @isLoading={{this.isLayoutLoading}}\n @disabled={{this.isDisabled}}\n @delimiter={{if @isQuickSelectOnly \"\"}}\n @icon={{if this.hasChangedIcon \"checkCircle\"}}\n @iconSide={{if this.hasChangedIcon \"right\"}}\n @isAppendProvided={{this.showAutoRefreshAppend}}\n >\n <:prepend>\n <QuickSelect>\n <:customQuickSelectRender as \|panels\|>\n {{yield panels to=\"customQuickSelectRender\"}}\n </:customQuickSelectRender>\n </QuickSelect>\n </:prepend>\n\n <:startDateControl>\n {{#unless @isQuickSelectOnly}}\n <EuiDatePopoverButton\n @className=\"euiSuperDatePicker__startPopoverButton\"\n @css={{this.rangeInputCss}}\n @value={{this.start}}\n @compressed={{@compressed}}\n @position=\"start\"\n @isDisabled={{this.isDisabled}}\n @dateFormat={{this.dateFormat}}\n @timeFormat={{this.timeFormat}}\n @utcOffset={{@utcOffset}}\n @onChange={{this.setStart}}\n @isInvalid={{this.isInvalid}}\n @timeOptions={{this.timeOptions}}\n @needsUpdating={{this.hasChanged}}\n @locale={{@locale}}\n @minDate={{@minDate}}\n @maxDate={{@maxDate}}\n @canRoundRelativeUnits={{@canRoundRelativeUnits}}\n @timeZoneDisplayProps={{@timeZoneDisplayProps}}\n @onFocus={{@onFocus}}\n @isOpen={{this.isStartDatePopoverOpen}}\n @onPopoverToggle={{this.onStartDatePopoverToggle}}\n @onPopoverClose={{this.onStartDatePopoverClose}}\n />\n {{/unless}}\n </:startDateControl>\n\n <:endDateControl>\n {{#unless @isQuickSelectOnly}}\n <EuiDatePopoverButton\n @className=\"euiSuperDatePicker__endPopoverButton\"\n @css={{this.rangeInputCss}}\n @value={{this.end}}\n @compressed={{@compressed}}\n @position=\"end\"\n @isDisabled={{this.isDisabled}}\n @dateFormat={{this.dateFormat}}\n @timeFormat={{this.timeFormat}}\n @utcOffset={{@utcOffset}}\n @onChange={{this.setEnd}}\n @isInvalid={{this.isInvalid}}\n @timeOptions={{this.timeOptions}}\n @roundUp={{true}}\n @needsUpdating={{this.hasChanged}}\n @locale={{@locale}}\n @minDate={{@minDate}}\n @maxDate={{@maxDate}}\n @canRoundRelativeUnits={{@canRoundRelativeUnits}}\n @timeZoneDisplayProps={{@timeZoneDisplayProps}}\n @onFocus={{@onFocus}}\n @isOpen={{this.isEndDatePopoverOpen}}\n @onPopoverToggle={{this.onEndDatePopoverToggle}}\n @onPopoverClose={{this.onEndDatePopoverClose}}\n />\n {{/unless}}\n </:endDateControl>\n\n <:append>\n <AutoRefreshButton />\n </:append>\n </EuiDatePickerRange>\n {{/if}}\n {{/let}}\n\n {{#if this.timeWindowConfig}}\n <EuiTimeWindowButtons\n @applyTime={{this.applyQuickTime}}\n @start={{this.appliedStart}}\n @end={{this.appliedEnd}}\n @compressed={{@compressed}}\n @isDisabled={{or this.isDisabled this.isInvalid}}\n @showZoomOut={{this.timeWindowConfig.showZoomOut}}\n @showZoomIn={{this.timeWindowConfig.showZoomIn}}\n @showShiftArrows={{this.timeWindowConfig.showShiftArrows}}\n @zoomFactor={{this.timeWindowConfig.zoomFactor}}\n />\n {{/if}}\n\n {{#if this.showUpdateButton}}\n <EuiSuperUpdateButton\n @size={{this.updateButtonSize}}\n @onClick={{this.handleClickUpdateButton}}\n @isLoading={{@isLoading}}\n @isDisabled={{or this.isDisabled this.isInvalid}}\n @needsUpdate={{this.hasChanged}}\n @showTooltip={{this.updateButtonShowTooltip}}\n @fill={{this.updateButtonProps.fill}}\n @iconOnly={{this.updateButtonIconOnly}}\n @color={{this.updateButtonProps.color}}\n @iconType={{this.updateButtonProps.iconType}}\n @label={{this.updateButtonProps.children}}\n @minWidth={{this.updateButtonProps.minWidth}}\n @className={{this.updateButtonProps.className}}\n @toolTipProps={{this.updateButtonProps.toolTipProps}}\n @responsive={{this.updateButtonProps.responsive}}\n @element={{this.updateButtonProps.element}}\n @fullWidth={{this.updateButtonProps.fullWidth}}\n @hasAriaDisabled={{this.updateButtonProps.hasAriaDisabled}}\n @iconSide={{this.updateButtonProps.iconSide}}\n @iconSize={{this.updateButtonProps.iconSize}}\n @isSelected={{this.updateButtonProps.isSelected}}\n data-test-subj={{this.updateButtonTestSubj}}\n />\n {{/if}}\n {{/if}}\n </div>\n </template>\n}\n"],"names":["EuiSuperDatePicker","Component","g","prototype","argOrDefaultDecorator","i","service","tracked","currentDraft","draft","forStart","args","start","forEnd","end","undefined","appliedStart","appliedEnd","isInvalid","isRangeInvalid","minDate","maxDate","hasChanged","isDisabled","Boolean","disabledDisplay","display","disabledDisplayText","commonlyUsedRanges","timeOptions","commonDurationRanges","showPrettyDurationState","showPrettyDuration","override","prettyDurationOverride","show","setPrettyDuration","showPrettyDurationButton","isStartDatePopoverOpen","isEndDatePopoverOpen","prettyDurationText","prettyDuration","euiI18n","timeFrom","timeTo","quickRanges","dateFormat","formattedFullRange","startMoment","dateMath","parse","endMoment","roundUp","format","prettyDurationTooltipOffset","context","upstream","euiTheme","base","prettyDurationTextClass","euiClass","euiTextTruncate","n","cached","hidePrettyDuration","action","onPrettyDurationFocus","event","onFocus","onStartDatePopoverToggle","onStartDatePopoverClose","onEndDatePopoverToggle","onEndDatePopoverClose","showAutoRefreshAppend","isPaused","hasChangedIcon","updateButtonShowTooltip","updateButtonProps","showTooltip","setDraft","useI18nTimeOptions","setTime","showUpdateButton","onTimeChange","isQuickSelection","applyTime","applyQuickTime","setStart","setEnd","handleClickUpdateButton","onRefresh","refreshInterval","getEuiThemeContext","timeWindowConfig","showTimeWindowButtons","isAutoRefreshOnly","showAutoRefreshOnly","onRefreshChange","updateButtonIconOnly","iconOnly","updateButtonSize","size","compressed","updateButtonTestSubj","onAutoRefreshChange","change","intervalUnits","resolvedWidth","isQuickSelectOnly","width","styles","useEuiBorealisStyles","euiSuperDatePickerStyles","classes","needsUpdating","boxSizing","euiSuperDatePicker","widths","noUpdateButton","filter","join","layoutCss","states","state","disabled","invalid","default","euiSuperDatePicker__formControlLayout","rangeCss","euiSuperDatePicker__range","prettyDurationTooltipCss","euiSuperDatePicker__prettyDurationTooltip","rangeInputCss","euiSuperDatePicker__rangeInput","isLayoutLoading","isLoading","autoRefresh","modifier","_element","stopped","timer","tick","setTimeout","clearTimeout","setComponentTemplate","precompileTemplate","strictMode","scope","EuiAutoRefresh","eq","EuiQuickSelectPopover","EuiAutoRefreshButton","EuiFormControlLayout","EuiToolTip","EuiFormControlButton","on","EuiDatePickerRange","EuiDatePopoverButton","EuiTimeWindowButtons","or","EuiSuperUpdateButton"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+Qe,MAAMA,2BAA2BC,SAAA,CAAU;AAAA,EAAA;AAAAC,IAAAA,CAAA,MAAAC,SAAA,EAAA,YAAA,EAAA,CACvDC,qBAAA,CAAsB,4BAAA,CAAA,CAAA,CAAA;AAAA;EAAA,WAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,YAAA,CAAA,EAAA,MAAA;AAAA,EAAA;AAAAH,IAAAA,CAAA,MAAAC,SAAA,EAAA,YAAA,EAAA,CACtBC,qBAAA,CAAsB,OAAA,CAAA,CAAA,CAAA;AAAA;EAAA,WAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,YAAA,CAAA,EAAA,MAAA;AAAA,EAAA;AAAAH,IAAAA,CAAA,MAAAC,SAAA,EAAA,mBAAA,EAAA,CAGtBC,qBAAA,CAAsB,KAAA,CAAA,CAAA,CAAA;AAAA;EAAA,kBAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,mBAAA,CAAA,EAAA,MAAA,EAAA;AADvB;AAAA,EAAA;AAAAH,IAAAA,CAAA,MAAAC,SAAA,EAAA,UAAA,EAAA,CAECC,qBAAA,CAAsB,IAAA,CAAA,CAAA,CAAA;AAAA;EAAA,SAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,UAAA,CAAA,EAAA,MAAA;AAAA,EAAA;AAAAH,IAAAA,CAAA,MAAAC,SAAA,EAAA,kBAAA,EAAA,CACtBC,qBAAA,CAAsB,IAAA,CAAA,CAAA,CAAA;AAAA;EAAA,iBAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,kBAAA,CAAA,EAAA,MAAA;AAAA,EAAA;AAAAH,IAAAA,CAAA,MAAAC,SAAA,EAAA,OAAA,EAAA,CACtBC,qBAAA,CAAsB,YAAA,CAAA,CAAA,CAAA;AAAA;EAAA,MAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,OAAA,CAAA,EAAA,MAAA;AAAA,EAAA;AAAAH,IAAAA,CAAA,MAAAC,SAAA,EAAA,iBAAA,EAAA,CAEtBC,qBAAA,CAAsB,IAAA,CAAA,CAAA,CAAA;AAAA;EAAA,gBAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,iBAAA,CAAA,EAAA,MAAA,EAAA;AADvB,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CAGCG,OAAA,CAAA,CAAA;AAAA;EAAA,QAAA,IAAAD,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAA,MAAA;AAAA,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,wBAAA,EAAA,CAGAI,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAiC,KAAA;AAAA,IAAA,CAAA,CAAA;AAAA;EAAA,uBAAA,IAAAF,CAAA,CAAA,IAAA,EAAA,wBAAA,CAAA,EAAA,MAAA;AADlC;AAAA,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,sBAAA,EAAA,CAECI,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAA+B,KAAA;AAAA,IAAA,CAAA,CAAA;AAAA;EAAA,qBAAA,IAAAF,CAAA,CAAA,IAAA,EAAA,sBAAA,CAAA,EAAA,MAAA;AAAA,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,wBAAA,EAAA,CAM/BI,OAAA,CAAA,CAAA;AAAA;EAAA,uBAAA,IAAAF,CAAA,CAAA,IAAA,EAAA,wBAAA,CAAA,EAAA,MAAA;AAJD;;;AAGC;AAHD,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,OAAA,EAAA,CAgBCI,OAAA,CAAA,CAAA;AAAA;EAAA,MAAA,IAAAF,CAAA,CAAA,IAAA,EAAA,OAAA,CAAA,EAAA,MAAA;AAND;;;;;AAKC;EASD,IAAYG,YAAAA,GAAe;IACzB,MAAM;AAAEC,MAAAA;AAAK,KAAE,GAAG,IAAI;IAEtB,OAAOA,SACLA,KAAA,CAAMC,QAAQ,KAAK,IAAI,CAACC,IAAI,CAACC,KAAK,IAClCH,KAAA,CAAMI,MAAM,KAAK,IAAI,CAACF,IAAI,CAACG,GAAG,GAC5BL,KAAA,GACAM,SAAA;AACN,EAAA;AAEA;EACA,IAAIC,YAAAA,GAA0B;AAC5B,IAAA,OAAO,IAAI,CAACL,IAAI,CAACC,KAAK,IAAI,SAAA;AAC5B,EAAA;EAEA,IAAIK,aAAwB;AAC1B,IAAA,OAAO,IAAI,CAACN,IAAI,CAACG,GAAG,IAAI,KAAA;AAC1B,EAAA;EAEA,IAAIF,QAAmB;AACrB,IAAA,OAAO,IAAI,CAACJ,YAAY,EAAEI,KAAA,IAAS,IAAI,CAACD,IAAI,CAACC,KAAK,IAAI,SAAA;AACxD,EAAA;EAEA,IAAIE,MAAiB;AACnB,IAAA,OAAO,IAAI,CAACN,YAAY,EAAEM,GAAA,IAAO,IAAI,CAACH,IAAI,CAACG,GAAG,IAAI,KAAA;AACpD,EAAA;EAEA,IAAII,SAAAA,GAAqB;IACvB,OAAOC,eACL,IAAI,CAACP,KAAK,EACV,IAAI,CAACE,GAAG,EACR,IAAI,CAACH,IAAI,CAACS,OAAO,EACjB,IAAI,CAACT,IAAI,CAACU,OAAO,CAAA;AAErB,EAAA;EAEA,IAAIC,UAAAA,GAAsB;AACxB,IAAA,OAAO,IAAI,CAACd,YAAY,EAAEc,UAAA,IAAc,KAAA;AAC1C,EAAA;EAEA,IAAIC,UAAAA,GAAsB;AACxB,IAAA,OAAOC,OAAA,CAAQ,IAAI,CAACb,IAAI,CAACY,UAAU,CAAA;AACrC,EAAA;AAEA;EACA,IAAIE,eAAAA,GAAsD;IACxD,MAAM;AAAEF,MAAAA;KAAY,GAAG,IAAI,CAACZ,IAAI;AAChC,IAAA,OAAO,OAAOY,eAAe,QAAA,IAAYA,UAAA,KAAe,OACpDA,UAAA,CAAWG,OAAO,IAAIX,SAAA,GACtBA,SAAA;AACN,EAAA;EAEA,IAAIY,mBAAAA,GAA0C;AAC5C,IAAA,MAAMD,OAAA,GAAU,IAAI,CAACD,eAAe;AACpC,IAAA,OAAO,OAAOC,OAAA,KAAY,QAAA,GAAWA,OAAA,GAAUX,SAAA;AACjD,EAAA;EAEA,IAAIa,qBAAsC;IACxC,OACE,IAAI,CAACjB,IAAI,CAACiB,kBAAkB,IAAI,IAAI,CAACC,WAAW,CAACC,oBAAoB;AAEzE,EAAA;AAEA;;;;EAIA,IAAIC,uBAAAA,GAAmC;AACrC;IACA,IAAI,CAAC,IAAI,CAACpB,IAAI,CAACqB,kBAAkB,EAAE,OAAO,KAAA;AAE1C,IAAA,MAAMC,QAAA,GAAW,IAAI,CAACC,sBAAsB;IAE5C,IACED,YACAA,QAAA,CAASvB,QAAQ,KAAK,IAAI,CAACC,IAAI,CAACC,KAAK,IACrCqB,QAAA,CAASpB,MAAM,KAAK,IAAI,CAACF,IAAI,CAACG,GAAG,EACjC;MACA,OAAOmB,SAASE,IAAI;AACtB,IAAA;AAEA,IAAA,OAAOH,kBAAA,CACL,IAAI,CAAChB,YAAY,EACjB,IAAI,CAACC,UAAU,EACf,IAAI,CAACW,kBAAkB,CAAA;AAE3B,EAAA;EAEQQ,iBAAAA,CAAkBD,IAAa,EAAE;IACvC,IAAI,CAACD,sBAAsB,GAAG;MAC5BC,IAAA;AACAzB,MAAAA,QAAA,EAAU,IAAI,CAACC,IAAI,CAACC,KAAK;AACzBC,MAAAA,MAAA,EAAQ,IAAI,CAACF,IAAI,CAACG;KACpB;AACF,EAAA;AAEA;EACA,IAAIuB,wBAAAA,GAAoC;AACtC,IAAA,OAAOb,QACL,IAAI,CAACC,eAAe,IACjB,IAAI,CAACM,uBAAuB,IAC3B,CAAC,IAAI,CAACO,sBAAsB,IAC5B,CAAC,IAAI,CAACC,oBAAoB,CAAA;AAElC,EAAA;EAEA,IAAIC,kBAAAA,GAA6B;AAC/B,IAAA,OAAOC,cAAA,CAAe,IAAI,CAACC,OAAO,EAAE;MAClCC,QAAA,EAAU,IAAI,CAAC/B,KAAK;MACpBgC,MAAA,EAAQ,IAAI,CAAC9B,GAAG;MAChB+B,WAAA,EAAa,IAAI,CAACjB,kBAAkB;MACpCkB,UAAA,EAAY,IAAI,CAACA;AACnB,KAAA,CAAA;AACF,EAAA;AAEA;EACA,IAAIC,kBAAAA,GAA6B;AAC/B,IAAA,IAAI,IAAI,CAAC7B,SAAS,EAAE,OAAO,EAAA;IAE3B,MAAM8B,cAAcC,QAAA,CAASC,KAAK,CAAC,IAAI,CAACtC,KAAK,CAAA;IAC7C,MAAMuC,YAAYF,QAAA,CAASC,KAAK,CAAC,IAAI,CAACpC,GAAG,EAAE;AAAEsC,MAAAA,OAAA,EAAS;AAAK,KAAA,CAAA;AAE3D,IAAA,OAAO,GAAGJ,WAAA,EAAaK,MAAA,CAAO,IAAI,CAACP,UAAU,CAAA,CAAA,GAAA,EAAOK,SAAA,EAAWE,MAAA,CAC7D,IAAI,CAACP,UAAU,CAAA,CAAA,CACd;AACL,EAAA;AAEA;EACA,IAAIQ,2BAAAA,GAAsC;IACxC,OAAO,IAAI,CAACC,OAAO,CAACC,QAAQ,CAACC,QAAQ,CAACC,IAAI,GAAG,GAAA;AAC/C,EAAA;EAEA,IACIC,uBAAAA,GAAkC;IACpC,OAAOC,QAAA,CAAS,IAAI,CAACL,OAAO,EAAEM,eAAA,EAAA,CAAA;AAChC,EAAA;AAEA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAA3D,SAAA,EAAA,yBAAA,EAAA,CALC4D,MAAA,CAAA,CAAA;AAAA;AAODC,EAAAA,kBAAAA,GAAqB;AACnB,IAAA,IAAI,CAAC5B,iBAAiB,CAAC,KAAA,CAAA;IACvB,IAAI,CAACE,sBAAsB,GAAG,IAAA;AAChC,EAAA;AAAA,EAAA;IAAAwB,CAAA,CAAA,IAAA,CAAA3D,SAAA,EAAA,oBAAA,EAAA,CAJC8D,MAAA,CAAA,CAAA;AAAA;EAODC,qBAAAA,CAAsBC,KAAiB,EAAE;AACvC,IAAA,IAAI,CAACxD,IAAI,CAACyD,OAAO,GAAGD,KAAA,CAAA;AACtB,EAAA;AAAA,EAAA;IAAAL,CAAA,CAAA,IAAA,CAAA3D,SAAA,EAAA,uBAAA,EAAA,CAHC8D,MAAA,CAAA,CAAA;AAAA;AAMDI,EAAAA,wBAAAA,GAA2B;AACzB,IAAA,IAAI,CAAC/B,sBAAsB,GAAG,CAAC,IAAI,CAACA,sBAAsB;AAC5D,EAAA;AAAA,EAAA;IAAAwB,CAAA,CAAA,IAAA,CAAA3D,SAAA,EAAA,0BAAA,EAAA,CAHC8D,MAAA,CAAA,CAAA;AAAA;AAMDK,EAAAA,uBAAAA,GAA0B;IACxB,IAAI,CAAChC,sBAAsB,GAAG,KAAA;AAChC,EAAA;AAAA,EAAA;IAAAwB,CAAA,CAAA,IAAA,CAAA3D,SAAA,EAAA,yBAAA,EAAA,CAHC8D,MAAA,CAAA,CAAA;AAAA;AAMDM,EAAAA,sBAAAA,GAAyB;AACvB,IAAA,IAAI,CAAChC,oBAAoB,GAAG,CAAC,IAAI,CAACA,oBAAoB;AACxD,EAAA;AAAA,EAAA;IAAAuB,CAAA,CAAA,IAAA,CAAA3D,SAAA,EAAA,wBAAA,EAAA,CAHC8D,MAAA,CAAA,CAAA;AAAA;AAMDO,EAAAA,qBAAAA,GAAwB;IACtB,IAAI,CAACjC,oBAAoB,GAAG,KAAA;AAC9B,EAAA;AAEA;AAAA,EAAA;IAAAuB,CAAA,CAAA,IAAA,CAAA3D,SAAA,EAAA,uBAAA,EAAA,CALC8D,MAAA,CAAA,CAAA;AAAA;EAMD,IAAIQ,qBAAAA,GAAiC;IACnC,OAAO,CAAC,IAAI,CAACC,QAAQ;AACvB,EAAA;AAEA;EACA,IAAIC,cAAAA,GAA0B;AAC5B,IAAA,OAAO,IAAI,CAACrD,UAAU,IAAI,CAAC,IAAI,CAACJ,SAAS;AAC3C,EAAA;AAEA;EACA,IAAI0D,uBAAAA,GAAmC;AACrC,IAAA,OACE,IAAI,CAACC,iBAAiB,CAACC,WAAW,KACjC,CAAC,IAAI,CAACxC,sBAAsB,IAAI,CAAC,IAAI,CAACC,oBAAoB,CAC7D;AACF,EAAA;AAEQwC,EAAAA,QAAAA,CAASnE,KAAgB,EAAEE,GAAc,EAAEQ,UAAmB,EAAE;IACtE,IAAI,CAACb,KAAK,GAAG;MACXG,KAAA;MACAE,GAAA;MACAQ,UAAA;AACAZ,MAAAA,QAAA,EAAU,IAAI,CAACC,IAAI,CAACC,KAAK;AACzBC,MAAAA,MAAA,EAAQ,IAAI,CAACF,IAAI,CAACG;KACpB;AACF,EAAA;EAEA,IAAIe,WAAAA,GAAc;AAChB,IAAA,OAAOmD,kBAAA,CAAmB,IAAI,CAACtC,OAAO,CAAA;AACxC,EAAA;AAEAuC,EAAAA,OAAAA,CAAQ;IAAErE,KAAK;AAAEE,IAAAA;GAAoB,EAAE;IACrC,IAAI,CAACiE,QAAQ,CACXnE,KAAA,EACAE,GAAA,EACA,EAAE,IAAI,CAACE,YAAY,KAAKJ,KAAA,IAAS,IAAI,CAACK,UAAU,KAAKH,GAAG,CAAA,CAAA;AAG1D,IAAA,IAAI,CAAC,IAAI,CAACoE,gBAAgB,EAAE;AAC1B,MAAA,IAAI,CAACvE,IAAI,CAACwE,YAAY,CAAC;QACrBvE,KAAA;QACAE,GAAA;AACAsE,QAAAA,gBAAA,EAAkB,KAAA;AAClBlE,QAAAA,SAAA,EAAWC,cAAA,CACTP,KAAA,EACAE,GAAA,EACA,IAAI,CAACH,IAAI,CAACS,OAAO,EACjB,IAAI,CAACT,IAAI,CAACU,OAAO;AAErB,OAAA,CAAA;AACF,IAAA;AACF,EAAA;AAEAgE,EAAAA,SAAAA,GAAY;AACV,IAAA,IAAI,CAAC1E,IAAI,CAACwE,YAAY,CAAC;MACrBvE,KAAA,EAAO,IAAI,CAACA,KAAK;MACjBE,GAAA,EAAK,IAAI,CAACA,GAAG;AACbsE,MAAAA,gBAAA,EAAkB,KAAA;AAClBlE,MAAAA,SAAA,EAAW;AACb,KAAA,CAAA;AACF,EAAA;AAGAoE,EAAAA,cAAAA,CAAe;IAAE1E,KAAK;AAAEE,IAAAA;GAAoB,EAAE;IAC5C,IAAI,CAACiE,QAAQ,CAACnE,KAAA,EAAOE,GAAA,EAAK,KAAA,CAAA;AAC1B,IAAA,IAAI,CAACsB,iBAAiB,CACpBJ,kBAAA,CAAmBpB,OAAOE,GAAA,EAAK,IAAI,CAACc,kBAAkB,CAAA,CAAA;AAGxD,IAAA,IAAI,CAACjB,IAAI,CAACwE,YAAY,CAAC;MACrBvE,KAAA;MACAE,GAAA;AACAsE,MAAAA,gBAAA,EAAkB,IAAA;AAClBlE,MAAAA,SAAA,EAAW;AACb,KAAA,CAAA;AACF,EAAA;AAAA,EAAA;IAAA4C,CAAA,CAAA,IAAA,CAAA3D,SAAA,EAAA,gBAAA,EAAA,CAbC8D,MAAA,CAAA,CAAA;AAAA;EAgBDsB,QAAAA,CAAS3E,KAAgB,EAAE;IACzB,IAAI,CAACqE,OAAO,CAAC;MAAErE,KAAA;MAAOE,GAAA,EAAK,IAAI,CAACA;AAAI,KAAA,CAAA;AACtC,EAAA;AAAA,EAAA;IAAAgD,CAAA,CAAA,IAAA,CAAA3D,SAAA,EAAA,UAAA,EAAA,CAHC8D,MAAA,CAAA,CAAA;AAAA;EAMDuB,MAAAA,CAAO1E,GAAc,EAAE;IACrB,IAAI,CAACmE,OAAO,CAAC;MAAErE,KAAA,EAAO,IAAI,CAACA,KAAK;AAAEE,MAAAA;AAAI,KAAA,CAAA;AACxC,EAAA;AAAA,EAAA;IAAAgD,CAAA,CAAA,IAAA,CAAA3D,SAAA,EAAA,QAAA,EAAA,CAHC8D,MAAA,CAAA,CAAA;AAAA;AAMDwB,EAAAA,uBAAAA,GAA0B;IACxB,IAAI,CAAC,IAAI,CAACnE,UAAU,IAAI,IAAI,CAACX,IAAI,CAAC+E,SAAS,EAAE;AAC3C,MAAA,KAAK,IAAI,CAAC/E,IAAI,CAAC+E,SAAS,CAAC;QACvB9E,KAAA,EAAO,IAAI,CAACA,KAAK;QACjBE,GAAA,EAAK,IAAI,CAACA,GAAG;QACb6E,eAAA,EAAiB,IAAI,CAACA;AACxB,OAAA,CAAA;AACF,IAAA,CAAA,MAAO;MACL,IAAI,CAACN,SAAS,EAAA;AAChB,IAAA;IAEA,IAAI,IAAI,CAAC7E,YAAY,EAAE;MACrB,IAAI,CAACC,KAAK,GAAG;QAAE,GAAG,IAAI,CAACD,YAAY;AAAEc,QAAAA,UAAA,EAAY;OAAM;AACzD,IAAA;AACF,EAAA;AAAA,EAAA;IAAAwC,CAAA,CAAA,IAAA,CAAA3D,SAAA,EAAA,yBAAA,EAAA,CAfC8D,MAAA,CAAA,CAAA;AAAA;EAiBD,IAAIV,OAAAA,GAAU;IACZ,OAAOqC,mBAAmB,IAAI,CAAA;AAChC,EAAA;AAEA;EACA,IAAIC,gBAAAA,GAA2D;IAC7D,MAAM;AAAEC,MAAAA;KAAuB,GAAG,IAAI,CAACnF,IAAI;IAC3C,IAAI,CAACmF,qBAAA,IAAyB,IAAI,CAACC,iBAAiB,EAAE,OAAOhF,SAAA;IAC7D,OAAO,OAAO+E,qBAAA,KAA0B,SAAA,GACpC,EAAC,GACDA,qBAAA;AACN,EAAA;AAEA;EACA,IAAIE,mBAAAA,GAAsB;IACxB,OAAOxE,OAAA,CAAQ,IAAI,CAACuE,iBAAiB,IAAI,IAAI,CAACpF,IAAI,CAACsF,eAAe,CAAA;AACpE,EAAA;AAEA;EACA,IAAIpB,iBAAAA,GAA+C;AACjD,IAAA,OAAO,IAAI,CAAClE,IAAI,CAACkE,iBAAiB,IAAI,EAAC;AACzC,EAAA;EAEA,IAAIqB,oBAAAA,GAAuB;IACzB,OACE,IAAI,CAACrB,iBAAiB,CAACsB,QAAQ,IAAI,IAAI,CAACjB,gBAAgB,KAAK,UAC/D;AACF,EAAA;EAEA,IAAIkB,gBAAAA,GAAmB;AACrB,IAAA,OAAO,IAAI,CAACvB,iBAAiB,CAACwB,IAAI,KAAK,IAAI,CAAC1F,IAAI,CAAC2F,UAAU,GAAG,MAAM,GAAG,CAAA;AACzE,EAAA;EAEA,IAAIC,oBAAAA,GAAuB;AACzB,IAAA,OACE,IAAI,CAAC1B,iBAAiB,CAAC,gBAAA,CAAiB,IACxC,gCACF;AACF,EAAA;AAEA;EACA2B,sBAAuBC;IAKrB,MAAM;MAAEd,eAAe;MAAEjB,QAAQ;AAAEgC,MAAAA;KAAe,GAAGD,MAAA;AACrD,IAAA,IAAI,CAAC9F,IAAI,CAACsF,eAAe,GAAG;MAAEN,eAAA;MAAiBjB,QAAA;AAAUgC,MAAAA;AAAc,KAAA,CAAA;EACzE,CAAA;AAEA;EACA,IAAIC,aAAAA,GAAgD;AAClD,IAAA,IAAI,IAAI,CAAChG,IAAI,CAACiG,iBAAiB,EAAE,OAAO,MAAA;AACxC,IAAA,MAAMC,KAAA,GAAQ,IAAI,CAACA,KAAK;IACxB,OAAOA,KAAA,KAAU,MAAA,IAAUA,KAAA,KAAU,MAAA,GAASA,KAAA,GAAQ,YAAA;AACxD,EAAA;EAEA,IACIC,MAAAA,GAAS;AACX,IAAA,OAAOC,oBAAA,CAAqB,IAAI,CAACxD,OAAO,EAAEyD,wBAAA,CAAA;AAC5C,EAAA;AAEA;AAAA,EAAA;IAAAlD,CAAA,CAAA,IAAA,CAAA3D,SAAA,EAAA,QAAA,EAAA,CALC4D,MAAA,CAAA,CAAA;AAAA;EAMD,IACIkD,OAAAA,GAAU;AACZ,IAAA,MAAMH,MAAA,GAAS,IAAI,CAACA,MAAM;AAC1B,IAAA,MAAMD,KAAA,GAAQ,IAAI,CAACF,aAAa;AAChC,IAAA,MAAMO,aAAA,GACJ,IAAI,CAAC5F,UAAU,IAAI,CAAC,IAAI,CAACC,UAAU,IAAI,CAAC,IAAI,CAACL,SAAS;AACxD,IAAA,OAAO,CACL,oBAAA,EACAgG,aAAA,IAAiB,mCAAA,EACjBtD,QAAA,CACE,IAAI,CAACL,OAAO,EACZ;AAAE4D,MAAAA,SAAA,EAAW;KAAa,EAC1BL,MAAA,CAAOM,kBAAkB,EACzBN,MAAA,CAAOO,MAAM,CAACR,KAAA,CAAM,EACpB,CAAC,IAAI,CAAC3B,gBAAgB,IAAI4B,MAAA,CAAOQ,cAAc,CAACT,KAAA,CAAM,EACtD,IAAI,CAACd,iBAAiB,IAAIe,MAAA,CAAOf,iBAAiB,CAACc,KAAA,CAAM,EACzD,IAAI,CAAClG,IAAI,CAACiG,iBAAiB,IAAIE,OAAOF,iBAAiB,CAAA,CAE1D,CACEW,MAAM,CAAC/F,OAAA,CAAA,CACPgG,IAAI,CAAC,GAAA,CAAA;AACV,EAAA;AAEA;;;AAGC;AAHD,EAAA;IAAA1D,CAAA,CAAA,IAAA,CAAA3D,SAAA,EAAA,SAAA,EAAA,CAvBC4D,MAAA,CAAA,CAAA;AAAA;EA2BD,IACI0D,SAAAA,GAAY;IACd,MAAM;AAAEC,MAAAA;KAAQ,GAAG,IAAI,CAACZ,MAAM;AAC9B,IAAA,MAAMa,KAAA,GAAQ,IAAI,CAACpG,UAAU,GACzBmG,MAAA,CAAOE,QAAQ,GACf,IAAI,CAAC1G,SAAS,GACZwG,MAAA,CAAOG,OAAO,GACd,IAAI,CAACvG,UAAU,GACboG,MAAA,CAAOR,aAAa,GACpBQ,MAAA,CAAOI,OAAO;AACtB,IAAA,OAAO,CAACJ,MAAA,CAAOK,qCAAqC,EAAEJ,KAAA,CAAM;AAC9D,EAAA;AAAA,EAAA;IAAA7D,CAAA,CAAA,IAAA,CAAA3D,SAAA,EAAA,WAAA,EAAA,CAXC4D,MAAA,CAAA,CAAA;AAAA;EAaD,IACIiE,QAAAA,GAAW;IACb,OAAO,CAAC,IAAI,CAAClB,MAAM,CAACmB,yBAAyB,EAAK,GAAA,IAAI,CAACR,SAAS,CAAC;AACnE,EAAA;AAAA,EAAA;IAAA3D,CAAA,CAAA,IAAA,CAAA3D,SAAA,EAAA,UAAA,EAAA,CAHC4D,MAAA,CAAA,CAAA;AAAA;EAKD,IAAImE,wBAAAA,GAA2B;AAC7B,IAAA,OAAO,IAAI,CAACpB,MAAM,CAACqB,yCAAyC;AAC9D,EAAA;AAEA;EACA,IAAIC,aAAAA,GAAgB;AAClB,IAAA,OAAO,IAAI,CAACtB,MAAM,CAACuB,8BAA8B;AACnD,EAAA;AAEA;EACA,IAAIC,eAAAA,GAAkB;AACpB,IAAA,OAAO9G,OAAA,CAAQ,IAAI,CAACb,IAAI,CAAC4H,SAAS,IAAI,CAAC,IAAI,CAACrD,gBAAgB,CAAA;AAC9D,EAAA;AAEA;;;;AAIC;AACDsD,EAAAA,WAAA,GAAcC,QAAA,CACZ,CACEC,UACA,CAAChD,SAAA,EAAWhB,QAAA,EAAUiB,eAAA,CAIrB,KAAA;IAED,IAAI,CAACD,SAAA,IAAahB,QAAA,IAAY,EAAEiB,eAAA,GAAkB,CAAC,CAAA,EAAG;IAEtD,IAAIgD,OAAA,GAAU,KAAA;AACd,IAAA,IAAIC,KAAyB;AAE7B,IAAA,MAAMC,IAAA,GAAO,YAAA;MACX,IAAI;AACF,QAAA,MAAMnD,SAAA,CAAU;UAAE9E,KAAA,EAAO,IAAI,CAACA,KAAK;UAAEE,GAAA,EAAK,IAAI,CAACA,GAAG;AAAE6E,UAAAA;AAAgB,SAAA,CAAA;AACtE,MAAA,CAAA,CAAE,MAAM;AACNgD,QAAAA,OAAA,GAAU,IAAA;AACZ,MAAA;AAEA,MAAA,IAAI,CAACA,OAAA,EAASC,KAAA,GAAQE,UAAA,CAAW,MAAM,KAAKD,IAAA,EAAA,EAAQlD,eAAA,CAAA;IACtD,CAAA;IAEAiD,KAAA,GAAQE,UAAA,CAAW,MAAM,KAAKD,IAAA,EAAA,EAAQlD,eAAA,CAAA;AAEtC,IAAA,OAAO,MAAA;AACLgD,MAAAA,OAAA,GAAU,IAAA;MACVI,YAAA,CAAaH,KAAA,CAAA;IACf,CAAA;AACF,EAAA,CAAA,CAAA;AAGF,EAAA;IAAAI,oBAAA,CAAAC,kBAAA,CAAA,0zOAAA,EA+OA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,cAAA;QAAAC,EAAA;QAAAC,qBAAA;QAAAC,oBAAA;QAAAC,oBAAA;QAAAC,UAAA;QAAAC,oBAAA;QAAAC,EAAA;QAAAC,kBAAA;QAAAC,oBAAA;QAAAC,oBAAA;QAAAC,EAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

package/dist/components/eui-super-select.js CHANGED Viewed

@@ -17,8 +17,8 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { g, i, n } from 'decorator-transforms/runtime-esm';
 import { euiSuperSelectStyles } from '../utils/eui/styles.generated/components/form/super_select/super_select.styles.js';
-import { euiListItemLayoutStyles } from '../utils/eui/styles.generated/shared/ISD4LC5N.js';
-import { euiScrollBarStyles } from '../utils/eui/styles.generated/shared/2KP7ZYVN.js';
+import { euiListItemLayoutStyles } from '../utils/eui/styles.generated/shared/3D6AVV45.js';
+import { euiScrollBarStyles } from '../utils/eui/styles.generated/shared/K4WLYBNG.js';
 /** Scoped button reset for the options (no React global reset). */const ITEM_RESET = {
   boxSizing: 'border-box',

package/dist/components/eui-tab.js CHANGED Viewed

@@ -9,11 +9,13 @@ import { isValidHref, getSecureRelForTarget } from './eui-link.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
-import { euiTextTruncate } from '../utils/eui/styles.generated/shared/OM62WJTY.js';
+import { euiTextTruncate } from '../utils/eui/styles.generated/shared/AOVHFF5R.js';
 import { euiTabStyles, euiTabContentStyles } from '../utils/eui/styles.generated/components/tabs/tab.styles.js';
 const TEXT_TRUNCATE = euiTextTruncate();
+/** The arguments of a tab other than its `id`. */
 /**
  * One tab of an EuiTabs. Add `{{on "click" …}}` to select it. Only the
  * selected tab is in the tab order (`tabindex="0"`, others `-1`), as

package/dist/components/eui-tab.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-tab.js","sources":["../../src/components/eui-tab.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\n\nimport EuiNode from '../-private/eui-node.gts';\nimport { euiTabsContext } from '../-private/eui-tabs-context.ts';\nimport { randomId } from '../-private/random-id.ts';\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport {\n euiTabContentStyles,\n euiTabStyles,\n euiTextTruncate\n} from '../utils/eui/styles.generated.ts';\nimport { getSecureRelForTarget, isValidHref } from './eui-link.gts';\n\nimport type { CSSObject } from '@emotion/css/create-instance';\nimport type { EuiNodeValue } from '../-private/eui-node.gts';\n\n// `eui-textTruncate` is a legacy utility class; upstream's mixin replaces it.\nconst TEXT_TRUNCATE = euiTextTruncate();\n\nexport type IEuiTab = {\n /** Id of the tab. Defaults to a random id. /\n id?: string;\n /\n Makes the tab a link, e.g. to a route. A `javascript:` URL disables the\n * tab instead (upstream `validateHref`).\n /\n href?: string;\n /* `target` of a link tab. /\n target?: string;\n /* `rel` of a link tab; `noreferrer` is always added (upstream). /\n rel?: string;\n /\n Content before the label (text or a component), for when a block is not\n * an option, e.g. in data. Otherwise use `<:prepend>`.\n /\n prepend?: EuiNodeValue;\n /* Content after the label (text or a component). Otherwise use `<:append>`. /\n append?: EuiNodeValue;\n /* Marks the tab as selected (`aria-selected`, tab stop). /\n isSelected?: boolean;\n /* Disables the tab. /\n disabled?: boolean;\n};\n\n/\n One tab of an EuiTabs. Add `{{on \"click\" …}}` to select it. Only the\n * selected tab is in the tab order (`tabindex=\"0\"`, others `-1`), as\n * upstream; EuiTabs moves focus between tabs with the arrow keys.\n /\nexport interface EuiTabSignature {\n Element: HTMLButtonElement \| HTMLAnchorElement;\n Args: {\n [K in ~~keyof~~ ~~IEuiTab]:~~ ~~IEuiTab[K]~~;\n };\n Blocks: {\n /* Content before the label, e.g. an icon. /\n prepend: [];\n /* The tab's label. /\n default: [];\n /* Content after the label, e.g. a notification badge. */\n append: [];\n };\n}\n\nexport default class EuiTab extends Component<EuiTabSignature> {\n fallbackId = randomId();\n\n get id(): string {\n return this.args.id ?? this.fallbackId;\n }\n\n get isDisabled(): boolean {\n const { href } = this.args;\n return Boolean(this.args.disabled \|\| (href && !isValidHref(href)));\n }\n\n // `<a>` cannot be disabled, so a disabled link tab renders a button.\n get isAnchor(): boolean {\n return Boolean(this.args.href) && !this.isDisabled;\n }\n\n get rel(): string {\n return getSecureRelForTarget(this.args.target, this.args.rel);\n }\n\n get tabIndex(): string {\n return this.args.isSelected ? '0' : '-1';\n }\n\n @cached\n get classes(): string {\n const context = getEuiThemeContext(this);\n const theme = context.upstream.euiTheme;\n const styles = useEuiBorealisStyles(context, euiTabStyles);\n const { expand } = euiTabsContext(this);\n const { isSelected } = this.args;\n // Scoped stand-in for React's global reset; upstream styles come after.\n const reset: CSSObject = {\n boxSizing: 'border-box',\n margin: 0,\n border: 'none',\n background: 'none',\n fontFamily: theme.font.family,\n fontSize: 'inherit',\n textDecoration: 'none',\n '&:disabled': { cursor: 'not-allowed' }\n };\n return [\n 'euiTab',\n isSelected && 'euiTab-isSelected',\n euiClass(\n context,\n reset,\n styles.euiTab,\n expand && styles.expanded,\n this.isDisabled && styles.disabled.disabled,\n isSelected &&\n (this.isDisabled ? styles.disabled.selected : styles.selected)\n )\n ]\n .filter(Boolean)\n .join(' ');\n }\n\n @cached\n get contentClasses(): string {\n const context = getEuiThemeContext(this);\n const styles = useEuiBorealisStyles(context, euiTabContentStyles);\n const { size } = euiTabsContext(this);\n // `eui-textTruncate` is a legacy utility class; apply its upstream mixin.\n return `euiTab__content ${euiClass(\n context,\n TEXT_TRUNCATE,\n styles.euiTab__content,\n styles[size]\n )}`;\n }\n\n <template>\n {{#if this.isAnchor}}\n <a\n id={{this.id}}\n role=\"tab\"\n aria-selected={{if @isSelected \"true\" \"false\"}}\n tabindex={{this.tabIndex}}\n class={{this.classes}}\n href={{@href}}\n target={{@target}}\n rel={{this.rel}}\n ...attributes\n >\n {{#if (has-block \"prepend\")}}\n <span class=\"euiTab__prepend\">\n {{yield to=\"prepend\"}}\n </span>\n {{else if @prepend}}\n <span class=\"euiTab__prepend\">\n <EuiNode @value={{@prepend}} />\n </span>\n {{/if}}\n\n <span class={{this.contentClasses}}>\n {{yield}}\n </span>\n\n {{#if (has-block \"append\")}}\n <span class=\"euiTab__append\">\n {{yield to=\"append\"}}\n </span>\n {{else if @append}}\n <span class=\"euiTab__append\">\n <EuiNode @value={{@append}} />\n </span>\n {{/if}}\n </a>\n {{else}}\n <button\n id={{this.id}}\n role=\"tab\"\n aria-selected={{if @isSelected \"true\" \"false\"}}\n tabindex={{this.tabIndex}}\n type=\"button\"\n class={{this.classes}}\n disabled={{this.isDisabled}}\n ...attributes\n >\n {{#if (has-block \"prepend\")}}\n <span class=\"euiTab__prepend\">\n {{yield to=\"prepend\"}}\n </span>\n {{else if @prepend}}\n <span class=\"euiTab__prepend\">\n <EuiNode @value={{@prepend}} />\n </span>\n {{/if}}\n\n <span class={{this.contentClasses}}>\n {{yield}}\n </span>\n\n {{#if (has-block \"append\")}}\n <span class=\"euiTab__append\">\n {{yield to=\"append\"}}\n </span>\n {{else if @append}}\n <span class=\"euiTab__append\">\n <EuiNode @value={{@append}} />\n </span>\n {{/if}}\n </button>\n {{/if}}\n </template>\n}\n"],"names":["TEXT_TRUNCATE","euiTextTruncate","EuiTab","Component","fallbackId","randomId","id","args","isDisabled","href","Boolean","disabled","isValidHref","isAnchor","rel","getSecureRelForTarget","target","tabIndex","isSelected","classes","context","getEuiThemeContext","theme","upstream","euiTheme","styles","useEuiBorealisStyles","euiTabStyles","expand","euiTabsContext","reset","boxSizing","margin","border","background","fontFamily","font","family","fontSize","textDecoration","cursor","euiClass","euiTab","expanded","selected","filter","join","n","prototype","cached","contentClasses","euiTabContentStyles","size","euiTab__content","setComponentTemplate","precompileTemplate","strictMode","scope","EuiNode"],"mappings":";;;;;;;;;;;;;;AAmBA,MAAMA,aAAA,GAAgBC,eAAA,EAAA;;~~AA2BtB~~;;;;AAIC;;~~AAgBc~~,MAAMC,eAAeC,SAAA,CAAU;EAC5CC,UAAA,GAAaC,QAAA,EAAA;EAEb,IAAIC,EAAAA,~~GAAa~~;~~IACf~~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"}
1	+ {"version":3,"file":"eui-tab.js","sources":["../../src/components/eui-tab.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\n\nimport EuiNode from '../-private/eui-node.gts';\nimport { euiTabsContext } from '../-private/eui-tabs-context.ts';\nimport { randomId } from '../-private/random-id.ts';\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport {\n euiTabContentStyles,\n euiTabStyles,\n euiTextTruncate\n} from '../utils/eui/styles.generated.ts';\nimport { getSecureRelForTarget, isValidHref } from './eui-link.gts';\n\nimport type { CSSObject } from '@emotion/css/create-instance';\nimport type { EuiNodeValue } from '../-private/eui-node.gts';\n\n// `eui-textTruncate` is a legacy utility class; upstream's mixin replaces it.\nconst TEXT_TRUNCATE = euiTextTruncate();\n\nexport type IEuiTab = {\n /** Id of the tab. Defaults to a random id. /\n id?: string;\n} & EuiTabProps;\n\n/* The arguments of a tab other than its `id`. /\ntype EuiTabProps = {\n /\n Makes the tab a link, e.g. to a route. A `javascript:` URL disables the\n * tab instead (upstream `validateHref`).\n /\n href?: string;\n /* `target` of a link tab. /\n target?: string;\n /* `rel` of a link tab; `noreferrer` is always added (upstream). /\n rel?: string;\n /\n Content before the label (text or a component), for when a block is not\n * an option, e.g. in data. Otherwise use `<:prepend>`.\n /\n prepend?: EuiNodeValue;\n /* Content after the label (text or a component). Otherwise use `<:append>`. /\n append?: EuiNodeValue;\n /* Marks the tab as selected (`aria-selected`, tab stop). /\n isSelected?: boolean;\n /* Disables the tab. /\n disabled?: boolean;\n};\n\n/\n One tab of an EuiTabs. Add `{{on \"click\" …}}` to select it. Only the\n * selected tab is in the tab order (`tabindex=\"0\"`, others `-1`), as\n * upstream; EuiTabs moves focus between tabs with the arrow keys.\n /\nexport interface EuiTabSignature {\n Element: HTMLButtonElement \| HTMLAnchorElement;\n Args: {\n /* Id of the tab, e.g. an `{{#each}}` index. Defaults to a random id. /\n id?: string \| number;\n } & EuiTabProps;\n Blocks: {\n /* Content before the label, e.g. an icon. /\n prepend: [];\n /* The tab's label. /\n default: [];\n /* Content after the label, e.g. a notification badge. */\n append: [];\n };\n}\n\nexport default class EuiTab extends Component<EuiTabSignature> {\n fallbackId = randomId();\n\n get id(): string \| number {\n return this.args.id ?? this.fallbackId;\n }\n\n get isDisabled(): boolean {\n const { href } = this.args;\n return Boolean(this.args.disabled \|\| (href && !isValidHref(href)));\n }\n\n // `<a>` cannot be disabled, so a disabled link tab renders a button.\n get isAnchor(): boolean {\n return Boolean(this.args.href) && !this.isDisabled;\n }\n\n get rel(): string {\n return getSecureRelForTarget(this.args.target, this.args.rel);\n }\n\n get tabIndex(): string {\n return this.args.isSelected ? '0' : '-1';\n }\n\n @cached\n get classes(): string {\n const context = getEuiThemeContext(this);\n const theme = context.upstream.euiTheme;\n const styles = useEuiBorealisStyles(context, euiTabStyles);\n const { expand } = euiTabsContext(this);\n const { isSelected } = this.args;\n // Scoped stand-in for React's global reset; upstream styles come after.\n const reset: CSSObject = {\n boxSizing: 'border-box',\n margin: 0,\n border: 'none',\n background: 'none',\n fontFamily: theme.font.family,\n fontSize: 'inherit',\n textDecoration: 'none',\n '&:disabled': { cursor: 'not-allowed' }\n };\n return [\n 'euiTab',\n isSelected && 'euiTab-isSelected',\n euiClass(\n context,\n reset,\n styles.euiTab,\n expand && styles.expanded,\n this.isDisabled && styles.disabled.disabled,\n isSelected &&\n (this.isDisabled ? styles.disabled.selected : styles.selected)\n )\n ]\n .filter(Boolean)\n .join(' ');\n }\n\n @cached\n get contentClasses(): string {\n const context = getEuiThemeContext(this);\n const styles = useEuiBorealisStyles(context, euiTabContentStyles);\n const { size } = euiTabsContext(this);\n // `eui-textTruncate` is a legacy utility class; apply its upstream mixin.\n return `euiTab__content ${euiClass(\n context,\n TEXT_TRUNCATE,\n styles.euiTab__content,\n styles[size]\n )}`;\n }\n\n <template>\n {{#if this.isAnchor}}\n <a\n id={{this.id}}\n role=\"tab\"\n aria-selected={{if @isSelected \"true\" \"false\"}}\n tabindex={{this.tabIndex}}\n class={{this.classes}}\n href={{@href}}\n target={{@target}}\n rel={{this.rel}}\n ...attributes\n >\n {{#if (has-block \"prepend\")}}\n <span class=\"euiTab__prepend\">\n {{yield to=\"prepend\"}}\n </span>\n {{else if @prepend}}\n <span class=\"euiTab__prepend\">\n <EuiNode @value={{@prepend}} />\n </span>\n {{/if}}\n\n <span class={{this.contentClasses}}>\n {{yield}}\n </span>\n\n {{#if (has-block \"append\")}}\n <span class=\"euiTab__append\">\n {{yield to=\"append\"}}\n </span>\n {{else if @append}}\n <span class=\"euiTab__append\">\n <EuiNode @value={{@append}} />\n </span>\n {{/if}}\n </a>\n {{else}}\n <button\n id={{this.id}}\n role=\"tab\"\n aria-selected={{if @isSelected \"true\" \"false\"}}\n tabindex={{this.tabIndex}}\n type=\"button\"\n class={{this.classes}}\n disabled={{this.isDisabled}}\n ...attributes\n >\n {{#if (has-block \"prepend\")}}\n <span class=\"euiTab__prepend\">\n {{yield to=\"prepend\"}}\n </span>\n {{else if @prepend}}\n <span class=\"euiTab__prepend\">\n <EuiNode @value={{@prepend}} />\n </span>\n {{/if}}\n\n <span class={{this.contentClasses}}>\n {{yield}}\n </span>\n\n {{#if (has-block \"append\")}}\n <span class=\"euiTab__append\">\n {{yield to=\"append\"}}\n </span>\n {{else if @append}}\n <span class=\"euiTab__append\">\n <EuiNode @value={{@append}} />\n </span>\n {{/if}}\n </button>\n {{/if}}\n </template>\n}\n"],"names":["TEXT_TRUNCATE","euiTextTruncate","EuiTab","Component","fallbackId","randomId","id","args","isDisabled","href","Boolean","disabled","isValidHref","isAnchor","rel","getSecureRelForTarget","target","tabIndex","isSelected","classes","context","getEuiThemeContext","theme","upstream","euiTheme","styles","useEuiBorealisStyles","euiTabStyles","expand","euiTabsContext","reset","boxSizing","margin","border","background","fontFamily","font","family","fontSize","textDecoration","cursor","euiClass","euiTab","expanded","selected","filter","join","n","prototype","cached","contentClasses","euiTabContentStyles","size","euiTab__content","setComponentTemplate","precompileTemplate","strictMode","scope","EuiNode"],"mappings":"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"}

package/dist/components/eui-tabbed-content.js CHANGED Viewed

@@ -17,7 +17,10 @@ import { g, i } from 'decorator-transforms/runtime-esm';
 /** Tab keys that are arguments of EuiTab or EuiTabbedContent, never attributes. */const TAB_PROPS = ['id', 'name', 'prepend', 'append', 'href', 'target', 'rel', 'content', 'disabled', 'isSelected'];
-/** Tabs with their panels, managing the selected tab for you. For custom layouts use EuiTabs. */
+/**
+ * Tabs with their panels, managing the selected tab for you. For custom layouts use EuiTabs.
+ * `Tab` is the type of `@tabs`' items (an `EuiTabbedContentTab`), so the blocks yield your own tab type.
+ */
 class EuiTabbedContentComponent extends Component {
   static {
@@ -53,6 +56,16 @@ class EuiTabbedContentComponent extends Component {
     } = this.args;
     return externalSelectedTab || tabs.find(tab => tab.id === this.selectedTabId);
   }
+  /**
+  * The selected tab's `content`, rendered when there is no
+  * `<:selectedTabContent>` block: then it is a component, as it is only
+  * something else for the block to render.
+  */
+  get selectedTabComponent() {
+    const id = this.selectedTab?.id;
+    const tab = this.args.tabs.find(tab => tab.id === id);
+    return tab?.content;
+  }
   setTabsRef = element => {
     this.tabsRef = element;
     // Current short-term solution for event listener (see https://github.com/elastic/eui/pull/2717)
@@ -111,7 +124,7 @@ class EuiTabbedContentComponent extends Component {
     }
   };
   static {
-    setComponentTemplate(precompileTemplate("{{#let (randomId) as |rootId|}}\n  <div class={{@className}} ...attributes>\n    <EuiTabs @expand={{@expand}} @display={{@display}} @size={{@size}} {{on \"focusin\" this.initializeFocus}} {{didInsert this.setTabsRef}}>\n      {{#each @tabs as |tab|}}\n        <EuiTab @id={{tab.id}} aria-controls={{rootId}} @isSelected={{eq tab.id this.selectedTab.id}} @disabled={{tab.disabled}} @href={{tab.href}} @target={{tab.target}} @rel={{tab.rel}} @prepend={{tab.prepend}} @append={{tab.append}} class={{tab.className}} {{spreadAttributes tab TAB_PROPS}} {{on \"click\" (fn this.onTabClick tab)}}>\n          <EuiNode @value={{tab.name}} />\n        </EuiTab>\n      {{/each}}\n    </EuiTabs>\n\n    {{#let (findBy \"id\" (if this.selectedTab this.selectedTab.id \"\") @tabs) as |currentTab|}}\n      {{#if currentTab}}\n        <div role=\"tabpanel\" id={{rootId}} aria-labelledby={{currentTab.id}}>\n          {{#if (has-block \"selectedTabContent\")}}\n            {{yield currentTab to=\"selectedTabContent\"}}\n          {{else}}\n            {{currentTab.content}}\n          {{/if}}\n        </div>\n      {{/if}}\n    {{/let}}\n  </div>\n{{/let}}", {
+    setComponentTemplate(precompileTemplate("{{#let (randomId) as |rootId|}}\n  <div class={{@className}} ...attributes>\n    <EuiTabs @expand={{@expand}} @display={{@display}} @size={{@size}} {{on \"focusin\" this.initializeFocus}} {{didInsert this.setTabsRef}}>\n      {{#each @tabs as |tab|}}\n        <EuiTab @id={{tab.id}} aria-controls={{rootId}} @isSelected={{eq tab.id this.selectedTab.id}} @disabled={{tab.disabled}} @href={{tab.href}} @target={{tab.target}} @rel={{tab.rel}} @prepend={{tab.prepend}} @append={{tab.append}} class={{tab.className}} {{spreadAttributes tab TAB_PROPS}} {{on \"click\" (fn this.onTabClick tab)}}>\n          <EuiNode @value={{tab.name}} />\n        </EuiTab>\n      {{/each}}\n    </EuiTabs>\n\n    {{#let (findBy \"id\" (if this.selectedTab this.selectedTab.id \"\") @tabs) as |currentTab|}}\n      {{#if currentTab}}\n        <div role=\"tabpanel\" id={{rootId}} aria-labelledby={{currentTab.id}}>\n          {{#if (has-block \"selectedTabContent\")}}\n            {{yield currentTab to=\"selectedTabContent\"}}\n          {{else}}\n            {{this.selectedTabComponent}}\n          {{/if}}\n        </div>\n      {{/if}}\n    {{/let}}\n  </div>\n{{/let}}", {
       strictMode: true,
       scope: () => ({
         randomId,

package/dist/components/eui-tabbed-content.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-tabbed-content.js","sources":["../../src/components/eui-tabbed-content.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\nimport { scheduleOnce } from '@ember/runloop';\nimport type Owner from '@ember/owner';\n\nimport findBy from '@nullvoxpopuli/ember-composable-helpers/helpers/find-by';\nimport { eq } from 'ember-truth-helpers';\n\nimport EuiNode from '../-private/eui-node.gts';\nimport randomId from '../-private/random-id.ts';\nimport spreadAttributes from '../-private/eui-spread-attributes.ts';\nimport type { EuiNodeValue } from '../-private/eui-node.gts';\nimport EuiTab from './eui-tab.gts';\nimport EuiTabs from './eui-tabs.gts';\n\nimport type { CommonArgs } from './common.ts';\nimport type { EuiTabsSignature } from './eui-tabs';\nimport type { ComponentLike } from '@glint/template';\n\n/** A tab of EuiTabbedContent. /\nexport interface EuiTabbedContentTab {\n /* Unique id. /\n id: string;\n /* The tab's label: text or a component. /\n name: EuiNodeValue;\n /* Content before the label, e.g. an icon component. /\n prepend?: EuiNodeValue;\n /* Content after the label, e.g. a notification badge component. /\n append?: EuiNodeValue;\n /* Makes the tab a link (see `EuiTab`). /\n href?: string;\n /* `target` of a link tab. /\n target?: string;\n /* `rel` of a link tab. /\n rel?: string;\n /* Extra classes for the tab. /\n className?: string;\n /\n The panel shown while the tab is selected (a component). Or render\n * panels with the `<:selectedTabContent>` block.\n /\n content?: ComponentLike;\n /* Disables the tab. /\n disabled?: boolean;\n /\n Any other key (`data-test-subj`, `aria-label`, `title`…) is set as an\n * attribute of the tab, as upstream spreads the rest of a tab onto\n * `EuiTab`. Functions are skipped.\n /\n [attribute: string]: unknown;\n}\n\n/* Tab keys that are arguments of EuiTab or EuiTabbedContent, never attributes. /\nconst TAB_PROPS = [\n 'id',\n 'name',\n 'prepend',\n 'append',\n 'href',\n 'target',\n 'rel',\n 'content',\n 'disabled',\n 'isSelected'\n];\n\nexport type EuiTabbedContentArgs = CommonArgs & {\n /\n When tabbing into the tabs, set the focus on `initial` for the first tab,\n * or `selected` for the currently selected tab. Best use case is for inside of\n * overlay content like popovers or flyouts.\n /\n autoFocus?: 'initial' \| 'selected';\n /\n Choose `default` or alternative `condensed` display styles\n /\n display?: EuiTabsSignature['Args']['display'];\n /\n Evenly stretches each tab to fill the horizontal space\n /\n expand?: boolean;\n /\n Use this prop to set the initially selected tab while letting the tabbed content component\n * control selection state internally\n /\n initialSelectedTab?: EuiTabbedContentTab;\n /* Called with the clicked tab. /\n onTabClick?: (selectedTab: EuiTabbedContentTab) => void;\n /\n Use this prop if you want to control selection state within the owner component\n /\n selectedTab?: EuiTabbedContentTab;\n /* Size of the tabs: `'s'`, `'m'`, `'l'` or `'xl'`. Defaults to `'m'`. /\n size?: EuiTabsSignature['Args']['size'];\n /\n Each tab needs id and content properties, so we can associate it with its panel for accessibility.\n * The name property (a node) is also required to display to the user.\n /\n tabs: EuiTabbedContentTab[];\n};\n\n/* Tabs with their panels, managing the selected tab for you. For custom layouts use EuiTabs. /\nexport interface EuiTabbedContentSignature {\n Element: HTMLDivElement;\n Args: EuiTabbedContentArgs;\n Blocks: {\n /* Unused. /\n default: [EuiTabbedContentTab];\n /\n Renders the selected tab's panel (instead of its `content`); yields\n * the tab: `<:selectedTabContent as \|tab\|>{{#if (eq tab.id \"a\")}}…`.\n */\n selectedTabContent: [EuiTabbedContentTab];\n };\n}\n\nexport default class EuiTabbedContentComponent extends Component<EuiTabbedContentSignature> {\n @tracked selectedTabId;\n @tracked inFocus: boolean = false;\n tabsRef?: Element;\n\n get autoFocus() {\n return this.args.autoFocus \|\| 'initial';\n }\n\n constructor(owner: Owner, args: EuiTabbedContentArgs) {\n super(owner, args);\n\n const { initialSelectedTab, selectedTab, tabs } = this.args;\n\n // Only track selection state if it's not controlled externally.\n if (!selectedTab) {\n this.selectedTabId =\n (initialSelectedTab && initialSelectedTab.id) \|\| tabs[0]?.id;\n }\n }\n\n get selectedTab() {\n const { selectedTab: externalSelectedTab, tabs } = this.args;\n\n return (\n externalSelectedTab \|\|\n tabs.find((tab: EuiTabbedContentTab) => tab.id === this.selectedTabId)\n );\n }\n\n setTabsRef = (element: Element) => {\n this.tabsRef = element;\n // Current short-term solution for event listener (see https://github.com/elastic/eui/pull/2717)\n //@ts-expect-error\n this.tabsRef.addEventListener('focusout', this.removeFocus);\n };\n\n willDestroy(): void {\n super.willDestroy();\n\n if (this.tabsRef) {\n //@ts-expect-error\n this.tabsRef.removeEventListener('focusout', this.removeFocus);\n }\n\n this.tabsRef = undefined;\n }\n\n removeFocus = (blurEvent: FocusEvent) => {\n // only set inFocus to false if the wrapping div doesn't contain the now-focusing element\n const currentTarget = blurEvent.currentTarget! as HTMLElement;\n const relatedTarget = blurEvent.relatedTarget! as HTMLElement;\n\n if (currentTarget.contains(relatedTarget) === false) {\n this.inFocus = false;\n }\n };\n\n onTabClick = (selectedTab: EuiTabbedContentTab) => {\n const { onTabClick, selectedTab: externalSelectedTab } = this.args;\n\n if (onTabClick) {\n onTabClick(selectedTab);\n }\n\n // Only track selection state if it's not controlled externally.\n if (!externalSelectedTab) {\n this.selectedTabId = selectedTab.id;\n\n const focusTab = () => {\n this.focusTab();\n };\n\n scheduleOnce('afterRender', this, focusTab);\n }\n };\n\n focusTab = () => {\n const selectedTab = this.selectedTab;\n\n if (this.tabsRef && selectedTab) {\n const targetTab = this.tabsRef.querySelector<HTMLElement>(\n `#${CSS.escape(selectedTab.id)}`\n );\n\n targetTab?.focus();\n }\n };\n\n initializeFocus = () => {\n if (!this.inFocus && this.autoFocus === 'selected') {\n // Must wait for setState to finish before calling `.focus()`\n // as the focus call triggers a blur on the first tab\n this.inFocus = true;\n\n const focusTab = () => {\n this.focusTab();\n };\n\n scheduleOnce('afterRender', this, focusTab);\n }\n };\n\n <template>\n {{#let (randomId) as \|rootId\|}}\n <div class={{@className}} ...attributes>\n <EuiTabs\n @expand={{@expand}}\n @display={{@display}}\n @size={{@size}}\n {{on \"focusin\" this.initializeFocus}}\n {{didInsert this.setTabsRef}}\n >\n {{#each @tabs as \|tab\|}}\n <EuiTab\n @id={{tab.id}}\n aria-controls={{rootId}}\n @isSelected={{eq tab.id this.selectedTab.id}}\n @disabled={{tab.disabled}}\n @href={{tab.href}}\n @target={{tab.target}}\n @rel={{tab.rel}}\n @prepend={{tab.prepend}}\n @append={{tab.append}}\n class={{tab.className}}\n {{spreadAttributes tab TAB_PROPS}}\n {{on \"click\" (fn this.onTabClick tab)}}\n >\n <EuiNode @value={{tab.name}} />\n </EuiTab>\n {{/each}}\n </EuiTabs>\n\n {{#let\n (findBy \"id\" (if this.selectedTab this.selectedTab.id \"\") @tabs)\n as \|currentTab\|\n }}\n {{#if currentTab}}\n <div\n role=\"tabpanel\"\n id={{rootId}}\n aria-labelledby={{currentTab.id}}\n >\n {{#if (has-block \"selectedTabContent\")}}\n {{yield currentTab to=\"selectedTabContent\"}}\n {{else}}\n {{currentTab.content}}\n {{/if}}\n </div>\n {{/if}}\n {{/let}}\n </div>\n {{/let}}\n </template>\n}\n"],"names":["TAB_PROPS","EuiTabbedContentComponent","Component","g","prototype","tracked","i","tabsRef","autoFocus","args","constructor","owner","initialSelectedTab","selectedTab","tabs","selectedTabId","id","externalSelectedTab","find","tab","setTabsRef","element","addEventListener","removeFocus","willDestroy","removeEventListener","undefined","blurEvent","currentTarget","relatedTarget","contains","inFocus","onTabClick","focusTab","scheduleOnce","targetTab","querySelector","CSS","escape","focus","initializeFocus","setComponentTemplate","precompileTemplate","strictMode","scope","randomId","EuiTabs","on","didInsert","EuiTab","eq","spreadAttributes","fn","EuiNode","findBy"],"mappings":"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"}
1	+ {"version":3,"file":"eui-tabbed-content.js","sources":["../../src/components/eui-tabbed-content.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\nimport { scheduleOnce } from '@ember/runloop';\nimport type Owner from '@ember/owner';\n\nimport findBy from '@nullvoxpopuli/ember-composable-helpers/helpers/find-by';\nimport { eq } from 'ember-truth-helpers';\n\nimport EuiNode from '../-private/eui-node.gts';\nimport randomId from '../-private/random-id.ts';\nimport spreadAttributes from '../-private/eui-spread-attributes.ts';\nimport type { EuiNodeValue } from '../-private/eui-node.gts';\nimport EuiTab from './eui-tab.gts';\nimport EuiTabs from './eui-tabs.gts';\n\nimport type { CommonArgs } from './common.ts';\nimport type { EuiTabsSignature } from './eui-tabs';\nimport type { ComponentLike } from '@glint/template';\n\n/*\n A tab of EuiTabbedContent. `Content` is the type of its `content`: a\n * component by default, or anything else (e.g. a translation key) when\n * the `<:selectedTabContent>` block renders it.\n /\nexport interface EuiTabbedContentTab<Content = ComponentLike> {\n /* Unique id. /\n id: string;\n /* The tab's label: text or a component. /\n name: EuiNodeValue;\n /* Content before the label, e.g. an icon component. /\n prepend?: EuiNodeValue;\n /* Content after the label, e.g. a notification badge component. /\n append?: EuiNodeValue;\n /* Makes the tab a link (see `EuiTab`). /\n href?: string;\n /* `target` of a link tab. /\n target?: string;\n /* `rel` of a link tab. /\n rel?: string;\n /* Extra classes for the tab. /\n className?: string;\n /\n The panel shown while the tab is selected (a component). Or render\n * panels with the `<:selectedTabContent>` block, which yields the tab, so\n * `content` can then be any value, e.g. a translation key.\n /\n content?: Content;\n /* Disables the tab. /\n disabled?: boolean;\n /\n Any other key (`data-test-subj`, `aria-label`, `title`…) is set as an\n * attribute of the tab, as upstream spreads the rest of a tab onto\n * `EuiTab`. Functions are skipped.\n /\n [attribute: string]: unknown;\n}\n\n/* Tab keys that are arguments of EuiTab or EuiTabbedContent, never attributes. /\nconst TAB_PROPS = [\n 'id',\n 'name',\n 'prepend',\n 'append',\n 'href',\n 'target',\n 'rel',\n 'content',\n 'disabled',\n 'isSelected'\n];\n\nexport type EuiTabbedContentArgs<\n Tab extends EuiTabbedContentTab<unknown> = EuiTabbedContentTab\n> = CommonArgs & {\n /\n When tabbing into the tabs, set the focus on `initial` for the first tab,\n * or `selected` for the currently selected tab. Best use case is for inside of\n * overlay content like popovers or flyouts.\n /\n autoFocus?: 'initial' \| 'selected';\n /\n Choose `default` or alternative `condensed` display styles\n /\n display?: EuiTabsSignature['Args']['display'];\n /\n Evenly stretches each tab to fill the horizontal space\n /\n expand?: boolean;\n /\n Use this prop to set the initially selected tab while letting the tabbed content component\n * control selection state internally\n /\n initialSelectedTab?: Tab;\n /* Called with the clicked tab. /\n onTabClick?: (selectedTab: Tab) => void;\n /\n Use this prop if you want to control selection state within the owner component\n /\n selectedTab?: Tab;\n /* Size of the tabs: `'s'`, `'m'`, `'l'` or `'xl'`. Defaults to `'m'`. /\n size?: EuiTabsSignature['Args']['size'];\n /\n Each tab needs id and content properties, so we can associate it with its panel for accessibility.\n * The name property (a node) is also required to display to the user.\n /\n tabs: Tab[];\n};\n\n/\n Tabs with their panels, managing the selected tab for you. For custom layouts use EuiTabs.\n * `Tab` is the type of `@tabs`' items (an `EuiTabbedContentTab`), so the blocks yield your own tab type.\n /\nexport interface EuiTabbedContentSignature<\n Tab extends EuiTabbedContentTab<unknown> = EuiTabbedContentTab\n> {\n Element: HTMLDivElement;\n Args: EuiTabbedContentArgs<Tab>;\n Blocks: {\n /* Unused. /\n default: [Tab];\n /\n Renders the selected tab's panel (instead of its `content`); yields\n * the tab: `<:selectedTabContent as \|tab\|>{{#if (eq tab.id \"a\")}}…`.\n /\n selectedTabContent: [Tab];\n };\n}\n\nexport default class EuiTabbedContentComponent<\n Tab extends EuiTabbedContentTab<unknown> = EuiTabbedContentTab\n> extends Component<EuiTabbedContentSignature<Tab>> {\n @tracked selectedTabId;\n @tracked inFocus: boolean = false;\n tabsRef?: Element;\n\n get autoFocus() {\n return this.args.autoFocus \|\| 'initial';\n }\n\n constructor(owner: Owner, args: EuiTabbedContentArgs<Tab>) {\n super(owner, args);\n\n const { initialSelectedTab, selectedTab, tabs } = this.args;\n\n // Only track selection state if it's not controlled externally.\n if (!selectedTab) {\n this.selectedTabId =\n (initialSelectedTab && initialSelectedTab.id) \|\| tabs[0]?.id;\n }\n }\n\n get selectedTab() {\n const { selectedTab: externalSelectedTab, tabs } = this.args;\n\n return (\n externalSelectedTab \|\|\n tabs.find((tab: Tab) => tab.id === this.selectedTabId)\n );\n }\n\n /\n The selected tab's `content`, rendered when there is no\n * `<:selectedTabContent>` block: then it is a component, as it is only\n * something else for the block to render.\n */\n get selectedTabComponent() {\n const id = this.selectedTab?.id;\n const tab = this.args.tabs.find((tab) => tab.id === id);\n\n return tab?.content as ComponentLike \| undefined;\n }\n\n setTabsRef = (element: Element) => {\n this.tabsRef = element;\n // Current short-term solution for event listener (see https://github.com/elastic/eui/pull/2717)\n //@ts-expect-error\n this.tabsRef.addEventListener('focusout', this.removeFocus);\n };\n\n willDestroy(): void {\n super.willDestroy();\n\n if (this.tabsRef) {\n //@ts-expect-error\n this.tabsRef.removeEventListener('focusout', this.removeFocus);\n }\n\n this.tabsRef = undefined;\n }\n\n removeFocus = (blurEvent: FocusEvent) => {\n // only set inFocus to false if the wrapping div doesn't contain the now-focusing element\n const currentTarget = blurEvent.currentTarget! as HTMLElement;\n const relatedTarget = blurEvent.relatedTarget! as HTMLElement;\n\n if (currentTarget.contains(relatedTarget) === false) {\n this.inFocus = false;\n }\n };\n\n onTabClick = (selectedTab: Tab) => {\n const { onTabClick, selectedTab: externalSelectedTab } = this.args;\n\n if (onTabClick) {\n onTabClick(selectedTab);\n }\n\n // Only track selection state if it's not controlled externally.\n if (!externalSelectedTab) {\n this.selectedTabId = selectedTab.id;\n\n const focusTab = () => {\n this.focusTab();\n };\n\n scheduleOnce('afterRender', this, focusTab);\n }\n };\n\n focusTab = () => {\n const selectedTab = this.selectedTab;\n\n if (this.tabsRef && selectedTab) {\n const targetTab = this.tabsRef.querySelector<HTMLElement>(\n `#${CSS.escape(selectedTab.id)}`\n );\n\n targetTab?.focus();\n }\n };\n\n initializeFocus = () => {\n if (!this.inFocus && this.autoFocus === 'selected') {\n // Must wait for setState to finish before calling `.focus()`\n // as the focus call triggers a blur on the first tab\n this.inFocus = true;\n\n const focusTab = () => {\n this.focusTab();\n };\n\n scheduleOnce('afterRender', this, focusTab);\n }\n };\n\n <template>\n {{#let (randomId) as \|rootId\|}}\n <div class={{@className}} ...attributes>\n <EuiTabs\n @expand={{@expand}}\n @display={{@display}}\n @size={{@size}}\n {{on \"focusin\" this.initializeFocus}}\n {{didInsert this.setTabsRef}}\n >\n {{#each @tabs as \|tab\|}}\n <EuiTab\n @id={{tab.id}}\n aria-controls={{rootId}}\n @isSelected={{eq tab.id this.selectedTab.id}}\n @disabled={{tab.disabled}}\n @href={{tab.href}}\n @target={{tab.target}}\n @rel={{tab.rel}}\n @prepend={{tab.prepend}}\n @append={{tab.append}}\n class={{tab.className}}\n {{spreadAttributes tab TAB_PROPS}}\n {{on \"click\" (fn this.onTabClick tab)}}\n >\n <EuiNode @value={{tab.name}} />\n </EuiTab>\n {{/each}}\n </EuiTabs>\n\n {{#let\n (findBy \"id\" (if this.selectedTab this.selectedTab.id \"\") @tabs)\n as \|currentTab\|\n }}\n {{#if currentTab}}\n <div\n role=\"tabpanel\"\n id={{rootId}}\n aria-labelledby={{currentTab.id}}\n >\n {{#if (has-block \"selectedTabContent\")}}\n {{yield currentTab to=\"selectedTabContent\"}}\n {{else}}\n {{this.selectedTabComponent}}\n {{/if}}\n </div>\n {{/if}}\n {{/let}}\n </div>\n {{/let}}\n </template>\n}\n"],"names":["TAB_PROPS","EuiTabbedContentComponent","Component","g","prototype","tracked","i","tabsRef","autoFocus","args","constructor","owner","initialSelectedTab","selectedTab","tabs","selectedTabId","id","externalSelectedTab","find","tab","selectedTabComponent","content","setTabsRef","element","addEventListener","removeFocus","willDestroy","removeEventListener","undefined","blurEvent","currentTarget","relatedTarget","contains","inFocus","onTabClick","focusTab","scheduleOnce","targetTab","querySelector","CSS","escape","focus","initializeFocus","setComponentTemplate","precompileTemplate","strictMode","scope","randomId","EuiTabs","on","didInsert","EuiTab","eq","spreadAttributes","fn","EuiNode","findBy"],"mappings":"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"}

package/dist/components/eui-table/sticky-header.js CHANGED Viewed

@@ -7,9 +7,9 @@ import { useEuiBorealisStyles, euiClass } from '../../utils/eui/styles.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
-import { euiContainerCSS } from '../../utils/eui/styles.generated/shared/ITO4GMBL.js';
-import { EUI_TABLE_CSS_CONTAINER_NAME } from '../../utils/eui/styles.generated/shared/UMXTDMKT.js';
-import { euiTableStyles } from '../../utils/eui/styles.generated/shared/AK7JHATO.js';
+import { euiContainerCSS } from '../../utils/eui/styles.generated/shared/IFBV57QH.js';
+import { EUI_TABLE_CSS_CONTAINER_NAME } from '../../utils/eui/styles.generated/shared/YLLLTNBX.js';
+import { euiTableStyles } from '../../utils/eui/styles.generated/shared/MPTOZVCU.js';
 import { euiTableStickyHeaderStyles } from '../../utils/eui/styles.generated/components/table/sticky_header/sticky_header.styles.js';
 const CONTAINER = euiContainerCSS('normal', EUI_TABLE_CSS_CONTAINER_NAME, true);

package/dist/components/eui-table-header-button.js CHANGED Viewed

@@ -9,7 +9,7 @@ import EuiImage$1 from './eui-inner-text.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
-import { euiTextTruncate } from '../utils/eui/styles.generated/shared/OM62WJTY.js';
+import { euiTextTruncate } from '../utils/eui/styles.generated/shared/AOVHFF5R.js';
 import { euiTableHeaderFooterCellStyles } from '../utils/eui/styles.generated/components/table/table_cells_shared.styles.js';
 const TRUNCATE = euiTextTruncate();

package/dist/components/eui-table-header-cell.js CHANGED Viewed

@@ -16,7 +16,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 import { g, i, n } from 'decorator-transforms/runtime-esm';
-import { euiTextTruncate } from '../utils/eui/styles.generated/shared/OM62WJTY.js';
+import { euiTextTruncate } from '../utils/eui/styles.generated/shared/AOVHFF5R.js';
 import { euiTableHeaderFooterCellStyles } from '../utils/eui/styles.generated/components/table/table_cells_shared.styles.js';
 import { euiTableCellContentStyles } from '../utils/eui/styles.generated/components/table/_table_cell_content.styles.js';

package/dist/components/eui-table.js CHANGED Viewed

@@ -11,9 +11,9 @@ import EuiTableStickyScrollbar, { StickyScrollbarState } from './eui-table/stick
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { g, i, n } from 'decorator-transforms/runtime-esm';
-import { euiContainerCSS } from '../utils/eui/styles.generated/shared/ITO4GMBL.js';
-import { EUI_TABLE_CSS_CONTAINER_NAME } from '../utils/eui/styles.generated/shared/UMXTDMKT.js';
-import { euiTableStyles } from '../utils/eui/styles.generated/shared/AK7JHATO.js';
+import { euiContainerCSS } from '../utils/eui/styles.generated/shared/IFBV57QH.js';
+import { EUI_TABLE_CSS_CONTAINER_NAME } from '../utils/eui/styles.generated/shared/YLLLTNBX.js';
+import { euiTableStyles } from '../utils/eui/styles.generated/shared/MPTOZVCU.js';
 /**
  * The sticky header row of each table, created once: the sticky header

package/dist/components/eui-text-area.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-text-area.js","sources":["../../src/components/eui-text-area.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\nimport { action } from '@ember/object';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport randomId from '../-private/random-id.ts';\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport validatableControl from '../modifiers/validatable-control.ts';\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { formControlReset } from '../utils/eui/form-controls.ts';\nimport { euiTextAreaStyles } from '../utils/eui/styles.generated.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport EuiFormControlLayout from './eui-form-control-layout.gts';\n\nimport type { EuiFormControlLayoutSignature } from './eui-form-control-layout';\n\ntype EuiTextAreaResize = 'vertical' \| 'horizontal' \| 'both' \| 'none';\n\n/*\n A multi-line text input, inside an EuiFormControlLayout like upstream.\n * Attributes (`placeholder`, `maxlength`…) go to the `<textarea>`.\n /\nexport interface EuiTextAreaSignature {\n Element: HTMLTextAreaElement;\n Args: {\n /* Id of the textarea. Defaults to a random id. /\n id?: string;\n /* The value. Update it from `{{on \"input\" …}}`. /\n value?: string;\n /* Stretches the textarea to its container's width. /\n fullWidth?: boolean;\n /* Tighter padding (8px instead of 12px) and 3 default rows, for dense forms. /\n compressed?: boolean;\n /* Disables the textarea. /\n disabled?: boolean;\n /\n Shows the invalid state (danger border), sets `aria-invalid` and marks\n * it invalid for native form validation.\n /\n isInvalid?: boolean;\n /* Icon inside the textarea, anything `EuiIcon`'s `@type` accepts. /\n icon?: EuiFormControlLayoutSignature['Args']['icon'];\n /* Shows a spinner inside the textarea. /\n isLoading?: boolean;\n /\n Shows a button that clears the textarea. It empties the value, fires\n * an `input` event (so your `{{on \"input\"}}` handler sees it) and\n * focuses the textarea.\n /\n isClearable?: boolean;\n /* Called with the `<textarea>` element once rendered. /\n inputRef?: (element: HTMLTextAreaElement \| null) => void;\n /* Visible number of lines. Defaults to 6, or 3 when `@compressed`. /\n rows?: number;\n /\n Which way the user can resize it: `'vertical'`, `'horizontal'`,\n * `'both'` or `'none'`. Defaults to `'vertical'`.\n /\n resize?: EuiTextAreaResize;\n /* Makes the textarea read-only. /\n readOnly?: boolean;\n };\n Blocks: {\n /* Unused. /\n default: [];\n };\n}\n\n/* A textarea on the upstream EUI 123 / Borealis form control styles. */\nexport default class EuiTextArea extends Component<EuiTextAreaSignature> {\n textArea: HTMLTextAreaElement \| null = null;\n\n @cached\n get layoutCss() {\n const context = getEuiThemeContext(this);\n const styles = useEuiBorealisStyles(context, euiTextAreaStyles);\n\n return styles.formControlLayout.euiTextArea;\n }\n\n clear = {\n onClick: () => this.clearValue(),\n 'data-test-subj': 'clearTextAreaButton'\n };\n\n clearValue() {\n const textArea = this.textArea;\n\n if (!textArea) return;\n\n // updates the displayed value and fires the `input` listeners\n const setValue = Object.getOwnPropertyDescriptor(\n window.HTMLTextAreaElement.prototype,\n 'value'\n )!.set!;\n\n setValue.call(textArea, '');\n textArea.dispatchEvent(\n new Event('input', { bubbles: true, cancelable: false })\n );\n textArea.focus();\n }\n\n @action\n registerTextArea(element: HTMLTextAreaElement) {\n this.textArea = element;\n this.args.inputRef?.(element);\n }\n\n @cached\n get classes() {\n const context = getEuiThemeContext(this);\n const styles = useEuiBorealisStyles(context, euiTextAreaStyles);\n const { compressed, fullWidth, resize } = this.args;\n return `euiTextArea ${euiClass(\n context,\n formControlReset,\n styles.euiTextArea,\n styles.resize[resize ?? 'vertical'] ?? styles.resize.vertical,\n compressed ? styles.compressed : styles.uncompressed,\n fullWidth ? styles.fullWidth : styles.formWidth\n )}`;\n }\n get rows() {\n return this.args.rows ? this.args.rows : this.args.compressed ? 3 : 6;\n }\n\n <template>\n {{#let (argOrDefault @id (randomId)) as \|id\|}}\n <EuiFormControlLayout\n class=\"euiFormControlLayout--euiTextArea\"\n @fullWidth={{@fullWidth}}\n @isLoading={{@isLoading}}\n @isInvalid={{@isInvalid}}\n @isDisabled={{@disabled}}\n @clear={{if @isClearable this.clear}}\n @icon={{@icon}}\n @css={{this.layoutCss}}\n >\n <textarea\n id={{id}}\n value={{@value}}\n class={{this.classes}}\n rows={{this.rows}}\n disabled={{@disabled}}\n readonly={{@readOnly}}\n aria-invalid={{if @isInvalid \"true\"}}\n ...attributes\n {{validatableControl @isInvalid}}\n {{didInsert this.registerTextArea}}\n >\n {{yield}}\n </textarea>\n </EuiFormControlLayout>\n {{/let}}\n </template>\n}\n"],"names":["EuiTextArea","Component","textArea","layoutCss","context","getEuiThemeContext","styles","useEuiBorealisStyles","euiTextAreaStyles","formControlLayout","euiTextArea","n","prototype","cached","clear","onClick","clearValue","setValue","Object","getOwnPropertyDescriptor","window","HTMLTextAreaElement","set","call","dispatchEvent","Event","bubbles","cancelable","focus","registerTextArea","element","args","inputRef","action","classes","compressed","fullWidth","resize","euiClass","formControlReset","vertical","uncompressed","formWidth","rows","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","randomId","EuiFormControlLayout","validatableControl","didInsert"],"mappings":"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"}
1	+ {"version":3,"file":"eui-text-area.js","sources":["../../src/components/eui-text-area.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\nimport { action } from '@ember/object';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport randomId from '../-private/random-id.ts';\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport validatableControl from '../modifiers/validatable-control.ts';\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { formControlReset } from '../utils/eui/form-controls.ts';\nimport { euiTextAreaStyles } from '../utils/eui/styles.generated.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport EuiFormControlLayout from './eui-form-control-layout.gts';\n\nimport type { EuiFormControlLayoutSignature } from './eui-form-control-layout';\n\ntype EuiTextAreaResize = 'vertical' \| 'horizontal' \| 'both' \| 'none';\n\n/*\n A multi-line text input, inside an EuiFormControlLayout like upstream.\n * Attributes (`placeholder`, `maxlength`…) go to the `<textarea>`.\n /\nexport interface EuiTextAreaSignature {\n Element: HTMLTextAreaElement;\n Args: {\n /* Id of the textarea. Defaults to a random id. /\n id?: string;\n /* The value; `null` leaves it empty. Update it from `{{on \"input\" …}}`. /\n value?: string \| null;\n /* Stretches the textarea to its container's width. /\n fullWidth?: boolean;\n /* Tighter padding (8px instead of 12px) and 3 default rows, for dense forms. /\n compressed?: boolean;\n /* Disables the textarea. /\n disabled?: boolean;\n /\n Shows the invalid state (danger border), sets `aria-invalid` and marks\n * it invalid for native form validation.\n /\n isInvalid?: boolean;\n /* Icon inside the textarea, anything `EuiIcon`'s `@type` accepts. /\n icon?: EuiFormControlLayoutSignature['Args']['icon'];\n /* Shows a spinner inside the textarea. /\n isLoading?: boolean;\n /\n Shows a button that clears the textarea. It empties the value, fires\n * an `input` event (so your `{{on \"input\"}}` handler sees it) and\n * focuses the textarea.\n /\n isClearable?: boolean;\n /* Called with the `<textarea>` element once rendered. /\n inputRef?: (element: HTMLTextAreaElement \| null) => void;\n /* Visible number of lines. Defaults to 6, or 3 when `@compressed`. /\n rows?: number;\n /\n Which way the user can resize it: `'vertical'`, `'horizontal'`,\n * `'both'` or `'none'`. Defaults to `'vertical'`.\n /\n resize?: EuiTextAreaResize;\n /* Makes the textarea read-only. /\n readOnly?: boolean;\n };\n Blocks: {\n /* Unused. /\n default: [];\n };\n}\n\n/* A textarea on the upstream EUI 123 / Borealis form control styles. */\nexport default class EuiTextArea extends Component<EuiTextAreaSignature> {\n textArea: HTMLTextAreaElement \| null = null;\n\n @cached\n get layoutCss() {\n const context = getEuiThemeContext(this);\n const styles = useEuiBorealisStyles(context, euiTextAreaStyles);\n\n return styles.formControlLayout.euiTextArea;\n }\n\n clear = {\n onClick: () => this.clearValue(),\n 'data-test-subj': 'clearTextAreaButton'\n };\n\n clearValue() {\n const textArea = this.textArea;\n\n if (!textArea) return;\n\n // updates the displayed value and fires the `input` listeners\n const setValue = Object.getOwnPropertyDescriptor(\n window.HTMLTextAreaElement.prototype,\n 'value'\n )!.set!;\n\n setValue.call(textArea, '');\n textArea.dispatchEvent(\n new Event('input', { bubbles: true, cancelable: false })\n );\n textArea.focus();\n }\n\n @action\n registerTextArea(element: HTMLTextAreaElement) {\n this.textArea = element;\n this.args.inputRef?.(element);\n }\n\n @cached\n get classes() {\n const context = getEuiThemeContext(this);\n const styles = useEuiBorealisStyles(context, euiTextAreaStyles);\n const { compressed, fullWidth, resize } = this.args;\n return `euiTextArea ${euiClass(\n context,\n formControlReset,\n styles.euiTextArea,\n styles.resize[resize ?? 'vertical'] ?? styles.resize.vertical,\n compressed ? styles.compressed : styles.uncompressed,\n fullWidth ? styles.fullWidth : styles.formWidth\n )}`;\n }\n get rows() {\n return this.args.rows ? this.args.rows : this.args.compressed ? 3 : 6;\n }\n\n <template>\n {{#let (argOrDefault @id (randomId)) as \|id\|}}\n <EuiFormControlLayout\n class=\"euiFormControlLayout--euiTextArea\"\n @fullWidth={{@fullWidth}}\n @isLoading={{@isLoading}}\n @isInvalid={{@isInvalid}}\n @isDisabled={{@disabled}}\n @clear={{if @isClearable this.clear}}\n @icon={{@icon}}\n @css={{this.layoutCss}}\n >\n <textarea\n id={{id}}\n value={{@value}}\n class={{this.classes}}\n rows={{this.rows}}\n disabled={{@disabled}}\n readonly={{@readOnly}}\n aria-invalid={{if @isInvalid \"true\"}}\n ...attributes\n {{validatableControl @isInvalid}}\n {{didInsert this.registerTextArea}}\n >\n {{yield}}\n </textarea>\n </EuiFormControlLayout>\n {{/let}}\n </template>\n}\n"],"names":["EuiTextArea","Component","textArea","layoutCss","context","getEuiThemeContext","styles","useEuiBorealisStyles","euiTextAreaStyles","formControlLayout","euiTextArea","n","prototype","cached","clear","onClick","clearValue","setValue","Object","getOwnPropertyDescriptor","window","HTMLTextAreaElement","set","call","dispatchEvent","Event","bubbles","cancelable","focus","registerTextArea","element","args","inputRef","action","classes","compressed","fullWidth","resize","euiClass","formControlReset","vertical","uncompressed","formWidth","rows","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","randomId","EuiFormControlLayout","validatableControl","didInsert"],"mappings":"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"}

package/dist/components/eui-text.js CHANGED Viewed

@@ -8,7 +8,7 @@ import { euiTextColorCss, euiTextColorInlineStyle } from './eui-text-color.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
-import { euiTextStyles } from '../utils/eui/styles.generated/shared/RJ25KRVL.js';
+import { euiTextStyles } from '../utils/eui/styles.generated/shared/U6ZMCM7A.js';
 function euiTextReset({
   euiTheme

package/dist/components/eui-title.js CHANGED Viewed

@@ -6,7 +6,7 @@ import TextBlock from './text-block.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
-import { euiTitleStyles } from '../utils/eui/styles.generated/shared/SORCSWXI.js';
+import { euiTitleStyles } from '../utils/eui/styles.generated/shared/4GT53OH2.js';
 class EuiTitle extends Component {
   get classes() {