@frame-ui-ng/components 0.1.0-beta.0 → 0.2.0-beta.0

package/fesm2022/frame-ui-ng-components-toast.mjs

@@ -164,77 +164,82 @@ class FrToastViewport {
         this.toast.dismiss(toast.id);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrToastViewport, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: FrToastViewport, isStandalone: true, selector: "frame-toast-viewport", inputs: { strategy: { classPropertyName: "strategy", publicName: "strategy", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, politeness: { classPropertyName: "politeness", publicName: "politeness", isSignal: true, isRequired: false, transformFunction: null }, closeIcon: { classPropertyName: "closeIcon", publicName: "closeIcon", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-strategy": "strategy()", "attr.aria-live": "politeness()", "attr.aria-label": "label()" }, classAttribute: "frame-toast-viewport" }, exportAs: ["frToastViewport"], ngImport: i0, template: `
-    @for (position of positions; track position) {
-      @let positionToasts = groupedToasts().get(position) ?? [];
-
-      @if (positionToasts.length > 0) {
-        <section class="frame-toast__group" [attr.data-position]="position">
-          @for (toast of positionToasts; track toast.id) {
-            <article
-              class="frame-toast"
-              [attr.data-variant]="toast.variant"
-              [attr.data-loading]="toast.loading"
-              [attr.data-dismissible]="toast.dismissible"
-              [attr.data-has-description]="toast.description ? 'true' : 'false'"
-              [attr.data-has-action]="toast.action ? 'true' : 'false'"
-              [attr.data-state]="toast.state"
-              data-token-target="toast-root"
-            >
-              @if (toast.loading) {
-                <span
-                  frSpinner
-                  class="frame-toast__loader"
-                  decorative
-                  size="sm"
-                  data-token-target="toast-loader"
-                ></span>
-              } @else {
-                <span class="frame-toast__status" aria-hidden="true" data-token-target="toast-status"></span>
-              }
-
-              <div class="frame-toast__content" data-token-target="toast-content">
-                <h2 class="frame-toast__title" data-token-target="toast-title">{{ toast.title }}</h2>
-
-                @if (toast.description) {
-                  <p class="frame-toast__description" data-token-target="toast-description">
-                    {{ toast.description }}
-                  </p>
-                }
-              </div>
-
-              @if (toast.action) {
-                <button
-                  class="frame-toast__action"
-                  type="button"
-                  [attr.aria-label]="toast.action.altText ?? toast.action.label"
-                  (click)="runAction(toast)"
-                  data-token-target="toast-action"
-                >
-                  {{ toast.action.label }}
-                </button>
-              }
-
-              @if (toast.dismissible && !toast.action) {
-                <button
-                  class="frame-toast__close"
-                  type="button"
-                  aria-label="Dismiss notification"
-                  (click)="dismiss(toast.id)"
-                  data-token-target="toast-close"
-                >
-                  @if (closeIcon(); as iconTemplate) {
-                    <ng-container [ngTemplateOutlet]="iconTemplate" />
-                  } @else {
-                    <span aria-hidden="true">x</span>
-                  }
-                </button>
-              }
-            </article>
-          }
-        </section>
-      }
-    }
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: FrToastViewport, isStandalone: true, selector: "frame-toast-viewport", inputs: { strategy: { classPropertyName: "strategy", publicName: "strategy", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, politeness: { classPropertyName: "politeness", publicName: "politeness", isSignal: true, isRequired: false, transformFunction: null }, closeIcon: { classPropertyName: "closeIcon", publicName: "closeIcon", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-strategy": "strategy()", "attr.aria-live": "politeness()", "attr.aria-label": "label()" }, classAttribute: "frame-toast-viewport" }, exportAs: ["frToastViewport"], ngImport: i0, template: `
+    @for (position of positions; track position) {
+      @let positionToasts = groupedToasts().get(position) ?? [];
+
+      @if (positionToasts.length > 0) {
+        <section
+          class="frame-toast__group"
+          [attr.data-position]="position"
+          [style.--frame-toast-count]="positionToasts.length"
+        >
+          @for (toast of positionToasts; track toast.id; let toastIndex = $index) {
+            <article
+              class="frame-toast"
+              [attr.data-variant]="toast.variant"
+              [attr.data-loading]="toast.loading"
+              [attr.data-dismissible]="toast.dismissible"
+              [attr.data-has-description]="toast.description ? 'true' : 'false'"
+              [attr.data-has-action]="toast.action ? 'true' : 'false'"
+              [attr.data-state]="toast.state"
+              [style.--frame-toast-index]="toastIndex"
+              data-token-target="toast-root"
+            >
+              @if (toast.loading) {
+                <span
+                  frSpinner
+                  class="frame-toast__loader"
+                  decorative
+                  size="sm"
+                  data-token-target="toast-loader"
+                ></span>
+              } @else {
+                <span class="frame-toast__status" aria-hidden="true" data-token-target="toast-status"></span>
+              }
+
+              <div class="frame-toast__content" data-token-target="toast-content">
+                <h2 class="frame-toast__title" data-token-target="toast-title">{{ toast.title }}</h2>
+
+                @if (toast.description) {
+                  <p class="frame-toast__description" data-token-target="toast-description">
+                    {{ toast.description }}
+                  </p>
+                }
+              </div>
+
+              @if (toast.action) {
+                <button
+                  class="frame-toast__action"
+                  type="button"
+                  [attr.aria-label]="toast.action.altText ?? toast.action.label"
+                  (click)="runAction(toast)"
+                  data-token-target="toast-action"
+                >
+                  {{ toast.action.label }}
+                </button>
+              }
+
+              @if (toast.dismissible && !toast.action) {
+                <button
+                  class="frame-toast__close"
+                  type="button"
+                  aria-label="Dismiss notification"
+                  (click)="dismiss(toast.id)"
+                  data-token-target="toast-close"
+                >
+                  @if (closeIcon(); as iconTemplate) {
+                    <ng-container [ngTemplateOutlet]="iconTemplate" />
+                  } @else {
+                    <span aria-hidden="true">x</span>
+                  }
+                </button>
+              }
+            </article>
+          }
+        </section>
+      }
+    }
   `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: FrSpinner, selector: "[frSpinner], frame-spinner", inputs: ["sizeValue", "decorative", "duration", "label", "size", "stroke"], exportAs: ["frSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrToastViewport, decorators: [{
@@ -250,77 +255,82 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
                     },
                     imports: [NgTemplateOutlet, FrSpinner],
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: `
-    @for (position of positions; track position) {
-      @let positionToasts = groupedToasts().get(position) ?? [];
-
-      @if (positionToasts.length > 0) {
-        <section class="frame-toast__group" [attr.data-position]="position">
-          @for (toast of positionToasts; track toast.id) {
-            <article
-              class="frame-toast"
-              [attr.data-variant]="toast.variant"
-              [attr.data-loading]="toast.loading"
-              [attr.data-dismissible]="toast.dismissible"
-              [attr.data-has-description]="toast.description ? 'true' : 'false'"
-              [attr.data-has-action]="toast.action ? 'true' : 'false'"
-              [attr.data-state]="toast.state"
-              data-token-target="toast-root"
-            >
-              @if (toast.loading) {
-                <span
-                  frSpinner
-                  class="frame-toast__loader"
-                  decorative
-                  size="sm"
-                  data-token-target="toast-loader"
-                ></span>
-              } @else {
-                <span class="frame-toast__status" aria-hidden="true" data-token-target="toast-status"></span>
-              }
-
-              <div class="frame-toast__content" data-token-target="toast-content">
-                <h2 class="frame-toast__title" data-token-target="toast-title">{{ toast.title }}</h2>
-
-                @if (toast.description) {
-                  <p class="frame-toast__description" data-token-target="toast-description">
-                    {{ toast.description }}
-                  </p>
-                }
-              </div>
-
-              @if (toast.action) {
-                <button
-                  class="frame-toast__action"
-                  type="button"
-                  [attr.aria-label]="toast.action.altText ?? toast.action.label"
-                  (click)="runAction(toast)"
-                  data-token-target="toast-action"
-                >
-                  {{ toast.action.label }}
-                </button>
-              }
-
-              @if (toast.dismissible && !toast.action) {
-                <button
-                  class="frame-toast__close"
-                  type="button"
-                  aria-label="Dismiss notification"
-                  (click)="dismiss(toast.id)"
-                  data-token-target="toast-close"
-                >
-                  @if (closeIcon(); as iconTemplate) {
-                    <ng-container [ngTemplateOutlet]="iconTemplate" />
-                  } @else {
-                    <span aria-hidden="true">x</span>
-                  }
-                </button>
-              }
-            </article>
-          }
-        </section>
-      }
-    }
+                    template: `
+    @for (position of positions; track position) {
+      @let positionToasts = groupedToasts().get(position) ?? [];
+
+      @if (positionToasts.length > 0) {
+        <section
+          class="frame-toast__group"
+          [attr.data-position]="position"
+          [style.--frame-toast-count]="positionToasts.length"
+        >
+          @for (toast of positionToasts; track toast.id; let toastIndex = $index) {
+            <article
+              class="frame-toast"
+              [attr.data-variant]="toast.variant"
+              [attr.data-loading]="toast.loading"
+              [attr.data-dismissible]="toast.dismissible"
+              [attr.data-has-description]="toast.description ? 'true' : 'false'"
+              [attr.data-has-action]="toast.action ? 'true' : 'false'"
+              [attr.data-state]="toast.state"
+              [style.--frame-toast-index]="toastIndex"
+              data-token-target="toast-root"
+            >
+              @if (toast.loading) {
+                <span
+                  frSpinner
+                  class="frame-toast__loader"
+                  decorative
+                  size="sm"
+                  data-token-target="toast-loader"
+                ></span>
+              } @else {
+                <span class="frame-toast__status" aria-hidden="true" data-token-target="toast-status"></span>
+              }
+
+              <div class="frame-toast__content" data-token-target="toast-content">
+                <h2 class="frame-toast__title" data-token-target="toast-title">{{ toast.title }}</h2>
+
+                @if (toast.description) {
+                  <p class="frame-toast__description" data-token-target="toast-description">
+                    {{ toast.description }}
+                  </p>
+                }
+              </div>
+
+              @if (toast.action) {
+                <button
+                  class="frame-toast__action"
+                  type="button"
+                  [attr.aria-label]="toast.action.altText ?? toast.action.label"
+                  (click)="runAction(toast)"
+                  data-token-target="toast-action"
+                >
+                  {{ toast.action.label }}
+                </button>
+              }
+
+              @if (toast.dismissible && !toast.action) {
+                <button
+                  class="frame-toast__close"
+                  type="button"
+                  aria-label="Dismiss notification"
+                  (click)="dismiss(toast.id)"
+                  data-token-target="toast-close"
+                >
+                  @if (closeIcon(); as iconTemplate) {
+                    <ng-container [ngTemplateOutlet]="iconTemplate" />
+                  } @else {
+                    <span aria-hidden="true">x</span>
+                  }
+                </button>
+              }
+            </article>
+          }
+        </section>
+      }
+    }
   `,
                 }]
         }], propDecorators: { strategy: [{ type: i0.Input, args: [{ isSignal: true, alias: "strategy", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], politeness: [{ type: i0.Input, args: [{ isSignal: true, alias: "politeness", required: false }] }], closeIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeIcon", required: false }] }] } });

package/fesm2022/frame-ui-ng-components-toast.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"frame-ui-ng-components-toast.mjs","sources":["../../../projects/components/toast/src/toast.service.ts","../../../projects/components/toast/src/toast.types.ts","../../../projects/components/toast/src/toast.ts","../../../projects/components/toast/toast.module.ts","../../../projects/components/toast/frame-ui-ng-components-toast.ts"],"sourcesContent":["import { Injectable, computed, signal } from '@angular/core';\n\nimport { FrToastOptions, FrToastRecord, FrToastVariant } from './toast.types';\n\nconst DEFAULT_DURATION = 4000;\nconst DISMISS_ANIMATION_DURATION = 180;\nlet nextToastId = 0;\n\n@Injectable({ providedIn: 'root' })\nexport class FrToastService {\n  private readonly timers = new Map<string, ReturnType<typeof setTimeout>>();\n  private readonly removalTimers = new Map<string, ReturnType<typeof setTimeout>>();\n  private readonly toastRecords = signal<FrToastRecord[]>([]);\n\n  readonly toasts = computed(() => this.toastRecords());\n\n  show(title: string, options?: Omit<FrToastOptions, 'title'>): string;\n  show(options: FrToastOptions): string;\n  show(titleOrOptions: string | FrToastOptions, options: Omit<FrToastOptions, 'title'> = {}): string {\n    const toast = this.createToast(titleOrOptions, options);\n\n    this.clearRemovalTimer(toast.id);\n    this.toastRecords.update((toasts) => [toast, ...toasts.filter((item) => item.id !== toast.id)]);\n    this.scheduleDismiss(toast);\n\n    return toast.id;\n  }\n\n  success(title: string, options: Omit<FrToastOptions, 'title' | 'variant'> = {}): string {\n    return this.show(title, { ...options, variant: 'success' });\n  }\n\n  info(title: string, options: Omit<FrToastOptions, 'title' | 'variant'> = {}): string {\n    return this.show(title, { ...options, variant: 'info' });\n  }\n\n  warning(title: string, options: Omit<FrToastOptions, 'title' | 'variant'> = {}): string {\n    return this.show(title, { ...options, variant: 'warning' });\n  }\n\n  error(title: string, options: Omit<FrToastOptions, 'title' | 'variant'> = {}): string {\n    return this.show(title, { ...options, variant: 'error' });\n  }\n\n  loading(title: string, options: Omit<FrToastOptions, 'title' | 'variant' | 'loading'> = {}): string {\n    return this.show(title, { ...options, variant: 'loading', loading: true, duration: options.duration ?? 0 });\n  }\n\n  update(id: string, options: Partial<Omit<FrToastOptions, 'id'>>): void {\n    let updatedToast: FrToastRecord | undefined;\n\n    this.clearRemovalTimer(id);\n    this.toastRecords.update((toasts) =>\n      toasts.map((toast) => {\n        if (toast.id !== id) {\n          return toast;\n        }\n\n        updatedToast = {\n          ...toast,\n          ...options,\n          variant: options.variant ?? toast.variant,\n          loading: options.loading ?? toast.loading,\n          state: 'visible',\n        };\n\n        return updatedToast;\n      }),\n    );\n\n    if (updatedToast) {\n      this.scheduleDismiss(updatedToast);\n    }\n  }\n\n  dismiss(id: string): void {\n    this.clearTimer(id);\n\n    let shouldRemove = false;\n\n    this.toastRecords.update((toasts) =>\n      toasts.map((toast) => {\n        if (toast.id !== id) {\n          return toast;\n        }\n\n        if (toast.state === 'dismissing') {\n          return toast;\n        }\n\n        shouldRemove = true;\n        return { ...toast, state: 'dismissing' };\n      }),\n    );\n\n    if (!shouldRemove) {\n      return;\n    }\n\n    this.removalTimers.set(\n      id,\n      setTimeout(() => {\n        this.removalTimers.delete(id);\n        this.toastRecords.update((toasts) => toasts.filter((toast) => toast.id !== id));\n      }, DISMISS_ANIMATION_DURATION),\n    );\n  }\n\n  dismissAll(): void {\n    for (const id of this.timers.keys()) {\n      this.clearTimer(id);\n    }\n\n    for (const id of this.removalTimers.keys()) {\n      this.clearRemovalTimer(id);\n    }\n\n    this.toastRecords.set([]);\n  }\n\n  private createToast(\n    titleOrOptions: string | FrToastOptions,\n    options: Omit<FrToastOptions, 'title'>,\n  ): FrToastRecord {\n    const merged = typeof titleOrOptions === 'string'\n      ? { ...options, title: titleOrOptions }\n      : titleOrOptions;\n    const variant: FrToastVariant = merged.variant ?? (merged.loading ? 'loading' : 'default');\n\n    return {\n      id: merged.id ?? `frame-toast-${nextToastId++}`,\n      title: merged.title,\n      description: merged.description,\n      variant,\n      position: merged.position ?? 'bottom-right',\n      duration: merged.duration ?? (merged.loading || variant === 'loading' ? 0 : DEFAULT_DURATION),\n      dismissible: merged.dismissible ?? true,\n      action: merged.action,\n      loading: merged.loading ?? variant === 'loading',\n      createdAt: Date.now(),\n      state: 'visible',\n    };\n  }\n\n  private scheduleDismiss(toast: FrToastRecord): void {\n    this.clearTimer(toast.id);\n\n    if (!toast.duration || toast.duration <= 0) {\n      return;\n    }\n\n    this.timers.set(\n      toast.id,\n      setTimeout(() => this.dismiss(toast.id), toast.duration),\n    );\n  }\n\n  private clearTimer(id: string): void {\n    const timer = this.timers.get(id);\n\n    if (timer) {\n      clearTimeout(timer);\n      this.timers.delete(id);\n    }\n  }\n\n  private clearRemovalTimer(id: string): void {\n    const timer = this.removalTimers.get(id);\n\n    if (timer) {\n      clearTimeout(timer);\n      this.removalTimers.delete(id);\n    }\n  }\n}\n","export type FrToastVariant =\n  | 'default'\n  | 'success'\n  | 'info'\n  | 'warning'\n  | 'error'\n  | 'loading';\n\nexport type FrToastPosition =\n  | 'top-left'\n  | 'top-center'\n  | 'top-right'\n  | 'bottom-left'\n  | 'bottom-center'\n  | 'bottom-right';\n\nexport type FrToastAction = {\n  label: string;\n  altText?: string;\n  handler?: () => void;\n};\n\nexport type FrToastState = 'visible' | 'dismissing';\n\nexport type FrToastOptions = {\n  id?: string;\n  title: string;\n  description?: string;\n  variant?: FrToastVariant;\n  position?: FrToastPosition;\n  duration?: number;\n  dismissible?: boolean;\n  action?: FrToastAction;\n  loading?: boolean;\n};\n\nexport type FrToastRecord = Required<\n  Pick<FrToastOptions, 'id' | 'title' | 'variant' | 'position' | 'dismissible' | 'loading'>\n> &\n  Pick<FrToastOptions, 'description' | 'duration' | 'action'> & {\n    createdAt: number;\n    state: FrToastState;\n  };\n\nexport const FR_TOAST_POSITIONS: FrToastPosition[] = [\n  'top-left',\n  'top-center',\n  'top-right',\n  'bottom-left',\n  'bottom-center',\n  'bottom-right',\n];\n","import { NgTemplateOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, TemplateRef, computed, inject, input } from '@angular/core';\nimport { FrSpinner } from '@frame-ui-ng/components/spinner';\n\nimport { FrToastService } from './toast.service';\nimport { FR_TOAST_POSITIONS, FrToastPosition, FrToastRecord } from './toast.types';\n\n@Component({\n  selector: 'frame-toast-viewport',\n  exportAs: 'frToastViewport',\n  host: {\n    class: 'frame-toast-viewport',\n    '[attr.data-strategy]': 'strategy()',\n    '[attr.aria-live]': 'politeness()',\n    '[attr.aria-label]': 'label()',\n  },\n  imports: [NgTemplateOutlet, FrSpinner],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    @for (position of positions; track position) {\n      @let positionToasts = groupedToasts().get(position) ?? [];\n\n      @if (positionToasts.length > 0) {\n        <section class=\"frame-toast__group\" [attr.data-position]=\"position\">\n          @for (toast of positionToasts; track toast.id) {\n            <article\n              class=\"frame-toast\"\n              [attr.data-variant]=\"toast.variant\"\n              [attr.data-loading]=\"toast.loading\"\n              [attr.data-dismissible]=\"toast.dismissible\"\n              [attr.data-has-description]=\"toast.description ? 'true' : 'false'\"\n              [attr.data-has-action]=\"toast.action ? 'true' : 'false'\"\n              [attr.data-state]=\"toast.state\"\n              data-token-target=\"toast-root\"\n            >\n              @if (toast.loading) {\n                <span\n                  frSpinner\n                  class=\"frame-toast__loader\"\n                  decorative\n                  size=\"sm\"\n                  data-token-target=\"toast-loader\"\n                ></span>\n              } @else {\n                <span class=\"frame-toast__status\" aria-hidden=\"true\" data-token-target=\"toast-status\"></span>\n              }\n\n              <div class=\"frame-toast__content\" data-token-target=\"toast-content\">\n                <h2 class=\"frame-toast__title\" data-token-target=\"toast-title\">{{ toast.title }}</h2>\n\n                @if (toast.description) {\n                  <p class=\"frame-toast__description\" data-token-target=\"toast-description\">\n                    {{ toast.description }}\n                  </p>\n                }\n              </div>\n\n              @if (toast.action) {\n                <button\n                  class=\"frame-toast__action\"\n                  type=\"button\"\n                  [attr.aria-label]=\"toast.action.altText ?? toast.action.label\"\n                  (click)=\"runAction(toast)\"\n                  data-token-target=\"toast-action\"\n                >\n                  {{ toast.action.label }}\n                </button>\n              }\n\n              @if (toast.dismissible && !toast.action) {\n                <button\n                  class=\"frame-toast__close\"\n                  type=\"button\"\n                  aria-label=\"Dismiss notification\"\n                  (click)=\"dismiss(toast.id)\"\n                  data-token-target=\"toast-close\"\n                >\n                  @if (closeIcon(); as iconTemplate) {\n                    <ng-container [ngTemplateOutlet]=\"iconTemplate\" />\n                  } @else {\n                    <span aria-hidden=\"true\">x</span>\n                  }\n                </button>\n              }\n            </article>\n          }\n        </section>\n      }\n    }\n  `,\n})\nexport class FrToastViewport {\n  private readonly toast = inject(FrToastService);\n\n  readonly strategy = input<'fixed' | 'inline'>('fixed');\n  readonly label = input('Notifications');\n  readonly politeness = input<'polite' | 'assertive' | 'off'>('polite');\n  readonly closeIcon = input<TemplateRef<unknown> | null>(null);\n\n  protected readonly positions = FR_TOAST_POSITIONS;\n  protected readonly groupedToasts = computed(() => {\n    const groups = new Map<FrToastPosition, FrToastRecord[]>();\n\n    for (const toast of this.toast.toasts()) {\n      const toasts = groups.get(toast.position) ?? [];\n      toasts.push(toast);\n      groups.set(toast.position, toasts);\n    }\n\n    return groups;\n  });\n\n  protected dismiss(id: string): void {\n    this.toast.dismiss(id);\n  }\n\n  protected runAction(toast: FrToastRecord): void {\n    toast.action?.handler?.();\n    this.toast.dismiss(toast.id);\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { FrSpinner } from '@frame-ui-ng/components/spinner';\n\nimport { FrToastViewport } from './src/toast';\n\n@NgModule({\n  imports: [FrToastViewport, FrSpinner],\n  exports: [FrToastViewport],\n})\nexport class FrToastModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"frame-ui-ng-components-toast.mjs","sources":["../../../projects/components/toast/src/toast.service.ts","../../../projects/components/toast/src/toast.types.ts","../../../projects/components/toast/src/toast.ts","../../../projects/components/toast/toast.module.ts","../../../projects/components/toast/frame-ui-ng-components-toast.ts"],"sourcesContent":["import { Injectable, computed, signal } from '@angular/core';\n\nimport { FrToastOptions, FrToastRecord, FrToastVariant } from './toast.types';\n\nconst DEFAULT_DURATION = 4000;\nconst DISMISS_ANIMATION_DURATION = 180;\nlet nextToastId = 0;\n\n@Injectable({ providedIn: 'root' })\nexport class FrToastService {\n  private readonly timers = new Map<string, ReturnType<typeof setTimeout>>();\n  private readonly removalTimers = new Map<string, ReturnType<typeof setTimeout>>();\n  private readonly toastRecords = signal<FrToastRecord[]>([]);\n\n  readonly toasts = computed(() => this.toastRecords());\n\n  show(title: string, options?: Omit<FrToastOptions, 'title'>): string;\n  show(options: FrToastOptions): string;\n  show(titleOrOptions: string | FrToastOptions, options: Omit<FrToastOptions, 'title'> = {}): string {\n    const toast = this.createToast(titleOrOptions, options);\n\n    this.clearRemovalTimer(toast.id);\n    this.toastRecords.update((toasts) => [toast, ...toasts.filter((item) => item.id !== toast.id)]);\n    this.scheduleDismiss(toast);\n\n    return toast.id;\n  }\n\n  success(title: string, options: Omit<FrToastOptions, 'title' | 'variant'> = {}): string {\n    return this.show(title, { ...options, variant: 'success' });\n  }\n\n  info(title: string, options: Omit<FrToastOptions, 'title' | 'variant'> = {}): string {\n    return this.show(title, { ...options, variant: 'info' });\n  }\n\n  warning(title: string, options: Omit<FrToastOptions, 'title' | 'variant'> = {}): string {\n    return this.show(title, { ...options, variant: 'warning' });\n  }\n\n  error(title: string, options: Omit<FrToastOptions, 'title' | 'variant'> = {}): string {\n    return this.show(title, { ...options, variant: 'error' });\n  }\n\n  loading(title: string, options: Omit<FrToastOptions, 'title' | 'variant' | 'loading'> = {}): string {\n    return this.show(title, { ...options, variant: 'loading', loading: true, duration: options.duration ?? 0 });\n  }\n\n  update(id: string, options: Partial<Omit<FrToastOptions, 'id'>>): void {\n    let updatedToast: FrToastRecord | undefined;\n\n    this.clearRemovalTimer(id);\n    this.toastRecords.update((toasts) =>\n      toasts.map((toast) => {\n        if (toast.id !== id) {\n          return toast;\n        }\n\n        updatedToast = {\n          ...toast,\n          ...options,\n          variant: options.variant ?? toast.variant,\n          loading: options.loading ?? toast.loading,\n          state: 'visible',\n        };\n\n        return updatedToast;\n      }),\n    );\n\n    if (updatedToast) {\n      this.scheduleDismiss(updatedToast);\n    }\n  }\n\n  dismiss(id: string): void {\n    this.clearTimer(id);\n\n    let shouldRemove = false;\n\n    this.toastRecords.update((toasts) =>\n      toasts.map((toast) => {\n        if (toast.id !== id) {\n          return toast;\n        }\n\n        if (toast.state === 'dismissing') {\n          return toast;\n        }\n\n        shouldRemove = true;\n        return { ...toast, state: 'dismissing' };\n      }),\n    );\n\n    if (!shouldRemove) {\n      return;\n    }\n\n    this.removalTimers.set(\n      id,\n      setTimeout(() => {\n        this.removalTimers.delete(id);\n        this.toastRecords.update((toasts) => toasts.filter((toast) => toast.id !== id));\n      }, DISMISS_ANIMATION_DURATION),\n    );\n  }\n\n  dismissAll(): void {\n    for (const id of this.timers.keys()) {\n      this.clearTimer(id);\n    }\n\n    for (const id of this.removalTimers.keys()) {\n      this.clearRemovalTimer(id);\n    }\n\n    this.toastRecords.set([]);\n  }\n\n  private createToast(\n    titleOrOptions: string | FrToastOptions,\n    options: Omit<FrToastOptions, 'title'>,\n  ): FrToastRecord {\n    const merged = typeof titleOrOptions === 'string'\n      ? { ...options, title: titleOrOptions }\n      : titleOrOptions;\n    const variant: FrToastVariant = merged.variant ?? (merged.loading ? 'loading' : 'default');\n\n    return {\n      id: merged.id ?? `frame-toast-${nextToastId++}`,\n      title: merged.title,\n      description: merged.description,\n      variant,\n      position: merged.position ?? 'bottom-right',\n      duration: merged.duration ?? (merged.loading || variant === 'loading' ? 0 : DEFAULT_DURATION),\n      dismissible: merged.dismissible ?? true,\n      action: merged.action,\n      loading: merged.loading ?? variant === 'loading',\n      createdAt: Date.now(),\n      state: 'visible',\n    };\n  }\n\n  private scheduleDismiss(toast: FrToastRecord): void {\n    this.clearTimer(toast.id);\n\n    if (!toast.duration || toast.duration <= 0) {\n      return;\n    }\n\n    this.timers.set(\n      toast.id,\n      setTimeout(() => this.dismiss(toast.id), toast.duration),\n    );\n  }\n\n  private clearTimer(id: string): void {\n    const timer = this.timers.get(id);\n\n    if (timer) {\n      clearTimeout(timer);\n      this.timers.delete(id);\n    }\n  }\n\n  private clearRemovalTimer(id: string): void {\n    const timer = this.removalTimers.get(id);\n\n    if (timer) {\n      clearTimeout(timer);\n      this.removalTimers.delete(id);\n    }\n  }\n}\n","export type FrToastVariant =\n  | 'default'\n  | 'success'\n  | 'info'\n  | 'warning'\n  | 'error'\n  | 'loading';\n\nexport type FrToastPosition =\n  | 'top-left'\n  | 'top-center'\n  | 'top-right'\n  | 'bottom-left'\n  | 'bottom-center'\n  | 'bottom-right';\n\nexport type FrToastAction = {\n  label: string;\n  altText?: string;\n  handler?: () => void;\n};\n\nexport type FrToastState = 'visible' | 'dismissing';\n\nexport type FrToastOptions = {\n  id?: string;\n  title: string;\n  description?: string;\n  variant?: FrToastVariant;\n  position?: FrToastPosition;\n  duration?: number;\n  dismissible?: boolean;\n  action?: FrToastAction;\n  loading?: boolean;\n};\n\nexport type FrToastRecord = Required<\n  Pick<FrToastOptions, 'id' | 'title' | 'variant' | 'position' | 'dismissible' | 'loading'>\n> &\n  Pick<FrToastOptions, 'description' | 'duration' | 'action'> & {\n    createdAt: number;\n    state: FrToastState;\n  };\n\nexport const FR_TOAST_POSITIONS: FrToastPosition[] = [\n  'top-left',\n  'top-center',\n  'top-right',\n  'bottom-left',\n  'bottom-center',\n  'bottom-right',\n];\n","import { NgTemplateOutlet } from '@angular/common';\r\nimport { ChangeDetectionStrategy, Component, TemplateRef, computed, inject, input } from '@angular/core';\r\nimport { FrSpinner } from '@frame-ui-ng/components/spinner';\r\n\r\nimport { FrToastService } from './toast.service';\r\nimport { FR_TOAST_POSITIONS, FrToastPosition, FrToastRecord } from './toast.types';\r\n\r\n@Component({\r\n  selector: 'frame-toast-viewport',\r\n  exportAs: 'frToastViewport',\r\n  host: {\r\n    class: 'frame-toast-viewport',\r\n    '[attr.data-strategy]': 'strategy()',\r\n    '[attr.aria-live]': 'politeness()',\r\n    '[attr.aria-label]': 'label()',\r\n  },\r\n  imports: [NgTemplateOutlet, FrSpinner],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  template: `\r\n    @for (position of positions; track position) {\r\n      @let positionToasts = groupedToasts().get(position) ?? [];\r\n\r\n      @if (positionToasts.length > 0) {\r\n        <section\r\n          class=\"frame-toast__group\"\r\n          [attr.data-position]=\"position\"\r\n          [style.--frame-toast-count]=\"positionToasts.length\"\r\n        >\r\n          @for (toast of positionToasts; track toast.id; let toastIndex = $index) {\r\n            <article\r\n              class=\"frame-toast\"\r\n              [attr.data-variant]=\"toast.variant\"\r\n              [attr.data-loading]=\"toast.loading\"\r\n              [attr.data-dismissible]=\"toast.dismissible\"\r\n              [attr.data-has-description]=\"toast.description ? 'true' : 'false'\"\r\n              [attr.data-has-action]=\"toast.action ? 'true' : 'false'\"\r\n              [attr.data-state]=\"toast.state\"\r\n              [style.--frame-toast-index]=\"toastIndex\"\r\n              data-token-target=\"toast-root\"\r\n            >\r\n              @if (toast.loading) {\r\n                <span\r\n                  frSpinner\r\n                  class=\"frame-toast__loader\"\r\n                  decorative\r\n                  size=\"sm\"\r\n                  data-token-target=\"toast-loader\"\r\n                ></span>\r\n              } @else {\r\n                <span class=\"frame-toast__status\" aria-hidden=\"true\" data-token-target=\"toast-status\"></span>\r\n              }\r\n\r\n              <div class=\"frame-toast__content\" data-token-target=\"toast-content\">\r\n                <h2 class=\"frame-toast__title\" data-token-target=\"toast-title\">{{ toast.title }}</h2>\r\n\r\n                @if (toast.description) {\r\n                  <p class=\"frame-toast__description\" data-token-target=\"toast-description\">\r\n                    {{ toast.description }}\r\n                  </p>\r\n                }\r\n              </div>\r\n\r\n              @if (toast.action) {\r\n                <button\r\n                  class=\"frame-toast__action\"\r\n                  type=\"button\"\r\n                  [attr.aria-label]=\"toast.action.altText ?? toast.action.label\"\r\n                  (click)=\"runAction(toast)\"\r\n                  data-token-target=\"toast-action\"\r\n                >\r\n                  {{ toast.action.label }}\r\n                </button>\r\n              }\r\n\r\n              @if (toast.dismissible && !toast.action) {\r\n                <button\r\n                  class=\"frame-toast__close\"\r\n                  type=\"button\"\r\n                  aria-label=\"Dismiss notification\"\r\n                  (click)=\"dismiss(toast.id)\"\r\n                  data-token-target=\"toast-close\"\r\n                >\r\n                  @if (closeIcon(); as iconTemplate) {\r\n                    <ng-container [ngTemplateOutlet]=\"iconTemplate\" />\r\n                  } @else {\r\n                    <span aria-hidden=\"true\">x</span>\r\n                  }\r\n                </button>\r\n              }\r\n            </article>\r\n          }\r\n        </section>\r\n      }\r\n    }\r\n  `,\r\n})\r\nexport class FrToastViewport {\r\n  private readonly toast = inject(FrToastService);\r\n\r\n  readonly strategy = input<'fixed' | 'inline'>('fixed');\r\n  readonly label = input('Notifications');\r\n  readonly politeness = input<'polite' | 'assertive' | 'off'>('polite');\r\n  readonly closeIcon = input<TemplateRef<unknown> | null>(null);\r\n\r\n  protected readonly positions = FR_TOAST_POSITIONS;\r\n  protected readonly groupedToasts = computed(() => {\r\n    const groups = new Map<FrToastPosition, FrToastRecord[]>();\r\n\r\n    for (const toast of this.toast.toasts()) {\r\n      const toasts = groups.get(toast.position) ?? [];\r\n      toasts.push(toast);\r\n      groups.set(toast.position, toasts);\r\n    }\r\n\r\n    return groups;\r\n  });\r\n\r\n  protected dismiss(id: string): void {\r\n    this.toast.dismiss(id);\r\n  }\r\n\r\n  protected runAction(toast: FrToastRecord): void {\r\n    toast.action?.handler?.();\r\n    this.toast.dismiss(toast.id);\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\nimport { FrSpinner } from '@frame-ui-ng/components/spinner';\n\nimport { FrToastViewport } from './src/toast';\n\n@NgModule({\n  imports: [FrToastViewport, FrSpinner],\n  exports: [FrToastViewport],\n})\nexport class FrToastModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/frame-ui-ng-components.mjs

@@ -25,7 +25,7 @@ class FrAccordionContent {
     host = inject(ElementRef);
     item = inject(ACCORDION_ITEM);
     initialized = false;
-    rafId = -1;
+    rafIds = [];
     constructor() {
         effect((onCleanup) => {
             const open = this.item.open();
@@ -51,19 +51,25 @@ class FrAccordionContent {
     }
     animate(open) {
         const element = this.host.nativeElement;
+        const currentHeight = element.getBoundingClientRect().height;
+        const contentHeight = this.measureContentHeight();
         if (open) {
             element.style.visibility = 'visible';
-            element.style.height = '0px';
-            element.style.opacity = '0';
-            this.rafId = requestAnimationFrame(() => {
-                element.style.height = `${element.scrollHeight}px`;
+            element.style.height = `${currentHeight}px`;
+            if (currentHeight === 0) {
+                element.style.opacity = '0';
+            }
+            void element.offsetHeight;
+            this.requestAnimationFrame(() => {
+                element.style.height = `${contentHeight}px`;
                 element.style.opacity = '1';
             });
             return;
         }
-        element.style.height = `${element.scrollHeight}px`;
+        element.style.height = `${currentHeight || contentHeight}px`;
         element.style.opacity = '1';
-        this.rafId = requestAnimationFrame(() => {
+        void element.offsetHeight;
+        this.requestAnimationFrame(() => {
             element.style.height = '0px';
             element.style.opacity = '0';
         });
@@ -74,12 +80,21 @@ class FrAccordionContent {
         element.style.opacity = open ? '1' : '0';
         element.style.visibility = open ? 'visible' : 'hidden';
     }
+    measureContentHeight() {
+        return this.host.nativeElement.scrollHeight;
+    }
     cancelAnimationFrame() {
-        if (this.rafId === -1) {
-            return;
+        for (const rafId of this.rafIds) {
+            cancelAnimationFrame(rafId);
         }
-        cancelAnimationFrame(this.rafId);
-        this.rafId = -1;
+        this.rafIds = [];
+    }
+    requestAnimationFrame(callback) {
+        const rafId = requestAnimationFrame((time) => {
+            this.rafIds = this.rafIds.filter((id) => id !== rafId);
+            callback(time);
+        });
+        this.rafIds.push(rafId);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrAccordionContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrAccordionContent, isStandalone: true, selector: "[frAccordionContent]", host: { attributes: { "role": "region" }, listeners: { "transitionend": "onTransitionEnd($event)" }, properties: { "attr.aria-hidden": "item.open() ? \"false\" : \"true\"", "attr.aria-labelledby": "item.triggerId()", "attr.data-state": "item.open() ? \"open\" : \"closed\"", "attr.id": "item.contentId()" }, classAttribute: "frame-accordion__content" }, ngImport: i0 });
@@ -458,6 +473,7 @@ const FR_AVATAR_SIZES = ['xs', 'sm', 'md', 'lg'];
 const FR_BADGE_VARIANTS = [
     'default',
     'secondary',
+    'success',
     'destructive',
     'outline',
     'ghost',
@@ -654,7 +670,7 @@ class FrButton {
     disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     loading = input(false, { ...(ngDevMode ? { debugName: "loading" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     loadingDisplay = input('replace', ...(ngDevMode ? [{ debugName: "loadingDisplay" }] : /* istanbul ignore next */ []));
-    radius = input('md', ...(ngDevMode ? [{ debugName: "radius" }] : /* istanbul ignore next */ []));
+    radius = input('none', ...(ngDevMode ? [{ debugName: "radius" }] : /* istanbul ignore next */ []));
     size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
     hasCustomLoadingIndicator = computed(() => !!this.loadingIndicator() || !!this.spinnerIndicator(), ...(ngDevMode ? [{ debugName: "hasCustomLoadingIndicator" }] : /* istanbul ignore next */ []));
     isUnavailable = computed(() => this.disabled() || this.loading(), ...(ngDevMode ? [{ debugName: "isUnavailable" }] : /* istanbul ignore next */ []));
@@ -2930,6 +2946,20 @@ function mergeClassList$2(classList, defaultClass) {
     return Array.from(new Set([defaultClass, ...classes].filter(Boolean)));
 }
 
+class FrCommandFooter {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrCommandFooter, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrCommandFooter, isStandalone: true, selector: "[frCommandFooter]", host: { classAttribute: "frame-command__footer" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrCommandFooter, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frCommandFooter]',
+                    host: {
+                        class: 'frame-command__footer',
+                    },
+                }]
+        }] });
+
 const FR_COMMAND = new InjectionToken('FrCommand');
 const FR_COMMAND_GROUP = new InjectionToken('FrCommandGroup');
 
@@ -10274,5 +10304,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { FR_ACCORDION_TYPES, FR_ALERT_VARIANTS, FR_AVATAR_SIZES, FR_BADGE_ICON_POSITIONS, FR_BADGE_VARIANTS, FR_BUTTON_APPEARANCES, FR_BUTTON_GROUP_ORIENTATIONS, FR_BUTTON_LOADING_DISPLAYS, FR_BUTTON_RADII, FR_BUTTON_SIZES, FR_CARD_FOOTER_ALIGNS, FR_CARD_SIZES, FR_CARD_SPACINGS, FR_CAROUSEL_ALIGNS, FR_CAROUSEL_DIRECTIONS, FR_CAROUSEL_ORIENTATIONS, FR_CONTEXT_MENU_CONTENT, FR_DROPDOWN_MENU_ALIGNMENTS, FR_DROPDOWN_MENU_CONTENT, FR_DROPDOWN_MENU_ITEM_VARIANTS, FR_DROPDOWN_MENU_PARENT, FR_DROPDOWN_MENU_SIDES, FR_DROPDOWN_MENU_TRIGGER_MODES, FR_EMPTY_MEDIA_VARIANTS, FR_EMPTY_ORIENTATIONS, FR_EMPTY_VARIANTS, FR_FIELD_LEGEND_VARIANTS, FR_FIELD_ORIENTATIONS, FR_HOVER_CARD_ALIGNMENTS, FR_HOVER_CARD_SIDES, FR_INPUT_GROUP_ADDON_ALIGNS, FR_INPUT_OTP_PATTERN_DIGITS, FR_INPUT_OTP_PATTERN_DIGITS_AND_CHARS, FR_ITEM_MEDIA_VARIANTS, FR_ITEM_SIZES, FR_ITEM_VARIANTS, FR_MENUBAR_PARENT, FR_MODAL_DATA, FR_NAVIGATION_MENU_PARENT, FR_POPOVER_ALIGNMENTS, FR_POPOVER_SIDES, FR_RADIO_GROUP_ORIENTATIONS, FR_RADIO_GROUP_VARIANTS, FR_RESIZABLE_ORIENTATIONS, FR_SELECT_INDICATOR_POSITIONS, FR_SELECT_POSITIONS, FR_SEPARATOR_ORIENTATIONS, FR_SHEET_DATA, FR_SHEET_SIDES, FR_SIDEBAR_COLLAPSIBLES, FR_SIDEBAR_MENU_BUTTON_SIZES, FR_SIDEBAR_MENU_BUTTON_VARIANTS, FR_SIDEBAR_PROVIDER, FR_SIDEBAR_SIDES, FR_SIDEBAR_VARIANTS, FR_SLIDER_ORIENTATIONS, FR_SWITCH_SIZES, FrAccordion, FrAccordionContent, FrAccordionIcon, FrAccordionItem, FrAccordionTrigger, FrAlert, FrAlertDescription, FrAlertIcon, FrAlertTitle, FrAvatar, FrAvatarBadge, FrAvatarFallback, FrAvatarGroup, FrAvatarGroupCount, FrAvatarIcon, FrAvatarImage, FrBadge, FrBadgeIcon, FrBadgeLabel, FrBadgeSpinner, FrBreadcrumb, FrBreadcrumbEllipsis, FrBreadcrumbItem, FrBreadcrumbLink, FrBreadcrumbList, FrBreadcrumbPage, FrBreadcrumbSeparator, FrButton, FrButtonGroup, FrButtonIcon, FrButtonLabel, FrButtonLoading, FrCalendar, FrCard, FrCardAction, FrCardContent, FrCardDescription, FrCardFooter, FrCardHeader, FrCardTitle, FrCarousel, FrCarouselContent, FrCarouselItem, FrCarouselNext, FrCarouselPrevious, FrCheckbox, FrCheckboxField, FrCheckboxLabel, FrCollapsible, FrCollapsibleContent, FrCollapsibleTrigger, FrCombobox, FrComboboxChip, FrComboboxChipRemove, FrComboboxChips, FrComboboxChipsInput, FrComboboxClear, FrComboboxCollection, FrComboboxContent, FrComboboxEmpty, FrComboboxError, FrComboboxGroup, FrComboboxInput, FrComboboxItem, FrComboboxItemIndicator, FrComboboxLabel, FrComboboxList, FrComboboxPanel, FrComboboxRootLookup, FrComboboxSeparator, FrComboboxTrigger, FrComboboxValueList, FrCommand, FrCommandDialog, FrCommandDialogTrigger, FrCommandEmpty, FrCommandGroup, FrCommandGroupHeading, FrCommandInput, FrCommandItem, FrCommandItemIcon, FrCommandList, FrCommandSeparator, FrCommandService, FrCommandShortcut, FrContextMenu, FrContextMenuCheckboxItem, FrContextMenuContent, FrContextMenuItem, FrContextMenuItemIndicator, FrContextMenuLabel, FrContextMenuPanel, FrContextMenuRadioGroup, FrContextMenuRadioItem, FrContextMenuSeparator, FrContextMenuShortcut, FrContextMenuSub, FrContextMenuSubTrigger, FrContextMenuTrigger, FrControlValueAccessor, FrDatePicker, FrDropdownMenu, FrDropdownMenuCheckboxItem, FrDropdownMenuContent, FrDropdownMenuItem, FrDropdownMenuItemIndicator, FrDropdownMenuLabel, FrDropdownMenuPanel, FrDropdownMenuRadioGroup, FrDropdownMenuRadioItem, FrDropdownMenuSeparator, FrDropdownMenuShortcut, FrDropdownMenuSub, FrDropdownMenuSubTrigger, FrDropdownMenuTree, FrDropdownMenuTrigger, FrEmpty, FrEmptyContent, FrEmptyDescription, FrEmptyHeader, FrEmptyMedia, FrEmptyTitle, FrField, FrFieldContent, FrFieldDescription, FrFieldError, FrFieldGroup, FrFieldLabel, FrFieldLegend, FrFieldSeparator, FrFieldSet, FrHoverCardRoot as FrHoverCard, FrHoverCardContent, FrHoverCardPanel, FrHoverCardTrigger, FrIconButton, FrInput, FrInputBadge, FrInputControl, FrInputDescription, FrInputError, FrInputField, FrInputFieldGroup, FrInputGroup, FrInputGroupAddon, FrInputGroupInput, FrInputGroupText, FrInputHeader, FrInputLabel, FrInputOtp, FrInputOtpGroup, FrInputOtpSeparator, FrInputOtpSlot, FrItem, FrItemActions, FrItemContent, FrItemDescription, FrItemFooter, FrItemGroup, FrItemHeader, FrItemMedia, FrItemSeparator, FrItemTitle, FrMenuBar, FrMenuBarCheckboxItem, FrMenuBarContent, FrMenuBarItem, FrMenuBarItemIndicator, FrMenuBarLabel, FrMenuBarMenu, FrMenuBarPanel, FrMenuBarRadioGroup, FrMenuBarRadioItem, FrMenuBarSeparator, FrMenuBarShortcut, FrMenuBarSub, FrMenuBarSubTrigger, FrMenuBarTrigger, FrModalBody, FrModalClose, FrModalContent, FrModalDescription, FrModalFooter, FrModalHeader, FrModalPanel, FrModalService, FrModalShell, FrModalTitle, FrModalTrigger, FrNavigationLinkSeparator, FrNavigationMenu, FrNavigationMenuContent, FrNavigationMenuFeature, FrNavigationMenuGrid, FrNavigationMenuIndicator, FrNavigationMenuItem, FrNavigationMenuLink, FrNavigationMenuLinkDescription, FrNavigationMenuLinkTitle, FrNavigationMenuList, FrNavigationMenuPanel, FrNavigationMenuTrigger, FrNavigationMenuViewport, FrPagination, FrPaginationContent, FrPaginationEllipsis, FrPaginationIcon, FrPaginationItem, FrPaginationLink, FrPaginationNext, FrPaginationPrevious, FrPopoverRoot as FrPopover, FrPopoverBody, FrPopoverClose, FrPopoverContent, FrPopoverDescription, FrPopoverFooter, FrPopoverHeader, FrPopoverPanel, FrPopoverTitle, FrPopoverTrigger, FrProgress, FrProgressIndicator, FrRadioGroup, FrRadioGroupCard, FrRadioGroupCardMeta, FrRadioGroupField, FrRadioGroupItem, FrResizableHandle, FrResizablePanel, FrResizablePanelGroup, FrSelect, FrSelectContent, FrSelectError, FrSelectGroup, FrSelectIcon, FrSelectItem, FrSelectItemIndicator, FrSelectLabel, FrSelectPanel, FrSelectSeparator, FrSelectValue, FrSeparator, FrSheetBody, FrSheetClose, FrSheetContent, FrSheetDescription, FrSheetFooter, FrSheetHeader, FrSheetPanel, FrSheetService, FrSheetShell, FrSheetTitle, FrSheetTrigger, FrSidebar, FrSidebarContent, FrSidebarFooter, FrSidebarGroup, FrSidebarGroupAction, FrSidebarGroupContent, FrSidebarGroupLabel, FrSidebarHeader, FrSidebarInset, FrSidebarMenu, FrSidebarMenuAction, FrSidebarMenuBadge, FrSidebarMenuButton, FrSidebarMenuItem, FrSidebarMenuSkeleton, FrSidebarMenuSub, FrSidebarMenuSubButton, FrSidebarMenuSubItem, FrSidebarProvider, FrSidebarRail, FrSidebarTrigger, FrSlider, FrSwitch, FrSwitchContent, FrSwitchDescription, FrSwitchError, FrSwitchField, FrSwitchLabel, FrTextarea, FrVirtualContent, FrVirtualFor, FrVirtualItem, FrVirtualItemMeta, FrVirtualList, FrVirtualPanel, FrVirtualViewport, buildConnectedPositions, calculateScrollOffsetForIndex, calculateVirtualRange, defaultPositions, provideDsValueAccessor };
+export { FR_ACCORDION_TYPES, FR_ALERT_VARIANTS, FR_AVATAR_SIZES, FR_BADGE_ICON_POSITIONS, FR_BADGE_VARIANTS, FR_BUTTON_APPEARANCES, FR_BUTTON_GROUP_ORIENTATIONS, FR_BUTTON_LOADING_DISPLAYS, FR_BUTTON_RADII, FR_BUTTON_SIZES, FR_CARD_FOOTER_ALIGNS, FR_CARD_SIZES, FR_CARD_SPACINGS, FR_CAROUSEL_ALIGNS, FR_CAROUSEL_DIRECTIONS, FR_CAROUSEL_ORIENTATIONS, FR_CONTEXT_MENU_CONTENT, FR_DROPDOWN_MENU_ALIGNMENTS, FR_DROPDOWN_MENU_CONTENT, FR_DROPDOWN_MENU_ITEM_VARIANTS, FR_DROPDOWN_MENU_PARENT, FR_DROPDOWN_MENU_SIDES, FR_DROPDOWN_MENU_TRIGGER_MODES, FR_EMPTY_MEDIA_VARIANTS, FR_EMPTY_ORIENTATIONS, FR_EMPTY_VARIANTS, FR_FIELD_LEGEND_VARIANTS, FR_FIELD_ORIENTATIONS, FR_HOVER_CARD_ALIGNMENTS, FR_HOVER_CARD_SIDES, FR_INPUT_GROUP_ADDON_ALIGNS, FR_INPUT_OTP_PATTERN_DIGITS, FR_INPUT_OTP_PATTERN_DIGITS_AND_CHARS, FR_ITEM_MEDIA_VARIANTS, FR_ITEM_SIZES, FR_ITEM_VARIANTS, FR_MENUBAR_PARENT, FR_MODAL_DATA, FR_NAVIGATION_MENU_PARENT, FR_POPOVER_ALIGNMENTS, FR_POPOVER_SIDES, FR_RADIO_GROUP_ORIENTATIONS, FR_RADIO_GROUP_VARIANTS, FR_RESIZABLE_ORIENTATIONS, FR_SELECT_INDICATOR_POSITIONS, FR_SELECT_POSITIONS, FR_SEPARATOR_ORIENTATIONS, FR_SHEET_DATA, FR_SHEET_SIDES, FR_SIDEBAR_COLLAPSIBLES, FR_SIDEBAR_MENU_BUTTON_SIZES, FR_SIDEBAR_MENU_BUTTON_VARIANTS, FR_SIDEBAR_PROVIDER, FR_SIDEBAR_SIDES, FR_SIDEBAR_VARIANTS, FR_SLIDER_ORIENTATIONS, FR_SWITCH_SIZES, FrAccordion, FrAccordionContent, FrAccordionIcon, FrAccordionItem, FrAccordionTrigger, FrAlert, FrAlertDescription, FrAlertIcon, FrAlertTitle, FrAvatar, FrAvatarBadge, FrAvatarFallback, FrAvatarGroup, FrAvatarGroupCount, FrAvatarIcon, FrAvatarImage, FrBadge, FrBadgeIcon, FrBadgeLabel, FrBadgeSpinner, FrBreadcrumb, FrBreadcrumbEllipsis, FrBreadcrumbItem, FrBreadcrumbLink, FrBreadcrumbList, FrBreadcrumbPage, FrBreadcrumbSeparator, FrButton, FrButtonGroup, FrButtonIcon, FrButtonLabel, FrButtonLoading, FrCalendar, FrCard, FrCardAction, FrCardContent, FrCardDescription, FrCardFooter, FrCardHeader, FrCardTitle, FrCarousel, FrCarouselContent, FrCarouselItem, FrCarouselNext, FrCarouselPrevious, FrCheckbox, FrCheckboxField, FrCheckboxLabel, FrCollapsible, FrCollapsibleContent, FrCollapsibleTrigger, FrCombobox, FrComboboxChip, FrComboboxChipRemove, FrComboboxChips, FrComboboxChipsInput, FrComboboxClear, FrComboboxCollection, FrComboboxContent, FrComboboxEmpty, FrComboboxError, FrComboboxGroup, FrComboboxInput, FrComboboxItem, FrComboboxItemIndicator, FrComboboxLabel, FrComboboxList, FrComboboxPanel, FrComboboxRootLookup, FrComboboxSeparator, FrComboboxTrigger, FrComboboxValueList, FrCommand, FrCommandDialog, FrCommandDialogTrigger, FrCommandEmpty, FrCommandFooter, FrCommandGroup, FrCommandGroupHeading, FrCommandInput, FrCommandItem, FrCommandItemIcon, FrCommandList, FrCommandSeparator, FrCommandService, FrCommandShortcut, FrContextMenu, FrContextMenuCheckboxItem, FrContextMenuContent, FrContextMenuItem, FrContextMenuItemIndicator, FrContextMenuLabel, FrContextMenuPanel, FrContextMenuRadioGroup, FrContextMenuRadioItem, FrContextMenuSeparator, FrContextMenuShortcut, FrContextMenuSub, FrContextMenuSubTrigger, FrContextMenuTrigger, FrControlValueAccessor, FrDatePicker, FrDropdownMenu, FrDropdownMenuCheckboxItem, FrDropdownMenuContent, FrDropdownMenuItem, FrDropdownMenuItemIndicator, FrDropdownMenuLabel, FrDropdownMenuPanel, FrDropdownMenuRadioGroup, FrDropdownMenuRadioItem, FrDropdownMenuSeparator, FrDropdownMenuShortcut, FrDropdownMenuSub, FrDropdownMenuSubTrigger, FrDropdownMenuTree, FrDropdownMenuTrigger, FrEmpty, FrEmptyContent, FrEmptyDescription, FrEmptyHeader, FrEmptyMedia, FrEmptyTitle, FrField, FrFieldContent, FrFieldDescription, FrFieldError, FrFieldGroup, FrFieldLabel, FrFieldLegend, FrFieldSeparator, FrFieldSet, FrHoverCardRoot as FrHoverCard, FrHoverCardContent, FrHoverCardPanel, FrHoverCardTrigger, FrIconButton, FrInput, FrInputBadge, FrInputControl, FrInputDescription, FrInputError, FrInputField, FrInputFieldGroup, FrInputGroup, FrInputGroupAddon, FrInputGroupInput, FrInputGroupText, FrInputHeader, FrInputLabel, FrInputOtp, FrInputOtpGroup, FrInputOtpSeparator, FrInputOtpSlot, FrItem, FrItemActions, FrItemContent, FrItemDescription, FrItemFooter, FrItemGroup, FrItemHeader, FrItemMedia, FrItemSeparator, FrItemTitle, FrMenuBar, FrMenuBarCheckboxItem, FrMenuBarContent, FrMenuBarItem, FrMenuBarItemIndicator, FrMenuBarLabel, FrMenuBarMenu, FrMenuBarPanel, FrMenuBarRadioGroup, FrMenuBarRadioItem, FrMenuBarSeparator, FrMenuBarShortcut, FrMenuBarSub, FrMenuBarSubTrigger, FrMenuBarTrigger, FrModalBody, FrModalClose, FrModalContent, FrModalDescription, FrModalFooter, FrModalHeader, FrModalPanel, FrModalService, FrModalShell, FrModalTitle, FrModalTrigger, FrNavigationLinkSeparator, FrNavigationMenu, FrNavigationMenuContent, FrNavigationMenuFeature, FrNavigationMenuGrid, FrNavigationMenuIndicator, FrNavigationMenuItem, FrNavigationMenuLink, FrNavigationMenuLinkDescription, FrNavigationMenuLinkTitle, FrNavigationMenuList, FrNavigationMenuPanel, FrNavigationMenuTrigger, FrNavigationMenuViewport, FrPagination, FrPaginationContent, FrPaginationEllipsis, FrPaginationIcon, FrPaginationItem, FrPaginationLink, FrPaginationNext, FrPaginationPrevious, FrPopoverRoot as FrPopover, FrPopoverBody, FrPopoverClose, FrPopoverContent, FrPopoverDescription, FrPopoverFooter, FrPopoverHeader, FrPopoverPanel, FrPopoverTitle, FrPopoverTrigger, FrProgress, FrProgressIndicator, FrRadioGroup, FrRadioGroupCard, FrRadioGroupCardMeta, FrRadioGroupField, FrRadioGroupItem, FrResizableHandle, FrResizablePanel, FrResizablePanelGroup, FrSelect, FrSelectContent, FrSelectError, FrSelectGroup, FrSelectIcon, FrSelectItem, FrSelectItemIndicator, FrSelectLabel, FrSelectPanel, FrSelectSeparator, FrSelectValue, FrSeparator, FrSheetBody, FrSheetClose, FrSheetContent, FrSheetDescription, FrSheetFooter, FrSheetHeader, FrSheetPanel, FrSheetService, FrSheetShell, FrSheetTitle, FrSheetTrigger, FrSidebar, FrSidebarContent, FrSidebarFooter, FrSidebarGroup, FrSidebarGroupAction, FrSidebarGroupContent, FrSidebarGroupLabel, FrSidebarHeader, FrSidebarInset, FrSidebarMenu, FrSidebarMenuAction, FrSidebarMenuBadge, FrSidebarMenuButton, FrSidebarMenuItem, FrSidebarMenuSkeleton, FrSidebarMenuSub, FrSidebarMenuSubButton, FrSidebarMenuSubItem, FrSidebarProvider, FrSidebarRail, FrSidebarTrigger, FrSlider, FrSwitch, FrSwitchContent, FrSwitchDescription, FrSwitchError, FrSwitchField, FrSwitchLabel, FrTextarea, FrVirtualContent, FrVirtualFor, FrVirtualItem, FrVirtualItemMeta, FrVirtualList, FrVirtualPanel, FrVirtualViewport, buildConnectedPositions, calculateScrollOffsetForIndex, calculateVirtualRange, defaultPositions, provideDsValueAccessor };
 //# sourceMappingURL=frame-ui-ng-components.mjs.map