@area8975/ui 0.2.2-dev.35 → 0.2.2-dev.36

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@area8975/ui",
-  "version": "0.2.2-dev.35",
+  "version": "0.2.2-dev.36",
   "peerDependencies": {
     "@angular/common": "^22.0.0",
     "@angular/core": "^22.0.0",

package/types/area8975-ui.d.ts

@@ -2073,6 +2073,83 @@ export declare class UiContainerComponent {
   static ɵfac: i0.ɵɵFactoryDeclaration<UiContainerComponent, never>;
   static ɵcmp: i0.ɵɵComponentDeclaration<UiContainerComponent, "ui-container", never, {}, {}, never, ["*"], true, never>;
 }
+/** The disclosure's content, only rendered while it's expanded. */
+export declare class UiDisclosurePanelDirective {
+  readonly template: TemplateRef<any>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiDisclosurePanelDirective, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiDisclosurePanelDirective, "ng-template[uiDisclosurePanel]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * Shows and hides a panel of content from a `ui-disclosure-trigger` inside it.
+ * The content goes in an `<ng-template uiDisclosurePanel>`, rendered after
+ * everything else in the disclosure.
+ */
+export declare class UiDisclosureComponent {
+  readonly expanded: import("@angular/core").ModelSignal<boolean>;
+  /** The panel's id, which the trigger's aria-controls points at. Generated when left out. */
+  readonly panelId: import("@angular/core").InputSignal<string>;
+  private readonly generatedId;
+  readonly regionId: import("@angular/core").Signal<string>;
+  protected readonly panel: import("@angular/core").Signal<UiDisclosurePanelDirective | undefined>;
+  readonly toggle: () => void;
+  readonly open: () => void;
+  readonly close: () => void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiDisclosureComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiDisclosureComponent, "ui-disclosure", ["uiDisclosure"], {
+    "expanded": {
+      "alias": "expanded";
+      "required": false;
+      "isSignal": true;
+    };
+    "panelId": {
+      "alias": "panelId";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "expanded": "expandedChange";
+  }, ["panel"], ["*"], true, never>;
+}
+/**
+ * How a disclosure trigger looks. `"section"` is a full-width header,
+ * `"row"` stretches the trigger over its row - see
+ * `UiDisclosureTriggerComponent.appearance`.
+ */
+export declare const DisclosureTriggerAppearances: readonly ["section", "row"];
+/** @see {@link DisclosureTriggerAppearances} */
+export type DisclosureTriggerAppearance = typeof DisclosureTriggerAppearances[number];
+/** A chevron that turns with the `ui-disclosure` it's in. Put it in the trigger, or anywhere in a row. */
+export declare class UiDisclosureChevronComponent {
+  protected readonly disclosure: UiDisclosureComponent;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiDisclosureChevronComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiDisclosureChevronComponent, "ui-disclosure-chevron", never, {}, {}, never, never, true, never>;
+}
+/**
+ * The button that expands and collapses the `ui-disclosure` it's in.
+ *
+ * As a `"row"`, its hit area and focus ring cover the nearest positioned
+ * element around it, so make the row `relative`, otherwise it's the whole
+ * disclosure. Give other controls in the row `class="relative"` so they stay
+ * clickable above it.
+ */
+export declare class UiDisclosureTriggerComponent {
+  protected readonly disclosure: UiDisclosureComponent;
+  readonly appearance: import("@angular/core").InputSignal<"section" | "row">;
+  readonly ariaLabel: import("@angular/core").InputSignal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiDisclosureTriggerComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiDisclosureTriggerComponent, "ui-disclosure-trigger", never, {
+    "appearance": {
+      "alias": "appearance";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["*"], true, never>;
+}
 export declare class UiDrawerComponent {
   readonly isOpen: import("@angular/core").WritableSignal<boolean>;
   readonly enableBackdrop: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
@@ -3732,6 +3809,8 @@ export interface TableOptionsFacet {
   kind: 'options';
   options: TableFacetOption[];
   multiple?: boolean;
+  /** Shows this many options, plus any picked, then a "Show N more" toggle. Leave out to show them all. */
+  visibleOptions?: number;
 }
 /** Writes `{ start, end }` ISO dates under `id`. */
 export interface TableDateRangeFacet {
@@ -3760,6 +3839,7 @@ export declare class UiTableFiltersComponent {
   protected readonly anyDate: DateMode;
   protected readonly customDate: DateMode;
   private readonly customDates;
+  private readonly expanded;
   private readonly linked;
   protected readonly appliedCount: import("@angular/core").Signal<number>;
   protected readonly anyApplied: import("@angular/core").Signal<boolean>;
@@ -3772,12 +3852,19 @@ export declare class UiTableFiltersComponent {
   protected pick(facet: TableOptionsFacet, value: unknown): void;
   protected isChecked(facet: TableOptionsFacet, option: TableFacetOption): boolean;
   protected check(facet: TableOptionsFacet, option: TableFacetOption, checked: boolean): void;
+  protected isExpanded(facet: TableOptionsFacet): boolean;
+  protected isShown(facet: TableOptionsFacet, option: TableFacetOption, index: number): boolean;
+  /** How many options collapsing hides, 0 when there's nothing to toggle. */
+  protected hiddenCount(facet: TableOptionsFacet): number;
+  protected toggleExpanded(facet: TableOptionsFacet): void;
   protected range(facet: TableDateRangeFacet): DateRange;
   protected dateMode(facet: TableDateRangeFacet): DateMode;
   protected pickDate(facet: TableDateRangeFacet, mode: DateMode): void;
   protected setRange(facet: TableDateRangeFacet, range: DateRange): void;
   protected clearAll(): void;
   private setCustom;
+  private isPastCutoff;
+  private isSelected;
   private apply;
   private write;
   private currentFilters;