v3.0.0

CHANGELOG.md

@@ -1,3 +1,11 @@
+## v3.0.0
+
+- Исправлено название опции с `virtialReference` на `virtualReference`
+
+## v2.1.0
+
+- Для опции `appendTo` добавлена возможность указать значение `parent`
+
 ## v2.0.0
 
 -   К `_tooltip.$tooltip` добавлено свойство `_reference` для доступа к элементу, на котором был вызван `createTooltip`

README.md

@@ -44,7 +44,7 @@ createTooltip(document.querySelector('button'), 'Подсказка', {
     shiftPadding: [8, 0],
     theme: 'light',
     trigger: 'mouseenter',
-    virtialReference: undefined,
+    virtualReference: undefined,
     zIndex: '',
     // Callback-функции, по-умолчанию не заданы
     onCreate(instance) {},
@@ -56,7 +56,7 @@ createTooltip(document.querySelector('button'), 'Подсказка', {
 });
 ```
 
-##### virtialReference
+##### virtualReference
 
 Настройка используется для кастомного позиционирования, ожидает объект с методом `getBoundingClientRect`.
 
@@ -64,7 +64,7 @@ createTooltip(document.querySelector('button'), 'Подсказка', {
 
 ```js
 createTooltip(document.querySelector('button'), 'Подсказка', {
-    virtialReference: {
+    virtualReference: {
         getBoundingClientRect() {
             return {
                 x: 0,

index.js

@@ -26,7 +26,7 @@ export const createTooltip = ($el, content, options) => {
         shiftPadding: [8, 0],
         theme: 'light',
         trigger: 'mouseenter',
-        virtialReference: undefined,
+        virtualReference: undefined,
         zIndex: '',
         ...options,
     };
@@ -42,6 +42,7 @@ export const createTooltip = ($el, content, options) => {
     };
 
     setOptionFromDataAttribute('tooltipAnimation');
+    setOptionFromDataAttribute('tooltipAppendTo');
     setOptionFromDataAttribute('tooltipArrow');
     setOptionFromDataAttribute('tooltipDelay');
     setOptionFromDataAttribute('tooltipDuration');
@@ -166,7 +167,7 @@ export const createTooltip = ($el, content, options) => {
                 const $arrow = $el._tooltip.$tooltip.querySelector('.tooltip__arrow');
 
                 const { x, y, placement, middlewareData } = await computePosition(
-                    options.virtialReference ?? $el,
+                    options.virtualReference ?? $el,
                     $el._tooltip.$tooltip,
                     {
                         placement: options.placement,
@@ -280,7 +281,11 @@ export const createTooltip = ($el, content, options) => {
         showTimeout = setTimeout(
             async () => {
                 if (!$el._tooltip.isVisible) {
+                    if (options.appendTo === 'parent') {
+                        $el.parentElement.append($el._tooltip.$tooltip);
+                    } else {
                         options.appendTo.append($el._tooltip.$tooltip);
+                    }
                     $el._tooltip.isVisible = true;
                     autoUpdateCleanup = autoUpdate($el, $el._tooltip.$tooltip, $el._tooltip.updatePosition);
 

package.json

@@ -1,6 +1,6 @@
 {
     "name": "@advdominion/tooltip",
-    "version": "2.0.0",
+    "version": "3.0.0",
     "type": "module",
     "packageManager": "yarn@4.5.3",
     "main": "index.js",