@dialpad/dialtone 9.64.1 → 9.65.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (132) hide show
  1. package/dist/chunks/tokens-base-dark--ozK7f0P.js +4 -0
  2. package/dist/chunks/tokens-base-dark-V8E4WaJI.js +1 -0
  3. package/dist/chunks/tokens-base-light-LYlvM3eZ.js +1 -0
  4. package/dist/chunks/tokens-base-light-ljPrpLe2.js +4 -0
  5. package/dist/css/dialtone-default-theme.css +178 -92
  6. package/dist/css/dialtone-default-theme.min.css +1 -1
  7. package/dist/css/dialtone.css +129 -43
  8. package/dist/css/dialtone.min.css +1 -1
  9. package/dist/css/tokens/tokens-base-dark.css +5 -5
  10. package/dist/css/tokens/tokens-base-light.css +5 -5
  11. package/dist/css/tokens/tokens-dp-dark.css +44 -44
  12. package/dist/css/tokens/tokens-dp-light.css +44 -44
  13. package/dist/css/tokens/tokens-expressive-dark.css +50 -50
  14. package/dist/css/tokens/tokens-expressive-light.css +50 -50
  15. package/dist/css/tokens/tokens-expressive-sm-dark.css +50 -50
  16. package/dist/css/tokens/tokens-expressive-sm-light.css +50 -50
  17. package/dist/css/tokens/tokens-tmo-dark.css +44 -44
  18. package/dist/css/tokens/tokens-tmo-light.css +44 -44
  19. package/dist/themes/dp-dark.cjs +1 -1
  20. package/dist/themes/dp-dark.js +2 -2
  21. package/dist/themes/dp-light.cjs +1 -1
  22. package/dist/themes/dp-light.js +2 -2
  23. package/dist/themes/expressive-dark.cjs +1 -1
  24. package/dist/themes/expressive-dark.js +2 -2
  25. package/dist/themes/expressive-light.cjs +1 -1
  26. package/dist/themes/expressive-light.js +2 -2
  27. package/dist/themes/expressive-sm-dark.cjs +1 -1
  28. package/dist/themes/expressive-sm-dark.js +2 -2
  29. package/dist/themes/expressive-sm-light.cjs +1 -1
  30. package/dist/themes/expressive-sm-light.js +2 -2
  31. package/dist/themes/tmo-dark.cjs +1 -1
  32. package/dist/themes/tmo-dark.js +2 -2
  33. package/dist/themes/tmo-light.cjs +1 -1
  34. package/dist/themes/tmo-light.js +2 -2
  35. package/dist/tokens/css/tokens-base-dark.css +5 -5
  36. package/dist/tokens/css/tokens-base-light.css +5 -5
  37. package/dist/tokens/css/tokens-dp-dark.css +44 -44
  38. package/dist/tokens/css/tokens-dp-light.css +44 -44
  39. package/dist/tokens/css/tokens-expressive-dark.css +50 -50
  40. package/dist/tokens/css/tokens-expressive-light.css +50 -50
  41. package/dist/tokens/css/tokens-expressive-sm-dark.css +50 -50
  42. package/dist/tokens/css/tokens-expressive-sm-light.css +50 -50
  43. package/dist/tokens/css/tokens-tmo-dark.css +44 -44
  44. package/dist/tokens/css/tokens-tmo-light.css +44 -44
  45. package/dist/tokens/doc.json +8314 -8314
  46. package/dist/tokens/less/tokens-base-dark.less +5 -5
  47. package/dist/tokens/less/tokens-base-light.less +5 -5
  48. package/dist/tokens/less/tokens-dp-dark.less +44 -44
  49. package/dist/tokens/less/tokens-dp-light.less +44 -44
  50. package/dist/tokens/less/tokens-expressive-dark.less +50 -50
  51. package/dist/tokens/less/tokens-expressive-light.less +50 -50
  52. package/dist/tokens/less/tokens-expressive-sm-dark.less +50 -50
  53. package/dist/tokens/less/tokens-expressive-sm-light.less +50 -50
  54. package/dist/tokens/less/tokens-tmo-dark.less +44 -44
  55. package/dist/tokens/less/tokens-tmo-light.less +44 -44
  56. package/dist/tokens/tokens-base-dark.json +5 -5
  57. package/dist/tokens/tokens-base-light.json +5 -5
  58. package/dist/tokens/tokens-dp-dark.json +44 -44
  59. package/dist/tokens/tokens-dp-light.json +44 -44
  60. package/dist/tokens/tokens-expressive-dark.json +50 -50
  61. package/dist/tokens/tokens-expressive-light.json +50 -50
  62. package/dist/tokens/tokens-expressive-sm-dark.json +50 -50
  63. package/dist/tokens/tokens-expressive-sm-light.json +50 -50
  64. package/dist/tokens/tokens-tmo-dark.json +44 -44
  65. package/dist/tokens/tokens-tmo-light.json +44 -44
  66. package/dist/vue2/component-documentation.json +1 -1
  67. package/dist/vue2/dialtone-vue.cjs +1 -1
  68. package/dist/vue2/dialtone-vue.js +1 -1
  69. package/dist/vue2/lib/contact-centers-row.cjs +17 -9
  70. package/dist/vue2/lib/contact-centers-row.cjs.map +1 -1
  71. package/dist/vue2/lib/contact-centers-row.js +17 -9
  72. package/dist/vue2/lib/contact-centers-row.js.map +1 -1
  73. package/dist/vue2/lib/message-input.cjs +13 -6
  74. package/dist/vue2/lib/message-input.cjs.map +1 -1
  75. package/dist/vue2/lib/message-input.js +13 -6
  76. package/dist/vue2/lib/message-input.js.map +1 -1
  77. package/dist/vue2/lib/rich-text-editor.cjs +8 -14
  78. package/dist/vue2/lib/rich-text-editor.cjs.map +1 -1
  79. package/dist/vue2/lib/rich-text-editor.js +8 -14
  80. package/dist/vue2/lib/rich-text-editor.js.map +1 -1
  81. package/dist/vue2/lib/stack.cjs +51 -14
  82. package/dist/vue2/lib/stack.cjs.map +1 -1
  83. package/dist/vue2/lib/stack.js +52 -15
  84. package/dist/vue2/lib/stack.js.map +1 -1
  85. package/dist/vue2/style.css +62 -57
  86. package/dist/vue2/types/components/rich_text_editor/extensions/custom_link/custom_link.d.ts.map +1 -1
  87. package/dist/vue2/types/components/rich_text_editor/mention_suggestion.d.ts.map +1 -1
  88. package/dist/vue2/types/components/rich_text_editor/rich_text_editor.vue.d.ts +4 -2
  89. package/dist/vue2/types/components/rich_text_editor/rich_text_editor.vue.d.ts.map +1 -1
  90. package/dist/vue2/types/components/stack/utils.d.ts +2 -2
  91. package/dist/vue2/types/components/stack/utils.d.ts.map +1 -1
  92. package/dist/vue2/types/components/stack/validators.d.ts +1 -1
  93. package/dist/vue2/types/components/stack/validators.d.ts.map +1 -1
  94. package/dist/vue2/types/recipes/conversation_view/message_input/message_input.vue.d.ts +1 -1
  95. package/dist/vue2/types/recipes/leftbar/contact_centers_row/contact_centers_row.vue.d.ts +15 -0
  96. package/dist/vue2/types/recipes/leftbar/contact_centers_row/contact_centers_row.vue.d.ts.map +1 -1
  97. package/dist/vue3/component-documentation.json +1 -1
  98. package/dist/vue3/dialtone-vue.cjs +1 -1
  99. package/dist/vue3/dialtone-vue.js +1 -1
  100. package/dist/vue3/lib/contact-centers-row.cjs +21 -10
  101. package/dist/vue3/lib/contact-centers-row.cjs.map +1 -1
  102. package/dist/vue3/lib/contact-centers-row.js +21 -10
  103. package/dist/vue3/lib/contact-centers-row.js.map +1 -1
  104. package/dist/vue3/lib/message-input.cjs +13 -14
  105. package/dist/vue3/lib/message-input.cjs.map +1 -1
  106. package/dist/vue3/lib/message-input.js +14 -15
  107. package/dist/vue3/lib/message-input.js.map +1 -1
  108. package/dist/vue3/lib/rich-text-editor.cjs +11 -16
  109. package/dist/vue3/lib/rich-text-editor.cjs.map +1 -1
  110. package/dist/vue3/lib/rich-text-editor.js +11 -16
  111. package/dist/vue3/lib/rich-text-editor.js.map +1 -1
  112. package/dist/vue3/lib/stack.cjs +51 -14
  113. package/dist/vue3/lib/stack.cjs.map +1 -1
  114. package/dist/vue3/lib/stack.js +52 -15
  115. package/dist/vue3/lib/stack.js.map +1 -1
  116. package/dist/vue3/style.css +62 -57
  117. package/dist/vue3/types/components/rich_text_editor/extensions/custom_link/custom_link.d.ts.map +1 -1
  118. package/dist/vue3/types/components/rich_text_editor/mention_suggestion.d.ts.map +1 -1
  119. package/dist/vue3/types/components/rich_text_editor/rich_text_editor.vue.d.ts +4 -2
  120. package/dist/vue3/types/components/rich_text_editor/rich_text_editor.vue.d.ts.map +1 -1
  121. package/dist/vue3/types/components/stack/utils.d.ts +2 -2
  122. package/dist/vue3/types/components/stack/utils.d.ts.map +1 -1
  123. package/dist/vue3/types/components/stack/validators.d.ts +1 -1
  124. package/dist/vue3/types/components/stack/validators.d.ts.map +1 -1
  125. package/dist/vue3/types/recipes/conversation_view/message_input/message_input.vue.d.ts +1 -1
  126. package/dist/vue3/types/recipes/leftbar/contact_centers_row/contact_centers_row.vue.d.ts +15 -0
  127. package/dist/vue3/types/recipes/leftbar/contact_centers_row/contact_centers_row.vue.d.ts.map +1 -1
  128. package/package.json +2 -2
  129. package/dist/chunks/tokens-base-dark-BC3U5KoN.js +0 -4
  130. package/dist/chunks/tokens-base-dark-zbBpWlfP.js +0 -1
  131. package/dist/chunks/tokens-base-light-PCrr7t8W.js +0 -4
  132. package/dist/chunks/tokens-base-light-dvWvBHbM.js +0 -1
@@ -1,4 +1,4 @@
1
- import { DT_STACK_DIRECTION, DT_STACK_RESPONSIVE_BREAKPOINTS, DT_STACK_GAP } from "../chunks/stack_constants-HraCekPm.js";
1
+ import { DT_STACK_DIRECTION, DT_STACK_GAP, DT_STACK_RESPONSIVE_BREAKPOINTS } from "../chunks/stack_constants-HraCekPm.js";
2
2
  import { normalizeComponent } from "../chunks/_plugin-vue2_normalizer-sOSkiPF3.js";
3
3
  function _isDefaultDirection(direction) {
4
4
  return direction === DT_STACK_DIRECTION.default;
@@ -13,25 +13,52 @@ function _getValidDirection(direction) {
13
13
  return null;
14
14
  }
15
15
  }
16
+ function _getValidGap(gap) {
17
+ if (typeof gap === "string") {
18
+ return gap;
19
+ } else if (typeof gap === "object") {
20
+ return gap.default;
21
+ } else {
22
+ return null;
23
+ }
24
+ }
16
25
  function directionPropType(value) {
17
26
  return typeof value;
18
27
  }
19
28
  function getDefaultDirectionClass(direction) {
20
29
  return _getValidDirection(direction) ? `d-stack--${DT_STACK_DIRECTION[_getValidDirection(direction)]}` : null;
21
30
  }
22
- function getResponsiveClasses(direction) {
31
+ function getResposiveDirectionClasses(direction) {
23
32
  if (directionPropType(direction) === "object") {
24
33
  return [
25
34
  ...DT_STACK_RESPONSIVE_BREAKPOINTS.map((breakpoint) => {
26
- return direction[breakpoint] ? `d-stack--${breakpoint}--${direction[breakpoint]}` : null;
35
+ return direction[breakpoint] ? `d-stack--${breakpoint}-${direction[breakpoint]}` : null;
27
36
  })
28
37
  ];
29
38
  } else {
30
- return null;
39
+ return [];
31
40
  }
32
41
  }
33
- function getGapClass(gap) {
34
- return DT_STACK_GAP.includes(gap) ? `d-stack--gap-${gap}` : null;
42
+ function getResposiveGapClasses(gap) {
43
+ if (typeof gap === "object") {
44
+ return [
45
+ ...DT_STACK_RESPONSIVE_BREAKPOINTS.map((breakpoint) => {
46
+ return DT_STACK_GAP.includes(gap[breakpoint]) ? `d-stack--${breakpoint}-gap-${gap[breakpoint]}` : null;
47
+ })
48
+ ];
49
+ } else {
50
+ return [];
51
+ }
52
+ }
53
+ function getResponsiveClasses(direction, gap) {
54
+ return [
55
+ ...getResposiveDirectionClasses(direction),
56
+ ...getResposiveGapClasses(gap)
57
+ ];
58
+ }
59
+ function getDefaultGapClass(gap) {
60
+ const validGap = _getValidGap(gap);
61
+ return DT_STACK_GAP.includes(validGap) ? `d-stack--gap-${validGap}` : null;
35
62
  }
36
63
  function directionValidator(direction) {
37
64
  if (directionPropType(direction) === "string") {
@@ -44,7 +71,13 @@ function directionValidator(direction) {
44
71
  }
45
72
  }
46
73
  function gapValidator(gap) {
47
- return DT_STACK_GAP.includes(gap);
74
+ if (typeof gap === "string") {
75
+ return DT_STACK_GAP.includes(gap);
76
+ }
77
+ if (typeof gap === "object") {
78
+ const { default: defaultStyle } = gap;
79
+ return DT_STACK_GAP.includes(defaultStyle);
80
+ }
48
81
  }
49
82
  const _sfc_main = {
50
83
  name: "DtStack",
@@ -70,11 +103,15 @@ const _sfc_main = {
70
103
  default: "div"
71
104
  },
72
105
  /**
73
- * Set this prop to have the space between each stack item
74
- * @values 0, 100, 200, 300, 400, 500, 600
106
+ * The gap property controls the spacing between items in the stack.
107
+ * The gap can be set to a string, or object with breakpoints.
108
+ * All the undefined breakpoints will have the 'default' value.
109
+ * You can override the default gap with 'default' key.
110
+ * In case of string, it will be applied to all the breakpoints.
111
+ * Valid values are '0', '100', '200', '300', '400', '450', '500', '600'.
75
112
  */
76
113
  gap: {
77
- type: String,
114
+ type: [String, Object],
78
115
  default: "0",
79
116
  validator: (gap) => gapValidator(gap)
80
117
  }
@@ -87,14 +124,14 @@ const _sfc_main = {
87
124
  };
88
125
  },
89
126
  computed: {
90
- stackGap() {
91
- return getGapClass(this.gap);
127
+ defaultGap() {
128
+ return getDefaultGapClass(this.gap);
92
129
  },
93
130
  defaultDirection() {
94
131
  return getDefaultDirectionClass(this.direction);
95
132
  },
96
133
  stackResponsive() {
97
- return getResponsiveClasses(this.direction);
134
+ return getResponsiveClasses(this.direction, this.gap);
98
135
  }
99
136
  }
100
137
  };
@@ -103,8 +140,8 @@ var _sfc_render = function render() {
103
140
  return _c(_vm.as, { tag: "component", class: [
104
141
  "d-stack",
105
142
  _vm.defaultDirection,
106
- _vm.stackResponsive,
107
- _vm.stackGap
143
+ _vm.defaultGap,
144
+ _vm.stackResponsive
108
145
  ] }, [_vm._t("default")], 2);
109
146
  };
110
147
  var _sfc_staticRenderFns = [];
@@ -1 +1 @@
1
- {"version":3,"file":"stack.js","sources":["../../components/stack/utils.js","../../components/stack/validators.js","../../components/stack/stack.vue"],"sourcesContent":["import { DT_STACK_DIRECTION, DT_STACK_GAP, DT_STACK_RESPONSIVE_BREAKPOINTS } from '@/components/stack/stack_constants';\n\nfunction _isDefaultDirection (direction) {\n return direction === DT_STACK_DIRECTION.default;\n}\n\nfunction _getValidDirection (direction) {\n if (directionPropType(direction) === 'string') {\n return !_isDefaultDirection(direction) ? DT_STACK_DIRECTION[direction] : null;\n } else if (directionPropType(direction) === 'object') {\n const { default: defaultStyle } = direction;\n\n return !_isDefaultDirection(defaultStyle) ? DT_STACK_DIRECTION[defaultStyle] : null;\n } else { return null; }\n}\n\nexport function directionPropType (value) {\n return typeof value;\n}\n\nexport function getDefaultDirectionClass (direction) {\n return _getValidDirection(direction)\n ? `d-stack--${DT_STACK_DIRECTION[_getValidDirection(direction)]}`\n : null;\n}\n\nexport function getResponsiveClasses (direction) {\n if (directionPropType(direction) === 'object') {\n return [\n ...DT_STACK_RESPONSIVE_BREAKPOINTS.map((breakpoint) => {\n return direction[breakpoint]\n ? `d-stack--${breakpoint}--${direction[breakpoint]}`\n : null;\n })];\n } else { return null; }\n}\n\nexport function getGapClass (gap) {\n return DT_STACK_GAP.includes(gap) ? `d-stack--gap-${gap}` : null;\n}\n","import { DT_STACK_DIRECTION, DT_STACK_GAP } from '@/components/stack/stack_constants';\nimport { directionPropType } from './utils';\n\nexport function directionValidator (direction) {\n if (directionPropType(direction) === 'string') {\n return Object.keys(DT_STACK_DIRECTION).includes(direction);\n } else if (directionPropType(direction) === 'object') {\n const { default: defaultStyle } = direction;\n\n return Object.keys(DT_STACK_DIRECTION).includes(defaultStyle);\n } else { return null; }\n}\n\nexport function gapValidator (gap) {\n return DT_STACK_GAP.includes(gap);\n}\n","<template>\n <component\n :is=\"as\"\n :class=\"[\n 'd-stack',\n defaultDirection,\n stackResponsive,\n stackGap,\n ]\"\n >\n <!-- @slot Slot for main content -->\n <slot />\n </component>\n</template>\n\n<script>\nimport { DT_STACK_DIRECTION, DT_STACK_GAP, DT_STACK_RESPONSIVE_BREAKPOINTS } from './stack_constants';\nimport { directionValidator, gapValidator } from './validators';\nimport { getDefaultDirectionClass, getResponsiveClasses, getGapClass } from './utils';\n\nexport default {\n name: 'DtStack',\n\n props: {\n /**\n * Set this prop to the direction to stack the items.\n * You can override the default direction with 'default' key.\n * All the undefined breakpoints will have 'default' value.\n * By default, for the column direction it will have `justify-content: flex-start`\n * and for the row direction `align-items: center`. This can be overriden\n * by utility classes.\n */\n direction: {\n type: [String, Object],\n default: 'column',\n validator: (direction) => directionValidator(direction),\n },\n\n /**\n * Set this prop to render stack as a specific HTML element.\n */\n as: {\n type: String,\n default: 'div',\n },\n\n /**\n * Set this prop to have the space between each stack item\n * @values 0, 100, 200, 300, 400, 500, 600\n */\n gap: {\n type: String,\n default: '0',\n validator: (gap) => gapValidator(gap),\n },\n },\n\n data () {\n return {\n DT_STACK_DIRECTION,\n DT_STACK_GAP,\n DT_STACK_RESPONSIVE_BREAKPOINTS,\n };\n },\n\n computed: {\n stackGap () {\n return getGapClass(this.gap);\n },\n\n defaultDirection () {\n return getDefaultDirectionClass(this.direction);\n },\n\n stackResponsive () {\n return getResponsiveClasses(this.direction);\n },\n },\n};\n</script>\n"],"names":[],"mappings":";;AAEA,SAAS,oBAAqB,WAAW;AACvC,SAAO,cAAc,mBAAmB;AAC1C;AAEA,SAAS,mBAAoB,WAAW;AACtC,MAAI,kBAAkB,SAAS,MAAM,UAAU;AAC7C,WAAO,CAAC,oBAAoB,SAAS,IAAI,mBAAmB,SAAS,IAAI;AAAA,EAC1E,WAAU,kBAAkB,SAAS,MAAM,UAAU;AACpD,UAAM,EAAE,SAAS,aAAc,IAAG;AAElC,WAAO,CAAC,oBAAoB,YAAY,IAAI,mBAAmB,YAAY,IAAI;AAAA,EACnF,OAAS;AAAE,WAAO;AAAA,EAAO;AACzB;AAEO,SAAS,kBAAmB,OAAO;AACxC,SAAO,OAAO;AAChB;AAEO,SAAS,yBAA0B,WAAW;AACnD,SAAO,mBAAmB,SAAS,IAC/B,YAAY,mBAAmB,mBAAmB,SAAS,CAAC,CAAC,KAC7D;AACN;AAEO,SAAS,qBAAsB,WAAW;AAC/C,MAAI,kBAAkB,SAAS,MAAM,UAAU;AAC7C,WAAO;AAAA,MACL,GAAG,gCAAgC,IAAI,CAAC,eAAe;AACrD,eAAO,UAAU,UAAU,IACvB,YAAY,UAAU,KAAK,UAAU,UAAU,CAAC,KAChD;AAAA,MACL,CAAA;AAAA,IAAC;AAAA,EACR,OAAS;AAAE,WAAO;AAAA,EAAO;AACzB;AAEO,SAAS,YAAa,KAAK;AAChC,SAAO,aAAa,SAAS,GAAG,IAAI,gBAAgB,GAAG,KAAK;AAC9D;ACpCO,SAAS,mBAAoB,WAAW;AAC7C,MAAI,kBAAkB,SAAS,MAAM,UAAU;AAC7C,WAAO,OAAO,KAAK,kBAAkB,EAAE,SAAS,SAAS;AAAA,EAC1D,WAAU,kBAAkB,SAAS,MAAM,UAAU;AACpD,UAAM,EAAE,SAAS,aAAc,IAAG;AAElC,WAAO,OAAO,KAAK,kBAAkB,EAAE,SAAS,YAAY;AAAA,EAChE,OAAS;AAAE,WAAO;AAAA,EAAO;AACzB;AAEO,SAAS,aAAc,KAAK;AACjC,SAAO,aAAa,SAAS,GAAG;AAClC;ACKA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IASA,WAAA;AAAA,MACA,MAAA,CAAA,QAAA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,WAAA,CAAA,cAAA,mBAAA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,IAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,KAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,WAAA,CAAA,QAAA,aAAA,GAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AACA,WAAA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AAAA,IACA,WAAA;AACA,aAAA,YAAA,KAAA,GAAA;AAAA,IACA;AAAA,IAEA,mBAAA;AACA,aAAA,yBAAA,KAAA,SAAA;AAAA,IACA;AAAA,IAEA,kBAAA;AACA,aAAA,qBAAA,KAAA,SAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"stack.js","sources":["../../components/stack/utils.js","../../components/stack/validators.js","../../components/stack/stack.vue"],"sourcesContent":["import { DT_STACK_DIRECTION, DT_STACK_GAP, DT_STACK_RESPONSIVE_BREAKPOINTS } from '@/components/stack/stack_constants';\n\nfunction _isDefaultDirection (direction) {\n return direction === DT_STACK_DIRECTION.default;\n}\n\nfunction _getValidDirection (direction) {\n if (directionPropType(direction) === 'string') {\n return !_isDefaultDirection(direction) ? DT_STACK_DIRECTION[direction] : null;\n } else if (directionPropType(direction) === 'object') {\n const { default: defaultStyle } = direction;\n\n return !_isDefaultDirection(defaultStyle) ? DT_STACK_DIRECTION[defaultStyle] : null;\n } else { return null; }\n}\n\nfunction _getValidGap (gap) {\n if (typeof gap === 'string') {\n return gap;\n } else if (typeof gap === 'object') {\n return gap.default;\n } else { return null; }\n}\n\nexport function directionPropType (value) {\n return typeof value;\n}\n\nexport function getDefaultDirectionClass (direction) {\n return _getValidDirection(direction)\n ? `d-stack--${DT_STACK_DIRECTION[_getValidDirection(direction)]}`\n : null;\n}\n\nfunction getResposiveDirectionClasses (direction) {\n if (directionPropType(direction) === 'object') {\n return [\n ...DT_STACK_RESPONSIVE_BREAKPOINTS.map((breakpoint) => {\n return direction[breakpoint]\n ? `d-stack--${breakpoint}-${direction[breakpoint]}`\n : null;\n })];\n } else { return []; }\n}\n\nfunction getResposiveGapClasses (gap) {\n if (typeof gap === 'object') {\n return [\n ...DT_STACK_RESPONSIVE_BREAKPOINTS.map((breakpoint) => {\n return DT_STACK_GAP.includes(gap[breakpoint])\n ? `d-stack--${breakpoint}-gap-${gap[breakpoint]}`\n : null;\n })];\n } else { return []; }\n}\n\nexport function getResponsiveClasses (direction, gap) {\n return [\n ...getResposiveDirectionClasses(direction),\n ...getResposiveGapClasses(gap),\n ];\n}\n\nexport function getDefaultGapClass (gap) {\n const validGap = _getValidGap(gap);\n return DT_STACK_GAP.includes(validGap) ? `d-stack--gap-${validGap}` : null;\n}\n","import { DT_STACK_DIRECTION, DT_STACK_GAP } from '@/components/stack/stack_constants';\nimport { directionPropType } from './utils';\n\nexport function directionValidator (direction) {\n if (directionPropType(direction) === 'string') {\n return Object.keys(DT_STACK_DIRECTION).includes(direction);\n } else if (directionPropType(direction) === 'object') {\n const { default: defaultStyle } = direction;\n\n return Object.keys(DT_STACK_DIRECTION).includes(defaultStyle);\n } else { return null; }\n}\n\nexport function gapValidator (gap) {\n if (typeof gap === 'string') {\n return DT_STACK_GAP.includes(gap);\n }\n if (typeof gap === 'object') {\n const { default: defaultStyle } = gap;\n\n return DT_STACK_GAP.includes(defaultStyle);\n }\n}\n","<template>\n <component\n :is=\"as\"\n :class=\"[\n 'd-stack',\n defaultDirection,\n defaultGap,\n stackResponsive,\n ]\"\n >\n <!-- @slot Slot for main content -->\n <slot />\n </component>\n</template>\n\n<script>\nimport { DT_STACK_DIRECTION, DT_STACK_GAP, DT_STACK_RESPONSIVE_BREAKPOINTS } from './stack_constants';\nimport { directionValidator, gapValidator } from './validators';\nimport { getDefaultDirectionClass, getResponsiveClasses, getDefaultGapClass } from './utils';\n\nexport default {\n name: 'DtStack',\n\n props: {\n /**\n * Set this prop to the direction to stack the items.\n * You can override the default direction with 'default' key.\n * All the undefined breakpoints will have 'default' value.\n * By default, for the column direction it will have `justify-content: flex-start`\n * and for the row direction `align-items: center`. This can be overriden\n * by utility classes.\n */\n direction: {\n type: [String, Object],\n default: 'column',\n validator: (direction) => directionValidator(direction),\n },\n\n /**\n * Set this prop to render stack as a specific HTML element.\n */\n as: {\n type: String,\n default: 'div',\n },\n\n /**\n * The gap property controls the spacing between items in the stack.\n * The gap can be set to a string, or object with breakpoints.\n * All the undefined breakpoints will have the 'default' value.\n * You can override the default gap with 'default' key.\n * In case of string, it will be applied to all the breakpoints.\n * Valid values are '0', '100', '200', '300', '400', '450', '500', '600'.\n */\n gap: {\n type: [String, Object],\n default: '0',\n validator: (gap) => gapValidator(gap),\n },\n },\n\n data () {\n return {\n DT_STACK_DIRECTION,\n DT_STACK_GAP,\n DT_STACK_RESPONSIVE_BREAKPOINTS,\n };\n },\n\n computed: {\n defaultGap () {\n return getDefaultGapClass(this.gap);\n },\n\n defaultDirection () {\n return getDefaultDirectionClass(this.direction);\n },\n\n stackResponsive () {\n return getResponsiveClasses(this.direction, this.gap);\n },\n },\n};\n</script>\n"],"names":[],"mappings":"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"}
@@ -132,6 +132,11 @@
132
132
  .dt-suggestion-list--item {
133
133
  border: var(--dt-size-100) solid transparent;
134
134
  }
135
+ .mention-suggestion-name[data-v-65bcbd51] {
136
+ overflow: hidden;
137
+ text-overflow: ellipsis;
138
+ white-space: nowrap;
139
+ }
135
140
  .dt-rich-text-editor--code-block {
136
141
  background: var(--dt-color-surface-secondary);
137
142
  padding: var(--dt-space-400);
@@ -1225,7 +1230,7 @@ body > .os-scrollbar {
1225
1230
  }
1226
1231
  }
1227
1232
  /* stylelint-disable selector-pseudo-class-no-unknown */
1228
- .dt-leftbar-row[data-v-f44e0386] {
1233
+ .dt-leftbar-row[data-v-aeb8c657] {
1229
1234
  --leftbar-row-color-foreground: var(--dt-theme-sidebar-color-foreground);
1230
1235
  --leftbar-row-color-background: var(--dt-theme-sidebar-row-color-background);
1231
1236
  --leftbar-row-radius: var(--dt-size-radius-pill);
@@ -1256,49 +1261,49 @@ body > .os-scrollbar {
1256
1261
  transition-duration: var(--td200);
1257
1262
  transition-property: background-color, border, box-shadow;
1258
1263
  }
1259
- .dt-leftbar-row[data-v-f44e0386]:not(.dt-leftbar-row--no-action):hover,
1260
- .dt-leftbar-row[data-v-f44e0386]:not(.dt-leftbar-row--no-action):focus-within {
1264
+ .dt-leftbar-row[data-v-aeb8c657]:not(.dt-leftbar-row--no-action):hover,
1265
+ .dt-leftbar-row[data-v-aeb8c657]:not(.dt-leftbar-row--no-action):focus-within {
1261
1266
  --leftbar-row-unread-badge-display: none;
1262
1267
  }
1263
- .dt-leftbar-row[data-v-f44e0386]:not(.dt-leftbar-row--no-action):hover .dt-leftbar-row__action,
1264
- .dt-leftbar-row[data-v-f44e0386]:not(.dt-leftbar-row--no-action):focus-within .dt-leftbar-row__action {
1268
+ .dt-leftbar-row[data-v-aeb8c657]:not(.dt-leftbar-row--no-action):hover .dt-leftbar-row__action,
1269
+ .dt-leftbar-row[data-v-aeb8c657]:not(.dt-leftbar-row--no-action):focus-within .dt-leftbar-row__action {
1265
1270
  display: inline-flex;
1266
1271
  }
1267
- .dt-leftbar-row[data-v-f44e0386]:not(.dt-leftbar-row--no-action):hover .dt-leftbar-row__action-button,
1268
- .dt-leftbar-row[data-v-f44e0386]:not(.dt-leftbar-row--no-action):focus-within .dt-leftbar-row__action-button {
1272
+ .dt-leftbar-row[data-v-aeb8c657]:not(.dt-leftbar-row--no-action):hover .dt-leftbar-row__action-button,
1273
+ .dt-leftbar-row[data-v-aeb8c657]:not(.dt-leftbar-row--no-action):focus-within .dt-leftbar-row__action-button {
1269
1274
  opacity: 1;
1270
1275
  }
1271
- .dt-leftbar-row[data-v-f44e0386]:hover,
1272
- .dt-leftbar-row[data-v-f44e0386]:focus-within {
1276
+ .dt-leftbar-row[data-v-aeb8c657]:hover,
1277
+ .dt-leftbar-row[data-v-aeb8c657]:focus-within {
1273
1278
  --leftbar-row-color-background: var(--dt-theme-sidebar-row-color-background-hover);
1274
1279
  }
1275
- .dt-leftbar-row[data-v-f44e0386]:hover .d-presence,
1276
- .dt-leftbar-row[data-v-f44e0386]:focus-within .d-presence {
1280
+ .dt-leftbar-row[data-v-aeb8c657]:hover .d-presence,
1281
+ .dt-leftbar-row[data-v-aeb8c657]:focus-within .d-presence {
1277
1282
  --presence-color-border-base: var(--dt-color-black-200);
1278
1283
  }
1279
- .dt-leftbar-row[data-v-f44e0386]:hover .d-avatar__count,
1280
- .dt-leftbar-row[data-v-f44e0386]:focus-within .d-avatar__count {
1284
+ .dt-leftbar-row[data-v-aeb8c657]:hover .d-avatar__count,
1285
+ .dt-leftbar-row[data-v-aeb8c657]:focus-within .d-avatar__count {
1281
1286
  --avatar-count-color-shadow: var(--dt-theme-sidebar-selected-row-color-background);
1282
1287
  }
1283
- .dt-leftbar-row--has-unread[data-v-f44e0386] {
1288
+ .dt-leftbar-row--has-unread[data-v-aeb8c657] {
1284
1289
  --leftbar-row-description-font-weight: var(--dt-font-weight-bold);
1285
1290
  --leftbar-row-description-color-foreground: var(--dt-theme-sidebar-color-foreground-unread);
1286
1291
  --leftbar-row-alpha-color-foreground: var(--dt-theme-sidebar-color-foreground-unread);
1287
1292
  }
1288
- .dt-leftbar-row--muted[data-v-f44e0386] {
1293
+ .dt-leftbar-row--muted[data-v-aeb8c657] {
1289
1294
  --leftbar-row-opacity: 60%;
1290
1295
  }
1291
- .dt-leftbar-row--selected[data-v-f44e0386] {
1296
+ .dt-leftbar-row--selected[data-v-aeb8c657] {
1292
1297
  --leftbar-row-color-background: var(--dt-theme-sidebar-selected-row-color-background);
1293
1298
  --leftbar-row-description-color-foreground: var(--dt-theme-sidebar-selected-row-color-foreground);
1294
1299
  }
1295
- .dt-leftbar-row--selected[data-v-f44e0386] .d-presence {
1300
+ .dt-leftbar-row--selected[data-v-aeb8c657] .d-presence {
1296
1301
  --presence-color-border-base: var(--dt-color-black-200);
1297
1302
  }
1298
- .dt-leftbar-row--selected[data-v-f44e0386] .d-avatar__count {
1303
+ .dt-leftbar-row--selected[data-v-aeb8c657] .d-avatar__count {
1299
1304
  --avatar-count-color-shadow: var(--dt-theme-sidebar-selected-row-color-background);
1300
1305
  }
1301
- .dt-leftbar-row__is-typing[data-v-f44e0386] {
1306
+ .dt-leftbar-row__is-typing[data-v-aeb8c657] {
1302
1307
  --is-typing-size-shape: var(--dt-size-550);
1303
1308
  position: absolute;
1304
1309
  display: flex;
@@ -1310,7 +1315,7 @@ body > .os-scrollbar {
1310
1315
  border-radius: var(--dt-size-radius-pill);
1311
1316
  opacity: 0.75;
1312
1317
  }
1313
- .dt-leftbar-row__is-typing span[data-v-f44e0386] {
1318
+ .dt-leftbar-row__is-typing span[data-v-aeb8c657] {
1314
1319
  display: inline-block;
1315
1320
  width: var(--dt-size-300);
1316
1321
  height: var(--dt-size-300);
@@ -1319,18 +1324,18 @@ body > .os-scrollbar {
1319
1324
  border-radius: var(--dt-size-radius-pill);
1320
1325
  opacity: 0.3;
1321
1326
  transition: all 500ms ease;
1322
- animation: wave-f44e0386 1.5s ease infinite;
1327
+ animation: wave-aeb8c657 1.5s ease infinite;
1323
1328
  }
1324
- .dt-leftbar-row__is-typing span[data-v-f44e0386]:nth-child(1) {
1329
+ .dt-leftbar-row__is-typing span[data-v-aeb8c657]:nth-child(1) {
1325
1330
  animation-delay: 0ms;
1326
1331
  }
1327
- .dt-leftbar-row__is-typing span[data-v-f44e0386]:nth-child(2) {
1332
+ .dt-leftbar-row__is-typing span[data-v-aeb8c657]:nth-child(2) {
1328
1333
  animation-delay: var(--td100);
1329
1334
  }
1330
- .dt-leftbar-row__is-typing span[data-v-f44e0386]:nth-child(3) {
1335
+ .dt-leftbar-row__is-typing span[data-v-aeb8c657]:nth-child(3) {
1331
1336
  animation-delay: var(--td200);
1332
1337
  }
1333
- .dt-leftbar-row__primary[data-v-f44e0386] {
1338
+ .dt-leftbar-row__primary[data-v-aeb8c657] {
1334
1339
  display: flex;
1335
1340
  flex: 1;
1336
1341
  align-items: center;
@@ -1347,18 +1352,18 @@ body > .os-scrollbar {
1347
1352
  border-radius: var(--leftbar-row-radius);
1348
1353
  appearance: none;
1349
1354
  }
1350
- .dt-leftbar-row__primary[data-v-f44e0386]:active {
1355
+ .dt-leftbar-row__primary[data-v-aeb8c657]:active {
1351
1356
  --leftbar-row-color-background: var(--dt-theme-sidebar-row-color-background-active);
1352
1357
  }
1353
- .dt-leftbar-row__primary[data-v-f44e0386]:focus-visible {
1358
+ .dt-leftbar-row__primary[data-v-aeb8c657]:focus-visible {
1354
1359
  box-shadow: var(--dt-shadow-focus-inset);
1355
1360
  }
1356
- .dt-leftbar-row__action-button[data-v-f44e0386] {
1361
+ .dt-leftbar-row__action-button[data-v-aeb8c657] {
1357
1362
  width: var(--leftbar-row-action-width);
1358
1363
  height: var(--leftbar-row-action-height);
1359
1364
  opacity: 0;
1360
1365
  }
1361
- .dt-leftbar-row__alpha[data-v-f44e0386] {
1366
+ .dt-leftbar-row__alpha[data-v-aeb8c657] {
1362
1367
  display: flex;
1363
1368
  align-items: center;
1364
1369
  justify-content: center;
@@ -1370,11 +1375,11 @@ body > .os-scrollbar {
1370
1375
  color: var(--leftbar-row-alpha-color-foreground);
1371
1376
  border-radius: var(--leftbar-row-radius) 0 0 var(--leftbar-row-radius);
1372
1377
  }
1373
- .dt-leftbar-row__label[data-v-f44e0386] {
1378
+ .dt-leftbar-row__label[data-v-aeb8c657] {
1374
1379
  flex: 0 1;
1375
1380
  min-width: 0;
1376
1381
  }
1377
- .dt-leftbar-row__omega[data-v-f44e0386] {
1382
+ .dt-leftbar-row__omega[data-v-aeb8c657] {
1378
1383
  position: absolute;
1379
1384
  top: var(--leftbar-row-action-position-bottom);
1380
1385
  right: var(--leftbar-row-action-position-right);
@@ -1386,34 +1391,34 @@ body > .os-scrollbar {
1386
1391
  border-radius: var(--leftbar-row-radius);
1387
1392
  transform: translateY(calc(var(--leftbar-row-action-position-bottom) * -1));
1388
1393
  }
1389
- .dt-leftbar-row__unread-badge[data-v-f44e0386] {
1394
+ .dt-leftbar-row__unread-badge[data-v-aeb8c657] {
1390
1395
  display: var(--leftbar-row-unread-badge-display);
1391
1396
  color: var(--dt-theme-mention-color-foreground);
1392
1397
  background-color: var(--dt-theme-mention-color-background);
1393
1398
  }
1394
- .dt-leftbar-row--unread-count[data-v-f44e0386] .dt-leftbar-row__action {
1399
+ .dt-leftbar-row--unread-count[data-v-aeb8c657] .dt-leftbar-row__action {
1395
1400
  display: none;
1396
1401
  }
1397
- .dt-leftbar-row__unread-count-badge[data-v-f44e0386] {
1402
+ .dt-leftbar-row__unread-count-badge[data-v-aeb8c657] {
1398
1403
  border-top-right-radius: var(--dt-size-radius-0);
1399
1404
  border-bottom-right-radius: var(--dt-size-radius-0);
1400
1405
  }
1401
- .dt-leftbar-row__unread-mention-count-badge[data-v-f44e0386] {
1406
+ .dt-leftbar-row__unread-mention-count-badge[data-v-aeb8c657] {
1402
1407
  color: var(--dt-theme-mention-color-foreground-strong);
1403
1408
  background-color: var(--dt-theme-mention-color-background-strong);
1404
1409
  border-top-left-radius: var(--dt-size-radius-0);
1405
1410
  border-bottom-left-radius: var(--dt-size-radius-0);
1406
1411
  }
1407
- .dt-leftbar-row__unread-mention-only-count-badge[data-v-f44e0386] {
1412
+ .dt-leftbar-row__unread-mention-only-count-badge[data-v-aeb8c657] {
1408
1413
  color: var(--dt-theme-mention-color-foreground-strong);
1409
1414
  background-color: var(--dt-theme-mention-color-background-strong);
1410
1415
  }
1411
- .dt-leftbar-row__active-voice[data-v-f44e0386] {
1416
+ .dt-leftbar-row__active-voice[data-v-aeb8c657] {
1412
1417
  display: inline-flex;
1413
1418
  color: var(--dt-color-purple-400);
1414
- -webkit-animation-name: opacity-pulsate-f44e0386;
1415
- -moz-animation-name: opacity-pulsate-f44e0386;
1416
- animation-name: opacity-pulsate-f44e0386;
1419
+ -webkit-animation-name: opacity-pulsate-aeb8c657;
1420
+ -moz-animation-name: opacity-pulsate-aeb8c657;
1421
+ animation-name: opacity-pulsate-aeb8c657;
1417
1422
  -webkit-animation-duration: 1s;
1418
1423
  -moz-animation-duration: 1s;
1419
1424
  animation-duration: 1s;
@@ -1424,7 +1429,7 @@ body > .os-scrollbar {
1424
1429
  -moz-animation-fill-mode: both;
1425
1430
  animation-fill-mode: both;
1426
1431
  }
1427
- .dt-leftbar-row__dnd[data-v-f44e0386] {
1432
+ .dt-leftbar-row__dnd[data-v-aeb8c657] {
1428
1433
  padding-top: var(--dt-space-200);
1429
1434
  padding-right: var(--dt-space-300);
1430
1435
  color: var(--dt-color-foreground-tertiary);
@@ -1432,26 +1437,26 @@ body > .os-scrollbar {
1432
1437
  font-size: var(--dt-font-size-100);
1433
1438
  line-height: var(--dt-font-line-height-400);
1434
1439
  }
1435
- .dt-leftbar-row__container--off-duty[data-v-f44e0386] {
1440
+ .dt-leftbar-row__container--off-duty[data-v-aeb8c657] {
1436
1441
  background-color: var(--dt-badge-color-background-critical);
1437
1442
  border: var(--dt-size-100) solid var(--dt-color-border-subtle);
1438
1443
  border-radius: var(--dt-size-radius-500);
1439
1444
  }
1440
- .dt-leftbar-row__container--off-duty[data-v-f44e0386] .dt-leftbar-row__primary {
1445
+ .dt-leftbar-row__container--off-duty[data-v-aeb8c657] .dt-leftbar-row__primary {
1441
1446
  margin: calc(var(--dt-size-100) * -1);
1442
1447
  }
1443
- .dt-leftbar-row--contact-centers[data-v-f44e0386] .dt-leftbar-row__alpha {
1448
+ .dt-leftbar-row--contact-centers[data-v-aeb8c657] .dt-leftbar-row__alpha {
1444
1449
  padding-right: var(--dt-space-450);
1445
1450
  padding-left: var(--dt-space-450);
1446
1451
  }
1447
- .dt-leftbar-row--contact-centers .dt-leftbar-row__action-container[data-v-f44e0386] {
1452
+ .dt-leftbar-row--contact-centers .dt-leftbar-row__action-container[data-v-aeb8c657] {
1448
1453
  display: inline-flex;
1449
1454
  align-items: center;
1450
1455
  justify-content: flex-end;
1451
1456
  min-width: var(--dt-size-600);
1452
1457
  height: var(--dt-size-500);
1453
1458
  }
1454
- .dt-leftbar-row[data-v-f44e0386] .dt-leftbar-row__description {
1459
+ .dt-leftbar-row[data-v-aeb8c657] .dt-leftbar-row__description {
1455
1460
  overflow: hidden;
1456
1461
  color: var(--leftbar-row-description-color-foreground);
1457
1462
  font-weight: var(--leftbar-row-description-font-weight);
@@ -1460,7 +1465,7 @@ body > .os-scrollbar {
1460
1465
  white-space: nowrap;
1461
1466
  text-overflow: ellipsis;
1462
1467
  }
1463
- .dt-leftbar-row[data-v-f44e0386] .dt-leftbar-row__status {
1468
+ .dt-leftbar-row[data-v-aeb8c657] .dt-leftbar-row__status {
1464
1469
  padding-bottom: var(--dt-space-100);
1465
1470
  overflow: hidden;
1466
1471
  color: var(--leftbar-row-status-color-foreground);
@@ -1469,19 +1474,19 @@ body > .os-scrollbar {
1469
1474
  white-space: nowrap;
1470
1475
  text-overflow: ellipsis;
1471
1476
  }
1472
- .dt-leftbar-row[data-v-f44e0386] .dt-leftbar-row__meta-context ~ .dt-leftbar-row__meta-custom:not(:empty)::before {
1477
+ .dt-leftbar-row[data-v-aeb8c657] .dt-leftbar-row__meta-context ~ .dt-leftbar-row__meta-custom:not(:empty)::before {
1473
1478
  color: var(--dt-theme-sidebar-status-color-foreground);
1474
1479
  content: " • ";
1475
1480
  }
1476
- .dt-leftbar-row__icon-cc[data-v-f44e0386] {
1481
+ .dt-leftbar-row__icon-cc[data-v-aeb8c657] {
1477
1482
  width: calc(var(--dt-size-300) * 3.5);
1478
1483
  height: calc(var(--dt-size-300) * 3.5);
1479
1484
  border-radius: var(--dt-size-200);
1480
1485
  }
1481
- .opacity-pulsate[data-v-f44e0386] {
1482
- -webkit-animation-name: opacity-pulsate-f44e0386;
1483
- -moz-animation-name: opacity-pulsate-f44e0386;
1484
- animation-name: opacity-pulsate-f44e0386;
1486
+ .opacity-pulsate[data-v-aeb8c657] {
1487
+ -webkit-animation-name: opacity-pulsate-aeb8c657;
1488
+ -moz-animation-name: opacity-pulsate-aeb8c657;
1489
+ animation-name: opacity-pulsate-aeb8c657;
1485
1490
  -webkit-animation-duration: 1s;
1486
1491
  -moz-animation-duration: 1s;
1487
1492
  animation-duration: 1s;
@@ -1492,7 +1497,7 @@ body > .os-scrollbar {
1492
1497
  -moz-animation-fill-mode: both;
1493
1498
  animation-fill-mode: both;
1494
1499
  }
1495
- @keyframes opacity-pulsate-f44e0386 {
1500
+ @keyframes opacity-pulsate-aeb8c657 {
1496
1501
  0%,
1497
1502
  100% {
1498
1503
  opacity: 0.2;
@@ -1501,7 +1506,7 @@ body > .os-scrollbar {
1501
1506
  opacity: 1;
1502
1507
  }
1503
1508
  }
1504
- @keyframes opacity-pulsate-f44e0386 {
1509
+ @keyframes opacity-pulsate-aeb8c657 {
1505
1510
  0%,
1506
1511
  100% {
1507
1512
  opacity: 0.2;
@@ -1510,7 +1515,7 @@ body > .os-scrollbar {
1510
1515
  opacity: 1;
1511
1516
  }
1512
1517
  }
1513
- @keyframes opacity-pulsate-f44e0386 {
1518
+ @keyframes opacity-pulsate-aeb8c657 {
1514
1519
  0%,
1515
1520
  100% {
1516
1521
  opacity: 0.2;
@@ -1519,7 +1524,7 @@ body > .os-scrollbar {
1519
1524
  opacity: 1;
1520
1525
  }
1521
1526
  }
1522
- @keyframes wave-f44e0386 {
1527
+ @keyframes wave-aeb8c657 {
1523
1528
  0%,
1524
1529
  50%,
1525
1530
  100% {
@@ -1 +1 @@
1
- {"version":3,"file":"custom_link.d.ts","sourceRoot":"","sources":["../../../../../../components/rich_text_editor/extensions/custom_link/custom_link.js"],"names":[],"mappings":"AAsBA,wCAwBG;qBAlCI,cAAc"}
1
+ {"version":3,"file":"custom_link.d.ts","sourceRoot":"","sources":["../../../../../../components/rich_text_editor/extensions/custom_link/custom_link.js"],"names":[],"mappings":"AAsBA,wCAuBG;qBAjCI,cAAc"}
@@ -1 +1 @@
1
- {"version":3,"file":"mention_suggestion.d.ts","sourceRoot":"","sources":["../../../../components/rich_text_editor/mention_suggestion.js"],"names":[],"mappings":";IA6CE;;;;;;SAMC"}
1
+ {"version":3,"file":"mention_suggestion.d.ts","sourceRoot":"","sources":["../../../../components/rich_text_editor/mention_suggestion.js"],"names":[],"mappings":";IAuDE;;;;;;SAMC"}
@@ -22,7 +22,8 @@ declare const _default: import("vue").DefineComponent<{
22
22
  default: boolean;
23
23
  };
24
24
  /**
25
- * Whether the input allows for line breaks to be introduced in the text.
25
+ * Whether the input allows for line breaks to be introduced in the text by pressing enter. If this is disabled,
26
+ * line breaks can still be entered by pressing shift+enter.
26
27
  */
27
28
  allowLineBreaks: {
28
29
  type: BooleanConstructor;
@@ -256,7 +257,8 @@ declare const _default: import("vue").DefineComponent<{
256
257
  default: boolean;
257
258
  };
258
259
  /**
259
- * Whether the input allows for line breaks to be introduced in the text.
260
+ * Whether the input allows for line breaks to be introduced in the text by pressing enter. If this is disabled,
261
+ * line breaks can still be entered by pressing shift+enter.
260
262
  */
261
263
  allowLineBreaks: {
262
264
  type: BooleanConstructor;
@@ -1 +1 @@
1
- {"version":3,"file":"rich_text_editor.vue.d.ts","sourceRoot":"","sources":["../../../../components/rich_text_editor/rich_text_editor.vue.js"],"names":[],"mappings":";IA4CI;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;;;;;;;;OAUG;;;;;;IAYH;;;;;OAKG;;;;;;IASH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;;;;OAaG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;MAEE;;;;;IAMF;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;;;;;;;;;;;;;;IAsQH;;;OAGG;;;;;;;IA/eH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;;;;;;;;OAUG;;;;;;IAYH;;;;;OAKG;;;;;;IASH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;;;;OAaG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;MAEE;;;;;IAMF;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG"}
1
+ {"version":3,"file":"rich_text_editor.vue.d.ts","sourceRoot":"","sources":["../../../../components/rich_text_editor/rich_text_editor.vue.js"],"names":[],"mappings":";IA4CI;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;;;;;;;;OAUG;;;;;;IAYH;;;;;OAKG;;;;;;IASH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;;;;OAaG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;MAEE;;;;;IAMF;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;;;;;;;;;;;;;;IAgQH;;;OAGG;;;;;;;IA1eH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;;;;;;;;OAUG;;;;;;IAYH;;;;;OAKG;;;;;;IASH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;;;;OAaG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;MAEE;;;;;IAMF;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG"}
@@ -1,5 +1,5 @@
1
1
  export function directionPropType(value: any): "string" | "number" | "bigint" | "boolean" | "symbol" | "undefined" | "object" | "function";
2
2
  export function getDefaultDirectionClass(direction: any): string | null;
3
- export function getResponsiveClasses(direction: any): (string | null)[] | null;
4
- export function getGapClass(gap: any): string | null;
3
+ export function getResponsiveClasses(direction: any, gap: any): (string | null)[];
4
+ export function getDefaultGapClass(gap: any): string | null;
5
5
  //# sourceMappingURL=utils.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../components/stack/utils.js"],"names":[],"mappings":"AAgBA,2IAEC;AAED,wEAIC;AAED,+EASC;AAED,qDAEC"}
1
+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../components/stack/utils.js"],"names":[],"mappings":"AAwBA,2IAEC;AAED,wEAIC;AAwBD,kFAKC;AAED,4DAGC"}
@@ -1,3 +1,3 @@
1
1
  export function directionValidator(direction: any): boolean | null;
2
- export function gapValidator(gap: any): boolean;
2
+ export function gapValidator(gap: any): boolean | undefined;
3
3
  //# sourceMappingURL=validators.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"validators.d.ts","sourceRoot":"","sources":["../../../../components/stack/validators.js"],"names":[],"mappings":"AAGA,mEAQC;AAED,gDAEC"}
1
+ {"version":3,"file":"validators.d.ts","sourceRoot":"","sources":["../../../../components/stack/validators.js"],"names":[],"mappings":"AAGA,mEAQC;AAED,4DASC"}
@@ -268,7 +268,7 @@ declare const _default: import("vue").DefineComponent<{
268
268
  };
269
269
  emojiPickerHovered(): boolean;
270
270
  }, {
271
- onDrag(e: any): void;
271
+ onMousedown(e: any): void;
272
272
  onDrop(e: any): void;
273
273
  onPaste(e: any): void;
274
274
  onSkinTone(skinTone: any): void;
@@ -20,6 +20,13 @@ declare const _default: import("vue").DefineComponent<{
20
20
  type: BooleanConstructor;
21
21
  default: boolean;
22
22
  };
23
+ /**
24
+ * Making this true will hide the unread count badge, the chevron button, and the right slot
25
+ */
26
+ hideActions: {
27
+ type: BooleanConstructor;
28
+ default: boolean;
29
+ };
23
30
  /**
24
31
  * Number of unread messages
25
32
  */
@@ -67,6 +74,13 @@ declare const _default: import("vue").DefineComponent<{
67
74
  type: BooleanConstructor;
68
75
  default: boolean;
69
76
  };
77
+ /**
78
+ * Making this true will hide the unread count badge, the chevron button, and the right slot
79
+ */
80
+ hideActions: {
81
+ type: BooleanConstructor;
82
+ default: boolean;
83
+ };
70
84
  /**
71
85
  * Number of unread messages
72
86
  */
@@ -84,6 +98,7 @@ declare const _default: import("vue").DefineComponent<{
84
98
  }>>, {
85
99
  ariaLabel: string;
86
100
  selected: boolean;
101
+ hideActions: boolean;
87
102
  unreadCount: number;
88
103
  }>;
89
104
  export default _default;
@@ -1 +1 @@
1
- {"version":3,"file":"contact_centers_row.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/leftbar/contact_centers_row/contact_centers_row.vue.js"],"names":[],"mappings":";IAuBI;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;;;;;;;;;IAlCH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG"}
1
+ {"version":3,"file":"contact_centers_row.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/leftbar/contact_centers_row/contact_centers_row.vue.js"],"names":[],"mappings":";IAuBI;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;;;;;;;;;IA1CH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG"}