memorial-ui-component-library 1.0.10-beta.1-dev.2870 → 1.0.10-beta.1-dev.3029

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

@@ -1447,6 +1447,30 @@ module.exports = function (target, TAG, STATIC) {
 };
 
 
+/***/ }),
+
+/***/ 706:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+var PROPER_FUNCTION_NAME = (__webpack_require__(350).PROPER);
+var fails = __webpack_require__(9039);
+var whitespaces = __webpack_require__(7452);
+
+var non = '\u200B\u0085\u180E';
+
+// check that a method works with the correct list
+// of whitespaces and has a correct name
+module.exports = function (METHOD_NAME) {
+  return fails(function () {
+    return !!whitespaces[METHOD_NAME]()
+      || non[METHOD_NAME]() !== non
+      || (PROPER_FUNCTION_NAME && whitespaces[METHOD_NAME].name !== METHOD_NAME);
+  });
+};
+
+
 /***/ }),
 
 /***/ 741:
@@ -52863,6 +52887,26 @@ module.exports = !fails(function () {
 });
 
 
+/***/ }),
+
+/***/ 2762:
+/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+var $ = __webpack_require__(6518);
+var $trim = (__webpack_require__(3802).trim);
+var forcedStringTrimMethod = __webpack_require__(706);
+
+// `String.prototype.trim` method
+// https://tc39.es/ecma262/#sec-string.prototype.trim
+$({ target: 'String', proto: true, forced: forcedStringTrimMethod('trim') }, {
+  trim: function trim() {
+    return $trim(this);
+  }
+});
+
+
 /***/ }),
 
 /***/ 2777:
@@ -96370,8 +96414,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=049e47a4&scoped=true
-var buttonvue_type_template_id_049e47a4_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=1a0959d4&scoped=true
+var buttonvue_type_template_id_1a0959d4_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c,
     _setup = _vm._self._setupProxy;
@@ -96385,6 +96429,7 @@ var buttonvue_type_template_id_049e47a4_scoped_true_render = function render() {
       reverse: _vm.iconConfig.pos === 'right'
     }],
     attrs: {
+      "role": "button",
       "type": _vm.buttonType,
       "aria-label": !_vm.hasLabel ? _vm.label : null
     }
@@ -96402,7 +96447,7 @@ var buttonvue_type_template_id_049e47a4_scoped_true_render = function render() {
     return [_vm.submit ? [_vm._v(" Submit ")] : _vm.reset ? [_vm._v(" Reset ")] : _vm._e()];
   })], 2)]);
 };
-var buttonvue_type_template_id_049e47a4_scoped_true_staticRenderFns = [];
+var buttonvue_type_template_id_1a0959d4_scoped_true_staticRenderFns = [];
 
 ;// ./node_modules/@babel/runtime/helpers/esm/objectDestructuringEmpty.js
 
@@ -96637,10 +96682,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=049e47a4&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=1a0959d4&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// ./src/components/lib/button/button.vue?vue&type=style&index=0&id=049e47a4&prod&lang=scss&scoped=true
+;// ./src/components/lib/button/button.vue?vue&type=style&index=0&id=1a0959d4&prod&lang=scss&scoped=true
 
 ;// ./src/components/lib/button/button.vue
 
@@ -96653,11 +96698,11 @@ Button = __decorate([vue_class_component_esm({
 
 var button_component = normalizeComponent(
   button_buttonvue_type_script_lang_ts,
-  buttonvue_type_template_id_049e47a4_scoped_true_render,
-  buttonvue_type_template_id_049e47a4_scoped_true_staticRenderFns,
+  buttonvue_type_template_id_1a0959d4_scoped_true_render,
+  buttonvue_type_template_id_1a0959d4_scoped_true_staticRenderFns,
   false,
   null,
-  "049e47a4",
+  "1a0959d4",
   null
   
 )
@@ -96814,10 +96859,10 @@ 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=671611d8&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=1d20088f&scoped=true
 
 
-var checkboxvue_type_template_id_671611d8_scoped_true_render = function render() {
+var checkboxvue_type_template_id_1d20088f_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c,
     _setup = _vm._self._setupProxy;
@@ -96903,9 +96948,9 @@ var checkboxvue_type_template_id_671611d8_scoped_true_render = function render()
     return [_vm._v(" " + _vm._s(_vm.value) + " ")];
   })], 2)])]);
 };
-var checkboxvue_type_template_id_671611d8_scoped_true_staticRenderFns = [];
+var checkboxvue_type_template_id_1d20088f_scoped_true_staticRenderFns = [];
 
-;// ./src/components/lib/checkbox/checkbox.vue?vue&type=template&id=671611d8&scoped=true
+;// ./src/components/lib/checkbox/checkbox.vue?vue&type=template&id=1d20088f&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
 
@@ -97041,10 +97086,10 @@ CheckBox = __decorate([vue_class_component_esm({
 /* 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=671611d8&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=1d20088f&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// ./src/components/lib/checkbox/checkbox.vue?vue&type=style&index=0&id=671611d8&prod&lang=scss&scoped=true
+;// ./src/components/lib/checkbox/checkbox.vue?vue&type=style&index=0&id=1d20088f&prod&lang=scss&scoped=true
 
 ;// ./src/components/lib/checkbox/checkbox.vue
 
@@ -97057,11 +97102,11 @@ CheckBox = __decorate([vue_class_component_esm({
 
 var checkbox_component = normalizeComponent(
   checkbox_checkboxvue_type_script_lang_ts,
-  checkboxvue_type_template_id_671611d8_scoped_true_render,
-  checkboxvue_type_template_id_671611d8_scoped_true_staticRenderFns,
+  checkboxvue_type_template_id_1d20088f_scoped_true_render,
+  checkboxvue_type_template_id_1d20088f_scoped_true_staticRenderFns,
   false,
   null,
-  "671611d8",
+  "1d20088f",
   null
   
 )
@@ -98168,36 +98213,54 @@ var Dialog = /*#__PURE__*/function (_Vue) {
     value: function () {
       var _cancel = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(message) {
         var _this3 = this;
+        var _safeMessage, isNormalCancellation, safeMessage;
         return _regeneratorRuntime().wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
               _context3.prev = 0;
               if (!(this.hooks && this.hooks.cancel)) {
-                _context3.next = 4;
+                _context3.next = 5;
                 break;
               }
-              _context3.next = 4;
-              return Promise.resolve(this.hooks.cancel(message));
-            case 4:
-              _context3.next = 10;
+              // Make sure we pass a safe value to hooks
+              _safeMessage = message || new Error('Dialog cancelled');
+              _context3.next = 5;
+              return Promise.resolve(this.hooks.cancel(_safeMessage));
+            case 5:
+              _context3.next = 12;
               break;
-            case 6:
-              _context3.prev = 6;
+            case 7:
+              _context3.prev = 7;
               _context3.t0 = _context3["catch"](0);
-              if (!(!(message instanceof Error) || message.message !== 'Cancelled')) {
-                _context3.next = 10;
+              // Simplified error handling with safer checks
+              isNormalCancellation = message instanceof Error && message.message === 'Cancelled';
+              if (isNormalCancellation) {
+                _context3.next = 12;
                 break;
               }
               return _context3.abrupt("return", this.error(String(_context3.t0)));
-            case 10:
+            case 12:
+              // Convert undefined to an error with descriptive message
+              if (message === undefined) {
+                safeMessage = new Error('Dialog cancelled');
+              }
+              // Keep string as is
+              else if (typeof message === 'string') {
+                safeMessage = message;
+              }
+              // Keep Error as is
+              else {
+                safeMessage = message;
+              }
+              // Use the safe message value in emits
               this.container.$emit('begin_teardown', 'cancel', function () {
-                return _this3.container.$emit('cancel', message);
+                _this3.container.$emit('cancel', safeMessage);
               });
-            case 11:
+            case 14:
             case "end":
               return _context3.stop();
           }
-        }, _callee3, this, [[0, 6]]);
+        }, _callee3, this, [[0, 7]]);
       }));
       function cancel(_x2) {
         return _cancel.apply(this, arguments);
@@ -98313,7 +98376,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":"#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"});
+/* 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","focus":"bc0hDsNwP8ocSBlzi1A7","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","menu-pill":"SadOkeiNyfQTTeIrbmcK","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
 
 
@@ -98719,8 +98782,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=d27e0690&scoped=true
-var inputvue_type_template_id_d27e0690_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=21f1dcc6&scoped=true
+var inputvue_type_template_id_21f1dcc6_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c,
     _setup = _vm._self._setupProxy;
@@ -98861,7 +98924,7 @@ var inputvue_type_template_id_d27e0690_scoped_true_render = function render() {
     }
   })], 1) : _vm._e()])], 1);
 };
-var inputvue_type_template_id_d27e0690_scoped_true_staticRenderFns = [];
+var inputvue_type_template_id_21f1dcc6_scoped_true_staticRenderFns = [];
 
 ;// ./node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js
 function arrayWithHoles_arrayWithHoles(r) {
@@ -99207,10 +99270,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=d27e0690&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=21f1dcc6&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// ./src/components/lib/input/input.vue?vue&type=style&index=0&id=d27e0690&prod&lang=scss&scoped=true
+;// ./src/components/lib/input/input.vue?vue&type=style&index=0&id=21f1dcc6&prod&lang=scss&scoped=true
 
 ;// ./src/components/lib/input/input.vue
 
@@ -99223,11 +99286,11 @@ Input = __decorate([vue_class_component_esm({
 
 var input_component = normalizeComponent(
   input_inputvue_type_script_lang_ts,
-  inputvue_type_template_id_d27e0690_scoped_true_render,
-  inputvue_type_template_id_d27e0690_scoped_true_staticRenderFns,
+  inputvue_type_template_id_21f1dcc6_scoped_true_render,
+  inputvue_type_template_id_21f1dcc6_scoped_true_staticRenderFns,
   false,
   null,
-  "d27e0690",
+  "21f1dcc6",
   null
   
 )
@@ -99522,22 +99585,37 @@ 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=dc172d08&scoped=true
-var popout_menuvue_type_template_id_dc172d08_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=15f12367&scoped=true
+var popout_menuvue_type_template_id_15f12367_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c,
     _setup = _vm._self._setupProxy;
-  return _c('div', [_c('label', {
-    staticClass: "popout-menu__label",
+  return _c('div', {
+    class: ['link__menu', {
+      open: _vm.open
+    }],
     attrs: {
-      "id": "popout-menu__label",
-      "for": 'popout-menu__trigger'
+      "id": _vm.componentId
     }
-  }, [_vm._v(" " + _vm._s(_vm.ariaLabel || 'Menu') + " ")]), _c('button', {
+  }, [_c('label', {
     attrs: {
-      "id": "popout-menu__trigger",
+      "id": "".concat(_vm.componentId, "__label"),
+      "for": "".concat(_vm.componentId, "__trigger")
+    }
+  }, [_c('button', {
+    directives: [{
+      name: "click-outside",
+      rawName: "v-click-outside",
+      value: function value() {
+        return _vm.setState('closed');
+      },
+      expression: "() => setState('closed')"
+    }],
+    attrs: {
+      "id": "".concat(_vm.componentId, "__trigger"),
       "aria-haspopup": "true",
-      "aria-expanded": _vm.open
+      "aria-expanded": _vm.open,
+      "aria-controls": "".concat(_vm.componentId, "__popout")
     },
     on: {
       "click": function click($event) {
@@ -99564,28 +99642,49 @@ var popout_menuvue_type_template_id_dc172d08_scoped_true_render = function rende
     "open": _vm.open,
     "focus": _vm.label_focus,
     "hover": _vm.label_hover
-  })], 2), _c('div', {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      value: _vm.open,
-      expression: "open"
-    }],
-    class: {
-      open: _vm.open
-    },
+  })], 2)]), _c('div', {
     attrs: {
-      "id": "popout-menu",
-      "role": "menu",
-      "aria-labelledby": 'popout-menu__label'
+      "id": "".concat(_vm.componentId, "__popout"),
+      "aria-labelledby": "".concat(_vm.componentId, "__label"),
+      "inert": !_vm.open
+    },
+    on: {
+      "keydown": [function ($event) {
+        if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "up", 38, $event.key, ["Up", "ArrowUp"])) return null;
+        $event.preventDefault();
+        return _vm.focusPreviousItem.apply(null, arguments);
+      }, function ($event) {
+        if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "down", 40, $event.key, ["Down", "ArrowDown"])) return null;
+        $event.preventDefault();
+        return _vm.focusNextItem.apply(null, arguments);
+      }, function ($event) {
+        if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "home", undefined, $event.key, undefined)) return null;
+        $event.preventDefault();
+        return _vm.focusFirstItem.apply(null, arguments);
+      }, function ($event) {
+        if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "end", undefined, $event.key, undefined)) return null;
+        $event.preventDefault();
+        return _vm.focusLastItem.apply(null, arguments);
+      }, function ($event) {
+        if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "esc", 27, $event.key, ["Esc", "Escape"])) return null;
+        $event.preventDefault();
+        return _vm.setState('closed');
+      }, function ($event) {
+        if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "tab", 9, $event.key, "Tab")) return null;
+        return _vm.setState('closed');
+      }, function ($event) {
+        if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) return null;
+        $event.preventDefault();
+        return _vm.activateItem.apply(null, arguments);
+      }]
     }
+  }, [_c('div', {
+    staticClass: "popout-menu__content"
   }, [_vm._t("menu", null, {
-    "open": _vm.open,
-    "ariaHidden": !_vm.open,
-    "role": 'menuitem'
-  })], 2)]);
+    "open": _vm.open
+  })], 2)])]);
 };
-var popout_menuvue_type_template_id_dc172d08_scoped_true_staticRenderFns = [];
+var popout_menuvue_type_template_id_15f12367_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
 
@@ -99598,6 +99697,17 @@ var popout_menuvue_type_template_id_dc172d08_scoped_true_staticRenderFns = [];
 
 
 
+
+
+
+
+
+
+
+
+
+// Counter to generate unique IDs for each menu instance
+var menuCounter = 0;
 var PopoutMenu = /*#__PURE__*/function (_Vue) {
   function PopoutMenu() {
     var _this;
@@ -99607,13 +99717,23 @@ var PopoutMenu = /*#__PURE__*/function (_Vue) {
     }
     _this = _callSuper(this, PopoutMenu, [].concat(args));
     defineProperty_defineProperty(_this, "ariaLabel", void 0);
+    defineProperty_defineProperty(_this, "id", void 0);
     defineProperty_defineProperty(_this, "isOpen", false);
     defineProperty_defineProperty(_this, "label_focus", false);
     defineProperty_defineProperty(_this, "label_hover", false);
+    defineProperty_defineProperty(_this, "menuItems", []);
+    defineProperty_defineProperty(_this, "uniqueId", menuCounter++);
     return _this;
   }
   _inherits(PopoutMenu, _Vue);
   return createClass_createClass(PopoutMenu, [{
+    key: "componentId",
+    get:
+    // Generate a unique ID for this menu instance
+    function get() {
+      return this.id || "popout-menu-".concat(this.uniqueId);
+    }
+  }, {
     key: "open",
     get: function get() {
       return this.isOpen;
@@ -99621,19 +99741,42 @@ var PopoutMenu = /*#__PURE__*/function (_Vue) {
   }, {
     key: "setState",
     value: function setState(state) {
+      var _this2 = this;
       this.isOpen = state === 'open';
-      if (this.open) document.addEventListener('focusin', this.trackFocusElement);else document.removeEventListener('focusin', this.trackFocusElement);
+      if (this.open) {
+        document.addEventListener('focusin', this.trackFocusElement);
+        // Update menu items and prepare for keyboard navigation
+        this.$nextTick(function () {
+          _this2.updateMenuItems();
+        });
+      } else {
+        document.removeEventListener('focusin', this.trackFocusElement);
+      }
     }
   }, {
     key: "toggleMenu",
     value: function toggleMenu() {
-      this.setState(this.open ? 'closed' : 'open');
+      var _this3 = this;
+      var useKeyboard = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+      var newState = this.open ? 'closed' : 'open';
+      this.setState(newState);
+      // Only focus the first item if opened via keyboard
+      if (newState === 'open' && useKeyboard) {
+        this.$nextTick(function () {
+          if (_this3.menuItems.length > 0) {
+            _this3.focusFirstItem();
+          }
+        });
+      }
     }
   }, {
     key: "onKeyDown",
     value: function onKeyDown(event) {
-      event.keyCode === KeyCode.SPACE && event.preventDefault();
-      this.toggleMenu();
+      if (event.key === 'Enter' || event.key === ' ' || event.key === 'Space' // For older browsers
+      ) {
+        event.preventDefault(); // Prevent default action like page scrolling
+        this.toggleMenu();
+      }
     }
   }, {
     key: "trackFocusElement",
@@ -99642,12 +99785,154 @@ var PopoutMenu = /*#__PURE__*/function (_Vue) {
       // If focus is no longer within the menu - close it.
       if (tabbedOut) this.setState('closed');
     }
+  }, {
+    key: "mounted",
+    value: function mounted() {
+      var _this4 = this;
+      this.$nextTick(function () {
+        _this4.updateMenuItems();
+      });
+    }
+  }, {
+    key: "updateMenuItems",
+    value: function updateMenuItems() {
+      var _this5 = this;
+      if (this.$el) {
+        // Reset the menuItems array
+        this.menuItems = [];
+        // Find the menu container
+        var menuContainer = this.$el.querySelector("#".concat(this.componentId, "__popout"));
+        if (menuContainer) {
+          // First, look for a proper menu structure - a ul with role="menu"
+          var menuList = menuContainer.querySelector('[role="menu"]');
+          if (menuList) {
+            // If we have a proper menu, find all menuitem elements within it
+            var items = menuList.querySelectorAll('[role="menuitem"]');
+            Array.from(items).forEach(function (element) {
+              var item = element;
+              // Skip disabled items
+              if (item.hasAttribute('disabled') || item.getAttribute('aria-disabled') === 'true') {
+                return;
+              }
+              _this5.menuItems.push(item);
+            });
+          } else {
+            // Fallback approach if no proper menu structure exists
+            var selector = 'a, button:not([id$="__trigger"]), [role="menuitem"], .sd-button';
+            var _items = menuContainer.querySelectorAll(selector);
+            Array.from(_items).forEach(function (element) {
+              var item = element;
+              // Skip disabled items and containers
+              if (item.hasAttribute('disabled') || item.getAttribute('aria-disabled') === 'true' || item.classList.contains('popout-menu__content') || item.getAttribute('role') === 'none' || item.getAttribute('role') === 'presentation' || item.getAttribute('role') === 'group' || item.querySelector(selector)) {
+                return;
+              }
+              _this5.menuItems.push(item);
+            });
+          }
+          // Setup each menu item
+          this.menuItems.forEach(function (item, index) {
+            item.setAttribute('tabindex', index === 0 ? '0' : '-1');
+            // Add keyboard handling if needed
+            if (!item.hasAttribute('data-has-keydown')) {
+              item.addEventListener('keydown', function (event) {
+                if (event.key === 'Enter' || event.key === ' ') {
+                  event.preventDefault();
+                  item.click();
+                }
+              });
+              item.setAttribute('data-has-keydown', 'true');
+            }
+            // Ensure parent li has role="none"
+            var parentLi = item.closest('li');
+            if (parentLi) {
+              parentLi.setAttribute('role', 'none');
+            }
+          });
+        }
+      }
+    }
+  }, {
+    key: "hasMenuItems",
+    get: function get() {
+      return this.menuItems.length > 0;
+    }
+  }, {
+    key: "focusNextItem",
+    value: function focusNextItem() {
+      if (!this.menuItems.length) return;
+      var current = document.activeElement;
+      var index = this.menuItems.findIndex(function (item) {
+        return item === current;
+      });
+      var nextIndex = (index + 1) % this.menuItems.length;
+      // Set appropriate tabindex values
+      this.menuItems.forEach(function (item) {
+        return item.setAttribute('tabindex', '-1');
+      });
+      this.menuItems[nextIndex].setAttribute('tabindex', '0');
+      this.menuItems[nextIndex].focus();
+      // Force update to ensure focus styling is applied
+      this.$forceUpdate();
+    }
+  }, {
+    key: "focusPreviousItem",
+    value: function focusPreviousItem() {
+      if (!this.menuItems.length) return;
+      var current = document.activeElement;
+      var index = this.menuItems.findIndex(function (item) {
+        return item === current;
+      });
+      var prevIndex = (index - 1 + this.menuItems.length) % this.menuItems.length;
+      // Set appropriate tabindex values
+      this.menuItems.forEach(function (item) {
+        return item.setAttribute('tabindex', '-1');
+      });
+      this.menuItems[prevIndex].setAttribute('tabindex', '0');
+      this.menuItems[prevIndex].focus();
+      // Force update to ensure focus styling is applied
+      this.$forceUpdate();
+    }
+  }, {
+    key: "focusFirstItem",
+    value: function focusFirstItem() {
+      if (!this.menuItems.length) return;
+      // Reset all tabindex values
+      this.menuItems.forEach(function (item) {
+        return item.setAttribute('tabindex', '-1');
+      });
+      this.menuItems[0].setAttribute('tabindex', '0');
+      this.menuItems[0].focus();
+    }
+  }, {
+    key: "focusLastItem",
+    value: function focusLastItem() {
+      if (!this.menuItems.length) return;
+      // Reset all tabindex values
+      this.menuItems.forEach(function (item) {
+        return item.setAttribute('tabindex', '-1');
+      });
+      this.menuItems[this.menuItems.length - 1].setAttribute('tabindex', '0');
+      this.menuItems[this.menuItems.length - 1].focus();
+    }
+  }, {
+    key: "activateItem",
+    value: function activateItem(event) {
+      var current = document.activeElement;
+      if (current && this.menuItems.includes(current)) {
+        current.click();
+      }
+    }
   }]);
 }((external_commonjs_vue_commonjs2_vue_root_Vue_default()));
 __decorate([Prop({
   type: String,
   required: false
 })], PopoutMenu.prototype, "ariaLabel", void 0);
+__decorate([Prop({
+  type: String,
+  required: false,
+  default: ''
+})], PopoutMenu.prototype, "id", void 0);
 PopoutMenu = __decorate([vue_class_component_esm({
   directives: {
     ClickOutside: ClickOutside
@@ -99656,10 +99941,15 @@ 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=dc172d08&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=15f12367&prod&lang=scss
 // extracted by mini-css-extract-plugin
 
-;// ./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?vue&type=style&index=0&id=15f12367&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/popout-menu/popout-menu.vue?vue&type=style&index=1&id=15f12367&prod&lang=scss&scoped=true
+// extracted by mini-css-extract-plugin
+
+;// ./src/components/lib/popout-menu/popout-menu.vue?vue&type=style&index=1&id=15f12367&prod&lang=scss&scoped=true
 
 ;// ./src/components/lib/popout-menu/popout-menu.vue
 
@@ -99668,15 +99958,16 @@ PopoutMenu = __decorate([vue_class_component_esm({
 ;
 
 
+
 /* normalize component */
 
 var popout_menu_component = normalizeComponent(
   popout_menu_popout_menuvue_type_script_lang_ts,
-  popout_menuvue_type_template_id_dc172d08_scoped_true_render,
-  popout_menuvue_type_template_id_dc172d08_scoped_true_staticRenderFns,
+  popout_menuvue_type_template_id_15f12367_scoped_true_render,
+  popout_menuvue_type_template_id_15f12367_scoped_true_staticRenderFns,
   false,
   null,
-  "dc172d08",
+  "15f12367",
   null
   
 )
@@ -99692,8 +99983,8 @@ 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=3c25ece2&scoped=true
-var radiovue_type_template_id_3c25ece2_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=abc55f46&scoped=true
+var radiovue_type_template_id_abc55f46_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c,
     _setup = _vm._self._setupProxy;
@@ -99768,7 +100059,7 @@ var radiovue_type_template_id_3c25ece2_scoped_true_render = function render() {
     return [_vm._v(" " + _vm._s(_vm.radioValue) + " ")];
   })], 2)])]);
 };
-var radiovue_type_template_id_3c25ece2_scoped_true_staticRenderFns = [];
+var radiovue_type_template_id_abc55f46_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=d044affc&scoped=true
 var radio_groupvue_type_template_id_d044affc_scoped_true_render = function render() {
@@ -100128,10 +100419,10 @@ Radio = __decorate([vue_class_component_esm({
 /* 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=3c25ece2&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=abc55f46&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// ./src/components/lib/radio/radio.vue?vue&type=style&index=0&id=3c25ece2&prod&lang=scss&scoped=true
+;// ./src/components/lib/radio/radio.vue?vue&type=style&index=0&id=abc55f46&prod&lang=scss&scoped=true
 
 ;// ./src/components/lib/radio/radio.vue
 
@@ -100144,11 +100435,11 @@ Radio = __decorate([vue_class_component_esm({
 
 var radio_component = normalizeComponent(
   radio_radiovue_type_script_lang_ts,
-  radiovue_type_template_id_3c25ece2_scoped_true_render,
-  radiovue_type_template_id_3c25ece2_scoped_true_staticRenderFns,
+  radiovue_type_template_id_abc55f46_scoped_true_render,
+  radiovue_type_template_id_abc55f46_scoped_true_staticRenderFns,
   false,
   null,
-  "3c25ece2",
+  "abc55f46",
   null
   
 )
@@ -101465,8 +101756,8 @@ 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=10591e78&scoped=true
-var selectvue_type_template_id_10591e78_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=60664af8&scoped=true
+var selectvue_type_template_id_60664af8_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c,
     _setup = _vm._self._setupProxy;
@@ -101474,8 +101765,8 @@ var selectvue_type_template_id_10591e78_scoped_true_render = function render() {
     directives: [{
       name: "click-outside",
       rawName: "v-click-outside",
-      value: _vm.close,
-      expression: "close"
+      value: _vm.onClickOutside,
+      expression: "onClickOutside"
     }],
     staticClass: "sd-select",
     class: {
@@ -101491,7 +101782,7 @@ var selectvue_type_template_id_10591e78_scoped_true_render = function render() {
       "aria-expanded": _vm.open ? 'true' : 'false',
       "aria-haspopup": !_vm.native ? 'listbox' : undefined,
       "aria-disabled": _vm.disabled ? 'true' : 'false',
-      "aria-labelledby": _vm.labelId,
+      "aria-labelledby": _vm.formLabelledBy,
       "aria-controls": _vm.listboxId
     },
     on: {
@@ -101508,19 +101799,19 @@ var selectvue_type_template_id_10591e78_scoped_true_render = function render() {
         !_vm.disabled && _vm.onKeyDown($event);
       }
     }
-  }, [!this.labelId ? _c('label', {
+  }, [_vm.showInternalLabel ? _c('label', {
     staticClass: "sd-select-label",
     attrs: {
-      "id": _vm.computedLabelId,
+      "id": _vm.labelId,
       "for": _vm.id
     }
-  }, [_vm._v(" " + _vm._s(_vm.label) + " ")]) : _c('label', {
-    staticClass: "sd-select-label",
+  }, [_vm._v(" " + _vm._s(_vm.label || _vm.nameAttr || ' ') + " ")]) : _c('label', {
+    staticClass: "sd-select-label sr-only",
     attrs: {
       "id": _vm.labelId,
       "for": _vm.id
     }
-  }, [_vm._v(" " + _vm._s(_vm.label) + " ")]), _c('div', {
+  }, [_vm._v(" " + _vm._s(_vm.label || _vm.nameAttr || ' ') + " ")]), _c('div', {
     staticClass: "sd-select-trigger",
     on: {
       "mouseenter": function mouseenter($event) {
@@ -101543,6 +101834,7 @@ var selectvue_type_template_id_10591e78_scoped_true_render = function render() {
       "disabled": _vm.disabled,
       "readonly": "",
       "aria-readonly": "true",
+      "aria-labelledby": _vm.formLabelledBy,
       "aria-activedescendant": _vm.focusedOptionId ? _vm.focusedOptionId : undefined
     },
     domProps: {
@@ -101555,7 +101847,7 @@ var selectvue_type_template_id_10591e78_scoped_true_render = function render() {
       custom: _vm.custom
     },
     attrs: {
-      "name": _vm.nameAttr || undefined,
+      "name": _vm.computedName,
       "disabled": _vm.disabled,
       "aria-hidden": "true",
       "tabindex": "-1"
@@ -101617,12 +101909,14 @@ var selectvue_type_template_id_10591e78_scoped_true_render = function render() {
     }
   }, [_vm._t("default")], 2)]);
 };
-var selectvue_type_template_id_10591e78_scoped_true_staticRenderFns = [];
+var selectvue_type_template_id_60664af8_scoped_true_staticRenderFns = [];
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.map.js
 var es_array_map = __webpack_require__(2062);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.map.js
 var es_iterator_map = __webpack_require__(1701);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.trim.js
+var es_string_trim = __webpack_require__(2762);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-42.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lib/select/select-option.vue?vue&type=script&lang=tsx
 
 
@@ -101737,10 +102031,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=5ce88e0e&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=f22f3ac4&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// ./src/components/lib/select/select-option.vue?vue&type=style&index=0&id=5ce88e0e&prod&lang=scss&scoped=true
+;// ./src/components/lib/select/select-option.vue?vue&type=style&index=0&id=f22f3ac4&prod&lang=scss&scoped=true
 
 ;// ./src/components/lib/select/select-option.vue
 var select_option_render, select_option_staticRenderFns
@@ -101757,7 +102051,7 @@ var select_option_component = normalizeComponent(
   select_option_staticRenderFns,
   false,
   null,
-  "5ce88e0e",
+  "f22f3ac4",
   null
   
 )
@@ -101792,6 +102086,7 @@ var select_option_component = normalizeComponent(
 
 
 
+
 
 
 library.add(faAngleDown, faTimes);
@@ -101807,6 +102102,7 @@ var Select = /*#__PURE__*/function (_FormPluginComponent) {
     defineProperty_defineProperty(_this, "id", void 0);
     defineProperty_defineProperty(_this, "label", void 0);
     defineProperty_defineProperty(_this, "externalLabelId", void 0);
+    defineProperty_defineProperty(_this, "hideInternalLabel", void 0);
     /**
      * The value to bind the selected item to.
      */
@@ -101830,20 +102126,25 @@ var Select = /*#__PURE__*/function (_FormPluginComponent) {
   }
   _inherits(Select, _FormPluginComponent);
   return createClass_createClass(Select, [{
-    key: "labelId",
+    key: "showInternalLabel",
     get: function get() {
-      return this.externalLabelId || "".concat(this.id);
+      return this.hideInternalLabel !== true && Boolean(this.label && this.label.trim() !== '');
     }
   }, {
-    key: "computedLabelId",
+    key: "labelId",
     get: function get() {
-      return "".concat(this.id, "-computed-label");
+      return "".concat(this.id, "-label");
     }
   }, {
     key: "listboxId",
     get: function get() {
       return "".concat(this.id, "-listbox");
     }
+  }, {
+    key: "formLabelledBy",
+    get: function get() {
+      return this.externalLabelId || this.labelId;
+    }
   }, {
     key: "options",
     get: function get() {
@@ -101854,6 +102155,11 @@ var Select = /*#__PURE__*/function (_FormPluginComponent) {
         return o.componentInstance;
       }) : [];
     }
+  }, {
+    key: "computedName",
+    get: function get() {
+      return this.nameAttr || this.label || undefined;
+    }
   }, {
     key: "mounted",
     value: function mounted() {
@@ -101877,7 +102183,21 @@ var Select = /*#__PURE__*/function (_FormPluginComponent) {
         // Focus the listbox when the dropdown is opened
         this.$nextTick(function () {
           var listbox = _this2.$el.querySelector('[role="listbox"]');
-          listbox && listbox.focus();
+          if (listbox && listbox instanceof HTMLElement) {
+            listbox.focus();
+            // Find the selected option and scroll to it
+            var selectedOption = _this2.options.find(function (opt) {
+              return opt.value === _this2.value;
+            });
+            if (selectedOption && selectedOption.$el instanceof HTMLElement) {
+              _this2.options.forEach(function (opt) {
+                return opt.$el.classList.remove('focus');
+              });
+              selectedOption.$el.classList.add('focus');
+              _this2.focusedOptionId = selectedOption.$el.id;
+              _this2.scrollToFocusedOption(selectedOption.$el);
+            }
+          }
         });
       }
     }
@@ -101914,16 +102234,41 @@ var Select = /*#__PURE__*/function (_FormPluginComponent) {
     }
     /**
      * Closes the dropdown.
-     * @param {FocusEvent} [event] - Optional focus event
+     * @param {FocusEvent|MouseEvent} [event] - Optional event
      * @returns {void}
      */
   }, {
     key: "close",
     value: function close(event) {
       if (!this.open) return;
+      // If the event is a FocusEvent, check if we're focusing another element inside the component
+      if (event && event instanceof FocusEvent) {
+        var relatedTarget = event.relatedTarget;
+        // Don't close if focus is moving within the component
+        if (relatedTarget && this.$el.contains(relatedTarget)) {
+          return;
+        }
+      }
       this.open = false;
-      this.$emit('blur', event);
-      this.broadcastFormEvent('blur', this.value, event);
+      this.$emit('close');
+      // Only emit blur events for focus-related closing
+      if (event && event instanceof FocusEvent) {
+        this.$emit('blur', event);
+        this.broadcastFormEvent('blur', this.value, event);
+      }
+    }
+  }, {
+    key: "onClickOutside",
+    value: function onClickOutside(event) {
+      // Don't close if clicking on an element related to this select component
+      // Like a connected form label
+      if (this.externalLabelId) {
+        var externalLabel = document.getElementById(this.externalLabelId);
+        if (externalLabel && externalLabel.contains(event.target)) {
+          return;
+        }
+      }
+      this.close(event);
     }
   }, {
     key: "onOptionsChanged",
@@ -101964,17 +102309,27 @@ var Select = /*#__PURE__*/function (_FormPluginComponent) {
   }, {
     key: "onBlur",
     value: function onBlur(event) {
-      if (event.relatedTarget === this.$refs.input) return;
+      var _this4 = this;
       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 = '';
+      // Don't close immediately - check if focus moved to another element within the component
+      var relatedTarget = event.relatedTarget;
+      // If focus is moving outside the component, close the dropdown
+      if (!relatedTarget || !this.$el.contains(relatedTarget)) {
+        // Use setTimeout to allow other focus events to process first
+        setTimeout(function () {
+          // Double-check that focus is really outside the component
+          if (!_this4.$el.contains(document.activeElement)) {
+            _this4.close(event);
+            // Clear the focused option when the dropdown is closed
+            _this4.options.forEach(function (opt) {
+              if (opt.$el instanceof HTMLElement) {
+                opt.$el.classList.remove('focus');
+              }
+            });
+            _this4.focusedOptionId = '';
+          }
+        }, 0);
       }
-      this.$emit('blur', event);
-      this.broadcastFormEvent('blur', this.value, event);
     }
   }, {
     key: "onChange",
@@ -101998,20 +102353,28 @@ var Select = /*#__PURE__*/function (_FormPluginComponent) {
             this.toggleMenu(event);
             if (enabledOptions.length) {
               var focusOption = event.keyCode === KeyCode.UP ? enabledOptions[enabledOptions.length - 1] : enabledOptions[0];
-              focusOption.$el.classList.add('focus');
-              this.focusedOptionId = focusOption.$el.id;
+              if (focusOption.$el instanceof HTMLElement) {
+                focusOption.$el.classList.add('focus');
+                this.focusedOptionId = focusOption.$el.id;
+                this.scrollToFocusedOption(focusOption.$el);
+              }
             }
           } else {
             var focusedIndex = enabledOptions.findIndex(function (opt) {
-              return opt.$el.classList.contains('focus');
+              return opt.$el instanceof HTMLElement && opt.$el.classList.contains('focus');
             });
             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');
+              if (opt.$el instanceof HTMLElement) {
+                opt.$el.classList.remove('focus');
+              }
             });
-            nextOption.$el.classList.add('focus');
-            this.focusedOptionId = nextOption.$el.id;
+            if (nextOption.$el instanceof HTMLElement) {
+              nextOption.$el.classList.add('focus');
+              this.focusedOptionId = nextOption.$el.id;
+              this.scrollToFocusedOption(nextOption.$el);
+            }
           }
           break;
         case KeyCode.ENTER:
@@ -102036,6 +102399,25 @@ var Select = /*#__PURE__*/function (_FormPluginComponent) {
           break;
       }
     }
+  }, {
+    key: "scrollToFocusedOption",
+    value: function scrollToFocusedOption(element) {
+      var _this5 = this;
+      this.$nextTick(function () {
+        // Use proper type casting with 'as HTMLElement'
+        var listbox = _this5.$el.querySelector('.sd-select__options');
+        if (!listbox || !element) return;
+        var listboxRect = listbox.getBoundingClientRect();
+        var elementRect = element.getBoundingClientRect();
+        var isAbove = elementRect.top < listboxRect.top;
+        var isBelow = elementRect.bottom > listboxRect.bottom;
+        if (isAbove) {
+          listbox.scrollTop -= listboxRect.top - elementRect.top + 5;
+        } else if (isBelow) {
+          listbox.scrollTop += elementRect.bottom - listboxRect.bottom + 5;
+        }
+      });
+    }
     /**
      * Given a value, will return the Vue component associated with the provided value.
      * @param {any} The value to search by.
@@ -102077,6 +102459,11 @@ __decorate([Prop({
   type: String,
   required: false
 })], Select.prototype, "externalLabelId", void 0);
+__decorate([Prop({
+  type: Boolean,
+  required: false,
+  default: false
+})], Select.prototype, "hideInternalLabel", void 0);
 __decorate([Prop({
   type: [String, Number, Date, Boolean],
   required: false,
@@ -102120,10 +102507,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=10591e78&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=60664af8&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// ./src/components/lib/select/select.vue?vue&type=style&index=0&id=10591e78&prod&lang=scss&scoped=true
+;// ./src/components/lib/select/select.vue?vue&type=style&index=0&id=60664af8&prod&lang=scss&scoped=true
 
 ;// ./src/components/lib/select/select.vue
 
@@ -102136,11 +102523,11 @@ Select = __decorate([vue_class_component_esm({
 
 var select_component = normalizeComponent(
   select_selectvue_type_script_lang_ts,
-  selectvue_type_template_id_10591e78_scoped_true_render,
-  selectvue_type_template_id_10591e78_scoped_true_staticRenderFns,
+  selectvue_type_template_id_60664af8_scoped_true_render,
+  selectvue_type_template_id_60664af8_scoped_true_staticRenderFns,
   false,
   null,
-  "10591e78",
+  "60664af8",
   null
   
 )
@@ -102275,6 +102662,7 @@ var element_ui_common_default = /*#__PURE__*/__webpack_require__.n(element_ui_co
 
 
 
+
 function src_install(V, options) {
   V.use(lib_autocomplete);
   V.use(lib_button, options ? options.button : undefined);