npm - @inera/ids-angular - Versions diffs - 9.1.0 → 9.2.0 - Mend

@inera/ids-angular 9.1.0 → 9.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (91) hide show

package/fesm2022/inera-ids-angular-components-footer-inera-general.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"inera-ids-angular-components-footer-inera-general.mjs","sources":["../../../projects/ids-angular/components/footer-inera-general/footer-inera-general-col.component.ts","../../../projects/ids-angular/components/footer-inera-general/footer-inera-general.component.ts","../../../projects/ids-angular/components/footer-inera-general/footer-inera-general.component.html","../../../projects/ids-angular/components/footer-inera-general/footer-inera-general-text.component.ts","../../../projects/ids-angular/components/footer-inera-general/footer-inera-general-sub-footer-right.component.ts","../../../projects/ids-angular/components/footer-inera-general/footer-inera-general-sub-footer-left.component.ts","../../../projects/ids-angular/components/footer-inera-general/footer-inera-general-sub-footer-mobile.component.ts","../../../projects/ids-angular/components/footer-inera-general/footer-inera-general.module.ts","../../../projects/ids-angular/components/footer-inera-general/footer-inera-general-sub-footer-mobile-text.component.ts","../../../projects/ids-angular/components/footer-inera-general/inera-ids-angular-components-footer-inera-general.ts"],"sourcesContent":["import { Component, ContentChildren, DestroyRef, HostBinding, inject, QueryList } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { IDLinkDirective } from '@inera/ids-angular/components/link';\n\n@Component({\n selector: 'id-footer-inera-general-col',\n standalone: true,\n template: `<ng-content></ng-content>`,\n host: {\n class: 'ids-footer-inera-general__link-col'\n }\n})\nexport class IDFooterIneraGeneralColComponent {\n @ContentChildren(IDLinkDirective) links: QueryList<IDLinkDirective>;\n\n columnClass: string;\n\n @HostBinding('class')\n get hostClass() {\n return this.columnClass;\n }\n\n private destroyRef = inject(DestroyRef);\n\n private updateColumnClasses(): void {\n this.links.forEach((link) => {\n link.footer = true;\n link.block = true;\n })\n }\n\n ngAfterContentInit(): void {\n this.updateColumnClasses();\n this.links.changes.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {\n this.updateColumnClasses();\n });\n }\n}","import { CommonModule } from '@angular/common';\nimport { Component, ContentChildren, DestroyRef, inject, Input, QueryList } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { IDFooterIneraGeneralColComponent } from './footer-inera-general-col.component';\n\n@Component({\n selector: 'id-footer-inera-general',\n templateUrl: './footer-inera-general.component.html',\n standalone: true,\n imports: [CommonModule],\n})\nexport class IDFooterIneraGeneralComponent {\n @Input() headline: string;\n\n @ContentChildren(IDFooterIneraGeneralColComponent)\n cols!: QueryList<IDFooterIneraGeneralColComponent>;\n\n private destroyRef = inject(DestroyRef);\n\n private updateColumnClasses(): void {\n const colLength = this.cols?.length || 0;\n\n const classMap: Record<number, string> = {\n 1: 'ids-footer-inera-general__link-col--100',\n 2: 'ids-footer-inera-general__link-col--50',\n 3: 'ids-footer-inera-general__link-col--33',\n };\n\n const newClass = classMap[colLength] || classMap[1];\n\n this.cols?.forEach((col) => {\n col.columnClass = newClass;\n });\n }\n\n ngAfterContentInit(): void {\n this.updateColumnClasses();\n this.cols?.changes.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {\n this.updateColumnClasses();\n });\n }\n}\n","<footer class=\"ids-footer-inera-general\">\n <div class=\"ids-footer-inera-general__inner-wrapper\">\n <div class=\"ids-footer-inera-general__inner\">\n <div class=\"ids-footer-inera-general__headline-wrapper\">\n <h1 class=\"ids-footer-inera-general__headline\">\n {{ headline }}\n </h1>\n </div>\n\n <div class=\"ids-footer-inera-general__content\">\n <ng-content select=\"id-footer-inera-general-text\"></ng-content>\n @if (cols.length > 0) {\n <div class=\"ids-footer-inera-general__cols\">\n <ng-content select=\"id-footer-inera-general-col\"></ng-content>\n </div>\n }\n </div>\n </div>\n </div>\n\n <div class=\"ids-footer-inera-general__mobile-menu\">\n <ng-content select=\"id-mobile-menu\"></ng-content>\n </div>\n\n <div class=\"ids-footer-inera-general__sub-footer\">\n <div class=\"ids-footer-inera-general__sub-footer-container\">\n <div class=\"ids-footer-inera-general__sub-footer-inner\">\n <ng-content select=\"id-footer-inera-general-sub-footer-left\"></ng-content>\n <ng-content select=\"id-footer-inera-general-sub-footer-right\"></ng-content>\n <ng-content select=\"id-footer-inera-general-sub-footer-mobile\"></ng-content>\n </div>\n </div>\n\n <div class=\"ids-footer-inera-general__sub-footer-mobile\">\n <div class=\"ids-footer-inera-general__sub-footer-mobile-text\">\n <ng-content select=\"id-footer-inera-general-sub-footer-mobile-text\"></ng-content>\n </div>\n </div>\n </div>\n</footer>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'id-footer-inera-general-text',\n standalone: true,\n template: `\n <ng-content></ng-content>\n <div class=\"ids-footer-inera-general__darkmode-toggle\">\n <ng-content select=\"id-darkmode-toggle\"></ng-content>\n </div>\n `,\n host: {\n class: 'ids-footer-inera-general__text',\n },\n})\nexport class IDFooterIneraGeneralTextComponent {}\n","import { Component } from \"@angular/core\";\n\n@Component({\n selector: 'id-footer-inera-general-sub-footer-right',\n standalone: true,\n template: `<ng-content></ng-content>`,\n host: {\n class: 'ids-footer-inera-general__sub-footer-right'\n }\n})\nexport class IDFooterIneraGeneralSubFooterRightComponent {\n\n}","import { Component } from '@angular/core';\n\n@Component({\n selector: 'id-footer-inera-general-sub-footer-left',\n standalone: true,\n template: `<ng-content></ng-content>`,\n host: {\n class: 'ids-footer-inera-general__sub-footer-left'\n }\n})\nexport class IDFooterIneraGeneralSubFooterLeftComponent {\n\n}","import { Component } from '@angular/core';\n\n@Component({\n selector: 'id-footer-inera-general-sub-footer-mobile',\n standalone: true,\n template: `<ng-content></ng-content>`,\n host: {\n class: 'ids-footer-inera-general__mobile-links'\n }\n})\nexport class IDFooterIneraGeneralSubFooterMobileComponent {\n\n}","import { NgModule } from '@angular/core';\n\nimport { IDFooterIneraGeneralComponent } from './footer-inera-general.component';\nimport { IDFooterIneraGeneralTextComponent } from './footer-inera-general-text.component';\nimport { IDFooterIneraGeneralColComponent } from './footer-inera-general-col.component';\nimport { IDFooterIneraGeneralSubFooterRightComponent } from './footer-inera-general-sub-footer-right.component';\nimport { IDFooterIneraGeneralSubFooterLeftComponent } from './footer-inera-general-sub-footer-left.component';\nimport { IDFooterIneraGeneralSubFooterMobileComponent } from './footer-inera-general-sub-footer-mobile.component';\n\n@NgModule({\n imports: [\n IDFooterIneraGeneralComponent,\n IDFooterIneraGeneralTextComponent,\n IDFooterIneraGeneralColComponent,\n IDFooterIneraGeneralSubFooterRightComponent,\n IDFooterIneraGeneralSubFooterLeftComponent,\n IDFooterIneraGeneralSubFooterMobileComponent,\n ],\n exports: [\n IDFooterIneraGeneralComponent,\n IDFooterIneraGeneralTextComponent,\n IDFooterIneraGeneralColComponent,\n IDFooterIneraGeneralSubFooterRightComponent,\n IDFooterIneraGeneralSubFooterLeftComponent,\n IDFooterIneraGeneralSubFooterMobileComponent,\n ],\n})\nexport class IDFooterIneraGeneralModule {}\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'id-footer-inera-general-sub-footer-mobile-text',\n standalone: true,\n template: `<ng-content></ng-content>`,\n host: {\n class: 'ids-footer-inera-general__sub-footer-mobile-text'\n }\n})\nexport class IDFooterIneraGeneralSubFooterMobileTextComponent {\n\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-footer-inera.mjs CHANGED Viewed

@@ -67,11 +67,11 @@ class IDFooterIneraComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDFooterIneraComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: IDFooterIneraComponent, isStandalone: true, selector: "id-footer-inera", inputs: { headline: "headline" }, queries: [{ propertyName: "cols", predicate: IDFooterIneraColComponent }], ngImport: i0, template: "\n<footer class=\"ids-footer-inera\">\n  <div class=\"ids-footer-inera__inner-wrapper\">\n    <div class=\"ids-footer-inera__inner\">\n      <div class=\"ids-footer-inera__headline-wrapper\">\n        <h1 class=\"ids-footer-inera__headline\">\n          {{headline}}\n        </h1>\n      </div>\n\n      <div class=\"ids-footer-inera__content\">\n        <ng-content select=\"id-footer-inera-text\"></ng-content>\n        @if(cols.length > 0) {\n          <div class=\"ids-footer-inera__cols\">\n             <ng-content select=\"id-footer-inera-col\"></ng-content>\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n\n  <div class=\"ids-footer-inera__mobile-menu\">\n    <ng-content select=\"id-mobile-menu\"></ng-content>\n  </div>\n\n  <div class=\"ids-footer-inera__sub-footer\">\n    <div class=\"ids-footer-inera__sub-footer-container\">\n      <div class=\"ids-footer-inera__sub-footer-inner\">\n        <ng-content select=\"id-footer-inera-sub-footer-left\"></ng-content>\n        <ng-content select=\"id-footer-inera-sub-footer-right\"></ng-content>\n        <ng-content select=\"id-footer-inera-sub-footer-mobile\"></ng-content>\n      </div>\n    </div>\n\n    <div class=\"ids-footer-inera__sub-footer-mobile\">\n      <div class=\"ids-footer-inera__sub-footer-mobile-text\">\n        <p> 1177 drivs av <a href=\"https://www.inera.se\"\n            class=\"ids-link ids-link--icon ids-link--small ids-link--underlined ids-link--color-3\">\n            <span>Inera AB<span class=\"ids-icon-external-link-small ids-icon--text-end\"></span></span>\n          </a> p\u00E5 uppdrag av Sveriges regioner</p>\n      </div>\n    </div>\n  </div>\n</footer>", dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: IDFooterIneraComponent, isStandalone: true, selector: "id-footer-inera", inputs: { headline: "headline" }, queries: [{ propertyName: "cols", predicate: IDFooterIneraColComponent }], ngImport: i0, template: "<footer class=\"ids-footer-inera\">\n  <div class=\"ids-footer-inera__inner-wrapper\">\n    <div class=\"ids-footer-inera__inner\">\n      <div class=\"ids-footer-inera__headline-wrapper\">\n        <h1 class=\"ids-footer-inera__headline\">\n          {{ headline }}\n        </h1>\n      </div>\n\n      <div class=\"ids-footer-inera__content\">\n        <ng-content select=\"id-footer-inera-text\"></ng-content>\n        @if (cols.length > 0) {\n          <div class=\"ids-footer-inera__cols\">\n            <ng-content select=\"id-footer-inera-col\"></ng-content>\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n\n  <div class=\"ids-footer-inera__mobile-menu\">\n    <ng-content select=\"id-mobile-menu\"></ng-content>\n  </div>\n\n  <div class=\"ids-footer-inera__sub-footer\">\n    <div class=\"ids-footer-inera__sub-footer-container\">\n      <div class=\"ids-footer-inera__sub-footer-inner\">\n        <ng-content select=\"id-footer-inera-sub-footer-left\"></ng-content>\n        <ng-content select=\"id-footer-inera-sub-footer-right\"></ng-content>\n        <ng-content select=\"id-footer-inera-sub-footer-mobile\"></ng-content>\n      </div>\n    </div>\n\n    <div class=\"ids-footer-inera__sub-footer-mobile\">\n      <ng-content select=\"id-footer-inera-sub-footer-mobile-text\"></ng-content>\n    </div>\n  </div>\n</footer>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDFooterIneraComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'id-footer-inera', standalone: true, imports: [CommonModule], template: "\n<footer class=\"ids-footer-inera\">\n  <div class=\"ids-footer-inera__inner-wrapper\">\n    <div class=\"ids-footer-inera__inner\">\n      <div class=\"ids-footer-inera__headline-wrapper\">\n        <h1 class=\"ids-footer-inera__headline\">\n          {{headline}}\n        </h1>\n      </div>\n\n      <div class=\"ids-footer-inera__content\">\n        <ng-content select=\"id-footer-inera-text\"></ng-content>\n        @if(cols.length > 0) {\n          <div class=\"ids-footer-inera__cols\">\n             <ng-content select=\"id-footer-inera-col\"></ng-content>\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n\n  <div class=\"ids-footer-inera__mobile-menu\">\n    <ng-content select=\"id-mobile-menu\"></ng-content>\n  </div>\n\n  <div class=\"ids-footer-inera__sub-footer\">\n    <div class=\"ids-footer-inera__sub-footer-container\">\n      <div class=\"ids-footer-inera__sub-footer-inner\">\n        <ng-content select=\"id-footer-inera-sub-footer-left\"></ng-content>\n        <ng-content select=\"id-footer-inera-sub-footer-right\"></ng-content>\n        <ng-content select=\"id-footer-inera-sub-footer-mobile\"></ng-content>\n      </div>\n    </div>\n\n    <div class=\"ids-footer-inera__sub-footer-mobile\">\n      <div class=\"ids-footer-inera__sub-footer-mobile-text\">\n        <p> 1177 drivs av <a href=\"https://www.inera.se\"\n            class=\"ids-link ids-link--icon ids-link--small ids-link--underlined ids-link--color-3\">\n            <span>Inera AB<span class=\"ids-icon-external-link-small ids-icon--text-end\"></span></span>\n          </a> p\u00E5 uppdrag av Sveriges regioner</p>\n      </div>\n    </div>\n  </div>\n</footer>" }]
+            args: [{ selector: 'id-footer-inera', standalone: true, imports: [CommonModule], template: "<footer class=\"ids-footer-inera\">\n  <div class=\"ids-footer-inera__inner-wrapper\">\n    <div class=\"ids-footer-inera__inner\">\n      <div class=\"ids-footer-inera__headline-wrapper\">\n        <h1 class=\"ids-footer-inera__headline\">\n          {{ headline }}\n        </h1>\n      </div>\n\n      <div class=\"ids-footer-inera__content\">\n        <ng-content select=\"id-footer-inera-text\"></ng-content>\n        @if (cols.length > 0) {\n          <div class=\"ids-footer-inera__cols\">\n            <ng-content select=\"id-footer-inera-col\"></ng-content>\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n\n  <div class=\"ids-footer-inera__mobile-menu\">\n    <ng-content select=\"id-mobile-menu\"></ng-content>\n  </div>\n\n  <div class=\"ids-footer-inera__sub-footer\">\n    <div class=\"ids-footer-inera__sub-footer-container\">\n      <div class=\"ids-footer-inera__sub-footer-inner\">\n        <ng-content select=\"id-footer-inera-sub-footer-left\"></ng-content>\n        <ng-content select=\"id-footer-inera-sub-footer-right\"></ng-content>\n        <ng-content select=\"id-footer-inera-sub-footer-mobile\"></ng-content>\n      </div>\n    </div>\n\n    <div class=\"ids-footer-inera__sub-footer-mobile\">\n      <ng-content select=\"id-footer-inera-sub-footer-mobile-text\"></ng-content>\n    </div>\n  </div>\n</footer>\n" }]
         }], propDecorators: { headline: [{
                 type: Input
             }], cols: [{
@@ -153,6 +153,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                 }]
         }] });
+class IDFooterIneraSubFooterMobileTextComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDFooterIneraSubFooterMobileTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDFooterIneraSubFooterMobileTextComponent, isStandalone: true, selector: "id-footer-inera-sub-footer-mobile-text", host: { classAttribute: "ids-footer-inera__sub-footer-mobile-text" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDFooterIneraSubFooterMobileTextComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'id-footer-inera-sub-footer-mobile-text',
+                    standalone: true,
+                    template: `<ng-content></ng-content>`,
+                    host: {
+                        class: 'ids-footer-inera__sub-footer-mobile-text'
+                    }
+                }]
+        }] });
 class IDFooterIneraModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDFooterIneraModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: IDFooterIneraModule, imports: [IDFooterIneraComponent,
@@ -160,12 +176,14 @@ class IDFooterIneraModule {
             IDFooterIneraColComponent,
             IDFooterIneraSubFooterRightComponent,
             IDFooterIneraSubFooterLeftComponent,
-            IDFooterIneraSubFooterMobileComponent], exports: [IDFooterIneraComponent,
+            IDFooterIneraSubFooterMobileComponent,
+            IDFooterIneraSubFooterMobileTextComponent], exports: [IDFooterIneraComponent,
             IDFooterIneraTextComponent,
             IDFooterIneraColComponent,
             IDFooterIneraSubFooterRightComponent,
             IDFooterIneraSubFooterLeftComponent,
-            IDFooterIneraSubFooterMobileComponent] });
+            IDFooterIneraSubFooterMobileComponent,
+            IDFooterIneraSubFooterMobileTextComponent] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDFooterIneraModule, imports: [IDFooterIneraComponent] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDFooterIneraModule, decorators: [{
@@ -178,6 +196,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                         IDFooterIneraSubFooterRightComponent,
                         IDFooterIneraSubFooterLeftComponent,
                         IDFooterIneraSubFooterMobileComponent,
+                        IDFooterIneraSubFooterMobileTextComponent
                     ],
                     exports: [
                         IDFooterIneraComponent,
@@ -186,6 +205,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                         IDFooterIneraSubFooterRightComponent,
                         IDFooterIneraSubFooterLeftComponent,
                         IDFooterIneraSubFooterMobileComponent,
+                        IDFooterIneraSubFooterMobileTextComponent
                     ],
                 }]
         }] });
@@ -194,5 +214,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
  * Generated bundle index. Do not edit.
  */
-export { IDFooterIneraColComponent, IDFooterIneraComponent, IDFooterIneraModule, IDFooterIneraSubFooterLeftComponent, IDFooterIneraSubFooterMobileComponent, IDFooterIneraSubFooterRightComponent, IDFooterIneraTextComponent };
+export { IDFooterIneraColComponent, IDFooterIneraComponent, IDFooterIneraModule, IDFooterIneraSubFooterLeftComponent, IDFooterIneraSubFooterMobileComponent, IDFooterIneraSubFooterMobileTextComponent, IDFooterIneraSubFooterRightComponent, IDFooterIneraTextComponent };
 //# sourceMappingURL=inera-ids-angular-components-footer-inera.mjs.map

package/fesm2022/inera-ids-angular-components-footer-inera.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"inera-ids-angular-components-footer-inera.mjs","sources":["../../../projects/ids-angular/components/footer-inera/footer-inera-col.component.ts","../../../projects/ids-angular/components/footer-inera/footer-inera.component.ts","../../../projects/ids-angular/components/footer-inera/footer-inera.component.html","../../../projects/ids-angular/components/footer-inera/footer-inera-text.component.ts","../../../projects/ids-angular/components/footer-inera/footer-inera-sub-footer-right.component.ts","../../../projects/ids-angular/components/footer-inera/footer-inera-sub-footer-left.component.ts","../../../projects/ids-angular/components/footer-inera/footer-inera-sub-footer-mobile.component.ts","../../../projects/ids-angular/components/footer-inera/footer-inera.module.ts","../../../projects/ids-angular/components/footer-inera/inera-ids-angular-components-footer-inera.ts"],"sourcesContent":["import { Component, ContentChildren, DestroyRef, HostBinding, inject, QueryList } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { IDLinkDirective } from '@inera/ids-angular/components/link';\n\n@Component({\n selector: 'id-footer-inera-col',\n standalone: true,\n template: `<ng-content></ng-content>`,\n host: {\n class: 'ids-footer-inera__link-col'\n }\n})\nexport class IDFooterIneraColComponent {\n @ContentChildren(IDLinkDirective) links: QueryList<IDLinkDirective>;\n\n columnClass: string;\n\n @HostBinding('class')\n get hostClass() {\n return this.columnClass;\n }\n\n private destroyRef = inject(DestroyRef);\n\n private updateColumnClasses(): void {\n this.links.forEach((link) => {\n link.footer = true;\n link.block = true;\n })\n }\n\n ngAfterContentInit(): void {\n this.updateColumnClasses();\n this.links.changes.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {\n this.updateColumnClasses();\n });\n }\n}","import { CommonModule } from '@angular/common';\nimport { Component, ContentChildren, DestroyRef, inject, Input, QueryList } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { IDFooterIneraColComponent } from './footer-inera-col.component';\n\n@Component({\n selector: 'id-footer-inera',\n templateUrl: './footer-inera.component.html',\n standalone: true,\n imports: [CommonModule],\n})\nexport class IDFooterIneraComponent {\n @Input() headline: string;\n\n @ContentChildren(IDFooterIneraColComponent) \n cols!: QueryList<IDFooterIneraColComponent>;\n\n private destroyRef = inject(DestroyRef);\n\n private updateColumnClasses(): void {\n const colLength = this.cols?.length \|\| 0;\n \n const classMap: Record<number, string> = {\n 1: \"ids-footer-inera__link-col--100\",\n 2: \"ids-footer-inera__link-col--50\",\n 3: \"ids-footer-inera__link-col--33\"\n };\n\n const newClass = classMap[colLength] \|\| classMap[1];\n\n this.cols?.forEach((col) => {\n col.columnClass = newClass;\n });\n }\n\n ngAfterContentInit(): void {\n this.updateColumnClasses();\n this.cols?.changes.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {\n this.updateColumnClasses();\n });\n }\n}\n","\n<footer class=\"ids-footer-inera\">\n <div class=\"ids-footer-inera__inner-wrapper\">\n <div class=\"ids-footer-inera__inner\">\n <div class=\"ids-footer-inera__headline-wrapper\">\n <h1 class=\"ids-footer-inera__headline\">\n {{headline}}\n </h1>\n </div>\n\n <div class=\"ids-footer-inera__content\">\n <ng-content select=\"id-footer-inera-text\"></ng-content>\n @if(cols.length > 0) {\n <div class=\"ids-footer-inera__cols\">\n <ng-content select=\"id-footer-inera-col\"></ng-content>\n </div>\n }\n </div>\n </div>\n </div>\n\n <div class=\"ids-footer-inera__mobile-menu\">\n <ng-content select=\"id-mobile-menu\"></ng-content>\n </div>\n\n <div class=\"ids-footer-inera__sub-footer\">\n <div class=\"ids-footer-inera__sub-footer-container\">\n <div class=\"ids-footer-inera__sub-footer-inner\">\n <ng-content select=\"id-footer-inera-sub-footer-left\"></ng-content>\n <ng-content select=\"id-footer-inera-sub-footer-right\"></ng-content>\n <ng-content select=\"id-footer-inera-sub-footer-mobile\"></ng-content>\n </div>\n </div>\n\n <div class=\"ids-footer-inera__sub-footer-mobile\">\n <div class=\"ids-footer-inera__sub-footer-mobile-text\">\n <p> 1177 drivs av <a href=\"https://www.inera.se\"\n class=\"ids-link ids-link--icon ids-link--small ids-link--underlined ids-link--color-3\">\n <span>Inera AB<span class=\"ids-icon-external-link-small ids-icon--text-end\"></span></span>\n </a> på uppdrag av Sveriges regioner</p>\n </div>\n </div>\n </div>\n</footer>","import { Component } from '@angular/core';\n\n@Component({\n selector: 'id-footer-inera-text',\n standalone: true,\n template: `\n <ng-content></ng-content>\n <div class=\"ids-footer-inera__darkmode-toggle\">\n <ng-content select=\"id-darkmode-toggle\"></ng-content>\n </div>\n `,\n host: {\n class: 'ids-footer-inera__text',\n },\n})\nexport class IDFooterIneraTextComponent {}\n","import { Component } from \"@angular/core\";\n\n@Component({\n selector: 'id-footer-inera-sub-footer-right',\n standalone: true,\n template: `<ng-content></ng-content>`,\n host: {\n class: 'ids-footer-inera__sub-footer-right'\n }\n})\nexport class IDFooterIneraSubFooterRightComponent {\n\n}","import { Component } from '@angular/core';\n\n@Component({\n selector: 'id-footer-inera-sub-footer-left',\n standalone: true,\n template: `<ng-content></ng-content>`,\n host: {\n class: 'ids-footer-inera__sub-footer-left'\n }\n})\nexport class IDFooterIneraSubFooterLeftComponent {\n\n}","import { Component } from '@angular/core';\n\n@Component({\n selector: 'id-footer-inera-sub-footer-mobile',\n standalone: true,\n template: `<ng-content></ng-content>`,\n host: {\n class: 'ids-footer-inera__mobile-links'\n }\n})\nexport class IDFooterIneraSubFooterMobileComponent {\n\n}","import { NgModule } from '@angular/core';\n\nimport { IDFooterIneraComponent } from './footer-inera.component';\nimport { IDFooterIneraTextComponent } from './footer-inera-text.component';\nimport { IDFooterIneraColComponent } from './footer-inera-col.component';\nimport { IDFooterIneraSubFooterRightComponent } from './footer-inera-sub-footer-right.component';\nimport { IDFooterIneraSubFooterLeftComponent } from './footer-inera-sub-footer-left.component';\nimport { IDFooterIneraSubFooterMobileComponent } from './footer-inera-sub-footer-mobile.component';\n\n@NgModule({\n imports: [\n IDFooterIneraComponent,\n IDFooterIneraTextComponent,\n IDFooterIneraColComponent,\n IDFooterIneraSubFooterRightComponent,\n IDFooterIneraSubFooterLeftComponent,\n IDFooterIneraSubFooterMobileComponent,\n ],\n exports: [\n IDFooterIneraComponent,\n IDFooterIneraTextComponent,\n IDFooterIneraColComponent,\n IDFooterIneraSubFooterRightComponent,\n IDFooterIneraSubFooterLeftComponent,\n IDFooterIneraSubFooterMobileComponent,\n ],\n})\nexport class IDFooterIneraModule {}","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;;;MAYa,yBAAyB,CAAA;AACF,IAAA,KAAK;AAEvC,IAAA,WAAW;AAEX,IAAA,IACI,SAAS,GAAA;QACX,OAAO,IAAI,CAAC,WAAW;IACzB;AAEQ,IAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;IAE/B,mBAAmB,GAAA;QACzB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,KAAI;AAC1B,YAAA,IAAI,CAAC,MAAM,GAAG,IAAI;AAClB,YAAA,IAAI,CAAC,KAAK,GAAG,IAAI;AACnB,QAAA,CAAC,CAAC;IACJ;IAEA,kBAAkB,GAAA;QAChB,IAAI,CAAC,mBAAmB,EAAE;AAC1B,QAAA,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,MAAK;YAC1E,IAAI,CAAC,mBAAmB,EAAE;AAC5B,QAAA,CAAC,CAAC;IACJ;wGAxBW,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAzB,yBAAyB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,gBAAA,EAAA,EAAA,cAAA,EAAA,4BAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,OAAA,EAAA,SAAA,EACnB,eAAe,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EANtB,CAAA,yBAAA,CAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;4FAK1B,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBARrC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,qBAAqB;AAC/B,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,CAAA,yBAAA,CAA2B;AACrC,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE;AACR;AACF,iBAAA;8BAEmC,KAAK,EAAA,CAAA;sBAAtC,eAAe;uBAAC,eAAe;gBAK5B,SAAS,EAAA,CAAA;sBADZ,WAAW;uBAAC,OAAO;;;MCNT,sBAAsB,CAAA;AACxB,IAAA,QAAQ;AAGjB,IAAA,IAAI;AAEI,IAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;IAE/B,mBAAmB,GAAA;QACzB,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,EAAE,MAAM,IAAI,CAAC;AAExC,QAAA,MAAM,QAAQ,GAA2B;AACvC,YAAA,CAAC,EAAE,iCAAiC;AACpC,YAAA,CAAC,EAAE,gCAAgC;AACnC,YAAA,CAAC,EAAE;SACJ;QAED,MAAM,QAAQ,GAAG,QAAQ,CAAC,SAAS,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC;QAEnD,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,GAAG,KAAI;AACzB,YAAA,GAAG,CAAC,WAAW,GAAG,QAAQ;AAC5B,QAAA,CAAC,CAAC;IACJ;IAEA,kBAAkB,GAAA;QAChB,IAAI,CAAC,mBAAmB,EAAE;AAC1B,QAAA,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,MAAK;YAC1E,IAAI,CAAC,mBAAmB,EAAE;AAC5B,QAAA,CAAC,CAAC;IACJ;wGA7BW,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAtB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,MAAA,EAAA,SAAA,EAGhB,yBAAyB,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECd5C,8oDA2CS,2CDlCG,YAAY,EAAA,CAAA,EAAA,CAAA;;4FAEX,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBANlC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,EAAA,UAAA,EAEf,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,CAAC,EAAA,QAAA,EAAA,8oDAAA,EAAA;8BAGd,QAAQ,EAAA,CAAA;sBAAhB;gBAGD,IAAI,EAAA,CAAA;sBADH,eAAe;uBAAC,yBAAyB;;;MEC/B,0BAA0B,CAAA;wGAA1B,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA1B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,wBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAV3B;;;;;AAKT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;4FAKU,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAbtC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE;;;;;AAKT,EAAA,CAAA;AACD,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE,wBAAwB;AAChC,qBAAA;AACF,iBAAA;;;MCJY,oCAAoC,CAAA;wGAApC,oCAAoC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAApC,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,oCAAoC,4JALrC,CAAA,yBAAA,CAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;4FAK1B,oCAAoC,EAAA,UAAA,EAAA,CAAA;kBARhD,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,kCAAkC;AAC5C,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,CAAA,yBAAA,CAA2B;AACrC,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE;AACR;AACF,iBAAA;;;MCCY,mCAAmC,CAAA;wGAAnC,mCAAmC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAnC,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,mCAAmC,0JALpC,CAAA,yBAAA,CAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;4FAK1B,mCAAmC,EAAA,UAAA,EAAA,CAAA;kBAR/C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,iCAAiC;AAC3C,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,CAAA,yBAAA,CAA2B;AACrC,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE;AACR;AACF,iBAAA;;;MCCY,qCAAqC,CAAA;wGAArC,qCAAqC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAArC,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,qCAAqC,yJALtC,CAAA,yBAAA,CAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;4FAK1B,qCAAqC,EAAA,UAAA,EAAA,CAAA;kBARjD,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,mCAAmC;AAC7C,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,CAAA,yBAAA,CAA2B;AACrC,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE;AACR;AACF,iBAAA;;;MCkBY,mBAAmB,CAAA;wGAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;AAAnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,YAhB5B,sBAAsB;YACtB,0BAA0B;YAC1B,yBAAyB;YACzB,oCAAoC;YACpC,mCAAmC;AACnC,YAAA,qCAAqC,aAGrC,sBAAsB;YACtB,0BAA0B;YAC1B,yBAAyB;YACzB,oCAAoC;YACpC,mCAAmC;YACnC,qCAAqC,CAAA,EAAA,CAAA;AAG5B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,YAhB5B,sBAAsB,CAAA,EAAA,CAAA;;4FAgBb,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAlB/B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE;wBACP,sBAAsB;wBACtB,0BAA0B;wBAC1B,yBAAyB;wBACzB,oCAAoC;wBACpC,mCAAmC;wBACnC,qCAAqC;AACtC,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,sBAAsB;wBACtB,0BAA0B;wBAC1B,yBAAyB;wBACzB,oCAAoC;wBACpC,mCAAmC;wBACnC,qCAAqC;AACtC,qBAAA;AACF,iBAAA;;;AC1BD;;AAEG;;;;"}
1	+ {"version":3,"file":"inera-ids-angular-components-footer-inera.mjs","sources":["../../../projects/ids-angular/components/footer-inera/footer-inera-col.component.ts","../../../projects/ids-angular/components/footer-inera/footer-inera.component.ts","../../../projects/ids-angular/components/footer-inera/footer-inera.component.html","../../../projects/ids-angular/components/footer-inera/footer-inera-text.component.ts","../../../projects/ids-angular/components/footer-inera/footer-inera-sub-footer-right.component.ts","../../../projects/ids-angular/components/footer-inera/footer-inera-sub-footer-left.component.ts","../../../projects/ids-angular/components/footer-inera/footer-inera-sub-footer-mobile.component.ts","../../../projects/ids-angular/components/footer-inera/footer-inera-sub-footer-mobile-text.component.ts","../../../projects/ids-angular/components/footer-inera/footer-inera.module.ts","../../../projects/ids-angular/components/footer-inera/inera-ids-angular-components-footer-inera.ts"],"sourcesContent":["import { Component, ContentChildren, DestroyRef, HostBinding, inject, QueryList } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { IDLinkDirective } from '@inera/ids-angular/components/link';\n\n@Component({\n selector: 'id-footer-inera-col',\n standalone: true,\n template: `<ng-content></ng-content>`,\n host: {\n class: 'ids-footer-inera__link-col'\n }\n})\nexport class IDFooterIneraColComponent {\n @ContentChildren(IDLinkDirective) links: QueryList<IDLinkDirective>;\n\n columnClass: string;\n\n @HostBinding('class')\n get hostClass() {\n return this.columnClass;\n }\n\n private destroyRef = inject(DestroyRef);\n\n private updateColumnClasses(): void {\n this.links.forEach((link) => {\n link.footer = true;\n link.block = true;\n })\n }\n\n ngAfterContentInit(): void {\n this.updateColumnClasses();\n this.links.changes.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {\n this.updateColumnClasses();\n });\n }\n}","import { CommonModule } from '@angular/common';\nimport { Component, ContentChildren, DestroyRef, inject, Input, QueryList } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { IDFooterIneraColComponent } from './footer-inera-col.component';\n\n@Component({\n selector: 'id-footer-inera',\n templateUrl: './footer-inera.component.html',\n standalone: true,\n imports: [CommonModule],\n})\nexport class IDFooterIneraComponent {\n @Input() headline: string;\n\n @ContentChildren(IDFooterIneraColComponent) \n cols!: QueryList<IDFooterIneraColComponent>;\n\n private destroyRef = inject(DestroyRef);\n\n private updateColumnClasses(): void {\n const colLength = this.cols?.length \|\| 0;\n \n const classMap: Record<number, string> = {\n 1: \"ids-footer-inera__link-col--100\",\n 2: \"ids-footer-inera__link-col--50\",\n 3: \"ids-footer-inera__link-col--33\"\n };\n\n const newClass = classMap[colLength] \|\| classMap[1];\n\n this.cols?.forEach((col) => {\n col.columnClass = newClass;\n });\n }\n\n ngAfterContentInit(): void {\n this.updateColumnClasses();\n this.cols?.changes.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {\n this.updateColumnClasses();\n });\n }\n}\n","<footer class=\"ids-footer-inera\">\n <div class=\"ids-footer-inera__inner-wrapper\">\n <div class=\"ids-footer-inera__inner\">\n <div class=\"ids-footer-inera__headline-wrapper\">\n <h1 class=\"ids-footer-inera__headline\">\n {{ headline }}\n </h1>\n </div>\n\n <div class=\"ids-footer-inera__content\">\n <ng-content select=\"id-footer-inera-text\"></ng-content>\n @if (cols.length > 0) {\n <div class=\"ids-footer-inera__cols\">\n <ng-content select=\"id-footer-inera-col\"></ng-content>\n </div>\n }\n </div>\n </div>\n </div>\n\n <div class=\"ids-footer-inera__mobile-menu\">\n <ng-content select=\"id-mobile-menu\"></ng-content>\n </div>\n\n <div class=\"ids-footer-inera__sub-footer\">\n <div class=\"ids-footer-inera__sub-footer-container\">\n <div class=\"ids-footer-inera__sub-footer-inner\">\n <ng-content select=\"id-footer-inera-sub-footer-left\"></ng-content>\n <ng-content select=\"id-footer-inera-sub-footer-right\"></ng-content>\n <ng-content select=\"id-footer-inera-sub-footer-mobile\"></ng-content>\n </div>\n </div>\n\n <div class=\"ids-footer-inera__sub-footer-mobile\">\n <ng-content select=\"id-footer-inera-sub-footer-mobile-text\"></ng-content>\n </div>\n </div>\n</footer>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'id-footer-inera-text',\n standalone: true,\n template: `\n <ng-content></ng-content>\n <div class=\"ids-footer-inera__darkmode-toggle\">\n <ng-content select=\"id-darkmode-toggle\"></ng-content>\n </div>\n `,\n host: {\n class: 'ids-footer-inera__text',\n },\n})\nexport class IDFooterIneraTextComponent {}\n","import { Component } from \"@angular/core\";\n\n@Component({\n selector: 'id-footer-inera-sub-footer-right',\n standalone: true,\n template: `<ng-content></ng-content>`,\n host: {\n class: 'ids-footer-inera__sub-footer-right'\n }\n})\nexport class IDFooterIneraSubFooterRightComponent {\n\n}","import { Component } from '@angular/core';\n\n@Component({\n selector: 'id-footer-inera-sub-footer-left',\n standalone: true,\n template: `<ng-content></ng-content>`,\n host: {\n class: 'ids-footer-inera__sub-footer-left'\n }\n})\nexport class IDFooterIneraSubFooterLeftComponent {\n\n}","import { Component } from '@angular/core';\n\n@Component({\n selector: 'id-footer-inera-sub-footer-mobile',\n standalone: true,\n template: `<ng-content></ng-content>`,\n host: {\n class: 'ids-footer-inera__mobile-links'\n }\n})\nexport class IDFooterIneraSubFooterMobileComponent {\n\n}","import { Component } from '@angular/core';\n\n@Component({\n selector: 'id-footer-inera-sub-footer-mobile-text',\n standalone: true,\n template: `<ng-content></ng-content>`,\n host: {\n class: 'ids-footer-inera__sub-footer-mobile-text'\n }\n})\nexport class IDFooterIneraSubFooterMobileTextComponent {\n\n}","import { NgModule } from '@angular/core';\n\nimport { IDFooterIneraComponent } from './footer-inera.component';\nimport { IDFooterIneraTextComponent } from './footer-inera-text.component';\nimport { IDFooterIneraColComponent } from './footer-inera-col.component';\nimport { IDFooterIneraSubFooterRightComponent } from './footer-inera-sub-footer-right.component';\nimport { IDFooterIneraSubFooterLeftComponent } from './footer-inera-sub-footer-left.component';\nimport { IDFooterIneraSubFooterMobileComponent } from './footer-inera-sub-footer-mobile.component';\nimport { IDFooterIneraSubFooterMobileTextComponent } from './footer-inera-sub-footer-mobile-text.component';\n\n@NgModule({\n imports: [\n IDFooterIneraComponent,\n IDFooterIneraTextComponent,\n IDFooterIneraColComponent,\n IDFooterIneraSubFooterRightComponent,\n IDFooterIneraSubFooterLeftComponent,\n IDFooterIneraSubFooterMobileComponent,\n IDFooterIneraSubFooterMobileTextComponent\n ],\n exports: [\n IDFooterIneraComponent,\n IDFooterIneraTextComponent,\n IDFooterIneraColComponent,\n IDFooterIneraSubFooterRightComponent,\n IDFooterIneraSubFooterLeftComponent,\n IDFooterIneraSubFooterMobileComponent,\n IDFooterIneraSubFooterMobileTextComponent\n ],\n})\nexport class IDFooterIneraModule {}","/*\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-global-alert.mjs CHANGED Viewed

@@ -53,7 +53,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
 class IDGlobalAlertComponent {
     useId = inject(IDUseIdService);
     contentId = this.useId.generateId('global-alert');
-    hideMobileIcon = false;
     agent = false;
     srExpandText = "Visa mer";
     srCollapseText = "Visa mindre";
@@ -80,8 +79,6 @@ class IDGlobalAlertComponent {
             classes.push('ids-global-alert--collapsed');
         if (this.agent)
             classes.push('ids-global-alert--agent');
-        if (this.hideMobileIcon && !this.agent)
-            classes.push('ids-global-alert--hide-icon-on-m');
         return classes.join(' ');
     }
     toggleExpanded() {
@@ -95,18 +92,15 @@ class IDGlobalAlertComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDGlobalAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: IDGlobalAlertComponent, isStandalone: true, selector: "id-global-alert", inputs: { hideMobileIcon: ["hideMobileIcon", "hideMobileIcon", booleanAttribute], agent: ["agent", "agent", booleanAttribute], srExpandText: "srExpandText", srCollapseText: "srCollapseText", collapsed: "collapsed" }, outputs: { collapsedChange: "collapsedChange", closed: "closed", opened: "opened" }, host: { properties: { "attr.role": "hostRole", "class": "hostClasses" } }, queries: [{ propertyName: "header", first: true, predicate: IDGlobalAlertHeaderComponent, descendants: true }, { propertyName: "actions", first: true, predicate: IDGlobalAlertActionsComponent, descendants: true }], ngImport: i0, template: "<div class=\"ids-global-alert__inner\">\n  <div class=\"ids-global-alert__header\">\n    <button class=\"ids-global-alert__button\" [class.ids-global-alert__button--expanded]=\"!collapsed\"\n      [attr.aria-label]=\"this.collapsed ? this.srExpandText : this.srCollapseText\" [attr.aria-controls]=\"contentId\"\n      [attr.aria-expanded]=\"!collapsed\" (click)=\"toggleExpanded()\">\n      <div class=\"ids-global-alert__icon-headline\" [class.ids-global-alert__icon-headline--agent]=\"agent\">\n        @if (header) {\n        <div class=\"ids-global-alert__headline\">\n          <ng-container *ngTemplateOutlet=\"header.template\"></ng-container>\n        </div>\n        }\n      </div>\n    </button>\n  </div>\n\n  <div [attr.id]=\"contentId\" class=\"ids-global-alert__content\" [attr.aria-hidden]=\"collapsed ? 'true' : 'false'\">\n    <ng-content select=\":not(id-global-alert-header):not(id-global-alert-actions)\"></ng-content>\n    @if (actions) {\n      <div class=\"ids-global-alert__sub-content\">\n        <ng-container *ngTemplateOutlet=\"actions.template\"></ng-container>\n      </div>\n      }\n  </div>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: IDGlobalAlertComponent, isStandalone: true, selector: "id-global-alert", inputs: { agent: ["agent", "agent", booleanAttribute], srExpandText: "srExpandText", srCollapseText: "srCollapseText", collapsed: "collapsed" }, outputs: { collapsedChange: "collapsedChange", closed: "closed", opened: "opened" }, host: { properties: { "attr.role": "hostRole", "class": "hostClasses" } }, queries: [{ propertyName: "header", first: true, predicate: IDGlobalAlertHeaderComponent, descendants: true }, { propertyName: "actions", first: true, predicate: IDGlobalAlertActionsComponent, descendants: true }], ngImport: i0, template: "<div class=\"ids-global-alert__inner\">\n  <div class=\"ids-global-alert__header\">\n    <button\n      class=\"ids-global-alert__button\"\n      [class.ids-global-alert__button--expanded]=\"!collapsed\"\n      [attr.aria-label]=\"this.collapsed ? this.srExpandText : this.srCollapseText\"\n      [attr.aria-controls]=\"contentId\"\n      [attr.aria-expanded]=\"!collapsed\"\n      (click)=\"toggleExpanded()\"\n    >\n      <div\n        class=\"ids-global-alert__icon-headline\"\n        [class.ids-global-alert__icon-headline--agent]=\"agent\"\n      >\n        @if (header) {\n          <div class=\"ids-global-alert__headline\">\n            <ng-container *ngTemplateOutlet=\"header.template\"></ng-container>\n          </div>\n        }\n      </div>\n    </button>\n  </div>\n\n  <div\n    [attr.id]=\"contentId\"\n    class=\"ids-global-alert__content\"\n    [attr.aria-hidden]=\"collapsed ? 'true' : 'false'\"\n  >\n    <ng-content select=\":not(id-global-alert-header):not(id-global-alert-actions)\"></ng-content>\n  </div>\n  @if (actions) {\n    <div class=\"ids-global-alert__sub-content\">\n      <ng-container *ngTemplateOutlet=\"actions.template\"></ng-container>\n    </div>\n  }\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDGlobalAlertComponent, decorators: [{
             type: Component,
             args: [{ selector: "id-global-alert", imports: [CommonModule], standalone: true, host: {
                         '[attr.role]': 'hostRole',
                         '[class]': 'hostClasses',
-                    }, template: "<div class=\"ids-global-alert__inner\">\n  <div class=\"ids-global-alert__header\">\n    <button class=\"ids-global-alert__button\" [class.ids-global-alert__button--expanded]=\"!collapsed\"\n      [attr.aria-label]=\"this.collapsed ? this.srExpandText : this.srCollapseText\" [attr.aria-controls]=\"contentId\"\n      [attr.aria-expanded]=\"!collapsed\" (click)=\"toggleExpanded()\">\n      <div class=\"ids-global-alert__icon-headline\" [class.ids-global-alert__icon-headline--agent]=\"agent\">\n        @if (header) {\n        <div class=\"ids-global-alert__headline\">\n          <ng-container *ngTemplateOutlet=\"header.template\"></ng-container>\n        </div>\n        }\n      </div>\n    </button>\n  </div>\n\n  <div [attr.id]=\"contentId\" class=\"ids-global-alert__content\" [attr.aria-hidden]=\"collapsed ? 'true' : 'false'\">\n    <ng-content select=\":not(id-global-alert-header):not(id-global-alert-actions)\"></ng-content>\n    @if (actions) {\n      <div class=\"ids-global-alert__sub-content\">\n        <ng-container *ngTemplateOutlet=\"actions.template\"></ng-container>\n      </div>\n      }\n  </div>\n</div>" }]
-        }], propDecorators: { hideMobileIcon: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], agent: [{
+                    }, template: "<div class=\"ids-global-alert__inner\">\n  <div class=\"ids-global-alert__header\">\n    <button\n      class=\"ids-global-alert__button\"\n      [class.ids-global-alert__button--expanded]=\"!collapsed\"\n      [attr.aria-label]=\"this.collapsed ? this.srExpandText : this.srCollapseText\"\n      [attr.aria-controls]=\"contentId\"\n      [attr.aria-expanded]=\"!collapsed\"\n      (click)=\"toggleExpanded()\"\n    >\n      <div\n        class=\"ids-global-alert__icon-headline\"\n        [class.ids-global-alert__icon-headline--agent]=\"agent\"\n      >\n        @if (header) {\n          <div class=\"ids-global-alert__headline\">\n            <ng-container *ngTemplateOutlet=\"header.template\"></ng-container>\n          </div>\n        }\n      </div>\n    </button>\n  </div>\n\n  <div\n    [attr.id]=\"contentId\"\n    class=\"ids-global-alert__content\"\n    [attr.aria-hidden]=\"collapsed ? 'true' : 'false'\"\n  >\n    <ng-content select=\":not(id-global-alert-header):not(id-global-alert-actions)\"></ng-content>\n  </div>\n  @if (actions) {\n    <div class=\"ids-global-alert__sub-content\">\n      <ng-container *ngTemplateOutlet=\"actions.template\"></ng-container>\n    </div>\n  }\n</div>\n" }]
+        }], propDecorators: { agent: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
             }], srExpandText: [{

package/fesm2022/inera-ids-angular-components-global-alert.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"inera-ids-angular-components-global-alert.mjs","sources":["../../../projects/ids-angular/components/global-alert/global-alert-header.component.ts","../../../projects/ids-angular/components/global-alert/global-alert-actions.component.ts","../../../projects/ids-angular/components/global-alert/global-alert.component.ts","../../../projects/ids-angular/components/global-alert/global-alert.component.html","../../../projects/ids-angular/components/global-alert/inera-ids-angular-components-global-alert.ts"],"sourcesContent":["import { Component, TemplateRef, ViewChild } from '@angular/core';\n\n@Component({\n selector: 'id-global-alert-header',\n standalone: true,\n template: `\n <ng-template>\n <ng-content></ng-content>\n </ng-template>`\n})\nexport class IDGlobalAlertHeaderComponent {\n\n @ViewChild(TemplateRef) template: TemplateRef<any>;\n\n}\n","import { Component, TemplateRef, ViewChild } from '@angular/core';\n\n@Component({\n selector: 'id-global-alert-actions',\n standalone: true,\n template: `\n <ng-template>\n <ng-content></ng-content>\n </ng-template>`\n})\nexport class IDGlobalAlertActionsComponent {\n\n @ViewChild(TemplateRef) template: TemplateRef<any>;\n\n}\n","import { Component, ContentChild, EventEmitter, Input, Output, booleanAttribute, inject } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { IDGlobalAlertHeaderComponent } from \"./global-alert-header.component\";\nimport { IDGlobalAlertActionsComponent } from \"./global-alert-actions.component\";\nimport { IDUseIdService } from \"@inera/ids-angular/common\";\n\n@Component({\n selector: \"id-global-alert\",\n templateUrl: \"./global-alert.component.html\",\n imports: [CommonModule],\n standalone: true,\n host: {\n '[attr.role]': 'hostRole',\n '[class]': 'hostClasses',\n }\n})\nexport class IDGlobalAlertComponent {\n\n private useId = inject(IDUseIdService);\n protected contentId = this.useId.generateId('global-alert');\n\n @Input({ transform: booleanAttribute }) ~~hideMobileIcon: boolean = false;\n @Input({ transform: booleanAttribute })~~ agent: boolean = false;\n @Input() srExpandText: string = \"Visa mer\";\n @Input() srCollapseText: string = \"Visa mindre\";\n\n private _collapsed: boolean = true;\n @Input()\n get collapsed(): boolean {\n return this._collapsed;\n }\n set collapsed(value: boolean) {\n if (this._collapsed !== value) {\n this._collapsed = value;\n }\n }\n\n @ContentChild(IDGlobalAlertHeaderComponent)\n header: IDGlobalAlertHeaderComponent;\n\n @ContentChild(IDGlobalAlertActionsComponent)\n actions: IDGlobalAlertActionsComponent;\n\n @Output() collapsedChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n @Output() closed: EventEmitter<void> = new EventEmitter<void>();\n @Output() opened: EventEmitter<void> = new EventEmitter<void>();\n\n get hostRole(): string \| null {\n return !this.agent ? 'alert' : null;\n }\n\n get hostClasses(): string {\n const classes = ['ids-global-alert'];\n\n if (this.collapsed) classes.push('ids-global-alert--collapsed');\n if (this.agent) classes.push('ids-global-alert--agent');\n ~~if (this.hideMobileIcon && !this.agent) classes.push('ids-global-alert--hide-icon-on-m');\n~~\n return classes.join(' ');\n }\n\n toggleExpanded(): void {\n this._collapsed = !this.collapsed;\n this.collapsedChange.emit(this._collapsed);\n if(this.collapsed) {\n this.closed.emit();\n } else {\n this.opened.emit();\n }\n }\n}","<div class=\"ids-global-alert__inner\">\n <div class=\"ids-global-alert__header\">\n <button class=\"ids-global-alert__button\" [class.ids-global-alert__button--expanded]=\"!collapsed\"\n [attr.aria-label]=\"this.collapsed ? this.srExpandText : this.srCollapseText\" [attr.aria-controls]=\"contentId\"\n [attr.aria-expanded]=\"!collapsed\" (click)=\"toggleExpanded()\">\n <div class=\"ids-global-alert__icon-headline\" [class.ids-global-alert__icon-headline--agent]=\"agent\">\n @if (header) {\n <div class=\"ids-global-alert__headline\">\n <ng-container ngTemplateOutlet=\"header.template\"></ng-container>\n </div>\n }\n </div>\n </button>\n </div>\n\n <div [attr.id]=\"contentId\" class=\"ids-global-alert__content\" [attr.aria-hidden]=\"collapsed ? 'true' : 'false'\">\n <ng-content select=\":not(id-global-alert-header):not(id-global-alert-actions)\"></ng-content>\n @if (actions) {\n <div class=\"ids-global-alert__sub-content\">\n <ng-container ngTemplateOutlet=\"actions.template\"></ng-container>\n </div>\n }\n </div>\n~~</div>~~","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;;;MAUa,4BAA4B,CAAA;AAEf,IAAA,QAAQ;wGAFrB,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAA5B,4BAA4B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAE5B,WAAW,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAPZ;;;AAGO,kBAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;4FAEN,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBARxC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,wBAAwB;AAClC,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE;;;AAGO,kBAAA;AAClB,iBAAA;8BAGyB,QAAQ,EAAA,CAAA;sBAA/B,SAAS;uBAAC,WAAW;;;MCFX,6BAA6B,CAAA;AAEhB,IAAA,QAAQ;wGAFrB,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAA7B,6BAA6B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAE7B,WAAW,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAPZ;;;AAGO,kBAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;4FAEN,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBARzC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,yBAAyB;AACnC,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE;;;AAGO,kBAAA;AAClB,iBAAA;8BAGyB,QAAQ,EAAA,CAAA;sBAA/B,SAAS;uBAAC,WAAW;;;MCIX,sBAAsB,CAAA;AAEzB,IAAA,KAAK,GAAG,MAAM,CAAC,cAAc,CAAC;IAC5B,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC;IAEnB,~~cAAc,GAAY,~~KAAK~~;IAC/B~~,~~KAAK,~~GAAY,KAAK;IACrD,YAAY,GAAW,UAAU;IACjC,cAAc,GAAW,aAAa;IAEvC,UAAU,GAAY,IAAI;AAClC,IAAA,IACI,SAAS,GAAA;QACX,OAAO,IAAI,CAAC,UAAU;IACxB;IACA,IAAI,SAAS,CAAC,KAAc,EAAA;AAC1B,QAAA,IAAI,IAAI,CAAC,UAAU,KAAK,KAAK,EAAE;AAC7B,YAAA,IAAI,CAAC,UAAU,GAAG,KAAK;QACzB;IACF;AAGA,IAAA,MAAM;AAGN,IAAA,OAAO;AAEG,IAAA,eAAe,GAA0B,IAAI,YAAY,EAAW;AACpE,IAAA,MAAM,GAAuB,IAAI,YAAY,EAAQ;AACrD,IAAA,MAAM,GAAuB,IAAI,YAAY,EAAQ;AAE/D,IAAA,IAAI,QAAQ,GAAA;AACV,QAAA,OAAO,CAAC,IAAI,CAAC,KAAK,GAAG,OAAO,GAAG,IAAI;IACrC;AAEA,IAAA,IAAI,WAAW,GAAA;AACb,QAAA,MAAM,OAAO,GAAG,CAAC,kBAAkB,CAAC;QAEpC,IAAI,IAAI,CAAC,SAAS;AAAE,YAAA,OAAO,CAAC,IAAI,CAAC,6BAA6B,CAAC;QAC/D,IAAI,IAAI,CAAC,KAAK;AAAE,YAAA,OAAO,CAAC,IAAI,CAAC,yBAAyB,CAAC;~~AACvD~~,QAAA,~~IAAI,IAAI,CAAC,cAAc,IAAI,CAAC,IAAI,CAAC,KAAK;AAAE,YAAA,~~OAAO,~~CAAC,IAAI,CAAC,kCAAkC,CAAC;AAExF,QAAA,~~OAAO,~~OAAO,~~CAAC,IAAI,CAAC,GAAG,CAAC;IAC1B;IAEA,cAAc,GAAA;AACZ,QAAA,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,SAAS;QACjC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC;AAC1C,QAAA,IAAG,IAAI,CAAC,SAAS,EAAE;AACjB,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;QACpB;aAAO;AACL,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;QACpB;IACF;~~wGArDW~~,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,~~cAAA,EAAA,CAAA,gBAAA,EAAA,gBAAA,EAKb,gBAAgB,CAAA,EAAA,~~KAAA,EAAA,CAAA,OAAA,EAAA,OAAA,~~EAChB~~,gBAAgB,CAAA,EAAA,YAAA,EAAA,cAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,OAAA,EAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,QAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,WAAA,EAAA,UAAA,EAAA,OAAA,EAAA,aAAA,EAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,QAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAetB,4BAA4B,~~EAAA~~,~~WAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,SAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAG5B,~~6BAA6B,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,~~ECxC7C~~,~~8mCAuBM~~,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,~~EDdM~~,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FAOX,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAVlC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,WAElB,CAAC,YAAY,CAAC,EAAA,UAAA,EACX,IAAI,EAAA,IAAA,EACV;AACJ,wBAAA,aAAa,EAAE,UAAU;AACzB,wBAAA,SAAS,EAAE,aAAa;AACzB,qBAAA,EAAA,QAAA,EAAA,~~8mCAAA~~,EAAA;8BAOuC,~~cAAc,EAAA,CAAA;sBAArD,~~KAAK~~;uBAAC~~,~~EAAE,SAAS,EAAE,gBAAgB,EAAE;gBACE,KAAK,~~EAAA,CAAA;sBAA5C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAC7B,YAAY,EAAA,CAAA;sBAApB;gBACQ,cAAc,EAAA,CAAA;sBAAtB;gBAIG,SAAS,EAAA,CAAA;sBADZ;gBAWD,MAAM,EAAA,CAAA;sBADL,YAAY;uBAAC,4BAA4B;gBAI1C,OAAO,EAAA,CAAA;sBADN,YAAY;uBAAC,6BAA6B;gBAGjC,eAAe,EAAA,CAAA;sBAAxB;gBACS,MAAM,EAAA,CAAA;sBAAf;gBACS,MAAM,EAAA,CAAA;sBAAf;;;~~AE7CH~~;;AAEG;;;;"}
1	+ {"version":3,"file":"inera-ids-angular-components-global-alert.mjs","sources":["../../../projects/ids-angular/components/global-alert/global-alert-header.component.ts","../../../projects/ids-angular/components/global-alert/global-alert-actions.component.ts","../../../projects/ids-angular/components/global-alert/global-alert.component.ts","../../../projects/ids-angular/components/global-alert/global-alert.component.html","../../../projects/ids-angular/components/global-alert/inera-ids-angular-components-global-alert.ts"],"sourcesContent":["import { Component, TemplateRef, ViewChild } from '@angular/core';\n\n@Component({\n selector: 'id-global-alert-header',\n standalone: true,\n template: `\n <ng-template>\n <ng-content></ng-content>\n </ng-template>`\n})\nexport class IDGlobalAlertHeaderComponent {\n\n @ViewChild(TemplateRef) template: TemplateRef<any>;\n\n}\n","import { Component, TemplateRef, ViewChild } from '@angular/core';\n\n@Component({\n selector: 'id-global-alert-actions',\n standalone: true,\n template: `\n <ng-template>\n <ng-content></ng-content>\n </ng-template>`\n})\nexport class IDGlobalAlertActionsComponent {\n\n @ViewChild(TemplateRef) template: TemplateRef<any>;\n\n}\n","import { Component, ContentChild, EventEmitter, Input, Output, booleanAttribute, inject } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { IDGlobalAlertHeaderComponent } from \"./global-alert-header.component\";\nimport { IDGlobalAlertActionsComponent } from \"./global-alert-actions.component\";\nimport { IDUseIdService } from \"@inera/ids-angular/common\";\n\n@Component({\n selector: \"id-global-alert\",\n templateUrl: \"./global-alert.component.html\",\n imports: [CommonModule],\n standalone: true,\n host: {\n '[attr.role]': 'hostRole',\n '[class]': 'hostClasses',\n }\n})\nexport class IDGlobalAlertComponent {\n\n private useId = inject(IDUseIdService);\n protected contentId = this.useId.generateId('global-alert');\n\n @Input({ transform: booleanAttribute }) agent: boolean = false;\n @Input() srExpandText: string = \"Visa mer\";\n @Input() srCollapseText: string = \"Visa mindre\";\n\n private _collapsed: boolean = true;\n @Input()\n get collapsed(): boolean {\n return this._collapsed;\n }\n set collapsed(value: boolean) {\n if (this._collapsed !== value) {\n this._collapsed = value;\n }\n }\n\n @ContentChild(IDGlobalAlertHeaderComponent)\n header: IDGlobalAlertHeaderComponent;\n\n @ContentChild(IDGlobalAlertActionsComponent)\n actions: IDGlobalAlertActionsComponent;\n\n @Output() collapsedChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n @Output() closed: EventEmitter<void> = new EventEmitter<void>();\n @Output() opened: EventEmitter<void> = new EventEmitter<void>();\n\n get hostRole(): string \| null {\n return !this.agent ? 'alert' : null;\n }\n\n get hostClasses(): string {\n const classes = ['ids-global-alert'];\n\n if (this.collapsed) classes.push('ids-global-alert--collapsed');\n if (this.agent) classes.push('ids-global-alert--agent');\n\n return classes.join(' ');\n }\n\n toggleExpanded(): void {\n this._collapsed = !this.collapsed;\n this.collapsedChange.emit(this._collapsed);\n if(this.collapsed) {\n this.closed.emit();\n } else {\n this.opened.emit();\n }\n }\n}","<div class=\"ids-global-alert__inner\">\n <div class=\"ids-global-alert__header\">\n <button\n class=\"ids-global-alert__button\"\n [class.ids-global-alert__button--expanded]=\"!collapsed\"\n [attr.aria-label]=\"this.collapsed ? this.srExpandText : this.srCollapseText\"\n [attr.aria-controls]=\"contentId\"\n [attr.aria-expanded]=\"!collapsed\"\n (click)=\"toggleExpanded()\"\n >\n <div\n class=\"ids-global-alert__icon-headline\"\n [class.ids-global-alert__icon-headline--agent]=\"agent\"\n >\n @if (header) {\n <div class=\"ids-global-alert__headline\">\n <ng-container ngTemplateOutlet=\"header.template\"></ng-container>\n </div>\n }\n </div>\n </button>\n </div>\n\n <div\n [attr.id]=\"contentId\"\n class=\"ids-global-alert__content\"\n [attr.aria-hidden]=\"collapsed ? 'true' : 'false'\"\n >\n <ng-content select=\":not(id-global-alert-header):not(id-global-alert-actions)\"></ng-content>\n </div>\n @if (actions) {\n <div class=\"ids-global-alert__sub-content\">\n <ng-container ngTemplateOutlet=\"actions.template\"></ng-container>\n </div>\n }\n</div>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;;;MAUa,4BAA4B,CAAA;AAEf,IAAA,QAAQ;wGAFrB,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAA5B,4BAA4B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAE5B,WAAW,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAPZ;;;AAGO,kBAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;4FAEN,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBARxC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,wBAAwB;AAClC,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE;;;AAGO,kBAAA;AAClB,iBAAA;8BAGyB,QAAQ,EAAA,CAAA;sBAA/B,SAAS;uBAAC,WAAW;;;MCFX,6BAA6B,CAAA;AAEhB,IAAA,QAAQ;wGAFrB,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAA7B,6BAA6B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAE7B,WAAW,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAPZ;;;AAGO,kBAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;4FAEN,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBARzC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,yBAAyB;AACnC,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE;;;AAGO,kBAAA;AAClB,iBAAA;8BAGyB,QAAQ,EAAA,CAAA;sBAA/B,SAAS;uBAAC,WAAW;;;MCIX,sBAAsB,CAAA;AAEzB,IAAA,KAAK,GAAG,MAAM,CAAC,cAAc,CAAC;IAC5B,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC;IAEnB,KAAK,GAAY,KAAK;IACrD,YAAY,GAAW,UAAU;IACjC,cAAc,GAAW,aAAa;IAEvC,UAAU,GAAY,IAAI;AAClC,IAAA,IACI,SAAS,GAAA;QACX,OAAO,IAAI,CAAC,UAAU;IACxB;IACA,IAAI,SAAS,CAAC,KAAc,EAAA;AAC1B,QAAA,IAAI,IAAI,CAAC,UAAU,KAAK,KAAK,EAAE;AAC7B,YAAA,IAAI,CAAC,UAAU,GAAG,KAAK;QACzB;IACF;AAGA,IAAA,MAAM;AAGN,IAAA,OAAO;AAEG,IAAA,eAAe,GAA0B,IAAI,YAAY,EAAW;AACpE,IAAA,MAAM,GAAuB,IAAI,YAAY,EAAQ;AACrD,IAAA,MAAM,GAAuB,IAAI,YAAY,EAAQ;AAE/D,IAAA,IAAI,QAAQ,GAAA;AACV,QAAA,OAAO,CAAC,IAAI,CAAC,KAAK,GAAG,OAAO,GAAG,IAAI;IACrC;AAEA,IAAA,IAAI,WAAW,GAAA;AACb,QAAA,MAAM,OAAO,GAAG,CAAC,kBAAkB,CAAC;QAEpC,IAAI,IAAI,CAAC,SAAS;AAAE,YAAA,OAAO,CAAC,IAAI,CAAC,6BAA6B,CAAC;QAC/D,IAAI,IAAI,CAAC,KAAK;AAAE,YAAA,OAAO,CAAC,IAAI,CAAC,yBAAyB,CAAC;AAEvD,QAAA,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;IAC1B;IAEA,cAAc,GAAA;AACZ,QAAA,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,SAAS;QACjC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC;AAC1C,QAAA,IAAG,IAAI,CAAC,SAAS,EAAE;AACjB,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;QACpB;aAAO;AACL,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;QACpB;IACF;wGAnDW,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAKb,gBAAgB,CAAA,EAAA,YAAA,EAAA,cAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,OAAA,EAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,QAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,WAAA,EAAA,UAAA,EAAA,OAAA,EAAA,aAAA,EAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,QAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAetB,4BAA4B,0EAG5B,6BAA6B,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECvC7C,yrCAoCA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,ED3BY,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FAOX,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAVlC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,WAElB,CAAC,YAAY,CAAC,EAAA,UAAA,EACX,IAAI,EAAA,IAAA,EACV;AACJ,wBAAA,aAAa,EAAE,UAAU;AACzB,wBAAA,SAAS,EAAE,aAAa;AACzB,qBAAA,EAAA,QAAA,EAAA,yrCAAA,EAAA;8BAOuC,KAAK,EAAA,CAAA;sBAA5C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAC7B,YAAY,EAAA,CAAA;sBAApB;gBACQ,cAAc,EAAA,CAAA;sBAAtB;gBAIG,SAAS,EAAA,CAAA;sBADZ;gBAWD,MAAM,EAAA,CAAA;sBADL,YAAY;uBAAC,4BAA4B;gBAI1C,OAAO,EAAA,CAAA;sBADN,YAAY;uBAAC,6BAA6B;gBAGjC,eAAe,EAAA,CAAA;sBAAxB;gBACS,MAAM,EAAA,CAAA;sBAAf;gBACS,MAAM,EAAA,CAAA;sBAAf;;;AE5CH;;AAEG;;;;"}

package/fesm2022/inera-ids-angular-components-header-1177-admin.mjs CHANGED Viewed

@@ -4,8 +4,8 @@ import { EventEmitter, inject, booleanAttribute, ViewChild, Output, Input, Compo
 import { IDUseIdService, ID_HEADER_CONTEXT, useFocusTrap, useEscapeKey, IDClickOutsideDirective } from '@inera/ids-angular/common';
 class IDHeader1177AdminAvatarComponent {
-    username = "";
-    unit = "";
+    username = '';
+    unit = '';
     persistent = false;
     expanded = false;
     expandedChange = new EventEmitter();
@@ -47,78 +47,110 @@ class IDHeader1177AdminAvatarComponent {
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeader1177AdminAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: IDHeader1177AdminAvatarComponent, isStandalone: true, selector: "id-header-1177-admin-avatar", inputs: { username: "username", unit: "unit", persistent: ["persistent", "persistent", booleanAttribute], expanded: ["expanded", "expanded", booleanAttribute] }, outputs: { expandedChange: "expandedChange", opened: "opened", closed: "closed" }, host: { properties: { "class.ids-header-1177-admin-avatar--unresponsive": "header?.unresponsive" }, classAttribute: "ids-header-1177-admin-avatar" }, viewQueries: [{ propertyName: "menuContent", first: true, predicate: ["menuContent"], descendants: true }], ngImport: i0, template: `
-    <div class="ids-header-1177-admin-avatar__avatar"
-    idClickOutside
-    (idClickOutside)="handleCloseEvent()">
-      <div #menuContent class="ids-header-1177-admin-avatar__menu-wrapper">
-        <button
-        (click)="toggleAvatar()"
-        [attr.aria-controls]="contentId"
-        class="ids-header-1177-admin-avatar__button"
-        [class.ids-header-1177-admin-avatar__button--expanded]="expanded"
-        [attr.aria-expanded]="expanded">
-          <div class="ids-header-1177-admin-avatar__name" [attr.title]="username">
-            {{username}}
-            @if(unit) {
-              <span class="ids-header-1177-admin-avatar__unit-separator">|</span>
-              <span [attr.title]="unit" class="ids-header-1177-admin-avatar__unit">{{unit}} </span>
-            }
+    <div
+      class="ids-header-1177-admin-avatar__avatar"
+      idClickOutside
+      (idClickOutside)="handleCloseEvent()"
+    >
+      <div
+        #menuContent
+        class="ids-header-1177-admin-avatar__menu-wrapper"
+      >
+        <button
+          (click)="toggleAvatar()"
+          [attr.aria-controls]="contentId"
+          class="ids-header-1177-admin-avatar__button"
+          [class.ids-header-1177-admin-avatar__button--expanded]="expanded"
+          [attr.aria-expanded]="expanded"
+        >
+          <div
+            class="ids-header-1177-admin-avatar__name"
+            [attr.title]="username"
+          >
+            {{ username }}
           </div>
+          @if (unit) {
+            <div
+              [attr.title]="unit"
+              class="ids-header-1177-admin-avatar__unit"
+            >
+              {{ unit }}
+            </div>
+          }
         </button>
-        @if(expanded){
-          <div [attr.id]="contentId"
-          class="ids-header-1177-admin-avatar__menu ids-header-1177-admin-avatar__menu--mobile-menu"
-          [class.ids-header-1177-admin-avatar__menu--expanded]="expanded">
-          <ng-content select="id-header-1177-admin-avatar-agent"></ng-content>
-          <div class="ids-header-1177-admin-avatar__menu-links">
-            <ng-content></ng-content>
+        @if (expanded) {
+          <div
+            [attr.id]="contentId"
+            class="ids-header-1177-admin-avatar__menu ids-header-1177-admin-avatar__menu--mobile-menu"
+            [class.ids-header-1177-admin-avatar__menu--expanded]="expanded"
+          >
+            <ng-content select="id-header-1177-admin-avatar-agent"></ng-content>
+            <div class="ids-header-1177-admin-avatar__menu-links">
+              <ng-content></ng-content>
+            </div>
           </div>
-        </div>
         }
+      </div>
     </div>
   `, isInline: true, dependencies: [{ kind: "directive", type: IDClickOutsideDirective, selector: "[idClickOutside]", outputs: ["idClickOutside"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeader1177AdminAvatarComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: "id-header-1177-admin-avatar",
+                    selector: 'id-header-1177-admin-avatar',
                     template: `
-    <div class="ids-header-1177-admin-avatar__avatar"
-    idClickOutside
-    (idClickOutside)="handleCloseEvent()">
-      <div #menuContent class="ids-header-1177-admin-avatar__menu-wrapper">
-        <button
-        (click)="toggleAvatar()"
-        [attr.aria-controls]="contentId"
-        class="ids-header-1177-admin-avatar__button"
-        [class.ids-header-1177-admin-avatar__button--expanded]="expanded"
-        [attr.aria-expanded]="expanded">
-          <div class="ids-header-1177-admin-avatar__name" [attr.title]="username">
-            {{username}}
-            @if(unit) {
-              <span class="ids-header-1177-admin-avatar__unit-separator">|</span>
-              <span [attr.title]="unit" class="ids-header-1177-admin-avatar__unit">{{unit}} </span>
-            }
+    <div
+      class="ids-header-1177-admin-avatar__avatar"
+      idClickOutside
+      (idClickOutside)="handleCloseEvent()"
+    >
+      <div
+        #menuContent
+        class="ids-header-1177-admin-avatar__menu-wrapper"
+      >
+        <button
+          (click)="toggleAvatar()"
+          [attr.aria-controls]="contentId"
+          class="ids-header-1177-admin-avatar__button"
+          [class.ids-header-1177-admin-avatar__button--expanded]="expanded"
+          [attr.aria-expanded]="expanded"
+        >
+          <div
+            class="ids-header-1177-admin-avatar__name"
+            [attr.title]="username"
+          >
+            {{ username }}
           </div>
+          @if (unit) {
+            <div
+              [attr.title]="unit"
+              class="ids-header-1177-admin-avatar__unit"
+            >
+              {{ unit }}
+            </div>
+          }
         </button>
-        @if(expanded){
-          <div [attr.id]="contentId"
-          class="ids-header-1177-admin-avatar__menu ids-header-1177-admin-avatar__menu--mobile-menu"
-          [class.ids-header-1177-admin-avatar__menu--expanded]="expanded">
-          <ng-content select="id-header-1177-admin-avatar-agent"></ng-content>
-          <div class="ids-header-1177-admin-avatar__menu-links">
-            <ng-content></ng-content>
+        @if (expanded) {
+          <div
+            [attr.id]="contentId"
+            class="ids-header-1177-admin-avatar__menu ids-header-1177-admin-avatar__menu--mobile-menu"
+            [class.ids-header-1177-admin-avatar__menu--expanded]="expanded"
+          >
+            <ng-content select="id-header-1177-admin-avatar-agent"></ng-content>
+            <div class="ids-header-1177-admin-avatar__menu-links">
+              <ng-content></ng-content>
+            </div>
           </div>
-        </div>
         }
+      </div>
     </div>
   `,
                     standalone: true,
                     imports: [IDClickOutsideDirective],
                     host: {
                         class: 'ids-header-1177-admin-avatar',
-                        '[class.ids-header-1177-admin-avatar--unresponsive]': 'header?.unresponsive'
-                    }
+                        '[class.ids-header-1177-admin-avatar--unresponsive]': 'header?.unresponsive',
+                    },
                 }]
         }], ctorParameters: () => [], propDecorators: { username: [{
                 type: Input
@@ -152,12 +184,13 @@ class IDHeader1177AdminNavComponent {
           <ng-content></ng-content>
         </div>
       </div>
-    </ng-template>`, isInline: true });
+    </ng-template>
+  `, isInline: true });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeader1177AdminNavComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: "id-header-1177-admin-nav",
+                    selector: 'id-header-1177-admin-nav',
                     template: `
     <ng-template>
       <div class="ids-header-1177-admin-nav__inner">
@@ -165,8 +198,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
           <ng-content></ng-content>
         </div>
       </div>
-    </ng-template>`,
-                    standalone: true
+    </ng-template>
+  `,
+                    standalone: true,
                 }]
         }], propDecorators: { hideOnTablet: [{
                 type: Input,
@@ -207,7 +241,7 @@ class IDHeader1177AdminComponent {
                 provide: ID_HEADER_CONTEXT,
                 useExisting: IDHeader1177AdminComponent,
             },
-        ], queries: [{ propertyName: "avatar", first: true, predicate: IDHeader1177AdminAvatarComponent, descendants: true }, { propertyName: "nav", first: true, predicate: IDHeader1177AdminNavComponent, descendants: true }, { propertyName: "brandLink", first: true, predicate: IDHeader1177AdminBrandLinkDirective, descendants: true }], ngImport: i0, template: "<header class=\"ids-header-1177-admin\">\n  <ng-content select=\"id-header-1177-admin-skip-to-content\"></ng-content>\n  <div class=\"ids-header-1177-admin__main\">\n    <div class=\"ids-header-1177-admin__main-left\">\n      <div class=\"ids-header-1177-admin__logo\"> \n        @if(brandLink) {\n          <ng-content select=\"[idBrand1177AdminLink]\"></ng-content>\n        } @else {\n          <a [attr.href]=\"brandHref\" class=\"ids-header-1177-admin__logo-link\" [attr.aria-label]=\"srBrandLabel\"> </a>\n        }\n      </div>\n      <div class=\"ids-header-1177-admin__brand\">\n        @if(brandTextTop) {\n          <div class=\"ids-header-1177-admin__brand-text---supplement\">{{brandTextTop}}</div>\n        }\n        <div class=\"ids-header-1177-admin__brand-text\">{{brandText}}</div>\n        @if(brandTextBottom) {\n          <div class=\"ids-header-1177-admin__brand-text---supplement\">{{brandTextBottom}}</div>\n        }\n      </div>\n    </div>\n    <div class=\"ids-header-1177-admin__main-right\"> \n      <ng-content select=\"id-header-1177-admin-item\"></ng-content>\n      <ng-content select=\"id-header-1177-admin-avatar\"></ng-content>\n      <ng-content select=\"id-header-1177-admin-menu-mobile\"></ng-content>\n    </div>\n  </div>\n  @if(nav) {\n    <nav class=\"ids-header-1177-admin-nav\"\n      [class.ids-header-1177-admin__nav--unresponsive]=\"unresponsive\"\n      [class.ids-header-1177-admin__nav--hide-on-tablet]=\"nav.hideOnTablet\">\n      <ng-container *ngTemplateOutlet=\"nav.template\"></ng-container>\n    </nav>\n  }\n</header>", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+        ], queries: [{ propertyName: "avatar", first: true, predicate: IDHeader1177AdminAvatarComponent, descendants: true }, { propertyName: "nav", first: true, predicate: IDHeader1177AdminNavComponent, descendants: true }, { propertyName: "brandLink", first: true, predicate: IDHeader1177AdminBrandLinkDirective, descendants: true }], ngImport: i0, template: "<header class=\"ids-header-1177-admin\">\n  <ng-content select=\"id-header-1177-admin-skip-to-content\"></ng-content>\n  <div class=\"ids-header-1177-admin__main\">\n    <div class=\"ids-header-1177-admin__main-left\">\n      <div class=\"ids-header-1177-admin__logo\">\n        @if (brandLink) {\n          <ng-content select=\"[idBrand1177AdminLink]\"></ng-content>\n        } @else {\n          <a\n            [attr.href]=\"brandHref\"\n            class=\"ids-header-1177-admin__logo-link\"\n            [attr.aria-label]=\"srBrandLabel\"\n          ></a>\n        }\n      </div>\n      <div class=\"ids-header-1177-admin__brand\">\n        @if (brandTextTop) {\n          <div class=\"ids-header-1177-admin__brand-text---supplement\">{{ brandTextTop }}</div>\n        }\n        <div class=\"ids-header-1177-admin__brand-text\">{{ brandText }}</div>\n        @if (brandTextBottom) {\n          <div class=\"ids-header-1177-admin__brand-text---supplement\">{{ brandTextBottom }}</div>\n        }\n      </div>\n    </div>\n    <div class=\"ids-header-1177-admin__main-right\">\n      <ng-content select=\"id-header-1177-admin-item\"></ng-content>\n      <ng-content select=\"id-header-1177-admin-avatar\"></ng-content>\n      <ng-content select=\"id-header-1177-admin-menu-mobile\"></ng-content>\n    </div>\n  </div>\n  @if (nav) {\n    <nav\n      class=\"ids-header-1177-admin-nav\"\n      aria-label=\"Huvudmeny\"\n      [class.ids-header-1177-admin-nav--unresponsive]=\"unresponsive\"\n      [class.ids-header-1177-admin-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: IDHeader1177AdminComponent, decorators: [{
             type: Component,
@@ -216,7 +250,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                             provide: ID_HEADER_CONTEXT,
                             useExisting: IDHeader1177AdminComponent,
                         },
-                    ], standalone: true, imports: [NgTemplateOutlet], template: "<header class=\"ids-header-1177-admin\">\n  <ng-content select=\"id-header-1177-admin-skip-to-content\"></ng-content>\n  <div class=\"ids-header-1177-admin__main\">\n    <div class=\"ids-header-1177-admin__main-left\">\n      <div class=\"ids-header-1177-admin__logo\"> \n        @if(brandLink) {\n          <ng-content select=\"[idBrand1177AdminLink]\"></ng-content>\n        } @else {\n          <a [attr.href]=\"brandHref\" class=\"ids-header-1177-admin__logo-link\" [attr.aria-label]=\"srBrandLabel\"> </a>\n        }\n      </div>\n      <div class=\"ids-header-1177-admin__brand\">\n        @if(brandTextTop) {\n          <div class=\"ids-header-1177-admin__brand-text---supplement\">{{brandTextTop}}</div>\n        }\n        <div class=\"ids-header-1177-admin__brand-text\">{{brandText}}</div>\n        @if(brandTextBottom) {\n          <div class=\"ids-header-1177-admin__brand-text---supplement\">{{brandTextBottom}}</div>\n        }\n      </div>\n    </div>\n    <div class=\"ids-header-1177-admin__main-right\"> \n      <ng-content select=\"id-header-1177-admin-item\"></ng-content>\n      <ng-content select=\"id-header-1177-admin-avatar\"></ng-content>\n      <ng-content select=\"id-header-1177-admin-menu-mobile\"></ng-content>\n    </div>\n  </div>\n  @if(nav) {\n    <nav class=\"ids-header-1177-admin-nav\"\n      [class.ids-header-1177-admin__nav--unresponsive]=\"unresponsive\"\n      [class.ids-header-1177-admin__nav--hide-on-tablet]=\"nav.hideOnTablet\">\n      <ng-container *ngTemplateOutlet=\"nav.template\"></ng-container>\n    </nav>\n  }\n</header>" }]
+                    ], standalone: true, imports: [NgTemplateOutlet], template: "<header class=\"ids-header-1177-admin\">\n  <ng-content select=\"id-header-1177-admin-skip-to-content\"></ng-content>\n  <div class=\"ids-header-1177-admin__main\">\n    <div class=\"ids-header-1177-admin__main-left\">\n      <div class=\"ids-header-1177-admin__logo\">\n        @if (brandLink) {\n          <ng-content select=\"[idBrand1177AdminLink]\"></ng-content>\n        } @else {\n          <a\n            [attr.href]=\"brandHref\"\n            class=\"ids-header-1177-admin__logo-link\"\n            [attr.aria-label]=\"srBrandLabel\"\n          ></a>\n        }\n      </div>\n      <div class=\"ids-header-1177-admin__brand\">\n        @if (brandTextTop) {\n          <div class=\"ids-header-1177-admin__brand-text---supplement\">{{ brandTextTop }}</div>\n        }\n        <div class=\"ids-header-1177-admin__brand-text\">{{ brandText }}</div>\n        @if (brandTextBottom) {\n          <div class=\"ids-header-1177-admin__brand-text---supplement\">{{ brandTextBottom }}</div>\n        }\n      </div>\n    </div>\n    <div class=\"ids-header-1177-admin__main-right\">\n      <ng-content select=\"id-header-1177-admin-item\"></ng-content>\n      <ng-content select=\"id-header-1177-admin-avatar\"></ng-content>\n      <ng-content select=\"id-header-1177-admin-menu-mobile\"></ng-content>\n    </div>\n  </div>\n  @if (nav) {\n    <nav\n      class=\"ids-header-1177-admin-nav\"\n      aria-label=\"Huvudmeny\"\n      [class.ids-header-1177-admin-nav--unresponsive]=\"unresponsive\"\n      [class.ids-header-1177-admin-nav--hide-on-tablet]=\"nav.hideOnTablet\"\n    >\n      <ng-container *ngTemplateOutlet=\"nav.template\"></ng-container>\n    </nav>\n  }\n</header>\n" }]
         }], propDecorators: { brandText: [{
                 type: Input
             }], brandTextTop: [{
@@ -514,19 +548,17 @@ class IDHeader1177AdminNavItemComponent {
         }
     }
     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: IDHeader1177AdminNavItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: IDHeader1177AdminNavItemComponent, isStandalone: true, selector: "id-header-1177-admin-nav-item", inputs: { label: "label", notifications: "notifications", active: ["active", "active", booleanAttribute], expanded: ["expanded", "expanded", booleanAttribute] }, outputs: { activeChange: "activeChange", expandedChange: "expandedChange" }, host: { properties: { "class.ids-header-1177-admin-nav-item--unresponsive": "header?.unresponsive", "class.ids-header-1177-admin-nav-item--active": "active", "attr.aria-current": "active", "class.ids-header-1177-admin-nav-item--expanded": "expanded" }, classAttribute: "ids-header-1177-admin-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: IDHeader1177AdminNavItemComponent, isStandalone: true, selector: "id-header-1177-admin-nav-item", inputs: { label: "label", notifications: "notifications", active: ["active", "active", booleanAttribute], expanded: ["expanded", "expanded", booleanAttribute] }, outputs: { activeChange: "activeChange", expandedChange: "expandedChange" }, host: { properties: { "class.ids-header-1177-admin-nav-item--unresponsive": "header?.unresponsive", "class.ids-header-1177-admin-nav-item--active": "active || expanded", "attr.aria-current": "active", "class.ids-header-1177-admin-nav-item--expanded": "expanded" }, classAttribute: "ids-header-1177-admin-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()">
@@ -608,7 +640,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                     host: {
                         class: 'ids-header-1177-admin-nav-item',
                         '[class.ids-header-1177-admin-nav-item--unresponsive]': 'header?.unresponsive',
-                        '[class.ids-header-1177-admin-nav-item--active]': 'active',
+                        '[class.ids-header-1177-admin-nav-item--active]': 'active || expanded',
                         '[attr.aria-current]': 'active',
                         '[class.ids-header-1177-admin-nav-item--expanded]': 'expanded'
                     }