npm - @ember-eui/core - Versions diffs - 13.0.4 → 14.0.0 - Mend

@ember-eui/core 13.0.4 → 14.0.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 (1497) hide show

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

@@ -1,7 +1,7 @@
 import Component from '@glimmer/component';
 import { tracked } from '@glimmer/tracking';
 import { action } from '@ember/object';
-import { inject } from '@ember/service';
+import { service } from '@ember/service';
 import { or, eq } from 'ember-truth-helpers';
 import argOrDefault, { argOrDefaultDecorator } from '../helpers/arg-or-default.js';
 import classNames from '../helpers/class-names.js';
@@ -16,7 +16,7 @@ import { isRangeInvalid } from './eui-super-date-picker/utils/index.js';
 import { useI18nTimeOptions } from './eui-super-date-picker/utils/time-options.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import { g, i, n } from 'decorator-transforms/runtime';
+import { g, i, n } from 'decorator-transforms/runtime-esm';
 class EuiSuperDatePicker extends Component {
   static {
@@ -53,33 +53,45 @@ class EuiSuperDatePicker extends Component {
   }
   #refreshInterval = (i(this, "refreshInterval"), void 0); // recentlyUsedRanges: [],
   static {
-    g(this.prototype, "euiI18n", [inject]);
+    g(this.prototype, "euiI18n", [service]);
   }
   #euiI18n = (i(this, "euiI18n"), void 0);
   static {
-    g(this.prototype, "start", [tracked]);
+    g(this.prototype, "draft", [tracked]);
   }
-  #start = (i(this, "start"), void 0);
-  static {
-    g(this.prototype, "end", [tracked]);
+  #draft = (i(this, "draft"), void 0);
+  /**
+  * The range the user is editing, before it is applied with the update
+  * button. It remembers the @start/@end it was based on: when the parent
+  * passes a different range, the draft no longer applies and the picker
+  * shows the new arguments (like EUI React's getDerivedStateFromProps).
+  */
+  get currentDraft() {
+    const {
+      draft
+    } = this;
+    return draft && draft.forStart === this.args.start && draft.forEnd === this.args.end ? draft : undefined;
   }
-  #end = (i(this, "end"), void 0);
-  static {
-    g(this.prototype, "isInvalid", [tracked], function () {
-      return false;
-    });
+  get start() {
+    return this.currentDraft?.start ?? this.args.start ?? 'now-15m';
   }
-  #isInvalid = (i(this, "isInvalid"), void 0);
-  static {
-    g(this.prototype, "hasChanged", [tracked], function () {
-      return false;
-    });
+  get end() {
+    return this.currentDraft?.end ?? this.args.end ?? 'now';
   }
-  #hasChanged = (i(this, "hasChanged"), void 0);
-  constructor(owner, args) {
-    super(owner, args);
-    this.start = this.args.start ?? 'now-15m';
-    this.end = this.args.end ?? 'now';
+  get isInvalid() {
+    return isRangeInvalid(this.start, this.end);
+  }
+  get hasChanged() {
+    return this.currentDraft?.hasChanged ?? false;
+  }
+  setDraft(start, end, hasChanged) {
+    this.draft = {
+      start,
+      end,
+      hasChanged,
+      forStart: this.args.start,
+      forEnd: this.args.end
+    };
   }
   get timeOptions() {
     return useI18nTimeOptions(this.euiI18n);
@@ -88,16 +100,13 @@ class EuiSuperDatePicker extends Component {
     start,
     end
   }) {
-    this.hasChanged = !(this.start === start && this.end === end);
-    this.start = start;
-    this.end = end;
-    this.isInvalid = isRangeInvalid(start, end);
+    this.setDraft(start, end, !(this.start === start && this.end === end));
     if (!this.showUpdateButton) {
       this.args.onTimeChange({
         start,
         end,
         isQuickSelection: false,
-        isInvalid: this.isInvalid
+        isInvalid: isRangeInvalid(start, end)
       });
     }
   }
@@ -113,8 +122,7 @@ class EuiSuperDatePicker extends Component {
     start,
     end
   }) {
-    this.start = start;
-    this.end = end;
+    this.setDraft(start, end, false);
     this.args.onTimeChange({
       start,
       end,
@@ -145,7 +153,6 @@ class EuiSuperDatePicker extends Component {
   }
   handleClickUpdateButton() {
     if (!this.hasChanged && this.args.onRefresh) {
-      // const { start, end, refreshInterval } = this.args;
       this.args.onRefresh({
         start: this.start,
         end: this.end,
@@ -154,13 +161,18 @@ class EuiSuperDatePicker extends Component {
     } else {
       this.applyTime();
     }
-    this.hasChanged = false;
+    if (this.currentDraft) {
+      this.draft = {
+        ...this.currentDraft,
+        hasChanged: false
+      };
+    }
   }
   static {
     n(this.prototype, "handleClickUpdateButton", [action]);
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    <EuiFlexGroup @gutterSize=\"s\" @responsive={{false}} class={{classNames \"euiSuperDatePicker__flexWrapper\" (unless this.showUpdateButton \"euiSuperDatePicker__flexWrapper--noUpdateButton\") (if this.isAutoRefreshOnly \"euiSuperDatePicker__flexWrapper--isAutoRefreshOnly\") (if @isQuickSelectOnly \"euiSuperDatePicker__flexWrapper--isQuickSelectOnly\") (if (eq this.width \"full\") \"euiSuperDatePicker__flexWrapper--fullWidth\") (if (eq this.width \"auto\") \"euiSuperDatePicker__flexWrapper--autoWidth\")}}>\n      <EuiFlexItem>\n        <EuiFormControlLayout class=\"euiSuperDatePicker\" @compressed={{@compressed}} @isDisabled={{@isDisabled}} @useGroup={{true}}>\n          <:prepend>\n            <EuiQuickSelectPopover @start={{this.start}} @end={{this.end}} @applyTime={{this.applyQuickTime}} @timeOptions={{this.timeOptions}} @isDisabled={{@isDisabled}} @commonlyUsedRanges={{argOrDefault @commonlyUsedRanges this.timeOptions.commonDurationRanges}} />\n          </:prepend>\n\n          <:field>\n            <EuiDatePickerRange @className=\"euiDatePickerRange--inGroup\" @isInvalid={{this.isInvalid}} @disabled={{@isDisabled}}>\n              <:startDateControl>\n                <EuiDatePopoverButton @className=\"euiSuperDatePicker__startPopoverButton\" @value={{this.start}} @compressed={{@compressed}} @position=\"start\" @isDisabled={{@isDisabled}} @dateFormat={{this.dateFormat}} @onChange={{this.setStart}} @isInvalid={{this.isInvalid}} @timeOptions={{this.timeOptions}} @needsUpdating={{this.hasChanged}} @locale={{@locale}} />\n              </:startDateControl>\n\n              <:endDateControl>\n                <EuiDatePopoverButton @className=\"euiSuperDatePicker__startPopoverButton\" @value={{this.end}} @compressed={{@compressed}} @position=\"end\" @isDisabled={{@isDisabled}} @dateFormat={{this.dateFormat}} @onChange={{this.setEnd}} @isInvalid={{this.isInvalid}} @timeOptions={{this.timeOptions}} @roundUp={{true}} @needsUpdating={{this.hasChanged}} @locale={{@locale}} />\n              </:endDateControl>\n            </EuiDatePickerRange>\n          </:field>\n        </EuiFormControlLayout>\n      </EuiFlexItem>\n\n      {{#if this.showUpdateButton}}\n        <EuiFlexItem @grow={{false}}>\n          <EuiSuperUpdateButton @size={{if @compressed \"s\" \"m\"}} @onClick={{this.handleClickUpdateButton}} @isLoading={{@isLoading}} @isDisabled={{or @isDisabled this.isInvalid}} @needsUpdate={{this.hasChanged}} @fill={{true}} @iconOnly={{eq this.showUpdateButton \"iconOnly\"}} />\n        </EuiFlexItem>\n      {{/if}}\n    </EuiFlexGroup>\n  ", {
+    setComponentTemplate(precompileTemplate("<EuiFlexGroup @gutterSize=\"s\" @responsive={{false}} class={{classNames \"euiSuperDatePicker__flexWrapper\" (unless this.showUpdateButton \"euiSuperDatePicker__flexWrapper--noUpdateButton\") (if this.isAutoRefreshOnly \"euiSuperDatePicker__flexWrapper--isAutoRefreshOnly\") (if @isQuickSelectOnly \"euiSuperDatePicker__flexWrapper--isQuickSelectOnly\") (if (eq this.width \"full\") \"euiSuperDatePicker__flexWrapper--fullWidth\") (if (eq this.width \"auto\") \"euiSuperDatePicker__flexWrapper--autoWidth\")}}>\n  <EuiFlexItem>\n    <EuiFormControlLayout class=\"euiSuperDatePicker\" @compressed={{@compressed}} @isDisabled={{@isDisabled}} @useGroup={{true}}>\n      <:prepend>\n        <EuiQuickSelectPopover @start={{this.start}} @end={{this.end}} @applyTime={{this.applyQuickTime}} @timeOptions={{this.timeOptions}} @isDisabled={{@isDisabled}} @commonlyUsedRanges={{argOrDefault @commonlyUsedRanges this.timeOptions.commonDurationRanges}} />\n      </:prepend>\n\n      <:field>\n        <EuiDatePickerRange @className=\"euiDatePickerRange--inGroup\" @isInvalid={{this.isInvalid}} @disabled={{@isDisabled}}>\n          <:startDateControl>\n            <EuiDatePopoverButton @className=\"euiSuperDatePicker__startPopoverButton\" @value={{this.start}} @compressed={{@compressed}} @position=\"start\" @isDisabled={{@isDisabled}} @dateFormat={{this.dateFormat}} @onChange={{this.setStart}} @isInvalid={{this.isInvalid}} @timeOptions={{this.timeOptions}} @needsUpdating={{this.hasChanged}} @locale={{@locale}} />\n          </:startDateControl>\n\n          <:endDateControl>\n            <EuiDatePopoverButton @className=\"euiSuperDatePicker__startPopoverButton\" @value={{this.end}} @compressed={{@compressed}} @position=\"end\" @isDisabled={{@isDisabled}} @dateFormat={{this.dateFormat}} @onChange={{this.setEnd}} @isInvalid={{this.isInvalid}} @timeOptions={{this.timeOptions}} @roundUp={{true}} @needsUpdating={{this.hasChanged}} @locale={{@locale}} />\n          </:endDateControl>\n        </EuiDatePickerRange>\n      </:field>\n    </EuiFormControlLayout>\n  </EuiFlexItem>\n\n  {{#if this.showUpdateButton}}\n    <EuiFlexItem @grow={{false}}>\n      <EuiSuperUpdateButton @size={{if @compressed \"s\" \"m\"}} @onClick={{this.handleClickUpdateButton}} @isLoading={{@isLoading}} @isDisabled={{or @isDisabled this.isInvalid}} @needsUpdate={{this.hasChanged}} @fill={{true}} @iconOnly={{eq this.showUpdateButton \"iconOnly\"}} />\n    </EuiFlexItem>\n  {{/if}}\n</EuiFlexGroup>", {
       strictMode: true,
       scope: () => ({
         EuiFlexGroup,

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 { tracked } from '@glimmer/tracking';\nimport { action } from '@ember/object';\nimport { inject as service } from '@ember/service';\n\nimport { eq, or } from 'ember-truth-helpers';\n\nimport argOrDefault, { argOrDefaultDecorator } from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiFlexGroup from './eui-flex-group.gts';\nimport EuiFlexItem from './eui-flex-item.gts';\nimport EuiFormControlLayout from './eui-form-control-layout.gts';\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 { isRangeInvalid } from './eui-super-date-picker/utils/index.ts';\nimport { useI18nTimeOptions } from './eui-super-date-picker/utils/time-options.ts';\n\nimport type EuiI18n from '../services/eui-i18n';\nimport type {\n ApplyRefreshInterval,\n DurationRange,\n Milliseconds,\n ShortDate\n} from './eui-super-date-picker/types/global';\nimport type { LocaleSpecifier } from 'moment';\n\nexport type { ApplyRefreshInterval, DurationRange, Milliseconds, ShortDate };\n\nexport interface EuiSuperDatePickerArgs {\n commonlyUsedRanges?: DurationRange[];\n // customQuickSelectPanels?: QuickSelectPanel[];\n /*\n Specifies the formatted used when displaying dates and/or datetimes\n /\n dateFormat?: string;\n /\n Set isAutoRefreshOnly to true to limit the component to only display auto refresh content.\n /\n isAutoRefreshOnly?: boolean;\n isDisabled?: boolean;\n isLoading?: boolean;\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 * - `full`: expands to 100% of the container.\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 Callback for when the refresh interval is fired.\n * EuiSuperDatePicker will only manage a refresh interval timer when onRefresh callback is supplied\n * If a promise is returned, the next refresh interval will not start until the promise has resolved.\n * If the promise rejects the refresh interval will stop and the error thrown\n /\n onRefresh?: (props: {\n start: string;\n end: string;\n refreshInterval: number;\n }) => void;\n /\n Callback for when the refresh interval changes.\n * Supply onRefreshChange to show refresh interval inputs in quick select popover\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 // recentlyUsedRanges?: DurationRange[];\n /\n Refresh interval in milliseconds\n /\n refreshInterval?: Milliseconds;\n start?: ShortDate;\n end?: ShortDate;\n /\n Specifies the formatted used when displaying times\n /\n timeFormat?: string;\n utcOffset?: number;\n /\n Set showUpdateButton to false to immediately invoke onTimeChange for all start and end changes.\n /\n showUpdateButton?: boolean \| 'iconOnly';\n /\n Hides the actual input reducing to just the quick select button.\n /\n isQuickSelectOnly?: boolean;\n /\n Props passed to the update button #EuiSuperUpdateButtonProps\n */\n // updateButtonProps?: EuiSuperUpdateButtonProps;\n}\n\nexport default class EuiSuperDatePicker extends Component<EuiSuperDatePickerArgs> {\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(false) isDisabled!: boolean;\n @argOrDefaultDecorator(true) isPaused!: boolean;\n @argOrDefaultDecorator(true) showUpdateButton!: boolean;\n @argOrDefaultDecorator('restricted') width!: string;\n // recentlyUsedRanges: [],\n @argOrDefaultDecorator(1000) refreshInterval!: Milliseconds;\n\n @service declare euiI18n: EuiI18n;\n\n @tracked start: ShortDate;\n @tracked end: ShortDate;\n @tracked isInvalid = false;\n @tracked hasChanged = false;\n\n constructor(owner: any, args: EuiSuperDatePickerArgs) {\n super(owner, args);\n\n this.start = this.args.start ?? 'now-15m';\n this.end = this.args.end ?? 'now';\n }\n\n get timeOptions() {\n return useI18nTimeOptions(this.euiI18n);\n }\n\n setTime({ start, end }: DurationRange) {\n this.hasChanged = !(this.start === start && this.end === end);\n this.start = start;\n this.end = end;\n this.isInvalid = isRangeInvalid(start, end);\n\n if (!this.showUpdateButton) {\n this.args.onTimeChange({\n start,\n end,\n isQuickSelection: false,\n isInvalid: this.isInvalid\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.start = start;\n this.end = end;\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 // const { start, end, refreshInterval } = this.args;\n this.args.onRefresh({\n start: this.start,\n end: this.end,\n refreshInterval: this.refreshInterval\n });\n } else {\n this.applyTime();\n }\n\n this.hasChanged = false;\n }\n\n <template>\n <EuiFlexGroup\n @gutterSize=\"s\"\n @responsive={{false}}\n class={{classNames\n \"euiSuperDatePicker__flexWrapper\"\n (unless\n this.showUpdateButton\n \"euiSuperDatePicker__flexWrapper--noUpdateButton\"\n )\n (if\n this.isAutoRefreshOnly\n \"euiSuperDatePicker__flexWrapper--isAutoRefreshOnly\"\n )\n (if\n @isQuickSelectOnly\n \"euiSuperDatePicker__flexWrapper--isQuickSelectOnly\"\n )\n (if (eq this.width \"full\") \"euiSuperDatePicker__flexWrapper--fullWidth\")\n (if (eq this.width \"auto\") \"euiSuperDatePicker__flexWrapper--autoWidth\")\n }}\n >\n <EuiFlexItem>\n <EuiFormControlLayout\n class=\"euiSuperDatePicker\"\n @compressed={{@compressed}}\n @isDisabled={{@isDisabled}}\n @useGroup={{true}}\n >\n <:prepend>\n <EuiQuickSelectPopover\n @start={{this.start}}\n @end={{this.end}}\n @applyTime={{this.applyQuickTime}}\n @timeOptions={{this.timeOptions}}\n @isDisabled={{@isDisabled}}\n @commonlyUsedRanges={{argOrDefault\n @commonlyUsedRanges\n this.timeOptions.commonDurationRanges\n }}\n />\n </:prepend>\n\n <:field>\n <EuiDatePickerRange\n @className=\"euiDatePickerRange--inGroup\"\n @isInvalid={{this.isInvalid}}\n @disabled={{@isDisabled}}\n >\n <:startDateControl>\n <EuiDatePopoverButton\n @className=\"euiSuperDatePicker__startPopoverButton\"\n @value={{this.start}}\n @compressed={{@compressed}}\n @position=\"start\"\n @isDisabled={{@isDisabled}}\n @dateFormat={{this.dateFormat}}\n @onChange={{this.setStart}}\n @isInvalid={{this.isInvalid}}\n @timeOptions={{this.timeOptions}}\n @needsUpdating={{this.hasChanged}}\n @locale={{@locale}}\n />\n </:startDateControl>\n\n <:endDateControl>\n <EuiDatePopoverButton\n @className=\"euiSuperDatePicker__startPopoverButton\"\n @value={{this.end}}\n @compressed={{@compressed}}\n @position=\"end\"\n @isDisabled={{@isDisabled}}\n @dateFormat={{this.dateFormat}}\n @onChange={{this.setEnd}}\n @isInvalid={{this.isInvalid}}\n @timeOptions={{this.timeOptions}}\n @roundUp={{true}}\n @needsUpdating={{this.hasChanged}}\n @locale={{@locale}}\n />\n </:endDateControl>\n </EuiDatePickerRange>\n </:field>\n </EuiFormControlLayout>\n </EuiFlexItem>\n\n {{#if this.showUpdateButton}}\n <EuiFlexItem @grow={{false}}>\n <EuiSuperUpdateButton\n @size={{if @compressed \"s\" \"m\"}}\n @onClick={{this.handleClickUpdateButton}}\n @isLoading={{@isLoading}}\n @isDisabled={{or @isDisabled this.isInvalid}}\n @needsUpdate={{this.hasChanged}}\n @fill={{true}}\n @iconOnly={{eq this.showUpdateButton \"iconOnly\"}}\n />\n </EuiFlexItem>\n {{/if}}\n </EuiFlexGroup>\n </template>\n}\n"],"names":["EuiSuperDatePicker","Component","g","prototype","argOrDefaultDecorator","i","void 0","service","tracked","constructor","owner","args","start","end","timeOptions","useI18nTimeOptions","euiI18n","setTime","hasChanged","isInvalid","isRangeInvalid","showUpdateButton","onTimeChange","isQuickSelection","applyTime","applyQuickTime","n","action","setStart","setEnd","handleClickUpdateButton","onRefresh","refreshInterval","setComponentTemplate","precompileTemplate","strictMode","scope","EuiFlexGroup","classNames","eq","EuiFlexItem","EuiFormControlLayout","EuiQuickSelectPopover","argOrDefault","EuiDatePickerRange","EuiDatePopoverButton","EuiSuperUpdateButton","or"],"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 { tracked } from '@glimmer/tracking';\nimport { action } from '@ember/object';\nimport { service } from '@ember/service';\n\nimport { eq, or } from 'ember-truth-helpers';\n\nimport argOrDefault, { argOrDefaultDecorator } from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiFlexGroup from './eui-flex-group.gts';\nimport EuiFlexItem from './eui-flex-item.gts';\nimport EuiFormControlLayout from './eui-form-control-layout.gts';\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 { isRangeInvalid } from './eui-super-date-picker/utils/index.ts';\nimport { useI18nTimeOptions } from './eui-super-date-picker/utils/time-options.ts';\n\nimport type EuiI18n from '../services/eui-i18n';\nimport type {\n ApplyRefreshInterval,\n DurationRange,\n Milliseconds,\n ShortDate\n} from './eui-super-date-picker/types/global';\nimport type { LocaleSpecifier } from 'moment';\n\nexport type { ApplyRefreshInterval, DurationRange, Milliseconds, ShortDate };\n\nexport interface EuiSuperDatePickerArgs {\n commonlyUsedRanges?: DurationRange[];\n // customQuickSelectPanels?: QuickSelectPanel[];\n /*\n Specifies the formatted used when displaying dates and/or datetimes\n /\n dateFormat?: string;\n /\n Set isAutoRefreshOnly to true to limit the component to only display auto refresh content.\n /\n isAutoRefreshOnly?: boolean;\n isDisabled?: boolean;\n isLoading?: boolean;\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 * - `full`: expands to 100% of the container.\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 Callback for when the refresh interval is fired.\n * EuiSuperDatePicker will only manage a refresh interval timer when onRefresh callback is supplied\n * If a promise is returned, the next refresh interval will not start until the promise has resolved.\n * If the promise rejects the refresh interval will stop and the error thrown\n /\n onRefresh?: (props: {\n start: string;\n end: string;\n refreshInterval: number;\n }) => void;\n /\n Callback for when the refresh interval changes.\n * Supply onRefreshChange to show refresh interval inputs in quick select popover\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 // recentlyUsedRanges?: DurationRange[];\n /\n Refresh interval in milliseconds\n /\n refreshInterval?: Milliseconds;\n start?: ShortDate;\n end?: ShortDate;\n /\n Specifies the formatted used when displaying times\n /\n timeFormat?: string;\n utcOffset?: number;\n /\n Set showUpdateButton to false to immediately invoke onTimeChange for all start and end changes.\n /\n showUpdateButton?: boolean \| 'iconOnly';\n /\n Hides the actual input reducing to just the quick select button.\n /\n isQuickSelectOnly?: boolean;\n /\n Props passed to the update button #EuiSuperUpdateButtonProps\n /\n // updateButtonProps?: EuiSuperUpdateButtonProps;\n}\n\nexport default class EuiSuperDatePicker extends Component<EuiSuperDatePickerArgs> {\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(false) isDisabled!: boolean;\n @argOrDefaultDecorator(true) isPaused!: boolean;\n @argOrDefaultDecorator(true) showUpdateButton!: boolean;\n @argOrDefaultDecorator('restricted') width!: string;\n // recentlyUsedRanges: [],\n @argOrDefaultDecorator(1000) refreshInterval!: Milliseconds;\n\n @service declare euiI18n: EuiI18n;\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 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(this.start, this.end);\n }\n\n get hasChanged(): boolean {\n return this.currentDraft?.hasChanged ?? false;\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(start, end, !(this.start === start && this.end === end));\n\n if (!this.showUpdateButton) {\n this.args.onTimeChange({\n start,\n end,\n isQuickSelection: false,\n isInvalid: isRangeInvalid(start, end)\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\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 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 <template>\n <EuiFlexGroup\n @gutterSize=\"s\"\n @responsive={{false}}\n class={{classNames\n \"euiSuperDatePicker__flexWrapper\"\n (unless\n this.showUpdateButton\n \"euiSuperDatePicker__flexWrapper--noUpdateButton\"\n )\n (if\n this.isAutoRefreshOnly\n \"euiSuperDatePicker__flexWrapper--isAutoRefreshOnly\"\n )\n (if\n @isQuickSelectOnly\n \"euiSuperDatePicker__flexWrapper--isQuickSelectOnly\"\n )\n (if (eq this.width \"full\") \"euiSuperDatePicker__flexWrapper--fullWidth\")\n (if (eq this.width \"auto\") \"euiSuperDatePicker__flexWrapper--autoWidth\")\n }}\n >\n <EuiFlexItem>\n <EuiFormControlLayout\n class=\"euiSuperDatePicker\"\n @compressed={{@compressed}}\n @isDisabled={{@isDisabled}}\n @useGroup={{true}}\n >\n <:prepend>\n <EuiQuickSelectPopover\n @start={{this.start}}\n @end={{this.end}}\n @applyTime={{this.applyQuickTime}}\n @timeOptions={{this.timeOptions}}\n @isDisabled={{@isDisabled}}\n @commonlyUsedRanges={{argOrDefault\n @commonlyUsedRanges\n this.timeOptions.commonDurationRanges\n }}\n />\n </:prepend>\n\n <:field>\n <EuiDatePickerRange\n @className=\"euiDatePickerRange--inGroup\"\n @isInvalid={{this.isInvalid}}\n @disabled={{@isDisabled}}\n >\n <:startDateControl>\n <EuiDatePopoverButton\n @className=\"euiSuperDatePicker__startPopoverButton\"\n @value={{this.start}}\n @compressed={{@compressed}}\n @position=\"start\"\n @isDisabled={{@isDisabled}}\n @dateFormat={{this.dateFormat}}\n @onChange={{this.setStart}}\n @isInvalid={{this.isInvalid}}\n @timeOptions={{this.timeOptions}}\n @needsUpdating={{this.hasChanged}}\n @locale={{@locale}}\n />\n </:startDateControl>\n\n <:endDateControl>\n <EuiDatePopoverButton\n @className=\"euiSuperDatePicker__startPopoverButton\"\n @value={{this.end}}\n @compressed={{@compressed}}\n @position=\"end\"\n @isDisabled={{@isDisabled}}\n @dateFormat={{this.dateFormat}}\n @onChange={{this.setEnd}}\n @isInvalid={{this.isInvalid}}\n @timeOptions={{this.timeOptions}}\n @roundUp={{true}}\n @needsUpdating={{this.hasChanged}}\n @locale={{@locale}}\n />\n </:endDateControl>\n </EuiDatePickerRange>\n </:field>\n </EuiFormControlLayout>\n </EuiFlexItem>\n\n {{#if this.showUpdateButton}}\n <EuiFlexItem @grow={{false}}>\n <EuiSuperUpdateButton\n @size={{if @compressed \"s\" \"m\"}}\n @onClick={{this.handleClickUpdateButton}}\n @isLoading={{@isLoading}}\n @isDisabled={{or @isDisabled this.isInvalid}}\n @needsUpdate={{this.hasChanged}}\n @fill={{true}}\n @iconOnly={{eq this.showUpdateButton \"iconOnly\"}}\n />\n </EuiFlexItem>\n {{/if}}\n </EuiFlexGroup>\n </template>\n}\n"],"names":["EuiSuperDatePicker","Component","g","prototype","argOrDefaultDecorator","i","service","tracked","currentDraft","draft","forStart","args","start","forEnd","end","undefined","isInvalid","isRangeInvalid","hasChanged","setDraft","timeOptions","useI18nTimeOptions","euiI18n","setTime","showUpdateButton","onTimeChange","isQuickSelection","applyTime","applyQuickTime","n","action","setStart","setEnd","handleClickUpdateButton","onRefresh","refreshInterval","setComponentTemplate","precompileTemplate","strictMode","scope","EuiFlexGroup","classNames","eq","EuiFlexItem","EuiFormControlLayout","EuiQuickSelectPopover","argOrDefault","EuiDatePickerRange","EuiDatePopoverButton","EuiSuperUpdateButton","or"],"mappings":"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"}

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

@@ -8,7 +8,7 @@ import classNames from '../helpers/class-names.js';
 import EuiIcon from './eui-icon.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import { n } from 'decorator-transforms/runtime';
+import { n } from 'decorator-transforms/runtime-esm';
 class EuiSwitch extends Component {
   onClick(e) {
@@ -22,7 +22,7 @@ class EuiSwitch extends Component {
     n(this.prototype, "onClick", [action]);
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    {{#let (argOrDefault @type \"button\") (argOrDefault @showLabel true) (argOrDefault @id (randomId)) (randomId) (and (has-block \"label\") (not (argOrDefault @isFakeLabelBlock false))) as |type showLabel switchId labelId hasLabelBlock|}}\n      {{#let (classNames (if @compressed \"euiSwitch--compressed\") \"euiSwitch\" @containerClass) as |classes|}}\n        <div class={{classes}}>\n          <button type={{type}} id={{switchId}} aria-checked={{if @checked \"true\" \"false\"}} class=\"euiSwitch__button\" role=\"switch\" aria-label={{if (not showLabel) @label}} aria-labelledby={{if showLabel labelId undefined}} disabled={{@disabled}} ...attributes {{on \"click\" this.onClick}}>\n            <span class=\"euiSwitch__body\">\n              <span class=\"euiSwitch__thumb\"></span>\n              <span class=\"euiSwitch__track\">\n                {{#unless @compressed}}\n                  <EuiIcon @type=\"cross\" @size=\"m\" @iconClasses=\"euiSwitch__icon\" />\n                  <EuiIcon @type=\"check\" @size=\"m\" @iconClasses=\"euiSwitch__icon euiSwitch__icon--checked\" />\n                {{/unless}}\n              </span>\n            </span>\n          </button>\n          {{#if showLabel}}\n            {{!-- template-lint-disable--}}\n            <span class=\"euiSwitch__label\" id={{labelId}} {{on \"click\" this.onClick}}>\n              {{#if hasLabelBlock}}\n                {{yield to=\"label\"}}\n              {{else}}\n                {{@label}}\n              {{/if}}\n            </span>\n            {{!-- template-lint-enable--}}\n          {{/if}}\n        </div>\n      {{/let}}\n    {{/let}}\n  ", {
+    setComponentTemplate(precompileTemplate("{{#let (argOrDefault @type \"button\") (argOrDefault @showLabel true) (argOrDefault @id (randomId)) (randomId) (and (has-block \"label\") (not (argOrDefault @isFakeLabelBlock false))) as |type showLabel switchId labelId hasLabelBlock|}}\n  {{#let (classNames (if @compressed \"euiSwitch--compressed\") \"euiSwitch\" @containerClass) as |classes|}}\n    <div class={{classes}}>\n      <button type={{type}} id={{switchId}} aria-checked={{if @checked \"true\" \"false\"}} class=\"euiSwitch__button\" role=\"switch\" aria-label={{if (not showLabel) @label}} aria-labelledby={{if showLabel labelId undefined}} disabled={{@disabled}} ...attributes {{on \"click\" this.onClick}}>\n        <span class=\"euiSwitch__body\">\n          <span class=\"euiSwitch__thumb\"></span>\n          <span class=\"euiSwitch__track\">\n            {{#unless @compressed}}\n              <EuiIcon @type=\"cross\" @size=\"m\" @iconClasses=\"euiSwitch__icon\" />\n              <EuiIcon @type=\"check\" @size=\"m\" @iconClasses=\"euiSwitch__icon euiSwitch__icon--checked\" />\n            {{/unless}}\n          </span>\n        </span>\n      </button>\n      {{#if showLabel}}\n        {{!-- template-lint-disable--}}\n        <span class=\"euiSwitch__label\" id={{labelId}} {{on \"click\" this.onClick}}>\n          {{#if hasLabelBlock}}\n            {{yield to=\"label\"}}\n          {{else}}\n            {{@label}}\n          {{/if}}\n        </span>\n        {{!-- template-lint-enable--}}\n      {{/if}}\n    </div>\n  {{/let}}\n{{/let}}", {
       strictMode: true,
       scope: () => ({
         argOrDefault,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-switch.js","sources":["../../src/components/eui-switch.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\n\nimport { and, not } from 'ember-truth-helpers';\n\nimport randomId from '../-private/random-id.ts';\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiIcon from './eui-icon.gts';\n\nexport interface EuiSwitchSignature {\n Element: HTMLButtonElement;\n Args: {\n id?: string;\n /*\n Whether to render the render the text label\n /\n showLabel?: boolean;\n /\n Must be a string if `showLabel` prop is true\n */\n label?: string;\n checked: boolean;\n onChange?: (event: MouseEvent) => void;\n disabled?: boolean;\n compressed?: boolean;\n type?: 'submit' \| 'reset' \| 'button';\n\n containerClass?: string;\n isFakeLabelBlock?: boolean;\n };\n Blocks: {\n default: [];\n label: [];\n };\n}\n\nexport default class EuiSwitch extends Component<EuiSwitchSignature> {\n @action\n onClick(e: MouseEvent): void {\n if (this.args.disabled) {\n return;\n }\n\n (e.target as HTMLInputElement).checked = !this.args.checked;\n\n this.args.onChange?.(e);\n }\n\n <template>\n {{#let\n (argOrDefault @type \"button\")\n (argOrDefault @showLabel true)\n (argOrDefault @id (randomId))\n (randomId)\n (and (has-block \"label\") (not (argOrDefault @isFakeLabelBlock false)))\n as \|type showLabel switchId labelId hasLabelBlock\|\n }}\n {{#let\n (classNames\n (if @compressed \"euiSwitch--compressed\") \"euiSwitch\" @containerClass\n )\n as \|classes\|\n }}\n <div class={{classes}}>\n <button\n type={{type}}\n id={{switchId}}\n aria-checked={{if @checked \"true\" \"false\"}}\n class=\"euiSwitch__button\"\n role=\"switch\"\n aria-label={{if (not showLabel) @label}}\n aria-labelledby={{if showLabel labelId undefined}}\n disabled={{@disabled}}\n ...attributes\n {{on \"click\" this.onClick}}\n >\n <span class=\"euiSwitch__body\">\n <span class=\"euiSwitch__thumb\"></span>\n <span class=\"euiSwitch__track\">\n {{#unless @compressed}}\n <EuiIcon\n @type=\"cross\"\n @size=\"m\"\n @iconClasses=\"euiSwitch__icon\"\n />\n <EuiIcon\n @type=\"check\"\n @size=\"m\"\n @iconClasses=\"euiSwitch__icon euiSwitch__icon--checked\"\n />\n {{/unless}}\n </span>\n </span>\n </button>\n {{#if showLabel}}\n {{! template-lint-disable}}\n <span\n class=\"euiSwitch__label\"\n id={{labelId}}\n {{on \"click\" this.onClick}}\n >\n {{#if hasLabelBlock}}\n {{yield to=\"label\"}}\n {{else}}\n {{@label}}\n {{/if}}\n </span>\n {{! template-lint-enable}}\n {{/if}}\n </div>\n {{/let}}\n {{/let}}\n </template>\n}\n"],"names":["EuiSwitch","Component","onClick","e","args","disabled","target","checked","onChange","n","prototype","action","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","randomId","and","not","classNames","on","EuiIcon"],"mappings":";;;;;;;;;;;;AAsCe,MAAMA,kBAAkBC,SAAU,CAAA;EAE/CC,OAAAA,CAAQC,CAAa,EAAQ;AAC3B,IAAA,IAAI,IAAI,CAACC,IAAI,CAACC,QAAQ,EAAE;AACtB,MAAA;AACF;IAECF,CAAE,CAAAG,MAAM,CAAsBC,OAAO,GAAG,CAAC,IAAI,CAACH,IAAI,CAACG,OAAO;AAE3D,IAAA,IAAI,CAACH,IAAI,CAACI,QAAQ,GAAGL,CAAA,CAAA;AACvB;AAAA,EAAA;IAAAM,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CATCC,MAAA,CAAA,CAAA;AAAA;AAWD,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAgEA,~~wmDAAA~~,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,YAAA;QAAAC,QAAA;QAAAC,GAAA;QAAAC,GAAA;QAAAC,UAAA;QAAAC,EAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
1	+ {"version":3,"file":"eui-switch.js","sources":["../../src/components/eui-switch.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\n\nimport { and, not } from 'ember-truth-helpers';\n\nimport randomId from '../-private/random-id.ts';\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiIcon from './eui-icon.gts';\n\nexport interface EuiSwitchSignature {\n Element: HTMLButtonElement;\n Args: {\n id?: string;\n /*\n Whether to render the render the text label\n /\n showLabel?: boolean;\n /\n Must be a string if `showLabel` prop is true\n */\n label?: string;\n checked: boolean;\n onChange?: (event: MouseEvent) => void;\n disabled?: boolean;\n compressed?: boolean;\n type?: 'submit' \| 'reset' \| 'button';\n\n containerClass?: string;\n isFakeLabelBlock?: boolean;\n };\n Blocks: {\n default: [];\n label: [];\n };\n}\n\nexport default class EuiSwitch extends Component<EuiSwitchSignature> {\n @action\n onClick(e: MouseEvent): void {\n if (this.args.disabled) {\n return;\n }\n\n (e.target as HTMLInputElement).checked = !this.args.checked;\n\n this.args.onChange?.(e);\n }\n\n <template>\n {{#let\n (argOrDefault @type \"button\")\n (argOrDefault @showLabel true)\n (argOrDefault @id (randomId))\n (randomId)\n (and (has-block \"label\") (not (argOrDefault @isFakeLabelBlock false)))\n as \|type showLabel switchId labelId hasLabelBlock\|\n }}\n {{#let\n (classNames\n (if @compressed \"euiSwitch--compressed\") \"euiSwitch\" @containerClass\n )\n as \|classes\|\n }}\n <div class={{classes}}>\n <button\n type={{type}}\n id={{switchId}}\n aria-checked={{if @checked \"true\" \"false\"}}\n class=\"euiSwitch__button\"\n role=\"switch\"\n aria-label={{if (not showLabel) @label}}\n aria-labelledby={{if showLabel labelId undefined}}\n disabled={{@disabled}}\n ...attributes\n {{on \"click\" this.onClick}}\n >\n <span class=\"euiSwitch__body\">\n <span class=\"euiSwitch__thumb\"></span>\n <span class=\"euiSwitch__track\">\n {{#unless @compressed}}\n <EuiIcon\n @type=\"cross\"\n @size=\"m\"\n @iconClasses=\"euiSwitch__icon\"\n />\n <EuiIcon\n @type=\"check\"\n @size=\"m\"\n @iconClasses=\"euiSwitch__icon euiSwitch__icon--checked\"\n />\n {{/unless}}\n </span>\n </span>\n </button>\n {{#if showLabel}}\n {{! template-lint-disable}}\n <span\n class=\"euiSwitch__label\"\n id={{labelId}}\n {{on \"click\" this.onClick}}\n >\n {{#if hasLabelBlock}}\n {{yield to=\"label\"}}\n {{else}}\n {{@label}}\n {{/if}}\n </span>\n {{! template-lint-enable}}\n {{/if}}\n </div>\n {{/let}}\n {{/let}}\n </template>\n}\n"],"names":["EuiSwitch","Component","onClick","e","args","disabled","target","checked","onChange","n","prototype","action","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","randomId","and","not","classNames","on","EuiIcon"],"mappings":";;;;;;;;;;;;AAsCe,MAAMA,kBAAkBC,SAAU,CAAA;EAE/CC,OAAAA,CAAQC,CAAa,EAAQ;AAC3B,IAAA,IAAI,IAAI,CAACC,IAAI,CAACC,QAAQ,EAAE;AACtB,MAAA;AACF;IAECF,CAAE,CAAAG,MAAM,CAAsBC,OAAO,GAAG,CAAC,IAAI,CAACH,IAAI,CAACG,OAAO;AAE3D,IAAA,IAAI,CAACH,IAAI,CAACI,QAAQ,GAAGL,CAAA,CAAA;AACvB;AAAA,EAAA;IAAAM,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CATCC,MAAA,CAAA,CAAA;AAAA;AAWD,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAgEA,k/CAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,YAAA;QAAAC,QAAA;QAAAC,GAAA;QAAAC,GAAA;QAAAC,UAAA;QAAAC,EAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

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

@@ -6,7 +6,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiTab = setComponentTemplate(precompileTemplate("\n  {{#let (argOrDefault @id (randomId)) as |id|}}\n    {{#if (and @href (not @disabled))}}\n      <a id={{id}} role=\"tab\" aria-selected={{not (not @isSelected)}} class={{classNames \"euiTab\" (if @isSelected \"euiTab-isSelected\") (if @disabled \"euiTab-isDisabled\")}} href={{@href}} disabled={{@disabled}} ...attributes>\n        {{#if (has-block \"prepend\")}}\n          <span class=\"euiTab__prepend\">\n            {{yield to=\"prepend\"}}\n          </span>\n        {{/if}}\n\n        <span class=\"euiTab__content\">\n          {{yield}}\n        </span>\n\n        {{#if (has-block \"append\")}}\n          <span class=\"euiTab__append\">\n            {{yield to=\"append\"}}\n          </span>\n        {{/if}}\n      </a>\n    {{else}}\n      <button id={{id}} role=\"tab\" aria-selected={{not (not @isSelected)}} type=\"button\" class={{classNames \"euiTab\" (if @isSelected \"euiTab-isSelected\") (if @disabled \"euiTab-isDisabled\")}} disabled={{@disabled}} ...attributes>\n        {{#if (has-block \"prepend\")}}\n          <span class=\"euiTab__prepend\">\n            {{yield to=\"prepend\"}}\n          </span>\n        {{/if}}\n\n        <span class=\"euiTab__content\">\n          {{yield}}\n        </span>\n\n        {{#if (has-block \"append\")}}\n          <span class=\"euiTab__append\">\n            {{yield to=\"append\"}}\n          </span>\n        {{/if}}\n      </button>\n    {{/if}}\n  {{/let}}\n", {
+const EuiTab = setComponentTemplate(precompileTemplate("{{#let (argOrDefault @id (randomId)) as |id|}}\n  {{#if (and @href (not @disabled))}}\n    <a id={{id}} role=\"tab\" aria-selected={{if @isSelected \"true\" \"false\"}} class={{classNames \"euiTab\" (if @isSelected \"euiTab-isSelected\") (if @disabled \"euiTab-isDisabled\")}} href={{@href}} disabled={{@disabled}} ...attributes>\n      {{#if (has-block \"prepend\")}}\n        <span class=\"euiTab__prepend\">\n          {{yield to=\"prepend\"}}\n        </span>\n      {{/if}}\n\n      <span class=\"euiTab__content\">\n        {{yield}}\n      </span>\n\n      {{#if (has-block \"append\")}}\n        <span class=\"euiTab__append\">\n          {{yield to=\"append\"}}\n        </span>\n      {{/if}}\n    </a>\n  {{else}}\n    <button id={{id}} role=\"tab\" aria-selected={{if @isSelected \"true\" \"false\"}} type=\"button\" class={{classNames \"euiTab\" (if @isSelected \"euiTab-isSelected\") (if @disabled \"euiTab-isDisabled\")}} disabled={{@disabled}} ...attributes>\n      {{#if (has-block \"prepend\")}}\n        <span class=\"euiTab__prepend\">\n          {{yield to=\"prepend\"}}\n        </span>\n      {{/if}}\n\n      <span class=\"euiTab__content\">\n        {{yield}}\n      </span>\n\n      {{#if (has-block \"append\")}}\n        <span class=\"euiTab__append\">\n          {{yield to=\"append\"}}\n        </span>\n      {{/if}}\n    </button>\n  {{/if}}\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     argOrDefault,

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 { and, not } from 'ember-truth-helpers';\n\nimport randomId from '../-private/random-id.ts';\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport type IEuiTab = {\n id?: string;\n href?: string;\n isSelected?: boolean;\n disabled?: boolean;\n};\n\nexport interface EuiTabSignature {\n Element: HTMLButtonElement \| HTMLAnchorElement;\n Args: {\n [K in keyof IEuiTab]: IEuiTab[K];\n };\n Blocks: {\n prepend: [];\n default: [];\n append: [];\n };\n}\n\nconst EuiTab: TemplateOnlyComponent<EuiTabSignature> = <template>\n {{#let (argOrDefault @id (randomId)) as \|id\|}}\n {{#if (and @href (not @disabled))}}\n <a\n id={{id}}\n role=\"tab\"\n aria-selected={{~~not~~ ~~(not~~ @isSelected)}}\n class={{classNames\n \"euiTab\"\n (if @isSelected \"euiTab-isSelected\")\n (if @disabled \"euiTab-isDisabled\")\n }}\n href={{@href}}\n disabled={{@disabled}}\n ...attributes\n >\n {{#if (has-block \"prepend\")}}\n <span class=\"euiTab__prepend\">\n {{yield to=\"prepend\"}}\n </span>\n {{/if}}\n\n <span class=\"euiTab__content\">\n {{yield}}\n </span>\n\n {{#if (has-block \"append\")}}\n <span class=\"euiTab__append\">\n {{yield to=\"append\"}}\n </span>\n {{/if}}\n </a>\n {{else}}\n <button\n id={{id}}\n role=\"tab\"\n aria-selected={{~~not~~ ~~(not~~ @isSelected)}}\n type=\"button\"\n class={{classNames\n \"euiTab\"\n (if @isSelected \"euiTab-isSelected\")\n (if @disabled \"euiTab-isDisabled\")\n }}\n disabled={{@disabled}}\n ...attributes\n >\n {{#if (has-block \"prepend\")}}\n <span class=\"euiTab__prepend\">\n {{yield to=\"prepend\"}}\n </span>\n {{/if}}\n\n <span class=\"euiTab__content\">\n {{yield}}\n </span>\n\n {{#if (has-block \"append\")}}\n <span class=\"euiTab__append\">\n {{yield to=\"append\"}}\n </span>\n {{/if}}\n </button>\n {{/if}}\n {{/let}}\n</template>;\n\nexport default EuiTab;\n"],"names":["EuiTab","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","randomId","and","not","classNames","templateOnly"],"mappings":";;;;;;;;AA2BA,MAAMA,MAAiD,GAAAC,oBAAA,CAAAC,kBAAA,CAgEvD,~~25CAAA~~,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,QAAA;IAAAC,GAAA;IAAAC,GAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
1	+ {"version":3,"file":"eui-tab.js","sources":["../../src/components/eui-tab.gts"],"sourcesContent":["import { and, not } from 'ember-truth-helpers';\n\nimport randomId from '../-private/random-id.ts';\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport type IEuiTab = {\n id?: string;\n href?: string;\n isSelected?: boolean;\n disabled?: boolean;\n};\n\nexport interface EuiTabSignature {\n Element: HTMLButtonElement \| HTMLAnchorElement;\n Args: {\n [K in keyof IEuiTab]: IEuiTab[K];\n };\n Blocks: {\n prepend: [];\n default: [];\n append: [];\n };\n}\n\nconst EuiTab: TemplateOnlyComponent<EuiTabSignature> = <template>\n {{#let (argOrDefault @id (randomId)) as \|id\|}}\n {{#if (and @href (not @disabled))}}\n <a\n id={{id}}\n role=\"tab\"\n aria-selected={{if @isSelected \"true\" \"false\"}}\n class={{classNames\n \"euiTab\"\n (if @isSelected \"euiTab-isSelected\")\n (if @disabled \"euiTab-isDisabled\")\n }}\n href={{@href}}\n disabled={{@disabled}}\n ...attributes\n >\n {{#if (has-block \"prepend\")}}\n <span class=\"euiTab__prepend\">\n {{yield to=\"prepend\"}}\n </span>\n {{/if}}\n\n <span class=\"euiTab__content\">\n {{yield}}\n </span>\n\n {{#if (has-block \"append\")}}\n <span class=\"euiTab__append\">\n {{yield to=\"append\"}}\n </span>\n {{/if}}\n </a>\n {{else}}\n <button\n id={{id}}\n role=\"tab\"\n aria-selected={{if @isSelected \"true\" \"false\"}}\n type=\"button\"\n class={{classNames\n \"euiTab\"\n (if @isSelected \"euiTab-isSelected\")\n (if @disabled \"euiTab-isDisabled\")\n }}\n disabled={{@disabled}}\n ...attributes\n >\n {{#if (has-block \"prepend\")}}\n <span class=\"euiTab__prepend\">\n {{yield to=\"prepend\"}}\n </span>\n {{/if}}\n\n <span class=\"euiTab__content\">\n {{yield}}\n </span>\n\n {{#if (has-block \"append\")}}\n <span class=\"euiTab__append\">\n {{yield to=\"append\"}}\n </span>\n {{/if}}\n </button>\n {{/if}}\n {{/let}}\n</template>;\n\nexport default EuiTab;\n"],"names":["EuiTab","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","randomId","and","not","classNames","templateOnly"],"mappings":";;;;;;;;AA2BA,MAAMA,MAAiD,GAAAC,oBAAA,CAAAC,kBAAA,CAgEvD,y2CAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,QAAA;IAAAC,GAAA;IAAAC,GAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

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

@@ -11,7 +11,7 @@ import EuiTab from './eui-tab.js';
 import EuiTabs from './eui-tabs.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import { g, i } from 'decorator-transforms/runtime';
+import { g, i } from 'decorator-transforms/runtime-esm';
 class EuiTabbedContentComponent extends Component {
   static {
@@ -104,7 +104,7 @@ class EuiTabbedContentComponent extends Component {
     }
   };
   static {
-    setComponentTemplate(precompileTemplate("\n    {{#let (randomId) as |rootId|}}\n      <div class={{@className}} ...attributes>\n        <EuiTabs @expand={{@expand}} @display={{@display}} @size={{@size}} {{on \"focus\" 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}} {{on \"click\" (fn this.onTabClick tab)}}>\n              {{tab.name}}\n            </EuiTab>\n          {{/each}}\n        </EuiTabs>\n\n        {{#let (findBy \"id\" (if this.selectedTabId this.selectedTabId \"\") @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}}\n  ", {
+    setComponentTemplate(precompileTemplate("{{#let (randomId) as |rootId|}}\n  <div class={{@className}} ...attributes>\n    <EuiTabs @expand={{@expand}} @display={{@display}} @size={{@size}} {{on \"focus\" 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}} {{on \"click\" (fn this.onTabClick tab)}}>\n          {{tab.name}}\n        </EuiTab>\n      {{/each}}\n    </EuiTabs>\n\n    {{#let (findBy \"id\" (if this.selectedTabId this.selectedTabId \"\") @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}}", {
       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 randomId from '../-private/random-id.ts';\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\nexport interface EuiTabbedContentTab {\n id: string;\n name: string;\n content?: ComponentLike;\n disabled?: boolean;\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 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?: 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\nexport interface EuiTabbedContentSignature {\n Element: HTMLDivElement;\n Args: EuiTabbedContentArgs;\n Blocks: {\n default: [EuiTabbedContentTab];\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 = true;\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 if (this.tabsRef) {\n const targetTab: HTMLDivElement \| null = this.tabsRef.querySelector(\n `#${this.selectedTabId}`\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 \"focus\" 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 {{on \"click\" (fn this.onTabClick tab)}}\n >\n {{tab.name}}\n </EuiTab>\n {{/each}}\n </EuiTabs>\n\n {{#let\n (findBy \"id\" (if this.selectedTabId this.selectedTabId \"\") @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":["EuiTabbedContentComponent","Component","g","prototype","tracked","i","~~void 0","~~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","focus","initializeFocus","setComponentTemplate","precompileTemplate","strictMode","scope","randomId","EuiTabs","on","didInsert","EuiTab","eq","fn","findBy"],"mappings":";;;;;;;;;;;;;;;AAoEe,MAAMA,kCAAkCC,SAAU,CAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,eAAA,EAAA,CAC9DC,OAAA,CAAA,CAAA;AAAA;~~AAAA,~~EAAA,cAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,eAAA,CAAA,~~EAAAC~~,MAAA;AAAA,EAAA;~~IAAAJ~~,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CACAC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAA2B,KAAM;AAAA,KAAA,CAAA;AAAA;~~AAAA,~~EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,~~EAAAC~~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~~giCAAA~~,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,QAAA;QAAAC,OAAA;QAAAC,EAAA;QAAAC,SAAA;QAAAC,MAAA;QAAAC,EAAA;QAAAC,EAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
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 randomId from '../-private/random-id.ts';\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\nexport interface EuiTabbedContentTab {\n id: string;\n name: string;\n content?: ComponentLike;\n disabled?: boolean;\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 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?: 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\nexport interface EuiTabbedContentSignature {\n Element: HTMLDivElement;\n Args: EuiTabbedContentArgs;\n Blocks: {\n default: [EuiTabbedContentTab];\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 = true;\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 if (this.tabsRef) {\n const targetTab: HTMLDivElement \| null = this.tabsRef.querySelector(\n `#${this.selectedTabId}`\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 \"focus\" 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 {{on \"click\" (fn this.onTabClick tab)}}\n >\n {{tab.name}}\n </EuiTab>\n {{/each}}\n </EuiTabs>\n\n {{#let\n (findBy \"id\" (if this.selectedTabId this.selectedTabId \"\") @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":["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","focus","initializeFocus","setComponentTemplate","precompileTemplate","strictMode","scope","randomId","EuiTabs","on","didInsert","EuiTab","eq","fn","findBy"],"mappings":"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"}

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

@@ -5,7 +5,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiTabs = setComponentTemplate(precompileTemplate("\n  {{#let (if (eq @display \"condensed\") false (argOrDefault @bottomBorder true)) as |bottomBorder|}}\n    <div role=\"tablist\" class={{classNames (if (argOrDefault @expand false) \"euiTabs--expand\") (if bottomBorder \"euiTabs--bottomBorder\") @className componentName=\"EuiTabs\" display=(argOrDefault @display \"default\") size=(argOrDefault @size \"m\")}} ...attributes>\n      {{yield}}\n    </div>\n  {{/let}}\n", {
+const EuiTabs = setComponentTemplate(precompileTemplate("{{#let (if (eq @display \"condensed\") false (argOrDefault @bottomBorder true)) as |bottomBorder|}}\n  <div role=\"tablist\" class={{classNames (if (argOrDefault @expand false) \"euiTabs--expand\") (if bottomBorder \"euiTabs--bottomBorder\") @className componentName=\"EuiTabs\" display=(argOrDefault @display \"default\") size=(argOrDefault @size \"m\")}} ...attributes>\n    {{yield}}\n  </div>\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     eq,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-tabs.js","sources":["../../src/components/eui-tabs.gts"],"sourcesContent":["import { eq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { displayMapping,sizeMapping } from '../utils/css-mappings/eui-tabs.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiTabsSignature {\n Element: HTMLDivElement;\n Args: {\n display?: keyof typeof displayMapping;\n size?: keyof typeof sizeMapping;\n expand?: boolean;\n bottomBorder?: boolean;\n className?: string;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiTabs: TemplateOnlyComponent<EuiTabsSignature> = <template>\n {{#let\n (if (eq @display \"condensed\") false (argOrDefault @bottomBorder true))\n as \|bottomBorder\|\n }}\n <div\n role=\"tablist\"\n class={{classNames\n (if (argOrDefault @expand false) \"euiTabs--expand\")\n (if bottomBorder \"euiTabs--bottomBorder\")\n @className\n componentName=\"EuiTabs\"\n display=(argOrDefault @display \"default\")\n size=(argOrDefault @size \"m\")\n }}\n ...attributes\n >\n {{yield}}\n </div>\n {{/let}}\n</template>;\n\nexport default EuiTabs;\n"],"names":["EuiTabs","setComponentTemplate","precompileTemplate","strictMode","scope","eq","argOrDefault","classNames","templateOnly"],"mappings":";;;;;;;AAsBA,MAAMA,OAAmD,GAAAC,oBAAA,CAAAC,kBAAA,CAoBzD,~~saAAA~~,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,EAAA;IAAAC,YAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
1	+ {"version":3,"file":"eui-tabs.js","sources":["../../src/components/eui-tabs.gts"],"sourcesContent":["import { eq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { displayMapping,sizeMapping } from '../utils/css-mappings/eui-tabs.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiTabsSignature {\n Element: HTMLDivElement;\n Args: {\n display?: keyof typeof displayMapping;\n size?: keyof typeof sizeMapping;\n expand?: boolean;\n bottomBorder?: boolean;\n className?: string;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiTabs: TemplateOnlyComponent<EuiTabsSignature> = <template>\n {{#let\n (if (eq @display \"condensed\") false (argOrDefault @bottomBorder true))\n as \|bottomBorder\|\n }}\n <div\n role=\"tablist\"\n class={{classNames\n (if (argOrDefault @expand false) \"euiTabs--expand\")\n (if bottomBorder \"euiTabs--bottomBorder\")\n @className\n componentName=\"EuiTabs\"\n display=(argOrDefault @display \"default\")\n size=(argOrDefault @size \"m\")\n }}\n ...attributes\n >\n {{yield}}\n </div>\n {{/let}}\n</template>;\n\nexport default EuiTabs;\n"],"names":["EuiTabs","setComponentTemplate","precompileTemplate","strictMode","scope","eq","argOrDefault","classNames","templateOnly"],"mappings":";;;;;;;AAsBA,MAAMA,OAAmD,GAAAC,oBAAA,CAAAC,kBAAA,CAoBzD,wZAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,EAAA;IAAAC,YAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

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

@@ -4,7 +4,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiTextAlignComponent = setComponentTemplate(precompileTemplate("\n  <div class={{classNames componentName=\"EuiTextAlign\" textAlign=(argOrDefault @textAlign \"left\")}} ...attributes>\n    {{yield}}\n  </div>\n", {
+const EuiTextAlignComponent = setComponentTemplate(precompileTemplate("<div class={{classNames componentName=\"EuiTextAlign\" textAlign=(argOrDefault @textAlign \"left\")}} ...attributes>\n  {{yield}}\n</div>", {
   strictMode: true,
   scope: () => ({
     classNames,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-text-align.js","sources":["../../src/components/eui-text-align.gts"],"sourcesContent":["import argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\ninterface Signature {\n Element: HTMLDivElement;\n Args: {\n textAlign?: 'left' \| 'center' \| 'right';\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiTextAlignComponent: TemplateOnlyComponent<Signature> = <template>\n <div\n class={{classNames\n componentName=\"EuiTextAlign\"\n textAlign=(argOrDefault @textAlign \"left\")\n }}\n ...attributes\n >\n {{yield}}\n </div>\n</template>;\n\nexport default EuiTextAlignComponent;"],"names":["EuiTextAlignComponent","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","templateOnly"],"mappings":";;;;;;AAeA,MAAMA,qBAA0D,GAAAC,oBAAA,CAAAC,kBAAA,CAUhE,~~qJAAA~~,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
1	+ {"version":3,"file":"eui-text-align.js","sources":["../../src/components/eui-text-align.gts"],"sourcesContent":["import argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\ninterface Signature {\n Element: HTMLDivElement;\n Args: {\n textAlign?: 'left' \| 'center' \| 'right';\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiTextAlignComponent: TemplateOnlyComponent<Signature> = <template>\n <div\n class={{classNames\n componentName=\"EuiTextAlign\"\n textAlign=(argOrDefault @textAlign \"left\")\n }}\n ...attributes\n >\n {{yield}}\n </div>\n</template>;\n\nexport default EuiTextAlignComponent;"],"names":["EuiTextAlignComponent","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","templateOnly"],"mappings":";;;;;;AAeA,MAAMA,qBAA0D,GAAAC,oBAAA,CAAAC,kBAAA,CAUhE,2IAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

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

@@ -8,7 +8,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiTextArea = setComponentTemplate(precompileTemplate("\n  {{#let (classNames (if @fullWidth \"euiTextArea--fullWidth\") (if @compressed \"euiTextArea--compressed\") componentName=\"EuiTextArea\" resize=(argOrDefault @resize \"vertical\")) (if @rows @rows (if @compressed 3 6)) (argOrDefault @id (randomId)) as |classes definedRows id|}}\n    <textarea id={{id}} value={{@value}} class={{classes}} rows={{definedRows}} disabled={{@disabled}} readonly={{@readOnly}} ...attributes {{validatableControl @isInvalid}} {{didInsert (optional @inputRef)}}>\n      {{yield}}\n    </textarea>\n  {{/let}}\n", {
+const EuiTextArea = setComponentTemplate(precompileTemplate("{{#let (classNames (if @fullWidth \"euiTextArea--fullWidth\") (if @compressed \"euiTextArea--compressed\") componentName=\"EuiTextArea\" resize=(argOrDefault @resize \"vertical\")) (if @rows @rows (if @compressed 3 6)) (argOrDefault @id (randomId)) as |classes definedRows id|}}\n  <textarea id={{id}} value={{@value}} class={{classes}} rows={{definedRows}} disabled={{@disabled}} readonly={{@readOnly}} ...attributes {{validatableControl @isInvalid}} {{didInsert (optional @inputRef)}}>\n    {{yield}}\n  </textarea>\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     classNames,

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 didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\n\nimport randomId from '../-private/random-id.ts';\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport validatableControl from '../modifiers/validatable-control.ts';\n\nimport type { resizeMapping } from '../utils/css-mappings/eui-text-area.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiTextAreaSignature {\n Element: HTMLTextAreaElement;\n Args: {\n id?: string;\n value?: string;\n fullWidth?: boolean;\n compressed?: boolean;\n disabled?: boolean;\n isInvalid?: boolean;\n inputRef?: (element: HTMLTextAreaElement \| null) => void;\n rows?: number;\n resize?: keyof typeof resizeMapping;\n readOnly?: boolean;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiTextArea: TemplateOnlyComponent<EuiTextAreaSignature> = <template>\n {{#let\n (classNames\n (if @fullWidth \"euiTextArea--fullWidth\")\n (if @compressed \"euiTextArea--compressed\")\n componentName=\"EuiTextArea\"\n resize=(argOrDefault @resize \"vertical\")\n )\n (if @rows @rows (if @compressed 3 6))\n (argOrDefault @id (randomId))\n as \|classes definedRows id\|\n }}\n <textarea\n id={{id}}\n value={{@value}}\n class={{classes}}\n rows={{definedRows}}\n disabled={{@disabled}}\n readonly={{@readOnly}}\n ...attributes\n {{validatableControl @isInvalid}}\n {{didInsert (optional @inputRef)}}\n >\n {{yield}}\n </textarea>\n {{/let}}\n</template>;\n\nexport default EuiTextArea;\n"],"names":["EuiTextArea","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","randomId","validatableControl","didInsert","optional","templateOnly"],"mappings":";;;;;;;;;;AA+BA,MAAMA,WAA2D,GAAAC,oBAAA,CAAAC,kBAAA,CA0BjE~~,+hBAAA~~,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,YAAA;IAAAC,QAAA;IAAAC,kBAAA;IAAAC,SAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
1	+ {"version":3,"file":"eui-text-area.js","sources":["../../src/components/eui-text-area.gts"],"sourcesContent":["import didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\n\nimport randomId from '../-private/random-id.ts';\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport validatableControl from '../modifiers/validatable-control.ts';\n\nimport type { resizeMapping } from '../utils/css-mappings/eui-text-area.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiTextAreaSignature {\n Element: HTMLTextAreaElement;\n Args: {\n id?: string;\n value?: string;\n fullWidth?: boolean;\n compressed?: boolean;\n disabled?: boolean;\n isInvalid?: boolean;\n inputRef?: (element: HTMLTextAreaElement \| null) => void;\n rows?: number;\n resize?: keyof typeof resizeMapping;\n readOnly?: boolean;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiTextArea: TemplateOnlyComponent<EuiTextAreaSignature> = <template>\n {{#let\n (classNames\n (if @fullWidth \"euiTextArea--fullWidth\")\n (if @compressed \"euiTextArea--compressed\")\n componentName=\"EuiTextArea\"\n resize=(argOrDefault @resize \"vertical\")\n )\n (if @rows @rows (if @compressed 3 6))\n (argOrDefault @id (randomId))\n as \|classes definedRows id\|\n }}\n <textarea\n id={{id}}\n value={{@value}}\n class={{classes}}\n rows={{definedRows}}\n disabled={{@disabled}}\n readonly={{@readOnly}}\n ...attributes\n {{validatableControl @isInvalid}}\n {{didInsert (optional @inputRef)}}\n >\n {{yield}}\n </textarea>\n {{/let}}\n</template>;\n\nexport default EuiTextArea;\n"],"names":["EuiTextArea","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","randomId","validatableControl","didInsert","optional","templateOnly"],"mappings":";;;;;;;;;;AA+BA,MAAMA,WAA2D,GAAAC,oBAAA,CAAAC,kBAAA,CA0BjE,ihBAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,YAAA;IAAAC,QAAA;IAAAC,kBAAA;IAAAC,SAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

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

@@ -5,7 +5,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiTextColor = setComponentTemplate(precompileTemplate("\n  {{#if (eq @tagName \"div\")}}\n    <div class={{classNames componentName=\"EuiTextColor\" color=(argOrDefault @color \"default\")}} ...attributes>\n      {{yield}}\n    </div>\n  {{else}}\n    <span class={{classNames componentName=\"EuiTextColor\" color=(argOrDefault @color \"default\")}} ...attributes>\n      {{yield}}\n    </span>\n  {{/if}}\n", {
+const EuiTextColor = setComponentTemplate(precompileTemplate("{{#if (eq @tagName \"div\")}}\n  <div class={{classNames componentName=\"EuiTextColor\" color=(argOrDefault @color \"default\")}} ...attributes>\n    {{yield}}\n  </div>\n{{else}}\n  <span class={{classNames componentName=\"EuiTextColor\" color=(argOrDefault @color \"default\")}} ...attributes>\n    {{yield}}\n  </span>\n{{/if}}", {
   strictMode: true,
   scope: () => ({
     eq,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-text-color.js","sources":["../../src/components/eui-text-color.gts"],"sourcesContent":["import { eq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\ninterface Signature {\n Element: HTMLDivElement \| HTMLSpanElement;\n Args: {\n color?: string;\n tagName?: string;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiTextColor: TemplateOnlyComponent<Signature> = <template>\n {{#if (eq @tagName \"div\")}}\n <div\n class={{classNames\n componentName=\"EuiTextColor\"\n color=(argOrDefault @color \"default\")\n }}\n ...attributes\n >\n {{yield}}\n </div>\n {{else}}\n <span\n class={{classNames\n componentName=\"EuiTextColor\"\n color=(argOrDefault @color \"default\")\n }}\n ...attributes\n >\n {{yield}}\n </span>\n {{/if}}\n</template>;\n\nexport default EuiTextColor;\n"],"names":["EuiTextColor","setComponentTemplate","precompileTemplate","strictMode","scope","eq","classNames","argOrDefault","templateOnly"],"mappings":";;;;;;;AAkBA,MAAMA,YAAiD,GAAAC,oBAAA,CAAAC,kBAAA,CAsBvD,~~kWAAA~~,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,EAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
1	+ {"version":3,"file":"eui-text-color.js","sources":["../../src/components/eui-text-color.gts"],"sourcesContent":["import { eq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\ninterface Signature {\n Element: HTMLDivElement \| HTMLSpanElement;\n Args: {\n color?: string;\n tagName?: string;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiTextColor: TemplateOnlyComponent<Signature> = <template>\n {{#if (eq @tagName \"div\")}}\n <div\n class={{classNames\n componentName=\"EuiTextColor\"\n color=(argOrDefault @color \"default\")\n }}\n ...attributes\n >\n {{yield}}\n </div>\n {{else}}\n <span\n class={{classNames\n componentName=\"EuiTextColor\"\n color=(argOrDefault @color \"default\")\n }}\n ...attributes\n >\n {{yield}}\n </span>\n {{/if}}\n</template>;\n\nexport default EuiTextColor;\n"],"names":["EuiTextColor","setComponentTemplate","precompileTemplate","strictMode","scope","eq","classNames","argOrDefault","templateOnly"],"mappings":";;;;;;;AAkBA,MAAMA,YAAiD,GAAAC,oBAAA,CAAAC,kBAAA,CAsBvD,4UAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,EAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

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

@@ -7,7 +7,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiTextComponent = setComponentTemplate(precompileTemplate("\n  <div class={{classNames (unless (argOrDefault @grow true) \"euiText--constrainedWidth\") componentName=\"EuiText\" size=(argOrDefault @size \"m\")}} ...attributes>\n    {{#if (and @textAlign @color)}}\n      {{#let (component EuiTextAlign) as |Align|}}\n        {{#let (component EuiTextColor) as |Color|}}\n          <Align @textAlign={{@textAlign}}>\n            <Color @color={{@color}} @tagName=\"div\">\n              {{yield}}\n            </Color>\n          </Align>\n        {{/let}}\n      {{/let}}\n    {{else if (and @textAlign (not @color))}}\n      {{#let (component EuiTextAlign) as |Align|}}\n        <Align @textAlign={{@textAlign}}>\n          {{yield}}\n        </Align>\n      {{/let}}\n    {{else if (and (not @textAlign) @color)}}\n      {{#let (component EuiTextColor) as |Color|}}\n        <Color @color={{@color}} @tagName=\"div\">\n          {{yield}}\n        </Color>\n      {{/let}}\n    {{else}}\n      {{yield}}\n    {{/if}}\n  </div>\n", {
+const EuiTextComponent = setComponentTemplate(precompileTemplate("<div class={{classNames (unless (argOrDefault @grow true) \"euiText--constrainedWidth\") componentName=\"EuiText\" size=(argOrDefault @size \"m\")}} ...attributes>\n  {{#if (and @textAlign @color)}}\n    {{#let (component EuiTextAlign) as |Align|}}\n      {{#let (component EuiTextColor) as |Color|}}\n        <Align @textAlign={{@textAlign}}>\n          <Color @color={{@color}} @tagName=\"div\">\n            {{yield}}\n          </Color>\n        </Align>\n      {{/let}}\n    {{/let}}\n  {{else if (and @textAlign (not @color))}}\n    {{#let (component EuiTextAlign) as |Align|}}\n      <Align @textAlign={{@textAlign}}>\n        {{yield}}\n      </Align>\n    {{/let}}\n  {{else if (and (not @textAlign) @color)}}\n    {{#let (component EuiTextColor) as |Color|}}\n      <Color @color={{@color}} @tagName=\"div\">\n        {{yield}}\n      </Color>\n    {{/let}}\n  {{else}}\n    {{yield}}\n  {{/if}}\n</div>", {
   strictMode: true,
   scope: () => ({
     classNames,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-text.js","sources":["../../src/components/eui-text.gts"],"sourcesContent":["import { and, not } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiTextAlign from './eui-text-align.gts';\nimport EuiTextColor from './eui-text-color.gts';\n\nimport type { sizeMapping } from '../utils/css-mappings/eui-text.ts';\nimport type { alignMapping } from '../utils/css-mappings/eui-text-align.ts';\nimport type { colorMapping } from '../utils/css-mappings/eui-text-color.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiTextSignature {\n Element: HTMLDivElement;\n Args: {\n grow?: boolean;\n size?: keyof typeof sizeMapping;\n textAlign?: keyof typeof alignMapping;\n color?: keyof typeof colorMapping;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiTextComponent: TemplateOnlyComponent<EuiTextSignature> = <template>\n <div\n class={{classNames\n (unless (argOrDefault @grow true) \"euiText--constrainedWidth\")\n componentName=\"EuiText\"\n size=(argOrDefault @size \"m\")\n }}\n ...attributes\n >\n {{#if (and @textAlign @color)}}\n {{#let (component EuiTextAlign) as \|Align\|}}\n {{#let (component EuiTextColor) as \|Color\|}}\n <Align @textAlign={{@textAlign}}>\n <Color @color={{@color}} @tagName=\"div\">\n {{yield}}\n </Color>\n </Align>\n {{/let}}\n {{/let}}\n {{else if (and @textAlign (not @color))}}\n {{#let (component EuiTextAlign) as \|Align\|}}\n <Align @textAlign={{@textAlign}}>\n {{yield}}\n </Align>\n {{/let}}\n {{else if (and (not @textAlign) @color)}}\n {{#let (component EuiTextColor) as \|Color\|}}\n <Color @color={{@color}} @tagName=\"div\">\n {{yield}}\n </Color>\n {{/let}}\n {{else}}\n {{yield}}\n {{/if}}\n </div>\n</template>;\n\nexport default EuiTextComponent;\n"],"names":["EuiTextComponent","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","and","EuiTextAlign","EuiTextColor","not","templateOnly"],"mappings":";;;;;;;;;AAyBA,MAAMA,gBAA4D,GAAAC,oBAAA,CAAAC,kBAAA,CAmClE,~~68BAAA~~,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,YAAA;IAAAC,GAAA;kBAAAC,qBAAA;IAAAC,YAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
1	+ {"version":3,"file":"eui-text.js","sources":["../../src/components/eui-text.gts"],"sourcesContent":["import { and, not } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiTextAlign from './eui-text-align.gts';\nimport EuiTextColor from './eui-text-color.gts';\n\nimport type { sizeMapping } from '../utils/css-mappings/eui-text.ts';\nimport type { alignMapping } from '../utils/css-mappings/eui-text-align.ts';\nimport type { colorMapping } from '../utils/css-mappings/eui-text-color.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiTextSignature {\n Element: HTMLDivElement;\n Args: {\n grow?: boolean;\n size?: keyof typeof sizeMapping;\n textAlign?: keyof typeof alignMapping;\n color?: keyof typeof colorMapping;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiTextComponent: TemplateOnlyComponent<EuiTextSignature> = <template>\n <div\n class={{classNames\n (unless (argOrDefault @grow true) \"euiText--constrainedWidth\")\n componentName=\"EuiText\"\n size=(argOrDefault @size \"m\")\n }}\n ...attributes\n >\n {{#if (and @textAlign @color)}}\n {{#let (component EuiTextAlign) as \|Align\|}}\n {{#let (component EuiTextColor) as \|Color\|}}\n <Align @textAlign={{@textAlign}}>\n <Color @color={{@color}} @tagName=\"div\">\n {{yield}}\n </Color>\n </Align>\n {{/let}}\n {{/let}}\n {{else if (and @textAlign (not @color))}}\n {{#let (component EuiTextAlign) as \|Align\|}}\n <Align @textAlign={{@textAlign}}>\n {{yield}}\n </Align>\n {{/let}}\n {{else if (and (not @textAlign) @color)}}\n {{#let (component EuiTextColor) as \|Color\|}}\n <Color @color={{@color}} @tagName=\"div\">\n {{yield}}\n </Color>\n {{/let}}\n {{else}}\n {{yield}}\n {{/if}}\n </div>\n</template>;\n\nexport default EuiTextComponent;\n"],"names":["EuiTextComponent","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","and","EuiTextAlign","EuiTextColor","not","templateOnly"],"mappings":";;;;;;;;;AAyBA,MAAMA,gBAA4D,GAAAC,oBAAA,CAAAC,kBAAA,CAmClE,m5BAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,YAAA;IAAAC,GAAA;kBAAAC,qBAAA;IAAAC,YAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

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

@@ -5,7 +5,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiTitle = setComponentTemplate(precompileTemplate("\n  <TextBlock @tagName={{argOrDefault @tagName \"h2\"}} class={{classNames componentName=\"EuiTitle\" size=(argOrDefault @size \"m\") textTransform=@textTransform}} ...attributes>\n    {{yield}}\n  </TextBlock>\n", {
+const EuiTitle = setComponentTemplate(precompileTemplate("<TextBlock @tagName={{argOrDefault @tagName \"h2\"}} class={{classNames componentName=\"EuiTitle\" size=(argOrDefault @size \"m\") textTransform=@textTransform}} ...attributes>\n  {{yield}}\n</TextBlock>", {
   strictMode: true,
   scope: () => ({
     TextBlock,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-title.js","sources":["../../src/components/eui-title.gts"],"sourcesContent":["import argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport TextBlock from './text-block.gts';\n\nimport type { sizeMapping, transformMapping } from '../utils/css-mappings/eui-title.ts';\nimport type { TextBlockSignature } from './text-block';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiTitleSignature {\n Element: HTMLHeadingElement;\n Args: {\n tagName?: TextBlockSignature['Args']['tagName'];\n size?: keyof typeof sizeMapping;\n textTransform?: keyof typeof transformMapping;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiTitle: TemplateOnlyComponent<EuiTitleSignature> = <template>\n <TextBlock\n @tagName={{argOrDefault @tagName \"h2\"}}\n class={{classNames\n componentName=\"EuiTitle\"\n size=(argOrDefault @size \"m\")\n textTransform=@textTransform\n }}\n ...attributes\n >\n {{yield}}\n </TextBlock>\n</template>;\n\nexport default EuiTitle;\n"],"names":["EuiTitle","setComponentTemplate","precompileTemplate","strictMode","scope","TextBlock","argOrDefault","classNames","templateOnly"],"mappings":";;;;;;;AAoBA,MAAMA,QAAqD,GAAAC,oBAAA,CAAAC,kBAAA,CAY3D,~~uNAAA~~,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,SAAA;IAAAC,YAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
1	+ {"version":3,"file":"eui-title.js","sources":["../../src/components/eui-title.gts"],"sourcesContent":["import argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport TextBlock from './text-block.gts';\n\nimport type { sizeMapping, transformMapping } from '../utils/css-mappings/eui-title.ts';\nimport type { TextBlockSignature } from './text-block';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiTitleSignature {\n Element: HTMLHeadingElement;\n Args: {\n tagName?: TextBlockSignature['Args']['tagName'];\n size?: keyof typeof sizeMapping;\n textTransform?: keyof typeof transformMapping;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiTitle: TemplateOnlyComponent<EuiTitleSignature> = <template>\n <TextBlock\n @tagName={{argOrDefault @tagName \"h2\"}}\n class={{classNames\n componentName=\"EuiTitle\"\n size=(argOrDefault @size \"m\")\n textTransform=@textTransform\n }}\n ...attributes\n >\n {{yield}}\n </TextBlock>\n</template>;\n\nexport default EuiTitle;\n"],"names":["EuiTitle","setComponentTemplate","precompileTemplate","strictMode","scope","TextBlock","argOrDefault","classNames","templateOnly"],"mappings":";;;;;;;AAoBA,MAAMA,QAAqD,GAAAC,oBAAA,CAAAC,kBAAA,CAY3D,6MAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,SAAA;IAAAC,YAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

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

@@ -9,7 +9,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiToast = setComponentTemplate(precompileTemplate("\n  <div class={{classNames componentName=\"EuiToast\" color=(argOrDefault @color \"none\")}} ...attributes>\n    {{!-- TODO: Translate strings when EuiI18n is available --}}\n    <p {{screenReaderOnly}}>\n      A new notification appears\n    </p>\n\n    <div class={{classNames \"euiToastHeader\" (if @body \"euiToastHeader--withBody\")}} aria-label=\"Notification\" data-test-subj=\"euiToastHeader\">\n      {{#if @iconType}}\n        <EuiIcon @iconClasses=\"euiToastHeader__icon\" @type={{@iconType}} @size=\"m\" aria-hidden=\"true\" />\n      {{/if}}\n\n      <span class=\"euiToastHeader__title\">\n        {{@title}}\n      </span>\n    </div>\n\n    {{#if @onClose}}\n      <button type=\"button\" class=\"euiToast__closeButton\" aria-label=\"Dismiss toast\" data-test-subj=\"toastCloseButton\" {{on \"click\" @onClose}}>\n        <EuiIcon @type=\"cross\" @size=\"m\" aria-hidden=\"true\" />\n      </button>\n    {{/if}}\n\n    {{#if @body}}\n      {{#if @useMarkdownFormat}}\n        <EuiMarkdownFormat @value={{@body}} />\n      {{else}}\n        <EuiText @size=\"s\" class=\"euiToastBody\">\n          {{@body}}\n        </EuiText>\n      {{/if}}\n    {{/if}}\n  </div>\n", {
+const EuiToast = setComponentTemplate(precompileTemplate("<div class={{classNames componentName=\"EuiToast\" color=(argOrDefault @color \"none\")}} ...attributes>\n  {{!-- TODO: Translate strings when EuiI18n is available --}}\n  <p {{screenReaderOnly}}>\n    A new notification appears\n  </p>\n\n  <div class={{classNames \"euiToastHeader\" (if @body \"euiToastHeader--withBody\")}} aria-label=\"Notification\" data-test-subj=\"euiToastHeader\">\n    {{#if @iconType}}\n      <EuiIcon @iconClasses=\"euiToastHeader__icon\" @type={{@iconType}} @size=\"m\" aria-hidden=\"true\" />\n    {{/if}}\n\n    <span class=\"euiToastHeader__title\">\n      {{@title}}\n    </span>\n  </div>\n\n  {{#if @onClose}}\n    <button type=\"button\" class=\"euiToast__closeButton\" aria-label=\"Dismiss toast\" data-test-subj=\"toastCloseButton\" {{on \"click\" @onClose}}>\n      <EuiIcon @type=\"cross\" @size=\"m\" aria-hidden=\"true\" />\n    </button>\n  {{/if}}\n\n  {{#if @body}}\n    {{#if @useMarkdownFormat}}\n      <EuiMarkdownFormat @value={{@body}} />\n    {{else}}\n      <EuiText @size=\"s\" class=\"euiToastBody\">\n        {{@body}}\n      </EuiText>\n    {{/if}}\n  {{/if}}\n</div>", {
   strictMode: true,
   scope: () => ({
     classNames,