@africanies/angular-web-sdk 0.1.1 → 0.1.3

package/dist/libs/africanies-core/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@africanies/africanies-core",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "peerDependencies": {
     "@angular/common": "^22.0.0",
     "@angular/core": "^22.0.0",
     "@angular/router": "^22.0.0",
     "rxjs": "^7.8.0",
-    "@africanies/africanies-models": "^0.0.2",
-    "@africanies/africanies-storage": "^0.0.1"
+    "@africanies/africanies-models": ">=0.0.2 <0.1.0",
+    "@africanies/africanies-storage": ">=0.0.1 <0.1.0"
   },
   "sideEffects": false,
   "publishConfig": {

package/dist/libs/africanies-theme/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@africanies/africanies-theme",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "peerDependencies": {
     "@angular/common": "^22.0.0",
     "@angular/core": "^22.0.0",
-    "@africanies/africanies-core": "^0.0.2",
-    "@africanies/africanies-storage": "^0.0.1"
+    "@africanies/africanies-core": ">=0.0.2 <0.1.0",
+    "@africanies/africanies-storage": ">=0.0.1 <0.1.0"
   },
   "sideEffects": false,
   "publishConfig": {

package/dist/libs/africanies-ui/fesm2022/africanies-africanies-ui.mjs

@@ -1,17 +1,17 @@
 import * as i0 from '@angular/core';
-import { inject, input, booleanAttribute, computed, ChangeDetectionStrategy, Component, output, signal, Injector, DestroyRef, Injectable, numberAttribute, Directive, viewChild, contentChild, makeEnvironmentProviders, provideAppInitializer, model, forwardRef, InjectionToken, effect, afterNextRender, viewChildren, TemplateRef, contentChildren, untracked, runInInjectionContext, afterRenderEffect, NgModule } from '@angular/core';
+import { inject, input, booleanAttribute, computed, ChangeDetectionStrategy, Component, output, signal, Injector, DestroyRef, Injectable, numberAttribute, Directive, viewChild, contentChild, model, makeEnvironmentProviders, provideAppInitializer, forwardRef, InjectionToken, effect, afterNextRender, viewChildren, TemplateRef, contentChildren, untracked, runInInjectionContext, afterRenderEffect, NgModule } from '@angular/core';
 import { AfricaniesIconComponent } from '@africanies/africanies-icons';
 import { ModeColorService, ThemeService } from '@africanies/africanies-theme';
 import { copyToClipboard, AFRICANIES_HTTP_TOAST, FilterOptionsResolver, MODAL_SERVICE, DRAWER_SERVICE, ShippingModeService, resolveNotificationLinkForMode } from '@africanies/africanies-core';
 import { Overlay, CdkOverlayOrigin, CdkConnectedOverlay } from '@angular/cdk/overlay';
 import { ComponentPortal } from '@angular/cdk/portal';
+import { Router, ActivatedRoute, RouterLink, NavigationEnd } from '@angular/router';
 import { EXPORT_DELIVERY_VENDORS, DELIVERY_VENDORS, normalizeDeliveryVendorForForm, isKnownDeliveryVendor, hasFilterParams, fromFilterParams, filterQueryKeys, toFilterParams, cloneFilterState, resetFilterState, PAGINATION_PAGE_SIZES, DEFAULT_PAGE_SIZE } from '@africanies/africanies-models';
 export { DEFAULT_FILTER_TRANSPORT, DEFAULT_PAGE_SIZE, FILTER_CONFIGS, FilterTransport, NOTIFICATION_PAGE_SIZE, PAGINATION_PAGE_SIZES, clearFilterField, cloneFilterState, emptyFilterState, filterQueryKeys, fromFilterParams, hasFilterParams, resetFilterState, resolveFilterTransport, shipmentTrackingItemFilterConfig, toFilterParams, trackShipmentsFilterConfig, updateShipmentsFilterConfig, usersFilterConfig } from '@africanies/africanies-models';
 import { HttpErrorResponse } from '@angular/common/http';
 import { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';
 import { Subject, take, isObservable, defer, throwError, of, from, map, timer, filter, startWith } from 'rxjs';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { ActivatedRoute, Router, RouterLink, NavigationEnd } from '@angular/router';
 import { debounce, switchMap, distinctUntilChanged, tap, catchError } from 'rxjs/operators';
 import { NgTemplateOutlet, NgClass, DatePipe } from '@angular/common';
 
@@ -1303,6 +1303,84 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
  * Clipboard copy control (`africanies-copy`).
  */
 
+/**
+ * Builds a {@link UrlTree} for an item’s `routerLink` / query / fragment.
+ *
+ * @param router - Consumer app router.
+ * @param item - Nav item with a `routerLink`.
+ * @returns UrlTree, or `null` when the item is not routed.
+ */
+function navItemUrlTree(router, item) {
+    if (item.routerLink == null) {
+        return null;
+    }
+    const commands = Array.isArray(item.routerLink)
+        ? [...item.routerLink]
+        : [item.routerLink];
+    return router.createUrlTree(commands, {
+        queryParams: item.queryParams,
+        fragment: item.fragment,
+    });
+}
+/**
+ * Whether the current router URL matches this item (cold load + navigations).
+ *
+ * @param router - Consumer app router.
+ * @param item - Nav item with a `routerLink`.
+ * @param options - Same shape as `RouterLinkActive` options.
+ * @returns True when the current URL matches the item.
+ */
+function isNavItemActive(router, item, options) {
+    const tree = navItemUrlTree(router, item);
+    if (!tree) {
+        return false;
+    }
+    return router.isActive(tree, options);
+}
+
+/**
+ * Whether a click should leave navigation to the browser (new tab, etc.).
+ * @param event - Mouse click from a routed nav control.
+ * @returns True when the host should not call `preventDefault` / navigate.
+ */
+function isModifiedClick(event) {
+    return (event.button !== 0 ||
+        event.metaKey ||
+        event.ctrlKey ||
+        event.shiftKey ||
+        event.altKey);
+}
+/**
+ * Serialized href for a routed nav item (for `<a href>` without RouterLink).
+ * @param router - App router.
+ * @param item - Nav item with `routerLink`.
+ * @returns Path string, or `null` when the item is not routed.
+ */
+function navItemHref(router, item) {
+    const tree = navItemUrlTree(router, item);
+    return tree ? router.serializeUrl(tree) : null;
+}
+/**
+ * Navigate to a nav item without jumping the viewport to the top.
+ *
+ * Apps that enable `withInMemoryScrolling({ scrollPositionRestoration:
+ * 'enabled' })` scroll to `[0, 0]` on every forward navigation. That is wrong
+ * for in-page tabs/segments. Passing `{ scroll: 'manual' }` tells Angular's
+ * RouterScroller to skip scrolling for this navigation.
+ *
+ * @param router - App router.
+ * @param item - Nav item with `routerLink`.
+ * @param keepScroll - When true (default for tabs/segments), skip router scroll.
+ * @returns Navigation promise, or `null` when the item is not routed.
+ */
+function navigateNavItem(router, item, keepScroll = true) {
+    const tree = navItemUrlTree(router, item);
+    if (!tree) {
+        return null;
+    }
+    return router.navigateByUrl(tree, keepScroll ? { scroll: 'manual' } : undefined);
+}
+
 /**
  * Marks projected content as the custom trigger for {@link ActionMenuComponent}.
  *
@@ -1358,6 +1436,9 @@ const MENU_PANEL_POSITIONS = [
  * clipped by table `overflow`. Default trigger is a ghost ellipsis button;
  * project a custom control with {@link ActionMenuTriggerDirective}.
  *
+ * Items with {@link AfricaniesMenuItem.routerLink} render as anchors so users
+ * can right-click / modified-click to open in a new tab.
+ *
  * @example
  * ```html
  * <!-- Default icon trigger (table row) -->
@@ -1373,7 +1454,12 @@ const MENU_PANEL_POSITIONS = [
  * ```ts
  * rowActions(row: Shipment): AfricaniesMenuItem[] {
  *   return [
- *     { label: 'Open', icon: 'eye', onClick: () => this.open(row) },
+ *     {
+ *       label: 'Open',
+ *       icon: 'eye',
+ *       routerLink: ['/shipments', row.id],
+ *       onClick: () => this.open(row),
+ *     },
  *     { label: 'Edit', icon: 'edit', onClick: () => this.edit(row) },
  *     {
  *       label: 'Delete',
@@ -1387,6 +1473,7 @@ const MENU_PANEL_POSITIONS = [
  * ```
  */
 class ActionMenuComponent {
+    router = inject(Router);
     panelPositions = MENU_PANEL_POSITIONS;
     panelRef = viewChild('panel', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "panelRef" }] : /* istanbul ignore next */ []));
@@ -1412,7 +1499,7 @@ class ActionMenuComponent {
     }
     itemClass(item, index) {
         const active = this.activeIndex() === index;
-        const base = 'flex w-full cursor-pointer items-center gap-2 px-3 py-2 text-body-sm transition-colors ' +
+        const base = 'flex w-full cursor-pointer items-center gap-2 px-3 py-2 text-body-sm no-underline transition-colors ' +
             'disabled:cursor-not-allowed disabled:opacity-50 ' +
             'focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-ink';
         if (item.danger) {
@@ -1426,6 +1513,9 @@ class ActionMenuComponent {
                 ? 'bg-background-welcome dark:bg-white/10'
                 : 'hover:bg-background-welcome dark:hover:bg-white/10'));
     }
+    hrefFor(item) {
+        return navItemHref(this.router, item);
+    }
     onTriggerClick(event) {
         event.preventDefault();
         event.stopPropagation();
@@ -1500,11 +1590,35 @@ class ActionMenuComponent {
     onOverlayDetach() {
         this.open.set(false);
     }
+    /**
+     * Primary click on a routed item: in-app activate via {@link onClick} or
+     * router. Modified clicks keep native link behaviour (new tab).
+     */
+    onRoutedItemClick(event, item) {
+        if (item.disabled) {
+            event.preventDefault();
+            return;
+        }
+        if (isModifiedClick(event)) {
+            this.close();
+            return;
+        }
+        event.preventDefault();
+        this.activateItem(item);
+    }
     selectItem(item) {
         if (item.disabled) {
             return;
         }
-        item.onClick();
+        this.activateItem(item);
+    }
+    activateItem(item) {
+        if (item.onClick) {
+            item.onClick();
+        }
+        else if (item.routerLink != null) {
+            void navigateNavItem(this.router, item, false);
+        }
         this.close();
     }
     toggle() {
@@ -1606,20 +1720,41 @@ class ActionMenuComponent {
               role="separator"
             ></div>
           }
-          <button
-            type="button"
-            role="menuitem"
-            [id]="itemDomId(i)"
-            [class]="itemClass(item, i)"
-            [disabled]="!!item.disabled"
-            (click)="selectItem(item)"
-            (mouseenter)="activeIndex.set(i)"
-          >
-            @if (item.icon; as icon) {
-              <africanies-icon [name]="icon" [size]="16" class="shrink-0" />
-            }
-            <span class="min-w-0 flex-1 truncate text-left">{{ item.label }}</span>
-          </button>
+          @if (item.routerLink !== null && item.routerLink !== undefined) {
+            <a
+              role="menuitem"
+              [id]="itemDomId(i)"
+              [class]="itemClass(item, i)"
+              [attr.href]="item.disabled ? null : hrefFor(item)"
+              [attr.aria-disabled]="item.disabled ? true : null"
+              (click)="onRoutedItemClick($event, item)"
+              (mouseenter)="activeIndex.set(i)"
+            >
+              @if (item.icon; as icon) {
+                <africanies-icon [name]="icon" [size]="16" class="shrink-0" />
+              }
+              <span class="min-w-0 flex-1 truncate text-left">{{
+                item.label
+              }}</span>
+            </a>
+          } @else {
+            <button
+              type="button"
+              role="menuitem"
+              [id]="itemDomId(i)"
+              [class]="itemClass(item, i)"
+              [disabled]="!!item.disabled"
+              (click)="selectItem(item)"
+              (mouseenter)="activeIndex.set(i)"
+            >
+              @if (item.icon; as icon) {
+                <africanies-icon [name]="icon" [size]="16" class="shrink-0" />
+              }
+              <span class="min-w-0 flex-1 truncate text-left">{{
+                item.label
+              }}</span>
+            </button>
+          }
         }
       </div>
     </ng-template>
@@ -1702,20 +1837,41 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
               role="separator"
             ></div>
           }
-          <button
-            type="button"
-            role="menuitem"
-            [id]="itemDomId(i)"
-            [class]="itemClass(item, i)"
-            [disabled]="!!item.disabled"
-            (click)="selectItem(item)"
-            (mouseenter)="activeIndex.set(i)"
-          >
-            @if (item.icon; as icon) {
-              <africanies-icon [name]="icon" [size]="16" class="shrink-0" />
-            }
-            <span class="min-w-0 flex-1 truncate text-left">{{ item.label }}</span>
-          </button>
+          @if (item.routerLink !== null && item.routerLink !== undefined) {
+            <a
+              role="menuitem"
+              [id]="itemDomId(i)"
+              [class]="itemClass(item, i)"
+              [attr.href]="item.disabled ? null : hrefFor(item)"
+              [attr.aria-disabled]="item.disabled ? true : null"
+              (click)="onRoutedItemClick($event, item)"
+              (mouseenter)="activeIndex.set(i)"
+            >
+              @if (item.icon; as icon) {
+                <africanies-icon [name]="icon" [size]="16" class="shrink-0" />
+              }
+              <span class="min-w-0 flex-1 truncate text-left">{{
+                item.label
+              }}</span>
+            </a>
+          } @else {
+            <button
+              type="button"
+              role="menuitem"
+              [id]="itemDomId(i)"
+              [class]="itemClass(item, i)"
+              [disabled]="!!item.disabled"
+              (click)="selectItem(item)"
+              (mouseenter)="activeIndex.set(i)"
+            >
+              @if (item.icon; as icon) {
+                <africanies-icon [name]="icon" [size]="16" class="shrink-0" />
+              }
+              <span class="min-w-0 flex-1 truncate text-left">{{
+                item.label
+              }}</span>
+            </button>
+          }
         }
       </div>
     </ng-template>
@@ -2384,6 +2540,128 @@ function isEmptyData(data) {
  * {@link AsyncStateComponent}) around tables and resource views.
  */
 
+/**
+ * Bordered expandable panel with animated fold — the pattern used on
+ * Manifest detail and Make Payment review.
+ *
+ * Parent owns open state via {@link open} (`model()` / `[(open)]`).
+ *
+ * @example
+ * ```html
+ * <africanies-accordion
+ *   title="Customer Information"
+ *   [open]="isOpen('customer')"
+ *   (openChange)="onOpenChange('customer', $event)"
+ * >
+ *   <dl>…</dl>
+ * </africanies-accordion>
+ * ```
+ */
+class AccordionComponent {
+    /** Plain-text header. Prefer projected `[africaniesAccordionTitle]` for rich titles. */
+    title = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
+    /** Whether the panel body is expanded. */
+    open = model(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
+    /** Padding / chevron density. */
+    size = input('md', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    chevronSize = computed(() => this.size() === 'sm' ? 14 : 16, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "chevronSize" }] : /* istanbul ignore next */ []));
+    shellClass = computed(() => this.size() === 'sm'
+        ? 'rounded-lg border border-border dark:border-white/10'
+        : 'rounded-xl border border-border dark:border-white/10', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "shellClass" }] : /* istanbul ignore next */ []));
+    triggerClass = computed(() => this.size() === 'sm'
+        ? 'flex w-full items-center justify-between gap-3 px-3 py-2 text-left text-ink dark:text-white'
+        : 'flex w-full items-center justify-between gap-3 px-4 py-3 text-left text-ink dark:text-white', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "triggerClass" }] : /* istanbul ignore next */ []));
+    bodyClass = computed(() => this.size() === 'sm'
+        ? 'border-t border-border px-3 py-2 dark:border-white/10'
+        : 'border-t border-border px-4 py-3 dark:border-white/10', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "bodyClass" }] : /* istanbul ignore next */ []));
+    toggle() {
+        this.open.update((value) => !value);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AccordionComponent, isStandalone: true, selector: "africanies-accordion", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange" }, host: { classAttribute: "block" }, ngImport: i0, template: `
+    <div [class]="shellClass()">
+      <button
+        type="button"
+        [class]="triggerClass()"
+        [attr.aria-expanded]="open()"
+        (click)="toggle()"
+      >
+        <span class="min-w-0 flex-1 font-medium">
+          <ng-content select="[africaniesAccordionTitle]" />
+          @if (title()) {
+            {{ title() }}
+          }
+        </span>
+        <africanies-icon
+          name="chevron-down"
+          class="shrink-0 transition-transform duration-200"
+          [class.rotate-180]="open()"
+          [size]="chevronSize()"
+        />
+      </button>
+      <div
+        class="africanies-accordion-fold"
+        [class.africanies-accordion-fold-open]="open()"
+      >
+        <div class="africanies-accordion-fold-body">
+          <div [class]="bodyClass()">
+            <ng-content />
+          </div>
+        </div>
+      </div>
+    </div>
+  `, isInline: true, styles: [".africanies-accordion-fold{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s ease}.africanies-accordion-fold-open{grid-template-rows:1fr}.africanies-accordion-fold-body{min-height:0;overflow:hidden}@media(prefers-reduced-motion:reduce){.africanies-accordion-fold{transition:none}}\n"], dependencies: [{ kind: "component", type: AfricaniesIconComponent, selector: "africanies-icon", inputs: ["name", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AccordionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'africanies-accordion', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [AfricaniesIconComponent], host: {
+                        class: 'block',
+                    }, template: `
+    <div [class]="shellClass()">
+      <button
+        type="button"
+        [class]="triggerClass()"
+        [attr.aria-expanded]="open()"
+        (click)="toggle()"
+      >
+        <span class="min-w-0 flex-1 font-medium">
+          <ng-content select="[africaniesAccordionTitle]" />
+          @if (title()) {
+            {{ title() }}
+          }
+        </span>
+        <africanies-icon
+          name="chevron-down"
+          class="shrink-0 transition-transform duration-200"
+          [class.rotate-180]="open()"
+          [size]="chevronSize()"
+        />
+      </button>
+      <div
+        class="africanies-accordion-fold"
+        [class.africanies-accordion-fold-open]="open()"
+      >
+        <div class="africanies-accordion-fold-body">
+          <div [class]="bodyClass()">
+            <ng-content />
+          </div>
+        </div>
+      </div>
+    </div>
+  `, styles: [".africanies-accordion-fold{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s ease}.africanies-accordion-fold-open{grid-template-rows:1fr}.africanies-accordion-fold-body{min-height:0;overflow:hidden}@media(prefers-reduced-motion:reduce){.africanies-accordion-fold{transition:none}}\n"] }]
+        }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
+
+/**
+ * Expandable bordered panels (`africanies-accordion`).
+ */
+
 const DEFAULT_ICONS = {
     info: 'info-circle',
     success: 'check-circle',
@@ -12925,84 +13203,6 @@ function finalizeLeaf(crumbs, path) {
     return crumbs;
 }
 
-/**
- * Builds a {@link UrlTree} for an item’s `routerLink` / query / fragment.
- *
- * @param router - Consumer app router.
- * @param item - Nav item with a `routerLink`.
- * @returns UrlTree, or `null` when the item is not routed.
- */
-function navItemUrlTree(router, item) {
-    if (item.routerLink == null) {
-        return null;
-    }
-    const commands = Array.isArray(item.routerLink)
-        ? [...item.routerLink]
-        : [item.routerLink];
-    return router.createUrlTree(commands, {
-        queryParams: item.queryParams,
-        fragment: item.fragment,
-    });
-}
-/**
- * Whether the current router URL matches this item (cold load + navigations).
- *
- * @param router - Consumer app router.
- * @param item - Nav item with a `routerLink`.
- * @param options - Same shape as `RouterLinkActive` options.
- * @returns True when the current URL matches the item.
- */
-function isNavItemActive(router, item, options) {
-    const tree = navItemUrlTree(router, item);
-    if (!tree) {
-        return false;
-    }
-    return router.isActive(tree, options);
-}
-
-/**
- * Whether a click should leave navigation to the browser (new tab, etc.).
- * @param event - Mouse click from a routed nav control.
- * @returns True when the host should not call `preventDefault` / navigate.
- */
-function isModifiedClick(event) {
-    return (event.button !== 0 ||
-        event.metaKey ||
-        event.ctrlKey ||
-        event.shiftKey ||
-        event.altKey);
-}
-/**
- * Serialized href for a routed nav item (for `<a href>` without RouterLink).
- * @param router - App router.
- * @param item - Nav item with `routerLink`.
- * @returns Path string, or `null` when the item is not routed.
- */
-function navItemHref(router, item) {
-    const tree = navItemUrlTree(router, item);
-    return tree ? router.serializeUrl(tree) : null;
-}
-/**
- * Navigate to a nav item without jumping the viewport to the top.
- *
- * Apps that enable `withInMemoryScrolling({ scrollPositionRestoration:
- * 'enabled' })` scroll to `[0, 0]` on every forward navigation. That is wrong
- * for in-page tabs/segments. Passing `{ scroll: 'manual' }` tells Angular's
- * RouterScroller to skip scrolling for this navigation.
- *
- * @param router - App router.
- * @param item - Nav item with `routerLink`.
- * @param keepScroll - When true (default for tabs/segments), skip router scroll.
- * @returns Navigation promise, or `null` when the item is not routed.
- */
-function navigateNavItem(router, item, keepScroll = true) {
-    const tree = navItemUrlTree(router, item);
-    if (!tree) {
-        return null;
-    }
-    return router.navigateByUrl(tree, keepScroll ? { scroll: 'manual' } : undefined);
-}
-
 const DEFAULT_LINK_ACTIVE$2 = {
     paths: 'exact',
     queryParams: 'exact',
@@ -18763,6 +18963,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
         }] });
 
 const FEEDBACK = [
+    AccordionComponent,
     LoadingStateComponent,
     ErrorStateComponent,
     ErrorIndicatorComponent,
@@ -18772,7 +18973,7 @@ const FEEDBACK = [
     ChipComponent,
 ];
 /**
- * Async feedback states, inline alert, and status chips.
+ * Async feedback states, accordion panels, inline alert, and status chips.
  *
  * Toast stays out of this module — register {@link provideAfricaniesToasts} instead.
  *
@@ -18786,13 +18987,15 @@ const FEEDBACK = [
  */
 class AfricaniesFeedbackModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AfricaniesFeedbackModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: AfricaniesFeedbackModule, imports: [LoadingStateComponent,
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: AfricaniesFeedbackModule, imports: [AccordionComponent,
+            LoadingStateComponent,
             ErrorStateComponent,
             ErrorIndicatorComponent,
             EmptyStateComponent,
             AsyncStateComponent,
             AlertComponent,
-            ChipComponent], exports: [LoadingStateComponent,
+            ChipComponent], exports: [AccordionComponent,
+            LoadingStateComponent,
             ErrorStateComponent,
             ErrorIndicatorComponent,
             EmptyStateComponent,
@@ -19084,5 +19287,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AFRICANIES_BRAND_LOGO_MINI_URL, AFRICANIES_BRAND_LOGO_URL, ActionMenuComponent, ActionMenuTriggerDirective, AddressInputComponent, AfricaniesActionsModule, AfricaniesFeedbackModule, AfricaniesFormsModule, AfricaniesInfoPopoverModule, AfricaniesNavigationModule, AfricaniesOverlayRef, AfricaniesStepperModule, AfricaniesTableModule, AfricaniesTooltipModule, AlertComponent, AppShellComponent, AppShellContentHeaderComponent, AppShellHeaderComponent, AppShellHeaderEndDirective, AppShellHeaderSlotDirective, AppShellHeaderStartDirective, AsyncStateComponent, AvatarComponent, AvatarMenuComponent, BrandLogoComponent, BreadcrumbComponent, ButtonComponent, CarrierLogoComponent, CellDefDirective, CheckboxComponent, ChipComponent, ConfirmDialogComponent, ConfirmService, ContentStackComponent, CopyButtonComponent, DatePickerComponent, DrawerService, EmptyStateComponent, ErrorIndicatorComponent, ErrorStateComponent, FileUploadComponent, FilterDrawerPanel, FilterDrawerService, FilterQueryService, GOOGLE_PLACES_CONFIG, GooglePlacesService, HeaderCellDefDirective, ImageComponent, InfoPopoverComponent, InfoPopoverContentDirective, InfoPopoverTriggerDirective, LoadingStateComponent, MODAL_SIZE_PANEL_CLASS, ModalService, NotificationDrawerPanel, NotificationDrawerService, NumberInputComponent, OVERLAY_DATA, OtpInputComponent, OverlayFooterDirective, OverlayFrameComponent, OverlayHeaderDirective, PageHeaderComponent, PaginationComponent, RadioComponent, RowDetailDefDirective, SearchComboboxComponent, SegmentComponent, SelectComponent, ShippingModeSwitchComponent, SideNavComponent, StepDefDirective, StepperComponent, TOAST_DURATION_MS, TOAST_ICONS, TabDefDirective, TableComponent, TabsComponent, TextInputComponent, TextareaComponent, ToastService, ToggleComponent, TooltipComponent, TooltipTriggerDirective, acceptLabels, buildBreadcrumbsFromSideNav, deliveryVendorOptionsForStoredValue, deliveryVendorSelectOptions, deliveryVendorSelected, fileExtensionLabel, fileMatchesAccept, headerGreetingFirstName, headerGreetingPeriod, isCatalogRootRoute, isNavItemActive, isNestedChildRoute, navItemUrlTree, normalizeCarrierLogoSlug, normalizeNavPath, pickHeaderGreeting, provideAfricaniesToasts, provideAfricaniesUiOverlays, provideGooglePlaces, resolveCatalogRootLink, resolveContentBackTarget, resolveHeaderBackTarget, resolveParentPathFromRootSnapshot, toastFingerprint };
+export { AFRICANIES_BRAND_LOGO_MINI_URL, AFRICANIES_BRAND_LOGO_URL, AccordionComponent, ActionMenuComponent, ActionMenuTriggerDirective, AddressInputComponent, AfricaniesActionsModule, AfricaniesFeedbackModule, AfricaniesFormsModule, AfricaniesInfoPopoverModule, AfricaniesNavigationModule, AfricaniesOverlayRef, AfricaniesStepperModule, AfricaniesTableModule, AfricaniesTooltipModule, AlertComponent, AppShellComponent, AppShellContentHeaderComponent, AppShellHeaderComponent, AppShellHeaderEndDirective, AppShellHeaderSlotDirective, AppShellHeaderStartDirective, AsyncStateComponent, AvatarComponent, AvatarMenuComponent, BrandLogoComponent, BreadcrumbComponent, ButtonComponent, CarrierLogoComponent, CellDefDirective, CheckboxComponent, ChipComponent, ConfirmDialogComponent, ConfirmService, ContentStackComponent, CopyButtonComponent, DatePickerComponent, DrawerService, EmptyStateComponent, ErrorIndicatorComponent, ErrorStateComponent, FileUploadComponent, FilterDrawerPanel, FilterDrawerService, FilterQueryService, GOOGLE_PLACES_CONFIG, GooglePlacesService, HeaderCellDefDirective, ImageComponent, InfoPopoverComponent, InfoPopoverContentDirective, InfoPopoverTriggerDirective, LoadingStateComponent, MODAL_SIZE_PANEL_CLASS, ModalService, NotificationDrawerPanel, NotificationDrawerService, NumberInputComponent, OVERLAY_DATA, OtpInputComponent, OverlayFooterDirective, OverlayFrameComponent, OverlayHeaderDirective, PageHeaderComponent, PaginationComponent, RadioComponent, RowDetailDefDirective, SearchComboboxComponent, SegmentComponent, SelectComponent, ShippingModeSwitchComponent, SideNavComponent, StepDefDirective, StepperComponent, TOAST_DURATION_MS, TOAST_ICONS, TabDefDirective, TableComponent, TabsComponent, TextInputComponent, TextareaComponent, ToastService, ToggleComponent, TooltipComponent, TooltipTriggerDirective, acceptLabels, buildBreadcrumbsFromSideNav, deliveryVendorOptionsForStoredValue, deliveryVendorSelectOptions, deliveryVendorSelected, fileExtensionLabel, fileMatchesAccept, headerGreetingFirstName, headerGreetingPeriod, isCatalogRootRoute, isNavItemActive, isNestedChildRoute, navItemUrlTree, normalizeCarrierLogoSlug, normalizeNavPath, pickHeaderGreeting, provideAfricaniesToasts, provideAfricaniesUiOverlays, provideGooglePlaces, resolveCatalogRootLink, resolveContentBackTarget, resolveHeaderBackTarget, resolveParentPathFromRootSnapshot, toastFingerprint };
 //# sourceMappingURL=africanies-africanies-ui.mjs.map