@dialpad/dialtone-vue 2.114.3 → 2.115.0

package/dist/{tooltip-ZAaMbL96.js → tooltip-QB-zD49d.js}

@@ -3,22 +3,22 @@ const he = {
   ERROR: "error",
   WARNING: "warning",
   SUCCESS: "success"
-}, co = {
+}, uo = {
   LARGE: "lg",
   EXTRA_LARGE: "xl"
-}, lo = {
+}, co = {
   xs: "",
   sm: "",
   md: "",
   lg: "d-description--lg",
   xl: "d-description--xl"
-}, fo = {
+}, lo = {
   xs: "d-label--xs",
   sm: "d-label--sm",
   md: "",
   lg: "d-label--lg",
   xl: "d-label--xl"
-}, po = {
+}, fo = {
   esc: "Esc",
   escape: "Escape",
   tab: "Tab",
@@ -165,7 +165,7 @@ function ir(e) {
 function or(e, t = "en-US") {
   return e.replace(new RegExp("^\\p{CWU}", "u"), (n) => n.toLocaleUpperCase(t));
 }
-const vo = {
+const po = {
   getUniqueString: Zt,
   getRandomElement: Un,
   getRandomInt: Qt,
@@ -2096,14 +2096,14 @@ const zi = (e) => ({
   };
 }, Ji = [
   ...qi
-], eo = ["parent", "body"], to = 300, no = {
+], eo = 300, to = {
   hover: "d-tooltip--hover",
   show: "d-tooltip--show",
   inverted: "d-tooltip--inverted",
   hide: "d-tooltip--hide"
-}, ro = [
+}, no = [
   ...Yi
-], ho = [!0, !1, "toggle"], io = {
+], vo = [!0, !1, "toggle"], ro = {
   name: "DtTooltip",
   components: {
     DtLazyShow: lr
@@ -2118,16 +2118,6 @@ const zi = (e) => ({
         return Zt();
       }
     },
-    /**
-     * Sets the element to which the popover is going to append to.
-     * 'body' will append to the nearest body (supports shadow DOM).
-     * @values 'body', 'parent', HTMLElement,
-     */
-    appendTo: {
-      type: [HTMLElement, String],
-      default: "body",
-      validator: (e) => eo.includes(e) || e instanceof HTMLElement
-    },
     /**
      * If the popover does not fit in the direction described by "placement",
      * it will attempt to change its direction to the "fallbackPlacements"
@@ -2208,7 +2198,7 @@ const zi = (e) => ({
     sticky: {
       type: [Boolean, String],
       default: !1,
-      validator: (e) => ro.includes(e)
+      validator: (e) => no.includes(e)
     },
     /**
      * Additional css classes for the tooltip content element.
@@ -2287,7 +2277,7 @@ const zi = (e) => ({
   ],
   data() {
     return {
-      TOOLTIP_KIND_MODIFIERS: no,
+      TOOLTIP_KIND_MODIFIERS: to,
       tip: null,
       inTimer: null,
       // Internal state for whether the tooltip is shown. Changing the prop
@@ -2297,8 +2287,6 @@ const zi = (e) => ({
       // the placement prop when there is not enough available room for the tip
       // to display and it uses a fallback placement.
       currentPlacement: this.placement,
-      // reference to the anchor element
-      anchor: null,
       // flag check touch based device
       isTouchDevice: !1
     };
@@ -2322,13 +2310,10 @@ const zi = (e) => ({
       };
     },
     tippyProps() {
-      var t, n;
-      const e = this.appendTo === "body" ? (n = (t = this.anchor) == null ? void 0 : t.getRootNode()) == null ? void 0 : n.querySelector("body") : this.appendTo;
       return {
         offset: this.offset,
         interactive: !1,
         trigger: "manual",
-        appendTo: e,
         placement: this.placement,
         sticky: this.sticky,
         popperOptions: Gi({
@@ -2337,6 +2322,9 @@ const zi = (e) => ({
           onChangePlacement: this.onChangePlacement
         })
       };
+    },
+    anchor() {
+      return this.externalAnchor ? document.body.querySelector(this.externalAnchor) : Zi(this.$refs.anchor);
     }
   },
   watch: {
@@ -2351,19 +2339,16 @@ const zi = (e) => ({
       immediate: !0
     },
     isShown(e) {
-      var t, n;
-      e ? (this.setProps(), (t = this.tip) == null || t.show()) : (n = this.tip) == null || n.hide();
+      e ? (this.setProps(), this.tip.show()) : this.tip.hide();
     },
     sticky(e) {
-      var t;
-      (t = this.tip) == null || t.setProps({
+      this.tip.setProps({
         sticky: e
       });
     }
   },
-  // eslint-disable-next-line complexity
   mounted() {
-    !this.enabled && this.show != null && (console.warn("Tooltip: You cannot use both the enabled and show props at the same time."), console.warn("The show prop will be ignored.")), this.anchor = this.externalAnchor ? document.body.querySelector(this.externalAnchor) : Zi(this.$refs.anchor), this.externalAnchor && this.addExternalAnchorEventListeners(), this.tip = Xi(this.anchor, this.initOptions());
+    !this.enabled && this.show != null && (console.warn("Tooltip: You cannot use both the enabled and show props at the same time."), console.warn("The show prop will be ignored.")), this.externalAnchor && this.addExternalAnchorEventListeners(), this.tip = Xi(this.anchor, this.initOptions()), this.isShown && this.tip.show();
   },
   beforeDestroy() {
     var e;
@@ -2381,7 +2366,7 @@ const zi = (e) => ({
     onEnterAnchor(e) {
       this.isTouchDevice && !e.relatedTarget || (this.delay ? this.inTimer = setTimeout((function(t) {
         this.triggerShow(t);
-      }).bind(this, e), to) : this.triggerShow(e), this.isTouchDevice = !1);
+      }).bind(this, e), eo) : this.triggerShow(e), this.isTouchDevice = !1);
     },
     triggerShow(e) {
       e.type === "focusin" ? this.show === null && this.hasVisibleFocus() && (this.isShown = !0) : this.show === null && (this.isShown = !0);
@@ -2411,16 +2396,12 @@ const zi = (e) => ({
     onMount() {
       this.setProps();
     },
-    onCreate(e) {
-      this.isShown && e.show();
-    },
     initOptions() {
       return {
         contentElement: this.$refs.content.$el,
         allowHTML: !0,
         zIndex: this.calculateAnchorZindex(),
         onMount: this.onMount,
-        onCreate: this.onCreate,
         ...this.tippyProps
       };
     },
@@ -2443,7 +2424,7 @@ const zi = (e) => ({
     }
   }
 };
-var oo = function() {
+var io = function() {
   var t = this, n = t._self._c;
   return n("div", { attrs: { "data-qa": "dt-tooltip-container" } }, [t.externalAnchor ? t._e() : n("span", { ref: "anchor", attrs: { "data-qa": "dt-tooltip-anchor" }, on: { focusin: t.onEnterAnchor, focusout: t.onLeaveAnchor, mouseenter: t.onEnterAnchor, mouseleave: t.onLeaveAnchor, keydown: function(r) {
     return !r.type.indexOf("key") && t._k(r.keyCode, "esc", 27, r.key, ["Esc", "Escape"]) ? null : t.onLeaveAnchor.apply(null, arguments);
@@ -2457,22 +2438,22 @@ var oo = function() {
   ], attrs: { id: t.id, show: t.isVisible, role: "tooltip", "aria-hidden": "false", "data-qa": "dt-tooltip", appear: "", transition: t.transition } }, t.tooltipListeners), [t._t("default", function() {
     return [t._v(" " + t._s(t.message) + " ")];
   })], 2)], 1);
-}, ao = [], so = /* @__PURE__ */ un(
+}, oo = [], ao = /* @__PURE__ */ un(
+  ro,
   io,
   oo,
-  ao,
   !1,
   null,
   null,
   null,
   null
 );
-const mo = so.exports;
+const ho = ao.exports;
 export {
   qi as B,
-  mo as D,
-  po as E,
-  fo as L,
+  ho as D,
+  fo as E,
+  lo as L,
   Ji as T,
   he as V,
   Un as a,
@@ -2480,23 +2461,23 @@ export {
   lr as c,
   Gi as d,
   Xi as e,
-  to as f,
+  eo as f,
   Zt as g,
   an as h,
   Gn as i,
   Wn as j,
   Jt as k,
   er as l,
-  lo as m,
+  co as m,
   un as n,
   or as o,
-  co as p,
+  uo as p,
   kn as q,
   Fn as r,
   ir as s,
   ze as t,
-  vo as u,
-  no as v,
-  ro as w,
-  ho as x
+  po as u,
+  to as v,
+  no as w,
+  vo as x
 };

package/dist/types/components/tooltip/tooltip.vue.d.ts

@@ -6,19 +6,6 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default(): string;
     };
-    /**
-     * Sets the element to which the popover is going to append to.
-     * 'body' will append to the nearest body (supports shadow DOM).
-     * @values 'body', 'parent', HTMLElement,
-     */
-    appendTo: {
-        type: (StringConstructor | {
-            new (): HTMLElement;
-            prototype: HTMLElement;
-        })[];
-        default: string;
-        validator: (appendTo: unknown) => boolean;
-    };
     /**
      * If the popover does not fit in the direction described by "placement",
      * it will attempt to change its direction to the "fallbackPlacements"
@@ -169,7 +156,6 @@ declare const _default: import("vue").DefineComponent<{
     inTimer: null;
     isShown: boolean;
     currentPlacement: any;
-    anchor: null;
     isTouchDevice: boolean;
 }, {
     isVisible(): any;
@@ -181,7 +167,6 @@ declare const _default: import("vue").DefineComponent<{
         offset: any;
         interactive: boolean;
         trigger: string;
-        appendTo: any;
         placement: any;
         sticky: any;
         popperOptions: {
@@ -216,6 +201,7 @@ declare const _default: import("vue").DefineComponent<{
             })[];
         };
     };
+    anchor(): any;
 }, {
     calculateAnchorZindex(): 651 | 400;
     hasVisibleFocus(): any;
@@ -228,12 +214,10 @@ declare const _default: import("vue").DefineComponent<{
     onEnterTransitionComplete(): void;
     setProps(): void;
     onMount(): void;
-    onCreate(instance: any): void;
     initOptions(): {
         offset: any;
         interactive: boolean;
         trigger: string;
-        appendTo: any;
         placement: any;
         sticky: any;
         popperOptions: {
@@ -271,7 +255,6 @@ declare const _default: import("vue").DefineComponent<{
         allowHTML: boolean;
         zIndex: number;
         onMount: () => void;
-        onCreate: (instance: any) => void;
     };
     addExternalAnchorEventListeners(): void;
     removeExternalAnchorEventListeners(): void;
@@ -284,19 +267,6 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default(): string;
     };
-    /**
-     * Sets the element to which the popover is going to append to.
-     * 'body' will append to the nearest body (supports shadow DOM).
-     * @values 'body', 'parent', HTMLElement,
-     */
-    appendTo: {
-        type: (StringConstructor | {
-            new (): HTMLElement;
-            prototype: HTMLElement;
-        })[];
-        default: string;
-        validator: (appendTo: unknown) => boolean;
-    };
     /**
      * If the popover does not fit in the direction described by "placement",
      * it will attempt to change its direction to the "fallbackPlacements"
@@ -445,7 +415,6 @@ declare const _default: import("vue").DefineComponent<{
     transition: string;
     offset: unknown[];
     fallbackPlacements: unknown[];
-    appendTo: string | HTMLElement;
     delay: boolean;
     placement: string;
     sticky: string | boolean;

package/dist/types/components/tooltip/tooltip.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.vue.d.ts","sourceRoot":"","sources":["../../../../components/tooltip/tooltip.vue.js"],"names":[],"mappings":";IA8BI;;OAEG;;;;;IAMH;;;;OAIG;;;;;;;;;IAUH;;;;;;;;;;;;SAYK;;;;;IAML;;;OAGG;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;;;;;OAcG;;;;;;IASH;;;;;;;;;;;;;;OAcG;;;;;;IASH;;;;OAIG;;;;;IAMH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;;;OAKG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA3KH;;OAEG;;;;;IAMH;;;;OAIG;;;;;;;;;IAUH;;;;;;;;;;;;SAYK;;;;;IAML;;;OAGG;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;;;;;OAcG;;;;;;IASH;;;;;;;;;;;;;;OAcG;;;;;;IASH;;;;OAIG;;;;;IAMH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;;;OAKG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG"}
+{"version":3,"file":"tooltip.vue.d.ts","sourceRoot":"","sources":["../../../../components/tooltip/tooltip.vue.js"],"names":[],"mappings":";IA6BI;;OAEG;;;;;IAMH;;;;;;;;;;;;SAYK;;;;;IAML;;;OAGG;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;;;;;OAcG;;;;;;IASH;;;;;;;;;;;;;;OAcG;;;;;;IASH;;;;OAIG;;;;;IAMH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;;;OAKG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA7JH;;OAEG;;;;;IAMH;;;;;;;;;;;;SAYK;;;;;IAML;;;OAGG;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;;;;;OAcG;;;;;;IASH;;;;;;;;;;;;;;OAcG;;;;;;IASH;;;;OAIG;;;;;IAMH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;;;OAKG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG"}

package/dist/types/components/tooltip/tooltip_constants.d.ts

@@ -1,5 +1,4 @@
 export const TOOLTIP_DIRECTIONS: string[];
-export const TOOLTIP_APPEND_TO_VALUES: string[];
 export const TOOLTIP_DELAY_MS: 300;
 export namespace TOOLTIP_KIND_MODIFIERS {
     let hover: string;
@@ -11,7 +10,6 @@ export const TOOLTIP_STICKY_VALUES: (string | boolean)[];
 export const TOOLTIP_HIDE_ON_CLICK_VARIANTS: (string | boolean)[];
 declare namespace _default {
     export { TOOLTIP_DIRECTIONS };
-    export { TOOLTIP_APPEND_TO_VALUES };
     export { TOOLTIP_DELAY_MS };
     export { TOOLTIP_KIND_MODIFIERS };
     export { TOOLTIP_STICKY_VALUES };

package/dist/types/components/tooltip/tooltip_constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip_constants.d.ts","sourceRoot":"","sources":["../../../../components/tooltip/tooltip_constants.js"],"names":[],"mappings":"AAKA,0CAEE;AACF,gDAA2D;AAC3D,mCAAoC;;;;;;;AASpC,yDAEE;AAEF,kEAAsE"}
+{"version":3,"file":"tooltip_constants.d.ts","sourceRoot":"","sources":["../../../../components/tooltip/tooltip_constants.js"],"names":[],"mappings":"AAKA,0CAEE;AAEF,mCAAoC;;;;;;;AASpC,yDAEE;AAEF,kEAAsE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dialpad/dialtone-vue",
-  "version": "2.114.3",
+  "version": "2.115.0",
   "description": "Vue component library for Dialpad's design system Dialtone",
   "files": [
     "dist",