@fluentui/web-components 3.0.0-rc.12 → 3.0.0-rc.13

package/dist/web-components.js

@@ -8937,7 +8937,7 @@ var __decorateClass$o = (decorators, target, key, kind) => {
   if (kind && result) __defProp$o(target, key, result);
   return result;
 };
-const _MenuList = class _MenuList extends FASTElement {
+const _BaseMenuList = class _BaseMenuList extends FASTElement {
   constructor() {
     super();
     /**
@@ -9017,7 +9017,7 @@ const _MenuList = class _MenuList extends FASTElement {
      * check if the item is a menu item
      */
     this.isMenuItemElement = el => {
-      return isMenuItem(el) || isHTMLElement(el) && !!el.role && el.role in _MenuList.focusableElementRoles;
+      return isMenuItem(el) || isHTMLElement(el) && !!el.role && el.role in _BaseMenuList.focusableElementRoles;
     };
     /**
      * check if the item is focusable
@@ -9113,7 +9113,7 @@ const _MenuList = class _MenuList extends FASTElement {
     });
     const filteredMenuListItems = this.menuItems?.filter(this.isMenuItemElement);
     const indent = filteredMenuListItems?.reduce((accum, current) => {
-      const elementValue = _MenuList.elementIndent(current);
+      const elementValue = _BaseMenuList.elementIndent(current);
       return Math.max(accum, elementValue);
     }, 0);
     filteredMenuListItems?.forEach(item => {
@@ -9147,9 +9147,11 @@ const _MenuList = class _MenuList extends FASTElement {
     }
   }
 };
-_MenuList.focusableElementRoles = MenuItemRole;
-__decorateClass$o([observable], _MenuList.prototype, "items", 2);
-let MenuList = _MenuList;
+_BaseMenuList.focusableElementRoles = MenuItemRole;
+__decorateClass$o([observable], _BaseMenuList.prototype, "items", 2);
+let BaseMenuList = _BaseMenuList;
+
+class MenuList extends BaseMenuList {}
 
 const styles$j = css`
   ${display("flex")}
@@ -10032,7 +10034,7 @@ var __decorateClass$i = (decorators, target, key, kind) => {
   if (kind && result) __defProp$i(target, key, result);
   return result;
 };
-class RadioGroup extends FASTElement {
+class BaseRadioGroup extends FASTElement {
   constructor() {
     super();
     /**
@@ -10488,23 +10490,25 @@ class RadioGroup extends FASTElement {
  *
  * @public
  */
-RadioGroup.formAssociated = true;
-__decorateClass$i([observable], RadioGroup.prototype, "checkedIndex", 2);
+BaseRadioGroup.formAssociated = true;
+__decorateClass$i([observable], BaseRadioGroup.prototype, "checkedIndex", 2);
 __decorateClass$i([attr({
   attribute: "disabled",
   mode: "boolean"
-})], RadioGroup.prototype, "disabled", 2);
+})], BaseRadioGroup.prototype, "disabled", 2);
 __decorateClass$i([attr({
   attribute: "value",
   mode: "fromView"
-})], RadioGroup.prototype, "initialValue", 2);
-__decorateClass$i([attr], RadioGroup.prototype, "name", 2);
-__decorateClass$i([attr], RadioGroup.prototype, "orientation", 2);
-__decorateClass$i([observable], RadioGroup.prototype, "radios", 2);
+})], BaseRadioGroup.prototype, "initialValue", 2);
+__decorateClass$i([attr], BaseRadioGroup.prototype, "name", 2);
+__decorateClass$i([attr], BaseRadioGroup.prototype, "orientation", 2);
+__decorateClass$i([observable], BaseRadioGroup.prototype, "radios", 2);
 __decorateClass$i([attr({
   mode: "boolean"
-})], RadioGroup.prototype, "required", 2);
-__decorateClass$i([observable], RadioGroup.prototype, "slottedRadios", 2);
+})], BaseRadioGroup.prototype, "required", 2);
+__decorateClass$i([observable], BaseRadioGroup.prototype, "slottedRadios", 2);
+
+class RadioGroup extends BaseRadioGroup {}
 
 const styles$e = css`
   ${display("flex")}