@i-cell/ids-angular 0.0.0-watch

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

@@ -0,0 +1,181 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, input, computed, ChangeDetectionStrategy, ViewEncapsulation, Component, inject, viewChild, signal, Input } from '@angular/core';
+import { IdsSize, ComponentBaseWithDefaults, coerceBooleanAttribute, coerceNumberAttribute, fallbackValue } from '@i-cell/ids-angular/core';
+import { trigger, transition, query, style, animate } from '@angular/animations';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { IdsIconComponent } from '@i-cell/ids-angular/icon';
+
+const IdsSwitchIconPosition = {
+    ONHANDLE: 'onhandle',
+    ONTRACK: 'ontrack',
+};
+const IdsSwitchLabelPosition = {
+    LEFT: 'left',
+    RIGHT: 'right',
+};
+
+const IdsSwitchVariant = {
+    PRIMARY: 'primary',
+    SURFACE: 'surface',
+    LIGHT: 'light',
+};
+
+const IDS_SWITCH_DEFAULT_CONFIG = new InjectionToken('IDS_SWITCH_DEFAULT_CONFIG', {
+    providedIn: 'root',
+    factory: IDS_SWITCH_DEFAULT_CONFIG_FACTORY,
+});
+function IDS_SWITCH_DEFAULT_CONFIG_FACTORY() {
+    return {
+        size: IdsSize.COMPACT,
+        variant: IdsSwitchVariant.SURFACE,
+        hasIcon: false,
+        iconPosition: IdsSwitchIconPosition.ONHANDLE,
+        labelPosition: IdsSwitchLabelPosition.RIGHT,
+    };
+}
+
+const defaultConfig$1 = IDS_SWITCH_DEFAULT_CONFIG_FACTORY();
+class IdsSwitchGroupComponent extends ComponentBaseWithDefaults {
+    constructor() {
+        super(...arguments);
+        this._defaultConfig = this._getDefaultConfig(defaultConfig$1, IDS_SWITCH_DEFAULT_CONFIG);
+        this.size = input(this._defaultConfig.size, ...(ngDevMode ? [{ debugName: "size" }] : []));
+        this.hasIcon = input(this._defaultConfig.hasIcon, ...(ngDevMode ? [{ debugName: "hasIcon" }] : []));
+        this.iconPosition = input(this._defaultConfig.iconPosition, ...(ngDevMode ? [{ debugName: "iconPosition" }] : []));
+        this.labelPosition = input(this._defaultConfig.labelPosition, ...(ngDevMode ? [{ debugName: "labelPosition" }] : []));
+        this._hostClasses = computed(() => this._getHostClasses([this.size()]), ...(ngDevMode ? [{ debugName: "_hostClasses" }] : []));
+    }
+    get _hostName() {
+        return 'switch-group';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: IdsSwitchGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.7", type: IdsSwitchGroupComponent, isStandalone: true, selector: "ids-switch-group", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, hasIcon: { classPropertyName: "hasIcon", publicName: "hasIcon", isSignal: true, isRequired: false, transformFunction: null }, iconPosition: { classPropertyName: "iconPosition", publicName: "iconPosition", isSignal: true, isRequired: false, transformFunction: null }, labelPosition: { classPropertyName: "labelPosition", publicName: "labelPosition", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ids-switch\" />\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: IdsSwitchGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ids-switch-group', imports: [], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"ids-switch\" />\n" }]
+        }] });
+
+const switchAnimation = trigger('switchAnimation', [
+    transition('off <=> on', [
+        query('.ids-icon:enter', [
+            style({ opacity: 0 }),
+            animate('0.1s ease-in', style({ opacity: 1 })),
+        ], { optional: true }),
+        query('.ids-icon:leave', [animate('0.1s ease-out', style({ opacity: 0 }))], { optional: true }),
+    ]),
+]);
+
+const defaultConfig = IDS_SWITCH_DEFAULT_CONFIG_FACTORY();
+class IdsSwitchComponent extends ComponentBaseWithDefaults {
+    constructor() {
+        super(...arguments);
+        this._defaultConfig = this._getDefaultConfig(defaultConfig, IDS_SWITCH_DEFAULT_CONFIG);
+        this._switchGroup = inject(IdsSwitchGroupComponent, { optional: true });
+        this._switchElement = viewChild('switch', ...(ngDevMode ? [{ debugName: "_switchElement" }] : []));
+        this._isChecked = signal(false, ...(ngDevMode ? [{ debugName: "_isChecked" }] : []));
+        this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
+        this.name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : []));
+        this.readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly", transform: coerceBooleanAttribute }] : [{ transform: coerceBooleanAttribute }]));
+        this.size = input(this._defaultConfig.size, ...(ngDevMode ? [{ debugName: "size" }] : []));
+        this.tabIndex = input(0, ...(ngDevMode ? [{ debugName: "tabIndex", transform: coerceNumberAttribute }] : [{ transform: coerceNumberAttribute }]));
+        this.variant = input(this._defaultConfig.variant, ...(ngDevMode ? [{ debugName: "variant" }] : []));
+        this.hasIcon = input(this._defaultConfig.hasIcon, ...(ngDevMode ? [{ debugName: "hasIcon" }] : []));
+        this.iconPosition = input(this._defaultConfig.iconPosition, ...(ngDevMode ? [{ debugName: "iconPosition" }] : []));
+        this.labelPosition = input(this._defaultConfig.labelPosition, ...(ngDevMode ? [{ debugName: "labelPosition" }] : []));
+        this._isDisabled = signal(false, ...(ngDevMode ? [{ debugName: "_isDisabled" }] : []));
+        this.ariaLabel = input(null, ...(ngDevMode ? [{ debugName: "ariaLabel", alias: 'aria-label' }] : [{ alias: 'aria-label' }]));
+        this.ariaLabelledBy = input(null, ...(ngDevMode ? [{ debugName: "ariaLabelledBy", alias: 'aria-labelledby', transform: (val) => fallbackValue(val, this.id()) }] : [{ alias: 'aria-labelledby', transform: (val) => fallbackValue(val, this.id()) }]));
+        this.ariaDescribedBy = input(null, ...(ngDevMode ? [{ debugName: "ariaDescribedBy", alias: 'aria-describedby' }] : [{ alias: 'aria-describedby' }]));
+        this._parentOrSelfSize = computed(() => this._switchGroup?.size() ?? this.size(), ...(ngDevMode ? [{ debugName: "_parentOrSelfSize" }] : []));
+        this._parentOrSelfHasIcon = computed(() => this._switchGroup?.hasIcon() ?? this.hasIcon(), ...(ngDevMode ? [{ debugName: "_parentOrSelfHasIcon" }] : []));
+        this._parentOrSelfIconPosition = computed(() => this._switchGroup?.iconPosition() ?? this.iconPosition(), ...(ngDevMode ? [{ debugName: "_parentOrSelfIconPosition" }] : []));
+        this._parentOrSelfLabelPosition = computed(() => this._switchGroup?.labelPosition() ?? this.labelPosition(), ...(ngDevMode ? [{ debugName: "_parentOrSelfLabelPosition" }] : []));
+        this._hasHandleIcon = computed(() => this._parentOrSelfHasIcon() && this._parentOrSelfIconPosition() === IdsSwitchIconPosition.ONHANDLE, ...(ngDevMode ? [{ debugName: "_hasHandleIcon" }] : []));
+        this._hasTrackIcon = computed(() => this._parentOrSelfHasIcon() && this._parentOrSelfIconPosition() === IdsSwitchIconPosition.ONTRACK, ...(ngDevMode ? [{ debugName: "_hasTrackIcon" }] : []));
+        this._isFocusable = computed(() => !this._isDisabled() && !this.readonly(), ...(ngDevMode ? [{ debugName: "_isFocusable" }] : []));
+        this._hostClasses = computed(() => this._getHostClasses([
+            this._parentOrSelfSize(),
+            this.variant(),
+            this._isDisabled() ? 'disabled' : null,
+            this._isChecked() ? 'on' : null,
+            [
+                'label',
+                this._parentOrSelfLabelPosition(),
+            ],
+        ]), ...(ngDevMode ? [{ debugName: "_hostClasses" }] : []));
+        this._onChange = () => { };
+        this._onTouched = () => { };
+    }
+    get _hostName() {
+        return 'switch';
+    }
+    set disabled(value) {
+        if (value !== this.disabled) {
+            this._isDisabled.set(value);
+        }
+    }
+    focus() {
+        if (this._isFocusable()) {
+            this._switchElement()?.nativeElement.focus();
+        }
+    }
+    writeValue(value) {
+        this._isChecked.set(Boolean(value));
+    }
+    registerOnChange(fn) {
+        this._onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this._onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this._isDisabled.set(isDisabled);
+    }
+    toggle() {
+        if (!this._isDisabled() && !this.readonly()) {
+            this._isChecked.update((checked) => !checked);
+            this._onChange(this._isChecked());
+            this._onTouched();
+        }
+    }
+    _handleClick() {
+        if (!this._isDisabled()) {
+            this.toggle();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: IdsSwitchComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: IdsSwitchComponent, isStandalone: true, selector: "ids-switch[ngModel]:not([formControl]):not([formControlName]),\n             ids-switch[formControl]:not([ngModel]):not([formControlName]),\n             ids-switch[formControlName]:not([ngModel]):not([formControl])", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, tabIndex: { classPropertyName: "tabIndex", publicName: "tabIndex", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, hasIcon: { classPropertyName: "hasIcon", publicName: "hasIcon", isSignal: true, isRequired: false, transformFunction: null }, iconPosition: { classPropertyName: "iconPosition", publicName: "iconPosition", isSignal: true, isRequired: false, transformFunction: null }, labelPosition: { classPropertyName: "labelPosition", publicName: "labelPosition", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledBy: { classPropertyName: "ariaLabelledBy", publicName: "aria-labelledby", isSignal: true, isRequired: false, transformFunction: null }, ariaDescribedBy: { classPropertyName: "ariaDescribedBy", publicName: "aria-describedby", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: coerceBooleanAttribute } }, host: { properties: { "aria-label": "ariaLabel()", "aria-labelledby": "ariaLabelledBy()", "aria-describedby": "ariaDescribedBy()" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: IdsSwitchComponent,
+                multi: true,
+            },
+        ], viewQueries: [{ propertyName: "_switchElement", first: true, predicate: ["switch"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<button\n  #switch\n  role=\"switch\"\n  type=\"button\"\n  class=\"ids-switch__button\"\n  [tabIndex]=\"_isDisabled() ? -1 : tabIndex()\"\n  [disabled]=\"_isDisabled()\"\n  [id]=\"id()\"\n  [name]=\"name()\"\n  [attr.aria-label]=\"ariaLabel()\"\n  [attr.aria-labelledby]=\"ariaLabelledBy()\"\n  [attr.aria-describedby]=\"ariaDescribedBy()\"\n  [attr.aria-checked]=\"_isChecked()\"\n  [@switchAnimation]=\"_isChecked() ? 'on' : 'off'\"\n  (click)=\"_handleClick()\"\n>\n  <div class=\"ids-switch__track\">\n    @if (_hasTrackIcon()) {\n      <div class=\"ids-switch__track-icon\">\n        @if (_isChecked()) {\n          <ids-icon aria-hidden=\"true\" fontIcon=\"check\" />\n        }\n      </div>\n      <div class=\"ids-switch__track-icon\">\n        @if (!_isChecked()) {\n          <ids-icon aria-hidden=\"true\" fontIcon=\"close\" />\n        }\n      </div>\n    }\n    <div class=\"ids-switch__handle\">\n      @if (_hasHandleIcon()) {\n        <!-- needs to be here duplicate ids-icon because of animation :enter and :leave -->\n        @if (_isChecked()) {\n          <ids-icon aria-hidden=\"true\" fontIcon=\"check\" />\n        } @else {\n          <ids-icon aria-hidden=\"true\" fontIcon=\"close\" />\n        }\n      }\n    </div>\n  </div>\n</button>\n\n<label class=\"ids-switch__label\" [for]=\"id()\">{{ label() }}</label>\n", dependencies: [{ kind: "component", type: IdsIconComponent, selector: "ids-icon", inputs: ["size", "sizeCollection", "variant", "fontIcon", "svgIcon", "aria-hidden"] }], animations: [switchAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: IdsSwitchComponent, decorators: [{
+            type: Component,
+            args: [{ selector: `ids-switch[ngModel]:not([formControl]):not([formControlName]),
+             ids-switch[formControl]:not([ngModel]):not([formControlName]),
+             ids-switch[formControlName]:not([ngModel]):not([formControl])`, imports: [IdsIconComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: IdsSwitchComponent,
+                            multi: true,
+                        },
+                    ], animations: [switchAnimation], host: {
+                        '[aria-label]': 'ariaLabel()',
+                        '[aria-labelledby]': 'ariaLabelledBy()',
+                        '[aria-describedby]': 'ariaDescribedBy()',
+                    }, template: "<button\n  #switch\n  role=\"switch\"\n  type=\"button\"\n  class=\"ids-switch__button\"\n  [tabIndex]=\"_isDisabled() ? -1 : tabIndex()\"\n  [disabled]=\"_isDisabled()\"\n  [id]=\"id()\"\n  [name]=\"name()\"\n  [attr.aria-label]=\"ariaLabel()\"\n  [attr.aria-labelledby]=\"ariaLabelledBy()\"\n  [attr.aria-describedby]=\"ariaDescribedBy()\"\n  [attr.aria-checked]=\"_isChecked()\"\n  [@switchAnimation]=\"_isChecked() ? 'on' : 'off'\"\n  (click)=\"_handleClick()\"\n>\n  <div class=\"ids-switch__track\">\n    @if (_hasTrackIcon()) {\n      <div class=\"ids-switch__track-icon\">\n        @if (_isChecked()) {\n          <ids-icon aria-hidden=\"true\" fontIcon=\"check\" />\n        }\n      </div>\n      <div class=\"ids-switch__track-icon\">\n        @if (!_isChecked()) {\n          <ids-icon aria-hidden=\"true\" fontIcon=\"close\" />\n        }\n      </div>\n    }\n    <div class=\"ids-switch__handle\">\n      @if (_hasHandleIcon()) {\n        <!-- needs to be here duplicate ids-icon because of animation :enter and :leave -->\n        @if (_isChecked()) {\n          <ids-icon aria-hidden=\"true\" fontIcon=\"check\" />\n        } @else {\n          <ids-icon aria-hidden=\"true\" fontIcon=\"close\" />\n        }\n      }\n    </div>\n  </div>\n</button>\n\n<label class=\"ids-switch__label\" [for]=\"id()\">{{ label() }}</label>\n" }]
+        }], propDecorators: { disabled: [{
+                type: Input,
+                args: [{ transform: coerceBooleanAttribute }]
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { IDS_SWITCH_DEFAULT_CONFIG, IDS_SWITCH_DEFAULT_CONFIG_FACTORY, IdsSwitchComponent, IdsSwitchGroupComponent, IdsSwitchIconPosition, IdsSwitchLabelPosition, IdsSwitchVariant };
+//# sourceMappingURL=i-cell-ids-angular-switch.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"i-cell-ids-angular-switch.mjs","sources":["../../../projects/widgets/switch/types/switch-positions.type.ts","../../../projects/widgets/switch/types/switch-variant.type.ts","../../../projects/widgets/switch/switch-defaults.ts","../../../projects/widgets/switch/switch-group.component.ts","../../../projects/widgets/switch/switch-group.component.html","../../../projects/widgets/switch/switch-animations.ts","../../../projects/widgets/switch/switch.component.ts","../../../projects/widgets/switch/switch.component.html","../../../projects/widgets/switch/i-cell-ids-angular-switch.ts"],"sourcesContent":["export const IdsSwitchIconPosition = {\n  ONHANDLE: 'onhandle',\n  ONTRACK: 'ontrack',\n} as const;\n\nexport type IdsSwitchIconPositionType = (typeof IdsSwitchIconPosition)[keyof typeof IdsSwitchIconPosition];\n\nexport const IdsSwitchLabelPosition = {\n  LEFT: 'left',\n  RIGHT: 'right',\n} as const;\n\nexport type IdsSwitchLabelPositionType = (typeof IdsSwitchLabelPosition)[keyof typeof IdsSwitchLabelPosition];\n","export const IdsSwitchVariant = {\n  PRIMARY: 'primary',\n  SURFACE: 'surface',\n  LIGHT: 'light',\n} as const;\n\nexport type IdsSwitchVariantType = (typeof IdsSwitchVariant)[keyof typeof IdsSwitchVariant];\n","import { IdsSwitchIconPosition, IdsSwitchIconPositionType, IdsSwitchLabelPosition, IdsSwitchLabelPositionType } from './types/switch-positions.type';\nimport { IdsSwitchVariant, IdsSwitchVariantType } from './types/switch-variant.type';\n\nimport { InjectionToken } from '@angular/core';\nimport { IdsSize, IdsSizeType } from '@i-cell/ids-angular/core';\n\nexport interface IdsSwitchDefaultConfig {\n  size?: IdsSizeType\n  variant?: IdsSwitchVariantType\n  hasIcon?: boolean\n  iconPosition: IdsSwitchIconPositionType\n  labelPosition: IdsSwitchLabelPositionType\n}\n\nexport const IDS_SWITCH_DEFAULT_CONFIG = new InjectionToken<IdsSwitchDefaultConfig>(\n  'IDS_SWITCH_DEFAULT_CONFIG',\n  {\n    providedIn: 'root',\n    factory: IDS_SWITCH_DEFAULT_CONFIG_FACTORY,\n  },\n);\n\nexport function IDS_SWITCH_DEFAULT_CONFIG_FACTORY(): Required<IdsSwitchDefaultConfig> {\n  return {\n    size: IdsSize.COMPACT,\n    variant: IdsSwitchVariant.SURFACE,\n    hasIcon: false,\n    iconPosition: IdsSwitchIconPosition.ONHANDLE,\n    labelPosition: IdsSwitchLabelPosition.RIGHT,\n  };\n}\n","import { IDS_SWITCH_DEFAULT_CONFIG, IDS_SWITCH_DEFAULT_CONFIG_FACTORY, IdsSwitchDefaultConfig } from './switch-defaults';\n\nimport { ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from '@angular/core';\nimport { IdsSizeType, ComponentBaseWithDefaults } from '@i-cell/ids-angular/core';\n\nconst defaultConfig = IDS_SWITCH_DEFAULT_CONFIG_FACTORY();\n\n@Component({\n  selector: 'ids-switch-group',\n  imports: [],\n  templateUrl: './switch-group.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class IdsSwitchGroupComponent extends ComponentBaseWithDefaults<IdsSwitchDefaultConfig> {\n  protected override get _hostName(): string {\n    return 'switch-group';\n  }\n\n  protected readonly _defaultConfig = this._getDefaultConfig(defaultConfig, IDS_SWITCH_DEFAULT_CONFIG);\n\n  public size = input<IdsSizeType | null>(this._defaultConfig.size);\n  public hasIcon = input(this._defaultConfig.hasIcon);\n  public iconPosition = input(this._defaultConfig.iconPosition);\n  public labelPosition = input(this._defaultConfig.labelPosition);\n\n  protected _hostClasses = computed(() => this._getHostClasses([this.size()]));\n}\n","<ng-content select=\"ids-switch\" />\n","import { animate, AnimationTriggerMetadata, query, style, transition, trigger } from '@angular/animations';\n\nexport const switchAnimation: AnimationTriggerMetadata = trigger('switchAnimation', [\n  transition('off <=> on', [\n    query('.ids-icon:enter', [\n      style({ opacity: 0 }),\n      animate('0.1s ease-in', style({ opacity: 1 })),\n    ], { optional: true }),\n    query('.ids-icon:leave', [animate('0.1s ease-out', style({ opacity: 0 }))], { optional: true }),\n  ]),\n]);\n","import { switchAnimation } from './switch-animations';\nimport { IDS_SWITCH_DEFAULT_CONFIG, IDS_SWITCH_DEFAULT_CONFIG_FACTORY, IdsSwitchDefaultConfig } from './switch-defaults';\nimport { IdsSwitchGroupComponent } from './switch-group.component';\nimport { IdsSwitchIconPosition } from './types/switch-positions.type';\nimport { IdsSwitchVariantType } from './types/switch-variant.type';\n\nimport { ChangeDetectionStrategy, Component, computed, ElementRef, inject, Input, input, signal, viewChild, ViewEncapsulation } from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { coerceBooleanAttribute, IdsSizeType, fallbackValue, coerceNumberAttribute, ComponentBaseWithDefaults } from '@i-cell/ids-angular/core';\nimport { IdsIconComponent } from '@i-cell/ids-angular/icon';\n\nconst defaultConfig = IDS_SWITCH_DEFAULT_CONFIG_FACTORY();\n\n@Component({\n  selector: `ids-switch[ngModel]:not([formControl]):not([formControlName]),\n             ids-switch[formControl]:not([ngModel]):not([formControlName]),\n             ids-switch[formControlName]:not([ngModel]):not([formControl])`,\n  imports: [IdsIconComponent],\n  templateUrl: './switch.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: IdsSwitchComponent,\n      multi: true,\n    },\n  ],\n  animations: [switchAnimation],\n  host: {\n    '[aria-label]': 'ariaLabel()',\n    '[aria-labelledby]': 'ariaLabelledBy()',\n    '[aria-describedby]': 'ariaDescribedBy()',\n  },\n})\nexport class IdsSwitchComponent extends ComponentBaseWithDefaults<IdsSwitchDefaultConfig> {\n  protected override get _hostName(): string {\n    return 'switch';\n  }\n\n  protected readonly _defaultConfig = this._getDefaultConfig(defaultConfig, IDS_SWITCH_DEFAULT_CONFIG);\n\n  private _switchGroup = inject(IdsSwitchGroupComponent, { optional: true });\n\n  private _switchElement = viewChild<ElementRef<HTMLInputElement>>('switch');\n\n  protected _isChecked = signal(false);\n\n  public label = input<string>();\n  public name = input<string | null>();\n  public readonly = input(false, { transform: coerceBooleanAttribute });\n  public size = input<IdsSizeType>(this._defaultConfig.size);\n  public tabIndex = input(0, { transform: coerceNumberAttribute });\n  public variant = input<IdsSwitchVariantType>(this._defaultConfig.variant);\n  public hasIcon = input(this._defaultConfig.hasIcon);\n  public iconPosition = input(this._defaultConfig.iconPosition);\n  public labelPosition = input(this._defaultConfig.labelPosition);\n  protected _isDisabled = signal(false);\n  public ariaLabel = input<string| null>(null, { alias: 'aria-label' });\n  public ariaLabelledBy = input<string | null, string>(null,\n    { alias: 'aria-labelledby', transform: (val) => fallbackValue(val, this.id()) },\n  );\n\n  public ariaDescribedBy = input<string | null>(null, { alias: 'aria-describedby' });\n\n  protected _parentOrSelfSize = computed(() => this._switchGroup?.size() ?? this.size());\n  protected _parentOrSelfHasIcon = computed(() => this._switchGroup?.hasIcon() ?? this.hasIcon());\n  protected _parentOrSelfIconPosition = computed(() => this._switchGroup?.iconPosition() ?? this.iconPosition());\n  protected _parentOrSelfLabelPosition = computed(() => this._switchGroup?.labelPosition() ?? this.labelPosition());\n  protected _hasHandleIcon = computed(() =>\n    this._parentOrSelfHasIcon() && this._parentOrSelfIconPosition() === IdsSwitchIconPosition.ONHANDLE,\n  );\n\n  protected _hasTrackIcon = computed(() =>\n    this._parentOrSelfHasIcon() && this._parentOrSelfIconPosition() === IdsSwitchIconPosition.ONTRACK,\n  );\n\n  private _isFocusable = computed(() => !this._isDisabled() && !this.readonly());\n  protected _hostClasses = computed(() => this._getHostClasses([\n    this._parentOrSelfSize(),\n    this.variant(),\n    this._isDisabled() ? 'disabled' : null,\n    this._isChecked() ? 'on' : null,\n    [\n      'label',\n      this._parentOrSelfLabelPosition(),\n    ],\n  ]),\n  );\n\n  private _onChange: (value: unknown) => void = () => { };\n  private _onTouched: () => unknown = () => { };\n\n  @Input({ transform: coerceBooleanAttribute })\n  set disabled(value: boolean) {\n    if (value !== this.disabled) {\n      this._isDisabled.set(value);\n    }\n  }\n\n  public focus(): void {\n    if (this._isFocusable()) {\n      this._switchElement()?.nativeElement.focus();\n    }\n  }\n\n  public writeValue(value: boolean | undefined): void {\n    this._isChecked.set(Boolean(value));\n  }\n\n  public registerOnChange(fn: () => void): void {\n    this._onChange = fn;\n  }\n\n  public registerOnTouched(fn: () => unknown): void {\n    this._onTouched = fn;\n  }\n\n  public setDisabledState?(isDisabled: boolean): void {\n    this._isDisabled.set(isDisabled);\n  }\n\n  public toggle(): void {\n    if (!this._isDisabled() && !this.readonly()) {\n      this._isChecked.update((checked) => !checked);\n      this._onChange(this._isChecked());\n      this._onTouched();\n    }\n  }\n\n  protected _handleClick(): void {\n    if (!this._isDisabled()) {\n      this.toggle();\n    }\n  }\n}\n","<button\n  #switch\n  role=\"switch\"\n  type=\"button\"\n  class=\"ids-switch__button\"\n  [tabIndex]=\"_isDisabled() ? -1 : tabIndex()\"\n  [disabled]=\"_isDisabled()\"\n  [id]=\"id()\"\n  [name]=\"name()\"\n  [attr.aria-label]=\"ariaLabel()\"\n  [attr.aria-labelledby]=\"ariaLabelledBy()\"\n  [attr.aria-describedby]=\"ariaDescribedBy()\"\n  [attr.aria-checked]=\"_isChecked()\"\n  [@switchAnimation]=\"_isChecked() ? 'on' : 'off'\"\n  (click)=\"_handleClick()\"\n>\n  <div class=\"ids-switch__track\">\n    @if (_hasTrackIcon()) {\n      <div class=\"ids-switch__track-icon\">\n        @if (_isChecked()) {\n          <ids-icon aria-hidden=\"true\" fontIcon=\"check\" />\n        }\n      </div>\n      <div class=\"ids-switch__track-icon\">\n        @if (!_isChecked()) {\n          <ids-icon aria-hidden=\"true\" fontIcon=\"close\" />\n        }\n      </div>\n    }\n    <div class=\"ids-switch__handle\">\n      @if (_hasHandleIcon()) {\n        <!-- needs to be here duplicate ids-icon because of animation :enter and :leave -->\n        @if (_isChecked()) {\n          <ids-icon aria-hidden=\"true\" fontIcon=\"check\" />\n        } @else {\n          <ids-icon aria-hidden=\"true\" fontIcon=\"close\" />\n        }\n      }\n    </div>\n  </div>\n</button>\n\n<label class=\"ids-switch__label\" [for]=\"id()\">{{ label() }}</label>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["defaultConfig"],"mappings":";;;;;;;AAAO,MAAM,qBAAqB,GAAG;AACnC,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,OAAO,EAAE,SAAS;;AAKb,MAAM,sBAAsB,GAAG;AACpC,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,KAAK,EAAE,OAAO;;;ACTT,MAAM,gBAAgB,GAAG;AAC9B,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,KAAK,EAAE,OAAO;;;MCWH,yBAAyB,GAAG,IAAI,cAAc,CACzD,2BAA2B,EAC3B;AACE,IAAA,UAAU,EAAE,MAAM;AAClB,IAAA,OAAO,EAAE,iCAAiC;AAC3C,CAAA;SAGa,iCAAiC,GAAA;IAC/C,OAAO;QACL,IAAI,EAAE,OAAO,CAAC,OAAO;QACrB,OAAO,EAAE,gBAAgB,CAAC,OAAO;AACjC,QAAA,OAAO,EAAE,KAAK;QACd,YAAY,EAAE,qBAAqB,CAAC,QAAQ;QAC5C,aAAa,EAAE,sBAAsB,CAAC,KAAK;KAC5C;AACH;;ACzBA,MAAMA,eAAa,GAAG,iCAAiC,EAAE;AASnD,MAAO,uBAAwB,SAAQ,yBAAiD,CAAA;AAP9F,IAAA,WAAA,GAAA;;QAYqB,IAAA,CAAA,cAAc,GAAG,IAAI,CAAC,iBAAiB,CAACA,eAAa,EAAE,yBAAyB,CAAC;QAE7F,IAAA,CAAA,IAAI,GAAG,KAAK,CAAqB,IAAI,CAAC,cAAc,CAAC,IAAI,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;QAC1D,IAAA,CAAA,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,cAAc,CAAC,OAAO,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,SAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;QAC5C,IAAA,CAAA,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,cAAc,CAAC,YAAY,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,cAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;QACtD,IAAA,CAAA,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,cAAc,CAAC,aAAa,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,eAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;AAErD,QAAA,IAAA,CAAA,YAAY,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,eAAe,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,wDAAC;AAC7E,IAAA;AAZC,IAAA,IAAuB,SAAS,GAAA;AAC9B,QAAA,OAAO,cAAc;IACvB;8GAHW,uBAAuB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAvB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,uBAAuB,+nBCdpC,wCACA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDaa,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAPnC,SAAS;+BACE,kBAAkB,EAAA,OAAA,EACnB,EAAE,EAAA,aAAA,EAEI,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,wCAAA,EAAA;;;AEV1C,MAAM,eAAe,GAA6B,OAAO,CAAC,iBAAiB,EAAE;IAClF,UAAU,CAAC,YAAY,EAAE;QACvB,KAAK,CAAC,iBAAiB,EAAE;AACvB,YAAA,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC;YACrB,OAAO,CAAC,cAAc,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;AAC/C,SAAA,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;QACtB,KAAK,CAAC,iBAAiB,EAAE,CAAC,OAAO,CAAC,eAAe,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;KAChG,CAAC;AACH,CAAA,CAAC;;ACCF,MAAM,aAAa,GAAG,iCAAiC,EAAE;AAwBnD,MAAO,kBAAmB,SAAQ,yBAAiD,CAAA;AAtBzF,IAAA,WAAA,GAAA;;QA2BqB,IAAA,CAAA,cAAc,GAAG,IAAI,CAAC,iBAAiB,CAAC,aAAa,EAAE,yBAAyB,CAAC;QAE5F,IAAA,CAAA,YAAY,GAAG,MAAM,CAAC,uBAAuB,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAElE,QAAA,IAAA,CAAA,cAAc,GAAG,SAAS,CAA+B,QAAQ,0DAAC;AAEhE,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAC,KAAK,sDAAC;QAE7B,IAAA,CAAA,KAAK,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,OAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;QACvB,IAAA,CAAA,IAAI,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAiB;AAC7B,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,4CAAI,SAAS,EAAE,sBAAsB,EAAA,CAAA,GAAA,CAAnC,EAAE,SAAS,EAAE,sBAAsB,EAAE,GAAC;QAC9D,IAAA,CAAA,IAAI,GAAG,KAAK,CAAc,IAAI,CAAC,cAAc,CAAC,IAAI,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;AACnD,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,CAAC,4CAAI,SAAS,EAAE,qBAAqB,EAAA,CAAA,GAAA,CAAlC,EAAE,SAAS,EAAE,qBAAqB,EAAE,GAAC;QACzD,IAAA,CAAA,OAAO,GAAG,KAAK,CAAuB,IAAI,CAAC,cAAc,CAAC,OAAO,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,SAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;QAClE,IAAA,CAAA,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,cAAc,CAAC,OAAO,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,SAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;QAC5C,IAAA,CAAA,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,cAAc,CAAC,YAAY,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,cAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;QACtD,IAAA,CAAA,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,cAAc,CAAC,aAAa,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,eAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;AACrD,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,KAAK,uDAAC;AAC9B,QAAA,IAAA,CAAA,SAAS,GAAG,KAAK,CAAe,IAAI,6CAAI,KAAK,EAAE,YAAY,EAAA,CAAA,GAAA,CAArB,EAAE,KAAK,EAAE,YAAY,EAAE,GAAC;QAC9D,IAAA,CAAA,cAAc,GAAG,KAAK,CAAwB,IAAI,kDACrD,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,CAAC,GAAG,KAAK,aAAa,CAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,EAAA,CAAA,GAAA,CAA7E,EAAE,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,CAAC,GAAG,KAAK,aAAa,CAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,EAAE,CAAA,CAAA,CAChF;AAEM,QAAA,IAAA,CAAA,eAAe,GAAG,KAAK,CAAgB,IAAI,mDAAI,KAAK,EAAE,kBAAkB,EAAA,CAAA,GAAA,CAA3B,EAAE,KAAK,EAAE,kBAAkB,EAAE,GAAC;AAExE,QAAA,IAAA,CAAA,iBAAiB,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,YAAY,EAAE,IAAI,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,6DAAC;AAC5E,QAAA,IAAA,CAAA,oBAAoB,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,YAAY,EAAE,OAAO,EAAE,IAAI,IAAI,CAAC,OAAO,EAAE,gEAAC;AACrF,QAAA,IAAA,CAAA,yBAAyB,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,YAAY,EAAE,YAAY,EAAE,IAAI,IAAI,CAAC,YAAY,EAAE,qEAAC;AACpG,QAAA,IAAA,CAAA,0BAA0B,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,YAAY,EAAE,aAAa,EAAE,IAAI,IAAI,CAAC,aAAa,EAAE,sEAAC;QACvG,IAAA,CAAA,cAAc,GAAG,QAAQ,CAAC,MAClC,IAAI,CAAC,oBAAoB,EAAE,IAAI,IAAI,CAAC,yBAAyB,EAAE,KAAK,qBAAqB,CAAC,QAAQ,0DACnG;QAES,IAAA,CAAA,aAAa,GAAG,QAAQ,CAAC,MACjC,IAAI,CAAC,oBAAoB,EAAE,IAAI,IAAI,CAAC,yBAAyB,EAAE,KAAK,qBAAqB,CAAC,OAAO,yDAClG;AAEO,QAAA,IAAA,CAAA,YAAY,GAAG,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,wDAAC;QACpE,IAAA,CAAA,YAAY,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,eAAe,CAAC;YAC3D,IAAI,CAAC,iBAAiB,EAAE;YACxB,IAAI,CAAC,OAAO,EAAE;YACd,IAAI,CAAC,WAAW,EAAE,GAAG,UAAU,GAAG,IAAI;YACtC,IAAI,CAAC,UAAU,EAAE,GAAG,IAAI,GAAG,IAAI;AAC/B,YAAA;gBACE,OAAO;gBACP,IAAI,CAAC,0BAA0B,EAAE;AAClC,aAAA;AACF,SAAA,CAAC,wDACD;AAEO,QAAA,IAAA,CAAA,SAAS,GAA6B,MAAK,EAAG,CAAC;AAC/C,QAAA,IAAA,CAAA,UAAU,GAAkB,MAAK,EAAG,CAAC;AA4C9C,IAAA;AAnGC,IAAA,IAAuB,SAAS,GAAA;AAC9B,QAAA,OAAO,QAAQ;IACjB;IAuDA,IACI,QAAQ,CAAC,KAAc,EAAA;AACzB,QAAA,IAAI,KAAK,KAAK,IAAI,CAAC,QAAQ,EAAE;AAC3B,YAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC;QAC7B;IACF;IAEO,KAAK,GAAA;AACV,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE,EAAE;YACvB,IAAI,CAAC,cAAc,EAAE,EAAE,aAAa,CAAC,KAAK,EAAE;QAC9C;IACF;AAEO,IAAA,UAAU,CAAC,KAA0B,EAAA;QAC1C,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IACrC;AAEO,IAAA,gBAAgB,CAAC,EAAc,EAAA;AACpC,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE;IACrB;AAEO,IAAA,iBAAiB,CAAC,EAAiB,EAAA;AACxC,QAAA,IAAI,CAAC,UAAU,GAAG,EAAE;IACtB;AAEO,IAAA,gBAAgB,CAAE,UAAmB,EAAA;AAC1C,QAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,UAAU,CAAC;IAClC;IAEO,MAAM,GAAA;AACX,QAAA,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE;AAC3C,YAAA,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,OAAO,KAAK,CAAC,OAAO,CAAC;YAC7C,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;YACjC,IAAI,CAAC,UAAU,EAAE;QACnB;IACF;IAEU,YAAY,GAAA;AACpB,QAAA,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE;YACvB,IAAI,CAAC,MAAM,EAAE;QACf;IACF;8GAnGW,kBAAkB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yNAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,eAAA,EAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EA0DT,sBAAsB,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,YAAA,EAAA,aAAA,EAAA,iBAAA,EAAA,kBAAA,EAAA,kBAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,SAAA,EAxE/B;AACT,YAAA;AACE,gBAAA,OAAO,EAAE,iBAAiB;AAC1B,gBAAA,WAAW,EAAE,kBAAkB;AAC/B,gBAAA,KAAK,EAAE,IAAI;AACZ,aAAA;AACF,SAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,gBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,QAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC3BH,k0CA2CA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,ED1BY,gBAAgB,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,gBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,aAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAWd,CAAC,eAAe,CAAC,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAOlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAtB9B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA;;2EAE+D,EAAA,OAAA,EAChE,CAAC,gBAAgB,CAAC,EAAA,aAAA,EAEZ,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,SAAA,EACpC;AACT,wBAAA;AACE,4BAAA,OAAO,EAAE,iBAAiB;AAC1B,4BAAA,WAAW,EAAA,kBAAoB;AAC/B,4BAAA,KAAK,EAAE,IAAI;AACZ,yBAAA;qBACF,EAAA,UAAA,EACW,CAAC,eAAe,CAAC,EAAA,IAAA,EACvB;AACJ,wBAAA,cAAc,EAAE,aAAa;AAC7B,wBAAA,mBAAmB,EAAE,kBAAkB;AACvC,wBAAA,oBAAoB,EAAE,mBAAmB;AAC1C,qBAAA,EAAA,QAAA,EAAA,k0CAAA,EAAA;8BA6DG,QAAQ,EAAA,CAAA;sBADX,KAAK;uBAAC,EAAE,SAAS,EAAE,sBAAsB,EAAE;;;AE7F9C;;AAEG;;;;"}

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

@@ -0,0 +1,142 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, input, viewChild, TemplateRef, computed, signal, ChangeDetectionStrategy, ViewEncapsulation, Component, contentChildren, ViewContainerRef, isDevMode } from '@angular/core';
+import { IdsOrientation, IdsSize, ComponentBase, coerceStringAttribute, ComponentBaseWithDefaults, coerceBooleanAttribute } from '@i-cell/ids-angular/core';
+import * as i1 from '@angular/cdk/portal';
+import { CdkPortalOutlet, TemplatePortal, PortalModule } from '@angular/cdk/portal';
+import { IdsIconComponent } from '@i-cell/ids-angular/icon';
+
+const IdsTabGroupPosition = {
+    START: 'start',
+    CENTER: 'center',
+    END: 'end',
+};
+
+const IdsTabGroupVariant = {
+    PRIMARY: 'primary',
+    SURFACE: 'surface',
+    LIGHT: 'light',
+};
+
+const IdsTabIndicatorPosition = {
+    TOP: 'top',
+    BOTTOM: 'bottom',
+    LEFT: 'left',
+    RIGHT: 'right',
+};
+
+const IDS_TAB_GROUP_DEFAULT_CONFIG = new InjectionToken('IDS_TAB_GROUP_DEFAULT_CONFIG', {
+    providedIn: 'root',
+    factory: IDS_TAB_GROUP_DEFAULT_CONFIG_FACTORY,
+});
+function IDS_TAB_GROUP_DEFAULT_CONFIG_FACTORY() {
+    return {
+        size: IdsSize.COMPACT,
+        variant: IdsTabGroupVariant.PRIMARY,
+        orientation: IdsOrientation.HORIZONTAL,
+        stretchTabs: true,
+        tabPosition: IdsTabGroupPosition.START,
+        indicatorPosition: IdsTabIndicatorPosition.BOTTOM,
+    };
+}
+
+class IdsTabComponent extends ComponentBase {
+    constructor() {
+        super(...arguments);
+        this._tabGroup = inject(IdsTabGroupComponent, { skipSelf: true });
+        this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
+        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+        this.leadingIcon = input('', ...(ngDevMode ? [{ debugName: "leadingIcon", transform: coerceStringAttribute }] : [{ transform: coerceStringAttribute }]));
+        this.trailingIcon = input('', ...(ngDevMode ? [{ debugName: "trailingIcon", transform: coerceStringAttribute }] : [{ transform: coerceStringAttribute }]));
+        this.content = viewChild.required(TemplateRef);
+        this.panelId = computed(() => `${this.id()}-panel`, ...(ngDevMode ? [{ debugName: "panelId" }] : []));
+        this.parentOrSelfDisabled = computed(() => this._tabGroup.disabled() || this.disabled(), ...(ngDevMode ? [{ debugName: "parentOrSelfDisabled" }] : []));
+        this._hostClasses = signal(this._getHostClasses([]), ...(ngDevMode ? [{ debugName: "_hostClasses" }] : []));
+        this.hostTabClasses = computed(() => this._getHostClasses([this.parentOrSelfDisabled() ? 'disabled' : null]), ...(ngDevMode ? [{ debugName: "hostTabClasses" }] : []));
+    }
+    get _hostName() {
+        return 'tab';
+    }
+    ;
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: IdsTabComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.1.7", type: IdsTabComponent, isStandalone: true, selector: "ids-tab", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, leadingIcon: { classPropertyName: "leadingIcon", publicName: "leadingIcon", isSignal: true, isRequired: false, transformFunction: null }, trailingIcon: { classPropertyName: "trailingIcon", publicName: "trailingIcon", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "content", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-template>\n  <div class=\"ids-tab-body-content\" [attr.role]=\"'tabpanel'\" [id]=\"panelId()\">\n    <ng-content />\n  </div>\n</ng-template>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: IdsTabComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ids-tab', imports: [], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template>\n  <div class=\"ids-tab-body-content\" [attr.role]=\"'tabpanel'\" [id]=\"panelId()\">\n    <ng-content />\n  </div>\n</ng-template>\n" }]
+        }] });
+
+const defaultConfig = IDS_TAB_GROUP_DEFAULT_CONFIG_FACTORY();
+class IdsTabGroupComponent extends ComponentBaseWithDefaults {
+    constructor() {
+        super(...arguments);
+        this._defaultConfig = this._getDefaultConfig(defaultConfig, IDS_TAB_GROUP_DEFAULT_CONFIG);
+        this._items = contentChildren(IdsTabComponent, ...(ngDevMode ? [{ debugName: "_items" }] : []));
+        this._portalOutlet = viewChild.required(CdkPortalOutlet);
+        this._viewContainerRef = inject(ViewContainerRef);
+        this.size = input(this._defaultConfig.size, ...(ngDevMode ? [{ debugName: "size" }] : []));
+        this.variant = input(this._defaultConfig.variant, ...(ngDevMode ? [{ debugName: "variant" }] : []));
+        this.orientation = input(this._defaultConfig.orientation, ...(ngDevMode ? [{ debugName: "orientation" }] : []));
+        this.stretchTabs = input(this._defaultConfig.stretchTabs, ...(ngDevMode ? [{ debugName: "stretchTabs", transform: coerceBooleanAttribute }] : [{ transform: coerceBooleanAttribute }]));
+        this.tabPosition = input(this._defaultConfig.tabPosition, ...(ngDevMode ? [{ debugName: "tabPosition" }] : []));
+        this.indicatorPosition = input(...(ngDevMode ? [undefined, { debugName: "indicatorPosition" }] : []));
+        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", transform: coerceBooleanAttribute }] : [{ transform: coerceBooleanAttribute }]));
+        this._selectedTabIndex = signal(0, ...(ngDevMode ? [{ debugName: "_selectedTabIndex" }] : []));
+        this.selectedTabIndex = this._selectedTabIndex.asReadonly();
+        this._hostClasses = computed(() => this._getHostClasses([
+            this.size(),
+            this.variant(),
+            this.orientation(),
+            this.disabled() ? 'disabled' : null,
+            this.stretchTabs() && this.orientation() === IdsOrientation.HORIZONTAL ? 'stretch-tabs' : null,
+            this.tabPosition() && !this.stretchTabs() ? this.tabPosition() : null,
+            `indicator-${this.indicatorPosition() ?? this._calculatedIndicatorPosition()}`,
+        ]), ...(ngDevMode ? [{ debugName: "_hostClasses" }] : []));
+        this._calculatedIndicatorPosition = computed(() => (this.orientation() === IdsOrientation.HORIZONTAL ? IdsTabIndicatorPosition.BOTTOM : IdsTabIndicatorPosition.LEFT), ...(ngDevMode ? [{ debugName: "_calculatedIndicatorPosition" }] : []));
+    }
+    get _hostName() {
+        return 'tab-group';
+    }
+    ngAfterContentInit() {
+        const items = this._items();
+        const orientation = this.orientation();
+        const indicatorPosition = this.indicatorPosition();
+        const minItemCount = 2;
+        if (isDevMode() && (items.length < minItemCount)) {
+            throw this._createHostError(`Invalid count of tab items. Minimum item count is ${minItemCount}.`);
+        }
+        if (isDevMode() && (orientation === IdsOrientation.HORIZONTAL &&
+            (indicatorPosition && (indicatorPosition === IdsTabIndicatorPosition.LEFT || indicatorPosition === IdsTabIndicatorPosition.RIGHT)))) {
+            throw this._createHostError(`Can not use ${indicatorPosition} indicator position with Horizontal mode`);
+        }
+        if (isDevMode() && (orientation === IdsOrientation.VERTICAL &&
+            (indicatorPosition && (indicatorPosition === IdsTabIndicatorPosition.BOTTOM || indicatorPosition === IdsTabIndicatorPosition.TOP)))) {
+            throw this._createHostError(`Can not use ${indicatorPosition} indicator position with Vertical mode`);
+        }
+        this.selectTab(0);
+    }
+    selectTab(index) {
+        this._selectedTabIndex.set(index);
+        const selectedItem = this._items().at(index);
+        const selectedPortal = new TemplatePortal(selectedItem.content(), this._viewContainerRef);
+        if (this._portalOutlet().hasAttached()) {
+            this._portalOutlet().detach();
+        }
+        this._portalOutlet().attach(selectedPortal);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: IdsTabGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: IdsTabGroupComponent, isStandalone: true, selector: "ids-tab-group", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, stretchTabs: { classPropertyName: "stretchTabs", publicName: "stretchTabs", isSignal: true, isRequired: false, transformFunction: null }, tabPosition: { classPropertyName: "tabPosition", publicName: "tabPosition", isSignal: true, isRequired: false, transformFunction: null }, indicatorPosition: { classPropertyName: "indicatorPosition", publicName: "indicatorPosition", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "_items", predicate: IdsTabComponent, isSignal: true }], viewQueries: [{ propertyName: "_portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ids-tab-group__container\">\n  <ul class=\"ids-tab-group__header\" role=\"tablist\">\n    @for (item of _items(); track $index; let i = $index) {\n      <li\n        role=\"tab\"\n        [id]=\"item.id()\"\n        [class]=\"item.hostTabClasses()\"\n        [class.ids-tab--active]=\"_selectedTabIndex() === i\"\n        [attr.tabindex]=\"item.parentOrSelfDisabled() ? -1 : 0\"\n        [attr.aria-selected]=\"_selectedTabIndex() === i ? 'true' : 'false'\"\n        [attr.aria-controls]=\"item.panelId()\"\n        (click)=\"selectTab(i)\"\n      >\n        @let tabLeadingIcon = item.leadingIcon();\n        @let tabTrailingIcon = item.trailingIcon();\n        @if (tabLeadingIcon) {\n          <ids-icon [fontIcon]=\"tabLeadingIcon\" />\n        }\n        <span class=\"ids-tab__label\">{{ item.label() }}</span>\n        @if (tabTrailingIcon) {\n          <ids-icon [fontIcon]=\"tabTrailingIcon\" />\n        }\n        <span class=\"ids-tab__indicator\">\n          <span class=\"ids-tab__line\"></span>\n        </span>\n      </li>\n    }\n  </ul>\n</div>\n<ng-template cdkPortalOutlet />\n", dependencies: [{ kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i1.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { 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: "20.1.7", ngImport: i0, type: IdsTabGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ids-tab-group', imports: [
+                        PortalModule,
+                        IdsIconComponent,
+                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ids-tab-group__container\">\n  <ul class=\"ids-tab-group__header\" role=\"tablist\">\n    @for (item of _items(); track $index; let i = $index) {\n      <li\n        role=\"tab\"\n        [id]=\"item.id()\"\n        [class]=\"item.hostTabClasses()\"\n        [class.ids-tab--active]=\"_selectedTabIndex() === i\"\n        [attr.tabindex]=\"item.parentOrSelfDisabled() ? -1 : 0\"\n        [attr.aria-selected]=\"_selectedTabIndex() === i ? 'true' : 'false'\"\n        [attr.aria-controls]=\"item.panelId()\"\n        (click)=\"selectTab(i)\"\n      >\n        @let tabLeadingIcon = item.leadingIcon();\n        @let tabTrailingIcon = item.trailingIcon();\n        @if (tabLeadingIcon) {\n          <ids-icon [fontIcon]=\"tabLeadingIcon\" />\n        }\n        <span class=\"ids-tab__label\">{{ item.label() }}</span>\n        @if (tabTrailingIcon) {\n          <ids-icon [fontIcon]=\"tabTrailingIcon\" />\n        }\n        <span class=\"ids-tab__indicator\">\n          <span class=\"ids-tab__line\"></span>\n        </span>\n      </li>\n    }\n  </ul>\n</div>\n<ng-template cdkPortalOutlet />\n" }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { IDS_TAB_GROUP_DEFAULT_CONFIG, IDS_TAB_GROUP_DEFAULT_CONFIG_FACTORY, IdsTabComponent, IdsTabGroupComponent, IdsTabGroupPosition, IdsTabGroupVariant, IdsTabIndicatorPosition };
+//# sourceMappingURL=i-cell-ids-angular-tab.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"i-cell-ids-angular-tab.mjs","sources":["../../../projects/widgets/tab/types/tab-group-position.type.ts","../../../projects/widgets/tab/types/tab-group-variant.type.ts","../../../projects/widgets/tab/types/tab-indicator-position.type.ts","../../../projects/widgets/tab/tab-group-defaults.ts","../../../projects/widgets/tab/tab.component.ts","../../../projects/widgets/tab/tab.component.html","../../../projects/widgets/tab/tab-group.component.ts","../../../projects/widgets/tab/tab-group.component.html","../../../projects/widgets/tab/i-cell-ids-angular-tab.ts"],"sourcesContent":["export const IdsTabGroupPosition = {\n  START: 'start',\n  CENTER: 'center',\n  END: 'end',\n} as const;\n\nexport type IdsTabGroupPositionType = (typeof IdsTabGroupPosition)[keyof typeof IdsTabGroupPosition];\n","export const IdsTabGroupVariant = {\n  PRIMARY: 'primary',\n  SURFACE: 'surface',\n  LIGHT: 'light',\n} as const;\n\nexport type IdsTabGroupVariantType = (typeof IdsTabGroupVariant)[keyof typeof IdsTabGroupVariant];\n","export const IdsTabIndicatorPosition = {\n  TOP: 'top',\n  BOTTOM: 'bottom',\n  LEFT: 'left',\n  RIGHT: 'right',\n} as const;\n\nexport type IdsTabIndicatorPositionType = (typeof IdsTabIndicatorPosition)[keyof typeof IdsTabIndicatorPosition];\n","import { IdsTabGroupPosition, IdsTabGroupPositionType } from './types/tab-group-position.type';\nimport { IdsTabGroupVariant, IdsTabGroupVariantType } from './types/tab-group-variant.type';\nimport { IdsTabIndicatorPosition, IdsTabIndicatorPositionType } from './types/tab-indicator-position.type';\n\nimport { InjectionToken } from '@angular/core';\nimport { IdsOrientation, IdsOrientationType, IdsSize, IdsSizeType } from '@i-cell/ids-angular/core';\n\nexport interface IdsTabGroupDefaultConfig {\n  size?: IdsSizeType,\n  variant?: IdsTabGroupVariantType,\n  orientation?: IdsOrientationType,\n  stretchTabs?: boolean,\n  tabPosition?: IdsTabGroupPositionType,\n  indicatorPosition?: IdsTabIndicatorPositionType,\n}\n\nexport const IDS_TAB_GROUP_DEFAULT_CONFIG = new InjectionToken<IdsTabGroupDefaultConfig>(\n  'IDS_TAB_GROUP_DEFAULT_CONFIG',\n  {\n    providedIn: 'root',\n    factory: IDS_TAB_GROUP_DEFAULT_CONFIG_FACTORY,\n  },\n);\n\nexport function IDS_TAB_GROUP_DEFAULT_CONFIG_FACTORY(): Required<IdsTabGroupDefaultConfig> {\n  return {\n    size: IdsSize.COMPACT,\n    variant: IdsTabGroupVariant.PRIMARY,\n    orientation: IdsOrientation.HORIZONTAL,\n    stretchTabs: true,\n    tabPosition: IdsTabGroupPosition.START,\n    indicatorPosition: IdsTabIndicatorPosition.BOTTOM,\n  };\n}\n","import { IdsTabGroupComponent } from './tab-group.component';\n\nimport { ChangeDetectionStrategy, Component, computed, inject, input, signal, TemplateRef, viewChild, ViewEncapsulation } from '@angular/core';\nimport { coerceStringAttribute, ComponentBase } from '@i-cell/ids-angular/core';\n\n@Component({\n  selector: 'ids-tab',\n  imports: [],\n  templateUrl: './tab.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class IdsTabComponent extends ComponentBase {\n  protected override get _hostName(): string {\n    return 'tab';\n  };\n\n  private _tabGroup = inject(IdsTabGroupComponent, { skipSelf: true });\n\n  public label = input<string>();\n  public disabled = input<boolean>(false);\n  public leadingIcon = input('', { transform: coerceStringAttribute });\n  public trailingIcon = input('', { transform: coerceStringAttribute });\n  public content = viewChild.required<TemplateRef<unknown>>(TemplateRef);\n  public panelId = computed<string>(() => `${this.id()}-panel`);\n\n  public parentOrSelfDisabled = computed(() => this._tabGroup.disabled() || this.disabled());\n\n  protected _hostClasses = signal(this._getHostClasses([]));\n\n  public hostTabClasses = computed(() => this._getHostClasses(\n    [this.parentOrSelfDisabled() ? 'disabled' : null],\n  ));\n}\n","<ng-template>\n  <div class=\"ids-tab-body-content\" [attr.role]=\"'tabpanel'\" [id]=\"panelId()\">\n    <ng-content />\n  </div>\n</ng-template>\n","import { IDS_TAB_GROUP_DEFAULT_CONFIG, IDS_TAB_GROUP_DEFAULT_CONFIG_FACTORY, IdsTabGroupDefaultConfig } from './tab-group-defaults';\nimport { IdsTabComponent } from './tab.component';\nimport { IdsTabGroupPositionType } from './types/tab-group-position.type';\nimport { IdsTabGroupVariantType } from './types/tab-group-variant.type';\nimport { IdsTabIndicatorPosition, IdsTabIndicatorPositionType } from './types/tab-indicator-position.type';\n\nimport { CdkPortalOutlet, PortalModule, TemplatePortal } from '@angular/cdk/portal';\nimport { AfterContentInit, ChangeDetectionStrategy, Component, computed, contentChildren, inject, input, isDevMode, signal, viewChild, ViewContainerRef, ViewEncapsulation } from '@angular/core';\nimport { coerceBooleanAttribute, ComponentBaseWithDefaults, IdsOrientation, IdsOrientationType, IdsSizeType } from '@i-cell/ids-angular/core';\nimport { IdsIconComponent } from '@i-cell/ids-angular/icon';\n\nconst defaultConfig = IDS_TAB_GROUP_DEFAULT_CONFIG_FACTORY();\n\n@Component({\n  selector: 'ids-tab-group',\n  imports: [\n    PortalModule,\n    IdsIconComponent,\n  ],\n  templateUrl: './tab-group.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class IdsTabGroupComponent extends ComponentBaseWithDefaults<IdsTabGroupDefaultConfig> implements AfterContentInit {\n  protected override get _hostName(): string {\n    return 'tab-group';\n  }\n\n  protected readonly _defaultConfig = this._getDefaultConfig(defaultConfig, IDS_TAB_GROUP_DEFAULT_CONFIG);\n\n  protected _items = contentChildren<IdsTabComponent>(IdsTabComponent);\n  private _portalOutlet = viewChild.required<CdkPortalOutlet>(CdkPortalOutlet);\n  private _viewContainerRef = inject(ViewContainerRef);\n\n  public size = input<IdsSizeType>(this._defaultConfig.size);\n  public variant = input<IdsTabGroupVariantType>(this._defaultConfig.variant);\n  public orientation = input<IdsOrientationType>(this._defaultConfig.orientation);\n  public stretchTabs = input(this._defaultConfig.stretchTabs, { transform: coerceBooleanAttribute });\n  public tabPosition = input<IdsTabGroupPositionType>(this._defaultConfig.tabPosition);\n  public indicatorPosition = input<IdsTabIndicatorPositionType>();\n  public disabled = input(false, { transform: coerceBooleanAttribute });\n\n  protected _selectedTabIndex = signal<number>(0);\n  public selectedTabIndex = this._selectedTabIndex.asReadonly();\n\n  protected _hostClasses = computed(() => this._getHostClasses([\n    this.size(),\n    this.variant(),\n    this.orientation(),\n    this.disabled() ? 'disabled' : null,\n    this.stretchTabs() && this.orientation() === IdsOrientation.HORIZONTAL ? 'stretch-tabs' : null,\n    this.tabPosition() && !this.stretchTabs() ? this.tabPosition() : null,\n    `indicator-${this.indicatorPosition() ?? this._calculatedIndicatorPosition()}`,\n  ]));\n\n  private _calculatedIndicatorPosition = computed(() =>\n    (this.orientation() === IdsOrientation.HORIZONTAL ? IdsTabIndicatorPosition.BOTTOM : IdsTabIndicatorPosition.LEFT),\n  );\n\n  public ngAfterContentInit(): void {\n    const items = this._items();\n    const orientation = this.orientation();\n    const indicatorPosition = this.indicatorPosition();\n    const minItemCount = 2;\n\n    if (isDevMode() && (items.length < minItemCount)) {\n      throw this._createHostError(`Invalid count of tab items. Minimum item count is ${minItemCount}.`);\n    }\n\n    if (isDevMode() && (orientation === IdsOrientation.HORIZONTAL &&\n      (indicatorPosition && (indicatorPosition === IdsTabIndicatorPosition.LEFT || indicatorPosition === IdsTabIndicatorPosition.RIGHT)))) {\n      throw this._createHostError(`Can not use ${indicatorPosition} indicator position with Horizontal mode`);\n    }\n\n    if (isDevMode() && (orientation === IdsOrientation.VERTICAL &&\n      (indicatorPosition && (indicatorPosition === IdsTabIndicatorPosition.BOTTOM || indicatorPosition === IdsTabIndicatorPosition.TOP)))) {\n      throw this._createHostError(`Can not use ${indicatorPosition} indicator position with Vertical mode`);\n    }\n\n    this.selectTab(0);\n  }\n\n  public selectTab(index: number): void {\n    this._selectedTabIndex.set(index);\n    const selectedItem = this._items().at(index);\n    const selectedPortal = new TemplatePortal(selectedItem!.content(), this._viewContainerRef);\n\n    if (this._portalOutlet().hasAttached()) {\n      this._portalOutlet().detach();\n    }\n\n    this._portalOutlet().attach(selectedPortal);\n  }\n}\n","<div class=\"ids-tab-group__container\">\n  <ul class=\"ids-tab-group__header\" role=\"tablist\">\n    @for (item of _items(); track $index; let i = $index) {\n      <li\n        role=\"tab\"\n        [id]=\"item.id()\"\n        [class]=\"item.hostTabClasses()\"\n        [class.ids-tab--active]=\"_selectedTabIndex() === i\"\n        [attr.tabindex]=\"item.parentOrSelfDisabled() ? -1 : 0\"\n        [attr.aria-selected]=\"_selectedTabIndex() === i ? 'true' : 'false'\"\n        [attr.aria-controls]=\"item.panelId()\"\n        (click)=\"selectTab(i)\"\n      >\n        @let tabLeadingIcon = item.leadingIcon();\n        @let tabTrailingIcon = item.trailingIcon();\n        @if (tabLeadingIcon) {\n          <ids-icon [fontIcon]=\"tabLeadingIcon\" />\n        }\n        <span class=\"ids-tab__label\">{{ item.label() }}</span>\n        @if (tabTrailingIcon) {\n          <ids-icon [fontIcon]=\"tabTrailingIcon\" />\n        }\n        <span class=\"ids-tab__indicator\">\n          <span class=\"ids-tab__line\"></span>\n        </span>\n      </li>\n    }\n  </ul>\n</div>\n<ng-template cdkPortalOutlet />\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}