memorial-ui-component-library 1.0.10-beta.0-dev.2768 → 1.0.10-beta.1-dev.2832

package/dist/memorial-ui-component-library.common.js

@@ -83317,7 +83317,7 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/autocomplete/autocomplete.vue?vue&type=template&id=e652e7d8&scoped=true
+;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/autocomplete/autocomplete.vue?vue&type=template&id=4b594e89&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c,
@@ -83338,10 +83338,20 @@ var render = function render() {
     attrs: {
       "data-validiation-state": _vm.validationState,
       "role": "combobox",
-      "aria-expanded": _vm.open,
-      "aria-haspopup": "listbox"
+      "aria-expanded": _vm.open ? 'true' : 'false',
+      "aria-haspopup": "listbox",
+      "aria-owns": 'sd-autocomplete-suggestions',
+      "aria-controls": 'sd-autocomplete-suggestions',
+      "aria-activedescendant": _vm.selectedId ? "suggestion-".concat(_vm.selectedId) : undefined,
+      "aria-labelledby": _vm.labelId
     }
-  }, [_c('div', {
+  }, [_vm.label ? _c('label', {
+    staticClass: "sd-autocomplete__label",
+    attrs: {
+      "id": _vm.labelId,
+      "for": _vm.inputId
+    }
+  }, [_vm._v(" " + _vm._s(_vm.label) + " ")]) : _vm._e(), _c('div', {
     on: {
       "mouseenter": function mouseenter($event) {
         _vm.hovering = true;
@@ -83356,11 +83366,13 @@ var render = function render() {
       "role": "status",
       "aria-live": "polite"
     }
-  }, [_vm._v("There are " + _vm._s(_vm.filteredSuggestions.length) + " suggestions. "), _c('span', {
+  }, [_vm._v(" There are " + _vm._s(_vm.filteredSuggestions.length) + " suggestions. "), _c('span', {
     attrs: {
-      "id": "sd-autocomplete-instructions"
+      "id": "".concat(_vm.inputId, "-instructions"),
+      "role": "status",
+      "aria-live": "polite"
     }
-  }, [_vm._v("Use the up and down arrows to browse, enter to select an item, and escape to clear the input.")])]), _c('input', {
+  }, [_vm._v(" Use the up and down arrows to browse, enter to select an item, and escape to clear the input. ")])]), _c('input', {
     directives: [{
       name: "model",
       rawName: "v-model",
@@ -83372,6 +83384,7 @@ var render = function render() {
       focused: !_vm.disabled && _vm.focused
     },
     attrs: {
+      "id": _vm.computedInputId,
       "type": "text",
       "min": _vm.min,
       "max": _vm.max,
@@ -83380,9 +83393,10 @@ var render = function render() {
       "autocomplete": 'off',
       "aria-haspopup": "true",
       "aria-autocomplete": "both",
-      "aria-describedby": "sd-autocomplete-instructions",
+      "aria-describedby": "`${inputId}-instructions`",
       "aria-owns": "sd-autocomplete-suggestions",
-      "aria-activedescendant": "true",
+      "aria-activedescendant": _vm.selectedId ? "suggestion-".concat(_vm.selectedId) : undefined,
+      "aria-labelledby": _vm.computedLabelId,
       "disabled": _vm.disabled
     },
     domProps: {
@@ -85094,16 +85108,19 @@ function Watch(path, options) {
 
 
 
-;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/form/form-item.vue?vue&type=template&id=c15c6562&scoped=true
-
-var form_itemvue_type_template_id_c15c6562_scoped_true_render = function render() {
+;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/form/form-item.vue?vue&type=template&id=5680d860&scoped=true
+var form_itemvue_type_template_id_5680d860_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c,
     _setup = _vm._self._setupProxy;
   return _c('div', {
     staticClass: "sd-form-item"
   }, [_vm.label ? _c('label', {
-    staticClass: "sd-form-item__label"
+    staticClass: "sd-form-item__label",
+    attrs: {
+      "id": _vm.labelId,
+      "for": _vm.fieldId
+    }
   }, [_c('span', {
     staticStyle: {
       "display": "flex",
@@ -85131,10 +85148,14 @@ var form_itemvue_type_template_id_c15c6562_scoped_true_render = function render(
   })], 1) : _vm._e()])]) : _vm._e(), _vm.hasDescription ? _c('p', {
     staticClass: "sd-form-item__description",
     attrs: {
-      "id": "".concat(_vm.prop, "-").concat(_vm.label, "-description")
+      "id": _vm.descriptionId
     }
   }, [_vm._t("description")], 2) : _vm._e(), _vm._t("default", null, {
-    "ariaDescribedby": _vm.hasDescription && "".concat(_vm.prop, "-").concat(_vm.label, "-description")
+    "id": _vm.fieldId,
+    "ariaDescribedby": _vm.hasDescription ? _vm.descriptionId : null,
+    "ariaLabelledby": _vm.label ? _vm.labelId : null,
+    "inputId": _vm.fieldId,
+    "labelId": _vm.labelId
   }), _c('transition', {
     attrs: {
       "name": "rotate-in"
@@ -85144,9 +85165,7 @@ var form_itemvue_type_template_id_c15c6562_scoped_true_render = function render(
     staticClass: "sd-form-item__error-message"
   }, [_vm._v(" " + _vm._s(_vm.validationMessage) + " ")]) : _vm._e()])], 2);
 };
-var form_itemvue_type_template_id_c15c6562_scoped_true_staticRenderFns = [];
-
-;// ./src/components/lib/form/form-item.vue?vue&type=template&id=c15c6562&scoped=true
+var form_itemvue_type_template_id_5680d860_scoped_true_staticRenderFns = [];
 
 ;// ./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
 function _arrayLikeToArray(r, a) {
@@ -85215,20 +85234,23 @@ function toConsumableArray_toConsumableArray(r) {
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.some.js
 var es_iterator_some = __webpack_require__(3579);
-;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/form/form.vue?vue&type=template&id=6cb2093c&scoped=true
-var formvue_type_template_id_6cb2093c_scoped_true_render = function render() {
+;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/form/form.vue?vue&type=template&id=48866770&scoped=true
+var formvue_type_template_id_48866770_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c,
     _setup = _vm._self._setupProxy;
   return _c('form', _vm._b({
     staticClass: "sd-form",
+    attrs: {
+      "id": _vm.computedFormId
+    },
     on: {
       "submit": _vm.onSubmit,
       "reset": _vm.onReset
     }
   }, 'form', _vm.$attrs, false), [_vm._t("default")], 2);
 };
-var formvue_type_template_id_6cb2093c_scoped_true_staticRenderFns = [];
+var formvue_type_template_id_48866770_scoped_true_staticRenderFns = [];
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.every.js
 var es_iterator_every = __webpack_require__(1148);
@@ -85261,6 +85283,7 @@ var es = __webpack_require__(6133);
 
 
 
+
 
 
 var Form = /*#__PURE__*/function (_Vue) {
@@ -85271,6 +85294,7 @@ var Form = /*#__PURE__*/function (_Vue) {
       args[_key] = arguments[_key];
     }
     _this = _callSuper(this, Form, [].concat(args));
+    defineProperty_defineProperty(_this, "id", void 0);
     defineProperty_defineProperty(_this, "model", void 0);
     defineProperty_defineProperty(_this, "rules", void 0);
     defineProperty_defineProperty(_this, "triggers", void 0);
@@ -85278,10 +85302,16 @@ var Form = /*#__PURE__*/function (_Vue) {
     defineProperty_defineProperty(_this, "fields", []);
     defineProperty_defineProperty(_this, "submitButton", null);
     defineProperty_defineProperty(_this, "resetButton", null);
+    defineProperty_defineProperty(_this, "uniqueId", "form-".concat(Math.random().toString(36).substr(2, 9)));
     return _this;
   }
   _inherits(Form, _Vue);
   return createClass_createClass(Form, [{
+    key: "computedFormId",
+    get: function get() {
+      return this.id || this.uniqueId;
+    }
+  }, {
     key: "created",
     value: function created() {
       var _this2 = this;
@@ -85508,6 +85538,10 @@ var Form = /*#__PURE__*/function (_Vue) {
     }
   }]);
 }((external_commonjs_vue_commonjs2_vue_root_Vue_default()));
+__decorate([Prop({
+  type: String,
+  required: false
+})], Form.prototype, "id", void 0);
 __decorate([Prop({
   type: Object,
   required: false,
@@ -85536,10 +85570,10 @@ Form = __decorate([vue_class_component_esm({
 /* harmony default export */ var formvue_type_script_lang_ts = (Form);
 ;// ./src/components/lib/form/form.vue?vue&type=script&lang=ts
  /* harmony default export */ var form_formvue_type_script_lang_ts = (formvue_type_script_lang_ts); 
-;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/form/form.vue?vue&type=style&index=0&id=6cb2093c&prod&lang=scss&scoped=true
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/form/form.vue?vue&type=style&index=0&id=48866770&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// ./src/components/lib/form/form.vue?vue&type=style&index=0&id=6cb2093c&prod&lang=scss&scoped=true
+;// ./src/components/lib/form/form.vue?vue&type=style&index=0&id=48866770&prod&lang=scss&scoped=true
 
 ;// ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
 /* globals __VUE_SSR_CONTEXT__ */
@@ -85650,11 +85684,11 @@ function normalizeComponent(
 
 var component = normalizeComponent(
   form_formvue_type_script_lang_ts,
-  formvue_type_template_id_6cb2093c_scoped_true_render,
-  formvue_type_template_id_6cb2093c_scoped_true_staticRenderFns,
+  formvue_type_template_id_48866770_scoped_true_render,
+  formvue_type_template_id_48866770_scoped_true_staticRenderFns,
   false,
   null,
-  "6cb2093c",
+  "48866770",
   null
   
 )
@@ -94698,6 +94732,7 @@ var FormItem = /*#__PURE__*/function (_Vue) {
     defineProperty_defineProperty(_this, "prop", void 0);
     defineProperty_defineProperty(_this, "required", void 0);
     defineProperty_defineProperty(_this, "rules", void 0);
+    defineProperty_defineProperty(_this, "labelId", void 0);
     defineProperty_defineProperty(_this, "validationState", '');
     defineProperty_defineProperty(_this, "validationMessage", '');
     defineProperty_defineProperty(_this, "initialValue", void 0);
@@ -94727,12 +94762,23 @@ var FormItem = /*#__PURE__*/function (_Vue) {
       if (!model || !this.prop) return null;
       return model[this.prop];
     }
+  }, {
+    key: "fieldId",
+    get: function get() {
+      var formId = this.form.id || 'form';
+      return this.prop ? "".concat(formId, "-field-").concat(this.prop) : '';
+    }
   }, {
     key: "isRequired",
     get: function get() {
       var requiredRule = this.getRequiredRule();
       return this.required || requiredRule && requiredRule.required;
     }
+  }, {
+    key: "descriptionId",
+    get: function get() {
+      return "".concat(this.fieldId, "-description");
+    }
   }, {
     key: "hasDescription",
     get: function get() {
@@ -94859,6 +94905,11 @@ __decorate([Prop({
   required: false,
   default: undefined
 })], FormItem.prototype, "rules", void 0);
+__decorate([Prop({
+  type: String,
+  required: false,
+  default: undefined
+})], FormItem.prototype, "labelId", void 0);
 FormItem = __decorate([vue_class_component_esm({
   name: 'sd-form-item',
   components: {
@@ -94868,10 +94919,10 @@ FormItem = __decorate([vue_class_component_esm({
 /* harmony default export */ var form_itemvue_type_script_lang_ts = (FormItem);
 ;// ./src/components/lib/form/form-item.vue?vue&type=script&lang=ts
  /* harmony default export */ var form_form_itemvue_type_script_lang_ts = (form_itemvue_type_script_lang_ts); 
-;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/form/form-item.vue?vue&type=style&index=0&id=c15c6562&prod&lang=scss&scoped=true
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/form/form-item.vue?vue&type=style&index=0&id=5680d860&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// ./src/components/lib/form/form-item.vue?vue&type=style&index=0&id=c15c6562&prod&lang=scss&scoped=true
+;// ./src/components/lib/form/form-item.vue?vue&type=style&index=0&id=5680d860&prod&lang=scss&scoped=true
 
 ;// ./src/components/lib/form/form-item.vue
 
@@ -94884,11 +94935,11 @@ FormItem = __decorate([vue_class_component_esm({
 
 var form_item_component = normalizeComponent(
   form_form_itemvue_type_script_lang_ts,
-  form_itemvue_type_template_id_c15c6562_scoped_true_render,
-  form_itemvue_type_template_id_c15c6562_scoped_true_staticRenderFns,
+  form_itemvue_type_template_id_5680d860_scoped_true_render,
+  form_itemvue_type_template_id_5680d860_scoped_true_staticRenderFns,
   false,
   null,
-  "c15c6562",
+  "5680d860",
   null
   
 )
@@ -95071,7 +95122,6 @@ var documentListenerHash = new WeakMap();
  */
 var ClickOutside = {
   bind: function bind(el, binding, vnode) {
-    console.log('click-outside-binding', el);
     // @ts-ignore
     if (typeof document === 'undefined') return;
     // clicking into an iframe does not trigger the clickOutsideEvent
@@ -95126,8 +95176,8 @@ var KeyCode = Object.freeze({
   RIGHT: 39,
   DOWN: 40
 });
-;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/autocomplete/autocomplete-suggestion.vue?vue&type=template&id=264c9f42&scoped=true
-var autocomplete_suggestionvue_type_template_id_264c9f42_scoped_true_render = function render() {
+;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/autocomplete/autocomplete-suggestion.vue?vue&type=template&id=4573da10&scoped=true
+var autocomplete_suggestionvue_type_template_id_4573da10_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c,
     _setup = _vm._self._setupProxy;
@@ -95140,7 +95190,7 @@ var autocomplete_suggestionvue_type_template_id_264c9f42_scoped_true_render = fu
       "id": "suggestion-".concat(_vm.suggestion.id),
       "role": "option",
       "tabindex": "-1",
-      "aria-selected": _vm.highlight
+      "aria-selected": _vm.highlight ? 'true' : 'false'
     },
     on: {
       "click": function click($event) {
@@ -95156,7 +95206,7 @@ var autocomplete_suggestionvue_type_template_id_264c9f42_scoped_true_render = fu
     "suggestion": _vm.suggestion
   })], 2);
 };
-var autocomplete_suggestionvue_type_template_id_264c9f42_scoped_true_staticRenderFns = [];
+var autocomplete_suggestionvue_type_template_id_4573da10_scoped_true_staticRenderFns = [];
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.constructor.js
 var es_regexp_constructor = __webpack_require__(4864);
@@ -95301,15 +95351,15 @@ AutoCompleteSuggestion = __decorate([vue_class_component_esm({
 /* harmony default export */ var autocomplete_suggestionvue_type_script_lang_ts = (AutoCompleteSuggestion);
 ;// ./src/components/lib/autocomplete/autocomplete-suggestion.vue?vue&type=script&lang=ts
  /* harmony default export */ var autocomplete_autocomplete_suggestionvue_type_script_lang_ts = (autocomplete_suggestionvue_type_script_lang_ts); 
-;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/autocomplete/autocomplete-suggestion.vue?vue&type=style&index=0&id=264c9f42&prod&lang=scss&scoped=true
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/autocomplete/autocomplete-suggestion.vue?vue&type=style&index=0&id=4573da10&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// ./src/components/lib/autocomplete/autocomplete-suggestion.vue?vue&type=style&index=0&id=264c9f42&prod&lang=scss&scoped=true
+;// ./src/components/lib/autocomplete/autocomplete-suggestion.vue?vue&type=style&index=0&id=4573da10&prod&lang=scss&scoped=true
 
-;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/autocomplete/autocomplete-suggestion.vue?vue&type=style&index=1&id=264c9f42&prod&lang=scss
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/autocomplete/autocomplete-suggestion.vue?vue&type=style&index=1&id=4573da10&prod&lang=scss
 // extracted by mini-css-extract-plugin
 
-;// ./src/components/lib/autocomplete/autocomplete-suggestion.vue?vue&type=style&index=1&id=264c9f42&prod&lang=scss
+;// ./src/components/lib/autocomplete/autocomplete-suggestion.vue?vue&type=style&index=1&id=4573da10&prod&lang=scss
 
 ;// ./src/components/lib/autocomplete/autocomplete-suggestion.vue
 
@@ -95323,18 +95373,18 @@ AutoCompleteSuggestion = __decorate([vue_class_component_esm({
 
 var autocomplete_suggestion_component = normalizeComponent(
   autocomplete_autocomplete_suggestionvue_type_script_lang_ts,
-  autocomplete_suggestionvue_type_template_id_264c9f42_scoped_true_render,
-  autocomplete_suggestionvue_type_template_id_264c9f42_scoped_true_staticRenderFns,
+  autocomplete_suggestionvue_type_template_id_4573da10_scoped_true_render,
+  autocomplete_suggestionvue_type_template_id_4573da10_scoped_true_staticRenderFns,
   false,
   null,
-  "264c9f42",
+  "4573da10",
   null
   
 )
 
 /* harmony default export */ var autocomplete_suggestion = (autocomplete_suggestion_component.exports);
-;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/loaders/loader.vue?vue&type=template&id=7e25086d
-var loadervue_type_template_id_7e25086d_render = function render() {
+;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/loaders/loader.vue?vue&type=template&id=fd57f51a
+var loadervue_type_template_id_fd57f51a_render = function render() {
   var _vm = this,
     _c = _vm._self._c,
     _setup = _vm._self._setupProxy;
@@ -95346,7 +95396,7 @@ var loadervue_type_template_id_7e25086d_render = function render() {
     }
   });
 };
-var loadervue_type_template_id_7e25086d_staticRenderFns = [];
+var loadervue_type_template_id_fd57f51a_staticRenderFns = [];
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.join.js
 var es_array_join = __webpack_require__(8598);
@@ -95532,8 +95582,8 @@ Loader = __decorate([vue_class_component_esm({
 ;
 var loader_component = normalizeComponent(
   loaders_loadervue_type_script_lang_ts,
-  loadervue_type_template_id_7e25086d_render,
-  loadervue_type_template_id_7e25086d_staticRenderFns,
+  loadervue_type_template_id_fd57f51a_render,
+  loadervue_type_template_id_fd57f51a_staticRenderFns,
   false,
   null,
   null,
@@ -95543,7 +95593,7 @@ var loader_component = normalizeComponent(
 
 /* harmony default export */ var loader = (loader_component.exports);
 ;// ./package.json
-var package_namespaceObject = /*#__PURE__*/JSON.parse('{"rE":"1.0.10-beta.0"}');
+var package_namespaceObject = /*#__PURE__*/JSON.parse('{"rE":"1.0.10-beta.1"}');
 ;// ./global-options.ts
 
 var $memorial = {
@@ -95553,7 +95603,7 @@ var $memorial = {
       size: 'medium'
     },
     dialog: {
-      rejectOnCancel: true
+      rejectOnCancel: false
     }
   }
 };
@@ -95669,6 +95719,9 @@ var AutoComplete = /*#__PURE__*/function (_FormPluginComponent) {
     defineProperty_defineProperty(_this, "objKey", void 0);
     defineProperty_defineProperty(_this, "onNoMatchBlur", void 0);
     defineProperty_defineProperty(_this, "sortFunction", void 0);
+    defineProperty_defineProperty(_this, "label", void 0);
+    defineProperty_defineProperty(_this, "inputId", void 0);
+    defineProperty_defineProperty(_this, "labelId", void 0);
     defineProperty_defineProperty(_this, "input", '');
     defineProperty_defineProperty(_this, "_selectedId", null);
     defineProperty_defineProperty(_this, "suggestionComponents", []);
@@ -95688,6 +95741,16 @@ var AutoComplete = /*#__PURE__*/function (_FormPluginComponent) {
         typingTimer: undefined
       };
     }
+  }, {
+    key: "computedLabelId",
+    get: function get() {
+      return this.labelId || "sd-autocomplete-label-".concat(this.inputId || Math.random().toString(36).substr(2, 9));
+    }
+  }, {
+    key: "computedInputId",
+    get: function get() {
+      return this.inputId || "sd-autocomplete-input-".concat(Math.random().toString(36).substring(2, 9));
+    }
   }, {
     key: "selectedId",
     get: function get() {
@@ -96186,6 +96249,18 @@ __decorate([Prop({
   required: false,
   default: undefined
 })], AutoComplete.prototype, "sortFunction", void 0);
+__decorate([Prop({
+  type: String,
+  required: false
+})], AutoComplete.prototype, "label", void 0);
+__decorate([Prop({
+  type: String,
+  required: false
+})], AutoComplete.prototype, "inputId", void 0);
+__decorate([Prop({
+  type: String,
+  required: false
+})], AutoComplete.prototype, "labelId", void 0);
 __decorate([Watch('value', {
   immediate: true
 })], AutoComplete.prototype, "onValueChange", null);
@@ -96204,10 +96279,10 @@ AutoComplete = __decorate([vue_class_component_esm({
 /* harmony default export */ var autocompletevue_type_script_lang_ts = (AutoComplete);
 ;// ./src/components/lib/autocomplete/autocomplete.vue?vue&type=script&lang=ts
  /* harmony default export */ var autocomplete_autocompletevue_type_script_lang_ts = (autocompletevue_type_script_lang_ts); 
-;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/autocomplete/autocomplete.vue?vue&type=style&index=0&id=e652e7d8&prod&lang=scss&scoped=true
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/autocomplete/autocomplete.vue?vue&type=style&index=0&id=4b594e89&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// ./src/components/lib/autocomplete/autocomplete.vue?vue&type=style&index=0&id=e652e7d8&prod&lang=scss&scoped=true
+;// ./src/components/lib/autocomplete/autocomplete.vue?vue&type=style&index=0&id=4b594e89&prod&lang=scss&scoped=true
 
 ;// ./src/components/lib/autocomplete/autocomplete.vue
 
@@ -96224,7 +96299,7 @@ var autocomplete_component = normalizeComponent(
   staticRenderFns,
   false,
   null,
-  "e652e7d8",
+  "4b594e89",
   null
   
 )
@@ -96240,8 +96315,8 @@ autocomplete_autocomplete.install = function (vue) {
 };
 
 /* harmony default export */ var lib_autocomplete = (autocomplete_autocomplete);
-;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/button/button.vue?vue&type=template&id=525c844c&scoped=true
-var buttonvue_type_template_id_525c844c_scoped_true_render = function render() {
+;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/button/button.vue?vue&type=template&id=5c3d666a&scoped=true
+var buttonvue_type_template_id_5c3d666a_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c,
     _setup = _vm._self._setupProxy;
@@ -96255,7 +96330,8 @@ var buttonvue_type_template_id_525c844c_scoped_true_render = function render() {
       reverse: _vm.iconConfig.pos === 'right'
     }],
     attrs: {
-      "type": _vm.buttonType
+      "type": _vm.buttonType,
+      "aria-label": !_vm.hasLabel ? _vm.label : null
     }
   }, 'component', _vm.attrs, false), _vm.listeners), [_vm.icon ? _c('span', {
     class: ['icon', _vm.iconConfig.pos, {
@@ -96271,7 +96347,7 @@ var buttonvue_type_template_id_525c844c_scoped_true_render = function render() {
     return [_vm.submit ? [_vm._v(" Submit ")] : _vm.reset ? [_vm._v(" Reset ")] : _vm._e()];
   })], 2)]);
 };
-var buttonvue_type_template_id_525c844c_scoped_true_staticRenderFns = [];
+var buttonvue_type_template_id_5c3d666a_scoped_true_staticRenderFns = [];
 
 ;// ./node_modules/@babel/runtime/helpers/esm/objectDestructuringEmpty.js
 
@@ -96366,6 +96442,7 @@ var Button = /*#__PURE__*/function (_Vue) {
      * The CSS class name of the fontawesome icon to use for this component.
      */
     defineProperty_defineProperty(_this, "icon", void 0);
+    defineProperty_defineProperty(_this, "label", void 0);
     return _this;
   }
   _inherits(Button, _Vue);
@@ -96491,6 +96568,11 @@ __decorate([Prop({
     } else if (Array.isArray(value)) return true;else if (typeof value === 'string') return true;else return false;
   }
 })], Button.prototype, "icon", void 0);
+__decorate([Prop({
+  type: String,
+  required: false,
+  default: 'Button'
+})], Button.prototype, "label", void 0);
 Button = __decorate([vue_class_component_esm({
   name: 'sd-button',
   components: {
@@ -96500,10 +96582,10 @@ Button = __decorate([vue_class_component_esm({
 /* harmony default export */ var buttonvue_type_script_lang_ts = (Button);
 ;// ./src/components/lib/button/button.vue?vue&type=script&lang=ts
  /* harmony default export */ var button_buttonvue_type_script_lang_ts = (buttonvue_type_script_lang_ts); 
-;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/button/button.vue?vue&type=style&index=0&id=525c844c&prod&lang=scss&scoped=true
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/button/button.vue?vue&type=style&index=0&id=5c3d666a&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// ./src/components/lib/button/button.vue?vue&type=style&index=0&id=525c844c&prod&lang=scss&scoped=true
+;// ./src/components/lib/button/button.vue?vue&type=style&index=0&id=5c3d666a&prod&lang=scss&scoped=true
 
 ;// ./src/components/lib/button/button.vue
 
@@ -96516,11 +96598,11 @@ Button = __decorate([vue_class_component_esm({
 
 var button_component = normalizeComponent(
   button_buttonvue_type_script_lang_ts,
-  buttonvue_type_template_id_525c844c_scoped_true_render,
-  buttonvue_type_template_id_525c844c_scoped_true_staticRenderFns,
+  buttonvue_type_template_id_5c3d666a_scoped_true_render,
+  buttonvue_type_template_id_5c3d666a_scoped_true_staticRenderFns,
   false,
   null,
-  "525c844c",
+  "5c3d666a",
   null
   
 )
@@ -96677,14 +96759,14 @@ card_card.install = function (vue) {
 };
 
 /* harmony default export */ var lib_card = (card_card);
-;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/checkbox/checkbox.vue?vue&type=template&id=f5585228&scoped=true
+;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/checkbox/checkbox.vue?vue&type=template&id=d44e7282&scoped=true
 
 
-var checkboxvue_type_template_id_f5585228_scoped_true_render = function render() {
+var checkboxvue_type_template_id_d44e7282_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c,
     _setup = _vm._self._setupProxy;
-  return _c('label', {
+  return _c('div', {
     staticClass: "sd-checkbox",
     class: {
       checked: _vm.checked
@@ -96692,6 +96774,7 @@ var checkboxvue_type_template_id_f5585228_scoped_true_render = function render()
     attrs: {
       "role": "checkbox",
       "tabindex": _vm.tabIndex,
+      "aria-checked": _vm.checked ? 'true' : 'false',
       "disabled": _vm.disabled
     },
     on: {
@@ -96706,6 +96789,12 @@ var checkboxvue_type_template_id_f5585228_scoped_true_render = function render()
         }.apply(null, arguments);
       }
     }
+  }, [_c('label', {
+    staticClass: "sd-checkbox__label-wrapper",
+    attrs: {
+      "disabled": _vm.disabled,
+      "id": _vm.computedLabelId
+    }
   }, [_c('span', {
     staticClass: "sd-checkbox__input"
   }, [_c('span', {
@@ -96720,9 +96809,10 @@ var checkboxvue_type_template_id_f5585228_scoped_true_render = function render()
     ref: "checkbox",
     attrs: {
       "type": "checkbox",
-      "name": _vm.nameAttr,
+      "name": _vm.nameAttr || undefined,
       "tabindex": -1,
-      "disabled": _vm.disabled
+      "disabled": _vm.disabled,
+      "id": _vm.computedInputId
     },
     domProps: {
       "value": _vm.value,
@@ -96756,11 +96846,11 @@ var checkboxvue_type_template_id_f5585228_scoped_true_render = function render()
     staticClass: "sd-checkbox__label"
   }, [_vm._t("default", function () {
     return [_vm._v(" " + _vm._s(_vm.value) + " ")];
-  })], 2)]);
+  })], 2)])]);
 };
-var checkboxvue_type_template_id_f5585228_scoped_true_staticRenderFns = [];
+var checkboxvue_type_template_id_d44e7282_scoped_true_staticRenderFns = [];
 
-;// ./src/components/lib/checkbox/checkbox.vue?vue&type=template&id=f5585228&scoped=true
+;// ./src/components/lib/checkbox/checkbox.vue?vue&type=template&id=d44e7282&scoped=true
 
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-41.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/checkbox/checkbox.vue?vue&type=script&lang=ts
 
@@ -96774,6 +96864,11 @@ var checkboxvue_type_template_id_f5585228_scoped_true_staticRenderFns = [];
 
 
 
+
+
+
+
+
 var CheckBox = /*#__PURE__*/function (_FormPluginComponent) {
   function CheckBox() {
     var _this;
@@ -96786,14 +96881,26 @@ var CheckBox = /*#__PURE__*/function (_FormPluginComponent) {
     defineProperty_defineProperty(_this, "state", void 0);
     defineProperty_defineProperty(_this, "value", void 0);
     defineProperty_defineProperty(_this, "disabled", void 0);
+    defineProperty_defineProperty(_this, "inputId", void 0);
+    defineProperty_defineProperty(_this, "labelId", void 0);
     defineProperty_defineProperty(_this, "focused", false);
     return _this;
   }
   _inherits(CheckBox, _FormPluginComponent);
   return createClass_createClass(CheckBox, [{
+    key: "computedInputId",
+    get: function get() {
+      return this.inputId || "checkbox-input-".concat(this.value || Math.random().toString(36).substr(2, 9));
+    }
+  }, {
+    key: "computedLabelId",
+    get: function get() {
+      return this.labelId || "checkbox-label-".concat(this.value || Math.random().toString(36).substr(2, 9));
+    }
+  }, {
     key: "checked",
     get: function get() {
-      return Array.isArray(this.state) ? this.state.includes(this.value) : this.value === this.state;
+      return Array.isArray(this.state) ? this.state.includes(this.value) : this.state === true; // Default to true/false when value is not provided
     }
   }, {
     key: "internalState",
@@ -96814,9 +96921,28 @@ var CheckBox = /*#__PURE__*/function (_FormPluginComponent) {
     value: function onChange(event) {
       var _this2 = this;
       this.$nextTick(function () {
-        _this2.$emit('input', _this2.value, event);
-        _this2.$emit('change', _this2.value, event);
-        _this2.broadcastFormEvent(['input', 'change'], _this2.value, event);
+        // Handle differently based on the state type
+        if (Array.isArray(_this2.state)) {
+          // Array mode - add/remove values
+          var newState = toConsumableArray_toConsumableArray(_this2.state);
+          if (_this2.checked) {
+            // Remove value if checked
+            var index = newState.indexOf(_this2.value);
+            if (index !== -1) newState.splice(index, 1);
+          } else {
+            // Add value if unchecked
+            newState.push(_this2.value);
+          }
+          _this2.$emit('input', newState);
+          _this2.$emit('change', newState, event);
+          _this2.broadcastFormEvent(['input', 'change'], newState, event);
+        } else {
+          // Boolean mode - toggle true/false
+          var newValue = !_this2.checked;
+          _this2.$emit('input', newValue);
+          _this2.$emit('change', newValue, event);
+          _this2.broadcastFormEvent(['input', 'change'], newValue, event);
+        }
       });
     }
   }, {
@@ -96834,26 +96960,36 @@ var CheckBox = /*#__PURE__*/function (_FormPluginComponent) {
   }]);
 }(FormPluginComponent);
 __decorate([Model('checked', {
-  required: false
+  required: false,
+  default: false
 })], CheckBox.prototype, "state", void 0);
 __decorate([Prop({
-  required: true
+  required: false,
+  default: null
 })], CheckBox.prototype, "value", void 0);
 __decorate([Prop({
   type: Boolean,
   required: false,
   default: false
 })], CheckBox.prototype, "disabled", void 0);
+__decorate([Prop({
+  type: String,
+  required: false
+})], CheckBox.prototype, "inputId", void 0);
+__decorate([Prop({
+  type: String,
+  required: false
+})], CheckBox.prototype, "labelId", void 0);
 CheckBox = __decorate([vue_class_component_esm({
   name: 'sd-checkbox'
 })], CheckBox);
 /* harmony default export */ var checkboxvue_type_script_lang_ts = (CheckBox);
 ;// ./src/components/lib/checkbox/checkbox.vue?vue&type=script&lang=ts
  /* harmony default export */ var checkbox_checkboxvue_type_script_lang_ts = (checkboxvue_type_script_lang_ts); 
-;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/checkbox/checkbox.vue?vue&type=style&index=0&id=f5585228&prod&lang=scss&scoped=true
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/checkbox/checkbox.vue?vue&type=style&index=0&id=d44e7282&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// ./src/components/lib/checkbox/checkbox.vue?vue&type=style&index=0&id=f5585228&prod&lang=scss&scoped=true
+;// ./src/components/lib/checkbox/checkbox.vue?vue&type=style&index=0&id=d44e7282&prod&lang=scss&scoped=true
 
 ;// ./src/components/lib/checkbox/checkbox.vue
 
@@ -96866,11 +97002,11 @@ CheckBox = __decorate([vue_class_component_esm({
 
 var checkbox_component = normalizeComponent(
   checkbox_checkboxvue_type_script_lang_ts,
-  checkboxvue_type_template_id_f5585228_scoped_true_render,
-  checkboxvue_type_template_id_f5585228_scoped_true_staticRenderFns,
+  checkboxvue_type_template_id_d44e7282_scoped_true_render,
+  checkboxvue_type_template_id_d44e7282_scoped_true_staticRenderFns,
   false,
   null,
-  "f5585228",
+  "d44e7282",
   null
   
 )
@@ -97114,10 +97250,13 @@ function _objectSpread2(e) {
 
 
 function getAppRoot() {
-  // @ts-ignore
-  if (process.server || typeof window === 'undefined') return undefined;
+  var _w$$nuxt;
+  // Check if `window` is undefined (server-side environment)
+  if (typeof window === 'undefined') {
+    return undefined;
+  }
   var w = window;
-  return w.vue_app_root || w.$nuxt.$root;
+  return w.vue_app_root || ((_w$$nuxt = w.$nuxt) === null || _w$$nuxt === void 0 ? void 0 : _w$$nuxt.$root) || document.querySelector('#app');
 }
 function getLibOptions() {
   return $memorial.options;
@@ -97316,7 +97455,7 @@ var DialogSequence = /*#__PURE__*/function () {
       var sequence = this;
       function startAsync() {
         if (!sequence.dialogs.length) throw new Error('Unable to start sequence, no dialogs have been registered.');
-        var destroyer;
+        var destroyer = function destroyer() {};
         return new Promise(function (resolve, reject) {
           var ContainerCtor = sequence.constructContainer(resolve, reject);
           var controller = new ContainerCtor({
@@ -97871,6 +98010,7 @@ function genId() {
 
 
 
+
 var Dialog = /*#__PURE__*/function (_Vue) {
   function Dialog() {
     var _this;
@@ -97984,17 +98124,21 @@ var Dialog = /*#__PURE__*/function (_Vue) {
               _context3.next = 4;
               return Promise.resolve(this.hooks.cancel(message));
             case 4:
-              _context3.next = 9;
+              _context3.next = 10;
               break;
             case 6:
               _context3.prev = 6;
               _context3.t0 = _context3["catch"](0);
+              if (!(!(message instanceof Error) || message.message !== 'Cancelled')) {
+                _context3.next = 10;
+                break;
+              }
               return _context3.abrupt("return", this.error(String(_context3.t0)));
-            case 9:
+            case 10:
               this.container.$emit('begin_teardown', 'cancel', function () {
                 return _this3.container.$emit('cancel', message);
               });
-            case 10:
+            case 11:
             case "end":
               return _context3.stop();
           }
@@ -98114,7 +98258,7 @@ var dividervue_type_template_id_24d8bbe8_staticRenderFns = [];
 
 ;// ./src/assets/scss/_variables.module.scss
 // extracted by mini-css-extract-plugin
-/* harmony default export */ var _variables_module = ({"paddingPx":"10","colorWhite":"#fff","colorBlack":"#000","colorPrimary":"#00284f","colorGreenPrimary":"#2cc197","colorYellowPrimary":"#ffdd9a","colorGreyPrimary":"#e7e7e7","colorGreySecondary":"#9fa7b3","colorGreyAccent":"rgb(207.9,207.9,207.9)","colorComponentBG":"#e7e7e7","fade-01-enter-active":"HqI5Ku11bM8IzFGOJSjy","fade-01-leave-active":"tHpJlz6JSoYOk8Pb2LxE","fade-01-enter":"L7OX8yvKUS0RB3CI8asV","fade-01-leave-to":"ZD1qqlteP6E7dHEU25Au","fade-02-enter-active":"DUeAGgExUS0EX8Yz_AUt","fade-02-leave-active":"fGZQqjZ0Np0dFk6biWUg","fade-02-enter":"aqRLp8sG5lgUOxRNNXgA","fade-02-leave-to":"GVWwniAPacYqhXud9LtA","fade-03-enter-active":"S6QNs4FTQR4ZIef8mayI","fade-03-leave-active":"RTAepTAOeZoqnrUG4Lb1","fade-03-enter":"LG4SDt_RDY4nfTpaAbUQ","fade-03-leave-to":"ObDXHtIndgUsOVybZeGQ","rotate-01-enter-active":"orTAUl6xnwDua3njCa_C","rotate-01-leave-active":"L1IiwkrL5EhPHJP9heSy","rotate-01-enter":"Z7ShV1I6UEvAozUXiqPc","rotate-01-leave-to":"LUn2e4DcXU0vRKrODBoK","rotate-02-enter-active":"jlwta8kjHYW66ZTPc_jc","rotate-02-leave-active":"ZZEVG6QLDQEj9ndbMr80","rotate-02-enter":"awY4HZw6EWIFwEHuf7ST","rotate-02-leave-to":"lI6UeLCtB5M4In431dE8","rotate-03-enter-active":"Iui3TkdwDOA6IYXIhgBp","rotate-03-leave-active":"hPdNrNPCw7Q0yGBKHj4U","rotate-03-enter":"AHzSaqYw28wOkw7ppHoj","rotate-03-leave-to":"uTAESBS_mvAgogq4aqGK","aria-instructions-hidden":"RwpAhDOE3xMcS18_RBRf"});
+/* harmony default export */ var _variables_module = ({"paddingPx":"10","colorWhite":"#fff","colorBlack":"#000","colorPrimary":"#00284f","colorGreenPrimary":"#1e8366","colorYellowPrimary":"#ffdd9a","colorGreyPrimary":"#e7e7e7","colorGreySecondary":"#9fa7b3","colorGreyAccent":"rgb(207.9,207.9,207.9)","colorComponentBG":"#e7e7e7","fade-01-enter-active":"HqI5Ku11bM8IzFGOJSjy","fade-01-leave-active":"tHpJlz6JSoYOk8Pb2LxE","fade-01-enter":"L7OX8yvKUS0RB3CI8asV","fade-01-leave-to":"ZD1qqlteP6E7dHEU25Au","fade-02-enter-active":"DUeAGgExUS0EX8Yz_AUt","fade-02-leave-active":"fGZQqjZ0Np0dFk6biWUg","fade-02-enter":"aqRLp8sG5lgUOxRNNXgA","fade-02-leave-to":"GVWwniAPacYqhXud9LtA","fade-03-enter-active":"S6QNs4FTQR4ZIef8mayI","fade-03-leave-active":"RTAepTAOeZoqnrUG4Lb1","fade-03-enter":"LG4SDt_RDY4nfTpaAbUQ","fade-03-leave-to":"ObDXHtIndgUsOVybZeGQ","rotate-01-enter-active":"orTAUl6xnwDua3njCa_C","rotate-01-leave-active":"L1IiwkrL5EhPHJP9heSy","rotate-01-enter":"Z7ShV1I6UEvAozUXiqPc","rotate-01-leave-to":"LUn2e4DcXU0vRKrODBoK","rotate-02-enter-active":"jlwta8kjHYW66ZTPc_jc","rotate-02-leave-active":"ZZEVG6QLDQEj9ndbMr80","rotate-02-enter":"awY4HZw6EWIFwEHuf7ST","rotate-02-leave-to":"lI6UeLCtB5M4In431dE8","rotate-03-enter-active":"Iui3TkdwDOA6IYXIhgBp","rotate-03-leave-active":"hPdNrNPCw7Q0yGBKHj4U","rotate-03-enter":"AHzSaqYw28wOkw7ppHoj","rotate-03-leave-to":"uTAESBS_mvAgogq4aqGK","sd-card__header":"zACRq4mA0HsuQS03zXTb","sd-dialog__title":"DCs8OqzTFpcfkmTxueRA","sd-tabs__item":"rbD8u7a3ri4tp40V3oUg","sd-form-item__label":"AzR1FSGJVQ9MZ8qAMZbQ","sd-button":"sZqRw5BRKb8nn1P25WHO","sd-popout-menu__trigger":"MC3fygPo3QIOYcvBNgfB","sd-input":"RDrCTy3faS4gmdkoGc25","sd-select":"ViCENS8nD0upb0sd83cv","sd-radio__label":"zupQy6cRRpgULJRCDwNs","sd-checkbox__label":"oZ8UPPkyvAEAwghWg1NL","sd-form-item__content":"kMA0bGes8J4nExhsnd9b","sd-form-item__description":"yy5bcVmkK30vuNz4Uu6D","sd-autocomplete__suggestion":"uCjzG4tbpJglxalIM4Sa","sd-select-option":"JSLEnczQyLseIt4AMkhK","sd-form-item__error":"yX7A1R1CrYcM3fq9ychu","font-regular":"xqBkIWnQf546dZ_2tGQj","font-medium":"Lu0JxO5KHAI2F8LVNbzA","font-semibold":"wfluSRIPh5oy8wirDSwe","font-bold":"QbgyHUFC0DcvcuzlKop6","aria-instructions-hidden":"RwpAhDOE3xMcS18_RBRf"});
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-41.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/divider/divider.vue?vue&type=script&lang=ts
 
 
@@ -98520,8 +98664,8 @@ var promptvue_type_template_id_4b20821a_scoped_true_render = function render() {
 };
 var promptvue_type_template_id_4b20821a_scoped_true_staticRenderFns = [];
 
-;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/input/input.vue?vue&type=template&id=2c9ee36a&scoped=true
-var inputvue_type_template_id_2c9ee36a_scoped_true_render = function render() {
+;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/input/input.vue?vue&type=template&id=d27e0690&scoped=true
+var inputvue_type_template_id_d27e0690_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c,
     _setup = _vm._self._setupProxy;
@@ -98533,7 +98677,13 @@ var inputvue_type_template_id_2c9ee36a_scoped_true_render = function render() {
     attrs: {
       "data-validiation-state": _vm.validationState
     }
-  }, [_vm.type === 'phone' ? _c('input', _vm._g(_vm._b({
+  }, [_c('label', {
+    staticClass: "sd-input__label",
+    attrs: {
+      "id": _vm.labelId,
+      "for": _vm.id
+    }
+  }, [_vm._v(" " + _vm._s(_vm.label) + " ")]), _vm.type === 'phone' ? _c('input', _vm._g(_vm._b({
     directives: [{
       name: "model",
       rawName: "v-model",
@@ -98541,10 +98691,12 @@ var inputvue_type_template_id_2c9ee36a_scoped_true_render = function render() {
       expression: "phone"
     }],
     attrs: {
+      "id": _vm.id,
       "type": "tel",
       "maxlength": "14",
-      "name": _vm.nameAttr,
+      "name": _vm.nameAttr || undefined,
       "disabled": _vm.disabled,
+      "aria-labelledby": _vm.labelId,
       "aria-invalid": _vm.validationState === 'error'
     },
     domProps: {
@@ -98570,9 +98722,11 @@ var inputvue_type_template_id_2c9ee36a_scoped_true_render = function render() {
       expression: "date"
     }],
     attrs: {
+      "id": _vm.id,
       "type": "date",
-      "name": _vm.nameAttr,
+      "name": _vm.nameAttr || undefined,
       "disabled": _vm.disabled,
+      "aria-labelledby": _vm.labelId,
       "aria-invalid": _vm.validationState === 'error'
     },
     domProps: {
@@ -98592,12 +98746,14 @@ var inputvue_type_template_id_2c9ee36a_scoped_true_render = function render() {
     }
   }, 'input', _vm.attrs, false), _vm.listeners)) : _vm.type === 'textarea' ? _c('textarea', _vm._g(_vm._b({
     attrs: {
-      "name": _vm.nameAttr,
+      "id": _vm.id,
+      "name": _vm.nameAttr || undefined,
       "disabled": _vm.disabled,
+      "aria-labelledby": _vm.labelId,
       "aria-invalid": _vm.validationState === 'error'
     },
     domProps: {
-      "value": _vm.value
+      "value": _vm.textareaValue
     },
     on: {
       "input": _vm.onInput,
@@ -98610,9 +98766,11 @@ var inputvue_type_template_id_2c9ee36a_scoped_true_render = function render() {
     }
   }, 'textarea', _vm.attrs, false), _vm.listeners)) : _c('input', _vm._g(_vm._b({
     attrs: {
+      "id": _vm.id,
       "type": _vm.type,
-      "name": _vm.nameAttr,
+      "name": _vm.nameAttr || undefined,
       "disabled": _vm.disabled,
+      "aria-labelledby": _vm.labelId,
       "aria-invalid": _vm.validationState === 'error'
     },
     domProps: {
@@ -98636,7 +98794,8 @@ var inputvue_type_template_id_2c9ee36a_scoped_true_render = function render() {
     attrs: {
       "id": "clear",
       "type": "button",
-      "tabindex": "-1"
+      "tabindex": "-1",
+      "aria-label": "Clear input"
     },
     on: {
       "click": _vm.clear
@@ -98647,7 +98806,7 @@ var inputvue_type_template_id_2c9ee36a_scoped_true_render = function render() {
     }
   })], 1) : _vm._e()])], 1);
 };
-var inputvue_type_template_id_2c9ee36a_scoped_true_staticRenderFns = [];
+var inputvue_type_template_id_d27e0690_scoped_true_staticRenderFns = [];
 
 ;// ./node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js
 function arrayWithHoles_arrayWithHoles(r) {
@@ -98730,6 +98889,8 @@ var inputvue_type_script_lang_ts_excluded = ["type", "name", "disabled"],
 
 
 
+
+
 library.add(faTimes);
 var blockedTypes = (/* unused pure expression or super */ null && (['checkbox', 'button', 'radio', 'reset', 'submit']));
 var toLookup = (/* unused pure expression or super */ null && (['image', 'file', 'color', 'hidden']));
@@ -98769,6 +98930,8 @@ var Input = /*#__PURE__*/function (_FormPluginComponent) {
      */
     defineProperty_defineProperty(_this, "clearable", void 0);
     defineProperty_defineProperty(_this, "disableSpinkit", void 0);
+    defineProperty_defineProperty(_this, "label", void 0);
+    defineProperty_defineProperty(_this, "id", void 0);
     defineProperty_defineProperty(_this, "input", null);
     defineProperty_defineProperty(_this, "phone", '');
     defineProperty_defineProperty(_this, "date", '');
@@ -98776,12 +98939,16 @@ var Input = /*#__PURE__*/function (_FormPluginComponent) {
   }
   _inherits(Input, _FormPluginComponent);
   return createClass_createClass(Input, [{
-    key: "attrs",
-    get:
+    key: "labelId",
+    get: function get() {
+      return "".concat(this.id, "-label");
+    }
     /**
      * Creates a transparent mapping between the the inputs native attributes and the vue components attributes.
      */
-    function get() {
+  }, {
+    key: "attrs",
+    get: function get() {
       var _this$$attrs = this.$attrs,
         type = _this$$attrs.type,
         name = _this$$attrs.name,
@@ -98803,6 +98970,17 @@ var Input = /*#__PURE__*/function (_FormPluginComponent) {
         listeners = _objectWithoutProperties(_this$$listeners, _excluded2);
       return listeners;
     }
+  }, {
+    key: "textareaValue",
+    get: function get() {
+      if (this.value === undefined || this.value === null) {
+        return '';
+      }
+      if (typeof this.value === 'boolean' || this.value instanceof Date) {
+        return String(this.value);
+      }
+      return String(this.value);
+    }
   }, {
     key: "mounted",
     value: function mounted() {
@@ -98950,6 +99128,18 @@ __decorate([Prop({
   required: false,
   default: false
 })], Input.prototype, "disableSpinkit", void 0);
+__decorate([Prop({
+  type: String,
+  required: false,
+  default: ''
+})], Input.prototype, "label", void 0);
+__decorate([Prop({
+  type: String,
+  required: false,
+  default: function _default() {
+    return "input-".concat(Math.random().toString(36).substr(2, 9));
+  }
+})], Input.prototype, "id", void 0);
 Input = __decorate([vue_class_component_esm({
   name: "sd-input",
   components: {
@@ -98962,10 +99152,10 @@ Input = __decorate([vue_class_component_esm({
 /* harmony default export */ var inputvue_type_script_lang_ts = (Input);
 ;// ./src/components/lib/input/input.vue?vue&type=script&lang=ts
  /* harmony default export */ var input_inputvue_type_script_lang_ts = (inputvue_type_script_lang_ts); 
-;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/input/input.vue?vue&type=style&index=0&id=2c9ee36a&prod&lang=scss&scoped=true
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/input/input.vue?vue&type=style&index=0&id=d27e0690&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// ./src/components/lib/input/input.vue?vue&type=style&index=0&id=2c9ee36a&prod&lang=scss&scoped=true
+;// ./src/components/lib/input/input.vue?vue&type=style&index=0&id=d27e0690&prod&lang=scss&scoped=true
 
 ;// ./src/components/lib/input/input.vue
 
@@ -98978,11 +99168,11 @@ Input = __decorate([vue_class_component_esm({
 
 var input_component = normalizeComponent(
   input_inputvue_type_script_lang_ts,
-  inputvue_type_template_id_2c9ee36a_scoped_true_render,
-  inputvue_type_template_id_2c9ee36a_scoped_true_staticRenderFns,
+  inputvue_type_template_id_d27e0690_scoped_true_render,
+  inputvue_type_template_id_d27e0690_scoped_true_staticRenderFns,
   false,
   null,
-  "2c9ee36a",
+  "d27e0690",
   null
   
 )
@@ -99277,34 +99467,22 @@ input_input.install = function (vue) {
 };
 
 /* harmony default export */ var lib_input = (input_input);
-;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/popout-menu/popout-menu.vue?vue&type=template&id=24ccd6de&scoped=true
-var popout_menuvue_type_template_id_24ccd6de_scoped_true_render = function render() {
+;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/popout-menu/popout-menu.vue?vue&type=template&id=dc172d08&scoped=true
+var popout_menuvue_type_template_id_dc172d08_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c,
     _setup = _vm._self._setupProxy;
-  return _c('div', {
-    directives: [{
-      name: "click-outside",
-      rawName: "v-click-outside",
-      value: function value() {
-        return _vm.setState('closed');
-      },
-      expression: "() => setState('closed')"
-    }],
-    class: {
-      open: _vm.open
-    },
+  return _c('div', [_c('label', {
+    staticClass: "popout-menu__label",
     attrs: {
-      "id": "popout-menu",
-      "role": "menuitem",
-      "aria-haspopup": true,
-      "aria-expanded": _vm.open
+      "id": "popout-menu__label",
+      "for": 'popout-menu__trigger'
     }
-  }, [_c('label', {
+  }, [_vm._v(" " + _vm._s(_vm.ariaLabel || 'Menu') + " ")]), _c('button', {
     attrs: {
-      "id": "popout-menu__label",
-      "for": "popout-menu__popout",
-      "tabindex": "0"
+      "id": "popout-menu__trigger",
+      "aria-haspopup": "true",
+      "aria-expanded": _vm.open
     },
     on: {
       "click": function click($event) {
@@ -99327,32 +99505,32 @@ var popout_menuvue_type_template_id_24ccd6de_scoped_true_render = function rende
         _vm.label_hover = false;
       }
     }
-  }, [_c('button', {
-    attrs: {
-      "id": "popout-menu__trigger",
-      "tabindex": "-1"
-    }
   }, [_vm._t("trigger", null, {
     "open": _vm.open,
     "focus": _vm.label_focus,
     "hover": _vm.label_hover
-  })], 2), _c('div')]), _c('div', {
-    attrs: {
-      "id": "popout-menu__popout"
-    }
-  }, [_c('div', {
+  })], 2), _c('div', {
     directives: [{
       name: "show",
       rawName: "v-show",
       value: _vm.open,
       expression: "open"
-    }]
+    }],
+    class: {
+      open: _vm.open
+    },
+    attrs: {
+      "id": "popout-menu",
+      "role": "menu",
+      "aria-labelledby": 'popout-menu__label'
+    }
   }, [_vm._t("menu", null, {
     "open": _vm.open,
-    "ariaHidden": !_vm.open
-  })], 2)])]);
+    "ariaHidden": !_vm.open,
+    "role": 'menuitem'
+  })], 2)]);
 };
-var popout_menuvue_type_template_id_24ccd6de_scoped_true_staticRenderFns = [];
+var popout_menuvue_type_template_id_dc172d08_scoped_true_staticRenderFns = [];
 
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-41.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/popout-menu/popout-menu.vue?vue&type=script&lang=ts
 
@@ -99423,10 +99601,10 @@ PopoutMenu = __decorate([vue_class_component_esm({
 /* harmony default export */ var popout_menuvue_type_script_lang_ts = (PopoutMenu);
 ;// ./src/components/lib/popout-menu/popout-menu.vue?vue&type=script&lang=ts
  /* harmony default export */ var popout_menu_popout_menuvue_type_script_lang_ts = (popout_menuvue_type_script_lang_ts); 
-;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/popout-menu/popout-menu.vue?vue&type=style&index=0&id=24ccd6de&prod&lang=scss&scoped=true
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/popout-menu/popout-menu.vue?vue&type=style&index=0&id=dc172d08&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// ./src/components/lib/popout-menu/popout-menu.vue?vue&type=style&index=0&id=24ccd6de&prod&lang=scss&scoped=true
+;// ./src/components/lib/popout-menu/popout-menu.vue?vue&type=style&index=0&id=dc172d08&prod&lang=scss&scoped=true
 
 ;// ./src/components/lib/popout-menu/popout-menu.vue
 
@@ -99439,11 +99617,11 @@ PopoutMenu = __decorate([vue_class_component_esm({
 
 var popout_menu_component = normalizeComponent(
   popout_menu_popout_menuvue_type_script_lang_ts,
-  popout_menuvue_type_template_id_24ccd6de_scoped_true_render,
-  popout_menuvue_type_template_id_24ccd6de_scoped_true_staticRenderFns,
+  popout_menuvue_type_template_id_dc172d08_scoped_true_render,
+  popout_menuvue_type_template_id_dc172d08_scoped_true_staticRenderFns,
   false,
   null,
-  "24ccd6de",
+  "dc172d08",
   null
   
 )
@@ -99459,12 +99637,12 @@ popout.install = function (vue) {
 };
 
 /* harmony default export */ var lib_popout_menu = (popout);
-;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/radio/radio.vue?vue&type=template&id=0287386f&scoped=true
-var radiovue_type_template_id_0287386f_scoped_true_render = function render() {
+;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/radio/radio.vue?vue&type=template&id=514ab577&scoped=true
+var radiovue_type_template_id_514ab577_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c,
     _setup = _vm._self._setupProxy;
-  return _c('label', {
+  return _c('div', {
     staticClass: "sd-radio",
     class: {
       checked: _vm.checked
@@ -99472,7 +99650,9 @@ var radiovue_type_template_id_0287386f_scoped_true_render = function render() {
     attrs: {
       "role": "radio",
       "tabindex": _vm.tabIndex,
-      "disabled": _vm.isDisabled
+      "aria-checked": _vm.checked ? 'true' : 'false',
+      "aria-disabled": _vm.isDisabled,
+      "aria-labelledby": _vm.labelId
     },
     on: {
       "blur": function blur($event) {
@@ -99486,6 +99666,13 @@ var radiovue_type_template_id_0287386f_scoped_true_render = function render() {
         }.apply(null, arguments);
       }
     }
+  }, [_c('label', {
+    staticClass: "sd-radio__label-wrapper",
+    attrs: {
+      "for": _vm.radioId,
+      "disabled": _vm.isDisabled,
+      "id": _vm.labelId
+    }
   }, [_c('span', {
     staticClass: "sd-radio__input"
   }, [_c('span', {
@@ -99500,13 +99687,14 @@ var radiovue_type_template_id_0287386f_scoped_true_render = function render() {
     ref: "radio",
     attrs: {
       "type": "radio",
+      "id": _vm.radioId,
       "name": _vm.nameAttr,
       "tabindex": -1,
       "disabled": _vm.isDisabled
     },
     domProps: {
-      "value": _vm.value,
-      "checked": _vm._q(_vm.computedState, _vm.value)
+      "value": _vm.radioValue,
+      "checked": _vm._q(_vm.computedState, _vm.radioValue)
     },
     on: {
       "focus": function focus($event) {
@@ -99516,19 +99704,19 @@ var radiovue_type_template_id_0287386f_scoped_true_render = function render() {
         _vm.focused = false;
       },
       "change": [function ($event) {
-        _vm.computedState = _vm.value;
+        _vm.computedState = _vm.radioValue;
       }, _vm.onChange]
     }
   })]), _c('span', {
     staticClass: "sd-radio__label"
   }, [_vm._t("default", function () {
-    return [_vm._v(" " + _vm._s(_vm.value) + " ")];
-  })], 2)]);
+    return [_vm._v(" " + _vm._s(_vm.radioValue) + " ")];
+  })], 2)])]);
 };
-var radiovue_type_template_id_0287386f_scoped_true_staticRenderFns = [];
+var radiovue_type_template_id_514ab577_scoped_true_staticRenderFns = [];
 
-;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/radio/radio-group.vue?vue&type=template&id=67235e0c&scoped=true
-var radio_groupvue_type_template_id_67235e0c_scoped_true_render = function render() {
+;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/radio/radio-group.vue?vue&type=template&id=d044affc&scoped=true
+var radio_groupvue_type_template_id_d044affc_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c,
     _setup = _vm._self._setupProxy;
@@ -99536,19 +99724,22 @@ var radio_groupvue_type_template_id_67235e0c_scoped_true_render = function rende
     staticClass: "sd-radio-group",
     class: "sd-radio-group__".concat(_vm.direction),
     attrs: {
-      "role": "radiogroup"
+      "role": "radiogroup",
+      "aria-labelledby": _vm.legendId,
+      "aria-disabled": _vm.disabled
     },
     on: {
       "keydown": _vm.onKeyDown
     }
   }, [_c('legend', {
     attrs: {
-      "slot": "legend"
+      "slot": "legend",
+      "id": "legendId"
     },
     slot: "legend"
   }, [_vm._v(_vm._s(_vm.legend))]), _vm._t("default")], 2);
 };
-var radio_groupvue_type_template_id_67235e0c_scoped_true_staticRenderFns = [];
+var radio_groupvue_type_template_id_d044affc_scoped_true_staticRenderFns = [];
 
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-41.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/radio/radio-group.vue?vue&type=script&lang=ts
 
@@ -99589,63 +99780,98 @@ var RadioGroup = /*#__PURE__*/function (_FormWidget) {
     get: function get() {
       return this.formItem ? this.formItem.label : this.name;
     }
+  }, {
+    key: "legendId",
+    get: function get() {
+      return "".concat(this.name, "-legend");
+    }
   }, {
     key: "mounted",
     value: function mounted() {
       var _this2 = this;
       var radios = this.$el.querySelectorAll('[type=radio]');
       var labels = this.$el.querySelectorAll('[role=radio]');
-      if (!labels || !radios) throw new Error('[sd-radio-group] Radio group must contain a radio item.');
+      if (!labels || !radios) {
+        throw new Error('[sd-radio-group] Radio group must contain at least one radio item.');
+      }
       var firstLabelInGroup = labels[0];
       var noneChecked = true;
-      // Assign group name if no name exists on inputs
+      // Assign group name to radios if not already set
       this.$el.id = this.name;
-      radios.forEach(function (r) {
+      radios.forEach(function (r, index) {
         var radio = r;
+        var label = labels[index];
+        // Assign the group name to the radio if not already set
         radio.name = radio.name || _this2.name;
-        radio.checked && (noneChecked = false);
+        // Ensure the label is associated with the radio
+        if (label) {
+          var radioId = radio.id || "".concat(_this2.name, "-").concat(index);
+          radio.id = radioId;
+          label.setAttribute('for', radioId);
+          // Set aria-checked on the label
+          label.setAttribute('aria-checked', radio.checked.toString());
+        }
+        // Check if any radio is already checked
+        if (radio.checked) {
+          noneChecked = false;
+        }
       });
-      // If no radios are instantiated as 'checked', set tabindex on first radio
-      noneChecked && (firstLabelInGroup.tabIndex = 0);
+      // If no radios are checked, set tabindex on the first radio
+      if (noneChecked) {
+        firstLabelInGroup.tabIndex = 0;
+      } else {
+        // Ensure only the checked radio has tabindex=0
+        labels.forEach(function (label, index) {
+          var radio = radios[index];
+          label.tabIndex = radio.checked ? 0 : -1;
+        });
+      }
+      if (this.disabled) {
+        labels.forEach(function (label) {
+          label.setAttribute('aria-disabled', 'true');
+        });
+      }
     }
   }, {
     key: "onKeyDown",
     value: function onKeyDown(event) {
       var target = event.target;
-      var className = target && target.nodeName === 'INPUT' ? '[type=radio]' : '[role=radio]';
-      var radios = this.$el.querySelectorAll(className);
+      var radios = this.$el.querySelectorAll('[role=radio]');
       var length = radios.length;
       var index = toConsumableArray_toConsumableArray(radios).indexOf(target);
-      var roleRadios = this.$el.querySelectorAll('[role=radio]');
-      switch (event.keyCode) {
-        case KeyCode.LEFT:
-        case KeyCode.UP:
-          event.stopPropagation();
-          event.preventDefault();
-          if (index === 0) {
-            roleRadios[length - 1].click();
-            roleRadios[length - 1].focus();
-          } else {
-            roleRadios[index - 1].click();
-            roleRadios[index - 1].focus();
+      switch (event.key) {
+        case 'ArrowUp':
+        case 'ArrowLeft':
+          {
+            event.preventDefault();
+            var prevIndex = (index - 1 + length) % length;
+            radios[prevIndex].click();
+            radios[prevIndex].focus();
+            this.updateAriaChecked(radios);
+            break;
           }
-          break;
-        case KeyCode.RIGHT:
-        case KeyCode.DOWN:
-          event.stopPropagation();
-          event.preventDefault();
-          if (index === length - 1) {
-            roleRadios[0].click();
-            roleRadios[0].focus();
-          } else {
-            roleRadios[index + 1].click();
-            roleRadios[index + 1].focus();
+        case 'ArrowDown':
+        case 'ArrowRight':
+          {
+            event.preventDefault();
+            var nextIndex = (index + 1) % length;
+            radios[nextIndex].click();
+            radios[nextIndex].focus();
+            this.updateAriaChecked(radios);
+            break;
           }
-          break;
         default:
           break;
       }
     }
+  }, {
+    key: "updateAriaChecked",
+    value: function updateAriaChecked(radios) {
+      radios.forEach(function (radio) {
+        var input = radio.querySelector('input[type="radio"]');
+        radio.setAttribute('aria-checked', input.checked.toString());
+      });
+    }
   }]);
 }(form_widget);
 __decorate([Prop({
@@ -99675,10 +99901,10 @@ RadioGroup = __decorate([vue_class_component_esm({
 /* harmony default export */ var radio_groupvue_type_script_lang_ts = (RadioGroup);
 ;// ./src/components/lib/radio/radio-group.vue?vue&type=script&lang=ts
  /* harmony default export */ var radio_radio_groupvue_type_script_lang_ts = (radio_groupvue_type_script_lang_ts); 
-;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/radio/radio-group.vue?vue&type=style&index=0&id=67235e0c&prod&lang=scss&scoped=true
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/radio/radio-group.vue?vue&type=style&index=0&id=d044affc&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// ./src/components/lib/radio/radio-group.vue?vue&type=style&index=0&id=67235e0c&prod&lang=scss&scoped=true
+;// ./src/components/lib/radio/radio-group.vue?vue&type=style&index=0&id=d044affc&prod&lang=scss&scoped=true
 
 ;// ./src/components/lib/radio/radio-group.vue
 
@@ -99691,11 +99917,11 @@ RadioGroup = __decorate([vue_class_component_esm({
 
 var radio_group_component = normalizeComponent(
   radio_radio_groupvue_type_script_lang_ts,
-  radio_groupvue_type_template_id_67235e0c_scoped_true_render,
-  radio_groupvue_type_template_id_67235e0c_scoped_true_staticRenderFns,
+  radio_groupvue_type_template_id_d044affc_scoped_true_render,
+  radio_groupvue_type_template_id_d044affc_scoped_true_staticRenderFns,
   false,
   null,
-  "67235e0c",
+  "d044affc",
   null
   
 )
@@ -99712,6 +99938,7 @@ var radio_group_component = normalizeComponent(
 
 
 
+
 var Radio = /*#__PURE__*/function (_FormPluginComponent) {
   function Radio() {
     var _this;
@@ -99722,8 +99949,9 @@ var Radio = /*#__PURE__*/function (_FormPluginComponent) {
     _this = _callSuper(this, Radio, [].concat(args));
     defineProperty_defineProperty(_this, "$refs", void 0);
     defineProperty_defineProperty(_this, "state", void 0);
-    defineProperty_defineProperty(_this, "value", void 0);
+    defineProperty_defineProperty(_this, "radioValue", void 0);
     defineProperty_defineProperty(_this, "disabled", void 0);
+    defineProperty_defineProperty(_this, "id", void 0);
     defineProperty_defineProperty(_this, "focused", false);
     defineProperty_defineProperty(_this, "radioGroup", null);
     return _this;
@@ -99732,7 +99960,7 @@ var Radio = /*#__PURE__*/function (_FormPluginComponent) {
   return createClass_createClass(Radio, [{
     key: "checked",
     get: function get() {
-      return this.value === this.computedState;
+      return this.radioValue === this.computedState;
     }
   }, {
     key: "computedState",
@@ -99769,7 +99997,22 @@ var Radio = /*#__PURE__*/function (_FormPluginComponent) {
   }, {
     key: "tabIndex",
     get: function get() {
-      return this.isDisabled || this.isInGroup && this.value !== this.computedState ? -1 : 0;
+      return this.isDisabled || this.isInGroup && this.radioValue !== this.computedState ? -1 : 0;
+    }
+  }, {
+    key: "radioId",
+    get: function get() {
+      return this.id || "".concat(this.nameAttr, "-").concat(this.radioValue || 'default');
+    }
+  }, {
+    key: "nameAttr",
+    get: function get() {
+      return this.radioGroup ? this.radioGroup.name : this.$attrs.name || 'radio-group';
+    }
+  }, {
+    key: "labelId",
+    get: function get() {
+      return "".concat(this.radioId, "-label");
     }
   }, {
     key: "onChange",
@@ -99781,10 +100024,10 @@ var Radio = /*#__PURE__*/function (_FormPluginComponent) {
           _this2.radioGroup.$emit('input', _this2.computedState);
           _this2.radioGroup.$emit('change', _this2.computedState);
         } else {
-          _this2.$emit('input', _this2.value, event);
-          _this2.$emit('change', _this2.value, event);
+          _this2.$emit('input', _this2.radioValue, event);
+          _this2.$emit('change', _this2.radioValue, event);
         }
-        _this2.broadcastFormEvent(['input', 'change'], _this2.value, event);
+        _this2.broadcastFormEvent(['input', 'change'], _this2.radioValue, event);
       });
     }
   }, {
@@ -99798,9 +100041,9 @@ var Radio = /*#__PURE__*/function (_FormPluginComponent) {
         if (_this3.isInGroup && _this3.radioGroup) {
           _this3.radioGroup.$emit('blur', _this3.computedState);
         } else {
-          _this3.$emit('blur', _this3.value, event);
+          _this3.$emit('blur', _this3.radioValue, event);
         }
-        _this3.broadcastFormEvent('blur', _this3.value, event);
+        _this3.broadcastFormEvent('blur', _this3.radioValue, event);
       });
     }
   }]);
@@ -99810,22 +100053,30 @@ __decorate([Model('checked', {
 })], Radio.prototype, "state", void 0);
 __decorate([Prop({
   required: true
-})], Radio.prototype, "value", void 0);
+})], Radio.prototype, "radioValue", void 0);
 __decorate([Prop({
   type: Boolean,
   required: false,
   default: false
 })], Radio.prototype, "disabled", void 0);
+__decorate([Prop({
+  type: String,
+  required: false
+})], Radio.prototype, "id", void 0);
 Radio = __decorate([vue_class_component_esm({
-  name: "sd-radio"
+  name: "sd-radio",
+  model: {
+    prop: 'state',
+    event: 'change'
+  }
 })], Radio);
 /* harmony default export */ var radiovue_type_script_lang_ts = (Radio);
 ;// ./src/components/lib/radio/radio.vue?vue&type=script&lang=ts
  /* harmony default export */ var radio_radiovue_type_script_lang_ts = (radiovue_type_script_lang_ts); 
-;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/radio/radio.vue?vue&type=style&index=0&id=0287386f&prod&lang=scss&scoped=true
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/radio/radio.vue?vue&type=style&index=0&id=514ab577&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// ./src/components/lib/radio/radio.vue?vue&type=style&index=0&id=0287386f&prod&lang=scss&scoped=true
+;// ./src/components/lib/radio/radio.vue?vue&type=style&index=0&id=514ab577&prod&lang=scss&scoped=true
 
 ;// ./src/components/lib/radio/radio.vue
 
@@ -99838,11 +100089,11 @@ Radio = __decorate([vue_class_component_esm({
 
 var radio_component = normalizeComponent(
   radio_radiovue_type_script_lang_ts,
-  radiovue_type_template_id_0287386f_scoped_true_render,
-  radiovue_type_template_id_0287386f_scoped_true_staticRenderFns,
+  radiovue_type_template_id_514ab577_scoped_true_render,
+  radiovue_type_template_id_514ab577_scoped_true_staticRenderFns,
   false,
   null,
-  "0287386f",
+  "514ab577",
   null
   
 )
@@ -99912,8 +100163,8 @@ var ratervue_type_template_id_3c375a5c_scoped_true_staticRenderFns = [];
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.number.is-nan.js
 var es_number_is_nan = __webpack_require__(150);
-;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/rater/rater-item.vue?vue&type=template&id=a4573df0&scoped=true
-var rater_itemvue_type_template_id_a4573df0_scoped_true_render = function render() {
+;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/rater/rater-item.vue?vue&type=template&id=5b53bd14&scoped=true
+var rater_itemvue_type_template_id_5b53bd14_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c,
     _setup = _vm._self._setupProxy;
@@ -99945,7 +100196,7 @@ var rater_itemvue_type_template_id_a4573df0_scoped_true_render = function render
     }
   })], 1);
 };
-var rater_itemvue_type_template_id_a4573df0_scoped_true_staticRenderFns = [];
+var rater_itemvue_type_template_id_5b53bd14_scoped_true_staticRenderFns = [];
 
 ;// ./node_modules/@fortawesome/free-regular-svg-icons/index.es.js
 /*!
@@ -100934,10 +101185,10 @@ RaterItem = __decorate([vue_class_component_esm({
 /* harmony default export */ var rater_itemvue_type_script_lang_ts = (RaterItem);
 ;// ./src/components/lib/rater/rater-item.vue?vue&type=script&lang=ts
  /* harmony default export */ var rater_rater_itemvue_type_script_lang_ts = (rater_itemvue_type_script_lang_ts); 
-;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/rater/rater-item.vue?vue&type=style&index=0&id=a4573df0&prod&lang=scss&scoped=true
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/rater/rater-item.vue?vue&type=style&index=0&id=5b53bd14&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// ./src/components/lib/rater/rater-item.vue?vue&type=style&index=0&id=a4573df0&prod&lang=scss&scoped=true
+;// ./src/components/lib/rater/rater-item.vue?vue&type=style&index=0&id=5b53bd14&prod&lang=scss&scoped=true
 
 ;// ./src/components/lib/rater/rater-item.vue
 
@@ -100950,11 +101201,11 @@ RaterItem = __decorate([vue_class_component_esm({
 
 var rater_item_component = normalizeComponent(
   rater_rater_itemvue_type_script_lang_ts,
-  rater_itemvue_type_template_id_a4573df0_scoped_true_render,
-  rater_itemvue_type_template_id_a4573df0_scoped_true_staticRenderFns,
+  rater_itemvue_type_template_id_5b53bd14_scoped_true_render,
+  rater_itemvue_type_template_id_5b53bd14_scoped_true_staticRenderFns,
   false,
   null,
-  "a4573df0",
+  "5b53bd14",
   null
   
 )
@@ -101159,12 +101410,12 @@ rater_rater.install = function (vue) {
 };
 
 /* harmony default export */ var lib_rater = (rater_rater);
-;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/select/select.vue?vue&type=template&id=0916f9c2&scoped=true
-var selectvue_type_template_id_0916f9c2_scoped_true_render = function render() {
+;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/select/select.vue?vue&type=template&id=31b9efcf&scoped=true
+var selectvue_type_template_id_31b9efcf_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c,
     _setup = _vm._self._setupProxy;
-  return _c('label', {
+  return _c('div', {
     directives: [{
       name: "click-outside",
       rawName: "v-click-outside",
@@ -101178,10 +101429,15 @@ var selectvue_type_template_id_0916f9c2_scoped_true_render = function render() {
       custom: _vm.custom
     },
     attrs: {
-      "name": _vm.labelName,
       "disabled": _vm.disabled,
       "tabindex": _vm.disabled ? -1 : 0,
-      "data-validiation-state": _vm.validationState
+      "data-validiation-state": _vm.validationState,
+      "role": "combobox",
+      "aria-expanded": _vm.open ? 'true' : 'false',
+      "aria-haspopup": !_vm.native ? 'listbox' : undefined,
+      "aria-disabled": _vm.disabled ? 'true' : 'false',
+      "aria-labelledby": _vm.labelId,
+      "aria-controls": _vm.listboxId
     },
     on: {
       "click": function click($event) {
@@ -101197,7 +101453,20 @@ var selectvue_type_template_id_0916f9c2_scoped_true_render = function render() {
         !_vm.disabled && _vm.onKeyDown($event);
       }
     }
-  }, [_c('div', {
+  }, [!this.labelId ? _c('label', {
+    staticClass: "sd-select-label",
+    attrs: {
+      "id": _vm.computedLabelId,
+      "for": _vm.id
+    }
+  }, [_vm._v(" " + _vm._s(_vm.label) + " ")]) : _c('label', {
+    staticClass: "sd-select-label",
+    attrs: {
+      "id": _vm.labelId,
+      "for": _vm.id
+    }
+  }, [_vm._v(" " + _vm._s(_vm.label) + " ")]), _c('div', {
+    staticClass: "sd-select-trigger",
     on: {
       "mouseenter": function mouseenter($event) {
         _vm.hoveringTrigger = true;
@@ -101214,9 +101483,12 @@ var selectvue_type_template_id_0916f9c2_scoped_true_render = function render() {
       focused: !_vm.disabled && _vm.focused
     },
     attrs: {
+      "id": _vm.id,
       "tabindex": "-1",
       "disabled": _vm.disabled,
-      "readonly": ""
+      "readonly": "",
+      "aria-readonly": "true",
+      "aria-activedescendant": _vm.focusedOptionId ? _vm.focusedOptionId : undefined
     },
     domProps: {
       "value": _vm.display
@@ -101228,8 +101500,9 @@ var selectvue_type_template_id_0916f9c2_scoped_true_render = function render() {
       custom: _vm.custom
     },
     attrs: {
-      "name": _vm.nameAttr,
+      "name": _vm.nameAttr || undefined,
       "disabled": _vm.disabled,
+      "aria-hidden": "true",
       "tabindex": "-1"
     },
     domProps: {
@@ -101276,14 +101549,20 @@ var selectvue_type_template_id_0916f9c2_scoped_true_render = function render() {
       open: _vm.open,
       custom: _vm.custom
     },
+    attrs: {
+      "role": "listbox",
+      "id": _vm.listboxId,
+      "aria-labelledby": _vm.labelId,
+      "aria-activedescendant": _vm.focusedOptionId ? _vm.focusedOptionId : undefined
+    },
     on: {
       "click": function click($event) {
         $event.stopPropagation();
       }
     }
-  }, [!_vm.$scopedSlots.default || !_vm.$scopedSlots.default().length ? _vm._t("empty") : _vm._t("default")], 2)]);
+  }, [_vm._t("default")], 2)]);
 };
-var selectvue_type_template_id_0916f9c2_scoped_true_staticRenderFns = [];
+var selectvue_type_template_id_31b9efcf_scoped_true_staticRenderFns = [];
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.map.js
 var es_array_map = __webpack_require__(2062);
@@ -101346,16 +101625,33 @@ var SelectOption = /*#__PURE__*/function (_Vue) {
       var h = arguments[0];
       var emit = function emit(event) {
         if (_this2.disabled) return true;
-        _this2.notifyOfUpdatedValue(_this2.value, ['input']);
-        _this2.toggleMenu(event);
+        _this2.notifyOfUpdatedValue(_this2.value, ['input', 'change']); // Emit both input and change events
+        _this2.toggleMenu(event); // Close the dropdown
       };
       var slot = this.$scopedSlots && this.$scopedSlots.default ? this.$scopedSlots.default(this) : undefined;
       return h("div", {
+        "attrs": {
+          "id": "option-".concat(this.value),
+          "role": "option",
+          "aria-selected": this.isSelected,
+          "aria-disabled": this.disabled,
+          "aria-labelledby": "option-label-".concat(this.value)
+        },
         "class": "sd-select-item ".concat(this.disabled ? 'disabled' : ''),
         "on": {
           "click": emit
         }
-      }, [slot || this.label || this.value]);
+      }, [h("span", {
+        "attrs": {
+          "id": "option-label-".concat(this.value)
+        }
+      }, [slot || this.label || this.value])]);
+    }
+  }, {
+    key: "isSelected",
+    get: function get() {
+      // Ensure the return value is always a boolean
+      return !!(this.$parent && this.$parent.value === this.value);
     }
   }]);
 }((external_commonjs_vue_commonjs2_vue_root_Vue_default()));
@@ -101386,10 +101682,10 @@ SelectOption = __decorate([vue_class_component_esm({
 /* harmony default export */ var select_optionvue_type_script_lang_tsx = (SelectOption);
 ;// ./src/components/lib/select/select-option.vue?vue&type=script&lang=tsx
  /* harmony default export */ var select_select_optionvue_type_script_lang_tsx = (select_optionvue_type_script_lang_tsx); 
-;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/select/select-option.vue?vue&type=style&index=0&id=67c51a8c&prod&lang=scss&scoped=true
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/select/select-option.vue?vue&type=style&index=0&id=2462def3&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// ./src/components/lib/select/select-option.vue?vue&type=style&index=0&id=67c51a8c&prod&lang=scss&scoped=true
+;// ./src/components/lib/select/select-option.vue?vue&type=style&index=0&id=2462def3&prod&lang=scss&scoped=true
 
 ;// ./src/components/lib/select/select-option.vue
 var select_option_render, select_option_staticRenderFns
@@ -101406,7 +101702,7 @@ var select_option_component = normalizeComponent(
   select_option_staticRenderFns,
   false,
   null,
-  "67c51a8c",
+  "2462def3",
   null
   
 )
@@ -101441,7 +101737,6 @@ var select_option_component = normalizeComponent(
 
 
 
-
 
 
 library.add(faAngleDown, faTimes);
@@ -101454,6 +101749,9 @@ var Select = /*#__PURE__*/function (_FormPluginComponent) {
     }
     _this = _callSuper(this, Select, [].concat(args));
     defineProperty_defineProperty(_this, "$refs", void 0);
+    defineProperty_defineProperty(_this, "id", void 0);
+    defineProperty_defineProperty(_this, "label", void 0);
+    defineProperty_defineProperty(_this, "externalLabelId", void 0);
     /**
      * The value to bind the selected item to.
      */
@@ -101472,11 +101770,26 @@ var Select = /*#__PURE__*/function (_FormPluginComponent) {
     defineProperty_defineProperty(_this, "focused", false);
     defineProperty_defineProperty(_this, "hoveringTrigger", false);
     defineProperty_defineProperty(_this, "display", '');
-    defineProperty_defineProperty(_this, "labelName", genId());
+    defineProperty_defineProperty(_this, "focusedOptionId", '');
     return _this;
   }
   _inherits(Select, _FormPluginComponent);
   return createClass_createClass(Select, [{
+    key: "labelId",
+    get: function get() {
+      return this.externalLabelId || "".concat(this.id);
+    }
+  }, {
+    key: "computedLabelId",
+    get: function get() {
+      return "".concat(this.id, "-computed-label");
+    }
+  }, {
+    key: "listboxId",
+    get: function get() {
+      return "".concat(this.id, "-listbox");
+    }
+  }, {
     key: "options",
     get: function get() {
       var options = this.$slots.default;
@@ -101491,7 +101804,7 @@ var Select = /*#__PURE__*/function (_FormPluginComponent) {
     value: function mounted() {
       this.bindSelectOptions();
       var item = this.findChildByValue(this.value);
-      this.display = (item || {}).label || (this.value || '').toString();
+      this.display = (item === null || item === void 0 ? void 0 : item.label) || (this.value != null ? String(this.value) : '');
     }
     /**
      * Toggles the state of the drop down menu.
@@ -101501,9 +101814,17 @@ var Select = /*#__PURE__*/function (_FormPluginComponent) {
   }, {
     key: "toggleMenu",
     value: function toggleMenu(event) {
+      var _this2 = this;
       event && event.preventDefault();
       this.open = !this.open;
       this.$emit(this.open ? 'open' : 'close');
+      if (this.open) {
+        // Focus the listbox when the dropdown is opened
+        this.$nextTick(function () {
+          var listbox = _this2.$el.querySelector('[role="listbox"]');
+          listbox && listbox.focus();
+        });
+      }
     }
     /**
      * A function which updates the components value and emits an event
@@ -101518,14 +101839,18 @@ var Select = /*#__PURE__*/function (_FormPluginComponent) {
     value: function notifyOfUpdatedValue(value, type) {
       var item = this.findChildByValue(value);
       if (type.includes('input')) {
-        this.$emit('input', value);
+        this.$emit('input', value); // Emit the input event
         this.broadcastFormEvent('input', value);
       }
       if (type.includes('change')) {
-        this.$emit('change', value);
+        this.$emit('change', value); // Emit the change event
         this.broadcastFormEvent('change', value);
       }
       this.display = item ? item.label ? item.label : value.toString() : null;
+      // Update the hidden <select> element's value
+      if (this.$refs.select) {
+        this.$refs.select.value = value.toString();
+      }
     }
   }, {
     key: "clear",
@@ -101534,11 +101859,12 @@ var Select = /*#__PURE__*/function (_FormPluginComponent) {
     }
     /**
      * Closes the dropdown.
+     * @param {FocusEvent} [event] - Optional focus event
      * @returns {void}
      */
   }, {
     key: "close",
-    value: function close() {
+    value: function close(event) {
       if (!this.open) return;
       this.open = false;
       this.$emit('blur', event);
@@ -101553,12 +101879,25 @@ var Select = /*#__PURE__*/function (_FormPluginComponent) {
     key: "onValueChanged",
     value: function onValueChanged(value) {
       var item = this.findChildByValue(value);
-      this.display = item ? item.label ? item.label : value.toString() : null;
+      this.display = (item === null || item === void 0 ? void 0 : item.label) || (value != null ? String(value) : '');
     }
   }, {
     key: "onFocus",
     value: function onFocus(event) {
+      var _this3 = this;
       this.focused = true;
+      // If the dropdown is open, ensure the selected option is focused
+      if (this.open && this.options.length) {
+        var selectedOption = this.options.find(function (opt) {
+          return opt.value === _this3.value;
+        });
+        var focusOption = selectedOption || this.options[0];
+        this.options.forEach(function (opt) {
+          return opt.$el.classList.remove('focus');
+        });
+        focusOption.$el.classList.add('focus');
+        this.focusedOptionId = focusOption.$el.id; // Update focusedOptionId
+      }
     }
   }, {
     key: "onInput",
@@ -101572,6 +101911,13 @@ var Select = /*#__PURE__*/function (_FormPluginComponent) {
     value: function onBlur(event) {
       if (event.relatedTarget === this.$refs.input) return;
       this.focused = false;
+      // Clear the focused option when the dropdown is closed
+      if (!this.open) {
+        this.options.forEach(function (opt) {
+          return opt.$el.classList.remove('focus');
+        });
+        this.focusedOptionId = '';
+      }
       this.$emit('blur', event);
       this.broadcastFormEvent('blur', this.value, event);
     }
@@ -101586,107 +101932,54 @@ var Select = /*#__PURE__*/function (_FormPluginComponent) {
   }, {
     key: "onKeyDown",
     value: function onKeyDown(event) {
-      var preventWindowScroll = function preventWindowScroll(e) {
-        switch (e.keyCode) {
-          case KeyCode.LEFT:
-          case KeyCode.UP:
-          case KeyCode.DOWN:
-          case KeyCode.RIGHT:
-          case KeyCode.SPACE:
-            e.preventDefault();
-            break;
-          default:
-            // do not block other keys
-            break;
-        }
-      };
-      window.addEventListener('keydown', preventWindowScroll, false);
-      var target = event.target;
-      var className = target && target.nodeName === 'INPUT' ? '[type=radio]' : '[role=radio]';
       var enabledOptions = this.options.filter(function (opt) {
         return !opt.disabled;
       });
       switch (event.keyCode) {
-        case KeyCode.LEFT:
         case KeyCode.UP:
-          event.stopPropagation();
+        case KeyCode.DOWN:
           event.preventDefault();
           if (!this.open) {
             this.toggleMenu(event);
             if (enabledOptions.length) {
-              var focusOption = enabledOptions[enabledOptions.length - 1];
+              var focusOption = event.keyCode === KeyCode.UP ? enabledOptions[enabledOptions.length - 1] : enabledOptions[0];
               focusOption.$el.classList.add('focus');
+              this.focusedOptionId = focusOption.$el.id;
             }
           } else {
-            if (!enabledOptions.length) return;
             var focusedIndex = enabledOptions.findIndex(function (opt) {
               return opt.$el.classList.contains('focus');
             });
-            var nextIndex = focusedIndex > 0 ? focusedIndex - 1 : enabledOptions.length - 1;
-            var nextEl = enabledOptions[nextIndex].$el;
+            var nextIndex = event.keyCode === KeyCode.UP ? (focusedIndex - 1 + enabledOptions.length) % enabledOptions.length : (focusedIndex + 1) % enabledOptions.length;
+            var nextOption = enabledOptions[nextIndex];
             this.options.forEach(function (opt) {
               return opt.$el.classList.remove('focus');
             });
-            nextEl.classList.add('focus');
-            var focusedEl = enabledOptions[focusedIndex].$el;
-            if (focusedEl && focusedEl.parentElement) {
-              var container = focusedEl.parentElement;
-              var height = container.clientHeight;
-              var offsetTop = nextEl.offsetTop;
-              container.scrollTop = offsetTop - height / 2;
-            }
-          }
-          break;
-        case KeyCode.RIGHT:
-        case KeyCode.DOWN:
-          event.stopPropagation();
-          event.preventDefault();
-          if (!this.open) {
-            this.toggleMenu(event);
-            if (enabledOptions.length) {
-              var _focusOption = enabledOptions[0];
-              _focusOption.$el.classList.add('focus');
-            }
-          } else {
-            if (!enabledOptions.length) return;
-            var _focusedIndex = enabledOptions.findIndex(function (opt) {
-              return opt.$el.classList.contains('focus');
-            });
-            var _nextIndex = _focusedIndex < enabledOptions.length - 1 ? _focusedIndex + 1 : 0;
-            var _nextEl = enabledOptions[_nextIndex].$el;
-            this.options.forEach(function (opt) {
-              return opt.$el.classList.remove('focus');
-            });
-            _nextEl.classList.add('focus');
-            var _focusedEl = enabledOptions[_focusedIndex].$el;
-            if (_focusedEl && _focusedEl.parentElement) {
-              var _container = _focusedEl.parentElement;
-              var _height = _container.clientHeight;
-              var _offsetTop = _nextEl.offsetTop;
-              _container.scrollTop = _offsetTop - _height / 2;
-            }
+            nextOption.$el.classList.add('focus');
+            this.focusedOptionId = nextOption.$el.id;
           }
           break;
         case KeyCode.ENTER:
-          event.stopPropagation();
           event.preventDefault();
           if (this.open) {
-            var _focusedEl2 = enabledOptions.find(function (opt) {
+            var focusedOption = enabledOptions.find(function (opt) {
               return opt.$el.classList.contains('focus');
             });
-            _focusedEl2 && _focusedEl2.$el.click();
+            if (focusedOption) {
+              this.notifyOfUpdatedValue(focusedOption.value, ['input', 'change']); // Notify the change
+              this.close(); // Close the dropdown
+            }
           } else {
             this.toggleMenu(event);
-            enabledOptions.length && enabledOptions[0].$el.classList.add('focus');
           }
           break;
-        case KeyCode.TAB:
-          if (this.open) this.toggleMenu(event);
+        case KeyCode.ESCAPE:
+          event.preventDefault();
+          this.close();
           break;
         default:
           break;
       }
-      window.removeEventListener('keydown', preventWindowScroll, false);
     }
     /**
      * Given a value, will return the Vue component associated with the provided value.
@@ -101716,6 +102009,19 @@ var Select = /*#__PURE__*/function (_FormPluginComponent) {
     }
   }]);
 }(FormPluginComponent);
+__decorate([Prop({
+  type: String,
+  required: true
+})], Select.prototype, "id", void 0);
+__decorate([Prop({
+  type: String,
+  required: false,
+  default: ''
+})], Select.prototype, "label", void 0);
+__decorate([Prop({
+  type: String,
+  required: false
+})], Select.prototype, "externalLabelId", void 0);
 __decorate([Prop({
   type: [String, Number, Date, Boolean],
   required: false,
@@ -101759,10 +102065,10 @@ Select = __decorate([vue_class_component_esm({
 /* harmony default export */ var selectvue_type_script_lang_ts = (Select);
 ;// ./src/components/lib/select/select.vue?vue&type=script&lang=ts
  /* harmony default export */ var select_selectvue_type_script_lang_ts = (selectvue_type_script_lang_ts); 
-;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/select/select.vue?vue&type=style&index=0&id=0916f9c2&prod&lang=scss&scoped=true
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/select/select.vue?vue&type=style&index=0&id=31b9efcf&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// ./src/components/lib/select/select.vue?vue&type=style&index=0&id=0916f9c2&prod&lang=scss&scoped=true
+;// ./src/components/lib/select/select.vue?vue&type=style&index=0&id=31b9efcf&prod&lang=scss&scoped=true
 
 ;// ./src/components/lib/select/select.vue
 
@@ -101775,11 +102081,11 @@ Select = __decorate([vue_class_component_esm({
 
 var select_component = normalizeComponent(
   select_selectvue_type_script_lang_ts,
-  selectvue_type_template_id_0916f9c2_scoped_true_render,
-  selectvue_type_template_id_0916f9c2_scoped_true_staticRenderFns,
+  selectvue_type_template_id_31b9efcf_scoped_true_render,
+  selectvue_type_template_id_31b9efcf_scoped_true_staticRenderFns,
   false,
   null,
-  "0916f9c2",
+  "31b9efcf",
   null
   
 )
@@ -101797,8 +102103,8 @@ lib_select_select.install = function (vue) {
 };
 
 /* harmony default export */ var lib_select = (lib_select_select);
-;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/tabs/tabs.vue?vue&type=template&id=5f28e26b&scoped=true
-var tabsvue_type_template_id_5f28e26b_scoped_true_render = function render() {
+;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/tabs/tabs.vue?vue&type=template&id=b6ff050a&scoped=true
+var tabsvue_type_template_id_b6ff050a_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c,
     _setup = _vm._self._setupProxy;
@@ -101823,7 +102129,7 @@ var tabsvue_type_template_id_5f28e26b_scoped_true_render = function render() {
     })], 1);
   }), 1);
 };
-var tabsvue_type_template_id_5f28e26b_scoped_true_staticRenderFns = [];
+var tabsvue_type_template_id_b6ff050a_scoped_true_staticRenderFns = [];
 
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-41.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/tabs/tabs.vue?vue&type=script&lang=ts&scoped=true
 
@@ -101856,10 +102162,10 @@ Tabs = __decorate([vue_class_component_esm({})], Tabs);
 /* harmony default export */ var tabsvue_type_script_lang_ts_scoped_true = (Tabs);
 ;// ./src/components/lib/tabs/tabs.vue?vue&type=script&lang=ts&scoped=true
  /* harmony default export */ var tabs_tabsvue_type_script_lang_ts_scoped_true = (tabsvue_type_script_lang_ts_scoped_true); 
-;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/tabs/tabs.vue?vue&type=style&index=0&id=5f28e26b&prod&lang=scss&scoped=true
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/tabs/tabs.vue?vue&type=style&index=0&id=b6ff050a&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// ./src/components/lib/tabs/tabs.vue?vue&type=style&index=0&id=5f28e26b&prod&lang=scss&scoped=true
+;// ./src/components/lib/tabs/tabs.vue?vue&type=style&index=0&id=b6ff050a&prod&lang=scss&scoped=true
 
 ;// ./src/components/lib/tabs/tabs.vue
 
@@ -101872,11 +102178,11 @@ Tabs = __decorate([vue_class_component_esm({})], Tabs);
 
 var tabs_component = normalizeComponent(
   tabs_tabsvue_type_script_lang_ts_scoped_true,
-  tabsvue_type_template_id_5f28e26b_scoped_true_render,
-  tabsvue_type_template_id_5f28e26b_scoped_true_staticRenderFns,
+  tabsvue_type_template_id_b6ff050a_scoped_true_render,
+  tabsvue_type_template_id_b6ff050a_scoped_true_staticRenderFns,
   false,
   null,
-  "5f28e26b",
+  "b6ff050a",
   null
   
 )