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

package/date-picker/src/styles/date-picker.css

@@ -1,177 +1,203 @@
-@import './_vars.css';
-
-.frame-date-picker {
-  display: inline-block;
-  max-width: 100%;
-}
-
-.frame-date-picker__anchor {
-  display: inline-block;
-  max-width: 100%;
-}
-
-.frame-date-picker__trigger,
-.frame-date-picker__input-wrap {
-  box-sizing: border-box;
-  display: inline-flex;
-  min-block-size: var(--frame-date-picker-trigger-height);
-  inline-size: var(--frame-date-picker-trigger-width);
-  max-inline-size: 100%;
-  align-items: center;
-  gap: var(--frame-date-picker-trigger-gap);
-  border: 1px solid var(--frame-date-picker-trigger-border);
-  border-radius: var(--frame-date-picker-trigger-radius);
-  background: var(--frame-date-picker-trigger-bg);
-  color: var(--frame-date-picker-trigger-color);
-  padding: var(--frame-date-picker-trigger-padding);
-  transition:
-    border-color 150ms ease,
-    box-shadow 150ms ease,
-    opacity 150ms ease;
-}
-
-.frame-date-picker__trigger {
-  cursor: pointer;
-  font: inherit;
-  text-align: start;
-}
-
-.frame-date-picker__input-wrap {
-  cursor: text;
-}
-
-.frame-date-picker__input {
-  min-width: 0;
-  flex: 1 1 auto;
-  border: 0;
-  background: transparent;
-  color: inherit;
-  font: inherit;
-  outline: none;
-  padding: 0;
-}
-
-.frame-date-picker__input::placeholder,
-.frame-date-picker__trigger-label[data-placeholder] {
-  color: var(--frame-date-picker-trigger-placeholder-color);
-}
-
-.frame-date-picker__icon {
-  display: inline-flex;
-  flex: 0 0 auto;
-  color: var(--frame-date-picker-trigger-placeholder-color);
-  line-height: 1;
-}
-
-.frame-date-picker__trigger-label {
-  min-width: 0;
-  flex: 1 1 auto;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.frame-date-picker__trigger:hover:not(:disabled),
-.frame-date-picker__input-wrap:focus-within,
-.frame-date-picker__input-wrap:hover {
-  border-color: var(--frame-date-picker-trigger-hover-border);
-}
-
-.frame-date-picker__trigger:focus-visible,
-.frame-date-picker__input-wrap:focus-within {
-  outline: none;
-  box-shadow: var(--frame-date-picker-trigger-focus-shadow);
-}
-
-.frame-date-picker[data-invalid] .frame-date-picker__trigger,
-.frame-date-picker[data-invalid] .frame-date-picker__input-wrap {
-  border-color: var(--frame-date-picker-trigger-invalid-border);
-}
-
-.frame-date-picker[data-disabled] {
-  opacity: var(--frame-date-picker-trigger-disabled-opacity);
-}
-
-.frame-date-picker[data-disabled] .frame-date-picker__trigger,
-.frame-date-picker[data-disabled] .frame-date-picker__input-wrap {
-  cursor: not-allowed;
-}
-
-.frame-date-picker__content {
-  box-sizing: border-box;
-  overflow: hidden;
-  border: 1px solid var(--frame-date-picker-content-border);
-  border-radius: var(--frame-date-picker-content-radius);
-  background: var(--frame-date-picker-content-bg);
-  color: var(--frame-date-picker-content-color);
-  box-shadow: var(--frame-date-picker-content-shadow);
-  padding: var(--frame-date-picker-content-padding);
-  animation: frame-date-picker-enter var(--frame-date-picker-motion-duration) var(--frame-date-picker-motion-easing);
-}
-
-.frame-date-picker__content .frame-calendar {
-  border: 0;
-  box-shadow: none;
-}
-
-.frame-date-picker__presets {
-  display: grid;
-  gap: 0.125rem;
-  border-block-end: 1px solid var(--frame-date-picker-presets-border);
-  padding: 0.25rem;
-}
-
-.frame-date-picker__preset {
-  min-block-size: var(--frame-date-picker-preset-height);
-  border: 0;
-  border-radius: var(--frame-date-picker-preset-radius);
-  background: transparent;
-  color: inherit;
-  cursor: pointer;
-  font: inherit;
-  padding-inline: 0.5rem;
-  text-align: start;
-}
-
-.frame-date-picker__preset:hover,
-.frame-date-picker__preset:focus-visible {
-  background: var(--frame-date-picker-preset-hover-bg);
-  outline: none;
-}
-
-.frame-date-picker__time {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 1rem;
-  border-block-start: 1px solid var(--frame-date-picker-time-border);
-  padding: var(--frame-date-picker-time-padding);
-}
-
-.frame-date-picker__time-label {
-  color: var(--frame-muted-foreground);
-  font-size: 0.875rem;
-  font-weight: 500;
-}
-
-.frame-date-picker__time-input {
-  min-block-size: 2rem;
-  border: 1px solid var(--frame-border);
-  border-radius: var(--frame-radius-md);
-  background: var(--frame-background);
-  color: var(--frame-foreground);
-  font: inherit;
-  padding-inline: 0.5rem;
-}
-
-@keyframes frame-date-picker-enter {
-  from {
-    opacity: 0;
-    transform: translateY(-0.25rem) scale(0.98);
-  }
-
-  to {
-    opacity: 1;
-    transform: translateY(0) scale(1);
-  }
-}
+@import './_vars.css';
+
+.frame-date-picker {
+  display: inline-block;
+  max-width: 100%;
+}
+
+.frame-date-picker__anchor {
+  display: inline-block;
+  max-width: 100%;
+}
+
+.frame-date-picker__trigger,
+.frame-date-picker__input-wrap {
+  box-sizing: border-box;
+  display: inline-flex;
+  min-block-size: var(--frame-date-picker-trigger-height);
+  inline-size: var(--frame-date-picker-trigger-width);
+  max-inline-size: 100%;
+  align-items: center;
+  gap: var(--frame-date-picker-trigger-gap);
+  border: 1px solid var(--frame-date-picker-trigger-border);
+  border-radius: var(--frame-date-picker-trigger-radius);
+  background: var(--frame-date-picker-trigger-bg);
+  color: var(--frame-date-picker-trigger-color);
+  padding: var(--frame-date-picker-trigger-padding);
+  transition:
+    border-color 150ms ease,
+    box-shadow 150ms ease,
+    opacity 150ms ease,
+    transform 150ms ease;
+}
+
+.frame-date-picker__trigger {
+  cursor: pointer;
+  font: inherit;
+  text-align: start;
+}
+
+.frame-date-picker__input-wrap {
+  cursor: text;
+}
+
+.frame-date-picker__input {
+  min-width: 0;
+  flex: 1 1 auto;
+  border: 0;
+  background: transparent;
+  color: inherit;
+  font: inherit;
+  outline: none;
+  padding: 0;
+}
+
+.frame-date-picker__input::placeholder,
+.frame-date-picker__trigger-label[data-placeholder] {
+  color: var(--frame-date-picker-trigger-placeholder-color);
+}
+
+.frame-date-picker__icon {
+  display: inline-flex;
+  flex: 0 0 auto;
+  color: var(--frame-date-picker-trigger-placeholder-color);
+  line-height: 1;
+}
+
+.frame-date-picker__trigger-label {
+  min-width: 0;
+  flex: 1 1 auto;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.frame-date-picker__trigger:hover:not(:disabled),
+.frame-date-picker__input-wrap:focus-within,
+.frame-date-picker__input-wrap:hover {
+  border-color: var(--frame-date-picker-trigger-hover-border);
+  transform: translate(-1px, -1px);
+  box-shadow: 2px 2px 0 color-mix(in srgb, var(--frame-frame-line-muted, var(--frame-border)) 82%, transparent);
+}
+
+.frame-date-picker__trigger:focus-visible,
+.frame-date-picker__input-wrap:focus-within {
+  outline: none;
+  border-color: var(--frame-frame-accent, var(--frame-ring));
+  box-shadow: var(--frame-date-picker-trigger-focus-shadow);
+}
+
+.frame-date-picker[data-open] .frame-date-picker__trigger,
+.frame-date-picker[data-open] .frame-date-picker__input-wrap {
+  border-color: var(--frame-frame-accent, var(--frame-date-picker-trigger-hover-border));
+  background: color-mix(in srgb, var(--frame-date-picker-trigger-bg) 68%, var(--frame-muted));
+  transform: translate(-1px, -1px);
+  box-shadow: 2px 2px 0 color-mix(in srgb, var(--frame-frame-line-muted, var(--frame-border)) 82%, transparent);
+}
+
+.frame-date-picker[data-invalid] .frame-date-picker__trigger,
+.frame-date-picker[data-invalid] .frame-date-picker__input-wrap {
+  border-color: var(--frame-date-picker-trigger-invalid-border);
+}
+
+.frame-date-picker[data-disabled] {
+  opacity: var(--frame-date-picker-trigger-disabled-opacity);
+}
+
+.frame-date-picker[data-disabled] .frame-date-picker__trigger,
+.frame-date-picker[data-disabled] .frame-date-picker__input-wrap {
+  cursor: not-allowed;
+}
+
+.frame-date-picker__content {
+  box-sizing: border-box;
+  overflow: hidden;
+  border: 1px solid var(--frame-date-picker-content-border);
+  border-radius: var(--frame-date-picker-content-radius);
+  background: var(--frame-date-picker-content-bg);
+  color: var(--frame-date-picker-content-color);
+  box-shadow: var(--frame-date-picker-content-shadow);
+  padding: var(--frame-date-picker-content-padding);
+  animation: frame-date-picker-enter var(--frame-date-picker-motion-duration) var(--frame-date-picker-motion-easing);
+}
+
+.frame-date-picker__content .frame-calendar {
+  border: 0;
+  box-shadow: none;
+}
+
+.frame-date-picker__presets {
+  display: grid;
+  gap: 0.125rem;
+  border-block-end: 1px solid var(--frame-date-picker-presets-border);
+  padding: 0.25rem;
+}
+
+.frame-date-picker__preset {
+  min-block-size: var(--frame-date-picker-preset-height);
+  border: 1px solid transparent;
+  border-radius: var(--frame-date-picker-preset-radius);
+  background: transparent;
+  color: inherit;
+  cursor: pointer;
+  font: inherit;
+  padding-inline: 0.5rem;
+  text-align: start;
+  transition:
+    background-color 140ms ease,
+    border-color 140ms ease,
+    transform 140ms ease,
+    box-shadow 140ms ease;
+}
+
+.frame-date-picker__preset:hover,
+.frame-date-picker__preset:focus-visible {
+  background: var(--frame-date-picker-preset-hover-bg);
+  border-color: var(--frame-frame-line-muted, var(--frame-border));
+  outline: none;
+  transform: translateX(0.25rem);
+  box-shadow: none;
+}
+
+.frame-date-picker__time {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1rem;
+  border-block-start: 1px solid var(--frame-date-picker-time-border);
+  padding: var(--frame-date-picker-time-padding);
+}
+
+.frame-date-picker__time-label {
+  color: var(--frame-muted-foreground);
+  font-size: 0.875rem;
+  font-weight: 500;
+}
+
+.frame-date-picker__time-input {
+  min-block-size: 2rem;
+  border: 1px solid var(--frame-border);
+  border-radius: var(--frame-date-picker-time-input-radius);
+  background: var(--frame-background);
+  color: var(--frame-foreground);
+  font: inherit;
+  padding-inline: 0.5rem;
+}
+
+.frame-date-picker__time-input:focus-visible {
+  border-color: var(--frame-frame-accent, var(--frame-ring));
+  outline: none;
+  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--frame-frame-accent, var(--frame-ring)) 24%, transparent);
+}
+
+@keyframes frame-date-picker-enter {
+  from {
+    opacity: 0;
+    transform: translateY(-0.25rem) scale(0.98);
+  }
+
+  to {
+    opacity: 1;
+    transform: translateY(0) scale(1);
+  }
+}

package/dropdown-menu/src/styles/_vars.css

@@ -1,34 +1,34 @@
-:root {
-  --frame-dropdown-menu-panel-min-width: 13rem;
-  --frame-dropdown-menu-panel-radius: var(--frame-radius-md);
-  --frame-dropdown-menu-panel-bg: var(--frame-surface);
-  --frame-dropdown-menu-panel-color: var(--frame-surface-foreground);
-  --frame-dropdown-menu-panel-border: var(--frame-border);
-  --frame-dropdown-menu-panel-shadow: var(--frame-shadow-md);
-  --frame-dropdown-menu-panel-padding: 0.25rem;
-  --frame-dropdown-menu-label-color: var(--frame-muted-foreground);
-  --frame-dropdown-menu-label-font-size: 0.75rem;
-  --frame-dropdown-menu-label-font-weight: 600;
-  --frame-dropdown-menu-separator-margin: 0.25rem -0.25rem;
-  --frame-dropdown-menu-separator-bg: var(--frame-border);
-  --frame-dropdown-menu-item-gap: 0.5rem;
-  --frame-dropdown-menu-item-height: 2rem;
-  --frame-dropdown-menu-item-radius: calc(var(--frame-radius-md) - 0.125rem);
-  --frame-dropdown-menu-item-padding: 0.375rem 0.5rem;
-  --frame-dropdown-menu-item-font-size: 0.875rem;
-  --frame-dropdown-menu-item-hover-bg: var(--frame-accent);
-  --frame-dropdown-menu-item-hover-color: var(--frame-accent-foreground);
-  --frame-dropdown-menu-item-disabled-opacity: 0.5;
-  --frame-dropdown-menu-item-destructive-color: var(--frame-destructive);
-  --frame-dropdown-menu-item-destructive-hover-bg: color-mix(in srgb, var(--frame-destructive) 12%, var(--frame-surface));
-  --frame-dropdown-menu-item-destructive-hover-color: var(--frame-destructive);
-  --frame-dropdown-menu-item-inset-padding: 2rem;
-  --frame-dropdown-menu-shortcut-gap: 0.75rem;
-  --frame-dropdown-menu-shortcut-color: var(--frame-muted-foreground);
-  --frame-dropdown-menu-shortcut-font-size: 0.75rem;
-  --frame-dropdown-menu-indicator-size: 1rem;
-  --frame-dropdown-menu-motion-duration: 140ms;
-  --frame-dropdown-menu-motion-easing: cubic-bezier(0.16, 1, 0.3, 1);
-  --frame-dropdown-menu-motion-distance: 0.2rem;
-  --frame-dropdown-menu-motion-scale: 0.98;
-}
+:root {
+  --frame-dropdown-menu-panel-min-width: 13rem;
+  --frame-dropdown-menu-panel-radius: var(--frame-radius-md);
+  --frame-dropdown-menu-panel-bg: var(--frame-surface);
+  --frame-dropdown-menu-panel-color: var(--frame-surface-foreground);
+  --frame-dropdown-menu-panel-border: var(--frame-border);
+  --frame-dropdown-menu-panel-shadow: var(--frame-shadow-md);
+  --frame-dropdown-menu-panel-padding: 0.75rem;
+  --frame-dropdown-menu-label-color: var(--frame-muted-foreground);
+  --frame-dropdown-menu-label-font-size: 0.75rem;
+  --frame-dropdown-menu-label-font-weight: 600;
+  --frame-dropdown-menu-separator-margin: 0.25rem -0.25rem;
+  --frame-dropdown-menu-separator-bg: var(--frame-border);
+  --frame-dropdown-menu-item-gap: 0.5rem;
+  --frame-dropdown-menu-item-height: 2rem;
+  --frame-dropdown-menu-item-radius: calc(var(--frame-radius-md) - 0.125rem);
+  --frame-dropdown-menu-item-padding: 0.375rem 0.5rem;
+  --frame-dropdown-menu-item-font-size: 0.875rem;
+  --frame-dropdown-menu-item-hover-bg: var(--frame-accent);
+  --frame-dropdown-menu-item-hover-color: var(--frame-accent-foreground);
+  --frame-dropdown-menu-item-disabled-opacity: 0.5;
+  --frame-dropdown-menu-item-destructive-color: var(--frame-destructive);
+  --frame-dropdown-menu-item-destructive-hover-bg: color-mix(in srgb, var(--frame-destructive) 12%, var(--frame-surface));
+  --frame-dropdown-menu-item-destructive-hover-color: var(--frame-destructive);
+  --frame-dropdown-menu-item-inset-padding: 2rem;
+  --frame-dropdown-menu-shortcut-gap: 0.75rem;
+  --frame-dropdown-menu-shortcut-color: var(--frame-muted-foreground);
+  --frame-dropdown-menu-shortcut-font-size: 0.75rem;
+  --frame-dropdown-menu-indicator-size: 1rem;
+  --frame-dropdown-menu-motion-duration: 140ms;
+  --frame-dropdown-menu-motion-easing: cubic-bezier(0.16, 1, 0.3, 1);
+  --frame-dropdown-menu-motion-distance: 0.2rem;
+  --frame-dropdown-menu-motion-scale: 0.98;
+}

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

@@ -8,7 +8,7 @@ class FrAccordionContent {
     host = inject(ElementRef);
     item = inject(ACCORDION_ITEM);
     initialized = false;
-    rafId = -1;
+    rafIds = [];
     constructor() {
         effect((onCleanup) => {
             const open = this.item.open();
@@ -34,19 +34,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';
         });
@@ -57,12 +63,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 });

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

@@ -1 +1 @@
-{"version":3,"file":"frame-ui-ng-components-accordion.mjs","sources":["../../../projects/components/accordion/src/accordion.tokens.ts","../../../projects/components/accordion/src/accordion.content.ts","../../../projects/components/accordion/src/accordion.item.ts","../../../projects/components/accordion/src/accordion.root.ts","../../../projects/components/accordion/src/accordion.trigger.ts","../../../projects/components/accordion/src/accordion.types.ts","../../../projects/components/accordion/accordion.module.ts","../../../projects/components/accordion/frame-ui-ng-components-accordion.ts"],"sourcesContent":["import { InjectionToken, Signal } from '@angular/core';\n\nexport interface FrAccordionRootContext {\n  isItemOpen(value: string): boolean;\n  toggleItem(value: string): void;\n}\n\nexport interface FrAccordionItemContext {\n  readonly contentId: Signal<string>;\n  readonly disabled: Signal<boolean>;\n  readonly open: Signal<boolean>;\n  readonly triggerId: Signal<string>;\n  toggle(): void;\n}\n\nexport const ACCORDION_ROOT = new InjectionToken<FrAccordionRootContext>('FrAccordion');\nexport const ACCORDION_ITEM = new InjectionToken<FrAccordionItemContext>('FrAccordionItem');\n","import { Directive, ElementRef, effect, inject } from '@angular/core';\n\nimport { ACCORDION_ITEM } from './accordion.tokens';\n\n@Directive({\n  selector: '[frAccordionContent]',\n  standalone: true,\n  host: {\n    class: 'frame-accordion__content',\n    '[attr.aria-hidden]': 'item.open() ? \"false\" : \"true\"',\n    '[attr.aria-labelledby]': 'item.triggerId()',\n    '[attr.data-state]': 'item.open() ? \"open\" : \"closed\"',\n    '[attr.id]': 'item.contentId()',\n    '(transitionend)': 'onTransitionEnd($event)',\n    'role': 'region',\n  },\n})\nexport class FrAccordionContent {\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef);\n  protected readonly item = inject(ACCORDION_ITEM);\n  private initialized = false;\n  private rafId = -1;\n\n  constructor() {\n    effect((onCleanup) => {\n      const open = this.item.open();\n\n      this.cancelAnimationFrame();\n\n      if (!this.initialized) {\n        this.applyStaticState(open);\n        this.initialized = true;\n        return;\n      }\n\n      this.animate(open);\n      onCleanup(() => this.cancelAnimationFrame());\n    });\n  }\n\n  onTransitionEnd(event: TransitionEvent): void {\n    if (event.target !== this.host.nativeElement || event.propertyName !== 'height') {\n      return;\n    }\n\n    if (!this.item.open()) {\n      this.host.nativeElement.style.visibility = 'hidden';\n      return;\n    }\n\n    this.host.nativeElement.style.height = 'auto';\n  }\n\n  private animate(open: boolean): void {\n    const element = this.host.nativeElement;\n\n    if (open) {\n      element.style.visibility = 'visible';\n      element.style.height = '0px';\n      element.style.opacity = '0';\n\n      this.rafId = requestAnimationFrame(() => {\n        element.style.height = `${element.scrollHeight}px`;\n        element.style.opacity = '1';\n      });\n      return;\n    }\n\n    element.style.height = `${element.scrollHeight}px`;\n    element.style.opacity = '1';\n\n    this.rafId = requestAnimationFrame(() => {\n      element.style.height = '0px';\n      element.style.opacity = '0';\n    });\n  }\n\n  private applyStaticState(open: boolean): void {\n    const element = this.host.nativeElement;\n\n    element.style.height = open ? 'auto' : '0px';\n    element.style.opacity = open ? '1' : '0';\n    element.style.visibility = open ? 'visible' : 'hidden';\n  }\n\n  private cancelAnimationFrame(): void {\n    if (this.rafId === -1) {\n      return;\n    }\n\n    cancelAnimationFrame(this.rafId);\n    this.rafId = -1;\n  }\n}\n","import {\n  Directive,\n  booleanAttribute,\n  computed,\n  inject,\n  input,\n} from '@angular/core';\n\nimport { ACCORDION_ITEM, ACCORDION_ROOT } from './accordion.tokens';\n\nlet accordionItemId = 0;\n\n@Directive({\n  selector: '[frAccordionItem]',\n  exportAs: 'frAccordionItem',\n  standalone: true,\n  providers: [{ provide: ACCORDION_ITEM, useExisting: FrAccordionItem }],\n  host: {\n    class: 'frame-accordion__item',\n    '[attr.data-disabled]': 'disabled() ? \"\" : null',\n    '[attr.data-state]': 'open() ? \"open\" : \"closed\"',\n  },\n})\nexport class FrAccordionItem {\n  private readonly root = inject(ACCORDION_ROOT);\n  private readonly itemId = ++accordionItemId;\n\n  readonly value = input.required<string>();\n  readonly disabled = input(false, { transform: booleanAttribute });\n\n  readonly open = computed(() => this.root.isItemOpen(this.value()));\n  readonly triggerId = computed(() => `frame-accordion-trigger-${this.itemId}`);\n  readonly contentId = computed(() => `frame-accordion-content-${this.itemId}`);\n\n  toggle(): void {\n    if (this.disabled()) {\n      return;\n    }\n\n    this.root.toggleItem(this.value());\n  }\n}\n","import {\n  Directive,\n  booleanAttribute,\n  effect,\n  input,\n  output,\n  signal,\n} from '@angular/core';\n\nimport { ACCORDION_ROOT } from './accordion.tokens';\nimport { FrAccordionType } from './accordion.types';\n\n@Directive({\n  selector: '[frAccordion]',\n  exportAs: 'frAccordion',\n  standalone: true,\n  providers: [{ provide: ACCORDION_ROOT, useExisting: FrAccordion }],\n  host: {\n    class: 'frame-accordion',\n    '[attr.data-border]': 'border() ? \"true\" : \"false\"',\n    '[attr.data-type]': 'type()',\n  },\n})\nexport class FrAccordion {\n  readonly type = input<FrAccordionType>('single');\n  readonly border = input(true, { transform: booleanAttribute });\n  readonly collapsible = input(false, { transform: booleanAttribute });\n  readonly defaultValue = input<string | readonly string[] | null>(null);\n  readonly valueChange = output<string | string[] | null>();\n\n  private readonly openItems = signal<string[]>([]);\n\n  constructor() {\n    effect(() => {\n      this.openItems.set(this.normalizeValues(this.defaultValue(), this.type()));\n    });\n  }\n\n  isItemOpen(value: string): boolean {\n    return this.openItems().includes(value);\n  }\n\n  toggleItem(value: string): void {\n    const current = this.openItems();\n    const isOpen = current.includes(value);\n\n    if (this.type() === 'multiple') {\n      const next = isOpen\n        ? current.filter((item) => item !== value)\n        : [...current, value];\n      this.commit(next);\n      return;\n    }\n\n    if (isOpen) {\n      if (!this.collapsible()) {\n        return;\n      }\n\n      this.commit([]);\n      return;\n    }\n\n    this.commit([value]);\n  }\n\n  private commit(next: string[]): void {\n    this.openItems.set(next);\n\n    if (this.type() === 'multiple') {\n      this.valueChange.emit(next);\n      return;\n    }\n\n    this.valueChange.emit(next[0] ?? null);\n  }\n\n  private normalizeValues(\n    value: string | readonly string[] | null,\n    type: FrAccordionType,\n  ): string[] {\n    if (Array.isArray(value)) {\n      return type === 'multiple' ? [...value] : value.length ? [value[0]] : [];\n    }\n\n    if (value == null || value === '') {\n      return [];\n    }\n\n    return [value as string];\n  }\n}\n","import { Directive, inject } from '@angular/core';\n\nimport { ACCORDION_ITEM } from './accordion.tokens';\n\n@Directive({\n  selector: 'button[frAccordionTrigger]',\n  standalone: true,\n  host: {\n    class: 'frame-accordion__trigger',\n    '[attr.aria-controls]': 'item.contentId()',\n    '[attr.aria-expanded]': 'item.open() ? \"true\" : \"false\"',\n    '[attr.data-disabled]': 'item.disabled() ? \"\" : null',\n    '[attr.data-state]': 'item.open() ? \"open\" : \"closed\"',\n    '[attr.disabled]': 'item.disabled() ? \"\" : null',\n    '[attr.id]': 'item.triggerId()',\n    'type': 'button',\n    '(click)': 'item.toggle()',\n  },\n})\nexport class FrAccordionTrigger {\n  protected readonly item = inject(ACCORDION_ITEM);\n}\n\n@Directive({\n  selector: '[frAccordionIcon]',\n  standalone: true,\n  host: {\n    class: 'frame-accordion__icon',\n    'aria-hidden': 'true',\n  },\n})\nexport class FrAccordionIcon {}\n","export const FR_ACCORDION_TYPES = ['single', 'multiple'] as const;\n\nexport type FrAccordionType = (typeof FR_ACCORDION_TYPES)[number];\n","import { NgModule } from '@angular/core';\nimport {\n  FrAccordion,\n  FrAccordionContent,\n  FrAccordionIcon,\n  FrAccordionItem,\n  FrAccordionTrigger,\n} from './src/accordion';\n\n@NgModule({\n  imports: [\n    FrAccordion,\n    FrAccordionContent,\n    FrAccordionIcon,\n    FrAccordionItem,\n    FrAccordionTrigger,\n  ],\n  exports: [\n    FrAccordion,\n    FrAccordionContent,\n    FrAccordionIcon,\n    FrAccordionItem,\n    FrAccordionTrigger,\n  ],\n})\nexport class FrAccordionModule {}\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-accordion.mjs","sources":["../../../projects/components/accordion/src/accordion.tokens.ts","../../../projects/components/accordion/src/accordion.content.ts","../../../projects/components/accordion/src/accordion.item.ts","../../../projects/components/accordion/src/accordion.root.ts","../../../projects/components/accordion/src/accordion.trigger.ts","../../../projects/components/accordion/src/accordion.types.ts","../../../projects/components/accordion/accordion.module.ts","../../../projects/components/accordion/frame-ui-ng-components-accordion.ts"],"sourcesContent":["import { InjectionToken, Signal } from '@angular/core';\n\nexport interface FrAccordionRootContext {\n  isItemOpen(value: string): boolean;\n  toggleItem(value: string): void;\n}\n\nexport interface FrAccordionItemContext {\n  readonly contentId: Signal<string>;\n  readonly disabled: Signal<boolean>;\n  readonly open: Signal<boolean>;\n  readonly triggerId: Signal<string>;\n  toggle(): void;\n}\n\nexport const ACCORDION_ROOT = new InjectionToken<FrAccordionRootContext>('FrAccordion');\nexport const ACCORDION_ITEM = new InjectionToken<FrAccordionItemContext>('FrAccordionItem');\n","import { Directive, ElementRef, effect, inject } from '@angular/core';\r\n\r\nimport { ACCORDION_ITEM } from './accordion.tokens';\r\n\r\n@Directive({\r\n  selector: '[frAccordionContent]',\r\n  standalone: true,\r\n  host: {\r\n    class: 'frame-accordion__content',\r\n    '[attr.aria-hidden]': 'item.open() ? \"false\" : \"true\"',\r\n    '[attr.aria-labelledby]': 'item.triggerId()',\r\n    '[attr.data-state]': 'item.open() ? \"open\" : \"closed\"',\r\n    '[attr.id]': 'item.contentId()',\r\n    '(transitionend)': 'onTransitionEnd($event)',\r\n    'role': 'region',\r\n  },\r\n})\r\nexport class FrAccordionContent {\r\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef);\r\n  protected readonly item = inject(ACCORDION_ITEM);\r\n  private initialized = false;\r\n  private rafIds: number[] = [];\r\n\r\n  constructor() {\r\n    effect((onCleanup) => {\r\n      const open = this.item.open();\r\n\r\n      this.cancelAnimationFrame();\r\n\r\n      if (!this.initialized) {\r\n        this.applyStaticState(open);\r\n        this.initialized = true;\r\n        return;\r\n      }\r\n\r\n      this.animate(open);\r\n      onCleanup(() => this.cancelAnimationFrame());\r\n    });\r\n  }\r\n\r\n  onTransitionEnd(event: TransitionEvent): void {\r\n    if (event.target !== this.host.nativeElement || event.propertyName !== 'height') {\r\n      return;\r\n    }\r\n\r\n    if (!this.item.open()) {\r\n      this.host.nativeElement.style.visibility = 'hidden';\r\n      return;\r\n    }\r\n\r\n    this.host.nativeElement.style.height = 'auto';\r\n  }\r\n\r\n  private animate(open: boolean): void {\r\n    const element = this.host.nativeElement;\r\n    const currentHeight = element.getBoundingClientRect().height;\r\n    const contentHeight = this.measureContentHeight();\r\n\r\n    if (open) {\r\n      element.style.visibility = 'visible';\r\n      element.style.height = `${currentHeight}px`;\r\n\r\n      if (currentHeight === 0) {\r\n        element.style.opacity = '0';\r\n      }\r\n\r\n      void element.offsetHeight;\r\n\r\n      this.requestAnimationFrame(() => {\r\n        element.style.height = `${contentHeight}px`;\r\n        element.style.opacity = '1';\r\n      });\r\n      return;\r\n    }\r\n\r\n    element.style.height = `${currentHeight || contentHeight}px`;\r\n    element.style.opacity = '1';\r\n    void element.offsetHeight;\r\n\r\n    this.requestAnimationFrame(() => {\r\n      element.style.height = '0px';\r\n      element.style.opacity = '0';\r\n    });\r\n  }\r\n\r\n  private applyStaticState(open: boolean): void {\r\n    const element = this.host.nativeElement;\r\n\r\n    element.style.height = open ? 'auto' : '0px';\r\n    element.style.opacity = open ? '1' : '0';\r\n    element.style.visibility = open ? 'visible' : 'hidden';\r\n  }\r\n\r\n  private measureContentHeight(): number {\r\n    return this.host.nativeElement.scrollHeight;\r\n  }\r\n\r\n  private cancelAnimationFrame(): void {\r\n    for (const rafId of this.rafIds) {\r\n      cancelAnimationFrame(rafId);\r\n    }\r\n\r\n    this.rafIds = [];\r\n  }\r\n\r\n  private requestAnimationFrame(callback: FrameRequestCallback): void {\r\n    const rafId = requestAnimationFrame((time) => {\r\n      this.rafIds = this.rafIds.filter((id) => id !== rafId);\r\n      callback(time);\r\n    });\r\n\r\n    this.rafIds.push(rafId);\r\n  }\r\n}\r\n","import {\n  Directive,\n  booleanAttribute,\n  computed,\n  inject,\n  input,\n} from '@angular/core';\n\nimport { ACCORDION_ITEM, ACCORDION_ROOT } from './accordion.tokens';\n\nlet accordionItemId = 0;\n\n@Directive({\n  selector: '[frAccordionItem]',\n  exportAs: 'frAccordionItem',\n  standalone: true,\n  providers: [{ provide: ACCORDION_ITEM, useExisting: FrAccordionItem }],\n  host: {\n    class: 'frame-accordion__item',\n    '[attr.data-disabled]': 'disabled() ? \"\" : null',\n    '[attr.data-state]': 'open() ? \"open\" : \"closed\"',\n  },\n})\nexport class FrAccordionItem {\n  private readonly root = inject(ACCORDION_ROOT);\n  private readonly itemId = ++accordionItemId;\n\n  readonly value = input.required<string>();\n  readonly disabled = input(false, { transform: booleanAttribute });\n\n  readonly open = computed(() => this.root.isItemOpen(this.value()));\n  readonly triggerId = computed(() => `frame-accordion-trigger-${this.itemId}`);\n  readonly contentId = computed(() => `frame-accordion-content-${this.itemId}`);\n\n  toggle(): void {\n    if (this.disabled()) {\n      return;\n    }\n\n    this.root.toggleItem(this.value());\n  }\n}\n","import {\n  Directive,\n  booleanAttribute,\n  effect,\n  input,\n  output,\n  signal,\n} from '@angular/core';\n\nimport { ACCORDION_ROOT } from './accordion.tokens';\nimport { FrAccordionType } from './accordion.types';\n\n@Directive({\n  selector: '[frAccordion]',\n  exportAs: 'frAccordion',\n  standalone: true,\n  providers: [{ provide: ACCORDION_ROOT, useExisting: FrAccordion }],\n  host: {\n    class: 'frame-accordion',\n    '[attr.data-border]': 'border() ? \"true\" : \"false\"',\n    '[attr.data-type]': 'type()',\n  },\n})\nexport class FrAccordion {\n  readonly type = input<FrAccordionType>('single');\n  readonly border = input(true, { transform: booleanAttribute });\n  readonly collapsible = input(false, { transform: booleanAttribute });\n  readonly defaultValue = input<string | readonly string[] | null>(null);\n  readonly valueChange = output<string | string[] | null>();\n\n  private readonly openItems = signal<string[]>([]);\n\n  constructor() {\n    effect(() => {\n      this.openItems.set(this.normalizeValues(this.defaultValue(), this.type()));\n    });\n  }\n\n  isItemOpen(value: string): boolean {\n    return this.openItems().includes(value);\n  }\n\n  toggleItem(value: string): void {\n    const current = this.openItems();\n    const isOpen = current.includes(value);\n\n    if (this.type() === 'multiple') {\n      const next = isOpen\n        ? current.filter((item) => item !== value)\n        : [...current, value];\n      this.commit(next);\n      return;\n    }\n\n    if (isOpen) {\n      if (!this.collapsible()) {\n        return;\n      }\n\n      this.commit([]);\n      return;\n    }\n\n    this.commit([value]);\n  }\n\n  private commit(next: string[]): void {\n    this.openItems.set(next);\n\n    if (this.type() === 'multiple') {\n      this.valueChange.emit(next);\n      return;\n    }\n\n    this.valueChange.emit(next[0] ?? null);\n  }\n\n  private normalizeValues(\n    value: string | readonly string[] | null,\n    type: FrAccordionType,\n  ): string[] {\n    if (Array.isArray(value)) {\n      return type === 'multiple' ? [...value] : value.length ? [value[0]] : [];\n    }\n\n    if (value == null || value === '') {\n      return [];\n    }\n\n    return [value as string];\n  }\n}\n","import { Directive, inject } from '@angular/core';\n\nimport { ACCORDION_ITEM } from './accordion.tokens';\n\n@Directive({\n  selector: 'button[frAccordionTrigger]',\n  standalone: true,\n  host: {\n    class: 'frame-accordion__trigger',\n    '[attr.aria-controls]': 'item.contentId()',\n    '[attr.aria-expanded]': 'item.open() ? \"true\" : \"false\"',\n    '[attr.data-disabled]': 'item.disabled() ? \"\" : null',\n    '[attr.data-state]': 'item.open() ? \"open\" : \"closed\"',\n    '[attr.disabled]': 'item.disabled() ? \"\" : null',\n    '[attr.id]': 'item.triggerId()',\n    'type': 'button',\n    '(click)': 'item.toggle()',\n  },\n})\nexport class FrAccordionTrigger {\n  protected readonly item = inject(ACCORDION_ITEM);\n}\n\n@Directive({\n  selector: '[frAccordionIcon]',\n  standalone: true,\n  host: {\n    class: 'frame-accordion__icon',\n    'aria-hidden': 'true',\n  },\n})\nexport class FrAccordionIcon {}\n","export const FR_ACCORDION_TYPES = ['single', 'multiple'] as const;\n\nexport type FrAccordionType = (typeof FR_ACCORDION_TYPES)[number];\n","import { NgModule } from '@angular/core';\nimport {\n  FrAccordion,\n  FrAccordionContent,\n  FrAccordionIcon,\n  FrAccordionItem,\n  FrAccordionTrigger,\n} from './src/accordion';\n\n@NgModule({\n  imports: [\n    FrAccordion,\n    FrAccordionContent,\n    FrAccordionIcon,\n    FrAccordionItem,\n    FrAccordionTrigger,\n  ],\n  exports: [\n    FrAccordion,\n    FrAccordionContent,\n    FrAccordionIcon,\n    FrAccordionItem,\n    FrAccordionTrigger,\n  ],\n})\nexport class FrAccordionModule {}\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-badge.mjs

@@ -6,6 +6,7 @@ import { FrSpinner } from '@frame-ui-ng/components/spinner';
 const FR_BADGE_VARIANTS = [
     'default',
     'secondary',
+    'success',
     'destructive',
     'outline',
     'ghost',