@dialpad/dialtone 9.110.2 → 9.111.0

package/dist/vue2/lib/list-item-group/list-item-group.js

@@ -0,0 +1,52 @@
+import { getUniqueString as r } from "../../common/utils/index.js";
+import { n as a } from "../../_plugin-vue2_normalizer-DSLOjnn3.js";
+const i = {
+  name: "DtListItemGroup",
+  props: {
+    /**
+     * Id of the List Item Group
+     */
+    id: {
+      type: String,
+      default() {
+        return r();
+      }
+    },
+    /**
+     * List's heading.
+     */
+    heading: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Additional class to style the heading
+     */
+    headingClass: {
+      type: [String, Array, Object],
+      default: ""
+    },
+    /**
+     * Additional class for the wrapper list element.
+     */
+    listClass: {
+      type: [String, Array, Object],
+      default: ""
+    }
+  }
+};
+var n = function() {
+  var t = this, e = t._self._c;
+  return e("ul", { class: ["d-list-item-group", t.listClass], attrs: { id: t.id, role: "group", "data-qa": "dt-dropdown-list-wrapper", "aria-labelledby": `${t.id}-heading` } }, [t.heading ? e("li", { class: ["dt-dropdown-list--header", t.headingClass], attrs: { id: `${t.id}-heading`, role: "presentation", "data-qa": "dt-dropdown-list-heading" } }, [t._t("headingSlot", function() {
+    return [t._v(" " + t._s(t.heading) + " ")];
+  })], 2) : t._e(), t._t("default")], 2);
+}, d = [], s = /* @__PURE__ */ a(
+  i,
+  n,
+  d
+);
+const _ = s.exports;
+export {
+  _ as default
+};
+//# sourceMappingURL=list-item-group.js.map

package/dist/vue2/lib/list-item-group/list-item-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-item-group.js","sources":["../../../components/list_item_group/list_item_group.vue"],"sourcesContent":["<template>\n  <ul\n    :id=\"id\"\n    :class=\"['d-list-item-group', listClass]\"\n    role=\"group\"\n    data-qa=\"dt-dropdown-list-wrapper\"\n    :aria-labelledby=\"`${id}-heading`\"\n  >\n    <li\n      v-if=\"heading\"\n      :id=\"`${id}-heading`\"\n      role=\"presentation\"\n      data-qa=\"dt-dropdown-list-heading\"\n      :class=\"['dt-dropdown-list--header', headingClass]\"\n    >\n      <!-- @slot Slot for heading, will override heading prop. -->\n      <slot name=\"headingSlot\">\n        {{ heading }}\n      </slot>\n    </li>\n    <!-- @slot Slot for the list component -->\n    <slot />\n  </ul>\n</template>\n\n<script>\nimport {} from './list_item_group_constants';\nimport { getUniqueString } from '@/common/utils';\n\nexport default {\n  name: 'DtListItemGroup',\n\n  props: {\n    /**\n     * Id of the List Item Group\n     */\n    id: {\n      type: String,\n      default () { return getUniqueString(); },\n    },\n\n    /**\n     * List's heading.\n     */\n    heading: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Additional class to style the heading\n     */\n    headingClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class for the wrapper list element.\n     */\n    listClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","getUniqueString"],"mappings":";;AA6BA,MAAAA,IAAA;AAAA,EACA,MAAA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIA,IAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,eAAAC,EAAA;AAAA,MAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,cAAA;AAAA,MACA,MAAA,CAAA,QAAA,OAAA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,WAAA;AAAA,MACA,MAAA,CAAA,QAAA,OAAA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;"}

package/dist/vue2/lib/message-input/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./message-input.cjs");exports.DtRecipeMessageInput=e.default;
+//# sourceMappingURL=index.cjs.map

package/dist/vue2/lib/message-input/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/vue2/lib/message-input/index.js

@@ -0,0 +1,5 @@
+import { default as a } from "./message-input.js";
+export {
+  a as DtRecipeMessageInput
+};
+//# sourceMappingURL=index.js.map

package/dist/vue2/lib/message-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/vue2/lib/message-input/last-active-nodes.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});function g(t,n){if(!t)return[];const{from:f,to:i}=t.selection;let r;if(typeof n=="string")r=Object.entries(t.schema.nodes).filter(([e,s])=>s.groups.includes(n)).map(([e,s])=>({type:s}));else{r=n;for(const e of r)e.type=e.type?h(e.type,t.schema):null}let l=null,u=null;const d=new Set,a=new Set(r);return t.doc.nodesBetween(f,i,(e,s,y)=>{if(a.size===0)return!1;if(!e.isText){const c=r.filter(o=>o.type?typeof o.type=="string"?!1:e.type.name===o.type.name:!0).find(o=>o.attributes?p(e.attrs,o.attributes):!0);c&&(u&&l&&l!==y&&(a.delete(u),d.add(u)),u=c),l=e}}),u&&d.add(u),[...d.values()].map(e=>{var s;return e.key?e.key:typeof e.type=="string"?e.type:(s=e.type)!=null&&s.name?e.type.name:""})}function h(t,n){if(typeof t=="string"){if(!n.nodes[t])throw Error(`There is no node type named '${t}'. Maybe you forgot to add the extension?`);return n.nodes[t]}return t}function p(t,n,f){const i=Object.keys(n);return i.length?i.every(r=>f.strict?n[r]===t[r]:Object.prototype.toString.call(n[r])==="[object RegExp]"?n[r].test(t[r]):n[r]===t[r]):!0}exports.default=g;exports.objectIncludes=p;
+//# sourceMappingURL=last-active-nodes.cjs.map

package/dist/vue2/lib/message-input/last-active-nodes.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"last-active-nodes.cjs","sources":["../../../recipes/conversation_view/message_input/last_active_nodes.js"],"sourcesContent":["/* eslint-disable complexity */\n/**\n * This function was taken from this thread and modified to work in pure JS:\n * https://github.com/ueberdosis/tiptap/issues/1058#issuecomment-778254557\n *\n * description: This helper, lastActiveNodes, finds the last (furthest from the root document)\n * matching types in your selection (ignoring nesting), you can give it either a list of args\n * similar to isActive or a group name, calling it like below. It will return a list of node\n * type names that are the last ones active in the selection, if the selection is 'empty'\n * (just the cursor) the returned list will only have at most one name.\n * This lets you build a UI for lists that works the same as most word processors.\n *\n * @param {Object} state the tiptap editor instance state\n * @param {*} typesOrGroup node types or node group name to consider\n * @returns {Array} node(s) that are the farthest from the root that matches the given type or group\n */\nexport default function lastActiveNodes (state, typesOrGroup) {\n  if (!state) return [];\n\n  const { from, to } = state.selection;\n  let types;\n\n  if (typeof typesOrGroup === 'string') {\n    // types is a name of a node group\n    types = Object.entries(state.schema.nodes)\n      .filter(([name, nodeType]) => nodeType.groups.includes(typesOrGroup))\n      .map(([name, nodeType]) => {\n        return {\n          type: nodeType,\n        };\n      });\n  } else {\n    // types is a list of LastActiveNodeItemOption\n    types = typesOrGroup;\n    for (const item of types) {\n      item.type = item.type ? getNodeType(item.type, state.schema) : null;\n    }\n  }\n\n  let lastNode = null;\n  let lastMatchedType = null;\n  const matchedTypes = new Set();\n  const notFoundTypes = new Set(types);\n\n  state.doc.nodesBetween(from, to, (node, pos, parent) => {\n    if (notFoundTypes.size === 0) return false;\n    if (!node.isText) {\n      const matchedType = types.filter((item) => {\n        if (!item.type) {\n          return true;\n        }\n        if (typeof item.type === 'string') return false; // Typeguard, shouldn't happen\n        return node.type.name === item.type.name;\n      })\n        .find(item => {\n          if (!item.attributes) return true;\n          return objectIncludes(node.attrs, item.attributes);\n        });\n      if (matchedType) {\n        if (lastMatchedType && lastNode && (lastNode !== parent)) {\n          notFoundTypes.delete(lastMatchedType);\n          matchedTypes.add(lastMatchedType);\n        }\n        lastMatchedType = matchedType;\n      }\n      lastNode = node;\n    }\n  });\n\n  if (lastMatchedType) {\n    matchedTypes.add(lastMatchedType);\n  }\n\n  return [...matchedTypes.values()].map((item) => {\n    if (item.key) {\n      return item.key;\n    } else if (typeof item.type === 'string') {\n      return item.type;\n    } else if (item.type?.name) {\n      return item.type.name;\n    } else {\n      return '';\n    }\n  });\n}\n\nfunction getNodeType (nameOrType, schema) {\n  if (typeof nameOrType === 'string') {\n    if (!schema.nodes[nameOrType]) {\n      throw Error(\n        `There is no node type named '${nameOrType}'. Maybe you forgot to add the extension?`,\n      );\n    }\n\n    return schema.nodes[nameOrType];\n  }\n\n  return nameOrType;\n}\n\nexport function objectIncludes (\n  object1,\n  object2,\n  options,\n) {\n  const keys = Object.keys(object2);\n\n  if (!keys.length) {\n    return true;\n  }\n\n  return keys.every(key => {\n    if (options.strict) {\n      return object2[key] === object1[key];\n    }\n\n    if (Object.prototype.toString.call(object2[key]) === '[object RegExp]') {\n      return object2[key].test(object1[key]);\n    }\n\n    return object2[key] === object1[key];\n  });\n}\n"],"names":["lastActiveNodes","state","typesOrGroup","from","to","types","name","nodeType","item","getNodeType","lastNode","lastMatchedType","matchedTypes","notFoundTypes","node","pos","parent","matchedType","objectIncludes","_a","nameOrType","schema","object1","object2","options","keys","key"],"mappings":"4GAgBe,SAASA,EAAiBC,EAAOC,EAAc,CAC5D,GAAI,CAACD,EAAO,MAAO,GAEnB,KAAM,CAAE,KAAAE,EAAM,GAAAC,GAAOH,EAAM,UAC3B,IAAII,EAEJ,GAAI,OAAOH,GAAiB,SAE1BG,EAAQ,OAAO,QAAQJ,EAAM,OAAO,KAAK,EACtC,OAAO,CAAC,CAACK,EAAMC,CAAQ,IAAMA,EAAS,OAAO,SAASL,CAAY,CAAC,EACnE,IAAI,CAAC,CAACI,EAAMC,CAAQ,KACZ,CACL,KAAMA,CAChB,EACO,MACE,CAELF,EAAQH,EACR,UAAWM,KAAQH,EACjBG,EAAK,KAAOA,EAAK,KAAOC,EAAYD,EAAK,KAAMP,EAAM,MAAM,EAAI,IAElE,CAED,IAAIS,EAAW,KACXC,EAAkB,KACtB,MAAMC,EAAe,IAAI,IACnBC,EAAgB,IAAI,IAAIR,CAAK,EAEnC,OAAAJ,EAAM,IAAI,aAAaE,EAAMC,EAAI,CAACU,EAAMC,EAAKC,IAAW,CACtD,GAAIH,EAAc,OAAS,EAAG,MAAO,GACrC,GAAI,CAACC,EAAK,OAAQ,CAChB,MAAMG,EAAcZ,EAAM,OAAQG,GAC3BA,EAAK,KAGN,OAAOA,EAAK,MAAS,SAAiB,GACnCM,EAAK,KAAK,OAASN,EAAK,KAAK,KAH3B,EAIV,EACE,KAAKA,GACCA,EAAK,WACHU,EAAeJ,EAAK,MAAON,EAAK,UAAU,EADpB,EAE9B,EACCS,IACEN,GAAmBD,GAAaA,IAAaM,IAC/CH,EAAc,OAAOF,CAAe,EACpCC,EAAa,IAAID,CAAe,GAElCA,EAAkBM,GAEpBP,EAAWI,CACZ,CACL,CAAG,EAEGH,GACFC,EAAa,IAAID,CAAe,EAG3B,CAAC,GAAGC,EAAa,OAAQ,CAAA,EAAE,IAAKJ,GAAS,OAC9C,OAAIA,EAAK,IACAA,EAAK,IACH,OAAOA,EAAK,MAAS,SACvBA,EAAK,MACHW,EAAAX,EAAK,OAAL,MAAAW,EAAW,KACbX,EAAK,KAAK,KAEV,EAEb,CAAG,CACH,CAEA,SAASC,EAAaW,EAAYC,EAAQ,CACxC,GAAI,OAAOD,GAAe,SAAU,CAClC,GAAI,CAACC,EAAO,MAAMD,CAAU,EAC1B,MAAM,MACJ,gCAAgCA,CAAU,2CAClD,EAGI,OAAOC,EAAO,MAAMD,CAAU,CAC/B,CAED,OAAOA,CACT,CAEO,SAASF,EACdI,EACAC,EACAC,EACA,CACA,MAAMC,EAAO,OAAO,KAAKF,CAAO,EAEhC,OAAKE,EAAK,OAIHA,EAAK,MAAMC,GACZF,EAAQ,OACHD,EAAQG,CAAG,IAAMJ,EAAQI,CAAG,EAGjC,OAAO,UAAU,SAAS,KAAKH,EAAQG,CAAG,CAAC,IAAM,kBAC5CH,EAAQG,CAAG,EAAE,KAAKJ,EAAQI,CAAG,CAAC,EAGhCH,EAAQG,CAAG,IAAMJ,EAAQI,CAAG,CACpC,EAbQ,EAcX"}

package/dist/vue2/lib/message-input/last-active-nodes.js

@@ -0,0 +1,45 @@
+function h(t, r) {
+  if (!t) return [];
+  const { from: i, to: o } = t.selection;
+  let n;
+  if (typeof r == "string")
+    n = Object.entries(t.schema.nodes).filter(([e, s]) => s.groups.includes(r)).map(([e, s]) => ({
+      type: s
+    }));
+  else {
+    n = r;
+    for (const e of n)
+      e.type = e.type ? y(e.type, t.schema) : null;
+  }
+  let l = null, u = null;
+  const p = /* @__PURE__ */ new Set(), d = new Set(n);
+  return t.doc.nodesBetween(i, o, (e, s, c) => {
+    if (d.size === 0) return !1;
+    if (!e.isText) {
+      const a = n.filter((f) => f.type ? typeof f.type == "string" ? !1 : e.type.name === f.type.name : !0).find((f) => f.attributes ? g(e.attrs, f.attributes) : !0);
+      a && (u && l && l !== c && (d.delete(u), p.add(u)), u = a), l = e;
+    }
+  }), u && p.add(u), [...p.values()].map((e) => {
+    var s;
+    return e.key ? e.key : typeof e.type == "string" ? e.type : (s = e.type) != null && s.name ? e.type.name : "";
+  });
+}
+function y(t, r) {
+  if (typeof t == "string") {
+    if (!r.nodes[t])
+      throw Error(
+        `There is no node type named '${t}'. Maybe you forgot to add the extension?`
+      );
+    return r.nodes[t];
+  }
+  return t;
+}
+function g(t, r, i) {
+  const o = Object.keys(r);
+  return o.length ? o.every((n) => i.strict ? r[n] === t[n] : Object.prototype.toString.call(r[n]) === "[object RegExp]" ? r[n].test(t[n]) : r[n] === t[n]) : !0;
+}
+export {
+  h as default,
+  g as objectIncludes
+};
+//# sourceMappingURL=last-active-nodes.js.map

package/dist/vue2/lib/message-input/last-active-nodes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"last-active-nodes.js","sources":["../../../recipes/conversation_view/message_input/last_active_nodes.js"],"sourcesContent":["/* eslint-disable complexity */\n/**\n * This function was taken from this thread and modified to work in pure JS:\n * https://github.com/ueberdosis/tiptap/issues/1058#issuecomment-778254557\n *\n * description: This helper, lastActiveNodes, finds the last (furthest from the root document)\n * matching types in your selection (ignoring nesting), you can give it either a list of args\n * similar to isActive or a group name, calling it like below. It will return a list of node\n * type names that are the last ones active in the selection, if the selection is 'empty'\n * (just the cursor) the returned list will only have at most one name.\n * This lets you build a UI for lists that works the same as most word processors.\n *\n * @param {Object} state the tiptap editor instance state\n * @param {*} typesOrGroup node types or node group name to consider\n * @returns {Array} node(s) that are the farthest from the root that matches the given type or group\n */\nexport default function lastActiveNodes (state, typesOrGroup) {\n  if (!state) return [];\n\n  const { from, to } = state.selection;\n  let types;\n\n  if (typeof typesOrGroup === 'string') {\n    // types is a name of a node group\n    types = Object.entries(state.schema.nodes)\n      .filter(([name, nodeType]) => nodeType.groups.includes(typesOrGroup))\n      .map(([name, nodeType]) => {\n        return {\n          type: nodeType,\n        };\n      });\n  } else {\n    // types is a list of LastActiveNodeItemOption\n    types = typesOrGroup;\n    for (const item of types) {\n      item.type = item.type ? getNodeType(item.type, state.schema) : null;\n    }\n  }\n\n  let lastNode = null;\n  let lastMatchedType = null;\n  const matchedTypes = new Set();\n  const notFoundTypes = new Set(types);\n\n  state.doc.nodesBetween(from, to, (node, pos, parent) => {\n    if (notFoundTypes.size === 0) return false;\n    if (!node.isText) {\n      const matchedType = types.filter((item) => {\n        if (!item.type) {\n          return true;\n        }\n        if (typeof item.type === 'string') return false; // Typeguard, shouldn't happen\n        return node.type.name === item.type.name;\n      })\n        .find(item => {\n          if (!item.attributes) return true;\n          return objectIncludes(node.attrs, item.attributes);\n        });\n      if (matchedType) {\n        if (lastMatchedType && lastNode && (lastNode !== parent)) {\n          notFoundTypes.delete(lastMatchedType);\n          matchedTypes.add(lastMatchedType);\n        }\n        lastMatchedType = matchedType;\n      }\n      lastNode = node;\n    }\n  });\n\n  if (lastMatchedType) {\n    matchedTypes.add(lastMatchedType);\n  }\n\n  return [...matchedTypes.values()].map((item) => {\n    if (item.key) {\n      return item.key;\n    } else if (typeof item.type === 'string') {\n      return item.type;\n    } else if (item.type?.name) {\n      return item.type.name;\n    } else {\n      return '';\n    }\n  });\n}\n\nfunction getNodeType (nameOrType, schema) {\n  if (typeof nameOrType === 'string') {\n    if (!schema.nodes[nameOrType]) {\n      throw Error(\n        `There is no node type named '${nameOrType}'. Maybe you forgot to add the extension?`,\n      );\n    }\n\n    return schema.nodes[nameOrType];\n  }\n\n  return nameOrType;\n}\n\nexport function objectIncludes (\n  object1,\n  object2,\n  options,\n) {\n  const keys = Object.keys(object2);\n\n  if (!keys.length) {\n    return true;\n  }\n\n  return keys.every(key => {\n    if (options.strict) {\n      return object2[key] === object1[key];\n    }\n\n    if (Object.prototype.toString.call(object2[key]) === '[object RegExp]') {\n      return object2[key].test(object1[key]);\n    }\n\n    return object2[key] === object1[key];\n  });\n}\n"],"names":["lastActiveNodes","state","typesOrGroup","from","to","types","name","nodeType","item","getNodeType","lastNode","lastMatchedType","matchedTypes","notFoundTypes","node","pos","parent","matchedType","objectIncludes","_a","nameOrType","schema","object1","object2","options","keys","key"],"mappings":"AAgBe,SAASA,EAAiBC,GAAOC,GAAc;AAC5D,MAAI,CAACD,EAAO,QAAO;AAEnB,QAAM,EAAE,MAAAE,GAAM,IAAAC,MAAOH,EAAM;AAC3B,MAAII;AAEJ,MAAI,OAAOH,KAAiB;AAE1B,IAAAG,IAAQ,OAAO,QAAQJ,EAAM,OAAO,KAAK,EACtC,OAAO,CAAC,CAACK,GAAMC,CAAQ,MAAMA,EAAS,OAAO,SAASL,CAAY,CAAC,EACnE,IAAI,CAAC,CAACI,GAAMC,CAAQ,OACZ;AAAA,MACL,MAAMA;AAAA,IAChB,EACO;AAAA,OACE;AAEL,IAAAF,IAAQH;AACR,eAAWM,KAAQH;AACjB,MAAAG,EAAK,OAAOA,EAAK,OAAOC,EAAYD,EAAK,MAAMP,EAAM,MAAM,IAAI;AAAA,EAElE;AAED,MAAIS,IAAW,MACXC,IAAkB;AACtB,QAAMC,IAAe,oBAAI,OACnBC,IAAgB,IAAI,IAAIR,CAAK;AAEnC,SAAAJ,EAAM,IAAI,aAAaE,GAAMC,GAAI,CAACU,GAAMC,GAAKC,MAAW;AACtD,QAAIH,EAAc,SAAS,EAAG,QAAO;AACrC,QAAI,CAACC,EAAK,QAAQ;AAChB,YAAMG,IAAcZ,EAAM,OAAO,CAACG,MAC3BA,EAAK,OAGN,OAAOA,EAAK,QAAS,WAAiB,KACnCM,EAAK,KAAK,SAASN,EAAK,KAAK,OAH3B,EAIV,EACE,KAAK,CAAAA,MACCA,EAAK,aACHU,EAAeJ,EAAK,OAAON,EAAK,UAAU,IADpB,EAE9B;AACH,MAAIS,MACEN,KAAmBD,KAAaA,MAAaM,MAC/CH,EAAc,OAAOF,CAAe,GACpCC,EAAa,IAAID,CAAe,IAElCA,IAAkBM,IAEpBP,IAAWI;AAAA,IACZ;AAAA,EACL,CAAG,GAEGH,KACFC,EAAa,IAAID,CAAe,GAG3B,CAAC,GAAGC,EAAa,OAAQ,CAAA,EAAE,IAAI,CAACJ,MAAS;AAzElD,QAAAW;AA0EI,WAAIX,EAAK,MACAA,EAAK,MACH,OAAOA,EAAK,QAAS,WACvBA,EAAK,QACHW,IAAAX,EAAK,SAAL,QAAAW,EAAW,OACbX,EAAK,KAAK,OAEV;AAAA,EAEb,CAAG;AACH;AAEA,SAASC,EAAaW,GAAYC,GAAQ;AACxC,MAAI,OAAOD,KAAe,UAAU;AAClC,QAAI,CAACC,EAAO,MAAMD,CAAU;AAC1B,YAAM;AAAA,QACJ,gCAAgCA,CAAU;AAAA,MAClD;AAGI,WAAOC,EAAO,MAAMD,CAAU;AAAA,EAC/B;AAED,SAAOA;AACT;AAEO,SAASF,EACdI,GACAC,GACAC,GACA;AACA,QAAMC,IAAO,OAAO,KAAKF,CAAO;AAEhC,SAAKE,EAAK,SAIHA,EAAK,MAAM,CAAAC,MACZF,EAAQ,SACHD,EAAQG,CAAG,MAAMJ,EAAQI,CAAG,IAGjC,OAAO,UAAU,SAAS,KAAKH,EAAQG,CAAG,CAAC,MAAM,oBAC5CH,EAAQG,CAAG,EAAE,KAAKJ,EAAQI,CAAG,CAAC,IAGhCH,EAAQG,CAAG,MAAMJ,EAAQI,CAAG,CACpC,IAbQ;AAcX;"}

package/dist/vue2/lib/message-input/message-input-button.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../../_plugin-vue2_normalizer-e_CkxkSV.cjs"),a=require("../button/button.cjs"),n=require("../tooltip/tooltip.cjs"),u=require("../stack/stack.cjs"),i=require("../keyboard-shortcut/keyboard-shortcut.cjs"),c={name:"DtRecipeMessageInputButton",components:{DtButton:a.default,DtTooltip:n.default,DtStack:u.default,DtKeyboardShortcut:i.default},props:{ariaLabel:{type:String,required:!0},tooltipText:{type:String,required:!0},keyboardShortcutText:{type:String,default:""},isActive:{type:Boolean,default:!1},dataQa:{type:String,required:!0}},emits:["click"]};var s=function(){var t=this,e=t._self._c;return e("dt-tooltip",{scopedSlots:t._u([{key:"anchor",fn:function(){return[e("dt-button",{attrs:{"data-qa":t.dataQa,importance:"clear",kind:"muted","aria-label":t.ariaLabel,size:"xs",active:t.isActive},on:{click:function(r){return t.$emit("click",r)}},scopedSlots:t._u([{key:"icon",fn:function(){return[t._t("icon")]},proxy:!0}],null,!0)})]},proxy:!0}])},[e("dt-stack",{attrs:{gap:"200"}},[e("p",[t._v(t._s(t.tooltipText))]),t.keyboardShortcutText?e("dt-keyboard-shortcut",{attrs:{inverted:"",shortcut:t.keyboardShortcutText}}):t._e()],1)],1)},l=[],d=o.n(c,s,l);const _=d.exports;exports.default=_;
+//# sourceMappingURL=message-input-button.cjs.map

package/dist/vue2/lib/message-input/message-input-button.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-input-button.cjs","sources":["../../../recipes/conversation_view/message_input/message_input_button.vue"],"sourcesContent":["<template>\n  <dt-tooltip>\n    <template #anchor>\n      <dt-button\n        :data-qa=\"dataQa\"\n        importance=\"clear\"\n        kind=\"muted\"\n        :aria-label=\"ariaLabel\"\n        size=\"xs\"\n        :active=\"isActive\"\n        @click=\"$emit('click', $event)\"\n      >\n        <template #icon>\n          <slot name=\"icon\" />\n        </template>\n      </dt-button>\n    </template>\n    <dt-stack gap=\"200\">\n      <p>{{ tooltipText }}</p>\n      <dt-keyboard-shortcut\n        v-if=\"keyboardShortcutText\"\n        inverted\n        :shortcut=\"keyboardShortcutText\"\n      />\n    </dt-stack>\n  </dt-tooltip>\n</template>\n\n<script>\nimport { DtButton } from '@/components/button';\nimport { DtTooltip } from '@/components/tooltip';\nimport { DtStack } from '@/components/stack';\nimport { DtKeyboardShortcut } from '@/components/keyboard_shortcut';\nexport default {\n  name: 'DtRecipeMessageInputButton',\n  components: {\n    DtButton,\n    DtTooltip,\n    DtStack,\n    DtKeyboardShortcut,\n  },\n\n  props: {\n    ariaLabel: {\n      type: String,\n      required: true,\n    },\n\n    tooltipText: {\n      type: String,\n      required: true,\n    },\n\n    keyboardShortcutText: {\n      type: String,\n      default: '',\n    },\n\n    isActive: {\n      type: Boolean,\n      default: false,\n    },\n\n    dataQa: {\n      type: String,\n      required: true,\n    },\n  },\n\n  emits: ['click'],\n};\n</script>\n"],"names":["_sfc_main","DtButton","DtTooltip","DtStack","DtKeyboardShortcut"],"mappings":"wUAiCAA,EAAA,CACA,KAAA,6BACA,WAAA,CACA,SAAAC,EAAA,QACA,UAAAC,EAAA,QACA,QAAAC,EAAA,QACA,mBAAAC,EAAA,OACA,EAEA,MAAA,CACA,UAAA,CACA,KAAA,OACA,SAAA,EACA,EAEA,YAAA,CACA,KAAA,OACA,SAAA,EACA,EAEA,qBAAA,CACA,KAAA,OACA,QAAA,EACA,EAEA,SAAA,CACA,KAAA,QACA,QAAA,EACA,EAEA,OAAA,CACA,KAAA,OACA,SAAA,EACA,CACA,EAEA,MAAA,CAAA,OAAA,CACA"}

package/dist/vue2/lib/message-input/message-input-button.js

@@ -0,0 +1,56 @@
+import { n as o } from "../../_plugin-vue2_normalizer-DSLOjnn3.js";
+import a from "../button/button.js";
+import n from "../tooltip/tooltip.js";
+import i from "../stack/stack.js";
+import c from "../keyboard-shortcut/keyboard-shortcut.js";
+const u = {
+  name: "DtRecipeMessageInputButton",
+  components: {
+    DtButton: a,
+    DtTooltip: n,
+    DtStack: i,
+    DtKeyboardShortcut: c
+  },
+  props: {
+    ariaLabel: {
+      type: String,
+      required: !0
+    },
+    tooltipText: {
+      type: String,
+      required: !0
+    },
+    keyboardShortcutText: {
+      type: String,
+      default: ""
+    },
+    isActive: {
+      type: Boolean,
+      default: !1
+    },
+    dataQa: {
+      type: String,
+      required: !0
+    }
+  },
+  emits: ["click"]
+};
+var s = function() {
+  var t = this, e = t._self._c;
+  return e("dt-tooltip", { scopedSlots: t._u([{ key: "anchor", fn: function() {
+    return [e("dt-button", { attrs: { "data-qa": t.dataQa, importance: "clear", kind: "muted", "aria-label": t.ariaLabel, size: "xs", active: t.isActive }, on: { click: function(r) {
+      return t.$emit("click", r);
+    } }, scopedSlots: t._u([{ key: "icon", fn: function() {
+      return [t._t("icon")];
+    }, proxy: !0 }], null, !0) })];
+  }, proxy: !0 }]) }, [e("dt-stack", { attrs: { gap: "200" } }, [e("p", [t._v(t._s(t.tooltipText))]), t.keyboardShortcutText ? e("dt-keyboard-shortcut", { attrs: { inverted: "", shortcut: t.keyboardShortcutText } }) : t._e()], 1)], 1);
+}, p = [], d = /* @__PURE__ */ o(
+  u,
+  s,
+  p
+);
+const S = d.exports;
+export {
+  S as default
+};
+//# sourceMappingURL=message-input-button.js.map

package/dist/vue2/lib/message-input/message-input-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-input-button.js","sources":["../../../recipes/conversation_view/message_input/message_input_button.vue"],"sourcesContent":["<template>\n  <dt-tooltip>\n    <template #anchor>\n      <dt-button\n        :data-qa=\"dataQa\"\n        importance=\"clear\"\n        kind=\"muted\"\n        :aria-label=\"ariaLabel\"\n        size=\"xs\"\n        :active=\"isActive\"\n        @click=\"$emit('click', $event)\"\n      >\n        <template #icon>\n          <slot name=\"icon\" />\n        </template>\n      </dt-button>\n    </template>\n    <dt-stack gap=\"200\">\n      <p>{{ tooltipText }}</p>\n      <dt-keyboard-shortcut\n        v-if=\"keyboardShortcutText\"\n        inverted\n        :shortcut=\"keyboardShortcutText\"\n      />\n    </dt-stack>\n  </dt-tooltip>\n</template>\n\n<script>\nimport { DtButton } from '@/components/button';\nimport { DtTooltip } from '@/components/tooltip';\nimport { DtStack } from '@/components/stack';\nimport { DtKeyboardShortcut } from '@/components/keyboard_shortcut';\nexport default {\n  name: 'DtRecipeMessageInputButton',\n  components: {\n    DtButton,\n    DtTooltip,\n    DtStack,\n    DtKeyboardShortcut,\n  },\n\n  props: {\n    ariaLabel: {\n      type: String,\n      required: true,\n    },\n\n    tooltipText: {\n      type: String,\n      required: true,\n    },\n\n    keyboardShortcutText: {\n      type: String,\n      default: '',\n    },\n\n    isActive: {\n      type: Boolean,\n      default: false,\n    },\n\n    dataQa: {\n      type: String,\n      required: true,\n    },\n  },\n\n  emits: ['click'],\n};\n</script>\n"],"names":["_sfc_main","DtButton","DtTooltip","DtStack","DtKeyboardShortcut"],"mappings":";;;;;AAiCA,MAAAA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,oBAAAC;AAAA,EACA;AAAA,EAEA,OAAA;AAAA,IACA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA,IAEA,aAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA,IAEA,sBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,IAEA,UAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,IAEA,QAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA,CAAA,OAAA;AACA;;;;;;;;;;;;;;;;"}

package/dist/vue2/lib/message-input/message-input-constants.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=null,t={DEFAULT_CONSTANTS:e};exports.DEFAULT_CONSTANTS=e;exports.default=t;
+//# sourceMappingURL=message-input-constants.cjs.map

package/dist/vue2/lib/message-input/message-input-constants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-input-constants.cjs","sources":["../../../recipes/conversation_view/message_input/message_input_constants.js"],"sourcesContent":["export const DEFAULT_CONSTANTS = null;\n\nexport default {\n  DEFAULT_CONSTANTS,\n};\n"],"names":["DEFAULT_CONSTANTS","message_input_constants"],"mappings":"4GAAY,MAACA,EAAoB,KAElBC,EAAA,CACb,kBAAAD,CACF"}

package/dist/vue2/lib/message-input/message-input-constants.js

@@ -0,0 +1,8 @@
+const s = null, t = {
+  DEFAULT_CONSTANTS: null
+};
+export {
+  s as DEFAULT_CONSTANTS,
+  t as default
+};
+//# sourceMappingURL=message-input-constants.js.map

package/dist/vue2/lib/message-input/message-input-constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-input-constants.js","sources":["../../../recipes/conversation_view/message_input/message_input_constants.js"],"sourcesContent":["export const DEFAULT_CONSTANTS = null;\n\nexport default {\n  DEFAULT_CONSTANTS,\n};\n"],"names":["DEFAULT_CONSTANTS","message_input_constants"],"mappings":"AAAY,MAACA,IAAoB,MAElBC,IAAA;AAAA,EACb;AACF;"}

package/dist/vue2/lib/message-input/message-input-link.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("@dialpad/dialtone-icons/vue2"),a=require("./message-input-button.cjs"),l=require("../../_plugin-vue2_normalizer-e_CkxkSV.cjs"),s=require("../popover/popover.cjs"),u=require("../input/input.cjs"),r=require("../button/button.cjs"),p=require("../stack/stack.cjs"),c={name:"MessageInputLink",components:{DtPopover:s.default,DtInput:u.default,DtButton:r.default,DtStack:p.default,DtIconLink2:o.DtIconLink2,DtRecipeMessageInputButton:a.default},props:{open:{type:Boolean,default:!1},linkButtonOptions:{type:Object,required:!0},isSelectionActive:{type:Function,default:()=>{}}},emits:["set-link","remove-link","opened"],data(){return{linkText:"",linkInput:"",isOpen:!1}},watch:{open:{immediate:!0,handler(i){this.isOpen=i}}},methods:{setInitialValues(i,t){this.linkText=i,this.linkInput=t}}};var k=function(){var t=this,e=t._self._c;return e("dt-popover",{attrs:{open:t.isOpen,placement:"bottom-start","content-class":"d-recipe-message-input__link-popover","visually-hidden-close":!0,"visually-hidden-close-label":t.linkButtonOptions.visuallyHiddenCloseText,"data-qa":"dt-message-input-link-popover","show-close-button":!1},on:{opened:function(n){return t.$emit("opened",n)}},scopedSlots:t._u([{key:"anchor",fn:function(){return[e("dt-recipe-message-input-button",{attrs:{"aria-label":t.linkButtonOptions.ariaLabel,"tooltip-text":t.linkButtonOptions.tooltipText,"keyboard-shortcut-text":t.linkButtonOptions.keyboardShortcutText,"data-qa":"message-input-link-btn","is-active":t.isSelectionActive("link")},on:{click:function(n){t.isOpen=!0}},scopedSlots:t._u([{key:"icon",fn:function(){return[e("dt-icon-link2",{staticClass:"d-recipe-message-input__button-stack-icon",attrs:{size:"200"}})]},proxy:!0}])})]},proxy:!0},{key:"content",fn:function(){return[e("dt-stack",{attrs:{gap:"500"}},[t.linkButtonOptions.dialogTitle.length>0?e("div",{staticClass:"d-recipe-message-input__link-dialog-title"},[t._v(" "+t._s(t.linkButtonOptions.dialogTitle)+" ")]):t._e(),e("dt-input",{attrs:{"input-aria-label":t.linkButtonOptions.textLabel,size:"xs","data-qa":"dt-message-input-link-text-input",label:t.linkButtonOptions.textLabel,"input-wrapper-class":"d-recipe-message-input__link-input"},on:{click:function(n){n.stopPropagation()},focus:function(n){n.stopPropagation()},keydown:function(n){return!n.type.indexOf("key")&&t._k(n.keyCode,"enter",13,n.key,"Enter")?null:t.$emit("set-link",t.linkText,t.linkInput)}},nativeOn:{click:function(n){n.stopPropagation()}},model:{value:t.linkText,callback:function(n){t.linkText=n},expression:"linkText"}}),e("dt-input",{attrs:{"input-aria-label":t.linkButtonOptions.linkLabel,size:"xs","data-qa":"dt-message-input-link-input",placeholder:t.linkButtonOptions.linkPlaceholder,label:t.linkButtonOptions.linkLabel,"input-wrapper-class":"d-recipe-message-input__link-input"},on:{click:function(n){n.stopPropagation()},focus:function(n){n.stopPropagation()},keydown:function(n){return!n.type.indexOf("key")&&t._k(n.keyCode,"enter",13,n.key,"Enter")?null:t.$emit("set-link",t.linkText,t.linkInput)}},nativeOn:{click:function(n){n.stopPropagation()}},model:{value:t.linkInput,callback:function(n){t.linkInput=n},expression:"linkInput"}}),e("dt-stack",{staticClass:"d-recipe-message-input__link-dialog-buttons",attrs:{direction:"row"}},[e("dt-button",{attrs:{"aria-label":t.linkButtonOptions.removeLabel,importance:"clear",kind:"danger",size:"md","data-qa":"dt-message-input-link-remove-btn"},on:{click:function(n){return t.$emit("remove-link",t.linkText,t.linkInput)}}},[t._v(" "+t._s(t.linkButtonOptions.removeLabel)+" ")]),e("dt-stack",{attrs:{direction:"row",gap:"400"}},[e("dt-button",{attrs:{"aria-label":t.linkButtonOptions.cancelLabel,importance:"clear",kind:"muted",size:"md","data-qa":"dt-message-input-link-cancel-btn"},on:{click:function(n){t.isOpen=!1}}},[t._v(" "+t._s(t.linkButtonOptions.cancelLabel)+" ")]),e("dt-button",{attrs:{size:"md","aria-label":t.linkButtonOptions.confirmLabel,"data-qa":"dt-message-input-link-confirm-btn"},on:{click:function(n){return t.$emit("set-link",t.linkText,t.linkInput)}}},[t._v(" "+t._s(t.linkButtonOptions.confirmLabel)+" ")])],1)],1)],1)]},proxy:!0}])})},d=[],_=l.n(c,k,d);const m=_.exports;exports.default=m;
+//# sourceMappingURL=message-input-link.cjs.map

package/dist/vue2/lib/message-input/message-input-link.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-input-link.cjs","sources":["../../../recipes/conversation_view/message_input/message_input_link.vue"],"sourcesContent":["<template>\n  <dt-popover\n    :open=\"isOpen\"\n    placement=\"bottom-start\"\n    content-class=\"d-recipe-message-input__link-popover\"\n    :visually-hidden-close=\"true\"\n    :visually-hidden-close-label=\"linkButtonOptions.visuallyHiddenCloseText\"\n    data-qa=\"dt-message-input-link-popover\"\n    :show-close-button=\"false\"\n    @opened=\"$emit('opened', $event)\"\n  >\n    <template #anchor>\n      <dt-recipe-message-input-button\n        :aria-label=\"linkButtonOptions.ariaLabel\"\n        :tooltip-text=\"linkButtonOptions.tooltipText\"\n        :keyboard-shortcut-text=\"linkButtonOptions.keyboardShortcutText\"\n        data-qa=\"message-input-link-btn\"\n        :is-active=\"isSelectionActive('link')\"\n        @click=\"isOpen = true\"\n      >\n        <template #icon>\n          <dt-icon-link2\n            class=\"d-recipe-message-input__button-stack-icon\"\n            size=\"200\"\n          />\n        </template>\n      </dt-recipe-message-input-button>\n    </template>\n\n    <template #content>\n      <dt-stack gap=\"500\">\n        <div\n          v-if=\"linkButtonOptions.dialogTitle.length > 0\"\n          class=\"d-recipe-message-input__link-dialog-title\"\n        >\n          {{ linkButtonOptions.dialogTitle }}\n        </div>\n        <dt-input\n          v-model=\"linkText\"\n          :input-aria-label=\"linkButtonOptions.textLabel\"\n          size=\"xs\"\n          data-qa=\"dt-message-input-link-text-input\"\n          :label=\"linkButtonOptions.textLabel\"\n          input-wrapper-class=\"d-recipe-message-input__link-input\"\n          @click.stop\n          @click.native.stop\n          @focus.stop\n          @keydown.enter=\"$emit('set-link', linkText, linkInput)\"\n        />\n        <dt-input\n          v-model=\"linkInput\"\n          :input-aria-label=\"linkButtonOptions.linkLabel\"\n          size=\"xs\"\n          data-qa=\"dt-message-input-link-input\"\n          :placeholder=\"linkButtonOptions.linkPlaceholder\"\n          :label=\"linkButtonOptions.linkLabel\"\n          input-wrapper-class=\"d-recipe-message-input__link-input\"\n          @click.stop\n          @click.native.stop\n          @focus.stop\n          @keydown.enter=\"$emit('set-link', linkText, linkInput)\"\n        />\n        <dt-stack\n          direction=\"row\"\n          class=\"d-recipe-message-input__link-dialog-buttons\"\n        >\n          <dt-button\n            :aria-label=\"linkButtonOptions.removeLabel\"\n            importance=\"clear\"\n            kind=\"danger\"\n            size=\"md\"\n            data-qa=\"dt-message-input-link-remove-btn\"\n            @click=\"$emit('remove-link', linkText, linkInput)\"\n          >\n            {{ linkButtonOptions.removeLabel }}\n          </dt-button>\n          <dt-stack\n            direction=\"row\"\n            gap=\"400\"\n          >\n            <dt-button\n              :aria-label=\"linkButtonOptions.cancelLabel\"\n              importance=\"clear\"\n              kind=\"muted\"\n              size=\"md\"\n              data-qa=\"dt-message-input-link-cancel-btn\"\n              @click=\"isOpen = false\"\n            >\n              {{ linkButtonOptions.cancelLabel }}\n            </dt-button>\n            <dt-button\n              size=\"md\"\n              :aria-label=\"linkButtonOptions.confirmLabel\"\n              data-qa=\"dt-message-input-link-confirm-btn\"\n              @click=\"$emit('set-link', linkText, linkInput)\"\n            >\n              {{ linkButtonOptions.confirmLabel }}\n            </dt-button>\n          </dt-stack>\n        </dt-stack>\n      </dt-stack>\n    </template>\n  </dt-popover>\n</template>\n\n<script>\nimport { DtPopover } from '@/components/popover';\nimport { DtInput } from '@/components/input';\nimport { DtButton } from '@/components/button';\nimport { DtStack } from '@/components/stack';\nimport { DtIconLink2 } from '@dialpad/dialtone-icons/vue2';\nimport DtRecipeMessageInputButton from './message_input_button.vue';\nexport default {\n  name: 'MessageInputLink',\n\n  components: {\n    DtPopover,\n    DtInput,\n    DtButton,\n    DtStack,\n    DtIconLink2,\n    DtRecipeMessageInputButton,\n  },\n\n  props: {\n    open: {\n      type: Boolean,\n      default: false,\n    },\n\n    linkButtonOptions: {\n      type: Object,\n      required: true,\n    },\n\n    isSelectionActive: {\n      type: Function,\n      default: () => {},\n    },\n  },\n\n  emits: ['set-link', 'remove-link', 'opened'],\n\n  data () {\n    return {\n      linkText: '',\n      linkInput: '',\n      isOpen: false,\n    };\n  },\n\n  watch: {\n    open: {\n      immediate: true,\n      handler (value) {\n        this.isOpen = value;\n      },\n    },\n  },\n\n  methods: {\n    setInitialValues (linkText, linkInput) {\n      this.linkText = linkText;\n      this.linkInput = linkInput;\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtPopover","DtInput","DtButton","DtStack","DtIconLink2","DtRecipeMessageInputButton","value","linkText","linkInput"],"mappings":"kYAgHAA,EAAA,CACA,KAAA,mBAEA,WAAA,CACA,UAAAC,EAAA,QACA,QAAAC,EAAA,QACA,SAAAC,EAAA,QACA,QAAAC,EAAA,QACA,YAAAC,EAAA,YACA,2BAAAC,EAAA,OACA,EAEA,MAAA,CACA,KAAA,CACA,KAAA,QACA,QAAA,EACA,EAEA,kBAAA,CACA,KAAA,OACA,SAAA,EACA,EAEA,kBAAA,CACA,KAAA,SACA,QAAA,IAAA,CAAA,CACA,CACA,EAEA,MAAA,CAAA,WAAA,cAAA,QAAA,EAEA,MAAA,CACA,MAAA,CACA,SAAA,GACA,UAAA,GACA,OAAA,EACA,CACA,EAEA,MAAA,CACA,KAAA,CACA,UAAA,GACA,QAAAC,EAAA,CACA,KAAA,OAAAA,CACA,CACA,CACA,EAEA,QAAA,CACA,iBAAAC,EAAAC,EAAA,CACA,KAAA,SAAAD,EACA,KAAA,UAAAC,CACA,CACA,CACA"}

package/dist/vue2/lib/message-input/message-input-link.js

@@ -0,0 +1,103 @@
+import { DtIconLink2 as o } from "@dialpad/dialtone-icons/vue2";
+import a from "./message-input-button.js";
+import { n as l } from "../../_plugin-vue2_normalizer-DSLOjnn3.js";
+import s from "../popover/popover.js";
+import r from "../input/input.js";
+import p from "../button/button.js";
+import u from "../stack/stack.js";
+const c = {
+  name: "MessageInputLink",
+  components: {
+    DtPopover: s,
+    DtInput: r,
+    DtButton: p,
+    DtStack: u,
+    DtIconLink2: o,
+    DtRecipeMessageInputButton: a
+  },
+  props: {
+    open: {
+      type: Boolean,
+      default: !1
+    },
+    linkButtonOptions: {
+      type: Object,
+      required: !0
+    },
+    isSelectionActive: {
+      type: Function,
+      default: () => {
+      }
+    }
+  },
+  emits: ["set-link", "remove-link", "opened"],
+  data() {
+    return {
+      linkText: "",
+      linkInput: "",
+      isOpen: !1
+    };
+  },
+  watch: {
+    open: {
+      immediate: !0,
+      handler(i) {
+        this.isOpen = i;
+      }
+    }
+  },
+  methods: {
+    setInitialValues(i, t) {
+      this.linkText = i, this.linkInput = t;
+    }
+  }
+};
+var k = function() {
+  var t = this, e = t._self._c;
+  return e("dt-popover", { attrs: { open: t.isOpen, placement: "bottom-start", "content-class": "d-recipe-message-input__link-popover", "visually-hidden-close": !0, "visually-hidden-close-label": t.linkButtonOptions.visuallyHiddenCloseText, "data-qa": "dt-message-input-link-popover", "show-close-button": !1 }, on: { opened: function(n) {
+    return t.$emit("opened", n);
+  } }, scopedSlots: t._u([{ key: "anchor", fn: function() {
+    return [e("dt-recipe-message-input-button", { attrs: { "aria-label": t.linkButtonOptions.ariaLabel, "tooltip-text": t.linkButtonOptions.tooltipText, "keyboard-shortcut-text": t.linkButtonOptions.keyboardShortcutText, "data-qa": "message-input-link-btn", "is-active": t.isSelectionActive("link") }, on: { click: function(n) {
+      t.isOpen = !0;
+    } }, scopedSlots: t._u([{ key: "icon", fn: function() {
+      return [e("dt-icon-link2", { staticClass: "d-recipe-message-input__button-stack-icon", attrs: { size: "200" } })];
+    }, proxy: !0 }]) })];
+  }, proxy: !0 }, { key: "content", fn: function() {
+    return [e("dt-stack", { attrs: { gap: "500" } }, [t.linkButtonOptions.dialogTitle.length > 0 ? e("div", { staticClass: "d-recipe-message-input__link-dialog-title" }, [t._v(" " + t._s(t.linkButtonOptions.dialogTitle) + " ")]) : t._e(), e("dt-input", { attrs: { "input-aria-label": t.linkButtonOptions.textLabel, size: "xs", "data-qa": "dt-message-input-link-text-input", label: t.linkButtonOptions.textLabel, "input-wrapper-class": "d-recipe-message-input__link-input" }, on: { click: function(n) {
+      n.stopPropagation();
+    }, focus: function(n) {
+      n.stopPropagation();
+    }, keydown: function(n) {
+      return !n.type.indexOf("key") && t._k(n.keyCode, "enter", 13, n.key, "Enter") ? null : t.$emit("set-link", t.linkText, t.linkInput);
+    } }, nativeOn: { click: function(n) {
+      n.stopPropagation();
+    } }, model: { value: t.linkText, callback: function(n) {
+      t.linkText = n;
+    }, expression: "linkText" } }), e("dt-input", { attrs: { "input-aria-label": t.linkButtonOptions.linkLabel, size: "xs", "data-qa": "dt-message-input-link-input", placeholder: t.linkButtonOptions.linkPlaceholder, label: t.linkButtonOptions.linkLabel, "input-wrapper-class": "d-recipe-message-input__link-input" }, on: { click: function(n) {
+      n.stopPropagation();
+    }, focus: function(n) {
+      n.stopPropagation();
+    }, keydown: function(n) {
+      return !n.type.indexOf("key") && t._k(n.keyCode, "enter", 13, n.key, "Enter") ? null : t.$emit("set-link", t.linkText, t.linkInput);
+    } }, nativeOn: { click: function(n) {
+      n.stopPropagation();
+    } }, model: { value: t.linkInput, callback: function(n) {
+      t.linkInput = n;
+    }, expression: "linkInput" } }), e("dt-stack", { staticClass: "d-recipe-message-input__link-dialog-buttons", attrs: { direction: "row" } }, [e("dt-button", { attrs: { "aria-label": t.linkButtonOptions.removeLabel, importance: "clear", kind: "danger", size: "md", "data-qa": "dt-message-input-link-remove-btn" }, on: { click: function(n) {
+      return t.$emit("remove-link", t.linkText, t.linkInput);
+    } } }, [t._v(" " + t._s(t.linkButtonOptions.removeLabel) + " ")]), e("dt-stack", { attrs: { direction: "row", gap: "400" } }, [e("dt-button", { attrs: { "aria-label": t.linkButtonOptions.cancelLabel, importance: "clear", kind: "muted", size: "md", "data-qa": "dt-message-input-link-cancel-btn" }, on: { click: function(n) {
+      t.isOpen = !1;
+    } } }, [t._v(" " + t._s(t.linkButtonOptions.cancelLabel) + " ")]), e("dt-button", { attrs: { size: "md", "aria-label": t.linkButtonOptions.confirmLabel, "data-qa": "dt-message-input-link-confirm-btn" }, on: { click: function(n) {
+      return t.$emit("set-link", t.linkText, t.linkInput);
+    } } }, [t._v(" " + t._s(t.linkButtonOptions.confirmLabel) + " ")])], 1)], 1)], 1)];
+  }, proxy: !0 }]) });
+}, d = [], m = /* @__PURE__ */ l(
+  c,
+  k,
+  d
+);
+const y = m.exports;
+export {
+  y as default
+};
+//# sourceMappingURL=message-input-link.js.map

package/dist/vue2/lib/message-input/message-input-link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-input-link.js","sources":["../../../recipes/conversation_view/message_input/message_input_link.vue"],"sourcesContent":["<template>\n  <dt-popover\n    :open=\"isOpen\"\n    placement=\"bottom-start\"\n    content-class=\"d-recipe-message-input__link-popover\"\n    :visually-hidden-close=\"true\"\n    :visually-hidden-close-label=\"linkButtonOptions.visuallyHiddenCloseText\"\n    data-qa=\"dt-message-input-link-popover\"\n    :show-close-button=\"false\"\n    @opened=\"$emit('opened', $event)\"\n  >\n    <template #anchor>\n      <dt-recipe-message-input-button\n        :aria-label=\"linkButtonOptions.ariaLabel\"\n        :tooltip-text=\"linkButtonOptions.tooltipText\"\n        :keyboard-shortcut-text=\"linkButtonOptions.keyboardShortcutText\"\n        data-qa=\"message-input-link-btn\"\n        :is-active=\"isSelectionActive('link')\"\n        @click=\"isOpen = true\"\n      >\n        <template #icon>\n          <dt-icon-link2\n            class=\"d-recipe-message-input__button-stack-icon\"\n            size=\"200\"\n          />\n        </template>\n      </dt-recipe-message-input-button>\n    </template>\n\n    <template #content>\n      <dt-stack gap=\"500\">\n        <div\n          v-if=\"linkButtonOptions.dialogTitle.length > 0\"\n          class=\"d-recipe-message-input__link-dialog-title\"\n        >\n          {{ linkButtonOptions.dialogTitle }}\n        </div>\n        <dt-input\n          v-model=\"linkText\"\n          :input-aria-label=\"linkButtonOptions.textLabel\"\n          size=\"xs\"\n          data-qa=\"dt-message-input-link-text-input\"\n          :label=\"linkButtonOptions.textLabel\"\n          input-wrapper-class=\"d-recipe-message-input__link-input\"\n          @click.stop\n          @click.native.stop\n          @focus.stop\n          @keydown.enter=\"$emit('set-link', linkText, linkInput)\"\n        />\n        <dt-input\n          v-model=\"linkInput\"\n          :input-aria-label=\"linkButtonOptions.linkLabel\"\n          size=\"xs\"\n          data-qa=\"dt-message-input-link-input\"\n          :placeholder=\"linkButtonOptions.linkPlaceholder\"\n          :label=\"linkButtonOptions.linkLabel\"\n          input-wrapper-class=\"d-recipe-message-input__link-input\"\n          @click.stop\n          @click.native.stop\n          @focus.stop\n          @keydown.enter=\"$emit('set-link', linkText, linkInput)\"\n        />\n        <dt-stack\n          direction=\"row\"\n          class=\"d-recipe-message-input__link-dialog-buttons\"\n        >\n          <dt-button\n            :aria-label=\"linkButtonOptions.removeLabel\"\n            importance=\"clear\"\n            kind=\"danger\"\n            size=\"md\"\n            data-qa=\"dt-message-input-link-remove-btn\"\n            @click=\"$emit('remove-link', linkText, linkInput)\"\n          >\n            {{ linkButtonOptions.removeLabel }}\n          </dt-button>\n          <dt-stack\n            direction=\"row\"\n            gap=\"400\"\n          >\n            <dt-button\n              :aria-label=\"linkButtonOptions.cancelLabel\"\n              importance=\"clear\"\n              kind=\"muted\"\n              size=\"md\"\n              data-qa=\"dt-message-input-link-cancel-btn\"\n              @click=\"isOpen = false\"\n            >\n              {{ linkButtonOptions.cancelLabel }}\n            </dt-button>\n            <dt-button\n              size=\"md\"\n              :aria-label=\"linkButtonOptions.confirmLabel\"\n              data-qa=\"dt-message-input-link-confirm-btn\"\n              @click=\"$emit('set-link', linkText, linkInput)\"\n            >\n              {{ linkButtonOptions.confirmLabel }}\n            </dt-button>\n          </dt-stack>\n        </dt-stack>\n      </dt-stack>\n    </template>\n  </dt-popover>\n</template>\n\n<script>\nimport { DtPopover } from '@/components/popover';\nimport { DtInput } from '@/components/input';\nimport { DtButton } from '@/components/button';\nimport { DtStack } from '@/components/stack';\nimport { DtIconLink2 } from '@dialpad/dialtone-icons/vue2';\nimport DtRecipeMessageInputButton from './message_input_button.vue';\nexport default {\n  name: 'MessageInputLink',\n\n  components: {\n    DtPopover,\n    DtInput,\n    DtButton,\n    DtStack,\n    DtIconLink2,\n    DtRecipeMessageInputButton,\n  },\n\n  props: {\n    open: {\n      type: Boolean,\n      default: false,\n    },\n\n    linkButtonOptions: {\n      type: Object,\n      required: true,\n    },\n\n    isSelectionActive: {\n      type: Function,\n      default: () => {},\n    },\n  },\n\n  emits: ['set-link', 'remove-link', 'opened'],\n\n  data () {\n    return {\n      linkText: '',\n      linkInput: '',\n      isOpen: false,\n    };\n  },\n\n  watch: {\n    open: {\n      immediate: true,\n      handler (value) {\n        this.isOpen = value;\n      },\n    },\n  },\n\n  methods: {\n    setInitialValues (linkText, linkInput) {\n      this.linkText = linkText;\n      this.linkInput = linkInput;\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtPopover","DtInput","DtButton","DtStack","DtIconLink2","DtRecipeMessageInputButton","value","linkText","linkInput"],"mappings":";;;;;;;AAgHA,MAAAA,IAAA;AAAA,EACA,MAAA;AAAA,EAEA,YAAA;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,aAAAC;AAAA,IACA,4BAAAC;AAAA,EACA;AAAA,EAEA,OAAA;AAAA,IACA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,IAEA,mBAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA,IAEA,mBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA,MAAA;AAAA,MAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA,CAAA,YAAA,eAAA,QAAA;AAAA,EAEA,OAAA;AACA,WAAA;AAAA,MACA,UAAA;AAAA,MACA,WAAA;AAAA,MACA,QAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA,IACA,MAAA;AAAA,MACA,WAAA;AAAA,MACA,QAAAC,GAAA;AACA,aAAA,SAAAA;AAAA,MACA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,SAAA;AAAA,IACA,iBAAAC,GAAAC,GAAA;AACA,WAAA,WAAAD,GACA,KAAA,YAAAC;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/vue2/lib/message-input/message-input-topbar.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("@dialpad/dialtone-icons/vue2"),c=require("./message-input-button.cjs"),n=require("../../_plugin-vue2_normalizer-e_CkxkSV.cjs"),s=require("../stack/stack.cjs"),a={name:"DtRecipeMesageInputTopbar",components:{DtStack:s.default,DtIconListBullet:i.DtIconListBullet,DtIconBold:i.DtIconBold,DtIconItalic:i.DtIconItalic,DtIconStrikethrough:i.DtIconStrikethrough,DtIconListOrdered:i.DtIconListOrdered,DtIconQuote:i.DtIconQuote,DtIconCode:i.DtIconCode,DtIconCodeBlock:i.DtIconCodeBlock,DtRecipeMessageInputButton:c.default},props:{boldButtonOptions:{type:Object,default:()=>({})},italicButtonOptions:{type:Object,default:()=>({})},strikeButtonOptions:{type:Object,default:()=>({})},bulletListButtonOptions:{type:Object,default:()=>({})},orderedListButtonOptions:{type:Object,default:()=>({})},blockQuoteButtonOptions:{type:Object,default:()=>({})},codeButtonOptions:{type:Object,default:()=>({})},codeBlockButtonOptions:{type:Object,default:()=>({})},isSelectionActive:{type:Function,default:()=>{}}},emits:["click"]};var r=function(){var t=this,e=t._self._c;return e("dt-stack",{staticClass:"d-recipe-message-input__button-stack",attrs:{direction:"row",gap:"200"}},[e("dt-recipe-message-input-button",{attrs:{"aria-label":t.boldButtonOptions.ariaLabel,"tooltip-text":t.boldButtonOptions.tooltipText,"keyboard-shortcut-text":t.boldButtonOptions.keyboardShortcutText,"data-qa":"bold","is-active":t.isSelectionActive("bold")},on:{click:function(o){return t.$emit("click","bold",o)}},scopedSlots:t._u([{key:"icon",fn:function(){return[e("dt-icon-bold",{staticClass:"d-recipe-message-input__button-stack-icon",attrs:{size:"200"}})]},proxy:!0}])}),e("dt-recipe-message-input-button",{attrs:{"aria-label":t.italicButtonOptions.ariaLabel,"tooltip-text":t.italicButtonOptions.tooltipText,"keyboard-shortcut-text":t.italicButtonOptions.keyboardShortcutText,"data-qa":"italic","is-active":t.isSelectionActive("italic")},on:{click:function(o){return t.$emit("click","italic",o)}},scopedSlots:t._u([{key:"icon",fn:function(){return[e("dt-icon-italic",{staticClass:"d-recipe-message-input__button-stack-icon",attrs:{size:"200"}})]},proxy:!0}])}),e("dt-recipe-message-input-button",{attrs:{"aria-label":t.strikeButtonOptions.ariaLabel,"tooltip-text":t.strikeButtonOptions.tooltipText,"keyboard-shortcut-text":t.strikeButtonOptions.keyboardShortcutText,"data-qa":"strikethrough","is-active":t.isSelectionActive("strike")},on:{click:function(o){return t.$emit("click","strike",o)}},scopedSlots:t._u([{key:"icon",fn:function(){return[e("dt-icon-strikethrough",{staticClass:"d-recipe-message-input__button-stack-icon",attrs:{size:"200"}})]},proxy:!0}])}),e("div",{staticClass:"d-recipe-message-input--button-group-divider"}),t._t("link"),e("div",{staticClass:"d-recipe-message-input--button-group-divider"}),e("dt-recipe-message-input-button",{attrs:{"aria-label":t.bulletListButtonOptions.ariaLabel,"tooltip-text":t.bulletListButtonOptions.tooltipText,"keyboard-shortcut-text":t.bulletListButtonOptions.keyboardShortcutText,"data-qa":"bullet-list","is-active":t.isSelectionActive("bulletList")},on:{click:function(o){return t.$emit("click","bulletList",o)}},scopedSlots:t._u([{key:"icon",fn:function(){return[e("dt-icon-list-bullet",{staticClass:"d-recipe-message-input__button-stack-icon",attrs:{size:"200"}})]},proxy:!0}])}),e("dt-recipe-message-input-button",{attrs:{"aria-label":t.orderedListButtonOptions.ariaLabel,"tooltip-text":t.orderedListButtonOptions.tooltipText,"keyboard-shortcut-text":t.orderedListButtonOptions.keyboardShortcutText,"data-qa":"ordered-list","is-active":t.isSelectionActive("orderedList")},on:{click:function(o){return t.$emit("click","orderedList",o)}},scopedSlots:t._u([{key:"icon",fn:function(){return[e("dt-icon-list-ordered",{staticClass:"d-recipe-message-input__button-stack-icon",attrs:{size:"200"}})]},proxy:!0}])}),e("div",{staticClass:"d-recipe-message-input--button-group-divider"}),e("dt-recipe-message-input-button",{attrs:{"aria-label":t.blockQuoteButtonOptions.ariaLabel,"tooltip-text":t.blockQuoteButtonOptions.tooltipText,"keyboard-shortcut-text":t.blockQuoteButtonOptions.keyboardShortcutText,"data-qa":"blockquote","is-active":t.isSelectionActive("blockquote")},on:{click:function(o){return t.$emit("click","blockquote",o)}},scopedSlots:t._u([{key:"icon",fn:function(){return[e("dt-icon-quote",{staticClass:"d-recipe-message-input__button-stack-icon",attrs:{size:"200"}})]},proxy:!0}])}),e("div",{staticClass:"d-recipe-message-input--button-group-divider"}),e("dt-recipe-message-input-button",{attrs:{"aria-label":t.codeButtonOptions.ariaLabel,"tooltip-text":t.codeButtonOptions.tooltipText,"keyboard-shortcut-text":t.codeButtonOptions.keyboardShortcutText,"data-qa":"code","is-active":t.isSelectionActive("code")},on:{click:function(o){return t.$emit("click","code",o)}},scopedSlots:t._u([{key:"icon",fn:function(){return[e("dt-icon-code",{staticClass:"d-recipe-message-input__button-stack-icon",attrs:{size:"200"}})]},proxy:!0}])}),e("dt-recipe-message-input-button",{attrs:{"aria-label":t.codeBlockButtonOptions.ariaLabel,"tooltip-text":t.codeBlockButtonOptions.tooltipText,"keyboard-shortcut-text":t.codeBlockButtonOptions.keyboardShortcutText,"data-qa":"code-block","is-active":t.isSelectionActive("codeBlock")},on:{click:function(o){return t.$emit("click","codeBlock",o)}},scopedSlots:t._u([{key:"icon",fn:function(){return[e("dt-icon-code-block",{staticClass:"d-recipe-message-input__button-stack-icon",attrs:{size:"200"}})]},proxy:!0}])})],2)},u=[],l=n.n(a,r,u);const d=l.exports;exports.default=d;
+//# sourceMappingURL=message-input-topbar.cjs.map

package/dist/vue2/lib/message-input/message-input-topbar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-input-topbar.cjs","sources":["../../../recipes/conversation_view/message_input/message_input_topbar.vue"],"sourcesContent":["<template>\n  <dt-stack\n    direction=\"row\"\n    gap=\"200\"\n    class=\"d-recipe-message-input__button-stack\"\n  >\n    <dt-recipe-message-input-button\n      :aria-label=\"boldButtonOptions.ariaLabel\"\n      :tooltip-text=\"boldButtonOptions.tooltipText\"\n      :keyboard-shortcut-text=\"boldButtonOptions.keyboardShortcutText\"\n      data-qa=\"bold\"\n      :is-active=\"isSelectionActive('bold')\"\n      @click=\"$emit('click', 'bold', $event)\"\n    >\n      <template #icon>\n        <dt-icon-bold\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n\n    <dt-recipe-message-input-button\n      :aria-label=\"italicButtonOptions.ariaLabel\"\n      :tooltip-text=\"italicButtonOptions.tooltipText\"\n      :keyboard-shortcut-text=\"italicButtonOptions.keyboardShortcutText\"\n      data-qa=\"italic\"\n      :is-active=\"isSelectionActive('italic')\"\n      @click=\"$emit('click', 'italic', $event)\"\n    >\n      <template #icon>\n        <dt-icon-italic\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n\n    <dt-recipe-message-input-button\n      :aria-label=\"strikeButtonOptions.ariaLabel\"\n      :tooltip-text=\"strikeButtonOptions.tooltipText\"\n      :keyboard-shortcut-text=\"strikeButtonOptions.keyboardShortcutText\"\n      data-qa=\"strikethrough\"\n      :is-active=\"isSelectionActive('strike')\"\n      @click=\"$emit('click', 'strike', $event)\"\n    >\n      <template #icon>\n        <dt-icon-strikethrough\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <!-- @slot special slot for link button, since links require a custom dialog -->\n    <slot name=\"link\" />\n\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"bulletListButtonOptions.ariaLabel\"\n      :tooltip-text=\"bulletListButtonOptions.tooltipText\"\n      :keyboard-shortcut-text=\"bulletListButtonOptions.keyboardShortcutText\"\n      data-qa=\"bullet-list\"\n      :is-active=\"isSelectionActive('bulletList')\"\n      @click=\"$emit('click', 'bulletList', $event)\"\n    >\n      <template #icon>\n        <dt-icon-list-bullet\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n\n    <dt-recipe-message-input-button\n      :aria-label=\"orderedListButtonOptions.ariaLabel\"\n      :tooltip-text=\"orderedListButtonOptions.tooltipText\"\n      :keyboard-shortcut-text=\"orderedListButtonOptions.keyboardShortcutText\"\n      data-qa=\"ordered-list\"\n      :is-active=\"isSelectionActive('orderedList')\"\n      @click=\"$emit('click', 'orderedList', $event)\"\n    >\n      <template #icon>\n        <dt-icon-list-ordered\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n    <dt-recipe-message-input-button\n      :aria-label=\"blockQuoteButtonOptions.ariaLabel\"\n      :tooltip-text=\"blockQuoteButtonOptions.tooltipText\"\n      :keyboard-shortcut-text=\"blockQuoteButtonOptions.keyboardShortcutText\"\n      data-qa=\"blockquote\"\n      :is-active=\"isSelectionActive('blockquote')\"\n      @click=\"$emit('click', 'blockquote', $event)\"\n    >\n      <template #icon>\n        <dt-icon-quote\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"codeButtonOptions.ariaLabel\"\n      :tooltip-text=\"codeButtonOptions.tooltipText\"\n      :keyboard-shortcut-text=\"codeButtonOptions.keyboardShortcutText\"\n      data-qa=\"code\"\n      :is-active=\"isSelectionActive('code')\"\n      @click=\"$emit('click', 'code', $event)\"\n    >\n      <template #icon>\n        <dt-icon-code\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"codeBlockButtonOptions.ariaLabel\"\n      :tooltip-text=\"codeBlockButtonOptions.tooltipText\"\n      :keyboard-shortcut-text=\"codeBlockButtonOptions.keyboardShortcutText\"\n      data-qa=\"code-block\"\n      :is-active=\"isSelectionActive('codeBlock')\"\n      @click=\"$emit('click', 'codeBlock', $event)\"\n    >\n      <template #icon>\n        <dt-icon-code-block\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n  </dt-stack>\n</template>\n\n<script>\nimport { DtStack } from '@/components/stack';\n\nimport {\n  DtIconListBullet, DtIconBold, DtIconItalic, DtIconStrikethrough,\n  DtIconListOrdered, DtIconQuote, DtIconCode, DtIconCodeBlock,\n} from '@dialpad/dialtone-icons/vue2';\n\nimport DtRecipeMessageInputButton from './message_input_button.vue';\nexport default {\n  name: 'DtRecipeMesageInputTopbar',\n  components: {\n    DtStack,\n    DtIconListBullet,\n    DtIconBold,\n    DtIconItalic,\n    DtIconStrikethrough,\n    DtIconListOrdered,\n    DtIconQuote,\n    DtIconCode,\n    DtIconCodeBlock,\n    DtRecipeMessageInputButton,\n  },\n\n  props: {\n    boldButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    italicButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    strikeButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    bulletListButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    orderedListButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    blockQuoteButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    codeButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    codeBlockButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    isSelectionActive: {\n      type: Function,\n      default: () => {},\n    },\n  },\n\n  emits: ['click'],\n};\n</script>\n"],"names":["_sfc_main","DtStack","DtIconListBullet","DtIconBold","DtIconItalic","DtIconStrikethrough","DtIconListOrdered","DtIconQuote","DtIconCode","DtIconCodeBlock","DtRecipeMessageInputButton"],"mappings":"4RAwJAA,EAAA,CACA,KAAA,4BACA,WAAA,CACA,QAAAC,EAAA,QACA,iBAAAC,EAAA,iBACA,WAAAC,EAAA,WACA,aAAAC,EAAA,aACA,oBAAAC,EAAA,oBACA,kBAAAC,EAAA,kBACA,YAAAC,EAAA,YACA,WAAAC,EAAA,WACA,gBAAAC,EAAA,gBACA,2BAAAC,EAAA,OACA,EAEA,MAAA,CACA,kBAAA,CACA,KAAA,OACA,QAAA,KAAA,CAAA,EACA,EAEA,oBAAA,CACA,KAAA,OACA,QAAA,KAAA,CAAA,EACA,EAEA,oBAAA,CACA,KAAA,OACA,QAAA,KAAA,CAAA,EACA,EAEA,wBAAA,CACA,KAAA,OACA,QAAA,KAAA,CAAA,EACA,EAEA,yBAAA,CACA,KAAA,OACA,QAAA,KAAA,CAAA,EACA,EAEA,wBAAA,CACA,KAAA,OACA,QAAA,KAAA,CAAA,EACA,EAEA,kBAAA,CACA,KAAA,OACA,QAAA,KAAA,CAAA,EACA,EAEA,uBAAA,CACA,KAAA,OACA,QAAA,KAAA,CAAA,EACA,EAEA,kBAAA,CACA,KAAA,SACA,QAAA,IAAA,CAAA,CACA,CACA,EAEA,MAAA,CAAA,OAAA,CACA"}

package/dist/vue2/lib/message-input/message-input-topbar.js

@@ -0,0 +1,104 @@
+import { DtIconListBullet as i, DtIconBold as c, DtIconItalic as n, DtIconStrikethrough as s, DtIconListOrdered as a, DtIconQuote as r, DtIconCode as u, DtIconCodeBlock as l } from "@dialpad/dialtone-icons/vue2";
+import p from "./message-input-button.js";
+import { n as d } from "../../_plugin-vue2_normalizer-DSLOjnn3.js";
+import b from "../stack/stack.js";
+const k = {
+  name: "DtRecipeMesageInputTopbar",
+  components: {
+    DtStack: b,
+    DtIconListBullet: i,
+    DtIconBold: c,
+    DtIconItalic: n,
+    DtIconStrikethrough: s,
+    DtIconListOrdered: a,
+    DtIconQuote: r,
+    DtIconCode: u,
+    DtIconCodeBlock: l,
+    DtRecipeMessageInputButton: p
+  },
+  props: {
+    boldButtonOptions: {
+      type: Object,
+      default: () => ({})
+    },
+    italicButtonOptions: {
+      type: Object,
+      default: () => ({})
+    },
+    strikeButtonOptions: {
+      type: Object,
+      default: () => ({})
+    },
+    bulletListButtonOptions: {
+      type: Object,
+      default: () => ({})
+    },
+    orderedListButtonOptions: {
+      type: Object,
+      default: () => ({})
+    },
+    blockQuoteButtonOptions: {
+      type: Object,
+      default: () => ({})
+    },
+    codeButtonOptions: {
+      type: Object,
+      default: () => ({})
+    },
+    codeBlockButtonOptions: {
+      type: Object,
+      default: () => ({})
+    },
+    isSelectionActive: {
+      type: Function,
+      default: () => {
+      }
+    }
+  },
+  emits: ["click"]
+};
+var m = function() {
+  var t = this, e = t._self._c;
+  return e("dt-stack", { staticClass: "d-recipe-message-input__button-stack", attrs: { direction: "row", gap: "200" } }, [e("dt-recipe-message-input-button", { attrs: { "aria-label": t.boldButtonOptions.ariaLabel, "tooltip-text": t.boldButtonOptions.tooltipText, "keyboard-shortcut-text": t.boldButtonOptions.keyboardShortcutText, "data-qa": "bold", "is-active": t.isSelectionActive("bold") }, on: { click: function(o) {
+    return t.$emit("click", "bold", o);
+  } }, scopedSlots: t._u([{ key: "icon", fn: function() {
+    return [e("dt-icon-bold", { staticClass: "d-recipe-message-input__button-stack-icon", attrs: { size: "200" } })];
+  }, proxy: !0 }]) }), e("dt-recipe-message-input-button", { attrs: { "aria-label": t.italicButtonOptions.ariaLabel, "tooltip-text": t.italicButtonOptions.tooltipText, "keyboard-shortcut-text": t.italicButtonOptions.keyboardShortcutText, "data-qa": "italic", "is-active": t.isSelectionActive("italic") }, on: { click: function(o) {
+    return t.$emit("click", "italic", o);
+  } }, scopedSlots: t._u([{ key: "icon", fn: function() {
+    return [e("dt-icon-italic", { staticClass: "d-recipe-message-input__button-stack-icon", attrs: { size: "200" } })];
+  }, proxy: !0 }]) }), e("dt-recipe-message-input-button", { attrs: { "aria-label": t.strikeButtonOptions.ariaLabel, "tooltip-text": t.strikeButtonOptions.tooltipText, "keyboard-shortcut-text": t.strikeButtonOptions.keyboardShortcutText, "data-qa": "strikethrough", "is-active": t.isSelectionActive("strike") }, on: { click: function(o) {
+    return t.$emit("click", "strike", o);
+  } }, scopedSlots: t._u([{ key: "icon", fn: function() {
+    return [e("dt-icon-strikethrough", { staticClass: "d-recipe-message-input__button-stack-icon", attrs: { size: "200" } })];
+  }, proxy: !0 }]) }), e("div", { staticClass: "d-recipe-message-input--button-group-divider" }), t._t("link"), e("div", { staticClass: "d-recipe-message-input--button-group-divider" }), e("dt-recipe-message-input-button", { attrs: { "aria-label": t.bulletListButtonOptions.ariaLabel, "tooltip-text": t.bulletListButtonOptions.tooltipText, "keyboard-shortcut-text": t.bulletListButtonOptions.keyboardShortcutText, "data-qa": "bullet-list", "is-active": t.isSelectionActive("bulletList") }, on: { click: function(o) {
+    return t.$emit("click", "bulletList", o);
+  } }, scopedSlots: t._u([{ key: "icon", fn: function() {
+    return [e("dt-icon-list-bullet", { staticClass: "d-recipe-message-input__button-stack-icon", attrs: { size: "200" } })];
+  }, proxy: !0 }]) }), e("dt-recipe-message-input-button", { attrs: { "aria-label": t.orderedListButtonOptions.ariaLabel, "tooltip-text": t.orderedListButtonOptions.tooltipText, "keyboard-shortcut-text": t.orderedListButtonOptions.keyboardShortcutText, "data-qa": "ordered-list", "is-active": t.isSelectionActive("orderedList") }, on: { click: function(o) {
+    return t.$emit("click", "orderedList", o);
+  } }, scopedSlots: t._u([{ key: "icon", fn: function() {
+    return [e("dt-icon-list-ordered", { staticClass: "d-recipe-message-input__button-stack-icon", attrs: { size: "200" } })];
+  }, proxy: !0 }]) }), e("div", { staticClass: "d-recipe-message-input--button-group-divider" }), e("dt-recipe-message-input-button", { attrs: { "aria-label": t.blockQuoteButtonOptions.ariaLabel, "tooltip-text": t.blockQuoteButtonOptions.tooltipText, "keyboard-shortcut-text": t.blockQuoteButtonOptions.keyboardShortcutText, "data-qa": "blockquote", "is-active": t.isSelectionActive("blockquote") }, on: { click: function(o) {
+    return t.$emit("click", "blockquote", o);
+  } }, scopedSlots: t._u([{ key: "icon", fn: function() {
+    return [e("dt-icon-quote", { staticClass: "d-recipe-message-input__button-stack-icon", attrs: { size: "200" } })];
+  }, proxy: !0 }]) }), e("div", { staticClass: "d-recipe-message-input--button-group-divider" }), e("dt-recipe-message-input-button", { attrs: { "aria-label": t.codeButtonOptions.ariaLabel, "tooltip-text": t.codeButtonOptions.tooltipText, "keyboard-shortcut-text": t.codeButtonOptions.keyboardShortcutText, "data-qa": "code", "is-active": t.isSelectionActive("code") }, on: { click: function(o) {
+    return t.$emit("click", "code", o);
+  } }, scopedSlots: t._u([{ key: "icon", fn: function() {
+    return [e("dt-icon-code", { staticClass: "d-recipe-message-input__button-stack-icon", attrs: { size: "200" } })];
+  }, proxy: !0 }]) }), e("dt-recipe-message-input-button", { attrs: { "aria-label": t.codeBlockButtonOptions.ariaLabel, "tooltip-text": t.codeBlockButtonOptions.tooltipText, "keyboard-shortcut-text": t.codeBlockButtonOptions.keyboardShortcutText, "data-qa": "code-block", "is-active": t.isSelectionActive("codeBlock") }, on: { click: function(o) {
+    return t.$emit("click", "codeBlock", o);
+  } }, scopedSlots: t._u([{ key: "icon", fn: function() {
+    return [e("dt-icon-code-block", { staticClass: "d-recipe-message-input__button-stack-icon", attrs: { size: "200" } })];
+  }, proxy: !0 }]) })], 2);
+}, f = [], x = /* @__PURE__ */ d(
+  k,
+  m,
+  f
+);
+const v = x.exports;
+export {
+  v as default
+};
+//# sourceMappingURL=message-input-topbar.js.map

package/dist/vue2/lib/message-input/message-input-topbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-input-topbar.js","sources":["../../../recipes/conversation_view/message_input/message_input_topbar.vue"],"sourcesContent":["<template>\n  <dt-stack\n    direction=\"row\"\n    gap=\"200\"\n    class=\"d-recipe-message-input__button-stack\"\n  >\n    <dt-recipe-message-input-button\n      :aria-label=\"boldButtonOptions.ariaLabel\"\n      :tooltip-text=\"boldButtonOptions.tooltipText\"\n      :keyboard-shortcut-text=\"boldButtonOptions.keyboardShortcutText\"\n      data-qa=\"bold\"\n      :is-active=\"isSelectionActive('bold')\"\n      @click=\"$emit('click', 'bold', $event)\"\n    >\n      <template #icon>\n        <dt-icon-bold\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n\n    <dt-recipe-message-input-button\n      :aria-label=\"italicButtonOptions.ariaLabel\"\n      :tooltip-text=\"italicButtonOptions.tooltipText\"\n      :keyboard-shortcut-text=\"italicButtonOptions.keyboardShortcutText\"\n      data-qa=\"italic\"\n      :is-active=\"isSelectionActive('italic')\"\n      @click=\"$emit('click', 'italic', $event)\"\n    >\n      <template #icon>\n        <dt-icon-italic\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n\n    <dt-recipe-message-input-button\n      :aria-label=\"strikeButtonOptions.ariaLabel\"\n      :tooltip-text=\"strikeButtonOptions.tooltipText\"\n      :keyboard-shortcut-text=\"strikeButtonOptions.keyboardShortcutText\"\n      data-qa=\"strikethrough\"\n      :is-active=\"isSelectionActive('strike')\"\n      @click=\"$emit('click', 'strike', $event)\"\n    >\n      <template #icon>\n        <dt-icon-strikethrough\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <!-- @slot special slot for link button, since links require a custom dialog -->\n    <slot name=\"link\" />\n\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"bulletListButtonOptions.ariaLabel\"\n      :tooltip-text=\"bulletListButtonOptions.tooltipText\"\n      :keyboard-shortcut-text=\"bulletListButtonOptions.keyboardShortcutText\"\n      data-qa=\"bullet-list\"\n      :is-active=\"isSelectionActive('bulletList')\"\n      @click=\"$emit('click', 'bulletList', $event)\"\n    >\n      <template #icon>\n        <dt-icon-list-bullet\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n\n    <dt-recipe-message-input-button\n      :aria-label=\"orderedListButtonOptions.ariaLabel\"\n      :tooltip-text=\"orderedListButtonOptions.tooltipText\"\n      :keyboard-shortcut-text=\"orderedListButtonOptions.keyboardShortcutText\"\n      data-qa=\"ordered-list\"\n      :is-active=\"isSelectionActive('orderedList')\"\n      @click=\"$emit('click', 'orderedList', $event)\"\n    >\n      <template #icon>\n        <dt-icon-list-ordered\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n    <dt-recipe-message-input-button\n      :aria-label=\"blockQuoteButtonOptions.ariaLabel\"\n      :tooltip-text=\"blockQuoteButtonOptions.tooltipText\"\n      :keyboard-shortcut-text=\"blockQuoteButtonOptions.keyboardShortcutText\"\n      data-qa=\"blockquote\"\n      :is-active=\"isSelectionActive('blockquote')\"\n      @click=\"$emit('click', 'blockquote', $event)\"\n    >\n      <template #icon>\n        <dt-icon-quote\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"codeButtonOptions.ariaLabel\"\n      :tooltip-text=\"codeButtonOptions.tooltipText\"\n      :keyboard-shortcut-text=\"codeButtonOptions.keyboardShortcutText\"\n      data-qa=\"code\"\n      :is-active=\"isSelectionActive('code')\"\n      @click=\"$emit('click', 'code', $event)\"\n    >\n      <template #icon>\n        <dt-icon-code\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"codeBlockButtonOptions.ariaLabel\"\n      :tooltip-text=\"codeBlockButtonOptions.tooltipText\"\n      :keyboard-shortcut-text=\"codeBlockButtonOptions.keyboardShortcutText\"\n      data-qa=\"code-block\"\n      :is-active=\"isSelectionActive('codeBlock')\"\n      @click=\"$emit('click', 'codeBlock', $event)\"\n    >\n      <template #icon>\n        <dt-icon-code-block\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n  </dt-stack>\n</template>\n\n<script>\nimport { DtStack } from '@/components/stack';\n\nimport {\n  DtIconListBullet, DtIconBold, DtIconItalic, DtIconStrikethrough,\n  DtIconListOrdered, DtIconQuote, DtIconCode, DtIconCodeBlock,\n} from '@dialpad/dialtone-icons/vue2';\n\nimport DtRecipeMessageInputButton from './message_input_button.vue';\nexport default {\n  name: 'DtRecipeMesageInputTopbar',\n  components: {\n    DtStack,\n    DtIconListBullet,\n    DtIconBold,\n    DtIconItalic,\n    DtIconStrikethrough,\n    DtIconListOrdered,\n    DtIconQuote,\n    DtIconCode,\n    DtIconCodeBlock,\n    DtRecipeMessageInputButton,\n  },\n\n  props: {\n    boldButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    italicButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    strikeButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    bulletListButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    orderedListButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    blockQuoteButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    codeButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    codeBlockButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    isSelectionActive: {\n      type: Function,\n      default: () => {},\n    },\n  },\n\n  emits: ['click'],\n};\n</script>\n"],"names":["_sfc_main","DtStack","DtIconListBullet","DtIconBold","DtIconItalic","DtIconStrikethrough","DtIconListOrdered","DtIconQuote","DtIconCode","DtIconCodeBlock","DtRecipeMessageInputButton"],"mappings":";;;;AAwJA,MAAAA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA;AAAA,IACA,SAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,4BAAAC;AAAA,EACA;AAAA,EAEA,OAAA;AAAA,IACA,mBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA,OAAA,CAAA;AAAA,IACA;AAAA,IAEA,qBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA,OAAA,CAAA;AAAA,IACA;AAAA,IAEA,qBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA,OAAA,CAAA;AAAA,IACA;AAAA,IAEA,yBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA,OAAA,CAAA;AAAA,IACA;AAAA,IAEA,0BAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA,OAAA,CAAA;AAAA,IACA;AAAA,IAEA,yBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA,OAAA,CAAA;AAAA,IACA;AAAA,IAEA,mBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA,OAAA,CAAA;AAAA,IACA;AAAA,IAEA,wBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA,OAAA,CAAA;AAAA,IACA;AAAA,IAEA,mBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA,MAAA;AAAA,MAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA,CAAA,OAAA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}