@dialpad/dialtone-vue 3.51.0 → 3.52.0
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.
- package/CHANGELOG.json +1 -1
- package/CHANGELOG.md +12 -0
- package/dist/component-documentation.json +1 -1
- package/dist/dialtone-vue.common.js +104 -30
- package/dist/dialtone-vue.umd.js +104 -30
- package/dist/dialtone-vue.umd.min.js +1 -1
- package/package.json +1 -1
|
@@ -2051,34 +2051,38 @@ const avatar_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(avatarvue_t
|
|
|
2051
2051
|
;// CONCATENATED MODULE: ./components/avatar/index.js
|
|
2052
2052
|
|
|
2053
2053
|
|
|
2054
|
-
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/badge/badge.vue?vue&type=template&id=
|
|
2054
|
+
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/badge/badge.vue?vue&type=template&id=e4533274
|
|
2055
2055
|
|
|
2056
|
-
const
|
|
2056
|
+
const badgevue_type_template_id_e4533274_hoisted_1 = {
|
|
2057
2057
|
key: 0,
|
|
2058
|
+
class: "d-badge__decorative"
|
|
2059
|
+
};
|
|
2060
|
+
const badgevue_type_template_id_e4533274_hoisted_2 = {
|
|
2061
|
+
key: 1,
|
|
2058
2062
|
class: "d-badge__icon-left"
|
|
2059
2063
|
};
|
|
2060
|
-
const
|
|
2064
|
+
const _hoisted_3 = {
|
|
2061
2065
|
class: "d-badge__label"
|
|
2062
2066
|
};
|
|
2063
|
-
const
|
|
2064
|
-
key:
|
|
2067
|
+
const _hoisted_4 = {
|
|
2068
|
+
key: 2,
|
|
2065
2069
|
class: "d-badge__icon-right"
|
|
2066
2070
|
};
|
|
2067
|
-
function
|
|
2071
|
+
function badgevue_type_template_id_e4533274_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
2068
2072
|
const _component_dt_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-icon");
|
|
2069
2073
|
|
|
2070
2074
|
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("span", {
|
|
2071
|
-
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['d-badge', $data.BADGE_TYPE_MODIFIERS[$props.type], $data.BADGE_KIND_MODIFIERS[$props.kind]]),
|
|
2075
|
+
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['d-badge', $data.BADGE_TYPE_MODIFIERS[$props.type], $data.BADGE_KIND_MODIFIERS[$props.kind], $data.BADGE_DECORATION_MODIFIERS[$props.decoration]]),
|
|
2072
2076
|
"data-qa": "dt-badge"
|
|
2073
|
-
}, [$props.iconLeft || $props.type === 'ai' ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("span",
|
|
2077
|
+
}, [$props.decoration ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("span", badgevue_type_template_id_e4533274_hoisted_1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $props.iconLeft || $props.type === 'ai' ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("span", badgevue_type_template_id_e4533274_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_icon, {
|
|
2074
2078
|
name: $props.iconLeft || 'dialpad-ai',
|
|
2075
2079
|
size: "200"
|
|
2076
|
-
}, null, 8, ["name"])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("span",
|
|
2080
|
+
}, null, 8, ["name"])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("span", _hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "default", {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.text), 1)])]), $props.iconRight ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("span", _hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_icon, {
|
|
2077
2081
|
name: $props.iconRight,
|
|
2078
2082
|
size: "200"
|
|
2079
2083
|
}, null, 8, ["name"])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 2);
|
|
2080
2084
|
}
|
|
2081
|
-
;// CONCATENATED MODULE: ./components/badge/badge.vue?vue&type=template&id=
|
|
2085
|
+
;// CONCATENATED MODULE: ./components/badge/badge.vue?vue&type=template&id=e4533274
|
|
2082
2086
|
|
|
2083
2087
|
;// CONCATENATED MODULE: ./components/badge/badge_constants.js
|
|
2084
2088
|
const BADGE_TYPE_MODIFIERS = {
|
|
@@ -2094,6 +2098,30 @@ const BADGE_KIND_MODIFIERS = {
|
|
|
2094
2098
|
label: '',
|
|
2095
2099
|
count: 'd-badge--count'
|
|
2096
2100
|
};
|
|
2101
|
+
const BADGE_DECORATION_MODIFIERS = {
|
|
2102
|
+
'black-400': 'd-badge--decorate-black-400',
|
|
2103
|
+
'black-500': 'd-badge--decorate-black-500',
|
|
2104
|
+
'black-900': 'd-badge--decorate-black-900',
|
|
2105
|
+
'red-200': 'd-badge--decorate-red-200',
|
|
2106
|
+
'red-300': 'd-badge--decorate-red-300',
|
|
2107
|
+
'red-400': 'd-badge--decorate-red-400',
|
|
2108
|
+
'purple-200': 'd-badge--decorate-purple-200',
|
|
2109
|
+
'purple-300': 'd-badge--decorate-purple-300',
|
|
2110
|
+
'purple-400': 'd-badge--decorate-purple-400',
|
|
2111
|
+
'purple-500': 'd-badge--decorate-purple-500',
|
|
2112
|
+
'blue-200': 'd-badge--decorate-blue-200',
|
|
2113
|
+
'blue-300': 'd-badge--decorate-blue-300',
|
|
2114
|
+
'blue-400': 'd-badge--decorate-blue-400',
|
|
2115
|
+
'green-300': 'd-badge--decorate-green-300',
|
|
2116
|
+
'green-400': 'd-badge--decorate-green-400',
|
|
2117
|
+
'green-500': 'd-badge--decorate-green-500',
|
|
2118
|
+
'gold-300': 'd-badge--decorate-gold-300',
|
|
2119
|
+
'gold-400': 'd-badge--decorate-gold-400',
|
|
2120
|
+
'gold-500': 'd-badge--decorate-gold-500',
|
|
2121
|
+
'magenta-200': 'd-badge--decorate-magenta-200',
|
|
2122
|
+
'magenta-300': 'd-badge--decorate-magenta-300',
|
|
2123
|
+
'magenta-400': 'd-badge--decorate-magenta-400'
|
|
2124
|
+
};
|
|
2097
2125
|
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/icon/icon.vue?vue&type=template&id=7bf3355d
|
|
2098
2126
|
|
|
2099
2127
|
function iconvue_type_template_id_7bf3355d_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
@@ -2251,16 +2279,36 @@ const icon_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(iconvue_type_
|
|
|
2251
2279
|
type: String,
|
|
2252
2280
|
default: 'default',
|
|
2253
2281
|
validator: type => Object.keys(BADGE_TYPE_MODIFIERS).includes(type)
|
|
2282
|
+
},
|
|
2283
|
+
|
|
2284
|
+
/**
|
|
2285
|
+
* Decoration for the badge. This can be only used with kind: label and type: default
|
|
2286
|
+
* with no iconLeft and iconRight
|
|
2287
|
+
* @values default, black-400, black-500, black-900, red-200, red-300, red-400, purple-200,
|
|
2288
|
+
* purple-300, purple-400, purple-500, blue-200, blue-300, blue-400, green-300, green-400,
|
|
2289
|
+
* green-500, gold-300, gold-400, gold-500, magenta-200, magenta-300, magenta-400
|
|
2290
|
+
*/
|
|
2291
|
+
decoration: {
|
|
2292
|
+
type: String,
|
|
2293
|
+
default: undefined,
|
|
2294
|
+
validator: type => Object.keys(BADGE_DECORATION_MODIFIERS).includes(type)
|
|
2254
2295
|
}
|
|
2255
2296
|
},
|
|
2256
2297
|
|
|
2257
2298
|
data() {
|
|
2258
2299
|
return {
|
|
2259
2300
|
BADGE_TYPE_MODIFIERS: BADGE_TYPE_MODIFIERS,
|
|
2260
|
-
BADGE_KIND_MODIFIERS: BADGE_KIND_MODIFIERS
|
|
2301
|
+
BADGE_KIND_MODIFIERS: BADGE_KIND_MODIFIERS,
|
|
2302
|
+
BADGE_DECORATION_MODIFIERS: BADGE_DECORATION_MODIFIERS
|
|
2261
2303
|
};
|
|
2262
2304
|
},
|
|
2263
2305
|
|
|
2306
|
+
computed: {
|
|
2307
|
+
hasIcons() {
|
|
2308
|
+
return this.iconLeft !== '' || this.iconRight !== '';
|
|
2309
|
+
}
|
|
2310
|
+
|
|
2311
|
+
},
|
|
2264
2312
|
watch: {
|
|
2265
2313
|
$props: {
|
|
2266
2314
|
immediate: true,
|
|
@@ -2274,9 +2322,26 @@ const icon_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(iconvue_type_
|
|
|
2274
2322
|
},
|
|
2275
2323
|
methods: {
|
|
2276
2324
|
validateProps() {
|
|
2325
|
+
this.validateTypePropCombination();
|
|
2326
|
+
this.validateDecorationPropCombination();
|
|
2327
|
+
},
|
|
2328
|
+
|
|
2329
|
+
validateTypePropCombination() {
|
|
2277
2330
|
if (this.type === 'ai' && this.kind === 'count') {
|
|
2278
2331
|
console.error('DtBadge error: type: \'ai\' with kind: \'count\' is an invalid combination.');
|
|
2279
2332
|
}
|
|
2333
|
+
},
|
|
2334
|
+
|
|
2335
|
+
validateDecorationPropCombination() {
|
|
2336
|
+
if (!this.decoration) return;
|
|
2337
|
+
|
|
2338
|
+
if (this.kind !== 'label' || this.type !== 'default') {
|
|
2339
|
+
console.error('DtBadge error: decoration prop can only be used with kind: \'label\' and type: \'default\'.');
|
|
2340
|
+
}
|
|
2341
|
+
|
|
2342
|
+
if (this.hasIcons) {
|
|
2343
|
+
console.error('DtBadge error: decoration prop cannot be used with iconLeft or iconRight.');
|
|
2344
|
+
}
|
|
2280
2345
|
}
|
|
2281
2346
|
|
|
2282
2347
|
}
|
|
@@ -2289,7 +2354,7 @@ const icon_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(iconvue_type_
|
|
|
2289
2354
|
|
|
2290
2355
|
|
|
2291
2356
|
;
|
|
2292
|
-
const badge_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(badgevue_type_script_lang_js, [['render',
|
|
2357
|
+
const badge_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(badgevue_type_script_lang_js, [['render',badgevue_type_template_id_e4533274_render]])
|
|
2293
2358
|
|
|
2294
2359
|
/* harmony default export */ const badge = (badge_exports_);
|
|
2295
2360
|
;// CONCATENATED MODULE: ./components/badge/index.js
|
|
@@ -4357,7 +4422,7 @@ const default_list_itemvue_type_template_id_1351f2a2_hoisted_2 = {
|
|
|
4357
4422
|
const default_list_itemvue_type_template_id_1351f2a2_hoisted_3 = {
|
|
4358
4423
|
class: "d-fl-grow1 d-of-hidden"
|
|
4359
4424
|
};
|
|
4360
|
-
const
|
|
4425
|
+
const default_list_itemvue_type_template_id_1351f2a2_hoisted_4 = {
|
|
4361
4426
|
key: 0
|
|
4362
4427
|
};
|
|
4363
4428
|
const _hoisted_5 = {
|
|
@@ -4371,7 +4436,7 @@ const _hoisted_6 = {
|
|
|
4371
4436
|
"data-qa": "dt-default-list-item-right-wrapper"
|
|
4372
4437
|
};
|
|
4373
4438
|
function default_list_itemvue_type_template_id_1351f2a2_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
4374
|
-
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", default_list_itemvue_type_template_id_1351f2a2_hoisted_1, [$data.hasSlotContent(_ctx.$slots.left) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("section", default_list_itemvue_type_template_id_1351f2a2_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "left")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("section", default_list_itemvue_type_template_id_1351f2a2_hoisted_3, [$data.hasSlotContent(_ctx.$slots.default) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div",
|
|
4439
|
+
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", default_list_itemvue_type_template_id_1351f2a2_hoisted_1, [$data.hasSlotContent(_ctx.$slots.left) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("section", default_list_itemvue_type_template_id_1351f2a2_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "left")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("section", default_list_itemvue_type_template_id_1351f2a2_hoisted_3, [$data.hasSlotContent(_ctx.$slots.default) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", default_list_itemvue_type_template_id_1351f2a2_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "default")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $data.hasSlotContent(_ctx.$slots.subtitle) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
|
|
4375
4440
|
key: 1,
|
|
4376
4441
|
"data-qa": "dt-default-list-item-subtitle-wrapper",
|
|
4377
4442
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['d-fs-100 d-fc-black-600', {
|
|
@@ -23230,10 +23295,10 @@ const general_row_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(genera
|
|
|
23230
23295
|
;// CONCATENATED MODULE: ./recipes/leftbar/general_row/index.js
|
|
23231
23296
|
|
|
23232
23297
|
|
|
23233
|
-
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/leftbar/group_row/group_row.vue?vue&type=template&id=
|
|
23298
|
+
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/leftbar/group_row/group_row.vue?vue&type=template&id=6ee0b2d7
|
|
23234
23299
|
|
|
23235
|
-
const
|
|
23236
|
-
function
|
|
23300
|
+
const group_rowvue_type_template_id_6ee0b2d7_hoisted_1 = ["src", "alt"];
|
|
23301
|
+
function group_rowvue_type_template_id_6ee0b2d7_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
23237
23302
|
const _component_dt_avatar = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-avatar");
|
|
23238
23303
|
|
|
23239
23304
|
const _component_dt_recipe_general_row = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-recipe-general-row");
|
|
@@ -23249,6 +23314,7 @@ function group_rowvue_type_template_id_af6d6b56_render(_ctx, _cache, $props, $se
|
|
|
23249
23314
|
}, {
|
|
23250
23315
|
left: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_avatar, {
|
|
23251
23316
|
initials: $props.avatarInitials,
|
|
23317
|
+
seed: $props.avatarSeed,
|
|
23252
23318
|
group: $props.groupCount
|
|
23253
23319
|
}, {
|
|
23254
23320
|
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [$props.avatarSrc ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("img", {
|
|
@@ -23256,13 +23322,13 @@ function group_rowvue_type_template_id_af6d6b56_render(_ctx, _cache, $props, $se
|
|
|
23256
23322
|
"data-qa": "dt-avatar-image",
|
|
23257
23323
|
src: $props.avatarSrc,
|
|
23258
23324
|
alt: $props.avatarInitials
|
|
23259
|
-
}, null, 8,
|
|
23325
|
+
}, null, 8, group_rowvue_type_template_id_6ee0b2d7_hoisted_1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]),
|
|
23260
23326
|
_: 1
|
|
23261
|
-
}, 8, ["initials", "group"])]),
|
|
23327
|
+
}, 8, ["initials", "seed", "group"])]),
|
|
23262
23328
|
_: 1
|
|
23263
23329
|
}, 8, ["description", "aria-label", "unread-count", "has-unreads", "unread-count-tooltip", "selected", "is-typing"]);
|
|
23264
23330
|
}
|
|
23265
|
-
;// CONCATENATED MODULE: ./recipes/leftbar/group_row/group_row.vue?vue&type=template&id=
|
|
23331
|
+
;// CONCATENATED MODULE: ./recipes/leftbar/group_row/group_row.vue?vue&type=template&id=6ee0b2d7
|
|
23266
23332
|
|
|
23267
23333
|
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/leftbar/group_row/group_row.vue?vue&type=script&lang=js
|
|
23268
23334
|
|
|
@@ -23294,6 +23360,14 @@ function group_rowvue_type_template_id_af6d6b56_render(_ctx, _cache, $props, $se
|
|
|
23294
23360
|
required: true
|
|
23295
23361
|
},
|
|
23296
23362
|
|
|
23363
|
+
/**
|
|
23364
|
+
* Avatar seed, set this to the user's ID to get the same avatar background gradient each time it is displayed.
|
|
23365
|
+
*/
|
|
23366
|
+
avatarSeed: {
|
|
23367
|
+
type: String,
|
|
23368
|
+
default: null
|
|
23369
|
+
},
|
|
23370
|
+
|
|
23297
23371
|
/**
|
|
23298
23372
|
* Number displayed in avatar to count group members
|
|
23299
23373
|
*/
|
|
@@ -23376,18 +23450,18 @@ function group_rowvue_type_template_id_af6d6b56_render(_ctx, _cache, $props, $se
|
|
|
23376
23450
|
|
|
23377
23451
|
|
|
23378
23452
|
;
|
|
23379
|
-
const group_row_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(group_rowvue_type_script_lang_js, [['render',
|
|
23453
|
+
const group_row_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(group_rowvue_type_script_lang_js, [['render',group_rowvue_type_template_id_6ee0b2d7_render]])
|
|
23380
23454
|
|
|
23381
23455
|
/* harmony default export */ const group_row = (group_row_exports_);
|
|
23382
23456
|
;// CONCATENATED MODULE: ./recipes/leftbar/group_row/index.js
|
|
23383
23457
|
|
|
23384
|
-
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/leftbar/contact_row/contact_row.vue?vue&type=template&id=
|
|
23458
|
+
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/leftbar/contact_row/contact_row.vue?vue&type=template&id=2327dbc4
|
|
23385
23459
|
|
|
23386
|
-
const
|
|
23387
|
-
const
|
|
23460
|
+
const contact_rowvue_type_template_id_2327dbc4_hoisted_1 = ["src"];
|
|
23461
|
+
const contact_rowvue_type_template_id_2327dbc4_hoisted_2 = {
|
|
23388
23462
|
class: "dt-leftbar-row__status"
|
|
23389
23463
|
};
|
|
23390
|
-
function
|
|
23464
|
+
function contact_rowvue_type_template_id_2327dbc4_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
23391
23465
|
const _component_dt_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-icon");
|
|
23392
23466
|
|
|
23393
23467
|
const _component_dt_avatar = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-avatar");
|
|
@@ -23418,8 +23492,8 @@ function contact_rowvue_type_template_id_d7e9fd4e_render(_ctx, _cache, $props, $
|
|
|
23418
23492
|
key: 0,
|
|
23419
23493
|
"data-qa": "dt-avatar-image",
|
|
23420
23494
|
src: $props.avatarSrc,
|
|
23421
|
-
alt:
|
|
23422
|
-
}, null, 8,
|
|
23495
|
+
alt: ""
|
|
23496
|
+
}, null, 8, contact_rowvue_type_template_id_2327dbc4_hoisted_1)) : $props.noInitials ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_dt_icon, {
|
|
23423
23497
|
key: 1,
|
|
23424
23498
|
name: "user",
|
|
23425
23499
|
size: "200"
|
|
@@ -23435,7 +23509,7 @@ function contact_rowvue_type_template_id_d7e9fd4e_render(_ctx, _cache, $props, $
|
|
|
23435
23509
|
}, {
|
|
23436
23510
|
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.name), 1)]),
|
|
23437
23511
|
_: 1
|
|
23438
|
-
}), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div",
|
|
23512
|
+
}), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", contact_rowvue_type_template_id_2327dbc4_hoisted_2, [$props.presenceText ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("span", {
|
|
23439
23513
|
key: 0,
|
|
23440
23514
|
"data-qa": "dt-leftbar-row-presence-text",
|
|
23441
23515
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['dt-leftbar-row__meta-context', $options.presenceColorClass])
|
|
@@ -23452,7 +23526,7 @@ function contact_rowvue_type_template_id_d7e9fd4e_render(_ctx, _cache, $props, $
|
|
|
23452
23526
|
_: 1
|
|
23453
23527
|
}, 16, ["unread-count", "description", "has-unreads", "selected", "has-call-button", "muted", "is-typing", "call-button-tooltip", "unread-count-tooltip"]);
|
|
23454
23528
|
}
|
|
23455
|
-
;// CONCATENATED MODULE: ./recipes/leftbar/contact_row/contact_row.vue?vue&type=template&id=
|
|
23529
|
+
;// CONCATENATED MODULE: ./recipes/leftbar/contact_row/contact_row.vue?vue&type=template&id=2327dbc4
|
|
23456
23530
|
|
|
23457
23531
|
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/leftbar/contact_row/contact_row.vue?vue&type=script&lang=js
|
|
23458
23532
|
|
|
@@ -23640,7 +23714,7 @@ function contact_rowvue_type_template_id_d7e9fd4e_render(_ctx, _cache, $props, $
|
|
|
23640
23714
|
|
|
23641
23715
|
|
|
23642
23716
|
;
|
|
23643
|
-
const contact_row_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(contact_rowvue_type_script_lang_js, [['render',
|
|
23717
|
+
const contact_row_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(contact_rowvue_type_script_lang_js, [['render',contact_rowvue_type_template_id_2327dbc4_render]])
|
|
23644
23718
|
|
|
23645
23719
|
/* harmony default export */ const contact_row = (contact_row_exports_);
|
|
23646
23720
|
;// CONCATENATED MODULE: ./recipes/leftbar/contact_row/index.js
|
package/dist/dialtone-vue.umd.js
CHANGED
|
@@ -2061,34 +2061,38 @@ const avatar_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(avatarvue_t
|
|
|
2061
2061
|
;// CONCATENATED MODULE: ./components/avatar/index.js
|
|
2062
2062
|
|
|
2063
2063
|
|
|
2064
|
-
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/badge/badge.vue?vue&type=template&id=
|
|
2064
|
+
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/badge/badge.vue?vue&type=template&id=e4533274
|
|
2065
2065
|
|
|
2066
|
-
const
|
|
2066
|
+
const badgevue_type_template_id_e4533274_hoisted_1 = {
|
|
2067
2067
|
key: 0,
|
|
2068
|
+
class: "d-badge__decorative"
|
|
2069
|
+
};
|
|
2070
|
+
const badgevue_type_template_id_e4533274_hoisted_2 = {
|
|
2071
|
+
key: 1,
|
|
2068
2072
|
class: "d-badge__icon-left"
|
|
2069
2073
|
};
|
|
2070
|
-
const
|
|
2074
|
+
const _hoisted_3 = {
|
|
2071
2075
|
class: "d-badge__label"
|
|
2072
2076
|
};
|
|
2073
|
-
const
|
|
2074
|
-
key:
|
|
2077
|
+
const _hoisted_4 = {
|
|
2078
|
+
key: 2,
|
|
2075
2079
|
class: "d-badge__icon-right"
|
|
2076
2080
|
};
|
|
2077
|
-
function
|
|
2081
|
+
function badgevue_type_template_id_e4533274_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
2078
2082
|
const _component_dt_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-icon");
|
|
2079
2083
|
|
|
2080
2084
|
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("span", {
|
|
2081
|
-
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['d-badge', $data.BADGE_TYPE_MODIFIERS[$props.type], $data.BADGE_KIND_MODIFIERS[$props.kind]]),
|
|
2085
|
+
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['d-badge', $data.BADGE_TYPE_MODIFIERS[$props.type], $data.BADGE_KIND_MODIFIERS[$props.kind], $data.BADGE_DECORATION_MODIFIERS[$props.decoration]]),
|
|
2082
2086
|
"data-qa": "dt-badge"
|
|
2083
|
-
}, [$props.iconLeft || $props.type === 'ai' ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("span",
|
|
2087
|
+
}, [$props.decoration ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("span", badgevue_type_template_id_e4533274_hoisted_1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $props.iconLeft || $props.type === 'ai' ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("span", badgevue_type_template_id_e4533274_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_icon, {
|
|
2084
2088
|
name: $props.iconLeft || 'dialpad-ai',
|
|
2085
2089
|
size: "200"
|
|
2086
|
-
}, null, 8, ["name"])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("span",
|
|
2090
|
+
}, null, 8, ["name"])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("span", _hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "default", {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.text), 1)])]), $props.iconRight ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("span", _hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_icon, {
|
|
2087
2091
|
name: $props.iconRight,
|
|
2088
2092
|
size: "200"
|
|
2089
2093
|
}, null, 8, ["name"])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 2);
|
|
2090
2094
|
}
|
|
2091
|
-
;// CONCATENATED MODULE: ./components/badge/badge.vue?vue&type=template&id=
|
|
2095
|
+
;// CONCATENATED MODULE: ./components/badge/badge.vue?vue&type=template&id=e4533274
|
|
2092
2096
|
|
|
2093
2097
|
;// CONCATENATED MODULE: ./components/badge/badge_constants.js
|
|
2094
2098
|
const BADGE_TYPE_MODIFIERS = {
|
|
@@ -2104,6 +2108,30 @@ const BADGE_KIND_MODIFIERS = {
|
|
|
2104
2108
|
label: '',
|
|
2105
2109
|
count: 'd-badge--count'
|
|
2106
2110
|
};
|
|
2111
|
+
const BADGE_DECORATION_MODIFIERS = {
|
|
2112
|
+
'black-400': 'd-badge--decorate-black-400',
|
|
2113
|
+
'black-500': 'd-badge--decorate-black-500',
|
|
2114
|
+
'black-900': 'd-badge--decorate-black-900',
|
|
2115
|
+
'red-200': 'd-badge--decorate-red-200',
|
|
2116
|
+
'red-300': 'd-badge--decorate-red-300',
|
|
2117
|
+
'red-400': 'd-badge--decorate-red-400',
|
|
2118
|
+
'purple-200': 'd-badge--decorate-purple-200',
|
|
2119
|
+
'purple-300': 'd-badge--decorate-purple-300',
|
|
2120
|
+
'purple-400': 'd-badge--decorate-purple-400',
|
|
2121
|
+
'purple-500': 'd-badge--decorate-purple-500',
|
|
2122
|
+
'blue-200': 'd-badge--decorate-blue-200',
|
|
2123
|
+
'blue-300': 'd-badge--decorate-blue-300',
|
|
2124
|
+
'blue-400': 'd-badge--decorate-blue-400',
|
|
2125
|
+
'green-300': 'd-badge--decorate-green-300',
|
|
2126
|
+
'green-400': 'd-badge--decorate-green-400',
|
|
2127
|
+
'green-500': 'd-badge--decorate-green-500',
|
|
2128
|
+
'gold-300': 'd-badge--decorate-gold-300',
|
|
2129
|
+
'gold-400': 'd-badge--decorate-gold-400',
|
|
2130
|
+
'gold-500': 'd-badge--decorate-gold-500',
|
|
2131
|
+
'magenta-200': 'd-badge--decorate-magenta-200',
|
|
2132
|
+
'magenta-300': 'd-badge--decorate-magenta-300',
|
|
2133
|
+
'magenta-400': 'd-badge--decorate-magenta-400'
|
|
2134
|
+
};
|
|
2107
2135
|
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/icon/icon.vue?vue&type=template&id=7bf3355d
|
|
2108
2136
|
|
|
2109
2137
|
function iconvue_type_template_id_7bf3355d_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
@@ -2261,16 +2289,36 @@ const icon_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(iconvue_type_
|
|
|
2261
2289
|
type: String,
|
|
2262
2290
|
default: 'default',
|
|
2263
2291
|
validator: type => Object.keys(BADGE_TYPE_MODIFIERS).includes(type)
|
|
2292
|
+
},
|
|
2293
|
+
|
|
2294
|
+
/**
|
|
2295
|
+
* Decoration for the badge. This can be only used with kind: label and type: default
|
|
2296
|
+
* with no iconLeft and iconRight
|
|
2297
|
+
* @values default, black-400, black-500, black-900, red-200, red-300, red-400, purple-200,
|
|
2298
|
+
* purple-300, purple-400, purple-500, blue-200, blue-300, blue-400, green-300, green-400,
|
|
2299
|
+
* green-500, gold-300, gold-400, gold-500, magenta-200, magenta-300, magenta-400
|
|
2300
|
+
*/
|
|
2301
|
+
decoration: {
|
|
2302
|
+
type: String,
|
|
2303
|
+
default: undefined,
|
|
2304
|
+
validator: type => Object.keys(BADGE_DECORATION_MODIFIERS).includes(type)
|
|
2264
2305
|
}
|
|
2265
2306
|
},
|
|
2266
2307
|
|
|
2267
2308
|
data() {
|
|
2268
2309
|
return {
|
|
2269
2310
|
BADGE_TYPE_MODIFIERS: BADGE_TYPE_MODIFIERS,
|
|
2270
|
-
BADGE_KIND_MODIFIERS: BADGE_KIND_MODIFIERS
|
|
2311
|
+
BADGE_KIND_MODIFIERS: BADGE_KIND_MODIFIERS,
|
|
2312
|
+
BADGE_DECORATION_MODIFIERS: BADGE_DECORATION_MODIFIERS
|
|
2271
2313
|
};
|
|
2272
2314
|
},
|
|
2273
2315
|
|
|
2316
|
+
computed: {
|
|
2317
|
+
hasIcons() {
|
|
2318
|
+
return this.iconLeft !== '' || this.iconRight !== '';
|
|
2319
|
+
}
|
|
2320
|
+
|
|
2321
|
+
},
|
|
2274
2322
|
watch: {
|
|
2275
2323
|
$props: {
|
|
2276
2324
|
immediate: true,
|
|
@@ -2284,9 +2332,26 @@ const icon_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(iconvue_type_
|
|
|
2284
2332
|
},
|
|
2285
2333
|
methods: {
|
|
2286
2334
|
validateProps() {
|
|
2335
|
+
this.validateTypePropCombination();
|
|
2336
|
+
this.validateDecorationPropCombination();
|
|
2337
|
+
},
|
|
2338
|
+
|
|
2339
|
+
validateTypePropCombination() {
|
|
2287
2340
|
if (this.type === 'ai' && this.kind === 'count') {
|
|
2288
2341
|
console.error('DtBadge error: type: \'ai\' with kind: \'count\' is an invalid combination.');
|
|
2289
2342
|
}
|
|
2343
|
+
},
|
|
2344
|
+
|
|
2345
|
+
validateDecorationPropCombination() {
|
|
2346
|
+
if (!this.decoration) return;
|
|
2347
|
+
|
|
2348
|
+
if (this.kind !== 'label' || this.type !== 'default') {
|
|
2349
|
+
console.error('DtBadge error: decoration prop can only be used with kind: \'label\' and type: \'default\'.');
|
|
2350
|
+
}
|
|
2351
|
+
|
|
2352
|
+
if (this.hasIcons) {
|
|
2353
|
+
console.error('DtBadge error: decoration prop cannot be used with iconLeft or iconRight.');
|
|
2354
|
+
}
|
|
2290
2355
|
}
|
|
2291
2356
|
|
|
2292
2357
|
}
|
|
@@ -2299,7 +2364,7 @@ const icon_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(iconvue_type_
|
|
|
2299
2364
|
|
|
2300
2365
|
|
|
2301
2366
|
;
|
|
2302
|
-
const badge_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(badgevue_type_script_lang_js, [['render',
|
|
2367
|
+
const badge_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(badgevue_type_script_lang_js, [['render',badgevue_type_template_id_e4533274_render]])
|
|
2303
2368
|
|
|
2304
2369
|
/* harmony default export */ const badge = (badge_exports_);
|
|
2305
2370
|
;// CONCATENATED MODULE: ./components/badge/index.js
|
|
@@ -4367,7 +4432,7 @@ const default_list_itemvue_type_template_id_1351f2a2_hoisted_2 = {
|
|
|
4367
4432
|
const default_list_itemvue_type_template_id_1351f2a2_hoisted_3 = {
|
|
4368
4433
|
class: "d-fl-grow1 d-of-hidden"
|
|
4369
4434
|
};
|
|
4370
|
-
const
|
|
4435
|
+
const default_list_itemvue_type_template_id_1351f2a2_hoisted_4 = {
|
|
4371
4436
|
key: 0
|
|
4372
4437
|
};
|
|
4373
4438
|
const _hoisted_5 = {
|
|
@@ -4381,7 +4446,7 @@ const _hoisted_6 = {
|
|
|
4381
4446
|
"data-qa": "dt-default-list-item-right-wrapper"
|
|
4382
4447
|
};
|
|
4383
4448
|
function default_list_itemvue_type_template_id_1351f2a2_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
4384
|
-
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", default_list_itemvue_type_template_id_1351f2a2_hoisted_1, [$data.hasSlotContent(_ctx.$slots.left) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("section", default_list_itemvue_type_template_id_1351f2a2_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "left")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("section", default_list_itemvue_type_template_id_1351f2a2_hoisted_3, [$data.hasSlotContent(_ctx.$slots.default) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div",
|
|
4449
|
+
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", default_list_itemvue_type_template_id_1351f2a2_hoisted_1, [$data.hasSlotContent(_ctx.$slots.left) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("section", default_list_itemvue_type_template_id_1351f2a2_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "left")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("section", default_list_itemvue_type_template_id_1351f2a2_hoisted_3, [$data.hasSlotContent(_ctx.$slots.default) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", default_list_itemvue_type_template_id_1351f2a2_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "default")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $data.hasSlotContent(_ctx.$slots.subtitle) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
|
|
4385
4450
|
key: 1,
|
|
4386
4451
|
"data-qa": "dt-default-list-item-subtitle-wrapper",
|
|
4387
4452
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['d-fs-100 d-fc-black-600', {
|
|
@@ -23240,10 +23305,10 @@ const general_row_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(genera
|
|
|
23240
23305
|
;// CONCATENATED MODULE: ./recipes/leftbar/general_row/index.js
|
|
23241
23306
|
|
|
23242
23307
|
|
|
23243
|
-
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/leftbar/group_row/group_row.vue?vue&type=template&id=
|
|
23308
|
+
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/leftbar/group_row/group_row.vue?vue&type=template&id=6ee0b2d7
|
|
23244
23309
|
|
|
23245
|
-
const
|
|
23246
|
-
function
|
|
23310
|
+
const group_rowvue_type_template_id_6ee0b2d7_hoisted_1 = ["src", "alt"];
|
|
23311
|
+
function group_rowvue_type_template_id_6ee0b2d7_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
23247
23312
|
const _component_dt_avatar = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-avatar");
|
|
23248
23313
|
|
|
23249
23314
|
const _component_dt_recipe_general_row = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-recipe-general-row");
|
|
@@ -23259,6 +23324,7 @@ function group_rowvue_type_template_id_af6d6b56_render(_ctx, _cache, $props, $se
|
|
|
23259
23324
|
}, {
|
|
23260
23325
|
left: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_avatar, {
|
|
23261
23326
|
initials: $props.avatarInitials,
|
|
23327
|
+
seed: $props.avatarSeed,
|
|
23262
23328
|
group: $props.groupCount
|
|
23263
23329
|
}, {
|
|
23264
23330
|
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [$props.avatarSrc ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("img", {
|
|
@@ -23266,13 +23332,13 @@ function group_rowvue_type_template_id_af6d6b56_render(_ctx, _cache, $props, $se
|
|
|
23266
23332
|
"data-qa": "dt-avatar-image",
|
|
23267
23333
|
src: $props.avatarSrc,
|
|
23268
23334
|
alt: $props.avatarInitials
|
|
23269
|
-
}, null, 8,
|
|
23335
|
+
}, null, 8, group_rowvue_type_template_id_6ee0b2d7_hoisted_1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]),
|
|
23270
23336
|
_: 1
|
|
23271
|
-
}, 8, ["initials", "group"])]),
|
|
23337
|
+
}, 8, ["initials", "seed", "group"])]),
|
|
23272
23338
|
_: 1
|
|
23273
23339
|
}, 8, ["description", "aria-label", "unread-count", "has-unreads", "unread-count-tooltip", "selected", "is-typing"]);
|
|
23274
23340
|
}
|
|
23275
|
-
;// CONCATENATED MODULE: ./recipes/leftbar/group_row/group_row.vue?vue&type=template&id=
|
|
23341
|
+
;// CONCATENATED MODULE: ./recipes/leftbar/group_row/group_row.vue?vue&type=template&id=6ee0b2d7
|
|
23276
23342
|
|
|
23277
23343
|
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/leftbar/group_row/group_row.vue?vue&type=script&lang=js
|
|
23278
23344
|
|
|
@@ -23304,6 +23370,14 @@ function group_rowvue_type_template_id_af6d6b56_render(_ctx, _cache, $props, $se
|
|
|
23304
23370
|
required: true
|
|
23305
23371
|
},
|
|
23306
23372
|
|
|
23373
|
+
/**
|
|
23374
|
+
* Avatar seed, set this to the user's ID to get the same avatar background gradient each time it is displayed.
|
|
23375
|
+
*/
|
|
23376
|
+
avatarSeed: {
|
|
23377
|
+
type: String,
|
|
23378
|
+
default: null
|
|
23379
|
+
},
|
|
23380
|
+
|
|
23307
23381
|
/**
|
|
23308
23382
|
* Number displayed in avatar to count group members
|
|
23309
23383
|
*/
|
|
@@ -23386,18 +23460,18 @@ function group_rowvue_type_template_id_af6d6b56_render(_ctx, _cache, $props, $se
|
|
|
23386
23460
|
|
|
23387
23461
|
|
|
23388
23462
|
;
|
|
23389
|
-
const group_row_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(group_rowvue_type_script_lang_js, [['render',
|
|
23463
|
+
const group_row_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(group_rowvue_type_script_lang_js, [['render',group_rowvue_type_template_id_6ee0b2d7_render]])
|
|
23390
23464
|
|
|
23391
23465
|
/* harmony default export */ const group_row = (group_row_exports_);
|
|
23392
23466
|
;// CONCATENATED MODULE: ./recipes/leftbar/group_row/index.js
|
|
23393
23467
|
|
|
23394
|
-
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/leftbar/contact_row/contact_row.vue?vue&type=template&id=
|
|
23468
|
+
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/leftbar/contact_row/contact_row.vue?vue&type=template&id=2327dbc4
|
|
23395
23469
|
|
|
23396
|
-
const
|
|
23397
|
-
const
|
|
23470
|
+
const contact_rowvue_type_template_id_2327dbc4_hoisted_1 = ["src"];
|
|
23471
|
+
const contact_rowvue_type_template_id_2327dbc4_hoisted_2 = {
|
|
23398
23472
|
class: "dt-leftbar-row__status"
|
|
23399
23473
|
};
|
|
23400
|
-
function
|
|
23474
|
+
function contact_rowvue_type_template_id_2327dbc4_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
23401
23475
|
const _component_dt_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-icon");
|
|
23402
23476
|
|
|
23403
23477
|
const _component_dt_avatar = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-avatar");
|
|
@@ -23428,8 +23502,8 @@ function contact_rowvue_type_template_id_d7e9fd4e_render(_ctx, _cache, $props, $
|
|
|
23428
23502
|
key: 0,
|
|
23429
23503
|
"data-qa": "dt-avatar-image",
|
|
23430
23504
|
src: $props.avatarSrc,
|
|
23431
|
-
alt:
|
|
23432
|
-
}, null, 8,
|
|
23505
|
+
alt: ""
|
|
23506
|
+
}, null, 8, contact_rowvue_type_template_id_2327dbc4_hoisted_1)) : $props.noInitials ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_dt_icon, {
|
|
23433
23507
|
key: 1,
|
|
23434
23508
|
name: "user",
|
|
23435
23509
|
size: "200"
|
|
@@ -23445,7 +23519,7 @@ function contact_rowvue_type_template_id_d7e9fd4e_render(_ctx, _cache, $props, $
|
|
|
23445
23519
|
}, {
|
|
23446
23520
|
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.name), 1)]),
|
|
23447
23521
|
_: 1
|
|
23448
|
-
}), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div",
|
|
23522
|
+
}), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", contact_rowvue_type_template_id_2327dbc4_hoisted_2, [$props.presenceText ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("span", {
|
|
23449
23523
|
key: 0,
|
|
23450
23524
|
"data-qa": "dt-leftbar-row-presence-text",
|
|
23451
23525
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['dt-leftbar-row__meta-context', $options.presenceColorClass])
|
|
@@ -23462,7 +23536,7 @@ function contact_rowvue_type_template_id_d7e9fd4e_render(_ctx, _cache, $props, $
|
|
|
23462
23536
|
_: 1
|
|
23463
23537
|
}, 16, ["unread-count", "description", "has-unreads", "selected", "has-call-button", "muted", "is-typing", "call-button-tooltip", "unread-count-tooltip"]);
|
|
23464
23538
|
}
|
|
23465
|
-
;// CONCATENATED MODULE: ./recipes/leftbar/contact_row/contact_row.vue?vue&type=template&id=
|
|
23539
|
+
;// CONCATENATED MODULE: ./recipes/leftbar/contact_row/contact_row.vue?vue&type=template&id=2327dbc4
|
|
23466
23540
|
|
|
23467
23541
|
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/leftbar/contact_row/contact_row.vue?vue&type=script&lang=js
|
|
23468
23542
|
|
|
@@ -23650,7 +23724,7 @@ function contact_rowvue_type_template_id_d7e9fd4e_render(_ctx, _cache, $props, $
|
|
|
23650
23724
|
|
|
23651
23725
|
|
|
23652
23726
|
;
|
|
23653
|
-
const contact_row_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(contact_rowvue_type_script_lang_js, [['render',
|
|
23727
|
+
const contact_row_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(contact_rowvue_type_script_lang_js, [['render',contact_rowvue_type_template_id_2327dbc4_render]])
|
|
23654
23728
|
|
|
23655
23729
|
/* harmony default export */ const contact_row = (contact_row_exports_);
|
|
23656
23730
|
;// CONCATENATED MODULE: ./recipes/leftbar/contact_row/index.js
|