@primer/view-components 0.0.70 → 0.0.71

package/app/components/primer/alpha/navigation_list_element.d.ts

@@ -0,0 +1,11 @@
+declare class NavigationListElement extends HTMLElement {
+    #private;
+    connectedCallback(): void;
+    handleEvent(event: Event): void;
+}
+export {};
+declare global {
+    interface Window {
+        NavigationListElement: typeof NavigationListElement;
+    }
+}

package/app/components/primer/alpha/navigation_list_element.js

@@ -0,0 +1,42 @@
+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 _NavigationListElement_instances, _NavigationListElement_handleClick;
+class NavigationListElement extends HTMLElement {
+    constructor() {
+        super(...arguments);
+        _NavigationListElement_instances.add(this);
+    }
+    connectedCallback() {
+        this.addEventListener('click', this);
+    }
+    handleEvent(event) {
+        var _a;
+        if (!(event.target instanceof HTMLElement))
+            return;
+        const item = (_a = event.target) === null || _a === void 0 ? void 0 : _a.closest('button');
+        if ((item === null || item === void 0 ? void 0 : item.closest(this.tagName)) !== this)
+            return;
+        if (event.type === 'click') {
+            __classPrivateFieldGet(this, _NavigationListElement_instances, "m", _NavigationListElement_handleClick).call(this, item, event);
+        }
+    }
+}
+_NavigationListElement_instances = new WeakSet(), _NavigationListElement_handleClick = function _NavigationListElement_handleClick(item, e) {
+    if (item.getAttribute('aria-expanded') !== null) {
+        if (item.getAttribute('aria-expanded') === 'true') {
+            item.setAttribute('aria-expanded', 'false');
+        }
+        else {
+            item.setAttribute('aria-expanded', 'true');
+        }
+    }
+    e.stopPropagation();
+};
+if (!window.customElements.get('navigation-list')) {
+    window.NavigationListElement = NavigationListElement;
+    window.customElements.define('navigation-list', NavigationListElement);
+}
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/view-components",
-  "version": "0.0.70",
+  "version": "0.0.71",
   "description": "ViewComponents for the Primer Design System",
   "main": "app/assets/javascripts/primer_view_components.js",
   "module": "app/components/primer/primer.js",