primer_view_components 0.0.96 → 0.0.97

data/static/arguments.json

@@ -1,4 +1,196 @@
 [
+  {
+    "component": "ActionList",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/action_list.rb",
+    "parameters": [
+      {
+        "name": "role",
+        "type": "Boolean",
+        "default": "`:list`",
+        "description": "ARIA role describing the function of the list. listbox and menu are a common values."
+      },
+      {
+        "name": "item_classes",
+        "type": "String",
+        "default": "`nil`",
+        "description": "Additional CSS classes to attach to items."
+      },
+      {
+        "name": "scheme",
+        "type": "Symbol",
+        "default": "`:full`",
+        "description": "One of `:full` or `:inset`.. `inset` children are offset (vertically and horizontally) from list edges. `full` (default) children are flush (vertically and horizontally) with list edges."
+      },
+      {
+        "name": "show_dividers",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Display a divider above each item in the list when it does not follow a header or divider."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "ActionList::Divider",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/action_list/divider.rb",
+    "parameters": [
+      {
+        "name": "scheme",
+        "type": "Symbol",
+        "default": "`:subtle`",
+        "description": "Display a background color if scheme is `filled`."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "ActionList::Heading",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/action_list/heading.rb",
+    "parameters": [
+      {
+        "name": "list_id",
+        "type": "String",
+        "default": "N/A",
+        "description": "The unique identifier of the sub list the heading belongs to. Used internally."
+      },
+      {
+        "name": "title",
+        "type": "String",
+        "default": "N/A",
+        "description": "Sub list title."
+      },
+      {
+        "name": "subtitle",
+        "type": "String",
+        "default": "`nil`",
+        "description": "Optional sub list description."
+      },
+      {
+        "name": "scheme",
+        "type": "Symbol",
+        "default": "`:subtle`",
+        "description": "Display a background color if scheme is `filled`."
+      },
+      {
+        "name": "tag",
+        "type": "Symbol",
+        "default": "`:h3`",
+        "description": "Semantic tag for the heading."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "ActionList::Item",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/action_list/item.rb",
+    "parameters": [
+      {
+        "name": "list",
+        "type": "Primer::Alpha::ActionList",
+        "default": "N/A",
+        "description": "The list that contains this item. Used internally."
+      },
+      {
+        "name": "parent",
+        "type": "Primer::Alpha::ActionList::Item",
+        "default": "`nil`",
+        "description": "This item's parent item. `nil` if this item is at the root. Used internally."
+      },
+      {
+        "name": "label",
+        "type": "String",
+        "default": "N/A",
+        "description": "Item label."
+      },
+      {
+        "name": "label_classes",
+        "type": "String",
+        "default": "`nil`",
+        "description": "CSS classes that will be added to the label."
+      },
+      {
+        "name": "truncate_label",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Truncate label with ellipsis."
+      },
+      {
+        "name": "href",
+        "type": "String",
+        "default": "`nil`",
+        "description": "Link URL."
+      },
+      {
+        "name": "role",
+        "type": "String",
+        "default": "`:listitem`",
+        "description": "ARIA role describing the function of the item."
+      },
+      {
+        "name": "size",
+        "type": "Symbol",
+        "default": "`:medium`",
+        "description": "Controls block sizing of the item."
+      },
+      {
+        "name": "scheme",
+        "type": "Symbol",
+        "default": "`:default`",
+        "description": "Controls color/style based on behavior."
+      },
+      {
+        "name": "disabled",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Disabled items are not clickable and visually dim."
+      },
+      {
+        "name": "description_scheme",
+        "type": "Symbol",
+        "default": "`:block`",
+        "description": "Display description inline with label, or block on the next line."
+      },
+      {
+        "name": "active",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Sets an active state on navigational items."
+      },
+      {
+        "name": "on_click",
+        "type": "String",
+        "default": "`nil`",
+        "description": "JavaScript to execute when the item is clicked."
+      },
+      {
+        "name": "id",
+        "type": "String",
+        "default": "`SecureRandom.hex`",
+        "description": "Used internally."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
   {
     "component": "ButtonMarketing",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/button_marketing.rb",
@@ -143,6 +335,78 @@
       }
     ]
   },
+  {
+    "component": "NavList",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/nav_list.rb",
+    "parameters": [
+      {
+        "name": "selected_item_id",
+        "type": "Symbol",
+        "default": "`nil`",
+        "description": "The ID of the currently selected item. The default is `nil`, meaning no item is selected."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "NavList::Item",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/nav_list/item.rb",
+    "parameters": [
+      {
+        "name": "selected_item_id",
+        "type": "Symbol",
+        "default": "`nil`",
+        "description": "The ID of the currently selected list item. Used internally."
+      },
+      {
+        "name": "selected_by_ids",
+        "type": "Array<Symbol>",
+        "default": "`[]`",
+        "description": "The list of IDs that select this item. In other words, if the `selected_item_id` attribute on the parent `NavList` is set to one of these IDs, the item will appear selected."
+      },
+      {
+        "name": "expanded",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether this item shows (expands) or hides (collapses) its list of sub items."
+      },
+      {
+        "name": "sub_item",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether or not this item is nested under a parent item. Used internally."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "NavList::Section",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/nav_list/section.rb",
+    "parameters": [
+      {
+        "name": "selected_item_id",
+        "type": "Symbol",
+        "default": "`nil`",
+        "description": "The ID of the currently selected item. Used internally."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
   {
     "component": "TabNav",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/tab_nav.rb",
@@ -594,7 +858,7 @@
     ]
   },
   {
-    "component": "AutoCompleteItem",
+    "component": "AutoComplete::Item",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/auto_complete/item.rb",
     "parameters": [
       {
@@ -792,7 +1056,7 @@
     ]
   },
   {
-    "component": "BorderBoxHeader",
+    "component": "BorderBox::Header",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/border_box/header.rb",
     "parameters": [
       {
@@ -1698,7 +1962,7 @@
     ]
   },
   {
-    "component": "NavigationTab",
+    "component": "Navigation::Tab",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/navigation/tab_component.rb",
     "parameters": [
       {

data/static/audited_at.json

@@ -1,4 +1,8 @@
 {
+  "Primer::Alpha::ActionList": "",
+  "Primer::Alpha::ActionList::Divider": "",
+  "Primer::Alpha::ActionList::Heading": "",
+  "Primer::Alpha::ActionList::Item": "",
   "Primer::Alpha::AutoComplete": "",
   "Primer::Alpha::AutoComplete::Item": "",
   "Primer::Alpha::ButtonMarketing": "",
@@ -10,6 +14,9 @@
   "Primer::Alpha::Layout": "",
   "Primer::Alpha::Layout::Main": "",
   "Primer::Alpha::Layout::Sidebar": "",
+  "Primer::Alpha::NavList": "",
+  "Primer::Alpha::NavList::Item": "",
+  "Primer::Alpha::NavList::Section": "",
   "Primer::Alpha::TabNav": "",
   "Primer::Alpha::TabPanels": "",
   "Primer::Alpha::TextField": "",

data/static/constants.json

@@ -1,4 +1,72 @@
 {
+  "Primer::Alpha::ActionList": {
+    "DEFAULT_ROLE": "list",
+    "DEFAULT_SCHEME": "full",
+    "Divider": "Primer::Alpha::ActionList::Divider",
+    "Heading": "Primer::Alpha::ActionList::Heading",
+    "Item": "Primer::Alpha::ActionList::Item",
+    "SCHEME_MAPPINGS": {
+      "full": null,
+      "inset": "ActionListWrap--inset"
+    },
+    "SCHEME_OPTIONS": [
+      "full",
+      "inset"
+    ]
+  },
+  "Primer::Alpha::ActionList::Divider": {
+    "DEFAULT_SCHEME": "subtle",
+    "SCHEME_MAPPINGS": {
+      "subtle": null,
+      "filled": "ActionList-sectionDivider--filled"
+    },
+    "SCHEME_OPTIONS": [
+      "subtle",
+      "filled"
+    ]
+  },
+  "Primer::Alpha::ActionList::Heading": {
+    "DEFAULT_SCHEME": "subtle",
+    "SCHEME_MAPPINGS": {
+      "subtle": null,
+      "filled": "ActionList-sectionDivider--filled"
+    },
+    "SCHEME_OPTIONS": [
+      "subtle",
+      "filled"
+    ]
+  },
+  "Primer::Alpha::ActionList::Item": {
+    "DEFAULT_DESCRIPTION_SCHEME": "block",
+    "DEFAULT_SCHEME": "default",
+    "DEFAULT_SIZE": "medium",
+    "DESCRIPTION_SCHEME_MAPPINGS": {
+      "inline": "ActionListItem-descriptionWrap--inline",
+      "block": "ActionListItem-descriptionWrap"
+    },
+    "DESCRIPTION_SCHEME_OPTIONS": [
+      "inline",
+      "block"
+    ],
+    "SCHEME_MAPPINGS": {
+      "default": null,
+      "danger": "ActionListItem--danger"
+    },
+    "SCHEME_OPTIONS": [
+      "default",
+      "danger"
+    ],
+    "SIZE_MAPPINGS": {
+      "medium": null,
+      "large": "ActionListContent--sizeLarge",
+      "xlarge": "ActionListContent--sizeXLarge"
+    },
+    "SIZE_OPTIONS": [
+      "medium",
+      "large",
+      "xlarge"
+    ]
+  },
   "Primer::Alpha::AutoComplete": {
     "Item": "Primer::Alpha::AutoComplete::Item"
   },
@@ -170,6 +238,14 @@
       "section"
     ]
   },
+  "Primer::Alpha::NavList": {
+    "Item": "Primer::Alpha::NavList::Item",
+    "Section": "Primer::Alpha::NavList::Section"
+  },
+  "Primer::Alpha::NavList::Item": {
+  },
+  "Primer::Alpha::NavList::Section": {
+  },
   "Primer::Alpha::TabNav": {
     "BODY_TAG_DEFAULT": "ul",
     "TAG_DEFAULT": "nav",

data/static/statuses.json

@@ -1,4 +1,8 @@
 {
+  "Primer::Alpha::ActionList": "alpha",
+  "Primer::Alpha::ActionList::Divider": "alpha",
+  "Primer::Alpha::ActionList::Heading": "alpha",
+  "Primer::Alpha::ActionList::Item": "alpha",
   "Primer::Alpha::AutoComplete": "deprecated",
   "Primer::Alpha::AutoComplete::Item": "deprecated",
   "Primer::Alpha::ButtonMarketing": "alpha",
@@ -10,6 +14,9 @@
   "Primer::Alpha::Layout": "alpha",
   "Primer::Alpha::Layout::Main": "alpha",
   "Primer::Alpha::Layout::Sidebar": "alpha",
+  "Primer::Alpha::NavList": "alpha",
+  "Primer::Alpha::NavList::Item": "alpha",
+  "Primer::Alpha::NavList::Section": "alpha",
   "Primer::Alpha::TabNav": "alpha",
   "Primer::Alpha::TabPanels": "alpha",
   "Primer::Alpha::TextField": "alpha",

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: primer_view_components
 version: !ruby/object:Gem::Version
-  version: 0.0.96
+  version: 0.0.97
 platform: ruby
 authors:
 - GitHub Open Source
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2022-09-26 00:00:00.000000000 Z
+date: 2022-09-27 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionview
@@ -408,6 +408,15 @@ files:
 - app/assets/javascripts/primer_view_components.js.map
 - app/assets/styles/primer_view_components.css
 - app/assets/styles/primer_view_components.css.map
+- app/components/primer/alpha/action_list.html.erb
+- app/components/primer/alpha/action_list.rb
+- app/components/primer/alpha/action_list/action-list-selection.pcss
+- app/components/primer/alpha/action_list/action-list.pcss
+- app/components/primer/alpha/action_list/divider.rb
+- app/components/primer/alpha/action_list/heading.html.erb
+- app/components/primer/alpha/action_list/heading.rb
+- app/components/primer/alpha/action_list/item.html.erb
+- app/components/primer/alpha/action_list/item.rb
 - app/components/primer/alpha/auto_complete.rb
 - app/components/primer/alpha/auto_complete/auto_complete.html.erb
 - app/components/primer/alpha/auto_complete/item.rb
@@ -424,6 +433,15 @@ files:
 - app/components/primer/alpha/modal_dialog.d.ts
 - app/components/primer/alpha/modal_dialog.js
 - app/components/primer/alpha/modal_dialog.ts
+- app/components/primer/alpha/nav_list.d.ts
+- app/components/primer/alpha/nav_list.html.erb
+- app/components/primer/alpha/nav_list.js
+- app/components/primer/alpha/nav_list.rb
+- app/components/primer/alpha/nav_list.ts
+- app/components/primer/alpha/nav_list/item.html.erb
+- app/components/primer/alpha/nav_list/item.rb
+- app/components/primer/alpha/nav_list/section.html.erb
+- app/components/primer/alpha/nav_list/section.rb
 - app/components/primer/alpha/tab_nav.html.erb
 - app/components/primer/alpha/tab_nav.rb
 - app/components/primer/alpha/tab_panels.html.erb
@@ -508,8 +526,6 @@ files:
 - app/components/primer/dropdown/menu.ts
 - app/components/primer/dropdown_menu_component.html.erb
 - app/components/primer/dropdown_menu_component.rb
-- app/components/primer/experimental/action_bar.d.ts
-- app/components/primer/experimental/action_bar.js
 - app/components/primer/flex_component.rb
 - app/components/primer/flex_item_component.rb
 - app/components/primer/heading_component.rb
@@ -577,6 +593,7 @@ files:
 - app/lib/primer/test_selector_helper.rb
 - app/lib/primer/underline_nav_helper.rb
 - app/lib/primer/view_helper.rb
+- lib/postcss_mixins/activeIndicatorLine.pcss
 - lib/postcss_mixins/focusBoxShadowInset.pcss
 - lib/postcss_mixins/focusOutline.pcss
 - lib/postcss_mixins/focusOutlineOnEmphasis.pcss

data/app/components/primer/experimental/action_bar.d.ts

@@ -1,14 +0,0 @@
-export declare class ActionBarElement extends HTMLElement {
-    #private;
-    items: HTMLElement[];
-    menuItems: HTMLElement[];
-    itemContainer: HTMLElement;
-    moreMenu: HTMLElement;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-}
-declare global {
-    interface Window {
-        ActionBarElement: typeof ActionBarElement;
-    }
-}

data/app/components/primer/experimental/action_bar.js

@@ -1,141 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
-    if (kind === "m") throw new TypeError("Private method is not writable");
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-};
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var _ActionBarElement_instances, _ActionBarElement_observer, _ActionBarElement_initialBarWidth, _ActionBarElement_previousBarWidth, _ActionBarElement_itemGap, _ActionBarElement_focusController, _ActionBarElement_focusSettings, _ActionBarElement_availableSpace, _ActionBarElement_shrinking, _ActionBarElement_growing;
-import { controller, targets, target } from '@github/catalyst';
-import { focusZone, FocusKeys } from '@primer/behaviors';
-let ActionBarElement = class ActionBarElement extends HTMLElement {
-    constructor() {
-        super(...arguments);
-        _ActionBarElement_instances.add(this);
-        _ActionBarElement_observer.set(this, void 0);
-        _ActionBarElement_initialBarWidth.set(this, void 0);
-        _ActionBarElement_previousBarWidth.set(this, void 0);
-        _ActionBarElement_itemGap.set(this, void 0);
-        _ActionBarElement_focusController.set(this, void 0);
-        _ActionBarElement_focusSettings.set(this, {
-            bindKeys: FocusKeys.ArrowHorizontal | FocusKeys.HomeAndEnd
-        });
-    }
-    connectedCallback() {
-        var _a, _b, _c;
-        __classPrivateFieldSet(this, _ActionBarElement_initialBarWidth, this.offsetWidth, "f");
-        __classPrivateFieldSet(this, _ActionBarElement_previousBarWidth, this.offsetWidth, "f");
-        __classPrivateFieldSet(this, _ActionBarElement_itemGap, parseInt((_a = window.getComputedStyle(this.itemContainer)) === null || _a === void 0 ? void 0 : _a.columnGap, 10) || 0, "f");
-        // Calculate the width of all the items before hiding anything
-        for (const item of this.items) {
-            const width = item.getBoundingClientRect().width;
-            const marginLeft = parseInt((_b = window.getComputedStyle(item)) === null || _b === void 0 ? void 0 : _b.marginLeft, 10);
-            const marginRight = parseInt((_c = window.getComputedStyle(item)) === null || _c === void 0 ? void 0 : _c.marginRight, 10);
-            item.setAttribute('data-offset-width', `${width + marginLeft + marginRight}`);
-        }
-        __classPrivateFieldSet(this, _ActionBarElement_focusController, focusZone(this, __classPrivateFieldGet(this, _ActionBarElement_focusSettings, "f")), "f");
-        this.style.maxWidth = `${this.itemContainer.offsetWidth}px`;
-        // Calculate visible items on page load until there is enough space
-        // to show all items or the first item is hidden
-        while (__classPrivateFieldGet(this, _ActionBarElement_instances, "m", _ActionBarElement_availableSpace).call(this) < this.moreMenu.offsetWidth + __classPrivateFieldGet(this, _ActionBarElement_itemGap, "f") * 0.5 && !this.items[0].hidden) {
-            __classPrivateFieldGet(this, _ActionBarElement_instances, "m", _ActionBarElement_shrinking).call(this);
-        }
-        this.style.overflow = 'visible';
-        __classPrivateFieldSet(this, _ActionBarElement_observer, new ResizeObserver(entries => {
-            for (const entry of entries) {
-                // Only recalculate if the bar width changed
-                if (__classPrivateFieldGet(this, _ActionBarElement_initialBarWidth, "f") !== entry.contentRect.width) {
-                    if (entry.contentRect.width < __classPrivateFieldGet(this, _ActionBarElement_previousBarWidth, "f")) {
-                        __classPrivateFieldGet(this, _ActionBarElement_instances, "m", _ActionBarElement_shrinking).call(this);
-                    }
-                    else {
-                        __classPrivateFieldGet(this, _ActionBarElement_instances, "m", _ActionBarElement_growing).call(this);
-                    }
-                    __classPrivateFieldSet(this, _ActionBarElement_previousBarWidth, entry.contentRect.width, "f");
-                }
-            }
-        }), "f");
-        __classPrivateFieldGet(this, _ActionBarElement_observer, "f").observe(this);
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = __classPrivateFieldGet(this, _ActionBarElement_focusController, "f")) === null || _a === void 0 ? void 0 : _a.abort();
-        __classPrivateFieldGet(this, _ActionBarElement_observer, "f").unobserve(this);
-    }
-};
-_ActionBarElement_observer = new WeakMap(), _ActionBarElement_initialBarWidth = new WeakMap(), _ActionBarElement_previousBarWidth = new WeakMap(), _ActionBarElement_itemGap = new WeakMap(), _ActionBarElement_focusController = new WeakMap(), _ActionBarElement_focusSettings = new WeakMap(), _ActionBarElement_instances = new WeakSet(), _ActionBarElement_availableSpace = function _ActionBarElement_availableSpace() {
-    // Get the offset of the item container from the container edge
-    return this.offsetWidth - this.itemContainer.offsetWidth;
-}, _ActionBarElement_shrinking = function _ActionBarElement_shrinking() {
-    var _a;
-    if (this.items[0].hidden) {
-        return;
-    }
-    const gapSpace = __classPrivateFieldGet(this, _ActionBarElement_itemGap, "f") * 0.5;
-    if (__classPrivateFieldGet(this, _ActionBarElement_instances, "m", _ActionBarElement_availableSpace).call(this) < this.moreMenu.offsetWidth + gapSpace) {
-        const visibleItems = this.items.filter(item => !item.hidden);
-        const hiddenMenuItems = this.menuItems.filter(item => item.hidden);
-        visibleItems[visibleItems.length - 1].hidden = true;
-        hiddenMenuItems[hiddenMenuItems.length - 1].hidden = false;
-        if (this.moreMenu.hidden) {
-            this.moreMenu.hidden = false;
-        }
-        // Reset focus controller
-        (_a = __classPrivateFieldGet(this, _ActionBarElement_focusController, "f")) === null || _a === void 0 ? void 0 : _a.abort();
-        __classPrivateFieldSet(this, _ActionBarElement_focusController, focusZone(this, __classPrivateFieldGet(this, _ActionBarElement_focusSettings, "f")), "f");
-    }
-}, _ActionBarElement_growing = function _ActionBarElement_growing() {
-    var _a;
-    if (this.moreMenu.hidden) {
-        return;
-    }
-    const gapSpace = __classPrivateFieldGet(this, _ActionBarElement_itemGap, "f") * 0.5;
-    const hiddenItems = this.items.filter(item => item.hidden);
-    if (hiddenItems.length === 0) {
-        return;
-    }
-    const hiddenItemWidth = Number(hiddenItems[0].getAttribute('data-offset-width'));
-    if (__classPrivateFieldGet(this, _ActionBarElement_instances, "m", _ActionBarElement_availableSpace).call(this) >= this.moreMenu.offsetWidth + hiddenItemWidth + gapSpace) {
-        const visibleMenuItems = this.menuItems.filter(item => !item.hidden);
-        hiddenItems[0].hidden = false;
-        visibleMenuItems[0].hidden = true;
-        if (hiddenItems.length === 2) {
-            hiddenItems[1].hidden = false;
-            visibleMenuItems[1].hidden = true;
-        }
-        // If there was only one item left, hide the more menu
-        if (hiddenItems.length <= 2) {
-            this.moreMenu.hidden = true;
-        }
-        // Reset focus controller
-        (_a = __classPrivateFieldGet(this, _ActionBarElement_focusController, "f")) === null || _a === void 0 ? void 0 : _a.abort();
-        __classPrivateFieldSet(this, _ActionBarElement_focusController, focusZone(this, __classPrivateFieldGet(this, _ActionBarElement_focusSettings, "f")), "f");
-    }
-};
-__decorate([
-    targets
-], ActionBarElement.prototype, "items", void 0);
-__decorate([
-    targets
-], ActionBarElement.prototype, "menuItems", void 0);
-__decorate([
-    target
-], ActionBarElement.prototype, "itemContainer", void 0);
-__decorate([
-    target
-], ActionBarElement.prototype, "moreMenu", void 0);
-ActionBarElement = __decorate([
-    controller
-], ActionBarElement);
-export { ActionBarElement };
-window.ActionBarElement = ActionBarElement;