npm - @sebgroup/green-angular - Versions diffs - 5.0.0 → 5.1.0 - Mend

@sebgroup/green-angular 5.0.0 → 5.1.0

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

Files changed (67) hide show

package/fesm2022/sebgroup-green-angular-v-angular.mjs CHANGED Viewed

@@ -22,6 +22,7 @@ import { NgvTooltipModule as NgvTooltipModule$1 } from '@sebgroup/green-angular/
 import * as i2$3 from '@sebgroup/green-angular/src/v-angular/input';
 import { NgvInputComponent as NgvInputComponent$1 } from '@sebgroup/green-angular/src/v-angular/input';
 import '@sebgroup/green-core/components/icon/icons/circle-info.js';
+import * as i3$3 from '@sebgroup/green-angular/src/lib/shared';
 import { NggCoreWrapperModule } from '@sebgroup/green-angular/src/lib/shared';
 import * as i4 from '@sebgroup/green-angular/src/v-angular/input-mask';
 import { NgvInputMaskModule as NgvInputMaskModule$1 } from '@sebgroup/green-angular/src/v-angular/input-mask';
@@ -598,11 +599,11 @@ class NgvCheckboxComponent extends NgvBaseControlValueAccessorComponent$1 {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvCheckboxComponent, 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: "17.3.12", type: NgvCheckboxComponent, selector: "nggv-checkbox", inputs: { thook: "thook", optionalLabel: "optionalLabel" }, outputs: { valueChange: "valueChange" }, host: { properties: { "attr.data-thook": "this.thook" } }, usesInheritance: true, ngImport: i0, template: "<!-- LOCKED INPUT -->\n<div *ngIf=\"locked && state\" class=\"sdv-field-checkbox-wrap\">\n  <div\n    [id]=\"id + '-checkbox'\"\n    class=\"nggv-field--locked\"\n    [attr.name]=\"name\"\n    [attr.value]=\"value\"\n  >\n    <ng-container *ngIf=\"!labelContentTpl\">\n      {{ label }}\n    </ng-container>\n    <ng-template\n      *ngTemplateOutlet=\"labelContentTpl ?? null; context: { $implicit: value }\"\n    ></ng-template>\n  </div>\n</div>\n\n<!-- INPUT WRAPPER -->\n<ng-container *ngIf=\"!locked\">\n  <div class=\"sdv-field-checkbox-wrap\">\n    <!-- CHECKBOX FIELD -->\n    <label\n      [id]=\"id + '-label'\"\n      [attr.for]=\"id + '-checkbox'\"\n      class=\"form-control\"\n      *transloco=\"let t; read: scope\"\n    >\n      <input\n        #input\n        type=\"checkbox\"\n        [id]=\"id + '-checkbox'\"\n        [attr.name]=\"name\"\n        [attr.value]=\"value\"\n        [attr.required]=\"required\"\n        [disabled]=\"disabled\"\n        [autofocus]=\"autofocus\"\n        [attr.aria-label]=\"description\"\n        [checked]=\"state\"\n        (click)=\"$event.stopPropagation()\"\n        (change)=\"onInputChange($event)\"\n        (focus)=\"onFocus($event)\"\n        (blur)=\"onBlur($event)\"\n      />\n      <!-- LABEL -->\n      <ng-template\n        *ngTemplateOutlet=\"labelContentTpl || basicLabelContentTpl\"\n      ></ng-template>\n      <ng-template #basicLabelContentTpl>\n        <!-- to trigger css:empty if no label was added -->\n        <ng-container *ngIf=\"label\">\n          <span\n            *ngIf=\"\n              optional === true || (required !== true && optional !== false)\n            \"\n            class=\"sdv-field-label--optional\"\n          >\n            ({{ t('label.optional') }})\n          </span>\n          <span>{{ label }}</span>\n        </ng-container>\n      </ng-template>\n      <i></i>\n    </label>\n  </div>\n\n  <!-- ERRORS -->\n  <ng-container *transloco=\"let t; read: scope\">\n    <label\n      class=\"sdv-field-notice sdv-field-notice--error\"\n      [attr.for]=\"id + '-checkbox'\"\n      *ngIf=\"invalid && (error || ngControl?.invalid)\"\n    >\n      <span *ngIf=\"error; else errorsRef\">{{ error }}</span>\n      <ng-template #errorsRef>\n        <span *ngIf=\"firstError as error\">\n          {{ t('error.field' + error?.code, error?.params) }}\n        </span>\n      </ng-template>\n    </label>\n  </ng-container>\n\n  <!-- CHILDREN -->\n  <ng-content></ng-content>\n</ng-container>\n", styles: [":host{--gds-comp-checkbox-container-height: 1rem;--gds-comp-checkbox-container-width: 1rem;--gds-comp-checkbox-container-color: var(--gds-sys-color-surface);--gds-comp-checkbox-container-color-disabled: var(--gds-ref-pallet-base200);--gds-comp-checkbox-border-color: var(--gds-sys-color-base);--gds-comp-checkbox-border-radius: var(--gds-sys-shape-corner-small);--gds-comp-checkbox-hover-border-color: var(--gds-ref-pallet-base600);--gds-comp-checkbox-container-color-selected: var(--gds-sys-color-base);--gds-comp-checkbox-border-color-selected: var(--gds-sys-color-surface);--gds-comp-checkbox-border-color-focus: var(--gds-sys-color-blue-dark-2)}:host label.form-control input[type=checkbox]{cursor:pointer;height:0;opacity:0;position:absolute;width:0;z-index:-1}:host label.form-control{align-items:flex-start}:host label.form-control:has(input[type=checkbox]){padding:.6875rem 1rem .5625rem}:host label.form-control:has(input[type=checkbox]:focus-visible):focus:not(:focus-visible){box-shadow:none;outline:0}:host label.form-control:has(input[type=checkbox]:focus-visible):focus,:host label.form-control:has(input[type=checkbox]:focus-visible):focus-within{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host label.form-control input[type=checkbox]~i{margin-right:.75rem;margin-top:.0625rem;flex-shrink:0;box-shadow:inset 0 0 0 1px var(--gds-comp-checkbox-border-color);position:relative;border-radius:var(--gds-comp-checkbox-border-radius);background-color:var(--gds-comp-checkbox-container-color);flex:0 0 auto;height:var(--gds-comp-checkbox-container-width, 1rem);width:var(--gds-comp-checkbox-container-width, 1rem);transition:color .3s ease-in-out,all .3s ease-in-out}:host label.form-control input[type=checkbox]~i:after{transition:color .3s ease-in-out,all .3s ease-in-out}:host label.form-control input[type=checkbox]:not(:checked):focus-visible~i{box-shadow:inset 0 0 0 1px var(--gds-comp-checkbox-border-color-focus)}:host label.form-control:hover input[type=checkbox]:not(.disabled,:disabled,:checked,:indeterminate)~i{border-color:var(--gds-comp-checkbox-hover-border-color);box-shadow:inset 0 0 0 1px var(--gds-comp-checkbox-hover-border-color)}:host label.form-control:hover input[type=checkbox]:not(:checked,:indeterminate,:disabled,.disabled)~i:after{border-color:var(--gds-comp-checkbox-hover-border-color);opacity:1}:host label.form-control input[type=checkbox]:checked~i{background-color:var(--gds-comp-checkbox-container-color-selected)}:host label.form-control:hover input[type=checkbox]:checked~i{background-color:var(--gds-comp-checkbox-hover-border-color);box-shadow:inset 0 0 0 1px var(--gds-comp-checkbox-hover-border-color)}:host label.form-control input[type=checkbox]:indeterminate~i{background-color:var(--gds-comp-checkbox-container-color-selected)}:host label.form-control input[type=checkbox]:indeterminate~i:after{border-bottom:2px solid var(--gds-comp-checkbox-border-color-selected, #fff);border-left:none;transform:scale(1) rotate(0);opacity:1}:host label.form-control:has(input[type=checkbox].is-invalid){border:.0625rem solid var(--intent-danger-background);margin-bottom:.5rem}:host .is-invalid label.form-control:has(input[type=checkbox].is-invalid){border:none;margin:0}@supports (-moz-appearance: none){:host label.form-control.is-invalid{border:.0625rem solid var(--intent-danger-background);margin-bottom:.5rem}:host .is-invalid label.form-control.is-invalid{border:none;margin:0}}:host label.form-control input[type=checkbox]:disabled~i,:host label.form-control input[type=checkbox].disabled~i{background:var(--sg-form-control-bg-disabled)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed;box-shadow:inset 0 0 0 1px var(--border-disabled-color)}:host label.form-control input[type=checkbox]:disabled~i::placeholder,:host label.form-control input[type=checkbox].disabled~i::placeholder{color:var(--text-disabled-color)}:host label.form-control input[type=checkbox]:disabled:checked~i,:host label.form-control input[type=checkbox].disabled:checked~i{background:var(--sg-form-control-bg-disabled)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed;box-shadow:inset 0 0 0 1px var(--border-disabled-color)}:host label.form-control input[type=checkbox]:disabled:checked~i::placeholder,:host label.form-control input[type=checkbox].disabled:checked~i::placeholder{color:var(--text-disabled-color)}:host label.form-control input[type=checkbox]:disabled:checked~i:after,:host label.form-control input[type=checkbox].disabled:checked~i:after{border-color:var(--border-disabled-color)}:host label.form-control input[type=checkbox]:disabled~span,:host label.form-control input[type=checkbox].disabled~span{color:var(--text-disabled-color)!important;cursor:not-allowed}:host label.form-control input[type=checkbox]:disabled~span::placeholder,:host label.form-control input[type=checkbox].disabled~span::placeholder{color:var(--text-disabled-color)}:host label.form-control input[type=checkbox]~i:after{content:\"\";opacity:0;position:absolute}:host label.form-control input[type=checkbox]~i:after{border-bottom:3px solid var(--gds-comp-checkbox-border-color-selected, #fff);border-left:3px solid var(--gds-comp-checkbox-border-color-selected, #fff);height:.5rem;width:1rem;left:0;top:.1875rem;transform:scale(.601) rotate(-45deg);transform-origin:center}:host label.form-control input[type=checkbox]:checked~i:after{opacity:1}:host .form-control{padding:.75rem 1rem;border:1px solid transparent;border-radius:var(--gds-sys-shape-corner-medium);align-items:center;cursor:pointer;display:flex;flex-direction:row-reverse;font:inherit;justify-content:flex-end;position:relative;user-select:none;-webkit-user-select:none}:host .form-control:has(input:disabled){cursor:not-allowed}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3$1.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NgvCheckboxComponent, selector: "nggv-checkbox", inputs: { thook: "thook", optionalLabel: "optionalLabel" }, outputs: { valueChange: "valueChange" }, host: { properties: { "attr.data-thook": "this.thook" } }, usesInheritance: true, ngImport: i0, template: "<!-- LOCKED INPUT -->\n<div *ngIf=\"locked && state\">\n  <div\n    [id]=\"id + '-checkbox'\"\n    class=\"nggv-field--locked\"\n    [attr.name]=\"name\"\n    [attr.value]=\"value\"\n  >\n    <ng-container *ngIf=\"!labelContentTpl\">\n      {{ label }}\n    </ng-container>\n    <ng-template\n      *ngTemplateOutlet=\"labelContentTpl ?? null; context: { $implicit: value }\"\n    ></ng-template>\n  </div>\n</div>\n\n<!-- INPUT WRAPPER -->\n<ng-container *ngIf=\"!locked\">\n  <div>\n    <!-- CHECKBOX FIELD -->\n    <label\n      [id]=\"id + '-label'\"\n      [attr.for]=\"id + '-checkbox'\"\n      class=\"form-control\"\n      *transloco=\"let t; read: scope\"\n    >\n      <input\n        #input\n        type=\"checkbox\"\n        [id]=\"id + '-checkbox'\"\n        [attr.name]=\"name\"\n        [attr.value]=\"value\"\n        [attr.required]=\"required\"\n        [disabled]=\"disabled\"\n        [autofocus]=\"autofocus\"\n        [attr.aria-label]=\"description\"\n        [checked]=\"state\"\n        (click)=\"$event.stopPropagation()\"\n        (change)=\"onInputChange($event)\"\n        (focus)=\"onFocus($event)\"\n        (blur)=\"onBlur($event)\"\n      />\n      <!-- LABEL -->\n      <ng-template\n        *ngTemplateOutlet=\"labelContentTpl || basicLabelContentTpl\"\n      ></ng-template>\n      <ng-template #basicLabelContentTpl>\n        <!-- to trigger css:empty if no label was added -->\n        <ng-container *ngIf=\"label\">\n          <span\n            *ngIf=\"\n              optional === true || (required !== true && optional !== false)\n            \"\n            class=\"sdv-field-label--optional\"\n          >\n            ({{ t('label.optional') }})\n          </span>\n          <span>{{ label }}</span>\n        </ng-container>\n      </ng-template>\n      <i></i>\n    </label>\n  </div>\n\n  <!-- ERRORS -->\n  <ng-container *transloco=\"let t; read: scope\">\n    <label\n      class=\"sdv-field-notice sdv-field-notice--error\"\n      [attr.for]=\"id + '-checkbox'\"\n      *ngIf=\"invalid && (error || ngControl?.invalid)\"\n    >\n      <span *ngIf=\"error; else errorsRef\">{{ error }}</span>\n      <ng-template #errorsRef>\n        <span *ngIf=\"firstError as error\">\n          {{ t('error.field' + error?.code, error?.params) }}\n        </span>\n      </ng-template>\n    </label>\n  </ng-container>\n\n  <!-- CHILDREN -->\n  <ng-content></ng-content>\n</ng-container>\n", styles: [":host{--gds-comp-checkbox-container-height: 1rem;--gds-comp-checkbox-container-width: 1rem;--gds-comp-checkbox-container-color: var(--gds-sys-color-surface);--gds-comp-checkbox-container-color-disabled: var(--gds-ref-pallet-base200);--gds-comp-checkbox-border-color: var(--gds-sys-color-base);--gds-comp-checkbox-border-radius: var(--gds-sys-shape-corner-small);--gds-comp-checkbox-hover-border-color: var(--gds-ref-pallet-base600);--gds-comp-checkbox-container-color-selected: var(--gds-sys-color-base);--gds-comp-checkbox-border-color-selected: var(--gds-sys-color-surface);--gds-comp-checkbox-border-color-focus: var(--gds-sys-color-blue-dark-2)}:host label.form-control input[type=checkbox]{cursor:pointer;height:0;opacity:0;position:absolute;width:0;z-index:-1}:host label.form-control{align-items:flex-start}:host label.form-control:has(input[type=checkbox]){padding:.6875rem 1rem .5625rem}:host label.form-control:has(input[type=checkbox]:focus-visible):focus:not(:focus-visible){box-shadow:none;outline:0}:host label.form-control:has(input[type=checkbox]:focus-visible):focus,:host label.form-control:has(input[type=checkbox]:focus-visible):focus-within{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host label.form-control input[type=checkbox]~i{margin-right:.75rem;margin-top:.0625rem;flex-shrink:0;box-shadow:inset 0 0 0 1px var(--gds-comp-checkbox-border-color);position:relative;border-radius:var(--gds-comp-checkbox-border-radius);background-color:var(--gds-comp-checkbox-container-color);flex:0 0 auto;height:var(--gds-comp-checkbox-container-width, 1rem);width:var(--gds-comp-checkbox-container-width, 1rem);transition:color .3s ease-in-out,all .3s ease-in-out}:host label.form-control input[type=checkbox]~i:after{transition:color .3s ease-in-out,all .3s ease-in-out}:host label.form-control input[type=checkbox]:not(:checked):focus-visible~i{box-shadow:inset 0 0 0 1px var(--gds-comp-checkbox-border-color-focus)}:host label.form-control:hover input[type=checkbox]:not(.disabled,:disabled,:checked,:indeterminate)~i{border-color:var(--gds-comp-checkbox-hover-border-color);box-shadow:inset 0 0 0 1px var(--gds-comp-checkbox-hover-border-color)}:host label.form-control:hover input[type=checkbox]:not(:checked,:indeterminate,:disabled,.disabled)~i:after{border-color:var(--gds-comp-checkbox-hover-border-color);opacity:1}:host label.form-control input[type=checkbox]:checked~i{background-color:var(--gds-comp-checkbox-container-color-selected)}:host label.form-control:hover input[type=checkbox]:checked~i{background-color:var(--gds-comp-checkbox-hover-border-color);box-shadow:inset 0 0 0 1px var(--gds-comp-checkbox-hover-border-color)}:host label.form-control input[type=checkbox]:indeterminate~i{background-color:var(--gds-comp-checkbox-container-color-selected)}:host label.form-control input[type=checkbox]:indeterminate~i:after{border-bottom:2px solid var(--gds-comp-checkbox-border-color-selected, #fff);border-left:none;transform:scale(1) rotate(0);opacity:1}:host label.form-control:has(input[type=checkbox].is-invalid){border:.0625rem solid var(--intent-danger-background);margin-bottom:.5rem}:host .is-invalid label.form-control:has(input[type=checkbox].is-invalid){border:none;margin:0}@supports (-moz-appearance: none){:host label.form-control.is-invalid{border:.0625rem solid var(--intent-danger-background);margin-bottom:.5rem}:host .is-invalid label.form-control.is-invalid{border:none;margin:0}}:host label.form-control input[type=checkbox]:disabled~i,:host label.form-control input[type=checkbox].disabled~i{background:var(--sg-form-control-bg-disabled)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed;box-shadow:inset 0 0 0 1px var(--border-disabled-color)}:host label.form-control input[type=checkbox]:disabled~i::placeholder,:host label.form-control input[type=checkbox].disabled~i::placeholder{color:var(--text-disabled-color)}:host label.form-control input[type=checkbox]:disabled:checked~i,:host label.form-control input[type=checkbox].disabled:checked~i{background:var(--sg-form-control-bg-disabled)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed;box-shadow:inset 0 0 0 1px var(--border-disabled-color)}:host label.form-control input[type=checkbox]:disabled:checked~i::placeholder,:host label.form-control input[type=checkbox].disabled:checked~i::placeholder{color:var(--text-disabled-color)}:host label.form-control input[type=checkbox]:disabled:checked~i:after,:host label.form-control input[type=checkbox].disabled:checked~i:after{border-color:var(--border-disabled-color)}:host label.form-control input[type=checkbox]:disabled~span,:host label.form-control input[type=checkbox].disabled~span{color:var(--text-disabled-color)!important;cursor:not-allowed}:host label.form-control input[type=checkbox]:disabled~span::placeholder,:host label.form-control input[type=checkbox].disabled~span::placeholder{color:var(--text-disabled-color)}:host label.form-control input[type=checkbox]~i:after{content:\"\";opacity:0;position:absolute}:host label.form-control input[type=checkbox]~i:after{border-bottom:3px solid var(--gds-comp-checkbox-border-color-selected, #fff);border-left:3px solid var(--gds-comp-checkbox-border-color-selected, #fff);height:.5rem;width:1rem;left:0;top:.1875rem;transform:scale(.601) rotate(-45deg);transform-origin:center}:host label.form-control input[type=checkbox]:checked~i:after{opacity:1}:host .form-control{padding:.75rem 1rem;border:1px solid transparent;border-radius:var(--gds-sys-shape-corner-medium);align-items:center;cursor:pointer;display:flex;flex-direction:row-reverse;font:inherit;justify-content:flex-end;position:relative;user-select:none;-webkit-user-select:none}:host .form-control:has(input:disabled){cursor:not-allowed}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3$1.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvCheckboxComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nggv-checkbox', template: "<!-- LOCKED INPUT -->\n<div *ngIf=\"locked && state\" class=\"sdv-field-checkbox-wrap\">\n  <div\n    [id]=\"id + '-checkbox'\"\n    class=\"nggv-field--locked\"\n    [attr.name]=\"name\"\n    [attr.value]=\"value\"\n  >\n    <ng-container *ngIf=\"!labelContentTpl\">\n      {{ label }}\n    </ng-container>\n    <ng-template\n      *ngTemplateOutlet=\"labelContentTpl ?? null; context: { $implicit: value }\"\n    ></ng-template>\n  </div>\n</div>\n\n<!-- INPUT WRAPPER -->\n<ng-container *ngIf=\"!locked\">\n  <div class=\"sdv-field-checkbox-wrap\">\n    <!-- CHECKBOX FIELD -->\n    <label\n      [id]=\"id + '-label'\"\n      [attr.for]=\"id + '-checkbox'\"\n      class=\"form-control\"\n      *transloco=\"let t; read: scope\"\n    >\n      <input\n        #input\n        type=\"checkbox\"\n        [id]=\"id + '-checkbox'\"\n        [attr.name]=\"name\"\n        [attr.value]=\"value\"\n        [attr.required]=\"required\"\n        [disabled]=\"disabled\"\n        [autofocus]=\"autofocus\"\n        [attr.aria-label]=\"description\"\n        [checked]=\"state\"\n        (click)=\"$event.stopPropagation()\"\n        (change)=\"onInputChange($event)\"\n        (focus)=\"onFocus($event)\"\n        (blur)=\"onBlur($event)\"\n      />\n      <!-- LABEL -->\n      <ng-template\n        *ngTemplateOutlet=\"labelContentTpl || basicLabelContentTpl\"\n      ></ng-template>\n      <ng-template #basicLabelContentTpl>\n        <!-- to trigger css:empty if no label was added -->\n        <ng-container *ngIf=\"label\">\n          <span\n            *ngIf=\"\n              optional === true || (required !== true && optional !== false)\n            \"\n            class=\"sdv-field-label--optional\"\n          >\n            ({{ t('label.optional') }})\n          </span>\n          <span>{{ label }}</span>\n        </ng-container>\n      </ng-template>\n      <i></i>\n    </label>\n  </div>\n\n  <!-- ERRORS -->\n  <ng-container *transloco=\"let t; read: scope\">\n    <label\n      class=\"sdv-field-notice sdv-field-notice--error\"\n      [attr.for]=\"id + '-checkbox'\"\n      *ngIf=\"invalid && (error || ngControl?.invalid)\"\n    >\n      <span *ngIf=\"error; else errorsRef\">{{ error }}</span>\n      <ng-template #errorsRef>\n        <span *ngIf=\"firstError as error\">\n          {{ t('error.field' + error?.code, error?.params) }}\n        </span>\n      </ng-template>\n    </label>\n  </ng-container>\n\n  <!-- CHILDREN -->\n  <ng-content></ng-content>\n</ng-container>\n", styles: [":host{--gds-comp-checkbox-container-height: 1rem;--gds-comp-checkbox-container-width: 1rem;--gds-comp-checkbox-container-color: var(--gds-sys-color-surface);--gds-comp-checkbox-container-color-disabled: var(--gds-ref-pallet-base200);--gds-comp-checkbox-border-color: var(--gds-sys-color-base);--gds-comp-checkbox-border-radius: var(--gds-sys-shape-corner-small);--gds-comp-checkbox-hover-border-color: var(--gds-ref-pallet-base600);--gds-comp-checkbox-container-color-selected: var(--gds-sys-color-base);--gds-comp-checkbox-border-color-selected: var(--gds-sys-color-surface);--gds-comp-checkbox-border-color-focus: var(--gds-sys-color-blue-dark-2)}:host label.form-control input[type=checkbox]{cursor:pointer;height:0;opacity:0;position:absolute;width:0;z-index:-1}:host label.form-control{align-items:flex-start}:host label.form-control:has(input[type=checkbox]){padding:.6875rem 1rem .5625rem}:host label.form-control:has(input[type=checkbox]:focus-visible):focus:not(:focus-visible){box-shadow:none;outline:0}:host label.form-control:has(input[type=checkbox]:focus-visible):focus,:host label.form-control:has(input[type=checkbox]:focus-visible):focus-within{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host label.form-control input[type=checkbox]~i{margin-right:.75rem;margin-top:.0625rem;flex-shrink:0;box-shadow:inset 0 0 0 1px var(--gds-comp-checkbox-border-color);position:relative;border-radius:var(--gds-comp-checkbox-border-radius);background-color:var(--gds-comp-checkbox-container-color);flex:0 0 auto;height:var(--gds-comp-checkbox-container-width, 1rem);width:var(--gds-comp-checkbox-container-width, 1rem);transition:color .3s ease-in-out,all .3s ease-in-out}:host label.form-control input[type=checkbox]~i:after{transition:color .3s ease-in-out,all .3s ease-in-out}:host label.form-control input[type=checkbox]:not(:checked):focus-visible~i{box-shadow:inset 0 0 0 1px var(--gds-comp-checkbox-border-color-focus)}:host label.form-control:hover input[type=checkbox]:not(.disabled,:disabled,:checked,:indeterminate)~i{border-color:var(--gds-comp-checkbox-hover-border-color);box-shadow:inset 0 0 0 1px var(--gds-comp-checkbox-hover-border-color)}:host label.form-control:hover input[type=checkbox]:not(:checked,:indeterminate,:disabled,.disabled)~i:after{border-color:var(--gds-comp-checkbox-hover-border-color);opacity:1}:host label.form-control input[type=checkbox]:checked~i{background-color:var(--gds-comp-checkbox-container-color-selected)}:host label.form-control:hover input[type=checkbox]:checked~i{background-color:var(--gds-comp-checkbox-hover-border-color);box-shadow:inset 0 0 0 1px var(--gds-comp-checkbox-hover-border-color)}:host label.form-control input[type=checkbox]:indeterminate~i{background-color:var(--gds-comp-checkbox-container-color-selected)}:host label.form-control input[type=checkbox]:indeterminate~i:after{border-bottom:2px solid var(--gds-comp-checkbox-border-color-selected, #fff);border-left:none;transform:scale(1) rotate(0);opacity:1}:host label.form-control:has(input[type=checkbox].is-invalid){border:.0625rem solid var(--intent-danger-background);margin-bottom:.5rem}:host .is-invalid label.form-control:has(input[type=checkbox].is-invalid){border:none;margin:0}@supports (-moz-appearance: none){:host label.form-control.is-invalid{border:.0625rem solid var(--intent-danger-background);margin-bottom:.5rem}:host .is-invalid label.form-control.is-invalid{border:none;margin:0}}:host label.form-control input[type=checkbox]:disabled~i,:host label.form-control input[type=checkbox].disabled~i{background:var(--sg-form-control-bg-disabled)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed;box-shadow:inset 0 0 0 1px var(--border-disabled-color)}:host label.form-control input[type=checkbox]:disabled~i::placeholder,:host label.form-control input[type=checkbox].disabled~i::placeholder{color:var(--text-disabled-color)}:host label.form-control input[type=checkbox]:disabled:checked~i,:host label.form-control input[type=checkbox].disabled:checked~i{background:var(--sg-form-control-bg-disabled)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed;box-shadow:inset 0 0 0 1px var(--border-disabled-color)}:host label.form-control input[type=checkbox]:disabled:checked~i::placeholder,:host label.form-control input[type=checkbox].disabled:checked~i::placeholder{color:var(--text-disabled-color)}:host label.form-control input[type=checkbox]:disabled:checked~i:after,:host label.form-control input[type=checkbox].disabled:checked~i:after{border-color:var(--border-disabled-color)}:host label.form-control input[type=checkbox]:disabled~span,:host label.form-control input[type=checkbox].disabled~span{color:var(--text-disabled-color)!important;cursor:not-allowed}:host label.form-control input[type=checkbox]:disabled~span::placeholder,:host label.form-control input[type=checkbox].disabled~span::placeholder{color:var(--text-disabled-color)}:host label.form-control input[type=checkbox]~i:after{content:\"\";opacity:0;position:absolute}:host label.form-control input[type=checkbox]~i:after{border-bottom:3px solid var(--gds-comp-checkbox-border-color-selected, #fff);border-left:3px solid var(--gds-comp-checkbox-border-color-selected, #fff);height:.5rem;width:1rem;left:0;top:.1875rem;transform:scale(.601) rotate(-45deg);transform-origin:center}:host label.form-control input[type=checkbox]:checked~i:after{opacity:1}:host .form-control{padding:.75rem 1rem;border:1px solid transparent;border-radius:var(--gds-sys-shape-corner-medium);align-items:center;cursor:pointer;display:flex;flex-direction:row-reverse;font:inherit;justify-content:flex-end;position:relative;user-select:none;-webkit-user-select:none}:host .form-control:has(input:disabled){cursor:not-allowed}\n"] }]
+            args: [{ selector: 'nggv-checkbox', template: "<!-- LOCKED INPUT -->\n<div *ngIf=\"locked && state\">\n  <div\n    [id]=\"id + '-checkbox'\"\n    class=\"nggv-field--locked\"\n    [attr.name]=\"name\"\n    [attr.value]=\"value\"\n  >\n    <ng-container *ngIf=\"!labelContentTpl\">\n      {{ label }}\n    </ng-container>\n    <ng-template\n      *ngTemplateOutlet=\"labelContentTpl ?? null; context: { $implicit: value }\"\n    ></ng-template>\n  </div>\n</div>\n\n<!-- INPUT WRAPPER -->\n<ng-container *ngIf=\"!locked\">\n  <div>\n    <!-- CHECKBOX FIELD -->\n    <label\n      [id]=\"id + '-label'\"\n      [attr.for]=\"id + '-checkbox'\"\n      class=\"form-control\"\n      *transloco=\"let t; read: scope\"\n    >\n      <input\n        #input\n        type=\"checkbox\"\n        [id]=\"id + '-checkbox'\"\n        [attr.name]=\"name\"\n        [attr.value]=\"value\"\n        [attr.required]=\"required\"\n        [disabled]=\"disabled\"\n        [autofocus]=\"autofocus\"\n        [attr.aria-label]=\"description\"\n        [checked]=\"state\"\n        (click)=\"$event.stopPropagation()\"\n        (change)=\"onInputChange($event)\"\n        (focus)=\"onFocus($event)\"\n        (blur)=\"onBlur($event)\"\n      />\n      <!-- LABEL -->\n      <ng-template\n        *ngTemplateOutlet=\"labelContentTpl || basicLabelContentTpl\"\n      ></ng-template>\n      <ng-template #basicLabelContentTpl>\n        <!-- to trigger css:empty if no label was added -->\n        <ng-container *ngIf=\"label\">\n          <span\n            *ngIf=\"\n              optional === true || (required !== true && optional !== false)\n            \"\n            class=\"sdv-field-label--optional\"\n          >\n            ({{ t('label.optional') }})\n          </span>\n          <span>{{ label }}</span>\n        </ng-container>\n      </ng-template>\n      <i></i>\n    </label>\n  </div>\n\n  <!-- ERRORS -->\n  <ng-container *transloco=\"let t; read: scope\">\n    <label\n      class=\"sdv-field-notice sdv-field-notice--error\"\n      [attr.for]=\"id + '-checkbox'\"\n      *ngIf=\"invalid && (error || ngControl?.invalid)\"\n    >\n      <span *ngIf=\"error; else errorsRef\">{{ error }}</span>\n      <ng-template #errorsRef>\n        <span *ngIf=\"firstError as error\">\n          {{ t('error.field' + error?.code, error?.params) }}\n        </span>\n      </ng-template>\n    </label>\n  </ng-container>\n\n  <!-- CHILDREN -->\n  <ng-content></ng-content>\n</ng-container>\n", styles: [":host{--gds-comp-checkbox-container-height: 1rem;--gds-comp-checkbox-container-width: 1rem;--gds-comp-checkbox-container-color: var(--gds-sys-color-surface);--gds-comp-checkbox-container-color-disabled: var(--gds-ref-pallet-base200);--gds-comp-checkbox-border-color: var(--gds-sys-color-base);--gds-comp-checkbox-border-radius: var(--gds-sys-shape-corner-small);--gds-comp-checkbox-hover-border-color: var(--gds-ref-pallet-base600);--gds-comp-checkbox-container-color-selected: var(--gds-sys-color-base);--gds-comp-checkbox-border-color-selected: var(--gds-sys-color-surface);--gds-comp-checkbox-border-color-focus: var(--gds-sys-color-blue-dark-2)}:host label.form-control input[type=checkbox]{cursor:pointer;height:0;opacity:0;position:absolute;width:0;z-index:-1}:host label.form-control{align-items:flex-start}:host label.form-control:has(input[type=checkbox]){padding:.6875rem 1rem .5625rem}:host label.form-control:has(input[type=checkbox]:focus-visible):focus:not(:focus-visible){box-shadow:none;outline:0}:host label.form-control:has(input[type=checkbox]:focus-visible):focus,:host label.form-control:has(input[type=checkbox]:focus-visible):focus-within{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host label.form-control input[type=checkbox]~i{margin-right:.75rem;margin-top:.0625rem;flex-shrink:0;box-shadow:inset 0 0 0 1px var(--gds-comp-checkbox-border-color);position:relative;border-radius:var(--gds-comp-checkbox-border-radius);background-color:var(--gds-comp-checkbox-container-color);flex:0 0 auto;height:var(--gds-comp-checkbox-container-width, 1rem);width:var(--gds-comp-checkbox-container-width, 1rem);transition:color .3s ease-in-out,all .3s ease-in-out}:host label.form-control input[type=checkbox]~i:after{transition:color .3s ease-in-out,all .3s ease-in-out}:host label.form-control input[type=checkbox]:not(:checked):focus-visible~i{box-shadow:inset 0 0 0 1px var(--gds-comp-checkbox-border-color-focus)}:host label.form-control:hover input[type=checkbox]:not(.disabled,:disabled,:checked,:indeterminate)~i{border-color:var(--gds-comp-checkbox-hover-border-color);box-shadow:inset 0 0 0 1px var(--gds-comp-checkbox-hover-border-color)}:host label.form-control:hover input[type=checkbox]:not(:checked,:indeterminate,:disabled,.disabled)~i:after{border-color:var(--gds-comp-checkbox-hover-border-color);opacity:1}:host label.form-control input[type=checkbox]:checked~i{background-color:var(--gds-comp-checkbox-container-color-selected)}:host label.form-control:hover input[type=checkbox]:checked~i{background-color:var(--gds-comp-checkbox-hover-border-color);box-shadow:inset 0 0 0 1px var(--gds-comp-checkbox-hover-border-color)}:host label.form-control input[type=checkbox]:indeterminate~i{background-color:var(--gds-comp-checkbox-container-color-selected)}:host label.form-control input[type=checkbox]:indeterminate~i:after{border-bottom:2px solid var(--gds-comp-checkbox-border-color-selected, #fff);border-left:none;transform:scale(1) rotate(0);opacity:1}:host label.form-control:has(input[type=checkbox].is-invalid){border:.0625rem solid var(--intent-danger-background);margin-bottom:.5rem}:host .is-invalid label.form-control:has(input[type=checkbox].is-invalid){border:none;margin:0}@supports (-moz-appearance: none){:host label.form-control.is-invalid{border:.0625rem solid var(--intent-danger-background);margin-bottom:.5rem}:host .is-invalid label.form-control.is-invalid{border:none;margin:0}}:host label.form-control input[type=checkbox]:disabled~i,:host label.form-control input[type=checkbox].disabled~i{background:var(--sg-form-control-bg-disabled)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed;box-shadow:inset 0 0 0 1px var(--border-disabled-color)}:host label.form-control input[type=checkbox]:disabled~i::placeholder,:host label.form-control input[type=checkbox].disabled~i::placeholder{color:var(--text-disabled-color)}:host label.form-control input[type=checkbox]:disabled:checked~i,:host label.form-control input[type=checkbox].disabled:checked~i{background:var(--sg-form-control-bg-disabled)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed;box-shadow:inset 0 0 0 1px var(--border-disabled-color)}:host label.form-control input[type=checkbox]:disabled:checked~i::placeholder,:host label.form-control input[type=checkbox].disabled:checked~i::placeholder{color:var(--text-disabled-color)}:host label.form-control input[type=checkbox]:disabled:checked~i:after,:host label.form-control input[type=checkbox].disabled:checked~i:after{border-color:var(--border-disabled-color)}:host label.form-control input[type=checkbox]:disabled~span,:host label.form-control input[type=checkbox].disabled~span{color:var(--text-disabled-color)!important;cursor:not-allowed}:host label.form-control input[type=checkbox]:disabled~span::placeholder,:host label.form-control input[type=checkbox].disabled~span::placeholder{color:var(--text-disabled-color)}:host label.form-control input[type=checkbox]~i:after{content:\"\";opacity:0;position:absolute}:host label.form-control input[type=checkbox]~i:after{border-bottom:3px solid var(--gds-comp-checkbox-border-color-selected, #fff);border-left:3px solid var(--gds-comp-checkbox-border-color-selected, #fff);height:.5rem;width:1rem;left:0;top:.1875rem;transform:scale(.601) rotate(-45deg);transform-origin:center}:host label.form-control input[type=checkbox]:checked~i:after{opacity:1}:host .form-control{padding:.75rem 1rem;border:1px solid transparent;border-radius:var(--gds-sys-shape-corner-medium);align-items:center;cursor:pointer;display:flex;flex-direction:row-reverse;font:inherit;justify-content:flex-end;position:relative;user-select:none;-webkit-user-select:none}:host .form-control:has(input:disabled){cursor:not-allowed}\n"] }]
         }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
                     type: Self
                 }, {
@@ -1148,11 +1149,11 @@ class NgvDropdownComponent extends NgvBaseControlValueAccessorComponent$1 {
         return !('options' in option);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvDropdownComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: TRANSLOCO_SCOPE, optional: true }, { token: i0.ChangeDetectorRef }, { token: i2$2.DropdownUtils }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NgvDropdownComponent, selector: "nggv-dropdown", inputs: { thook: "thook", placeholder: "placeholder", options: "options", scrollOffset: "scrollOffset", allowControlNullishOption: "allowControlNullishOption", textToHighlight: "textToHighlight", selectOnSingleOption: "selectOnSingleOption" }, outputs: { expandedChange: "expandedChange" }, host: { listeners: { "keyup": "onKeyUp($event)" }, properties: { "attr.data-thook": "this.thook" } }, queries: [{ propertyName: "selectedContentTpl", first: true, predicate: ["selectedTpl"], descendants: true, read: TemplateRef }, { propertyName: "optionContentTpl", first: true, predicate: ["optionTpl"], descendants: true, read: TemplateRef }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<!-- LABEL -->\n<ng-container *transloco=\"let t; read: scope\">\n  <label [id]=\"id + '-label'\" class=\"hide-if-empty\" [attr.for]=\"id + '-toggle'\">\n    <ng-template\n      *ngTemplateOutlet=\"labelContentTpl || basicLabelContentTpl\"\n    ></ng-template>\n    <ng-template #basicLabelContentTpl>\n      <!-- to trigger css:empty if no label was added -->\n      <ng-container *ngIf=\"label\">\n        {{ label }}\n        <span\n          *ngIf=\"optional === true || (required !== true && optional !== false)\"\n          class=\"sdv-field-label--optional\"\n        >\n          ({{ t('label.optional') }})\n        </span>\n      </ng-container>\n    </ng-template>\n  </label>\n\n  <!-- DESCRIPTION -->\n  <div class=\"description\">{{ description }}</div>\n\n  <!-- LOCKED INPUT -->\n  <ng-container *ngIf=\"locked\">\n    <div\n      [id]=\"id + '-input'\"\n      class=\"nggv-field--locked\"\n      [attr.name]=\"name\"\n      [attr.value]=\"state\"\n      [attr.role]=\"role\"\n      [attr.aria-labelledby]=\"id + '-label ' + id + '-input'\"\n    >\n      <span *ngIf=\"!state\" class=\"unset-state\">-</span>\n      <ng-container *ngIf=\"state\">\n        <ng-template\n          *ngTemplateOutlet=\"\n            selectedContentTpl || defaultSelectedContentTpl;\n            context: { $implicit: state }\n          \"\n        >\n        </ng-template>\n      </ng-container>\n    </div>\n  </ng-container>\n\n  <!-- INPUT -->\n  <ng-container *ngIf=\"!locked\">\n    <div #input [id]=\"id + '-input'\" class=\"dropdown\">\n      <button\n        [id]=\"id + '-toggle'\"\n        [disabled]=\"disabled\"\n        type=\"button\"\n        class=\"nggv-field-dropdown__label toggle\"\n        [class.nggv-field--error]=\"invalid\"\n        aria-haspopup=\"listbox\"\n        [attr.data-thook]=\"thook + '-toggle'\"\n        [attr.aria-expanded]=\"expanded\"\n        [attr.aria-labelledby]=\"id + '-label ' + id + '-toggle'\"\n        (click)=\"toggleDropdown()\"\n      >\n        <ng-template\n          *ngTemplateOutlet=\"\n            selectedContentTpl || defaultSelectedContentTpl;\n            context: { $implicit: state }\n          \"\n        >\n        </ng-template>\n      </button>\n\n      <nggv-dropdown-list\n        #dropDownList\n        [options]=\"options\"\n        [scrollOffset]=\"scrollOffset\"\n        [state]=\"state\"\n        [expanded]=\"expanded\"\n        [optionContentTpl]=\"optionContentTpl\"\n        [textToHighlight]=\"textToHighlight\"\n        (selectedValueChanged)=\"onSelectChange($event)\"\n      >\n      </nggv-dropdown-list>\n    </div>\n    <!-- ERRORS -->\n    <label\n      class=\"sdv-field-notice sdv-field-notice--error\"\n      [attr.for]=\"id + '-input'\"\n      *ngIf=\"invalid && (error || ngControl?.invalid)\"\n    >\n      <span *ngIf=\"error; else errorsRef\">{{ error }}</span>\n      <ng-template #errorsRef>\n        <span *ngIf=\"firstError as error\">\n          {{ t('error.field' + error?.code, error?.params) }}\n        </span>\n      </ng-template>\n    </label>\n\n    <!-- CHILDREN -->\n    <ng-content></ng-content>\n  </ng-container>\n\n  <ng-template #defaultSelectedContentTpl let-state>\n    <!-- eslint-disable-next-line @angular-eslint/template/eqeqeq -->\n    {{ state?.key != null && state?.label ? t(state.label) : placeholder }}\n  </ng-template>\n</ng-container>\n", styles: [":host label{display:block;font-weight:500;line-height:1.25rem;margin-bottom:.5rem;width:100%}:host .description{margin-bottom:.5rem;line-height:1.25rem;width:100%}:host button{font-weight:500;display:inline-flex;justify-content:center;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:transparent;border-color:#007ac7;color:#007ac7;--color: rgb(0, 122, 199);background-color:transparent;border:0;cursor:pointer;font-family:inherit;padding:0;padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--grey-800);--sg-border-color: var(--grey-800);background:var(--sg-form-control-bg);color:var(--text-primary-color);min-height:2.75rem;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;max-width:100%;font-size:inherit;font-weight:400;line-height:1.125;margin-bottom:.5rem;margin-top:.5rem;width:100%}@media screen and (-ms-high-contrast: active){:host button{border:2px solid currentcolor}}:host button.small{min-height:2rem;padding:.4375rem .75rem;line-height:1rem}:host button.large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}:host button:focus:not(:focus-visible){box-shadow:none;outline:0}:host button:focus,:host button:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host button:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}:host button[aria-selected=true],:host button:active,:host button.active,:host button.active:hover,:host button:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}:host button:disabled,:host button.disabled,:host button[aria-disabled=true]{background:var(--sg-form-control-bg-disabled)!important;color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}:host button:disabled::placeholder,:host button.disabled::placeholder,:host button[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host button:focus{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}@media (max-width: 35.98em){:host button{min-width:100%}}:host button:not(:disabled,.disabled,[aria-disabled]):hover{--background: var(--grey-400);--color: var(--grey-1000);background-color:var(--grey-400);color:var(--grey-1000);border-color:var(--grey-1000)}:host button>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host button:after{margin-left:.5rem;margin-right:.5rem;border-bottom:solid 2px var(--text-primary-color);border-left:solid 2px var(--text-primary-color);content:\"\";display:block;height:.5rem;width:.5rem;position:relative;top:-.15rem;transform:translate(75%) rotate3d(0,0,1,-45deg) scaleZ(-1);transition:transform .3s ease-in;flex-shrink:0}:host button[aria-expanded=true]:after{transform:translate(75%,6px) rotate3d(0,0,1,-45deg) scale3d(-1,-1,1)}:host button:hover:after{border-color:currentColor}:host button.small{font-size:.875rem}:host button:hover{background:var(--grey-400)}:host .dropdown{width:100%;position:relative}:host .dropdown nggv-dropdown-list{width:100%}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3$1.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: NgvDropdownListComponent, selector: "nggv-dropdown-list", inputs: ["expanded", "state", "scrollOffset", "optionContentTpl", "id", "thook", "options", "textToHighlight"], outputs: ["selectedValueChanged", "closed"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NgvDropdownComponent, selector: "nggv-dropdown", inputs: { thook: "thook", placeholder: "placeholder", options: "options", scrollOffset: "scrollOffset", allowControlNullishOption: "allowControlNullishOption", textToHighlight: "textToHighlight", selectOnSingleOption: "selectOnSingleOption" }, outputs: { expandedChange: "expandedChange" }, host: { listeners: { "keyup": "onKeyUp($event)" }, properties: { "attr.data-thook": "this.thook" } }, queries: [{ propertyName: "selectedContentTpl", first: true, predicate: ["selectedTpl"], descendants: true, read: TemplateRef }, { propertyName: "optionContentTpl", first: true, predicate: ["optionTpl"], descendants: true, read: TemplateRef }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<!-- LABEL -->\n<ng-container *transloco=\"let t; read: scope\">\n  <label [id]=\"id + '-label'\" class=\"sdv-field-label hide-if-empty\" [attr.for]=\"id + '-toggle'\">\n    <ng-template\n      *ngTemplateOutlet=\"labelContentTpl || basicLabelContentTpl\"\n    ></ng-template>\n    <ng-template #basicLabelContentTpl>\n      <!-- to trigger css:empty if no label was added -->\n      <ng-container *ngIf=\"label\">\n        {{ label }}\n        <span\n          *ngIf=\"optional === true || (required !== true && optional !== false)\"\n          class=\"sdv-field-label--optional\"\n        >\n          ({{ t('label.optional') }})\n        </span>\n      </ng-container>\n    </ng-template>\n  </label>\n\n  <!-- DESCRIPTION -->\n  <div class=\"description\">{{ description }}</div>\n\n  <!-- LOCKED INPUT -->\n  <ng-container *ngIf=\"locked\">\n    <div\n      [id]=\"id + '-input'\"\n      class=\"nggv-field--locked\"\n      [attr.name]=\"name\"\n      [attr.value]=\"state\"\n      [attr.role]=\"role\"\n      [attr.aria-labelledby]=\"id + '-label ' + id + '-input'\"\n    >\n      <span *ngIf=\"!state\" class=\"unset-state\">-</span>\n      <ng-container *ngIf=\"state\">\n        <ng-template\n          *ngTemplateOutlet=\"\n            selectedContentTpl || defaultSelectedContentTpl;\n            context: { $implicit: state }\n          \"\n        >\n        </ng-template>\n      </ng-container>\n    </div>\n  </ng-container>\n\n  <!-- INPUT -->\n  <ng-container *ngIf=\"!locked\">\n    <div #input [id]=\"id + '-input'\" class=\"dropdown\">\n      <button\n        [id]=\"id + '-toggle'\"\n        [disabled]=\"disabled\"\n        type=\"button\"\n        class=\"nggv-field-dropdown__label toggle\"\n        [class.nggv-field--error]=\"invalid\"\n        aria-haspopup=\"listbox\"\n        [attr.data-thook]=\"thook + '-toggle'\"\n        [attr.aria-expanded]=\"expanded\"\n        [attr.aria-labelledby]=\"id + '-label ' + id + '-toggle'\"\n        (click)=\"toggleDropdown()\"\n      >\n        <ng-template\n          *ngTemplateOutlet=\"\n            selectedContentTpl || defaultSelectedContentTpl;\n            context: { $implicit: state }\n          \"\n        >\n        </ng-template>\n      </button>\n\n      <nggv-dropdown-list\n        #dropDownList\n        [options]=\"options\"\n        [scrollOffset]=\"scrollOffset\"\n        [state]=\"state\"\n        [expanded]=\"expanded\"\n        [optionContentTpl]=\"optionContentTpl\"\n        [textToHighlight]=\"textToHighlight\"\n        (selectedValueChanged)=\"onSelectChange($event)\"\n      >\n      </nggv-dropdown-list>\n    </div>\n    <!-- ERRORS -->\n    <label\n      class=\"sdv-field-notice sdv-field-notice--error\"\n      [attr.for]=\"id + '-input'\"\n      *ngIf=\"invalid && (error || ngControl?.invalid)\"\n    >\n      <span *ngIf=\"error; else errorsRef\">{{ error }}</span>\n      <ng-template #errorsRef>\n        <span *ngIf=\"firstError as error\">\n          {{ t('error.field' + error?.code, error?.params) }}\n        </span>\n      </ng-template>\n    </label>\n\n    <!-- CHILDREN -->\n    <ng-content></ng-content>\n  </ng-container>\n\n  <ng-template #defaultSelectedContentTpl let-state>\n    <!-- eslint-disable-next-line @angular-eslint/template/eqeqeq -->\n    {{ state?.key != null && state?.label ? t(state.label) : placeholder }}\n  </ng-template>\n</ng-container>\n", styles: [":host label{display:block;font-weight:500;line-height:1.25rem;margin-bottom:.5rem;width:100%}:host .description{margin-bottom:.5rem;line-height:1.25rem;width:100%}:host button{font-weight:500;display:inline-flex;justify-content:center;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:transparent;border-color:#007ac7;color:#007ac7;--color: rgb(0, 122, 199);background-color:transparent;border:0;cursor:pointer;font-family:inherit;padding:0;padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--grey-800);--sg-border-color: var(--grey-800);background:var(--sg-form-control-bg);color:var(--text-primary-color);min-height:2.75rem;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;max-width:100%;font-size:inherit;font-weight:400;line-height:1.125;margin-bottom:.5rem;margin-top:.5rem;width:100%}@media screen and (-ms-high-contrast: active){:host button{border:2px solid currentcolor}}:host button.small{min-height:2rem;padding:.4375rem .75rem;line-height:1rem}:host button.large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}:host button:focus:not(:focus-visible){box-shadow:none;outline:0}:host button:focus,:host button:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host button:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}:host button[aria-selected=true],:host button:active,:host button.active,:host button.active:hover,:host button:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}:host button:disabled,:host button.disabled,:host button[aria-disabled=true]{background:var(--sg-form-control-bg-disabled)!important;color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}:host button:disabled::placeholder,:host button.disabled::placeholder,:host button[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host button:focus{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}@media (max-width: 35.98em){:host button{min-width:100%}}:host button:not(:disabled,.disabled,[aria-disabled]):hover{--background: var(--grey-400);--color: var(--grey-1000);background-color:var(--grey-400);color:var(--grey-1000);border-color:var(--grey-1000)}:host button>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host button:after{margin-left:.5rem;margin-right:.5rem;border-bottom:solid 2px var(--text-primary-color);border-left:solid 2px var(--text-primary-color);content:\"\";display:block;height:.5rem;width:.5rem;position:relative;top:-.15rem;transform:translate(75%) rotate3d(0,0,1,-45deg) scaleZ(-1);transition:transform .3s ease-in;flex-shrink:0}:host button[aria-expanded=true]:after{transform:translate(75%,6px) rotate3d(0,0,1,-45deg) scale3d(-1,-1,1)}:host button:hover:after{border-color:currentColor}:host button.small{font-size:.875rem}:host button:hover{background:var(--grey-400)}:host .dropdown{width:100%;position:relative}:host .dropdown nggv-dropdown-list{width:100%}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3$1.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: NgvDropdownListComponent, selector: "nggv-dropdown-list", inputs: ["expanded", "state", "scrollOffset", "optionContentTpl", "id", "thook", "options", "textToHighlight"], outputs: ["selectedValueChanged", "closed"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvDropdownComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nggv-dropdown', template: "<!-- LABEL -->\n<ng-container *transloco=\"let t; read: scope\">\n  <label [id]=\"id + '-label'\" class=\"hide-if-empty\" [attr.for]=\"id + '-toggle'\">\n    <ng-template\n      *ngTemplateOutlet=\"labelContentTpl || basicLabelContentTpl\"\n    ></ng-template>\n    <ng-template #basicLabelContentTpl>\n      <!-- to trigger css:empty if no label was added -->\n      <ng-container *ngIf=\"label\">\n        {{ label }}\n        <span\n          *ngIf=\"optional === true || (required !== true && optional !== false)\"\n          class=\"sdv-field-label--optional\"\n        >\n          ({{ t('label.optional') }})\n        </span>\n      </ng-container>\n    </ng-template>\n  </label>\n\n  <!-- DESCRIPTION -->\n  <div class=\"description\">{{ description }}</div>\n\n  <!-- LOCKED INPUT -->\n  <ng-container *ngIf=\"locked\">\n    <div\n      [id]=\"id + '-input'\"\n      class=\"nggv-field--locked\"\n      [attr.name]=\"name\"\n      [attr.value]=\"state\"\n      [attr.role]=\"role\"\n      [attr.aria-labelledby]=\"id + '-label ' + id + '-input'\"\n    >\n      <span *ngIf=\"!state\" class=\"unset-state\">-</span>\n      <ng-container *ngIf=\"state\">\n        <ng-template\n          *ngTemplateOutlet=\"\n            selectedContentTpl || defaultSelectedContentTpl;\n            context: { $implicit: state }\n          \"\n        >\n        </ng-template>\n      </ng-container>\n    </div>\n  </ng-container>\n\n  <!-- INPUT -->\n  <ng-container *ngIf=\"!locked\">\n    <div #input [id]=\"id + '-input'\" class=\"dropdown\">\n      <button\n        [id]=\"id + '-toggle'\"\n        [disabled]=\"disabled\"\n        type=\"button\"\n        class=\"nggv-field-dropdown__label toggle\"\n        [class.nggv-field--error]=\"invalid\"\n        aria-haspopup=\"listbox\"\n        [attr.data-thook]=\"thook + '-toggle'\"\n        [attr.aria-expanded]=\"expanded\"\n        [attr.aria-labelledby]=\"id + '-label ' + id + '-toggle'\"\n        (click)=\"toggleDropdown()\"\n      >\n        <ng-template\n          *ngTemplateOutlet=\"\n            selectedContentTpl || defaultSelectedContentTpl;\n            context: { $implicit: state }\n          \"\n        >\n        </ng-template>\n      </button>\n\n      <nggv-dropdown-list\n        #dropDownList\n        [options]=\"options\"\n        [scrollOffset]=\"scrollOffset\"\n        [state]=\"state\"\n        [expanded]=\"expanded\"\n        [optionContentTpl]=\"optionContentTpl\"\n        [textToHighlight]=\"textToHighlight\"\n        (selectedValueChanged)=\"onSelectChange($event)\"\n      >\n      </nggv-dropdown-list>\n    </div>\n    <!-- ERRORS -->\n    <label\n      class=\"sdv-field-notice sdv-field-notice--error\"\n      [attr.for]=\"id + '-input'\"\n      *ngIf=\"invalid && (error || ngControl?.invalid)\"\n    >\n      <span *ngIf=\"error; else errorsRef\">{{ error }}</span>\n      <ng-template #errorsRef>\n        <span *ngIf=\"firstError as error\">\n          {{ t('error.field' + error?.code, error?.params) }}\n        </span>\n      </ng-template>\n    </label>\n\n    <!-- CHILDREN -->\n    <ng-content></ng-content>\n  </ng-container>\n\n  <ng-template #defaultSelectedContentTpl let-state>\n    <!-- eslint-disable-next-line @angular-eslint/template/eqeqeq -->\n    {{ state?.key != null && state?.label ? t(state.label) : placeholder }}\n  </ng-template>\n</ng-container>\n", styles: [":host label{display:block;font-weight:500;line-height:1.25rem;margin-bottom:.5rem;width:100%}:host .description{margin-bottom:.5rem;line-height:1.25rem;width:100%}:host button{font-weight:500;display:inline-flex;justify-content:center;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:transparent;border-color:#007ac7;color:#007ac7;--color: rgb(0, 122, 199);background-color:transparent;border:0;cursor:pointer;font-family:inherit;padding:0;padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--grey-800);--sg-border-color: var(--grey-800);background:var(--sg-form-control-bg);color:var(--text-primary-color);min-height:2.75rem;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;max-width:100%;font-size:inherit;font-weight:400;line-height:1.125;margin-bottom:.5rem;margin-top:.5rem;width:100%}@media screen and (-ms-high-contrast: active){:host button{border:2px solid currentcolor}}:host button.small{min-height:2rem;padding:.4375rem .75rem;line-height:1rem}:host button.large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}:host button:focus:not(:focus-visible){box-shadow:none;outline:0}:host button:focus,:host button:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host button:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}:host button[aria-selected=true],:host button:active,:host button.active,:host button.active:hover,:host button:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}:host button:disabled,:host button.disabled,:host button[aria-disabled=true]{background:var(--sg-form-control-bg-disabled)!important;color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}:host button:disabled::placeholder,:host button.disabled::placeholder,:host button[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host button:focus{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}@media (max-width: 35.98em){:host button{min-width:100%}}:host button:not(:disabled,.disabled,[aria-disabled]):hover{--background: var(--grey-400);--color: var(--grey-1000);background-color:var(--grey-400);color:var(--grey-1000);border-color:var(--grey-1000)}:host button>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host button:after{margin-left:.5rem;margin-right:.5rem;border-bottom:solid 2px var(--text-primary-color);border-left:solid 2px var(--text-primary-color);content:\"\";display:block;height:.5rem;width:.5rem;position:relative;top:-.15rem;transform:translate(75%) rotate3d(0,0,1,-45deg) scaleZ(-1);transition:transform .3s ease-in;flex-shrink:0}:host button[aria-expanded=true]:after{transform:translate(75%,6px) rotate3d(0,0,1,-45deg) scale3d(-1,-1,1)}:host button:hover:after{border-color:currentColor}:host button.small{font-size:.875rem}:host button:hover{background:var(--grey-400)}:host .dropdown{width:100%;position:relative}:host .dropdown nggv-dropdown-list{width:100%}\n"] }]
+            args: [{ selector: 'nggv-dropdown', template: "<!-- LABEL -->\n<ng-container *transloco=\"let t; read: scope\">\n  <label [id]=\"id + '-label'\" class=\"sdv-field-label hide-if-empty\" [attr.for]=\"id + '-toggle'\">\n    <ng-template\n      *ngTemplateOutlet=\"labelContentTpl || basicLabelContentTpl\"\n    ></ng-template>\n    <ng-template #basicLabelContentTpl>\n      <!-- to trigger css:empty if no label was added -->\n      <ng-container *ngIf=\"label\">\n        {{ label }}\n        <span\n          *ngIf=\"optional === true || (required !== true && optional !== false)\"\n          class=\"sdv-field-label--optional\"\n        >\n          ({{ t('label.optional') }})\n        </span>\n      </ng-container>\n    </ng-template>\n  </label>\n\n  <!-- DESCRIPTION -->\n  <div class=\"description\">{{ description }}</div>\n\n  <!-- LOCKED INPUT -->\n  <ng-container *ngIf=\"locked\">\n    <div\n      [id]=\"id + '-input'\"\n      class=\"nggv-field--locked\"\n      [attr.name]=\"name\"\n      [attr.value]=\"state\"\n      [attr.role]=\"role\"\n      [attr.aria-labelledby]=\"id + '-label ' + id + '-input'\"\n    >\n      <span *ngIf=\"!state\" class=\"unset-state\">-</span>\n      <ng-container *ngIf=\"state\">\n        <ng-template\n          *ngTemplateOutlet=\"\n            selectedContentTpl || defaultSelectedContentTpl;\n            context: { $implicit: state }\n          \"\n        >\n        </ng-template>\n      </ng-container>\n    </div>\n  </ng-container>\n\n  <!-- INPUT -->\n  <ng-container *ngIf=\"!locked\">\n    <div #input [id]=\"id + '-input'\" class=\"dropdown\">\n      <button\n        [id]=\"id + '-toggle'\"\n        [disabled]=\"disabled\"\n        type=\"button\"\n        class=\"nggv-field-dropdown__label toggle\"\n        [class.nggv-field--error]=\"invalid\"\n        aria-haspopup=\"listbox\"\n        [attr.data-thook]=\"thook + '-toggle'\"\n        [attr.aria-expanded]=\"expanded\"\n        [attr.aria-labelledby]=\"id + '-label ' + id + '-toggle'\"\n        (click)=\"toggleDropdown()\"\n      >\n        <ng-template\n          *ngTemplateOutlet=\"\n            selectedContentTpl || defaultSelectedContentTpl;\n            context: { $implicit: state }\n          \"\n        >\n        </ng-template>\n      </button>\n\n      <nggv-dropdown-list\n        #dropDownList\n        [options]=\"options\"\n        [scrollOffset]=\"scrollOffset\"\n        [state]=\"state\"\n        [expanded]=\"expanded\"\n        [optionContentTpl]=\"optionContentTpl\"\n        [textToHighlight]=\"textToHighlight\"\n        (selectedValueChanged)=\"onSelectChange($event)\"\n      >\n      </nggv-dropdown-list>\n    </div>\n    <!-- ERRORS -->\n    <label\n      class=\"sdv-field-notice sdv-field-notice--error\"\n      [attr.for]=\"id + '-input'\"\n      *ngIf=\"invalid && (error || ngControl?.invalid)\"\n    >\n      <span *ngIf=\"error; else errorsRef\">{{ error }}</span>\n      <ng-template #errorsRef>\n        <span *ngIf=\"firstError as error\">\n          {{ t('error.field' + error?.code, error?.params) }}\n        </span>\n      </ng-template>\n    </label>\n\n    <!-- CHILDREN -->\n    <ng-content></ng-content>\n  </ng-container>\n\n  <ng-template #defaultSelectedContentTpl let-state>\n    <!-- eslint-disable-next-line @angular-eslint/template/eqeqeq -->\n    {{ state?.key != null && state?.label ? t(state.label) : placeholder }}\n  </ng-template>\n</ng-container>\n", styles: [":host label{display:block;font-weight:500;line-height:1.25rem;margin-bottom:.5rem;width:100%}:host .description{margin-bottom:.5rem;line-height:1.25rem;width:100%}:host button{font-weight:500;display:inline-flex;justify-content:center;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:transparent;border-color:#007ac7;color:#007ac7;--color: rgb(0, 122, 199);background-color:transparent;border:0;cursor:pointer;font-family:inherit;padding:0;padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--grey-800);--sg-border-color: var(--grey-800);background:var(--sg-form-control-bg);color:var(--text-primary-color);min-height:2.75rem;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;max-width:100%;font-size:inherit;font-weight:400;line-height:1.125;margin-bottom:.5rem;margin-top:.5rem;width:100%}@media screen and (-ms-high-contrast: active){:host button{border:2px solid currentcolor}}:host button.small{min-height:2rem;padding:.4375rem .75rem;line-height:1rem}:host button.large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}:host button:focus:not(:focus-visible){box-shadow:none;outline:0}:host button:focus,:host button:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host button:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}:host button[aria-selected=true],:host button:active,:host button.active,:host button.active:hover,:host button:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}:host button:disabled,:host button.disabled,:host button[aria-disabled=true]{background:var(--sg-form-control-bg-disabled)!important;color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}:host button:disabled::placeholder,:host button.disabled::placeholder,:host button[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host button:focus{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}@media (max-width: 35.98em){:host button{min-width:100%}}:host button:not(:disabled,.disabled,[aria-disabled]):hover{--background: var(--grey-400);--color: var(--grey-1000);background-color:var(--grey-400);color:var(--grey-1000);border-color:var(--grey-1000)}:host button>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host button:after{margin-left:.5rem;margin-right:.5rem;border-bottom:solid 2px var(--text-primary-color);border-left:solid 2px var(--text-primary-color);content:\"\";display:block;height:.5rem;width:.5rem;position:relative;top:-.15rem;transform:translate(75%) rotate3d(0,0,1,-45deg) scaleZ(-1);transition:transform .3s ease-in;flex-shrink:0}:host button[aria-expanded=true]:after{transform:translate(75%,6px) rotate3d(0,0,1,-45deg) scale3d(-1,-1,1)}:host button:hover:after{border-color:currentColor}:host button.small{font-size:.875rem}:host button:hover{background:var(--grey-400)}:host .dropdown{width:100%;position:relative}:host .dropdown nggv-dropdown-list{width:100%}\n"] }]
         }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
                     type: Self
                 }, {
@@ -2433,11 +2434,11 @@ class NgvDialogComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NgvDialogComponent, selector: "nggv-dialog", inputs: { thook: "thook", shown: "shown", initiallyShown: "initiallyShown", heading: "heading", title: "title", content: "content", autoClose: "autoClose", payload: "payload", dialogTitleId: "dialogTitleId", dialogBodyId: "dialogBodyId", closeModalOnEscape: "closeModalOnEscape", buttons: "buttons" }, outputs: { nggvCloseEvent: "nggvCloseEvent", nggvPositiveEvent: "nggvPositiveEvent", nggvNeutralEvent: "nggvNeutralEvent", nggvNegativeEvent: "nggvNegativeEvent" }, host: { listeners: { "click": "close($event,\"host\")", "document:keydown.escape": "close($event)", "keydown": "focusTrap($event)" }, properties: { "attr.data-thook": "this.thook", "class.sdv-modal-dialog": "this.baseClass", "class.-active": "this.shown", "attr.aria-hidden": "this.ariaHidden" } }, viewQueries: [{ propertyName: "dialogRef", first: true, predicate: ["dialog"], descendants: true }], exportAs: ["dialog"], ngImport: i0, template: "<div\n  class=\"sdv-modal-dialog__container\"\n  *transloco=\"let t\"\n  #dialog\n  role=\"dialog\"\n  aria-dialog=\"true\"\n  [attr.aria-labelledby]=\"dialogTitleId\"\n  [attr.aria-describedby]=\"dialogBodyId\"\n>\n  <header class=\"sdv-modal-dialog__heading\">\n    <h3 [attr.id]=\"dialogTitleId\">{{ t(heading || title || '') }}</h3>\n    <button\n      type=\"button\"\n      data-thook=\"dialog-close\"\n      (click)=\"onAction($event, 'close')\"\n      (keydown.enter)=\"onAction($event, 'close')\"\n      class=\"close\"\n    >\n      <gds-icon-cross-small\n        *nggCoreElement\n        width=\"24\"\n        height=\"24\"\n      ></gds-icon-cross-small>\n    </button>\n  </header>\n  <section class=\"sdv-modal-dialog__body\" [attr.id]=\"dialogBodyId\">\n    <div [innerHtml]=\"content\"></div>\n    <ng-content></ng-content>\n  </section>\n  <footer class=\"sdv-modal-dialog__actions\">\n    <button\n      class=\"sdv-button sdv-button-delete\"\n      type=\"reset\"\n      [attr.data-thook]=\"'dialog-' + (_buttons?.negative || 'negative')\"\n      (click)=\"onAction($event, 'negative')\"\n      (keydown.enter)=\"onAction($event, 'negative')\"\n      *ngIf=\"_buttons && _buttons.negative\"\n    >\n      {{ t(_buttons.negative) }}\n    </button>\n    <button\n      class=\"sdv-button sdv-button-secondary\"\n      type=\"button\"\n      [attr.data-thook]=\"'dialog-' + (_buttons?.neutral || 'neutral')\"\n      (click)=\"onAction($event, 'neutral')\"\n      (keydown.enter)=\"onAction($event, 'neutral')\"\n      *ngIf=\"_buttons && _buttons.neutral\"\n    >\n      {{ t(_buttons.neutral) }}\n    </button>\n    <button\n      class=\"sdv-button\"\n      type=\"submit\"\n      [attr.data-thook]=\"'dialog-' + (_buttons?.positive || 'positive')\"\n      (click)=\"onAction($event, 'positive')\"\n      (keydown.enter)=\"onAction($event, 'positive')\"\n      *ngIf=\"_buttons && _buttons.positive\"\n    >\n      {{ t(_buttons.positive) }}\n    </button>\n  </footer>\n</div>\n\n<div class=\"sdv-modal-backdrop\"></div>\n", styles: [":host{inset:0;position:fixed;display:grid;place-content:center;z-index:calc(var(--sg-z-index-modal-backdrop) + 1)}:host .sdv-modal-dialog__container{background:var(--sg-modal-background);display:flex;flex-direction:column;box-shadow:var(--sg-modal-box-shadow);position:absolute;width:100%;z-index:var(--sg-z-index-modal);position:initial;width:375px;max-width:95vw}:host .sdv-modal-dialog__container>.header,:host .sdv-modal-dialog__container>header{padding:1rem;border-bottom:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);display:inline-flex;justify-content:space-between;align-items:center;width:100%}:host .sdv-modal-dialog__container>.header h3,:host .sdv-modal-dialog__container>.header .h3,:host .sdv-modal-dialog__container>header h3,:host .sdv-modal-dialog__container>header .h3{margin-bottom:0;margin-top:0}:host .sdv-modal-dialog__container>.header h3+.close,:host .sdv-modal-dialog__container>.header .h3+.close,:host .sdv-modal-dialog__container>header h3+.close,:host .sdv-modal-dialog__container>header .h3+.close{margin:-7px;min-width:2rem}:host .sdv-modal-dialog__container>.body{padding:1rem;overflow:auto;width:100%}:host .sdv-modal-dialog__container>.body p{margin-bottom:0;margin-top:0}:host .sdv-modal-dialog__container>.footer,:host .sdv-modal-dialog__container>footer{padding:1rem;width:100%}@media (min-width: 36em){:host .sdv-modal-dialog__container>.footer,:host .sdv-modal-dialog__container>footer{display:flex;justify-content:flex-end}}@media (max-width: 35.98em){:host .sdv-modal-dialog__container>.footer button+button,:host .sdv-modal-dialog__container>.footer button+.button,:host .sdv-modal-dialog__container>.footer .button+button,:host .sdv-modal-dialog__container>.footer .button+.button,:host .sdv-modal-dialog__container>footer button+button,:host .sdv-modal-dialog__container>footer button+.button,:host .sdv-modal-dialog__container>footer .button+button,:host .sdv-modal-dialog__container>footer .button+.button{margin-top:.75rem}}@media (min-width: 36em){:host .sdv-modal-dialog__container>.footer button+button,:host .sdv-modal-dialog__container>.footer button+.button,:host .sdv-modal-dialog__container>.footer .button+button,:host .sdv-modal-dialog__container>.footer .button+.button,:host .sdv-modal-dialog__container>footer button+button,:host .sdv-modal-dialog__container>footer button+.button,:host .sdv-modal-dialog__container>footer .button+button,:host .sdv-modal-dialog__container>footer .button+.button{margin-left:.75rem}}:host .sdv-modal-dialog__container.medium{width:512px}:host .sdv-modal-dialog__container.large{width:720px}:host .sdv-modal-dialog__heading{padding:1rem;border-bottom:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);display:inline-flex;justify-content:space-between;align-items:center;width:100%}:host .sdv-modal-dialog__heading h3,:host .sdv-modal-dialog__heading .h3{margin-bottom:0;margin-top:0}:host .sdv-modal-dialog__heading h3+.close,:host .sdv-modal-dialog__heading .h3+.close{margin:-7px;min-width:2rem}:host .sdv-modal-dialog__heading button{display:grid;place-content:center}:host .sdv-modal-dialog__body{padding:1rem;overflow:auto;width:100%}:host .sdv-modal-dialog__body p{margin-bottom:0;margin-top:0}:host .sdv-modal-backdrop{background:#00000059;inset:0;position:fixed;z-index:999;display:block;transition:opacity .5s cubic-bezier(.33,1,.68,1)}:host .sdv-modal-backdrop--transparent{opacity:0}:host .sdv-modal-backdrop--transparent.entered,:host .sdv-modal-backdrop--transparent.is-entering{opacity:1}:host .sdv-modal-backdrop--transparent.is-exiting{opacity:0}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NgvDialogComponent, selector: "nggv-dialog", inputs: { thook: "thook", shown: "shown", initiallyShown: "initiallyShown", heading: "heading", title: "title", content: "content", autoClose: "autoClose", payload: "payload", dialogTitleId: "dialogTitleId", dialogBodyId: "dialogBodyId", closeModalOnEscape: "closeModalOnEscape", buttons: "buttons" }, outputs: { nggvCloseEvent: "nggvCloseEvent", nggvPositiveEvent: "nggvPositiveEvent", nggvNeutralEvent: "nggvNeutralEvent", nggvNegativeEvent: "nggvNegativeEvent" }, host: { listeners: { "click": "close($event,\"host\")", "document:keydown.escape": "close($event)", "keydown": "focusTrap($event)" }, properties: { "attr.data-thook": "this.thook", "class.sdv-modal-dialog": "this.baseClass", "class.-active": "this.shown", "attr.aria-hidden": "this.ariaHidden" } }, viewQueries: [{ propertyName: "dialogRef", first: true, predicate: ["dialog"], descendants: true }], exportAs: ["dialog"], ngImport: i0, template: "<div\n  class=\"sdv-modal-dialog__container\"\n  *transloco=\"let t\"\n  #dialog\n  role=\"dialog\"\n  aria-dialog=\"true\"\n  [attr.aria-labelledby]=\"dialogTitleId\"\n  [attr.aria-describedby]=\"dialogBodyId\"\n>\n  <header class=\"modal-dialog__heading\">\n    <h3 [attr.id]=\"dialogTitleId\">{{ t(heading || title || '') }}</h3>\n    <button\n      type=\"button\"\n      data-thook=\"dialog-close\"\n      (click)=\"onAction($event, 'close')\"\n      (keydown.enter)=\"onAction($event, 'close')\"\n      class=\"close\"\n    >\n      <gds-icon-cross-small\n        *nggCoreElement\n        width=\"24\"\n        height=\"24\"\n      ></gds-icon-cross-small>\n    </button>\n  </header>\n  <section class=\"modal-dialog__body\" [attr.id]=\"dialogBodyId\">\n    <div [innerHtml]=\"content\"></div>\n    <ng-content></ng-content>\n  </section>\n  <footer class=\"modal-dialog__actions\">\n    <button\n      class=\"danger\"\n      type=\"reset\"\n      [attr.data-thook]=\"'dialog-' + (_buttons?.negative || 'negative')\"\n      (click)=\"onAction($event, 'negative')\"\n      (keydown.enter)=\"onAction($event, 'negative')\"\n      *ngIf=\"_buttons && _buttons.negative\"\n    >\n      {{ t(_buttons.negative) }}\n    </button>\n    <button\n      class=\"secondary\"\n      type=\"button\"\n      [attr.data-thook]=\"'dialog-' + (_buttons?.neutral || 'neutral')\"\n      (click)=\"onAction($event, 'neutral')\"\n      (keydown.enter)=\"onAction($event, 'neutral')\"\n      *ngIf=\"_buttons && _buttons.neutral\"\n    >\n      {{ t(_buttons.neutral) }}\n    </button>\n    <button\n      class=\"submit\"\n      type=\"submit\"\n      [attr.data-thook]=\"'dialog-' + (_buttons?.positive || 'positive')\"\n      (click)=\"onAction($event, 'positive')\"\n      (keydown.enter)=\"onAction($event, 'positive')\"\n      *ngIf=\"_buttons && _buttons.positive\"\n    >\n      {{ t(_buttons.positive) }}\n    </button>\n  </footer>\n</div>\n\n<div class=\"sdv-modal-backdrop\"></div>\n", styles: ["button,input[type=button],input[type=submit],input[type=reset],.button,.gds-filter-chip{background-color:transparent;border:0;cursor:pointer;font-family:inherit;padding:0}button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)),input:where([type=button],[type=submit],[type=reset]),.button{padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);font-weight:500;min-height:2.75rem;align-items:center;display:inline-flex;justify-content:center}button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus:not(:focus-visible),input:where([type=button],[type=submit],[type=reset]):focus:not(:focus-visible),.button:focus:not(:focus-visible){box-shadow:none;outline:0}button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus,button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus-visible,input:where([type=button],[type=submit],[type=reset]):focus,input:where([type=button],[type=submit],[type=reset]):focus-visible,.button:focus,.button:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}@media (max-width: 35.98em){button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)),input:where([type=button],[type=submit],[type=reset]),.button{min-width:100%}}@media screen and (-ms-high-contrast: active){button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)),input:where([type=button],[type=submit],[type=reset]),.button{border:2px solid currentcolor}}button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).small,input:where([type=button],[type=submit],[type=reset]).small,.button.small{min-height:2rem;padding:.4375rem .75rem;line-height:1rem}button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).large,input:where([type=button],[type=submit],[type=reset]).large,.button.large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)),a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)),button.secondary,a.button.secondary,input:is([type=button],[type=reset]),button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])),button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)){transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:transparent;border-color:#007ac7;color:#007ac7;--color: rgb(0, 122, 199)}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus:not(:focus-visible),a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus:not(:focus-visible),button.secondary:focus:not(:focus-visible),a.button.secondary:focus:not(:focus-visible),input:is([type=button],[type=reset]):focus:not(:focus-visible),button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):focus:not(:focus-visible),button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus:not(:focus-visible){box-shadow:none;outline:0}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus-visible,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus-visible,button.secondary:focus,button.secondary:focus-visible,a.button.secondary:focus,a.button.secondary:focus-visible,input:is([type=button],[type=reset]):focus,input:is([type=button],[type=reset]):focus-visible,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):focus,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):focus-visible,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):not(:disabled,.disabled,[aria-disabled]):hover,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover,button.secondary:not(:disabled,.disabled,[aria-disabled]):hover,a.button.secondary:not(:disabled,.disabled,[aria-disabled]):hover,input:is([type=button],[type=reset]):not(:disabled,.disabled,[aria-disabled]):hover,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):not(:disabled,.disabled,[aria-disabled]):hover,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-selected=true],button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):active,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).active,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).active:hover,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):active:hover,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-selected=true],a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active:hover,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active:hover,button.secondary[aria-selected=true],button.secondary:active,button.secondary.active,button.secondary.active:hover,button.secondary:active:hover,a.button.secondary[aria-selected=true],a.button.secondary:active,a.button.secondary.active,a.button.secondary.active:hover,a.button.secondary:active:hover,input:is([type=button],[type=reset])[aria-selected=true],input:is([type=button],[type=reset]):active,input:is([type=button],[type=reset]).active,input:is([type=button],[type=reset]).active:hover,input:is([type=button],[type=reset]):active:hover,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu]))[aria-selected=true],button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):active,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])).active,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])).active:hover,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):active:hover,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-selected=true],button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active:hover,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):disabled,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).disabled,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-disabled=true],a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):disabled,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).disabled,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-disabled=true],button.secondary:disabled,button.secondary.disabled,button.secondary[aria-disabled=true],a.button.secondary:disabled,a.button.secondary.disabled,a.button.secondary[aria-disabled=true],input:is([type=button],[type=reset]):disabled,input:is([type=button],[type=reset]).disabled,input:is([type=button],[type=reset])[aria-disabled=true],button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):disabled,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])).disabled,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu]))[aria-disabled=true],button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):disabled,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).disabled,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-disabled=true]{background:var(--sg-form-control-bg-disabled)!important;color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):disabled::placeholder,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).disabled::placeholder,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-disabled=true]::placeholder,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):disabled::placeholder,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).disabled::placeholder,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-disabled=true]::placeholder,button.secondary:disabled::placeholder,button.secondary.disabled::placeholder,button.secondary[aria-disabled=true]::placeholder,a.button.secondary:disabled::placeholder,a.button.secondary.disabled::placeholder,a.button.secondary[aria-disabled=true]::placeholder,input:is([type=button],[type=reset]):disabled::placeholder,input:is([type=button],[type=reset]).disabled::placeholder,input:is([type=button],[type=reset])[aria-disabled=true]::placeholder,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):disabled::placeholder,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])).disabled::placeholder,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu]))[aria-disabled=true]::placeholder,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):disabled::placeholder,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).disabled::placeholder,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)),a.button:where(:not(.primary,.secondary,.ghost,.close,.link)),button.tertiary,a.button.tertiary{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:transparent;border-color:transparent;color:#007ac7;--color: rgb(0, 122, 199)}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus:not(:focus-visible),a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):focus:not(:focus-visible),button.tertiary:focus:not(:focus-visible),a.button.tertiary:focus:not(:focus-visible){box-shadow:none;outline:0}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus-visible,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):focus,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):focus-visible,button.tertiary:focus,button.tertiary:focus-visible,a.button.tertiary:focus,a.button.tertiary:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):not(:disabled,.disabled,[aria-disabled]):hover,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover,button.tertiary:not(:disabled,.disabled,[aria-disabled]):hover,a.button.tertiary:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-selected=true],button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):active,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).active,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).active:hover,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):active:hover,a.button:where(:not(.primary,.secondary,.ghost,.close,.link))[aria-selected=true],a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):active,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)).active,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)).active:hover,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):active:hover,button.tertiary[aria-selected=true],button.tertiary:active,button.tertiary.active,button.tertiary.active:hover,button.tertiary:active:hover,a.button.tertiary[aria-selected=true],a.button.tertiary:active,a.button.tertiary.active,a.button.tertiary.active:hover,a.button.tertiary:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):disabled,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).disabled,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-disabled=true],a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):disabled,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)).disabled,a.button:where(:not(.primary,.secondary,.ghost,.close,.link))[aria-disabled=true],button.tertiary:disabled,button.tertiary.disabled,button.tertiary[aria-disabled=true],a.button.tertiary:disabled,a.button.tertiary.disabled,a.button.tertiary[aria-disabled=true]{background:var(--sg-form-control-bg-disabled)!important;color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):disabled::placeholder,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).disabled::placeholder,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-disabled=true]::placeholder,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):disabled::placeholder,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)).disabled::placeholder,a.button:where(:not(.primary,.secondary,.ghost,.close,.link))[aria-disabled=true]::placeholder,button.tertiary:disabled::placeholder,button.tertiary.disabled::placeholder,button.tertiary[aria-disabled=true]::placeholder,a.button.tertiary:disabled::placeholder,a.button.tertiary.disabled::placeholder,a.button.tertiary[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}button.primary,input[type=submit],button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip),input[type=submit]:not(.secondary,.ghost,.danger,.close,.link),a.button.primary{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:#007ac7;border-color:#007ac7;color:#fff;--color: #fff}button.primary:not(:disabled,.disabled,[aria-disabled]):hover,input[type=submit]:not(:disabled,.disabled,[aria-disabled]):hover,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):not(:disabled,.disabled,[aria-disabled]):hover,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):not(:disabled,.disabled,[aria-disabled]):hover,a.button.primary:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}button.primary[aria-selected=true],button.primary:active,button.primary.active,button.primary.active:hover,button.primary:active:hover,input[type=submit][aria-selected=true],input[type=submit]:active,input[type=submit].active,input[type=submit].active:hover,input[type=submit]:active:hover,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip)[aria-selected=true],button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):active,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip).active,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip).active:hover,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):active:hover,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link)[aria-selected=true],input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):active,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link).active,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link).active:hover,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):active:hover,a.button.primary[aria-selected=true],a.button.primary:active,a.button.primary.active,a.button.primary.active:hover,a.button.primary:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}button.primary:focus-visible,input[type=submit]:focus-visible,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):focus-visible,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):focus-visible,a.button.primary:focus-visible{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3!important}button.primary:disabled,button.primary.disabled,button.primary[aria-disabled=true],input[type=submit]:disabled,input[type=submit].disabled,input[type=submit][aria-disabled=true],button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):disabled,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip).disabled,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip)[aria-disabled=true],input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):disabled,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link).disabled,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link)[aria-disabled=true],a.button.primary:disabled,a.button.primary.disabled,a.button.primary[aria-disabled=true]{background:var(--form-control-primary-bg-disabled)!important;color:var(--text-primary-disabled-color)!important;border-color:var(--border-primary-disabled-color)!important;cursor:not-allowed}button.primary:disabled::placeholder,button.primary.disabled::placeholder,button.primary[aria-disabled=true]::placeholder,input[type=submit]:disabled::placeholder,input[type=submit].disabled::placeholder,input[type=submit][aria-disabled=true]::placeholder,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):disabled::placeholder,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip).disabled::placeholder,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip)[aria-disabled=true]::placeholder,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):disabled::placeholder,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link).disabled::placeholder,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link)[aria-disabled=true]::placeholder,a.button.primary:disabled::placeholder,a.button.primary.disabled::placeholder,a.button.primary[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}button.ghost,.button.ghost{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;border-color:#333;color:#333;--color: rgb(51, 51, 51)}button.ghost:not(:disabled,.disabled,[aria-disabled]):hover,.button.ghost:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333}button.ghost[aria-selected=true],button.ghost:active,button.ghost.active,button.ghost.active:hover,button.ghost:active:hover,.button.ghost[aria-selected=true],.button.ghost:active,.button.ghost.active,.button.ghost.active:hover,.button.ghost:active:hover{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333}button.ghost[aria-selected]:hover,button.ghost.active:hover,button.ghost:active:hover,.button.ghost[aria-selected]:hover,.button.ghost.active:hover,.button.ghost:active:hover{opacity:.9}button.ghost:focus-visible,.button.ghost:focus-visible{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333!important}button.ghost:disabled,button.ghost.disabled,button.ghost[aria-disabled=true],.button.ghost:disabled,.button.ghost.disabled,.button.ghost[aria-disabled=true]{color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}button.ghost:disabled::placeholder,button.ghost.disabled::placeholder,button.ghost[aria-disabled=true]::placeholder,.button.ghost:disabled::placeholder,.button.ghost.disabled::placeholder,.button.ghost[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}button.icon,.button.icon{background-color:transparent;border:.0625rem solid transparent;padding:.625rem;height:2.75rem;width:2.75rem;min-width:auto;--color: var(--gds-ref-pallet-base800)}.form-group button.icon,.form-group .button.icon{margin-top:-.625rem}button.icon.small,.button.icon.small{height:2rem;width:2rem;padding:.4375rem;line-height:1.125rem}button.icon svg,.button.icon svg{height:1rem;width:1rem}button.icon path,button.icon line,button.icon circle,button.icon rect,button.icon ellipse,button.icon polyline,button.icon text,.button.icon path,.button.icon line,.button.icon circle,.button.icon rect,.button.icon ellipse,.button.icon polyline,.button.icon text{fill:var(--gds-ref-pallet-base800);stroke:var(--gds-ref-pallet-base800);transition:all .3s cubic-bezier(.23,1,.32,1)}button.icon:hover,button.icon.highlighted,.button.icon:hover,.button.icon.highlighted{background-color:#0000001a;border-color:transparent}button.icon:active,button.icon.highlighted:hover,.button.icon:active,.button.icon.highlighted:hover{background-color:#0003;border-color:transparent}button.primary.danger,.button.primary.danger,button[type=submit].danger:not(.secondary,.ghost,.close,.link),input[type=submit].danger:not(.secondary,.ghost,.close,.link){background:#bb000c;border-color:#bb000c;color:#fff;--color: #fff;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s}button.primary.danger:not(:disabled,.disabled,[aria-disabled]):hover,.button.primary.danger:not(:disabled,.disabled,[aria-disabled]):hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link):not(:disabled,.disabled,[aria-disabled]):hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link):not(:disabled,.disabled,[aria-disabled]):hover{background-color:#d81a1a;color:#fff;--background: rgb(216, 26, 26);--color: rgb(255, 255, 255);border-color:#d81a1a}button.primary.danger[aria-selected=true],button.primary.danger:active,button.primary.danger.active,button.primary.danger.active:hover,button.primary.danger:active:hover,.button.primary.danger[aria-selected=true],.button.primary.danger:active,.button.primary.danger.active,.button.primary.danger.active:hover,.button.primary.danger:active:hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-selected=true],button[type=submit].danger:not(.secondary,.ghost,.close,.link):active,button[type=submit].danger:not(.secondary,.ghost,.close,.link).active,button[type=submit].danger:not(.secondary,.ghost,.close,.link).active:hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link):active:hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-selected=true],input[type=submit].danger:not(.secondary,.ghost,.close,.link):active,input[type=submit].danger:not(.secondary,.ghost,.close,.link).active,input[type=submit].danger:not(.secondary,.ghost,.close,.link).active:hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link):active:hover{background-color:#bb000c;color:#fff;--background: rgb(187, 0, 12);--color: rgb(255, 255, 255);border-color:#bb000c}button.primary.danger[aria-selected]:hover,button.primary.danger.active:hover,button.primary.danger:active:hover,.button.primary.danger[aria-selected]:hover,.button.primary.danger.active:hover,.button.primary.danger:active:hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-selected]:hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link).active:hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link):active:hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-selected]:hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link).active:hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link):active:hover{opacity:.9}button.primary.danger:focus:not(:focus-visible),.button.primary.danger:focus:not(:focus-visible),button[type=submit].danger:not(.secondary,.ghost,.close,.link):focus:not(:focus-visible),input[type=submit].danger:not(.secondary,.ghost,.close,.link):focus:not(:focus-visible){box-shadow:none;outline:0}button.primary.danger:focus,button.primary.danger:focus-visible,.button.primary.danger:focus,.button.primary.danger:focus-visible,button[type=submit].danger:not(.secondary,.ghost,.close,.link):focus,button[type=submit].danger:not(.secondary,.ghost,.close,.link):focus-visible,input[type=submit].danger:not(.secondary,.ghost,.close,.link):focus,input[type=submit].danger:not(.secondary,.ghost,.close,.link):focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}button.primary.danger:disabled,button.primary.danger.disabled,button.primary.danger[aria-disabled=true],.button.primary.danger:disabled,.button.primary.danger.disabled,.button.primary.danger[aria-disabled=true],button[type=submit].danger:not(.secondary,.ghost,.close,.link):disabled,button[type=submit].danger:not(.secondary,.ghost,.close,.link).disabled,button[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-disabled=true],input[type=submit].danger:not(.secondary,.ghost,.close,.link):disabled,input[type=submit].danger:not(.secondary,.ghost,.close,.link).disabled,input[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-disabled=true]{background:var(--form-control-primary-bg-disabled)!important;color:var(--text-primary-disabled-color)!important;border-color:var(--border-primary-disabled-color)!important;cursor:not-allowed}button.primary.danger:disabled::placeholder,button.primary.danger.disabled::placeholder,button.primary.danger[aria-disabled=true]::placeholder,.button.primary.danger:disabled::placeholder,.button.primary.danger.disabled::placeholder,.button.primary.danger[aria-disabled=true]::placeholder,button[type=submit].danger:not(.secondary,.ghost,.close,.link):disabled::placeholder,button[type=submit].danger:not(.secondary,.ghost,.close,.link).disabled::placeholder,button[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-disabled=true]::placeholder,input[type=submit].danger:not(.secondary,.ghost,.close,.link):disabled::placeholder,input[type=submit].danger:not(.secondary,.ghost,.close,.link).disabled::placeholder,input[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])),a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)),button.secondary.danger,a.button.secondary.danger,input.danger:is([type=button],[type=reset]),button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])),button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)){color:#bb000c;--color: rgb(187, 0, 12);border-color:transparent;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):not(:disabled,.disabled,[aria-disabled]):hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover,button.secondary.danger:not(:disabled,.disabled,[aria-disabled]):hover,a.button.secondary.danger:not(:disabled,.disabled,[aria-disabled]):hover,input.danger:is([type=button],[type=reset]):not(:disabled,.disabled,[aria-disabled]):hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):not(:disabled,.disabled,[aria-disabled]):hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover{background-color:#d81a1a;color:#fff;--background: rgb(216, 26, 26);--color: rgb(255, 255, 255);border-color:#d81a1a}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch]))[aria-selected=true],button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active:hover,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active:hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link))[aria-selected=true],a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):active,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)).active,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)).active:hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):active:hover,button.secondary.danger[aria-selected=true],button.secondary.danger:active,button.secondary.danger.active,button.secondary.danger.active:hover,button.secondary.danger:active:hover,a.button.secondary.danger[aria-selected=true],a.button.secondary.danger:active,a.button.secondary.danger.active,a.button.secondary.danger.active:hover,a.button.secondary.danger:active:hover,input.danger:is([type=button],[type=reset])[aria-selected=true],input.danger:is([type=button],[type=reset]):active,input.danger:is([type=button],[type=reset]).active,input.danger:is([type=button],[type=reset]).active:hover,input.danger:is([type=button],[type=reset]):active:hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu]))[aria-selected=true],button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):active,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])).active,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])).active:hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):active:hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-selected=true],button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active:hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active:hover{background-color:#bb000c;color:#fff;--background: rgb(187, 0, 12);--color: rgb(255, 255, 255);border-color:#bb000c}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch]))[aria-selected]:hover,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active:hover,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active:hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link))[aria-selected]:hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)).active:hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):active:hover,button.secondary.danger[aria-selected]:hover,button.secondary.danger.active:hover,button.secondary.danger:active:hover,a.button.secondary.danger[aria-selected]:hover,a.button.secondary.danger.active:hover,a.button.secondary.danger:active:hover,input.danger:is([type=button],[type=reset])[aria-selected]:hover,input.danger:is([type=button],[type=reset]).active:hover,input.danger:is([type=button],[type=reset]):active:hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu]))[aria-selected]:hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])).active:hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):active:hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-selected]:hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active:hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active:hover{opacity:.9}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus:not(:focus-visible),a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):focus:not(:focus-visible),button.secondary.danger:focus:not(:focus-visible),a.button.secondary.danger:focus:not(:focus-visible),input.danger:is([type=button],[type=reset]):focus:not(:focus-visible),button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):focus:not(:focus-visible),button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus:not(:focus-visible){box-shadow:none;outline:0}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus-visible,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):focus,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):focus-visible,button.secondary.danger:focus,button.secondary.danger:focus-visible,a.button.secondary.danger:focus,a.button.secondary.danger:focus-visible,input.danger:is([type=button],[type=reset]):focus,input.danger:is([type=button],[type=reset]):focus-visible,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):focus,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):focus-visible,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])),a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)),button.tertiary.danger,a.button.tertiary.danger{color:#bb000c;--color: rgb(187, 0, 12);border-color:transparent;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):not(:disabled,.disabled,[aria-disabled]):hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover,button.tertiary.danger:not(:disabled,.disabled,[aria-disabled]):hover,a.button.tertiary.danger:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#d81a1a;color:#fff;--background: rgb(216, 26, 26);--color: rgb(255, 255, 255);border-color:#d81a1a}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch]))[aria-selected=true],button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active:hover,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active:hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link))[aria-selected=true],a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):active,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)).active,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)).active:hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):active:hover,button.tertiary.danger[aria-selected=true],button.tertiary.danger:active,button.tertiary.danger.active,button.tertiary.danger.active:hover,button.tertiary.danger:active:hover,a.button.tertiary.danger[aria-selected=true],a.button.tertiary.danger:active,a.button.tertiary.danger.active,a.button.tertiary.danger.active:hover,a.button.tertiary.danger:active:hover{background-color:#bb000c;color:#fff;--background: rgb(187, 0, 12);--color: rgb(255, 255, 255);border-color:#bb000c}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch]))[aria-selected]:hover,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active:hover,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active:hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link))[aria-selected]:hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)).active:hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):active:hover,button.tertiary.danger[aria-selected]:hover,button.tertiary.danger.active:hover,button.tertiary.danger:active:hover,a.button.tertiary.danger[aria-selected]:hover,a.button.tertiary.danger.active:hover,a.button.tertiary.danger:active:hover{opacity:.9}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus:not(:focus-visible),a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):focus:not(:focus-visible),button.tertiary.danger:focus:not(:focus-visible),a.button.tertiary.danger:focus:not(:focus-visible){box-shadow:none;outline:0}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus-visible,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):focus,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):focus-visible,button.tertiary.danger:focus,button.tertiary.danger:focus-visible,a.button.tertiary.danger:focus,a.button.tertiary.danger:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host{inset:0;position:fixed;display:grid;place-content:center;z-index:calc(var(--sg-z-index-modal-backdrop) + 1)}:host .sdv-modal-dialog__container{background:var(--sg-modal-background);display:flex;flex-direction:column;box-shadow:var(--sg-modal-box-shadow);position:absolute;width:100%;z-index:var(--sg-z-index-modal);position:initial;width:375px;max-width:95vw}:host .sdv-modal-dialog__container>.header,:host .sdv-modal-dialog__container>header{padding:1rem;border-bottom:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);display:inline-flex;justify-content:space-between;align-items:center;width:100%}:host .sdv-modal-dialog__container>.header h3,:host .sdv-modal-dialog__container>.header .h3,:host .sdv-modal-dialog__container>header h3,:host .sdv-modal-dialog__container>header .h3{margin-bottom:0;margin-top:0}:host .sdv-modal-dialog__container>.header h3+.close,:host .sdv-modal-dialog__container>.header .h3+.close,:host .sdv-modal-dialog__container>header h3+.close,:host .sdv-modal-dialog__container>header .h3+.close{margin:-7px;min-width:2rem}:host .sdv-modal-dialog__container>.body{padding:1rem;overflow:auto;width:100%}:host .sdv-modal-dialog__container>.body p{margin-bottom:0;margin-top:0}:host .sdv-modal-dialog__container>.footer,:host .sdv-modal-dialog__container>footer{padding:1rem;width:100%}@media (min-width: 36em){:host .sdv-modal-dialog__container>.footer,:host .sdv-modal-dialog__container>footer{display:flex;justify-content:flex-end}}@media (max-width: 35.98em){:host .sdv-modal-dialog__container>.footer button+button,:host .sdv-modal-dialog__container>.footer button+.button,:host .sdv-modal-dialog__container>.footer .button+button,:host .sdv-modal-dialog__container>.footer .button+.button,:host .sdv-modal-dialog__container>footer button+button,:host .sdv-modal-dialog__container>footer button+.button,:host .sdv-modal-dialog__container>footer .button+button,:host .sdv-modal-dialog__container>footer .button+.button{margin-top:.75rem}}@media (min-width: 36em){:host .sdv-modal-dialog__container>.footer button+button,:host .sdv-modal-dialog__container>.footer button+.button,:host .sdv-modal-dialog__container>.footer .button+button,:host .sdv-modal-dialog__container>.footer .button+.button,:host .sdv-modal-dialog__container>footer button+button,:host .sdv-modal-dialog__container>footer button+.button,:host .sdv-modal-dialog__container>footer .button+button,:host .sdv-modal-dialog__container>footer .button+.button{margin-left:.75rem}}:host .sdv-modal-dialog__container.medium{width:512px}:host .sdv-modal-dialog__container.large{width:720px}:host .modal-dialog__heading{box-sizing:border-box;padding:1rem;border-bottom:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);display:inline-flex;justify-content:space-between;align-items:center;width:100%}:host .modal-dialog__heading h3,:host .modal-dialog__heading .h3{margin-bottom:0;margin-top:0}:host .modal-dialog__heading h3+.close,:host .modal-dialog__heading .h3+.close{margin:-7px;min-width:2rem}:host .modal-dialog__heading button{display:grid;place-content:center}:host .modal-dialog__body{padding:1rem;overflow:auto;width:100%}:host .modal-dialog__body p{margin-bottom:0;margin-top:0}:host .modal-dialog__actions,:host .modal-dialog__heading,:host .modal-dialog__body{box-sizing:border-box}:host .sdv-modal-backdrop{background:#00000059;inset:0;position:fixed;z-index:999;display:block;transition:opacity .5s cubic-bezier(.33,1,.68,1)}:host .sdv-modal-backdrop--transparent{opacity:0}:host .sdv-modal-backdrop--transparent.entered,:host .sdv-modal-backdrop--transparent.is-entering{opacity:1}:host .sdv-modal-backdrop--transparent.is-exiting{opacity:0}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "directive", type: i3$3.NggCoreElementDirective, selector: "[nggCoreElement]" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nggv-dialog', exportAs: 'dialog', template: "<div\n  class=\"sdv-modal-dialog__container\"\n  *transloco=\"let t\"\n  #dialog\n  role=\"dialog\"\n  aria-dialog=\"true\"\n  [attr.aria-labelledby]=\"dialogTitleId\"\n  [attr.aria-describedby]=\"dialogBodyId\"\n>\n  <header class=\"sdv-modal-dialog__heading\">\n    <h3 [attr.id]=\"dialogTitleId\">{{ t(heading || title || '') }}</h3>\n    <button\n      type=\"button\"\n      data-thook=\"dialog-close\"\n      (click)=\"onAction($event, 'close')\"\n      (keydown.enter)=\"onAction($event, 'close')\"\n      class=\"close\"\n    >\n      <gds-icon-cross-small\n        *nggCoreElement\n        width=\"24\"\n        height=\"24\"\n      ></gds-icon-cross-small>\n    </button>\n  </header>\n  <section class=\"sdv-modal-dialog__body\" [attr.id]=\"dialogBodyId\">\n    <div [innerHtml]=\"content\"></div>\n    <ng-content></ng-content>\n  </section>\n  <footer class=\"sdv-modal-dialog__actions\">\n    <button\n      class=\"sdv-button sdv-button-delete\"\n      type=\"reset\"\n      [attr.data-thook]=\"'dialog-' + (_buttons?.negative || 'negative')\"\n      (click)=\"onAction($event, 'negative')\"\n      (keydown.enter)=\"onAction($event, 'negative')\"\n      *ngIf=\"_buttons && _buttons.negative\"\n    >\n      {{ t(_buttons.negative) }}\n    </button>\n    <button\n      class=\"sdv-button sdv-button-secondary\"\n      type=\"button\"\n      [attr.data-thook]=\"'dialog-' + (_buttons?.neutral || 'neutral')\"\n      (click)=\"onAction($event, 'neutral')\"\n      (keydown.enter)=\"onAction($event, 'neutral')\"\n      *ngIf=\"_buttons && _buttons.neutral\"\n    >\n      {{ t(_buttons.neutral) }}\n    </button>\n    <button\n      class=\"sdv-button\"\n      type=\"submit\"\n      [attr.data-thook]=\"'dialog-' + (_buttons?.positive || 'positive')\"\n      (click)=\"onAction($event, 'positive')\"\n      (keydown.enter)=\"onAction($event, 'positive')\"\n      *ngIf=\"_buttons && _buttons.positive\"\n    >\n      {{ t(_buttons.positive) }}\n    </button>\n  </footer>\n</div>\n\n<div class=\"sdv-modal-backdrop\"></div>\n", styles: [":host{inset:0;position:fixed;display:grid;place-content:center;z-index:calc(var(--sg-z-index-modal-backdrop) + 1)}:host .sdv-modal-dialog__container{background:var(--sg-modal-background);display:flex;flex-direction:column;box-shadow:var(--sg-modal-box-shadow);position:absolute;width:100%;z-index:var(--sg-z-index-modal);position:initial;width:375px;max-width:95vw}:host .sdv-modal-dialog__container>.header,:host .sdv-modal-dialog__container>header{padding:1rem;border-bottom:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);display:inline-flex;justify-content:space-between;align-items:center;width:100%}:host .sdv-modal-dialog__container>.header h3,:host .sdv-modal-dialog__container>.header .h3,:host .sdv-modal-dialog__container>header h3,:host .sdv-modal-dialog__container>header .h3{margin-bottom:0;margin-top:0}:host .sdv-modal-dialog__container>.header h3+.close,:host .sdv-modal-dialog__container>.header .h3+.close,:host .sdv-modal-dialog__container>header h3+.close,:host .sdv-modal-dialog__container>header .h3+.close{margin:-7px;min-width:2rem}:host .sdv-modal-dialog__container>.body{padding:1rem;overflow:auto;width:100%}:host .sdv-modal-dialog__container>.body p{margin-bottom:0;margin-top:0}:host .sdv-modal-dialog__container>.footer,:host .sdv-modal-dialog__container>footer{padding:1rem;width:100%}@media (min-width: 36em){:host .sdv-modal-dialog__container>.footer,:host .sdv-modal-dialog__container>footer{display:flex;justify-content:flex-end}}@media (max-width: 35.98em){:host .sdv-modal-dialog__container>.footer button+button,:host .sdv-modal-dialog__container>.footer button+.button,:host .sdv-modal-dialog__container>.footer .button+button,:host .sdv-modal-dialog__container>.footer .button+.button,:host .sdv-modal-dialog__container>footer button+button,:host .sdv-modal-dialog__container>footer button+.button,:host .sdv-modal-dialog__container>footer .button+button,:host .sdv-modal-dialog__container>footer .button+.button{margin-top:.75rem}}@media (min-width: 36em){:host .sdv-modal-dialog__container>.footer button+button,:host .sdv-modal-dialog__container>.footer button+.button,:host .sdv-modal-dialog__container>.footer .button+button,:host .sdv-modal-dialog__container>.footer .button+.button,:host .sdv-modal-dialog__container>footer button+button,:host .sdv-modal-dialog__container>footer button+.button,:host .sdv-modal-dialog__container>footer .button+button,:host .sdv-modal-dialog__container>footer .button+.button{margin-left:.75rem}}:host .sdv-modal-dialog__container.medium{width:512px}:host .sdv-modal-dialog__container.large{width:720px}:host .sdv-modal-dialog__heading{padding:1rem;border-bottom:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);display:inline-flex;justify-content:space-between;align-items:center;width:100%}:host .sdv-modal-dialog__heading h3,:host .sdv-modal-dialog__heading .h3{margin-bottom:0;margin-top:0}:host .sdv-modal-dialog__heading h3+.close,:host .sdv-modal-dialog__heading .h3+.close{margin:-7px;min-width:2rem}:host .sdv-modal-dialog__heading button{display:grid;place-content:center}:host .sdv-modal-dialog__body{padding:1rem;overflow:auto;width:100%}:host .sdv-modal-dialog__body p{margin-bottom:0;margin-top:0}:host .sdv-modal-backdrop{background:#00000059;inset:0;position:fixed;z-index:999;display:block;transition:opacity .5s cubic-bezier(.33,1,.68,1)}:host .sdv-modal-backdrop--transparent{opacity:0}:host .sdv-modal-backdrop--transparent.entered,:host .sdv-modal-backdrop--transparent.is-entering{opacity:1}:host .sdv-modal-backdrop--transparent.is-exiting{opacity:0}\n"] }]
+            args: [{ selector: 'nggv-dialog', exportAs: 'dialog', template: "<div\n  class=\"sdv-modal-dialog__container\"\n  *transloco=\"let t\"\n  #dialog\n  role=\"dialog\"\n  aria-dialog=\"true\"\n  [attr.aria-labelledby]=\"dialogTitleId\"\n  [attr.aria-describedby]=\"dialogBodyId\"\n>\n  <header class=\"modal-dialog__heading\">\n    <h3 [attr.id]=\"dialogTitleId\">{{ t(heading || title || '') }}</h3>\n    <button\n      type=\"button\"\n      data-thook=\"dialog-close\"\n      (click)=\"onAction($event, 'close')\"\n      (keydown.enter)=\"onAction($event, 'close')\"\n      class=\"close\"\n    >\n      <gds-icon-cross-small\n        *nggCoreElement\n        width=\"24\"\n        height=\"24\"\n      ></gds-icon-cross-small>\n    </button>\n  </header>\n  <section class=\"modal-dialog__body\" [attr.id]=\"dialogBodyId\">\n    <div [innerHtml]=\"content\"></div>\n    <ng-content></ng-content>\n  </section>\n  <footer class=\"modal-dialog__actions\">\n    <button\n      class=\"danger\"\n      type=\"reset\"\n      [attr.data-thook]=\"'dialog-' + (_buttons?.negative || 'negative')\"\n      (click)=\"onAction($event, 'negative')\"\n      (keydown.enter)=\"onAction($event, 'negative')\"\n      *ngIf=\"_buttons && _buttons.negative\"\n    >\n      {{ t(_buttons.negative) }}\n    </button>\n    <button\n      class=\"secondary\"\n      type=\"button\"\n      [attr.data-thook]=\"'dialog-' + (_buttons?.neutral || 'neutral')\"\n      (click)=\"onAction($event, 'neutral')\"\n      (keydown.enter)=\"onAction($event, 'neutral')\"\n      *ngIf=\"_buttons && _buttons.neutral\"\n    >\n      {{ t(_buttons.neutral) }}\n    </button>\n    <button\n      class=\"submit\"\n      type=\"submit\"\n      [attr.data-thook]=\"'dialog-' + (_buttons?.positive || 'positive')\"\n      (click)=\"onAction($event, 'positive')\"\n      (keydown.enter)=\"onAction($event, 'positive')\"\n      *ngIf=\"_buttons && _buttons.positive\"\n    >\n      {{ t(_buttons.positive) }}\n    </button>\n  </footer>\n</div>\n\n<div class=\"sdv-modal-backdrop\"></div>\n", styles: ["button,input[type=button],input[type=submit],input[type=reset],.button,.gds-filter-chip{background-color:transparent;border:0;cursor:pointer;font-family:inherit;padding:0}button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)),input:where([type=button],[type=submit],[type=reset]),.button{padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);font-weight:500;min-height:2.75rem;align-items:center;display:inline-flex;justify-content:center}button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus:not(:focus-visible),input:where([type=button],[type=submit],[type=reset]):focus:not(:focus-visible),.button:focus:not(:focus-visible){box-shadow:none;outline:0}button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus,button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus-visible,input:where([type=button],[type=submit],[type=reset]):focus,input:where([type=button],[type=submit],[type=reset]):focus-visible,.button:focus,.button:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}@media (max-width: 35.98em){button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)),input:where([type=button],[type=submit],[type=reset]),.button{min-width:100%}}@media screen and (-ms-high-contrast: active){button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)),input:where([type=button],[type=submit],[type=reset]),.button{border:2px solid currentcolor}}button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).small,input:where([type=button],[type=submit],[type=reset]).small,.button.small{min-height:2rem;padding:.4375rem .75rem;line-height:1rem}button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).large,input:where([type=button],[type=submit],[type=reset]).large,.button.large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)),a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)),button.secondary,a.button.secondary,input:is([type=button],[type=reset]),button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])),button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)){transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:transparent;border-color:#007ac7;color:#007ac7;--color: rgb(0, 122, 199)}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus:not(:focus-visible),a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus:not(:focus-visible),button.secondary:focus:not(:focus-visible),a.button.secondary:focus:not(:focus-visible),input:is([type=button],[type=reset]):focus:not(:focus-visible),button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):focus:not(:focus-visible),button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus:not(:focus-visible){box-shadow:none;outline:0}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus-visible,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus-visible,button.secondary:focus,button.secondary:focus-visible,a.button.secondary:focus,a.button.secondary:focus-visible,input:is([type=button],[type=reset]):focus,input:is([type=button],[type=reset]):focus-visible,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):focus,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):focus-visible,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):not(:disabled,.disabled,[aria-disabled]):hover,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover,button.secondary:not(:disabled,.disabled,[aria-disabled]):hover,a.button.secondary:not(:disabled,.disabled,[aria-disabled]):hover,input:is([type=button],[type=reset]):not(:disabled,.disabled,[aria-disabled]):hover,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):not(:disabled,.disabled,[aria-disabled]):hover,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-selected=true],button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):active,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).active,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).active:hover,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):active:hover,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-selected=true],a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active:hover,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active:hover,button.secondary[aria-selected=true],button.secondary:active,button.secondary.active,button.secondary.active:hover,button.secondary:active:hover,a.button.secondary[aria-selected=true],a.button.secondary:active,a.button.secondary.active,a.button.secondary.active:hover,a.button.secondary:active:hover,input:is([type=button],[type=reset])[aria-selected=true],input:is([type=button],[type=reset]):active,input:is([type=button],[type=reset]).active,input:is([type=button],[type=reset]).active:hover,input:is([type=button],[type=reset]):active:hover,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu]))[aria-selected=true],button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):active,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])).active,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])).active:hover,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):active:hover,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-selected=true],button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active:hover,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):disabled,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).disabled,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-disabled=true],a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):disabled,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).disabled,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-disabled=true],button.secondary:disabled,button.secondary.disabled,button.secondary[aria-disabled=true],a.button.secondary:disabled,a.button.secondary.disabled,a.button.secondary[aria-disabled=true],input:is([type=button],[type=reset]):disabled,input:is([type=button],[type=reset]).disabled,input:is([type=button],[type=reset])[aria-disabled=true],button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):disabled,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])).disabled,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu]))[aria-disabled=true],button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):disabled,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).disabled,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-disabled=true]{background:var(--sg-form-control-bg-disabled)!important;color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):disabled::placeholder,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).disabled::placeholder,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-disabled=true]::placeholder,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):disabled::placeholder,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).disabled::placeholder,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-disabled=true]::placeholder,button.secondary:disabled::placeholder,button.secondary.disabled::placeholder,button.secondary[aria-disabled=true]::placeholder,a.button.secondary:disabled::placeholder,a.button.secondary.disabled::placeholder,a.button.secondary[aria-disabled=true]::placeholder,input:is([type=button],[type=reset]):disabled::placeholder,input:is([type=button],[type=reset]).disabled::placeholder,input:is([type=button],[type=reset])[aria-disabled=true]::placeholder,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):disabled::placeholder,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])).disabled::placeholder,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu]))[aria-disabled=true]::placeholder,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):disabled::placeholder,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).disabled::placeholder,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)),a.button:where(:not(.primary,.secondary,.ghost,.close,.link)),button.tertiary,a.button.tertiary{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:transparent;border-color:transparent;color:#007ac7;--color: rgb(0, 122, 199)}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus:not(:focus-visible),a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):focus:not(:focus-visible),button.tertiary:focus:not(:focus-visible),a.button.tertiary:focus:not(:focus-visible){box-shadow:none;outline:0}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus-visible,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):focus,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):focus-visible,button.tertiary:focus,button.tertiary:focus-visible,a.button.tertiary:focus,a.button.tertiary:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):not(:disabled,.disabled,[aria-disabled]):hover,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover,button.tertiary:not(:disabled,.disabled,[aria-disabled]):hover,a.button.tertiary:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-selected=true],button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):active,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).active,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).active:hover,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):active:hover,a.button:where(:not(.primary,.secondary,.ghost,.close,.link))[aria-selected=true],a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):active,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)).active,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)).active:hover,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):active:hover,button.tertiary[aria-selected=true],button.tertiary:active,button.tertiary.active,button.tertiary.active:hover,button.tertiary:active:hover,a.button.tertiary[aria-selected=true],a.button.tertiary:active,a.button.tertiary.active,a.button.tertiary.active:hover,a.button.tertiary:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):disabled,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).disabled,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-disabled=true],a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):disabled,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)).disabled,a.button:where(:not(.primary,.secondary,.ghost,.close,.link))[aria-disabled=true],button.tertiary:disabled,button.tertiary.disabled,button.tertiary[aria-disabled=true],a.button.tertiary:disabled,a.button.tertiary.disabled,a.button.tertiary[aria-disabled=true]{background:var(--sg-form-control-bg-disabled)!important;color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):disabled::placeholder,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).disabled::placeholder,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-disabled=true]::placeholder,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):disabled::placeholder,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)).disabled::placeholder,a.button:where(:not(.primary,.secondary,.ghost,.close,.link))[aria-disabled=true]::placeholder,button.tertiary:disabled::placeholder,button.tertiary.disabled::placeholder,button.tertiary[aria-disabled=true]::placeholder,a.button.tertiary:disabled::placeholder,a.button.tertiary.disabled::placeholder,a.button.tertiary[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}button.primary,input[type=submit],button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip),input[type=submit]:not(.secondary,.ghost,.danger,.close,.link),a.button.primary{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:#007ac7;border-color:#007ac7;color:#fff;--color: #fff}button.primary:not(:disabled,.disabled,[aria-disabled]):hover,input[type=submit]:not(:disabled,.disabled,[aria-disabled]):hover,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):not(:disabled,.disabled,[aria-disabled]):hover,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):not(:disabled,.disabled,[aria-disabled]):hover,a.button.primary:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}button.primary[aria-selected=true],button.primary:active,button.primary.active,button.primary.active:hover,button.primary:active:hover,input[type=submit][aria-selected=true],input[type=submit]:active,input[type=submit].active,input[type=submit].active:hover,input[type=submit]:active:hover,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip)[aria-selected=true],button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):active,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip).active,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip).active:hover,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):active:hover,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link)[aria-selected=true],input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):active,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link).active,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link).active:hover,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):active:hover,a.button.primary[aria-selected=true],a.button.primary:active,a.button.primary.active,a.button.primary.active:hover,a.button.primary:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}button.primary:focus-visible,input[type=submit]:focus-visible,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):focus-visible,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):focus-visible,a.button.primary:focus-visible{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3!important}button.primary:disabled,button.primary.disabled,button.primary[aria-disabled=true],input[type=submit]:disabled,input[type=submit].disabled,input[type=submit][aria-disabled=true],button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):disabled,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip).disabled,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip)[aria-disabled=true],input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):disabled,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link).disabled,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link)[aria-disabled=true],a.button.primary:disabled,a.button.primary.disabled,a.button.primary[aria-disabled=true]{background:var(--form-control-primary-bg-disabled)!important;color:var(--text-primary-disabled-color)!important;border-color:var(--border-primary-disabled-color)!important;cursor:not-allowed}button.primary:disabled::placeholder,button.primary.disabled::placeholder,button.primary[aria-disabled=true]::placeholder,input[type=submit]:disabled::placeholder,input[type=submit].disabled::placeholder,input[type=submit][aria-disabled=true]::placeholder,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):disabled::placeholder,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip).disabled::placeholder,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip)[aria-disabled=true]::placeholder,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):disabled::placeholder,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link).disabled::placeholder,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link)[aria-disabled=true]::placeholder,a.button.primary:disabled::placeholder,a.button.primary.disabled::placeholder,a.button.primary[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}button.ghost,.button.ghost{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;border-color:#333;color:#333;--color: rgb(51, 51, 51)}button.ghost:not(:disabled,.disabled,[aria-disabled]):hover,.button.ghost:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333}button.ghost[aria-selected=true],button.ghost:active,button.ghost.active,button.ghost.active:hover,button.ghost:active:hover,.button.ghost[aria-selected=true],.button.ghost:active,.button.ghost.active,.button.ghost.active:hover,.button.ghost:active:hover{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333}button.ghost[aria-selected]:hover,button.ghost.active:hover,button.ghost:active:hover,.button.ghost[aria-selected]:hover,.button.ghost.active:hover,.button.ghost:active:hover{opacity:.9}button.ghost:focus-visible,.button.ghost:focus-visible{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333!important}button.ghost:disabled,button.ghost.disabled,button.ghost[aria-disabled=true],.button.ghost:disabled,.button.ghost.disabled,.button.ghost[aria-disabled=true]{color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}button.ghost:disabled::placeholder,button.ghost.disabled::placeholder,button.ghost[aria-disabled=true]::placeholder,.button.ghost:disabled::placeholder,.button.ghost.disabled::placeholder,.button.ghost[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}button.icon,.button.icon{background-color:transparent;border:.0625rem solid transparent;padding:.625rem;height:2.75rem;width:2.75rem;min-width:auto;--color: var(--gds-ref-pallet-base800)}.form-group button.icon,.form-group .button.icon{margin-top:-.625rem}button.icon.small,.button.icon.small{height:2rem;width:2rem;padding:.4375rem;line-height:1.125rem}button.icon svg,.button.icon svg{height:1rem;width:1rem}button.icon path,button.icon line,button.icon circle,button.icon rect,button.icon ellipse,button.icon polyline,button.icon text,.button.icon path,.button.icon line,.button.icon circle,.button.icon rect,.button.icon ellipse,.button.icon polyline,.button.icon text{fill:var(--gds-ref-pallet-base800);stroke:var(--gds-ref-pallet-base800);transition:all .3s cubic-bezier(.23,1,.32,1)}button.icon:hover,button.icon.highlighted,.button.icon:hover,.button.icon.highlighted{background-color:#0000001a;border-color:transparent}button.icon:active,button.icon.highlighted:hover,.button.icon:active,.button.icon.highlighted:hover{background-color:#0003;border-color:transparent}button.primary.danger,.button.primary.danger,button[type=submit].danger:not(.secondary,.ghost,.close,.link),input[type=submit].danger:not(.secondary,.ghost,.close,.link){background:#bb000c;border-color:#bb000c;color:#fff;--color: #fff;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s}button.primary.danger:not(:disabled,.disabled,[aria-disabled]):hover,.button.primary.danger:not(:disabled,.disabled,[aria-disabled]):hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link):not(:disabled,.disabled,[aria-disabled]):hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link):not(:disabled,.disabled,[aria-disabled]):hover{background-color:#d81a1a;color:#fff;--background: rgb(216, 26, 26);--color: rgb(255, 255, 255);border-color:#d81a1a}button.primary.danger[aria-selected=true],button.primary.danger:active,button.primary.danger.active,button.primary.danger.active:hover,button.primary.danger:active:hover,.button.primary.danger[aria-selected=true],.button.primary.danger:active,.button.primary.danger.active,.button.primary.danger.active:hover,.button.primary.danger:active:hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-selected=true],button[type=submit].danger:not(.secondary,.ghost,.close,.link):active,button[type=submit].danger:not(.secondary,.ghost,.close,.link).active,button[type=submit].danger:not(.secondary,.ghost,.close,.link).active:hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link):active:hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-selected=true],input[type=submit].danger:not(.secondary,.ghost,.close,.link):active,input[type=submit].danger:not(.secondary,.ghost,.close,.link).active,input[type=submit].danger:not(.secondary,.ghost,.close,.link).active:hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link):active:hover{background-color:#bb000c;color:#fff;--background: rgb(187, 0, 12);--color: rgb(255, 255, 255);border-color:#bb000c}button.primary.danger[aria-selected]:hover,button.primary.danger.active:hover,button.primary.danger:active:hover,.button.primary.danger[aria-selected]:hover,.button.primary.danger.active:hover,.button.primary.danger:active:hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-selected]:hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link).active:hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link):active:hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-selected]:hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link).active:hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link):active:hover{opacity:.9}button.primary.danger:focus:not(:focus-visible),.button.primary.danger:focus:not(:focus-visible),button[type=submit].danger:not(.secondary,.ghost,.close,.link):focus:not(:focus-visible),input[type=submit].danger:not(.secondary,.ghost,.close,.link):focus:not(:focus-visible){box-shadow:none;outline:0}button.primary.danger:focus,button.primary.danger:focus-visible,.button.primary.danger:focus,.button.primary.danger:focus-visible,button[type=submit].danger:not(.secondary,.ghost,.close,.link):focus,button[type=submit].danger:not(.secondary,.ghost,.close,.link):focus-visible,input[type=submit].danger:not(.secondary,.ghost,.close,.link):focus,input[type=submit].danger:not(.secondary,.ghost,.close,.link):focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}button.primary.danger:disabled,button.primary.danger.disabled,button.primary.danger[aria-disabled=true],.button.primary.danger:disabled,.button.primary.danger.disabled,.button.primary.danger[aria-disabled=true],button[type=submit].danger:not(.secondary,.ghost,.close,.link):disabled,button[type=submit].danger:not(.secondary,.ghost,.close,.link).disabled,button[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-disabled=true],input[type=submit].danger:not(.secondary,.ghost,.close,.link):disabled,input[type=submit].danger:not(.secondary,.ghost,.close,.link).disabled,input[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-disabled=true]{background:var(--form-control-primary-bg-disabled)!important;color:var(--text-primary-disabled-color)!important;border-color:var(--border-primary-disabled-color)!important;cursor:not-allowed}button.primary.danger:disabled::placeholder,button.primary.danger.disabled::placeholder,button.primary.danger[aria-disabled=true]::placeholder,.button.primary.danger:disabled::placeholder,.button.primary.danger.disabled::placeholder,.button.primary.danger[aria-disabled=true]::placeholder,button[type=submit].danger:not(.secondary,.ghost,.close,.link):disabled::placeholder,button[type=submit].danger:not(.secondary,.ghost,.close,.link).disabled::placeholder,button[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-disabled=true]::placeholder,input[type=submit].danger:not(.secondary,.ghost,.close,.link):disabled::placeholder,input[type=submit].danger:not(.secondary,.ghost,.close,.link).disabled::placeholder,input[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])),a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)),button.secondary.danger,a.button.secondary.danger,input.danger:is([type=button],[type=reset]),button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])),button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)){color:#bb000c;--color: rgb(187, 0, 12);border-color:transparent;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):not(:disabled,.disabled,[aria-disabled]):hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover,button.secondary.danger:not(:disabled,.disabled,[aria-disabled]):hover,a.button.secondary.danger:not(:disabled,.disabled,[aria-disabled]):hover,input.danger:is([type=button],[type=reset]):not(:disabled,.disabled,[aria-disabled]):hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):not(:disabled,.disabled,[aria-disabled]):hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover{background-color:#d81a1a;color:#fff;--background: rgb(216, 26, 26);--color: rgb(255, 255, 255);border-color:#d81a1a}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch]))[aria-selected=true],button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active:hover,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active:hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link))[aria-selected=true],a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):active,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)).active,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)).active:hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):active:hover,button.secondary.danger[aria-selected=true],button.secondary.danger:active,button.secondary.danger.active,button.secondary.danger.active:hover,button.secondary.danger:active:hover,a.button.secondary.danger[aria-selected=true],a.button.secondary.danger:active,a.button.secondary.danger.active,a.button.secondary.danger.active:hover,a.button.secondary.danger:active:hover,input.danger:is([type=button],[type=reset])[aria-selected=true],input.danger:is([type=button],[type=reset]):active,input.danger:is([type=button],[type=reset]).active,input.danger:is([type=button],[type=reset]).active:hover,input.danger:is([type=button],[type=reset]):active:hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu]))[aria-selected=true],button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):active,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])).active,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])).active:hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):active:hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-selected=true],button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active:hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active:hover{background-color:#bb000c;color:#fff;--background: rgb(187, 0, 12);--color: rgb(255, 255, 255);border-color:#bb000c}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch]))[aria-selected]:hover,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active:hover,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active:hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link))[aria-selected]:hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)).active:hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):active:hover,button.secondary.danger[aria-selected]:hover,button.secondary.danger.active:hover,button.secondary.danger:active:hover,a.button.secondary.danger[aria-selected]:hover,a.button.secondary.danger.active:hover,a.button.secondary.danger:active:hover,input.danger:is([type=button],[type=reset])[aria-selected]:hover,input.danger:is([type=button],[type=reset]).active:hover,input.danger:is([type=button],[type=reset]):active:hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu]))[aria-selected]:hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])).active:hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):active:hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-selected]:hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active:hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active:hover{opacity:.9}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus:not(:focus-visible),a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):focus:not(:focus-visible),button.secondary.danger:focus:not(:focus-visible),a.button.secondary.danger:focus:not(:focus-visible),input.danger:is([type=button],[type=reset]):focus:not(:focus-visible),button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):focus:not(:focus-visible),button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus:not(:focus-visible){box-shadow:none;outline:0}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus-visible,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):focus,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):focus-visible,button.secondary.danger:focus,button.secondary.danger:focus-visible,a.button.secondary.danger:focus,a.button.secondary.danger:focus-visible,input.danger:is([type=button],[type=reset]):focus,input.danger:is([type=button],[type=reset]):focus-visible,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):focus,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):focus-visible,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])),a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)),button.tertiary.danger,a.button.tertiary.danger{color:#bb000c;--color: rgb(187, 0, 12);border-color:transparent;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):not(:disabled,.disabled,[aria-disabled]):hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover,button.tertiary.danger:not(:disabled,.disabled,[aria-disabled]):hover,a.button.tertiary.danger:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#d81a1a;color:#fff;--background: rgb(216, 26, 26);--color: rgb(255, 255, 255);border-color:#d81a1a}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch]))[aria-selected=true],button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active:hover,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active:hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link))[aria-selected=true],a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):active,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)).active,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)).active:hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):active:hover,button.tertiary.danger[aria-selected=true],button.tertiary.danger:active,button.tertiary.danger.active,button.tertiary.danger.active:hover,button.tertiary.danger:active:hover,a.button.tertiary.danger[aria-selected=true],a.button.tertiary.danger:active,a.button.tertiary.danger.active,a.button.tertiary.danger.active:hover,a.button.tertiary.danger:active:hover{background-color:#bb000c;color:#fff;--background: rgb(187, 0, 12);--color: rgb(255, 255, 255);border-color:#bb000c}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch]))[aria-selected]:hover,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active:hover,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active:hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link))[aria-selected]:hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)).active:hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):active:hover,button.tertiary.danger[aria-selected]:hover,button.tertiary.danger.active:hover,button.tertiary.danger:active:hover,a.button.tertiary.danger[aria-selected]:hover,a.button.tertiary.danger.active:hover,a.button.tertiary.danger:active:hover{opacity:.9}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus:not(:focus-visible),a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):focus:not(:focus-visible),button.tertiary.danger:focus:not(:focus-visible),a.button.tertiary.danger:focus:not(:focus-visible){box-shadow:none;outline:0}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus-visible,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):focus,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):focus-visible,button.tertiary.danger:focus,button.tertiary.danger:focus-visible,a.button.tertiary.danger:focus,a.button.tertiary.danger:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host{inset:0;position:fixed;display:grid;place-content:center;z-index:calc(var(--sg-z-index-modal-backdrop) + 1)}:host .sdv-modal-dialog__container{background:var(--sg-modal-background);display:flex;flex-direction:column;box-shadow:var(--sg-modal-box-shadow);position:absolute;width:100%;z-index:var(--sg-z-index-modal);position:initial;width:375px;max-width:95vw}:host .sdv-modal-dialog__container>.header,:host .sdv-modal-dialog__container>header{padding:1rem;border-bottom:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);display:inline-flex;justify-content:space-between;align-items:center;width:100%}:host .sdv-modal-dialog__container>.header h3,:host .sdv-modal-dialog__container>.header .h3,:host .sdv-modal-dialog__container>header h3,:host .sdv-modal-dialog__container>header .h3{margin-bottom:0;margin-top:0}:host .sdv-modal-dialog__container>.header h3+.close,:host .sdv-modal-dialog__container>.header .h3+.close,:host .sdv-modal-dialog__container>header h3+.close,:host .sdv-modal-dialog__container>header .h3+.close{margin:-7px;min-width:2rem}:host .sdv-modal-dialog__container>.body{padding:1rem;overflow:auto;width:100%}:host .sdv-modal-dialog__container>.body p{margin-bottom:0;margin-top:0}:host .sdv-modal-dialog__container>.footer,:host .sdv-modal-dialog__container>footer{padding:1rem;width:100%}@media (min-width: 36em){:host .sdv-modal-dialog__container>.footer,:host .sdv-modal-dialog__container>footer{display:flex;justify-content:flex-end}}@media (max-width: 35.98em){:host .sdv-modal-dialog__container>.footer button+button,:host .sdv-modal-dialog__container>.footer button+.button,:host .sdv-modal-dialog__container>.footer .button+button,:host .sdv-modal-dialog__container>.footer .button+.button,:host .sdv-modal-dialog__container>footer button+button,:host .sdv-modal-dialog__container>footer button+.button,:host .sdv-modal-dialog__container>footer .button+button,:host .sdv-modal-dialog__container>footer .button+.button{margin-top:.75rem}}@media (min-width: 36em){:host .sdv-modal-dialog__container>.footer button+button,:host .sdv-modal-dialog__container>.footer button+.button,:host .sdv-modal-dialog__container>.footer .button+button,:host .sdv-modal-dialog__container>.footer .button+.button,:host .sdv-modal-dialog__container>footer button+button,:host .sdv-modal-dialog__container>footer button+.button,:host .sdv-modal-dialog__container>footer .button+button,:host .sdv-modal-dialog__container>footer .button+.button{margin-left:.75rem}}:host .sdv-modal-dialog__container.medium{width:512px}:host .sdv-modal-dialog__container.large{width:720px}:host .modal-dialog__heading{box-sizing:border-box;padding:1rem;border-bottom:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);display:inline-flex;justify-content:space-between;align-items:center;width:100%}:host .modal-dialog__heading h3,:host .modal-dialog__heading .h3{margin-bottom:0;margin-top:0}:host .modal-dialog__heading h3+.close,:host .modal-dialog__heading .h3+.close{margin:-7px;min-width:2rem}:host .modal-dialog__heading button{display:grid;place-content:center}:host .modal-dialog__body{padding:1rem;overflow:auto;width:100%}:host .modal-dialog__body p{margin-bottom:0;margin-top:0}:host .modal-dialog__actions,:host .modal-dialog__heading,:host .modal-dialog__body{box-sizing:border-box}:host .sdv-modal-backdrop{background:#00000059;inset:0;position:fixed;z-index:999;display:block;transition:opacity .5s cubic-bezier(.33,1,.68,1)}:host .sdv-modal-backdrop--transparent{opacity:0}:host .sdv-modal-backdrop--transparent.entered,:host .sdv-modal-backdrop--transparent.is-entering{opacity:1}:host .sdv-modal-backdrop--transparent.is-exiting{opacity:0}\n"] }]
         }], propDecorators: { dialogRef: [{
                 type: ViewChild,
                 args: ['dialog']
@@ -2530,11 +2531,11 @@ class NgvFoldOutComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvFoldOutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NgvFoldOutComponent, selector: "nggv-fold-out", inputs: { thook: "thook", alignOptions: "alignOptions" }, host: { properties: { "attr.data-thook": "this.thook" } }, viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["foldout"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div #foldout class=\"sdv-field-dropdown\">\n  <button\n    data-thook=\"fold-out-toggle\"\n    class=\"sdv-button fold-out-button\"\n    (click)=\"toggleVisibility($event)\"\n  >\n    <gds-icon-dot-grid-one-horizontal\n      width=\"24\"\n      height=\"24\"\n      *nggCoreElement\n    ></gds-icon-dot-grid-one-horizontal>\n  </button>\n\n  <div\n    class=\"gds-fold-out__popover\"\n    [ngClass]=\"{ 'flex-right': alignOptions === 'right' }\"\n    [class.gds-fold-out__popover-expanded]=\"shown\"\n    (click)=\"toggleVisibility($event, false)\"\n  >\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: ["i.sg-icon{font-size:0;width:1rem;height:1rem;display:inline-block}i.sg-icon:before{content:\"\";display:inline-block;background:var(--color);width:100%;height:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}i.sg-icon.sg-icon-calendar:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 248h80v-56H48v56zm0 48v64h80v-64H48zm128 0v64h96v-64h-96zm144 0v64h80v-64h-80zm80-104h-80v56h80v-56zm0 216h-80v56h64c8.8 0 16-7.2 16-16v-40zm-128 0h-96v56h96v-56zm-144 0H48v40c0 8.8 7.16 16 16 16h64v-56zm144-216h-96v56h96v-56z '/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 248h80v-56H48v56zm0 48v64h80v-64H48zm128 0v64h96v-64h-96zm144 0v64h80v-64h-80zm80-104h-80v56h80v-56zm0 216h-80v56h64c8.8 0 16-7.2 16-16v-40zm-128 0h-96v56h96v-56zm-144 0H48v40c0 8.8 7.16 16 16 16h64v-56zm144-216h-96v56h96v-56z '/%3E%3C/svg%3E\")}i.sg-icon.sg-icon-calendar-range:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M96 288c0-17.7 14.3-32 32-32s32 14.3 32 32-14.3 32-32 32-32-14.3-32-32zm224 64c17.7 0 32 14.3 32 32s-14.3 32-32 32-32-14.3-32-32 14.3-32 32-32zm-128-64c0-13.3 10.7-24 24-24h112c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24zm40 72c13.3 0 24 10.7 24 24s-10.7 24-24 24H120c-13.3 0-24-10.7-24-24s10.7-24 24-24h112zM152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 448c0 8.8 7.16 16 16 16h320c8.8 0 16-7.2 16-16V192H48v256z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M96 288c0-17.7 14.3-32 32-32s32 14.3 32 32-14.3 32-32 32-32-14.3-32-32zm224 64c17.7 0 32 14.3 32 32s-14.3 32-32 32-32-14.3-32-32 14.3-32 32-32zm-128-64c0-13.3 10.7-24 24-24h112c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24zm40 72c13.3 0 24 10.7 24 24s-10.7 24-24 24H120c-13.3 0-24-10.7-24-24s10.7-24 24-24h112zM152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 448c0 8.8 7.16 16 16 16h320c8.8 0 16-7.2 16-16V192H48v256z'/%3E%3C/svg%3E\")}i.sg-icon.sg-icon-ellipsis:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M8 256a56 56 0 1 1 112 0A56 56 0 1 1 8 256zm160 0a56 56 0 1 1 112 0 56 56 0 1 1 -112 0zm216-56a56 56 0 1 1 0 112 56 56 0 1 1 0-112z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M8 256a56 56 0 1 1 112 0A56 56 0 1 1 8 256zm160 0a56 56 0 1 1 112 0 56 56 0 1 1 -112 0zm216-56a56 56 0 1 1 0 112 56 56 0 1 1 0-112z'/%3E%3C/svg%3E\")}i.sg-icon.sg-icon-grip-vertical:before{-webkit-mask-image:url(\"data:image/svg+xml, %3Csvg height='1em' viewBox='0 0 320 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 352l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zm192 0l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zM40 320c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0zM232 192l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zM40 160c-22.1 0-40-17.9-40-40L0 72C0 49.9 17.9 32 40 32l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0zM232 32l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml, %3Csvg height='1em' viewBox='0 0 320 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 352l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zm192 0l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zM40 320c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0zM232 192l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zM40 160c-22.1 0-40-17.9-40-40L0 72C0 49.9 17.9 32 40 32l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0zM232 32l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40z' /%3E%3C/svg%3E\")}i.sg-icon.sg-icon-next:before{background:none;border-bottom:2px solid;border-left:2px solid;content:\"\";display:block;height:12px;margin-left:-10px;margin-top:2px;transform:translate(75%) rotate(-135deg) scaleZ(-1);transition:transform .3s ease-in;width:12px}i.sg-icon.sg-icon-previous:before{background:none;border-bottom:2px solid;border-left:2px solid;content:\"\";display:block;height:12px;margin-left:-4px;margin-top:2px;transform:translate(75%) rotate(45deg) scaleZ(-1);transition:transform .3s ease-in;width:12px}i.sg-icon.sg-icon-ellipsis:before{margin-right:-2px}:host .flex-right{right:0}:host .fold-out-button{border:0;cursor:pointer;font-family:inherit;padding:0;padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);font-weight:500;min-height:2.75rem;align-items:center;display:inline-flex;justify-content:center;background-color:transparent;border:.0625rem solid transparent;padding:.625rem;height:2.75rem;width:2.75rem;min-width:auto;--color: var(--gds-ref-pallet-base800);border-color:transparent;color:var(--gds-ref-pallet-base800);display:flex;gap:.5rem;line-height:.75;padding-inline:.4375rem;width:auto}:host .fold-out-button:focus:not(:focus-visible){box-shadow:none;outline:0}:host .fold-out-button:focus,:host .fold-out-button:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}@media (max-width: 35.98em){:host .fold-out-button{min-width:100%}}@media screen and (-ms-high-contrast: active){:host .fold-out-button{border:2px solid currentcolor}}:host .fold-out-button.small{min-height:2rem;padding:.4375rem .75rem;line-height:1rem}:host .fold-out-button.large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}.form-group :host .fold-out-button{margin-top:-.625rem}:host .fold-out-button.small{height:2rem;width:2rem;padding:.4375rem;line-height:1.125rem}:host .fold-out-button svg{height:1rem;width:1rem}:host .fold-out-button path,:host .fold-out-button line,:host .fold-out-button circle,:host .fold-out-button rect,:host .fold-out-button ellipse,:host .fold-out-button polyline,:host .fold-out-button text{fill:var(--gds-ref-pallet-base800);stroke:var(--gds-ref-pallet-base800);transition:all .3s cubic-bezier(.23,1,.32,1)}:host .fold-out-button:hover,:host .fold-out-button.highlighted{background-color:#0000001a;border-color:transparent}:host .fold-out-button:active,:host .fold-out-button.highlighted:hover{background-color:#0003;border-color:transparent}:host .gds-fold-out__popover{background-clip:border-box;background:var(--sg-card-background);border:var(--sg-card-border);border-radius:var(--sg-card-border-radius);box-shadow:var(--sg-card-box-shadow);color:var(--sg-card-color);display:flex;flex-direction:column;padding:1rem;width:fit-content;display:none;padding:0}:host .gds-fold-out__popover>header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;margin-block-end:1rem}:host .gds-fold-out__popover>header .close{margin:-.5rem -.5rem -.5rem .5rem}:host .gds-fold-out__popover>*:not(header,footer){flex:1 1 auto}:host .gds-fold-out__popover>footer{margin-top:.75rem}@media (min-width: 36em){:host .gds-fold-out__popover>footer{display:flex;justify-content:flex-end}}@media (max-width: 35.98em){:host .gds-fold-out__popover>footer button:not(.link)+button,:host .gds-fold-out__popover>footer button:not(.link)+.button,:host .gds-fold-out__popover>footer .button:not(.link)+button,:host .gds-fold-out__popover>footer .button:not(.link)+.button{margin-top:.75rem}}@media (min-width: 36em){:host .gds-fold-out__popover>footer button:not(.link)+button,:host .gds-fold-out__popover>footer button:not(.link)+.button,:host .gds-fold-out__popover>footer .button:not(.link)+button,:host .gds-fold-out__popover>footer .button:not(.link)+.button{margin-left:.75rem}}:host .gds-fold-out__popover-expanded{display:block}:host ::ng-deep .sdv-field-dropdown__options__label{padding:.75rem 1rem;line-height:1.25;cursor:pointer;display:flex;gap:.75rem;-webkit-user-select:none;user-select:none}:host ::ng-deep .sdv-field-dropdown__options__label:active{background-color:var(--grey-400)}:host ::ng-deep .sdv-field-dropdown__options__label:focus{outline-color:#000;outline-offset:-.25rem}:host ::ng-deep .sdv-field-dropdown__options__label.active.sg-highlighted,:host ::ng-deep .sdv-field-dropdown__options__label[aria-selected=true]{background:var(--grey-1000);color:#fff}:host ::ng-deep .sdv-field-dropdown__options__label:hover,:host ::ng-deep .sdv-field-dropdown__options__label:focus-visible{background-color:var(--grey-400)}:host ::ng-deep .sdv-field-dropdown__options__label:active{background-color:var(--grey-500)}:host ::ng-deep .sdv-field-dropdown__options__label:focus-visible{outline-color:#000;outline-offset:-.25rem}:host ::ng-deep .sdv-field-dropdown__options__label[aria-hidden=true]{display:none}:host ::ng-deep .sdv-field-dropdown__options__label[highlighted]{background:var(--grey-1000);color:#fff}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NgvFoldOutComponent, selector: "nggv-fold-out", inputs: { thook: "thook", alignOptions: "alignOptions" }, host: { properties: { "attr.data-thook": "this.thook" } }, viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["foldout"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div #foldout>\n  <button\n    data-thook=\"fold-out-toggle\"\n    class=\"fold-out-button\"\n    (click)=\"toggleVisibility($event)\"\n  >\n    <gds-icon-dot-grid-one-horizontal\n      width=\"24\"\n      height=\"24\"\n      *nggCoreElement\n    ></gds-icon-dot-grid-one-horizontal>\n  </button>\n\n  <div\n    class=\"gds-fold-out__popover\"\n    [ngClass]=\"{ 'flex-right': alignOptions === 'right' }\"\n    [class.gds-fold-out__popover-expanded]=\"shown\"\n    (click)=\"toggleVisibility($event, false)\"\n  >\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: ["i.sg-icon{font-size:0;width:1rem;height:1rem;display:inline-block}i.sg-icon:before{content:\"\";display:inline-block;background:var(--color);width:100%;height:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}i.sg-icon.sg-icon-calendar:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 248h80v-56H48v56zm0 48v64h80v-64H48zm128 0v64h96v-64h-96zm144 0v64h80v-64h-80zm80-104h-80v56h80v-56zm0 216h-80v56h64c8.8 0 16-7.2 16-16v-40zm-128 0h-96v56h96v-56zm-144 0H48v40c0 8.8 7.16 16 16 16h64v-56zm144-216h-96v56h96v-56z '/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 248h80v-56H48v56zm0 48v64h80v-64H48zm128 0v64h96v-64h-96zm144 0v64h80v-64h-80zm80-104h-80v56h80v-56zm0 216h-80v56h64c8.8 0 16-7.2 16-16v-40zm-128 0h-96v56h96v-56zm-144 0H48v40c0 8.8 7.16 16 16 16h64v-56zm144-216h-96v56h96v-56z '/%3E%3C/svg%3E\")}i.sg-icon.sg-icon-calendar-range:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M96 288c0-17.7 14.3-32 32-32s32 14.3 32 32-14.3 32-32 32-32-14.3-32-32zm224 64c17.7 0 32 14.3 32 32s-14.3 32-32 32-32-14.3-32-32 14.3-32 32-32zm-128-64c0-13.3 10.7-24 24-24h112c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24zm40 72c13.3 0 24 10.7 24 24s-10.7 24-24 24H120c-13.3 0-24-10.7-24-24s10.7-24 24-24h112zM152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 448c0 8.8 7.16 16 16 16h320c8.8 0 16-7.2 16-16V192H48v256z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M96 288c0-17.7 14.3-32 32-32s32 14.3 32 32-14.3 32-32 32-32-14.3-32-32zm224 64c17.7 0 32 14.3 32 32s-14.3 32-32 32-32-14.3-32-32 14.3-32 32-32zm-128-64c0-13.3 10.7-24 24-24h112c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24zm40 72c13.3 0 24 10.7 24 24s-10.7 24-24 24H120c-13.3 0-24-10.7-24-24s10.7-24 24-24h112zM152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 448c0 8.8 7.16 16 16 16h320c8.8 0 16-7.2 16-16V192H48v256z'/%3E%3C/svg%3E\")}i.sg-icon.sg-icon-ellipsis:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M8 256a56 56 0 1 1 112 0A56 56 0 1 1 8 256zm160 0a56 56 0 1 1 112 0 56 56 0 1 1 -112 0zm216-56a56 56 0 1 1 0 112 56 56 0 1 1 0-112z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M8 256a56 56 0 1 1 112 0A56 56 0 1 1 8 256zm160 0a56 56 0 1 1 112 0 56 56 0 1 1 -112 0zm216-56a56 56 0 1 1 0 112 56 56 0 1 1 0-112z'/%3E%3C/svg%3E\")}i.sg-icon.sg-icon-grip-vertical:before{-webkit-mask-image:url(\"data:image/svg+xml, %3Csvg height='1em' viewBox='0 0 320 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 352l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zm192 0l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zM40 320c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0zM232 192l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zM40 160c-22.1 0-40-17.9-40-40L0 72C0 49.9 17.9 32 40 32l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0zM232 32l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml, %3Csvg height='1em' viewBox='0 0 320 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 352l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zm192 0l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zM40 320c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0zM232 192l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zM40 160c-22.1 0-40-17.9-40-40L0 72C0 49.9 17.9 32 40 32l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0zM232 32l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40z' /%3E%3C/svg%3E\")}i.sg-icon.sg-icon-next:before{background:none;border-bottom:2px solid;border-left:2px solid;content:\"\";display:block;height:12px;margin-left:-10px;margin-top:2px;transform:translate(75%) rotate(-135deg) scaleZ(-1);transition:transform .3s ease-in;width:12px}i.sg-icon.sg-icon-previous:before{background:none;border-bottom:2px solid;border-left:2px solid;content:\"\";display:block;height:12px;margin-left:-4px;margin-top:2px;transform:translate(75%) rotate(45deg) scaleZ(-1);transition:transform .3s ease-in;width:12px}i.sg-icon.sg-icon-ellipsis:before{margin-right:-2px}:host .flex-right{right:0}:host .fold-out-button{border:0;cursor:pointer;font-family:inherit;padding:0;padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);font-weight:500;min-height:2.75rem;align-items:center;display:inline-flex;justify-content:center;background-color:transparent;border:.0625rem solid transparent;padding:.625rem;height:2.75rem;width:2.75rem;min-width:auto;--color: var(--gds-ref-pallet-base800);border-color:transparent;color:var(--gds-ref-pallet-base800);display:flex;gap:.5rem;line-height:.75;padding-inline:.4375rem;width:auto}:host .fold-out-button:focus:not(:focus-visible){box-shadow:none;outline:0}:host .fold-out-button:focus,:host .fold-out-button:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}@media (max-width: 35.98em){:host .fold-out-button{min-width:100%}}@media screen and (-ms-high-contrast: active){:host .fold-out-button{border:2px solid currentcolor}}:host .fold-out-button.small{min-height:2rem;padding:.4375rem .75rem;line-height:1rem}:host .fold-out-button.large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}.form-group :host .fold-out-button{margin-top:-.625rem}:host .fold-out-button.small{height:2rem;width:2rem;padding:.4375rem;line-height:1.125rem}:host .fold-out-button svg{height:1rem;width:1rem}:host .fold-out-button path,:host .fold-out-button line,:host .fold-out-button circle,:host .fold-out-button rect,:host .fold-out-button ellipse,:host .fold-out-button polyline,:host .fold-out-button text{fill:var(--gds-ref-pallet-base800);stroke:var(--gds-ref-pallet-base800);transition:all .3s cubic-bezier(.23,1,.32,1)}:host .fold-out-button:hover,:host .fold-out-button.highlighted{background-color:#0000001a;border-color:transparent}:host .fold-out-button:active,:host .fold-out-button.highlighted:hover{background-color:#0003;border-color:transparent}:host .gds-fold-out__popover{background-clip:border-box;background:var(--sg-card-background);border:var(--sg-card-border);border-radius:var(--sg-card-border-radius);box-shadow:var(--sg-card-box-shadow);color:var(--sg-card-color);display:flex;flex-direction:column;padding:1rem;width:fit-content;display:none;padding:0}:host .gds-fold-out__popover>header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;margin-block-end:1rem}:host .gds-fold-out__popover>header .close{margin:-.5rem -.5rem -.5rem .5rem}:host .gds-fold-out__popover>*:not(header,footer){flex:1 1 auto}:host .gds-fold-out__popover>footer{margin-top:.75rem}@media (min-width: 36em){:host .gds-fold-out__popover>footer{display:flex;justify-content:flex-end}}@media (max-width: 35.98em){:host .gds-fold-out__popover>footer button:not(.link)+button,:host .gds-fold-out__popover>footer button:not(.link)+.button,:host .gds-fold-out__popover>footer .button:not(.link)+button,:host .gds-fold-out__popover>footer .button:not(.link)+.button{margin-top:.75rem}}@media (min-width: 36em){:host .gds-fold-out__popover>footer button:not(.link)+button,:host .gds-fold-out__popover>footer button:not(.link)+.button,:host .gds-fold-out__popover>footer .button:not(.link)+button,:host .gds-fold-out__popover>footer .button:not(.link)+.button{margin-left:.75rem}}:host .gds-fold-out__popover-expanded{display:block;position:absolute;z-index:var(--sg-z-index-popover)}:host ::ng-deep .nggv-field-dropdown__options__label{padding:.75rem 1rem;line-height:1.25;cursor:pointer;display:flex;gap:.75rem;-webkit-user-select:none;user-select:none}:host ::ng-deep .nggv-field-dropdown__options__label:active{background-color:var(--grey-400)}:host ::ng-deep .nggv-field-dropdown__options__label:focus{outline-color:#000;outline-offset:-.25rem}:host ::ng-deep .nggv-field-dropdown__options__label.active.sg-highlighted,:host ::ng-deep .nggv-field-dropdown__options__label[aria-selected=true]{background:var(--grey-1000);color:#fff}:host ::ng-deep .nggv-field-dropdown__options__label:hover,:host ::ng-deep .nggv-field-dropdown__options__label:focus-visible{background-color:var(--grey-400)}:host ::ng-deep .nggv-field-dropdown__options__label:active{background-color:var(--grey-500)}:host ::ng-deep .nggv-field-dropdown__options__label:focus-visible{outline-color:#000;outline-offset:-.25rem}:host ::ng-deep .nggv-field-dropdown__options__label[aria-hidden=true]{display:none}:host ::ng-deep .nggv-field-dropdown__options__label[highlighted]{background:var(--grey-1000);color:#fff}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3$3.NggCoreElementDirective, selector: "[nggCoreElement]" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvFoldOutComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nggv-fold-out', template: "<div #foldout class=\"sdv-field-dropdown\">\n  <button\n    data-thook=\"fold-out-toggle\"\n    class=\"sdv-button fold-out-button\"\n    (click)=\"toggleVisibility($event)\"\n  >\n    <gds-icon-dot-grid-one-horizontal\n      width=\"24\"\n      height=\"24\"\n      *nggCoreElement\n    ></gds-icon-dot-grid-one-horizontal>\n  </button>\n\n  <div\n    class=\"gds-fold-out__popover\"\n    [ngClass]=\"{ 'flex-right': alignOptions === 'right' }\"\n    [class.gds-fold-out__popover-expanded]=\"shown\"\n    (click)=\"toggleVisibility($event, false)\"\n  >\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: ["i.sg-icon{font-size:0;width:1rem;height:1rem;display:inline-block}i.sg-icon:before{content:\"\";display:inline-block;background:var(--color);width:100%;height:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}i.sg-icon.sg-icon-calendar:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 248h80v-56H48v56zm0 48v64h80v-64H48zm128 0v64h96v-64h-96zm144 0v64h80v-64h-80zm80-104h-80v56h80v-56zm0 216h-80v56h64c8.8 0 16-7.2 16-16v-40zm-128 0h-96v56h96v-56zm-144 0H48v40c0 8.8 7.16 16 16 16h64v-56zm144-216h-96v56h96v-56z '/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 248h80v-56H48v56zm0 48v64h80v-64H48zm128 0v64h96v-64h-96zm144 0v64h80v-64h-80zm80-104h-80v56h80v-56zm0 216h-80v56h64c8.8 0 16-7.2 16-16v-40zm-128 0h-96v56h96v-56zm-144 0H48v40c0 8.8 7.16 16 16 16h64v-56zm144-216h-96v56h96v-56z '/%3E%3C/svg%3E\")}i.sg-icon.sg-icon-calendar-range:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M96 288c0-17.7 14.3-32 32-32s32 14.3 32 32-14.3 32-32 32-32-14.3-32-32zm224 64c17.7 0 32 14.3 32 32s-14.3 32-32 32-32-14.3-32-32 14.3-32 32-32zm-128-64c0-13.3 10.7-24 24-24h112c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24zm40 72c13.3 0 24 10.7 24 24s-10.7 24-24 24H120c-13.3 0-24-10.7-24-24s10.7-24 24-24h112zM152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 448c0 8.8 7.16 16 16 16h320c8.8 0 16-7.2 16-16V192H48v256z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M96 288c0-17.7 14.3-32 32-32s32 14.3 32 32-14.3 32-32 32-32-14.3-32-32zm224 64c17.7 0 32 14.3 32 32s-14.3 32-32 32-32-14.3-32-32 14.3-32 32-32zm-128-64c0-13.3 10.7-24 24-24h112c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24zm40 72c13.3 0 24 10.7 24 24s-10.7 24-24 24H120c-13.3 0-24-10.7-24-24s10.7-24 24-24h112zM152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 448c0 8.8 7.16 16 16 16h320c8.8 0 16-7.2 16-16V192H48v256z'/%3E%3C/svg%3E\")}i.sg-icon.sg-icon-ellipsis:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M8 256a56 56 0 1 1 112 0A56 56 0 1 1 8 256zm160 0a56 56 0 1 1 112 0 56 56 0 1 1 -112 0zm216-56a56 56 0 1 1 0 112 56 56 0 1 1 0-112z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M8 256a56 56 0 1 1 112 0A56 56 0 1 1 8 256zm160 0a56 56 0 1 1 112 0 56 56 0 1 1 -112 0zm216-56a56 56 0 1 1 0 112 56 56 0 1 1 0-112z'/%3E%3C/svg%3E\")}i.sg-icon.sg-icon-grip-vertical:before{-webkit-mask-image:url(\"data:image/svg+xml, %3Csvg height='1em' viewBox='0 0 320 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 352l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zm192 0l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zM40 320c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0zM232 192l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zM40 160c-22.1 0-40-17.9-40-40L0 72C0 49.9 17.9 32 40 32l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0zM232 32l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml, %3Csvg height='1em' viewBox='0 0 320 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 352l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zm192 0l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zM40 320c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0zM232 192l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zM40 160c-22.1 0-40-17.9-40-40L0 72C0 49.9 17.9 32 40 32l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0zM232 32l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40z' /%3E%3C/svg%3E\")}i.sg-icon.sg-icon-next:before{background:none;border-bottom:2px solid;border-left:2px solid;content:\"\";display:block;height:12px;margin-left:-10px;margin-top:2px;transform:translate(75%) rotate(-135deg) scaleZ(-1);transition:transform .3s ease-in;width:12px}i.sg-icon.sg-icon-previous:before{background:none;border-bottom:2px solid;border-left:2px solid;content:\"\";display:block;height:12px;margin-left:-4px;margin-top:2px;transform:translate(75%) rotate(45deg) scaleZ(-1);transition:transform .3s ease-in;width:12px}i.sg-icon.sg-icon-ellipsis:before{margin-right:-2px}:host .flex-right{right:0}:host .fold-out-button{border:0;cursor:pointer;font-family:inherit;padding:0;padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);font-weight:500;min-height:2.75rem;align-items:center;display:inline-flex;justify-content:center;background-color:transparent;border:.0625rem solid transparent;padding:.625rem;height:2.75rem;width:2.75rem;min-width:auto;--color: var(--gds-ref-pallet-base800);border-color:transparent;color:var(--gds-ref-pallet-base800);display:flex;gap:.5rem;line-height:.75;padding-inline:.4375rem;width:auto}:host .fold-out-button:focus:not(:focus-visible){box-shadow:none;outline:0}:host .fold-out-button:focus,:host .fold-out-button:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}@media (max-width: 35.98em){:host .fold-out-button{min-width:100%}}@media screen and (-ms-high-contrast: active){:host .fold-out-button{border:2px solid currentcolor}}:host .fold-out-button.small{min-height:2rem;padding:.4375rem .75rem;line-height:1rem}:host .fold-out-button.large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}.form-group :host .fold-out-button{margin-top:-.625rem}:host .fold-out-button.small{height:2rem;width:2rem;padding:.4375rem;line-height:1.125rem}:host .fold-out-button svg{height:1rem;width:1rem}:host .fold-out-button path,:host .fold-out-button line,:host .fold-out-button circle,:host .fold-out-button rect,:host .fold-out-button ellipse,:host .fold-out-button polyline,:host .fold-out-button text{fill:var(--gds-ref-pallet-base800);stroke:var(--gds-ref-pallet-base800);transition:all .3s cubic-bezier(.23,1,.32,1)}:host .fold-out-button:hover,:host .fold-out-button.highlighted{background-color:#0000001a;border-color:transparent}:host .fold-out-button:active,:host .fold-out-button.highlighted:hover{background-color:#0003;border-color:transparent}:host .gds-fold-out__popover{background-clip:border-box;background:var(--sg-card-background);border:var(--sg-card-border);border-radius:var(--sg-card-border-radius);box-shadow:var(--sg-card-box-shadow);color:var(--sg-card-color);display:flex;flex-direction:column;padding:1rem;width:fit-content;display:none;padding:0}:host .gds-fold-out__popover>header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;margin-block-end:1rem}:host .gds-fold-out__popover>header .close{margin:-.5rem -.5rem -.5rem .5rem}:host .gds-fold-out__popover>*:not(header,footer){flex:1 1 auto}:host .gds-fold-out__popover>footer{margin-top:.75rem}@media (min-width: 36em){:host .gds-fold-out__popover>footer{display:flex;justify-content:flex-end}}@media (max-width: 35.98em){:host .gds-fold-out__popover>footer button:not(.link)+button,:host .gds-fold-out__popover>footer button:not(.link)+.button,:host .gds-fold-out__popover>footer .button:not(.link)+button,:host .gds-fold-out__popover>footer .button:not(.link)+.button{margin-top:.75rem}}@media (min-width: 36em){:host .gds-fold-out__popover>footer button:not(.link)+button,:host .gds-fold-out__popover>footer button:not(.link)+.button,:host .gds-fold-out__popover>footer .button:not(.link)+button,:host .gds-fold-out__popover>footer .button:not(.link)+.button{margin-left:.75rem}}:host .gds-fold-out__popover-expanded{display:block}:host ::ng-deep .sdv-field-dropdown__options__label{padding:.75rem 1rem;line-height:1.25;cursor:pointer;display:flex;gap:.75rem;-webkit-user-select:none;user-select:none}:host ::ng-deep .sdv-field-dropdown__options__label:active{background-color:var(--grey-400)}:host ::ng-deep .sdv-field-dropdown__options__label:focus{outline-color:#000;outline-offset:-.25rem}:host ::ng-deep .sdv-field-dropdown__options__label.active.sg-highlighted,:host ::ng-deep .sdv-field-dropdown__options__label[aria-selected=true]{background:var(--grey-1000);color:#fff}:host ::ng-deep .sdv-field-dropdown__options__label:hover,:host ::ng-deep .sdv-field-dropdown__options__label:focus-visible{background-color:var(--grey-400)}:host ::ng-deep .sdv-field-dropdown__options__label:active{background-color:var(--grey-500)}:host ::ng-deep .sdv-field-dropdown__options__label:focus-visible{outline-color:#000;outline-offset:-.25rem}:host ::ng-deep .sdv-field-dropdown__options__label[aria-hidden=true]{display:none}:host ::ng-deep .sdv-field-dropdown__options__label[highlighted]{background:var(--grey-1000);color:#fff}\n"] }]
+            args: [{ selector: 'nggv-fold-out', template: "<div #foldout>\n  <button\n    data-thook=\"fold-out-toggle\"\n    class=\"fold-out-button\"\n    (click)=\"toggleVisibility($event)\"\n  >\n    <gds-icon-dot-grid-one-horizontal\n      width=\"24\"\n      height=\"24\"\n      *nggCoreElement\n    ></gds-icon-dot-grid-one-horizontal>\n  </button>\n\n  <div\n    class=\"gds-fold-out__popover\"\n    [ngClass]=\"{ 'flex-right': alignOptions === 'right' }\"\n    [class.gds-fold-out__popover-expanded]=\"shown\"\n    (click)=\"toggleVisibility($event, false)\"\n  >\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: ["i.sg-icon{font-size:0;width:1rem;height:1rem;display:inline-block}i.sg-icon:before{content:\"\";display:inline-block;background:var(--color);width:100%;height:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}i.sg-icon.sg-icon-calendar:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 248h80v-56H48v56zm0 48v64h80v-64H48zm128 0v64h96v-64h-96zm144 0v64h80v-64h-80zm80-104h-80v56h80v-56zm0 216h-80v56h64c8.8 0 16-7.2 16-16v-40zm-128 0h-96v56h96v-56zm-144 0H48v40c0 8.8 7.16 16 16 16h64v-56zm144-216h-96v56h96v-56z '/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 248h80v-56H48v56zm0 48v64h80v-64H48zm128 0v64h96v-64h-96zm144 0v64h80v-64h-80zm80-104h-80v56h80v-56zm0 216h-80v56h64c8.8 0 16-7.2 16-16v-40zm-128 0h-96v56h96v-56zm-144 0H48v40c0 8.8 7.16 16 16 16h64v-56zm144-216h-96v56h96v-56z '/%3E%3C/svg%3E\")}i.sg-icon.sg-icon-calendar-range:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M96 288c0-17.7 14.3-32 32-32s32 14.3 32 32-14.3 32-32 32-32-14.3-32-32zm224 64c17.7 0 32 14.3 32 32s-14.3 32-32 32-32-14.3-32-32 14.3-32 32-32zm-128-64c0-13.3 10.7-24 24-24h112c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24zm40 72c13.3 0 24 10.7 24 24s-10.7 24-24 24H120c-13.3 0-24-10.7-24-24s10.7-24 24-24h112zM152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 448c0 8.8 7.16 16 16 16h320c8.8 0 16-7.2 16-16V192H48v256z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M96 288c0-17.7 14.3-32 32-32s32 14.3 32 32-14.3 32-32 32-32-14.3-32-32zm224 64c17.7 0 32 14.3 32 32s-14.3 32-32 32-32-14.3-32-32 14.3-32 32-32zm-128-64c0-13.3 10.7-24 24-24h112c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24zm40 72c13.3 0 24 10.7 24 24s-10.7 24-24 24H120c-13.3 0-24-10.7-24-24s10.7-24 24-24h112zM152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 448c0 8.8 7.16 16 16 16h320c8.8 0 16-7.2 16-16V192H48v256z'/%3E%3C/svg%3E\")}i.sg-icon.sg-icon-ellipsis:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M8 256a56 56 0 1 1 112 0A56 56 0 1 1 8 256zm160 0a56 56 0 1 1 112 0 56 56 0 1 1 -112 0zm216-56a56 56 0 1 1 0 112 56 56 0 1 1 0-112z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M8 256a56 56 0 1 1 112 0A56 56 0 1 1 8 256zm160 0a56 56 0 1 1 112 0 56 56 0 1 1 -112 0zm216-56a56 56 0 1 1 0 112 56 56 0 1 1 0-112z'/%3E%3C/svg%3E\")}i.sg-icon.sg-icon-grip-vertical:before{-webkit-mask-image:url(\"data:image/svg+xml, %3Csvg height='1em' viewBox='0 0 320 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 352l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zm192 0l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zM40 320c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0zM232 192l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zM40 160c-22.1 0-40-17.9-40-40L0 72C0 49.9 17.9 32 40 32l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0zM232 32l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml, %3Csvg height='1em' viewBox='0 0 320 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 352l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zm192 0l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zM40 320c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0zM232 192l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zM40 160c-22.1 0-40-17.9-40-40L0 72C0 49.9 17.9 32 40 32l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0zM232 32l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40z' /%3E%3C/svg%3E\")}i.sg-icon.sg-icon-next:before{background:none;border-bottom:2px solid;border-left:2px solid;content:\"\";display:block;height:12px;margin-left:-10px;margin-top:2px;transform:translate(75%) rotate(-135deg) scaleZ(-1);transition:transform .3s ease-in;width:12px}i.sg-icon.sg-icon-previous:before{background:none;border-bottom:2px solid;border-left:2px solid;content:\"\";display:block;height:12px;margin-left:-4px;margin-top:2px;transform:translate(75%) rotate(45deg) scaleZ(-1);transition:transform .3s ease-in;width:12px}i.sg-icon.sg-icon-ellipsis:before{margin-right:-2px}:host .flex-right{right:0}:host .fold-out-button{border:0;cursor:pointer;font-family:inherit;padding:0;padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);font-weight:500;min-height:2.75rem;align-items:center;display:inline-flex;justify-content:center;background-color:transparent;border:.0625rem solid transparent;padding:.625rem;height:2.75rem;width:2.75rem;min-width:auto;--color: var(--gds-ref-pallet-base800);border-color:transparent;color:var(--gds-ref-pallet-base800);display:flex;gap:.5rem;line-height:.75;padding-inline:.4375rem;width:auto}:host .fold-out-button:focus:not(:focus-visible){box-shadow:none;outline:0}:host .fold-out-button:focus,:host .fold-out-button:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}@media (max-width: 35.98em){:host .fold-out-button{min-width:100%}}@media screen and (-ms-high-contrast: active){:host .fold-out-button{border:2px solid currentcolor}}:host .fold-out-button.small{min-height:2rem;padding:.4375rem .75rem;line-height:1rem}:host .fold-out-button.large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}.form-group :host .fold-out-button{margin-top:-.625rem}:host .fold-out-button.small{height:2rem;width:2rem;padding:.4375rem;line-height:1.125rem}:host .fold-out-button svg{height:1rem;width:1rem}:host .fold-out-button path,:host .fold-out-button line,:host .fold-out-button circle,:host .fold-out-button rect,:host .fold-out-button ellipse,:host .fold-out-button polyline,:host .fold-out-button text{fill:var(--gds-ref-pallet-base800);stroke:var(--gds-ref-pallet-base800);transition:all .3s cubic-bezier(.23,1,.32,1)}:host .fold-out-button:hover,:host .fold-out-button.highlighted{background-color:#0000001a;border-color:transparent}:host .fold-out-button:active,:host .fold-out-button.highlighted:hover{background-color:#0003;border-color:transparent}:host .gds-fold-out__popover{background-clip:border-box;background:var(--sg-card-background);border:var(--sg-card-border);border-radius:var(--sg-card-border-radius);box-shadow:var(--sg-card-box-shadow);color:var(--sg-card-color);display:flex;flex-direction:column;padding:1rem;width:fit-content;display:none;padding:0}:host .gds-fold-out__popover>header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;margin-block-end:1rem}:host .gds-fold-out__popover>header .close{margin:-.5rem -.5rem -.5rem .5rem}:host .gds-fold-out__popover>*:not(header,footer){flex:1 1 auto}:host .gds-fold-out__popover>footer{margin-top:.75rem}@media (min-width: 36em){:host .gds-fold-out__popover>footer{display:flex;justify-content:flex-end}}@media (max-width: 35.98em){:host .gds-fold-out__popover>footer button:not(.link)+button,:host .gds-fold-out__popover>footer button:not(.link)+.button,:host .gds-fold-out__popover>footer .button:not(.link)+button,:host .gds-fold-out__popover>footer .button:not(.link)+.button{margin-top:.75rem}}@media (min-width: 36em){:host .gds-fold-out__popover>footer button:not(.link)+button,:host .gds-fold-out__popover>footer button:not(.link)+.button,:host .gds-fold-out__popover>footer .button:not(.link)+button,:host .gds-fold-out__popover>footer .button:not(.link)+.button{margin-left:.75rem}}:host .gds-fold-out__popover-expanded{display:block;position:absolute;z-index:var(--sg-z-index-popover)}:host ::ng-deep .nggv-field-dropdown__options__label{padding:.75rem 1rem;line-height:1.25;cursor:pointer;display:flex;gap:.75rem;-webkit-user-select:none;user-select:none}:host ::ng-deep .nggv-field-dropdown__options__label:active{background-color:var(--grey-400)}:host ::ng-deep .nggv-field-dropdown__options__label:focus{outline-color:#000;outline-offset:-.25rem}:host ::ng-deep .nggv-field-dropdown__options__label.active.sg-highlighted,:host ::ng-deep .nggv-field-dropdown__options__label[aria-selected=true]{background:var(--grey-1000);color:#fff}:host ::ng-deep .nggv-field-dropdown__options__label:hover,:host ::ng-deep .nggv-field-dropdown__options__label:focus-visible{background-color:var(--grey-400)}:host ::ng-deep .nggv-field-dropdown__options__label:active{background-color:var(--grey-500)}:host ::ng-deep .nggv-field-dropdown__options__label:focus-visible{outline-color:#000;outline-offset:-.25rem}:host ::ng-deep .nggv-field-dropdown__options__label[aria-hidden=true]{display:none}:host ::ng-deep .nggv-field-dropdown__options__label[highlighted]{background:var(--grey-1000);color:#fff}\n"] }]
         }], ctorParameters: () => [], propDecorators: { thook: [{
                 type: HostBinding,
                 args: ['attr.data-thook']
@@ -2552,7 +2553,7 @@ class NgvFoldOutOptionDirective {
         this.baseClass = true;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvFoldOutOptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: NgvFoldOutOptionDirective, selector: "[nggvOption]", host: { properties: { "class.sdv-field-dropdown__options__label": "this.baseClass" } }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: NgvFoldOutOptionDirective, selector: "[nggvOption]", host: { properties: { "class.nggv-field-dropdown__options__label": "this.baseClass" } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvFoldOutOptionDirective, decorators: [{
             type: Directive,
@@ -2561,7 +2562,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 }]
         }], propDecorators: { baseClass: [{
                 type: HostBinding,
-                args: ['class.sdv-field-dropdown__options__label']
+                args: ['class.nggv-field-dropdown__options__label']
             }] } });
 /** Modal slide-out component based on vanilla pattern library design.
@@ -2694,7 +2695,7 @@ class NgvSlideOutComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvSlideOutComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NgvSlideOutComponent, selector: "nggv-slideout-modal", inputs: { side: "side", shown: "shown", initiallyShown: "initiallyShown", heading: "heading", title: "title", content: "content", closable: "closable", autoWidth: "autoWidth", thook: "thook", buttons: "buttons" }, outputs: { nggvCloseEvent: "nggvCloseEvent", nggvPositiveEvent: "nggvPositiveEvent", nggvNeutralEvent: "nggvNeutralEvent", nggvNegativeEvent: "nggvNegativeEvent" }, host: { listeners: { "click": "close($event,\"host\")", "document:keydown.escape": "close($event)", "keydown": "focusTrap($event)" } }, viewQueries: [{ propertyName: "slideOutRef", first: true, predicate: ["slideOut"], descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"shown\">\n  <div\n    [ngClass]=\"{\n      'gds-slide-out--left': fromLeft,\n      'gds-slide-out--right': !fromLeft,\n    }\"\n    *transloco=\"let t\"\n    [class.-active]=\"shown\"\n    [attr.data-thook]=\"thook\"\n    [attr.aria-hidden]=\"!shown\"\n    [@modalAnimation]\n  >\n    <div\n      #slideOut\n      class=\"gds-slide-out\"\n      [class.auto-width]=\"autoWidth\"\n      [class.entered]=\"shown\"\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-labelledby=\"sdv-modal-title\"\n      aria-describedby=\"sdv-modal-body\"\n    >\n      <header class=\"gds-slide-out__header\">\n        <h3 class=\"gds-slide-out__heading\" id=\"sdv-modal-title\">\n          {{ heading || title || '' }}\n        </h3>\n        <button\n          data-testid=\"modal-close-button\"\n          class=\"close\"\n          (click)=\"this.close()\"\n        >\n          <span className=\"sr-only\">Close</span>\n          <i></i>\n        </button>\n      </header>\n\n      <section id=\"sdv-modal-body\">\n        <div class=\"gds-slide-out__content hide-if-empty\">\n          <div *ngIf=\"content\" [innerHtml]=\"content\"></div>\n          <ng-content></ng-content>\n        </div>\n        <ng-content select=\"[slot='outside-content']\"></ng-content>\n      </section>\n\n      <footer class=\"sdv-modal-dialog__actions\">\n        <button\n          class=\"danger\"\n          type=\"reset\"\n          [attr.data-thook]=\"'dialog-' + (_buttons?.negative || 'negative')\"\n          (click)=\"onAction($event, 'negative')\"\n          (keydown.enter)=\"onAction($event, 'negative')\"\n          *ngIf=\"_buttons && _buttons.negative\"\n        >\n          {{ t(_buttons.negative) }}\n        </button>\n\n        <button\n          class=\"secondary\"\n          type=\"button\"\n          [attr.data-thook]=\"'dialog-' + (_buttons?.neutral || 'neutral')\"\n          (click)=\"onAction($event, 'neutral')\"\n          (keydown.enter)=\"onAction($event, 'neutral')\"\n          *ngIf=\"_buttons && _buttons.neutral\"\n        >\n          {{ t(_buttons.neutral) }}\n        </button>\n\n        <button\n          type=\"submit\"\n          [attr.data-thook]=\"'dialog-' + (_buttons?.positive || 'positive')\"\n          (click)=\"onAction($event, 'positive')\"\n          (keydown.enter)=\"onAction($event, 'positive')\"\n          *ngIf=\"_buttons && _buttons.positive\"\n        >\n          {{ t(_buttons.positive) }}\n        </button>\n      </footer>\n    </div>\n\n    <div\n      class=\"gds-backdrop\"\n      data-thook=\"slideout-backdrop\"\n      (click)=\"close()\"\n    ></div>\n  </div>\n</ng-container>\n", styles: [":host .gds-slide-out{background:var(--sg-modal-background);display:flex;flex-direction:column;box-shadow:var(--sg-modal-box-shadow);position:absolute;width:100%;z-index:var(--sg-z-index-modal);position:fixed;height:100dvh;max-width:512px;min-height:-webkit-fill-available;min-height:-moz-available;min-height:stretch;right:0;top:0;transition:transform .35s cubic-bezier(.33,1,.68,1);transform:translate(100%);z-index:1050}:host .gds-slide-out>.header,:host .gds-slide-out>header{padding:1rem;border-bottom:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);display:inline-flex;justify-content:space-between;align-items:center;width:100%}:host .gds-slide-out>.header h3,:host .gds-slide-out>.header .h3,:host .gds-slide-out>header h3,:host .gds-slide-out>header .h3{margin-bottom:0;margin-top:0}:host .gds-slide-out>.header h3+.close,:host .gds-slide-out>.header .h3+.close,:host .gds-slide-out>header h3+.close,:host .gds-slide-out>header .h3+.close{margin:-7px;min-width:2rem}:host .gds-slide-out>.body{padding:1rem;overflow:auto;width:100%}:host .gds-slide-out>.body p{margin-bottom:0;margin-top:0}:host .gds-slide-out>.footer,:host .gds-slide-out>footer{padding:1rem;width:100%}@media (min-width: 36em){:host .gds-slide-out>.footer,:host .gds-slide-out>footer{display:flex;justify-content:flex-end}}@media (max-width: 35.98em){:host .gds-slide-out>.footer button+button,:host .gds-slide-out>.footer button+.button,:host .gds-slide-out>.footer .button+button,:host .gds-slide-out>.footer .button+.button,:host .gds-slide-out>footer button+button,:host .gds-slide-out>footer button+.button,:host .gds-slide-out>footer .button+button,:host .gds-slide-out>footer .button+.button{margin-top:.75rem}}@media (min-width: 36em){:host .gds-slide-out>.footer button+button,:host .gds-slide-out>.footer button+.button,:host .gds-slide-out>.footer .button+button,:host .gds-slide-out>.footer .button+.button,:host .gds-slide-out>footer button+button,:host .gds-slide-out>footer button+.button,:host .gds-slide-out>footer .button+button,:host .gds-slide-out>footer .button+.button{margin-left:.75rem}}:host .gds-slide-out.is-entering,:host .gds-slide-out.entered{transform:translate(0)}:host .gds-slide-out.is-exiting{transform:translate(100%)}:host .gds-slide-out.large{max-width:720px}:host .gds-slide-out>.body{flex:1 0}:host .gds-slide-out.left{left:0}:host .gds-slide-out.gds-slide-out--768{max-width:48rem}:host .gds-slide-out.gds-slide-out--960{max-width:60rem}:host .gds-slide-out.gds-slide-out--768 header,:host .gds-slide-out.gds-slide-out--960 header{padding:1.5rem 2rem 1rem}:host .gds-slide-out.gds-slide-out--768 .body,:host .gds-slide-out.gds-slide-out--960 .body{padding:2rem 2rem 1rem}:host .gds-slide-out.gds-slide-out--768 footer,:host .gds-slide-out.gds-slide-out--960 footer{padding:1rem 2rem 2rem}:host .gds-slide-out.auto-width{width:auto;max-width:initial}:host .hide-if-empty:empty{display:none}:host .gds-backdrop{background:#00000059;inset:0;position:fixed;z-index:1040;display:block;transition:opacity .5s cubic-bezier(.33,1,.68,1)}:host .gds-backdrop--transparent{opacity:0}:host .gds-backdrop--transparent.entered,:host .gds-backdrop--transparent.is-entering{opacity:1}:host .gds-backdrop--transparent.is-exiting{opacity:0}:host .gds-slide-out__content{padding:1rem;overflow:auto;width:100%}:host .gds-slide-out__content p{margin-bottom:0;margin-top:0}:host #sdv-modal-body{flex:1}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NgvSlideOutComponent, selector: "nggv-slideout-modal", inputs: { side: "side", shown: "shown", initiallyShown: "initiallyShown", heading: "heading", title: "title", content: "content", closable: "closable", autoWidth: "autoWidth", thook: "thook", buttons: "buttons" }, outputs: { nggvCloseEvent: "nggvCloseEvent", nggvPositiveEvent: "nggvPositiveEvent", nggvNeutralEvent: "nggvNeutralEvent", nggvNegativeEvent: "nggvNegativeEvent" }, host: { listeners: { "click": "close($event,\"host\")", "document:keydown.escape": "close($event)", "keydown": "focusTrap($event)" } }, viewQueries: [{ propertyName: "slideOutRef", first: true, predicate: ["slideOut"], descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"shown\">\n  <div\n    [ngClass]=\"{\n      'gds-slide-out--left': fromLeft,\n      'gds-slide-out--right': !fromLeft,\n    }\"\n    *transloco=\"let t\"\n    [class.-active]=\"shown\"\n    [attr.data-thook]=\"thook\"\n    [attr.aria-hidden]=\"!shown\"\n    [@modalAnimation]\n  >\n    <div\n      #slideOut\n      class=\"gds-slide-out\"\n      [class.auto-width]=\"autoWidth\"\n      [class.entered]=\"shown\"\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-labelledby=\"sdv-modal-title\"\n      aria-describedby=\"sdv-modal-body\"\n    >\n      <header class=\"gds-slide-out__header\">\n        <h3 class=\"gds-slide-out__heading\" id=\"sdv-modal-title\">\n          {{ heading || title || '' }}\n        </h3>\n        <button\n          data-testid=\"modal-close-button\"\n          class=\"close\"\n          (click)=\"this.close()\"\n        >\n          <span className=\"sr-only\">Close</span>\n          <i></i>\n        </button>\n      </header>\n\n      <section id=\"modal-body\">\n        <div class=\"gds-slide-out__content hide-if-empty\">\n          <div *ngIf=\"content\" [innerHtml]=\"content\"></div>\n          <ng-content></ng-content>\n        </div>\n        <ng-content select=\"[slot='outside-content']\"></ng-content>\n      </section>\n\n      <footer class=\"modal-dialog__actions\">\n        <button\n          class=\"danger\"\n          type=\"reset\"\n          [attr.data-thook]=\"'dialog-' + (_buttons?.negative || 'negative')\"\n          (click)=\"onAction($event, 'negative')\"\n          (keydown.enter)=\"onAction($event, 'negative')\"\n          *ngIf=\"_buttons && _buttons.negative\"\n        >\n          {{ t(_buttons.negative) }}\n        </button>\n\n        <button\n          class=\"secondary\"\n          type=\"button\"\n          [attr.data-thook]=\"'dialog-' + (_buttons?.neutral || 'neutral')\"\n          (click)=\"onAction($event, 'neutral')\"\n          (keydown.enter)=\"onAction($event, 'neutral')\"\n          *ngIf=\"_buttons && _buttons.neutral\"\n        >\n          {{ t(_buttons.neutral) }}\n        </button>\n\n        <button\n          type=\"submit\"\n          [attr.data-thook]=\"'dialog-' + (_buttons?.positive || 'positive')\"\n          (click)=\"onAction($event, 'positive')\"\n          (keydown.enter)=\"onAction($event, 'positive')\"\n          *ngIf=\"_buttons && _buttons.positive\"\n        >\n          {{ t(_buttons.positive) }}\n        </button>\n      </footer>\n    </div>\n\n    <div\n      class=\"gds-backdrop\"\n      data-thook=\"slideout-backdrop\"\n      (click)=\"close()\"\n    ></div>\n  </div>\n</ng-container>\n", styles: ["button,input[type=button],input[type=submit],input[type=reset],.button,.gds-filter-chip{background-color:transparent;border:0;cursor:pointer;font-family:inherit;padding:0}button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)),input:where([type=button],[type=submit],[type=reset]),.button{padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);font-weight:500;min-height:2.75rem;align-items:center;display:inline-flex;justify-content:center}button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus:not(:focus-visible),input:where([type=button],[type=submit],[type=reset]):focus:not(:focus-visible),.button:focus:not(:focus-visible){box-shadow:none;outline:0}button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus,button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus-visible,input:where([type=button],[type=submit],[type=reset]):focus,input:where([type=button],[type=submit],[type=reset]):focus-visible,.button:focus,.button:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}@media (max-width: 35.98em){button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)),input:where([type=button],[type=submit],[type=reset]),.button{min-width:100%}}@media screen and (-ms-high-contrast: active){button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)),input:where([type=button],[type=submit],[type=reset]),.button{border:2px solid currentcolor}}button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).small,input:where([type=button],[type=submit],[type=reset]).small,.button.small{min-height:2rem;padding:.4375rem .75rem;line-height:1rem}button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).large,input:where([type=button],[type=submit],[type=reset]).large,.button.large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)),a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)),button.secondary,a.button.secondary,input:is([type=button],[type=reset]),button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])),button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)){transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:transparent;border-color:#007ac7;color:#007ac7;--color: rgb(0, 122, 199)}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus:not(:focus-visible),a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus:not(:focus-visible),button.secondary:focus:not(:focus-visible),a.button.secondary:focus:not(:focus-visible),input:is([type=button],[type=reset]):focus:not(:focus-visible),button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):focus:not(:focus-visible),button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus:not(:focus-visible){box-shadow:none;outline:0}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus-visible,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus-visible,button.secondary:focus,button.secondary:focus-visible,a.button.secondary:focus,a.button.secondary:focus-visible,input:is([type=button],[type=reset]):focus,input:is([type=button],[type=reset]):focus-visible,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):focus,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):focus-visible,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):not(:disabled,.disabled,[aria-disabled]):hover,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover,button.secondary:not(:disabled,.disabled,[aria-disabled]):hover,a.button.secondary:not(:disabled,.disabled,[aria-disabled]):hover,input:is([type=button],[type=reset]):not(:disabled,.disabled,[aria-disabled]):hover,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):not(:disabled,.disabled,[aria-disabled]):hover,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-selected=true],button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):active,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).active,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).active:hover,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):active:hover,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-selected=true],a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active:hover,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active:hover,button.secondary[aria-selected=true],button.secondary:active,button.secondary.active,button.secondary.active:hover,button.secondary:active:hover,a.button.secondary[aria-selected=true],a.button.secondary:active,a.button.secondary.active,a.button.secondary.active:hover,a.button.secondary:active:hover,input:is([type=button],[type=reset])[aria-selected=true],input:is([type=button],[type=reset]):active,input:is([type=button],[type=reset]).active,input:is([type=button],[type=reset]).active:hover,input:is([type=button],[type=reset]):active:hover,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu]))[aria-selected=true],button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):active,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])).active,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])).active:hover,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):active:hover,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-selected=true],button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active:hover,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):disabled,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).disabled,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-disabled=true],a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):disabled,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).disabled,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-disabled=true],button.secondary:disabled,button.secondary.disabled,button.secondary[aria-disabled=true],a.button.secondary:disabled,a.button.secondary.disabled,a.button.secondary[aria-disabled=true],input:is([type=button],[type=reset]):disabled,input:is([type=button],[type=reset]).disabled,input:is([type=button],[type=reset])[aria-disabled=true],button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):disabled,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])).disabled,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu]))[aria-disabled=true],button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):disabled,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).disabled,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-disabled=true]{background:var(--sg-form-control-bg-disabled)!important;color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):disabled::placeholder,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).disabled::placeholder,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-disabled=true]::placeholder,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):disabled::placeholder,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).disabled::placeholder,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-disabled=true]::placeholder,button.secondary:disabled::placeholder,button.secondary.disabled::placeholder,button.secondary[aria-disabled=true]::placeholder,a.button.secondary:disabled::placeholder,a.button.secondary.disabled::placeholder,a.button.secondary[aria-disabled=true]::placeholder,input:is([type=button],[type=reset]):disabled::placeholder,input:is([type=button],[type=reset]).disabled::placeholder,input:is([type=button],[type=reset])[aria-disabled=true]::placeholder,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):disabled::placeholder,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])).disabled::placeholder,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu]))[aria-disabled=true]::placeholder,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):disabled::placeholder,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).disabled::placeholder,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)),a.button:where(:not(.primary,.secondary,.ghost,.close,.link)),button.tertiary,a.button.tertiary{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:transparent;border-color:transparent;color:#007ac7;--color: rgb(0, 122, 199)}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus:not(:focus-visible),a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):focus:not(:focus-visible),button.tertiary:focus:not(:focus-visible),a.button.tertiary:focus:not(:focus-visible){box-shadow:none;outline:0}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus-visible,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):focus,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):focus-visible,button.tertiary:focus,button.tertiary:focus-visible,a.button.tertiary:focus,a.button.tertiary:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):not(:disabled,.disabled,[aria-disabled]):hover,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover,button.tertiary:not(:disabled,.disabled,[aria-disabled]):hover,a.button.tertiary:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-selected=true],button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):active,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).active,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).active:hover,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):active:hover,a.button:where(:not(.primary,.secondary,.ghost,.close,.link))[aria-selected=true],a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):active,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)).active,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)).active:hover,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):active:hover,button.tertiary[aria-selected=true],button.tertiary:active,button.tertiary.active,button.tertiary.active:hover,button.tertiary:active:hover,a.button.tertiary[aria-selected=true],a.button.tertiary:active,a.button.tertiary.active,a.button.tertiary.active:hover,a.button.tertiary:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):disabled,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).disabled,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-disabled=true],a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):disabled,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)).disabled,a.button:where(:not(.primary,.secondary,.ghost,.close,.link))[aria-disabled=true],button.tertiary:disabled,button.tertiary.disabled,button.tertiary[aria-disabled=true],a.button.tertiary:disabled,a.button.tertiary.disabled,a.button.tertiary[aria-disabled=true]{background:var(--sg-form-control-bg-disabled)!important;color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):disabled::placeholder,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).disabled::placeholder,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-disabled=true]::placeholder,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):disabled::placeholder,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)).disabled::placeholder,a.button:where(:not(.primary,.secondary,.ghost,.close,.link))[aria-disabled=true]::placeholder,button.tertiary:disabled::placeholder,button.tertiary.disabled::placeholder,button.tertiary[aria-disabled=true]::placeholder,a.button.tertiary:disabled::placeholder,a.button.tertiary.disabled::placeholder,a.button.tertiary[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}button.primary,input[type=submit],button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip),input[type=submit]:not(.secondary,.ghost,.danger,.close,.link),a.button.primary{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:#007ac7;border-color:#007ac7;color:#fff;--color: #fff}button.primary:not(:disabled,.disabled,[aria-disabled]):hover,input[type=submit]:not(:disabled,.disabled,[aria-disabled]):hover,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):not(:disabled,.disabled,[aria-disabled]):hover,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):not(:disabled,.disabled,[aria-disabled]):hover,a.button.primary:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}button.primary[aria-selected=true],button.primary:active,button.primary.active,button.primary.active:hover,button.primary:active:hover,input[type=submit][aria-selected=true],input[type=submit]:active,input[type=submit].active,input[type=submit].active:hover,input[type=submit]:active:hover,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip)[aria-selected=true],button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):active,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip).active,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip).active:hover,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):active:hover,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link)[aria-selected=true],input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):active,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link).active,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link).active:hover,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):active:hover,a.button.primary[aria-selected=true],a.button.primary:active,a.button.primary.active,a.button.primary.active:hover,a.button.primary:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}button.primary:focus-visible,input[type=submit]:focus-visible,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):focus-visible,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):focus-visible,a.button.primary:focus-visible{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3!important}button.primary:disabled,button.primary.disabled,button.primary[aria-disabled=true],input[type=submit]:disabled,input[type=submit].disabled,input[type=submit][aria-disabled=true],button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):disabled,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip).disabled,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip)[aria-disabled=true],input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):disabled,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link).disabled,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link)[aria-disabled=true],a.button.primary:disabled,a.button.primary.disabled,a.button.primary[aria-disabled=true]{background:var(--form-control-primary-bg-disabled)!important;color:var(--text-primary-disabled-color)!important;border-color:var(--border-primary-disabled-color)!important;cursor:not-allowed}button.primary:disabled::placeholder,button.primary.disabled::placeholder,button.primary[aria-disabled=true]::placeholder,input[type=submit]:disabled::placeholder,input[type=submit].disabled::placeholder,input[type=submit][aria-disabled=true]::placeholder,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):disabled::placeholder,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip).disabled::placeholder,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip)[aria-disabled=true]::placeholder,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):disabled::placeholder,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link).disabled::placeholder,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link)[aria-disabled=true]::placeholder,a.button.primary:disabled::placeholder,a.button.primary.disabled::placeholder,a.button.primary[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}button.ghost,.button.ghost{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;border-color:#333;color:#333;--color: rgb(51, 51, 51)}button.ghost:not(:disabled,.disabled,[aria-disabled]):hover,.button.ghost:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333}button.ghost[aria-selected=true],button.ghost:active,button.ghost.active,button.ghost.active:hover,button.ghost:active:hover,.button.ghost[aria-selected=true],.button.ghost:active,.button.ghost.active,.button.ghost.active:hover,.button.ghost:active:hover{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333}button.ghost[aria-selected]:hover,button.ghost.active:hover,button.ghost:active:hover,.button.ghost[aria-selected]:hover,.button.ghost.active:hover,.button.ghost:active:hover{opacity:.9}button.ghost:focus-visible,.button.ghost:focus-visible{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333!important}button.ghost:disabled,button.ghost.disabled,button.ghost[aria-disabled=true],.button.ghost:disabled,.button.ghost.disabled,.button.ghost[aria-disabled=true]{color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}button.ghost:disabled::placeholder,button.ghost.disabled::placeholder,button.ghost[aria-disabled=true]::placeholder,.button.ghost:disabled::placeholder,.button.ghost.disabled::placeholder,.button.ghost[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}button.icon,.button.icon{background-color:transparent;border:.0625rem solid transparent;padding:.625rem;height:2.75rem;width:2.75rem;min-width:auto;--color: var(--gds-ref-pallet-base800)}.form-group button.icon,.form-group .button.icon{margin-top:-.625rem}button.icon.small,.button.icon.small{height:2rem;width:2rem;padding:.4375rem;line-height:1.125rem}button.icon svg,.button.icon svg{height:1rem;width:1rem}button.icon path,button.icon line,button.icon circle,button.icon rect,button.icon ellipse,button.icon polyline,button.icon text,.button.icon path,.button.icon line,.button.icon circle,.button.icon rect,.button.icon ellipse,.button.icon polyline,.button.icon text{fill:var(--gds-ref-pallet-base800);stroke:var(--gds-ref-pallet-base800);transition:all .3s cubic-bezier(.23,1,.32,1)}button.icon:hover,button.icon.highlighted,.button.icon:hover,.button.icon.highlighted{background-color:#0000001a;border-color:transparent}button.icon:active,button.icon.highlighted:hover,.button.icon:active,.button.icon.highlighted:hover{background-color:#0003;border-color:transparent}button.primary.danger,.button.primary.danger,button[type=submit].danger:not(.secondary,.ghost,.close,.link),input[type=submit].danger:not(.secondary,.ghost,.close,.link){background:#bb000c;border-color:#bb000c;color:#fff;--color: #fff;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s}button.primary.danger:not(:disabled,.disabled,[aria-disabled]):hover,.button.primary.danger:not(:disabled,.disabled,[aria-disabled]):hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link):not(:disabled,.disabled,[aria-disabled]):hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link):not(:disabled,.disabled,[aria-disabled]):hover{background-color:#d81a1a;color:#fff;--background: rgb(216, 26, 26);--color: rgb(255, 255, 255);border-color:#d81a1a}button.primary.danger[aria-selected=true],button.primary.danger:active,button.primary.danger.active,button.primary.danger.active:hover,button.primary.danger:active:hover,.button.primary.danger[aria-selected=true],.button.primary.danger:active,.button.primary.danger.active,.button.primary.danger.active:hover,.button.primary.danger:active:hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-selected=true],button[type=submit].danger:not(.secondary,.ghost,.close,.link):active,button[type=submit].danger:not(.secondary,.ghost,.close,.link).active,button[type=submit].danger:not(.secondary,.ghost,.close,.link).active:hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link):active:hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-selected=true],input[type=submit].danger:not(.secondary,.ghost,.close,.link):active,input[type=submit].danger:not(.secondary,.ghost,.close,.link).active,input[type=submit].danger:not(.secondary,.ghost,.close,.link).active:hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link):active:hover{background-color:#bb000c;color:#fff;--background: rgb(187, 0, 12);--color: rgb(255, 255, 255);border-color:#bb000c}button.primary.danger[aria-selected]:hover,button.primary.danger.active:hover,button.primary.danger:active:hover,.button.primary.danger[aria-selected]:hover,.button.primary.danger.active:hover,.button.primary.danger:active:hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-selected]:hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link).active:hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link):active:hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-selected]:hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link).active:hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link):active:hover{opacity:.9}button.primary.danger:focus:not(:focus-visible),.button.primary.danger:focus:not(:focus-visible),button[type=submit].danger:not(.secondary,.ghost,.close,.link):focus:not(:focus-visible),input[type=submit].danger:not(.secondary,.ghost,.close,.link):focus:not(:focus-visible){box-shadow:none;outline:0}button.primary.danger:focus,button.primary.danger:focus-visible,.button.primary.danger:focus,.button.primary.danger:focus-visible,button[type=submit].danger:not(.secondary,.ghost,.close,.link):focus,button[type=submit].danger:not(.secondary,.ghost,.close,.link):focus-visible,input[type=submit].danger:not(.secondary,.ghost,.close,.link):focus,input[type=submit].danger:not(.secondary,.ghost,.close,.link):focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}button.primary.danger:disabled,button.primary.danger.disabled,button.primary.danger[aria-disabled=true],.button.primary.danger:disabled,.button.primary.danger.disabled,.button.primary.danger[aria-disabled=true],button[type=submit].danger:not(.secondary,.ghost,.close,.link):disabled,button[type=submit].danger:not(.secondary,.ghost,.close,.link).disabled,button[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-disabled=true],input[type=submit].danger:not(.secondary,.ghost,.close,.link):disabled,input[type=submit].danger:not(.secondary,.ghost,.close,.link).disabled,input[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-disabled=true]{background:var(--form-control-primary-bg-disabled)!important;color:var(--text-primary-disabled-color)!important;border-color:var(--border-primary-disabled-color)!important;cursor:not-allowed}button.primary.danger:disabled::placeholder,button.primary.danger.disabled::placeholder,button.primary.danger[aria-disabled=true]::placeholder,.button.primary.danger:disabled::placeholder,.button.primary.danger.disabled::placeholder,.button.primary.danger[aria-disabled=true]::placeholder,button[type=submit].danger:not(.secondary,.ghost,.close,.link):disabled::placeholder,button[type=submit].danger:not(.secondary,.ghost,.close,.link).disabled::placeholder,button[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-disabled=true]::placeholder,input[type=submit].danger:not(.secondary,.ghost,.close,.link):disabled::placeholder,input[type=submit].danger:not(.secondary,.ghost,.close,.link).disabled::placeholder,input[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])),a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)),button.secondary.danger,a.button.secondary.danger,input.danger:is([type=button],[type=reset]),button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])),button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)){color:#bb000c;--color: rgb(187, 0, 12);border-color:transparent;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):not(:disabled,.disabled,[aria-disabled]):hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover,button.secondary.danger:not(:disabled,.disabled,[aria-disabled]):hover,a.button.secondary.danger:not(:disabled,.disabled,[aria-disabled]):hover,input.danger:is([type=button],[type=reset]):not(:disabled,.disabled,[aria-disabled]):hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):not(:disabled,.disabled,[aria-disabled]):hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover{background-color:#d81a1a;color:#fff;--background: rgb(216, 26, 26);--color: rgb(255, 255, 255);border-color:#d81a1a}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch]))[aria-selected=true],button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active:hover,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active:hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link))[aria-selected=true],a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):active,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)).active,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)).active:hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):active:hover,button.secondary.danger[aria-selected=true],button.secondary.danger:active,button.secondary.danger.active,button.secondary.danger.active:hover,button.secondary.danger:active:hover,a.button.secondary.danger[aria-selected=true],a.button.secondary.danger:active,a.button.secondary.danger.active,a.button.secondary.danger.active:hover,a.button.secondary.danger:active:hover,input.danger:is([type=button],[type=reset])[aria-selected=true],input.danger:is([type=button],[type=reset]):active,input.danger:is([type=button],[type=reset]).active,input.danger:is([type=button],[type=reset]).active:hover,input.danger:is([type=button],[type=reset]):active:hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu]))[aria-selected=true],button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):active,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])).active,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])).active:hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):active:hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-selected=true],button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active:hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active:hover{background-color:#bb000c;color:#fff;--background: rgb(187, 0, 12);--color: rgb(255, 255, 255);border-color:#bb000c}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch]))[aria-selected]:hover,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active:hover,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active:hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link))[aria-selected]:hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)).active:hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):active:hover,button.secondary.danger[aria-selected]:hover,button.secondary.danger.active:hover,button.secondary.danger:active:hover,a.button.secondary.danger[aria-selected]:hover,a.button.secondary.danger.active:hover,a.button.secondary.danger:active:hover,input.danger:is([type=button],[type=reset])[aria-selected]:hover,input.danger:is([type=button],[type=reset]).active:hover,input.danger:is([type=button],[type=reset]):active:hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu]))[aria-selected]:hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])).active:hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):active:hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-selected]:hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active:hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active:hover{opacity:.9}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus:not(:focus-visible),a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):focus:not(:focus-visible),button.secondary.danger:focus:not(:focus-visible),a.button.secondary.danger:focus:not(:focus-visible),input.danger:is([type=button],[type=reset]):focus:not(:focus-visible),button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):focus:not(:focus-visible),button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus:not(:focus-visible){box-shadow:none;outline:0}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus-visible,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):focus,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):focus-visible,button.secondary.danger:focus,button.secondary.danger:focus-visible,a.button.secondary.danger:focus,a.button.secondary.danger:focus-visible,input.danger:is([type=button],[type=reset]):focus,input.danger:is([type=button],[type=reset]):focus-visible,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):focus,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):focus-visible,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])),a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)),button.tertiary.danger,a.button.tertiary.danger{color:#bb000c;--color: rgb(187, 0, 12);border-color:transparent;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):not(:disabled,.disabled,[aria-disabled]):hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover,button.tertiary.danger:not(:disabled,.disabled,[aria-disabled]):hover,a.button.tertiary.danger:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#d81a1a;color:#fff;--background: rgb(216, 26, 26);--color: rgb(255, 255, 255);border-color:#d81a1a}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch]))[aria-selected=true],button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active:hover,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active:hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link))[aria-selected=true],a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):active,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)).active,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)).active:hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):active:hover,button.tertiary.danger[aria-selected=true],button.tertiary.danger:active,button.tertiary.danger.active,button.tertiary.danger.active:hover,button.tertiary.danger:active:hover,a.button.tertiary.danger[aria-selected=true],a.button.tertiary.danger:active,a.button.tertiary.danger.active,a.button.tertiary.danger.active:hover,a.button.tertiary.danger:active:hover{background-color:#bb000c;color:#fff;--background: rgb(187, 0, 12);--color: rgb(255, 255, 255);border-color:#bb000c}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch]))[aria-selected]:hover,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active:hover,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active:hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link))[aria-selected]:hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)).active:hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):active:hover,button.tertiary.danger[aria-selected]:hover,button.tertiary.danger.active:hover,button.tertiary.danger:active:hover,a.button.tertiary.danger[aria-selected]:hover,a.button.tertiary.danger.active:hover,a.button.tertiary.danger:active:hover{opacity:.9}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus:not(:focus-visible),a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):focus:not(:focus-visible),button.tertiary.danger:focus:not(:focus-visible),a.button.tertiary.danger:focus:not(:focus-visible){box-shadow:none;outline:0}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus-visible,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):focus,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):focus-visible,button.tertiary.danger:focus,button.tertiary.danger:focus-visible,a.button.tertiary.danger:focus,a.button.tertiary.danger:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .gds-slide-out{background:var(--sg-modal-background);display:flex;flex-direction:column;box-shadow:var(--sg-modal-box-shadow);position:absolute;width:100%;z-index:var(--sg-z-index-modal);position:fixed;height:100dvh;max-width:512px;min-height:-webkit-fill-available;min-height:-moz-available;min-height:stretch;right:0;top:0;transition:transform .35s cubic-bezier(.33,1,.68,1);transform:translate(100%);z-index:1050}:host .gds-slide-out>.header,:host .gds-slide-out>header{padding:1rem;border-bottom:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);display:inline-flex;justify-content:space-between;align-items:center;width:100%}:host .gds-slide-out>.header h3,:host .gds-slide-out>.header .h3,:host .gds-slide-out>header h3,:host .gds-slide-out>header .h3{margin-bottom:0;margin-top:0}:host .gds-slide-out>.header h3+.close,:host .gds-slide-out>.header .h3+.close,:host .gds-slide-out>header h3+.close,:host .gds-slide-out>header .h3+.close{margin:-7px;min-width:2rem}:host .gds-slide-out>.body{padding:1rem;overflow:auto;width:100%}:host .gds-slide-out>.body p{margin-bottom:0;margin-top:0}:host .gds-slide-out>.footer,:host .gds-slide-out>footer{padding:1rem;width:100%}@media (min-width: 36em){:host .gds-slide-out>.footer,:host .gds-slide-out>footer{display:flex;justify-content:flex-end}}@media (max-width: 35.98em){:host .gds-slide-out>.footer button+button,:host .gds-slide-out>.footer button+.button,:host .gds-slide-out>.footer .button+button,:host .gds-slide-out>.footer .button+.button,:host .gds-slide-out>footer button+button,:host .gds-slide-out>footer button+.button,:host .gds-slide-out>footer .button+button,:host .gds-slide-out>footer .button+.button{margin-top:.75rem}}@media (min-width: 36em){:host .gds-slide-out>.footer button+button,:host .gds-slide-out>.footer button+.button,:host .gds-slide-out>.footer .button+button,:host .gds-slide-out>.footer .button+.button,:host .gds-slide-out>footer button+button,:host .gds-slide-out>footer button+.button,:host .gds-slide-out>footer .button+button,:host .gds-slide-out>footer .button+.button{margin-left:.75rem}}:host .gds-slide-out.is-entering,:host .gds-slide-out.entered{transform:translate(0)}:host .gds-slide-out.is-exiting{transform:translate(100%)}:host .gds-slide-out.large{max-width:720px}:host .gds-slide-out>.body{flex:1 0}:host .gds-slide-out.left{left:0}:host .gds-slide-out.gds-slide-out--768{max-width:48rem}:host .gds-slide-out.gds-slide-out--960{max-width:60rem}:host .gds-slide-out.gds-slide-out--768 header,:host .gds-slide-out.gds-slide-out--960 header{padding:1.5rem 2rem 1rem}:host .gds-slide-out.gds-slide-out--768 .body,:host .gds-slide-out.gds-slide-out--960 .body{padding:2rem 2rem 1rem}:host .gds-slide-out.gds-slide-out--768 footer,:host .gds-slide-out.gds-slide-out--960 footer{padding:1rem 2rem 2rem}:host .gds-slide-out.auto-width{width:auto;max-width:initial}:host .hide-if-empty:empty{display:none}:host .gds-backdrop{background:#00000059;inset:0;position:fixed;z-index:1040;display:block;transition:opacity .5s cubic-bezier(.33,1,.68,1)}:host .gds-backdrop--transparent{opacity:0}:host .gds-backdrop--transparent.entered,:host .gds-backdrop--transparent.is-entering{opacity:1}:host .gds-backdrop--transparent.is-exiting{opacity:0}:host .gds-slide-out__content{padding:1rem;overflow:auto;width:100%}:host .gds-slide-out__content p{margin-bottom:0;margin-top:0}:host .modal-dialog__actions,:host .gds-slide-out__header,:host .modal-body,:host .gds-slide-out__content{box-sizing:border-box}:host #sdv-modal-body{flex:1}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }], animations: [
             trigger('modalAnimation', [
                 transition(':enter', [
                     query('.gds-slide-out', style({ transform: 'translateX(100%)' }), {
@@ -2746,7 +2747,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                                 ]),
                             ]),
                         ]),
-                    ], template: "<ng-container *ngIf=\"shown\">\n  <div\n    [ngClass]=\"{\n      'gds-slide-out--left': fromLeft,\n      'gds-slide-out--right': !fromLeft,\n    }\"\n    *transloco=\"let t\"\n    [class.-active]=\"shown\"\n    [attr.data-thook]=\"thook\"\n    [attr.aria-hidden]=\"!shown\"\n    [@modalAnimation]\n  >\n    <div\n      #slideOut\n      class=\"gds-slide-out\"\n      [class.auto-width]=\"autoWidth\"\n      [class.entered]=\"shown\"\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-labelledby=\"sdv-modal-title\"\n      aria-describedby=\"sdv-modal-body\"\n    >\n      <header class=\"gds-slide-out__header\">\n        <h3 class=\"gds-slide-out__heading\" id=\"sdv-modal-title\">\n          {{ heading || title || '' }}\n        </h3>\n        <button\n          data-testid=\"modal-close-button\"\n          class=\"close\"\n          (click)=\"this.close()\"\n        >\n          <span className=\"sr-only\">Close</span>\n          <i></i>\n        </button>\n      </header>\n\n      <section id=\"sdv-modal-body\">\n        <div class=\"gds-slide-out__content hide-if-empty\">\n          <div *ngIf=\"content\" [innerHtml]=\"content\"></div>\n          <ng-content></ng-content>\n        </div>\n        <ng-content select=\"[slot='outside-content']\"></ng-content>\n      </section>\n\n      <footer class=\"sdv-modal-dialog__actions\">\n        <button\n          class=\"danger\"\n          type=\"reset\"\n          [attr.data-thook]=\"'dialog-' + (_buttons?.negative || 'negative')\"\n          (click)=\"onAction($event, 'negative')\"\n          (keydown.enter)=\"onAction($event, 'negative')\"\n          *ngIf=\"_buttons && _buttons.negative\"\n        >\n          {{ t(_buttons.negative) }}\n        </button>\n\n        <button\n          class=\"secondary\"\n          type=\"button\"\n          [attr.data-thook]=\"'dialog-' + (_buttons?.neutral || 'neutral')\"\n          (click)=\"onAction($event, 'neutral')\"\n          (keydown.enter)=\"onAction($event, 'neutral')\"\n          *ngIf=\"_buttons && _buttons.neutral\"\n        >\n          {{ t(_buttons.neutral) }}\n        </button>\n\n        <button\n          type=\"submit\"\n          [attr.data-thook]=\"'dialog-' + (_buttons?.positive || 'positive')\"\n          (click)=\"onAction($event, 'positive')\"\n          (keydown.enter)=\"onAction($event, 'positive')\"\n          *ngIf=\"_buttons && _buttons.positive\"\n        >\n          {{ t(_buttons.positive) }}\n        </button>\n      </footer>\n    </div>\n\n    <div\n      class=\"gds-backdrop\"\n      data-thook=\"slideout-backdrop\"\n      (click)=\"close()\"\n    ></div>\n  </div>\n</ng-container>\n", styles: [":host .gds-slide-out{background:var(--sg-modal-background);display:flex;flex-direction:column;box-shadow:var(--sg-modal-box-shadow);position:absolute;width:100%;z-index:var(--sg-z-index-modal);position:fixed;height:100dvh;max-width:512px;min-height:-webkit-fill-available;min-height:-moz-available;min-height:stretch;right:0;top:0;transition:transform .35s cubic-bezier(.33,1,.68,1);transform:translate(100%);z-index:1050}:host .gds-slide-out>.header,:host .gds-slide-out>header{padding:1rem;border-bottom:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);display:inline-flex;justify-content:space-between;align-items:center;width:100%}:host .gds-slide-out>.header h3,:host .gds-slide-out>.header .h3,:host .gds-slide-out>header h3,:host .gds-slide-out>header .h3{margin-bottom:0;margin-top:0}:host .gds-slide-out>.header h3+.close,:host .gds-slide-out>.header .h3+.close,:host .gds-slide-out>header h3+.close,:host .gds-slide-out>header .h3+.close{margin:-7px;min-width:2rem}:host .gds-slide-out>.body{padding:1rem;overflow:auto;width:100%}:host .gds-slide-out>.body p{margin-bottom:0;margin-top:0}:host .gds-slide-out>.footer,:host .gds-slide-out>footer{padding:1rem;width:100%}@media (min-width: 36em){:host .gds-slide-out>.footer,:host .gds-slide-out>footer{display:flex;justify-content:flex-end}}@media (max-width: 35.98em){:host .gds-slide-out>.footer button+button,:host .gds-slide-out>.footer button+.button,:host .gds-slide-out>.footer .button+button,:host .gds-slide-out>.footer .button+.button,:host .gds-slide-out>footer button+button,:host .gds-slide-out>footer button+.button,:host .gds-slide-out>footer .button+button,:host .gds-slide-out>footer .button+.button{margin-top:.75rem}}@media (min-width: 36em){:host .gds-slide-out>.footer button+button,:host .gds-slide-out>.footer button+.button,:host .gds-slide-out>.footer .button+button,:host .gds-slide-out>.footer .button+.button,:host .gds-slide-out>footer button+button,:host .gds-slide-out>footer button+.button,:host .gds-slide-out>footer .button+button,:host .gds-slide-out>footer .button+.button{margin-left:.75rem}}:host .gds-slide-out.is-entering,:host .gds-slide-out.entered{transform:translate(0)}:host .gds-slide-out.is-exiting{transform:translate(100%)}:host .gds-slide-out.large{max-width:720px}:host .gds-slide-out>.body{flex:1 0}:host .gds-slide-out.left{left:0}:host .gds-slide-out.gds-slide-out--768{max-width:48rem}:host .gds-slide-out.gds-slide-out--960{max-width:60rem}:host .gds-slide-out.gds-slide-out--768 header,:host .gds-slide-out.gds-slide-out--960 header{padding:1.5rem 2rem 1rem}:host .gds-slide-out.gds-slide-out--768 .body,:host .gds-slide-out.gds-slide-out--960 .body{padding:2rem 2rem 1rem}:host .gds-slide-out.gds-slide-out--768 footer,:host .gds-slide-out.gds-slide-out--960 footer{padding:1rem 2rem 2rem}:host .gds-slide-out.auto-width{width:auto;max-width:initial}:host .hide-if-empty:empty{display:none}:host .gds-backdrop{background:#00000059;inset:0;position:fixed;z-index:1040;display:block;transition:opacity .5s cubic-bezier(.33,1,.68,1)}:host .gds-backdrop--transparent{opacity:0}:host .gds-backdrop--transparent.entered,:host .gds-backdrop--transparent.is-entering{opacity:1}:host .gds-backdrop--transparent.is-exiting{opacity:0}:host .gds-slide-out__content{padding:1rem;overflow:auto;width:100%}:host .gds-slide-out__content p{margin-bottom:0;margin-top:0}:host #sdv-modal-body{flex:1}\n"] }]
+                    ], template: "<ng-container *ngIf=\"shown\">\n  <div\n    [ngClass]=\"{\n      'gds-slide-out--left': fromLeft,\n      'gds-slide-out--right': !fromLeft,\n    }\"\n    *transloco=\"let t\"\n    [class.-active]=\"shown\"\n    [attr.data-thook]=\"thook\"\n    [attr.aria-hidden]=\"!shown\"\n    [@modalAnimation]\n  >\n    <div\n      #slideOut\n      class=\"gds-slide-out\"\n      [class.auto-width]=\"autoWidth\"\n      [class.entered]=\"shown\"\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-labelledby=\"sdv-modal-title\"\n      aria-describedby=\"sdv-modal-body\"\n    >\n      <header class=\"gds-slide-out__header\">\n        <h3 class=\"gds-slide-out__heading\" id=\"sdv-modal-title\">\n          {{ heading || title || '' }}\n        </h3>\n        <button\n          data-testid=\"modal-close-button\"\n          class=\"close\"\n          (click)=\"this.close()\"\n        >\n          <span className=\"sr-only\">Close</span>\n          <i></i>\n        </button>\n      </header>\n\n      <section id=\"modal-body\">\n        <div class=\"gds-slide-out__content hide-if-empty\">\n          <div *ngIf=\"content\" [innerHtml]=\"content\"></div>\n          <ng-content></ng-content>\n        </div>\n        <ng-content select=\"[slot='outside-content']\"></ng-content>\n      </section>\n\n      <footer class=\"modal-dialog__actions\">\n        <button\n          class=\"danger\"\n          type=\"reset\"\n          [attr.data-thook]=\"'dialog-' + (_buttons?.negative || 'negative')\"\n          (click)=\"onAction($event, 'negative')\"\n          (keydown.enter)=\"onAction($event, 'negative')\"\n          *ngIf=\"_buttons && _buttons.negative\"\n        >\n          {{ t(_buttons.negative) }}\n        </button>\n\n        <button\n          class=\"secondary\"\n          type=\"button\"\n          [attr.data-thook]=\"'dialog-' + (_buttons?.neutral || 'neutral')\"\n          (click)=\"onAction($event, 'neutral')\"\n          (keydown.enter)=\"onAction($event, 'neutral')\"\n          *ngIf=\"_buttons && _buttons.neutral\"\n        >\n          {{ t(_buttons.neutral) }}\n        </button>\n\n        <button\n          type=\"submit\"\n          [attr.data-thook]=\"'dialog-' + (_buttons?.positive || 'positive')\"\n          (click)=\"onAction($event, 'positive')\"\n          (keydown.enter)=\"onAction($event, 'positive')\"\n          *ngIf=\"_buttons && _buttons.positive\"\n        >\n          {{ t(_buttons.positive) }}\n        </button>\n      </footer>\n    </div>\n\n    <div\n      class=\"gds-backdrop\"\n      data-thook=\"slideout-backdrop\"\n      (click)=\"close()\"\n    ></div>\n  </div>\n</ng-container>\n", styles: ["button,input[type=button],input[type=submit],input[type=reset],.button,.gds-filter-chip{background-color:transparent;border:0;cursor:pointer;font-family:inherit;padding:0}button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)),input:where([type=button],[type=submit],[type=reset]),.button{padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);font-weight:500;min-height:2.75rem;align-items:center;display:inline-flex;justify-content:center}button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus:not(:focus-visible),input:where([type=button],[type=submit],[type=reset]):focus:not(:focus-visible),.button:focus:not(:focus-visible){box-shadow:none;outline:0}button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus,button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus-visible,input:where([type=button],[type=submit],[type=reset]):focus,input:where([type=button],[type=submit],[type=reset]):focus-visible,.button:focus,.button:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}@media (max-width: 35.98em){button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)),input:where([type=button],[type=submit],[type=reset]),.button{min-width:100%}}@media screen and (-ms-high-contrast: active){button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)),input:where([type=button],[type=submit],[type=reset]),.button{border:2px solid currentcolor}}button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).small,input:where([type=button],[type=submit],[type=reset]).small,.button.small{min-height:2rem;padding:.4375rem .75rem;line-height:1rem}button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).large,input:where([type=button],[type=submit],[type=reset]).large,.button.large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)),a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)),button.secondary,a.button.secondary,input:is([type=button],[type=reset]),button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])),button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)){transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:transparent;border-color:#007ac7;color:#007ac7;--color: rgb(0, 122, 199)}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus:not(:focus-visible),a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus:not(:focus-visible),button.secondary:focus:not(:focus-visible),a.button.secondary:focus:not(:focus-visible),input:is([type=button],[type=reset]):focus:not(:focus-visible),button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):focus:not(:focus-visible),button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus:not(:focus-visible){box-shadow:none;outline:0}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus-visible,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus-visible,button.secondary:focus,button.secondary:focus-visible,a.button.secondary:focus,a.button.secondary:focus-visible,input:is([type=button],[type=reset]):focus,input:is([type=button],[type=reset]):focus-visible,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):focus,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):focus-visible,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):not(:disabled,.disabled,[aria-disabled]):hover,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover,button.secondary:not(:disabled,.disabled,[aria-disabled]):hover,a.button.secondary:not(:disabled,.disabled,[aria-disabled]):hover,input:is([type=button],[type=reset]):not(:disabled,.disabled,[aria-disabled]):hover,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):not(:disabled,.disabled,[aria-disabled]):hover,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-selected=true],button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):active,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).active,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).active:hover,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):active:hover,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-selected=true],a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active:hover,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active:hover,button.secondary[aria-selected=true],button.secondary:active,button.secondary.active,button.secondary.active:hover,button.secondary:active:hover,a.button.secondary[aria-selected=true],a.button.secondary:active,a.button.secondary.active,a.button.secondary.active:hover,a.button.secondary:active:hover,input:is([type=button],[type=reset])[aria-selected=true],input:is([type=button],[type=reset]):active,input:is([type=button],[type=reset]).active,input:is([type=button],[type=reset]).active:hover,input:is([type=button],[type=reset]):active:hover,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu]))[aria-selected=true],button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):active,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])).active,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])).active:hover,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):active:hover,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-selected=true],button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active:hover,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):disabled,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).disabled,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-disabled=true],a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):disabled,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).disabled,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-disabled=true],button.secondary:disabled,button.secondary.disabled,button.secondary[aria-disabled=true],a.button.secondary:disabled,a.button.secondary.disabled,a.button.secondary[aria-disabled=true],input:is([type=button],[type=reset]):disabled,input:is([type=button],[type=reset]).disabled,input:is([type=button],[type=reset])[aria-disabled=true],button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):disabled,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])).disabled,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu]))[aria-disabled=true],button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):disabled,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).disabled,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-disabled=true]{background:var(--sg-form-control-bg-disabled)!important;color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):disabled::placeholder,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).disabled::placeholder,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-disabled=true]::placeholder,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):disabled::placeholder,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).disabled::placeholder,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-disabled=true]::placeholder,button.secondary:disabled::placeholder,button.secondary.disabled::placeholder,button.secondary[aria-disabled=true]::placeholder,a.button.secondary:disabled::placeholder,a.button.secondary.disabled::placeholder,a.button.secondary[aria-disabled=true]::placeholder,input:is([type=button],[type=reset]):disabled::placeholder,input:is([type=button],[type=reset]).disabled::placeholder,input:is([type=button],[type=reset])[aria-disabled=true]::placeholder,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):disabled::placeholder,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])).disabled::placeholder,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu]))[aria-disabled=true]::placeholder,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):disabled::placeholder,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).disabled::placeholder,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)),a.button:where(:not(.primary,.secondary,.ghost,.close,.link)),button.tertiary,a.button.tertiary{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:transparent;border-color:transparent;color:#007ac7;--color: rgb(0, 122, 199)}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus:not(:focus-visible),a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):focus:not(:focus-visible),button.tertiary:focus:not(:focus-visible),a.button.tertiary:focus:not(:focus-visible){box-shadow:none;outline:0}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus-visible,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):focus,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):focus-visible,button.tertiary:focus,button.tertiary:focus-visible,a.button.tertiary:focus,a.button.tertiary:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):not(:disabled,.disabled,[aria-disabled]):hover,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover,button.tertiary:not(:disabled,.disabled,[aria-disabled]):hover,a.button.tertiary:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-selected=true],button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):active,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).active,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).active:hover,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):active:hover,a.button:where(:not(.primary,.secondary,.ghost,.close,.link))[aria-selected=true],a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):active,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)).active,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)).active:hover,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):active:hover,button.tertiary[aria-selected=true],button.tertiary:active,button.tertiary.active,button.tertiary.active:hover,button.tertiary:active:hover,a.button.tertiary[aria-selected=true],a.button.tertiary:active,a.button.tertiary.active,a.button.tertiary.active:hover,a.button.tertiary:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):disabled,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).disabled,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-disabled=true],a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):disabled,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)).disabled,a.button:where(:not(.primary,.secondary,.ghost,.close,.link))[aria-disabled=true],button.tertiary:disabled,button.tertiary.disabled,button.tertiary[aria-disabled=true],a.button.tertiary:disabled,a.button.tertiary.disabled,a.button.tertiary[aria-disabled=true]{background:var(--sg-form-control-bg-disabled)!important;color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):disabled::placeholder,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).disabled::placeholder,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-disabled=true]::placeholder,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):disabled::placeholder,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)).disabled::placeholder,a.button:where(:not(.primary,.secondary,.ghost,.close,.link))[aria-disabled=true]::placeholder,button.tertiary:disabled::placeholder,button.tertiary.disabled::placeholder,button.tertiary[aria-disabled=true]::placeholder,a.button.tertiary:disabled::placeholder,a.button.tertiary.disabled::placeholder,a.button.tertiary[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}button.primary,input[type=submit],button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip),input[type=submit]:not(.secondary,.ghost,.danger,.close,.link),a.button.primary{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:#007ac7;border-color:#007ac7;color:#fff;--color: #fff}button.primary:not(:disabled,.disabled,[aria-disabled]):hover,input[type=submit]:not(:disabled,.disabled,[aria-disabled]):hover,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):not(:disabled,.disabled,[aria-disabled]):hover,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):not(:disabled,.disabled,[aria-disabled]):hover,a.button.primary:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}button.primary[aria-selected=true],button.primary:active,button.primary.active,button.primary.active:hover,button.primary:active:hover,input[type=submit][aria-selected=true],input[type=submit]:active,input[type=submit].active,input[type=submit].active:hover,input[type=submit]:active:hover,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip)[aria-selected=true],button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):active,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip).active,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip).active:hover,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):active:hover,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link)[aria-selected=true],input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):active,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link).active,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link).active:hover,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):active:hover,a.button.primary[aria-selected=true],a.button.primary:active,a.button.primary.active,a.button.primary.active:hover,a.button.primary:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}button.primary:focus-visible,input[type=submit]:focus-visible,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):focus-visible,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):focus-visible,a.button.primary:focus-visible{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3!important}button.primary:disabled,button.primary.disabled,button.primary[aria-disabled=true],input[type=submit]:disabled,input[type=submit].disabled,input[type=submit][aria-disabled=true],button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):disabled,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip).disabled,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip)[aria-disabled=true],input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):disabled,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link).disabled,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link)[aria-disabled=true],a.button.primary:disabled,a.button.primary.disabled,a.button.primary[aria-disabled=true]{background:var(--form-control-primary-bg-disabled)!important;color:var(--text-primary-disabled-color)!important;border-color:var(--border-primary-disabled-color)!important;cursor:not-allowed}button.primary:disabled::placeholder,button.primary.disabled::placeholder,button.primary[aria-disabled=true]::placeholder,input[type=submit]:disabled::placeholder,input[type=submit].disabled::placeholder,input[type=submit][aria-disabled=true]::placeholder,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):disabled::placeholder,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip).disabled::placeholder,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip)[aria-disabled=true]::placeholder,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):disabled::placeholder,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link).disabled::placeholder,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link)[aria-disabled=true]::placeholder,a.button.primary:disabled::placeholder,a.button.primary.disabled::placeholder,a.button.primary[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}button.ghost,.button.ghost{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;border-color:#333;color:#333;--color: rgb(51, 51, 51)}button.ghost:not(:disabled,.disabled,[aria-disabled]):hover,.button.ghost:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333}button.ghost[aria-selected=true],button.ghost:active,button.ghost.active,button.ghost.active:hover,button.ghost:active:hover,.button.ghost[aria-selected=true],.button.ghost:active,.button.ghost.active,.button.ghost.active:hover,.button.ghost:active:hover{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333}button.ghost[aria-selected]:hover,button.ghost.active:hover,button.ghost:active:hover,.button.ghost[aria-selected]:hover,.button.ghost.active:hover,.button.ghost:active:hover{opacity:.9}button.ghost:focus-visible,.button.ghost:focus-visible{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333!important}button.ghost:disabled,button.ghost.disabled,button.ghost[aria-disabled=true],.button.ghost:disabled,.button.ghost.disabled,.button.ghost[aria-disabled=true]{color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}button.ghost:disabled::placeholder,button.ghost.disabled::placeholder,button.ghost[aria-disabled=true]::placeholder,.button.ghost:disabled::placeholder,.button.ghost.disabled::placeholder,.button.ghost[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}button.icon,.button.icon{background-color:transparent;border:.0625rem solid transparent;padding:.625rem;height:2.75rem;width:2.75rem;min-width:auto;--color: var(--gds-ref-pallet-base800)}.form-group button.icon,.form-group .button.icon{margin-top:-.625rem}button.icon.small,.button.icon.small{height:2rem;width:2rem;padding:.4375rem;line-height:1.125rem}button.icon svg,.button.icon svg{height:1rem;width:1rem}button.icon path,button.icon line,button.icon circle,button.icon rect,button.icon ellipse,button.icon polyline,button.icon text,.button.icon path,.button.icon line,.button.icon circle,.button.icon rect,.button.icon ellipse,.button.icon polyline,.button.icon text{fill:var(--gds-ref-pallet-base800);stroke:var(--gds-ref-pallet-base800);transition:all .3s cubic-bezier(.23,1,.32,1)}button.icon:hover,button.icon.highlighted,.button.icon:hover,.button.icon.highlighted{background-color:#0000001a;border-color:transparent}button.icon:active,button.icon.highlighted:hover,.button.icon:active,.button.icon.highlighted:hover{background-color:#0003;border-color:transparent}button.primary.danger,.button.primary.danger,button[type=submit].danger:not(.secondary,.ghost,.close,.link),input[type=submit].danger:not(.secondary,.ghost,.close,.link){background:#bb000c;border-color:#bb000c;color:#fff;--color: #fff;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s}button.primary.danger:not(:disabled,.disabled,[aria-disabled]):hover,.button.primary.danger:not(:disabled,.disabled,[aria-disabled]):hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link):not(:disabled,.disabled,[aria-disabled]):hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link):not(:disabled,.disabled,[aria-disabled]):hover{background-color:#d81a1a;color:#fff;--background: rgb(216, 26, 26);--color: rgb(255, 255, 255);border-color:#d81a1a}button.primary.danger[aria-selected=true],button.primary.danger:active,button.primary.danger.active,button.primary.danger.active:hover,button.primary.danger:active:hover,.button.primary.danger[aria-selected=true],.button.primary.danger:active,.button.primary.danger.active,.button.primary.danger.active:hover,.button.primary.danger:active:hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-selected=true],button[type=submit].danger:not(.secondary,.ghost,.close,.link):active,button[type=submit].danger:not(.secondary,.ghost,.close,.link).active,button[type=submit].danger:not(.secondary,.ghost,.close,.link).active:hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link):active:hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-selected=true],input[type=submit].danger:not(.secondary,.ghost,.close,.link):active,input[type=submit].danger:not(.secondary,.ghost,.close,.link).active,input[type=submit].danger:not(.secondary,.ghost,.close,.link).active:hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link):active:hover{background-color:#bb000c;color:#fff;--background: rgb(187, 0, 12);--color: rgb(255, 255, 255);border-color:#bb000c}button.primary.danger[aria-selected]:hover,button.primary.danger.active:hover,button.primary.danger:active:hover,.button.primary.danger[aria-selected]:hover,.button.primary.danger.active:hover,.button.primary.danger:active:hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-selected]:hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link).active:hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link):active:hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-selected]:hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link).active:hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link):active:hover{opacity:.9}button.primary.danger:focus:not(:focus-visible),.button.primary.danger:focus:not(:focus-visible),button[type=submit].danger:not(.secondary,.ghost,.close,.link):focus:not(:focus-visible),input[type=submit].danger:not(.secondary,.ghost,.close,.link):focus:not(:focus-visible){box-shadow:none;outline:0}button.primary.danger:focus,button.primary.danger:focus-visible,.button.primary.danger:focus,.button.primary.danger:focus-visible,button[type=submit].danger:not(.secondary,.ghost,.close,.link):focus,button[type=submit].danger:not(.secondary,.ghost,.close,.link):focus-visible,input[type=submit].danger:not(.secondary,.ghost,.close,.link):focus,input[type=submit].danger:not(.secondary,.ghost,.close,.link):focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}button.primary.danger:disabled,button.primary.danger.disabled,button.primary.danger[aria-disabled=true],.button.primary.danger:disabled,.button.primary.danger.disabled,.button.primary.danger[aria-disabled=true],button[type=submit].danger:not(.secondary,.ghost,.close,.link):disabled,button[type=submit].danger:not(.secondary,.ghost,.close,.link).disabled,button[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-disabled=true],input[type=submit].danger:not(.secondary,.ghost,.close,.link):disabled,input[type=submit].danger:not(.secondary,.ghost,.close,.link).disabled,input[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-disabled=true]{background:var(--form-control-primary-bg-disabled)!important;color:var(--text-primary-disabled-color)!important;border-color:var(--border-primary-disabled-color)!important;cursor:not-allowed}button.primary.danger:disabled::placeholder,button.primary.danger.disabled::placeholder,button.primary.danger[aria-disabled=true]::placeholder,.button.primary.danger:disabled::placeholder,.button.primary.danger.disabled::placeholder,.button.primary.danger[aria-disabled=true]::placeholder,button[type=submit].danger:not(.secondary,.ghost,.close,.link):disabled::placeholder,button[type=submit].danger:not(.secondary,.ghost,.close,.link).disabled::placeholder,button[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-disabled=true]::placeholder,input[type=submit].danger:not(.secondary,.ghost,.close,.link):disabled::placeholder,input[type=submit].danger:not(.secondary,.ghost,.close,.link).disabled::placeholder,input[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])),a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)),button.secondary.danger,a.button.secondary.danger,input.danger:is([type=button],[type=reset]),button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])),button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)){color:#bb000c;--color: rgb(187, 0, 12);border-color:transparent;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):not(:disabled,.disabled,[aria-disabled]):hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover,button.secondary.danger:not(:disabled,.disabled,[aria-disabled]):hover,a.button.secondary.danger:not(:disabled,.disabled,[aria-disabled]):hover,input.danger:is([type=button],[type=reset]):not(:disabled,.disabled,[aria-disabled]):hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):not(:disabled,.disabled,[aria-disabled]):hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover{background-color:#d81a1a;color:#fff;--background: rgb(216, 26, 26);--color: rgb(255, 255, 255);border-color:#d81a1a}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch]))[aria-selected=true],button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active:hover,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active:hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link))[aria-selected=true],a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):active,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)).active,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)).active:hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):active:hover,button.secondary.danger[aria-selected=true],button.secondary.danger:active,button.secondary.danger.active,button.secondary.danger.active:hover,button.secondary.danger:active:hover,a.button.secondary.danger[aria-selected=true],a.button.secondary.danger:active,a.button.secondary.danger.active,a.button.secondary.danger.active:hover,a.button.secondary.danger:active:hover,input.danger:is([type=button],[type=reset])[aria-selected=true],input.danger:is([type=button],[type=reset]):active,input.danger:is([type=button],[type=reset]).active,input.danger:is([type=button],[type=reset]).active:hover,input.danger:is([type=button],[type=reset]):active:hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu]))[aria-selected=true],button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):active,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])).active,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])).active:hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):active:hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-selected=true],button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active:hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active:hover{background-color:#bb000c;color:#fff;--background: rgb(187, 0, 12);--color: rgb(255, 255, 255);border-color:#bb000c}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch]))[aria-selected]:hover,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active:hover,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active:hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link))[aria-selected]:hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)).active:hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):active:hover,button.secondary.danger[aria-selected]:hover,button.secondary.danger.active:hover,button.secondary.danger:active:hover,a.button.secondary.danger[aria-selected]:hover,a.button.secondary.danger.active:hover,a.button.secondary.danger:active:hover,input.danger:is([type=button],[type=reset])[aria-selected]:hover,input.danger:is([type=button],[type=reset]).active:hover,input.danger:is([type=button],[type=reset]):active:hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu]))[aria-selected]:hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])).active:hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):active:hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-selected]:hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active:hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active:hover{opacity:.9}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus:not(:focus-visible),a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):focus:not(:focus-visible),button.secondary.danger:focus:not(:focus-visible),a.button.secondary.danger:focus:not(:focus-visible),input.danger:is([type=button],[type=reset]):focus:not(:focus-visible),button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):focus:not(:focus-visible),button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus:not(:focus-visible){box-shadow:none;outline:0}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus-visible,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):focus,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):focus-visible,button.secondary.danger:focus,button.secondary.danger:focus-visible,a.button.secondary.danger:focus,a.button.secondary.danger:focus-visible,input.danger:is([type=button],[type=reset]):focus,input.danger:is([type=button],[type=reset]):focus-visible,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):focus,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):focus-visible,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])),a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)),button.tertiary.danger,a.button.tertiary.danger{color:#bb000c;--color: rgb(187, 0, 12);border-color:transparent;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):not(:disabled,.disabled,[aria-disabled]):hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover,button.tertiary.danger:not(:disabled,.disabled,[aria-disabled]):hover,a.button.tertiary.danger:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#d81a1a;color:#fff;--background: rgb(216, 26, 26);--color: rgb(255, 255, 255);border-color:#d81a1a}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch]))[aria-selected=true],button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active:hover,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active:hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link))[aria-selected=true],a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):active,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)).active,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)).active:hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):active:hover,button.tertiary.danger[aria-selected=true],button.tertiary.danger:active,button.tertiary.danger.active,button.tertiary.danger.active:hover,button.tertiary.danger:active:hover,a.button.tertiary.danger[aria-selected=true],a.button.tertiary.danger:active,a.button.tertiary.danger.active,a.button.tertiary.danger.active:hover,a.button.tertiary.danger:active:hover{background-color:#bb000c;color:#fff;--background: rgb(187, 0, 12);--color: rgb(255, 255, 255);border-color:#bb000c}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch]))[aria-selected]:hover,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active:hover,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active:hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link))[aria-selected]:hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)).active:hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):active:hover,button.tertiary.danger[aria-selected]:hover,button.tertiary.danger.active:hover,button.tertiary.danger:active:hover,a.button.tertiary.danger[aria-selected]:hover,a.button.tertiary.danger.active:hover,a.button.tertiary.danger:active:hover{opacity:.9}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus:not(:focus-visible),a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):focus:not(:focus-visible),button.tertiary.danger:focus:not(:focus-visible),a.button.tertiary.danger:focus:not(:focus-visible){box-shadow:none;outline:0}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus-visible,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):focus,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):focus-visible,button.tertiary.danger:focus,button.tertiary.danger:focus-visible,a.button.tertiary.danger:focus,a.button.tertiary.danger:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .gds-slide-out{background:var(--sg-modal-background);display:flex;flex-direction:column;box-shadow:var(--sg-modal-box-shadow);position:absolute;width:100%;z-index:var(--sg-z-index-modal);position:fixed;height:100dvh;max-width:512px;min-height:-webkit-fill-available;min-height:-moz-available;min-height:stretch;right:0;top:0;transition:transform .35s cubic-bezier(.33,1,.68,1);transform:translate(100%);z-index:1050}:host .gds-slide-out>.header,:host .gds-slide-out>header{padding:1rem;border-bottom:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);display:inline-flex;justify-content:space-between;align-items:center;width:100%}:host .gds-slide-out>.header h3,:host .gds-slide-out>.header .h3,:host .gds-slide-out>header h3,:host .gds-slide-out>header .h3{margin-bottom:0;margin-top:0}:host .gds-slide-out>.header h3+.close,:host .gds-slide-out>.header .h3+.close,:host .gds-slide-out>header h3+.close,:host .gds-slide-out>header .h3+.close{margin:-7px;min-width:2rem}:host .gds-slide-out>.body{padding:1rem;overflow:auto;width:100%}:host .gds-slide-out>.body p{margin-bottom:0;margin-top:0}:host .gds-slide-out>.footer,:host .gds-slide-out>footer{padding:1rem;width:100%}@media (min-width: 36em){:host .gds-slide-out>.footer,:host .gds-slide-out>footer{display:flex;justify-content:flex-end}}@media (max-width: 35.98em){:host .gds-slide-out>.footer button+button,:host .gds-slide-out>.footer button+.button,:host .gds-slide-out>.footer .button+button,:host .gds-slide-out>.footer .button+.button,:host .gds-slide-out>footer button+button,:host .gds-slide-out>footer button+.button,:host .gds-slide-out>footer .button+button,:host .gds-slide-out>footer .button+.button{margin-top:.75rem}}@media (min-width: 36em){:host .gds-slide-out>.footer button+button,:host .gds-slide-out>.footer button+.button,:host .gds-slide-out>.footer .button+button,:host .gds-slide-out>.footer .button+.button,:host .gds-slide-out>footer button+button,:host .gds-slide-out>footer button+.button,:host .gds-slide-out>footer .button+button,:host .gds-slide-out>footer .button+.button{margin-left:.75rem}}:host .gds-slide-out.is-entering,:host .gds-slide-out.entered{transform:translate(0)}:host .gds-slide-out.is-exiting{transform:translate(100%)}:host .gds-slide-out.large{max-width:720px}:host .gds-slide-out>.body{flex:1 0}:host .gds-slide-out.left{left:0}:host .gds-slide-out.gds-slide-out--768{max-width:48rem}:host .gds-slide-out.gds-slide-out--960{max-width:60rem}:host .gds-slide-out.gds-slide-out--768 header,:host .gds-slide-out.gds-slide-out--960 header{padding:1.5rem 2rem 1rem}:host .gds-slide-out.gds-slide-out--768 .body,:host .gds-slide-out.gds-slide-out--960 .body{padding:2rem 2rem 1rem}:host .gds-slide-out.gds-slide-out--768 footer,:host .gds-slide-out.gds-slide-out--960 footer{padding:1rem 2rem 2rem}:host .gds-slide-out.auto-width{width:auto;max-width:initial}:host .hide-if-empty:empty{display:none}:host .gds-backdrop{background:#00000059;inset:0;position:fixed;z-index:1040;display:block;transition:opacity .5s cubic-bezier(.33,1,.68,1)}:host .gds-backdrop--transparent{opacity:0}:host .gds-backdrop--transparent.entered,:host .gds-backdrop--transparent.is-entering{opacity:1}:host .gds-backdrop--transparent.is-exiting{opacity:0}:host .gds-slide-out__content{padding:1rem;overflow:auto;width:100%}:host .gds-slide-out__content p{margin-bottom:0;margin-top:0}:host .modal-dialog__actions,:host .gds-slide-out__header,:host .modal-body,:host .gds-slide-out__content{box-sizing:border-box}:host #sdv-modal-body{flex:1}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { slideOutRef: [{
                 type: ViewChild,
                 args: ['slideOut']
@@ -2794,16 +2795,16 @@ class NgvModalModule {
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: NgvModalModule, declarations: [NgvDialogComponent,
             NgvSlideOutComponent,
             NgvFoldOutComponent,
-            NgvFoldOutOptionDirective], imports: [CommonModule, NgvButtonModule$1], exports: [NgvDialogComponent,
+            NgvFoldOutOptionDirective], imports: [CommonModule, NgvButtonModule$1, NgvI18nModule$1, NggCoreWrapperModule], exports: [NgvDialogComponent,
             NgvSlideOutComponent,
             NgvFoldOutComponent,
             NgvFoldOutOptionDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvModalModule, imports: [CommonModule, NgvButtonModule$1] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvModalModule, imports: [CommonModule, NgvButtonModule$1, NgvI18nModule$1, NggCoreWrapperModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvModalModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule, NgvButtonModule$1],
+                    imports: [CommonModule, NgvButtonModule$1, NgvI18nModule$1, NggCoreWrapperModule],
                     declarations: [
                         NgvDialogComponent,
                         NgvSlideOutComponent,
@@ -2919,11 +2920,11 @@ class NgvRadioComponent extends NgvBaseControlValueAccessorComponent$1 {
             this.name = this.formControlName;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvRadioComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: TRANSLOCO_SCOPE, optional: true }, { token: NgvRadioControlRegistry }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NgvRadioComponent, selector: "nggv-radio", inputs: { thook: "thook", formControlName: "formControlName" }, host: { properties: { "attr.data-thook": "this.thook" } }, providers: [NgvRadioControlRegistry], usesInheritance: true, ngImport: i0, template: "<!-- LOCKED INPUT -->\n<div *ngIf=\"locked && state\" class=\"sdv-field-radio-wrap\">\n  <div\n    [id]=\"id + '-radio'\"\n    class=\"nggv-field--locked\"\n    [attr.name]=\"name\"\n    [attr.value]=\"value\"\n  >\n    {{ label }}\n    <ng-template\n      *ngTemplateOutlet=\"labelContentTpl ?? null; context: { $implicit: value }\"\n    ></ng-template>\n  </div>\n</div>\n\n<!-- INPUT WRAPPER -->\n<ng-container *ngIf=\"!locked\">\n  <div class=\"sdv-field-radio-wrap\">\n    <!-- RADIO BUTTON FIELD -->\n    <label [attr.for]=\"id + '-radio'\" class=\"form-control\">\n      <input\n        #input\n        type=\"radio\"\n        [attr.id]=\"id + '-radio'\"\n        [attr.name]=\"name\"\n        [attr.value]=\"value\"\n        [attr.required]=\"required\"\n        [disabled]=\"disabled\"\n        [autofocus]=\"autofocus\"\n        [attr.aria-label]=\"description\"\n        [checked]=\"state\"\n        (click)=\"$event.stopPropagation()\"\n        (change)=\"onInputChange($event)\"\n        (focus)=\"onFocus($event)\"\n        (blur)=\"onBlur($event)\"\n      />\n\n      <!-- LABEL -->\n      {{ label }}\n      <ng-template\n        *ngTemplateOutlet=\"\n          labelContentTpl ?? null;\n          context: { $implicit: value }\n        \"\n      ></ng-template>\n      <i></i>\n    </label>\n  </div>\n\n  <!-- ERRORS -->\n  <ng-container *transloco=\"let t; read: scope\">\n    <label\n      class=\"sdv-field-notice sdv-field-notice--error\"\n      [attr.for]=\"id + '-radio'\"\n      *ngIf=\"invalid && (error || ngControl?.invalid)\"\n    >\n      <span *ngIf=\"error; else errorsRef\">{{ error }}</span>\n      <ng-template #errorsRef>\n        <span *ngIf=\"firstError as error\">\n          {{ t('error.field' + error?.code, error?.params) }}\n        </span>\n      </ng-template>\n    </label>\n  </ng-container>\n\n  <!-- CHILDREN -->\n  <ng-content></ng-content>\n</ng-container>\n", styles: [":host .nggv-field--locked{display:inline-block;border-radius:.25em;position:relative;min-height:2em;padding:.5em .75em .5em 0}:host .form-control{padding:.75rem 1rem;border:1px solid transparent;border-radius:var(--gds-sys-shape-corner-medium);align-items:center;cursor:pointer;display:flex;flex-direction:row-reverse;font:inherit;justify-content:flex-end;position:relative;user-select:none;-webkit-user-select:none}:host .form-control:has(input:disabled){cursor:not-allowed}:host label.form-control input[type=radio]{cursor:pointer;height:0;opacity:0;position:absolute;width:0;z-index:-1}:host label.form-control:has(input[type=radio]:focus-visible):focus:not(:focus-visible){box-shadow:none;outline:0}:host label.form-control:has(input[type=radio]:focus-visible):focus,:host label.form-control:has(input[type=radio]:focus-visible):focus-within{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host label.form-control input[type=radio]~i{margin-right:.75rem;margin-top:.0625rem;flex-shrink:0;position:relative;border-radius:var(--gds-comp-radio-border-radius);display:flex;height:var(--gds-comp-radio-container-height);width:var(--gds-comp-radio-container-width);box-shadow:inset 0 0 0 .05rem var(--gds-comp-radio-border)}:host label.form-control input[type=radio]~i:after{content:\"\";width:100%;height:100%;border-radius:var(--gds-comp-radio-border-radius);background-color:var(--gds-comp-radio-dot);transform:scale(.5)}:host label.form-control:hover input[type=radio]:not(.disabled,:disabled)~i{box-shadow:inset 0 0 0 .05rem var(--gds-comp-radio-border-hover)}:host label.form-control:hover input[type=radio]:not(.disabled,:disabled)~i:after{background-color:var(--gds-comp-radio-dot-hover)}:host label.form-control input[type=radio]:checked:not(.disabled,:disabled)~i{box-shadow:inset 0 0 0 .05rem var(--gds-comp-radio-border-checked)}:host label.form-control input[type=radio]:checked:not(.disabled,:disabled)~i:after{background-color:var(--gds-comp-radio-dot-checked)}:host label.form-control:hover input[type=radio]:checked:not(.disabled,:disabled)~i{box-shadow:inset 0 0 0 .05rem var(--gds-comp-radio-border-checked-hover)}:host label.form-control:hover input[type=radio]:checked:not(.disabled,:disabled)~i:after{background-color:var(--gds-comp-radio-dot-checked-hover)}:host .was-validated label.form-control input[type=radio]:not(.is-invalid):valid~i,:host label.form-control input[type=radio].is-valid~i{--border-color: var(--intent-success-background);--sg-border-color: var(--intent-success-background)}:host .was-validated label.form-control input[type=radio]:not(.is-valid):invalid~i,:host label.form-control input[type=radio].is-invalid~i{--border-color: var(--intent-danger-background);--sg-border-color: var(--intent-danger-background)}:host label.form-control input[type=radio]:disabled~i,:host label.form-control input[type=radio].disabled~i{background-color:var(--gds-comp-radio-container-background-disabled);box-shadow:inset 0 0 0 .05rem var(--gds-comp-radio-border-disabled)}:host label.form-control input[type=radio]:disabled~span,:host label.form-control input[type=radio].disabled~span{color:var(--text-disabled-color)!important;cursor:not-allowed}:host label.form-control input[type=radio]:disabled~span::placeholder,:host label.form-control input[type=radio].disabled~span::placeholder{color:var(--text-disabled-color)}:host label.form-control input[type=radio]:disabled:checked~i:after,:host label.form-control input[type=radio]:checked.disabled~i:after{background-color:var(--gds-comp-radio-dot-disabled)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3$1.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NgvRadioComponent, selector: "nggv-radio", inputs: { thook: "thook", formControlName: "formControlName" }, host: { properties: { "attr.data-thook": "this.thook" } }, providers: [NgvRadioControlRegistry], usesInheritance: true, ngImport: i0, template: "<!-- LOCKED INPUT -->\n<div *ngIf=\"locked && state\">\n  <div\n    [id]=\"id + '-radio'\"\n    class=\"nggv-field--locked\"\n    [attr.name]=\"name\"\n    [attr.value]=\"value\"\n  >\n    {{ label }}\n    <ng-template\n      *ngTemplateOutlet=\"labelContentTpl ?? null; context: { $implicit: value }\"\n    ></ng-template>\n  </div>\n</div>\n\n<!-- INPUT WRAPPER -->\n<ng-container *ngIf=\"!locked\">\n  <div>\n    <!-- RADIO BUTTON FIELD -->\n    <label [attr.for]=\"id + '-radio'\" class=\"form-control\">\n      <input\n        #input\n        type=\"radio\"\n        [attr.id]=\"id + '-radio'\"\n        [attr.name]=\"name\"\n        [attr.value]=\"value\"\n        [attr.required]=\"required\"\n        [disabled]=\"disabled\"\n        [autofocus]=\"autofocus\"\n        [attr.aria-label]=\"description\"\n        [checked]=\"state\"\n        (click)=\"$event.stopPropagation()\"\n        (change)=\"onInputChange($event)\"\n        (focus)=\"onFocus($event)\"\n        (blur)=\"onBlur($event)\"\n      />\n\n      <!-- LABEL -->\n      {{ label }}\n      <ng-template\n        *ngTemplateOutlet=\"\n          labelContentTpl ?? null;\n          context: { $implicit: value }\n        \"\n      ></ng-template>\n      <i></i>\n    </label>\n  </div>\n\n  <!-- ERRORS -->\n  <ng-container *transloco=\"let t; read: scope\">\n    <label\n      class=\"sdv-field-notice sdv-field-notice--error\"\n      [attr.for]=\"id + '-radio'\"\n      *ngIf=\"invalid && (error || ngControl?.invalid)\"\n    >\n      <span *ngIf=\"error; else errorsRef\">{{ error }}</span>\n      <ng-template #errorsRef>\n        <span *ngIf=\"firstError as error\">\n          {{ t('error.field' + error?.code, error?.params) }}\n        </span>\n      </ng-template>\n    </label>\n  </ng-container>\n\n  <!-- CHILDREN -->\n  <ng-content></ng-content>\n</ng-container>\n", styles: [":host .nggv-field--locked{display:inline-block;border-radius:.25em;position:relative;min-height:2em;padding:.5em .75em .5em 0}:host .form-control{padding:.75rem 1rem;border:1px solid transparent;border-radius:var(--gds-sys-shape-corner-medium);align-items:center;cursor:pointer;display:flex;flex-direction:row-reverse;font:inherit;justify-content:flex-end;position:relative;user-select:none;-webkit-user-select:none}:host .form-control:has(input:disabled){cursor:not-allowed}:host label.form-control input[type=radio]{cursor:pointer;height:0;opacity:0;position:absolute;width:0;z-index:-1}:host label.form-control:has(input[type=radio]:focus-visible):focus:not(:focus-visible){box-shadow:none;outline:0}:host label.form-control:has(input[type=radio]:focus-visible):focus,:host label.form-control:has(input[type=radio]:focus-visible):focus-within{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host label.form-control input[type=radio]~i{margin-right:.75rem;margin-top:.0625rem;flex-shrink:0;position:relative;border-radius:var(--gds-comp-radio-border-radius);display:flex;height:var(--gds-comp-radio-container-height);width:var(--gds-comp-radio-container-width);box-shadow:inset 0 0 0 .05rem var(--gds-comp-radio-border)}:host label.form-control input[type=radio]~i:after{content:\"\";width:100%;height:100%;border-radius:var(--gds-comp-radio-border-radius);background-color:var(--gds-comp-radio-dot);transform:scale(.5)}:host label.form-control:hover input[type=radio]:not(.disabled,:disabled)~i{box-shadow:inset 0 0 0 .05rem var(--gds-comp-radio-border-hover)}:host label.form-control:hover input[type=radio]:not(.disabled,:disabled)~i:after{background-color:var(--gds-comp-radio-dot-hover)}:host label.form-control input[type=radio]:checked:not(.disabled,:disabled)~i{box-shadow:inset 0 0 0 .05rem var(--gds-comp-radio-border-checked)}:host label.form-control input[type=radio]:checked:not(.disabled,:disabled)~i:after{background-color:var(--gds-comp-radio-dot-checked)}:host label.form-control:hover input[type=radio]:checked:not(.disabled,:disabled)~i{box-shadow:inset 0 0 0 .05rem var(--gds-comp-radio-border-checked-hover)}:host label.form-control:hover input[type=radio]:checked:not(.disabled,:disabled)~i:after{background-color:var(--gds-comp-radio-dot-checked-hover)}:host .was-validated label.form-control input[type=radio]:not(.is-invalid):valid~i,:host label.form-control input[type=radio].is-valid~i{--border-color: var(--intent-success-background);--sg-border-color: var(--intent-success-background)}:host .was-validated label.form-control input[type=radio]:not(.is-valid):invalid~i,:host label.form-control input[type=radio].is-invalid~i{--border-color: var(--intent-danger-background);--sg-border-color: var(--intent-danger-background)}:host label.form-control input[type=radio]:disabled~i,:host label.form-control input[type=radio].disabled~i{background-color:var(--gds-comp-radio-container-background-disabled);box-shadow:inset 0 0 0 .05rem var(--gds-comp-radio-border-disabled)}:host label.form-control input[type=radio]:disabled~span,:host label.form-control input[type=radio].disabled~span{color:var(--text-disabled-color)!important;cursor:not-allowed}:host label.form-control input[type=radio]:disabled~span::placeholder,:host label.form-control input[type=radio].disabled~span::placeholder{color:var(--text-disabled-color)}:host label.form-control input[type=radio]:disabled:checked~i:after,:host label.form-control input[type=radio]:checked.disabled~i:after{background-color:var(--gds-comp-radio-dot-disabled)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3$1.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvRadioComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nggv-radio', providers: [NgvRadioControlRegistry], template: "<!-- LOCKED INPUT -->\n<div *ngIf=\"locked && state\" class=\"sdv-field-radio-wrap\">\n  <div\n    [id]=\"id + '-radio'\"\n    class=\"nggv-field--locked\"\n    [attr.name]=\"name\"\n    [attr.value]=\"value\"\n  >\n    {{ label }}\n    <ng-template\n      *ngTemplateOutlet=\"labelContentTpl ?? null; context: { $implicit: value }\"\n    ></ng-template>\n  </div>\n</div>\n\n<!-- INPUT WRAPPER -->\n<ng-container *ngIf=\"!locked\">\n  <div class=\"sdv-field-radio-wrap\">\n    <!-- RADIO BUTTON FIELD -->\n    <label [attr.for]=\"id + '-radio'\" class=\"form-control\">\n      <input\n        #input\n        type=\"radio\"\n        [attr.id]=\"id + '-radio'\"\n        [attr.name]=\"name\"\n        [attr.value]=\"value\"\n        [attr.required]=\"required\"\n        [disabled]=\"disabled\"\n        [autofocus]=\"autofocus\"\n        [attr.aria-label]=\"description\"\n        [checked]=\"state\"\n        (click)=\"$event.stopPropagation()\"\n        (change)=\"onInputChange($event)\"\n        (focus)=\"onFocus($event)\"\n        (blur)=\"onBlur($event)\"\n      />\n\n      <!-- LABEL -->\n      {{ label }}\n      <ng-template\n        *ngTemplateOutlet=\"\n          labelContentTpl ?? null;\n          context: { $implicit: value }\n        \"\n      ></ng-template>\n      <i></i>\n    </label>\n  </div>\n\n  <!-- ERRORS -->\n  <ng-container *transloco=\"let t; read: scope\">\n    <label\n      class=\"sdv-field-notice sdv-field-notice--error\"\n      [attr.for]=\"id + '-radio'\"\n      *ngIf=\"invalid && (error || ngControl?.invalid)\"\n    >\n      <span *ngIf=\"error; else errorsRef\">{{ error }}</span>\n      <ng-template #errorsRef>\n        <span *ngIf=\"firstError as error\">\n          {{ t('error.field' + error?.code, error?.params) }}\n        </span>\n      </ng-template>\n    </label>\n  </ng-container>\n\n  <!-- CHILDREN -->\n  <ng-content></ng-content>\n</ng-container>\n", styles: [":host .nggv-field--locked{display:inline-block;border-radius:.25em;position:relative;min-height:2em;padding:.5em .75em .5em 0}:host .form-control{padding:.75rem 1rem;border:1px solid transparent;border-radius:var(--gds-sys-shape-corner-medium);align-items:center;cursor:pointer;display:flex;flex-direction:row-reverse;font:inherit;justify-content:flex-end;position:relative;user-select:none;-webkit-user-select:none}:host .form-control:has(input:disabled){cursor:not-allowed}:host label.form-control input[type=radio]{cursor:pointer;height:0;opacity:0;position:absolute;width:0;z-index:-1}:host label.form-control:has(input[type=radio]:focus-visible):focus:not(:focus-visible){box-shadow:none;outline:0}:host label.form-control:has(input[type=radio]:focus-visible):focus,:host label.form-control:has(input[type=radio]:focus-visible):focus-within{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host label.form-control input[type=radio]~i{margin-right:.75rem;margin-top:.0625rem;flex-shrink:0;position:relative;border-radius:var(--gds-comp-radio-border-radius);display:flex;height:var(--gds-comp-radio-container-height);width:var(--gds-comp-radio-container-width);box-shadow:inset 0 0 0 .05rem var(--gds-comp-radio-border)}:host label.form-control input[type=radio]~i:after{content:\"\";width:100%;height:100%;border-radius:var(--gds-comp-radio-border-radius);background-color:var(--gds-comp-radio-dot);transform:scale(.5)}:host label.form-control:hover input[type=radio]:not(.disabled,:disabled)~i{box-shadow:inset 0 0 0 .05rem var(--gds-comp-radio-border-hover)}:host label.form-control:hover input[type=radio]:not(.disabled,:disabled)~i:after{background-color:var(--gds-comp-radio-dot-hover)}:host label.form-control input[type=radio]:checked:not(.disabled,:disabled)~i{box-shadow:inset 0 0 0 .05rem var(--gds-comp-radio-border-checked)}:host label.form-control input[type=radio]:checked:not(.disabled,:disabled)~i:after{background-color:var(--gds-comp-radio-dot-checked)}:host label.form-control:hover input[type=radio]:checked:not(.disabled,:disabled)~i{box-shadow:inset 0 0 0 .05rem var(--gds-comp-radio-border-checked-hover)}:host label.form-control:hover input[type=radio]:checked:not(.disabled,:disabled)~i:after{background-color:var(--gds-comp-radio-dot-checked-hover)}:host .was-validated label.form-control input[type=radio]:not(.is-invalid):valid~i,:host label.form-control input[type=radio].is-valid~i{--border-color: var(--intent-success-background);--sg-border-color: var(--intent-success-background)}:host .was-validated label.form-control input[type=radio]:not(.is-valid):invalid~i,:host label.form-control input[type=radio].is-invalid~i{--border-color: var(--intent-danger-background);--sg-border-color: var(--intent-danger-background)}:host label.form-control input[type=radio]:disabled~i,:host label.form-control input[type=radio].disabled~i{background-color:var(--gds-comp-radio-container-background-disabled);box-shadow:inset 0 0 0 .05rem var(--gds-comp-radio-border-disabled)}:host label.form-control input[type=radio]:disabled~span,:host label.form-control input[type=radio].disabled~span{color:var(--text-disabled-color)!important;cursor:not-allowed}:host label.form-control input[type=radio]:disabled~span::placeholder,:host label.form-control input[type=radio].disabled~span::placeholder{color:var(--text-disabled-color)}:host label.form-control input[type=radio]:disabled:checked~i:after,:host label.form-control input[type=radio]:checked.disabled~i:after{background-color:var(--gds-comp-radio-dot-disabled)}\n"] }]
+            args: [{ selector: 'nggv-radio', providers: [NgvRadioControlRegistry], template: "<!-- LOCKED INPUT -->\n<div *ngIf=\"locked && state\">\n  <div\n    [id]=\"id + '-radio'\"\n    class=\"nggv-field--locked\"\n    [attr.name]=\"name\"\n    [attr.value]=\"value\"\n  >\n    {{ label }}\n    <ng-template\n      *ngTemplateOutlet=\"labelContentTpl ?? null; context: { $implicit: value }\"\n    ></ng-template>\n  </div>\n</div>\n\n<!-- INPUT WRAPPER -->\n<ng-container *ngIf=\"!locked\">\n  <div>\n    <!-- RADIO BUTTON FIELD -->\n    <label [attr.for]=\"id + '-radio'\" class=\"form-control\">\n      <input\n        #input\n        type=\"radio\"\n        [attr.id]=\"id + '-radio'\"\n        [attr.name]=\"name\"\n        [attr.value]=\"value\"\n        [attr.required]=\"required\"\n        [disabled]=\"disabled\"\n        [autofocus]=\"autofocus\"\n        [attr.aria-label]=\"description\"\n        [checked]=\"state\"\n        (click)=\"$event.stopPropagation()\"\n        (change)=\"onInputChange($event)\"\n        (focus)=\"onFocus($event)\"\n        (blur)=\"onBlur($event)\"\n      />\n\n      <!-- LABEL -->\n      {{ label }}\n      <ng-template\n        *ngTemplateOutlet=\"\n          labelContentTpl ?? null;\n          context: { $implicit: value }\n        \"\n      ></ng-template>\n      <i></i>\n    </label>\n  </div>\n\n  <!-- ERRORS -->\n  <ng-container *transloco=\"let t; read: scope\">\n    <label\n      class=\"sdv-field-notice sdv-field-notice--error\"\n      [attr.for]=\"id + '-radio'\"\n      *ngIf=\"invalid && (error || ngControl?.invalid)\"\n    >\n      <span *ngIf=\"error; else errorsRef\">{{ error }}</span>\n      <ng-template #errorsRef>\n        <span *ngIf=\"firstError as error\">\n          {{ t('error.field' + error?.code, error?.params) }}\n        </span>\n      </ng-template>\n    </label>\n  </ng-container>\n\n  <!-- CHILDREN -->\n  <ng-content></ng-content>\n</ng-container>\n", styles: [":host .nggv-field--locked{display:inline-block;border-radius:.25em;position:relative;min-height:2em;padding:.5em .75em .5em 0}:host .form-control{padding:.75rem 1rem;border:1px solid transparent;border-radius:var(--gds-sys-shape-corner-medium);align-items:center;cursor:pointer;display:flex;flex-direction:row-reverse;font:inherit;justify-content:flex-end;position:relative;user-select:none;-webkit-user-select:none}:host .form-control:has(input:disabled){cursor:not-allowed}:host label.form-control input[type=radio]{cursor:pointer;height:0;opacity:0;position:absolute;width:0;z-index:-1}:host label.form-control:has(input[type=radio]:focus-visible):focus:not(:focus-visible){box-shadow:none;outline:0}:host label.form-control:has(input[type=radio]:focus-visible):focus,:host label.form-control:has(input[type=radio]:focus-visible):focus-within{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host label.form-control input[type=radio]~i{margin-right:.75rem;margin-top:.0625rem;flex-shrink:0;position:relative;border-radius:var(--gds-comp-radio-border-radius);display:flex;height:var(--gds-comp-radio-container-height);width:var(--gds-comp-radio-container-width);box-shadow:inset 0 0 0 .05rem var(--gds-comp-radio-border)}:host label.form-control input[type=radio]~i:after{content:\"\";width:100%;height:100%;border-radius:var(--gds-comp-radio-border-radius);background-color:var(--gds-comp-radio-dot);transform:scale(.5)}:host label.form-control:hover input[type=radio]:not(.disabled,:disabled)~i{box-shadow:inset 0 0 0 .05rem var(--gds-comp-radio-border-hover)}:host label.form-control:hover input[type=radio]:not(.disabled,:disabled)~i:after{background-color:var(--gds-comp-radio-dot-hover)}:host label.form-control input[type=radio]:checked:not(.disabled,:disabled)~i{box-shadow:inset 0 0 0 .05rem var(--gds-comp-radio-border-checked)}:host label.form-control input[type=radio]:checked:not(.disabled,:disabled)~i:after{background-color:var(--gds-comp-radio-dot-checked)}:host label.form-control:hover input[type=radio]:checked:not(.disabled,:disabled)~i{box-shadow:inset 0 0 0 .05rem var(--gds-comp-radio-border-checked-hover)}:host label.form-control:hover input[type=radio]:checked:not(.disabled,:disabled)~i:after{background-color:var(--gds-comp-radio-dot-checked-hover)}:host .was-validated label.form-control input[type=radio]:not(.is-invalid):valid~i,:host label.form-control input[type=radio].is-valid~i{--border-color: var(--intent-success-background);--sg-border-color: var(--intent-success-background)}:host .was-validated label.form-control input[type=radio]:not(.is-valid):invalid~i,:host label.form-control input[type=radio].is-invalid~i{--border-color: var(--intent-danger-background);--sg-border-color: var(--intent-danger-background)}:host label.form-control input[type=radio]:disabled~i,:host label.form-control input[type=radio].disabled~i{background-color:var(--gds-comp-radio-container-background-disabled);box-shadow:inset 0 0 0 .05rem var(--gds-comp-radio-border-disabled)}:host label.form-control input[type=radio]:disabled~span,:host label.form-control input[type=radio].disabled~span{color:var(--text-disabled-color)!important;cursor:not-allowed}:host label.form-control input[type=radio]:disabled~span::placeholder,:host label.form-control input[type=radio].disabled~span::placeholder{color:var(--text-disabled-color)}:host label.form-control input[type=radio]:disabled:checked~i:after,:host label.form-control input[type=radio]:checked.disabled~i:after{background-color:var(--gds-comp-radio-dot-disabled)}\n"] }]
         }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
                     type: Self
                 }, {
@@ -3367,7 +3368,8 @@ class NggvModule {
             NgvRadioModule,
             NgvTextareaModule,
             NgvTooltipModule,
-            NgvTypeaheadModule] }); }
+            NgvTypeaheadModule,
+            NggCoreWrapperModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NggvModule, imports: [CommonModule, NgvBaseControlValueAccessorModule,
             NgvBreadcrumbsModule,
             NgvButtonModule,
@@ -3383,7 +3385,8 @@ class NggvModule {
             NgvRadioModule,
             NgvTextareaModule,
             NgvTooltipModule,
-            NgvTypeaheadModule] }); }
+            NgvTypeaheadModule,
+            NggCoreWrapperModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NggvModule, decorators: [{
             type: NgModule,
@@ -3407,6 +3410,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         NgvTextareaModule,
                         NgvTooltipModule,
                         NgvTypeaheadModule,
+                        NggCoreWrapperModule
                     ],
                 }]
         }] });