npm - @inera/ids-angular - Versions diffs - 9.2.1 → 9.3.0 - Mend

@inera/ids-angular 9.2.1 → 9.3.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 (182) hide show

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

@@ -1,30 +1,26 @@
 import * as i0 from '@angular/core';
-import { inject, DestroyRef, HostBinding, ContentChildren, Component, Input, NgModule } from '@angular/core';
+import { contentChildren, inject, DestroyRef, ChangeDetectorRef, afterNextRender, HostBinding, Component, effect, Input, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { IDLinkDirective } from '@inera/ids-angular/components/link';
 class IDFooter1177ProColComponent {
-    links;
+    links = contentChildren(IDLinkDirective);
     columnClass;
     get hostClass() {
-        return this.columnClass;
+        return `ids-footer-1177-pro__link-col ${this.columnClass || ''}`;
     }
     destroyRef = inject(DestroyRef);
-    updateColumnClasses() {
-        this.links.forEach((link) => {
-            link.footer = true;
-            link.block = true;
-        });
-    }
-    ngAfterContentInit() {
-        this.updateColumnClasses();
-        this.links.changes.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {
-            this.updateColumnClasses();
+    cdr = inject(ChangeDetectorRef);
+    constructor() {
+        afterNextRender(() => {
+            this.links().forEach((link) => {
+                link.footer = true;
+                link.block = true;
+            });
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDFooter1177ProColComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDFooter1177ProColComponent, isStandalone: true, selector: "id-footer-1177-pro-col", host: { properties: { "class": "this.hostClass" }, classAttribute: "ids-footer-1177-pro__link-col" }, queries: [{ propertyName: "links", predicate: IDLinkDirective }], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.20", type: IDFooter1177ProColComponent, isStandalone: true, selector: "id-footer-1177-pro-col", host: { properties: { "class": "this.hostClass" }, classAttribute: "ids-footer-1177-pro__link-col" }, queries: [{ propertyName: "links", predicate: IDLinkDirective, isSignal: true }], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDFooter1177ProColComponent, decorators: [{
             type: Component,
@@ -36,10 +32,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                         class: 'ids-footer-1177-pro__link-col'
                     }
                 }]
-        }], propDecorators: { links: [{
-                type: ContentChildren,
-                args: [IDLinkDirective]
-            }], hostClass: [{
+        }], ctorParameters: () => [], propDecorators: { hostClass: [{
                 type: HostBinding,
                 args: ['class']
             }] } });
@@ -47,39 +40,40 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
 class IDFooter1177ProComponent {
     headline;
     mobileHeadline;
-    cols;
+    cols = contentChildren(IDFooter1177ProColComponent);
     destroyRef = inject(DestroyRef);
-    updateColumnClasses() {
-        const colLength = this.cols?.length || 0;
+    cdr = inject(ChangeDetectorRef);
+    constructor() {
+        effect(() => {
+            const cols = this.cols();
+            this.updateColumnClasses(cols);
+        });
+    }
+    ngAfterContentInit() {
+        this.updateColumnClasses(this.cols());
+    }
+    updateColumnClasses(cols) {
+        const colLength = cols.length;
         const classMap = {
             1: 'ids-footer-1177-pro__link-col--100',
             2: 'ids-footer-1177-pro__link-col--50',
             3: 'ids-footer-1177-pro__link-col--33',
         };
         const newClass = classMap[colLength] || classMap[1];
-        this.cols?.forEach((col) => {
+        cols.forEach((col) => {
             col.columnClass = newClass;
         });
     }
-    ngAfterContentInit() {
-        this.updateColumnClasses();
-        this.cols?.changes.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {
-            this.updateColumnClasses();
-        });
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDFooter1177ProComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: IDFooter1177ProComponent, isStandalone: true, selector: "id-footer-1177-pro", inputs: { headline: "headline", mobileHeadline: "mobileHeadline" }, queries: [{ propertyName: "cols", predicate: IDFooter1177ProColComponent }], ngImport: i0, template: "\n<footer class=\"ids-footer-1177-pro\">\n  <div class=\"ids-footer-1177-pro__inner-wrapper\">\n    <div class=\"ids-footer-1177-pro__inner\">\n      <div class=\"ids-footer-1177-pro__headline-wrapper\">\n        <h1 class=\"ids-footer-1177-pro__headline\">\n          {{headline}}\n        </h1>\n      </div>\n\n      <div class=\"ids-footer-1177-pro__content\">\n        <ng-content select=\"id-footer-1177-pro-text\"></ng-content>\n         @if(cols.length > 0) {\n          <div class=\"ids-footer-1177-pro__cols\">\n             <ng-content select=\"id-footer-1177-pro-col\"></ng-content>\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n\n  <div class=\"ids-footer-1177-pro__mobile-menu\">\n    <ng-content select=\"id-mobile-menu\"></ng-content>\n  </div>\n\n  <div class=\"ids-footer-1177-pro__sub-footer\">\n    <div class=\"ids-footer-1177-pro__sub-footer-container\">\n      <div class=\"ids-footer-1177-pro__sub-footer-inner\">\n        <ng-content select=\"id-footer-1177-pro-sub-footer-left\"></ng-content>\n        <ng-content select=\"id-footer-1177-pro-sub-footer-right\"></ng-content>\n        <ng-content select=\"id-footer-1177-pro-sub-footer-mobile\"></ng-content>\n      </div>\n    </div>\n\n    <div class=\"ids-footer-1177-pro__sub-footer-mobile\">\n       <div class=\"ids-footer-1177-pro__sub-footer-mobile-headline-wrapper\">\n          <div class=\"ids-footer-1177-pro__sub-footer-mobile-logo\"></div>\n          <div class=\"ids-footer-1177-pro__sub-footer-mobile-headline\">{{mobileHeadline}}</div>\n        </div>\n\n        <div class=\"ids-footer-1177-pro__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: IDFooter1177ProComponent, isStandalone: true, selector: "id-footer-1177-pro", inputs: { headline: "headline", mobileHeadline: "mobileHeadline" }, queries: [{ propertyName: "cols", predicate: IDFooter1177ProColComponent, isSignal: true }], ngImport: i0, template: "\n<footer class=\"ids-footer-1177-pro\">\n  <div class=\"ids-footer-1177-pro__inner-wrapper\">\n    <div class=\"ids-footer-1177-pro__inner\">\n      <div class=\"ids-footer-1177-pro__headline-wrapper\">\n        <h1 class=\"ids-footer-1177-pro__headline\">\n          {{headline}}\n        </h1>\n      </div>\n\n      <div class=\"ids-footer-1177-pro__content\">\n        <ng-content select=\"id-footer-1177-pro-text\"></ng-content>\n         @if(cols().length > 0) {\n          <div class=\"ids-footer-1177-pro__cols\">\n             <ng-content select=\"id-footer-1177-pro-col\"></ng-content>\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n\n  <div class=\"ids-footer-1177-pro__mobile-menu\">\n    <ng-content select=\"id-mobile-menu\"></ng-content>\n  </div>\n\n  <div class=\"ids-footer-1177-pro__sub-footer\">\n    <div class=\"ids-footer-1177-pro__sub-footer-container\">\n      <div class=\"ids-footer-1177-pro__sub-footer-inner\">\n        <ng-content select=\"id-footer-1177-pro-sub-footer-left\"></ng-content>\n        <ng-content select=\"id-footer-1177-pro-sub-footer-right\"></ng-content>\n        <ng-content select=\"id-footer-1177-pro-sub-footer-mobile\"></ng-content>\n      </div>\n    </div>\n\n    <div class=\"ids-footer-1177-pro__sub-footer-mobile\">\n       <div class=\"ids-footer-1177-pro__sub-footer-mobile-headline-wrapper\">\n          <div class=\"ids-footer-1177-pro__sub-footer-mobile-logo\"></div>\n          <div class=\"ids-footer-1177-pro__sub-footer-mobile-headline\">{{mobileHeadline}}</div>\n        </div>\n\n        <div class=\"ids-footer-1177-pro__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 }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDFooter1177ProComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'id-footer-1177-pro', standalone: true, imports: [CommonModule], template: "\n<footer class=\"ids-footer-1177-pro\">\n  <div class=\"ids-footer-1177-pro__inner-wrapper\">\n    <div class=\"ids-footer-1177-pro__inner\">\n      <div class=\"ids-footer-1177-pro__headline-wrapper\">\n        <h1 class=\"ids-footer-1177-pro__headline\">\n          {{headline}}\n        </h1>\n      </div>\n\n      <div class=\"ids-footer-1177-pro__content\">\n        <ng-content select=\"id-footer-1177-pro-text\"></ng-content>\n         @if(cols.length > 0) {\n          <div class=\"ids-footer-1177-pro__cols\">\n             <ng-content select=\"id-footer-1177-pro-col\"></ng-content>\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n\n  <div class=\"ids-footer-1177-pro__mobile-menu\">\n    <ng-content select=\"id-mobile-menu\"></ng-content>\n  </div>\n\n  <div class=\"ids-footer-1177-pro__sub-footer\">\n    <div class=\"ids-footer-1177-pro__sub-footer-container\">\n      <div class=\"ids-footer-1177-pro__sub-footer-inner\">\n        <ng-content select=\"id-footer-1177-pro-sub-footer-left\"></ng-content>\n        <ng-content select=\"id-footer-1177-pro-sub-footer-right\"></ng-content>\n        <ng-content select=\"id-footer-1177-pro-sub-footer-mobile\"></ng-content>\n      </div>\n    </div>\n\n    <div class=\"ids-footer-1177-pro__sub-footer-mobile\">\n       <div class=\"ids-footer-1177-pro__sub-footer-mobile-headline-wrapper\">\n          <div class=\"ids-footer-1177-pro__sub-footer-mobile-logo\"></div>\n          <div class=\"ids-footer-1177-pro__sub-footer-mobile-headline\">{{mobileHeadline}}</div>\n        </div>\n\n        <div class=\"ids-footer-1177-pro__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>" }]
-        }], propDecorators: { headline: [{
+            args: [{ selector: 'id-footer-1177-pro', standalone: true, imports: [CommonModule], template: "\n<footer class=\"ids-footer-1177-pro\">\n  <div class=\"ids-footer-1177-pro__inner-wrapper\">\n    <div class=\"ids-footer-1177-pro__inner\">\n      <div class=\"ids-footer-1177-pro__headline-wrapper\">\n        <h1 class=\"ids-footer-1177-pro__headline\">\n          {{headline}}\n        </h1>\n      </div>\n\n      <div class=\"ids-footer-1177-pro__content\">\n        <ng-content select=\"id-footer-1177-pro-text\"></ng-content>\n         @if(cols().length > 0) {\n          <div class=\"ids-footer-1177-pro__cols\">\n             <ng-content select=\"id-footer-1177-pro-col\"></ng-content>\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n\n  <div class=\"ids-footer-1177-pro__mobile-menu\">\n    <ng-content select=\"id-mobile-menu\"></ng-content>\n  </div>\n\n  <div class=\"ids-footer-1177-pro__sub-footer\">\n    <div class=\"ids-footer-1177-pro__sub-footer-container\">\n      <div class=\"ids-footer-1177-pro__sub-footer-inner\">\n        <ng-content select=\"id-footer-1177-pro-sub-footer-left\"></ng-content>\n        <ng-content select=\"id-footer-1177-pro-sub-footer-right\"></ng-content>\n        <ng-content select=\"id-footer-1177-pro-sub-footer-mobile\"></ng-content>\n      </div>\n    </div>\n\n    <div class=\"ids-footer-1177-pro__sub-footer-mobile\">\n       <div class=\"ids-footer-1177-pro__sub-footer-mobile-headline-wrapper\">\n          <div class=\"ids-footer-1177-pro__sub-footer-mobile-logo\"></div>\n          <div class=\"ids-footer-1177-pro__sub-footer-mobile-headline\">{{mobileHeadline}}</div>\n        </div>\n\n        <div class=\"ids-footer-1177-pro__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>" }]
+        }], ctorParameters: () => [], propDecorators: { headline: [{
                 type: Input
             }], mobileHeadline: [{
                 type: Input
-            }], cols: [{
-                type: ContentChildren,
-                args: [IDFooter1177ProColComponent]
             }] } });
 class IDFooter1177ProTextComponent {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"inera-ids-angular-components-footer-1177-pro.mjs","sources":["../../../projects/ids-angular/components/footer-1177-pro/footer-1177-pro-col.component.ts","../../../projects/ids-angular/components/footer-1177-pro/footer-1177-pro.component.ts","../../../projects/ids-angular/components/footer-1177-pro/footer-1177-pro.component.html","../../../projects/ids-angular/components/footer-1177-pro/footer-1177-pro-text.component.ts","../../../projects/ids-angular/components/footer-1177-pro/footer-1177-pro-sub-footer-right.component.ts","../../../projects/ids-angular/components/footer-1177-pro/footer-1177-pro-sub-footer-left.component.ts","../../../projects/ids-angular/components/footer-1177-pro/footer-1177-pro-sub-footer-mobile.component.ts","../../../projects/ids-angular/components/footer-1177-pro/footer-1177-pro.module.ts","../../../projects/ids-angular/components/footer-1177-pro/inera-ids-angular-components-footer-1177-pro.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-1177-pro-col',\n standalone: true,\n template: `<ng-content></ng-content>`,\n host: {\n class: 'ids-footer-1177-pro__link-col'\n }\n})\nexport class IDFooter1177ProColComponent {\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 { IDFooter1177ProColComponent } from './footer-1177-pro-col.component';\n\n@Component({\n selector: 'id-footer-1177-pro',\n templateUrl: './footer-1177-pro.component.html',\n standalone: true,\n imports: [CommonModule],\n})\nexport class IDFooter1177ProComponent {\n @Input() headline: string;\n @Input() mobileHeadline: string;\n\n @ContentChildren(IDFooter1177ProColComponent)\n cols!: QueryList<IDFooter1177ProColComponent>;\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-1177-pro__link-col--100',\n 2: 'ids-footer-1177-pro__link-col--50',\n 3: 'ids-footer-1177-pro__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-1177-pro\">\n <div class=\"ids-footer-1177-pro__inner-wrapper\">\n <div class=\"ids-footer-1177-pro__inner\">\n <div class=\"ids-footer-1177-pro__headline-wrapper\">\n <h1 class=\"ids-footer-1177-pro__headline\">\n {{headline}}\n </h1>\n </div>\n\n <div class=\"ids-footer-1177-pro__content\">\n <ng-content select=\"id-footer-1177-pro-text\"></ng-content>\n @if(cols.length > 0) {\n <div class=\"ids-footer-1177-pro__cols\">\n <ng-content select=\"id-footer-1177-pro-col\"></ng-content>\n </div>\n }\n </div>\n </div>\n </div>\n\n <div class=\"ids-footer-1177-pro__mobile-menu\">\n <ng-content select=\"id-mobile-menu\"></ng-content>\n </div>\n\n <div class=\"ids-footer-1177-pro__sub-footer\">\n <div class=\"ids-footer-1177-pro__sub-footer-container\">\n <div class=\"ids-footer-1177-pro__sub-footer-inner\">\n <ng-content select=\"id-footer-1177-pro-sub-footer-left\"></ng-content>\n <ng-content select=\"id-footer-1177-pro-sub-footer-right\"></ng-content>\n <ng-content select=\"id-footer-1177-pro-sub-footer-mobile\"></ng-content>\n </div>\n </div>\n\n <div class=\"ids-footer-1177-pro__sub-footer-mobile\">\n <div class=\"ids-footer-1177-pro__sub-footer-mobile-headline-wrapper\">\n <div class=\"ids-footer-1177-pro__sub-footer-mobile-logo\"></div>\n <div class=\"ids-footer-1177-pro__sub-footer-mobile-headline\">{{mobileHeadline}}</div>\n </div>\n\n <div class=\"ids-footer-1177-pro__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-1177-pro-text',\n standalone: true,\n template: `\n <ng-content></ng-content>\n <div class=\"ids-footer-1177-pro__darkmode-toggle\">\n <ng-content select=\"id-darkmode-toggle\"></ng-content>\n </div>\n `,\n host: {\n class: 'ids-footer-1177-pro__text',\n },\n})\nexport class IDFooter1177ProTextComponent {}\n","import { Component } from \"@angular/core\";\n\n@Component({\n selector: 'id-footer-1177-pro-sub-footer-right',\n standalone: true,\n template: `<ng-content></ng-content>`,\n host: {\n class: 'ids-footer-1177-pro__sub-footer-right'\n }\n})\nexport class IDFooter1177ProSubFooterRightComponent {\n\n}","import { Component } from '@angular/core';\n\n@Component({\n selector: 'id-footer-1177-pro-sub-footer-left',\n standalone: true,\n template: `<ng-content></ng-content>`,\n host: {\n class: 'ids-footer-1177-pro__sub-footer-left'\n }\n})\nexport class IDFooter1177ProSubFooterLeftComponent {\n\n}","import { Component } from '@angular/core';\n\n@Component({\n selector: 'id-footer-1177-pro-sub-footer-mobile',\n standalone: true,\n template: `<ng-content></ng-content>`,\n host: {\n class: 'ids-footer-1177-pro__mobile-links'\n }\n})\nexport class IDFooter1177ProSubFooterMobileComponent {\n\n}","import { NgModule } from '@angular/core';\n\nimport { IDFooter1177ProComponent } from './footer-1177-pro.component';\nimport { IDFooter1177ProTextComponent } from './footer-1177-pro-text.component';\nimport { IDFooter1177ProColComponent } from './footer-1177-pro-col.component';\nimport { IDFooter1177ProSubFooterRightComponent } from './footer-1177-pro-sub-footer-right.component';\nimport { IDFooter1177ProSubFooterLeftComponent } from './footer-1177-pro-sub-footer-left.component';\nimport { IDFooter1177ProSubFooterMobileComponent } from './footer-1177-pro-sub-footer-mobile.component';\n\n@NgModule({\n imports: [\n IDFooter1177ProComponent,\n IDFooter1177ProTextComponent,\n IDFooter1177ProColComponent,\n IDFooter1177ProSubFooterRightComponent,\n IDFooter1177ProSubFooterLeftComponent,\n IDFooter1177ProSubFooterMobileComponent,\n ],\n exports: [\n IDFooter1177ProComponent,\n IDFooter1177ProTextComponent,\n IDFooter1177ProColComponent,\n IDFooter1177ProSubFooterRightComponent,\n IDFooter1177ProSubFooterLeftComponent,\n IDFooter1177ProSubFooterMobileComponent,\n ],\n})\nexport class IDFooter1177ProModule {}","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"inera-ids-angular-components-footer-1177-pro.mjs","sources":["../../../projects/ids-angular/components/footer-1177-pro/footer-1177-pro-col.component.ts","../../../projects/ids-angular/components/footer-1177-pro/footer-1177-pro.component.ts","../../../projects/ids-angular/components/footer-1177-pro/footer-1177-pro.component.html","../../../projects/ids-angular/components/footer-1177-pro/footer-1177-pro-text.component.ts","../../../projects/ids-angular/components/footer-1177-pro/footer-1177-pro-sub-footer-right.component.ts","../../../projects/ids-angular/components/footer-1177-pro/footer-1177-pro-sub-footer-left.component.ts","../../../projects/ids-angular/components/footer-1177-pro/footer-1177-pro-sub-footer-mobile.component.ts","../../../projects/ids-angular/components/footer-1177-pro/footer-1177-pro.module.ts","../../../projects/ids-angular/components/footer-1177-pro/inera-ids-angular-components-footer-1177-pro.ts"],"sourcesContent":["import { afterNextRender, ChangeDetectorRef, Component, contentChildren, DestroyRef, HostBinding, inject } from '@angular/core';\nimport { IDLinkDirective } from '@inera/ids-angular/components/link';\n\n@Component({\n selector: 'id-footer-1177-pro-col',\n standalone: true,\n template: `<ng-content></ng-content>`,\n host: {\n class: 'ids-footer-1177-pro__link-col'\n }\n})\nexport class IDFooter1177ProColComponent {\n links = contentChildren(IDLinkDirective);\n \n columnClass: string;\n\n @HostBinding('class')\n get hostClass() {\n return `ids-footer-1177-pro__link-col ${this.columnClass \|\| ''}`;\n }\n\n private destroyRef = inject(DestroyRef);\n cdr = inject(ChangeDetectorRef);\n\n constructor() {\n afterNextRender(() => {\n this.links().forEach((link) => {\n link.footer = true;\n link.block = true;\n });\n });\n }\n}","import { CommonModule } from '@angular/common';\nimport { AfterContentInit, ChangeDetectorRef, Component, contentChildren, DestroyRef, effect, inject, Input } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { IDFooter1177ProColComponent } from './footer-1177-pro-col.component';\n\n@Component({\n selector: 'id-footer-1177-pro',\n templateUrl: './footer-1177-pro.component.html',\n standalone: true,\n imports: [CommonModule],\n})\nexport class IDFooter1177ProComponent implements AfterContentInit {\n @Input() headline: string;\n @Input() mobileHeadline: string;\n\n cols = contentChildren(IDFooter1177ProColComponent);\n\n private destroyRef = inject(DestroyRef);\n private cdr = inject(ChangeDetectorRef);\n\n constructor() {\n effect(() => {\n const cols = this.cols();\n this.updateColumnClasses(cols);\n });\n }\n\n ngAfterContentInit(): void {\n this.updateColumnClasses(this.cols());\n }\n\n private updateColumnClasses(cols: readonly IDFooter1177ProColComponent[]) {\n const colLength = cols.length;\n\n const classMap: Record<number, string> = {\n 1: 'ids-footer-1177-pro__link-col--100',\n 2: 'ids-footer-1177-pro__link-col--50',\n 3: 'ids-footer-1177-pro__link-col--33',\n };\n\n const newClass = classMap[colLength] \|\| classMap[1];\n\n cols.forEach((col) => {\n col.columnClass = newClass;\n });\n }\n}\n","\n<footer class=\"ids-footer-1177-pro\">\n <div class=\"ids-footer-1177-pro__inner-wrapper\">\n <div class=\"ids-footer-1177-pro__inner\">\n <div class=\"ids-footer-1177-pro__headline-wrapper\">\n <h1 class=\"ids-footer-1177-pro__headline\">\n {{headline}}\n </h1>\n </div>\n\n <div class=\"ids-footer-1177-pro__content\">\n <ng-content select=\"id-footer-1177-pro-text\"></ng-content>\n @if(cols().length > 0) {\n <div class=\"ids-footer-1177-pro__cols\">\n <ng-content select=\"id-footer-1177-pro-col\"></ng-content>\n </div>\n }\n </div>\n </div>\n </div>\n\n <div class=\"ids-footer-1177-pro__mobile-menu\">\n <ng-content select=\"id-mobile-menu\"></ng-content>\n </div>\n\n <div class=\"ids-footer-1177-pro__sub-footer\">\n <div class=\"ids-footer-1177-pro__sub-footer-container\">\n <div class=\"ids-footer-1177-pro__sub-footer-inner\">\n <ng-content select=\"id-footer-1177-pro-sub-footer-left\"></ng-content>\n <ng-content select=\"id-footer-1177-pro-sub-footer-right\"></ng-content>\n <ng-content select=\"id-footer-1177-pro-sub-footer-mobile\"></ng-content>\n </div>\n </div>\n\n <div class=\"ids-footer-1177-pro__sub-footer-mobile\">\n <div class=\"ids-footer-1177-pro__sub-footer-mobile-headline-wrapper\">\n <div class=\"ids-footer-1177-pro__sub-footer-mobile-logo\"></div>\n <div class=\"ids-footer-1177-pro__sub-footer-mobile-headline\">{{mobileHeadline}}</div>\n </div>\n\n <div class=\"ids-footer-1177-pro__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-1177-pro-text',\n standalone: true,\n template: `\n <ng-content></ng-content>\n <div class=\"ids-footer-1177-pro__darkmode-toggle\">\n <ng-content select=\"id-darkmode-toggle\"></ng-content>\n </div>\n `,\n host: {\n class: 'ids-footer-1177-pro__text',\n },\n})\nexport class IDFooter1177ProTextComponent {}\n","import { Component } from \"@angular/core\";\n\n@Component({\n selector: 'id-footer-1177-pro-sub-footer-right',\n standalone: true,\n template: `<ng-content></ng-content>`,\n host: {\n class: 'ids-footer-1177-pro__sub-footer-right'\n }\n})\nexport class IDFooter1177ProSubFooterRightComponent {\n\n}","import { Component } from '@angular/core';\n\n@Component({\n selector: 'id-footer-1177-pro-sub-footer-left',\n standalone: true,\n template: `<ng-content></ng-content>`,\n host: {\n class: 'ids-footer-1177-pro__sub-footer-left'\n }\n})\nexport class IDFooter1177ProSubFooterLeftComponent {\n\n}","import { Component } from '@angular/core';\n\n@Component({\n selector: 'id-footer-1177-pro-sub-footer-mobile',\n standalone: true,\n template: `<ng-content></ng-content>`,\n host: {\n class: 'ids-footer-1177-pro__mobile-links'\n }\n})\nexport class IDFooter1177ProSubFooterMobileComponent {\n\n}","import { NgModule } from '@angular/core';\n\nimport { IDFooter1177ProComponent } from './footer-1177-pro.component';\nimport { IDFooter1177ProTextComponent } from './footer-1177-pro-text.component';\nimport { IDFooter1177ProColComponent } from './footer-1177-pro-col.component';\nimport { IDFooter1177ProSubFooterRightComponent } from './footer-1177-pro-sub-footer-right.component';\nimport { IDFooter1177ProSubFooterLeftComponent } from './footer-1177-pro-sub-footer-left.component';\nimport { IDFooter1177ProSubFooterMobileComponent } from './footer-1177-pro-sub-footer-mobile.component';\n\n@NgModule({\n imports: [\n IDFooter1177ProComponent,\n IDFooter1177ProTextComponent,\n IDFooter1177ProColComponent,\n IDFooter1177ProSubFooterRightComponent,\n IDFooter1177ProSubFooterLeftComponent,\n IDFooter1177ProSubFooterMobileComponent,\n ],\n exports: [\n IDFooter1177ProComponent,\n IDFooter1177ProTextComponent,\n IDFooter1177ProColComponent,\n IDFooter1177ProSubFooterRightComponent,\n IDFooter1177ProSubFooterLeftComponent,\n IDFooter1177ProSubFooterMobileComponent,\n ],\n})\nexport class IDFooter1177ProModule {}","/*\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-1177.mjs CHANGED Viewed

@@ -1,29 +1,25 @@
 import * as i0 from '@angular/core';
-import { inject, DestroyRef, HostBinding, ContentChildren, Component, Input, NgModule } from '@angular/core';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { contentChildren, inject, DestroyRef, ChangeDetectorRef, afterNextRender, HostBinding, Component, effect, Input, NgModule } from '@angular/core';
 import { IDLinkDirective } from '@inera/ids-angular/components/link';
 class IDFooter1177ColComponent {
-    links;
+    links = contentChildren(IDLinkDirective);
     columnClass;
     get hostClass() {
-        return this.columnClass;
+        return `ids-footer-1177__link-col ${this.columnClass || ''}`;
     }
     destroyRef = inject(DestroyRef);
-    updateColumnClasses() {
-        this.links.forEach((link) => {
-            link.footer = true;
-            link.block = true;
-        });
-    }
-    ngAfterContentInit() {
-        this.updateColumnClasses();
-        this.links.changes.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {
-            this.updateColumnClasses();
+    cdr = inject(ChangeDetectorRef);
+    constructor() {
+        afterNextRender(() => {
+            this.links().forEach((link) => {
+                link.footer = true;
+                link.block = true;
+            });
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDFooter1177ColComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDFooter1177ColComponent, isStandalone: true, selector: "id-footer-1177-col", host: { properties: { "class": "this.hostClass" }, classAttribute: "ids-footer-1177__link-col" }, queries: [{ propertyName: "links", predicate: IDLinkDirective }], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.20", type: IDFooter1177ColComponent, isStandalone: true, selector: "id-footer-1177-col", host: { properties: { "class": "this.hostClass" }, classAttribute: "ids-footer-1177__link-col" }, queries: [{ propertyName: "links", predicate: IDLinkDirective, isSignal: true }], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDFooter1177ColComponent, decorators: [{
             type: Component,
@@ -35,10 +31,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                         class: 'ids-footer-1177__link-col',
                     }
                 }]
-        }], propDecorators: { links: [{
-                type: ContentChildren,
-                args: [IDLinkDirective]
-            }], hostClass: [{
+        }], ctorParameters: () => [], propDecorators: { hostClass: [{
                 type: HostBinding,
                 args: ['class']
             }] } });
@@ -46,39 +39,40 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
 class IDFooter1177Component {
     headline = '';
     subHeadline = '';
-    cols;
+    cols = contentChildren(IDFooter1177ColComponent);
     destroyRef = inject(DestroyRef);
-    updateColumnClasses() {
-        const colLength = this.cols?.length || 0;
+    cdr = inject(ChangeDetectorRef);
+    constructor() {
+        effect(() => {
+            const cols = this.cols();
+            this.updateColumnClasses(cols);
+        });
+    }
+    ngAfterContentInit() {
+        this.updateColumnClasses(this.cols());
+    }
+    updateColumnClasses(cols) {
+        const colLength = cols.length;
         const classMap = {
             1: "ids-footer-1177__link-col--100",
             2: "ids-footer-1177__link-col--50",
             3: "ids-footer-1177__link-col--33"
         };
         const newClass = classMap[colLength] || classMap[1];
-        this.cols?.forEach((col) => {
+        cols.forEach((col) => {
             col.columnClass = newClass;
         });
     }
-    ngAfterContentInit() {
-        this.updateColumnClasses();
-        this.cols?.changes.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {
-            this.updateColumnClasses();
-        });
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDFooter1177Component, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: IDFooter1177Component, isStandalone: true, selector: "id-footer-1177", inputs: { headline: "headline", subHeadline: "subHeadline" }, queries: [{ propertyName: "cols", predicate: IDFooter1177ColComponent }], ngImport: i0, template: "<footer class=\"ids-footer-1177\">\n  <div class=\"ids-footer-1177__inner-wrapper\">\n    <div class=\"ids-footer-1177__inner\">\n      <div class=\"ids-footer-1177__headline-wrapper\">\n        <h1 class=\"ids-footer-1177__headline\">\n          {{ headline }}\n          <span class=\"ids-footer-1177__headline--sub\">{{ subHeadline }}</span>\n        </h1>\n      </div>\n\n      <div class=\"ids-footer-1177__content\">\n        <ng-content select=\"id-footer-1177-text\"></ng-content>\n        @if(cols.length > 0) {\n          <div class=\"ids-footer-1177__cols\">\n             <ng-content select=\"id-footer-1177-col\"></ng-content>\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n\n  <div class=\"ids-footer-1177__mobile-menu\">\n    <ng-content select=\"id-mobile-menu\"></ng-content>\n  </div>\n\n  <div class=\"ids-footer-1177__sub-footer\">\n    <div class=\"ids-footer-1177__sub-footer-container\">\n      <div class=\"ids-footer-1177__sub-footer-inner\">\n        <ng-content select=\"id-footer-1177-sub-footer-left\"></ng-content>\n        <ng-content select=\"id-footer-1177-sub-footer-right\"></ng-content>\n        <ng-content select=\"id-footer-1177-sub-footer-mobile\"></ng-content>\n      </div>\n    </div>\n\n    <div class=\"ids-footer-1177__sub-footer-mobile\">\n      <div class=\"ids-footer-1177__sub-footer-mobile-text\">\n        <p>\n          1177 drivs av\n          <a\n            href=\"https://www.inera.se\"\n            class=\"ids-link ids-link--icon ids-link--small ids-link--underlined ids-link--color-3\"\n          >\n            <span>\n              Inera AB\n              <span class=\"ids-icon-external-link-small ids-icon--text-end\"></span>\n            </span>\n          </a>\n          p\u00E5 uppdrag av Sveriges regioner\n        </p>\n      </div>\n    </div>\n  </div>\n</footer>\n" });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: IDFooter1177Component, isStandalone: true, selector: "id-footer-1177", inputs: { headline: "headline", subHeadline: "subHeadline" }, queries: [{ propertyName: "cols", predicate: IDFooter1177ColComponent, isSignal: true }], ngImport: i0, template: "<footer class=\"ids-footer-1177\">\n  <div class=\"ids-footer-1177__inner-wrapper\">\n    <div class=\"ids-footer-1177__inner\">\n      <div class=\"ids-footer-1177__headline-wrapper\">\n        <h1 class=\"ids-footer-1177__headline\">\n          {{ headline }}\n          <span class=\"ids-footer-1177__headline--sub\">{{ subHeadline }}</span>\n        </h1>\n      </div>\n\n      <div class=\"ids-footer-1177__content\">\n        <ng-content select=\"id-footer-1177-text\"></ng-content>\n        @if(cols().length > 0) {\n          <div class=\"ids-footer-1177__cols\">\n             <ng-content select=\"id-footer-1177-col\"></ng-content>\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n\n  <div class=\"ids-footer-1177__mobile-menu\">\n    <ng-content select=\"id-mobile-menu\"></ng-content>\n  </div>\n\n  <div class=\"ids-footer-1177__sub-footer\">\n    <div class=\"ids-footer-1177__sub-footer-container\">\n      <div class=\"ids-footer-1177__sub-footer-inner\">\n        <ng-content select=\"id-footer-1177-sub-footer-left\"></ng-content>\n        <ng-content select=\"id-footer-1177-sub-footer-right\"></ng-content>\n        <ng-content select=\"id-footer-1177-sub-footer-mobile\"></ng-content>\n      </div>\n    </div>\n\n    <div class=\"ids-footer-1177__sub-footer-mobile\">\n      <div class=\"ids-footer-1177__sub-footer-mobile-text\">\n        <p>\n          1177 drivs av\n          <a\n            href=\"https://www.inera.se\"\n            class=\"ids-link ids-link--icon ids-link--small ids-link--underlined ids-link--color-3\"\n          >\n            <span>\n              Inera AB\n              <span class=\"ids-icon-external-link-small ids-icon--text-end\"></span>\n            </span>\n          </a>\n          p\u00E5 uppdrag av Sveriges regioner\n        </p>\n      </div>\n    </div>\n  </div>\n</footer>\n" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDFooter1177Component, decorators: [{
             type: Component,
-            args: [{ selector: 'id-footer-1177', standalone: true, template: "<footer class=\"ids-footer-1177\">\n  <div class=\"ids-footer-1177__inner-wrapper\">\n    <div class=\"ids-footer-1177__inner\">\n      <div class=\"ids-footer-1177__headline-wrapper\">\n        <h1 class=\"ids-footer-1177__headline\">\n          {{ headline }}\n          <span class=\"ids-footer-1177__headline--sub\">{{ subHeadline }}</span>\n        </h1>\n      </div>\n\n      <div class=\"ids-footer-1177__content\">\n        <ng-content select=\"id-footer-1177-text\"></ng-content>\n        @if(cols.length > 0) {\n          <div class=\"ids-footer-1177__cols\">\n             <ng-content select=\"id-footer-1177-col\"></ng-content>\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n\n  <div class=\"ids-footer-1177__mobile-menu\">\n    <ng-content select=\"id-mobile-menu\"></ng-content>\n  </div>\n\n  <div class=\"ids-footer-1177__sub-footer\">\n    <div class=\"ids-footer-1177__sub-footer-container\">\n      <div class=\"ids-footer-1177__sub-footer-inner\">\n        <ng-content select=\"id-footer-1177-sub-footer-left\"></ng-content>\n        <ng-content select=\"id-footer-1177-sub-footer-right\"></ng-content>\n        <ng-content select=\"id-footer-1177-sub-footer-mobile\"></ng-content>\n      </div>\n    </div>\n\n    <div class=\"ids-footer-1177__sub-footer-mobile\">\n      <div class=\"ids-footer-1177__sub-footer-mobile-text\">\n        <p>\n          1177 drivs av\n          <a\n            href=\"https://www.inera.se\"\n            class=\"ids-link ids-link--icon ids-link--small ids-link--underlined ids-link--color-3\"\n          >\n            <span>\n              Inera AB\n              <span class=\"ids-icon-external-link-small ids-icon--text-end\"></span>\n            </span>\n          </a>\n          p\u00E5 uppdrag av Sveriges regioner\n        </p>\n      </div>\n    </div>\n  </div>\n</footer>\n" }]
-        }], propDecorators: { headline: [{
+            args: [{ selector: 'id-footer-1177', standalone: true, template: "<footer class=\"ids-footer-1177\">\n  <div class=\"ids-footer-1177__inner-wrapper\">\n    <div class=\"ids-footer-1177__inner\">\n      <div class=\"ids-footer-1177__headline-wrapper\">\n        <h1 class=\"ids-footer-1177__headline\">\n          {{ headline }}\n          <span class=\"ids-footer-1177__headline--sub\">{{ subHeadline }}</span>\n        </h1>\n      </div>\n\n      <div class=\"ids-footer-1177__content\">\n        <ng-content select=\"id-footer-1177-text\"></ng-content>\n        @if(cols().length > 0) {\n          <div class=\"ids-footer-1177__cols\">\n             <ng-content select=\"id-footer-1177-col\"></ng-content>\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n\n  <div class=\"ids-footer-1177__mobile-menu\">\n    <ng-content select=\"id-mobile-menu\"></ng-content>\n  </div>\n\n  <div class=\"ids-footer-1177__sub-footer\">\n    <div class=\"ids-footer-1177__sub-footer-container\">\n      <div class=\"ids-footer-1177__sub-footer-inner\">\n        <ng-content select=\"id-footer-1177-sub-footer-left\"></ng-content>\n        <ng-content select=\"id-footer-1177-sub-footer-right\"></ng-content>\n        <ng-content select=\"id-footer-1177-sub-footer-mobile\"></ng-content>\n      </div>\n    </div>\n\n    <div class=\"ids-footer-1177__sub-footer-mobile\">\n      <div class=\"ids-footer-1177__sub-footer-mobile-text\">\n        <p>\n          1177 drivs av\n          <a\n            href=\"https://www.inera.se\"\n            class=\"ids-link ids-link--icon ids-link--small ids-link--underlined ids-link--color-3\"\n          >\n            <span>\n              Inera AB\n              <span class=\"ids-icon-external-link-small ids-icon--text-end\"></span>\n            </span>\n          </a>\n          p\u00E5 uppdrag av Sveriges regioner\n        </p>\n      </div>\n    </div>\n  </div>\n</footer>\n" }]
+        }], ctorParameters: () => [], propDecorators: { headline: [{
                 type: Input
             }], subHeadline: [{
                 type: Input
-            }], cols: [{
-                type: ContentChildren,
-                args: [IDFooter1177ColComponent]
             }] } });
 class IDFooter1177TextComponent {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"inera-ids-angular-components-footer-1177.mjs","sources":["../../../projects/ids-angular/components/footer-1177/footer-1177-col.component.ts","../../../projects/ids-angular/components/footer-1177/footer-1177.component.ts","../../../projects/ids-angular/components/footer-1177/footer-1177.component.html","../../../projects/ids-angular/components/footer-1177/footer-1177-text.component.ts","../../../projects/ids-angular/components/footer-1177/footer-1177-sub-footer-right.component.ts","../../../projects/ids-angular/components/footer-1177/footer-1177-sub-footer-left.component.ts","../../../projects/ids-angular/components/footer-1177/footer-1177-sub-footer-mobile.component.ts","../../../projects/ids-angular/components/footer-1177/footer-1177.module.ts","../../../projects/ids-angular/components/footer-1177/inera-ids-angular-components-footer-1177.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-1177-col',\n standalone: true,\n template: `<ng-content></ng-content>`,\n host: {\n class: 'ids-footer-1177__link-col',\n }\n})\nexport class IDFooter1177ColComponent {\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 { Component, ContentChildren, DestroyRef, inject, Input, QueryList } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { IDFooter1177ColComponent } from './footer-1177-col.component';\n\n@Component({\n selector: 'id-footer-1177',\n templateUrl: './footer-1177.component.html',\n standalone: true,\n})\nexport class IDFooter1177Component {\n\n @Input() headline: string = '';\n @Input() subHeadline: string = '';\n\n @ContentChildren(IDFooter1177ColComponent) \n cols!: QueryList<IDFooter1177ColComponent>;\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-1177__link-col--100\",\n 2: \"ids-footer-1177__link-col--50\",\n 3: \"ids-footer-1177__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-1177\">\n <div class=\"ids-footer-1177__inner-wrapper\">\n <div class=\"ids-footer-1177__inner\">\n <div class=\"ids-footer-1177__headline-wrapper\">\n <h1 class=\"ids-footer-1177__headline\">\n {{ headline }}\n <span class=\"ids-footer-1177__headline--sub\">{{ subHeadline }}</span>\n </h1>\n </div>\n\n <div class=\"ids-footer-1177__content\">\n <ng-content select=\"id-footer-1177-text\"></ng-content>\n @if(cols.length > 0) {\n <div class=\"ids-footer-1177__cols\">\n <ng-content select=\"id-footer-1177-col\"></ng-content>\n </div>\n }\n </div>\n </div>\n </div>\n\n <div class=\"ids-footer-1177__mobile-menu\">\n <ng-content select=\"id-mobile-menu\"></ng-content>\n </div>\n\n <div class=\"ids-footer-1177__sub-footer\">\n <div class=\"ids-footer-1177__sub-footer-container\">\n <div class=\"ids-footer-1177__sub-footer-inner\">\n <ng-content select=\"id-footer-1177-sub-footer-left\"></ng-content>\n <ng-content select=\"id-footer-1177-sub-footer-right\"></ng-content>\n <ng-content select=\"id-footer-1177-sub-footer-mobile\"></ng-content>\n </div>\n </div>\n\n <div class=\"ids-footer-1177__sub-footer-mobile\">\n <div class=\"ids-footer-1177__sub-footer-mobile-text\">\n <p>\n 1177 drivs av\n <a\n href=\"https://www.inera.se\"\n class=\"ids-link ids-link--icon ids-link--small ids-link--underlined ids-link--color-3\"\n >\n <span>\n Inera AB\n <span class=\"ids-icon-external-link-small ids-icon--text-end\"></span>\n </span>\n </a>\n på uppdrag av Sveriges regioner\n </p>\n </div>\n </div>\n </div>\n</footer>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'id-footer-1177-text',\n standalone: true,\n template: `\n <ng-content></ng-content>\n <div class=\"ids-footer-1177__darkmode-toggle\">\n <ng-content select=\"id-darkmode-toggle\"></ng-content>\n </div>\n `,\n host: {\n class: 'ids-footer-1177__text',\n },\n})\nexport class IDFooter1177TextComponent {}\n","import { Component } from \"@angular/core\";\n\n@Component({\n selector: 'id-footer-1177-sub-footer-right',\n standalone: true,\n template: `<ng-content></ng-content>`,\n host: {\n class: 'ids-footer-1177__sub-footer-right'\n }\n})\nexport class IDFooter1177SubFooterRightComponent {\n\n}","import { Component } from '@angular/core';\n\n@Component({\n selector: 'id-footer-1177-sub-footer-left',\n standalone: true,\n template: `<ng-content></ng-content>`,\n host: {\n class: 'ids-footer-1177__sub-footer-left'\n }\n})\nexport class IDFooter1177SubFooterLeftComponent {\n\n}","import { Component } from '@angular/core';\n\n@Component({\n selector: 'id-footer-1177-sub-footer-mobile',\n standalone: true,\n template: `<ng-content></ng-content>`,\n host: {\n class: 'ids-footer-1177__mobile-links'\n }\n})\nexport class IDFooter1177SubFooterMobileComponent {\n\n}","import { NgModule } from '@angular/core';\n\nimport { IDFooter1177Component } from './footer-1177.component';\nimport { IDFooter1177TextComponent } from './footer-1177-text.component';\nimport { IDFooter1177ColComponent } from './footer-1177-col.component';\nimport { IDFooter1177SubFooterRightComponent } from './footer-1177-sub-footer-right.component';\nimport { IDFooter1177SubFooterLeftComponent } from './footer-1177-sub-footer-left.component';\nimport { IDFooter1177SubFooterMobileComponent } from './footer-1177-sub-footer-mobile.component';\n\n\n@NgModule({\n imports: [\n IDFooter1177Component,\n IDFooter1177TextComponent,\n IDFooter1177ColComponent,\n IDFooter1177SubFooterRightComponent,\n IDFooter1177SubFooterLeftComponent,\n IDFooter1177SubFooterMobileComponent,\n ],\n exports: [\n IDFooter1177Component,\n IDFooter1177TextComponent,\n IDFooter1177ColComponent,\n IDFooter1177SubFooterRightComponent,\n IDFooter1177SubFooterLeftComponent,\n IDFooter1177SubFooterMobileComponent,\n ],\n})\nexport class IDFooter1177Module {}","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"inera-ids-angular-components-footer-1177.mjs","sources":["../../../projects/ids-angular/components/footer-1177/footer-1177-col.component.ts","../../../projects/ids-angular/components/footer-1177/footer-1177.component.ts","../../../projects/ids-angular/components/footer-1177/footer-1177.component.html","../../../projects/ids-angular/components/footer-1177/footer-1177-text.component.ts","../../../projects/ids-angular/components/footer-1177/footer-1177-sub-footer-right.component.ts","../../../projects/ids-angular/components/footer-1177/footer-1177-sub-footer-left.component.ts","../../../projects/ids-angular/components/footer-1177/footer-1177-sub-footer-mobile.component.ts","../../../projects/ids-angular/components/footer-1177/footer-1177.module.ts","../../../projects/ids-angular/components/footer-1177/inera-ids-angular-components-footer-1177.ts"],"sourcesContent":["import { afterNextRender, ChangeDetectorRef, Component, contentChildren, DestroyRef, HostBinding, inject } from '@angular/core';\nimport { IDLinkDirective } from '@inera/ids-angular/components/link';\n\n@Component({\n selector: 'id-footer-1177-col',\n standalone: true,\n template: `<ng-content></ng-content>`,\n host: {\n class: 'ids-footer-1177__link-col',\n }\n})\nexport class IDFooter1177ColComponent {\n links = contentChildren(IDLinkDirective);\n\n columnClass: string;\n\n @HostBinding('class')\n get hostClass() {\n return `ids-footer-1177__link-col ${this.columnClass \|\| ''}`;\n }\n\n private destroyRef = inject(DestroyRef);\n cdr = inject(ChangeDetectorRef);\n\n constructor() {\n afterNextRender(() => {\n this.links().forEach((link) => {\n link.footer = true;\n link.block = true;\n });\n });\n }\n}","import { AfterContentInit, ChangeDetectorRef, Component, contentChildren, DestroyRef, effect, inject, Input } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { IDFooter1177ColComponent } from './footer-1177-col.component';\n\n@Component({\n selector: 'id-footer-1177',\n templateUrl: './footer-1177.component.html',\n standalone: true,\n})\nexport class IDFooter1177Component implements AfterContentInit {\n\n @Input() headline: string = '';\n @Input() subHeadline: string = '';\n\n cols = contentChildren(IDFooter1177ColComponent);\n\n private destroyRef = inject(DestroyRef);\n private cdr = inject(ChangeDetectorRef);\n\n constructor() {\n effect(() => {\n const cols = this.cols();\n this.updateColumnClasses(cols);\n });\n }\n\n ngAfterContentInit(): void {\n this.updateColumnClasses(this.cols());\n }\n\n private updateColumnClasses(cols: readonly IDFooter1177ColComponent[]) {\n const colLength = cols.length;\n \n const classMap: Record<number, string> = {\n 1: \"ids-footer-1177__link-col--100\",\n 2: \"ids-footer-1177__link-col--50\",\n 3: \"ids-footer-1177__link-col--33\"\n };\n\n const newClass = classMap[colLength] \|\| classMap[1];\n\n cols.forEach((col) => {\n col.columnClass = newClass;\n });\n }\n \n}\n","<footer class=\"ids-footer-1177\">\n <div class=\"ids-footer-1177__inner-wrapper\">\n <div class=\"ids-footer-1177__inner\">\n <div class=\"ids-footer-1177__headline-wrapper\">\n <h1 class=\"ids-footer-1177__headline\">\n {{ headline }}\n <span class=\"ids-footer-1177__headline--sub\">{{ subHeadline }}</span>\n </h1>\n </div>\n\n <div class=\"ids-footer-1177__content\">\n <ng-content select=\"id-footer-1177-text\"></ng-content>\n @if(cols().length > 0) {\n <div class=\"ids-footer-1177__cols\">\n <ng-content select=\"id-footer-1177-col\"></ng-content>\n </div>\n }\n </div>\n </div>\n </div>\n\n <div class=\"ids-footer-1177__mobile-menu\">\n <ng-content select=\"id-mobile-menu\"></ng-content>\n </div>\n\n <div class=\"ids-footer-1177__sub-footer\">\n <div class=\"ids-footer-1177__sub-footer-container\">\n <div class=\"ids-footer-1177__sub-footer-inner\">\n <ng-content select=\"id-footer-1177-sub-footer-left\"></ng-content>\n <ng-content select=\"id-footer-1177-sub-footer-right\"></ng-content>\n <ng-content select=\"id-footer-1177-sub-footer-mobile\"></ng-content>\n </div>\n </div>\n\n <div class=\"ids-footer-1177__sub-footer-mobile\">\n <div class=\"ids-footer-1177__sub-footer-mobile-text\">\n <p>\n 1177 drivs av\n <a\n href=\"https://www.inera.se\"\n class=\"ids-link ids-link--icon ids-link--small ids-link--underlined ids-link--color-3\"\n >\n <span>\n Inera AB\n <span class=\"ids-icon-external-link-small ids-icon--text-end\"></span>\n </span>\n </a>\n på uppdrag av Sveriges regioner\n </p>\n </div>\n </div>\n </div>\n</footer>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'id-footer-1177-text',\n standalone: true,\n template: `\n <ng-content></ng-content>\n <div class=\"ids-footer-1177__darkmode-toggle\">\n <ng-content select=\"id-darkmode-toggle\"></ng-content>\n </div>\n `,\n host: {\n class: 'ids-footer-1177__text',\n },\n})\nexport class IDFooter1177TextComponent {}\n","import { Component } from \"@angular/core\";\n\n@Component({\n selector: 'id-footer-1177-sub-footer-right',\n standalone: true,\n template: `<ng-content></ng-content>`,\n host: {\n class: 'ids-footer-1177__sub-footer-right'\n }\n})\nexport class IDFooter1177SubFooterRightComponent {\n\n}","import { Component } from '@angular/core';\n\n@Component({\n selector: 'id-footer-1177-sub-footer-left',\n standalone: true,\n template: `<ng-content></ng-content>`,\n host: {\n class: 'ids-footer-1177__sub-footer-left'\n }\n})\nexport class IDFooter1177SubFooterLeftComponent {\n\n}","import { Component } from '@angular/core';\n\n@Component({\n selector: 'id-footer-1177-sub-footer-mobile',\n standalone: true,\n template: `<ng-content></ng-content>`,\n host: {\n class: 'ids-footer-1177__mobile-links'\n }\n})\nexport class IDFooter1177SubFooterMobileComponent {\n\n}","import { NgModule } from '@angular/core';\n\nimport { IDFooter1177Component } from './footer-1177.component';\nimport { IDFooter1177TextComponent } from './footer-1177-text.component';\nimport { IDFooter1177ColComponent } from './footer-1177-col.component';\nimport { IDFooter1177SubFooterRightComponent } from './footer-1177-sub-footer-right.component';\nimport { IDFooter1177SubFooterLeftComponent } from './footer-1177-sub-footer-left.component';\nimport { IDFooter1177SubFooterMobileComponent } from './footer-1177-sub-footer-mobile.component';\n\n\n@NgModule({\n imports: [\n IDFooter1177Component,\n IDFooter1177TextComponent,\n IDFooter1177ColComponent,\n IDFooter1177SubFooterRightComponent,\n IDFooter1177SubFooterLeftComponent,\n IDFooter1177SubFooterMobileComponent,\n ],\n exports: [\n IDFooter1177Component,\n IDFooter1177TextComponent,\n IDFooter1177ColComponent,\n IDFooter1177SubFooterRightComponent,\n IDFooter1177SubFooterLeftComponent,\n IDFooter1177SubFooterMobileComponent,\n ],\n})\nexport class IDFooter1177Module {}","/*\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-admin.mjs CHANGED Viewed

@@ -1,31 +1,27 @@
 import * as i0 from '@angular/core';
-import { inject, ElementRef, DestroyRef, HostBinding, ContentChildren, Component, Input, NgModule } from '@angular/core';
+import { contentChildren, inject, ElementRef, DestroyRef, ChangeDetectorRef, afterNextRender, HostBinding, Component, effect, Input, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { IDLinkDirective } from '@inera/ids-angular/components/link';
 class IDFooterIneraAdminColComponent {
-    links;
+    links = contentChildren(IDLinkDirective);
     columnClass;
     get hostClass() {
-        return this.columnClass;
+        return `ids-footer-inera-admin__link-col ${this.columnClass || ''}`;
     }
     elementRef = inject(ElementRef);
     destroyRef = inject(DestroyRef);
-    updateColumnClasses() {
-        this.links.forEach((link) => {
-            link.colorPreset = 2;
-            link.block = true;
-        });
-    }
-    ngAfterContentInit() {
-        this.updateColumnClasses();
-        this.links.changes.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {
-            this.updateColumnClasses();
+    cdr = inject(ChangeDetectorRef);
+    constructor() {
+        afterNextRender(() => {
+            this.links().forEach((link) => {
+                link.colorPreset = 2;
+                link.block = true;
+            });
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDFooterIneraAdminColComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDFooterIneraAdminColComponent, isStandalone: true, selector: "id-footer-inera-admin-col", host: { properties: { "class": "this.hostClass" }, classAttribute: "ids-footer-inera-admin__link-col" }, queries: [{ propertyName: "links", predicate: IDLinkDirective }], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.20", type: IDFooterIneraAdminColComponent, isStandalone: true, selector: "id-footer-inera-admin-col", host: { properties: { "class": "this.hostClass" }, classAttribute: "ids-footer-inera-admin__link-col" }, queries: [{ propertyName: "links", predicate: IDLinkDirective, isSignal: true }], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDFooterIneraAdminColComponent, decorators: [{
             type: Component,
@@ -37,47 +33,44 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                         class: 'ids-footer-inera-admin__link-col'
                     }
                 }]
-        }], propDecorators: { links: [{
-                type: ContentChildren,
-                args: [IDLinkDirective]
-            }], hostClass: [{
+        }], ctorParameters: () => [], propDecorators: { hostClass: [{
                 type: HostBinding,
                 args: ['class']
             }] } });
 class IDFooterIneraAdminComponent {
     headline = '';
-    cols;
+    cols = contentChildren(IDFooterIneraAdminColComponent);
     destroyRef = inject(DestroyRef);
-    updateColumnClasses() {
-        const colLength = this.cols?.length || 0;
+    constructor() {
+        effect(() => {
+            const cols = this.cols();
+            this.updateColumnClasses(cols);
+        });
+    }
+    ngAfterContentInit() {
+        this.updateColumnClasses(this.cols());
+    }
+    updateColumnClasses(cols) {
+        const colLength = cols.length;
         const classMap = {
             1: "ids-footer-inera-admin__link-col--100",
             2: "ids-footer-inera-admin__link-col--50",
             3: "ids-footer-inera-admin__link-col--33"
         };
         const newClass = classMap[colLength] || classMap[1];
-        this.cols?.forEach((col) => {
+        cols.forEach((col) => {
             col.columnClass = newClass;
         });
     }
-    ngAfterContentInit() {
-        this.updateColumnClasses();
-        this.cols?.changes.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {
-            this.updateColumnClasses();
-        });
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDFooterIneraAdminComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: IDFooterIneraAdminComponent, isStandalone: true, selector: "id-footer-inera-admin", inputs: { headline: "headline" }, queries: [{ propertyName: "cols", predicate: IDFooterIneraAdminColComponent }], ngImport: i0, template: "\n<footer class=\"ids-footer-inera-admin\">\n  <div class=\"ids-footer-inera-admin__inner-wrapper\">\n    <div class=\"ids-footer-inera-admin__inner\">\n      <div class=\"ids-footer-inera-admin__headline-wrapper\">\n        <h1 class=\"ids-footer-inera-admin__headline\">\n          {{headline}}\n        </h1>\n      </div>\n\n      <div class=\"ids-footer-inera-admin__content\">\n        <ng-content select=\"id-footer-inera-admin-text\"></ng-content>\n        @if(cols.length > 0) {\n          <div class=\"ids-footer-inera-admin__cols\">\n             <ng-content select=\"id-footer-inera-admin-col\"></ng-content>\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n\n  <div class=\"ids-footer-inera-admin__mobile-menu\">\n    <ng-content select=\"id-mobile-menu\"></ng-content>\n  </div>\n\n  <div class=\"ids-footer-inera-admin__sub-footer\">\n    <div class=\"ids-footer-inera-admin__sub-footer-container\">\n      <div class=\"ids-footer-inera-admin__sub-footer-inner\">\n        <ng-content select=\"id-footer-inera-admin-sub-footer-left\"></ng-content>\n        <ng-content select=\"id-footer-inera-admin-sub-footer-right\"></ng-content>\n        <ng-content select=\"id-footer-inera-admin-sub-footer-mobile\"></ng-content>\n      </div>\n    </div>\n\n    <div class=\"ids-footer-inera-admin__sub-footer-mobile\">\n      <ng-content select=\"id-footer-inera-admin-sub-footer-mobile-text\"></ng-content>\n    </div>\n  </div>\n</footer>", dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: IDFooterIneraAdminComponent, isStandalone: true, selector: "id-footer-inera-admin", inputs: { headline: "headline" }, queries: [{ propertyName: "cols", predicate: IDFooterIneraAdminColComponent, isSignal: true }], ngImport: i0, template: "\n<footer class=\"ids-footer-inera-admin\">\n  <div class=\"ids-footer-inera-admin__inner-wrapper\">\n    <div class=\"ids-footer-inera-admin__inner\">\n      <div class=\"ids-footer-inera-admin__headline-wrapper\">\n        <h1 class=\"ids-footer-inera-admin__headline\">\n          {{headline}}\n        </h1>\n      </div>\n\n      <div class=\"ids-footer-inera-admin__content\">\n        <ng-content select=\"id-footer-inera-admin-text\"></ng-content>\n        @if(cols().length > 0) {\n          <div class=\"ids-footer-inera-admin__cols\">\n             <ng-content select=\"id-footer-inera-admin-col\"></ng-content>\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n\n  <div class=\"ids-footer-inera-admin__mobile-menu\">\n    <ng-content select=\"id-mobile-menu\"></ng-content>\n  </div>\n\n  <div class=\"ids-footer-inera-admin__sub-footer\">\n    <div class=\"ids-footer-inera-admin__sub-footer-container\">\n      <div class=\"ids-footer-inera-admin__sub-footer-inner\">\n        <ng-content select=\"id-footer-inera-admin-sub-footer-left\"></ng-content>\n        <ng-content select=\"id-footer-inera-admin-sub-footer-right\"></ng-content>\n        <ng-content select=\"id-footer-inera-admin-sub-footer-mobile\"></ng-content>\n      </div>\n    </div>\n\n    <div class=\"ids-footer-inera-admin__sub-footer-mobile\">\n      <ng-content select=\"id-footer-inera-admin-sub-footer-mobile-text\"></ng-content>\n    </div>\n  </div>\n</footer>", dependencies: [{ kind: "ngmodule", type: CommonModule }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDFooterIneraAdminComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'id-footer-inera-admin', standalone: true, imports: [CommonModule], template: "\n<footer class=\"ids-footer-inera-admin\">\n  <div class=\"ids-footer-inera-admin__inner-wrapper\">\n    <div class=\"ids-footer-inera-admin__inner\">\n      <div class=\"ids-footer-inera-admin__headline-wrapper\">\n        <h1 class=\"ids-footer-inera-admin__headline\">\n          {{headline}}\n        </h1>\n      </div>\n\n      <div class=\"ids-footer-inera-admin__content\">\n        <ng-content select=\"id-footer-inera-admin-text\"></ng-content>\n        @if(cols.length > 0) {\n          <div class=\"ids-footer-inera-admin__cols\">\n             <ng-content select=\"id-footer-inera-admin-col\"></ng-content>\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n\n  <div class=\"ids-footer-inera-admin__mobile-menu\">\n    <ng-content select=\"id-mobile-menu\"></ng-content>\n  </div>\n\n  <div class=\"ids-footer-inera-admin__sub-footer\">\n    <div class=\"ids-footer-inera-admin__sub-footer-container\">\n      <div class=\"ids-footer-inera-admin__sub-footer-inner\">\n        <ng-content select=\"id-footer-inera-admin-sub-footer-left\"></ng-content>\n        <ng-content select=\"id-footer-inera-admin-sub-footer-right\"></ng-content>\n        <ng-content select=\"id-footer-inera-admin-sub-footer-mobile\"></ng-content>\n      </div>\n    </div>\n\n    <div class=\"ids-footer-inera-admin__sub-footer-mobile\">\n      <ng-content select=\"id-footer-inera-admin-sub-footer-mobile-text\"></ng-content>\n    </div>\n  </div>\n</footer>" }]
-        }], propDecorators: { headline: [{
+            args: [{ selector: 'id-footer-inera-admin', standalone: true, imports: [CommonModule], template: "\n<footer class=\"ids-footer-inera-admin\">\n  <div class=\"ids-footer-inera-admin__inner-wrapper\">\n    <div class=\"ids-footer-inera-admin__inner\">\n      <div class=\"ids-footer-inera-admin__headline-wrapper\">\n        <h1 class=\"ids-footer-inera-admin__headline\">\n          {{headline}}\n        </h1>\n      </div>\n\n      <div class=\"ids-footer-inera-admin__content\">\n        <ng-content select=\"id-footer-inera-admin-text\"></ng-content>\n        @if(cols().length > 0) {\n          <div class=\"ids-footer-inera-admin__cols\">\n             <ng-content select=\"id-footer-inera-admin-col\"></ng-content>\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n\n  <div class=\"ids-footer-inera-admin__mobile-menu\">\n    <ng-content select=\"id-mobile-menu\"></ng-content>\n  </div>\n\n  <div class=\"ids-footer-inera-admin__sub-footer\">\n    <div class=\"ids-footer-inera-admin__sub-footer-container\">\n      <div class=\"ids-footer-inera-admin__sub-footer-inner\">\n        <ng-content select=\"id-footer-inera-admin-sub-footer-left\"></ng-content>\n        <ng-content select=\"id-footer-inera-admin-sub-footer-right\"></ng-content>\n        <ng-content select=\"id-footer-inera-admin-sub-footer-mobile\"></ng-content>\n      </div>\n    </div>\n\n    <div class=\"ids-footer-inera-admin__sub-footer-mobile\">\n      <ng-content select=\"id-footer-inera-admin-sub-footer-mobile-text\"></ng-content>\n    </div>\n  </div>\n</footer>" }]
+        }], ctorParameters: () => [], propDecorators: { headline: [{
                 type: Input
-            }], cols: [{
-                type: ContentChildren,
-                args: [IDFooterIneraAdminColComponent]
             }] } });
 class IDFooterIneraAdminTextComponent {