@ojiepermana/angular 22.2.0 → 22.2.1

package/fesm2022/ojiepermana-angular-theme-styles.mjs

@@ -374,7 +374,7 @@ var ThemeBrandService = class ThemeBrandService {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		ngImport: i0,
 		type: ThemeBrandService,
 		deps: [],
@@ -382,14 +382,14 @@ var ThemeBrandService = class ThemeBrandService {
 	});
 	static ɵprov = i0.ɵɵngDeclareService({
 		minVersion: "22.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		ngImport: i0,
 		type: ThemeBrandService
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.2",
 	ngImport: i0,
 	type: ThemeBrandService,
 	decorators: [{ type: Service }],
@@ -419,7 +419,7 @@ var ThemeColorService = class ThemeColorService {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		ngImport: i0,
 		type: ThemeColorService,
 		deps: [],
@@ -427,14 +427,14 @@ var ThemeColorService = class ThemeColorService {
 	});
 	static ɵprov = i0.ɵɵngDeclareService({
 		minVersion: "22.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		ngImport: i0,
 		type: ThemeColorService
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.2",
 	ngImport: i0,
 	type: ThemeColorService,
 	decorators: [{ type: Service }]
@@ -460,7 +460,7 @@ var ThemeModeService = class ThemeModeService {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		ngImport: i0,
 		type: ThemeModeService,
 		deps: [],
@@ -468,14 +468,14 @@ var ThemeModeService = class ThemeModeService {
 	});
 	static ɵprov = i0.ɵɵngDeclareService({
 		minVersion: "22.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		ngImport: i0,
 		type: ThemeModeService
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.2",
 	ngImport: i0,
 	type: ThemeModeService,
 	decorators: [{ type: Service }]
@@ -503,7 +503,7 @@ var ThemeRadiusService = class ThemeRadiusService {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		ngImport: i0,
 		type: ThemeRadiusService,
 		deps: [],
@@ -511,14 +511,14 @@ var ThemeRadiusService = class ThemeRadiusService {
 	});
 	static ɵprov = i0.ɵɵngDeclareService({
 		minVersion: "22.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		ngImport: i0,
 		type: ThemeRadiusService
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.2",
 	ngImport: i0,
 	type: ThemeRadiusService,
 	decorators: [{ type: Service }]
@@ -537,7 +537,7 @@ var ThemeSpaceService = class ThemeSpaceService {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		ngImport: i0,
 		type: ThemeSpaceService,
 		deps: [],
@@ -545,14 +545,14 @@ var ThemeSpaceService = class ThemeSpaceService {
 	});
 	static ɵprov = i0.ɵɵngDeclareService({
 		minVersion: "22.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		ngImport: i0,
 		type: ThemeSpaceService
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.2",
 	ngImport: i0,
 	type: ThemeSpaceService,
 	decorators: [{ type: Service }]

package/navigation/README.md

@@ -5,7 +5,7 @@
 ```ts
 import {
   NavigationContainerComponent,
-  NavigationSidebarComponent, // type: NavigationDockbar/Navbar/FlyoutComponent
+  NavigationSidebarComponent, // type: NavigationDockbar/Minidock/Navbar/FlyoutComponent
   NavigationHeaderComponent,
   NavigationContentComponent,
   NavigationFooterComponent,
@@ -44,17 +44,17 @@ const items: NavigationItem[] = [
 </Navigation>
 ```
 
-Type dipilih lewat komponen anak deklaratif — `NavigationSidebar`, `NavigationDockbar`, `NavigationNavbar`, atau `NavigationFlyout` — satu type hidup per `<Navigation>`. Di dalam type, `NavigationHeader` dan `NavigationFooter` opsional, sedangkan `NavigationContent` selalu dirender (otomatis dibuat bila tidak diproyeksikan).
+Type dipilih lewat komponen anak deklaratif (`NavigationSidebar`, `NavigationDockbar`, `NavigationMinidock`, `NavigationNavbar`, atau `NavigationFlyout`), satu type hidup per `<Navigation>`. Di dalam type, `NavigationHeader` dan `NavigationFooter` opsional, sedangkan `NavigationContent` selalu dirender (otomatis dibuat bila tidak diproyeksikan).
 
 ## API Notes
 
 - `data` is the source of navigation data.
-- Type is declared by the child component: `NavigationSidebar`/`NavigationDockbar` (vertical), `NavigationNavbar`/`NavigationFlyout` (horizontal). Orientation is implied by the type child.
+- Type is declared by the child component: `NavigationSidebar`/`NavigationDockbar`/`NavigationMinidock` (vertical), `NavigationNavbar`/`NavigationFlyout` (horizontal). Orientation is implied by the type child.
 - `id` identifies a navigation instance so multiple navs can keep distinct service state.
 - `data-id` optionally publishes the input data under a different registry id. This lets a
   mobile mirror use isolated state (`id="main-mobile"`) while exposing the same data contract
   as the desktop navigation (`data-id="main"`).
-- `position` on `NavigationSidebar`/`NavigationDockbar` accepts `left` or `right` (vertical).
+- `position` on `NavigationSidebar`/`NavigationDockbar`/`NavigationMinidock` accepts `left` or `right` (vertical).
 - `collapsed` on `NavigationSidebar` controls the icon-only sidebar state.
 - `mode` on `NavigationDockbar` accepts `sticky` or `drawer`.
 - `dockbar-route-context` on `NavigationDockbar` opts into Router-aware header, rail deduplication,
@@ -109,19 +109,20 @@ Inputs pada `<Navigation>` (container):
 
 Inputs pada komponen type:
 
-| Component           | API                     | Type                                              | Notes                                                                         |
-| ------------------- | ----------------------- | ------------------------------------------------- | ----------------------------------------------------------------------------- |
-| `NavigationSidebar` | `position`              | `left \| right \| null`                           | Side the rail docks to.                                                       |
-| `NavigationSidebar` | `collapsed`             | `boolean \| null`                                 | Controls collapsed vertical sidebar state.                                    |
-| `NavigationSidebar` | `nav-sidebar-collapse`  | `boolean`                                         | Enables hover-driven preview expansion on collapsed sidebars.                 |
-| `NavigationSidebar` | `previewExpanded`       | `boolean`                                         | Forces a collapsed sidebar to render expanded for preview.                    |
-| `NavigationDockbar` | `mode`                  | `sticky \| drawer \| null`                        | Docked aside beside the rail, or overlay drawer.                              |
-| `NavigationDockbar` | `position`              | `left \| right \| null`                           | Side the rail docks to.                                                       |
-| `NavigationDockbar` | `dockbar-route-context` | `boolean \| NavigationDockbarRouteConfig \| null` | Opt-in Router context and optional overrides.                                 |
-| `NavigationDockbar` | `dockbar-badge`         | `NavigationBadgeContext`                          | Reactive badge sources keyed by item or route metadata.                       |
-| `NavigationNavbar`  | `nav-appearance`        | `flat \| border-rail`                             | Style variant. `border-rail` = squared panel, dashed icon rails, no hover bg. |
-| `NavigationFlyout`  | `label`                 | `string`                                          | Trigger label. Defaults to `Menu`.                                            |
-| `NavigationFlyout`  | `nav-appearance`        | `flat \| border-rail`                             | Style variant. `border-rail` = squared panel, dashed icon rails, no hover bg. |
+| Component            | API                     | Type                                              | Notes                                                                         |
+| -------------------- | ----------------------- | ------------------------------------------------- | ----------------------------------------------------------------------------- |
+| `NavigationSidebar`  | `position`              | `left \| right \| null`                           | Side the rail docks to.                                                       |
+| `NavigationSidebar`  | `collapsed`             | `boolean \| null`                                 | Controls collapsed vertical sidebar state.                                    |
+| `NavigationSidebar`  | `nav-sidebar-collapse`  | `boolean`                                         | Enables hover-driven preview expansion on collapsed sidebars.                 |
+| `NavigationSidebar`  | `previewExpanded`       | `boolean`                                         | Forces a collapsed sidebar to render expanded for preview.                    |
+| `NavigationDockbar`  | `mode`                  | `sticky \| drawer \| null`                        | Docked aside beside the rail, or overlay drawer.                              |
+| `NavigationDockbar`  | `position`              | `left \| right \| null`                           | Side the rail docks to.                                                       |
+| `NavigationDockbar`  | `dockbar-route-context` | `boolean \| NavigationDockbarRouteConfig \| null` | Opt-in Router context and optional overrides.                                 |
+| `NavigationDockbar`  | `dockbar-badge`         | `NavigationBadgeContext`                          | Reactive badge sources keyed by item or route metadata.                       |
+| `NavigationMinidock` | `position`              | `left \| right \| null`                           | Side the rail docks to. The separating border is set through `class`.         |
+| `NavigationNavbar`   | `nav-appearance`        | `flat \| border-rail`                             | Style variant. `border-rail` = squared panel, dashed icon rails, no hover bg. |
+| `NavigationFlyout`   | `label`                 | `string`                                          | Trigger label. Defaults to `Menu`.                                            |
+| `NavigationFlyout`   | `nav-appearance`        | `flat \| border-rail`                             | Style variant. `border-rail` = squared panel, dashed icon rails, no hover bg. |
 
 Semua type juga menerima `class` untuk kelas tambahan pada elemen shell-nya.
 
@@ -149,6 +150,56 @@ Semua type juga menerima `class` untuk kelas tambahan pada elemen shell-nya.
 | `columns`                                                            | `number`                                                                                     | Column count for `mega` style items.                                                                                        |
 | `children`                                                           | `readonly NavigationItem[]`                                                                  | Nested items. Trees can be deeper than one level.                                                                           |
 
+## Minidock
+
+`NavigationMinidock` is a permanent vertical icon rail. It renders exactly like a collapsed
+sidebar (`--layout-sidebar-collapsed-width`, `--nav-rail-item-size`, a tooltip per item, a two
+letter fallback for items without an icon), but it never expands: there is no `collapsed` input,
+no `nav-sidebar-collapse`, no hover or focus preview, no header toggle, and
+`NavigationService.toggleCollapsed()` does nothing for it. Its stored `nav-type-mode` is always
+`default`.
+
+```html
+<Navigation id="app-rail" [data]="items" class="h-full">
+  <NavigationMinidock class="border-r border-border" />
+</Navigation>
+```
+
+The data contract is strict. Minidock only accepts `basic`, `item`, or untyped items without
+children, plus `divider` and `spacer`. Any `group`, `collapsible`, `collapsable`, `mega`, or
+`aside` item, or any item with non empty `children` (hidden items included), throws an `Error`
+in development **and production**. The error reaches Angular's `ErrorHandler` and names the item
+index, its title, and the rejected type, for example
+`Item [2] "Component" bertipe "group".`
+
+Flatten grouped data with `toMinidockItems()` from `@ojiepermana/angular/navigation/types`.
+It is a pure function whose output always passes that check, and it is the safe path for data
+that comes from a backend:
+
+```ts
+import { toMinidockItems } from '@ojiepermana/angular/navigation/types';
+
+protected readonly railItems = computed(() => toMinidockItems(this.items()));
+```
+
+- Leaves are kept as the same object, unless a parent's `isHidden` has to be merged in.
+- `group` and `mega` (at any level) become a divider boundary and their content is flattened;
+  an empty group adds no divider.
+- `collapsible`, `collapsable`, and `aside` are dropped as parents; their children are lifted.
+- Leading, trailing, and repeated dividers are compacted; `spacer` survives only at the top level.
+- A leaf whose `id` repeats is kept once (first occurrence wins).
+- A lifted leaf is hidden when any of its parents is hidden, and a group's boundary divider hides
+  with that group.
+
+A `spacer` pushes every item after it to the bottom of the rail. `LayoutWrapperDefault` offers
+the type as `nav-type="minidock"` on a vertical layout: it renders `LayoutNavMinidock` with
+`toMinidockItems(data())` under the data id `main-minidock`, and keeps publishing the full
+`data()` under `main`.
+
+Adding `'minidock'` widens `NavigationVerticalType` (and so `NavigationType`). The change is
+additive, but a consumer `switch` that is exhaustive over `NavigationType` needs a `minidock`
+branch before it compiles again.
+
 ## Route-aware dockbar
 
 The feature is opt-in so existing dockbar, sidebar, navbar, and flyout consumers keep their

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ojiepermana/angular",
-  "version": "22.2.0",
+  "version": "22.2.1",
   "description": "Accessible, tree-shakable Angular 22 design system from ojiepermana: UI components, charts, navigation shells, theme tokens, and an OpenAPI SDK generator.",
   "license": "MIT",
   "keywords": [
@@ -502,5 +502,5 @@
   "module": "fesm2022/ojiepermana-angular.mjs",
   "typings": "types/ojiepermana-angular.d.ts",
   "type": "module",
-  "gitHead": "3b69b91d27302f5e63547b54b0a63e29386445db"
+  "gitHead": "1d9e13ff98804f60ee81765a22a6b5a814d0f374"
 }

package/types/ojiepermana-angular-component-card.d.ts

@@ -4,7 +4,7 @@ import * as i0 from "@angular/core";
 export type CardSize = 'default' | 'sm';
 export declare class CardComponent {
   protected readonly componentScale: ComponentScaleDirective;
-  readonly radius: import("@angular/core").InputSignal<"inherit" | "none" | "xs" | "sm" | "md" | "xl" | "full">;
+  readonly radius: import("@angular/core").InputSignal<"sm" | "inherit" | "none" | "xs" | "md" | "xl" | "full">;
   readonly density: import("@angular/core").InputSignal<"inherit" | "compact" | "normal" | "relaxed" | "spacious">;
   readonly size: import("@angular/core").InputSignal<CardSize>;
   readonly class: import("@angular/core").InputSignal<string>;

package/types/ojiepermana-angular-component-command.d.ts

@@ -165,7 +165,7 @@ export declare class CommandItemComponent {
    * on the input instead, which is the listbox pattern.
    */
   readonly selectedState: import("@angular/core").InputSignal<boolean>;
-  readonly selected: import("@angular/core").OutputEmitterRef<MouseEvent | KeyboardEvent>;
+  readonly selected: import("@angular/core").OutputEmitterRef<KeyboardEvent | MouseEvent>;
   /** The highlighted row. Drives styling and `aria-activedescendant`, not `aria-selected`. */
   readonly active: import("@angular/core").WritableSignal<boolean>;
   readonly visible: import("@angular/core").Signal<boolean>;

package/types/ojiepermana-angular-navigation-types.d.ts

@@ -2,7 +2,7 @@ import { Signal } from "@angular/core";
 import { IsActiveMatchOptions, Params, QueryParamsHandling, UrlTree } from "@angular/router";
 import { Observable } from "rxjs";
 export type NavigationOrientation = 'vertical' | 'horizontal';
-export type NavigationVerticalType = 'sidebar' | 'dockbar';
+export type NavigationVerticalType = 'sidebar' | 'dockbar' | 'minidock';
 export type NavigationHorizontalType = 'navbar' | 'flyout';
 export type NavigationType = NavigationVerticalType | NavigationHorizontalType;
 export type NavigationCollapseTree = 'stairs' | 'straight';
@@ -137,4 +137,49 @@ export interface NavigationIconContext {
 }
 export declare function normalizeUiNavItems(items: readonly NavigationItem[]): readonly NavigationNormalizedItem[];
 /** Format visual count badge dockbar. Count nol atau invalid tidak dirender. */
-export declare function formatNavigationBadgeCount(value: NavigationBadgeCount): string | null;
+export declare function formatNavigationBadgeCount(value: NavigationBadgeCount): string | null;
+/**
+ * Memadatkan divider: yang di awal, di akhir, dan yang berurutan dibuang. Dari
+ * satu deret divider berurutan, divider pertama tanpa `isHidden` yang dipertahankan
+ * (atau divider pertama bila semuanya punya `isHidden`), supaya pemisah yang selalu
+ * terlihat tidak kalah oleh pemisah yang bisa tersembunyi saat runtime.
+ *
+ * Dipakai dua kali: oleh `toMinidockItems` atas data mentah, dan oleh jalur render
+ * minidock atas item yang sudah dinormalisasi (item tersembunyi sudah hilang).
+ *
+ * @internal
+ */
+export declare function ɵcompactNavigationDividers<T extends {
+  readonly type?: string;
+  readonly isHidden?: unknown;
+}>(items: readonly T[]): T[];
+/**
+ * Melempar `Error` pertama yang ditemukan bila data minidock berisi item di luar
+ * `basic`, `item`, tanpa type, `divider`, dan `spacer`, atau item mana pun dengan
+ * `children` yang tidak kosong. Berjalan atas data mentah, termasuk item yang
+ * `isHidden`, dan tanpa `isDevMode()`: aturannya sama di dev dan production.
+ *
+ * Cukup memeriksa level atas: item apa pun yang punya children sudah ditolak,
+ * jadi item bersarang tidak pernah bisa lolos.
+ *
+ * @internal
+ */
+export declare function ɵassertMinidockItems(items: readonly NavigationItem[]): void;
+/**
+ * Meratakan data navigasi bergroup menjadi data yang selalu valid untuk
+ * `<NavigationMinidock>`:
+ *
+ * - daun (`basic`, `item`, atau tanpa type, tanpa children) dipertahankan;
+ * - `group` dan `mega` di level mana pun diganti batas divider lalu isinya
+ *   diratakan; group yang isinya kosong tidak menghasilkan divider;
+ * - `collapsible`, `collapsable`, `aside`, dan item lain yang punya children
+ *   dibuang sebagai induk, anak anaknya diratakan rekursif;
+ * - divider di awal, di akhir, atau berurutan dipadatkan; `spacer` hanya
+ *   dipertahankan di level atas;
+ * - daun dengan `id` yang sama hanya muncul sekali (kemunculan pertama).
+ *
+ * Daun dan divider yang diangkat ikut tersembunyi bila salah satu induknya
+ * tersembunyi, dan divider pengganti group ikut tersembunyi bersama group itu. Daun dikembalikan
+ * sebagai objek yang sama kecuali `isHidden` nya perlu digabung. Tidak pernah throw.
+ */
+export declare function toMinidockItems(items: readonly NavigationItem[]): NavigationItem[];

package/types/ojiepermana-angular-navigation.d.ts

@@ -1,11 +1,12 @@
 import { NavigationIconDirective, NavigationIconDirective as NavigationIconDirective$1 } from "@ojiepermana/angular/navigation/icon";
 import * as i0 from "@angular/core";
 import { InjectionToken, Signal, TemplateRef } from "@angular/core";
-import { NAVIGATION_DOCKBAR_FALLBACK_ICON, NavigationActionHandler, NavigationAppearance, NavigationAppearance as NavigationAppearance$1, NavigationBadgeAriaLabel, NavigationBadgeContext, NavigationBadgeContext as NavigationBadgeContext$1, NavigationBadgeCount, NavigationBadgeSource, NavigationBadgeSource as NavigationBadgeSource$1, NavigationBadgeValueSource, NavigationCollapseTree, NavigationCollapseTree as NavigationCollapseTree$1, NavigationDockbarMode, NavigationDockbarMode as NavigationDockbarMode$1, NavigationDockbarRouteConfig, NavigationDockbarRouteContext, NavigationDockbarRouteContext as NavigationDockbarRouteContext$1, NavigationFlyoutIconPosition, NavigationFlyoutIconPosition as NavigationFlyoutIconPosition$1, NavigationFlyoutTriggerVariant, NavigationFlyoutTriggerVariant as NavigationFlyoutTriggerVariant$1, NavigationHorizontalPosition, NavigationHorizontalPosition as NavigationHorizontalPosition$1, NavigationHorizontalType, NavigationIconContext, NavigationIconContext as NavigationIconContext$1, NavigationItem, NavigationItem as NavigationItem$1, NavigationItemBadge, NavigationItemClasses, NavigationItemType, NavigationLink, NavigationNormalizedItem, NavigationNormalizedItem as NavigationNormalizedItem$1, NavigationNormalizedItemType, NavigationOrientation, NavigationOrientation as NavigationOrientation$1, NavigationPosition, NavigationPosition as NavigationPosition$1, NavigationRegisterInput, NavigationResolvedRouteContext, NavigationResolvedRouteContext as NavigationResolvedRouteContext$1, NavigationRouteData, NavigationSelection, NavigationSelection as NavigationSelection$1, NavigationState, NavigationState as NavigationState$1, NavigationType, NavigationType as NavigationType$1, NavigationVerticalPosition, NavigationVerticalPosition as NavigationVerticalPosition$1, NavigationVerticalType, NavigationVisibilityHandler, formatNavigationBadgeCount, normalizeUiNavItems } from "@ojiepermana/angular/navigation/types";
+import { NAVIGATION_DOCKBAR_FALLBACK_ICON, NavigationActionHandler, NavigationAppearance, NavigationAppearance as NavigationAppearance$1, NavigationBadgeAriaLabel, NavigationBadgeContext, NavigationBadgeContext as NavigationBadgeContext$1, NavigationBadgeCount, NavigationBadgeSource, NavigationBadgeSource as NavigationBadgeSource$1, NavigationBadgeValueSource, NavigationCollapseTree, NavigationCollapseTree as NavigationCollapseTree$1, NavigationDockbarMode, NavigationDockbarMode as NavigationDockbarMode$1, NavigationDockbarRouteConfig, NavigationDockbarRouteContext, NavigationDockbarRouteContext as NavigationDockbarRouteContext$1, NavigationFlyoutIconPosition, NavigationFlyoutIconPosition as NavigationFlyoutIconPosition$1, NavigationFlyoutTriggerVariant, NavigationFlyoutTriggerVariant as NavigationFlyoutTriggerVariant$1, NavigationHorizontalPosition, NavigationHorizontalPosition as NavigationHorizontalPosition$1, NavigationHorizontalType, NavigationIconContext, NavigationIconContext as NavigationIconContext$1, NavigationItem, NavigationItem as NavigationItem$1, NavigationItemBadge, NavigationItemClasses, NavigationItemType, NavigationLink, NavigationNormalizedItem, NavigationNormalizedItem as NavigationNormalizedItem$1, NavigationNormalizedItemType, NavigationOrientation, NavigationOrientation as NavigationOrientation$1, NavigationPosition, NavigationPosition as NavigationPosition$1, NavigationRegisterInput, NavigationResolvedRouteContext, NavigationResolvedRouteContext as NavigationResolvedRouteContext$1, NavigationRouteData, NavigationSelection, NavigationSelection as NavigationSelection$1, NavigationState, NavigationState as NavigationState$1, NavigationType, NavigationType as NavigationType$1, NavigationVerticalPosition, NavigationVerticalPosition as NavigationVerticalPosition$1, NavigationVerticalType, NavigationVisibilityHandler, formatNavigationBadgeCount, normalizeUiNavItems, toMinidockItems } from "@ojiepermana/angular/navigation/types";
 export * from "@ojiepermana/angular/navigation/core";
 /**
  * Konfigurasi yang didaftarkan komponen type (`<NavigationSidebar>`,
- * `<NavigationDockbar>`, `<NavigationNavbar>`, `<NavigationFlyout>`) ke
+ * `<NavigationDockbar>`, `<NavigationMinidock>`, `<NavigationNavbar>`,
+ * `<NavigationFlyout>`) ke
  * `<Navigation>` induknya. Satu `<Navigation>` hanya boleh memuat satu
  * type hidup pada satu waktu.
  */
@@ -138,6 +139,8 @@ export declare class NavigationContainerComponent implements NavigationShellCont
   readonly dockbarActiveRoutePanelGroup: import("@angular/core").Signal<NavigationNormalizedItem$1 | null>;
   readonly dockbarRouteHeader: import("@angular/core").Signal<NavigationDockbarRouteHeaderState | null>;
   readonly dockbarRailItems: import("@angular/core").Signal<readonly NavigationNormalizedItem$1[]>;
+  /** Item rel minidock: divider di tepi atau berurutan (sesudah item tersembunyi hilang) dibuang. */
+  readonly minidockRailItems: import("@angular/core").Signal<NavigationNormalizedItem$1[]>;
   readonly dockbarAsideId: import("@angular/core").Signal<string>;
   readonly dockbarOpenGroup: import("@angular/core").Signal<NavigationNormalizedItem$1 | null>;
   readonly dockbarActiveRoutePanelExpanded: import("@angular/core").Signal<boolean>;
@@ -435,6 +438,47 @@ export declare class NavigationDockbarComponent {
     };
   }, {}, ["headerSlot", "contentSlot", "footerSlot", "asideFooterSlot"], ["NavigationHeader", "NavigationContent", "NavigationFooter"], true, never>;
 }
+/**
+ * Type vertikal minidock untuk `<Navigation>`: rel ikon permanen yang tampil sama
+ * dengan sidebar collapsed, tetapi tidak pernah melebar (tanpa toggle, hover
+ * preview, atau focus preview).
+ *
+ * Data hanya boleh berisi item `basic`, `item`, tanpa type, `divider`, dan
+ * `spacer`, tanpa children. Data lain melempar `Error` di dev dan production;
+ * ratakan data bergroup dulu dengan `toMinidockItems()`.
+ *
+ * Slot `NavigationHeader` dan `NavigationFooter` opsional; `NavigationContent`
+ * selalu dirender (default otomatis bila tidak diproyeksikan).
+ */
+export declare class NavigationMinidockComponent {
+  private readonly container;
+  private readonly destroyRef;
+  readonly position: import("@angular/core").InputSignal<NavigationVerticalPosition$1 | null>;
+  readonly class: import("@angular/core").InputSignal<string>;
+  protected readonly headerSlot: import("@angular/core").Signal<NavigationHeaderComponent | undefined>;
+  protected readonly contentSlot: import("@angular/core").Signal<NavigationContentComponent | undefined>;
+  protected readonly footerSlot: import("@angular/core").Signal<NavigationFooterComponent | undefined>;
+  /**
+   * Validasi data mentah. Dibaca template, jadi data yang berubah divalidasi ulang
+   * dan error yang dilempar sampai ke `ErrorHandler` Angular saat change detection.
+   */
+  protected readonly dataValidated: import("@angular/core").Signal<boolean>;
+  protected readonly hostClasses: import("@angular/core").Signal<string>;
+  constructor();
+  static ɵfac: i0.ɵɵFactoryDeclaration<NavigationMinidockComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<NavigationMinidockComponent, "NavigationMinidock", never, {
+    "position": {
+      "alias": "position";
+      "required": false;
+      "isSignal": true;
+    };
+    "class": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, ["headerSlot", "contentSlot", "footerSlot"], ["NavigationHeader", "NavigationContent", "NavigationFooter"], true, never>;
+}
 /**
  * Type navbar horizontal untuk `<Navigation>`. Slot `NavigationHeader`
  * dan `NavigationFooter` opsional; `NavigationContent` selalu dirender
@@ -793,4 +837,4 @@ export declare class NavigationHeaderTitleComponent {
  * memakai dua huruf pertamanya.
  */
 export declare function deriveNavigationInitials(name: string): string;
-export { NAVIGATION_DOCKBAR_FALLBACK_ICON, type NavigationActionHandler, type NavigationAppearance, type NavigationBadgeAriaLabel, type NavigationBadgeContext, type NavigationBadgeCount, type NavigationBadgeSource, type NavigationBadgeValueSource, type NavigationCollapseTree, type NavigationDockbarMode, type NavigationDockbarRouteConfig, type NavigationDockbarRouteContext, type NavigationFlyoutIconPosition, type NavigationFlyoutTriggerVariant, type NavigationHorizontalPosition, type NavigationHorizontalType, type NavigationIconContext, NavigationIconDirective, type NavigationItem, type NavigationItemBadge, type NavigationItemClasses, type NavigationItemType, type NavigationLink, type NavigationNormalizedItem, type NavigationNormalizedItemType, type NavigationOrientation, type NavigationPosition, type NavigationRegisterInput, type NavigationResolvedRouteContext, type NavigationRouteData, type NavigationSelection, type NavigationState, type NavigationType, type NavigationVerticalPosition, type NavigationVerticalType, type NavigationVisibilityHandler, formatNavigationBadgeCount, normalizeUiNavItems };
+export { NAVIGATION_DOCKBAR_FALLBACK_ICON, type NavigationActionHandler, type NavigationAppearance, type NavigationBadgeAriaLabel, type NavigationBadgeContext, type NavigationBadgeCount, type NavigationBadgeSource, type NavigationBadgeValueSource, type NavigationCollapseTree, type NavigationDockbarMode, type NavigationDockbarRouteConfig, type NavigationDockbarRouteContext, type NavigationFlyoutIconPosition, type NavigationFlyoutTriggerVariant, type NavigationHorizontalPosition, type NavigationHorizontalType, type NavigationIconContext, NavigationIconDirective, type NavigationItem, type NavigationItemBadge, type NavigationItemClasses, type NavigationItemType, type NavigationLink, type NavigationNormalizedItem, type NavigationNormalizedItemType, type NavigationOrientation, type NavigationPosition, type NavigationRegisterInput, type NavigationResolvedRouteContext, type NavigationRouteData, type NavigationSelection, type NavigationState, type NavigationType, type NavigationVerticalPosition, type NavigationVerticalType, type NavigationVisibilityHandler, formatNavigationBadgeCount, normalizeUiNavItems, toMinidockItems };

package/types/ojiepermana-angular-theme-component-settings.d.ts

@@ -74,7 +74,8 @@ export declare class ThemeSettingsComponent {
 type ThemeSettingsNavigationType = NavigationType | 'desktop';
 /**
  * The presentation modes meaningful to the currently selected navigation type.
- * Sidebar uses `default`/`collapsed`; dockbar uses `default` (sticky) / `drawer`.
+ * Sidebar uses `default`/`collapsed`; dockbar uses `default` (sticky) / `drawer`;
+ * minidock is always compact and only has `default`.
  */
 type ThemeSettingsNavigationMode = 'default' | 'collapsed' | 'drawer';
 /**
@@ -104,14 +105,15 @@ export declare const NAV_TYPE_STORAGE_KEY = "nav-type";
 export declare const NAV_TYPE_MODE_STORAGE_KEY = "nav-type-mode";
 /**
  * Nav types valid for a layout/shell pair — mirrors `LayoutWrapperDefault`
- * (`navbar`/`flyout` → web horizontal, `sidebar`/`dockbar` → vertical).
+ * (`navbar`/`flyout` → web horizontal, `sidebar`/`dockbar`/`minidock` → vertical).
  * A desktop-mode horizontal shell owns exactly one navigation shape: `desktop`.
  * `empty` and `fluid` shells are brand-only, so no nav type applies.
  */
 export declare function allowedNavTypes(layoutType: LayoutType, shellMode: ShellMode): readonly ThemeSettingsNavigationType[];
 /**
  * Presentation modes meaningful to a navigation type: sidebar collapses, dockbar
- * turns into a drawer, and every other type has one presentation only.
+ * turns into a drawer, and every other type (minidock included, it is always
+ * compact) has one presentation only.
  */
 export declare function allowedNavTypeModes(navType: ThemeSettingsNavigationType): readonly ThemeSettingsNavigationMode[];
 /** `fluid` width only has an effect when the layout type is also `fluid`. */

package/types/ojiepermana-angular-theme-layout-wrapper.d.ts

@@ -241,6 +241,46 @@ export declare class LayoutNavDockbar {
     "logout": "logout";
   }, never, never, true, never>;
 }
+/**
+ * Nav type: a permanent vertical icon rail (minidock). It is composed exactly like
+ * {@link LayoutNavSidebar}, brand in the header and user identity in the footer, and
+ * renders the same way a collapsed sidebar does, but it never expands.
+ *
+ * The rail only accepts flat data, so `LayoutWrapperDefault` hands it
+ * `toMinidockItems(data())`. See {@link LayoutNavSidebar} for why
+ * `host.class = 'contents'` and for the header and footer borders.
+ */
+export declare class LayoutNavMinidock {
+  readonly brand: import("@angular/core").InputSignal<BrandIdentity>;
+  readonly user: import("@angular/core").InputSignal<UserIdentity>;
+  /** Appearance from the shell (`[appearance]`); decides the separator border weight. */
+  readonly appearance: import("@angular/core").InputSignal<"flat" | "border-rail">;
+  /** Forwarded from `<LayoutUser>`; the effect is the consumer's. */
+  readonly logout: import("@angular/core").OutputEmitterRef<void>;
+  protected readonly isBorderRail: import("@angular/core").Signal<boolean>;
+  /** Border kanan pemisah; ketebalan ikut appearance: `border-rail` = `--layout-rail-width` (selaras rail layout), `flat` 1px. */
+  protected readonly shellClass: import("@angular/core").Signal<"border-r-[length:var(--layout-rail-width)] border-border" | "border-r border-border">;
+  static ɵfac: i0.ɵɵFactoryDeclaration<LayoutNavMinidock, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<LayoutNavMinidock, "LayoutNavMinidock", never, {
+    "brand": {
+      "alias": "brand";
+      "required": true;
+      "isSignal": true;
+    };
+    "user": {
+      "alias": "user";
+      "required": true;
+      "isSignal": true;
+    };
+    "appearance": {
+      "alias": "appearance";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "logout": "logout";
+  }, never, never, true, never>;
+}
 /**
  * Nav type: a top bar with inline items (navbar, horizontal). `appearance` follows the
  * shell (`flat | border-rail`). See {@link LayoutNavSidebar} for why
@@ -385,7 +425,7 @@ export declare class LayoutWrapperDefault {
   readonly closeMobileNavLabel: import("@angular/core").InputSignal<string>;
   /**
    * The user pressed logout in the navigation footer. Forwarded from every nav type that
-   * shows the user identity (`sidebar`, `dockbar`, `navbar`, `flyout`), the mobile drawer
+   * shows the user identity (`sidebar`, `dockbar`, `minidock`, `navbar`, `flyout`), the mobile drawer
    * included, so one binding covers all of them. The library calls no endpoint and performs
    * no navigation; what happens next is entirely the consumer's.
    */
@@ -393,6 +433,7 @@ export declare class LayoutWrapperDefault {
   private readonly identity;
   private readonly navigation;
   private readonly desktopNavigationDataOwner;
+  private readonly minidockMainDataOwner;
   private readonly document;
   protected readonly mobileNavTriggerRef: import("@angular/core").Signal<ElementRef<HTMLElement> | undefined>;
   constructor();
@@ -405,6 +446,12 @@ export declare class LayoutWrapperDefault {
   protected readonly effectiveLayoutType: import("@angular/core").Signal<"fluid" | "vertical" | "horizontal" | "empty">;
   /** Tipe nav di dalam `#body`: `empty`/`fluid` → `brand` (header-only); selain itu `nav-type`. */
   protected readonly navKind: import("@angular/core").Signal<NavKind>;
+  /** Minidock only accepts flat data, so grouped data is flattened before it reaches the rail. */
+  private readonly minidockData;
+  /** Data id of the desktop `<Navigation>`; its state id stays `main` for persistence. */
+  protected readonly desktopDataId: import("@angular/core").Signal<"main" | "main-minidock">;
+  /** Data of the desktop `<Navigation>`: flattened for minidock, unfiltered for every other type. */
+  protected readonly desktopData: import("@angular/core").Signal<readonly NavigationItem[]>;
   /** Lebar host `<Navigation>`: penuh-tinggi (vertical) atau penuh-lebar (horizontal). */
   protected readonly navClass: import("@angular/core").Signal<"w-full" | "h-full">;
   protected readonly showsMobileNavigation: import("@angular/core").Signal<boolean>;