@inera/ids-angular 8.2.0 → 9.0.0

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

@@ -1,30 +1,196 @@
-import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Input, CUSTOM_ELEMENTS_SCHEMA, Component } from '@angular/core';
-import '@inera/ids-core/components/footer-inera/register';
+import { HostBinding, ContentChildren, Component, Input, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { IDLinkDirective } from '@inera/ids-angular/components/link';
+
+class IDFooterIneraColComponent {
+    links;
+    columnClass;
+    get hostClass() {
+        return this.columnClass;
+    }
+    updateColumnClasses() {
+        this.links.forEach((link) => {
+            link.footer = true;
+            link.block = true;
+        });
+    }
+    ngAfterContentInit() {
+        this.updateColumnClasses();
+        this.links.changes.subscribe(() => {
+            this.updateColumnClasses();
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDFooterIneraColComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDFooterIneraColComponent, isStandalone: true, selector: "id-footer-inera-col", host: { properties: { "class": "this.hostClass" }, classAttribute: "ids-footer-inera__link-col" }, queries: [{ propertyName: "links", predicate: IDLinkDirective }], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDFooterIneraColComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'id-footer-inera-col',
+                    standalone: true,
+                    template: `<ng-content></ng-content>`,
+                    host: {
+                        class: 'ids-footer-inera__link-col'
+                    }
+                }]
+        }], propDecorators: { links: [{
+                type: ContentChildren,
+                args: [IDLinkDirective]
+            }], hostClass: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
 
 class IDFooterIneraComponent {
-    constructor() { }
-    headline = "";
-    cols = 3;
-    srheadline = "";
+    headline;
+    cols;
+    updateColumnClasses() {
+        const colLength = this.cols?.length || 0;
+        const classMap = {
+            1: "ids-footer-inera__link-col--100",
+            2: "ids-footer-inera__link-col--50",
+            3: "ids-footer-inera__link-col--33"
+        };
+        const newClass = classMap[colLength] || classMap[1];
+        this.cols?.forEach((col) => {
+            col.columnClass = newClass;
+        });
+    }
+    ngAfterContentInit() {
+        this.updateColumnClasses();
+        this.cols?.changes.subscribe(() => {
+            this.updateColumnClasses();
+        });
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDFooterIneraComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDFooterIneraComponent, isStandalone: true, selector: "id-footer-inera", inputs: { headline: "headline", cols: "cols", srheadline: "srheadline" }, ngImport: i0, template: "<ids-footer-inera [headline]=\"headline\" [srheadline]=\"srheadline\" [cols]=\"cols\">\n  <ng-content></ng-content>\n</ids-footer-inera>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", 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 }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDFooterIneraComponent, decorators: [{
             type: Component,
-            args: [{ selector: "id-footer-inera", standalone: true, imports: [CommonModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<ids-footer-inera [headline]=\"headline\" [srheadline]=\"srheadline\" [cols]=\"cols\">\n  <ng-content></ng-content>\n</ids-footer-inera>\n" }]
-        }], ctorParameters: () => [], propDecorators: { headline: [{
+            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>" }]
+        }], propDecorators: { headline: [{
                 type: Input
             }], cols: [{
-                type: Input
-            }], srheadline: [{
-                type: Input
+                type: ContentChildren,
+                args: [IDFooterIneraColComponent]
             }] } });
 
+class IDFooterIneraTextComponent {
+    constructor() { }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDFooterIneraTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDFooterIneraTextComponent, isStandalone: true, selector: "id-footer-inera-text", host: { classAttribute: "ids-footer-inera__text" }, ngImport: i0, template: `
+    <ng-content></ng-content>
+    <div class="ids-footer-inera__darkmode-toggle">
+      <ng-content select="id-darkmode-toggle"></ng-content>
+    </div>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDFooterIneraTextComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'id-footer-inera-text',
+                    standalone: true,
+                    template: `
+    <ng-content></ng-content>
+    <div class="ids-footer-inera__darkmode-toggle">
+      <ng-content select="id-darkmode-toggle"></ng-content>
+    </div>
+  `,
+                    host: {
+                        class: 'ids-footer-inera__text',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+
+class IDFooterIneraSubFooterRightComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDFooterIneraSubFooterRightComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDFooterIneraSubFooterRightComponent, isStandalone: true, selector: "id-footer-inera-sub-footer-right", host: { classAttribute: "ids-footer-inera__sub-footer-right" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDFooterIneraSubFooterRightComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'id-footer-inera-sub-footer-right',
+                    standalone: true,
+                    template: `<ng-content></ng-content>`,
+                    host: {
+                        class: 'ids-footer-inera__sub-footer-right'
+                    }
+                }]
+        }] });
+
+class IDFooterIneraSubFooterLeftComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDFooterIneraSubFooterLeftComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDFooterIneraSubFooterLeftComponent, isStandalone: true, selector: "id-footer-inera-sub-footer-left", host: { classAttribute: "ids-footer-inera__sub-footer-left" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDFooterIneraSubFooterLeftComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'id-footer-inera-sub-footer-left',
+                    standalone: true,
+                    template: `<ng-content></ng-content>`,
+                    host: {
+                        class: 'ids-footer-inera__sub-footer-left'
+                    }
+                }]
+        }] });
+
+class IDFooterIneraSubFooterMobileComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDFooterIneraSubFooterMobileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDFooterIneraSubFooterMobileComponent, isStandalone: true, selector: "id-footer-inera-sub-footer-mobile", host: { classAttribute: "ids-footer-inera__mobile-links" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDFooterIneraSubFooterMobileComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'id-footer-inera-sub-footer-mobile',
+                    standalone: true,
+                    template: `<ng-content></ng-content>`,
+                    host: {
+                        class: 'ids-footer-inera__mobile-links'
+                    }
+                }]
+        }] });
+
+class IDFooterIneraModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDFooterIneraModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: IDFooterIneraModule, imports: [IDFooterIneraComponent,
+            IDFooterIneraTextComponent,
+            IDFooterIneraColComponent,
+            IDFooterIneraSubFooterRightComponent,
+            IDFooterIneraSubFooterLeftComponent,
+            IDFooterIneraSubFooterMobileComponent], exports: [IDFooterIneraComponent,
+            IDFooterIneraTextComponent,
+            IDFooterIneraColComponent,
+            IDFooterIneraSubFooterRightComponent,
+            IDFooterIneraSubFooterLeftComponent,
+            IDFooterIneraSubFooterMobileComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDFooterIneraModule, imports: [IDFooterIneraComponent] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDFooterIneraModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        IDFooterIneraComponent,
+                        IDFooterIneraTextComponent,
+                        IDFooterIneraColComponent,
+                        IDFooterIneraSubFooterRightComponent,
+                        IDFooterIneraSubFooterLeftComponent,
+                        IDFooterIneraSubFooterMobileComponent,
+                    ],
+                    exports: [
+                        IDFooterIneraComponent,
+                        IDFooterIneraTextComponent,
+                        IDFooterIneraColComponent,
+                        IDFooterIneraSubFooterRightComponent,
+                        IDFooterIneraSubFooterLeftComponent,
+                        IDFooterIneraSubFooterMobileComponent,
+                    ],
+                }]
+        }] });
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { IDFooterIneraComponent };
+export { IDFooterIneraColComponent, IDFooterIneraComponent, IDFooterIneraModule, IDFooterIneraSubFooterLeftComponent, IDFooterIneraSubFooterMobileComponent, IDFooterIneraSubFooterRightComponent, IDFooterIneraTextComponent };
 //# sourceMappingURL=inera-ids-angular-components-footer-inera.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"inera-ids-angular-components-footer-inera.mjs","sources":["../../../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/inera-ids-angular-components-footer-inera.ts"],"sourcesContent":["import { CommonModule } from \"@angular/common\";\nimport { Component, CUSTOM_ELEMENTS_SCHEMA, Input } from \"@angular/core\";\nimport \"@inera/ids-core/components/footer-inera/register\";\n\n@Component({\n  selector: \"id-footer-inera\",\n  templateUrl: \"./footer-inera.component.html\",\n  standalone: true,\n  imports: [CommonModule],\n  schemas: [CUSTOM_ELEMENTS_SCHEMA]\n})\nexport class IDFooterIneraComponent {\n  constructor() {}\n\n  @Input()\n  headline: string = \"\";\n  @Input()\n  cols: number = 3;\n  @Input()\n  srheadline: string = \"\";\n}\n","<ids-footer-inera [headline]=\"headline\" [srheadline]=\"srheadline\" [cols]=\"cols\">\n  <ng-content></ng-content>\n</ids-footer-inera>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAWa,sBAAsB,CAAA;AACjC,IAAA,WAAA,GAAA,EAAe;IAGf,QAAQ,GAAW,EAAE;IAErB,IAAI,GAAW,CAAC;IAEhB,UAAU,GAAW,EAAE;wGARZ,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,QAAA,EAAA,UAAA,EAAA,IAAA,EAAA,MAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECXnC,4IAGA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDKY,YAAY,EAAA,CAAA,EAAA,CAAA;;4FAGX,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAPlC,SAAS;+BACE,iBAAiB,EAAA,UAAA,EAEf,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,CAAC,EAAA,OAAA,EACd,CAAC,sBAAsB,CAAC,EAAA,QAAA,EAAA,4IAAA,EAAA;wDAMjC,QAAQ,EAAA,CAAA;sBADP;gBAGD,IAAI,EAAA,CAAA;sBADH;gBAGD,UAAU,EAAA,CAAA;sBADT;;;AElBH;;AAEG;;;;"}
+{"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, HostBinding, QueryList } from '@angular/core';\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 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.subscribe(() => {\n      this.updateColumnClasses();\n    });\n  }\n}","import { CommonModule } from '@angular/common';\nimport { Component, ContentChildren, Input, QueryList } from '@angular/core';\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 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.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  constructor() {}\n}\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":"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"}

package/fesm2022/inera-ids-angular-components-form-check-button.mjs

@@ -1,37 +1,25 @@
 import * as i0 from '@angular/core';
-import { ViewEncapsulation, Component, CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
+import { Component } from '@angular/core';
 import { IDFormBase } from '@inera/ids-angular/common';
-import '@inera/ids-core/components/form/check-button/register';
 
 class IDCheckButtonComponent extends IDFormBase {
-    constructor() {
-        super();
+    ngAfterContentInit() {
+        super.ngAfterContentInit();
+        this.inputLabelLinker.link(this.host);
+        this.renderer.addClass(this.input, 'ids-check-button__input');
+        this.renderer.addClass(this.label, 'ids-check-button__label');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDCheckButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDCheckButtonComponent, selector: "id-check-button", usesInheritance: true, ngImport: i0, template: "<ids-check-button>\n  <ng-content></ng-content>\n</ids-check-button>\n", encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDCheckButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDCheckButtonComponent, isStandalone: true, selector: "id-check-button", usesInheritance: true, ngImport: i0, template: "<div class=\"ids-check-button\">\n  <ng-content></ng-content>\n</div>\n" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDCheckButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: "id-check-button", encapsulation: ViewEncapsulation.None, template: "<ids-check-button>\n  <ng-content></ng-content>\n</ids-check-button>\n" }]
-        }], ctorParameters: () => [] });
-
-class IDCheckButtonModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDCheckButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: IDCheckButtonModule, declarations: [IDCheckButtonComponent], exports: [IDCheckButtonComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDCheckButtonModule });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDCheckButtonModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [IDCheckButtonComponent],
-                    exports: [IDCheckButtonComponent],
-                    schemas: [CUSTOM_ELEMENTS_SCHEMA]
-                }]
+            args: [{ selector: "id-check-button", standalone: true, template: "<div class=\"ids-check-button\">\n  <ng-content></ng-content>\n</div>\n" }]
         }] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { IDCheckButtonComponent, IDCheckButtonModule };
+export { IDCheckButtonComponent };
 //# sourceMappingURL=inera-ids-angular-components-form-check-button.mjs.map

package/fesm2022/inera-ids-angular-components-form-check-button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"inera-ids-angular-components-form-check-button.mjs","sources":["../../../projects/ids-angular/components/form/check-button/check-button.component.ts","../../../projects/ids-angular/components/form/check-button/check-button.component.html","../../../projects/ids-angular/components/form/check-button/check-button.module.ts","../../../projects/ids-angular/components/form/check-button/inera-ids-angular-components-form-check-button.ts"],"sourcesContent":["import { Component, ViewEncapsulation } from \"@angular/core\";\nimport { IDFormBase } from \"@inera/ids-angular/common\";\n\n@Component({\n  selector: \"id-check-button\",\n  templateUrl: \"./check-button.component.html\",\n  encapsulation: ViewEncapsulation.None\n})\nexport class IDCheckButtonComponent extends IDFormBase {\n  constructor() {\n    super();\n  }\n}\n","<ids-check-button>\n  <ng-content></ng-content>\n</ids-check-button>\n","import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from \"@angular/core\";\nimport { IDCheckButtonComponent } from \"./check-button.component\";\nimport \"@inera/ids-core/components/form/check-button/register\";\n\n@NgModule({\n  declarations: [IDCheckButtonComponent],\n  exports: [IDCheckButtonComponent],\n  schemas: [CUSTOM_ELEMENTS_SCHEMA]\n})\nexport class IDCheckButtonModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;AAQM,MAAO,sBAAuB,SAAQ,UAAU,CAAA;AACpD,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE;IACT;wGAHW,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,8ECRnC,wEAGA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;4FDKa,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBALlC,SAAS;+BACE,iBAAiB,EAAA,aAAA,EAEZ,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,wEAAA,EAAA;;;MEG1B,mBAAmB,CAAA;wGAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;yGAAnB,mBAAmB,EAAA,YAAA,EAAA,CAJf,sBAAsB,CAAA,EAAA,OAAA,EAAA,CAC3B,sBAAsB,CAAA,EAAA,CAAA;yGAGrB,mBAAmB,EAAA,CAAA;;4FAAnB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAL/B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,sBAAsB,CAAC;oBACtC,OAAO,EAAE,CAAC,sBAAsB,CAAC;oBACjC,OAAO,EAAE,CAAC,sBAAsB;AACjC,iBAAA;;;ACRD;;AAEG;;;;"}
+{"version":3,"file":"inera-ids-angular-components-form-check-button.mjs","sources":["../../../projects/ids-angular/components/form/check-button/check-button.component.ts","../../../projects/ids-angular/components/form/check-button/check-button.component.html","../../../projects/ids-angular/components/form/check-button/inera-ids-angular-components-form-check-button.ts"],"sourcesContent":["import { AfterContentInit, Component } from \"@angular/core\";\nimport { IDFormBase } from \"@inera/ids-angular/common\";\n\n@Component({\n  selector: \"id-check-button\",\n  templateUrl: \"./check-button.component.html\",\n  standalone: true\n})\nexport class IDCheckButtonComponent extends IDFormBase implements AfterContentInit {\n\n  ngAfterContentInit() {\n    super.ngAfterContentInit();\n    this.inputLabelLinker.link(this.host);\n    this.renderer.addClass(this.input, 'ids-check-button__input');\n    this.renderer.addClass(this.label, 'ids-check-button__label');\n  }\n}\n","<div class=\"ids-check-button\">\n  <ng-content></ng-content>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;AAQM,MAAO,sBAAuB,SAAQ,UAAU,CAAA;IAEpD,kBAAkB,GAAA;QAChB,KAAK,CAAC,kBAAkB,EAAE;QAC1B,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;QACrC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,yBAAyB,CAAC;QAC7D,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,yBAAyB,CAAC;IAC/D;wGAPW,sBAAsB,EAAA,IAAA,EAAA,IAAA,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,kGCRnC,yEAGA,EAAA,CAAA;;4FDKa,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBALlC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,cAEf,IAAI,EAAA,QAAA,EAAA,yEAAA,EAAA;;;AENlB;;AAEG;;;;"}

package/fesm2022/inera-ids-angular-components-form-checkbox-group.mjs

@@ -1,55 +1,51 @@
 import * as i0 from '@angular/core';
-import { Input, ViewEncapsulation, Component, CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
-import { IDFormBase } from '@inera/ids-angular/common';
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import '@inera/ids-core/components/form/checkbox/register';
-import '@inera/ids-core/components/form/error-message/register';
+import { inject, DestroyRef, booleanAttribute, Input, ContentChild, ContentChildren, Component } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { IDCheckboxComponent } from '@inera/ids-angular/components/form/checkbox';
+import { IDErrorMessageComponent } from '@inera/ids-angular/components/form/error-message';
 
-class IDCheckboxGroupComponent extends IDFormBase {
-    errormessage = undefined;
-    legend = undefined;
-    compact = undefined;
-    constructor() {
-        super();
+class IDCheckboxGroupComponent {
+    checkboxes;
+    errorMessage;
+    legend;
+    compact = false;
+    destroyRef = inject(DestroyRef);
+    ngAfterContentInit() {
+        this.checkboxes.forEach((checkbox) => {
+            checkbox.invalidChange.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((value) => {
+                this.checkShowErrorMessage();
+            });
+        });
+        this.checkShowErrorMessage();
+    }
+    checkShowErrorMessage() {
+        if (this.errorMessage) {
+            const isInvalidPresent = this.checkboxes.find((checkbox) => checkbox.invalid);
+            this.errorMessage.show = Boolean(isInvalidPresent);
+        }
     }
-    ngOnInit() { }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDCheckboxGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDCheckboxGroupComponent, selector: "id-checkbox-group", inputs: { errormessage: "errormessage", legend: "legend", compact: "compact" }, usesInheritance: true, ngImport: i0, template: "<ids-checkbox-group\n  [legend]=\"legend\"\n  [invalid]=\"invalid\"\n  [attr.novalidation]=\"novalidation ? true : null\"\n  [attr.compact]=\"compact ? true : null\">\n  <ng-content></ng-content>\n  <ids-error-message *ngIf=\"errormessage\">{{ errormessage }}</ids-error-message>\n</ids-checkbox-group>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: IDCheckboxGroupComponent, isStandalone: true, selector: "id-checkbox-group", inputs: { legend: "legend", compact: ["compact", "compact", booleanAttribute] }, queries: [{ propertyName: "errorMessage", first: true, predicate: IDErrorMessageComponent, descendants: true }, { propertyName: "checkboxes", predicate: IDCheckboxComponent }], ngImport: i0, template: "<fieldset\n  class=\"ids-form-group__fieldset\"\n  [class.ids-form-group__fieldset--compact]=\"compact\"\n>\n  @if (legend) {\n    <div class=\"ids-label-wrapper\">\n      <legend>\n        {{ legend }}\n        <span class=\"ids-legend__tooltip\">\n          <ng-content select=\"id-tooltip\"></ng-content>\n          <ng-content select=\"id-popover\"></ng-content>\n        </span>\n      </legend>\n    </div>\n  }\n  <ng-content></ng-content>\n  <ng-content select=\"id-error-message\"></ng-content>\n</fieldset>\n" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDCheckboxGroupComponent, decorators: [{
             type: Component,
-            args: [{ selector: "id-checkbox-group", encapsulation: ViewEncapsulation.None, template: "<ids-checkbox-group\n  [legend]=\"legend\"\n  [invalid]=\"invalid\"\n  [attr.novalidation]=\"novalidation ? true : null\"\n  [attr.compact]=\"compact ? true : null\">\n  <ng-content></ng-content>\n  <ids-error-message *ngIf=\"errormessage\">{{ errormessage }}</ids-error-message>\n</ids-checkbox-group>\n" }]
-        }], ctorParameters: () => [], propDecorators: { errormessage: [{
-                type: Input
+            args: [{ selector: "id-checkbox-group", standalone: true, template: "<fieldset\n  class=\"ids-form-group__fieldset\"\n  [class.ids-form-group__fieldset--compact]=\"compact\"\n>\n  @if (legend) {\n    <div class=\"ids-label-wrapper\">\n      <legend>\n        {{ legend }}\n        <span class=\"ids-legend__tooltip\">\n          <ng-content select=\"id-tooltip\"></ng-content>\n          <ng-content select=\"id-popover\"></ng-content>\n        </span>\n      </legend>\n    </div>\n  }\n  <ng-content></ng-content>\n  <ng-content select=\"id-error-message\"></ng-content>\n</fieldset>\n" }]
+        }], propDecorators: { checkboxes: [{
+                type: ContentChildren,
+                args: [IDCheckboxComponent]
+            }], errorMessage: [{
+                type: ContentChild,
+                args: [IDErrorMessageComponent]
             }], legend: [{
                 type: Input
             }], compact: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }] } });
 
-class IDCheckboxGroupModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDCheckboxGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: IDCheckboxGroupModule, declarations: [IDCheckboxGroupComponent], imports: [CommonModule], exports: [IDCheckboxGroupComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDCheckboxGroupModule, imports: [CommonModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDCheckboxGroupModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule],
-                    declarations: [
-                        IDCheckboxGroupComponent
-                    ],
-                    exports: [
-                        IDCheckboxGroupComponent
-                    ],
-                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
-                }]
-        }] });
-
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { IDCheckboxGroupComponent, IDCheckboxGroupModule };
+export { IDCheckboxGroupComponent };
 //# sourceMappingURL=inera-ids-angular-components-form-checkbox-group.mjs.map

package/fesm2022/inera-ids-angular-components-form-checkbox-group.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"inera-ids-angular-components-form-checkbox-group.mjs","sources":["../../../projects/ids-angular/components/form/checkbox-group/checkbox-group.component.ts","../../../projects/ids-angular/components/form/checkbox-group/checkbox-group.component.html","../../../projects/ids-angular/components/form/checkbox-group/checkbox-group.module.ts","../../../projects/ids-angular/components/form/checkbox-group/inera-ids-angular-components-form-checkbox-group.ts"],"sourcesContent":["import { Component, Input, OnInit, ViewEncapsulation } from \"@angular/core\";\nimport { IDFormBase } from \"@inera/ids-angular/common\";\n\n@Component({\n  selector: \"id-checkbox-group\",\n  templateUrl: \"./checkbox-group.component.html\",\n  encapsulation: ViewEncapsulation.None\n})\nexport class IDCheckboxGroupComponent extends IDFormBase implements OnInit {\n  @Input()\n  errormessage: string | undefined = undefined;\n\n  @Input()\n  legend: string | undefined = undefined;\n\n  @Input()\n  compact: boolean | undefined = undefined;\n\n  constructor() {\n    super();\n  }\n\n  ngOnInit(): void {}\n}\n","<ids-checkbox-group\n  [legend]=\"legend\"\n  [invalid]=\"invalid\"\n  [attr.novalidation]=\"novalidation ? true : null\"\n  [attr.compact]=\"compact ? true : null\">\n  <ng-content></ng-content>\n  <ids-error-message *ngIf=\"errormessage\">{{ errormessage }}</ids-error-message>\n</ids-checkbox-group>\n","import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';\nimport { IDCheckboxGroupComponent } from './checkbox-group.component';\nimport '@inera/ids-core/components/form/checkbox/register';\nimport '@inera/ids-core/components/form/error-message/register';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n  imports: [CommonModule],\n  declarations: [\n    IDCheckboxGroupComponent\n  ],\n  exports: [\n    IDCheckboxGroupComponent\n  ],\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class IDCheckboxGroupModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;AAQM,MAAO,wBAAyB,SAAQ,UAAU,CAAA;IAEtD,YAAY,GAAuB,SAAS;IAG5C,MAAM,GAAuB,SAAS;IAGtC,OAAO,GAAwB,SAAS;AAExC,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE;IACT;AAEA,IAAA,QAAQ,KAAU;wGAdP,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAxB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,wBAAwB,gKCRrC,kTAQA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;4FDAa,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBALpC,SAAS;+BACE,mBAAmB,EAAA,aAAA,EAEd,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,kTAAA,EAAA;wDAIrC,YAAY,EAAA,CAAA;sBADX;gBAID,MAAM,EAAA,CAAA;sBADL;gBAID,OAAO,EAAA,CAAA;sBADN;;;MECU,qBAAqB,CAAA;wGAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;AAArB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,EAAA,YAAA,EAAA,CAP9B,wBAAwB,CAAA,EAAA,OAAA,EAAA,CAFhB,YAAY,aAKpB,wBAAwB,CAAA,EAAA,CAAA;AAIf,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,YATtB,YAAY,CAAA,EAAA,CAAA;;4FASX,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAVjC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,YAAY,CAAC;AACvB,oBAAA,YAAY,EAAE;wBACZ;AACD,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP;AACD,qBAAA;oBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;AAClC,iBAAA;;;ACfD;;AAEG;;;;"}
+{"version":3,"file":"inera-ids-angular-components-form-checkbox-group.mjs","sources":["../../../projects/ids-angular/components/form/checkbox-group/checkbox-group.component.ts","../../../projects/ids-angular/components/form/checkbox-group/checkbox-group.component.html","../../../projects/ids-angular/components/form/checkbox-group/inera-ids-angular-components-form-checkbox-group.ts"],"sourcesContent":["import { AfterContentInit, Component, ContentChild, ContentChildren, DestroyRef, Input, QueryList, booleanAttribute, inject } from \"@angular/core\";\nimport { takeUntilDestroyed } from \"@angular/core/rxjs-interop\";\nimport { IDCheckboxComponent } from \"@inera/ids-angular/components/form/checkbox\";\nimport { IDErrorMessageComponent } from \"@inera/ids-angular/components/form/error-message\";\n\n@Component({\n  selector: \"id-checkbox-group\",\n  templateUrl: \"./checkbox-group.component.html\",\n  standalone: true,\n})\nexport class IDCheckboxGroupComponent implements AfterContentInit {\n\n  @ContentChildren(IDCheckboxComponent)\n  checkboxes: QueryList<IDCheckboxComponent>;\n\n  @ContentChild(IDErrorMessageComponent)\n  errorMessage: IDErrorMessageComponent;\n\n  @Input() legend?: string;\n  @Input({ transform: booleanAttribute }) compact: boolean = false;\n\n  private destroyRef = inject(DestroyRef);\n\n  ngAfterContentInit(): void {\n   this.checkboxes.forEach((checkbox) => {\n      checkbox.invalidChange.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((value: boolean) => {\n        this.checkShowErrorMessage();\n      });\n    });\n    this.checkShowErrorMessage();\n  }\n\n  checkShowErrorMessage() {\n    if(this.errorMessage) {\n      const isInvalidPresent = this.checkboxes.find((checkbox) => checkbox.invalid);\n      this.errorMessage.show = Boolean(isInvalidPresent);\n    }\n  }\n\n}\n","<fieldset\n  class=\"ids-form-group__fieldset\"\n  [class.ids-form-group__fieldset--compact]=\"compact\"\n>\n  @if (legend) {\n    <div class=\"ids-label-wrapper\">\n      <legend>\n        {{ legend }}\n        <span class=\"ids-legend__tooltip\">\n          <ng-content select=\"id-tooltip\"></ng-content>\n          <ng-content select=\"id-popover\"></ng-content>\n        </span>\n      </legend>\n    </div>\n  }\n  <ng-content></ng-content>\n  <ng-content select=\"id-error-message\"></ng-content>\n</fieldset>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;MAUa,wBAAwB,CAAA;AAGnC,IAAA,UAAU;AAGV,IAAA,YAAY;AAEH,IAAA,MAAM;IACyB,OAAO,GAAY,KAAK;AAExD,IAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;IAEvC,kBAAkB,GAAA;QACjB,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,QAAQ,KAAI;AAClC,YAAA,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,KAAc,KAAI;gBAC5F,IAAI,CAAC,qBAAqB,EAAE;AAC9B,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC,CAAC;QACF,IAAI,CAAC,qBAAqB,EAAE;IAC9B;IAEA,qBAAqB,GAAA;AACnB,QAAA,IAAG,IAAI,CAAC,YAAY,EAAE;AACpB,YAAA,MAAM,gBAAgB,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,QAAQ,KAAK,QAAQ,CAAC,OAAO,CAAC;YAC7E,IAAI,CAAC,YAAY,CAAC,IAAI,GAAG,OAAO,CAAC,gBAAgB,CAAC;QACpD;IACF;wGA3BW,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAxB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,wBAAwB,iHASf,gBAAgB,CAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,cAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAJtB,uBAAuB,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,YAAA,EAAA,SAAA,EAHpB,mBAAmB,6BCZtC,wgBAkBA,EAAA,CAAA;;4FDRa,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBALpC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,mBAAmB,cAEjB,IAAI,EAAA,QAAA,EAAA,wgBAAA,EAAA;8BAKhB,UAAU,EAAA,CAAA;sBADT,eAAe;uBAAC,mBAAmB;gBAIpC,YAAY,EAAA,CAAA;sBADX,YAAY;uBAAC,uBAAuB;gBAG5B,MAAM,EAAA,CAAA;sBAAd;gBACuC,OAAO,EAAA,CAAA;sBAA9C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;;;AEnBxC;;AAEG;;;;"}

package/fesm2022/inera-ids-angular-components-form-checkbox.mjs

@@ -1,53 +1,54 @@
 import * as i0 from '@angular/core';
-import { Input, ViewEncapsulation, Component, CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
+import { booleanAttribute, Input, Component } from '@angular/core';
 import { IDFormBase } from '@inera/ids-angular/common';
-import '@inera/ids-core/components/form/checkbox/register';
 
 class IDCheckboxComponent extends IDFormBase {
-    nolabel = undefined;
-    compact = undefined;
-    indeterminate = undefined;
-    block = undefined;
-    constructor() {
-        super();
+    block = false;
+    indeterminate = false;
+    light = false;
+    checkedEvent;
+    ngAfterContentInit() {
+        super.ngAfterContentInit();
+        if (!this.ngControl) {
+            this.checkedEvent = this.renderer.listen(this.input, 'changed', () => {
+                super._updateErrorState();
+            });
+        }
+        if (this.label) {
+            this.renderer.addClass(this.label, 'ids-label--clickable');
+        }
+        else {
+            throw new Error('IDS ERROR - label missing in ' + this.host.nativeElement.tagName);
+        }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDCheckboxComponent, selector: "id-checkbox", inputs: { nolabel: "nolabel", compact: "compact", indeterminate: "indeterminate", block: "block" }, usesInheritance: true, ngImport: i0, template: "<ids-checkbox\n  [attr.light]=\"light ? true : null\"\n  [attr.nolabel]=\"nolabel ? true : null\"\n  [invalid]=\"invalid\"\n  [indeterminate]=\"indeterminate ? true : null\"\n  [block]=\"block ? true : null\"\n  [compact]=\"compact ? true : null\"\n  [attr.novalidation]=\"novalidation ? true : null\"\n  (onValid)=\"emitOnValid($event)\"\n  (onInvalid)=\"emitOnInvalid($event)\">\n  <ng-content></ng-content>\n</ids-checkbox>\n", encapsulation: i0.ViewEncapsulation.None });
+    ngOnChanges() {
+        this.input.indeterminate = this.indeterminate;
+    }
+    ngOnDestroy() {
+        this.checkedEvent?.();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDCheckboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: IDCheckboxComponent, isStandalone: true, selector: "id-checkbox", inputs: { block: ["block", "block", booleanAttribute], indeterminate: ["indeterminate", "indeterminate", booleanAttribute], light: ["light", "light", booleanAttribute] }, host: { properties: { "class.ids-checkbox--light": "light" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"ids-checkbox\"\n  [class.ids-checkbox--block]=\"block\"\n  [class.ids-checkbox--light]=\"light\"\n>\n  <ng-content\n    select=\":not(id-error-message):not(id-tooltip):not(label):not(id-popover)\"\n  ></ng-content>\n  <span class=\"ids-label-wrapper\">\n    <ng-content select=\"label\"></ng-content>\n    <span class=\"ids-label__tooltip\">\n      <ng-content select=\"id-tooltip\"></ng-content>\n      <ng-content select=\"id-popover\"></ng-content>\n    </span>\n  </span>\n</div>\n@if (invalid) {\n  <ng-content select=\"id-error-message\"></ng-content>\n}\n" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDCheckboxComponent, decorators: [{
             type: Component,
-            args: [{ selector: "id-checkbox", encapsulation: ViewEncapsulation.None, template: "<ids-checkbox\n  [attr.light]=\"light ? true : null\"\n  [attr.nolabel]=\"nolabel ? true : null\"\n  [invalid]=\"invalid\"\n  [indeterminate]=\"indeterminate ? true : null\"\n  [block]=\"block ? true : null\"\n  [compact]=\"compact ? true : null\"\n  [attr.novalidation]=\"novalidation ? true : null\"\n  (onValid)=\"emitOnValid($event)\"\n  (onInvalid)=\"emitOnInvalid($event)\">\n  <ng-content></ng-content>\n</ids-checkbox>\n" }]
-        }], ctorParameters: () => [], propDecorators: { nolabel: [{
-                type: Input
-            }], compact: [{
-                type: Input
+            args: [{ selector: 'id-checkbox', standalone: true, host: {
+                        '[class.ids-checkbox--light]': 'light',
+                    }, template: "<div\n  class=\"ids-checkbox\"\n  [class.ids-checkbox--block]=\"block\"\n  [class.ids-checkbox--light]=\"light\"\n>\n  <ng-content\n    select=\":not(id-error-message):not(id-tooltip):not(label):not(id-popover)\"\n  ></ng-content>\n  <span class=\"ids-label-wrapper\">\n    <ng-content select=\"label\"></ng-content>\n    <span class=\"ids-label__tooltip\">\n      <ng-content select=\"id-tooltip\"></ng-content>\n      <ng-content select=\"id-popover\"></ng-content>\n    </span>\n  </span>\n</div>\n@if (invalid) {\n  <ng-content select=\"id-error-message\"></ng-content>\n}\n" }]
+        }], propDecorators: { block: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], indeterminate: [{
-                type: Input
-            }], block: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], light: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }] } });
 
-class IDCheckboxModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: IDCheckboxModule, declarations: [IDCheckboxComponent], exports: [IDCheckboxComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDCheckboxModule });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDCheckboxModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        IDCheckboxComponent
-                    ],
-                    exports: [
-                        IDCheckboxComponent
-                    ],
-                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
-                }]
-        }] });
-
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { IDCheckboxComponent, IDCheckboxModule };
+export { IDCheckboxComponent };
 //# sourceMappingURL=inera-ids-angular-components-form-checkbox.mjs.map

package/fesm2022/inera-ids-angular-components-form-checkbox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"inera-ids-angular-components-form-checkbox.mjs","sources":["../../../projects/ids-angular/components/form/checkbox/checkbox.component.ts","../../../projects/ids-angular/components/form/checkbox/checkbox.component.html","../../../projects/ids-angular/components/form/checkbox/checkbox.module.ts","../../../projects/ids-angular/components/form/checkbox/inera-ids-angular-components-form-checkbox.ts"],"sourcesContent":["import { Component, Input, ViewEncapsulation } from \"@angular/core\";\nimport { IDFormBase } from \"@inera/ids-angular/common\";\n\n@Component({\n  selector: \"id-checkbox\",\n  templateUrl: \"./checkbox.component.html\",\n  encapsulation: ViewEncapsulation.None\n})\nexport class IDCheckboxComponent extends IDFormBase {\n  @Input()\n  nolabel: boolean | undefined = undefined;\n\n  @Input()\n  compact: boolean | undefined = undefined;\n\n  @Input()\n  indeterminate: boolean | undefined = undefined;\n\n  @Input()\n  block: boolean | undefined = undefined;\n\n  constructor() {\n    super();\n  }\n}\n","<ids-checkbox\n  [attr.light]=\"light ? true : null\"\n  [attr.nolabel]=\"nolabel ? true : null\"\n  [invalid]=\"invalid\"\n  [indeterminate]=\"indeterminate ? true : null\"\n  [block]=\"block ? true : null\"\n  [compact]=\"compact ? true : null\"\n  [attr.novalidation]=\"novalidation ? true : null\"\n  (onValid)=\"emitOnValid($event)\"\n  (onInvalid)=\"emitOnInvalid($event)\">\n  <ng-content></ng-content>\n</ids-checkbox>\n","import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';\nimport { IDCheckboxComponent } from './checkbox.component';\nimport '@inera/ids-core/components/form/checkbox/register';\n\n@NgModule({\n  declarations: [\n    IDCheckboxComponent\n  ],\n  exports: [\n    IDCheckboxComponent\n  ],\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class IDCheckboxModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;AAQM,MAAO,mBAAoB,SAAQ,UAAU,CAAA;IAEjD,OAAO,GAAwB,SAAS;IAGxC,OAAO,GAAwB,SAAS;IAGxC,aAAa,GAAwB,SAAS;IAG9C,KAAK,GAAwB,SAAS;AAEtC,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE;IACT;wGAfW,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,mBAAmB,8KCRhC,8aAYA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;4FDJa,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAL/B,SAAS;+BACE,aAAa,EAAA,aAAA,EAER,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,8aAAA,EAAA;wDAIrC,OAAO,EAAA,CAAA;sBADN;gBAID,OAAO,EAAA,CAAA;sBADN;gBAID,aAAa,EAAA,CAAA;sBADZ;gBAID,KAAK,EAAA,CAAA;sBADJ;;;MELU,gBAAgB,CAAA;wGAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;yGAAhB,gBAAgB,EAAA,YAAA,EAAA,CAPzB,mBAAmB,CAAA,EAAA,OAAA,EAAA,CAGnB,mBAAmB,CAAA,EAAA,CAAA;yGAIV,gBAAgB,EAAA,CAAA;;4FAAhB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAT5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ;AACD,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP;AACD,qBAAA;oBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;AAClC,iBAAA;;;ACZD;;AAEG;;;;"}
+{"version":3,"file":"inera-ids-angular-components-form-checkbox.mjs","sources":["../../../projects/ids-angular/components/form/checkbox/checkbox.component.ts","../../../projects/ids-angular/components/form/checkbox/checkbox.component.html","../../../projects/ids-angular/components/form/checkbox/inera-ids-angular-components-form-checkbox.ts"],"sourcesContent":["import { AfterContentInit, Component, Input, OnChanges, booleanAttribute } from '@angular/core';\nimport { IDFormBase } from '@inera/ids-angular/common';\n\n@Component({\n  selector: 'id-checkbox',\n  templateUrl: './checkbox.component.html',\n  standalone: true,\n  host: {\n    '[class.ids-checkbox--light]': 'light',\n  }\n})\nexport class IDCheckboxComponent extends IDFormBase implements OnChanges, AfterContentInit {\n\n  @Input({ transform: booleanAttribute }) block: boolean = false;\n  @Input({ transform: booleanAttribute }) indeterminate: boolean = false;\n  @Input({ transform: booleanAttribute }) light: boolean = false;\n\n  private checkedEvent?: () => void;\n\n  ngAfterContentInit(): void {\n    super.ngAfterContentInit();\n    if (!this.ngControl) {\n      this.checkedEvent = this.renderer.listen(this.input, 'changed', () => {\n        super._updateErrorState();\n      });\n    }\n    if (this.label) {\n      this.renderer.addClass(this.label, 'ids-label--clickable');\n    } else {\n      throw new Error('IDS ERROR - label missing in ' + this.host.nativeElement.tagName);\n    }\n  }\n\n  ngOnChanges(): void {\n    this.input.indeterminate = this.indeterminate;\n  }\n\n  ngOnDestroy() {\n    this.checkedEvent?.();\n  }\n}\n","<div\n  class=\"ids-checkbox\"\n  [class.ids-checkbox--block]=\"block\"\n  [class.ids-checkbox--light]=\"light\"\n>\n  <ng-content\n    select=\":not(id-error-message):not(id-tooltip):not(label):not(id-popover)\"\n  ></ng-content>\n  <span class=\"ids-label-wrapper\">\n    <ng-content select=\"label\"></ng-content>\n    <span class=\"ids-label__tooltip\">\n      <ng-content select=\"id-tooltip\"></ng-content>\n      <ng-content select=\"id-popover\"></ng-content>\n    </span>\n  </span>\n</div>\n@if (invalid) {\n  <ng-content select=\"id-error-message\"></ng-content>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;AAWM,MAAO,mBAAoB,SAAQ,UAAU,CAAA;IAET,KAAK,GAAY,KAAK;IACtB,aAAa,GAAY,KAAK;IAC9B,KAAK,GAAY,KAAK;AAEtD,IAAA,YAAY;IAEpB,kBAAkB,GAAA;QAChB,KAAK,CAAC,kBAAkB,EAAE;AAC1B,QAAA,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;AACnB,YAAA,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,SAAS,EAAE,MAAK;gBACnE,KAAK,CAAC,iBAAiB,EAAE;AAC3B,YAAA,CAAC,CAAC;QACJ;AACA,QAAA,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,sBAAsB,CAAC;QAC5D;aAAO;AACL,YAAA,MAAM,IAAI,KAAK,CAAC,+BAA+B,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC;QACpF;IACF;IAEA,WAAW,GAAA;QACT,IAAI,CAAC,KAAK,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa;IAC/C;IAEA,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,YAAY,IAAI;IACvB;wGA5BW,mBAAmB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,mBAAmB,mFAEV,gBAAgB,CAAA,EAAA,aAAA,EAAA,CAAA,eAAA,EAAA,eAAA,EAChB,gBAAgB,CAAA,EAAA,KAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAChB,gBAAgB,yICftC,okBAmBA,EAAA,CAAA;;4FDRa,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAR/B,SAAS;+BACE,aAAa,EAAA,UAAA,EAEX,IAAI,EAAA,IAAA,EACV;AACJ,wBAAA,6BAA6B,EAAE,OAAO;AACvC,qBAAA,EAAA,QAAA,EAAA,okBAAA,EAAA;8BAIuC,KAAK,EAAA,CAAA;sBAA5C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBACE,aAAa,EAAA,CAAA;sBAApD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBACE,KAAK,EAAA,CAAA;sBAA5C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;;;AEfxC;;AAEG;;;;"}

package/fesm2022/inera-ids-angular-components-form-darkmode-toggle.mjs

@@ -0,0 +1,19 @@
+import * as i0 from '@angular/core';
+import { Component } from '@angular/core';
+import { IDFormBase } from '@inera/ids-angular/common';
+
+class IDDarkmodeToggleComponent extends IDFormBase {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDDarkmodeToggleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDDarkmodeToggleComponent, isStandalone: true, selector: "id-darkmode-toggle", usesInheritance: true, ngImport: i0, template: "<div class=\"ids-darkmode-toggle\">\n  <ng-content></ng-content>\n  <span class=\"ids-label-wrapper\">\n    <ng-content select=\"label\"></ng-content>\n    <span class=\"ids-label__tooltip\">\n      <ng-content select=\"id-tooltip\"></ng-content>\n      <ng-content select=\"id-popover\"></ng-content>\n    </span>\n  </span>\n</div>\n", styles: [":host{display:inline-flex}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDDarkmodeToggleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'id-darkmode-toggle', standalone: true, template: "<div class=\"ids-darkmode-toggle\">\n  <ng-content></ng-content>\n  <span class=\"ids-label-wrapper\">\n    <ng-content select=\"label\"></ng-content>\n    <span class=\"ids-label__tooltip\">\n      <ng-content select=\"id-tooltip\"></ng-content>\n      <ng-content select=\"id-popover\"></ng-content>\n    </span>\n  </span>\n</div>\n", styles: [":host{display:inline-flex}\n"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { IDDarkmodeToggleComponent };
+//# sourceMappingURL=inera-ids-angular-components-form-darkmode-toggle.mjs.map