ember-attacher 1.3.0 → 2.0.2

package/.idea/ember-attacher.iml

@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$">
+      <sourceFolder url="file://$MODULE_DIR$/addon" isTestSource="false" />
+      <sourceFolder url="file://$MODULE_DIR$/app" isTestSource="false" />
+      <sourceFolder url="file://$MODULE_DIR$/public" isTestSource="false" />
+      <sourceFolder url="file://$MODULE_DIR$/src" isTestSource="false" />
+      <sourceFolder url="file://$MODULE_DIR$/test-app" isTestSource="true" />
+      <sourceFolder url="file://$MODULE_DIR$/test-app/app" isTestSource="true" />
+      <sourceFolder url="file://$MODULE_DIR$/test-app/tests/acceptance" isTestSource="true" />
+      <sourceFolder url="file://$MODULE_DIR$/test-app/tests/integration" isTestSource="true" />
+      <sourceFolder url="file://$MODULE_DIR$/test-app/tests/unit" isTestSource="true" />
+      <sourceFolder url="file://$MODULE_DIR$/tests" isTestSource="true" />
+      <sourceFolder url="file://$MODULE_DIR$/tests/acceptance" isTestSource="true" />
+      <sourceFolder url="file://$MODULE_DIR$/tests/dummy/app" isTestSource="true" />
+      <sourceFolder url="file://$MODULE_DIR$/tests/integration" isTestSource="true" />
+      <sourceFolder url="file://$MODULE_DIR$/tests/unit" isTestSource="true" />
+      <excludeFolder url="file://$MODULE_DIR$/.bower_components.ember-try" />
+      <excludeFolder url="file://$MODULE_DIR$/.node_modules.ember-try" />
+      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
+      <excludeFolder url="file://$MODULE_DIR$/dist" />
+      <excludeFolder url="file://$MODULE_DIR$/temp" />
+      <excludeFolder url="file://$MODULE_DIR$/tmp" />
+    </content>
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

package/.idea/inspectionProfiles/Project_Default.xml

@@ -0,0 +1,6 @@
+<component name="InspectionProjectProfileManager">
+  <profile version="1.0">
+    <option name="myName" value="Project Default" />
+    <inspection_tool class="Eslint" enabled="true" level="WARNING" enabled_by_default="true" />
+  </profile>
+</component>

package/.idea/modules.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/ember-attacher.iml" filepath="$PROJECT_DIR$/.idea/ember-attacher.iml" />
+    </modules>
+  </component>
+</project>

package/.idea/vcs.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="" vcs="Git" />
+  </component>
+</project>

package/CHANGELOG.md

@@ -1,3 +1,39 @@
+
+
+## v2.0.2 (2023-05-18)
+
+#### :rocket: Enhancement
+* [#790](https://github.com/tylerturdenpants/ember-attacher/pull/790) Bump ember-maybe-in-element to supress build-time warning ([@pzubar](https://github.com/pzubar))
+* [#784](https://github.com/tylerturdenpants/ember-attacher/pull/784) Prevent overflow by default ([@pzubar](https://github.com/pzubar))
+
+#### :bug: Bug Fix
+* [#784](https://github.com/tylerturdenpants/ember-attacher/pull/784) Prevent overflow by default ([@pzubar](https://github.com/pzubar))
+
+#### :house: Internal
+* [#783](https://github.com/tylerturdenpants/ember-attacher/pull/783) Upgrade Ember to v4 ([@pzubar](https://github.com/pzubar))
+
+#### Committers: 1
+- Petro Zubar ([@pzubar](https://github.com/pzubar))
+
+## v2.0.1 (2023-05-15)
+
+#### :boom: Breaking Change
+* [#772](https://github.com/tylerturdenpants/ember-attacher/pull/772) Convert to Glimmer component ([@pzubar](https://github.com/pzubar))
+* [#743](https://github.com/tylerturdenpants/ember-attacher/pull/743) Migration to the Floating UI ([@pzubar](https://github.com/pzubar))
+
+#### :rocket: Enhancement
+* [#772](https://github.com/tylerturdenpants/ember-attacher/pull/772) Convert to Glimmer component ([@pzubar](https://github.com/pzubar))
+* [#759](https://github.com/tylerturdenpants/ember-attacher/pull/759) Bump dependencies ([@pzubar](https://github.com/pzubar))
+* [#743](https://github.com/tylerturdenpants/ember-attacher/pull/743) Migration to the Floating UI ([@pzubar](https://github.com/pzubar))
+* [#561](https://github.com/tylerturdenpants/ember-attacher/pull/561) Avoid forcing dart ([@kmccullough](https://github.com/kmccullough))
+
+#### :house: Internal
+* [#759](https://github.com/tylerturdenpants/ember-attacher/pull/759) Bump dependencies ([@pzubar](https://github.com/pzubar))
+
+#### Committers: 2
+- Kerry McCullough ([@kmccullough](https://github.com/kmccullough))
+- Petro Zubar ([@pzubar](https://github.com/pzubar))
+
 ## v1.3.0 (2021-09-09)
 
 #### :rocket: Enhancement

package/README.md

@@ -4,7 +4,7 @@
 [![Download count all time](https://img.shields.io/npm/dt/ember-attacher.svg)](https://www.npmjs.com/package/ember-attacher)
 [![npm](https://img.shields.io/npm/dm/ember-attacher.svg)](https://www.npmjs.com/package/ember-attacher)
 [![Ember Observer Score](http://emberobserver.com/badges/ember-attacher.svg)](http://emberobserver.com/addons/ember-attacher)
-[![Build Status](https://travis-ci.org/kybishop/ember-attacher.svg?branch=master)](https://travis-ci.org/kybishop/ember-attacher)
+[![GitHub CI](https://github.com/tylerturdenpants/ember-attacher/actions/workflows/ci.yml/badge.svg)](https://github.com/tylerturdenpants/ember-attacher/actions/workflows/ci.yml)
 
 ## Compatibility
 
@@ -20,35 +20,37 @@
 
 ----
 
-* Ember.js v3.12 or above
+* Ember.js v3.16 or above
 * Ember CLI v3.13 or above
-* Node.js v10 or above
+* Node.js v12 or above
 
 Tooltips and popovers made easy.
-Just drop an `{{#attach-tooltip}}` or `{{#attach-popover}}` in a parent and your popper is ready to go!
+Just drop an `<AttachTooltip/>` or `<AttachPopover/>` in a parent and your floating element is ready to go!
 
 ```hbs
 <button>
   Click me
 
-  {{#attach-tooltip}}
+  <AttachTooltip>
     I'm a tooltip!
-  {{/attach-tooltip}}
+  </AttachTooltip>
 </button>
 
 <button class="other-button">
   No click me!
 
-  {{#attach-popover class="ember-attacher-popper"
-                    hideOn='click'
-                    isShown=true
-                    showOn='click'}}
+  <AttachPopover 
+      @class='ember-attacher'
+      @hideOn='click'
+      @isShown={{true}}
+      @showOn='click'
+  >
     I'm a popover!
-  {{/attach-popover}}
+  </AttachPopover>
 </button>
 ```
 
-See [the example site](https://kybishop.github.io/ember-attacher/) for a demonstration of all
+See [the example site](https://tylerturdenpants.github.io/ember-attacher/) for a demonstration of all
 available options.
 
 ## Installation
@@ -57,21 +59,24 @@ available options.
 ember install ember-attacher
 ```
 
+If you're upgrading from 1.x to 2.x [see the upgrade guide](./docs/upgrade-guide-2.0.md).
+
+
 ## Components
 
-### `{{#attach-popover}}`
+### `<AttachPopover/>`
 
 A popover attacher.
 
 * Has no default class or roles.
 * Does not modify the target in any way.
-* Adds `aria-hidden` attribute to the popper element
+* Adds `aria-hidden` attribute to the floating element
 
-### `{{#attach-tooltip}}`
+### `<AttachTooltip/>`
 
-A tooltip attacher. Subclass of `{{#attach-popover}}`
+A tooltip attacher. Subclass of `<AttachPopover/>`
 
-* Has the default class `'ember-attacher-popper ember-attacher-tooltip'`
+* Has the default class `'ember-attacher-floating ember-attacher-tooltip'`
   * The default tooltip classes can be modified by altering the `tooltipClass`
     default. See [here](#user-defined-defaults) for details on editing default values.
 
@@ -90,6 +95,12 @@ Below is a list of all available options, along with their defaults.
 
   // Whether or not an arrow will be displayed next to the attachment.
   arrow: false,
+    
+  // Add listeners that will automatically call an update function
+  // Pass `true` to use the Floating UI default options or Options object to override them
+  // Example: { ancestorScroll: false }
+  // For more details see https://floating-ui.com/docs/autoUpdate 
+  autoUpdate: false,
 
   // A class that will be applied to the attachment.
   class: null,
@@ -127,8 +138,8 @@ Below is a list of all available options, along with their defaults.
   // Useful for performance reasons, but will hide your attachment from search engines.
   lazyRender: false,
 
-  // An options object that will be merged into popperOptions.
-  modifiers: null,
+  // A middleware array that will be merged into computePosition options
+  middleware: null,
 
   // A function to be fired when the attachment's visibility changes. The new visibility is passed
   // to the function as an arg.
@@ -139,18 +150,18 @@ Below is a list of all available options, along with their defaults.
   placement: 'top',
 
   // The container where the attachment's DOM will be inserted.
-  popperContainer: '.ember-application',
+  floatingElementContainer: '.ember-application',
 
-  // An options object that will be passed to Popper.js, the positioning library.
-  popperOptions: null,
+  // An options object that will be passed to Floating UI "computePosition" function.
+  floatingUiOptions: null,
 
   // NOT RECOMMENDED: We currently allow you to pass an explicit target, but this may be removed
   // in a future release.
   // Please provide your thoughts here: https://github.com/kybishop/ember-attacher/issues/109
-  popperTarget: null,
+  explicitTarget: null,
 
   // Whether or not to render the attachment in place in the DOM, as opposed to
-  // on the popperContainer. NOTE: Rendering in place can cause z-index issues.
+  // on the floatingElementContainer. NOTE: Rendering in place can cause z-index issues.
   renderInPlace: false,
 
   // The delay, in milliseconds, before the attachment will be shown.
@@ -167,13 +178,16 @@ Below is a list of all available options, along with their defaults.
   // than the bubbling phase. This should be set to true when there are elements on the page that
   // are stopping event propagation in the bubbling phase, and as a result preventing correct
   // showing and hiding of popovers and tooltips.
-  useCapture: false
+  useCapture: false,
+
+  // The default padding if collision happens. Set "false" if no collision prevention needed 
+  overflowPadding: 5 
 }
 ```
 
 ## User-defined defaults
 
-User-defined defaults can be set in the consuming app or addon's config/environment.js. These defaults will be applied to every `{{#attach-popover}}` and `{{#attach-tooltip}}`
+User-defined defaults can be set in the consuming app or addon's config/environment.js. These defaults will be applied to every `<AttachPopover/>` and `<AttachTooltip/>`
 
 ```javascript
 // config/environment.js
@@ -253,11 +267,13 @@ test('example', async function(assert) {
     <button id="toggle">
       Click me, captain!
 
-      {{#attach-popover id='attachment'
-                        hideOn='click'
-                        showOn='click'}}
+      <AttachPopover 
+          @id='attachment'
+          @hideOn='click'
+          @showOn='click'
+      >
         Click-toggled popover
-      {{/attach-popover}}
+      <AttachPopover/>
     </button>
   `);
 
@@ -282,7 +298,7 @@ See the [Contributing](CONTRIBUTING.md) guide for details.
 
 Attachments are composed of two containers:
 
-* [An outer container](https://github.com/kybishop/ember-attacher/blob/master/addon/templates/components/attach-popover.hbs#L2) for positioning (via [ember-popper](https://github.com/kybishop/ember-popper)/[popper.js](https://github.com/FezVrasta/popper.js)).
+* [An outer container](https://github.com/kybishop/ember-attacher/blob/master/addon/templates/components/attach-popover.hbs#L2) for positioning (via [floating-ui](https://github.com/floating-ui/floating-ui)).
 * [An inner container](https://github.com/kybishop/ember-attacher/blob/master/addon/templates/components/attach-popover.hbs#L12) for the content. This is the container that is animated.
 
 The outer container is positioned right next to the target via the CSS `transform` property. The inner container is required because animations also use `transform`, which would otherwise conflict with the container's position.
@@ -300,8 +316,8 @@ Note that animations require an implementation for each position (left, right, t
 * [tippy.js](https://github.com/atomiks/tippyjs), the library that inspired
   ember-attacher.
 
-* [popper.js](https://github.com/FezVrasta/popper.js), the library that powers
-  positioning (via [ember-popper](https://github.com/kybishop/ember-popper))
+* [floating-ui](https://github.com/floating-ui/floating-ui), the library that powers
+  positioning
 
 * [ember-tooltips](https://github.com/sir-dunxalot/ember-tooltips), the addon that
   influenced much of ember-attacher's API.