@ember-eui/core 9.0.1 → 10.0.0

package/dist/components/eui-tool-tip.js

@@ -1,26 +1,23 @@
-import { _ as _applyDecoratedDescriptor, b as _defineProperty, a as _initializerDefineProperty } from '../_rollupPluginBabelHelpers-9wjJaosZ.js';
-import { setComponentTemplate } from '@ember/component';
-import { precompileTemplate } from '@ember/template-compilation';
-import { macroCondition, dependencySatisfies, importSync } from '@embroider/macros';
 import Component from '@glimmer/component';
-import { tracked } from '@glimmer/tracking';
-import { on } from '@ember/modifier';
+import { tracked, cached } from '@glimmer/tracking';
 import { action } from '@ember/object';
 import { guidFor } from '@ember/object/internals';
-import didInsert from '@ember/render-modifiers/modifiers/did-insert';
 import { next, cancel, later, scheduleOnce } from '@ember/runloop';
-import style from 'ember-style-modifier/modifiers/style';
-import { eq, and, or } from 'ember-truth-helpers';
 import argOrDefault, { argOrDefaultDecorator } from '../helpers/arg-or-default.js';
-import classNames from '../helpers/class-names.js';
-import ResizeObserver from '../modifiers/resize-observer.js';
 import { keys } from '../utils/keys.js';
 import { findPopoverPosition } from '../utils/popover/index.js';
+import { g, i, n } from 'decorator-transforms/runtime';
+import didInsert from '@ember/render-modifiers/modifiers/did-insert';
+import { eq, and, or } from 'ember-truth-helpers';
+import classNames from '../helpers/class-names.js';
+import { on } from '@ember/modifier';
 import EuiPortal from './eui-portal.js';
 import EuiTooltipPopover from './eui-tool-tip-popover.js';
+import style from 'ember-style-modifier/modifiers/style';
+import ResizeObserver from '../modifiers/resize-observer.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
 
-var _dec, _dec2, _class, _descriptor, _descriptor2, _descriptor3, _descriptor4, _descriptor5, _descriptor6, _descriptor7, _descriptor8, _descriptor9;
-let cached = macroCondition(dependencySatisfies('ember-source', '>= 4.1.0-alpha.0')) ? importSync('@glimmer/tracking').cached : importSync('ember-cached-decorator-polyfill').cached;
 const delayToMsMap = {
   regular: 250,
   long: 250 * 5
@@ -38,123 +35,60 @@ const DEFAULT_TOOLTIP_STYLES = {
   visibility: 'hidden',
   display: 'inlineBlock'
 };
-let EuiToolTip = setComponentTemplate(precompileTemplate(`
-    {{#let
-      (has-block "content") (has-block "title") (has-block "anchor")
-      as |hasContentBlock hasTitleBlock hasAnchorBlock|
-    }}
-      {{#if @attachTo}}
-        <span
-          {{didInsert this.updateAttachTo}}
-          {{didUpdate this.updateAttachTo @attachTo}}
-          {{didUpdate
-            (if (eq @isShown true) this.onFocus this.onBlur)
-            @isShown
-          }}
-          {{didInsert (if (eq @isShown true) this.onFocus this.onBlur)}}
-        ></span>
-      {{else}}
-        <span
-          role="tooltip"
-          class={{classNames
-            "euiToolTipAnchor"
-            (if (eq @display "block") "euiToolTipAnchor--displayBlock")
-            @anchorClassName
-          }}
-          {{didInsert this.didInsertAnchor}}
-          {{on "mouseover" this.showToolTip}}
-          {{on "focusin" this.onFocus}}
-          {{on "focusout" this.onBlur}}
-          {{on "mouseout" this.onMouseOut}}
-          {{didUpdate
-            (if (eq @isShown true) this.onFocus this.onBlur)
-            @isShown
-          }}
-          {{didInsert (if (eq @isShown true) this.onFocus this.onBlur)}}
-        >
-          {{#if hasAnchorBlock}}
-            {{yield this.id to="anchor"}}
-          {{else}}
-            {{yield this.id}}
-          {{/if}}
-        </span>
-      {{/if}}
-      {{#if
-        (and this.visible (or @title @content hasContentBlock hasTitleBlock))
-      }}
-        <EuiPortal>
-          <EuiToolTipPopover
-            class={{classNames
-              "euiToolTip"
-              @className
-              componentName="EuiToolTip"
-              position=this.calculatedPosition
-            }}
-            @positionToolTip={{this.positionToolTip}}
-            @popoverRef={{this.setPopoverRef}}
-            id={{this.id}}
-            @hasTitle={{if
-              (and (argOrDefault @hasTitle true) (or hasTitleBlock @title))
-              true
-            }}
-            role="tooltip"
-            ...attributes
-            {{style this.toolTipStyles}}
-          >
-            <:title>
-              {{#if hasTitleBlock}}
-                {{yield to="title"}}
-              {{else}}
-                {{@title}}
-              {{/if}}
-            </:title>
-            <:content>
-              <div class="euiToolTip__arrow" {{style this.arrowStyles}}></div>
-              <div {{resizeObserver onResize=this.positionToolTip}}>
-                {{#if hasContentBlock}}
-                  {{yield to="content"}}
-                {{else}}
-                  {{@content}}
-                {{/if}}
-              </div>
-            </:content>
-          </EuiToolTipPopover>
-        </EuiPortal>
-      {{/if}}
-    {{/let}}
-  `, {
-  strictMode: true,
-  scope: () => ({
-    didInsert,
-    didUpdate: didInsert,
-    eq,
-    classNames,
-    on,
-    and,
-    or,
-    EuiPortal,
-    EuiToolTipPopover: EuiTooltipPopover,
-    argOrDefault,
-    style,
-    resizeObserver: ResizeObserver
-  })
-}), (_dec = argOrDefaultDecorator('top'), _dec2 = argOrDefaultDecorator('regular'), (_class = class EuiToolTip extends Component {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "anchor", null);
-    _defineProperty(this, "popover", null);
-    _initializerDefineProperty(this, "position", _descriptor, this);
-    _initializerDefineProperty(this, "delay", _descriptor2, this);
-    //STATE
-    _initializerDefineProperty(this, "visible", _descriptor3, this);
-    _initializerDefineProperty(this, "hasFocus", _descriptor4, this);
-    _initializerDefineProperty(this, "calculatedPosition", _descriptor5, this);
-    _initializerDefineProperty(this, "toolTipStyles", _descriptor6, this);
-    _initializerDefineProperty(this, "arrowStyles", _descriptor7, this);
-    _initializerDefineProperty(this, "id", _descriptor8, this);
-    _initializerDefineProperty(this, "_attachTo", _descriptor9, this);
-    _defineProperty(this, "timeoutId", void 0);
+class EuiToolTip extends Component {
+  anchor = null;
+  popover = null;
+  static {
+    g(this.prototype, "position", [argOrDefaultDecorator('top')]);
+  }
+  #position = (i(this, "position"), void 0);
+  static {
+    g(this.prototype, "delay", [argOrDefaultDecorator('regular')]);
+  }
+  #delay = (i(this, "delay"), void 0);
+  static {
+    g(this.prototype, "visible", [tracked], function () {
+      return false;
+    });
+  }
+  #visible = (i(this, "visible"), void 0); //STATE
+  static {
+    g(this.prototype, "hasFocus", [tracked], function () {
+      return false;
+    });
+  }
+  #hasFocus = (i(this, "hasFocus"), void 0);
+  static {
+    g(this.prototype, "calculatedPosition", [tracked], function () {
+      return this.position;
+    });
+  }
+  #calculatedPosition = (i(this, "calculatedPosition"), void 0);
+  static {
+    g(this.prototype, "toolTipStyles", [tracked], function () {
+      return DEFAULT_TOOLTIP_STYLES;
+    });
   }
+  #toolTipStyles = (i(this, "toolTipStyles"), void 0);
+  static {
+    g(this.prototype, "arrowStyles", [tracked], function () {
+      return {};
+    });
+  }
+  #arrowStyles = (i(this, "arrowStyles"), void 0);
+  static {
+    g(this.prototype, "id", [tracked], function () {
+      return this.args.id || guidFor({});
+    });
+  }
+  #id = (i(this, "id"), void 0);
+  static {
+    g(this.prototype, "_attachTo", [tracked], function () {
+      return null;
+    });
+  }
+  #_attachTo = (i(this, "_attachTo"), void 0);
+  timeoutId;
   updateAttachTo() {
     if (!this.args.attachTo && this._attachTo) {
       this.removeAttachToHandlers();
@@ -169,6 +103,9 @@ let EuiToolTip = setComponentTemplate(precompileTemplate(`
       });
     }
   }
+  static {
+    n(this.prototype, "updateAttachTo", [action]);
+  }
   setupAttachToHandlers() {
     if (this._attachTo && this.attachTo) {
       this.attachTo.addEventListener('mousemove', this.showToolTip);
@@ -179,6 +116,9 @@ let EuiToolTip = setComponentTemplate(precompileTemplate(`
       this.positionToolTip();
     }
   }
+  static {
+    n(this.prototype, "setupAttachToHandlers", [action]);
+  }
   removeAttachToHandlers() {
     if (this._attachTo && this.attachTo) {
       this.attachTo.removeEventListener('mousemove', this.showToolTip);
@@ -188,17 +128,26 @@ let EuiToolTip = setComponentTemplate(precompileTemplate(`
       this.attachTo.removeEventListener('focusout', this.onBlur);
     }
   }
+  static {
+    n(this.prototype, "removeAttachToHandlers", [action]);
+  }
   clearAnimationTimeout() {
     if (this.timeoutId) {
       cancel(this.timeoutId);
       this.timeoutId = undefined;
     }
   }
-  visibleDidUpdate(value) {
-    if (this.visible === false && value === true) {
+  static {
+    n(this.prototype, "clearAnimationTimeout", [action]);
+  }
+  visibleDidUpdate(value1) {
+    if (this.visible === false && value1 === true) {
       requestAnimationFrame(this.testAnchor);
     }
   }
+  static {
+    n(this.prototype, "visibleDidUpdate", [action]);
+  }
   willDestroy() {
     super.willDestroy();
     this.clearAnimationTimeout();
@@ -218,31 +167,42 @@ let EuiToolTip = setComponentTemplate(precompileTemplate(`
       }
     }
   }
-  didInsertAnchor(ref) {
-    this.anchor = ref;
+  static {
+    n(this.prototype, "testAnchor", [action]);
   }
-  setPopoverRef(ref) {
-    this.popover = ref;
-
+  didInsertAnchor(ref1) {
+    this.anchor = ref1;
+  }
+  static {
+    n(this.prototype, "didInsertAnchor", [action]);
+  }
+  setPopoverRef(ref1) {
+    this.popover = ref1;
     // if the popover has been unmounted, clear
     // any previous knowledge about its size
-    if (ref === null) {
+    if (ref1 === null) {
       this.toolTipStyles = DEFAULT_TOOLTIP_STYLES;
       this.arrowStyles = {};
     } else {
       this.positionToolTip();
     }
   }
+  static {
+    n(this.prototype, "setPopoverRef", [action]);
+  }
   showToolTip() {
     if (!this.timeoutId && !this.visible) {
-      const fn = () => {
+      const fn1 = () => {
         this.visible = true;
       };
       this.timeoutId = later(this, () => {
-        scheduleOnce('afterRender', this, fn);
+        scheduleOnce('afterRender', this, fn1);
       }, delayToMsMap[this.delay]);
     }
   }
+  static {
+    n(this.prototype, "showToolTip", [action]);
+  }
   get attachTo() {
     if (typeof this._attachTo === 'string') {
       return document.querySelector(this._attachTo);
@@ -250,148 +210,131 @@ let EuiToolTip = setComponentTemplate(precompileTemplate(`
       return this._attachTo;
     }
   }
+  static {
+    n(this.prototype, "attachTo", [cached]);
+  }
   get _anchor() {
     return this.attachTo || this.anchor;
   }
   positionToolTip() {
-    const requestedPosition = this.position;
+    const requestedPosition1 = this.position;
     if (!this._anchor || !this.popover) {
       return;
     }
     const {
-      position,
-      left,
-      top,
-      arrow
+      position: position1,
+      left: left1,
+      top: top1,
+      arrow: arrow1
     } = findPopoverPosition({
       anchor: this._anchor,
       popover: this.popover,
-      position: requestedPosition,
+      position: requestedPosition1,
       offset: 16,
-      // offset popover 16px from the anchor
       arrowConfig: {
         arrowWidth: 12,
         arrowBuffer: 4
       }
     });
-    const windowWidth = document.documentElement.clientWidth || window.innerWidth;
-    const useRightValue = windowWidth / 2 < left;
-    const toolTipStyles = {
-      top: `${top}px`,
-      left: useRightValue ? 'auto' : `${left}px`,
-      right: useRightValue ? `${windowWidth - left - this.popover.offsetWidth}px` : 'auto'
+    const windowWidth1 = document.documentElement.clientWidth || window.innerWidth;
+    const useRightValue1 = windowWidth1 / 2 < left1;
+    const toolTipStyles1 = {
+      top: `${top1}px`,
+      left: useRightValue1 ? 'auto' : `${left1}px`,
+      right: useRightValue1 ? `${windowWidth1 - left1 - this.popover.offsetWidth}px` : 'auto'
     };
     this.visible = true;
-    this.calculatedPosition = position;
-    this.toolTipStyles = toolTipStyles;
-    if (arrow) {
+    this.calculatedPosition = position1;
+    this.toolTipStyles = toolTipStyles1;
+    if (arrow1) {
       this.arrowStyles = {
-        left: `${arrow.left}px`,
-        top: `${arrow?.top}px`
+        left: `${arrow1.left}px`,
+        top: `${arrow1?.top}px`
       };
     }
   }
+  static {
+    n(this.prototype, "positionToolTip", [action]);
+  }
   hideToolTip() {
     if (this.args.isShown === true) {
       return;
     }
     this.clearAnimationTimeout();
-    const fn = () => {
+    const fn1 = () => {
       if (!this.isDestroying || !this.isDestroyed) {
         this.visible = false;
       }
     };
-    scheduleOnce('afterRender', this, fn);
+    scheduleOnce('afterRender', this, fn1);
+  }
+  static {
+    n(this.prototype, "hideToolTip", [action]);
   }
   hasFocusMouseMoveListener() {
     this.hideToolTip();
     window.removeEventListener('mousemove', this.hasFocusMouseMoveListener);
   }
-  onKeyUp(event) {
-    if (event.key === keys.TAB) {
+  static {
+    n(this.prototype, "hasFocusMouseMoveListener", [action]);
+  }
+  onKeyUp(event1) {
+    if (event1.key === keys.TAB) {
       window.addEventListener('mousemove', this.hasFocusMouseMoveListener);
     }
   }
+  static {
+    n(this.prototype, "onKeyUp", [action]);
+  }
   onFocus() {
     this.hasFocus = true;
     this.showToolTip();
   }
+  static {
+    n(this.prototype, "onFocus", [action]);
+  }
   onBlur() {
     this.hasFocus = false;
     this.hideToolTip();
   }
-  onMouseOut(event) {
+  static {
+    n(this.prototype, "onBlur", [action]);
+  }
+  onMouseOut(event1) {
     // Prevent mousing over children from hiding the tooltip by testing for whether the mouse has
     // left the anchor for a non-child.
-    if (this._anchor === event.relatedTarget || this._anchor != null && !this._anchor.contains(event.relatedTarget)) {
+    if (this._anchor === event1.relatedTarget || this._anchor != null && !this._anchor.contains(event1.relatedTarget)) {
       if (!this.hasFocus) {
         this.hideToolTip();
       }
     }
     if (this.args.onMouseOut) {
-      this.args.onMouseOut(event);
+      this.args.onMouseOut(event1);
     }
   }
-}, (_descriptor = _applyDecoratedDescriptor(_class.prototype, "position", [_dec], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-}), _descriptor2 = _applyDecoratedDescriptor(_class.prototype, "delay", [_dec2], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-}), _descriptor3 = _applyDecoratedDescriptor(_class.prototype, "visible", [tracked], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: function () {
-    return false;
-  }
-}), _descriptor4 = _applyDecoratedDescriptor(_class.prototype, "hasFocus", [tracked], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: function () {
-    return false;
-  }
-}), _descriptor5 = _applyDecoratedDescriptor(_class.prototype, "calculatedPosition", [tracked], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: function () {
-    return this.position;
-  }
-}), _descriptor6 = _applyDecoratedDescriptor(_class.prototype, "toolTipStyles", [tracked], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: function () {
-    return DEFAULT_TOOLTIP_STYLES;
-  }
-}), _descriptor7 = _applyDecoratedDescriptor(_class.prototype, "arrowStyles", [tracked], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: function () {
-    return {};
-  }
-}), _descriptor8 = _applyDecoratedDescriptor(_class.prototype, "id", [tracked], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: function () {
-    return this.args.id || guidFor({});
-  }
-}), _descriptor9 = _applyDecoratedDescriptor(_class.prototype, "_attachTo", [tracked], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: function () {
-    return null;
-  }
-}), _applyDecoratedDescriptor(_class.prototype, "updateAttachTo", [action], Object.getOwnPropertyDescriptor(_class.prototype, "updateAttachTo"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "setupAttachToHandlers", [action], Object.getOwnPropertyDescriptor(_class.prototype, "setupAttachToHandlers"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "removeAttachToHandlers", [action], Object.getOwnPropertyDescriptor(_class.prototype, "removeAttachToHandlers"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "clearAnimationTimeout", [action], Object.getOwnPropertyDescriptor(_class.prototype, "clearAnimationTimeout"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "visibleDidUpdate", [action], Object.getOwnPropertyDescriptor(_class.prototype, "visibleDidUpdate"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "testAnchor", [action], Object.getOwnPropertyDescriptor(_class.prototype, "testAnchor"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "didInsertAnchor", [action], Object.getOwnPropertyDescriptor(_class.prototype, "didInsertAnchor"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "setPopoverRef", [action], Object.getOwnPropertyDescriptor(_class.prototype, "setPopoverRef"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "showToolTip", [action], Object.getOwnPropertyDescriptor(_class.prototype, "showToolTip"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "attachTo", [cached], Object.getOwnPropertyDescriptor(_class.prototype, "attachTo"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "positionToolTip", [action], Object.getOwnPropertyDescriptor(_class.prototype, "positionToolTip"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "hideToolTip", [action], Object.getOwnPropertyDescriptor(_class.prototype, "hideToolTip"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "hasFocusMouseMoveListener", [action], Object.getOwnPropertyDescriptor(_class.prototype, "hasFocusMouseMoveListener"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "onKeyUp", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onKeyUp"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "onFocus", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onFocus"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "onBlur", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onBlur"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "onMouseOut", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onMouseOut"), _class.prototype)), _class)));
+  static {
+    n(this.prototype, "onMouseOut", [action]);
+  }
+  static {
+    setComponentTemplate(precompileTemplate("\n    {{#let (has-block \"content\") (has-block \"title\") (has-block \"anchor\") as |hasContentBlock hasTitleBlock hasAnchorBlock|}}\n      {{#if @attachTo}}\n        <span {{didInsert this.updateAttachTo}} {{didUpdate this.updateAttachTo @attachTo}} {{didUpdate (if (eq @isShown true) this.onFocus this.onBlur) @isShown}} {{didInsert (if (eq @isShown true) this.onFocus this.onBlur)}}></span>\n      {{else}}\n        <span role=\"tooltip\" class={{classNames \"euiToolTipAnchor\" (if (eq @display \"block\") \"euiToolTipAnchor--displayBlock\") @anchorClassName}} {{didInsert this.didInsertAnchor}} {{on \"mouseover\" this.showToolTip}} {{on \"focusin\" this.onFocus}} {{on \"focusout\" this.onBlur}} {{on \"mouseout\" this.onMouseOut}} {{didUpdate (if (eq @isShown true) this.onFocus this.onBlur) @isShown}} {{didInsert (if (eq @isShown true) this.onFocus this.onBlur)}}>\n          {{#if hasAnchorBlock}}\n            {{yield this.id to=\"anchor\"}}\n          {{else}}\n            {{yield this.id}}\n          {{/if}}\n        </span>\n      {{/if}}\n      {{#if (and this.visible (or @title @content hasContentBlock hasTitleBlock))}}\n        <EuiPortal>\n          <EuiToolTipPopover class={{classNames \"euiToolTip\" @className componentName=\"EuiToolTip\" position=this.calculatedPosition}} @positionToolTip={{this.positionToolTip}} @popoverRef={{this.setPopoverRef}} id={{this.id}} @hasTitle={{if (and (argOrDefault @hasTitle true) (or hasTitleBlock @title)) true}} role=\"tooltip\" ...attributes {{style this.toolTipStyles}}>\n            <:title>\n              {{#if hasTitleBlock}}\n                {{yield to=\"title\"}}\n              {{else}}\n                {{@title}}\n              {{/if}}\n            </:title>\n            <:content>\n              <div class=\"euiToolTip__arrow\" {{style this.arrowStyles}}></div>\n              <div {{resizeObserver onResize=this.positionToolTip}}>\n                {{#if hasContentBlock}}\n                  {{yield to=\"content\"}}\n                {{else}}\n                  {{@content}}\n                {{/if}}\n              </div>\n            </:content>\n          </EuiToolTipPopover>\n        </EuiPortal>\n      {{/if}}\n    {{/let}}\n  ", {
+      scope: () => ({
+        didInsert,
+        didUpdate: didInsert,
+        eq,
+        classNames,
+        on,
+        and,
+        or,
+        EuiPortal,
+        EuiToolTipPopover: EuiTooltipPopover,
+        argOrDefault,
+        style,
+        resizeObserver: ResizeObserver
+      }),
+      strictMode: true
+    }), this);
+  }
+}
 
 export { EuiToolTip as default };
 //# sourceMappingURL=eui-tool-tip.js.map