@i-cell/ids-angular 0.1.0

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

@@ -0,0 +1,181 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, input, computed, Component, ViewEncapsulation, ChangeDetectionStrategy, 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);
+        this.hasIcon = input(this._defaultConfig.hasIcon);
+        this.iconPosition = input(this._defaultConfig.iconPosition);
+        this.labelPosition = input(this._defaultConfig.labelPosition);
+        this._hostClasses = computed(() => this._getHostClasses([this.size()]));
+    }
+    get _hostName() {
+        return 'switch-group';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: IdsSwitchGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.2", 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: "19.1.2", 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');
+        this.isChecked = signal(false);
+        this.label = input();
+        this.name = input();
+        this.readonly = input(false, { transform: coerceBooleanAttribute });
+        this.size = input(this._defaultConfig.size);
+        this.tabIndex = input(0, { transform: coerceNumberAttribute });
+        this.variant = input(this._defaultConfig.variant);
+        this.hasIcon = input(this._defaultConfig.hasIcon);
+        this.iconPosition = input(this._defaultConfig.iconPosition);
+        this.labelPosition = input(this._defaultConfig.labelPosition);
+        this.isDisabled = signal(false);
+        this.ariaLabel = input(null, { alias: 'aria-label' });
+        this.ariaLabelledBy = input(null, { alias: 'aria-labelledby', transform: (val) => fallbackValue(val, this.id()) });
+        this.ariaDescribedBy = input(null, { alias: 'aria-describedby' });
+        this._parentOrSelfSize = computed(() => this._switchGroup?.size() ?? this.size());
+        this._parentOrSelfHasIcon = computed(() => this._switchGroup?.hasIcon() ?? this.hasIcon());
+        this._parentOrSelfIconPosition = computed(() => this._switchGroup?.iconPosition() ?? this.iconPosition());
+        this._parentOrSelfLabelPosition = computed(() => this._switchGroup?.labelPosition() ?? this.labelPosition());
+        this._hasHandleIcon = computed(() => this._parentOrSelfHasIcon() && this._parentOrSelfIconPosition() === IdsSwitchIconPosition.ONHANDLE);
+        this._hasTrackIcon = computed(() => this._parentOrSelfHasIcon() && this._parentOrSelfIconPosition() === IdsSwitchIconPosition.ONTRACK);
+        this._isFocusable = computed(() => !this.isDisabled() && !this.readonly());
+        this._hostClasses = computed(() => this._getHostClasses([
+            this._parentOrSelfSize(),
+            this.variant(),
+            this.isDisabled() ? 'disabled' : null,
+            this.isChecked() ? 'on' : null,
+            [
+                'label',
+                this._parentOrSelfLabelPosition(),
+            ],
+        ]));
+        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: "19.1.2", ngImport: i0, type: IdsSwitchComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.2", 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: "19.1.2", 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  public 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  public 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  public 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":";;;;;;;AAAa,MAAA,qBAAqB,GAAG;AACnC,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,OAAO,EAAE,SAAS;;AAKP,MAAA,sBAAsB,GAAG;AACpC,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,KAAK,EAAE,OAAO;;;ACTH,MAAA,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,IAAc,CAAA,cAAA,GAAG,IAAI,CAAC,iBAAiB,CAACA,eAAa,EAAE,yBAAyB,CAAC;QAE7F,IAAI,CAAA,IAAA,GAAG,KAAK,CAAqB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC;QAC1D,IAAO,CAAA,OAAA,GAAG,KAAK,CAAC,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC;QAC5C,IAAY,CAAA,YAAA,GAAG,KAAK,CAAC,IAAI,CAAC,cAAc,CAAC,YAAY,CAAC;QACtD,IAAa,CAAA,aAAA,GAAG,KAAK,CAAC,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC;AAErD,QAAA,IAAA,CAAA,YAAY,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,eAAe,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;AAC7E;AAZC,IAAA,IAAuB,SAAS,GAAA;AAC9B,QAAA,OAAO,cAAc;;8GAFZ,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,EAEI,aAAA,EAAA,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,IAAc,CAAA,cAAA,GAAG,IAAI,CAAC,iBAAiB,CAAC,aAAa,EAAE,yBAAyB,CAAC;QAE5F,IAAY,CAAA,YAAA,GAAG,MAAM,CAAC,uBAAuB,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAElE,QAAA,IAAA,CAAA,cAAc,GAAG,SAAS,CAA+B,QAAQ,CAAC;AAEnE,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC;QAEzB,IAAK,CAAA,KAAA,GAAG,KAAK,EAAU;QACvB,IAAI,CAAA,IAAA,GAAG,KAAK,EAAiB;QAC7B,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,sBAAsB,EAAE,CAAC;QAC9D,IAAI,CAAA,IAAA,GAAG,KAAK,CAAc,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC;QACnD,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC,CAAC,EAAE,EAAE,SAAS,EAAE,qBAAqB,EAAE,CAAC;QACzD,IAAO,CAAA,OAAA,GAAG,KAAK,CAAuB,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC;QAClE,IAAO,CAAA,OAAA,GAAG,KAAK,CAAC,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC;QAC5C,IAAY,CAAA,YAAA,GAAG,KAAK,CAAC,IAAI,CAAC,cAAc,CAAC,YAAY,CAAC;QACtD,IAAa,CAAA,aAAA,GAAG,KAAK,CAAC,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC;AACxD,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC;QAC1B,IAAS,CAAA,SAAA,GAAG,KAAK,CAAe,IAAI,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC;AAC9D,QAAA,IAAA,CAAA,cAAc,GAAG,KAAK,CAAwB,IAAI,EACvD,EAAE,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,CAAC,GAAG,KAAK,aAAa,CAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,EAAE,CAChF;QAEM,IAAe,CAAA,eAAA,GAAG,KAAK,CAAgB,IAAI,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,CAAC;AAExE,QAAA,IAAA,CAAA,iBAAiB,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,YAAY,EAAE,IAAI,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;AAC5E,QAAA,IAAA,CAAA,oBAAoB,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,YAAY,EAAE,OAAO,EAAE,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;AACrF,QAAA,IAAA,CAAA,yBAAyB,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,YAAY,EAAE,YAAY,EAAE,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;AACpG,QAAA,IAAA,CAAA,0BAA0B,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,YAAY,EAAE,aAAa,EAAE,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;QACvG,IAAc,CAAA,cAAA,GAAG,QAAQ,CAAC,MAClC,IAAI,CAAC,oBAAoB,EAAE,IAAI,IAAI,CAAC,yBAAyB,EAAE,KAAK,qBAAqB,CAAC,QAAQ,CACnG;QAES,IAAa,CAAA,aAAA,GAAG,QAAQ,CAAC,MACjC,IAAI,CAAC,oBAAoB,EAAE,IAAI,IAAI,CAAC,yBAAyB,EAAE,KAAK,qBAAqB,CAAC,OAAO,CAClG;AAEO,QAAA,IAAA,CAAA,YAAY,GAAG,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;QACnE,IAAY,CAAA,YAAA,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,eAAe,CAAC;YAC3D,IAAI,CAAC,iBAAiB,EAAE;YACxB,IAAI,CAAC,OAAO,EAAE;YACd,IAAI,CAAC,UAAU,EAAE,GAAG,UAAU,GAAG,IAAI;YACrC,IAAI,CAAC,SAAS,EAAE,GAAG,IAAI,GAAG,IAAI;AAC9B,YAAA;gBACE,OAAO;gBACP,IAAI,CAAC,0BAA0B,EAAE;AAClC,aAAA;AACF,SAAA,CAAC,CACD;AAEO,QAAA,IAAA,CAAA,SAAS,GAA6B,MAAK,GAAI;AAC/C,QAAA,IAAA,CAAA,UAAU,GAAkB,MAAK,GAAI;AA4C9C;AAnGC,IAAA,IAAuB,SAAS,GAAA;AAC9B,QAAA,OAAO,QAAQ;;IAwDjB,IACI,QAAQ,CAAC,KAAc,EAAA;AACzB,QAAA,IAAI,KAAK,KAAK,IAAI,CAAC,QAAQ,EAAE;AAC3B,YAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC;;;IAIvB,KAAK,GAAA;AACV,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE,EAAE;YACvB,IAAI,CAAC,cAAc,EAAE,EAAE,aAAa,CAAC,KAAK,EAAE;;;AAIzC,IAAA,UAAU,CAAC,KAA0B,EAAA;QAC1C,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;;AAG7B,IAAA,gBAAgB,CAAC,EAAc,EAAA;AACpC,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE;;AAGd,IAAA,iBAAiB,CAAC,EAAiB,EAAA;AACxC,QAAA,IAAI,CAAC,UAAU,GAAG,EAAE;;AAGf,IAAA,gBAAgB,CAAE,UAAmB,EAAA;AAC1C,QAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,UAAU,CAAC;;IAG1B,MAAM,GAAA;AACX,QAAA,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE;AAC1C,YAAA,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,OAAO,KAAK,CAAC,OAAO,CAAC;YAC5C,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;YAChC,IAAI,CAAC,UAAU,EAAE;;;IAId,WAAW,GAAA;AAChB,QAAA,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,EAAE;YACtB,IAAI,CAAC,MAAM,EAAE;;;8GAjGN,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,EAxE/B,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,YAAA,EAAA,aAAA,EAAA,iBAAA,EAAA,kBAAA,EAAA,kBAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,SAAA,EAAA;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,0zCA2CA,ED1BY,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,gBAAgB,EAWd,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,gBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,aAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,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,EAChE,OAAA,EAAA,CAAC,gBAAgB,CAAC,EAEZ,aAAA,EAAA,iBAAiB,CAAC,IAAI,EACpB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EACpC,SAAA,EAAA;AACT,wBAAA;AACE,4BAAA,OAAO,EAAE,iBAAiB;AAC1B,4BAAA,WAAW,EAAoB,kBAAA;AAC/B,4BAAA,KAAK,EAAE,IAAI;AACZ,yBAAA;qBACF,EACW,UAAA,EAAA,CAAC,eAAe,CAAC,EACvB,IAAA,EAAA;AACJ,wBAAA,cAAc,EAAE,aAAa;AAC7B,wBAAA,mBAAmB,EAAE,kBAAkB;AACvC,wBAAA,oBAAoB,EAAE,mBAAmB;AAC1C,qBAAA,EAAA,QAAA,EAAA,0zCAAA,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,141 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, input, viewChild, TemplateRef, computed, signal, Component, ViewEncapsulation, ChangeDetectionStrategy, contentChildren, ViewContainerRef, isDevMode } from '@angular/core';
+import { IdsSize, IdsOrientation, 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();
+        this.disabled = input(false);
+        this.leadingIcon = input('', { transform: coerceStringAttribute });
+        this.trailingIcon = input('', { transform: coerceStringAttribute });
+        this.content = viewChild.required(TemplateRef);
+        this.panelId = `${this.id()}-panel`;
+        this.parentOrSelfDisabled = computed(() => this._tabGroup.disabled() || this.disabled());
+        this._hostClasses = signal(this._getHostClasses([]));
+        this.hostTabClasses = computed(() => this._getHostClasses([this.parentOrSelfDisabled() ? 'disabled' : null]));
+    }
+    get _hostName() {
+        return 'tab';
+    }
+    ;
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: IdsTabComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.1.2", 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: "19.1.2", 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);
+        this._portalOutlet = viewChild.required(CdkPortalOutlet);
+        this._viewContainerRef = inject(ViewContainerRef);
+        this.size = input(this._defaultConfig.size);
+        this.variant = input(this._defaultConfig.variant);
+        this.orientation = input(this._defaultConfig.orientation);
+        this.stretchTabs = input(this._defaultConfig.stretchTabs, { transform: coerceBooleanAttribute });
+        this.tabPosition = input(this._defaultConfig.tabPosition);
+        this.indicatorPosition = input();
+        this.disabled = input(false, { transform: coerceBooleanAttribute });
+        this.selectedTabIndex = signal(0);
+        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()}`,
+        ]));
+        this.calculatedIndicatorPosition = computed(() => (this.orientation() === IdsOrientation.HORIZONTAL ? IdsTabIndicatorPosition.BOTTOM : IdsTabIndicatorPosition.LEFT));
+    }
+    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: "19.1.2", ngImport: i0, type: IdsTabGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.2", 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        [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: "19.1.2", 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        [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 = `${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  public selectedTabIndex = signal<number>(0);\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  public 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        [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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"}