@i-cell/ids-angular 0.1.0

package/fesm2022/i-cell-ids-angular-accordion.mjs

@@ -0,0 +1,223 @@
+import { trigger, state, style, transition, animate } from '@angular/animations';
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, contentChildren, input, computed, Component, ViewEncapsulation, ChangeDetectionStrategy, viewChild } from '@angular/core';
+import { IdsButtonAppearance, IdsButtonVariant, IdsButtonComponent } from '@i-cell/ids-angular/button';
+import { IdsSize, ComponentBaseWithDefaults, coerceBooleanAttribute, coerceStringAttribute, ComponentBase } from '@i-cell/ids-angular/core';
+import * as i1 from '@angular/cdk/accordion';
+import { CdkAccordion, CdkAccordionItem } from '@angular/cdk/accordion';
+import { IdsIconComponent } from '@i-cell/ids-angular/icon';
+
+const accordionAnimations = trigger('accordionAnimations', [
+    state('expanded', style({
+        height: '*',
+        opacity: 1,
+        transform: 'scaleY(1)',
+        visibility: '',
+    })),
+    state('collapsed', style({
+        height: '0',
+        opacity: 0,
+        transform: 'scaleY(0.3)',
+        padding: 0,
+        visibility: 'hidden',
+    })),
+    transition('expanded => collapsed', [animate('0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000)')]),
+    transition('collapsed => expanded', [animate('0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940)')]),
+]);
+
+const IdsAccordionAppearance = {
+    FILLED: 'filled',
+    TEXT: 'text',
+};
+
+const IDS_ACCORDION_DEFAULT_CONFIG = new InjectionToken('IDS_ACCORDION_DEFAULT_CONFIG', {
+    providedIn: 'root',
+    factory: IDS_ACCORDION_DEFAULT_CONFIG_FACTORY,
+});
+function IDS_ACCORDION_DEFAULT_CONFIG_FACTORY() {
+    return {
+        size: IdsSize.COMPACT,
+        appearance: IdsAccordionAppearance.FILLED,
+        multi: false,
+        btnSize: IdsSize.COMPACT,
+        btnAppearance: IdsButtonAppearance.FILLED,
+        btnVariant: IdsButtonVariant.SURFACE,
+        expandBtnLabel: 'Expand all',
+        collapseBtnLabel: 'Collapse all',
+        hasLeadingIcon: false,
+        hasTrailingIcon: true,
+    };
+}
+
+const defaultConfig = IDS_ACCORDION_DEFAULT_CONFIG_FACTORY();
+class IdsAccordionComponent extends ComponentBaseWithDefaults {
+    constructor() {
+        super(...arguments);
+        this._cdkAccordion = inject(CdkAccordion);
+        this._items = contentChildren(IdsAccordionItemComponent);
+        this._defaultConfig = this._getDefaultConfig(defaultConfig, IDS_ACCORDION_DEFAULT_CONFIG);
+        this.size = input(this._defaultConfig.size);
+        this.appearance = input(this._defaultConfig.appearance);
+        this.disabled = input(false, { transform: coerceBooleanAttribute });
+        this.hasLeadingIcon = input(this._defaultConfig.hasLeadingIcon, { transform: coerceBooleanAttribute });
+        this.hasTrailingIcon = input(this._defaultConfig.hasTrailingIcon, { transform: coerceBooleanAttribute });
+        this.multi = input(this._defaultConfig.multi);
+        this.btnSize = input(this._defaultConfig.btnSize);
+        this.btnAppearance = input(this._defaultConfig.btnAppearance);
+        this.btnVariant = input(this._defaultConfig.btnVariant);
+        this.expandBtnLabel = input(this._defaultConfig.expandBtnLabel, { transform: coerceStringAttribute });
+        this.collapseBtnLabel = input(this._defaultConfig.collapseBtnLabel, { transform: coerceStringAttribute });
+        this._hostClasses = computed(() => this._getHostClasses([
+            this.size(),
+            this.appearance(),
+            this.disabled() ? 'disabled' : null,
+        ]));
+    }
+    get _hostName() {
+        return 'accordion';
+    }
+    openAll() {
+        if (!this.disabled()) {
+            this._cdkAccordion.openAll();
+        }
+    }
+    closeAll() {
+        if (!this.disabled()) {
+            this._cdkAccordion.closeAll();
+        }
+    }
+    _handleKeyDown(event) {
+        const navigationKeys = [
+            'Enter',
+            ' ',
+            'ArrowUp',
+            'ArrowDown',
+            'Home',
+            'End',
+        ];
+        if (!navigationKeys.includes(event.key)) {
+            return;
+        }
+        event.preventDefault();
+        const items = this._items();
+        const target = event.target;
+        const accordionId = target.parentElement.id;
+        const index = items.findIndex((item) => item.id() === accordionId);
+        switch (event.key) {
+            case 'ArrowUp': {
+                if (index > 0) {
+                    const prevItem = items[index - 1];
+                    prevItem.focus();
+                }
+                break;
+            }
+            case 'ArrowDown': {
+                if (index < items.length - 1) {
+                    const nextItem = items[index + 1];
+                    nextItem.focus();
+                }
+                break;
+            }
+            case 'Enter':
+            case ' ': {
+                items[index].toggle();
+                break;
+            }
+            case 'Home': {
+                items[0].focus();
+                break;
+            }
+            case 'End': {
+                items[items.length - 1].focus();
+                break;
+            }
+            default:
+                return;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: IdsAccordionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.2", type: IdsAccordionComponent, isStandalone: true, selector: "ids-accordion", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, hasLeadingIcon: { classPropertyName: "hasLeadingIcon", publicName: "hasLeadingIcon", isSignal: true, isRequired: false, transformFunction: null }, hasTrailingIcon: { classPropertyName: "hasTrailingIcon", publicName: "hasTrailingIcon", isSignal: true, isRequired: false, transformFunction: null }, multi: { classPropertyName: "multi", publicName: "multi", isSignal: true, isRequired: false, transformFunction: null }, btnSize: { classPropertyName: "btnSize", publicName: "btnSize", isSignal: true, isRequired: false, transformFunction: null }, btnAppearance: { classPropertyName: "btnAppearance", publicName: "btnAppearance", isSignal: true, isRequired: false, transformFunction: null }, btnVariant: { classPropertyName: "btnVariant", publicName: "btnVariant", isSignal: true, isRequired: false, transformFunction: null }, expandBtnLabel: { classPropertyName: "expandBtnLabel", publicName: "expandBtnLabel", isSignal: true, isRequired: false, transformFunction: null }, collapseBtnLabel: { classPropertyName: "collapseBtnLabel", publicName: "collapseBtnLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "keydown": "_handleKeyDown($event)" } }, queries: [{ propertyName: "_items", predicate: IdsAccordionItemComponent, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: i1.CdkAccordion, inputs: ["multi", "multi"] }], ngImport: i0, template: "@if (multi()) {\n  <div class=\"ids-accordion-controls\">\n    <button\n      type=\"button\"\n      idsButton\n      [appearance]=\"btnAppearance()\"\n      [disabled]=\"disabled()\"\n      [variant]=\"btnVariant()\"\n      [size]=\"btnSize()\"\n      (click)=\"openAll()\"\n    >\n      {{ expandBtnLabel() }}\n    </button>\n    <button\n      type=\"button\"\n      idsButton\n      [appearance]=\"btnAppearance()\"\n      [disabled]=\"disabled()\"\n      [variant]=\"btnVariant()\"\n      [size]=\"btnSize()\"\n      (click)=\"closeAll()\"\n    >\n      {{ collapseBtnLabel() }}\n    </button>\n  </div>\n}\n<ng-content />\n", dependencies: [{ kind: "component", type: IdsButtonComponent, selector: "button[idsButton]", inputs: ["appearance", "size", "variant", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: IdsAccordionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ids-accordion', imports: [IdsButtonComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '(keydown)': '_handleKeyDown($event)',
+                    }, hostDirectives: [
+                        {
+                            directive: CdkAccordion,
+                            inputs: ['multi'],
+                        },
+                    ], template: "@if (multi()) {\n  <div class=\"ids-accordion-controls\">\n    <button\n      type=\"button\"\n      idsButton\n      [appearance]=\"btnAppearance()\"\n      [disabled]=\"disabled()\"\n      [variant]=\"btnVariant()\"\n      [size]=\"btnSize()\"\n      (click)=\"openAll()\"\n    >\n      {{ expandBtnLabel() }}\n    </button>\n    <button\n      type=\"button\"\n      idsButton\n      [appearance]=\"btnAppearance()\"\n      [disabled]=\"disabled()\"\n      [variant]=\"btnVariant()\"\n      [size]=\"btnSize()\"\n      (click)=\"closeAll()\"\n    >\n      {{ collapseBtnLabel() }}\n    </button>\n  </div>\n}\n<ng-content />\n" }]
+        }] });
+
+class IdsAccordionItemComponent extends ComponentBase {
+    constructor() {
+        super(...arguments);
+        this._accordion = inject(IdsAccordionComponent, { skipSelf: true });
+        this._accordionItem = inject(CdkAccordionItem);
+        this._accordionHeader = viewChild.required('header');
+        this.summary = input();
+        this.disabled = input(false);
+        this.hasLeadingIcon = input(false, { transform: coerceBooleanAttribute });
+        this.hasTrailingIcon = input(this._accordion.hasTrailingIcon(), { transform: coerceBooleanAttribute });
+        this._headerId = computed(() => `${this.id()}-header`);
+        this._contentId = computed(() => `${this.id()}-content`);
+        this._parentOrSelfHasLeadingIcon = computed(() => this._accordion.hasLeadingIcon() ?? this.hasLeadingIcon());
+        this._parentOrSelfHasTrailingIcon = computed(() => this._accordion.hasTrailingIcon() ?? this.hasTrailingIcon());
+        this._parentOrSelfDisabled = computed(() => this._accordion.disabled() || this.disabled());
+        this._hostClasses = computed(() => this._getHostClasses([this._parentOrSelfDisabled() ? 'disabled' : null]));
+    }
+    get _hostName() {
+        return 'accordion-item';
+    }
+    get _icon() {
+        return this.isExpanded ? 'chevron-up' : 'chevron-down';
+    }
+    get isExpanded() {
+        return this._accordionItem.expanded;
+    }
+    open() {
+        if (!this._parentOrSelfDisabled()) {
+            this._accordionItem.open();
+        }
+    }
+    close() {
+        if (!this._parentOrSelfDisabled()) {
+            this._accordionItem.close();
+        }
+    }
+    toggle() {
+        if (!this._parentOrSelfDisabled()) {
+            this._accordionItem.toggle();
+        }
+    }
+    focus(options) {
+        this._accordionHeader().nativeElement.focus(options);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: IdsAccordionItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.2", type: IdsAccordionItemComponent, isStandalone: true, selector: "ids-accordion-item", inputs: { summary: { classPropertyName: "summary", publicName: "summary", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, hasLeadingIcon: { classPropertyName: "hasLeadingIcon", publicName: "hasLeadingIcon", isSignal: true, isRequired: false, transformFunction: null }, hasTrailingIcon: { classPropertyName: "hasTrailingIcon", publicName: "hasTrailingIcon", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "_accordionHeader", first: true, predicate: ["header"], descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: i1.CdkAccordionItem, inputs: ["expanded", "expanded", "disabled", "disabled"], outputs: ["closed", "closed", "destroyed", "destroyed", "opened", "opened"] }], ngImport: i0, template: "<div\n  #header\n  role=\"button\"\n  class=\"ids-accordion-item-summary\"\n  [id]=\"_headerId()\"\n  [attr.aria-expanded]=\"isExpanded ? 'true' : 'false'\"\n  [attr.aria-controls]=\"_contentId()\"\n  [attr.tabindex]=\"_parentOrSelfDisabled() ? -1 : 0\"\n  [attr.aria-disabled]=\"_parentOrSelfDisabled()\"\n  (click)=\"toggle()\"\n>\n  @if (_parentOrSelfHasLeadingIcon()) {\n    <ids-icon icon-leading [fontIcon]=\"_icon\" />\n  }\n  <span class=\"ids-accordion-item-title\">{{ summary() }}</span>\n  @if (_parentOrSelfHasTrailingIcon()) {\n    <ids-icon icon-trailing [fontIcon]=\"_icon\" />\n  }\n</div>\n<div\n  role=\"region\"\n  class=\"ids-accordion-item-content\"\n  [id]=\"_contentId()\"\n  [attr.aria-labelledby]=\"_headerId()\"\n  [@accordionAnimations]=\"isExpanded ? 'expanded' : 'collapsed'\"\n>\n  <ng-content />\n</div>\n", dependencies: [{ kind: "component", type: IdsIconComponent, selector: "ids-icon", inputs: ["size", "sizeCollection", "variant", "fontIcon", "svgIcon", "aria-hidden"] }], animations: [accordionAnimations], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: IdsAccordionItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ids-accordion-item', imports: [IdsIconComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, animations: [accordionAnimations], hostDirectives: [
+                        {
+                            directive: CdkAccordionItem,
+                            inputs: [
+                                'expanded',
+                                'disabled',
+                            ],
+                            outputs: [
+                                'closed',
+                                'destroyed',
+                                'opened',
+                            ],
+                        },
+                    ], template: "<div\n  #header\n  role=\"button\"\n  class=\"ids-accordion-item-summary\"\n  [id]=\"_headerId()\"\n  [attr.aria-expanded]=\"isExpanded ? 'true' : 'false'\"\n  [attr.aria-controls]=\"_contentId()\"\n  [attr.tabindex]=\"_parentOrSelfDisabled() ? -1 : 0\"\n  [attr.aria-disabled]=\"_parentOrSelfDisabled()\"\n  (click)=\"toggle()\"\n>\n  @if (_parentOrSelfHasLeadingIcon()) {\n    <ids-icon icon-leading [fontIcon]=\"_icon\" />\n  }\n  <span class=\"ids-accordion-item-title\">{{ summary() }}</span>\n  @if (_parentOrSelfHasTrailingIcon()) {\n    <ids-icon icon-trailing [fontIcon]=\"_icon\" />\n  }\n</div>\n<div\n  role=\"region\"\n  class=\"ids-accordion-item-content\"\n  [id]=\"_contentId()\"\n  [attr.aria-labelledby]=\"_headerId()\"\n  [@accordionAnimations]=\"isExpanded ? 'expanded' : 'collapsed'\"\n>\n  <ng-content />\n</div>\n" }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { IDS_ACCORDION_DEFAULT_CONFIG, IDS_ACCORDION_DEFAULT_CONFIG_FACTORY, IdsAccordionAppearance, IdsAccordionComponent, IdsAccordionItemComponent, accordionAnimations };
+//# sourceMappingURL=i-cell-ids-angular-accordion.mjs.map

package/fesm2022/i-cell-ids-angular-accordion.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"i-cell-ids-angular-accordion.mjs","sources":["../../../projects/widgets/accordion/accordion-animations.ts","../../../projects/widgets/accordion/types/accordion-appearance.type.ts","../../../projects/widgets/accordion/accordion-defaults.ts","../../../projects/widgets/accordion/accordion.component.ts","../../../projects/widgets/accordion/accordion.component.html","../../../projects/widgets/accordion/accordion-item/accordion-item.component.ts","../../../projects/widgets/accordion/accordion-item/accordion-item.component.html","../../../projects/widgets/accordion/i-cell-ids-angular-accordion.ts"],"sourcesContent":["import { trigger, state, style, transition, animate } from '@angular/animations';\n\nexport const accordionAnimations = trigger('accordionAnimations', [\n  state('expanded', style({\n    height: '*',\n    opacity: 1,\n    transform: 'scaleY(1)',\n    visibility: '',\n  })),\n  state('collapsed', style({\n    height: '0',\n    opacity: 0,\n    transform: 'scaleY(0.3)',\n    padding: 0,\n    visibility: 'hidden',\n  })),\n  transition('expanded => collapsed', [animate('0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000)')]),\n  transition('collapsed => expanded', [animate('0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940)')]),\n]);\n","export const IdsAccordionAppearance = {\n  FILLED: 'filled',\n  TEXT: 'text',\n} as const;\n\nexport type IdsAccordionAppearanceType = (typeof IdsAccordionAppearance)[keyof typeof IdsAccordionAppearance];\n","import { IdsAccordionAppearance, IdsAccordionAppearanceType } from './types/accordion-appearance.type';\n\nimport { InjectionToken } from '@angular/core';\nimport { IdsButtonAppearance, IdsButtonAppearanceType, IdsButtonVariant, IdsButtonVariantType } from '@i-cell/ids-angular/button';\nimport { IdsSize, IdsSizeType } from '@i-cell/ids-angular/core';\n\nexport interface IdsAccordionDefaultConfig {\n  size?: IdsSizeType\n  appearance?: IdsAccordionAppearanceType\n  multi?: boolean,\n  btnSize?: IdsSizeType,\n  btnAppearance?: IdsButtonAppearanceType,\n  btnVariant?: IdsButtonVariantType,\n  expandBtnLabel?: string,\n  collapseBtnLabel?: string,\n  hasLeadingIcon?: boolean,\n  hasTrailingIcon?: boolean,\n}\n\nexport const IDS_ACCORDION_DEFAULT_CONFIG = new InjectionToken<IdsAccordionDefaultConfig>(\n  'IDS_ACCORDION_DEFAULT_CONFIG',\n  {\n    providedIn: 'root',\n    factory: IDS_ACCORDION_DEFAULT_CONFIG_FACTORY,\n  },\n);\n\nexport function IDS_ACCORDION_DEFAULT_CONFIG_FACTORY(): Required<IdsAccordionDefaultConfig> {\n  return {\n    size: IdsSize.COMPACT,\n    appearance: IdsAccordionAppearance.FILLED,\n    multi: false,\n    btnSize: IdsSize.COMPACT,\n    btnAppearance: IdsButtonAppearance.FILLED,\n    btnVariant: IdsButtonVariant.SURFACE,\n    expandBtnLabel: 'Expand all',\n    collapseBtnLabel: 'Collapse all',\n    hasLeadingIcon: false,\n    hasTrailingIcon: true,\n  };\n}\n","import { IDS_ACCORDION_DEFAULT_CONFIG, IDS_ACCORDION_DEFAULT_CONFIG_FACTORY, IdsAccordionDefaultConfig } from './accordion-defaults';\nimport { IdsAccordionItemComponent } from './accordion-item/accordion-item.component';\nimport { IdsAccordionAppearanceType } from './types/accordion-appearance.type';\n\nimport { CdkAccordion } from '@angular/cdk/accordion';\nimport { ChangeDetectionStrategy, Component, computed, contentChildren, inject, input, ViewEncapsulation } from '@angular/core';\nimport { IdsButtonAppearanceType, IdsButtonComponent, IdsButtonVariantType } from '@i-cell/ids-angular/button';\nimport { coerceBooleanAttribute, coerceStringAttribute, ComponentBaseWithDefaults, IdsSizeType } from '@i-cell/ids-angular/core';\n\nconst defaultConfig = IDS_ACCORDION_DEFAULT_CONFIG_FACTORY();\n\n@Component({\n  selector: 'ids-accordion',\n  imports: [IdsButtonComponent],\n  templateUrl: './accordion.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '(keydown)': '_handleKeyDown($event)',\n  },\n  hostDirectives: [\n    {\n      directive: CdkAccordion,\n      inputs: ['multi'],\n    },\n  ],\n})\nexport class IdsAccordionComponent extends ComponentBaseWithDefaults<IdsAccordionDefaultConfig> {\n  protected override get _hostName(): string {\n    return 'accordion';\n  }\n\n  private _cdkAccordion = inject(CdkAccordion);\n  private _items = contentChildren<IdsAccordionItemComponent>(IdsAccordionItemComponent);\n\n  protected readonly _defaultConfig = this._getDefaultConfig(defaultConfig, IDS_ACCORDION_DEFAULT_CONFIG);\n\n  public size = input<IdsSizeType>(this._defaultConfig.size);\n  public appearance = input<IdsAccordionAppearanceType>(this._defaultConfig.appearance);\n  public disabled = input(false, { transform: coerceBooleanAttribute });\n  public hasLeadingIcon = input(this._defaultConfig.hasLeadingIcon, { transform: coerceBooleanAttribute });\n  public hasTrailingIcon = input(this._defaultConfig.hasTrailingIcon, { transform: coerceBooleanAttribute });\n  public multi = input<boolean>(this._defaultConfig.multi);\n  public btnSize = input<IdsSizeType>(this._defaultConfig.btnSize);\n  public btnAppearance = input<IdsButtonAppearanceType>(this._defaultConfig.btnAppearance);\n  public btnVariant = input<IdsButtonVariantType>(this._defaultConfig.btnVariant);\n  public expandBtnLabel = input<string, string>(this._defaultConfig.expandBtnLabel, { transform: coerceStringAttribute });\n  public collapseBtnLabel = input<string, string>(this._defaultConfig.collapseBtnLabel, { transform: coerceStringAttribute });\n\n  protected _hostClasses = computed(() => this._getHostClasses([\n    this.size(),\n    this.appearance(),\n    this.disabled() ? 'disabled' : null,\n  ]));\n\n  public openAll(): void {\n    if (!this.disabled()) {\n      this._cdkAccordion.openAll();\n    }\n  }\n\n  public closeAll(): void {\n    if (!this.disabled()) {\n      this._cdkAccordion.closeAll();\n    }\n  }\n\n  private _handleKeyDown(event: KeyboardEvent): void {\n    const navigationKeys = [\n      'Enter',\n      ' ',\n      'ArrowUp',\n      'ArrowDown',\n      'Home',\n      'End',\n    ];\n\n    if (!navigationKeys.includes(event.key)) {\n      return;\n    }\n\n    event.preventDefault();\n\n    const items = this._items();\n    const target = event.target as HTMLButtonElement;\n    const accordionId = target.parentElement!.id;\n    const index = items.findIndex((item) => item.id() === accordionId);\n\n    switch (event.key) {\n      case 'ArrowUp': {\n        if (index > 0) {\n          const prevItem = items[index - 1];\n          prevItem.focus();\n        }\n        break;\n      }\n      case 'ArrowDown': {\n        if (index < items.length - 1) {\n          const nextItem = items[index + 1];\n          nextItem.focus();\n        }\n        break;\n      }\n      case 'Enter':\n      case ' ': {\n        items[index].toggle();\n        break;\n      }\n      case 'Home': {\n        items[0].focus();\n        break;\n      }\n      case 'End': {\n        items[items.length - 1].focus();\n        break;\n      }\n      default:\n        return;\n    }\n  }\n}\n","@if (multi()) {\n  <div class=\"ids-accordion-controls\">\n    <button\n      type=\"button\"\n      idsButton\n      [appearance]=\"btnAppearance()\"\n      [disabled]=\"disabled()\"\n      [variant]=\"btnVariant()\"\n      [size]=\"btnSize()\"\n      (click)=\"openAll()\"\n    >\n      {{ expandBtnLabel() }}\n    </button>\n    <button\n      type=\"button\"\n      idsButton\n      [appearance]=\"btnAppearance()\"\n      [disabled]=\"disabled()\"\n      [variant]=\"btnVariant()\"\n      [size]=\"btnSize()\"\n      (click)=\"closeAll()\"\n    >\n      {{ collapseBtnLabel() }}\n    </button>\n  </div>\n}\n<ng-content />\n","import { accordionAnimations } from '../accordion-animations';\nimport { IdsAccordionComponent } from '../accordion.component';\n\nimport { CdkAccordionItem } from '@angular/cdk/accordion';\nimport { ChangeDetectionStrategy, Component, computed, ElementRef, inject, input, viewChild, ViewEncapsulation } from '@angular/core';\nimport { coerceBooleanAttribute, ComponentBase } from '@i-cell/ids-angular/core';\nimport { IdsIconComponent } from '@i-cell/ids-angular/icon';\n\n@Component({\n  selector: 'ids-accordion-item',\n  imports: [IdsIconComponent],\n  templateUrl: './accordion-item.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  animations: [accordionAnimations],\n  hostDirectives: [\n    {\n      directive: CdkAccordionItem,\n      inputs: [\n        'expanded',\n        'disabled',\n      ],\n      outputs: [\n        'closed',\n        'destroyed',\n        'opened',\n      ],\n    },\n  ],\n})\nexport class IdsAccordionItemComponent extends ComponentBase {\n  protected override get _hostName(): string {\n    return 'accordion-item';\n  }\n\n  private _accordion = inject(IdsAccordionComponent, { skipSelf: true });\n  private _accordionItem = inject(CdkAccordionItem);\n  private _accordionHeader = viewChild.required<ElementRef<HTMLElement>>('header');\n\n  public summary = input<string | null>();\n  public disabled = input<boolean>(false);\n  public hasLeadingIcon = input(false, { transform: coerceBooleanAttribute });\n  public hasTrailingIcon = input(this._accordion.hasTrailingIcon(), { transform: coerceBooleanAttribute });\n\n  protected _headerId = computed(() => `${this.id()}-header`);\n  protected _contentId = computed(() => `${this.id()}-content`);\n  protected _parentOrSelfHasLeadingIcon = computed(() => this._accordion.hasLeadingIcon() ?? this.hasLeadingIcon());\n  protected _parentOrSelfHasTrailingIcon = computed(() => this._accordion.hasTrailingIcon() ?? this.hasTrailingIcon());\n  protected _parentOrSelfDisabled = computed(() => this._accordion.disabled() || this.disabled());\n\n  protected _hostClasses = computed(() => this._getHostClasses(\n    [this._parentOrSelfDisabled() ? 'disabled' : null],\n  ));\n\n  protected get _icon(): string {\n    return this.isExpanded ? 'chevron-up' : 'chevron-down';\n  }\n\n  public get isExpanded(): boolean {\n    return this._accordionItem.expanded;\n  }\n\n  public open(): void {\n    if (!this._parentOrSelfDisabled()) {\n      this._accordionItem.open();\n    }\n  }\n\n  public close(): void {\n    if (!this._parentOrSelfDisabled()) {\n      this._accordionItem.close();\n    }\n  }\n\n  public toggle(): void {\n    if (!this._parentOrSelfDisabled()) {\n      this._accordionItem.toggle();\n    }\n  }\n\n  public focus(options?: FocusOptions): void {\n    this._accordionHeader().nativeElement.focus(options);\n  }\n}\n","<div\n  #header\n  role=\"button\"\n  class=\"ids-accordion-item-summary\"\n  [id]=\"_headerId()\"\n  [attr.aria-expanded]=\"isExpanded ? 'true' : 'false'\"\n  [attr.aria-controls]=\"_contentId()\"\n  [attr.tabindex]=\"_parentOrSelfDisabled() ? -1 : 0\"\n  [attr.aria-disabled]=\"_parentOrSelfDisabled()\"\n  (click)=\"toggle()\"\n>\n  @if (_parentOrSelfHasLeadingIcon()) {\n    <ids-icon icon-leading [fontIcon]=\"_icon\" />\n  }\n  <span class=\"ids-accordion-item-title\">{{ summary() }}</span>\n  @if (_parentOrSelfHasTrailingIcon()) {\n    <ids-icon icon-trailing [fontIcon]=\"_icon\" />\n  }\n</div>\n<div\n  role=\"region\"\n  class=\"ids-accordion-item-content\"\n  [id]=\"_contentId()\"\n  [attr.aria-labelledby]=\"_headerId()\"\n  [@accordionAnimations]=\"isExpanded ? 'expanded' : 'collapsed'\"\n>\n  <ng-content />\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/i-cell-ids-angular-avatar.mjs

@@ -0,0 +1,125 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, Directive, inject, contentChild, input, computed, Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core';
+import { IdsSize, IdsSizeCollection, ComponentBaseWithDefaults } from '@i-cell/ids-angular/core';
+import { IdsIconComponent, IdsIconVariant, IDS_ICON_PARENT } from '@i-cell/ids-angular/icon';
+
+class IdsAvatarParent {
+}
+;
+const IDS_AVATAR_PARENT = new InjectionToken('IDS_AVATAR_PARENT');
+
+const IdsAvatarType = {
+    INITIALS: 'initials',
+    ICON: 'icon',
+    IMAGE: 'image',
+};
+
+const IdsAvatarVariant = {
+    PRIMARY: 'primary',
+    SECONDARY: 'secondary',
+    SURFACE: 'surface',
+    LIGHT: 'light',
+    DARK: 'dark',
+};
+
+const IDS_AVATAR_DEFAULT_CONFIG = new InjectionToken('IDS_AVATAR_DEFAULT_CONFIG', {
+    providedIn: 'root',
+    factory: IDS_AVATAR_DEFAULT_CONFIG_FACTORY,
+});
+function IDS_AVATAR_DEFAULT_CONFIG_FACTORY() {
+    return {
+        type: IdsAvatarType.INITIALS,
+        size: IdsSize.COMPACT,
+        sizeCollection: IdsSizeCollection.SMALL,
+        variant: IdsAvatarVariant.PRIMARY,
+    };
+}
+
+class IdsAvatarImageDirective {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: IdsAvatarImageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.2", type: IdsAvatarImageDirective, isStandalone: true, selector: "img[idsAvatarImage]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: IdsAvatarImageDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'img[idsAvatarImage]',
+                    standalone: true,
+                }]
+        }] });
+
+const defaultConfig = IDS_AVATAR_DEFAULT_CONFIG_FACTORY();
+class IdsAvatarComponent extends ComponentBaseWithDefaults {
+    constructor() {
+        super(...arguments);
+        this._parent = inject(IDS_AVATAR_PARENT, { optional: true });
+        this._defaultConfig = this._getDefaultConfig(defaultConfig, IDS_AVATAR_DEFAULT_CONFIG);
+        this._avatarType = IdsAvatarType;
+        this._iconChild = contentChild(IdsIconComponent);
+        this._imageChild = contentChild(IdsAvatarImageDirective);
+        this.initials = input(null);
+        this.size = input(this._defaultConfig.size);
+        this.sizeCollection = input(this._defaultConfig.sizeCollection);
+        this.variant = input(this._defaultConfig.variant);
+        this._implicitAvatarType = computed(() => {
+            if (this._iconChild() && !this._imageChild()) {
+                return IdsAvatarType.ICON;
+            }
+            if (this._imageChild() && !this._iconChild()) {
+                return IdsAvatarType.IMAGE;
+            }
+            return IdsAvatarType.INITIALS;
+        });
+        this.avatarType = computed(() => this._implicitAvatarType() ?? this._defaultConfig.type);
+        this._parentOrSelfVariant = computed(() => this._parent?.embeddedAvatarVariant() ?? this.variant());
+        this._hostClasses = computed(() => this._getHostClasses([
+            [
+                'type',
+                this.avatarType(),
+            ],
+            [
+                `${this.sizeCollection()}collection`,
+                this.size(),
+            ],
+            this._parentOrSelfVariant(),
+        ]));
+        this.embeddedIconVariant = computed(() => {
+            const avatarVariant = this._parentOrSelfVariant();
+            switch (avatarVariant) {
+                case IdsAvatarVariant.PRIMARY:
+                case IdsAvatarVariant.SECONDARY:
+                case IdsAvatarVariant.DARK:
+                    return IdsIconVariant.LIGHT;
+                case IdsAvatarVariant.SURFACE:
+                    return IdsIconVariant.SURFACE;
+                case IdsAvatarVariant.LIGHT:
+                    return IdsIconVariant.SURFACE;
+            }
+        });
+    }
+    get _hostName() {
+        return 'avatar';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: IdsAvatarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.2", type: IdsAvatarComponent, isStandalone: true, selector: "ids-avatar", inputs: { initials: { classPropertyName: "initials", publicName: "initials", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, sizeCollection: { classPropertyName: "sizeCollection", publicName: "sizeCollection", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            {
+                provide: IDS_ICON_PARENT,
+                useExisting: IdsAvatarComponent,
+            },
+        ], queries: [{ propertyName: "_iconChild", first: true, predicate: IdsIconComponent, descendants: true, isSignal: true }, { propertyName: "_imageChild", first: true, predicate: IdsAvatarImageDirective, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@let type = avatarType();\n@switch (type) {\n  @case (_avatarType.INITIALS) {\n    <span>{{ initials() }}</span>\n  }\n  @case (_avatarType.ICON) {\n    <ng-content select=\"ids-icon\">\n      <ids-icon fontIcon=\"user\" />\n    </ng-content>\n  }\n  @case (_avatarType.IMAGE) {\n    <ng-content select=\"img[src]\" />\n  }\n}\n", dependencies: [{ kind: "component", type: IdsIconComponent, selector: "ids-icon", inputs: ["size", "sizeCollection", "variant", "fontIcon", "svgIcon", "aria-hidden"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: IdsAvatarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ids-avatar', imports: [IdsIconComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: IDS_ICON_PARENT,
+                            useExisting: IdsAvatarComponent,
+                        },
+                    ], template: "@let type = avatarType();\n@switch (type) {\n  @case (_avatarType.INITIALS) {\n    <span>{{ initials() }}</span>\n  }\n  @case (_avatarType.ICON) {\n    <ng-content select=\"ids-icon\">\n      <ids-icon fontIcon=\"user\" />\n    </ng-content>\n  }\n  @case (_avatarType.IMAGE) {\n    <ng-content select=\"img[src]\" />\n  }\n}\n" }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { IDS_AVATAR_DEFAULT_CONFIG, IDS_AVATAR_DEFAULT_CONFIG_FACTORY, IDS_AVATAR_PARENT, IdsAvatarComponent, IdsAvatarImageDirective, IdsAvatarParent, IdsAvatarType, IdsAvatarVariant };
+//# sourceMappingURL=i-cell-ids-angular-avatar.mjs.map

package/fesm2022/i-cell-ids-angular-avatar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"i-cell-ids-angular-avatar.mjs","sources":["../../../projects/widgets/avatar/tokens/avatar-parent.ts","../../../projects/widgets/avatar/types/avatar-type.type.ts","../../../projects/widgets/avatar/types/avatar-variant.type.ts","../../../projects/widgets/avatar/avatar-defaults.ts","../../../projects/widgets/avatar/avatar-image.directive.ts","../../../projects/widgets/avatar/avatar.component.ts","../../../projects/widgets/avatar/avatar.component.html","../../../projects/widgets/avatar/i-cell-ids-angular-avatar.ts"],"sourcesContent":["import { IdsAvatarVariantType } from '../types/avatar-variant.type';\n\nimport { InjectionToken, Signal } from '@angular/core';\n\nexport abstract class IdsAvatarParent {\n  public readonly embeddedAvatarVariant!: Signal<IdsAvatarVariantType>;\n};\n\nexport const IDS_AVATAR_PARENT = new InjectionToken<IdsAvatarParent>(\n  'IDS_AVATAR_PARENT',\n);\n","export const IdsAvatarType = {\n  INITIALS: 'initials',\n  ICON: 'icon',\n  IMAGE: 'image',\n} as const;\n\nexport type IdsAvatarTypeType = (typeof IdsAvatarType)[keyof typeof IdsAvatarType];\n","export const IdsAvatarVariant = {\n  PRIMARY: 'primary',\n  SECONDARY: 'secondary',\n  SURFACE: 'surface',\n  LIGHT: 'light',\n  DARK: 'dark',\n} as const;\n\nexport type IdsAvatarVariantType = (typeof IdsAvatarVariant)[keyof typeof IdsAvatarVariant];\n","import { IdsAvatarType, IdsAvatarTypeType } from './types/avatar-type.type';\nimport { IdsAvatarVariant, IdsAvatarVariantType } from './types/avatar-variant.type';\n\nimport { InjectionToken } from '@angular/core';\nimport { IdsSize, IdsSizeCollection, IdsSizeCollectionType, IdsSizeType } from '@i-cell/ids-angular/core';\n\nexport interface IdsAvatarDefaultConfig {\n  type: IdsAvatarTypeType\n  size?: IdsSizeType\n  sizeCollection?: IdsSizeCollectionType\n  variant?: IdsAvatarVariantType,\n}\n\nexport const IDS_AVATAR_DEFAULT_CONFIG = new InjectionToken<IdsAvatarDefaultConfig>(\n  'IDS_AVATAR_DEFAULT_CONFIG',\n  {\n    providedIn: 'root',\n    factory: IDS_AVATAR_DEFAULT_CONFIG_FACTORY,\n  },\n);\n\nexport function IDS_AVATAR_DEFAULT_CONFIG_FACTORY(): Required<IdsAvatarDefaultConfig> {\n  return {\n    type: IdsAvatarType.INITIALS,\n    size: IdsSize.COMPACT,\n    sizeCollection: IdsSizeCollection.SMALL,\n    variant: IdsAvatarVariant.PRIMARY,\n  };\n}\n\n","import { Directive } from '@angular/core';\n\n@Directive({\n  selector: 'img[idsAvatarImage]',\n  standalone: true,\n})\nexport class IdsAvatarImageDirective {}\n","import { IDS_AVATAR_DEFAULT_CONFIG, IDS_AVATAR_DEFAULT_CONFIG_FACTORY, IdsAvatarDefaultConfig } from './avatar-defaults';\nimport { IdsAvatarImageDirective } from './avatar-image.directive';\nimport { IDS_AVATAR_PARENT } from './tokens/avatar-parent';\nimport { IdsAvatarType } from './types/avatar-type.type';\nimport { IdsAvatarVariant, IdsAvatarVariantType } from './types/avatar-variant.type';\n\nimport { ChangeDetectionStrategy, Component, ViewEncapsulation, computed, contentChild, inject, input } from '@angular/core';\nimport { ComponentBaseWithDefaults, IdsSizeCollectionType, IdsSizeType } from '@i-cell/ids-angular/core';\nimport { IDS_ICON_PARENT, IdsIconComponent, IdsIconParent, IdsIconVariant, IdsIconVariantType } from '@i-cell/ids-angular/icon';\n\nconst defaultConfig = IDS_AVATAR_DEFAULT_CONFIG_FACTORY();\n\n@Component({\n  selector: 'ids-avatar',\n  imports: [IdsIconComponent],\n  templateUrl: './avatar.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    {\n      provide: IDS_ICON_PARENT,\n      useExisting: IdsAvatarComponent,\n    },\n  ],\n})\nexport class IdsAvatarComponent extends ComponentBaseWithDefaults<IdsAvatarDefaultConfig> implements IdsIconParent {\n  protected override get _hostName(): string {\n    return 'avatar';\n  }\n\n  private readonly _parent = inject(IDS_AVATAR_PARENT, { optional: true });\n\n  protected readonly _defaultConfig = this._getDefaultConfig(defaultConfig, IDS_AVATAR_DEFAULT_CONFIG);\n\n  protected readonly _avatarType = IdsAvatarType;\n\n  private _iconChild = contentChild(IdsIconComponent);\n  private _imageChild = contentChild(IdsAvatarImageDirective);\n\n  public initials = input<string | null>(null);\n  public size = input<IdsSizeType>(this._defaultConfig.size);\n  public sizeCollection = input<IdsSizeCollectionType>(this._defaultConfig.sizeCollection);\n  public variant = input<IdsAvatarVariantType>(this._defaultConfig.variant);\n\n  private _implicitAvatarType = computed(() => {\n    if (this._iconChild() && !this._imageChild()) {\n      return IdsAvatarType.ICON;\n    }\n    if (this._imageChild() && !this._iconChild()) {\n      return IdsAvatarType.IMAGE;\n    }\n    return IdsAvatarType.INITIALS;\n  });\n\n  public avatarType = computed(() => this._implicitAvatarType() ?? this._defaultConfig.type);\n\n  private _parentOrSelfVariant = computed(() => this._parent?.embeddedAvatarVariant() ?? this.variant());\n\n  protected _hostClasses = computed(() => this._getHostClasses([\n    [\n      'type',\n      this.avatarType(),\n    ],\n    [\n      `${this.sizeCollection()}collection`,\n      this.size(),\n    ],\n    this._parentOrSelfVariant(),\n  ]));\n\n  public embeddedIconVariant = computed<IdsIconVariantType>(() => {\n    const avatarVariant = this._parentOrSelfVariant();\n    switch (avatarVariant) {\n      case IdsAvatarVariant.PRIMARY:\n      case IdsAvatarVariant.SECONDARY:\n      case IdsAvatarVariant.DARK:\n        return IdsIconVariant.LIGHT;\n\n      case IdsAvatarVariant.SURFACE:\n        return IdsIconVariant.SURFACE;\n\n      case IdsAvatarVariant.LIGHT:\n        return IdsIconVariant.SURFACE;\n    }\n  });\n}\n","@let type = avatarType();\n@switch (type) {\n  @case (_avatarType.INITIALS) {\n    <span>{{ initials() }}</span>\n  }\n  @case (_avatarType.ICON) {\n    <ng-content select=\"ids-icon\">\n      <ids-icon fontIcon=\"user\" />\n    </ng-content>\n  }\n  @case (_avatarType.IMAGE) {\n    <ng-content select=\"img[src]\" />\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/i-cell-ids-angular-button.mjs

@@ -0,0 +1,117 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, input, signal, Component, ViewEncapsulation, ChangeDetectionStrategy, inject, computed, contentChildren } from '@angular/core';
+import { IdsSize, ComponentBaseWithDefaults, coerceBooleanAttribute } from '@i-cell/ids-angular/core';
+
+class IdsButtonParent {
+}
+;
+const IDS_BUTTON_PARENT = new InjectionToken('IDS_BUTTON_PARENT');
+
+const IdsButtonAppearance = {
+    FILLED: 'filled',
+    OUTLINED: 'outlined',
+    TEXT: 'text',
+};
+
+const IdsButtonVariant = {
+    PRIMARY: 'primary',
+    SECONDARY: 'secondary',
+    SURFACE: 'surface',
+    BRAND: 'brand',
+    LIGHT: 'light',
+    DARK: 'dark',
+    INFO: 'info',
+    SUCCESS: 'success',
+    WARNING: 'warning',
+    ERROR: 'error',
+    LIGHT_FIXED: 'light-fixed',
+};
+
+const IDS_BUTTON_DEFAULT_CONFIG = new InjectionToken('IDS_BUTTON_DEFAULT_CONFIG', {
+    providedIn: 'root',
+    factory: IDS_BUTTON_DEFAULT_CONFIG_FACTORY,
+});
+function IDS_BUTTON_DEFAULT_CONFIG_FACTORY() {
+    return {
+        appearance: IdsButtonAppearance.FILLED,
+        size: IdsSize.COMPACT,
+        variant: IdsButtonVariant.PRIMARY,
+    };
+}
+
+const IDS_BUTTON_GROUP_DEFAULT_CONFIG = new InjectionToken('IDS_BUTTON_GROUP_DEFAULT_CONFIG', {
+    providedIn: 'root',
+    factory: IDS_BUTTON_GROUP_DEFAULT_CONFIG_FACTORY,
+});
+function IDS_BUTTON_GROUP_DEFAULT_CONFIG_FACTORY() {
+    return {
+        size: IdsSize.COMPACT,
+    };
+}
+
+const defaultConfig$1 = IDS_BUTTON_GROUP_DEFAULT_CONFIG_FACTORY();
+class IdsButtonGroupComponent extends ComponentBaseWithDefaults {
+    constructor() {
+        super(...arguments);
+        this._defaultConfig = this._getDefaultConfig(defaultConfig$1, IDS_BUTTON_GROUP_DEFAULT_CONFIG);
+        this.size = input(this._defaultConfig.size);
+        this._hostClasses = signal(this._getHostClasses([this.size()]));
+    }
+    get _hostName() {
+        return 'button-group';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: IdsButtonGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.2", type: IdsButtonGroupComponent, isStandalone: true, selector: "ids-button-group", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: '<ng-content select="button[idsButton], button[idsIconButton]">', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: IdsButtonGroupComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ids-button-group',
+                    imports: [],
+                    template: '<ng-content select="button[idsButton], button[idsIconButton]">',
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+
+const defaultConfig = IDS_BUTTON_DEFAULT_CONFIG_FACTORY();
+class IdsButtonComponent extends ComponentBaseWithDefaults {
+    constructor() {
+        super(...arguments);
+        this._parent = inject(IDS_BUTTON_PARENT, { optional: true });
+        this._group = inject(IdsButtonGroupComponent, { optional: true });
+        this._defaultConfig = this._getDefaultConfig(defaultConfig, IDS_BUTTON_DEFAULT_CONFIG);
+        this.appearance = input(this._defaultConfig.appearance);
+        this.size = input(this._defaultConfig.size);
+        this.variant = input(this._defaultConfig.variant);
+        this.disabled = input(false, { transform: (value) => coerceBooleanAttribute(value) });
+        this._parentOrSelfSize = computed(() => this._group?.size() ?? this.size());
+        this._parentOrSelfVariant = computed(() => this._parent?.embeddedButtonVariant() ?? this.variant());
+        this.iconLeading = contentChildren('[icon-leading]');
+        this.iconTrailing = contentChildren('[icon-trailing]');
+        this._hostClasses = computed(() => this._getHostClasses([
+            this.appearance(),
+            this._parentOrSelfSize(),
+            this._parentOrSelfVariant(),
+        ]));
+    }
+    get _hostName() {
+        return 'button';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: IdsButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.2", type: IdsButtonComponent, isStandalone: true, selector: "button[idsButton]", inputs: { appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.aria-disabled": "this.disabled()? \"\" : null", "attr.disabled": "this.disabled() ? \"\" : null" } }, queries: [{ propertyName: "iconLeading", predicate: ["[icon-leading]"], isSignal: true }, { propertyName: "iconTrailing", predicate: ["[icon-trailing]"], isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (iconLeading()) {\n  <ng-content select=\"[icon-leading]\" />\n}\n<span class=\"ids-button-label\"><ng-content /></span>\n@if (iconTrailing()) {\n  <ng-content select=\"[icon-trailing]\" />\n}\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: IdsButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'button[idsButton]', imports: [], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '[attr.aria-disabled]': 'this.disabled()? "" : null',
+                        '[attr.disabled]': 'this.disabled() ? "" : null',
+                    }, template: "@if (iconLeading()) {\n  <ng-content select=\"[icon-leading]\" />\n}\n<span class=\"ids-button-label\"><ng-content /></span>\n@if (iconTrailing()) {\n  <ng-content select=\"[icon-trailing]\" />\n}\n" }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { IDS_BUTTON_DEFAULT_CONFIG, IDS_BUTTON_DEFAULT_CONFIG_FACTORY, IDS_BUTTON_GROUP_DEFAULT_CONFIG, IDS_BUTTON_GROUP_DEFAULT_CONFIG_FACTORY, IDS_BUTTON_PARENT, IdsButtonAppearance, IdsButtonComponent, IdsButtonGroupComponent, IdsButtonParent, IdsButtonVariant };
+//# sourceMappingURL=i-cell-ids-angular-button.mjs.map

package/fesm2022/i-cell-ids-angular-button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"i-cell-ids-angular-button.mjs","sources":["../../../projects/widgets/button/tokens/button-parent.ts","../../../projects/widgets/button/types/button-appearance.type.ts","../../../projects/widgets/button/types/button-variant.type.ts","../../../projects/widgets/button/button-defaults.ts","../../../projects/widgets/button/button-group-defaults.ts","../../../projects/widgets/button/button-group.component.ts","../../../projects/widgets/button/button.component.ts","../../../projects/widgets/button/button.component.html","../../../projects/widgets/button/i-cell-ids-angular-button.ts"],"sourcesContent":["import { IdsButtonVariantType } from '../types/button-variant.type';\n\nimport { InjectionToken, Signal } from '@angular/core';\n\nexport abstract class IdsButtonParent {\n  public readonly embeddedButtonVariant!: Signal<IdsButtonVariantType>;\n};\n\nexport const IDS_BUTTON_PARENT = new InjectionToken<IdsButtonParent>(\n  'IDS_BUTTON_PARENT',\n);\n","export const IdsButtonAppearance = {\n  FILLED: 'filled',\n  OUTLINED: 'outlined',\n  TEXT: 'text',\n} as const;\n\nexport type IdsButtonAppearanceType = (typeof IdsButtonAppearance)[keyof typeof IdsButtonAppearance];\n","export const IdsButtonVariant = {\n  PRIMARY: 'primary',\n  SECONDARY: 'secondary',\n  SURFACE: 'surface',\n  BRAND: 'brand',\n  LIGHT: 'light',\n  DARK: 'dark',\n  INFO: 'info',\n  SUCCESS: 'success',\n  WARNING: 'warning',\n  ERROR: 'error',\n  LIGHT_FIXED: 'light-fixed',\n} as const;\n\nexport type IdsButtonVariantType = (typeof IdsButtonVariant)[keyof typeof IdsButtonVariant];\n\n","import { IdsButtonAppearance, IdsButtonAppearanceType } from './types/button-appearance.type';\nimport { IdsButtonVariant, IdsButtonVariantType } from './types/button-variant.type';\n\nimport { InjectionToken } from '@angular/core';\nimport { IdsSize, IdsSizeType } from '@i-cell/ids-angular/core';\n\nexport interface IdsButtonDefaultConfig {\n  appearance?: IdsButtonAppearanceType,\n  size?: IdsSizeType,\n  variant?: IdsButtonVariantType,\n}\n\nexport const IDS_BUTTON_DEFAULT_CONFIG = new InjectionToken<IdsButtonDefaultConfig>(\n  'IDS_BUTTON_DEFAULT_CONFIG',\n  {\n    providedIn: 'root',\n    factory: IDS_BUTTON_DEFAULT_CONFIG_FACTORY,\n  },\n);\n\nexport function IDS_BUTTON_DEFAULT_CONFIG_FACTORY(): Required<IdsButtonDefaultConfig> {\n  return {\n    appearance: IdsButtonAppearance.FILLED,\n    size: IdsSize.COMPACT,\n    variant: IdsButtonVariant.PRIMARY,\n  };\n}\n\n","import { InjectionToken } from '@angular/core';\nimport { IdsSize, IdsSizeType } from '@i-cell/ids-angular/core';\n\nexport interface IdsButtonGroupDefaultConfig {\n  size?: IdsSizeType,\n}\n\nexport const IDS_BUTTON_GROUP_DEFAULT_CONFIG = new InjectionToken<IdsButtonGroupDefaultConfig>(\n  'IDS_BUTTON_GROUP_DEFAULT_CONFIG',\n  {\n    providedIn: 'root',\n    factory: IDS_BUTTON_GROUP_DEFAULT_CONFIG_FACTORY,\n  },\n);\n\nexport function IDS_BUTTON_GROUP_DEFAULT_CONFIG_FACTORY(): Required<IdsButtonGroupDefaultConfig> {\n  return {\n    size: IdsSize.COMPACT,\n  };\n}\n\n","import { IDS_BUTTON_GROUP_DEFAULT_CONFIG, IDS_BUTTON_GROUP_DEFAULT_CONFIG_FACTORY, IdsButtonGroupDefaultConfig } from './button-group-defaults';\n\nimport { ChangeDetectionStrategy, Component, input, signal, ViewEncapsulation } from '@angular/core';\nimport { ComponentBaseWithDefaults, IdsSizeType } from '@i-cell/ids-angular/core';\n\nconst defaultConfig = IDS_BUTTON_GROUP_DEFAULT_CONFIG_FACTORY();\n\n@Component({\n  selector: 'ids-button-group',\n  imports: [],\n  template: '<ng-content select=\"button[idsButton], button[idsIconButton]\">',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class IdsButtonGroupComponent extends ComponentBaseWithDefaults<IdsButtonGroupDefaultConfig> {\n  protected override get _hostName(): string {\n    return 'button-group';\n  }\n\n  protected readonly _defaultConfig = this._getDefaultConfig(defaultConfig, IDS_BUTTON_GROUP_DEFAULT_CONFIG);\n  public size = input<IdsSizeType>(this._defaultConfig.size);\n\n  protected _hostClasses =signal(this._getHostClasses([this.size()]));\n}\n","import { IDS_BUTTON_DEFAULT_CONFIG, IDS_BUTTON_DEFAULT_CONFIG_FACTORY, IdsButtonDefaultConfig } from './button-defaults';\nimport { IdsButtonGroupComponent } from './button-group.component';\nimport { IDS_BUTTON_PARENT } from './tokens/button-parent';\nimport { IdsButtonAppearanceType } from './types/button-appearance.type';\nimport { IdsButtonVariantType } from './types/button-variant.type';\n\nimport { ChangeDetectionStrategy, Component, ViewEncapsulation, computed, contentChildren, inject, input } from '@angular/core';\nimport { ComponentBaseWithDefaults, IdsSizeType, coerceBooleanAttribute } from '@i-cell/ids-angular/core';\nimport { IdsIconComponent } from '@i-cell/ids-angular/icon';\n\nconst defaultConfig = IDS_BUTTON_DEFAULT_CONFIG_FACTORY();\n\n@Component({\n  selector: 'button[idsButton]',\n  imports: [],\n  templateUrl: './button.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[attr.aria-disabled]': 'this.disabled()? \"\" : null',\n    '[attr.disabled]': 'this.disabled() ? \"\" : null',\n  },\n})\nexport class IdsButtonComponent extends ComponentBaseWithDefaults<IdsButtonDefaultConfig> {\n  protected override get _hostName(): string {\n    return 'button';\n  }\n\n  private readonly _parent = inject(IDS_BUTTON_PARENT, { optional: true });\n  private readonly _group = inject(IdsButtonGroupComponent, { optional: true });\n\n  protected readonly _defaultConfig = this._getDefaultConfig(defaultConfig, IDS_BUTTON_DEFAULT_CONFIG);\n\n  public appearance = input<IdsButtonAppearanceType>(this._defaultConfig.appearance);\n  public size = input<IdsSizeType>(this._defaultConfig.size);\n  public variant = input<IdsButtonVariantType>(this._defaultConfig.variant);\n  public disabled = input(false, { transform: (value: boolean | string) => coerceBooleanAttribute(value) });\n\n  private _parentOrSelfSize = computed(() => this._group?.size() ?? this.size());\n  private _parentOrSelfVariant = computed(() => this._parent?.embeddedButtonVariant() ?? this.variant());\n\n  public iconLeading = contentChildren<IdsIconComponent>('[icon-leading]');\n  public iconTrailing = contentChildren<IdsIconComponent>('[icon-trailing]');\n\n  protected _hostClasses = computed(() => this._getHostClasses([\n    this.appearance(),\n    this._parentOrSelfSize(),\n    this._parentOrSelfVariant(),\n  ]));\n}\n","@if (iconLeading()) {\n  <ng-content select=\"[icon-leading]\" />\n}\n<span class=\"ids-button-label\"><ng-content /></span>\n@if (iconTrailing()) {\n  <ng-content select=\"[icon-trailing]\" />\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["defaultConfig"],"mappings":"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"}