@dialpad/dialtone 9.110.1 → 9.111.0

package/dist/vue3/components/toggle/toggle.vue.js

@@ -1,187 +0,0 @@
-import { warn, openBlock, createElementBlock, mergeProps, renderSlot, createCommentVNode, createElementVNode } from "vue";
-import { getUniqueString, hasSlotContent, removeClassStyleAttrs, addClassStyleAttrs } from "../../common/utils.js";
-import { TOGGLE_CHECKED_VALUES, TOGGLE_SIZE_MODIFIERS } from "./toggle_constants.js";
-import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
-const _sfc_main = {
-  compatConfig: { MODE: 3 },
-  name: "DtToggle",
-  inheritAttrs: false,
-  model: {
-    prop: "checked",
-    event: "change"
-  },
-  props: {
-    /**
-     * The id of the toggle
-     */
-    id: {
-      type: String,
-      default() {
-        return getUniqueString();
-      }
-    },
-    /**
-     * Disables the toggle interactions
-     * @values true, false
-     */
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Value of the toggle
-     * @model checked
-     * @values true, false, 'mixed'
-     */
-    checked: {
-      type: [Boolean, String],
-      default: false,
-      validator: (v) => TOGGLE_CHECKED_VALUES.includes(v)
-    },
-    /**
-     * Whether the component toggles on click. If you set this to false it means you will handle the toggling manually
-     * via the checked prop or v-model. Change events will still be triggered.
-     * @values true, false
-     */
-    toggleOnClick: {
-      type: Boolean,
-      default: true
-    },
-    /**
-     * The size of the toggle.
-     * @values sm, md
-     */
-    size: {
-      type: String,
-      default: "md",
-      validator: (s) => Object.keys(TOGGLE_SIZE_MODIFIERS).includes(s)
-    },
-    /**
-     * Shows the icon
-     * @values true, false
-     */
-    showIcon: {
-      type: Boolean,
-      default: true
-    },
-    /**
-     * Used to customize the label container
-     */
-    labelClass: {
-      type: [String, Array, Object],
-      default: ""
-    },
-    /**
-     * A set of props that are passed into the label container
-     */
-    labelChildProps: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  emits: [
-    /**
-     * Toggle change event
-     *
-     * @event change
-     * @type {Boolean}
-     * @model change
-     */
-    "change"
-  ],
-  data() {
-    return {
-      internalChecked: this.checked,
-      hasSlotContent
-    };
-  },
-  computed: {
-    inputListeners() {
-      return {
-        ...removeClassStyleAttrs(this.$attrs),
-        onClick: (_) => this.toggleCheckedValue()
-      };
-    },
-    isIndeterminate() {
-      return this.internalChecked === "mixed";
-    },
-    toggleRole() {
-      return this.isIndeterminate ? "checkbox" : "switch";
-    },
-    toggleClasses() {
-      return [
-        "d-toggle",
-        TOGGLE_SIZE_MODIFIERS[this.size],
-        {
-          "d-toggle--checked": this.internalChecked === true,
-          "d-toggle--disabled": this.disabled,
-          "d-toggle--indeterminate": this.isIndeterminate
-        }
-      ];
-    }
-  },
-  watch: {
-    checked(newChecked) {
-      this.internalChecked = newChecked;
-    }
-  },
-  mounted() {
-    this.runValidations();
-  },
-  methods: {
-    addClassStyleAttrs,
-    toggleCheckedValue() {
-      this.$emit("change", !this.internalChecked);
-      if (this.toggleOnClick) {
-        this.internalChecked = !this.internalChecked;
-      }
-    },
-    hasSlotLabel() {
-      return !!this.$slots.default;
-    },
-    runValidations() {
-      this.validateInputLabels(this.hasSlotLabel(), this.$attrs["aria-label"]);
-    },
-    validateInputLabels(hasLabel, ariaLabel) {
-      if (!hasLabel && !ariaLabel) {
-        warn(
-          "You must provide an aria-label when there is no label passed",
-          this
-        );
-      }
-    }
-  }
-};
-const _hoisted_1 = ["for"];
-const _hoisted_2 = ["id", "role", "aria-checked", "disabled", "aria-disabled"];
-const _hoisted_3 = {
-  key: 0,
-  class: "d-toggle__inner"
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", mergeProps({ class: "d-toggle-wrapper" }, $options.addClassStyleAttrs(_ctx.$attrs)), [
-    $data.hasSlotContent(_ctx.$slots.default) ? (openBlock(), createElementBlock("label", mergeProps({
-      key: 0,
-      class: $props.labelClass,
-      for: $props.id
-    }, $props.labelChildProps, { "data-qa": "toggle-label" }), [
-      renderSlot(_ctx.$slots, "default")
-    ], 16, _hoisted_1)) : createCommentVNode("", true),
-    createElementVNode("button", mergeProps({
-      id: $props.id,
-      role: $options.toggleRole,
-      type: "button",
-      "aria-checked": $data.internalChecked.toString(),
-      disabled: $props.disabled,
-      "aria-disabled": $props.disabled.toString(),
-      class: $options.toggleClasses
-    }, $options.inputListeners), [
-      $props.showIcon ? (openBlock(), createElementBlock("span", _hoisted_3)) : createCommentVNode("", true)
-    ], 16, _hoisted_2)
-  ], 16);
-}
-const toggle = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export {
-  toggle as default
-};
-//# sourceMappingURL=toggle.vue.js.map

package/dist/vue3/components/toggle/toggle.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"toggle.vue.js","sources":["../../../components/toggle/toggle.vue"],"sourcesContent":["<template>\n  <div\n    class=\"d-toggle-wrapper\"\n    v-bind=\"addClassStyleAttrs($attrs)\"\n  >\n    <label\n      v-if=\"hasSlotContent($slots.default)\"\n      :class=\"labelClass\"\n      :for=\"id\"\n      v-bind=\"labelChildProps\"\n      data-qa=\"toggle-label\"\n    >\n      <!-- @slot Slot for the main content -->\n      <slot />\n    </label>\n    <button\n      :id=\"id\"\n      :role=\"toggleRole\"\n      type=\"button\"\n      :aria-checked=\"internalChecked.toString()\"\n      :disabled=\"disabled\"\n      :aria-disabled=\"disabled.toString()\"\n      :class=\"toggleClasses\"\n      v-bind=\"inputListeners\"\n    >\n      <span\n        v-if=\"showIcon\"\n        class=\"d-toggle__inner\"\n      />\n    </button>\n  </div>\n</template>\n\n<script>\nimport { warn } from 'vue';\nimport { getUniqueString, hasSlotContent, removeClassStyleAttrs, addClassStyleAttrs } from '@/common/utils';\nimport { TOGGLE_CHECKED_VALUES, TOGGLE_SIZE_MODIFIERS } from '@/components/toggle/toggle_constants';\n\n/**\n * A toggle (or \"switch\") is a button control element that allows the user to make a binary (on/off) selection.\n * @see https://dialtone.dialpad.com/components/toggle.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n\n  name: 'DtToggle',\n\n  inheritAttrs: false,\n\n  model: {\n    prop: 'checked',\n    event: 'change',\n  },\n\n  props: {\n\n    /**\n     * The id of the toggle\n     */\n    id: {\n      type: String,\n      default () { return getUniqueString(); },\n    },\n\n    /**\n     * Disables the toggle interactions\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Value of the toggle\n     * @model checked\n     * @values true, false, 'mixed'\n     */\n    checked: {\n      type: [Boolean, String],\n      default: false,\n      validator: (v) => TOGGLE_CHECKED_VALUES.includes(v),\n    },\n\n    /**\n     * Whether the component toggles on click. If you set this to false it means you will handle the toggling manually\n     * via the checked prop or v-model. Change events will still be triggered.\n     * @values true, false\n     */\n    toggleOnClick: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * The size of the toggle.\n     * @values sm, md\n     */\n    size: {\n      type: String,\n      default: 'md',\n      validator: (s) => Object.keys(TOGGLE_SIZE_MODIFIERS).includes(s),\n    },\n\n    /**\n     * Shows the icon\n     * @values true, false\n     */\n    showIcon: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Used to customize the label container\n     */\n    labelClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * A set of props that are passed into the label container\n     */\n    labelChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n  },\n\n  emits: [\n    /**\n     * Toggle change event\n     *\n     * @event change\n     * @type {Boolean}\n     * @model change\n     */\n    'change',\n  ],\n\n  data () {\n    return {\n      internalChecked: this.checked,\n      hasSlotContent,\n    };\n  },\n\n  computed: {\n    inputListeners () {\n      return {\n        ...removeClassStyleAttrs(this.$attrs),\n        onClick: _ => this.toggleCheckedValue(),\n      };\n    },\n\n    isIndeterminate () {\n      return this.internalChecked === 'mixed';\n    },\n\n    toggleRole () {\n      return this.isIndeterminate ? 'checkbox' : 'switch';\n    },\n\n    toggleClasses () {\n      return [\n        'd-toggle',\n        TOGGLE_SIZE_MODIFIERS[this.size],\n        {\n          'd-toggle--checked': this.internalChecked === true,\n          'd-toggle--disabled': this.disabled,\n          'd-toggle--indeterminate': this.isIndeterminate,\n        },\n      ];\n    },\n  },\n\n  watch: {\n    checked (newChecked) {\n      this.internalChecked = newChecked;\n    },\n  },\n\n  mounted () {\n    this.runValidations();\n  },\n\n  methods: {\n    addClassStyleAttrs,\n    toggleCheckedValue () {\n      this.$emit('change', !this.internalChecked);\n\n      if (this.toggleOnClick) {\n        this.internalChecked = !this.internalChecked;\n      }\n    },\n\n    hasSlotLabel () {\n      return !!(this.$slots.default);\n    },\n\n    runValidations () {\n      this.validateInputLabels(this.hasSlotLabel(), this.$attrs['aria-label']);\n    },\n\n    validateInputLabels (hasLabel, ariaLabel) {\n      if (!hasLabel && !ariaLabel) {\n        warn(\n          'You must provide an aria-label when there is no label passed',\n          this,\n        );\n      }\n    },\n  },\n};\n</script>\n"],"names":["_createElementBlock","_mergeProps","_openBlock","_renderSlot","_createCommentVNode","_createElementVNode"],"mappings":"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"}

package/dist/vue3/components/toggle/toggle_constants.cjs

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const TOGGLE_SIZE_MODIFIERS = {
-  sm: "d-toggle--small",
-  md: ""
-};
-const TOGGLE_CHECKED_VALUES = [false, true, "mixed"];
-exports.TOGGLE_CHECKED_VALUES = TOGGLE_CHECKED_VALUES;
-exports.TOGGLE_SIZE_MODIFIERS = TOGGLE_SIZE_MODIFIERS;
-//# sourceMappingURL=toggle_constants.cjs.map

package/dist/vue3/components/toggle/toggle_constants.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"toggle_constants.cjs","sources":["../../../components/toggle/toggle_constants.js"],"sourcesContent":["export const TOGGLE_SIZE_MODIFIERS = {\n  sm: 'd-toggle--small',\n  md: '',\n};\n\nexport const TOGGLE_CHECKED_VALUES = [false, true, 'mixed'];\n\nexport default {\n  TOGGLE_SIZE_MODIFIERS,\n  TOGGLE_CHECKED_VALUES,\n};\n"],"names":[],"mappings":";;AAAY,MAAC,wBAAwB;AAAA,EACnC,IAAI;AAAA,EACJ,IAAI;AACN;AAEY,MAAC,wBAAwB,CAAC,OAAO,MAAM,OAAO;;;"}

package/dist/vue3/components/toggle/toggle_constants.js

@@ -1,10 +0,0 @@
-const TOGGLE_SIZE_MODIFIERS = {
-  sm: "d-toggle--small",
-  md: ""
-};
-const TOGGLE_CHECKED_VALUES = [false, true, "mixed"];
-export {
-  TOGGLE_CHECKED_VALUES,
-  TOGGLE_SIZE_MODIFIERS
-};
-//# sourceMappingURL=toggle_constants.js.map

package/dist/vue3/components/toggle/toggle_constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"toggle_constants.js","sources":["../../../components/toggle/toggle_constants.js"],"sourcesContent":["export const TOGGLE_SIZE_MODIFIERS = {\n  sm: 'd-toggle--small',\n  md: '',\n};\n\nexport const TOGGLE_CHECKED_VALUES = [false, true, 'mixed'];\n\nexport default {\n  TOGGLE_SIZE_MODIFIERS,\n  TOGGLE_CHECKED_VALUES,\n};\n"],"names":[],"mappings":"AAAY,MAAC,wBAAwB;AAAA,EACnC,IAAI;AAAA,EACJ,IAAI;AACN;AAEY,MAAC,wBAAwB,CAAC,OAAO,MAAM,OAAO;"}

package/dist/vue3/components/tooltip/tooltip.vue.cjs

@@ -1,450 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const tooltip_constants = require("./tooltip_constants.cjs");
-const popover_constants = require("../popover/popover_constants.cjs");
-const common_utils = require("../../common/utils.cjs");
-const tippy_utils = require("../popover/tippy_utils.cjs");
-const vue = require("vue");
-const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.cjs");
-const _sfc_main = {
-  compatConfig: { MODE: 3 },
-  name: "DtTooltip",
-  props: {
-    /**
-     * The id of the tooltip
-     */
-    id: {
-      type: String,
-      default() {
-        return common_utils.getUniqueString();
-      }
-    },
-    /**
-     * If the popover does not fit in the direction described by "placement",
-     * it will attempt to change its direction to the "fallbackPlacements"
-     * if defined, otherwise it will automatically position to a new location
-     * as it sees best fit. See
-     * <a
-     *   class="d-link"
-     *   href="https://popper.js.org/docs/v2/modifiers/flip/#fallbackplacements"
-     *   target="_blank"
-     * >
-     *   Popper.js docs
-     * </a>
-     * */
-    fallbackPlacements: {
-      type: Array,
-      default: () => ["auto"]
-    },
-    /**
-     * If true, applies inverted styles to the tooltip
-     * @values true, false
-     */
-    inverted: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     *  Displaces the tooltip from its reference element
-     *  by the specified number of pixels. See
-     *  <a
-     *    class="d-link"
-     *    href="https://atomiks.github.io/tippyjs/v6/all-props/#offset"
-     *    target="_blank"
-     *  >
-     *    Tippy.js docs
-     *  </a>
-     */
-    offset: {
-      type: Array,
-      default: () => [0, 12]
-    },
-    /**
-     * The direction the popover displays relative to the anchor. See
-     * <a
-     *   class="d-link"
-     *   href="https://atomiks.github.io/tippyjs/v6/all-props/#placement"
-     *   target="_blank"
-     * >
-     *   Tippy.js docs
-     * </a>
-     * @values top, top-start, top-end,
-     * right, right-start, right-end,
-     * left, left-start, left-end,
-     * bottom, bottom-start, bottom-end,
-     * auto, auto-start, auto-end
-     */
-    placement: {
-      type: String,
-      default: "top",
-      validator(placement) {
-        return tooltip_constants.TOOLTIP_DIRECTIONS.includes(placement);
-      }
-    },
-    /**
-     * If the tooltip sticks to the anchor. This is usually not needed, but can be needed
-     * if the reference element's position is animating, or to automatically update the popover
-     * position in those cases the DOM layout changes the reference element's position.
-     * `true` enables it, `reference` only checks the "reference" rect for changes and `popper` only
-     * checks the "popper" rect for changes. See
-     * <a
-     *   class="d-link"
-     *   href="https://atomiks.github.io/tippyjs/v6/all-props/#sticky"
-     *   target="_blank"
-     * >
-     *   Tippy.js docs
-     * </a>
-     * @values true, false, reference, popper
-     */
-    sticky: {
-      type: [Boolean, String],
-      default: true,
-      validator: (sticky) => {
-        return tooltip_constants.TOOLTIP_STICKY_VALUES.includes(sticky);
-      }
-    },
-    /**
-     * Sets the element to which the tooltip is going to append to.
-     * 'body' will append to the nearest body (supports shadow DOM).
-     * This prop is not reactive, must be set on initial render.
-     * @values 'body', 'parent', HTMLElement,
-     */
-    appendTo: {
-      type: [HTMLElement, String],
-      default: "body",
-      validator: (appendTo) => {
-        return popover_constants.POPOVER_APPEND_TO_VALUES.includes(appendTo) || appendTo instanceof HTMLElement;
-      }
-    },
-    /**
-     * Additional css classes for the tooltip content element.
-     * Can accept all of String, Object, and Array, i.e. has the
-     * same api as Vue's built-in handling of the class attribute.
-     */
-    contentClass: {
-      type: [String, Object, Array],
-      default: ""
-    },
-    /**
-     * A provided message for the tooltip content
-     */
-    message: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Controls whether hover/focus causes the tooltip to appear.
-     * Cannot be combined with the show prop. show value will be ignored.
-     * by default this is true, if you override with false, the tooltip will never show up.
-     */
-    enabled: {
-      type: Boolean,
-      default: true
-    },
-    /**
-     * Controls whether the tooltip is shown. Leaving this null will have the tooltip trigger on mouseover by default.
-     * If you set this value, the default mouseover behavior will be disabled and you can control it as you need.
-     * Supports .sync modifier
-     * @values null, true, false
-     */
-    show: {
-      type: Boolean,
-      default: null
-    },
-    /**
-     * Whether the tooltip should have a transition effect (fade).
-     */
-    transition: {
-      type: Boolean,
-      default: true
-    },
-    /**
-     * Whether the tooltip will have a delay when being focused or moused over.
-     * @values true, false
-     */
-    delay: {
-      type: Boolean,
-      default: true
-    },
-    /**
-     * Set a custom theme on the tooltip. See https://atomiks.github.io/tippyjs/v6/themes/
-     */
-    theme: {
-      type: String,
-      default: null
-    },
-    /**
-     * External anchor id to use in those cases the anchor can't be provided via the slot.
-     * For instance, using the combobox's input as the anchor for the popover.
-     */
-    externalAnchor: {
-      type: String,
-      default: null
-    }
-  },
-  emits: [
-    /**
-     * Emitted when tooltip is shown or hidden
-     *
-     * @event shown
-     * @type {Boolean}
-     */
-    "shown",
-    /**
-     * Sync show value
-     *
-     * @event update:show
-     */
-    "update:show"
-  ],
-  data() {
-    return {
-      TOOLTIP_KIND_MODIFIERS: tooltip_constants.TOOLTIP_KIND_MODIFIERS,
-      hasSlotContent: common_utils.hasSlotContent,
-      tip: null,
-      inTimer: null,
-      // Internal state for whether the tooltip is shown. Changing the prop
-      // will update this.
-      internalShow: false,
-      // this is where the placement currently is, this can be different than
-      // the placement prop when there is not enough available room for the tip
-      // to display and it uses a fallback placement.
-      currentPlacement: this.placement
-    };
-  },
-  computed: {
-    // eslint-disable-next-line complexity
-    tippyProps() {
-      return {
-        offset: this.offset,
-        delay: this.delay ? tooltip_constants.TOOLTIP_DELAY_MS : false,
-        placement: this.placement,
-        sticky: this.sticky,
-        theme: this.inverted ? "inverted" : this.theme,
-        animation: this.transition ? "fade" : false,
-        // onShown only triggers when transition is truthy
-        onShown: (tooltipInstance) => this.onShow(tooltipInstance, "onShown"),
-        // onShown will always be called, but it will be called before the animation is complete
-        onShow: (tooltipInstance) => this.onShow(tooltipInstance, "onShow"),
-        onHidden: this.onHide,
-        popperOptions: tippy_utils.getPopperOptions({
-          fallbackPlacements: this.fallbackPlacements,
-          hasHideModifierEnabled: true,
-          onChangePlacement: this.onChangePlacement
-        })
-      };
-    },
-    anchor() {
-      return this.externalAnchor ? document.body.querySelector(this.externalAnchor) : tippy_utils.getAnchor(this.$refs.anchor);
-    }
-  },
-  watch: {
-    tippyProps: {
-      handler: "setProps",
-      deep: true
-    },
-    show: {
-      handler: function(show) {
-        if (show !== null && this.enabled) {
-          this.internalShow = show;
-        }
-      },
-      immediate: true
-    },
-    internalShow(value) {
-      if (value) {
-        this.setProps();
-        this.tip.show();
-      } else {
-        this.tip.hide();
-      }
-    },
-    sticky(sticky) {
-      this.tip.setProps({
-        sticky
-      });
-    }
-  },
-  async mounted() {
-    if (!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.tip = tippy_utils.createTippy(this.anchor, this.initOptions());
-    if (this.externalAnchor) {
-      await common_utils.flushPromises();
-      this.addExternalAnchorEventListeners();
-    }
-    common_utils.warnIfUnmounted(common_utils.returnFirstEl(this.$el), this.$options.name);
-  },
-  beforeUnmount() {
-    var _a, _b;
-    this.externalAnchor && this.removeExternalAnchorEventListeners();
-    if ((_a = this.anchor) == null ? void 0 : _a._tippy) {
-      (_b = this.tip) == null ? void 0 : _b.destroy();
-    }
-  },
-  methods: {
-    calculateAnchorZindex() {
-      if (common_utils.returnFirstEl(this.$el).getRootNode().querySelector('.d-modal[aria-hidden="false"], .d-modal--transparent[aria-hidden="false"]') || // Special case because we don't have any dialtone drawer component yet. Render at 651 when
-      // anchor of popover is within a drawer.
-      common_utils.returnFirstEl(this.$el).closest(".d-zi-drawer")) {
-        return 651;
-      } else {
-        return 400;
-      }
-    },
-    hasVisibleFocus() {
-      return this.anchor.matches(":focus-visible");
-    },
-    onEnterAnchor(e) {
-      if (!this.enabled) return;
-      if (this.delay && this.inTimer === null) {
-        this.inTimer = setTimeout(() => {
-          this.triggerShow(e);
-        }, tooltip_constants.TOOLTIP_DELAY_MS);
-      } else {
-        this.triggerShow(e);
-      }
-    },
-    triggerShow(e) {
-      if (e.type === "focusin") {
-        if (this.show === null && this.hasVisibleFocus()) {
-          this.internalShow = true;
-        }
-      } else {
-        if (this.show === null) this.internalShow = true;
-      }
-    },
-    onLeaveAnchor(e) {
-      if (e.type === "keydown" && e.code !== "Escape") return;
-      clearTimeout(this.inTimer);
-      this.inTimer = null;
-      this.triggerHide();
-    },
-    triggerHide() {
-      if (this.show === null) this.internalShow = false;
-    },
-    onChangePlacement(placement) {
-      this.currentPlacement = placement;
-    },
-    onHide() {
-      var _a;
-      (_a = this.tip) == null ? void 0 : _a.unmount();
-      this.$emit("shown", false);
-      if (this.show !== null) {
-        this.$emit("update:show", false);
-      }
-    },
-    onShow(tooltipInstance, callingMethod) {
-      if (!this.tooltipHasContent(tooltipInstance)) {
-        return false;
-      }
-      if (this.transition && callingMethod === "onShow") {
-        return;
-      }
-      this.$emit("shown", true);
-      if (this.show !== null) {
-        this.$emit("update:show", true);
-      }
-    },
-    setProps() {
-      var _a, _b;
-      if (this.tip && this.tip.setProps) {
-        this.tip.setProps({
-          ...this.tippyProps,
-          // these need to be set here rather than in tippyProps because they are non-reactive
-          appendTo: this.appendTo === "body" ? (_b = (_a = this.anchor) == null ? void 0 : _a.getRootNode()) == null ? void 0 : _b.querySelector("body") : this.appendTo,
-          zIndex: this.calculateAnchorZindex()
-        });
-      }
-    },
-    onMount() {
-      this.setProps();
-    },
-    tooltipHasContent(tooltipInstance) {
-      if (tooltipInstance.props.content.textContent.trim().length === 0) {
-        return false;
-      }
-      return true;
-    },
-    // set initial options here. If any of the options need to dynamically change, they should be put in
-    // tippyProps instead.
-    initOptions() {
-      const template = this.$refs.content;
-      return {
-        content: template,
-        arrow: '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="7"><path d="M 14.5,7 8,0 1.5,7 Z"/></svg>',
-        // transition duration - same as our custom fade delay in dialtone-globals.less
-        duration: 180,
-        interactive: false,
-        trigger: "manual",
-        hideOnClick: false,
-        // disable tooltip from displaying on touch devices
-        touch: false,
-        onMount: this.onMount,
-        showOnCreate: this.internalShow,
-        popperOptions: tippy_utils.getPopperOptions({
-          hasHideModifierEnabled: true
-        })
-      };
-    },
-    addExternalAnchorEventListeners() {
-      ["focusin", "mouseenter"].forEach((listener) => {
-        var _a;
-        (_a = this.anchor) == null ? void 0 : _a.addEventListener(listener, (event) => this.onEnterAnchor(event));
-      });
-      ["focusout", "mouseleave", "keydown"].forEach((listener) => {
-        var _a;
-        (_a = this.anchor) == null ? void 0 : _a.addEventListener(listener, (event) => this.onLeaveAnchor(event));
-      });
-    },
-    removeExternalAnchorEventListeners() {
-      ["focusin", "mouseenter"].forEach((listener) => {
-        var _a;
-        (_a = this.anchor) == null ? void 0 : _a.removeEventListener(listener, (event) => this.onEnterAnchor(event));
-      });
-      ["focusout", "mouseleave", "keydown"].forEach((listener) => {
-        var _a;
-        (_a = this.anchor) == null ? void 0 : _a.removeEventListener(listener, (event) => this.onLeaveAnchor(event));
-      });
-    }
-  }
-};
-const _hoisted_1 = { "data-qa": "dt-tooltip-container" };
-const _hoisted_2 = ["id"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-    !$props.externalAnchor ? (vue.openBlock(), vue.createElementBlock("span", {
-      key: 0,
-      ref: "anchor",
-      "data-qa": "dt-tooltip-anchor",
-      onFocusin: _cache[0] || (_cache[0] = (...args) => $options.onEnterAnchor && $options.onEnterAnchor(...args)),
-      onFocusout: _cache[1] || (_cache[1] = (...args) => $options.onLeaveAnchor && $options.onLeaveAnchor(...args)),
-      onMouseenter: _cache[2] || (_cache[2] = (...args) => $options.onEnterAnchor && $options.onEnterAnchor(...args)),
-      onMouseleave: _cache[3] || (_cache[3] = (...args) => $options.onLeaveAnchor && $options.onLeaveAnchor(...args)),
-      onKeydown: _cache[4] || (_cache[4] = vue.withKeys((...args) => $options.onLeaveAnchor && $options.onLeaveAnchor(...args), ["esc"]))
-    }, [
-      vue.renderSlot(_ctx.$slots, "anchor")
-    ], 544)) : vue.createCommentVNode("", true),
-    vue.createElementVNode("div", {
-      id: $props.id,
-      ref: "content",
-      "data-qa": "dt-tooltip",
-      class: vue.normalizeClass([
-        "d-tooltip",
-        {
-          [$data.TOOLTIP_KIND_MODIFIERS.inverted]: $props.inverted
-        },
-        $props.contentClass
-      ])
-    }, [
-      vue.renderSlot(_ctx.$slots, "default", {}, () => [
-        vue.createTextVNode(vue.toDisplayString($props.message), 1)
-      ])
-    ], 10, _hoisted_2)
-  ]);
-}
-const DtTooltip = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
-exports.default = DtTooltip;
-//# sourceMappingURL=tooltip.vue.cjs.map