@dialpad/dialtone-vue 1.0.0-beta.3 → 1.0.0-beta.4

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.
@@ -590,6 +590,8 @@ var update = add("572d8ba2", content, true, {"sourceMap":false,"shadowMode":fals
590
590
  __webpack_require__.r(__webpack_exports__);
591
591
 
592
592
  // EXPORTS
593
+ __webpack_require__.d(__webpack_exports__, "DtBadge", function() { return /* reexport */ badge; });
594
+ __webpack_require__.d(__webpack_exports__, "BADGE_COLOR_MODIFIERS", function() { return /* reexport */ BADGE_COLOR_MODIFIERS; });
593
595
  __webpack_require__.d(__webpack_exports__, "DtBanner", function() { return /* reexport */ banner; });
594
596
  __webpack_require__.d(__webpack_exports__, "DtButton", function() { return /* reexport */ button_button; });
595
597
  __webpack_require__.d(__webpack_exports__, "DtInput", function() { return /* reexport */ input_input; });
@@ -602,6 +604,9 @@ __webpack_require__.d(__webpack_exports__, "MODAL_SIZE_MODIFIERS", function() {
602
604
  __webpack_require__.d(__webpack_exports__, "DtLazyShow", function() { return /* reexport */ lazy_show; });
603
605
  __webpack_require__.d(__webpack_exports__, "DtListSection", function() { return /* reexport */ list_section; });
604
606
  __webpack_require__.d(__webpack_exports__, "DtListItem", function() { return /* reexport */ list_item; });
607
+ __webpack_require__.d(__webpack_exports__, "DtLink", function() { return /* reexport */ link_link; });
608
+ __webpack_require__.d(__webpack_exports__, "LINK_VARIANTS", function() { return /* reexport */ LINK_VARIANTS; });
609
+ __webpack_require__.d(__webpack_exports__, "LINK_KIND_MODIFIERS", function() { return /* reexport */ LINK_KIND_MODIFIERS; });
605
610
  __webpack_require__.d(__webpack_exports__, "DtNotice", function() { return /* reexport */ notice; });
606
611
  __webpack_require__.d(__webpack_exports__, "NOTICE_KINDS", function() { return /* reexport */ NOTICE_KINDS; });
607
612
  __webpack_require__.d(__webpack_exports__, "DtPopover", function() { return /* reexport */ popover; });
@@ -614,6 +619,9 @@ __webpack_require__.d(__webpack_exports__, "DtRadioGroup", function() { return /
614
619
  __webpack_require__.d(__webpack_exports__, "DtValidationMessages", function() { return /* reexport */ validation_messages; });
615
620
  __webpack_require__.d(__webpack_exports__, "DtCheckbox", function() { return /* reexport */ checkbox_checkbox; });
616
621
  __webpack_require__.d(__webpack_exports__, "DtCheckboxGroup", function() { return /* reexport */ checkbox_group; });
622
+ __webpack_require__.d(__webpack_exports__, "DtSelectMenu", function() { return /* reexport */ select_menu; });
623
+ __webpack_require__.d(__webpack_exports__, "SELECT_SIZE_MODIFIERS", function() { return /* reexport */ SELECT_SIZE_MODIFIERS; });
624
+ __webpack_require__.d(__webpack_exports__, "SELECT_STATE_MODIFIERS", function() { return /* reexport */ SELECT_STATE_MODIFIERS; });
617
625
  __webpack_require__.d(__webpack_exports__, "DtInputMixin", function() { return /* reexport */ InputMixin; });
618
626
  __webpack_require__.d(__webpack_exports__, "DtCheckableInputMixin", function() { return /* reexport */ CheckableMixin; });
619
627
  __webpack_require__.d(__webpack_exports__, "DtGroupableInputMixin", function() { return /* reexport */ GroupableMixin; });
@@ -643,27 +651,80 @@ if (typeof window !== 'undefined') {
643
651
  // Indicate to webpack that this file can be concatenated
644
652
  /* harmony default export */ var setPublicPath = (null);
645
653
 
646
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"59098857-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/banner/banner.vue?vue&type=template&id=928dbcb4&
647
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('aside',{class:_vm.bannerClass,attrs:{"role":_vm.role},on:{"keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"tab",9,$event.key,"Tab")){ return null; }return _vm.trapFocus($event)}}},[_c('div',{staticClass:"d-banner__dialog",attrs:{"aria-labelledby":_vm.titleId,"aria-describedby":_vm.contentId}},[_c('dt-notice-icon',_vm._g({attrs:{"kind":_vm.kind}},_vm.$listeners),[_vm._t("icon")],2),_c('dt-notice-content',_vm._g({attrs:{"title-id":_vm.titleId,"content-id":_vm.contentId,"title":_vm.title},scopedSlots:_vm._u([{key:"titleOverride",fn:function(){return [_vm._t("titleOverride")]},proxy:true}],null,true)},_vm.$listeners),[_vm._t("default")],2),_c('dt-notice-action',_vm._g({attrs:{"hide-close":_vm.hideClose,"close-button-props":_vm.closeButtonProps}},_vm.$listeners),[_vm._t("action")],2)],1)])}
654
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"31b17c73-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/badge/badge.vue?vue&type=template&id=8281dbe6&
655
+ var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{class:[
656
+ 'd-badge',
657
+ _vm.BADGE_COLOR_MODIFIERS[_vm.color] ],attrs:{"data-qa":"dt-badge"}},[_vm._t("default",[_vm._v(" "+_vm._s(_vm.text)+" ")])],2)}
648
658
  var staticRenderFns = []
649
659
 
650
660
 
651
- // CONCATENATED MODULE: ./components/banner/banner.vue?vue&type=template&id=928dbcb4&
652
-
653
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"59098857-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/notice/notice_icon.vue?vue&type=template&id=21baafec&
654
- var notice_iconvue_type_template_id_21baafec_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.defaultIcon || _vm.$slots.default)?_c('div',{staticClass:"d-notice__icon d-as-center"},[_vm._t("default",[_c(_vm.defaultIcon,{tag:"component"})])],2):_vm._e()}
655
- var notice_iconvue_type_template_id_21baafec_staticRenderFns = []
656
-
657
-
658
- // CONCATENATED MODULE: ./components/notice/notice_icon.vue?vue&type=template&id=21baafec&
661
+ // CONCATENATED MODULE: ./components/badge/badge.vue?vue&type=template&id=8281dbe6&
662
+
663
+ // CONCATENATED MODULE: ./components/badge/badge_constants.js
664
+ const BADGE_COLOR_MODIFIERS = {
665
+ base: '',
666
+ 'black-700': 'd-badge--black-700',
667
+ 'green-400': 'd-badge--green-400',
668
+ 'orange-400': 'd-badge--orange-400',
669
+ 'pink-300': 'd-badge--pink-300',
670
+ 'pink-500': 'd-badge--pink-500',
671
+ 'pink-600': 'd-badge--pink-600',
672
+ 'pink-700': 'd-badge--pink-700',
673
+ 'purple-100': 'd-badge--purple-100',
674
+ 'purple-300': 'd-badge--purple-300',
675
+ 'purple-500': 'd-badge--purple-500',
676
+ 'purple-700': 'd-badge--purple-700',
677
+ 'red-500': 'd-badge--red-500',
678
+ white: 'd-badge--white',
679
+ 'yellow-300': 'd-badge--yellow-300'
680
+ };
681
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/badge/badge.vue?vue&type=script&lang=js&
682
+ //
683
+ //
684
+ //
685
+ //
686
+ //
687
+ //
688
+ //
689
+ //
690
+ //
691
+ //
692
+ //
693
+ //
694
+ //
695
+ //
696
+ //
659
697
 
660
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"59098857-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconInfo.vue?vue&type=template&id=d1105ee6&
661
- var IconInfovue_type_template_id_d1105ee6_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__info",attrs:{"aria-hidden":"true","aria-label":"Info","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"}})])}
662
- var IconInfovue_type_template_id_d1105ee6_staticRenderFns = []
698
+ /* harmony default export */ var badgevue_type_script_lang_js_ = ({
699
+ name: 'DtBadge',
700
+ props: {
701
+ /**
702
+ * Text for the badge content
703
+ */
704
+ text: {
705
+ type: String,
706
+ default: ''
707
+ },
663
708
 
709
+ /**
710
+ * Color for the badge background
711
+ */
712
+ color: {
713
+ type: String,
714
+ default: 'base',
715
+ validator: color => Object.keys(BADGE_COLOR_MODIFIERS).includes(color)
716
+ }
717
+ },
664
718
 
665
- // CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconInfo.vue?vue&type=template&id=d1105ee6&
719
+ data() {
720
+ return {
721
+ BADGE_COLOR_MODIFIERS: BADGE_COLOR_MODIFIERS
722
+ };
723
+ }
666
724
 
725
+ });
726
+ // CONCATENATED MODULE: ./components/badge/badge.vue?vue&type=script&lang=js&
727
+ /* harmony default export */ var badge_badgevue_type_script_lang_js_ = (badgevue_type_script_lang_js_);
667
728
  // CONCATENATED MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
668
729
  /* globals __VUE_SSR_CONTEXT__ */
669
730
 
@@ -764,15 +825,85 @@ function normalizeComponent (
764
825
  }
765
826
  }
766
827
 
767
- // CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconInfo.vue
828
+ // CONCATENATED MODULE: ./components/badge/badge.vue
829
+
830
+
768
831
 
769
- var script = {}
770
832
 
771
833
 
772
834
  /* normalize component */
773
835
 
774
836
  var component = normalizeComponent(
837
+ badge_badgevue_type_script_lang_js_,
838
+ render,
839
+ staticRenderFns,
840
+ false,
841
+ null,
842
+ null,
843
+ null
844
+
845
+ )
846
+
847
+ /* harmony default export */ var badge = (component.exports);
848
+ // CONCATENATED MODULE: ./components/badge/index.js
849
+
850
+
851
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"31b17c73-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/banner/banner.vue?vue&type=template&id=928dbcb4&
852
+ var bannervue_type_template_id_928dbcb4_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('aside',{class:_vm.bannerClass,attrs:{"role":_vm.role},on:{"keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"tab",9,$event.key,"Tab")){ return null; }return _vm.trapFocus($event)}}},[_c('div',{staticClass:"d-banner__dialog",attrs:{"aria-labelledby":_vm.titleId,"aria-describedby":_vm.contentId}},[_c('dt-notice-icon',_vm._g({attrs:{"kind":_vm.kind}},_vm.$listeners),[_vm._t("icon")],2),_c('dt-notice-content',_vm._g({attrs:{"title-id":_vm.titleId,"content-id":_vm.contentId,"title":_vm.title},scopedSlots:_vm._u([{key:"titleOverride",fn:function(){return [_vm._t("titleOverride")]},proxy:true}],null,true)},_vm.$listeners),[_vm._t("default")],2),_c('dt-notice-action',_vm._g({attrs:{"hide-close":_vm.hideClose,"close-button-props":_vm.closeButtonProps}},_vm.$listeners),[_vm._t("action")],2)],1)])}
853
+ var bannervue_type_template_id_928dbcb4_staticRenderFns = []
854
+
855
+
856
+ // CONCATENATED MODULE: ./components/banner/banner.vue?vue&type=template&id=928dbcb4&
857
+
858
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"31b17c73-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/notice/notice_icon.vue?vue&type=template&id=58ae40bb&
859
+ var notice_iconvue_type_template_id_58ae40bb_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.defaultIcon || _vm.$slots.default)?_c('div',{staticClass:"d-notice__icon",attrs:{"aria-hidden":"true"}},[_vm._t("default",[_c(_vm.defaultIcon,{tag:"component"})])],2):_vm._e()}
860
+ var notice_iconvue_type_template_id_58ae40bb_staticRenderFns = []
861
+
862
+
863
+ // CONCATENATED MODULE: ./components/notice/notice_icon.vue?vue&type=template&id=58ae40bb&
864
+
865
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"31b17c73-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconLightbulb.vue?vue&type=template&id=07d1b1af&
866
+ var IconLightbulbvue_type_template_id_07d1b1af_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__lightbulb",attrs:{"aria-hidden":"true","aria-label":"Lightbulb","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M9 21c0 .5.4 1 1 1h4c.6 0 1-.5 1-1v-1H9v1zm3-19C8.1 2 5 5.1 5 9c0 2.4 1.2 4.5 3 5.7V17c0 .5.4 1 1 1h6c.6 0 1-.5 1-1v-2.3c1.8-1.3 3-3.4 3-5.7 0-3.9-3.1-7-7-7z"}})])}
867
+ var IconLightbulbvue_type_template_id_07d1b1af_staticRenderFns = []
868
+
869
+
870
+ // CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconLightbulb.vue?vue&type=template&id=07d1b1af&
871
+
872
+ // CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconLightbulb.vue
873
+
874
+ var script = {}
875
+
876
+
877
+ /* normalize component */
878
+
879
+ var IconLightbulb_component = normalizeComponent(
775
880
  script,
881
+ IconLightbulbvue_type_template_id_07d1b1af_render,
882
+ IconLightbulbvue_type_template_id_07d1b1af_staticRenderFns,
883
+ false,
884
+ null,
885
+ null,
886
+ null
887
+
888
+ )
889
+
890
+ /* harmony default export */ var IconLightbulb = (IconLightbulb_component.exports);
891
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"31b17c73-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconInfo.vue?vue&type=template&id=d1105ee6&
892
+ var IconInfovue_type_template_id_d1105ee6_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__info",attrs:{"aria-hidden":"true","aria-label":"Info","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"}})])}
893
+ var IconInfovue_type_template_id_d1105ee6_staticRenderFns = []
894
+
895
+
896
+ // CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconInfo.vue?vue&type=template&id=d1105ee6&
897
+
898
+ // CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconInfo.vue
899
+
900
+ var IconInfo_script = {}
901
+
902
+
903
+ /* normalize component */
904
+
905
+ var IconInfo_component = normalizeComponent(
906
+ IconInfo_script,
776
907
  IconInfovue_type_template_id_d1105ee6_render,
777
908
  IconInfovue_type_template_id_d1105ee6_staticRenderFns,
778
909
  false,
@@ -782,8 +913,8 @@ var component = normalizeComponent(
782
913
 
783
914
  )
784
915
 
785
- /* harmony default export */ var IconInfo = (component.exports);
786
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"59098857-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconWarning.vue?vue&type=template&id=0a24defa&
916
+ /* harmony default export */ var IconInfo = (IconInfo_component.exports);
917
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"31b17c73-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconWarning.vue?vue&type=template&id=0a24defa&
787
918
  var IconWarningvue_type_template_id_0a24defa_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__warning",attrs:{"aria-hidden":"true","aria-label":"Warning","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"}})])}
788
919
  var IconWarningvue_type_template_id_0a24defa_staticRenderFns = []
789
920
 
@@ -809,7 +940,7 @@ var IconWarning_component = normalizeComponent(
809
940
  )
810
941
 
811
942
  /* harmony default export */ var IconWarning = (IconWarning_component.exports);
812
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"59098857-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconError.vue?vue&type=template&id=4d9e3e9d&
943
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"31b17c73-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconError.vue?vue&type=template&id=4d9e3e9d&
813
944
  var IconErrorvue_type_template_id_4d9e3e9d_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__error",attrs:{"aria-hidden":"true","aria-label":"Error","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"}})])}
814
945
  var IconErrorvue_type_template_id_4d9e3e9d_staticRenderFns = []
815
946
 
@@ -835,24 +966,24 @@ var IconError_component = normalizeComponent(
835
966
  )
836
967
 
837
968
  /* harmony default export */ var IconError = (IconError_component.exports);
838
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"59098857-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconCheckmark.vue?vue&type=template&id=00878f9c&
839
- var IconCheckmarkvue_type_template_id_00878f9c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__checkmark",attrs:{"aria-hidden":"true","aria-label":"Checkmark","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z"}})])}
840
- var IconCheckmarkvue_type_template_id_00878f9c_staticRenderFns = []
969
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"31b17c73-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconCheckCircle.vue?vue&type=template&id=016c7d48&
970
+ var IconCheckCirclevue_type_template_id_016c7d48_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__checkCircle",attrs:{"aria-hidden":"true","aria-label":"Check Circle","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"}})])}
971
+ var IconCheckCirclevue_type_template_id_016c7d48_staticRenderFns = []
841
972
 
842
973
 
843
- // CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconCheckmark.vue?vue&type=template&id=00878f9c&
974
+ // CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconCheckCircle.vue?vue&type=template&id=016c7d48&
844
975
 
845
- // CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconCheckmark.vue
976
+ // CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconCheckCircle.vue
846
977
 
847
- var IconCheckmark_script = {}
978
+ var IconCheckCircle_script = {}
848
979
 
849
980
 
850
981
  /* normalize component */
851
982
 
852
- var IconCheckmark_component = normalizeComponent(
853
- IconCheckmark_script,
854
- IconCheckmarkvue_type_template_id_00878f9c_render,
855
- IconCheckmarkvue_type_template_id_00878f9c_staticRenderFns,
983
+ var IconCheckCircle_component = normalizeComponent(
984
+ IconCheckCircle_script,
985
+ IconCheckCirclevue_type_template_id_016c7d48_render,
986
+ IconCheckCirclevue_type_template_id_016c7d48_staticRenderFns,
856
987
  false,
857
988
  null,
858
989
  null,
@@ -860,11 +991,13 @@ var IconCheckmark_component = normalizeComponent(
860
991
 
861
992
  )
862
993
 
863
- /* harmony default export */ var IconCheckmark = (IconCheckmark_component.exports);
994
+ /* harmony default export */ var IconCheckCircle = (IconCheckCircle_component.exports);
864
995
  // CONCATENATED MODULE: ./components/notice/notice_constants.js
865
- const NOTICE_KINDS = ['', 'info', 'warning', 'error', 'success'];
996
+ const NOTICE_KINDS = ['base', 'error', 'info', 'success', 'warning'];
997
+ const NOTICE_ROLES = ['alert', 'alertdialog', 'status'];
866
998
  /* harmony default export */ var notice_constants = ({
867
- NOTICE_KINDS
999
+ NOTICE_KINDS,
1000
+ NOTICE_ROLES
868
1001
  });
869
1002
  // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/notice/notice_icon.vue?vue&type=script&lang=js&
870
1003
  //
@@ -879,19 +1012,23 @@ const NOTICE_KINDS = ['', 'info', 'warning', 'error', 'success'];
879
1012
  //
880
1013
  //
881
1014
  //
1015
+ //
1016
+ //
1017
+
882
1018
 
883
1019
 
884
1020
 
885
1021
 
886
1022
 
887
- const kindToIcon = new Map([['info', 'IconInfo'], ['success', 'IconCheckmark'], ['warning', 'IconWarning'], ['error', 'IconError'], ['base', null]]);
1023
+ const kindToIcon = new Map([['info', 'IconInfo'], ['success', 'IconCheckCircle'], ['warning', 'IconWarning'], ['error', 'IconError'], ['base', 'IconLightbulb']]);
888
1024
  /* harmony default export */ var notice_iconvue_type_script_lang_js_ = ({
889
1025
  name: 'DtNoticeIcon',
890
1026
  components: {
1027
+ IconLightbulb: IconLightbulb,
891
1028
  IconInfo: IconInfo,
892
1029
  IconWarning: IconWarning,
893
1030
  IconError: IconError,
894
- IconCheckmark: IconCheckmark
1031
+ IconCheckCircle: IconCheckCircle
895
1032
  },
896
1033
  props: {
897
1034
  kind: {
@@ -923,8 +1060,8 @@ const kindToIcon = new Map([['info', 'IconInfo'], ['success', 'IconCheckmark'],
923
1060
 
924
1061
  var notice_icon_component = normalizeComponent(
925
1062
  notice_notice_iconvue_type_script_lang_js_,
926
- notice_iconvue_type_template_id_21baafec_render,
927
- notice_iconvue_type_template_id_21baafec_staticRenderFns,
1063
+ notice_iconvue_type_template_id_58ae40bb_render,
1064
+ notice_iconvue_type_template_id_58ae40bb_staticRenderFns,
928
1065
  false,
929
1066
  null,
930
1067
  null,
@@ -933,12 +1070,12 @@ var notice_icon_component = normalizeComponent(
933
1070
  )
934
1071
 
935
1072
  /* harmony default export */ var notice_icon = (notice_icon_component.exports);
936
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"59098857-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/notice/notice_content.vue?vue&type=template&id=153d0212&
937
- var notice_contentvue_type_template_id_153d0212_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-notice__content d-fw-wrap"},[(_vm.title || this.$slots.titleOverride)?_c('h1',{staticClass:"d-notice__title",attrs:{"id":_vm.titleId}},[_vm._t("titleOverride",[_vm._v(" "+_vm._s(_vm.title)+" ")])],2):_vm._e(),_c('p',{staticClass:"d-notice__message",attrs:{"id":_vm.contentId}},[_vm._t("default")],2)])}
938
- var notice_contentvue_type_template_id_153d0212_staticRenderFns = []
1073
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"31b17c73-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/notice/notice_content.vue?vue&type=template&id=4ce704f6&
1074
+ var notice_contentvue_type_template_id_4ce704f6_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-notice__content",attrs:{"data-qa":"notice-content"}},[(_vm.title || this.$slots.titleOverride)?_c('h1',{staticClass:"d-notice__title",attrs:{"id":_vm.titleId,"data-qa":"notice-content-title"}},[_vm._t("titleOverride",[_vm._v(" "+_vm._s(_vm.title)+" ")])],2):_vm._e(),_c('p',{staticClass:"d-notice__message",attrs:{"id":_vm.contentId,"data-qa":"notice-content-message"}},[_vm._t("default")],2)])}
1075
+ var notice_contentvue_type_template_id_4ce704f6_staticRenderFns = []
939
1076
 
940
1077
 
941
- // CONCATENATED MODULE: ./components/notice/notice_content.vue?vue&type=template&id=153d0212&
1078
+ // CONCATENATED MODULE: ./components/notice/notice_content.vue?vue&type=template&id=4ce704f6&
942
1079
 
943
1080
  // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/notice/notice_content.vue?vue&type=script&lang=js&
944
1081
  //
@@ -963,6 +1100,9 @@ var notice_contentvue_type_template_id_153d0212_staticRenderFns = []
963
1100
  //
964
1101
  //
965
1102
  //
1103
+ //
1104
+ //
1105
+ //
966
1106
  /* harmony default export */ var notice_contentvue_type_script_lang_js_ = ({
967
1107
  name: 'DtNoticeContent',
968
1108
  props: {
@@ -992,8 +1132,8 @@ var notice_contentvue_type_template_id_153d0212_staticRenderFns = []
992
1132
 
993
1133
  var notice_content_component = normalizeComponent(
994
1134
  notice_notice_contentvue_type_script_lang_js_,
995
- notice_contentvue_type_template_id_153d0212_render,
996
- notice_contentvue_type_template_id_153d0212_staticRenderFns,
1135
+ notice_contentvue_type_template_id_4ce704f6_render,
1136
+ notice_contentvue_type_template_id_4ce704f6_staticRenderFns,
997
1137
  false,
998
1138
  null,
999
1139
  null,
@@ -1002,14 +1142,14 @@ var notice_content_component = normalizeComponent(
1002
1142
  )
1003
1143
 
1004
1144
  /* harmony default export */ var notice_content = (notice_content_component.exports);
1005
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"59098857-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/notice/notice_action.vue?vue&type=template&id=5a25139e&
1006
- var notice_actionvue_type_template_id_5a25139e_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-notice__actions"},[_vm._t("default"),(!_vm.hideClose)?_c('dt-button',_vm._b({ref:"closeButton",staticClass:"d-notice__btn d-notice__close",attrs:{"importance":"clear","circle":"","aria-label":_vm.closeButtonProps.ariaLabel ? _vm.closeButtonProps.ariaLabel : null},on:{"click":_vm.close},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('icon-close')]},proxy:true}],null,false,4267981299)},'dt-button',_vm.closeButtonProps,false)):_vm._e()],2)}
1007
- var notice_actionvue_type_template_id_5a25139e_staticRenderFns = []
1145
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"31b17c73-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/notice/notice_action.vue?vue&type=template&id=279e5f84&
1146
+ var notice_actionvue_type_template_id_279e5f84_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-notice__actions",attrs:{"data-qa":"notice-content-actions"}},[_vm._t("default"),(!_vm.hideClose)?_c('dt-button',_vm._b({ref:"closeButton",attrs:{"size":"sm","importance":"clear","circle":"","aria-label":_vm.closeButtonProps.ariaLabel ? _vm.closeButtonProps.ariaLabel : 'Close'},on:{"click":_vm.close},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('icon-close')]},proxy:true}],null,false,4267981299)},'dt-button',_vm.closeButtonProps,false)):_vm._e()],2)}
1147
+ var notice_actionvue_type_template_id_279e5f84_staticRenderFns = []
1008
1148
 
1009
1149
 
1010
- // CONCATENATED MODULE: ./components/notice/notice_action.vue?vue&type=template&id=5a25139e&
1150
+ // CONCATENATED MODULE: ./components/notice/notice_action.vue?vue&type=template&id=279e5f84&
1011
1151
 
1012
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"59098857-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconClose.vue?vue&type=template&id=18642c39&
1152
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"31b17c73-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconClose.vue?vue&type=template&id=18642c39&
1013
1153
  var IconClosevue_type_template_id_18642c39_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__close",attrs:{"aria-hidden":"true","aria-label":"Close","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"}})])}
1014
1154
  var IconClosevue_type_template_id_18642c39_staticRenderFns = []
1015
1155
 
@@ -1035,12 +1175,12 @@ var IconClose_component = normalizeComponent(
1035
1175
  )
1036
1176
 
1037
1177
  /* harmony default export */ var IconClose = (IconClose_component.exports);
1038
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"59098857-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/button/button.vue?vue&type=template&id=3fe946f4&
1039
- var buttonvue_type_template_id_3fe946f4_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',_vm._g({class:['base-button__button', _vm.buttonClasses],attrs:{"data-qa":"dt-button","type":_vm.type,"aria-live":_vm.computedAriaLive,"aria-label":_vm.loading ? 'loading' : _vm.$attrs['aria-label']}},_vm.buttonListeners),[(_vm.$slots.icon && !_vm.link)?_c('span',{class:['base-button__icon', _vm.iconClasses],attrs:{"data-qa":"dt-button-icon"}},[_vm._t("icon")],2):_vm._e(),_c('span',{class:['base-button__label', 'd-btn__label'],attrs:{"data-qa":"dt-button-label"}},[_vm._t("default")],2)])}
1040
- var buttonvue_type_template_id_3fe946f4_staticRenderFns = []
1178
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"31b17c73-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/button/button.vue?vue&type=template&id=5e4841a0&
1179
+ var buttonvue_type_template_id_5e4841a0_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',_vm._g({class:['base-button__button', _vm.buttonClasses],attrs:{"data-qa":"dt-button","type":_vm.type,"aria-live":_vm.computedAriaLive,"aria-label":_vm.loading ? 'loading' : _vm.$attrs['aria-label']}},_vm.buttonListeners),[(_vm.$slots.icon && !_vm.link)?_c('span',{class:['base-button__icon', _vm.iconClasses],attrs:{"data-qa":"dt-button-icon"}},[_vm._t("icon")],2):_vm._e(),_c('span',{class:['base-button__label', 'd-btn__label'],attrs:{"data-qa":"dt-button-label"}},[_vm._t("default")],2)])}
1180
+ var buttonvue_type_template_id_5e4841a0_staticRenderFns = []
1041
1181
 
1042
1182
 
1043
- // CONCATENATED MODULE: ./components/button/button.vue?vue&type=template&id=3fe946f4&
1183
+ // CONCATENATED MODULE: ./components/button/button.vue?vue&type=template&id=5e4841a0&
1044
1184
 
1045
1185
  // EXTERNAL MODULE: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
1046
1186
  var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__("8bbf");
@@ -1056,6 +1196,7 @@ const BUTTON_SIZE_MODIFIERS = {
1056
1196
  };
1057
1197
  const BUTTON_KIND_MODIFIERS = {
1058
1198
  default: '',
1199
+ muted: 'd-btn--muted',
1059
1200
  danger: 'd-btn--danger',
1060
1201
  inverted: 'd-btn--inverted'
1061
1202
  };
@@ -1068,16 +1209,6 @@ const BUTTON_TYPES = ['submit', 'reset', 'button'];
1068
1209
  const ICON_POSITION_MODIFIERS = {
1069
1210
  left: 'd-btn__icon--left',
1070
1211
  right: 'd-btn__icon--right'
1071
- }; // TODO: Use LINK_KIND_MODIFIERS from the link component
1072
- // rather than this one once it gets merged in.
1073
-
1074
- const LINK_KIND_MODIFIERS = {
1075
- default: 'd-link',
1076
- warning: 'd-link--warning',
1077
- danger: 'd-link--danger',
1078
- success: 'd-link--success',
1079
- muted: 'd-link--muted',
1080
- inverted: 'd-link--inverted'
1081
1212
  };
1082
1213
  const INVALID_COMBINATION = [{
1083
1214
  circle: true,
@@ -1105,9 +1236,23 @@ list of available button styles`;
1105
1236
  BUTTON_IMPORTANCE_MODIFIERS,
1106
1237
  BUTTON_TYPES,
1107
1238
  ICON_POSITION_MODIFIERS,
1108
- LINK_KIND_MODIFIERS,
1109
1239
  INVALID_COMBINATION
1110
1240
  });
1241
+ // CONCATENATED MODULE: ./components/link/link_constants.js
1242
+ const DANGER = 'danger';
1243
+ const WARNING = 'warning';
1244
+ const SUCCESS = 'success';
1245
+ const MUTED = 'muted';
1246
+ const INVERTED = 'inverted';
1247
+ const LINK_VARIANTS = ['', DANGER, WARNING, SUCCESS, MUTED, INVERTED];
1248
+ const LINK_KIND_MODIFIERS = {
1249
+ default: '',
1250
+ warning: 'd-link--warning',
1251
+ danger: 'd-link--danger',
1252
+ success: 'd-link--success',
1253
+ muted: 'd-link--muted',
1254
+ inverted: 'd-link--inverted'
1255
+ };
1111
1256
  // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/button/button.vue?vue&type=script&lang=js&
1112
1257
  //
1113
1258
  //
@@ -1140,6 +1285,7 @@ list of available button styles`;
1140
1285
  //
1141
1286
 
1142
1287
 
1288
+
1143
1289
  /**
1144
1290
  * Base Vue component for Dialtone Buttons.
1145
1291
  * @displayName HSButton
@@ -1342,8 +1488,8 @@ list of available button styles`;
1342
1488
 
1343
1489
  var button_component = normalizeComponent(
1344
1490
  button_buttonvue_type_script_lang_js_,
1345
- buttonvue_type_template_id_3fe946f4_render,
1346
- buttonvue_type_template_id_3fe946f4_staticRenderFns,
1491
+ buttonvue_type_template_id_5e4841a0_render,
1492
+ buttonvue_type_template_id_5e4841a0_staticRenderFns,
1347
1493
  false,
1348
1494
  null,
1349
1495
  null,
@@ -1372,6 +1518,9 @@ var button_component = normalizeComponent(
1372
1518
  //
1373
1519
  //
1374
1520
  //
1521
+ //
1522
+ //
1523
+ //
1375
1524
 
1376
1525
 
1377
1526
  /* harmony default export */ var notice_actionvue_type_script_lang_js_ = ({
@@ -1428,8 +1577,8 @@ var button_component = normalizeComponent(
1428
1577
 
1429
1578
  var notice_action_component = normalizeComponent(
1430
1579
  notice_notice_actionvue_type_script_lang_js_,
1431
- notice_actionvue_type_template_id_5a25139e_render,
1432
- notice_actionvue_type_template_id_5a25139e_staticRenderFns,
1580
+ notice_actionvue_type_template_id_279e5f84_render,
1581
+ notice_actionvue_type_template_id_279e5f84_staticRenderFns,
1433
1582
  false,
1434
1583
  null,
1435
1584
  null,
@@ -1469,11 +1618,30 @@ const focusableElementsList = `button:${nonFocusableAttrs},
1469
1618
 
1470
1619
  const focusableElements = this._getFocusableElements(el);
1471
1620
 
1621
+ const elToFocus = this._getFirstFocusElement(focusableElements);
1622
+
1623
+ elToFocus === null || elToFocus === void 0 ? void 0 : elToFocus.focus();
1624
+ },
1625
+
1626
+ /**
1627
+ * internal use only.
1628
+ *
1629
+ * @param focusableElements - list of focusable elements
1630
+ * @returns {*} - first DOM element that is focusable.
1631
+ * @private
1632
+ */
1633
+ _getFirstFocusElement(focusableElements) {
1472
1634
  if (!focusableElements.length) {
1473
1635
  return;
1474
1636
  }
1475
1637
 
1476
- focusableElements[0].focus();
1638
+ let firstFocusEl = focusableElements[0]; // If first element is a checkbox, put focus on the selected checkbox or the first checkbox if none are selected.
1639
+
1640
+ if (firstFocusEl.matches('[type="radio"]:not(:checked)')) {
1641
+ firstFocusEl = focusableElements.find(el => el.checked && el.name === firstFocusEl.name) || firstFocusEl;
1642
+ }
1643
+
1644
+ return firstFocusEl;
1477
1645
  },
1478
1646
 
1479
1647
  /**
@@ -1509,7 +1677,8 @@ const focusableElementsList = `button:${nonFocusableAttrs},
1509
1677
  return;
1510
1678
  }
1511
1679
 
1512
- const firstFocusableElement = focusableElements[0];
1680
+ const firstFocusableElement = this._getFirstFocusElement(focusableElements);
1681
+
1513
1682
  const lastFocusableElement = focusableElements[focusableElements.length - 1];
1514
1683
 
1515
1684
  if (e.shiftKey) {
@@ -1546,6 +1715,22 @@ const VALIDATION_MESSAGE_TYPES = {
1546
1715
  const DESCRIPTION_SIZE_TYPES = {
1547
1716
  LARGE: 'lg',
1548
1717
  EXTRA_LARGE: 'xl'
1718
+ }; // Description size variants
1719
+
1720
+ const DESCRIPTION_SIZE_MODIFIERS = {
1721
+ xs: '',
1722
+ sm: '',
1723
+ md: '',
1724
+ lg: 'd-description--lg',
1725
+ xl: 'd-description--xl'
1726
+ }; // Label size variants
1727
+
1728
+ const LABEL_SIZE_MODIFIERS = {
1729
+ xs: 'd-label--xs',
1730
+ sm: 'd-label--sm',
1731
+ md: '',
1732
+ lg: 'd-label--lg',
1733
+ xl: 'd-label--xl'
1549
1734
  };
1550
1735
  /*
1551
1736
  * Any string message or message object in the messages prop that do not specify
@@ -1814,8 +1999,8 @@ function hasFormattedMessageOfType(formattedMessages, messageType) {
1814
1999
 
1815
2000
  var banner_component = normalizeComponent(
1816
2001
  banner_bannervue_type_script_lang_js_,
1817
- render,
1818
- staticRenderFns,
2002
+ bannervue_type_template_id_928dbcb4_render,
2003
+ bannervue_type_template_id_928dbcb4_staticRenderFns,
1819
2004
  false,
1820
2005
  null,
1821
2006
  null,
@@ -1828,12 +2013,20 @@ var banner_component = normalizeComponent(
1828
2013
 
1829
2014
  // CONCATENATED MODULE: ./components/button/index.js
1830
2015
 
1831
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"59098857-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/input/input.vue?vue&type=template&id=4ecb5bb6&
1832
- var inputvue_type_template_id_4ecb5bb6_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"container",staticClass:"base-input",attrs:{"data-qa":"dt-input"}},[_c('label',{staticClass:"base-input__label",attrs:{"aria-details":_vm.$slots.description || _vm.description ? _vm.descriptionKey : undefined,"data-qa":"dt-input-label-wrapper"}},[_vm._t("labelSlot",[_c('div',{class:['base-input__label-text', 'd-label', _vm.labelSizeModifierClass],attrs:{"data-qa":"dt-input-label"}},[_vm._v(" "+_vm._s(_vm.label)+" ")])]),(_vm.$slots.description || _vm.description)?_c('div',{class:['base-input__description', 'd-description', _vm.descriptionSizeModifierClass],attrs:{"id":_vm.descriptionKey,"data-qa":"dt-input-description"}},[_vm._t("description",[_vm._v(_vm._s(_vm.description))])],2):_vm._e(),_c('div',{staticClass:"d-ps-relative"},[(_vm.$slots.leftIcon)?_c('span',{class:_vm.inputIconClasses('left'),attrs:{"data-qa":"dt-input-left-icon-wrapper"},on:{"focusout":_vm.onBlur}},[_vm._t("leftIcon")],2):_vm._e(),(_vm.$slots.rightIcon)?_c('span',{class:_vm.inputIconClasses('right'),attrs:{"data-qa":"dt-input-right-icon-wrapper"},on:{"focusout":_vm.onBlur}},[_vm._t("rightIcon")],2):_vm._e(),(_vm.isTextarea)?_c('textarea',_vm._g(_vm._b({ref:"input",class:_vm.inputClasses(),attrs:{"name":_vm.name,"disabled":_vm.disabled,"data-qa":"dt-input-input"},domProps:{"value":_vm.value}},'textarea',_vm.$attrs,false),_vm.inputListeners)):_c('input',_vm._g(_vm._b({ref:"input",class:_vm.inputClasses(),attrs:{"name":_vm.name,"type":_vm.type,"disabled":_vm.disabled,"data-qa":"dt-input-input"},domProps:{"value":_vm.value}},'input',_vm.$attrs,false),_vm.inputListeners))])],2),_c('dt-validation-messages',_vm._b({class:_vm.messagesClass,attrs:{"validation-messages":_vm.formattedMessages,"show-messages":_vm.showMessages,"data-qa":"dt-input-messages"}},'dt-validation-messages',_vm.messagesChildProps,false))],1)}
1833
- var inputvue_type_template_id_4ecb5bb6_staticRenderFns = []
2016
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"31b17c73-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/input/input.vue?vue&type=template&id=4e7e7271&
2017
+ var inputvue_type_template_id_4e7e7271_render = function () {
2018
+ var _obj, _obj$1;
2019
+ var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"container",staticClass:"base-input",attrs:{"data-qa":"dt-input"}},[_c('label',{staticClass:"base-input__label",attrs:{"aria-details":_vm.$slots.description || _vm.description ? _vm.descriptionKey : undefined,"data-qa":"dt-input-label-wrapper"}},[_vm._t("labelSlot",[_c('div',{class:[
2020
+ 'base-input__label-text',
2021
+ 'd-label',
2022
+ ( _obj = {}, _obj[("d-label--" + _vm.size)] = (!_vm.isDefaultSize && _vm.isValidSize), _obj ) ],attrs:{"data-qa":"dt-input-label"}},[_vm._v(" "+_vm._s(_vm.label)+" ")])]),(_vm.$slots.description || _vm.description)?_c('div',{class:[
2023
+ 'base-input__description',
2024
+ 'd-description',
2025
+ ( _obj$1 = {}, _obj$1[("d-description--" + _vm.size)] = (!_vm.isDefaultSize && _vm.isValidDescriptionSize), _obj$1 ) ],attrs:{"id":_vm.descriptionKey,"data-qa":"dt-input-description"}},[_vm._t("description",[_vm._v(_vm._s(_vm.description))])],2):_vm._e(),_c('div',{staticClass:"d-ps-relative"},[(_vm.$slots.leftIcon)?_c('span',{class:_vm.inputIconClasses('left'),attrs:{"data-qa":"dt-input-left-icon-wrapper"},on:{"focusout":_vm.onBlur}},[_vm._t("leftIcon")],2):_vm._e(),(_vm.$slots.rightIcon)?_c('span',{class:_vm.inputIconClasses('right'),attrs:{"data-qa":"dt-input-right-icon-wrapper"},on:{"focusout":_vm.onBlur}},[_vm._t("rightIcon")],2):_vm._e(),(_vm.isTextarea)?_c('textarea',_vm._g(_vm._b({ref:"input",class:_vm.inputClasses(),attrs:{"name":_vm.name,"disabled":_vm.disabled,"data-qa":"dt-input-input"},domProps:{"value":_vm.value}},'textarea',_vm.$attrs,false),_vm.inputListeners)):_c('input',_vm._g(_vm._b({ref:"input",class:_vm.inputClasses(),attrs:{"name":_vm.name,"type":_vm.type,"disabled":_vm.disabled,"data-qa":"dt-input-input"},domProps:{"value":_vm.value}},'input',_vm.$attrs,false),_vm.inputListeners))])],2),_c('dt-validation-messages',_vm._b({class:_vm.messagesClass,attrs:{"validation-messages":_vm.formattedMessages,"show-messages":_vm.showMessages,"data-qa":"dt-input-messages"}},'dt-validation-messages',_vm.messagesChildProps,false))],1)}
2026
+ var inputvue_type_template_id_4e7e7271_staticRenderFns = []
1834
2027
 
1835
2028
 
1836
- // CONCATENATED MODULE: ./components/input/input.vue?vue&type=template&id=4ecb5bb6&
2029
+ // CONCATENATED MODULE: ./components/input/input.vue?vue&type=template&id=4e7e7271&
1837
2030
 
1838
2031
  // CONCATENATED MODULE: ./components/input/input_constants.js
1839
2032
  // Valid input types, any other input types (for example: 'radio' or 'checkbox') should
@@ -1856,7 +2049,7 @@ const INPUT_SIZES = {
1856
2049
  INPUT_TYPES,
1857
2050
  INPUT_SIZES
1858
2051
  });
1859
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"59098857-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/validation_messages/validation_messages.vue?vue&type=template&id=37c959ef&
2052
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"31b17c73-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/validation_messages/validation_messages.vue?vue&type=template&id=37c959ef&
1860
2053
  var validation_messagesvue_type_template_id_37c959ef_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.showMessages && !_vm.isFilteredValidationMessagesEmpty)?_c('div',{staticClass:"base-input__messages d-d-flex d-fd-column",attrs:{"data-qa":"validation-messages-container"}},_vm._l((_vm.filteredValidationMessages),function(ref,index){
1861
2054
  var message = ref.message;
1862
2055
  var type = ref.type;
@@ -2288,7 +2481,7 @@ const MessagesMixin = {
2288
2481
  * Used to customize the the validation messages component
2289
2482
  */
2290
2483
  messagesClass: {
2291
- type: String,
2484
+ type: [String, Array, Object],
2292
2485
  default: ''
2293
2486
  },
2294
2487
 
@@ -2417,6 +2610,14 @@ const MessagesMixin = {
2417
2610
  //
2418
2611
  //
2419
2612
  //
2613
+ //
2614
+ //
2615
+ //
2616
+ //
2617
+ //
2618
+ //
2619
+ //
2620
+ //
2420
2621
 
2421
2622
 
2422
2623
 
@@ -2499,6 +2700,14 @@ const MessagesMixin = {
2499
2700
  return this.size === INPUT_SIZES.DEFAULT;
2500
2701
  },
2501
2702
 
2703
+ isValidSize() {
2704
+ return Object.values(INPUT_SIZES).includes(this.size);
2705
+ },
2706
+
2707
+ isValidDescriptionSize() {
2708
+ return Object.values(DESCRIPTION_SIZE_TYPES).includes(this.size);
2709
+ },
2710
+
2502
2711
  inputComponent() {
2503
2712
  if (this.isTextarea) {
2504
2713
  return 'textarea';
@@ -2532,27 +2741,11 @@ const MessagesMixin = {
2532
2741
  },
2533
2742
 
2534
2743
  sizeModifierClass() {
2535
- if (this.isDefaultSize || !Object.values(INPUT_SIZES).includes(this.size)) {
2744
+ if (this.isDefaultSize || !this.isValidSize) {
2536
2745
  return '';
2537
2746
  }
2538
2747
 
2539
2748
  return `d-${this.inputComponent}--${this.size}`;
2540
- },
2541
-
2542
- labelSizeModifierClass() {
2543
- if (this.isDefaultSize || !Object.values(INPUT_SIZES).includes(this.size)) {
2544
- return '';
2545
- }
2546
-
2547
- return `d-label--${this.size}`;
2548
- },
2549
-
2550
- descriptionSizeModifierClass() {
2551
- if (this.isDefaultSize || !Object.values(DESCRIPTION_SIZE_TYPES).includes(this.size)) {
2552
- return '';
2553
- }
2554
-
2555
- return `d-description--${this.size}`;
2556
2749
  }
2557
2750
 
2558
2751
  },
@@ -2570,8 +2763,10 @@ const MessagesMixin = {
2570
2763
  },
2571
2764
 
2572
2765
  onBlur(e) {
2766
+ var _this$$refs$container;
2767
+
2573
2768
  // Do not emit a blur event if the target element is a child of this component
2574
- if (!this.$refs.container.contains(e.relatedTarget)) {
2769
+ if (!((_this$$refs$container = this.$refs.container) !== null && _this$$refs$container !== void 0 && _this$$refs$container.contains(e.relatedTarget))) {
2575
2770
  this.$emit('blur', e);
2576
2771
  }
2577
2772
  },
@@ -2611,8 +2806,8 @@ const MessagesMixin = {
2611
2806
 
2612
2807
  var input_component = normalizeComponent(
2613
2808
  input_inputvue_type_script_lang_js_,
2614
- inputvue_type_template_id_4ecb5bb6_render,
2615
- inputvue_type_template_id_4ecb5bb6_staticRenderFns,
2809
+ inputvue_type_template_id_4e7e7271_render,
2810
+ inputvue_type_template_id_4e7e7271_staticRenderFns,
2616
2811
  false,
2617
2812
  null,
2618
2813
  null,
@@ -2624,7 +2819,7 @@ var input_component = normalizeComponent(
2624
2819
  // CONCATENATED MODULE: ./components/input/index.js
2625
2820
 
2626
2821
 
2627
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"59098857-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/input_group/input_group.vue?vue&type=template&id=34acc7c9&
2822
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"31b17c73-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/input_group/input_group.vue?vue&type=template&id=34acc7c9&
2628
2823
  var input_groupvue_type_template_id_34acc7c9_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('fieldset',{attrs:{"data-qa":_vm.dataQaGroup}},[(_vm.$slots.legend || _vm.legend)?_c('legend',_vm._b({class:['d-label', _vm.legendClass],attrs:{"data-qa":_vm.dataQaGroupLegend}},'legend',_vm.legendChildProps,false),[_vm._t("legend",[_vm._v(" "+_vm._s(_vm.legend)+" ")])],2):_vm._e(),_vm._t("default"),_c('dt-validation-messages',_vm._b({class:_vm.messagesClass,attrs:{"validation-messages":_vm.formattedMessages,"show-messages":_vm.showMessages,"data-qa":_vm.dataQaGroupMessages}},'dt-validation-messages',_vm.messagesChildProps,false))],2)}
2629
2824
  var input_groupvue_type_template_id_34acc7c9_staticRenderFns = []
2630
2825
 
@@ -2919,7 +3114,7 @@ var input_group_component = normalizeComponent(
2919
3114
  /* harmony default export */ var input_group_input_group = (input_group_component.exports);
2920
3115
  // CONCATENATED MODULE: ./components/input_group/index.js
2921
3116
 
2922
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"59098857-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/modal/modal.vue?vue&type=template&id=7d597133&
3117
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"31b17c73-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/modal/modal.vue?vue&type=template&id=7d597133&
2923
3118
  var modalvue_type_template_id_7d597133_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:_vm.modalClasses,attrs:{"data-qa":"dt-modal","aria-hidden":_vm.open},on:{"click":function($event){if($event.target !== $event.currentTarget){ return null; }return _vm.close($event)},"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"esc",27,$event.key,["Esc","Escape"])){ return null; }return _vm.close($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"tab",9,$event.key,"Tab")){ return null; }return _vm.trapFocus($event)}],"transitionend":function($event){if($event.target !== $event.currentTarget){ return null; }return _vm.setFocusAfterTransition($event)}}},[_c('div',{staticClass:"d-modal__dialog",attrs:{"role":"dialog","aria-modal":"true","aria-describedby":_vm.describedById,"aria-labelledby":_vm.labelledById}},[(_vm.$slots.header)?_c('div',{staticClass:"d-modal__header",attrs:{"id":_vm.labelledById,"data-qa":"dt-modal-title"}},[_vm._t("header")],2):_c('h2',{staticClass:"d-modal__header",attrs:{"id":_vm.labelledById,"data-qa":"dt-modal-title"}},[_vm._v(" "+_vm._s(_vm.title)+" ")]),_c('dt-button',_vm._b({staticClass:"d-modal__close",attrs:{"circle":"","size":"lg","importance":"clear","aria-label":_vm.closeButtonProps.ariaLabel,"kind":_vm.kind},on:{"click":_vm.close},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('icon-close')]},proxy:true}])},'dt-button',_vm.closeButtonProps,false)),(_vm.$slots.default)?_c('div',{staticClass:"d-modal__content",attrs:{"data-qa":"dt-modal-copy"}},[_vm._t("default")],2):_c('p',{staticClass:"d-modal__content",attrs:{"data-qa":"dt-modal-copy"}},[_vm._v(" "+_vm._s(_vm.copy)+" ")]),(_vm.hasFooterSlot)?_c('footer',{staticClass:"d-modal__footer"},[_vm._t("footer")],2):_vm._e()],1)])}
2924
3119
  var modalvue_type_template_id_7d597133_staticRenderFns = []
2925
3120
 
@@ -3204,7 +3399,7 @@ var modal_component = normalizeComponent(
3204
3399
  // CONCATENATED MODULE: ./components/modal/index.js
3205
3400
 
3206
3401
 
3207
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"59098857-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/lazy_show/lazy_show.vue?vue&type=template&id=25b42290&
3402
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"31b17c73-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/lazy_show/lazy_show.vue?vue&type=template&id=25b42290&
3208
3403
  var lazy_showvue_type_template_id_25b42290_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{"name":_vm.transition}},[_c('div',_vm._g({directives:[{name:"show",rawName:"v-show",value:(_vm.show),expression:"show"}]},_vm.$listeners),[(_vm.initialized)?_vm._t("default"):_vm._e()],2)])}
3209
3404
  var lazy_showvue_type_template_id_25b42290_staticRenderFns = []
3210
3405
 
@@ -3287,7 +3482,7 @@ var lazy_show_component = normalizeComponent(
3287
3482
  /* harmony default export */ var lazy_show = (lazy_show_component.exports);
3288
3483
  // CONCATENATED MODULE: ./components/lazy_show/index.js
3289
3484
 
3290
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"59098857-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/list_section/list_section.vue?vue&type=template&id=2154a8d5&
3485
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"31b17c73-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/list_section/list_section.vue?vue&type=template&id=2154a8d5&
3291
3486
  var list_sectionvue_type_template_id_2154a8d5_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:['dt-list-section', 'd-fs14', 'd-lh6', 'd-py6', 'd-border-color--ash-darker',
3292
3487
  { 'd-border-bottom': _vm.separator }],attrs:{"id":_vm.id,"role":"group","aria-labelledby":(_vm.id + "-list-section-header"),"tabindex":"-1"}},[(_vm.header)?_c('h3',{staticClass:"d-pl16 d-mt6",attrs:{"id":(_vm.id + "-list-section-header")}},[_vm._v(" "+_vm._s(_vm.header)+" ")]):_vm._e(),(!_vm.isCollapsible || _vm.showAll)?_c('ol',{attrs:{"id":(_vm.id + "-list-section-content")}},[_vm._t("default")],2):_c('ol',{attrs:{"id":(_vm.id + "-list-section-content")}},[_c('vnodes',{attrs:{"vnodes":_vm.displayedItems}})],1),(_vm.isCollapsible)?_c('dt-button',{staticClass:"d-ml16 d-py6",attrs:{"id":(_vm.id + "-list-section-show-more-less"),"link":""},on:{"click":_vm.showMoreLessClicked}},[_vm._v(" "+_vm._s(_vm.showMoreLessText)+" ")]):_vm._e()],1)}
3293
3488
  var list_sectionvue_type_template_id_2154a8d5_staticRenderFns = []
@@ -3466,7 +3661,7 @@ var list_section_component = normalizeComponent(
3466
3661
  /* harmony default export */ var list_section = (list_section_component.exports);
3467
3662
  // CONCATENATED MODULE: ./components/list_section/index.js
3468
3663
 
3469
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"59098857-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/list_item/list_item.vue?vue&type=template&id=6b1bb1b9&
3664
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"31b17c73-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/list_item/list_item.vue?vue&type=template&id=6b1bb1b9&
3470
3665
  var list_itemvue_type_template_id_6b1bb1b9_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',{class:['dt-list-item', 'd-fs14', 'd-lh6', 'd-py6', 'd-px16', 'd-d-flex', 'd-ai-center',
3471
3666
  { 'dt-list-item-clickable': _vm.clickable, 'd-jc-space-between': this.$slots.iconRight }],attrs:{"id":_vm.id,"tabindex":_vm.clickable ? 0 : -1},on:{"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.clicked($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"space",32,$event.key,[" ","Spacebar"])){ return null; }return _vm.clicked($event)}],"click":_vm.clicked}},[_vm._t("iconLeft"),_vm._t("default"),_vm._t("iconRight")],2)}
3472
3667
  var list_itemvue_type_template_id_6b1bb1b9_staticRenderFns = []
@@ -3552,12 +3747,84 @@ var list_item_component = normalizeComponent(
3552
3747
  /* harmony default export */ var list_item = (list_item_component.exports);
3553
3748
  // CONCATENATED MODULE: ./components/list_item/index.js
3554
3749
 
3555
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"59098857-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/notice/notice.vue?vue&type=template&id=5dec1a72&
3556
- var noticevue_type_template_id_5dec1a72_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('aside',_vm._g({class:_vm.noticeClass,attrs:{"role":_vm.role}},_vm.$listeners),[_c('dt-notice-icon',_vm._g({attrs:{"kind":_vm.kind}},_vm.$listeners),[_vm._t("icon")],2),_c('dt-notice-content',_vm._g({attrs:{"title-id":_vm.titleId,"content-id":_vm.contentId,"title":_vm.title},scopedSlots:_vm._u([{key:"titleOverride",fn:function(){return [_vm._t("titleOverride")]},proxy:true}],null,true)},_vm.$listeners),[_vm._t("default")],2),_c('dt-notice-action',_vm._g({attrs:{"hide-close":_vm.hideClose,"close-button-props":_vm.closeButtonProps}},_vm.$listeners),[_vm._t("action")],2)],1)}
3557
- var noticevue_type_template_id_5dec1a72_staticRenderFns = []
3750
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"31b17c73-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/link/link.vue?vue&type=template&id=6af78110&
3751
+ var linkvue_type_template_id_6af78110_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a',{class:[
3752
+ 'd-link',
3753
+ _vm.LINK_KIND_MODIFIERS[_vm.kind] ],attrs:{"data-qa":"dt-link"}},[_vm._t("default")],2)}
3754
+ var linkvue_type_template_id_6af78110_staticRenderFns = []
3755
+
3756
+
3757
+ // CONCATENATED MODULE: ./components/link/link.vue?vue&type=template&id=6af78110&
3758
+
3759
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/link/link.vue?vue&type=script&lang=js&
3760
+ //
3761
+ //
3762
+ //
3763
+ //
3764
+ //
3765
+ //
3766
+ //
3767
+ //
3768
+ //
3769
+ //
3770
+ //
3771
+ //
3558
3772
 
3773
+ /* harmony default export */ var linkvue_type_script_lang_js_ = ({
3774
+ name: 'DtLink',
3775
+ props: {
3776
+ /**
3777
+ * Applies the link variant styles
3778
+ */
3779
+ kind: {
3780
+ type: String,
3781
+ default: '',
3559
3782
 
3560
- // CONCATENATED MODULE: ./components/notice/notice.vue?vue&type=template&id=5dec1a72&
3783
+ validator(kind) {
3784
+ return LINK_VARIANTS.includes(kind);
3785
+ }
3786
+
3787
+ }
3788
+ },
3789
+
3790
+ data() {
3791
+ return {
3792
+ LINK_KIND_MODIFIERS: LINK_KIND_MODIFIERS
3793
+ };
3794
+ }
3795
+
3796
+ });
3797
+ // CONCATENATED MODULE: ./components/link/link.vue?vue&type=script&lang=js&
3798
+ /* harmony default export */ var link_linkvue_type_script_lang_js_ = (linkvue_type_script_lang_js_);
3799
+ // CONCATENATED MODULE: ./components/link/link.vue
3800
+
3801
+
3802
+
3803
+
3804
+
3805
+ /* normalize component */
3806
+
3807
+ var link_component = normalizeComponent(
3808
+ link_linkvue_type_script_lang_js_,
3809
+ linkvue_type_template_id_6af78110_render,
3810
+ linkvue_type_template_id_6af78110_staticRenderFns,
3811
+ false,
3812
+ null,
3813
+ null,
3814
+ null
3815
+
3816
+ )
3817
+
3818
+ /* harmony default export */ var link_link = (link_component.exports);
3819
+ // CONCATENATED MODULE: ./components/link/index.js
3820
+
3821
+
3822
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"31b17c73-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/notice/notice.vue?vue&type=template&id=40200ccc&
3823
+ var noticevue_type_template_id_40200ccc_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('aside',_vm._g({class:_vm.noticeClass,attrs:{"data-qa":"notice"}},_vm.$listeners),[_c('dt-notice-icon',_vm._g({attrs:{"kind":_vm.kind}},_vm.$listeners),[_vm._t("icon")],2),_c('dt-notice-content',_vm._g({attrs:{"title-id":_vm.titleId,"content-id":_vm.contentId,"title":_vm.title,"role":_vm.role},scopedSlots:_vm._u([{key:"titleOverride",fn:function(){return [_vm._t("titleOverride")]},proxy:true}],null,true)},_vm.$listeners),[_vm._t("default")],2),_c('dt-notice-action',_vm._g({attrs:{"hide-close":_vm.hideClose,"close-button-props":_vm.closeButtonProps}},_vm.$listeners),[_vm._t("action")],2)],1)}
3824
+ var noticevue_type_template_id_40200ccc_staticRenderFns = []
3825
+
3826
+
3827
+ // CONCATENATED MODULE: ./components/notice/notice.vue?vue&type=template&id=40200ccc&
3561
3828
 
3562
3829
  // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/notice/notice.vue?vue&type=script&lang=js&
3563
3830
  //
@@ -3597,6 +3864,7 @@ var noticevue_type_template_id_5dec1a72_staticRenderFns = []
3597
3864
  //
3598
3865
  //
3599
3866
  //
3867
+ //
3600
3868
 
3601
3869
 
3602
3870
 
@@ -3635,6 +3903,21 @@ var noticevue_type_template_id_5dec1a72_staticRenderFns = []
3635
3903
  default: ''
3636
3904
  },
3637
3905
 
3906
+ /**
3907
+ * Provides a role for the notice. 'status' is used to communicate a message. 'alert' is used to communicate an
3908
+ * important message that does not contain any interactive elements. 'alertdialog' is used to communicate an
3909
+ * important message that does contain interactive elements.
3910
+ */
3911
+ role: {
3912
+ type: String,
3913
+ default: 'status',
3914
+
3915
+ validate(role) {
3916
+ return NOTICE_ROLES.includes(role);
3917
+ }
3918
+
3919
+ },
3920
+
3638
3921
  /**
3639
3922
  * Used in scenarios where the message needs to visually dominate the screen.
3640
3923
  * This will also change the aria role from status to alert.
@@ -3678,10 +3961,6 @@ var noticevue_type_template_id_5dec1a72_staticRenderFns = []
3678
3961
  return ['d-notice', `d-notice--${this.kind}`, {
3679
3962
  'd-notice--important': this.important
3680
3963
  }];
3681
- },
3682
-
3683
- role() {
3684
- return this.important ? 'alert' : 'status';
3685
3964
  }
3686
3965
 
3687
3966
  }
@@ -3698,8 +3977,8 @@ var noticevue_type_template_id_5dec1a72_staticRenderFns = []
3698
3977
 
3699
3978
  var notice_component = normalizeComponent(
3700
3979
  notice_noticevue_type_script_lang_js_,
3701
- noticevue_type_template_id_5dec1a72_render,
3702
- noticevue_type_template_id_5dec1a72_staticRenderFns,
3980
+ noticevue_type_template_id_40200ccc_render,
3981
+ noticevue_type_template_id_40200ccc_staticRenderFns,
3703
3982
  false,
3704
3983
  null,
3705
3984
  null,
@@ -3711,7 +3990,7 @@ var notice_component = normalizeComponent(
3711
3990
  // CONCATENATED MODULE: ./components/notice/index.js
3712
3991
 
3713
3992
 
3714
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"59098857-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/popover/popover.vue?vue&type=template&id=ec1d0844&
3993
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"31b17c73-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/popover/popover.vue?vue&type=template&id=ec1d0844&
3715
3994
  var popovervue_type_template_id_ec1d0844_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.elementType,{directives:[{name:"click-outside",rawName:"v-click-outside",value:(function () { return _vm.close('click-outside'); }),expression:"() => close('click-outside')"}],tag:"component",staticClass:"d-p-relative dt-popover"},[_c('div',{ref:"anchor",attrs:{"id":!_vm.ariaLabelledby && _vm.labelledBy}},[_vm._t("anchor",null,{"attrs":{
3716
3995
  'aria-expanded': _vm.open.toString(),
3717
3996
  'aria-controls': _vm.id,
@@ -4115,7 +4394,7 @@ var popover_component = normalizeComponent(
4115
4394
  // CONCATENATED MODULE: ./components/popover/index.js
4116
4395
 
4117
4396
 
4118
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"59098857-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/radio/radio.vue?vue&type=template&id=7572bdc7&
4397
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"31b17c73-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/radio/radio.vue?vue&type=template&id=7572bdc7&
4119
4398
  var radiovue_type_template_id_7572bdc7_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('label',[_c('div',{class:['d-radio-group', { 'd-radio-group--disabled': _vm.internalDisabled }]},[_c('div',{staticClass:"d-radio__input"},[_c('input',_vm._g(_vm._b({class:['d-radio', _vm.inputValidationClass, _vm.inputClass],attrs:{"name":_vm.internalName,"disabled":_vm.internalDisabled,"type":"radio"},domProps:{"checked":_vm.internalChecked,"value":_vm.value}},'input',_vm.$attrs,false),_vm.inputListeners))]),_c('div',{staticClass:"d-radio__copy d-radio__label",attrs:{"data-qa":"radio-label-description-container"}},[_c('div',_vm._b({class:_vm.labelClass,attrs:{"data-qa":"radio-label"}},'div',_vm.labelChildProps,false),[_vm._t("default",[_vm._v(_vm._s(_vm.label))])],2),(_vm.$slots.description || _vm.description)?_c('div',_vm._b({class:['d-radio__description', _vm.descriptionValidationClass, _vm.descriptionClass],attrs:{"data-qa":"radio-description"}},'div',_vm.descriptionChildProps,false),[_vm._t("description",[_vm._v(_vm._s(_vm.description))])],2):_vm._e(),_c('dt-validation-messages',_vm._b({class:_vm.messagesClass,attrs:{"validation-messages":_vm.formattedMessages,"show-messages":_vm.showMessages,"data-qa":"dt-radio-validation-messages"}},'dt-validation-messages',_vm.messagesChildProps,false))],1)])])}
4120
4399
  var radiovue_type_template_id_7572bdc7_staticRenderFns = []
4121
4400
 
@@ -4385,7 +4664,7 @@ var radio_group_component = normalizeComponent(
4385
4664
  /* harmony default export */ var radio_group = (radio_group_component.exports);
4386
4665
  // CONCATENATED MODULE: ./components/radio_group/index.js
4387
4666
 
4388
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"59098857-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/checkbox/checkbox.vue?vue&type=template&id=13edc8c6&
4667
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"31b17c73-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/checkbox/checkbox.vue?vue&type=template&id=13edc8c6&
4389
4668
  var checkboxvue_type_template_id_13edc8c6_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('label',[_c('div',{class:['d-checkbox-group', { 'd-checkbox-group--disabled': _vm.internalDisabled }]},[_c('div',{staticClass:"d-checkbox__input"},[_c('input',_vm._g(_vm._b({class:['d-checkbox', _vm.inputValidationClass, _vm.inputClass],attrs:{"type":"checkbox","name":_vm.internalName,"disabled":_vm.internalDisabled},domProps:{"checked":_vm.internalChecked,"value":_vm.value}},'input',_vm.$attrs,false),_vm.inputListeners))]),_c('div',{staticClass:"d-checkbox__copy d-checkbox__label",attrs:{"data-qa":"checkbox-label-description-container"}},[_c('div',_vm._b({class:_vm.labelClass,attrs:{"data-qa":"checkbox-label"}},'div',_vm.labelChildProps,false),[_vm._t("default",[_vm._v(_vm._s(_vm.label))])],2),(_vm.$slots.description || _vm.description)?_c('div',_vm._b({class:['d-checkbox__description', _vm.descriptionValidationClass, _vm.descriptionClass],attrs:{"data-qa":"checkbox-description"}},'div',_vm.descriptionChildProps,false),[_vm._t("description",[_vm._v(_vm._s(_vm.description))])],2):_vm._e(),_c('dt-validation-messages',_vm._b({class:_vm.messagesClass,attrs:{"validation-messages":_vm.formattedMessages,"show-messages":_vm.showMessages,"data-qa":"dt-checkbox-validation-messages"}},'dt-validation-messages',_vm.messagesChildProps,false))],1)])])}
4390
4669
  var checkboxvue_type_template_id_13edc8c6_staticRenderFns = []
4391
4670
 
@@ -4682,6 +4961,371 @@ var checkbox_group_component = normalizeComponent(
4682
4961
  /* harmony default export */ var checkbox_group = (checkbox_group_component.exports);
4683
4962
  // CONCATENATED MODULE: ./components/checkbox_group/index.js
4684
4963
 
4964
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"31b17c73-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/select_menu/select_menu.vue?vue&type=template&id=7efee0c6&
4965
+ var select_menuvue_type_template_id_7efee0c6_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('label',[_c('div',_vm._b({class:[
4966
+ 'd-label',
4967
+ _vm.LABEL_SIZE_MODIFIERS[_vm.size],
4968
+ _vm.labelClass ],attrs:{"aria-details":_vm.labelAriaDetails,"data-qa":"dt-select-label"}},'div',_vm.labelChildProps,false),[_vm._t("label",[_vm._v(_vm._s(_vm.label))])],2),(_vm.$slots.description || _vm.description)?_c('div',_vm._b({class:[
4969
+ 'd-description',
4970
+ _vm.DESCRIPTION_SIZE_MODIFIERS[_vm.size],
4971
+ _vm.descriptionClass ],attrs:{"id":_vm.descriptionKey,"data-qa":"dt-select-description"}},'div',_vm.descriptionChildProps,false),[_vm._t("description",[_vm._v(_vm._s(_vm.description))])],2):_vm._e(),_c('div',{class:[
4972
+ 'd-select',
4973
+ _vm.SELECT_SIZE_MODIFIERS[_vm.size],
4974
+ _vm.selectClass ],attrs:{"data-qa":"dt-select-wrapper"}},[_c('select',_vm._g(_vm._b({class:[
4975
+ 'd-select__input',
4976
+ _vm.SELECT_STATE_MODIFIERS[_vm.state] ],attrs:{"data-qa":"dt-select"}},'select',_vm.$attrs,false),_vm.selectListeners),[_vm._t("default",_vm._l((_vm.options),function(option){return _c('option',_vm._b({key:_vm.getOptionKey(option.value),class:_vm.optionClass,domProps:{"value":option.value}},'option',_vm.optionChildProps,false),[_vm._v(" "+_vm._s(option.label)+" ")])}))],2)])]),_c('dt-validation-messages',_vm._b({class:_vm.messagesClass,attrs:{"validation-messages":_vm.formattedMessages,"show-messages":_vm.showMessages,"data-qa":"dt-select-messages"}},'dt-validation-messages',_vm.messagesChildProps,false))],1)}
4977
+ var select_menuvue_type_template_id_7efee0c6_staticRenderFns = []
4978
+
4979
+
4980
+ // CONCATENATED MODULE: ./components/select_menu/select_menu.vue?vue&type=template&id=7efee0c6&
4981
+
4982
+ // CONCATENATED MODULE: ./components/select_menu/select_menu_constants.js
4983
+ const SELECT_SIZE_MODIFIERS = {
4984
+ xs: 'd-select--xs',
4985
+ sm: 'd-select--sm',
4986
+ md: '',
4987
+ lg: 'd-select--lg',
4988
+ xl: 'd-select--xl'
4989
+ };
4990
+ const SELECT_STATE_MODIFIERS = {
4991
+ error: 'd-select__input--error',
4992
+ warning: 'd-select__input--warning',
4993
+ success: 'd-select__input--success'
4994
+ };
4995
+ /* harmony default export */ var select_menu_constants = ({
4996
+ SELECT_SIZE_MODIFIERS,
4997
+ SELECT_STATE_MODIFIERS
4998
+ });
4999
+ // CONCATENATED MODULE: ./components/select_menu/select_menu_validators.js
5000
+ const hasValidOptionIndex = option => !option.index || typeof option.index === 'number';
5001
+
5002
+ const hasValidOptionValue = option => {
5003
+ if (!option.value) {
5004
+ return false;
5005
+ }
5006
+
5007
+ return typeof option.value === 'string' || typeof option.value === 'number';
5008
+ };
5009
+
5010
+ const hasValidOptionLabel = option => {
5011
+ if (!option.label) {
5012
+ return false;
5013
+ }
5014
+
5015
+ return typeof option.label === 'string';
5016
+ };
5017
+
5018
+ const optionsValidator = options => {
5019
+ if (!options) {
5020
+ return true;
5021
+ }
5022
+
5023
+ return options.every(option => {
5024
+ if (!hasValidOptionIndex(option)) {
5025
+ return false;
5026
+ }
5027
+
5028
+ if (!hasValidOptionValue(option)) {
5029
+ return false;
5030
+ }
5031
+
5032
+ if (!hasValidOptionLabel(option)) {
5033
+ return false;
5034
+ }
5035
+
5036
+ return true;
5037
+ });
5038
+ };
5039
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/select_menu/select_menu.vue?vue&type=script&lang=js&
5040
+ //
5041
+ //
5042
+ //
5043
+ //
5044
+ //
5045
+ //
5046
+ //
5047
+ //
5048
+ //
5049
+ //
5050
+ //
5051
+ //
5052
+ //
5053
+ //
5054
+ //
5055
+ //
5056
+ //
5057
+ //
5058
+ //
5059
+ //
5060
+ //
5061
+ //
5062
+ //
5063
+ //
5064
+ //
5065
+ //
5066
+ //
5067
+ //
5068
+ //
5069
+ //
5070
+ //
5071
+ //
5072
+ //
5073
+ //
5074
+ //
5075
+ //
5076
+ //
5077
+ //
5078
+ //
5079
+ //
5080
+ //
5081
+ //
5082
+ //
5083
+ //
5084
+ //
5085
+ //
5086
+ //
5087
+ //
5088
+ //
5089
+ //
5090
+ //
5091
+ //
5092
+ //
5093
+ //
5094
+ //
5095
+ //
5096
+ //
5097
+ //
5098
+ //
5099
+ //
5100
+ //
5101
+ //
5102
+ //
5103
+ //
5104
+ //
5105
+ //
5106
+ //
5107
+ //
5108
+ //
5109
+ //
5110
+ //
5111
+ //
5112
+
5113
+
5114
+
5115
+
5116
+
5117
+
5118
+
5119
+ /* harmony default export */ var select_menuvue_type_script_lang_js_ = ({
5120
+ name: 'DtSelectMenu',
5121
+ components: {
5122
+ DtValidationMessages: validation_messages
5123
+ },
5124
+ mixins: [MessagesMixin],
5125
+ inheritAttrs: false,
5126
+ props: {
5127
+ /**
5128
+ * Label for the select
5129
+ */
5130
+ label: {
5131
+ type: String,
5132
+ default: ''
5133
+ },
5134
+
5135
+ /**
5136
+ * Description for the select
5137
+ */
5138
+ description: {
5139
+ type: String,
5140
+ default: ''
5141
+ },
5142
+
5143
+ /**
5144
+ * Select Menu Options, overridden by default slot. Each option has the following structure:
5145
+ * `{ index: number (optional), value: number || string (required), label: string (required) }`
5146
+ * @param {Object[]} options - Optional - A list that can be used to create a list of select menu options
5147
+ * @param {number} options[].index - Optional - The index of the option
5148
+ * @param {number|string} options[].value - Required - The option value
5149
+ * @param {string} options[].label - Required - The option Label
5150
+ */
5151
+ options: {
5152
+ type: Array,
5153
+ default: () => [],
5154
+ validator: options => optionsValidator(options)
5155
+ },
5156
+
5157
+ /**
5158
+ * Controls the size of the select
5159
+ * @values xs, s, md, lg, xl
5160
+ * @see https://dialpad.design/components/select
5161
+ */
5162
+ size: {
5163
+ type: String,
5164
+ default: 'md',
5165
+ validator: s => Object.keys(SELECT_SIZE_MODIFIERS).includes(s)
5166
+ },
5167
+
5168
+ /**
5169
+ * Used to customize the label container
5170
+ */
5171
+ labelClass: {
5172
+ type: [String, Array, Object],
5173
+ default: ''
5174
+ },
5175
+
5176
+ /**
5177
+ * Used to customize the description container
5178
+ */
5179
+ descriptionClass: {
5180
+ type: [String, Array, Object],
5181
+ default: ''
5182
+ },
5183
+
5184
+ /**
5185
+ * Used to customize the select
5186
+ */
5187
+ selectClass: {
5188
+ type: [String, Array, Object],
5189
+ default: ''
5190
+ },
5191
+
5192
+ /**
5193
+ * Used to customize each option, should options be provided via prop
5194
+ */
5195
+ optionClass: {
5196
+ type: [String, Array, Object],
5197
+ default: ''
5198
+ },
5199
+
5200
+ /**
5201
+ * A set of props that are passed into the label container
5202
+ */
5203
+ labelChildProps: {
5204
+ type: Object,
5205
+ default: () => ({})
5206
+ },
5207
+
5208
+ /**
5209
+ * A set of props that are passed into the description container
5210
+ */
5211
+ descriptionChildProps: {
5212
+ type: Object,
5213
+ default: () => ({})
5214
+ },
5215
+
5216
+ /**
5217
+ * A set of props that are passed into each option, should options be provided via prop
5218
+ */
5219
+ optionChildProps: {
5220
+ type: Object,
5221
+ default: () => ({})
5222
+ }
5223
+ },
5224
+
5225
+ data() {
5226
+ return {
5227
+ LABEL_SIZE_MODIFIERS: LABEL_SIZE_MODIFIERS,
5228
+ DESCRIPTION_SIZE_MODIFIERS: DESCRIPTION_SIZE_MODIFIERS,
5229
+ SELECT_SIZE_MODIFIERS: SELECT_SIZE_MODIFIERS,
5230
+ SELECT_STATE_MODIFIERS: SELECT_STATE_MODIFIERS
5231
+ };
5232
+ },
5233
+
5234
+ computed: {
5235
+ selectListeners() {
5236
+ return {
5237
+ /* TODO
5238
+ Check if any usages of this component leverage $listeners and either remove if unused or scope the removal
5239
+ and migration prior to upgrading to Vue 3.x
5240
+ */
5241
+ // eslint-disable-next-line vue/no-deprecated-dollar-listeners-api
5242
+ ...this.$listeners,
5243
+
5244
+ /*
5245
+ * Override input listener to as no-op. Prevents parent input listeners from being passed through onto the input
5246
+ * element which will result in the hander being called twice (once on the select element and once by the
5247
+ * emitted input event by the change listener).
5248
+ */
5249
+ input: () => {},
5250
+ change: event => this.emitValue(event.target.value)
5251
+ };
5252
+ },
5253
+
5254
+ state() {
5255
+ return getValidationState(this.formattedMessages);
5256
+ },
5257
+
5258
+ selectKey() {
5259
+ return getUniqueString();
5260
+ },
5261
+
5262
+ descriptionKey() {
5263
+ return `select-${this.selectKey}-description`;
5264
+ },
5265
+
5266
+ labelAriaDetails() {
5267
+ if (this.$slots.description || this.description) {
5268
+ return this.descriptionKey;
5269
+ }
5270
+
5271
+ return this.$attrs['aria-details'];
5272
+ }
5273
+
5274
+ },
5275
+ methods: {
5276
+ emitValue(value) {
5277
+ this.$emit('input', value);
5278
+ this.$emit('change', value);
5279
+ },
5280
+
5281
+ getOptionKey(value) {
5282
+ return `select-${this.selectKey}-option-${value}`;
5283
+ },
5284
+
5285
+ validateOptionsPresence() {
5286
+ var _this$options;
5287
+
5288
+ if (((_this$options = this.options) === null || _this$options === void 0 ? void 0 : _this$options.length) < 1 && !this.$slots.default) {
5289
+ external_commonjs_vue_commonjs2_vue_root_Vue_default.a.util.warn('Options are expected to be provided via prop or slot', this);
5290
+ }
5291
+ }
5292
+
5293
+ },
5294
+
5295
+ mounted() {
5296
+ this.validateOptionsPresence();
5297
+ },
5298
+
5299
+ beforeUpdate() {
5300
+ this.validateOptionsPresence();
5301
+ }
5302
+
5303
+ });
5304
+ // CONCATENATED MODULE: ./components/select_menu/select_menu.vue?vue&type=script&lang=js&
5305
+ /* harmony default export */ var select_menu_select_menuvue_type_script_lang_js_ = (select_menuvue_type_script_lang_js_);
5306
+ // CONCATENATED MODULE: ./components/select_menu/select_menu.vue
5307
+
5308
+
5309
+
5310
+
5311
+
5312
+ /* normalize component */
5313
+
5314
+ var select_menu_component = normalizeComponent(
5315
+ select_menu_select_menuvue_type_script_lang_js_,
5316
+ select_menuvue_type_template_id_7efee0c6_render,
5317
+ select_menuvue_type_template_id_7efee0c6_staticRenderFns,
5318
+ false,
5319
+ null,
5320
+ null,
5321
+ null
5322
+
5323
+ )
5324
+
5325
+ /* harmony default export */ var select_menu = (select_menu_component.exports);
5326
+ // CONCATENATED MODULE: ./components/select_menu/index.js
5327
+
5328
+
4685
5329
  // CONCATENATED MODULE: ./components/mixins/index.js
4686
5330
 
4687
5331
 
@@ -4701,6 +5345,9 @@ var checkbox_group_component = normalizeComponent(
4701
5345
 
4702
5346
 
4703
5347
 
5348
+
5349
+
5350
+
4704
5351
  // Mixins
4705
5352
 
4706
5353
  // Constants