@inera/ids-angular 8.1.0 → 9.0.0

package/fesm2022/inera-ids-angular-components-stepper.mjs

@@ -1,91 +1,202 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Output, Input, Component, CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
-import '@inera/ids-core/components/stepper/register';
+import { EventEmitter, booleanAttribute, Output, Input, Component, ContentChildren, NgModule } from '@angular/core';
 
 class IDStepComponent {
-    constructor() { }
     state = "";
-    headline = "";
     step = "";
-    srindicatortext = "";
+    srIndicatorText = "";
     label = "";
-    expanded = false;
     disabled = false;
-    onClosed = new EventEmitter();
-    onExpanded = new EventEmitter();
+    expanded = false;
+    closed = new EventEmitter();
+    opened = new EventEmitter();
     expandedChange = new EventEmitter();
-    hasClosed(event) {
+    toggleExpansion() {
+        if (this.expanded) {
+            this.hasClosed();
+        }
+        else {
+            this.hasExpanded();
+        }
+    }
+    hasClosed() {
         this.expanded = false;
-        this.onClosed.emit(event);
-        this.expandedChange.emit(this.expanded);
+        this.expandedChange.emit(false);
+        this.closed.emit();
     }
-    hasExpanded(event) {
+    hasExpanded() {
         this.expanded = true;
-        this.onExpanded.emit(event);
-        this.expandedChange.emit(this.expanded);
+        this.expandedChange.emit(true);
+        this.opened.emit();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDStepComponent, selector: "id-step", inputs: { state: "state", headline: "headline", step: "step", srindicatortext: "srindicatortext", label: "label", expanded: "expanded", disabled: "disabled" }, outputs: { onClosed: "onClosed", onExpanded: "onExpanded", expandedChange: "expandedChange" }, ngImport: i0, template: "<ids-step\n  [step]=\"step\"\n  [attr.state]=\"state\"\n  [attr.headline]=\"headline\"\n  [attr.label]=\"label\"\n  [attr.srindicatortext]=\"srindicatortext\"\n  [attr.expanded]=\"expanded ? true : null\"\n  [attr.disabled]=\"disabled ? true : null\"\n  (closed)=\"hasClosed($event)\"\n  (expanded)=\"hasExpanded($event)\">\n  <ng-content></ng-content>\n</ids-step>\n" });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: IDStepComponent, isStandalone: true, selector: "id-step", inputs: { state: "state", step: "step", srIndicatorText: "srIndicatorText", label: "label", disabled: ["disabled", "disabled", booleanAttribute], expanded: ["expanded", "expanded", booleanAttribute] }, outputs: { closed: "closed", opened: "opened", expandedChange: "expandedChange" }, host: { classAttribute: "ids-step" }, ngImport: i0, template: `
+    <button 
+      class="ids-step__button focusable"
+      [class.ids-step__button--disabled]="disabled"
+      [disabled]="disabled"
+      (click)="toggleExpansion()">
+      <div class="ids-step__button-inner">
+        <div class="ids-step__indicator-wrapper">
+          <div
+            [attr.aria-label]="this.srIndicatorText || this.step"
+            [attr.role-img-alt]="this.srIndicatorText || this.step"
+            role="img"
+            class="ids-step__indicator ids-step__indicator--{{this.state}}">
+            @if((this.state !== "valid" && this.state !== "invalid")) {
+              {{step}}
+            }
+          </div>
+        </div>
+        <div class="ids-step__button-text">
+          <div class="ids-step__headline-label"> 
+            @if (label) {
+              <div class="ids-step__label">{{label}}</div>
+            }
+            <ng-content select="id-step-header"></ng-content>
+          </div>
+          <div class="ids-step__chevron" [class.ids-step__chevron--expanded]="expanded">  </div>
+        </div>
+      </div>
+    </button>
+    <div 
+      class="ids-step__content"
+      [class.ids-step__content--expanded]="expanded">
+      <ng-content></ng-content>
+    </div>
+  `, isInline: true });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDStepComponent, decorators: [{
             type: Component,
-            args: [{ selector: "id-step", template: "<ids-step\n  [step]=\"step\"\n  [attr.state]=\"state\"\n  [attr.headline]=\"headline\"\n  [attr.label]=\"label\"\n  [attr.srindicatortext]=\"srindicatortext\"\n  [attr.expanded]=\"expanded ? true : null\"\n  [attr.disabled]=\"disabled ? true : null\"\n  (closed)=\"hasClosed($event)\"\n  (expanded)=\"hasExpanded($event)\">\n  <ng-content></ng-content>\n</ids-step>\n" }]
-        }], ctorParameters: () => [], propDecorators: { state: [{
-                type: Input
-            }], headline: [{
+            args: [{
+                    selector: "id-step",
+                    template: `
+    <button 
+      class="ids-step__button focusable"
+      [class.ids-step__button--disabled]="disabled"
+      [disabled]="disabled"
+      (click)="toggleExpansion()">
+      <div class="ids-step__button-inner">
+        <div class="ids-step__indicator-wrapper">
+          <div
+            [attr.aria-label]="this.srIndicatorText || this.step"
+            [attr.role-img-alt]="this.srIndicatorText || this.step"
+            role="img"
+            class="ids-step__indicator ids-step__indicator--{{this.state}}">
+            @if((this.state !== "valid" && this.state !== "invalid")) {
+              {{step}}
+            }
+          </div>
+        </div>
+        <div class="ids-step__button-text">
+          <div class="ids-step__headline-label"> 
+            @if (label) {
+              <div class="ids-step__label">{{label}}</div>
+            }
+            <ng-content select="id-step-header"></ng-content>
+          </div>
+          <div class="ids-step__chevron" [class.ids-step__chevron--expanded]="expanded">  </div>
+        </div>
+      </div>
+    </button>
+    <div 
+      class="ids-step__content"
+      [class.ids-step__content--expanded]="expanded">
+      <ng-content></ng-content>
+    </div>
+  `,
+                    host: {
+                        class: 'ids-step'
+                    },
+                    standalone: true
+                }]
+        }], propDecorators: { state: [{
                 type: Input
             }], step: [{
                 type: Input
-            }], srindicatortext: [{
+            }], srIndicatorText: [{
                 type: Input
             }], label: [{
                 type: Input
-            }], expanded: [{
-                type: Input
             }], disabled: [{
-                type: Input
-            }], onClosed: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], expanded: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], closed: [{
                 type: Output
-            }], onExpanded: [{
+            }], opened: [{
                 type: Output
             }], expandedChange: [{
                 type: Output
             }] } });
 
 class IDStepperComponent {
-    onDidToggleExpansion = new EventEmitter();
-    emitToggleExpansion(event) {
-        this.onDidToggleExpansion.emit(event);
+    steps;
+    ngAfterContentInit() {
+        this.steps.toArray().forEach((step, index) => {
+            if (!step.step) {
+                step.step = "" + (index + 1);
+            }
+        });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDStepperComponent, selector: "id-stepper", outputs: { onDidToggleExpansion: "onDidToggleExpansion" }, ngImport: i0, template: "<ids-stepper (didToggleExpansion)=\"emitToggleExpansion($event)\">\n  <ng-content></ng-content>\n</ids-stepper>" });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDStepperComponent, isStandalone: true, selector: "id-stepper", host: { classAttribute: "ids-stepper" }, queries: [{ propertyName: "steps", predicate: IDStepComponent }], ngImport: i0, template: "<ng-content></ng-content>", isInline: true });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDStepperComponent, decorators: [{
             type: Component,
-            args: [{ selector: "id-stepper", template: "<ids-stepper (didToggleExpansion)=\"emitToggleExpansion($event)\">\n  <ng-content></ng-content>\n</ids-stepper>" }]
-        }], propDecorators: { onDidToggleExpansion: [{
-                type: Output
+            args: [{
+                    selector: "id-stepper",
+                    template: "<ng-content></ng-content>",
+                    standalone: true,
+                    host: {
+                        class: 'ids-stepper'
+                    }
+                }]
+        }], propDecorators: { steps: [{
+                type: ContentChildren,
+                args: [IDStepComponent]
             }] } });
 
+class IDStepHeaderComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDStepHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDStepHeaderComponent, isStandalone: true, selector: "id-step-header", host: { classAttribute: "ids-step__headline" }, ngImport: i0, template: "<ng-content></ng-content>", isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDStepHeaderComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "id-step-header",
+                    template: "<ng-content></ng-content>",
+                    standalone: true,
+                    host: {
+                        class: 'ids-step__headline'
+                    }
+                }]
+        }] });
+
 class IDStepperModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDStepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: IDStepperModule, declarations: [IDStepComponent,
-            IDStepperComponent], exports: [IDStepComponent,
-            IDStepperComponent] });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: IDStepperModule, imports: [IDStepComponent,
+            IDStepperComponent,
+            IDStepHeaderComponent], exports: [IDStepComponent,
+            IDStepperComponent,
+            IDStepHeaderComponent] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDStepperModule });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDStepperModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [
+                    imports: [
                         IDStepComponent,
-                        IDStepperComponent
+                        IDStepperComponent,
+                        IDStepHeaderComponent
                     ],
                     exports: [
                         IDStepComponent,
-                        IDStepperComponent
+                        IDStepperComponent,
+                        IDStepHeaderComponent
                     ],
-                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
                 }]
         }] });
 
@@ -93,5 +204,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { IDStepComponent, IDStepperComponent, IDStepperModule };
+export { IDStepComponent, IDStepHeaderComponent, IDStepperComponent, IDStepperModule };
 //# sourceMappingURL=inera-ids-angular-components-stepper.mjs.map

package/fesm2022/inera-ids-angular-components-stepper.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"inera-ids-angular-components-stepper.mjs","sources":["../../../projects/ids-angular/components/stepper/step/step.component.ts","../../../projects/ids-angular/components/stepper/step/step.component.html","../../../projects/ids-angular/components/stepper/stepper.component.ts","../../../projects/ids-angular/components/stepper/stepper.component.html","../../../projects/ids-angular/components/stepper/stepper.module.ts","../../../projects/ids-angular/components/stepper/inera-ids-angular-components-stepper.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from \"@angular/core\";\n\n@Component({\n  selector: \"id-step\",\n  templateUrl: \"./step.component.html\"\n})\nexport class IDStepComponent {\n  constructor() {}\n\n  @Input()\n  state: \"\" | \"valid\" | \"invalid\" | \"selected\" = \"\";\n\n  @Input()\n  headline = \"\";\n\n  @Input()\n  step = \"\";\n\n  @Input()\n  srindicatortext = \"\";\n\n  @Input()\n  label = \"\";\n\n  @Input()\n  expanded = false;\n\n  @Input()\n  disabled = false;\n\n  @Output()\n  onClosed: EventEmitter<Event> = new EventEmitter();\n\n  @Output()\n  onExpanded: EventEmitter<Event> = new EventEmitter();\n\n  @Output()\n  expandedChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n  hasClosed(event: Event) {\n    this.expanded = false;\n    this.onClosed.emit(event);\n    this.expandedChange.emit(this.expanded);\n  }\n  hasExpanded(event: Event) {\n    this.expanded = true;\n    this.onExpanded.emit(event);\n    this.expandedChange.emit(this.expanded);\n  }\n}\n","<ids-step\n  [step]=\"step\"\n  [attr.state]=\"state\"\n  [attr.headline]=\"headline\"\n  [attr.label]=\"label\"\n  [attr.srindicatortext]=\"srindicatortext\"\n  [attr.expanded]=\"expanded ? true : null\"\n  [attr.disabled]=\"disabled ? true : null\"\n  (closed)=\"hasClosed($event)\"\n  (expanded)=\"hasExpanded($event)\">\n  <ng-content></ng-content>\n</ids-step>\n","import { Component, EventEmitter, Output } from \"@angular/core\";\n\n@Component({\n  selector: \"id-stepper\",\n  templateUrl: \"./stepper.component.html\"\n})\nexport class IDStepperComponent {\n  @Output()\n  onDidToggleExpansion: EventEmitter<CustomEvent> = new EventEmitter();\n\n  emitToggleExpansion(event: Event) {\n    this.onDidToggleExpansion.emit(event as CustomEvent);\n  }\n}\n","<ids-stepper (didToggleExpansion)=\"emitToggleExpansion($event)\">\n  <ng-content></ng-content>\n</ids-stepper>","import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';\nimport { IDStepComponent } from './step/step.component';\nimport { IDStepperComponent } from './stepper.component';\nimport '@inera/ids-core/components/stepper/register';\n\n@NgModule({\n  declarations: [\n    IDStepComponent,\n    IDStepperComponent\n  ],\n  exports: [\n    IDStepComponent,\n    IDStepperComponent\n  ],\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class IDStepperModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"inera-ids-angular-components-stepper.mjs","sources":["../../../projects/ids-angular/components/stepper/step.component.ts","../../../projects/ids-angular/components/stepper/stepper.component.ts","../../../projects/ids-angular/components/stepper/step-header.component.ts","../../../projects/ids-angular/components/stepper/stepper.module.ts","../../../projects/ids-angular/components/stepper/inera-ids-angular-components-stepper.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output, booleanAttribute } from \"@angular/core\";\n\n@Component({\n  selector: \"id-step\",\n  template: `\n    <button \n      class=\"ids-step__button focusable\"\n      [class.ids-step__button--disabled]=\"disabled\"\n      [disabled]=\"disabled\"\n      (click)=\"toggleExpansion()\">\n      <div class=\"ids-step__button-inner\">\n        <div class=\"ids-step__indicator-wrapper\">\n          <div\n            [attr.aria-label]=\"this.srIndicatorText || this.step\"\n            [attr.role-img-alt]=\"this.srIndicatorText || this.step\"\n            role=\"img\"\n            class=\"ids-step__indicator ids-step__indicator--{{this.state}}\">\n            @if((this.state !== \"valid\" && this.state !== \"invalid\")) {\n              {{step}}\n            }\n          </div>\n        </div>\n        <div class=\"ids-step__button-text\">\n          <div class=\"ids-step__headline-label\"> \n            @if (label) {\n              <div class=\"ids-step__label\">{{label}}</div>\n            }\n            <ng-content select=\"id-step-header\"></ng-content>\n          </div>\n          <div class=\"ids-step__chevron\" [class.ids-step__chevron--expanded]=\"expanded\">  </div>\n        </div>\n      </div>\n    </button>\n    <div \n      class=\"ids-step__content\"\n      [class.ids-step__content--expanded]=\"expanded\">\n      <ng-content></ng-content>\n    </div>\n  `,\n  host: {\n    class: 'ids-step'\n  },\n  standalone: true\n})\nexport class IDStepComponent {\n  @Input() state: \"\" | \"valid\" | \"invalid\" | \"selected\" = \"\";\n  @Input() step = \"\";\n  @Input() srIndicatorText = \"\";\n  @Input() label = \"\";\n  @Input({ transform: booleanAttribute }) disabled = false;\n  @Input({ transform: booleanAttribute }) expanded = false;\n\n  @Output() closed: EventEmitter<Event> = new EventEmitter();\n  @Output() opened: EventEmitter<Event> = new EventEmitter();\n  @Output() expandedChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n  toggleExpansion() {\n    if(this.expanded) {\n      this.hasClosed();\n    } else {\n      this.hasExpanded()\n    }\n  }\n\n  hasClosed() {\n    this.expanded = false;\n    this.expandedChange.emit(false);\n    this.closed.emit();\n  }\n  hasExpanded() {\n    this.expanded = true;\n    this.expandedChange.emit(true);\n    this.opened.emit();\n  }\n}","import { AfterContentInit, Component, ContentChildren, EventEmitter, Output, QueryList } from \"@angular/core\";\nimport { IDStepComponent } from \"./step.component\";\n\n@Component({\n  selector: \"id-stepper\",\n  template: \"<ng-content></ng-content>\",\n  standalone: true,\n  host: {\n    class: 'ids-stepper'\n  }\n})\nexport class IDStepperComponent implements AfterContentInit {\n\n  @ContentChildren(IDStepComponent)\n  steps: QueryList<IDStepComponent>;\n\n  ngAfterContentInit(): void {\n    this.steps.toArray().forEach((step, index) => {\n      if(!step.step) {\n        step.step = \"\"+(index+1);\n      }\n    })\n  }\n}\n","import { Component } from \"@angular/core\";\n\n@Component({\n  selector: \"id-step-header\",\n  template: \"<ng-content></ng-content>\",\n  standalone: true,\n  host: {\n    class: 'ids-step__headline'\n  }\n})\nexport class IDStepHeaderComponent {}\n","import { NgModule } from '@angular/core';\n\nimport { IDStepComponent } from './step.component';\nimport { IDStepperComponent } from './stepper.component';\nimport { IDStepHeaderComponent } from './step-header.component';\n\n@NgModule({\n  imports: [\n    IDStepComponent,\n    IDStepperComponent,\n    IDStepHeaderComponent\n  ],\n  exports: [\n    IDStepComponent,\n    IDStepperComponent,\n    IDStepHeaderComponent\n  ],\n})\nexport class IDStepperModule {}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/inera-ids-angular-components-tabs.mjs

@@ -1,127 +1,96 @@
 import * as i0 from '@angular/core';
-import { TemplateRef, ViewChild, Input, Component, EventEmitter, Output, ContentChildren, CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import '@inera/ids-core/components/tabs/register';
-
-class IDTabPanelComponent {
-    nofocus = false;
-    compact = false;
-    template;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDTabPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDTabPanelComponent, selector: "id-tab-panel", inputs: { nofocus: "nofocus", compact: "compact" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n  <ng-content></ng-content>\n</ng-template>" });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDTabPanelComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "id-tab-panel", template: "<ng-template>\n  <ng-content></ng-content>\n</ng-template>" }]
-        }], propDecorators: { nofocus: [{
-                type: Input
-            }], compact: [{
-                type: Input
-            }], template: [{
-                type: ViewChild,
-                args: [TemplateRef]
-            }] } });
+import { TemplateRef, ViewChild, ContentChild, Input, Component, inject, booleanAttribute, ContentChildren } from '@angular/core';
+import { NgTemplateOutlet } from '@angular/common';
+import { IDUseIdService } from '@inera/ids-angular/common';
+import { IDNotificationBadgeComponent } from '@inera/ids-angular/components/notification-badge';
 
 class IDTabComponent {
-    elementRef;
-    label = "";
-    selected = false;
-    template;
-    constructor(elementRef) {
-        this.elementRef = elementRef;
-        elementRef.nativeElement.setAttribute("slot", "tab");
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDTabComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDTabComponent, selector: "id-tab", inputs: { label: "label", selected: "selected" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n  <ng-content></ng-content>\n</ng-template>" });
+    label;
+    notices = "";
+    icon;
+    selected;
+    noTabindex;
+    compact;
+    labelTemplate;
+    content;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDTabComponent, isStandalone: true, selector: "id-tab", inputs: { label: "label", notices: "notices", icon: "icon", selected: "selected", noTabindex: "noTabindex", compact: "compact" }, queries: [{ propertyName: "labelTemplate", first: true, predicate: ["idTabLabel"], descendants: true, read: TemplateRef }], viewQueries: [{ propertyName: "content", first: true, predicate: TemplateRef, descendants: true, static: true }], ngImport: i0, template: `<ng-template><ng-content></ng-content></ng-template>`, isInline: true });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDTabComponent, decorators: [{
             type: Component,
-            args: [{ selector: "id-tab", template: "<ng-template>\n  <ng-content></ng-content>\n</ng-template>" }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { label: [{
+            args: [{
+                    selector: 'id-tab',
+                    template: `<ng-template><ng-content></ng-content></ng-template>`,
+                    standalone: true
+                }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], notices: [{
+                type: Input
+            }], icon: [{
                 type: Input
             }], selected: [{
                 type: Input
-            }], template: [{
+            }], noTabindex: [{
+                type: Input
+            }], compact: [{
+                type: Input
+            }], labelTemplate: [{
+                type: ContentChild,
+                args: ['idTabLabel', { read: TemplateRef }]
+            }], content: [{
                 type: ViewChild,
-                args: [TemplateRef]
+                args: [TemplateRef, { static: true }]
             }] } });
 
-class IDTabsComponent {
-    responsive = "m";
+class IDTabGroupComponent {
+    tabs;
+    selectedIndex = 0;
+    ngAfterContentInit() {
+        const selectedTabIndex = this.tabs?.toArray().findIndex((tab) => tab.selected);
+        this.selectedIndex = selectedTabIndex >= 0 ? selectedTabIndex : 0;
+    }
+    responsive = 'm';
     unresponsive = false;
     light = false;
     compact = false;
-    selectlabel = "";
-    tabComponents;
-    tabPanelComponents;
-    onTabChange = new EventEmitter();
-    tabs;
-    tabPanels;
-    showContent = false;
-    ngAfterContentInit() {
-        setTimeout(() => {
-            this.tabs = this.tabComponents.toArray();
-            this.tabPanels = this.tabPanelComponents.toArray();
-            this.showContent = true;
-        }, 0);
+    selectLabel;
+    idService = inject(IDUseIdService);
+    selectId = this.idService.generateId('tab-group');
+    selectTab(i) {
+        this.selectedIndex = i;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDTabsComponent, selector: "id-tabs", inputs: { responsive: "responsive", unresponsive: "unresponsive", light: "light", compact: "compact", selectlabel: "selectlabel" }, outputs: { onTabChange: "onTabChange" }, queries: [{ propertyName: "tabComponents", predicate: IDTabComponent }, { propertyName: "tabPanelComponents", predicate: IDTabPanelComponent }], ngImport: i0, template: "<ids-tabs\n  [unresponsive]=\"unresponsive ? true : null\"\n  [compact]=\"compact ? true : null\"\n  [responsive]=\"responsive\"\n  [light]=\"light\"\n  [selectlabel]=\"selectlabel\"\n  (tabChange)=\"onTabChange.emit($event)\"\n  *ngIf=\"showContent && tabs && tabPanels\">\n  <ids-tab\n    *ngFor=\"let tab of tabs\"\n    [label]=\"tab.label\"\n    slot=\"tab\"\n    [attr.selected]=\"tab.selected ? '' : null\">\n    <ng-container *ngTemplateOutlet=\"tab.template\"></ng-container>\n  </ids-tab>\n  <ng-content></ng-content>\n  <ids-tab-panel\n    *ngFor=\"let tabpanel of tabPanels\"\n    [nofocus]=\"tabpanel.nofocus ? true : null\"\n    [compact]=\"tabpanel.compact ? true : null\">\n    <ng-container *ngTemplateOutlet=\"tabpanel.template\"></ng-container>\n  </ids-tab-panel>\n</ids-tabs>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDTabGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: IDTabGroupComponent, isStandalone: true, selector: "id-tab-group", inputs: { responsive: "responsive", unresponsive: ["unresponsive", "unresponsive", booleanAttribute], light: ["light", "light", booleanAttribute], compact: ["compact", "compact", booleanAttribute], selectLabel: "selectLabel" }, host: { properties: { "class.ids-tabs--responsive-on-s": "responsive === 's'", "class.ids-tabs--unresponsive": "unresponsive" }, classAttribute: "ids-tabs" }, queries: [{ propertyName: "tabs", predicate: IDTabComponent }], ngImport: i0, template: "<div class=\"ids-tabs__select\">\n  <label\n    [htmlFor]=\"selectId\"\n    class=\"ids-label\"\n  >\n    {{ selectLabel }}\n  </label>\n  <div class=\"ids-select__wrapper\">\n    <select\n      [id]=\"selectId\"\n      (change)=\"selectedIndex = $any($event.target).value\"\n      class=\"ids-select__select\"\n      [class.ids-input--light]=\"light\"\n    >\n      @for (tab of tabs; track tab; let i = $index) {\n      <option\n        [value]=\"i\"\n        [selected]=\"i === selectedIndex\"\n      >\n        {{ tab.label }} @if (tab.notices !== \"\") { ({{ tab.notices }}) }\n      </option>\n      }\n    </select>\n  </div>\n</div>\n\n<div\n  class=\"ids-tabs__tabs\"\n  role=\"tablist\"\n>\n  @for (tab of tabs; track tab; let i = $index) {\n  <button\n    role=\"tab\"\n    (click)=\"selectTab(i)\"\n    class=\"ids-tab\"\n    [class.ids-tab--selected]=\"i === selectedIndex\"\n  >\n    <div class=\"ids-tab__label\">\n      @if (tab.labelTemplate) {\n      <ng-container [ngTemplateOutlet]=\"tab.labelTemplate\"></ng-container>\n      } @else { \n        @if (tab.icon) {\n          <span class=\"ids-tab-icon ids-icon-{{ tab.icon }}\"></span>\n        }\n        {{ tab.label }}\n        @if (tab.notices !== \"\") {\n        <id-notification-badge class=\"ids-ml-2\">{{ tab.notices }}</id-notification-badge>\n        }\n      }\n    </div>\n  </button>\n  }\n</div>\n\n<div class=\"ids-tabs__panels\">\n  <div\n    role=\"tabpanel\"\n    [tabindex]=\"tabs.get(selectedIndex)?.noTabindex ? null : 0\"\n    [class.ids-tab-panel--compact]=\"compact || tabs.get(selectedIndex)?.compact\"\n    class=\"ids-tab-panel ids-tab-panel--selected\"\n  >\n    <ng-container [ngTemplateOutlet]=\"tabs.get(selectedIndex)?.content ?? null\"></ng-container>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IDNotificationBadgeComponent, selector: "id-notification-badge", inputs: ["type", "icon"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDTabsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDTabGroupComponent, decorators: [{
             type: Component,
-            args: [{ selector: "id-tabs", template: "<ids-tabs\n  [unresponsive]=\"unresponsive ? true : null\"\n  [compact]=\"compact ? true : null\"\n  [responsive]=\"responsive\"\n  [light]=\"light\"\n  [selectlabel]=\"selectlabel\"\n  (tabChange)=\"onTabChange.emit($event)\"\n  *ngIf=\"showContent && tabs && tabPanels\">\n  <ids-tab\n    *ngFor=\"let tab of tabs\"\n    [label]=\"tab.label\"\n    slot=\"tab\"\n    [attr.selected]=\"tab.selected ? '' : null\">\n    <ng-container *ngTemplateOutlet=\"tab.template\"></ng-container>\n  </ids-tab>\n  <ng-content></ng-content>\n  <ids-tab-panel\n    *ngFor=\"let tabpanel of tabPanels\"\n    [nofocus]=\"tabpanel.nofocus ? true : null\"\n    [compact]=\"tabpanel.compact ? true : null\">\n    <ng-container *ngTemplateOutlet=\"tabpanel.template\"></ng-container>\n  </ids-tab-panel>\n</ids-tabs>\n" }]
-        }], propDecorators: { responsive: [{
+            args: [{ selector: 'id-tab-group', standalone: true, imports: [NgTemplateOutlet, IDNotificationBadgeComponent], host: {
+                        class: 'ids-tabs',
+                        '[class.ids-tabs--responsive-on-s]': "responsive === 's'",
+                        '[class.ids-tabs--unresponsive]': 'unresponsive',
+                    }, template: "<div class=\"ids-tabs__select\">\n  <label\n    [htmlFor]=\"selectId\"\n    class=\"ids-label\"\n  >\n    {{ selectLabel }}\n  </label>\n  <div class=\"ids-select__wrapper\">\n    <select\n      [id]=\"selectId\"\n      (change)=\"selectedIndex = $any($event.target).value\"\n      class=\"ids-select__select\"\n      [class.ids-input--light]=\"light\"\n    >\n      @for (tab of tabs; track tab; let i = $index) {\n      <option\n        [value]=\"i\"\n        [selected]=\"i === selectedIndex\"\n      >\n        {{ tab.label }} @if (tab.notices !== \"\") { ({{ tab.notices }}) }\n      </option>\n      }\n    </select>\n  </div>\n</div>\n\n<div\n  class=\"ids-tabs__tabs\"\n  role=\"tablist\"\n>\n  @for (tab of tabs; track tab; let i = $index) {\n  <button\n    role=\"tab\"\n    (click)=\"selectTab(i)\"\n    class=\"ids-tab\"\n    [class.ids-tab--selected]=\"i === selectedIndex\"\n  >\n    <div class=\"ids-tab__label\">\n      @if (tab.labelTemplate) {\n      <ng-container [ngTemplateOutlet]=\"tab.labelTemplate\"></ng-container>\n      } @else { \n        @if (tab.icon) {\n          <span class=\"ids-tab-icon ids-icon-{{ tab.icon }}\"></span>\n        }\n        {{ tab.label }}\n        @if (tab.notices !== \"\") {\n        <id-notification-badge class=\"ids-ml-2\">{{ tab.notices }}</id-notification-badge>\n        }\n      }\n    </div>\n  </button>\n  }\n</div>\n\n<div class=\"ids-tabs__panels\">\n  <div\n    role=\"tabpanel\"\n    [tabindex]=\"tabs.get(selectedIndex)?.noTabindex ? null : 0\"\n    [class.ids-tab-panel--compact]=\"compact || tabs.get(selectedIndex)?.compact\"\n    class=\"ids-tab-panel ids-tab-panel--selected\"\n  >\n    <ng-container [ngTemplateOutlet]=\"tabs.get(selectedIndex)?.content ?? null\"></ng-container>\n  </div>\n</div>\n" }]
+        }], propDecorators: { tabs: [{
+                type: ContentChildren,
+                args: [IDTabComponent]
+            }], responsive: [{
                 type: Input
             }], unresponsive: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], light: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], compact: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], selectLabel: [{
                 type: Input
-            }], selectlabel: [{
-                type: Input
-            }], tabComponents: [{
-                type: ContentChildren,
-                args: [IDTabComponent]
-            }], tabPanelComponents: [{
-                type: ContentChildren,
-                args: [IDTabPanelComponent]
-            }], onTabChange: [{
-                type: Output
             }] } });
 
-class IDTabsModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDTabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: IDTabsModule, declarations: [IDTabsComponent,
-            IDTabComponent,
-            IDTabPanelComponent], imports: [CommonModule], exports: [IDTabsComponent,
-            IDTabComponent,
-            IDTabPanelComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDTabsModule, imports: [CommonModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDTabsModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        IDTabsComponent,
-                        IDTabComponent,
-                        IDTabPanelComponent
-                    ],
-                    imports: [CommonModule],
-                    exports: [
-                        IDTabsComponent,
-                        IDTabComponent,
-                        IDTabPanelComponent
-                    ],
-                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
-                }]
-        }] });
-
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { IDTabComponent, IDTabPanelComponent, IDTabsComponent, IDTabsModule };
+export { IDTabComponent, IDTabGroupComponent };
 //# sourceMappingURL=inera-ids-angular-components-tabs.mjs.map

package/fesm2022/inera-ids-angular-components-tabs.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"inera-ids-angular-components-tabs.mjs","sources":["../../../projects/ids-angular/components/tabs/panel/tab-panel.component.ts","../../../projects/ids-angular/components/tabs/panel/tab-panel.component.html","../../../projects/ids-angular/components/tabs/tab/tab.component.ts","../../../projects/ids-angular/components/tabs/tab/tab.component.html","../../../projects/ids-angular/components/tabs/tabs.component.ts","../../../projects/ids-angular/components/tabs/tabs.component.html","../../../projects/ids-angular/components/tabs/tabs.module.ts","../../../projects/ids-angular/components/tabs/inera-ids-angular-components-tabs.ts"],"sourcesContent":["import { Component, Input, TemplateRef, ViewChild } from \"@angular/core\";\n\n@Component({\n  selector: \"id-tab-panel\",\n  templateUrl: \"./tab-panel.component.html\"\n})\nexport class IDTabPanelComponent {\n  @Input()\n  nofocus: boolean | undefined = false;\n\n  @Input()\n  compact: boolean | undefined = false;\n\n  @ViewChild(TemplateRef) template: TemplateRef<any>;\n}\n","<ng-template>\n  <ng-content></ng-content>\n</ng-template>","import { Component, ElementRef, Input, TemplateRef, ViewChild } from \"@angular/core\";\n\n@Component({\n  selector: \"id-tab\",\n  templateUrl: \"./tab.component.html\"\n})\nexport class IDTabComponent {\n  @Input()\n  label: string = \"\";\n\n  @Input()\n  selected: Boolean = false;\n\n  @ViewChild(TemplateRef) template: TemplateRef<any>;\n\n  constructor(private elementRef: ElementRef<HTMLElement>) {\n    elementRef.nativeElement.setAttribute(\"slot\", \"tab\");\n  }\n}\n","<ng-template>\n  <ng-content></ng-content>\n</ng-template>","import { AfterContentInit, Component, ContentChildren, EventEmitter, Input, Output, QueryList } from \"@angular/core\";\nimport { IDTabComponent } from \"./tab/tab.component\";\nimport { IDTabPanelComponent } from \"./panel/tab-panel.component\";\n\n@Component({\n  selector: \"id-tabs\",\n  templateUrl: \"./tabs.component.html\"\n})\nexport class IDTabsComponent implements AfterContentInit {\n  @Input()\n  responsive: \"m\" | \"s\" = \"m\";\n  @Input()\n  unresponsive: boolean = false;\n  @Input()\n  light: boolean = false;\n  @Input()\n  compact: boolean = false;\n  @Input()\n  selectlabel: string = \"\";\n\n  @ContentChildren(IDTabComponent) tabComponents: QueryList<IDTabComponent>;\n  @ContentChildren(IDTabPanelComponent) tabPanelComponents: QueryList<IDTabPanelComponent>;\n\n  @Output()\n  onTabChange: EventEmitter<Event> = new EventEmitter();\n\n  public tabs: IDTabComponent[];\n  public tabPanels: IDTabPanelComponent[];\n  showContent = false;\n\n  public ngAfterContentInit(): void {\n    setTimeout(() => {\n      this.tabs = this.tabComponents.toArray();\n      this.tabPanels = this.tabPanelComponents.toArray();\n      this.showContent = true;\n    }, 0);\n  }\n}\n","<ids-tabs\n  [unresponsive]=\"unresponsive ? true : null\"\n  [compact]=\"compact ? true : null\"\n  [responsive]=\"responsive\"\n  [light]=\"light\"\n  [selectlabel]=\"selectlabel\"\n  (tabChange)=\"onTabChange.emit($event)\"\n  *ngIf=\"showContent && tabs && tabPanels\">\n  <ids-tab\n    *ngFor=\"let tab of tabs\"\n    [label]=\"tab.label\"\n    slot=\"tab\"\n    [attr.selected]=\"tab.selected ? '' : null\">\n    <ng-container *ngTemplateOutlet=\"tab.template\"></ng-container>\n  </ids-tab>\n  <ng-content></ng-content>\n  <ids-tab-panel\n    *ngFor=\"let tabpanel of tabPanels\"\n    [nofocus]=\"tabpanel.nofocus ? true : null\"\n    [compact]=\"tabpanel.compact ? true : null\">\n    <ng-container *ngTemplateOutlet=\"tabpanel.template\"></ng-container>\n  </ids-tab-panel>\n</ids-tabs>\n","import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';\nimport { IDTabsComponent } from './tabs.component';\nimport { IDTabComponent} from './tab/tab.component';\nimport { IDTabPanelComponent } from './panel/tab-panel.component';\nimport '@inera/ids-core/components/tabs/register';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n  declarations: [\n    IDTabsComponent,\n    IDTabComponent,\n    IDTabPanelComponent\n  ],\n  imports: [CommonModule],\n  exports: [\n    IDTabsComponent,\n    IDTabComponent,\n    IDTabPanelComponent\n  ],\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class IDTabsModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"inera-ids-angular-components-tabs.mjs","sources":["../../../projects/ids-angular/components/tabs/tab.component.ts","../../../projects/ids-angular/components/tabs/tab-group.component.ts","../../../projects/ids-angular/components/tabs/tab-group.component.html","../../../projects/ids-angular/components/tabs/inera-ids-angular-components-tabs.ts"],"sourcesContent":["import { Component, ContentChild, Input, TemplateRef, ViewChild } from '@angular/core';\n\n@Component({\n  selector: 'id-tab',\n  template: `<ng-template><ng-content></ng-content></ng-template>`,\n  standalone: true\n})\nexport class IDTabComponent {\n  @Input() label: string;\n  @Input() notices: string = \"\";\n  @Input() icon: string;\n  @Input() selected: boolean;\n  @Input() noTabindex: boolean;\n  @Input() compact: boolean;\n\n\n  @ContentChild('idTabLabel', { read: TemplateRef }) labelTemplate?: TemplateRef<any>;\n\n\n  @ViewChild(TemplateRef, { static: true }) content: TemplateRef<any>;\n\n}","import {\n  AfterContentInit,\n  Component,\n  ContentChildren,\n  Input,\n  QueryList,\n  booleanAttribute,\n  inject,\n} from '@angular/core';\nimport { IDTabComponent } from './tab.component';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { IDUseIdService } from '@inera/ids-angular/common';\nimport { IDNotificationBadgeComponent } from '@inera/ids-angular/components/notification-badge';\n\n@Component({\n  selector: 'id-tab-group',\n  templateUrl: './tab-group.component.html',\n  standalone: true,\n  imports: [NgTemplateOutlet, IDNotificationBadgeComponent],\n  host: {\n    class: 'ids-tabs',\n    '[class.ids-tabs--responsive-on-s]': \"responsive === 's'\",\n    '[class.ids-tabs--unresponsive]': 'unresponsive',\n  },\n})\nexport class IDTabGroupComponent implements AfterContentInit {\n  @ContentChildren(IDTabComponent) tabs!: QueryList<IDTabComponent>;\n  selectedIndex = 0;\n\n  ngAfterContentInit(): void {\n    const selectedTabIndex = this.tabs?.toArray().findIndex((tab) => tab.selected);\n    this.selectedIndex = selectedTabIndex >= 0 ? selectedTabIndex : 0;\n  }\n\n  @Input() responsive: 'm' | 's' = 'm';\n  @Input({ transform: booleanAttribute }) unresponsive: boolean = false;\n  @Input({ transform: booleanAttribute }) light: boolean = false;\n  @Input({ transform: booleanAttribute }) compact: boolean = false;\n  @Input() selectLabel?: string;\n\n  private idService = inject(IDUseIdService);\n  selectId = this.idService.generateId('tab-group');\n\n  selectTab(i: number) {\n    this.selectedIndex = i;\n  }\n}\n","<div class=\"ids-tabs__select\">\n  <label\n    [htmlFor]=\"selectId\"\n    class=\"ids-label\"\n  >\n    {{ selectLabel }}\n  </label>\n  <div class=\"ids-select__wrapper\">\n    <select\n      [id]=\"selectId\"\n      (change)=\"selectedIndex = $any($event.target).value\"\n      class=\"ids-select__select\"\n      [class.ids-input--light]=\"light\"\n    >\n      @for (tab of tabs; track tab; let i = $index) {\n      <option\n        [value]=\"i\"\n        [selected]=\"i === selectedIndex\"\n      >\n        {{ tab.label }} @if (tab.notices !== \"\") { ({{ tab.notices }}) }\n      </option>\n      }\n    </select>\n  </div>\n</div>\n\n<div\n  class=\"ids-tabs__tabs\"\n  role=\"tablist\"\n>\n  @for (tab of tabs; track tab; let i = $index) {\n  <button\n    role=\"tab\"\n    (click)=\"selectTab(i)\"\n    class=\"ids-tab\"\n    [class.ids-tab--selected]=\"i === selectedIndex\"\n  >\n    <div class=\"ids-tab__label\">\n      @if (tab.labelTemplate) {\n      <ng-container [ngTemplateOutlet]=\"tab.labelTemplate\"></ng-container>\n      } @else { \n        @if (tab.icon) {\n          <span class=\"ids-tab-icon ids-icon-{{ tab.icon }}\"></span>\n        }\n        {{ tab.label }}\n        @if (tab.notices !== \"\") {\n        <id-notification-badge class=\"ids-ml-2\">{{ tab.notices }}</id-notification-badge>\n        }\n      }\n    </div>\n  </button>\n  }\n</div>\n\n<div class=\"ids-tabs__panels\">\n  <div\n    role=\"tabpanel\"\n    [tabindex]=\"tabs.get(selectedIndex)?.noTabindex ? null : 0\"\n    [class.ids-tab-panel--compact]=\"compact || tabs.get(selectedIndex)?.compact\"\n    class=\"ids-tab-panel ids-tab-panel--selected\"\n  >\n    <ng-container [ngTemplateOutlet]=\"tabs.get(selectedIndex)?.content ?? null\"></ng-container>\n  </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}