@dialpad/dialtone-vue 2.126.0 → 2.127.1

package/dist/chunks/tab-Qm9LVkYj.js

@@ -1,346 +0,0 @@
-import { n as a } from "./_plugin-vue2_normalizer-u6G_3nkj.js";
-import { DtButton as l } from "../lib/button.js";
-const i = ["default", "sm"], d = {
-  sm: "d-tablist--sm"
-}, r = {
-  inverted: "d-tablist--inverted"
-}, o = {
-  borderless: "d-tablist--no-border"
-}, u = {
-  selected: "d-tab--selected"
-}, c = {
-  name: "DtTabGroup",
-  provide() {
-    return {
-      groupContext: this.provideObj,
-      changeContentPanel: this.changeContentPanel,
-      setFocus: this.setFocus
-    };
-  },
-  props: {
-    /**
-     * Identifies the tab group
-     */
-    label: {
-      type: String,
-      default: ""
-    },
-    /**
-     * The id of the selected tab panel which should be displayed
-     */
-    selected: {
-      type: String,
-      default: ""
-    },
-    /**
-     * If true, disables the tab group
-     * @values true, false
-     */
-    disabled: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * If true, applies inverted styles to the tab group
-     * @values true, false
-     */
-    inverted: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * If true, applies borderless styles to the tab group
-     * @values true, false
-     */
-    borderless: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * If provided, applies size styles to the tab group
-     * @values default, sm
-     */
-    size: {
-      type: String,
-      default: "default",
-      validate(t) {
-        return i.includes(t);
-      }
-    },
-    /**
-     * Pass through classes, used to customize the tab list
-     */
-    tabListClass: {
-      type: [String, Array, Object],
-      default: ""
-    },
-    /**
-     * Pass through props, used to customize the tab list
-     */
-    tabListChildProps: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  emits: [
-    /**
-     * Change tab event with the arguments: selected id of the current tab and disabled value
-     *
-     * @event change
-     * @type {Object}
-     */
-    "change"
-  ],
-  data() {
-    return {
-      provideObj: {
-        selected: "",
-        // the currently displayed tab id
-        disabled: !1
-        // disable group
-      },
-      focusId: null,
-      tabs: [],
-      TAB_LIST_SIZE_MODIFIERS: d,
-      TAB_LIST_KIND_MODIFIERS: r,
-      TAB_LIST_IMPORTANCE_MODIFIERS: o
-    };
-  },
-  watch: {
-    disabled: {
-      immediate: !0,
-      handler() {
-        this.provideObj.disabled = this.disabled;
-      }
-    },
-    selected: {
-      immediate: !0,
-      handler() {
-        this.provideObj.selected = this.selected;
-      }
-    }
-  },
-  mounted() {
-    this.updateSelected();
-  },
-  beforeUpdate() {
-    this.updateSelected();
-  },
-  methods: {
-    updateSelected() {
-      this.provideObj.selected || (this.provideObj.selected = this.selected), this.tabs = this.getTabChildren();
-    },
-    setFocus(t) {
-      this.focusId = t;
-    },
-    getTabChildren() {
-      return Array.from(this.$el.querySelectorAll(".d-tab")).map((t) => {
-        var e, n;
-        return {
-          context: t,
-          panelId: (e = t.getAttribute("aria-controls")) == null ? void 0 : e.replace("dt-panel-", ""),
-          id: (n = t.getAttribute("id")) == null ? void 0 : n.replace("dt-tab-", ""),
-          isSelected: t.getAttribute("aria-selected") === "true"
-        };
-      });
-    },
-    onChange() {
-      this.$emit("change", { ...this.provideObj });
-    },
-    changeContentPanel({ selected: t, selectOverride: e }) {
-      this.provideObj.selected = t, e || this.onChange();
-    },
-    tabLeft() {
-      const { index: t, tabs: e } = this.getIndexAndTabs();
-      if (t === -1)
-        return;
-      const n = t - 1 < 0 ? e.length - 1 : t - 1;
-      this.selectFocusOnTab(n, e);
-    },
-    tabRight() {
-      const { index: t, tabs: e } = this.getIndexAndTabs();
-      if (t === -1)
-        return;
-      const n = t + 1 > e.length - 1 ? 0 : t + 1;
-      this.selectFocusOnTab(n, e);
-    },
-    selectFocusOnTab(t, e) {
-      const { context: n } = e[t];
-      n.focus();
-    },
-    selectTab() {
-      const { tabs: t, index: e } = this.getIndexAndTabs();
-      this.selectTabByIndex(e, t);
-    },
-    selectTabByIndex(t, e) {
-      const { context: n, panelId: s } = e[t];
-      this.provideObj.selected = s, n.focus();
-    },
-    getIndexAndTabs() {
-      const t = this.tabs.findIndex((e) => this.focusId ? e.id === `${this.focusId}` : e.isSelected);
-      return {
-        tabs: this.tabs,
-        index: t
-      };
-    },
-    onHomeButton() {
-      var t, e;
-      this.tabs.length !== 0 && ((e = (t = this.tabs[0]) == null ? void 0 : t.context) == null || e.focus());
-    },
-    onEndButton() {
-      var t, e;
-      this.tabs.length !== 0 && ((e = (t = this.tabs[this.tabs.length - 1]) == null ? void 0 : t.context) == null || e.focus());
-    }
-  }
-};
-var b = function() {
-  var e = this, n = e._self._c;
-  return n("div", { attrs: { "data-qa": "dt-tab-group" } }, [n("div", e._b({ class: [
-    "d-tablist",
-    e.TAB_LIST_SIZE_MODIFIERS[e.size],
-    {
-      [e.TAB_LIST_KIND_MODIFIERS.inverted]: e.inverted,
-      [e.TAB_LIST_IMPORTANCE_MODIFIERS.borderless]: e.borderless
-    },
-    e.tabListClass
-  ], attrs: { role: "tablist", "aria-label": e.label }, on: { keyup: [function(s) {
-    return !s.type.indexOf("key") && e._k(s.keyCode, "left", 37, s.key, ["Left", "ArrowLeft"]) || "button" in s && s.button !== 0 ? null : e.tabLeft.apply(null, arguments);
-  }, function(s) {
-    return !s.type.indexOf("key") && e._k(s.keyCode, "right", 39, s.key, ["Right", "ArrowRight"]) || "button" in s && s.button !== 2 ? null : e.tabRight.apply(null, arguments);
-  }, function(s) {
-    return !s.type.indexOf("key") && e._k(s.keyCode, "enter", 13, s.key, "Enter") ? null : e.selectTab.apply(null, arguments);
-  }, function(s) {
-    return !s.type.indexOf("key") && e._k(s.keyCode, "space", 32, s.key, [" ", "Spacebar"]) ? null : e.selectTab.apply(null, arguments);
-  }], keydown: [function(s) {
-    return !s.type.indexOf("key") && e._k(s.keyCode, "home", void 0, s.key, void 0) ? null : e.onHomeButton.apply(null, arguments);
-  }, function(s) {
-    return !s.type.indexOf("key") && e._k(s.keyCode, "end", void 0, s.key, void 0) ? null : e.onEndButton.apply(null, arguments);
-  }] } }, "div", e.tabListChildProps, !1), [e._t("tabs")], 2), e._t("default")], 2);
-}, f = [], p = /* @__PURE__ */ a(
-  c,
-  b,
-  f,
-  !1,
-  null,
-  null,
-  null,
-  null
-);
-const S = p.exports, h = {
-  name: "DtTab",
-  components: {
-    DtButton: l
-  },
-  inject: ["changeContentPanel", "groupContext", "setFocus"],
-  inheritAttrs: !1,
-  props: {
-    /**
-     * Id of the tab
-     */
-    id: {
-      type: String,
-      required: !0
-    },
-    /**
-     * Id of the associated content panel
-     */
-    panelId: {
-      type: String,
-      required: !0
-    },
-    /**
-     * Describes the tab
-     */
-    label: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Controls the state of the tab
-     * @values true, false
-     */
-    selected: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * If true, disables the tab
-     * @values true, false
-     */
-    disabled: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Used to customize the tab element
-     */
-    tabClass: {
-      type: [String, Array, Object],
-      default: ""
-    }
-  },
-  data() {
-    return {
-      TAB_IMPORTANCE_MODIFIERS: u
-    };
-  },
-  computed: {
-    isSelected() {
-      return this.groupContext.selected === this.panelId;
-    },
-    tabListeners() {
-      return {
-        ...this.$listeners,
-        click: (t) => {
-          this.selectPanel(), this.$emit("click", t);
-        },
-        focus: (t) => {
-          this.setFocus(this.id), this.$emit("focus", t);
-        }
-      };
-    }
-  },
-  mounted() {
-    this.setSelectedPanelByDefault();
-  },
-  methods: {
-    setSelectedPanelByDefault() {
-      this.selected && this.selectPanel(!0);
-    },
-    selectPanel(t = !1) {
-      this.changeContentPanel({
-        selected: this.panelId,
-        selectOverride: t
-      });
-    }
-  }
-};
-var _ = function() {
-  var e = this, n = e._self._c;
-  return n("dt-button", e._g(e._b({ class: [
-    "d-tab",
-    {
-      [e.TAB_IMPORTANCE_MODIFIERS.selected]: e.isSelected
-    },
-    e.tabClass
-  ], attrs: { id: `dt-tab-${e.id}`, role: "tab", "aria-selected": `${e.isSelected}`, "aria-controls": `dt-panel-${e.panelId}`, "aria-label": e.label, "data-qa": "dt-tab", tabindex: e.isSelected ? "0" : "-1", disabled: e.groupContext.disabled || e.disabled } }, "dt-button", e.$attrs, !1), e.tabListeners), [e._t("default")], 2);
-}, y = [], I = /* @__PURE__ */ a(
-  h,
-  _,
-  y,
-  !1,
-  null,
-  null,
-  null,
-  null
-);
-const T = I.exports;
-export {
-  S as D,
-  r as T,
-  T as a,
-  i as b,
-  o as c,
-  u as d
-};
-//# sourceMappingURL=tab-Qm9LVkYj.js.map

package/dist/lib/dates.js

@@ -1,57 +0,0 @@
-import { intervalToDuration as i, isToday as l, isYesterday as c, isThisWeek as u, isThisYear as s, format as f, formatDuration as m, formatDistance as M } from "date-fns";
-import { capitalizeFirstLetter as D } from "./utils.js";
-import "./constants.js";
-import "vue";
-let r;
-function n(e, t) {
-  return o(), f(e, t, {
-    locale: r
-  });
-}
-function d(e, t) {
-  return o(), m(e, {
-    locale: r,
-    format: t
-  });
-}
-function p(e, t) {
-  return o(), M(e, t, {
-    locale: r
-  });
-}
-function E() {
-  return r !== void 0;
-}
-function o() {
-  if (!E())
-    throw new Error("Locale not set, please call setDateLocale(locale) and pass in a datefns locale object as the locale param before calling this function");
-}
-function _(e) {
-  r = e;
-}
-function b(e) {
-  return n(e, "MMMM d, y");
-}
-function v(e) {
-  if (e < 60)
-    return p(0, 29 * 1e3);
-  const t = i({
-    start: 0,
-    end: e * 1e3
-  });
-  return d(t, ["hours", "minutes"]);
-}
-function a(e) {
-  const t = new Intl.RelativeTimeFormat(r.code, { numeric: "auto" });
-  return D(t.formatToParts(e, "day")[0].value, r.code);
-}
-function F(e) {
-  return l(e) ? a(0) : c(e) ? a(-1) : u(e) ? n(e, "EEEE") : s(e) ? n(e, "EEEE, MMMM d") : n(e, "MMMM d, y");
-}
-export {
-  v as durationInHHMM,
-  b as getDateMedium,
-  F as relativeDate,
-  _ as setDateLocale
-};
-//# sourceMappingURL=dates.js.map

package/dist/lib/mixins.js

@@ -1,17 +0,0 @@
-import { C as x, G as e, I as s } from "../chunks/input-1tm09l_-.js";
-import { I } from "../chunks/input_group-zcAq3DQl.js";
-import { K as M } from "../chunks/keyboard_list_navigation-F0O8nht0.js";
-import "vue";
-import "./constants.js";
-import "./validators.js";
-import "./utils.js";
-import "./validation-messages.js";
-import "../chunks/_plugin-vue2_normalizer-u6G_3nkj.js";
-export {
-  x as DtCheckableInputMixin,
-  e as DtGroupableInputMixin,
-  I as DtInputGroupMixin,
-  s as DtInputMixin,
-  M as DtKeyboardListNavigationMixin
-};
-//# sourceMappingURL=mixins.js.map

package/dist/lib/utils.js

@@ -1,175 +0,0 @@
-import { DEFAULT_PREFIX as p, DEFAULT_VALIDATION_MESSAGE_TYPE as R, VALIDATION_MESSAGE_TYPES as o } from "./constants.js";
-import g from "vue";
-let b = 0, c;
-const x = "input:not([type=hidden]):not(:disabled)", S = "select:not(:disabled),textarea:not(:disabled),button:not(:disabled)", C = `${x},${S}`, O = `a,frame,iframe,${C},*[tabindex]`, _ = typeof setImmediate == "function" ? setImmediate : setTimeout;
-function A(e = p) {
-  return `${e}${b++}`;
-}
-function w(e, t) {
-  if (t) {
-    const n = T(t);
-    return e[Math.abs(n) % e.length];
-  } else
-    return e[u(e.length)];
-}
-function T(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 I(e) {
-  return e ? e.map((t) => typeof t == "string" ? {
-    message: t,
-    type: R
-  } : t) : [];
-}
-function L(e) {
-  const t = s(e);
-  return !e || !t ? [] : e.filter((n) => !!n.message && n.type === t);
-}
-function s(e) {
-  return e ? r(e, o.ERROR) ? o.ERROR : r(e, o.WARNING) ? o.WARNING : r(e, o.SUCCESS) ? o.SUCCESS : null : null;
-}
-function r(e, t) {
-  return !e || !t ? !1 : e.some((n) => (n == null ? void 0 : n.type) === t);
-}
-function q(e) {
-  return e == null ? void 0 : e.querySelector(O);
-}
-const N = {
-  name: "html-fragment",
-  functional: !0,
-  props: ["html"],
-  render(e, t) {
-    return new g({
-      // eslint-disable-next-line vue/multi-word-component-names
-      name: "Inner",
-      beforeCreate() {
-        this.$createElement = e;
-      },
-      template: `<div>${t.props.html}</div>`
-    }).$mount()._vnode.children;
-  }
-}, U = () => new Promise((e) => {
-  _(e);
-}), $ = (e) => e == null ? void 0 : e.toLowerCase().split("-").map((t) => t.charAt(0).toUpperCase() + t.slice(1)).join(""), Q = (e) => e.replace(/\.?([A-Z0-9]+)/g, (t, n) => "-" + n.toLowerCase()).replace(/^-/, "");
-function F(e, t = 300) {
-  clearTimeout(c), c = setTimeout(e, t);
-}
-function v(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((i) => i), n.all = Object.values(n).every((i) => i), n;
-}
-const y = /(?:(?:[^\s!@#$%^&*()_=+[\]{}\\|;:'",.<>/?]+)\.)/, D = 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)"
-), P = 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])"
-), l = new RegExp(
-  "(?:" + [
-    [
-      y.source,
-      D.source
-    ].join("+"),
-    P.source
-  ].join("|") + ")"
-), j = /(?:(?:[;/][^#?<>\s]*)?)/, a = /(?:(?:\?[^#<>\s]+)?(?:#[^<>\s]+)?)/, f = new RegExp(
-  "\\b" + [
-    l.source,
-    j.source,
-    a.source,
-    "(?!\\w)"
-  ].join("+")
-), d = /\b[a-z\d.-]+:\/\/[^<>\s]+/, E = new RegExp(
-  "(?:mailto:)?[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@" + [
-    l.source,
-    a.source
-  ].join("+") + "(?!\\w)"
-);
-function m(e = 7, t = 15) {
-  return new RegExp(
-    `(?:^|(?<=\\W))(?![\\s\\-])\\+?(?:[0-9()\\- \\t]{${e},${t}})(?=\\b)(?=\\W(?=\\W|$)|\\s|$)`
-  );
-}
-const h = m(), z = new RegExp(
-  [
-    f.source,
-    d.source,
-    E.source,
-    h.source
-  ].join("|"),
-  "gi"
-);
-function W(e) {
-  var t;
-  return !e || !["string", "number"].includes(typeof e) ? !1 : (e = e.toString(), ((t = h.exec(e)) == null ? void 0 : t[0]) === e);
-}
-function k(e) {
-  var t, n;
-  return !e || typeof e != "string" ? !1 : ((t = f.exec(e)) == null ? void 0 : t[0]) === e || ((n = d.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 H(e) {
-  return e.filter((t) => !!t).join(" ");
-}
-function V(e, t = "en-US") {
-  return e.replace(new RegExp("^\\p{CWU}", "u"), (n) => n.toLocaleUpperCase(t));
-}
-const Y = {
-  getUniqueString: A,
-  getRandomElement: w,
-  getRandomInt: u,
-  formatMessages: I,
-  filterFormattedMessages: L,
-  hasFormattedMessageOfType: r,
-  getValidationState: s,
-  htmlFragment: N,
-  flushPromises: U,
-  kebabCaseToPascalCase: $,
-  debounce: F,
-  isOutOfViewPort: v,
-  getPhoneNumberRegex: m,
-  linkRegex: z,
-  isEmailAddress: B,
-  isPhoneNumber: W,
-  isURL: k,
-  safeConcatStrings: H,
-  capitalizeFirstLetter: V
-};
-export {
-  V as capitalizeFirstLetter,
-  F as debounce,
-  Y as default,
-  L as filterFormattedMessages,
-  q as findFirstFocusableNode,
-  U as flushPromises,
-  I as formatMessages,
-  m as getPhoneNumberRegex,
-  w as getRandomElement,
-  u as getRandomInt,
-  A as getUniqueString,
-  s as getValidationState,
-  r as hasFormattedMessageOfType,
-  N as htmlFragment,
-  B as isEmailAddress,
-  v as isOutOfViewPort,
-  W as isPhoneNumber,
-  k as isURL,
-  T as javaHashCode,
-  $ as kebabCaseToPascalCase,
-  z as linkRegex,
-  Q as pascalCaseToKebabCase,
-  H as safeConcatStrings
-};
-//# sourceMappingURL=utils.js.map

package/dist/lib/validators.js

@@ -1,12 +0,0 @@
-import { VALIDATION_MESSAGE_TYPES as n } from "./constants.js";
-function i(r) {
-  return r ? r.every((t) => typeof t == "string" ? !0 : typeof t == "object" ? Object.values(n).includes(t == null ? void 0 : t.type) : !1) : !0;
-}
-const o = {
-  validationMessageValidator: i
-};
-export {
-  o as default,
-  i as validationMessageValidator
-};
-//# sourceMappingURL=validators.js.map