@design-factory/angular 21.1.0 → 22.0.0-next.0

package/fesm2022/design-factory-angular-accordion.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-factory-angular-accordion.mjs","sources":["../../accordion/accordion.base.ts","../../accordion/accordion.ts","../../accordion/accordion-item.ts","../../accordion/accordion-item.interactive.ts","../../accordion/accordion.selectable.ts","../../accordion/accordion-item.selectable.ts","../../accordion/accordion.config.ts","../../accordion/design-factory-angular-accordion.ts"],"sourcesContent":["import { AgnosWidgetDirective, callWidgetFactory, auBooleanAttribute } from '@design-factory/angular/internals';\nimport { Directive, input, output } from '@angular/core';\nimport { type AccordionWidget, createAccordion } from '@design-factory/core/components/accordion';\n\nconst DF_ACCORDION_I18N_DEFAULTS = {\n  ariaToggleButtonLabel: $localize`:@@df.accordion.toggle:Toggle item`\n};\n\ntype HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\n/**\n * Input transform that coerces a string or number value into a valid HTML heading level (1–6).\n *\n * Accepts both static template attributes (`itemHeadingLevel=\"3\"`) and bound values (`[itemHeadingLevel]=\"3\"`).\n *\n * Noninteger or out-of-range values fall back to `2`.\n */\nfunction dfHeadingLevelAttribute(value: `${HeadingLevel}` | HeadingLevel): HeadingLevel {\n  const num = +value;\n  return num >= 1 && num <= 6 && Number.isInteger(num) ? (num as HeadingLevel) : 2;\n}\n\n/**\n * Abstract base class for accordion variants.\n *\n * Provides the shared inputs, outputs and methods common to all accordion types.\n *\n * @internal\n */\n@Directive()\nexport abstract class DfAccordionBase extends AgnosWidgetDirective<AccordionWidget> {\n  /**\n   * An event fired when an item is shown.\n   *\n   * Event payload is the id of the item.\n   */\n  readonly itemShown = output<string>();\n\n  /**\n   * An event fired when an item is hidden.\n   *\n   * Event payload is the id of the item.\n   */\n  readonly itemHidden = output<string>();\n\n  /**\n   * If `true`, the accordion-item body container will be removed from the DOM when the accordion-item is collapsed. It will be just hidden otherwise.\n   *\n   * @defaultValue `true`\n   */\n  readonly itemDestroyOnHide = input(undefined, { transform: auBooleanAttribute });\n\n  /**\n   * If `true`, accordion-item will be animated.\n   *\n   * @defaultValue `true`\n   */\n  readonly animated = input(undefined, { transform: auBooleanAttribute });\n\n  /**\n   * The HTML heading level to use for the accordion-item-header.\n   *\n   * Should be an integer between 1 and 6, if an invalid value is provided, it will default to 2.\n   * @defaultValue 2\n   */\n  readonly itemHeadingLevel = input.required({ transform: dfHeadingLevelAttribute });\n\n  /**\n   * The size of the accordion.\n   *\n   * @defaultValue `'md'`\n   */\n  readonly size = input<'sm' | 'md' | 'lg'>();\n\n  /**\n   * Position of the expandable icon on the accordion header.\n   *\n   * @defaultValue `'end'`\n   */\n  readonly arrowPosition = input<'start' | 'end'>();\n\n  /**\n   * Addon type to show on the left side of the accordion header.\n   *\n   * Only valid for 'default' and 'interactive' variant.\n   *\n   * @defaultValue `'none'`\n   */\n  readonly addon = input<'none' | 'icon' | 'number'>();\n\n  /**\n   * In case of subtitle, defines how the subtitle is displayed.\n   *\n   * Only valid for 'default' and 'interactive'.\n   *\n   * On an interactive variant, subtitle is always displayed as inline.\n   *\n   * @defaultValue `'none'`\n   */\n  readonly subtitleType = input<'none' | 'inline' | 'block'>();\n\n  /**\n   * When an item is visible (a.k.a. expanded), a separator line is shown below the item header.\n   *\n   * @defaultValue `false`\n   */\n  readonly separator = input(undefined, { transform: auBooleanAttribute });\n\n  constructor() {\n    super(\n      callWidgetFactory(createAccordion, {\n        defaultConfig: {\n          ...DF_ACCORDION_I18N_DEFAULTS\n        },\n        events: {\n          onItemShown: (id) => this.itemShown.emit(id),\n          onItemHidden: (id) => this.itemHidden.emit(id)\n        }\n      })\n    );\n  }\n\n  /**\n   *  Toggles an item with the given id.\n   *\n   *  It will toggle an item, even if it is disabled.\n   */\n  public async toggle(itemId: string) {\n    await this.api.toggle(itemId);\n  }\n\n  /**\n   *  Expands an item with the given id.\n   *\n   *  If closeOthers is true, it will collapse other panels.\n   */\n  public async expand(itemId: string) {\n    await this.api.expand(itemId);\n  }\n\n  /**\n   *  Expands all items.\n   *\n   *  If closeOthers is true and all items are closed, it will open the first one. Otherwise, it will keep the opened one.\n   */\n  public async expandAll() {\n    await this.api.expandAll();\n  }\n\n  /**\n   * Checks if an item with the given id is expanded.\n   *\n   * If the itemId does not correspond to any item, it returns false.\n   */\n  public isExpanded(itemId: string) {\n    return (\n      this.state\n        .itemWidgets()\n        .find((item) => item.state$.get().id === itemId)\n        ?.state$.get().visible || false\n    );\n  }\n}\n","import { UseDirective, auBooleanAttribute } from '@design-factory/angular/internals';\nimport { Component, input, ViewEncapsulation } from '@angular/core';\nimport { DfAccordionBase } from './accordion.base';\n\n/**\n * An accordion is a vertically stacked list of headers that reveal or hide associated sections of content\n *\n * Each header and content section is called an accordion-item.\n *\n * This component is a container for these items and provides an API to handle them.\n *\n * @since 22.0.0\n */\n@Component({\n  selector: 'df-accordion',\n  imports: [UseDirective],\n  styles: \"@use '@design-factory/components-styles/accordion';\",\n  encapsulation: ViewEncapsulation.None,\n  template: `\n    <div [dfUse]=\"directives.accordionDirective\" class=\"df-accordion {{ state.accordionClassName() }}\" role=\"region\">\n      <ng-content />\n    </div>\n  `\n})\nexport class DfAccordion extends DfAccordionBase {\n  /**\n   * If `true`, only one accordion-item at the time can stay open.\n   *\n   * @defaultValue `false`\n   */\n  readonly closeOthers = input(undefined, { transform: auBooleanAttribute });\n\n  /**\n   * Collapses an item with the given id.\n   *\n   * Has no effect if the itemId does not correspond to any item.\n   */\n  public async collapse(itemId: string) {\n    await this.api.collapse(itemId);\n  }\n\n  /**\n   * Collapses all items.\n   */\n  public async collapseAll() {\n    await this.api.collapseAll();\n  }\n}\n","import {\n  afterNextRender,\n  Component,\n  contentChild,\n  Directive,\n  inject,\n  input,\n  output,\n  TemplateRef,\n  ViewEncapsulation\n} from '@angular/core';\nimport {\n  AgnosWidgetDirective,\n  callWidgetFactory,\n  UseDirective,\n  useDirectiveForHost,\n  auBooleanAttribute\n} from '@design-factory/angular/internals';\nimport { DfAccordion } from './accordion';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { type AccordionItemWidget } from '@design-factory/core/components/accordion';\n\n/**\n * A directive to define a template containing the body content of the accordion item.\n * @since 22.0.0\n * */\n@Directive({\n  selector: 'ng-template[dfAccordionItemBody]'\n})\nexport class DfAccordionItemBody {}\n\n/**\n * A directive to define a template containing the title of the accordion item.\n * @since 22.0.0\n * */\n@Directive({\n  selector: 'ng-template[dfAccordionItemTitle]'\n})\nexport class DfAccordionItemTitle {}\n\n/**\n *\n * An accordion item is a group of a header and a collapsible content section.\n *\n * It is used within an accordion component to display and hide content.\n *\n * This is the basic template for an accordion item. See {@link DfAccordionItemInteractive} for a template with interactive elements in the header.\n *\n * As its content, it accepts two directives:\n * - `dfAccordionItemTitle`: to define the title of the accordion item.\n * - `dfAccordionItemBody`: to define the body content of the accordion item.\n * @since 22.0.0\n */\n@Component({\n  selector: 'df-accordion-item',\n  host: {\n    class: 'df-accordion-item',\n    '[id]': '[state.id()]'\n  },\n  imports: [UseDirective, NgTemplateOutlet],\n  styles: \"@use '@design-factory/components-styles/accordion/accordion-item';\",\n  encapsulation: ViewEncapsulation.None,\n  template: `\n    <div\n      [attr.aria-level]=\"accordion['state'].itemHeadingLevel()\"\n      [dfUse]=\"directives.headerDirective\"\n      class=\"df-accordion-header\"\n      role=\"heading\"\n    >\n      <button [dfUse]=\"directives.buttonDirective\" class=\"df-accordion-button\" type=\"button\">\n        @if (accordion['state'].arrowPosition() === 'start') {\n          <span\n            class=\"df-accordion-chevron df-accordion-toggle-left fal fa-icon fa-chevron-down\"\n            aria-hidden=\"true\"\n          ></span>\n        }\n        <div class=\"df-accordion-button-content\">\n          @let subtitleType = accordion['state'].subtitleType();\n          @if (subtitleType === 'block' && subtitle()) {\n            <ng-template [ngTemplateOutlet]=\"addon\" />\n            <div class=\"df-accordion-title-block\">\n              <ng-template [ngTemplateOutlet]=\"title()\" />\n            </div>\n            <div class=\"df-accordion-subtitle-block\">{{ subtitle() }}</div>\n          } @else if (subtitleType === 'inline' && subtitle()) {\n            <ng-template [ngTemplateOutlet]=\"addon\" />\n            <div class=\"df-accordion-title-inline\">\n              <ng-template [ngTemplateOutlet]=\"title()\" />\n            </div>\n            <div class=\"df-accordion-subtitle-inline\">{{ subtitle() }}</div>\n          } @else {\n            <ng-template [ngTemplateOutlet]=\"addon\" />\n            <ng-template [ngTemplateOutlet]=\"title()\" />\n          }\n        </div>\n        @if (accordion['state'].arrowPosition() !== 'start') {\n          <span class=\"df-accordion-chevron fa-icon fal fa-chevron-down\" aria-hidden=\"true\"></span>\n        }\n      </button>\n    </div>\n    @if (state.shouldBeInDOM()) {\n      <div [dfUse]=\"directives.bodyContainerDirective\" class=\"df-accordion-collapse\">\n        <div class=\"df-accordion-body\" [dfUse]=\"directives.bodyDirective\">\n          <ng-template [ngTemplateOutlet]=\"body()\" />\n        </div>\n      </div>\n    }\n\n    <ng-template #addon>\n      @if (accordion['state'].addon() === 'icon' && iconClass()) {\n        <span class=\"{{ iconClass() }} df-accordion-icon\"></span>\n      } @else if (accordion['state'].addon() === 'number' && number()) {\n        <span class=\"df-accordion-number\">{{ number() }}.</span>\n      }\n    </ng-template>\n  `\n})\nexport class DfAccordionItem extends AgnosWidgetDirective<AccordionItemWidget> {\n  /**\n   * The id of the accordion-item. It can be used for controlling the accordion-item via the accordion api.\n   *\n   * @defaultValue `'dfId-[number]'`\n   */\n  readonly id = input<string>();\n  /**\n   * If `true`, the accordion-item body container will be removed from the DOM when the accordion-item is collapsed. It will be just hidden otherwise.\n   *\n   * @defaultValue `true`\n   */\n  readonly destroyOnHide = input(undefined, { transform: auBooleanAttribute });\n  /**\n   * If `true`, the accordion-item will be disabled.\n   *\n   * It will not react to user's clicks, but still will be possible to toggle programmatically.\n   *\n   * @defaultValue `false`\n   */\n  readonly disabled = input(undefined, { transform: auBooleanAttribute });\n  /**\n   * If `true`, the accordion-item will be visible (expanded). Otherwise, it will be hidden (collapsed).\n   *\n   * @defaultValue `false`\n   */\n  readonly visible = input(undefined, { transform: auBooleanAttribute });\n  /**\n   * An event fired when an item is shown.\n   */\n  readonly shown = output<void>();\n  /**\n   * An event fired when an item is hidden.\n   */\n  readonly hidden = output<void>();\n  /**\n   * An event fired when the `visible` value changes.\n   *\n   * Event payload is the new value of visible.\n   */\n  readonly visibleChange = output<boolean>();\n\n  /**\n   * Optional input only valid if the accordion's subtitleType is 'inline' or 'block' to set custom subtitle\n   *\n   * @defaultValue `undefined`\n   * */\n  readonly subtitle = input<string>();\n\n  /**\n   * Optional input only valid for Icon variant to set custom icon class\n   *\n   * @defaultValue `undefined`\n   * */\n  readonly iconClass = input<string>();\n\n  /**\n   * Optional input only valid for addon number variant to set the custom number\n   *\n   * @defaultValue `undefined`\n   * */\n  readonly number = input<string>();\n\n  protected readonly title = contentChild(DfAccordionItemTitle, { read: TemplateRef });\n  protected readonly body = contentChild(DfAccordionItemBody, { read: TemplateRef });\n  protected readonly accordion = inject(DfAccordion);\n\n  constructor() {\n    super(\n      callWidgetFactory<AccordionItemWidget>((arg) => this.accordion['api'].registerItem(arg), {\n        events: {\n          onVisibleChange: (visible) => this.visibleChange.emit(visible),\n          onHidden: () => this.hidden.emit(),\n          onShown: () => this.shown.emit()\n        },\n        afterInit: (widget) => {\n          useDirectiveForHost(widget.directives.itemDirective);\n        }\n      })\n    );\n    afterNextRender(() => this.api.initDone());\n  }\n\n  /**\n   *  Toggles the item.\n   *\n   *  It will toggle the item, even if it is disabled.\n   */\n  public async toggle() {\n    await this.api.toggle();\n  }\n\n  /**\n   *  Expands the item.\n   *\n   *  If closeOthers is true, it will collapse other panels.\n   */\n  public async expand() {\n    await this.api.expand();\n  }\n\n  /**\n   * Collapses the item.\n   * */\n  public async collapse() {\n    await this.api.collapse();\n  }\n\n  /**\n   * Checks if the item is expanded.\n   *\n   * */\n  public isExpanded() {\n    return this.state.visible();\n  }\n}\n","import {\n  afterNextRender,\n  Component,\n  contentChild,\n  Directive,\n  inject,\n  input,\n  output,\n  TemplateRef,\n  ViewEncapsulation\n} from '@angular/core';\nimport {\n  AgnosWidgetDirective,\n  callWidgetFactory,\n  UseDirective,\n  useDirectiveForHost,\n  auBooleanAttribute\n} from '@design-factory/angular/internals';\nimport { DfAccordion } from './accordion';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { type AccordionItemWidget } from '@design-factory/core/components/accordion';\nimport { DfAccordionItemBody, DfAccordionItemTitle } from './accordion-item';\nimport { DfIconButton } from '@design-factory/angular/button';\n\n/**\n * A directive to define a template containing an interactive element inside the accordion item header.\n * @since 22.0.0\n * */\n@Directive({\n  selector: 'ng-template[dfAccordionItemInteractiveSection]'\n})\nexport class DfAccordionItemInteractiveSection {}\n/**\n *\n * An accordion item is a group of a header and a collapsible content section.\n *\n * It is used within an accordion component to display and hide content.\n *\n * This template is for the case when it is needed an interactive section inside the header.\n *\n * As its content, it accepts three directives:\n * - `dfAccordionItemTitle`: to define the title of the accordion item.\n * - `DfAccordionItemInteractiveSection`: to define a template containing an interactive element.\n * - `dfAccordionItemBody`: to define the body content of the accordion item.\n * @since 22.0.0\n */\n@Component({\n  selector: 'df-accordion-item-interactive',\n  host: {\n    class: 'df-accordion-item',\n    '[id]': '[state.id()]'\n  },\n  imports: [UseDirective, NgTemplateOutlet, DfIconButton],\n  styles: \"@use '@design-factory/components-styles/accordion/accordion-item-interactive';\",\n  encapsulation: ViewEncapsulation.None,\n  template: `\n    <div\n      class=\"df-accordion-header df-accordion-interactive-header\"\n      [class.df-disabled]=\"state.disabled()\"\n      [attr.aria-disabled]=\"state.disabled() ? 'true' : null\"\n    >\n      @if (accordion['state'].arrowPosition() === 'start') {\n        <ng-template [ngTemplateOutlet]=\"toggleBtn\" />\n      }\n      <div class=\"df-accordion-interactive-content\">\n        <div class=\"df-accordion-interactive-inner\">\n          <ng-template [ngTemplateOutlet]=\"addon\" />\n          <div role=\"heading\" [attr.aria-level]=\"accordion['state'].itemHeadingLevel()\">\n            <ng-template [ngTemplateOutlet]=\"title()\" />\n          </div>\n          @if (accordion['state'].subtitleType() === 'block' && subtitle()) {\n            <div class=\"df-accordion-subtitle-block\">{{ subtitle() }}</div>\n          }\n        </div>\n        <ng-template [ngTemplateOutlet]=\"interactiveSection()\" />\n      </div>\n      @if (accordion['state'].arrowPosition() === 'end') {\n        <ng-template [ngTemplateOutlet]=\"toggleBtn\" />\n      }\n    </div>\n\n    @if (state.shouldBeInDOM()) {\n      <div [dfUse]=\"directives.bodyContainerDirective\" class=\"df-accordion-collapse\">\n        <div class=\"df-accordion-body\" [dfUse]=\"directives.bodyDirective\">\n          <ng-template [ngTemplateOutlet]=\"body()\" />\n        </div>\n      </div>\n    }\n\n    <ng-template #addon>\n      @if (accordion['state'].addon() === 'icon' && iconClass()) {\n        <span class=\"{{ iconClass() }} df-accordion-icon\"></span>\n      } @else if (accordion['state'].addon() === 'number' && number()) {\n        <span class=\"df-accordion-number\">{{ number() }}.</span>\n      }\n    </ng-template>\n\n    <ng-template #toggleBtn>\n      <button\n        [disabled]=\"state.disabled()\"\n        [dfUse]=\"directives.toggleDirective\"\n        dfIconButton\n        appearance=\"text\"\n        transparent\n        [attr.aria-label]=\"accordion['state'].ariaToggleButtonLabel()\"\n        class=\"df-accordion-toggle fal fa-chevron-down {{\n          accordion['state'].arrowPosition() === 'start' ? ' df-accordion-toggle-left' : ' df-accordion-toggle-right'\n        }}\"\n      ></button>\n    </ng-template>\n  `\n})\nexport class DfAccordionItemInteractive extends AgnosWidgetDirective<AccordionItemWidget> {\n  /**\n   * The id of the accordion-item. It can be used for controlling the accordion-item via the accordion api.\n   *\n   * @defaultValue `'dfId-[number]'`\n   */\n  readonly id = input<string>();\n  /**\n   * If `true`, the accordion-item body container will be removed from the DOM when the accordion-item is collapsed. It will be just hidden otherwise.\n   *\n   * @defaultValue `true`\n   */\n  readonly destroyOnHide = input(undefined, { transform: auBooleanAttribute });\n  /**\n   * If `true`, the accordion-item will be disabled.\n   *\n   * It will not react to user's clicks, but still will be possible to toggle programmatically.\n   *\n   * @defaultValue `false`\n   */\n  readonly disabled = input(undefined, { transform: auBooleanAttribute });\n  /**\n   * If `true`, the accordion-item will be visible (expanded). Otherwise, it will be hidden (collapsed).\n   *\n   * @defaultValue `false`\n   */\n  readonly visible = input(undefined, { transform: auBooleanAttribute });\n  /**\n   * An event fired when an item is shown.\n   */\n  readonly shown = output<void>();\n  /**\n   * An event fired when an item is hidden.\n   */\n  readonly hidden = output<void>();\n  /**\n   * An event fired when the `visible` value changes.\n   *\n   * Event payload is the new value of visible.\n   */\n  readonly visibleChange = output<boolean>();\n\n  /**\n   * Optional input only valid if the accordion's subtitleType is 'inline' or 'block' to set custom subtitle\n   * */\n  readonly subtitle = input<string>();\n\n  /**\n   * Optional input only valid for Icon variant to set custom icon class\n   * */\n  readonly iconClass = input<string>();\n\n  /**\n   * Optional input only valid for addon number variant to set custom the number\n   * */\n  readonly number = input('');\n\n  protected readonly title = contentChild(DfAccordionItemTitle, { read: TemplateRef });\n  protected readonly interactiveSection = contentChild(DfAccordionItemInteractiveSection, {\n    read: TemplateRef\n  });\n  protected readonly body = contentChild(DfAccordionItemBody, { read: TemplateRef });\n  protected readonly accordion = inject(DfAccordion);\n\n  constructor() {\n    super(\n      callWidgetFactory<AccordionItemWidget>((arg) => this.accordion['api'].registerItem(arg), {\n        events: {\n          onVisibleChange: (visible) => this.visibleChange.emit(visible),\n          onHidden: () => this.hidden.emit(),\n          onShown: () => this.shown.emit()\n        },\n        afterInit: (widget) => {\n          useDirectiveForHost(widget.directives.itemDirective);\n        }\n      })\n    );\n    afterNextRender(() => {\n      this.api.initDone();\n    });\n  }\n\n  /**\n   *  Toggles the item\n   *\n   *  It will toggle the item, even if it is disabled.\n   */\n  public async toggle() {\n    await this.api.toggle();\n  }\n\n  /**\n   *  Expands an item.\n   *\n   *  If closeOthers is true, it will collapse other panels.\n   */\n  public async expand() {\n    await this.api.expand();\n  }\n\n  /**\n   * Collapses the item.\n   * */\n  public async collapse() {\n    await this.api.collapse();\n  }\n\n  /**\n   * Checks if the item is expanded.\n   *\n   * */\n  public isExpanded() {\n    return this.state.visible();\n  }\n}\n","import { UseDirective } from '@design-factory/angular/internals';\nimport { Component, input, ViewEncapsulation } from '@angular/core';\nimport { DfAccordionBase } from './accordion.base';\n\n/**\n * A selectable accordion is a vertically stacked list of headers with built-in radio inputs,\n * following the radio-group pattern. Expanding an item selects it.\n *\n * Each header and content section is a selectable accordion-item.\n *\n * This component is a container for these items and provides an API to handle them.\n * It always enforces `closeOthers` behavior (only one item open at a time)\n * and uses `role=\"radiogroup\"` for accessibility.\n *\n * @since 22.0.0\n */\n@Component({\n  selector: 'df-accordion-selectable',\n  imports: [UseDirective],\n  styles: \"@use '@design-factory/components-styles/accordion';\",\n  encapsulation: ViewEncapsulation.None,\n  template: `\n    <div\n      [dfUse]=\"directives.accordionDirective\"\n      class=\"df-accordion df-accordion-selectable {{ state.accordionClassName() }}\"\n      role=\"radiogroup\"\n      [attr.aria-label]=\"ariaLabel() || null\"\n      [attr.aria-labelledby]=\"ariaLabelledBy() || null\"\n    >\n      <ng-content />\n    </div>\n  `\n})\nexport class DfAccordionSelectable extends DfAccordionBase {\n  /**\n   * The id of the accordion. Used to derive the radio group name for selectable items.\n   */\n  readonly id = input<string>();\n\n  /**\n   * Accessible label for the radiogroup.\n   * Use when there is no visible heading that can be referenced by `ariaLabelledBy`.\n   */\n  readonly ariaLabel = input<string>();\n\n  /**\n   * ID of an element that labels this radiogroup.\n   * Preferred over `ariaLabel` when a visible heading exists.\n   */\n  readonly ariaLabelledBy = input<string>();\n\n  constructor() {\n    super();\n    this._agnosWidget.patch({ selectable: true });\n  }\n}\n","import {\n  afterNextRender,\n  Component,\n  computed,\n  contentChild,\n  Directive,\n  forwardRef,\n  inject,\n  input,\n  output,\n  TemplateRef,\n  ViewEncapsulation\n} from '@angular/core';\nimport { type ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport {\n  AgnosWidgetDirective,\n  auBooleanAttribute,\n  callWidgetFactory,\n  UseDirective,\n  useDirectiveForHost\n} from '@design-factory/angular/internals';\nimport { DfAccordionSelectable } from './accordion.selectable';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { type AccordionItemWidget } from '@design-factory/core/components/accordion';\nimport { DfAccordionItemBody, DfAccordionItemTitle } from './accordion-item';\n\n/**\n * A directive to define a template containing a subsection element inside the selectable accordion item header.\n * @since 22.0.0\n */\n@Directive({\n  selector: 'ng-template[dfAccordionItemSelectableSubsection]'\n})\nexport class DfAccordionItemSelectableSubsection {}\n\n/**\n * An accordion item with a built-in radio input in the header.\n * Implements {@link ControlValueAccessor} so it can be used with `formControlName` or `ngModel`.\n * All selectable items sharing the same form control act as a radio group:\n * expanding an item selects its {@link DfAccordionItemSelectable#value | value}.\n *\n * As its content, it accepts two directives:\n * - `dfAccordionItemTitle`: to define the title of the accordion item.\n * - `dfAccordionItemBody`: to define the body content of the accordion item.\n *\n * Optionally:\n * - `dfAccordionItemSelectableSubsection`: to define a subsection element inside the header.\n * @since 22.0.0\n */\n@Component({\n  selector: 'df-accordion-item-selectable',\n  host: {\n    class: 'df-accordion-item',\n    '[id]': '[state.id()]'\n  },\n  imports: [UseDirective, NgTemplateOutlet],\n  styles: \"@use '@design-factory/components-styles/accordion/accordion-item-selectable';\",\n  encapsulation: ViewEncapsulation.None,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => DfAccordionItemSelectable),\n      multi: true\n    }\n  ],\n  template: `\n    <div\n      [attr.aria-level]=\"accordion['state'].itemHeadingLevel()\"\n      [dfUse]=\"directives.headerDirective\"\n      class=\"df-accordion-header\"\n      role=\"heading\"\n    >\n      <label\n        class=\"df-accordion-button\"\n        [class.df-collapsed]=\"!state.visible()\"\n        [class.df-disabled]=\"state.disabled()\"\n        [for]=\"state.id() + '-input'\"\n        [id]=\"state.id() + '-toggle'\"\n      >\n        <div class=\"df-accordion-title-container\">\n          <input\n            type=\"radio\"\n            (click)=\"onLabelClick($event)\"\n            [name]=\"accordion['state'].id() + '-radio'\"\n            [value]=\"value()\"\n            [checked]=\"state.visible()\"\n            [attr.disabled]=\"state.disabled() || null\"\n            [id]=\"state.id() + '-input'\"\n          />\n\n          @let computedSubtitle = subtitleComputed();\n          @if (computedSubtitle === 'block' && subtitle()) {\n            <div class=\"df-accordion-title-block-wrapper\">\n              <ng-template [ngTemplateOutlet]=\"addon\" />\n              <div class=\"df-accordion-title-block\">\n                <ng-template [ngTemplateOutlet]=\"title()\" />\n              </div>\n              <div class=\"df-accordion-subtitle-block\">{{ subtitle() }}</div>\n            </div>\n          } @else if (computedSubtitle === 'inline' && subtitle()) {\n            <ng-template [ngTemplateOutlet]=\"addon\" />\n            <div class=\"df-accordion-title-inline\">\n              <ng-template [ngTemplateOutlet]=\"title()\" />\n            </div>\n            <div class=\"df-accordion-subtitle-inline\">{{ subtitle() }}</div>\n          } @else {\n            <ng-template [ngTemplateOutlet]=\"addon\" />\n            <ng-template [ngTemplateOutlet]=\"title()\" />\n          }\n        </div>\n        @if (subsection()) {\n          <ng-template [ngTemplateOutlet]=\"subsection()\" />\n        }\n      </label>\n    </div>\n    @if (state.shouldBeInDOM()) {\n      <div [dfUse]=\"directives.bodyContainerDirective\" class=\"df-accordion-collapse\">\n        <div class=\"df-accordion-body\" [dfUse]=\"directives.bodyDirective\">\n          <ng-template [ngTemplateOutlet]=\"body()\" />\n        </div>\n      </div>\n    }\n\n    <ng-template #addon>\n      @if (accordion['state'].addon() === 'icon' && iconClass()) {\n        <span class=\"{{ iconClass() }} df-accordion-icon\"></span>\n      } @else if (accordion['state'].addon() === 'number' && number()) {\n        <span class=\"df-accordion-number\">{{ number() }}.</span>\n      }\n    </ng-template>\n  `\n})\nexport class DfAccordionItemSelectable\n  extends AgnosWidgetDirective<AccordionItemWidget>\n  implements ControlValueAccessor\n{\n  /**\n   * The id of the accordion-item. It can be used for controlling the accordion-item via the accordion api.\n   *\n   * @defaultValue `'dfId-[number]'`\n   */\n  readonly id = input<string>();\n  /**\n   * If `true`, the accordion-item body container will be removed from the DOM when the accordion-item is collapsed. It will be just hidden otherwise.\n   *\n   * @defaultValue `true`\n   */\n  readonly destroyOnHide = input(undefined, { transform: auBooleanAttribute });\n  /**\n   * If `true`, the accordion-item will be visible (expanded). Otherwise, it will be hidden (collapsed).\n   *\n   * @defaultValue `false`\n   */\n  readonly visible = input(undefined, { transform: auBooleanAttribute });\n  /**\n   * The value this item represents in the radio group.\n   * When the item is expanded, this value is emitted to the form control.\n   */\n  readonly value = input<string>();\n  /**\n   * An event fired when an item is shown.\n   */\n  readonly shown = output<void>();\n  /**\n   * An event fired when an item is hidden.\n   */\n  readonly hidden = output<void>();\n  /**\n   * An event fired when the `visible` value changes.\n   *\n   * Event payload is the new value of visible.\n   */\n  readonly visibleChange = output<boolean>();\n\n  /**\n   * Optional input only valid if the accordion's subtitleType is 'inline' or 'block' to set custom subtitle.\n   */\n  readonly subtitle = input<string>();\n\n  /**\n   * Optional input only valid for Icon variant to set custom icon class.\n   */\n  readonly iconClass = input<string>();\n\n  /**\n   * Optional input only valid for addon number variant to set the number.\n   */\n  readonly number = input('');\n\n  /**\n   * In case of subtitle, defines how the subtitle is displayed.\n   * Only valid for 'default' and 'card'.\n   * On a card variant, subtitle is always displayed as inline.\n   */\n  readonly subtitleType = input<'none' | 'inline' | 'block'>();\n\n  protected readonly title = contentChild(DfAccordionItemTitle, { read: TemplateRef });\n  protected readonly body = contentChild(DfAccordionItemBody, { read: TemplateRef });\n  protected readonly subsection = contentChild(DfAccordionItemSelectableSubsection, { read: TemplateRef });\n  protected readonly accordion = inject(DfAccordionSelectable);\n\n  protected readonly subtitleComputed = computed(() => {\n    return this.subtitleType() ?? this.accordion['state'].subtitleType();\n  });\n\n  constructor() {\n    super(\n      callWidgetFactory<AccordionItemWidget>((arg) => this.accordion['api'].registerItem(arg), {\n        events: {\n          onVisibleChange: (visible) => {\n            this.visibleChange.emit(visible);\n            if (visible) {\n              this.onChange(this.value());\n              this.onTouched();\n            }\n          },\n          onHidden: () => this.hidden.emit(),\n          onShown: () => this.shown.emit()\n        },\n        afterInit: (widget) => {\n          useDirectiveForHost(widget.directives.itemDirective);\n        }\n      })\n    );\n\n    afterNextRender(() => {\n      this.api.initDone();\n    });\n  }\n\n  /** @internal */\n  writeValue(val: string): void {\n    if (val === this.value()) {\n      this._agnosWidget.patch({ visible: true });\n    }\n  }\n\n  /** @internal */\n  registerOnChange(fn: (value: string | undefined) => void): void {\n    this.onChange = fn;\n  }\n\n  /** @internal */\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  /** @internal */\n  setDisabledState(isDisabled: boolean): void {\n    this._agnosWidget.patch({ disabled: isDisabled });\n  }\n\n  /**\n   * Toggles the item.\n   *\n   * It will toggle the item, even if it is disabled.\n   */\n  public async toggle() {\n    await this.api.toggle();\n  }\n\n  /**\n   * Expands the item.\n   *\n   * Since the parent accordion has closeOthers, it will collapse other panels.\n   */\n  public async expand() {\n    await this.api.expand();\n  }\n\n  /**\n   * Collapses the item.\n   */\n  public async collapse() {\n    await this.api.collapse();\n  }\n\n  /**\n   * Checks if the item is expanded.\n   */\n  public isExpanded() {\n    return this.state.visible();\n  }\n\n  /** Expand the item when the label is clicked (expand-only, no toggle). */\n  protected onLabelClick(event: MouseEvent) {\n    event.preventDefault();\n    if (!this.state.disabled()) {\n      void this.api.expand();\n    }\n  }\n\n  private onChange: (_: any) => void = () => {};\n\n  private onTouched: () => void = () => {};\n}\n","import { injectDfComponentConfig, provideDfComponentConfig } from '@design-factory/angular/internals';\nimport type { AccordionProps } from '@design-factory/core/components/accordion';\n/**\n * Configuration options supported by {@link provideDfAccordionConfig}\n */\nexport type DfAccordionConfig = Pick<AccordionProps, 'animated' | 'ariaToggleButtonLabel'>;\n\n// the key of the accordion config in the global DF config\nexport const ACCORDION_CONFIG_KEY = 'accordion' as const;\n\n/**\n * Provides the configuration for the accordion component.\n *\n * @example\n * ```ts\n * @Component({\n *   providers: [provideDfAccordionConfig({ animated: false })]\n * })\n * export class MyHomeComponent {}\n * ```\n *\n * @param config - Partial configuration or a function that receives the parent configuration and returns a partial configuration.\n */\nexport const provideDfAccordionConfig = provideDfComponentConfig<DfAccordionConfig>(ACCORDION_CONFIG_KEY);\n\n/**\n * Injects the configuration for the accordion component.\n *\n * @example\n * ```ts\n * @Component({\n *   providers: [provideDfAccordionConfig()]\n * })\n * export class MyAccordionComponent {\n *   readonly accordionConfig = injectDfAccordionConfig();\n * }\n * ```\n *\n * @returns A writable signal containing the accordion configuration.\n */\nexport const injectDfAccordionConfig = injectDfComponentConfig<DfAccordionConfig>(ACCORDION_CONFIG_KEY);\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/design-factory-angular-alert.mjs

@@ -0,0 +1,312 @@
+import { createAlert } from '@design-factory/core/components/alert';
+import * as i0 from '@angular/core';
+import { Component, contentChild, ElementRef, input, booleanAttribute, model, output, ViewEncapsulation } from '@angular/core';
+import { DfIcon } from '@design-factory/angular/icon';
+import { AgnosWidgetDirective, callWidgetFactory, useDirectiveForElement, UseDirective, provideDfComponentConfig, injectDfComponentConfig } from '@design-factory/angular/internals';
+import { DfButton, DfIconButton } from '@design-factory/angular/button';
+
+const DF_ALERT_I18N_DEFAULTS = {
+    ariaCloseButtonLabel: $localize `:@@df.alert.close:Close`,
+    expandLabel: $localize `:@@df.alert.collapse.show:See more`,
+    collapseLabel: $localize `:@@df.alert.collapse.hide:See less`
+};
+/**
+ * Defines the title content inside a `<df-alert>`.
+ *
+ * @since 22.0
+ */
+class DfAlertTitle {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: DfAlertTitle, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.4", type: DfAlertTitle, isStandalone: true, selector: "df-alert-title", host: { classAttribute: "df-alert-title" }, ngImport: i0, template: `<ng-content />`, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: DfAlertTitle, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'df-alert-title',
+                    host: { class: 'df-alert-title' },
+                    template: `<ng-content />`
+                }]
+        }] });
+/**
+ * Defines the details content inside a `<df-alert>`.
+ *
+ * @since 22.0
+ */
+class DfAlertDetails {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: DfAlertDetails, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.4", type: DfAlertDetails, isStandalone: true, selector: "df-alert-details", host: { classAttribute: "df-alert-details" }, ngImport: i0, template: `<ng-content />`, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: DfAlertDetails, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'df-alert-details',
+                    host: { class: 'df-alert-details' },
+                    template: `<ng-content />`
+                }]
+        }] });
+/**
+ * Provides contextual feedback messages for the user.
+ *
+ * Supports several visual types, dismissal, and collapsible content.
+ *
+ * @since 22.0
+ */
+class DfAlert extends AgnosWidgetDirective {
+    constructor() {
+        const widget = callWidgetFactory(createAlert, {
+            defaultConfig: {
+                ...DF_ALERT_I18N_DEFAULTS
+            },
+            afterInit: (alertWidget) => {
+                useDirectiveForElement(this.details, alertWidget.directives.collapseDirective);
+            },
+            events: {
+                onHidden: () => this.closed.emit(),
+                onCollapsed: () => this.expanded.set(false),
+                onExpanded: () => this.expanded.set(true)
+            }
+        });
+        super(widget);
+        this.title = contentChild(DfAlertTitle, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
+        this.details = contentChild(DfAlertDetails, { ...(ngDevMode ? { debugName: "details" } : /* istanbul ignore next */ {}), read: (ElementRef) });
+        /**
+         * If `true`, closing and collapsible transitions are animated.
+         *
+         * @defaultValue `true`
+         */
+        this.animated = input(undefined, { ...(ngDevMode ? { debugName: "animated" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /**
+         * Alert appearance variant.
+         *
+         * - `'default'`: regular alert with rounded corners and leading border.
+         * - `'banner'`: full-width alert with square corners and bottom border.
+         *
+         * @defaultValue `'default'`
+         */
+        this.appearance = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "appearance" }] : /* istanbul ignore next */ []));
+        /**
+         * Size of the alert. Accepts `'sm'`, `'md'` or `'lg'`.
+         *
+         * @defaultValue `'md'`
+         */
+        this.size = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "size" }] : /* istanbul ignore next */ []));
+        /**
+         * If `true`, collapsible content is expanded.
+         *
+         * Applies when `expandable` is enabled.
+         *
+         * Supports two-way binding with `[(expanded)]`.
+         *
+         * @defaultValue `false`
+         */
+        this.expanded = model(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "expanded" }] : /* istanbul ignore next */ []));
+        /**
+         * If `true`, alert details can be toggled with a "see more" control.
+         *
+         * When `false`, details are shown inline when present.
+         *
+         * @defaultValue `false`
+         */
+        this.expandable = input(undefined, { ...(ngDevMode ? { debugName: "expandable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /**
+         * If `true`, alert can be dismissed by the user.
+         *
+         * The close button (×) will be displayed and you can be notified
+         * of the event with the `(closed)` output.
+         *
+         * @defaultValue `true`
+         */
+        this.dismissible = input(undefined, { ...(ngDevMode ? { debugName: "dismissible" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /**
+         * Type of the alert.
+         *
+         * Supported types: `'success'`, `'info'`, `'warning'`, `'danger'`, `'tip'`.
+         *
+         * @defaultValue `'warning'`
+         */
+        this.type = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "type" }] : /* istanbul ignore next */ []));
+        /**
+         * Emitted after the alert closing transition finishes, whether triggered by the close button or the `close()` method.
+         */
+        this.closed = output();
+    }
+    /**
+     * Triggers alert closing programmatically.
+     *
+     * @param animated - whether the transition should be animated. If omitted, the component `animated` input or configured default is used.
+     *
+     * @returns A promise that resolves once the closing transition has finished.
+     */
+    close(animated) {
+        return this.api.close(animated);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: DfAlert, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: DfAlert, isStandalone: true, selector: "df-alert", inputs: { animated: { classPropertyName: "animated", publicName: "animated", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null }, expandable: { classPropertyName: "expandable", publicName: "expandable", isSignal: true, isRequired: false, transformFunction: null }, dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expanded: "expandedChange", closed: "closed" }, host: { styleAttribute: "display: block;" }, queries: [{ propertyName: "title", first: true, predicate: DfAlertTitle, descendants: true, isSignal: true }, { propertyName: "details", first: true, predicate: DfAlertDetails, descendants: true, read: ElementRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
+    @if (!state.hidden()) {
+      <div
+        [attr.role]="state.role()"
+        [class]="'df-alert' + (state.type() ? ' df-alert-' + state.type() : '')"
+        [class.df-alert-banner]="state.appearance() === 'banner'"
+        [class.df-alert-dismissible]="state.dismissible()"
+        [class.df-alert-sm]="state.size() === 'sm'"
+        [class.df-alert-lg]="state.size() === 'lg'"
+        [dfUse]="_agnosWidget.directives.transitionDirective"
+      >
+        <df-icon class="df-alert-icon {{ state.icon() }}" />
+        @if (title()) {
+          <ng-content select="df-alert-title" />
+        } @else {
+          <df-alert-title>
+            <ng-content />
+          </df-alert-title>
+        }
+        @if ((details() && state.expandable()) || state.dismissible()) {
+          <div class="df-alert-actions">
+            @if (details() && state.expandable()) {
+              <button
+                dfButton
+                appearance="text"
+                transparent
+                class="df-alert-collapse-button"
+                [size]="state.size()"
+                [dfUse]="directives.collapseTriggerDirective"
+              >
+                {{ state.expanded() ? state.collapseLabel() : state.expandLabel() }}
+                @if (state.expanded() ? state.collapseIcon() : state.expandIcon(); as collapseIconClass) {
+                  <df-icon class="df-alert-collapse-icon {{ collapseIconClass }}" />
+                }
+              </button>
+            }
+            @if (state.dismissible()) {
+              <button
+                dfIconButton
+                variant="neutral"
+                appearance="text"
+                transparent
+                class="df-alert-close-button fa-light fa-close"
+                [size]="state.size()"
+                [attr.aria-label]="state.ariaCloseButtonLabel()"
+                (click)="api.close()"
+              ></button>
+            }
+          </div>
+        }
+        @if (details()) {
+          <ng-content select="df-alert-details" />
+        }
+      </div>
+    }
+  `, isInline: true, styles: [".df-fade{transition:opacity .15s linear}@media(prefers-reduced-motion:reduce){.df-fade{transition:none}}.df-fade:not(.df-show){opacity:0}.df-hidden{display:none!important}.df-collapse-hide{display:none}.df-collapse-show{display:block}.df-collapse-collapsing{display:block;overflow:hidden;transition:height .35s ease}@media(prefers-reduced-motion:reduce){.df-collapse-collapsing{transition:none}}.df-alert{position:relative;display:grid;line-height:1.5;grid-template-columns:auto minmax(0,1fr) auto;column-gap:var(--df-spacing-3);color:var(--df-color-inert-neutral-main-foreground);border-style:solid;border-width:0;border-inline-start-width:var(--df-spacing-2);border-color:transparent;border-radius:var(--df-borderRadius-main-small);font-size:var(--df-typo-sizing-default)}.df-alert .df-alert-icon{display:block;grid-column:1;grid-row:1}.df-alert.df-alert-success{background-color:var(--df-color-success-subtle-background);border-color:var(--df-color-success-alt-default-border)}.df-alert.df-alert-success .df-alert-icon{color:var(--df-color-success-alt-default-foreground)}.df-alert.df-alert-success hr{border-top-color:var(--df-color-separator-success-border)}.df-alert.df-alert-danger{background-color:var(--df-color-danger-subtle-background);border-color:var(--df-color-danger-alt-default-border)}.df-alert.df-alert-danger .df-alert-icon{color:var(--df-color-danger-alt-default-foreground)}.df-alert.df-alert-danger hr{border-top-color:var(--df-color-separator-danger-border)}.df-alert.df-alert-info{background-color:var(--df-color-info-subtle-background);border-color:var(--df-color-info-alt-default-border)}.df-alert.df-alert-info .df-alert-icon{color:var(--df-color-info-alt-default-foreground)}.df-alert.df-alert-info hr{border-top-color:var(--df-color-separator-info-border)}.df-alert.df-alert-warning{background-color:var(--df-color-warning-subtle-background);border-color:var(--df-color-warning-alt-default-border)}.df-alert.df-alert-warning hr{border-top-color:var(--df-color-separator-warning-border)}.df-alert.df-alert-tip{background-color:var(--df-color-tip-subtle-background);border-color:var(--df-color-tip-alt-default-border)}.df-alert.df-alert-tip .df-alert-icon{color:var(--df-color-tip-alt-default-foreground)}.df-alert.df-alert-tip hr{border-top-color:var(--df-color-separator-tip-border)}.df-alert.df-alert-warning .df-alert-icon{color:var(--df-color-icon-warning-foreground)}.df-alert hr{margin-block:var(--df-spacing-5);box-sizing:border-box;height:1px;border-top-style:solid;border-top-width:1px;border-inline:0;border-bottom:0}.df-alert .df-alert-title{display:block;grid-column:2;grid-row:1;min-width:0;font-weight:var(--df-typo-weight-medium)}.df-alert .df-alert-actions{grid-column:3;grid-row:1;align-self:start;display:flex;align-items:center;gap:var(--df-spacing-3);block-size:0;min-block-size:0;margin-block-start:.75em;overflow:visible}.df-alert .df-alert-collapse-button{font-weight:var(--df-typo-weight-regular)}.df-alert .df-alert-details:not(.df-collapse-hide){display:block}.df-alert .df-alert-details{grid-column:2/-1}.df-alert .df-alert-details:before{content:\"\";display:block;block-size:var(--df-spacing-3)}.df-alert.df-alert-banner{width:100%;border-width:0 0 var(--df-spacing-2) 0;border-radius:0}.df-alert{font-size:var(--df-typo-sizing-default);padding-block:calc((3rem - var(--df-typo-sizing-default) * 1.5) / 2);padding-inline:var(--df-spacing-5) var(--df-spacing-3)}.df-alert.df-alert-sm{font-size:var(--df-typo-sizing-small);padding-block:calc((2.5rem - var(--df-typo-sizing-small) * 1.5) / 2);padding-inline:var(--df-spacing-5) var(--df-spacing-3)}.df-alert.df-alert-lg{font-size:var(--df-typo-sizing-large);padding-block:calc((3.5rem - var(--df-typo-sizing-large) * 1.5) / 2);padding-inline:var(--df-spacing-5) var(--df-spacing-3)}\n"], dependencies: [{ kind: "directive", type: UseDirective, selector: "[dfUse]", inputs: ["dfUse"] }, { kind: "component", type: DfIcon, selector: "df-icon" }, { kind: "component", type: DfAlertTitle, selector: "df-alert-title" }, { kind: "component", type: DfButton, selector: "button[dfButton], a[dfButton]" }, { kind: "component", type: DfIconButton, selector: "button[dfIconButton], a[dfIconButton]" }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: DfAlert, decorators: [{
+            type: Component,
+            args: [{ selector: 'df-alert', encapsulation: ViewEncapsulation.None, imports: [UseDirective, DfIcon, DfAlertTitle, DfButton, DfIconButton], host: {
+                        style: 'display: block;'
+                    }, template: `
+    @if (!state.hidden()) {
+      <div
+        [attr.role]="state.role()"
+        [class]="'df-alert' + (state.type() ? ' df-alert-' + state.type() : '')"
+        [class.df-alert-banner]="state.appearance() === 'banner'"
+        [class.df-alert-dismissible]="state.dismissible()"
+        [class.df-alert-sm]="state.size() === 'sm'"
+        [class.df-alert-lg]="state.size() === 'lg'"
+        [dfUse]="_agnosWidget.directives.transitionDirective"
+      >
+        <df-icon class="df-alert-icon {{ state.icon() }}" />
+        @if (title()) {
+          <ng-content select="df-alert-title" />
+        } @else {
+          <df-alert-title>
+            <ng-content />
+          </df-alert-title>
+        }
+        @if ((details() && state.expandable()) || state.dismissible()) {
+          <div class="df-alert-actions">
+            @if (details() && state.expandable()) {
+              <button
+                dfButton
+                appearance="text"
+                transparent
+                class="df-alert-collapse-button"
+                [size]="state.size()"
+                [dfUse]="directives.collapseTriggerDirective"
+              >
+                {{ state.expanded() ? state.collapseLabel() : state.expandLabel() }}
+                @if (state.expanded() ? state.collapseIcon() : state.expandIcon(); as collapseIconClass) {
+                  <df-icon class="df-alert-collapse-icon {{ collapseIconClass }}" />
+                }
+              </button>
+            }
+            @if (state.dismissible()) {
+              <button
+                dfIconButton
+                variant="neutral"
+                appearance="text"
+                transparent
+                class="df-alert-close-button fa-light fa-close"
+                [size]="state.size()"
+                [attr.aria-label]="state.ariaCloseButtonLabel()"
+                (click)="api.close()"
+              ></button>
+            }
+          </div>
+        }
+        @if (details()) {
+          <ng-content select="df-alert-details" />
+        }
+      </div>
+    }
+  `, styles: [".df-fade{transition:opacity .15s linear}@media(prefers-reduced-motion:reduce){.df-fade{transition:none}}.df-fade:not(.df-show){opacity:0}.df-hidden{display:none!important}.df-collapse-hide{display:none}.df-collapse-show{display:block}.df-collapse-collapsing{display:block;overflow:hidden;transition:height .35s ease}@media(prefers-reduced-motion:reduce){.df-collapse-collapsing{transition:none}}.df-alert{position:relative;display:grid;line-height:1.5;grid-template-columns:auto minmax(0,1fr) auto;column-gap:var(--df-spacing-3);color:var(--df-color-inert-neutral-main-foreground);border-style:solid;border-width:0;border-inline-start-width:var(--df-spacing-2);border-color:transparent;border-radius:var(--df-borderRadius-main-small);font-size:var(--df-typo-sizing-default)}.df-alert .df-alert-icon{display:block;grid-column:1;grid-row:1}.df-alert.df-alert-success{background-color:var(--df-color-success-subtle-background);border-color:var(--df-color-success-alt-default-border)}.df-alert.df-alert-success .df-alert-icon{color:var(--df-color-success-alt-default-foreground)}.df-alert.df-alert-success hr{border-top-color:var(--df-color-separator-success-border)}.df-alert.df-alert-danger{background-color:var(--df-color-danger-subtle-background);border-color:var(--df-color-danger-alt-default-border)}.df-alert.df-alert-danger .df-alert-icon{color:var(--df-color-danger-alt-default-foreground)}.df-alert.df-alert-danger hr{border-top-color:var(--df-color-separator-danger-border)}.df-alert.df-alert-info{background-color:var(--df-color-info-subtle-background);border-color:var(--df-color-info-alt-default-border)}.df-alert.df-alert-info .df-alert-icon{color:var(--df-color-info-alt-default-foreground)}.df-alert.df-alert-info hr{border-top-color:var(--df-color-separator-info-border)}.df-alert.df-alert-warning{background-color:var(--df-color-warning-subtle-background);border-color:var(--df-color-warning-alt-default-border)}.df-alert.df-alert-warning hr{border-top-color:var(--df-color-separator-warning-border)}.df-alert.df-alert-tip{background-color:var(--df-color-tip-subtle-background);border-color:var(--df-color-tip-alt-default-border)}.df-alert.df-alert-tip .df-alert-icon{color:var(--df-color-tip-alt-default-foreground)}.df-alert.df-alert-tip hr{border-top-color:var(--df-color-separator-tip-border)}.df-alert.df-alert-warning .df-alert-icon{color:var(--df-color-icon-warning-foreground)}.df-alert hr{margin-block:var(--df-spacing-5);box-sizing:border-box;height:1px;border-top-style:solid;border-top-width:1px;border-inline:0;border-bottom:0}.df-alert .df-alert-title{display:block;grid-column:2;grid-row:1;min-width:0;font-weight:var(--df-typo-weight-medium)}.df-alert .df-alert-actions{grid-column:3;grid-row:1;align-self:start;display:flex;align-items:center;gap:var(--df-spacing-3);block-size:0;min-block-size:0;margin-block-start:.75em;overflow:visible}.df-alert .df-alert-collapse-button{font-weight:var(--df-typo-weight-regular)}.df-alert .df-alert-details:not(.df-collapse-hide){display:block}.df-alert .df-alert-details{grid-column:2/-1}.df-alert .df-alert-details:before{content:\"\";display:block;block-size:var(--df-spacing-3)}.df-alert.df-alert-banner{width:100%;border-width:0 0 var(--df-spacing-2) 0;border-radius:0}.df-alert{font-size:var(--df-typo-sizing-default);padding-block:calc((3rem - var(--df-typo-sizing-default) * 1.5) / 2);padding-inline:var(--df-spacing-5) var(--df-spacing-3)}.df-alert.df-alert-sm{font-size:var(--df-typo-sizing-small);padding-block:calc((2.5rem - var(--df-typo-sizing-small) * 1.5) / 2);padding-inline:var(--df-spacing-5) var(--df-spacing-3)}.df-alert.df-alert-lg{font-size:var(--df-typo-sizing-large);padding-block:calc((3.5rem - var(--df-typo-sizing-large) * 1.5) / 2);padding-inline:var(--df-spacing-5) var(--df-spacing-3)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { title: [{ type: i0.ContentChild, args: [i0.forwardRef(() => DfAlertTitle), { isSignal: true }] }], details: [{ type: i0.ContentChild, args: [i0.forwardRef(() => DfAlertDetails), { ...{ read: (ElementRef) }, isSignal: true }] }], animated: [{ type: i0.Input, args: [{ isSignal: true, alias: "animated", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], expanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: false }] }, { type: i0.Output, args: ["expandedChange"] }], expandable: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandable", required: false }] }], dismissible: [{ type: i0.Input, args: [{ isSignal: true, alias: "dismissible", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], closed: [{ type: i0.Output, args: ["closed"] }] } });
+
+/**
+ * Alert config key in the global DF component config.
+ */
+const ALERT_CONFIG_KEY = 'alert';
+/**
+ * Provides the configuration for the alert component.
+ *
+ * @example
+ * ```ts
+ * @Component({
+ *   providers: [provideDfAlertConfig({ ariaCloseButtonLabel: 'Close alert' })]
+ * })
+ * export class MyHomeComponent {}
+ * ```
+ *
+ * @param config - Partial configuration or a function that receives the parent configuration and returns a partial configuration.
+ *
+ * @since 22.0
+ */
+const provideDfAlertConfig = provideDfComponentConfig(ALERT_CONFIG_KEY);
+/**
+ * Injects the configuration for the alert component.
+ *
+ * @example
+ * ```ts
+ * @Component({
+ *   providers: [provideDfAlertConfig()]
+ * })
+ * export class MyAlertComponent {
+ *   readonly alertConfig = injectDfAlertConfig();
+ * }
+ * ```
+ *
+ * @returns A writable signal containing the alert configuration.
+ *
+ * @since 22.0
+ */
+const injectDfAlertConfig = injectDfComponentConfig(ALERT_CONFIG_KEY);
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ALERT_CONFIG_KEY, DfAlert, DfAlertDetails, DfAlertTitle, injectDfAlertConfig, provideDfAlertConfig };
+//# sourceMappingURL=design-factory-angular-alert.mjs.map

package/fesm2022/design-factory-angular-alert.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-factory-angular-alert.mjs","sources":["../../alert/alert.ts","../../alert/alert.config.ts","../../alert/design-factory-angular-alert.ts"],"sourcesContent":["import { AlertWidget, createAlert } from '@design-factory/core/components/alert';\nimport type { AlertAppearance, AlertSize, AlertType } from '@design-factory/core/components/alert';\nimport {\n  booleanAttribute,\n  Component,\n  contentChild,\n  ElementRef,\n  input,\n  model,\n  output,\n  ViewEncapsulation\n} from '@angular/core';\nimport { DfIcon } from '@design-factory/angular/icon';\nimport {\n  AgnosWidgetDirective,\n  UseDirective,\n  callWidgetFactory,\n  useDirectiveForElement\n} from '@design-factory/angular/internals';\nimport { DfButton, DfIconButton } from '@design-factory/angular/button';\n\n/**\n * Available alert sizes.\n */\nexport type DfAlertSize = AlertSize;\n/**\n * Available alert visual types.\n */\nexport type DfAlertType = AlertType;\n/**\n * Available alert appearance variants.\n */\nexport type DfAlertAppearance = AlertAppearance;\n\nconst DF_ALERT_I18N_DEFAULTS = {\n  ariaCloseButtonLabel: $localize`:@@df.alert.close:Close`,\n  expandLabel: $localize`:@@df.alert.collapse.show:See more`,\n  collapseLabel: $localize`:@@df.alert.collapse.hide:See less`\n};\n\n/**\n * Defines the title content inside a `<df-alert>`.\n *\n * @since 22.0\n */\n@Component({\n  selector: 'df-alert-title',\n  host: { class: 'df-alert-title' },\n  template: `<ng-content />`\n})\nexport class DfAlertTitle {}\n\n/**\n * Defines the details content inside a `<df-alert>`.\n *\n * @since 22.0\n */\n@Component({\n  selector: 'df-alert-details',\n  host: { class: 'df-alert-details' },\n  template: `<ng-content />`\n})\nexport class DfAlertDetails {}\n\n/**\n * Provides contextual feedback messages for the user.\n *\n * Supports several visual types, dismissal, and collapsible content.\n *\n * @since 22.0\n */\n@Component({\n  selector: 'df-alert',\n  encapsulation: ViewEncapsulation.None,\n  imports: [UseDirective, DfIcon, DfAlertTitle, DfButton, DfIconButton],\n  host: {\n    style: 'display: block;'\n  },\n  template: `\n    @if (!state.hidden()) {\n      <div\n        [attr.role]=\"state.role()\"\n        [class]=\"'df-alert' + (state.type() ? ' df-alert-' + state.type() : '')\"\n        [class.df-alert-banner]=\"state.appearance() === 'banner'\"\n        [class.df-alert-dismissible]=\"state.dismissible()\"\n        [class.df-alert-sm]=\"state.size() === 'sm'\"\n        [class.df-alert-lg]=\"state.size() === 'lg'\"\n        [dfUse]=\"_agnosWidget.directives.transitionDirective\"\n      >\n        <df-icon class=\"df-alert-icon {{ state.icon() }}\" />\n        @if (title()) {\n          <ng-content select=\"df-alert-title\" />\n        } @else {\n          <df-alert-title>\n            <ng-content />\n          </df-alert-title>\n        }\n        @if ((details() && state.expandable()) || state.dismissible()) {\n          <div class=\"df-alert-actions\">\n            @if (details() && state.expandable()) {\n              <button\n                dfButton\n                appearance=\"text\"\n                transparent\n                class=\"df-alert-collapse-button\"\n                [size]=\"state.size()\"\n                [dfUse]=\"directives.collapseTriggerDirective\"\n              >\n                {{ state.expanded() ? state.collapseLabel() : state.expandLabel() }}\n                @if (state.expanded() ? state.collapseIcon() : state.expandIcon(); as collapseIconClass) {\n                  <df-icon class=\"df-alert-collapse-icon {{ collapseIconClass }}\" />\n                }\n              </button>\n            }\n            @if (state.dismissible()) {\n              <button\n                dfIconButton\n                variant=\"neutral\"\n                appearance=\"text\"\n                transparent\n                class=\"df-alert-close-button fa-light fa-close\"\n                [size]=\"state.size()\"\n                [attr.aria-label]=\"state.ariaCloseButtonLabel()\"\n                (click)=\"api.close()\"\n              ></button>\n            }\n          </div>\n        }\n        @if (details()) {\n          <ng-content select=\"df-alert-details\" />\n        }\n      </div>\n    }\n  `,\n  styles: \"@use '@design-factory/components-styles/alert';\"\n})\nexport class DfAlert extends AgnosWidgetDirective<AlertWidget> {\n  protected readonly title = contentChild(DfAlertTitle);\n  protected readonly details = contentChild(DfAlertDetails, { read: ElementRef<HTMLElement> });\n\n  /**\n   * If `true`, closing and collapsible transitions are animated.\n   *\n   * @defaultValue `true`\n   */\n  readonly animated = input(undefined, { transform: booleanAttribute });\n\n  /**\n   * Alert appearance variant.\n   *\n   * - `'default'`: regular alert with rounded corners and leading border.\n   * - `'banner'`: full-width alert with square corners and bottom border.\n   *\n   * @defaultValue `'default'`\n   */\n  readonly appearance = input<DfAlertAppearance>();\n\n  /**\n   * Size of the alert. Accepts `'sm'`, `'md'` or `'lg'`.\n   *\n   * @defaultValue `'md'`\n   */\n  readonly size = input<DfAlertSize>();\n\n  /**\n   * If `true`, collapsible content is expanded.\n   *\n   * Applies when `expandable` is enabled.\n   *\n   * Supports two-way binding with `[(expanded)]`.\n   *\n   * @defaultValue `false`\n   */\n  readonly expanded = model(false);\n\n  /**\n   * If `true`, alert details can be toggled with a \"see more\" control.\n   *\n   * When `false`, details are shown inline when present.\n   *\n   * @defaultValue `false`\n   */\n  readonly expandable = input(undefined, { transform: booleanAttribute });\n\n  /**\n   * If `true`, alert can be dismissed by the user.\n   *\n   * The close button (×) will be displayed and you can be notified\n   * of the event with the `(closed)` output.\n   *\n   * @defaultValue `true`\n   */\n  readonly dismissible = input(undefined, { transform: booleanAttribute });\n\n  /**\n   * Type of the alert.\n   *\n   * Supported types: `'success'`, `'info'`, `'warning'`, `'danger'`, `'tip'`.\n   *\n   * @defaultValue `'warning'`\n   */\n  readonly type = input<DfAlertType>();\n\n  /**\n   * Emitted after the alert closing transition finishes, whether triggered by the close button or the `close()` method.\n   */\n  readonly closed = output<void>();\n\n  constructor() {\n    const widget = callWidgetFactory(createAlert, {\n      defaultConfig: {\n        ...DF_ALERT_I18N_DEFAULTS\n      },\n      afterInit: (alertWidget) => {\n        useDirectiveForElement(this.details, alertWidget.directives.collapseDirective);\n      },\n      events: {\n        onHidden: () => this.closed.emit(),\n        onCollapsed: () => this.expanded.set(false),\n        onExpanded: () => this.expanded.set(true)\n      }\n    });\n\n    super(widget);\n  }\n  /**\n   * Triggers alert closing programmatically.\n   *\n   * @param animated - whether the transition should be animated. If omitted, the component `animated` input or configured default is used.\n   *\n   * @returns A promise that resolves once the closing transition has finished.\n   */\n  close(animated?: boolean): Promise<void> {\n    return this.api.close(animated);\n  }\n}\n","import type { AlertProps } from '@design-factory/core/components/alert';\nimport { injectDfComponentConfig, provideDfComponentConfig } from '@design-factory/angular/internals';\n\n/**\n * Configuration options supported by `provideDfAlertConfig`.\n *\n * These defaults apply to every `DfAlert` instance within the providing injector, unless explicitly overridden on\n * the component itself.\n */\nexport type DfAlertConfig = Pick<AlertProps, 'animated' | 'ariaCloseButtonLabel' | 'expandLabel' | 'collapseLabel'>;\n\n/**\n * Alert config key in the global DF component config.\n */\nexport const ALERT_CONFIG_KEY = 'alert' as const;\n\n/**\n * Provides the configuration for the alert component.\n *\n * @example\n * ```ts\n * @Component({\n *   providers: [provideDfAlertConfig({ ariaCloseButtonLabel: 'Close alert' })]\n * })\n * export class MyHomeComponent {}\n * ```\n *\n * @param config - Partial configuration or a function that receives the parent configuration and returns a partial configuration.\n *\n * @since 22.0\n */\nexport const provideDfAlertConfig = provideDfComponentConfig<DfAlertConfig>(ALERT_CONFIG_KEY);\n\n/**\n * Injects the configuration for the alert component.\n *\n * @example\n * ```ts\n * @Component({\n *   providers: [provideDfAlertConfig()]\n * })\n * export class MyAlertComponent {\n *   readonly alertConfig = injectDfAlertConfig();\n * }\n * ```\n *\n * @returns A writable signal containing the alert configuration.\n *\n * @since 22.0\n */\nexport const injectDfAlertConfig = injectDfComponentConfig<DfAlertConfig>(ALERT_CONFIG_KEY);\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/design-factory-angular-breakpoints.mjs

@@ -0,0 +1,53 @@
+import { createMatchMedia } from '@design-factory/core/services/matchMedia';
+import { toAngularSignal } from '@design-factory/angular/internals';
+import { signal } from '@angular/core';
+
+/**
+ * sm breakpoint,
+ * tansu signal that returns true when the viewport is at least 576px wide
+ */
+const sm$ = createMatchMedia('(width >= 576px)');
+/**
+ * md breakpoint,
+ * tansu signal that returns true when the viewport is at least 768px wide
+ */
+const md$ = createMatchMedia('(width >= 768px)');
+/**
+ * lg breakpoint,
+ * tansu signal that returns true when the viewport is at least 992px wide
+ */
+const lg$ = createMatchMedia('(width >= 992px)');
+/**
+ * xl breakpoint,
+ * tansu signal that returns true when the viewport is at least 1200px wide
+ */
+const xl$ = createMatchMedia('(width >= 1200px)');
+/**
+ * Tracks the window size and returns an Angular signal that indicates whether the viewport matches the given breakpoint.
+ *
+ * It uses `matchMedia` under the hood to track the window size and updates the signal accordingly.
+ *
+ * @param breakpoint - The breakpoint to track. It can be one of 'sm', 'md', 'lg', or 'xl'.
+ * @returns an Angular signal that returns true when the viewport matches the given breakpoint
+ */
+const trackWindow = (breakpoint) => {
+    switch (breakpoint) {
+        case 'sm':
+            return toAngularSignal(sm$);
+        case 'md':
+            return toAngularSignal(md$);
+        case 'lg':
+            return toAngularSignal(lg$);
+        case 'xl':
+            return toAngularSignal(xl$);
+        default:
+            return signal(false);
+    }
+};
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { trackWindow };
+//# sourceMappingURL=design-factory-angular-breakpoints.mjs.map

package/fesm2022/design-factory-angular-breakpoints.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-factory-angular-breakpoints.mjs","sources":["../../breakpoints/breakpoints.ts","../../breakpoints/design-factory-angular-breakpoints.ts"],"sourcesContent":["import { createMatchMedia } from '@design-factory/core/services/matchMedia';\nimport { toAngularSignal } from '@design-factory/angular/internals';\nimport { signal } from '@angular/core';\n\n/**\n * sm breakpoint,\n * tansu signal that returns true when the viewport is at least 576px wide\n */\nconst sm$ = createMatchMedia('(width >= 576px)');\n/**\n * md breakpoint,\n * tansu signal that returns true when the viewport is at least 768px wide\n */\nconst md$ = createMatchMedia('(width >= 768px)');\n/**\n * lg breakpoint,\n * tansu signal that returns true when the viewport is at least 992px wide\n */\nconst lg$ = createMatchMedia('(width >= 992px)');\n/**\n * xl breakpoint,\n * tansu signal that returns true when the viewport is at least 1200px wide\n */\nconst xl$ = createMatchMedia('(width >= 1200px)');\n\n/**\n * Tracks the window size and returns an Angular signal that indicates whether the viewport matches the given breakpoint.\n *\n * It uses `matchMedia` under the hood to track the window size and updates the signal accordingly.\n *\n * @param breakpoint - The breakpoint to track. It can be one of 'sm', 'md', 'lg', or 'xl'.\n * @returns an Angular signal that returns true when the viewport matches the given breakpoint\n */\nexport const trackWindow = (breakpoint: 'sm' | 'md' | 'lg' | 'xl') => {\n  switch (breakpoint) {\n    case 'sm':\n      return toAngularSignal(sm$);\n    case 'md':\n      return toAngularSignal(md$);\n    case 'lg':\n      return toAngularSignal(lg$);\n    case 'xl':\n      return toAngularSignal(xl$);\n    default:\n      return signal(false);\n  }\n};\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAIA;;;AAGG;AACH,MAAM,GAAG,GAAG,gBAAgB,CAAC,kBAAkB,CAAC;AAChD;;;AAGG;AACH,MAAM,GAAG,GAAG,gBAAgB,CAAC,kBAAkB,CAAC;AAChD;;;AAGG;AACH,MAAM,GAAG,GAAG,gBAAgB,CAAC,kBAAkB,CAAC;AAChD;;;AAGG;AACH,MAAM,GAAG,GAAG,gBAAgB,CAAC,mBAAmB,CAAC;AAEjD;;;;;;;AAOG;AACI,MAAM,WAAW,GAAG,CAAC,UAAqC,KAAI;IACnE,QAAQ,UAAU;AAChB,QAAA,KAAK,IAAI;AACP,YAAA,OAAO,eAAe,CAAC,GAAG,CAAC;AAC7B,QAAA,KAAK,IAAI;AACP,YAAA,OAAO,eAAe,CAAC,GAAG,CAAC;AAC7B,QAAA,KAAK,IAAI;AACP,YAAA,OAAO,eAAe,CAAC,GAAG,CAAC;AAC7B,QAAA,KAAK,IAAI;AACP,YAAA,OAAO,eAAe,CAAC,GAAG,CAAC;AAC7B,QAAA;AACE,YAAA,OAAO,MAAM,CAAC,KAAK,CAAC;;AAE1B;;AC9CA;;AAEG;;;;"}