@sebgroup/green-angular 9.0.1 → 10.0.1

package/fesm2022/sebgroup-green-angular-src-lib-slider.mjs

@@ -2,10 +2,23 @@ import * as i0 from '@angular/core';
 import { EventEmitter, Output, Input, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
 import * as i2 from '@angular/forms';
 import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
-import { randomId, sliderColors, getSliderTrackBackground } from '@sebgroup/extract';
+import { randomId } from '@sebgroup/green-angular/src/lib/shared';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 
+const sliderColors = {
+    primary: '#007ac7',
+    disabled: '#dedede',
+};
+const getSliderTrackBackground = (val) => {
+    return `linear-gradient(
+        to right,
+        ${sliderColors.primary} 0%,
+        ${sliderColors.primary} ${val}%,
+        ${sliderColors.disabled} ${val}%,
+        ${sliderColors.disabled} 100%
+      )`;
+};
 class NggSliderComponent {
     constructor() {
         this.name = `${randomId()}-slider`;
@@ -66,8 +79,8 @@ class NggSliderComponent {
     registerOnTouched(fn) {
         this.onTouchedFn = fn;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NggSliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: NggSliderComponent, isStandalone: false, selector: "ngg-slider", inputs: { name: "name", min: "min", max: "max", step: "step", label: "label", instruction: "instruction", placeholder: "placeholder", errorMessage: "errorMessage", hasTextbox: "hasTextbox", unitLabel: "unitLabel", disabled: "disabled", value: "value", enterkeyhint: "enterkeyhint" }, outputs: { sliderChange: "sliderChange", sliderTouch: "sliderTouch" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NggSliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: NggSliderComponent, isStandalone: false, selector: "ngg-slider", inputs: { name: "name", min: "min", max: "max", step: "step", label: "label", instruction: "instruction", placeholder: "placeholder", errorMessage: "errorMessage", hasTextbox: "hasTextbox", unitLabel: "unitLabel", disabled: "disabled", value: "value", enterkeyhint: "enterkeyhint" }, outputs: { sliderChange: "sliderChange", sliderTouch: "sliderTouch" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: NggSliderComponent,
@@ -75,7 +88,7 @@ class NggSliderComponent {
             },
         ], usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"!!label\" class=\"gds-slider-label-container\">\n  <div>\n    <label [attr.for]=\"name\" [attr.id]=\"name + '-label'\">{{ label }}</label>\n    <p *ngIf=\"!!instruction\">{{ instruction }}</p>\n  </div>\n  <ng-container *ngIf=\"hasTextbox\">\n    <ng-container *ngIf=\"!!unitLabel\">\n      <div class=\"gds-group gds-group--small gds-group-border gds-group-focus\">\n        <ng-container *ngTemplateOutlet=\"inputField\"></ng-container>\n        <span class=\"gds-form-text\">{{ unitLabel }}</span>\n      </div>\n    </ng-container>\n    <ng-container *ngIf=\"!unitLabel\">\n      <ng-container *ngTemplateOutlet=\"inputField\"></ng-container>\n    </ng-container>\n  </ng-container>\n</div>\n\n<input\n  type=\"range\"\n  [attr.id]=\"name\"\n  [attr.name]=\"name\"\n  [attr.min]=\"min\"\n  [attr.max]=\"max\"\n  [attr.step]=\"step\"\n  [disabled]=\"disabled\"\n  [(ngModel)]=\"value\"\n  [ngStyle]=\"style\"\n  [attr.aria-valuenow]=\"value\"\n  (blur)=\"onBlur()\"\n  (input)=\"handleChange()\"\n/>\n\n<p *ngIf=\"!!errorMessage\" class=\"gds-slider-error-info\">\n  {{ errorMessage }}\n</p>\n\n<ng-template #inputField>\n  <input\n    type=\"text\"\n    inputmode=\"numeric\"\n    pattern=\"[0-9]*\"\n    [(ngModel)]=\"value\"\n    class=\"gds-input small\"\n    [class.is-invalid]=\"!!errorMessage\"\n    [attr.name]=\"name\"\n    [attr.id]=\"name + '-textbox'\"\n    [attr.placeholder]=\"placeholder\"\n    [attr.aria-labelledby]=\"name + '-label'\"\n    [attr.enterkeyhint]=\"enterkeyhint\"\n    [disabled]=\"disabled\"\n    (blur)=\"onBlur()\"\n    (input)=\"handleChange()\"\n  />\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.RangeValueAccessor, selector: "input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NggSliderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NggSliderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ngg-slider', providers: [
                         {
@@ -117,11 +130,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             }] } });
 
 class NggSliderModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NggSliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: NggSliderModule, declarations: [NggSliderComponent], imports: [CommonModule, FormsModule], exports: [NggSliderComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NggSliderModule, imports: [CommonModule, FormsModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NggSliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: NggSliderModule, declarations: [NggSliderComponent], imports: [CommonModule, FormsModule], exports: [NggSliderComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NggSliderModule, imports: [CommonModule, FormsModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NggSliderModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NggSliderModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, FormsModule],

package/fesm2022/sebgroup-green-angular-src-lib-slider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"sebgroup-green-angular-src-lib-slider.mjs","sources":["../../../../libs/angular/src/lib/slider/slider.component.ts","../../../../libs/angular/src/lib/slider/slider.component.html","../../../../libs/angular/src/lib/slider/slider.module.ts","../../../../libs/angular/src/lib/slider/sebgroup-green-angular-src-lib-slider.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  Input,\n  OnChanges,\n  OnInit,\n  Output,\n  SimpleChanges,\n} from '@angular/core'\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms'\n\nimport {\n  getSliderTrackBackground,\n  randomId,\n  sliderColors,\n} from '@sebgroup/extract'\n\ninterface SliderStyle {\n  background?: string\n}\n\n@Component({\n    selector: 'ngg-slider',\n    templateUrl: './slider.component.html',\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: NggSliderComponent,\n            multi: true,\n        },\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    standalone: false\n})\nexport class NggSliderComponent\n  implements ControlValueAccessor, OnInit, OnChanges\n{\n  @Input() name = `${randomId()}-slider`\n  @Input() min = 0\n  @Input() max = 100\n  @Input() step = 1\n  @Input() label = ''\n  @Input() instruction = ''\n  @Input() placeholder = ''\n  @Input() errorMessage = ''\n  @Input() hasTextbox = false\n  @Input() unitLabel = 'kr'\n  @Input() disabled = false\n  @Input() value = 0\n  @Input() enterkeyhint?:\n    | 'enter'\n    | 'done'\n    | 'go'\n    | 'next'\n    | 'previous'\n    | 'search'\n    | 'send'\n\n  @Output() sliderChange = new EventEmitter<number>()\n  @Output() sliderTouch = new EventEmitter<boolean>()\n\n  onChangeFn?: (val: number) => void\n  onTouchedFn?: VoidFunction\n  style: SliderStyle = {}\n\n  ngOnInit(): void {\n    this.setTrackBackground()\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (\n      ['min', 'max', 'value'].some((x: string) =>\n        Object.prototype.hasOwnProperty.call(changes, x),\n      )\n    ) {\n      this.setTrackBackground()\n    }\n  }\n\n  onBlur(): void {\n    this.sliderTouch.emit(true)\n    this.onTouchedFn && this.onTouchedFn()\n  }\n\n  handleChange(): void {\n    this.value =\n      this.value && this.value.toString() !== '' ? this.value : this.min\n    this.setTrackBackground()\n    this.sliderChange.emit(this.value)\n    this.onChangeFn && this.onChangeFn(this.value)\n  }\n\n  setTrackBackground(): void {\n    if (this.disabled) {\n      this.style.background = sliderColors.disabled\n      return\n    }\n\n    const percent =\n      (Math.round((this.value - this.min) / this.step) /\n        ((this.max - this.min) / this.step)) *\n      100\n    this.style.background = getSliderTrackBackground(percent)\n  }\n\n  /** control value accessor functions */\n  writeValue(val: number): void {\n    if (this.value !== val) {\n      this.value = val ?? 0\n      this.handleChange()\n    }\n  }\n\n  registerOnChange(fn: any): void {\n    this.onChangeFn = fn\n  }\n\n  registerOnTouched(fn: any): void {\n    this.onTouchedFn = fn\n  }\n}\n","<div *ngIf=\"!!label\" class=\"gds-slider-label-container\">\n  <div>\n    <label [attr.for]=\"name\" [attr.id]=\"name + '-label'\">{{ label }}</label>\n    <p *ngIf=\"!!instruction\">{{ instruction }}</p>\n  </div>\n  <ng-container *ngIf=\"hasTextbox\">\n    <ng-container *ngIf=\"!!unitLabel\">\n      <div class=\"gds-group gds-group--small gds-group-border gds-group-focus\">\n        <ng-container *ngTemplateOutlet=\"inputField\"></ng-container>\n        <span class=\"gds-form-text\">{{ unitLabel }}</span>\n      </div>\n    </ng-container>\n    <ng-container *ngIf=\"!unitLabel\">\n      <ng-container *ngTemplateOutlet=\"inputField\"></ng-container>\n    </ng-container>\n  </ng-container>\n</div>\n\n<input\n  type=\"range\"\n  [attr.id]=\"name\"\n  [attr.name]=\"name\"\n  [attr.min]=\"min\"\n  [attr.max]=\"max\"\n  [attr.step]=\"step\"\n  [disabled]=\"disabled\"\n  [(ngModel)]=\"value\"\n  [ngStyle]=\"style\"\n  [attr.aria-valuenow]=\"value\"\n  (blur)=\"onBlur()\"\n  (input)=\"handleChange()\"\n/>\n\n<p *ngIf=\"!!errorMessage\" class=\"gds-slider-error-info\">\n  {{ errorMessage }}\n</p>\n\n<ng-template #inputField>\n  <input\n    type=\"text\"\n    inputmode=\"numeric\"\n    pattern=\"[0-9]*\"\n    [(ngModel)]=\"value\"\n    class=\"gds-input small\"\n    [class.is-invalid]=\"!!errorMessage\"\n    [attr.name]=\"name\"\n    [attr.id]=\"name + '-textbox'\"\n    [attr.placeholder]=\"placeholder\"\n    [attr.aria-labelledby]=\"name + '-label'\"\n    [attr.enterkeyhint]=\"enterkeyhint\"\n    [disabled]=\"disabled\"\n    (blur)=\"onBlur()\"\n    (input)=\"handleChange()\"\n  />\n</ng-template>\n","import { CommonModule } from '@angular/common'\nimport { NgModule } from '@angular/core'\nimport { FormsModule } from '@angular/forms'\n\nimport { NggSliderComponent } from './slider.component'\n\n@NgModule({\n  imports: [CommonModule, FormsModule],\n  exports: [NggSliderComponent],\n  declarations: [NggSliderComponent],\n})\nexport class NggSliderModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"sebgroup-green-angular-src-lib-slider.mjs","sources":["../../../../libs/angular/src/lib/slider/slider.component.ts","../../../../libs/angular/src/lib/slider/slider.component.html","../../../../libs/angular/src/lib/slider/slider.module.ts","../../../../libs/angular/src/lib/slider/sebgroup-green-angular-src-lib-slider.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  Input,\n  OnChanges,\n  OnInit,\n  Output,\n  SimpleChanges,\n} from '@angular/core'\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms'\n\nimport { randomId } from '@sebgroup/green-angular/src/lib/shared'\n\nconst sliderColors = {\n  primary: '#007ac7',\n  disabled: '#dedede',\n}\n\nconst getSliderTrackBackground = (val: number): string => {\n  return `linear-gradient(\n        to right,\n        ${sliderColors.primary} 0%,\n        ${sliderColors.primary} ${val}%,\n        ${sliderColors.disabled} ${val}%,\n        ${sliderColors.disabled} 100%\n      )`\n}\n\ninterface SliderStyle {\n  background?: string\n}\n\n@Component({\n  selector: 'ngg-slider',\n  templateUrl: './slider.component.html',\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: NggSliderComponent,\n      multi: true,\n    },\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: false,\n})\nexport class NggSliderComponent\n  implements ControlValueAccessor, OnInit, OnChanges\n{\n  @Input() name = `${randomId()}-slider`\n  @Input() min = 0\n  @Input() max = 100\n  @Input() step = 1\n  @Input() label = ''\n  @Input() instruction = ''\n  @Input() placeholder = ''\n  @Input() errorMessage = ''\n  @Input() hasTextbox = false\n  @Input() unitLabel = 'kr'\n  @Input() disabled = false\n  @Input() value = 0\n  @Input() enterkeyhint?:\n    | 'enter'\n    | 'done'\n    | 'go'\n    | 'next'\n    | 'previous'\n    | 'search'\n    | 'send'\n\n  @Output() sliderChange = new EventEmitter<number>()\n  @Output() sliderTouch = new EventEmitter<boolean>()\n\n  onChangeFn?: (val: number) => void\n  onTouchedFn?: VoidFunction\n  style: SliderStyle = {}\n\n  ngOnInit(): void {\n    this.setTrackBackground()\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (\n      ['min', 'max', 'value'].some((x: string) =>\n        Object.prototype.hasOwnProperty.call(changes, x),\n      )\n    ) {\n      this.setTrackBackground()\n    }\n  }\n\n  onBlur(): void {\n    this.sliderTouch.emit(true)\n    this.onTouchedFn && this.onTouchedFn()\n  }\n\n  handleChange(): void {\n    this.value =\n      this.value && this.value.toString() !== '' ? this.value : this.min\n    this.setTrackBackground()\n    this.sliderChange.emit(this.value)\n    this.onChangeFn && this.onChangeFn(this.value)\n  }\n\n  setTrackBackground(): void {\n    if (this.disabled) {\n      this.style.background = sliderColors.disabled\n      return\n    }\n\n    const percent =\n      (Math.round((this.value - this.min) / this.step) /\n        ((this.max - this.min) / this.step)) *\n      100\n    this.style.background = getSliderTrackBackground(percent)\n  }\n\n  /** control value accessor functions */\n  writeValue(val: number): void {\n    if (this.value !== val) {\n      this.value = val ?? 0\n      this.handleChange()\n    }\n  }\n\n  registerOnChange(fn: any): void {\n    this.onChangeFn = fn\n  }\n\n  registerOnTouched(fn: any): void {\n    this.onTouchedFn = fn\n  }\n}\n","<div *ngIf=\"!!label\" class=\"gds-slider-label-container\">\n  <div>\n    <label [attr.for]=\"name\" [attr.id]=\"name + '-label'\">{{ label }}</label>\n    <p *ngIf=\"!!instruction\">{{ instruction }}</p>\n  </div>\n  <ng-container *ngIf=\"hasTextbox\">\n    <ng-container *ngIf=\"!!unitLabel\">\n      <div class=\"gds-group gds-group--small gds-group-border gds-group-focus\">\n        <ng-container *ngTemplateOutlet=\"inputField\"></ng-container>\n        <span class=\"gds-form-text\">{{ unitLabel }}</span>\n      </div>\n    </ng-container>\n    <ng-container *ngIf=\"!unitLabel\">\n      <ng-container *ngTemplateOutlet=\"inputField\"></ng-container>\n    </ng-container>\n  </ng-container>\n</div>\n\n<input\n  type=\"range\"\n  [attr.id]=\"name\"\n  [attr.name]=\"name\"\n  [attr.min]=\"min\"\n  [attr.max]=\"max\"\n  [attr.step]=\"step\"\n  [disabled]=\"disabled\"\n  [(ngModel)]=\"value\"\n  [ngStyle]=\"style\"\n  [attr.aria-valuenow]=\"value\"\n  (blur)=\"onBlur()\"\n  (input)=\"handleChange()\"\n/>\n\n<p *ngIf=\"!!errorMessage\" class=\"gds-slider-error-info\">\n  {{ errorMessage }}\n</p>\n\n<ng-template #inputField>\n  <input\n    type=\"text\"\n    inputmode=\"numeric\"\n    pattern=\"[0-9]*\"\n    [(ngModel)]=\"value\"\n    class=\"gds-input small\"\n    [class.is-invalid]=\"!!errorMessage\"\n    [attr.name]=\"name\"\n    [attr.id]=\"name + '-textbox'\"\n    [attr.placeholder]=\"placeholder\"\n    [attr.aria-labelledby]=\"name + '-label'\"\n    [attr.enterkeyhint]=\"enterkeyhint\"\n    [disabled]=\"disabled\"\n    (blur)=\"onBlur()\"\n    (input)=\"handleChange()\"\n  />\n</ng-template>\n","import { CommonModule } from '@angular/common'\nimport { NgModule } from '@angular/core'\nimport { FormsModule } from '@angular/forms'\n\nimport { NggSliderComponent } from './slider.component'\n\n@NgModule({\n  imports: [CommonModule, FormsModule],\n  exports: [NggSliderComponent],\n  declarations: [NggSliderComponent],\n})\nexport class NggSliderModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/sebgroup-green-angular-src-lib-sortable-list.mjs

@@ -158,10 +158,10 @@ class NggSortableListComponent {
         }
         return this.focusedIndex[groupIndex] === itemIndex;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NggSortableListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: NggSortableListComponent, isStandalone: false, selector: "ngg-sortable-list", inputs: { groups: "groups", shouldDisplayCheckboxes: "shouldDisplayCheckboxes", isReadOnly: "isReadOnly", isDraggable: "isDraggable", description: "description", suffixTemplate: "suffixTemplate" }, outputs: { itemSelectionChanged: "itemSelectionChanged", itemOrderChanged: "itemOrderChanged" }, viewQueries: [{ propertyName: "sortableListGroups", first: true, predicate: ["sortableListGroups"], descendants: true }], ngImport: i0, template: "<div class=\"gds-sortable-list\">\n  <ng-container>\n    <p class=\"gds-sortable-list-header\">\n      <span class=\"gds-sortable-list-header-title\">{{ description }}</span>\n    </p>\n    <div #sortableListGroups cdkDropListGroup>\n      <div\n        *ngFor=\"let group of groups; let g_i = index\"\n        class=\"gds-sortable-list-group\"\n        [class.drag-enabled]=\"isDraggable && !isReadOnly\"\n        role=\"list\"\n        cdkDropList\n        [cdkDropListData]=\"group.items\"\n        [id]=\"g_i.toString()\"\n        (cdkDropListDropped)=\"onDragDrop($event)\"\n      >\n        <p\n          *ngIf=\"group.title && group.title.length > 0\"\n          class=\"gds-sortable-list-header\"\n        >\n          <span class=\"gds-sortable-list-header-title\">{{ group.title }}</span>\n        </p>\n        <p\n          *ngIf=\"group.description && group.description.length > 0\"\n          class=\"gds-sortable-list-header-description\"\n        >\n          {{ group.description }}\n        </p>\n        <div\n          *ngFor=\"let checklistItem of group.items; let i = index\"\n          [cdkDragDisabled]=\"!isDraggable || isReadOnly\"\n          [cdkDragData]=\"checklistItem\"\n          cdkDrag\n          cdkDragLockAxis=\"y\"\n          class=\"item-box\"\n          role=\"listitem\"\n        >\n          <div *cdkDragPlaceholder class=\"item-custom-placeholder\"></div>\n          <label\n            (keydown.alt.arrowDown)=\"onAltArrowKeydown(g_i, i, i + 1, $event)\"\n            (keydown.alt.arrowUp)=\"onAltArrowKeydown(g_i, i, i - 1, $event)\"\n            (keydown.arrowDown)=\"onArrowKeydown(g_i, i + 1, $event)\"\n            (keydown.arrowUp)=\"onArrowKeydown(g_i, i - 1, $event)\"\n            class=\"gds-form-control item-control align-items-center item\"\n            [tabindex]=\"shouldDisplayCheckboxes ? '-1' : '0'\"\n          >\n            <div class=\"gds-form-control\">\n              <input\n                (change)=\"toggleSelection(checklistItem)\"\n                [checked]=\"checklistItem.selected\"\n                [disabled]=\"isReadOnly\"\n                [type]=\"shouldDisplayCheckboxes ? 'checkbox' : 'hidden'\"\n              />\n              <div class=\"item-box-title\">\n                <span name=\"agendaItemName\"\n                  >{{ checklistItem.name }}\n                  <span\n                    *ngIf=\"checklistItem.hasCustomSuffix\"\n                    class=\"gds-sortable-list-suffix\"\n                  >\n                    <ng-container\n                      *ngTemplateOutlet=\"\n                        suffixTemplate;\n                        context: { $implicit: checklistItem }\n                      \"\n                      class=\"user-icon\"\n                    >\n                    </ng-container>\n                  </span>\n                </span>\n                <br />\n                <span *ngIf=\"!!checklistItem.description\">\n                  <span\n                    class=\"gds-sortable-list-suffix\"\n                    name=\"agendaItemToolTip\"\n                  >\n                    {{ checklistItem.description }}\n                  </span>\n                  <br />\n                </span>\n              </div>\n              <i></i>\n            </div>\n            <div *ngIf=\"isDraggable && !isReadOnly\" class=\"item-grip-icon\">\n              <gds-icon-dot-grid-two *nggCoreElement></gds-icon-dot-grid-two>\n            </div>\n          </label>\n        </div>\n      </div>\n    </div>\n  </ng-container>\n</div>\n", styles: [".gds-sortable-list{width:100%;display:block}label.item{padding:0!important}.item-box{background-color:var(--gds-sys-color-background-primary);color:var(--gds-sys-color-text-primary);display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;font-size:14px;margin:5px 0;border:1px solid var(--border-color);border-radius:4px}.gds-form-control{line-height:20px;font-size:16px;font-weight:500}.gds-sortable-list-header{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:1rem}.gds-sortable-list-header-title{font-weight:600;font-size:1rem;line-height:1.25rem;font-style:normal}.gds-sortable-list-header-subtitle{font-size:.75rem;color:var(--gds-sys-color-text-primary);display:flex;justify-content:center;align-content:center}.gds-sortable-list-suffix{font-weight:400;font-size:.85rem}.cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.item-grip-icon{font-weight:400;padding:.75rem 1rem .75rem 0rem}.cdk-drop-list.cdk-drop-list-dragging{cursor:grabbing!important;pointer-events:all!important}.item-custom-placeholder.cdk-drag-placeholder{pointer-events:all!important}.cdk-drop-list.drag-enabled:not(.cdk-drag-placeholder) label{cursor:grab}.cdk-drop-list label:focus-visible{outline-color:#333;outline-offset:4px}.gds-sortable-list.cdk-drop-list-dragging .item-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1);pointer-events:all!important}.item-custom-placeholder{border:dotted 1px #999;min-height:44px;transition:transform .25s cubic-bezier(0,0,.2,1);border-radius:4px;margin:5px 0;padding:12px 12px 12px 16px}.user-icon{margin-right:.5rem}.item-control{width:100%;display:flex;flex-direction:row;justify-content:space-between}.gds-form-control.item-layout{display:flex;justify-content:space-between}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2.CdkDropListGroup, selector: "[cdkDropListGroup]", inputs: ["cdkDropListGroupDisabled"], exportAs: ["cdkDropListGroup"] }, { kind: "directive", type: i2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i2.CdkDragPlaceholder, selector: "ng-template[cdkDragPlaceholder]", inputs: ["data"] }, { kind: "directive", type: i3.NggCoreElementDirective, selector: "[nggCoreElement]" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NggSortableListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: NggSortableListComponent, isStandalone: false, selector: "ngg-sortable-list", inputs: { groups: "groups", shouldDisplayCheckboxes: "shouldDisplayCheckboxes", isReadOnly: "isReadOnly", isDraggable: "isDraggable", description: "description", suffixTemplate: "suffixTemplate" }, outputs: { itemSelectionChanged: "itemSelectionChanged", itemOrderChanged: "itemOrderChanged" }, viewQueries: [{ propertyName: "sortableListGroups", first: true, predicate: ["sortableListGroups"], descendants: true }], ngImport: i0, template: "<div class=\"gds-sortable-list\">\n  <ng-container>\n    <p class=\"gds-sortable-list-header\">\n      <span class=\"gds-sortable-list-header-title\">{{ description }}</span>\n    </p>\n    <div #sortableListGroups cdkDropListGroup>\n      <div\n        *ngFor=\"let group of groups; let g_i = index\"\n        class=\"gds-sortable-list-group\"\n        [class.drag-enabled]=\"isDraggable && !isReadOnly\"\n        role=\"list\"\n        cdkDropList\n        [cdkDropListData]=\"group.items\"\n        [id]=\"g_i.toString()\"\n        (cdkDropListDropped)=\"onDragDrop($event)\"\n      >\n        <p\n          *ngIf=\"group.title && group.title.length > 0\"\n          class=\"gds-sortable-list-header\"\n        >\n          <span class=\"gds-sortable-list-header-title\">{{ group.title }}</span>\n        </p>\n        <p\n          *ngIf=\"group.description && group.description.length > 0\"\n          class=\"gds-sortable-list-header-description\"\n        >\n          {{ group.description }}\n        </p>\n        <div\n          *ngFor=\"let checklistItem of group.items; let i = index\"\n          [cdkDragDisabled]=\"!isDraggable || isReadOnly\"\n          [cdkDragData]=\"checklistItem\"\n          cdkDrag\n          cdkDragLockAxis=\"y\"\n          class=\"item-box\"\n          role=\"listitem\"\n        >\n          <div *cdkDragPlaceholder class=\"item-custom-placeholder\"></div>\n          <label\n            (keydown.alt.arrowDown)=\"onAltArrowKeydown(g_i, i, i + 1, $event)\"\n            (keydown.alt.arrowUp)=\"onAltArrowKeydown(g_i, i, i - 1, $event)\"\n            (keydown.arrowDown)=\"onArrowKeydown(g_i, i + 1, $event)\"\n            (keydown.arrowUp)=\"onArrowKeydown(g_i, i - 1, $event)\"\n            class=\"gds-form-control item-control align-items-center item\"\n            [tabindex]=\"shouldDisplayCheckboxes ? '-1' : '0'\"\n          >\n            <div class=\"gds-form-control\">\n              <input\n                (change)=\"toggleSelection(checklistItem)\"\n                [checked]=\"checklistItem.selected\"\n                [disabled]=\"isReadOnly\"\n                [type]=\"shouldDisplayCheckboxes ? 'checkbox' : 'hidden'\"\n              />\n              <div class=\"item-box-title\">\n                <span name=\"agendaItemName\"\n                  >{{ checklistItem.name }}\n                  <span\n                    *ngIf=\"checklistItem.hasCustomSuffix\"\n                    class=\"gds-sortable-list-suffix\"\n                  >\n                    <ng-container\n                      *ngTemplateOutlet=\"\n                        suffixTemplate;\n                        context: { $implicit: checklistItem }\n                      \"\n                      class=\"user-icon\"\n                    >\n                    </ng-container>\n                  </span>\n                </span>\n                <br />\n                <span *ngIf=\"!!checklistItem.description\">\n                  <span\n                    class=\"gds-sortable-list-suffix\"\n                    name=\"agendaItemToolTip\"\n                  >\n                    {{ checklistItem.description }}\n                  </span>\n                  <br />\n                </span>\n              </div>\n              <i></i>\n            </div>\n            <div *ngIf=\"isDraggable && !isReadOnly\" class=\"item-grip-icon\">\n              <gds-icon-dot-grid-two *nggCoreElement></gds-icon-dot-grid-two>\n            </div>\n          </label>\n        </div>\n      </div>\n    </div>\n  </ng-container>\n</div>\n", styles: [".gds-sortable-list{width:100%;display:block}label.item{padding:0!important}.item-box{background-color:var(--gds-sys-color-background-primary);color:var(--gds-sys-color-text-primary);display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;font-size:14px;margin:5px 0;border:1px solid var(--border-color);border-radius:4px}.gds-form-control{line-height:20px;font-size:16px;font-weight:500}.gds-sortable-list-header{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:1rem}.gds-sortable-list-header-title{font-weight:600;font-size:1rem;line-height:1.25rem;font-style:normal}.gds-sortable-list-header-subtitle{font-size:.75rem;color:var(--gds-sys-color-text-primary);display:flex;justify-content:center;align-content:center}.gds-sortable-list-suffix{font-weight:400;font-size:.85rem}.cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.item-grip-icon{font-weight:400;padding:.75rem 1rem .75rem 0rem}.cdk-drop-list.cdk-drop-list-dragging{cursor:grabbing!important;pointer-events:all!important}.item-custom-placeholder.cdk-drag-placeholder{pointer-events:all!important}.cdk-drop-list.drag-enabled:not(.cdk-drag-placeholder) label{cursor:grab}.cdk-drop-list label:focus-visible{outline-color:#333;outline-offset:4px}.gds-sortable-list.cdk-drop-list-dragging .item-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1);pointer-events:all!important}.item-custom-placeholder{border:dotted 1px #999;min-height:44px;transition:transform .25s cubic-bezier(0,0,.2,1);border-radius:4px;margin:5px 0;padding:12px 12px 12px 16px}.user-icon{margin-right:.5rem}.item-control{width:100%;display:flex;flex-direction:row;justify-content:space-between}.gds-form-control.item-layout{display:flex;justify-content:space-between}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2.CdkDropListGroup, selector: "[cdkDropListGroup]", inputs: ["cdkDropListGroupDisabled"], exportAs: ["cdkDropListGroup"] }, { kind: "directive", type: i2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i2.CdkDragPlaceholder, selector: "ng-template[cdkDragPlaceholder]", inputs: ["data"] }, { kind: "directive", type: i3.NggCoreElementDirective, selector: "[nggCoreElement]" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NggSortableListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NggSortableListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ngg-sortable-list', standalone: false, template: "<div class=\"gds-sortable-list\">\n  <ng-container>\n    <p class=\"gds-sortable-list-header\">\n      <span class=\"gds-sortable-list-header-title\">{{ description }}</span>\n    </p>\n    <div #sortableListGroups cdkDropListGroup>\n      <div\n        *ngFor=\"let group of groups; let g_i = index\"\n        class=\"gds-sortable-list-group\"\n        [class.drag-enabled]=\"isDraggable && !isReadOnly\"\n        role=\"list\"\n        cdkDropList\n        [cdkDropListData]=\"group.items\"\n        [id]=\"g_i.toString()\"\n        (cdkDropListDropped)=\"onDragDrop($event)\"\n      >\n        <p\n          *ngIf=\"group.title && group.title.length > 0\"\n          class=\"gds-sortable-list-header\"\n        >\n          <span class=\"gds-sortable-list-header-title\">{{ group.title }}</span>\n        </p>\n        <p\n          *ngIf=\"group.description && group.description.length > 0\"\n          class=\"gds-sortable-list-header-description\"\n        >\n          {{ group.description }}\n        </p>\n        <div\n          *ngFor=\"let checklistItem of group.items; let i = index\"\n          [cdkDragDisabled]=\"!isDraggable || isReadOnly\"\n          [cdkDragData]=\"checklistItem\"\n          cdkDrag\n          cdkDragLockAxis=\"y\"\n          class=\"item-box\"\n          role=\"listitem\"\n        >\n          <div *cdkDragPlaceholder class=\"item-custom-placeholder\"></div>\n          <label\n            (keydown.alt.arrowDown)=\"onAltArrowKeydown(g_i, i, i + 1, $event)\"\n            (keydown.alt.arrowUp)=\"onAltArrowKeydown(g_i, i, i - 1, $event)\"\n            (keydown.arrowDown)=\"onArrowKeydown(g_i, i + 1, $event)\"\n            (keydown.arrowUp)=\"onArrowKeydown(g_i, i - 1, $event)\"\n            class=\"gds-form-control item-control align-items-center item\"\n            [tabindex]=\"shouldDisplayCheckboxes ? '-1' : '0'\"\n          >\n            <div class=\"gds-form-control\">\n              <input\n                (change)=\"toggleSelection(checklistItem)\"\n                [checked]=\"checklistItem.selected\"\n                [disabled]=\"isReadOnly\"\n                [type]=\"shouldDisplayCheckboxes ? 'checkbox' : 'hidden'\"\n              />\n              <div class=\"item-box-title\">\n                <span name=\"agendaItemName\"\n                  >{{ checklistItem.name }}\n                  <span\n                    *ngIf=\"checklistItem.hasCustomSuffix\"\n                    class=\"gds-sortable-list-suffix\"\n                  >\n                    <ng-container\n                      *ngTemplateOutlet=\"\n                        suffixTemplate;\n                        context: { $implicit: checklistItem }\n                      \"\n                      class=\"user-icon\"\n                    >\n                    </ng-container>\n                  </span>\n                </span>\n                <br />\n                <span *ngIf=\"!!checklistItem.description\">\n                  <span\n                    class=\"gds-sortable-list-suffix\"\n                    name=\"agendaItemToolTip\"\n                  >\n                    {{ checklistItem.description }}\n                  </span>\n                  <br />\n                </span>\n              </div>\n              <i></i>\n            </div>\n            <div *ngIf=\"isDraggable && !isReadOnly\" class=\"item-grip-icon\">\n              <gds-icon-dot-grid-two *nggCoreElement></gds-icon-dot-grid-two>\n            </div>\n          </label>\n        </div>\n      </div>\n    </div>\n  </ng-container>\n</div>\n", styles: [".gds-sortable-list{width:100%;display:block}label.item{padding:0!important}.item-box{background-color:var(--gds-sys-color-background-primary);color:var(--gds-sys-color-text-primary);display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;font-size:14px;margin:5px 0;border:1px solid var(--border-color);border-radius:4px}.gds-form-control{line-height:20px;font-size:16px;font-weight:500}.gds-sortable-list-header{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:1rem}.gds-sortable-list-header-title{font-weight:600;font-size:1rem;line-height:1.25rem;font-style:normal}.gds-sortable-list-header-subtitle{font-size:.75rem;color:var(--gds-sys-color-text-primary);display:flex;justify-content:center;align-content:center}.gds-sortable-list-suffix{font-weight:400;font-size:.85rem}.cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.item-grip-icon{font-weight:400;padding:.75rem 1rem .75rem 0rem}.cdk-drop-list.cdk-drop-list-dragging{cursor:grabbing!important;pointer-events:all!important}.item-custom-placeholder.cdk-drag-placeholder{pointer-events:all!important}.cdk-drop-list.drag-enabled:not(.cdk-drag-placeholder) label{cursor:grab}.cdk-drop-list label:focus-visible{outline-color:#333;outline-offset:4px}.gds-sortable-list.cdk-drop-list-dragging .item-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1);pointer-events:all!important}.item-custom-placeholder{border:dotted 1px #999;min-height:44px;transition:transform .25s cubic-bezier(0,0,.2,1);border-radius:4px;margin:5px 0;padding:12px 12px 12px 16px}.user-icon{margin-right:.5rem}.item-control{width:100%;display:flex;flex-direction:row;justify-content:space-between}.gds-form-control.item-layout{display:flex;justify-content:space-between}\n"] }]
         }], propDecorators: { groups: [{
@@ -186,11 +186,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             }] } });
 
 class NggSortableListModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NggSortableListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: NggSortableListModule, declarations: [NggSortableListComponent], imports: [CommonModule, FormsModule, DragDropModule, NggCoreWrapperModule], exports: [NggSortableListComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NggSortableListModule, imports: [CommonModule, FormsModule, DragDropModule, NggCoreWrapperModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NggSortableListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: NggSortableListModule, declarations: [NggSortableListComponent], imports: [CommonModule, FormsModule, DragDropModule, NggCoreWrapperModule], exports: [NggSortableListComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NggSortableListModule, imports: [CommonModule, FormsModule, DragDropModule, NggCoreWrapperModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NggSortableListModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NggSortableListModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, FormsModule, DragDropModule, NggCoreWrapperModule],

package/fesm2022/sebgroup-green-angular-src-v-angular-account-number.mjs

@@ -44,10 +44,10 @@ class AccountNumberPipe {
     constructor() {
         this.transform = (value, schema) => formatAccountNumber(value, schema);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: AccountNumberPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: AccountNumberPipe, isStandalone: true, name: "accountNumber" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: AccountNumberPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: AccountNumberPipe, isStandalone: true, name: "accountNumber" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: AccountNumberPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: AccountNumberPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'accountNumber',
@@ -56,11 +56,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
         }] });
 
 class NggvAccountNumberPipeModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NggvAccountNumberPipeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: NggvAccountNumberPipeModule, imports: [CommonModule, AccountNumberPipe], exports: [AccountNumberPipe] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NggvAccountNumberPipeModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NggvAccountNumberPipeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: NggvAccountNumberPipeModule, imports: [CommonModule, AccountNumberPipe], exports: [AccountNumberPipe] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NggvAccountNumberPipeModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NggvAccountNumberPipeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NggvAccountNumberPipeModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],

package/fesm2022/sebgroup-green-angular-src-v-angular-alert.mjs

@@ -28,10 +28,10 @@ class AlertComponent {
     onAction(e) {
         this.clickAction.emit(e);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: AlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: AlertComponent, isStandalone: false, selector: "nggv-alert", inputs: { type: "type", title: "title", body: "body", linkText: "linkText", linkHref: "linkHref", actionText: "actionText", closable: "closable" }, outputs: { closeAlert: "closeAlert", clickLink: "clickLink", clickAction: "clickAction" }, ngImport: i0, template: "<div class=\"gds-alert-ribbon alert-container\" role=\"alert\" [ngClass]=\"type\">\n  <ng-container [ngSwitch]=\"type\">\n    <ng-container\n      *ngSwitchCase=\"'success'\"\n      [ngTemplateOutlet]=\"checkMark\"\n    ></ng-container>\n    <ng-container\n      *ngSwitchCase=\"'information'\"\n      [ngTemplateOutlet]=\"infoSquare\"\n    ></ng-container>\n    <ng-container\n      *ngSwitchDefault\n      [ngTemplateOutlet]=\"exclamationSquare\"\n    ></ng-container>\n  </ng-container>\n  <div>\n    <h3 *ngIf=\"title\">{{ title }}</h3>\n    <p *ngIf=\"body\">\n      {{ body }}&nbsp;<a\n        *ngIf=\"linkText\"\n        [href]=\"linkHref\"\n        (click)=\"onLink($event)\"\n        >{{ linkText }}</a\n      >\n    </p>\n  </div>\n  <button\n    *ngIf=\"closable && !actionText\"\n    class=\"gds-close\"\n    type=\"button\"\n    (click)=\"onClose($event)\"\n  >\n    <i></i>\n  </button>\n  <footer *ngIf=\"actionText && !closable\">\n    <button type=\"button\" (click)=\"onAction($event)\">\n      {{ actionText }}\n    </button>\n  </footer>\n</div>\n\n<ng-template #checkMark>\n  <i>\n    <svg\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M17.6203 6.60836L9.40014 14.8285L6.37976 11.8081C6.23332 11.6617 5.99588 11.6617 5.84942 11.8081L4.96554 12.692C4.8191 12.8384 4.8191 13.0759 4.96554 13.2223L9.13495 17.3917C9.28138 17.5382 9.51882 17.5382 9.66529 17.3917L19.0344 8.02258C19.1809 7.87614 19.1809 7.63871 19.0344 7.49224L18.1506 6.60836C18.0041 6.46193 17.7667 6.46193 17.6203 6.60836Z\"\n        fill=\"white\"\n      ></path>\n    </svg>\n  </i>\n</ng-template>\n<ng-template #infoSquare>\n  <i>\n    <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M18.2857 4H5.71429C4.7675 4 4 4.7675 4 5.71429V18.2857C4 19.2325 4.7675 20 5.71429 20H18.2857C19.2325 20 20 19.2325 20 18.2857V5.71429C20 4.7675 19.2325 4 18.2857 4ZM12 7.07143C12.8284 7.07143 13.5 7.743 13.5 8.57143C13.5 9.39986 12.8284 10.0714 12 10.0714C11.1716 10.0714 10.5 9.39986 10.5 8.57143C10.5 7.743 11.1716 7.07143 12 7.07143ZM14 16.1429C14 16.3795 13.8081 16.5714 13.5714 16.5714H10.4286C10.1919 16.5714 10 16.3795 10 16.1429V15.2857C10 15.049 10.1919 14.8571 10.4286 14.8571H10.8571V12.5714H10.4286C10.1919 12.5714 10 12.3795 10 12.1429V11.2857C10 11.049 10.1919 10.8571 10.4286 10.8571H12.7143C12.951 10.8571 13.1429 11.049 13.1429 11.2857V14.8571H13.5714C13.8081 14.8571 14 15.049 14 15.2857V16.1429Z\"\n        fill=\"#333333\"\n      />\n    </svg>\n  </i>\n</ng-template>\n<ng-template #exclamationSquare>\n  <i>\n    <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M18.2857 4H5.71429C4.7675 4 4 4.7675 4 5.71429V18.2857C4 19.2325 4.7675 20 5.71429 20H18.2857C19.2325 20 20 19.2325 20 18.2857V5.71429C20 4.7675 19.2325 4 18.2857 4ZM10.8682 7.42857H13.1318C13.3777 7.42857 13.5731 7.635 13.5597 7.8805L13.2948 12.7376C13.2824 12.9649 13.0945 13.1429 12.8669 13.1429H11.1331C10.9055 13.1429 10.7176 12.9649 10.7052 12.7376L10.4402 7.8805C10.4269 7.635 10.6223 7.42857 10.8682 7.42857ZM12 17.0714C11.0927 17.0714 10.3571 16.3359 10.3571 15.4286C10.3571 14.5213 11.0927 13.7857 12 13.7857C12.9073 13.7857 13.6429 14.5213 13.6429 15.4286C13.6429 16.3359 12.9073 17.0714 12 17.0714Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  </i>\n</ng-template>\n", styles: [".gds-alert-ribbon{--background: var(--gds-sys-color-base-200);--color: var(--gds-sys-color-text-primary);--border-color: var(--gds-sys-color-text-primary);background:var(--background);border-radius:0;border:solid 1px var(--border-color);color:var(--color);padding:1rem;display:inline-grid;grid-template-columns:auto 1fr auto;grid-template-rows:min-content 1fr;grid-template-areas:\"icon content dismiss\" \"footer footer footer\"}@media(min-width:36em){.gds-alert-ribbon{grid-template-areas:\"icon content dismiss\" \"icon content footer\"}}.gds-alert-ribbon>i{display:block;width:1.5rem;height:1.5rem;margin-inline-end:.5rem;grid-area:icon}.gds-alert-ribbon>i svg>*{fill:var(--gds-sys-color-text-primary)}.gds-alert-ribbon>div:not(.alert-ribbon__footer),.gds-alert-ribbon .alert-ribbon__content{grid-area:content;max-width:75ch}.gds-alert-ribbon>div:not(.alert-ribbon__footer):has(+button),.gds-alert-ribbon .alert-ribbon__content:has(+button){padding-right:.5rem}.gds-alert-ribbon>div:not(.alert-ribbon__footer)>h1,.gds-alert-ribbon>div:not(.alert-ribbon__footer) h2,.gds-alert-ribbon>div:not(.alert-ribbon__footer) h3,.gds-alert-ribbon>div:not(.alert-ribbon__footer) h4,.gds-alert-ribbon>div:not(.alert-ribbon__footer) h5,.gds-alert-ribbon>div:not(.alert-ribbon__footer) .header,.gds-alert-ribbon .alert-ribbon__content>h1,.gds-alert-ribbon .alert-ribbon__content h2,.gds-alert-ribbon .alert-ribbon__content h3,.gds-alert-ribbon .alert-ribbon__content h4,.gds-alert-ribbon .alert-ribbon__content h5,.gds-alert-ribbon .alert-ribbon__content .header{display:inline;font-size:1rem;font-weight:500;line-height:1.5rem;margin-right:.25rem}.gds-alert-ribbon>div:not(.alert-ribbon__footer)>p,.gds-alert-ribbon .alert-ribbon__content>p{display:inline;line-height:1.5rem;margin-bottom:0;margin-top:0}.gds-alert-ribbon>div:not(.alert-ribbon__footer)>p a,.gds-alert-ribbon>div:not(.alert-ribbon__footer)>p a:visited:not(.button,[role=tab]),.gds-alert-ribbon .alert-ribbon__content>p a,.gds-alert-ribbon .alert-ribbon__content>p a:visited:not(.button,[role=tab]){color:var(--color)}.gds-alert-ribbon>div:not(.alert-ribbon__footer)>p a:hover,.gds-alert-ribbon>div:not(.alert-ribbon__footer)>p a:visited:not(.button,[role=tab]):hover,.gds-alert-ribbon .alert-ribbon__content>p a:hover,.gds-alert-ribbon .alert-ribbon__content>p a:visited:not(.button,[role=tab]):hover{color:var(--color)}.gds-alert-ribbon button.gds-close{padding:0;grid-area:dismiss;justify-self:flex-end;margin:-.5rem -.375rem 0 .375rem;background-color:transparent;--color: var(--gds-sys-color-text-primary)}.gds-alert-ribbon button.gds-close>i:after,.gds-alert-ribbon button.gds-close>i:before{background-color:var(--color)}.gds-alert-ribbon button.gds-close:hover>i:after,.gds-alert-ribbon button.gds-close:hover>i:before{background-color:var(--color)}@media(min-width:36em){.gds-alert-ribbon button.gds-close+footer,.gds-alert-ribbon button.gds-close .alert-ribbon__footer{margin-top:.75rem}}.gds-alert-ribbon a{text-decoration:underline!important;transition:opacity .3s ease-in-out}.gds-alert-ribbon>footer,.gds-alert-ribbon .alert-ribbon__footer{grid-area:footer;align-self:end}@media(max-width:35.98em){.gds-alert-ribbon>footer,.gds-alert-ribbon .alert-ribbon__footer{margin-top:.75rem}}@media(min-width:36em){.gds-alert-ribbon>footer,.gds-alert-ribbon .alert-ribbon__footer{margin-left:.75rem}}.gds-alert-ribbon>footer>a,.gds-alert-ribbon .alert-ribbon__footer>a{display:flex}.gds-alert-ribbon>footer>a,.gds-alert-ribbon>footer>button,.gds-alert-ribbon>footer>button[type=button],.gds-alert-ribbon>footer>.button,.gds-alert-ribbon .alert-ribbon__footer>a,.gds-alert-ribbon .alert-ribbon__footer>button,.gds-alert-ribbon .alert-ribbon__footer>button[type=button],.gds-alert-ribbon .alert-ribbon__footer>.button{min-height:2rem;padding:.4375rem .75rem;line-height:1.125rem}@media(max-width:35.98em){.gds-alert-ribbon>footer>a+a,.gds-alert-ribbon>footer>a+button,.gds-alert-ribbon>footer>a+.button,.gds-alert-ribbon>footer>button+a,.gds-alert-ribbon>footer>button+button,.gds-alert-ribbon>footer>button+.button,.gds-alert-ribbon>footer>button[type=button]+a,.gds-alert-ribbon>footer>button[type=button]+button,.gds-alert-ribbon>footer>button[type=button]+.button,.gds-alert-ribbon>footer>.button+a,.gds-alert-ribbon>footer>.button+button,.gds-alert-ribbon>footer>.button+.button,.gds-alert-ribbon .alert-ribbon__footer>a+a,.gds-alert-ribbon .alert-ribbon__footer>a+button,.gds-alert-ribbon .alert-ribbon__footer>a+.button,.gds-alert-ribbon .alert-ribbon__footer>button+a,.gds-alert-ribbon .alert-ribbon__footer>button+button,.gds-alert-ribbon .alert-ribbon__footer>button+.button,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+a,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+button,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+.button,.gds-alert-ribbon .alert-ribbon__footer>.button+a,.gds-alert-ribbon .alert-ribbon__footer>.button+button,.gds-alert-ribbon .alert-ribbon__footer>.button+.button{margin-top:.75rem}}@media(min-width:36em){.gds-alert-ribbon>footer>a+a,.gds-alert-ribbon>footer>a+button,.gds-alert-ribbon>footer>a+.button,.gds-alert-ribbon>footer>button+a,.gds-alert-ribbon>footer>button+button,.gds-alert-ribbon>footer>button+.button,.gds-alert-ribbon>footer>button[type=button]+a,.gds-alert-ribbon>footer>button[type=button]+button,.gds-alert-ribbon>footer>button[type=button]+.button,.gds-alert-ribbon>footer>.button+a,.gds-alert-ribbon>footer>.button+button,.gds-alert-ribbon>footer>.button+.button,.gds-alert-ribbon .alert-ribbon__footer>a+a,.gds-alert-ribbon .alert-ribbon__footer>a+button,.gds-alert-ribbon .alert-ribbon__footer>a+.button,.gds-alert-ribbon .alert-ribbon__footer>button+a,.gds-alert-ribbon .alert-ribbon__footer>button+button,.gds-alert-ribbon .alert-ribbon__footer>button+.button,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+a,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+button,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+.button,.gds-alert-ribbon .alert-ribbon__footer>.button+a,.gds-alert-ribbon .alert-ribbon__footer>.button+button,.gds-alert-ribbon .alert-ribbon__footer>.button+.button{margin-left:.75rem}}.gds-alert-ribbon.info{--background: var(--gds-sys-color-base-200);--color: var(--gds-sys-color-text-black);--border-color: transparent;--gds-sys-color-focus-outline: var(--gds-sys-color-text-black)}.gds-alert-ribbon.info .gds-close{--color: var(--gds-sys-color-text-black)}.gds-alert-ribbon.info i>svg>*{fill:var(--gds-sys-color-text-black)}.gds-alert-ribbon.success{--background: var(--gds-sys-color-dark-green-2);--color: var(--gds-sys-color-text-inverted);--border-color: transparent;--gds-sys-color-focus-outline: var(--gds-sys-color-text-inverted)}.gds-alert-ribbon.success .gds-close{--color: var(--gds-sys-color-text-inverted)}.gds-alert-ribbon.success i>svg>*{fill:var(--gds-sys-color-text-inverted)}.gds-alert-ribbon.warning{--background: var(--gds-sys-color-dark-yellow-1);--color: var(--gds-sys-color-text-black);--border-color: transparent;--gds-sys-color-focus-outline: var(--gds-sys-color-text-black)}.gds-alert-ribbon.warning .gds-close{--color: var(--gds-sys-color-text-black)}.gds-alert-ribbon.warning i>svg>*{fill:var(--gds-sys-color-text-black)}.gds-alert-ribbon.danger{--background: var(--gds-sys-color-dark-red-1);--color: var(--gds-sys-color-text-inverted);--border-color: transparent;--gds-sys-color-focus-outline: var(--gds-sys-color-text-inverted)}.gds-alert-ribbon.danger .gds-close{--color: var(--gds-sys-color-text-inverted)}.gds-alert-ribbon.danger i>svg>*{fill:var(--gds-sys-color-text-inverted)}.gds-close{font-size:0;background:transparent;border:0;border-radius:50%;content:\"\";cursor:pointer;display:flex;font-family:inherit;height:2rem;position:relative;width:2rem;padding:0}@media(hover:none)and (pointer:coarse){.gds-close:not(:disabled):not(.disabled){padding:.375rem;height:2.75rem;width:2.75rem}.gds-close:not(:disabled):not(.disabled)>i{background:var(--gds-sys-color-base-200);height:2rem;width:2rem;border-radius:50%;position:relative;--color: var(--gds-sys-color-text-primary)}.gds-close:not(:disabled):not(.disabled)>div:after,.gds-close:not(:disabled):not(.disabled)>div:before{height:.789375rem;width:.130625rem;top:.625rem}}.gds-close:focus:not(:focus-visible){box-shadow:none;outline:0}.gds-close:focus,.gds-close:focus-visible i{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}.gds-close>i{border-radius:var(--gds-sys-shape-corner-round);display:block;width:100%;height:100%}.gds-close>i:after,.gds-close>i:before{background:var(--gds-sys-color-text-primary);content:\"\";display:block;height:.789375rem;width:.130625rem;border-radius:.5px;left:calc(50% - .0625rem);position:absolute;top:.625rem}.gds-close>i:after{transform:rotate(45deg)}.gds-close>i:before{transform:rotate(-45deg)}.gds-close>svg path{fill:var(--gds-sys-color-text-primary)}@media(min-width:48em){.gds-close:not(:disabled,.disabled):hover>i{background:color-mix(in srgb,var(--gds-sys-color-text-primary) 10%,transparent)}.gds-close:not(:disabled,.disabled):hover:active>i{background:color-mix(in srgb,var(--gds-sys-color-text-primary) 20%,transparent)}}:host{--gds-sys-shape-corner-none: 0;--gds-sys-shape-corner-small: .125rem;--gds-sys-shape-corner-medium: .25rem;--gds-sys-shape-corner-round: 50%;--gds-sys-color-blue: #41b0ee;--gds-sys-color-dark-blue-1: #0092e1;--gds-sys-color-dark-blue-2: #007ac7;--gds-sys-color-green: #60cd18;--gds-sys-color-dark-green-1: #45b400;--gds-sys-color-dark-green-2: #308800;--gds-sys-color-yellow: #ffc500;--gds-sys-color-dark-yellow-1: #ffb400;--gds-sys-color-dark-yellow-2: #f8a000;--gds-sys-color-text-primary: #333333;--gds-sys-color-text-secondary: #ababab;--gds-sys-color-text-white: #ffffff;--gds-sys-color-text-black: #333333;--gds-sys-color-text-inverted: #ffffff;--gds-sys-color-text-link: #0062bc;--gds-sys-color-text-error: #9f000a;--gds-sys-color-text-disabled: #adadad;--gds-sys-color-red: #f03529;--gds-sys-color-dark-red-1: #d81a1a;--gds-sys-color-dark-red-2: #bb000c;--gds-sys-color-purple: #673ab6;--gds-sys-color-dark-purple-1: #4f2C99;--gds-sys-color-dark-purple-2: #3f2587;--gds-sys-color-white: #ffffff;--gds-sys-color-black: #000000;--gds-sys-color-background-primary: #ffffff;--gds-sys-color-background-secondary: #eeeeee;--gds-sys-color-base-100: #f8f8f8;--gds-sys-color-base-200: #e9e9e9;--gds-sys-color-base-300: #dedede;--gds-sys-color-base-400: #cecece;--gds-sys-color-base-500: #adadad;--gds-sys-color-base-600: #868686;--gds-sys-color-base-700: #494949;--gds-sys-color-base-800: #333333;--gds-sys-color-base-900: #1a1a1a;--gds-sys-color-hover-10: rgba(255, 255, 255, .1);--gds-sys-color-hover-20: rgba(255, 255, 255, .2)}:host .alert-container{box-sizing:border-box;width:100%}:host .alert-container a{cursor:pointer}:host .alert-container button{font-size:1rem;font-family:inherit}:host .alert-container button:not(.gds-close){padding:.75rem 1rem;border-radius:.25rem;border:solid 1px var(--gds-sys-color-base-600);font-weight:500}:host .alert-container button:not(.gds-close):focus:not(:focus-visible){box-shadow:none;outline:0}:host .alert-container button:not(.gds-close):focus,:host .alert-container button:not(.gds-close):focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .alert-container button:not(.gds-close){min-height:2.75rem;align-items:center;display:inline-flex;justify-content:center}@media(max-width:35.98em){:host .alert-container button:not(.gds-close){min-width:100%}}@media screen and (-ms-high-contrast:active){:host .alert-container button:not(.gds-close){border:2px solid currentcolor}}:host .alert-container button:not(.gds-close).small{min-height:2rem;height:2rem;padding:.4375rem .75rem;font-size:.875rem;line-height:1rem}:host .alert-container button:not(.gds-close).large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}:host .alert-container.information button:not(.gds-close),:host .alert-container.warning button:not(.gds-close){transition:border var(--gds-sys-transition)}:host .alert-container.information button:not(.gds-close):not(:disabled,.disabled,[aria-disabled]):hover,:host .alert-container.warning button:not(.gds-close):not(:disabled,.disabled,[aria-disabled]):hover{background:var(--gds-sys-color-base-800);color:var(--gds-sys-color-text-white);--background: var(--gds-sys-color-base-800);--color: var(--gds-sys-color-text-white);border-color:var(--gds-sys-color-base-800)}:host .alert-container.information button:not(.gds-close)[aria-selected=true],:host .alert-container.information button:not(.gds-close):active,:host .alert-container.information button:not(.gds-close).active,:host .alert-container.information button:not(.gds-close).active:hover,:host .alert-container.information button:not(.gds-close):active:hover,:host .alert-container.warning button:not(.gds-close)[aria-selected=true],:host .alert-container.warning button:not(.gds-close):active,:host .alert-container.warning button:not(.gds-close).active,:host .alert-container.warning button:not(.gds-close).active:hover,:host .alert-container.warning button:not(.gds-close):active:hover{background:var(--gds-sys-color-base-800);color:var(--gds-sys-color-text-white);--background: $bg;--color: $color;border-color:var(--gds-sys-color-base-800)}:host .alert-container.information button:not(.gds-close)[aria-selected]:hover,:host .alert-container.information button:not(.gds-close).active:hover,:host .alert-container.information button:not(.gds-close):active:hover,:host .alert-container.warning button:not(.gds-close)[aria-selected]:hover,:host .alert-container.warning button:not(.gds-close).active:hover,:host .alert-container.warning button:not(.gds-close):active:hover{opacity:.9}:host .alert-container.information button:not(.gds-close),:host .alert-container.warning button:not(.gds-close){background-color:transparent;border-color:var(--gds-sys-color-base-800);color:var(--gds-sys-color-base-800);--color: var(--gds-sys-color-base-800)}:host .alert-container.information button:not(.gds-close):disabled,:host .alert-container.information button:not(.gds-close).disabled,:host .alert-container.information button:not(.gds-close)[aria-disabled=true],:host .alert-container.warning button:not(.gds-close):disabled,:host .alert-container.warning button:not(.gds-close).disabled,:host .alert-container.warning button:not(.gds-close)[aria-disabled=true]{color:var(--gds-sys-color-text-disabled)!important;border-color:var(--gds-sys-color-text-disabled)!important;cursor:not-allowed}:host .alert-container.information button:not(.gds-close):disabled::placeholder,:host .alert-container.information button:not(.gds-close).disabled::placeholder,:host .alert-container.information button:not(.gds-close)[aria-disabled=true]::placeholder,:host .alert-container.warning button:not(.gds-close):disabled::placeholder,:host .alert-container.warning button:not(.gds-close).disabled::placeholder,:host .alert-container.warning button:not(.gds-close)[aria-disabled=true]::placeholder{color:var(--gds-sys-color-text-disabled)}:host .alert-container.success button:not(.gds-close),:host .alert-container.danger button:not(.gds-close){--gds-sys-color-focus-outline: var(--gds-sys-color-white);transition:border var(--gds-sys-transition)}:host .alert-container.success button:not(.gds-close):not(:disabled,.disabled,[aria-disabled]):hover,:host .alert-container.danger button:not(.gds-close):not(:disabled,.disabled,[aria-disabled]):hover{background:var(--gds-sys-color-white);color:var(--gds-sys-color-text-primary);--background: var(--gds-sys-color-white);--color: var(--gds-sys-color-text-primary);border-color:var(--gds-sys-color-white)}:host .alert-container.success button:not(.gds-close)[aria-selected=true],:host .alert-container.success button:not(.gds-close):active,:host .alert-container.success button:not(.gds-close).active,:host .alert-container.success button:not(.gds-close).active:hover,:host .alert-container.success button:not(.gds-close):active:hover,:host .alert-container.danger button:not(.gds-close)[aria-selected=true],:host .alert-container.danger button:not(.gds-close):active,:host .alert-container.danger button:not(.gds-close).active,:host .alert-container.danger button:not(.gds-close).active:hover,:host .alert-container.danger button:not(.gds-close):active:hover{background:var(--gds-sys-color-base-200);color:var(--gds-sys-color-text-primary);--background: $bg;--color: $color;border-color:var(--gds-sys-color-base-200)}:host .alert-container.success button:not(.gds-close)[aria-selected]:hover,:host .alert-container.success button:not(.gds-close).active:hover,:host .alert-container.success button:not(.gds-close):active:hover,:host .alert-container.danger button:not(.gds-close)[aria-selected]:hover,:host .alert-container.danger button:not(.gds-close).active:hover,:host .alert-container.danger button:not(.gds-close):active:hover{opacity:.9}:host .alert-container.success button:not(.gds-close),:host .alert-container.danger button:not(.gds-close){background-color:transparent;border-color:var(--gds-sys-color-white);color:var(--gds-sys-color-white);--color: var(--gds-sys-color-white)}:host .alert-container.success button:not(.gds-close):disabled,:host .alert-container.success button:not(.gds-close).disabled,:host .alert-container.success button:not(.gds-close)[aria-disabled=true],:host .alert-container.danger button:not(.gds-close):disabled,:host .alert-container.danger button:not(.gds-close).disabled,:host .alert-container.danger button:not(.gds-close)[aria-disabled=true]{color:var(--gds-sys-color-text-disabled)!important;border-color:var(--gds-sys-color-text-disabled)!important;cursor:not-allowed}:host .alert-container.success button:not(.gds-close):disabled::placeholder,:host .alert-container.success button:not(.gds-close).disabled::placeholder,:host .alert-container.success button:not(.gds-close)[aria-disabled=true]::placeholder,:host .alert-container.danger button:not(.gds-close):disabled::placeholder,:host .alert-container.danger button:not(.gds-close).disabled::placeholder,:host .alert-container.danger button:not(.gds-close)[aria-disabled=true]::placeholder{color:var(--gds-sys-color-text-disabled)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: AlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: AlertComponent, isStandalone: false, selector: "nggv-alert", inputs: { type: "type", title: "title", body: "body", linkText: "linkText", linkHref: "linkHref", actionText: "actionText", closable: "closable" }, outputs: { closeAlert: "closeAlert", clickLink: "clickLink", clickAction: "clickAction" }, ngImport: i0, template: "<div class=\"gds-alert-ribbon alert-container\" role=\"alert\" [ngClass]=\"type\">\n  <ng-container [ngSwitch]=\"type\">\n    <ng-container\n      *ngSwitchCase=\"'success'\"\n      [ngTemplateOutlet]=\"checkMark\"\n    ></ng-container>\n    <ng-container\n      *ngSwitchCase=\"'information'\"\n      [ngTemplateOutlet]=\"infoSquare\"\n    ></ng-container>\n    <ng-container\n      *ngSwitchDefault\n      [ngTemplateOutlet]=\"exclamationSquare\"\n    ></ng-container>\n  </ng-container>\n  <div>\n    <h3 *ngIf=\"title\">{{ title }}</h3>\n    <p *ngIf=\"body\">\n      {{ body }}&nbsp;<a\n        *ngIf=\"linkText\"\n        [href]=\"linkHref\"\n        (click)=\"onLink($event)\"\n        >{{ linkText }}</a\n      >\n    </p>\n  </div>\n  <button\n    *ngIf=\"closable && !actionText\"\n    class=\"gds-close\"\n    type=\"button\"\n    (click)=\"onClose($event)\"\n  >\n    <i></i>\n  </button>\n  <footer *ngIf=\"actionText && !closable\">\n    <button type=\"button\" (click)=\"onAction($event)\">\n      {{ actionText }}\n    </button>\n  </footer>\n</div>\n\n<ng-template #checkMark>\n  <i>\n    <svg\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M17.6203 6.60836L9.40014 14.8285L6.37976 11.8081C6.23332 11.6617 5.99588 11.6617 5.84942 11.8081L4.96554 12.692C4.8191 12.8384 4.8191 13.0759 4.96554 13.2223L9.13495 17.3917C9.28138 17.5382 9.51882 17.5382 9.66529 17.3917L19.0344 8.02258C19.1809 7.87614 19.1809 7.63871 19.0344 7.49224L18.1506 6.60836C18.0041 6.46193 17.7667 6.46193 17.6203 6.60836Z\"\n        fill=\"white\"\n      ></path>\n    </svg>\n  </i>\n</ng-template>\n<ng-template #infoSquare>\n  <i>\n    <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M18.2857 4H5.71429C4.7675 4 4 4.7675 4 5.71429V18.2857C4 19.2325 4.7675 20 5.71429 20H18.2857C19.2325 20 20 19.2325 20 18.2857V5.71429C20 4.7675 19.2325 4 18.2857 4ZM12 7.07143C12.8284 7.07143 13.5 7.743 13.5 8.57143C13.5 9.39986 12.8284 10.0714 12 10.0714C11.1716 10.0714 10.5 9.39986 10.5 8.57143C10.5 7.743 11.1716 7.07143 12 7.07143ZM14 16.1429C14 16.3795 13.8081 16.5714 13.5714 16.5714H10.4286C10.1919 16.5714 10 16.3795 10 16.1429V15.2857C10 15.049 10.1919 14.8571 10.4286 14.8571H10.8571V12.5714H10.4286C10.1919 12.5714 10 12.3795 10 12.1429V11.2857C10 11.049 10.1919 10.8571 10.4286 10.8571H12.7143C12.951 10.8571 13.1429 11.049 13.1429 11.2857V14.8571H13.5714C13.8081 14.8571 14 15.049 14 15.2857V16.1429Z\"\n        fill=\"#333333\"\n      />\n    </svg>\n  </i>\n</ng-template>\n<ng-template #exclamationSquare>\n  <i>\n    <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M18.2857 4H5.71429C4.7675 4 4 4.7675 4 5.71429V18.2857C4 19.2325 4.7675 20 5.71429 20H18.2857C19.2325 20 20 19.2325 20 18.2857V5.71429C20 4.7675 19.2325 4 18.2857 4ZM10.8682 7.42857H13.1318C13.3777 7.42857 13.5731 7.635 13.5597 7.8805L13.2948 12.7376C13.2824 12.9649 13.0945 13.1429 12.8669 13.1429H11.1331C10.9055 13.1429 10.7176 12.9649 10.7052 12.7376L10.4402 7.8805C10.4269 7.635 10.6223 7.42857 10.8682 7.42857ZM12 17.0714C11.0927 17.0714 10.3571 16.3359 10.3571 15.4286C10.3571 14.5213 11.0927 13.7857 12 13.7857C12.9073 13.7857 13.6429 14.5213 13.6429 15.4286C13.6429 16.3359 12.9073 17.0714 12 17.0714Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  </i>\n</ng-template>\n", styles: [".gds-alert-ribbon{--background: var(--gds-sys-color-base-200);--color: var(--gds-sys-color-text-primary);--border-color: var(--gds-sys-color-text-primary);background:var(--background);border-radius:0;border:solid 1px var(--border-color);color:var(--color);padding:1rem;display:inline-grid;grid-template-columns:auto 1fr auto;grid-template-rows:min-content 1fr;grid-template-areas:\"icon content dismiss\" \"footer footer footer\"}@media(min-width:36em){.gds-alert-ribbon{grid-template-areas:\"icon content dismiss\" \"icon content footer\"}}.gds-alert-ribbon>i{display:block;width:1.5rem;height:1.5rem;margin-inline-end:.5rem;grid-area:icon}.gds-alert-ribbon>i svg>*{fill:var(--gds-sys-color-text-primary)}.gds-alert-ribbon>div:not(.alert-ribbon__footer),.gds-alert-ribbon .alert-ribbon__content{grid-area:content;max-width:75ch}.gds-alert-ribbon>div:not(.alert-ribbon__footer):has(+button),.gds-alert-ribbon .alert-ribbon__content:has(+button){padding-right:.5rem}.gds-alert-ribbon>div:not(.alert-ribbon__footer)>h1,.gds-alert-ribbon>div:not(.alert-ribbon__footer) h2,.gds-alert-ribbon>div:not(.alert-ribbon__footer) h3,.gds-alert-ribbon>div:not(.alert-ribbon__footer) h4,.gds-alert-ribbon>div:not(.alert-ribbon__footer) h5,.gds-alert-ribbon>div:not(.alert-ribbon__footer) .header,.gds-alert-ribbon .alert-ribbon__content>h1,.gds-alert-ribbon .alert-ribbon__content h2,.gds-alert-ribbon .alert-ribbon__content h3,.gds-alert-ribbon .alert-ribbon__content h4,.gds-alert-ribbon .alert-ribbon__content h5,.gds-alert-ribbon .alert-ribbon__content .header{display:inline;font-size:1rem;font-weight:500;line-height:1.5rem;margin-right:.25rem}.gds-alert-ribbon>div:not(.alert-ribbon__footer)>p,.gds-alert-ribbon .alert-ribbon__content>p{display:inline;line-height:1.5rem;margin-bottom:0;margin-top:0}.gds-alert-ribbon>div:not(.alert-ribbon__footer)>p a,.gds-alert-ribbon>div:not(.alert-ribbon__footer)>p a:visited:not(.button,[role=tab]),.gds-alert-ribbon .alert-ribbon__content>p a,.gds-alert-ribbon .alert-ribbon__content>p a:visited:not(.button,[role=tab]){color:var(--color)}.gds-alert-ribbon>div:not(.alert-ribbon__footer)>p a:hover,.gds-alert-ribbon>div:not(.alert-ribbon__footer)>p a:visited:not(.button,[role=tab]):hover,.gds-alert-ribbon .alert-ribbon__content>p a:hover,.gds-alert-ribbon .alert-ribbon__content>p a:visited:not(.button,[role=tab]):hover{color:var(--color)}.gds-alert-ribbon button.gds-close{padding:0;grid-area:dismiss;justify-self:flex-end;margin:-.5rem -.375rem 0 .375rem;background-color:transparent;--color: var(--gds-sys-color-text-primary)}.gds-alert-ribbon button.gds-close>i:after,.gds-alert-ribbon button.gds-close>i:before{background-color:var(--color)}.gds-alert-ribbon button.gds-close:hover>i:after,.gds-alert-ribbon button.gds-close:hover>i:before{background-color:var(--color)}@media(min-width:36em){.gds-alert-ribbon button.gds-close+footer,.gds-alert-ribbon button.gds-close .alert-ribbon__footer{margin-top:.75rem}}.gds-alert-ribbon a{text-decoration:underline!important;transition:opacity .3s ease-in-out}.gds-alert-ribbon>footer,.gds-alert-ribbon .alert-ribbon__footer{grid-area:footer;align-self:end}@media(max-width:35.98em){.gds-alert-ribbon>footer,.gds-alert-ribbon .alert-ribbon__footer{margin-top:.75rem}}@media(min-width:36em){.gds-alert-ribbon>footer,.gds-alert-ribbon .alert-ribbon__footer{margin-left:.75rem}}.gds-alert-ribbon>footer>a,.gds-alert-ribbon .alert-ribbon__footer>a{display:flex}.gds-alert-ribbon>footer>a,.gds-alert-ribbon>footer>button,.gds-alert-ribbon>footer>button[type=button],.gds-alert-ribbon>footer>.button,.gds-alert-ribbon .alert-ribbon__footer>a,.gds-alert-ribbon .alert-ribbon__footer>button,.gds-alert-ribbon .alert-ribbon__footer>button[type=button],.gds-alert-ribbon .alert-ribbon__footer>.button{min-height:2rem;padding:.4375rem .75rem;line-height:1.125rem}@media(max-width:35.98em){.gds-alert-ribbon>footer>a+a,.gds-alert-ribbon>footer>a+button,.gds-alert-ribbon>footer>a+.button,.gds-alert-ribbon>footer>button+a,.gds-alert-ribbon>footer>button+button,.gds-alert-ribbon>footer>button+.button,.gds-alert-ribbon>footer>button[type=button]+a,.gds-alert-ribbon>footer>button[type=button]+button,.gds-alert-ribbon>footer>button[type=button]+.button,.gds-alert-ribbon>footer>.button+a,.gds-alert-ribbon>footer>.button+button,.gds-alert-ribbon>footer>.button+.button,.gds-alert-ribbon .alert-ribbon__footer>a+a,.gds-alert-ribbon .alert-ribbon__footer>a+button,.gds-alert-ribbon .alert-ribbon__footer>a+.button,.gds-alert-ribbon .alert-ribbon__footer>button+a,.gds-alert-ribbon .alert-ribbon__footer>button+button,.gds-alert-ribbon .alert-ribbon__footer>button+.button,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+a,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+button,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+.button,.gds-alert-ribbon .alert-ribbon__footer>.button+a,.gds-alert-ribbon .alert-ribbon__footer>.button+button,.gds-alert-ribbon .alert-ribbon__footer>.button+.button{margin-top:.75rem}}@media(min-width:36em){.gds-alert-ribbon>footer>a+a,.gds-alert-ribbon>footer>a+button,.gds-alert-ribbon>footer>a+.button,.gds-alert-ribbon>footer>button+a,.gds-alert-ribbon>footer>button+button,.gds-alert-ribbon>footer>button+.button,.gds-alert-ribbon>footer>button[type=button]+a,.gds-alert-ribbon>footer>button[type=button]+button,.gds-alert-ribbon>footer>button[type=button]+.button,.gds-alert-ribbon>footer>.button+a,.gds-alert-ribbon>footer>.button+button,.gds-alert-ribbon>footer>.button+.button,.gds-alert-ribbon .alert-ribbon__footer>a+a,.gds-alert-ribbon .alert-ribbon__footer>a+button,.gds-alert-ribbon .alert-ribbon__footer>a+.button,.gds-alert-ribbon .alert-ribbon__footer>button+a,.gds-alert-ribbon .alert-ribbon__footer>button+button,.gds-alert-ribbon .alert-ribbon__footer>button+.button,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+a,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+button,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+.button,.gds-alert-ribbon .alert-ribbon__footer>.button+a,.gds-alert-ribbon .alert-ribbon__footer>.button+button,.gds-alert-ribbon .alert-ribbon__footer>.button+.button{margin-left:.75rem}}.gds-alert-ribbon.info{--background: var(--gds-sys-color-base-200);--color: var(--gds-sys-color-text-black);--border-color: transparent;--gds-sys-color-focus-outline: var(--gds-sys-color-text-black)}.gds-alert-ribbon.info .gds-close{--color: var(--gds-sys-color-text-black)}.gds-alert-ribbon.info i>svg>*{fill:var(--gds-sys-color-text-black)}.gds-alert-ribbon.success{--background: var(--gds-sys-color-dark-green-2);--color: var(--gds-sys-color-text-inverted);--border-color: transparent;--gds-sys-color-focus-outline: var(--gds-sys-color-text-inverted)}.gds-alert-ribbon.success .gds-close{--color: var(--gds-sys-color-text-inverted)}.gds-alert-ribbon.success i>svg>*{fill:var(--gds-sys-color-text-inverted)}.gds-alert-ribbon.warning{--background: var(--gds-sys-color-dark-yellow-1);--color: var(--gds-sys-color-text-black);--border-color: transparent;--gds-sys-color-focus-outline: var(--gds-sys-color-text-black)}.gds-alert-ribbon.warning .gds-close{--color: var(--gds-sys-color-text-black)}.gds-alert-ribbon.warning i>svg>*{fill:var(--gds-sys-color-text-black)}.gds-alert-ribbon.danger{--background: var(--gds-sys-color-dark-red-1);--color: var(--gds-sys-color-text-inverted);--border-color: transparent;--gds-sys-color-focus-outline: var(--gds-sys-color-text-inverted)}.gds-alert-ribbon.danger .gds-close{--color: var(--gds-sys-color-text-inverted)}.gds-alert-ribbon.danger i>svg>*{fill:var(--gds-sys-color-text-inverted)}.gds-close{font-size:0;background:transparent;border:0;border-radius:50%;content:\"\";cursor:pointer;display:flex;font-family:inherit;height:2rem;position:relative;width:2rem;padding:0}@media(hover:none)and (pointer:coarse){.gds-close:not(:disabled):not(.disabled){padding:.375rem;height:2.75rem;width:2.75rem}.gds-close:not(:disabled):not(.disabled)>i{background:var(--gds-sys-color-base-200);height:2rem;width:2rem;border-radius:50%;position:relative;--color: var(--gds-sys-color-text-primary)}.gds-close:not(:disabled):not(.disabled)>div:after,.gds-close:not(:disabled):not(.disabled)>div:before{height:.789375rem;width:.130625rem;top:.625rem}}.gds-close:focus:not(:focus-visible){box-shadow:none;outline:0}.gds-close:focus,.gds-close:focus-visible i{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}.gds-close>i{border-radius:var(--gds-sys-shape-corner-round);display:block;width:100%;height:100%}.gds-close>i:after,.gds-close>i:before{background:var(--gds-sys-color-text-primary);content:\"\";display:block;height:.789375rem;width:.130625rem;border-radius:.5px;left:calc(50% - .0625rem);position:absolute;top:.625rem}.gds-close>i:after{transform:rotate(45deg)}.gds-close>i:before{transform:rotate(-45deg)}.gds-close>svg path{fill:var(--gds-sys-color-text-primary)}@media(min-width:48em){.gds-close:not(:disabled,.disabled):hover>i{background:color-mix(in srgb,var(--gds-sys-color-text-primary) 10%,transparent)}.gds-close:not(:disabled,.disabled):hover:active>i{background:color-mix(in srgb,var(--gds-sys-color-text-primary) 20%,transparent)}}:host{--gds-sys-shape-corner-none: 0;--gds-sys-shape-corner-small: .125rem;--gds-sys-shape-corner-medium: .25rem;--gds-sys-shape-corner-round: 50%;--gds-sys-color-blue: #41b0ee;--gds-sys-color-dark-blue-1: #0092e1;--gds-sys-color-dark-blue-2: #007ac7;--gds-sys-color-green: #60cd18;--gds-sys-color-dark-green-1: #45b400;--gds-sys-color-dark-green-2: #308800;--gds-sys-color-yellow: #ffc500;--gds-sys-color-dark-yellow-1: #ffb400;--gds-sys-color-dark-yellow-2: #f8a000;--gds-sys-color-text-primary: #333333;--gds-sys-color-text-secondary: #ababab;--gds-sys-color-text-white: #ffffff;--gds-sys-color-text-black: #333333;--gds-sys-color-text-inverted: #ffffff;--gds-sys-color-text-link: #0062bc;--gds-sys-color-text-error: #9f000a;--gds-sys-color-text-disabled: #adadad;--gds-sys-color-red: #f03529;--gds-sys-color-dark-red-1: #d81a1a;--gds-sys-color-dark-red-2: #bb000c;--gds-sys-color-purple: #673ab6;--gds-sys-color-dark-purple-1: #4f2C99;--gds-sys-color-dark-purple-2: #3f2587;--gds-sys-color-white: #ffffff;--gds-sys-color-black: #000000;--gds-sys-color-background-primary: #ffffff;--gds-sys-color-background-secondary: #eeeeee;--gds-sys-color-base-100: #f8f8f8;--gds-sys-color-base-200: #e9e9e9;--gds-sys-color-base-300: #dedede;--gds-sys-color-base-400: #cecece;--gds-sys-color-base-500: #adadad;--gds-sys-color-base-600: #868686;--gds-sys-color-base-700: #494949;--gds-sys-color-base-800: #333333;--gds-sys-color-base-900: #1a1a1a;--gds-sys-color-hover-10: rgba(255, 255, 255, .1);--gds-sys-color-hover-20: rgba(255, 255, 255, .2)}:host .alert-container{box-sizing:border-box;width:100%}:host .alert-container a{cursor:pointer}:host .alert-container button{font-size:1rem;font-family:inherit}:host .alert-container button:not(.gds-close){padding:.75rem 1rem;border-radius:.25rem;border:solid 1px var(--gds-sys-color-base-600);font-weight:500}:host .alert-container button:not(.gds-close):focus:not(:focus-visible){box-shadow:none;outline:0}:host .alert-container button:not(.gds-close):focus,:host .alert-container button:not(.gds-close):focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .alert-container button:not(.gds-close){min-height:2.75rem;align-items:center;display:inline-flex;justify-content:center}@media(max-width:35.98em){:host .alert-container button:not(.gds-close){min-width:100%}}@media screen and (-ms-high-contrast:active){:host .alert-container button:not(.gds-close){border:2px solid currentcolor}}:host .alert-container button:not(.gds-close).small{min-height:2rem;height:2rem;padding:.4375rem .75rem;font-size:.875rem;line-height:1rem}:host .alert-container button:not(.gds-close).large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}:host .alert-container.information button:not(.gds-close),:host .alert-container.warning button:not(.gds-close){transition:border var(--gds-sys-transition)}:host .alert-container.information button:not(.gds-close):not(:disabled,.disabled,[aria-disabled]):hover,:host .alert-container.warning button:not(.gds-close):not(:disabled,.disabled,[aria-disabled]):hover{background:var(--gds-sys-color-base-800);color:var(--gds-sys-color-text-white);--background: var(--gds-sys-color-base-800);--color: var(--gds-sys-color-text-white);border-color:var(--gds-sys-color-base-800)}:host .alert-container.information button:not(.gds-close)[aria-selected=true],:host .alert-container.information button:not(.gds-close):active,:host .alert-container.information button:not(.gds-close).active,:host .alert-container.information button:not(.gds-close).active:hover,:host .alert-container.information button:not(.gds-close):active:hover,:host .alert-container.warning button:not(.gds-close)[aria-selected=true],:host .alert-container.warning button:not(.gds-close):active,:host .alert-container.warning button:not(.gds-close).active,:host .alert-container.warning button:not(.gds-close).active:hover,:host .alert-container.warning button:not(.gds-close):active:hover{background:var(--gds-sys-color-base-800);color:var(--gds-sys-color-text-white);--background: $bg;--color: $color;border-color:var(--gds-sys-color-base-800)}:host .alert-container.information button:not(.gds-close)[aria-selected]:hover,:host .alert-container.information button:not(.gds-close).active:hover,:host .alert-container.information button:not(.gds-close):active:hover,:host .alert-container.warning button:not(.gds-close)[aria-selected]:hover,:host .alert-container.warning button:not(.gds-close).active:hover,:host .alert-container.warning button:not(.gds-close):active:hover{opacity:.9}:host .alert-container.information button:not(.gds-close),:host .alert-container.warning button:not(.gds-close){background-color:transparent;border-color:var(--gds-sys-color-base-800);color:var(--gds-sys-color-base-800);--color: var(--gds-sys-color-base-800)}:host .alert-container.information button:not(.gds-close):disabled,:host .alert-container.information button:not(.gds-close).disabled,:host .alert-container.information button:not(.gds-close)[aria-disabled=true],:host .alert-container.warning button:not(.gds-close):disabled,:host .alert-container.warning button:not(.gds-close).disabled,:host .alert-container.warning button:not(.gds-close)[aria-disabled=true]{color:var(--gds-sys-color-text-disabled)!important;border-color:var(--gds-sys-color-text-disabled)!important;cursor:not-allowed}:host .alert-container.information button:not(.gds-close):disabled::placeholder,:host .alert-container.information button:not(.gds-close).disabled::placeholder,:host .alert-container.information button:not(.gds-close)[aria-disabled=true]::placeholder,:host .alert-container.warning button:not(.gds-close):disabled::placeholder,:host .alert-container.warning button:not(.gds-close).disabled::placeholder,:host .alert-container.warning button:not(.gds-close)[aria-disabled=true]::placeholder{color:var(--gds-sys-color-text-disabled)}:host .alert-container.success button:not(.gds-close),:host .alert-container.danger button:not(.gds-close){--gds-sys-color-focus-outline: var(--gds-sys-color-white);transition:border var(--gds-sys-transition)}:host .alert-container.success button:not(.gds-close):not(:disabled,.disabled,[aria-disabled]):hover,:host .alert-container.danger button:not(.gds-close):not(:disabled,.disabled,[aria-disabled]):hover{background:var(--gds-sys-color-white);color:var(--gds-sys-color-text-primary);--background: var(--gds-sys-color-white);--color: var(--gds-sys-color-text-primary);border-color:var(--gds-sys-color-white)}:host .alert-container.success button:not(.gds-close)[aria-selected=true],:host .alert-container.success button:not(.gds-close):active,:host .alert-container.success button:not(.gds-close).active,:host .alert-container.success button:not(.gds-close).active:hover,:host .alert-container.success button:not(.gds-close):active:hover,:host .alert-container.danger button:not(.gds-close)[aria-selected=true],:host .alert-container.danger button:not(.gds-close):active,:host .alert-container.danger button:not(.gds-close).active,:host .alert-container.danger button:not(.gds-close).active:hover,:host .alert-container.danger button:not(.gds-close):active:hover{background:var(--gds-sys-color-base-200);color:var(--gds-sys-color-text-primary);--background: $bg;--color: $color;border-color:var(--gds-sys-color-base-200)}:host .alert-container.success button:not(.gds-close)[aria-selected]:hover,:host .alert-container.success button:not(.gds-close).active:hover,:host .alert-container.success button:not(.gds-close):active:hover,:host .alert-container.danger button:not(.gds-close)[aria-selected]:hover,:host .alert-container.danger button:not(.gds-close).active:hover,:host .alert-container.danger button:not(.gds-close):active:hover{opacity:.9}:host .alert-container.success button:not(.gds-close),:host .alert-container.danger button:not(.gds-close){background-color:transparent;border-color:var(--gds-sys-color-white);color:var(--gds-sys-color-white);--color: var(--gds-sys-color-white)}:host .alert-container.success button:not(.gds-close):disabled,:host .alert-container.success button:not(.gds-close).disabled,:host .alert-container.success button:not(.gds-close)[aria-disabled=true],:host .alert-container.danger button:not(.gds-close):disabled,:host .alert-container.danger button:not(.gds-close).disabled,:host .alert-container.danger button:not(.gds-close)[aria-disabled=true]{color:var(--gds-sys-color-text-disabled)!important;border-color:var(--gds-sys-color-text-disabled)!important;cursor:not-allowed}:host .alert-container.success button:not(.gds-close):disabled::placeholder,:host .alert-container.success button:not(.gds-close).disabled::placeholder,:host .alert-container.success button:not(.gds-close)[aria-disabled=true]::placeholder,:host .alert-container.danger button:not(.gds-close):disabled::placeholder,:host .alert-container.danger button:not(.gds-close).disabled::placeholder,:host .alert-container.danger button:not(.gds-close)[aria-disabled=true]::placeholder{color:var(--gds-sys-color-text-disabled)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: AlertComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: AlertComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nggv-alert', standalone: false, template: "<div class=\"gds-alert-ribbon alert-container\" role=\"alert\" [ngClass]=\"type\">\n  <ng-container [ngSwitch]=\"type\">\n    <ng-container\n      *ngSwitchCase=\"'success'\"\n      [ngTemplateOutlet]=\"checkMark\"\n    ></ng-container>\n    <ng-container\n      *ngSwitchCase=\"'information'\"\n      [ngTemplateOutlet]=\"infoSquare\"\n    ></ng-container>\n    <ng-container\n      *ngSwitchDefault\n      [ngTemplateOutlet]=\"exclamationSquare\"\n    ></ng-container>\n  </ng-container>\n  <div>\n    <h3 *ngIf=\"title\">{{ title }}</h3>\n    <p *ngIf=\"body\">\n      {{ body }}&nbsp;<a\n        *ngIf=\"linkText\"\n        [href]=\"linkHref\"\n        (click)=\"onLink($event)\"\n        >{{ linkText }}</a\n      >\n    </p>\n  </div>\n  <button\n    *ngIf=\"closable && !actionText\"\n    class=\"gds-close\"\n    type=\"button\"\n    (click)=\"onClose($event)\"\n  >\n    <i></i>\n  </button>\n  <footer *ngIf=\"actionText && !closable\">\n    <button type=\"button\" (click)=\"onAction($event)\">\n      {{ actionText }}\n    </button>\n  </footer>\n</div>\n\n<ng-template #checkMark>\n  <i>\n    <svg\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M17.6203 6.60836L9.40014 14.8285L6.37976 11.8081C6.23332 11.6617 5.99588 11.6617 5.84942 11.8081L4.96554 12.692C4.8191 12.8384 4.8191 13.0759 4.96554 13.2223L9.13495 17.3917C9.28138 17.5382 9.51882 17.5382 9.66529 17.3917L19.0344 8.02258C19.1809 7.87614 19.1809 7.63871 19.0344 7.49224L18.1506 6.60836C18.0041 6.46193 17.7667 6.46193 17.6203 6.60836Z\"\n        fill=\"white\"\n      ></path>\n    </svg>\n  </i>\n</ng-template>\n<ng-template #infoSquare>\n  <i>\n    <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M18.2857 4H5.71429C4.7675 4 4 4.7675 4 5.71429V18.2857C4 19.2325 4.7675 20 5.71429 20H18.2857C19.2325 20 20 19.2325 20 18.2857V5.71429C20 4.7675 19.2325 4 18.2857 4ZM12 7.07143C12.8284 7.07143 13.5 7.743 13.5 8.57143C13.5 9.39986 12.8284 10.0714 12 10.0714C11.1716 10.0714 10.5 9.39986 10.5 8.57143C10.5 7.743 11.1716 7.07143 12 7.07143ZM14 16.1429C14 16.3795 13.8081 16.5714 13.5714 16.5714H10.4286C10.1919 16.5714 10 16.3795 10 16.1429V15.2857C10 15.049 10.1919 14.8571 10.4286 14.8571H10.8571V12.5714H10.4286C10.1919 12.5714 10 12.3795 10 12.1429V11.2857C10 11.049 10.1919 10.8571 10.4286 10.8571H12.7143C12.951 10.8571 13.1429 11.049 13.1429 11.2857V14.8571H13.5714C13.8081 14.8571 14 15.049 14 15.2857V16.1429Z\"\n        fill=\"#333333\"\n      />\n    </svg>\n  </i>\n</ng-template>\n<ng-template #exclamationSquare>\n  <i>\n    <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M18.2857 4H5.71429C4.7675 4 4 4.7675 4 5.71429V18.2857C4 19.2325 4.7675 20 5.71429 20H18.2857C19.2325 20 20 19.2325 20 18.2857V5.71429C20 4.7675 19.2325 4 18.2857 4ZM10.8682 7.42857H13.1318C13.3777 7.42857 13.5731 7.635 13.5597 7.8805L13.2948 12.7376C13.2824 12.9649 13.0945 13.1429 12.8669 13.1429H11.1331C10.9055 13.1429 10.7176 12.9649 10.7052 12.7376L10.4402 7.8805C10.4269 7.635 10.6223 7.42857 10.8682 7.42857ZM12 17.0714C11.0927 17.0714 10.3571 16.3359 10.3571 15.4286C10.3571 14.5213 11.0927 13.7857 12 13.7857C12.9073 13.7857 13.6429 14.5213 13.6429 15.4286C13.6429 16.3359 12.9073 17.0714 12 17.0714Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  </i>\n</ng-template>\n", styles: [".gds-alert-ribbon{--background: var(--gds-sys-color-base-200);--color: var(--gds-sys-color-text-primary);--border-color: var(--gds-sys-color-text-primary);background:var(--background);border-radius:0;border:solid 1px var(--border-color);color:var(--color);padding:1rem;display:inline-grid;grid-template-columns:auto 1fr auto;grid-template-rows:min-content 1fr;grid-template-areas:\"icon content dismiss\" \"footer footer footer\"}@media(min-width:36em){.gds-alert-ribbon{grid-template-areas:\"icon content dismiss\" \"icon content footer\"}}.gds-alert-ribbon>i{display:block;width:1.5rem;height:1.5rem;margin-inline-end:.5rem;grid-area:icon}.gds-alert-ribbon>i svg>*{fill:var(--gds-sys-color-text-primary)}.gds-alert-ribbon>div:not(.alert-ribbon__footer),.gds-alert-ribbon .alert-ribbon__content{grid-area:content;max-width:75ch}.gds-alert-ribbon>div:not(.alert-ribbon__footer):has(+button),.gds-alert-ribbon .alert-ribbon__content:has(+button){padding-right:.5rem}.gds-alert-ribbon>div:not(.alert-ribbon__footer)>h1,.gds-alert-ribbon>div:not(.alert-ribbon__footer) h2,.gds-alert-ribbon>div:not(.alert-ribbon__footer) h3,.gds-alert-ribbon>div:not(.alert-ribbon__footer) h4,.gds-alert-ribbon>div:not(.alert-ribbon__footer) h5,.gds-alert-ribbon>div:not(.alert-ribbon__footer) .header,.gds-alert-ribbon .alert-ribbon__content>h1,.gds-alert-ribbon .alert-ribbon__content h2,.gds-alert-ribbon .alert-ribbon__content h3,.gds-alert-ribbon .alert-ribbon__content h4,.gds-alert-ribbon .alert-ribbon__content h5,.gds-alert-ribbon .alert-ribbon__content .header{display:inline;font-size:1rem;font-weight:500;line-height:1.5rem;margin-right:.25rem}.gds-alert-ribbon>div:not(.alert-ribbon__footer)>p,.gds-alert-ribbon .alert-ribbon__content>p{display:inline;line-height:1.5rem;margin-bottom:0;margin-top:0}.gds-alert-ribbon>div:not(.alert-ribbon__footer)>p a,.gds-alert-ribbon>div:not(.alert-ribbon__footer)>p a:visited:not(.button,[role=tab]),.gds-alert-ribbon .alert-ribbon__content>p a,.gds-alert-ribbon .alert-ribbon__content>p a:visited:not(.button,[role=tab]){color:var(--color)}.gds-alert-ribbon>div:not(.alert-ribbon__footer)>p a:hover,.gds-alert-ribbon>div:not(.alert-ribbon__footer)>p a:visited:not(.button,[role=tab]):hover,.gds-alert-ribbon .alert-ribbon__content>p a:hover,.gds-alert-ribbon .alert-ribbon__content>p a:visited:not(.button,[role=tab]):hover{color:var(--color)}.gds-alert-ribbon button.gds-close{padding:0;grid-area:dismiss;justify-self:flex-end;margin:-.5rem -.375rem 0 .375rem;background-color:transparent;--color: var(--gds-sys-color-text-primary)}.gds-alert-ribbon button.gds-close>i:after,.gds-alert-ribbon button.gds-close>i:before{background-color:var(--color)}.gds-alert-ribbon button.gds-close:hover>i:after,.gds-alert-ribbon button.gds-close:hover>i:before{background-color:var(--color)}@media(min-width:36em){.gds-alert-ribbon button.gds-close+footer,.gds-alert-ribbon button.gds-close .alert-ribbon__footer{margin-top:.75rem}}.gds-alert-ribbon a{text-decoration:underline!important;transition:opacity .3s ease-in-out}.gds-alert-ribbon>footer,.gds-alert-ribbon .alert-ribbon__footer{grid-area:footer;align-self:end}@media(max-width:35.98em){.gds-alert-ribbon>footer,.gds-alert-ribbon .alert-ribbon__footer{margin-top:.75rem}}@media(min-width:36em){.gds-alert-ribbon>footer,.gds-alert-ribbon .alert-ribbon__footer{margin-left:.75rem}}.gds-alert-ribbon>footer>a,.gds-alert-ribbon .alert-ribbon__footer>a{display:flex}.gds-alert-ribbon>footer>a,.gds-alert-ribbon>footer>button,.gds-alert-ribbon>footer>button[type=button],.gds-alert-ribbon>footer>.button,.gds-alert-ribbon .alert-ribbon__footer>a,.gds-alert-ribbon .alert-ribbon__footer>button,.gds-alert-ribbon .alert-ribbon__footer>button[type=button],.gds-alert-ribbon .alert-ribbon__footer>.button{min-height:2rem;padding:.4375rem .75rem;line-height:1.125rem}@media(max-width:35.98em){.gds-alert-ribbon>footer>a+a,.gds-alert-ribbon>footer>a+button,.gds-alert-ribbon>footer>a+.button,.gds-alert-ribbon>footer>button+a,.gds-alert-ribbon>footer>button+button,.gds-alert-ribbon>footer>button+.button,.gds-alert-ribbon>footer>button[type=button]+a,.gds-alert-ribbon>footer>button[type=button]+button,.gds-alert-ribbon>footer>button[type=button]+.button,.gds-alert-ribbon>footer>.button+a,.gds-alert-ribbon>footer>.button+button,.gds-alert-ribbon>footer>.button+.button,.gds-alert-ribbon .alert-ribbon__footer>a+a,.gds-alert-ribbon .alert-ribbon__footer>a+button,.gds-alert-ribbon .alert-ribbon__footer>a+.button,.gds-alert-ribbon .alert-ribbon__footer>button+a,.gds-alert-ribbon .alert-ribbon__footer>button+button,.gds-alert-ribbon .alert-ribbon__footer>button+.button,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+a,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+button,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+.button,.gds-alert-ribbon .alert-ribbon__footer>.button+a,.gds-alert-ribbon .alert-ribbon__footer>.button+button,.gds-alert-ribbon .alert-ribbon__footer>.button+.button{margin-top:.75rem}}@media(min-width:36em){.gds-alert-ribbon>footer>a+a,.gds-alert-ribbon>footer>a+button,.gds-alert-ribbon>footer>a+.button,.gds-alert-ribbon>footer>button+a,.gds-alert-ribbon>footer>button+button,.gds-alert-ribbon>footer>button+.button,.gds-alert-ribbon>footer>button[type=button]+a,.gds-alert-ribbon>footer>button[type=button]+button,.gds-alert-ribbon>footer>button[type=button]+.button,.gds-alert-ribbon>footer>.button+a,.gds-alert-ribbon>footer>.button+button,.gds-alert-ribbon>footer>.button+.button,.gds-alert-ribbon .alert-ribbon__footer>a+a,.gds-alert-ribbon .alert-ribbon__footer>a+button,.gds-alert-ribbon .alert-ribbon__footer>a+.button,.gds-alert-ribbon .alert-ribbon__footer>button+a,.gds-alert-ribbon .alert-ribbon__footer>button+button,.gds-alert-ribbon .alert-ribbon__footer>button+.button,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+a,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+button,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+.button,.gds-alert-ribbon .alert-ribbon__footer>.button+a,.gds-alert-ribbon .alert-ribbon__footer>.button+button,.gds-alert-ribbon .alert-ribbon__footer>.button+.button{margin-left:.75rem}}.gds-alert-ribbon.info{--background: var(--gds-sys-color-base-200);--color: var(--gds-sys-color-text-black);--border-color: transparent;--gds-sys-color-focus-outline: var(--gds-sys-color-text-black)}.gds-alert-ribbon.info .gds-close{--color: var(--gds-sys-color-text-black)}.gds-alert-ribbon.info i>svg>*{fill:var(--gds-sys-color-text-black)}.gds-alert-ribbon.success{--background: var(--gds-sys-color-dark-green-2);--color: var(--gds-sys-color-text-inverted);--border-color: transparent;--gds-sys-color-focus-outline: var(--gds-sys-color-text-inverted)}.gds-alert-ribbon.success .gds-close{--color: var(--gds-sys-color-text-inverted)}.gds-alert-ribbon.success i>svg>*{fill:var(--gds-sys-color-text-inverted)}.gds-alert-ribbon.warning{--background: var(--gds-sys-color-dark-yellow-1);--color: var(--gds-sys-color-text-black);--border-color: transparent;--gds-sys-color-focus-outline: var(--gds-sys-color-text-black)}.gds-alert-ribbon.warning .gds-close{--color: var(--gds-sys-color-text-black)}.gds-alert-ribbon.warning i>svg>*{fill:var(--gds-sys-color-text-black)}.gds-alert-ribbon.danger{--background: var(--gds-sys-color-dark-red-1);--color: var(--gds-sys-color-text-inverted);--border-color: transparent;--gds-sys-color-focus-outline: var(--gds-sys-color-text-inverted)}.gds-alert-ribbon.danger .gds-close{--color: var(--gds-sys-color-text-inverted)}.gds-alert-ribbon.danger i>svg>*{fill:var(--gds-sys-color-text-inverted)}.gds-close{font-size:0;background:transparent;border:0;border-radius:50%;content:\"\";cursor:pointer;display:flex;font-family:inherit;height:2rem;position:relative;width:2rem;padding:0}@media(hover:none)and (pointer:coarse){.gds-close:not(:disabled):not(.disabled){padding:.375rem;height:2.75rem;width:2.75rem}.gds-close:not(:disabled):not(.disabled)>i{background:var(--gds-sys-color-base-200);height:2rem;width:2rem;border-radius:50%;position:relative;--color: var(--gds-sys-color-text-primary)}.gds-close:not(:disabled):not(.disabled)>div:after,.gds-close:not(:disabled):not(.disabled)>div:before{height:.789375rem;width:.130625rem;top:.625rem}}.gds-close:focus:not(:focus-visible){box-shadow:none;outline:0}.gds-close:focus,.gds-close:focus-visible i{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}.gds-close>i{border-radius:var(--gds-sys-shape-corner-round);display:block;width:100%;height:100%}.gds-close>i:after,.gds-close>i:before{background:var(--gds-sys-color-text-primary);content:\"\";display:block;height:.789375rem;width:.130625rem;border-radius:.5px;left:calc(50% - .0625rem);position:absolute;top:.625rem}.gds-close>i:after{transform:rotate(45deg)}.gds-close>i:before{transform:rotate(-45deg)}.gds-close>svg path{fill:var(--gds-sys-color-text-primary)}@media(min-width:48em){.gds-close:not(:disabled,.disabled):hover>i{background:color-mix(in srgb,var(--gds-sys-color-text-primary) 10%,transparent)}.gds-close:not(:disabled,.disabled):hover:active>i{background:color-mix(in srgb,var(--gds-sys-color-text-primary) 20%,transparent)}}:host{--gds-sys-shape-corner-none: 0;--gds-sys-shape-corner-small: .125rem;--gds-sys-shape-corner-medium: .25rem;--gds-sys-shape-corner-round: 50%;--gds-sys-color-blue: #41b0ee;--gds-sys-color-dark-blue-1: #0092e1;--gds-sys-color-dark-blue-2: #007ac7;--gds-sys-color-green: #60cd18;--gds-sys-color-dark-green-1: #45b400;--gds-sys-color-dark-green-2: #308800;--gds-sys-color-yellow: #ffc500;--gds-sys-color-dark-yellow-1: #ffb400;--gds-sys-color-dark-yellow-2: #f8a000;--gds-sys-color-text-primary: #333333;--gds-sys-color-text-secondary: #ababab;--gds-sys-color-text-white: #ffffff;--gds-sys-color-text-black: #333333;--gds-sys-color-text-inverted: #ffffff;--gds-sys-color-text-link: #0062bc;--gds-sys-color-text-error: #9f000a;--gds-sys-color-text-disabled: #adadad;--gds-sys-color-red: #f03529;--gds-sys-color-dark-red-1: #d81a1a;--gds-sys-color-dark-red-2: #bb000c;--gds-sys-color-purple: #673ab6;--gds-sys-color-dark-purple-1: #4f2C99;--gds-sys-color-dark-purple-2: #3f2587;--gds-sys-color-white: #ffffff;--gds-sys-color-black: #000000;--gds-sys-color-background-primary: #ffffff;--gds-sys-color-background-secondary: #eeeeee;--gds-sys-color-base-100: #f8f8f8;--gds-sys-color-base-200: #e9e9e9;--gds-sys-color-base-300: #dedede;--gds-sys-color-base-400: #cecece;--gds-sys-color-base-500: #adadad;--gds-sys-color-base-600: #868686;--gds-sys-color-base-700: #494949;--gds-sys-color-base-800: #333333;--gds-sys-color-base-900: #1a1a1a;--gds-sys-color-hover-10: rgba(255, 255, 255, .1);--gds-sys-color-hover-20: rgba(255, 255, 255, .2)}:host .alert-container{box-sizing:border-box;width:100%}:host .alert-container a{cursor:pointer}:host .alert-container button{font-size:1rem;font-family:inherit}:host .alert-container button:not(.gds-close){padding:.75rem 1rem;border-radius:.25rem;border:solid 1px var(--gds-sys-color-base-600);font-weight:500}:host .alert-container button:not(.gds-close):focus:not(:focus-visible){box-shadow:none;outline:0}:host .alert-container button:not(.gds-close):focus,:host .alert-container button:not(.gds-close):focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .alert-container button:not(.gds-close){min-height:2.75rem;align-items:center;display:inline-flex;justify-content:center}@media(max-width:35.98em){:host .alert-container button:not(.gds-close){min-width:100%}}@media screen and (-ms-high-contrast:active){:host .alert-container button:not(.gds-close){border:2px solid currentcolor}}:host .alert-container button:not(.gds-close).small{min-height:2rem;height:2rem;padding:.4375rem .75rem;font-size:.875rem;line-height:1rem}:host .alert-container button:not(.gds-close).large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}:host .alert-container.information button:not(.gds-close),:host .alert-container.warning button:not(.gds-close){transition:border var(--gds-sys-transition)}:host .alert-container.information button:not(.gds-close):not(:disabled,.disabled,[aria-disabled]):hover,:host .alert-container.warning button:not(.gds-close):not(:disabled,.disabled,[aria-disabled]):hover{background:var(--gds-sys-color-base-800);color:var(--gds-sys-color-text-white);--background: var(--gds-sys-color-base-800);--color: var(--gds-sys-color-text-white);border-color:var(--gds-sys-color-base-800)}:host .alert-container.information button:not(.gds-close)[aria-selected=true],:host .alert-container.information button:not(.gds-close):active,:host .alert-container.information button:not(.gds-close).active,:host .alert-container.information button:not(.gds-close).active:hover,:host .alert-container.information button:not(.gds-close):active:hover,:host .alert-container.warning button:not(.gds-close)[aria-selected=true],:host .alert-container.warning button:not(.gds-close):active,:host .alert-container.warning button:not(.gds-close).active,:host .alert-container.warning button:not(.gds-close).active:hover,:host .alert-container.warning button:not(.gds-close):active:hover{background:var(--gds-sys-color-base-800);color:var(--gds-sys-color-text-white);--background: $bg;--color: $color;border-color:var(--gds-sys-color-base-800)}:host .alert-container.information button:not(.gds-close)[aria-selected]:hover,:host .alert-container.information button:not(.gds-close).active:hover,:host .alert-container.information button:not(.gds-close):active:hover,:host .alert-container.warning button:not(.gds-close)[aria-selected]:hover,:host .alert-container.warning button:not(.gds-close).active:hover,:host .alert-container.warning button:not(.gds-close):active:hover{opacity:.9}:host .alert-container.information button:not(.gds-close),:host .alert-container.warning button:not(.gds-close){background-color:transparent;border-color:var(--gds-sys-color-base-800);color:var(--gds-sys-color-base-800);--color: var(--gds-sys-color-base-800)}:host .alert-container.information button:not(.gds-close):disabled,:host .alert-container.information button:not(.gds-close).disabled,:host .alert-container.information button:not(.gds-close)[aria-disabled=true],:host .alert-container.warning button:not(.gds-close):disabled,:host .alert-container.warning button:not(.gds-close).disabled,:host .alert-container.warning button:not(.gds-close)[aria-disabled=true]{color:var(--gds-sys-color-text-disabled)!important;border-color:var(--gds-sys-color-text-disabled)!important;cursor:not-allowed}:host .alert-container.information button:not(.gds-close):disabled::placeholder,:host .alert-container.information button:not(.gds-close).disabled::placeholder,:host .alert-container.information button:not(.gds-close)[aria-disabled=true]::placeholder,:host .alert-container.warning button:not(.gds-close):disabled::placeholder,:host .alert-container.warning button:not(.gds-close).disabled::placeholder,:host .alert-container.warning button:not(.gds-close)[aria-disabled=true]::placeholder{color:var(--gds-sys-color-text-disabled)}:host .alert-container.success button:not(.gds-close),:host .alert-container.danger button:not(.gds-close){--gds-sys-color-focus-outline: var(--gds-sys-color-white);transition:border var(--gds-sys-transition)}:host .alert-container.success button:not(.gds-close):not(:disabled,.disabled,[aria-disabled]):hover,:host .alert-container.danger button:not(.gds-close):not(:disabled,.disabled,[aria-disabled]):hover{background:var(--gds-sys-color-white);color:var(--gds-sys-color-text-primary);--background: var(--gds-sys-color-white);--color: var(--gds-sys-color-text-primary);border-color:var(--gds-sys-color-white)}:host .alert-container.success button:not(.gds-close)[aria-selected=true],:host .alert-container.success button:not(.gds-close):active,:host .alert-container.success button:not(.gds-close).active,:host .alert-container.success button:not(.gds-close).active:hover,:host .alert-container.success button:not(.gds-close):active:hover,:host .alert-container.danger button:not(.gds-close)[aria-selected=true],:host .alert-container.danger button:not(.gds-close):active,:host .alert-container.danger button:not(.gds-close).active,:host .alert-container.danger button:not(.gds-close).active:hover,:host .alert-container.danger button:not(.gds-close):active:hover{background:var(--gds-sys-color-base-200);color:var(--gds-sys-color-text-primary);--background: $bg;--color: $color;border-color:var(--gds-sys-color-base-200)}:host .alert-container.success button:not(.gds-close)[aria-selected]:hover,:host .alert-container.success button:not(.gds-close).active:hover,:host .alert-container.success button:not(.gds-close):active:hover,:host .alert-container.danger button:not(.gds-close)[aria-selected]:hover,:host .alert-container.danger button:not(.gds-close).active:hover,:host .alert-container.danger button:not(.gds-close):active:hover{opacity:.9}:host .alert-container.success button:not(.gds-close),:host .alert-container.danger button:not(.gds-close){background-color:transparent;border-color:var(--gds-sys-color-white);color:var(--gds-sys-color-white);--color: var(--gds-sys-color-white)}:host .alert-container.success button:not(.gds-close):disabled,:host .alert-container.success button:not(.gds-close).disabled,:host .alert-container.success button:not(.gds-close)[aria-disabled=true],:host .alert-container.danger button:not(.gds-close):disabled,:host .alert-container.danger button:not(.gds-close).disabled,:host .alert-container.danger button:not(.gds-close)[aria-disabled=true]{color:var(--gds-sys-color-text-disabled)!important;border-color:var(--gds-sys-color-text-disabled)!important;cursor:not-allowed}:host .alert-container.success button:not(.gds-close):disabled::placeholder,:host .alert-container.success button:not(.gds-close).disabled::placeholder,:host .alert-container.success button:not(.gds-close)[aria-disabled=true]::placeholder,:host .alert-container.danger button:not(.gds-close):disabled::placeholder,:host .alert-container.danger button:not(.gds-close).disabled::placeholder,:host .alert-container.danger button:not(.gds-close)[aria-disabled=true]::placeholder{color:var(--gds-sys-color-text-disabled)}\n"] }]
         }], propDecorators: { type: [{
@@ -57,11 +57,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             }] } });
 
 class NggvAlertModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NggvAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: NggvAlertModule, declarations: [AlertComponent], imports: [CommonModule], exports: [AlertComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NggvAlertModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NggvAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: NggvAlertModule, declarations: [AlertComponent], imports: [CommonModule], exports: [AlertComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NggvAlertModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NggvAlertModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NggvAlertModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [AlertComponent],

package/fesm2022/sebgroup-green-angular-src-v-angular-base-control-value-accessor.mjs

@@ -221,11 +221,11 @@ class NggvBaseControlValueAccessorComponent {
         const code = Object.keys(errors)[0];
         return { code, params: errors[code] };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NggvBaseControlValueAccessorComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: TRANSLOCO_SCOPE, optional: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: NggvBaseControlValueAccessorComponent, isStandalone: false, selector: "ng-component", inputs: { id: "id", name: "name", label: "label", role: "role", value: "value", error: "error", errorList: "errorList", withErrorIcon: "withErrorIcon", description: "description", descriptionIsVisible: "descriptionIsVisible", autofocus: "autofocus", defaultValue: "defaultValue", reset: "reset", optional: "optional", locked: "locked", displayDisabledAsLocked: "displayDisabledAsLocked", required: "required", invalid: "invalid", valid: "valid", focused: "focused", disabled: "disabled" }, outputs: { nggvFocus: "nggvFocus", nggvBlur: "nggvBlur" }, host: { properties: { "attr.id": "this.id" } }, queries: [{ propertyName: "labelContentTpl", first: true, predicate: ["labelTpl"], descendants: true, read: TemplateRef }, { propertyName: "lockedTpl", first: true, predicate: ["lockedTpl"], descendants: true, read: TemplateRef }], viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["input"], descendants: true, read: ElementRef }], ngImport: i0, template: '', isInline: true }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NggvBaseControlValueAccessorComponent }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NggvBaseControlValueAccessorComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: TRANSLOCO_SCOPE, optional: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: NggvBaseControlValueAccessorComponent, isStandalone: false, selector: "ng-component", inputs: { id: "id", name: "name", label: "label", role: "role", value: "value", error: "error", errorList: "errorList", withErrorIcon: "withErrorIcon", description: "description", descriptionIsVisible: "descriptionIsVisible", autofocus: "autofocus", defaultValue: "defaultValue", reset: "reset", optional: "optional", locked: "locked", displayDisabledAsLocked: "displayDisabledAsLocked", required: "required", invalid: "invalid", valid: "valid", focused: "focused", disabled: "disabled" }, outputs: { nggvFocus: "nggvFocus", nggvBlur: "nggvBlur" }, host: { properties: { "attr.id": "this.id" } }, queries: [{ propertyName: "labelContentTpl", first: true, predicate: ["labelTpl"], descendants: true, read: TemplateRef }, { propertyName: "lockedTpl", first: true, predicate: ["lockedTpl"], descendants: true, read: TemplateRef }], viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["input"], descendants: true, read: ElementRef }], ngImport: i0, template: '', isInline: true }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NggvBaseControlValueAccessorComponent }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NggvBaseControlValueAccessorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NggvBaseControlValueAccessorComponent, decorators: [{
             type: Injectable
         }, {
             type: Component,
@@ -303,11 +303,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             }] } });
 
 class NggvBaseControlValueAccessorModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NggvBaseControlValueAccessorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: NggvBaseControlValueAccessorModule, declarations: [NggvBaseControlValueAccessorComponent], exports: [NggvBaseControlValueAccessorComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NggvBaseControlValueAccessorModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NggvBaseControlValueAccessorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: NggvBaseControlValueAccessorModule, declarations: [NggvBaseControlValueAccessorComponent], exports: [NggvBaseControlValueAccessorComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NggvBaseControlValueAccessorModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NggvBaseControlValueAccessorModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NggvBaseControlValueAccessorModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [NggvBaseControlValueAccessorComponent],

package/fesm2022/sebgroup-green-angular-src-v-angular-breadcrumbs.mjs

@@ -12,10 +12,10 @@ class NggvBreadcrumbsComponent {
         /** Special property used for selecting DOM elements during automated UI testing. */
         this.thook = 'breadcrumbs';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NggvBreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: NggvBreadcrumbsComponent, isStandalone: false, selector: "nggv-breadcrumbs", inputs: { thook: "thook", breadcrumbs: "breadcrumbs" }, host: { properties: { "attr.data-thook": "this.thook" } }, ngImport: i0, template: "<nav aria-label=\"Breadcrumbs\">\n  <ol class=\"gds-breadcrumbs\">\n    <ng-container *ngFor=\"let breadcrumb of breadcrumbs; let i = index\">\n      <li [attr.aria-current]=\"i === breadcrumbs.length - 1\">\n        <a\n          [routerLink]=\"breadcrumb.href\"\n          [external]=\"!!breadcrumb.external\"\n          *ngIf=\"i < breadcrumbs.length - 1; else currentPageRef\"\n          >{{ breadcrumb.title }}</a\n        >\n        <ng-template #currentPageRef>\n          <span>{{ breadcrumb.title }}</span>\n        </ng-template>\n      </li>\n      <li class=\"icon\" *ngIf=\"i < breadcrumbs.length - 1\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            d=\"M9.22817 5.19072L8.60942 5.80947C8.46255 5.95635 8.46255 6.19385 8.60942 6.34072L14.2563 12.0001L8.60942 17.6595C8.46255 17.8063 8.46255 18.0438 8.60942 18.1907L9.22817 18.8095C9.37505 18.9563 9.61255 18.9563 9.75942 18.8095L16.3032 12.2657C16.45 12.1188 16.45 11.8813 16.3032 11.7345L9.75942 5.19072C9.61255 5.04385 9.37505 5.04385 9.22817 5.19072Z\"\n            fill=\"#000\"\n          />\n        </svg>\n      </li>\n    </ng-container>\n  </ol>\n</nav>\n", styles: [":host{--gds-sys-color-blue: #41b0ee;--gds-sys-color-dark-blue-1: #0092e1;--gds-sys-color-dark-blue-2: #007ac7;--gds-sys-color-green: #60cd18;--gds-sys-color-dark-green-1: #45b400;--gds-sys-color-dark-green-2: #308800;--gds-sys-color-yellow: #ffc500;--gds-sys-color-dark-yellow-1: #ffb400;--gds-sys-color-dark-yellow-2: #f8a000;--gds-sys-color-text-primary: #333333;--gds-sys-color-text-secondary: #ababab;--gds-sys-color-text-white: #ffffff;--gds-sys-color-text-black: #333333;--gds-sys-color-text-inverted: #ffffff;--gds-sys-color-text-link: #0062bc;--gds-sys-color-text-error: #9f000a;--gds-sys-color-text-disabled: #adadad;--gds-sys-color-red: #f03529;--gds-sys-color-dark-red-1: #d81a1a;--gds-sys-color-dark-red-2: #bb000c;--gds-sys-color-purple: #673ab6;--gds-sys-color-dark-purple-1: #4f2C99;--gds-sys-color-dark-purple-2: #3f2587;--gds-sys-color-white: #ffffff;--gds-sys-color-black: #000000;--gds-sys-color-background-primary: #ffffff;--gds-sys-color-background-secondary: #eeeeee;--gds-sys-color-base-100: #f8f8f8;--gds-sys-color-base-200: #e9e9e9;--gds-sys-color-base-300: #dedede;--gds-sys-color-base-400: #cecece;--gds-sys-color-base-500: #adadad;--gds-sys-color-base-600: #868686;--gds-sys-color-base-700: #494949;--gds-sys-color-base-800: #333333;--gds-sys-color-base-900: #1a1a1a;--gds-sys-color-hover-10: rgba(255, 255, 255, .1);--gds-sys-color-hover-20: rgba(255, 255, 255, .2)}:host ol{padding-left:0;margin-bottom:0;margin-top:0;display:flex;flex-direction:column;list-style:none}:host ol>li{padding-bottom:.5rem;padding-top:.5rem;border:0;display:block;position:relative}:host ol>li:before{font-weight:500;display:inline-block;left:0;position:absolute;text-align:center}:host ol{padding-left:0;margin-bottom:0;margin-top:0;display:flex;list-style:none;flex-direction:row;align-items:center;gap:4px}:host ol>li{padding:0;font-weight:500}:host ol>li:before{display:none}:host ol>li.icon{display:flex}:host ol>li.icon>svg{height:1rem;width:1rem}:host ol a{text-decoration:underline;text-underline-offset:3px}:host ol a:hover{text-underline-offset:2px;text-decoration-thickness:2px}:host ol a:active{text-underline-offset:1px}:host ol a:focus:not(:focus-visible){box-shadow:none;outline:0}:host ol a:focus,:host ol a:focus-within{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host ol a{color:var(--gds-sys-color-text-link);font-weight:500;border:none;border-radius:.125rem}:host ol a.gds-link--white{color:var(--gds-sys-color-text-white)}:host ol a.gds-link--black{color:var(--gds-sys-color-text-primary)}:host ol a:focus:not([aria-disabled]){color:var(--gds-sys-color-blue)}:host ol a.link-history:visited{color:var(--gds-sys-color-dark-blue-2)}:host ol svg{width:1rem;height:1rem}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NggvExternalLinkDirective, selector: "a[routerLink]", inputs: ["external"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NggvBreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: NggvBreadcrumbsComponent, isStandalone: false, selector: "nggv-breadcrumbs", inputs: { thook: "thook", breadcrumbs: "breadcrumbs" }, host: { properties: { "attr.data-thook": "this.thook" } }, ngImport: i0, template: "<nav aria-label=\"Breadcrumbs\">\n  <ol class=\"gds-breadcrumbs\">\n    <ng-container *ngFor=\"let breadcrumb of breadcrumbs; let i = index\">\n      <li [attr.aria-current]=\"i === breadcrumbs.length - 1\">\n        <a\n          [routerLink]=\"breadcrumb.href\"\n          [external]=\"!!breadcrumb.external\"\n          *ngIf=\"i < breadcrumbs.length - 1; else currentPageRef\"\n          >{{ breadcrumb.title }}</a\n        >\n        <ng-template #currentPageRef>\n          <span>{{ breadcrumb.title }}</span>\n        </ng-template>\n      </li>\n      <li class=\"icon\" *ngIf=\"i < breadcrumbs.length - 1\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            d=\"M9.22817 5.19072L8.60942 5.80947C8.46255 5.95635 8.46255 6.19385 8.60942 6.34072L14.2563 12.0001L8.60942 17.6595C8.46255 17.8063 8.46255 18.0438 8.60942 18.1907L9.22817 18.8095C9.37505 18.9563 9.61255 18.9563 9.75942 18.8095L16.3032 12.2657C16.45 12.1188 16.45 11.8813 16.3032 11.7345L9.75942 5.19072C9.61255 5.04385 9.37505 5.04385 9.22817 5.19072Z\"\n            fill=\"#000\"\n          />\n        </svg>\n      </li>\n    </ng-container>\n  </ol>\n</nav>\n", styles: [":host{--gds-sys-color-blue: #41b0ee;--gds-sys-color-dark-blue-1: #0092e1;--gds-sys-color-dark-blue-2: #007ac7;--gds-sys-color-green: #60cd18;--gds-sys-color-dark-green-1: #45b400;--gds-sys-color-dark-green-2: #308800;--gds-sys-color-yellow: #ffc500;--gds-sys-color-dark-yellow-1: #ffb400;--gds-sys-color-dark-yellow-2: #f8a000;--gds-sys-color-text-primary: #333333;--gds-sys-color-text-secondary: #ababab;--gds-sys-color-text-white: #ffffff;--gds-sys-color-text-black: #333333;--gds-sys-color-text-inverted: #ffffff;--gds-sys-color-text-link: #0062bc;--gds-sys-color-text-error: #9f000a;--gds-sys-color-text-disabled: #adadad;--gds-sys-color-red: #f03529;--gds-sys-color-dark-red-1: #d81a1a;--gds-sys-color-dark-red-2: #bb000c;--gds-sys-color-purple: #673ab6;--gds-sys-color-dark-purple-1: #4f2C99;--gds-sys-color-dark-purple-2: #3f2587;--gds-sys-color-white: #ffffff;--gds-sys-color-black: #000000;--gds-sys-color-background-primary: #ffffff;--gds-sys-color-background-secondary: #eeeeee;--gds-sys-color-base-100: #f8f8f8;--gds-sys-color-base-200: #e9e9e9;--gds-sys-color-base-300: #dedede;--gds-sys-color-base-400: #cecece;--gds-sys-color-base-500: #adadad;--gds-sys-color-base-600: #868686;--gds-sys-color-base-700: #494949;--gds-sys-color-base-800: #333333;--gds-sys-color-base-900: #1a1a1a;--gds-sys-color-hover-10: rgba(255, 255, 255, .1);--gds-sys-color-hover-20: rgba(255, 255, 255, .2)}:host ol{padding-left:0;margin-bottom:0;margin-top:0;display:flex;flex-direction:column;list-style:none}:host ol>li{padding-bottom:.5rem;padding-top:.5rem;border:0;display:block;position:relative}:host ol>li:before{font-weight:500;display:inline-block;left:0;position:absolute;text-align:center}:host ol{padding-left:0;margin-bottom:0;margin-top:0;display:flex;list-style:none;flex-direction:row;align-items:center;gap:4px}:host ol>li{padding:0;font-weight:500}:host ol>li:before{display:none}:host ol>li.icon{display:flex}:host ol>li.icon>svg{height:1rem;width:1rem}:host ol a{text-decoration:underline;text-underline-offset:3px}:host ol a:hover{text-underline-offset:2px;text-decoration-thickness:2px}:host ol a:active{text-underline-offset:1px}:host ol a:focus:not(:focus-visible){box-shadow:none;outline:0}:host ol a:focus,:host ol a:focus-within{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host ol a{color:var(--gds-sys-color-text-link);font-weight:500;border:none;border-radius:.125rem}:host ol a.gds-link--white{color:var(--gds-sys-color-text-white)}:host ol a.gds-link--black{color:var(--gds-sys-color-text-primary)}:host ol a:focus:not([aria-disabled]){color:var(--gds-sys-color-blue)}:host ol a.link-history:visited{color:var(--gds-sys-color-dark-blue-2)}:host ol svg{width:1rem;height:1rem}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NggvExternalLinkDirective, selector: "a[routerLink]", inputs: ["external"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NggvBreadcrumbsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NggvBreadcrumbsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nggv-breadcrumbs', standalone: false, template: "<nav aria-label=\"Breadcrumbs\">\n  <ol class=\"gds-breadcrumbs\">\n    <ng-container *ngFor=\"let breadcrumb of breadcrumbs; let i = index\">\n      <li [attr.aria-current]=\"i === breadcrumbs.length - 1\">\n        <a\n          [routerLink]=\"breadcrumb.href\"\n          [external]=\"!!breadcrumb.external\"\n          *ngIf=\"i < breadcrumbs.length - 1; else currentPageRef\"\n          >{{ breadcrumb.title }}</a\n        >\n        <ng-template #currentPageRef>\n          <span>{{ breadcrumb.title }}</span>\n        </ng-template>\n      </li>\n      <li class=\"icon\" *ngIf=\"i < breadcrumbs.length - 1\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            d=\"M9.22817 5.19072L8.60942 5.80947C8.46255 5.95635 8.46255 6.19385 8.60942 6.34072L14.2563 12.0001L8.60942 17.6595C8.46255 17.8063 8.46255 18.0438 8.60942 18.1907L9.22817 18.8095C9.37505 18.9563 9.61255 18.9563 9.75942 18.8095L16.3032 12.2657C16.45 12.1188 16.45 11.8813 16.3032 11.7345L9.75942 5.19072C9.61255 5.04385 9.37505 5.04385 9.22817 5.19072Z\"\n            fill=\"#000\"\n          />\n        </svg>\n      </li>\n    </ng-container>\n  </ol>\n</nav>\n", styles: [":host{--gds-sys-color-blue: #41b0ee;--gds-sys-color-dark-blue-1: #0092e1;--gds-sys-color-dark-blue-2: #007ac7;--gds-sys-color-green: #60cd18;--gds-sys-color-dark-green-1: #45b400;--gds-sys-color-dark-green-2: #308800;--gds-sys-color-yellow: #ffc500;--gds-sys-color-dark-yellow-1: #ffb400;--gds-sys-color-dark-yellow-2: #f8a000;--gds-sys-color-text-primary: #333333;--gds-sys-color-text-secondary: #ababab;--gds-sys-color-text-white: #ffffff;--gds-sys-color-text-black: #333333;--gds-sys-color-text-inverted: #ffffff;--gds-sys-color-text-link: #0062bc;--gds-sys-color-text-error: #9f000a;--gds-sys-color-text-disabled: #adadad;--gds-sys-color-red: #f03529;--gds-sys-color-dark-red-1: #d81a1a;--gds-sys-color-dark-red-2: #bb000c;--gds-sys-color-purple: #673ab6;--gds-sys-color-dark-purple-1: #4f2C99;--gds-sys-color-dark-purple-2: #3f2587;--gds-sys-color-white: #ffffff;--gds-sys-color-black: #000000;--gds-sys-color-background-primary: #ffffff;--gds-sys-color-background-secondary: #eeeeee;--gds-sys-color-base-100: #f8f8f8;--gds-sys-color-base-200: #e9e9e9;--gds-sys-color-base-300: #dedede;--gds-sys-color-base-400: #cecece;--gds-sys-color-base-500: #adadad;--gds-sys-color-base-600: #868686;--gds-sys-color-base-700: #494949;--gds-sys-color-base-800: #333333;--gds-sys-color-base-900: #1a1a1a;--gds-sys-color-hover-10: rgba(255, 255, 255, .1);--gds-sys-color-hover-20: rgba(255, 255, 255, .2)}:host ol{padding-left:0;margin-bottom:0;margin-top:0;display:flex;flex-direction:column;list-style:none}:host ol>li{padding-bottom:.5rem;padding-top:.5rem;border:0;display:block;position:relative}:host ol>li:before{font-weight:500;display:inline-block;left:0;position:absolute;text-align:center}:host ol{padding-left:0;margin-bottom:0;margin-top:0;display:flex;list-style:none;flex-direction:row;align-items:center;gap:4px}:host ol>li{padding:0;font-weight:500}:host ol>li:before{display:none}:host ol>li.icon{display:flex}:host ol>li.icon>svg{height:1rem;width:1rem}:host ol a{text-decoration:underline;text-underline-offset:3px}:host ol a:hover{text-underline-offset:2px;text-decoration-thickness:2px}:host ol a:active{text-underline-offset:1px}:host ol a:focus:not(:focus-visible){box-shadow:none;outline:0}:host ol a:focus,:host ol a:focus-within{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host ol a{color:var(--gds-sys-color-text-link);font-weight:500;border:none;border-radius:.125rem}:host ol a.gds-link--white{color:var(--gds-sys-color-text-white)}:host ol a.gds-link--black{color:var(--gds-sys-color-text-primary)}:host ol a:focus:not([aria-disabled]){color:var(--gds-sys-color-blue)}:host ol a.link-history:visited{color:var(--gds-sys-color-dark-blue-2)}:host ol svg{width:1rem;height:1rem}\n"] }]
         }], propDecorators: { thook: [{
@@ -28,11 +28,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             }] } });
 
 class NggvBreadcrumbsModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NggvBreadcrumbsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: NggvBreadcrumbsModule, declarations: [NggvBreadcrumbsComponent], imports: [CommonModule, NggvExternalLinkDirectiveModule, RouterModule], exports: [NggvBreadcrumbsComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NggvBreadcrumbsModule, imports: [CommonModule, NggvExternalLinkDirectiveModule, RouterModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NggvBreadcrumbsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: NggvBreadcrumbsModule, declarations: [NggvBreadcrumbsComponent], imports: [CommonModule, NggvExternalLinkDirectiveModule, RouterModule], exports: [NggvBreadcrumbsComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NggvBreadcrumbsModule, imports: [CommonModule, NggvExternalLinkDirectiveModule, RouterModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NggvBreadcrumbsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NggvBreadcrumbsModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [NggvBreadcrumbsComponent],