@dialpad/dialtone-vue 2.104.0 → 2.104.3

package/dist/tooltip-fceff4af.js

@@ -1,706 +0,0 @@
-import S, { sticky as v } from "/home/runner/work/dialtone-vue/dialtone-vue/node_modules/tippy.js/dist/tippy.esm.js";
-import y from "vue";
-import { n as l } from "./_plugin-vue2_normalizer-71e2aa87.js";
-const r = {
-  ERROR: "error",
-  WARNING: "warning",
-  SUCCESS: "success"
-}, Ee = {
-  LARGE: "lg",
-  EXTRA_LARGE: "xl"
-}, ge = {
-  xs: "",
-  sm: "",
-  md: "",
-  lg: "d-description--lg",
-  xl: "d-description--xl"
-}, we = {
-  xs: "d-label--xs",
-  sm: "d-label--sm",
-  md: "",
-  lg: "d-label--lg",
-  xl: "d-label--xl"
-}, _e = {
-  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"
-}, x = r.ERROR, A = "dt";
-let b = 0, a;
-const R = typeof setImmediate == "function" ? setImmediate : setTimeout;
-function c(e = A) {
-  return `${e}${b++}`;
-}
-function T(e, t) {
-  if (t) {
-    const n = I(t);
-    return e[Math.abs(n) % e.length];
-  } else
-    return e[u(e.length)];
-}
-function I(e) {
-  let t;
-  for (let n = 0; n < e.length; n++)
-    t = Math.imul(31, t) + e.charCodeAt(n) | 0;
-  return t;
-}
-function u(e) {
-  return Math.floor(Math.random() * e);
-}
-function L(e) {
-  return e ? e.map((t) => typeof t == "string" ? {
-    message: t,
-    type: x
-  } : t) : [];
-}
-function P(e) {
-  const t = h(e);
-  return !e || !t ? [] : e.filter((n) => !!n.message && n.type === t);
-}
-function h(e) {
-  return e ? s(e, r.ERROR) ? r.ERROR : s(e, r.WARNING) ? r.WARNING : s(e, r.SUCCESS) ? r.SUCCESS : null : null;
-}
-function s(e, t) {
-  return !e || !t ? !1 : e.some((n) => (n == null ? void 0 : n.type) === t);
-}
-const O = {
-  name: "html-fragment",
-  functional: !0,
-  props: ["html"],
-  render(e, t) {
-    return new y({
-      // eslint-disable-next-line vue/multi-word-component-names
-      name: "Inner",
-      beforeCreate() {
-        this.$createElement = e;
-      },
-      template: `<div>${t.props.html}</div>`
-    }).$mount()._vnode.children;
-  }
-}, C = () => new Promise((e) => {
-  R(e);
-}), N = (e) => e == null ? void 0 : e.toLowerCase().split("-").map((t) => t.charAt(0).toUpperCase() + t.slice(1)).join("");
-function $(e, t = 300) {
-  clearTimeout(a), a = setTimeout(e, t);
-}
-function D(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((o) => o), n.all = Object.values(n).every((o) => o), n;
-}
-const k = /(?:(?:[^\s!@#$%^&*()_=+[\]{}\\|;:'",.<>/?]+)\.)/, z = 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)"
-), U = 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])"
-), d = new RegExp(
-  "(?:" + [
-    [
-      k.source,
-      z.source
-    ].join("+"),
-    U.source
-  ].join("|") + ")"
-), F = /(?:(?:[;/][^#?<>\s]*)?)/, p = /(?:(?:\?[^#<>\s]+)?(?:#[^<>\s]+)?)/, f = new RegExp(
-  "\\b" + [
-    d.source,
-    F.source,
-    p.source,
-    "(?!\\w)"
-  ].join("+")
-), m = /\b[a-z\d.-]+:\/\/[^<>\s]+/, E = new RegExp(
-  "(?:mailto:)?[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@" + [
-    d.source,
-    p.source
-  ].join("+") + "(?!\\w)"
-);
-function g(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 w = g(), M = new RegExp(
-  [
-    f.source,
-    m.source,
-    E.source,
-    w.source
-  ].join("|"),
-  "gi"
-);
-function V(e) {
-  var t;
-  return !e || !["string", "number"].includes(typeof e) ? !1 : (e = e.toString(), ((t = w.exec(e)) == null ? void 0 : t[0]) === e);
-}
-function j(e) {
-  var t, n;
-  return !e || typeof e != "string" ? !1 : ((t = f.exec(e)) == null ? void 0 : t[0]) === e || ((n = m.exec(e)) == null ? void 0 : n[0]) === e;
-}
-function B(e) {
-  var t;
-  return !e || typeof e != "string" ? !1 : ((t = E.exec(e)) == null ? void 0 : t[0]) === e;
-}
-function Y(e) {
-  return e.filter((t) => !!t).join(" ");
-}
-function H(e, t = "en-US") {
-  return e.replace(/^\p{CWU}/u, (n) => n.toLocaleUpperCase(t));
-}
-const Se = {
-  getUniqueString: c,
-  getRandomElement: T,
-  getRandomInt: u,
-  formatMessages: L,
-  filterFormattedMessages: P,
-  hasFormattedMessageOfType: s,
-  getValidationState: h,
-  htmlFragment: O,
-  flushPromises: C,
-  kebabCaseToPascalCase: N,
-  debounce: $,
-  isOutOfViewPort: D,
-  getPhoneNumberRegex: g,
-  linkRegex: M,
-  isEmailAddress: B,
-  isPhoneNumber: V,
-  isURL: j,
-  safeConcatStrings: Y,
-  capitalizeFirstLetter: H
-}, q = {
-  name: "DtLazyShow",
-  /******************
-   *     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);
-    }
-  }
-};
-var G = function() {
-  var t = this, n = t._self._c;
-  return n("transition", t._g({ attrs: { name: t.transition, appear: t.appear, css: t.isCSSEnabled } }, t.$listeners), [n("div", t._g({ directives: [{ name: "show", rawName: "v-show", value: t.show, expression: "show" }] }, t.$listeners), [t.initialized ? t._t("default") : t._e()], 2)]);
-}, K = [], W = /* @__PURE__ */ l(
-  q,
-  G,
-  K,
-  !1,
-  null,
-  null,
-  null,
-  null
-);
-const Z = W.exports, Q = (e) => ({
-  name: "arrowDetected",
-  enabled: !0,
-  phase: "main",
-  fn: e,
-  requiresIfExists: ["offset"]
-}), X = [
-  "bottom",
-  "bottom-start",
-  "bottom-end",
-  "right",
-  "right-start",
-  "right-end",
-  "left",
-  "left-start",
-  "left-end",
-  "top",
-  "top-start",
-  "top-end"
-], J = [!0, !1, "reference", "popper"], ee = (e, t) => {
-  const { contentElement: n } = { ...t };
-  return delete t.contentElement, S(e, {
-    ...t,
-    plugins: [v],
-    render: () => re(n)
-  });
-}, te = ({
-  boundary: e = "clippingParents",
-  fallbackPlacements: t = [],
-  onChangePlacement: n = () => {
-  },
-  hasHideModifierEnabled: o = !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: i = !0
-} = {}) => ({
-  modifiers: [
-    {
-      name: "flip",
-      options: {
-        fallbackPlacements: t,
-        boundary: e
-      }
-    },
-    {
-      name: "hide",
-      enabled: o
-    },
-    {
-      name: "preventOverflow",
-      options: {
-        altAxis: !i,
-        tether: i
-      }
-    },
-    Q(({ state: _ }) => {
-      n(_.placement);
-    })
-  ]
-}), ne = (e) => {
-  const t = document.createElement("span");
-  return t.innerText = e.innerText || "", e.innerText = "", e.appendChild(t), t;
-}, oe = (e) => {
-  const t = e == null ? void 0 : e.children[0];
-  return t || ne(e);
-}, re = (e) => {
-  const t = document.createElement("div");
-  return t.className = "tippy-box d-ps-absolute", t.appendChild(e), {
-    popper: t
-  };
-}, se = [
-  ...X
-], ie = 300, ae = {
-  hover: "d-tooltip--hover",
-  show: "d-tooltip--show",
-  inverted: "d-tooltip--inverted",
-  hide: "d-tooltip--hide"
-}, le = [
-  ...J
-], ve = [!0, !1, "toggle"];
-const ce = {
-  name: "DtTooltip",
-  components: {
-    DtLazyShow: Z
-  },
-  props: {
-    /**
-     * The id of the tooltip
-     */
-    id: {
-      type: String,
-      default() {
-        return c();
-      }
-    },
-    /**
-     * 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 se.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) => le.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 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: [
-    /**
-     * 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: ae,
-      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 {
-        ...this.$listeners,
-        "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) : oe(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 = ee(this.anchor, this.initOptions()), this.isShown && this.tip.show();
-  },
-  beforeDestroy() {
-    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), ie) : 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));
-      });
-    }
-  }
-};
-var ue = 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(o) {
-    return !o.type.indexOf("key") && t._k(o.keyCode, "esc", 27, o.key, ["Esc", "Escape"]) ? null : t.onLeaveAnchor.apply(null, arguments);
-  } } }, [t._t("anchor")], 2), n("dt-lazy-show", t._g({ ref: "content", class: [
-    "d-tooltip",
-    `d-tooltip__arrow-tippy--${t.currentPlacement}`,
-    {
-      [t.TOOLTIP_KIND_MODIFIERS.inverted]: t.inverted
-    },
-    t.contentClass
-  ], 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);
-}, he = [], de = /* @__PURE__ */ l(
-  ce,
-  ue,
-  he,
-  !1,
-  null,
-  null,
-  null,
-  null
-);
-const ye = de.exports;
-export {
-  ye as D,
-  _e as E,
-  we as L,
-  se as T,
-  r as V,
-  T as a,
-  Z as b,
-  J as c,
-  te as d,
-  ee as e,
-  P as f,
-  c as g,
-  h,
-  D as i,
-  L as j,
-  Ee as k,
-  ge as l,
-  H as m,
-  x as n,
-  ie as o,
-  ae as p,
-  le as q,
-  ve as r,
-  Y as s,
-  Se as u
-};