@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.
@@ -599,6 +599,8 @@ var update = add("572d8ba2", content, true, {"sourceMap":false,"shadowMode":fals
599
599
  __webpack_require__.r(__webpack_exports__);
600
600
 
601
601
  // EXPORTS
602
+ __webpack_require__.d(__webpack_exports__, "DtBadge", function() { return /* reexport */ badge; });
603
+ __webpack_require__.d(__webpack_exports__, "BADGE_COLOR_MODIFIERS", function() { return /* reexport */ BADGE_COLOR_MODIFIERS; });
602
604
  __webpack_require__.d(__webpack_exports__, "DtBanner", function() { return /* reexport */ banner; });
603
605
  __webpack_require__.d(__webpack_exports__, "DtButton", function() { return /* reexport */ button_button; });
604
606
  __webpack_require__.d(__webpack_exports__, "DtInput", function() { return /* reexport */ input_input; });
@@ -611,6 +613,9 @@ __webpack_require__.d(__webpack_exports__, "MODAL_SIZE_MODIFIERS", function() {
611
613
  __webpack_require__.d(__webpack_exports__, "DtLazyShow", function() { return /* reexport */ lazy_show; });
612
614
  __webpack_require__.d(__webpack_exports__, "DtListSection", function() { return /* reexport */ list_section; });
613
615
  __webpack_require__.d(__webpack_exports__, "DtListItem", function() { return /* reexport */ list_item; });
616
+ __webpack_require__.d(__webpack_exports__, "DtLink", function() { return /* reexport */ link_link; });
617
+ __webpack_require__.d(__webpack_exports__, "LINK_VARIANTS", function() { return /* reexport */ LINK_VARIANTS; });
618
+ __webpack_require__.d(__webpack_exports__, "LINK_KIND_MODIFIERS", function() { return /* reexport */ LINK_KIND_MODIFIERS; });
614
619
  __webpack_require__.d(__webpack_exports__, "DtNotice", function() { return /* reexport */ notice; });
615
620
  __webpack_require__.d(__webpack_exports__, "NOTICE_KINDS", function() { return /* reexport */ NOTICE_KINDS; });
616
621
  __webpack_require__.d(__webpack_exports__, "DtPopover", function() { return /* reexport */ popover; });
@@ -623,6 +628,9 @@ __webpack_require__.d(__webpack_exports__, "DtRadioGroup", function() { return /
623
628
  __webpack_require__.d(__webpack_exports__, "DtValidationMessages", function() { return /* reexport */ validation_messages; });
624
629
  __webpack_require__.d(__webpack_exports__, "DtCheckbox", function() { return /* reexport */ checkbox_checkbox; });
625
630
  __webpack_require__.d(__webpack_exports__, "DtCheckboxGroup", function() { return /* reexport */ checkbox_group; });
631
+ __webpack_require__.d(__webpack_exports__, "DtSelectMenu", function() { return /* reexport */ select_menu; });
632
+ __webpack_require__.d(__webpack_exports__, "SELECT_SIZE_MODIFIERS", function() { return /* reexport */ SELECT_SIZE_MODIFIERS; });
633
+ __webpack_require__.d(__webpack_exports__, "SELECT_STATE_MODIFIERS", function() { return /* reexport */ SELECT_STATE_MODIFIERS; });
626
634
  __webpack_require__.d(__webpack_exports__, "DtInputMixin", function() { return /* reexport */ InputMixin; });
627
635
  __webpack_require__.d(__webpack_exports__, "DtCheckableInputMixin", function() { return /* reexport */ CheckableMixin; });
628
636
  __webpack_require__.d(__webpack_exports__, "DtGroupableInputMixin", function() { return /* reexport */ GroupableMixin; });
@@ -652,27 +660,80 @@ if (typeof window !== 'undefined') {
652
660
  // Indicate to webpack that this file can be concatenated
653
661
  /* harmony default export */ var setPublicPath = (null);
654
662
 
655
- // 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&
656
- 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)])}
663
+ // 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&
664
+ var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{class:[
665
+ 'd-badge',
666
+ _vm.BADGE_COLOR_MODIFIERS[_vm.color] ],attrs:{"data-qa":"dt-badge"}},[_vm._t("default",[_vm._v(" "+_vm._s(_vm.text)+" ")])],2)}
657
667
  var staticRenderFns = []
658
668
 
659
669
 
660
- // CONCATENATED MODULE: ./components/banner/banner.vue?vue&type=template&id=928dbcb4&
661
-
662
- // 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&
663
- 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()}
664
- var notice_iconvue_type_template_id_21baafec_staticRenderFns = []
665
-
666
-
667
- // CONCATENATED MODULE: ./components/notice/notice_icon.vue?vue&type=template&id=21baafec&
670
+ // CONCATENATED MODULE: ./components/badge/badge.vue?vue&type=template&id=8281dbe6&
671
+
672
+ // CONCATENATED MODULE: ./components/badge/badge_constants.js
673
+ const BADGE_COLOR_MODIFIERS = {
674
+ base: '',
675
+ 'black-700': 'd-badge--black-700',
676
+ 'green-400': 'd-badge--green-400',
677
+ 'orange-400': 'd-badge--orange-400',
678
+ 'pink-300': 'd-badge--pink-300',
679
+ 'pink-500': 'd-badge--pink-500',
680
+ 'pink-600': 'd-badge--pink-600',
681
+ 'pink-700': 'd-badge--pink-700',
682
+ 'purple-100': 'd-badge--purple-100',
683
+ 'purple-300': 'd-badge--purple-300',
684
+ 'purple-500': 'd-badge--purple-500',
685
+ 'purple-700': 'd-badge--purple-700',
686
+ 'red-500': 'd-badge--red-500',
687
+ white: 'd-badge--white',
688
+ 'yellow-300': 'd-badge--yellow-300'
689
+ };
690
+ // 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&
691
+ //
692
+ //
693
+ //
694
+ //
695
+ //
696
+ //
697
+ //
698
+ //
699
+ //
700
+ //
701
+ //
702
+ //
703
+ //
704
+ //
705
+ //
668
706
 
669
- // 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&
670
- 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"}})])}
671
- var IconInfovue_type_template_id_d1105ee6_staticRenderFns = []
707
+ /* harmony default export */ var badgevue_type_script_lang_js_ = ({
708
+ name: 'DtBadge',
709
+ props: {
710
+ /**
711
+ * Text for the badge content
712
+ */
713
+ text: {
714
+ type: String,
715
+ default: ''
716
+ },
672
717
 
718
+ /**
719
+ * Color for the badge background
720
+ */
721
+ color: {
722
+ type: String,
723
+ default: 'base',
724
+ validator: color => Object.keys(BADGE_COLOR_MODIFIERS).includes(color)
725
+ }
726
+ },
673
727
 
674
- // CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconInfo.vue?vue&type=template&id=d1105ee6&
728
+ data() {
729
+ return {
730
+ BADGE_COLOR_MODIFIERS: BADGE_COLOR_MODIFIERS
731
+ };
732
+ }
675
733
 
734
+ });
735
+ // CONCATENATED MODULE: ./components/badge/badge.vue?vue&type=script&lang=js&
736
+ /* harmony default export */ var badge_badgevue_type_script_lang_js_ = (badgevue_type_script_lang_js_);
676
737
  // CONCATENATED MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
677
738
  /* globals __VUE_SSR_CONTEXT__ */
678
739
 
@@ -773,15 +834,85 @@ function normalizeComponent (
773
834
  }
774
835
  }
775
836
 
776
- // CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconInfo.vue
837
+ // CONCATENATED MODULE: ./components/badge/badge.vue
838
+
839
+
777
840
 
778
- var script = {}
779
841
 
780
842
 
781
843
  /* normalize component */
782
844
 
783
845
  var component = normalizeComponent(
846
+ badge_badgevue_type_script_lang_js_,
847
+ render,
848
+ staticRenderFns,
849
+ false,
850
+ null,
851
+ null,
852
+ null
853
+
854
+ )
855
+
856
+ /* harmony default export */ var badge = (component.exports);
857
+ // CONCATENATED MODULE: ./components/badge/index.js
858
+
859
+
860
+ // 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&
861
+ 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)])}
862
+ var bannervue_type_template_id_928dbcb4_staticRenderFns = []
863
+
864
+
865
+ // CONCATENATED MODULE: ./components/banner/banner.vue?vue&type=template&id=928dbcb4&
866
+
867
+ // 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&
868
+ 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()}
869
+ var notice_iconvue_type_template_id_58ae40bb_staticRenderFns = []
870
+
871
+
872
+ // CONCATENATED MODULE: ./components/notice/notice_icon.vue?vue&type=template&id=58ae40bb&
873
+
874
+ // 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&
875
+ 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"}})])}
876
+ var IconLightbulbvue_type_template_id_07d1b1af_staticRenderFns = []
877
+
878
+
879
+ // CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconLightbulb.vue?vue&type=template&id=07d1b1af&
880
+
881
+ // CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconLightbulb.vue
882
+
883
+ var script = {}
884
+
885
+
886
+ /* normalize component */
887
+
888
+ var IconLightbulb_component = normalizeComponent(
784
889
  script,
890
+ IconLightbulbvue_type_template_id_07d1b1af_render,
891
+ IconLightbulbvue_type_template_id_07d1b1af_staticRenderFns,
892
+ false,
893
+ null,
894
+ null,
895
+ null
896
+
897
+ )
898
+
899
+ /* harmony default export */ var IconLightbulb = (IconLightbulb_component.exports);
900
+ // 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&
901
+ 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"}})])}
902
+ var IconInfovue_type_template_id_d1105ee6_staticRenderFns = []
903
+
904
+
905
+ // CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconInfo.vue?vue&type=template&id=d1105ee6&
906
+
907
+ // CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconInfo.vue
908
+
909
+ var IconInfo_script = {}
910
+
911
+
912
+ /* normalize component */
913
+
914
+ var IconInfo_component = normalizeComponent(
915
+ IconInfo_script,
785
916
  IconInfovue_type_template_id_d1105ee6_render,
786
917
  IconInfovue_type_template_id_d1105ee6_staticRenderFns,
787
918
  false,
@@ -791,8 +922,8 @@ var component = normalizeComponent(
791
922
 
792
923
  )
793
924
 
794
- /* harmony default export */ var IconInfo = (component.exports);
795
- // 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&
925
+ /* harmony default export */ var IconInfo = (IconInfo_component.exports);
926
+ // 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&
796
927
  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"}})])}
797
928
  var IconWarningvue_type_template_id_0a24defa_staticRenderFns = []
798
929
 
@@ -818,7 +949,7 @@ var IconWarning_component = normalizeComponent(
818
949
  )
819
950
 
820
951
  /* harmony default export */ var IconWarning = (IconWarning_component.exports);
821
- // 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&
952
+ // 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&
822
953
  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"}})])}
823
954
  var IconErrorvue_type_template_id_4d9e3e9d_staticRenderFns = []
824
955
 
@@ -844,24 +975,24 @@ var IconError_component = normalizeComponent(
844
975
  )
845
976
 
846
977
  /* harmony default export */ var IconError = (IconError_component.exports);
847
- // 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&
848
- 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"}})])}
849
- var IconCheckmarkvue_type_template_id_00878f9c_staticRenderFns = []
978
+ // 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&
979
+ 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"}})])}
980
+ var IconCheckCirclevue_type_template_id_016c7d48_staticRenderFns = []
850
981
 
851
982
 
852
- // CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconCheckmark.vue?vue&type=template&id=00878f9c&
983
+ // CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconCheckCircle.vue?vue&type=template&id=016c7d48&
853
984
 
854
- // CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconCheckmark.vue
985
+ // CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconCheckCircle.vue
855
986
 
856
- var IconCheckmark_script = {}
987
+ var IconCheckCircle_script = {}
857
988
 
858
989
 
859
990
  /* normalize component */
860
991
 
861
- var IconCheckmark_component = normalizeComponent(
862
- IconCheckmark_script,
863
- IconCheckmarkvue_type_template_id_00878f9c_render,
864
- IconCheckmarkvue_type_template_id_00878f9c_staticRenderFns,
992
+ var IconCheckCircle_component = normalizeComponent(
993
+ IconCheckCircle_script,
994
+ IconCheckCirclevue_type_template_id_016c7d48_render,
995
+ IconCheckCirclevue_type_template_id_016c7d48_staticRenderFns,
865
996
  false,
866
997
  null,
867
998
  null,
@@ -869,11 +1000,13 @@ var IconCheckmark_component = normalizeComponent(
869
1000
 
870
1001
  )
871
1002
 
872
- /* harmony default export */ var IconCheckmark = (IconCheckmark_component.exports);
1003
+ /* harmony default export */ var IconCheckCircle = (IconCheckCircle_component.exports);
873
1004
  // CONCATENATED MODULE: ./components/notice/notice_constants.js
874
- const NOTICE_KINDS = ['', 'info', 'warning', 'error', 'success'];
1005
+ const NOTICE_KINDS = ['base', 'error', 'info', 'success', 'warning'];
1006
+ const NOTICE_ROLES = ['alert', 'alertdialog', 'status'];
875
1007
  /* harmony default export */ var notice_constants = ({
876
- NOTICE_KINDS
1008
+ NOTICE_KINDS,
1009
+ NOTICE_ROLES
877
1010
  });
878
1011
  // 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&
879
1012
  //
@@ -888,19 +1021,23 @@ const NOTICE_KINDS = ['', 'info', 'warning', 'error', 'success'];
888
1021
  //
889
1022
  //
890
1023
  //
1024
+ //
1025
+ //
1026
+
891
1027
 
892
1028
 
893
1029
 
894
1030
 
895
1031
 
896
- const kindToIcon = new Map([['info', 'IconInfo'], ['success', 'IconCheckmark'], ['warning', 'IconWarning'], ['error', 'IconError'], ['base', null]]);
1032
+ const kindToIcon = new Map([['info', 'IconInfo'], ['success', 'IconCheckCircle'], ['warning', 'IconWarning'], ['error', 'IconError'], ['base', 'IconLightbulb']]);
897
1033
  /* harmony default export */ var notice_iconvue_type_script_lang_js_ = ({
898
1034
  name: 'DtNoticeIcon',
899
1035
  components: {
1036
+ IconLightbulb: IconLightbulb,
900
1037
  IconInfo: IconInfo,
901
1038
  IconWarning: IconWarning,
902
1039
  IconError: IconError,
903
- IconCheckmark: IconCheckmark
1040
+ IconCheckCircle: IconCheckCircle
904
1041
  },
905
1042
  props: {
906
1043
  kind: {
@@ -932,8 +1069,8 @@ const kindToIcon = new Map([['info', 'IconInfo'], ['success', 'IconCheckmark'],
932
1069
 
933
1070
  var notice_icon_component = normalizeComponent(
934
1071
  notice_notice_iconvue_type_script_lang_js_,
935
- notice_iconvue_type_template_id_21baafec_render,
936
- notice_iconvue_type_template_id_21baafec_staticRenderFns,
1072
+ notice_iconvue_type_template_id_58ae40bb_render,
1073
+ notice_iconvue_type_template_id_58ae40bb_staticRenderFns,
937
1074
  false,
938
1075
  null,
939
1076
  null,
@@ -942,12 +1079,12 @@ var notice_icon_component = normalizeComponent(
942
1079
  )
943
1080
 
944
1081
  /* harmony default export */ var notice_icon = (notice_icon_component.exports);
945
- // 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&
946
- 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)])}
947
- var notice_contentvue_type_template_id_153d0212_staticRenderFns = []
1082
+ // 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&
1083
+ 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)])}
1084
+ var notice_contentvue_type_template_id_4ce704f6_staticRenderFns = []
948
1085
 
949
1086
 
950
- // CONCATENATED MODULE: ./components/notice/notice_content.vue?vue&type=template&id=153d0212&
1087
+ // CONCATENATED MODULE: ./components/notice/notice_content.vue?vue&type=template&id=4ce704f6&
951
1088
 
952
1089
  // 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&
953
1090
  //
@@ -972,6 +1109,9 @@ var notice_contentvue_type_template_id_153d0212_staticRenderFns = []
972
1109
  //
973
1110
  //
974
1111
  //
1112
+ //
1113
+ //
1114
+ //
975
1115
  /* harmony default export */ var notice_contentvue_type_script_lang_js_ = ({
976
1116
  name: 'DtNoticeContent',
977
1117
  props: {
@@ -1001,8 +1141,8 @@ var notice_contentvue_type_template_id_153d0212_staticRenderFns = []
1001
1141
 
1002
1142
  var notice_content_component = normalizeComponent(
1003
1143
  notice_notice_contentvue_type_script_lang_js_,
1004
- notice_contentvue_type_template_id_153d0212_render,
1005
- notice_contentvue_type_template_id_153d0212_staticRenderFns,
1144
+ notice_contentvue_type_template_id_4ce704f6_render,
1145
+ notice_contentvue_type_template_id_4ce704f6_staticRenderFns,
1006
1146
  false,
1007
1147
  null,
1008
1148
  null,
@@ -1011,14 +1151,14 @@ var notice_content_component = normalizeComponent(
1011
1151
  )
1012
1152
 
1013
1153
  /* harmony default export */ var notice_content = (notice_content_component.exports);
1014
- // 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&
1015
- 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)}
1016
- var notice_actionvue_type_template_id_5a25139e_staticRenderFns = []
1154
+ // 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&
1155
+ 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)}
1156
+ var notice_actionvue_type_template_id_279e5f84_staticRenderFns = []
1017
1157
 
1018
1158
 
1019
- // CONCATENATED MODULE: ./components/notice/notice_action.vue?vue&type=template&id=5a25139e&
1159
+ // CONCATENATED MODULE: ./components/notice/notice_action.vue?vue&type=template&id=279e5f84&
1020
1160
 
1021
- // 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&
1161
+ // 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&
1022
1162
  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"}})])}
1023
1163
  var IconClosevue_type_template_id_18642c39_staticRenderFns = []
1024
1164
 
@@ -1044,12 +1184,12 @@ var IconClose_component = normalizeComponent(
1044
1184
  )
1045
1185
 
1046
1186
  /* harmony default export */ var IconClose = (IconClose_component.exports);
1047
- // 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&
1048
- 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)])}
1049
- var buttonvue_type_template_id_3fe946f4_staticRenderFns = []
1187
+ // 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&
1188
+ 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)])}
1189
+ var buttonvue_type_template_id_5e4841a0_staticRenderFns = []
1050
1190
 
1051
1191
 
1052
- // CONCATENATED MODULE: ./components/button/button.vue?vue&type=template&id=3fe946f4&
1192
+ // CONCATENATED MODULE: ./components/button/button.vue?vue&type=template&id=5e4841a0&
1053
1193
 
1054
1194
  // EXTERNAL MODULE: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
1055
1195
  var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__("8bbf");
@@ -1065,6 +1205,7 @@ const BUTTON_SIZE_MODIFIERS = {
1065
1205
  };
1066
1206
  const BUTTON_KIND_MODIFIERS = {
1067
1207
  default: '',
1208
+ muted: 'd-btn--muted',
1068
1209
  danger: 'd-btn--danger',
1069
1210
  inverted: 'd-btn--inverted'
1070
1211
  };
@@ -1077,16 +1218,6 @@ const BUTTON_TYPES = ['submit', 'reset', 'button'];
1077
1218
  const ICON_POSITION_MODIFIERS = {
1078
1219
  left: 'd-btn__icon--left',
1079
1220
  right: 'd-btn__icon--right'
1080
- }; // TODO: Use LINK_KIND_MODIFIERS from the link component
1081
- // rather than this one once it gets merged in.
1082
-
1083
- const LINK_KIND_MODIFIERS = {
1084
- default: 'd-link',
1085
- warning: 'd-link--warning',
1086
- danger: 'd-link--danger',
1087
- success: 'd-link--success',
1088
- muted: 'd-link--muted',
1089
- inverted: 'd-link--inverted'
1090
1221
  };
1091
1222
  const INVALID_COMBINATION = [{
1092
1223
  circle: true,
@@ -1114,9 +1245,23 @@ list of available button styles`;
1114
1245
  BUTTON_IMPORTANCE_MODIFIERS,
1115
1246
  BUTTON_TYPES,
1116
1247
  ICON_POSITION_MODIFIERS,
1117
- LINK_KIND_MODIFIERS,
1118
1248
  INVALID_COMBINATION
1119
1249
  });
1250
+ // CONCATENATED MODULE: ./components/link/link_constants.js
1251
+ const DANGER = 'danger';
1252
+ const WARNING = 'warning';
1253
+ const SUCCESS = 'success';
1254
+ const MUTED = 'muted';
1255
+ const INVERTED = 'inverted';
1256
+ const LINK_VARIANTS = ['', DANGER, WARNING, SUCCESS, MUTED, INVERTED];
1257
+ const LINK_KIND_MODIFIERS = {
1258
+ default: '',
1259
+ warning: 'd-link--warning',
1260
+ danger: 'd-link--danger',
1261
+ success: 'd-link--success',
1262
+ muted: 'd-link--muted',
1263
+ inverted: 'd-link--inverted'
1264
+ };
1120
1265
  // 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&
1121
1266
  //
1122
1267
  //
@@ -1149,6 +1294,7 @@ list of available button styles`;
1149
1294
  //
1150
1295
 
1151
1296
 
1297
+
1152
1298
  /**
1153
1299
  * Base Vue component for Dialtone Buttons.
1154
1300
  * @displayName HSButton
@@ -1351,8 +1497,8 @@ list of available button styles`;
1351
1497
 
1352
1498
  var button_component = normalizeComponent(
1353
1499
  button_buttonvue_type_script_lang_js_,
1354
- buttonvue_type_template_id_3fe946f4_render,
1355
- buttonvue_type_template_id_3fe946f4_staticRenderFns,
1500
+ buttonvue_type_template_id_5e4841a0_render,
1501
+ buttonvue_type_template_id_5e4841a0_staticRenderFns,
1356
1502
  false,
1357
1503
  null,
1358
1504
  null,
@@ -1381,6 +1527,9 @@ var button_component = normalizeComponent(
1381
1527
  //
1382
1528
  //
1383
1529
  //
1530
+ //
1531
+ //
1532
+ //
1384
1533
 
1385
1534
 
1386
1535
  /* harmony default export */ var notice_actionvue_type_script_lang_js_ = ({
@@ -1437,8 +1586,8 @@ var button_component = normalizeComponent(
1437
1586
 
1438
1587
  var notice_action_component = normalizeComponent(
1439
1588
  notice_notice_actionvue_type_script_lang_js_,
1440
- notice_actionvue_type_template_id_5a25139e_render,
1441
- notice_actionvue_type_template_id_5a25139e_staticRenderFns,
1589
+ notice_actionvue_type_template_id_279e5f84_render,
1590
+ notice_actionvue_type_template_id_279e5f84_staticRenderFns,
1442
1591
  false,
1443
1592
  null,
1444
1593
  null,
@@ -1478,11 +1627,30 @@ const focusableElementsList = `button:${nonFocusableAttrs},
1478
1627
 
1479
1628
  const focusableElements = this._getFocusableElements(el);
1480
1629
 
1630
+ const elToFocus = this._getFirstFocusElement(focusableElements);
1631
+
1632
+ elToFocus === null || elToFocus === void 0 ? void 0 : elToFocus.focus();
1633
+ },
1634
+
1635
+ /**
1636
+ * internal use only.
1637
+ *
1638
+ * @param focusableElements - list of focusable elements
1639
+ * @returns {*} - first DOM element that is focusable.
1640
+ * @private
1641
+ */
1642
+ _getFirstFocusElement(focusableElements) {
1481
1643
  if (!focusableElements.length) {
1482
1644
  return;
1483
1645
  }
1484
1646
 
1485
- focusableElements[0].focus();
1647
+ let firstFocusEl = focusableElements[0]; // If first element is a checkbox, put focus on the selected checkbox or the first checkbox if none are selected.
1648
+
1649
+ if (firstFocusEl.matches('[type="radio"]:not(:checked)')) {
1650
+ firstFocusEl = focusableElements.find(el => el.checked && el.name === firstFocusEl.name) || firstFocusEl;
1651
+ }
1652
+
1653
+ return firstFocusEl;
1486
1654
  },
1487
1655
 
1488
1656
  /**
@@ -1518,7 +1686,8 @@ const focusableElementsList = `button:${nonFocusableAttrs},
1518
1686
  return;
1519
1687
  }
1520
1688
 
1521
- const firstFocusableElement = focusableElements[0];
1689
+ const firstFocusableElement = this._getFirstFocusElement(focusableElements);
1690
+
1522
1691
  const lastFocusableElement = focusableElements[focusableElements.length - 1];
1523
1692
 
1524
1693
  if (e.shiftKey) {
@@ -1555,6 +1724,22 @@ const VALIDATION_MESSAGE_TYPES = {
1555
1724
  const DESCRIPTION_SIZE_TYPES = {
1556
1725
  LARGE: 'lg',
1557
1726
  EXTRA_LARGE: 'xl'
1727
+ }; // Description size variants
1728
+
1729
+ const DESCRIPTION_SIZE_MODIFIERS = {
1730
+ xs: '',
1731
+ sm: '',
1732
+ md: '',
1733
+ lg: 'd-description--lg',
1734
+ xl: 'd-description--xl'
1735
+ }; // Label size variants
1736
+
1737
+ const LABEL_SIZE_MODIFIERS = {
1738
+ xs: 'd-label--xs',
1739
+ sm: 'd-label--sm',
1740
+ md: '',
1741
+ lg: 'd-label--lg',
1742
+ xl: 'd-label--xl'
1558
1743
  };
1559
1744
  /*
1560
1745
  * Any string message or message object in the messages prop that do not specify
@@ -1823,8 +2008,8 @@ function hasFormattedMessageOfType(formattedMessages, messageType) {
1823
2008
 
1824
2009
  var banner_component = normalizeComponent(
1825
2010
  banner_bannervue_type_script_lang_js_,
1826
- render,
1827
- staticRenderFns,
2011
+ bannervue_type_template_id_928dbcb4_render,
2012
+ bannervue_type_template_id_928dbcb4_staticRenderFns,
1828
2013
  false,
1829
2014
  null,
1830
2015
  null,
@@ -1837,12 +2022,20 @@ var banner_component = normalizeComponent(
1837
2022
 
1838
2023
  // CONCATENATED MODULE: ./components/button/index.js
1839
2024
 
1840
- // 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&
1841
- 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)}
1842
- var inputvue_type_template_id_4ecb5bb6_staticRenderFns = []
2025
+ // 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&
2026
+ var inputvue_type_template_id_4e7e7271_render = function () {
2027
+ var _obj, _obj$1;
2028
+ 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:[
2029
+ 'base-input__label-text',
2030
+ 'd-label',
2031
+ ( _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:[
2032
+ 'base-input__description',
2033
+ 'd-description',
2034
+ ( _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)}
2035
+ var inputvue_type_template_id_4e7e7271_staticRenderFns = []
1843
2036
 
1844
2037
 
1845
- // CONCATENATED MODULE: ./components/input/input.vue?vue&type=template&id=4ecb5bb6&
2038
+ // CONCATENATED MODULE: ./components/input/input.vue?vue&type=template&id=4e7e7271&
1846
2039
 
1847
2040
  // CONCATENATED MODULE: ./components/input/input_constants.js
1848
2041
  // Valid input types, any other input types (for example: 'radio' or 'checkbox') should
@@ -1865,7 +2058,7 @@ const INPUT_SIZES = {
1865
2058
  INPUT_TYPES,
1866
2059
  INPUT_SIZES
1867
2060
  });
1868
- // 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&
2061
+ // 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&
1869
2062
  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){
1870
2063
  var message = ref.message;
1871
2064
  var type = ref.type;
@@ -2297,7 +2490,7 @@ const MessagesMixin = {
2297
2490
  * Used to customize the the validation messages component
2298
2491
  */
2299
2492
  messagesClass: {
2300
- type: String,
2493
+ type: [String, Array, Object],
2301
2494
  default: ''
2302
2495
  },
2303
2496
 
@@ -2426,6 +2619,14 @@ const MessagesMixin = {
2426
2619
  //
2427
2620
  //
2428
2621
  //
2622
+ //
2623
+ //
2624
+ //
2625
+ //
2626
+ //
2627
+ //
2628
+ //
2629
+ //
2429
2630
 
2430
2631
 
2431
2632
 
@@ -2508,6 +2709,14 @@ const MessagesMixin = {
2508
2709
  return this.size === INPUT_SIZES.DEFAULT;
2509
2710
  },
2510
2711
 
2712
+ isValidSize() {
2713
+ return Object.values(INPUT_SIZES).includes(this.size);
2714
+ },
2715
+
2716
+ isValidDescriptionSize() {
2717
+ return Object.values(DESCRIPTION_SIZE_TYPES).includes(this.size);
2718
+ },
2719
+
2511
2720
  inputComponent() {
2512
2721
  if (this.isTextarea) {
2513
2722
  return 'textarea';
@@ -2541,27 +2750,11 @@ const MessagesMixin = {
2541
2750
  },
2542
2751
 
2543
2752
  sizeModifierClass() {
2544
- if (this.isDefaultSize || !Object.values(INPUT_SIZES).includes(this.size)) {
2753
+ if (this.isDefaultSize || !this.isValidSize) {
2545
2754
  return '';
2546
2755
  }
2547
2756
 
2548
2757
  return `d-${this.inputComponent}--${this.size}`;
2549
- },
2550
-
2551
- labelSizeModifierClass() {
2552
- if (this.isDefaultSize || !Object.values(INPUT_SIZES).includes(this.size)) {
2553
- return '';
2554
- }
2555
-
2556
- return `d-label--${this.size}`;
2557
- },
2558
-
2559
- descriptionSizeModifierClass() {
2560
- if (this.isDefaultSize || !Object.values(DESCRIPTION_SIZE_TYPES).includes(this.size)) {
2561
- return '';
2562
- }
2563
-
2564
- return `d-description--${this.size}`;
2565
2758
  }
2566
2759
 
2567
2760
  },
@@ -2579,8 +2772,10 @@ const MessagesMixin = {
2579
2772
  },
2580
2773
 
2581
2774
  onBlur(e) {
2775
+ var _this$$refs$container;
2776
+
2582
2777
  // Do not emit a blur event if the target element is a child of this component
2583
- if (!this.$refs.container.contains(e.relatedTarget)) {
2778
+ if (!((_this$$refs$container = this.$refs.container) !== null && _this$$refs$container !== void 0 && _this$$refs$container.contains(e.relatedTarget))) {
2584
2779
  this.$emit('blur', e);
2585
2780
  }
2586
2781
  },
@@ -2620,8 +2815,8 @@ const MessagesMixin = {
2620
2815
 
2621
2816
  var input_component = normalizeComponent(
2622
2817
  input_inputvue_type_script_lang_js_,
2623
- inputvue_type_template_id_4ecb5bb6_render,
2624
- inputvue_type_template_id_4ecb5bb6_staticRenderFns,
2818
+ inputvue_type_template_id_4e7e7271_render,
2819
+ inputvue_type_template_id_4e7e7271_staticRenderFns,
2625
2820
  false,
2626
2821
  null,
2627
2822
  null,
@@ -2633,7 +2828,7 @@ var input_component = normalizeComponent(
2633
2828
  // CONCATENATED MODULE: ./components/input/index.js
2634
2829
 
2635
2830
 
2636
- // 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&
2831
+ // 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&
2637
2832
  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)}
2638
2833
  var input_groupvue_type_template_id_34acc7c9_staticRenderFns = []
2639
2834
 
@@ -2928,7 +3123,7 @@ var input_group_component = normalizeComponent(
2928
3123
  /* harmony default export */ var input_group_input_group = (input_group_component.exports);
2929
3124
  // CONCATENATED MODULE: ./components/input_group/index.js
2930
3125
 
2931
- // 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&
3126
+ // 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&
2932
3127
  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)])}
2933
3128
  var modalvue_type_template_id_7d597133_staticRenderFns = []
2934
3129
 
@@ -3213,7 +3408,7 @@ var modal_component = normalizeComponent(
3213
3408
  // CONCATENATED MODULE: ./components/modal/index.js
3214
3409
 
3215
3410
 
3216
- // 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&
3411
+ // 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&
3217
3412
  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)])}
3218
3413
  var lazy_showvue_type_template_id_25b42290_staticRenderFns = []
3219
3414
 
@@ -3296,7 +3491,7 @@ var lazy_show_component = normalizeComponent(
3296
3491
  /* harmony default export */ var lazy_show = (lazy_show_component.exports);
3297
3492
  // CONCATENATED MODULE: ./components/lazy_show/index.js
3298
3493
 
3299
- // 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&
3494
+ // 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&
3300
3495
  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',
3301
3496
  { '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)}
3302
3497
  var list_sectionvue_type_template_id_2154a8d5_staticRenderFns = []
@@ -3475,7 +3670,7 @@ var list_section_component = normalizeComponent(
3475
3670
  /* harmony default export */ var list_section = (list_section_component.exports);
3476
3671
  // CONCATENATED MODULE: ./components/list_section/index.js
3477
3672
 
3478
- // 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&
3673
+ // 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&
3479
3674
  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',
3480
3675
  { '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)}
3481
3676
  var list_itemvue_type_template_id_6b1bb1b9_staticRenderFns = []
@@ -3561,12 +3756,84 @@ var list_item_component = normalizeComponent(
3561
3756
  /* harmony default export */ var list_item = (list_item_component.exports);
3562
3757
  // CONCATENATED MODULE: ./components/list_item/index.js
3563
3758
 
3564
- // 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&
3565
- 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)}
3566
- var noticevue_type_template_id_5dec1a72_staticRenderFns = []
3759
+ // 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&
3760
+ 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:[
3761
+ 'd-link',
3762
+ _vm.LINK_KIND_MODIFIERS[_vm.kind] ],attrs:{"data-qa":"dt-link"}},[_vm._t("default")],2)}
3763
+ var linkvue_type_template_id_6af78110_staticRenderFns = []
3764
+
3765
+
3766
+ // CONCATENATED MODULE: ./components/link/link.vue?vue&type=template&id=6af78110&
3767
+
3768
+ // 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&
3769
+ //
3770
+ //
3771
+ //
3772
+ //
3773
+ //
3774
+ //
3775
+ //
3776
+ //
3777
+ //
3778
+ //
3779
+ //
3780
+ //
3567
3781
 
3782
+ /* harmony default export */ var linkvue_type_script_lang_js_ = ({
3783
+ name: 'DtLink',
3784
+ props: {
3785
+ /**
3786
+ * Applies the link variant styles
3787
+ */
3788
+ kind: {
3789
+ type: String,
3790
+ default: '',
3568
3791
 
3569
- // CONCATENATED MODULE: ./components/notice/notice.vue?vue&type=template&id=5dec1a72&
3792
+ validator(kind) {
3793
+ return LINK_VARIANTS.includes(kind);
3794
+ }
3795
+
3796
+ }
3797
+ },
3798
+
3799
+ data() {
3800
+ return {
3801
+ LINK_KIND_MODIFIERS: LINK_KIND_MODIFIERS
3802
+ };
3803
+ }
3804
+
3805
+ });
3806
+ // CONCATENATED MODULE: ./components/link/link.vue?vue&type=script&lang=js&
3807
+ /* harmony default export */ var link_linkvue_type_script_lang_js_ = (linkvue_type_script_lang_js_);
3808
+ // CONCATENATED MODULE: ./components/link/link.vue
3809
+
3810
+
3811
+
3812
+
3813
+
3814
+ /* normalize component */
3815
+
3816
+ var link_component = normalizeComponent(
3817
+ link_linkvue_type_script_lang_js_,
3818
+ linkvue_type_template_id_6af78110_render,
3819
+ linkvue_type_template_id_6af78110_staticRenderFns,
3820
+ false,
3821
+ null,
3822
+ null,
3823
+ null
3824
+
3825
+ )
3826
+
3827
+ /* harmony default export */ var link_link = (link_component.exports);
3828
+ // CONCATENATED MODULE: ./components/link/index.js
3829
+
3830
+
3831
+ // 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&
3832
+ 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)}
3833
+ var noticevue_type_template_id_40200ccc_staticRenderFns = []
3834
+
3835
+
3836
+ // CONCATENATED MODULE: ./components/notice/notice.vue?vue&type=template&id=40200ccc&
3570
3837
 
3571
3838
  // 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&
3572
3839
  //
@@ -3606,6 +3873,7 @@ var noticevue_type_template_id_5dec1a72_staticRenderFns = []
3606
3873
  //
3607
3874
  //
3608
3875
  //
3876
+ //
3609
3877
 
3610
3878
 
3611
3879
 
@@ -3644,6 +3912,21 @@ var noticevue_type_template_id_5dec1a72_staticRenderFns = []
3644
3912
  default: ''
3645
3913
  },
3646
3914
 
3915
+ /**
3916
+ * Provides a role for the notice. 'status' is used to communicate a message. 'alert' is used to communicate an
3917
+ * important message that does not contain any interactive elements. 'alertdialog' is used to communicate an
3918
+ * important message that does contain interactive elements.
3919
+ */
3920
+ role: {
3921
+ type: String,
3922
+ default: 'status',
3923
+
3924
+ validate(role) {
3925
+ return NOTICE_ROLES.includes(role);
3926
+ }
3927
+
3928
+ },
3929
+
3647
3930
  /**
3648
3931
  * Used in scenarios where the message needs to visually dominate the screen.
3649
3932
  * This will also change the aria role from status to alert.
@@ -3687,10 +3970,6 @@ var noticevue_type_template_id_5dec1a72_staticRenderFns = []
3687
3970
  return ['d-notice', `d-notice--${this.kind}`, {
3688
3971
  'd-notice--important': this.important
3689
3972
  }];
3690
- },
3691
-
3692
- role() {
3693
- return this.important ? 'alert' : 'status';
3694
3973
  }
3695
3974
 
3696
3975
  }
@@ -3707,8 +3986,8 @@ var noticevue_type_template_id_5dec1a72_staticRenderFns = []
3707
3986
 
3708
3987
  var notice_component = normalizeComponent(
3709
3988
  notice_noticevue_type_script_lang_js_,
3710
- noticevue_type_template_id_5dec1a72_render,
3711
- noticevue_type_template_id_5dec1a72_staticRenderFns,
3989
+ noticevue_type_template_id_40200ccc_render,
3990
+ noticevue_type_template_id_40200ccc_staticRenderFns,
3712
3991
  false,
3713
3992
  null,
3714
3993
  null,
@@ -3720,7 +3999,7 @@ var notice_component = normalizeComponent(
3720
3999
  // CONCATENATED MODULE: ./components/notice/index.js
3721
4000
 
3722
4001
 
3723
- // 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&
4002
+ // 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&
3724
4003
  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":{
3725
4004
  'aria-expanded': _vm.open.toString(),
3726
4005
  'aria-controls': _vm.id,
@@ -4124,7 +4403,7 @@ var popover_component = normalizeComponent(
4124
4403
  // CONCATENATED MODULE: ./components/popover/index.js
4125
4404
 
4126
4405
 
4127
- // 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&
4406
+ // 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&
4128
4407
  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)])])}
4129
4408
  var radiovue_type_template_id_7572bdc7_staticRenderFns = []
4130
4409
 
@@ -4394,7 +4673,7 @@ var radio_group_component = normalizeComponent(
4394
4673
  /* harmony default export */ var radio_group = (radio_group_component.exports);
4395
4674
  // CONCATENATED MODULE: ./components/radio_group/index.js
4396
4675
 
4397
- // 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&
4676
+ // 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&
4398
4677
  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)])])}
4399
4678
  var checkboxvue_type_template_id_13edc8c6_staticRenderFns = []
4400
4679
 
@@ -4691,6 +4970,371 @@ var checkbox_group_component = normalizeComponent(
4691
4970
  /* harmony default export */ var checkbox_group = (checkbox_group_component.exports);
4692
4971
  // CONCATENATED MODULE: ./components/checkbox_group/index.js
4693
4972
 
4973
+ // 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&
4974
+ 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:[
4975
+ 'd-label',
4976
+ _vm.LABEL_SIZE_MODIFIERS[_vm.size],
4977
+ _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:[
4978
+ 'd-description',
4979
+ _vm.DESCRIPTION_SIZE_MODIFIERS[_vm.size],
4980
+ _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:[
4981
+ 'd-select',
4982
+ _vm.SELECT_SIZE_MODIFIERS[_vm.size],
4983
+ _vm.selectClass ],attrs:{"data-qa":"dt-select-wrapper"}},[_c('select',_vm._g(_vm._b({class:[
4984
+ 'd-select__input',
4985
+ _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)}
4986
+ var select_menuvue_type_template_id_7efee0c6_staticRenderFns = []
4987
+
4988
+
4989
+ // CONCATENATED MODULE: ./components/select_menu/select_menu.vue?vue&type=template&id=7efee0c6&
4990
+
4991
+ // CONCATENATED MODULE: ./components/select_menu/select_menu_constants.js
4992
+ const SELECT_SIZE_MODIFIERS = {
4993
+ xs: 'd-select--xs',
4994
+ sm: 'd-select--sm',
4995
+ md: '',
4996
+ lg: 'd-select--lg',
4997
+ xl: 'd-select--xl'
4998
+ };
4999
+ const SELECT_STATE_MODIFIERS = {
5000
+ error: 'd-select__input--error',
5001
+ warning: 'd-select__input--warning',
5002
+ success: 'd-select__input--success'
5003
+ };
5004
+ /* harmony default export */ var select_menu_constants = ({
5005
+ SELECT_SIZE_MODIFIERS,
5006
+ SELECT_STATE_MODIFIERS
5007
+ });
5008
+ // CONCATENATED MODULE: ./components/select_menu/select_menu_validators.js
5009
+ const hasValidOptionIndex = option => !option.index || typeof option.index === 'number';
5010
+
5011
+ const hasValidOptionValue = option => {
5012
+ if (!option.value) {
5013
+ return false;
5014
+ }
5015
+
5016
+ return typeof option.value === 'string' || typeof option.value === 'number';
5017
+ };
5018
+
5019
+ const hasValidOptionLabel = option => {
5020
+ if (!option.label) {
5021
+ return false;
5022
+ }
5023
+
5024
+ return typeof option.label === 'string';
5025
+ };
5026
+
5027
+ const optionsValidator = options => {
5028
+ if (!options) {
5029
+ return true;
5030
+ }
5031
+
5032
+ return options.every(option => {
5033
+ if (!hasValidOptionIndex(option)) {
5034
+ return false;
5035
+ }
5036
+
5037
+ if (!hasValidOptionValue(option)) {
5038
+ return false;
5039
+ }
5040
+
5041
+ if (!hasValidOptionLabel(option)) {
5042
+ return false;
5043
+ }
5044
+
5045
+ return true;
5046
+ });
5047
+ };
5048
+ // 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&
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
+ //
5120
+ //
5121
+
5122
+
5123
+
5124
+
5125
+
5126
+
5127
+
5128
+ /* harmony default export */ var select_menuvue_type_script_lang_js_ = ({
5129
+ name: 'DtSelectMenu',
5130
+ components: {
5131
+ DtValidationMessages: validation_messages
5132
+ },
5133
+ mixins: [MessagesMixin],
5134
+ inheritAttrs: false,
5135
+ props: {
5136
+ /**
5137
+ * Label for the select
5138
+ */
5139
+ label: {
5140
+ type: String,
5141
+ default: ''
5142
+ },
5143
+
5144
+ /**
5145
+ * Description for the select
5146
+ */
5147
+ description: {
5148
+ type: String,
5149
+ default: ''
5150
+ },
5151
+
5152
+ /**
5153
+ * Select Menu Options, overridden by default slot. Each option has the following structure:
5154
+ * `{ index: number (optional), value: number || string (required), label: string (required) }`
5155
+ * @param {Object[]} options - Optional - A list that can be used to create a list of select menu options
5156
+ * @param {number} options[].index - Optional - The index of the option
5157
+ * @param {number|string} options[].value - Required - The option value
5158
+ * @param {string} options[].label - Required - The option Label
5159
+ */
5160
+ options: {
5161
+ type: Array,
5162
+ default: () => [],
5163
+ validator: options => optionsValidator(options)
5164
+ },
5165
+
5166
+ /**
5167
+ * Controls the size of the select
5168
+ * @values xs, s, md, lg, xl
5169
+ * @see https://dialpad.design/components/select
5170
+ */
5171
+ size: {
5172
+ type: String,
5173
+ default: 'md',
5174
+ validator: s => Object.keys(SELECT_SIZE_MODIFIERS).includes(s)
5175
+ },
5176
+
5177
+ /**
5178
+ * Used to customize the label container
5179
+ */
5180
+ labelClass: {
5181
+ type: [String, Array, Object],
5182
+ default: ''
5183
+ },
5184
+
5185
+ /**
5186
+ * Used to customize the description container
5187
+ */
5188
+ descriptionClass: {
5189
+ type: [String, Array, Object],
5190
+ default: ''
5191
+ },
5192
+
5193
+ /**
5194
+ * Used to customize the select
5195
+ */
5196
+ selectClass: {
5197
+ type: [String, Array, Object],
5198
+ default: ''
5199
+ },
5200
+
5201
+ /**
5202
+ * Used to customize each option, should options be provided via prop
5203
+ */
5204
+ optionClass: {
5205
+ type: [String, Array, Object],
5206
+ default: ''
5207
+ },
5208
+
5209
+ /**
5210
+ * A set of props that are passed into the label container
5211
+ */
5212
+ labelChildProps: {
5213
+ type: Object,
5214
+ default: () => ({})
5215
+ },
5216
+
5217
+ /**
5218
+ * A set of props that are passed into the description container
5219
+ */
5220
+ descriptionChildProps: {
5221
+ type: Object,
5222
+ default: () => ({})
5223
+ },
5224
+
5225
+ /**
5226
+ * A set of props that are passed into each option, should options be provided via prop
5227
+ */
5228
+ optionChildProps: {
5229
+ type: Object,
5230
+ default: () => ({})
5231
+ }
5232
+ },
5233
+
5234
+ data() {
5235
+ return {
5236
+ LABEL_SIZE_MODIFIERS: LABEL_SIZE_MODIFIERS,
5237
+ DESCRIPTION_SIZE_MODIFIERS: DESCRIPTION_SIZE_MODIFIERS,
5238
+ SELECT_SIZE_MODIFIERS: SELECT_SIZE_MODIFIERS,
5239
+ SELECT_STATE_MODIFIERS: SELECT_STATE_MODIFIERS
5240
+ };
5241
+ },
5242
+
5243
+ computed: {
5244
+ selectListeners() {
5245
+ return {
5246
+ /* TODO
5247
+ Check if any usages of this component leverage $listeners and either remove if unused or scope the removal
5248
+ and migration prior to upgrading to Vue 3.x
5249
+ */
5250
+ // eslint-disable-next-line vue/no-deprecated-dollar-listeners-api
5251
+ ...this.$listeners,
5252
+
5253
+ /*
5254
+ * Override input listener to as no-op. Prevents parent input listeners from being passed through onto the input
5255
+ * element which will result in the hander being called twice (once on the select element and once by the
5256
+ * emitted input event by the change listener).
5257
+ */
5258
+ input: () => {},
5259
+ change: event => this.emitValue(event.target.value)
5260
+ };
5261
+ },
5262
+
5263
+ state() {
5264
+ return getValidationState(this.formattedMessages);
5265
+ },
5266
+
5267
+ selectKey() {
5268
+ return getUniqueString();
5269
+ },
5270
+
5271
+ descriptionKey() {
5272
+ return `select-${this.selectKey}-description`;
5273
+ },
5274
+
5275
+ labelAriaDetails() {
5276
+ if (this.$slots.description || this.description) {
5277
+ return this.descriptionKey;
5278
+ }
5279
+
5280
+ return this.$attrs['aria-details'];
5281
+ }
5282
+
5283
+ },
5284
+ methods: {
5285
+ emitValue(value) {
5286
+ this.$emit('input', value);
5287
+ this.$emit('change', value);
5288
+ },
5289
+
5290
+ getOptionKey(value) {
5291
+ return `select-${this.selectKey}-option-${value}`;
5292
+ },
5293
+
5294
+ validateOptionsPresence() {
5295
+ var _this$options;
5296
+
5297
+ if (((_this$options = this.options) === null || _this$options === void 0 ? void 0 : _this$options.length) < 1 && !this.$slots.default) {
5298
+ external_commonjs_vue_commonjs2_vue_root_Vue_default.a.util.warn('Options are expected to be provided via prop or slot', this);
5299
+ }
5300
+ }
5301
+
5302
+ },
5303
+
5304
+ mounted() {
5305
+ this.validateOptionsPresence();
5306
+ },
5307
+
5308
+ beforeUpdate() {
5309
+ this.validateOptionsPresence();
5310
+ }
5311
+
5312
+ });
5313
+ // CONCATENATED MODULE: ./components/select_menu/select_menu.vue?vue&type=script&lang=js&
5314
+ /* harmony default export */ var select_menu_select_menuvue_type_script_lang_js_ = (select_menuvue_type_script_lang_js_);
5315
+ // CONCATENATED MODULE: ./components/select_menu/select_menu.vue
5316
+
5317
+
5318
+
5319
+
5320
+
5321
+ /* normalize component */
5322
+
5323
+ var select_menu_component = normalizeComponent(
5324
+ select_menu_select_menuvue_type_script_lang_js_,
5325
+ select_menuvue_type_template_id_7efee0c6_render,
5326
+ select_menuvue_type_template_id_7efee0c6_staticRenderFns,
5327
+ false,
5328
+ null,
5329
+ null,
5330
+ null
5331
+
5332
+ )
5333
+
5334
+ /* harmony default export */ var select_menu = (select_menu_component.exports);
5335
+ // CONCATENATED MODULE: ./components/select_menu/index.js
5336
+
5337
+
4694
5338
  // CONCATENATED MODULE: ./components/mixins/index.js
4695
5339
 
4696
5340
 
@@ -4710,6 +5354,9 @@ var checkbox_group_component = normalizeComponent(
4710
5354
 
4711
5355
 
4712
5356
 
5357
+
5358
+
5359
+
4713
5360
  // Mixins
4714
5361
 
4715
5362
  // Constants