@dialpad/dialtone-vue 3.94.0 → 3.94.2

package/dist/tooltip-0cdd1500.js

@@ -1,738 +0,0 @@
-import I, { sticky as L } from "/home/runner/work/dialtone-vue/dialtone-vue/node_modules/tippy.js/dist/tippy.esm.js";
-import { h as P, Comment as O, Text as C, openBlock as c, createBlock as N, Transition as D, mergeProps as f, withCtx as p, withDirectives as k, createElementVNode as z, normalizeProps as U, guardReactiveProps as V, renderSlot as u, createCommentVNode as m, vShow as M, resolveComponent as F, createElementBlock as h, withKeys as j, createVNode as B, toHandlers as H, createTextVNode as Y, toDisplayString as $ } from "vue";
-const a = {
-  ERROR: "error",
-  WARNING: "warning",
-  SUCCESS: "success"
-}, Ue = {
-  LARGE: "lg",
-  EXTRA_LARGE: "xl"
-}, Ve = {
-  xs: "",
-  sm: "",
-  md: "",
-  lg: "d-description--lg",
-  xl: "d-description--xl"
-}, Me = {
-  xs: "d-label--xs",
-  sm: "d-label--sm",
-  md: "",
-  lg: "d-label--lg",
-  xl: "d-label--xl"
-}, Fe = {
-  esc: "Esc",
-  escape: "Escape",
-  tab: "Tab",
-  enter: "Enter",
-  space: "Space",
-  spacebar: "Spacebar",
-  up: "Up",
-  arrowup: "ArrowUp",
-  left: "Left",
-  arrowleft: "ArrowLeft",
-  right: "Right",
-  arrowright: "ArrowRight",
-  down: "Down",
-  arrowdown: "ArrowDown",
-  home: "Home",
-  end: "End"
-}, q = a.ERROR, K = "dt";
-let G = 0, d;
-const W = typeof setImmediate == "function" ? setImmediate : setTimeout;
-function E(e = K) {
-  return `${e}${G++}`;
-}
-function Z(e, t) {
-  if (t) {
-    const n = Q(t);
-    return e[Math.abs(n) % e.length];
-  } else
-    return e[g(e.length)];
-}
-function Q(e) {
-  let t;
-  for (let n = 0; n < e.length; n++)
-    t = Math.imul(31, t) + e.charCodeAt(n) | 0;
-  return t;
-}
-function g(e) {
-  return Math.floor(Math.random() * e);
-}
-function X(e) {
-  return e ? e.map((t) => typeof t == "string" ? {
-    message: t,
-    type: q
-  } : t) : [];
-}
-function J(e) {
-  const t = w(e);
-  return !e || !t ? [] : e.filter((n) => !!n.message && n.type === t);
-}
-function w(e) {
-  return e ? l(e, a.ERROR) ? a.ERROR : l(e, a.WARNING) ? a.WARNING : l(e, a.SUCCESS) ? a.SUCCESS : null : null;
-}
-function l(e, t) {
-  return !e || !t ? !1 : e.some((n) => (n == null ? void 0 : n.type) === t);
-}
-const ee = (e) => P("div", { innerHTML: e.html }), te = () => new Promise((e) => {
-  W(e);
-});
-function ne(e, t = {}) {
-  return e ? e(t).some((n) => n.type === O || Array.isArray(n.children) && !n.children.length ? !1 : n.type !== C || typeof n.children == "string" && n.children.trim() !== "") : !1;
-}
-const oe = (e) => e == null ? void 0 : e.toLowerCase().split("-").map((t) => t.charAt(0).toUpperCase() + t.slice(1)).join(""), re = (e) => {
-  const t = Object.entries(e).filter(([n]) => n.startsWith("on"));
-  return Object.fromEntries(t);
-};
-function se(e, t = 300) {
-  clearTimeout(d), d = setTimeout(e, t);
-}
-function ie(e) {
-  const t = e.getBoundingClientRect(), n = {
-    top: t.top < 0,
-    left: t.left < 0,
-    bottom: t.bottom > (window.innerHeight || document.documentElement.clientHeight),
-    right: t.right > (window.innerWidth || document.documentElement.clientWidth)
-  };
-  return n.any = Object.values(n).some((r) => r), n.all = Object.values(n).every((r) => r), n;
-}
-const ae = /(?:(?:[^\s!@#$%^&*()_=+[\]{}\\|;:'",.<>/?]+)\.)/, le = new RegExp(
-  "(?:com|ru|org|net|de|jp|uk|br|it|pl|fr|in|au|ir|info|nl|cn|es|cz|kr|ca|eu|ua|co|gr|za|ro|biz|ch|se|tw|mx|vn|hu|be|tr|at|dk|tv|me|ar|sk|no|us|fi|id|cl|xyz|io|pt|by|il|ie|nz|kz|hk|lt|cc|my|sg|club|bg|edu|рф|pk|su|top|th|hr|rs|pe|pro|si|az|lv|pw|ae|ph|online|ng|ee|ws|ve|cat)"
-), ce = new RegExp(
-  "(?:(?:[0-9]|[1-9]\\d|1\\d{2}|2[0-4]\\d|25[0-5])\\.){3}(?:[0-9]|[1-9]\\d|1\\d{2}|2[0-4]\\d|25[0-5])"
-), y = new RegExp(
-  "(?:" + [
-    [
-      ae.source,
-      le.source
-    ].join("+"),
-    ce.source
-  ].join("|") + ")"
-), ue = /(?:(?:[;/][^#?<>\s]*)?)/, S = /(?:(?:\?[^#<>\s]+)?(?:#[^<>\s]+)?)/, A = new RegExp(
-  "\\b" + [
-    y.source,
-    ue.source,
-    S.source,
-    "(?!\\w)"
-  ].join("+")
-), b = /\b[a-z\d.-]+:\/\/[^<>\s]+/, x = new RegExp(
-  "(?:mailto:)?[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@" + [
-    y.source,
-    S.source
-  ].join("+") + "(?!\\w)"
-);
-function T(e = 7, t = 15) {
-  let n = !0;
-  try {
-    RegExp("(?<=\\W)");
-  } catch {
-    n = !1;
-  }
-  return new RegExp(
-    `${n ? "(?:^|(?<=\\W))" : ""}(?![\\s\\-])\\+?(?:[0-9()\\- \\t]{${e},${t}})(?=\\b)(?=\\W(?=\\W|$)|\\s|$)`
-  );
-}
-const v = T(), he = new RegExp(
-  [
-    A.source,
-    b.source,
-    x.source,
-    v.source
-  ].join("|"),
-  "gi"
-);
-function de(e) {
-  var t;
-  return !e || !["string", "number"].includes(typeof e) ? !1 : (e = e.toString(), ((t = v.exec(e)) == null ? void 0 : t[0]) === e);
-}
-function fe(e) {
-  var t, n;
-  return !e || typeof e != "string" ? !1 : ((t = A.exec(e)) == null ? void 0 : t[0]) === e || ((n = b.exec(e)) == null ? void 0 : n[0]) === e;
-}
-function pe(e) {
-  var t;
-  return !e || typeof e != "string" ? !1 : ((t = x.exec(e)) == null ? void 0 : t[0]) === e;
-}
-function me(e) {
-  return e.filter((t) => !!t).join(" ");
-}
-function Ee(e, t = "en-US") {
-  return e.replace(/^\p{CWU}/u, (n) => n.toLocaleUpperCase(t));
-}
-const je = {
-  getUniqueString: E,
-  getRandomElement: Z,
-  getRandomInt: g,
-  formatMessages: X,
-  filterFormattedMessages: J,
-  hasFormattedMessageOfType: l,
-  getValidationState: w,
-  htmlFragment: ee,
-  flushPromises: te,
-  kebabCaseToPascalCase: oe,
-  extractVueListeners: re,
-  debounce: se,
-  isOutOfViewPort: ie,
-  getPhoneNumberRegex: T,
-  linkRegex: he,
-  isEmailAddress: pe,
-  isPhoneNumber: de,
-  isURL: fe,
-  safeConcatStrings: me,
-  capitalizeFirstLetter: Ee
-}, R = (e, t) => {
-  const n = e.__vccOpts || e;
-  for (const [r, s] of t)
-    n[r] = s;
-  return n;
-}, ge = {
-  name: "DtLazyShow",
-  inheritAttrs: !1,
-  /******************
-   *     PROPS      *
-   ******************/
-  props: {
-    /**
-     * Whether the child slot is shown.
-     * @values true, false
-     */
-    show: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * A valid Vue enter/leave CSS transition name.
-     */
-    transition: {
-      type: String,
-      default: null
-    },
-    /**
-     * Enable/Disable transition animation
-     * @values true, false
-     */
-    appear: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  /******************
-   *      DATA      *
-   ******************/
-  data() {
-    return {
-      initialized: !!this.show
-    };
-  },
-  computed: {
-    /**
-     * Set the css property to false when running tests only.
-     * Refer to: https://vuejs.org/guide/built-ins/transition.html#javascript-hooks for details about
-     * transition `css` property
-     * @returns {boolean}
-     */
-    isCSSEnabled() {
-      return process.env.NODE_ENV !== "test";
-    }
-  },
-  /******************
-   *      WATCH     *
-   ******************/
-  watch: {
-    show: function(e) {
-      !e || this.initialized || (this.initialized = !0);
-    }
-  }
-};
-function we(e, t, n, r, s, o) {
-  return c(), N(D, f({
-    name: n.transition,
-    appear: n.appear
-  }, e.$attrs, { css: o.isCSSEnabled }), {
-    default: p(() => [
-      k(z("div", U(V(e.$attrs)), [
-        s.initialized ? u(e.$slots, "default", { key: 0 }) : m("", !0)
-      ], 16), [
-        [M, n.show]
-      ])
-    ]),
-    _: 3
-  }, 16, ["name", "appear", "css"]);
-}
-const ye = /* @__PURE__ */ R(ge, [["render", we]]), Se = (e) => ({
-  name: "arrowDetected",
-  enabled: !0,
-  phase: "main",
-  fn: e,
-  requiresIfExists: ["offset"]
-}), Ae = [
-  "bottom",
-  "bottom-start",
-  "bottom-end",
-  "right",
-  "right-start",
-  "right-end",
-  "left",
-  "left-start",
-  "left-end",
-  "top",
-  "top-start",
-  "top-end"
-], be = [!0, !1, "reference", "popper"], xe = (e, t) => {
-  const { contentElement: n } = { ...t };
-  return delete t.contentElement, I(e, {
-    ...t,
-    plugins: [L],
-    render: () => _e(n)
-  });
-}, Te = ({
-  boundary: e = "clippingParents",
-  fallbackPlacements: t = [],
-  onChangePlacement: n = () => {
-  },
-  hasHideModifierEnabled: r = !1,
-  // If set to false the dialog will display over top of the anchor when there is insufficient space.
-  // if set to true it will never move from its position relative to the anchor and will clip instead.
-  tether: s = !0
-} = {}) => ({
-  modifiers: [
-    {
-      name: "flip",
-      options: {
-        fallbackPlacements: t,
-        boundary: e
-      }
-    },
-    {
-      name: "hide",
-      enabled: r
-    },
-    {
-      name: "preventOverflow",
-      options: {
-        altAxis: !s,
-        tether: s
-      }
-    },
-    Se(({ state: o }) => {
-      n(o.placement);
-    })
-  ]
-}), ve = (e) => {
-  const t = document.createElement("span");
-  return t.innerText = e.innerText || "", e.innerText = "", e.appendChild(t), t;
-}, Re = (e) => {
-  const t = e == null ? void 0 : e.children[0];
-  return t || ve(e);
-}, _e = (e) => {
-  const t = document.createElement("div");
-  return t.className = "tippy-box d-ps-absolute", t.appendChild(e), {
-    popper: t
-  };
-}, Ie = [
-  ...Ae
-], Le = 300, Pe = {
-  hover: "d-tooltip--hover",
-  show: "d-tooltip--show",
-  inverted: "d-tooltip--inverted",
-  hide: "d-tooltip--hide"
-}, Oe = [
-  ...be
-], Be = [!0, !1, "toggle"];
-const Ce = {
-  // eslint-disable-next-line vue/multi-word-component-names
-  name: "DtTooltip",
-  components: {
-    DtLazyShow: ye
-  },
-  props: {
-    /**
-     * The id of the tooltip
-     */
-    id: {
-      type: String,
-      default() {
-        return E();
-      }
-    },
-    /**
-     * 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: !1
-    },
-    /**
-     *  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, -4]
-    },
-    /**
-     * 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(e) {
-        return Ie.includes(e);
-      }
-    },
-    /**
-     * 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: !1,
-      validator: (e) => Oe.includes(e)
-    },
-    /**
-     * 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: !0
-    },
-    /**
-     * 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
-    },
-    /**
-     * Named transition when the content display is toggled.
-     * @see DtLazyShow
-     */
-    transition: {
-      type: String,
-      default: "fade"
-    },
-    /**
-     * Whether to apply transition on initial render in the content lazy show component.
-     * @values true, false
-     */
-    contentAppear: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Whether the tooltip will have a delay when being focused or moused over.
-     * @values true, false
-     */
-    delay: {
-      type: Boolean,
-      default: !0
-    },
-    /**
-     * 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: [
-    /**
-     * Event fired to sync the show prop with the parent component
-     * @event update:show
-     */
-    "update:show",
-    /**
-     * Emitted when tooltip is shown or hidden
-     *
-     * @event shown
-     * @type {Boolean}
-     */
-    "shown"
-  ],
-  data() {
-    return {
-      TOOLTIP_KIND_MODIFIERS: Pe,
-      hasSlotContent: ne,
-      tip: null,
-      inTimer: null,
-      // Internal state for whether the tooltip is shown. Changing the prop
-      // will update this.
-      isShown: !1,
-      // 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: {
-    // whether the tooltip is visible or not.
-    isVisible() {
-      return this.isShown && this.enabled && (!!this.message.trim() || !!this.$slots.default);
-    },
-    tooltipListeners() {
-      return {
-        "after-leave": () => {
-          this.onLeaveTransitionComplete();
-        },
-        "after-enter": () => {
-          this.onEnterTransitionComplete();
-        }
-      };
-    },
-    tippyProps() {
-      return {
-        offset: this.offset,
-        interactive: !1,
-        trigger: "manual",
-        placement: this.placement,
-        sticky: this.sticky,
-        popperOptions: Te({
-          fallbackPlacements: this.fallbackPlacements,
-          hasHideModifierEnabled: !0,
-          onChangePlacement: this.onChangePlacement
-        })
-      };
-    },
-    anchor() {
-      return this.externalAnchor ? document.body.querySelector(this.externalAnchor) : Re(this.$refs.anchor);
-    }
-  },
-  watch: {
-    tippyProps: {
-      handler: "setProps",
-      deep: !0
-    },
-    show: {
-      handler: function(e) {
-        e !== null && (this.isShown = e);
-      },
-      immediate: !0
-    },
-    isShown(e) {
-      e ? (this.setProps(), this.tip.show()) : this.tip.hide();
-    },
-    sticky(e) {
-      this.tip.setProps({
-        sticky: e
-      });
-    }
-  },
-  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.externalAnchor && this.addExternalAnchorEventListeners(), this.tip = xe(this.anchor, this.initOptions()), this.isShown && this.tip.show();
-  },
-  beforeUnmount() {
-    var e;
-    this.externalAnchor && this.removeExternalAnchorEventListeners(), this.tip && ((e = this.tip) == null || e.destroy());
-  },
-  methods: {
-    calculateAnchorZindex() {
-      return 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") ? 651 : 400;
-    },
-    hasVisibleFocus() {
-      return this.anchor.matches(":focus-visible");
-    },
-    onEnterAnchor(e) {
-      this.delay ? this.inTimer = setTimeout((function(t) {
-        this.triggerShow(t);
-      }).bind(this, e), Le) : this.triggerShow(e);
-    },
-    triggerShow(e) {
-      e.type === "focusin" ? this.show === null && this.hasVisibleFocus() && (this.isShown = !0) : this.show === null && (this.isShown = !0);
-    },
-    onLeaveAnchor(e) {
-      e.type === "keydown" && e.code !== "Escape" || (clearTimeout(this.inTimer), this.triggerHide());
-    },
-    triggerHide() {
-      this.show === null && (this.isShown = !1);
-    },
-    onChangePlacement(e) {
-      this.currentPlacement = e;
-    },
-    onLeaveTransitionComplete() {
-      var e;
-      (e = this.tip) == null || e.unmount(), this.$emit("shown", !1), this.show !== null && this.$emit("update:show", !1);
-    },
-    onEnterTransitionComplete() {
-      this.$emit("shown", !0), this.show !== null && this.$emit("update:show", !0);
-    },
-    setProps() {
-      this.tip && this.tip.setProps && this.tip.setProps({
-        ...this.tippyProps,
-        zIndex: this.calculateAnchorZindex()
-      });
-    },
-    onMount() {
-      this.setProps();
-    },
-    initOptions() {
-      return {
-        contentElement: this.$refs.content.$el,
-        allowHTML: !0,
-        zIndex: this.calculateAnchorZindex(),
-        onMount: this.onMount,
-        ...this.tippyProps
-      };
-    },
-    addExternalAnchorEventListeners() {
-      ["focusin", "mouseenter"].forEach((e) => {
-        this.anchor.addEventListener(e, (t) => this.onEnterAnchor(t));
-      }), ["focusout", "mouseleave", "keydown"].forEach((e) => {
-        this.anchor.addEventListener(e, (t) => this.onLeaveAnchor(t));
-      });
-    },
-    removeExternalAnchorEventListeners() {
-      ["focusin", "mouseenter"].forEach((e) => {
-        this.anchor.removeEventListener(e, (t) => this.onEnterAnchor(t));
-      }), ["focusout", "mouseleave", "keydown"].forEach((e) => {
-        this.anchor.removeEventListener(e, (t) => this.onLeaveAnchor(t));
-      });
-    }
-  }
-}, Ne = { "data-qa": "dt-tooltip-container" };
-function De(e, t, n, r, s, o) {
-  const _ = F("dt-lazy-show");
-  return c(), h("div", Ne, [
-    n.externalAnchor ? m("", !0) : (c(), h("span", {
-      key: 0,
-      ref: "anchor",
-      "data-qa": "dt-tooltip-anchor",
-      onFocusin: t[0] || (t[0] = (...i) => o.onEnterAnchor && o.onEnterAnchor(...i)),
-      onFocusout: t[1] || (t[1] = (...i) => o.onLeaveAnchor && o.onLeaveAnchor(...i)),
-      onMouseenter: t[2] || (t[2] = (...i) => o.onEnterAnchor && o.onEnterAnchor(...i)),
-      onMouseleave: t[3] || (t[3] = (...i) => o.onLeaveAnchor && o.onLeaveAnchor(...i)),
-      onKeydown: t[4] || (t[4] = j((...i) => o.onLeaveAnchor && o.onLeaveAnchor(...i), ["esc"]))
-    }, [
-      u(e.$slots, "anchor")
-    ], 544)),
-    B(_, f({
-      id: n.id,
-      ref: "content",
-      show: o.isVisible,
-      role: "tooltip",
-      "aria-hidden": "false",
-      "data-qa": "dt-tooltip",
-      appear: n.contentAppear,
-      transition: n.transition,
-      class: [
-        "d-tooltip",
-        `d-tooltip__arrow-tippy--${s.currentPlacement}`,
-        {
-          [s.TOOLTIP_KIND_MODIFIERS.inverted]: n.inverted
-        },
-        n.contentClass
-      ]
-    }, H(o.tooltipListeners)), {
-      default: p(() => [
-        u(e.$slots, "default", {}, () => [
-          Y($(n.message), 1)
-        ])
-      ]),
-      _: 3
-    }, 16, ["id", "show", "appear", "transition", "class"])
-  ]);
-}
-const He = /* @__PURE__ */ R(Ce, [["render", De]]);
-export {
-  He as D,
-  Fe as E,
-  Me as L,
-  Ie as T,
-  a as V,
-  R as _,
-  w as a,
-  X as b,
-  Ue as c,
-  ye as d,
-  re as e,
-  J as f,
-  E as g,
-  ne as h,
-  Ve as i,
-  Ee as j,
-  q as k,
-  Le as l,
-  Pe as m,
-  Oe as n,
-  Be as o,
-  Z as p,
-  be as q,
-  ie as r,
-  me as s,
-  Te as t,
-  je as u,
-  xe as v,
-  T as w,
-  he as x
-};