@dialpad/dialtone 9.110.1-beta.2 → 9.110.2

package/dist/vue3/common/utils/index.js

@@ -1,213 +0,0 @@
-import { DEFAULT_PREFIX as R, DEFAULT_VALIDATION_MESSAGE_TYPE as S, VALIDATION_MESSAGE_TYPES as r } from "../constants/index.js";
-import { configVue2StyleClassAttrs as c } from "../config/index.js";
-import { h as x, Comment as y, Text as C } from "vue";
-let O = 0, s;
-const T = "input:not([type=hidden]):not(:disabled)", A = "select:not(:disabled),textarea:not(:disabled),button:not(:disabled)", L = `${T},${A}`, w = `a,frame,iframe,${L},*[tabindex]`, _ = typeof setImmediate == "function" ? setImmediate : setTimeout;
-function N(e = R) {
-  return `${e}${O++}`;
-}
-function I(e, t) {
-  if (t) {
-    const n = U(t);
-    return e[Math.abs(n) % e.length];
-  } else
-    return e[u(e.length)];
-}
-function U(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 $(e) {
-  return e ? e.map((t) => typeof t == "string" ? {
-    message: t,
-    type: S
-  } : t) : [];
-}
-function D(e) {
-  const t = l(e);
-  return !e || !t ? [] : e.filter((n) => !!n.message && n.type === t);
-}
-function l(e) {
-  return e ? o(e, r.ERROR) ? r.ERROR : o(e, r.WARNING) ? r.WARNING : o(e, r.SUCCESS) ? r.SUCCESS : null : null;
-}
-function o(e, t) {
-  return !e || !t ? !1 : e.some((n) => (n == null ? void 0 : n.type) === t);
-}
-function oe(e) {
-  return e == null ? void 0 : e.querySelector(w);
-}
-const j = (e) => x("div", { innerHTML: e.html }), F = () => new Promise((e) => {
-  _(e);
-});
-function ie(e, t = {}) {
-  return e ? e(t).some((n) => n.type === y || Array.isArray(n.children) && !n.children.length ? !1 : n.type !== C || typeof n.children == "string" && n.children.trim() !== "") : !1;
-}
-const P = (e) => e == null ? void 0 : e.toLowerCase().split("-").map((t) => t.charAt(0).toUpperCase() + t.slice(1)).join(""), se = (e) => e.replace(/\.?([A-Z0-9]+)/g, (t, n) => "-" + n.toLowerCase()).replace(/^-/, ""), W = (e) => {
-  const t = Object.entries(e).filter(([n]) => n.match(/on[A-Z]/));
-  return Object.fromEntries(t);
-}, a = (e) => (e == null ? void 0 : e.nodeType) === Node.ELEMENT_NODE ? e : e != null && e.nodeType ? a(e == null ? void 0 : e.nextSibling) : null;
-function k(e) {
-  if (!c) return e;
-  const t = Object.entries(e).filter(([n]) => !["class", "style"].includes(n));
-  return Object.fromEntries(t);
-}
-function v(e) {
-  return c ? {
-    class: e.class,
-    style: e.style
-  } : {};
-}
-function z(e, t = 300) {
-  clearTimeout(s), s = setTimeout(e, t);
-}
-function B(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 H = /(?:(?:[^\s!@#$%^&*()_=+[\]{}\\|;:'",.<>/?]+)\.)/, M = 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)"
-), V = 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(
-  "(?:" + [
-    [
-      H.source,
-      M.source
-    ].join("+"),
-    V.source
-  ].join("|") + ")"
-), G = /(?:(?:[;/][^#?<>\s]*)?)/, f = /(?:(?:\?[^#<>\s]+)?(?:#[^<>\s]+)?)/, h = new RegExp(
-  "\\b" + [
-    d.source,
-    G.source,
-    f.source,
-    "(?!\\w)"
-  ].join("+")
-), m = /\b[a-z\d.-]+:\/\/[^<>\s]+/, E = new RegExp(
-  "(?:mailto:)?[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@" + [
-    d.source,
-    f.source
-  ].join("+") + "(?!\\w)"
-);
-function b(e = 7, t = 15) {
-  try {
-    return new RegExp(
-      `(?:^|(?<=\\W))(?![\\s\\-])\\+?(?:[0-9()\\- \\t]{${e},${t}})(?=\\b)(?=\\W(?=\\W|$)|\\s|$)`
-    );
-  } catch {
-    console.warn("This browser doesn't support regex lookahead/lookbehind");
-  }
-  return new RegExp(
-    `(?![\\s\\-])\\+?(?:[0-9()\\- \\t]{${e},${t}})(?=\\b)(?=\\W(?=\\W|$)|\\s|$)`
-  );
-}
-const p = b(), q = new RegExp(
-  [
-    h.source,
-    m.source,
-    E.source,
-    p.source
-  ].join("|"),
-  "gi"
-);
-function Q(e) {
-  var t;
-  return !e || !["string", "number"].includes(typeof e) ? !1 : (e = e.toString(), ((t = p.exec(e)) == null ? void 0 : t[0]) === e);
-}
-function Y(e) {
-  var t, n;
-  return !e || typeof e != "string" ? !1 : ((t = h.exec(e)) == null ? void 0 : t[0]) === e || ((n = m.exec(e)) == null ? void 0 : n[0]) === e;
-}
-function Z(e) {
-  var t;
-  return !e || typeof e != "string" ? !1 : ((t = E.exec(e)) == null ? void 0 : t[0]) === e;
-}
-function K(e) {
-  return e.filter((t) => !!t).join(" ");
-}
-function X(e, t = "en-US") {
-  return e.replace(new RegExp("^\\p{CWU}", "u"), (n) => n.toLocaleUpperCase(t));
-}
-function ce(e, t) {
-  typeof process > "u" || process.env.NODE_ENV === "test" && (!e || !(e instanceof HTMLElement) || !(document != null && document.body) || document.body.contains(e) || console.warn(`The ${t} component is not attached to the document body. This may cause issues.`));
-}
-function g(e = document.documentElement) {
-  return !!e.hasAttribute("data-overlayscrollbars");
-}
-function J(e = document.documentElement) {
-  g(e) ? e.classList.add("d-scrollbar-disabled") : e.classList.add("d-of-hidden");
-}
-function ee(e = document.documentElement) {
-  g(e) ? e.classList.remove("d-scrollbar-disabled") : e.classList.remove("d-of-hidden");
-}
-const ue = {
-  getUniqueString: N,
-  getRandomElement: I,
-  getRandomInt: u,
-  formatMessages: $,
-  filterFormattedMessages: D,
-  hasFormattedMessageOfType: o,
-  getValidationState: l,
-  htmlFragment: j,
-  flushPromises: F,
-  kebabCaseToPascalCase: P,
-  extractVueListeners: W,
-  removeClassStyleAttrs: k,
-  addClassStyleAttrs: v,
-  returnFirstEl: a,
-  debounce: z,
-  isOutOfViewPort: B,
-  getPhoneNumberRegex: b,
-  linkRegex: q,
-  isEmailAddress: Z,
-  isPhoneNumber: Q,
-  isURL: Y,
-  safeConcatStrings: K,
-  capitalizeFirstLetter: X,
-  disableRootScrolling: J,
-  enableRootScrolling: ee
-};
-export {
-  v as addClassStyleAttrs,
-  X as capitalizeFirstLetter,
-  z as debounce,
-  ue as default,
-  J as disableRootScrolling,
-  ee as enableRootScrolling,
-  W as extractVueListeners,
-  D as filterFormattedMessages,
-  oe as findFirstFocusableNode,
-  F as flushPromises,
-  $ as formatMessages,
-  b as getPhoneNumberRegex,
-  I as getRandomElement,
-  u as getRandomInt,
-  N as getUniqueString,
-  l as getValidationState,
-  o as hasFormattedMessageOfType,
-  ie as hasSlotContent,
-  j as htmlFragment,
-  Z as isEmailAddress,
-  B as isOutOfViewPort,
-  Q as isPhoneNumber,
-  Y as isURL,
-  U as javaHashCode,
-  P as kebabCaseToPascalCase,
-  q as linkRegex,
-  se as pascalCaseToKebabCase,
-  k as removeClassStyleAttrs,
-  a as returnFirstEl,
-  K as safeConcatStrings,
-  ce as warnIfUnmounted
-};
-//# sourceMappingURL=index.js.map

package/dist/vue3/common/utils/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../common/utils/index.js"],"sourcesContent":["import {\n  DEFAULT_PREFIX,\n  DEFAULT_VALIDATION_MESSAGE_TYPE,\n  VALIDATION_MESSAGE_TYPES,\n} from '../constants';\nimport {\n  configVue2StyleClassAttrs,\n} from '../config';\nimport {\n  h,\n  Comment,\n  Text,\n} from 'vue';\n\nlet UNIQUE_ID_COUNTER = 0;\nlet TIMER;\n\n// selector to find focusable not hidden inputs\nconst FOCUSABLE_SELECTOR_NOT_HIDDEN = 'input:not([type=hidden]):not(:disabled)';\n// selector to find focusable not disables elements\nconst FOCUSABLE_SELECTOR_NOT_DISABLED = 'select:not(:disabled),textarea:not(:disabled),button:not(:disabled)';\n// // selector to find focusable not hidden and disabled elements\nconst FOCUSABLE_SELECTOR_NOT_HIDDEN_DISABLED = `${FOCUSABLE_SELECTOR_NOT_HIDDEN},${FOCUSABLE_SELECTOR_NOT_DISABLED}`;\n// selector to find focusable elements\nconst FOCUSABLE_SELECTOR = `a,frame,iframe,${FOCUSABLE_SELECTOR_NOT_HIDDEN_DISABLED},*[tabindex]`;\n\nconst scheduler = typeof setImmediate === 'function' ? setImmediate : setTimeout;\n\nexport function getUniqueString (prefix = DEFAULT_PREFIX) {\n  return `${prefix}${UNIQUE_ID_COUNTER++}`;\n}\n\n/**\n * Returns a random element from array\n * @param array - the array to return a random element from\n * @param {string} seed - use a string to seed the randomization, so it returns the same element each time\n * based on that string.\n * @returns {*} - the random element\n */\nexport function getRandomElement (array, seed) {\n  if (seed) {\n    const hash = javaHashCode(seed);\n    return array[Math.abs(hash) % array.length];\n  } else {\n    return array[getRandomInt(array.length)];\n  }\n}\n\n/**\n * Returns a hash code for a string.\n * (Compatible to Java's String.hashCode())\n * We use this algo to be in sync with android.\n *\n * The hash code for a string object is computed as\n *     s[0]*31^(n-1) + s[1]*31^(n-2) + ... + s[n-1]\n * using number arithmetic, where s[i] is the i th character\n * of the given string, n is the length of the string,\n * and ^ indicates exponentiation.\n * (The hash value of the empty string is zero.)\n *\n * @param {string} str a string\n * @return {number} a hash code value for the given string.\n */\nexport function javaHashCode (str) {\n  let h;\n  for (let i = 0; i < str.length; i++) {\n    h = Math.imul(31, h) + str.charCodeAt(i) | 0;\n  }\n\n  return h;\n}\n\n/**\n * Generate a random integer\n * @param {number} max - max range of integer to generate\n * @returns {number} randomly generated integer between 0 and max\n */\nexport function getRandomInt (max) {\n  return Math.floor(Math.random() * max);\n}\n\nexport function formatMessages (messages) {\n  if (!messages) {\n    return [];\n  }\n\n  return messages.map(message => {\n    if (typeof message === 'string') {\n      return {\n        message,\n        type: DEFAULT_VALIDATION_MESSAGE_TYPE,\n      };\n    }\n\n    return message;\n  });\n}\n\nexport function filterFormattedMessages (formattedMessages) {\n  const validationState = getValidationState(formattedMessages);\n\n  if (!formattedMessages || !validationState) {\n    return [];\n  }\n\n  return formattedMessages.filter(message => !!message.message && message.type === validationState);\n}\n\n/*\n * The priority order of message types is as flows: 'error' > 'warning' > 'success'.\n * If any message of type 'error' is present in messages, the input state is considered\n * to be 'error', then 'warning' and lastly 'success'.\n */\nexport function getValidationState (formattedMessages) {\n  if (!formattedMessages) {\n    return null;\n  }\n\n  if (hasFormattedMessageOfType(formattedMessages, VALIDATION_MESSAGE_TYPES.ERROR)) {\n    return VALIDATION_MESSAGE_TYPES.ERROR;\n  }\n  if (hasFormattedMessageOfType(formattedMessages, VALIDATION_MESSAGE_TYPES.WARNING)) {\n    return VALIDATION_MESSAGE_TYPES.WARNING;\n  }\n  if (hasFormattedMessageOfType(formattedMessages, VALIDATION_MESSAGE_TYPES.SUCCESS)) {\n    return VALIDATION_MESSAGE_TYPES.SUCCESS;\n  }\n\n  return null;\n}\n\nexport function hasFormattedMessageOfType (formattedMessages, messageType) {\n  if (!formattedMessages || !messageType) {\n    return false;\n  }\n\n  return formattedMessages.some(message => message?.type === messageType);\n}\n\nexport function findFirstFocusableNode (element) {\n  return element?.querySelector(FOCUSABLE_SELECTOR);\n}\n\n/* html-fragment component:\n * To render html without wrapping in another element as when using v-html.\n * props: html\n */\nexport const htmlFragment = (props) => {\n  return h('div', { innerHTML: props.html });\n};\n\nexport const flushPromises = () => {\n  return new Promise((resolve) => {\n    scheduler(resolve);\n  });\n};\n\n/*\n  It is very cumbersome to check if a slot is empty in vue 3. Copied this method from the following thread\n  https://github.com/vuejs/core/issues/4733. There is an RFC to fix this but not yet being worked on.\n  https://github.com/vuejs/rfcs/discussions/453\n*/\nexport function hasSlotContent (slot, slotProps = {}) {\n  if (!slot) return false;\n\n  // eslint-disable-next-line complexity\n  return slot(slotProps).some((vnode) => {\n    if (vnode.type === Comment) return false;\n\n    if (Array.isArray(vnode.children) && !vnode.children.length) return false;\n\n    return (\n      vnode.type !== Text ||\n      (typeof vnode.children === 'string' && vnode.children.trim() !== '')\n    );\n  });\n}\n\n/**\n * Transform a string from kebab-case to PascalCase\n * @param string\n * @returns {string}\n */\nexport const kebabCaseToPascalCase = (string) => {\n  return string?.toLowerCase()\n    .split('-')\n    .map(word => word.charAt(0).toUpperCase() + word.slice(1))\n    .join('');\n};\n\n/**\n * Transform a string from PascalCase to kebab-case\n * @param string\n * @returns {string}\n */\nexport const pascalCaseToKebabCase = (string) => {\n  return string\n    .replace(/\\.?([A-Z0-9]+)/g, (x, y) => '-' + y.toLowerCase())\n    .replace(/^-/, '');\n};\n\nexport const extractVueListeners = (attrs) => {\n  const listeners = Object.entries(attrs)\n    .filter(([key]) => key.match(/on[A-Z]/));\n  return Object.fromEntries(listeners);\n};\n\n/**\n * $el works very differently than in vue 2, if the first node in the template is a text node\n * such as a comment it will return that instead of the first actual element. This function\n * will recursively return the first element in the template instead of the first node.\n * @param el\n * @returns {HTMLElement} The first element in the template\n */\nexport const returnFirstEl = (el) => {\n  if (el?.nodeType === Node.ELEMENT_NODE) {\n    return el;\n  } else if (!el?.nodeType) {\n    return null;\n  } else {\n    return returnFirstEl(el?.nextSibling);\n  }\n};\n\n/**\n  Only will apply changes if the config option configVue2StyleClassAttrs is set to true. It is false by default.\n\n  Removes the class and style attributes from the $attrs. This is useful for vue 2 to vue 3 migration\n  purposes so we don't cause breaking changes due to INSTANCE_ATTRS_CLASS_STYLE\n  https://v3-migration.vuejs.org/breaking-changes/attrs-includes-class-style\n\n  Remove the class and style attributes from the v-bind like so so v-bind=\"removeClassStyleAttrs($attrs)\",\n  and then apply them to the root element manually via:\n\n  :class=\"$attrs.class\"\n  :style=\"$attrs.style\"\n*/\nexport function removeClassStyleAttrs (attrs) {\n  if (!configVue2StyleClassAttrs) return attrs;\n  const listeners = Object.entries(attrs)\n    .filter(([key]) => !['class', 'style'].includes(key));\n  return Object.fromEntries(listeners);\n}\n\n/**\n  This should be applied to the root element on components using inheritAttrs: false.\n  This will add the class and style attributes back to the root element if configVue2StyleClassAttrs\n  is enabled.\n*/\nexport function addClassStyleAttrs (attrs) {\n  if (!configVue2StyleClassAttrs) return {};\n  return {\n    class: attrs.class,\n    style: attrs.style,\n  };\n}\n\n/*\n* Set's a global timer to debounce the execution of a function.\n* @param { object } func - the function that is going to be called after timeout\n* @param { number } [timeout=300] timeout\n* */\nexport function debounce (func, timeout = 300) {\n  clearTimeout(TIMER);\n  TIMER = setTimeout(func, timeout);\n}\n\n/**\n * Checks if the element is out of the viewport\n * https://gomakethings.com/how-to-check-if-any-part-of-an-element-is-out-of-the-viewport-with-vanilla-js/\n * @param  {HTMLElement} element The element to check\n * @return {Object} A set of booleans for each side of the element\n */\n\nexport function isOutOfViewPort (element) {\n  const bounding = element.getBoundingClientRect();\n\n  const isOut = {\n    top: bounding.top < 0,\n    left: bounding.left < 0,\n    bottom: bounding.bottom > (window.innerHeight || document.documentElement.clientHeight),\n    right: bounding.right > (window.innerWidth || document.documentElement.clientWidth),\n  };\n  isOut.any = Object.values(isOut).some(val => val);\n  isOut.all = Object.values(isOut).every(val => val);\n  return isOut;\n}\n\n// match valid characters for a domain name followed by a dot, e.g. \"dialpad.\"\nconst domainNameRegex = /(?:(?:[^\\s!@#$%^&*()_=+[\\]{}\\\\|;:'\",.<>/?]+)\\.)/;\n\n// match valid TLDs for a hostname (outdated list from ~2017)\nconst tldRegerx = new RegExp(\n  '(?:' +\n  '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|' +\n  '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|' +\n  'il|ie|nz|kz|hk|lt|cc|my|sg|club|bg|edu|рф|pk|su|top|th|hr|rs|pe|pro|si|az|lv|pw|' +\n  'ae|ph|online|ng|ee|ws|ve|cat' +\n  ')',\n);\n\n// match valid IPv4 addresses, e.g. \"192.158.1.38\"\nconst ipv4Regex = new RegExp(\n  '(?:(?:[0-9]|[1-9]\\\\d|1\\\\d{2}|2[0-4]\\\\d|25[0-5])\\\\.){3}' +\n  '(?:[0-9]|[1-9]\\\\d|1\\\\d{2}|2[0-4]\\\\d|25[0-5])',\n);\n\n// match hostnames OR IPv4 addresses, e.g. \"dialpad.com\" or \"192.158.1.38\"\nconst hostnameOrIpRegex = new RegExp(\n  '(?:' +\n  [\n    [\n      domainNameRegex.source,\n      tldRegerx.source,\n    ].join('+'),\n    ipv4Regex.source,\n  ].join('|') +\n  ')',\n);\n\n// match URL paths, e.g. \"/news\"\nconst urlPathRegex = /(?:(?:[;/][^#?<>\\s]*)?)/;\n\n// match URL queries and fragments, e.g. \"?cache=1&new=true\" or \"#heading1\"\nconst urlQueryOrFragmentRegex = /(?:(?:\\?[^#<>\\s]+)?(?:#[^<>\\s]+)?)/;\n\n// match complete hostnames or IPv4 addresses without a protocol and with optional\n// URL paths, queries and fragments e.g. \"dialpad.com/news?cache=1#heading1\"\nconst urlWithoutProtocolRegex = new RegExp(\n  '\\\\b' +\n  [\n    hostnameOrIpRegex.source,\n    urlPathRegex.source,\n    urlQueryOrFragmentRegex.source,\n    '(?!\\\\w)',\n  ].join('+'),\n);\n\n// match complete hostnames with protocols and optional URL paths, queries and fragments,\n// e.g. \"ws://localhost:9011\" or \"https://dialpad.com/news?cache=1#heading1\"\nconst urlWithProtocolRegex = /\\b[a-z\\d.-]+:\\/\\/[^<>\\s]+/;\n\n// match email addresses with an optional \"mailto:\" prefix and URL queries, e.g.\n// \"hey@dialpad.com\" or \"mailto:hey@dialpad.com?subject=Hi&body=Hey%20there\"\nconst emailAddressRegex = new RegExp(\n  '(?:mailto:)?' +\n  '[a-z0-9!#$%&\\'*+/=?^_`{|}~-]+(?:\\\\.[a-z0-9!#$%&\\'*+/=?^_`{|}~-]+)*@' +\n  [\n    hostnameOrIpRegex.source,\n    urlQueryOrFragmentRegex.source,\n  ].join('+') +\n  '(?!\\\\w)',\n);\n\n/**\n * Match phone numbers, e.g. \"765-8813\", \"(778) 765-8813\" or \"+17787658813\".\n * @param {number} minLength\n * @param {number} maxLength\n * @returns {RegExp}\n */\nexport function getPhoneNumberRegex (minLength = 7, maxLength = 15) {\n  // Some older browser versions don't support lookbehind, so provide a RegExp\n  // version without it. It fails just one test case, so IMO it's still good\n  // enough to use. https://caniuse.com/js-regexp-lookbehind\n  try {\n    return new RegExp(\n      '(?:^|(?<=\\\\W))' +\n      '(?![\\\\s\\\\-])\\\\+?(?:[0-9()\\\\- \\\\t]' +\n      `{${minLength},${maxLength}}` +\n      ')(?=\\\\b)(?=\\\\W(?=\\\\W|$)|\\\\s|$)',\n    );\n  } catch (e) {\n    // eslint-disable-next-line no-console\n    console.warn('This browser doesn\\'t support regex lookahead/lookbehind');\n  }\n\n  return new RegExp(\n    '(?![\\\\s\\\\-])\\\\+?(?:[0-9()\\\\- \\\\t]' +\n      `{${minLength},${maxLength}}` +\n      ')(?=\\\\b)(?=\\\\W(?=\\\\W|$)|\\\\s|$)',\n  );\n}\n\nconst phoneNumberRegex = getPhoneNumberRegex();\n\n// match all link types\nexport const linkRegex = new RegExp(\n  [\n    urlWithoutProtocolRegex.source,\n    urlWithProtocolRegex.source,\n    emailAddressRegex.source,\n    phoneNumberRegex.source,\n  ].join('|'),\n  'gi',\n);\n\n/**\n * Check if a string is a phone number. Validates only exact matches.\n * @param {string|number} input\n * @returns {boolean}\n */\nexport function isPhoneNumber (input) {\n  if (!input || (!['string', 'number'].includes(typeof input))) return false;\n  input = input.toString();\n  return phoneNumberRegex.exec(input)?.[0] === input;\n}\n\n/**\n * Check if a string is an URL. Validates only exact matches.\n * @param {string} input\n * @returns {boolean}\n */\nexport function isURL (input) {\n  if (!input || typeof input !== 'string') return false;\n  return urlWithoutProtocolRegex.exec(input)?.[0] === input ||\n    urlWithProtocolRegex.exec(input)?.[0] === input;\n}\n\n/**\n * Check if a string is an email address. Validates only exact matches.\n * @param {string} input\n * @returns {boolean}\n */\nexport function isEmailAddress (input) {\n  if (!input || typeof input !== 'string') return false;\n  return emailAddressRegex.exec(input)?.[0] === input;\n}\n\n/**\n * Concatenate a string removing null or undefined elements\n * avoiding parsing them as string with template strings\n * @param {Array} elements\n * @returns {String}\n */\nexport function safeConcatStrings (elements) {\n  return elements.filter(str => !!str).join(' ');\n}\n\n/**\n * Locale safe function to capitalize the first letter of a string.\n * @param {string} str the string to capitalize the first letter of\n * @param {string} locale a string representing the locale to be used. Defaults to 'en-US'\n * @returns The passed in string with the first letter capitalized\n */\nexport function capitalizeFirstLetter (str, locale = 'en-US') {\n  return str.replace(/^\\p{CWU}/u, char => char.toLocaleUpperCase(locale));\n}\n\n/**\n * Warns if the component is not mounted properly. Useful for tests.\n * @param {HTMLElement} componentRef - the component reference\n * @param {string} componentName - the component name\n */\n// eslint-disable-next-line complexity\nexport function warnIfUnmounted (componentRef, componentName) {\n  if (typeof process === 'undefined') return;\n  if (process.env.NODE_ENV !== 'test') return;\n  if (!componentRef || !(componentRef instanceof HTMLElement) || !document?.body) return;\n  if (!document.body.contains(componentRef)) {\n    console.warn(`The ${componentName} component is not attached to the document body. This may cause issues.`);\n  }\n}\n\n/**\n * checks whether the dt-scrollbar is being used on the root element.\n * @param rootElement {HTMLElement}\n * @returns {boolean}\n */\nfunction isDtScrollbarInUse (rootElement = document.documentElement) {\n  if (rootElement.hasAttribute('data-overlayscrollbars')) {\n    return true;\n  }\n  return false;\n}\n\n/**\n * This will disable scrolling on the root element regardless of whether you are using dt-scrollbar or not.\n * @param rootElement {HTMLElement}\n */\nexport function disableRootScrolling (rootElement = document.documentElement) {\n  if (isDtScrollbarInUse(rootElement)) {\n    rootElement.classList.add('d-scrollbar-disabled');\n  } else {\n    rootElement.classList.add('d-of-hidden');\n  }\n}\n\n/**\n * This will enable scrolling on the root element regardless of whether you are using dt-scrollbar or not.\n * @param rootElement {HTMLElement}\n */\nexport function enableRootScrolling (rootElement = document.documentElement) {\n  if (isDtScrollbarInUse(rootElement)) {\n    rootElement.classList.remove('d-scrollbar-disabled');\n  } else {\n    rootElement.classList.remove('d-of-hidden');\n  }\n}\n\nexport default {\n  getUniqueString,\n  getRandomElement,\n  getRandomInt,\n  formatMessages,\n  filterFormattedMessages,\n  hasFormattedMessageOfType,\n  getValidationState,\n  htmlFragment,\n  flushPromises,\n  kebabCaseToPascalCase,\n  extractVueListeners,\n  removeClassStyleAttrs,\n  addClassStyleAttrs,\n  returnFirstEl,\n  debounce,\n  isOutOfViewPort,\n  getPhoneNumberRegex,\n  linkRegex,\n  isEmailAddress,\n  isPhoneNumber,\n  isURL,\n  safeConcatStrings,\n  capitalizeFirstLetter,\n  disableRootScrolling,\n  enableRootScrolling,\n};\n"],"names":["UNIQUE_ID_COUNTER","TIMER","FOCUSABLE_SELECTOR_NOT_HIDDEN","FOCUSABLE_SELECTOR_NOT_DISABLED","FOCUSABLE_SELECTOR_NOT_HIDDEN_DISABLED","FOCUSABLE_SELECTOR","scheduler","getUniqueString","prefix","DEFAULT_PREFIX","getRandomElement","array","seed","hash","javaHashCode","getRandomInt","str","h","i","max","formatMessages","messages","message","DEFAULT_VALIDATION_MESSAGE_TYPE","filterFormattedMessages","formattedMessages","validationState","getValidationState","hasFormattedMessageOfType","VALIDATION_MESSAGE_TYPES","messageType","findFirstFocusableNode","element","htmlFragment","props","flushPromises","resolve","hasSlotContent","slot","slotProps","vnode","Comment","Text","kebabCaseToPascalCase","string","word","pascalCaseToKebabCase","x","y","extractVueListeners","attrs","listeners","key","returnFirstEl","el","removeClassStyleAttrs","configVue2StyleClassAttrs","addClassStyleAttrs","debounce","func","timeout","isOutOfViewPort","bounding","isOut","val","domainNameRegex","tldRegerx","ipv4Regex","hostnameOrIpRegex","urlPathRegex","urlQueryOrFragmentRegex","urlWithoutProtocolRegex","urlWithProtocolRegex","emailAddressRegex","getPhoneNumberRegex","minLength","maxLength","phoneNumberRegex","linkRegex","isPhoneNumber","input","_a","isURL","_b","isEmailAddress","safeConcatStrings","elements","capitalizeFirstLetter","locale","char","warnIfUnmounted","componentRef","componentName","isDtScrollbarInUse","rootElement","disableRootScrolling","enableRootScrolling","utils"],"mappings":"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"}

package/dist/vue3/common/validators/index.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("../constants/index.cjs");function r(e){return e?e.every(t=>typeof t=="string"?!0:typeof t=="object"?Object.values(n.VALIDATION_MESSAGE_TYPES).includes(t==null?void 0:t.type):!1):!0}const i={validationMessageValidator:r};exports.default=i;exports.validationMessageValidator=r;
-//# sourceMappingURL=index.cjs.map

package/dist/vue3/common/validators/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../../../common/validators/index.js"],"sourcesContent":["import {\n  VALIDATION_MESSAGE_TYPES,\n} from '@/common/constants';\n\nexport function validationMessageValidator (rawMessages) {\n  if (!rawMessages) {\n    return true;\n  }\n\n  return rawMessages.every(message => {\n    if (typeof message === 'string') {\n      return true;\n    }\n\n    if (typeof message === 'object') {\n      return Object.values(VALIDATION_MESSAGE_TYPES).includes(message?.type);\n    }\n\n    return false;\n  });\n}\n\nexport default {\n  validationMessageValidator,\n};\n"],"names":["validationMessageValidator","rawMessages","message","VALIDATION_MESSAGE_TYPES","index"],"mappings":"sJAIO,SAASA,EAA4BC,EAAa,CACvD,OAAKA,EAIEA,EAAY,MAAMC,GACnB,OAAOA,GAAY,SACd,GAGL,OAAOA,GAAY,SACd,OAAO,OAAOC,EAAwB,wBAAA,EAAE,SAASD,GAAA,YAAAA,EAAS,IAAI,EAGhE,EACR,EAbQ,EAcX,CAEA,MAAeE,EAAA,CACb,2BAAAJ,CACF"}

package/dist/vue3/common/validators/index.js

@@ -1,12 +0,0 @@
-import { VALIDATION_MESSAGE_TYPES as n } from "../constants/index.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=index.js.map

package/dist/vue3/common/validators/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../common/validators/index.js"],"sourcesContent":["import {\n  VALIDATION_MESSAGE_TYPES,\n} from '@/common/constants';\n\nexport function validationMessageValidator (rawMessages) {\n  if (!rawMessages) {\n    return true;\n  }\n\n  return rawMessages.every(message => {\n    if (typeof message === 'string') {\n      return true;\n    }\n\n    if (typeof message === 'object') {\n      return Object.values(VALIDATION_MESSAGE_TYPES).includes(message?.type);\n    }\n\n    return false;\n  });\n}\n\nexport default {\n  validationMessageValidator,\n};\n"],"names":["validationMessageValidator","rawMessages","message","VALIDATION_MESSAGE_TYPES","index"],"mappings":";AAIO,SAASA,EAA4BC,GAAa;AACvD,SAAKA,IAIEA,EAAY,MAAM,CAAAC,MACnB,OAAOA,KAAY,WACd,KAGL,OAAOA,KAAY,WACd,OAAO,OAAOC,CAAwB,EAAE,SAASD,KAAA,gBAAAA,EAAS,IAAI,IAGhE,EACR,IAbQ;AAcX;AAEA,MAAeE,IAAA;AAAA,EACb,4BAAAJ;AACF;"}

package/dist/vue3/lib/attachment-carousel/attachment-carousel.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("@dialpad/dialtone-icons/vue3"),e=require("vue"),d=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),g=require("../image-viewer/image-viewer.cjs"),_=require("../button/button.cjs"),b={compatConfig:{MODE:3},name:"DtProgressBar",props:{progressbarAriaLabel:{type:String,required:!0},progress:{type:Number,default:20}},data:()=>({circleCircumference:50}),computed:{cssVars(){return{"--stroke-dashoffset":this.circleCircumference-this.circleCircumference*this.progress/100,"--stroke-dasharray":this.circleCircumference}}},mounted(){this.circleCircumference=this.$refs.progressbarCircle.getTotalLength()}},p=["aria-label","aria-valuenow"],f={ref:"progressbarCircle",r:"8",cx:"12",cy:"12",class:"d-recipe-attachment-carousel__progress-bar-circle"},w=e.createElementVNode("circle",{r:"8",cx:"12",cy:"12",class:"d-recipe-attachment-carousel__progress-bar-circle"},null,-1);function v(r,o,t,h,c,a){return e.openBlock(),e.createElementBlock("div",{role:"progressbar","aria-label":t.progressbarAriaLabel,tabindex:"-1","aria-valuenow":t.progress,"aria-valuemin":"0","aria-valuemax":"100"},[(e.openBlock(),e.createElementBlock("svg",{class:"d-recipe-attachment-carousel__progress-bar",style:e.normalizeStyle(a.cssVars)},[e.createElementVNode("circle",f,null,512),w],4))],8,p)}const A=d._(b,[["render",v]]),C={compatConfig:{MODE:3},name:"DtImageCarousel",components:{DtImageViewer:g.default,DtButton:_.default,DtIconClose:u.DtIconClose,DtProgressBar:A},props:{mediaItem:{type:Object,required:!0},index:{type:Number,required:!0},closeAriaLabel:{type:String,required:!0},clickToOpenAriaLabel:{type:String,required:!0},progressbarAriaLabel:{type:String,required:!0}},emits:["remove-media"],methods:{removeMediaItem(r){this.$emit("remove-media",r)}}},L={class:"d-recipe-attachment-carousel__image"},k={class:"d-recipe-attachment-carousel__image-top-right"};function y(r,o,t,h,c,a){const n=e.resolveComponent("dt-image-viewer"),l=e.resolveComponent("dt-progress-bar"),m=e.resolveComponent("dt-icon-close"),i=e.resolveComponent("dt-button");return e.openBlock(),e.createElementBlock("li",L,[e.createVNode(n,{"image-button-class":"d-recipe-attachment-carousel__image-viewer","image-src":t.mediaItem.path,"image-alt":t.mediaItem.altText,"close-aria-label":t.closeAriaLabel,"aria-label":t.clickToOpenAriaLabel},null,8,["image-src","image-alt","close-aria-label","aria-label"]),e.createElementVNode("div",k,[t.mediaItem.isUploading?(e.openBlock(),e.createBlock(l,{key:0,class:"d-recipe-attachment-carousel__image-progress-bar",progress:t.mediaItem.progress,"progressbar-aria-label":t.progressbarAriaLabel},null,8,["progress","progressbar-aria-label"])):e.createCommentVNode("",!0),e.createVNode(i,{id:`closeButton-${t.index}`,tabindex:"0",class:"d-recipe-attachment-carousel__image-close-button",circle:"",size:"xs",importance:"clear","aria-label":t.closeAriaLabel,onClick:o[0]||(o[0]=s=>a.removeMediaItem(t.index))},{icon:e.withCtx(()=>[e.createVNode(m,{size:"200"})]),_:1},8,["id","aria-label"])])])}const B=d._(C,[["render",y]]),x=64,D={compatConfig:{MODE:3},name:"DtRecipeAttachmentCarousel",components:{DtButton:_.default,DtIconArrowRight:u.DtIconArrowRight,DtIconArrowLeft:u.DtIconArrowLeft,DtImageCarousel:B},mixins:[],props:{mediaList:{type:Array,default:()=>[]},closeAriaLabel:{type:String,required:!0},clickToOpenAriaLabel:{type:String,required:!0},progressbarAriaLabel:{type:String,required:!0},leftArrowAriaLabel:{type:String,required:!0},rightArrowAriaLabel:{type:String,required:!0}},emits:["remove-media"],data(){return{showCloseButton:{},showRightArrow:!0,showLeftArrow:!1,isMounted:!1}},computed:{filteredMediaList(){return this.mediaList.filter(r=>r.type==="image"||r.type==="video")}},mounted:function(){this.showLeftArrow=this.$refs.carousel.scrollLeft>0,this.showRightArrow=this.$refs.carousel.scrollWidth>this.$refs.carousel.clientWidth},methods:{onItemFocus(r){r.currentTarget.scrollIntoView({behavior:"smooth"})},mediaComponent(r){switch(r){case"image":return"dt-image-carousel";default:return null}},removeMediaItem(r){this.showRightArrow=this.$refs.carousel.scrollWidth>this.$refs.carousel.clientWidth+x,this.$emit("remove-media",r)},closeButton(r,o){this.showCloseButton[o]=r},handleScroll(){const r=this.$refs.carousel;this.showLeftArrow=r.scrollLeft>0,this.showRightArrow=r.scrollLeft+r.clientWidth!==r.scrollWidth},leftScroll(){this.$refs.carousel.scrollTo({left:this.$refs.carousel.scrollLeft-100,behavior:"smooth"})},rightScroll(){this.$refs.carousel.scrollTo({left:this.$refs.carousel.scrollLeft+100,behavior:"smooth"})}}},I={class:"d-recipe-attachment-carousel",role:"presentation"};function S(r,o,t,h,c,a){const n=e.resolveComponent("dt-icon-arrow-left"),l=e.resolveComponent("dt-button"),m=e.resolveComponent("dt-icon-arrow-right");return e.openBlock(),e.createElementBlock("div",I,[t.mediaList.length>0?(e.openBlock(),e.createElementBlock("ul",{key:0,ref:"carousel",class:"d-recipe-attachment-carousel__media-list",onScroll:o[0]||(o[0]=(...i)=>a.handleScroll&&a.handleScroll(...i))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.filteredMediaList,(i,s)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.mediaComponent(i.type)),{key:`media-${s}`,index:s,"media-item":i,"close-aria-label":t.closeAriaLabel,"click-to-open-aria-label":t.clickToOpenAriaLabel,"progressbar-aria-label":t.progressbarAriaLabel,onRemoveMedia:q=>a.removeMediaItem(s),onFocusin:a.onItemFocus},null,40,["index","media-item","close-aria-label","click-to-open-aria-label","progressbar-aria-label","onRemoveMedia","onFocusin"]))),128))],544)):e.createCommentVNode("",!0),e.withDirectives(e.createVNode(l,{tabindex:"-1","aria-label":t.leftArrowAriaLabel,class:"d-recipe-attachment-carousel__arrow d-recipe-attachment-carousel__arrow--left",circle:"",size:"xs",importance:"clear",onClick:a.leftScroll},{icon:e.withCtx(()=>[e.createVNode(n,{size:"100"})]),_:1},8,["aria-label","onClick"]),[[e.vShow,c.showLeftArrow]]),e.withDirectives(e.createVNode(l,{tabindex:"-1","aria-label":t.rightArrowAriaLabel,class:"d-recipe-attachment-carousel__arrow d-recipe-attachment-carousel__arrow--right",circle:"",size:"xs",importance:"clear",onClick:a.rightScroll},{icon:e.withCtx(()=>[e.createVNode(m,{size:"100"})]),_:1},8,["aria-label","onClick"]),[[e.vShow,c.showRightArrow]])])}const V=d._(D,[["render",S]]);exports.default=V;
-//# sourceMappingURL=attachment-carousel.cjs.map

package/dist/vue3/lib/attachment-carousel/attachment-carousel.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"attachment-carousel.cjs","sources":["../../../recipes/conversation_view/attachment_carousel/media_components/progress_bar.vue","../../../recipes/conversation_view/attachment_carousel/media_components/image_carousel.vue","../../../recipes/conversation_view/attachment_carousel/attachment_carousel.vue"],"sourcesContent":["<script>\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtProgressBar',\n  props: {\n    progressbarAriaLabel: {\n      type: String,\n      required: true,\n    },\n\n    progress: {\n      type: Number,\n      default: 20,\n    },\n  },\n\n  data: () => ({\n    circleCircumference: 50,\n  }),\n\n  computed: {\n    cssVars () {\n      return {\n        '--stroke-dashoffset':\n          (this.circleCircumference - (this.circleCircumference * this.progress / 100)),\n\n        '--stroke-dasharray': this.circleCircumference,\n      };\n    },\n  },\n\n  mounted () {\n    this.circleCircumference = this.$refs.progressbarCircle.getTotalLength();\n  },\n};\n</script>\n\n<template>\n  <div\n    role=\"progressbar\"\n    :aria-label=\"progressbarAriaLabel\"\n    tabindex=\"-1\"\n    :aria-valuenow=\"progress\"\n    aria-valuemin=\"0\"\n    aria-valuemax=\"100\"\n  >\n    <svg\n      class=\"d-recipe-attachment-carousel__progress-bar\"\n      :style=\"cssVars\"\n    >\n      <circle\n        ref=\"progressbarCircle\"\n        r=\"8\"\n        cx=\"12\"\n        cy=\"12\"\n        class=\"d-recipe-attachment-carousel__progress-bar-circle\"\n      />\n      <circle\n        r=\"8\"\n        cx=\"12\"\n        cy=\"12\"\n        class=\"d-recipe-attachment-carousel__progress-bar-circle\"\n      />\n    </svg>\n  </div>\n</template>\n","<template>\n  <li\n    class=\"d-recipe-attachment-carousel__image\"\n  >\n    <dt-image-viewer\n      image-button-class=\"d-recipe-attachment-carousel__image-viewer\"\n      :image-src=\"mediaItem.path\"\n      :image-alt=\"mediaItem.altText\"\n      :close-aria-label=\"closeAriaLabel\"\n      :aria-label=\"clickToOpenAriaLabel\"\n    />\n\n    <!-- Loader / Close button -->\n    <div\n      class=\"d-recipe-attachment-carousel__image-top-right\"\n    >\n      <dt-progress-bar\n        v-if=\"mediaItem.isUploading\"\n        class=\"d-recipe-attachment-carousel__image-progress-bar\"\n        :progress=\"mediaItem.progress\"\n        :progressbar-aria-label=\"progressbarAriaLabel\"\n      />\n      <dt-button\n        :id=\"`closeButton-${index}`\"\n        tabindex=\"0\"\n        class=\"d-recipe-attachment-carousel__image-close-button\"\n        circle\n        size=\"xs\"\n        importance=\"clear\"\n        :aria-label=\"closeAriaLabel\"\n        @click=\"removeMediaItem(index)\"\n      >\n        <template #icon>\n          <dt-icon-close\n            size=\"200\"\n          />\n        </template>\n      </dt-button>\n    </div>\n  </li>\n</template>\n\n<script>\nimport { DtImageViewer } from '@/components/image_viewer';\nimport { DtButton } from '@/components/button';\nimport { DtIconClose } from '@dialpad/dialtone-icons/vue3';\n\nimport DtProgressBar from './progress_bar.vue';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtImageCarousel',\n\n  components: {\n    DtImageViewer,\n    DtButton,\n    DtIconClose,\n    DtProgressBar,\n  },\n\n  props: {\n    mediaItem: {\n      type: Object,\n      required: true,\n    },\n\n    index: {\n      type: Number,\n      required: true,\n    },\n\n    closeAriaLabel: {\n      type: String,\n      required: true,\n    },\n\n    clickToOpenAriaLabel: {\n      type: String,\n      required: true,\n    },\n\n    progressbarAriaLabel: {\n      type: String,\n      required: true,\n    },\n  },\n\n  emits: [\n    /**\n     * Emitted when media close button is clicked to remove the image\n     *\n     * @event remove-media\n     * @type {Number}\n     */\n    'remove-media',\n  ],\n\n  methods: {\n    removeMediaItem (index) {\n      this.$emit('remove-media', index);\n    },\n  },\n};\n</script>\n","<template>\n  <div\n    class=\"d-recipe-attachment-carousel\"\n    role=\"presentation\"\n  >\n    <ul\n      v-if=\"mediaList.length > 0\"\n      ref=\"carousel\"\n      class=\"d-recipe-attachment-carousel__media-list\"\n      @scroll=\"handleScroll\"\n    >\n      <!-- media list -->\n      <component\n        :is=\"mediaComponent(mediaItem.type)\"\n        v-for=\"(mediaItem, index) in filteredMediaList\"\n        :key=\"`media-${index}`\"\n        :index=\"index\"\n        :media-item=\"mediaItem\"\n        :close-aria-label=\"closeAriaLabel\"\n        :click-to-open-aria-label=\"clickToOpenAriaLabel\"\n        :progressbar-aria-label=\"progressbarAriaLabel\"\n        @remove-media=\"removeMediaItem(index)\"\n        @focusin=\"onItemFocus\"\n      />\n    </ul>\n\n    <!-- Carousel Arrows -->\n    <dt-button\n      v-show=\"showLeftArrow\"\n      tabindex=\"-1\"\n      :aria-label=\"leftArrowAriaLabel\"\n      class=\"d-recipe-attachment-carousel__arrow d-recipe-attachment-carousel__arrow--left\"\n      circle\n      size=\"xs\"\n      importance=\"clear\"\n      @click=\"leftScroll\"\n    >\n      <template #icon>\n        <dt-icon-arrow-left\n          size=\"100\"\n        />\n      </template>\n    </dt-button>\n    <dt-button\n      v-show=\"showRightArrow\"\n      tabindex=\"-1\"\n      :aria-label=\"rightArrowAriaLabel\"\n      class=\"d-recipe-attachment-carousel__arrow d-recipe-attachment-carousel__arrow--right\"\n      circle\n      size=\"xs\"\n      importance=\"clear\"\n      @click=\"rightScroll\"\n    >\n      <template #icon>\n        <dt-icon-arrow-right\n          size=\"100\"\n        />\n      </template>\n    </dt-button>\n  </div>\n</template>\n\n<script>\nimport { DtIconArrowRight, DtIconArrowLeft } from '@dialpad/dialtone-icons/vue3';\nimport { DtButton } from '@/components/button';\n\nimport DtImageCarousel from './media_components/image_carousel.vue';\n\nconst MEDIA_ITEM_WIDTH = 64;\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeAttachmentCarousel',\n\n  components: {\n    DtButton,\n    DtIconArrowRight,\n    DtIconArrowLeft,\n    DtImageCarousel,\n  },\n\n  mixins: [],\n\n  /* inheritAttrs: false is generally an option we want to set on library\n    components. This allows any attributes passed in that are not recognized\n    as props to be passed down to another element or component using v-bind:$attrs\n    more info: https://vuejs.org/v2/api/#inheritAttrs */\n  // inheritAttrs: false,\n\n  props: {\n    /**\n     * media - object array of media objects\n     * @type {Array}\n     *\n     * Object: {\n     *  path: String,\n     *  altText: String | null,\n     * }\n     */\n    mediaList: {\n      type: Array,\n      default: () => [],\n    },\n\n    closeAriaLabel: {\n      type: String,\n      required: true,\n    },\n\n    clickToOpenAriaLabel: {\n      type: String,\n      required: true,\n    },\n\n    progressbarAriaLabel: {\n      type: String,\n      required: true,\n    },\n\n    leftArrowAriaLabel: {\n      type: String,\n      required: true,\n    },\n\n    rightArrowAriaLabel: {\n      type: String,\n      required: true,\n    },\n  },\n\n  emits: [\n    /**\n     * Emitted when popover is shown or hidden\n     *\n     * @event remove-media\n     * @type {Number}\n     */\n    'remove-media',\n  ],\n\n  data () {\n    return {\n      showCloseButton: {},\n      showRightArrow: true,\n      showLeftArrow: false,\n      isMounted: false,\n    };\n  },\n\n  computed: {\n    filteredMediaList () {\n      return this.mediaList.filter((mediaItem) => mediaItem.type === 'image' || mediaItem.type === 'video');\n    },\n  },\n\n  mounted: function () {\n    this.showLeftArrow = this.$refs.carousel.scrollLeft > 0;\n    this.showRightArrow = this.$refs.carousel.scrollWidth > this.$refs.carousel.clientWidth;\n  },\n\n  methods: {\n    onItemFocus (e) {\n      e.currentTarget.scrollIntoView({ behavior: 'smooth' });\n    },\n\n    mediaComponent (type) {\n      switch (type) {\n        case 'image':\n          return 'dt-image-carousel';\n        default:\n          // unknown media type\n          return null;\n      }\n    },\n\n    removeMediaItem (index) {\n      // make sure the carousel arrows is updated. 64 is the width of each media item\n      this.showRightArrow = this.$refs.carousel.scrollWidth > (this.$refs.carousel.clientWidth + MEDIA_ITEM_WIDTH);\n      this.$emit('remove-media', index);\n    },\n\n    closeButton (val, index) {\n      this.showCloseButton[index] = val;\n    },\n\n    handleScroll () {\n      const carousel = this.$refs.carousel;\n      this.showLeftArrow = carousel.scrollLeft > 0;\n      this.showRightArrow = !((carousel.scrollLeft + carousel.clientWidth) === carousel.scrollWidth);\n    },\n\n    leftScroll () {\n      this.$refs.carousel.scrollTo({\n        left: this.$refs.carousel.scrollLeft - 100,\n        behavior: 'smooth',\n      });\n    },\n\n    rightScroll () {\n      this.$refs.carousel.scrollTo({\n        left: this.$refs.carousel.scrollLeft + 100,\n        behavior: 'smooth',\n      });\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","_hoisted_1","_createElementVNode","_createElementBlock","$props","_normalizeStyle","$options","_hoisted_2","_hoisted_3","DtImageViewer","DtButton","DtIconClose","DtProgressBar","index","_openBlock","_createVNode","_component_dt_image_viewer","_createBlock","_component_dt_progress_bar","_createCommentVNode","_component_dt_button","_cache","$event","_component_dt_icon_close","MEDIA_ITEM_WIDTH","DtIconArrowRight","DtIconArrowLeft","DtImageCarousel","mediaItem","e","type","val","carousel","args","_Fragment","_renderList","_resolveDynamicComponent","_component_dt_icon_arrow_left","$data","_component_dt_icon_arrow_right"],"mappings":"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"}

package/dist/vue3/lib/attachment-carousel/attachment-carousel.js

@@ -1,316 +0,0 @@
-import { DtIconClose as C, DtIconArrowRight as y, DtIconArrowLeft as x } from "@dialpad/dialtone-icons/vue3";
-import { openBlock as i, createElementBlock as l, normalizeStyle as k, createElementVNode as g, resolveComponent as o, createVNode as s, createBlock as A, createCommentVNode as L, withCtx as _, Fragment as I, renderList as S, resolveDynamicComponent as D, withDirectives as p, vShow as w } from "vue";
-import { _ as b } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-import M from "../image-viewer/image-viewer.js";
-import v from "../button/button.js";
-const q = {
-  compatConfig: { MODE: 3 },
-  name: "DtProgressBar",
-  props: {
-    progressbarAriaLabel: {
-      type: String,
-      required: !0
-    },
-    progress: {
-      type: Number,
-      default: 20
-    }
-  },
-  data: () => ({
-    circleCircumference: 50
-  }),
-  computed: {
-    cssVars() {
-      return {
-        "--stroke-dashoffset": this.circleCircumference - this.circleCircumference * this.progress / 100,
-        "--stroke-dasharray": this.circleCircumference
-      };
-    }
-  },
-  mounted() {
-    this.circleCircumference = this.$refs.progressbarCircle.getTotalLength();
-  }
-}, T = ["aria-label", "aria-valuenow"], B = {
-  ref: "progressbarCircle",
-  r: "8",
-  cx: "12",
-  cy: "12",
-  class: "d-recipe-attachment-carousel__progress-bar-circle"
-}, R = /* @__PURE__ */ g("circle", {
-  r: "8",
-  cx: "12",
-  cy: "12",
-  class: "d-recipe-attachment-carousel__progress-bar-circle"
-}, null, -1);
-function O(e, a, r, f, n, t) {
-  return i(), l("div", {
-    role: "progressbar",
-    "aria-label": r.progressbarAriaLabel,
-    tabindex: "-1",
-    "aria-valuenow": r.progress,
-    "aria-valuemin": "0",
-    "aria-valuemax": "100"
-  }, [
-    (i(), l("svg", {
-      class: "d-recipe-attachment-carousel__progress-bar",
-      style: k(t.cssVars)
-    }, [
-      g("circle", B, null, 512),
-      R
-    ], 4))
-  ], 8, T);
-}
-const z = /* @__PURE__ */ b(q, [["render", O]]), E = {
-  compatConfig: { MODE: 3 },
-  name: "DtImageCarousel",
-  components: {
-    DtImageViewer: M,
-    DtButton: v,
-    DtIconClose: C,
-    DtProgressBar: z
-  },
-  props: {
-    mediaItem: {
-      type: Object,
-      required: !0
-    },
-    index: {
-      type: Number,
-      required: !0
-    },
-    closeAriaLabel: {
-      type: String,
-      required: !0
-    },
-    clickToOpenAriaLabel: {
-      type: String,
-      required: !0
-    },
-    progressbarAriaLabel: {
-      type: String,
-      required: !0
-    }
-  },
-  emits: [
-    /**
-     * Emitted when media close button is clicked to remove the image
-     *
-     * @event remove-media
-     * @type {Number}
-     */
-    "remove-media"
-  ],
-  methods: {
-    removeMediaItem(e) {
-      this.$emit("remove-media", e);
-    }
-  }
-}, V = { class: "d-recipe-attachment-carousel__image" }, W = { class: "d-recipe-attachment-carousel__image-top-right" };
-function $(e, a, r, f, n, t) {
-  const u = o("dt-image-viewer"), m = o("dt-progress-bar"), h = o("dt-icon-close"), c = o("dt-button");
-  return i(), l("li", V, [
-    s(u, {
-      "image-button-class": "d-recipe-attachment-carousel__image-viewer",
-      "image-src": r.mediaItem.path,
-      "image-alt": r.mediaItem.altText,
-      "close-aria-label": r.closeAriaLabel,
-      "aria-label": r.clickToOpenAriaLabel
-    }, null, 8, ["image-src", "image-alt", "close-aria-label", "aria-label"]),
-    g("div", W, [
-      r.mediaItem.isUploading ? (i(), A(m, {
-        key: 0,
-        class: "d-recipe-attachment-carousel__image-progress-bar",
-        progress: r.mediaItem.progress,
-        "progressbar-aria-label": r.progressbarAriaLabel
-      }, null, 8, ["progress", "progressbar-aria-label"])) : L("", !0),
-      s(c, {
-        id: `closeButton-${r.index}`,
-        tabindex: "0",
-        class: "d-recipe-attachment-carousel__image-close-button",
-        circle: "",
-        size: "xs",
-        importance: "clear",
-        "aria-label": r.closeAriaLabel,
-        onClick: a[0] || (a[0] = (d) => t.removeMediaItem(r.index))
-      }, {
-        icon: _(() => [
-          s(h, { size: "200" })
-        ]),
-        _: 1
-      }, 8, ["id", "aria-label"])
-    ])
-  ]);
-}
-const F = /* @__PURE__ */ b(E, [["render", $]]), N = 64, P = {
-  compatConfig: { MODE: 3 },
-  name: "DtRecipeAttachmentCarousel",
-  components: {
-    DtButton: v,
-    DtIconArrowRight: y,
-    DtIconArrowLeft: x,
-    DtImageCarousel: F
-  },
-  mixins: [],
-  /* inheritAttrs: false is generally an option we want to set on library
-    components. This allows any attributes passed in that are not recognized
-    as props to be passed down to another element or component using v-bind:$attrs
-    more info: https://vuejs.org/v2/api/#inheritAttrs */
-  // inheritAttrs: false,
-  props: {
-    /**
-     * media - object array of media objects
-     * @type {Array}
-     *
-     * Object: {
-     *  path: String,
-     *  altText: String | null,
-     * }
-     */
-    mediaList: {
-      type: Array,
-      default: () => []
-    },
-    closeAriaLabel: {
-      type: String,
-      required: !0
-    },
-    clickToOpenAriaLabel: {
-      type: String,
-      required: !0
-    },
-    progressbarAriaLabel: {
-      type: String,
-      required: !0
-    },
-    leftArrowAriaLabel: {
-      type: String,
-      required: !0
-    },
-    rightArrowAriaLabel: {
-      type: String,
-      required: !0
-    }
-  },
-  emits: [
-    /**
-     * Emitted when popover is shown or hidden
-     *
-     * @event remove-media
-     * @type {Number}
-     */
-    "remove-media"
-  ],
-  data() {
-    return {
-      showCloseButton: {},
-      showRightArrow: !0,
-      showLeftArrow: !1,
-      isMounted: !1
-    };
-  },
-  computed: {
-    filteredMediaList() {
-      return this.mediaList.filter((e) => e.type === "image" || e.type === "video");
-    }
-  },
-  mounted: function() {
-    this.showLeftArrow = this.$refs.carousel.scrollLeft > 0, this.showRightArrow = this.$refs.carousel.scrollWidth > this.$refs.carousel.clientWidth;
-  },
-  methods: {
-    onItemFocus(e) {
-      e.currentTarget.scrollIntoView({ behavior: "smooth" });
-    },
-    mediaComponent(e) {
-      switch (e) {
-        case "image":
-          return "dt-image-carousel";
-        default:
-          return null;
-      }
-    },
-    removeMediaItem(e) {
-      this.showRightArrow = this.$refs.carousel.scrollWidth > this.$refs.carousel.clientWidth + N, this.$emit("remove-media", e);
-    },
-    closeButton(e, a) {
-      this.showCloseButton[a] = e;
-    },
-    handleScroll() {
-      const e = this.$refs.carousel;
-      this.showLeftArrow = e.scrollLeft > 0, this.showRightArrow = e.scrollLeft + e.clientWidth !== e.scrollWidth;
-    },
-    leftScroll() {
-      this.$refs.carousel.scrollTo({
-        left: this.$refs.carousel.scrollLeft - 100,
-        behavior: "smooth"
-      });
-    },
-    rightScroll() {
-      this.$refs.carousel.scrollTo({
-        left: this.$refs.carousel.scrollLeft + 100,
-        behavior: "smooth"
-      });
-    }
-  }
-}, j = {
-  class: "d-recipe-attachment-carousel",
-  role: "presentation"
-};
-function H(e, a, r, f, n, t) {
-  const u = o("dt-icon-arrow-left"), m = o("dt-button"), h = o("dt-icon-arrow-right");
-  return i(), l("div", j, [
-    r.mediaList.length > 0 ? (i(), l("ul", {
-      key: 0,
-      ref: "carousel",
-      class: "d-recipe-attachment-carousel__media-list",
-      onScroll: a[0] || (a[0] = (...c) => t.handleScroll && t.handleScroll(...c))
-    }, [
-      (i(!0), l(I, null, S(t.filteredMediaList, (c, d) => (i(), A(D(t.mediaComponent(c.type)), {
-        key: `media-${d}`,
-        index: d,
-        "media-item": c,
-        "close-aria-label": r.closeAriaLabel,
-        "click-to-open-aria-label": r.clickToOpenAriaLabel,
-        "progressbar-aria-label": r.progressbarAriaLabel,
-        onRemoveMedia: (U) => t.removeMediaItem(d),
-        onFocusin: t.onItemFocus
-      }, null, 40, ["index", "media-item", "close-aria-label", "click-to-open-aria-label", "progressbar-aria-label", "onRemoveMedia", "onFocusin"]))), 128))
-    ], 544)) : L("", !0),
-    p(s(m, {
-      tabindex: "-1",
-      "aria-label": r.leftArrowAriaLabel,
-      class: "d-recipe-attachment-carousel__arrow d-recipe-attachment-carousel__arrow--left",
-      circle: "",
-      size: "xs",
-      importance: "clear",
-      onClick: t.leftScroll
-    }, {
-      icon: _(() => [
-        s(u, { size: "100" })
-      ]),
-      _: 1
-    }, 8, ["aria-label", "onClick"]), [
-      [w, n.showLeftArrow]
-    ]),
-    p(s(m, {
-      tabindex: "-1",
-      "aria-label": r.rightArrowAriaLabel,
-      class: "d-recipe-attachment-carousel__arrow d-recipe-attachment-carousel__arrow--right",
-      circle: "",
-      size: "xs",
-      importance: "clear",
-      onClick: t.rightScroll
-    }, {
-      icon: _(() => [
-        s(h, { size: "100" })
-      ]),
-      _: 1
-    }, 8, ["aria-label", "onClick"]), [
-      [w, n.showRightArrow]
-    ])
-  ]);
-}
-const Y = /* @__PURE__ */ b(P, [["render", H]]);
-export {
-  Y as default
-};
-//# sourceMappingURL=attachment-carousel.js.map