ember-attacher 3.3.0 → 4.0.0-beta.2

package/addon-main.js

@@ -0,0 +1,2 @@
+const { addonV1Shim } = require('@embroider/addon-shim');
+module.exports = addonV1Shim(__dirname); 

package/dist/_app_/components/attach-popover.js

@@ -0,0 +1 @@
+export { default } from "ember-attacher/components/attach-popover";

package/dist/_app_/components/attach-tooltip.js

@@ -0,0 +1 @@
+export { default } from "ember-attacher/components/attach-tooltip";

package/dist/_app_/components/basic-attacher.js

@@ -0,0 +1 @@
+export { default } from "ember-attacher/components/basic-attacher";

package/dist/components/attach-popover.js

@@ -0,0 +1,11 @@
+
+import Component from '@glimmer/component';
+
+class AttachPopover extends Component {
+  get ariaRole() {
+    return this.args.ariaRole || 'dialog';
+  }
+}
+
+export { AttachPopover as default };
+//# sourceMappingURL=attach-popover.js.map

package/dist/components/attach-popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attach-popover.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/attach-tooltip.js

@@ -0,0 +1,37 @@
+
+import Component from '@glimmer/component';
+import { action } from '@ember/object';
+import DEFAULTS from '../defaults.js';
+import { getOwner } from '@ember/application';
+
+class AttachTooltip extends Component {
+  get ariaRole() {
+    return this.args.ariaRole || 'tooltip';
+  }
+
+  get additionalClass() {
+    const { tooltip, tooltipClass } = getOwner(this).resolveRegistration('config:environment').emberAttacher || {};
+
+    return tooltip?.tooltipClass ?? tooltipClass ?? DEFAULTS.tooltipClass;
+  }
+
+  @action
+  onInitializeAttacher(currentTarget, id) {
+    if (currentTarget?.getAttribute('aria-describedby') != id) {
+      const oldTarget = document.querySelector(`[aria-describedby="${id}"]`);
+
+      oldTarget?.removeAttribute('aria-describedby');
+      currentTarget?.setAttribute('aria-describedby', id);
+    }
+  }
+
+  @action
+  onWillDestroy(currentTarget) {
+    if (currentTarget) {
+      currentTarget.removeAttribute('aria-describedby');
+    }
+  }
+}
+
+export { AttachTooltip as default };
+//# sourceMappingURL=attach-tooltip.js.map

package/dist/components/attach-tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attach-tooltip.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/{addon/components/attach-popover.js → dist/components/basic-attacher.js}

@@ -1,20 +1,20 @@
+
 import { action } from '@ember/object';
 import Component from '@glimmer/component';
-import { cancel, debounce, later, next, run } from '@ember/runloop';
+import { later, cancel, next, debounce, run } from '@ember/runloop';
 import { getOwner } from '@ember/application';
 import { guidFor } from '@ember/object/internals';
 import { htmlSafe, isHTMLSafe } from '@ember/template';
-import { stripInProduction } from 'ember-attacher/-debug/helpers';
-import { warn, assert } from '@ember/debug';
+import { warn, assert, runInDebug } from '@ember/debug';
 import { isEmpty, typeOf } from '@ember/utils';
-import { autoUpdate, computePosition, arrow, flip, limitShift, shift } from '@floating-ui/dom';
+import { flip, shift, limitShift, arrow, autoUpdate, computePosition } from '@floating-ui/dom';
 import { buildWaiter } from '@ember/test-waiters';
 import { tracked } from '@glimmer/tracking';
-import DEFAULTS from '../defaults';
+import DEFAULTS from '../defaults.js';
 
-const animationTestWaiter = buildWaiter('attach-popover');
+const animationTestWaiter = buildWaiter('basic-attacher');
 
-export default class AttachPopover extends Component {
+class BasicAttacher extends Component {
   @tracked parentNotFound = true;
   @tracked parentElement = null;
   @tracked _isStartingAnimation = false;
@@ -24,7 +24,6 @@ export default class AttachPopover extends Component {
   @tracked _mustRender = false;
   @tracked _transitionDuration = 0;
   _floatingElement = null;
-  configKey = 'popover';
 
   /**
    * ================== PUBLIC CONFIG OPTIONS ==================
@@ -117,6 +116,10 @@ export default class AttachPopover extends Component {
     return this.args.useCapture ?? this._config.useCapture ?? DEFAULTS.useCapture;
   }
 
+  get configKey() {
+    return this.args.configKey || 'popover';
+  }
+
   get isFillAnimation() {
     return this.animation === 'fill';
   }
@@ -125,6 +128,11 @@ export default class AttachPopover extends Component {
     return (this.renderInPlace || this._currentTarget) && (!this.lazyRender || this._mustRender);
   }
 
+  get shouldRenderFloatingElement() {
+    // Always render the floating element unless lazyRender is true and we haven't been triggered yet
+    return !this.lazyRender || this._mustRender;
+  }
+
   get id() {
     return this.args.id || `${guidFor(this)}-floating`;
   }
@@ -144,8 +152,9 @@ export default class AttachPopover extends Component {
   get _class() {
     const showOrHideClass = `ember-attacher-${this._isStartingAnimation ? 'show' : 'hide'}`;
     const arrowClass = `ember-attacher-${this.arrow ? 'with' : 'without'}-arrow`;
-
-    return [`ember-attacher-${this.animation}`, this.class || '', showOrHideClass, arrowClass].filter(Boolean).join(' ');
+    const baseClass = this.class || '';
+    const additionalClass = this.args.additionalClass || '';
+    return [`ember-attacher-${this.animation}`, baseClass, additionalClass, showOrHideClass, arrowClass].filter(Boolean).join(' ');
   }
 
   get _style() {
@@ -200,7 +209,7 @@ export default class AttachPopover extends Component {
     }
 
     if (this.overflowPadding !== false && !middleware.find(name => name === 'shift')) {
-      middleware.push(shift({ limiter: limitShift(), padding: this.overflowPadding }))
+      middleware.push(shift({ limiter: limitShift(), padding: this.overflowPadding }));
     }
 
     if (this.arrow && this._arrowElement && !middleware.find(name => name === 'arrow')) {
@@ -221,7 +230,7 @@ export default class AttachPopover extends Component {
       floatingElementContainer = maybeContainer;
     } else if (typeof maybeContainer === 'string') {
       const selector = maybeContainer;
-      const possibleContainers = self.document.querySelectorAll(selector);
+      const possibleContainers = document.querySelectorAll(selector);
 
       assert(`floatingElementContainer selector "${selector}" found `
         + `${possibleContainers.length} possible containers when there should be exactly 1`, possibleContainers.length === 1);
@@ -233,9 +242,9 @@ export default class AttachPopover extends Component {
   }
 
   get _renderInPlace() {
-    // self.document is undefined in Fastboot, so we have to render in
+    // document is undefined in Fastboot, so we have to render in
     // place for the floating element to show up at all.
-    return self.document ? !!this.renderInPlace : true;
+    return typeof document !== 'undefined' ? !!this.renderInPlace : true;
   }
 
   _setIsVisibleAfterDelay(isVisible, delay) {
@@ -301,7 +310,7 @@ export default class AttachPopover extends Component {
 
   @action
   _ensureArgumentsAreValid() {
-    stripInProduction(() => {
+    runInDebug(() => {
       if (this.arrow && this.isFillAnimation) {
         warn('Animation: \'fill\' is not compatible with arrow: true', { id: 70015 });
       }
@@ -315,7 +324,6 @@ export default class AttachPopover extends Component {
     });
   }
 
-
   constructor() {
     super(...arguments);
 
@@ -363,6 +371,9 @@ export default class AttachPopover extends Component {
       // call this._show() to make sure its position is updated for a potentially new target.
       this._show();
     }
+
+    // Call hook for subclasses to add their own initialization logic
+    this.args.onInitializeAttacher?.(this._currentTarget, this.id);
   }
 
   _addListenersForShowEvents() {
@@ -384,6 +395,9 @@ export default class AttachPopover extends Component {
     cancel(this._delayedVisibilityToggle);
 
     this._removeEventListeners();
+
+    // Call hook for cleanup
+    this.args.onWillDestroy?.(this._currentTarget, this.id);
   }
 
   _removeEventListeners() {
@@ -838,10 +852,13 @@ export default class AttachPopover extends Component {
 
     cancelAnimationFrame(this._animationTimeout);
 
-    stripInProduction(() => {
+    runInDebug(() => {
       if (animationTestWaiter.items?.get(this._animationTimeout)) {
         animationTestWaiter.endAsync(this._animationTimeout);
       }
-    })
+    });
   }
 }
+
+export { BasicAttacher as default };
+//# sourceMappingURL=basic-attacher.js.map

package/dist/components/basic-attacher.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"basic-attacher.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/{addon → dist}/defaults.js

@@ -1,4 +1,5 @@
-export default {
+
+var DEFAULTS = {
   animation: 'fill',
   arrow: false,
   autoUpdate: false,
@@ -23,3 +24,6 @@ export default {
   useCapture: false,
   overflowPadding: 5
 };
+
+export { DEFAULTS as default };
+//# sourceMappingURL=defaults.js.map

package/dist/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/{addon-test-support/is-visible.js → dist/test-support/index.js}

@@ -1,4 +1,5 @@
-export function isVisible(selector, contextEl) {
+
+function isVisible(selector, contextEl) {
   const attachment = typeof(selector) === 'string' ? getAttachment(selector, contextEl) : selector;
 
   return getComputedStyle(attachment).display !== 'none';
@@ -28,3 +29,6 @@ function getAttachment(selectorOrElement = '', contextEl) {
 
   return result;
 }
+
+export { isVisible };
+//# sourceMappingURL=index.js.map

package/dist/test-support/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/package.json

@@ -1,12 +1,22 @@
 {
   "name": "ember-attacher",
-  "version": "3.3.0",
+  "version": "4.0.0-beta.2",
   "description": "Tooltips and popovers for Ember.js apps",
   "keywords": [
     "ember-addon",
     "tooltips",
     "popovers"
   ],
+  "exports": {
+    ".": "./dist/index.js",
+    "./*": "./dist/*",
+    "./test-support": "./dist/test-support/index.js",
+    "./addon-main.js": "./addon-main.js"
+  },
+  "files": [
+    "addon-main.js",
+    "dist"
+  ],
   "repository": "https://github.com/tylerturdenpants/ember-attacher",
   "license": "MIT",
   "author": {
@@ -18,68 +28,11 @@
     "doc": "doc",
     "test": "tests"
   },
-  "scripts": {
-    "build": "ember build",
-    "deploy": "ember build && ember github-pages:commit --message \"Deploy gh-pages from commit $(git rev-parse HEAD)\" && git push origin gh-pages:gh-pages",
-    "release": "release-it",
-    "lint:js": "eslint .",
-    "lint": "eslint .",
-    "start": "ember serve",
-    "test": "ember test",
-    "test:all": "ember try:each"
-  },
   "dependencies": {
     "@ember/test-waiters": "^3.1.0",
-    "@floating-ui/dom": "^1.6.12",
-    "babel-plugin-filter-imports": "^4.0.0",
-    "broccoli-funnel": "~3.0.8",
-    "ember-auto-import": "^2.7.2",
-    "ember-cli-babel": "^8.2.0",
-    "ember-cli-htmlbars": "^6.3.0",
-    "ember-cli-sass": "^11.0.1",
-    "ember-maybe-in-element": "^2.1.0",
-    "sass": "^1.72.0"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.24.0",
-    "@babel/eslint-parser": "^7.26.10",
-    "@babel/helper-get-function-arity": "^7.16.7",
-    "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
-    "@ember/optional-features": "^2.0.0",
-    "@ember/render-modifiers": "^2.0.5",
-    "@ember/string": "^3.1.1",
-    "@ember/test-helpers": "~2.9.4",
-    "@embroider/test-setup": "^3.0.0",
-    "@glimmer/component": "^1.1.2",
-    "@glimmer/tracking": "^1.1.2",
-    "@html-next/flexi-default-styles": "^3.0.0-alpha.1",
-    "@release-it-plugins/lerna-changelog": "^6.1.0",
-    "babel-plugin-dynamic-import-node": "^2.3.3",
-    "broccoli-asset-rev": "^3.0.0",
-    "ember-cli": "~4.12.1",
-    "ember-cli-dependency-checker": "~3.3.2",
-    "ember-cli-github-pages": "^0.2.2",
-    "ember-cli-inject-live-reload": "~2.1.0",
-    "ember-cli-sri": "^2.1.1",
-    "ember-cli-terser": "^4.0.2",
-    "ember-load-initializers": "^2.1.2",
-    "ember-qunit": "^6.2.0",
-    "ember-resolver": "~11.0.1",
-    "ember-source": "~4.12.3",
-    "ember-source-channel-url": "^3.0.0",
-    "ember-svg-jar": "^2.6.0",
-    "ember-truth-helpers": "^4.0.3",
-    "ember-try": "~3.0.0",
-    "eslint": "~8.57.0",
-    "eslint-plugin-decorator-position": "^5.0.2",
-    "eslint-plugin-ember": "~11.11.1",
-    "eslint-plugin-n": "^16.6.0",
-    "flexi": "^3.0.0-alpha.1",
-    "loader.js": "^4.7.0",
-    "qunit": "~2.20.1",
-    "qunit-dom": "~3.0.0",
-    "release-it": "~15.11.0",
-    "webpack": "~5.96.1"
+    "@embroider/addon-shim": "^1.10.0",
+    "@floating-ui/dom": "^1.7.2",
+    "ember-maybe-in-element": "^2.1.0"
   },
   "engines": {
     "node": "16.* || >= 18"
@@ -88,23 +41,33 @@
     "edition": "octane"
   },
   "ember-addon": {
-    "configPath": "tests/dummy/config",
-    "demoURL": "https://tylerturdenpants.github.io/ember-attacher/"
+    "main": "addon-main.js",
+    "type": "addon",
+    "version": 2,
+    "demoURL": "https://tylerturdenpants.github.io/ember-attacher/",
+    "app-js": {
+      "./components/attach-popover.js": "./dist/_app_/components/attach-popover.js",
+      "./components/attach-tooltip.js": "./dist/_app_/components/attach-tooltip.js",
+      "./components/basic-attacher.js": "./dist/_app_/components/basic-attacher.js"
+    }
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },
-  "release-it": {
-    "plugins": {
-      "@release-it-plugins/lerna-changelog": {
-        "infile": "CHANGELOG.md"
-      }
-    },
-    "git": {
-      "tagName": "v${version}"
-    },
-    "github": {
-      "release": true
-    }
+  "devDependencies": {
+    "@babel/core": "^7.28.0",
+    "@babel/plugin-proposal-decorators": "^7.28.0",
+    "@babel/plugin-transform-class-properties": "^7.27.1",
+    "@embroider/addon-dev": "^8.1.0",
+    "@release-it-plugins/lerna-changelog": "^6.1.0",
+    "@rollup/plugin-babel": "^6.0.4",
+    "release-it": "^17.0.0",
+    "release-it-pnpm": "^4.6.6",
+    "rollup": "^4.44.1"
+  },
+  "scripts": {
+    "build": "rollup --config rollup.config.mjs",
+    "start": "rollup --config rollup.config.mjs --watch",
+    "lint": "eslint ."
   }
-}
+}

package/.idea/codeStyles/Project.xml

@@ -1,32 +0,0 @@
-<component name="ProjectCodeStyleConfiguration">
-  <code_scheme name="Project" version="173">
-    <option name="OTHER_INDENT_OPTIONS">
-      <value>
-        <option name="INDENT_SIZE" value="2" />
-        <option name="TAB_SIZE" value="2" />
-      </value>
-    </option>
-    <HTMLCodeStyleSettings>
-      <option name="HTML_SPACE_INSIDE_EMPTY_TAG" value="true" />
-    </HTMLCodeStyleSettings>
-    <JSCodeStyleSettings version="0">
-      <option name="USE_DOUBLE_QUOTES" value="false" />
-      <option name="FORCE_QUOTE_STYlE" value="true" />
-      <option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
-      <option name="SPACES_WITHIN_IMPORTS" value="true" />
-    </JSCodeStyleSettings>
-    <TypeScriptCodeStyleSettings version="0">
-      <option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
-      <option name="SPACES_WITHIN_IMPORTS" value="true" />
-    </TypeScriptCodeStyleSettings>
-    <codeStyleSettings language="JavaScript">
-      <option name="INDENT_CASE_FROM_SWITCH" value="false" />
-      <option name="ALIGN_MULTILINE_PARAMETERS" value="false" />
-      <option name="ALIGN_MULTILINE_FOR" value="false" />
-      <indentOptions>
-        <option name="INDENT_SIZE" value="2" />
-        <option name="CONTINUATION_INDENT_SIZE" value="2" />
-      </indentOptions>
-    </codeStyleSettings>
-  </code_scheme>
-</component>

package/.idea/codeStyles/codeStyleConfig.xml

@@ -1,5 +0,0 @@
-<component name="ProjectCodeStyleConfiguration">
-  <state>
-    <option name="USE_PER_PROJECT_SETTINGS" value="true" />
-  </state>
-</component>

package/.idea/ember-attacher.iml

@@ -1,31 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<module type="WEB_MODULE" version="4">
-  <component name="ModuleRunConfigurationManager">
-    <shared />
-  </component>
-  <component name="NewModuleRootManager">
-    <content url="file://$MODULE_DIR$">
-      <sourceFolder url="file://$MODULE_DIR$/addon/addon" isTestSource="false" />
-      <sourceFolder url="file://$MODULE_DIR$/addon/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/app" isTestSource="true" />
-      <sourceFolder url="file://$MODULE_DIR$/test-app/app" isTestSource="true" />
-      <sourceFolder url="file://$MODULE_DIR$/test-app/tests" isTestSource="true" />
-      <sourceFolder url="file://$MODULE_DIR$/test-app/tests/acceptance" 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/integration" isTestSource="true" />
-      <sourceFolder url="file://$MODULE_DIR$/test-app/tests/unit" isTestSource="true" />
-      <sourceFolder url="file://$MODULE_DIR$/test-app/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

@@ -1,6 +0,0 @@
-<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/material_theme_project_new.xml

@@ -1,13 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="MaterialThemeProjectNewConfig">
-    <option name="metadata">
-      <MTProjectMetadataState>
-        <option name="migrated" value="true" />
-        <option name="pristineConfig" value="false" />
-        <option name="userId" value="5b08c17b:17c50dc6df3:-8000" />
-        <option name="version" value="8.13.2" />
-      </MTProjectMetadataState>
-    </option>
-  </component>
-</project>

package/.idea/modules.xml

@@ -1,8 +0,0 @@
-<?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

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