@dialpad/dialtone-vue 2.49.1 → 2.50.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 +36 -23
  3. package/dist/dialtone-vue.umd.js +36 -23
  4. package/dist/dialtone-vue.umd.min.js +1 -1
  5. package/package.json +1 -1
package/dist/dialtone-vue.common.js CHANGED
@@ -162,7 +162,7 @@ __webpack_require__.r(__webpack_exports__);
162
162
 
163
163
  var ___CSS_LOADER_EXPORT___ = _node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_vue_cli_service_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
 
@@ -5563,13 +5563,13 @@ var combobox_loading_listvue_type_template_id_07d9971d_render = function () {var
5563
5563
  var combobox_loading_listvue_type_template_id_07d9971d_staticRenderFns = []
5564
5564
 
5565
5565
 
5566
- ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/list_item/list_item.vue?vue&type=template&id=8f7f45ce&
5567
- var list_itemvue_type_template_id_8f7f45ce_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.elementType,_vm._g({tag:"component",class:['dt-list-item d-ls-none', {
5566
+ ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/list_item/list_item.vue?vue&type=template&id=344ae1a2&
5567
+ var list_itemvue_type_template_id_344ae1a2_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.elementType,_vm._g({tag:"component",class:['dt-list-item d-ls-none', {
5568
5568
  'dt-list-item--focusable': _vm.isFocusable,
5569
5569
  'dt-list-item--highlighted': _vm.isHighlighted,
5570
5570
  'dt-list-item--static': !_vm.isHoverable,
5571
5571
  }],attrs:{"id":_vm.id,"tabindex":_vm.isFocusable ? 0 : -1,"role":_vm.role,"aria-selected":_vm.isHighlighted}},_vm.listItemListeners),[(_vm.listItemType)?_c(_vm.listItemType,{tag:"component",scopedSlots:_vm._u([_vm._l((_vm.$slots),function(_,slotName){return {key:slotName,fn:function(){return [_vm._t(slotName)]},proxy:true}})],null,true)}):_vm._t("default")],2)}
5572
- var list_itemvue_type_template_id_8f7f45ce_staticRenderFns = []
5572
+ var list_itemvue_type_template_id_344ae1a2_staticRenderFns = []
5573
5573
 
5574
5574
 
5575
5575
  ;// CONCATENATED MODULE: ./components/list_item/list_item_constants.js
@@ -5897,8 +5897,8 @@ var list_itemvue_type_style_index_0_lang_less_ = __webpack_require__(502);
5897
5897
 
5898
5898
  var list_item_component = normalizeComponent(
5899
5899
  list_item_list_itemvue_type_script_lang_js_,
5900
- list_itemvue_type_template_id_8f7f45ce_render,
5901
- list_itemvue_type_template_id_8f7f45ce_staticRenderFns,
5900
+ list_itemvue_type_template_id_344ae1a2_render,
5901
+ list_itemvue_type_template_id_344ae1a2_staticRenderFns,
5902
5902
  false,
5903
5903
  null,
5904
5904
  null,
@@ -7397,8 +7397,8 @@ var combobox_component = normalizeComponent(
7397
7397
  /* harmony default export */ const combobox = (combobox_component.exports);
7398
7398
  ;// CONCATENATED MODULE: ./components/combobox/index.js
7399
7399
 
7400
- ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/collapsible/collapsible.vue?vue&type=template&id=7f94e9c4&
7401
- var collapsiblevue_type_template_id_7f94e9c4_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.elementType,_vm._g({ref:"collapsible",tag:"component"},_vm.$listeners),[_c('div',{ref:"anchor",class:[
7400
+ ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/collapsible/collapsible.vue?vue&type=template&id=280f6c34&
7401
+ var collapsiblevue_type_template_id_280f6c34_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.elementType,_vm._g({ref:"collapsible",tag:"component"},_vm.$listeners),[_c('div',{ref:"anchor",class:[
7402
7402
  'd-dt-collapsibe__anchor',
7403
7403
  _vm.anchorClass ],attrs:{"id":!_vm.ariaLabelledBy && _vm.labelledBy}},[_vm._t("anchor",function(){return [_c('dt-button',{style:({
7404
7404
  'width': _vm.maxWidth,
@@ -7412,7 +7412,7 @@ var collapsiblevue_type_template_id_7f94e9c4_render = function () {var _vm=this;
7412
7412
  'max-height': _vm.maxHeight,
7413
7413
  'max-width': _vm.maxWidth,
7414
7414
  }),attrs:{"id":_vm.id,"aria-hidden":("" + (!_vm.isOpen)),"aria-labelledby":_vm.labelledBy,"aria-label":_vm.ariaLabel,"show":_vm.isOpen,"element-type":_vm.contentElementType,"tabindex":"-1","appear":""},on:{"after-leave":_vm.onLeaveTransitionComplete,"after-enter":_vm.onEnterTransitionComplete}},_vm.$listeners),[_vm._t("content")],2)],1)}
7415
- var collapsiblevue_type_template_id_7f94e9c4_staticRenderFns = []
7415
+ var collapsiblevue_type_template_id_280f6c34_staticRenderFns = []
7416
7416
 
7417
7417
 
7418
7418
  ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/collapsible/collapsible_lazy_show.vue?vue&type=template&id=7a3b1f44&
@@ -7927,7 +7927,7 @@ var lazy_show_component = normalizeComponent(
7927
7927
  }
7928
7928
  },
7929
7929
 
7930
- created() {
7930
+ mounted() {
7931
7931
  this.validateProperAnchor();
7932
7932
  },
7933
7933
 
@@ -7978,8 +7978,8 @@ var lazy_show_component = normalizeComponent(
7978
7978
  ;
7979
7979
  var collapsible_component = normalizeComponent(
7980
7980
  collapsible_collapsiblevue_type_script_lang_js_,
7981
- collapsiblevue_type_template_id_7f94e9c4_render,
7982
- collapsiblevue_type_template_id_7f94e9c4_staticRenderFns,
7981
+ collapsiblevue_type_template_id_280f6c34_render,
7982
+ collapsiblevue_type_template_id_280f6c34_staticRenderFns,
7983
7983
  false,
7984
7984
  null,
7985
7985
  null,
@@ -13738,8 +13738,8 @@ var popover_component = normalizeComponent(
13738
13738
  ;// CONCATENATED MODULE: ./components/dropdown/dropdown_constants.js
13739
13739
  const DROPDOWN_PADDING_CLASSES = {
13740
13740
  none: undefined,
13741
- small: 'd-py4',
13742
- large: 'd-py8'
13741
+ small: 'd-py0',
13742
+ large: 'd-py4'
13743
13743
  };
13744
13744
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40[0].rules[0].use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/dropdown/dropdown.vue?vue&type=script&lang=js&
13745
13745
  //
@@ -18281,8 +18281,8 @@ const CHIP_CLOSE_BUTTON_SIZE_MODIFIERS = {
18281
18281
  };
18282
18282
  const CHIP_ICON_SIZES = {
18283
18283
  xs: '200',
18284
- sm: '300',
18285
- md: '300'
18284
+ sm: '200',
18285
+ md: '200'
18286
18286
  };
18287
18287
  /* harmony default export */ const chip_constants = ({
18288
18288
  CHIP_SIZE_MODIFIERS,
@@ -19243,9 +19243,9 @@ var toast_component = normalizeComponent(
19243
19243
  ;// CONCATENATED MODULE: ./components/toast/index.js
19244
19244
 
19245
19245
 
19246
- ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/toggle/toggle.vue?vue&type=template&id=5a3c3595&
19247
- var togglevue_type_template_id_5a3c3595_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-d-flex d-ai-center"},[(_vm.$slots.default)?_c('label',_vm._b({class:_vm.labelClass,attrs:{"for":_vm.id,"data-qa":"toggle-label"}},'label',_vm.labelChildProps,false),[_vm._t("default")],2):_vm._e(),_c('button',_vm._g(_vm._b({class:_vm.toggleClasses,attrs:{"id":_vm.id,"role":_vm.toggleRole,"type":"button","aria-checked":_vm.internalChecked.toString(),"disabled":_vm.disabled,"aria-disabled":_vm.disabled.toString()}},'button',_vm.$attrs,false),_vm.inputListeners),[(_vm.showIcon)?_c('span',{staticClass:"d-toggle__inner"}):_vm._e()])])}
19248
- var togglevue_type_template_id_5a3c3595_staticRenderFns = []
19246
+ ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/toggle/toggle.vue?vue&type=template&id=084d5176&
19247
+ var togglevue_type_template_id_084d5176_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-d-flex d-ai-center"},[(_vm.$slots.default)?_c('label',_vm._b({class:_vm.labelClass,attrs:{"for":_vm.id,"data-qa":"toggle-label"}},'label',_vm.labelChildProps,false),[_vm._t("default")],2):_vm._e(),_c('button',_vm._g(_vm._b({class:_vm.toggleClasses,attrs:{"id":_vm.id,"role":_vm.toggleRole,"type":"button","aria-checked":_vm.internalChecked.toString(),"disabled":_vm.disabled,"aria-disabled":_vm.disabled.toString()}},'button',_vm.$attrs,false),_vm.inputListeners),[(_vm.showIcon)?_c('span',{staticClass:"d-toggle__inner"}):_vm._e()])])}
19248
+ var togglevue_type_template_id_084d5176_staticRenderFns = []
19249
19249
 
19250
19250
 
19251
19251
  ;// CONCATENATED MODULE: ./components/toggle/toggle_constants.js
@@ -19337,6 +19337,16 @@ const TOGGLE_CHECKED_VALUES = [false, true, 'mixed'];
19337
19337
  validator: v => TOGGLE_CHECKED_VALUES.includes(v)
19338
19338
  },
19339
19339
 
19340
+ /**
19341
+ * Whether the component toggles on click. If you set this to false it means you will handle the toggling manually
19342
+ * via the checked prop or v-model. Change events will still be triggered.
19343
+ * @values true, false
19344
+ */
19345
+ toggleOnClick: {
19346
+ type: Boolean,
19347
+ default: true
19348
+ },
19349
+
19340
19350
  /**
19341
19351
  * The size of the toggle.
19342
19352
  * @values sm, md
@@ -19425,8 +19435,11 @@ const TOGGLE_CHECKED_VALUES = [false, true, 'mixed'];
19425
19435
 
19426
19436
  methods: {
19427
19437
  toggleCheckedValue() {
19428
- this.internalChecked = !this.internalChecked;
19429
- this.$emit('change', this.internalChecked);
19438
+ this.$emit('change', !this.internalChecked);
19439
+
19440
+ if (this.toggleOnClick) {
19441
+ this.internalChecked = !this.internalChecked;
19442
+ }
19430
19443
  },
19431
19444
 
19432
19445
  hasSlotLabel() {
@@ -19457,8 +19470,8 @@ const TOGGLE_CHECKED_VALUES = [false, true, 'mixed'];
19457
19470
  ;
19458
19471
  var toggle_component = normalizeComponent(
19459
19472
  toggle_togglevue_type_script_lang_js_,
19460
- togglevue_type_template_id_5a3c3595_render,
19461
- togglevue_type_template_id_5a3c3595_staticRenderFns,
19473
+ togglevue_type_template_id_084d5176_render,
19474
+ togglevue_type_template_id_084d5176_staticRenderFns,
19462
19475
  false,
19463
19476
  null,
19464
19477
  null,
package/dist/dialtone-vue.umd.js CHANGED
@@ -172,7 +172,7 @@ __webpack_require__.r(__webpack_exports__);
172
172
 
173
173
  var ___CSS_LOADER_EXPORT___ = _node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_vue_cli_service_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
 
@@ -5573,13 +5573,13 @@ var combobox_loading_listvue_type_template_id_07d9971d_render = function () {var
5573
5573
  var combobox_loading_listvue_type_template_id_07d9971d_staticRenderFns = []
5574
5574
 
5575
5575
 
5576
- ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/list_item/list_item.vue?vue&type=template&id=8f7f45ce&
5577
- var list_itemvue_type_template_id_8f7f45ce_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.elementType,_vm._g({tag:"component",class:['dt-list-item d-ls-none', {
5576
+ ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/list_item/list_item.vue?vue&type=template&id=344ae1a2&
5577
+ var list_itemvue_type_template_id_344ae1a2_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.elementType,_vm._g({tag:"component",class:['dt-list-item d-ls-none', {
5578
5578
  'dt-list-item--focusable': _vm.isFocusable,
5579
5579
  'dt-list-item--highlighted': _vm.isHighlighted,
5580
5580
  'dt-list-item--static': !_vm.isHoverable,
5581
5581
  }],attrs:{"id":_vm.id,"tabindex":_vm.isFocusable ? 0 : -1,"role":_vm.role,"aria-selected":_vm.isHighlighted}},_vm.listItemListeners),[(_vm.listItemType)?_c(_vm.listItemType,{tag:"component",scopedSlots:_vm._u([_vm._l((_vm.$slots),function(_,slotName){return {key:slotName,fn:function(){return [_vm._t(slotName)]},proxy:true}})],null,true)}):_vm._t("default")],2)}
5582
- var list_itemvue_type_template_id_8f7f45ce_staticRenderFns = []
5582
+ var list_itemvue_type_template_id_344ae1a2_staticRenderFns = []
5583
5583
 
5584
5584
 
5585
5585
  ;// CONCATENATED MODULE: ./components/list_item/list_item_constants.js
@@ -5907,8 +5907,8 @@ var list_itemvue_type_style_index_0_lang_less_ = __webpack_require__(285);
5907
5907
 
5908
5908
  var list_item_component = normalizeComponent(
5909
5909
  list_item_list_itemvue_type_script_lang_js_,
5910
- list_itemvue_type_template_id_8f7f45ce_render,
5911
- list_itemvue_type_template_id_8f7f45ce_staticRenderFns,
5910
+ list_itemvue_type_template_id_344ae1a2_render,
5911
+ list_itemvue_type_template_id_344ae1a2_staticRenderFns,
5912
5912
  false,
5913
5913
  null,
5914
5914
  null,
@@ -7407,8 +7407,8 @@ var combobox_component = normalizeComponent(
7407
7407
  /* harmony default export */ const combobox = (combobox_component.exports);
7408
7408
  ;// CONCATENATED MODULE: ./components/combobox/index.js
7409
7409
 
7410
- ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/collapsible/collapsible.vue?vue&type=template&id=7f94e9c4&
7411
- var collapsiblevue_type_template_id_7f94e9c4_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.elementType,_vm._g({ref:"collapsible",tag:"component"},_vm.$listeners),[_c('div',{ref:"anchor",class:[
7410
+ ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/collapsible/collapsible.vue?vue&type=template&id=280f6c34&
7411
+ var collapsiblevue_type_template_id_280f6c34_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.elementType,_vm._g({ref:"collapsible",tag:"component"},_vm.$listeners),[_c('div',{ref:"anchor",class:[
7412
7412
  'd-dt-collapsibe__anchor',
7413
7413
  _vm.anchorClass ],attrs:{"id":!_vm.ariaLabelledBy && _vm.labelledBy}},[_vm._t("anchor",function(){return [_c('dt-button',{style:({
7414
7414
  'width': _vm.maxWidth,
@@ -7422,7 +7422,7 @@ var collapsiblevue_type_template_id_7f94e9c4_render = function () {var _vm=this;
7422
7422
  'max-height': _vm.maxHeight,
7423
7423
  'max-width': _vm.maxWidth,
7424
7424
  }),attrs:{"id":_vm.id,"aria-hidden":("" + (!_vm.isOpen)),"aria-labelledby":_vm.labelledBy,"aria-label":_vm.ariaLabel,"show":_vm.isOpen,"element-type":_vm.contentElementType,"tabindex":"-1","appear":""},on:{"after-leave":_vm.onLeaveTransitionComplete,"after-enter":_vm.onEnterTransitionComplete}},_vm.$listeners),[_vm._t("content")],2)],1)}
7425
- var collapsiblevue_type_template_id_7f94e9c4_staticRenderFns = []
7425
+ var collapsiblevue_type_template_id_280f6c34_staticRenderFns = []
7426
7426
 
7427
7427
 
7428
7428
  ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/collapsible/collapsible_lazy_show.vue?vue&type=template&id=7a3b1f44&
@@ -7937,7 +7937,7 @@ var lazy_show_component = normalizeComponent(
7937
7937
  }
7938
7938
  },
7939
7939
 
7940
- created() {
7940
+ mounted() {
7941
7941
  this.validateProperAnchor();
7942
7942
  },
7943
7943
 
@@ -7988,8 +7988,8 @@ var lazy_show_component = normalizeComponent(
7988
7988
  ;
7989
7989
  var collapsible_component = normalizeComponent(
7990
7990
  collapsible_collapsiblevue_type_script_lang_js_,
7991
- collapsiblevue_type_template_id_7f94e9c4_render,
7992
- collapsiblevue_type_template_id_7f94e9c4_staticRenderFns,
7991
+ collapsiblevue_type_template_id_280f6c34_render,
7992
+ collapsiblevue_type_template_id_280f6c34_staticRenderFns,
7993
7993
  false,
7994
7994
  null,
7995
7995
  null,
@@ -13748,8 +13748,8 @@ var popover_component = normalizeComponent(
13748
13748
  ;// CONCATENATED MODULE: ./components/dropdown/dropdown_constants.js
13749
13749
  const DROPDOWN_PADDING_CLASSES = {
13750
13750
  none: undefined,
13751
- small: 'd-py4',
13752
- large: 'd-py8'
13751
+ small: 'd-py0',
13752
+ large: 'd-py4'
13753
13753
  };
13754
13754
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-80[0].rules[0].use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/dropdown/dropdown.vue?vue&type=script&lang=js&
13755
13755
  //
@@ -18291,8 +18291,8 @@ const CHIP_CLOSE_BUTTON_SIZE_MODIFIERS = {
18291
18291
  };
18292
18292
  const CHIP_ICON_SIZES = {
18293
18293
  xs: '200',
18294
- sm: '300',
18295
- md: '300'
18294
+ sm: '200',
18295
+ md: '200'
18296
18296
  };
18297
18297
  /* harmony default export */ const chip_constants = ({
18298
18298
  CHIP_SIZE_MODIFIERS,
@@ -19253,9 +19253,9 @@ var toast_component = normalizeComponent(
19253
19253
  ;// CONCATENATED MODULE: ./components/toast/index.js
19254
19254
 
19255
19255
 
19256
- ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/toggle/toggle.vue?vue&type=template&id=5a3c3595&
19257
- var togglevue_type_template_id_5a3c3595_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-d-flex d-ai-center"},[(_vm.$slots.default)?_c('label',_vm._b({class:_vm.labelClass,attrs:{"for":_vm.id,"data-qa":"toggle-label"}},'label',_vm.labelChildProps,false),[_vm._t("default")],2):_vm._e(),_c('button',_vm._g(_vm._b({class:_vm.toggleClasses,attrs:{"id":_vm.id,"role":_vm.toggleRole,"type":"button","aria-checked":_vm.internalChecked.toString(),"disabled":_vm.disabled,"aria-disabled":_vm.disabled.toString()}},'button',_vm.$attrs,false),_vm.inputListeners),[(_vm.showIcon)?_c('span',{staticClass:"d-toggle__inner"}):_vm._e()])])}
19258
- var togglevue_type_template_id_5a3c3595_staticRenderFns = []
19256
+ ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/toggle/toggle.vue?vue&type=template&id=084d5176&
19257
+ var togglevue_type_template_id_084d5176_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-d-flex d-ai-center"},[(_vm.$slots.default)?_c('label',_vm._b({class:_vm.labelClass,attrs:{"for":_vm.id,"data-qa":"toggle-label"}},'label',_vm.labelChildProps,false),[_vm._t("default")],2):_vm._e(),_c('button',_vm._g(_vm._b({class:_vm.toggleClasses,attrs:{"id":_vm.id,"role":_vm.toggleRole,"type":"button","aria-checked":_vm.internalChecked.toString(),"disabled":_vm.disabled,"aria-disabled":_vm.disabled.toString()}},'button',_vm.$attrs,false),_vm.inputListeners),[(_vm.showIcon)?_c('span',{staticClass:"d-toggle__inner"}):_vm._e()])])}
19258
+ var togglevue_type_template_id_084d5176_staticRenderFns = []
19259
19259
 
19260
19260
 
19261
19261
  ;// CONCATENATED MODULE: ./components/toggle/toggle_constants.js
@@ -19347,6 +19347,16 @@ const TOGGLE_CHECKED_VALUES = [false, true, 'mixed'];
19347
19347
  validator: v => TOGGLE_CHECKED_VALUES.includes(v)
19348
19348
  },
19349
19349
 
19350
+ /**
19351
+ * Whether the component toggles on click. If you set this to false it means you will handle the toggling manually
19352
+ * via the checked prop or v-model. Change events will still be triggered.
19353
+ * @values true, false
19354
+ */
19355
+ toggleOnClick: {
19356
+ type: Boolean,
19357
+ default: true
19358
+ },
19359
+
19350
19360
  /**
19351
19361
  * The size of the toggle.
19352
19362
  * @values sm, md
@@ -19435,8 +19445,11 @@ const TOGGLE_CHECKED_VALUES = [false, true, 'mixed'];
19435
19445
 
19436
19446
  methods: {
19437
19447
  toggleCheckedValue() {
19438
- this.internalChecked = !this.internalChecked;
19439
- this.$emit('change', this.internalChecked);
19448
+ this.$emit('change', !this.internalChecked);
19449
+
19450
+ if (this.toggleOnClick) {
19451
+ this.internalChecked = !this.internalChecked;
19452
+ }
19440
19453
  },
19441
19454
 
19442
19455
  hasSlotLabel() {
@@ -19467,8 +19480,8 @@ const TOGGLE_CHECKED_VALUES = [false, true, 'mixed'];
19467
19480
  ;
19468
19481
  var toggle_component = normalizeComponent(
19469
19482
  toggle_togglevue_type_script_lang_js_,
19470
- togglevue_type_template_id_5a3c3595_render,
19471
- togglevue_type_template_id_5a3c3595_staticRenderFns,
19483
+ togglevue_type_template_id_084d5176_render,
19484
+ togglevue_type_template_id_084d5176_staticRenderFns,
19472
19485
  false,
19473
19486
  null,
19474
19487
  null,