@dialpad/dialtone-vue 3.35.1 → 3.36.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.
Files changed (5) hide show
  1. package/dist/component-documentation.json +1 -1
  2. package/dist/dialtone-vue.common.js +42 -29
  3. package/dist/dialtone-vue.umd.js +42 -29
  4. package/dist/dialtone-vue.umd.min.js +1 -1
  5. package/package.json +1 -1
package/dist/dialtone-vue.common.js CHANGED
@@ -145,7 +145,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".dt-default-list-item,.dt-default-list
145
145
 
146
146
  /***/ }),
147
147
 
148
- /***/ 587:
148
+ /***/ 399:
149
149
  /***/ ((module, __webpack_exports__, __webpack_require__) => {
150
150
 
151
151
  "use strict";
@@ -162,7 +162,7 @@ __webpack_require__.r(__webpack_exports__);
162
162
 
163
163
  var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
164
164
  // Module
165
- ___CSS_LOADER_EXPORT___.push([module.id, ".dt-list-item:not(.dt-list-item--static){cursor:pointer}.dt-list-item--focusable:focus,.dt-list-item--focusable:focus-within,.dt-list-item--highlighted{background-color:hsla(var(--black-900-h),var(--black-900-s),var(--black-900-l),.05)}.dt-list-item--highlighted:active{background-color:hsla(var(--black-900-h),var(--black-900-s),var(--black-900-l),.1)}.dt-list-item:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--su2) var(--focus-ring)}", ""]);
165
+ ___CSS_LOADER_EXPORT___.push([module.id, ".dt-list-item:not(.dt-list-item--static){cursor:pointer;border-radius:var(--size-300)}.dt-list-item--focusable:focus,.dt-list-item--focusable:focus-within,.dt-list-item--highlighted{background-color:hsla(var(--black-900-h),var(--black-900-s),var(--black-900-l),.05)}.dt-list-item--highlighted:active{background-color:hsla(var(--black-900-h),var(--black-900-s),var(--black-900-l),.1)}.dt-list-item:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--su2) var(--focus-ring)}", ""]);
166
166
  // Exports
167
167
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
168
168
 
@@ -1652,19 +1652,19 @@ var update = add("0c78fb76", content, true, {"sourceMap":false,"shadowMode":fals
1652
1652
 
1653
1653
  /***/ }),
1654
1654
 
1655
- /***/ 305:
1655
+ /***/ 897:
1656
1656
  /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
1657
1657
 
1658
1658
  // style-loader: Adds some css to the DOM by adding a <style> tag
1659
1659
 
1660
1660
  // load the styles
1661
- var content = __webpack_require__(587);
1661
+ var content = __webpack_require__(399);
1662
1662
  if(content.__esModule) content = content.default;
1663
1663
  if(typeof content === 'string') content = [[module.id, content, '']];
1664
1664
  if(content.locals) module.exports = content.locals;
1665
1665
  // add the styles to the DOM
1666
1666
  var add = (__webpack_require__(402)/* ["default"] */ .Z)
1667
- var update = add("752566cc", content, true, {"sourceMap":false,"shadowMode":false});
1667
+ var update = add("61c1a254", content, true, {"sourceMap":false,"shadowMode":false});
1668
1668
 
1669
1669
  /***/ }),
1670
1670
 
@@ -5176,9 +5176,9 @@ function combobox_loading_listvue_type_template_id_07d9971d_render(_ctx, _cache,
5176
5176
  }
5177
5177
  ;// CONCATENATED MODULE: ./components/combobox/combobox_loading-list.vue?vue&type=template&id=07d9971d
5178
5178
 
5179
- ;// 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/list_item/list_item.vue?vue&type=template&id=5817ca14
5179
+ ;// 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/list_item/list_item.vue?vue&type=template&id=65cb4fdd
5180
5180
 
5181
- function list_itemvue_type_template_id_5817ca14_render(_ctx, _cache, $props, $setup, $data, $options) {
5181
+ function list_itemvue_type_template_id_65cb4fdd_render(_ctx, _cache, $props, $setup, $data, $options) {
5182
5182
  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveDynamicComponent)($props.elementType), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
5183
5183
  id: $props.id,
5184
5184
  class: ['dt-list-item d-ls-none', {
@@ -5205,7 +5205,7 @@ function list_itemvue_type_template_id_5817ca14_render(_ctx, _cache, $props, $se
5205
5205
  _: 3
5206
5206
  }, 16, ["id", "class", "tabindex", "role", "aria-selected"]);
5207
5207
  }
5208
- ;// CONCATENATED MODULE: ./components/list_item/list_item.vue?vue&type=template&id=5817ca14
5208
+ ;// CONCATENATED MODULE: ./components/list_item/list_item.vue?vue&type=template&id=65cb4fdd
5209
5209
 
5210
5210
  ;// CONCATENATED MODULE: ./components/list_item/list_item_constants.js
5211
5211
  const LIST_ITEM_TYPES = {
@@ -5465,9 +5465,9 @@ const default_list_item_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(
5465
5465
  });
5466
5466
  ;// CONCATENATED MODULE: ./components/list_item/list_item.vue?vue&type=script&lang=js
5467
5467
 
5468
- // EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-32.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/list_item/list_item.vue?vue&type=style&index=0&id=5817ca14&lang=less
5469
- var list_itemvue_type_style_index_0_id_5817ca14_lang_less = __webpack_require__(305);
5470
- ;// CONCATENATED MODULE: ./components/list_item/list_item.vue?vue&type=style&index=0&id=5817ca14&lang=less
5468
+ // EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-32.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/list_item/list_item.vue?vue&type=style&index=0&id=65cb4fdd&lang=less
5469
+ var list_itemvue_type_style_index_0_id_65cb4fdd_lang_less = __webpack_require__(897);
5470
+ ;// CONCATENATED MODULE: ./components/list_item/list_item.vue?vue&type=style&index=0&id=65cb4fdd&lang=less
5471
5471
 
5472
5472
  ;// CONCATENATED MODULE: ./components/list_item/list_item.vue
5473
5473
 
@@ -5477,7 +5477,7 @@ var list_itemvue_type_style_index_0_id_5817ca14_lang_less = __webpack_require__(
5477
5477
  ;
5478
5478
 
5479
5479
 
5480
- const list_item_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(list_itemvue_type_script_lang_js, [['render',list_itemvue_type_template_id_5817ca14_render]])
5480
+ const list_item_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(list_itemvue_type_script_lang_js, [['render',list_itemvue_type_template_id_65cb4fdd_render]])
5481
5481
 
5482
5482
  /* harmony default export */ const list_item = (list_item_exports_);
5483
5483
  ;// CONCATENATED MODULE: ./components/list_item/index.js
@@ -12977,8 +12977,8 @@ const popover_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(popovervue
12977
12977
  ;// CONCATENATED MODULE: ./components/dropdown/dropdown_constants.js
12978
12978
  const DROPDOWN_PADDING_CLASSES = {
12979
12979
  none: undefined,
12980
- small: 'd-py4',
12981
- large: 'd-py8'
12980
+ small: 'd-py0',
12981
+ large: 'd-py4'
12982
12982
  };
12983
12983
  ;// 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]!./components/dropdown/dropdown.vue?vue&type=script&lang=js
12984
12984
 
@@ -17185,8 +17185,8 @@ const CHIP_CLOSE_BUTTON_SIZE_MODIFIERS = {
17185
17185
  };
17186
17186
  const CHIP_ICON_SIZES = {
17187
17187
  xs: '200',
17188
- sm: '300',
17189
- md: '300'
17188
+ sm: '200',
17189
+ md: '200'
17190
17190
  };
17191
17191
  /* harmony default export */ const chip_constants = ({
17192
17192
  CHIP_SIZE_MODIFIERS,
@@ -17997,25 +17997,25 @@ const toast_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(toastvue_typ
17997
17997
  ;// CONCATENATED MODULE: ./components/toast/index.js
17998
17998
 
17999
17999
 
18000
- ;// 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/toggle/toggle.vue?vue&type=template&id=54ed4aa0
18000
+ ;// 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/toggle/toggle.vue?vue&type=template&id=2b01a980
18001
18001
 
18002
- const togglevue_type_template_id_54ed4aa0_hoisted_1 = {
18002
+ const togglevue_type_template_id_2b01a980_hoisted_1 = {
18003
18003
  class: "d-d-flex d-ai-center"
18004
18004
  };
18005
- const togglevue_type_template_id_54ed4aa0_hoisted_2 = ["for"];
18006
- const togglevue_type_template_id_54ed4aa0_hoisted_3 = ["id", "role", "aria-checked", "disabled", "aria-disabled"];
18007
- const togglevue_type_template_id_54ed4aa0_hoisted_4 = {
18005
+ const togglevue_type_template_id_2b01a980_hoisted_2 = ["for"];
18006
+ const togglevue_type_template_id_2b01a980_hoisted_3 = ["id", "role", "aria-checked", "disabled", "aria-disabled"];
18007
+ const togglevue_type_template_id_2b01a980_hoisted_4 = {
18008
18008
  key: 0,
18009
18009
  class: "d-toggle__inner"
18010
18010
  };
18011
- function togglevue_type_template_id_54ed4aa0_render(_ctx, _cache, $props, $setup, $data, $options) {
18012
- return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", togglevue_type_template_id_54ed4aa0_hoisted_1, [_ctx.$slots.default ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("label", (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
18011
+ function togglevue_type_template_id_2b01a980_render(_ctx, _cache, $props, $setup, $data, $options) {
18012
+ return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", togglevue_type_template_id_2b01a980_hoisted_1, [_ctx.$slots.default ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("label", (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
18013
18013
  key: 0,
18014
18014
  class: $props.labelClass,
18015
18015
  for: $props.id
18016
18016
  }, $props.labelChildProps, {
18017
18017
  "data-qa": "toggle-label"
18018
- }), [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "default")], 16, togglevue_type_template_id_54ed4aa0_hoisted_2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("button", (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
18018
+ }), [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "default")], 16, togglevue_type_template_id_2b01a980_hoisted_2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("button", (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
18019
18019
  id: $props.id,
18020
18020
  role: $options.toggleRole,
18021
18021
  type: "button",
@@ -18023,9 +18023,9 @@ function togglevue_type_template_id_54ed4aa0_render(_ctx, _cache, $props, $setup
18023
18023
  disabled: $props.disabled,
18024
18024
  "aria-disabled": $props.disabled.toString(),
18025
18025
  class: $options.toggleClasses
18026
- }, $options.inputListeners), [$props.showIcon ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("span", togglevue_type_template_id_54ed4aa0_hoisted_4)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 16, togglevue_type_template_id_54ed4aa0_hoisted_3)]);
18026
+ }, $options.inputListeners), [$props.showIcon ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("span", togglevue_type_template_id_2b01a980_hoisted_4)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 16, togglevue_type_template_id_2b01a980_hoisted_3)]);
18027
18027
  }
18028
- ;// CONCATENATED MODULE: ./components/toggle/toggle.vue?vue&type=template&id=54ed4aa0
18028
+ ;// CONCATENATED MODULE: ./components/toggle/toggle.vue?vue&type=template&id=2b01a980
18029
18029
 
18030
18030
  ;// CONCATENATED MODULE: ./components/toggle/toggle_constants.js
18031
18031
  const TOGGLE_SIZE_MODIFIERS = {
@@ -18085,6 +18085,16 @@ const TOGGLE_CHECKED_VALUES = [false, true, 'mixed'];
18085
18085
  validator: v => TOGGLE_CHECKED_VALUES.includes(v)
18086
18086
  },
18087
18087
 
18088
+ /**
18089
+ * Whether the component toggles on click. If you set this to false it means you will handle the toggling manually
18090
+ * via the checked prop or v-model. Change events will still be triggered.
18091
+ * @values true, false
18092
+ */
18093
+ toggleOnClick: {
18094
+ type: Boolean,
18095
+ default: true
18096
+ },
18097
+
18088
18098
  /**
18089
18099
  * The size of the toggle.
18090
18100
  * @values sm, md
@@ -18173,8 +18183,11 @@ const TOGGLE_CHECKED_VALUES = [false, true, 'mixed'];
18173
18183
 
18174
18184
  methods: {
18175
18185
  toggleCheckedValue() {
18176
- this.internalChecked = !this.internalChecked;
18177
- this.$emit('change', this.internalChecked);
18186
+ this.$emit('change', !this.internalChecked);
18187
+
18188
+ if (this.toggleOnClick) {
18189
+ this.internalChecked = !this.internalChecked;
18190
+ }
18178
18191
  },
18179
18192
 
18180
18193
  hasSlotLabel() {
@@ -18201,7 +18214,7 @@ const TOGGLE_CHECKED_VALUES = [false, true, 'mixed'];
18201
18214
 
18202
18215
 
18203
18216
  ;
18204
- const toggle_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(togglevue_type_script_lang_js, [['render',togglevue_type_template_id_54ed4aa0_render]])
18217
+ const toggle_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(togglevue_type_script_lang_js, [['render',togglevue_type_template_id_2b01a980_render]])
18205
18218
 
18206
18219
  /* harmony default export */ const toggle = (toggle_exports_);
18207
18220
  ;// CONCATENATED MODULE: ./components/toggle/index.js
package/dist/dialtone-vue.umd.js CHANGED
@@ -155,7 +155,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".dt-default-list-item,.dt-default-list
155
155
 
156
156
  /***/ }),
157
157
 
158
- /***/ 363:
158
+ /***/ 731:
159
159
  /***/ ((module, __webpack_exports__, __webpack_require__) => {
160
160
 
161
161
  "use strict";
@@ -172,7 +172,7 @@ __webpack_require__.r(__webpack_exports__);
172
172
 
173
173
  var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
174
174
  // Module
175
- ___CSS_LOADER_EXPORT___.push([module.id, ".dt-list-item:not(.dt-list-item--static){cursor:pointer}.dt-list-item--focusable:focus,.dt-list-item--focusable:focus-within,.dt-list-item--highlighted{background-color:hsla(var(--black-900-h),var(--black-900-s),var(--black-900-l),.05)}.dt-list-item--highlighted:active{background-color:hsla(var(--black-900-h),var(--black-900-s),var(--black-900-l),.1)}.dt-list-item:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--su2) var(--focus-ring)}", ""]);
175
+ ___CSS_LOADER_EXPORT___.push([module.id, ".dt-list-item:not(.dt-list-item--static){cursor:pointer;border-radius:var(--size-300)}.dt-list-item--focusable:focus,.dt-list-item--focusable:focus-within,.dt-list-item--highlighted{background-color:hsla(var(--black-900-h),var(--black-900-s),var(--black-900-l),.05)}.dt-list-item--highlighted:active{background-color:hsla(var(--black-900-h),var(--black-900-s),var(--black-900-l),.1)}.dt-list-item:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--su2) var(--focus-ring)}", ""]);
176
176
  // Exports
177
177
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
178
178
 
@@ -1662,19 +1662,19 @@ var update = add("946fba9c", content, true, {"sourceMap":false,"shadowMode":fals
1662
1662
 
1663
1663
  /***/ }),
1664
1664
 
1665
- /***/ 595:
1665
+ /***/ 820:
1666
1666
  /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
1667
1667
 
1668
1668
  // style-loader: Adds some css to the DOM by adding a <style> tag
1669
1669
 
1670
1670
  // load the styles
1671
- var content = __webpack_require__(363);
1671
+ var content = __webpack_require__(731);
1672
1672
  if(content.__esModule) content = content.default;
1673
1673
  if(typeof content === 'string') content = [[module.id, content, '']];
1674
1674
  if(content.locals) module.exports = content.locals;
1675
1675
  // add the styles to the DOM
1676
1676
  var add = (__webpack_require__(402)/* ["default"] */ .Z)
1677
- var update = add("61eb2854", content, true, {"sourceMap":false,"shadowMode":false});
1677
+ var update = add("6b5ec190", content, true, {"sourceMap":false,"shadowMode":false});
1678
1678
 
1679
1679
  /***/ }),
1680
1680
 
@@ -5186,9 +5186,9 @@ function combobox_loading_listvue_type_template_id_07d9971d_render(_ctx, _cache,
5186
5186
  }
5187
5187
  ;// CONCATENATED MODULE: ./components/combobox/combobox_loading-list.vue?vue&type=template&id=07d9971d
5188
5188
 
5189
- ;// 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/list_item/list_item.vue?vue&type=template&id=5817ca14
5189
+ ;// 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/list_item/list_item.vue?vue&type=template&id=65cb4fdd
5190
5190
 
5191
- function list_itemvue_type_template_id_5817ca14_render(_ctx, _cache, $props, $setup, $data, $options) {
5191
+ function list_itemvue_type_template_id_65cb4fdd_render(_ctx, _cache, $props, $setup, $data, $options) {
5192
5192
  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveDynamicComponent)($props.elementType), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
5193
5193
  id: $props.id,
5194
5194
  class: ['dt-list-item d-ls-none', {
@@ -5215,7 +5215,7 @@ function list_itemvue_type_template_id_5817ca14_render(_ctx, _cache, $props, $se
5215
5215
  _: 3
5216
5216
  }, 16, ["id", "class", "tabindex", "role", "aria-selected"]);
5217
5217
  }
5218
- ;// CONCATENATED MODULE: ./components/list_item/list_item.vue?vue&type=template&id=5817ca14
5218
+ ;// CONCATENATED MODULE: ./components/list_item/list_item.vue?vue&type=template&id=65cb4fdd
5219
5219
 
5220
5220
  ;// CONCATENATED MODULE: ./components/list_item/list_item_constants.js
5221
5221
  const LIST_ITEM_TYPES = {
@@ -5475,9 +5475,9 @@ const default_list_item_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(
5475
5475
  });
5476
5476
  ;// CONCATENATED MODULE: ./components/list_item/list_item.vue?vue&type=script&lang=js
5477
5477
 
5478
- // EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-74.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-74.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-74.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/list_item/list_item.vue?vue&type=style&index=0&id=5817ca14&lang=less
5479
- var list_itemvue_type_style_index_0_id_5817ca14_lang_less = __webpack_require__(595);
5480
- ;// CONCATENATED MODULE: ./components/list_item/list_item.vue?vue&type=style&index=0&id=5817ca14&lang=less
5478
+ // EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-74.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-74.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-74.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/list_item/list_item.vue?vue&type=style&index=0&id=65cb4fdd&lang=less
5479
+ var list_itemvue_type_style_index_0_id_65cb4fdd_lang_less = __webpack_require__(820);
5480
+ ;// CONCATENATED MODULE: ./components/list_item/list_item.vue?vue&type=style&index=0&id=65cb4fdd&lang=less
5481
5481
 
5482
5482
  ;// CONCATENATED MODULE: ./components/list_item/list_item.vue
5483
5483
 
@@ -5487,7 +5487,7 @@ var list_itemvue_type_style_index_0_id_5817ca14_lang_less = __webpack_require__(
5487
5487
  ;
5488
5488
 
5489
5489
 
5490
- const list_item_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(list_itemvue_type_script_lang_js, [['render',list_itemvue_type_template_id_5817ca14_render]])
5490
+ const list_item_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(list_itemvue_type_script_lang_js, [['render',list_itemvue_type_template_id_65cb4fdd_render]])
5491
5491
 
5492
5492
  /* harmony default export */ const list_item = (list_item_exports_);
5493
5493
  ;// CONCATENATED MODULE: ./components/list_item/index.js
@@ -12987,8 +12987,8 @@ const popover_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(popovervue
12987
12987
  ;// CONCATENATED MODULE: ./components/dropdown/dropdown_constants.js
12988
12988
  const DROPDOWN_PADDING_CLASSES = {
12989
12989
  none: undefined,
12990
- small: 'd-py4',
12991
- large: 'd-py8'
12990
+ small: 'd-py0',
12991
+ large: 'd-py4'
12992
12992
  };
12993
12993
  ;// 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]!./components/dropdown/dropdown.vue?vue&type=script&lang=js
12994
12994
 
@@ -17195,8 +17195,8 @@ const CHIP_CLOSE_BUTTON_SIZE_MODIFIERS = {
17195
17195
  };
17196
17196
  const CHIP_ICON_SIZES = {
17197
17197
  xs: '200',
17198
- sm: '300',
17199
- md: '300'
17198
+ sm: '200',
17199
+ md: '200'
17200
17200
  };
17201
17201
  /* harmony default export */ const chip_constants = ({
17202
17202
  CHIP_SIZE_MODIFIERS,
@@ -18007,25 +18007,25 @@ const toast_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(toastvue_typ
18007
18007
  ;// CONCATENATED MODULE: ./components/toast/index.js
18008
18008
 
18009
18009
 
18010
- ;// 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/toggle/toggle.vue?vue&type=template&id=54ed4aa0
18010
+ ;// 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/toggle/toggle.vue?vue&type=template&id=2b01a980
18011
18011
 
18012
- const togglevue_type_template_id_54ed4aa0_hoisted_1 = {
18012
+ const togglevue_type_template_id_2b01a980_hoisted_1 = {
18013
18013
  class: "d-d-flex d-ai-center"
18014
18014
  };
18015
- const togglevue_type_template_id_54ed4aa0_hoisted_2 = ["for"];
18016
- const togglevue_type_template_id_54ed4aa0_hoisted_3 = ["id", "role", "aria-checked", "disabled", "aria-disabled"];
18017
- const togglevue_type_template_id_54ed4aa0_hoisted_4 = {
18015
+ const togglevue_type_template_id_2b01a980_hoisted_2 = ["for"];
18016
+ const togglevue_type_template_id_2b01a980_hoisted_3 = ["id", "role", "aria-checked", "disabled", "aria-disabled"];
18017
+ const togglevue_type_template_id_2b01a980_hoisted_4 = {
18018
18018
  key: 0,
18019
18019
  class: "d-toggle__inner"
18020
18020
  };
18021
- function togglevue_type_template_id_54ed4aa0_render(_ctx, _cache, $props, $setup, $data, $options) {
18022
- return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", togglevue_type_template_id_54ed4aa0_hoisted_1, [_ctx.$slots.default ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("label", (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
18021
+ function togglevue_type_template_id_2b01a980_render(_ctx, _cache, $props, $setup, $data, $options) {
18022
+ return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", togglevue_type_template_id_2b01a980_hoisted_1, [_ctx.$slots.default ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("label", (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
18023
18023
  key: 0,
18024
18024
  class: $props.labelClass,
18025
18025
  for: $props.id
18026
18026
  }, $props.labelChildProps, {
18027
18027
  "data-qa": "toggle-label"
18028
- }), [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "default")], 16, togglevue_type_template_id_54ed4aa0_hoisted_2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("button", (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
18028
+ }), [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "default")], 16, togglevue_type_template_id_2b01a980_hoisted_2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("button", (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
18029
18029
  id: $props.id,
18030
18030
  role: $options.toggleRole,
18031
18031
  type: "button",
@@ -18033,9 +18033,9 @@ function togglevue_type_template_id_54ed4aa0_render(_ctx, _cache, $props, $setup
18033
18033
  disabled: $props.disabled,
18034
18034
  "aria-disabled": $props.disabled.toString(),
18035
18035
  class: $options.toggleClasses
18036
- }, $options.inputListeners), [$props.showIcon ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("span", togglevue_type_template_id_54ed4aa0_hoisted_4)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 16, togglevue_type_template_id_54ed4aa0_hoisted_3)]);
18036
+ }, $options.inputListeners), [$props.showIcon ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("span", togglevue_type_template_id_2b01a980_hoisted_4)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 16, togglevue_type_template_id_2b01a980_hoisted_3)]);
18037
18037
  }
18038
- ;// CONCATENATED MODULE: ./components/toggle/toggle.vue?vue&type=template&id=54ed4aa0
18038
+ ;// CONCATENATED MODULE: ./components/toggle/toggle.vue?vue&type=template&id=2b01a980
18039
18039
 
18040
18040
  ;// CONCATENATED MODULE: ./components/toggle/toggle_constants.js
18041
18041
  const TOGGLE_SIZE_MODIFIERS = {
@@ -18095,6 +18095,16 @@ const TOGGLE_CHECKED_VALUES = [false, true, 'mixed'];
18095
18095
  validator: v => TOGGLE_CHECKED_VALUES.includes(v)
18096
18096
  },
18097
18097
 
18098
+ /**
18099
+ * Whether the component toggles on click. If you set this to false it means you will handle the toggling manually
18100
+ * via the checked prop or v-model. Change events will still be triggered.
18101
+ * @values true, false
18102
+ */
18103
+ toggleOnClick: {
18104
+ type: Boolean,
18105
+ default: true
18106
+ },
18107
+
18098
18108
  /**
18099
18109
  * The size of the toggle.
18100
18110
  * @values sm, md
@@ -18183,8 +18193,11 @@ const TOGGLE_CHECKED_VALUES = [false, true, 'mixed'];
18183
18193
 
18184
18194
  methods: {
18185
18195
  toggleCheckedValue() {
18186
- this.internalChecked = !this.internalChecked;
18187
- this.$emit('change', this.internalChecked);
18196
+ this.$emit('change', !this.internalChecked);
18197
+
18198
+ if (this.toggleOnClick) {
18199
+ this.internalChecked = !this.internalChecked;
18200
+ }
18188
18201
  },
18189
18202
 
18190
18203
  hasSlotLabel() {
@@ -18211,7 +18224,7 @@ const TOGGLE_CHECKED_VALUES = [false, true, 'mixed'];
18211
18224
 
18212
18225
 
18213
18226
  ;
18214
- const toggle_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(togglevue_type_script_lang_js, [['render',togglevue_type_template_id_54ed4aa0_render]])
18227
+ const toggle_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(togglevue_type_script_lang_js, [['render',togglevue_type_template_id_2b01a980_render]])
18215
18228
 
18216
18229
  /* harmony default export */ const toggle = (toggle_exports_);
18217
18230
  ;// CONCATENATED MODULE: ./components/toggle/index.js