@inera/ids-angular 9.1.0 → 9.2.0

package/fesm2022/inera-ids-angular-components-header-inera-general.mjs

@@ -0,0 +1,425 @@
+import * as i0 from '@angular/core';
+import { inject, booleanAttribute, Input, Component, ViewChild, Directive, ContentChild, ContentChildren, EventEmitter, Output, NgModule } from '@angular/core';
+import { NgTemplateOutlet } from '@angular/common';
+import { ID_HEADER_CONTEXT, IDUseIdService, useEscapeKey, IDClickOutsideDirective } from '@inera/ids-angular/common';
+
+class IDHeaderIneraGeneralItemComponent {
+    mobile = false;
+    icon;
+    header = inject(ID_HEADER_CONTEXT, { optional: true, host: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeaderIneraGeneralItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.20", type: IDHeaderIneraGeneralItemComponent, isStandalone: true, selector: "id-header-inera-general-item", inputs: { mobile: ["mobile", "mobile", booleanAttribute], icon: "icon" }, host: { properties: { "class.ids-header-inera-general-item--unresponsive": "header?.unresponsive", "class.ids-header-inera-general-item--mobile": "mobile" }, classAttribute: "ids-header-inera-general-item" }, ngImport: i0, template: `
+    <div class="ids-header-inera-general-item__icon">
+        <ng-content name=[icon]></ng-content>
+        <span class="ids-icon-{{icon}}" aria-hidden="true"></span>
+    </div>
+    <ng-content></ng-content>`, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeaderIneraGeneralItemComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'id-header-inera-general-item',
+                    template: `
+    <div class="ids-header-inera-general-item__icon">
+        <ng-content name=[icon]></ng-content>
+        <span class="ids-icon-{{icon}}" aria-hidden="true"></span>
+    </div>
+    <ng-content></ng-content>`,
+                    standalone: true,
+                    host: {
+                        class: 'ids-header-inera-general-item',
+                        '[class.ids-header-inera-general-item--unresponsive]': 'header?.unresponsive',
+                        '[class.ids-header-inera-general-item--mobile]': 'mobile'
+                    }
+                }]
+        }], propDecorators: { mobile: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], icon: [{
+                type: Input
+            }] } });
+
+class IDHeaderIneraGeneralNavComponent {
+    hideOnTablet = false;
+    template;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeaderIneraGeneralNavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.20", type: IDHeaderIneraGeneralNavComponent, isStandalone: true, selector: "id-header-inera-general-nav", inputs: { hideOnTablet: ["hideOnTablet", "hideOnTablet", booleanAttribute] }, viewQueries: [{ propertyName: "template", first: true, predicate: ["nav"], descendants: true }], ngImport: i0, template: `
+    <ng-template #nav>
+      <div class="ids-header-inera-general-nav__nav-items">      
+        <ng-content></ng-content>
+      </div>
+    </ng-template>`, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeaderIneraGeneralNavComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "id-header-inera-general-nav",
+                    template: `
+    <ng-template #nav>
+      <div class="ids-header-inera-general-nav__nav-items">      
+        <ng-content></ng-content>
+      </div>
+    </ng-template>`,
+                    standalone: true
+                }]
+        }], propDecorators: { hideOnTablet: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], template: [{
+                type: ViewChild,
+                args: ['nav']
+            }] } });
+
+class IDHeaderIneraGeneralSkipToContent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeaderIneraGeneralSkipToContent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDHeaderIneraGeneralSkipToContent, isStandalone: true, selector: "id-header-inera-general-skip-to-content", host: { classAttribute: "ids-header-inera-general__skip-to-content" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeaderIneraGeneralSkipToContent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "id-header-inera-general-skip-to-content",
+                    template: `<ng-content></ng-content>`,
+                    standalone: true,
+                    host: {
+                        class: 'ids-header-inera-general__skip-to-content'
+                    }
+                }]
+        }] });
+
+class IDHeaderIneraGeneralBrandLinkDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeaderIneraGeneralBrandLinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.20", type: IDHeaderIneraGeneralBrandLinkDirective, isStandalone: true, selector: "a[idBrandIneraGeneralLink]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeaderIneraGeneralBrandLinkDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "a[idBrandIneraGeneralLink]",
+                    standalone: true,
+                }]
+        }] });
+
+class IDHeaderIneraGeneralComponent {
+    unresponsive = false;
+    brandText = '';
+    items;
+    nav;
+    brandLink;
+    skipToContent;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeaderIneraGeneralComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: IDHeaderIneraGeneralComponent, isStandalone: true, selector: "id-header-inera-general", inputs: { unresponsive: ["unresponsive", "unresponsive", booleanAttribute], brandText: "brandText" }, providers: [
+            {
+                provide: ID_HEADER_CONTEXT,
+                useExisting: IDHeaderIneraGeneralComponent,
+            },
+        ], queries: [{ propertyName: "nav", first: true, predicate: IDHeaderIneraGeneralNavComponent, descendants: true }, { propertyName: "brandLink", first: true, predicate: IDHeaderIneraGeneralBrandLinkDirective, descendants: true }, { propertyName: "skipToContent", first: true, predicate: IDHeaderIneraGeneralSkipToContent, descendants: true }, { propertyName: "items", predicate: IDHeaderIneraGeneralItemComponent }], ngImport: i0, template: "<header\n  class=\"ids-header-inera-general\"\n  [class.ids-header-inera-general--unresponsive]=\"unresponsive\"\n>\n  <ng-content select=\"id-header-inera-general-skip-to-content\"></ng-content>\n  <div class=\"ids-header-inera-general__container\">\n    <div class=\"ids-header-inera-general__inner\">\n      <div class=\"ids-header-inera-general__main\">\n        <div class=\"ids-header-inera-general__brand\">\n          @if (brandLink) {\n            <span class=\"ids-header-inera-general__brand-text\">{{ brandText }}</span>\n            <span class=\"ids-header-inera-general__brand-link\">\n              <ng-content select=\"[idBrandIneraGeneralLink]\"></ng-content>\n            </span>\n          } @else {\n            <h1 class=\"ids-header-inera-general__brand-text\">{{ brandText }}</h1>\n          }\n        </div>\n\n        @if (items) {\n          <div class=\"ids-header-inera-general__items\">\n            <ng-content select=\"id-header-inera-general-item\"></ng-content>\n            <ng-content select=\"id-header-inera-general-menu-mobile\"></ng-content>\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n  @if (nav) {\n    <nav\n      class=\"ids-header-inera-general-nav\"\n      [class.ids-header-inera-general-nav--unresponsive]=\"unresponsive\"\n      [class.ids-header-inera-general-nav--hide-on-tablet]=\"nav.hideOnTablet\"\n    >\n      <ng-container *ngTemplateOutlet=\"nav.template\"></ng-container>\n    </nav>\n  }\n</header>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeaderIneraGeneralComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'id-header-inera-general', standalone: true, providers: [
+                        {
+                            provide: ID_HEADER_CONTEXT,
+                            useExisting: IDHeaderIneraGeneralComponent,
+                        },
+                    ], imports: [NgTemplateOutlet], template: "<header\n  class=\"ids-header-inera-general\"\n  [class.ids-header-inera-general--unresponsive]=\"unresponsive\"\n>\n  <ng-content select=\"id-header-inera-general-skip-to-content\"></ng-content>\n  <div class=\"ids-header-inera-general__container\">\n    <div class=\"ids-header-inera-general__inner\">\n      <div class=\"ids-header-inera-general__main\">\n        <div class=\"ids-header-inera-general__brand\">\n          @if (brandLink) {\n            <span class=\"ids-header-inera-general__brand-text\">{{ brandText }}</span>\n            <span class=\"ids-header-inera-general__brand-link\">\n              <ng-content select=\"[idBrandIneraGeneralLink]\"></ng-content>\n            </span>\n          } @else {\n            <h1 class=\"ids-header-inera-general__brand-text\">{{ brandText }}</h1>\n          }\n        </div>\n\n        @if (items) {\n          <div class=\"ids-header-inera-general__items\">\n            <ng-content select=\"id-header-inera-general-item\"></ng-content>\n            <ng-content select=\"id-header-inera-general-menu-mobile\"></ng-content>\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n  @if (nav) {\n    <nav\n      class=\"ids-header-inera-general-nav\"\n      [class.ids-header-inera-general-nav--unresponsive]=\"unresponsive\"\n      [class.ids-header-inera-general-nav--hide-on-tablet]=\"nav.hideOnTablet\"\n    >\n      <ng-container *ngTemplateOutlet=\"nav.template\"></ng-container>\n    </nav>\n  }\n</header>\n" }]
+        }], propDecorators: { unresponsive: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], brandText: [{
+                type: Input
+            }], items: [{
+                type: ContentChildren,
+                args: [IDHeaderIneraGeneralItemComponent]
+            }], nav: [{
+                type: ContentChild,
+                args: [IDHeaderIneraGeneralNavComponent]
+            }], brandLink: [{
+                type: ContentChild,
+                args: [IDHeaderIneraGeneralBrandLinkDirective]
+            }], skipToContent: [{
+                type: ContentChild,
+                args: [IDHeaderIneraGeneralSkipToContent]
+            }] } });
+
+class IDHeaderIneraGeneralNavItemComponent {
+    label;
+    active = false;
+    activeChange = new EventEmitter();
+    expanded = false;
+    expandedChange = new EventEmitter();
+    col1 = null;
+    col2 = null;
+    col3 = null;
+    col4 = null;
+    idService = inject(IDUseIdService);
+    contentId = this.idService.generateId('header-inera-general-nav-item');
+    header = inject(ID_HEADER_CONTEXT, { optional: true, host: true });
+    constructor() {
+        useEscapeKey(() => this.closeItem(), () => this.expanded);
+    }
+    toggleExpansion() {
+        if (this.expanded) {
+            this.closeItem();
+        }
+        else {
+            this.expandItem();
+        }
+    }
+    expandItem() {
+        this.expanded = true;
+        this.expandedChange.emit(true);
+        this.activeChange.emit(true);
+    }
+    closeItem() {
+        this.expanded = false;
+        this.expandedChange.emit(false);
+        this.activeChange.emit(false);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeaderIneraGeneralNavItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: IDHeaderIneraGeneralNavItemComponent, isStandalone: true, selector: "id-header-inera-general-nav-item", inputs: { label: "label", active: ["active", "active", booleanAttribute], expanded: ["expanded", "expanded", booleanAttribute] }, outputs: { activeChange: "activeChange", expandedChange: "expandedChange" }, host: { properties: { "class.ids-header-inera-general-nav-item--unresponsive": "header?.unresponsive", "class.ids-header-inera-general-nav-item--active": "active || expanded", "attr.aria-current": "active", "class.ids-header-inera-general-nav-item--expanded": "expanded" }, classAttribute: "ids-header-inera-general-nav-item" }, queries: [{ propertyName: "col1", first: true, predicate: ["col1"], descendants: true }, { propertyName: "col2", first: true, predicate: ["col2"], descendants: true }, { propertyName: "col3", first: true, predicate: ["col3"], descendants: true }, { propertyName: "col4", first: true, predicate: ["col4"], descendants: true }], ngImport: i0, template: `
+  <div
+    idClickOutside
+    (idClickOutside)="closeItem()">
+    @if (this.label) {
+      <button
+        [attr.aria-controls]="contentId"
+        [attr.aria-expanded]="expanded"
+        class="ids-header-inera-general-nav-item__button"
+        (click)="toggleExpansion()">
+        {{label}}
+      </button>
+    } @else {
+      <span class="ids-header-inera-general-nav-item__link">
+        <ng-content select="[link]"></ng-content>
+      </span>
+    }
+    <div [attr.id]="contentId" 
+      class="ids-header-inera-general-nav-item__menu"
+      [class.ids-header-inera-general-nav-item__menu--expanded]="expanded">
+      <div class="ids-header-inera-general-nav-item__menu-content">
+        <div class="ids-header-inera-general-nav-item__menu-col-1">
+          <ng-container *ngTemplateOutlet="col1"></ng-container>
+        </div>
+        <div class="ids-header-inera-general-nav-item__menu-col-2">
+          <ng-container *ngTemplateOutlet="col2"></ng-container>
+        </div>
+        <div class="ids-header-inera-general-nav-item__menu-col-3">
+          <ng-container *ngTemplateOutlet="col3"></ng-container>
+        </div>
+        <div class="ids-header-inera-general-nav-item__menu-col-4">
+          <ng-container *ngTemplateOutlet="col4"></ng-container>
+        </div>
+      </div>
+    </div>
+  </div>`, isInline: true, dependencies: [{ kind: "directive", type: IDClickOutsideDirective, selector: "[idClickOutside]", outputs: ["idClickOutside"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeaderIneraGeneralNavItemComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "id-header-inera-general-nav-item",
+                    template: `
+  <div
+    idClickOutside
+    (idClickOutside)="closeItem()">
+    @if (this.label) {
+      <button
+        [attr.aria-controls]="contentId"
+        [attr.aria-expanded]="expanded"
+        class="ids-header-inera-general-nav-item__button"
+        (click)="toggleExpansion()">
+        {{label}}
+      </button>
+    } @else {
+      <span class="ids-header-inera-general-nav-item__link">
+        <ng-content select="[link]"></ng-content>
+      </span>
+    }
+    <div [attr.id]="contentId" 
+      class="ids-header-inera-general-nav-item__menu"
+      [class.ids-header-inera-general-nav-item__menu--expanded]="expanded">
+      <div class="ids-header-inera-general-nav-item__menu-content">
+        <div class="ids-header-inera-general-nav-item__menu-col-1">
+          <ng-container *ngTemplateOutlet="col1"></ng-container>
+        </div>
+        <div class="ids-header-inera-general-nav-item__menu-col-2">
+          <ng-container *ngTemplateOutlet="col2"></ng-container>
+        </div>
+        <div class="ids-header-inera-general-nav-item__menu-col-3">
+          <ng-container *ngTemplateOutlet="col3"></ng-container>
+        </div>
+        <div class="ids-header-inera-general-nav-item__menu-col-4">
+          <ng-container *ngTemplateOutlet="col4"></ng-container>
+        </div>
+      </div>
+    </div>
+  </div>`,
+                    standalone: true,
+                    imports: [IDClickOutsideDirective, NgTemplateOutlet],
+                    host: {
+                        class: 'ids-header-inera-general-nav-item',
+                        '[class.ids-header-inera-general-nav-item--unresponsive]': 'header?.unresponsive',
+                        '[class.ids-header-inera-general-nav-item--active]': 'active || expanded',
+                        '[attr.aria-current]': 'active',
+                        '[class.ids-header-inera-general-nav-item--expanded]': 'expanded'
+                    }
+                }]
+        }], ctorParameters: () => [], propDecorators: { label: [{
+                type: Input
+            }], active: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], activeChange: [{
+                type: Output
+            }], expanded: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], expandedChange: [{
+                type: Output
+            }], col1: [{
+                type: ContentChild,
+                args: ['col1']
+            }], col2: [{
+                type: ContentChild,
+                args: ['col2']
+            }], col3: [{
+                type: ContentChild,
+                args: ['col3']
+            }], col4: [{
+                type: ContentChild,
+                args: ['col4']
+            }] } });
+
+class IDHeaderIneraGeneralMenuMobileComponent {
+    expanded = false;
+    header = inject(ID_HEADER_CONTEXT, { optional: true, host: true });
+    toggleExpansion() {
+        this.expanded = !this.expanded;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeaderIneraGeneralMenuMobileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: IDHeaderIneraGeneralMenuMobileComponent, isStandalone: true, selector: "id-header-inera-general-menu-mobile", inputs: { expanded: ["expanded", "expanded", booleanAttribute] }, host: { classAttribute: "ids-header-inera-general__mobile-menu" }, ngImport: i0, template: `
+    <div
+      class="ids-header-inera-general-menu-mobile"
+      [class.ids-header-inera-general-menu-mobile--unresponsive]="header?.unresponsive"
+      [class.ids-header-inera-general-menu-mobile--expanded]="expanded"
+    >
+      <button
+        (click)="toggleExpansion()"
+        aria-label="Meny"
+        [attr.aria-expanded]="expanded"
+        class="ids-header-inera-general-menu-mobile__button"
+      >
+        <div class="ids-hamburger">
+          <span class="ids-hamburger__lines"></span>
+        </div>
+      </button>
+      @if (expanded) {
+        <nav class="ids-header-inera-general-menu-mobile__items">
+          <ng-content select="id-mobile-menu"></ng-content>
+        </nav>
+      }
+    </div>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeaderIneraGeneralMenuMobileComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'id-header-inera-general-menu-mobile',
+                    template: `
+    <div
+      class="ids-header-inera-general-menu-mobile"
+      [class.ids-header-inera-general-menu-mobile--unresponsive]="header?.unresponsive"
+      [class.ids-header-inera-general-menu-mobile--expanded]="expanded"
+    >
+      <button
+        (click)="toggleExpansion()"
+        aria-label="Meny"
+        [attr.aria-expanded]="expanded"
+        class="ids-header-inera-general-menu-mobile__button"
+      >
+        <div class="ids-hamburger">
+          <span class="ids-hamburger__lines"></span>
+        </div>
+      </button>
+      @if (expanded) {
+        <nav class="ids-header-inera-general-menu-mobile__items">
+          <ng-content select="id-mobile-menu"></ng-content>
+        </nav>
+      }
+    </div>
+  `,
+                    standalone: true,
+                    host: {
+                        class: 'ids-header-inera-general__mobile-menu',
+                    },
+                }]
+        }], propDecorators: { expanded: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }] } });
+
+class IDHeaderIneraGeneralNavItemMenuLinkComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeaderIneraGeneralNavItemMenuLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDHeaderIneraGeneralNavItemMenuLinkComponent, isStandalone: true, selector: "id-header-inera-general-nav-item-menu-link", host: { classAttribute: "ids-header-inera-general-nav__menu-item-wrapper" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeaderIneraGeneralNavItemMenuLinkComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "id-header-inera-general-nav-item-menu-link",
+                    template: `<ng-content></ng-content>`,
+                    standalone: true,
+                    host: {
+                        class: 'ids-header-inera-general-nav__menu-item-wrapper'
+                    }
+                }]
+        }] });
+
+class IDHeaderIneraGeneralModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeaderIneraGeneralModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: IDHeaderIneraGeneralModule, imports: [IDHeaderIneraGeneralComponent,
+            IDHeaderIneraGeneralItemComponent,
+            IDHeaderIneraGeneralNavComponent,
+            IDHeaderIneraGeneralNavItemComponent,
+            IDHeaderIneraGeneralMenuMobileComponent,
+            IDHeaderIneraGeneralSkipToContent,
+            IDHeaderIneraGeneralNavItemMenuLinkComponent,
+            IDHeaderIneraGeneralBrandLinkDirective], exports: [IDHeaderIneraGeneralComponent,
+            IDHeaderIneraGeneralItemComponent,
+            IDHeaderIneraGeneralNavComponent,
+            IDHeaderIneraGeneralNavItemComponent,
+            IDHeaderIneraGeneralMenuMobileComponent,
+            IDHeaderIneraGeneralSkipToContent,
+            IDHeaderIneraGeneralNavItemMenuLinkComponent,
+            IDHeaderIneraGeneralBrandLinkDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeaderIneraGeneralModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeaderIneraGeneralModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        IDHeaderIneraGeneralComponent,
+                        IDHeaderIneraGeneralItemComponent,
+                        IDHeaderIneraGeneralNavComponent,
+                        IDHeaderIneraGeneralNavItemComponent,
+                        IDHeaderIneraGeneralMenuMobileComponent,
+                        IDHeaderIneraGeneralSkipToContent,
+                        IDHeaderIneraGeneralNavItemMenuLinkComponent,
+                        IDHeaderIneraGeneralBrandLinkDirective,
+                    ],
+                    exports: [
+                        IDHeaderIneraGeneralComponent,
+                        IDHeaderIneraGeneralItemComponent,
+                        IDHeaderIneraGeneralNavComponent,
+                        IDHeaderIneraGeneralNavItemComponent,
+                        IDHeaderIneraGeneralMenuMobileComponent,
+                        IDHeaderIneraGeneralSkipToContent,
+                        IDHeaderIneraGeneralNavItemMenuLinkComponent,
+                        IDHeaderIneraGeneralBrandLinkDirective,
+                    ],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { IDHeaderIneraGeneralBrandLinkDirective, IDHeaderIneraGeneralComponent, IDHeaderIneraGeneralItemComponent, IDHeaderIneraGeneralMenuMobileComponent, IDHeaderIneraGeneralModule, IDHeaderIneraGeneralNavComponent, IDHeaderIneraGeneralNavItemComponent, IDHeaderIneraGeneralNavItemMenuLinkComponent, IDHeaderIneraGeneralSkipToContent };
+//# sourceMappingURL=inera-ids-angular-components-header-inera-general.mjs.map

package/fesm2022/inera-ids-angular-components-header-inera-general.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"inera-ids-angular-components-header-inera-general.mjs","sources":["../../../projects/ids-angular/components/header-inera-general/item/header-inera-general-item.component.ts","../../../projects/ids-angular/components/header-inera-general/nav/header-inera-general-nav.component.ts","../../../projects/ids-angular/components/header-inera-general/skip-to-content/header-inera-general-skip-to-content.component.ts","../../../projects/ids-angular/components/header-inera-general/brand-link/header-inera-general-brand-link.directive.ts","../../../projects/ids-angular/components/header-inera-general/header-inera-general.component.ts","../../../projects/ids-angular/components/header-inera-general/header-inera-general.component.html","../../../projects/ids-angular/components/header-inera-general/nav-item/header-inera-general-nav-item.component.ts","../../../projects/ids-angular/components/header-inera-general/menu-mobile/header-inera-general-menu-mobile.component.ts","../../../projects/ids-angular/components/header-inera-general/nav-item-menu-link/header-inera-general-nav-item-menu-link.component.ts","../../../projects/ids-angular/components/header-inera-general/header-inera-general.module.ts","../../../projects/ids-angular/components/header-inera-general/inera-ids-angular-components-header-inera-general.ts"],"sourcesContent":["import { Component, Input, booleanAttribute, inject } from '@angular/core';\nimport { ID_HEADER_CONTEXT, IDHeaderContext } from '@inera/ids-angular/common';\n\n@Component({\n  selector: 'id-header-inera-general-item',\n  template: `\n    <div class=\"ids-header-inera-general-item__icon\">\n        <ng-content name=[icon]></ng-content>\n        <span class=\"ids-icon-{{icon}}\" aria-hidden=\"true\"></span>\n    </div>\n    <ng-content></ng-content>`,\n  standalone: true,\n  host: {\n    class: 'ids-header-inera-general-item',\n    '[class.ids-header-inera-general-item--unresponsive]': 'header?.unresponsive',\n    '[class.ids-header-inera-general-item--mobile]': 'mobile'\n  }\n})\nexport class IDHeaderIneraGeneralItemComponent {\n\n  @Input({ transform: booleanAttribute }) mobile: boolean = false;\n  @Input() icon?: string;\n\n  header = inject<IDHeaderContext | null>(ID_HEADER_CONTEXT, { optional: true, host: true });\n}\n  ","import { Component, Input, TemplateRef, ViewChild, booleanAttribute } from \"@angular/core\";\n\n@Component({\n  selector: \"id-header-inera-general-nav\",\n  template: `\n    <ng-template #nav>\n      <div class=\"ids-header-inera-general-nav__nav-items\">      \n        <ng-content></ng-content>\n      </div>\n    </ng-template>`,\n  standalone: true\n})\nexport class IDHeaderIneraGeneralNavComponent {\n  @Input({ transform: booleanAttribute }) hideOnTablet: boolean = false;\n\n  @ViewChild('nav') template: TemplateRef<any>;\n}\n","import { Component } from \"@angular/core\";\n\n@Component({\n  selector: \"id-header-inera-general-skip-to-content\",\n  template: `<ng-content></ng-content>`,\n  standalone: true,\n  host: {\n    class: 'ids-header-inera-general__skip-to-content'\n  }\n})\nexport class IDHeaderIneraGeneralSkipToContent {}\n","import { Directive } from \"@angular/core\";\n\n@Directive({\n  selector: \"a[idBrandIneraGeneralLink]\",\n  standalone: true,\n})\nexport class IDHeaderIneraGeneralBrandLinkDirective {}\n","import { NgTemplateOutlet } from '@angular/common';\nimport {\n  Component,\n  ContentChild,\n  ContentChildren,\n  Input,\n  QueryList,\n  booleanAttribute,\n} from '@angular/core';\nimport { IDHeaderIneraGeneralItemComponent } from './item/header-inera-general-item.component';\nimport { IDHeaderIneraGeneralNavComponent } from './nav/header-inera-general-nav.component';\nimport { IDHeaderIneraGeneralSkipToContent } from './skip-to-content/header-inera-general-skip-to-content.component';\nimport { ID_HEADER_CONTEXT, IDHeaderContext } from '@inera/ids-angular/common';\nimport { IDHeaderIneraGeneralBrandLinkDirective } from './brand-link/header-inera-general-brand-link.directive';\n\n@Component({\n  selector: 'id-header-inera-general',\n  templateUrl: './header-inera-general.component.html',\n  standalone: true,\n  providers: [\n    {\n      provide: ID_HEADER_CONTEXT,\n      useExisting: IDHeaderIneraGeneralComponent,\n    },\n  ],\n  imports: [NgTemplateOutlet],\n})\nexport class IDHeaderIneraGeneralComponent implements IDHeaderContext {\n  @Input({ transform: booleanAttribute }) unresponsive: boolean = false;\n  @Input() brandText: string = '';\n\n  @ContentChildren(IDHeaderIneraGeneralItemComponent)\n  items: QueryList<IDHeaderIneraGeneralItemComponent>;\n\n  @ContentChild(IDHeaderIneraGeneralNavComponent)\n  nav: IDHeaderIneraGeneralNavComponent;\n\n  @ContentChild(IDHeaderIneraGeneralBrandLinkDirective)\n  brandLink: IDHeaderIneraGeneralBrandLinkDirective;\n\n  @ContentChild(IDHeaderIneraGeneralSkipToContent)\n  skipToContent: IDHeaderIneraGeneralSkipToContent;\n}\n","<header\n  class=\"ids-header-inera-general\"\n  [class.ids-header-inera-general--unresponsive]=\"unresponsive\"\n>\n  <ng-content select=\"id-header-inera-general-skip-to-content\"></ng-content>\n  <div class=\"ids-header-inera-general__container\">\n    <div class=\"ids-header-inera-general__inner\">\n      <div class=\"ids-header-inera-general__main\">\n        <div class=\"ids-header-inera-general__brand\">\n          @if (brandLink) {\n            <span class=\"ids-header-inera-general__brand-text\">{{ brandText }}</span>\n            <span class=\"ids-header-inera-general__brand-link\">\n              <ng-content select=\"[idBrandIneraGeneralLink]\"></ng-content>\n            </span>\n          } @else {\n            <h1 class=\"ids-header-inera-general__brand-text\">{{ brandText }}</h1>\n          }\n        </div>\n\n        @if (items) {\n          <div class=\"ids-header-inera-general__items\">\n            <ng-content select=\"id-header-inera-general-item\"></ng-content>\n            <ng-content select=\"id-header-inera-general-menu-mobile\"></ng-content>\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n  @if (nav) {\n    <nav\n      class=\"ids-header-inera-general-nav\"\n      [class.ids-header-inera-general-nav--unresponsive]=\"unresponsive\"\n      [class.ids-header-inera-general-nav--hide-on-tablet]=\"nav.hideOnTablet\"\n    >\n      <ng-container *ngTemplateOutlet=\"nav.template\"></ng-container>\n    </nav>\n  }\n</header>\n","import { NgTemplateOutlet } from \"@angular/common\";\nimport { Component, ContentChild, EventEmitter, Input, Output, TemplateRef, booleanAttribute, inject } from \"@angular/core\";\nimport { ID_HEADER_CONTEXT, IDHeaderContext, IDUseIdService, IDClickOutsideDirective, useEscapeKey } from \"@inera/ids-angular/common\";\n\n@Component({\n  selector: \"id-header-inera-general-nav-item\",\n  template: `\n  <div\n    idClickOutside\n    (idClickOutside)=\"closeItem()\">\n    @if (this.label) {\n      <button\n        [attr.aria-controls]=\"contentId\"\n        [attr.aria-expanded]=\"expanded\"\n        class=\"ids-header-inera-general-nav-item__button\"\n        (click)=\"toggleExpansion()\">\n        {{label}}\n      </button>\n    } @else {\n      <span class=\"ids-header-inera-general-nav-item__link\">\n        <ng-content select=\"[link]\"></ng-content>\n      </span>\n    }\n    <div [attr.id]=\"contentId\" \n      class=\"ids-header-inera-general-nav-item__menu\"\n      [class.ids-header-inera-general-nav-item__menu--expanded]=\"expanded\">\n      <div class=\"ids-header-inera-general-nav-item__menu-content\">\n        <div class=\"ids-header-inera-general-nav-item__menu-col-1\">\n          <ng-container *ngTemplateOutlet=\"col1\"></ng-container>\n        </div>\n        <div class=\"ids-header-inera-general-nav-item__menu-col-2\">\n          <ng-container *ngTemplateOutlet=\"col2\"></ng-container>\n        </div>\n        <div class=\"ids-header-inera-general-nav-item__menu-col-3\">\n          <ng-container *ngTemplateOutlet=\"col3\"></ng-container>\n        </div>\n        <div class=\"ids-header-inera-general-nav-item__menu-col-4\">\n          <ng-container *ngTemplateOutlet=\"col4\"></ng-container>\n        </div>\n      </div>\n    </div>\n  </div>`,\n  standalone: true,\n  imports: [IDClickOutsideDirective, NgTemplateOutlet],\n  host: {\n    class: 'ids-header-inera-general-nav-item',\n    '[class.ids-header-inera-general-nav-item--unresponsive]': 'header?.unresponsive',\n    '[class.ids-header-inera-general-nav-item--active]': 'active || expanded',\n    '[attr.aria-current]': 'active',\n    '[class.ids-header-inera-general-nav-item--expanded]': 'expanded'\n  }\n})\nexport class IDHeaderIneraGeneralNavItemComponent {\n  @Input() label?: string;\n\n  @Input({ transform: booleanAttribute }) active: boolean = false;\n  @Output() activeChange = new EventEmitter<boolean>();\n\n  @Input({ transform: booleanAttribute }) expanded: boolean = false;\n  @Output() expandedChange = new EventEmitter<boolean>();\n\n  @ContentChild('col1') col1: TemplateRef<any> | null = null;\n  @ContentChild('col2') col2: TemplateRef<any> | null = null;\n  @ContentChild('col3') col3: TemplateRef<any> | null = null;\n  @ContentChild('col4') col4: TemplateRef<any> | null = null;\n\n  private idService = inject(IDUseIdService);\n  protected contentId = this.idService.generateId('header-inera-general-nav-item');\n  header = inject<IDHeaderContext | null>(ID_HEADER_CONTEXT, { optional: true, host: true });\n\n  constructor() {\n    useEscapeKey(() => this.closeItem(), () => this.expanded);\n  }\n\n  toggleExpansion(): void {\n    if(this.expanded) {\n      this.closeItem();\n    } else {\n      this.expandItem();\n    }\n  }\n\n  expandItem(): void {\n    this.expanded = true;\n    this.expandedChange.emit(true);\n    this.activeChange.emit(true);\n  }\n\n  closeItem(): void {\n    this.expanded = false;\n    this.expandedChange.emit(false);\n    this.activeChange.emit(false);\n  }\n}\n","import { Component, Input, booleanAttribute, inject } from '@angular/core';\nimport { ID_HEADER_CONTEXT, IDHeaderContext } from '@inera/ids-angular/common';\n\n@Component({\n  selector: 'id-header-inera-general-menu-mobile',\n  template: `\n    <div\n      class=\"ids-header-inera-general-menu-mobile\"\n      [class.ids-header-inera-general-menu-mobile--unresponsive]=\"header?.unresponsive\"\n      [class.ids-header-inera-general-menu-mobile--expanded]=\"expanded\"\n    >\n      <button\n        (click)=\"toggleExpansion()\"\n        aria-label=\"Meny\"\n        [attr.aria-expanded]=\"expanded\"\n        class=\"ids-header-inera-general-menu-mobile__button\"\n      >\n        <div class=\"ids-hamburger\">\n          <span class=\"ids-hamburger__lines\"></span>\n        </div>\n      </button>\n      @if (expanded) {\n        <nav class=\"ids-header-inera-general-menu-mobile__items\">\n          <ng-content select=\"id-mobile-menu\"></ng-content>\n        </nav>\n      }\n    </div>\n  `,\n  standalone: true,\n  host: {\n    class: 'ids-header-inera-general__mobile-menu',\n  },\n})\nexport class IDHeaderIneraGeneralMenuMobileComponent {\n  @Input({ transform: booleanAttribute }) expanded: boolean = false;\n\n  header = inject<IDHeaderContext | null>(ID_HEADER_CONTEXT, { optional: true, host: true });\n\n  toggleExpansion() {\n    this.expanded = !this.expanded;\n  }\n}\n","import {\n  Component,\n} from \"@angular/core\";\n\n@Component({\n  selector: \"id-header-inera-general-nav-item-menu-link\",\n  template: `<ng-content></ng-content>`,\n  standalone: true,\n  host: {\n    class: 'ids-header-inera-general-nav__menu-item-wrapper'\n  }\n})\nexport class IDHeaderIneraGeneralNavItemMenuLinkComponent {\n}\n","import { NgModule } from '@angular/core';\n\nimport { IDHeaderIneraGeneralComponent } from './header-inera-general.component';\nimport { IDHeaderIneraGeneralItemComponent } from './item/header-inera-general-item.component';\nimport { IDHeaderIneraGeneralNavComponent } from './nav/header-inera-general-nav.component';\nimport { IDHeaderIneraGeneralNavItemComponent } from './nav-item/header-inera-general-nav-item.component';\nimport { IDHeaderIneraGeneralMenuMobileComponent } from './menu-mobile/header-inera-general-menu-mobile.component';\nimport { IDHeaderIneraGeneralSkipToContent } from './skip-to-content/header-inera-general-skip-to-content.component';\nimport { IDHeaderIneraGeneralNavItemMenuLinkComponent } from './nav-item-menu-link/header-inera-general-nav-item-menu-link.component';\n\nimport { IDHeaderIneraGeneralBrandLinkDirective } from './brand-link/header-inera-general-brand-link.directive';\n\n@NgModule({\n  imports: [\n    IDHeaderIneraGeneralComponent,\n    IDHeaderIneraGeneralItemComponent,\n    IDHeaderIneraGeneralNavComponent,\n    IDHeaderIneraGeneralNavItemComponent,\n    IDHeaderIneraGeneralMenuMobileComponent,\n    IDHeaderIneraGeneralSkipToContent,\n    IDHeaderIneraGeneralNavItemMenuLinkComponent,\n    IDHeaderIneraGeneralBrandLinkDirective,\n  ],\n  exports: [\n    IDHeaderIneraGeneralComponent,\n    IDHeaderIneraGeneralItemComponent,\n    IDHeaderIneraGeneralNavComponent,\n    IDHeaderIneraGeneralNavItemComponent,\n    IDHeaderIneraGeneralMenuMobileComponent,\n    IDHeaderIneraGeneralSkipToContent,\n    IDHeaderIneraGeneralNavItemMenuLinkComponent,\n    IDHeaderIneraGeneralBrandLinkDirective,\n  ],\n})\nexport class IDHeaderIneraGeneralModule {}\n","/**\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-header-inera.mjs

@@ -168,19 +168,17 @@ class IDHeaderIneraNavItemComponent {
         }
     }
     expandItem() {
-        this.active = true;
         this.expanded = true;
         this.expandedChange.emit(true);
         this.activeChange.emit(true);
     }
     closeItem() {
-        this.active = false;
         this.expanded = false;
         this.expandedChange.emit(false);
         this.activeChange.emit(false);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeaderIneraNavItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: IDHeaderIneraNavItemComponent, isStandalone: true, selector: "id-header-inera-nav-item", inputs: { label: "label", active: ["active", "active", booleanAttribute], expanded: ["expanded", "expanded", booleanAttribute] }, outputs: { activeChange: "activeChange", expandedChange: "expandedChange" }, host: { properties: { "class.ids-header-inera-nav-item--unresponsive": "header?.unresponsive", "class.ids-header-inera-nav-item--active": "active", "attr.aria-current": "active", "class.ids-header-inera-nav-item--expanded": "expanded" }, classAttribute: "ids-header-inera-nav-item" }, queries: [{ propertyName: "col1", first: true, predicate: ["col1"], descendants: true }, { propertyName: "col2", first: true, predicate: ["col2"], descendants: true }, { propertyName: "col3", first: true, predicate: ["col3"], descendants: true }, { propertyName: "col4", first: true, predicate: ["col4"], descendants: true }], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: IDHeaderIneraNavItemComponent, isStandalone: true, selector: "id-header-inera-nav-item", inputs: { label: "label", active: ["active", "active", booleanAttribute], expanded: ["expanded", "expanded", booleanAttribute] }, outputs: { activeChange: "activeChange", expandedChange: "expandedChange" }, host: { properties: { "class.ids-header-inera-nav-item--unresponsive": "header?.unresponsive", "class.ids-header-inera-nav-item--active": "active || expanded", "attr.aria-current": "active", "class.ids-header-inera-nav-item--expanded": "expanded" }, classAttribute: "ids-header-inera-nav-item" }, queries: [{ propertyName: "col1", first: true, predicate: ["col1"], descendants: true }, { propertyName: "col2", first: true, predicate: ["col2"], descendants: true }, { propertyName: "col3", first: true, predicate: ["col3"], descendants: true }, { propertyName: "col4", first: true, predicate: ["col4"], descendants: true }], ngImport: i0, template: `
   <div
     idClickOutside
     (idClickOutside)="closeItem()">
@@ -262,7 +260,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                     host: {
                         class: 'ids-header-inera-nav-item',
                         '[class.ids-header-inera-nav-item--unresponsive]': 'header?.unresponsive',
-                        '[class.ids-header-inera-nav-item--active]': 'active',
+                        '[class.ids-header-inera-nav-item--active]': 'active || expanded',
                         '[attr.aria-current]': 'active',
                         '[class.ids-header-inera-nav-item--expanded]': 'expanded'
                     }