@dialpad/dialtone-vue 3.159.0 → 3.159.1

package/dist/components/tooltip/tooltip.vue.js

@@ -1,450 +0,0 @@
-import { TOOLTIP_DIRECTIONS, TOOLTIP_STICKY_VALUES, TOOLTIP_KIND_MODIFIERS, TOOLTIP_DELAY_MS } from "./tooltip_constants.js";
-import { POPOVER_APPEND_TO_VALUES } from "../popover/popover_constants.js";
-import { getUniqueString, hasSlotContent, flushPromises, warnIfUnmounted } from "../../common/utils.js";
-import { getPopperOptions, getAnchor, createTippy } from "../popover/tippy_utils.js";
-import { openBlock, createElementBlock, withKeys, renderSlot, createCommentVNode, createElementVNode, normalizeClass, createTextVNode, toDisplayString } from "vue";
-/* empty css             */
-import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
-const _sfc_main = {
-  name: "DtTooltip",
-  props: {
-    /**
-     * The id of the tooltip
-     */
-    id: {
-      type: String,
-      default() {
-        return 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_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_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_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,
-      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_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: getPopperOptions({
-          fallbackPlacements: this.fallbackPlacements,
-          hasHideModifierEnabled: true,
-          onChangePlacement: this.onChangePlacement
-        })
-      };
-    },
-    anchor() {
-      return this.externalAnchor ? document.body.querySelector(this.externalAnchor) : 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 = createTippy(this.anchor, this.initOptions());
-    if (this.externalAnchor) {
-      await flushPromises();
-      this.addExternalAnchorEventListeners();
-    }
-    warnIfUnmounted(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 (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.
-      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_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: 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 openBlock(), createElementBlock("div", _hoisted_1, [
-    !$props.externalAnchor ? (openBlock(), 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] = withKeys((...args) => $options.onLeaveAnchor && $options.onLeaveAnchor(...args), ["esc"]))
-    }, [
-      renderSlot(_ctx.$slots, "anchor")
-    ], 544)) : createCommentVNode("", true),
-    createElementVNode("div", {
-      id: $props.id,
-      ref: "content",
-      "data-qa": "dt-tooltip",
-      class: normalizeClass([
-        "d-tooltip",
-        {
-          [$data.TOOLTIP_KIND_MODIFIERS.inverted]: $props.inverted
-        },
-        $props.contentClass
-      ])
-    }, [
-      renderSlot(_ctx.$slots, "default", {}, () => [
-        createTextVNode(toDisplayString($props.message), 1)
-      ])
-    ], 10, _hoisted_2)
-  ]);
-}
-const DtTooltip = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export {
-  DtTooltip as default
-};
-//# sourceMappingURL=tooltip.vue.js.map

package/dist/components/tooltip/tooltip.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tooltip.vue.js","sources":["../../../components/tooltip/tooltip.vue"],"sourcesContent":["<template>\n  <div data-qa=\"dt-tooltip-container\">\n    <!-- disabling as the below events are for capturing events from interactive\n         elements within the span rather than on the span itself -->\n    <!-- eslint-disable-next-line vuejs-accessibility/no-static-element-interactions -->\n    <span\n      v-if=\"!externalAnchor\"\n      ref=\"anchor\"\n      data-qa=\"dt-tooltip-anchor\"\n      @focusin=\"onEnterAnchor\"\n      @focusout=\"onLeaveAnchor\"\n      @mouseenter=\"onEnterAnchor\"\n      @mouseleave=\"onLeaveAnchor\"\n      @keydown.esc=\"onLeaveAnchor\"\n    >\n      <!-- @slot Slot for the anchor element -->\n      <slot\n        name=\"anchor\"\n      />\n    </span>\n    <div\n      :id=\"id\"\n      ref=\"content\"\n      data-qa=\"dt-tooltip\"\n      :class=\"[\n        'd-tooltip',\n        {\n          [ TOOLTIP_KIND_MODIFIERS.inverted ]: inverted,\n        },\n        contentClass,\n      ]\"\n    >\n      <!-- In case when transitionend event doesn't work correct (for ex. tooltip component with custom trigger) -->\n      <!-- after-leave event can be used instead of transitionend -->\n      <!-- @slot Slot for the content, defaults to message prop -->\n      <slot>\n        {{ message }}\n      </slot>\n    </div>\n  </div>\n</template>\n\n<script>\nimport {\n  TOOLTIP_KIND_MODIFIERS,\n  TOOLTIP_DIRECTIONS,\n  TOOLTIP_STICKY_VALUES,\n  TOOLTIP_DELAY_MS,\n} from './tooltip_constants.js';\nimport {\n  POPOVER_APPEND_TO_VALUES,\n} from '../popover/popover_constants';\nimport { flushPromises, getUniqueString, hasSlotContent, warnIfUnmounted } from '@/common/utils';\nimport {\n  createTippy,\n  getAnchor,\n  getPopperOptions,\n} from '@/components/popover/tippy_utils';\n\n/**\n * A tooltip is a floating label that briefly explains an action, function, or an element.\n * Its content is exclusively text and shouldn't be vital information for users.\n * If richer media is desired, consider using a popover instead.\n * @see https://dialtone.dialpad.com/components/tooltip.html\n */\nexport default {\n  name: 'DtTooltip',\n\n  props: {\n    /**\n     * The id of the tooltip\n     */\n    id: {\n      type: String,\n      default () { return getUniqueString(); },\n    },\n\n    /**\n     * If the popover does not fit in the direction described by \"placement\",\n     * it will attempt to change its direction to the \"fallbackPlacements\"\n     * if defined, otherwise it will automatically position to a new location\n     * as it sees best fit. See\n     * <a\n     *   class=\"d-link\"\n     *   href=\"https://popper.js.org/docs/v2/modifiers/flip/#fallbackplacements\"\n     *   target=\"_blank\"\n     * >\n     *   Popper.js docs\n     * </a>\n     * */\n    fallbackPlacements: {\n      type: Array,\n      default: () => ['auto'],\n    },\n\n    /**\n     * If true, applies inverted styles to the tooltip\n     * @values true, false\n     */\n    inverted: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     *  Displaces the tooltip from its reference element\n     *  by the specified number of pixels. See\n     *  <a\n     *    class=\"d-link\"\n     *    href=\"https://atomiks.github.io/tippyjs/v6/all-props/#offset\"\n     *    target=\"_blank\"\n     *  >\n     *    Tippy.js docs\n     *  </a>\n     */\n    offset: {\n      type: Array,\n      default: () => [0, 12],\n    },\n\n    /**\n     * The direction the popover displays relative to the anchor. See\n     * <a\n     *   class=\"d-link\"\n     *   href=\"https://atomiks.github.io/tippyjs/v6/all-props/#placement\"\n     *   target=\"_blank\"\n     * >\n     *   Tippy.js docs\n     * </a>\n     * @values top, top-start, top-end,\n     * right, right-start, right-end,\n     * left, left-start, left-end,\n     * bottom, bottom-start, bottom-end,\n     * auto, auto-start, auto-end\n     */\n    placement: {\n      type: String,\n      default: 'top',\n      validator (placement) {\n        return TOOLTIP_DIRECTIONS.includes(placement);\n      },\n    },\n\n    /**\n     * If the tooltip sticks to the anchor. This is usually not needed, but can be needed\n     * if the reference element's position is animating, or to automatically update the popover\n     * position in those cases the DOM layout changes the reference element's position.\n     * `true` enables it, `reference` only checks the \"reference\" rect for changes and `popper` only\n     * checks the \"popper\" rect for changes. See\n     * <a\n     *   class=\"d-link\"\n     *   href=\"https://atomiks.github.io/tippyjs/v6/all-props/#sticky\"\n     *   target=\"_blank\"\n     * >\n     *   Tippy.js docs\n     * </a>\n     * @values true, false, reference, popper\n     */\n    sticky: {\n      type: [Boolean, String],\n      default: true,\n      validator: (sticky) => {\n        return TOOLTIP_STICKY_VALUES.includes(sticky);\n      },\n    },\n\n    /**\n     * Sets the element to which the tooltip is going to append to.\n     * 'body' will append to the nearest body (supports shadow DOM).\n     * This prop is not reactive, must be set on initial render.\n     * @values 'body', 'parent', HTMLElement,\n     */\n    appendTo: {\n      type: [HTMLElement, String],\n      default: 'body',\n      validator: appendTo => {\n        return POPOVER_APPEND_TO_VALUES.includes(appendTo) ||\n            (appendTo instanceof HTMLElement);\n      },\n    },\n\n    /**\n     * Additional css classes for the tooltip content element.\n     * Can accept all of String, Object, and Array, i.e. has the\n     * same api as Vue's built-in handling of the class attribute.\n     */\n    contentClass: {\n      type: [String, Object, Array],\n      default: '',\n    },\n\n    /**\n     * A provided message for the tooltip content\n     */\n    message: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Controls whether hover/focus causes the tooltip to appear.\n     * Cannot be combined with the show prop. show value will be ignored.\n     * by default this is true, if you override with false, the tooltip will never show up.\n     */\n    enabled: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Controls whether the tooltip is shown. Leaving this null will have the tooltip trigger on mouseover by default.\n     * If you set this value, the default mouseover behavior will be disabled and you can control it as you need.\n     * Supports .sync modifier\n     * @values null, true, false\n     */\n    show: {\n      type: Boolean,\n      default: null,\n    },\n\n    /**\n     * Whether the tooltip should have a transition effect (fade).\n     */\n    transition: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Whether the tooltip will have a delay when being focused or moused over.\n     * @values true, false\n     */\n    delay: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Set a custom theme on the tooltip. See https://atomiks.github.io/tippyjs/v6/themes/\n     */\n    theme: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * External anchor id to use in those cases the anchor can't be provided via the slot.\n     * For instance, using the combobox's input as the anchor for the popover.\n     */\n    externalAnchor: {\n      type: String,\n      default: null,\n    },\n  },\n\n  emits: [\n    /**\n     * Emitted when tooltip is shown or hidden\n     *\n     * @event shown\n     * @type {Boolean}\n     */\n    'shown',\n\n    /**\n     * Sync show value\n     *\n     * @event update:show\n     */\n    'update:show',\n  ],\n\n  data () {\n    return {\n      TOOLTIP_KIND_MODIFIERS,\n      hasSlotContent,\n      tip: null,\n\n      inTimer: null,\n\n      // Internal state for whether the tooltip is shown. Changing the prop\n      // will update this.\n      internalShow: false,\n\n      // this is where the placement currently is, this can be different than\n      // the placement prop when there is not enough available room for the tip\n      // to display and it uses a fallback placement.\n      currentPlacement: this.placement,\n    };\n  },\n\n  computed: {\n    // eslint-disable-next-line complexity\n    tippyProps () {\n      return {\n        offset: this.offset,\n        delay: this.delay ? TOOLTIP_DELAY_MS : false,\n        placement: this.placement,\n        sticky: this.sticky,\n        theme: this.inverted ? 'inverted' : this.theme,\n        animation: this.transition ? 'fade' : false,\n        // onShown only triggers when transition is truthy\n        onShown: (tooltipInstance) => this.onShow(tooltipInstance, 'onShown'),\n        // onShown will always be called, but it will be called before the animation is complete\n        onShow: (tooltipInstance) => this.onShow(tooltipInstance, 'onShow'),\n        onHidden: this.onHide,\n\n        popperOptions: getPopperOptions({\n          fallbackPlacements: this.fallbackPlacements,\n          hasHideModifierEnabled: true,\n          onChangePlacement: this.onChangePlacement,\n        }),\n      };\n    },\n\n    anchor () {\n      return this.externalAnchor ? document.body.querySelector(this.externalAnchor) : getAnchor(this.$refs.anchor);\n    },\n  },\n\n  watch: {\n\n    tippyProps: {\n      handler: 'setProps',\n      deep: true,\n    },\n\n    show: {\n      handler: function (show) {\n        if (show !== null && this.enabled) {\n          this.internalShow = show;\n        }\n      },\n\n      immediate: true,\n    },\n\n    internalShow (value) {\n      if (value) {\n        this.setProps();\n        this.tip.show();\n      } else {\n        this.tip.hide();\n      }\n    },\n\n    sticky (sticky) {\n      this.tip.setProps({\n        sticky,\n      });\n    },\n  },\n\n  async mounted () {\n    if (!this.enabled && this.show != null) {\n      console.warn('Tooltip: You cannot use both the enabled and show props at the same time.');\n      console.warn('The show prop will be ignored.');\n    }\n\n    this.tip = createTippy(this.anchor, this.initOptions());\n    if (this.externalAnchor) {\n      await flushPromises();\n      this.addExternalAnchorEventListeners();\n    }\n    warnIfUnmounted(this.$el, this.$options.name);\n  },\n\n  beforeUnmount () {\n    this.externalAnchor && this.removeExternalAnchorEventListeners();\n\n    if (this.anchor?._tippy) {\n      this.tip?.destroy();\n    }\n  },\n\n  methods: {\n    calculateAnchorZindex () {\n      // if a modal is currently active render at modal-element z-index, otherwise at tooltip z-index\n      if (this.$el.getRootNode()\n        .querySelector('.d-modal[aria-hidden=\"false\"], .d-modal--transparent[aria-hidden=\"false\"]') ||\n        // Special case because we don't have any dialtone drawer component yet. Render at 651 when\n        // anchor of popover is within a drawer.\n        this.$el.closest('.d-zi-drawer')) {\n        return 651;\n      } else {\n        return 400;\n      }\n    },\n\n    hasVisibleFocus () {\n      return this.anchor.matches(':focus-visible');\n    },\n\n    onEnterAnchor (e) {\n      if (!this.enabled) return;\n      if (this.delay && this.inTimer === null) {\n        this.inTimer = setTimeout(() => {\n          this.triggerShow(e);\n        }, TOOLTIP_DELAY_MS);\n      } else {\n        this.triggerShow(e);\n      }\n    },\n\n    triggerShow (e) {\n      if (e.type === 'focusin') {\n        // only show tooltips on visible focus when triggered via focus.\n        // when the user is using the mouse they only want tooltips to display\n        // on mouseover.\n        //\n        // Example: anchor of a popover is a button with tooltip.\n        // closing it with the mouse would trigger the tooltip to display as\n        // the anchor is focused on close. Not what we want.\n        if (this.show === null && this.hasVisibleFocus()) {\n          this.internalShow = true;\n        }\n      } else {\n        if (this.show === null) this.internalShow = true;\n      }\n    },\n\n    onLeaveAnchor (e) {\n      if (e.type === 'keydown' && e.code !== 'Escape') return;\n\n      clearTimeout(this.inTimer);\n      this.inTimer = null;\n      this.triggerHide();\n    },\n\n    triggerHide () {\n      if (this.show === null) this.internalShow = false;\n    },\n\n    onChangePlacement (placement) {\n      this.currentPlacement = placement;\n    },\n\n    onHide () {\n      this.tip?.unmount();\n      this.$emit('shown', false);\n      if (this.show !== null) {\n        this.$emit('update:show', false);\n      }\n    },\n\n    onShow (tooltipInstance, callingMethod) {\n      if (!this.tooltipHasContent(tooltipInstance)) {\n        return false;\n      }\n      if (this.transition && callingMethod === 'onShow') {\n        return;\n      }\n      this.$emit('shown', true);\n      if (this.show !== null) {\n        this.$emit('update:show', true);\n      }\n    },\n\n    setProps () {\n      if (this.tip && this.tip.setProps) {\n        this.tip.setProps({\n          ...this.tippyProps,\n          // these need to be set here rather than in tippyProps because they are non-reactive\n          appendTo: this.appendTo === 'body' ? this.anchor?.getRootNode()?.querySelector('body') : this.appendTo,\n          zIndex: this.calculateAnchorZindex(),\n        });\n      }\n    },\n\n    onMount () {\n      this.setProps();\n    },\n\n    tooltipHasContent (tooltipInstance) {\n      // don't show tooltip when no content\n      if (tooltipInstance.props.content.textContent.trim().length === 0) {\n        return false;\n      }\n      return true;\n    },\n\n    // set initial options here. If any of the options need to dynamically change, they should be put in\n    // tippyProps instead.\n    initOptions () {\n      const template = this.$refs.content;\n      return {\n        content: template,\n        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>',\n        // transition duration - same as our custom fade delay in dialtone-globals.less\n        duration: 180,\n        interactive: false,\n        trigger: 'manual',\n        hideOnClick: false,\n        // disable tooltip from displaying on touch devices\n        touch: false,\n        onMount: this.onMount,\n        showOnCreate: this.internalShow,\n        popperOptions: getPopperOptions({\n          hasHideModifierEnabled: true,\n        }),\n      };\n    },\n\n    addExternalAnchorEventListeners () {\n      ['focusin', 'mouseenter'].forEach(listener => {\n        this.anchor?.addEventListener(listener, (event) => this.onEnterAnchor(event));\n      });\n      ['focusout', 'mouseleave', 'keydown'].forEach(listener => {\n        this.anchor?.addEventListener(listener, (event) => this.onLeaveAnchor(event));\n      });\n    },\n\n    removeExternalAnchorEventListeners () {\n      ['focusin', 'mouseenter'].forEach(listener => {\n        this.anchor?.removeEventListener(listener, (event) => this.onEnterAnchor(event));\n      });\n      ['focusout', 'mouseleave', 'keydown'].forEach(listener => {\n        this.anchor?.removeEventListener(listener, (event) => this.onLeaveAnchor(event));\n      });\n    },\n  },\n};\n</script>\n\n<style lang=\"less\">\n@import 'tippy.js/dist/svg-arrow.css';\n\n.tippy-box[data-reference-hidden] {\n  visibility: hidden;\n  pointer-events: none;\n}\n\n.tippy-box > .tippy-svg-arrow {\n  fill: var(--dt-color-surface-contrast);\n}\n\n.tippy-box[data-theme~='inverted'] > .tippy-svg-arrow {\n  fill: var(--dt-color-surface-moderate);\n}\n\n.tippy-box[data-animation='fade'][data-state='hidden'] {\n  opacity: 0;\n}\n</style>\n"],"names":["_openBlock","_createElementBlock","_withKeys","_renderSlot","_createCommentVNode","_createElementVNode","_normalizeClass","_createTextVNode","_toDisplayString"],"mappings":"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"}

package/dist/components/tooltip/tooltip_constants.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"tooltip_constants.cjs","sources":["../../../components/tooltip/tooltip_constants.js"],"sourcesContent":["/*\n* Tippy directions - https://atomiks.github.io/tippyjs/v6/all-props/#placement\n* */\nimport { BASE_TIPPY_DIRECTIONS, TIPPY_STICKY_VALUES } from '@/components/popover/tippy_utils';\n\nexport const TOOLTIP_DIRECTIONS = [\n  ...BASE_TIPPY_DIRECTIONS,\n];\n\nexport const TOOLTIP_DELAY_MS = 300;\n\nexport const TOOLTIP_KIND_MODIFIERS = {\n  hover: `d-tooltip--hover`,\n  show: `d-tooltip--show`,\n  inverted: `d-tooltip--inverted`,\n  hide: `d-tooltip--hide`,\n};\n\nexport const TOOLTIP_STICKY_VALUES = [\n  ...TIPPY_STICKY_VALUES,\n];\n\nexport const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];\n\nexport default {\n  TOOLTIP_DIRECTIONS,\n  TOOLTIP_DELAY_MS,\n  TOOLTIP_KIND_MODIFIERS,\n  TOOLTIP_STICKY_VALUES,\n  TOOLTIP_HIDE_ON_CLICK_VARIANTS,\n};\n"],"names":["BASE_TIPPY_DIRECTIONS","TIPPY_STICKY_VALUES"],"mappings":";;;AAKY,MAAC,qBAAqB;AAAA,EAChC,GAAGA,YAAqB;AAC1B;AAEY,MAAC,mBAAmB;AAEpB,MAAC,yBAAyB;AAAA,EACpC,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AACR;AAEY,MAAC,wBAAwB;AAAA,EACnC,GAAGC,YAAmB;AACxB;AAEY,MAAC,iCAAiC,CAAC,MAAM,OAAO,QAAQ;;;;;;"}

package/dist/components/tooltip/tooltip_constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tooltip_constants.js","sources":["../../../components/tooltip/tooltip_constants.js"],"sourcesContent":["/*\n* Tippy directions - https://atomiks.github.io/tippyjs/v6/all-props/#placement\n* */\nimport { BASE_TIPPY_DIRECTIONS, TIPPY_STICKY_VALUES } from '@/components/popover/tippy_utils';\n\nexport const TOOLTIP_DIRECTIONS = [\n  ...BASE_TIPPY_DIRECTIONS,\n];\n\nexport const TOOLTIP_DELAY_MS = 300;\n\nexport const TOOLTIP_KIND_MODIFIERS = {\n  hover: `d-tooltip--hover`,\n  show: `d-tooltip--show`,\n  inverted: `d-tooltip--inverted`,\n  hide: `d-tooltip--hide`,\n};\n\nexport const TOOLTIP_STICKY_VALUES = [\n  ...TIPPY_STICKY_VALUES,\n];\n\nexport const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];\n\nexport default {\n  TOOLTIP_DIRECTIONS,\n  TOOLTIP_DELAY_MS,\n  TOOLTIP_KIND_MODIFIERS,\n  TOOLTIP_STICKY_VALUES,\n  TOOLTIP_HIDE_ON_CLICK_VARIANTS,\n};\n"],"names":[],"mappings":";AAKY,MAAC,qBAAqB;AAAA,EAChC,GAAG;AACL;AAEY,MAAC,mBAAmB;AAEpB,MAAC,yBAAyB;AAAA,EACpC,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AACR;AAEY,MAAC,wBAAwB;AAAA,EACnC,GAAG;AACL;AAEY,MAAC,iCAAiC,CAAC,MAAM,OAAO,QAAQ;"}

package/dist/components/validation_messages/validation_messages.vue.cjs

@@ -1,89 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const common_validators = require("../../common/validators.cjs");
-const common_utils = require("../../common/utils.cjs");
-const vue = require("vue");
-const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.cjs");
-const _sfc_main = {
-  name: "DtValidationMessages",
-  props: {
-    /**
-     * The id of the validation message
-     */
-    id: {
-      type: String,
-      default() {
-        return common_utils.getUniqueString();
-      }
-    },
-    /**
-     * Array of validation messages. Each message has the following structure:
-     * `{ message: "Some informative message", type: "error|warning|success"}`
-     */
-    validationMessages: {
-      type: Array,
-      default: () => [],
-      validator: (messages) => common_validators.validationMessageValidator(messages)
-    },
-    /**
-     * Show Validation messages
-     * @values true, false
-     */
-    showMessages: {
-      type: Boolean,
-      default: true
-    }
-  },
-  computed: {
-    isFilteredValidationMessagesEmpty() {
-      return this.filteredValidationMessages.length === 0;
-    },
-    filteredValidationMessages() {
-      return common_utils.filterFormattedMessages(this.validationMessages);
-    },
-    validationState() {
-      return common_utils.getValidationState(this.validationMessages);
-    }
-  },
-  methods: {
-    getMessageKey(type, index) {
-      return `validation-message-${type}-${index}-${this.id}`;
-    },
-    messageTypeClass(type) {
-      const messageTypesClasses = {
-        error: "base-input__message--error d-validation-message--error",
-        warning: "base-input__message--warning d-validation-message--warning",
-        success: "base-input__message--success d-validation-message--success"
-      };
-      return messageTypesClasses[type];
-    }
-  }
-};
-const _hoisted_1 = {
-  key: 0,
-  class: "base-input__messages d-validation-message__container",
-  "data-qa": "validation-messages-container"
-};
-const _hoisted_2 = ["innerHTML"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return $props.showMessages && !$options.isFilteredValidationMessagesEmpty ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($options.filteredValidationMessages, ({ message, type }, index) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        key: $options.getMessageKey(type, index),
-        role: "status",
-        "aria-live": "polite",
-        "data-qa": "validation-message",
-        class: vue.normalizeClass([
-          "base-input__message",
-          "d-validation-message",
-          $options.messageTypeClass(type)
-        ])
-      }, [
-        vue.createElementVNode("p", { innerHTML: message }, null, 8, _hoisted_2)
-      ], 2);
-    }), 128))
-  ])) : vue.createCommentVNode("", true);
-}
-const DtValidationMessages = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
-exports.default = DtValidationMessages;
-//# sourceMappingURL=validation_messages.vue.cjs.map

package/dist/components/validation_messages/validation_messages.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"validation_messages.vue.cjs","sources":["../../../components/validation_messages/validation_messages.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"showMessages && !isFilteredValidationMessagesEmpty\"\n    class=\"base-input__messages d-validation-message__container\"\n    data-qa=\"validation-messages-container\"\n  >\n    <div\n      v-for=\"({ message, type }, index) in filteredValidationMessages\"\n      :key=\"getMessageKey(type, index)\"\n      role=\"status\"\n      aria-live=\"polite\"\n      data-qa=\"validation-message\"\n      :class=\"[\n        'base-input__message',\n        'd-validation-message',\n        messageTypeClass(type),\n      ]\"\n    >\n      <p v-html=\"message\" />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { validationMessageValidator } from '@/common/validators';\nimport {\n  getUniqueString,\n  filterFormattedMessages,\n  getValidationState,\n} from '@/common/utils';\n\n/**\n * Validation messages are used to convey information to the user about the current state of the input element.\n * These messages can have an error, warning or success type.\n * @see https://dialtone.dialpad.com/components/validation_messages.html\n */\nexport default {\n  name: 'DtValidationMessages',\n\n  props: {\n    /**\n     * The id of the validation message\n     */\n    id: {\n      type: String,\n      default () {\n        return getUniqueString();\n      },\n    },\n\n    /**\n     * Array of validation messages. Each message has the following structure:\n     * `{ message: \"Some informative message\", type: \"error|warning|success\"}`\n     */\n    validationMessages: {\n      type: Array,\n      default: () => [],\n      validator: messages => validationMessageValidator(messages),\n    },\n\n    /**\n     * Show Validation messages\n     * @values true, false\n     */\n    showMessages: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  computed: {\n    isFilteredValidationMessagesEmpty () {\n      return this.filteredValidationMessages.length === 0;\n    },\n\n    filteredValidationMessages () {\n      return filterFormattedMessages(this.validationMessages);\n    },\n\n    validationState () {\n      return getValidationState(this.validationMessages);\n    },\n  },\n\n  methods: {\n    getMessageKey (type, index) {\n      return `validation-message-${type}-${index}-${this.id}`;\n    },\n\n    messageTypeClass (type) {\n      const messageTypesClasses = {\n        error: 'base-input__message--error d-validation-message--error',\n        warning: 'base-input__message--warning d-validation-message--warning',\n        success: 'base-input__message--success d-validation-message--success',\n      };\n\n      return messageTypesClasses[type];\n    },\n  },\n};\n</script>\n"],"names":["getUniqueString","validationMessageValidator","filterFormattedMessages","getValidationState","_openBlock","_createElementBlock","_Fragment","_renderList","_normalizeClass","_createElementVNode","_createCommentVNode"],"mappings":";;;;;;AAoCA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EAEN,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,IAAI;AAAA,MACF,MAAM;AAAA,MACN,UAAW;AACT,eAAOA,aAAe,gBAAA;AAAA,MACvB;AAAA,IACF;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,oBAAoB;AAAA,MAClB,MAAM;AAAA,MACN,SAAS,MAAM,CAAE;AAAA,MACjB,WAAW,cAAYC,kBAA0B,2BAAC,QAAQ;AAAA,IAC3D;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AAAA,EAED,UAAU;AAAA,IACR,oCAAqC;AACnC,aAAO,KAAK,2BAA2B,WAAW;AAAA,IACnD;AAAA,IAED,6BAA8B;AAC5B,aAAOC,aAAuB,wBAAC,KAAK,kBAAkB;AAAA,IACvD;AAAA,IAED,kBAAmB;AACjB,aAAOC,aAAkB,mBAAC,KAAK,kBAAkB;AAAA,IAClD;AAAA,EACF;AAAA,EAED,SAAS;AAAA,IACP,cAAe,MAAM,OAAO;AAC1B,aAAO,sBAAsB,IAAI,IAAI,KAAK,IAAI,KAAK,EAAE;AAAA,IACtD;AAAA,IAED,iBAAkB,MAAM;AACtB,YAAM,sBAAsB;AAAA,QAC1B,OAAO;AAAA,QACP,SAAS;AAAA,QACT,SAAS;AAAA;AAGX,aAAO,oBAAoB,IAAI;AAAA,IAChC;AAAA,EACF;AACH;;EAnGA,KAAA;AAAA,EAGI,OAAM;AAAA,EACN,WAAQ;;AAJZ,MAAA,aAAA,CAAA,WAAA;;AAEU,SAAA,OAAA,iBAAiB,SAAiC,qCAD1DC,IAAAA,aAAAC,IAAAA,mBAmBM,OAnBN,YAmBM;AAAA,0BAdJA,uBAaMC,IAAAA,UAAA,MAnBVC,IAAAA,WAO2C,SAA0B,4BAPrE,GAOgB,SAAS,KAAI,GAAI,UAAK;8BADlCF,IAaM,mBAAA,OAAA;AAAA,QAXH,KAAK,SAAA,cAAc,MAAM,KAAK;AAAA,QAC/B,MAAK;AAAA,QACL,aAAU;AAAA,QACV,WAAQ;AAAA,QACP,OAZPG,IAAAA,eAAA;AAAA;;UAYuF,SAAA,iBAAiB,IAAI;AAAA;;QAMtGC,IAAA,mBAAsB,KAAnB,EAAA,WAAQ,QAAO,GAlBxB,MAAA,GAAA,UAAA;AAAA;;QAAAC,IAAA,mBAAA,IAAA,IAAA;;;;"}