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

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

@@ -0,0 +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;
+}

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

@@ -0,0 +1,87 @@
+.frame-dropdown-menu__item,
+.frame-dropdown-menu__label {
+  display: flex;
+  align-items: center;
+  column-gap: var(--frame-dropdown-menu-item-gap);
+  min-height: var(--frame-dropdown-menu-item-height);
+  border-radius: var(--frame-dropdown-menu-item-radius);
+  padding: var(--frame-dropdown-menu-item-padding);
+  font-size: var(--frame-dropdown-menu-item-font-size);
+  line-height: 1.25;
+  box-sizing: border-box;
+}
+
+.frame-dropdown-menu__label {
+  font-size: var(--frame-dropdown-menu-label-font-size);
+}
+
+.frame-dropdown-menu__item {
+  width: 100%;
+  border: 0;
+  background: transparent;
+  color: inherit;
+  cursor: default;
+  text-align: left;
+  text-decoration: none;
+}
+
+.frame-dropdown-menu__item:hover,
+.frame-dropdown-menu__item:focus-visible,
+.frame-dropdown-menu__sub-trigger[data-state='open'] {
+  background: var(--frame-dropdown-menu-item-hover-bg);
+  color: var(--frame-dropdown-menu-item-hover-color);
+  outline: none;
+}
+
+.frame-dropdown-menu__item[disabled],
+.frame-dropdown-menu__item[aria-disabled='true'] {
+  opacity: var(--frame-dropdown-menu-item-disabled-opacity);
+  pointer-events: none;
+}
+
+.frame-dropdown-menu__item[data-variant='destructive'] {
+  color: var(--frame-dropdown-menu-item-destructive-color);
+}
+
+.frame-dropdown-menu__item[data-variant='destructive']:hover,
+.frame-dropdown-menu__item[data-variant='destructive']:focus-visible,
+.frame-dropdown-menu__item[data-variant='destructive'].frame-dropdown-menu__sub-trigger[data-state='open'] {
+  background: var(--frame-dropdown-menu-item-destructive-hover-bg);
+  color: var(--frame-dropdown-menu-item-destructive-hover-color);
+}
+
+.frame-dropdown-menu__item[data-inset],
+.frame-dropdown-menu__label[data-inset] {
+  padding-left: var(--frame-dropdown-menu-item-inset-padding);
+}
+
+.frame-dropdown-menu__shortcut {
+  margin-left: auto;
+  padding-left: var(--frame-dropdown-menu-shortcut-gap);
+  color: var(--frame-dropdown-menu-shortcut-color);
+  font-size: var(--frame-dropdown-menu-shortcut-font-size);
+  line-height: 1.25;
+  letter-spacing: 0.04em;
+  white-space: nowrap;
+}
+
+.frame-dropdown-menu__indicator {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--frame-dropdown-menu-indicator-size);
+  height: var(--frame-dropdown-menu-indicator-size);
+  color: inherit;
+}
+
+.frame-dropdown-menu__checkbox-item:not([data-checked]) .frame-dropdown-menu__indicator,
+.frame-dropdown-menu__radio-item:not([data-checked]) .frame-dropdown-menu__indicator {
+  opacity: 0;
+}
+
+.frame-dropdown-menu__sub-trigger::after {
+  content: '›';
+  margin-left: auto;
+  padding-left: var(--frame-dropdown-menu-shortcut-gap);
+  color: var(--frame-dropdown-menu-shortcut-color);
+}

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

@@ -0,0 +1,42 @@
+.frame-dropdown-menu__content {
+  transform-origin: var(--frame-dropdown-menu-origin, top left);
+  animation: frame-dropdown-menu-enter var(--frame-dropdown-menu-motion-duration) var(--frame-dropdown-menu-motion-easing);
+  will-change: opacity, transform;
+}
+
+.frame-dropdown-menu__content[data-side='bottom'] {
+  --frame-dropdown-menu-enter-x: 0;
+  --frame-dropdown-menu-enter-y: calc(var(--frame-dropdown-menu-motion-distance) * -1);
+  --frame-dropdown-menu-origin: top left;
+}
+
+.frame-dropdown-menu__content[data-side='top'] {
+  --frame-dropdown-menu-enter-x: 0;
+  --frame-dropdown-menu-enter-y: var(--frame-dropdown-menu-motion-distance);
+  --frame-dropdown-menu-origin: bottom left;
+}
+
+.frame-dropdown-menu__content[data-side='right'] {
+  --frame-dropdown-menu-enter-x: calc(var(--frame-dropdown-menu-motion-distance) * -1);
+  --frame-dropdown-menu-enter-y: 0;
+  --frame-dropdown-menu-origin: left top;
+}
+
+.frame-dropdown-menu__content[data-side='left'] {
+  --frame-dropdown-menu-enter-x: var(--frame-dropdown-menu-motion-distance);
+  --frame-dropdown-menu-enter-y: 0;
+  --frame-dropdown-menu-origin: right top;
+}
+
+@keyframes frame-dropdown-menu-enter {
+  from {
+    opacity: 0;
+    transform: translate(var(--frame-dropdown-menu-enter-x, 0), var(--frame-dropdown-menu-enter-y, calc(var(--frame-dropdown-menu-motion-distance) * -1)))
+      scale(var(--frame-dropdown-menu-motion-scale));
+  }
+
+  to {
+    opacity: 1;
+    transform: translateY(0) scale(1);
+  }
+}

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

@@ -0,0 +1,26 @@
+.frame-dropdown-menu__content {
+  box-sizing: border-box;
+  min-width: var(--frame-dropdown-menu-panel-min-width);
+  overflow: hidden;
+  border: 1px solid var(--frame-dropdown-menu-panel-border);
+  border-radius: var(--frame-dropdown-menu-panel-radius);
+  background: var(--frame-dropdown-menu-panel-bg);
+  color: var(--frame-dropdown-menu-panel-color);
+  box-shadow: var(--frame-dropdown-menu-panel-shadow);
+  padding: var(--frame-dropdown-menu-panel-padding);
+  outline: none;
+}
+
+.frame-dropdown-menu__label {
+  color: var(--frame-dropdown-menu-label-color);
+  font-size: var(--frame-dropdown-menu-label-font-size);
+  font-weight: var(--frame-dropdown-menu-label-font-weight);
+  letter-spacing: 0.01em;
+}
+
+.frame-dropdown-menu__separator {
+  display: block;
+  height: 1px;
+  margin: var(--frame-dropdown-menu-separator-margin);
+  background: var(--frame-dropdown-menu-separator-bg);
+}

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

@@ -0,0 +1,4 @@
+@import './_vars.css';
+@import './dropdown-menu-panel.css';
+@import './dropdown-menu-item.css';
+@import './dropdown-menu-motion.css';

package/empty/src/styles/_vars.css

@@ -0,0 +1,23 @@
+:root {
+  --frame-empty-padding: 3rem 1.5rem;
+  --frame-empty-gap: 1.5rem;
+  --frame-empty-radius: var(--frame-radius-lg);
+  --frame-empty-border: transparent;
+  --frame-empty-bg: transparent;
+  --frame-empty-color: var(--frame-foreground);
+  --frame-empty-outline-border: var(--frame-border);
+  --frame-empty-soft-bg: var(--frame-muted);
+  --frame-empty-header-gap: 0.75rem;
+  --frame-empty-content-gap: 0.75rem;
+  --frame-empty-media-size: 3rem;
+  --frame-empty-media-radius: var(--frame-radius-lg);
+  --frame-empty-media-bg: var(--frame-muted);
+  --frame-empty-media-color: var(--frame-muted-foreground);
+  --frame-empty-media-icon-size: 1.5rem;
+  --frame-empty-title-color: var(--frame-foreground);
+  --frame-empty-title-font-size: 1rem;
+  --frame-empty-title-font-weight: 600;
+  --frame-empty-description-color: var(--frame-muted-foreground);
+  --frame-empty-description-font-size: 0.875rem;
+  --frame-empty-description-max-width: 32rem;
+}

package/empty/src/styles/empty.css

@@ -0,0 +1,108 @@
+@import './_vars.css';
+
+[frEmpty],
+frame-empty {
+  box-sizing: border-box;
+  display: flex;
+  width: 100%;
+  align-items: center;
+  justify-content: center;
+  gap: var(--frame-empty-gap);
+  border: 1px solid var(--frame-empty-border);
+  border-radius: var(--frame-empty-radius);
+  background: var(--frame-empty-bg);
+  color: var(--frame-empty-color);
+  padding: var(--frame-empty-padding);
+  text-align: center;
+}
+
+[frEmpty][data-orientation='vertical'],
+frame-empty[data-orientation='vertical'] {
+  flex-direction: column;
+}
+
+[frEmpty][data-orientation='horizontal'],
+frame-empty[data-orientation='horizontal'] {
+  flex-direction: row;
+  text-align: start;
+}
+
+[frEmpty][data-variant='outline'],
+frame-empty[data-variant='outline'] {
+  --frame-empty-border: var(--frame-empty-outline-border);
+}
+
+[frEmpty][data-variant='soft'],
+frame-empty[data-variant='soft'] {
+  --frame-empty-bg: var(--frame-empty-soft-bg);
+}
+
+[frEmptyHeader],
+frame-empty-header {
+  display: grid;
+  justify-items: center;
+  gap: var(--frame-empty-header-gap);
+  min-width: 0;
+}
+
+[frEmpty][data-orientation='horizontal'] [frEmptyHeader],
+frame-empty[data-orientation='horizontal'] frame-empty-header {
+  justify-items: start;
+}
+
+[frEmptyMedia],
+frame-empty-media {
+  display: inline-flex;
+  inline-size: var(--frame-empty-media-size);
+  block-size: var(--frame-empty-media-size);
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--frame-empty-media-radius);
+  color: var(--frame-empty-media-color);
+  line-height: 1;
+}
+
+[frEmptyMedia][data-variant='icon'],
+frame-empty-media[data-variant='icon'] {
+  background: var(--frame-empty-media-bg);
+}
+
+[frEmptyMedia] > ng-icon,
+frame-empty-media > ng-icon,
+[frEmptyMedia] > svg,
+frame-empty-media > svg {
+  inline-size: var(--frame-empty-media-icon-size);
+  block-size: var(--frame-empty-media-icon-size);
+}
+
+[frEmptyTitle],
+frame-empty-title {
+  color: var(--frame-empty-title-color);
+  font-size: var(--frame-empty-title-font-size);
+  font-weight: var(--frame-empty-title-font-weight);
+  line-height: 1.25;
+  margin: 0;
+}
+
+[frEmptyDescription],
+frame-empty-description {
+  max-width: var(--frame-empty-description-max-width);
+  color: var(--frame-empty-description-color);
+  font-size: var(--frame-empty-description-font-size);
+  line-height: 1.55;
+  margin: 0;
+}
+
+[frEmptyContent],
+frame-empty-content {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: center;
+  gap: var(--frame-empty-content-gap);
+}
+
+[frEmpty][data-orientation='horizontal'] [frEmptyContent],
+frame-empty[data-orientation='horizontal'] frame-empty-content {
+  justify-content: flex-start;
+}

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

@@ -0,0 +1,268 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, ElementRef, effect, Directive, input, booleanAttribute, computed, output, signal, NgModule } from '@angular/core';
+
+const ACCORDION_ROOT = new InjectionToken('FrAccordion');
+const ACCORDION_ITEM = new InjectionToken('FrAccordionItem');
+
+class FrAccordionContent {
+    host = inject(ElementRef);
+    item = inject(ACCORDION_ITEM);
+    initialized = false;
+    rafId = -1;
+    constructor() {
+        effect((onCleanup) => {
+            const open = this.item.open();
+            this.cancelAnimationFrame();
+            if (!this.initialized) {
+                this.applyStaticState(open);
+                this.initialized = true;
+                return;
+            }
+            this.animate(open);
+            onCleanup(() => this.cancelAnimationFrame());
+        });
+    }
+    onTransitionEnd(event) {
+        if (event.target !== this.host.nativeElement || event.propertyName !== 'height') {
+            return;
+        }
+        if (!this.item.open()) {
+            this.host.nativeElement.style.visibility = 'hidden';
+            return;
+        }
+        this.host.nativeElement.style.height = 'auto';
+    }
+    animate(open) {
+        const element = this.host.nativeElement;
+        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.opacity = '1';
+            });
+            return;
+        }
+        element.style.height = `${element.scrollHeight}px`;
+        element.style.opacity = '1';
+        this.rafId = requestAnimationFrame(() => {
+            element.style.height = '0px';
+            element.style.opacity = '0';
+        });
+    }
+    applyStaticState(open) {
+        const element = this.host.nativeElement;
+        element.style.height = open ? 'auto' : '0px';
+        element.style.opacity = open ? '1' : '0';
+        element.style.visibility = open ? 'visible' : 'hidden';
+    }
+    cancelAnimationFrame() {
+        if (this.rafId === -1) {
+            return;
+        }
+        cancelAnimationFrame(this.rafId);
+        this.rafId = -1;
+    }
+    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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrAccordionContent, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frAccordionContent]',
+                    standalone: true,
+                    host: {
+                        class: 'frame-accordion__content',
+                        '[attr.aria-hidden]': 'item.open() ? "false" : "true"',
+                        '[attr.aria-labelledby]': 'item.triggerId()',
+                        '[attr.data-state]': 'item.open() ? "open" : "closed"',
+                        '[attr.id]': 'item.contentId()',
+                        '(transitionend)': 'onTransitionEnd($event)',
+                        'role': 'region',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+
+let accordionItemId = 0;
+class FrAccordionItem {
+    root = inject(ACCORDION_ROOT);
+    itemId = ++accordionItemId;
+    value = input.required(...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    open = computed(() => this.root.isItemOpen(this.value()), ...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
+    triggerId = computed(() => `frame-accordion-trigger-${this.itemId}`, ...(ngDevMode ? [{ debugName: "triggerId" }] : /* istanbul ignore next */ []));
+    contentId = computed(() => `frame-accordion-content-${this.itemId}`, ...(ngDevMode ? [{ debugName: "contentId" }] : /* istanbul ignore next */ []));
+    toggle() {
+        if (this.disabled()) {
+            return;
+        }
+        this.root.toggleItem(this.value());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrAccordionItem, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.16", type: FrAccordionItem, isStandalone: true, selector: "[frAccordionItem]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-disabled": "disabled() ? \"\" : null", "attr.data-state": "open() ? \"open\" : \"closed\"" }, classAttribute: "frame-accordion__item" }, providers: [{ provide: ACCORDION_ITEM, useExisting: FrAccordionItem }], exportAs: ["frAccordionItem"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrAccordionItem, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frAccordionItem]',
+                    exportAs: 'frAccordionItem',
+                    standalone: true,
+                    providers: [{ provide: ACCORDION_ITEM, useExisting: FrAccordionItem }],
+                    host: {
+                        class: 'frame-accordion__item',
+                        '[attr.data-disabled]': 'disabled() ? "" : null',
+                        '[attr.data-state]': 'open() ? "open" : "closed"',
+                    },
+                }]
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
+
+class FrAccordion {
+    type = input('single', ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
+    border = input(true, { ...(ngDevMode ? { debugName: "border" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    collapsible = input(false, { ...(ngDevMode ? { debugName: "collapsible" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    defaultValue = input(null, ...(ngDevMode ? [{ debugName: "defaultValue" }] : /* istanbul ignore next */ []));
+    valueChange = output();
+    openItems = signal([], ...(ngDevMode ? [{ debugName: "openItems" }] : /* istanbul ignore next */ []));
+    constructor() {
+        effect(() => {
+            this.openItems.set(this.normalizeValues(this.defaultValue(), this.type()));
+        });
+    }
+    isItemOpen(value) {
+        return this.openItems().includes(value);
+    }
+    toggleItem(value) {
+        const current = this.openItems();
+        const isOpen = current.includes(value);
+        if (this.type() === 'multiple') {
+            const next = isOpen
+                ? current.filter((item) => item !== value)
+                : [...current, value];
+            this.commit(next);
+            return;
+        }
+        if (isOpen) {
+            if (!this.collapsible()) {
+                return;
+            }
+            this.commit([]);
+            return;
+        }
+        this.commit([value]);
+    }
+    commit(next) {
+        this.openItems.set(next);
+        if (this.type() === 'multiple') {
+            this.valueChange.emit(next);
+            return;
+        }
+        this.valueChange.emit(next[0] ?? null);
+    }
+    normalizeValues(value, type) {
+        if (Array.isArray(value)) {
+            return type === 'multiple' ? [...value] : value.length ? [value[0]] : [];
+        }
+        if (value == null || value === '') {
+            return [];
+        }
+        return [value];
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrAccordion, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.16", type: FrAccordion, isStandalone: true, selector: "[frAccordion]", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, border: { classPropertyName: "border", publicName: "border", isSignal: true, isRequired: false, transformFunction: null }, collapsible: { classPropertyName: "collapsible", publicName: "collapsible", isSignal: true, isRequired: false, transformFunction: null }, defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, host: { properties: { "attr.data-border": "border() ? \"true\" : \"false\"", "attr.data-type": "type()" }, classAttribute: "frame-accordion" }, providers: [{ provide: ACCORDION_ROOT, useExisting: FrAccordion }], exportAs: ["frAccordion"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrAccordion, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frAccordion]',
+                    exportAs: 'frAccordion',
+                    standalone: true,
+                    providers: [{ provide: ACCORDION_ROOT, useExisting: FrAccordion }],
+                    host: {
+                        class: 'frame-accordion',
+                        '[attr.data-border]': 'border() ? "true" : "false"',
+                        '[attr.data-type]': 'type()',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], border: [{ type: i0.Input, args: [{ isSignal: true, alias: "border", required: false }] }], collapsible: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsible", required: false }] }], defaultValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultValue", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] } });
+
+class FrAccordionTrigger {
+    item = inject(ACCORDION_ITEM);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrAccordionTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrAccordionTrigger, isStandalone: true, selector: "button[frAccordionTrigger]", host: { attributes: { "type": "button" }, listeners: { "click": "item.toggle()" }, properties: { "attr.aria-controls": "item.contentId()", "attr.aria-expanded": "item.open() ? \"true\" : \"false\"", "attr.data-disabled": "item.disabled() ? \"\" : null", "attr.data-state": "item.open() ? \"open\" : \"closed\"", "attr.disabled": "item.disabled() ? \"\" : null", "attr.id": "item.triggerId()" }, classAttribute: "frame-accordion__trigger" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrAccordionTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'button[frAccordionTrigger]',
+                    standalone: true,
+                    host: {
+                        class: 'frame-accordion__trigger',
+                        '[attr.aria-controls]': 'item.contentId()',
+                        '[attr.aria-expanded]': 'item.open() ? "true" : "false"',
+                        '[attr.data-disabled]': 'item.disabled() ? "" : null',
+                        '[attr.data-state]': 'item.open() ? "open" : "closed"',
+                        '[attr.disabled]': 'item.disabled() ? "" : null',
+                        '[attr.id]': 'item.triggerId()',
+                        'type': 'button',
+                        '(click)': 'item.toggle()',
+                    },
+                }]
+        }] });
+class FrAccordionIcon {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrAccordionIcon, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrAccordionIcon, isStandalone: true, selector: "[frAccordionIcon]", host: { attributes: { "aria-hidden": "true" }, classAttribute: "frame-accordion__icon" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrAccordionIcon, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frAccordionIcon]',
+                    standalone: true,
+                    host: {
+                        class: 'frame-accordion__icon',
+                        'aria-hidden': 'true',
+                    },
+                }]
+        }] });
+
+const FR_ACCORDION_TYPES = ['single', 'multiple'];
+
+class FrAccordionModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrAccordionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.16", ngImport: i0, type: FrAccordionModule, imports: [FrAccordion,
+            FrAccordionContent,
+            FrAccordionIcon,
+            FrAccordionItem,
+            FrAccordionTrigger], exports: [FrAccordion,
+            FrAccordionContent,
+            FrAccordionIcon,
+            FrAccordionItem,
+            FrAccordionTrigger] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrAccordionModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrAccordionModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        FrAccordion,
+                        FrAccordionContent,
+                        FrAccordionIcon,
+                        FrAccordionItem,
+                        FrAccordionTrigger,
+                    ],
+                    exports: [
+                        FrAccordion,
+                        FrAccordionContent,
+                        FrAccordionIcon,
+                        FrAccordionItem,
+                        FrAccordionTrigger,
+                    ],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FR_ACCORDION_TYPES, FrAccordion, FrAccordionContent, FrAccordionIcon, FrAccordionItem, FrAccordionModule, FrAccordionTrigger };
+//# sourceMappingURL=frame-ui-ng-components-accordion.mjs.map

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

@@ -0,0 +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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"}