@ember-eui/core 9.0.1 → 10.0.1

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

@@ -1,6 +1,3 @@
-import { _ as _applyDecoratedDescriptor, a as _initializerDefineProperty } from '../_rollupPluginBabelHelpers-9wjJaosZ.js';
-import { setComponentTemplate } from '@ember/component';
-import { precompileTemplate } from '@ember/template-compilation';
 import Component from '@glimmer/component';
 import { tracked } from '@glimmer/tracking';
 import { action } from '@ember/object';
@@ -17,142 +14,70 @@ import EuiQuickSelectPopover from './eui-super-date-picker/eui-quick-select-popo
 import EuiSuperUpdateButton from './eui-super-date-picker/eui-super-update-button.js';
 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';
 
-var _dec, _dec2, _dec3, _dec4, _dec5, _dec6, _dec7, _dec8, _class, _descriptor, _descriptor2, _descriptor3, _descriptor4, _descriptor5, _descriptor6, _descriptor7, _descriptor8, _descriptor9, _descriptor10, _descriptor11, _descriptor12, _descriptor13;
-let EuiSuperDatePicker = 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")
-      }}
-    >
-      <EuiFlexItem>
-        <EuiFormControlLayout
-          class="euiSuperDatePicker"
-          @compressed={{@compressed}}
-          @isDisabled={{@isDisabled}}
-          @useGroup={{true}}
-        >
-          <:prepend>
-            <EuiQuickSelectPopover
-              @start={{this.start}}
-              @end={{this.end}}
-              @applyTime={{this.applyQuickTime}}
-              @timeOptions={{this.timeOptions}}
-              @isDisabled={{@isDisabled}}
-              @commonlyUsedRanges={{argOrDefault
-                @commonlyUsedRanges
-                this.timeOptions.commonDurationRanges
-              }}
-            />
-          </:prepend>
-
-          <:field>
-            <EuiDatePickerRange
-              @className="euiDatePickerRange--inGroup"
-              @isInvalid={{this.isInvalid}}
-              @disabled={{@isDisabled}}
-            >
-              <:startDateControl>
-                <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}}
-                />
-              </:startDateControl>
-
-              <:endDateControl>
-                <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}}
-                />
-              </:endDateControl>
-            </EuiDatePickerRange>
-          </:field>
-        </EuiFormControlLayout>
-      </EuiFlexItem>
-
-      {{#if this.showUpdateButton}}
-        <EuiFlexItem @grow={{false}}>
-          <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"}}
-          />
-        </EuiFlexItem>
-      {{/if}}
-    </EuiFlexGroup>
-  `, {
-  strictMode: true,
-  scope: () => ({
-    EuiFlexGroup,
-    classNames,
-    eq,
-    EuiFlexItem,
-    EuiFormControlLayout,
-    EuiQuickSelectPopover,
-    argOrDefault,
-    EuiDatePickerRange,
-    EuiDatePopoverButton,
-    EuiSuperUpdateButton,
-    or
-  })
-}), (_dec = argOrDefaultDecorator('MMM D, YYYY @ HH:mm:ss.SSS'), _dec2 = argOrDefaultDecorator('HH:mm'), _dec3 = argOrDefaultDecorator(false), _dec4 = argOrDefaultDecorator(false), _dec5 = argOrDefaultDecorator(true), _dec6 = argOrDefaultDecorator(true), _dec7 = argOrDefaultDecorator('restricted'), _dec8 = argOrDefaultDecorator(1000), (_class = class EuiSuperDatePicker extends Component {
-  constructor(owner, args) {
-    super(owner, args);
-    _initializerDefineProperty(this, "dateFormat", _descriptor, this);
-    _initializerDefineProperty(this, "timeFormat", _descriptor2, this);
-    // @argOrDefaultDecorator('now-15m') start!: ShortDate;
-    // @argOrDefaultDecorator('now') end!: ShortDate;
-    _initializerDefineProperty(this, "isAutoRefreshOnly", _descriptor3, this);
-    _initializerDefineProperty(this, "isDisabled", _descriptor4, this);
-    _initializerDefineProperty(this, "isPaused", _descriptor5, this);
-    _initializerDefineProperty(this, "showUpdateButton", _descriptor6, this);
-    _initializerDefineProperty(this, "width", _descriptor7, this);
-    // recentlyUsedRanges: [],
-    _initializerDefineProperty(this, "refreshInterval", _descriptor8, this);
-    _initializerDefineProperty(this, "euiI18n", _descriptor9, this);
-    _initializerDefineProperty(this, "start", _descriptor10, this);
-    _initializerDefineProperty(this, "end", _descriptor11, this);
-    _initializerDefineProperty(this, "isInvalid", _descriptor12, this);
-    _initializerDefineProperty(this, "hasChanged", _descriptor13, this);
+class EuiSuperDatePicker extends Component {
+  static {
+    g(this.prototype, "dateFormat", [argOrDefaultDecorator('MMM D, YYYY @ HH:mm:ss.SSS')]);
+  }
+  #dateFormat = (i(this, "dateFormat"), void 0);
+  static {
+    g(this.prototype, "timeFormat", [argOrDefaultDecorator('HH:mm')]);
+  }
+  #timeFormat = (i(this, "timeFormat"), void 0);
+  static {
+    g(this.prototype, "isAutoRefreshOnly", [argOrDefaultDecorator(false)]);
+  }
+  #isAutoRefreshOnly = (i(this, "isAutoRefreshOnly"), void 0); // @argOrDefaultDecorator('now-15m') start!: ShortDate;
+  // @argOrDefaultDecorator('now') end!: ShortDate;
+  static {
+    g(this.prototype, "isDisabled", [argOrDefaultDecorator(false)]);
+  }
+  #isDisabled = (i(this, "isDisabled"), void 0);
+  static {
+    g(this.prototype, "isPaused", [argOrDefaultDecorator(true)]);
+  }
+  #isPaused = (i(this, "isPaused"), void 0);
+  static {
+    g(this.prototype, "showUpdateButton", [argOrDefaultDecorator(true)]);
+  }
+  #showUpdateButton = (i(this, "showUpdateButton"), void 0);
+  static {
+    g(this.prototype, "width", [argOrDefaultDecorator('restricted')]);
+  }
+  #width = (i(this, "width"), void 0);
+  static {
+    g(this.prototype, "refreshInterval", [argOrDefaultDecorator(1000)]);
+  }
+  #refreshInterval = (i(this, "refreshInterval"), void 0); // recentlyUsedRanges: [],
+  static {
+    g(this.prototype, "euiI18n", [inject]);
+  }
+  #euiI18n = (i(this, "euiI18n"), void 0);
+  static {
+    g(this.prototype, "start", [tracked]);
+  }
+  #start = (i(this, "start"), void 0);
+  static {
+    g(this.prototype, "end", [tracked]);
+  }
+  #end = (i(this, "end"), void 0);
+  static {
+    g(this.prototype, "isInvalid", [tracked], function () {
+      return false;
+    });
+  }
+  #isInvalid = (i(this, "isInvalid"), void 0);
+  static {
+    g(this.prototype, "hasChanged", [tracked], function () {
+      return false;
+    });
+  }
+  #hasChanged = (i(this, "hasChanged"), void 0);
+  constructor(owner1, args1) {
+    super(owner1, args1);
     this.start = this.args.start ?? 'now-15m';
     this.end = this.args.end ?? 'now';
   }
@@ -160,17 +85,17 @@ let EuiSuperDatePicker = setComponentTemplate(precompileTemplate(`
     return useI18nTimeOptions(this.euiI18n);
   }
   setTime({
-    start,
-    end
+    start: start1,
+    end: end1
   }) {
-    this.hasChanged = !(this.start === start && this.end === end);
-    this.start = start;
-    this.end = end;
-    this.isInvalid = isRangeInvalid(start, end);
+    this.hasChanged = !(this.start === start1 && this.end === end1);
+    this.start = start1;
+    this.end = end1;
+    this.isInvalid = isRangeInvalid(start1, end1);
     if (!this.showUpdateButton) {
       this.args.onTimeChange({
-        start,
-        end,
+        start: start1,
+        end: end1,
         isQuickSelection: false,
         isInvalid: this.isInvalid
       });
@@ -185,30 +110,39 @@ let EuiSuperDatePicker = setComponentTemplate(precompileTemplate(`
     });
   }
   applyQuickTime({
-    start,
-    end
+    start: start1,
+    end: end1
   }) {
-    this.start = start;
-    this.end = end;
+    this.start = start1;
+    this.end = end1;
     this.args.onTimeChange({
-      start,
-      end,
+      start: start1,
+      end: end1,
       isQuickSelection: true,
       isInvalid: false
     });
   }
-  setStart(start) {
+  static {
+    n(this.prototype, "applyQuickTime", [action]);
+  }
+  setStart(start1) {
     this.setTime({
-      start,
+      start: start1,
       end: this.end
     });
   }
-  setEnd(end) {
+  static {
+    n(this.prototype, "setStart", [action]);
+  }
+  setEnd(end1) {
     this.setTime({
       start: this.start,
-      end
+      end: end1
     });
   }
+  static {
+    n(this.prototype, "setEnd", [action]);
+  }
   handleClickUpdateButton() {
     if (!this.hasChanged && this.args.onRefresh) {
       // const { start, end, refreshInterval } = this.args;
@@ -222,76 +156,28 @@ let EuiSuperDatePicker = setComponentTemplate(precompileTemplate(`
     }
     this.hasChanged = false;
   }
-}, (_descriptor = _applyDecoratedDescriptor(_class.prototype, "dateFormat", [_dec], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-}), _descriptor2 = _applyDecoratedDescriptor(_class.prototype, "timeFormat", [_dec2], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-}), _descriptor3 = _applyDecoratedDescriptor(_class.prototype, "isAutoRefreshOnly", [_dec3], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-}), _descriptor4 = _applyDecoratedDescriptor(_class.prototype, "isDisabled", [_dec4], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-}), _descriptor5 = _applyDecoratedDescriptor(_class.prototype, "isPaused", [_dec5], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-}), _descriptor6 = _applyDecoratedDescriptor(_class.prototype, "showUpdateButton", [_dec6], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-}), _descriptor7 = _applyDecoratedDescriptor(_class.prototype, "width", [_dec7], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-}), _descriptor8 = _applyDecoratedDescriptor(_class.prototype, "refreshInterval", [_dec8], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-}), _descriptor9 = _applyDecoratedDescriptor(_class.prototype, "euiI18n", [inject], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-}), _descriptor10 = _applyDecoratedDescriptor(_class.prototype, "start", [tracked], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-}), _descriptor11 = _applyDecoratedDescriptor(_class.prototype, "end", [tracked], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-}), _descriptor12 = _applyDecoratedDescriptor(_class.prototype, "isInvalid", [tracked], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: function () {
-    return false;
+  static {
+    n(this.prototype, "handleClickUpdateButton", [action]);
   }
-}), _descriptor13 = _applyDecoratedDescriptor(_class.prototype, "hasChanged", [tracked], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: function () {
-    return false;
+  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  ", {
+      strictMode: true,
+      scope: () => ({
+        EuiFlexGroup,
+        classNames,
+        eq,
+        EuiFlexItem,
+        EuiFormControlLayout,
+        EuiQuickSelectPopover,
+        argOrDefault,
+        EuiDatePickerRange,
+        EuiDatePopoverButton,
+        EuiSuperUpdateButton,
+        or
+      })
+    }), this);
   }
-}), _applyDecoratedDescriptor(_class.prototype, "applyQuickTime", [action], Object.getOwnPropertyDescriptor(_class.prototype, "applyQuickTime"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "setStart", [action], Object.getOwnPropertyDescriptor(_class.prototype, "setStart"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "setEnd", [action], Object.getOwnPropertyDescriptor(_class.prototype, "setEnd"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "handleClickUpdateButton", [action], Object.getOwnPropertyDescriptor(_class.prototype, "handleClickUpdateButton"), _class.prototype)), _class)));
+}
 
 export { EuiSuperDatePicker as default };
 //# sourceMappingURL=eui-super-date-picker.js.map