@openproject/primer-view-components 0.0.0-20250409165752 → 0.0.0-20250410074229

package/app/assets/javascripts/components/primer/open_project/border_box/collapsible_header.d.ts

@@ -1,13 +1,7 @@
-declare class CollapsibleHeaderElement extends HTMLElement {
-    arrowDown: HTMLElement;
-    arrowUp: HTMLElement;
-    description: HTMLElement | undefined;
-    collapsed: string;
-    private _collapsed;
+import { CollapsibleHelperElement } from '../collapsible_helper';
+declare class CollapsibleHeaderElement extends CollapsibleHelperElement {
     connectedCallback(): void;
-    toggle(): void;
-    private hideAll;
-    private expandAll;
+    get baseClass(): string;
 }
 declare global {
     interface Window {

package/app/assets/javascripts/components/primer/open_project/collapsible_helper.d.ts

@@ -0,0 +1,11 @@
+export declare abstract class CollapsibleHelperElement extends HTMLElement {
+    arrowDown: HTMLElement;
+    arrowUp: HTMLElement;
+    collapsibleElements: HTMLElement[];
+    collapsed: boolean;
+    toggle(): void;
+    attributeChangedCallback(name: string): void;
+    hideAll(): void;
+    expandAll(): void;
+    abstract get baseClass(): string;
+}

package/app/assets/javascripts/components/primer/open_project/collapsible_section.d.ts

@@ -0,0 +1,10 @@
+import { CollapsibleHelperElement } from './collapsible_helper';
+declare class CollapsibleSectionElement extends CollapsibleHelperElement {
+    get baseClass(): string;
+}
+declare global {
+    interface Window {
+        CollapsibleSectionElement: typeof CollapsibleSectionElement;
+    }
+}
+export {};

package/app/assets/javascripts/components/primer/primer.d.ts

@@ -30,4 +30,6 @@ import './open_project/page_header_element';
 import './open_project/zen_mode_button';
 import './open_project/sub_header_element';
 import './open_project/danger_dialog_form_helper';
+import './open_project/collapsible_helper';
 import './open_project/border_box/collapsible_header';
+import './open_project/collapsible_section';