@inera/ids-angular 8.2.0 → 9.0.1

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

@@ -1,82 +1,143 @@
-import * as i0 from '@angular/core';
-import { EventEmitter, Output, Input, Component, CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
-import '@inera/ids-core/components/alert/register';
+import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { TemplateRef, ViewChild, Component, inject, EventEmitter, booleanAttribute, ContentChild, Output, Input } from '@angular/core';
+import { IDUseIdService } from '@inera/ids-angular/common';
+
+class IDAlertHeaderComponent {
+    template;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDAlertHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDAlertHeaderComponent, isStandalone: true, selector: "id-alert-header", viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: `
+    <ng-template>
+      <ng-content></ng-content>
+    </ng-template>`, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDAlertHeaderComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'id-alert-header',
+                    standalone: true,
+                    template: `
+    <ng-template>
+      <ng-content></ng-content>
+    </ng-template>`
+                }]
+        }], propDecorators: { template: [{
+                type: ViewChild,
+                args: [TemplateRef]
+            }] } });
 
 class IDAlertComponent {
-    constructor() { }
+    _collapsed = false;
+    idService = inject(IDUseIdService);
+    contentId = this.idService.generateId('alert');
     dismissible = false;
     collapsible = false;
-    ribbon = false;
-    collapsed = false;
     compact = false;
-    srcollapsetext = "Dölj meddelande";
-    srexpandtext = "Visa meddelande";
-    headline = "";
-    live = "";
+    ribbon = false;
     type = "info";
-    norole = false;
-    srclosetext = "";
-    onClosed = new EventEmitter();
-    onCollapsed = new EventEmitter();
+    noRole = false;
+    srCloseText = "Stäng alertmeddelande";
+    srIconTitle = "Ikon";
+    srCollapseText = "Minimera alertmeddelande";
+    srExpandText = "Expandera alertmeddelande";
+    get collapsed() {
+        return this._collapsed;
+    }
+    set collapsed(value) {
+        if (this._collapsed !== value) {
+            this._collapsed = value;
+        }
+    }
+    collapsedChange = new EventEmitter();
+    dismissed = new EventEmitter();
+    closed = new EventEmitter();
+    opened = new EventEmitter();
+    header;
+    get hostClasses() {
+        return `ids-alert ids-alert--${this.type}`;
+    }
+    ngAfterContentInit() {
+        if (this.header === undefined) {
+            this.compact = true;
+        }
+    }
+    toggleCollapsed() {
+        if (!this.collapsible)
+            return;
+        const newState = !this.collapsed;
+        this._collapsed = newState;
+        this.collapsedChange.emit(newState);
+        if (this.collapsed) {
+            this.closed.emit();
+        }
+        else {
+            this.opened.emit();
+        }
+    }
+    dismissAlert() {
+        if (!this.dismissible)
+            return;
+        this.dismissed.emit();
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDAlertComponent, selector: "id-alert", inputs: { dismissible: "dismissible", collapsible: "collapsible", ribbon: "ribbon", collapsed: "collapsed", compact: "compact", srcollapsetext: "srcollapsetext", srexpandtext: "srexpandtext", headline: "headline", live: "live", type: "type", norole: "norole", srclosetext: "srclosetext" }, outputs: { onClosed: "onClosed", onCollapsed: "onCollapsed" }, ngImport: i0, template: "<ids-alert\n  [headline]=\"headline\"\n  [attr.norole]=\"norole ? true : null\"\n  [attr.dismissible]=\"dismissible ? true : null\"\n  [attr.collapsible]=\"collapsible ? true : null\"\n  [attr.collapsed]=\"collapsed ? true : null\"\n  [attr.compact]=\"compact ? true : null\"\n  [attr.ribbon]=\"ribbon ? true : null\"\n  [srcollapsetext]=\"srcollapsetext\"\n  [srexpandtext]=\"srexpandtext\"\n  [attr.aria-live]=\"norole ? null : live\"\n  [type]=\"type\"\n  [srclosetext]=\"srclosetext\"\n  (closed)=\"onClosed.emit(true)\"\n  (collapsed)=\"onCollapsed.emit(true)\">\n  <ng-content></ng-content>\n</ids-alert>\n", styles: [":host{display:block}\n"] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: IDAlertComponent, isStandalone: true, selector: "id-alert", inputs: { dismissible: ["dismissible", "dismissible", booleanAttribute], collapsible: ["collapsible", "collapsible", booleanAttribute], compact: ["compact", "compact", booleanAttribute], ribbon: ["ribbon", "ribbon", booleanAttribute], type: "type", noRole: ["noRole", "noRole", booleanAttribute], srCloseText: "srCloseText", srIconTitle: "srIconTitle", srCollapseText: "srCollapseText", srExpandText: "srExpandText", collapsed: "collapsed" }, outputs: { collapsedChange: "collapsedChange", dismissed: "dismissed", closed: "closed", opened: "opened" }, host: { properties: { "class": "hostClasses", "class.ids-alert--collapsible": "collapsible", "class.ids-alert--dismissible": "dismissible", "class.ids-alert--ribbon": "ribbon", "class.ids-alert--compact": "compact", "class.ids-alert--collapsed": "collapsed", "attr.ids-alert--dismissible": "dismissible ? \"\" : null", "attr.role": "noRole ? null : \"alert\"" } }, queries: [{ propertyName: "header", first: true, predicate: IDAlertHeaderComponent, descendants: true }], ngImport: i0, template: "<ng-template #contentTemplate>\n  <ng-content select=\":not(id-alert-header)\"></ng-content>\n</ng-template>\n\n@if (compact || ribbon) {\n  <div class=\"ids-alert__content\">\n    <span\n      class=\"ids-alert__content-icon\"\n      aria-hidden\n    ></span>\n    <span class=\"ids-alert__content-text\">\n      <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n    </span>\n  </div>\n\n  @if (dismissible) {\n    <div class=\"ids-alert__button\">\n      <button\n        class=\"ids-alert__close\"\n        (click)=\"dismissAlert()\"\n        [attr.aria-label]=\"srCloseText\"\n      >\n        <span\n          class=\"ids-alert__close-icon\"\n          aria-hidden\n        ></span>\n      </button>\n    </div>\n  }\n}\n\n@if (!compact && !ribbon) {\n  <div class=\"ids-alert__container\">\n    <div class=\"ids-alert__header\">\n      <ng-template #headerContentTemplate>\n        <div class=\"ids-alert__icon_and_text\">\n          <span\n            class=\"ids-alert__state-icon\"\n            aria-hidden\n          ></span>\n          <div class=\"ids-alert__headline\">\n            <ng-container *ngTemplateOutlet=\"header.template\"></ng-container>\n          </div>\n        </div>\n      </ng-template>\n\n      @if (collapsible) {\n        <button\n          class=\"ids-alert__expand-button\"\n          [class.ids-alert__expand-button--expanded]=\"!collapsed\"\n          (click)=\"toggleCollapsed()\"\n          [attr.aria-expanded]=\"!collapsed\"\n          [attr.aria-controls]=\"contentId\"\n          [attr.aria-label]=\"collapsed ? srExpandText : srCollapseText\"\n        >\n          <ng-container *ngTemplateOutlet=\"headerContentTemplate\"></ng-container>\n        </button>\n      } @else {\n        <ng-container *ngTemplateOutlet=\"headerContentTemplate\"></ng-container>\n      }\n    </div>\n\n    <div\n      class=\"ids-alert__content\"\n      [attr.id]=\"contentId\"\n      [attr.aria-hidden]=\"collapsible && collapsed ? 'true' : 'false'\"\n    >\n      @if (!collapsed) {\n        <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n      }\n    </div>\n  </div>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDAlertComponent, decorators: [{
             type: Component,
-            args: [{ selector: "id-alert", template: "<ids-alert\n  [headline]=\"headline\"\n  [attr.norole]=\"norole ? true : null\"\n  [attr.dismissible]=\"dismissible ? true : null\"\n  [attr.collapsible]=\"collapsible ? true : null\"\n  [attr.collapsed]=\"collapsed ? true : null\"\n  [attr.compact]=\"compact ? true : null\"\n  [attr.ribbon]=\"ribbon ? true : null\"\n  [srcollapsetext]=\"srcollapsetext\"\n  [srexpandtext]=\"srexpandtext\"\n  [attr.aria-live]=\"norole ? null : live\"\n  [type]=\"type\"\n  [srclosetext]=\"srclosetext\"\n  (closed)=\"onClosed.emit(true)\"\n  (collapsed)=\"onCollapsed.emit(true)\">\n  <ng-content></ng-content>\n</ids-alert>\n", styles: [":host{display:block}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { dismissible: [{
-                type: Input
+            args: [{ selector: "id-alert", host: {
+                        '[class]': 'hostClasses',
+                        '[class.ids-alert--collapsible]': 'collapsible',
+                        '[class.ids-alert--dismissible]': 'dismissible',
+                        '[class.ids-alert--ribbon]': 'ribbon',
+                        '[class.ids-alert--compact]': 'compact',
+                        '[class.ids-alert--collapsed]': 'collapsed',
+                        '[attr.ids-alert--dismissible]': 'dismissible ? "" : null',
+                        '[attr.role]': 'noRole ? null : "alert"',
+                    }, imports: [CommonModule], standalone: true, template: "<ng-template #contentTemplate>\n  <ng-content select=\":not(id-alert-header)\"></ng-content>\n</ng-template>\n\n@if (compact || ribbon) {\n  <div class=\"ids-alert__content\">\n    <span\n      class=\"ids-alert__content-icon\"\n      aria-hidden\n    ></span>\n    <span class=\"ids-alert__content-text\">\n      <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n    </span>\n  </div>\n\n  @if (dismissible) {\n    <div class=\"ids-alert__button\">\n      <button\n        class=\"ids-alert__close\"\n        (click)=\"dismissAlert()\"\n        [attr.aria-label]=\"srCloseText\"\n      >\n        <span\n          class=\"ids-alert__close-icon\"\n          aria-hidden\n        ></span>\n      </button>\n    </div>\n  }\n}\n\n@if (!compact && !ribbon) {\n  <div class=\"ids-alert__container\">\n    <div class=\"ids-alert__header\">\n      <ng-template #headerContentTemplate>\n        <div class=\"ids-alert__icon_and_text\">\n          <span\n            class=\"ids-alert__state-icon\"\n            aria-hidden\n          ></span>\n          <div class=\"ids-alert__headline\">\n            <ng-container *ngTemplateOutlet=\"header.template\"></ng-container>\n          </div>\n        </div>\n      </ng-template>\n\n      @if (collapsible) {\n        <button\n          class=\"ids-alert__expand-button\"\n          [class.ids-alert__expand-button--expanded]=\"!collapsed\"\n          (click)=\"toggleCollapsed()\"\n          [attr.aria-expanded]=\"!collapsed\"\n          [attr.aria-controls]=\"contentId\"\n          [attr.aria-label]=\"collapsed ? srExpandText : srCollapseText\"\n        >\n          <ng-container *ngTemplateOutlet=\"headerContentTemplate\"></ng-container>\n        </button>\n      } @else {\n        <ng-container *ngTemplateOutlet=\"headerContentTemplate\"></ng-container>\n      }\n    </div>\n\n    <div\n      class=\"ids-alert__content\"\n      [attr.id]=\"contentId\"\n      [attr.aria-hidden]=\"collapsible && collapsed ? 'true' : 'false'\"\n    >\n      @if (!collapsed) {\n        <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n      }\n    </div>\n  </div>\n}\n" }]
+        }], propDecorators: { dismissible: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], collapsible: [{
-                type: Input
-            }], ribbon: [{
-                type: Input
-            }], collapsed: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], compact: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], ribbon: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], type: [{
                 type: Input
-            }], srcollapsetext: [{
-                type: Input
-            }], srexpandtext: [{
-                type: Input
-            }], headline: [{
+            }], noRole: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], srCloseText: [{
                 type: Input
-            }], live: [{
+            }], srIconTitle: [{
                 type: Input
-            }], type: [{
+            }], srCollapseText: [{
                 type: Input
-            }], norole: [{
+            }], srExpandText: [{
                 type: Input
-            }], srclosetext: [{
+            }], collapsed: [{
                 type: Input
-            }], onClosed: [{
+            }], collapsedChange: [{
+                type: Output
+            }], dismissed: [{
                 type: Output
-            }], onCollapsed: [{
+            }], closed: [{
                 type: Output
+            }], opened: [{
+                type: Output
+            }], header: [{
+                type: ContentChild,
+                args: [IDAlertHeaderComponent]
             }] } });
 
-class IDAlertModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: IDAlertModule, declarations: [IDAlertComponent], imports: [CommonModule], exports: [IDAlertComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDAlertModule, imports: [CommonModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDAlertModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        IDAlertComponent
-                    ],
-                    exports: [
-                        IDAlertComponent
-                    ],
-                    imports: [CommonModule],
-                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
-                }]
-        }] });
-
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { IDAlertComponent, IDAlertModule };
+export { IDAlertComponent, IDAlertHeaderComponent };
 //# sourceMappingURL=inera-ids-angular-components-alert.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"inera-ids-angular-components-alert.mjs","sources":["../../../projects/ids-angular/components/alert/alert.component.ts","../../../projects/ids-angular/components/alert/alert.component.html","../../../projects/ids-angular/components/alert/alert.module.ts","../../../projects/ids-angular/components/alert/inera-ids-angular-components-alert.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from \"@angular/core\";\n\n@Component({\n  selector: \"id-alert\",\n  templateUrl: \"./alert.component.html\",\n  styles: [\":host { display: block; }\"]\n})\nexport class IDAlertComponent {\n  constructor() {}\n\n  @Input()\n  dismissible: boolean = false;\n\n  @Input()\n  collapsible: boolean = false;\n\n  @Input()\n  ribbon: boolean = false;\n\n  @Input()\n  collapsed: boolean = false;\n\n  @Input()\n  compact: boolean = false;\n\n  @Input()\n  srcollapsetext: string | undefined = \"Dölj meddelande\";\n\n  @Input()\n  srexpandtext: string | undefined = \"Visa meddelande\";\n\n  @Input()\n  headline: string = \"\";\n\n  @Input()\n  live: string = \"\";\n\n  @Input()\n  type: \"info\" | \"attention\" | \"success\" | \"error\" = \"info\";\n\n  @Input()\n  norole: boolean = false;\n\n  @Input()\n  srclosetext: string = \"\";\n\n  @Output()\n  onClosed: EventEmitter<boolean> = new EventEmitter();\n  @Output()\n  onCollapsed: EventEmitter<boolean> = new EventEmitter();\n}\n","<ids-alert\n  [headline]=\"headline\"\n  [attr.norole]=\"norole ? true : null\"\n  [attr.dismissible]=\"dismissible ? true : null\"\n  [attr.collapsible]=\"collapsible ? true : null\"\n  [attr.collapsed]=\"collapsed ? true : null\"\n  [attr.compact]=\"compact ? true : null\"\n  [attr.ribbon]=\"ribbon ? true : null\"\n  [srcollapsetext]=\"srcollapsetext\"\n  [srexpandtext]=\"srexpandtext\"\n  [attr.aria-live]=\"norole ? null : live\"\n  [type]=\"type\"\n  [srclosetext]=\"srclosetext\"\n  (closed)=\"onClosed.emit(true)\"\n  (collapsed)=\"onCollapsed.emit(true)\">\n  <ng-content></ng-content>\n</ids-alert>\n","import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';\nimport { IDAlertComponent } from './alert.component';\nimport '@inera/ids-core/components/alert/register';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n  declarations: [\n    IDAlertComponent\n  ],\n  exports: [\n    IDAlertComponent\n  ],\n  imports: [CommonModule],\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class IDAlertModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAOa,gBAAgB,CAAA;AAC3B,IAAA,WAAA,GAAA,EAAe;IAGf,WAAW,GAAY,KAAK;IAG5B,WAAW,GAAY,KAAK;IAG5B,MAAM,GAAY,KAAK;IAGvB,SAAS,GAAY,KAAK;IAG1B,OAAO,GAAY,KAAK;IAGxB,cAAc,GAAuB,iBAAiB;IAGtD,YAAY,GAAuB,iBAAiB;IAGpD,QAAQ,GAAW,EAAE;IAGrB,IAAI,GAAW,EAAE;IAGjB,IAAI,GAA+C,MAAM;IAGzD,MAAM,GAAY,KAAK;IAGvB,WAAW,GAAW,EAAE;AAGxB,IAAA,QAAQ,GAA0B,IAAI,YAAY,EAAE;AAEpD,IAAA,WAAW,GAA0B,IAAI,YAAY,EAAE;wGA1C5C,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAhB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,gBAAgB,iZCP7B,smBAiBA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA,CAAA;;4FDVa,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAL5B,SAAS;+BACE,UAAU,EAAA,QAAA,EAAA,smBAAA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA;wDAQpB,WAAW,EAAA,CAAA;sBADV;gBAID,WAAW,EAAA,CAAA;sBADV;gBAID,MAAM,EAAA,CAAA;sBADL;gBAID,SAAS,EAAA,CAAA;sBADR;gBAID,OAAO,EAAA,CAAA;sBADN;gBAID,cAAc,EAAA,CAAA;sBADb;gBAID,YAAY,EAAA,CAAA;sBADX;gBAID,QAAQ,EAAA,CAAA;sBADP;gBAID,IAAI,EAAA,CAAA;sBADH;gBAID,IAAI,EAAA,CAAA;sBADH;gBAID,MAAM,EAAA,CAAA;sBADL;gBAID,WAAW,EAAA,CAAA;sBADV;gBAID,QAAQ,EAAA,CAAA;sBADP;gBAGD,WAAW,EAAA,CAAA;sBADV;;;MEjCU,aAAa,CAAA;wGAAb,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;AAAb,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,EAAA,YAAA,EAAA,CARtB,gBAAgB,CAAA,EAAA,OAAA,EAAA,CAKR,YAAY,aAFpB,gBAAgB,CAAA,EAAA,CAAA;AAKP,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,YAHd,YAAY,CAAA,EAAA,CAAA;;4FAGX,aAAa,EAAA,UAAA,EAAA,CAAA;kBAVzB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ;AACD,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP;AACD,qBAAA;oBACD,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,sBAAsB,CAAC;AAClC,iBAAA;;;ACdD;;AAEG;;;;"}
+{"version":3,"file":"inera-ids-angular-components-alert.mjs","sources":["../../../projects/ids-angular/components/alert/alert-header.component.ts","../../../projects/ids-angular/components/alert/alert.component.ts","../../../projects/ids-angular/components/alert/alert.component.html","../../../projects/ids-angular/components/alert/inera-ids-angular-components-alert.ts"],"sourcesContent":["import { Component, TemplateRef, ViewChild } from '@angular/core';\n\n@Component({\n  selector: 'id-alert-header',\n  standalone: true,\n  template: `\n    <ng-template>\n      <ng-content></ng-content>\n    </ng-template>`\n})\nexport class IDAlertHeaderComponent {\n\n  @ViewChild(TemplateRef) template: TemplateRef<any>;\n\n}\n","import { CommonModule } from \"@angular/common\";\nimport { Component, ContentChild, EventEmitter, Input, Output, booleanAttribute, inject, AfterContentInit } from \"@angular/core\";\nimport { IDAlertHeaderComponent } from \"./alert-header.component\";\nimport { IDUseIdService } from \"@inera/ids-angular/common\";\n\n@Component({\n  selector: \"id-alert\",\n  templateUrl: \"./alert.component.html\",\n  host: {\n    '[class]': 'hostClasses',\n    '[class.ids-alert--collapsible]': 'collapsible',\n    '[class.ids-alert--dismissible]': 'dismissible',\n    '[class.ids-alert--ribbon]': 'ribbon',\n    '[class.ids-alert--compact]': 'compact',\n    '[class.ids-alert--collapsed]': 'collapsed',\n    '[attr.ids-alert--dismissible]': 'dismissible ? \"\" : null',\n    '[attr.role]': 'noRole ? null : \"alert\"',\n  },\n  imports: [CommonModule],\n  standalone: true,\n})\nexport class IDAlertComponent implements AfterContentInit {\n\n  private _collapsed: boolean = false;\n  private idService = inject(IDUseIdService);\n  protected contentId = this.idService.generateId('alert');\n\n  @Input({ transform: booleanAttribute }) dismissible: boolean = false;\n  @Input({ transform: booleanAttribute }) collapsible: boolean = false;\n  @Input({ transform: booleanAttribute }) compact: boolean = false;\n  @Input({ transform: booleanAttribute }) ribbon: boolean = false;\n  @Input() type: \"info\" | \"attention\" | \"success\" | \"error\" = \"info\";\n  @Input({ transform: booleanAttribute }) noRole: boolean = false;\n  @Input() srCloseText: string = \"Stäng alertmeddelande\";\n  @Input() srIconTitle: string = \"Ikon\";\n  @Input() srCollapseText: string = \"Minimera alertmeddelande\";\n  @Input() srExpandText: string = \"Expandera alertmeddelande\";\n\n\n  @Input()\n  get collapsed(): boolean {\n    return this._collapsed;\n  }\n  set collapsed(value: boolean) {\n    if (this._collapsed !== value) {\n      this._collapsed = value;\n    }\n  }\n  @Output() collapsedChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n  @Output() dismissed: EventEmitter<void> = new EventEmitter<void>();\n  @Output() closed: EventEmitter<void> = new EventEmitter<void>();\n  @Output() opened: EventEmitter<void> = new EventEmitter<void>();\n\n  @ContentChild(IDAlertHeaderComponent)\n  header: IDAlertHeaderComponent;\n\n\n  get hostClasses(): string {\n    return `ids-alert ids-alert--${this.type}`;\n  }\n\n\n  ngAfterContentInit(): void {\n    if (this.header === undefined) {\n      this.compact = true;\n    } \n  }\n\n\n  toggleCollapsed() {\n    if (!this.collapsible) return;\n    const newState = !this.collapsed;\n    this._collapsed = newState;\n    this.collapsedChange.emit(newState);\n    if(this.collapsed) {\n      this.closed.emit();\n    } else {\n      this.opened.emit();\n    }\n  }\n\n  dismissAlert() {\n    if (!this.dismissible) return;\n    this.dismissed.emit();\n  }\n}","<ng-template #contentTemplate>\n  <ng-content select=\":not(id-alert-header)\"></ng-content>\n</ng-template>\n\n@if (compact || ribbon) {\n  <div class=\"ids-alert__content\">\n    <span\n      class=\"ids-alert__content-icon\"\n      aria-hidden\n    ></span>\n    <span class=\"ids-alert__content-text\">\n      <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n    </span>\n  </div>\n\n  @if (dismissible) {\n    <div class=\"ids-alert__button\">\n      <button\n        class=\"ids-alert__close\"\n        (click)=\"dismissAlert()\"\n        [attr.aria-label]=\"srCloseText\"\n      >\n        <span\n          class=\"ids-alert__close-icon\"\n          aria-hidden\n        ></span>\n      </button>\n    </div>\n  }\n}\n\n@if (!compact && !ribbon) {\n  <div class=\"ids-alert__container\">\n    <div class=\"ids-alert__header\">\n      <ng-template #headerContentTemplate>\n        <div class=\"ids-alert__icon_and_text\">\n          <span\n            class=\"ids-alert__state-icon\"\n            aria-hidden\n          ></span>\n          <div class=\"ids-alert__headline\">\n            <ng-container *ngTemplateOutlet=\"header.template\"></ng-container>\n          </div>\n        </div>\n      </ng-template>\n\n      @if (collapsible) {\n        <button\n          class=\"ids-alert__expand-button\"\n          [class.ids-alert__expand-button--expanded]=\"!collapsed\"\n          (click)=\"toggleCollapsed()\"\n          [attr.aria-expanded]=\"!collapsed\"\n          [attr.aria-controls]=\"contentId\"\n          [attr.aria-label]=\"collapsed ? srExpandText : srCollapseText\"\n        >\n          <ng-container *ngTemplateOutlet=\"headerContentTemplate\"></ng-container>\n        </button>\n      } @else {\n        <ng-container *ngTemplateOutlet=\"headerContentTemplate\"></ng-container>\n      }\n    </div>\n\n    <div\n      class=\"ids-alert__content\"\n      [attr.id]=\"contentId\"\n      [attr.aria-hidden]=\"collapsible && collapsed ? 'true' : 'false'\"\n    >\n      @if (!collapsed) {\n        <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n      }\n    </div>\n  </div>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -1,41 +1,29 @@
 import * as i0 from '@angular/core';
-import { Input, Component, CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
-import '@inera/ids-core/components/badge/register';
+import { Input, Component } from '@angular/core';
 
 class IDBadgeComponent {
-    constructor() { }
     type = 'primary';
+    icon;
+    get hostClasses() {
+        return `ids-badge ids-badge--${this.type}`;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDBadgeComponent, selector: "id-badge", inputs: { type: "type" }, ngImport: i0, template: "<ids-badge \n  [type]=\"type\">\n  <ng-content></ng-content>\n</ids-badge>", styles: [":host{display:contents}\n"] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: IDBadgeComponent, isStandalone: true, selector: "id-badge", inputs: { type: "type", icon: "icon" }, host: { properties: { "class": "hostClasses" } }, ngImport: i0, template: "<div class=\"ids-badge__inner\">\n  @if (icon) {\n  <div class=\"ids-badge__icon\">\n    <span class=\"ids-icon-{{ icon }}\"></span>\n  </div>\n  }\n  <ng-content></ng-content>\n</div>" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDBadgeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'id-badge', template: "<ids-badge \n  [type]=\"type\">\n  <ng-content></ng-content>\n</ids-badge>", styles: [":host{display:contents}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { type: [{
+            args: [{ selector: "id-badge", standalone: true, host: {
+                        '[class]': 'hostClasses'
+                    }, template: "<div class=\"ids-badge__inner\">\n  @if (icon) {\n  <div class=\"ids-badge__icon\">\n    <span class=\"ids-icon-{{ icon }}\"></span>\n  </div>\n  }\n  <ng-content></ng-content>\n</div>" }]
+        }], propDecorators: { type: [{
+                type: Input
+            }], icon: [{
                 type: Input
             }] } });
 
-class IDBadgeModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: IDBadgeModule, declarations: [IDBadgeComponent], exports: [IDBadgeComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDBadgeModule });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDBadgeModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        IDBadgeComponent
-                    ],
-                    exports: [
-                        IDBadgeComponent
-                    ],
-                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
-                }]
-        }] });
-
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { IDBadgeComponent, IDBadgeModule };
+export { IDBadgeComponent };
 //# sourceMappingURL=inera-ids-angular-components-badge.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"inera-ids-angular-components-badge.mjs","sources":["../../../projects/ids-angular/components/badge/badge.component.ts","../../../projects/ids-angular/components/badge/badge.component.html","../../../projects/ids-angular/components/badge/badge.module.ts","../../../projects/ids-angular/components/badge/inera-ids-angular-components-badge.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\n\n@Component({\n  selector: 'id-badge',\n  templateUrl: './badge.component.html',\n  styles: [\":host { display: contents; }\"]\n})\nexport class IDBadgeComponent {\n\n  constructor() { }\n\n  @Input()\n  type: 'primary' | 'neutral' | 'info' | 'attention' | 'success' | 'error' | 'secondary' = 'primary';\n\n}\n","<ids-badge \n  [type]=\"type\">\n  <ng-content></ng-content>\n</ids-badge>","import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';\nimport { IDBadgeComponent } from './badge.component';\nimport '@inera/ids-core/components/badge/register';\n\n@NgModule({\n  declarations: [\n    IDBadgeComponent\n  ],\n  exports: [\n    IDBadgeComponent\n  ],\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class IDBadgeModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAOa,gBAAgB,CAAA;AAE3B,IAAA,WAAA,GAAA,EAAgB;IAGhB,IAAI,GAAqF,SAAS;wGALvF,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAhB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,gBAAgB,0ECP7B,4EAGY,EAAA,MAAA,EAAA,CAAA,2BAAA,CAAA,EAAA,CAAA;;4FDIC,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAL5B,SAAS;+BACE,UAAU,EAAA,QAAA,EAAA,4EAAA,EAAA,MAAA,EAAA,CAAA,2BAAA,CAAA,EAAA;wDASpB,IAAI,EAAA,CAAA;sBADH;;;MEEU,aAAa,CAAA;wGAAb,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;yGAAb,aAAa,EAAA,YAAA,EAAA,CAPtB,gBAAgB,CAAA,EAAA,OAAA,EAAA,CAGhB,gBAAgB,CAAA,EAAA,CAAA;yGAIP,aAAa,EAAA,CAAA;;4FAAb,aAAa,EAAA,UAAA,EAAA,CAAA;kBATzB,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-badge.mjs","sources":["../../../projects/ids-angular/components/badge/badge.component.ts","../../../projects/ids-angular/components/badge/badge.component.html","../../../projects/ids-angular/components/badge/inera-ids-angular-components-badge.ts"],"sourcesContent":["import { Component, Input } from \"@angular/core\";\n\n@Component({\n  selector: \"id-badge\",\n  standalone: true,\n  templateUrl: './badge.component.html',\n  host: {\n    '[class]': 'hostClasses'\n  }\n})\nexport class IDBadgeComponent {\n  @Input() type: 'primary' | 'neutral' | 'info' | 'attention' | 'success' | 'error' | 'secondary' = 'primary';\n  @Input() icon?: string;\n\n  get hostClasses(): string {\n    return `ids-badge ids-badge--${this.type}`;\n  }\n}","<div class=\"ids-badge__inner\">\n  @if (icon) {\n  <div class=\"ids-badge__icon\">\n    <span class=\"ids-icon-{{ icon }}\"></span>\n  </div>\n  }\n  <ng-content></ng-content>\n</div>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAUa,gBAAgB,CAAA;IAClB,IAAI,GAAqF,SAAS;AAClG,IAAA,IAAI;AAEb,IAAA,IAAI,WAAW,GAAA;AACb,QAAA,OAAO,CAAA,qBAAA,EAAwB,IAAI,CAAC,IAAI,EAAE;IAC5C;wGANW,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAhB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,gBAAgB,8JCV7B,0LAOM,EAAA,CAAA;;4FDGO,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAR5B,SAAS;+BACE,UAAU,EAAA,UAAA,EACR,IAAI,EAAA,IAAA,EAEV;AACJ,wBAAA,SAAS,EAAE;AACZ,qBAAA,EAAA,QAAA,EAAA,0LAAA,EAAA;8BAGQ,IAAI,EAAA,CAAA;sBAAZ;gBACQ,IAAI,EAAA,CAAA;sBAAZ;;;AEZH;;AAEG;;;;"}

package/fesm2022/inera-ids-angular-components-box-link.mjs

@@ -1,34 +1,49 @@
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Component, CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
-import '@inera/ids-core/components/box-link/register';
+import { TemplateRef, ViewChild, Component, ContentChild } from '@angular/core';
+
+class IDBoxLinkButtonComponent {
+    template;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDBoxLinkButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDBoxLinkButtonComponent, isStandalone: true, selector: "id-box-link-button", viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: `
+    <ng-template>
+      <ng-content></ng-content>
+    </ng-template>`, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDBoxLinkButtonComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "id-box-link-button",
+                    template: `
+    <ng-template>
+      <ng-content></ng-content>
+    </ng-template>`,
+                    standalone: true,
+                }]
+        }], propDecorators: { template: [{
+                type: ViewChild,
+                args: [TemplateRef]
+            }] } });
 
 class IDBoxLinkComponent {
-    constructor() { }
+    button;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDBoxLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDBoxLinkComponent, selector: "id-box-link", ngImport: i0, template: "<ids-box-link>\n  <ng-content></ng-content>\n</ids-box-link>\n" });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: IDBoxLinkComponent, isStandalone: true, selector: "id-box-link", host: { classAttribute: "ids-box-link" }, queries: [{ propertyName: "button", first: true, predicate: IDBoxLinkButtonComponent, descendants: true }], ngImport: i0, template: "<div class=\"ids-box-link\">\n  <div class=\"ids-box-link__inner\">\n    <div class=\"ids-box-link__link\">\n      <ng-content select=\":not(id-box-link-button)\"></ng-content>\n    </div>\n    @if(button) {\n    <div class=\"ids-box-link__button\">\n      <ng-container *ngTemplateOutlet=\"button.template\"></ng-container>\n    </div>\n    }\n  </div>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDBoxLinkComponent, decorators: [{
             type: Component,
-            args: [{ selector: "id-box-link", template: "<ids-box-link>\n  <ng-content></ng-content>\n</ids-box-link>\n" }]
-        }], ctorParameters: () => [] });
-
-class IDBoxLinkModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDBoxLinkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: IDBoxLinkModule, declarations: [IDBoxLinkComponent], exports: [IDBoxLinkComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDBoxLinkModule });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDBoxLinkModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [IDBoxLinkComponent],
-                    exports: [IDBoxLinkComponent],
-                    schemas: [CUSTOM_ELEMENTS_SCHEMA]
-                }]
-        }] });
+            args: [{ selector: "id-box-link", imports: [CommonModule], standalone: true, host: {
+                        class: 'ids-box-link'
+                    }, template: "<div class=\"ids-box-link\">\n  <div class=\"ids-box-link__inner\">\n    <div class=\"ids-box-link__link\">\n      <ng-content select=\":not(id-box-link-button)\"></ng-content>\n    </div>\n    @if(button) {\n    <div class=\"ids-box-link__button\">\n      <ng-container *ngTemplateOutlet=\"button.template\"></ng-container>\n    </div>\n    }\n  </div>\n</div>" }]
+        }], propDecorators: { button: [{
+                type: ContentChild,
+                args: [IDBoxLinkButtonComponent]
+            }] } });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { IDBoxLinkComponent, IDBoxLinkModule };
+export { IDBoxLinkButtonComponent, IDBoxLinkComponent };
 //# sourceMappingURL=inera-ids-angular-components-box-link.mjs.map

package/fesm2022/inera-ids-angular-components-box-link.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"inera-ids-angular-components-box-link.mjs","sources":["../../../projects/ids-angular/components/box-link/box-link.component.ts","../../../projects/ids-angular/components/box-link/box-link.component.html","../../../projects/ids-angular/components/box-link/box-link.module.ts","../../../projects/ids-angular/components/box-link/inera-ids-angular-components-box-link.ts"],"sourcesContent":["import { Component, Input } from \"@angular/core\";\n\n@Component({\n  selector: \"id-box-link\",\n  templateUrl: \"./box-link.component.html\"\n})\nexport class IDBoxLinkComponent {\n  constructor() {}\n}\n","<ids-box-link>\n  <ng-content></ng-content>\n</ids-box-link>\n","import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from \"@angular/core\";\nimport { IDBoxLinkComponent } from \"./box-link.component\";\nimport \"@inera/ids-core/components/box-link/register\";\n\n@NgModule({\n  declarations: [IDBoxLinkComponent],\n  exports: [IDBoxLinkComponent],\n  schemas: [CUSTOM_ELEMENTS_SCHEMA]\n})\nexport class IDBoxLinkModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAMa,kBAAkB,CAAA;AAC7B,IAAA,WAAA,GAAA,EAAe;wGADJ,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAlB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,kBAAkB,mDCN/B,gEAGA,EAAA,CAAA;;4FDGa,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAJ9B,SAAS;+BACE,aAAa,EAAA,QAAA,EAAA,gEAAA,EAAA;;;MEMZ,eAAe,CAAA;wGAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;yGAAf,eAAe,EAAA,YAAA,EAAA,CAJX,kBAAkB,CAAA,EAAA,OAAA,EAAA,CACvB,kBAAkB,CAAA,EAAA,CAAA;yGAGjB,eAAe,EAAA,CAAA;;4FAAf,eAAe,EAAA,UAAA,EAAA,CAAA;kBAL3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,kBAAkB,CAAC;oBAClC,OAAO,EAAE,CAAC,kBAAkB,CAAC;oBAC7B,OAAO,EAAE,CAAC,sBAAsB;AACjC,iBAAA;;;ACRD;;AAEG;;;;"}
+{"version":3,"file":"inera-ids-angular-components-box-link.mjs","sources":["../../../projects/ids-angular/components/box-link/box-link-button.component.ts","../../../projects/ids-angular/components/box-link/box-link.component.ts","../../../projects/ids-angular/components/box-link/box-link.component.html","../../../projects/ids-angular/components/box-link/inera-ids-angular-components-box-link.ts"],"sourcesContent":["import { Component, TemplateRef, ViewChild } from \"@angular/core\";\n\n@Component({\n  selector: \"id-box-link-button\",\n  template: `\n    <ng-template>\n      <ng-content></ng-content>\n    </ng-template>`,\n  standalone: true,\n})\nexport class IDBoxLinkButtonComponent {\n\n  @ViewChild(TemplateRef) template: TemplateRef<any>;\n\n}\n","import { CommonModule } from \"@angular/common\";\nimport { Component, ContentChild } from \"@angular/core\";\nimport { IDBoxLinkButtonComponent } from \"./box-link-button.component\";\n\n@Component({\n  selector: \"id-box-link\",\n  templateUrl: \"./box-link.component.html\",\n  imports: [CommonModule],\n  standalone: true,\n  host: {\n    class: 'ids-box-link'\n  }\n})\nexport class IDBoxLinkComponent {\n\n  @ContentChild(IDBoxLinkButtonComponent)\n  button: IDBoxLinkButtonComponent;\n\n}\n","<div class=\"ids-box-link\">\n  <div class=\"ids-box-link__inner\">\n    <div class=\"ids-box-link__link\">\n      <ng-content select=\":not(id-box-link-button)\"></ng-content>\n    </div>\n    @if(button) {\n    <div class=\"ids-box-link__button\">\n      <ng-container *ngTemplateOutlet=\"button.template\"></ng-container>\n    </div>\n    }\n  </div>\n</div>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAUa,wBAAwB,CAAA;AAEX,IAAA,QAAQ;wGAFrB,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAxB,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAExB,WAAW,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EARZ;;;AAGO,kBAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;4FAGN,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBARpC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,oBAAoB;AAC9B,oBAAA,QAAQ,EAAE;;;AAGO,kBAAA,CAAA;AACjB,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA;8BAGyB,QAAQ,EAAA,CAAA;sBAA/B,SAAS;uBAAC,WAAW;;;MCCX,kBAAkB,CAAA;AAG7B,IAAA,MAAM;wGAHK,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAlB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,cAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,QAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAEf,wBAAwB,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECfxC,2WAWM,2CDJM,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FAMX,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAT9B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,aAAa,WAEd,CAAC,YAAY,CAAC,EAAA,UAAA,EACX,IAAI,EAAA,IAAA,EACV;AACJ,wBAAA,KAAK,EAAE;AACR,qBAAA,EAAA,QAAA,EAAA,2WAAA,EAAA;8BAKD,MAAM,EAAA,CAAA;sBADL,YAAY;uBAAC,wBAAwB;;;AEfxC;;AAEG;;;;"}

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

@@ -1,46 +1,52 @@
 import * as i0 from '@angular/core';
-import { TemplateRef, Input, ViewChild, ViewEncapsulation, Component, ContentChildren, CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
+import { TemplateRef, ViewChild, Input, Component, inject, DestroyRef, ContentChildren } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import '@inera/ids-core/components/breadcrumbs/register';
 
 class IDCrumbComponent {
-    constructor() { }
-    template;
     current = false;
     mobile = false;
+    template;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDCrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDCrumbComponent, selector: "id-crumb", inputs: { current: "current", mobile: "mobile" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDCrumbComponent, isStandalone: true, selector: "id-crumb", inputs: { current: "current", mobile: "mobile" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: `
     <ng-template>
       <ng-content></ng-content>
-    </ng-template>`, isInline: true, encapsulation: i0.ViewEncapsulation.None });
+    </ng-template>`, isInline: true });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDCrumbComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-crumb',
-                    encapsulation: ViewEncapsulation.None,
+                    standalone: true,
                     template: `
     <ng-template>
       <ng-content></ng-content>
     </ng-template>`
                 }]
-        }], ctorParameters: () => [], propDecorators: { template: [{
-                type: ViewChild,
-                args: [TemplateRef]
-            }], current: [{
+        }], propDecorators: { current: [{
                 type: Input
             }], mobile: [{
                 type: Input
+            }], template: [{
+                type: ViewChild,
+                args: [TemplateRef]
             }] } });
 
 class IDBreadcrumbsComponent {
     lead = 'Du är här:';
-    srlabel = 'Du är här';
+    srLabel = 'Du är här';
     crumbComponents;
     crumbs = [];
+    destroyRef = inject(DestroyRef);
+    getDesktopCrumbs() {
+        return this.crumbComponents.filter(crumb => !crumb.mobile);
+    }
+    getMobileCrumb() {
+        return this.crumbComponents.find(crumb => crumb.mobile);
+    }
     ngAfterContentInit() {
-        this.crumbComponents.changes.subscribe(() => {
+        this.crumbComponents.changes.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {
             setTimeout(() => {
                 this.crumbs = this.crumbComponents.toArray();
             });
@@ -50,48 +56,23 @@ class IDBreadcrumbsComponent {
         }, 0);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDBreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDBreadcrumbsComponent, selector: "id-breadcrumbs", inputs: { lead: "lead", srlabel: "srlabel" }, queries: [{ propertyName: "crumbComponents", predicate: IDCrumbComponent }], ngImport: i0, template: "<ids-breadcrumbs [lead]=\"lead\" [srlabel]=\"srlabel\">\n  <ids-crumb\n    *ngFor=\"let crumb of crumbs; let i = index\"\n    [current]=\"crumb.current\"\n    [attr.mobile]=\"crumb.mobile ? '' : null\">\n    <ng-container *ngTemplateOutlet=\"crumb.template\"></ng-container>\n  </ids-crumb>\n</ids-breadcrumbs>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: IDBreadcrumbsComponent, isStandalone: true, selector: "id-breadcrumbs", inputs: { lead: "lead", srLabel: "srLabel" }, queries: [{ propertyName: "crumbComponents", predicate: IDCrumbComponent }], ngImport: i0, template: "<nav class=\"ids-breadcrumbs\" [attr.aria-label]=\"srLabel\">\n  <ol class=\"ids-breadcrumbs__desktop\" [attr.aria-label]=\"srLabel\">\n    <li class=\"ids-breadcrumbs__lead\">{{ lead }}</li>\n\n    <ng-container *ngFor=\"let crumb of getDesktopCrumbs(); let i = index\">\n      <li class=\"ids-breadcrumbs__crumb\" \n        [class.ids-breadcrumbs__crumb--current]=\"crumb.current\"\n        [attr.aria-current]=\"crumb.current ? 'page' : null\">\n        <ng-container *ngTemplateOutlet=\"crumb.template\"></ng-container>\n        @if (!crumb.current) {\n        <span class=\"ids-breadcrumbs__crumb__separator\" aria-hidden=\"true\">\n          /\n        </span>\n        }\n      </li>\n    </ng-container>\n  </ol>\n\n  @if (getMobileCrumb()) {\n  <ol class=\"ids-breadcrumbs__mobile\">\n    <li class=\"ids-breadcrumbs__mobile-links\">\n      <span class=\"ids-breadcrumbs__icon\"></span>\n      <span class=\"ids-breadcrumbs__mobile-link\">\n        <span class=\"ids-breadcrumbs__crumb  ids-breadcrumbs__crumb--mobile\">\n          <ng-container *ngTemplateOutlet=\"getMobileCrumb()?.template ?? null\"></ng-container>\n        </span>\n      </span>\n    </li>\n  </ol>\n  }\n</nav>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDBreadcrumbsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'id-breadcrumbs', encapsulation: ViewEncapsulation.None, template: "<ids-breadcrumbs [lead]=\"lead\" [srlabel]=\"srlabel\">\n  <ids-crumb\n    *ngFor=\"let crumb of crumbs; let i = index\"\n    [current]=\"crumb.current\"\n    [attr.mobile]=\"crumb.mobile ? '' : null\">\n    <ng-container *ngTemplateOutlet=\"crumb.template\"></ng-container>\n  </ids-crumb>\n</ids-breadcrumbs>\n" }]
+            args: [{ selector: 'id-breadcrumbs', standalone: true, imports: [CommonModule], template: "<nav class=\"ids-breadcrumbs\" [attr.aria-label]=\"srLabel\">\n  <ol class=\"ids-breadcrumbs__desktop\" [attr.aria-label]=\"srLabel\">\n    <li class=\"ids-breadcrumbs__lead\">{{ lead }}</li>\n\n    <ng-container *ngFor=\"let crumb of getDesktopCrumbs(); let i = index\">\n      <li class=\"ids-breadcrumbs__crumb\" \n        [class.ids-breadcrumbs__crumb--current]=\"crumb.current\"\n        [attr.aria-current]=\"crumb.current ? 'page' : null\">\n        <ng-container *ngTemplateOutlet=\"crumb.template\"></ng-container>\n        @if (!crumb.current) {\n        <span class=\"ids-breadcrumbs__crumb__separator\" aria-hidden=\"true\">\n          /\n        </span>\n        }\n      </li>\n    </ng-container>\n  </ol>\n\n  @if (getMobileCrumb()) {\n  <ol class=\"ids-breadcrumbs__mobile\">\n    <li class=\"ids-breadcrumbs__mobile-links\">\n      <span class=\"ids-breadcrumbs__icon\"></span>\n      <span class=\"ids-breadcrumbs__mobile-link\">\n        <span class=\"ids-breadcrumbs__crumb  ids-breadcrumbs__crumb--mobile\">\n          <ng-container *ngTemplateOutlet=\"getMobileCrumb()?.template ?? null\"></ng-container>\n        </span>\n      </span>\n    </li>\n  </ol>\n  }\n</nav>" }]
         }], propDecorators: { lead: [{
                 type: Input
-            }], srlabel: [{
+            }], srLabel: [{
                 type: Input
             }], crumbComponents: [{
                 type: ContentChildren,
                 args: [IDCrumbComponent]
             }] } });
 
-class IDBreadcrumbsModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDBreadcrumbsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: IDBreadcrumbsModule, declarations: [IDBreadcrumbsComponent,
-            IDCrumbComponent], imports: [CommonModule], exports: [IDBreadcrumbsComponent,
-            IDCrumbComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDBreadcrumbsModule, imports: [CommonModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDBreadcrumbsModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        IDBreadcrumbsComponent,
-                        IDCrumbComponent
-                    ],
-                    exports: [
-                        IDBreadcrumbsComponent,
-                        IDCrumbComponent
-                    ],
-                    imports: [
-                        CommonModule
-                    ],
-                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
-                }]
-        }] });
-
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { IDBreadcrumbsComponent, IDBreadcrumbsModule, IDCrumbComponent };
+export { IDBreadcrumbsComponent, IDCrumbComponent };
 //# sourceMappingURL=inera-ids-angular-components-breadcrumbs.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"inera-ids-angular-components-breadcrumbs.mjs","sources":["../../../projects/ids-angular/components/breadcrumbs/crumb.component.ts","../../../projects/ids-angular/components/breadcrumbs/breadcrumbs.component.ts","../../../projects/ids-angular/components/breadcrumbs/breadcrumbs.component.html","../../../projects/ids-angular/components/breadcrumbs/breadcrumbs.module.ts","../../../projects/ids-angular/components/breadcrumbs/inera-ids-angular-components-breadcrumbs.ts"],"sourcesContent":["import { Component, Input, TemplateRef, ViewChild, ViewEncapsulation } from '@angular/core';\n\n@Component({\n  selector: 'id-crumb',\n  encapsulation: ViewEncapsulation.None,\n  template: `\n    <ng-template>\n      <ng-content></ng-content>\n    </ng-template>`\n})\nexport class IDCrumbComponent {\n\n  constructor() { }\n  \n  @ViewChild(TemplateRef) template: TemplateRef<any>;\n\n  @Input()\n  current: boolean = false;\n  @Input()\n  mobile: boolean = false;\n\n}\n","import { AfterContentInit, AfterViewInit, Component, ContentChildren, Input, QueryList, ViewEncapsulation } from '@angular/core';\nimport { IDCrumbComponent } from './crumb.component';\n\n@Component({\n  selector: 'id-breadcrumbs',\n  templateUrl: './breadcrumbs.component.html',\n  encapsulation: ViewEncapsulation.None,\n})\nexport class IDBreadcrumbsComponent implements AfterContentInit {\n\n  @Input()\n  lead = 'Du är här:';\n  @Input()\n  srlabel = 'Du är här';\n\n  @ContentChildren(IDCrumbComponent) crumbComponents: QueryList<IDCrumbComponent>;\n\n  public crumbs: IDCrumbComponent[] = [];\n\n  public ngAfterContentInit(): void {\n    this.crumbComponents.changes.subscribe(() => {\n      setTimeout(() => {\n        this.crumbs = this.crumbComponents.toArray();\n      });\n    });\n    setTimeout(() => {\n      this.crumbs = this.crumbComponents.toArray();\n    }, 0);\n  }\n\n}\n","<ids-breadcrumbs [lead]=\"lead\" [srlabel]=\"srlabel\">\n  <ids-crumb\n    *ngFor=\"let crumb of crumbs; let i = index\"\n    [current]=\"crumb.current\"\n    [attr.mobile]=\"crumb.mobile ? '' : null\">\n    <ng-container *ngTemplateOutlet=\"crumb.template\"></ng-container>\n  </ids-crumb>\n</ids-breadcrumbs>\n","import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';\nimport { IDBreadcrumbsComponent } from './breadcrumbs.component';\nimport { IDCrumbComponent } from './crumb.component';\nimport '@inera/ids-core/components/breadcrumbs/register';\nimport { CommonModule } from '@angular/common';\n\n\n@NgModule({\n  declarations: [\n    IDBreadcrumbsComponent,\n    IDCrumbComponent\n  ],\n  exports: [\n    IDBreadcrumbsComponent,\n    IDCrumbComponent\n  ],\n  imports: [\n    CommonModule\n  ],\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class IDBreadcrumbsModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"inera-ids-angular-components-breadcrumbs.mjs","sources":["../../../projects/ids-angular/components/breadcrumbs/crumb.component.ts","../../../projects/ids-angular/components/breadcrumbs/breadcrumbs.component.ts","../../../projects/ids-angular/components/breadcrumbs/breadcrumbs.component.html","../../../projects/ids-angular/components/breadcrumbs/inera-ids-angular-components-breadcrumbs.ts"],"sourcesContent":["import { Component, Input, TemplateRef, ViewChild, ViewEncapsulation } from '@angular/core';\n\n@Component({\n  selector: 'id-crumb',\n  standalone: true,\n  template: `\n    <ng-template>\n      <ng-content></ng-content>\n    </ng-template>`\n})\nexport class IDCrumbComponent {\n  @Input() current: boolean = false;\n  @Input() mobile: boolean = false;\n\n  @ViewChild(TemplateRef) template: TemplateRef<any>;\n}\n","import { AfterContentInit, Component, ContentChildren, DestroyRef, Input, QueryList, inject } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { IDCrumbComponent } from './crumb.component';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'id-breadcrumbs',\n  templateUrl: './breadcrumbs.component.html',\n  standalone: true,\n  imports: [CommonModule],\n})\nexport class IDBreadcrumbsComponent implements AfterContentInit {\n\n  @Input() lead = 'Du är här:';\n  @Input() srLabel = 'Du är här';\n\n  @ContentChildren(IDCrumbComponent) crumbComponents: QueryList<IDCrumbComponent>;\n\n  crumbs: IDCrumbComponent[] = [];\n\n  private destroyRef = inject(DestroyRef);\n\n  getDesktopCrumbs(): IDCrumbComponent[] | undefined {\n    return this.crumbComponents.filter(crumb => !crumb.mobile)\n  }\n\n  getMobileCrumb(): IDCrumbComponent | undefined {\n    return this.crumbComponents.find(crumb => crumb.mobile)\n  }\n\n  ngAfterContentInit(): void {\n    this.crumbComponents.changes.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {\n      setTimeout(() => {\n        this.crumbs = this.crumbComponents.toArray();\n      });\n    });\n    setTimeout(() => {\n      this.crumbs = this.crumbComponents.toArray();\n    }, 0);\n  }\n\n}\n","<nav class=\"ids-breadcrumbs\" [attr.aria-label]=\"srLabel\">\n  <ol class=\"ids-breadcrumbs__desktop\" [attr.aria-label]=\"srLabel\">\n    <li class=\"ids-breadcrumbs__lead\">{{ lead }}</li>\n\n    <ng-container *ngFor=\"let crumb of getDesktopCrumbs(); let i = index\">\n      <li class=\"ids-breadcrumbs__crumb\" \n        [class.ids-breadcrumbs__crumb--current]=\"crumb.current\"\n        [attr.aria-current]=\"crumb.current ? 'page' : null\">\n        <ng-container *ngTemplateOutlet=\"crumb.template\"></ng-container>\n        @if (!crumb.current) {\n        <span class=\"ids-breadcrumbs__crumb__separator\" aria-hidden=\"true\">\n          /\n        </span>\n        }\n      </li>\n    </ng-container>\n  </ol>\n\n  @if (getMobileCrumb()) {\n  <ol class=\"ids-breadcrumbs__mobile\">\n    <li class=\"ids-breadcrumbs__mobile-links\">\n      <span class=\"ids-breadcrumbs__icon\"></span>\n      <span class=\"ids-breadcrumbs__mobile-link\">\n        <span class=\"ids-breadcrumbs__crumb  ids-breadcrumbs__crumb--mobile\">\n          <ng-container *ngTemplateOutlet=\"getMobileCrumb()?.template ?? null\"></ng-container>\n        </span>\n      </span>\n    </li>\n  </ol>\n  }\n</nav>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}